@import"https://fonts.googleapis.com/css?family=Poppins:300,400,400i,500,500i,600,600i,700,700i,800,900";
.cdk-global-overlay-wrapper,
.cdk-overlay-container {
    pointer-events: none;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.cdk-overlay-container {
    position: fixed;
    z-index: 1000
}

.cdk-overlay-container:empty {
    display: none
}

.cdk-global-overlay-wrapper {
    display: flex;
    position: absolute;
    z-index: 1000
}

.cdk-overlay-pane {
    position: absolute;
    pointer-events: auto;
    box-sizing: border-box;
    z-index: 1000;
    display: flex;
    max-width: 100%;
    max-height: 100%
}

.cdk-overlay-backdrop {
    position: absolute;
    inset: 0;
    z-index: 1000;
    pointer-events: auto;
    -webkit-tap-highlight-color: transparent;
    transition: opacity .4s cubic-bezier(.25, .8, .25, 1);
    opacity: 0
}

.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: 1
}

@media screen and (-ms-high-contrast:active) {
    .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
        opacity: .6
    }
}

.cdk-overlay-dark-backdrop {
    background: rgba(0, 0, 0, .288)
}

.cdk-overlay-transparent-backdrop,
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
    opacity: 0
}

.cdk-overlay-connected-position-bounding-box {
    position: absolute;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    min-width: 1px;
    min-height: 1px
}

.cdk-global-scrollblock {
    position: fixed;
    width: 100%;
    overflow-y: scroll
}

.owl-dialog-container {
    position: relative;
    pointer-events: auto;
    box-sizing: border-box;
    display: block;
    padding: 1.5em;
    box-shadow: 0 11px 15px -7px #0003, 0 24px 38px 3px #00000024, 0 9px 46px 8px #0000001f;
    border-radius: 2px;
    overflow: auto;
    background: #fff;
    color: #000000de;
    width: 100%;
    height: 100%;
    outline: 0
}

.owl-dt-container,
.owl-dt-container * {
    box-sizing: border-box
}

.owl-dt-container {
    display: block;
    font-size: 16px;
    font-size: 1rem;
    background: #fff;
    pointer-events: auto;
    z-index: 1000
}

.owl-dt-container-row {
    border-bottom: 1px solid rgba(0, 0, 0, .12)
}

.owl-dt-container-row:last-child {
    border-bottom: none
}

.owl-dt-calendar {
    display: flex;
    flex-direction: column;
    width: 100%
}

.owl-dt-calendar-control {
    display: flex;
    align-items: center;
    font-size: 1em;
    width: 100%;
    padding: .5em;
    color: #000
}

.owl-dt-calendar-control .owl-dt-calendar-control-content {
    flex: 1 1 auto;
    display: flex;
    justify-content: center;
    align-items: center
}

.owl-dt-calendar-control .owl-dt-calendar-control-content .owl-dt-calendar-control-button {
    padding: 0 .8em
}

.owl-dt-calendar-control .owl-dt-calendar-control-content .owl-dt-calendar-control-button:hover {
    background-color: #0000001f
}

.owl-dt-calendar-main {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    padding: 0 .5em .5em;
    outline: 0
}

.owl-dt-calendar-view {
    display: block;
    flex: 1 1 auto
}

.owl-dt-calendar-multi-year-view {
    display: flex;
    align-items: center
}

.owl-dt-calendar-multi-year-view .owl-dt-calendar-table {
    width: calc(100% - 3em)
}

.owl-dt-calendar-multi-year-view .owl-dt-calendar-table .owl-dt-calendar-header th {
    padding-bottom: .25em
}

.owl-dt-calendar-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0
}

.owl-dt-calendar-table .owl-dt-calendar-header {
    color: #0006
}

.owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-weekdays th {
    font-size: .7em;
    font-weight: 400;
    text-align: center;
    padding-bottom: 1em
}

.owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-calendar-table-divider {
    position: relative;
    height: 1px;
    padding-bottom: .5em
}

.owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-calendar-table-divider:after {
    content: "";
    position: absolute;
    top: 0;
    left: -.5em;
    right: -.5em;
    height: 1px;
    background: rgba(0, 0, 0, .12)
}

.owl-dt-calendar-table .owl-dt-calendar-cell {
    position: relative;
    height: 0;
    line-height: 0;
    text-align: center;
    outline: 0;
    color: #000000d9;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: transparent
}

.owl-dt-calendar-table .owl-dt-calendar-cell-content {
    position: absolute;
    top: 5%;
    left: 5%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 90%;
    height: 90%;
    font-size: .8em;
    line-height: 1;
    border: 1px solid transparent;
    border-radius: 999px;
    color: inherit;
    cursor: pointer
}

.owl-dt-calendar-table .owl-dt-calendar-cell-out {
    opacity: .2
}

.owl-dt-calendar-table .owl-dt-calendar-cell-today:not(.owl-dt-calendar-cell-selected) {
    border-color: #0006
}

.owl-dt-calendar-table .owl-dt-calendar-cell-selected {
    color: #ffffffd9;
    background-color: #3f51b5
}

.owl-dt-calendar-table .owl-dt-calendar-cell-selected.owl-dt-calendar-cell-today {
    box-shadow: inset 0 0 0 1px #ffffffd9
}

.owl-dt-calendar-table .owl-dt-calendar-cell-disabled {
    cursor: default
}

.owl-dt-calendar-table .owl-dt-calendar-cell-disabled>.owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected) {
    color: #0006
}

.owl-dt-calendar-table .owl-dt-calendar-cell-disabled>.owl-dt-calendar-cell-content.owl-dt-calendar-cell-selected {
    opacity: .4
}

.owl-dt-calendar-table .owl-dt-calendar-cell-disabled>.owl-dt-calendar-cell-today:not(.owl-dt-calendar-cell-selected) {
    border-color: #0003
}

.owl-dt-calendar-table .owl-dt-calendar-cell-active:focus>.owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected),
.owl-dt-calendar-table :not(.owl-dt-calendar-cell-disabled):hover>.owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected) {
    background-color: #0000000a
}

.owl-dt-calendar-table .owl-dt-calendar-cell-in-range {
    background: rgba(63, 81, 181, .2)
}

.owl-dt-calendar-table .owl-dt-calendar-cell-in-range.owl-dt-calendar-cell-range-from {
    border-top-left-radius: 999px;
    border-bottom-left-radius: 999px
}

.owl-dt-calendar-table .owl-dt-calendar-cell-in-range.owl-dt-calendar-cell-range-to {
    border-top-right-radius: 999px;
    border-bottom-right-radius: 999px
}

.owl-dt-timer {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 7em;
    padding: .5em;
    outline: 0
}

.owl-dt-timer-box {
    position: relative;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    width: 25%;
    height: 100%
}

.owl-dt-timer-content {
    flex: 1 1 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: .2em 0
}

.owl-dt-timer-content .owl-dt-timer-input {
    display: block;
    width: 2em;
    text-align: center;
    border: 1px solid rgba(0, 0, 0, .5);
    border-radius: 3px;
    outline: medium none;
    font-size: 1.2em;
    padding: .2em
}

.owl-dt-timer-divider {
    display: inline-block;
    align-self: flex-end;
    position: absolute;
    width: .6em;
    height: 100%;
    left: -.3em
}

.owl-dt-timer-divider:after,
.owl-dt-timer-divider:before {
    content: "";
    display: inline-block;
    width: .35em;
    height: .35em;
    position: absolute;
    left: 50%;
    border-radius: 50%;
    transform: translate(-50%);
    background-color: currentColor
}

.owl-dt-timer-divider:before {
    top: 35%
}

.owl-dt-timer-divider:after {
    bottom: 35%
}

.owl-dt-control-button {
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    outline: 0;
    border: none;
    -webkit-tap-highlight-color: transparent;
    display: inline-block;
    white-space: nowrap;
    text-decoration: none;
    vertical-align: baseline;
    margin: 0;
    padding: 0;
    background-color: transparent;
    font-size: 1em;
    color: inherit
}

.owl-dt-control-button .owl-dt-control-button-content {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    outline: 0
}

.owl-dt-control-period-button .owl-dt-control-button-content {
    height: 1.5em;
    padding: 0 .5em;
    border-radius: 3px;
    transition: background-color .1s linear
}

.owl-dt-control-period-button:hover>.owl-dt-control-button-content {
    background-color: #0000001f
}

.owl-dt-control-period-button .owl-dt-control-button-arrow {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1em;
    height: 1em;
    margin: .1em;
    transition: transform .2s ease
}

.owl-dt-control-arrow-button .owl-dt-control-button-content {
    padding: 0;
    border-radius: 50%;
    width: 1.5em;
    height: 1.5em
}

.owl-dt-control-arrow-button[disabled] {
    color: #0006;
    cursor: default
}

.owl-dt-control-arrow-button svg {
    width: 50%;
    height: 50%;
    fill: currentColor
}

.owl-dt-inline-container,
.owl-dt-popup-container {
    position: relative;
    width: 18.5em;
    box-shadow: 0 5px 5px -3px #0003, 0 8px 10px 1px #00000024, 0 3px 14px 2px #0000001f
}

.owl-dt-inline-container .owl-dt-calendar,
.owl-dt-inline-container .owl-dt-timer,
.owl-dt-popup-container .owl-dt-calendar,
.owl-dt-popup-container .owl-dt-timer {
    width: 100%
}

.owl-dt-inline-container .owl-dt-calendar,
.owl-dt-popup-container .owl-dt-calendar {
    height: 20.25em
}

.owl-dt-dialog-container {
    max-height: 95vh;
    margin: -1.5em
}

.owl-dt-dialog-container .owl-dt-calendar {
    min-width: 250px;
    min-height: 330px;
    max-width: 750px;
    max-height: 750px
}

.owl-dt-dialog-container .owl-dt-timer {
    min-width: 250px;
    max-width: 750px
}

@media all and (orientation:landscape) {
    .owl-dt-dialog-container .owl-dt-calendar {
        width: 58vh;
        height: 62vh
    }
    .owl-dt-dialog-container .owl-dt-timer {
        width: 58vh
    }
}

@media all and (orientation:portrait) {
    .owl-dt-dialog-container .owl-dt-calendar {
        width: 80vw;
        height: 80vw
    }
    .owl-dt-dialog-container .owl-dt-timer {
        width: 80vw
    }
}

.owl-dt-container-buttons {
    display: flex;
    width: 100%;
    height: 2em;
    color: #3f51b5
}

.owl-dt-container-control-button {
    font-size: 1em;
    width: 50%;
    height: 100%;
    border-radius: 0
}

.owl-dt-container-control-button .owl-dt-control-button-content {
    height: 100%;
    width: 100%;
    transition: background-color .1s linear
}

.owl-dt-container-control-button:hover .owl-dt-control-button-content {
    background-color: #0000001a
}

.owl-dt-container-info {
    padding: 0 .5em;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent
}

.owl-dt-container-info .owl-dt-container-range {
    outline: 0
}

.owl-dt-container-info .owl-dt-container-range .owl-dt-container-range-content {
    display: flex;
    justify-content: space-between;
    padding: .5em 0;
    font-size: .8em
}

.owl-dt-container-info .owl-dt-container-range:last-child {
    border-top: 1px solid rgba(0, 0, 0, .12)
}

.owl-dt-container-info .owl-dt-container-info-active {
    color: #3f51b5
}

.owl-dt-container-disabled,
.owl-dt-trigger-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none;
    cursor: default !important
}

.owl-dt-timer-hour12 {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #3f51b5
}

.owl-dt-timer-hour12 .owl-dt-timer-hour12-box {
    border: 1px solid currentColor;
    border-radius: 2px;
    transition: background .2s ease
}

.owl-dt-timer-hour12 .owl-dt-timer-hour12-box .owl-dt-control-button-content {
    width: 100%;
    height: 100%;
    padding: .5em
}

.owl-dt-timer-hour12 .owl-dt-timer-hour12-box:focus .owl-dt-control-button-content,
.owl-dt-timer-hour12 .owl-dt-timer-hour12-box:hover .owl-dt-control-button-content {
    background: #3f51b5;
    color: #fff
}

.owl-dt-calendar-only-current-month .owl-dt-calendar-cell-out {
    visibility: hidden;
    cursor: default
}

.owl-dt-inline {
    display: inline-block
}

.owl-dt-control {
    outline: 0;
    cursor: pointer
}

.owl-dt-control .owl-dt-control-content {
    outline: 0
}

.owl-dt-control:focus>.owl-dt-control-content {
    background-color: #0000001f
}

.owl-dt-control:not(:-moz-focusring):focus>.owl-dt-control-content {
    box-shadow: none
}

.owl-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

@font-face {
    font-family: Solo Sans;
    src: url(solosans-regular-webfont.293f899670410b03.eot);
    src: url(solosans-regular-webfont.293f899670410b03.eot) format("eot"), url(solosans-regular-webfont.bc4ad4fa420588bc.woff) format("woff"), url(solosans-regular-webfont.130aaf9acea35325.ttf) format("truetype"), url(solosans-regular-webfont.a06fcfab7a558cb7.svg) format("svg")
}

@font-face {
    font-family: Solo Sans Light;
    src: url(solosans-light-webfont.7bfc53818df4a972.eot);
    src: url(solosans-light-webfont.7bfc53818df4a972.eot) format("eot"), url(solosans-light-webfont.9cbc148d4bf4ba25.woff) format("woff"), url(solosans-light-webfont.db52d6ceb14a69e2.ttf) format("truetype"), url(solosans-light-webfont.b3d393ecf9d5eccf.svg) format("svg")
}

@font-face {
    font-family: Solo Sans bold;
    src: url(solosans-bold-webfont.ea391a1087111df5.eot);
    src: url(solosans-bold-webfont.ea391a1087111df5.eot) format("eot"), url(solosans-bold-webfont.e7d6a2952da573d0.woff) format("woff"), url(solosans-bold-webfont.33cdce375637835d.ttf) format("truetype"), url(solosans-bold-webfont.1d27db077fad4b7f.svg) format("svg")
}

@font-face {
    font-family: Avenir Next LT Pro;
    src: url(AvenirNextLTPro-BoldCn.2949d00c4b5edf1b.woff2) format("woff2"), url(AvenirNextLTPro-BoldCn.95f7d1e24f4b058c.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Avenir Next LT Pro;
    src: url(AvenirNextLTPro-DemiCn.c149439374d55b42.woff2) format("woff2"), url(AvenirNextLTPro-DemiCn.e5ca106fce769d24.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Avenir Next LT Pro;
    src: url(AvenirNextLTPro-Bold.6de60830a7a5757d.woff2) format("woff2"), url(AvenirNextLTPro-Bold.a4f2fb000e3ec844.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Avenir Next LT Pro;
    src: url(AvenirNextLTPro-It.19002b8d67757601.woff2) format("woff2"), url(AvenirNextLTPro-It.ef1a8837fdd37aa3.woff) format("woff");
    font-weight: 400;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Avenir Next LT Pro;
    src: url(AvenirNextLTPro-Demi.2cc65418e22310ea.woff2) format("woff2"), url(AvenirNextLTPro-Demi.74df511992cc42c9.woff) format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Avenir Next LT Pro;
    src: url(AvenirNextLTPro-Regular.589336dee9bb0996.woff2) format("woff2"), url(AvenirNextLTPro-Regular.f3c5c6eef3ee43c2.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

.no-hover-btn button:hover {
    color: #fff !important
}

body {
    font-family: Solo Sans;
    color: #000 !important;
    font-size: 14px !important
}

.ag-theme-balham .ag-header {
    font-family: Solo Sans;
    color: #333 !important;
    font-size: 14px !important;
    background-color: transparent !important
}

.ag-theme-balham .ag-header-cell-label .ag-header-cell-text {
    text-transform: uppercase !important;
    font-weight: 400
}

.ag-theme-balham {
    font-family: Solo Sans;
    color: #000 !important;
    font-size: 14px !important
}

.ag-theme-balham {
    background-color: transparent !important;
    color: #000;
    font-family: Solo Sans
}

.ag-theme-balham .ag-row {
    border-color: transparent !important;
    background-color: #fff !important
}

.ag-theme-balham .ag-cell {
    line-height: 38px !important
}

.ag-theme-balham .ag-row {
    height: 40px !important
}

.input-bs-group .form-control {
    border-radius: 3px !important;
    box-shadow: inset 0 0 5px 5px #888;
    background: rgb(255, 255, 255);
    height: 40px !important
}

.ag-theme-balham .ag-row-odd {
    background-color: #ebebeb !important
}

.ag-theme-balham .ag-row-odd {
    background-color: transparent !important
}

.ag-theme-balham .ag-root {
    border: 1px solid transparent !important
}

.ag-theme-balham .ag-header-row {
    border-style: solid;
    border-color: transparent !important;
    box-sizing: border-box;
    border-width: 0 0 0px !important
}

.powered-by {
    padding-bottom: 4px;
    position: fixed;
    bottom: 0;
    z-index: 11;
    width: 260px;
    background-color: #121b22;
    border-top: 1px solid #121b22;
    height: 113px;
    display: block;
    padding-top: 30px;
    color: #fff
}

.powered-by img {
    height: 52px
}

.menu-compact .responsive_none {
    display: none
}

.menu-compact .powered-by {
    background-color: #000 !important;
    border-top: 1px solid rgb(0, 0, 0) !important
}

.menu-compact .responsive_img_clr {
    height: 52px !important;
    object-fit: cover !important;
    border-radius: 16px !important;
    margin: 0 14px 0 12px !important;
    background: #121b22 !important;
    transition: all .5s ease !important;
    position: relative;
    top: 15px
}

.no-scroll {
    overflow: hidden !important
}

.no-focus-outline a:focus,
.no-focus-outline button:focus {
    outline: none !important
}

.checkbox label,
.radio label {
    padding-left: 0
}

.intl-tel-input .flag-dropdown .country-list {
    list-style: none;
    padding: 0;
    margin: 0;
    z-index: 1;
    overflow-y: scroll;
    box-shadow: 1px 1px 4px #0003;
    background-color: #fff;
    border: 1px solid #cccccc;
    position: absolute;
    top: 42px !important;
    width: 260px !important;
    max-height: 200px
}

.has-search .form-control {
    padding-left: 2.375rem
}

.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #001996;
    top: 4px;
    right: 18px
}

a.active1 {
    color: #001996 !important
}

ul.nav-tabs {
    height: 43px !important;
    margin-bottom: 20px;
    box-shadow: 0 0 #0000004d !important;
    border-bottom: 1px solid rgb(191, 186, 186);
    position: relative;
    z-index: 1;
    width: 100%
}

.nav-tabs>li {
    display: block;
    float: left
}

.breadcrumb>li+li:before {
    content: "/" !important;
    padding: 0 4px !important
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area>li.open>a {
    background-color: #001996 !important
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-login-area>li .avatar-area .caption {
    background-color: #001996 !important
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-login-area>li.dropdown-footer {
    border-top: 3px solid rgb(0, 25, 150) !important
}

.h4,
.h5,
.h6,
h4,
h5,
h6 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.cke_panel_grouptitle {
    font-size: 14px !important;
    padding: 5px !important
}

ul.cke_panel_list {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important
}

ol {
    list-style-type: decimal !important;
    padding-left: 0
}

ol li {
    margin-bottom: 10px !important
}

.float-left1 {
    float: left;
    margin-left: 15px
}

.float-right1 {
    float: right;
    margin-left: 0
}

.btn-sm>.fa,
.btn-sm>.typcn,
.btn-sm>.glyphicon,
.btn-sm>[class*=wi-] {
    font-size: 13px;
    margin-right: 0 !important
}

.modal-content {
    min-width: 390px !important;
    overflow: auto;
    resize: auto
}

.dropdown-menu {
    border: 1px solid #ccc !important;
    -webkit-border-radius: 2px !important;
    -webkit-background-clip: padding-box !important;
    -moz-border-radius: 2px !important;
    -moz-background-clip: padding !important;
    border-radius: 2px !important;
    background-clip: padding-box !important;
    box-shadow: 0 2px 40px #0006;
    transition: opacity .218s;
    margin: 1px 0 0;
    min-width: 170px;
    background-color: #fff !important
}

.favorites {
    height: 44px;
    z-index: 2;
    position: relative;
    padding: 0 16px 0 0;
    line-height: 44px;
    min-width: 68px;
    text-align: center
}

.shortcuts {
    margin-left: 4px;
    margin-right: 2px;
    color: #000;
    cursor: pointer
}

.font20 {
    font-size: 20px
}

.font16 {
    font-size: 16px
}

.font18 {
    font-size: 18px
}

.favorite-compact {
    display: none
}

.btn-primary1,
.btn-primary1:hover {
    background-color: #001996 !important;
    border-color: #001996 !important;
    color: #fff !important
}

#searchpanel {
    padding: 18px 20px 24px;
    display: none
}

.grid-paging {
    position: fixed;
    bottom: 0;
    width: calc(100% - 235px);
    box-shadow: 0 2px 5px 3px #00000026
}

.grid-paging-compact {
    position: fixed;
    bottom: 0;
    width: calc(100% - 58px)
}

.page-content-compact {
    margin-left: 47px
}

.page-sidebar.menu-compact~.page-content {
    margin-left: 47px
}

.page-header {
    height: 44px
}

.page-body {
    padding: 15px !important
}

.page-content,
.page-body {
    max-height: 100% !important;
    position: relative
}

.main-container,
.page-container {
    height: calc(100% - 110px)
}

.bg-landing {
    height: 100%
}

.page-sidebar {
    z-index: 99;
    transition: none !important;
    overflow: auto;
    height: calc(100% - 20px);
    position: fixed;
    padding-top: 40px
}

.custom_pr_15 li:last-child .submenu::-webkit-scrollbar {
    display: none;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.custom_pr_15 li:last-child .submenu {
    top: -150px !important;
    overflow: auto;
    max-height: 280px
}

.menu-compact .custom_pr_15 li:last-child .m_overlaping_text {
    top: -140px !important
}

.menu-compact .page-sidebar {
    overflow: inherit !important
}

.widget {
    height: calc(100% + -0px);
    margin: 0 !important
}

.widget-header {
    padding-left: 5px !important
}

hr {
    margin-top: 15px !important;
    margin-bottom: 15px !important
}

.widget-body {
    background-color: #fff !important;
    padding: 14px !important;
    border-radius: 3px !important
}

.widget-buttons {
    height: 34px !important
}

.widget-buttons .btn {
    margin-left: 3px;
    margin-right: 3px
}

.form-group {
    margin-bottom: 5px !important
}

.form-control {
    height: 30px !important;
    padding: 3px 6px !important;
    border-radius: 0 !important;
    box-shadow: inset 0 0 #00000013 !important;
    background-color: #fff !important
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    cursor: not-allowed;
    background-color: #e5e5e5 !important;
    border-color: #e5e5e5 !important;
    color: #000 !important;
    opacity: .6
}

.text-black {
    color: #000;
    display: block
}

.control-label {
    line-height: 24px;
    font-size: 14px
}

.requiredfield {
    color: #ea2f48
}

html,
body {
    margin: 0;
    padding: 0;
    height: 100%
}

.nav-tabs>li:first-child>a {
    color: #000
}

.grid-block {
    width: 20px;
    height: 20px;
    margin: 1px;
    display: inline-block;
    background-color: #fff;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    border: solid 1px gray;
    float: left
}

.grid-block.active {
    box-shadow: inset 0 0 3px orange;
    border: solid 1px orange
}

.cl-td {
    padding: 20px;
    position: relative;
    color: #fff
}

.tab-body {
    height: calc(100% - 34px);
    padding-top: 0;
    background-color: #fff !important
}

.tab-body.agc-grid,
.agc-grid {
    width: 100%;
    height: 100%
}

.agc-grid-popup {
    width: 100%;
    height: 400px !important
}

#btn-setting.open {
    box-shadow: none !important
}

.page-setting.open {
    display: block
}

.page-setting {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 287px;
    display: none;
    right: 0;
    box-shadow: 0 0 10px #0003;
    z-index: 20;
    -lh-property: 0;
    height: calc(100vh - 45px);
    background-color: #fff
}

.modal-xl {
    width: 1000px !important
}

.validationmsg {
    color: red
}

.page-sidebar .sidebar-menu .submenu li.active>a {
    margin-left: 0;
    margin-right: 3px;
    border-radius: 3px;
    color: #001996 !important
}

.main-container {
    min-height: 400px
}

body.bg-live:before {
    background: none !important
}

.modal-dialog {
    margin: 20px auto !important
}

.pt-3 {
    padding-top: 3px
}

.multiselect-dropdown .dropdown-btn {
    display: inline-block;
    width: 100%;
    margin-bottom: 0;
    font-weight: 400;
    line-height: 1.52857143;
    text-align: left;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border-radius: 3px !important;
    background-color: #fff !important;
    border: 1px solid rgb(191, 186, 186) !important;
    font-size: 14px !important;
    font-family: Solo Sans Light !important;
    color: #a699b3 !important;
    padding: 6px 6px 3px !important;
    line-height: 26px !important;
    text-indent: 5px
}

.multiselect-item-checkbox input[type=checkbox]+div {
    font-family: Solo Sans Light !important
}

.multiselect-dropdown .dropdown-btn .dropdown-down {
    display: inline-block;
    top: 10px;
    width: 0;
    height: 0;
    border-top: 4px solid #adadad !important;
    border-left: 4px solid transparent !important;
    border-right: 4px solid transparent !important
}

.multiselect-dropdown .dropdown-btn .dropdown-up {
    display: inline-block;
    width: 0;
    height: 0;
    border-bottom: 4px solid #adadad !important;
    border-left: 4px solid transparent !important;
    border-right: 4px solid transparent !important
}

.multiselect-dropdown .dropdown-btn .selected-item {
    font-size: 14px !important;
    font-family: Solo Sans
}

.dropdown-list {
    margin-top: 0 !important
}

.no-data,
.dropdown-list li {
    font-size: 14px !important
}

.ag-paging-page-summary-panel .ag-paging-button {
    height: 24px !important;
    border: 0px solid #cccccc !important;
    width: 30px !important;
    cursor: pointer !important;
    padding: 3px 10px !important;
    font-weight: 700;
    color: transparent
}

.input-bs-group input {
    border: 1px solid rgb(0, 25, 150) !important
}

.input-bs-group span.input-bs-group-btn .btn-secondary {
    background-color: #001996 !important;
    border-color: #001996;
    color: #fff
}

.ag-theme-balham button[ref=btFirst] {
    content: "\e915" !important
}

.ag-theme-balham button[ref=btPrevious] {
    content: "\e927" !important
}

.ag-theme-balham button[ref=btNext] {
    content: "\e920" !important
}

.ag-theme-balham button[ref=btLast] {
    content: "\e919" !important
}

::-webkit-scrollbar {
    width: 12px;
    background-color: #d3d3d3
}

::-webkit-scrollbar-track-piece {
    width: 12px
}

::-webkit-scrollbar-thumb {
    width: 12px;
    background-color: #c8c6c6;
    border-radius: 40px
}

::-webkit-scrollbar-thumb:hover {
    width: 50px !important;
    background-color: #ccc;
    border-radius: 40px
}

::-webkit-scrollbar-track {
    background: rgb(255, 255, 255);
    border: 1px solid #c2bfbf;
    border-radius: 10px
}

.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
    background-color: #000;
    border-color: transparent !important
}

.dropdown-menu1 {
    left: 0 !important
}

.dropdown-menu1:after {
    left: 0% !important
}

.product__image {
    float: left
}

.product-thumbnail__wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    border-radius: 0;
    z-index: 22 !important;
    border: none !important
}

.splitted-merge {
    border-top: 0px !important;
    margin-top: -.5rem !important;
    border-width: 2px !important;
    box-shadow: 9px 8px 6px -6px #000
}

.splitted-merge-parent {
    border-width: 2px !important;
    box-shadow: 9px 8px 6px -6px #000
}

.navbar .navbar-brand small img {
    height: auto !important;
    width: 84% !important;
    margin: 0 auto;
    margin-top: 0 !important
}

.navbar .navbar-brand {
    text-align: center !important
}

.header_new_inner {
    float: left;
    width: 100%
}

.btn-primary.dropdown-bs-toggle {
    background-color: #001996 !important;
    border-color: #001996 !important
}

select::-ms-expand {
    display: block
}

.font-18 {
    font-size: 18px !important
}

.margin-top-0 {
    margin-top: 0 !important
}

.margin-bottom-8 {
    margin-bottom: 8px !important
}

.margin-bottom-4 {
    margin-bottom: 4px !important
}

.margin-bottom-23 {
    margin-bottom: 23px !important
}

.mt-20 {
    margin-top: 20px !important
}

.mb-20 {
    margin-bottom: 20px !important
}

.btn-basic {
    background-color: #b9b9b9 !important;
    border-color: #b9b9b9 !important
}

.bg-primary,
.bg-light-blue {
    background-color: #001996 !important;
    border-color: #001996 !important;
    color: #fff !important
}

.bg-parple {
    background-color: #a767dd !important;
    border-color: #a767dd !important;
    color: #fff !important
}

.bg-danger {
    background-color: #e94c5f !important;
    border-color: #e94c5f !important;
    color: #fff !important
}

.bg-warning {
    background-color: #f39c12 !important;
    border-color: #f39c12 !important;
    color: #fff !important
}

.bg-success,
.bg-green {
    background-color: #8cc34b !important;
    border-color: #8cc34b !important;
    color: #fff !important
}

.dashboard-stat .number {
    font-size: 28px;
    display: block;
    color: #fff
}

.dashboard-stat .name {
    color: #fff
}

.dashboard-stat .bg-icon {
    position: absolute;
    font-size: 80px;
    opacity: .4;
    left: 0;
    bottom: 0;
    color: #fff
}

.text-success,
.information_colum .text-success {
    color: #8cc34b !important
}

.text-danger {
    color: #e94c5f !important
}

.display-none {
    display: none !important
}

.status-shipped {
    color: #ccc31c !important
}

.status-initiated {
    color: #ffc700 !important
}

.status-scanned {
    color: #f6921e !important
}

.status-received {
    color: #8cc34b !important
}

.status-closed {
    color: #a867dd !important
}

.status-cancelled {
    color: #ea2f48 !important
}

.status-graded {
    color: #27cadf !important
}

.status-open {
    color: #001996 !important
}

.status-putaway {
    color: #1bc236 !important
}

.status-approved {
    color: #87d1cf !important
}

.status-verified,
.status-inspected {
    color: #001996 !important
}

.status-archived {
    color: #000 !important
}

.ribbon-shipped {
    background-color: #ccc31c !important
}

.ribbon-initiated {
    background-color: #ffbb34 !important
}

.ribbon-scanned {
    background-color: #ccc31c !important
}

.ribbon-received {
    background-color: #99d101 !important
}

.ribbon-closed {
    background-color: #79a502 !important
}

.ribbon-cancelled {
    background-color: #e94c5f !important
}

.ribbon-graded {
    background-color: #27cadf !important
}

.ribbon-open {
    background-color: #001996 !important
}

.ribbon-putaway {
    background-color: #23b792 !important
}

.inner_header .lang {
    margin-top: 30px
}

.inner_header .lang img {
    width: 24px
}

.product__image_carrier {
    float: none;
    margin: 0 auto !important
}

.product__image_carrier i {
    position: relative;
    color: #ea2f48;
    z-index: 11;
    left: 76px;
    cursor: pointer;
    bottom: 94px
}

.product-thumbnail_carrier {
    width: 10em;
    height: 10em;
    border-radius: 0;
    background: rgb(255, 255, 255);
    position: relative;
    margin: 0 auto !important
}

.product-thumbnail__wrapper_carrier {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 0;
    z-index: 22;
    border: none !important
}

.product-thumbnail__image_carrier {
    position: absolute;
    inset: 0;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    cursor: pointer !important
}

.product-thumbnail_carrier:after {
    content: "";
    display: block;
    position: absolute;
    inset: 0;
    border-radius: 0;
    z-index: 2
}

.default_test_config {
    font-size: 16px !important;
    padding: 8px 40px;
    background-image: linear-gradient(180deg, #fefefe, #cccccc) !important;
    border: 1px solid #cccccc !important;
    color: #001996 !important;
    border-radius: 0
}

.default_test_config:hover {
    color: #001996 !important;
    outline-color: transparent !important;
    background-image: linear-gradient(180deg, #fefefe, #cccccc) !important
}

.default_test_config_success {
    font-size: 16px !important;
    padding: 8px 40px;
    background-image: linear-gradient(180deg, #fefefe, #cccccc) !important;
    border: 1px solid #cccccc !important;
    color: #001996 !important;
    border-radius: 0
}

.default_test_config_success:hover {
    color: #001996 !important;
    outline-color: transparent !important;
    background-image: linear-gradient(180deg, #fefefe, #cccccc) !important
}

.track_page .heading-title {
    font-size: 18px;
    color: #666
}

.margin-left-46 {
    margin-left: 46px !important
}

.modal-content {
    border-radius: 3px !important
}

::ng-deep .llm .wizard.wizard-wired ul li {
    width: 25% !important
}

@media (min-width:1024px) {
    .modal-xl.modal_new {
        width: 1000px !important
    }
}

.form-control,
select {
    background-color: #fff !important;
    height: 40px !important
}

.copyright {
    display: block;
    font-size: 14px;
    line-height: 2;
    color: #7a7a7a;
    text-align: center;
    text-transform: uppercase;
    border-top: 1px solid #eee;
    font-family: Solo Sans;
    letter-spacing: .4px
}

@media (max-width: 1024px) {
    .text-right1 {
        text-align: left !important
    }
    .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-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
    }
}

@media only screen and (max-width: 991px) {
    .page-body .alignment_right .sku_search_btn {
        position: absolute;
        left: 0;
        top: 28px;
        height: 30px !important;
        min-width: 100%;
        margin-top: 8px;
        margin-left: 15px
    }
    .btn_20 .btn.btn-default-custom {
        padding-left: 20px;
        padding-right: 20px
    }
    .sku_search_sticky {
        position: static !important;
        margin-bottom: 0 !important;
        margin-top: 20px
    }
}

@media only screen and (max-width:823px) {
    .page-body .alignment_right .sku_search_btn {
        position: absolute;
        left: 0;
        top: 28px;
        height: 30px !important;
        min-width: 100%;
        margin-top: 8px;
        margin-left: 15px
    }
    .product-thumbnail__wrapper1 {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
        border-radius: 0;
        z-index: 22;
        border: none !important
    }
    .product-thumbnail__image1 {
        position: absolute;
        inset: 0;
        max-width: 100%;
        max-height: 100%;
        margin: auto;
        cursor: pointer !important
    }
    .product-thumbnail1:after {
        content: "";
        display: block;
        position: absolute;
        inset: 0;
        border-radius: 0;
        z-index: 2
    }
    .navbar .navbar-inner .navbar-header .navbar-account .account-area>li {
        position: absolute !important;
        height: auto !important;
        right: 0 !important
    }
}

@media only screen and (max-width:768px) {
    .w-xs-100 {
        width: 100% !important;
        margin-bottom: 5px !important
    }
    .device_margi_right {
        margin-right: 5px !important
    }
    .page-body .alignment_right .sku_search_btn {
        position: absolute;
        left: 0;
        top: 28px;
        height: 30px !important;
        min-width: 100%;
        margin-top: 8px;
        margin-left: 15px
    }
    .key-label.font-16.p-15.heading1,
    .key-label.font-16.p-15.heading1+.p-15 {
        padding: 15px 0
    }
    .pickup_box .inputWrapper {
        margin-bottom: 15px
    }
    .text-right .order-key-label span {
        float: left !important
    }
    .text-right .order-key-label a {
        float: left !important;
        margin-right: 0;
        margin-left: 5px
    }
    .product-thumbnail__wrapper1 {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
        border-radius: 0;
        z-index: 22;
        border: none !important
    }
    .product-thumbnail__image1 {
        position: absolute;
        inset: 0;
        max-width: 100%;
        max-height: 100%;
        margin: auto;
        cursor: pointer !important
    }
    .product-thumbnail1:after {
        content: "";
        display: block;
        position: absolute;
        inset: 0;
        border-radius: 0;
        z-index: 2
    }
}

@media only screen and (max-width:767px) {
    .text-xs-left {
        text-align: left !important
    }
    .page-body .alignment_right .sku_search_btn {
        position: absolute;
        left: 0;
        top: 28px;
        height: 30px !important;
        min-width: 100%;
        margin-top: 8px;
        margin-left: 15px
    }
    .key-label.font-16.p-15.heading1,
    .key-label.font-16.p-15.heading1+.p-15 {
        padding: 15px 0
    }
    .pickup_box .inputWrapper {
        margin-bottom: 15px
    }
    .text-right .order-key-label span {
        float: left !important
    }
    .text-right .order-key-label a {
        float: left !important;
        margin-right: 0;
        margin-left: 5px
    }
    .carousel-caption {
        height: 32px !important
    }
    .product-thumbnail__wrapper1 {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
        border-radius: 0;
        z-index: 22;
        border: none !important
    }
    .product-thumbnail__image1 {
        position: absolute;
        inset: 0;
        max-width: 100%;
        max-height: 100%;
        margin: auto;
        cursor: pointer !important
    }
    .product-thumbnail1:after {
        content: "";
        display: block;
        position: absolute;
        inset: 0;
        border-radius: 0;
        z-index: 2
    }
    body .ar-dz .instruction-step ul {
        padding-right: 15px
    }
    body .ar-dz .col-sm-3.col-md-2.pr-0 {
        padding-right: 15px !important
    }
    body .ar-dz .navbar-header {
        float: left;
        width: 100% !important;
        margin: 0
    }
    body .ar-dz .navbar-header .navbar-toggle {
        float: right
    }
    body .ar-dz .navbar-header .navbar-brand {
        float: left !important
    }
    body .ar-dz .navbar-collapse.navbar-right {
        float: left !important;
        width: 100%;
        margin: 0;
        overflow: visible;
        position: absolute;
        top: 90px;
        right: 0;
        min-height: 216px
    }
    body .ar-dz .blue-bg .col-sm-5.col-md-5.pr-0 {
        padding-right: 15px !important;
        text-align: right
    }
    body .ar-dz .blue-bg .text-right.text-right1 {
        text-align: right !important
    }
    body .ar-dz .blue-bg .text-right .order-key-label a {
        float: right !important;
        margin-right: 5px;
        margin-left: 0
    }
    body .ar-dz .blue-bg .text-right .order-key-label span {
        float: right !important
    }
    body .ar-dz .wizard.wizard-wired ul li {
        text-align: right !important
    }
    body .ar-dz .wizard.wizard-wired ul li .step {
        float: right;
        margin-right: 0;
        margin-left: 15px
    }
    body .ar-dz .wizard.wizard-wired ul li .title.bold.font-16,
    body .ar-dz .wizard.wizard-wired ul li .title {
        text-align: right !important
    }
    body .ar-dz .pr-0 {
        padding-right: 15px !important
    }
    body .ar-dz .upload_btn .fa {
        margin-left: 0;
        margin-right: 15px
    }
    body .ar-dz .wizard.wizard-wired ul li {
        width: 100% !important
    }
    body .ar-dz .wizard ul li.active:before {
        background-color: transparent !important
    }
    body .ar-dz .wizard.wizard-wired ul li .title.bold.font-16 {
        margin-top: 18px;
        margin-bottom: 4px !important
    }
    body .ar-dz .wizard.wizard-wired ul li:before {
        background-color: transparent !important
    }
    body .ar-dz button.btn.btn-default.btn-block.text-uppercase.pl-0.pr-0 {
        margin-bottom: 10px
    }
    .navbar .navbar-inner .navbar-header .navbar-account .account-area>li {
        position: absolute !important;
        height: auto !important;
        right: 0 !important
    }
}

@media only screen and (max-width:736px) {
    .page-body .alignment_right .sku_search_btn {
        position: absolute;
        left: 0;
        top: 28px;
        height: 30px !important;
        min-width: 100%;
        margin-top: 8px;
        margin-left: 15px
    }
    .carousel-caption {
        height: 28px !important
    }
    .product-thumbnail__wrapper1 {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
        border-radius: 0;
        z-index: 22;
        border: none !important
    }
    .product-thumbnail__image1 {
        position: absolute;
        inset: 0;
        max-width: 100%;
        max-height: 100%;
        margin: auto;
        cursor: pointer !important
    }
    .product-thumbnail1:after {
        content: "";
        display: block;
        position: absolute;
        inset: 0;
        border-radius: 0;
        z-index: 2
    }
    .navbar .navbar-inner .navbar-header .navbar-account .account-area>li {
        position: absolute !important;
        height: auto !important;
        right: 0 !important
    }
}

@media only screen and (max-width:731px) {
    .page-body .alignment_right .sku_search_btn {
        position: absolute;
        left: 0;
        top: 28px;
        height: 30px !important;
        min-width: 100%;
        margin-top: 8px;
        margin-left: 15px
    }
    .product-thumbnail__wrapper1 {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
        border-radius: 0;
        z-index: 22;
        border: none !important
    }
    .product-thumbnail__image1 {
        position: absolute;
        inset: 0;
        max-width: 100%;
        max-height: 100%;
        margin: auto;
        cursor: pointer !important
    }
    .product-thumbnail1:after {
        content: "";
        display: block;
        position: absolute;
        inset: 0;
        border-radius: 0;
        z-index: 2
    }
    .navbar .navbar-inner .navbar-header .navbar-account .account-area>li {
        position: absolute !important;
        height: auto !important;
        right: 0 !important
    }
}

@media only screen and (max-width:720px) {
    .page-body .alignment_right .sku_search_btn {
        position: absolute;
        left: 0;
        top: 28px;
        height: 30px !important;
        min-width: 100%;
        margin-top: 8px;
        margin-left: 15px
    }
    .vertical_tabs.vertical_tabs ul.nav-tabs {
        height: 40px !important;
        display: inherit;
        width: 15%;
        border-bottom: 0px;
        top: 0
    }
    .vertically_list_style .nav-tabs .active a:before {
        display: none
    }
    .vertical_tabs_width {
        width: 98% !important
    }
    .product-thumbnail__wrapper1 {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
        border-radius: 0;
        z-index: 22;
        border: none !important
    }
    .product-thumbnail__image1 {
        position: absolute;
        inset: 0;
        max-width: 100%;
        max-height: 100%;
        margin: auto;
        cursor: pointer !important
    }
    .product-thumbnail1:after {
        content: "";
        display: block;
        position: absolute;
        inset: 0;
        border-radius: 0;
        z-index: 2
    }
    .product-thumbnail1__reverse {
        width: 100% !important;
        height: 45.5em !important;
        border-radius: 8px;
        background: rgb(255, 255, 255);
        position: relative;
        margin: 0 auto !important
    }
    .reverse_thumbnail_wrapper>a {
        position: absolute !important;
        z-index: 9999;
        background-color: #004599cc;
        top: 42%;
        margin-left: 120px !important;
        font-size: 18px;
        padding: 14px 0;
        display: block;
        text-align: center;
        width: 77% !important;
        color: #fff !important;
        text-transform: uppercase
    }
    .navbar .navbar-inner .navbar-header .navbar-account .account-area>li {
        position: absolute !important;
        height: auto !important;
        right: 0 !important
    }
}

@media only screen and (max-width:667px) {
    .page-body .alignment_right .sku_search_btn {
        position: absolute;
        left: 0;
        top: 46px;
        height: 30px !important;
        min-width: 100%;
        margin-top: 8px;
        margin-left: 15px
    }
    .vertical_tabs.vertical_tabs ul.nav-tabs {
        height: 40px !important;
        display: inherit;
        width: 15%;
        border-bottom: 0px;
        top: 0
    }
    .vertically_list_style .nav-tabs .active a:before {
        display: none
    }
    .vertical_tabs_width {
        width: 98% !important
    }
    .alignment_right {
        justify-content: start !important;
        padding-left: 15px
    }
    .product-thumbnail__wrapper1 {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
        border-radius: 0;
        z-index: 22;
        border: none !important
    }
    .product-thumbnail__image1 {
        position: absolute;
        inset: 0;
        max-width: 100%;
        max-height: 100%;
        margin: auto;
        cursor: pointer !important
    }
    .product-thumbnail1:after {
        content: "";
        display: block;
        position: absolute;
        inset: 0;
        border-radius: 0;
        z-index: 2
    }
}

@media only screen and (max-width:653px) {
    .product-thumbnail__wrapper1 {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
        border-radius: 0;
        z-index: 22;
        border: none !important
    }
    .product-thumbnail__image1 {
        position: absolute;
        inset: 0;
        max-width: 100%;
        max-height: 100%;
        margin: auto;
        cursor: pointer !important
    }
    .product-thumbnail1:after {
        content: "";
        display: block;
        position: absolute;
        inset: 0;
        border-radius: 0;
        z-index: 2
    }
}

@media only screen and (max-width:640px) {
    .product-thumbnail__wrapper1 {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
        border-radius: 0;
        z-index: 22;
        border: none !important
    }
    .product-thumbnail__image1 {
        position: absolute;
        inset: 0;
        max-width: 100%;
        max-height: 100%;
        margin: auto;
        cursor: pointer !important
    }
    .product-thumbnail1:after {
        content: "";
        display: block;
        position: absolute;
        inset: 0;
        border-radius: 0;
        z-index: 2
    }
}

@media (max-width:568px) {
    .product-thumbnail__wrapper1 {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
        border-radius: 0;
        z-index: 22;
        border: none !important
    }
    .product-thumbnail__image1 {
        position: absolute;
        inset: 0;
        max-width: 100%;
        max-height: 100%;
        margin: auto;
        cursor: pointer !important
    }
    .product-thumbnail1:after {
        content: "";
        display: block;
        position: absolute;
        inset: 0;
        border-radius: 0;
        z-index: 2
    }
}

@media only screen and (max-width:560px) {
    .vertical_tabs.vertical_tabs ul.nav-tabs {
        height: 40px !important;
        display: inherit;
        width: 15%;
        border-bottom: 0px;
        top: 0
    }
    .vertically_list_style .nav-tabs .active a:before {
        display: none
    }
    .vertical_tabs_width {
        width: 98% !important
    }
    .product-thumbnail__wrapper1 {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
        border-radius: 0;
        z-index: 22;
        border: none !important
    }
    .product-thumbnail__image1 {
        position: absolute;
        inset: 0;
        max-width: 100%;
        max-height: 100%;
        margin: auto;
        cursor: pointer !important
    }
    .product-thumbnail1:after {
        content: "";
        display: block;
        position: absolute;
        inset: 0;
        border-radius: 0;
        z-index: 2
    }
}

@media only screen and (max-width: 540px) {
    .wizard.wizard-wired ul li:before {
        display: block;
        content: "";
        width: 100%;
        height: 4px !important;
        font-size: 0;
        overflow: hidden;
        background-color: transparent !important;
        position: relative !important;
        top: 25px;
        z-index: 1 !important
    }
    .product-thumbnail__wrapper1 {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
        border-radius: 0;
        z-index: 22;
        border: none !important
    }
    .product-thumbnail__image1 {
        position: absolute;
        inset: 0;
        max-width: 100%;
        max-height: 100%;
        margin: auto;
        cursor: pointer !important
    }
    .product-thumbnail1:after {
        content: "";
        display: block;
        position: absolute;
        inset: 0;
        border-radius: 0;
        z-index: 2
    }
}

@media only screen and (max-width: 414px) {
    .float-left1,
    .float-right1 {
        float: left;
        margin-left: 15px
    }
    .wizard.wizard-wired ul li:before {
        display: block;
        content: "";
        width: 100%;
        height: 4px !important;
        font-size: 0;
        overflow: hidden;
        background-color: transparent !important;
        position: relative !important;
        top: 25px;
        z-index: 1 !important
    }
    .product-thumbnail__wrapper1 {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
        border-radius: 0;
        z-index: 22;
        border: none !important
    }
    .product-thumbnail__image1 {
        position: absolute;
        inset: 0;
        max-width: 100%;
        max-height: 100%;
        margin: auto;
        cursor: pointer !important
    }
    .product-thumbnail1:after {
        content: "";
        display: block;
        position: absolute;
        inset: 0;
        border-radius: 0;
        z-index: 2
    }
}

@media only screen and (max-width: 411px) {
    .wizard.wizard-wired ul li:before {
        display: block;
        content: "";
        width: 100%;
        height: 4px !important;
        font-size: 0;
        overflow: hidden;
        background-color: transparent !important;
        position: relative !important;
        top: 25px;
        z-index: 1 !important
    }
    .product-thumbnail__wrapper1 {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
        border-radius: 0;
        z-index: 22;
        border: none !important
    }
    .product-thumbnail__image1 {
        position: absolute;
        inset: 0;
        max-width: 100%;
        max-height: 100%;
        margin: auto;
        cursor: pointer !important
    }
    .product-thumbnail1:after {
        content: "";
        display: block;
        position: absolute;
        inset: 0;
        border-radius: 0;
        z-index: 2
    }
}

@media only screen and (max-width: 375px) {
    .float-left1,
    .float-right1 {
        float: left;
        margin-left: 15px
    }
    .wizard.wizard-wired ul li:before {
        display: block;
        content: "";
        width: 100%;
        height: 4px !important;
        font-size: 0;
        overflow: hidden;
        background-color: transparent !important;
        position: relative !important;
        top: 25px;
        z-index: 1 !important
    }
    .wizard.wizard-wired ul li .title {
        text-align: left !important
    }
    .product-thumbnail__wrapper1 {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
        border-radius: 0;
        z-index: 22;
        border: none !important
    }
    .product-thumbnail__image1 {
        position: absolute;
        inset: 0;
        max-width: 100%;
        max-height: 100%;
        margin: auto;
        cursor: pointer !important
    }
    .product-thumbnail1:after {
        content: "";
        display: block;
        position: absolute;
        inset: 0;
        border-radius: 0;
        z-index: 2
    }
}

@media only screen and (max-width: 360px) {
    .float-left1,
    .float-right1 {
        float: left;
        margin-left: 15px
    }
    .wizard.wizard-wired ul li:before {
        display: block;
        content: "";
        width: 100%;
        height: 4px !important;
        font-size: 0;
        overflow: hidden;
        background-color: transparent !important;
        position: relative !important;
        top: 25px;
        z-index: 1 !important
    }
    .wizard.wizard-wired ul li .title {
        text-align: left !important
    }
    .product-thumbnail__wrapper1 {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
        border-radius: 0;
        z-index: 22;
        border: none !important
    }
    .product-thumbnail__image1 {
        position: absolute;
        inset: 0;
        max-width: 100%;
        max-height: 100%;
        margin: auto;
        cursor: pointer !important
    }
    .product-thumbnail1:after {
        content: "";
        display: block;
        position: absolute;
        inset: 0;
        border-radius: 0;
        z-index: 2
    }
}

@media only screen and (max-width: 320px) {
    .float-left1,
    .float-right1 {
        float: left;
        margin-left: 15px
    }
    .wizard.wizard-wired ul li:before {
        display: block;
        content: "";
        width: 100%;
        height: 4px !important;
        font-size: 0;
        overflow: hidden;
        background-color: transparent !important;
        position: relative !important;
        top: 25px;
        z-index: 1 !important
    }
    .wizard.wizard-wired ul li .title {
        text-align: left !important
    }
    .product-thumbnail__wrapper1 {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
        border-radius: 0;
        z-index: 22;
        border: none !important
    }
    .product-thumbnail__image1 {
        position: absolute;
        inset: 0;
        max-width: 100%;
        max-height: 100%;
        margin: auto;
        cursor: pointer !important
    }
    .product-thumbnail1:after {
        content: "";
        display: block;
        position: absolute;
        inset: 0;
        border-radius: 0;
        z-index: 2
    }
    .product-thumbnail1__reverse {
        width: 100% !important;
        height: 22.5em !important;
        border-radius: 8px;
        background: rgb(255, 255, 255);
        position: relative;
        margin: 0 auto !important
    }
    .reverse_thumbnail_wrapper>a {
        position: absolute !important;
        z-index: 9999;
        background-color: #6aba01cc;
        top: 42%;
        margin-left: 33px !important;
        font-size: 14px;
        padding: 12px 0;
        display: block;
        text-align: center;
        width: 77% !important;
        color: #fff !important;
        text-transform: uppercase
    }
}

@media only screen and (max-width: 280px) {
    .wizard.wizard-wired ul li:before {
        display: block;
        content: "";
        width: 100%;
        height: 4px !important;
        font-size: 0;
        overflow: hidden;
        background-color: transparent !important;
        position: relative !important;
        top: 25px;
        z-index: 1 !important
    }
    .product-thumbnail__wrapper1 {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
        border-radius: 0;
        z-index: 22;
        border: none !important
    }
    .product-thumbnail__image1 {
        position: absolute;
        inset: 0;
        max-width: 100%;
        max-height: 100%;
        margin: auto;
        cursor: pointer !important
    }
    .product-thumbnail1:after {
        content: "";
        display: block;
        position: absolute;
        inset: 0;
        border-radius: 0;
        z-index: 2
    }
}

ul.nav-tabs .active:hover {
    height: 40px !important
}

.text-primary {
    color: #001996 !important;
    text-transform: capitalize;
    font-weight: 400
}

.nav-tabs>li>a:hover {
    background-color: #bfbaba !important;
    border-color: #bfbaba !important;
    border-radius: 4px 4px 0 0 !important;
    color: #001996 !important;
    position: relative;
    top: 0;
    height: 40px !important;
    margin-top: 1px
}

.custom_tabs .nav>li>a {
    padding: 12px 15px !important;
    text-align: center
}

.page-body partner-editor .nav-tabs>li>a,
.nav-tabs>li>a:focus {
    line-height: 45px !important;
    height: 42px !important;
    padding: 12px 16px
}

.workflow_popup_height brandworkflowdetail .nav-tabs>li>a,
.nav-tabs>li>a:focus {
    height: 42px !important
}

.barcode_icon {
    padding: 3px 12px !important;
    font-size: 18px !important;
    color: #001996;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
    position: absolute;
    right: 0;
    z-index: 9;
    height: 40px !important;
    cursor: pointer;
    line-height: 32px !important;
    top: 10px
}

.highcharts-container {
    width: 490px !important
}

.highcharts-container {
    width: 100% !important
}

.TPL_mt15_mb_15 {
    margin-top: 15px;
    margin-bottom: 15px
}

.TPL_pt15_pb_15 {
    padding-top: 15px;
    padding-bottom: 15px
}

.margin-bottom-25 {
    margin-bottom: 25px !important
}

.padding-left-0 {
    padding-left: 0 !important
}

.TPL_heading_align {
    line-height: 28px;
    font-weight: 700;
    color: #626262;
    font-size: 18px;
    width: 200px
}

.TPL_heading_align_brand {
    line-height: 28px;
    font-weight: 400 !important;
    color: #626262;
    width: 200px
}

.TPL_mt10 {
    margin-top: 10px
}

.TPLp0 {
    padding: 0 !important
}

.TPL_flex {
    display: flex;
    display: -ms-flexbox;
    justify-content: space-between;
    text-transform: capitalize;
    align-items: center
}

.TPL_flex h4 {
    color: #302e2e;
    font-size: 16px
}

.TPL_flex p {
    line-height: 17px;
    margin-top: 5px;
    color: #a89b9b;
    width: 130px
}

.TPL_img_width {
    width: 200px;
    height: 80px;
    border: 1px #ccc solid;
    margin-bottom: 17px
}

.TPL_img_layout i {
    color: #a89b9b;
    padding-right: 20px
}

.TPL_input310 {
    width: 310px !important;
    line-height: 22px !important;
    cursor: pointer;
    height: auto !important
}

.TPL_widget {
    height: auto;
    background-color: #fff !important;
    padding: 15px !important;
    border-radius: 3px !important;
    margin-bottom: 10px
}

.TPL_dp_flex {
    display: flex;
    display: -ms-flexbox;
    justify-content: space-between
}

.TPL_dp_flex input {
    max-width: 100%
}

.TPL_dp_flex div {
    min-width: 49%
}

.TPL_w100 {
    width: 100% !important
}

.TPL_update {
    display: flex;
    display: -ms-flexbox;
    width: 220px;
    position: absolute;
    top: 2px;
    left: 40px
}

.TPL_update_bg {
    color: #fff;
    background: rgb(140, 195, 75);
    padding: 5px 10px 4px;
    margin-left: 8px;
    border-radius: 3px;
    text-transform: capitalize;
    margin-top: 1px
}

.panel-default>.panel-heading {
    background-color: #ebebeb !important
}

.TPL_textarea100 {
    text-align: left;
    height: 75px !important;
    white-space: normal;
    line-height: 17px !important
}

.TPL_custom_modal_btn {
    font-size: 15px !important;
    line-height: normal !important;
    padding: 10px 28px !important;
    margin-right: 12px !important
}

.TPL_custom_tooltip {
    position: relative;
    text-align: center;
    width: 30px;
    -webkit-transform: translateZ(0);
    -webkit-font-smoothing: antialiased;
    color: #7e7c7c;
    font-size: 18px;
    right: 0;
    z-index: 9999;
    cursor: pointer
}

.TPL_custom_tooltip .tooltip {
    background: rgb(255, 255, 255);
    bottom: 100%;
    color: #001996;
    display: block;
    left: -267px;
    padding: 10px 15px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    width: 250px;
    transform: translateY(10px);
    transition: all .25s ease-out;
    font-size: 14px;
    box-shadow: 0 2px 40px #0006;
    top: -59px;
    min-height: 132px
}

.TPL_custom_tooltip .tooltip ul {
    padding: 0
}

.TPL_custom_tooltip .tooltip ul li {
    list-style: none;
    line-height: 33px;
    border-bottom: 1px #dcdcdc solid;
    text-overflow: ellipsis;
    width: 220px;
    white-space: nowrap;
    overflow: hidden
}

.TPL_custom_tooltip .tooltip:before {
    bottom: -20px;
    content: " ";
    display: block;
    height: 20px;
    left: 0;
    position: absolute;
    width: 100%
}

.TPL_custom_tooltip .tooltip:after {
    border-top: 12px solid transparent;
    border-left: 20px solid rgb(255, 255, 255);
    border-bottom: 12px solid transparent;
    bottom: -10px;
    content: " ";
    height: 0;
    right: -20px;
    margin-left: -13px;
    position: absolute;
    width: 0;
    top: 45%
}

.TPL_custom_tooltip:hover .tooltip {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0)
}

.lte8 .TPL_custom_tooltip .tooltip {
    display: none
}

.lte8 .TPL_custom_tooltip:hover .tooltip {
    display: block
}

.TPL_rlt {
    position: static
}

.TPL_tooltip_flex_layout {
    display: flex;
    display: -ms-flexbox;
    align-items: center
}

.TPL_feature_panel {
    background: #f5f5f5c9;
    padding-top: 0;
    padding-bottom: 25px;
    margin-top: 19px;
    border-radius: 7px;
    box-shadow: 0 0 10px #00000012;
    border: 1px #ccc solid
}

.gray {
    color: #000 !important;
    font-size: 1.2rem !important;
    padding-left: 5px;
    position: absolute;
    top: 21px
}

.padding20 {
    padding: 20px !important
}

.sidebar {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    height: 100% !important;
    width: 260px !important;
    background: rgb(0, 0, 0) !important;
    z-index: 5 !important;
    transition: all .5s ease !important
}

.sidebar.close {
    width: 78px !important
}

.sidebar .logo-details {
    height: 25px !important;
    width: 100% !important;
    display: inline-block !important;
    align-items: center !important;
    text-align: center !important;
    padding-top: 20px
}

.sidebar .logo-details i {
    font-size: 30px !important;
    color: #fff !important;
    height: 50px !important;
    min-width: 78px !important;
    text-align: center !important;
    line-height: 50px !important
}

.sidebar .logo-details .logo_name {
    font-size: 22px !important;
    color: #fff !important;
    font-weight: 600 !important;
    transition: .3s ease !important;
    transition-delay: .1s !important
}

.sidebar.close .logo-details .logo_name {
    transition-delay: 0s !important;
    opacity: 0 !important;
    pointer-events: none !important
}

.sidebar .nav-links {
    height: 100% !important;
    padding: 30px 0 150px !important;
    overflow: auto !important
}

.sidebar.close .nav-links {
    overflow: visible !important
}

.sidebar .nav-links::-webkit-scrollbar {
    display: none !important
}

.sidebar .nav-links li {
    position: relative !important;
    list-style: none !important;
    transition: all .4s ease !important
}

.sidebar .nav-links li:hover {
    background: rgb(0, 0, 0) !important
}

.sidebar .nav-links li .iocn-link {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important
}

.sidebar.close .nav-links li .iocn-link {
    display: block !important
}

.sidebar .nav-links li i {
    height: 50px !important;
    min-width: 78px !important;
    text-align: center !important;
    line-height: 50px !important;
    color: #fff !important;
    font-size: 20px !important;
    cursor: pointer !important;
    transition: all .5s ease !important
}

.sidebar .nav-links li.showMenu i.arrow {
    transform: rotate(-180deg) !important
}

.sidebar.close .nav-links i.arrow {
    display: none !important
}

.sidebar .nav-links li a {
    display: flex !important;
    align-items: center !important;
    text-decoration: none !important
}

.sidebar .nav-links li a .link_name {
    font-size: 12px !important;
    font-weight: 400 !important;
    color: #fff !important;
    transition: all .4s ease !important
}

.sidebar.close .nav-links li a .link_name {
    opacity: 0 !important;
    pointer-events: none !important
}

.sidebar .nav-links li .sub-menu {
    padding: 6px 6px 14px 80px !important;
    margin-top: -10px !important;
    background: rgb(0, 0, 0) !important;
    display: none !important
}

.sidebar .nav-links li.showMenu .sub-menu {
    display: block !important
}

.sidebar .nav-links li .sub-menu a {
    color: #fff !important;
    font-size: 14px !important;
    padding: 5px 0 !important;
    white-space: nowrap !important;
    opacity: .6 !important;
    transition: all .3s ease !important
}

.sidebar .nav-links li .sub-menu a:hover {
    opacity: 1 !important
}

.sidebar.close .nav-links li .sub-menu {
    position: absolute !important;
    left: 100% !important;
    top: -10px !important;
    margin-top: 0 !important;
    padding: 10px 20px !important;
    border-radius: 0 6px 6px 0 !important;
    opacity: 0 !important;
    display: block !important;
    pointer-events: none !important;
    transition: .5s !important
}

.sidebar.close .nav-links li:hover .sub-menu {
    top: 0 !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    transition: all .4s ease !important
}

.sidebar .nav-links li .sub-menu .link_name {
    display: none !important
}

.sidebar.close .nav-links li .sub-menu .link_name {
    font-size: 18px !important;
    opacity: 1 !important;
    display: block !important
}

.sidebar .nav-links li .sub-menu.blank {
    opacity: 1 !important;
    pointer-events: auto !important;
    padding: 3px 20px 6px 16px !important;
    opacity: 0 !important;
    pointer-events: none !important
}

.sidebar .nav-links li:hover .sub-menu.blank {
    top: 50% !important;
    transform: translateY(-50%) !important
}

.sidebar .profile-details {
    position: fixed !important;
    bottom: 0 !important;
    width: 260px !important;
    display: inline-block !important;
    align-items: center !important;
    justify-content: space-between !important;
    background: #121b22 !important;
    padding: 12px 0 !important;
    transition: all .5s ease !important
}

.sidebar.close .profile-details {
    background: none !important
}

.sidebar.close .profile-details {
    width: 78px !important
}

.sidebar .profile-details .profile-content {
    display: flex !important;
    align-items: center !important
}

.sidebar .profile-details img {
    height: 52px !important;
    object-fit: cover !important;
    border-radius: 16px !important;
    margin: 0 14px 0 12px !important;
    background: #121b22 !important;
    transition: all .5s ease !important
}

.sidebar.close .profile-details img {
    padding: 10px !important
}

.sidebar .profile-details .profile_name,
.sidebar .profile-details .job {
    color: #fff !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    white-space: nowrap !important
}

.sidebar.close .profile-details i,
.sidebar.close .profile-details .profile_name,
.sidebar.close .profile-details .job {
    display: none !important
}

.sidebar .profile-details .job {
    font-size: 12px !important
}

.home-section {
    position: relative !important;
    background: rgb(238, 245, 249) !important;
    height: 100% !important;
    left: 260px !important;
    width: calc(100% - 260px) !important;
    transition: all .5s ease !important;
    z-index: 5 !important
}

.sidebar.close~.home-section {
    left: 78px !important;
    width: calc(100% - 78px) !important
}

.form-control,
select.form-control {
    color: #757272;
    font-weight: 300;
    font-family: Solo Sans;
    height: 40px !important;
    border-radius: 5px !important
}

.multiselect-item-checkbox div {
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%
}

.no-list {
    list-style-type: none;
    padding: 0;
    color: #000;
    font-family: Solo Sans;
    font-size: 14px
}

.width20 {
    width: 20%
}

.btn.btn-default-custom {
    background: rgb(249, 249, 249);
    background: linear-gradient(160deg, rgb(255 255 255) 0%, rgba(243, 243, 243, 1) 55%, rgba(237, 237, 237, 1) 95%);
    color: #000;
    padding-top: 20px;
    padding-bottom: 20px;
    transition: color .25s, background 1s;
    width: 100%;
    border-color: #ccc;
    border: 1px #ccc solid !important
}

.navbar li.email a {
    word-break: break-all;
    white-space: normal;
    text-align: left;
    padding-left: 0 !important
}

.btn_20 .btn.btn-default-custom {
    width: 194px !important;
    text-overflow: ellipsis;
    white-space: break-spaces;
    overflow: hidden;
    border-radius: 0;
    padding: 0 5px;
    height: 62px;
    vertical-align: middle;
    align-items: center;
    display: flex !important;
    justify-content: center;
    word-break: break-word
}

.btn.btn-default-custom:focus,
.btn-default-custom.active {
    background-color: #001996 !important;
    background: rgb(0, 25, 150) !important;
    outline: none !important;
    color: #fff !important;
    border-color: transparent !important
}

.action-title {
    font-size: 17.5px;
    color: #747373 !important;
    font-family: Solo Sans;
    margin-bottom: 0;
    word-break: break-word
}

.disposition,
.discrepancy {
    font-size: 17.5px;
    color: #000
}

textarea {
    width: 40%;
    height: 75px !important;
    padding: 12px 10px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #f8f8f8;
    font-size: 16px;
    resize: none
}

.dropdown-menu>li>a {
    display: block;
    padding: 10px 20px !important;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333 !important;
    white-space: nowrap
}

.dropdown-menu>li>a.inactive {
    color: #757272 !important
}

p.status-block {
    margin-bottom: 5px !important;
    line-height: 0 !important;
    font-family: Solo Sans;
    color: #000
}

.btn-primary.active.images-button {
    color: #333 !important;
    background: linear-gradient(351deg, rgba(238, 238, 238, 1) 0%, rgba(242, 242, 242, 1) 35%, rgba(255, 255, 255, 1) 100%) !important;
    background-color: #eee !important;
    border-color: #add8e6 !important;
    border-radius: 10px !important;
    box-shadow: 0 0 5px #0ff
}

.btn-primary.images-button {
    color: #333 !important;
    background-color: transparent !important;
    border-color: transparent !important
}

.btn-group>.btn.images-button {
    position: relative;
    float: left;
    width: 100% !important;
    margin-right: 20px !important;
    margin-bottom: 20px !important
}

label.btn.btn-primary.images-button p {
    display: inline-block;
    width: 230px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left
}

.delete-image {
    position: absolute;
    top: 10px;
    right: 10px;
    color: red
}

.bg-wihte-t img {
    max-width: 87%;
    margin: 0 auto;
    object-fit: contain;
    max-height: 64px
}

.modal-footer p {
    text-align: left
}

.item {
    margin-bottom: 15px
}

.modal-backdrop.in {
    opacity: .5;
    z-index: 5 !important
}

.fnt_14 {
    font-size: 14px !important
}

.height_ctrl .height_42 {
    height: 40px !important;
    border: 1px solid #ccc !important;
    box-shadow: inset 0 1px 1px #00000014 !important;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s !important
}

.dropdown-menu {
    position: absolute !important;
    top: 100% !important;
    right: 0 !important;
    z-index: 1000 !important;
    display: none;
    float: left !important;
    min-width: 215px !important;
    margin: 2px 0 0 !important;
    font-size: 14px !important;
    text-align: left !important;
    list-style: none !important;
    background-color: #fff !important;
    -webkit-background-clip: padding-box !important;
    background-clip: padding-box !important;
    border: 1px solid #ccc !important;
    border: 1px solid rgba(0, 0, 0, .15) !important;
    border-radius: 4px !important;
    box-shadow: 0 6px 12px #0000002d !important
}

.page-body {
    width: 100% !important;
    min-height: calc(100vh - 50px) !important
}

.new_timeline .timeline>li {
    padding-bottom: 20px
}

.new_timeline .timeline>li .timeline-badge {
    width: 181px !important;
    height: 181px !important;
    left: 46.6%;
    margin-left: -48.5px
}

.new_timeline .timeline>li.timeline-inverted>.timeline-datetime {
    left: auto;
    right: 60%
}

.timeline {
    max-width: 1024px;
    width: 1024px;
    margin: 0 auto
}

.timeline:before {
    left: 511.5px !important;
    margin-left: 0 !important
}

.new_timeline .timeline>li .timeline-badge {
    left: 421.5px !important;
    margin-left: 0 !important
}

.ag-theme-balham .dropdown-menu>li>a {
    border-bottom: 1px #dcdcdc dotted;
    color: #001996 !important
}

.ag-theme-balham .dropdown-menu>li>a:hover,
.ag-theme-balham .dropdown-menu>li>a:focus {
    background: transparent;
    background-color: transparent
}

.panel-group .dropdown-menu {
    padding: 0 !important;
    min-width: 180px !important
}

.ag-theme-balham .dropdown-menu {
    padding: 0 !important;
    min-width: 100% !important;
    left: -12px;
    margin-top: 0 !important;
    overflow: hidden;
    text-overflow: ellipsis
}

.ag-header-viewport {
    background-color: #ebebeb
}

button.btn.sm.btn-default.TPL_custom_modal_btn:hover,
button.btn.sm.btn-default.TPL_custom_modal_btn:focus,
button.btn.sm.btn-default.TPL_custom_modal_btn:visited {
    border-color: #8cc34b !important;
    background: rgb(140, 195, 75) !important;
    color: #fff !important
}

.workflow_form .TPL_input_feild {
    height: 40px
}

.actions-button-cell.overflow_visiblity .btn {
    padding-left: 2px !important
}

.input-bs-group.new_scan_box.pull-right {
    max-width: 330px;
    width: 330px;
    padding: 0 8px;
    position: fixed;
    right: 0;
    top: 53px
}

@media (max-width: 1199.98px) {
    .dashboard_page .col {
        width: 100% !important
    }
    .dashboard-stat {
        margin-bottom: 15px
    }
    .col {
        padding-right: 15px
    }
    .widget-body .check_box_layout {
        margin-top: 15px !important;
        display: block !important
    }
    .language_ctrl {
        position: absolute !important;
        transform: translate(10%);
        right: 0%;
        width: 50px;
        z-index: 999
    }
    .timeline {
        width: 880px;
        margin: 0 auto
    }
    .timeline:before {
        left: 438.5px !important;
        margin-left: 0 !important
    }
    .new_timeline .timeline>li .timeline-badge {
        left: 349.5px !important;
        margin-left: 0 !important
    }
    .fa-3x {
        font-size: 2em !important
    }
    .fa_rocket_icon:before {
        top: 1px !important;
        font-size: 12px !important
    }
    .workbench_mobile_view label {
        font-size: 12px !important
    }
    .h_50 {
        height: 50px
    }
}

@media (max-width: 991.98px) {
    .navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-notifications {
        min-width: 300px !important
    }
    .page-header {
        width: 100%
    }
    .dashboard_page .col {
        width: 100% !important
    }
    .dashboard-stat {
        margin-bottom: 15px
    }
    .col {
        padding-right: 15px
    }
    .line_ctrl {
        max-width: 120px !important
    }
    .p_xs_0 {
        padding: 0 !important
    }
    .workbench_mobile_view .padding-right-15 {
        width: 100%;
        top: 10px;
        justify-content: left;
        right: 0
    }
    .col-md-2.bg-nav {
        float: left
    }
    .timeline {
        width: 660px
    }
    .timeline:before {
        left: 328.5px !important
    }
    .new_timeline .timeline>li .timeline-badge {
        left: 239.5px !important;
        margin-left: 0 !important
    }
    .new_timeline .timeline>li>.timeline-datetime {
        left: 420px !important
    }
    .new_timeline .timeline>li.timeline-inverted>.timeline-datetime {
        right: auto !important;
        left: 155px !important
    }
    .form-horizontal.mobile_view .form-group {
        margin-left: 0 !important;
        margin-right: 0 !important
    }
    .col-xs-12.col-sm-12.col-md-6.mobile_margin_20 {
        margin-bottom: 0
    }
    .workbench_mobile_view .row.padding .padding_top_10 a[type=button],
    .workbench_mobile_view .row.padding .padding_top_10 a,
    .dropdown.padding_top_10 span.action-title.disabledForlabel a[type=button],
    .dropdown.padding_top_10 span.action-title.disabledForlabel a {
        display: inline-block
    }
    .advance_filter_mobile .d_filter_flex .mx_w_4 {
        width: 390px !important
    }
    .highcharts-figure,
    .highcharts-data-table table {
        min-width: 280px !important
    }
    .dashboard_page tspan {
        font-size: 14px !important
    }
    text.highcharts-title {
        font-size: 14px !important
    }
}

@media only screen and (min-width: 768px) and (max-width: 823px) {
    .navbar .navbar-inner .navbar-header .navbar-account .account-area .login-area {
        min-width: 300px !important
    }
}

@media only screen and (max-width: 767.98px) {
    .page-header {
        width: 100% !important
    }
    .line_ctrl {
        max-width: 120px !important
    }
    .check_box_layout {
        display: block !important
    }
    .custom_expand {
        margin-top: 25px
    }
    .p_xs_0 {
        padding: 0 !important
    }
    .mb_xs_10 {
        margin-bottom: 10px !important
    }
    .content_flex {
        display: block !important
    }
    .grid_custom_flex {
        display: block !important;
        margin-top: 10px !important
    }
    .grid_custom_flex input {
        width: 250px !important
    }
    .content_flex button {
        margin-bottom: 10px !important
    }
    .width_xs_130 {
        width: 130px !important
    }
    .dashboard_responsive_icon_layout {
        text-align: left !important;
        margin-top: 5px
    }
    .pull-right-custom {
        float: left;
        margin-bottom: 15px
    }
    .navbar .navbar-inner .navbar-header .navbar-account .account-area .login-area .avatar {
        margin-right: 27px !important
    }
    .navbar .navbar-inner .navbar-header .navbar-account .account-area .login-area {
        padding: 12px !important;
        min-width: 300px !important
    }
    .carrier_btn_ctrl {
        margin-bottom: 8px !important;
        padding-left: 0 !important
    }
    .p_left_0 {
        padding-right: 0 !important
    }
    .workbench_mobile_view .padding-right-15 {
        justify-content: left;
        right: 0;
        width: 100%;
        top: 10px
    }
    .global_class .padding-right-zero {
        padding-right: 15px !important
    }
    .page-sidebar.menu-compact .sidebar-menu>li.open>.menu-text,
    .page-sidebar.menu-compact .sidebar-menu>li.open>.submenu {
        display: none !important
    }
    .page-sidebar.menu-compact .sidebar-menu>li>a .menu-text {
        display: none
    }
    .menu-compact .device_li {
        display: block !important
    }
    .menu-compact .childUL li:nth-child(2) {
        margin-top: 0 !important
    }
    .bg-nav {
        float: left;
        display: inline-block;
        margin: 0
    }
    .alignment_right {
        text-align: left !important
    }
    .mobile_margin_20 {
        margin-bottom: 20px
    }
    .mobile_margin_t_20_b_20 {
        margin: 20px 0
    }
    .btn_20 .btn.btn-default-custom {
        width: 100% !important;
        margin-bottom: 5px !important;
        display: inline-block
    }
    .alignment_right.mobile_view {
        text-align: right !important
    }
    .workbench_mobile_view .row.padding {
        padding: 10px 20px
    }
    .workbench_mobile_view .row.padding .padding_top_10 {
        height: 40px
    }
    .workbench_mobile_view .row.padding .padding_top_10 a[type=button],
    .workbench_mobile_view .row.padding .padding_top_10 a,
    .dropdown.padding_top_10 span.action-title.disabledForlabel a[type=button],
    .dropdown.padding_top_10 span.action-title.disabledForlabel a {
        display: inline-block
    }
    .container-fluid.white-bkg.box-shadow.item {
        margin-bottom: 15px
    }
    .timeline {
        width: 460px
    }
    .timeline:before {
        left: 228.5px !important
    }
    .new_timeline .timeline>li .timeline-badge {
        left: 170px !important;
        margin-left: 0 !important
    }
    .new_timeline .timeline>li>.timeline-datetime {
        left: auto !important;
        display: block !important;
        right: 0;
        width: 160px;
        text-align: left
    }
    .new_timeline .timeline>li.timeline-inverted>.timeline-datetime {
        display: block !important
    }
    .new_timeline .timeline>li .timeline-badge,
    .new_timeline .timeline>li .timeline-badge .inner_badge {
        width: 120px !important;
        height: 120px !important
    }
    .new_timeline small.date {
        height: 120px !important
    }
    .new_timeline .timeline>li>.timeline-panel {
        width: 160px !important
    }
    .new_timeline .timeline>li>.timeline-panel .timeline-datetime .text-muted {
        display: none !important
    }
    .timeline>li>.timeline-panel .timeline-body {
        padding: 10px 10px 10px 20px !important;
        line-height: 14px !important
    }
    .new_timeline .timeline>li>.timeline-panel .timeline-body p {
        line-height: 14px !important;
        font-size: 11px !important
    }
    .new_timeline .timeline>li.timeline-inverted>.timeline-datetime {
        left: 0 !important;
        text-align: right !important;
        width: 160px
    }
    .new_timeline .timeline>li>.timeline-panel .timeline-body p {
        text-overflow: ellipsis;
        overflow: hidden
    }
    .timeline>li.timeline-inverted>.timeline-panel:after {
        left: 0 !important;
        right: auto
    }
    .display-flex-center {
        display: inline-block;
        min-height: auto;
        width: 100% !important
    }
    .new_timeline .timeline>li>.timeline-datetime {
        line-height: 120px !important
    }
    .btn-group>.btn.btn-default-custom:first-child:not(:last-child):not(.dropdown-bs-toggle) {
        border-radius: 4px !important
    }
    .btn-group>.btn.btn-default-custom:last-child:not(:first-child),
    .btn-group>.dropdown-bs-toggle:not(:first-child) {
        border-radius: 4px !important
    }
    .btn_20 label:first-child {
        border-top-left-radius: 4px !important;
        border-bottom-left-radius: 4px !important
    }
    .btn_20 label:last-child {
        border-top-right-radius: 4px !important;
        border-bottom-right-radius: 4px !important
    }
    .btn_20 .btn.btn-default-custom {
        border-radius: 4px !important
    }
    #toast-container>div {
        padding: 10px 30px 10px 10px !important;
        font-size: 14px !important
    }
    .dashboard-stat {
        margin-bottom: 15px
    }
    .advance_filter_mobile button.btn.btn-primary1 {
        float: right
    }
    .no-list li {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap
    }
    .grid_filter_mobile .advance_filter_mobile button.btn.btn-primary1 {
        width: 100%;
        margin-bottom: 10px
    }
    .grid_filter_mobile .hover_eff1 {
        width: 100%;
        margin-bottom: 15px
    }
    .grid_filter_mobile .hover_eff1 button {
        width: 100%;
        display: inline-block;
        text-align: center
    }
    .advance_filter_mobile .d_filter_flex .flex_grow {
        flex-grow: 1
    }
    .advance_filter_mobile .d_filter_flex .mx_w_4 {
        width: 100% !important
    }
    .new_timeline .timeline>li>.timeline-panel .timeline-body:after {
        right: -9px !important
    }
    .dashboard_page .col {
        width: 100% !important
    }
    .dashboard_page .pr-0 {
        padding-right: 15px !important
    }
    .dashboard_page .pl-0 {
        padding-left: 15px !important
    }
    .container {
        width: auto !important
    }
    .pb_21 .max_width button {
        max-width: 100% !important;
        margin-bottom: 10px
    }
    .container-fluid.dashboard_page.chart_data {
        padding-left: 0;
        padding-right: 0
    }
    .mobile_fix1 {
        position: relative;
        left: 15px
    }
}

@media (max-width: 650px) {
    .page-header {
        width: 100% !important
    }
    .user_dp:hover>ul {
        right: -100px !important
    }
    .user_dp:hover>ul:before {
        display: none !important
    }
    .text-right button.btn.customSubmitBtn {
        float: right !important
    }
    .footer_bo_buttons .text-right {
        text-align: right !important
    }
    .highcharts-figure,
    .highcharts-data-table table {
        max-width: 420px !important
    }
    .dashboard_page .btn,
    .dashboard_page .btn-default,
    .dashboard_page .btn:focus,
    .dashboard_page .btn-default:focus {
        padding-left: 20px !important;
        padding-right: 20px !important
    }
    .dashboard_page tspan {
        font-size: 14px !important
    }
    text.highcharts-title {
        font-size: 14px !important
    }
}

@media (max-width: 575.98px) {
    .page-header {
        width: 100% !important
    }
    .user_dp:hover>ul {
        right: -140px !important
    }
    .user_dp:hover>ul:before {
        display: none !important
    }
    .timeline {
        width: 300px
    }
    .new_timeline .timeline>li>.timeline-panel {
        width: 110px !important
    }
    .new_timeline .timeline>li .timeline-badge,
    .new_timeline .timeline>li .timeline-badge .inner_badge {
        width: 80px !important;
        height: 80px !important
    }
    .timeline:before {
        left: 148.5px !important
    }
    .new_timeline .timeline>li .timeline-badge {
        left: 110px !important;
        margin-left: 0 !important;
        z-index: 0
    }
    .new_timeline .timeline>li>.timeline-datetime {
        left: auto !important;
        width: 110px;
        padding: 0 10px !important
    }
    .new_timeline .timeline>li.timeline-inverted>.timeline-datetime {
        right: auto !important;
        left: 0 !important;
        width: 110px !important
    }
    .new_timeline small.date {
        height: 80px !important
    }
    .timeline>li>.timeline-panel .timeline-body {
        padding: 10px 20px 10px 10px !important
    }
    .timeline>li.timeline-inverted>.timeline-panel .timeline-body {
        padding: 10px 10px 10px 20px !important
    }
    .new_timeline .timeline>li>.timeline-panel:after {
        display: none
    }
    .new_timeline .timeline>li {
        padding-bottom: 65px !important
    }
    .new_timeline .timeline>li>.timeline-panel {
        top: 15px !important
    }
    .new_timeline .timeline>li>.timeline-datetime {
        line-height: 90px !important
    }
    .rma_detail_component .card-header label.control-label {
        font-size: 14px !important
    }
    .toast-top-right {
        top: 5px !important;
        right: 5px !important
    }
    .orderNumber {
        padding: 40px 5px !important
    }
    .pb_21 .max_width button {
        max-width: 100% !important;
        margin-bottom: 10px
    }
    .new_timeline .timeline>li>.timeline-panel .timeline-body:after {
        right: 2px !important
    }
    .timeline>li.timeline-inverted>.timeline-panel .timeline-body:after {
        left: 2px !important
    }
    .dashboard_page .btn,
    .dashboard_page .btn-default,
    .dashboard_page .btn:focus,
    .dashboard_page .btn-default:focus {
        padding-left: 10px !important;
        padding-right: 10px !important;
        font-size: 12px
    }
    .input-bs-group.new_scan_box.pull-right {
        max-width: 250px;
        width: 250px;
        width: 130px !important;
        position: fixed;
        right: 0;
        top: 61px
    }
}

@media only screen and (max-width: 530px) {
    .user_dp:hover>ul {
        right: -140px !important
    }
    .user_dp:hover>ul:before {
        display: none !important
    }
    .bg-nav {
        width: 150px
    }
    .navbar .navbar-inner .navbar-header .navbar-account .account-area {
        top: 0 !important
    }
    .alignment_right {
        text-align: left !important;
        margin-top: 20px
    }
    .mobile_margin_20 {
        margin-bottom: 20px
    }
    .mobile_margin_t_20_b_20 {
        margin: 20px 0
    }
    .btn_20 .btn.btn-default-custom {
        width: 100% !important
    }
    .no-list li {
        width: 105px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap
    }
    .alignment_right.mobile_view {
        margin-top: 0
    }
    p.status-block,
    .disposition,
    .discrepancy,
    .action-title,
    .status {
        font-size: 1.7rem
    }
    .alignment_right.mobile_view .fa-3x {
        font-size: 2.5em
    }
    .page-body {
        display: inherit !important;
        height: auto !important
    }
    .main-container:after,
    .workbench_mobile_view .btn_20 .btn.btn-default-custom {
        font-size: 12px
    }
    .mobile_margin_20 .height_ctrl .form-control {
        font-size: 10px !important
    }
    .TPL_input310 {
        width: 100% !important
    }
    .no-list li:last-child {
        overflow: visible !important;
        white-space: inherit !important;
        word-break: break-word !important
    }
    .new_timeline .timeline>li>.timeline-panel {
        top: 5px !important
    }
    text.highcharts-title {
        font-size: 9px !important
    }
    .dashboard_page .highcharts-title tspan {
        font-size: 9px !important
    }
    .dashboard_page tspan {
        font-size: 9px !important
    }
    .input-bs-group.new_scan_box.pull-right {
        max-width: 100%;
        width: 100%;
        padding: 0 15px 0 0;
        margin-top: 0
    }
}

@media only screen and (max-width: 420px) {
    .alignment_right.mobile_view .fa-3x {
        font-size: 1.6em
    }
    .custom_yellow {
        font-size: 12px !important
    }
    .new_timeline .timeline>li>.timeline-panel .timeline-body p {
        line-height: 12px !important;
        font-size: 10px !important
    }
    .timeline {
        width: 250px
    }
    .new_timeline .timeline>li .timeline-badge {
        left: 85px !important
    }
    .timeline:before {
        left: 123.5px !important
    }
    .new_timeline .timeline>li.timeline-inverted>.timeline-datetime {
        width: 85px !important
    }
    .new_timeline .timeline>li>.timeline-panel {
        width: 85px !important
    }
    .new_timeline .timeline>li>.timeline-datetime {
        width: 85px
    }
    .fnt18 .fa-pencil:before {
        font-size: 12px
    }
    .mobile_margin_20 .height_ctrl .form-control {
        font-size: 11px !important;
        font-family: Solo Sans !important
    }
    .new_timeline .timeline>li>.timeline-panel .timeline-body:after {
        right: 5px !important;
        font-size: 10px !important
    }
    .timeline>li.timeline-inverted>.timeline-panel .timeline-body:after {
        left: 5px !important;
        right: auto !important
    }
    .no-list li {
        width: 100px !important
    }
    .advance_filter_mobile .d_filter_flex .mx_w_4 {
        font-size: 12px
    }
    .highcharts-figure,
    .highcharts-data-table table {
        min-width: 200px !important
    }
    .dashboard_page .btn,
    .dashboard_page .btn-default,
    .dashboard_page .btn:focus,
    .dashboard_page .btn-default:focus {
        font-size: 10px
    }
    .dashboard_page .btn span.fa {
        display: none
    }
    #addressPopUp .dropdown ul.dropdown-menu.dropdown-menu1.border0 {
        width: 250px !important
    }
    #addressPopUp .dropdown ul.dropdown-menu.dropdown-menu1.border0 .btn.btn_height {
        padding-left: 20px;
        padding-right: 20px;
        width: 48%
    }
    .rma_detail_component .card-header label.control-label,
    .rma_detail_component label.control-label,
    .rma_detail_component address {
        font-size: 11px !important
    }
    .rma_detail_component h5,
    .rma_detail_component h6 {
        font-size: 14px !important
    }
    .btn-danger,
    .btn-danger:focus {
        padding-left: 20px !important;
        padding-right: 20px !important
    }
    .btn,
    .btn-default,
    .btn:focus,
    .btn-default:focus {
        padding-left: 20px;
        padding-right: 20px
    }
    p.status-block,
    .disposition,
    .discrepancy,
    .action-title,
    .status {
        font-size: 1.3rem
    }
    .item-name {
        font-size: 1.4rem
    }
    body {
        font-size: 12px !important
    }
    .alignment_right .fa-3x {
        font-size: 1.5em !important
    }
}

@media only screen and (max-width: 380px) {
    .rma_detail_component .card-header label.control-label,
    .rma_detail_component label.control-label {
        font-size: 10px !important
    }
}

.bg-nav {
    background-color: #000;
    width: 260px !important;
    transition: .3s ease !important;
    transition-delay: .1s !important
}

body.menu-compact .bg-nav {
    display: none
}

.page-sidebar.menu-compact .sidebar-menu>li>.submenu>li>a:before,
body.menu-compact .bg-nav {
    display: none
}

body.menu-compact .navbar .sidebar-collapse {
    left: 0 !important
}

.menu-compact .powered-by {
    width: 78px !important;
    transition: all .5s ease !important
}

.menu-compact .page-content {
    margin-left: 78px !important;
    transition: all .5s ease !important
}

.page-sidebar.menu-compact:before {
    width: 78px !important;
    transition: all .5s ease !important
}

.page-sidebar.menu-compact {
    width: 78px !important;
    transition: all .5s ease !important
}

.menu-compact .sidebar-menu .fa {
    font-size: 20px !important
}

.page-sidebar.menu-compact .sidebar-menu {
    width: 78px !important;
    text-align: center !important;
    padding-top: 40px;
    transition: all .5s ease !important
}

.menu-compact .page-sidebar .sidebar-menu li {
    margin-bottom: 25px
}

.page-sidebar.menu-compact .sidebar-menu>li:hover>a>.menu-text {
    left: 78px !important;
    transition: all .5s ease !important;
    text-align: left;
    font-size: 18px;
    font-weight: 700;
    width: 150px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #fff !important;
    padding-top: 0;
    line-height: 32px;
    padding-left: 0
}

.menu-compact .page-sidebar.menu-compact .sidebar-menu>li:hover>a>.menu-text {
    text-align: left
}

.page-sidebar.menu-compact .sidebar-menu>li:hover>.submenu {
    left: 78px !important;
    max-height: auto !important;
    transition: all .5s ease !important;
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
    padding-left: 20px;
    padding-top: 25px
}

.page-sidebar .sidebar-menu .submenu li {
    margin-left: 0;
    position: relative;
    text-align: left;
    font-weight: 700
}

.menu-compact .custom_pr_15 .childUL {
    padding-bottom: 20px !important
}

.menu-compact .custom_pr_15 .childUL li {
    margin-bottom: -6px !important;
    margin-top: auto
}

.page-sidebar .sidebar-menu li.active>a {
    color: #001996 !important
}

.page-sidebar.menu-compact .sidebar-menu>li>a .menu-text {
    background-color: #000
}

.page-sidebar.menu-compact .sidebar-menu>li>.submenu {
    background: rgb(0, 0, 0) !important;
    border-left: 0px !important;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px
}

.page-content {
    transition: .3s ease !important;
    transition-delay: .1s !important
}

.navbar .sidebar-collapse.active .collapse-icon {
    box-shadow: none !important;
    width: 78px;
    background: rgb(0, 0, 0);
    height: 45px
}

.navbar .navbar-inner .navbar-container {
    padding-left: 0 !important
}

.rlxClr {
    color: #001996 !important
}

.menu-compact .page-sidebar .sidebar-menu li:hover,
.page-sidebar .sidebar-menu a:hover {
    background: rgb(0, 0, 0) !important
}

.page-sidebar .sidebar-menu {
    padding: 15px 0 0 18px !important;
    transition: all .5s ease !important;
    width: 100%
}

.menu-compact .custom_pr_15 {
    padding: 0 !important
}

.page-sidebar .sidebar-menu .submenu>li>a i {
    font-size: 20px !important
}

.menu-dropdown i {
    font-size: 20px !important;
    width: 38px
}

.menu-compact .menu-dropdown i {
    padding-right: 0
}

.custom_pr_15 i {
    width: 38px;
    text-align: center;
    font-size: 20px;
    float: left
}

.menu-compact .custom_pr_15 i {
    float: none !important
}

.m_overlaping_text {
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 148px;
    white-space: nowrap;
    display: block;
    position: relative;
    left: 5px
}

.menu-compact .custom_pr_15 .menu-text {
    text-indent: 0px !important
}

.menu-compact .custom_pr_15 i {
    padding-right: 0;
    font-size: 20px
}

.page-sidebar .sidebar-menu li {
    margin: 20px 0
}

.page-sidebar .childUL li {
    margin: 0
}

.page-sidebar .sidebar-menu .submenu>li>a i {
    margin-right: 20px !important
}

.navbar .sidebar-collapse {
    left: 0 !important;
    padding-top: 13px !important
}

.menu-compact .navbar .sidebar-collapse {
    padding-top: 0 !important
}

.sidebar_logo {
    width: 260px;
    background-color: #000 !important;
    cursor: pointer;
    left: 0;
    height: 61px;
    transition: all .5s ease !important
}

.menu-compact .active .sidebar_logo {
    width: 78px;
    margin-top: 0
}

.login_fnt button,
.font_14 {
    font-size: 14px !important
}

@media only screen and (max-width: 880px) {
    .page-sidebar {
        display: block !important
    }
}

.button_effects label:hover {
    color: #333 !important;
    background-color: #e6e6e6;
    border-color: #adadad
}

.fa-2x {
    font-size: 2em !important
}

.custom_dp .form-control {
    color: #000 !important;
    padding: 0 5px !important;
    height: 40px !important;
    font-family: Solo Sans;
    font-size: 14px;
    margin: 0
}

.fnt18 .dropdown-menu {
    min-width: 170px !important;
    width: 170px !important
}

.fnt18 .dropdown-menu>li>a {
    font-size: 14px !important
}

.pd_15_20 {
    padding: 17px 20px 20px
}

.custom_text_area .shadow {
    box-shadow: inset #ccc 2px 2px 2px;
    height: 75px !important;
    font-family: Solo Sans;
    font-size: 14px
}

.item2 h5 {
    font-size: 14px !important
}

.dropdown-list .filter-textbox input {
    padding: 8px 9px !important;
    border: 1px rgb(0, 25, 150) solid !important
}

.multiselect-dropdown .dropdown-btn .selected-item {
    color: #fff !important;
    margin-bottom: 1px
}

.multiselect-dropdown .dropdown-btn .dropdown-multiselect__caret:before {
    position: relative;
    right: 0;
    top: 24% !important;
    color: #757272;
    border-color: rgb(117, 114, 114) transparent;
    content: "\f0dd" !important;
    font: 14px/1 FontAwesome !important;
    border-style: none !important
}

.multiselect-dropdown .dropdown-btn .dropdown-multiselect__caret {
    right: -5px !important
}

.multiselect-dropdown .dropdown-btn .dropdown-multiselect--active .dropdown-multiselect__caret {
    transform: rotate(0) !important
}

.custom_text_area .customSubmitBtn {
    color: #fff !important;
    background-color: #001996 !important;
    border-color: #001996 !important;
    padding-left: 20px;
    padding-right: 20px;
    font-family: Solo Sans;
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 600
}

.custom_text_area .customSubmitBtn:focus {
    padding-left: 20px !important;
    padding-right: 20px !important;
    font-family: Solo Sans;
    text-transform: capitalize !important
}

.h_border {
    height: 62px
}

.custom_yellow {
    color: #ffc700 !important
}

.pl_3 {
    padding-left: 3px
}

.padding_10_20 {
    padding: 10px 20px !important;
    cursor: pointer
}

.padding_10_20:hover {
    background: rgb(235, 235, 235)
}

.custom_position_relative {
    position: relative
}

.upload_value {
    position: absolute;
    top: -7px;
    right: -4px;
    background: black;
    border-radius: 100%;
    color: #fff;
    width: 20px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 10px
}

.upload_value_1 {
    position: absolute;
    top: -12px;
    right: -4px;
    background: black;
    border-radius: 100%;
    color: #fff;
    width: 20px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-weight: 400
}

.upload_value span,
.upload_value_1 span {
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 4px;
    font-family: Solo Sans
}

.height_ctrl .height42 {
    height: 40px !important
}

.height42 {
    height: 40px
}

.custom_modle_header {
    display: flex;
    display: -ms-flexbox;
    justify-content: space-between
}

.custom_modle_header h4 {
    font-size: 16px
}

.custom_btn_style button {
    background: rgb(0, 0, 0) !important;
    color: #000 !important
}

.custom_btn_style button i {
    color: #000 !important;
    font-size: 21px
}

.custom_footer_ctrl .modal-footer {
    border-top: 1px solid #e5e5e5;
    padding: 20px 0 0
}

.footer_alignment {
    text-align: left;
    position: relative;
    left: -15px;
    padding-left: 15px
}

.custom_display_inline span {
    display: flex;
    display: -ms-flexbox;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 159px;
    font-weight: 700;
    margin-right: 2px;
    margin-top: -2px;
    cursor: pointer
}

.custom_display_inline {
    text-align: left;
    margin-top: 12px;
    position: relative
}

.custom_ul {
    padding: 3px 0;
    box-shadow: 0 0 10px #0000000d;
    position: absolute;
    z-index: 8;
    background: rgb(255, 255, 255);
    width: calc(100% - 30px);
    left: 0;
    max-height: 200px;
    overflow: auto;
    top: 51px;
    text-align: left
}

.custom_position_1 {
    position: relative;
    margin-top: 10px
}

.custom_position_1 .custom_ul {
    top: 41px;
    left: 15px
}

.custom_li {
    padding: 10px;
    list-style: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.custom_li:hover {
    background-color: #f5f1f1;
    transition: all .3s ease-in-out;
    cursor: pointer
}

.custom_li a:hover {
    text-decoration: none;
    transition: all .3s ease-in-out
}

.alignment_right {
    display: flex;
    justify-content: flex-end
}

.custom_footer_ctrl .btn-primary {
    background-color: #8cc34b !important;
    border-color: #8cc34b;
    color: #fff
}

.green_clr {
    color: #8bc150 !important
}

.red_clr {
    color: #d8416c !important
}

.flex_center {
    display: flex;
    justify-content: center;
    display: -ms-flexbox
}

.active_thumnail {
    background: rgb(249, 249, 249);
    background: linear-gradient(160deg, rgb(255 255 255) 0%, rgba(243, 243, 243, 1) 55%, rgba(237, 237, 237, 1) 95%);
    color: #000;
    padding-top: 10px;
    padding-bottom: 15px;
    transition: color .25s, background 1s;
    box-shadow: 0 0 7px #50e6f9;
    border: 1px #50e6f9 solid;
    border-radius: 10px;
    margin-bottom: 10px
}

.active_thumnail i {
    right: 0 !important
}

.grid_ctrl {
    width: 160px;
    height: 320px;
    float: left;
    margin-bottom: 0;
    margin-right: 20px
}

.product_image {
    width: 100%;
    height: 143px;
    object-fit: contain !important
}

.padding_top_10 {
    display: flex;
    display: -ms-flexbox;
    align-items: center;
    min-height: 40px
}

.height_ctrl .border_r_0 {
    border-right: 0px !important
}

.height-vh .ag-theme-balham .ag-ltr .ag-cell-focus.ag-cell-range-single-cell.ag-cell-range-handle,
.ag-theme-balham .ag-ltr .ag-has-focus .ag-cell-focus.ag-cell-range-single-cell,
.ag-theme-balham .ag-ltr .ag-has-focus .ag-cell-focus:not(.ag-cell-range-selected),
.ag-theme-balham .ag-rtl .ag-cell-focus.ag-cell-range-single-cell.ag-cell-range-handle,
.ag-theme-balham .ag-rtl .ag-has-focus .ag-cell-focus.ag-cell-range-single-cell,
.ag-theme-balham .ag-rtl .ag-has-focus .ag-cell-focus:not(.ag-cell-range-selected) {
    border-color: #ebebeb !important;
    outline: none !important
}

.content_flex {
    display: flex;
    display: -ms-flexbox
}

.custom_padding_0 {
    padding: 0 !important
}

.btn_height {
    height: 40px !important;
    width: 49%;
    border: 0px !important;
    line-height: 0px !important
}

.modal-backdrop.in {
    z-index: 999 !important
}

.border0 .form-group select,
.border0 .form-group input {
    color: #858585 !important
}

.margin-bootom-15 button {
    border: 1px rgb(68, 68, 68) solid !important
}

.custom_green {
    color: #8cc34b !important;
    font-size: 20px !important
}

.collapsing {
    width: 100% !important
}

.fa {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important
}

.panel-heading .accordion-toggle:after {
    font-family: Glyphicons Halflings;
    content: "\e114";
    float: left;
    color: #000;
    margin-right: 7px
}

.panel-heading .accordion-toggle.collapsed:after {
    content: "\e080"
}

.accordin_clr {
    color: #000 !important
}

.align_right {
    float: right;
    color: #c6c4c4
}

.align_right span {
    margin-left: 5px
}

.panel-default>.dp_shadow {
    box-shadow: 2px 2px 2px #aaa;
    background-color: #fff !important;
    border: 0px !important;
    height: 50px;
    display: grid;
    align-items: center
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    pointer-events: none
}

.custom_fnt_size {
    font-size: 1.15rem;
    color: #000
}

.increase_number {
    display: flex;
    display: -ms-flexbox;
    justify-content: space-between;
    margin-bottom: 7px
}

.increase_number i {
    font-size: 25px !important
}

.increase_number span {
    border: 1px #646464 solid;
    width: 45px;
    border-radius: 5px;
    align-items: center;
    display: flex;
    display: -ms-flexbox;
    justify-content: center
}

.custom_display_inline label {
    float: left;
    min-width: 100px;
    line-height: 13px;
    font-size: 12px;
    word-break: break-word
}

.createBtn:hover,
.btn_height:hover,
.btn-default1:hover {
    color: #fff !important
}

.hover_eff1 button {
    color: #fff !important;
    display: flex;
    display: -ms-flexbox;
    align-items: center
}

.hover_eff1 span {
    padding-left: 5px
}

.download_file_btn {
    margin-top: -3px !important
}

.download_file_btn button:hover,
.sm_layout:hover {
    color: #fff !important
}

.location_table {
    overflow: auto;
    height: 300px;
    margin-top: 20px
}

.location_table button:hover {
    color: #fff !important
}

.modal-footer .btn-default:hover {
    background-color: #8cc34b !important;
    color: #fff !important
}

.btn-default.active,
.btn-default:active,
.open>.dropdown-bs-toggle.btn-default {
    color: #fff !important;
    background-color: #8cc34b;
    border-color: #adadad
}

.info_absolute {
    position: absolute;
    right: 24px
}

.mx_flex {
    display: flex
}

.pb_21 .max_width button {
    max-width: 220px
}

.effect_class .hover_effect4:hover {
    color: #001996 !important
}

.effect_class .hover_effect4:focus {
    color: #001996 !important;
    background: rgb(235, 235, 235) !important
}

.effect_class .hover_effect4:active {
    color: #001996 !important;
    background: rgb(235, 235, 235) !important
}

.ag-theme-balham .ag-ltr .ag-header-cell:after,
.ag-theme-balham .ag-ltr .ag-header-group-cell:after {
    right: 0;
    visibility: hidden
}

.custom_dropdown_toggle {
    color: #000 !important;
    border-color: #ccc !important;
    background: linear-gradient(160deg, rgb(255 255 255) 0%, rgba(243, 243, 243, 1) 55%, rgba(237, 237, 237, 1) 95%) !important;
    background-color: #f9f9f9 !important;
    background-color: linear-gradient(160deg, rgb(255 255 255) 0%, rgba(243, 243, 243, 1) 55%, rgba(237, 237, 237, 1) 95%) !important;
    border: 1px #ccc solid !important;
    border-radius: 4px 0 0 4px/4px 0px 0px 4px !important;
    padding: 10px 12px !important;
    text-transform: capitalize !important
}

.d_filter_flex .custom_dropdown_toggle:hover {
    color: #000 !important;
    border-color: #ccc !important;
    background: linear-gradient(160deg, rgb(255 255 255) 0%, rgba(243, 243, 243, 1) 55%, rgba(237, 237, 237, 1) 95%) !important;
    background: #f1f1f1 !important;
    background-color: #f9f9f9 !important;
    background-color: linear-gradient(160deg, rgb(255 255 255) 0%, rgba(243, 243, 243, 1) 55%, rgba(237, 237, 237, 1) 95%) !important
}

.mx_w_4 {
    width: 450px !important
}

.caret_icon {
    position: relative
}

.caret_icon:after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 5px dashed;
    border-top: 6px solid #9a9696;
    border-right: 6px solid #756e6e00;
    border-left: 6px solid #d71e1e00;
    content: "";
    position: absolute;
    top: -23px;
    right: 4px
}

.ag-theme-balham .ag-paging-panel {
    color: #333 !important;
    font-family: Solo Sans
}

.custom_ag_grid_mobile .ag-theme-balham .ag-paging-panel>span {
    margin-left: 0 !important
}

.custom_ag_grid_mobile .ag-paging-panel .ag-paging-row-summary-panel span {
    margin: 0 !important
}

.wizard ul li {
    transition: none !important
}

.p_r_6 {
    padding: 0 !important;
    margin-top: 6px
}

.mb_10 {
    margin-bottom: 10px !important
}

.colt2 button {
    width: 35px;
    padding: 0 !important;
    min-width: 30px !important;
    height: 30px
}

.colt2 button:focus {
    width: 35px;
    padding: 0 !important;
    min-width: 30px !important;
    height: 30px
}

.pt-30 {
    padding-top: 30px !important
}

.d_filter_flex .input-bs-group-btn ul li a {
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: capitalize !important
}

.cp_clr i {
    color: #001996 !important
}

.cursor_pointer .upload_btn .fa {
    font-size: 20px;
    font-family: FontAwesome !important;
    font-weight: 400 !important
}

.cp_clr .fa-eye:before {
    color: #001996 !important
}

.ag-theme-balham .ag-header-cell,
.ag-theme-balham .ag-header-group-cell {
    font-family: Solo Sans;
    color: #333 !important
}

.modal-open {
    overflow: initial !important;
    padding-right: 0 !important
}

.back_btn_hover .btn-default:focus {
    color: #444 !important
}

.back_btn_hover .btn-default:active {
    background-color: transparent !important
}

.mb_10 button {
    margin-bottom: 10px !important
}

.track_order_clr span a {
    color: #001996 !important
}

.nav-tabs>li>a,
.nav-tabs>li>a:focus {
    z-index: 8 !important
}

.fix_25 {
    width: 25px
}

.pl_39 {
    padding-left: 39px !important
}

lib-grid-cell div {
    float: none !important
}

lib-grid-cell div a {
    float: left !important;
    text-overflow: ellipsis;
    display: block;
    white-space: nowrap;
    overflow: hidden
}

select,
option {
    -moz-font-family: "Solo Sans", arial, sans-serif !important;
    border-radius: 5px
}

lib-grid-cell .dropdown-menu a {
    width: 100%
}

.label_hover {
    padding: 3px 10px !important;
    font-size: 14px !important;
    line-height: 1.5 !important
}

.label_hover i {
    font-size: 20px !important;
    line-height: 25px
}

.label_hover:hover {
    background: rgb(140, 195, 75) !important;
    color: #fff !important
}

.custom_font select option {
    font-family: Arial, Helvetica, sans-serif
}

.dp_flex_colum {
    display: flex;
    align-items: center;
    margin-bottom: 15px
}

.flex_ninety {
    flex: 0 0 90px
}

.flex_thirty_five {
    flex: 0 0 35px
}

.flex_forty {
    flex: 0 0 38.5%
}

.w_100 {
    min-width: 118px;
    white-space: nowrap
}

.flex_forty input {
    margin-bottom: 0
}

.margin-bottom-7 {
    margin-bottom: 7px
}

.bg_decoration {
    background: #efefef;
    padding: 4px 65px 4px 4px;
    border-left: 4px #999999 solid
}

.strong_block {
    margin-top: 20px;
    float: left
}

.before_position {
    position: relative
}

.margin-bottom-12 {
    margin-bottom: 20px
}

.modal-header .custom_btn_style button:focus {
    background: transparent !important;
    background-color: transparent !important
}

.m-p-0 {
    margin: 0 !important;
    padding: 15px 0 0 !important;
    font-size: 13px;
    border: 0px !important
}

.height_padding_ctrl {
    padding: 0 10px !important;
    height: 30px;
    line-height: 20px;
    margin-top: 5px;
    margin-left: 6px;
    border-radius: 4px !important
}

.close_fnt {
    font-size: 14px;
    color: #ef1919
}

.input42 {
    height: 40px !important;
    padding: 0 20px;
    width: 100%
}

.custom_close {
    position: absolute;
    right: 11px;
    top: -2px
}

.white-bg {
    background: rgb(255, 255, 255);
    padding: 10px
}

.w-100 {
    width: 100%
}

.border_line {
    border-bottom: 1px #c6c2c2 solid;
    text-align: center;
    margin-bottom: 30px;
    position: relative;
    display: flex;
    display: -ms-flexbox;
    justify-content: center;
    margin-top: 30px
}

.border_line span {
    position: absolute;
    background: white;
    top: -9px;
    width: 70px
}

.rma_btns {
    background-color: #eef5f9 !important;
    color: #001996;
    border: 3px rgb(0, 25, 150) solid;
    height: 40px;
    width: 48%
}

.opacity_none {
    opacity: 9 !important;
    left: 11px !important;
    top: -6px !important
}

.mt_10 {
    margin-top: 10px !important
}

.margin_0 .modal-body {
    padding: 0 !important;
    margin-top: 20px !important
}

.dif_btn {
    padding: 9px !important;
    height: 29px !important;
    border-radius: 50% !important
}

.dif_icon {
    color: #fff !important;
    font-size: 14px !important;
    position: relative !important;
    top: -5px !important
}

.dif_btn .dif_icon {
    color: #fff !important
}

.btn_position {
    position: absolute !important;
    right: 18px;
    top: 18px
}

.fnt_18 {
    font-size: 16px !important
}

.text_align_right {
    text-align: right !important
}

.workbench_h4 {
    max-height: 27px;
    overflow: hidden;
    font-weight: 700
}

.custom_scaner {
    margin-right: 16px;
    background: rgb(238, 245, 249);
    border: 0;
    padding: 0 !important
}

.modal {
    pointer-events: none !important
}

.modal-dialog {
    pointer-events: all !important
}

.modal-body {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.m_14 {
    margin-top: 14px !important;
    background: white;
    padding: 2px 15px 15px
}

.m_14 .grid_filter_mobile .hover_eff1 button {
    margin-bottom: 10px !important
}

.height_vh_80 {
    height: calc(100vh - 145px)
}

.m_14 .height_vh_80 {
    height: 60vh
}

.m_14 .carrier_btn_ctrl {
    padding-right: 0 !important
}

.custom_tabs .height_vh_80 {
    height: 70vh
}

.p_left_0 {
    padding-left: 0 !important
}

.p_right_0 {
    padding-right: 0 !important
}

.cstm_page_body {
    height: calc(100vh - 130px)
}

.inline_block {
    display: inline-block
}

.small_text {
    text-transform: lowercase !important
}

.fa-floppy-o {
    font-size: 14px !important
}

.lan_btn {
    background-color: #8cc34b !important;
    color: #fff !important
}

.span_ctrl {
    color: #cdc9c9;
    overflow: initial !important
}

.h_setting {
    display: flex;
    display: -ms-flexbox;
    align-items: start
}

.workbench_h4_1 {
    align-items: end;
    font-weight: 700;
    max-height: 27px;
    word-break: break-all;
    color: #000;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.tooltip>.tooltip-inner {
    color: #fff !important;
    font-family: Solo Sans !important
}

.confirmation_modal label {
    line-height: 42px
}

.confirmation_modal .btn-danger {
    background: #ea2f48;
    background-color: #ea2f48 !important;
    border-color: #ea2f48
}

.confirmation_modal .btn-danger.mr-2 {
    margin-right: 10px
}

.confirmation_modal .btn-danger:focus,
.confirmation_modal .btn-danger:hover {
    background: #ea2f48;
    background-color: #ea2f48 !important;
    border-color: #ea2f48
}

.confirmation_modal .modal-body {
    margin-top: 15px !important
}

.ag-cell-wrapper input[type=checkbox]~.text,
.ag-cell-wrapper input[type=radio]~.text {
    line-height: 20px;
    min-height: 14px;
    min-width: 14px
}

.ag-cell-wrapper input[type=checkbox]~.text:before,
.ag-cell-wrapper input[type=radio]~.text:before {
    height: 14px;
    line-height: 12px;
    min-width: 14px
}

.alignment_checkbox {
    margin-left: 5px
}

.alignment_checkbox input {
    margin-left: 5px !important
}

.custom_display_inline strong {
    color: #000
}

.sub_line {
    margin-top: 5px
}

.highcharts-title tspan {
    font-family: Solo Sans !important;
    font-size: 14px;
    font-weight: 700
}

.highcharts-title {
    font-size: 14px !important;
    font-family: Solo Sans !important;
    font-weight: 700 !important
}

.highcharts-legend-item {
    font-family: Solo Sans !important
}

.position_none {
    position: relative;
    top: 2px
}

.h4_diff {
    font-size: 14px !important;
    color: #000;
    margin-bottom: 5px
}

.TPL_add_rule .top_left_0 {
    top: 0;
    left: 0
}

.custom_file_upload {
    position: relative;
    overflow: hidden
}

.custom_file_upload input {
    position: absolute;
    font-size: 50px;
    opacity: 0;
    right: 0;
    top: 0
}

.library {
    width: 100%
}

.padding-0 .modal-body {
    padding: 0 !important
}

.padding-0 .d_inline_100 {
    width: 100% !important;
    max-height: 100%
}

.max-height-auto {
    max-height: 470px !important;
    overflow: auto
}

.iframe_ctrl iframe {
    zoom: 2.5;
    position: relative
}

.iframe_ctrl body {
    padding: 0 !important
}

#FirstPageContainer {
    inset: 0 !important;
    position: relative !important;
    padding-right: 0 !important;
    padding-left: 0 !important
}

.custom_product_thumnail {
    width: auto !important;
    height: auto !important
}

.modal-xl .modal-dialog {
    margin: 25px auto !important
}

.fa_rocket_icon {
    position: relative
}

.fa_rocket_icon:before {
    content: "\f1d8";
    position: absolute;
    color: #fff;
    top: -6px;
    z-index: 1;
    font: 18px/1 FontAwesome;
    left: 6px
}

.d_flex_right {
    display: flex;
    justify-content: right;
    display: -ms-flexbox
}

.padding-right-15 {
    position: relative;
    right: 0;
    display: flex;
    display: -ms-flexbox;
    width: 100%;
    justify-content: flex-end
}

.custom_overflow {
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 10px
}

.padding-right-0 {
    padding-right: 0 !important
}

.highcharts-yaxis,
.highcharts-xaxis-labels,
.highcharts-yaxis-labels {
    font-family: Solo Sans !important
}

.highcharts-yaxis tspan {
    font-size: 14px !important
}

.highcharts-axis-labels tspan {
    font-family: Solo Sans !important
}

.cl-td .fa-lg {
    font-size: 1em;
    left: 12px;
    position: relative
}

.cl-td .btn-group>.btn.btn-default-custom:last-child:not(:first-child),
.btn-group>.dropdown-bs-toggle:not(:first-child) {
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important
}

.custom_btn_primary {
    border-color: #001996;
    background: rgb(0, 25, 150);
    padding-left: 50px;
    padding-right: 50px;
    color: #fff;
    font-size: 14px !important;
    font-weight: 700 !important;
    border: 0px
}

.color_777 {
    color: #000 !important;
    font-size: 14px
}

.border_bottom_table {
    border-bottom: 1px #dcd5d5 solid;
    padding-top: 6px;
    padding-bottom: 6px
}

.border_bottom_none .border_bottom_table:last-child {
    border-bottom: 0px transparent solid !important
}

.border_bottom_table a span {
    color: #757272 !important
}

.language_ctrl {
    background: rgb(0, 25, 150);
    border: 1px rgb(255, 255, 255) solid;
    color: #000;
    margin-top: 6px;
    margin-right: 15px
}

.language_ctrl:focus {
    border: 1px rgb(255, 255, 255) solid !important
}

.align_center {
    padding-top: 16px
}

.align_center span {
    margin-left: 13px;
    display: block
}

.align_center div {
    float: left;
    width: 25px
}

.global_icon {
    color: #fff;
    position: absolute;
    top: 18px;
    left: 9px;
    font-size: 20px !important;
    display: none !important
}

.fa-cogs:before {
    font: 14px/1 FontAwesome
}

.font14 {
    font-size: 14px !important
}

.checkbox_btn {
    border: 1px rgb(140, 195, 75) solid;
    border-radius: 5px;
    padding-left: 17px !important;
    padding-top: 15px;
    padding-bottom: 14px
}

.margin_left_45 {
    margin-left: 40px
}

.loginbox-submit .btn-primary {
    background-color: #001996 !important;
    border-radius: 5px
}

.loginbox-submit .btn-primary:focus {
    background-color: #001996 !important
}

.highcharts-figure svg {
    width: 100% !important
}

.heading_conf {
    font-size: 22px !important;
    font-weight: 400 !important;
    font-family: inherit
}

.hr_devider {
    margin-top: 10px !important;
    margin-bottom: 10px !important
}

.custom_hv {
    height: calc(100vh - 380px);
    contain: strict
}

.left50 {
    left: 50%
}

.custom_popover {
    position: absolute;
    width: 200px;
    top: 20px;
    z-index: 9999 !important;
    left: 20px;
    align-self: center
}

.cstm_list_none {
    list-style: none;
    margin-bottom: 15px;
    margin-left: -10px
}

.pop_content {
    padding: 5px;
    font-size: 11px !important;
    text-overflow: ellipsis;
    max-width: 200px;
    overflow: hidden
}

.popover-content {
    text-overflow: ellipsis;
    max-width: 200px;
    overflow: hidden
}

.list_view_icon {
    right: 5px;
    cursor: pointer;
    float: left;
    color: gray;
    margin-left: 2px
}

.footer_stl {
    padding-top: 15px !important;
    padding-bottom: 15px !important
}

.left14 {
    left: 14px
}

.custom_panel_group .panel,
.panel.panel-default,
.widget-header,
.panel-group,
.panel-body,
.collapse.in {
    float: left;
    width: 100%;
    margin-bottom: 1px !important
}

.form-group .height_margin_auto {
    height: auto !important;
    margin-bottom: 0 !important
}

.check_box_locations {
    position: relative !important;
    left: 0 !important;
    opacity: 1 !important
}

.custom_multi_select {
    margin-bottom: 10px !important;
    display: inline-block !important;
    width: 100% !important
}

.padding-top-28 {
    padding-top: 28px !important
}

.content_flex_item_no {
    display: flex;
    display: -ms-flexbox;
    align-items: center;
    margin-bottom: 10px
}

.content_flex_item_no span {
    color: #cdc9c9 !important;
    margin-right: 5px;
    font-weight: 700 !important
}

.content_flex_item_no p {
    margin-bottom: 0
}

.tooltip-container {
    text-align: center;
    z-index: 10000000000;
    position: fixed;
    padding: 5px 10px;
    font-size: .7rem;
    font-weight: 400;
    line-height: initial;
    color: #fff;
    background: #111111ee;
    box-sizing: border-box;
    opacity: 0;
    transform: translate(-50%, -30%);
    animation: tooltip-slide .18s ease-out .5s;
    animation-fill-mode: forwards;
    pointer-events: none;
    border-radius: 3px
}

.modal-open .tooltip-container {
    max-width: 180px !important;
    word-break: break-all
}

@keyframes tooltip-slide {
    0% {
        opacity: 0;
        transform: translate(-50%, -30%)
    }
    to {
        opacity: 1;
        transform: translate(-50%)
    }
}

.form-group .textarea75 {
    height: 75px !important;
    padding-top: 10px !important
}

.light-red {
    color: #ea2f48;
    cursor: pointer
}

.date_picker_width input {
    width: 200px
}

.ngx_doc_viewer {
    height: 80vh
}

.line_ctrl {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    max-width: 400px;
    float: left;
    cursor: pointer
}

.sku_pop {
    max-height: 27px;
    word-break: break-all;
    color: #000;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.padding-left-right-zero {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.return_reason_pop_btn {
    max-width: 220px
}

.return_reason_pop_btn span {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    float: left;
    height: 20px;
    max-width: 130px
}

.facility_pop_btn {
    max-width: 230px;
    display: flex !important;
    float: right
}

.facility_pop_btn i {
    position: relative;
    top: 2px
}

.facility_pop_btn span {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-left: 4px;
    height: 20px;
    max-width: 130px;
    float: left
}

.font-style-italic {
    font-style: italic;
    position: absolute;
    left: 17px;
    top: 49px;
    margin-top: 2px;
    font-size: 12px !important;
    background: rgb(235, 235, 235);
    padding: 0 8px;
    border-radius: 2px;
    transition: 1s
}

.font-style-italic:hover {
    transform: scale(1);
    z-index: 2;
    box-shadow: 2px 2px 2px #0000002b
}

.dashboard-stat .widget-body,
.modal-dialog,
.add_effect {
    animation-name: scale;
    animation-duration: 2s
}

.dashboard_page .form-control,
.report-search {
    animation: 3s slide-left
}

.submenu,
.childUL {
    animation: .3s slide-left
}

.menu-text,
.m_overlaping_text {
    animation: .4s slide-left
}

@keyframes slide-left {
    0% {
        margin-left: 100%
    }
    to {
        margin-left: 0%
    }
}

.border-bottom-1 {
    border-bottom: 1px rgb(191, 186, 186) solid;
    width: 100%;
    float: left;
    padding-bottom: 10px;
    margin-bottom: 8px;
    margin-top: 10px
}

.clip_to_copy {
    position: absolute;
    border: 0;
    font-size: 22px;
    top: -9px;
    background: transparent;
    color: #001996;
    display: none
}

.sku_position {
    top: -15px
}

.sku_search_btn {
    max-width: 160px;
    float: left;
    margin-top: 0;
    margin-right: 12px
}

.sku_search_sticky {
    position: sticky;
    top: 94px;
    position: -webkit-sticky;
    background: rgb(238, 245, 249);
    z-index: 9;
    margin-bottom: 38px
}

.sku_search_sticky .return_detail {
    border-right: 15px #eef5f9 solid
}

.sku_search_sticky .pd_15_20 {
    border-right: 15px rgb(238, 245, 249) solid
}

.page-body app-home,
cx-grid,
app-workflow-configuration,
facility-editor,
location,
partner-editor,
all-roles,
usereditor,
app-language,
app-sales-config,
app-ups-details,
returnreason-editor,
app-mastertab,
app-item-condition,
notificationtemplategrid,
app-edit-policy,
app-edit-product-category,
app-product,
app-returns,
app-analytics,
app-tat-report,
app-vas-report,
app-grade,
app-disposition,
app-changermastatus,
app-transfer {
    margin-top: 55px;
    display: block
}

.z-index-zero {
    z-index: 0
}

.dp_flex_align {
    display: flex;
    display: -ms-flexbox;
    align-items: center
}

.vertical_tabs ul.nav-tabs {
    height: auto !important;
    display: inline-grid;
    width: 15%;
    border-bottom: 0px;
    top: -15px
}

.vertical_tabs_width {
    float: right;
    width: 80%;
    text-align: left
}

::ng-deep .vertically_list_style .nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
    border: 0px !important;
    border-radius: 0 !important;
    background: #fdfdfd !important;
    height: 42px !important;
    border-bottom: 2px rgb(191, 186, 186) solid !important;
    box-shadow: 4px 1px 11px #00000012
}

.vertical_left {
    width: 20%;
    float: left;
    background: #fbfbfb;
    padding-left: 15px;
    overflow: auto;
    height: 285px
}

.vertical_right {
    float: right;
    width: 80%;
    padding-right: 15px;
    background: #fbfbfb
}

.vertical_box_width {
    border: 1px solid rgb(191, 186, 186);
    background: #fbfbfb;
    overflow: auto;
    margin-right: 15px
}

.vertical_box_width::-webkit-scrollbar {
    display: none
}

.vertical_box_width {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.vertically_list_style .nav-tabs .active a:before {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-left: 12px solid rgb(191, 186, 186);
    border-bottom: 10px solid transparent;
    position: absolute;
    content: "";
    right: -12px;
    top: 11px
}

.vertical_tabs {
    background: #fbfbfb;
    height: 52vh;
    padding-top: 20px
}

.nav-tabs>li {
    display: block
}

.resizable-widget-abc {
    border: 0px !important
}

.lpn_child_div {
    padding: 8px 0 0;
    background-color: #fff;
    opacity: .5;
    border: 1px solid rgb(191, 186, 186);
    display: flex;
    width: 50%;
    height: 15%;
    align-items: center
}

.lpn_label_view {
    display: inline-flex;
    align-items: center;
    width: 100%;
    color: #000
}

.lpn_span_view {
    height: 40px;
    align-items: center;
    display: flex;
    padding: 0 10px 0 0
}

.lpn_custom_width {
    min-width: 110px !important;
    margin-right: 0 !important
}

.lpn_edit_btn {
    float: left;
    color: #001996 !important;
    font-size: 14px !important;
    text-transform: uppercase;
    font-weight: 700 !important;
    width: 100%;
    text-align: right;
    background: #fbfbfb;
    padding-right: 15px
}

.subBitem {
    top: 0;
    left: -15px
}

.addBitem {
    top: 1px
}

.minusred {
    color: #ea2f48;
    font-size: 18px
}

.addgreen {
    color: #8cc34b;
    font-size: 18px
}

.bulk_process_field {
    margin: 0 6px;
    max-width: 70px;
    text-indent: 5px;
    height: 30px
}

.bulk_process_field::-webkit-outer-spin-button,
.bulk_process_field::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.bulk_process_field[type=number] {
    -moz-appearance: textfield
}

.bulk_process_body {
    max-height: 390px;
    overflow: auto;
    overflow-x: hidden;
    padding-right: 6px !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important
}

.hover_white:hover {
    color: #fff !important
}

.bulk_process_labels {
    background: rgb(235, 235, 235);
    padding: 7px;
    border-radius: 4px 100px 100px 4px;
    border-left: 2px #dfe0e0 solid;
    margin-left: 17px;
    display: inline-flex;
    margin-bottom: 15px
}

.tab_body_clr .tab-body {
    background-color: #fbfbfb !important
}

.bell_color,
.bell_color .selected {
    color: #f6921e !important
}

.mt_55 {
    margin-top: 55px
}

.custom_ul {
    top: auto !important;
    bottom: 100% !important;
    z-index: 2 !important
}

.dropdown-list {
    overflow: hidden !important
}

.lan_txt_ctrl label {
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.dropdown-menu,
.panel,
.panel-body,
.dropdown-list,
.dropdown-content,
.sku_search_btn {
    animation: growDown .3s ease-in-out forwards;
    transform-origin: top center
}

@keyframes growDown {
    0% {
        transform: scaleY(0)
    }
    80% {
        transform: scaleY(1.1)
    }
    to {
        transform: scaleY(1)
    }
}

.user_dp:hover .ul_dp_icons {
    transition: all .5s
}

@media not all and (-webkit-min-device-pixel-ratio:0),
not all and (min-resolution:.001dpcm) {
    @supports (-webkit-appearance: none) {
        .main-container, .page-container, .page-sidebar {
            height:auto !important
        }
    }
}

.multiselect_custom_disable .disable .multiselect-dropdown span.dropdown-btn {
    background-color: #ccc !important;
    background: #ccc !important;
    opacity: .6;
    pointer-events: none !important;
    cursor: not-allowed
}

.cke_notifications_area,
.cke_notification_warning {
    display: none !important
}

.charac_length {
    display: flex;
    justify-content: right;
    margin-top: 6px
}

.multi_text .multiselect-dropdown {
    height: 40px !important;
    margin-bottom: 15px !important
}

.advance_filter_mobile .btn-default:focus {
    border-color: inherit !important;
    background: inherit !important
}

.view_log_btn_none img {
    filter: brightness(.25) !important
}

.multiselect-dropdown .selected-item {
    color: #fff !important
}

.multiselect-item-checkbox input[type=checkbox]:checked+div:before {
    background: rgb(0, 25, 150) !important
}

.ck-editor__editable_inline {
    min-height: 200px;
    font-family: Arial, sans-serif;
    font-size: 14px
}

.toggle_focus_exp:focus-within {
    outline: 1px solid rgb(0, 0, 0) !important;
    border: 1px solid rgb(0, 0, 0) !important
}

.ag-icon:focus {
    border: 1px rgb(0, 0, 0) solid !important
}

.ag-theme-balham .ag-icon {
    color: #001996 !important;
    font-weight: 700 !important
}

.ag-icon.ag-icon-next:focus,
.ag-icon.ag-icon-next:active {
    outline: #000000 !important;
    border: 1px solid #000000 !important
}

.ag-paging-button button {
    display: none
}

::ng-deep .ag-cell.ag-cell-focus {
    box-shadow: 0 0 1px 1px #000 !important;
    background-color: #ebebeb !important
}

lib-grid-cell .ag-cell:visited,
:focus-visible,
:target {
    border: 1px #000 solid !important;
    min-height: 38px !important
}

.ag-paging-button span {
    min-height: auto !important
}

.checkbox-slider:focus {
    border: 1px #000 solid !important
}

.btn_tab_focus .dropdown-bs-toggle~.dropdown-login-area:focus-within {
    display: block !important
}

.skip-link {
    display: none !important
}

::ng-deep .skip-link {
    display: none !important
}

.multiselect-dropdown .dropdown-btn .selected-item {
    overflow: hidden;
    white-space: nowrap;
    max-width: 100px;
    text-overflow: ellipsis
}

body .three_pl {
    font-family: Calibre, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important;
    font-size: 14px !important;
    line-height: 1.42857;
    color: #444;
    background-color: #fff;
    word-break: break-word;
    word-wrap: break-word;
    letter-spacing: .4px
}

.three_pl .modal-header {
    background-color: #f1f1f1;
    border-bottom: 2px solid #cbcbcb;
    color: #000 !important;
    padding: 8px 10px;
    font-weight: 700
}

.three_pl .padding-left-25 {
    padding-left: 0
}

.three_pl .padding-left-11 {
    padding-left: 11px
}

.three_pl .text-link,
.three_pl h4.text-link {
    color: #034599 !important
}

.three_pl .modal-content {
    border-radius: 3px !important;
    padding: 0 !important
}

.three_pl .shipping_lable_bg {
    border: 5px solid #c7c7c7 !important;
    border-radius: 3px !important;
    background-image: url(barcode-receipt_1.a70b19ecfacfc5a4.jpg) !important;
    display: block;
    padding: 15px !important;
    width: 55px !important;
    height: 74px !important;
    background-repeat: no-repeat;
    margin-left: 20px !important;
    margin-top: 18px
}

.three_pl .shipping_lable_bg i {
    color: #034599 !important;
    background-color: #fff !important
}

.three_pl .modal-content {
    border-radius: 3px !important
}

.three_pl .flag-icon {
    top: 1px !important
}

.three_pl .pl-30 {
    padding-left: 30px !important
}

.three_pl .wizard.wizard-wired ul li .step.active {
    border-color: #f8e88c;
    background-color: #ffc700;
    color: #fff
}

.three_pl .search-bg {
    background-color: #fff;
    padding: 32px 0 27px;
    border-radius: 0;
    border-top: 1px solid rgb(191, 186, 186);
    border-bottom: 1px solid rgb(191, 186, 186)
}

.three_pl .header_new_inner .navbar {
    height: 106px !important
}

.three_pl .navbar-nav .nav-item>a.nav-link {
    color: #262626;
    font-family: Poppins, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500
}

.three_pl .navbar-nav.pull-right .nav-item.laguageText a.nav-link {
    color: #262626;
    font-family: Poppins, sans-serif !important;
    font-size: 14px !important;
    line-height: 20px !important;
    font-weight: 500
}

.three_pl .product-thumbnail1__reverse {
    width: 25.95em;
    height: 25.5em;
    border-radius: 8px;
    background: rgb(255, 255, 255);
    position: relative;
    margin: 0 auto !important
}

.three_pl .reverse_thumbnail_wrapper>a {
    position: absolute !important;
    z-index: 9999;
    background-color: #034599cc;
    top: 41%;
    margin-left: 42px !important;
    font-size: 24px;
    padding: 10px 0;
    display: block;
    text-align: center;
    width: 77% !important;
    color: #fff !important;
    text-transform: uppercase
}

.three_pl .product__image_logo {
    float: left;
    margin-top: 4px
}

.three_pl .product__image_logo i {
    position: relative;
    color: #ea2f48;
    z-index: 11;
    left: 76px;
    cursor: pointer;
    bottom: 94px
}

.three_pl .product-thumbnail__wrapper_logo {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 0;
    z-index: 22;
    border: none !important
}

.three_pl .product-thumbnail__image_logo {
    position: absolute;
    inset: 0;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    cursor: pointer !important
}

.three_pl .product-thumbnail_logo:after {
    content: "";
    display: block;
    position: absolute;
    inset: 0;
    border-radius: 0;
    z-index: 2
}

.three_pl .header_new_inner .navbar .navbar-brand {
    padding: 0 0 2px
}

.three_pl .blue-bg {
    background-color: #fff;
    border-radius: 5px;
    padding: 15px 0 0 !important
}

.three_pl .pt-30 {
    padding-top: 30px
}

.three_pl .pb-30 {
    padding-bottom: 30px
}

.three_pl .pt-25 {
    padding-top: 25px
}

.three_pl .pb-40 {
    padding-bottom: 40px
}

.three_pl .mb-15 {
    margin-bottom: 15px
}

.three_pl .mb-10 {
    margin-bottom: 10px
}

.three_pl .mar-5 {
    margin-bottom: 5px
}

.three_pl .pt-12 {
    padding-top: 12px
}

.three_pl .pb-12 {
    padding-bottom: 12px
}

.three_pl .pb-6 {
    padding-bottom: 6px
}

.three_pl .pt-24 {
    padding-top: 24px
}

.three_pl .pt-20 {
    padding-top: 20px
}

.three_pl .container-fuild .bg-dark {
    background-color: #fff
}

.three_pl .bg-secondary-dark {
    background-color: #eee;
    font-size: 1.6rem !important
}

.three_pl .lightGrey {
    background-color: #dedede
}

.three_pl .product__image {
    float: none;
    width: 74px;
    margin-left: 28px
}

.three_pl .product__image i {
    position: relative;
    color: #ea2f48;
    z-index: 11;
    left: 76px;
    cursor: pointer;
    bottom: 94px
}

.three_pl .product-thumbnail {
    width: 6.58em;
    height: 8.39em;
    background: rgb(255, 255, 255);
    position: relative;
    margin: 0 auto !important
}

.three_pl .product-thumbnail__wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 0 !important;
    z-index: 22;
    border: none !important
}

.three_pl .product-thumbnail__image {
    position: absolute;
    inset: 0;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    cursor: pointer !important
}

.three_pl .upload_btn .fa {
    color: #444;
    font-size: 20px
}

.three_pl .items_header {
    width: 100%;
    display: inline-block;
    border-top: 1px solid rgb(191, 186, 186)
}

.three_pl .items_header label.check.float-left {
    font-size: 14px;
    font-weight: 400
}

.three_pl .items_header label.check.float-left .checkmark {
    margin-right: 5px;
    float: left
}

.three_pl .btn-default:hover,
.three_pl .btn-default {
    color: #444 !important;
    background-color: transparent !important;
    border-color: #444 !important
}

.three_pl .product-thumbnail:after {
    content: "";
    display: block;
    position: absolute;
    inset: 0;
    z-index: 2
}

.three_pl .blue-bg .key-label-name {
    font-weight: 600;
    font-size: 16px
}

.three_pl .blue-bg .key-label-name span {
    font-weight: 600;
    font-size: normal
}

.three_pl .order-key-label {
    font-size: 15px
}

.three_pl .order-key-label span {
    text-transform: none;
    word-wrap: break-word
}

.three_pl .key-label {
    font-weight: 400;
    font-size: 15px !important
}

.three_pl .key-label.heading1 {
    font-size: 18px !important
}

.three_pl .p-15 .key-label,
.three_pl .p-15 .Qtykey-label {
    font-weight: 400
}

.three_pl .key-label span {
    font-weight: 400;
    text-transform: none;
    word-wrap: break-word
}

.three_pl .key-label span.free {
    font-weight: 400;
    text-transform: none
}

.three_pl .ship-key-label {
    font-weight: 700;
    text-transform: none
}

.three_pl .ship-key-label {
    font-weight: 400;
    text-transform: none;
    word-wrap: break-word;
    margin-right: 5px;
    color: #034599
}

.three_pl .product-name {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 16px;
    word-wrap: break-word !important
}

.three_pl .Qtykey-label {
    font-weight: 700;
    text-transform: none
}

.three_pl .Qtykey-label span {
    font-weight: 400;
    text-transform: none
}

.three_pl .summary-text {
    color: #000;
    font-size: 16px
}

.three_pl .rma-number {
    padding-top: 5px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px
}

.three_pl .rma-number span {
    font-weight: 700;
    text-transform: uppercase;
    color: #034599 !important
}

.three_pl .customer-address-label {
    font-weight: 700;
    text-transform: uppercase
}

.three_pl .address-label {
    font-weight: 400;
    padding-bottom: 10px
}

.three_pl .btn-group {
    margin-left: 12px
}

.three_pl .btn1 {
    background-color: #034599 !important
}

.three_pl .badge {
    line-height: 13px !important;
    font-size: 10px !important;
    height: 20px !important;
    padding: 4px 7px !important
}

.three_pl .btn-group>.btn>.caret {
    margin-left: 1px;
    border-width: 5px;
    border-top-color: #eee;
    margin-top: -3px !important
}

.three_pl .btn-danger {
    color: #fff;
    background-color: #034599 !important;
    border-color: #034599 !important;
    border-radius: 0 !important;
    border: 0px !important
}

.three_pl .btn-danger:hover {
    color: #fff;
    background-color: #034599 !important;
    border-color: #034599 !important;
    border-radius: 0 !important
}

.three_pl .btn-danger:focus {
    color: #fff;
    background-color: #034599 !important;
    border-color: #034599 !important;
    border-radius: 0 !important;
    border: 0px !important
}

.three_pl .btn-danger:active {
    color: #fff;
    background-color: #034599 !important;
    border-color: #034599 !important;
    border-radius: 0 !important;
    border: 0px !important
}

.three_pl .btn-danger.dropdown-bs-toggle {
    border-left-color: #034599 !important
}

.three_pl .open .btn.dropdown-bs-toggle {
    box-shadow: inset 0 3px 5px #00000020;
    background-color: #034599 !important
}

.three_pl .white {
    color: #333 !important
}

.three_pl label {
    font-weight: 400;
    vertical-align: middle;
    font-size: 14px !important;
    font-family: inherit;
    display: block
}

.three_pl .search-form-control {
    border: 0px !important;
    padding: 9px 12px !important;
    width: 100%;
    border: 1px solid #cccccc !important;
    background-color: #fff
}

.three_pl .search-form-control:focus {
    border: 0px !important;
    padding: 9px 12px !important;
    width: 100%;
    border: 1px solid #cccccc !important;
    background-color: #fff
}

.three_pl #lblFAQs h1 {
    margin-bottom: 15px
}

.three_pl #lblFAQs label {
    font-size: 14px !important
}

.three_pl a {
    color: #444 !important;
    cursor: pointer !important
}

.three_pl a:focus {
    color: #000;
    text-decoration: none
}

.three_pl .ptm-10 {
    margin-top: 10px !important
}

.three_pl .ImgShow a {
    text-decoration: underline;
    font-weight: 400 !important
}

.three_pl .ImgShow div {
    display: none;
    text-decoration: underline
}

.three_pl .ImgShow:hover div {
    display: block;
    z-index: 9999;
    position: absolute;
    background: rgb(255, 255, 255)
}

.three_pl .btn-padding {
    padding: 1.2rem 5rem;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 1.8rem;
    text-decoration: none;
    white-space: normal
}

.three_pl ::placeholder {
    color: #767676 !important
}

.three_pl .btn-default {
    font-size: 16px !important;
    padding: 5.75px 45px 3.75px
}

.three_pl .btn-default:hover {
    background-color: #fff
}

.three_pl .btn-primary {
    font-size: 16px !important;
    color: #fff !important;
    background-color: #ed1d24 !important;
    border: 0 !important;
    line-height: 0px;
    height: 36px
}

.three_pl .btn-primary:focus {
    font-size: 16px !important;
    color: #fff !important;
    background-color: #00aec5 !important;
    border: 0 !important
}

.three_pl .btn-primary:active {
    font-size: 16px !important;
    color: #fff !important;
    background-color: #00aec5 !important;
    border: 0 !important
}

.three_pl .pl-pr-40 {
    padding-left: 40px;
    padding-right: 40px
}

.three_pl .inputWrapper {
    position: relative;
    display: block;
    width: 100%
}

.three_pl .radio input:checked+label:before {
    border-color: #ccc !important
}

.three_pl .inputWrapper .fa {
    position: absolute;
    right: 10px;
    top: 7px;
    font-size: 20px;
    color: #b6b2b2
}

.three_pl .inputWrapper .fa.fa-calendar:before {
    content: "\f073" !important
}

.three_pl .btn {
    border-radius: 0 !important
}

.three_pl .btn-primary:hover {
    background-color: #f85960 !important;
    color: #fff !important;
    border: 0px solid #00aec5 !important
}

.btn-primary:hover {
    border: 0px solid rgb(255, 255, 255) !important
}

.modal-content .confirm button.btn.btn-default.btn-sm:hover,
.modal-content .confirm button.btn.btn-default.btn-sm:hover i,
.modal-content .confirm button.btn.btn-primary.btn-sm:hover,
.modal-content .confirm button.btn.btn-primary.btn-sm:hover i {
    color: #fff !important
}

.three_pl .btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    background-color: #034599 !important;
    border-color: #034599 !important;
    zoom: 1;
    filter: alpha(opacity=50);
    -webkit-opacity: .5;
    -moz-opacity: .5;
    opacity: .5
}

.three_pl .btn-default1 {
    padding: 5.75px 45px;
    background-color: #fff;
    border: 4px solid #c1c1c1 !important;
    color: #999;
    border-radius: 0;
    cursor: pointer !important
}

.three_pl .btn-default1:hover {
    background-color: #ed1d24;
    border: 4px solid rgb(237, 29, 36) !important;
    color: #fff;
    outline-color: transparent !important;
    cursor: pointer !important
}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn.focus:active,
.btn:active:focus,
.btn:focus {
    outline: 0 !important;
    outline-offset: 0 !important;
    background-image: none !important;
    color: #fff !important
}

.three_pl a.checkbold {
    font-weight: 600;
    color: #444 !important
}

.three_pl a.checkbold:hover {
    color: #000 !important;
    text-decoration: underline !important
}

.three_pl .track a {
    color: #034599 !important;
    text-decoration: underline
}

.three_pl .track a:hover {
    color: #034599 !important;
    text-decoration: underline;
    text-decoration: underline !important
}

.three_pl .selectHeight {
    height: 35px !important
}

.three_pl header .overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #0000001a;
    z-index: 1
}

.three_pl .carousel-caption {
    top: 42% !important;
    top: calc(50% - 35px);
    padding-bottom: 0 !important
}

.three_pl .border-top {
    border-top: 1px solid rgb(191, 186, 186)
}

.three_pl .border-blue {
    border-color: #034599 !important
}

.three_pl .black-bg {
    background-color: #171717
}

.three_pl .text-grey {
    color: #929292
}

.three_pl .text-grey span {
    color: #6e6e6e
}

.three_pl .text-grey span a {
    color: #034599
}

.three_pl .bg-teal {
    background-color: #034599 !important
}

.three_pl .bg-green {
    background-color: #69c180
}

.three_pl .h192 {
    height: 192px
}

.three_pl .t-teal {
    color: #034599;
    text-decoration: underline
}

.three_pl .copyright {
    display: block;
    font-size: 14px;
    line-height: 2;
    color: #7a7a7a;
    text-align: center;
    text-transform: uppercase;
    border-top: 1px solid #eeeeee
}

.three_pl .copyright a:hover {
    text-decoration: underline
}

.three_pl .copyright .divider {
    margin: 0 5px
}

.three_pl .teal {
    color: #034599;
    font-weight: 600
}

.three_pl .control-label {
    margin-bottom: .2rem;
    font-size: 14px !important;
    font-family: inherit
}

.three_pl .control-label span.red {
    color: red
}

.three_pl .form-control {
    border: 1px solid rgb(191, 186, 186) !important;
    background-color: #fff;
    padding: 5px !important;
    box-shadow: none !important;
    height: 36px !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    border-radius: 0 !important;
    color: #383838 !important;
    font-family: Calibre, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.three_pl select.form-control {
    color: #383838 !important
}

.three_pl select {
    border: 1px solid rgb(255, 255, 255) !important;
    background-color: #fff;
    border: none;
    border-radius: 3px !important;
    padding: 5px !important;
    height: 36px !important;
    font-size: 16px !important
}

.three_pl .border-right {
    border-right: 1px solid #cccccc
}

.three_pl .btn-dark {
    background: #171717;
    border: 0px;
    color: #fff;
    box-shadow: 0 0 1px #ccc;
    -webkit-transition-duration: .5s;
    -webkit-box-shadow: 0px 0px 0 0 #31708f inset, 0px 0px 0 0 #31708f inset
}

.three_pl .btn-dark:hover {
    -webkit-box-shadow: 50px 0px 0 0 rgb(255, 255, 255) inset, -100px 0px 0 0 rgb(255, 255, 255) inset;
    color: #171717
}

.three_pl .border {
    border: 1px solid rgb(191, 186, 186) !important
}

.three_pl .border-radius {
    border-radius: 0 !important
}

.three_pl .p-40 {
    padding: 40px
}

.three_pl .p-15 {
    padding: 15px
}

.three_pl .h5,
h5 {
    font-size: 1rem
}

.three_pl .dropdown-menu li a {
    display: block;
    padding: 4px 8px !important;
    font-size: 13px;
    color: #262626 !important
}

.three_pl .navbar-nav .dropdown-menu {
    position: absolute !important;
    float: none
}

.three_pl a.alink {
    color: #262626 !important;
    font-weight: 400 !important;
    font-family: Poppins, sans-serif !important;
    font-size: 14px !important
}

.three_pl .dropbtn {
    border: none;
    cursor: pointer
}

.three_pl .dropdown {
    position: relative;
    display: inline-block
}

.three_pl .dropdown-content {
    display: none;
    position: absolute;
    background-color: #000;
    min-width: 190px;
    box-shadow: 0 8px 16px #0003;
    z-index: 1;
    top: 38px;
    right: 0;
    padding: 10px
}

.three_pl .dropdown-content:after {
    right: 100%;
    top: -16px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: #dadada00;
    border-bottom-color: #000;
    border-width: 10px;
    left: 46px
}

.three_pl .dropdown-content a {
    color: #fff !important;
    text-decoration: none;
    display: block;
    padding: 3px 0
}

.three_pl .dropdown-content a:hover {
    background-color: transparent
}

.three_pl .dropdown:hover .dropdown-content {
    display: block;
    padding: 10px
}

.three_pl .address-dropbtn {
    border: none;
    display: inline-block;
    font-size: 14px !important;
    font-weight: 400 !important;
    cursor: pointer;
    position: relative;
    color: #034599 !important
}

.three_pl .border0 {
    border: 0px !important
}

.three_pl .dropdown-menu1:after {
    right: 92%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: #dadada00;
    border-bottom-color: transparent !important;
    border-width: 10px;
    top: -16px;
    outline: 0px
}

.three_pl .box-shadow {
    box-shadow: 0 2px 4px #0000001f, 0 2px 4px #00000014;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    margin-bottom: 5px
}

.three_pl .wizard ul li.active:before {
    background-color: #ffc700
}

.three_pl .wizard ul li.verified:before {
    background-color: #8cc34b
}

.three_pl .wizard.wizard-wired ul li:last-child:before {
    left: 0 !important;
    max-width: 50% !important
}

.three_pl .wizard ul li.active .step {
    border-color: #b4eaf7;
    background-color: #001996;
    color: #fff
}

.three_pl .wizard ul li.verified .step {
    border-color: #dbf6bb;
    background-color: #8cc34b;
    color: #fff
}

.three_pl .step-circle {
    background-color: #034599;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    float: left;
    text-align: center;
    color: #fff;
    vertical-align: middle;
    padding-top: 5px !important;
    font-weight: 700;
    margin-right: 5px
}

.three_pl .wizard ul li.active-red:before {
    background-color: red
}

.three_pl .wizard ul li.active-red .step {
    border-color: red;
    background-color: red;
    color: #fff
}

.three_pl .address-dropbtn {
    border: none;
    display: inline-block;
    font-size: 14px !important;
    font-weight: 400 !important;
    cursor: pointer;
    position: relative;
    color: #29abe2 !important
}

.three_pl .address-dropdown {
    position: relative;
    display: inline-block
}

.three_pl .address-dropdown-content {
    display: none;
    position: absolute;
    box-shadow: 0 8px 16px #0003;
    z-index: 1;
    padding: 10px;
    left: 80%;
    top: -75px;
    min-width: 400px;
    background-color: #e5e5e5
}

.three_pl .address-dropdown-content a {
    color: #fff;
    text-decoration: none;
    display: block;
    padding: 3px 0
}

.three_pl .address-dropdown-content a:hover {
    background-color: transparent
}

.three_pl .address-dropdown:hover .dropdown-content {
    display: block;
    padding: 10px
}

.three_pl .address-dropdown:hover .dropbtn {
    background-color: #3e8e41
}

.three_pl .btn-primary:hover .open .btn-primary.dropdown-bs-toggle {
    background-color: #034599 !important;
    border-color: #034599 !important
}

.three_pl .red {
    color: #ea2f48 !important
}

.three_pl .redw {
    color: #034599 !important;
    margin-left: 4px
}

.three_pl h1,
.h1 {
    font-size: 42px;
    font-weight: 700
}

.three_pl #addressPopUp .dropdown-menu1 {
    left: -158px !important
}

.three_pl .product__image1 {
    float: left;
    width: 100%;
    margin: 0
}

.three_pl .product-thumbnail1 {
    width: 35.144em;
    height: 35.144em;
    border-radius: 8px;
    background: rgb(255, 255, 255);
    position: relative;
    margin: 0 auto !important
}

.three_pl .product-thumbnail1:after {
    z-index: 0
}

.three_pl .product-thumbnail__wrapper1 {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 0 !important;
    z-index: 1
}

.three_pl .product-thumbnail__image1 {
    position: absolute;
    inset: 0;
    max-width: 100%;
    max-height: 100%;
    margin: auto
}

.three_pl .product-thumbnail__wrapper1 a {
    position: absolute !important;
    z-index: 9999;
    background-color: #6aba01cc;
    top: 42%;
    margin-left: 56px;
    margin-right: 56px;
    font-size: 24px;
    padding: 19px 0;
    display: block;
    text-align: center;
    width: 380px;
    color: #fff !important;
    text-transform: uppercase
}

.three_pl .product-thumbnail__wrapper1 a:hover {
    color: #fff !important;
    text-decoration: none
}

.three_pl .track_page .table1 tr td {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    color: #666 !important
}

.three_pl .track_page .panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    background: #eaeaea;
    color: #3f3f3f;
    border-bottom: 4px solid #a6ce87;
    padding: 18px 20px;
    text-align: left;
    letter-spacing: .4px;
    text-transform: uppercase;
    line-height: 20px
}

.three_pl .track_page p.rate-header {
    font-size: 17px;
    line-height: 20px;
    text-transform: capitalize;
    padding: 0 !important;
    font-family: robotocondensed-regular-webfont, sans-serif;
    margin-top: 20px;
    margin-bottom: 20px;
    display: block;
    text-align: center
}

.three_pl .track_page .scrollable-content1 {
    padding-left: 12px !important;
    padding-right: 20px !important;
    height: 408px !important
}

.three_pl .track_page .scrollable-content {
    width: 100%;
    padding-left: 20px;
    position: relative;
    overflow: hidden;
    font-family: Roboto, sans-serif !important
}

.three_pl .track_page .edd-day {
    font-size: 24px;
    line-height: 26px;
    color: #494949
}

.three_pl .track_page .edd-month {
    font-size: 18px;
    line-height: 20px;
    text-transform: uppercase;
    color: #494949
}

.three_pl .track_page .edd-date {
    height: 90px;
    font-size: 96px;
    color: #6aba01;
    font-family: roboto-regular-webfont, sans-serif;
    font-weight: 700
}

.three_pl .heading_text {
    border-bottom: 1px solid #b2b2b2;
    padding: 18px 0;
    margin-bottom: 20px
}

.three_pl .inner_header .navbar .navbar-header {
    float: left;
    height: 80px;
    vertical-align: middle
}

.three_pl .inner_header.site-top-banner {
    color: #fff;
    font-size: .85em;
    background-color: #202020;
    border-bottom: 3px solid #7bc614
}

.three_pl .inner_header.site-top-banner a.active {
    color: #fff !important;
    background-color: #5b5b5b
}

.three_pl .inner_header .navbar>.container-fluid .navbar-brand,
.three_pl .inner_header .navbar>.container .navbar-brand {
    margin-left: -15px
}

.three_pl .inner_header .navbar .navbar-brand {
    color: #fff;
    font-size: 24px;
    -webkit-text-shadow: none;
    text-shadow: none;
    padding: 0 40px 2px 0;
    font-weight: 200;
    height: 80px
}

.three_pl .inner_header .navbar-nav>li>a:hover {
    background-color: transparent !important;
    text-decoration: none !important;
    text-decoration-color: #6aba01 !important;
    cursor: pointer !important
}

.three_pl .inner_header .navbar-nav>li>a:focus {
    background-color: transparent !important
}

.three_pl .inner_header .nevbar-right {
    float: right;
    margin: 0
}

.three_pl .inner_header.site-top-banner a {
    color: #fff !important;
    font-size: 1.25em;
    text-transform: uppercase;
    display: block;
    float: left;
    padding: 9px 44px;
    font-family: Calibri, sans-serif !important
}

.three_pl .inner_header.site-top-banner a:hover {
    text-decoration: none
}

.three_pl .inner_header .dropdown-menu li a {
    display: block;
    padding: 4px 8px;
    font-size: 13px;
    min-width: 168px !important
}

.three_pl .inner_header .language-selector img {
    width: 24px
}

.three_pl .inner_header li.language-selector ul li a span {
    color: #000 !important;
    margin-left: 5px
}

.three_pl .disable_div {
    text-align: center;
    font-size: 30px;
    color: #000;
    padding-top: 192px;
    position: absolute;
    background-color: #6aba014d;
    height: 428px;
    z-index: 9999;
    width: 553px;
    left: 16px;
    bottom: 31px
}

.three_pl .btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    background-color: #000 !important;
    border-color: #000;
    zoom: 1;
    filter: alpha(opacity=50);
    -webkit-opacity: .5;
    -moz-opacity: .5;
    opacity: .5
}

.three_pl .check input:checked~.checkmark {
    background-color: #fff;
    color: #034599 !important
}

.three_pl .check .checkmark:after {
    left: 7px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid;
    border-color: #034599;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg)
}

.three_pl .panel-primary>.panel-heading {
    background-color: #034599;
    border-color: #034599
}

.three_pl .carousel-item .carousel-caption h3 {
    font-size: 50px !important
}

.three_pl .nav>li>a {
    position: relative;
    display: block;
    padding: 30px !important
}

.three_pl .product-thumbnail_logo {
    width: 6em;
    height: 2.8em;
    border-radius: 0;
    background: rgb(255, 255, 255);
    position: relative
}

.three_pl .wizard.wizard-wired {
    padding-bottom: 20px !important;
    border-bottom: 1px solid rgb(191, 186, 186) !important
}

.three_pl .pt-40 {
    padding-top: 40px;
    padding-bottom: 40px
}

.three_pl .instruction-step ul li {
    padding: 5px 0;
    margin-left: 14px
}

.three_pl .instruction-step ul {
    margin: 0;
    padding: 0
}

.three_pl .form-group {
    margin-bottom: .4rem !important
}

.copyright a {
    color: #000 !important
}

.steps .fm-18-8 {
    font-size: 18px !important;
    margin-bottom: 8px !important
}

.bt-0 {
    border-top: 0px !important
}

.mb-mt-0 {
    margin-bottom: 18px;
    text-transform: initial !important
}

.h-36 {
    height: 36px;
    line-height: 0px
}

.w-425-pt-10 {
    width: 425px;
    padding-top: 10px
}

.w-400-h-375 {
    width: 400px;
    height: 375px
}

.three_pl .wizard.wizard-wired ul li {
    width: 25% !important
}

.wizard.wizard-wired ul li.active {
    background-color: #fff
}

.three_pl .wizard ul li.active:before {
    background-color: #293486
}

.wizard.wizard-wired ul li .step {
    border-width: 6px;
    width: 50px;
    height: 50px;
    line-height: 40px !important;
    font-size: 14px !important;
    z-index: 2
}

.three_pl .wizard ul li.active .step {
    border-color: #aab4f9;
    background-color: #293486;
    color: #fff
}

.mb_4 {
    margin-bottom: 4px !important
}

.mr_4 {
    margin-right: 4px !important
}

.mt_10_mb_20 {
    margin-bottom: 18px;
    margin-top: 20px;
    text-transform: initial !important
}

.height_36 {
    height: 36px;
    line-height: 0px !important
}

::ng-deep .steps .fm-18-8 {
    font-size: 18px !important;
    margin-bottom: 8px !important
}

.pt_30 {
    padding-top: 30px
}

.font-16 {
    font-size: 16px !important
}

.mr_4 {
    margin-right: 4px
}

.custom_width {
    max-width: 700px;
    word-wrap: break-word
}

.custom_address {
    display: block;
    float: left;
    margin-right: 4px
}

.custom_lable {
    float: right;
    font-weight: 600
}

.custom_block {
    display: inline-block;
    float: right;
    margin-right: 5px
}

.border_1 {
    border-top: 1px solid rgb(191, 186, 186)
}

.bt1_bm1 {
    border-bottom: 1px solid rgb(191, 186, 186);
    border-top: 1px solid rgb(191, 186, 186)
}

.height_30 {
    height: 30px
}

.ml_0 {
    margin-left: 0 !important
}

.custom_seletor {
    margin-left: 30px;
    position: relative;
    top: 5px
}

.mb_15 {
    margin-bottom: 15px !important
}

.line_height_normal {
    line-height: normal !important
}

.item_file {
    background-color: #000 !important;
    font-weight: 700 !important;
    border-radius: 50% !important;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    position: relative;
    top: -3px
}

.mt_20_mb_25 {
    margin-top: 20px;
    margin-bottom: 25px !important
}

.label_position {
    top: -2px;
    padding-left: 24px;
    position: relative
}

.w60None {
    width: 60px;
    float: none;
    display: inline-block
}

.a:hover {
    transition: .3s
}

.margin_left15 {
    margin-left: 15px !important
}

.three_pl .d_inline_100 {
    display: inline-block;
    width: 100%;
    max-height: 330px;
    padding-top: 10px
}

.left_top {
    float: left;
    padding-top: 8px !important
}

.thumnail_view {
    position: absolute !important;
    bottom: 78px !important;
    font-size: 17px !important
}

.w100_height100 {
    max-height: 320px;
    width: 100%;
    overflow-x: hidden
}

.cursor_pointer {
    cursor: pointer;
    margin-top: 10px
}

.max100 {
    min-width: 110px !important
}

.padding_left_zero {
    padding-left: 0 !important
}

::ng-deep .height70 textarea {
    height: 70px !important
}

::ng-deep textarea {
    height: 70px !important;
    border: 1px rgb(191, 186, 186) solid !important
}

.ml15 {
    margin-left: 15px !important
}

.line34_mr10 {
    line-height: 34px;
    margin-right: 10px
}

.w60_p0 {
    padding: 0;
    width: 60px
}

.pl25 {
    padding-left: 25px !important
}

.m25 {
    margin-bottom: 25px !important
}

.model_h4 {
    float: left;
    padding-top: 8px !important;
    font-size: 16px !important;
    font-weight: 400 !important
}

.d_none {
    display: none !important
}

.three_pl .btn-default {
    height: 36px !important;
    line-height: 0 !important
}

.mx_flex {
    display: flex;
    display: -ms-flexbox
}

.font-20 {
    font-size: 20px !important
}

.copyright {
    display: block;
    font-size: 14px;
    line-height: 2;
    color: #7a7a7a;
    text-align: center;
    text-transform: uppercase;
    border-top: 1px solid #eee;
    font-family: Solo Sans;
    letter-spacing: .4px
}

.copyright a {
    color: #090f76 !important;
    background-color: #f2f2f2;
    padding: 5px 15px;
    border-radius: 4px;
    border: 1px rgb(191, 186, 186) solid
}

.font-14 {
    font-size: 14px !important
}

.pb_21 .max_width button {
    max-width: 220px;
    min-width: 180px
}

.three_pl .btn-default,
.three_pl .btn-default:hover {
    color: #444 !important;
    background-color: transparent !important;
    border-color: #444 !important
}

.margin-bootom-15 button {
    border: 1px solid rgb(68, 68, 68) !important
}

.cp_clr i {
    color: #293486 !important
}

.d_inline_100 .product__image {
    float: left;
    margin: 0;
    width: 115px
}

.d_inline_100 .product__image i {
    position: relative;
    color: #ea2f48;
    z-index: 9;
    right: -9px;
    cursor: pointer;
    bottom: 94px;
    top: 0;
    border-radius: 50%
}

.d_inline_100 .product-thumbnail {
    border-radius: 0;
    background: rgb(255, 255, 255);
    position: relative;
    float: none;
    margin: 0;
    width: 125px;
    text-align: center;
    height: 100px
}

.modal_padding .modal-body {
    padding: 20px 0 0 !important
}

.product-thumbnail__wrapper {
    width: 80%;
    height: 80%;
    position: relative;
    border-radius: 0;
    z-index: 22 !important;
    border: none !important
}

.product-thumbnail__image {
    position: absolute;
    inset: 0;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    cursor: pointer !important
}

.product-thumbnail:after {
    content: "";
    display: block;
    position: absolute;
    inset: 0;
    border-radius: 0;
    z-index: 2
}

.cp_clr .fa-eye:before {
    color: #293486 !important
}

.p_15,
.pt_15_pb_15 {
    padding: 22px 0
}

.cPointer {
    cursor: pointer
}

.custom_checkbox {
    position: static !important;
    opacity: 1 !important;
    float: left;
    width: 100%
}

.custom_checkbox {
    margin: 0 10px 0 0 !important
}

.margin_left_15 {
    margin-left: 15px
}

.custom_mx_auto {
    float: none !important;
    margin: 0 auto 10px
}

.text_center {
    margin-bottom: 18px;
    text-align: center !important
}

i {
    font-family: "Font Awesome 6 Free" !important
}

.guest_login_img {
    width: 35% !important
}

@media (min-width:1024px) {
    .modal-xl.modal_new {
        width: 1000px !important
    }
    .three_pl .order-key-label {
        font-size: 15px !important
    }
}

@media (max-width:1024px) {
    .modal-xl.modal_new {
        width: 90% !important;
        left: 0 !important
    }
    bs-modal#divFileListOpenPopUp {
        padding-left: 0 !important
    }
}

@media only screen and (max-width: 1366px) {
    .three_pl .disable_div {
        text-align: center;
        font-size: 28px !important;
        color: #000;
        padding-top: 194px;
        position: absolute;
        background-color: #6aba014d;
        height: 432px !important;
        z-index: 9999;
        width: 554px !important;
        left: 15px !important;
        bottom: 29px !important
    }
}

@media only screen and (max-width: 1199px) {
    .three_pl .carousel-item .carousel-caption h3 {
        font-size: 48px !important
    }
    .three_pl .selectHeight {
        width: 100% !important
    }
}

@media screen and (device-aspect-ratio: 2/3) {
    select,
    textarea,
    input[type=text],
    input[type=password],
    input[type=datetime],
    input[type=datetime-local],
    input[type=date],
    input[type=month],
    input[type=time],
    input[type=week],
    input[type=number],
    input[type=email],
    input[type=url] {
        font-size: 13px
    }
}

@media screen and (device-aspect-ratio: 40/71) {
    select,
    textarea,
    input[type=text],
    input[type=password],
    input[type=datetime],
    input[type=datetime-local],
    input[type=date],
    input[type=month],
    input[type=time],
    input[type=week],
    input[type=number],
    input[type=email],
    input[type=url] {
        font-size: 13px
    }
}

@media screen and (device-aspect-ratio: 375/667) {
    select,
    textarea,
    input[type=text],
    input[type=password],
    input[type=datetime],
    input[type=datetime-local],
    input[type=date],
    input[type=month],
    input[type=time],
    input[type=week],
    input[type=number],
    input[type=email],
    input[type=tel],
    input[type=url] {
        font-size: 13px
    }
}

@media screen and (device-aspect-ratio: 9/16) {
    select,
    textarea,
    input[type=text],
    input[type=password],
    input[type=datetime],
    input[type=datetime-local],
    input[type=date],
    input[type=month],
    input[type=time],
    input[type=week],
    input[type=number],
    input[type=email],
    input[type=tel],
    input[type=url] {
        font-size: 13px
    }
}

.input-bs-group {
    position: relative;
    display: flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%
}

.input-bs-group-append {
    z-index: 22 !important
}

.a-tag {
    margin-top: 12px
}

.a-tag a {
    border-bottom: 1px #8b8b8b solid;
    padding-bottom: 1px
}

.a-tag a:hover {
    text-decoration: none
}

.fa-plus-circle {
    font-size: 18px !important
}

.form-control,
select {
    background-color: #fff !important;
    height: 42px !important
}

.panel-default>.panel-heading {
    background-color: #eef5f9 !important
}

.carousel-inner img {
    width: 100%;
    height: 100%
}

.copyright {
    display: block;
    font-size: 14px;
    line-height: 2;
    color: #7a7a7a;
    text-align: center;
    text-transform: uppercase;
    border-top: 1px solid rgb(191, 186, 186);
    font-family: Solo Sans;
    letter-spacing: .4px
}

.copyright .divider {
    margin: 0 5px
}

@media (max-width: 1024px) {
    .three_pl .label_positions {
        position: relative !important;
        right: 0 !important;
        float: none !important;
        top: -10px !important
    }
    .dp_puro_flex {
        display: flex
    }
    .three_pl .label_positions textarea {
        height: 55px !important
    }
    .three_pl .disable_div {
        text-align: center;
        font-size: 28px !important;
        color: #000;
        padding-top: 194px;
        position: absolute;
        background-color: #6aba014d;
        height: 432px !important;
        z-index: 9999;
        width: 454px !important;
        left: 15px !important;
        bottom: 29px !important
    }
    .three_pl .carousel-item .carousel-caption h3 {
        font-size: 30px !important
    }
    .three_pl .blue-bg {
        background-color: #fff;
        padding: 15px \200b 0px !important;
        border-radius: 0;
        border-bottom: 1px solid rgb(191, 186, 186)
    }
    .three_pl .product-thumbnail1__reverse {
        width: 100%;
        height: 25.5em;
        border-radius: 8px;
        background: rgb(255, 255, 255);
        position: relative;
        margin: 0 auto !important
    }
    .three_pl .reverse_thumbnail_wrapper>a {
        position: absolute !important;
        z-index: 9999;
        background-color: #004599cc;
        top: 42%;
        margin-left: 43px !important;
        font-size: 18px;
        padding: 14px 0;
        display: block;
        text-align: center;
        width: 77% !important;
        color: #fff !important;
        text-transform: uppercase
    }
    .text-right1 {
        text-align: left !important
    }
    .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-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
    }
}

@media only screen and (max-width: 991px) {
    .guest_login_img {
        width: 100% !important
    }
    .key-label.font-16.p-15.heading1,
    .key-label.font-16.p-15.heading1+.p-15 {
        padding: 10px
    }
    .responsive_menu {
        width: 100%;
        float: left
    }
    .width20 button,
    .pb_21 .max_width button {
        width: 100%
    }
    .padding_xs_left {
        padding-left: 15px
    }
    .btn_xs_right {
        float: right;
        border: 0px;
        background: transparent;
        margin-top: 7px
    }
    .three_pl .label_positions {
        position: relative !important;
        right: 0 !important;
        float: none !important;
        top: -10px !important
    }
    .dp_puro_flex {
        display: flex
    }
    .three_pl .label_positions textarea {
        height: 55px !important
    }
    .max100 {
        max-width: 100% !important
    }
    .three_pl .disable_div {
        text-align: center;
        font-size: 28px !important;
        color: #000;
        padding-top: 194px;
        position: absolute;
        background-color: #6aba014d;
        height: 450px !important;
        z-index: 9999;
        width: 719px !important;
        left: 15px !important;
        bottom: 1px !important
    }
    .three_pl .carousel-item .carousel-caption h3 {
        font-size: 30px !important
    }
    .three_pl .navbar .container {
        width: 100% !important
    }
    .three_pl .pb-6 {
        padding-bottom: 12px
    }
    .btn_20 .btn.btn-default-custom {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media only screen and (max-width:823px) {
    .three_pl .label_positions {
        position: relative !important;
        right: 0 !important;
        float: none !important;
        top: -10px !important
    }
    .dp_puro_flex {
        display: flex
    }
    .three_pl .label_positions textarea {
        height: 55px !important
    }
    .max100 {
        max-width: 100% !important
    }
    .product-thumbnail__wrapper1 {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
        border-radius: 0;
        z-index: 22;
        border: none !important
    }
    .product-thumbnail__image1 {
        position: absolute;
        inset: 0;
        max-width: 100%;
        max-height: 100%;
        margin: auto;
        cursor: pointer !important
    }
    .product-thumbnail1:after {
        content: "";
        display: block;
        position: absolute;
        inset: 0;
        border-radius: 0;
        z-index: 2
    }
    .three_pl .disable_div {
        text-align: center;
        font-size: 28px !important;
        color: #000;
        padding-top: 194px;
        position: absolute;
        background-color: #6aba014d;
        height: 450px !important;
        z-index: 9999;
        width: 719px !important;
        left: 15px !important;
        bottom: 1px !important
    }
    .three_pl .carousel-item .carousel-caption h3 {
        font-size: 14px !important
    }
    .three_pl .navbar {
        height: 80px !important;
        padding-top: 0 !important
    }
    .three_pl .nav>li>a {
        position: relative;
        display: block;
        padding: 30px 12px !important
    }
    .three_pl .navbar-brand>img {
        max-width: 140px;
        margin-top: 0 !important
    }
    .three_pl ul.navbar-nav.pull-right {
        margin: 0 !important
    }
    .three_pl .font-16.text-uppercase.bold {
        font-size: 14px !important
    }
    .three_pl label {
        font-size: 14px
    }
    .three_pl #addressPopUp .dropdown-menu1 {
        left: -155px !important
    }
    .three_pl .carousel-item .carousel-caption h3 {
        font-size: 20px !important
    }
    .three_pl .carousel-caption {
        top: calc(50% - 14px)
    }
    .three_pl .product-name {
        font-size: 14px
    }
    .three_pl .product__image {
        float: none !important;
        width: 100% !important;
        margin: 0 auto !important
    }
    .three_pl .inner_header .navbar-nav>li>a {
        font-size: 18px !important;
        color: #262626 !important;
        padding: 30px 14px !important;
        font-family: robotocondensed-regular-webfont, sans-serif
    }
    .three_pl button.btn.btn-default.btnCancelRMA {
        background: #000000;
        background-color: #000 !important;
        color: #fff;
        border: 0px solid #ccc !important;
        text-transform: uppercase;
        font-weight: 600;
        padding: 5.75px 30px;
        width: 100% !important
    }
    .three_pl .product__image1 {
        float: none !important;
        width: auto !important;
        margin: 0 auto !important
    }
    .three_pl .product-thumbnail1 {
        width: 35.144em !important;
        height: 35.144em !important;
        border-radius: 8px;
        background: rgb(255, 255, 255);
        position: relative;
        margin-bottom: 0 !important
    }
    .three_pl .track_page .product-thumbnail__wrapper1 a {
        position: absolute !important;
        z-index: 9999;
        background-color: #6aba01cc;
        top: 42%;
        margin-left: 15px;
        margin-right: 15px;
        font-size: 24px;
        padding: 10px 0;
        display: block;
        text-align: center;
        width: 460px;
        color: #fff !important;
        text-transform: uppercase
    }
    .three_pl .terms {
        padding-bottom: 20px
    }
    .three_pl .navbar-collapse {
        background-color: #fff
    }
    .three_pl .inner_header.site-top-banner a {
        color: #fff !important;
        font-size: 15px;
        text-transform: uppercase;
        display: block;
        float: left;
        padding: 9px 5px !important;
        font-family: Calibri, sans-serif !important
    }
    .three_pl .inner_header .lang {
        margin-top: 8px !important
    }
    .three_pl .inner_header .navbar .navbar-header {
        float: left !important;
        height: 60px;
        vertical-align: middle
    }
    .three_pl .navbar-toggle .icon-bar {
        background-color: #666
    }
    .three_pl .inner_header .nevbar-right {
        float: left;
        margin: 0
    }
    .three_pl .navbar {
        height: 90px !important
    }
    .three_pl .inner_header .navbar .navbar-brand {
        height: 60px
    }
    .three_pl .track_page .product-thumbnail__wrapper a {
        position: absolute !important;
        z-index: 9999;
        background-color: #6aba01cc;
        top: 42%;
        margin-left: 15px;
        margin-right: 15px;
        font-size: 24px;
        padding: 10px 0;
        display: block;
        text-align: center;
        width: 456px;
        color: #fff !important;
        text-transform: uppercase
    }
    .three_pl .track_page .scrollable-content1 {
        padding-left: 20px !important;
        padding-right: 20px !important;
        height: 430px !important
    }
    .three_pl .pb-6 {
        padding-bottom: 12px
    }
    .three_pl .product-thumbnail1__reverse {
        width: 50%;
        height: 30.5em;
        border-radius: 8px;
        background: rgb(255, 255, 255);
        position: relative;
        margin: 0 auto !important
    }
    .three_pl .reverse_thumbnail_wrapper>a {
        position: absolute !important;
        z-index: 9999;
        background-color: #004599cc;
        top: 42%;
        margin-left: 43px !important;
        font-size: 18px;
        padding: 14px 0;
        display: block;
        text-align: center;
        width: 77% !important;
        color: #fff !important;
        text-transform: uppercase
    }
    .navbar .navbar-inner .navbar-header .navbar-account .account-area>li {
        position: absolute !important;
        height: auto !important;
        right: 0 !important
    }
}

body .ar-dz .navbar-header {
    float: right !important
}

body .ar-dz .navbar-collapse.navbar-right {
    float: left !important
}

body .ar-dz .banner .carousel-item img {
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH"
}

body .ar-dz .banner .carousel-item .carousel-caption {
    left: auto !important;
    right: 0
}

body .ar-dz .wizard.wizard-wired ul li {
    float: right !important;
    margin-left: -1px
}

body .ar-dz .wizard.wizard-wired ul li.verified:after {
    width: 100% !important;
    max-width: 100%;
    z-index: 2 !important;
    left: 50%
}

body .ar-dz .wizard.wizard-wired ul li:first-child:before {
    max-width: 51%;
    left: -50%;
    right: auto !important
}

body .ar-dz {
    direction: rtl
}

body .ar-dz .mb-10.border-radius.p-15 .pt-6 {
    margin-left: 0 !important;
    margin-right: 22px !important
}

body .ar-dz .p-15.items_header .check+span {
    margin-right: 30px
}

body .ar-dz .mb-10.border.border-radius.p-15 .check {
    top: 8px
}

body .ar-dz .btn.btn-primary i.fa.fa-chevron-right,
body .ar-dz .btn.btn-default i.fa.fa-chevron-left {
    display: none
}

body .ar-dz .ar-lang {
    width: 100%;
    float: right;
    margin-right: 0;
    text-align: right
}

body .ar-dz .ar-lang .check.pull-left {
    float: right !important;
    padding-left: 0 !important;
    padding-right: 24px
}

body .ar-dz .ar-lang .check.pull-left .checkmark {
    left: auto !important;
    right: 0
}

body .ar-dz .ar-lang .check.pull-left .checkmark:after {
    left: 6px !important
}

body .ar-dz .dropdown .upload_btn .fa-eye {
    margin-left: 0 !important;
    margin-right: 15px
}

@media only screen and (max-width:768px) {
    .copyright a {
        display: contents
    }
    .three_pl .label_positions {
        position: relative !important;
        right: 0 !important;
        float: none !important;
        top: -10px !important
    }
    .dp_puro_flex {
        display: flex
    }
    .three_pl .label_positions textarea {
        height: 55px !important
    }
    .max100 {
        max-width: 100% !important
    }
    .key-label.font-16.p-15.heading1,
    .key-label.font-16.p-15.heading1+.p-15 {
        padding: 15px 0
    }
    .pickup_box .inputWrapper {
        margin-bottom: 15px
    }
    .text-right .order-key-label span {
        float: left !important
    }
    .text-right .order-key-label a {
        float: left !important;
        margin-right: 0;
        margin-left: 5px
    }
    .product-thumbnail__wrapper1 {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
        border-radius: 0;
        z-index: 22;
        border: none !important
    }
    .product-thumbnail__image1 {
        position: absolute;
        inset: 0;
        max-width: 100%;
        max-height: 100%;
        margin: auto;
        cursor: pointer !important
    }
    .product-thumbnail1:after {
        content: "";
        display: block;
        position: absolute;
        inset: 0;
        border-radius: 0;
        z-index: 2
    }
    .three_pl .disable_div {
        text-align: center;
        font-size: 28px !important;
        color: #000;
        padding-top: 194px;
        position: absolute;
        background-color: #6aba014d;
        height: 451px !important;
        z-index: 9999;
        width: 718px !important;
        left: 15px !important;
        bottom: 1px !important
    }
    .three_pl .carousel-item .carousel-caption h3 {
        font-size: 20px !important
    }
    .three_pl .inputWrapper {
        margin-bottom: 15px
    }
    .three_pl .p-15.items_header {
        padding: 15px 0
    }
    .three_pl .items_header label.check.float-left.check_position {
        position: relative
    }
    .three_pl #addressPopUp .dropdown-menu1 {
        left: 0
    }
    .three_pl .navbar-nav.pull-right>li {
        float: left
    }
    .three_pl .carousel-item .carousel-caption h3 {
        font-size: 22px !important
    }
    .three_pl .carousel-caption {
        top: 46%;
        top: calc(50% - 21px)
    }
    .three_pl .product-name {
        font-size: 16px
    }
    .three_pl .p-15 .key-label,
    .lrx .p-15 .Qtykey-label {
        font-weight: 600
    }
    .three_pl .product__image {
        float: none !important;
        width: 100% !important;
        margin: 0 auto 10px !important
    }
    .three_pl button.btn.btn-default.btnCancelRMA {
        background: #000000;
        background-color: #000 !important;
        color: #fff;
        border: 0px solid #ccc !important;
        text-transform: uppercase;
        font-weight: 600;
        padding: 5.75px 30px;
        width: 100% !important
    }
    .three_pl .product__image1 {
        float: none !important;
        width: auto !important;
        margin: 0 auto !important
    }
    .three_pl .product-thumbnail1 {
        width: 35.144em !important;
        height: 35.144em !important;
        border-radius: 8px;
        background: rgb(255, 255, 255);
        position: relative;
        margin-bottom: 0 !important
    }
    .three_pl .track_page .product-thumbnail__wrapper1 a {
        position: absolute !important;
        z-index: 9999;
        background-color: #6aba01cc;
        top: 42%;
        margin-left: 15px;
        margin-right: 15px;
        font-size: 24px;
        padding: 10px 0;
        display: block;
        text-align: center;
        width: 460px;
        color: #fff !important;
        text-transform: uppercase
    }
    .three_pl .text-right {
        text-align: left
    }
    .three_pl .terms {
        padding-bottom: 20px
    }
    .three_pl .navbar-collapse {
        background-color: #fff
    }
    .three_pl .inner_header.site-top-banner a {
        color: #fff !important;
        font-size: 15px;
        text-transform: uppercase;
        display: block;
        float: left;
        padding: 9px 5px !important;
        font-family: Calibri, sans-serif !important
    }
    .three_pl .inner_header .lang {
        margin-top: 8px !important
    }
    .three_pl .inner_header .navbar .navbar-header {
        float: left !important;
        height: 60px;
        vertical-align: middle
    }
    .three_pl .navbar-toggle .icon-bar {
        background-color: #666
    }
    .three_pl .inner_header .nevbar-right {
        float: left;
        margin: 0
    }
    .three_pl .navbar {
        height: 90px !important
    }
    .three_pl .nav>li>a {
        position: relative;
        display: block;
        padding: 30px 6px !important
    }
    .three_pl .inner_header .navbar .navbar-brand {
        height: 60px
    }
    .three_pl .track_page .scrollable-content1 {
        padding-left: 20px !important;
        padding-right: 20px !important;
        height: 430px !important
    }
    .three_pl .pb-6 {
        padding-bottom: 12px
    }
    .three_pl .product-thumbnail1__reverse {
        width: 50%;
        height: 30.5em;
        border-radius: 8px;
        background: rgb(255, 255, 255);
        position: relative;
        margin: 0 auto !important
    }
    .three_pl .reverse_thumbnail_wrapper>a {
        position: absolute !important;
        z-index: 9999;
        background-color: #6aba01cc;
        top: 42%;
        margin-left: 43px !important;
        font-size: 18px;
        padding: 14px 0;
        display: block;
        text-align: center;
        width: 77% !important;
        color: #fff !important;
        text-transform: uppercase
    }
}

@media only screen and (max-width:767px) {
    .three_pl .label_positions {
        position: relative !important;
        right: 0 !important;
        float: none !important;
        top: -10px !important
    }
    .dp_puro_flex {
        display: flex
    }
    .three_pl .label_positions textarea {
        height: 55px !important
    }
    .padding_left_zero {
        padding-left: 15px !important
    }
    .max100 {
        max-width: 100% !important
    }
    .key-label.font-16.p-15.heading1,
    .key-label.font-16.p-15.heading1+.p-15 {
        padding: 15px 0
    }
    .pickup_box .inputWrapper {
        margin-bottom: 15px
    }
    .text-right .order-key-label span {
        float: left !important
    }
    .text-right .order-key-label a {
        float: left !important;
        margin-right: 0;
        margin-left: 5px
    }
    .carousel-caption {
        height: 32px !important
    }
    .product-thumbnail__wrapper1 {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
        border-radius: 0;
        z-index: 22;
        border: none !important
    }
    .product-thumbnail__image1 {
        position: absolute;
        inset: 0;
        max-width: 100%;
        max-height: 100%;
        margin: auto;
        cursor: pointer !important
    }
    .product-thumbnail1:after {
        content: "";
        display: block;
        position: absolute;
        inset: 0;
        border-radius: 0;
        z-index: 2
    }
    .three_pl .disable_div {
        text-align: center;
        font-size: 28px !important;
        color: #000;
        padding-top: 194px;
        position: absolute;
        background-color: #6aba014d;
        height: 451px !important;
        z-index: 9999;
        width: 718px !important;
        left: 15px !important;
        bottom: 1px !important
    }
    .three_pl .padding-left-25,
    .three_pl .padding-left-11 {
        padding-left: 15px
    }
    .three_pl .carousel-item .carousel-caption h3 {
        font-size: 20px !important
    }
    .three_pl .inputWrapper {
        margin-bottom: 15px
    }
    .three_pl .p-15.items_header {
        padding: 15px 0
    }
    .three_pl .items_header label.check.float-left.check_position {
        position: relative
    }
    .three_pl #addressPopUp .dropdown-menu1 {
        left: 0
    }
    .three_pl .navbar-nav.pull-right>li {
        float: left
    }
    .three_pl .carousel-item .carousel-caption h3 {
        font-size: 22px !important
    }
    .three_pl .carousel-caption {
        top: 46%;
        top: calc(50% - 21px)
    }
    .three_pl .product-name {
        font-size: 16px
    }
    .three_pl .p-15 .key-label,
    .lrx .p-15 .Qtykey-label {
        font-weight: 600
    }
    .three_pl .product__image {
        float: none !important;
        width: 100% !important;
        margin: 0 auto 10px !important
    }
    .three_pl button.btn.btn-default.btnCancelRMA {
        background: #000000;
        background-color: #000 !important;
        color: #fff;
        border: 0px solid #ccc !important;
        text-transform: uppercase;
        font-weight: 600;
        padding: 5.75px 30px;
        width: 100% !important
    }
    .three_pl .product__image1 {
        float: none !important;
        width: auto !important;
        margin: 0 auto !important
    }
    .three_pl .product-thumbnail1 {
        width: 35.144em !important;
        height: 35.144em !important;
        border-radius: 8px;
        background: rgb(255, 255, 255);
        position: relative;
        margin-bottom: 0 !important
    }
    .three_pl .track_page .product-thumbnail__wrapper1 a {
        position: absolute !important;
        z-index: 9999;
        background-color: #6aba01cc;
        top: 42%;
        margin-left: 15px;
        margin-right: 15px;
        font-size: 24px;
        padding: 10px 0;
        display: block;
        text-align: center;
        width: 460px;
        color: #fff !important;
        text-transform: uppercase
    }
    .three_pl .text-right {
        text-align: left
    }
    .three_pl .terms {
        padding-bottom: 20px
    }
    .three_pl .navbar-collapse {
        background-color: #eee;
        position: absolute;
        width: 100%;
        padding: 0;
        left: 0;
        top: 68px
    }
    .three_pl .inner_header.site-top-banner a {
        color: #fff !important;
        font-size: 15px;
        text-transform: uppercase;
        display: block;
        float: left;
        padding: 9px 5px !important;
        font-family: Calibri, sans-serif !important
    }
    .three_pl .inner_header .lang {
        margin-top: 8px !important
    }
    .three_pl .inner_header .navbar .navbar-header {
        float: none !important;
        height: 60px;
        vertical-align: middle
    }
    .three_pl .navbar-toggle .icon-bar {
        background-color: #666
    }
    .three_pl .inner_header .nevbar-right {
        float: left;
        margin: 0
    }
    .three_pl .navbar {
        height: 90px !important
    }
    .three_pl .inner_header .navbar .navbar-brand {
        height: 60px
    }
    .three_pl .track_page .scrollable-content1 {
        padding-left: 20px !important;
        padding-right: 20px !important;
        height: 430px !important
    }
    .three_pl .product-thumbnail_logo {
        width: 5em;
        height: 1.6em;
        border-radius: 0;
        background: rgb(255, 255, 255);
        position: relative
    }
    .three_pl .nav>li>a {
        position: relative;
        display: block;
        padding: 15px 30px !important
    }
    .three_pl .navbar-nav .open .dropdown-menu {
        margin-left: 28px;
        margin-bottom: 15px !important
    }
    .three_pl .pb-6 {
        padding-bottom: 12px
    }
    .three_pl .product-thumbnail1__reverse {
        width: 100% !important;
        height: 45.5em !important;
        border-radius: 8px;
        background: rgb(255, 255, 255);
        position: relative;
        margin: 0 auto !important
    }
    .three_pl .reverse_thumbnail_wrapper>a {
        position: absolute !important;
        z-index: 9999;
        background-color: #004599cc;
        top: 42%;
        margin-left: 43px !important;
        font-size: 18px;
        padding: 14px 0;
        display: block;
        text-align: center;
        width: 77% !important;
        color: #fff !important;
        text-transform: uppercase
    }
    body .ar-dz .instruction-step ul {
        padding-right: 15px
    }
    body .ar-dz .col-sm-3.col-md-2.pr-0 {
        padding-right: 15px !important
    }
    body .ar-dz .navbar-header {
        float: left;
        width: 100% !important;
        margin: 0
    }
    body .ar-dz .navbar-header .navbar-toggle {
        float: right
    }
    body .ar-dz .navbar-header .navbar-brand {
        float: left !important
    }
    body .ar-dz .navbar-collapse.navbar-right {
        float: left !important;
        width: 100%;
        margin: 0;
        overflow: visible;
        position: absolute;
        top: 90px;
        right: 0;
        min-height: 216px
    }
    body .ar-dz .blue-bg .col-sm-5.col-md-5.pr-0 {
        padding-right: 15px !important;
        text-align: right
    }
    body .ar-dz .blue-bg .text-right.text-right1 {
        text-align: right !important
    }
    body .ar-dz .blue-bg .text-right .order-key-label a {
        float: right !important;
        margin-right: 5px;
        margin-left: 0
    }
    body .ar-dz .blue-bg .text-right .order-key-label span {
        float: right !important
    }
    body .ar-dz .wizard.wizard-wired ul li {
        text-align: right !important
    }
    body .ar-dz .wizard.wizard-wired ul li .step {
        float: right;
        margin-right: 0;
        margin-left: 15px
    }
    body .ar-dz .wizard.wizard-wired ul li .title.bold.font-16,
    body .ar-dz .wizard.wizard-wired ul li .title {
        text-align: right !important
    }
    body .ar-dz .pr-0 {
        padding-right: 15px !important
    }
    body .ar-dz .upload_btn .fa {
        margin-left: 0;
        margin-right: 15px
    }
    body .ar-dz .wizard.wizard-wired ul li {
        width: 100% !important
    }
    body .ar-dz .wizard ul li.active:before {
        background-color: transparent !important
    }
    body .ar-dz .wizard.wizard-wired ul li .title.bold.font-16 {
        margin-top: 18px;
        margin-bottom: 4px !important
    }
    body .ar-dz .wizard.wizard-wired ul li:before {
        background-color: transparent !important
    }
    body .ar-dz button.btn.btn-default.btn-block.text-uppercase.pl-0.pr-0 {
        margin-bottom: 10px
    }
    .navbar .navbar-inner .navbar-header .navbar-account .account-area>li {
        position: absolute !important;
        height: auto !important;
        right: 0 !important
    }
}

@media only screen and (max-width:736px) {
    .three_pl .label_positions {
        position: relative !important;
        right: 0 !important;
        float: none !important;
        top: -10px !important
    }
    .dp_puro_flex {
        display: flex
    }
    .three_pl .label_positions textarea {
        height: 55px !important
    }
    .carousel-caption {
        height: 28px !important
    }
    .product-thumbnail__wrapper1 {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
        border-radius: 0;
        z-index: 22;
        border: none !important
    }
    .product-thumbnail__image1 {
        position: absolute;
        inset: 0;
        max-width: 100%;
        max-height: 100%;
        margin: auto;
        cursor: pointer !important
    }
    .product-thumbnail1:after {
        content: "";
        display: block;
        position: absolute;
        inset: 0;
        border-radius: 0;
        z-index: 2
    }
    .three_pl .disable_div {
        text-align: center;
        font-size: 28px !important;
        color: #000;
        padding-top: 194px;
        position: absolute;
        background-color: #6aba014d;
        height: 451px !important;
        z-index: 9999;
        width: 689px !important;
        left: 15px !important;
        bottom: 1px !important
    }
    .three_pl .padding-left-25,
    .three_pl .padding-left-11 {
        padding-left: 15px
    }
    .three_pl .carousel-item .carousel-caption h3 {
        font-size: 14px !important
    }
    .three_pl .navbar {
        height: 80px !important;
        padding-top: 0 !important
    }
    .three_pl .navbar-brand>img {
        max-width: 140px;
        margin-top: 0 !important
    }
    .three_pl ul.navbar-nav.pull-right {
        margin: 0 !important
    }
    .three_pl .font-16.text-uppercase.bold {
        font-size: 14px !important
    }
    .three_pl label {
        font-size: 14px
    }
    .three_pl #addressPopUp .dropdown-menu1 {
        left: -125px !important
    }
    .three_pl .carousel-item .carousel-caption h3 {
        font-size: 20px !important
    }
    .three_pl .carousel-caption {
        top: calc(50% - 14px)
    }
    .three_pl .product-name {
        font-size: 14px
    }
    .three_pl .product__image {
        float: none !important;
        width: 100% !important;
        margin: 0 auto !important
    }
    .three_pl button.btn.btn-default.btnCancelRMA {
        background: #000000;
        background-color: #000 !important;
        color: #fff;
        border: 0px solid #ccc !important;
        text-transform: uppercase;
        font-weight: 600;
        padding: 5.75px 30px;
        width: 100% !important
    }
    .three_pl .product__image1 {
        float: none !important;
        width: auto !important;
        margin: 0 auto !important
    }
    .three_pl .product-thumbnail1 {
        width: 35.144em !important;
        height: 35.144em !important;
        border-radius: 8px;
        background: rgb(255, 255, 255);
        position: relative;
        margin-bottom: 0 !important
    }
    .three_pl .track_page .product-thumbnail__wrapper1 a {
        position: absolute !important;
        z-index: 9999;
        background-color: #6aba01cc;
        top: 42%;
        margin-left: 15px;
        margin-right: 15px;
        font-size: 24px;
        padding: 10px 0;
        display: block;
        text-align: center;
        width: 460px;
        color: #fff !important;
        text-transform: uppercase
    }
    .three_pl .text-right {
        text-align: left
    }
    .three_pl .terms {
        padding-bottom: 20px
    }
    .three_pl .navbar-collapse {
        background-color: #eee;
        position: absolute;
        width: 100%;
        padding: 0;
        left: 0;
        top: 68px
    }
    .three_pl .inner_header.site-top-banner a {
        color: #fff !important;
        font-size: 15px;
        text-transform: uppercase;
        display: block;
        float: left;
        padding: 9px 5px !important;
        font-family: Calibri, sans-serif !important
    }
    .three_pl .inner_header .lang {
        margin-top: 8px !important
    }
    .three_pl .inner_header .navbar .navbar-header {
        float: none !important;
        height: 60px;
        vertical-align: middle
    }
    .three_pl .navbar-toggle .icon-bar {
        background-color: #666
    }
    .three_pl .inner_header .nevbar-right {
        float: left;
        margin: 0
    }
    .three_pl .navbar {
        height: 90px !important
    }
    .three_pl .inner_header .navbar .navbar-brand {
        height: 60px
    }
    .three_pl .track_page .scrollable-content1 {
        padding-left: 20px !important;
        padding-right: 20px !important;
        height: 430px !important
    }
    .three_pl .product-thumbnail_logo {
        width: 3em;
        height: 1.6em;
        border-radius: 0;
        background: rgb(255, 255, 255);
        position: relative
    }
    .three_pl .nav>li>a {
        position: relative;
        display: block;
        padding: 15px 30px !important
    }
    .three_pl .navbar-nav .open .dropdown-menu {
        margin-left: 28px;
        margin-bottom: 15px !important
    }
    .three_pl .pb-6 {
        padding-bottom: 12px
    }
    .three_pl .product-thumbnail1__reverse {
        width: 100% !important;
        height: 45.5em !important;
        border-radius: 8px;
        background: rgb(255, 255, 255);
        position: relative;
        margin: 0 auto !important
    }
    .three_pl .reverse_thumbnail_wrapper>a {
        position: absolute !important;
        z-index: 9999;
        background-color: #004599cc;
        top: 42%;
        margin-left: 120px !important;
        font-size: 18px;
        padding: 14px 0;
        display: block;
        text-align: center;
        width: 77% !important;
        color: #fff !important;
        text-transform: uppercase
    }
    .navbar .navbar-inner .navbar-header .navbar-account .account-area>li {
        position: absolute !important;
        height: auto !important;
        right: 0 !important
    }
}

@media only screen and (max-width:731px) {
    .three_pl .label_positions {
        position: relative !important;
        right: 0 !important;
        float: none !important;
        top: -10px !important
    }
    .dp_puro_flex {
        display: flex
    }
    .three_pl .label_positions textarea {
        height: 55px !important
    }
    .product-thumbnail__wrapper1 {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
        border-radius: 0;
        z-index: 22;
        border: none !important
    }
    .product-thumbnail__image1 {
        position: absolute;
        inset: 0;
        max-width: 100%;
        max-height: 100%;
        margin: auto;
        cursor: pointer !important
    }
    .product-thumbnail1:after {
        content: "";
        display: block;
        position: absolute;
        inset: 0;
        border-radius: 0;
        z-index: 2
    }
    .three_pl .disable_div {
        text-align: center;
        font-size: 28px !important;
        color: #000;
        padding-top: 194px;
        position: absolute;
        background-color: #6aba014d;
        height: 451px !important;
        z-index: 9999;
        width: 689px !important;
        left: 15px !important;
        bottom: 1px !important
    }
    .three_pl .padding-left-25,
    .three_pl .padding-left-11 {
        padding-left: 15px
    }
    .three_pl .carousel-item .carousel-caption h3 {
        font-size: 14px !important
    }
    .three_pl .navbar {
        height: 80px !important;
        padding-top: 0 !important
    }
    .three_pl .navbar-brand>img {
        max-width: 140px;
        margin-top: 0 !important
    }
    .three_pl ul.navbar-nav.pull-right {
        margin: 0 !important
    }
    .three_pl .font-16.text-uppercase.bold {
        font-size: 14px !important
    }
    .three_pl label {
        font-size: 14px
    }
    .three_pl #addressPopUp .dropdown-menu1 {
        left: -125px !important
    }
    .three_pl .carousel-item .carousel-caption h3 {
        font-size: 20px !important
    }
    .three_pl .carousel-caption {
        top: calc(50% - 14px)
    }
    .three_pl .product-name {
        font-size: 14px
    }
    .three_pl .product__image {
        float: none !important;
        width: 100% !important;
        margin: 0 auto !important
    }
    .three_pl button.btn.btn-default.btnCancelRMA {
        background: #000000;
        background-color: #000 !important;
        color: #fff;
        border: 0px solid #ccc !important;
        text-transform: uppercase;
        font-weight: 600;
        padding: 5.75px 30px;
        width: 100% !important
    }
    .three_pl .product__image1 {
        float: none !important;
        width: auto !important;
        margin: 0 auto !important
    }
    .three_pl .product-thumbnail1 {
        width: 35.144em !important;
        height: 35.144em !important;
        border-radius: 8px;
        background: rgb(255, 255, 255);
        position: relative;
        margin-bottom: 0 !important
    }
    .three_pl .track_page .product-thumbnail__wrapper1 a {
        position: absolute !important;
        z-index: 9999;
        background-color: #6aba01cc;
        top: 42%;
        margin-left: 15px;
        margin-right: 15px;
        font-size: 24px;
        padding: 10px 0;
        display: block;
        text-align: center;
        width: 460px;
        color: #fff !important;
        text-transform: uppercase
    }
    .three_pl .text-right {
        text-align: left
    }
    .three_pl .terms {
        padding-bottom: 20px
    }
    .three_pl .navbar-collapse {
        background-color: #eee
    }
    .three_pl .inner_header.site-top-banner a {
        color: #fff !important;
        font-size: 15px;
        text-transform: uppercase;
        display: block;
        float: left;
        padding: 9px 5px !important;
        font-family: Calibri, sans-serif !important
    }
    .three_pl .inner_header .lang {
        margin-top: 8px !important
    }
    .three_pl .inner_header .navbar .navbar-header {
        float: none !important;
        height: 60px;
        vertical-align: middle
    }
    .three_pl .navbar-toggle .icon-bar {
        background-color: #666
    }
    .three_pl .inner_header .nevbar-right {
        float: left;
        margin: 0
    }
    .three_pl .navbar {
        height: 90px !important
    }
    .three_pl .inner_header .navbar .navbar-brand {
        height: 60px
    }
    .three_pl .track_page .scrollable-content1 {
        padding-left: 20px !important;
        padding-right: 20px !important;
        height: 430px !important
    }
    .three_pl .product-thumbnail_logo {
        width: 5em;
        height: 1.6em;
        border-radius: 0;
        background: rgb(255, 255, 255);
        position: relative
    }
    .three_pl .nav>li>a {
        position: relative;
        display: block;
        padding: 15px 30px !important
    }
    .three_pl .navbar-nav .open .dropdown-menu {
        margin-left: 28px;
        margin-bottom: 15px !important
    }
    .three_pl .pb-6 {
        padding-bottom: 12px
    }
    .three_pl .product-thumbnail1__reverse {
        width: 100% !important;
        height: 45.5em !important;
        border-radius: 8px;
        background: rgb(255, 255, 255);
        position: relative;
        margin: 0 auto !important
    }
    .three_pl .reverse_thumbnail_wrapper>a {
        position: absolute !important;
        z-index: 9999;
        background-color: #004599cc;
        top: 42%;
        margin-left: 120px !important;
        font-size: 18px;
        padding: 14px 0;
        display: block;
        text-align: center;
        width: 77% !important;
        color: #fff !important;
        text-transform: uppercase
    }
    .navbar .navbar-inner .navbar-header .navbar-account .account-area>li {
        position: absolute !important;
        height: auto !important;
        right: 0 !important
    }
}

@media only screen and (max-width:720px) {
    .three_pl .label_positions {
        position: relative !important;
        right: 0 !important;
        float: none !important;
        top: -10px !important
    }
    .dp_puro_flex {
        display: flex
    }
    .three_pl .label_positions textarea {
        height: 55px !important
    }
    .product-thumbnail__wrapper1 {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
        border-radius: 0;
        z-index: 22;
        border: none !important
    }
    .product-thumbnail__image1 {
        position: absolute;
        inset: 0;
        max-width: 100%;
        max-height: 100%;
        margin: auto;
        cursor: pointer !important
    }
    .product-thumbnail1:after {
        content: "";
        display: block;
        position: absolute;
        inset: 0;
        border-radius: 0;
        z-index: 2
    }
    .product-thumbnail1__reverse {
        width: 100% !important;
        height: 45.5em !important;
        border-radius: 8px;
        background: rgb(255, 255, 255);
        position: relative;
        margin: 0 auto !important
    }
    .reverse_thumbnail_wrapper>a {
        position: absolute !important;
        z-index: 9999;
        background-color: #004599cc;
        top: 42%;
        margin-left: 120px !important;
        font-size: 18px;
        padding: 14px 0;
        display: block;
        text-align: center;
        width: 77% !important;
        color: #fff !important;
        text-transform: uppercase
    }
    .three_pl .disable_div {
        text-align: center;
        font-size: 28px !important;
        color: #000;
        padding-top: 194px;
        position: absolute;
        background-color: #6aba014d;
        height: 451px !important;
        z-index: 9999;
        width: 689px !important;
        left: 15px !important;
        bottom: 1px !important
    }
    .three_pl .padding-left-25,
    .three_pl .padding-left-11 {
        padding-left: 15px
    }
    .three_pl .carousel-item .carousel-caption h3 {
        font-size: 14px !important
    }
    .three_pl .navbar {
        height: 90px !important
    }
    .three_pl .navbar-brand>img {
        max-width: 140px;
        margin-top: 0 !important
    }
    .three_pl ul.navbar-nav.pull-right {
        margin: 0 !important
    }
    .three_pl .font-16.text-uppercase.bold {
        font-size: 14px !important
    }
    .three_pl label {
        font-size: 14px
    }
    .three_pl #addressPopUp .dropdown-menu1 {
        left: -125px !important
    }
    .three_pl .carousel-item .carousel-caption h3 {
        font-size: 20px !important
    }
    .three_pl .carousel-caption {
        top: calc(50% - 14px)
    }
    .three_pl .product-name {
        font-size: 14px
    }
    .three_pl .product__image {
        float: none !important;
        width: 100% !important;
        margin: 0 auto !important
    }
    .three_pl button.btn.btn-default.btnCancelRMA {
        background: #000000;
        background-color: #000 !important;
        color: #fff;
        border: 0px solid #ccc !important;
        text-transform: uppercase;
        font-weight: 600;
        padding: 5.75px 30px;
        width: 100% !important
    }
    .three_pl .product__image1 {
        float: none !important;
        width: auto !important;
        margin: 0 auto !important
    }
    .three_pl .product-thumbnail1 {
        width: 35.144em !important;
        height: 35.144em !important;
        border-radius: 8px;
        background: rgb(255, 255, 255);
        position: relative;
        margin-bottom: 0 !important
    }
    .three_pl .track_page .product-thumbnail__wrapper1 a {
        position: absolute !important;
        z-index: 9999;
        background-color: #6aba01cc;
        top: 42%;
        margin-left: 15px;
        margin-right: 15px;
        font-size: 24px;
        padding: 10px 0;
        display: block;
        text-align: center;
        width: 460px;
        color: #fff !important;
        text-transform: uppercase
    }
    .three_pl .text-right {
        text-align: left
    }
    .three_pl .terms {
        padding-bottom: 20px
    }
    .three_pl .navbar-collapse {
        background-color: #eee;
        margin-top: 12px
    }
    .three_pl .inner_header.site-top-banner a {
        color: #fff !important;
        font-size: 15px;
        text-transform: uppercase;
        display: block;
        float: left;
        padding: 9px 5px !important;
        font-family: Calibri, sans-serif !important
    }
    .three_pl .inner_header .lang {
        margin-top: 8px !important
    }
    .three_pl .inner_header .navbar .navbar-header {
        float: none !important;
        height: 60px;
        vertical-align: middle
    }
    .three_pl .navbar-toggle .icon-bar {
        background-color: #666
    }
    .three_pl .inner_header .nevbar-right {
        float: left;
        margin: 0
    }
    .three_pl .navbar {
        height: 80px !important;
        padding-top: 0 !important
    }
    .three_pl .inner_header .navbar .navbar-brand {
        height: 60px
    }
    .three_pl .track_page .scrollable-content1 {
        padding-left: 20px !important;
        padding-right: 20px !important;
        height: 430px !important
    }
    .three_pl .product-thumbnail_logo {
        width: 3em;
        height: 1.6em;
        border-radius: 0;
        background: rgb(255, 255, 255);
        position: relative
    }
    .three_pl .nav>li>a {
        position: relative;
        display: block;
        padding: 15px 30px !important
    }
    .three_pl .navbar-nav .open .dropdown-menu {
        margin-left: 28px;
        margin-bottom: 15px !important
    }
    .three_pl .pb-6 {
        padding-bottom: 12px
    }
    .navbar .navbar-inner .navbar-header .navbar-account .account-area>li {
        position: absolute !important;
        height: auto !important;
        right: 0 !important
    }
}

@media only screen and (max-width:667px) {
    .three_pl .label_positions {
        position: relative !important;
        right: 0 !important;
        float: none !important;
        top: -10px !important
    }
    .dp_puro_flex {
        display: flex
    }
    .three_pl .label_positions textarea {
        height: 55px !important
    }
    .three_pl .selectHeight {
        width: 100% !important
    }
    .product-thumbnail__wrapper1 {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
        border-radius: 0;
        z-index: 22;
        border: none !important
    }
    .product-thumbnail__image1 {
        position: absolute;
        inset: 0;
        max-width: 100%;
        max-height: 100%;
        margin: auto;
        cursor: pointer !important
    }
    .product-thumbnail1:after {
        content: "";
        display: block;
        position: absolute;
        inset: 0;
        border-radius: 0;
        z-index: 2
    }
    .three_pl .disable_div {
        text-align: center;
        font-size: 28px !important;
        color: #000;
        padding-top: 194px;
        position: absolute;
        background-color: #6aba014d;
        height: 451px !important;
        z-index: 9999;
        width: 623px !important;
        left: 15px !important;
        bottom: 1px !important
    }
    .three_pl .padding-left-25,
    .three_pl .padding-left-11 {
        padding-left: 15px
    }
    .three_pl .carousel-item .carousel-caption h3 {
        font-size: 14px !important
    }
    .three_pl .navbar-brand>img {
        max-width: 140px;
        margin-top: 0 !important
    }
    .three_pl ul.navbar-nav.pull-right {
        margin: 0 !important
    }
    .three_pl .font-16.text-uppercase.bold {
        font-size: 14px !important
    }
    .three_pl label {
        font-size: 14px
    }
    .three_pl #addressPopUp .dropdown-menu1 {
        left: -125px !important
    }
    .three_pl .carousel-item .carousel-caption h3 {
        font-size: 20px !important
    }
    .three_pl .carousel-caption {
        top: calc(50% - 14px)
    }
    .three_pl .product-name {
        font-size: 14px
    }
    .three_pl .product__image {
        float: none !important;
        width: 100% !important;
        margin: 0 auto !important
    }
    .three_pl button.btn.btn-default.btnCancelRMA {
        background: #000000;
        background-color: #000 !important;
        color: #fff;
        border: 0px solid #ccc !important;
        text-transform: uppercase;
        font-weight: 600;
        padding: 5.75px 30px;
        width: 100% !important
    }
    .three_pl .product__image1 {
        float: none !important;
        width: auto !important;
        margin: 0 auto !important
    }
    .three_pl .product-thumbnail1 {
        width: 35.144em !important;
        height: 35.144em !important;
        border-radius: 8px;
        background: rgb(255, 255, 255);
        position: relative;
        margin-bottom: 0 !important
    }
    .three_pl .track_page .product-thumbnail__wrapper1 a {
        position: absolute !important;
        z-index: 9999;
        background-color: #6aba01cc;
        top: 42%;
        margin-left: 15px;
        margin-right: 15px;
        font-size: 24px;
        padding: 10px 0;
        display: block;
        text-align: center;
        width: 460px;
        color: #fff !important;
        text-transform: uppercase
    }
    .three_pl .text-right {
        text-align: left
    }
    .three_pl .terms {
        padding-bottom: 20px
    }
    .three_pl .navbar-collapse {
        background-color: #eee
    }
    .three_pl .inner_header.site-top-banner a {
        color: #fff !important;
        font-size: 15px;
        text-transform: uppercase;
        display: block;
        float: left;
        padding: 9px 5px !important;
        font-family: Calibri, sans-serif !important
    }
    .three_pl .inner_header .lang {
        margin-top: 8px !important
    }
    .three_pl .inner_header .navbar .navbar-header {
        float: none !important;
        height: 60px;
        vertical-align: middle
    }
    .three_pl .navbar-toggle .icon-bar {
        background-color: #666
    }
    .three_pl .inner_header .nevbar-right {
        float: left;
        margin: 0
    }
    .three_pl .navbar {
        height: 80px !important;
        padding-top: 0 !important
    }
    .three_pl .inner_header .navbar .navbar-brand {
        height: 60px
    }
    .three_pl .track_page .scrollable-content1 {
        padding-left: 20px !important;
        padding-right: 20px !important;
        height: 430px !important
    }
    .three_pl .product-thumbnail_logo {
        width: 3em;
        height: 1.6em;
        border-radius: 0;
        background: rgb(255, 255, 255);
        position: relative
    }
    .three_pl .nav>li>a {
        position: relative;
        display: block;
        padding: 15px 30px !important
    }
    .three_pl .navbar-nav .open .dropdown-menu {
        margin-left: 28px;
        margin-bottom: 15px !important
    }
    .three_pl .pb-6 {
        padding-bottom: 12px
    }
}

@media only screen and (max-width:653px) {
    .three_pl .label_positions {
        position: relative !important;
        right: 0 !important;
        float: none !important;
        top: -10px !important
    }
    .dp_puro_flex {
        display: flex
    }
    .three_pl .label_positions textarea {
        height: 55px !important
    }
    .product-thumbnail__wrapper1 {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
        border-radius: 0;
        z-index: 22;
        border: none !important
    }
    .product-thumbnail__image1 {
        position: absolute;
        inset: 0;
        max-width: 100%;
        max-height: 100%;
        margin: auto;
        cursor: pointer !important
    }
    .product-thumbnail1:after {
        content: "";
        display: block;
        position: absolute;
        inset: 0;
        border-radius: 0;
        z-index: 2
    }
    .three_pl .disable_div {
        text-align: center;
        font-size: 28px !important;
        color: #000;
        padding-top: 194px;
        position: absolute;
        background-color: #6aba014d;
        height: 451px !important;
        z-index: 9999;
        width: 623px !important;
        left: 15px !important;
        bottom: 1px !important
    }
    .three_pl .padding-left-25,
    .three_pl .padding-left-11 {
        padding-left: 15px
    }
    .three_pl .carousel-item .carousel-caption h3 {
        font-size: 14px !important
    }
    .three_pl .navbar {
        height: 80px !important;
        padding-top: 0 !important
    }
    .three_pl .navbar-brand>img {
        max-width: 140px;
        margin-top: 0 !important
    }
    .three_pl ul.navbar-nav.pull-right {
        margin: 0 !important
    }
    .three_pl .font-16.text-uppercase.bold {
        font-size: 14px !important
    }
    .three_pl label {
        font-size: 14px
    }
    .three_pl #addressPopUp .dropdown-menu1 {
        left: -125px !important
    }
    .three_pl .carousel-item .carousel-caption h3 {
        font-size: 20px !important
    }
    .three_pl .carousel-caption {
        top: calc(50% - 14px)
    }
    .three_pl .product-name {
        font-size: 14px
    }
    .three_pl .product__image {
        float: none !important;
        width: 100% !important;
        margin: 0 auto !important
    }
    .three_pl button.btn.btn-default.btnCancelRMA {
        background: #000000;
        background-color: #000 !important;
        color: #fff;
        border: 0px solid #ccc !important;
        text-transform: uppercase;
        font-weight: 600;
        padding: 5.75px 30px;
        width: 100% !important
    }
    .three_pl .product__image1 {
        float: none !important;
        width: auto !important;
        margin: 0 auto !important
    }
    .three_pl .product-thumbnail1 {
        width: 35.144em !important;
        height: 35.144em !important;
        border-radius: 8px;
        background: rgb(255, 255, 255);
        position: relative;
        margin-bottom: 0 !important
    }
    .three_pl .track_page .product-thumbnail__wrapper1 a {
        position: absolute !important;
        z-index: 9999;
        background-color: #6aba01cc;
        top: 42%;
        margin-left: 15px;
        margin-right: 15px;
        font-size: 24px;
        padding: 10px 0;
        display: block;
        text-align: center;
        width: 460px;
        color: #fff !important;
        text-transform: uppercase
    }
    .three_pl .text-right {
        text-align: left
    }
    .three_pl .terms {
        padding-bottom: 20px
    }
    .three_pl .navbar-collapse {
        background-color: #eee
    }
    .three_pl .inner_header.site-top-banner a {
        color: #fff !important;
        font-size: 15px;
        text-transform: uppercase;
        display: block;
        float: left;
        padding: 9px 5px !important;
        font-family: Calibri, sans-serif !important
    }
    .three_pl .inner_header .lang {
        margin-top: 8px !important
    }
    .three_pl .inner_header .navbar .navbar-header {
        float: none !important;
        height: 60px;
        vertical-align: middle
    }
    .three_pl .navbar-toggle .icon-bar {
        background-color: #666
    }
    .three_pl .inner_header .nevbar-right {
        float: left;
        margin: 0
    }
    .three_pl .navbar {
        height: 90px !important
    }
    .three_pl .inner_header .navbar .navbar-brand {
        height: 60px
    }
    .three_pl .track_page .scrollable-content1 {
        padding-left: 20px !important;
        padding-right: 20px !important;
        height: 430px !important
    }
    .three_pl .product-thumbnail_logo {
        width: 3em;
        height: 1.6em;
        border-radius: 0;
        background: rgb(255, 255, 255);
        position: relative
    }
    .three_pl .nav>li>a {
        position: relative;
        display: block;
        padding: 15px 30px !important
    }
    .three_pl .navbar-nav .open .dropdown-menu {
        margin-left: 28px;
        margin-bottom: 15px !important
    }
    .three_pl .pb-6 {
        padding-bottom: 12px
    }
    .three_pl .product-thumbnail1__reverse {
        width: 100% !important;
        height: 45.5em !important;
        border-radius: 8px;
        background: rgb(255, 255, 255);
        position: relative;
        margin: 0 auto !important
    }
    .three_pl .reverse_thumbnail_wrapper>a {
        position: absolute !important;
        z-index: 9999;
        background-color: #004599cc;
        top: 42%;
        margin-left: 43px !important;
        font-size: 18px;
        padding: 14px 0;
        display: block;
        text-align: center;
        width: 77% !important;
        color: #fff !important;
        text-transform: uppercase
    }
}

@media only screen and (max-width:640px) {
    .three_pl .label_positions {
        position: relative !important;
        right: 0 !important;
        float: none !important;
        top: -10px !important
    }
    .dp_puro_flex {
        display: flex
    }
    .three_pl .label_positions textarea {
        height: 55px !important
    }
    .product-thumbnail__wrapper1 {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
        border-radius: 0;
        z-index: 22;
        border: none !important
    }
    .product-thumbnail__image1 {
        position: absolute;
        inset: 0;
        max-width: 100%;
        max-height: 100%;
        margin: auto;
        cursor: pointer !important
    }
    .product-thumbnail1:after {
        content: "";
        display: block;
        position: absolute;
        inset: 0;
        border-radius: 0;
        z-index: 2
    }
    .three_pl .disable_div {
        text-align: center;
        font-size: 28px !important;
        color: #000;
        padding-top: 194px;
        position: absolute;
        background-color: #6aba014d;
        height: 451px !important;
        z-index: 9999;
        width: 623px !important;
        left: 15px !important;
        bottom: 1px !important
    }
    .three_pl .padding-left-25,
    .three_pl .padding-left-11 {
        padding-left: 15px
    }
    .three_pl .carousel-item .carousel-caption h3 {
        font-size: 14px !important
    }
    .three_pl .navbar-brand>img {
        max-width: 140px;
        margin-top: 0 !important
    }
    .three_pl ul.navbar-nav.pull-right {
        margin: 0 !important
    }
    .three_pl .font-16.text-uppercase.bold {
        font-size: 14px !important
    }
    .three_pl label {
        font-size: 14px
    }
    .three_pl #addressPopUp .dropdown-menu1 {
        left: -125px !important
    }
    .three_pl .carousel-item .carousel-caption h3 {
        font-size: 20px !important
    }
    .three_pl .carousel-caption {
        top: calc(50% - 14px)
    }
    .three_pl .product-name {
        font-size: 14px
    }
    .three_pl .product__image {
        float: none !important;
        width: 100% !important;
        margin: 0 auto !important
    }
    .three_pl button.btn.btn-default.btnCancelRMA {
        background: #000000;
        background-color: #000 !important;
        color: #fff;
        border: 0px solid #ccc !important;
        text-transform: uppercase;
        font-weight: 600;
        padding: 5.75px 30px;
        width: 100% !important
    }
    .three_pl .product__image1 {
        float: none !important;
        width: auto !important;
        margin: 0 auto !important
    }
    .three_pl .product-thumbnail1 {
        width: 35.144em !important;
        height: 35.144em !important;
        border-radius: 8px;
        background: rgb(255, 255, 255);
        position: relative;
        margin-bottom: 0 !important
    }
    .three_pl .track_page .product-thumbnail__wrapper1 a {
        position: absolute !important;
        z-index: 9999;
        background-color: #6aba01cc;
        top: 42%;
        margin-left: 15px;
        margin-right: 15px;
        font-size: 24px;
        padding: 10px 0;
        display: block;
        text-align: center;
        width: 460px;
        color: #fff !important;
        text-transform: uppercase
    }
    .three_pl .text-right {
        text-align: left
    }
    .three_pl .terms {
        padding-bottom: 20px
    }
    .three_pl .navbar-collapse {
        background-color: #eee
    }
    .three_pl .inner_header.site-top-banner a {
        color: #fff !important;
        font-size: 15px;
        text-transform: uppercase;
        display: block;
        float: left;
        padding: 9px 5px !important;
        font-family: Calibri, sans-serif !important
    }
    .three_pl .inner_header .lang {
        margin-top: 8px !important
    }
    .three_pl .inner_header .navbar .navbar-header {
        float: none !important;
        height: 60px;
        vertical-align: middle
    }
    .three_pl .navbar-toggle .icon-bar {
        background-color: #666
    }
    .three_pl .inner_header .nevbar-right {
        float: left;
        margin: 0
    }
    .three_pl .navbar {
        height: 90px !important
    }
    .three_pl .inner_header .navbar .navbar-brand {
        height: 60px
    }
    .three_pl .track_page .scrollable-content1 {
        padding-left: 20px !important;
        padding-right: 20px !important;
        height: 430px !important
    }
    .three_pl .product-thumbnail_logo {
        width: 3em;
        height: 1.6em;
        border-radius: 0;
        background: rgb(255, 255, 255);
        position: relative
    }
    .three_pl .nav>li>a {
        position: relative;
        display: block;
        padding: 15px 30px !important
    }
    .three_pl .navbar-nav .open .dropdown-menu {
        margin-left: 28px;
        margin-bottom: 15px !important
    }
    .three_pl .pb-6 {
        padding-bottom: 12px
    }
    .three_pl .product-thumbnail1__reverse {
        width: 100% !important;
        height: 45.5em !important;
        border-radius: 8px;
        background: rgb(255, 255, 255);
        position: relative;
        margin: 0 auto !important
    }
    .three_pl .reverse_thumbnail_wrapper>a {
        position: absolute !important;
        z-index: 9999;
        background-color: #004599cc;
        top: 42%;
        margin-left: 43px !important;
        font-size: 18px;
        padding: 14px 0;
        display: block;
        text-align: center;
        width: 77% !important;
        color: #fff !important;
        text-transform: uppercase
    }
}

@media (max-width:568px) {
    .three_pl .label_positions {
        position: relative !important;
        right: 0 !important;
        float: none !important;
        top: -10px !important
    }
    .dp_puro_flex {
        display: flex
    }
    .three_pl .label_positions textarea {
        height: 55px !important
    }
    .product-thumbnail__wrapper1 {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
        border-radius: 0;
        z-index: 22;
        border: none !important
    }
    .product-thumbnail__image1 {
        position: absolute;
        inset: 0;
        max-width: 100%;
        max-height: 100%;
        margin: auto;
        cursor: pointer !important
    }
    .product-thumbnail1:after {
        content: "";
        display: block;
        position: absolute;
        inset: 0;
        border-radius: 0;
        z-index: 2
    }
    .three_pl .disable_div {
        text-align: center;
        font-size: 28px !important;
        color: #000;
        padding-top: 194px;
        position: absolute;
        background-color: #6aba014d;
        height: 451px !important;
        z-index: 9999;
        width: 509px !important;
        left: 15px !important;
        bottom: 1px !important
    }
    .three_pl .carousel-item .carousel-caption h3 {
        font-size: 14px !important
    }
    .three_pl .navbar {
        height: 90px !important
    }
    .three_pl .navbar-brand>img {
        max-width: 140px;
        margin-top: 0 !important
    }
    .three_pl ul.navbar-nav.pull-right {
        margin: 0 !important
    }
    .three_pl .font-16.text-uppercase.bold {
        font-size: 14px !important
    }
    .three_pl label {
        font-size: 14px
    }
    .three_pl #addressPopUp .dropdown-menu1 {
        left: -125px !important
    }
    .three_pl .carousel-item .carousel-caption h3 {
        font-size: 20px !important
    }
    .three_pl .carousel-caption {
        top: calc(50% - 14px)
    }
    .three_pl .product-name {
        font-size: 14px
    }
    .three_pl .product__image {
        float: none !important;
        width: 100% !important;
        margin: 0 auto !important
    }
    .three_pl .product__image1 {
        float: none !important;
        width: auto !important;
        margin: 0 auto !important
    }
    .three_pl .product-thumbnail1 {
        width: 27.3em !important;
        height: 27.3em !important;
        border-radius: 8px;
        background: rgb(255, 255, 255);
        position: relative;
        margin-bottom: 0 !important
    }
    .three_pl .track_page .product-thumbnail__wrapper1 a {
        position: absolute !important;
        z-index: 9999;
        background-color: #6aba01cc;
        top: 42%;
        margin-left: 15px;
        margin-right: 15px;
        font-size: 16px;
        padding: 10px 0;
        display: block;
        text-align: center;
        width: 350px;
        color: #fff !important;
        text-transform: uppercase
    }
    .three_pl .text-right {
        text-align: left
    }
    .three_pl .terms {
        padding-bottom: 20px
    }
    .three_pl .navbar-collapse {
        background-color: #eee
    }
    .three_pl .inner_header.site-top-banner a {
        color: #fff !important;
        font-size: 14px;
        text-transform: uppercase;
        display: block;
        float: left;
        padding: 9px 5px !important;
        font-family: Calibri, sans-serif !important
    }
    .three_pl .inner_header .lang {
        margin-top: 8px !important
    }
    .three_pl .inner_header .navbar .navbar-header {
        float: none !important;
        height: 60px;
        vertical-align: middle
    }
    .three_pl .navbar-toggle .icon-bar {
        background-color: #666
    }
    .three_pl .inner_header .nevbar-right {
        float: left;
        margin: 0
    }
    .three_pl .navbar {
        height: 80px !important;
        padding-top: 0 !important
    }
    .three_pl .inner_header .navbar .navbar-brand {
        height: 60px
    }
    .three_pl .track_page .scrollable-content1 {
        padding-left: 20px !important;
        padding-right: 20px !important;
        height: 430px !important
    }
    .three_pl .product-thumbnail_logo {
        width: 2em;
        height: 1.6em;
        border-radius: 0;
        background: rgb(255, 255, 255);
        position: relative
    }
    .three_pl .nav>li>a {
        position: relative;
        display: block;
        padding: 15px 30px !important
    }
    .three_pl .navbar-nav .open .dropdown-menu {
        margin-left: 28px;
        margin-bottom: 15px !important
    }
    .three_pl .pb-6 {
        padding-bottom: 12px
    }
    .three_pl .product-thumbnail1__reverse {
        width: 100% !important;
        height: 43.5em !important;
        border-radius: 8px;
        background: rgb(255, 255, 255);
        position: relative;
        margin: 0 auto !important
    }
    .three_pl .reverse_thumbnail_wrapper>a {
        position: absolute !important;
        z-index: 9999;
        background-color: #004599cc;
        top: 42%;
        margin-left: 43px !important;
        font-size: 18px;
        padding: 14px 0;
        display: block;
        text-align: center;
        width: 77% !important;
        color: #fff !important;
        text-transform: uppercase
    }
}

@media only screen and (max-width:560px) {
    .three_pl .label_positions {
        position: relative !important;
        right: 0 !important;
        float: none !important;
        top: -10px !important
    }
    .dp_puro_flex {
        display: flex
    }
    .three_pl .label_positions textarea {
        height: 55px !important
    }
    .three_pl .carousel-item .carousel-caption h3 {
        font-size: 20px !important
    }
    .three_pl .carousel-caption {
        top: calc(50% - 14px)
    }
    .three_pl .product-name {
        font-size: 14px
    }
    .three_pl .product__image {
        float: none !important;
        width: 100% !important;
        margin: 0 auto !important
    }
    .three_pl .product__image1 {
        float: none !important;
        width: auto !important;
        margin: 0 auto !important
    }
    .three_pl .product-thumbnail1 {
        width: 27.3em !important;
        height: 27.3em !important;
        border-radius: 8px;
        background: rgb(255, 255, 255);
        position: relative;
        margin-bottom: 0 !important
    }
    .three_pl .track_page .product-thumbnail__wrapper1 a {
        position: absolute !important;
        z-index: 9999;
        background-color: #6aba01cc;
        top: 42%;
        margin-left: 15px;
        margin-right: 15px;
        font-size: 16px;
        padding: 10px 0;
        display: block;
        text-align: center;
        width: 350px;
        color: #fff !important;
        text-transform: uppercase
    }
    .three_pl .padding-left-25,
    .three_pl .padding-left-11 {
        padding-left: 15px
    }
    .three_pl .text-right {
        text-align: left
    }
    .three_pl .terms {
        padding-bottom: 20px
    }
    .three_pl .navbar-collapse {
        background-color: #eee
    }
    .three_pl .inner_header.site-top-banner a {
        color: #fff !important;
        font-size: 14px;
        text-transform: uppercase;
        display: block;
        float: left;
        padding: 9px 5px !important;
        font-family: Calibri, sans-serif !important
    }
    .three_pl .inner_header .lang {
        margin-top: 8px !important
    }
    .three_pl .inner_header .navbar .navbar-header {
        float: none !important;
        height: 60px;
        vertical-align: middle
    }
    .three_pl .navbar-toggle .icon-bar {
        background-color: #666
    }
    .three_pl .inner_header .nevbar-right {
        float: left;
        margin: 0
    }
    .three_pl .navbar {
        height: 80px !important;
        padding-top: 0 !important
    }
    .three_pl .inner_header .navbar .navbar-brand {
        height: 60px
    }
    .three_pl .track_page .scrollable-content1 {
        padding-left: 20px !important;
        padding-right: 20px !important;
        height: 430px !important
    }
    .three_pl .product-thumbnail_logo {
        width: 5em;
        height: 1.6em;
        border-radius: 0;
        background: rgb(255, 255, 255);
        position: relative;
        margin-left: 5px
    }
    .three_pl .nav>li>a {
        position: relative;
        display: block;
        padding: 15px 30px !important
    }
    .three_pl .navbar-nav .open .dropdown-menu {
        margin-left: 28px;
        margin-bottom: 15px !important
    }
    .three_pl .pb-6 {
        padding-bottom: 12px
    }
}

@media only screen and (max-width:560px) {
    .three_pl .label_positions {
        position: relative !important;
        right: 0 !important;
        float: none !important;
        top: -10px !important
    }
    .dp_puro_flex {
        display: flex
    }
    .three_pl .label_positions textarea {
        height: 55px !important
    }
    .product-thumbnail__wrapper1 {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
        border-radius: 0;
        z-index: 22;
        border: none !important
    }
    .product-thumbnail__image1 {
        position: absolute;
        inset: 0;
        max-width: 100%;
        max-height: 100%;
        margin: auto;
        cursor: pointer !important
    }
    .product-thumbnail1:after {
        content: "";
        display: block;
        position: absolute;
        inset: 0;
        border-radius: 0;
        z-index: 2
    }
    .three_pl .disable_div {
        text-align: center;
        font-size: 28px !important;
        color: #000;
        padding-top: 194px;
        position: absolute;
        background-color: #6aba014d;
        height: 451px !important;
        z-index: 9999;
        width: 509px !important;
        left: 15px !important;
        bottom: 1px !important
    }
    .three_pl .padding-left-25,
    .three_pl .padding-left-11 {
        padding-left: 15px
    }
    .three_pl .carousel-item .carousel-caption h3 {
        font-size: 14px !important
    }
    .three_pl .navbar {
        height: 90px !important
    }
    .three_pl .navbar-brand>img {
        max-width: 140px;
        margin-top: 0 !important
    }
    .three_pl ul.navbar-nav.pull-right {
        margin: 0 !important
    }
    .three_pl .font-16.text-uppercase.bold {
        font-size: 14px !important
    }
    .three_pl label {
        font-size: 14px
    }
    .three_pl #addressPopUp .dropdown-menu1 {
        left: -125px !important
    }
    .three_pl .carousel-item .carousel-caption h3 {
        font-size: 20px !important
    }
    .three_pl .carousel-caption {
        top: calc(50% - 14px)
    }
    .three_pl .product-name {
        font-size: 14px
    }
    .three_pl .product__image {
        float: none !important;
        width: 100% !important;
        margin: 0 auto !important
    }
    .three_pl .product__image1 {
        float: none !important;
        width: auto !important;
        margin: 0 auto !important
    }
    .three_pl .product-thumbnail1 {
        width: 27.3em !important;
        height: 27.3em !important;
        border-radius: 8px;
        background: rgb(255, 255, 255);
        position: relative;
        margin-bottom: 0 !important
    }
    .three_pl .track_page .product-thumbnail__wrapper1 a {
        position: absolute !important;
        z-index: 9999;
        background-color: #6aba01cc;
        top: 42%;
        margin-left: 15px;
        margin-right: 15px;
        font-size: 16px;
        padding: 10px 0;
        display: block;
        text-align: center;
        width: 350px;
        color: #fff !important;
        text-transform: uppercase
    }
    .three_pl .text-right {
        text-align: left
    }
    .three_pl .terms {
        padding-bottom: 20px
    }
    .three_pl .navbar-collapse {
        background-color: #eee
    }
    .three_pl .inner_header.site-top-banner a {
        color: #fff !important;
        font-size: 14px;
        text-transform: uppercase;
        display: block;
        float: left;
        padding: 9px 5px !important;
        font-family: Calibri, sans-serif !important
    }
    .three_pl .inner_header .lang {
        margin-top: 8px !important
    }
    .three_pl .inner_header .navbar .navbar-header {
        float: none !important;
        height: 60px;
        vertical-align: middle
    }
    .three_pl .navbar-toggle .icon-bar {
        background-color: #666
    }
    .three_pl .inner_header .nevbar-right {
        float: left;
        margin: 0
    }
    .three_pl .navbar {
        height: 80px !important;
        padding-top: 0 !important
    }
    .three_pl .inner_header .navbar .navbar-brand {
        height: 60px
    }
    .three_pl .track_page .scrollable-content1 {
        padding-left: 20px !important;
        padding-right: 20px !important;
        height: 430px !important
    }
    .three_pl .product-thumbnail_logo {
        width: 2em;
        height: 1.6em;
        border-radius: 0;
        background: rgb(255, 255, 255);
        position: relative;
        margin-left: 5px
    }
    .three_pl .nav>li>a {
        position: relative;
        display: block;
        padding: 15px 30px !important
    }
    .three_pl .navbar-nav .open .dropdown-menu {
        margin-left: 28px;
        margin-bottom: 15px !important
    }
    .three_pl .pb-6 {
        padding-bottom: 12px
    }
    .three_pl .product-thumbnail1__reverse {
        width: 100% !important;
        height: 43.5em !important;
        border-radius: 8px;
        background: rgb(255, 255, 255);
        position: relative;
        margin: 0 auto !important
    }
    .three_pl .reverse_thumbnail_wrapper>a {
        position: absolute !important;
        z-index: 9999;
        background-color: #004599cc;
        top: 42%;
        margin-left: 43px !important;
        font-size: 18px;
        padding: 14px 0;
        display: block;
        text-align: center;
        width: 77% !important;
        color: #fff !important;
        text-transform: uppercase
    }
}

@media only screen and (max-width: 540px) {
    .three_pl .label_positions {
        position: relative !important;
        right: 0 !important;
        float: none !important;
        top: -10px !important
    }
    .dp_puro_flex {
        display: flex
    }
    .three_pl .label_positions textarea {
        height: 55px !important
    }
    .wizard.wizard-wired ul li:before {
        display: block;
        content: "";
        width: 100%;
        height: 4px !important;
        font-size: 0;
        overflow: hidden;
        background-color: transparent !important;
        position: relative !important;
        top: 25px;
        z-index: 1 !important
    }
    .product-thumbnail__wrapper1 {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
        border-radius: 0;
        z-index: 22;
        border: none !important
    }
    .product-thumbnail__image1 {
        position: absolute;
        inset: 0;
        max-width: 100%;
        max-height: 100%;
        margin: auto;
        cursor: pointer !important
    }
    .product-thumbnail1:after {
        content: "";
        display: block;
        position: absolute;
        inset: 0;
        border-radius: 0;
        z-index: 2
    }
    .three_pl .disable_div {
        text-align: center;
        font-size: 28px !important;
        color: #000;
        padding-top: 194px;
        position: absolute;
        background-color: #6aba014d;
        height: 451px !important;
        z-index: 9999;
        width: 509px !important;
        left: 15px !important;
        bottom: 1px !important
    }
    .three_pl .padding-left-25,
    .three_pl .padding-left-11 {
        padding-left: 15px
    }
    .three_pl .wizard.wizard-wired ul {
        display: block;
        width: 100% !important
    }
    .three_pl .wizard.wizard-wired ul li {
        width: 100% !important;
        display: block !important;
        align-items: center;
        margin-bottom: 10px;
        text-align: left;
        float: none
    }
    .three_pl .wizard ul li.active:before {
        background-color: transparent !important
    }
    .three_pl .wizard ul li.active .step,
    .three_pl .wizard.wizard-wired ul li .step {
        float: left
    }
    .three_pl .wizard.wizard-wired ul li {
        width: 100% !important;
        min-height: 50px
    }
    .three_pl .wizard.wizard-wired ul li .title {
        text-align: left !important
    }
    .three_pl .wizard.wizard-wired ul li .title.bold.font-16 {
        margin-top: 8px;
        margin-bottom: 4px !important
    }
    .three_pl .product__image {
        float: none !important;
        width: 100% !important;
        margin: 0 auto 10px !important
    }
    .three_pl .modal-content {
        min-width: 254px !important
    }
    .three_pl button.btn.btn-default.btnCancelRMA {
        background: #000000;
        background-color: #000 !important;
        color: #fff;
        border: 0px solid #ccc !important;
        text-transform: uppercase;
        font-weight: 600;
        padding: 5.75px 30px;
        width: 100% !important
    }
    .three_pl .product__image1 {
        float: none !important;
        width: auto !important;
        margin: 0 auto !important
    }
    .three_pl .product-thumbnail1 {
        width: 27.3em !important;
        height: 27.3em !important;
        border-radius: 8px;
        background: rgb(255, 255, 255);
        position: relative;
        margin-bottom: 0 !important
    }
    .three_pl .track_page .product-thumbnail__wrapper1 a {
        position: absolute !important;
        z-index: 9999;
        background-color: #6aba01cc;
        top: 42%;
        margin-left: 15px;
        margin-right: 15px;
        font-size: 24px;
        padding: 10px 0;
        display: block;
        text-align: center;
        width: 350px;
        color: #fff !important;
        text-transform: uppercase
    }
    .three_pl .text-right {
        text-align: left
    }
    .three_pl .terms {
        padding-bottom: 20px
    }
    .three_pl .navbar-collapse {
        background-color: #eee
    }
    .three_pl .inner_header.site-top-banner a {
        color: #fff !important;
        font-size: 14px;
        text-transform: uppercase;
        display: block;
        float: left;
        padding: 9px 5px !important;
        font-family: Calibri, sans-serif !important
    }
    .three_pl .inner_header .lang {
        margin-top: 8px !important
    }
    .three_pl .inner_header .navbar .navbar-header {
        float: none !important;
        height: 60px;
        vertical-align: middle
    }
    .three_pl .navbar-toggle .icon-bar {
        background-color: #666
    }
    .three_pl .inner_header .nevbar-right {
        float: left;
        margin: 0
    }
    .three_pl .navbar {
        height: 80px !important;
        padding-top: 0 !important
    }
    .three_pl .inner_header .navbar .navbar-brand {
        height: 60px
    }
    .three_pl .track_page .scrollable-content1 {
        padding-left: 20px !important;
        padding-right: 20px !important;
        height: 430px !important
    }
    .three_pl .product-thumbnail_logo {
        width: 2em;
        height: 1.6em;
        border-radius: 0;
        background: rgb(255, 255, 255);
        position: relative;
        margin-left: 5px
    }
    .three_pl .nav>li>a {
        position: relative;
        display: block;
        padding: 15px 30px !important
    }
    .three_pl .navbar-nav .open .dropdown-menu {
        margin-left: 28px;
        margin-bottom: 15px !important
    }
    .three_pl .pb-6 {
        padding-bottom: 12px
    }
    .three_pl .product-thumbnail1__reverse {
        width: 100% !important;
        height: 41.5em !important;
        border-radius: 8px;
        background: rgb(255, 255, 255);
        position: relative;
        margin: 0 auto !important
    }
    .three_pl .reverse_thumbnail_wrapper>a {
        position: absolute !important;
        z-index: 9999;
        background-color: #004599cc;
        top: 42%;
        margin-left: 43px !important;
        font-size: 18px;
        padding: 14px 0;
        display: block;
        text-align: center;
        width: 77% !important;
        color: #fff !important;
        text-transform: uppercase
    }
}

@media only screen and (max-width: 414px) {
    .three_pl .label_positions {
        position: relative !important;
        right: 0 !important;
        float: none !important;
        top: -10px !important
    }
    .dp_puro_flex {
        display: flex
    }
    .three_pl .label_positions textarea {
        height: 55px !important
    }
    .float-left1,
    .float-right1 {
        float: left;
        margin-left: 15px
    }
    .wizard.wizard-wired ul li:before {
        display: block;
        content: "";
        width: 100%;
        height: 4px !important;
        font-size: 0;
        overflow: hidden;
        background-color: transparent !important;
        position: relative !important;
        top: 25px;
        z-index: 1 !important
    }
    .product-thumbnail__wrapper1 {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
        border-radius: 0;
        z-index: 22;
        border: none !important
    }
    .product-thumbnail__image1 {
        position: absolute;
        inset: 0;
        max-width: 100%;
        max-height: 100%;
        margin: auto;
        cursor: pointer !important
    }
    .product-thumbnail1:after {
        content: "";
        display: block;
        position: absolute;
        inset: 0;
        border-radius: 0;
        z-index: 2
    }
}

@media only screen and (max-width: 411px) {
    .three_pl .label_positions {
        position: relative !important;
        right: 0 !important;
        float: none !important;
        top: -10px !important
    }
    .dp_puro_flex {
        display: flex
    }
    .three_pl .label_positions textarea {
        height: 55px !important
    }
    .wizard.wizard-wired ul li:before {
        display: block;
        content: "";
        width: 100%;
        height: 4px !important;
        font-size: 0;
        overflow: hidden;
        background-color: transparent !important;
        position: relative !important;
        top: 25px;
        z-index: 1 !important
    }
    .product-thumbnail__wrapper1 {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
        border-radius: 0;
        z-index: 22;
        border: none !important
    }
    .product-thumbnail__image1 {
        position: absolute;
        inset: 0;
        max-width: 100%;
        max-height: 100%;
        margin: auto;
        cursor: pointer !important
    }
    .product-thumbnail1:after {
        content: "";
        display: block;
        position: absolute;
        inset: 0;
        border-radius: 0;
        z-index: 2
    }
    .three_pl .disable_div {
        text-align: center;
        font-size: 28px !important;
        color: #000;
        padding-top: 194px;
        position: absolute;
        background-color: #6aba014d;
        height: 451px !important;
        z-index: 9999;
        width: 380px !important;
        left: 15px !important;
        bottom: 1px !important
    }
    .three_pl .padding-left-25,
    .three_pl .padding-left-11 {
        padding-left: 15px
    }
    .three_pl .wizard.wizard-wired ul {
        display: block;
        width: 100% !important
    }
    .three_pl .wizard.wizard-wired ul li {
        width: 100% !important;
        display: block !important;
        align-items: center;
        margin-bottom: 10px;
        text-align: left;
        float: none
    }
    .three_pl .wizard ul li.active:before {
        background-color: transparent !important
    }
    .three_pl .wizard ul li.active .step,
    .three_pl .wizard.wizard-wired ul li .step {
        float: left
    }
    .three_pl .wizard.wizard-wired ul li {
        width: 100% !important
    }
    .three_pl .wizard.wizard-wired ul li .title {
        text-align: left
    }
    .three_pl .wizard.wizard-wired ul li .title.bold.font-16 {
        margin-top: 8px;
        margin-bottom: 4px !important
    }
    .three_pl .wizard.wizard-wired ul li {
        width: 100% !important;
        min-height: 58px
    }
    .three_pl .product__image {
        float: none !important;
        width: 100% !important;
        margin: 0 auto 10px !important
    }
    .three_pl .modal-content {
        min-width: 254px !important
    }
    .three_pl button.btn.btn-default.btnCancelRMA {
        background: #000000;
        background-color: #000 !important;
        color: #fff;
        border: 0px solid #ccc !important;
        text-transform: uppercase;
        font-weight: 600;
        padding: 5.75px 30px;
        width: 100% !important
    }
    .three_pl .product__image1 {
        float: none !important;
        width: auto !important;
        margin: 0 auto !important
    }
    .three_pl .product-thumbnail1 {
        width: 27.3em !important;
        height: 27.3em !important;
        border-radius: 8px;
        background: rgb(255, 255, 255);
        position: relative;
        margin-bottom: 0 !important
    }
    .three_pl .track_page .product-thumbnail__wrapper1 a {
        position: absolute !important;
        z-index: 9999;
        background-color: #6aba01cc;
        top: 42%;
        margin-left: 15px;
        margin-right: 15px;
        font-size: 24px;
        padding: 10px 0;
        display: block;
        text-align: center;
        width: 350px;
        color: #fff !important;
        text-transform: uppercase
    }
    .three_pl .text-right {
        text-align: left !important
    }
    .three_pl .terms {
        padding-bottom: 20px
    }
    .three_pl .navbar-collapse {
        background-color: #eee
    }
    .three_pl .inner_header.site-top-banner a {
        color: #fff !important;
        font-size: 14px;
        text-transform: uppercase;
        display: block;
        float: left;
        padding: 9px 5px !important;
        font-family: Calibri, sans-serif !important
    }
    .three_pl .inner_header .lang {
        margin-top: 8px !important
    }
    .three_pl .inner_header .navbar .navbar-header {
        float: none !important;
        height: 60px;
        vertical-align: middle
    }
    .three_pl .navbar-toggle .icon-bar {
        background-color: #666
    }
    .three_pl .inner_header .nevbar-right {
        float: left;
        margin: 0
    }
    .three_pl .navbar {
        height: 80px !important;
        padding-top: 0 !important
    }
    .three_pl .inner_heder .navbar .navbar-brand {
        height: 60px
    }
    .three_pl .track_page .scrollable-content1 {
        padding-left: 20px !important;
        padding-right: 20px !important;
        height: 430px !important
    }
    .three_pl .product-thumbnail_logo {
        width: 2em;
        height: 1.6em;
        border-radius: 0;
        background: rgb(255, 255, 255);
        position: relative;
        margin-left: 5px
    }
    .three_pl .nav>li>a {
        position: relative;
        display: block;
        padding: 15px 30px !important
    }
    .three_pl .navbar-nav .open .dropdown-menu {
        margin-left: 28px;
        margin-bottom: 15px !important
    }
    .three_pl .pb-6 {
        padding-bottom: 12px
    }
    .three_pl .product-thumbnail1__reverse {
        width: 100% !important;
        height: 28.5em !important;
        border-radius: 8px;
        background: rgb(255, 255, 255);
        position: relative;
        margin: 0 auto !important
    }
    .three_pl .reverse_thumbnail_wrapper>a {
        position: absolute !important;
        z-index: 9999;
        background-color: #034599cc;
        top: 42%;
        margin-left: 43px !important;
        font-size: 18px;
        padding: 14px 0;
        display: block;
        text-align: center;
        width: 77% !important;
        color: #fff !important;
        text-transform: uppercase
    }
}

@media only screen and (max-width: 375px) {
    .three_pl .label_positions {
        position: relative !important;
        right: 0 !important;
        float: none !important;
        top: -10px !important
    }
    .dp_puro_flex {
        display: flex
    }
    .three_pl .label_positions textarea {
        height: 55px !important
    }
    .float-left1,
    .float-right1 {
        float: left;
        margin-left: 15px
    }
    .wizard.wizard-wired ul li:before {
        display: block;
        content: "";
        width: 100%;
        height: 4px !important;
        font-size: 0;
        overflow: hidden;
        background-color: transparent !important;
        position: relative !important;
        top: 25px;
        z-index: 1 !important
    }
    .wizard.wizard-wired ul li .title {
        text-align: left !important
    }
    .product-thumbnail__wrapper1 {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
        border-radius: 0;
        z-index: 22;
        border: none !important
    }
    .product-thumbnail__image1 {
        position: absolute;
        inset: 0;
        max-width: 100%;
        max-height: 100%;
        margin: auto;
        cursor: pointer !important
    }
    .product-thumbnail1:after {
        content: "";
        display: block;
        position: absolute;
        inset: 0;
        border-radius: 0;
        z-index: 2
    }
    .three_pl .disable_div {
        text-align: center;
        font-size: 30px !important;
        color: #000;
        padding-top: 194px;
        position: absolute;
        background-color: #6aba014d;
        height: 451px !important;
        z-index: 9999;
        width: 345px !important;
        left: 15px !important;
        bottom: 1px !important
    }
    .three_pl .padding-left-25,
    .three_pl .padding-left-11 {
        padding-left: 15px
    }
    .three_pl .search-bg {
        background-color: #e9fafb;
        border: 1px solid rgb(191, 186, 186);
        padding: 32px 5px 27px !important;
        border-radius: 5px
    }
    .three_pl .wizard.wizard-wired ul {
        display: block;
        width: 100% !important
    }
    .three_pl .wizard.wizard-wired ul li {
        width: 100% !important;
        display: block !important;
        align-items: center;
        margin-bottom: 10px;
        text-align: left;
        float: none
    }
    .three_pl .wizard ul li.active:before {
        background-color: transparent !important
    }
    .three_pl .wizard ul li.active .step,
    .three_pl .wizard.wizard-wired ul li .step {
        float: left
    }
    .three_pl .wizard.wizard-wired ul li {
        width: 100% !important
    }
    .three_pl .wizard.wizard-wired ul li {
        width: 100% !important;
        min-height: 50px
    }
    .three_pl .product__image {
        float: none !important;
        width: 100% !important;
        margin: 0 auto 10px !important
    }
    .three_pl .modal-content {
        min-width: 254px !important
    }
    .three_pl button.btn.btn-default.btnCancelRMA {
        background: #000000;
        background-color: #000 !important;
        color: #fff;
        border: 0px solid #ccc !important;
        text-transform: uppercase;
        font-weight: 600;
        padding: 5.75px 30px;
        width: 100% !important
    }
    .three_pl .product__image1 {
        float: none !important;
        width: auto !important;
        margin: 0 auto !important
    }
    .three_pl .product-thumbnail1 {
        width: 24.644em !important;
        height: 24.644em !important;
        border-radius: 8px;
        background: rgb(255, 255, 255);
        position: relative;
        margin-bottom: 0 !important
    }
    .three_pl .track_page .product-thumbnail__wrapper1 a {
        position: absolute !important;
        z-index: 9999;
        background-color: #6aba01cc;
        top: 42%;
        margin-left: 15px;
        margin-right: 15px;
        font-size: 14px;
        padding: 10px 0;
        display: block;
        text-align: center;
        width: 310px;
        color: #fff !important;
        text-transform: uppercase
    }
    .three_pl .text-right {
        text-align: left !important
    }
    .three_pl .terms {
        padding-bottom: 20px
    }
    .three_pl .navbar-collapse {
        background-color: #eee
    }
    .three_pl .inner_header.site-top-banner a {
        color: #fff !important;
        font-size: 14px;
        text-transform: uppercase;
        display: block;
        float: left;
        padding: 9px 5px !important;
        font-family: Calibri, sans-serif !important
    }
    .three_pl .inner_header .lang {
        margin-top: 8px !important
    }
    .three_pl .inner_header .navbar .navbar-header {
        float: none !important;
        height: 60px;
        vertical-align: middle
    }
    .three_pl .navbar-toggle .icon-bar {
        background-color: #666
    }
    .three_pl .inner_header .nevbar-right {
        float: left;
        margin: 0
    }
    .three_pl .navbar {
        height: 80px !important;
        padding-top: 0 !important
    }
    .three_pl .inner_header .navbar .navbar-brand {
        height: 60px
    }
    .three_pl .track_page .scrollable-content1 {
        padding-left: 20px !important;
        padding-right: 20px !important;
        height: 430px !important
    }
    .three_pl .product-thumbnail_logo {
        width: 2em;
        height: 1.6em;
        border-radius: 0;
        background: rgb(255, 255, 255);
        position: relative;
        margin-left: 5px
    }
    .three_pl .nav>li>a {
        position: relative;
        display: block;
        padding: 15px 30px !important
    }
    .three_pl .navbar-nav .open .dropdown-menu {
        margin-left: 28px;
        margin-bottom: 15px !important
    }
    .three_pl .pb-6 {
        padding-bottom: 12px
    }
    .three_pl .product-thumbnail1__reverse {
        width: 100% !important;
        height: 26.5em !important;
        border-radius: 8px;
        background: rgb(255, 255, 255);
        position: relative;
        margin: 0 auto !important
    }
    .three_pl .reverse_thumbnail_wrapper>a {
        position: absolute !important;
        z-index: 9999;
        background-color: #034599cc;
        top: 42%;
        margin-left: 40px !important;
        font-size: 14px;
        padding: 12px 0;
        display: block;
        text-align: center;
        width: 77% !important;
        color: #fff !important;
        text-transform: uppercase
    }
}

@media only screen and (max-width: 360px) {
    .three_pl .label_positions {
        position: relative !important;
        right: 0 !important;
        float: none !important;
        top: -10px !important
    }
    .dp_puro_flex {
        display: flex
    }
    .three_pl .label_positions textarea {
        height: 55px !important
    }
    .float-left1,
    .float-right1 {
        float: left;
        margin-left: 15px
    }
    .wizard.wizard-wired ul li:before {
        display: block;
        content: "";
        width: 100%;
        height: 4px !important;
        font-size: 0;
        overflow: hidden;
        background-color: transparent !important;
        position: relative !important;
        top: 25px;
        z-index: 1 !important
    }
    .wizard.wizard-wired ul li .title {
        text-align: left !important
    }
    .product-thumbnail__wrapper1 {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
        border-radius: 0;
        z-index: 22;
        border: none !important
    }
    .product-thumbnail__image1 {
        position: absolute;
        inset: 0;
        max-width: 100%;
        max-height: 100%;
        margin: auto;
        cursor: pointer !important
    }
    .product-thumbnail1:after {
        content: "";
        display: block;
        position: absolute;
        inset: 0;
        border-radius: 0;
        z-index: 2
    }
    .three_pl .disable_div {
        text-align: center;
        font-size: 28px !important;
        color: #000;
        padding-top: 194px;
        position: absolute;
        background-color: #6aba014d;
        height: 451px !important;
        z-index: 9999;
        width: 329px !important;
        left: 15px !important;
        bottom: 1px !important
    }
    .three_pl .padding-left-25,
    .three_pl .padding-left-11 {
        padding-left: 15px
    }
    .three_pl .wizard.wizard-wired ul {
        display: block;
        width: 100% !important
    }
    .three_pl .wizard.wizard-wired ul li {
        width: 100% !important;
        display: block !important;
        align-items: center;
        margin-bottom: 10px;
        text-align: left;
        float: none
    }
    .three_pl .wizard ul li.active:before {
        background-color: transparent !important
    }
    .three_pl .wizard.wizard-wired ul li .title.bold.font-16 {
        margin-top: 10px;
        margin-bottom: 4px !important
    }
    .three_pl .wizard ul li.active .step,
    .three_pl .wizard.wizard-wired ul li .step {
        float: left
    }
    .three_pl .wizard.wizard-wired ul li {
        width: 100% !important
    }
    .three_pl .wizard.wizard-wired ul li {
        width: 100% !important;
        min-height: 50px
    }
    .three_pl .product__image {
        float: none !important;
        width: 100% !important;
        margin: 0 auto 10px !important
    }
    .three_pl .modal-content {
        min-width: 254px !important
    }
    .three_pl button.btn.btn-default.btnCancelRMA {
        background: #000000;
        background-color: #000 !important;
        color: #fff;
        border: 0px solid #ccc !important;
        text-transform: uppercase;
        font-weight: 600;
        padding: 5.75px 30px;
        width: 100% !important
    }
    .three_pl .product__image1 {
        float: none !important;
        width: auto !important;
        margin: 0 auto !important
    }
    .three_pl .product-thumbnail1 {
        width: 23.644em !important;
        height: 23.644em !important;
        border-radius: 8px;
        background: rgb(255, 255, 255);
        position: relative;
        margin-bottom: 0 !important
    }
    .three_pl .track_page .product-thumbnail__wrapper1 a {
        position: absolute !important;
        z-index: 9999;
        background-color: #6aba01cc;
        top: 42%;
        margin-left: 15px;
        margin-right: 15px;
        font-size: 22px;
        padding: 10px 0;
        display: block;
        text-align: center;
        width: 300px;
        color: #fff !important;
        text-transform: uppercase
    }
    .three_pl .text-right {
        text-align: left !important
    }
    .three_pl .terms {
        padding-bottom: 20px
    }
    .three_pl .navbar-collapse {
        background-color: #eee
    }
    .three_pl .inner_header.site-top-banner a {
        color: #fff !important;
        font-size: 14px;
        text-transform: uppercase;
        display: block;
        float: left;
        padding: 9px 5px !important;
        font-family: Calibri, sans-serif !important
    }
    .three_pl .inner_header .lang {
        margin-top: 8px !important
    }
    .three_pl .inner_header .navbar .navbar-header {
        float: none !important;
        height: 60px;
        vertical-align: middle
    }
    .three_pl .navbar-toggle .icon-bar {
        background-color: #666
    }
    .three_pl .inner_header .nevbar-right {
        float: left;
        margin: 0
    }
    .three_pl .navbar {
        height: 80px !important;
        padding-top: 0 !important
    }
    .three_pl .inner_header .navbar .navbar-brand {
        height: 60px
    }
    .three_pl .track_page .scrollable-content1 {
        padding-left: 20px !important;
        padding-right: 20px !important;
        height: 430px !important
    }
    .three_pl .product-thumbnail_logo {
        width: 2em;
        height: 1.6em;
        border-radius: 0;
        background: rgb(255, 255, 255);
        position: relative;
        margin-left: 5px
    }
    .three_pl .nav>li>a {
        position: relative;
        display: block;
        padding: 15px 30px !important
    }
    .three_pl .navbar-nav .open .dropdown-menu {
        margin-left: 28px;
        margin-bottom: 15px !important
    }
    .three_pl .pb-6 {
        padding-bottom: 12px
    }
    .three_pl .product-thumbnail1__reverse {
        width: 100% !important;
        height: 26.5em !important;
        border-radius: 8px;
        background: rgb(255, 255, 255);
        position: relative;
        margin: 0 auto !important
    }
    .three_pl .reverse_thumbnail_wrapper>a {
        position: absolute !important;
        z-index: 9999;
        background-color: #6aba01cc;
        top: 42%;
        margin-left: 37px !important;
        font-size: 16px;
        padding: 14px 0;
        display: block;
        text-align: center;
        width: 77% !important;
        color: #fff !important;
        text-transform: uppercase
    }
}

@media only screen and (max-width: 320px) {
    .three_pl .label_positions {
        position: relative !important;
        right: 0 !important;
        float: none !important;
        top: -10px !important
    }
    .dp_puro_flex {
        display: flex
    }
    .three_pl .label_positions textarea {
        height: 55px !important
    }
    .float-left1,
    .float-right1 {
        float: left;
        margin-left: 15px
    }
    .wizard.wizard-wired ul li:before {
        display: block;
        content: "";
        width: 100%;
        height: 4px !important;
        font-size: 0;
        overflow: hidden;
        background-color: transparent !important;
        position: relative !important;
        top: 25px;
        z-index: 1 !important
    }
    .wizard.wizard-wired ul li .title {
        text-align: left !important
    }
    .product-thumbnail__wrapper1 {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
        border-radius: 0;
        z-index: 22;
        border: none !important
    }
    .product-thumbnail__image1 {
        position: absolute;
        inset: 0;
        max-width: 100%;
        max-height: 100%;
        margin: auto;
        cursor: pointer !important
    }
    .product-thumbnail1:after {
        content: "";
        display: block;
        position: absolute;
        inset: 0;
        border-radius: 0;
        z-index: 2
    }
    .product-thumbnail1__reverse {
        width: 100% !important;
        height: 22.5em !important;
        border-radius: 8px;
        background: rgb(255, 255, 255);
        position: relative;
        margin: 0 auto !important
    }
    .reverse_thumbnail_wrapper>a {
        position: absolute !important;
        z-index: 9999;
        background-color: #6aba01cc;
        top: 42%;
        margin-left: 33px !important;
        font-size: 14px;
        padding: 12px 0;
        display: block;
        text-align: center;
        width: 77% !important;
        color: #fff !important;
        text-transform: uppercase
    }
    .three_pl .disable_div {
        text-align: center;
        font-size: 24px !important;
        color: #000;
        padding-top: 194px;
        position: absolute;
        background-color: #6aba014d;
        height: 451px !important;
        z-index: 9999;
        width: 289px !important;
        left: 15px !important;
        bottom: 1px !important
    }
    .three_pl .padding-left-25,
    .three_pl .padding-left-11 {
        padding-left: 15px
    }
    .three_pl .search-bg {
        background-color: #e9fafb;
        border: 1px solid rgb(191, 186, 186);
        padding: 32px 5px 27px !important;
        border-radius: 5px
    }
    .three_pl .font-16.text-uppercase.bold {
        font-size: 14px !important
    }
    .three_pl .carousel-item .carousel-caption h3 {
        font-size: 10px !important
    }
    .three_pl .wizard.wizard-wired ul {
        display: block;
        width: 100% !important
    }
    .three_pl .wizard.wizard-wired ul li {
        width: 100% !important;
        display: block !important;
        align-items: center;
        margin-bottom: 10px;
        text-align: left;
        float: none
    }
    .three_pl .wizard ul li.active:before {
        background-color: transparent !important
    }
    .three_pl .wizard ul li.active .step,
    .three_pl .wizard.wizard-wired ul li .step {
        float: left
    }
    .three_pl .wizard.wizard-wired ul li {
        width: 100% !important;
        min-height: 40px
    }
    .three_pl .navbar-brand>img {
        max-width: 134px !important;
        margin-top: 0 !important
    }
    .three_pl .wizard.wizard-wired ul li {
        width: 100% !important;
        min-height: 50px
    }
    .three_pl .modal-content {
        min-width: 254px !important
    }
    .three_pl button.btn.btn-default.btnCancelRMA {
        background: #000000;
        background-color: #000 !important;
        color: #fff;
        border: 0px solid #ccc !important;
        text-transform: uppercase;
        font-weight: 600;
        padding: 5.75px 30px;
        width: 100% !important
    }
    .three_pl .product__image1 {
        float: none !important;
        width: auto !important;
        margin: 0 auto !important
    }
    .three_pl .product-thumbnail1 {
        width: 20.644em !important;
        height: 20.644em !important;
        border-radius: 8px;
        background: rgb(255, 255, 255);
        position: relative;
        margin-bottom: 0 !important
    }
    .three_pl .text-right {
        text-align: left !important
    }
    .three_pl .terms {
        padding-bottom: 20px
    }
    .three_pl .navbar-collapse {
        background-color: #eee
    }
    .three_pl .inner_header.site-top-banner a {
        color: #fff !important;
        font-size: 13px;
        text-transform: uppercase;
        display: block;
        float: left;
        padding: 9px 5px !important;
        font-family: Calibri, sans-serif !important
    }
    .three_pl .inner_header .lang {
        margin-top: 6px !important
    }
    .three_pl .inner_header .navbar .navbar-header {
        float: none !important;
        height: 60px;
        vertical-align: middle
    }
    .three_pl .navbar-toggle .icon-bar {
        background-color: #666
    }
    .three_pl .inner_header .nevbar-right {
        float: left;
        margin: 0
    }
    .three_pl .navbar {
        height: 80px !important;
        padding-top: 0 !important
    }
    .three_pl .inner_header .navbar .navbar-brand {
        height: 60px
    }
    .three_pl .track_page .product-thumbnail__wrapper1 a {
        position: absolute !important;
        z-index: 9999;
        background-color: #6aba01cc;
        top: 42%;
        margin-left: 15px;
        margin-right: 15px;
        font-size: 14px;
        padding: 10px 0;
        display: block;
        text-align: center;
        width: 256px;
        color: #fff !important;
        text-transform: uppercase
    }
    .three_pl .track_page .scrollable-content1 {
        padding-left: 20px !important;
        padding-right: 20px !important;
        height: 430px !important
    }
    .three_pl .product-thumbnail_logo {
        width: 2em;
        height: 1.5em;
        border-radius: 0;
        background: rgb(255, 255, 255);
        position: relative;
        margin-left: 5px
    }
    .three_pl .nav>li>a {
        position: relative;
        display: block;
        padding: 15px 30px !important
    }
    .three_pl .navbar-nav .open .dropdown-menu {
        margin-left: 28px;
        margin-bottom: 15px !important
    }
    .three_pl .pb-6 {
        padding-bottom: 12px
    }
    .three_pl .product-thumbnail1__reverse {
        width: 100% !important;
        height: 22.5em !important;
        border-radius: 8px;
        background: rgb(255, 255, 255);
        position: relative;
        margin: 0 auto !important
    }
    .three_pl .reverse_thumbnail_wrapper>a {
        position: absolute !important;
        z-index: 9999;
        background-color: #004599cc;
        top: 42%;
        margin-left: 33px !important;
        font-size: 14px;
        padding: 12px 0;
        display: block;
        text-align: center;
        width: 77% !important;
        color: #fff !important;
        text-transform: uppercase
    }
}

@media only screen and (max-width: 280px) {
    .wizard.wizard-wired ul li:before {
        display: block;
        content: "";
        width: 100%;
        height: 4px !important;
        font-size: 0;
        overflow: hidden;
        background-color: transparent !important;
        position: relative !important;
        top: 25px;
        z-index: 1 !important
    }
    .product-thumbnail__wrapper1 {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
        border-radius: 0;
        z-index: 22;
        border: none !important
    }
    .product-thumbnail__image1 {
        position: absolute;
        inset: 0;
        max-width: 100%;
        max-height: 100%;
        margin: auto;
        cursor: pointer !important
    }
    .product-thumbnail1:after {
        content: "";
        display: block;
        position: absolute;
        inset: 0;
        border-radius: 0;
        z-index: 2
    }
    .three_pl .disable_div {
        text-align: center;
        font-size: 24px !important;
        color: #000;
        padding-top: 194px;
        position: absolute;
        background-color: #6aba014d;
        height: 451px !important;
        z-index: 9999;
        width: 250px !important;
        left: 15px !important;
        bottom: 1px !important
    }
    .three_pl .padding-left-25,
    .three_pl .padding-left-11 {
        padding-left: 15px
    }
    .three_pl .carousel-item .carousel-caption h3 {
        font-size: 10px !important
    }
    .three_pl .wizard.wizard-wired ul {
        display: block;
        width: 100% !important
    }
    .three_pl .wizard.wizard-wired ul li {
        width: 100% !important;
        display: block !important;
        align-items: center;
        margin-bottom: 10px;
        text-align: left;
        float: none
    }
    .three_pl .wizard ul li.active:before {
        background-color: transparent !important
    }
    .three_pl .wizard ul li.active .step,
    .three_pl .wizard.wizard-wired ul li .step {
        float: left
    }
    .three_pl .navbar .navbar-brand {
        padding: 2px 0 !important;
        width: 80px !important
    }
    .three_pl .wizard.wizard-wired ul li {
        width: 100% !important
    }
    .three_pl .navbar-brand>img {
        max-width: 134px !important;
        margin-top: 0 !important
    }
    .three_pl .wizard.wizard-wired ul li .title.bold.font-16 {
        margin-top: 8px;
        margin-bottom: 4px !important
    }
    .three_pl .wizard.wizard-wired ul li {
        width: 100% !important;
        min-height: 50px
    }
    .three_pl .modal-content {
        min-width: 254px !important
    }
    .three_pl button.btn.btn-default.btnCancelRMA {
        background: #000000;
        background-color: #000 !important;
        color: #fff;
        border: 0px solid #ccc !important;
        text-transform: uppercase;
        font-weight: 600;
        padding: 5.75px 30px;
        width: 100% !important
    }
    .three_pl .product__image,
    .three_pl .product__image1 {
        float: none !important;
        width: auto !important;
        margin: 0 auto !important
    }
    .three_pl .product-thumbnail1 {
        width: 18em !important;
        height: 18em !important;
        border-radius: 8px;
        background: rgb(255, 255, 255);
        position: relative;
        margin-bottom: 0 !important
    }
    .three_pl .track_page .product-thumbnail__wrapper1 a {
        position: absolute !important;
        z-index: 9999;
        background-color: #6aba01cc;
        top: 42%;
        margin-left: 15px;
        margin-right: 15px;
        font-size: 18px;
        padding: 10px 0;
        display: block;
        text-align: center;
        width: 220px;
        color: #fff !important;
        text-transform: uppercase
    }
    .three_pl .text-right {
        text-align: left !important
    }
    .three_pl .terms {
        padding-bottom: 20px
    }
    .three_pl .navbar-collapse {
        background-color: #eee;
        margin-top: 10px !important
    }
    .three_pl .inner_header.site-top-banner a {
        color: #fff !important;
        font-size: 10px;
        text-transform: uppercase;
        display: block;
        float: left;
        padding: 9px 5px !important;
        font-family: Calibri, sans-serif !important
    }
    .three_pl .inner_header .lang {
        margin-top: 4px !important
    }
    .three_pl .inner_header .navbar .navbar-header {
        float: none !important;
        height: 60px;
        vertical-align: middle
    }
    .three_pl .navbar-toggle .icon-bar {
        background-color: #666
    }
    .three_pl .inner_header .nevbar-right {
        float: left;
        margin: 0
    }
    .three_pl .navbar {
        height: 80px !important;
        padding-top: 0 !important
    }
    .three_pl .inner_header .navbar .navbar-brand {
        height: 60px
    }
    .three_pl .track_page .scrollable-content1 {
        padding-left: 20px !important;
        padding-right: 20px !important;
        height: 430px !important
    }
    .three_pl .product-thumbnail_logo {
        width: 5em;
        height: 1.5em;
        border-radius: 0;
        background: rgb(255, 255, 255);
        position: relative;
        margin-left: 5px
    }
    .three_pl .nav>li>a {
        position: relative;
        display: block;
        padding: 15px 30px !important
    }
    .three_pl .navbar-nav .open .dropdown-menu {
        margin-left: 28px;
        margin-bottom: 15px !important
    }
    .three_pl .pb-6 {
        padding-bottom: 12px
    }
    .three_pl .product-thumbnail1__reverse {
        width: 100% !important;
        height: 19.5em !important;
        border-radius: 8px;
        background: rgb(255, 255, 255);
        position: relative;
        margin: 0 auto !important
    }
    .three_pl .reverse_thumbnail_wrapper>a {
        position: absolute !important;
        z-index: 9999;
        background-color: #004599cc;
        top: 42%;
        margin-left: 29px !important;
        font-size: 14px;
        padding: 10px 0;
        display: block;
        text-align: center;
        width: 77% !important;
        color: #fff !important;
        text-transform: uppercase
    }
}

.pt_15_pb_15,
.p_15 {
    padding: 22px 0
}

.custom_checkbox {
    position: static !important;
    opacity: 9 !important;
    float: left;
    margin: 0 10px 0 0 !important
}

.info {
    background-color: #e7f3fe;
    border-left: 6px solid #d31334;
    padding: 15px;
    margin-bottom: 28px
}

.info p {
    margin-bottom: 0;
    font-size: 17px;
    color: #000;
    line-height: 21px
}

.acc00008 .info p {
    margin-bottom: 0;
    font-size: 15px;
    color: #000;
    line-height: 21px
}

a[data-bs-toggle=collapse].active:before {
    content: "\f067" !important
}

.input-bs-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap;
    z-index: 3
}

.modal_input {
    width: 100%;
    height: 28px;
    text-indent: 5px
}

.width25 {
    margin-left: 10px
}

.width25 input {
    width: 310px
}

.ctrl_conditions {
    display: inline-flex;
    width: 100%;
    justify-content: center
}

.maxWidth197 {
    max-width: 197px;
    min-width: 150px
}

.indent_ten {
    text-indent: 10px
}

.ag-theme-balham .ag-row:not(.ag-row-first) {
    border-width: 0px 0 0 !important
}

.ag-theme-balham .ag-header {
    border-bottom: 0px !important
}

.fa-plus:before {
    content: "\f055" !important;
    font-size: 13px
}

button {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    border-radius: 5px !important
}

.btn-danger,
.btn-danger:focus {
    padding-left: 50px !important;
    padding-right: 50px !important;
    text-transform: uppercase !important;
    font-weight: 700 !important
}

.ag-theme-balham .ag-root {
    border: 1px solid rgb(191, 186, 186) !important
}

.custom_tabs ul li {
    width: 33.33%;
    display: inline
}

ul.nav-tabs .active:hover {
    height: 42px !important
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
    color: #000 !important;
    border: 1px rgb(191, 186, 186) solid !important;
    border-bottom: 0 !important;
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
    background: rgb(255, 255, 255) !important
}

.input-bs-group .input-bs-group-text {
    border-radius: 0 !important;
    background-image: none !important;
    height: 40px
}

.input-bs-group .form-control:last-child,
.input-bs-group-text:last-child,
.input-bs-group-btn:first-child>.btn-group:not(:first-child)>.btn,
.input-bs-group-btn:first-child>.btn:not(:first-child),
.input-bs-group-btn:last-child>.btn,
.input-bs-group-btn:last-child>.btn-group>.btn,
.input-bs-group-btn:last-child>.dropdown-bs-toggle {
    border: 1px solid #ccc !important
}

.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px
}

.switch input {
    display: none
}

input:checked+.slider {
    background-color: #8cc34b
}

.slider.round {
    border-radius: 34px
}

.slider {
    position: absolute;
    cursor: pointer;
    inset: 0;
    background-color: #ccc;
    transition: .4s
}

input:checked+.slider:before {
    transform: translate(26px)
}

.slider.round:before {
    border-radius: 50%
}

.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: #fff;
    transition: .4s
}

.nav-tabs>li>a {
    color: #001996 !important
}

.mb25 {
    margin-bottom: 22px;
    padding-bottom: 0 !important
}

.text-primary {
    color: #001996 !important;
    text-transform: capitalize;
    font-weight: 400;
    font-family: Solo Sans
}

.panel-default>.panel-heading {
    background-color: #ebebeb !important;
    border-color: #bfbaba
}

.nav-tabs>li>a:hover {
    background-color: #bfbaba !important;
    border-color: #bfbaba !important;
    border-radius: 4px 4px 0 0 !important;
    color: #001996 !important;
    position: relative;
    top: 0;
    height: 42px !important;
    margin-top: 1px
}

.nav-tabs>li>a:focus {
    background-color: #bfbaba !important;
    border-color: #bfbaba !important;
    border-radius: 4px 4px 0 0 !important;
    color: #001996 !important
}

.custom_tabs .nav>li>a {
    padding: 12px 15px !important;
    text-align: center;
    width: 100%;
    display: inline-block
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-login-area>li .avatar-area .caption {
    line-height: 20px !important;
    height: 34px !important
}

.ag-height-filter {
    height: calc(100% - 71px) !important
}

.nav-tabs>li>a,
.nav-tabs>li>a:focus {
    line-height: 20px !important;
    height: 45px !important
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
    line-height: 20px !important;
    height: 43px !important;
    margin-top: 1px !important
}

.border_btn {
    background-color: #fff !important;
    color: #000 !important
}

.main-container .optional_clr {
    border-color: #8cc34b !important;
    background: rgb(140, 195, 75) !important;
    background-color: #8cc34b !important
}

.barcode_icon {
    padding: 6px 12px !important;
    font-size: 18px !important;
    color: #001996;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
    position: absolute;
    right: 0;
    z-index: 2;
    height: 40px;
    cursor: pointer;
    line-height: 26px !important;
    top: 0
}

.mt_35 {
    margin-top: 35px
}

.nav-tabs.nav-justified {
    width: 100%;
    border-bottom: 0;
    height: 43px !important;
    box-shadow: 0 0 #0000004d !important;
    border-bottom: 1px solid rgb(191, 186, 186) !important;
    margin-bottom: 20px !important
}

.border_top {
    border-top: 1px rgb(191, 186, 186) solid;
    padding-top: 25px;
    margin-top: 15px
}

.default_custom {
    color: #000 !important;
    background: rgb(255, 255, 255) !important;
    padding: 5.6px 12px !important;
    text-transform: capitalize !important;
    border: 1px rgb(191, 186, 186) solid !important;
    width: 100%;
    text-align: left !important;
    box-shadow: none !important;
    border-radius: 3px !important
}

.dropdown-bs-toggle.full-width:after {
    color: #7e7a7a;
    content: "\f0d7";
    float: right;
    border: none;
    font-family: FontAwesome;
    right: 10px;
    position: absolute
}

.mt_25 {
    margin-top: 25px
}

.mt_15 {
    margin-top: 15px
}

.icon_center {
    text-align: left
}

.static_position {
    position: static !important;
    opacity: 9 !important
}

::-webkit-scrollbar {
    width: 12px;
    height: 12px
}

::-webkit-scrollbar-track {
    background: rgb(255, 255, 255);
    border: 1px #c2bfbf solid;
    border-radius: 10px
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #c8c6c6
}

::-webkit-scrollbar-thumb :hover {
    background: #f1f1f1 !important
}

.edit .btn:hover,
.dropdown-footer .btn:hover {
    color: #a2a0a0 !important
}

.hover_text {
    margin-top: 8px !important;
    font-size: 14px !important;
    display: block !important
}

.hover_eff span:hover,
.hover_eff:hover {
    color: #000 !important
}

.custom_btn_hvr .btn:hover,
.btn-default:hover {
    color: #a2a1a1 !important
}

.intl-tel-input .flag-dropdown .selected-bs-flag {
    padding: 12px 16px 6px 6px !important
}

.intl-tel-input .flag-dropdown .selected-bs-flag:hover {
    background-color: transparent !important
}

.intl-tel-input .flag-dropdown .selected-bs-flag .down-arrow {
    display: none !important
}

.previous,
.next {
    padding-top: 0 !important
}

.bs-datepicker-head button {
    line-height: 10px !important
}

.editdisable {
    pointer-events: none !important
}

.pt_25 {
    padding-top: 25px
}

.mt_40 {
    margin-top: 40px
}

.pt_15_pb_15 {
    padding: 15px 0
}

.pb_21 {
    padding-bottom: 21px
}

.custom_checkbox {
    position: static !important;
    opacity: 9 !important;
    float: left;
    width: 100%
}

.panel-default>.panel-heading {
    position: relative !important
}

img {
    object-fit: contain !important
}

.pull-right-custom {
    float: right
}

.panel-default>.panel-heading {
    background-color: #fff !important
}

.ag-center-cols-container {
    min-width: 100% !important
}

.height-vh {
    height: calc(100% + -0px)
}

.content_v1 {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    font-size: 17px
}

.track {
    text-decoration: underline !important
}

textarea {
    resize: none !important
}

.row-equal {
    display: table;
    width: 100%
}

.col-equal {
    display: table-cell
}

a:focus {
    outline: none !important
}

.popover {
    width: 200px;
    z-index: 9999999999 !important
}

html {
    height: 100%;
    background: rgb(238, 245, 249)
}

body {
    font-family: Solo Sans;
    font-weight: 400;
    color: #000;
    background: rgb(238, 245, 249)
}

h1,
.h1 {
    font-family: SoloSans-Bold;
    font-size: 30px !important
}

h2,
.h2 {
    font-family: SoloSans-Bold;
    font-size: 24px !important
}

h3,
.h3 {
    font-family: SoloSans-Bold;
    font-size: 18px !important
}

h4,
.h4 {
    font-family: SoloSans-Bold;
    font-size: 16px !important
}

p {
    font-family: Solo Sans;
    font-size: 14px;
    line-height: 20px;
    color: #000
}

a,
.pagination>li>a,
a h4.panel-title,
.sidebar a.active-link {
    color: #001996 !important;
    text-decoration: none
}

a:hover,
a:focus {
    color: #001996;
    text-decoration: none
}

a.gray:hover,
a.gray:focus {
    color: #000
}

.pagination {
    display: flex;
    display: -ms-flexbox;
    justify-content: center
}

.light {
    font-family: SoloSans-Light;
    font-weight: 300
}

.regular {
    font-family: Solo Sans;
    font-weight: 400
}

.bold {
    font-weight: 700
}

.light-blue {
    color: #001996;
    cursor: pointer
}

.select_input_xs_width {
    margin-bottom: 0 !important
}

.med-blue {
    color: #001996
}

.dark-blue {
    color: #000
}

.purple {
    color: #a867dd
}

.green {
    color: #8cc34b
}

.yellow {
    color: #ffc700
}

.red {
    color: #ea2f48
}

.orange {
    color: #f6921e
}

.teal {
    color: #87d1cf
}

.white {
    color: #fff
}

.three_pl .gray {
    color: #000 !important;
    font-size: 1.2rem !important;
    padding-left: 5px;
    position: absolute;
    top: 21px
}

.light-blue-bkg,
.med-blue-bkg {
    background-color: #001996
}

.dark-blue-bkg {
    background-color: #000
}

.teal-bkg {
    background-color: #87d1cf
}

.white-bkg {
    background-color: #fff
}

.green-button {
    background: rgb(140, 195, 75);
    padding: 10px 50px;
    border-radius: 5px;
    color: #fff;
    font-family: Solo Sans;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 400;
    transition: background .5s
}

.green-button:hover,
.green-button:focus {
    outline: none;
    background: #83b746;
    color: #fff !important
}

.light-blue-button {
    background: rgb(0, 25, 150);
    padding: 10px 50px;
    border-radius: 5px;
    color: #fff;
    font-family: Solo Sans;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700 !important;
    transition: background .5s
}

.light-blue-button:hover,
.light-blue-button:focus {
    outline: none;
    background: #00aec5;
    color: #fff !important
}

.gray-button {
    background: rgb(117, 114, 114);
    padding: 10px 50px;
    border-radius: 5px;
    color: #fff;
    font-family: Solo Sans;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 400;
    transition: background .5s
}

.gray-button:hover,
.gray-button:focus {
    outline: none;
    background: rgb(0, 0, 0);
    color: #fff !important
}

.margin {
    margin: 20px
}

.margin-left {
    margin-left: 20px
}

.margin-right {
    margin-right: 20px
}

.margin-top {
    margin-top: 20px
}

.margin-top40 {
    margin-top: 40px
}

.margin-bottom {
    margin-bottom: 20px
}

.padding {
    padding: 20px
}

.padding-left {
    padding-left: 20px
}

.padding-right {
    padding-right: 20px
}

.padding-right10 {
    padding-right: 10px
}

.padding-top {
    padding-top: 20px
}

.padding-top10 {
    padding-top: 10px
}

.padding-bottom {
    padding-bottom: 20px
}

.home-section .home-content .bx-menu,
.home-section .home-content .text {
    color: #11101d !important;
    font-size: 35px !important
}

.home-section .home-content .bx-menu {
    margin: 5px !important;
    cursor: pointer !important;
    color: #fff
}

.home-section .home-content .text {
    font-size: 26px !important;
    font-weight: 600
}

.close {
    opacity: 1 !important
}

.header2 {
    background-color: #001996;
    padding: 10px
}

.breadcrumbs {
    background-color: #fff;
    padding: 10px 10px 10px 20px
}

.breadcrumbs p {
    margin-bottom: 0;
    color: #000;
    font-family: SoloSans-Light;
    font-weight: 300
}

.user {
    font-size: 20px;
    padding-bottom: 2px;
    margin-bottom: 0;
    padding-top: 0;
    line-height: 2rem
}

.role {
    font-size: 14px;
    padding-bottom: 0;
    margin-bottom: 0
}

.text-right {
    text-align: right
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.fa-cog,
.fa-user {
    padding-top: 5px
}

.fl-right {
    float: right;
    display: flex;
    display: -ms-flexbox
}

.fl-left {
    float: left;
    display: flex;
    display: -ms-flexbox
}

td,
tbody,
tfoot,
th,
thead,
tr {
    border-collapse: collapse;
    border-color: #e7e5e569;
    background: rgb(255, 255, 255);
    border-width: 1px
}

.table-collapse {
    background: rgb(255, 255, 255)
}

table.table.table-borderless td,
table.table.table-borderless tbody,
table.table.table-borderless tfoot,
table.table.table-borderless th,
table.table.table-borderless thead,
table.table.table-borderless tr {
    border-collapse: collapse;
    border-color: #fff;
    background: rgb(255, 255, 255);
    border-width: 0px
}

input:focus,
textarea:focus,
.form-control:focus,
.form-control:focus {
    outline: none !important;
    border-color: #757272 !important;
    box-shadow: none !important
}

.form-control,
select.form-control {
    color: #757272;
    font-weight: 300;
    font-family: Solo Sans;
    height: 42px !important;
    border-radius: 5px !important
}

.accordion-item {
    margin-bottom: 20px;
    border: none !important
}

.accordion-button,
.accordion-button:focus {
    background: #eee !important;
    outline: none !important;
    color: #000 !important;
    border-color: transparent !important;
    box-shadow: none !important
}

.ellipsis.dropdown-bs-toggle:after {
    display: none
}

.form-check-input:checked {
    background-color: #8cc34b;
    border-color: #8cc34b
}

.border-bottom {
    border-bottom: 1px solid rgb(117, 114, 114)
}

.border-top {
    border-top: 1px solid #eaeaea
}

p.status-block {
    font-size: 17.5px;
    line-height: 1.25
}

.box-shadow {
    box-shadow: 2px 2px 2px #aaa
}

.item-name {
    font-size: 17.5px;
    font-family: Solo Sans
}

.no-list {
    list-style-type: none;
    padding: 0;
    color: #000;
    font-family: Solo Sans
}

.status {
    font-size: 17.5px;
    font-family: Solo Sans;
    color: #000
}

.disposition,
.discrepancy .font_clr {
    font-family: Solo Sans;
    color: #747373 !important;
    font-weight: 400
}

.btn-group-lg {
    width: 100%
}

.width20 {
    width: 20%;
    margin-right: 15px
}

.btn-primary {
    color: #fff !important;
    background-color: #001996 !important;
    border-color: #001996 !important;
    padding-left: 50px;
    padding-right: 50px;
    font-weight: 700 !important
}

.btn-group {
    width: 100% !important
}

.btn-group>.btn {
    margin-right: 0 !important
}

.three_pl .item {
    margin-bottom: 40px
}

.three_pl .modal-backdrop.in {
    opacity: .5;
    z-index: 5 !important
}

.modal-content,
.modal-dialog {
    z-index: 10 !important
}

.input-bs-group .form-control {
    z-index: 0 !important
}

span.data {
    font-size: 1.25rem;
    color: #000;
    text-align: left
}

span.data-title {
    color: #000;
    font-weight: 700;
    text-align: left
}

.shortage-item {
    display: block;
    text-align: left
}

.sidebar .nav-links li a.active-link i,
.sidebar .nav-links li a.active-link span.link_name {
    color: #001996 !important;
    text-shadow: none !important
}

.badge {
    font-size: 18px !important
}

a {
    cursor: pointer
}

.page_crtl .btn,
.btn-default,
.btn:focus,
.btn-default:focus {
    border-color: #ccc !important
}

.fnt18 .fa-pencil:before {
    font-size: 18px;
    padding-left: 5px
}

.height_ctrl .height_42 {
    height: 42px !important;
    border: 1px solid #ccc !important;
    box-shadow: inset 0 1px 1px #00000014 !important;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s !important
}

#image_src,
#image_src2,
#image_src3 {
    width: 35px;
    height: 35px;
    margin-right: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer
}

textarea {
    background-color: #fff !important;
    box-shadow: inset #ccc 2px 2px 2px
}

i.selected {
    color: #8cc34b !important
}

.circle-button {
    text-align: center;
    border-radius: 50px;
    height: 50px;
    width: 50px;
    background: rgb(238, 238, 238) !important;
    background: linear-gradient(351deg, rgba(238, 238, 238, 1) 0%, rgba(242, 242, 242, 1) 35%, rgba(255, 255, 255, 1) 100%) !important;
    background-color: #eee !important;
    border: 1px solid #ccc;
    box-shadow: 2px 2px 2px #ccc;
    padding-top: 10px
}

textarea.notes {
    width: 100% !important
}

textarea.notes::placeholder {
    color: #001996
}

span.date {
    color: #bbb
}

.posted-comment {
    border-radius: 5px;
    background: rgb(255, 255, 255);
    border: 1px solid #ccc;
    padding: 20px;
    font-family: Solo Sans
}

.posted-comment p {
    font-family: Solo Sans;
    word-break: break-all
}

.btn-primary:focus {
    outline: none !important;
    border: 1px solid rgb(0, 25, 150)
}

.border-right {
    border-right: 1px solid #ccc;
    display: block;
    height: 40px
}

.border-left {
    border-left: 1px solid #ccc;
    display: block;
    height: 40px
}

.image-upload {
    width: 100%;
    position: relative;
    color: #001996
}

.image-upload img {
    height: 100% !important;
    width: auto !important;
    border-radius: 0;
    margin: 0 auto
}

.image-upload i {
    font-size: 2em;
    color: #001996
}

.image-upload input {
    cursor: pointer;
    opacity: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
    position: absolute;
    top: 0;
    left: 0
}

.badge {
    display: inline-block;
    min-width: 20px;
    padding: 5px 7px !important;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #000;
    border-radius: 10px;
    font-size: 12px !important;
    height: 20px;
    position: absolute;
    top: 0
}

.form-horizontal1 .form-group {
    margin-right: 0;
    margin-left: 0;
    padding-top: 10px
}

.mobile-left {
    text-align: right
}

.image-upload:hover {
    cursor: pointer !important
}

input.qty {
    border: 1px solid #dbdbdb;
    width: 40px;
    height: 50px;
    margin-left: 5px;
    margin-right: 5px;
    border-radius: 5px;
    padding: 5px;
    font-size: 2rem;
    color: #000
}

.focus {
    outline: none !important
}

.qty-input {
    display: block;
    height: 50px
}

button.light-blue-button {
    outline: none !important;
    border: none !important
}

.alert-success {
    color: #fff !important;
    background-color: #8cc354 !important;
    border-color: #8cc34b !important;
    display: inline-block !important;
    z-index: 999999999999999 !important;
    position: absolute !important;
    right: 20px !important;
    top: 20px !important;
    text-align: center !important;
    max-width: 300px !important
}

.alert-success a {
    text-decoration: underline !important;
    color: #fff !important
}

@media (max-width: 420px) {
    .sidebar.close .nav-links li .sub-menu {
        display: none
    }
    .btn-group>.btn {
        margin-right: 20px !important;
        margin-bottom: 20px !important
    }
}

@media screen and (max-width: 990px) {
    p.status.text-right,
    .mobile-left {
        text-align: left !important
    }
    .workbench_mobile_view .mobile-left {
        float: left !important;
        margin-right: 20px
    }
}

@media screen and (max-width: 600px) {
    .text-left,
    .text-right {
        text-align: center
    }
    .hidden-mobile {
        display: none
    }
    .fl-right {
        float: left !important;
        margin-top: 20px
    }
    .mobile-left {
        text-align: left !important
    }
}

@media screen and (max-width: 650px) {
    .text-left,
    .text-right {
        text-align: left !important
    }
    .hidden-mobile {
        display: none
    }
    .collapse {
        display: flex;
        display: -ms-flexbox
    }
    textarea {
        width: 100%
    }
    .btn-group>.btn {
        width: 100% !important;
        margin-right: 0 !important;
        margin-bottom: 0 !important
    }
    .btn-group>.btn.images-button {
        position: relative;
        float: left;
        width: 100% !important;
        margin-right: 20px !important;
        margin-bottom: 20px !important
    }
}

.circle {
    position: relative;
    display: block;
    margin: 0;
    background-color: transparent;
    color: #fff;
    text-align: center
}

.circle:after {
    display: block;
    padding-bottom: 100%;
    width: 100%;
    height: 0;
    border-radius: 50%;
    background-color: #001996;
    content: ""
}

.circle__inner {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.circle__wrapper {
    display: table;
    width: 100%;
    height: 100%
}

.circle__content {
    display: table-cell;
    padding: 1em;
    vertical-align: middle
}

.equal {
    display: flex;
    display: -ms-flexbox;
    flex-wrap: wrap
}

.log-time p {
    color: #696969;
    text-align: right;
    margin: 0
}

.log-time-right p,
p.log-item-description {
    color: #696969;
    text-align: left;
    margin: 0
}

p.log-item-description-left {
    color: #696969;
    text-align: right;
    margin: 0
}

.vcenter {
    display: flex;
    display: -ms-flexbox;
    flex-direction: column;
    justify-content: center
}

.spacer-left {
    display: block;
    height: 40px;
    border-right: 1px solid rgb(191, 186, 186)
}

.spacer-right {
    display: block;
    height: 40px;
    border-left: 1px solid rgb(191, 186, 186)
}

@media (min-width: 480px) {
    .circle__content {
        font-size: 1em
    }
}

@media (min-width: 768px) {
    .circle__content {
        font-size: 1em
    }
    .circle__wrapper {
        display: table;
        width: 100%;
        height: 100%
    }
}

.dropdown-menu {
    position: absolute !important;
    top: 100% !important;
    right: 0 !important;
    z-index: 8 !important;
    display: none;
    float: left !important;
    min-width: 220px !important;
    margin: 2px 0 0 !important;
    font-size: 14px !important;
    text-align: left !important;
    list-style: none !important;
    background-color: #fff !important;
    -webkit-background-clip: padding-box !important;
    background-clip: padding-box !important;
    border: 1px solid #ccc !important;
    border: 1px solid rgba(0, 0, 0, .15) !important;
    border-radius: 4px !important;
    box-shadow: 0 6px 12px #0000002d !important
}

.page-sidebar .sidebar-menu a {
    padding: 0 !important;
    color: #fff !important;
    font-size: 14px !important;
    font-family: Solo Sans Light
}

.page-sidebar .sidebar-menu {
    margin-left: 0
}

.page-body {
    width: 100% !important;
    min-height: calc(100vh - 100px)
}

.display-flex-center {
    display: flex;
    display: -ms-flexbox;
    min-height: 180px;
    top: 0 !important;
    align-items: center;
    flex-direction: row-reverse
}

.custom_yellow {
    color: #ffc700 !important;
    font-size: 20px !important
}

.btn-group>.btn-default-custom>.btn:first-child:not(:last-child):not(.dropdown-bs-toggle) label {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.btn-group>.btn.btn-default-custom:first-child:not(:last-child):not(.dropdown-bs-toggle) {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.btn-group>.btn.btn-default-custom:last-child:not(:first-child),
.btn-group>.dropdown-bs-toggle:not(:first-child) {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important
}

.btn-group>.btn.btn-default-custom:not(:first-child):not(:last-child):not(.dropdown-bs-toggle) {
    border-radius: 0 !important
}

.btn_20 label:first-child {
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important
}

.btn_20 label:last-child {
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important
}

.toast-top-right {
    right: 24px !important
}

button.btn.btn-sm.btn-secondary:focus,
button.btn.btn-sm.btn-secondary:hover,
button.btn.btn-sm.btn-secondary:visited {
    color: #fff !important
}

.ag-body-viewport .ag-center-cols-clipper {
    margin-top: -1px !important
}

.page-body .widget .widget-body .dropdown-menu {
    padding: 0 !important
}

.page-body .widget .widget-body .dropdown-menu>li>a {
    margin-bottom: 0;
    margin-top: 0
}

.report_buttons .btn.btn-primary,
.report_buttons .btn.btn-primary:focus,
.report_buttons .btn.btn-primary:hover,
.report_buttons .btn.btn-primary:active {
    background-color: #999 !important;
    box-shadow: none !important
}

.white_space_wrap tr td {
    word-break: break-word !important
}

.device_li {
    display: none !important
}

.menu-compact .childUL li:nth-child(2) {
    margin-top: 20px !important
}

@media (max-width: 1199.98px) {
    .width25 input {
        width: auto
    }
    .widget-body .check_box_layout {
        margin-top: 15px !important;
        display: block !important
    }
    .language_ctrl {
        position: absolute !important;
        transform: translate(10%);
        right: 0%;
        width: 100px;
        z-index: 999
    }
}

@media (max-width: 991.98px) {
    .padding_190 {
        padding-left: 0 !important
    }
    .hr_none hr {
        display: none
    }
    .width25 input {
        width: auto
    }
    .navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-notifications {
        min-width: 300px
    }
    .p_xs_0 {
        padding: 0 !important
    }
    .workbench_mobile_view .padding-right-15 {
        width: 100%;
        top: 10px;
        justify-content: left;
        right: 0
    }
    .col-md-2.bg-nav {
        float: left
    }
    .form-horizontal.mobile_view .form-group {
        margin-left: 0 !important;
        margin-right: 0 !important
    }
    .col-xs-12.col-sm-12.col-md-6.mobile_margin_20 {
        margin-bottom: 0
    }
}

@media only screen and (max-width: 767.98px) {
    .select_input_xs_width {
        margin-bottom: 10px !important
    }
    .three_pl .shipping_lable_bg {
        margin-bottom: 16px
    }
    .hr_none hr {
        display: none
    }
    .p_xs_0 {
        padding: 0 !important
    }
    .mb_xs_10 {
        margin-bottom: 10px !important
    }
    .content_flex {
        display: block !important
    }
    .grid_custom_flex {
        display: block !important;
        margin-top: 10px !important
    }
    .grid_custom_flex input {
        width: 250px !important
    }
    .content_flex button {
        margin-bottom: 10px !important
    }
    .width_xs_130 {
        width: 130px !important
    }
    .pull-right-custom {
        float: left;
        margin-bottom: 15px
    }
    .alignment_right {
        text-align: left !important
    }
    .mobile_margin_20 {
        margin-bottom: 20px
    }
    .mobile_margin_t_20_b_20 {
        margin: 20px 0
    }
    .btn_20 .btn.btn-default-custom {
        width: 100% !important;
        margin-bottom: 5px !important;
        display: inline-block
    }
    .alignment_right.mobile_view {
        text-align: right !important
    }
    .container-fluid.white-bkg.box-shadow.item {
        margin-bottom: 15px
    }
    .display-flex-center {
        display: inline-block;
        min-height: auto;
        width: 100% !important
    }
    .btn-group>.btn.btn-default-custom:first-child:not(:last-child):not(.dropdown-bs-toggle) {
        border-radius: 4px !important
    }
    .btn-group>.btn.btn-default-custom:last-child:not(:first-child),
    .btn-group>.dropdown-bs-toggle:not(:first-child) {
        border-radius: 4px !important
    }
    .btn_20 label:first-child {
        border-top-left-radius: 4px !important;
        border-bottom-left-radius: 4px !important
    }
    .btn_20 label:last-child {
        border-top-right-radius: 4px !important;
        border-bottom-right-radius: 4px !important
    }
    .btn_20 .btn.btn-default-custom {
        border-radius: 4px !important
    }
    #toast-container>div {
        padding: 10px 30px 10px 10px !important;
        font-size: 14px !important
    }
    .advance_filter_mobile button.btn.btn-primary1 {
        float: right
    }
    .no-list li {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap
    }
    .grid_filter_mobile .advance_filter_mobile button.btn.btn-primary1 {
        width: 100%;
        margin-bottom: 10px
    }
    .grid_filter_mobile .hover_eff1 {
        width: 100%;
        margin-bottom: 15px
    }
    .grid_filter_mobile .hover_eff1 button {
        width: 100%;
        display: inline-block;
        text-align: center
    }
    .advance_filter_mobile .d_filter_flex .flex_grow {
        flex-grow: 1
    }
    .advance_filter_mobile .d_filter_flex .mx_w_4 {
        width: 100% !important
    }
    .three_pl .collapsing {
        position: absolute !important;
        width: 100% !important
    }
    .container {
        width: auto !important
    }
    .three_pl .navbar-collapse.in {
        overflow-y: visible !important;
        position: absolute
    }
    .three_pl .navbar-nav .open .dropdown-menu {
        width: 100% !important
    }
    .pb_21 .max_width button {
        max-width: 100% !important;
        margin-bottom: 10px
    }
    .mobile_fix1 {
        position: relative;
        left: 0
    }
    .mobile_fix2 {
        left: 15px
    }
}

@media (max-width: 650px) {
    .hr_none {
        display: none
    }
    .three_pl .pl_204,
    .three_pl .padding_190 {
        padding-left: 15px !important
    }
    .three_pl .ex_selected_border {
        max-width: 100% !important;
        padding: 10px
    }
    .three_pl .ex_selected_border .pl-2 {
        padding-left: 15px !important
    }
    .three_pl .hover_border .pr-5 {
        padding-right: 15px !important
    }
    .three_pl .ex_del {
        width: 100%;
        height: 35px;
        border: 0px;
        position: static;
        top: -34px;
        right: -15px;
        border-radius: 5px !important
    }
    .three_pl .content_align {
        display: block;
        align-items: center;
        margin: 10px 0;
        text-align: left;
        padding-left: 0 !important
    }
    .text-right button.btn.customSubmitBtn {
        float: right !important
    }
    .footer_bo_buttons .text-right {
        text-align: right !important
    }
}

@media (max-width: 575.98px) {
    .toast-top-right {
        top: 5px !important;
        right: 5px !important
    }
    .orderNumber {
        padding: 40px 5px !important
    }
    .pb_21 .max_width button {
        max-width: 100% !important;
        margin-bottom: 10px
    }
}

@media only screen and (max-width: 530px) {
    .bg-nav {
        width: 150px
    }
    .navbar .navbar-inner .navbar-header .navbar-account .account-area {
        top: 0 !important
    }
    .alignment_right {
        text-align: left !important;
        margin-top: 20px
    }
    .mobile_margin_20 {
        margin-bottom: 20px
    }
    .mobile_margin_t_20_b_20 {
        margin: 20px 0
    }
    .btn_20 .btn.btn-default-custom {
        width: 100% !important
    }
    .no-list li {
        width: 105px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap
    }
    .alignment_right.mobile_view {
        margin-top: 0
    }
    p.status-block,
    .disposition,
    .discrepancy,
    .action-title,
    .status {
        font-size: 1.7rem
    }
    .alignment_right.mobile_view .fa-3x {
        font-size: 2.5em
    }
    .page-body {
        display: inherit !important;
        height: auto !important
    }
    .main-container:after,
    .workbench_mobile_view .btn_20 .btn.btn-default-custom {
        font-size: 12px
    }
    .mobile_margin_20 .height_ctrl .form-control {
        font-size: 10px !important
    }
    .no-list li:last-child {
        overflow: visible !important;
        white-space: inherit !important;
        word-break: break-word !important
    }
    text.highcharts-title {
        font-size: 9px !important
    }
}

@media only screen and (max-width: 420px) {
    .alignment_right.mobile_view .fa-3x {
        font-size: 1.6em
    }
    .custom_yellow {
        font-size: 12px !important
    }
    .no-list li {
        width: 100px !important
    }
    .advance_filter_mobile .d_filter_flex .mx_w_4 {
        font-size: 12px
    }
    #addressPopUp .dropdown ul.dropdown-menu.dropdown-menu1.border0 {
        width: 250px !important
    }
    #addressPopUp .dropdown ul.dropdown-menu.dropdown-menu1.border0 .btn.btn_height {
        padding-left: 20px;
        padding-right: 20px;
        width: 48%
    }
    .btn-danger,
    .btn-danger:focus {
        padding-left: 20px !important;
        padding-right: 20px !important
    }
    .btn,
    .btn-default,
    .btn:focus,
    .btn-default:focus {
        padding-left: 20px;
        padding-right: 20px
    }
    p.status-block,
    .disposition,
    .discrepancy,
    .action-title,
    .status {
        font-size: 1.3rem
    }
    .item-name {
        font-size: 1.4rem
    }
    body {
        font-size: 12px !important
    }
    .fa-3x {
        font-size: 2.5em !important
    }
}

@supports (-webkit-touch-callout: none) {
    .main-container,
    .page-container,
    .page-sidebar,
    body {
        -webkit-overflow-scrolling: touch
    }
}

.font_14 {
    font-size: 14px !important
}

.login_fnt button:hover {
    color: #000 !important
}

.btn-link {
    font-size: 14px !important
}

.page-sidebar.hide {
    display: block !important
}

@media only screen and (max-width: 880px) {
    .page-sidebar {
        display: block !important
    }
    .ctrl_conditions {
        display: block
    }
    .width20 {
        width: 100%
    }
    .width25 {
        margin-left: 0;
        padding: 0 15px
    }
    .maxWidth197 {
        max-width: 100%
    }
}

.flex_width {
    min-width: 140px;
    display: flex;
    display: -ms-flexbox
}

.three_pl .line_ctrl {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    max-width: 300px;
    float: left;
    cursor: pointer
}

.ex_width {
    max-width: 270px
}

.content_align {
    display: flex;
    align-items: center
}

.content_align .select_left_align {
    border: 1px solid rgb(191, 186, 186) !important;
    margin-left: 12px !important;
    border-radius: 0 !important
}

.add_to_back_btn {
    max-width: 210px !important;
    text-transform: uppercase !important;
    padding-left: 50px !important;
    padding-right: 50px !important
}

.ex_del {
    width: 35px;
    height: 35px;
    border: 0px;
    position: absolute;
    top: -39px;
    right: -12px;
    border-radius: 50% !important
}

.ex_del i {
    font-size: 16px !important
}

.ex_bg_h1 {
    float: left;
    width: 100%;
    padding-left: 15px;
    margin-bottom: 12px;
    margin-top: 15px;
    font-size: 16px !important
}

.ex_vavailable {
    float: left;
    width: 100%;
    padding-left: 30px
}

.ex_fnt_size {
    font-weight: 600 !important;
    text-transform: uppercase !important;
    font-size: 16px !important
}

.ex_unabailble {
    color: #ea2f48;
    font-size: 20px;
    font-weight: 700
}

@keyframes change-color {
    25% {
        color: #ea2f48
    }
    50% {
        color: #f6921e
    }
    75% {
        color: #ffc700
    }
}

.ex_unabailble {
    animation-name: change-color;
    animation-duration: 6s;
    animation-iteration-count: infinite
}

.three_pl .hover_border:hover {
    border: 1px rgb(246, 146, 30) solid !important;
    box-shadow: 0 0 10px #0000001c
}

.ex_selected_border {
    border: 1px rgb(191, 186, 186) solid;
    float: left;
    width: 100%;
    border-radius: 5px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 2px rgb(0, 25, 150) solid;
    max-width: 429px;
    margin-right: 30px;
    margin-bottom: 15px
}

.pl_204 {
    padding-left: 204px !important
}

.padding_190 {
    padding-left: 190px !important
}

.ex_lable_m_0 label {
    margin-bottom: 0 !important
}

.max_width_429 {
    max-width: 429px
}

.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
}

.mt-1,
.my-1 {
    margin-top: .25rem !important
}

.mr-1,
.mx-1 {
    margin-right: .25rem !important
}

.mb-1,
.my-1 {
    margin-bottom: .25rem !important
}

.ml-1,
.mx-1 {
    margin-left: .25rem !important
}

.mt-2,
.my-2 {
    margin-top: .5rem !important
}

.mr-2,
.mx-2 {
    margin-right: .5rem !important
}

.mb-2,
.my-2 {
    margin-bottom: .5rem !important
}

.ml-2,
.mx-2 {
    margin-left: .5rem !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
}

.mt-4,
.my-4 {
    margin-top: 1.5rem !important
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem !important
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem !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
}

.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
}

.pt-1,
.py-1 {
    padding-top: .25rem !important
}

.pr-1,
.px-1 {
    padding-right: .25rem !important
}

.pb-1,
.py-1 {
    padding-bottom: .25rem !important
}

.pl-1,
.px-1 {
    padding-left: .25rem !important
}

.pt-2,
.py-2 {
    padding-top: .5rem !important
}

.pr-2,
.px-2 {
    padding-right: .5rem !important
}

.pb-2,
.py-2 {
    padding-bottom: .5rem !important
}

.pl-2,
.px-2 {
    padding-left: .5rem !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
}

.pt-4,
.py-4 {
    padding-top: 1.5rem !important
}

.pr-4,
.px-4 {
    padding-right: 1.5rem !important
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important
}

.pl-4,
.px-4 {
    padding-left: 1.5rem !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
}

.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
}

@keyframes scale {
    0% {
        transform: scale(.5)
    }
    to {
        transform: scale(1)
    }
}

.box_animation {
    animation-name: scale;
    animation-duration: 2s
}

.char_email_lenth {
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 373px;
    white-space: nowrap;
    display: inline-block
}

.char_email_icon {
    float: right;
    margin-left: 3px;
    margin-top: -2px
}

.three_pl #addressPopUp .dropdown-menu1 {
    z-index: 99 !important
}

.view_log_btn_none {
    background-color: transparent !important;
    padding: 0 !important
}

.view_log_btn_none img {
    width: 30px
}

.three_pl .label_positions {
    position: absolute;
    top: 0;
    right: -15px;
    margin: 0;
    padding: 0;
    margin-right: 0 !important;
    float: right;
    text-align: right
}

.input_disabled button[disabled],
html input[disabled] {
    cursor: default;
    opacity: .5;
    background: #e5e5e5 !important
}

a:focus,
a:hover {
    color: #23527c;
    text-decoration: underline;
    color: #000 !important;
    font-weight: 700
}

.three_pl .dropdown-menu li a:hover,
.dropdown-menu li a:focus,
.dropdown-menu li a:active,
.dropdown-menu li.active a,
.dropdown-menu li.active a:hover,
.dropdown-menu .dropdown-submenu:hover>a,
.nav-tabs .dropdown-menu li>a:focus {
    background: #c3c4c6 !important
}

.custom_li:hover {
    background-color: #c3c4c6
}

.form-control:focus,
select:focus {
    border: 1px rgb(34, 34, 34) solid !important
}

.key-label-name .editable_input {
    border: 1px rgb(191, 186, 186) solid !important
}

.three_pl .border,
textarea {
    border: 1px solid rgb(191, 186, 186) !important
}

textarea,
input[type=text],
input[type=password],
input[type=datetime],
input[type=datetime-local],
input[type=date],
input[type=month],
input[type=time],
input[type=week],
input[type=number],
input[type=email],
input[type=url],
input[type=search],
input[type=tel],
input[type=color] {
    border: 1px rgb(191, 186, 186) solid !important
}

hr {
    border-top: 1px solid rgb(191, 186, 186) !important;
    opacity: 9 !important
}

.three_pl .nav>li>.alink:focus,
.nav>li>.alink:hover {
    background-color: #c3c2c2 !important
}

.three_pl .btn:focus,
.btn-default:focus {
    border-color: #00aec5 !important;
    background: rgb(248, 89, 96) !important
}

.three_pl .responsive_table_ctrl p {
    color: #000
}

.sr-only {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px
}

.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px
}

@media (min-width: 768px) {
    .navbar-toggle {
        display: none
    }
}

.fa-calendar {
    color: #7b7676
}

ag-grid,
ag-grid-angular,
ag-grid-ng2,
ag-grid-polymer,
ag-grid-aurelia {
    display: block
}

.ag-hidden {
    display: none !important
}

.ag-invisible {
    visibility: hidden !important
}

.ag-faded {
    opacity: .3
}

.ag-width-half {
    display: inline-block;
    width: 50% !important
}

.ag-unselectable {
    -webkit-user-select: none !important;
    user-select: none !important
}

.ag-selectable {
    -webkit-user-select: text !important;
    user-select: text !important
}

.ag-select-agg-func-popup {
    position: absolute
}

.ag-input-wrapper {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    line-height: normal;
    position: relative;
    overflow: hidden
}

.ag-shake-left-to-right {
    animation-direction: alternate;
    animation-duration: .2s;
    animation-iteration-count: infinite;
    animation-name: ag-shake-left-to-right
}

@keyframes ag-shake-left-to-right {
    0% {
        padding-left: 6px;
        padding-right: 2px
    }
    to {
        padding-left: 2px;
        padding-right: 6px
    }
}

.ag-root-wrapper {
    cursor: default;
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.ag-root-wrapper.ag-layout-normal {
    height: 100%
}

.ag-root-wrapper .ag-watermark {
    position: absolute;
    bottom: 10px;
    right: 25px;
    opacity: .5;
    transition: opacity 1s ease-out 3s
}

.ag-root-wrapper .ag-watermark:before {
    content: "";
    background-image: url(data:image/svg+xml;base64, );
    filter: invert(50%);
    background-repeat: no-repeat;
    background-size: 110px 60px;
    display: block;
    height: 60px;
    width: 110px
}

.ag-root-wrapper .ag-watermark .ag-watermark-text {
    opacity: .5;
    font-weight: 700;
    font-family: Impact;
    font-size: 19px
}

.ag-root-wrapper-body {
    display: flex;
    flex-direction: row
}

.ag-root-wrapper-body.ag-layout-normal {
    flex: 1 1 auto;
    height: 0;
    min-height: 0
}

.ag-root {
    position: relative;
    display: flex;
    flex-direction: column
}

.ag-root.ag-layout-normal,
.ag-root.ag-layout-auto-height {
    overflow: hidden;
    flex: 1 1 auto;
    width: 0
}

.ag-root.ag-layout-normal {
    height: 100%
}

.ag-header-viewport,
.ag-floating-top-viewport,
.ag-body-viewport,
.ag-pinned-left-cols-viewport,
.ag-center-cols-viewport,
.ag-pinned-right-cols-viewport,
.ag-floating-bottom-viewport,
.ag-body-horizontal-scroll-viewport,
.ag-virtual-list-viewport {
    position: relative;
    height: 100%;
    min-width: 0px;
    overflow: hidden;
    flex: 1 1 auto
}

@media print {
    .ag-layout-normal {
        display: none
    }
    .ag-root-wrapper,
    .ag-root-wrapper-body,
    .ag-root,
    .ag-body-viewport,
    .ag-center-cols-container,
    .ag-center-cols-viewport,
    .ag-center-cols-clipper,
    .ag-body-horizontal-scroll-viewport,
    .ag-virtual-list-viewport {
        height: auto !important;
        overflow: visible !important;
        display: block !important
    }
}

.ag-body-viewport {
    display: flex
}

.ag-body-viewport.ag-layout-normal {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.ag-body-viewport:not(.ag-layout-print).ag-force-vertical-scroll {
    overflow-y: scroll
}

.ag-pinned-left-cols-viewport,
.ag-pinned-right-cols-viewport {
    flex-grow: 1000
}

.ag-center-cols-viewport {
    width: 100%;
    overflow-x: auto
}

.ag-body-horizontal-scroll-viewport {
    overflow-x: scroll
}

.ag-virtual-list-viewport {
    overflow: auto;
    width: 100%
}

.ag-header-container,
.ag-floating-top-container,
.ag-body-container,
.ag-pinned-right-cols-container,
.ag-center-cols-container,
.ag-pinned-left-cols-container,
.ag-floating-bottom-container,
.ag-body-horizontal-scroll-container,
.ag-full-width-container,
.ag-floating-bottom-full-width-container,
.ag-virtual-list-container {
    position: relative
}

.ag-header-container,
.ag-floating-top-container,
.ag-floating-bottom-container {
    height: 100%;
    white-space: nowrap
}

.ag-body-viewport .ag-center-cols-clipper {
    min-height: 100%
}

.ag-body-viewport.ag-layout-auto-height .ag-center-cols-clipper,
.ag-body-viewport.ag-layout-auto-height .ag-center-cols-container {
    min-height: 50px
}

.ag-body-viewport .ag-center-cols-container {
    display: block
}

.ag-body-viewport.ag-layout-print {
    flex: none
}

.ag-body-viewport.ag-layout-print .ag-center-cols-clipper {
    min-width: 100%
}

.ag-pinned-right-cols-container {
    display: block
}

.ag-body-horizontal-scroll-container {
    height: 100%
}

.ag-full-width-container,
.ag-floating-top-full-width-container,
.ag-floating-bottom-full-width-container {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none
}

.ag-full-width-container {
    width: 100%
}

.ag-floating-bottom-full-width-container,
.ag-floating-top-full-width-container {
    display: inline-block;
    overflow: hidden;
    height: 100%;
    width: 100%
}

.ag-virtual-list-container {
    overflow: hidden
}

.ag-center-cols-clipper {
    flex: 1;
    min-width: 0;
    overflow: hidden
}

.ag-body-horizontal-scroll {
    min-height: 0;
    min-width: 0;
    width: 100%;
    display: flex;
    position: relative
}

.ag-layout-print .ag-body-horizontal-scroll {
    display: none
}

.ag-horizontal-left-spacer,
.ag-horizontal-right-spacer {
    height: 100%;
    min-width: 0;
    flex-grow: 1000;
    overflow-x: scroll
}

.ag-horizontal-left-spacer.ag-scroller-corner,
.ag-horizontal-right-spacer.ag-scroller-corner {
    overflow-x: hidden
}

.ag-header,
.ag-pinned-left-header,
.ag-pinned-right-header {
    display: inline-block;
    overflow: hidden
}

.ag-header .ag-header-cell-sortable,
.ag-pinned-left-header .ag-header-cell-sortable,
.ag-pinned-right-header .ag-header-cell-sortable {
    cursor: pointer
}

.ag-header {
    display: flex;
    width: 100%;
    white-space: nowrap
}

.ag-header-icon {
    display: flex
}

.ag-pinned-left-header,
.ag-pinned-right-header {
    height: 100%
}

.ag-header-row {
    position: absolute;
    overflow: hidden
}

.ag-header-overlay {
    display: block;
    position: absolute
}

.ag-header-cell {
    display: inline-flex;
    align-items: center;
    position: absolute;
    height: 100%;
    overflow: hidden
}

.ag-header-group-cell-label,
.ag-header-cell-label {
    display: flex;
    flex: 1 1 auto;
    overflow: hidden;
    align-items: center;
    text-overflow: ellipsis;
    align-self: stretch
}

.ag-header-cell-label .ag-header-cell-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ag-numeric-header .ag-header-cell-label {
    flex-direction: row-reverse
}

.ag-header-group-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ag-header-cell-resize {
    position: absolute;
    z-index: 1;
    height: 100%;
    width: 4px
}

.ag-header-expand-icon {
    padding-left: 4px
}

.ag-header-select-all {
    display: flex
}

.ag-column-moving .ag-cell,
.ag-column-moving .ag-header-cell {
    transition: left .2s
}

.ag-column-moving .ag-header-group-cell {
    transition: left .2s, width .2s
}

.ag-column-panel {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    flex: 1 1 auto
}

.ag-column-select-panel {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    flex-grow: 4;
    flex-shrink: 1;
    flex-basis: 0
}

.ag-column-select-panel .ag-primary-cols-header-panel {
    display: flex;
    flex: none
}

.ag-column-select-panel .ag-primary-cols-header-panel .ag-column-name-filter,
.ag-column-select-panel .ag-primary-cols-header-panel .ag-primary-cols-filter-wrapper {
    flex: 1 1 auto
}

.ag-column-select-panel .ag-primary-cols-header-panel .ag-primary-cols-filter-wrapper input {
    width: 100%
}

.ag-column-select-panel .ag-primary-cols-list-panel {
    flex: 1 1 auto;
    overflow: auto
}

.ag-column-drop {
    display: inline-flex;
    align-items: center;
    overflow: auto;
    width: 100%
}

.ag-column-drop .ag-column-drop-list,
.ag-column-drop .ag-column-drop-list .ag-column-drop-cell {
    display: flex;
    align-items: center
}

.ag-column-drop .ag-column-drop-list .ag-column-drop-cell .ag-column-drop-cell-text {
    overflow: hidden;
    flex: 1 1 auto;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ag-column-drop.ag-column-drop-vertical {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    flex: 1 1 0;
    align-items: stretch
}

.ag-column-drop.ag-column-drop-vertical>div {
    display: flex;
    align-items: center
}

.ag-column-drop.ag-column-drop-vertical .ag-column-drop-list {
    align-items: stretch;
    flex-grow: 1;
    flex-direction: column;
    overflow-x: auto
}

.ag-column-drop.ag-column-drop-vertical .ag-column-drop-empty-message {
    display: block
}

.ag-column-drop.ag-column-drop-horizontal {
    white-space: nowrap;
    overflow: hidden
}

.ag-filter-panel {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto
}

.ag-filter-panel .ag-filter-toolpanel-header {
    display: flex
}

.ag-filter-panel .ag-filter-toolpanel-header div:not(.ag-input-wrapper) {
    display: flex;
    align-items: center
}

.ag-filter-panel .ag-group-item {
    flex-direction: column
}

.ag-row-animation .ag-row {
    transition: transform .4s, top .4s, height .4s, background-color .1s, opacity .2s
}

.ag-row-no-animation .ag-row {
    transition: background-color .1s
}

.ag-row {
    white-space: nowrap;
    width: 100%
}

.ag-row-position-absolute {
    position: absolute
}

.ag-row-position-relative {
    position: relative
}

.ag-full-width-row {
    overflow: hidden;
    pointer-events: all
}

.ag-row-inline-editing {
    z-index: 1
}

.ag-row-dragging {
    z-index: 2
}

.ag-stub-cell {
    display: flex;
    align-items: center
}

.ag-cell {
    display: inline-block;
    overflow: hidden;
    position: absolute;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ag-cell-wrapper {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%
}

.ag-cell-wrapper.ag-row-group {
    align-items: flex-start
}

.ag-cell-wrapper .ag-cell-value,
.ag-cell-wrapper .ag-group-value {
    overflow: hidden;
    text-overflow: ellipsis
}

.ag-full-width-row.ag-row-group .ag-cell-wrapper {
    align-items: center
}

.ag-cell-with-height {
    height: 100%
}

.ag-group-cell-entire-row,
.ag-footer-cell-entire-row {
    display: inline-block;
    height: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.ag-cell-inline-editing {
    z-index: 1
}

.ag-cell-inline-editing .ag-cell-edit-input,
.ag-cell-inline-editing .ag-input-wrapper {
    height: 100%;
    width: 100%;
    line-height: normal
}

.ag-set-filter-item {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: flex;
    align-items: center
}

.ag-set-filter-item>div,
.ag-set-filter-item>span {
    display: flex
}

.ag-filter .ag-filter-checkbox {
    pointer-events: none
}

.ag-filter .ag-filter-body-wrapper {
    display: flex;
    flex-direction: column
}

.ag-filter .ag-filter-filter {
    flex: 1 1 auto
}

.ag-floating-filter-full-body .ag-react-container,
.ag-floating-filter-body .ag-react-container {
    height: 100%
}

.ag-floating-filter-body {
    display: flex;
    flex: 1 1 auto;
    height: 100%
}

.ag-floating-filter-body input {
    margin: 0;
    flex: 1 1 auto;
    max-height: calc(100% - 1px)
}

.ag-floating-filter-full-body {
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%
}

.ag-floating-filter-full-body>div {
    flex: 1 1 auto
}

.ag-floating-filter-full-body input {
    margin: 0;
    width: 100%
}

.ag-floating-filter-full-body input[type=range] {
    height: 100%
}

.ag-floating-filter {
    display: inline-block;
    position: absolute
}

.ag-floating-filter-input {
    width: 100%
}

.ag-floating-filter-input:read-only {
    background-color: #eee
}

.ag-floating-filter-menu {
    position: absolute;
    -webkit-user-select: none;
    user-select: none
}

.ag-floating-filter-button {
    display: flex;
    flex: none
}

.ag-dnd-ghost {
    display: flex;
    align-items: center;
    background: #e5e5e5;
    border: 1px solid black;
    cursor: move;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    overflow: hidden;
    padding: 3px;
    position: absolute;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    user-select: none;
    z-index: 10
}

.ag-dnd-ghost-icon {
    padding: 2px
}

.ag-overlay {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.ag-overlay-panel {
    display: flex;
    height: 100%;
    pointer-events: none;
    width: 100%
}

.ag-overlay-wrapper {
    display: flex;
    flex: none;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    text-align: center
}

.ag-overlay-wrapper.ag-overlay-loading-wrapper {
    pointer-events: all
}

.ag-overlay-no-rows-wrapper.ag-layout-auto-height {
    padding-top: 30px
}

.ag-popup>div {
    z-index: 5
}

.ag-popup-backdrop {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%
}

.ag-popup-editor {
    position: absolute;
    -webkit-user-select: none;
    user-select: none;
    z-index: 1
}

.ag-virtual-list-item {
    position: absolute;
    width: 100%
}

.ag-virtual-list-item span:empty:not(.ag-icon) {
    border-left: 1px solid transparent
}

.ag-floating-top {
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    position: relative;
    display: flex
}

.ag-pinned-left-floating-top,
.ag-pinned-right-floating-top {
    display: inline-block;
    overflow: hidden;
    position: relative;
    min-width: 0px;
    flex-grow: 1000
}

.ag-floating-bottom {
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    position: relative;
    display: flex
}

.ag-pinned-left-floating-bottom,
.ag-pinned-right-floating-bottom {
    display: inline-block;
    overflow: hidden;
    position: relative;
    min-width: 0px;
    flex-grow: 1000
}

.ag-dialog,
.ag-panel {
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden
}

.ag-dialog .ag-title-bar,
.ag-panel .ag-title-bar {
    display: flex;
    flex: none;
    align-items: center;
    cursor: default
}

.ag-dialog .ag-title-bar .ag-title-bar-title,
.ag-panel .ag-title-bar .ag-title-bar-title {
    flex: 1 1 auto
}

.ag-dialog .ag-title-bar .ag-title-bar-buttons,
.ag-panel .ag-title-bar .ag-title-bar-buttons {
    display: flex
}

.ag-dialog .ag-title-bar .ag-title-bar-buttons .ag-button,
.ag-panel .ag-title-bar .ag-title-bar-buttons .ag-button {
    cursor: pointer
}

.ag-dialog .ag-panel-content-wrapper,
.ag-panel .ag-panel-content-wrapper {
    display: flex;
    flex: 1 1 auto;
    position: relative;
    overflow: hidden
}

.ag-dialog .ag-panel-content-wrapper>div,
.ag-panel .ag-panel-content-wrapper>div {
    width: 100%;
    height: 100%
}

.ag-dialog {
    position: absolute
}

.ag-dialog .ag-resizer {
    position: absolute;
    pointer-events: none;
    z-index: 1
}

.ag-dialog .ag-resizer.ag-resizer-topLeft {
    top: 0;
    left: 0;
    height: 5px;
    width: 5px;
    cursor: nwse-resize
}

.ag-dialog .ag-resizer.ag-resizer-top {
    top: 0;
    left: 5px;
    right: 5px;
    height: 5px;
    cursor: ns-resize
}

.ag-dialog .ag-resizer.ag-resizer-topRight {
    top: 0;
    right: 0;
    height: 5px;
    width: 5px;
    cursor: nesw-resize
}

.ag-dialog .ag-resizer.ag-resizer-right {
    top: 5px;
    right: 0;
    bottom: 5px;
    width: 5px;
    cursor: ew-resize
}

.ag-dialog .ag-resizer.ag-resizer-bottomRight {
    bottom: 0;
    right: 0;
    height: 5px;
    width: 5px;
    cursor: nwse-resize
}

.ag-dialog .ag-resizer.ag-resizer-bottom {
    bottom: 0;
    left: 5px;
    right: 5px;
    height: 5px;
    cursor: ns-resize
}

.ag-dialog .ag-resizer.ag-resizer-bottomLeft {
    bottom: 0;
    left: 0;
    height: 5px;
    width: 5px;
    cursor: nesw-resize
}

.ag-dialog .ag-resizer.ag-resizer-left {
    left: 0;
    top: 5px;
    bottom: 5px;
    width: 5px;
    cursor: ew-resize
}

.ag-dialog .ag-message-box {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column
}

.ag-dialog .ag-message-box .ag-message-box-content {
    display: flex;
    flex: 1 1 auto;
    justify-content: center;
    align-items: center
}

.ag-dialog .ag-message-box .ag-message-box-button-bar {
    display: flex;
    justify-content: center
}

.ag-tooltip {
    position: absolute;
    pointer-events: none;
    z-index: 99999
}

.ag-chart-tooltip {
    display: table;
    position: absolute;
    -webkit-user-select: none;
    user-select: none;
    pointer-events: none;
    white-space: nowrap;
    z-index: 99999;
    font: 12px Verdana, sans-serif;
    color: #000;
    background: #f4f4f4;
    border-radius: 5px;
    box-shadow: 0 0 1px #030303b3, .5vh .5vh 1vh #03030340;
    opacity: 0;
    transform: scale(.9);
    transition: .3s cubic-bezier(.19, 1, .22, 1);
    transition-property: opacity, transform
}

.ag-chart-tooltip.visible {
    opacity: 1;
    transform: scale(1)
}

.ag-chart-tooltip .title {
    font-weight: 700;
    padding: 7px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #fff;
    background-color: #888
}

.ag-chart-tooltip .content {
    padding: 7px;
    line-height: 1.7em
}

.ag-value-slide-out {
    margin-right: 5px;
    opacity: 1;
    transition: opacity 3s, margin-right 3s;
    transition-timing-function: linear
}

.ag-value-slide-out-end {
    margin-right: 10px;
    opacity: 0
}

.ag-opacity-zero {
    opacity: 0 !important
}

.ag-menu {
    max-height: 100%;
    overflow-y: auto;
    position: absolute;
    -webkit-user-select: none;
    user-select: none
}

.ag-menu-column-select-wrapper {
    height: 265px;
    overflow: auto;
    width: 200px
}

.ag-menu-list {
    display: table
}

.ag-menu-option,
.ag-menu-separator {
    display: table-row
}

.ag-menu-option>span,
.ag-menu-separator>span {
    display: table-cell;
    vertical-align: middle
}

.ag-menu-option-text {
    white-space: nowrap
}

.ag-menu-column-select-wrapper .ag-column-select-panel {
    height: 100%
}

.ag-rich-select {
    cursor: default;
    outline: none
}

.ag-rich-select .ag-rich-select-value {
    display: flex;
    align-items: center
}

.ag-rich-select .ag-rich-select-value>span {
    flex: 1 1 auto
}

.ag-rich-select .ag-rich-select-value>span.ag-icon {
    order: 1;
    flex: none
}

.ag-rich-select .ag-rich-select-list {
    position: relative
}

.ag-rich-select .ag-rich-select-list .ag-virtual-list-item {
    display: flex
}

.ag-rich-select .ag-rich-select-list .ag-virtual-list-item .ag-rich-select-row {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    white-space: nowrap
}

.ag-paging-panel {
    align-items: center;
    display: flex;
    justify-content: flex-end
}

.ag-paging-panel .ag-paging-row-summary-panel {
    display: flex
}

.ag-paging-panel .ag-paging-row-summary-panel span {
    margin: 0 3px
}

.ag-paging-page-summary-panel {
    display: flex;
    align-items: center
}

.ag-paging-page-summary-panel .ag-disabled {
    pointer-events: none
}

.ag-paging-page-summary-panel .ag-paging-button {
    position: relative;
    overflow: hidden
}

.ag-paging-page-summary-panel .ag-paging-button button {
    position: absolute
}

.ag-tool-panel-wrapper {
    display: flex;
    overflow-y: auto;
    cursor: default;
    -webkit-user-select: none;
    user-select: none;
    width: 200px
}

.ag-column-tool-panel-column,
.ag-column-tool-panel-column-group {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ag-column-tool-panel-column .ag-column-tool-panel-column,
.ag-column-tool-panel-column .ag-column-tool-panel-column-group,
.ag-column-tool-panel-column-group .ag-column-tool-panel-column,
.ag-column-tool-panel-column-group .ag-column-tool-panel-column-group {
    flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis
}

.ag-column-select-checkbox {
    display: flex
}

.ag-tool-panel-horizontal-resize {
    cursor: col-resize;
    height: 100%;
    position: absolute;
    top: 0;
    width: 5px;
    z-index: 1
}

.ag-ltr .ag-side-bar-left .ag-tool-panel-horizontal-resize,
.ag-rtl .ag-side-bar-right .ag-tool-panel-horizontal-resize {
    transform: translate(3px);
    right: 0
}

.ag-ltr .ag-side-bar-right .ag-tool-panel-horizontal-resize,
.ag-rtl .ag-side-bar-left .ag-tool-panel-horizontal-resize {
    transform: translate(-3px);
    left: 0
}

.loading-filter {
    background-color: #e6e6e6;
    height: 100%;
    padding: 5px;
    position: absolute;
    top: 34px;
    width: 100%;
    z-index: 1
}

.ag-details-row,
.ag-details-grid {
    height: 100%;
    width: 100%
}

.ag-header-group-cell {
    display: flex;
    align-items: center;
    height: 100%;
    overflow: hidden;
    position: absolute;
    text-overflow: ellipsis
}

.ag-cell-label-container {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    align-items: center;
    width: 100%
}

.ag-numeric-header .ag-cell-label-container {
    flex-direction: row
}

.ag-side-bar {
    display: flex;
    flex-direction: row-reverse
}

.ag-side-bar.ag-side-bar-left {
    order: -1;
    flex-direction: row
}

.ag-side-bar .ag-side-buttons div button {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    white-space: nowrap;
    outline: none;
    cursor: pointer
}

.ag-side-bar .ag-side-buttons div button span:not(.ag-icon) {
    writing-mode: tb;
    writing-mode: vertical-lr
}

.ag-side-bar .ag-side-buttons div button .ag-icon {
    display: inline
}

.ag-side-bar .panel-container {
    width: 180px
}

.ag-side-bar.full-width .panel-container {
    width: 200px
}

.ag-rtl .ag-side-bar .ag-side-buttons button span:not(.ag-icon) {
    writing-mode: tb-rl;
    writing-mode: vertical-rl
}

.ag-status-bar {
    display: flex;
    justify-content: space-between;
    overflow: hidden
}

.ag-status-bar .ag-status-panel {
    display: inline-flex
}

.ag-status-bar .ag-name-value {
    white-space: nowrap
}

.ag-status-bar-left,
.ag-status-bar-center,
.ag-status-bar-right {
    display: inline-flex
}

.ag-group-component {
    position: relative;
    flex: 1 1 100%
}

.ag-group-component .ag-group-component-title-bar,
.ag-group-component .ag-group-component-title,
.ag-group-component .ag-group-component-toolbar {
    display: flex;
    align-items: center
}

.ag-group-component .ag-group-component-container {
    display: flex;
    flex-direction: column
}

.ag-group-component .ag-group-component-container .ag-group-subgroup {
    display: flex;
    align-self: stretch
}

.ag-group-component .ag-column-group-icons>span {
    display: block
}

.ag-group-component .ag-group-item {
    display: flex;
    flex: 1 1 auto;
    align-items: center
}

.ag-group-component.ag-alignment-stretch .ag-group-item {
    align-items: stretch
}

.ag-group-component.ag-alignment-start .ag-group-item {
    align-items: flex-start
}

.ag-group-component.ag-alignment-end .ag-group-item {
    align-items: flex-end
}

.ag-group-component.ag-disabled .ag-group-component-container {
    pointer-events: none
}

.ag-group-component.ag-collapsed .ag-group-component-toolbar,
.ag-group-component.ag-collapsed .ag-group-component-container {
    display: none
}

.ag-toggle-button .ag-input-wrapper .ag-icon {
    transition: right .3s;
    position: absolute;
    top: -1px
}

.ag-input-field {
    display: flex;
    flex-direction: row;
    align-items: center
}

.ag-input-field input,
.ag-input-field select,
.ag-input-field textarea {
    flex: 1 1 auto;
    width: 100%;
    min-width: 0
}

.ag-range-field {
    display: flex;
    align-items: center
}

.ag-picker-field>.ag-wrapper,
.ag-slider>.ag-wrapper,
.ag-angle-select>.ag-wrapper {
    display: flex
}

.ag-picker-field>.ag-wrapper>div,
.ag-slider>.ag-wrapper>div,
.ag-angle-select>.ag-wrapper>div {
    flex: 1 1 auto
}

.ag-angle-select {
    display: flex;
    align-items: center
}

.ag-angle-select .ag-angle-select-field .ag-parent-circle {
    display: block;
    position: relative
}

.ag-angle-select .ag-angle-select-field .ag-child-circle {
    position: absolute
}

.ag-picker-field {
    display: flex;
    align-items: center
}

.ag-picker-field>.ag-wrapper>button {
    display: flex;
    border: 0;
    padding: 0;
    margin: 0
}

.ag-color-picker>.ag-wrapper {
    align-items: stretch;
    overflow: hidden
}

.ag-color-picker button {
    cursor: pointer
}

.ag-labeled.ag-label-align-right label {
    order: 1
}

.ag-labeled.ag-label-align-right>div {
    flex: none
}

.ag-labeled.ag-label-align-top {
    flex-direction: column;
    align-items: flex-start
}

.ag-labeled.ag-label-align-top>div {
    align-self: stretch
}

.ag-color-panel {
    display: flex;
    flex-direction: column;
    text-align: center
}

.ag-color-panel .ag-spectrum-color {
    flex: 1 1 auto;
    position: relative;
    overflow: hidden;
    cursor: default
}

.ag-color-panel .ag-fill {
    position: absolute;
    inset: 0
}

.ag-color-panel .ag-spectrum-val {
    cursor: pointer
}

.ag-color-panel .ag-spectrum-dragger {
    position: absolute;
    pointer-events: none;
    cursor: pointer
}

.ag-color-panel .ag-spectrum-hue {
    cursor: default;
    background: linear-gradient(to left, #ff0000 3%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%)
}

.ag-color-panel .ag-spectrum-alpha {
    cursor: default
}

.ag-color-panel .ag-spectrum-hue-background {
    width: 100%;
    height: 100%
}

.ag-color-panel .ag-spectrum-alpha-background {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), black);
    width: 100%;
    height: 100%
}

.ag-color-panel .ag-hue-alpha {
    cursor: pointer
}

.ag-color-panel .ag-spectrum-slider {
    position: absolute;
    pointer-events: none
}

.ag-color-panel .ag-spectrum-text-value {
    display: inline-block;
    text-align: center;
    overflow: hidden;
    white-space: nowrap
}

.ag-color-panel .ag-spectrum-text-value:focus {
    outline: none;
    outline-offset: 0
}

.ag-color-panel .ag-recent-colors {
    display: flex
}

.ag-color-panel .ag-recent-colors>div {
    cursor: pointer
}

.ag-ltr .ag-toolpanel-indent-1 {
    padding-left: 10px
}

.ag-rtl .ag-toolpanel-indent-1 {
    padding-right: 10px
}

.ag-ltr .ag-row-group-indent-1 {
    padding-left: 10px
}

.ag-rtl .ag-row-group-indent-1 {
    padding-right: 10px
}

.ag-ltr .ag-toolpanel-indent-2 {
    padding-left: 20px
}

.ag-rtl .ag-toolpanel-indent-2 {
    padding-right: 20px
}

.ag-ltr .ag-row-group-indent-2 {
    padding-left: 20px
}

.ag-rtl .ag-row-group-indent-2 {
    padding-right: 20px
}

.ag-ltr .ag-toolpanel-indent-3 {
    padding-left: 30px
}

.ag-rtl .ag-toolpanel-indent-3 {
    padding-right: 30px
}

.ag-ltr .ag-row-group-indent-3 {
    padding-left: 30px
}

.ag-rtl .ag-row-group-indent-3 {
    padding-right: 30px
}

.ag-ltr .ag-toolpanel-indent-4 {
    padding-left: 40px
}

.ag-rtl .ag-toolpanel-indent-4 {
    padding-right: 40px
}

.ag-ltr .ag-row-group-indent-4 {
    padding-left: 40px
}

.ag-rtl .ag-row-group-indent-4 {
    padding-right: 40px
}

.ag-ltr .ag-toolpanel-indent-5 {
    padding-left: 50px
}

.ag-rtl .ag-toolpanel-indent-5 {
    padding-right: 50px
}

.ag-ltr .ag-row-group-indent-5 {
    padding-left: 50px
}

.ag-rtl .ag-row-group-indent-5 {
    padding-right: 50px
}

.ag-ltr .ag-toolpanel-indent-6 {
    padding-left: 60px
}

.ag-rtl .ag-toolpanel-indent-6 {
    padding-right: 60px
}

.ag-ltr .ag-row-group-indent-6 {
    padding-left: 60px
}

.ag-rtl .ag-row-group-indent-6 {
    padding-right: 60px
}

.ag-ltr .ag-toolpanel-indent-7 {
    padding-left: 70px
}

.ag-rtl .ag-toolpanel-indent-7 {
    padding-right: 70px
}

.ag-ltr .ag-row-group-indent-7 {
    padding-left: 70px
}

.ag-rtl .ag-row-group-indent-7 {
    padding-right: 70px
}

.ag-ltr .ag-toolpanel-indent-8 {
    padding-left: 80px
}

.ag-rtl .ag-toolpanel-indent-8 {
    padding-right: 80px
}

.ag-ltr .ag-row-group-indent-8 {
    padding-left: 80px
}

.ag-rtl .ag-row-group-indent-8 {
    padding-right: 80px
}

.ag-ltr .ag-toolpanel-indent-9 {
    padding-left: 90px
}

.ag-rtl .ag-toolpanel-indent-9 {
    padding-right: 90px
}

.ag-ltr .ag-row-group-indent-9 {
    padding-left: 90px
}

.ag-rtl .ag-row-group-indent-9 {
    padding-right: 90px
}

.ag-ltr .ag-toolpanel-indent-10 {
    padding-left: 100px
}

.ag-rtl .ag-toolpanel-indent-10 {
    padding-right: 100px
}

.ag-ltr .ag-row-group-indent-10 {
    padding-left: 100px
}

.ag-rtl .ag-row-group-indent-10 {
    padding-right: 100px
}

.ag-ltr .ag-toolpanel-indent-11 {
    padding-left: 110px
}

.ag-rtl .ag-toolpanel-indent-11 {
    padding-right: 110px
}

.ag-ltr .ag-row-group-indent-11 {
    padding-left: 110px
}

.ag-rtl .ag-row-group-indent-11 {
    padding-right: 110px
}

.ag-ltr .ag-toolpanel-indent-12 {
    padding-left: 120px
}

.ag-rtl .ag-toolpanel-indent-12 {
    padding-right: 120px
}

.ag-ltr .ag-row-group-indent-12 {
    padding-left: 120px
}

.ag-rtl .ag-row-group-indent-12 {
    padding-right: 120px
}

.ag-ltr .ag-toolpanel-indent-13 {
    padding-left: 130px
}

.ag-rtl .ag-toolpanel-indent-13 {
    padding-right: 130px
}

.ag-ltr .ag-row-group-indent-13 {
    padding-left: 130px
}

.ag-rtl .ag-row-group-indent-13 {
    padding-right: 130px
}

.ag-ltr .ag-toolpanel-indent-14 {
    padding-left: 140px
}

.ag-rtl .ag-toolpanel-indent-14 {
    padding-right: 140px
}

.ag-ltr .ag-row-group-indent-14 {
    padding-left: 140px
}

.ag-rtl .ag-row-group-indent-14 {
    padding-right: 140px
}

.ag-ltr .ag-toolpanel-indent-15 {
    padding-left: 150px
}

.ag-rtl .ag-toolpanel-indent-15 {
    padding-right: 150px
}

.ag-ltr .ag-row-group-indent-15 {
    padding-left: 150px
}

.ag-rtl .ag-row-group-indent-15 {
    padding-right: 150px
}

.ag-ltr .ag-toolpanel-indent-16 {
    padding-left: 160px
}

.ag-rtl .ag-toolpanel-indent-16 {
    padding-right: 160px
}

.ag-ltr .ag-row-group-indent-16 {
    padding-left: 160px
}

.ag-rtl .ag-row-group-indent-16 {
    padding-right: 160px
}

.ag-ltr .ag-toolpanel-indent-17 {
    padding-left: 170px
}

.ag-rtl .ag-toolpanel-indent-17 {
    padding-right: 170px
}

.ag-ltr .ag-row-group-indent-17 {
    padding-left: 170px
}

.ag-rtl .ag-row-group-indent-17 {
    padding-right: 170px
}

.ag-ltr .ag-toolpanel-indent-18 {
    padding-left: 180px
}

.ag-rtl .ag-toolpanel-indent-18 {
    padding-right: 180px
}

.ag-ltr .ag-row-group-indent-18 {
    padding-left: 180px
}

.ag-rtl .ag-row-group-indent-18 {
    padding-right: 180px
}

.ag-ltr .ag-toolpanel-indent-19 {
    padding-left: 190px
}

.ag-rtl .ag-toolpanel-indent-19 {
    padding-right: 190px
}

.ag-ltr .ag-row-group-indent-19 {
    padding-left: 190px
}

.ag-rtl .ag-row-group-indent-19 {
    padding-right: 190px
}

.ag-ltr .ag-toolpanel-indent-20 {
    padding-left: 200px
}

.ag-rtl .ag-toolpanel-indent-20 {
    padding-right: 200px
}

.ag-ltr .ag-row-group-indent-20 {
    padding-left: 200px
}

.ag-rtl .ag-row-group-indent-20 {
    padding-right: 200px
}

.ag-ltr .ag-toolpanel-indent-21 {
    padding-left: 210px
}

.ag-rtl .ag-toolpanel-indent-21 {
    padding-right: 210px
}

.ag-ltr .ag-row-group-indent-21 {
    padding-left: 210px
}

.ag-rtl .ag-row-group-indent-21 {
    padding-right: 210px
}

.ag-ltr .ag-toolpanel-indent-22 {
    padding-left: 220px
}

.ag-rtl .ag-toolpanel-indent-22 {
    padding-right: 220px
}

.ag-ltr .ag-row-group-indent-22 {
    padding-left: 220px
}

.ag-rtl .ag-row-group-indent-22 {
    padding-right: 220px
}

.ag-ltr .ag-toolpanel-indent-23 {
    padding-left: 230px
}

.ag-rtl .ag-toolpanel-indent-23 {
    padding-right: 230px
}

.ag-ltr .ag-row-group-indent-23 {
    padding-left: 230px
}

.ag-rtl .ag-row-group-indent-23 {
    padding-right: 230px
}

.ag-ltr .ag-toolpanel-indent-24 {
    padding-left: 240px
}

.ag-rtl .ag-toolpanel-indent-24 {
    padding-right: 240px
}

.ag-ltr .ag-row-group-indent-24 {
    padding-left: 240px
}

.ag-rtl .ag-row-group-indent-24 {
    padding-right: 240px
}

.ag-ltr .ag-toolpanel-indent-25 {
    padding-left: 250px
}

.ag-rtl .ag-toolpanel-indent-25 {
    padding-right: 250px
}

.ag-ltr .ag-row-group-indent-25 {
    padding-left: 250px
}

.ag-rtl .ag-row-group-indent-25 {
    padding-right: 250px
}

.ag-ltr .ag-toolpanel-indent-26 {
    padding-left: 260px
}

.ag-rtl .ag-toolpanel-indent-26 {
    padding-right: 260px
}

.ag-ltr .ag-row-group-indent-26 {
    padding-left: 260px
}

.ag-rtl .ag-row-group-indent-26 {
    padding-right: 260px
}

.ag-ltr .ag-toolpanel-indent-27 {
    padding-left: 270px
}

.ag-rtl .ag-toolpanel-indent-27 {
    padding-right: 270px
}

.ag-ltr .ag-row-group-indent-27 {
    padding-left: 270px
}

.ag-rtl .ag-row-group-indent-27 {
    padding-right: 270px
}

.ag-ltr .ag-toolpanel-indent-28 {
    padding-left: 280px
}

.ag-rtl .ag-toolpanel-indent-28 {
    padding-right: 280px
}

.ag-ltr .ag-row-group-indent-28 {
    padding-left: 280px
}

.ag-rtl .ag-row-group-indent-28 {
    padding-right: 280px
}

.ag-ltr .ag-toolpanel-indent-29 {
    padding-left: 290px
}

.ag-rtl .ag-toolpanel-indent-29 {
    padding-right: 290px
}

.ag-ltr .ag-row-group-indent-29 {
    padding-left: 290px
}

.ag-rtl .ag-row-group-indent-29 {
    padding-right: 290px
}

.ag-ltr .ag-toolpanel-indent-30 {
    padding-left: 300px
}

.ag-rtl .ag-toolpanel-indent-30 {
    padding-right: 300px
}

.ag-ltr .ag-row-group-indent-30 {
    padding-left: 300px
}

.ag-rtl .ag-row-group-indent-30 {
    padding-right: 300px
}

.ag-ltr .ag-toolpanel-indent-31 {
    padding-left: 310px
}

.ag-rtl .ag-toolpanel-indent-31 {
    padding-right: 310px
}

.ag-ltr .ag-row-group-indent-31 {
    padding-left: 310px
}

.ag-rtl .ag-row-group-indent-31 {
    padding-right: 310px
}

.ag-ltr .ag-toolpanel-indent-32 {
    padding-left: 320px
}

.ag-rtl .ag-toolpanel-indent-32 {
    padding-right: 320px
}

.ag-ltr .ag-row-group-indent-32 {
    padding-left: 320px
}

.ag-rtl .ag-row-group-indent-32 {
    padding-right: 320px
}

.ag-ltr .ag-toolpanel-indent-33 {
    padding-left: 330px
}

.ag-rtl .ag-toolpanel-indent-33 {
    padding-right: 330px
}

.ag-ltr .ag-row-group-indent-33 {
    padding-left: 330px
}

.ag-rtl .ag-row-group-indent-33 {
    padding-right: 330px
}

.ag-ltr .ag-toolpanel-indent-34 {
    padding-left: 340px
}

.ag-rtl .ag-toolpanel-indent-34 {
    padding-right: 340px
}

.ag-ltr .ag-row-group-indent-34 {
    padding-left: 340px
}

.ag-rtl .ag-row-group-indent-34 {
    padding-right: 340px
}

.ag-ltr .ag-toolpanel-indent-35 {
    padding-left: 350px
}

.ag-rtl .ag-toolpanel-indent-35 {
    padding-right: 350px
}

.ag-ltr .ag-row-group-indent-35 {
    padding-left: 350px
}

.ag-rtl .ag-row-group-indent-35 {
    padding-right: 350px
}

.ag-ltr .ag-toolpanel-indent-36 {
    padding-left: 360px
}

.ag-rtl .ag-toolpanel-indent-36 {
    padding-right: 360px
}

.ag-ltr .ag-row-group-indent-36 {
    padding-left: 360px
}

.ag-rtl .ag-row-group-indent-36 {
    padding-right: 360px
}

.ag-ltr .ag-toolpanel-indent-37 {
    padding-left: 370px
}

.ag-rtl .ag-toolpanel-indent-37 {
    padding-right: 370px
}

.ag-ltr .ag-row-group-indent-37 {
    padding-left: 370px
}

.ag-rtl .ag-row-group-indent-37 {
    padding-right: 370px
}

.ag-ltr .ag-toolpanel-indent-38 {
    padding-left: 380px
}

.ag-rtl .ag-toolpanel-indent-38 {
    padding-right: 380px
}

.ag-ltr .ag-row-group-indent-38 {
    padding-left: 380px
}

.ag-rtl .ag-row-group-indent-38 {
    padding-right: 380px
}

.ag-ltr .ag-toolpanel-indent-39 {
    padding-left: 390px
}

.ag-rtl .ag-toolpanel-indent-39 {
    padding-right: 390px
}

.ag-ltr .ag-row-group-indent-39 {
    padding-left: 390px
}

.ag-rtl .ag-row-group-indent-39 {
    padding-right: 390px
}

.ag-ltr .ag-toolpanel-indent-40 {
    padding-left: 400px
}

.ag-rtl .ag-toolpanel-indent-40 {
    padding-right: 400px
}

.ag-ltr .ag-row-group-indent-40 {
    padding-left: 400px
}

.ag-rtl .ag-row-group-indent-40 {
    padding-right: 400px
}

.ag-ltr .ag-toolpanel-indent-41 {
    padding-left: 410px
}

.ag-rtl .ag-toolpanel-indent-41 {
    padding-right: 410px
}

.ag-ltr .ag-row-group-indent-41 {
    padding-left: 410px
}

.ag-rtl .ag-row-group-indent-41 {
    padding-right: 410px
}

.ag-ltr .ag-toolpanel-indent-42 {
    padding-left: 420px
}

.ag-rtl .ag-toolpanel-indent-42 {
    padding-right: 420px
}

.ag-ltr .ag-row-group-indent-42 {
    padding-left: 420px
}

.ag-rtl .ag-row-group-indent-42 {
    padding-right: 420px
}

.ag-ltr .ag-toolpanel-indent-43 {
    padding-left: 430px
}

.ag-rtl .ag-toolpanel-indent-43 {
    padding-right: 430px
}

.ag-ltr .ag-row-group-indent-43 {
    padding-left: 430px
}

.ag-rtl .ag-row-group-indent-43 {
    padding-right: 430px
}

.ag-ltr .ag-toolpanel-indent-44 {
    padding-left: 440px
}

.ag-rtl .ag-toolpanel-indent-44 {
    padding-right: 440px
}

.ag-ltr .ag-row-group-indent-44 {
    padding-left: 440px
}

.ag-rtl .ag-row-group-indent-44 {
    padding-right: 440px
}

.ag-ltr .ag-toolpanel-indent-45 {
    padding-left: 450px
}

.ag-rtl .ag-toolpanel-indent-45 {
    padding-right: 450px
}

.ag-ltr .ag-row-group-indent-45 {
    padding-left: 450px
}

.ag-rtl .ag-row-group-indent-45 {
    padding-right: 450px
}

.ag-ltr .ag-toolpanel-indent-46 {
    padding-left: 460px
}

.ag-rtl .ag-toolpanel-indent-46 {
    padding-right: 460px
}

.ag-ltr .ag-row-group-indent-46 {
    padding-left: 460px
}

.ag-rtl .ag-row-group-indent-46 {
    padding-right: 460px
}

.ag-ltr .ag-toolpanel-indent-47 {
    padding-left: 470px
}

.ag-rtl .ag-toolpanel-indent-47 {
    padding-right: 470px
}

.ag-ltr .ag-row-group-indent-47 {
    padding-left: 470px
}

.ag-rtl .ag-row-group-indent-47 {
    padding-right: 470px
}

.ag-ltr .ag-toolpanel-indent-48 {
    padding-left: 480px
}

.ag-rtl .ag-toolpanel-indent-48 {
    padding-right: 480px
}

.ag-ltr .ag-row-group-indent-48 {
    padding-left: 480px
}

.ag-rtl .ag-row-group-indent-48 {
    padding-right: 480px
}

.ag-ltr .ag-toolpanel-indent-49 {
    padding-left: 490px
}

.ag-rtl .ag-toolpanel-indent-49 {
    padding-right: 490px
}

.ag-ltr .ag-row-group-indent-49 {
    padding-left: 490px
}

.ag-rtl .ag-row-group-indent-49 {
    padding-right: 490px
}

.ag-ltr {
    direction: ltr
}

.ag-ltr .ag-body,
.ag-ltr .ag-floating-top,
.ag-ltr .ag-floating-bottom,
.ag-ltr .ag-header,
.ag-ltr .ag-body-viewport,
.ag-ltr .ag-body-horizontal-scroll {
    flex-direction: row
}

.ag-ltr .ag-header-cell-resize {
    right: -4px
}

.ag-ltr .ag-pinned-right-header .ag-header-cell-resize {
    left: -4px
}

.ag-rtl {
    direction: rtl
}

.ag-rtl .ag-body,
.ag-rtl .ag-floating-top,
.ag-rtl .ag-floating-bottom,
.ag-rtl .ag-header,
.ag-rtl .ag-body-viewport,
.ag-rtl .ag-body-horizontal-scroll {
    flex-direction: row-reverse
}

.ag-rtl .ag-header-cell-resize {
    left: -4px
}

.ag-rtl .ag-pinned-left-header .ag-header-cell-resize {
    right: -4px
}

.ag-rtl .ag-group-component .ag-column-group-icons .ag-column-group-closed-icon,
.ag-rtl .ag-filter-toolpanel-instance .ag-filter-toolpanel-header .ag-icon-tree-closed,
.ag-rtl .ag-primary-cols-header-panel .ag-icon-tree-closed,
.ag-rtl .ag-filter-toolpanel-header.ag-filter-header .ag-icon-tree-closed,
.ag-rtl .ag-header-group-cell .ag-header-icon.ag-header-expand-icon-expanded,
.ag-rtl .ag-header-group-cell .ag-header-icon.ag-header-expand-icon-collapsed,
.ag-rtl .ag-cell-wrapper .ag-group-contracted {
    transform: rotate(180deg)
}

@media print {
    .ag-body-viewport {
        display: block
    }
    .ag-row {
        page-break-inside: avoid
    }
}

.ag-body .ag-pinned-left-cols-viewport,
.ag-body .ag-body-viewport,
.ag-body .ag-pinned-right-cols-viewport {
    -webkit-overflow-scrolling: touch
}

.ag-chart {
    position: relative;
    display: flex;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.ag-chart .ag-chart-components-wrapper {
    position: relative;
    display: flex;
    flex: 1 1 auto;
    overflow: hidden
}

.ag-chart .ag-chart-components-wrapper .ag-chart-canvas-wrapper {
    position: relative;
    flex: 1 1 auto;
    overflow: hidden
}

.ag-chart .ag-chart-components-wrapper .ag-chart-canvas-wrapper canvas {
    display: block
}

.ag-chart .ag-chart-components-wrapper .ag-chart-menu {
    position: absolute;
    top: 10px;
    right: 20px;
    width: 24px;
    overflow: hidden;
    display: flex;
    flex-direction: column
}

.ag-chart:not(.ag-has-menu):hover .ag-chart-menu {
    opacity: 1;
    pointer-events: all
}

.ag-chart .ag-chart-docked-container {
    position: relative;
    width: 0;
    min-width: 0;
    transition: min-width .4s
}

.ag-chart .ag-chart-docked-container .ag-panel {
    border-width: 0 0 0 1px
}

.ag-chart-tabbed-menu>div {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.ag-chart-tabbed-menu .ag-tab-header {
    flex: none;
    -webkit-user-select: none;
    user-select: none;
    cursor: default
}

.ag-chart-tabbed-menu .ag-tab-body {
    display: flex;
    flex: 1 1 auto;
    align-items: stretch;
    overflow: hidden
}

.ag-chart-tabbed-menu .ag-tab-body>div {
    width: 100%;
    overflow: hidden;
    overflow-y: auto
}

.ag-chart-tabbed-menu .ag-chart-settings {
    overflow-x: hidden
}

.ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-wrapper {
    position: relative;
    flex-direction: column;
    width: 100%;
    height: 100%;
    display: flex;
    overflow: hidden
}

.ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-wrapper .ag-chart-settings-nav-bar {
    width: 100%;
    display: flex;
    height: 30px;
    align-items: center
}

.ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-wrapper .ag-chart-settings-nav-bar .ag-nav-card-selector {
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex: 1 1 auto;
    height: 100%
}

.ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-wrapper .ag-chart-settings-nav-bar .ag-nav-card-selector .ag-nav-card-item {
    opacity: .2
}

.ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-wrapper .ag-chart-settings-nav-bar .ag-nav-card-selector .ag-nav-card-item.ag-selected {
    opacity: 1
}

.ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-wrapper .ag-chart-settings-nav-bar .ag-chart-settings-prev-btn,
.ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-wrapper .ag-chart-settings-nav-bar .ag-chart-settings-next-btn {
    position: relative;
    flex: none
}

.ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-wrapper .ag-chart-settings-nav-bar .ag-chart-settings-prev-btn button,
.ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-wrapper .ag-chart-settings-nav-bar .ag-chart-settings-next-btn button {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0
}

.ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-wrapper .ag-chart-settings-mini-charts-container {
    position: relative;
    flex: 1 1 auto;
    overflow-x: hidden;
    overflow-y: auto
}

.ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-wrapper .ag-chart-settings-mini-charts-container .ag-chart-settings-mini-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 100%;
    overflow: hidden
}

.ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-wrapper .ag-chart-settings-mini-charts-container .ag-chart-settings-mini-wrapper .ag-group-component {
    flex: none
}

.ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-wrapper .ag-chart-settings-mini-charts-container .ag-chart-settings-mini-wrapper .ag-group-component-container {
    flex-direction: row;
    flex-wrap: wrap
}

.ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-wrapper .ag-chart-settings-mini-charts-container .ag-chart-settings-mini-wrapper .ag-group-component-container .ag-chart-mini-thumbnail {
    flex: none
}

.ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-wrapper .ag-chart-settings-mini-charts-container .ag-chart-settings-mini-wrapper.ag-animating,
.ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-wrapper .ag-chart-settings-mini-charts-container .ag-chart-settings-mini-wrapper.ag-animating {
    transition: left .3s;
    transition-timing-function: ease-in-out
}

.ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-wrapper .ag-chart-settings-mini-charts-container .ag-chart-settings-mini-wrapper .ag-chart-mini-thumbnail {
    cursor: pointer
}

.ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-wrapper .ag-chart-settings-mini-charts-container .ag-chart-settings-mini-wrapper .ag-chart-mini-thumbnail canvas {
    display: block
}

.ag-chart-tabbed-menu .ag-chart-data-wrapper,
.ag-chart-tabbed-menu .ag-chart-format-wrapper {
    display: flex;
    flex-direction: column;
    position: relative;
    -webkit-user-select: none;
    user-select: none
}

.ag-chart-tabbed-menu .ag-chart-data-wrapper>div,
.ag-chart-tabbed-menu .ag-chart-format-wrapper>div {
    display: flex;
    margin: 0;
    padding-bottom: 2px
}

.ag-chart-tabbed-menu .ag-chart-data-wrapper>div:not(:first-child),
.ag-chart-tabbed-menu .ag-chart-format-wrapper>div:not(:first-child) {
    margin-top: 0
}

.ag-chart-tabbed-menu .ag-chart-format-wrapper {
    overflow-x: hidden
}

.ag-chart-tabbed-menu .ag-chart-format-wrapper .ag-group-component .ag-group-subgroup {
    justify-content: space-between
}

.ag-chart .ag-chart-canvas-wrapper.ag-chart-empty>canvas {
    visibility: hidden
}

.ag-chart .ag-chart-canvas-wrapper.ag-chart-empty .ag-chart-empty-text {
    display: flex
}

.ag-chart .ag-chart-empty-text {
    display: none;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center
}

.ag-chart .ag-chart-menu {
    opacity: 0;
    pointer-events: none
}

.ag-chart .ag-chart-menu>span {
    opacity: .5;
    line-height: 24px;
    font-size: 24px;
    width: 24px;
    height: 24px;
    margin: 2px 0;
    cursor: pointer
}

.ag-chart .ag-chart-menu>span:hover {
    border-radius: 5px
}

.ag-chart .ag-chart-docked-container {
    min-width: 0;
    width: 0
}

.ag-chart-tabbed-menu .ag-tab-body {
    padding: 0
}

.ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-nav-bar {
    padding: 0 10px;
    -webkit-user-select: none;
    user-select: none
}

.ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-nav-bar .ag-nav-card-selector {
    padding: 0 10px
}

.ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-nav-bar .ag-nav-card-selector .ag-nav-card-item {
    cursor: pointer
}

@font-face {
    font-family: agGridBalham;
    src: url(data:application/font-woff;charset=utf-8;base64, ) format("woff"), url(data:application/x-font-ttf;charset=utf-8;base64, ) format("truetype");
    font-weight: 400;
    font-style: normal
}

.ag-theme-balham {
    -webkit-font-smoothing: antialiased;
    background-color: #fff;
    color: #000;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: normal
}

.ag-theme-balham .ag-menu,
.ag-theme-balham .ag-theme-balham.ag-dnd-ghost,
.ag-theme-balham .ag-cell.ag-cell-inline-editing,
.ag-theme-balham .ag-popup-editor,
.ag-theme-balham .ag-select-agg-func-popup,
.ag-theme-balham .ag-overlay-loading-center {
    border: 1px solid #BDC3C7
}

.ag-theme-balham .ag-tab-header .ag-tab {
    border: 1px solid transparent;
    border-bottom-width: 0;
    margin: 4px 4px 0;
    padding: 4px 8px
}

.ag-theme-balham .ag-tab-header .ag-tab.ag-tab-selected {
    background-color: #fff;
    border-bottom: 2px solid #0091EA;
    border-bottom: 2px solid white;
    border-color: #bdc3c7
}

.ag-theme-balham label {
    margin-bottom: 0
}

.ag-theme-balham * {
    box-sizing: border-box
}

.ag-theme-balham *:focus,
.ag-theme-balham * *:before,
.ag-theme-balham * *:after {
    outline: none;
    box-sizing: border-box
}

.ag-theme-balham .ag-tab {
    box-sizing: content-box
}

.ag-theme-balham .ag-ltr .ag-toolpanel-indent-1 {
    padding-left: 20px
}

.ag-theme-balham .ag-rtl .ag-toolpanel-indent-1 {
    padding-right: 20px
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-1 {
    padding-left: 28px
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-1 {
    padding-right: 28px
}

.ag-theme-balham .ag-ltr .ag-toolpanel-indent-2 {
    padding-left: 40px
}

.ag-theme-balham .ag-rtl .ag-toolpanel-indent-2 {
    padding-right: 40px
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-2 {
    padding-left: 56px
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-2 {
    padding-right: 56px
}

.ag-theme-balham .ag-ltr .ag-toolpanel-indent-3 {
    padding-left: 60px
}

.ag-theme-balham .ag-rtl .ag-toolpanel-indent-3 {
    padding-right: 60px
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-3 {
    padding-left: 84px
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-3 {
    padding-right: 84px
}

.ag-theme-balham .ag-ltr .ag-toolpanel-indent-4 {
    padding-left: 80px
}

.ag-theme-balham .ag-rtl .ag-toolpanel-indent-4 {
    padding-right: 80px
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-4 {
    padding-left: 112px
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-4 {
    padding-right: 112px
}

.ag-theme-balham .ag-ltr .ag-toolpanel-indent-5 {
    padding-left: 100px
}

.ag-theme-balham .ag-rtl .ag-toolpanel-indent-5 {
    padding-right: 100px
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-5 {
    padding-left: 140px
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-5 {
    padding-right: 140px
}

.ag-theme-balham .ag-ltr .ag-toolpanel-indent-6 {
    padding-left: 120px
}

.ag-theme-balham .ag-rtl .ag-toolpanel-indent-6 {
    padding-right: 120px
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-6 {
    padding-left: 168px
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-6 {
    padding-right: 168px
}

.ag-theme-balham .ag-ltr .ag-toolpanel-indent-7 {
    padding-left: 140px
}

.ag-theme-balham .ag-rtl .ag-toolpanel-indent-7 {
    padding-right: 140px
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-7 {
    padding-left: 196px
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-7 {
    padding-right: 196px
}

.ag-theme-balham .ag-ltr .ag-toolpanel-indent-8 {
    padding-left: 160px
}

.ag-theme-balham .ag-rtl .ag-toolpanel-indent-8 {
    padding-right: 160px
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-8 {
    padding-left: 224px
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-8 {
    padding-right: 224px
}

.ag-theme-balham .ag-ltr .ag-toolpanel-indent-9 {
    padding-left: 180px
}

.ag-theme-balham .ag-rtl .ag-toolpanel-indent-9 {
    padding-right: 180px
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-9 {
    padding-left: 252px
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-9 {
    padding-right: 252px
}

.ag-theme-balham .ag-ltr .ag-toolpanel-indent-10 {
    padding-left: 200px
}

.ag-theme-balham .ag-rtl .ag-toolpanel-indent-10 {
    padding-right: 200px
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-10 {
    padding-left: 280px
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-10 {
    padding-right: 280px
}

.ag-theme-balham .ag-ltr .ag-toolpanel-indent-11 {
    padding-left: 220px
}

.ag-theme-balham .ag-rtl .ag-toolpanel-indent-11 {
    padding-right: 220px
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-11 {
    padding-left: 308px
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-11 {
    padding-right: 308px
}

.ag-theme-balham .ag-ltr .ag-toolpanel-indent-12 {
    padding-left: 240px
}

.ag-theme-balham .ag-rtl .ag-toolpanel-indent-12 {
    padding-right: 240px
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-12 {
    padding-left: 336px
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-12 {
    padding-right: 336px
}

.ag-theme-balham .ag-ltr .ag-toolpanel-indent-13 {
    padding-left: 260px
}

.ag-theme-balham .ag-rtl .ag-toolpanel-indent-13 {
    padding-right: 260px
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-13 {
    padding-left: 364px
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-13 {
    padding-right: 364px
}

.ag-theme-balham .ag-ltr .ag-toolpanel-indent-14 {
    padding-left: 280px
}

.ag-theme-balham .ag-rtl .ag-toolpanel-indent-14 {
    padding-right: 280px
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-14 {
    padding-left: 392px
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-14 {
    padding-right: 392px
}

.ag-theme-balham .ag-ltr .ag-toolpanel-indent-15 {
    padding-left: 300px
}

.ag-theme-balham .ag-rtl .ag-toolpanel-indent-15 {
    padding-right: 300px
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-15 {
    padding-left: 420px
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-15 {
    padding-right: 420px
}

.ag-theme-balham .ag-ltr .ag-toolpanel-indent-16 {
    padding-left: 320px
}

.ag-theme-balham .ag-rtl .ag-toolpanel-indent-16 {
    padding-right: 320px
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-16 {
    padding-left: 448px
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-16 {
    padding-right: 448px
}

.ag-theme-balham .ag-ltr .ag-toolpanel-indent-17 {
    padding-left: 340px
}

.ag-theme-balham .ag-rtl .ag-toolpanel-indent-17 {
    padding-right: 340px
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-17 {
    padding-left: 476px
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-17 {
    padding-right: 476px
}

.ag-theme-balham .ag-ltr .ag-toolpanel-indent-18 {
    padding-left: 360px
}

.ag-theme-balham .ag-rtl .ag-toolpanel-indent-18 {
    padding-right: 360px
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-18 {
    padding-left: 504px
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-18 {
    padding-right: 504px
}

.ag-theme-balham .ag-ltr .ag-toolpanel-indent-19 {
    padding-left: 380px
}

.ag-theme-balham .ag-rtl .ag-toolpanel-indent-19 {
    padding-right: 380px
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-19 {
    padding-left: 532px
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-19 {
    padding-right: 532px
}

.ag-theme-balham .ag-ltr .ag-toolpanel-indent-20 {
    padding-left: 400px
}

.ag-theme-balham .ag-rtl .ag-toolpanel-indent-20 {
    padding-right: 400px
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-20 {
    padding-left: 560px
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-20 {
    padding-right: 560px
}

.ag-theme-balham .ag-ltr .ag-toolpanel-indent-21 {
    padding-left: 420px
}

.ag-theme-balham .ag-rtl .ag-toolpanel-indent-21 {
    padding-right: 420px
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-21 {
    padding-left: 588px
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-21 {
    padding-right: 588px
}

.ag-theme-balham .ag-ltr .ag-toolpanel-indent-22 {
    padding-left: 440px
}

.ag-theme-balham .ag-rtl .ag-toolpanel-indent-22 {
    padding-right: 440px
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-22 {
    padding-left: 616px
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-22 {
    padding-right: 616px
}

.ag-theme-balham .ag-ltr .ag-toolpanel-indent-23 {
    padding-left: 460px
}

.ag-theme-balham .ag-rtl .ag-toolpanel-indent-23 {
    padding-right: 460px
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-23 {
    padding-left: 644px
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-23 {
    padding-right: 644px
}

.ag-theme-balham .ag-ltr .ag-toolpanel-indent-24 {
    padding-left: 480px
}

.ag-theme-balham .ag-rtl .ag-toolpanel-indent-24 {
    padding-right: 480px
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-24 {
    padding-left: 672px
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-24 {
    padding-right: 672px
}

.ag-theme-balham .ag-ltr .ag-toolpanel-indent-25 {
    padding-left: 500px
}

.ag-theme-balham .ag-rtl .ag-toolpanel-indent-25 {
    padding-right: 500px
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-25 {
    padding-left: 700px
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-25 {
    padding-right: 700px
}

.ag-theme-balham .ag-ltr .ag-toolpanel-indent-26 {
    padding-left: 520px
}

.ag-theme-balham .ag-rtl .ag-toolpanel-indent-26 {
    padding-right: 520px
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-26 {
    padding-left: 728px
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-26 {
    padding-right: 728px
}

.ag-theme-balham .ag-ltr .ag-toolpanel-indent-27 {
    padding-left: 540px
}

.ag-theme-balham .ag-rtl .ag-toolpanel-indent-27 {
    padding-right: 540px
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-27 {
    padding-left: 756px
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-27 {
    padding-right: 756px
}

.ag-theme-balham .ag-ltr .ag-toolpanel-indent-28 {
    padding-left: 560px
}

.ag-theme-balham .ag-rtl .ag-toolpanel-indent-28 {
    padding-right: 560px
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-28 {
    padding-left: 784px
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-28 {
    padding-right: 784px
}

.ag-theme-balham .ag-ltr .ag-toolpanel-indent-29 {
    padding-left: 580px
}

.ag-theme-balham .ag-rtl .ag-toolpanel-indent-29 {
    padding-right: 580px
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-29 {
    padding-left: 812px
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-29 {
    padding-right: 812px
}

.ag-theme-balham .ag-ltr .ag-toolpanel-indent-30 {
    padding-left: 600px
}

.ag-theme-balham .ag-rtl .ag-toolpanel-indent-30 {
    padding-right: 600px
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-30 {
    padding-left: 840px
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-30 {
    padding-right: 840px
}

.ag-theme-balham .ag-ltr .ag-toolpanel-indent-31 {
    padding-left: 620px
}

.ag-theme-balham .ag-rtl .ag-toolpanel-indent-31 {
    padding-right: 620px
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-31 {
    padding-left: 868px
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-31 {
    padding-right: 868px
}

.ag-theme-balham .ag-ltr .ag-toolpanel-indent-32 {
    padding-left: 640px
}

.ag-theme-balham .ag-rtl .ag-toolpanel-indent-32 {
    padding-right: 640px
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-32 {
    padding-left: 896px
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-32 {
    padding-right: 896px
}

.ag-theme-balham .ag-ltr .ag-toolpanel-indent-33 {
    padding-left: 660px
}

.ag-theme-balham .ag-rtl .ag-toolpanel-indent-33 {
    padding-right: 660px
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-33 {
    padding-left: 924px
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-33 {
    padding-right: 924px
}

.ag-theme-balham .ag-ltr .ag-toolpanel-indent-34 {
    padding-left: 680px
}

.ag-theme-balham .ag-rtl .ag-toolpanel-indent-34 {
    padding-right: 680px
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-34 {
    padding-left: 952px
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-34 {
    padding-right: 952px
}

.ag-theme-balham .ag-ltr .ag-toolpanel-indent-35 {
    padding-left: 700px
}

.ag-theme-balham .ag-rtl .ag-toolpanel-indent-35 {
    padding-right: 700px
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-35 {
    padding-left: 980px
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-35 {
    padding-right: 980px
}

.ag-theme-balham .ag-ltr .ag-toolpanel-indent-36 {
    padding-left: 720px
}

.ag-theme-balham .ag-rtl .ag-toolpanel-indent-36 {
    padding-right: 720px
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-36 {
    padding-left: 1008px
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-36 {
    padding-right: 1008px
}

.ag-theme-balham .ag-ltr .ag-toolpanel-indent-37 {
    padding-left: 740px
}

.ag-theme-balham .ag-rtl .ag-toolpanel-indent-37 {
    padding-right: 740px
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-37 {
    padding-left: 1036px
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-37 {
    padding-right: 1036px
}

.ag-theme-balham .ag-ltr .ag-toolpanel-indent-38 {
    padding-left: 760px
}

.ag-theme-balham .ag-rtl .ag-toolpanel-indent-38 {
    padding-right: 760px
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-38 {
    padding-left: 1064px
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-38 {
    padding-right: 1064px
}

.ag-theme-balham .ag-ltr .ag-toolpanel-indent-39 {
    padding-left: 780px
}

.ag-theme-balham .ag-rtl .ag-toolpanel-indent-39 {
    padding-right: 780px
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-39 {
    padding-left: 1092px
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-39 {
    padding-right: 1092px
}

.ag-theme-balham .ag-ltr .ag-toolpanel-indent-40 {
    padding-left: 800px
}

.ag-theme-balham .ag-rtl .ag-toolpanel-indent-40 {
    padding-right: 800px
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-40 {
    padding-left: 1120px
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-40 {
    padding-right: 1120px
}

.ag-theme-balham .ag-ltr .ag-toolpanel-indent-41 {
    padding-left: 820px
}

.ag-theme-balham .ag-rtl .ag-toolpanel-indent-41 {
    padding-right: 820px
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-41 {
    padding-left: 1148px
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-41 {
    padding-right: 1148px
}

.ag-theme-balham .ag-ltr .ag-toolpanel-indent-42 {
    padding-left: 840px
}

.ag-theme-balham .ag-rtl .ag-toolpanel-indent-42 {
    padding-right: 840px
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-42 {
    padding-left: 1176px
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-42 {
    padding-right: 1176px
}

.ag-theme-balham .ag-ltr .ag-toolpanel-indent-43 {
    padding-left: 860px
}

.ag-theme-balham .ag-rtl .ag-toolpanel-indent-43 {
    padding-right: 860px
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-43 {
    padding-left: 1204px
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-43 {
    padding-right: 1204px
}

.ag-theme-balham .ag-ltr .ag-toolpanel-indent-44 {
    padding-left: 880px
}

.ag-theme-balham .ag-rtl .ag-toolpanel-indent-44 {
    padding-right: 880px
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-44 {
    padding-left: 1232px
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-44 {
    padding-right: 1232px
}

.ag-theme-balham .ag-ltr .ag-toolpanel-indent-45 {
    padding-left: 900px
}

.ag-theme-balham .ag-rtl .ag-toolpanel-indent-45 {
    padding-right: 900px
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-45 {
    padding-left: 1260px
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-45 {
    padding-right: 1260px
}

.ag-theme-balham .ag-ltr .ag-toolpanel-indent-46 {
    padding-left: 920px
}

.ag-theme-balham .ag-rtl .ag-toolpanel-indent-46 {
    padding-right: 920px
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-46 {
    padding-left: 1288px
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-46 {
    padding-right: 1288px
}

.ag-theme-balham .ag-ltr .ag-toolpanel-indent-47 {
    padding-left: 940px
}

.ag-theme-balham .ag-rtl .ag-toolpanel-indent-47 {
    padding-right: 940px
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-47 {
    padding-left: 1316px
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-47 {
    padding-right: 1316px
}

.ag-theme-balham .ag-ltr .ag-toolpanel-indent-48 {
    padding-left: 960px
}

.ag-theme-balham .ag-rtl .ag-toolpanel-indent-48 {
    padding-right: 960px
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-48 {
    padding-left: 1344px
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-48 {
    padding-right: 1344px
}

.ag-theme-balham .ag-ltr .ag-toolpanel-indent-49 {
    padding-left: 980px
}

.ag-theme-balham .ag-rtl .ag-toolpanel-indent-49 {
    padding-right: 980px
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-49 {
    padding-left: 1372px
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-49 {
    padding-right: 1372px
}

.ag-theme-balham .ag-cell .ag-icon {
    display: inline-block;
    vertical-align: middle
}

.ag-theme-balham .ag-checkbox,
.ag-theme-balham .ag-radio-button,
.ag-theme-balham .ag-toggle-button {
    display: flex;
    align-items: center;
    cursor: default
}

.ag-theme-balham .ag-checkbox label,
.ag-theme-balham .ag-radio-button label,
.ag-theme-balham .ag-toggle-button label {
    cursor: default
}

.ag-theme-balham .ag-checkbox label:empty,
.ag-theme-balham .ag-radio-button label:empty,
.ag-theme-balham .ag-toggle-button label:empty {
    margin: 0
}

.ag-theme-balham .ag-checkbox:not(.ag-label-align-left) label,
.ag-theme-balham .ag-radio-button:not(.ag-label-align-left) label,
.ag-theme-balham .ag-toggle-button:not(.ag-label-align-left) label {
    margin-left: 4px
}

.ag-theme-balham .ag-cell {
    -webkit-font-smoothing: subpixel-antialiased
}

.ag-theme-balham .ag-ltr .ag-row-group-leaf-indent {
    margin-left: 28px
}

.ag-theme-balham .ag-ltr .ag-cell {
    border-right: 1px solid transparent
}

.ag-theme-balham .ag-ltr .ag-cell:not(.ag-cell-focus).ag-cell-first-right-pinned:not(.ag-cell-range-left),
.ag-theme-balham .ag-ltr .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-first-right-pinned:not(.ag-cell-range-left),
.ag-theme-balham .ag-ltr .ag-root:not(.ag-has-focus) .ag-cell.ag-cell-first-right-pinned:not(.ag-cell-range-left) {
    border-left: 1px solid #BDC3C7
}

.ag-theme-balham .ag-ltr .ag-cell:not(.ag-cell-focus).ag-cell-last-left-pinned:not(.ag-cell-range-right),
.ag-theme-balham .ag-ltr .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-last-left-pinned:not(.ag-cell-range-right),
.ag-theme-balham .ag-ltr .ag-root:not(.ag-has-focus) .ag-cell.ag-cell-last-left-pinned:not(.ag-cell-range-right) {
    border-right: 1px solid #BDC3C7
}

.ag-theme-balham .ag-value-change-delta {
    padding-right: 2px
}

.ag-theme-balham .ag-value-change-delta-up {
    color: #43a047
}

.ag-theme-balham .ag-value-change-delta-down {
    color: #e53935
}

.ag-theme-balham .ag-value-change-value {
    background-color: transparent;
    border-radius: 1px;
    padding-left: 1px;
    padding-right: 1px;
    transition: background-color 1s
}

.ag-theme-balham .ag-value-change-value-highlight {
    background-color: #16a08580;
    transition: background-color .1s
}

.ag-theme-balham .ag-input-wrapper input:not([type]),
.ag-theme-balham .ag-input-wrapper input[type=text],
.ag-theme-balham .ag-input-wrapper input[type=number],
.ag-theme-balham .ag-input-wrapper input[type=tel],
.ag-theme-balham .ag-input-wrapper input[type=date],
.ag-theme-balham .ag-input-wrapper input[type=datetime-local] {
    border-width: 1px;
    border-style: solid;
    border-color: #95a5a6
}

.ag-theme-balham .ag-input-wrapper input:not([type]):disabled,
.ag-theme-balham .ag-input-wrapper input[type=text]:disabled,
.ag-theme-balham .ag-input-wrapper input[type=number]:disabled,
.ag-theme-balham .ag-input-wrapper input[type=tel]:disabled,
.ag-theme-balham .ag-input-wrapper input[type=date]:disabled,
.ag-theme-balham .ag-input-wrapper input[type=datetime-local]:disabled {
    color: #00000061;
    background-color: #ebebeb;
    border-color: #95a5a64d
}

.ag-theme-balham .ag-input-wrapper input[type=date] {
    flex: 1 1 auto
}

.ag-theme-balham .ag-input-wrapper input[type=range] {
    padding: 0
}

.ag-theme-balham .ag-input-wrapper textarea {
    border-width: 1px;
    border-style: solid;
    border-color: #95a5a6
}

.ag-theme-balham .ag-input-wrapper textarea:disabled {
    color: #00000061;
    background-color: #ebebeb;
    border-color: #95a5a64d
}

.ag-theme-balham .ag-header {
    background-color: #f5f7f7;
    color: #0000008a;
    font-weight: 600;
    font-size: 12px;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    border-bottom: 1px solid #BDC3C7
}

.ag-theme-balham .ag-pinned-right-header {
    border-left: 1px solid #BDC3C7
}

.ag-theme-balham .ag-pinned-left-header {
    border-right: 1px solid #BDC3C7
}

.ag-theme-balham .ag-header-row {
    border: none;
    height: 32px
}

.ag-theme-balham .ag-row {
    border-style: solid;
    border-color: #bdc3c7;
    height: 28px;
    border-width: 0
}

.ag-theme-balham .ag-row:not(.ag-row-first) {
    border-width: 1px 0 0
}

.ag-theme-balham .ag-row.ag-row-last {
    border-bottom-width: 1px
}

.ag-theme-balham .ag-row-odd {
    background-color: #fcfdfe
}

.ag-theme-balham .ag-row-even {
    background-color: #fff
}

.ag-theme-balham .ag-horizontal-left-spacer {
    border-right: 1px solid #BDC3C7
}

.ag-theme-balham .ag-horizontal-left-spacer.ag-scroller-corner {
    border-right: none
}

.ag-theme-balham .ag-horizontal-right-spacer {
    border-left: 1px solid #BDC3C7
}

.ag-theme-balham .ag-horizontal-right-spacer.ag-scroller-corner {
    border-left: none
}

.ag-theme-balham .ag-row-hover {
    background-color: #ecf0f1
}

.ag-theme-balham .ag-numeric-cell {
    text-align: right
}

.ag-theme-balham .ag-header-cell-label .ag-header-icon {
    margin-left: 4px;
    opacity: .87
}

.ag-theme-balham .ag-header-cell,
.ag-theme-balham .ag-header-group-cell {
    border-style: solid;
    border-color: #bdc3c7;
    padding-left: 12px;
    padding-right: 12px;
    border-width: 0
}

.ag-theme-balham .ag-header-cell.ag-header-cell-moving,
.ag-theme-balham .ag-header-group-cell.ag-header-cell-moving {
    background-color: #fff
}

.ag-theme-balham .ag-header-cell:not(.ag-header-group-cell-no-group),
.ag-theme-balham .ag-header-group-cell:not(.ag-header-group-cell-no-group) {
    border-top-width: 1px
}

.ag-theme-balham .ag-header-row:first-child .ag-header-cell,
.ag-theme-balham .ag-header-row:first-child .ag-header-group-cell {
    border-top-width: 0
}

.ag-theme-balham .ag-header-cell-resize {
    cursor: col-resize
}

.ag-theme-balham .ag-header-select-all {
    margin-right: 12px
}

.ag-theme-balham .ag-cell {
    line-height: 26px;
    border: 1px solid transparent;
    padding-left: 11px;
    padding-right: 11px
}

.ag-theme-balham .ag-row-drag {
    cursor: move;
    cursor: grab;
    min-width: 28px
}

.ag-theme-balham .ag-row-dragging,
.ag-theme-balham .ag-row-dragging .ag-row-drag {
    cursor: move
}

.ag-theme-balham .ag-column-drag {
    cursor: move;
    cursor: grab
}

.ag-theme-balham .ag-row-dragging {
    opacity: .5
}

.ag-theme-balham .ag-ltr .ag-has-focus .ag-cell-focus:not(.ag-cell-range-selected),
.ag-theme-balham .ag-ltr .ag-has-focus .ag-cell-focus.ag-cell-range-single-cell,
.ag-theme-balham .ag-ltr .ag-cell-focus.ag-cell-range-single-cell.ag-cell-range-handle,
.ag-theme-balham .ag-rtl .ag-has-focus .ag-cell-focus:not(.ag-cell-range-selected),
.ag-theme-balham .ag-rtl .ag-has-focus .ag-cell-focus.ag-cell-range-single-cell,
.ag-theme-balham .ag-rtl .ag-cell-focus.ag-cell-range-single-cell.ag-cell-range-handle {
    border: 1px solid #0091EA;
    outline: initial
}

.ag-theme-balham .ag-header-cell-resize {
    width: 8px
}

.ag-theme-balham .ag-menu {
    background: white;
    border-radius: 2px;
    box-shadow: none;
    padding: 0
}

.ag-theme-balham .ag-menu .ag-menu-list {
    cursor: default;
    margin-bottom: 4px;
    margin-top: 4px;
    width: 100%
}

.ag-theme-balham .ag-menu .ag-menu-option-active {
    background-color: #ecf0f1
}

.ag-theme-balham .ag-menu .ag-menu-option-disabled {
    opacity: .5
}

.ag-theme-balham .ag-menu .ag-menu-option-text {
    margin-left: 4px
}

.ag-theme-balham .ag-menu .ag-menu-option-icon {
    padding-left: 4px;
    padding-right: 4px;
    min-width: 24px
}

.ag-theme-balham .ag-menu .ag-menu-option-shortcut {
    padding-left: 8px
}

.ag-theme-balham .ag-menu .ag-menu-separator {
    height: 8px
}

.ag-theme-balham .ag-menu .ag-menu-separator>span {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D'1'%20height%3D'8px'%20viewBox%3D'0%200%201%208px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cline%20x1%3D'0'%20y1%3D'4px'%20x2%3D'1'%20y2%3D'4px'%20stroke-width%3D'1'%20stroke%3D'%23BDC3C7'%2F%3E%3C%2Fsvg%3E")
}

.ag-theme-balham .ag-menu .ag-menu-option-popup-pointer {
    width: 24px;
    text-align: center
}

.ag-theme-balham.ag-dnd-ghost {
    background: white;
    border-radius: 2px;
    box-shadow: none;
    border: 1px solid #BDC3C7;
    color: #0000008a;
    font-weight: 600;
    font-size: 12px;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    height: 32px !important;
    line-height: 32px;
    margin: 0;
    padding: 0 8px;
    transform: translateY(8px)
}

.ag-theme-balham.ag-dnd-ghost span,
.ag-theme-balham.ag-dnd-ghost div {
    height: 100%;
    margin: 0;
    padding: 0
}

.ag-theme-balham.ag-dnd-ghost .ag-dnd-ghost-icon {
    margin-right: 4px;
    opacity: .87
}

.ag-theme-balham .ag-tab-header {
    background: #f5f7f7;
    min-width: 220px;
    width: 100%;
    display: flex
}

.ag-theme-balham .ag-tab-header .ag-tab {
    display: flex;
    border-bottom: 2px solid transparent;
    height: 16px;
    flex: none;
    align-items: center;
    justify-content: center
}

.ag-theme-balham .ag-tab-body {
    padding: 2px 0
}

.ag-theme-balham .ag-tab-body .ag-menu-list {
    margin-bottom: 0;
    margin-top: 0
}

.ag-theme-balham .ag-tab-body .ag-menu-list>div:first-child>span {
    padding-top: 0
}

.ag-theme-balham .ag-tab-body .ag-menu-list>div:last-child>span {
    padding-bottom: 0
}

.ag-theme-balham .ag-tab-body .ag-menu-list>div:last-child>.ag-menu-option-popup-pointer {
    background-position-y: 0
}

.ag-theme-balham .ag-filter .ag-filter-select,
.ag-theme-balham .ag-filter .ag-filter-body {
    margin-bottom: 4px
}

.ag-theme-balham .ag-filter .ag-filter-body {
    margin-top: 0
}

.ag-theme-balham .ag-filter .ag-filter-filter {
    margin-left: 4px;
    margin-right: 4px
}

.ag-theme-balham .ag-filter .ag-filter-select {
    margin: 4px
}

.ag-theme-balham .ag-filter input[type=radio] {
    margin: 0 3px 0 6px;
    width: 12px;
    height: 17px;
    vertical-align: top
}

.ag-theme-balham .ag-filter input[type=text],
.ag-theme-balham .ag-filter input[type=date] {
    padding-left: 4px
}

.ag-theme-balham .ag-filter .ag-set-filter-list {
    height: 168px
}

.ag-theme-balham .ag-filter .ag-set-filter-item {
    height: 28px
}

.ag-theme-balham .ag-filter .ag-set-filter-item>div,
.ag-theme-balham .ag-filter .ag-set-filter-item>span {
    margin-left: 5px
}

.ag-theme-balham .ag-filter .ag-filter-header-container {
    border-bottom: 1px solid #BDC3C7;
    padding-bottom: 2px
}

.ag-theme-balham .ag-filter .ag-filter-apply-panel {
    display: flex;
    justify-content: flex-end;
    padding: 8px 4px 4px
}

.ag-theme-balham .ag-filter .ag-filter-apply-panel button {
    line-height: 1.5
}

.ag-theme-balham .ag-filter .ag-filter-apply-panel button+button {
    margin-left: 8px
}

.ag-theme-balham .ag-column-select-panel .ag-column-tool-panel-column-group,
.ag-theme-balham .ag-column-select-panel .ag-column-tool-panel-column {
    height: 16px
}

.ag-theme-balham .ag-column-select-panel .ag-column-tool-panel-column-group .ag-column-select-checkbox,
.ag-theme-balham .ag-column-select-panel .ag-column-tool-panel-column-group .ag-column-tool-panel-column-label,
.ag-theme-balham .ag-column-select-panel .ag-column-tool-panel-column-group .ag-column-group-icons,
.ag-theme-balham .ag-column-select-panel .ag-column-tool-panel-column .ag-column-select-checkbox,
.ag-theme-balham .ag-column-select-panel .ag-column-tool-panel-column .ag-column-tool-panel-column-label,
.ag-theme-balham .ag-column-select-panel .ag-column-tool-panel-column .ag-column-group-icons {
    margin-left: 4px;
    margin-right: 4px
}

.ag-theme-balham .ag-column-select-panel .ag-primary-cols-list-panel {
    border-top: 1px solid #BDC3C7;
    padding-top: 4px
}

.ag-theme-balham .ag-column-select-panel .ag-primary-cols-list-panel>div {
    cursor: pointer
}

.ag-theme-balham .ag-column-select-panel .ag-column-tool-panel-column.ag-toolpanel-add-group-indent {
    margin-left: 24px
}

.ag-theme-balham .ag-primary-cols-header-panel {
    border-top: 1px solid #BDC3C7;
    height: 32px;
    align-items: center
}

.ag-theme-balham .ag-primary-cols-header-panel>div {
    cursor: pointer;
    margin: 0 4px
}

.ag-theme-balham .ag-primary-cols-header-panel .ag-filter-body {
    margin-left: 4px;
    margin-right: 4px
}

.ag-theme-balham .ag-tool-panel-wrapper {
    border-right: 0
}

.ag-theme-balham .ag-tool-panel-wrapper .ag-filter-panel {
    color: #0000008a;
    font-weight: 600;
    font-size: 12px;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif
}

.ag-theme-balham .ag-tool-panel-wrapper .ag-filter-panel .ag-filter-toolpanel-header.ag-filter-header {
    min-height: 32px;
    height: 32px;
    border-bottom: 1px solid #BDC3C7;
    box-sizing: content-box
}

.ag-theme-balham .ag-tool-panel-wrapper .ag-filter-panel .ag-filter-toolpanel-header>div:not(.ag-input-wrapper) {
    margin: 0 2px
}

.ag-theme-balham .ag-tool-panel-wrapper .ag-filter-panel .ag-filter-toolpanel-header>div.ag-input-wrapper {
    padding-left: 4px;
    padding-right: 4px
}

.ag-theme-balham .ag-tool-panel-wrapper .ag-filter-panel .ag-filter-toolpanel-header>div.ag-input-wrapper input {
    width: 100%
}

.ag-theme-balham .ag-tool-panel-wrapper .ag-filter-panel .ag-filter-list-panel {
    flex: 1 1 auto;
    overflow: auto
}

.ag-theme-balham .ag-tool-panel-wrapper .ag-filter-panel .ag-filter-list-panel>div.ag-first-group-visible>.ag-group-component>.ag-group-component-title-bar {
    border-top: none;
    min-height: 31px
}

.ag-theme-balham .ag-tool-panel-wrapper .ag-filter-panel .ag-filter-list-panel>div.ag-last-group-visible>.ag-group-component.ag-collapsed {
    border-bottom: 1px solid #BDC3C7
}

.ag-theme-balham .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component {
    border: none;
    background-color: #f5f7f7
}

.ag-theme-balham .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component .ag-group-component-title-bar {
    min-height: 32px
}

.ag-theme-balham .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component .ag-group-component-title-bar .ag-group-component-title {
    white-space: nowrap
}

.ag-theme-balham .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component .ag-group-component-title-bar .ag-column-group-icons {
    margin: 0 4px
}

.ag-theme-balham .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component.ag-level-0>.ag-group-component-title-bar {
    border: 0 solid #BDC3C7;
    border-top-width: 1px
}

.ag-theme-balham .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component.ag-has-filter>.ag-group-component-title-bar .ag-group-component-title:after {
    content: "\f115";
    font-family: agGridBalham;
    font-size: 16px;
    margin-left: 4px;
    color: #7f8c8d;
    font-weight: 400
}

.ag-theme-balham .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component-container {
    margin-left: 0;
    padding: 0
}

.ag-theme-balham .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component-container .ag-group-item:not(.ag-filter-toolpanel-instance) {
    margin-top: 0
}

.ag-theme-balham .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component-container .ag-group-item .ag-group-component-title-bar {
    background-color: #f8f9fa
}

.ag-theme-balham .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component-container .ag-group-item .ag-filter-toolpanel-header {
    padding: 2px 0
}

.ag-theme-balham .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component-container .ag-group-item .ag-filter-toolpanel-body:not(:empty) {
    margin: 4px 0
}

.ag-theme-balham .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component-container .ag-group-item .ag-filter-toolpanel-body .ag-filter-air {
    border: 1px solid #BDC3C7;
    padding-top: 4px;
    color: #000;
    font-weight: 400;
    font-size: 12px;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif
}

.ag-theme-balham .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component-container .ag-group-item:not(.ag-filter-toolpanel-instance),
.ag-theme-balham .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component-container .ag-group-item>.ag-group-component {
    border-top: none;
    margin-bottom: 0
}

.ag-theme-balham .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component-container .ag-group-item:not(.ag-filter-toolpanel-instance) .ag-group-component-title-bar,
.ag-theme-balham .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component-container .ag-group-item>.ag-group-component .ag-group-component-title-bar {
    min-height: unset;
    height: unset;
    margin: 4px 0
}

.ag-theme-balham .ag-tool-panel-wrapper .ag-pivot-mode-panel {
    height: 32px;
    display: flex;
    flex: none
}

.ag-theme-balham .ag-tool-panel-wrapper .ag-pivot-mode-panel .ag-pivot-mode-select {
    display: flex;
    align-items: center;
    margin-left: 4px
}

.ag-theme-balham .ag-tool-panel-wrapper .ag-column-select-panel {
    border-bottom: 1px solid #BDC3C7;
    padding-bottom: 3px;
    padding-top: 0
}

.ag-theme-balham .ag-tool-panel-wrapper .ag-column-drop {
    border-bottom: 1px solid #BDC3C7;
    padding: 4px 0 8px
}

.ag-theme-balham .ag-tool-panel-wrapper .ag-column-drop .ag-column-drop-empty-message {
    color: #00000061;
    font-weight: 600;
    font-size: 12px;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    padding-left: 24px;
    padding-right: 4px;
    margin-top: 4px
}

.ag-theme-balham .ag-tool-panel-wrapper .ag-column-drop .ag-column-drop-list {
    cursor: default;
    margin-top: 4px
}

.ag-theme-balham .ag-tool-panel-wrapper .ag-column-drop>div:first-child>span:first-child {
    margin-left: 4px;
    margin-right: 4px
}

.ag-theme-balham .ag-tool-panel-wrapper .ag-column-drop.ag-last-column-drop {
    border-bottom-width: 0
}

.ag-theme-balham .ag-tool-panel-wrapper .ag-filter-panel .ag-filter-toolpanel-header>div:not(.ag-input-wrapper) {
    padding-left: 2px
}

.ag-theme-balham .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component-container .ag-group-item {
    margin: 4px 2px 4px 0
}

.ag-theme-balham .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component-container .ag-group-item:not(.ag-filter-toolpanel-instance).ag-level-1 .ag-filter-toolpanel-header,
.ag-theme-balham .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component-container .ag-group-item>.ag-group-component.ag-level-1 .ag-filter-toolpanel-header {
    padding-left: 1rem
}

.ag-theme-balham .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component-container .ag-group-item:not(.ag-filter-toolpanel-instance).ag-level-2 .ag-group-component-title-bar,
.ag-theme-balham .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component-container .ag-group-item>.ag-group-component.ag-level-2 .ag-group-component-title-bar {
    padding-left: 1rem
}

.ag-theme-balham .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component-container .ag-group-item:not(.ag-filter-toolpanel-instance).ag-level-2 .ag-filter-toolpanel-header,
.ag-theme-balham .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component-container .ag-group-item>.ag-group-component.ag-level-2 .ag-filter-toolpanel-header {
    padding-left: 2rem
}

.ag-theme-balham .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component-container .ag-group-item:not(.ag-filter-toolpanel-instance).ag-level-3 .ag-group-component-title-bar,
.ag-theme-balham .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component-container .ag-group-item>.ag-group-component.ag-level-3 .ag-group-component-title-bar {
    padding-left: 2rem
}

.ag-theme-balham .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component-container .ag-group-item:not(.ag-filter-toolpanel-instance).ag-level-3 .ag-filter-toolpanel-header,
.ag-theme-balham .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component-container .ag-group-item>.ag-group-component.ag-level-3 .ag-filter-toolpanel-header {
    padding-left: 3rem
}

.ag-theme-balham .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component-container .ag-group-item:not(.ag-filter-toolpanel-instance).ag-level-4 .ag-group-component-title-bar,
.ag-theme-balham .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component-container .ag-group-item>.ag-group-component.ag-level-4 .ag-group-component-title-bar {
    padding-left: 3rem
}

.ag-theme-balham .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component-container .ag-group-item:not(.ag-filter-toolpanel-instance).ag-level-4 .ag-filter-toolpanel-header,
.ag-theme-balham .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component-container .ag-group-item>.ag-group-component.ag-level-4 .ag-filter-toolpanel-header {
    padding-left: 4rem
}

.ag-theme-balham .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component-container .ag-group-item:not(.ag-filter-toolpanel-instance).ag-level-5 .ag-group-component-title-bar,
.ag-theme-balham .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component-container .ag-group-item>.ag-group-component.ag-level-5 .ag-group-component-title-bar {
    padding-left: 4rem
}

.ag-theme-balham .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component-container .ag-group-item:not(.ag-filter-toolpanel-instance).ag-level-5 .ag-filter-toolpanel-header,
.ag-theme-balham .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component-container .ag-group-item>.ag-group-component.ag-level-5 .ag-filter-toolpanel-header {
    padding-left: 5rem
}

.ag-theme-balham .ag-numeric-header .ag-header-cell-label .ag-header-icon {
    margin-left: 0;
    margin-right: 4px
}

.ag-theme-balham .ag-paging-panel {
    border-top: 1px solid #BDC3C7;
    color: #0000008a;
    height: 32px;
    padding: 0 12px
}

.ag-theme-balham .ag-paging-panel>span {
    margin-left: 16px
}

.ag-theme-balham .ag-paging-page-summary-panel .ag-icon {
    width: 16px;
    height: 16px
}

.ag-theme-balham .ag-paging-page-summary-panel .ag-paging-button button {
    cursor: pointer;
    opacity: 0;
    inset: 0;
    padding: 0
}

.ag-theme-balham .ag-paging-page-summary-panel .ag-paging-button.ag-disabled .ag-icon {
    color: #00000061;
    opacity: .38
}

.ag-theme-balham .ag-paging-page-summary-panel .ag-paging-button.ag-disabled button {
    cursor: default
}

.ag-theme-balham .ag-paging-page-summary-panel span {
    margin: 0 4px
}

.ag-theme-balham .ag-row-selected {
    background-color: #b7e4ff
}

.ag-theme-balham .ag-ltr .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell),
.ag-theme-balham .ag-rtl .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell) {
    border: 1px solid transparent
}

.ag-theme-balham .ag-ltr .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-top,
.ag-theme-balham .ag-rtl .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-top {
    border-top-color: #0091ea
}

.ag-theme-balham .ag-ltr .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-right,
.ag-theme-balham .ag-rtl .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-right {
    border-right-color: #0091ea
}

.ag-theme-balham .ag-ltr .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-bottom,
.ag-theme-balham .ag-rtl .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-bottom {
    border-bottom-color: #0091ea
}

.ag-theme-balham .ag-ltr .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-left,
.ag-theme-balham .ag-rtl .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-left {
    border-left-color: #0091ea
}

.ag-theme-balham .ag-cell-range-selected:not(.ag-cell-focus) {
    background-color: #0091ea33
}

.ag-theme-balham .ag-cell-range-selected:not(.ag-cell-focus).ag-cell-range-chart {
    background-color: #0058ff1a
}

.ag-theme-balham .ag-cell-range-selected:not(.ag-cell-focus).ag-cell-range-chart.ag-cell-range-chart-category {
    background-color: #00ff841a
}

.ag-theme-balham .ag-ltr .ag-selection-fill-top,
.ag-theme-balham .ag-rtl .ag-selection-fill-top {
    border-top: 1px dashed #0091EA
}

.ag-theme-balham .ag-ltr .ag-selection-fill-top.ag-cell.ag-cell-range-selected,
.ag-theme-balham .ag-rtl .ag-selection-fill-top.ag-cell.ag-cell-range-selected {
    border-top: 1px dashed #869198
}

.ag-theme-balham .ag-ltr .ag-selection-fill-right,
.ag-theme-balham .ag-rtl .ag-selection-fill-right {
    border-right: 1px dashed #0091EA
}

.ag-theme-balham .ag-ltr .ag-selection-fill-right.ag-cell.ag-cell-range-selected,
.ag-theme-balham .ag-rtl .ag-selection-fill-right.ag-cell.ag-cell-range-selected {
    border-right: 1px dashed #869198
}

.ag-theme-balham .ag-ltr .ag-selection-fill-bottom,
.ag-theme-balham .ag-rtl .ag-selection-fill-bottom {
    border-bottom: 1px dashed #0091EA
}

.ag-theme-balham .ag-ltr .ag-selection-fill-bottom.ag-cell.ag-cell-range-selected,
.ag-theme-balham .ag-rtl .ag-selection-fill-bottom.ag-cell.ag-cell-range-selected {
    border-bottom: 1px dashed #869198
}

.ag-theme-balham .ag-ltr .ag-selection-fill-left,
.ag-theme-balham .ag-rtl .ag-selection-fill-left {
    border-left: 1px dashed #0091EA
}

.ag-theme-balham .ag-ltr .ag-selection-fill-left.ag-cell.ag-cell-range-selected,
.ag-theme-balham .ag-rtl .ag-selection-fill-left.ag-cell.ag-cell-range-selected {
    border-left: 1px dashed #869198
}

.ag-theme-balham .ag-fill-handle,
.ag-theme-balham .ag-range-handle {
    position: absolute;
    width: 6px;
    height: 6px;
    bottom: -1px;
    right: -1px;
    background-color: #0091ea
}

.ag-theme-balham .ag-fill-handle {
    cursor: cell
}

.ag-theme-balham .ag-range-handle {
    cursor: nwse-resize
}

.ag-theme-balham .ag-cell.ag-cell-inline-editing {
    padding: 12px;
    height: 40px
}

.ag-theme-balham .ag-cell.ag-cell-inline-editing {
    background: white;
    border-radius: 2px;
    box-shadow: none;
    padding: 4px;
    background-color: #f5f7f7
}

.ag-theme-balham .ag-popup-editor {
    background: white;
    border-radius: 2px;
    box-shadow: none;
    background-color: #f5f7f7;
    padding: 0
}

.ag-theme-balham .ag-popup-editor .ag-large-textarea textarea {
    height: auto;
    padding: 12px
}

.ag-theme-balham .ag-virtual-list-container .ag-virtual-list-item {
    height: 28px
}

.ag-theme-balham .ag-rich-select {
    background-color: #f5f7f7
}

.ag-theme-balham .ag-rich-select .ag-rich-select-list {
    width: 100%;
    min-width: 200px;
    height: 182px
}

.ag-theme-balham .ag-rich-select .ag-rich-select-value {
    padding: 0 4px 0 12px;
    height: 28px
}

.ag-theme-balham .ag-rich-select .ag-virtual-list-item {
    cursor: default;
    height: 28px
}

.ag-theme-balham .ag-rich-select .ag-virtual-list-item:hover {
    background-color: #ecf0f1
}

.ag-theme-balham .ag-rich-select .ag-rich-select-row {
    padding-left: 12px
}

.ag-theme-balham .ag-rich-select .ag-rich-select-row-selected {
    background-color: #b7e4ff
}

.ag-theme-balham .ag-ltr .ag-floating-filter-button {
    margin-left: 12px
}

.ag-theme-balham .ag-floating-filter-button button {
    -webkit-appearance: none;
    appearance: none;
    background: transparent;
    border: 0;
    height: 16px;
    padding: 0;
    width: 16px
}

.ag-theme-balham .ag-selection-checkbox:not(.ag-hidden)~.ag-cell-value:not(:empty),
.ag-theme-balham .ag-selection-checkbox:not(.ag-hidden)+.ag-group-value:not(:empty),
.ag-theme-balham .ag-group-expanded:not(.ag-hidden)~.ag-cell-value:not(:empty),
.ag-theme-balham .ag-group-expanded:not(.ag-hidden)+.ag-group-value:not(:empty),
.ag-theme-balham .ag-group-contracted:not(.ag-hidden)~.ag-cell-value:not(:empty),
.ag-theme-balham .ag-group-contracted:not(.ag-hidden)+.ag-group-value:not(:empty),
.ag-theme-balham .ag-group-checkbox:not(.ag-invisible)~.ag-cell-value:not(:empty),
.ag-theme-balham .ag-group-checkbox:not(.ag-invisible)+.ag-group-value:not(:empty) {
    margin-left: 12px
}

.ag-theme-balham .ag-selection-checkbox:not(.ag-hidden)~.ag-group-checkbox,
.ag-theme-balham .ag-group-expanded:not(.ag-hidden)~.ag-group-checkbox,
.ag-theme-balham .ag-group-contracted:not(.ag-hidden)~.ag-group-checkbox,
.ag-theme-balham .ag-group-checkbox:not(.ag-invisible)~.ag-group-checkbox {
    margin-left: 12px
}

.ag-theme-balham .ag-group-child-count {
    margin-left: 2px
}

.ag-theme-balham .ag-selection-checkbox span {
    position: relative
}

.ag-theme-balham .ag-column-drop-horizontal {
    background-color: #f5f7f7;
    height: 28px;
    padding-left: 12px
}

.ag-theme-balham .ag-column-drop-horizontal .ag-icon-group,
.ag-theme-balham .ag-column-drop-horizontal .ag-icon-pivot {
    margin-right: 12px
}

.ag-theme-balham .ag-column-drop-horizontal .ag-icon-small-left,
.ag-theme-balham .ag-column-drop-horizontal .ag-icon-small-right {
    margin: 0 4px;
    opacity: .54
}

.ag-theme-balham .ag-column-drop-horizontal .ag-column-drop-empty-message {
    opacity: .38
}

.ag-theme-balham .ag-column-drop-cell {
    background: #dde4e6;
    border-radius: 16px;
    min-height: 16px;
    padding: 0 2px
}

.ag-theme-balham .ag-column-drop-cell .ag-column-drop-cell-text {
    margin: 0 4px
}

.ag-theme-balham .ag-column-drop-cell .ag-column-drop-cell-button {
    min-width: 16px;
    margin: 0 2px;
    opacity: .54
}

.ag-theme-balham .ag-column-drop-cell .ag-column-drop-cell-button:hover {
    opacity: .87
}

.ag-theme-balham .ag-column-drop-cell .ag-column-drag {
    margin-left: 8px
}

.ag-theme-balham .ag-column-drop-vertical .ag-column-drop-cell {
    margin-top: 4px
}

.ag-theme-balham .ag-select-agg-func-popup {
    border-radius: 2px;
    box-shadow: none;
    background: white;
    height: 70px;
    padding: 0
}

.ag-theme-balham .ag-select-agg-func-popup .ag-virtual-list-item {
    cursor: default;
    line-height: 20px;
    padding-left: 8px
}

.ag-theme-balham .ag-set-filter-list,
.ag-theme-balham .ag-menu-column-select-wrapper {
    width: auto
}

.ag-theme-balham .ag-column-drop-vertical>.ag-column-drop-cell {
    margin-left: 4px;
    margin-top: 0
}

.ag-theme-balham .ag-cell-data-changed {
    background-color: #16a08580 !important
}

.ag-theme-balham .ag-cell-data-changed-animation {
    background-color: transparent;
    transition: background-color 1s
}

.ag-theme-balham .ag-row-stub {
    background-color: inherit
}

.ag-theme-balham .ag-stub-cell {
    padding-left: 12px;
    padding-top: 4px
}

.ag-theme-balham .ag-stub-cell .ag-loading-icon {
    animation-name: spin;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

.ag-theme-balham .ag-stub-cell .ag-loading-text {
    margin-left: 4px;
    margin-top: 4px
}

.ag-theme-balham .ag-floating-top {
    border-bottom: 1px solid #BDC3C7
}

.ag-theme-balham .ag-floating-bottom {
    border-top: 1px solid #BDC3C7
}

.ag-theme-balham .ag-floating-top,
.ag-theme-balham .ag-floating-bottom,
.ag-theme-balham .ag-floating-top .ag-row,
.ag-theme-balham .ag-floating-bottom .ag-row {
    background-color: inherit
}

.ag-theme-balham .ag-status-bar {
    background: white;
    border: 1px solid #BDC3C7;
    border-top-width: 0;
    color: #00000061;
    font-weight: 600;
    font-size: 12px;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    padding-right: 16px;
    padding-left: 16px;
    line-height: 1.5
}

.ag-theme-balham .ag-name-value-value {
    color: #000
}

.ag-theme-balham .ag-status-bar-center {
    text-align: center
}

.ag-theme-balham .ag-name-value {
    margin-left: 4px;
    margin-right: 4px;
    padding-top: 8px;
    padding-bottom: 8px
}

.ag-theme-balham .ag-details-row {
    padding: 20px
}

.ag-theme-balham .ag-overlay-loading-center {
    background: white;
    border-radius: 2px;
    box-shadow: none;
    padding: 4px
}

.ag-theme-balham .ag-ltr .ag-side-bar.ag-side-bar-left,
.ag-theme-balham .ag-rtl .ag-side-bar.ag-side-bar-right {
    border-left: 1px solid #BDC3C7
}

.ag-theme-balham .ag-ltr .ag-side-bar.ag-side-bar-left .ag-side-button.ag-selected button,
.ag-theme-balham .ag-rtl .ag-side-bar.ag-side-bar-right .ag-side-button.ag-selected button {
    margin-right: -1px;
    padding-right: 1px
}

.ag-theme-balham .ag-ltr .ag-side-bar.ag-side-bar-left .ag-tool-panel-wrapper,
.ag-theme-balham .ag-rtl .ag-side-bar.ag-side-bar-right .ag-tool-panel-wrapper {
    border-left: 1px solid #BDC3C7
}

.ag-theme-balham .ag-ltr .ag-side-bar.ag-side-bar-right,
.ag-theme-balham .ag-rtl .ag-side-bar.ag-side-bar-left {
    border-right: 1px solid #BDC3C7
}

.ag-theme-balham .ag-ltr .ag-side-bar.ag-side-bar-right .ag-side-button.ag-selected button,
.ag-theme-balham .ag-rtl .ag-side-bar.ag-side-bar-left .ag-side-button.ag-selected button {
    margin-left: -1px;
    padding-left: 1px
}

.ag-theme-balham .ag-ltr .ag-side-bar.ag-side-bar-right .ag-tool-panel-wrapper,
.ag-theme-balham .ag-rtl .ag-side-bar.ag-side-bar-left .ag-tool-panel-wrapper {
    border-right: 1px solid #BDC3C7
}

.ag-theme-balham .ag-side-bar {
    background-color: #f5f7f7;
    border: 1px solid #BDC3C7;
    border-left-width: 0;
    position: relative
}

.ag-theme-balham .ag-side-bar .ag-side-buttons {
    padding-top: 16px;
    background: white;
    width: 20px;
    position: relative
}

.ag-theme-balham .ag-side-bar .ag-side-buttons .ag-side-button button {
    background: transparent;
    border: 0;
    color: #000;
    padding: 8px 0;
    width: calc(100% + 1px);
    margin: 0;
    min-height: 72px;
    border-width: 1px 0 1px 0;
    border-style: solid;
    border-color: transparent;
    background-position-y: center;
    background-position-x: center;
    background-repeat: no-repeat
}

.ag-theme-balham .ag-side-bar .ag-side-buttons .ag-selected button {
    background-color: #f5f7f7;
    border-color: #bdc3c7
}

.ag-theme-balham .ag-side-bar .ag-panel-container {
    border-right: 1px solid #BDC3C7
}

.ag-theme-balham .ag-side-bar.full-width .ag-panel-container {
    border-right: 0
}

.ag-theme-balham .ag-side-bar .ag-column-drop {
    min-height: 50px
}

.ag-theme-balham .ag-primary-cols-filter-wrapper {
    margin-left: 4px;
    margin-right: 4px
}

.ag-theme-balham .ag-group-component {
    background-color: #f8f9fa;
    padding: 0;
    border: 0 solid #cbd0d3;
    border-top-width: 1px
}

.ag-theme-balham .ag-group-component.ag-disabled>.ag-group-component-label .ag-group-component-title,
.ag-theme-balham .ag-group-component.ag-disabled>.ag-group-component-container {
    opacity: .5
}

.ag-theme-balham .ag-group-component .ag-group-component-title-bar {
    background-color: #e9eeef;
    height: 16px;
    font-size: 12px;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    height: 26px
}

.ag-theme-balham .ag-group-component:not(.ag-collapsible)>div {
    margin-left: 0
}

.ag-theme-balham .ag-group-component:not(.ag-collapsible)>.ag-group-component-title-bar {
    margin-left: 0;
    padding: 4px
}

.ag-theme-balham .ag-group-component:not(.ag-collapsible)>.ag-group-component-title-bar .ag-column-group-icons {
    display: none
}

.ag-theme-balham .ag-group-component .ag-group-component-toolbar {
    background-color: #f2f5f5;
    padding: 4px;
    border: 0 solid #BDC3C7
}

.ag-theme-balham .ag-group-component>.ag-group-component-container {
    margin-left: 8px;
    padding: 4px
}

.ag-theme-balham .ag-group-component .ag-group-item {
    margin: 2px 0
}

.ag-theme-balham .ag-group-component .ag-group-item .ag-group-component-title-bar {
    height: 18px
}

.ag-theme-balham .ag-labeled label {
    margin-right: 4px;
    white-space: nowrap
}

.ag-theme-balham .ag-labeled.ag-label-align-top label {
    margin-bottom: 2px
}

.ag-theme-balham .ag-slider>.ag-wrapper>div:not(:first-of-type),
.ag-theme-balham .ag-angle-select>.ag-wrapper>div:not(:first-of-type) {
    margin-left: 8px
}

.ag-theme-balham .ag-angle-select .ag-angle-select-field .ag-parent-circle {
    width: 24px;
    height: 24px;
    border-radius: 12px;
    box-shadow: 0 0 2px #000000e6;
    background-color: #fff
}

.ag-theme-balham .ag-angle-select .ag-angle-select-field .ag-child-circle {
    top: 4px;
    left: 12px;
    width: 6px;
    height: 6px;
    margin-left: -3px;
    margin-top: -4px;
    border-radius: 3px;
    background-color: #4c4c4c
}

.ag-theme-balham .ag-toggle-button .ag-input-wrapper {
    height: 16px;
    width: 40px;
    background-color: #fff;
    border: 1px solid #7F8C8D;
    border-radius: 500rem
}

.ag-theme-balham .ag-toggle-button .ag-input-wrapper .ag-icon {
    width: 16px;
    height: 16px;
    border: 1px solid #7F8C8D;
    border-radius: 500rem;
    right: calc(100% - 16px)
}

.ag-theme-balham .ag-toggle-button.ag-selected .ag-input-wrapper {
    background-color: #0091ea
}

.ag-theme-balham .ag-toggle-button.ag-selected .ag-input-wrapper .ag-icon {
    background: white;
    right: -1px
}

.ag-theme-balham .ag-color-picker>.ag-wrapper {
    border: 1px solid #BDC3C7;
    border-radius: 5px
}

.ag-theme-balham .ag-color-picker>.ag-wrapper>div {
    width: 16px;
    height: 16px
}

.ag-theme-balham .ag-color-picker>.ag-wrapper button {
    background-color: #fff
}

.ag-theme-balham .ag-color-picker>.ag-wrapper button:hover {
    background-color: #ecf0f1
}

.ag-theme-balham .ag-dialog.ag-color-dialog {
    border-radius: 5px
}

.ag-theme-balham .ag-color-panel {
    padding: 4px
}

.ag-theme-balham .ag-color-panel .ag-spectrum-color {
    background-color: red;
    border-radius: 2px
}

.ag-theme-balham .ag-color-panel .ag-spectrum-tools {
    padding: 10px
}

.ag-theme-balham .ag-color-panel .ag-spectrum-sat {
    background-image: linear-gradient(to right, white, rgba(204, 154, 129, 0))
}

.ag-theme-balham .ag-color-panel .ag-spectrum-val {
    background-image: linear-gradient(to top, black, rgba(204, 154, 129, 0))
}

.ag-theme-balham .ag-color-panel .ag-spectrum-dragger {
    border-radius: 12px;
    height: 12px;
    width: 12px;
    border: 1px solid white;
    background: black;
    box-shadow: 0 0 2px #0000003d
}

.ag-theme-balham .ag-color-panel .ag-spectrum-hue-background,
.ag-theme-balham .ag-color-panel .ag-spectrum-alpha-background {
    border-radius: 2px
}

.ag-theme-balham .ag-color-panel .ag-hue-alpha {
    margin-bottom: 10px;
    height: 11px;
    border-radius: 2px
}

.ag-theme-balham .ag-color-panel .ag-spectrum-slider {
    margin-top: -12px;
    width: 13px;
    height: 13px;
    border-radius: 13px;
    background-color: #f8f8f8;
    box-shadow: 0 1px 4px #0000005e
}

.ag-theme-balham .ag-color-panel .ag-spectrum-text-value {
    font-weight: 700;
    line-height: 20px;
    color: #333
}

.ag-theme-balham .ag-color-panel .ag-spectrum-text-value:focus {
    border: 1px solid #0d77e4;
    padding: 2px
}

.ag-theme-balham .ag-color-panel .ag-recent-colors>div {
    margin: 0 3px
}

.ag-theme-balham .ag-color-panel .ag-recent-colors>div:first-child {
    margin-left: 0
}

.ag-theme-balham .ag-color-panel .ag-recent-colors>div:last-child {
    margin-right: 0
}

.ag-theme-balham.ag-popup>div:not(.ag-tooltip-custom) {
    box-shadow: 5px 5px 10px #0000004d
}

.ag-theme-balham .ag-panel {
    background-color: #fff;
    border: 1px solid #BDC3C7
}

.ag-dragging-range-handle .ag-theme-balham .ag-panel.ag-dialog,
.ag-dragging-fill-handle .ag-theme-balham .ag-panel.ag-dialog {
    opacity: .7;
    pointer-events: none
}

.ag-theme-balham .ag-panel .ag-title-bar {
    background-color: #f5f7f7;
    border-bottom: 1px solid #d9dcde;
    color: #0000008a;
    height: 32px;
    font-size: 12px;
    font-weight: 600;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    padding: 5px 10px 5px 12px
}

.ag-theme-balham .ag-panel .ag-title-bar .ag-title-bar-buttons .ag-button {
    height: 20px;
    width: 20px;
    border-radius: 5px
}

.ag-theme-balham .ag-panel .ag-title-bar .ag-title-bar-buttons .ag-button .ag-icon {
    line-height: 20px;
    font-size: 20px
}

.ag-theme-balham .ag-panel .ag-title-bar .ag-title-bar-buttons .ag-button:hover,
.ag-theme-balham .ag-panel .ag-title-bar .ag-title-bar-buttons .ag-button.ag-has-popup {
    background-color: #d7e0e2
}

.ag-theme-balham .ag-panel .ag-title-bar .ag-title-bar-buttons .ag-button:not(:last-child) {
    margin-right: 5px
}

.ag-theme-balham .ag-panel .ag-message-box .ag-message-box-button-bar {
    height: 30px;
    background-color: #f5f7f7;
    padding: 2px
}

.ag-theme-balham .ag-panel .ag-message-box .ag-message-box-button-bar button {
    border-radius: 2px
}

.ag-theme-balham .ag-tooltip {
    background-color: #cbd0d3;
    color: #000;
    border-radius: 2px;
    padding: 5px;
    border-width: 1px;
    border-style: solid;
    border-color: #cbd0d3;
    transition: opacity 1s
}

.ag-theme-balham .ag-tooltip.ag-tooltip-hiding {
    opacity: 0
}

.ag-theme-balham .ag-chart .ag-chart-menu {
    border-radius: 5px;
    background: white
}

.ag-theme-balham .ag-chart .ag-chart-menu>span:hover {
    background-color: #e6e6e6
}

.ag-theme-balham .ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-mini-wrapper .ag-group-component-container {
    margin-left: 0
}

.ag-theme-balham .ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-mini-wrapper .ag-chart-mini-thumbnail {
    border: 1px solid #BDC3C7;
    border-radius: 5px;
    margin: 5px
}

.ag-theme-balham .ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-mini-wrapper .ag-chart-mini-thumbnail:nth-child(2n+2):not(:last-child) {
    margin-left: auto;
    margin-right: auto
}

.ag-theme-balham .ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-mini-wrapper .ag-chart-mini-thumbnail:nth-child(3n+1) {
    margin-left: 2px
}

.ag-theme-balham .ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-mini-wrapper .ag-chart-mini-thumbnail:nth-child(3n) {
    margin-right: 2px
}

.ag-theme-balham .ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-mini-wrapper .ag-chart-mini-thumbnail.ag-selected {
    border-color: #0091ea
}

.ag-theme-balham .ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-nav-bar .ag-nav-card-selector .ag-nav-card-item {
    background: #000;
    width: 8px;
    height: 8px;
    border-radius: 4px
}

.ag-theme-balham .ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-nav-bar .ag-nav-card-selector .ag-nav-card-item.ag-selected {
    background: #0091EA
}

.ag-theme-balham .ag-chart-tabbed-menu .ag-chart-data .ag-data-select-checkbox .ag-column-drag {
    margin-left: 4px
}

.ag-theme-balham .ag-chart-tabbed-menu .ag-chart-data .ag-chart-data-wrapper .ag-toggle-button.ag-group-item,
.ag-theme-balham .ag-chart-tabbed-menu .ag-chart-format .ag-chart-format-wrapper .ag-group-item {
    margin: 4.8px 0
}

.ag-theme-balham .ag-icon {
    font-family: agGridBalham;
    display: block;
    speak: none;
    font-size: 16px;
    color: #7f8c8d;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.ag-theme-balham .ag-icon-aggregation:before {
    content: "\f101"
}

.ag-theme-balham .ag-icon-arrows:before {
    content: "\f102"
}

.ag-theme-balham .ag-icon-asc:before {
    content: "\f103"
}

.ag-theme-balham .ag-icon-cancel:before {
    content: "\f104"
}

.ag-theme-balham .ag-icon-chart:before {
    content: "\f105"
}

.ag-theme-balham .ag-icon-checkbox-checked:before {
    content: "\f106"
}

.ag-theme-balham .ag-icon-checkbox-indeterminate:before {
    content: "\f107"
}

.ag-theme-balham .ag-icon-checkbox-unchecked:before {
    content: "\f108"
}

.ag-theme-balham .ag-icon-color-picker:before {
    content: "\f109"
}

.ag-theme-balham .ag-icon-column:before {
    content: "\f10a"
}

.ag-theme-balham .ag-icon-columns:before {
    content: "\f10b"
}

.ag-theme-balham .ag-icon-contracted:before {
    content: "\f10c"
}

.ag-theme-balham .ag-icon-copy:before {
    content: "\f10d"
}

.ag-theme-balham .ag-icon-cross:before {
    content: "\f10e"
}

.ag-theme-balham .ag-icon-cut:before {
    content: "\f10f"
}

.ag-theme-balham .ag-icon-data:before {
    content: "\f110"
}

.ag-theme-balham .ag-icon-desc:before {
    content: "\f111"
}

.ag-theme-balham .ag-icon-expanded:before {
    content: "\f112"
}

.ag-theme-balham .ag-icon-eye-slash:before {
    content: "\f113"
}

.ag-theme-balham .ag-icon-eye:before {
    content: "\f114"
}

.ag-theme-balham .ag-icon-filter:before {
    content: "\f115"
}

.ag-theme-balham .ag-icon-first:before {
    content: "\f116"
}

.ag-theme-balham .ag-icon-grip:before {
    content: "\f117"
}

.ag-theme-balham .ag-icon-group:before {
    content: "\f118"
}

.ag-theme-balham .ag-icon-indeterminate:before {
    content: "\f119"
}

.ag-theme-balham .ag-icon-last:before {
    content: "\f11a"
}

.ag-theme-balham .ag-icon-left:before {
    content: "\f11b"
}

.ag-theme-balham .ag-icon-linked:before {
    content: "\f11c"
}

.ag-theme-balham .ag-icon-loading:before {
    content: "\f11d"
}

.ag-theme-balham .ag-icon-maximize:before {
    content: "\f11e"
}

.ag-theme-balham .ag-icon-menu:before {
    content: "\f11f"
}

.ag-theme-balham .ag-icon-minimize:before {
    content: "\f120"
}

.ag-theme-balham .ag-icon-minus:before {
    content: "\f121"
}

.ag-theme-balham .ag-icon-next:before {
    content: "\f122"
}

.ag-theme-balham .ag-icon-none:before {
    content: "\f123"
}

.ag-theme-balham .ag-icon-not-allowed:before {
    content: "\f124"
}

.ag-theme-balham .ag-icon-paste:before {
    content: "\f125"
}

.ag-theme-balham .ag-icon-pin:before {
    content: "\f126"
}

.ag-theme-balham .ag-icon-pivot:before {
    content: "\f127"
}

.ag-theme-balham .ag-icon-plus:before {
    content: "\f128"
}

.ag-theme-balham .ag-icon-previous:before {
    content: "\f129"
}

.ag-theme-balham .ag-icon-radio-button-off:before {
    content: "\f12a"
}

.ag-theme-balham .ag-icon-radio-button-on:before {
    content: "\f12b"
}

.ag-theme-balham .ag-icon-right:before {
    content: "\f12c"
}

.ag-theme-balham .ag-icon-save:before {
    content: "\f12d"
}

.ag-theme-balham .ag-icon-small-down:before {
    content: "\f12e"
}

.ag-theme-balham .ag-icon-small-left:before {
    content: "\f12f"
}

.ag-theme-balham .ag-icon-small-right:before {
    content: "\f130"
}

.ag-theme-balham .ag-icon-small-up:before {
    content: "\f131"
}

.ag-theme-balham .ag-icon-tick:before {
    content: "\f132"
}

.ag-theme-balham .ag-icon-tree-closed:before {
    content: "\f133"
}

.ag-theme-balham .ag-icon-tree-indeterminate:before {
    content: "\f134"
}

.ag-theme-balham .ag-icon-tree-open:before {
    content: "\f135"
}

.ag-theme-balham .ag-icon-unlinked:before {
    content: "\f136"
}

.ag-theme-balham .ag-icon-checkbox-checked,
.ag-theme-balham .ag-icon-checkbox-indeterminate,
.ag-theme-balham .ag-icon-checkbox-unchecked {
    background-color: #fff;
    line-height: 16px;
    border-radius: 3px
}

.ag-theme-balham .ag-icon-checkbox-checked-readonly,
.ag-theme-balham .ag-icon-checkbox-indeterminate-readonly,
.ag-theme-balham .ag-icon-checkbox-unchecked-readonly {
    cursor: default;
    opacity: .38
}

.ag-theme-balham .ag-icon-checkbox-checked {
    color: #0091ea
}

.ag-theme-balham .ag-icon-checkbox-checked-readonly:before {
    content: "\f106"
}

.ag-theme-balham .ag-icon-checkbox-indeterminate-readonly:before {
    content: "\f107"
}

.ag-theme-balham .ag-icon-checkbox-unchecked-readonly:before {
    content: "\f108"
}

.ag-theme-balham .ag-icon-row-drag:before {
    content: "\f117"
}

.ag-theme-balham .ag-right-arrow:before {
    content: "\f11b"
}

.ag-theme-balham .ag-icon-radio-button-on {
    color: #0091ea
}

.ag-theme-balham .ag-right-arrow:before {
    content: "\f12c"
}

.ag-theme-balham .ag-rtl {
    text-align: right
}

.ag-theme-balham .ag-rtl .ag-numeric-cell {
    text-align: left
}

.ag-theme-balham .ag-rtl .ag-checkbox:not(.ag-label-align-left) label,
.ag-theme-balham .ag-rtl .ag-radio-button:not(.ag-label-align-left) label,
.ag-theme-balham .ag-rtl .ag-toggle-button:not(.ag-label-align-left) label {
    margin-right: 4px;
    margin-left: 0
}

.ag-theme-balham .ag-rtl .ag-tool-panel-wrapper .ag-pivot-mode-panel .ag-pivot-mode-select {
    margin-right: 4px
}

.ag-theme-balham .ag-rtl .ag-tool-panel-wrapper .ag-column-drop .ag-column-drop-empty-message {
    padding-left: 4px;
    padding-right: 16px
}

.ag-theme-balham .ag-rtl .ag-column-select-panel .ag-column-tool-panel-column-group .ag-column-select-checkbox,
.ag-theme-balham .ag-rtl .ag-column-select-panel .ag-column-tool-panel-column-group .ag-column-group-icons,
.ag-theme-balham .ag-rtl .ag-column-select-panel .ag-column-tool-panel-column .ag-column-select-checkbox,
.ag-theme-balham .ag-rtl .ag-column-select-panel .ag-column-tool-panel-column .ag-column-group-icons {
    margin-left: 4px;
    margin-right: 4px
}

.ag-theme-balham .ag-rtl .ag-column-select-panel .ag-column-group-closed-icon {
    display: block;
    transform: rotate(180deg)
}

.ag-theme-balham .ag-rtl .ag-column-select-panel .ag-column-tool-panel-column.ag-toolpanel-add-group-indent {
    margin-left: 0;
    margin-right: 24px
}

.ag-theme-balham .ag-rtl .ag-header-select-all {
    margin-left: 12px;
    margin-right: 0
}

.ag-theme-balham .ag-rtl .ag-selection-checkbox+.ag-cell-value:not(:empty),
.ag-theme-balham .ag-rtl .ag-selection-checkbox+.ag-group-value:not(:empty),
.ag-theme-balham .ag-rtl .ag-group-checkbox+.ag-cell-value:not(:empty),
.ag-theme-balham .ag-rtl .ag-group-checkbox+.ag-group-value:not(:empty),
.ag-theme-balham .ag-rtl .ag-group-expanded+.ag-cell-value:not(:empty),
.ag-theme-balham .ag-rtl .ag-group-expanded+.ag-group-value:not(:empty),
.ag-theme-balham .ag-rtl .ag-group-contracted+.ag-cell-value:not(:empty),
.ag-theme-balham .ag-rtl .ag-group-contracted+.ag-group-value:not(:empty) {
    margin-right: 12px;
    margin-left: initial
}

.ag-theme-balham .ag-rtl .ag-selection-checkbox+.ag-group-checkbox,
.ag-theme-balham .ag-rtl .ag-group-checkbox+.ag-group-checkbox,
.ag-theme-balham .ag-rtl .ag-group-expanded+.ag-group-checkbox,
.ag-theme-balham .ag-rtl .ag-group-contracted+.ag-group-checkbox {
    margin-right: 12px;
    margin-left: initial
}

.ag-theme-balham .ag-rtl .ag-group-child-count {
    margin-left: unset;
    margin-right: 2px
}

.ag-theme-balham .ag-rtl .ag-column-drop-horizontal {
    padding-right: 12px
}

.ag-theme-balham .ag-rtl .ag-column-drop-horizontal .ag-icon-group,
.ag-theme-balham .ag-rtl .ag-column-drop-horizontal .ag-icon-pivot {
    margin-left: 12px;
    margin-right: 0
}

.ag-theme-balham .ag-rtl .ag-floating-filter-button {
    margin-right: 12px
}

.ag-theme-balham .ag-rtl .ag-set-filter-item>div,
.ag-theme-balham .ag-rtl .ag-set-filter-item>span {
    margin-left: 0;
    margin-right: 5px
}

.ag-theme-balham .ag-rtl .ag-header .ag-header-cell-resize:after {
    border-left: 1px solid #BDC3C7;
    border-right: 0
}

.ag-theme-balham .ag-rtl .ag-row-group-leaf-indent {
    margin-right: 28px
}

.ag-theme-balham .ag-rtl .ag-cell {
    border-left: 1px solid transparent
}

.ag-theme-balham .ag-rtl .ag-cell:not(.ag-cell-focus).ag-cell-first-right-pinned:not(.ag-cell-range-left),
.ag-theme-balham .ag-rtl .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-first-right-pinned:not(.ag-cell-range-left),
.ag-theme-balham .ag-rtl .ag-root:not(.ag-has-focus) .ag-cell.ag-cell-first-right-pinned:not(.ag-cell-range-left) {
    border-left: 1px solid #BDC3C7
}

.ag-theme-balham .ag-rtl .ag-cell:not(.ag-cell-focus).ag-cell-last-left-pinned:not(.ag-cell-range-right),
.ag-theme-balham .ag-rtl .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-last-left-pinned:not(.ag-cell-range-right),
.ag-theme-balham .ag-rtl .ag-root:not(.ag-has-focus) .ag-cell.ag-cell-last-left-pinned:not(.ag-cell-range-right) {
    border-right: 1px solid #BDC3C7
}

.ag-theme-balham .ag-rtl .ag-side-bar {
    border-right-width: 0
}

.ag-theme-balham .ag-rtl .ag-side-bar .ag-panel-container {
    border-left: 1px solid #BDC3C7;
    border-right: 0
}

.ag-theme-balham .ag-rtl .ag-side-bar.full-width .ag-panel-container {
    border-left: 0
}

.ag-theme-balham .ag-rtl .ag-tool-panel-wrapper .ag-filter-panel .ag-filter-toolpanel-header>div:not(.ag-input-wrapper) {
    padding-right: 2px
}

.ag-theme-balham .ag-rtl .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component-container .ag-group-item {
    margin: 4px 0 4px 2px
}

.ag-theme-balham .ag-rtl .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component-container .ag-group-item:not(.ag-filter-toolpanel-instance).ag-level-1 .ag-filter-toolpanel-header,
.ag-theme-balham .ag-rtl .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component-container .ag-group-item>.ag-group-component.ag-level-1 .ag-filter-toolpanel-header {
    padding-right: 1rem
}

.ag-theme-balham .ag-rtl .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component-container .ag-group-item:not(.ag-filter-toolpanel-instance).ag-level-2 .ag-group-component-title-bar,
.ag-theme-balham .ag-rtl .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component-container .ag-group-item>.ag-group-component.ag-level-2 .ag-group-component-title-bar {
    padding-right: 1rem
}

.ag-theme-balham .ag-rtl .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component-container .ag-group-item:not(.ag-filter-toolpanel-instance).ag-level-2 .ag-filter-toolpanel-header,
.ag-theme-balham .ag-rtl .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component-container .ag-group-item>.ag-group-component.ag-level-2 .ag-filter-toolpanel-header {
    padding-right: 2rem
}

.ag-theme-balham .ag-rtl .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component-container .ag-group-item:not(.ag-filter-toolpanel-instance).ag-level-3 .ag-group-component-title-bar,
.ag-theme-balham .ag-rtl .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component-container .ag-group-item>.ag-group-component.ag-level-3 .ag-group-component-title-bar {
    padding-right: 2rem
}

.ag-theme-balham .ag-rtl .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component-container .ag-group-item:not(.ag-filter-toolpanel-instance).ag-level-3 .ag-filter-toolpanel-header,
.ag-theme-balham .ag-rtl .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component-container .ag-group-item>.ag-group-component.ag-level-3 .ag-filter-toolpanel-header {
    padding-right: 3rem
}

.ag-theme-balham .ag-rtl .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component-container .ag-group-item:not(.ag-filter-toolpanel-instance).ag-level-4 .ag-group-component-title-bar,
.ag-theme-balham .ag-rtl .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component-container .ag-group-item>.ag-group-component.ag-level-4 .ag-group-component-title-bar {
    padding-right: 3rem
}

.ag-theme-balham .ag-rtl .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component-container .ag-group-item:not(.ag-filter-toolpanel-instance).ag-level-4 .ag-filter-toolpanel-header,
.ag-theme-balham .ag-rtl .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component-container .ag-group-item>.ag-group-component.ag-level-4 .ag-filter-toolpanel-header {
    padding-right: 4rem
}

.ag-theme-balham .ag-rtl .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component-container .ag-group-item:not(.ag-filter-toolpanel-instance).ag-level-5 .ag-group-component-title-bar,
.ag-theme-balham .ag-rtl .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component-container .ag-group-item>.ag-group-component.ag-level-5 .ag-group-component-title-bar {
    padding-right: 4rem
}

.ag-theme-balham .ag-rtl .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component-container .ag-group-item:not(.ag-filter-toolpanel-instance).ag-level-5 .ag-filter-toolpanel-header,
.ag-theme-balham .ag-rtl .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component-container .ag-group-item>.ag-group-component.ag-level-5 .ag-filter-toolpanel-header {
    padding-right: 5rem
}

.ag-theme-balham .sass-variables:after {
    content:'{ "autoSizePadding": "12px", "headerHeight": "32px", "groupPaddingSize": "28px", "footerPaddingAddition": "16px", "virtualItemHeight": "28px", "aggFuncPopupHeight": "98px", "checkboxIndentWidth": "20px", "leafNodePadding": "12px", "rowHeight": "28px", "gridSize": "4px", "iconSize": "16px" }';
    display: none
}

.ag-theme-balham .ag-cell-highlight {
    background-color: #0091ea !important
}

.ag-theme-balham .ag-header-cell-resize:after {
    height: 80%;
    margin-top: 8px
}

.ag-theme-balham .ag-header-cell:after,
.ag-theme-balham .ag-header-group-cell:after {
    border-right: 1px solid rgba(189, 195, 199, .5);
    content: " ";
    height: 16px;
    margin-top: 8px;
    position: absolute;
    text-indent: -2000px;
    top: 0
}

.ag-theme-balham .ag-ltr .ag-header-cell:after,
.ag-theme-balham .ag-ltr .ag-header-group-cell:after {
    right: 0
}

.ag-theme-balham .ag-rtl .ag-header-cell:after,
.ag-theme-balham .ag-rtl .ag-header-group-cell:after {
    left: 0
}

.ag-theme-balham .ag-column-drop-horizontal.ag-column-drop {
    border: 1px solid #BDC3C7;
    border-bottom: 0
}

.ag-theme-balham .ag-ltr .ag-column-drop-horizontal.ag-column-drop.ag-width-half:first-child {
    border-right: 0
}

.ag-theme-balham .ag-rtl .ag-column-drop-horizontal.ag-column-drop.ag-width-half:first-child {
    border-left: 0
}

.ag-theme-balham .ag-row {
    border-color: #d9dcde
}

.ag-theme-balham .ag-row-selected {
    border-color: #b7e4ff
}

.ag-theme-balham .ag-column-drop-cell {
    min-height: 24px
}

.ag-theme-balham .ag-column-drop-cell .ag-column-drop-cell-button {
    margin-bottom: 2px;
    margin-top: 2px
}

.ag-theme-balham .ag-column-drop-cell .ag-column-drop-cell-button:hover {
    opacity: 1
}

.ag-theme-balham .ag-column-drop-vertical .ag-column-drop-cell {
    margin-left: 8px;
    margin-right: 8px
}

.ag-theme-balham .ag-column-drop-vertical .ag-column-drop-cell .ag-column-drop-cell-text {
    margin-left: 8px
}

.ag-theme-balham .ag-column-drop-horizontal {
    background-color: #f5f7f7;
    height: 32px
}

.ag-theme-balham .ag-column-drop-horizontal .ag-column-drop-cell-text {
    margin-left: 8px
}

.ag-theme-balham .ag-root {
    border: 1px solid #BDC3C7
}

.ag-theme-balham .ag-tool-panel-wrapper .ag-column-select-panel .ag-column-tool-panel-column-group,
.ag-theme-balham .ag-tool-panel-wrapper .ag-column-select-panel .ag-column-tool-panel-column {
    min-height: 20px
}

.ag-theme-balham .ag-tool-panel-wrapper .ag-column-drop {
    padding-bottom: 8px;
    padding-top: 8px
}

.ag-theme-balham .ag-menu-option {
    height: 28px
}

.ag-theme-balham .ag-column-select-panel .ag-column-tool-panel-column-group,
.ag-theme-balham .ag-column-select-panel .ag-column-tool-panel-column {
    height: 20px
}

.ag-theme-balham .ag-tab-header {
    border-bottom: 1px solid #BDC3C7
}

.ag-theme-balham .ag-tab-header .ag-tab {
    margin-bottom: -2px
}

.ag-theme-balham .ag-tab-header .ag-tab.ag-tab-selected {
    background-color: #fff;
    border-bottom-color: transparent
}

.ag-theme-balham .ag-tab-body,
.ag-theme-balham .ag-popup-editor,
.ag-theme-balham .ag-menu {
    background-color: #fff;
    color: #000
}

.ag-theme-balham .ag-cell.ag-cell-inline-editing {
    height: 28px;
    padding: 0
}

.ag-theme-balham .ag-details-row {
    background-color: #fff
}

.ag-theme-balham .ag-overlay-loading-wrapper {
    background-color: #ffffff80
}

.ag-theme-balham .ag-overlay-loading-center {
    background-color: #fff;
    border: 1px solid #BDC3C7;
    color: #000;
    padding: 16px
}

.ag-theme-balham .ag-cell-range-selected-1:not(.ag-cell-focus) {
    background-color: #0091ea4d
}

.ag-theme-balham .ag-cell-range-selected-2:not(.ag-cell-focus) {
    background-color: #0091ea66
}

.ag-theme-balham .ag-cell-range-selected-3:not(.ag-cell-focus) {
    background-color: #0091ea80
}

.ag-theme-balham .ag-cell-range-selected-4:not(.ag-cell-focus) {
    background-color: #0091ea99
}

.ag-theme-balham .ag-rich-select-value {
    border-bottom: 1px solid #BDC3C7
}

.ag-theme-balham .ag-filter-apply-panel {
    border-top: 1px solid #BDC3C7
}

.ag-theme-balham .ag-group-expanded .ag-icon-expanded:empty:before {
    content: "\f135"
}

.ag-theme-balham .ag-filter-toolpanel-body {
    background-color: #fff
}

/*!
 * Bootstrap  v5.3.5 (https://getbootstrap.com/)
 * Copyright 2011-2025 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */

:root,
[data-bs-theme=light] {
    --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: 0, 25, 150;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-success-rgb: 0, 25, 150;
    --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-primary-text-emphasis: #052c65;
    --bs-secondary-text-emphasis: #2b2f32;
    --bs-success-text-emphasis: #0a3622;
    --bs-info-text-emphasis: #055160;
    --bs-warning-text-emphasis: #664d03;
    --bs-danger-text-emphasis: #58151c;
    --bs-light-text-emphasis: #495057;
    --bs-dark-text-emphasis: #495057;
    --bs-primary-bg-subtle: #cfe2ff;
    --bs-secondary-bg-subtle: #e2e3e5;
    --bs-success-bg-subtle: #d1e7dd;
    --bs-info-bg-subtle: #cff4fc;
    --bs-warning-bg-subtle: #fff3cd;
    --bs-danger-bg-subtle: #f8d7da;
    --bs-light-bg-subtle: #fcfcfd;
    --bs-dark-bg-subtle: #ced4da;
    --bs-primary-border-subtle: #9ec5fe;
    --bs-secondary-border-subtle: #c4c8cb;
    --bs-success-border-subtle: #a3cfbb;
    --bs-info-border-subtle: #9eeaf9;
    --bs-warning-border-subtle: #ffe69c;
    --bs-danger-border-subtle: #f1aeb5;
    --bs-light-border-subtle: #e9ecef;
    --bs-dark-border-subtle: #adb5bd;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --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, .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-color-rgb: 33, 37, 41;
    --bs-body-bg: #fff;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-emphasis-color: #000;
    --bs-emphasis-color-rgb: 0, 0, 0;
    --bs-secondary-color: rgba(33, 37, 41, .75);
    --bs-secondary-color-rgb: 33, 37, 41;
    --bs-secondary-bg: #e9ecef;
    --bs-secondary-bg-rgb: 233, 236, 239;
    --bs-tertiary-color: rgba(33, 37, 41, .5);
    --bs-tertiary-color-rgb: 33, 37, 41;
    --bs-tertiary-bg: #f8f9fa;
    --bs-tertiary-bg-rgb: 248, 249, 250;
    --bs-heading-color: inherit;
    --bs-link-color: #0d6efd;
    --bs-link-color-rgb: 13, 110, 253;
    --bs-link-decoration: underline;
    --bs-link-hover-color: #0a58ca;
    --bs-link-hover-color-rgb: 10, 88, 202;
    --bs-code-color: #d63384;
    --bs-highlight-color: #212529;
    --bs-highlight-bg: #fff3cd;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #dee2e6;
    --bs-border-color-translucent: rgba(0, 0, 0, .175);
    --bs-border-radius: .375rem;
    --bs-border-radius-sm: .25rem;
    --bs-border-radius-lg: .5rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-xxl: 2rem;
    --bs-border-radius-2xl: var(--bs-border-radius-xxl);
    --bs-border-radius-pill: 50rem;
    --bs-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
    --bs-box-shadow-sm: 0 .125rem .25rem rgba(0, 0, 0, .075);
    --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, .175);
    --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, .075);
    --bs-focus-ring-width: .25rem;
    --bs-focus-ring-opacity: .25;
    --bs-focus-ring-color: rgba(13, 110, 253, .25);
    --bs-form-valid-color: #198754;
    --bs-form-valid-border-color: #198754;
    --bs-form-invalid-color: #dc3545;
    --bs-form-invalid-border-color: #dc3545
}

[data-bs-theme=dark] {
    color-scheme: dark;
    --bs-body-color: #dee2e6;
    --bs-body-color-rgb: 222, 226, 230;
    --bs-body-bg: #212529;
    --bs-body-bg-rgb: 33, 37, 41;
    --bs-emphasis-color: #fff;
    --bs-emphasis-color-rgb: 255, 255, 255;
    --bs-secondary-color: rgba(222, 226, 230, .75);
    --bs-secondary-color-rgb: 222, 226, 230;
    --bs-secondary-bg: #343a40;
    --bs-secondary-bg-rgb: 52, 58, 64;
    --bs-tertiary-color: rgba(222, 226, 230, .5);
    --bs-tertiary-color-rgb: 222, 226, 230;
    --bs-tertiary-bg: #2b3035;
    --bs-tertiary-bg-rgb: 43, 48, 53;
    --bs-primary-text-emphasis: #6ea8fe;
    --bs-secondary-text-emphasis: #a7acb1;
    --bs-success-text-emphasis: #75b798;
    --bs-info-text-emphasis: #6edff6;
    --bs-warning-text-emphasis: #ffda6a;
    --bs-danger-text-emphasis: #ea868f;
    --bs-light-text-emphasis: #f8f9fa;
    --bs-dark-text-emphasis: #dee2e6;
    --bs-primary-bg-subtle: #031633;
    --bs-secondary-bg-subtle: #161719;
    --bs-success-bg-subtle: #051b11;
    --bs-info-bg-subtle: #032830;
    --bs-warning-bg-subtle: #332701;
    --bs-danger-bg-subtle: #2c0b0e;
    --bs-light-bg-subtle: #343a40;
    --bs-dark-bg-subtle: #1a1d20;
    --bs-primary-border-subtle: #084298;
    --bs-secondary-border-subtle: #41464b;
    --bs-success-border-subtle: #0f5132;
    --bs-info-border-subtle: #087990;
    --bs-warning-border-subtle: #997404;
    --bs-danger-border-subtle: #842029;
    --bs-light-border-subtle: #495057;
    --bs-dark-border-subtle: #343a40;
    --bs-heading-color: inherit;
    --bs-link-color: #6ea8fe;
    --bs-link-hover-color: #8bb9fe;
    --bs-link-color-rgb: 110, 168, 254;
    --bs-link-hover-color-rgb: 139, 185, 254;
    --bs-code-color: #e685b5;
    --bs-highlight-color: #dee2e6;
    --bs-highlight-bg: #664d03;
    --bs-border-color: #495057;
    --bs-border-color-translucent: rgba(255, 255, 255, .15);
    --bs-form-valid-color: #75b798;
    --bs-form-valid-border-color: #75b798;
    --bs-form-invalid-color: #ea868f;
    --bs-form-invalid-border-color: #ea868f
}

*,
: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: var(--bs-border-width) 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: 17.5px
    }
}

.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;
    color: var(--bs-highlight-color);
    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: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
    text-decoration: underline
}

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

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: var(--bs-secondary-color);
    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;
    font-size: 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;
    line-height: inherit;
    font-size: calc(1.275rem + .3vw)
}

@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] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

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

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

::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-weight: 300;
    line-height: 1.2;
    font-size: calc(1.625rem + 4.5vw)
}

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

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

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

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

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

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

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

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

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

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

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

.list-unstyled,
.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: "\2014\a0"
}

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

.img-thumbnail {
    padding: .25rem;
    background-color: var(--bs-body-bg);
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    max-width: 100%;
    height: auto
}

.figure {
    display: inline-block
}

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

.figure-caption {
    font-size: .875em;
    color: var(--bs-secondary-color)
}

.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
    }
}

:root {
    --bs-breakpoint-xs: 0;
    --bs-breakpoint-sm: 576px;
    --bs-breakpoint-md: 768px;
    --bs-breakpoint-lg: 992px;
    --bs-breakpoint-xl: 1200px;
    --bs-breakpoint-xxl: 1400px
}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    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.33333333%
}

.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.66666667%
}

.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: .25rem
}

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

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

.g-2,
.gy-2 {
    --bs-gutter-y: .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.33333333%
    }
    .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.66666667%
    }
    .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: .25rem
    }
    .g-sm-1,
    .gy-sm-1 {
        --bs-gutter-y: .25rem
    }
    .g-sm-2,
    .gx-sm-2 {
        --bs-gutter-x: .5rem
    }
    .g-sm-2,
    .gy-sm-2 {
        --bs-gutter-y: .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.33333333%
    }
    .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.66666667%
    }
    .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: .25rem
    }
    .g-md-1,
    .gy-md-1 {
        --bs-gutter-y: .25rem
    }
    .g-md-2,
    .gx-md-2 {
        --bs-gutter-x: .5rem
    }
    .g-md-2,
    .gy-md-2 {
        --bs-gutter-y: .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.33333333%
    }
    .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.66666667%
    }
    .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: .25rem
    }
    .g-lg-1,
    .gy-lg-1 {
        --bs-gutter-y: .25rem
    }
    .g-lg-2,
    .gx-lg-2 {
        --bs-gutter-x: .5rem
    }
    .g-lg-2,
    .gy-lg-2 {
        --bs-gutter-y: .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.33333333%
    }
    .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.66666667%
    }
    .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: .25rem
    }
    .g-xl-1,
    .gy-xl-1 {
        --bs-gutter-y: .25rem
    }
    .g-xl-2,
    .gx-xl-2 {
        --bs-gutter-x: .5rem
    }
    .g-xl-2,
    .gy-xl-2 {
        --bs-gutter-y: .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.33333333%
    }
    .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.66666667%
    }
    .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: .25rem
    }
    .g-xxl-1,
    .gy-xxl-1 {
        --bs-gutter-y: .25rem
    }
    .g-xxl-2,
    .gx-xxl-2 {
        --bs-gutter-x: .5rem
    }
    .g-xxl-2,
    .gy-xxl-2 {
        --bs-gutter-y: .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-type: initial;
    --bs-table-bg-type: initial;
    --bs-table-color-state: initial;
    --bs-table-bg-state: initial;
    --bs-table-color: var(--bs-emphasis-color);
    --bs-table-bg: var(--bs-body-bg);
    --bs-table-border-color: var(--bs-border-color);
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: var(--bs-emphasis-color);
    --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), .05);
    --bs-table-active-color: var(--bs-emphasis-color);
    --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), .1);
    --bs-table-hover-color: var(--bs-emphasis-color);
    --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), .075);
    width: 100%;
    margin-bottom: 1rem;
    vertical-align: top;
    border-color: var(--bs-table-border-color)
}

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

.table>tbody {
    vertical-align: inherit
}

.table>thead {
    vertical-align: bottom
}

.table-group-divider {
    border-top: calc(var(--bs-border-width) * 2) solid currentcolor
}

.caption-top {
    caption-side: top
}

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

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

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

.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-color-type: var(--bs-table-striped-color);
    --bs-table-bg-type: var(--bs-table-striped-bg)
}

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

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

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

.table-primary {
    --bs-table-color: #000;
    --bs-table-bg: #cfe2ff;
    --bs-table-border-color: #a6b5cc;
    --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: #b5b6b7;
    --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: #a7b9b1;
    --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: #a6c3ca;
    --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: #ccc2a4;
    --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: #c6acae;
    --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: #c6c7c8;
    --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: #4d5154;
    --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 + var(--bs-border-width));
    padding-bottom: calc(.375rem + var(--bs-border-width));
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5
}

.col-form-label-lg {
    padding-top: calc(.5rem + var(--bs-border-width));
    padding-bottom: calc(.5rem + var(--bs-border-width));
    font-size: 1.25rem
}

.col-form-label-sm {
    padding-top: calc(.25rem + var(--bs-border-width));
    padding-bottom: calc(.25rem + var(--bs-border-width));
    font-size: .875rem
}

.form-text {
    margin-top: .25rem;
    font-size: .875em;
    color: var(--bs-secondary-color)
}

.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    -webkit-appearance: none;
    appearance: none;
    background-color: var(--bs-body-bg);
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    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: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem #0d6efd40
}

.form-control::-webkit-date-and-time-value {
    min-width: 85px;
    height: 1.5em;
    margin: 0
}

.form-control::-webkit-datetime-edit {
    display: block;
    padding: 0
}

.form-control::placeholder {
    color: var(--bs-secondary-color);
    opacity: 1
}

.form-control:disabled {
    background-color: var(--bs-secondary-bg);
    opacity: 1
}

.form-control::file-selector-button {
    padding: .375rem .75rem;
    margin: -.375rem -.75rem;
    margin-inline-end: .75rem;
    color: var(--bs-body-color);
    background-color: var(--bs-tertiary-bg);
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width: var(--bs-border-width);
    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::file-selector-button {
        transition: none
    }
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color: var(--bs-secondary-bg)
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding: .375rem 0;
    margin-bottom: 0;
    line-height: 1.5;
    color: var(--bs-body-color);
    background-color: transparent;
    border: solid transparent;
    border-width: var(--bs-border-width) 0
}

.form-control-plaintext:focus {
    outline: 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 + calc(var(--bs-border-width) * 2));
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: var(--bs-border-radius-sm)
}

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

.form-control-lg {
    min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
    padding: .5rem 1rem;
    font-size: 1.25rem;
    border-radius: var(--bs-border-radius-lg)
}

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

textarea.form-control {
    min-height: calc(1.5em + .75rem + calc(var(--bs-border-width) * 2))
}

textarea.form-control-sm {
    min-height: calc(1.5em + .5rem + calc(var(--bs-border-width) * 2))
}

textarea.form-control-lg {
    min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))
}

.form-control-color {
    width: 3rem;
    height: calc(1.5em + .75rem + calc(var(--bs-border-width) * 2));
    padding: .375rem
}

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

.form-control-color::-moz-color-swatch {
    border: 0 !important;
    border-radius: var(--bs-border-radius)
}

.form-control-color::-webkit-color-swatch {
    border: 0 !important;
    border-radius: var(--bs-border-radius)
}

.form-control-color.form-control-sm {
    height: calc(1.5em + .5rem + calc(var(--bs-border-width) * 2))
}

.form-control-color.form-control-lg {
    height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))
}

.form-select {
    --bs-form-select-bg-img: 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");
    display: block;
    width: 100%;
    padding: .375rem 2.25rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    -webkit-appearance: none;
    appearance: none;
    background-color: var(--bs-body-bg);
    background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

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

.form-select:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem #0d6efd40
}

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

.form-select:disabled {
    background-color: var(--bs-secondary-bg)
}

.form-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 var(--bs-body-color)
}

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

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

[data-bs-theme=dark] .form-select {
    --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")
}

.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 {
    --bs-form-check-bg: var(--bs-body-bg);
    flex-shrink: 0;
    width: 1em;
    height: 1em;
    margin-top: .25em;
    vertical-align: top;
    -webkit-appearance: none;
    appearance: none;
    background-color: var(--bs-form-check-bg);
    background-image: var(--bs-form-check-bg-image);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: var(--bs-border-width) solid var(--bs-border-color);
    -webkit-print-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 #0d6efd40
}

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

.form-check-input:checked[type=checkbox] {
    --bs-form-check-bg-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] {
    --bs-form-check-bg-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;
    --bs-form-check-bg-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 {
    --bs-form-switch-bg: 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");
    width: 2em;
    margin-left: -2.5em;
    background-image: var(--bs-form-switch-bg);
    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 {
    --bs-form-switch-bg: 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;
    --bs-form-switch-bg: 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
}

[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e")
}

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

.form-range:focus {
    outline: 0
}

.form-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem #0d6efd40
}

.form-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem #0d6efd40
}

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

.form-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -.25rem;
    -webkit-appearance: none;
    appearance: none;
    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
}

@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: var(--bs-secondary-bg);
    border-color: transparent;
    border-radius: 1rem
}

.form-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    appearance: none;
    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
}

@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: var(--bs-secondary-bg);
    border-color: transparent;
    border-radius: 1rem
}

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

.form-range:disabled::-webkit-slider-thumb {
    background-color: var(--bs-secondary-color)
}

.form-range:disabled::-moz-range-thumb {
    background-color: var(--bs-secondary-color)
}

.form-floating {
    position: relative
}

.form-floating>.form-control,
.form-floating>.form-control-plaintext,
.form-floating>.form-select {
    height: calc(3.5rem + calc(var(--bs-border-width) * 2));
    min-height: calc(3.5rem + calc(var(--bs-border-width) * 2));
    line-height: 1.25
}

.form-floating>label {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    max-width: 100%;
    height: 100%;
    padding: 1rem .75rem;
    overflow: hidden;
    color: rgba(var(--bs-body-color-rgb), .65);
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) 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::placeholder,
.form-floating>.form-control::placeholder {
    color: transparent
}

.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;
    padding-left: .75rem
}

.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 {
    transform: scale(.85) translateY(-.5rem) translate(.15rem)
}

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

.form-floating>textarea:focus~label:after,
.form-floating>textarea:not(:placeholder-shown)~label:after {
    position: absolute;
    inset: 1rem .375rem;
    z-index: -1;
    height: 1.5em;
    content: "";
    background-color: var(--bs-body-bg);
    border-radius: var(--bs-border-radius)
}

.form-floating>textarea:disabled~label:after {
    background-color: var(--bs-secondary-bg)
}

.form-floating>.form-control-plaintext~label {
    border-width: var(--bs-border-width) 0
}

.form-floating>.form-control:disabled~label,
.form-floating>:disabled~label {
    color: #6c757d
}

.input-bs-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%
}

.input-bs-group>.form-control,
.input-bs-group>.form-floating,
.input-bs-group>.form-select {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0
}

.input-bs-group>.form-control:focus,
.input-bs-group>.form-floating:focus-within,
.input-bs-group>.form-select:focus {
    z-index: 5
}

.input-bs-group .btn {
    position: relative;
    z-index: 2
}

.input-bs-group .btn:focus {
    z-index: 5
}

.input-bs-group-text {
    display: flex;
    align-items: center;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    text-align: center;
    white-space: nowrap;
    background-color: var(--bs-tertiary-bg);
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius)
}

.input-bs-group-lg>.btn,
.input-bs-group-lg>.form-control,
.input-bs-group-lg>.form-select,
.input-bs-group-lg>.input-bs-group-text {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    border-radius: var(--bs-border-radius-lg)
}

.input-bs-group-sm>.btn,
.input-bs-group-sm>.form-control,
.input-bs-group-sm>.form-select,
.input-bs-group-sm>.input-bs-group-text {
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: var(--bs-border-radius-sm)
}

.input-bs-group-lg>.form-select,
.input-bs-group-sm>.form-select {
    padding-right: 3rem
}

.input-bs-group:not(.has-validation)>.dropdown-bs-toggle:nth-last-child(n+3),
.input-bs-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,
.input-bs-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select,
.input-bs-group:not(.has-validation)>:not(:last-child):not(.dropdown-bs-toggle):not(.dropdown-menu):not(.form-floating) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-bs-group.has-validation>.dropdown-bs-toggle:nth-last-child(n+4),
.input-bs-group.has-validation>.form-floating:nth-last-child(n+3)>.form-control,
.input-bs-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select,
.input-bs-group.has-validation>:nth-last-child(n+3):not(.dropdown-bs-toggle):not(.dropdown-menu):not(.form-floating) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-bs-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: calc(-1 * var(--bs-border-width));
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-bs-group>.form-floating:not(:first-child)>.form-control,
.input-bs-group>.form-floating:not(:first-child)>.form-select {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: var(--bs-form-valid-color)
}

.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: var(--bs-success);
    border-radius: var(--bs-border-radius)
}

.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: var(--bs-form-valid-border-color);
    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.1'/%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: var(--bs-form-valid-border-color);
    box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb), .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: var(--bs-form-valid-border-color)
}

.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"] {
    --bs-form-select-bg-icon: 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.1'/%3e%3c/svg%3e");
    padding-right: 4.125rem;
    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: var(--bs-form-valid-border-color);
    box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb), .25)
}

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

.form-check-input.is-valid,
.was-validated .form-check-input:valid {
    border-color: var(--bs-form-valid-border-color)
}

.form-check-input.is-valid:checked,
.was-validated .form-check-input:valid:checked {
    background-color: var(--bs-form-valid-color)
}

.form-check-input.is-valid:focus,
.was-validated .form-check-input:valid:focus {
    box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb), .25)
}

.form-check-input.is-valid~.form-check-label,
.was-validated .form-check-input:valid~.form-check-label {
    color: var(--bs-form-valid-color)
}

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

.input-bs-group>.form-control:not(:focus).is-valid,
.input-bs-group>.form-floating:not(:focus-within).is-valid,
.input-bs-group>.form-select:not(:focus).is-valid,
.was-validated .input-bs-group>.form-control:not(:focus):valid,
.was-validated .input-bs-group>.form-floating:not(:focus-within):valid,
.was-validated .input-bs-group>.form-select:not(:focus):valid {
    z-index: 3
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: var(--bs-form-invalid-color)
}

.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: var(--bs-danger);
    border-radius: var(--bs-border-radius)
}

.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: var(--bs-form-invalid-border-color);
    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: var(--bs-form-invalid-border-color);
    box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb), .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: var(--bs-form-invalid-border-color)
}

.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"] {
    --bs-form-select-bg-icon: 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");
    padding-right: 4.125rem;
    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: var(--bs-form-invalid-border-color);
    box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb), .25)
}

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

.form-check-input.is-invalid,
.was-validated .form-check-input:invalid {
    border-color: var(--bs-form-invalid-border-color)
}

.form-check-input.is-invalid:checked,
.was-validated .form-check-input:invalid:checked {
    background-color: var(--bs-form-invalid-color)
}

.form-check-input.is-invalid:focus,
.was-validated .form-check-input:invalid:focus {
    box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb), .25)
}

.form-check-input.is-invalid~.form-check-label,
.was-validated .form-check-input:invalid~.form-check-label {
    color: var(--bs-form-invalid-color)
}

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

.input-bs-group>.form-control:not(:focus).is-invalid,
.input-bs-group>.form-floating:not(:focus-within).is-invalid,
.input-bs-group>.form-select:not(:focus).is-invalid,
.was-validated .input-bs-group>.form-control:not(:focus):invalid,
.was-validated .input-bs-group>.form-floating:not(:focus-within):invalid,
.was-validated .input-bs-group>.form-select:not(:focus):invalid {
    z-index: 4
}

.btn {
    --bs-btn-padding-x: .75rem;
    --bs-btn-padding-y: .375rem;
    --bs-btn-font-family: ;
    --bs-btn-font-size: 1rem;
    --bs-btn-font-weight: 400;
    --bs-btn-line-height: 1.5;
    --bs-btn-color: var(--bs-body-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-width: var(--bs-border-width);
    --bs-btn-border-color: transparent;
    --bs-btn-border-radius: var(--bs-border-radius);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
    --bs-btn-disabled-opacity: .65;
    --bs-btn-focus-box-shadow: 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;
    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+.btn:hover {
    color: var(--bs-btn-color);
    background-color: var(--bs-btn-bg);
    border-color: var(--bs-btn-border-color)
}

.btn:focus-visible {
    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:focus-visible+.btn {
    border-color: var(--bs-btn-hover-border-color);
    outline: 0;
    box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn-check:checked+.btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check)+.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:checked+.btn:focus-visible,
.btn.active:focus-visible,
.btn.show:focus-visible,
.btn:first-child:active:focus-visible,
:not(.btn-check)+.btn:active:focus-visible {
    box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn-check:checked:focus-visible+.btn {
    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, .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, .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, .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, .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, .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, .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: #d3d4d5;
    --bs-btn-hover-border-color: #c6c7c8;
    --bs-btn-focus-shadow-rgb: 211, 212, 213;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #c6c7c8;
    --bs-btn-active-border-color: #babbbc;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(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: #424649;
    --bs-btn-hover-border-color: #373b3e;
    --bs-btn-focus-shadow-rgb: 66, 70, 73;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #4d5154;
    --bs-btn-active-border-color: #373b3e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(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, .125);
    --bs-btn-disabled-color: #0d6efd;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #0d6efd;
    --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, .125);
    --bs-btn-disabled-color: #6c757d;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #6c757d;
    --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, .125);
    --bs-btn-disabled-color: #198754;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #198754;
    --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, .125);
    --bs-btn-disabled-color: #0dcaf0;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #0dcaf0;
    --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, .125);
    --bs-btn-disabled-color: #ffc107;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #ffc107;
    --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, .125);
    --bs-btn-disabled-color: #dc3545;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #dc3545;
    --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, .125);
    --bs-btn-disabled-color: #f8f9fa;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #f8f9fa;
    --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, .125);
    --bs-btn-disabled-color: #212529;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #212529;
    --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-color: var(--bs-link-hover-color);
    --bs-btn-active-border-color: transparent;
    --bs-btn-disabled-color: #6c757d;
    --bs-btn-disabled-border-color: transparent;
    --bs-btn-box-shadow: 0 0 0 #000;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    text-decoration: underline
}

.btn-link:focus-visible {
    color: var(--bs-btn-color)
}

.btn-link:hover {
    color: var(--bs-btn-hover-color)
}

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

.btn-group-sm>.btn,
.btn-sm {
    --bs-btn-padding-y: .25rem;
    --bs-btn-padding-x: .5rem;
    --bs-btn-font-size: .875rem;
    --bs-btn-border-radius: var(--bs-border-radius-sm)
}

.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-bs-toggle {
    white-space: nowrap
}

.dropdown-bs-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-bs-toggle:empty:after {
    margin-left: 0
}

.dropdown-menu {
    --bs-dropdown-zindex: 1000;
    --bs-dropdown-min-width: 10rem;
    --bs-dropdown-padding-x: 0;
    --bs-dropdown-padding-y: .5rem;
    --bs-dropdown-spacer: .125rem;
    --bs-dropdown-font-size: 1rem;
    --bs-dropdown-color: var(--bs-body-color);
    --bs-dropdown-bg: var(--bs-body-bg);
    --bs-dropdown-border-color: var(--bs-border-color-translucent);
    --bs-dropdown-border-radius: var(--bs-border-radius);
    --bs-dropdown-border-width: var(--bs-border-width);
    --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
    --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
    --bs-dropdown-divider-margin-y: .5rem;
    --bs-dropdown-box-shadow: var(--bs-box-shadow);
    --bs-dropdown-link-color: var(--bs-body-color);
    --bs-dropdown-link-hover-color: var(--bs-body-color);
    --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg: #0d6efd;
    --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
    --bs-dropdown-item-padding-x: 1rem;
    --bs-dropdown-item-padding-y: .25rem;
    --bs-dropdown-header-color: #6c757d;
    --bs-dropdown-header-padding-x: 1rem;
    --bs-dropdown-header-padding-y: .5rem;
    position: absolute;
    z-index: var(--bs-dropdown-zindex);
    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-bs-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-bs-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-bs-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-bs-toggle:empty:after {
    margin-left: 0
}

.dropend .dropdown-bs-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-bs-toggle:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: ""
}

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

.dropstart .dropdown-bs-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-bs-toggle:empty:after {
    margin-left: 0
}

.dropstart .dropdown-bs-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;
    border-radius: var(--bs-dropdown-item-border-radius, 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, .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-bs-group {
    width: auto
}

.btn-group {
    border-radius: var(--bs-border-radius)
}

.btn-group>.btn-group:not(:first-child),
.btn-group>:not(.btn-check:first-child)+.btn {
    margin-left: calc(-1 * var(--bs-border-width))
}

.btn-group>.btn-group:not(:last-child)>.btn,
.btn-group>.btn.dropdown-bs-toggle-split:first-child,
.btn-group>.btn:not(:last-child):not(.dropdown-bs-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-bs-toggle-split {
    padding-right: .5625rem;
    padding-left: .5625rem
}

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

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

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

.btn-group-lg>.btn+.dropdown-bs-toggle-split,
.btn-lg+.dropdown-bs-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: calc(-1 * var(--bs-border-width))
}

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

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

.nav {
    --bs-nav-link-padding-x: 1rem;
    --bs-nav-link-padding-y: .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: var(--bs-secondary-color);
    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;
    background: 0 0;
    border: 0;
    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:focus-visible {
    outline: 0;
    box-shadow: 0 0 0 .25rem #0d6efd40
}

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

.nav-tabs {
    --bs-nav-tabs-border-width: var(--bs-border-width);
    --bs-nav-tabs-border-color: var(--bs-border-color);
    --bs-nav-tabs-border-radius: var(--bs-border-radius);
    --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
    --bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
    --bs-nav-tabs-link-active-bg: var(--bs-body-bg);
    --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
    border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)
}

.nav-tabs .nav-link {
    margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
    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-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(-1 * var(--bs-nav-tabs-border-width));
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav-pills {
    --bs-nav-pills-border-radius: var(--bs-border-radius);
    --bs-nav-pills-link-active-color: #fff;
    --bs-nav-pills-link-active-bg: #0d6efd
}

.nav-pills .nav-link {
    border-radius: var(--bs-nav-pills-border-radius)
}

.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-underline {
    --bs-nav-underline-gap: 1rem;
    --bs-nav-underline-border-width: .125rem;
    --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
    gap: var(--bs-nav-underline-gap)
}

.nav-underline .nav-link {
    padding-right: 0;
    padding-left: 0;
    border-bottom: var(--bs-nav-underline-border-width) solid transparent
}

.nav-underline .nav-link:focus,
.nav-underline .nav-link:hover {
    border-bottom-color: currentcolor
}

.nav-underline .nav-link.active,
.nav-underline .show>.nav-link {
    font-weight: 700;
    color: var(--bs-nav-underline-link-active-color);
    border-bottom-color: currentcolor
}

.nav-fill .nav-item,
.nav-fill>.nav-link {
    flex: 1 1 auto;
    text-align: center
}

.nav-justified .nav-item,
.nav-justified>.nav-link {
    flex-grow: 1;
    flex-basis: 0;
    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: .5rem;
    --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), .65);
    --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), .8);
    --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), .3);
    --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
    --bs-navbar-brand-padding-y: .3125rem;
    --bs-navbar-brand-margin-end: 1rem;
    --bs-navbar-brand-font-size: 1.25rem;
    --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
    --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
    --bs-navbar-nav-link-padding-x: .5rem;
    --bs-navbar-toggler-padding-y: .25rem;
    --bs-navbar-toggler-padding-x: .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%2833, 37, 41, 0.75%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(var(--bs-emphasis-color-rgb), .15);
    --bs-navbar-toggler-border-radius: var(--bs-border-radius);
    --bs-navbar-toggler-focus-width: .25rem;
    --bs-navbar-toggler-transition: box-shadow .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: .5rem;
    --bs-nav-link-font-weight: ;
    --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 .nav-link.show {
    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-grow: 1;
    flex-basis: 100%;
    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,
.navbar[data-bs-theme=dark] {
    --bs-navbar-color: rgba(255, 255, 255, .55);
    --bs-navbar-hover-color: rgba(255, 255, 255, .75);
    --bs-navbar-disabled-color: rgba(255, 255, 255, .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, .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")
}

[data-bs-theme=dark] .navbar-toggler-icon {
    --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: .5rem;
    --bs-card-title-color: ;
    --bs-card-subtitle-color: ;
    --bs-card-border-width: var(--bs-border-width);
    --bs-card-border-color: var(--bs-border-color-translucent);
    --bs-card-border-radius: var(--bs-border-radius);
    --bs-card-box-shadow: ;
    --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
    --bs-card-cap-padding-y: .5rem;
    --bs-card-cap-padding-x: 1rem;
    --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), .03);
    --bs-card-cap-color: ;
    --bs-card-height: ;
    --bs-card-color: ;
    --bs-card-bg: var(--bs-body-bg);
    --bs-card-img-overlay-padding: 1rem;
    --bs-card-group-margin: .75rem;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: var(--bs-card-height);
    color: var(--bs-body-color);
    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);
    color: var(--bs-card-title-color)
}

.card-subtitle {
    margin-top: calc(-.5 * var(--bs-card-title-spacer-y));
    margin-bottom: 0;
    color: var(--bs-card-subtitle-color)
}

.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;
    inset: 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: var(--bs-body-color);
    --bs-accordion-bg: var(--bs-body-bg);
    --bs-accordion-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease;
    --bs-accordion-border-color: var(--bs-border-color);
    --bs-accordion-border-width: var(--bs-border-width);
    --bs-accordion-border-radius: var(--bs-border-radius);
    --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
    --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='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    --bs-accordion-btn-icon-width: 1.25rem;
    --bs-accordion-btn-icon-transform: rotate(-180deg);
    --bs-accordion-btn-icon-transition: transform .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='none' stroke='%23052c65' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    --bs-accordion-btn-focus-box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
    --bs-accordion-body-padding-x: 1.25rem;
    --bs-accordion-body-padding-y: 1rem;
    --bs-accordion-active-color: var(--bs-primary-text-emphasis);
    --bs-accordion-active-bg: var(--bs-primary-bg-subtle)
}

.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(-1 * var(--bs-accordion-border-width)) 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;
    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-header .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-header .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-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-collapse,
.accordion-flush>.accordion-item>.accordion-header .accordion-button,
.accordion-flush>.accordion-item>.accordion-header .accordion-button.collapsed {
    border-radius: 0
}

[data-bs-theme=dark] .accordion-button:after {
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%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-.708'/%3e%3c/svg%3e");
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%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-.708'/%3e%3c/svg%3e")
}

.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: var(--bs-secondary-color);
    --bs-breadcrumb-item-padding-x: .5rem;
    --bs-breadcrumb-item-active-color: var(--bs-secondary-color);
    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: left;
    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: .75rem;
    --bs-pagination-padding-y: .375rem;
    --bs-pagination-font-size: 1rem;
    --bs-pagination-color: var(--bs-link-color);
    --bs-pagination-bg: var(--bs-body-bg);
    --bs-pagination-border-width: var(--bs-border-width);
    --bs-pagination-border-color: var(--bs-border-color);
    --bs-pagination-border-radius: var(--bs-border-radius);
    --bs-pagination-hover-color: var(--bs-link-hover-color);
    --bs-pagination-hover-bg: var(--bs-tertiary-bg);
    --bs-pagination-hover-border-color: var(--bs-border-color);
    --bs-pagination-focus-color: var(--bs-link-hover-color);
    --bs-pagination-focus-bg: var(--bs-secondary-bg);
    --bs-pagination-focus-box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
    --bs-pagination-active-color: #fff;
    --bs-pagination-active-bg: #0d6efd;
    --bs-pagination-active-border-color: #0d6efd;
    --bs-pagination-disabled-color: var(--bs-secondary-color);
    --bs-pagination-disabled-bg: var(--bs-secondary-bg);
    --bs-pagination-disabled-border-color: var(--bs-border-color);
    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: 3;
    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: calc(-1 * var(--bs-border-width))
}

.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: .75rem;
    --bs-pagination-font-size: 1.25rem;
    --bs-pagination-border-radius: var(--bs-border-radius-lg)
}

.pagination-sm {
    --bs-pagination-padding-x: .5rem;
    --bs-pagination-padding-y: .25rem;
    --bs-pagination-font-size: .875rem;
    --bs-pagination-border-radius: var(--bs-border-radius-sm)
}

.badge {
    --bs-badge-padding-x: .65em;
    --bs-badge-padding-y: .35em;
    --bs-badge-font-size: .75em;
    --bs-badge-font-weight: 700;
    --bs-badge-color: #fff;
    --bs-badge-border-radius: var(--bs-border-radius);
    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)
}

.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: var(--bs-border-width) solid var(--bs-alert-border-color);
    --bs-alert-border-radius: var(--bs-border-radius);
    --bs-alert-link-color: inherit;
    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)
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700;
    color: var(--bs-alert-link-color)
}

.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: var(--bs-primary-text-emphasis);
    --bs-alert-bg: var(--bs-primary-bg-subtle);
    --bs-alert-border-color: var(--bs-primary-border-subtle);
    --bs-alert-link-color: var(--bs-primary-text-emphasis)
}

.alert-secondary {
    --bs-alert-color: var(--bs-secondary-text-emphasis);
    --bs-alert-bg: var(--bs-secondary-bg-subtle);
    --bs-alert-border-color: var(--bs-secondary-border-subtle);
    --bs-alert-link-color: var(--bs-secondary-text-emphasis)
}

.alert-success {
    --bs-alert-color: var(--bs-success-text-emphasis);
    --bs-alert-bg: var(--bs-success-bg-subtle);
    --bs-alert-border-color: var(--bs-success-border-subtle);
    --bs-alert-link-color: var(--bs-success-text-emphasis)
}

.alert-info {
    --bs-alert-color: var(--bs-info-text-emphasis);
    --bs-alert-bg: var(--bs-info-bg-subtle);
    --bs-alert-border-color: var(--bs-info-border-subtle);
    --bs-alert-link-color: var(--bs-info-text-emphasis)
}

.alert-warning {
    --bs-alert-color: var(--bs-warning-text-emphasis);
    --bs-alert-bg: var(--bs-warning-bg-subtle);
    --bs-alert-border-color: var(--bs-warning-border-subtle);
    --bs-alert-link-color: var(--bs-warning-text-emphasis)
}

.alert-danger {
    --bs-alert-color: var(--bs-danger-text-emphasis);
    --bs-alert-bg: var(--bs-danger-bg-subtle);
    --bs-alert-border-color: var(--bs-danger-border-subtle);
    --bs-alert-link-color: var(--bs-danger-text-emphasis)
}

.alert-light {
    --bs-alert-color: var(--bs-light-text-emphasis);
    --bs-alert-bg: var(--bs-light-bg-subtle);
    --bs-alert-border-color: var(--bs-light-border-subtle);
    --bs-alert-link-color: var(--bs-light-text-emphasis)
}

.alert-dark {
    --bs-alert-color: var(--bs-dark-text-emphasis);
    --bs-alert-bg: var(--bs-dark-bg-subtle);
    --bs-alert-border-color: var(--bs-dark-border-subtle);
    --bs-alert-link-color: var(--bs-dark-text-emphasis)
}

@keyframes progress-bar-stripes {
    0% {
        background-position-x: var(--bs-progress-height)
    }
}

.progress,
.progress-stacked {
    --bs-progress-height: 1rem;
    --bs-progress-font-size: .75rem;
    --bs-progress-bg: var(--bs-secondary-bg);
    --bs-progress-border-radius: var(--bs-border-radius);
    --bs-progress-box-shadow: var(--bs-box-shadow-inset);
    --bs-progress-bar-color: #fff;
    --bs-progress-bar-bg: #0d6efd;
    --bs-progress-bar-transition: width .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-stacked>.progress {
    overflow: visible
}

.progress-stacked>.progress>.progress-bar {
    width: 100%
}

.progress-bar-animated {
    animation: 1s linear infinite progress-bar-stripes
}

@media (prefers-reduced-motion:reduce) {
    .progress-bar-animated {
        animation: none
    }
}

.list-group {
    --bs-list-group-color: var(--bs-body-color);
    --bs-list-group-bg: var(--bs-body-bg);
    --bs-list-group-border-color: var(--bs-border-color);
    --bs-list-group-border-width: var(--bs-border-width);
    --bs-list-group-border-radius: var(--bs-border-radius);
    --bs-list-group-item-padding-x: 1rem;
    --bs-list-group-item-padding-y: .5rem;
    --bs-list-group-action-color: var(--bs-secondary-color);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-tertiary-bg);
    --bs-list-group-action-active-color: var(--bs-body-color);
    --bs-list-group-action-active-bg: var(--bs-secondary-bg);
    --bs-list-group-disabled-color: var(--bs-secondary-color);
    --bs-list-group-disabled-bg: var(--bs-body-bg);
    --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 {
    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(-1 * var(--bs-list-group-border-width));
    border-top-width: var(--bs-list-group-border-width)
}

.list-group-item-action {
    width: 100%;
    color: var(--bs-list-group-action-color);
    text-align: inherit
}

.list-group-item-action:not(.active):focus,
.list-group-item-action:not(.active):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:not(.active):active {
    color: var(--bs-list-group-action-active-color);
    background-color: var(--bs-list-group-action-active-bg)
}

.list-group-horizontal {
    flex-direction: row
}

.list-group-horizontal>.list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0
}

.list-group-horizontal>.list-group-item:last-child:not(:first-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(-1 * var(--bs-list-group-border-width));
    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:not(:last-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:not(:first-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(-1 * var(--bs-list-group-border-width));
        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:not(:last-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:not(:first-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(-1 * var(--bs-list-group-border-width));
        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:not(:last-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:not(:first-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(-1 * var(--bs-list-group-border-width));
        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:not(:last-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:not(:first-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(-1 * var(--bs-list-group-border-width));
        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:not(:last-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:not(:first-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(-1 * var(--bs-list-group-border-width));
        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 {
    --bs-list-group-color: var(--bs-primary-text-emphasis);
    --bs-list-group-bg: var(--bs-primary-bg-subtle);
    --bs-list-group-border-color: var(--bs-primary-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-primary-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-primary-border-subtle);
    --bs-list-group-active-color: var(--bs-primary-bg-subtle);
    --bs-list-group-active-bg: var(--bs-primary-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-primary-text-emphasis)
}

.list-group-item-secondary {
    --bs-list-group-color: var(--bs-secondary-text-emphasis);
    --bs-list-group-bg: var(--bs-secondary-bg-subtle);
    --bs-list-group-border-color: var(--bs-secondary-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-secondary-border-subtle);
    --bs-list-group-active-color: var(--bs-secondary-bg-subtle);
    --bs-list-group-active-bg: var(--bs-secondary-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-secondary-text-emphasis)
}

.list-group-item-success {
    --bs-list-group-color: var(--bs-success-text-emphasis);
    --bs-list-group-bg: var(--bs-success-bg-subtle);
    --bs-list-group-border-color: var(--bs-success-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-success-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-success-border-subtle);
    --bs-list-group-active-color: var(--bs-success-bg-subtle);
    --bs-list-group-active-bg: var(--bs-success-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-success-text-emphasis)
}

.list-group-item-info {
    --bs-list-group-color: var(--bs-info-text-emphasis);
    --bs-list-group-bg: var(--bs-info-bg-subtle);
    --bs-list-group-border-color: var(--bs-info-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-info-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-info-border-subtle);
    --bs-list-group-active-color: var(--bs-info-bg-subtle);
    --bs-list-group-active-bg: var(--bs-info-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-info-text-emphasis)
}

.list-group-item-warning {
    --bs-list-group-color: var(--bs-warning-text-emphasis);
    --bs-list-group-bg: var(--bs-warning-bg-subtle);
    --bs-list-group-border-color: var(--bs-warning-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-warning-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-warning-border-subtle);
    --bs-list-group-active-color: var(--bs-warning-bg-subtle);
    --bs-list-group-active-bg: var(--bs-warning-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-warning-text-emphasis)
}

.list-group-item-danger {
    --bs-list-group-color: var(--bs-danger-text-emphasis);
    --bs-list-group-bg: var(--bs-danger-bg-subtle);
    --bs-list-group-border-color: var(--bs-danger-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-danger-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-danger-border-subtle);
    --bs-list-group-active-color: var(--bs-danger-bg-subtle);
    --bs-list-group-active-bg: var(--bs-danger-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-danger-text-emphasis)
}

.list-group-item-light {
    --bs-list-group-color: var(--bs-light-text-emphasis);
    --bs-list-group-bg: var(--bs-light-bg-subtle);
    --bs-list-group-border-color: var(--bs-light-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-light-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-light-border-subtle);
    --bs-list-group-active-color: var(--bs-light-bg-subtle);
    --bs-list-group-active-bg: var(--bs-light-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-light-text-emphasis)
}

.list-group-item-dark {
    --bs-list-group-color: var(--bs-dark-text-emphasis);
    --bs-list-group-bg: var(--bs-dark-bg-subtle);
    --bs-list-group-border-color: var(--bs-dark-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-dark-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-dark-border-subtle);
    --bs-list-group-active-color: var(--bs-dark-bg-subtle);
    --bs-list-group-active-bg: var(--bs-dark-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-dark-text-emphasis)
}

.btn-close {
    --bs-btn-close-color: #000;
    --bs-btn-close-bg: 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.414'/%3e%3c/svg%3e");
    --bs-btn-close-opacity: .5;
    --bs-btn-close-hover-opacity: .75;
    --bs-btn-close-focus-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
    --bs-btn-close-focus-opacity: 1;
    --bs-btn-close-disabled-opacity: .25;
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em;
    color: var(--bs-btn-close-color);
    background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
    filter: var(--bs-btn-close-filter);
    border: 0;
    border-radius: .375rem;
    opacity: var(--bs-btn-close-opacity)
}

.btn-close:hover {
    color: var(--bs-btn-close-color);
    text-decoration: none;
    opacity: var(--bs-btn-close-hover-opacity)
}

.btn-close:focus {
    outline: 0;
    box-shadow: var(--bs-btn-close-focus-shadow);
    opacity: var(--bs-btn-close-focus-opacity)
}

.btn-close.disabled,
.btn-close:disabled {
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
    opacity: var(--bs-btn-close-disabled-opacity)
}

.btn-close-white {
    --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%)
}

:root,
[data-bs-theme=light] {
    --bs-btn-close-filter:
}

[data-bs-theme=dark] {
    --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%)
}

.toast {
    --bs-toast-zindex: 1090;
    --bs-toast-padding-x: .75rem;
    --bs-toast-padding-y: .5rem;
    --bs-toast-spacing: 1.5rem;
    --bs-toast-max-width: 350px;
    --bs-toast-font-size: .875rem;
    --bs-toast-color: ;
    --bs-toast-bg: rgba(var(--bs-body-bg-rgb), .85);
    --bs-toast-border-width: var(--bs-border-width);
    --bs-toast-border-color: var(--bs-border-color-translucent);
    --bs-toast-border-radius: var(--bs-border-radius);
    --bs-toast-box-shadow: var(--bs-box-shadow);
    --bs-toast-header-color: var(--bs-secondary-color);
    --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), .85);
    --bs-toast-header-border-color: var(--bs-border-color-translucent);
    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 {
    --bs-toast-zindex: 1090;
    position: absolute;
    z-index: var(--bs-toast-zindex);
    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(-.5 * var(--bs-toast-padding-x));
    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: .5rem;
    --bs-modal-color: var(--bs-body-color);
    --bs-modal-bg: var(--bs-body-bg);
    --bs-modal-border-color: var(--bs-border-color-translucent);
    --bs-modal-border-width: var(--bs-border-width);
    --bs-modal-border-radius: var(--bs-border-radius-lg);
    --bs-modal-box-shadow: var(--bs-box-shadow-sm);
    --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
    --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: var(--bs-border-width);
    --bs-modal-title-line-height: 1.5;
    --bs-modal-footer-gap: .5rem;
    --bs-modal-footer-bg: ;
    --bs-modal-footer-border-color: var(--bs-border-color);
    --bs-modal-footer-border-width: var(--bs-border-width);
    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 {
    transform: translateY(-50px);
    transition: transform .3s ease-out
}

@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: .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;
    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-top: calc(-.5 * var(--bs-modal-header-padding-y));
    margin-right: calc(-.5 * var(--bs-modal-header-padding-x));
    margin-bottom: calc(-.5 * var(--bs-modal-header-padding-y));
    margin-left: 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: 17.5px --bs-modal-box-shadow: var(--bs-box-shadow)
    }
    .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
    }
}

@media (min-width:1200px) {
    .modal-xl {
        --bs-modal-width: 1140px
    }
}

.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: .5rem;
    --bs-tooltip-padding-y: .25rem;
    --bs-tooltip-margin: ;
    --bs-tooltip-font-size: .875rem;
    --bs-tooltip-color: var(--bs-body-bg);
    --bs-tooltip-bg: var(--bs-emphasis-color);
    --bs-tooltip-border-radius: var(--bs-border-radius);
    --bs-tooltip-opacity: .9;
    --bs-tooltip-arrow-width: .8rem;
    --bs-tooltip-arrow-height: .4rem;
    z-index: var(--bs-tooltip-zindex);
    display: block;
    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: calc(-1 * var(--bs-tooltip-arrow-height))
}

.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: calc(-1 * var(--bs-tooltip-arrow-height));
    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: calc(-1 * var(--bs-tooltip-arrow-height))
}

.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: calc(-1 * var(--bs-tooltip-arrow-height));
    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)
}

.popover {
    --bs-popover-zindex: 1070;
    --bs-popover-max-width: 276px;
    --bs-popover-font-size: .875rem;
    --bs-popover-bg: var(--bs-body-bg);
    --bs-popover-border-width: var(--bs-border-width);
    --bs-popover-border-color: var(--bs-border-color-translucent);
    --bs-popover-border-radius: var(--bs-border-radius-lg);
    --bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width));
    --bs-popover-box-shadow: var(--bs-box-shadow);
    --bs-popover-header-padding-x: 1rem;
    --bs-popover-header-padding-y: .5rem;
    --bs-popover-header-font-size: 1rem;
    --bs-popover-header-color: inherit;
    --bs-popover-header-bg: var(--bs-secondary-bg);
    --bs-popover-body-padding-x: 1rem;
    --bs-popover-body-padding-y: 1rem;
    --bs-popover-body-color: var(--bs-body-color);
    --bs-popover-arrow-width: 1rem;
    --bs-popover-arrow-height: .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(-1 * (var(--bs-popover-arrow-height)) - 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(-1 * (var(--bs-popover-arrow-height)) - 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(-1 * (var(--bs-popover-arrow-height)) - 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(-.5 * var(--bs-popover-arrow-width));
    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(-1 * (var(--bs-popover-arrow-height)) - 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%;
    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: translate(100%)
}

.active.carousel-item-start,
.carousel-item-prev:not(.carousel-item-end) {
    transform: translate(-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;
    filter: var(--bs-carousel-control-icon-filter);
    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 0'/%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-.708'/%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%
}

.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: var(--bs-carousel-indicator-active-bg);
    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: var(--bs-carousel-caption-color);
    text-align: center
}

.carousel-dark {
    --bs-carousel-indicator-active-bg: #000;
    --bs-carousel-caption-color: #000;
    --bs-carousel-control-icon-filter: invert(1) grayscale(100)
}

:root,
[data-bs-theme=light] {
    --bs-carousel-indicator-active-bg: #fff;
    --bs-carousel-caption-color: #fff;
    --bs-carousel-control-icon-filter:
}

[data-bs-theme=dark] {
    --bs-carousel-indicator-active-bg: #000;
    --bs-carousel-caption-color: #000;
    --bs-carousel-control-icon-filter: invert(1) grayscale(100)
}

.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%;
    animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)
}

@keyframes spinner-border {
    to {
        transform: rotate(360deg)
    }
}

.spinner-border {
    --bs-spinner-width: 2rem;
    --bs-spinner-height: 2rem;
    --bs-spinner-vertical-align: -.125em;
    --bs-spinner-border-width: .25em;
    --bs-spinner-animation-speed: .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: .2em
}

@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: -.125em;
    --bs-spinner-animation-speed: .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-zindex: 1045;
    --bs-offcanvas-width: 400px;
    --bs-offcanvas-height: 30vh;
    --bs-offcanvas-padding-x: 1rem;
    --bs-offcanvas-padding-y: 1rem;
    --bs-offcanvas-color: var(--bs-body-color);
    --bs-offcanvas-bg: var(--bs-body-bg);
    --bs-offcanvas-border-width: var(--bs-border-width);
    --bs-offcanvas-border-color: var(--bs-border-color-translucent);
    --bs-offcanvas-box-shadow: var(--bs-box-shadow-sm);
    --bs-offcanvas-transition: transform .3s ease-in-out;
    --bs-offcanvas-title-line-height: 1.5
}

@media (max-width:575.98px) {
    .offcanvas-sm {
        position: fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        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: var(--bs-offcanvas-transition)
    }
}

@media (max-width:575.98px) and (prefers-reduced-motion:reduce) {
    .offcanvas-sm {
        transition: none
    }
}

@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: translate(-100%)
    }
    .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: translate(100%)
    }
    .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%)
    }
    .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%)
    }
    .offcanvas-sm.show:not(.hiding),
    .offcanvas-sm.showing {
        transform: none
    }
    .offcanvas-sm.hiding,
    .offcanvas-sm.show,
    .offcanvas-sm.showing {
        visibility: visible
    }
}

@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: var(--bs-offcanvas-zindex);
        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: var(--bs-offcanvas-transition)
    }
}

@media (max-width:767.98px) and (prefers-reduced-motion:reduce) {
    .offcanvas-md {
        transition: none
    }
}

@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: translate(-100%)
    }
    .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: translate(100%)
    }
    .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%)
    }
    .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%)
    }
    .offcanvas-md.show:not(.hiding),
    .offcanvas-md.showing {
        transform: none
    }
    .offcanvas-md.hiding,
    .offcanvas-md.show,
    .offcanvas-md.showing {
        visibility: visible
    }
}

@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: var(--bs-offcanvas-zindex);
        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: var(--bs-offcanvas-transition)
    }
}

@media (max-width:991.98px) and (prefers-reduced-motion:reduce) {
    .offcanvas-lg {
        transition: none
    }
}

@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: translate(-100%)
    }
    .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: translate(100%)
    }
    .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%)
    }
    .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%)
    }
    .offcanvas-lg.show:not(.hiding),
    .offcanvas-lg.showing {
        transform: none
    }
    .offcanvas-lg.hiding,
    .offcanvas-lg.show,
    .offcanvas-lg.showing {
        visibility: visible
    }
}

@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: var(--bs-offcanvas-zindex);
        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: var(--bs-offcanvas-transition)
    }
}

@media (max-width:1199.98px) and (prefers-reduced-motion:reduce) {
    .offcanvas-xl {
        transition: none
    }
}

@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: translate(-100%)
    }
    .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: translate(100%)
    }
    .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%)
    }
    .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%)
    }
    .offcanvas-xl.show:not(.hiding),
    .offcanvas-xl.showing {
        transform: none
    }
    .offcanvas-xl.hiding,
    .offcanvas-xl.show,
    .offcanvas-xl.showing {
        visibility: visible
    }
}

@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: var(--bs-offcanvas-zindex);
        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: var(--bs-offcanvas-transition)
    }
}

@media (max-width:1399.98px) and (prefers-reduced-motion:reduce) {
    .offcanvas-xxl {
        transition: none
    }
}

@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: translate(-100%)
    }
    .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: translate(100%)
    }
    .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%)
    }
    .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%)
    }
    .offcanvas-xxl.show:not(.hiding),
    .offcanvas-xxl.showing {
        transform: none
    }
    .offcanvas-xxl.hiding,
    .offcanvas-xxl.show,
    .offcanvas-xxl.showing {
        visibility: visible
    }
}

@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: var(--bs-offcanvas-zindex);
    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: var(--bs-offcanvas-transition)
}

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

.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: translate(-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: translate(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.show:not(.hiding),
.offcanvas.showing {
    transform: none
}

.offcanvas.hiding,
.offcanvas.show,
.offcanvas.showing {
    visibility: visible
}

.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;
    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(-.5 * var(--bs-offcanvas-padding-y));
    margin-right: calc(-.5 * var(--bs-offcanvas-padding-x));
    margin-bottom: calc(-.5 * var(--bs-offcanvas-padding-y));
    margin-left: auto
}

.offcanvas-title {
    margin-bottom: 0;
    line-height: var(--bs-offcanvas-title-line-height)
}

.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 {
    animation: placeholder-glow 2s ease-in-out infinite
}

@keyframes placeholder-glow {
    50% {
        opacity: .2
    }
}

.placeholder-wave {
    -webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, .8) 75%, #000 95%);
    mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, .8) 75%, #000 95%);
    -webkit-mask-size: 200% 100%;
    mask-size: 200% 100%;
    animation: placeholder-wave 2s linear infinite
}

@keyframes placeholder-wave {
    to {
        -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(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important
}

.text-bg-secondary {
    color: #fff !important;
    background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important
}

.text-bg-success {
    color: #fff !important;
    background-color: RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important
}

.text-bg-info {
    color: #000 !important;
    background-color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important
}

.text-bg-warning {
    color: #000 !important;
    background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important
}

.text-bg-danger {
    color: #fff !important;
    background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important
}

.text-bg-light {
    color: #000 !important;
    background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important
}

.text-bg-dark {
    color: #fff !important;
    background-color: RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important
}

.link-primary {
    color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-primary:focus,
.link-primary:hover {
    color: RGBA(10, 88, 202, var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1)) !important
}

.link-secondary {
    color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-secondary:focus,
.link-secondary:hover {
    color: RGBA(86, 94, 100, var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important
}

.link-success {
    color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-success:focus,
.link-success:hover {
    color: RGBA(20, 108, 67, var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important
}

.link-info {
    color: RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-info:focus,
.link-info:hover {
    color: RGBA(61, 213, 243, var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important
}

.link-warning {
    color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-warning:focus,
.link-warning:hover {
    color: RGBA(255, 205, 57, var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important
}

.link-danger {
    color: RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-danger:focus,
.link-danger:hover {
    color: RGBA(176, 42, 55, var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important
}

.link-light {
    color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-light:focus,
.link-light:hover {
    color: RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important
}

.link-dark {
    color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-dark:focus,
.link-dark:hover {
    color: RGBA(26, 30, 33, var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important
}

.link-body-emphasis {
    color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-body-emphasis:focus,
.link-body-emphasis:hover {
    color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, .75)) !important;
    text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, .75)) !important
}

.focus-ring:focus {
    outline: 0;
    box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color)
}

.icon-link {
    display: inline-flex;
    gap: .375rem;
    align-items: center;
    text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, .5));
    text-underline-offset: .25em;
    backface-visibility: hidden
}

.icon-link>.bi {
    flex-shrink: 0;
    width: 1em;
    height: 1em;
    fill: currentcolor;
    transition: .2s ease-in-out transform
}

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

.icon-link-hover:focus-visible>.bi,
.icon-link-hover:hover>.bi {
    transform: var(--bs-icon-link-transform, translate3d(.25em, 0, 0))
}

.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: sticky;
    top: 0;
    z-index: 1020
}

.sticky-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020
}

@media (min-width:576px) {
    .sticky-sm-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }
    .sticky-sm-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media (min-width:768px) {
    .sticky-md-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }
    .sticky-md-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media (min-width:992px) {
    .sticky-lg-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }
    .sticky-lg-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media (min-width:1200px) {
    .sticky-xl-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }
    .sticky-xl-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media (min-width:1400px) {
    .sticky-xxl-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }
    .sticky-xxl-bottom {
        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) {
    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
}

.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption),
.visually-hidden:not(caption) {
    position: absolute !important
}

.stretched-link:after {
    position: absolute;
    inset: 0;
    z-index: 1;
    content: ""
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.vr {
    display: inline-block;
    align-self: stretch;
    width: var(--bs-border-width);
    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
}

.object-fit-contain {
    object-fit: contain !important
}

.object-fit-cover {
    object-fit: cover !important
}

.object-fit-fill {
    object-fit: fill !important
}

.object-fit-scale {
    object-fit: scale-down !important
}

.object-fit-none {
    object-fit: 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
}

.overflow-x-auto {
    overflow-x: auto !important
}

.overflow-x-hidden {
    overflow-x: hidden !important
}

.overflow-x-visible {
    overflow-x: visible !important
}

.overflow-x-scroll {
    overflow-x: scroll !important
}

.overflow-y-auto {
    overflow-y: auto !important
}

.overflow-y-hidden {
    overflow-y: hidden !important
}

.overflow-y-visible {
    overflow-y: visible !important
}

.overflow-y-scroll {
    overflow-y: 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-inline-grid {
    display: inline-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: var(--bs-box-shadow) !important
}

.shadow-sm {
    box-shadow: var(--bs-box-shadow-sm) !important
}

.shadow-lg {
    box-shadow: var(--bs-box-shadow-lg) !important
}

.shadow-none {
    box-shadow: none !important
}

.focus-ring-primary {
    --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-secondary {
    --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-success {
    --bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-info {
    --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-warning {
    --bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-danger {
    --bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-light {
    --bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-dark {
    --bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity))
}

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

.position-sticky {
    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: translate(-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-black {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-black-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-primary-subtle {
    border-color: var(--bs-primary-border-subtle) !important
}

.border-secondary-subtle {
    border-color: var(--bs-secondary-border-subtle) !important
}

.border-success-subtle {
    border-color: var(--bs-success-border-subtle) !important
}

.border-info-subtle {
    border-color: var(--bs-info-border-subtle) !important
}

.border-warning-subtle {
    border-color: var(--bs-warning-border-subtle) !important
}

.border-danger-subtle {
    border-color: var(--bs-danger-border-subtle) !important
}

.border-light-subtle {
    border-color: var(--bs-light-border-subtle) !important
}

.border-dark-subtle {
    border-color: var(--bs-dark-border-subtle) !important
}

.border-1 {
    border-width: 1px !important
}

.border-2 {
    border-width: 2px !important
}

.border-3 {
    border-width: 3px !important
}

.border-4 {
    border-width: 4px !important
}

.border-5 {
    border-width: 5px !important
}

.border-opacity-10 {
    --bs-border-opacity: .1
}

.border-opacity-25 {
    --bs-border-opacity: .25
}

.border-opacity-50 {
    --bs-border-opacity: .5
}

.border-opacity-75 {
    --bs-border-opacity: .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
}

.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
}

.row-gap-0 {
    row-gap: 0 !important
}

.row-gap-1 {
    row-gap: .25rem !important
}

.row-gap-2 {
    row-gap: .5rem !important
}

.row-gap-3 {
    row-gap: 1rem !important
}

.row-gap-4 {
    row-gap: 1.5rem !important
}

.row-gap-5 {
    row-gap: 3rem !important
}

.column-gap-0 {
    -moz-column-gap: 0 !important;
    column-gap: 0 !important
}

.column-gap-1 {
    -moz-column-gap: .25rem !important;
    column-gap: .25rem !important
}

.column-gap-2 {
    -moz-column-gap: .5rem !important;
    column-gap: .5rem !important
}

.column-gap-3 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important
}

.column-gap-4 {
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important
}

.column-gap-5 {
    -moz-column-gap: 3rem !important;
    column-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-lighter {
    font-weight: lighter !important
}

.fw-light {
    font-weight: 300 !important
}

.fw-normal {
    font-weight: 400 !important
}

.fw-medium {
    font-weight: 500 !important
}

.fw-semibold {
    font-weight: 600 !important
}

.fw-bold {
    font-weight: 700 !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: var(--bs-secondary-color) !important
}

.text-black-50 {
    --bs-text-opacity: 1;
    color: #00000080 !important
}

.text-white-50 {
    --bs-text-opacity: 1;
    color: #ffffff80 !important
}

.text-body-secondary {
    --bs-text-opacity: 1;
    color: var(--bs-secondary-color) !important
}

.text-body-tertiary {
    --bs-text-opacity: 1;
    color: var(--bs-tertiary-color) !important
}

.text-body-emphasis {
    --bs-text-opacity: 1;
    color: var(--bs-emphasis-color) !important
}

.text-reset {
    --bs-text-opacity: 1;
    color: inherit !important
}

.text-opacity-25 {
    --bs-text-opacity: .25
}

.text-opacity-50 {
    --bs-text-opacity: .5
}

.text-opacity-75 {
    --bs-text-opacity: .75
}

.text-opacity-100 {
    --bs-text-opacity: 1
}

.text-primary-emphasis {
    color: var(--bs-primary-text-emphasis) !important
}

.text-secondary-emphasis {
    color: var(--bs-secondary-text-emphasis) !important
}

.text-success-emphasis {
    color: var(--bs-success-text-emphasis) !important
}

.text-info-emphasis {
    color: var(--bs-info-text-emphasis) !important
}

.text-warning-emphasis {
    color: var(--bs-warning-text-emphasis) !important
}

.text-danger-emphasis {
    color: var(--bs-danger-text-emphasis) !important
}

.text-light-emphasis {
    color: var(--bs-light-text-emphasis) !important
}

.text-dark-emphasis {
    color: var(--bs-dark-text-emphasis) !important
}

.link-opacity-10,
.link-opacity-10-hover:hover {
    --bs-link-opacity: .1
}

.link-opacity-25,
.link-opacity-25-hover:hover {
    --bs-link-opacity: .25
}

.link-opacity-50,
.link-opacity-50-hover:hover {
    --bs-link-opacity: .5
}

.link-opacity-75,
.link-opacity-75-hover:hover {
    --bs-link-opacity: .75
}

.link-opacity-100,
.link-opacity-100-hover:hover {
    --bs-link-opacity: 1
}

.link-offset-1,
.link-offset-1-hover:hover {
    text-underline-offset: .125em !important
}

.link-offset-2,
.link-offset-2-hover:hover {
    text-underline-offset: .25em !important
}

.link-offset-3,
.link-offset-3-hover:hover {
    text-underline-offset: .375em !important
}

.link-underline-primary {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important
}

.link-underline-secondary {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important
}

.link-underline-success {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important
}

.link-underline-info {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important
}

.link-underline-warning {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important
}

.link-underline-danger {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important
}

.link-underline-light {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important
}

.link-underline-dark {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important
}

.link-underline {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-underline-opacity-0,
.link-underline-opacity-0-hover:hover {
    --bs-link-underline-opacity: 0
}

.link-underline-opacity-10,
.link-underline-opacity-10-hover:hover {
    --bs-link-underline-opacity: .1
}

.link-underline-opacity-25,
.link-underline-opacity-25-hover:hover {
    --bs-link-underline-opacity: .25
}

.link-underline-opacity-50,
.link-underline-opacity-50-hover:hover {
    --bs-link-underline-opacity: .5
}

.link-underline-opacity-75,
.link-underline-opacity-75-hover:hover {
    --bs-link-underline-opacity: .75
}

.link-underline-opacity-100,
.link-underline-opacity-100-hover:hover {
    --bs-link-underline-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-body-secondary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important
}

.bg-body-tertiary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important
}

.bg-opacity-10 {
    --bs-bg-opacity: .1
}

.bg-opacity-25 {
    --bs-bg-opacity: .25
}

.bg-opacity-50 {
    --bs-bg-opacity: .5
}

.bg-opacity-75 {
    --bs-bg-opacity: .75
}

.bg-opacity-100 {
    --bs-bg-opacity: 1
}

.bg-primary-subtle {
    background-color: var(--bs-primary-bg-subtle) !important
}

.bg-secondary-subtle {
    background-color: var(--bs-secondary-bg-subtle) !important
}

.bg-success-subtle {
    background-color: var(--bs-success-bg-subtle) !important
}

.bg-info-subtle {
    background-color: var(--bs-info-bg-subtle) !important
}

.bg-warning-subtle {
    background-color: var(--bs-warning-bg-subtle) !important
}

.bg-danger-subtle {
    background-color: var(--bs-danger-bg-subtle) !important
}

.bg-light-subtle {
    background-color: var(--bs-light-bg-subtle) !important
}

.bg-dark-subtle {
    background-color: var(--bs-dark-bg-subtle) !important
}

.bg-gradient {
    background-image: var(--bs-gradient) !important
}

.user-select-all {
    -webkit-user-select: all !important;
    user-select: all !important
}

.user-select-auto {
    -webkit-user-select: auto !important;
    user-select: auto !important
}

.user-select-none {
    -webkit-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-xxl) !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-top-0 {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important
}

.rounded-top-1 {
    border-top-left-radius: var(--bs-border-radius-sm) !important;
    border-top-right-radius: var(--bs-border-radius-sm) !important
}

.rounded-top-2 {
    border-top-left-radius: var(--bs-border-radius) !important;
    border-top-right-radius: var(--bs-border-radius) !important
}

.rounded-top-3 {
    border-top-left-radius: var(--bs-border-radius-lg) !important;
    border-top-right-radius: var(--bs-border-radius-lg) !important
}

.rounded-top-4 {
    border-top-left-radius: var(--bs-border-radius-xl) !important;
    border-top-right-radius: var(--bs-border-radius-xl) !important
}

.rounded-top-5 {
    border-top-left-radius: var(--bs-border-radius-xxl) !important;
    border-top-right-radius: var(--bs-border-radius-xxl) !important
}

.rounded-top-circle {
    border-top-left-radius: 50% !important;
    border-top-right-radius: 50% !important
}

.rounded-top-pill {
    border-top-left-radius: var(--bs-border-radius-pill) !important;
    border-top-right-radius: var(--bs-border-radius-pill) !important
}

.rounded-end {
    border-top-right-radius: var(--bs-border-radius) !important;
    border-bottom-right-radius: var(--bs-border-radius) !important
}

.rounded-end-0 {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.rounded-end-1 {
    border-top-right-radius: var(--bs-border-radius-sm) !important;
    border-bottom-right-radius: var(--bs-border-radius-sm) !important
}

.rounded-end-2 {
    border-top-right-radius: var(--bs-border-radius) !important;
    border-bottom-right-radius: var(--bs-border-radius) !important
}

.rounded-end-3 {
    border-top-right-radius: var(--bs-border-radius-lg) !important;
    border-bottom-right-radius: var(--bs-border-radius-lg) !important
}

.rounded-end-4 {
    border-top-right-radius: var(--bs-border-radius-xl) !important;
    border-bottom-right-radius: var(--bs-border-radius-xl) !important
}

.rounded-end-5 {
    border-top-right-radius: var(--bs-border-radius-xxl) !important;
    border-bottom-right-radius: var(--bs-border-radius-xxl) !important
}

.rounded-end-circle {
    border-top-right-radius: 50% !important;
    border-bottom-right-radius: 50% !important
}

.rounded-end-pill {
    border-top-right-radius: var(--bs-border-radius-pill) !important;
    border-bottom-right-radius: var(--bs-border-radius-pill) !important
}

.rounded-bottom {
    border-bottom-right-radius: var(--bs-border-radius) !important;
    border-bottom-left-radius: var(--bs-border-radius) !important
}

.rounded-bottom-0 {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important
}

.rounded-bottom-1 {
    border-bottom-right-radius: var(--bs-border-radius-sm) !important;
    border-bottom-left-radius: var(--bs-border-radius-sm) !important
}

.rounded-bottom-2 {
    border-bottom-right-radius: var(--bs-border-radius) !important;
    border-bottom-left-radius: var(--bs-border-radius) !important
}

.rounded-bottom-3 {
    border-bottom-right-radius: var(--bs-border-radius-lg) !important;
    border-bottom-left-radius: var(--bs-border-radius-lg) !important
}

.rounded-bottom-4 {
    border-bottom-right-radius: var(--bs-border-radius-xl) !important;
    border-bottom-left-radius: var(--bs-border-radius-xl) !important
}

.rounded-bottom-5 {
    border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
    border-bottom-left-radius: var(--bs-border-radius-xxl) !important
}

.rounded-bottom-circle {
    border-bottom-right-radius: 50% !important;
    border-bottom-left-radius: 50% !important
}

.rounded-bottom-pill {
    border-bottom-right-radius: var(--bs-border-radius-pill) !important;
    border-bottom-left-radius: var(--bs-border-radius-pill) !important
}

.rounded-start {
    border-bottom-left-radius: var(--bs-border-radius) !important;
    border-top-left-radius: var(--bs-border-radius) !important
}

.rounded-start-0 {
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important
}

.rounded-start-1 {
    border-bottom-left-radius: var(--bs-border-radius-sm) !important;
    border-top-left-radius: var(--bs-border-radius-sm) !important
}

.rounded-start-2 {
    border-bottom-left-radius: var(--bs-border-radius) !important;
    border-top-left-radius: var(--bs-border-radius) !important
}

.rounded-start-3 {
    border-bottom-left-radius: var(--bs-border-radius-lg) !important;
    border-top-left-radius: var(--bs-border-radius-lg) !important
}

.rounded-start-4 {
    border-bottom-left-radius: var(--bs-border-radius-xl) !important;
    border-top-left-radius: var(--bs-border-radius-xl) !important
}

.rounded-start-5 {
    border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
    border-top-left-radius: var(--bs-border-radius-xxl) !important
}

.rounded-start-circle {
    border-bottom-left-radius: 50% !important;
    border-top-left-radius: 50% !important
}

.rounded-start-pill {
    border-bottom-left-radius: var(--bs-border-radius-pill) !important;
    border-top-left-radius: var(--bs-border-radius-pill) !important
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

.z-n1 {
    z-index: -1 !important
}

.z-0 {
    z-index: 0 !important
}

.z-1 {
    z-index: 1 !important
}

.z-2 {
    z-index: 2 !important
}

.z-3 {
    z-index: 3 !important
}

@media (min-width:576px) {
    .float-sm-start {
        float: left !important
    }
    .float-sm-end {
        float: right !important
    }
    .float-sm-none {
        float: none !important
    }
    .object-fit-sm-contain {
        object-fit: contain !important
    }
    .object-fit-sm-cover {
        object-fit: cover !important
    }
    .object-fit-sm-fill {
        object-fit: fill !important
    }
    .object-fit-sm-scale {
        object-fit: scale-down !important
    }
    .object-fit-sm-none {
        object-fit: 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-inline-grid {
        display: inline-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
    }
    .row-gap-sm-0 {
        row-gap: 0 !important
    }
    .row-gap-sm-1 {
        row-gap: .25rem !important
    }
    .row-gap-sm-2 {
        row-gap: .5rem !important
    }
    .row-gap-sm-3 {
        row-gap: 1rem !important
    }
    .row-gap-sm-4 {
        row-gap: 1.5rem !important
    }
    .row-gap-sm-5 {
        row-gap: 3rem !important
    }
    .column-gap-sm-0 {
        -moz-column-gap: 0 !important;
        column-gap: 0 !important
    }
    .column-gap-sm-1 {
        -moz-column-gap: .25rem !important;
        column-gap: .25rem !important
    }
    .column-gap-sm-2 {
        -moz-column-gap: .5rem !important;
        column-gap: .5rem !important
    }
    .column-gap-sm-3 {
        -moz-column-gap: 1rem !important;
        column-gap: 1rem !important
    }
    .column-gap-sm-4 {
        -moz-column-gap: 1.5rem !important;
        column-gap: 1.5rem !important
    }
    .column-gap-sm-5 {
        -moz-column-gap: 3rem !important;
        column-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
    }
    .object-fit-md-contain {
        object-fit: contain !important
    }
    .object-fit-md-cover {
        object-fit: cover !important
    }
    .object-fit-md-fill {
        object-fit: fill !important
    }
    .object-fit-md-scale {
        object-fit: scale-down !important
    }
    .object-fit-md-none {
        object-fit: 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-inline-grid {
        display: inline-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
    }
    .row-gap-md-0 {
        row-gap: 0 !important
    }
    .row-gap-md-1 {
        row-gap: .25rem !important
    }
    .row-gap-md-2 {
        row-gap: .5rem !important
    }
    .row-gap-md-3 {
        row-gap: 1rem !important
    }
    .row-gap-md-4 {
        row-gap: 1.5rem !important
    }
    .row-gap-md-5 {
        row-gap: 3rem !important
    }
    .column-gap-md-0 {
        -moz-column-gap: 0 !important;
        column-gap: 0 !important
    }
    .column-gap-md-1 {
        -moz-column-gap: .25rem !important;
        column-gap: .25rem !important
    }
    .column-gap-md-2 {
        -moz-column-gap: .5rem !important;
        column-gap: .5rem !important
    }
    .column-gap-md-3 {
        -moz-column-gap: 1rem !important;
        column-gap: 1rem !important
    }
    .column-gap-md-4 {
        -moz-column-gap: 1.5rem !important;
        column-gap: 1.5rem !important
    }
    .column-gap-md-5 {
        -moz-column-gap: 3rem !important;
        column-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
    }
    .object-fit-lg-contain {
        object-fit: contain !important
    }
    .object-fit-lg-cover {
        object-fit: cover !important
    }
    .object-fit-lg-fill {
        object-fit: fill !important
    }
    .object-fit-lg-scale {
        object-fit: scale-down !important
    }
    .object-fit-lg-none {
        object-fit: 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-inline-grid {
        display: inline-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
    }
    .row-gap-lg-0 {
        row-gap: 0 !important
    }
    .row-gap-lg-1 {
        row-gap: .25rem !important
    }
    .row-gap-lg-2 {
        row-gap: .5rem !important
    }
    .row-gap-lg-3 {
        row-gap: 1rem !important
    }
    .row-gap-lg-4 {
        row-gap: 1.5rem !important
    }
    .row-gap-lg-5 {
        row-gap: 3rem !important
    }
    .column-gap-lg-0 {
        -moz-column-gap: 0 !important;
        column-gap: 0 !important
    }
    .column-gap-lg-1 {
        -moz-column-gap: .25rem !important;
        column-gap: .25rem !important
    }
    .column-gap-lg-2 {
        -moz-column-gap: .5rem !important;
        column-gap: .5rem !important
    }
    .column-gap-lg-3 {
        -moz-column-gap: 1rem !important;
        column-gap: 1rem !important
    }
    .column-gap-lg-4 {
        -moz-column-gap: 1.5rem !important;
        column-gap: 1.5rem !important
    }
    .column-gap-lg-5 {
        -moz-column-gap: 3rem !important;
        column-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
    }
    .object-fit-xl-contain {
        object-fit: contain !important
    }
    .object-fit-xl-cover {
        object-fit: cover !important
    }
    .object-fit-xl-fill {
        object-fit: fill !important
    }
    .object-fit-xl-scale {
        object-fit: scale-down !important
    }
    .object-fit-xl-none {
        object-fit: 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-inline-grid {
        display: inline-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
    }
    .row-gap-xl-0 {
        row-gap: 0 !important
    }
    .row-gap-xl-1 {
        row-gap: .25rem !important
    }
    .row-gap-xl-2 {
        row-gap: .5rem !important
    }
    .row-gap-xl-3 {
        row-gap: 1rem !important
    }
    .row-gap-xl-4 {
        row-gap: 1.5rem !important
    }
    .row-gap-xl-5 {
        row-gap: 3rem !important
    }
    .column-gap-xl-0 {
        -moz-column-gap: 0 !important;
        column-gap: 0 !important
    }
    .column-gap-xl-1 {
        -moz-column-gap: .25rem !important;
        column-gap: .25rem !important
    }
    .column-gap-xl-2 {
        -moz-column-gap: .5rem !important;
        column-gap: .5rem !important
    }
    .column-gap-xl-3 {
        -moz-column-gap: 1rem !important;
        column-gap: 1rem !important
    }
    .column-gap-xl-4 {
        -moz-column-gap: 1.5rem !important;
        column-gap: 1.5rem !important
    }
    .column-gap-xl-5 {
        -moz-column-gap: 3rem !important;
        column-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
    }
    .object-fit-xxl-contain {
        object-fit: contain !important
    }
    .object-fit-xxl-cover {
        object-fit: cover !important
    }
    .object-fit-xxl-fill {
        object-fit: fill !important
    }
    .object-fit-xxl-scale {
        object-fit: scale-down !important
    }
    .object-fit-xxl-none {
        object-fit: 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-inline-grid {
        display: inline-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
    }
    .row-gap-xxl-0 {
        row-gap: 0 !important
    }
    .row-gap-xxl-1 {
        row-gap: .25rem !important
    }
    .row-gap-xxl-2 {
        row-gap: .5rem !important
    }
    .row-gap-xxl-3 {
        row-gap: 1rem !important
    }
    .row-gap-xxl-4 {
        row-gap: 1.5rem !important
    }
    .row-gap-xxl-5 {
        row-gap: 3rem !important
    }
    .column-gap-xxl-0 {
        -moz-column-gap: 0 !important;
        column-gap: 0 !important
    }
    .column-gap-xxl-1 {
        -moz-column-gap: .25rem !important;
        column-gap: .25rem !important
    }
    .column-gap-xxl-2 {
        -moz-column-gap: .5rem !important;
        column-gap: .5rem !important
    }
    .column-gap-xxl-3 {
        -moz-column-gap: 1rem !important;
        column-gap: 1rem !important
    }
    .column-gap-xxl-4 {
        -moz-column-gap: 1.5rem !important;
        column-gap: 1.5rem !important
    }
    .column-gap-xxl-5 {
        -moz-column-gap: 3rem !important;
        column-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: 17.5px !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-inline-grid {
        display: inline-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
    }
}

/*!
 *  Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */

@font-face {
    font-family: FontAwesome;
    src: url(fontawesome-webfont.1c8477e0ba6a88a1.eot?v=4.3.0);
    src: url(fontawesome-webfont.1c8477e0ba6a88a1.eot?#iefix&v=4.3.0) format("embedded-opentype"), url(fontawesome-webfont.d6c0dc765520d2d6.woff2?v=4.3.0) format("woff2"), url(fontawesome-webfont.aa866e690833f6a9.woff?v=4.3.0) format("woff"), url(fontawesome-webfont.1f775c49fb20fd66.ttf?v=4.3.0) format("truetype"), url(fontawesome-webfont.7bf144d7ff376f1c.svg?v=4.3.0#fontawesomeregular) format("svg");
    font-weight: 400;
    font-style: normal
}

.fa {
    display: inline-block;
    font: 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0)
}

.fa-lg {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-fw {
    width: 1.28571429em;
    text-align: center
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none
}

.fa-ul>li {
    position: relative
}

.fa-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: .14285714em;
    text-align: center
}

.fa-li.fa-lg {
    left: -1.85714286em
}

.fa-border {
    padding: .2em .25em .15em;
    border: solid .08em #eee;
    border-radius: .1em
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.fa.pull-left {
    margin-right: .3em
}

.fa.pull-right {
    margin-left: .3em
}

.fa-spin {
    animation: fa-spin 2s infinite linear
}

.fa-pulse {
    animation: fa-spin 1s infinite steps(8)
}

@keyframes fa-spin {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(359deg)
    }
}

.fa-rotate-90 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    transform: rotate(90deg)
}

.fa-rotate-180 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    transform: rotate(180deg)
}

.fa-rotate-270 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
    transform: scaleX(-1)
}

.fa-flip-vertical {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
    transform: scaleY(-1)
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
    filter: none
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
}

.fa-stack-1x,
.fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: #fff
}

.fa-glass:before {
    content: "\f000"
}

.fa-music:before {
    content: "\f001"
}

.fa-search:before {
    content: "\f002"
}

.fa-envelope-o:before {
    content: "\f003"
}

.fa-heart:before {
    content: "\f004"
}

.fa-star:before {
    content: "\f005"
}

.fa-star-o:before {
    content: "\f006"
}

.fa-user:before {
    content: "\f007"
}

.fa-film:before {
    content: "\f008"
}

.fa-th-large:before {
    content: "\f009"
}

.fa-th:before {
    content: "\f00a"
}

.fa-th-list:before {
    content: "\f00b"
}

.fa-check:before {
    content: "\f00c"
}

.fa-remove:before,
.fa-close:before,
.fa-times:before {
    content: "\f00d"
}

.fa-search-plus:before {
    content: "\f00e"
}

.fa-search-minus:before {
    content: "\f010"
}

.fa-power-off:before {
    content: "\f011"
}

.fa-signal:before {
    content: "\f012"
}

.fa-gear:before,
.fa-cog:before {
    content: "\f013"
}

.fa-trash-o:before {
    content: "\f014"
}

.fa-home:before {
    content: "\f015"
}

.fa-file-o:before {
    content: "\f016"
}

.fa-clock-o:before {
    content: "\f017"
}

.fa-road:before {
    content: "\f018"
}

.fa-download:before {
    content: "\f019"
}

.fa-arrow-circle-o-down:before {
    content: "\f01a"
}

.fa-arrow-circle-o-up:before {
    content: "\f01b"
}

.fa-inbox:before {
    content: "\f01c"
}

.fa-play-circle-o:before {
    content: "\f01d"
}

.fa-rotate-right:before,
.fa-repeat:before {
    content: "\f01e"
}

.fa-refresh:before {
    content: "\f021"
}

.fa-list-alt:before {
    content: "\f022"
}

.fa-lock:before {
    content: "\f023"
}

.fa-flag:before {
    content: "\f024"
}

.fa-headphones:before {
    content: "\f025"
}

.fa-volume-off:before {
    content: "\f026"
}

.fa-volume-down:before {
    content: "\f027"
}

.fa-volume-up:before {
    content: "\f028"
}

.fa-qrcode:before {
    content: "\f029"
}

.fa-barcode:before {
    content: "\f02a"
}

.fa-tag:before {
    content: "\f02b"
}

.fa-tags:before {
    content: "\f02c"
}

.fa-book:before {
    content: "\f02d"
}

.fa-bookmark:before {
    content: "\f02e"
}

.fa-print:before {
    content: "\f02f"
}

.fa-camera:before {
    content: "\f030"
}

.fa-font:before {
    content: "\f031"
}

.fa-bold:before {
    content: "\f032"
}

.fa-italic:before {
    content: "\f033"
}

.fa-text-height:before {
    content: "\f034"
}

.fa-text-width:before {
    content: "\f035"
}

.fa-align-left:before {
    content: "\f036"
}

.fa-align-center:before {
    content: "\f037"
}

.fa-align-right:before {
    content: "\f038"
}

.fa-align-justify:before {
    content: "\f039"
}

.fa-list:before {
    content: "\f03a"
}

.fa-dedent:before,
.fa-outdent:before {
    content: "\f03b"
}

.fa-indent:before {
    content: "\f03c"
}

.fa-video-camera:before {
    content: "\f03d"
}

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
    content: "\f03e"
}

.fa-pencil:before {
    content: "\f040"
}

.fa-map-marker:before {
    content: "\f041"
}

.fa-adjust:before {
    content: "\f042"
}

.fa-tint:before {
    content: "\f043"
}

.fa-edit:before,
.fa-pencil-square-o:before {
    content: "\f044"
}

.fa-share-square-o:before {
    content: "\f045"
}

.fa-check-square-o:before {
    content: "\f046"
}

.fa-arrows:before {
    content: "\f047"
}

.fa-step-backward:before {
    content: "\f048"
}

.fa-fast-backward:before {
    content: "\f049"
}

.fa-backward:before {
    content: "\f04a"
}

.fa-play:before {
    content: "\f04b"
}

.fa-pause:before {
    content: "\f04c"
}

.fa-stop:before {
    content: "\f04d"
}

.fa-forward:before {
    content: "\f04e"
}

.fa-fast-forward:before {
    content: "\f050"
}

.fa-step-forward:before {
    content: "\f051"
}

.fa-eject:before {
    content: "\f052"
}

.fa-chevron-left:before {
    content: "\f053"
}

.fa-chevron-right:before {
    content: "\f054"
}

.fa-plus-circle:before {
    content: "\f055"
}

.fa-minus-circle:before {
    content: "\f056"
}

.fa-times-circle:before {
    content: "\f057"
}

.fa-check-circle:before {
    content: "\f058"
}

.fa-question-circle:before {
    content: "\f059"
}

.fa-info-circle:before {
    content: "\f05a"
}

.fa-crosshairs:before {
    content: "\f05b"
}

.fa-times-circle-o:before {
    content: "\f05c"
}

.fa-check-circle-o:before {
    content: "\f05d"
}

.fa-ban:before {
    content: "\f05e"
}

.fa-arrow-left:before {
    content: "\f060"
}

.fa-arrow-right:before {
    content: "\f061"
}

.fa-arrow-up:before {
    content: "\f062"
}

.fa-arrow-down:before {
    content: "\f063"
}

.fa-mail-forward:before,
.fa-share:before {
    content: "\f064"
}

.fa-expand:before {
    content: "\f065"
}

.fa-compress:before {
    content: "\f066"
}

.fa-plus:before {
    content: "\f067"
}

.fa-minus:before {
    content: "\f068"
}

.fa-asterisk:before {
    content: "\f069"
}

.fa-exclamation-circle:before {
    content: "\f06a"
}

.fa-gift:before {
    content: "\f06b"
}

.fa-leaf:before {
    content: "\f06c"
}

.fa-fire:before {
    content: "\f06d"
}

.fa-eye:before {
    content: "\f06e"
}

.fa-eye-slash:before {
    content: "\f070"
}

.fa-warning:before,
.fa-exclamation-triangle:before {
    content: "\f071"
}

.fa-plane:before {
    content: "\f072"
}

.fa-calendar:before {
    content: "\f073"
}

.fa-random:before {
    content: "\f074"
}

.fa-comment:before {
    content: "\f075"
}

.fa-magnet:before {
    content: "\f076"
}

.fa-chevron-up:before {
    content: "\f077"
}

.fa-chevron-down:before {
    content: "\f078"
}

.fa-retweet:before {
    content: "\f079"
}

.fa-shopping-cart:before {
    content: "\f07a"
}

.fa-folder:before {
    content: "\f07b"
}

.fa-folder-open:before {
    content: "\f07c"
}

.fa-arrows-v:before {
    content: "\f07d"
}

.fa-arrows-h:before {
    content: "\f07e"
}

.fa-bar-chart-o:before,
.fa-bar-chart:before {
    content: "\f080"
}

.fa-twitter-square:before {
    content: "\f081"
}

.fa-facebook-square:before {
    content: "\f082"
}

.fa-camera-retro:before {
    content: "\f083"
}

.fa-key:before {
    content: "\f084"
}

.fa-gears:before,
.fa-cogs:before {
    content: "\f085"
}

.fa-comments:before {
    content: "\f086"
}

.fa-thumbs-o-up:before {
    content: "\f087"
}

.fa-thumbs-o-down:before {
    content: "\f088"
}

.fa-star-half:before {
    content: "\f089"
}

.fa-heart-o:before {
    content: "\f08a"
}

.fa-sign-out:before {
    content: "\f08b"
}

.fa-linkedin-square:before {
    content: "\f08c"
}

.fa-thumb-tack:before {
    content: "\f08d"
}

.fa-external-link:before {
    content: "\f08e"
}

.fa-sign-in:before {
    content: "\f090"
}

.fa-trophy:before {
    content: "\f091"
}

.fa-github-square:before {
    content: "\f092"
}

.fa-upload:before {
    content: "\f093"
}

.fa-lemon-o:before {
    content: "\f094"
}

.fa-phone:before {
    content: "\f095"
}

.fa-square-o:before {
    content: "\f096"
}

.fa-bookmark-o:before {
    content: "\f097"
}

.fa-phone-square:before {
    content: "\f098"
}

.fa-twitter:before {
    content: "\f099"
}

.fa-facebook-f:before,
.fa-facebook:before {
    content: "\f09a"
}

.fa-github:before {
    content: "\f09b"
}

.fa-unlock:before {
    content: "\f09c"
}

.fa-credit-card:before {
    content: "\f09d"
}

.fa-rss:before {
    content: "\f09e"
}

.fa-hdd-o:before {
    content: "\f0a0"
}

.fa-bullhorn:before {
    content: "\f0a1"
}

.fa-bell:before {
    content: "\f0f3"
}

.fa-certificate:before {
    content: "\f0a3"
}

.fa-hand-o-right:before {
    content: "\f0a4"
}

.fa-hand-o-left:before {
    content: "\f0a5"
}

.fa-hand-o-up:before {
    content: "\f0a6"
}

.fa-hand-o-down:before {
    content: "\f0a7"
}

.fa-arrow-circle-left:before {
    content: "\f0a8"
}

.fa-arrow-circle-right:before {
    content: "\f0a9"
}

.fa-arrow-circle-up:before {
    content: "\f0aa"
}

.fa-arrow-circle-down:before {
    content: "\f0ab"
}

.fa-globe:before {
    content: "\f0ac"
}

.fa-wrench:before {
    content: "\f0ad"
}

.fa-tasks:before {
    content: "\f0ae"
}

.fa-filter:before {
    content: "\f0b0"
}

.fa-briefcase:before {
    content: "\f0b1"
}

.fa-arrows-alt:before {
    content: "\f0b2"
}

.fa-group:before,
.fa-users:before {
    content: "\f0c0"
}

.fa-chain:before,
.fa-link:before {
    content: "\f0c1"
}

.fa-cloud:before {
    content: "\f0c2"
}

.fa-flask:before {
    content: "\f0c3"
}

.fa-cut:before,
.fa-scissors:before {
    content: "\f0c4"
}

.fa-copy:before,
.fa-files-o:before {
    content: "\f0c5"
}

.fa-paperclip:before {
    content: "\f0c6"
}

.fa-save:before,
.fa-floppy-o:before {
    content: "\f0c7"
}

.fa-square:before {
    content: "\f0c8"
}

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
    content: "\f0c9"
}

.fa-list-ul:before {
    content: "\f0ca"
}

.fa-list-ol:before {
    content: "\f0cb"
}

.fa-strikethrough:before {
    content: "\f0cc"
}

.fa-underline:before {
    content: "\f0cd"
}

.fa-table:before {
    content: "\f0ce"
}

.fa-magic:before {
    content: "\f0d0"
}

.fa-truck:before {
    content: "\f0d1"
}

.fa-pinterest:before {
    content: "\f0d2"
}

.fa-pinterest-square:before {
    content: "\f0d3"
}

.fa-google-plus-square:before {
    content: "\f0d4"
}

.fa-google-plus:before {
    content: "\f0d5"
}

.fa-money:before {
    content: "\f0d6"
}

.fa-caret-down:before {
    content: "\f0d7"
}

.fa-caret-up:before {
    content: "\f0d8"
}

.fa-caret-left:before {
    content: "\f0d9"
}

.fa-caret-right:before {
    content: "\f0da"
}

.fa-columns:before {
    content: "\f0db"
}

.fa-unsorted:before,
.fa-sort:before {
    content: "\f0dc"
}

.fa-sort-down:before,
.fa-sort-desc:before {
    content: "\f0dd"
}

.fa-sort-up:before,
.fa-sort-asc:before {
    content: "\f0de"
}

.fa-envelope:before {
    content: "\f0e0"
}

.fa-linkedin:before {
    content: "\f0e1"
}

.fa-rotate-left:before,
.fa-undo:before {
    content: "\f0e2"
}

.fa-legal:before,
.fa-gavel:before {
    content: "\f0e3"
}

.fa-dashboard:before,
.fa-tachometer:before {
    content: "\f0e4"
}

.fa-comment-o:before {
    content: "\f0e5"
}

.fa-comments-o:before {
    content: "\f0e6"
}

.fa-flash:before,
.fa-bolt:before {
    content: "\f0e7"
}

.fa-sitemap:before {
    content: "\f0e8"
}

.fa-umbrella:before {
    content: "\f0e9"
}

.fa-paste:before,
.fa-clipboard:before {
    content: "\f0ea"
}

.fa-lightbulb-o:before {
    content: "\f0eb"
}

.fa-exchange:before {
    content: "\f0ec"
}

.fa-cloud-download:before {
    content: "\f0ed"
}

.fa-cloud-upload:before {
    content: "\f0ee"
}

.fa-user-md:before {
    content: "\f0f0"
}

.fa-stethoscope:before {
    content: "\f0f1"
}

.fa-suitcase:before {
    content: "\f0f2"
}

.fa-bell-o:before {
    content: "\f0a2"
}

.fa-coffee:before {
    content: "\f0f4"
}

.fa-cutlery:before {
    content: "\f0f5"
}

.fa-file-text-o:before {
    content: "\f0f6"
}

.fa-building-o:before {
    content: "\f0f7"
}

.fa-hospital-o:before {
    content: "\f0f8"
}

.fa-ambulance:before {
    content: "\f0f9"
}

.fa-medkit:before {
    content: "\f0fa"
}

.fa-fighter-jet:before {
    content: "\f0fb"
}

.fa-beer:before {
    content: "\f0fc"
}

.fa-h-square:before {
    content: "\f0fd"
}

.fa-plus-square:before {
    content: "\f0fe"
}

.fa-angle-double-left:before {
    content: "\f100"
}

.fa-angle-double-right:before {
    content: "\f101"
}

.fa-angle-double-up:before {
    content: "\f102"
}

.fa-angle-double-down:before {
    content: "\f103"
}

.fa-angle-left:before {
    content: "\f104"
}

.fa-angle-right:before {
    content: "\f105"
}

.fa-angle-up:before {
    content: "\f106"
}

.fa-angle-down:before {
    content: "\f107"
}

.fa-desktop:before {
    content: "\f108"
}

.fa-laptop:before {
    content: "\f109"
}

.fa-tablet:before {
    content: "\f10a"
}

.fa-mobile-phone:before,
.fa-mobile:before {
    content: "\f10b"
}

.fa-circle-o:before {
    content: "\f10c"
}

.fa-quote-left:before {
    content: "\f10d"
}

.fa-quote-right:before {
    content: "\f10e"
}

.fa-spinner:before {
    content: "\f110"
}

.fa-circle:before {
    content: "\f111"
}

.fa-mail-reply:before,
.fa-reply:before {
    content: "\f112"
}

.fa-github-alt:before {
    content: "\f113"
}

.fa-folder-o:before {
    content: "\f114"
}

.fa-folder-open-o:before {
    content: "\f115"
}

.fa-smile-o:before {
    content: "\f118"
}

.fa-frown-o:before {
    content: "\f119"
}

.fa-meh-o:before {
    content: "\f11a"
}

.fa-gamepad:before {
    content: "\f11b"
}

.fa-keyboard-o:before {
    content: "\f11c"
}

.fa-flag-o:before {
    content: "\f11d"
}

.fa-flag-checkered:before {
    content: "\f11e"
}

.fa-terminal:before {
    content: "\f120"
}

.fa-code:before {
    content: "\f121"
}

.fa-mail-reply-all:before,
.fa-reply-all:before {
    content: "\f122"
}

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
    content: "\f123"
}

.fa-location-arrow:before {
    content: "\f124"
}

.fa-crop:before {
    content: "\f125"
}

.fa-code-fork:before {
    content: "\f126"
}

.fa-unlink:before,
.fa-chain-broken:before {
    content: "\f127"
}

.fa-question:before {
    content: "\f128"
}

.fa-info:before {
    content: "\f129"
}

.fa-exclamation:before {
    content: "\f12a"
}

.fa-superscript:before {
    content: "\f12b"
}

.fa-subscript:before {
    content: "\f12c"
}

.fa-eraser:before {
    content: "\f12d"
}

.fa-puzzle-piece:before {
    content: "\f12e"
}

.fa-microphone:before {
    content: "\f130"
}

.fa-microphone-slash:before {
    content: "\f131"
}

.fa-shield:before {
    content: "\f132"
}

.fa-calendar-o:before {
    content: "\f133"
}

.fa-fire-extinguisher:before {
    content: "\f134"
}

.fa-rocket:before {
    content: "\f135"
}

.fa-maxcdn:before {
    content: "\f136"
}

.fa-chevron-circle-left:before {
    content: "\f137"
}

.fa-chevron-circle-right:before {
    content: "\f138"
}

.fa-chevron-circle-up:before {
    content: "\f139"
}

.fa-chevron-circle-down:before {
    content: "\f13a"
}

.fa-html5:before {
    content: "\f13b"
}

.fa-css3:before {
    content: "\f13c"
}

.fa-anchor:before {
    content: "\f13d"
}

.fa-unlock-alt:before {
    content: "\f13e"
}

.fa-bullseye:before {
    content: "\f140"
}

.fa-ellipsis-h:before {
    content: "\f141"
}

.fa-ellipsis-v:before {
    content: "\f142"
}

.fa-rss-square:before {
    content: "\f143"
}

.fa-play-circle:before {
    content: "\f144"
}

.fa-ticket:before {
    content: "\f145"
}

.fa-minus-square:before {
    content: "\f146"
}

.fa-minus-square-o:before {
    content: "\f147"
}

.fa-level-up:before {
    content: "\f148"
}

.fa-level-down:before {
    content: "\f149"
}

.fa-check-square:before {
    content: "\f14a"
}

.fa-pencil-square:before {
    content: "\f14b"
}

.fa-external-link-square:before {
    content: "\f14c"
}

.fa-share-square:before {
    content: "\f14d"
}

.fa-compass:before {
    content: "\f14e"
}

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
    content: "\f150"
}

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
    content: "\f151"
}

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
    content: "\f152"
}

.fa-euro:before,
.fa-eur:before {
    content: "\f153"
}

.fa-gbp:before {
    content: "\f154"
}

.fa-dollar:before,
.fa-usd:before {
    content: "\f155"
}

.fa-rupee:before,
.fa-inr:before {
    content: "\f156"
}

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
    content: "\f157"
}

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
    content: "\f158"
}

.fa-won:before,
.fa-krw:before {
    content: "\f159"
}

.fa-bitcoin:before,
.fa-btc:before {
    content: "\f15a"
}

.fa-file:before {
    content: "\f15b"
}

.fa-file-text:before {
    content: "\f15c"
}

.fa-sort-alpha-asc:before {
    content: "\f15d"
}

.fa-sort-alpha-desc:before {
    content: "\f15e"
}

.fa-sort-amount-asc:before {
    content: "\f160"
}

.fa-sort-amount-desc:before {
    content: "\f161"
}

.fa-sort-numeric-asc:before {
    content: "\f162"
}

.fa-sort-numeric-desc:before {
    content: "\f163"
}

.fa-thumbs-up:before {
    content: "\f164"
}

.fa-thumbs-down:before {
    content: "\f165"
}

.fa-youtube-square:before {
    content: "\f166"
}

.fa-youtube:before {
    content: "\f167"
}

.fa-xing:before {
    content: "\f168"
}

.fa-xing-square:before {
    content: "\f169"
}

.fa-youtube-play:before {
    content: "\f16a"
}

.fa-dropbox:before {
    content: "\f16b"
}

.fa-stack-overflow:before {
    content: "\f16c"
}

.fa-instagram:before {
    content: "\f16d"
}

.fa-flickr:before {
    content: "\f16e"
}

.fa-adn:before {
    content: "\f170"
}

.fa-bitbucket:before {
    content: "\f171"
}

.fa-bitbucket-square:before {
    content: "\f172"
}

.fa-tumblr:before {
    content: "\f173"
}

.fa-tumblr-square:before {
    content: "\f174"
}

.fa-long-arrow-down:before {
    content: "\f175"
}

.fa-long-arrow-up:before {
    content: "\f176"
}

.fa-long-arrow-left:before {
    content: "\f177"
}

.fa-long-arrow-right:before {
    content: "\f178"
}

.fa-apple:before {
    content: "\f179"
}

.fa-windows:before {
    content: "\f17a"
}

.fa-android:before {
    content: "\f17b"
}

.fa-linux:before {
    content: "\f17c"
}

.fa-dribbble:before {
    content: "\f17d"
}

.fa-skype:before {
    content: "\f17e"
}

.fa-foursquare:before {
    content: "\f180"
}

.fa-trello:before {
    content: "\f181"
}

.fa-female:before {
    content: "\f182"
}

.fa-male:before {
    content: "\f183"
}

.fa-gittip:before,
.fa-gratipay:before {
    content: "\f184"
}

.fa-sun-o:before {
    content: "\f185"
}

.fa-moon-o:before {
    content: "\f186"
}

.fa-archive:before {
    content: "\f187"
}

.fa-bug:before {
    content: "\f188"
}

.fa-vk:before {
    content: "\f189"
}

.fa-weibo:before {
    content: "\f18a"
}

.fa-renren:before {
    content: "\f18b"
}

.fa-pagelines:before {
    content: "\f18c"
}

.fa-stack-exchange:before {
    content: "\f18d"
}

.fa-arrow-circle-o-right:before {
    content: "\f18e"
}

.fa-arrow-circle-o-left:before {
    content: "\f190"
}

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
    content: "\f191"
}

.fa-dot-circle-o:before {
    content: "\f192"
}

.fa-wheelchair:before {
    content: "\f193"
}

.fa-vimeo-square:before {
    content: "\f194"
}

.fa-turkish-lira:before,
.fa-try:before {
    content: "\f195"
}

.fa-plus-square-o:before {
    content: "\f196"
}

.fa-space-shuttle:before {
    content: "\f197"
}

.fa-slack:before {
    content: "\f198"
}

.fa-envelope-square:before {
    content: "\f199"
}

.fa-wordpress:before {
    content: "\f19a"
}

.fa-openid:before {
    content: "\f19b"
}

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
    content: "\f19c"
}

.fa-mortar-board:before,
.fa-graduation-cap:before {
    content: "\f19d"
}

.fa-yahoo:before {
    content: "\f19e"
}

.fa-google:before {
    content: "\f1a0"
}

.fa-reddit:before {
    content: "\f1a1"
}

.fa-reddit-square:before {
    content: "\f1a2"
}

.fa-stumbleupon-circle:before {
    content: "\f1a3"
}

.fa-stumbleupon:before {
    content: "\f1a4"
}

.fa-delicious:before {
    content: "\f1a5"
}

.fa-digg:before {
    content: "\f1a6"
}

.fa-pied-piper:before {
    content: "\f1a7"
}

.fa-pied-piper-alt:before {
    content: "\f1a8"
}

.fa-drupal:before {
    content: "\f1a9"
}

.fa-joomla:before {
    content: "\f1aa"
}

.fa-language:before {
    content: "\f1ab"
}

.fa-fax:before {
    content: "\f1ac"
}

.fa-building:before {
    content: "\f1ad"
}

.fa-child:before {
    content: "\f1ae"
}

.fa-paw:before {
    content: "\f1b0"
}

.fa-spoon:before {
    content: "\f1b1"
}

.fa-cube:before {
    content: "\f1b2"
}

.fa-cubes:before {
    content: "\f1b3"
}

.fa-behance:before {
    content: "\f1b4"
}

.fa-behance-square:before {
    content: "\f1b5"
}

.fa-steam:before {
    content: "\f1b6"
}

.fa-steam-square:before {
    content: "\f1b7"
}

.fa-recycle:before {
    content: "\f1b8"
}

.fa-automobile:before,
.fa-car:before {
    content: "\f1b9"
}

.fa-cab:before,
.fa-taxi:before {
    content: "\f1ba"
}

.fa-tree:before {
    content: "\f1bb"
}

.fa-spotify:before {
    content: "\f1bc"
}

.fa-deviantart:before {
    content: "\f1bd"
}

.fa-soundcloud:before {
    content: "\f1be"
}

.fa-database:before {
    content: "\f1c0"
}

.fa-file-pdf-o:before {
    content: "\f1c1"
}

.fa-file-word-o:before {
    content: "\f1c2"
}

.fa-file-excel-o:before {
    content: "\f1c3"
}

.fa-file-powerpoint-o:before {
    content: "\f1c4"
}

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
    content: "\f1c5"
}

.fa-file-zip-o:before,
.fa-file-archive-o:before {
    content: "\f1c6"
}

.fa-file-sound-o:before,
.fa-file-audio-o:before {
    content: "\f1c7"
}

.fa-file-movie-o:before,
.fa-file-video-o:before {
    content: "\f1c8"
}

.fa-file-code-o:before {
    content: "\f1c9"
}

.fa-vine:before {
    content: "\f1ca"
}

.fa-codepen:before {
    content: "\f1cb"
}

.fa-jsfiddle:before {
    content: "\f1cc"
}

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
    content: "\f1cd"
}

.fa-circle-o-notch:before {
    content: "\f1ce"
}

.fa-ra:before,
.fa-rebel:before {
    content: "\f1d0"
}

.fa-ge:before,
.fa-empire:before {
    content: "\f1d1"
}

.fa-git-square:before {
    content: "\f1d2"
}

.fa-git:before {
    content: "\f1d3"
}

.fa-hacker-news:before {
    content: "\f1d4"
}

.fa-tencent-weibo:before {
    content: "\f1d5"
}

.fa-qq:before {
    content: "\f1d6"
}

.fa-wechat:before,
.fa-weixin:before {
    content: "\f1d7"
}

.fa-send:before,
.fa-paper-plane:before {
    content: "\f1d8"
}

.fa-send-o:before,
.fa-paper-plane-o:before {
    content: "\f1d9"
}

.fa-history:before {
    content: "\f1da"
}

.fa-genderless:before,
.fa-circle-thin:before {
    content: "\f1db"
}

.fa-header:before {
    content: "\f1dc"
}

.fa-paragraph:before {
    content: "\f1dd"
}

.fa-sliders:before {
    content: "\f1de"
}

.fa-share-alt:before {
    content: "\f1e0"
}

.fa-share-alt-square:before {
    content: "\f1e1"
}

.fa-bomb:before {
    content: "\f1e2"
}

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
    content: "\f1e3"
}

.fa-tty:before {
    content: "\f1e4"
}

.fa-binoculars:before {
    content: "\f1e5"
}

.fa-plug:before {
    content: "\f1e6"
}

.fa-slideshare:before {
    content: "\f1e7"
}

.fa-twitch:before {
    content: "\f1e8"
}

.fa-yelp:before {
    content: "\f1e9"
}

.fa-newspaper-o:before {
    content: "\f1ea"
}

.fa-wifi:before {
    content: "\f1eb"
}

.fa-calculator:before {
    content: "\f1ec"
}

.fa-paypal:before {
    content: "\f1ed"
}

.fa-google-wallet:before {
    content: "\f1ee"
}

.fa-cc-visa:before {
    content: "\f1f0"
}

.fa-cc-mastercard:before {
    content: "\f1f1"
}

.fa-cc-discover:before {
    content: "\f1f2"
}

.fa-cc-amex:before {
    content: "\f1f3"
}

.fa-cc-paypal:before {
    content: "\f1f4"
}

.fa-cc-stripe:before {
    content: "\f1f5"
}

.fa-bell-slash:before {
    content: "\f1f6"
}

.fa-bell-slash-o:before {
    content: "\f1f7"
}

.fa-trash:before {
    content: "\f1f8"
}

.fa-copyright:before {
    content: "\f1f9"
}

.fa-at:before {
    content: "\f1fa"
}

.fa-eyedropper:before {
    content: "\f1fb"
}

.fa-paint-brush:before {
    content: "\f1fc"
}

.fa-birthday-cake:before {
    content: "\f1fd"
}

.fa-area-chart:before {
    content: "\f1fe"
}

.fa-pie-chart:before {
    content: "\f200"
}

.fa-line-chart:before {
    content: "\f201"
}

.fa-lastfm:before {
    content: "\f202"
}

.fa-lastfm-square:before {
    content: "\f203"
}

.fa-toggle-off:before {
    content: "\f204"
}

.fa-toggle-on:before {
    content: "\f205"
}

.fa-bicycle:before {
    content: "\f206"
}

.fa-bus:before {
    content: "\f207"
}

.fa-ioxhost:before {
    content: "\f208"
}

.fa-angellist:before {
    content: "\f209"
}

.fa-cc:before {
    content: "\f20a"
}

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
    content: "\f20b"
}

.fa-meanpath:before {
    content: "\f20c"
}

.fa-buysellads:before {
    content: "\f20d"
}

.fa-connectdevelop:before {
    content: "\f20e"
}

.fa-dashcube:before {
    content: "\f210"
}

.fa-forumbee:before {
    content: "\f211"
}

.fa-leanpub:before {
    content: "\f212"
}

.fa-sellsy:before {
    content: "\f213"
}

.fa-shirtsinbulk:before {
    content: "\f214"
}

.fa-simplybuilt:before {
    content: "\f215"
}

.fa-skyatlas:before {
    content: "\f216"
}

.fa-cart-plus:before {
    content: "\f217"
}

.fa-cart-arrow-down:before {
    content: "\f218"
}

.fa-diamond:before {
    content: "\f219"
}

.fa-ship:before {
    content: "\f21a"
}

.fa-user-secret:before {
    content: "\f21b"
}

.fa-motorcycle:before {
    content: "\f21c"
}

.fa-street-view:before {
    content: "\f21d"
}

.fa-heartbeat:before {
    content: "\f21e"
}

.fa-venus:before {
    content: "\f221"
}

.fa-mars:before {
    content: "\f222"
}

.fa-mercury:before {
    content: "\f223"
}

.fa-transgender:before {
    content: "\f224"
}

.fa-transgender-alt:before {
    content: "\f225"
}

.fa-venus-double:before {
    content: "\f226"
}

.fa-mars-double:before {
    content: "\f227"
}

.fa-venus-mars:before {
    content: "\f228"
}

.fa-mars-stroke:before {
    content: "\f229"
}

.fa-mars-stroke-v:before {
    content: "\f22a"
}

.fa-mars-stroke-h:before {
    content: "\f22b"
}

.fa-neuter:before {
    content: "\f22c"
}

.fa-facebook-official:before {
    content: "\f230"
}

.fa-pinterest-p:before {
    content: "\f231"
}

.fa-whatsapp:before {
    content: "\f232"
}

.fa-server:before {
    content: "\f233"
}

.fa-user-plus:before {
    content: "\f234"
}

.fa-user-times:before {
    content: "\f235"
}

.fa-hotel:before,
.fa-bed:before {
    content: "\f236"
}

.fa-viacoin:before {
    content: "\f237"
}

.fa-train:before {
    content: "\f238"
}

.fa-subway:before {
    content: "\f239"
}

.fa-medium:before {
    content: "\f23a"
}

/*!
 *  Weather Icons 1.2
 *  Weather themed icons for Bootstrap
 *  ------------------------------------------------------------------------------
* Maintained at http://erikflowers.github.io/weather-icons
 *  http://twitter.com/Erik_UX
 *
 *  License
 *  ------------------------------------------------------------------------------
 *  - Fpmt licensed under SIL OFL 1.1 -
 *    http://scripts.sil.org/OFL
 *  - CSS and LESS are licensed under MIT License -
 *    http://opensource.org/licenses/mit-license.html
 *  - Documentation licensed under CC BY 3.0 -
 *    http://creativecommons.org/licenses/by/3.0/
 *  - Inspired by and works great as a companion with Font Awesome
 *    "Font Awesome by Dave Gandy - http://fontawesome.io"
 *
 *  Weather Icons Bootstrap Package Author - Erik Flowers - erik@helloerik.com
 *  ------------------------------------------------------------------------------
 *  Email: erik@helloerik.com
 *  Twitter: http://twitter.com/Erik_UX
 */

@font-face {
    font-family: weathericons;
    src: url(weathericons-regular-webfont.7c3687b0d9823074.eot);
    src: url(weathericons-regular-webfont.7c3687b0d9823074.eot?#iefix) format("embedded-opentype"), url(weathericons-regular-webfont.c411302c7527df94.woff) format("woff"), url(weathericons-regular-webfont.986ed9789e899730.ttf) format("truetype"), url(weathericons-regular-webfont.17088300b9023335.svg#weathericons-regular-webfontRg) format("svg");
    font-weight: 400;
    font-style: normal
}

.wi {
    display: inline-block;
    font-family: weathericons;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.wi-day-cloudy-gusts:before {
    content: "\f000"
}

.wi-day-cloudy-windy:before {
    content: "\f001"
}

.wi-day-cloudy:before {
    content: "\f002"
}

.wi-day-fog:before {
    content: "\f003"
}

.wi-day-hail:before {
    content: "\f004"
}

.wi-day-lightning:before {
    content: "\f005"
}

.wi-day-rain-mix:before {
    content: "\f006"
}

.wi-day-rain-wind:before {
    content: "\f007"
}

.wi-day-rain:before {
    content: "\f008"
}

.wi-day-showers:before {
    content: "\f009"
}

.wi-day-snow:before {
    content: "\f00a"
}

.wi-day-sprinkle:before {
    content: "\f00b"
}

.wi-day-sunny-overcast:before {
    content: "\f00c"
}

.wi-day-sunny:before {
    content: "\f00d"
}

.wi-day-storm-showers:before {
    content: "\f00e"
}

.wi-day-thunderstorm:before {
    content: "\f010"
}

.wi-cloudy-gusts:before {
    content: "\f011"
}

.wi-cloudy-windy:before {
    content: "\f012"
}

.wi-cloudy:before {
    content: "\f013"
}

.wi-fog:before {
    content: "\f014"
}

.wi-hail:before {
    content: "\f015"
}

.wi-rain-mix:before {
    content: "\f017"
}

.wi-rain-wind:before {
    content: "\f018"
}

.wi-rain:before {
    content: "\f019"
}

.wi-showers:before {
    content: "\f01a"
}

.wi-snow:before {
    content: "\f01b"
}

.wi-sprinkle:before {
    content: "\f01c"
}

.wi-storm-showers:before {
    content: "\f01d"
}

.wi-thunderstorm:before {
    content: "\f01e"
}

.wi-windy:before {
    content: "\f021"
}

.wi-night-alt-cloudy-gusts:before {
    content: "\f022"
}

.wi-night-alt-cloudy-windy:before {
    content: "\f023"
}

.wi-night-alt-hail:before {
    content: "\f024"
}

.wi-night-alt-lightning:before {
    content: "\f025"
}

.wi-night-alt-rain-mix:before {
    content: "\f026"
}

.wi-night-alt-rain-wind:before {
    content: "\f027"
}

.wi-night-alt-rain:before {
    content: "\f028"
}

.wi-night-alt-showers:before {
    content: "\f029"
}

.wi-night-alt-snow:before {
    content: "\f02a"
}

.wi-night-alt-sprinkle:before {
    content: "\f02b"
}

.wi-night-alt-storm-showers:before {
    content: "\f02c"
}

.wi-night-alt-thunderstorm:before {
    content: "\f02d"
}

.wi-night-clear:before {
    content: "\f02e"
}

.wi-night-cloudy-gusts:before {
    content: "\f02f"
}

.wi-night-cloudy-windy:before {
    content: "\f030"
}

.wi-night-cloudy:before {
    content: "\f031"
}

.wi-night-hail:before {
    content: "\f032"
}

.wi-night-lightning:before {
    content: "\f033"
}

.wi-night-rain-mix:before {
    content: "\f034"
}

.wi-night-rain-wind:before {
    content: "\f035"
}

.wi-night-rain:before {
    content: "\f036"
}

.wi-night-showers:before {
    content: "\f037"
}

.wi-night-snow:before {
    content: "\f038"
}

.wi-night-sprinkle:before {
    content: "\f039"
}

.wi-night-storm-showers:before {
    content: "\f03a"
}

.wi-night-thunderstorm:before {
    content: "\f03b"
}

.wi-celsius:before {
    content: "\f03c"
}

.wi-cloud-down:before {
    content: "\f03d"
}

.wi-cloud-refresh:before {
    content: "\f03e"
}

.wi-cloud-up:before {
    content: "\f040"
}

.wi-cloud:before {
    content: "\f041"
}

.wi-degrees:before {
    content: "\f042"
}

.wi-down-left:before {
    content: "\f043"
}

.wi-down:before {
    content: "\f044"
}

.wi-fahrenheit:before {
    content: "\f045"
}

.wi-horizon-alt:before {
    content: "\f046"
}

.wi-horizon:before {
    content: "\f047"
}

.wi-left:before {
    content: "\f048"
}

.wi-lightning:before {
    content: "\f016"
}

.wi-night-fog:before {
    content: "\f04a"
}

.wi-refresh-alt:before {
    content: "\f04b"
}

.wi-refresh:before {
    content: "\f04c"
}

.wi-right:before {
    content: "\f04d"
}

.wi-sprinkles:before {
    content: "\f04e"
}

.wi-strong-wind:before {
    content: "\f050"
}

.wi-sunrise:before {
    content: "\f051"
}

.wi-sunset:before {
    content: "\f052"
}

.wi-thermometer-exterior:before {
    content: "\f053"
}

.wi-thermometer-internal:before {
    content: "\f054"
}

.wi-thermometer:before {
    content: "\f055"
}

.wi-tornado:before {
    content: "\f056"
}

.wi-up-right:before {
    content: "\f057"
}

.wi-up:before {
    content: "\f058"
}

.wi-wind-west:before {
    content: "\f059"
}

.wi-wind-south-west:before {
    content: "\f05a"
}

.wi-wind-south-east:before {
    content: "\f05b"
}

.wi-wind-south:before {
    content: "\f05c"
}

.wi-wind-north-west:before {
    content: "\f05d"
}

.wi-wind-north-east:before {
    content: "\f05e"
}

.wi-wind-north:before {
    content: "\f060"
}

.wi-wind-east:before {
    content: "\f061"
}

.wi-smoke:before {
    content: "\f062"
}

.wi-dust:before {
    content: "\f063"
}

.wi-snow-wind:before {
    content: "\f064"
}

.wi-day-snow-wind:before {
    content: "\f065"
}

.wi-night-snow-wind:before {
    content: "\f066"
}

.wi-night-alt-snow-wind:before {
    content: "\f067"
}

.wi-day-sleet-storm:before {
    content: "\f068"
}

.wi-night-sleet-storm:before {
    content: "\f069"
}

.wi-night-alt-sleet-storm:before {
    content: "\f06a"
}

.wi-day-snow-thunderstorm:before {
    content: "\f06b"
}

.wi-night-snow-thunderstorm:before {
    content: "\f06c"
}

.wi-night-alt-snow-thunderstorm:before {
    content: "\f06d"
}

.wi-solar-eclipse:before {
    content: "\f06e"
}

.wi-lunar-eclipse:before {
    content: "\f070"
}

.wi-meteor:before {
    content: "\f071"
}

.wi-hot:before {
    content: "\f072"
}

.wi-hurricane:before {
    content: "\f073"
}

.wi-smog:before {
    content: "\f074"
}

.wi-alien:before {
    content: "\f075"
}

.wi-snowflake-cold:before {
    content: "\f076"
}

.wi-stars:before {
    content: "\f077"
}

.wi-moon-full:before {
    content: "\f078"
}

.wi-moon-waxing-gibbous:before {
    content: "\f079"
}

.wi-moon-waxing-quarter:before {
    content: "\f07a"
}

.wi-moon-waxing-crescent:before {
    content: "\f07b"
}

.wi-moon-young:before {
    content: "\f07c"
}

.wi-moon-new:before {
    content: "\f07d"
}

.wi-moon-old:before {
    content: "\f07e"
}

.wi-moon-waning-crescent:before {
    content: "\f080"
}

.wi-moon-waning-quarter:before {
    content: "\f081"
}

.wi-moon-waning-gibbous:before {
    content: "\f082"
}

.wi-night-partly-cloudy:before {
    content: "\f083"
}

@keyframes borderPulse {
    15% {
        opacity: 1
    }
    to {
        transform: scale(1.3);
        opacity: 0
    }
}

@keyframes pulse {
    0% {
        opacity: .5
    }
    50% {
        opacity: 1
    }
    to {
        opacity: .5
    }
}

@keyframes explode {
    to {
        opacity: 0;
        transform: scale(3) rotate(30deg) translateY(60px)
    }
}

@keyframes wave {
    5% {
        opacity: .6
    }
    27% {
        transform: scale(1.8);
        opacity: 0
    }
    to {
        opacity: 0
    }
}

@keyframes dropdownSlideInDown {
    0% {
        opacity: 0;
        transform: translateY(-20px)
    }
    to {
        transform: translateY(0)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

.themeprimary {
    color: #2dc3e8 !important
}

.themesecondary {
    color: #fb6e52 !important
}

.themethirdcolor {
    color: #ffce55 !important
}

.themefourthcolor {
    color: #a0d468 !important
}

.themefifthcolor {
    color: #e75b8d !important
}

.white {
    color: #fff !important
}

.snow {
    color: #fbfbfb !important
}

.whitesmoke {
    color: #ebebeb !important
}

.seashell {
    color: #f3f3f3 !important
}

.ivory {
    color: #eee !important
}

.platinum {
    color: #e5e5e5 !important
}

.lightgray {
    color: #d0d0d0 !important
}

.gray {
    color: #000 !important;
    font-family: "Font Awesome 6 Free"
}

.darkgray {
    color: #999 !important
}

.silver {
    color: #000 !important
}

.sonic-silver {
    color: #737373 !important
}

.storm-cloud {
    color: #666 !important
}

.lightcarbon {
    color: #555 !important
}

.carbon {
    color: #444 !important
}

.slate-gray {
    color: #333 !important
}

.darkcarbon {
    color: #262626 !important
}

.blue {
    color: #5db2ff !important
}

.info {
    color: #57b5e3 !important
}

.sky {
    color: #11a9cc !important
}

.primary {
    color: #4374e0 !important
}

.azure {
    color: #2dc3e8 !important
}

.blueberry {
    color: #6f85bf !important
}

.palegreen {
    color: #a0d468 !important
}

.success,
.green {
    color: #8cc34b !important
}

.lightyellow {
    color: #f6d52e !important
}

.yellow {
    color: #ffce55 !important
}

.warning {
    color: #f4b400 !important
}

.gold {
    color: #f9b256 !important
}

.orange {
    color: #fb6e52 !important
}

.lightred {
    color: #e46f61 !important
}

.darkorange {
    color: #ed4e2a !important
}

.red {
    color: #df5138 !important
}

.pink {
    color: #e75b8d !important
}

.darkpink {
    color: #cc324b !important
}

.danger {
    color: #d73d32 !important
}

.magenta {
    color: #bc5679 !important
}

.purple {
    color: #7e3794 !important
}

.maroon {
    color: #981b48 !important
}

.bg-themeprimary {
    background-color: #2dc3e8 !important
}

.bg-themesecondary {
    background-color: #fb6e52 !important
}

.bg-themethirdcolor {
    background-color: #ffce55 !important
}

.bg-themefourthcolor {
    background-color: #a0d468 !important
}

.bg-themefifthcolor {
    background-color: #e75b8d !important
}

.bg-white {
    background-color: #fff !important
}

.bg-snow {
    background-color: #fbfbfb !important
}

.bg-whitesmoke {
    background-color: #ebebeb !important
}

.bg-seashell {
    background-color: #f3f3f3 !important
}

.bg-ivory {
    background-color: #eee !important
}

.bg-platinum {
    background-color: #e5e5e5 !important
}

.bg-lightgray {
    background-color: #d0d0d0 !important
}

.bg-gray {
    background-color: #ccc !important
}

.bg-darkgray {
    background-color: #999 !important
}

.bg-silver {
    background-color: #000 !important
}

.bg-sonic-silver {
    background-color: #737373 !important
}

.bg-storm-cloud {
    background-color: #666 !important
}

.bg-lightcarbon {
    background-color: #555 !important
}

.bg-carbon {
    background-color: #444 !important
}

.bg-slate-gray {
    background-color: #333 !important
}

.bg-darkcarbon {
    background-color: #262626 !important
}

.bg-blue {
    background-color: #5db2ff !important
}

.bg-info {
    background-color: #57b5e3 !important
}

.bg-sky {
    background-color: #11a9cc !important
}

.bg-primary {
    background-color: #4374e0 !important
}

.bg-azure {
    background-color: #2dc3e8 !important
}

.bg-blueberry {
    background-color: #6f85bf !important
}

.bg-palegreen {
    background-color: #a0d468 !important
}

.bg-success,
.bg-green {
    background-color: #8cc34b !important
}

.bg-lightyellow {
    background-color: #f6d52e !important
}

.bg-yellow {
    background-color: #ffce55 !important
}

.bg-warning {
    background-color: #f4b400 !important
}

.bg-gold {
    background-color: #f9b256 !important
}

.bg-orange {
    background-color: #fb6e52 !important
}

.bg-lightred {
    background-color: #e46f61 !important
}

.bg-darkorange {
    background-color: #ed4e2a !important
}

.bg-red {
    background-color: #df5138 !important
}

.bg-danger {
    background-color: #d73d32 !important
}

.bg-pink {
    background-color: #e75b8d !important
}

.bg-darkpink {
    background-color: #cc324b !important
}

.bg-magenta {
    background-color: #bc5679 !important
}

.bg-purple {
    background-color: #7e3794 !important
}

.bg-maroon {
    background-color: #981b48 !important
}

.before-themeprimary:before {
    background-color: #2dc3e8 !important
}

.before-themesecondary:before {
    background-color: #fb6e52 !important
}

.before-themethirdcolor:before {
    background-color: #ffce55 !important
}

.before-themefourthcolor:before {
    background-color: #a0d468 !important
}

.before-themefifthcolor:before {
    background-color: #e75b8d !important
}

.before-white:before {
    background-color: #fff !important
}

.before-snow:before {
    background-color: #fbfbfb !important
}

.before-whitesmoke:before {
    background-color: #ebebeb !important
}

.before-seashell:before {
    background-color: #f3f3f3 !important
}

.before-ivory:before {
    background-color: #eee !important
}

.before-platinum:before {
    background-color: #e5e5e5 !important
}

.before-lightgray:before {
    background-color: #d0d0d0 !important
}

.before-gray:before {
    background-color: #ccc !important
}

.before-darkgray:before {
    background-color: #999 !important
}

.before-silver:before {
    background-color: #000 !important
}

.before-sonic-silver:before {
    background-color: #737373 !important
}

.before-storm-cloud:before {
    background-color: #666 !important
}

.before-lightcarbon:before {
    background-color: #555 !important
}

.before-carbon:before {
    background-color: #444 !important
}

.before-slate-gray:before {
    background-color: #333 !important
}

.before-darkcarbon:before {
    background-color: #262626 !important
}

.before-blue:before {
    background-color: #5db2ff !important
}

.before-info:before {
    background-color: #57b5e3 !important
}

.before-sky:before {
    background-color: #11a9cc !important
}

.before-primary:before {
    background-color: #4374e0 !important
}

.before-azure:before {
    background-color: #2dc3e8 !important
}

.before-blueberry:before {
    background-color: #6f85bf !important
}

.before-palegreen:before {
    background-color: #a0d468 !important
}

.before-success:before {
    background-color: #8cc34b !important
}

.before-green:before {
    background-color: #8cc34b !important
}

.before-lightyellow:before {
    background-color: #f6d52e !important
}

.before-yellow:before {
    background-color: #ffce55 !important
}

.before-warning:before {
    background-color: #f4b400 !important
}

.before-gold:before {
    background-color: #f9b256 !important
}

.before-orange:before {
    background-color: #fb6e52 !important
}

.before-lightred:before {
    background-color: #e46f61 !important
}

.before-darkorange:before {
    background-color: #ed4e2a !important
}

.before-red:before {
    background-color: #df5138 !important
}

.before-danger:before {
    background-color: #d73d32 !important
}

.before-pink:before {
    background-color: #e75b8d !important
}

.before-darkpink:before {
    background-color: #cc324b !important
}

.before-magenta:before {
    background-color: #bc5679 !important
}

.before-purple:before {
    background-color: #7e3794 !important
}

.before-maroon:before {
    background-color: #981b48 !important
}

.bordered-solid {
    border-style: solid !important
}

.bordered-dashed {
    border-style: dashed !important
}

.bordered-dotted {
    border-style: dotted !important
}

.bordered-double {
    border-style: double !important
}

.bordered-1 {
    border: 1px solid rgb(255, 255, 255)
}

.bordered-2 {
    border: 2px solid rgb(255, 255, 255)
}

.bordered-3 {
    border: 3px solid rgb(255, 255, 255)
}

.bordered-4 {
    border: 4px solid rgb(255, 255, 255)
}

.bordered-5 {
    border: 5px solid rgb(255, 255, 255)
}

.bordered-bottom-1 {
    border-bottom: 1px solid rgb(255, 255, 255)
}

.bordered-bottom-2 {
    border-bottom: 2px solid rgb(255, 255, 255)
}

.bordered-bottom-3 {
    border-bottom: 3px solid rgb(255, 255, 255)
}

.bordered-bottom-4 {
    border-bottom: 4px solid rgb(255, 255, 255)
}

.bordered-bottom-5 {
    border-bottom: 5px solid rgb(255, 255, 255)
}

.bordered-top-1 {
    border-top: 1px solid rgb(255, 255, 255)
}

.bordered-top-2 {
    border-top: 2px solid rgb(255, 255, 255)
}

.bordered-top-3 {
    border-top: 3px solid rgb(255, 255, 255)
}

.bordered-top-4 {
    border-top: 4px solid rgb(255, 255, 255)
}

.bordered-top-5 {
    border-top: 5px solid rgb(255, 255, 255)
}

.bordered-left-1 {
    border-left: 1px solid rgb(255, 255, 255)
}

.bordered-left-2 {
    border-left: 2px solid rgb(255, 255, 255)
}

.bordered-left-3 {
    border-left: 3px solid rgb(255, 255, 255)
}

.bordered-left-4 {
    border-left: 4px solid rgb(255, 255, 255)
}

.bordered-left-5 {
    border-left: 5px solid rgb(255, 255, 255)
}

.bordered-right-1 {
    border-right: 1px solid rgb(255, 255, 255)
}

.bordered-right-2 {
    border-right: 2px solid rgb(255, 255, 255)
}

.bordered-right-3 {
    border-right: 3px solid rgb(255, 255, 255)
}

.bordered-right-4 {
    border-right: 4px solid rgb(255, 255, 255)
}

.bordered-right-5 {
    border-right: 5px solid rgb(255, 255, 255)
}

.bordered-themeprimary {
    border-color: #2dc3e8 !important
}

.bordered-themesecondary {
    border-color: #fb6e52 !important
}

.bordered-themethirdcolor {
    border-color: #ffce55 !important
}

.bordered-themefourthcolor {
    border-color: #a0d468 !important
}

.bordered-themefifthcolor {
    border-color: #e75b8d !important
}

.bordered-white {
    border-color: #fff !important
}

.bordered-snow {
    border-color: #fbfbfb !important
}

.bordered-whitesmoke {
    border-color: #ebebeb !important
}

.bordered-seashell {
    border-color: #f3f3f3 !important
}

.bordered-ivory {
    border-color: #eee !important
}

.bordered-platinum {
    border-color: #e5e5e5 !important
}

.bordered-lightgray {
    border-color: #d0d0d0 !important
}

.bordered-gray {
    border-color: #ccc !important
}

.bordered-darkgray {
    border-color: #999 !important
}

.bordered-silver {
    border-color: #000 !important
}

.bordered-sonic-silver {
    border-color: #737373 !important
}

.bordered-storm-cloud {
    border-color: #666 !important
}

.bordered-lightcarbon {
    border-color: #555 !important
}

.bordered-carbon {
    border-color: #444 !important
}

.bordered-slate-gray {
    border-color: #333 !important
}

.bordered-darkcarbon {
    border-color: #262626 !important
}

.bordered-blue {
    border-color: #5db2ff !important
}

.bordered-info {
    border-color: #57b5e3 !important
}

.bordered-sky {
    border-color: #11a9cc !important
}

.bordered-primary {
    border-color: #4374e0 !important
}

.bordered-azure {
    border-color: #2dc3e8 !important
}

.bordered-blueberry {
    border-color: #6f85bf !important
}

.bordered-palegreen {
    border-color: #a0d468 !important
}

.bordered-success,
.bordered-green {
    border-color: #8cc34b !important
}

.bordered-lightyellow {
    border-color: #f6d52e !important
}

.bordered-yellow {
    border-color: #ffce55 !important
}

.bordered-warning {
    border-color: #f4b400 !important
}

.bordered-gold {
    border-color: #f9b256 !important
}

.bordered-orange {
    border-color: #fb6e52 !important
}

.bordered-lightred {
    border-color: #e46f61 !important
}

.bordered-darkorange {
    border-color: #ed4e2a !important
}

.bordered-red {
    border-color: #df5138 !important
}

.bordered-danger {
    border-color: #d73d32 !important
}

.bordered-pink {
    border-color: #e75b8d !important
}

.bordered-darkpink {
    border-color: #cc324b !important
}

.bordered-magenta {
    border-color: #bc5679 !important
}

.bordered-purple {
    border-color: #7e3794 !important
}

.bordered-maroon {
    border-color: #981b48 !important
}

.no-padding {
    padding: 0 !important
}

.no-padding-bottom {
    padding-bottom: 0 !important
}

.no-padding-top {
    padding-top: 0 !important
}

.no-padding-left {
    padding-left: 0 !important
}

.no-padding-right {
    padding-right: 0 !important
}

.padding-5 {
    padding: 5px !important
}

.padding-10 {
    padding: 10px !important
}

.padding-20 {
    padding: 20px !important
}

.padding-30 {
    padding: 30px !important
}

.padding-40 {
    padding: 40px !important
}

.padding-50 {
    padding: 50px !important
}

.padding-left-5 {
    padding-left: 5px !important
}

.padding-left-10 {
    padding-left: 10px !important
}

.padding-left-20 {
    padding-left: 20px !important
}

.padding-left-30 {
    padding-left: 30px !important
}

.padding-left-40 {
    padding-left: 40px !important
}

.padding-left-50 {
    padding-left: 50px !important
}

.padding-top-5 {
    padding-top: 5px !important
}

.padding-top-10 {
    padding-top: 10px !important
}

.padding-top-20 {
    padding-top: 20px !important
}

.padding-top-30 {
    padding-top: 30px !important
}

.padding-top-40 {
    padding-top: 40px !important
}

.padding-top-50 {
    padding-top: 50px !important
}

.padding-right-5 {
    padding-right: 5px !important
}

.padding-right-10 {
    padding-right: 10px !important
}

.padding-right-20 {
    padding-right: 20px !important
}

.padding-right-30 {
    padding-right: 30px !important
}

.padding-right-40 {
    padding-right: 40px !important
}

.padding-right-50 {
    padding-right: 50px !important
}

.padding-bottom-5 {
    padding-bottom: 5px !important
}

.padding-bottom-10 {
    padding-bottom: 10px !important
}

.padding-bottom-20 {
    padding-bottom: 20px !important
}

.padding-bottom-30 {
    padding-bottom: 30px !important
}

.padding-bottom-40 {
    padding-bottom: 40px !important
}

.padding-bottom-50 {
    padding-bottom: 50px !important
}

.no-margin {
    margin: 0 !important
}

.no-margin-bottom {
    margin-bottom: 0 !important
}

.no-margin-top {
    margin-top: 0 !important
}

.no-margin-left {
    margin-left: 0 !important
}

.no-margin-right {
    margin-right: 0 !important
}

.margin-5 {
    margin: 5px !important
}

.margin-10 {
    margin: 10px !important
}

.margin-20 {
    margin: 20px !important
}

.margin-30 {
    margin: 30px !important
}

.margin-40 {
    margin: 40px !important
}

.margin-50 {
    margin: 50px !important
}

.margin-left-5 {
    margin-left: 5px !important
}

.margin-left-10 {
    margin-left: 10px !important
}

.margin-left-20 {
    margin-left: 20px !important
}

.margin-left-30 {
    margin-left: 30px !important
}

.margin-left-40 {
    margin-left: 40px !important
}

.margin-left-50 {
    margin-left: 50px !important
}

.margin-top-5 {
    margin-top: 5px !important
}

.margin-top-10 {
    margin-top: 10px !important
}

.margin-top-20 {
    margin-top: 20px !important
}

.margin-top-30 {
    margin-top: 30px !important
}

.margin-top-40 {
    margin-top: 40px !important
}

.margin-top-50 {
    margin-top: 50px !important
}

.margin-right-5 {
    margin-right: 5px !important
}

.margin-right-10 {
    margin-right: 10px !important
}

.margin-right-20 {
    margin-right: 20px !important
}

.margin-right-30 {
    margin-right: 30px !important
}

.margin-right-40 {
    margin-right: 40px !important
}

.margin-right-50 {
    margin-right: 50px !important
}

.margin-bottom-5 {
    margin-bottom: 5px !important
}

.margin-bottom-10 {
    margin-bottom: 10px !important
}

.margin-bottom-15 {
    margin-bottom: 15px !important
}

.margin-bottom-20 {
    margin-bottom: 20px !important
}

.margin-bottom-30 {
    margin-bottom: 30px !important
}

.margin-bottom-40 {
    margin-bottom: 40px !important
}

.margin-bottom-50 {
    margin-bottom: 50px !important
}

.font-10 {
    font-size: 10%
}

.font-20 {
    font-size: 20%
}

.font-30 {
    font-size: 30%
}

.font-40 {
    font-size: 40%
}

.font-50 {
    font-size: 50%
}

.font-60 {
    font-size: 60%
}

.font-70 {
    font-size: 70%
}

.font-80 {
    font-size: 80%
}

.font-90 {
    font-size: 90%
}

.font-110 {
    font-size: 110%
}

.font-120 {
    font-size: 120%
}

.font-130 {
    font-size: 130%
}

.font-140 {
    font-size: 140%
}

.font-150 {
    font-size: 150%
}

.font-160 {
    font-size: 160%
}

.font-170 {
    font-size: 170%
}

.font-180 {
    font-size: 180%
}

.font-190 {
    font-size: 190%
}

.font-200 {
    font-size: 200%
}

button:focus,
a:focus {
    outline: none
}

button::-moz-focus-inner,
a::-moz-focus-inner {
    border: 0
}

.image-circular {
    -webkit-border-radius: 50% !important;
    -webkit-background-clip: padding-box !important;
    -moz-border-radius: 50% !important;
    -moz-background-clip: padding !important;
    border-radius: 50% !important;
    background-clip: padding-box !important
}

hr {
    border-top: 1px solid #e5e5e5
}

hr.wide {
    margin-right: -15px;
    margin-left: -15px
}

.position-relative {
    position: relative
}

.horizontal-space {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 6px 0
}

.horizontal-space.space-xs {
    margin: 2px 0
}

.horizontal-space.space-sm {
    margin: 4px 0
}

.horizontal-space.space-lg {
    margin: 8px 0
}

.horizontal-space.space-xl {
    margin: 10px 0
}

.horizontal-space.space-xxl {
    margin: 12px 0
}

.vertical-space {
    max-width: 1px;
    min-width: 1px;
    overflow: hidden;
    margin: 0 12px
}

html {
    min-height: 100%;
    position: relative;
    overflow-x: hidden
}

body {
    padding-bottom: 0;
    min-height: 100%;
    font-size: 14px !important;
    color: #444;
    background-color: #fff !important;
    font-family: Solo Sans;
    padding: 0 !important
}

body:before {
    content: "";
    display: block;
    position: fixed;
    inset: 0;
    z-index: -1;
    background-color: #fff !important
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 300 !important
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
    color: #444
}

h1.block,
h2.block,
h3.block,
h4.block,
h5.block,
h6.block {
    padding-top: 10px;
    padding-bottom: 10px
}

h1 .label,
h2 .label,
h3 .label,
h4 .label,
h5 .label,
h6 .label {
    font-size: 75%
}

h1.row-title,
h2.row-title,
h3.row-title,
h4.row-title,
h5.row-title,
h6.row-title {
    line-height: 17px;
    margin: 10px 0;
    padding: 9px 10px 9px 8px;
    display: inline-block;
    color: #646464;
    font-weight: 400;
    background-color: #fff;
    position: relative;
    -webkit-border-radius: 0 2px 2px 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0 2px 2px 0;
    -moz-background-clip: padding;
    border-radius: 0 2px 2px 0;
    background-clip: padding-box;
    box-shadow: 0 0 3px #0000004d
}

h1.row-title:before,
h2.row-title:before,
h3.row-title:before,
h4.row-title:before,
h5.row-title:before,
h6.row-title:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -4px;
    width: 4px;
    max-width: 4px;
    overflow: hidden;
    background-color: #2dc3e8
}

h1.row-title .fa,
h2.row-title .fa,
h3.row-title .fa,
h4.row-title .fa,
h5.row-title .fa,
h6.row-title .fa,
h1.row-title .glyphicon,
h2.row-title .glyphicon,
h3.row-title .glyphicon,
h4.row-title .glyphicon,
h5.row-title .glyphicon,
h6.row-title .glyphicon,
h1.row-title .typcn,
h2.row-title .typcn,
h3.row-title .typcn,
h4.row-title .typcn,
h5.row-title .typcn,
h6.row-title .typcn,
h1.row-title [class*=wi-],
h2.row-title [class*=wi-],
h3.row-title [class*=wi-],
h4.row-title [class*=wi-],
h5.row-title [class*=wi-],
h6.row-title [class*=wi-] {
    margin-right: 5px;
    line-height: 17px;
    font-size: 17px
}

h1 {
    font-size: 32px
}

h1.smaller {
    font-size: 31px
}

h1.bigger {
    font-size: 33px
}

h1.block {
    margin-bottom: 16px
}

h2 {
    font-size: 26px
}

h2.smaller {
    font-size: 25px
}

h2.bigger {
    font-size: 27px
}

h2.block {
    margin-bottom: 16px
}

h3 {
    font-size: 22px
}

h3.smaller {
    font-size: 21px
}

h3.bigger {
    font-size: 23px
}

h3.block {
    margin-bottom: 16px
}

h4 {
    font-size: 18px
}

h4.smaller {
    font-size: 17px
}

h4.bigger {
    font-size: 19px
}

h4.block {
    margin-bottom: 16px
}

h5 {
    font-size: 15px
}

h5.smaller {
    font-size: 14px
}

h5.bigger {
    font-size: 16px
}

h5.block {
    margin-bottom: 16px
}

h6 {
    font-size: 13px
}

h6.smaller {
    font-size: 12px
}

h6.bigger {
    font-size: 14px
}

h6.block {
    margin-bottom: 16px
}

.text-align-center {
    text-align: center !important
}

.text-align-left {
    text-align: left !important
}

.text-align-right {
    text-align: right !important
}

.text-align-justify {
    text-align: justify !important
}

.block-center {
    margin: 0 auto
}

.uppercase {
    text-transform: uppercase
}

p {
    line-height: 22px;
    font-family: Solo Sans
}

a:focus,
a:active {
    text-decoration: none
}

.navbar {
    padding: 0;
    margin: 0;
    border: none;
    height: 45px;
    min-height: 45px;
    z-index: 200
}

.three_pl .navbar {
    min-height: 80px;
    border: 1px #f8f8f8 solid
}

.three_pl .display_inline_ul {
    display: flex;
    justify-content: right
}

.navbar .navbar-inner {
    border: 0;
    border-radius: 0;
    margin: 0;
    padding-left: 0;
    padding-right: 0;
    min-height: 54px;
    height: 54px;
    position: fixed !important;
    width: 100%;
    background: rgb(0, 25, 150);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box
}

.navbar .navbar-inner .navbar-container {
    padding-left: 10px
}

.navbar .navbar-inner .navbar-header .navbar-account {
    height: 54px
}

.navbar .navbar-inner .navbar-header .navbar-account>div {
    display: inline-block;
    width: auto;
    vertical-align: top
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area {
    position: absolute;
    top: 0;
    right: 0;
    zoom: 1;
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    list-style: none;
    margin-bottom: 0;
    display: inline-block
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area>li {
    float: left;
    position: relative;
    height: 54px
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area>li>a {
    position: relative;
    min-width: 50px;
    height: 54px;
    display: inline-block
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area>li>a:hover {
    text-decoration: none
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area>li>a .icon {
    display: block;
    color: #fff;
    font-size: 16px;
    line-height: 48px;
    text-align: center;
    transition: line-height .3s ease
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area>li>a .badge {
    position: absolute;
    top: 6px;
    left: 4px;
    padding: 2px;
    cursor: pointer;
    background-color: transparent !important;
    border: 1px solid rgb(255, 255, 255);
    width: 18px;
    height: 18px;
    box-shadow: 1px 1px #2dc3e8;
    transition: top .3s ease
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area>li>a.wave {
    overflow: visible;
    cursor: pointer;
    z-index: 10;
    box-sizing: border-box;
    transform: scale(0);
    transition: transform .3s cubic-bezier(.68, -.55, .265, 1.55)
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area>li>a.wave.in {
    transform: scale(1)
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area>li>a.wave.in:after {
    content: "";
    top: 3px;
    left: 5px;
    position: absolute;
    width: 40px;
    height: 40px;
    background-image: 8121991;
    background-image: radial-gradient(center center, farthest-side circle, rgba(26, 175, 93, 0) 70%, rgb(235, 235, 235) 100%);
    border: 1px solid rgb(255, 255, 255);
    animation: wave 5s 3s infinite linear;
    zoom: 1;
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -webkit-border-radius: 50%;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 50%;
    -moz-background-clip: padding;
    border-radius: 50%;
    background-clip: padding-box;
    box-sizing: border-box
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area>li>a.borderpulse {
    width: 45px;
    height: 45px
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area>li>a.borderpulse:after,
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li>a.borderpulse:before {
    content: "";
    position: absolute;
    top: 1px;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 50%;
    -moz-background-clip: padding;
    border-radius: 50%;
    background-clip: padding-box;
    border: 1px solid rgb(255, 255, 255);
    box-sizing: border-box;
    transform: scale(.91);
    animation: borderPulse 3.5s infinite ease
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area>li>a.borderpulse .badge {
    border: 0;
    box-shadow: none
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area>li>a.borderpulse:before {
    animation-delay: .6s
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area>li>a.borderpulse i,
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li>a.borderpulse .badge {
    animation-delay: .3s
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area>li>a.blink i,
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li>a.blink .badge {
    transform: scale(.91);
    animation: borderPulse 3.5s infinite ease
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area>li>a.blink i {
    animation-delay: .05s
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu {
    padding: 0;
    min-width: 240px;
    animation-name: dropdownSlideInDown;
    animation-duration: .3s;
    -webkit-border-radius: 0 !important;
    -webkit-background-clip: padding-box !important;
    -moz-border-radius: 0 !important;
    -moz-background-clip: padding !important;
    border-radius: 0 !important;
    background-clip: padding-box !important
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu li {
    background-color: #fff;
    border: 0;
    padding: 0 8px
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu li:hover {
    background-color: #ebebeb
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu li a {
    margin: 0;
    font-size: 14px;
    line-height: 16px;
    padding: 10px 2px;
    font-weight: 700;
    color: #757272 !important
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu li a .progress {
    margin-bottom: 0;
    margin-top: 4px
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu li a:hover {
    background-color: #ebebeb
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu li.dropdown-header,
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu li.dropdown-footer {
    -webkit-text-shadow: none;
    text-shadow: none;
    font-size: 13px;
    font-weight: 400;
    text-transform: none;
    color: #262626
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu li.dropdown-header {
    padding: 0 10px;
    line-height: 34px;
    margin-bottom: 10px;
    border-bottom: 1px solid #cecece
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu li.dropdown-header a {
    line-height: 34px
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu li.dropdown-header[class*=bordered-] {
    border-bottom-width: 3px;
    border-style: solid
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu li.dropdown-header i {
    margin-right: 5px
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu li.dropdown-footer {
    padding: 8px 5px 8px 10px
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu li.dropdown-footer[class*=bordered-] {
    border-top-width: 3px;
    border-style: solid
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu li.dropdown-footer a {
    display: inline-block;
    color: #999;
    padding: 0
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu li.dropdown-footer .btn {
    margin-top: -3px
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-notifications {
    min-width: 300px;
    padding-top: 10px
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-notifications li {
    border-bottom: 1px solid #f3f3f3
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-notifications li .notification-icon {
    float: left
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-notifications li .notification-icon i {
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    margin-right: 10px;
    font-size: 15px;
    border-radius: 50%
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-notifications li .notification-body {
    float: left
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-notifications li .notification-body .title {
    display: block;
    font-size: 13px
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-notifications li .notification-body .description {
    display: block;
    font-size: 10px;
    color: #999
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-notifications li .notification-extra {
    float: right;
    text-align: right
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-notifications li .notification-extra i {
    font-size: 14px
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-notifications li .notification-extra .description {
    display: block;
    font-size: 10px;
    color: #999
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-notifications li.dropdown-footer {
    background-color: #11a9cc;
    border-bottom: 0;
    color: #fff
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-notifications li.dropdown-footer a {
    color: #fff
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-notifications li.dropdown-footer .weather-icon {
    margin-top: -7px;
    margin-left: 5px
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-messages {
    width: 300px;
    padding-top: 10px
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-messages li {
    border-bottom: 1px solid #f3f3f3
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-messages li .message-avatar {
    max-width: 42px;
    margin-right: 6px;
    margin-top: 5px;
    vertical-align: top
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-messages li .message {
    display: inline-block;
    position: relative;
    width: 225px
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-messages li .message span {
    display: block
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-messages li .message-sender {
    font-size: 13px
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-messages li .message-time {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 11px;
    font-weight: 400;
    color: #2dc3e8
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-messages li .message-subject {
    margin-top: 5px
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-messages li .message-body {
    color: #999;
    max-height: 35px;
    width: 100%;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-login-area>li {
    border-bottom: 1px solid rgb(235, 235, 235)
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-login-area>li:hover,
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-login-area>li a:hover {
    background-color: #fff
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-login-area>li.username {
    display: none;
    text-align: center
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-login-area>li.username,
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-login-area>li.username a {
    color: #d0d0d0;
    font-size: 14px;
    font-weight: 300
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-login-area>li.email {
    text-align: center;
    font-size: 12px
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-login-area>li.email,
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-login-area>li.email a {
    color: #d0d0d0
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-login-area>li .avatar-area {
    position: relative;
    text-align: center;
    margin: 10px auto;
    width: 128px
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-login-area>li .avatar-area .avatar {
    width: 100%;
    object-fit: contain !important
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-login-area>li .avatar-area .caption {
    background-color: #2dc3e8;
    zoom: 1;
    filter: alpha(opacity=70);
    -webkit-opacity: .7;
    -moz-opacity: .7;
    opacity: .7;
    bottom: 0;
    left: 0;
    color: #fff;
    font-size: 10px;
    line-height: 9px;
    position: absolute;
    padding: 7px 0;
    text-align: center;
    width: 128px;
    cursor: pointer
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-login-area>li.edit {
    min-height: 35px
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-login-area>li.edit a {
    color: #999;
    display: inline-block;
    clear: none;
    font-size: 13px
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-login-area>li.edit a:hover {
    color: #11a9cc
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-login-area>li.theme-area {
    display: table;
    width: 100%;
    padding-bottom: 5px
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-login-area>li.theme-area .colorpicker {
    padding: 10px 4px;
    width: 100%
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-login-area>li.theme-area .colorpicker>li {
    display: block;
    float: left;
    width: 23px;
    height: 23px;
    margin: 2px;
    padding: 0
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-login-area>li.theme-area .colorpicker>li>.colorpick-btn {
    display: block;
    width: 23px;
    height: 23px;
    margin: 0;
    padding: 0;
    -webkit-border-radius: 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0;
    -moz-background-clip: padding;
    border-radius: 0;
    background-clip: padding-box;
    position: relative;
    transition: all ease .1s
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-login-area>li.theme-area .colorpicker>li>.colorpick-btn:hover {
    text-decoration: none;
    zoom: 1;
    filter: alpha(opacity=80);
    -webkit-opacity: .8;
    -moz-opacity: .8;
    opacity: .8;
    transform: scale(1.08)
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-login-area>li.theme-area .colorpicker>li>.colorpick-btn.selected:after {
    content: "\f00c";
    display: inline-block;
    font-family: FontAwesome;
    font-size: 11px;
    color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    line-height: 20px
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-login-area>li.theme-area .btn-colorpicker {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #bfbaba;
    vertical-align: middle;
    border-radius: 0
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-login-area>li.dropdown-footer {
    padding: 10px 8px 6px;
    border-top: 3px solid #2dc3e8;
    border-bottom: 0;
    text-align: right
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-login-area>li.dropdown-footer a {
    color: #717171;
    font-size: 13px;
    font-weight: 300
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area>li.open>a {
    background-color: #2dc3e8;
    box-shadow: 0 2px 40px #0006
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area>li.open .dropdown-menu {
    margin-top: 0;
    right: 0;
    border: 0 !important
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area .login-area {
    padding: 12px 20px 0;
    height: 54px;
    opacity: 1;
    position: relative;
    cursor: pointer;
    min-width: 221px
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area .login-area .avatar {
    margin-right: 25px;
    display: block;
    float: left;
    border-left: 0px solid #fb6e52;
    width: 29px;
    height: 29px
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area .login-area .avatar img {
    width: 41px;
    height: 28px;
    object-fit: contain !important;
    margin-top: 1px
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area .login-area section {
    width: auto;
    display: block;
    overflow: hidden;
    line-height: 25px;
    float: left
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area .login-area section h2 {
    font-size: 14px;
    font-weight: 400;
    white-space: nowrap;
    margin: 0
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area .login-area section h2 span {
    display: block;
    color: #fff;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    text-decoration: none;
    line-height: 25px
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area .login-area+.dropdown-menu {
    width: 100%;
    min-width: 100px
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area .login-area+.dropdown-arrow:before {
    width: 100%
}

.navbar .navbar-inner .navbar-header .navbar-account .setting {
    width: 50px;
    position: absolute;
    right: 8px;
    top: 0
}

.navbar .navbar-inner .navbar-header .navbar-account .setting a {
    position: relative;
    width: 30px;
    height: 54px;
    display: inline-block;
    transition: all .5s ease
}

.navbar .navbar-inner .navbar-header .navbar-account .setting a:hover {
    text-decoration: none
}

.navbar .navbar-inner .navbar-header .navbar-account .setting a .icon {
    display: block;
    color: #fff;
    font-size: 22px;
    line-height: 42px;
    text-align: center
}

.navbar .navbar-inner .navbar-header .navbar-account .setting-container {
    transform: rotateY(90deg);
    transform-origin: top left;
    display: inline-block;
    width: 505px;
    height: 45px;
    zoom: 1;
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    text-align: center;
    padding: 11px 0;
    position: absolute;
    top: 0;
    right: 0
}

.navbar .navbar-inner .navbar-header .navbar-account .setting-container input[type=checkbox] {
    display: inline-block
}

.navbar .navbar-inner .navbar-header .navbar-account .setting-container input[type=checkbox]+.text {
    color: #fff;
    margin-right: 8px;
    font-weight: 300
}

.navbar .navbar-inner .navbar-header .navbar-account .setting-container input[type=checkbox]+.text:before {
    border-color: #2dc3e8
}

.navbar .navbar-inner .navbar-header .navbar-account .setting-container input[type=checkbox]:checked+.text {
    color: #fff
}

.navbar .navbar-inner .navbar-header .navbar-account .setting-container input[type=checkbox]:checked+.text:before {
    border-color: #2dc3e8;
    color: #fb6e52
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area,
.navbar .navbar-inner .navbar-header .navbar-account .setting-container,
.navbar .navbar-inner .navbar-header .navbar-account .setting {
    transform-style: preserve-3d;
    backface-visibility: hidden;
    transition: .9s
}

.navbar .navbar-inner .navbar-header .navbar-account.setting-open .setting {
    right: 505px;
    background-color: #2dc3e8
}

.navbar .navbar-inner .navbar-header .navbar-account.setting-open .setting a {
    box-shadow: 0 -6px 40px #0006
}

.navbar .navbar-inner .navbar-header .navbar-account.setting-open .setting a:before {
    content: "";
    display: inline-block;
    right: 0;
    position: absolute;
    width: 50px;
    background-color: #fff;
    border: 0;
    top: 0;
    height: 3px
}

.navbar .navbar-inner .navbar-header .navbar-account.setting-open .account-area {
    transform: rotateY(-90deg);
    transform-origin: top right;
    zoom: 1;
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    right: 450px
}

.navbar .navbar-inner .navbar-header .navbar-account.setting-open .setting-container {
    transform: rotateY(0);
    zoom: 1;
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    padding: 11px
}

.navbar .navbar-brand {
    color: #fff;
    font-size: 24px;
    -webkit-text-shadow: none;
    text-shadow: none;
    padding: 2px 0;
    font-weight: 200;
    height: 45px
}

.navbar .navbar-brand small img {
    height: 40px;
    width: 177px
}

.navbar .sidebar-collapse {
    text-align: center;
    padding: 0;
    position: absolute;
    left: 189px;
    top: 0;
    z-index: 2;
    width: 35px;
    height: 45px
}

.navbar .sidebar-collapse:hover {
    box-shadow: 0 0 20px #0003
}

.navbar .sidebar-collapse .collapse-icon {
    display: inline-block;
    cursor: pointer;
    font-size: 18px;
    color: #fff;
    padding: 11px 5px;
    line-height: 22px;
    position: relative;
    transition: background-color .218s ease;
    transition: box-shadow .218s ease;
    transition: color .318s ease
}

.navbar .sidebar-collapse.active:hover {
    box-shadow: none
}

.navbar .sidebar-collapse.active .collapse-icon {
    font-size: 14px;
    box-shadow: 0 0 20px #0003;
    padding: 11px
}

.navbar.navbar-fixed-top {
    z-index: 1003
}

.navbar.navbar-fixed-top+.main-container {
    margin-top: 45px
}

@media only screen and (max-width: 767px) {
    .navbar-container {
        padding-left: 2px
    }
}

@media only screen and (max-width: 760px) {
    .navbar .navbar-inner .navbar-header .navbar-account.setting-open .setting,
    .navbar .navbar-inner .navbar-header .navbar-account.setting-open .setting-container {
        top: 45px
    }
    .navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-login-area>li.username {
        display: block
    }
    .navbar .navbar-inner .navbar-header .navbar-account .account-area .login-area {
        padding: 8px;
        min-width: 350px
    }
    .navbar .navbar-inner .navbar-header .navbar-account .account-area .login-area section {
        display: none
    }
    .navbar .navbar-inner .navbar-header .navbar-account .account-area .login-area .avatar {
        margin-right: 0;
        margin-left: 1px
    }
    .navbar .navbar-inner .navbar-header .navbar-account .account-area .login-area+.dropdown-menu {
        min-width: 200px
    }
    .navbar .navbar-inner .navbar-header .navbar-account .account-area .login-area+.dropdown-menu:before {
        width: 50px
    }
}

@media only screen and (max-width: 759px) {
    .navbar .navbar-inner .navbar-header .navbar-account.setting-open .setting-container {
        width: 270px;
        top: 0;
        padding: 0 5px;
        text-align: left
    }
    .navbar .navbar-inner .navbar-header .navbar-account.setting-open .setting-container label {
        margin-bottom: 0
    }
    .navbar .navbar-inner .navbar-header .navbar-account.setting-open .setting {
        right: 270px;
        top: 0
    }
}

@media only screen and (max-width: 530px) {
    .navbar .sidebar-collapse {
        left: auto;
        right: 0;
        width: 50px
    }
    .navbar .sidebar-collapse .collpse-icon {
        padding: 11px 15px
    }
    .navbar .navbar-brand {
        padding-left: 10px
    }
    .navbar .navbar-inner .navbar-header {
        float: none !important;
        display: block
    }
    .navbar .navbar-inner .navbar-header .navbar-account {
        float: right
    }
    .navbar .navbar-inner .navbar-header .navbar-account .account-area {
        padding-left: 0;
        top: 45px
    }
    .navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-notifications {
        left: -135px;
        right: auto
    }
    .navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-notifications.dropdown-arrow:before {
        left: 135px
    }
    .navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-messages {
        left: -135px;
        right: auto
    }
    .navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-messages.dropdown-arrow:before {
        left: 135px
    }
    .navbar .navbar-inner .navbar-header .navbar-account .setting {
        top: 0 !important
    }
    .navbar .navbar-inner .navbar-header .navbar-account .setting-container {
        top: 45px !important
    }
    .navbar .navbar-inner .navbar-header .navbar-account.setting-open .setting-container {
        left: 50px
    }
    .navbar .navbar-inner .navbar-header .navbar-account.setting-open .setting {
        left: 0
    }
    .navbar .navbar-inner .navbar-container {
        padding-left: 0
    }
    .navbar-fixed-top+.main-container {
        margin-top: 90px !important
    }
    .breadcrumbs-fixed {
        top: 90px !important
    }
    .breadcrumbs-fixed+.page-header {
        margin-top: 40px !important
    }
    .page-header-fixed {
        top: 130px !important
    }
    .page-header-fixed+.page-body {
        margin-top: 80px !important
    }
    .page-sidebar.sidebar-fixed {
        top: 90px !important
    }
}

@media only screen and (max-width: 450px) {
    .navbar .navbar-inner .navbar-header .navbar-account.setting-open .setting-container {
        width: 270px;
        padding: 0 5px;
        text-align: left;
        left: 50px
    }
    .navbar .navbar-inner .navbar-header .navbar-account.setting-open .setting-container label {
        margin-bottom: 0
    }
    .navbar .navbar-inner .navbar-header .navbar-account.setting-open .setting {
        left: 0
    }
}

@media only screen and (max-width: 400px) {
    .navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-notifications {
        left: -55px;
        right: auto
    }
    .navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-notifications.dropdown-arrow:before {
        left: 55px
    }
    .navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-messages {
        left: -105px;
        right: auto
    }
    .navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-messages.dropdown-arrow:before {
        left: 105px
    }
    .navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-tasks {
        left: -100px;
        right: auto
    }
    .navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-tasks.dropdown-arrow:before {
        left: 100px
    }
}

@media only screen and (max-width: 320px) {
    .navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-arrow:before {
        width: 45px !important
    }
    .navbar .navbar-inner .navbar-header .navbar-account .account-area>li>a {
        min-width: 45px
    }
}

.main-container {
    position: static;
    padding: 0
}

.main-container>.page-container {
    position: relative
}

.main-container:after {
    background-color: #fff;
    bottom: 0;
    content: "";
    display: block;
    max-width: inherit;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -2;
    box-shadow: 0 1px 4px #0000004d
}

.page-sidebar {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 260px;
    display: block;
    background-color: #000
}

.page-sidebar.sidebar-fixed {
    position: fixed;
    top: 45px;
    float: none !important;
    z-index: 1000
}

.page-sidebar.sidebar-fixed:before {
    height: 5000px;
    top: 45px;
    bottom: auto
}

.page-sidebar.hide {
    display: none !important
}

.page-sidebar.hide:before {
    display: none
}

.page-sidebar.hide~.page-content {
    margin-left: 0 !important
}

.page-sidebar.hide~.page-content .breadcrumbs-fixed {
    left: 0 !important
}

.page-sidebar.hide~.page-content .page-header-fixed {
    left: 0 !important
}

.page-sidebar:before {
    content: "";
    position: fixed !important;
    display: block !important;
    width: 260px;
    bottom: 0 !important;
    top: 0 !important;
    left: 0;
    background-color: #000 !important;
    transition: none !important
}

.page-sidebar .sidebar-header-wrapper {
    margin-left: 5px;
    height: 40px;
    margin-bottom: 0;
    position: relative
}

.page-sidebar .sidebar-header-wrapper .searchinput {
    height: 41px;
    z-index: 2;
    background-color: #fff;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid rgb(255, 255, 255);
    padding-left: 40px;
    width: 100%
}

.page-sidebar .sidebar-header-wrapper .searchinput:focus {
    box-shadow: none;
    border-color: #fff
}

.page-sidebar .sidebar-header-wrapper .searchinput:focus~.searchhelper {
    display: block;
    z-index: 124
}

.page-sidebar .sidebar-header-wrapper .searchinput::-webkit-input-placeholder {
    color: #d0d0d0;
    font-weight: 300
}

.page-sidebar .sidebar-header-wrapper .searchinput::-moz-placeholder {
    color: #d0d0d0;
    font-weight: 300
}

.page-sidebar .sidebar-header-wrapper .searchinput:-moz-placeholder {
    color: #d0d0d0;
    font-weight: 300
}

.page-sidebar .sidebar-header-wrapper .searchinput:-ms-input-placeholder {
    color: #d0d0d0;
    font-weight: 300
}

.page-sidebar .sidebar-header-wrapper .searchicon {
    cursor: pointer;
    display: inline-block;
    height: 12px;
    left: 20px;
    position: absolute;
    top: 14px;
    width: 12px;
    color: #2dc3e8;
    z-index: 124
}

.page-sidebar .sidebar-header-wrapper .searchhelper {
    box-shadow: 0 10px 40px #0006;
    background-color: #fff;
    color: #757272;
    display: none;
    opacity: 1;
    padding: 10px;
    position: absolute;
    right: 0;
    left: 0;
    top: 40px;
    z-index: 4
}

.page-sidebar .sidebar-menu {
    padding: 0;
    list-style: none;
    margin: 0 0 0 5px
}

.page-sidebar .sidebar-menu a {
    display: block;
    height: 32px;
    line-height: 30px;
    margin: 0;
    padding: 0 16px 0 7px;
    -webkit-text-shadow: none !important;
    text-shadow: none !important;
    font-size: 13px;
    text-decoration: none;
    color: #bdcfd8;
    z-index: 123
}

.page-sidebar .sidebar-menu>li>a:focus {
    background-color: #000 !important
}

.page-sidebar .sidebar-menu a:hover {
    color: #001996 !important
}

.page-sidebar .sidebar-menu a:hover:before {
    display: block
}

.page-sidebar .sidebar-menu a .menu-icon {
    display: inline-block;
    vertical-align: middle;
    min-width: 30px;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    margin-top: -3px
}

.page-sidebar .sidebar-menu a .menu-expand {
    display: inline-block;
    position: absolute;
    font-size: 13px;
    line-height: 10px;
    height: 10px;
    width: 10px;
    right: 12px;
    top: 12px;
    margin: 0;
    text-align: center;
    padding: 0;
    -webkit-text-shadow: none;
    text-shadow: none;
    color: #666;
    transition: all .3s ease-in-out;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    transform: rotate(90deg)
}

.page-sidebar .sidebar-menu a .menu-expand:before {
    content: "\f105";
    font-size: 17px;
    font-weight: 700;
    color: #fff
}

.page-sidebar .sidebar-menu li {
    display: block;
    padding: 0;
    margin: 0;
    border: 0;
    position: relative
}

.page-sidebar .sidebar-menu li:before {
    display: none;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -4px;
    width: 4px;
    max-width: 4px;
    overflow: hidden
}

.page-sidebar .sidebar-menu li.open {
    background-color: #000
}

.page-sidebar .sidebar-menu li.open>a {
    color: #bdcfd8
}

.page-sidebar .sidebar-menu li.open>a:hover {
    color: #001996 !important
}

.page-sidebar .sidebar-menu li.open>a .menu-expand {
    transform: rotate(-90deg)
}

.page-sidebar .sidebar-menu li.open>.submenu {
    display: block !important
}

.page-sidebar .sidebar-menu li.active:not(.open):before {
    display: block
}

.page-sidebar .sidebar-menu li.active>a {
    display: block;
    content: "";
    color: #bdcfd8 !important;
    background-color: #000
}

.ag-theme-balham .ag-header {
    background-color: #fff;
    color: #000;
    font: 600 12px -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif
}

.ag-theme-balham .ag-row-odd {
    background: rgb(235, 235, 235);
    background-color: #ebebeb !important
}

.ag-theme-balham .ag-row-odd:hover {
    background: rgb(238, 245, 249) !important;
    background-color: #eef5f9 !important
}

.ag-theme-balham .ag-row-even:hover {
    background: #d1e7f3 !important;
    background-color: #d1e7f3 !important
}

.ag-theme-balham .ag-row {
    border-color: transparent !important;
    border-color: #d9dcde
}

.page-sidebar .sidebar-menu li:not(.open):hover:before {
    display: block;
    color: #001996 !important
}

.page-sidebar .sidebar-menu>li>a {
    border-top: 0px solid #f3f3f3
}

.page-sidebar .sidebar-menu>li>a:hover {
    border-color: #000;
    background-color: #000
}

.page-sidebar .sidebar-menu>li:last-child>a {
    border-bottom: 1px solid rgb(0, 0, 0)
}

.page-sidebar .sidebar-menu>li>.submenu {
    background-color: #000
}

.page-sidebar .sidebar-menu>li>.submenu>li.active>a:before {
    background-color: #e2e2e2
}

.page-sidebar .sidebar-menu>li>.submenu>li.active:last-child a {
    box-shadow: inset 0 -4px 4px -2px #00000026
}

.page-sidebar .sidebar-menu>li.open>a {
    background-color: #fff
}

.page-sidebar .sidebar-menu .submenu {
    display: none !important;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    background-color: #000;
    border-top: 0;
    z-index: 123
}

.page-sidebar .sidebar-menu .submenu li {
    margin-left: 0;
    position: relative
}

.page-sidebar .sidebar-menu .submenu li.open:before {
    display: none
}

.page-sidebar .sidebar-menu .submenu li.active>a {
    color: #bdcfd8;
    background-color: #000
}

.page-sidebar .sidebar-menu .submenu li.active>.submenu {
    display: block
}

.page-sidebar .sidebar-menu .submenu>li>a {
    padding-left: 25px
}

.page-sidebar .sidebar-menu .submenu>li.open>a {
    background-color: #fbfbfb
}

.page-sidebar .sidebar-menu .submenu>li .submenu {
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee
}

.page-sidebar .sidebar-menu .submenu>li .submenu>li>a {
    padding-left: 50px
}

.page-sidebar .sidebar-menu .submenu>li .submenu>li .submenu>li>a {
    padding-left: 70px
}

.page-sidebar.menu-compact {
    width: 42px
}

.page-sidebar.menu-compact~.page-content {
    margin-left: 43px
}

.page-sidebar.menu-compact~.page-content .breadcrumbs-fixed {
    left: 47px
}

.page-sidebar.menu-compact~.page-content .page-header-fixed {
    left: 47px
}

.page-sidebar.menu-compact:before {
    width: 42px
}

.page-sidebar.menu-compact .sidebar-header-wrapper {
    width: 42px
}

.page-sidebar.menu-compact .sidebar-header-wrapper:hover {
    width: 238px
}

.page-sidebar.menu-compact .sidebar-header-wrapper:hover .searchinput {
    box-shadow: 0 10px 40px #0006
}

.page-sidebar.menu-compact .sidebar-header-wrapper .searchinput:focus {
    width: 238px;
    box-shadow: 0 10px 40px #0006
}

.page-sidebar.menu-compact .sidebar-header-wrapper .searchinput:focus~.searchhelper {
    width: 238px
}

.page-sidebar.menu-compact .sidebar-header-wrapper .searchicon {
    left: 15px
}

.page-sidebar.menu-compact .sidebar-menu {
    width: 42px
}

.page-sidebar.menu-compact .sidebar-menu>li.open>.menu-text {
    display: none !important
}

.page-sidebar.menu-compact .sidebar-menu>li.open>.submenu {
    display: none !important
}

.page-sidebar.menu-compact .sidebar-menu>li:hover>a {
    color: #262626
}

.page-sidebar.menu-compact .sidebar-menu>li:hover>a>.menu-text {
    display: block
}

.page-sidebar.menu-compact .sidebar-menu>li:hover>.submenu {
    display: block !important
}

.page-sidebar.menu-compact .sidebar-menu>li>a {
    position: relative;
    z-index: 123
}

.page-sidebar.menu-compact .sidebar-menu>li>a:focus {
    outline: 1px solid #d4d4d4 !important
}

.page-sidebar.menu-compact .sidebar-menu>li>a .menu-text {
    display: none;
    position: absolute;
    left: 42px;
    top: 0;
    width: 195px;
    height: 38px;
    line-height: 38px;
    background-color: #fff;
    z-index: 121;
    padding-left: 25px;
    box-shadow: 5px 5px 5px -5px #0000004d, 5px 5px 5px -5px #0000004d, 5px -5px 5px -5px #0000004d
}

.page-sidebar.menu-compact .sidebar-menu>li>a .menu-expand {
    display: none
}

.page-sidebar.menu-compact .sidebar-menu>li>a.menu-dropdown {
    box-shadow: none
}

.page-sidebar.menu-compact .sidebar-menu>li>a.menu-dropdown>.menu-text {
    border: 0;
    top: 0;
    left: 75px;
    min-width: 165px;
    box-shadow: none;
    padding-left: 0;
    text-align: left
}

.page-sidebar.menu-compact .sidebar-menu>li>a:hover {
    background-color: #fff
}

.page-sidebar .sidebar-menu .submenu>li.highlight>a>span {
    color: #fff !important;
    opacity: 9 !important
}

.page-sidebar.menu-compact .sidebar-menu>li>.submenu {
    background: #fbfbfb;
    position: absolute;
    z-index: 120;
    left: 76px;
    top: -10px;
    width: 190px;
    box-shadow: none;
    padding-top: 28px;
    display: none;
    border-left: 1px solid #f3f3f3;
    box-shadow: 5px 5px 5px -5px #0000004d, 5px 5px 5px -5px #0000004d, 5px -5px 5px -5px #0000004d
}

.page-sidebar.menu-compact .sidebar-menu>li>.submenu li>a {
    margin-left: 0;
    padding-left: 24px
}

.page-sidebar.menu-compact .sidebar-menu>li>.submenu li.open>.submenu {
    display: block;
    left: 0;
    position: relative;
    box-shadow: none
}

.page-sidebar.menu-compact .sidebar-menu>li>.submenu li .submenu {
    display: none;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative
}

.page-sidebar.menu-compact .sidebar-menu>li>.submenu li:hover {
    background-color: #fff
}

.page-sidebar.menu-compact .sidebar-menu>li>.submenu li:hover:before {
    display: block;
    left: 0
}

.page-sidebar.menu-compact .sidebar-menu>li>.submenu li.active:not(.open):before {
    left: 0
}

.page-sidebar.menu-compact .sidebar-menu>li>.submenu:before {
    display: none
}

.page-sidebar.menu-compact .sidebar-menu>li>.submenu>li>a {
    box-shadow: none !important
}

.page-sidebar.menu-compact .sidebar-menu>li>.submenu>li>a:before {
    display: none
}

@media only screen and (max-width: 880px) {
    .page-sidebar:before {
        display: none
    }
    .page-sidebar {
        display: none;
        float: none
    }
    .breadcrumbs-fixed,
    .page-header-fixed {
        left: 0 !important
    }
}

@media (max-width: 880px) {
    .page-sidebar.hide {
        display: block !important
    }
    .page-sidebar.hide:before {
        display: block !important
    }
    .page-sidebar.hide~.page-content {
        margin-left: 224px !important
    }
    .page-sidebar.hide~.page-content .breadcrumbs-fixed {
        left: 224px !important
    }
    .page-sidebar.hide~.page-content .page-header-fixed {
        left: 224px !important
    }
    .page-sidebar.menu-compact~.page-content {
        margin-left: 0
    }
    .page-sidebar.menu-compact~.page-content .breadcrumbs-fixed {
        left: 0
    }
    .page-sidebar.menu-compact~.page-content .page-header-fixed {
        left: 0
    }
    .page-sidebar.menu-compact.hide~.page-content {
        margin-left: 46px !important
    }
    .page-sidebar.menu-compact.hide~.page-content .breadcrumbs-fixed {
        left: 46px !important
    }
    .page-sidebar.menu-compact.hide~.page-content .page-header-fixed {
        left: 46px !important
    }
}

@media (max-width: 500px) {
    .page-sidebar.hide~.page-content .page-header .header-title {
        display: none
    }
    .page-sidebar.hide~.page-content .page-header .header-buttons .refresh,
    .page-sidebar.hide~.page-content .page-header .header-buttons .fullscreen {
        display: none
    }
    .page-sidebar.menu-compact.hide~.page-content .page-header .header-buttons .refresh,
    .page-sidebar.menu-compact.hide~.page-content .page-header .header-buttons .fullscreen {
        display: inline-block
    }
}

.page-content {
    display: block;
    margin-left: 260px;
    margin-right: 0;
    margin-top: 0;
    min-height: 100%;
    padding: 0
}

@media only screen and (max-width: 880px) {
    .page-content {
        margin-left: 0
    }
}

.page-breadcrumbs {
    position: relative;
    background: rgb(255, 255, 255);
    min-height: 40px;
    line-height: 39px;
    padding: 0;
    display: block;
    z-index: 1
}

.page-breadcrumbs.breadcrumbs-fixed {
    position: fixed;
    right: 0;
    left: 224px;
    top: 45px;
    z-index: 999
}

.page-breadcrumbs.breadcrumbs-fixed+.page-header {
    margin-top: 40px
}

.breadcrumb {
    background-color: transparent;
    padding: 0;
    font-size: 14px;
    color: #000;
    border-radius: 0
}

.breadcrumb>li,
.breadcrumb>li.active {
    color: #000;
    -webkit-text-shadow: none;
    text-shadow: none
}

.breadcrumb>li+li:before {
    color: #999
}

.breadcrumb>li>.divider {
    padding: 0 4px
}

.breadcrumb>li>a {
    display: inline-block;
    color: #0072c6
}

.breadcrumb>li:first-child>a {
    padding-left: 4px
}

.breadcrumb>li>i {
    margin-left: 4px;
    margin-right: 2px;
    font-size: 20px;
    position: relative;
    top: 2px
}

.breadcrumb .expand-icon {
    height: 22px;
    padding: 0;
    margin: 0;
    position: relative;
    top: 1px;
    font-size: 14px;
    color: #b2b6bf
}

.page-header {
    position: relative;
    margin: 5px 0 0;
    padding-bottom: 1px;
    padding-left: 12px;
    z-index: 9 !important;
    min-height: 40px;
    border-bottom: 0px solid #e5e5e5;
    position: fixed;
    width: 95%;
    z-index: 8
}

.page-header .header-title {
    display: inline-block;
    position: relative;
    height: 40px
}

.page-header .header-title h1 {
    padding: 0;
    margin: 0 4px;
    font-size: 17px;
    font-weight: lighter;
    color: #737373;
    line-height: 37px;
    display: inline-block
}

.page-header .header-title h1 small {
    margin: 0 1px;
    font-size: 14px;
    letter-spacing: 0;
    font-weight: 300;
    color: #888
}

.page-header .header-buttons {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0
}

.page-header .header-buttons a {
    position: relative;
    vertical-align: middle;
    display: inline-block;
    z-index: 1029;
    height: 40px;
    width: 36px;
    margin-right: 5px;
    padding: 8px 10px;
    color: #dfdfdf;
    transition: all .218s ease;
    float: right
}

.page-header .header-buttons a:before {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    bottom: -3px;
    right: 0;
    height: 4px;
    max-height: 4px;
    overflow: hidden;
    background-color: #2dc3e8
}

.page-header .header-buttons a:hover {
    box-shadow: 0 0 20px #0003;
    color: #2dc3e8
}

.page-header .header-buttons a.active {
    color: #2dc3e8
}

.page-header .header-buttons a i {
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px
}

.page-header .header-buttons a.fullscreen:before {
    background-color: #fb6e52
}

.page-header .header-buttons a.fullscreen:hover,
.page-header .header-buttons a.fullscreen.active {
    color: #fb6e52
}

.page-header .header-buttons a.refresh:before {
    background-color: #ffce55
}

.page-header .header-buttons a.refresh:hover,
.page-header .header-buttons a.refresh.active {
    color: #ffce55
}

.page-header .header-buttons a.sidebar-toggler:before {
    background-color: #2dc3e8
}

.page-header .header-buttons a.sidebar-toggler:hover,
.page-header .header-buttons a.sidebar-toggler.active {
    color: #2dc3e8
}

.page-header.mail-header {
    border-bottom: 1px solid #eeeeee
}

.page-header.mail-header .header-buttons a:before {
    display: none
}

.page-header.mail-header .header-buttons a:hover {
    box-shadow: none
}

.page-header.page-header-fixed {
    position: fixed;
    right: 0;
    left: 224px;
    top: 85px;
    z-index: 998;
    margin-top: 0 !important
}

.page-header.page-header-fixed+.page-body {
    margin-top: 80px
}

@media only screen and (max-width: 520px) {
    .header-title h1 small {
        display: none
    }
}

.page-body {
    background: rgb(238, 245, 249);
    padding: 18px 20px 24px
}

.widget {
    padding: 0;
    box-shadow: none;
    margin: 0 0 30px
}

.widget.collapsed .widget-body {
    display: none
}

.widget.collapsed.radius-bordered .widget-header {
    -webkit-border-radius: 3px 3px 3px 3px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 3px 3px 3px 3px;
    -moz-background-clip: padding;
    border-radius: 3px;
    background-clip: padding-box
}

.widget.no-header .widget-header {
    display: none
}

.widget.no-header.radius-bordered .widget-body {
    -webkit-border-radius: 3px 3px 3px 3px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 3px 3px 3px 3px;
    -moz-background-clip: padding;
    border-radius: 3px;
    background-clip: padding-box
}

.widget.maximized {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    margin: 0;
    overflow: auto
}

.widget.maximized .widget-body {
    padding: 12px 0
}

.widget.transparent .widget-header,
.widget.transparent .widget-body {
    background-color: #0000;
    box-shadow: none
}

.widget.transparent .widget-header {
    border-bottom: 1px solid #cccccc
}

.widget.bordered-top {
    border-top: 3px solid rgb(255, 255, 255)
}

.widget.bordered-bottom {
    border-bottom: 3px solid rgb(255, 255, 255)
}

.widget.bordered-left {
    border-left: 3px solid rgb(255, 255, 255)
}

.widget.bordered-right {
    border-right: 3px solid rgb(255, 255, 255)
}

.widget.radius-bordered .widget-header {
    -webkit-border-radius: 3px 3px 0 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 3px 3px 0 0;
    -moz-background-clip: padding;
    border-radius: 3px 3px 0 0;
    background-clip: padding-box
}

.widget.radius-bordered .widget-body {
    -webkit-border-radius: 0 0 3px 3px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0 0 3px 3px;
    -moz-background-clip: padding;
    border-radius: 0 0 3px 3px;
    background-clip: padding-box
}

.widget.flat .widget-body,
.widget.flat .widget-header {
    box-shadow: none
}

.widget.lightshadow .widget-body,
.widget.lightshadow .widget-header {
    box-shadow: 0 1px 4px #0003
}

.widget:hover .compact {
    box-shadow: 0 0 20px #0003
}

.widget:hover .compact i {
    color: #2dc3e8
}

.widget-header {
    position: relative;
    min-height: 35px;
    background: rgb(255, 255, 255);
    box-shadow: 0 0 4px #0000004d;
    color: #555;
    padding-left: 12px;
    text-align: right
}

.widget-header .widget-icon {
    display: block;
    width: 30px;
    height: 32px;
    position: relative;
    float: left;
    font-size: 111%;
    line-height: 32px;
    text-align: center;
    margin-left: -10px
}

.widget-header>.widget-caption {
    line-height: 34px;
    padding: 0;
    margin: 0;
    float: left;
    text-align: left;
    font-weight: 400 !important;
    font-size: 13px
}

.widget-header.lined {
    border: 0;
    box-shadow: none !important;
    padding-left: 2%
}

.widget-header.lined:before {
    content: "";
    position: absolute;
    display: block;
    width: 96%;
    bottom: 0;
    top: 35px;
    height: 1px;
    left: 2%;
    z-index: 1;
    border-bottom: 1px solid #e5e5e5
}

.widget-header.lined .widget-buttons {
    padding-right: 2%
}

.widget-header.lined+.widget-body {
    padding-left: 2%;
    padding-right: 2%
}

.widget-header.separated {
    margin-bottom: 5px
}

.widget-header[class*=bg-] {
    border: 0
}

.widget-header[class*=bg-] .widget-caption,
.widget-header[class*=bg-] i {
    color: #fff
}

.widget-header.bordered-left {
    border-left: 3px solid rgb(255, 255, 255)
}

.widget-header.bordered-right {
    border-right: 3px solid rgb(255, 255, 255)
}

.widget-header.bordered-top {
    border-top: 3px solid rgb(255, 255, 255)
}

.widget-header.bordered-bottom {
    border-bottom: 3px solid rgb(255, 255, 255)
}

.widget-header.header-large {
    min-height: 49px;
    padding-left: 18px
}

.widget-header.header-large h5 {
    line-height: 48px;
    font-size: 16px
}

.widget-header.header-large>.widget-buttons {
    line-height: 48px;
    height: 48px
}

.widget-header.header-large>.widget-buttons a {
    min-width: 26px
}

.widget-header.header-large>.widget-buttons a i {
    font-size: 20px
}

.widget-header.header-small {
    min-height: 29px;
    padding-left: 10px
}

.widget-header.header-small h5 {
    line-height: 28px;
    font-size: 12px
}

.widget-header.header-small>.widget-buttons {
    line-height: 29px;
    height: 29px
}

.widget-header.header-small>.widget-buttons a {
    min-width: 16px;
    height: 16px
}

.widget-header.header-small>.widget-buttons a i {
    font-size: 14px
}

.widget-buttons {
    display: inline-block;
    padding: 0 5px;
    line-height: 34px;
    position: relative;
    text-align: left;
    height: 36px
}

.widget-buttons.buttons-bordered {
    border-left: 1px solid #e5e5e5
}

.widget-buttons.compact {
    margin-top: 4px;
    background-color: #ebebeb;
    line-height: 27px;
    transition: background-color .218s ease;
    transition: box-shadow .218s ease;
    transition: color .318s ease;
    height: 27px
}

.widget-buttons.compact:hover {
    background-color: #2dc3e8;
    box-shadow: 0 0 20px #0003
}

.widget-buttons.compact:hover i {
    color: #fff
}

.widget-buttons.compact:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: -4px;
    width: 4px;
    max-width: 4px;
    overflow: hidden;
    background-color: #2dc3e8
}

.widget-buttons.compact a {
    min-width: 14px;
    line-height: 14px
}

.widget-buttons.compact i {
    color: #ccc;
    font-size: 14px
}

.widget-buttons.no-padding {
    padding: 0
}

.widget-buttons.padding-5 {
    padding: 0 5px
}

.widget-buttons.no-border:before {
    display: none
}

.widget-buttons label {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0;
    line-height: 6px
}

.widget-buttons>a {
    font-size: 14px;
    margin: 0 1px;
    display: inline-block;
    padding: 0;
    line-height: 24px;
    min-width: 20px;
    text-align: center
}

.widget-buttons>a:hover {
    text-decoration: none
}

.widget-buttons>a i {
    vertical-align: middle
}

.widget-buttons>[data-toggle]>.fa {
    margin-right: 0
}

.widget-buttons>[data-toggle]:hover {
    zoom: 1;
    filter: alpha(opacity=50);
    -webkit-opacity: .5;
    -moz-opacity: .5;
    opacity: .5
}

.widget-buttons>[data-toggle]:focus {
    text-decoration: none
}

.widget-buttons>[data-toggle=dispose] {
    color: #000;
    font-size: 14px
}

.widget-buttons>[data-toggle=maximize] {
    color: #000;
    font-size: 14px
}

.widget-buttons>[data-bs-toggle=collapse] {
    color: #000;
    font-size: 14px
}

.widget-buttons>[data-toggle=refresh] {
    color: #000;
    font-size: 14px
}

.widget-buttons>[data-toggle=config] {
    color: #000;
    font-size: 14px
}

.widget-buttons .progress {
    vertical-align: middle;
    display: inline-block;
    margin: -3px 0 0;
    min-width: 100px
}

.widget-buttons .btn-group {
    margin-top: -2px
}

.widget-buttons .btn-group .dropdown-menu {
    right: 0;
    left: auto
}

.widget-buttons .badge {
    margin-top: -2px
}

.widget-buttons .label {
    padding: 5px 6px
}

.widget-buttons .pagination,
.widget-buttons .pager {
    float: right;
    margin: 5px 2px 1px
}

.widget-buttons .btn {
    margin-top: -2px
}

.widget-body {
    background-color: #fff;
    padding: 12px
}

.widget-body.bordered-left {
    border-left: 3px solid rgb(255, 255, 255)
}

.widget-body.bordered-right {
    border-right: 3px solid rgb(255, 255, 255)
}

.widget-body.bordered-bottom {
    border-bottom: 3px solid rgb(255, 255, 255)
}

.widget-body.bordered-top {
    border-top: 3px solid rgb(255, 255, 255)
}

.widget-body[class*=bg-] {
    color: #fff
}

.widget-body.no-padding {
    padding: 0
}

.widget-body.no-padding .accordion {
    border: 0
}

.widget-body.no-padding .dataTables_filter label {
    margin: 10px
}

.widget-body.no-padding .dataTables_length {
    top: 10px;
    right: 10px
}

.widget-body.no-padding .DTTT.btn-group {
    right: 80px;
    top: 10px
}

.widget-body .accordion.panel-group {
    border-top-width: 1px !important
}

.widget-body>table {
    margin-bottom: 0
}

.widget-body hr.wide {
    margin-left: -12px;
    margin-right: -12px
}

.databox-container {
    text-align: center;
    font-size: 0
}

.databox {
    display: inline-block;
    width: 100%;
    height: 65px;
    padding: 0;
    font-size: 0;
    margin-bottom: 30px;
    vertical-align: top;
    min-width: 130px
}

.databox .databox-icon {
    margin: 0;
    display: inline-block;
    width: 100%;
    text-align: center
}

.databox .databox-icon>.fa,
.databox .databox-icon .typcn,
.databox .databox-icon .glyphicon,
.databox .databox-icon .wi {
    display: inline-block;
    margin: 3px 0 0;
    text-align: center;
    position: relative
}

.databox .databox-icon>.fa:before,
.databox .databox-icon .typcn:before,
.databox .databox-icon .glyphicon:before,
.databox .databox-icon .wi:before {
    font-size: 40px;
    display: block;
    text-align: center
}

.databox .databox-sparkline {
    padding-top: 0;
    margin: 0 auto;
    display: inline-block;
    vertical-align: bottom;
    width: 100%;
    text-align: center;
    font-size: 24px
}

.databox .databox-piechart {
    padding-top: 0;
    margin: 0 auto;
    display: inline-block;
    vertical-align: bottom;
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-weight: 300
}

.databox .databox-header {
    display: block;
    font-size: 18px;
    font-family: Roboto, Lucida Sans, trebuchet MS, Arial, Helvetica, sans-serif;
    font-weight: 400;
    margin: 8px 5px;
    position: relative
}

.databox .databox-header i {
    margin-right: 5px
}

.databox .databox-number {
    display: block;
    font-size: 17px;
    line-height: 26px;
    margin: 2px;
    position: relative;
    font-family: Roboto, Lucida Sans, trebuchet MS, Arial, Helvetica, sans-serif
}

.databox .databox-number i {
    margin-right: 5px
}

.databox .databox-number.number-xs {
    font-size: 11px
}

.databox .databox-number.number-sm {
    font-size: 14px
}

.databox .databox-number.number-lg {
    font-size: 20px
}

.databox .databox-number.number-xlg {
    font-size: 23px
}

.databox .databox-number.number-xxlg {
    font-size: 30px
}

.databox .databox-title {
    display: block;
    font-size: 16px;
    font-weight: 300;
    margin: 2px;
    position: relative
}

.databox .databox-title i {
    margin-right: 5px;
    font-size: 13px
}

.databox .databox-text {
    display: block;
    font-size: 11px;
    margin: 4px 0 2px;
    position: relative
}

.databox .databox-text i {
    margin-right: 5px;
    font-size: 13px
}

.databox .databox-inlinetext {
    font-size: 11px;
    margin: 2px;
    position: relative
}

.databox .databox-inlinetext i {
    margin-right: 5px;
    font-size: 13px
}

.databox .databox-stat {
    display: inline-block;
    position: absolute;
    right: 7px;
    top: 7px;
    padding: 2px 5px
}

.databox .databox-stat.stat-left {
    left: 7px;
    right: auto
}

.databox .databox-stat .stat-text {
    display: inline-block;
    font-size: 13px;
    padding-right: 5px;
    font-weight: 500
}

.databox .databox-stat .stat-icon {
    display: inline-block;
    font-size: 13px
}

.databox .databox-stat .stat-icon.icon-lg {
    font-size: 16px
}

.databox .databox-stat .stat-icon.icon-xlg {
    font-size: 18px
}

.databox .databox-stat.radius-bordered {
    -webkit-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 3px;
    -moz-background-clip: padding;
    border-radius: 3px;
    background-clip: padding-box
}

.databox .databox-stat[class*=bg-] {
    color: #fff
}

.databox .databox-state {
    position: absolute;
    top: 10px;
    right: 10px;
    height: 24px;
    width: 24px;
    -webkit-border-radius: 50%;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 50%;
    -moz-background-clip: padding;
    border-radius: 50%;
    background-clip: padding-box;
    background-color: #e5e5e5;
    text-align: center;
    box-shadow: 0 0 3px #0003;
    border: 2px solid rgb(255, 255, 255)
}

.databox .databox-state i {
    font-size: 13px;
    color: #fff;
    line-height: 20px
}

.databox .databox-row {
    width: 100%;
    margin: 0;
    position: relative
}

.databox .databox-row[class*=bg-] {
    color: #fff
}

.databox .databox-row.bordered-bottom {
    border-bottom: 1px solid rgb(255, 255, 255)
}

.databox .databox-row.bordered-top {
    border-top: 1px solid rgb(255, 255, 255)
}

.databox .databox-row.bordered-left {
    border-left: 1px solid rgb(255, 255, 255)
}

.databox .databox-row.bordered-right {
    border-right: 1px solid rgb(255, 255, 255)
}

.databox .databox-row.bordered-thick {
    border-width: 2px
}

.databox .databox-row.row-1 {
    height: 8.33%
}

.databox .databox-row.row-2 {
    height: 16.66%
}

.databox .databox-row.row-3 {
    height: 25%
}

.databox .databox-row.row-4 {
    height: 33.33%
}

.databox .databox-row.row-5 {
    height: 41.66%
}

.databox .databox-row.row-6 {
    height: 50%
}

.databox .databox-row.row-7 {
    height: 58.33%
}

.databox .databox-row.row-8 {
    height: 66.66%
}

.databox .databox-row.row-9 {
    height: 75%
}

.databox .databox-row.row-10 {
    height: 83.33%
}

.databox .databox-row.row-11 {
    height: 91.66%
}

.databox .databox-row.row-12 {
    height: 100%
}

.databox .databox-cell {
    height: 100%;
    margin: 0;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    padding: 0 10px
}

.databox .databox-cell[class*=bg-] {
    color: #fff
}

.databox .databox-cell.bordered-bottom {
    border-bottom: 1px solid rgb(255, 255, 255)
}

.databox .databox-cell.bordered-top {
    border-top: 1px solid rgb(255, 255, 255)
}

.databox .databox-cell.bordered-left {
    border-left: 1px solid rgb(255, 255, 255)
}

.databox .databox-cell.bordered-right {
    border-right: 1px solid rgb(255, 255, 255)
}

.databox .databox-cell.bordered-thick {
    border-width: 2px
}

.databox .databox-cell.cell-1 {
    width: 8.33%
}

.databox .databox-cell.cell-2 {
    width: 16.66%
}

.databox .databox-cell.cell-3 {
    width: 25%
}

.databox .databox-cell.cell-4 {
    width: 33.33%
}

.databox .databox-cell.cell-5 {
    width: 41.66%
}

.databox .databox-cell.cell-6 {
    width: 50%
}

.databox .databox-cell.cell-7 {
    width: 58.33%
}

.databox .databox-cell.cell-8 {
    width: 66.66%
}

.databox .databox-cell.cell-9 {
    width: 75%
}

.databox .databox-cell.cell-10 {
    width: 83.33%
}

.databox .databox-cell.cell-11 {
    width: 91.66%
}

.databox .databox-cell.cell-12 {
    width: 100%
}

.databox.databox-inverted .databox-left {
    -lh-property: 0;
    width: calc(100% - 65px)
}

.databox.databox-inverted .databox-right {
    width: 65px
}

.databox.databox-transparent .databox-left,
.databox.databox-transparent .databox-right {
    background-color: transparent !important
}

.databox .databox-left {
    position: relative;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin: 0;
    width: 65px;
    height: 65px;
    padding: 10px;
    color: #2dc3e8
}

.databox .databox-left[class*=bg-] {
    color: #fff
}

.databox .databox-right {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 0;
    -lh-property: 0;
    width: calc(100% - 65px);
    height: 65px;
    color: #555;
    padding: 5px 10px
}

.databox .databox-right.bordered {
    border-left: 1px solid rgb(255, 255, 255)
}

.databox .databox-right.bordered-thick {
    border-left: 3px solid rgb(255, 255, 255)
}

.databox .databox-right[class*=bg-] {
    color: #fff
}

.databox.databox-shadowed {
    box-shadow: 0 0 3px #0003
}

.databox.radius-bordered {
    -webkit-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 3px;
    -moz-background-clip: padding;
    border-radius: 3px;
    background-clip: padding-box
}

.databox.radius-bordered .databox-left {
    -webkit-border-radius: 3px 0 0 3px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 3px 0 0 3px;
    -moz-background-clip: padding;
    border-radius: 3px 0 0 3px;
    background-clip: padding-box
}

.databox.radius-bordered .databox-right {
    -webkit-border-radius: 0 3px 3px 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0 3px 3px 0;
    -moz-background-clip: padding;
    border-radius: 0 3px 3px 0;
    background-clip: padding-box
}

.databox.radius-bordered .databox-right .databox-row:first-child {
    -webkit-border-radius: 0 3px 0 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0 3px 0 0;
    -moz-background-clip: padding;
    border-radius: 0 3px 0 0;
    background-clip: padding-box
}

.databox.radius-bordered .databox-right .databox-row:last-child {
    -webkit-border-radius: 0 0 3px 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0 0 3px 0;
    -moz-background-clip: padding;
    border-radius: 0 0 3px;
    background-clip: padding-box
}

.databox.databox-graded {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNkZGRkZGQiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
    background-image: linear-gradient(to right, rgb(191, 186, 186), rgb(255, 255, 255))
}

.databox.databox-halved .databox-left,
.databox.databox-halved .databox-right {
    width: 50% !important
}

.databox.databox-lg {
    height: 80px
}

.databox.databox-lg .databox-icon>.fa:before,
.databox.databox-lg .databox-icon .typcn:before,
.databox.databox-lg .databox-icon .glyphicon:before,
.databox.databox-lg .databox-icon .wi:before {
    font-size: 48px;
    padding: 6px 4px 7px
}

.databox.databox-lg .databox-sparkline {
    margin: 13px auto
}

.databox.databox-lg .databox-number {
    font-size: 20px;
    margin: 4px 0 6px
}

.databox.databox-lg .databox-left {
    width: 80px;
    height: 80px
}

.databox.databox-lg .databox-right {
    -lh-property: 0;
    width: calc(100% - 80px);
    height: 80px;
    padding: 10px 15px
}

.databox.databox-lg.databox-inverted .databox-left {
    -lh-property: 0;
    width: calc(100% - 80px)
}

.databox.databox-lg.databox-inverted .databox-right {
    width: 80px
}

.databox.databox-xlg {
    height: 170px
}

.databox.databox-xlg .databox-icon>.fa:before,
.databox.databox-xlg .databox-icon .typcn:before,
.databox.databox-xlg .databox-icon .glyphicon:before {
    padding: 6px 4px 7px
}

.databox.databox-xlg .databox-icon .wi:before {
    font-size: 55px !important
}

.databox.databox-xlg .databox-left {
    width: 170px;
    height: 170px
}

.databox.databox-xlg .databox-right {
    -lh-property: 0;
    width: calc(100% - 170px);
    height: 170px
}

.databox.databox-xlg.databox-inverted .databox-left {
    -lh-property: 0;
    width: calc(100% - 170px)
}

.databox.databox-xlg.databox-inverted .databox-right {
    width: 170px
}

.databox.databox-xxlg {
    height: 250px
}

.databox.databox-xxlg .databox-icon>.fa:before,
.databox.databox-xxlg .databox-icon .typcn:before,
.databox.databox-xxlg .databox-icon .glyphicon:before,
.databox.databox-xxlg .databox-icon .wi:before {
    font-size: 200px;
    padding: 6px 4px 7px
}

.databox.databox-xxlg .databox-left {
    width: 250px;
    height: 250px
}

.databox.databox-xxlg .databox-right {
    -lh-property: 0;
    width: calc(100% - 250px);
    height: 250px
}

.databox.databox-xxlg.databox-inverted .databox-left {
    -lh-property: 0;
    width: calc(100% - 250px)
}

.databox.databox-xxlg.databox-inverted .databox-right {
    width: 250px
}

.databox.databox-vertical {
    width: 100%;
    height: 100px
}

.databox.databox-vertical .databox-top {
    position: relative;
    width: 100%;
    height: 50px;
    display: inline-block;
    text-align: center;
    margin: 0;
    padding: 5px;
    color: #2dc3e8
}

.databox.databox-vertical .databox-top[class*=bg-] {
    color: #fff
}

.databox.databox-vertical .databox-bottom {
    position: relative;
    width: 100%;
    height: 50px;
    display: inline-block;
    margin: 0;
    color: #555;
    padding: 5px 10px
}

.databox.databox-vertical .databox-bottom.bordered {
    border-top: 1px solid rgb(255, 255, 255)
}

.databox.databox-vertical .databox-bottom.bordered-thick {
    border-top: 3px solid rgb(255, 255, 255)
}

.databox.databox-vertical .databox-bottom[class*=bg-] {
    color: #fff
}

.databox.databox-vertical .databox-icon>.fa:before,
.databox.databox-vertical .databox-icon .typcn:before,
.databox.databox-vertical .databox-icon .glyphicon:before,
.databox.databox-vertical .databox-icon .wi:before {
    font-size: 38px
}

.databox.databox-vertical.radius-bordered {
    -webkit-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 3px;
    -moz-background-clip: padding;
    border-radius: 3px;
    background-clip: padding-box
}

.databox.databox-vertical.radius-bordered .databox-top {
    -webkit-border-radius: 3px 3px 0 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 3px 3px 0 0;
    -moz-background-clip: padding;
    border-radius: 3px 3px 0 0;
    background-clip: padding-box
}

.databox.databox-vertical.radius-bordered .databox-top .databox-row:first-child .databox-cell:first-child {
    -webkit-border-radius: 3px 0 0 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 3px 0 0 0;
    -moz-background-clip: padding;
    border-radius: 3px 0 0;
    background-clip: padding-box
}

.databox.databox-vertical.radius-bordered .databox-top .databox-row:first-child .databox-cell:last-child {
    -webkit-border-radius: 0 3px 0 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0 3px 0 0;
    -moz-background-clip: padding;
    border-radius: 0 3px 0 0;
    background-clip: padding-box
}

.databox.databox-vertical.radius-bordered .databox-top img {
    -webkit-border-radius: 3px 3px 0 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 3px 3px 0 0;
    -moz-background-clip: padding;
    border-radius: 3px 3px 0 0;
    background-clip: padding-box
}

.databox.databox-vertical.radius-bordered .databox-bottom {
    -webkit-border-radius: 0 0 3px 3px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0 0 3px 3px;
    -moz-background-clip: padding;
    border-radius: 0 0 3px 3px;
    background-clip: padding-box
}

.databox.databox-vertical.radius-bordered .databox-bottom .databox-row:last-child .databox-cell:first-child {
    -webkit-border-radius: 0 0 0 3px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0 0 0 3px;
    -moz-background-clip: padding;
    border-radius: 0 0 0 3px;
    background-clip: padding-box
}

.databox.databox-vertical.radius-bordered .databox-bottom .databox-row:last-child .databox-cell:last-child {
    -webkit-border-radius: 0 0 3px 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0 0 3px 0;
    -moz-background-clip: padding;
    border-radius: 0 0 3px;
    background-clip: padding-box
}

.databox.databox-vertical.radius-bordered .databox-bottom img {
    -webkit-border-radius: 0 0 3px 3px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0 0 3px 3px;
    -moz-background-clip: padding;
    border-radius: 0 0 3px 3px;
    background-clip: padding-box
}

.databox.databox-vertical.databox-graded {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
    background-image: linear-gradient(to bottom, #e5e5e5, rgb(255, 255, 255))
}

.databox.databox-vertical.databox-halved .databox-top,
.databox.databox-vertical.databox-halved .databox-bottom {
    height: 50%
}

.databox.databox-vertical.databox-lg {
    height: 150px;
    width: 100%
}

.databox.databox-vertical.databox-lg .databox-number {
    font-size: 17px;
    margin: 2px
}

.databox.databox-vertical.databox-lg .databox-icon>.fa:before,
.databox.databox-vertical.databox-lg .databox-icon .typcn:before,
.databox.databox-vertical.databox-lg .databox-icon .glyphicon:before {
    font-size: 38px !important;
    padding: 0
}

.databox.databox-vertical.databox-lg .databox-icon .wi:before {
    font-size: 50px !important;
    padding: 0
}

.databox.databox-vertical.databox-lg .databox-top {
    height: 50px
}

.databox.databox-vertical.databox-lg .databox-bottom {
    height: 100px
}

.databox.databox-vertical.databox-lg.databox-inverted .databox-icon>.fa:before,
.databox.databox-vertical.databox-lg.databox-inverted .databox-icon .typcn:before,
.databox.databox-vertical.databox-lg.databox-inverted .databox-icon .glyphicon:before,
.databox.databox-vertical.databox-lg.databox-inverted .databox-icon .wi:before {
    font-size: 85px;
    padding: 0
}

.databox.databox-vertical.databox-lg.databox-inverted .databox-top {
    height: 100px
}

.databox.databox-vertical.databox-lg.databox-inverted .databox-bottom {
    height: 50px
}

.databox.databox-vertical.databox-lg.databox-halved .databox-icon>.fa:before,
.databox.databox-vertical.databox-lg.databox-halved .databox-icon .typcn:before,
.databox.databox-vertical.databox-lg.databox-halved .databox-icon .glyphicon:before,
.databox.databox-vertical.databox-lg.databox-halved .databox-icon .wi:before {
    font-size: 58px;
    padding: 0
}

.databox.databox-vertical.databox-lg.databox-halved .databox-top,
.databox.databox-vertical.databox-lg.databox-halved .databox-bottom {
    height: 75px
}

.databox.databox-vertical.databox-xlg {
    height: 200px;
    width: 100%
}

.databox.databox-vertical.databox-xlg .databox-icon>.fa:before,
.databox.databox-vertical.databox-xlg .databox-icon .typcn:before,
.databox.databox-vertical.databox-xlg .databox-icon .glyphicon:before,
.databox.databox-vertical.databox-xlg .databox-icon .wi:before {
    font-size: 38px;
    padding: 0
}

.databox.databox-vertical.databox-xlg .databox-top {
    height: 50px
}

.databox.databox-vertical.databox-xlg .databox-bottom {
    height: 150px
}

.databox.databox-vertical.databox-xlg.databox-inverted .databox-icon>.fa:before,
.databox.databox-vertical.databox-xlg.databox-inverted .databox-icon .typcn:before,
.databox.databox-vertical.databox-xlg.databox-inverted .databox-icon .glyphicon:before,
.databox.databox-vertical.databox-xlg.databox-inverted .databox-icon .wi:before {
    font-size: 120px;
    padding: 10px
}

.databox.databox-vertical.databox-xlg.databox-inverted .databox-top {
    height: 150px
}

.databox.databox-vertical.databox-xlg.databox-inverted .databox-bottom {
    height: 50px
}

.databox.databox-vertical.databox-xlg.databox-halved .databox-icon>.fa:before,
.databox.databox-vertical.databox-xlg.databox-halved .databox-icon .typcn:before,
.databox.databox-vertical.databox-xlg.databox-halved .databox-icon .glyphicon:before,
.databox.databox-vertical.databox-xlg.databox-halved .databox-icon .wi:before {
    font-size: 85px;
    padding: 0
}

.databox.databox-vertical.databox-xlg.databox-halved .databox-top,
.databox.databox-vertical.databox-xlg.databox-halved .databox-bottom {
    height: 100px
}

.databox.databox-vertical.databox-xxlg {
    height: 300px;
    width: 100%
}

.databox.databox-vertical.databox-xxlg .databox-icon>.fa:before,
.databox.databox-vertical.databox-xxlg .databox-icon .typcn:before,
.databox.databox-vertical.databox-xxlg .databox-icon .glyphicon:before,
.databox.databox-vertical.databox-xxlg .databox-icon .wi:before {
    font-size: 38px;
    padding: 0
}

.databox.databox-vertical.databox-xxlg .databox-top {
    height: 50px
}

.databox.databox-vertical.databox-xxlg .databox-bottom {
    height: 250px
}

.databox.databox-vertical.databox-xxlg.databox-inverted .databox-icon>.fa:before,
.databox.databox-vertical.databox-xxlg.databox-inverted .databox-icon .typcn:before,
.databox.databox-vertical.databox-xxlg.databox-inverted .databox-icon .glyphicon:before,
.databox.databox-vertical.databox-xxlg.databox-inverted .databox-icon .wi:before {
    font-size: 220px;
    padding: 10px
}

.databox.databox-vertical.databox-xxlg.databox-inverted .databox-top {
    height: 250px
}

.databox.databox-vertical.databox-xxlg.databox-inverted .databox-bottom {
    height: 50px
}

.databox.databox-vertical.databox-xxlg.databox-halved .databox-icon>.fa:before,
.databox.databox-vertical.databox-xxlg.databox-halved .databox-icon .typcn:before,
.databox.databox-vertical.databox-xxlg.databox-halved .databox-icon .glyphicon:before,
.databox.databox-vertical.databox-xxlg.databox-halved .databox-icon .wi:before {
    font-size: 120px;
    padding: 10px
}

.databox.databox-vertical.databox-xxlg.databox-halved .databox-top,
.databox.databox-vertical.databox-xxlg.databox-halved .databox-bottom {
    height: 150px
}

.databox.databox-vertical.databox-xxxlg {
    height: 500px;
    width: 100%
}

.databox.databox-vertical.databox-xxxlg .databox-icon>.fa:before,
.databox.databox-vertical.databox-xxxlg .databox-icon .typcn:before,
.databox.databox-vertical.databox-xxxlg .databox-icon .glyphicon:before,
.databox.databox-vertical.databox-xxxlg .databox-icon .wi:before {
    font-size: 38px;
    padding: 0
}

.databox.databox-vertical.databox-xxxlg .databox-top {
    height: 50px
}

.databox.databox-vertical.databox-xxxlg .databox-bottom {
    height: 450px
}

.databox.databox-vertical.databox-xxxlg.databox-inverted .databox-icon>.fa:before,
.databox.databox-vertical.databox-xxxlg.databox-inverted .databox-icon .typcn:before,
.databox.databox-vertical.databox-xxxlg.databox-inverted .databox-icon .glyphicon:before,
.databox.databox-vertical.databox-xxxlg.databox-inverted .databox-icon .wi:before {
    font-size: 420px;
    padding: 10px
}

.databox.databox-vertical.databox-xxxlg.databox-inverted .databox-top {
    height: 450px
}

.databox.databox-vertical.databox-xxxlg.databox-inverted .databox-bottom {
    height: 50px
}

.databox.databox-vertical.databox-xxxlg.databox-halved .databox-icon>.fa:before,
.databox.databox-vertical.databox-xxxlg.databox-halved .databox-icon .typcn:before,
.databox.databox-vertical.databox-xxxlg.databox-halved .databox-icon .glyphicon:before,
.databox.databox-vertical.databox-xxxlg.databox-halved .databox-icon .wi:before {
    font-size: 220px;
    padding: 10px
}

.databox.databox-vertical.databox-xxxlg.databox-halved .databox-top,
.databox.databox-vertical.databox-xxxlg.databox-halved .databox-bottom {
    height: 250px
}

.databox .chart {
    font-size: 13px
}

.alert {
    margin-bottom: 20px;
    margin-top: 0;
    color: #fff;
    border-width: 0;
    border-left-width: 5px;
    padding: 10px;
    border-radius: 0
}

.alert .close {
    top: 0;
    right: 0;
    line-height: 16px;
    color: #444
}

.alert.radius-bordered {
    -webkit-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 3px;
    -moz-background-clip: padding;
    border-radius: 3px;
    background-clip: padding-box
}

.alert.alert-shadowed {
    box-shadow: 0 1px 2px #0003
}

.alert.alert-heading {
    font-weight: 600
}

.alert.alert-danger {
    border-color: #df5138;
    background: #e46f61
}

.alert.alert-warning {
    border-color: #ffce55;
    color: #555;
    background: #fff1a8
}

.alert.alert-success {
    border-color: #8cc34b;
    background: #a0d468
}

.alert.alert-info {
    border-color: #11a9cc;
    background: #57b5e3
}

.tab-content {
    background-color: #fbfbfb;
    padding: 16px 12px;
    position: relative;
    box-shadow: 1px 0 10px 1px #0000004d
}

.tab-content.no-padding {
    padding: 0
}

.tab-content.no-border {
    border: 0;
    padding: 12px
}

.tab-content.radius-bordered {
    -webkit-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 3px;
    -moz-background-clip: padding;
    border-radius: 3px;
    background-clip: padding-box
}

.tab-content.tabs-flat {
    box-shadow: none;
    border-top: 1px solid #e5e5e5
}

.nav-tabs {
    margin-bottom: 0;
    margin-left: 0;
    border: 0;
    top: 2px;
    background-color: transparent
}

.nav-tabs>li {
    margin-bottom: -2px
}

.nav-tabs>li>a:hover {
    color: #262626;
    background-color: transparent;
    border-color: transparent
}

.nav-tabs>li>a:active,
.nav-tabs>li>a:focus {
    outline: none !important
}

.nav-tabs>li>a,
.nav-tabs>li>a:focus {
    border-radius: 0 !important;
    color: #000;
    margin-right: -1px;
    line-height: 12px;
    position: relative;
    z-index: 11
}

.nav-tabs>li>a>.badge {
    padding: 0 4px;
    line-height: 15px;
    opacity: .75;
    height: 16px;
    min-width: 16px
}

.nav-tabs>li>a .fa,
.nav-tabs>li>a .glyphicon,
.nav-tabs>li>a .typcn,
.nav-tabs>li>a .wi {
    opacity: .75
}

.nav-tabs>li:first-child>a {
    margin-left: 0;
    border-left: 0px solid #fbfbfb
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
    color: #fff;
    border: 0;
    border-bottom-color: transparent;
    background-color: #001996;
    z-index: 8;
    line-height: 16px;
    margin-top: -2px
}

.nav-tabs>li.active>a>.badge,
.nav-tabs>li.active>a>[class*=fa-] {
    opacity: 1
}

.nav-tabs>li.active.tab-white>a {
    border-color: #fff !important
}

.nav-tabs>li.active.tab-white>a>.fa,
.nav-tabs>li.active.tab-white>a .glyphicon,
.nav-tabs>li.active.tab-white>a .typcn,
.nav-tabs>li.active.tab-white>a .wi {
    color: #fff
}

.nav-tabs>li.active tab-snow>a {
    border-color: #fbfbfb !important
}

.nav-tabs>li.active tab-snow>a>.fa,
.nav-tabs>li.active tab-snow>a .glyphicon,
.nav-tabs>li.active tab-snow>a .typcn,
.nav-tabs>li.active tab-snow>a .wi {
    color: #fbfbfb
}

.nav-tabs>li.active.tab-whitesmoke>a {
    border-color: #ebebeb !important
}

.nav-tabs>li.active.tab-whitesmoke>a>.fa,
.nav-tabs>li.active.tab-whitesmoke>a .glyphicon,
.nav-tabs>li.active.tab-whitesmoke>a .typcn,
.nav-tabs>li.active.tab-whitesmoke>a .wi {
    color: #ebebeb
}

.nav-tabs>li.active.tab-seashell>a {
    border-color: #f3f3f3 !important
}

.nav-tabs>li.active.tab-seashell>a>.fa,
.nav-tabs>li.active.tab-seashell>a .glyphicon,
.nav-tabs>li.active.tab-seashell>a .typcn,
.nav-tabs>li.active.tab-seashell>a .wi {
    color: #f3f3f3
}

.nav-tabs>li.active.tab-ivory>a {
    border-color: #eee !important
}

.nav-tabs>li.active.tab-ivory>a>.fa,
.nav-tabs>li.active.tab-ivory>a .glyphicon,
.nav-tabs>li.active.tab-ivory>a .typcn,
.nav-tabs>li.active.tab-ivory>a .wi {
    color: #eee
}

.nav-tabs>li.active.tab-platinum>a {
    border-color: #e5e5e5 !important
}

.nav-tabs>li.active.tab-platinum>a>.fa,
.nav-tabs>li.active.tab-platinum>a .glyphicon,
.nav-tabs>li.active.tab-platinum>a .typcn,
.nav-tabs>li.active.tab-platinum>a .wi {
    color: #e5e5e5
}

.nav-tabs>li.active.tab-lightgray>a {
    border-color: #d0d0d0 !important
}

.nav-tabs>li.active.tab-lightgray>a>.fa,
.nav-tabs>li.active.tab-lightgray>a .glyphicon,
.nav-tabs>li.active.tab-lightgray>a .typcn,
.nav-tabs>li.active.tab-lightgray>a .wi {
    color: #d0d0d0
}

.nav-tabs>li.active.tab-gray>a {
    border-color: #ccc !important
}

.nav-tabs>li.active.tab-gray>a>.fa,
.nav-tabs>li.active.tab-gray>a .glyphicon,
.nav-tabs>li.active.tab-gray>a .typcn,
.nav-tabs>li.active.tab-gray>a .wi {
    color: #ccc
}

.nav-tabs>li.active.tab-darkgray>a {
    border-color: #999 !important
}

.nav-tabs>li.active.tab-darkgray>a>.fa,
.nav-tabs>li.active.tab-darkgray>a .glyphicon,
.nav-tabs>li.active.tab-darkgray>a .typcn,
.nav-tabs>li.active.tab-darkgray>a .wi {
    color: #999
}

.nav-tabs>li.active.tab-silver>a {
    border-color: #000 !important
}

.nav-tabs>li.active.tab-silver>a>.fa,
.nav-tabs>li.active.tab-silver>a .glyphicon,
.nav-tabs>li.active.tab-silver>a .typcn,
.nav-tabs>li.active.tab-silver>a .wi {
    color: #000
}

.nav-tabs>li.active.tab-sonic-silver>a {
    border-color: #737373 !important
}

.nav-tabs>li.active.tab-sonic-silver>a>.fa,
.nav-tabs>li.active.tab-sonic-silver>a .glyphicon,
.nav-tabs>li.active.tab-sonic-silver>a .typcn,
.nav-tabs>li.active.tab-sonic-silver>a .wi {
    color: #737373
}

.nav-tabs>li.active.tab-storm-cloud>a {
    border-color: #666 !important
}

.nav-tabs>li.active.tab-storm-cloud>a>.fa,
.nav-tabs>li.active.tab-storm-cloud>a .glyphicon,
.nav-tabs>li.active.tab-storm-cloud>a .typcn,
.nav-tabs>li.active.tab-storm-cloud>a .wi {
    color: #666
}

.nav-tabs>li.active.tab-lightcarbon>a {
    border-color: #555 !important
}

.nav-tabs>li.active.tab-lightcarbon>a>.fa,
.nav-tabs>li.active.tab-lightcarbon>a .glyphicon,
.nav-tabs>li.active.tab-lightcarbon>a .typcn,
.nav-tabs>li.active.tab-lightcarbon>a .wi {
    color: #555
}

.nav-tabs>li.active.tab-carbon>a {
    border-color: #444 !important
}

.nav-tabs>li.active.tab-carbon>a>.fa,
.nav-tabs>li.active.tab-carbon>a .glyphicon,
.nav-tabs>li.active.tab-carbon>a .typcn,
.nav-tabs>li.active.tab-carbon>a .wi {
    color: #444
}

.nav-tabs>li.active.tab-slate-gray>a {
    border-color: #333 !important
}

.nav-tabs>li.active.tab-slate-gray>a>.fa,
.nav-tabs>li.active.tab-slate-gray>a .glyphicon,
.nav-tabs>li.active.tab-slate-gray>a .typcn,
.nav-tabs>li.active.tab-slate-gray>a .wi {
    color: #000
}

.nav-tabs>li.active.tab-darkcarbon>a {
    border-color: #262626 !important
}

.nav-tabs>li.active.tab-darkcarbon>a>.fa,
.nav-tabs>li.active.tab-darkcarbon>a .glyphicon,
.nav-tabs>li.active.tab-darkcarbon>a .typcn,
.nav-tabs>li.active.tab-darkcarbon>a .wi {
    color: #262626
}

.nav-tabs>li.active.tab-blue>a {
    border-color: #5db2ff !important
}

.nav-tabs>li.active.tab-blue>a>.fa,
.nav-tabs>li.active.tab-blue>a .glyphicon,
.nav-tabs>li.active.tab-blue>a .typcn,
.nav-tabs>li.active.tab-blue>a .wi {
    color: #5db2ff
}

.nav-tabs>li.active.tab-info>a {
    border-color: #57b5e3 !important
}

.nav-tabs>li.active.tab-info>a>.fa,
.nav-tabs>li.active.tab-info>a .glyphicon,
.nav-tabs>li.active.tab-info>a .typcn,
.nav-tabs>li.active.tab-info>a .wi {
    color: #57b5e3
}

.nav-tabs>li.active.tab-sky>a {
    border-color: #11a9cc !important
}

.nav-tabs>li.active.tab-sky>a>.fa,
.nav-tabs>li.active.tab-sky>a .glyphicon,
.nav-tabs>li.active.tab-sky>a .typcn,
.nav-tabs>li.active.tab-sky>a .wi {
    color: #11a9cc
}

.nav-tabs>li.active.tab-primary>a {
    border-color: #4374e0 !important
}

.nav-tabs>li.active.tab-primary>a>.fa,
.nav-tabs>li.active.tab-primary>a .glyphicon,
.nav-tabs>li.active.tab-primary>a .typcn,
.nav-tabs>li.active.tab-primary>a .wi {
    color: #4374e0
}

.nav-tabs>li.active.tab-blueberry>a {
    border-color: #6f85bf !important
}

.nav-tabs>li.active.tab-blueberry>a>.fa,
.nav-tabs>li.active.tab-blueberry>a .glyphicon,
.nav-tabs>li.active.tab-blueberry>a .typcn,
.nav-tabs>li.active.tab-blueberry>a .wi {
    color: #6f85bf
}

.nav-tabs>li.active.tab-palegreen>a {
    border-color: #a0d468 !important
}

.nav-tabs>li.active.tab-palegreen>a>.fa,
.nav-tabs>li.active.tab-palegreen>a .glyphicon,
.nav-tabs>li.active.tab-palegreen>a .typcn,
.nav-tabs>li.active.tab-palegreen>a .wi {
    color: #a0d468
}

.nav-tabs>li.active.tab-success>a {
    border-color: #8cc34b !important
}

.nav-tabs>li.active.tab-success>a>.fa,
.nav-tabs>li.active.tab-success>a .glyphicon,
.nav-tabs>li.active.tab-success>a .typcn,
.nav-tabs>li.active.tab-success>a .wi {
    color: #8cc34b
}

.nav-tabs>li.active.tab-green>a {
    border-color: #8cc34b !important
}

.nav-tabs>li.active.tab-green>a>.fa,
.nav-tabs>li.active.tab-green>a .glyphicon,
.nav-tabs>li.active.tab-green>a .typcn,
.nav-tabs>li.active.tab-green>a .wi {
    color: #8cc34b
}

.nav-tabs>li.active.tab-lightyellow>a {
    border-color: #f6d52e !important
}

.nav-tabs>li.active.tab-lightyellow>a>.fa,
.nav-tabs>li.active.tab-lightyellow>a .glyphicon,
.nav-tabs>li.active.tab-lightyellow>a .typcn,
.nav-tabs>li.active.tab-lightyellow>a .wi {
    color: #f6d52e
}

.nav-tabs>li.active.tab-yellow>a {
    border-color: #ffce55 !important
}

.nav-tabs>li.active.tab-yellow>a>.fa,
.nav-tabs>li.active.tab-yellow>a .glyphicon,
.nav-tabs>li.active.tab-yellow>a .typcn,
.nav-tabs>li.active.tab-yellow>a .wi {
    color: #ffce55
}

.nav-tabs>li.active.tab-warning>a {
    border-color: #f4b400 !important
}

.nav-tabs>li.active.tab-warning>a>.fa,
.nav-tabs>li.active.tab-warning>a .glyphicon,
.nav-tabs>li.active.tab-warning>a .typcn,
.nav-tabs>li.active.tab-warning>a .wi {
    color: #f4b400
}

.nav-tabs>li.active.tab-gold>a {
    border-color: #f9b256 !important
}

.nav-tabs>li.active.tab-gold>a>.fa,
.nav-tabs>li.active.tab-gold>a .glyphicon,
.nav-tabs>li.active.tab-gold>a .typcn,
.nav-tabs>li.active.tab-gold>a .wi {
    color: #f9b256
}

.nav-tabs>li.active.tab-orange>a {
    border-color: #fb6e52 !important
}

.nav-tabs>li.active.tab-orange>a>.fa,
.nav-tabs>li.active.tab-orange>a .glyphicon,
.nav-tabs>li.active.tab-orange>a .typcn,
.nav-tabs>li.active.tab-orange>a .wi {
    color: #fb6e52
}

.nav-tabs>li.active.tab-lightred>a {
    border-color: #e46f61 !important
}

.nav-tabs>li.active.tab-lightred>a>.fa,
.nav-tabs>li.active.tab-lightred>a .glyphicon,
.nav-tabs>li.active.tab-lightred>a .typcn,
.nav-tabs>li.active.tab-lightred>a .wi {
    color: #e46f61
}

.nav-tabs>li.active.tab-darkorange>a {
    border-color: #ed4e2a !important
}

.nav-tabs>li.active.tab-darkorange>a>.fa,
.nav-tabs>li.active.tab-darkorange>a .glyphicon,
.nav-tabs>li.active.tab-darkorange>a .typcn,
.nav-tabs>li.active.tab-darkorange>a .wi {
    color: #ed4e2a
}

.nav-tabs>li.active.tab-red>a {
    border-color: #df5138 !important
}

.nav-tabs>li.active.tab-red>a>.fa,
.nav-tabs>li.active.tab-red>a .glyphicon,
.nav-tabs>li.active.tab-red>a .typcn,
.nav-tabs>li.active.tab-red>a .wi {
    color: #df5138
}

.nav-tabs>li.active.tab-pink>a {
    border-color: #e75b8d !important
}

.nav-tabs>li.active.tab-pink>a>.fa,
.nav-tabs>li.active.tab-pink>a .glyphicon,
.nav-tabs>li.active.tab-pink>a .typcn,
.nav-tabs>li.active.tab-pink>a .wi {
    color: #e75b8d
}

.nav-tabs>li.active.tab-danger>a {
    border-color: #d73d32 !important
}

.nav-tabs>li.active.tab-danger>a>.fa,
.nav-tabs>li.active.tab-danger>a .glyphicon,
.nav-tabs>li.active.tab-danger>a .typcn,
.nav-tabs>li.active.tab-danger>a .wi {
    color: #d73d32
}

.nav-tabs>li.active.tab-magenta>a {
    border-color: #bc5679 !important
}

.nav-tabs>li.active.tab-magenta>a>.fa,
.nav-tabs>li.active.tab-magenta>a .glyphicon,
.nav-tabs>li.active.tab-magenta>a .typcn,
.nav-tabs>li.active.tab-magenta>a .wi {
    color: #bc5679
}

.nav-tabs>li.active.tab-purple>a {
    border-color: #7e3794 !important
}

.nav-tabs>li.active.tab-purple>a>.fa,
.nav-tabs>li.active.tab-purple>a .glyphicon,
.nav-tabs>li.active.tab-purple>a .typcn,
.nav-tabs>li.active.tab-purple>a .wi {
    color: #7e3794
}

.nav-tabs>li.active.tab-maroon>a {
    border-color: #981b48 !important
}

.nav-tabs>li.active.tab-maroon>a>.fa,
.nav-tabs>li.active.tab-maroon>a .glyphicon,
.nav-tabs>li.active.tab-maroon>a .typcn,
.nav-tabs>li.active.tab-maroon>a .wi {
    color: #981b48
}

.nav-tabs.nav-justified {
    margin-bottom: -2px
}

.nav-tabs.nav-justified>li>a {
    border: none;
    margin-top: -2px
}

.nav-tabs.nav-justified>li>a:hover {
    background-color: transparent
}

.nav-tabs.nav-justified>.active>a,
.nav-tabs.nav-justified>.active>a:hover,
.nav-tabs.nav-justified>.active>a:focus {
    border: 0;
    border-top: 2px solid #2dc3e8;
    background-color: #fbfbfb
}

.nav-tabs .dropdown-menu {
    margin-top: -3px
}

.nav-tabs.tabs-flat {
    box-shadow: none;
    background-color: #0000
}

.tabs-below>.nav-tabs {
    top: auto;
    margin-bottom: 0;
    margin-top: -1px;
    border-bottom-width: 0
}

.tabs-below>.nav-tabs li.active>a,
.tabs-below>.nav-tabs li.active>a:hover,
.tabs-below>.nav-tabs li.active>a:focus {
    border-top-width: 1px;
    border-bottom: 2px solid #5db2ff;
    border-top-color: transparent;
    margin-top: 0;
    box-shadow: 0 2px 3px #00000026
}

.tabs-below>.nav-tabs.nav-justified>li>a {
    margin-bottom: -2px
}

.tabs-below>.nav-tabs.nav-justified>.active>a,
.tabs-below>.nav-tabs.nav-justified>.active>a:hover,
.tabs-below>.nav-tabs.nav-justified>.active>a:focus {
    border: 0;
    border-bottom: 2px solid #5db2ff
}

.tabs-left>.nav-tabs {
    top: auto;
    margin-bottom: 0;
    float: left
}

.tabs-left>.nav-tabs>li {
    float: none
}

.tabs-left>.nav-tabs>li>a,
.tabs-left>.nav-tabs>li>a:focus,
.tabs-left>.nav-tabs>li>a:hover {
    margin: 0 -1px 0 0
}

.tabs-left>.nav-tabs>li.active>a,
.tabs-left>.nav-tabs>li.active>a:focus,
.tabs-left>.nav-tabs>li.active>a:hover {
    border: 0;
    border-left: 2px solid #5db2ff;
    border-right-color: transparent;
    margin: 0 -1px;
    box-shadow: -2px 0 3px #0000004d
}

.tabs-right>.nav-tabs {
    top: auto;
    margin-bottom: 0;
    float: right
}

.tabs-right>.nav-tabs>li {
    float: none
}

.tabs-right>.nav-tabs>li>a,
.tabs-right>.nav-tabs>li>a:focus,
.tabs-right>.nav-tabs>li>a:hover {
    border-top: 0;
    margin: 0 -1px
}

.tabs-right>.nav-tabs>li.active>a,
.tabs-right>.nav-tabs>li.active>a:focus,
.tabs-right>.nav-tabs>li.active>a:hover {
    border-top-width: 0;
    border-right: 2px solid #5db2ff;
    border-left-color: transparent;
    margin: 0 -2px 0 -1px;
    box-shadow: 2px 0 3px #0000004d
}

.tabs-left>.nav-tabs>li>a,
.tabs-right>.nav-tabs>li>a {
    min-width: 60px
}

.nav-tabs li [class*=" fa-"],
.nav-tabs li [class^=fa-] {
    width: 1.25em;
    display: inline-block;
    text-align: center
}

.nav-tabs>li.open .dropdown-bs-toggle {
    background-color: #e5e5e5;
    border-color: #e5e5e5
}

.tabs-left .tab-content,
.tabs-right .tab-content {
    overflow: auto
}

.nav-pills .open .dropdown-bs-toggle,
.nav>li.dropdown.open.active>a:hover,
.nav>li.dropdown.open.active>a:focus {
    background-color: #fbfbfb
}

.nav .dropdown-menu>.active>a,
.nav .dropdown-menu>.active>a:hover,
.nav .dropdown-menu>.active>a:focus {
    color: #262626;
    background-color: #e5e5e5
}

.nav-tabs>li:not(.active):not(.open)>a:not(:hover)>[class*=fa-].disabled:first-child {
    color: #909090 !important
}

.btn {
    cursor: pointer;
    vertical-align: middle;
    margin: 0;
    position: relative;
    display: inline-block;
    color: #fff;
    box-shadow: 0 1px #0000000d;
    transition: all .15s ease;
    -webkit-border-radius: 2px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 2px;
    -moz-background-clip: padding;
    border-radius: 2px;
    font-size: 13px;
    box-shadow: none !important
}

.btn.btn-link {
    border: none !important;
    background: transparent none !important;
    color: #001996 !important;
    -webkit-text-shadow: none !important;
    text-shadow: none !important;
    padding: 4px 0 !important;
    line-height: 30px !important;
    box-shadow: none !important;
    white-space: normal;
    text-align: left
}

.btn.btn-link:hover {
    background: none !important;
    -webkit-text-shadow: none !important;
    text-shadow: none !important;
    color: #001996 !important;
    text-decoration: none
}

.btn.btn-link.active {
    background: none !important;
    text-decoration: underline;
    color: #009ceb !important
}

.btn.btn-link.active:after {
    display: none
}

.btn.btn-link.disabled,
.btn.btn-link[disabled] {
    background: 0;
    opacity: .65;
    filter: alpha(opacity=65)
}

.btn.btn-link.disabled:hover,
.btn.btn-link[disabled]:hover {
    background: none !important;
    text-decoration: none !important
}

.btn.shiny {
    box-shadow: 0 1px 3px 1px #0000001a;
    -webkit-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 3px;
    -moz-background-clip: padding;
    border-radius: 3px;
    background-clip: padding-box
}

.btn.shiny:hover {
    zoom: 1;
    filter: alpha(opacity=90);
    -webkit-opacity: .9;
    -moz-opacity: .9;
    opacity: .9
}

.btn.shiny.active,
.btn.shiny:focus {
    box-shadow: inset 0 3px 5px #00000020
}

.btn.shiny.dropdown-bs-toggle {
    border-left-width: 0 !important
}

.btn.btn-circle {
    -webkit-border-radius: 50%;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 50%;
    -moz-background-clip: padding;
    border-radius: 50%;
    background-clip: padding-box;
    width: 60px;
    height: 60px;
    text-align: center;
    padding: 11px 12px
}

.btn.btn-circle>.fa,
.btn.btn-circle .typcn,
.btn.btn-circle .glyphicon,
.btn.btn-circle>[class*=wi-] {
    font-size: 20px;
    margin: 0 auto;
    line-height: 34px
}

.btn.btn-circle.btn-xs {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0
}

.btn.btn-circle.btn-xs>.fa,
.btn.btn-circle.btn-xs .typcn,
.btn.btn-circle.btn-xs .glyphicon,
.btn.btn-circle.btn-xs>[class*=wi-] {
    font-size: 12px;
    line-height: 14px
}

.btn.btn-circle.btn-sm {
    width: 50px;
    height: 50px;
    padding: 10px 15px
}

.btn.btn-circle.btn-sm>.fa,
.btn.btn-circle.btn-sm .typcn,
.btn.btn-circle.btn-sm .glyphicon,
.btn.btn-circle.btn-sm>[class*=wi-] {
    font-size: 18px;
    line-height: 26px;
    border-radius: 50%
}

.btn.btn-circle.btn-lg {
    width: 70px;
    height: 70px;
    padding: 10px
}

.btn.btn-circle.btn-lg>.fa,
.btn.btn-circle.btn-lg .typcn,
.btn.btn-circle.btn-lg .glyphicon,
.btn.btn-circle.btn-lg>[class*=wi-] {
    font-size: 28px;
    line-height: 46px
}

.btn.btn-labeled {
    position: relative;
    padding-left: 0
}

.btn.btn-labeled.btn-block .btn-label {
    margin-right: 0
}

.btn.btn-labeled .btn-label {
    display: block;
    float: left;
    margin: -7px 12px -9px -2px;
    padding: 8px 10px 8px 11px;
    position: relative;
    background: rgba(0, 0, 0, .06);
    line-height: 15px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

.btn.btn-labeled .btn-label>.fa,
.btn.btn-labeled .btn-label .typcn,
.btn.btn-labeled .btn-label .glyphicon,
.btn.btn-labeled .btn-label>[class*=wi-] {
    margin-right: 0
}

.btn.icon-only {
    width: 36px;
    height: 34px;
    padding: 5px 3px
}

.btn.icon-only>.fa,
.btn.icon-only .typcn,
.btn.icon-only .glyphicon,
.btn.icon-only>[class*=wi-] {
    margin: 0;
    vertical-align: middle;
    text-align: center;
    padding: 0;
    font-size: 22px;
    line-height: 22px
}

.btn>.fa,
.btn .typcn,
.btn .glyphicon,
.btn>[class*=wi-] {
    display: inline;
    font-size: 14px
}

.btn>.fa.right,
.btn .typcn.right,
.btn .glyphicon.right,
.btn>[class*=wi-].right {
    margin-right: 0;
    margin-left: 4px
}

.btn-xs {
    font-size: 11px;
    padding: 2px 7px
}

.btn-xs>.fa,
.btn-xs>.typcn,
.btn-xs>.glyphicon,
.btn-xs>[class*=wi-] {
    font-size: 12px;
    margin-right: 2px
}

.btn-xs>.fa.right,
.btn-xs>.typcn.right,
.btn-xs>.glyphicon.right,
.btn-xs>[class*=wi-].right {
    margin-right: 0;
    margin-left: 2px
}

.btn-xs.icon-only {
    width: 24px;
    height: 24px;
    padding: 2px 6px
}

.btn-xs.icon-only>.fa,
.btn-xs.icon-only>.typcn,
.btn-xs.icon-only>.glyphicon,
.btn-xs.icon-only>[class*=wi-] {
    font-size: 12px;
    line-height: 7px
}

.btn-sm {
    font-size: 12px;
    padding: 4px 9px;
    line-height: 1.39
}

.btn-sm>.fa,
.btn-sm>.typcn,
.btn-sm>.glyphicon,
.btn-sm>[class*=wi-] {
    font-size: 13px;
    margin-right: 3px
}

.btn-sm>.fa.right,
.btn-sm>.typcn.right,
.btn-sm>.glyphicon.right,
.btn-sm>[class*=wi-].right {
    margin-right: 0;
    margin-left: 3px
}

.btn-sm.icon-only {
    width: 31px;
    height: 30px;
    padding: 3px !important
}

.btn-sm.icon-only>.fa,
.btn-sm.icon-only>.typcn,
.btn-sm.icon-only>.glyphicon,
.btn-sm.icon-only>[class*=wi-] {
    font-size: 20px;
    line-height: 21px
}

.btn-lg {
    line-height: 1.35;
    padding: 9px 18px;
    font-size: 14px
}

.btn-lg.icon-only {
    width: 40px;
    height: 38px;
    padding: 6px !important
}

.btn-lg.icon-only>.fa,
.btn-lg.icon-only>.typcn,
.btn-lg.icon-only>.glyphicon,
.btn-lg.icon-only>[class*=wi-] {
    font-size: 24px;
    line-height: 26px
}

.btn-lg>.fa,
.btn-lg>.typcn,
.btn-lg>.glyphicon,
.btn-lg>[class*=wi-] {
    font-size: 16px;
    margin-right: 6px
}

.btn-lg>.fa.right,
.btn-lg>.typcn.right,
.btn-lg>.glyphicon.right,
.btn-lg>[class*=wi-].right {
    margin-right: 0;
    margin-left: 6px
}

.btn,
.btn-default,
.btn:focus,
.btn-default:focus {
    border-color: #8cc34b;
    background: rgb(140, 195, 75);
    padding-left: 50px;
    padding-right: 50px;
    color: #fff;
    font-size: 14px !important;
    text-transform: uppercase;
    font-weight: 700 !important;
    transition: background .5s;
    border: 0px
}

.btn:hover,
.btn-default:hover {
    outline: none
}

.custom-button,
.view_log_btn_none:hover,
.overflow_visiblity .dropdown-bs-toggle:hover {
    background-color: transparent !important;
    border-color: transparent !important
}

.hover_eff .btn:hover,
.btn-default:hover {
    color: #e9e9e9 !important
}

.btn.shiny,
.btn-default.shiny {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
    background-image: linear-gradient(to bottom, rgb(255, 255, 255) 0, #ededed 100%)
}

.btn.dropdown-bs-toggle:not(:first-child),
.btn-default.dropdown-bs-toggle:not(:first-child) {
    border-left-width: 0 !important;
    margin-left: -1px
}

.btn-default:hover,
.open .btn-default.dropdown-bs-toggle {
    border-color: #b8b8b8;
    box-shadow: 0 1px #0000001a
}

.open .btn-default.dropdown-bs-toggle {
    box-shadow: inset 0 3px 5px #00000020
}

.btn-primary,
.btn-primary:focus {
    background-color: #757272 !important;
    border-color: #757272;
    color: #fff;
    border: 0px
}

.btn-primary:hover {
    color: #fff;
    border: 1px solid rgb(0, 0, 0);
    border-color: #000
}

.btn-primary.dropdown-bs-toggle {
    border-left-color: #6a99ee !important
}

.btn-primary.active {
    background-color: #2c56b1 !important;
    border-color: #21448d
}

.btn-primary.shiny {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iNSUiIHN0b3AtY29sb3I9IiMwMDk1ZmYiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwNWVmZiIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=)
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    background-color: #427fed;
    border-color: #427fed;
    zoom: 1;
    filter: alpha(opacity=50);
    -webkit-opacity: .5;
    -moz-opacity: .5;
    opacity: .5
}

.btn-info,
.btn-info:focus {
    background-color: #57b5e3 !important;
    border-color: #57b5e3;
    color: #fff
}

.btn-info:hover {
    color: #fff
}

.btn-info.dropdown-bs-toggle {
    border-left-color: #8bcdee !important
}

.btn-info.active {
    background-color: #5fa6d3 !important;
    border-color: #4396cb
}

.btn-info.shiny {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwMGFkZWUiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwNzhhNSIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
    background-image: linear-gradient(linear, left to bottom, left bottom, from(#00adee), to(#0078a5))
}

.btn-info:hover,
.open .btn-info.dropdown-bs-toggle {
    background-color: #6abce2 !important;
    border-color: #6abce2
}

.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
    background-color: #57b5e3 !important;
    border-color: #57b5e3;
    zoom: 1;
    filter: alpha(opacity=50);
    -webkit-opacity: .5;
    -moz-opacity: .5;
    opacity: .5
}

.btn-success,
.btn-success:focus {
    border-color: #001996 !important;
    min-width: 55.87px !important;
    background: rgb(0, 25, 150);
    background-color: #001996 !important;
    padding: 10px 50px;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 400;
    transition: background .5s
}

.btn-success:hover {
    color: #fff
}

.btn-success.dropdown-bs-toggle {
    border-left-color: #a0d468 !important
}

.btn-success.active {
    background-color: #3e802f !important;
    border-color: #2f6124
}

.btn-success.shiny {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM3ZGI3MmYiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzRlN2QwZSIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
    background-image: linear-gradient(linear, left to bottom, left bottom, from(#7db72f), to(#4e7d0e))
}

.btn-success:hover,
.open .btn-success.dropdown-bs-toggle {
    background-color: #020f4f !important;
    border-color: #020f4f !important
}

.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
    background-color: #8cc34b !important;
    zoom: 1;
    filter: alpha(opacity=50);
    -webkit-opacity: .5;
    -moz-opacity: .5;
    opacity: .5
}

.btn-warning,
.btn-warning:focus {
    background-color: #f4b400 !important;
    border-color: #f4b400;
    color: #fff
}

.btn-warning:hover {
    color: #fff
}

.btn-warning.dropdown-bs-toggle {
    border-left-color: #ffce55 !important
}

.btn-warning.active {
    background-color: #f2a73e !important;
    border-color: #f0981c
}

.btn-warning.shiny {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmYWE1MWEiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y0N2EyMCIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
    background-image: linear-gradient(linear, left to bottom, left bottom, from(#faa51a), to(#f47a20))
}

.btn-warning:hover,
.open .btn-warning.dropdown-bs-toggle {
    background-color: #f6c12a !important;
    border-color: #f6c12a
}

.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
    background-color: #f4b400 !important;
    border-color: #f4b400;
    zoom: 1;
    filter: alpha(opacity=50);
    -webkit-opacity: .5;
    -moz-opacity: .5;
    opacity: .5
}

.btn-danger,
.btn-danger:focus {
    background-color: #757272 !important;
    border-color: #757272;
    color: #fff;
    min-width: 55.87px !important
}

.btn-danger:hover {
    color: #fff
}

.btn-danger.dropdown-bs-toggle {
    border-left-color: #e46f61 !important
}

.btn-danger.active {
    background-color: #be3e2e !important;
    border-color: #9a3323
}

.btn-danger.shiny {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNlZDFjMjQiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2FhMTMxNyIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
    background-image: linear-gradient(linear, left to bottom, left bottom, from(#ed1c24), to(#aa1317))
}

.btn-danger:hover,
.open .btn-danger.dropdown-bs-toggle {
    background-color: #6c6a6a !important;
    border-color: #6c6a6a
}

.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
    background-color: #e94c5f !important;
    border-color: #e94c5f;
    zoom: 1;
    filter: alpha(opacity=50);
    -webkit-opacity: .5;
    -moz-opacity: .5;
    opacity: .5
}

.btn-blue,
.btn-blue:focus {
    background-color: #5db2ff !important;
    border-color: #5db2ff;
    color: #fff
}

.btn-blue:hover {
    color: #fff
}

.btn-blue.dropdown-bs-toggle {
    border-left-color: #81c1fb !important
}

.btn-blue.active {
    background-color: #449cec !important;
    border-color: #3d90db
}

.btn-blue.shiny {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM3MGJhZmQiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzQ0OWNlYyIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
    background-image: linear-gradient(linear, left to bottom, left bottom, from(#70bafd), to(#449cec))
}

.btn-blue:hover,
.open .btn-blue.dropdown-bs-toggle {
    background-color: #70bafd !important;
    border-color: #70bafd;
    color: #fff
}

.btn-blue.disabled,
.btn-blue[disabled],
fieldset[disabled] .btn-blue,
.btn-blue.disabled:hover,
.btn-blue[disabled]:hover,
fieldset[disabled] .btn-blue:hover,
.btn-blue.disabled:focus,
.btn-blue[disabled]:focus,
fieldset[disabled] .btn-blue:focus,
.btn-blue.disabled:active,
.btn-blue[disabled]:active,
fieldset[disabled] .btn-blue:active,
.btn-blue.disabled.active,
.btn-blue[disabled].active,
fieldset[disabled] .btn-blue.active {
    background-color: #5db2ff !important;
    border-color: #5db2ff;
    zoom: 1;
    filter: alpha(opacity=50);
    -webkit-opacity: .5;
    -moz-opacity: .5;
    opacity: .5
}

.btn-sky,
.btn-sky:focus {
    background-color: #11a9cc !important;
    border-color: #11a9cc;
    color: #fff
}

.btn-sky:hover {
    color: #fff
}

.btn-sky.dropdown-bs-toggle {
    border-left-color: #81c1fb !important
}

.btn-sky.active {
    background-color: #2095b0 !important;
    border-color: #2f97af
}

.btn-sky.shiny {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMyOGIzZDMiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzIwOTViMCIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
    background-image: linear-gradient(linear, left to bottom, left bottom, from(#28b3d3), to(#2095b0))
}

.btn-sky:hover,
.open .btn-sky.dropdown-bs-toggle {
    background-color: #28b3d3 !important;
    border-color: #28b3d3;
    color: #fff
}

.btn-sky.disabled,
.btn-sky[disabled],
fieldset[disabled] .btn-sky,
.btn-sky.disabled:hover,
.btn-sky[disabled]:hover,
fieldset[disabled] .btn-sky:hover,
.btn-sky.disabled:focus,
.btn-sky[disabled]:focus,
fieldset[disabled] .btn-sky:focus,
.btn-sky.disabled:active,
.btn-sky[disabled]:active,
fieldset[disabled] .btn-sky:active,
.btn-sky.disabled.active,
.btn-sky[disabled].active,
fieldset[disabled] .btn-sky.active {
    background-color: #11a9cc !important;
    border-color: #11a9cc;
    zoom: 1;
    filter: alpha(opacity=50);
    -webkit-opacity: .5;
    -moz-opacity: .5;
    opacity: .5
}

.btn-azure,
.btn-azure:focus {
    background-color: #2dc3e8 !important;
    border-color: #2dc3e8;
    color: #fff
}

.btn-azure:hover {
    color: #fff
}

.btn-azure.dropdown-bs-toggle {
    border-left-color: #3ecdf1 !important
}

.btn-azure.active {
    background-color: #2badce !important;
    border-color: #2badce
}

.btn-azure.shiny {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMzZWNkZjEiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzJiYWRjZSIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
    background-image: linear-gradient(linear, left to bottom, left bottom, from(#3ecdf1), to(#2badce))
}

.btn-azure:hover,
.open .btn-azure.dropdown-bs-toggle {
    background-color: #3ecdf1 !important;
    border-color: #3ecdf1;
    color: #fff
}

.btn-azure.disabled,
.btn-azure[disabled],
fieldset[disabled] .btn-azure,
.btn-azure.disabled:hover,
.btn-azure[disabled]:hover,
fieldset[disabled] .btn-azure:hover,
.btn-azure.disabled:focus,
.btn-azure[disabled]:focus,
fieldset[disabled] .btn-azure:focus,
.btn-azure.disabled:active,
.btn-azure[disabled]:active,
fieldset[disabled] .btn-azure:active,
.btn-azure.disabled.active,
.btn-azure[disabled].active,
fieldset[disabled] .btn-azure.active {
    background-color: #2dc3e8 !important;
    border-color: #2dc3e8;
    zoom: 1;
    filter: alpha(opacity=50);
    -webkit-opacity: .5;
    -moz-opacity: .5;
    opacity: .5
}

.btn-palegreen,
.btn-palegreen:focus {
    background-color: #a0d468 !important;
    border-color: #a0d468;
    color: #fff
}

.btn-palegreen:hover {
    color: #fff
}

.btn-palegreen.dropdown-bs-toggle {
    border-left-color: #a6d791 !important
}

.btn-palegreen.active {
    background-color: #74aa5d !important;
    border-color: #699755
}

.btn-palegreen.shiny {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM5Y2Q1ODQiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzc0YWE1ZCIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
    background-image: linear-gradient(linear, left to bottom, left bottom, from(#9cd584), to(#74aa5d))
}

.btn-palegreen:hover,
.open .btn-palegreen.dropdown-bs-toggle {
    background-color: #9cd584 !important;
    border-color: #9cd584;
    color: #fff
}

.btn-palegreen.disabled,
.btn-palegreen[disabled],
fieldset[disabled] .btn-palegreen,
.btn-palegreen.disabled:hover,
.btn-palegreen[disabled]:hover,
fieldset[disabled] .btn-palegreen:hover,
.btn-palegreen.disabled:focus,
.btn-palegreen[disabled]:focus,
fieldset[disabled] .btn-palegreen:focus,
.btn-palegreen.disabled:active,
.btn-palegreen[disabled]:active,
fieldset[disabled] .btn-palegreen:active,
.btn-palegreen.disabled.active,
.btn-palegreen[disabled].active,
fieldset[disabled] .btn-palegreen.active {
    background-color: #a0d468 !important;
    border-color: #a0d468;
    zoom: 1;
    filter: alpha(opacity=50);
    -webkit-opacity: .5;
    -moz-opacity: .5;
    opacity: .5
}

.btn-yellow,
.btn-yellow:focus {
    background-color: #ffce55 !important;
    border-color: #ffce55;
    color: #fff
}

.btn-yellow:hover {
    color: #fff
}

.btn-yellow.dropdown-bs-toggle {
    border-left-color: #f6d52e !important
}

.btn-yellow.active {
    background-color: #fbc220 !important;
    border-color: #f3ba17;
    color: #fff !important
}

.btn-yellow.shiny {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZGQzNWEiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZiYzIyMCIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
    background-image: linear-gradient(linear, left to bottom, left bottom, from(#fdd35a), to(#fbc220))
}

.btn-yellow:hover,
.open .btn-yellow.dropdown-bs-toggle {
    background-color: #fdd35a !important;
    border-color: #fdd35a;
    color: #fff
}

.btn-yellow.disabled,
.btn-yellow[disabled],
fieldset[disabled] .btn-yellow,
.btn-yellow.disabled:hover,
.btn-yellow[disabled]:hover,
fieldset[disabled] .btn-yellow:hover,
.btn-yellow.disabled:focus,
.btn-yellow[disabled]:focus,
fieldset[disabled] .btn-yellow:focus,
.btn-yellow.disabled:active,
.btn-yellow[disabled]:active,
fieldset[disabled] .btn-yellow:active,
.btn-yellow.disabled.active,
.btn-yellow[disabled].active,
fieldset[disabled] .btn-yellow.active {
    background-color: #ffce55 !important;
    border-color: #ffce55;
    zoom: 1;
    filter: alpha(opacity=50);
    -webkit-opacity: .5;
    -moz-opacity: .5;
    opacity: .5
}

.btn-darkorange,
.btn-darkorange:focus {
    background-color: #ed4e2a !important;
    border-color: #ed4e2a;
    color: #fff
}

.btn-darkorange:hover {
    color: #fff
}

.btn-darkorange.dropdown-bs-toggle {
    border-left-color: #f07154 !important
}

.btn-darkorange.active {
    background-color: #da411f !important;
    border-color: #cc3918
}

.btn-darkorange.shiny {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNlZjY5NGIiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RhNDExZiIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
    background-image: linear-gradient(linear, left to bottom, left bottom, from(#ef694b), to(#da411f))
}

.btn-darkorange:hover,
.open .btn-darkorange.dropdown-bs-toggle {
    background-color: #ef694b !important;
    border-color: #ef694b;
    color: #fff
}

.btn-darkorange.disabled,
.btn-darkorange[disabled],
fieldset[disabled] .btn-darkorange,
.btn-darkorange.disabled:hover,
.btn-darkorange[disabled]:hover,
fieldset[disabled] .btn-darkorange:hover,
.btn-darkorange.disabled:focus,
.btn-darkorange[disabled]:focus,
fieldset[disabled] .btn-darkorange:focus,
.btn-darkorange.disabled:active,
.btn-darkorange[disabled]:active,
fieldset[disabled] .btn-darkorange:active,
.btn-darkorange.disabled.active,
.btn-darkorange[disabled].active,
fieldset[disabled] .btn-darkorange.active {
    background-color: #ed4e2a !important;
    border-color: #ed4e2a;
    zoom: 1;
    filter: alpha(opacity=50);
    -webkit-opacity: .5;
    -moz-opacity: .5;
    opacity: .5
}

.btn-magenta,
.btn-magenta:focus {
    background-color: #bc5679 !important;
    border-color: #bc5679;
    color: #fff
}

.btn-magenta:hover {
    color: #fff
}

.btn-magenta.dropdown-bs-toggle {
    border-left-color: #c96d8c !important
}

.btn-magenta.active {
    background-color: #a5325a !important;
    border-color: #9f3156
}

.btn-magenta.shiny {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNjNDYyODMiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2E1MzI1YSIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
    background-image: linear-gradient(linear, left to bottom, left bottom, from(#c46283), to(#a5325a))
}

.btn-magenta:hover,
.open .btn-magenta.dropdown-bs-toggle {
    background-color: #c46283 !important;
    border-color: #c46283;
    color: #fff
}

.btn-magenta.disabled,
.btn-magenta[disabled],
fieldset[disabled] .btn-magenta,
.btn-magenta.disabled:hover,
.btn-magenta[disabled]:hover,
fieldset[disabled] .btn-magenta:hover,
.btn-magenta.disabled:focus,
.btn-magenta[disabled]:focus,
fieldset[disabled] .btn-magenta:focus,
.btn-magenta.disabled:active,
.btn-magenta[disabled]:active,
fieldset[disabled] .btn-magenta:active,
.btn-magenta.disabled.active,
.btn-magenta[disabled].active,
fieldset[disabled] .btn-magenta.active {
    background-color: #bc5679 !important;
    border-color: #bc5679;
    zoom: 1;
    filter: alpha(opacity=50);
    -webkit-opacity: .5;
    -moz-opacity: .5;
    opacity: .5
}

.btn-purple,
.btn-purple:focus {
    background-color: #7e3794 !important;
    border-color: #7e3794;
    color: #fff
}

.btn-purple:hover {
    color: #fff
}

.btn-purple.dropdown-bs-toggle {
    border-left-color: #9852ae !important
}

.btn-purple.active {
    background-color: #69257e !important;
    border-color: #601e74
}

.btn-purple.shiny {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM4YzQ0YTIiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzY5MjU3ZSIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
    background-image: linear-gradient(linear, left to bottom, left bottom, from(#8c44a2), to(#69257e))
}

.btn-purple:hover,
.open .btn-purple.dropdown-bs-toggle {
    background-color: #8c44a2 !important;
    border-color: #8c44a2;
    color: #fff
}

.btn-purple.disabled,
.btn-purple[disabled],
fieldset[disabled] .btn-purple,
.btn-purple.disabled:hover,
.btn-purple[disabled]:hover,
fieldset[disabled] .btn-purple:hover,
.btn-purple.disabled:focus,
.btn-purple[disabled]:focus,
fieldset[disabled] .btn-purple:focus,
.btn-purple.disabled:active,
.btn-purple[disabled]:active,
fieldset[disabled] .btn-purple:active,
.btn-purple.disabled.active,
.btn-purple[disabled].active,
fieldset[disabled] .btn-purple.active {
    background-color: #7e3794 !important;
    border-color: #7e3794;
    zoom: 1;
    filter: alpha(opacity=50);
    -webkit-opacity: .5;
    -moz-opacity: .5;
    opacity: .5
}

.btn-maroon,
.btn-maroon:focus {
    background-color: #981b48 !important;
    border-color: #981b48;
    color: #fff
}

.btn-maroon:hover {
    color: #fff
}

.btn-maroon.dropdown-bs-toggle {
    border-left-color: #b55274 !important
}

.btn-maroon.active {
    background-color: #7c1138 !important;
    border-color: #9f3156
}

.btn-maroon.shiny {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNhODI4NTYiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzg2MTIzYyIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
    background-image: linear-gradient(linear, left to bottom, left bottom, from(#a82856), to(#86123c))
}

.btn-maroon:hover,
.open .btn-maroon.dropdown-bs-toggle {
    background-color: #a82856 !important;
    border-color: #a82856;
    color: #fff
}

.btn-maroon.disabled,
.btn-maroon[disabled],
fieldset[disabled] .btn-maroon,
.btn-maroon.disabled:hover,
.btn-maroon[disabled]:hover,
fieldset[disabled] .btn-maroon:hover,
.btn-maroon.disabled:focus,
.btn-maroon[disabled]:focus,
fieldset[disabled] .btn-maroon:focus,
.btn-maroon.disabled:active,
.btn-maroon[disabled]:active,
fieldset[disabled] .btn-maroon:active,
.btn-maroon.disabled.active,
.btn-maroon[disabled].active,
fieldset[disabled] .btn-maroon.active {
    background-color: #981b48 !important;
    border-color: #981b48;
    zoom: 1;
    filter: alpha(opacity=50);
    -webkit-opacity: .5;
    -moz-opacity: .5;
    opacity: .5
}

.btn.disabled.active,
.btn[disabled].active,
.btn.disabled:focus,
.btn[disabled]:focus,
.btn.disabled:active,
.btn[disabled]:active {
    outline: 0
}

.btn.disabled:active,
.btn[disabled]:active {
    top: 0;
    left: 0
}

.open .btn.dropdown-bs-toggle {
    box-shadow: inset 0 3px 5px #00000020
}

.btn-group>.btn:not(:first-child):not(.dropdown-bs-toggle) {
    border-left: 0
}

.btn-group>.btn,
.btn-group>.btn+.btn {
    margin: 0
}

.btn-group>.btn:first-child {
    margin: 0;
    -webkit-border-radius: 2px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 2px;
    -moz-background-clip: padding;
    border-radius: 2px;
    background-clip: padding-box
}

.btn-group>.btn:last-child {
    -webkit-border-radius: 0 2px 2px 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0 2px 2px 0;
    -moz-background-clip: padding;
    border-radius: 0 2px 2px 0;
    background-clip: padding-box
}

.btn-group>.btn>.caret {
    margin-left: 1px;
    border-width: 5px;
    border-top-color: #fff;
    margin-top: 1px
}

.btn-group>.btn.btn-default>.caret {
    border-top-color: #000
}

.btn-group>.btn+.btn.dropdown-bs-toggle {
    padding-left: 7px;
    padding-right: 7px
}

.btn-group>.btn+.btn-lg.dropdown-bs-toggle {
    padding-right: 10px;
    padding-left: 10px
}

.btn-group>.btn+.btn-sm.dropdown-bs-toggle {
    padding-right: 6px;
    padding-left: 6px
}

.btn-group>.btn+.btn-sm.dropdown-bs-toggle .fa {
    line-height: 13px
}

.btn-group>.btn+.btn-xs.dropdown-bs-toggle {
    padding-right: 5px;
    padding-left: 5px
}

.btn-group>.btn+.btn-xs.dropdown-bs-toggle .fa {
    line-height: 13px
}

.btn-group .dropdown-bs-toggle {
    -webkit-border-radius: 0 2px 2px 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0 2px 2px 0;
    -moz-background-clip: padding;
    border-radius: 0 2px 2px 0;
    background-clip: padding-box
}

.btn-group .dropdown-bs-toggle .fa {
    display: inline-block;
    margin-top: 1px;
    font-size: 14px;
    line-height: 14px;
    margin-right: 0;
    margin-left: 0
}

.btn-group>.btn,
.btn-group+.btn {
    margin: 0
}

.btn-group>.btn.active:after,
.btn-group+.btn.active:after {
    left: -2px;
    right: -2px;
    bottom: -2px;
    border-bottom-width: 1px
}

.btn-group-vertical>.btn:not(:last-child) {
    border-bottom: 0
}

.btn-group-vertical>.btn:first-child:not(:last-child) {
    border-top-right-radius: 2px
}

.btn-group-vertical>.btn:last-child:not(:first-child) {
    border-bottom-left-radius: 2px
}

.btn-group-vertical>.btn,
.btn-group-vertical>.btn+.btn {
    margin: 0
}

.btn-group-vertical>.btn:first-child {
    margin-right: 0
}

.accordion.spaced.panel-group .panel+.panel {
    margin-top: 3px
}

.accordion.panel-group {
    border: 1px solid rgb(191, 186, 186);
    border-top-width: 0
}

.accordion.panel-group .panel {
    border-radius: 0;
    border: 0;
    background-color: #fff;
    box-shadow: none
}

.accordion.panel-group .panel:last-child {
    border-bottom-width: 1px
}

.accordion.panel-group .panel .collapse {
    background-color: #fff
}

.accordion.panel-group .panel+.panel {
    margin-top: 0
}

.accordion.panel-group .panel-heading {
    padding: 0
}

.accordion.panel-group .panel-heading+.panel-collapse .panel-body {
    border-top-color: #bfbaba !important
}

.accordion.panel-group .panel-heading .accordion-toggle {
    color: #555;
    background-color: #fff;
    position: relative;
    font-weight: 700;
    font-size: 13px;
    line-height: 1;
    padding: 10px;
    display: block
}

.accordion.panel-group .panel-heading .accordion-toggle:after {
    transition: all .218s;
    position: absolute;
    right: 20px;
    top: 8px;
    font-family: FontAwesome;
    font-size: 17px;
    font-weight: 700;
    content: "\f107";
    color: #bebebe
}

.accordion.panel-group .panel-heading .accordion-toggle.collapsed:after {
    content: "\f105"
}

.accordion.panel-group .panel-heading .accordion-toggle.collapsed {
    color: #737373;
    font-weight: 400;
    background-color: #fff;
    transition: border .218s;
    border-bottom: 1px solid rgb(235, 235, 235)
}

.accordion.panel-group .panel-heading .accordion-toggle:hover {
    color: #262626;
    text-decoration: none
}

.accordion.panel-group .panel-heading .accordion-toggle:hover>[class*=icon-]:first-child {
    text-decoration: none
}

.accordion.panel-group .panel-heading .accordion-toggle:hover:after {
    color: #262626
}

.accordion.panel-group .panel-heading .accordion-toggle:focus,
.accordion.panel-group .panel-heading .accordion-toggle:active {
    outline: 0;
    text-decoration: none
}

.accordion.panel-group .panel-heading .accordion-toggle>[class*=fa-]:first-child {
    width: 16px
}

.accordion.panel-group .panel-body {
    background-color: #eee;
    border-left: 2px solid #eeeeee;
    color: #262626 !important
}

.accordion.panel-group.no-padding {
    padding: 0
}

.label,
.badge {
    display: inline-block;
    font-weight: 300;
    -webkit-text-shadow: none !important;
    text-shadow: none !important
}

.label {
    font-size: 12px;
    padding: 4px 6px;
    -webkit-border-radius: 2px !important;
    -webkit-background-clip: padding-box !important;
    -moz-border-radius: 2px !important;
    -moz-background-clip: padding !important;
    border-radius: 2px !important;
    background-clip: padding-box !important
}

.label.label-sm {
    font-size: 12px;
    padding: 1px 4px
}

.badge {
    font-size: 11px !important;
    font-weight: 300;
    text-align: center;
    background-color: #ccc;
    height: 18px;
    min-width: 82px;
    padding: 3px 6px;
    -webkit-border-radius: 12px !important;
    -webkit-background-clip: padding-box !important;
    -moz-border-radius: 12px !important;
    -moz-background-clip: padding !important;
    border-radius: 2px !important;
    background-clip: padding-box !important;
    -webkit-text-shadow: none !important;
    text-shadow: none !important;
    vertical-align: middle
}

.badge.badge-square {
    -webkit-border-radius: 2px !important;
    -webkit-background-clip: padding-box !important;
    -moz-border-radius: 2px !important;
    -moz-background-clip: padding !important;
    border-radius: 2px !important;
    background-clip: padding-box !important
}

.badge.badge-empty {
    display: inline-block;
    width: 10px;
    height: 10px;
    padding: 0;
    vertical-align: baseline
}

.badge-default,
.label-default {
    background-color: #ccc !important
}

.badge-default.graded,
.label-default.graded {
    background: linear-gradient(to right, #cccccc, #e5e5e5) !important
}

.badge-blue,
.label-blue {
    background-color: #5db2ff !important
}

.badge-blue.graded,
.label-blue.graded {
    background: linear-gradient(to right, #5db2ff, #80c1fb) !important
}

.label-info,
.badge-info {
    background-color: #57b5e3;
    background-image: none !important
}

.label-info.graded,
.badge-info.graded {
    background: linear-gradient(to right, #57b5e3, #c4e6f6) !important
}

.label-sky,
.badge-sky {
    background-color: #11a9cc;
    background-image: none !important
}

.label-sky.graded,
.badge-sky.graded {
    background: linear-gradient(to right, #11a9cc, #c4e6f6) !important
}

.badge-primary,
.label-primary {
    background-color: #4374e0 !important
}

.badge-primary.graded,
.label-primary.graded {
    background: linear-gradient(to right, #4374e0, #aec9fa) !important
}

.label-azure,
.badge-azure {
    background-color: #2dc3e8;
    background-image: none !important
}

.label-azure.graded,
.badge-azure.graded {
    background: linear-gradient(to right, #2dc3e8, #5edfff) !important
}

.label-blueberry,
.badge-blueberry {
    background-color: #6f85bf;
    background-image: none !important
}

.label-blueberry.graded,
.badge-blueberry.graded {
    background: linear-gradient(to right, #6f85bf, #ced5e9) !important
}

.label-palegreen,
.badge-palegreen {
    background-color: #a0d468;
    background-image: none !important
}

.label-palegreen.graded,
.badge-palegreen.graded {
    background: linear-gradient(to right, #a0d468, #c5e9b6) !important
}

.label-success,
.badge-success {
    background-color: #8cc34b;
    background-image: none !important
}

.label-success.graded,
.badge-success.graded {
    background: linear-gradient(to right, rgb(140, 195, 75), #b0e0a4) !important
}

.label-green,
.badge-green {
    background-color: #8cc34b;
    background-image: none !important
}

.label-green.graded,
.badge-green.graded {
    background: linear-gradient(to right, rgb(140, 195, 75), #a0d468) !important
}

.label-lightyellow,
.badge-lightyellow {
    background-color: #f6d52e;
    background-image: none !important
}

.label-lightyellow.graded,
.badge-lightyellow.graded {
    background: linear-gradient(to right, #f6d52e, #f8e26d) !important
}

.label-yellow,
.badge-yellow {
    background-color: #ffce55;
    background-image: none !important
}

.label-yellow.graded,
.badge-yellow.graded {
    background: linear-gradient(to right, #ffce55, #f6d52e) !important
}

.label-warning,
.badge-warning {
    background-color: #f4b400;
    background-image: none !important
}

.label-warning.graded,
.badge-warning.graded {
    background: linear-gradient(to right, #f4b400, #f8df95) !important
}

.label-gold,
.badge-gold {
    background-color: #f9b256;
    background-image: none !important
}

.label-gold.graded,
.badge-gold.graded {
    background: linear-gradient(to right, #f9b256, #fece90) !important
}

.label-orange,
.badge-orange {
    background-color: #fb6e52;
    background-image: none !important
}

.label-orange.graded,
.badge-orange.graded {
    background: linear-gradient(to right, #fb6e52, #fb9f8d) !important
}

.label-lightred,
.badge-lightred {
    background-color: #e46f61;
    background-image: none !important
}

.label-lightred.graded,
.badge-lightred.graded {
    background: linear-gradient(to right, #e46f61, #f88f83) !important
}

.label-darkorange,
.badge-darkorange {
    background-color: #ed4e2a;
    background-image: none !important
}

.label-darkorange.graded,
.badge-darkorange.graded {
    background: linear-gradient(to right, #ed4e2a, #f5a998) !important
}

.label-red,
.badge-red {
    background-color: #df5138;
    background-image: none !important
}

.label-red.graded,
.badge-red.graded {
    background: linear-gradient(to right, #df5138, #f5836f) !important
}

.label-pink,
.badge-pink {
    background-color: #e75b8d;
    background-image: none !important
}

.label-pink.graded,
.badge-pink.graded {
    background: linear-gradient(to right, #e75b8d, #f299b9) !important
}

.label-darkpink,
.badge-darkpink {
    background-color: #cc324b;
    background-image: none !important
}

.label-darkpink.graded,
.badge-darkpink.graded {
    background: linear-gradient(to right, #cc324b, #fb6880) !important
}

.label-danger,
.badge-danger {
    background-color: #e94c5f;
    background-image: none !important
}

.label-danger.graded,
.badge-danger.graded {
    background: linear-gradient(to right, #d73d32, #f7b5b0) !important
}

.label-magenta,
.badge-magenta {
    background-color: #bc5679;
    background-image: none !important
}

.label-magenta.graded,
.badge-magenta.graded {
    background: linear-gradient(to right, #bc5679, #e9abc0) !important
}

.label-purple,
.badge-purple {
    background-color: #7e3794;
    background-image: none !important
}

.label-purple.graded,
.badge-purple.graded {
    background: linear-gradient(to right, #7e3794, #daafe8) !important
}

.label-maroon,
.badge-maroon {
    background-color: #981b48;
    background-image: none !important
}

.label-maroon.graded,
.badge-maroon.graded {
    background: linear-gradient(to right, #981b48, #eab6c9) !important
}

.progress {
    border-radius: 3px;
    box-shadow: none;
    background: #e5e5e5;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    height: 18px;
    position: relative
}

.progress:before {
    display: inline-block;
    content: "";
    position: absolute;
    inset: 0;
    background-image: 8121991;
    background-image: radial-gradient(9px 9px 0, circle farthest-corner, #00ffff 0, rgba(0, 0, 255, 0) 100%, #0000ff 95%)
}

.progress .progress-bar {
    box-shadow: none;
    line-height: 18px
}

.progress.progress-xlg {
    height: 26px
}

.progress.progress-xlg .progress-bar {
    line-height: 25px
}

.progress.progress-lg {
    height: 22px
}

.progress.progress-lg .progress-bar {
    line-height: 21px
}

.progress.progress-sm {
    height: 12px
}

.progress.progress-sm .progress-bar {
    line-height: 10px;
    font-size: 11px
}

.progress.progress-xs {
    height: 9px
}

.progress.progress-xs .progress-bar {
    line-height: 8px;
    font-size: 11px
}

.progress.progress-xxs {
    height: 4px
}

.progress.progress-xxs .progress-bar {
    line-height: 4px;
    font-size: 0
}

.progress.progress-right .progress-bar {
    float: right
}

.progress.progress-shadowed {
    box-shadow: 0 0 4px #0003
}

.progress.progress-no-radius {
    -webkit-border-radius: 0 !important;
    -webkit-background-clip: padding-box !important;
    -moz-border-radius: 0 !important;
    -moz-background-clip: padding !important;
    border-radius: 0 !important;
    background-clip: padding-box !important
}

.progress.progress-vertical {
    width: 25px;
    height: 100%;
    min-height: 150px;
    margin-right: 20px;
    display: inline-block;
    margin-bottom: 0
}

.progress.progress-vertical .progress-bar {
    position: absolute;
    width: 25px;
    overflow: hidden;
    line-height: 20px;
    height: 0;
    transition: height .5s ease
}

.progress.progress-vertical .progress-bar span {
    width: 100%;
    font-size: 12px;
    text-align: center
}

.progress.progress-vertical.progress-bottom {
    position: relative
}

.progress.progress-vertical.progress-bottom .progress-bar {
    position: absolute;
    bottom: 0
}

.progress.progress-vertical.progress-bottom .progress-bar span {
    position: absolute;
    left: 0;
    bottom: 0
}

.progress.progress-vertical.progress-xlg,
.progress.progress-vertical.progress-xlg .progress-bar {
    width: 40px
}

.progress.progress-vertical.progress-lg,
.progress.progress-vertical.progress-lg .progress-bar {
    width: 30px
}

.progress.progress-vertical.progress-sm,
.progress.progress-vertical.progress-sm .progress-bar {
    width: 20px
}

.progress.progress-vertical.progress-sm .progress-bar span {
    font-size: 8px
}

.progress.progress-vertical.progress-xs,
.progress.progress-vertical.progress-xs .progress-bar {
    width: 10px
}

.progress.progress-vertical.progress-xs .progress-bar span {
    font-size: 0
}

.progress.progress-vertical.progress-xxs,
.progress.progress-vertical.progress-xxs .progress-bar {
    width: 5px
}

.progress.progress-vertical.progress-xxs .progress-bar span {
    font-size: 0
}

.progress.progress-vertical.progress-bordered {
    width: 31px
}

.progress.progress-vertical.progress-bordered.progress-bottom .progress-bar {
    bottom: 3px
}

.progress.progress-vertical.progress-bordered.progress-xlg {
    width: 48px
}

.progress.progress-vertical.progress-bordered.progress-lg {
    width: 38px
}

.progress.progress-vertical.progress-bordered.progress-sm {
    width: 28px
}

.progress.progress-vertical.progress-bordered.progress-xs {
    width: 18px
}

.progress.progress-vertical.progress-bordered.progress-xxs {
    width: 13px
}

.progress.progress-bordered {
    border: 1px solid rgba(0, 0, 0, .1);
    background-color: #fff;
    padding: 3px;
    height: 24px
}

.progress.progress-bordered.progress-xlg {
    height: 32px
}

.progress.progress-bordered.progress-lg {
    height: 28px
}

.progress.progress-bordered.progress-sm {
    height: 18px
}

.progress.progress-bordered.progress-xs {
    height: 15px
}

.progress.progress-bordered.progress-xxs {
    height: 10px
}

.progress-bar {
    background-color: #2dc3e8
}

.progress-bar-danger {
    background-color: #e94c5f !important
}

.progress-bar-success {
    background-color: #8cc34b !important
}

.progress-bar-warning {
    background-color: #f4b400 !important
}

.progress-bar-silver {
    background-color: #000 !important
}

.progress-bar-inverse {
    background-color: #444 !important
}

.progress-bar-blue {
    background-color: #5db2ff !important
}

.progress-bar-info {
    background-color: #57b5e3 !important
}

.progress-bar-azure {
    background-color: #2dc3e8 !important
}

.progress-bar-sky {
    background-color: #11a9cc !important
}

.progress-bar-blueberry {
    background-color: #6f85bf !important
}

.progress-bar-palegreen {
    background-color: #a0d468 !important
}

.progress-bar-orange {
    background-color: #fb6e52 !important
}

.progress-bar-darkorange {
    background-color: #ed4e2a !important
}

.progress-bar-magenta {
    background-color: #bc5679 !important
}

.progress-bar-purple {
    background-color: #7e3794 !important
}

.progress-bar-maroon {
    background-color: #981b48 !important
}

.progress-striped .progress-bar {
    background-image: 8121991;
    background-image: linear-gradient(135deg, 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)
}

.well {
    -webkit-border-radius: 2px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 2px;
    -moz-background-clip: padding;
    border-radius: 2px;
    background-clip: padding-box;
    box-shadow: 0 0 3px #0003;
    background-color: #fbfbfb;
    border: 0;
    color: #262626;
    position: relative;
    margin-bottom: 30px;
    min-height: 0px
}

.well.attached {
    position: relative;
    top: -1px;
    bottom: -1px;
    border-radius: 0;
    margin: 0;
    box-shadow: 0 0 0 1px #bfbaba
}

.well.attached.top {
    top: 0;
    bottom: -1px;
    margin-top: 1em;
    margin-bottom: 0;
    -webkit-border-radius: 3px 3px 0 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 3px 3px 0 0;
    -moz-background-clip: padding;
    border-radius: 3px 3px 0 0;
    background-clip: padding-box;
    border-bottom: 0
}

.well.attached.bottom {
    top: -1px;
    bottom: 0;
    margin-top: 0;
    margin-bottom: 1em;
    -webkit-border-radius: 0 0 3px 3px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0 0 3px 3px;
    -moz-background-clip: padding;
    border-radius: 0 0 3px 3px;
    background-clip: padding-box;
    border-top: 0
}

.well.attached.bottom:last-child {
    margin-bottom: 0
}

.well.bordered-top {
    border-top: 5px solid #2dc3e8
}

.well.bordered-bottom {
    border-bottom: 5px solid #2dc3e8
}

.well.bordered-left {
    border-left: 5px solid #2dc3e8
}

.well.bordered-right {
    border-right: 5px solid #2dc3e8
}

.well[class*=bg-] {
    color: #ebebeb
}

.well h1,
.well h2,
.well h3,
.well h4,
.well h5,
.well h6 {
    margin-top: 0
}

.well h1,
.well h2,
.well h3 {
    line-height: 36px
}

.well.with-header {
    padding-top: 60px
}

.well.with-footer {
    padding-bottom: 60px
}

.well .header {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    padding: 10px;
    text-align: left;
    border-radius: 2px 2px 0 0;
    border-bottom: 1px solid #e5e5e5
}

.well .header[class*=bg-] {
    color: #fff;
    border-bottom: 0
}

.well .header[class*=bordered-] {
    border-bottom: 3px solid rgb(255, 255, 255)
}

.well .footer {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    padding: 10px;
    border-top: 1px solid #e5e5e5;
    border-radius: 0 0 2px 2px
}

.well .footer[class*=bordered-] {
    border-top: 3px solid rgb(255, 255, 255)
}

.well hr.wide {
    margin-right: -19px;
    margin-left: -19px
}

.popover {
    -webkit-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 3px;
    -moz-background-clip: padding;
    border-radius: 3px;
    background-clip: padding-box;
    padding: 0;
    border-color: #ccc;
    border-width: 1px;
    box-shadow: 0 2px 10px #0003;
    color: #444;
    background-color: #fbfbfb
}

.popover .popover.bottom .arrow:after {
    top: 1px;
    margin-left: -10px;
    border-bottom-color: #f7f7f7;
    border-top-width: 0
}

.popover.inverted,
.popover.inverted .popover-title {
    background-color: #262626;
    color: #ebebeb
}

.popover.inverted.top .arrow:after {
    border-top-color: #262626
}

.popover.inverted.bottom .arrow:after {
    border-bottom-color: #262626
}

.popover.inverted.left .arrow:after {
    border-left-color: #262626
}

.popover.inverted.right .arrow:after {
    border-right-color: #262626
}

.popover.dark,
.popover.dark .popover-title {
    background-color: #e5e5e5
}

.popover.dark.top .arrow:after {
    border-top-color: #e5e5e5
}

.popover.dark.bottom .arrow:after {
    border-bottom-color: #e5e5e5
}

.popover.dark.left .arrow:after {
    border-left-color: #e5e5e5
}

.popover.dark.right .arrow:after {
    border-right-color: #e5e5e5
}

.popover-title {
    -webkit-border-radius: 3px 3px 0 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 3px 3px 0 0;
    -moz-background-clip: padding;
    border-radius: 3px 3px 0 0;
    background-clip: padding-box;
    color: #000;
    border-bottom: 3px solid #2dc3e8
}

.popover-notitle+.popover .popover-title {
    display: none
}

.popover-notitle+.popover.top .arrow:after {
    border-top-color: #fff
}

.popover-notitle+.popover.bottom .arrow:after {
    border-bottom-color: #fff
}

.popover-notitle+.popover.left .arrow:after {
    border-left-color: #fff
}

.popover-notitle+.popover.right .arrow:after {
    border-left-color: #fff
}

.tooltip.in {
    zoom: 1;
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1
}

.tooltip.top .tooltip-arrow {
    border-top-color: #262626
}

.tooltip.right .tooltip-arrow {
    border-right-color: #262626
}

.tooltip.left .tooltip-arrow {
    border-left-color: #262626
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #262626
}

.tooltip-lg+.tooltip>.tooltip-inner {
    font-size: 15px !important
}

.tooltip-inner {
    -webkit-border-radius: 2px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 2px;
    -moz-background-clip: padding;
    border-radius: 2px;
    background-clip: padding-box;
    box-shadow: 1px 1px #e5e5e580;
    transition: visibility 0, opacity .13s ease-in;
    background-color: #262626;
    border: 1px solid #262626;
    color: #aaa;
    padding: 8px;
    font-size: 13px
}

.tooltip-white+.tooltip>.tooltip-inner {
    border: 1px solid rgb(255, 255, 255);
    background-color: #fff;
    color: #262626
}

.tooltip-white+.tooltip.top .tooltip-arrow {
    border-top-color: #fff
}

.tooltip-white+.tooltip.right .tooltip-arrow {
    border-right-color: #fff
}

.tooltip-white+.tooltip.left .tooltip-arrow {
    border-left-color: #fff
}

.tooltip-white+.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #fff
}

.tooltip-whitesmoke+.tooltip>.tooltip-inner {
    border: 1px solid rgb(235, 235, 235);
    background-color: #ebebeb;
    color: #262626
}

.tooltip-whitesmoke+.tooltip.top .tooltip-arrow {
    border-top-color: #ebebeb
}

.tooltip-whitesmoke+.tooltip.right .tooltip-arrow {
    border-right-color: #ebebeb
}

.tooltip-whitesmoke+.tooltip.left .tooltip-arrow {
    border-left-color: #ebebeb
}

.tooltip-whitesmoke+.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #ebebeb
}

.tooltip-snow+.tooltip>.tooltip-inner {
    border: 1px solid #fbfbfb;
    background-color: #fbfbfb;
    color: #262626
}

.tooltip-snow+.tooltip.top .tooltip-arrow {
    border-top-color: #fbfbfb
}

.tooltip-snow+.tooltip.right .tooltip-arrow {
    border-right-color: #fbfbfb
}

.tooltip-snow+.tooltip.left .tooltip-arrow {
    border-left-color: #fbfbfb
}

.tooltip-snow+.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #fbfbfb
}

.tooltip-seashell+.tooltip>.tooltip-inner {
    border: 1px solid #f3f3f3;
    background-color: #f3f3f3;
    color: #262626
}

.tooltip-seashell+.tooltip.top .tooltip-arrow {
    border-top-color: #f3f3f3
}

.tooltip-seashell+.tooltip.right .tooltip-arrow {
    border-right-color: #f3f3f3
}

.tooltip-seashell+.tooltip.left .tooltip-arrow {
    border-left-color: #f3f3f3
}

.tooltip-seashell+.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #f3f3f3
}

.tooltip-ivory+.tooltip>.tooltip-inner {
    border: 1px solid #eeeeee;
    background-color: #eee;
    color: #262626
}

.tooltip-ivory+.tooltip.top .tooltip-arrow {
    border-top-color: #eee
}

.tooltip-ivory+.tooltip.right .tooltip-arrow {
    border-right-color: #eee
}

.tooltip-ivory+.tooltip.left .tooltip-arrow {
    border-left-color: #eee
}

.tooltip-ivory+.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #eee
}

.tooltip-platinum+.tooltip>.tooltip-inner {
    border: 1px solid #e5e5e5;
    background-color: #e5e5e5;
    color: #262626
}

.tooltip-platinum+.tooltip.top .tooltip-arrow {
    border-top-color: #e5e5e5
}

.tooltip-platinum+.tooltip.right .tooltip-arrow {
    border-right-color: #e5e5e5
}

.tooltip-platinum+.tooltip.left .tooltip-arrow {
    border-left-color: #e5e5e5
}

.tooltip-platinum+.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #e5e5e5
}

.tooltip-lightgray+.tooltip>.tooltip-inner {
    border: 1px solid #d0d0d0;
    background-color: #d0d0d0;
    color: #262626
}

.tooltip-lightgray+.tooltip.top .tooltip-arrow {
    border-top-color: #d0d0d0
}

.tooltip-lightgray+.tooltip.right .tooltip-arrow {
    border-right-color: #d0d0d0
}

.tooltip-lightgray+.tooltip.left .tooltip-arrow {
    border-left-color: #d0d0d0
}

.tooltip-lightgray+.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #d0d0d0
}

.tooltip-gray+.tooltip>.tooltip-inner {
    border: 1px solid #cccccc;
    background-color: #ccc;
    color: #262626
}

.tooltip-gray+.tooltip.top .tooltip-arrow {
    border-top-color: #ccc
}

.tooltip-gray+.tooltip.right .tooltip-arrow {
    border-right-color: #ccc
}

.tooltip-gray+.tooltip.left .tooltip-arrow {
    border-left-color: #ccc
}

.tooltip-gray+.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #ccc
}

.tooltip-darkgray+.tooltip>.tooltip-inner {
    border: 1px solid #999999;
    background-color: #999;
    color: #262626
}

.tooltip-darkgray+.tooltip.top .tooltip-arrow {
    border-top-color: #999
}

.tooltip-darkgray+.tooltip.right .tooltip-arrow {
    border-right-color: #999
}

.tooltip-darkgray+.tooltip.left .tooltip-arrow {
    border-left-color: #999
}

.tooltip-darkgray+.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #999
}

.tooltip-silver+.tooltip>.tooltip-inner {
    border: 1px solid rgb(0, 0, 0);
    background-color: #000;
    color: #fff
}

.tooltip-silver+.tooltip.top .tooltip-arrow {
    border-top-color: #000
}

.tooltip-silver+.tooltip.right .tooltip-arrow {
    border-right-color: #000
}

.tooltip-silver+.tooltip.left .tooltip-arrow {
    border-left-color: #000
}

.tooltip-silver+.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #000
}

.tooltip-sonic-silver+.tooltip>.tooltip-inner {
    border: 1px solid #737373;
    background-color: #737373;
    color: #fff
}

.tooltip-sonic-silver+.tooltip.top .tooltip-arrow {
    border-top-color: #737373
}

.tooltip-sonic-silver+.tooltip.right .tooltip-arrow {
    border-right-color: #737373
}

.tooltip-sonic-silver+.tooltip.left .tooltip-arrow {
    border-left-color: #737373
}

.tooltip-sonic-silver+.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #737373
}

.tooltip-storm-cloud+.tooltip>.tooltip-inner {
    border: 1px solid #666666;
    background-color: #666;
    color: #fff
}

.tooltip-storm-cloud+.tooltip.top .tooltip-arrow {
    border-top-color: #666
}

.tooltip-storm-cloud+.tooltip.right .tooltip-arrow {
    border-right-color: #666
}

.tooltip-storm-cloud+.tooltip.left .tooltip-arrow {
    border-left-color: #666
}

.tooltip-storm-cloud+.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #666
}

.tooltip-lightcarbon+.tooltip>.tooltip-inner {
    border: 1px solid #555555;
    background-color: #555;
    color: #fff
}

.tooltip-lightcarbon+.tooltip.top .tooltip-arrow {
    border-top-color: #555
}

.tooltip-lightcarbon+.tooltip.right .tooltip-arrow {
    border-right-color: #555
}

.tooltip-lightcarbon+.tooltip.left .tooltip-arrow {
    border-left-color: #555
}

.tooltip-lightcarbon+.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #555
}

.tooltip-carbon+.tooltip>.tooltip-inner {
    border: 1px solid #444444;
    background-color: #444;
    color: #fff
}

.tooltip-carbon+.tooltip.top .tooltip-arrow {
    border-top-color: #444
}

.tooltip-carbon+.tooltip.right .tooltip-arrow {
    border-right-color: #444
}

.tooltip-carbon+.tooltip.left .tooltip-arrow {
    border-left-color: #444
}

.tooltip-carbon+.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #444
}

.tooltip-slate-gray+.tooltip>.tooltip-inner {
    border: 1px solid #333333;
    background-color: #000;
    color: #fff
}

.tooltip-slate-gray+.tooltip.top .tooltip-arrow {
    border-top-color: #000
}

.tooltip-slate-gray+.tooltip.right .tooltip-arrow {
    border-right-color: #000
}

.tooltip-slate-gray+.tooltip.left .tooltip-arrow {
    border-left-color: #000
}

.tooltip-slate-gray+.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #000
}

.tooltip-darkcarbon+.tooltip>.tooltip-inner {
    border: 1px solid #262626;
    background-color: #262626;
    color: #fff
}

.tooltip-darkcarbon+.tooltip.top .tooltip-arrow {
    border-top-color: #262626
}

.tooltip-darkcarbon+.tooltip.right .tooltip-arrow {
    border-right-color: #262626
}

.tooltip-darkcarbon+.tooltip.left .tooltip-arrow {
    border-left-color: #262626
}

.tooltip-darkcarbon+.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #262626
}

.tooltip-blue+.tooltip>.tooltip-inner {
    border: 1px solid #5db2ff;
    background-color: #5db2ff;
    color: #fff
}

.tooltip-blue+.tooltip.top .tooltip-arrow {
    border-top-color: #5db2ff
}

.tooltip-blue+.tooltip.right .tooltip-arrow {
    border-right-color: #5db2ff
}

.tooltip-blue+.tooltip.left .tooltip-arrow {
    border-left-color: #5db2ff
}

.tooltip-blue+.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #5db2ff
}

.tooltip-info+.tooltip>.tooltip-inner {
    border: 1px solid #57b5e3;
    background-color: #57b5e3;
    color: #fff
}

.tooltip-info+.tooltip.top .tooltip-arrow {
    border-top-color: #57b5e3
}

.tooltip-info+.tooltip.right .tooltip-arrow {
    border-right-color: #57b5e3
}

.tooltip-info+.tooltip.left .tooltip-arrow {
    border-left-color: #57b5e3
}

.tooltip-info+.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #57b5e3
}

.tooltip-sky+.tooltip>.tooltip-inner {
    border: 1px solid #11a9cc;
    background-color: #11a9cc;
    color: #fff
}

.tooltip-sky+.tooltip.top .tooltip-arrow {
    border-top-color: #11a9cc
}

.tooltip-sky+.tooltip.right .tooltip-arrow {
    border-right-color: #11a9cc
}

.tooltip-sky+.tooltip.left .tooltip-arrow {
    border-left-color: #11a9cc
}

.tooltip-sky+.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #11a9cc
}

.tooltip-primary+.tooltip>.tooltip-inner {
    border: 1px solid #4374e0;
    background-color: #4374e0;
    color: #fff
}

.tooltip-primary+.tooltip.top .tooltip-arrow {
    border-top-color: #4374e0
}

.tooltip-primary+.tooltip.right .tooltip-arrow {
    border-right-color: #4374e0
}

.tooltip-primary+.tooltip.left .tooltip-arrow {
    border-left-color: #4374e0
}

.tooltip-primary+.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #4374e0
}

.tooltip-azure+.tooltip>.tooltip-inner {
    border: 1px solid #2dc3e8;
    background-color: #2dc3e8;
    color: #fff
}

.tooltip-azure+.tooltip.top .tooltip-arrow {
    border-top-color: #2dc3e8
}

.tooltip-azure+.tooltip.right .tooltip-arrow {
    border-right-color: #2dc3e8
}

.tooltip-azure+.tooltip.left .tooltip-arrow {
    border-left-color: #2dc3e8
}

.tooltip-azure+.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #2dc3e8
}

.tooltip-blueberry+.tooltip>.tooltip-inner {
    border: 1px solid #6f85bf;
    background-color: #6f85bf;
    color: #fff
}

.tooltip-blueberry+.tooltip.top .tooltip-arrow {
    border-top-color: #6f85bf
}

.tooltip-blueberry+.tooltip.right .tooltip-arrow {
    border-right-color: #6f85bf
}

.tooltip-blueberry+.tooltip.left .tooltip-arrow {
    border-left-color: #6f85bf
}

.tooltip-blueberry+.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #6f85bf
}

.tooltip-palegreen+.tooltip>.tooltip-inner {
    border: 1px solid #a0d468;
    background-color: #a0d468;
    color: #fff
}

.tooltip-palegreen+.tooltip.top .tooltip-arrow {
    border-top-color: #a0d468
}

.tooltip-palegreen+.tooltip.right .tooltip-arrow {
    border-right-color: #a0d468
}

.tooltip-palegreen+.tooltip.left .tooltip-arrow {
    border-left-color: #a0d468
}

.tooltip-palegreen+.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #a0d468
}

.tooltip-success+.tooltip>.tooltip-inner {
    border: 1px solid rgb(140, 195, 75);
    background-color: #8cc34b;
    color: #fff
}

.tooltip-success+.tooltip.top .tooltip-arrow {
    border-top-color: #8cc34b
}

.tooltip-success+.tooltip.right .tooltip-arrow {
    border-right-color: #8cc34b
}

.tooltip-success+.tooltip.left .tooltip-arrow {
    border-left-color: #8cc34b
}

.tooltip-success+.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #8cc34b
}

.tooltip-green+.tooltip>.tooltip-inner {
    border: 1px solid rgb(140, 195, 75);
    background-color: #8cc34b;
    color: #fff
}

.tooltip-green+.tooltip.top .tooltip-arrow {
    border-top-color: #8cc34b
}

.tooltip-green+.tooltip.right .tooltip-arrow {
    border-right-color: #8cc34b
}

.tooltip-green+.tooltip.left .tooltip-arrow {
    border-left-color: #8cc34b
}

.tooltip-green+.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #8cc34b
}

.tooltip-lightyellow+.tooltip>.tooltip-inner {
    border: 1px solid #f6d52e;
    background-color: #f6d52e;
    color: #fff
}

.tooltip-lightyellow+.tooltip.top .tooltip-arrow {
    border-top-color: #f6d52e
}

.tooltip-lightyellow+.tooltip.right .tooltip-arrow {
    border-right-color: #f6d52e
}

.tooltip-lightyellow+.tooltip.left .tooltip-arrow {
    border-left-color: #f6d52e
}

.tooltip-lightyellow+.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #f6d52e
}

.tooltip-yellow+.tooltip>.tooltip-inner {
    border: 1px solid #ffce55;
    background-color: #ffce55;
    color: #fff
}

.tooltip-yellow+.tooltip.top .tooltip-arrow {
    border-top-color: #ffce55
}

.tooltip-yellow+.tooltip.right .tooltip-arrow {
    border-right-color: #ffce55
}

.tooltip-yellow+.tooltip.left .tooltip-arrow {
    border-left-color: #ffce55
}

.tooltip-yellow+.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #ffce55
}

.tooltip-warning+.tooltip>.tooltip-inner {
    border: 1px solid #f4b400;
    background-color: #f4b400;
    color: #fff
}

.tooltip-warning+.tooltip.top .tooltip-arrow {
    border-top-color: #f4b400
}

.tooltip-warning+.tooltip.right .tooltip-arrow {
    border-right-color: #f4b400
}

.tooltip-warning+.tooltip.left .tooltip-arrow {
    border-left-color: #f4b400
}

.tooltip-warning+.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #f4b400
}

.tooltip-gold+.tooltip>.tooltip-inner {
    border: 1px solid #f9b256;
    background-color: #f9b256;
    color: #fff
}

.tooltip-gold+.tooltip.top .tooltip-arrow {
    border-top-color: #f9b256
}

.tooltip-gold+.tooltip.right .tooltip-arrow {
    border-right-color: #f9b256
}

.tooltip-gold+.tooltip.left .tooltip-arrow {
    border-left-color: #f9b256
}

.tooltip-gold+.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #f9b256
}

.tooltip-orange+.tooltip>.tooltip-inner {
    border: 1px solid #fb6e52;
    background-color: #fb6e52;
    color: #fff
}

.tooltip-orange+.tooltip.top .tooltip-arrow {
    border-top-color: #fb6e52
}

.tooltip-orange+.tooltip.right .tooltip-arrow {
    border-right-color: #fb6e52
}

.tooltip-orange+.tooltip.left .tooltip-arrow {
    border-left-color: #fb6e52
}

.tooltip-orange+.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #fb6e52
}

.tooltip-lightred+.tooltip>.tooltip-inner {
    border: 1px solid #e46f61;
    background-color: #e46f61;
    color: #fff
}

.tooltip-lightred+.tooltip.top .tooltip-arrow {
    border-top-color: #e46f61
}

.tooltip-lightred+.tooltip.right .tooltip-arrow {
    border-right-color: #e46f61
}

.tooltip-lightred+.tooltip.left .tooltip-arrow {
    border-left-color: #e46f61
}

.tooltip-lightred+.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #e46f61
}

.tooltip-darkorange+.tooltip>.tooltip-inner {
    border: 1px solid #ed4e2a;
    background-color: #ed4e2a;
    color: #fff
}

.tooltip-darkorange+.tooltip.top .tooltip-arrow {
    border-top-color: #ed4e2a
}

.tooltip-darkorange+.tooltip.right .tooltip-arrow {
    border-right-color: #ed4e2a
}

.tooltip-darkorange+.tooltip.left .tooltip-arrow {
    border-left-color: #ed4e2a
}

.tooltip-darkorange+.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #ed4e2a
}

.tooltip-red+.tooltip>.tooltip-inner {
    border: 1px solid #df5138;
    background-color: #df5138;
    color: #fff
}

.tooltip-red+.tooltip.top .tooltip-arrow {
    border-top-color: #df5138
}

.tooltip-red+.tooltip.right .tooltip-arrow {
    border-right-color: #df5138
}

.tooltip-red+.tooltip.left .tooltip-arrow {
    border-left-color: #df5138
}

.tooltip-red+.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #df5138
}

.tooltip-pink+.tooltip>.tooltip-inner {
    border: 1px solid #e75b8d;
    background-color: #e75b8d;
    color: #fff
}

.tooltip-pink+.tooltip.top .tooltip-arrow {
    border-top-color: #e75b8d
}

.tooltip-pink+.tooltip.right .tooltip-arrow {
    border-right-color: #e75b8d
}

.tooltip-pink+.tooltip.left .tooltip-arrow {
    border-left-color: #e75b8d
}

.tooltip-pink+.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #e75b8d
}

.tooltip-darkpink+.tooltip>.tooltip-inner {
    border: 1px solid #cc324b;
    background-color: #cc324b;
    color: #fff
}

.tooltip-darkpink+.tooltip.top .tooltip-arrow {
    border-top-color: #cc324b
}

.tooltip-darkpink+.tooltip.right .tooltip-arrow {
    border-right-color: #cc324b
}

.tooltip-darkpink+.tooltip.left .tooltip-arrow {
    border-left-color: #cc324b
}

.tooltip-darkpink+.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #cc324b
}

.tooltip-danger+.tooltip>.tooltip-inner {
    border: 1px solid #e94c5f;
    background-color: #e94c5f;
    color: #fff
}

.tooltip-danger+.tooltip.top .tooltip-arrow {
    border-top-color: #e94c5f
}

.tooltip-danger+.tooltip.right .tooltip-arrow {
    border-right-color: #e94c5f
}

.tooltip-danger+.tooltip.left .tooltip-arrow {
    border-left-color: #e94c5f
}

.tooltip-danger+.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #e94c5f
}

.tooltip-magenta+.tooltip>.tooltip-inner {
    border: 1px solid #bc5679;
    background-color: #bc5679;
    color: #fff
}

.tooltip-magenta+.tooltip.top .tooltip-arrow {
    border-top-color: #bc5679
}

.tooltip-magenta+.tooltip.right .tooltip-arrow {
    border-right-color: #bc5679
}

.tooltip-magenta+.tooltip.left .tooltip-arrow {
    border-left-color: #bc5679
}

.tooltip-magenta+.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #bc5679
}

.tooltip-purple+.tooltip>.tooltip-inner {
    border: 1px solid #7e3794;
    background-color: #7e3794;
    color: #fff
}

.tooltip-purple+.tooltip.top .tooltip-arrow {
    border-top-color: #7e3794
}

.tooltip-purple+.tooltip.right .tooltip-arrow {
    border-right-color: #7e3794
}

.tooltip-purple+.tooltip.left .tooltip-arrow {
    border-left-color: #7e3794
}

.tooltip-purple+.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #7e3794
}

.tooltip-maroon+.tooltip>.tooltip-inner {
    border: 1px solid #981b48;
    background-color: #981b48;
    color: #fff
}

.tooltip-maroon+.tooltip.top .tooltip-arrow {
    border-top-color: #981b48
}

.tooltip-maroon+.tooltip.right .tooltip-arrow {
    border-right-color: #981b48
}

.tooltip-maroon+.tooltip.left .tooltip-arrow {
    border-left-color: #981b48
}

.tooltip-maroon+.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #981b48
}

.toast-message {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    text-align: left;
    font-size: 14px
}

.toast-message a,
.toast-message label {
    text-decoration: underline;
    padding-bottom: 10px;
    width: 100%
}

.toast-message a,
.toast-message label {
    color: #fff !important
}

.toast-close-button {
    position: absolute !important;
    right: 10px !important;
    font-weight: 100 !important;
    height: 18px;
    width: 18px;
    line-height: 0px;
    border-radius: 100px !important;
    top: 10px !important;
    font-size: 20px !important;
    padding: 0 !important
}

.toast-close-button:hover,
.toast-close-button:focus {
    color: #fff !important;
    text-decoration: none;
    cursor: pointer;
    zoom: 1;
    filter: alpha(opacity=40);
    -webkit-opacity: .8 !important;
    -moz-opacity: .8 !important;
    opacity: .8 !important
}

button.toast-close-button {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none
}

#toast-container {
    position: fixed;
    z-index: 999999
}

.toast-error,
.toast-success {
    background-image: none !important;
    padding: 10px 35px 10px 15px !important
}

#toast-container>div {
    margin: 0 0 6px;
    padding: 10px 35px 10px 15px;
    min-width: 308px;
    -webkit-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 3px;
    -moz-background-clip: padding;
    border-radius: 4px;
    background-clip: padding-box;
    background-position: 15px center;
    background-repeat: no-repeat;
    box-shadow: 0 0 12px #999;
    color: #fff;
    zoom: 1;
    filter: alpha(opacity=80);
    -webkit-opacity: .8;
    -moz-opacity: .8;
    opacity: .8;
    word-break: break-word
}

#toast-container>:hover {
    zoom: 1;
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    cursor: pointer;
    box-shadow: 0 0 #0000 !important
}

#toast-container>.toast {
    background-image: none !important;
    display: flex !important;
    align-items: center;
    min-height: 53px;
    font-family: Solo Sans
}

#toast-container>.toast:before {
    position: fixed;
    font-family: FontAwesome;
    font-size: 24px;
    line-height: 18px;
    float: left;
    color: #fff;
    padding-right: .5em;
    margin: auto .5em auto -1.5em
}

#toast-container.toast-top-full-width>div,
#toast-container.toast-bottom-full-width>div {
    width: 96%;
    margin: auto
}

.toast {
    background-color: #030303
}

.toast-white {
    background-color: #fff !important
}

.toast-snow {
    background-color: #fbfbfb !important
}

.toast-whitesmoke {
    background-color: #ebebeb !important
}

.toast-seashell {
    background-color: #f3f3f3 !important
}

.toast-ivory {
    background-color: #eee !important
}

.toast-platinum {
    background-color: #e5e5e5 !important
}

.toast-lightgray {
    background-color: #d0d0d0 !important
}

.toast-gray {
    background-color: #ccc !important
}

.toast-darkgray {
    background-color: #999 !important
}

.toast-silver {
    background-color: #000 !important
}

.toast-sonic-silver {
    background-color: #737373 !important
}

.toast-storm-cloud {
    background-color: #666 !important
}

.toast-lightcarbon {
    background-color: #555 !important
}

.toast-carbon {
    background-color: #444 !important
}

.toast-slate-gray {
    background-color: #333 !important
}

.toast-darkcarbon {
    background-color: #262626 !important
}

.toast-blue {
    background-color: #5db2ff !important
}

.toast-info {
    background-color: #57b5e3 !important
}

.toast-sky {
    background-color: #11a9cc !important
}

.toast-primary {
    background-color: #4374e0 !important
}

.toast-blueberry {
    background-color: #6f85bf !important
}

.toast-palegreen {
    background-color: #a0d468 !important
}

.toast-success,
.toast-green {
    background-color: #8cc34b !important
}

.toast-lightyellow {
    background-color: #f6d52e !important
}

.toast-yellow {
    background-color: #ffce55 !important
}

.toast-warning {
    background-color: #f4b400 !important
}

.toast-gold {
    background-color: #f9b256 !important
}

.toast-orange {
    background-color: #fb6e52 !important
}

.toast-lightred {
    background-color: #e46f61 !important
}

.toast-darkorange {
    background-color: #ed4e2a !important
}

.toast-red {
    background-color: #df5138 !important
}

.toast-danger {
    background-color: #e94c5f !important
}

.toast-pink {
    background-color: #e75b8d !important
}

.toast-darkpink {
    background-color: #cc324b !important
}

.toast-magenta {
    background-color: #bc5679 !important
}

.toast-purple {
    background-color: #7e3794 !important
}

.toast-maroon {
    background-color: #981b48 !important
}

.review_page ul.pagination {
    float: right;
    margin-bottom: 30px
}

.review_page .filled {
    color: #fecb12 !important
}

@media all and (max-width: 239px) {
    #toast-container>div {
        padding: 8px 23px 8px 12px;
        width: 11em
    }
    .toast-message {
        font-size: 13px
    }
    #toast-container .toast-close-button {
        right: .2em !important;
        top: -.2em
    }
}

@media all and (min-width: 240px) and (max-width: 479px) {
    #toast-container>div {
        padding: 8px 23px 8px 12px;
        width: 18em
    }
    .toast-message {
        font-size: 13px
    }
    #toast-container .toast-close-button {
        right: .2em !important;
        top: -.2em
    }
}

@media all and (min-width: 480px) and (max-width: 767px) {
    #toast-container>div {
        padding: 15px 15px 15px 50px;
        width: 25em
    }
}

.modal-blue .modal-header {
    border-bottom: 3px solid #5db2ff
}

.modal-danger .modal-header {
    border-bottom: 3px solid #e94c5f
}

.modal-success .modal-header {
    border-bottom: 3px solid rgb(140, 195, 75)
}

.modal-warning .modal-header {
    border-bottom: 3px solid #f4b400
}

.modal-silver .modal-header {
    border-bottom: 3px solid rgb(0, 0, 0)
}

.modal-inverse .modal-header {
    border-bottom: 3px solid #444444
}

.modal-blueberry .modal-header {
    border-bottom: 3px solid #6f85bf
}

.modal-palegreen .modal-header {
    border-bottom: 3px solid #a0d468
}

.modal-orange .modal-header {
    border-bottom: 3px solid #fb6e52
}

.modal-darkorange .modal-header {
    border-bottom: 3px solid #ed4e2a
}

.modal-magenta .modal-header {
    border-bottom: 3px solid #bc5679
}

.modal-purple .modal-header {
    border-bottom: 3px solid #7e3794
}

.modal-maroon .modal-header {
    border-bottom: 3px solid #981b48
}

.modal-primary .modal-header {
    border-bottom: 3px solid #4374e0
}

.modal-content {
    -webkit-border-radius: 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0;
    -moz-background-clip: padding;
    border-radius: 0;
    background-clip: padding-box;
    box-shadow: 0 0 40px #00000080;
    color: #000;
    background-color: #fff;
    border: rgba(0, 0, 0, 0);
    padding: 20px
}

.modal-content .close {
    font-size: 26px
}

.modal-footer {
    padding-top: 12px;
    padding-bottom: 14px;
    border-top: 0;
    text-align: center
}

.modal-header {
    padding: 10px 15px 10px 20px;
    background-color: #ebebeb;
    display: block
}

.modal-header .close {
    font-size: 26px
}

.modal-backdrop.in {
    zoom: 1;
    filter: alpha(opacity=75);
    -webkit-opacity: .75;
    -moz-opacity: .75;
    opacity: .75
}

.modal-message .modal-dialog {
    width: 300px
}

.modal-message .modal-body,
.modal-message .modal-footer,
.modal-message .modal-header,
.modal-message .modal-title {
    background: 0 0;
    border: none;
    margin: 0;
    padding: 0 20px;
    text-align: center !important
}

.modal-message .modal-header {
    color: #fff;
    margin-bottom: 10px;
    padding: 15px 0 8px
}

.modal-message .modal-header .fa,
.modal-message .modal-header .glyphicon,
.modal-message .modal-header .typcn,
.modal-message .modal-header .wi {
    font-size: 30px
}

.modal-message .modal-title {
    font-size: 17px;
    color: #737373;
    margin-bottom: 3px
}

.modal-message .modal-body {
    color: #737373
}

.modal-message .modal-footer {
    margin: 25px 0 20px;
    padding-bottom: 10px
}

.modal-message.modal-info .modal-header {
    color: #57b5e3;
    border-bottom: 3px solid #57b5e3
}

.modal-message.modal-danger .modal-header {
    color: #d73d32;
    border-bottom: 3px solid #e46f61
}

.modal-message.modal-warning .modal-header {
    color: #f4b400;
    border-bottom: 3px solid #ffce55
}

.modal-message.modal-success .modal-header {
    color: #8cc34b;
    border-bottom: 3px solid #a0d468
}

.dropdown-menu {
    border: 1px solid #ccc !important;
    -webkit-border-radius: 2px !important;
    -webkit-background-clip: padding-box !important;
    -moz-border-radius: 2px !important;
    -moz-background-clip: padding !important;
    border-radius: 2px !important;
    background-clip: padding-box !important;
    transition: opacity .218s;
    margin: 1px 0 0;
    min-width: 170px
}

.dropdown-menu .dropdown-icon {
    display: inline-block;
    font-size: 13px;
    margin-right: 5px
}

.dropdown-menu>li>a {
    font-size: 14px;
    padding-left: 21px;
    padding-right: 11px;
    margin-bottom: 1px;
    margin-top: 1px
}

.btn-group.open .dropdown-bs-toggle {
    box-shadow: none !important
}

.dropdown-menu>li>a .dropdown-expand {
    position: absolute;
    top: 5px;
    right: 10px;
    font-size: 13px
}

.dropdown-menu>li>a .badge,
.dropdown-menu>li>a .label {
    font-size: 10px !important
}

.dropdown-menu>li>a .label {
    padding: 3px 6px 5px
}

.dropdown-menu>.dropdown-menu {
    -webkit-border-radius: 2px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 2px;
    -moz-background-clip: padding;
    border-radius: 2px;
    background-clip: padding-box
}

.dropdown-menu>.dropdown-menu>a:after {
    margin-right: -5px
}

.dropdown-menu .divider {
    background-color: #ebebeb;
    margin-bottom: -1px
}

.dropdown-menu.pull-right {
    left: auto;
    right: 0
}

.dropdown-menu.dropdown-arrow.pull-right:before {
    left: auto;
    right: 9px
}

.dropdown-menu li a:hover,
.dropdown-menu li a:focus,
.dropdown-menu li a:active,
.dropdown-menu li.active a,
.dropdown-menu li.active a:hover,
.dropdown-menu .dropdown-submenu:hover>a,
.nav-tabs .dropdown-menu li>a:focus {
    background: rgb(235, 235, 235);
    color: #262626
}

.dropdown-info li a:hover,
.dropdown-info li a:focus,
.dropdown-info li a:active,
.dropdown-info li.active a,
.dropdown-info li.active a:hover,
.dropdown-info .dropdown-submenu:hover>a,
.nav-tabs .dropdown-info li>a:focus {
    background: #57b5e3;
    color: #fff
}

.dropdown-primary li a:hover,
.dropdown-primary li a:focus,
.dropdown-primary li a:active,
.dropdown-primary li.active a,
.dropdown-primary li.active a:hover,
.dropdown-primary .dropdown-submenu:hover>a,
.nav-tabs .dropdown-primary li>a:focus {
    background: #4374e0;
    color: #fff
}

.dropdown-success li a:hover,
.dropdown-success li a:focus,
.dropdown-success li a:active,
.dropdown-success li.active a,
.dropdown-success li.active a:hover,
.dropdown-success .dropdown-submenu:hover>a,
.nav-tabs .dropdown-success li>a:focus {
    background: rgb(140, 195, 75);
    color: #fff
}

.dropdown-warning li a:hover,
.dropdown-warning li a:focus,
.dropdown-warning li a:active,
.dropdown-warning li.active a,
.dropdown-warning li.active a:hover,
.dropdown-warning .dropdown-submenu:hover>a,
.nav-tabs .dropdown-warning li>a:focus {
    background: #f4b400;
    color: #fff
}

.dropdown-danger li a:hover,
.dropdown-danger li a:focus,
.dropdown-danger li a:active,
.dropdown-danger li.active a,
.dropdown-danger li.active a:hover,
.dropdown-danger .dropdown-submenu:hover>a,
.nav-tabs .dropdown-danger li>a:focus {
    background: #d73d32;
    color: #fff
}

.dropdown-inverse li a:hover,
.dropdown-inverse li a:focus,
.dropdown-inverse li a:active,
.dropdown-inverse li.active a,
.dropdown-inverse li.active a:hover,
.dropdown-inverse .dropdown-submenu:hover>a,
.nav-tabs .dropdown-inverse li>a:focus {
    background: #262626;
    color: #fff
}

.dropdown-blue li a:hover,
.dropdown-blue li a:focus,
.dropdown-blue li a:active,
.dropdown-blue li.active a,
.dropdown-blue li.active a:hover,
.dropdown-blue .dropdown-submenu:hover>a,
.nav-tabs .dropdown-blue li>a:focus {
    background: #5db2ff;
    color: #fff
}

.dropdown-blueberry li a:hover,
.dropdown-blueberry li a:focus,
.dropdown-blueberry li a:active,
.dropdown-blueberry li.active a,
.dropdown-blueberry li.active a:hover,
.dropdown-blueberry .dropdown-submenu:hover>a,
.nav-tabs .dropdown-blueberry li>a:focus {
    background: #6f85bf;
    color: #fff
}

.dropdown-palegreen li a:hover,
.dropdown-palegreen li a:focus,
.dropdown-palegreen li a:active,
.dropdown-palegreen li.active a,
.dropdown-palegreen li.active a:hover,
.dropdown-palegreen .dropdown-submenu:hover>a,
.nav-tabs .dropdown-palegreen li>a:focus {
    background: #a0d468;
    color: #fff
}

.dropdown-orange li a:hover,
.dropdown-orange li a:focus,
.dropdown-orange li a:active,
.dropdown-orange li.active a,
.dropdown-orange li.active a:hover,
.dropdown-orange .dropdown-submenu:hover>a,
.nav-tabs .dropdown-orange li>a:focus {
    background: #fb6e52;
    color: #fff
}

.dropdown-darkorange li a:hover,
.dropdown-darkorange li a:focus,
.dropdown-darkorange li a:active,
.dropdown-darkorange li.active a,
.dropdown-darkorange li.active a:hover,
.dropdown-darkorange .dropdown-submenu:hover>a,
.nav-tabs .dropdown-darkorange li>a:focus {
    background: #ed4e2a;
    color: #fff
}

.dropdown-magenta li a:hover,
.dropdown-magenta li a:focus,
.dropdown-magenta li a:active,
.dropdown-magenta li.active a,
.dropdown-magenta li.active a:hover,
.dropdown-magenta .dropdown-submenu:hover>a,
.nav-tabs .dropdown-magenta li>a:focus {
    background: #bc5679;
    color: #fff
}

.dropdown-purple li a:hover,
.dropdown-purple li a:focus,
.dropdown-purple li a:active,
.dropdown-purple li.active a,
.dropdown-purple li.active a:hover,
.dropdown-purple .dropdown-submenu:hover>a,
.nav-tabs .dropdown-purple li>a:focus {
    background: #7e3794;
    color: #fff
}

.dropdown-maroon li a:hover,
.dropdown-maroon li a:focus,
.dropdown-maroon li a:active,
.dropdown-maroon li.active a,
.dropdown-maroon li.active a:hover,
.dropdown-maroon .dropdown-submenu:hover>a,
.nav-tabs .dropdown-maroon li>a:focus {
    background: #981b48;
    color: #fff
}

.dropdown-hover {
    position: relative
}

.dropdown-hover:hover>.dropdown-menu {
    display: block;
    left: 100%;
    top: -2px
}

.dropdown-hover.dropup:hover>.dropdown-menu {
    bottom: 0;
    top: auto
}

.pagination,
.pager li>a {
    -webkit-border-radius: 2px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 2px;
    -moz-background-clip: padding;
    border-radius: 2px;
    background-clip: padding-box
}

.pagination,
.pager {
    margin: 0
}

.pagination>li>a,
.pager>li>a {
    color: #444;
    background-color: #fff;
    margin: 0 -1px 0 0;
    border-color: #ccc
}

.pagination>li>a:hover,
.pager>li>a:hover {
    background-color: #ebebeb;
    border-color: #b8b8b8
}

.pagination>li>a:focus,
.pager>li>a:focus {
    background-color: #ebebeb;
    border-color: #b8b8b8
}

.pagination>li.disabled>a,
.pager>li.disabled>a,
.pagination>li.disabled>a:hover,
.pager>li.disabled>a:hover {
    background-color: #f9f9f9;
    border-color: #d9d9d9
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
    -webkit-border-radius: 0 2px 2px 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0 2px 2px 0;
    -moz-background-clip: padding;
    border-radius: 0 2px 2px 0;
    background-clip: padding-box
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
    -webkit-border-radius: 2px 0 0 2px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 2px 0 0 2px;
    -moz-background-clip: padding;
    border-radius: 2px 0 0 2px;
    background-clip: padding-box
}

.pagination>li>a,
.pager>li>a,
.pagination>li>span,
.pager>li>span {
    border-width: 1px
}

.pagination>li.active>a,
.pagination>li.active>a:hover {
    background-color: #2dc3e8;
    border-color: #2dc3e8;
    color: #fff;
    -webkit-text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}

.pagination-lg>li>a,
.pagination-lg>li>span {
    padding: 7px 16px;
    font-size: 16px
}

.table {
    background-color: #fff;
    margin-bottom: 0
}

.table tfoot>tr>th {
    font-weight: 300
}

.table thead>tr>th {
    border-bottom: 0;
    font-size: 13px;
    font-weight: 600
}

.table thead[class*=colored-]>tr>th {
    color: #fff;
    font-weight: 400
}

.table thead.colored-blue>tr>th {
    background-color: #5db2ff
}

.table thead.colored-primary>tr>th {
    background-color: #4374e0
}

.table thead.colored-danger>tr>th {
    background-color: #d73d32
}

.table thead.colored-success>tr>th {
    background-color: #8cc34b
}

.table thead.colored-warning>tr>th {
    background-color: #f4b400
}

.table thead.colored-silver>tr>th {
    background-color: #000
}

.table thead.colored-inverse>tr>th {
    background-color: #444
}

.table thead.colored-blueberry>tr>th {
    background-color: #6f85bf
}

.table thead.colored-palegreen>tr>th {
    background-color: #a0d468
}

.table thead.colored-orange>tr>th {
    background-color: #fb6e52
}

.table thead.colored-darkorange>tr>th {
    background-color: #ed4e2a
}

.table thead.colored-magenta>tr>th {
    background-color: #bc5679
}

.table thead.colored-purple>tr>th {
    background-color: #7e3794
}

.table thead.colored-maroon>tr>th {
    background-color: #981b48
}

.table thead.bordered-blue>tr>th {
    border-bottom: 3px solid #5db2ff
}

.table thead.bordered-primary>tr>th {
    border-bottom: 3px solid #4374e0
}

.table thead.bordered-danger>tr>th {
    border-bottom: 3px solid #d73d32
}

.table thead.bordered-success>tr>th {
    border-bottom: 3px solid rgb(140, 195, 75)
}

.table thead.bordered-warning>tr>th {
    border-bottom: 3px solid #f4b400
}

.table thead.bordered-silver>tr>th {
    border-bottom: 3px solid rgb(0, 0, 0)
}

.table thead.bordered-inverse>tr>th {
    border-bottom: 3px solid #444444
}

.table thead.bordered-blueberry>tr>th {
    border-bottom: 3px solid #6f85bf
}

.table thead.bordered-palegreen>tr>th {
    border-bottom: 3px solid #a0d468
}

.table thead.bordered-orange>tr>th {
    border-bottom: 3px solid #fb6e52
}

.table thead.bordered-darkorange>tr>th {
    border-bottom: 3px solid #ed4e2a
}

.table thead.bordered-magenta>tr>th {
    border-bottom: 3px solid #bc5679
}

.table thead.bordered-purple>tr>th {
    border-bottom: 3px solid #7e3794
}

.table thead.bordered-maroon>tr>th {
    border-bottom: 3px solid #981b48
}

.table tr.success td:first-child {
    box-shadow: 2px 0 #8cc34b inset
}

.table tr.danger td:first-child {
    box-shadow: 2px 0 #d73d32 inset
}

.table tr.warning td:first-child {
    box-shadow: 2px 0 #f4b400 inset
}

.table tr.active td:first-child {
    box-shadow: 2px 0 #737373 inset
}

.table tr td.success {
    box-shadow: 2px 0 #8cc34b inset
}

.table tr td.danger {
    box-shadow: 2px 0 #d73d32 inset
}

.table tr td.warning {
    box-shadow: 2px 0 #f4b400 inset
}

.table tr td.active {
    box-shadow: 2px 0 #737373 inset
}

.table-bordered thead>tr {
    background-color: #eee;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
    background-image: linear-gradient(to bottom, rgb(242, 242, 242) 0, #fafafa 100%)
}

.table>thead>tr>.active,
.table>tbody>tr>.active,
.table>tfoot>tr>.active,
.table>thead>.active>td,
.table>tbody>.active>td,
.table>tfoot>.active>td,
.table>thead>.active>th,
.table>tbody>.active>th,
.table>tfoot>.active>th,
.table-striped>tbody>tr.active:nth-child(odd)>td,
.table-striped>tbody>tr>.active:nth-child(odd)>th {
    background-color: #f1f1f1;
    color: #222
}

.table-hover>tbody>tr>.active:hover,
.table-hover>tbody>.active:hover>td,
.table-hover>tbody>.active:hover>th,
.table-striped>tbody>tr.active:hover:nth-child(odd)>td,
.table-striped>tbody>tr>.active:hover:nth-child(odd)>th {
    background-color: #e5e5e5 !important
}

.table>thead>tr>.success,
.table>tbody>tr>.success,
.table>tfoot>tr>.success,
.table>thead>.success>td,
.table>tbody>.success>td,
.table>tfoot>.success>td,
.table>thead>.success>th,
.table>tbody>.success>th,
.table>tfoot>.success>th {
    color: #119000
}

.table>thead>tr>.danger,
.table>tbody>tr>.danger,
.table>tfoot>tr>.danger,
.table>thead>.danger>td,
.table>tbody>.danger>td,
.table>tfoot>.danger>td,
.table>thead>.danger>th,
.table>tbody>.danger>th,
.table>tfoot>.danger>th {
    color: #cd2929
}

.table>thead>tr>.warning,
.table>tbody>tr>.warning,
.table>tfoot>tr>.warning,
.table>thead>.warning>td,
.table>tbody>.warning>td,
.table>tfoot>.warning>td,
.table>thead>.warning>th,
.table>tbody>.warning>th,
.table>tfoot>.warning>th {
    color: #fb6e52
}

.table-scrollable {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    border: 1px solid rgb(191, 186, 186)
}

.table-scrollable>.table {
    width: 100% !important;
    margin: 0 !important;
    margin-bottom: 0;
    background-color: #fff
}

.table-scrollable>.table>thead>tr>th,
.table-scrollable>.table>tbody>tr>th,
.table-scrollable>.table>tfoot>tr>th,
.table-scrollable>.table>thead>tr>td,
.table-scrollable>.table>tbody>tr>td,
.table-scrollable>.table>tfoot>tr>td {
    white-space: nowrap
}

.table-scrollable>.table-bordered {
    border: 0
}

.table-scrollable>.table-bordered>thead>tr>th:first-child,
.table-scrollable>.table-bordered>tbody>tr>th:first-child,
.table-scrollable>.table-bordered>tfoot>tr>th:first-child,
.table-scrollable>.table-bordered>thead>tr>td:first-child,
.table-scrollable>.table-bordered>tbody>tr>td:first-child,
.table-scrollable>.table-bordered>tfoot>tr>td:first-child {
    border-left: 0
}

.table-scrollable>.table-bordered>thead>tr>th:last-child,
.table-scrollable>.table-bordered>tbody>tr>th:last-child,
.table-scrollable>.table-bordered>tfoot>tr>th:last-child,
.table-scrollable>.table-bordered>thead>tr>td:last-child,
.table-scrollable>.table-bordered>tbody>tr>td:last-child,
.table-scrollable>.table-bordered>tfoot>tr>td:last-child {
    border-right: 0
}

.table-scrollable>.table-bordered>thead>tr>th:last-child>td,
.table-scrollable>.table-bordered>tbody>tr>th:last-child>td,
.table-scrollable>.table-bordered>tfoot>tr>th:last-child>td,
.table-scrollable>.table-bordered>thead>tr>td:last-child>td,
.table-scrollable>.table-bordered>tbody>tr>td:last-child>td,
.table-scrollable>.table-bordered>tfoot>tr>td:last-child>td {
    border-bottom: 0
}

.flip-scroll table {
    width: 100%
}

@media only screen and (max-width: 800px) {
    .flip-scroll .flip-content:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0
    }
    .flip-scroll html .flip-content {
        -ms-zoom: 1;
        zoom: 1
    }
    .flip-scroll *:first-child+html .flip-content {
        -ms-zoom: 1;
        zoom: 1
    }
    .flip-scroll table {
        width: 100%;
        border-collapse: collapse;
        border-spacing: 0;
        display: block;
        position: relative
    }
    .flip-scroll th,
    .flip-scroll td {
        margin: 0;
        vertical-align: top
    }
    .flip-scroll th:last-child,
    .flip-scroll td:last-child {
        border-bottom: 1px solid rgb(191, 186, 186)
    }
    .flip-scroll th {
        border: 0 !important;
        border-right: 1px solid rgb(191, 186, 186) !important;
        font-size: 14px !important;
        padding: 5px;
        width: auto !important;
        display: block;
        text-align: right;
        border-bottom: 0;
        border-left: 0
    }
    .flip-scroll td {
        display: block;
        min-height: 1.25em;
        text-align: left;
        border-top: 0 !important;
        border-left: 0;
        border-right: 0;
        border-bottom: 0
    }
    .flip-scroll thead {
        display: block;
        float: left
    }
    .flip-scroll thead tr {
        display: block;
        border: 0px !important
    }
    .flip-scroll thead.bordered-blue>tr>th {
        border-right: 3px solid #5db2ff !important
    }
    .flip-scroll thead.bordered-primary>tr>th {
        border-right: 3px solid #4374e0 !important
    }
    .flip-scroll thead.bordered-danger>tr>th {
        border-right: 3px solid #d73d32 !important
    }
    .flip-scroll thead.bordered-success>tr>th {
        border-right: 3px solid rgb(140, 195, 75) !important
    }
    .flip-scroll thead.bordered-warning>tr>th {
        border-right: 3px solid #f4b400 !important
    }
    .flip-scroll thead.bordered-silver>tr>th {
        border-right: 3px solid rgb(0, 0, 0) !important
    }
    .flip-scroll thead.bordered-inverse>tr>th {
        border-right: 3px solid #444444 !important
    }
    .flip-scroll thead.bordered-blueberry>tr>th {
        border-right: 3px solid #6f85bf !important
    }
    .flip-scroll thead.bordered-palegreen>tr>th {
        border-right: 3px solid #a0d468 !important
    }
    .flip-scroll thead.bordered-orange>tr>th {
        border-right: 3px solid #fb6e52 !important
    }
    .flip-scroll thead.bordered-darkorange>tr>th {
        border-right: 3px solid #ed4e2a !important
    }
    .flip-scroll thead.bordered-magenta>tr>th {
        border-right: 3px solid #bc5679 !important
    }
    .flip-scroll thead.bordered-purple>tr>th {
        border-right: 3px solid #7e3794 !important
    }
    .flip-scroll thead.bordered-maroon>tr>th {
        border-right: 3px solid #981b48 !important
    }
    .flip-scroll tbody {
        display: block;
        width: auto;
        position: relative;
        overflow-x: auto;
        white-space: nowrap
    }
    .flip-scroll tbody tr {
        display: inline-block;
        vertical-align: top;
        margin-left: -5px;
        border-left: 1px solid rgb(191, 186, 186)
    }
}

.table-toolbar {
    padding: 10px 0
}

.dropdown-checkboxes {
    padding: 5px
}

.dropdown-checkboxes .checker {
    display: block;
    font-weight: 300;
    color: #000;
    margin: 0 4px;
    line-height: 24px
}

.dropdown-checkboxes .checker input {
    margin-top: 5px
}

.dropdown-checkboxes .checker span {
    padding-left: 5px
}

.table input[type=checkbox]~.text,
.table input[type=radio]~.text {
    margin-right: -7px;
    margin-bottom: 0
}

.dd {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    max-width: 600px;
    list-style: none;
    line-height: 20px
}

.dd.shadowed .dd-handle,
.dd.shadowed .dd2-content {
    box-shadow: 0 0 4px #0000004d
}

.dd.bordered .dd-handle,
.dd.bordered .dd2-content {
    border: 1px solid #cfcfcf
}

.dd.darker .dd-handle,
.dd.darker .dd2-content {
    background-color: #eee
}

.dd.darker .dd2-handle,
.dd.darker .dd-dragel>li>.dd2-handle {
    background-color: #e5e5e5
}

.dd-list {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none
}

.dd-list>li>.dd-handle[class*=bg-],
.dd-list>li>.dd2-content[class*=bg-] {
    color: #fff
}

.dd-list .dd-list {
    padding-left: 30px
}

.dd-collapsed .dd-list {
    display: none
}

.dd-item,
.dd-empty,
.dd-placeholder {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    min-height: 20px;
    line-height: 20px
}

.dd-handle,
.dd2-content {
    display: block;
    min-height: 38px;
    margin: 5px 0;
    padding: 8px 12px;
    background: rgb(235, 235, 235);
    color: #737373;
    font-size: 13px;
    text-decoration: none;
    box-sizing: border-box
}

.dd-handle:hover,
.dd2-content:hover {
    color: #262626;
    background: #eeeeee
}

.dd-handle[class*=btn-],
.dd2-content[class*=btn-] {
    color: #fff;
    border: 0;
    padding: 9px 12px
}

.dd-handle[class*=btn-]:hover,
.dd2-content[class*=btn-]:hover {
    opacity: .85;
    color: #fff
}

.dd2-handle+.dd2-content,
.dd2-handle+.dd2-content[class*=btn-] {
    padding-left: 44px
}

.dd-handle[class*=btn-]:hover,
.dd2-content[class*=btn-] .dd2-handle[class*=btn-]:hover+.dd2-content[class*=btn-] {
    color: #fff
}

.dd-item>button:hover~.dd-handle[class*=btn-],
.dd-item>button:hover~.dd2-content[class*=btn-] {
    opacity: .85;
    color: #fff
}

.dd2-handle:hover~.dd2-content {
    color: #262626;
    background: rgb(235, 235, 235)
}

.dd2-item.dd-item>button {
    margin-left: 38px
}

.dd-item>button {
    display: block;
    position: relative;
    z-index: 1;
    cursor: pointer;
    float: left;
    width: 25px;
    height: 20px;
    margin: 5px 1px 5px 5px;
    padding: 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    border: 0;
    background: transparent;
    font-size: 12px;
    line-height: 1;
    text-align: center;
    font-weight: 700;
    top: 4px;
    left: 1px;
    color: #737373
}

.dd-item>button:before {
    font-family: FontAwesome;
    content: "\f067";
    display: block;
    position: absolute;
    width: 100%;
    text-align: center;
    text-indent: 0;
    font-weight: 400;
    font-size: 14px
}

.dd-item>button[data-action=collapse]:before {
    content: "\f068"
}

.dd-item>button:hover {
    color: #737373
}

.dd-item .dd-colored>button,
.dd-item.dd-colored>button:hover {
    color: #ebebeb
}

.dd-placeholder,
.dd-empty {
    margin: 5px 0;
    padding: 0;
    min-height: 30px;
    background: rgb(235, 235, 235);
    border: 1px dashed #d0d0d0;
    box-sizing: border-box
}

.dd-empty {
    border-color: #aaa;
    border-style: solid;
    background-color: #e5e5e5
}

.dd-dragel {
    position: absolute;
    pointer-events: none;
    z-index: 999;
    zoom: 1;
    filter: alpha(opacity=80);
    -webkit-opacity: .8;
    -moz-opacity: .8;
    opacity: .8
}

.dd-dragel>li>.dd-handle {
    color: #000;
    background: #fbfbfb;
    border-left: 2px solid #444444;
    position: relative
}

.dd-dragel>.dd-item>.dd-handle {
    margin-top: 0
}

.dd-list>li[class*=bordered-] {
    border-width: 0;
    padding: 0
}

.dd-list>li[class*=bordered-]>.dd-handle {
    border-left: 2px solid;
    border-left-color: inherit
}

.dd-list>li.bordered-blue>.dd-handle {
    border-left-color: #5db2ff
}

.dd-list>li.bordered-primary>.dd-handle {
    border-left-color: #4374e0
}

.dd-list>li.bordered-danger>.dd-handle {
    border-left-color: #d73d32
}

.dd-list>li.bordered-warning>.dd-handle {
    border-left-color: #f4b400
}

.dd-list>li.bordered-success>.dd-handle {
    border-left-color: #8cc34b
}

.dd-list>li.bordered-silver>.dd-handle {
    border-left-color: #000
}

.dd-list>li.bordered-inverse>.dd-handle {
    border-left-color: #444
}

.dd-list>li.bordered-blueberry>.dd-handle {
    border-left-color: #6f85bf
}

.dd-list>li.bordered-palegreen>.dd-handle {
    border-left-color: #a0d468
}

.dd-list>li.bordered-orange>.dd-handle {
    border-left-color: #fb6e52
}

.dd-list>li.bordered-darkorange>.dd-handle {
    border-left-color: #ed4e2a
}

.dd-list>li.bordered-magenta>.dd-handle {
    border-left-color: #bc5679
}

.dd-list>li.bordered-purple>.dd-handle {
    border-left-color: #7e3794
}

.dd-list>li.bordered-maroon>.dd-handle {
    border-left-color: #981b48
}

.dd-list>li>.dd-handle .sticker {
    position: absolute;
    right: 0;
    top: 0
}

.dd2-handle,
.dd-dragel>li>.dd2-handle {
    left: 0;
    top: 0;
    width: 38px;
    margin: 0;
    border-width: 1px 1px 0 0;
    text-align: center;
    padding: 0 !important;
    line-height: 38px;
    height: 38px;
    background: rgb(255, 255, 255);
    cursor: pointer;
    overflow: hidden;
    position: absolute;
    z-index: 1
}

.dd2-handle .normal-icon,
.dd-dragel>li>.dd2-handle .normal-icon,
.dd2-handle .drag-icon,
.dd-dragel>li>.dd2-handle .drag-icon {
    font-size: 16px
}

.dd2-handle:hover,
.dd-dragel>li>.dd2-handle {
    background: #f3f3f3
}

.dd-item>.dd2-handle .drag-icon {
    display: none
}

.dd-dragel>.dd-item>.dd2-handle .drag-icon {
    display: inline
}

.dd-dragel>.dd-item>.dd2-handle .normal-icon {
    display: none
}

.tree {
    padding-left: 14px;
    overflow: auto;
    position: relative
}

.tree:before {
    width: 1px;
    z-index: 1;
    display: block;
    content: "";
    position: absolute;
    top: -21px;
    bottom: 16px;
    left: 0;
    border-left: 1px dotted #666666
}

.tree.tree-solid-line {
    padding-left: 12px
}

.tree.tree-solid-line:before {
    border-left: 1px solid #999999
}

.tree.tree-solid-line .tree-folder .tree-folder-content:before {
    border-left: 1px solid rgb(117, 114, 114)
}

.tree.tree-no-line {
    padding-left: 0
}

.tree.tree-no-line:before {
    display: none
}

.tree.tree-no-line .tree-folder .tree-folder-content:before {
    display: none
}

.tree .tree-folder {
    width: auto;
    min-height: 20px;
    cursor: pointer
}

.tree .tree-folder .tree-folder-header {
    position: relative;
    min-height: 20px;
    line-height: 20px;
    min-width: 100px
}

.tree .tree-folder .tree-folder-header:hover {
    background-color: #eee
}

.tree .tree-folder .tree-folder-header .tree-folder-name {
    margin-left: 2px
}

.tree .tree-folder img {
    margin-left: 4px
}

.tree .tree-folder .tree-folder-content {
    margin-left: 23px;
    position: relative
}

.tree .tree-folder .tree-folder-content:before {
    display: inline-block;
    content: "";
    position: absolute;
    width: 1px;
    z-index: 1;
    top: -9px;
    bottom: 16px;
    left: -12px;
    border-left: 1px dotted #666
}

.tree .tree-item {
    position: relative;
    min-height: 20px;
    line-height: 20px;
    min-width: 100px;
    cursor: pointer
}

.tree .tree-item:hover {
    background-color: #eee
}

.tree .tree-item .tree-item-name {
    margin-left: 2px
}

.tree .tree-folder,
.tree .tree-item {
    position: relative
}

.tree .tree-folder:before,
.tree .tree-item:before {
    display: inline-block;
    content: "";
    position: absolute;
    top: 14px;
    left: -13px;
    width: 18px;
    height: 0;
    border-top: 1px dotted #666666;
    z-index: 1
}

.tree .tree-selected {
    background-color: #eee;
    color: #262626
}

.tree .tree-selected:hover {
    background-color: #e5e5e5
}

.tree .tree-folder .tree-folder-header .tree-folder-name,
.tree .tree-item .tree-item-name {
    display: inline;
    z-index: 2
}

.tree.tree-solid-line .tree-folder:before,
.tree.tree-solid-line .tree-item:before {
    border-top: 1px solid #999999
}

.tree.tree-no-line .tree-folder:before,
.tree.tree-no-line .tree-item:before {
    display: none
}

.tree .tree-item,
.tree .tree-folder {
    border: 1px solid transparent
}

.tree .tree-item,
.tree .tree-folder .tree-folder-header {
    margin: 0;
    padding: 4px 5px 6px;
    color: #000;
    box-sizing: content-box
}

.tree .tree-item .tree-item-name>i,
.tree .tree-folder .tree-folder-header>i {
    color: #666;
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.tree .tree-item.tree-selected i,
.tree .tree-item .tree-item-name i {
    margin-left: 2px;
    width: 14px;
    display: inline-block;
    text-align: center;
    margin-right: 1px;
    color: #262626
}

.tree.tree-plus-minus .tree-folder-header .fa-folder-open:before {
    height: 16px;
    width: 16px;
    line-height: 16px;
    vertical-align: middle;
    display: inline-block;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAABWCAYAAADVJVbkAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAM1JREFUeNrsmFsKxCAMRRtxSe5/Be4pnYF+lMEppiZUZ44fBQvmaF5eFFXdIkd+f0opZkqtVboBlgXWDaUteCSvnc55ArcsunLLeW5JhK+As5HDuBz/F3FR40RxQb7j8+dc5FFUrSHR3XT9SgYAYJULB9kCIFa2jF6hucfICzqvbEmdRUUWIVsAAADwH83uTkOyCa/eBdYNPR4D3ouajyF6MRcPgHwYF1rFcLVOk0UaCZCfDTIAAMgWZAsAL9kydIVmDyMEGdkSK1t2AQYAa5tGM0Yy5xYAAAAASUVORK5CYII=) no-repeat;
    background: url(tree-icons.5430bd15d17ba3ea.png) no-repeat;
    background-position: 0 -21px;
    content: ""
}

.tree.tree-plus-minus .tree-folder-header .fa-folder:before {
    height: 16px;
    width: 16px;
    line-height: 16px;
    vertical-align: middle;
    display: inline-block;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAABWCAYAAADVJVbkAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAM1JREFUeNrsmFsKxCAMRRtxSe5/Be4pnYF+lMEppiZUZ44fBQvmaF5eFFXdIkd+f0opZkqtVboBlgXWDaUteCSvnc55ArcsunLLeW5JhK+As5HDuBz/F3FR40RxQb7j8+dc5FFUrSHR3XT9SgYAYJULB9kCIFa2jF6hucfICzqvbEmdRUUWIVsAAADwH83uTkOyCa/eBdYNPR4D3ouajyF6MRcPgHwYF1rFcLVOk0UaCZCfDTIAAMgWZAsAL9kydIVmDyMEGdkSK1t2AQYAa5tGM0Yy5xYAAAAASUVORK5CYII=) no-repeat;
    background: url(tree-icons.5430bd15d17ba3ea.png) no-repeat;
    background-position: 0 2px;
    content: ""
}

.ie .tree.tree-plus-minus .tree-folder-header .fa-folder:before,
.ie .tree.tree-plus-minus .tree-folder-header .fa-folder-open:before {
    margin-top: -5px
}

.tree.tree-plus-minus .tree-folder-name {
    margin-left: 0 !important
}

.tree .tree-actions {
    display: none;
    position: absolute;
    margin-top: 1px;
    right: 4px
}

.tree .tree-item:hover .tree-actions,
.tree .tree-folder-header:hover .tree-actions {
    display: inline-block
}

.tree .tree-actions>i {
    font-weight: 300;
    padding: 1px 3px;
    text-align: center;
    font-size: 14px;
    color: #000;
    margin-right: 6px;
    margin-top: 0;
    display: inline-block
}

.tree .tree-actions>i:hover {
    font-weight: 700
}

.tree-loading {
    color: #2dc3e8;
    margin-left: 30px
}

.wizard {
    -webkit-border-radius: 2px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 2px;
    -moz-background-clip: padding;
    border-radius: 2px;
    background-clip: padding-box;
    box-shadow: 0 0 4px #0000004d;
    background-color: #fff;
    position: relative;
    overflow: hidden
}

.wizard.wizard-tabbed {
    background: #fbfbfb
}

.wizard.wizard-tabbed ul li {
    padding: 0 30px;
    background-color: #fbfbfb
}

.wizard.wizard-tabbed ul li .chevron {
    display: none
}

.wizard.wizard-tabbed ul li .chevron:before {
    display: none
}

.wizard.wizard-tabbed ul li.complete {
    background-color: #fbfbfb
}

.wizard.wizard-tabbed ul li.active {
    background: rgb(255, 255, 255)
}

.wizard.wizard-wired {
    padding-top: 10px;
    display: block;
    background: rgb(255, 255, 255);
    text-align: center;
    box-shadow: none
}

.wizard.wizard-wired ul {
    display: table;
    width: 100%;
    position: relative
}

.wizard.wizard-wired ul li {
    display: table-cell;
    text-align: center;
    background-color: #fff;
    width: 20%;
    padding: 0;
    margin: 0
}

.wizard.wizard-wired ul li .chevron {
    display: none
}

.wizard.wizard-wired ul li .chevron:before {
    display: none
}

.wizard.wizard-wired ul li.complete {
    background-color: #fff
}

.wizard.wizard-wired ul li.complete .step:before {
    font-size: 22px;
    line-height: 36px
}

.wizard.wizard-wired ul li.complete:hover,
.wizard.wizard-wired ul li.active {
    background-color: #fff
}

.wizard.wizard-wired ul li .step {
    border-width: 6px;
    width: 50px;
    height: 50px;
    line-height: 40px !important;
    font-size: 14px !important;
    z-index: 2;
    background-color: #fff
}

.wizard.wizard-wired ul li .title {
    display: block;
    margin-top: 0;
    margin-bottom: 0 !important;
    max-width: 100%;
    font-size: 13px;
    line-height: normal !important;
    z-index: 104;
    text-align: center;
    table-layout: fixed;
    -ms-word-wrap: break-word;
    word-wrap: break-word
}

.wizard.wizard-wired ul li:before {
    display: block;
    content: "";
    width: 100%;
    height: 6px !important;
    font-size: 0;
    overflow: hidden;
    background-color: #c6c6c6;
    position: relative !important;
    top: 28px;
    z-index: 1 !important
}

.wizard.wizard-wired ul li:first-child:before {
    max-width: 51%;
    left: 50%
}

.wizard.wizard-wired ul li:last-child:before {
    max-width: 50%;
    width: 50%
}

.wizard ul {
    list-style: none outside none;
    padding: 0;
    margin: 0;
    width: 4000px
}

.wizard ul.previous-disabled li.complete {
    cursor: default
}

.wizard ul.previous-disabled li.complete:hover {
    background: #f3f3f3;
    cursor: default
}

.wizard ul.previous-disabled li.complete:hover .chevron:before {
    border-left-color: #f3f3f3
}

.wizard ul li {
    float: left;
    margin: 0;
    padding: 0 20px 0 30px;
    line-height: 46px;
    position: relative;
    background: rgb(235, 235, 235);
    color: #646464 !important;
    font-size: 16px;
    cursor: default;
    transition: all .218s ease
}

.wizard ul li .step {
    border: 3px solid #c6c6c6;
    color: #ccc;
    font-size: 14px !important;
    border-radius: 100%;
    position: relative;
    z-index: 2;
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 20px;
    text-align: center;
    margin-right: 10px
}

.wizard ul li .chevron {
    border: 24px solid transparent;
    border-left: 14px solid #d4d4d4;
    border-right: 0;
    display: block;
    position: absolute;
    right: -14px;
    top: 0;
    z-index: 1
}

.wizard ul li .chevron:before {
    border: 24px solid transparent;
    border-left: 14px solid rgb(235, 235, 235);
    border-right: 0;
    content: "";
    display: block;
    position: absolute;
    right: 1px;
    top: -24px;
    transition: all .218s ease
}

.wizard ul li.complete {
    background: rgb(235, 235, 235);
    color: #444
}

.wizard ul li.complete:before {
    display: block;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: -1px;
    height: 2px;
    max-height: 2px;
    overflow: hidden;
    background-color: #a0d468;
    z-index: 10000
}

.wizard ul li.complete:hover {
    background: #eeeeee;
    cursor: pointer
}

.wizard ul li.complete:hover .chevron:before {
    border-left: 14px solid #eeeeee
}

.wizard ul li.complete .chevron:before {
    border-left: 14px solid rgb(235, 235, 235)
}

.wizard ul li.complete .step {
    color: #a0d468;
    border-color: #a0d468
}

.wizard ul li.complete .step:before {
    display: block;
    position: absolute;
    inset: 0;
    line-height: 20px;
    text-align: center;
    border-radius: 100%;
    content: "\f00c";
    background-color: #fff;
    z-index: 3;
    font-family: FontAwesome;
    font-size: 12px;
    color: #a0d468
}

.wizard ul li.active {
    background: rgb(255, 255, 255);
    color: #262626
}

.wizard ul li.active .step {
    border-color: #2dc3e8;
    color: #2dc3e8
}

.wizard ul li.active:before {
    display: block;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: -1px;
    height: 6px;
    max-height: 6px;
    overflow: hidden;
    background-color: #2dc3e8;
    z-index: 10000
}

.wizard ul li.active .chevron:before {
    border-left: 14px solid rgb(255, 255, 255)
}

.wizard ul li .badge {
    margin-right: 8px
}

.wizard ul li:first-child {
    -webkit-border-radius: 2px 0 0 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 2px 0 0 0;
    -moz-background-clip: padding;
    border-radius: 2px 0 0;
    background-clip: padding-box
}

.actions {
    z-index: 1000;
    position: absolute;
    right: 0;
    line-height: 42px;
    float: right;
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 4px;
    vertical-align: middle;
    border-left: 1px solid #d4d4d4
}

.actions a {
    line-height: 45px;
    font-size: 12px;
    margin-right: 8px
}

.actions .btn-prev i {
    margin-right: 5px
}

.actions .btn-next i {
    margin-left: 5px
}

.actions.actions-footer {
    margin-top: -10px;
    position: relative;
    float: none;
    text-align: right;
    border: 0;
    background-color: #fff;
    box-shadow: 0 0 4px #0000004d
}

.step-content {
    border-top: 0;
    -webkit-border-radius: 0 0 2px 2px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0 0 2px 2px;
    -moz-background-clip: padding;
    border-radius: 0 0 2px 2px;
    background-clip: padding-box;
    padding: 10px;
    margin-bottom: 10px;
    box-shadow: 1px 0 10px 1px #0000004d;
    background-color: #fbfbfb
}

.step-content .step-pane {
    display: none
}

.step-content .active {
    display: block
}

.step-content .active .btn-group .active {
    display: inline-block
}

.chart {
    height: 220px;
    margin: 5px
}

.chart-sm {
    height: 100px
}

.chart-lg {
    height: 250px
}

.chart-xl {
    height: 350px
}

#flotTip {
    padding: 3px 5px;
    background-color: #ebebeb;
    z-index: 9999;
    color: #262626;
    box-shadow: 0 1px 8px #0000004d;
    font-size: 13px;
    -webkit-border-radius: 2px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 2px;
    -moz-background-clip: padding;
    border-radius: 2px;
    background-clip: padding-box;
    border: 1px solid #cccccc
}

#flotTip span {
    color: #5db2ff;
    font-weight: 700
}

.flot-donut-caption {
    position: absolute;
    top: calc(50% - 20px);
    -lh-property: 0;
    left: calc(50% - 25px)
}

flot-donut-caption .legendLabel span {
    display: block;
    margin: 0 5px
}

.legendColorBox {
    padding-left: 10px;
    vertical-align: top;
    padding-top: 5px
}

.legendColorBox div>div {
    width: 4px;
    height: 4px;
    box-sizing: content-box
}

.morris-hover.morris-default-style {
    border-radius: 5px;
    padding: 3px;
    color: #444;
    background: rgba(255, 255, 255, .8);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    border: solid 2px rgba(230, 230, 230, .8);
    font-family: sans-serif;
    font-size: 12px;
    text-align: center
}

.morris-hover.morris-default-style .morris-hover-row-label {
    font-weight: 700;
    margin: .25em 0
}

.morris-hover.morris-default-style .morris-hover-point {
    white-space: nowrap;
    margin: .1em 0
}

.morris-hover {
    position: absolute;
    z-index: 1001
}

.has-legend {
    margin-top: 30px !important
}

.has-legend-unique {
    margin-top: 19px !important
}

.easyPieChart {
    position: relative;
    text-align: center
}

.easyPieChart canvas {
    position: absolute;
    top: 0;
    left: 0
}

.easy-pie-chart {
    display: inline-block
}

.easy-pie-chart .percent {
    color: #444;
    font-size: 12px;
    font-weight: 700
}

.easy-pie-title {
    display: inline-block;
    margin: 10px 6px 0;
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
    width: 100px;
    height: 19px;
    white-space: nowrap;
    overflow: hidden
}

.jqstooltip {
    padding: 7px !important;
    border-radius: 3px !important;
    border: 0 !important;
    background-color: #000 !important;
    box-sizing: content-box
}

.jqstooltip .jqsfield {
    font-size: 11px
}

.form-bordered .form-group {
    border-top: 1px solid #e5e5e5;
    padding-top: 15px;
    margin-left: -12px;
    margin-right: -12px
}

.form-bordered .form-group:first-child {
    border-top: 0;
    padding-top: 0
}

.form-bordered .form-group:last-child {
    margin-bottom: 0
}

.form-title {
    display: block;
    padding: 8px 0;
    border-bottom: 1px dashed rgba(0, 0, 0, .2);
    font-size: 15px;
    font-weight: 300;
    color: #262626;
    margin-bottom: 15px
}

label {
    font-weight: 400;
    font-size: 13px;
    vertical-align: middle;
    cursor: pointer;
    font-family: Solo Sans
}

textarea,
input[type=text],
input[type=password],
input[type=datetime],
input[type=datetime-local],
input[type=date],
input[type=month],
input[type=time],
input[type=week],
input[type=number],
input[type=email],
input[type=url],
input[type=search],
input[type=tel],
input[type=color] {
    background-clip: padding-box !important;
    color: #858585;
    background-color: #fbfbfb;
    transition: box-shadow .45s, border-color .45s ease-in-out;
    box-shadow: none;
    border: 1px rgb(191, 186, 186) solid !important;
    font-family: Solo Sans Light !important;
    border-radius: 5px !important
}

textarea:hover,
input[type=text]:hover,
input[type=password]:hover,
input[type=datetime]:hover,
input[type=datetime-local]:hover,
input[type=date]:hover,
input[type=month]:hover,
input[type=time]:hover,
input[type=week]:hover,
input[type=number]:hover,
input[type=email]:hover,
input[type=url]:hover,
input[type=search]:hover,
input[type=tel]:hover,
input[type=color]:hover {
    border-color: #0003
}

textarea:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=time]:focus,
input[type=week]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=color]:focus {
    color: #262626;
    background-color: #fff;
    box-shadow: inset 0 1px 2px #0000001a;
    border-color: #00000040;
    outline: 0
}

.page-body textarea,
.page-body input[type=password],
.page-body input[type=text],
.page-body input[type=datetime],
.page-body input[type=datetime-local],
.page-body input[type=date],
.page-body input[type=month],
.page-body input[type=time],
.page-body input[type=week],
.page-body input[type=number],
.page-body input[type=email],
.page-body input[type=url],
.page-body input[type=search],
.page-body input[type=tel],
.page-body input[type=color],
.page-body .form-control {
    border-radius: 5px !important;
    box-shadow: inset 0 1px 1px #00000014;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    font-family: Solo Sans Light;
    padding-left: 15px !important;
    padding-right: 15px !important;
    font-size: 14px;
    height: 40px !important
}

.form-control,
select {
    font-size: 14px;
    color: #858585;
    background-color: #fbfbfb;
    padding: 6px 12px;
    height: 40px !important;
    margin-bottom: 15px;
    border: 1px rgb(191, 186, 186) solid
}

.form-control:focus,
select:focus {
    color: #262626;
    background-color: #fff;
    outline: 0;
    box-shadow: inset 0 1px 2px #0000001a !important;
    border-color: #00000040 !important;
    cursor: pointer !important;
    border: 1px rgb(78, 78, 79) solid !important
}

textarea.form-control {
    padding: 5px 9px;
    transition: height .2s
}

.input-xs {
    height: 24px;
    padding: 2px 10px;
    font-size: 11px;
    line-height: 1.5
}

.input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5
}

.input-lg {
    font-weight: 300;
    font-size: 18px;
    height: 46px;
    padding: 10px 16px;
    line-height: 1.33
}

.input-xl {
    height: 52px;
    padding: 12px 18px;
    font-size: 20px;
    line-height: 1.5;
    font-weight: 300
}

.ng-autocomplete {
    width: 100% !important
}

.autocomplete-container {
    box-shadow: none !important;
    position: relative;
    overflow: visible;
    height: 32px !important;
    border: 1px solid rgb(191, 186, 186) !important;
    border-radius: 3px !important
}

.autocomplete-container .input-container input {
    font-size: 14px !important;
    box-sizing: border-box;
    border: none;
    box-shadow: none;
    outline: 0;
    background-color: #fff;
    color: #000000de;
    width: 220px !important;
    padding: 0 5px !important;
    line-height: 30px;
    height: 30px !important;
    text-overflow: ellipsis !important
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    cursor: not-allowed;
    background-color: #e5e5e5 !important;
    border-color: #e5e5e5 !important;
    opacity: .6
}

.form-control[disabled]:hover,
.form-control[readonly]:hover,
fieldset[disabled] .form-control:hover {
    border-color: #eee;
    background-color: #fff
}

.form-group.has-success input,
.input-bs-group.has-success input,
.form-group.has-success select,
.input-bs-group.has-success select,
.form-group.has-success textarea,
.input-bs-group.has-success textarea {
    border-color: #b0dd9c;
    color: #a0d468;
    box-shadow: none;
    background-color: #f3f7f1
}

.form-group.has-success input:focus,
.input-bs-group.has-success input:focus,
.form-group.has-success select:focus,
.input-bs-group.has-success select:focus,
.form-group.has-success textarea:focus,
.input-bs-group.has-success textarea:focus {
    box-shadow: none;
    color: #8cc34b;
    border-color: #8cc34b
}

.form-group.has-success .form-control-feedback:before,
.input-bs-group.has-success .form-control-feedback:before {
    color: #8cc34b !important;
    color: inherit
}

.form-group.has-succfess .control-label,
.input-bs-group.has-success .control-label,
.form-group.has-success .help-block,
.input-bs-group.has-success .help-block,
.form-group.has-success .help-inline,
.input-bs-group.has-success .help-inline {
    color: #8cc34b
}

.form-group.has-error input,
.input-bs-group.has-error input,
.form-group.has-error .select,
.input-bs-group.has-error .select,
.form-group.has-error textarea,
.input-bs-group.has-error textarea {
    border-color: #e7bebe;
    color: #e46f61;
    box-shadow: none;
    background-color: snow
}

.form-group.has-error input:focus,
.input-bs-group.has-error input:focus,
.form-group.has-error .select:focus,
.input-bs-group.has-error .select:focus,
.form-group.has-error textarea:focus,
.input-bs-group.has-error textarea:focus {
    box-shadow: none;
    color: #d73d32;
    border-color: #e46f61
}

.form-group.has-error .form-control-feedback:before,
.input-bs-group.has-error .form-control-feedback:before {
    color: #e46f61 !important;
    color: inherit
}

.form-group.has-error .control-label,
.input-bs-group.has-error .control-label,
.form-group.has-error .help-block,
.input-bs-group.has-error .help-block,
.form-group.has-error .help-inline,
.input-bs-group.has-error .help-inline {
    color: #e46f61
}

.form-group.has-warning input,
.input-bs-group.has-warning input,
.form-group.has-warning .select,
.input-bs-group.has-warning .select,
.form-group.has-warning textarea,
.input-bs-group.has-warning textarea {
    border-color: #fecf49;
    color: #f4b400;
    box-shadow: none;
    background-color: #fefbf1
}

.form-group.has-warning input:focus,
.input-bs-group.has-warning input:focus,
.form-group.has-warning .select:focus,
.input-bs-group.has-warning .select:focus,
.form-group.has-warning textarea:focus,
.input-bs-group.has-warning textarea:focus {
    box-shadow: none;
    color: #f4b400;
    border-color: #f4b400
}

.form-group.has-warning .form-control-feedback:before,
.input-bs-group.has-warning .form-control-feedback:before {
    color: #f4b400 !important;
    color: inherit
}

.form-group.has-warning .control-label,
.input-bs-group.has-warning .control-label,
.form-group.has-warning .help-block,
.input-bs-group.has-warning .help-block,
.form-group.has-warning .help-inline,
.input-bs-group.has-warning .help-inline {
    color: #f4b400
}

.form-group.has-info input,
.input-bs-group.has-info input,
.form-group.has-info .select,
.input-bs-group.has-info .select,
.form-group.has-info textarea,
.input-bs-group.has-info textarea {
    border-color: #a4d3fe;
    color: #57b5e3;
    box-shadow: none;
    background-color: #f9fcff
}

.form-group.has-info input:focus,
.input-bs-group.has-info input:focus,
.form-group.has-info .select:focus,
.input-bs-group.has-info .select:focus,
.form-group.has-info textarea:focus,
.input-bs-group.has-info textarea:focus {
    box-shadow: none;
    color: #57b5e3;
    border-color: #57b5e3
}

.form-group.has-info .form-control-feedback:before,
.input-bs-group.has-info .form-control-feedback:before {
    color: #57b5e3 !important;
    color: inherit
}

.form-group.has-info .control-label,
.input-bs-group.has-info .control-label,
.form-group.has-info .help-block,
.input-bs-group.has-info .help-block,
.form-group.has-info .help-inline,
.input-bs-group.has-info .help-inline {
    color: #57b5e3
}

span.input-icon {
    display: inline-block
}

.input-icon {
    position: relative;
    width: 100%
}

.input-icon.inverted>[class*=fa-],
.input-icon.inverted>[class*=glyphicon-] {
    color: #fff;
    background-color: #262626
}

.input-icon>input {
    padding-left: 36px;
    padding-right: 6px
}

.input-icon>input:focus+[class*=fa-],
.input-icon>input:focus+[class*=glyphicon-] {
    zoom: 1;
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1
}

.input-icon>input:focus+.circular {
    box-shadow: 0 0 0 .1em #00000026 inset
}

.input-icon>input.input-xs {
    padding-left: 26px
}

.input-icon>input.input-xs+[class*=fa-],
.input-icon>input.input-xs+[class*=glyphicon-] {
    width: 24px;
    font-size: 10px;
    padding-top: 0;
    line-height: 24px
}

.input-icon>input.input-xs+.circular {
    width: 14px;
    height: 14px;
    font-size: 10px;
    line-height: 14px
}

.input-icon>input.input-sm {
    padding-left: 32px
}

.input-icon>input.input-sm+[class*=fa-],
.input-icon>input.input-sm+[class*=glyphicon-] {
    width: 30px;
    font-size: 12px;
    padding-top: 0;
    line-height: 30px
}

.input-icon>input.input-sm+.circular {
    width: 20px;
    height: 20px;
    font-size: 12px;
    line-height: 20px
}

.input-icon>input.input-lg {
    padding-left: 48px
}

.input-icon>input.input-lg+[class*=fa-],
.input-icon>input.input-lg+[class*=glyphicon-] {
    width: 46px;
    font-size: 18px;
    padding-top: 5px;
    line-height: 34px
}

.input-icon>input.input-lg+.circular {
    width: 36px;
    height: 36px;
    font-size: 18px;
    line-height: 26px
}

.input-icon>input.input-xl {
    padding-left: 54px
}

.input-icon>input.input-xl+[class*=fa-],
.input-icon>input.input-xl+[class*=glyphicon-] {
    width: 52px;
    font-size: 20px;
    padding-top: 8px;
    line-height: 34px
}

.input-icon>input.input-xl+.circular {
    width: 42px;
    height: 42px;
    font-size: 20px;
    line-height: 26px
}

.input-icon>[class*=fa-],
.input-icon>[class*=glyphicon-] {
    z-index: 2;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 34px;
    height: 100%;
    line-height: 28px;
    display: inline-block;
    color: #555;
    font-size: 14px;
    text-align: center;
    padding-top: 3px;
    zoom: 1;
    filter: alpha(opacity=70);
    -webkit-opacity: .7;
    -moz-opacity: .7;
    opacity: .7
}

.input-icon>[class*=fa-].circular,
.input-icon>[class*=glyphicon-].circular {
    border-radius: 500em !important;
    box-shadow: 0 0 0 .1em #0000001a inset;
    transition: box-shadow .3s ease;
    padding: 0;
    top: 5px;
    bottom: 5px;
    left: 7px;
    width: 24px;
    height: 24px;
    font-size: 12px;
    line-height: 24px
}

.input-icon.icon-right>input {
    padding-left: 6px;
    padding-right: 36px
}

.input-icon.icon-right>input.input-xs {
    padding-right: 26px
}

.input-icon.icon-right>input.input-sm {
    padding-right: 32px
}

.input-icon.icon-right>input.input-lg {
    padding-right: 48px
}

.input-icon.icon-right>input.input-xl {
    padding-right: 54px
}

.input-icon.icon-right>[class*=fa-],
.input-icon.icon-right>[class*=glyphicon-] {
    left: auto;
    right: 0
}

.input-icon.icon-right .circular {
    left: auto;
    right: 5px
}

.input-icon~.help-inline {
    padding-left: 8px
}

.input-bs-group .input-bs-group-text {
    border-radius: 0 !important;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZiZmJmYiIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
    background-image: linear-gradient(to bottom, #eeeeee 0, #fbfbfb 100%);
    height: 40px
}

.input-bs-group .input-bs-group-text[class*=bg-] {
    background-image: none;
    color: #fff;
    height: 40px
}

.input-bs-group-xl>.form-control,
.input-bs-group-xl>.input-bs-group-text,
.input-bs-group-xl>.input-bs-group-btn>.btn {
    height: 52px;
    padding: 10px 18px;
    font-size: 20px;
    line-height: 1.4
}

.input-bs-group-xs>.form-control,
.input-bs-group-xs>.input-bs-group-text,
.input-bs-group-xs>.input-bs-group-btn>.btn {
    height: 24px;
    padding: 2px 6px 2px 7px;
    font-size: 11px;
    line-height: 1.4
}

.has-success .input-bs-group-text {
    border-color: #b0dd9c !important;
    color: #8cc34b;
    background-image: none
}

.has-error .input-bs-group-text {
    border-color: #e7bebe;
    color: #e46f61;
    background-image: none
}

.has-warning .input-bs-group-text {
    border-color: #fecf49;
    color: #f4b400;
    background-image: none
}

.has-info .input-bs-group-text {
    border-color: #a4d3fe;
    color: #57b5e3;
    background-color: #e4f0fc;
    background-image: none
}

.input-bs-group-btn .btn-label {
    padding: 6px 10px !important
}

.input-bs-group-btn>.btn {
    line-height: 20px;
    border-radius: 0 !important
}

.input-bs-group-btn>.btn.dropdown-bs-toggle>[class*=fa-] {
    margin-right: 0;
    font-size: 14px
}

.input-bs-group>.btn.btn-sm {
    line-height: 22px
}

.input-bs-group>.btn+.btn {
    margin-left: 1px
}

.input-bs-group>.btn-group>.btn {
    line-height: 23px
}

.input-bs-group>.btn-group>.btn.btn-sm {
    line-height: 26px
}

.input-bs-group>.btn>.caret,
.input-bs-group>.btn-group>.btn>.caret,
.input-bs-group>.btn.btn-sm>.caret,
.input-bs-group>.btn-group>.btn.btn-sm>.caret {
    margin-top: 10px
}

.btn-file {
    position: relative;
    overflow: hidden
}

.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block
}

input[type=checkbox],
input[type=radio] {
    opacity: 0;
    position: absolute;
    left: -9999px;
    z-index: 12;
    width: 18px;
    height: 18px;
    cursor: pointer
}

input[type=checkbox].inverted:checked~.text:before,
input[type=radio].inverted:checked~.text:before {
    background-color: #000;
    border-color: #000;
    color: #fff
}

input[type=checkbox].colored-white~.text,
input[type=radio].colored-white~.text {
    color: #fff
}

input[type=checkbox].colored-white~.text:before,
input[type=radio].colored-white~.text:before {
    border-color: #fafafa
}

input[type=checkbox].colored-white:checked~.text,
input[type=radio].colored-white:checked~.text {
    color: #fff
}

input[type=checkbox].colored-white:checked~.text:before,
input[type=radio].colored-white:checked~.text:before {
    border-color: #000;
    color: #000
}

input[type=checkbox].colored-blue:checked~.text,
input[type=radio].colored-blue:checked~.text {
    color: #5db2ff
}

input[type=checkbox].colored-blue:checked~.text:before,
input[type=radio].colored-blue:checked~.text:before {
    border-color: #5db2ff;
    color: #5db2ff
}

input[type=checkbox].colored-primary:checked~.text,
input[type=radio].colored-primary:checked~.text {
    color: #4374e0
}

input[type=checkbox].colored-primary:checked~.text:before,
input[type=radio].colored-primary:checked~.text:before {
    border-color: #4374e0;
    color: #4374e0
}

input[type=checkbox].colored-danger:checked~.text,
input[type=radio].colored-danger:checked~.text {
    color: #d73d32
}

input[type=checkbox].colored-danger:checked~.text:before,
input[type=radio].colored-danger:checked~.text:before {
    border-color: #d73d32;
    color: #d73d32
}

input[type=checkbox].colored-success:checked~.text,
input[type=radio].colored-success:checked~.text {
    color: #001996
}

input[type=checkbox].colored-success:checked~.text:before,
input[type=radio].colored-success:checked~.text:before {
    border-color: #001996;
    color: #001996
}

input[type=checkbox].colored-warning:checked~.text,
input[type=radio].colored-warning:checked~.text {
    color: #f4b400
}

input[type=checkbox].colored-warning:checked~.text:before,
input[type=radio].colored-warning:checked~.text:before {
    border-color: #f4b400;
    color: #f4b400
}

input[type=checkbox].colored-silver:checked~.text,
input[type=radio].colored-silver:checked~.text {
    color: #000
}

input[type=checkbox].colored-silver:checked~.text:before,
input[type=radio].colored-silver:checked~.text:before {
    border-color: #000;
    color: #000
}

input[type=checkbox].colored-blueberry:checked~.text,
input[type=radio].colored-blueberry:checked~.text {
    color: #6f85bf
}

input[type=checkbox].colored-blueberry:checked~.text:before,
input[type=radio].colored-blueberry:checked~.text:before {
    border-color: #6f85bf;
    color: #6f85bf
}

input[type=checkbox].colored-palegreen:checked~.text,
input[type=radio].colored-palegreen:checked~.text {
    color: #a0d468
}

input[type=checkbox].colored-palegreen:checked~.text:before,
input[type=radio].colored-palegreen:checked~.text:before {
    border-color: #a0d468;
    color: #a0d468
}

input[type=checkbox].colored-orange:checked~.text,
input[type=radio].colored-orange:checked~.text {
    color: #fb6e52
}

input[type=checkbox].colored-orange:checked~.text:before,
input[type=radio].colored-orange:checked~.text:before {
    border-color: #fb6e52;
    color: #fb6e52
}

input[type=checkbox].colored-darkorange:checked~.text,
input[type=radio].colored-darkorange:checked~.text {
    color: #ed4e2a
}

input[type=checkbox].colored-darkorange:checked~.text:before,
input[type=radio].colored-darkorange:checked~.text:before {
    border-color: #ed4e2a;
    color: #ed4e2a
}

input[type=checkbox].colored-magenta:checked~.text,
input[type=radio].colored-magenta:checked~.text {
    color: #bc5679
}

input[type=checkbox].colored-magenta:checked~.text:before,
input[type=radio].colored-magenta:checked~.text:before {
    border-color: #bc5679;
    color: #bc5679
}

input[type=checkbox].colored-purple:checked~.text,
input[type=radio].colored-purple:checked~.text {
    color: #7e3794
}

input[type=checkbox].colored-purple:checked~.text:before,
input[type=radio].colored-purple:checked~.text:before {
    border-color: #7e3794;
    color: #7e3794
}

input[type=checkbox].colored-maroon:checked~.text,
input[type=radio].colored-maroon:checked~.text {
    color: #981b48
}

input[type=checkbox].colored-maroon:checked~.text:before,
input[type=radio].colored-maroon:checked~.text:before {
    border-color: #981b48;
    color: #981b48
}

input[type=checkbox]:checked,
input[type=radio]:checked,
input[type=checkbox]:focus,
input[type=radio]:focus {
    outline: none !important
}

input[type=checkbox]:checked~.text:before,
input[type=radio]:checked~.text:before {
    display: inline-block;
    content: "\f00c";
    background-color: #f5f8fc;
    box-shadow: 0 1px 2px #0000000d, inset 0 -15px 10px -12px #0000000d, inset 15px 10px -12px #ffffff1a;
    border-color: #000
}

input[type=checkbox]:hover~.text :before,
input[type=radio]:hover~.text :before {
    border-color: #737373
}

input[type=checkbox]:active~.text :before,
input[type=radio]:active~.text :before {
    box-shadow: 0 1px 2px #0000000d, inset 0 1px 3px #0000001a
}

input[type=checkbox]:disabled~.text,
input[type=radio]:disabled~.text,
input[type=checkbox][disabled]~.text,
input[type=radio][disabled]~.text,
input[type=checkbox].disabled~.text,
input[type=radio].disabled~.text {
    color: #0006
}

input[type=checkbox]:disabled~.text:before,
input[type=radio]:disabled~.text:before,
input[type=checkbox][disabled]~.text:before,
input[type=radio][disabled]~.text:before,
input[type=checkbox].disabled~.text:before,
input[type=radio].disabled~.text:before {
    background-color: #ebebeb !important;
    border-color: #e5e5e5 !important;
    box-shadow: none !important;
    color: #e5e5e5
}

input[type=checkbox]~.text,
input[type=radio]~.text {
    position: relative;
    z-index: 7;
    display: inline-block;
    margin: 0;
    line-height: 20px;
    min-height: 18px;
    min-width: 18px;
    font-weight: 400
}

input[type=checkbox]~.text:before,
input[type=radio]~.text:before {
    font-family: fontAwesome;
    font-weight: 700;
    font-size: 13px;
    color: #000;
    content: "\a0";
    background-color: #fafafa;
    border: 1px solid rgb(191, 186, 186);
    box-shadow: 0 1px 2px #0000000d;
    border-radius: 0;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    height: 18px;
    line-height: 16px;
    min-width: 18px;
    margin-right: 5px;
    margin-bottom: 2px;
    transition: all .3s ease
}

input[type=checkbox]~.text:hover:before,
input[type=radio]~.text:hover:before {
    border-color: #737373
}

input[type=checkbox]~.text:active:before,
input[type=radio]~.text:active:before {
    box-shadow: 0 1px 2px #0000000d, inset 0 1px 3px #0000001a
}

input[type=radio]~.text:before {
    border-radius: 100%;
    font-size: 10px;
    font-family: FontAwesome;
    line-height: 17px;
    height: 19px;
    min-width: 19px
}

input[type=radio]:checked~.text:before {
    content: "\f111"
}

.radio label,
.checkbox label {
    padding-left: 0
}

input[type=checkbox].checkbox-slider {
    width: 55px;
    height: 16px;
    left: 0
}

input[type=checkbox].checkbox-slider.slider-icon:checked~.text:after {
    font-family: FontAwesome;
    font-size: 15px;
    line-height: 21px;
    content: "\f00c";
    border-width: 1px;
    padding-left: 3px;
    background-color: #fff;
    color: #444
}

input[type=checkbox].checkbox-slider.slider-icon~.text:after {
    font-family: FontAwesome;
    font-size: 14px;
    line-height: 20px;
    content: "\f00d";
    border-width: 1px;
    padding-left: 4px;
    border-color: #fff
}

input[type=checkbox].checkbox-slider.toggle:checked~.text:after {
    background-color: #fff;
    color: #444
}

input[type=checkbox].checkbox-slider.toggle~.text:after {
    border: 0;
    background-color: #444;
    width: 14px;
    height: 14px;
    top: 3px;
    left: 3px;
    box-shadow: none
}

input[type=checkbox].checkbox-slider.yesno~.text:before {
    content: ""
}

input[type=checkbox].checkbox-slider.apprej~.text:before {
    content: "APPROVE\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0REJECT";
    width: 75px;
    text-indent: -51px
}

input[type=checkbox].checkbox-slider.apprej:checked~.text:after {
    left: 57px
}

input[type=checkbox].checkbox-slider~.text {
    margin: 0;
    min-height: 22px
}

.custom_check input[type=checkbox] :disabled .text {
    color: #000 !important
}

input[type=checkbox].checkbox-slider~.text:before {
    content: "ON\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0OFF";
    background-color: #ccc !important;
    font-family: Solo Sans;
    color: #d6d6d6;
    font-weight: 300;
    font-size: 10px;
    line-height: 18px;
    height: 34px;
    overflow: hidden;
    border-radius: 50rem;
    border: 1px solid #ccc !important;
    text-align: left;
    float: left;
    padding: 0;
    width: 60px;
    text-indent: -21px;
    margin-right: 0;
    transition: all .3s ease 0s
}

input[type=checkbox].checkbox-slider~.text:after {
    content: "";
    font-size: 10px;
    font-weight: 300;
    background-color: #fff;
    border: 1px solid rgb(255, 255, 255);
    border-radius: 100%;
    width: 26px;
    height: 26px;
    line-height: 22px;
    position: absolute;
    top: 4px;
    left: 3px;
    padding: 0;
    box-shadow: 0 1px 1px 1px #0000004d;
    transition: all .3s ease
}

input[type=checkbox].checkbox-slider:checked~.text:before {
    text-indent: 5px;
    background-color: #444;
    border-color: #444;
    color: #000
}

input[type=checkbox].checkbox-slider:checked~.text:after {
    left: 29px;
    background-color: #444;
    border: 5px solid rgb(255, 255, 255)
}

input[type=checkbox].checkbox-slider.colored-blue~.text:after {
    border-color: #5db2ff
}

input[type=checkbox].checkbox-slider.colored-blue:checked~.text:before {
    background-color: #5db2ff;
    border-color: #5db2ff
}

input[type=checkbox].checkbox-slider.colored-blue:checked~.text:after {
    background-color: #5db2ff;
    border-color: #fff
}

input[type=checkbox].checkbox-slider.colored-blue.slider-icon:checked~.text:after {
    background-color: #fff;
    color: #5db2ff
}

input[type=checkbox].checkbox-slider.colored-blue.slider-icon~.text:after {
    border-color: #fff;
    color: #5db2ff
}

input[type=checkbox].checkbox-slider.colored-blue.toggle:checked~.text:after {
    color: #5db2ff;
    background-color: #fff
}

input[type=checkbox].checkbox-slider.colored-blue.toggle~.text:after {
    background-color: #5db2ff
}

input[type=checkbox].checkbox-slider.colored-primary~.text:after {
    border-color: #4374e0
}

input[type=checkbox].checkbox-slider.colored-primary:checked~.text:before {
    background-color: #4374e0;
    border-color: #4374e0
}

input[type=checkbox].checkbox-slider.colored-primary:checked~.text:after {
    background-color: #4374e0;
    border-color: #fff
}

input[type=checkbox].checkbox-slider.colored-primary.slider-icon:checked~.text:after {
    background-color: #fff;
    color: #4374e0
}

input[type=checkbox].checkbox-slider.colored-primary.slider-icon~.text:after {
    border-color: #fff;
    color: #4374e0
}

input[type=checkbox].checkbox-slider.colored-primary.toggle:checked~.text:after {
    color: #4374e0;
    background-color: #fff
}

input[type=checkbox].checkbox-slider.colored-primary.toggle~.text:after {
    background-color: #4374e0
}

input[type=checkbox].checkbox-slider.colored-danger~.text:after {
    border-color: #d73d32
}

input[type=checkbox].checkbox-slider.colored-danger:checked~.text:before {
    background-color: #d73d32;
    border-color: #d73d32
}

input[type=checkbox].checkbox-slider.colored-danger:checked~.text:after {
    background-color: #d73d32;
    border-color: #fff
}

input[type=checkbox].checkbox-slider.colored-danger.slider-icon:checked~.text:after {
    background-color: #fff;
    color: #d73d32
}

input[type=checkbox].checkbox-slider.colored-danger.slider-icon~.text:after {
    border-color: #fff;
    color: #d73d32
}

input[type=checkbox].checkbox-slider.colored-danger.toggle:checked~.text:after {
    color: #d73d32;
    background-color: #fff
}

input[type=checkbox].checkbox-slider.colored-danger.toggle~.text:after {
    background-color: #d73d32
}

input[type=checkbox].checkbox-slider.colored-success~.text:after {
    border-color: #8cc34b
}

input[type=checkbox].checkbox-slider.colored-success:checked~.text:before {
    background-color: #8cc34b;
    border-color: #8cc34b
}

input[type=checkbox].checkbox-slider.colored-success:checked~.text:after {
    background-color: #8cc34b;
    border-color: #fff
}

input[type=checkbox].checkbox-slider.colored-success.slider-icon:checked~.text:after {
    background-color: #fff;
    color: #8cc34b
}

input[type=checkbox].checkbox-slider.colored-success.slider-icon~.text:after {
    border-color: #fff;
    color: #8cc34b
}

input[type=checkbox].checkbox-slider.colored-success.toggle:checked~.text:after {
    color: #8cc34b;
    background-color: #fff
}

input[type=checkbox].checkbox-slider.colored-success.toggle~.text:after {
    background-color: #8cc34b
}

input[type=checkbox].checkbox-slider.colored-warning~.text:after {
    border-color: #f4b400
}

input[type=checkbox].checkbox-slider.colored-warning:checked~.text:before {
    background-color: #f4b400;
    border-color: #f4b400
}

input[type=checkbox].checkbox-slider.colored-warning:checked~.text:after {
    background-color: #f4b400;
    border-color: #fff
}

input[type=checkbox].checkbox-slider.colored-warning.slider-icon:checked~.text:after {
    background-color: #fff;
    color: #f4b400
}

input[type=checkbox].checkbox-slider.colored-warning.slider-icon~.text:after {
    border-color: #fff;
    color: #f4b400
}

input[type=checkbox].checkbox-slider.colored-warning.toggle:checked~.text:after {
    color: #f4b400;
    background-color: #fff
}

input[type=checkbox].checkbox-slider.colored-warning.toggle~.text:after {
    background-color: #f4b400
}

input[type=checkbox].checkbox-slider.colored-silver~.text:after {
    border-color: #f4b400
}

input[type=checkbox].checkbox-slider.colored-silver:checked~.text:before {
    background-color: #f4b400;
    border-color: #f4b400
}

input[type=checkbox].checkbox-slider.colored-silver:checked~.text:after {
    background-color: #f4b400;
    border-color: #fff
}

input[type=checkbox].checkbox-slider.colored-silver.slider-icon:checked~.text:after {
    background-color: #fff;
    color: #f4b400
}

input[type=checkbox].checkbox-slider.colored-silver.slider-icon~.text:after {
    border-color: #fff;
    color: #f4b400
}

input[type=checkbox].checkbox-slider.colored-silver.toggle:checked~.text:after {
    color: #f4b400;
    background-color: #fff
}

input[type=checkbox].checkbox-slider.colored-silver.toggle~.text:after {
    background-color: #f4b400
}

input[type=checkbox].checkbox-slider.colored-blueberry~.text:after {
    border-color: #6f85bf
}

input[type=checkbox].checkbox-slider.colored-blueberry:checked~.text:before {
    background-color: #6f85bf;
    border-color: #6f85bf
}

input[type=checkbox].checkbox-slider.colored-blueberry:checked~.text:after {
    background-color: #6f85bf;
    border-color: #fff
}

input[type=checkbox].checkbox-slider.colored-blueberry.slider-icon:checked~.text:after {
    background-color: #fff;
    color: #6f85bf
}

input[type=checkbox].checkbox-slider.colored-blueberry.slider-icon~.text:after {
    border-color: #fff;
    color: #6f85bf
}

input[type=checkbox].checkbox-slider.colored-blueberry.toggle:checked~.text:after {
    color: #6f85bf;
    background-color: #fff
}

input[type=checkbox].checkbox-slider.colored-blueberry.toggle~.text:after {
    background-color: #6f85bf
}

input[type=checkbox].checkbox-slider.colored-palegreen~.text:after {
    border-color: #fff
}

input[type=checkbox].checkbox-slider.colored-palegreen:checked~.text:before {
    background-color: #8cc34b !important;
    border-color: #8cc34b !important;
    color: #fff;
    font-family: Solo Sans
}

input[type=checkbox].checkbox-slider.colored-palegreen:checked~.text:after {
    background-color: #fff
}

input[type=checkbox].checkbox-slider.colored-palegreen.slider-icon:checked~.text:after {
    background-color: #fff;
    color: #a0d468
}

input[type=checkbox].checkbox-slider.colored-palegreen.slider-icon~.text:after {
    border-color: #fff;
    color: #a0d468
}

input[type=checkbox].checkbox-slider.colored-palegreen.toggle:checked~.text:after {
    color: #a0d468;
    background-color: #fff
}

input[type=checkbox].checkbox-slider.colored-palegreen.toggle~.text:after {
    background-color: #a0d468
}

input[type=checkbox].checkbox-slider.colored-orange~.text:after {
    border-color: #fb6e52
}

input[type=checkbox].checkbox-slider.colored-orange:checked~.text:before {
    background-color: #fb6e52;
    border-color: #fb6e52
}

input[type=checkbox].checkbox-slider.colored-orange:checked~.text:after {
    background-color: #fb6e52;
    border-color: #fff
}

input[type=checkbox].checkbox-slider.colored-orange.slider-icon:checked~.text:after {
    background-color: #fff;
    color: #fb6e52
}

input[type=checkbox].checkbox-slider.colored-orange.slider-icon~.text:after {
    border-color: #fff;
    color: #fb6e52
}

input[type=checkbox].checkbox-slider.colored-orange.toggle:checked~.text:after {
    color: #fb6e52;
    background-color: #fff
}

input[type=checkbox].checkbox-slider.colored-orange.toggle~.text:after {
    background-color: #fb6e52
}

input[type=checkbox].checkbox-slider.colored-darkorange~.text:after {
    border-color: #ed4e2a
}

input[type=checkbox].checkbox-slider.colored-darkorange:checked~.text:before {
    background-color: #ed4e2a;
    border-color: #ed4e2a
}

input[type=checkbox].checkbox-slider.colored-darkorange:checked~.text:after {
    background-color: #ed4e2a;
    border-color: #fff
}

input[type=checkbox].checkbox-slider.colored-darkorange.slider-icon:checked~.text:after {
    background-color: #fff;
    color: #ed4e2a
}

input[type=checkbox].checkbox-slider.colored-darkorange.slider-icon~.text:after {
    border-color: #fff;
    color: #ed4e2a
}

input[type=checkbox].checkbox-slider.colored-darkorange.toggle:checked~.text:after {
    color: #ed4e2a;
    background-color: #fff
}

input[type=checkbox].checkbox-slider.colored-darkorange.toggle~.text:after {
    background-color: #ed4e2a
}

input[type=checkbox].checkbox-slider.colored-magenta~.text:after {
    border-color: #bc5679
}

input[type=checkbox].checkbox-slider.colored-magenta:checked~.text:before {
    background-color: #bc5679;
    border-color: #bc5679
}

input[type=checkbox].checkbox-slider.colored-magenta:checked~.text:after {
    background-color: #bc5679;
    border-color: #fff
}

input[type=checkbox].checkbox-slider.colored-magenta.slider-icon:checked~.text:after {
    background-color: #fff;
    color: #bc5679
}

input[type=checkbox].checkbox-slider.colored-magenta.slider-icon~.text:after {
    border-color: #fff;
    color: #bc5679
}

input[type=checkbox].checkbox-slider.colored-magenta.toggle:checked~.text:after {
    color: #bc5679;
    background-color: #fff
}

input[type=checkbox].checkbox-slider.colored-magenta.toggle~.text:after {
    background-color: #bc5679
}

input[type=checkbox].checkbox-slider.colored-purple~.text:after {
    border-color: #7e3794
}

input[type=checkbox].checkbox-slider.colored-purple:checked~.text:before {
    background-color: #7e3794;
    border-color: #7e3794
}

input[type=checkbox].checkbox-slider.colored-purple:checked~.text:after {
    background-color: #7e3794;
    border-color: #fff
}

input[type=checkbox].checkbox-slider.colored-purple.slider-icon:checked~.text:after {
    background-color: #fff;
    color: #7e3794
}

input[type=checkbox].checkbox-slider.colored-purple.slider-icon~.text:after {
    border-color: #fff;
    color: #7e3794
}

input[type=checkbox].checkbox-slider.colored-purple.toggle:checked~.text:after {
    color: #7e3794;
    background-color: #fff
}

input[type=checkbox].checkbox-slider.colored-purple.toggle~.text:after {
    background-color: #7e3794
}

input[type=checkbox].checkbox-slider.colored-maroon~.text:after {
    border-color: #981b48
}

input[type=checkbox].checkbox-slider.colored-maroon:checked~.text:before {
    background-color: #981b48;
    border-color: #981b48
}

input[type=checkbox].checkbox-slider.colored-maroon:checked~.text:after {
    background-color: #981b48;
    border-color: #fff
}

input[type=checkbox].checkbox-slider.colored-maroon.slider-icon:checked~.text:after {
    background-color: #fff;
    color: #981b48
}

input[type=checkbox].checkbox-slider.colored-maroon.slider-icon~.text:after {
    border-color: #fff;
    color: #981b48
}

input[type=checkbox].checkbox-slider.colored-maroon.toggle:checked~.text:after {
    color: #981b48;
    background-color: #fff
}

input[type=checkbox].checkbox-slider.colored-maroon.toggle~.text:after {
    background-color: #981b48
}

.noUi-base {
    width: 100%;
    height: 100%;
    position: relative
}

.noUi-origin {
    position: absolute;
    inset: 0;
    -webkit-border-radius: 2px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 2px;
    -moz-background-clip: padding;
    border-radius: 2px;
    background-clip: padding-box
}

.noUi-stacking .noUi-handle {
    z-index: 10
}

.noUi-stacking+.noUi-origin {
    z-index: -1
}

.noUi-state-tap .noUi-origin {
    transition: left .3s, top .3s
}

.noUi-state-drag {
    cursor: inherit !important
}

.noUi-horizontal {
    height: 18px
}

.noUi-horizontal.slider-xs {
    height: 14px
}

.noUi-horizontal.slider-xs .noUi-handle {
    height: 24px;
    width: 26px
}

.noUi-horizontal.slider-xs .noUi-handle:before {
    left: 10px;
    top: 4px
}

.noUi-horizontal.slider-xs .noUi-handle:after {
    left: 13px;
    top: 4px
}

.noUi-horizontal.slider-sm {
    height: 16px
}

.noUi-horizontal.slider-sm .noUi-handle {
    height: 26px;
    width: 30px
}

.noUi-horizontal.slider-sm .noUi-handle:before {
    left: 12px;
    top: 5px
}

.noUi-horizontal.slider-sm .noUi-handle:after {
    left: 15px;
    top: 5px
}

.noUi-horizontal.slider-lg {
    height: 20px
}

.noUi-horizontal.slider-lg .noUi-handle {
    height: 30px;
    width: 36px
}

.noUi-horizontal.slider-lg .noUi-handle:before {
    left: 15px;
    top: 7px
}

.noUi-horizontal.slider-lg .noUi-handle:after {
    left: 18px;
    top: 7px
}

.noUi-horizontal.slider-xl {
    height: 22px
}

.noUi-horizontal.slider-xl .noUi-handle {
    height: 32px;
    width: 38px
}

.noUi-horizontal.slider-xl .noUi-handle:before {
    left: 16px;
    top: 8px
}

.noUi-horizontal.slider-xl .noUi-handle:after {
    left: 19px;
    top: 8px
}

.noUi-horizontal .noUi-handle {
    width: 34px;
    height: 28px;
    left: -17px;
    top: -6px
}

.noUi-horizontal.noUi-extended {
    padding: 0 15px
}

.noUi-horizontal.noUi-extended .noUi-origin {
    right: -15px
}

.noUi-vertical {
    width: 18px
}

.noUi-vertical.slider-xs {
    width: 14px
}

.noUi-vertical.slider-xs .noUi-handle {
    width: 24px;
    height: 26px
}

.noUi-vertical.slider-xs .noUi-handle:before {
    top: 10px;
    left: 4px
}

.noUi-vertical.slider-xs .noUi-handle:after {
    top: 13px;
    left: 4px
}

.noUi-vertical.slider-sm {
    width: 16px
}

.noUi-vertical.slider-sm .noUi-handle {
    width: 26px;
    height: 30px
}

.noUi-vertical.slider-sm .noUi-handle:before {
    top: 12px;
    left: 5px
}

.noUi-vertical.slider-sm .noUi-handle:after {
    top: 15px;
    left: 5px
}

.noUi-vertical.slider-lg {
    width: 20px
}

.noUi-vertical.slider-lg .noUi-handle {
    width: 30px;
    height: 36px
}

.noUi-vertical.slider-lg .noUi-handle:before {
    top: 15px;
    left: 7px
}

.noUi-vertical.slider-lg .noUi-handle:after {
    top: 18px;
    left: 7px
}

.noUi-vertical.slider-xl {
    width: 22px
}

.noUi-vertical.slider-xl .noUi-handle {
    width: 32px;
    height: 38px
}

.noUi-vertical.slider-xl .noUi-handle:before {
    top: 16px;
    left: 8px
}

.noUi-vertical.slider-xl .noUi-handle:after {
    top: 19px;
    left: 8px
}

.noUi-vertical .noUi-handle {
    width: 28px;
    height: 34px;
    left: -6px;
    top: -17px
}

.noUi-vertical.noUi-extended {
    padding: 15px 0
}

.noUi-vertical.noUi-extended .noUi-origin {
    bottom: -15px
}

.noUi-background {
    background: #FAFAFA
}

.noUi-connect {
    background: #2dc3e8;
    transition: background .45s
}

.noUi-target {
    border-radius: 4px;
    border: 1px solid #D3D3D3;
    -webkit-touch-callout: none;
    touch-action: none;
    -webkit-user-select: none;
    user-select: none;
    box-sizing: border-box
}

.noUi-dragable {
    cursor: w-resize
}

.noUi-vertical .noUi-dragable {
    cursor: n-resize
}

.noUi-handle {
    position: relative;
    z-index: 1;
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    background: rgb(255, 255, 255);
    cursor: default;
    box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb
}

.noUi-active {
    box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #bfbaba, 0 3px 6px -3px #bbb
}

.noUi-handle:before,
.noUi-handle:after {
    content: "";
    display: block;
    position: absolute;
    height: 14px;
    width: 1px;
    background: #E8E7E6;
    left: 14px;
    top: 6px
}

.noUi-handle:after {
    left: 17px
}

.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
    width: 14px;
    height: 1px;
    left: 6px;
    top: 14px
}

.noUi-vertical .noUi-handle:after {
    top: 17px
}

[disabled].noUi-connect,
[disabled] .noUi-connect {
    background: #B8B8B8
}

[disabled] .noUi-handle {
    cursor: not-allowed
}

.noUi-state-blocked.noUi-connect,
.noUi-state-blocked .noUi-connect {
    background: #4FDACF
}

.ui-rangeSlider {
    height: 30px;
    padding-top: 40px
}

.ui-rangeSlider.slider-sm .ui-rangeSlider-container,
.ui-rangeSlider.slider-sm .ui-rangeSlider-arrow {
    height: 20px
}

.ui-rangeSlider.slider-sm .ui-rangeSlider-bar {
    height: 18px
}

.ui-rangeSlider.slider-xs .ui-rangeSlider-container,
.ui-rangeSlider.slider-xs .ui-rangeSlider-arrow {
    height: 10px
}

.ui-rangeSlider.slider-xs .ui-rangeSlider-bar {
    height: 8px
}

.ui-rangeSlider.slider-xs .ui-rangeSlider-arrow-inner:before {
    font-size: 10px;
    line-height: 22px
}

.ui-rangeSlider.valuelabel-blue .ui-rangeSlider-label {
    background-color: #5db2ff
}

.ui-rangeSlider.valuelabel-blue .ui-rangeSlider-label-inner {
    border-top: 6px solid #5db2ff
}

.ui-rangeSlider.valuelabel-primary .ui-rangeSlider-label {
    background-color: #4374e0
}

.ui-rangeSlider.valuelabel-primary .ui-rangeSlider-label-inner {
    border-top: 6px solid #4374e0
}

.ui-rangeSlider.valuelabel-danger .ui-rangeSlider-label {
    background-color: #d73d32
}

.ui-rangeSlider.valuelabel-danger .ui-rangeSlider-label-inner {
    border-top: 6px solid #d73d32
}

.ui-rangeSlider.valuelabel-warning .ui-rangeSlider-label {
    background-color: #f4b400
}

.ui-rangeSlider.valuelabel-warning .ui-rangeSlider-label-inner {
    border-top: 6px solid #f4b400
}

.ui-rangeSlider.valuelabel-silver .ui-rangeSlider-label {
    background-color: #000
}

.ui-rangeSlider.valuelabel-silver .ui-rangeSlider-label-inner {
    border-top: 6px solid rgb(0, 0, 0)
}

.ui-rangeSlider.valuelabel-blueberry .ui-rangeSlider-label {
    background-color: #6f85bf
}

.ui-rangeSlider.valuelabel-blueberry .ui-rangeSlider-label-inner {
    border-top: 6px solid #6f85bf
}

.ui-rangeSlider.valuelabel-palegreen .ui-rangeSlider-label {
    background-color: #a0d468
}

.ui-rangeSlider.valuelabel-palegreen .ui-rangeSlider-label-inner {
    border-top: 6px solid #a0d468
}

.ui-rangeSlider.valuelabel-orange .ui-rangeSlider-label {
    background-color: #fb6e52
}

.ui-rangeSlider.valuelabel-orange .ui-rangeSlider-label-inner {
    border-top: 6px solid #fb6e52
}

.ui-rangeSlider.valuelabel-darkorange .ui-rangeSlider-label {
    background-color: #ed4e2a
}

.ui-rangeSlider.valuelabel-darkorange .ui-rangeSlider-label-inner {
    border-top: 6px solid #ed4e2a
}

.ui-rangeSlider.valuelabel-magenta .ui-rangeSlider-label {
    background-color: #bc5679
}

.ui-rangeSlider.valuelabel-magenta .ui-rangeSlider-label-inner {
    border-top: 6px solid #bc5679
}

.ui-rangeSlider.valuelabel-purple .ui-rangeSlider-label {
    background-color: #7e3794
}

.ui-rangeSlider.valuelabel-purple .ui-rangeSlider-label-inner {
    border-top: 6px solid #7e3794
}

.ui-rangeSlider.valuelabel-maroon .ui-rangeSlider-label {
    background-color: #981b48
}

.ui-rangeSlider.valuelabel-maroon .ui-rangeSlider-label-inner {
    border-top: 6px solid #981b48
}

.ui-rangeSlider.valuelabel-yellow .ui-rangeSlider-label {
    background-color: #ffce55
}

.ui-rangeSlider.valuelabel-yellow .ui-rangeSlider-label-inner {
    border-top: 6px solid #ffce55
}

.ui-rangeSlider.valuelabel-success .ui-rangeSlider-label {
    background-color: #8cc34b
}

.ui-rangeSlider.valuelabel-success .ui-rangeSlider-label-inner {
    border-top: 6px solid rgb(140, 195, 75)
}

.ui-rangeSlider.silder-blue .ui-rangeSlider-leftArrow:hover .ui-rangeSlider-arrow-inner:before,
.ui-rangeSlider.silder-blue .ui-rangeSlider-rightArrow:hover .ui-rangeSlider-arrow-inner:before {
    color: #5db2ff !important
}

.ui-rangeSlider.silder-blue .ui-rangeSlider-bar {
    background: #5db2ff !important
}

.ui-rangeSlider.silder-primary .ui-rangeSlider-leftArrow:hover .ui-rangeSlider-arrow-inner:before,
.ui-rangeSlider.silder-primary .ui-rangeSlider-rightArrow:hover .ui-rangeSlider-arrow-inner:before {
    color: #4374e0 !important
}

.ui-rangeSlider.silder-primary .ui-rangeSlider-bar {
    background: #4374e0 !important
}

.ui-rangeSlider.silder-danger .ui-rangeSlider-leftArrow:hover .ui-rangeSlider-arrow-inner:before,
.ui-rangeSlider.silder-danger .ui-rangeSlider-rightArrow:hover .ui-rangeSlider-arrow-inner:before {
    color: #d73d32 !important
}

.ui-rangeSlider.silder-danger .ui-rangeSlider-bar {
    background: #d73d32 !important
}

.ui-rangeSlider.silder-warning .ui-rangeSlider-leftArrow:hover .ui-rangeSlider-arrow-inner:before,
.ui-rangeSlider.silder-warning .ui-rangeSlider-rightArrow:hover .ui-rangeSlider-arrow-inner:before {
    color: #f4b400 !important
}

.ui-rangeSlider.silder-warning .ui-rangeSlider-bar {
    background: #f4b400 !important
}

.ui-rangeSlider.silder-silver .ui-rangeSlider-leftArrow:hover .ui-rangeSlider-arrow-inner:before,
.ui-rangeSlider.silder-silver .ui-rangeSlider-rightArrow:hover .ui-rangeSlider-arrow-inner:before {
    color: #000 !important
}

.ui-rangeSlider.silder-silver .ui-rangeSlider-bar {
    background: rgb(0, 0, 0) !important
}

.ui-rangeSlider.silder-blueberry .ui-rangeSlider-leftArrow:hover .ui-rangeSlider-arrow-inner:before,
.ui-rangeSlider.silder-blueberry .ui-rangeSlider-rightArrow:hover .ui-rangeSlider-arrow-inner:before {
    color: #6f85bf !important
}

.ui-rangeSlider.silder-blueberry .ui-rangeSlider-bar {
    background: #6f85bf !important
}

.ui-rangeSlider.silder-palegreen .ui-rangeSlider-leftArrow:hover .ui-rangeSlider-arrow-inner:before,
.ui-rangeSlider.silder-palegreen .ui-rangeSlider-rightArrow:hover .ui-rangeSlider-arrow-inner:before {
    color: #a0d468 !important
}

.ui-rangeSlider.silder-palegreen .ui-rangeSlider-bar {
    background: #a0d468 !important
}

.ui-rangeSlider.silder-success .ui-rangeSlider-leftArrow:hover .ui-rangeSlider-arrow-inner:before,
.ui-rangeSlider.silder-success .ui-rangeSlider-rightArrow:hover .ui-rangeSlider-arrow-inner:before {
    color: #8cc34b !important
}

.ui-rangeSlider.silder-success .ui-rangeSlider-bar {
    background: rgb(140, 195, 75) !important
}

.ui-rangeSlider.silder-yellow .ui-rangeSlider-leftArrow:hover .ui-rangeSlider-arrow-inner:before,
.ui-rangeSlider.silder-yellow .ui-rangeSlider-rightArrow:hover .ui-rangeSlider-arrow-inner:before {
    color: #ffce55 !important
}

.ui-rangeSlider.silder-yellow .ui-rangeSlider-bar {
    background: #ffce55 !important
}

.ui-rangeSlider.silder-orange .ui-rangeSlider-leftArrow:hover .ui-rangeSlider-arrow-inner:before,
.ui-rangeSlider.silder-orange .ui-rangeSlider-rightArrow:hover .ui-rangeSlider-arrow-inner:before {
    color: #fb6e52 !important
}

.ui-rangeSlider.silder-orange .ui-rangeSlider-bar {
    background: #fb6e52 !important
}

.ui-rangeSlider.silder-darkorange .ui-rangeSlider-leftArrow:hover .ui-rangeSlider-arrow-inner:before,
.ui-rangeSlider.silder-darkorange .ui-rangeSlider-rightArrow:hover .ui-rangeSlider-arrow-inner:before {
    color: #ed4e2a !important
}

.ui-rangeSlider.silder-darkorange .ui-rangeSlider-bar {
    background: #ed4e2a !important
}

.ui-rangeSlider.silder-magenta .ui-rangeSlider-leftArrow:hover .ui-rangeSlider-arrow-inner:before,
.ui-rangeSlider.silder-magenta .ui-rangeSlider-rightArrow:hover .ui-rangeSlider-arrow-inner:before {
    color: #bc5679 !important
}

.ui-rangeSlider.silder-magenta .ui-rangeSlider-bar {
    background: #bc5679 !important
}

.ui-rangeSlider.silder-purple .ui-rangeSlider-leftArrow:hover .ui-rangeSlider-arrow-inner:before,
.ui-rangeSlider.silder-purple .ui-rangeSlider-rightArrow:hover .ui-rangeSlider-arrow-inner:before {
    color: #7e3794 !important
}

.ui-rangeSlider.silder-purple .ui-rangeSlider-bar {
    background: #7e3794 !important
}

.ui-rangeSlider.silder-maroon .ui-rangeSlider-leftArrow:hover .ui-rangeSlider-arrow-inner:before,
.ui-rangeSlider.silder-maroon .ui-rangeSlider-rightArrow:hover .ui-rangeSlider-arrow-inner:before {
    color: #981b48 !important
}

.ui-rangeSlider.silder-maroon .ui-rangeSlider-bar {
    background: #981b48 !important
}

.ui-rangeSlider,
.ui-rangeSlider-container,
.ui-rangeSlider-arrow {
    box-sizing: content-box
}

.ui-rangeSlider-withArrows .ui-rangeSlider-container {
    margin: 0 15px
}

.ui-rangeSlider-noArrow .ui-rangeSlider-container {
    -webkit-border-radius: 2px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 2px;
    -moz-background-clip: padding;
    border-radius: 2px;
    background-clip: padding-box;
    border-left: solid 1px #D3D3D3;
    border-right: solid 1px #D3D3D3
}

.ui-rangeSlider-disabled.ui-rangeSlider-noArrow .ui-rangeSlider-container {
    border-color: #8490a3
}

.ui-rangeSlider-container,
.ui-rangeSlider-arrow {
    height: 30px;
    border-top: solid 1px #D3D3D3;
    border-bottom: solid 1px #D3D3D3;
    background: rgb(255, 255, 255)
}

.ui-rangeSlider-label {
    background-color: #fb6e52;
    -webkit-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 3px;
    -moz-background-clip: padding;
    border-radius: 3px;
    background-clip: padding-box;
    padding: 5px 10px;
    bottom: 36px;
    color: #fff;
    font-size: 13px;
    cursor: col-resize
}

.ui-rangeSlider-disabled .ui-rangeSlider-container,
.ui-rangeSlider-disabled .ui-rangeSlider-arrow,
.ui-rangeSlider-disabled .ui-rangeSlider-label {
    zoom: 1;
    filter: alpha(opacity=40);
    -webkit-opacity: .4;
    -moz-opacity: .4;
    opacity: .4
}

.ui-rangeSlider-arrow {
    width: 14px;
    cursor: pointer
}

.ui-rangeSlider-leftArrow {
    -webkit-border-radius: 2px 0 0 2px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 2px 0 0 2px;
    -moz-background-clip: padding;
    border-radius: 2px 0 0 2px;
    background-clip: padding-box;
    border-left: solid 1px #D3D3D3
}

.ui-rangeSlider-rightArrow {
    -webkit-border-radius: 0 2px 2px 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0 2px 2px 0;
    -moz-background-clip: padding;
    border-radius: 0 2px 2px 0;
    background-clip: padding-box;
    border-right: solid 1px #D3D3D3
}

.ui-rangeSlider-arrow-inner {
    position: absolute;
    top: 50%;
    width: 0;
    height: 0;
    margin-top: -10px
}

.ui-rangeSlider-arrow-inner:before {
    position: absolute;
    top: 0;
    font-family: FontAwesome;
    font-weight: 400;
    font-size: 14px;
    line-height: 23px;
    border-width: 1px;
    content: "";
    color: #d3d3d3
}

.ui-rangeSlider-leftArrow .ui-rangeSlider-arrow-inner:before {
    content: "\f053";
    left: 8px;
    margin-left: -5px
}

.ui-rangeSlider-leftArrow:hover .ui-rangeSlider-arrow-inner:before,
.ui-rangeSlider-rightArrow:hover .ui-rangeSlider-arrow-inner:before {
    color: #a0d468
}

.ui-rangeSlider-rightArrow .ui-rangeSlider-arrow-inner:before {
    content: "\f054";
    right: 0;
    margin-right: -11px
}

.ui-rangeSlider-innerBar {
    width: 110%;
    height: 100%;
    left: -10px;
    overflow: hidden
}

.ui-rangeSlider-bar {
    background: #2dc3e8;
    height: 28px;
    margin: 1px;
    -webkit-border-radius: 2px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 2px;
    -moz-background-clip: padding;
    border-radius: 2px;
    background-clip: padding-box;
    cursor: move;
    cursor: grab;
    cursor: -moz-grab
}

.ui-rangeSlider-disabled .ui-rangeSlider-bar {
    zoom: 1;
    filter: alpha(opacity=40);
    -webkit-opacity: .4;
    -moz-opacity: .4;
    opacity: .4
}

.ui-rangeSlider-handle {
    width: 10px;
    height: 30px;
    background: transparent;
    cursor: col-resize
}

.ui-rangeSlider-label-inner {
    position: absolute;
    top: 100%;
    left: 50%;
    display: block;
    z-index: 99;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    margin-left: -6px;
    border-top: 6px solid #fb6e52
}

.ui-rangeSlider-disabled .ui-rangeSlider-label-inner {
    zoom: 1;
    filter: alpha(opacity=40);
    -webkit-opacity: .4;
    -moz-opacity: .4;
    opacity: .4
}

.ui-editRangeSlider-inputValue {
    width: 2em;
    text-align: center;
    font-size: 13px;
    border: 1px solid transparent !important;
    margin-left: -5px;
    margin-right: -5px
}

.ui-rangeSlider .ui-ruler-scale {
    position: absolute;
    inset: 0
}

.ui-rangeSlider .ui-ruler-tick {
    float: left
}

.ui-rangeSlider .ui-ruler-scale0 .ui-ruler-tick-inner {
    color: #d3d3d3;
    margin-top: 1px;
    border-left: 1px solid #d3d3d3;
    height: 30px;
    padding-left: 2px;
    position: relative
}

.ui-rangeSlider .ui-ruler-scale0 .ui-ruler-tick-label {
    position: absolute;
    bottom: 6px
}

.ui-rangeSlider .ui-ruler-scale1 .ui-ruler-tick-label {
    color: #fbfbfb
}

.ui-rangeSlider .ui-ruler-scale1 .ui-ruler-tick-inner {
    border-left: 1px solid #d3d3d3;
    margin-top: 25px;
    height: 5px
}

.spinbox {
    position: relative
}

.spinbox input {
    float: left;
    padding-left: 35px
}

.spinbox .btn {
    position: relative;
    width: 20px;
    font-size: 14px;
    font-weight: 400;
    padding: 4px 0;
    box-shadow: none;
    height: 17px;
    zoom: 1;
    filter: alpha(opacity=70);
    -webkit-opacity: .7;
    -moz-opacity: .7;
    opacity: .7
}

.spinbox .btn:hover {
    color: #ebebeb;
    zoom: 1;
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1
}

.spinbox .btn:focus,
.spinbox .btn:active {
    color: #ebebeb;
    zoom: 1;
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1
}

.spinbox .btn.disabled {
    cursor: not-allowed
}

.spinbox .spinbox-buttons {
    position: absolute;
    left: 0;
    float: left;
    width: 20px;
    height: 34px;
    border-left: 1px solid rgb(191, 186, 186)
}

.spinbox .spinbox-up {
    -webkit-border-radius: 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0;
    -moz-background-clip: padding;
    border-radius: 0;
    background-clip: padding-box;
    top: 0;
    background-color: #fbfbfb;
    border-left: 1px !important
}

.spinbox .spinbox-up i {
    position: relative;
    top: -6px;
    margin-right: 0
}

.spinbox .spinbox-down {
    -webkit-border-radius: 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0;
    -moz-background-clip: padding;
    border-radius: 0;
    background-clip: padding-box;
    bottom: 0;
    background-color: #fbfbfb;
    border-bottom-left-radius: 0 !important;
    border-left: 1px !important;
    border-top: 1px solid rgb(191, 186, 186)
}

.spinbox .spinbox-down i {
    position: relative;
    top: -7px;
    margin-right: 0
}

.spinbox.spinbox-right .spinbox-buttons {
    left: auto;
    right: 0;
    border-right: 0
}

.spinbox.spinbox-right input {
    padding-left: 10px;
    padding-right: 35px;
    margin-left: 0
}

.spinbox.spinbox-horizontal input {
    padding-left: 60px
}

.spinbox.spinbox-horizontal .spinbox-buttons {
    margin: 0;
    font-size: 0;
    width: 50px;
    left: 0;
    top: 0
}

.spinbox.spinbox-horizontal .spinbox-buttons>.btn {
    height: 34px;
    line-height: 32px;
    font-size: 18px;
    display: inline-block;
    vertical-align: sub;
    margin: 0
}

.spinbox.spinbox-horizontal .spinbox-buttons>.btn>i {
    vertical-align: middle;
    display: inline-block
}

.spinbox.spinbox-horizontal .spinbox-down {
    width: 24px;
    border-left: 0
}

.spinbox.spinbox-horizontal .spinbox-down i {
    top: -5px
}

.spinbox.spinbox-horizontal .spinbox-up {
    width: 24px
}

.spinbox.spinbox-horizontal .spinbox-up i {
    top: -5px
}

.spinbox.spinbox-horizontal.spinbox-right {
    margin-left: 0
}

.spinbox.spinbox-horizontal.spinbox-right .spinbox-buttons {
    right: -1px;
    left: auto
}

.spinbox.spinbox-horizontal.spinbox-right input {
    padding-left: 10px
}

.spinbox.spinbox-horizontal.spinbox-two-sided .spinbox-buttons {
    width: 25px !important
}

.spinbox.spinbox-horizontal.spinbox-two-sided .spinbox-buttons.spinbox-buttons-left {
    left: 0
}

.spinbox.spinbox-horizontal.spinbox-two-sided .spinbox-buttons.spinbox-buttons-right {
    right: 0;
    left: auto
}

.spinbox.spinbox-horizontal.spinbox-two-sided input {
    padding-left: 35px !important
}

.select2-container {
    font-size: 13px;
    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: 34px;
    user-select: none;
    -webkit-user-select: none;
    outline: none !important
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    outline: none !important
}

.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: left
}

.select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    padding: 0;
    outline: none !important
}

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

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

.select2-results {
    display: block;
    padding: 0 5px 5px
}

.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;
    outline: none !important
}

.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;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important
}

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

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

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    position: absolute;
    right: 25px;
    top: -1px;
    font-size: 16px;
    opacity: .4;
    font-weight: 700
}

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

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 34px;
    position: absolute;
    top: 0;
    right: 7px;
    width: 20px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    width: 100%;
    height: 100%;
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    font-size: 14px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b:before {
    content: "\f107";
    width: 100%;
    height: 100%;
    text-align: center;
    display: block;
    line-height: 34px
}

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

.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: #fff;
    border: 1px solid #cccccc;
    cursor: text
}

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

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

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

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #2dc3e8;
    border: 1px solid #2dc3e8;
    color: #fff;
    -webkit-border-radius: 2px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 2px;
    -moz-background-clip: padding;
    border-radius: 2px;
    background-clip: padding-box;
    cursor: default;
    float: left;
    margin-right: 3px;
    margin-top: 3px;
    padding: 0 5px 2px;
    font-size: 13px
}

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

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

.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: 3px;
    margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #cccccc;
    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: 215px;
    overflow-y: auto
}

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

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

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

.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
}

.bootstrap-tagsinput {
    display: block;
    width: 100%;
    min-height: 32px;
    padding: 1px 3px;
    font-size: 13px;
    line-height: 1.428571429;
    color: #262626;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #CCC;
    border-radius: 0
}

.bootstrap-tagsinput>span {
    font-weight: 400;
    padding: 4px 28px 4px 8px;
    font-size: 13px;
    border: 1px solid #2dc3e8;
    background: #2dc3e8
}

.bootstrap-tagsinput input {
    border: 0;
    box-shadow: none;
    outline: 0;
    background-color: transparent;
    padding: 0;
    margin: 0;
    width: auto !important;
    max-width: inherit
}

.bootstrap-tagsinput input:focus {
    border: 0;
    box-shadow: none
}

.bootstrap-tagsinput .tag {
    color: #fff;
    position: relative;
    margin: 3px 0 3px 2px;
    display: inline-block;
    -webkit-border-radius: 2px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 2px;
    -moz-background-clip: padding;
    border-radius: 2px;
    background-clip: padding-box
}

.bootstrap-tagsinput .tag [data-role=remove] {
    display: block;
    top: -1px;
    right: 0;
    padding: 3px 4px 3px 5px;
    width: 23px;
    height: 22px;
    position: absolute;
    cursor: pointer
}

.bootstrap-tagsinput .tag [data-role=remove]:hover:after {
    zoom: 1;
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1
}

.bootstrap-tagsinput .tag [data-role=remove]:hover:active:after {
    zoom: 1;
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1
}

.bootstrap-tagsinput .tag [data-role=remove]:after {
    content: "\f00d";
    font-family: fontAwesome;
    padding: 2px 1px;
    line-height: 16px;
    font-size: 14px;
    text-align: center;
    zoom: 1;
    filter: alpha(opacity=70);
    -webkit-opacity: .7;
    -moz-opacity: .7;
    opacity: .7
}

.bootstrap-tagsinput .tag [data-role=remove]:after:hover {
    zoom: 1;
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1
}

.bootstrap-tagsinput .tag [data-role=remove]:after:hover:active {
    zoom: 1;
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1
}

.minicolors {
    position: relative
}

.minicolors-swatch {
    position: absolute;
    vertical-align: middle;
    background: url(jquery.minicolors.0d87ceda61ee771b.png) -80px 0;
    border: solid 1px #fbfbfb;
    cursor: text;
    padding: 0;
    margin: 0;
    display: inline-block;
    -webkit-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 3px;
    -moz-background-clip: padding;
    border-radius: 3px;
    background-clip: padding-box
}

.minicolors-swatch-color {
    position: absolute;
    inset: 0
}

.minicolors input[type=hidden]+.minicolors-swatch {
    width: 28px;
    position: static;
    cursor: pointer
}

.minicolors-panel {
    position: absolute;
    width: 173px;
    height: 152px;
    background: white;
    border: solid 1px #CCC;
    box-shadow: 0 0 20px #0003;
    z-index: 99999;
    box-sizing: content-box;
    display: none
}

.minicolors-panel.minicolors-visible {
    display: block
}

.minicolors-position-top .minicolors-panel {
    top: -154px
}

.minicolors-position-right .minicolors-panel {
    right: 0
}

.minicolors-position-bottom .minicolors-panel {
    top: auto
}

.minicolors-position-left .minicolors-panel {
    left: 0
}

.minicolors-with-opacity .minicolors-panel {
    width: 194px
}

.minicolors .minicolors-grid {
    position: absolute;
    top: 1px;
    left: 1px;
    width: 150px;
    height: 150px;
    background: url(jquery.minicolors.0d87ceda61ee771b.png) -120px 0;
    cursor: crosshair
}

.minicolors .minicolors-grid-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 150px;
    height: 150px;
    background: none
}

.minicolors-slider-saturation .minicolors-grid {
    background-position: -420px 0
}

.minicolors-slider-saturation .minicolors-grid-inner {
    background: url(jquery.minicolors.0d87ceda61ee771b.png) -270px 0
}

.minicolors-slider-brightness .minicolors-grid {
    background-position: -570px 0
}

.minicolors-slider-brightness .minicolors-grid-inner {
    background: #000000
}

.minicolors-slider-wheel .minicolors-grid {
    background-position: -720px 0
}

.minicolors-slider,
.minicolors-opacity-slider {
    position: absolute;
    top: 1px;
    left: 152px;
    width: 20px;
    height: 150px;
    background: rgb(255, 255, 255) url(jquery.minicolors.0d87ceda61ee771b.png) 0 0;
    cursor: row-resize
}

.minicolors-slider-saturation .minicolors-slider {
    background-position: -60px 0
}

.minicolors-slider-brightness .minicolors-slider,
.minicolors-slider-wheel .minicolors-slider {
    background-position: -20px 0
}

.minicolors-opacity-slider {
    left: 173px;
    background-position: -40px 0;
    display: none
}

.minicolors-with-opacity .minicolors-opacity-slider {
    display: block
}

.minicolors-grid .minicolors-picker {
    position: absolute;
    top: 70px;
    left: 70px;
    width: 12px;
    height: 12px;
    border: solid 1px #000000;
    border-radius: 10px;
    margin-top: -6px;
    margin-left: -6px;
    background: none
}

.minicolors-grid .minicolors-picker>div {
    position: absolute;
    top: 0;
    left: 0;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    border: solid 2px rgb(255, 255, 255);
    box-sizing: content-box
}

.minicolors-picker {
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 2px;
    background: rgb(255, 255, 255);
    border: solid 1px #000000;
    margin-top: -2px;
    box-sizing: content-box
}

.minicolors-inline {
    display: inline-block
}

.minicolors-inline .minicolors-input {
    display: none !important
}

.minicolors-inline .minicolors-panel {
    position: relative;
    top: auto;
    left: auto;
    box-shadow: none;
    z-index: auto;
    display: inline-block
}

.minicolors-theme-bootstrap .minicolors-swatch {
    top: 3px;
    left: 3px;
    width: 28px;
    height: 28px;
    -webkit-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 3px;
    -moz-background-clip: padding;
    border-radius: 3px;
    background-clip: padding-box
}

.minicolors-theme-bootstrap.minicolors-position-right .minicolors-swatch {
    left: auto;
    right: 3px
}

.minicolors-theme-bootstrap .minicolors-input {
    padding-left: 44px
}

.minicolors-theme-bootstrap.minicolors-position-right .minicolors-input {
    padding-right: 44px;
    padding-left: 12px
}

.dropdown-colorpicker {
    height: 35px;
    width: 35px;
    padding: 7px
}

.dropdown-colorpicker>.dropdown-menu {
    top: 100%;
    left: 0;
    padding: 4px;
    min-width: 154px;
    max-width: 154px
}

.dropdown-colorpicker>.dropdown-menu>li {
    display: block;
    float: left;
    width: 20px;
    height: 20px;
    margin: 2px
}

.dropdown-colorpicker>.dropdown-menu>li>.colorpick-btn {
    display: block;
    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0;
    -webkit-border-radius: 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0;
    -moz-background-clip: padding;
    border-radius: 0;
    background-clip: padding-box;
    position: relative;
    transition: all ease .1s
}

.dropdown-colorpicker>.dropdown-menu>li>.colorpick-btn:hover {
    text-decoration: none;
    zoom: 1;
    filter: alpha(opacity=80);
    -webkit-opacity: .8;
    -moz-opacity: .8;
    opacity: .8;
    transform: scale(1.08)
}

.dropdown-colorpicker>.dropdown-menu>li>.colorpick-btn.selected:after {
    content: "\f00c";
    display: inline-block;
    font-family: FontAwesome;
    font-size: 11px;
    color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    line-height: 20px
}

.btn-colorpicker {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #bfbaba;
    vertical-align: middle;
    border-radius: 0
}

.datepicker {
    top: 0;
    left: 0;
    padding: 4px;
    margin-top: 1px;
    z-index: 9999 !important
}

.datepicker:before {
    content: "";
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #cccccc;
    border-bottom-color: #0003;
    position: absolute;
    top: -7px;
    left: 6px
}

.datepicker:after {
    content: "";
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid rgb(255, 255, 255);
    position: absolute;
    top: -6px;
    left: 7px
}

.datepicker>div {
    display: none
}

.datepicker table {
    width: 100%;
    margin: 0
}

.datepicker td,
.datepicker th {
    text-align: center;
    font-size: 12px;
    height: 20px;
    width: 20px
}

.datepicker td.day:hover {
    background: #eeeeee;
    cursor: pointer
}

.datepicker td.day.disabled {
    color: #eee
}

.datepicker td.old,
.datepicker td.new {
    color: #999
}

.datepicker td.active,
.datepicker td.active:hover {
    background-color: #2dc3e8;
    color: #fff;
    -webkit-text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}

.datepicker td span {
    display: block;
    width: 47px;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 2px;
    cursor: pointer
}

.datepicker td span:hover {
    background: #eeeeee
}

.datepicker td span.active {
    background-color: #2dc3e8;
    color: #fff;
    -webkit-text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}

.datepicker td span.old {
    color: #999
}

.datepicker th.switch {
    width: 175px
}

.datepicker th.next,
.datepicker th.prev {
    font-size: 12px
}

.datepicker thead tr:first-child th {
    cursor: pointer
}

.datepicker thead tr:first-child th:hover {
    background: #eeeeee
}

.input-append.date .add-on i,
.input-prepend.date .add-on i {
    display: block;
    cursor: pointer;
    width: 16px;
    height: 16px
}

/**
* A stylesheet for use with Bootstrap 3.x
* @author: Dan Grossman http://www.dangrossman.info/
* @copyright: Copyright (c) 2012-2015 Dan Grossman. All rights reserved.
* @license: Licensed under the MIT license. See http://www.opensource.org/licenses/mit-license.php
* @website: https://www.improvely.com/
*/

.daterangepicker {
    position: absolute;
    background: rgb(255, 255, 255);
    top: 100px;
    left: 20px;
    padding: 4px;
    margin-top: 1px;
    font-size: 12px;
    width: 278px
}

.daterangepicker.opensleft:before {
    position: absolute;
    top: -7px;
    right: 9px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-bottom-color: #0003;
    content: ""
}

.daterangepicker.opensleft:after {
    position: absolute;
    top: -6px;
    right: 10px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid rgb(255, 255, 255);
    border-left: 6px solid transparent;
    content: ""
}

.daterangepicker.openscenter:before {
    position: absolute;
    top: -7px;
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-bottom-color: #0003;
    content: ""
}

.daterangepicker.openscenter:after {
    position: absolute;
    top: -6px;
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid rgb(255, 255, 255);
    border-left: 6px solid transparent;
    content: ""
}

.daterangepicker.opensright:before {
    position: absolute;
    top: -7px;
    left: 9px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-bottom-color: #0003;
    content: ""
}

.daterangepicker.opensright:after {
    position: absolute;
    top: -6px;
    left: 10px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid rgb(255, 255, 255);
    border-left: 6px solid transparent;
    content: ""
}

.daterangepicker.dropup {
    margin-top: -5px
}

.daterangepicker.dropup:before {
    top: initial;
    bottom: -7px;
    border-bottom: initial;
    border-top: 7px solid #ccc
}

.daterangepicker.dropup:after {
    top: initial;
    bottom: -6px;
    border-bottom: initial;
    border-top: 6px solid rgb(255, 255, 255)
}

.daterangepicker.dropdown-menu {
    max-width: none;
    z-index: 3000
}

.daterangepicker.single .ranges,
.daterangepicker.single .calendar {
    float: none
}

.daterangepicker .calendar {
    display: none;
    max-width: 270px;
    margin: 4px
}

.daterangepicker.show-calendar .calendar {
    display: block
}

.daterangepicker .calendar.single .calendar-table {
    border: none
}

.daterangepicker .calendar th,
.daterangepicker .calendar td {
    white-space: nowrap;
    text-align: center;
    min-width: 32px
}

.daterangepicker .calendar-table {
    border: 1px solid rgb(191, 186, 186);
    padding: 4px;
    border-radius: 4px;
    background: rgb(255, 255, 255)
}

.daterangepicker table {
    width: 100%;
    margin: 0
}

.daterangepicker td,
.daterangepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    white-space: nowrap;
    cursor: pointer
}

.daterangepicker td.off,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date,
.daterangepicker td.off.end-date {
    color: #757272;
    background: rgb(255, 255, 255)
}

.daterangepicker td.disabled,
.daterangepicker option.disabled {
    color: #757272;
    cursor: not-allowed;
    text-decoration: line-through
}

.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
    background: #eee
}

.daterangepicker td.in-range {
    background: #d0e7fc;
    -webkit-border-radius: 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0;
    -moz-background-clip: padding;
    border-radius: 0;
    background-clip: padding-box
}

.daterangepicker td.start-date {
    border-radius: 4px 0 0 4px
}

.daterangepicker td.end-date {
    border-radius: 0 4px 4px 0
}

.daterangepicker td.start-date.end-date {
    border-radius: 4px
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: #2dc3e8;
    border-color: #2dc3e8;
    color: #fff
}

.daterangepicker td.week,
.daterangepicker th.week {
    font-size: 80%;
    color: #ccc
}

.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
    font-size: 12px;
    padding: 1px;
    height: auto;
    margin: 0;
    cursor: default
}

.daterangepicker select.monthselect {
    margin-right: 2%;
    width: 56%
}

.daterangepicker select.yearselect {
    width: 40%
}

.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.secondselect,
.daterangepicker select.ampmselect {
    width: 50px;
    margin-bottom: 0
}

.daterangepicker th.month {
    width: auto
}

.daterangepicker .input-mini {
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #555;
    display: block;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    margin: 0 0 5px;
    padding: 0 6px 0 28px;
    width: 100%
}

.daterangepicker .input-mini.active {
    border: 1px solid #357ebd
}

.daterangepicker .daterangepicker_input i {
    position: absolute;
    left: 8px;
    top: 8px
}

.daterangepicker .daterangepicker_input {
    position: relative
}

.daterangepicker .calendar-time {
    text-align: center;
    margin: 5px auto;
    line-height: 30px;
    position: relative;
    padding-left: 28px
}

.daterangepicker .calendar-time select.disabled {
    color: #ccc;
    cursor: not-allowed
}

.daterangepicker .ranges {
    font-size: 11px;
    float: none;
    margin: 4px;
    text-align: left
}

.daterangepicker .ranges ul {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    width: 100%
}

.daterangepicker .ranges li {
    font-size: 13px;
    background: rgb(235, 235, 235);
    border: 1px solid rgb(235, 235, 235);
    color: #001996;
    padding: 3px 12px;
    margin-bottom: 8px;
    border-radius: 5px;
    cursor: pointer
}

.daterangepicker .ranges li.active,
.daterangepicker .ranges li:hover {
    background: rgb(0, 25, 150);
    border: 1px solid rgb(0, 25, 150);
    color: #fff
}

@media (min-width: 564px) {
    .daterangepicker {
        width: auto
    }
    .daterangepicker .ranges ul {
        width: 160px
    }
    .daterangepicker.single .ranges ul {
        width: 100%
    }
    .daterangepicker .calendar.right .calendar-table {
        border-left: none;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }
    .daterangepicker .calendar.left {
        clear: left;
        margin-right: 0
    }
    .daterangepicker.single .calendar.left {
        clear: none
    }
    .daterangepicker.single .ranges,
    .daterangepicker.single .calendar {
        float: left
    }
    .daterangepicker .calendar.right {
        margin-left: 0
    }
    .daterangepicker .left .daterangepicker_input {
        padding-right: 12px
    }
    .daterangepicker .calendar.left .calendar-table {
        padding-right: 12px;
        border-left: none;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }
    .daterangepicker .ranges,
    .daterangepicker .calendar {
        float: left
    }
}

@media (min-width: 730px) {
    .daterangepicker .ranges {
        width: auto;
        float: left
    }
    .daterangepicker .calendar.left {
        clear: none
    }
}

.bootstrap-timepicker {
    position: relative
}

.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu {
    left: auto;
    right: 0
}

.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:before {
    left: auto;
    right: 12px
}

.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:after {
    left: auto;
    right: 13px
}

.bootstrap-timepicker .add-on {
    cursor: pointer
}

.bootstrap-timepicker .add-on i {
    display: inline-block;
    width: 16px;
    height: 16px
}

.bootstrap-timepicker-widget.dropdown-menu {
    padding: 4px
}

.bootstrap-timepicker-widget.dropdown-menu.open {
    display: inline-block
}

.bootstrap-timepicker-widget.dropdown-menu:before {
    border-bottom: 7px solid rgba(0, 0, 0, .2);
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    content: "";
    display: inline-block;
    position: absolute
}

.bootstrap-timepicker-widget.dropdown-menu:after {
    border-bottom: 6px solid rgb(255, 255, 255);
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: "";
    display: inline-block;
    position: absolute
}

.bootstrap-timepicker-widget.timepicker-orient-left:before {
    left: 6px
}

.bootstrap-timepicker-widget.timepicker-orient-left:after {
    left: 7px
}

.bootstrap-timepicker-widget.timepicker-orient-right:before {
    right: 6px
}

.bootstrap-timepicker-widget.timepicker-orient-right:after {
    right: 7px
}

.bootstrap-timepicker-widget.timepicker-orient-top:before {
    top: -7px
}

.bootstrap-timepicker-widget.timepicker-orient-top:after {
    top: -6px
}

.bootstrap-timepicker-widget.timepicker-orient-bottom:before {
    bottom: -7px;
    border-bottom: 0;
    border-top: 7px solid rgb(117, 114, 114)
}

.bootstrap-timepicker-widget.timepicker-orient-bottom:after {
    bottom: -6px;
    border-bottom: 0;
    border-top: 6px solid rgb(255, 255, 255)
}

.bootstrap-timepicker-widget a.btn,
.bootstrap-timepicker-widget input {
    border-radius: 4px
}

.bootstrap-timepicker-widget table {
    width: 100%;
    margin: 0
}

.bootstrap-timepicker-widget table td {
    text-align: center;
    height: 30px;
    margin: 0;
    padding: 2px
}

.bootstrap-timepicker-widget table td:not(.separator) {
    min-width: 30px
}

.bootstrap-timepicker-widget table td span {
    width: 100%
}

.bootstrap-timepicker-widget table td a {
    border: 1px transparent solid;
    width: 100%;
    display: inline-block;
    margin: 0;
    padding: 8px 0;
    outline: 0;
    color: #000
}

.bootstrap-timepicker-widget table td a:hover {
    text-decoration: none;
    background-color: #eee;
    border-color: #bfbaba
}

.bootstrap-timepicker-widget table td a i {
    margin-top: 2px;
    font-size: 14px;
    color: #262626
}

.bootstrap-timepicker-widget table td input {
    width: 35px;
    margin: 0;
    text-align: center;
    padding: 5px
}

.bootstrap-timepicker-widget .modal-content {
    padding: 4px
}

@media (min-width: 767px) {
    .bootstrap-timepicker-widget.modal {
        width: 200px;
        margin-left: -100px
    }
}

@media (max-width: 767px) {
    .bootstrap-timepicker,
    .bootstrap-timepicker .dropdown-menu {
        width: 100%
    }
}

.wysiwyg-editor {
    max-height: 250px;
    height: 250px;
    background-color: #fff;
    border-collapse: separate;
    border: 1px solid #cccccc;
    padding: 4px;
    box-sizing: content-box;
    box-shadow: #00000013 0 1px 1px inset;
    overflow: scroll;
    outline: none
}

.wysiwyg-toolbar {
    margin-bottom: 10px
}

.wysiwyg-toolbar .btn-active {
    color: #444 !important;
    background-color: #e5e5e5
}

.wysiwyg-toolbar .dropdown-menu {
    padding: 5px
}

.wysiwyg-toolbar .btn-group {
    margin-bottom: 5px
}

.wysiwyg-voiceBtn {
    width: 20px;
    color: transparent !important;
    background-color: transparent !important;
    transform: scale(2);
    border: transparent !important;
    cursor: pointer;
    box-shadow: none
}

div[data-role=editor-toolbar] {
    -webkit-user-select: none;
    user-select: none
}

.note-editor {
    border: 1px solid rgb(191, 186, 186)
}

.note-editor .note-dropzone {
    position: absolute;
    z-index: 1;
    display: none;
    color: #87cefa;
    background-color: #fff;
    border: 2px dashed #87cefa;
    opacity: .95;
    pointer-events: none
}

.note-editor .note-dropzone .note-dropzone-message {
    display: table-cell;
    font-size: 28px;
    font-weight: 700;
    text-align: center;
    vertical-align: middle
}

.note-editor .note-dropzone.hover {
    color: #2dc3e8;
    border: 2px dashed #2dc3e8
}

.note-editor.dragover .note-dropzone {
    display: table
}

.note-editor.fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    width: 100%
}

.note-editor.fullscreen .note-editable {
    background-color: #fff
}

.note-editor.fullscreen .note-resizebar,
.note-editor.codeview .note-editable {
    display: none
}

.note-editor.codeview .note-codable {
    display: block
}

.note-editor .note-toolbar {
    padding-bottom: 5px;
    padding-left: 5px;
    margin: 0;
    background-color: #fbfbfb;
    border-bottom: 1px solid rgb(191, 186, 186)
}

.note-editor .note-toolbar>.btn-group {
    margin-top: 5px;
    margin-right: 5px;
    margin-left: 0
}

.note-editor .note-toolbar>.input-bs-group {
    float: none
}

.note-editor .note-toolbar .note-table .dropdown-menu {
    min-width: 0;
    padding: 5px
}

.note-editor .note-toolbar .note-table .dropdown-menu .note-dimension-picker {
    font-size: 18px
}

.note-editor .note-toolbar .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-mousecatcher {
    position: absolute !important;
    z-index: 3;
    width: 10em;
    height: 10em;
    cursor: pointer
}

.note-editor .note-toolbar .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-unhighlighted {
    position: relative !important;
    z-index: 1;
    width: 5em;
    height: 5em;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC) repeat
}

.note-editor .note-toolbar .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-highlighted {
    position: absolute !important;
    z-index: 2;
    width: 1em;
    height: 1em;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC) repeat
}

.note-editor .note-toolbar .note-style h1,
.note-editor .note-toolbar .note-style h2,
.note-editor .note-toolbar .note-style h3,
.note-editor .note-toolbar .note-style h4,
.note-editor .note-toolbar .note-style h5,
.note-editor .note-toolbar .note-style h6,
.note-editor .note-toolbar .note-style blockquote {
    margin: 0
}

.note-editor .note-toolbar .note-color .dropdown-bs-toggle {
    width: 20px;
    padding-left: 5px
}

.note-editor .note-toolbar .note-color .dropdown-menu {
    min-width: 290px
}

.note-editor .note-toolbar .note-color .dropdown-menu .btn-group {
    margin: 0
}

.note-editor .note-toolbar .note-color .dropdown-menu .btn-group:first-child {
    margin: 0 5px
}

.note-editor .note-toolbar .note-color .dropdown-menu .btn-group .note-palette-title {
    margin: 2px 7px;
    font-size: 12px;
    text-align: center;
    border-bottom: 1px solid #eee
}

.note-editor .note-toolbar .note-color .dropdown-menu .btn-group .note-color-reset {
    padding: 0 3px;
    margin: 5px;
    font-size: 12px;
    cursor: pointer;
    border-radius: 5px
}

.note-editor .note-toolbar .note-color .dropdown-menu .btn-group .note-color-reset:hover {
    background: #eee
}

.note-editor .note-toolbar .note-para .dropdown-menu {
    min-width: 216px;
    padding: 5px
}

.note-editor .note-toolbar .note-para .dropdown-menu>div:first-child {
    margin-right: 5px
}

.note-editor .note-statusbar {
    background-color: #ebebeb
}

.note-editor .note-statusbar .note-resizebar {
    width: 100%;
    height: 8px;
    cursor: s-resize;
    border-top: 1px solid rgb(191, 186, 186)
}

.note-editor .note-statusbar .note-resizebar .note-icon-bar {
    width: 20px;
    margin: 1px auto;
    border-top: 1px solid rgb(191, 186, 186)
}

.note-editor .note-popover .popover {
    max-width: none
}

.note-editor .note-popover .popover .popover-content {
    padding: 5px
}

.note-editor .note-popover .popover .popover-content a {
    display: inline-block;
    max-width: 200px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle
}

.note-editor .note-popover .popover .popover-content .btn-group+.btn-group {
    margin-left: 5px
}

.note-editor .note-popover .popover .arrow {
    left: 20px
}

.note-editor .note-handle .note-control-selection {
    position: absolute;
    display: none;
    border: 1px solid black
}

.note-editor .note-handle .note-control-selection>div {
    position: absolute
}

.note-editor .note-handle .note-control-selection .note-control-selection-bg {
    width: 100%;
    height: 100%;
    background-color: #000;
    -webkit-opacity: .3;
    -khtml-opacity: .3;
    -moz-opacity: .3;
    opacity: .3;
    -ms-filter: alpha(opacity=30);
    filter: alpha(opacity=30)
}

.note-editor .note-handle .note-control-selection .note-control-handle,
.note-editor .note-handle .note-control-selection .note-control-holder {
    width: 7px;
    height: 7px;
    border: 1px solid black
}

.note-editor .note-handle .note-control-selection .note-control-sizing {
    width: 7px;
    height: 7px;
    background-color: #fff;
    border: 1px solid black
}

.note-editor .note-handle .note-control-selection .note-control-nw {
    top: -5px;
    left: -5px;
    border-right: 0;
    border-bottom: 0
}

.note-editor .note-handle .note-control-selection .note-control-ne {
    top: -5px;
    right: -5px;
    border-bottom: 0;
    border-left: none
}

.note-editor .note-handle .note-control-selection .note-control-sw {
    bottom: -5px;
    left: -5px;
    border-top: 0;
    border-right: 0
}

.note-editor .note-handle .note-control-selection .note-control-se {
    right: -5px;
    bottom: -5px;
    cursor: se-resize
}

.note-editor .note-handle .note-control-selection .note-control-selection-info {
    right: 0;
    bottom: 0;
    padding: 5px;
    margin: 5px;
    font-size: 12px;
    color: #fff;
    background-color: #000;
    border-radius: 5px;
    -webkit-opacity: .7;
    -khtml-opacity: .7;
    -moz-opacity: .7;
    opacity: .7;
    -ms-filter: alpha(opacity=70);
    filter: alpha(opacity=70)
}

.note-editor .note-dialog>div {
    display: none
}

.note-editor .note-dialog .note-image-dialog .note-dropzone {
    min-height: 100px;
    margin-bottom: 10px;
    font-size: 30px;
    line-height: 4;
    color: #d3d3d3;
    text-align: center;
    border: 4px dashed lightgray
}

.note-editor .note-dialog .note-help-dialog {
    font-size: 12px;
    color: #ccc;
    background: transparent;
    background-color: #222 !important;
    border: 0;
    -webkit-opacity: .9;
    -khtml-opacity: .9;
    -moz-opacity: .9;
    opacity: .9;
    -ms-filter: alpha(opacity=90);
    filter: alpha(opacity=90)
}

.note-editor .note-dialog .note-help-dialog .modal-content {
    background: transparent;
    border: 1px solid white;
    border-radius: 5px;
    box-shadow: none
}

.note-editor .note-dialog .note-help-dialog a {
    font-size: 12px;
    color: #fff
}

.note-editor .note-dialog .note-help-dialog .title {
    padding-bottom: 5px;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    border-bottom: white 1px solid
}

.note-editor .note-dialog .note-help-dialog .modal-close {
    font-size: 14px;
    color: #dd0;
    cursor: pointer
}

.note-editor .note-dialog .note-help-dialog .note-shortcut-layout {
    width: 100%
}

.note-editor .note-dialog .note-help-dialog .note-shortcut-layout td {
    vertical-align: top
}

.note-editor .note-dialog .note-help-dialog .note-shortcut {
    margin-top: 8px
}

.note-editor .note-dialog .note-help-dialog .note-shortcut th {
    font-size: 13px;
    color: #dd0;
    text-align: left
}

.note-editor .note-dialog .note-help-dialog .note-shortcut td:first-child {
    min-width: 110px;
    padding-right: 10px;
    font-family: Courier New;
    color: #dd0;
    text-align: right
}

.note-editor .note-editable {
    padding: 10px;
    overflow: auto;
    outline: 0;
    background-color: #fff
}

.note-editor .note-editable[contenteditable=false] {
    background-color: #e5e5e5
}

.note-editor .note-codable {
    display: none;
    width: 100%;
    padding: 10px;
    margin-bottom: 0;
    font-family: Menlo, Monaco, monospace, sans-serif;
    font-size: 14px;
    color: #ccc;
    background-color: #222;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    resize: none
}

.note-editor .dropdown-menu {
    min-width: 90px
}

.note-editor .dropdown-menu.right {
    right: 0;
    left: auto
}

.note-editor .dropdown-menu.right:before {
    right: 9px;
    left: auto !important
}

.note-editor .dropdown-menu.right:after {
    right: 10px;
    left: auto !important
}

.note-editor .dropdown-menu li a i {
    color: #2dc3e8;
    visibility: hidden
}

.note-editor .dropdown-menu li a.checked i {
    visibility: visible
}

.note-editor .note-fontsize-10 {
    font-size: 10px
}

.note-editor .note-color-palette {
    line-height: 1
}

.note-editor .note-color-palette div .note-color-btn {
    width: 17px;
    height: 17px;
    padding: 0;
    margin: 0;
    border: 1px solid rgb(255, 255, 255)
}

.note-editor .note-color-palette div .note-color-btn:hover {
    border: 1px solid rgb(0, 0, 0)
}

.bv-form .help-block {
    margin-bottom: 0
}

.nav-tabs li.bv-tab-success>a {
    color: #8cc34b
}

.nav-tabs li.bv-tab-error>a {
    color: #d73d32
}

.login-container {
    position: relative;
    margin: 10% auto;
    max-width: 300px
}

.login-container .loginbox {
    position: relative;
    width: 300px !important;
    height: auto !important;
    padding: 0 0 20px;
    box-shadow: 0 0 14px #0000001a
}

.login-container .loginbox .loginbox-title {
    position: relative;
    text-align: center;
    width: 100%;
    height: 35px;
    padding-top: 10px;
    font-family: Lucida Sans, trebuchet MS, Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: 400;
    color: #444
}

.login-container .loginbox .loginbox-social {
    padding: 0 10px 10px;
    text-align: center
}

.login-container .loginbox .loginbox-social .social-title {
    font-size: 14px;
    font-weight: 500;
    color: #a9a9a9;
    margin-top: 10px
}

.login-container .loginbox .loginbox-social .social-buttons {
    height: 80px;
    padding: 15px 35px;
    text-align: center
}

.login-container .loginbox .loginbox-social .social-buttons .button-facebook {
    float: left;
    border: 2px solid #3b5998;
    color: #3b5998;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    margin-right: 30px;
    background-color: #fff
}

.login-container .loginbox .loginbox-social .social-buttons .button-facebook i {
    font-size: 26px;
    line-height: 50px
}

.login-container .loginbox .loginbox-social .social-buttons .button-twitter {
    float: left;
    border: 2px solid #29c1f6;
    color: #29c1f6;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    margin-right: 30px;
    background-color: #fff
}

.login-container .loginbox .loginbox-social .social-buttons .button-twitter i {
    font-size: 26px;
    line-height: 50px
}

.login-container .loginbox .loginbox-social .social-buttons .button-google {
    border: 2px solid #ef4f1d;
    color: #ef4f1d;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    background-color: #fff
}

.login-container .loginbox .loginbox-social .social-buttons .button-google i {
    font-size: 26px;
    line-height: 50px
}

.login-container .loginbox .loginbox-or {
    position: relative;
    text-align: center;
    height: 20px
}

.login-container .loginbox .loginbox-or .or {
    position: absolute;
    top: 0;
    -lh-property: 0;
    left: calc(50% - 25px);
    width: 50px;
    height: 20px;
    background-color: #fff;
    color: #999;
    margin: 0 auto
}

.login-container .loginbox .loginbox-or .or-line {
    position: absolute;
    height: 1px;
    top: 10px;
    left: 40px;
    right: 40px;
    background-color: #ccc
}

.login-container .loginbox .loginbox-textbox {
    padding: 10px 40px
}

.login-container .loginbox .loginbox-textbox .form-control {
    -webkit-border-radius: 3px !important;
    -webkit-background-clip: padding-box !important;
    -moz-border-radius: 3px !important;
    -moz-background-clip: padding !important;
    border-radius: 3px !important;
    background-clip: padding-box !important
}

.login-container .loginbox .loginbox-forgot {
    padding-left: 40px
}

.login-container .loginbox .loginbox-forgot a {
    font-size: 11px;
    color: #666
}

.login-container .loginbox .loginbox-submit {
    padding: 10px 40px
}

.login-container .loginbox .loginbox-signup {
    text-align: center;
    padding-top: 10px
}

.login-container .loginbox .loginbox-signup a {
    font-size: 13px;
    color: #666
}

.login-container .logobox {
    width: 300px !important;
    height: 50px !important;
    padding: 5px;
    margin-top: 15px;
    box-shadow: 0 0 14px #0000001a;
    background-color: #fff;
    text-align: left
}

.register-container {
    position: relative;
    margin: 8% auto;
    max-width: 350px
}

.register-container .registerbox {
    position: relative;
    width: 350px !important;
    height: 560px !important;
    padding: 0;
    box-shadow: 0 0 14px #0000001a
}

.register-container .registerbox .registerbox-title {
    position: relative;
    text-align: left;
    width: 100%;
    height: 35px;
    padding: 20px 20px 0;
    font-family: Lucida Sans, trebuchet MS, Arial, Helvetica, sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 400;
    color: #444
}

.register-container .registerbox .registerbox-caption {
    font-size: 14px;
    font-weight: 500;
    color: #a9a9a9;
    padding: 15px 20px 0
}

.register-container .registerbox .registerbox-textbox {
    padding: 10px 20px
}

.register-container .registerbox .registerbox-textbox .form-control {
    -webkit-border-radius: 3px !important;
    -webkit-background-clip: padding-box !important;
    -moz-border-radius: 3px !important;
    -moz-background-clip: padding !important;
    border-radius: 3px !important;
    background-clip: padding-box !important
}

.register-container .registerbox .registerbox-submit {
    padding: 0 20px
}

.register-container .logobox {
    width: 350px !important;
    height: 50px !important;
    padding: 5px;
    margin-top: 15px;
    box-shadow: 0 0 14px #0000001a;
    background-color: #fff;
    text-align: left
}

.lock-container {
    margin: 15% auto;
    max-width: 300px
}

.lock-container .lock-box {
    position: relative;
    background: rgb(255, 255, 255);
    width: 280px;
    height: 170px;
    box-shadow: 0 0 10px #0003;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YzZjNmMyIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
    background-image: linear-gradient(to top, rgb(255, 255, 255), #f3f3f3)
}

.lock-container .lock-box .lock-username {
    position: absolute;
    height: 50px;
    width: 100%;
    line-height: 50px;
    top: 60px;
    text-align: center;
    color: #999
}

.lock-container .lock-box img {
    position: absolute;
    -lh-property: 0;
    left: calc(50% - 64px);
    top: -64px;
    border: 3px solid rgb(255, 255, 255);
    width: 128px;
    height: 128px;
    background: rgb(255, 255, 255);
    box-shadow: 0 0 10px #0000004d
}

.lock-container .lock-box .lock-password {
    position: absolute;
    top: 115px;
    text-align: center;
    -lh-property: 0;
    left: calc(50% - 114px)
}

.lock-container .lock-box .lock-password input {
    background-color: #fff;
    border-color: #e5e5e5;
    -webkit-border-radius: 4px !important;
    -webkit-background-clip: padding-box !important;
    -moz-border-radius: 4px !important;
    -moz-background-clip: padding !important;
    border-radius: 4px !important;
    background-clip: padding-box !important;
    text-align: center;
    padding-left: 25px
}

.lock-container .lock-box .btn-lock,
.lock-container .lock-box .btn-lock:hover {
    background: rgb(255, 255, 255);
    color: #2dc3e8;
    margin-top: -8px;
    border: 0;
    box-shadow: none
}

.lock-container .lock-box .btn-lock i:before,
.lock-container .lock-box .btn-lock:hover i:before {
    font-size: 18px
}

.lock-container .signinbox {
    width: 280px !important;
    height: 50px !important;
    padding: 15px;
    margin-top: 15px;
    box-shadow: 0 0 10px #0003;
    background-color: #fff;
    text-align: center
}

.lock-container .signinbox a {
    font-size: 13px;
    color: #2dc3e8;
    padding-left: 5px;
    cursor: pointer
}

.pricing-container {
    padding: 20px;
    -webkit-text-shadow: gba(0, 0, 0, .2) 1px 1px 1px;
    text-shadow: gba(0, 0, 0, .2) 1px 1px 1px
}

.pricing-container [class*=col-] {
    padding-left: 5px;
    padding-right: 5px
}

.pricing-container .plan {
    text-align: center;
    background: rgb(255, 255, 255);
    color: #000;
    padding: 0;
    width: 100%;
    float: left;
    _display: inline;
    position: relative;
    margin: 0 5px 20px;
    box-shadow: 0 1px 2px #0003;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YzZjNmMyIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
    background-image: linear-gradient(to top, rgb(255, 255, 255), #f3f3f3)
}

.pricing-container .plan .header {
    position: relative;
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase;
    padding: 15px;
    margin: 0;
    border-bottom: 3px solid
}

.pricing-container .plan .price {
    font-size: 26px;
    padding: 5px 5px 0;
    background-color: #fff;
    -webkit-text-shadow: none;
    text-shadow: none
}

.pricing-container .plan .monthly {
    font-size: 12px;
    margin-bottom: 20px;
    text-transform: uppercase;
    color: #999;
    background-color: #fff;
    padding-bottom: 10px;
    -webkit-text-shadow: none;
    text-shadow: none
}

.pricing-container .plan ul {
    margin: 20px 0;
    padding: 0;
    list-style: none
}

.pricing-container .plan ul li {
    padding: 10px 0
}

.pricing-container .plan ul li p {
    margin: 0 20px;
    text-align: left
}

.pricing-container .plan .signup {
    position: relative;
    padding: 8px 17px;
    color: #fff;
    font: 700 15px Roboto, Lucida Sans, trebuchet MS, Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    background-color: #2dc3e8;
    -webkit-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 3px;
    -moz-background-clip: padding;
    border-radius: 3px;
    background-clip: padding-box;
    -webkit-text-shadow: 0 -1px 0 rgba(0, 0, 0, .15);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .15);
    opacity: .9;
    margin: 15px
}

.pricing-container .plan .signup:hover {
    opacity: 1
}

.pricing-container .plan .signup:active {
    box-shadow: 0 2px 2px #0000004d inset
}

.pricing-container .popular-plan {
    top: -20px;
    padding: 0 0 25px;
    box-shadow: 0 0 10px #0000004d
}

.pricing-container .popular-plan .header {
    padding: 35px 15px 15px
}

.plan-circular {
    margin: 10px auto;
    text-align: center
}

.plan-circular .plan-title {
    color: #fff
}

.plan-circular .title-devider {
    margin: 10px 40%;
    border-color: #fff
}

.plan-circular .plan-body {
    position: relative;
    width: 150px;
    height: 150px;
    background-color: #fff;
    border: 10px solid rgba(255, 255, 255, .3);
    -webkit-border-radius: 50%;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 50%;
    -moz-background-clip: padding;
    border-radius: 50%;
    background-clip: padding-box;
    margin: 0 auto
}

.plan-circular .plan-body .plan-price {
    position: absolute;
    top: 33px;
    right: 35px;
    font-size: 40px;
    color: #555
}

.plan-circular .plan-body .plan-currency {
    position: absolute;
    top: 33px;
    right: 80px;
    font-size: 26px;
    color: #000
}

.plan-circular .plan-body .plan-month {
    position: absolute;
    top: 80px;
    right: 38px;
    font-size: 12px;
    color: #999
}

.plan-circular .plan-tag {
    width: 25px;
    height: 40px;
    -webkit-border-radius: 2px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 2px;
    -moz-background-clip: padding;
    border-radius: 2px;
    background-clip: padding-box;
    margin: -15px auto 0
}

.plan-circular .plan-tag .tag-icon {
    margin-top: 20px;
    font-size: 15px;
    color: #fff
}

.invoice-container .table-bordered thead>tr {
    background-color: #fff !important;
    background-image: none !important
}

.invoice-container .panel {
    -webkit-border-radius: 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0;
    -moz-background-clip: padding;
    border-radius: 0;
    background-clip: padding-box
}

.invoice-container .panel .panel-heading {
    background-color: #fff
}

.invoice-container .panel .panel-heading h1,
.invoice-container .panel .panel-heading h2,
.invoice-container .panel .panel-heading h3,
.invoice-container .panel .panel-heading h4,
.invoice-container .panel .panel-heading h5,
.invoice-container .panel .panel-heading h6 {
    margin-bottom: 0
}

.invoice-container ul {
    list-style: none;
    padding-left: 0
}

.invoice-container ul li {
    line-height: 22px
}

.timeline {
    list-style: none;
    padding: 0;
    position: relative
}

.timeline:before {
    top: 0;
    bottom: -35px;
    position: absolute;
    content: " ";
    width: 1px;
    left: 50%;
    margin-left: -1.5px;
    background-color: #f3f3f3
}

.new_timeline .timeline:last-child:before {
    bottom: 0 !important
}

.timeline>li {
    margin-bottom: 20px;
    position: relative
}

.timeline>li:before,
.timeline>li:after {
    content: " ";
    display: table
}

.timeline>li:after {
    clear: both
}

.timeline>li>.timeline-datetime {
    color: #737373;
    position: absolute;
    left: 55%;
    top: 6px;
    text-align: left;
    padding: 10px
}

.timeline>li>.timeline-datetime .timeline-time,
.timeline>li>.timeline-datetime .timeline-date {
    display: block;
    font-size: 11px;
    font-family: Lucida Sans, trebuchet MS, Arial, Helvetica, sans-serif
}

.timeline>li>.timeline-datetime .timeline-time {
    font-size: 14px;
    font-weight: 700
}

.timeline>li>.timeline-panel {
    background-color: #fbfbfb;
    -lh-property: 0;
    width: calc(50% - 45px);
    float: left;
    border-radius: 2px;
    padding: 0;
    position: relative;
    box-shadow: 0 1px 6px #0000002d
}

.timeline>li>.timeline-panel .timeline-header .timeline-title {
    display: block;
    padding: 10px 20px 0;
    min-width: 200px;
    font-size: 14px;
    font-family: Roboto, Lucida Sans, trebuchet MS, Arial, Helvetica, sans-serif;
    font-weight: 700
}

.timeline>li>.timeline-panel .timeline-header .timeline-datetime {
    position: absolute;
    top: 5px;
    right: 10px;
    font-family: Roboto, Lucida Sans, trebuchet MS, Arial, Helvetica, sans-serif;
    font-size: 13px;
    display: none
}

.timeline>li>.timeline-panel .timeline-body {
    padding: 10px 20px;
    line-height: 22px;
    top: 18px
}

.timeline>li>.timeline-panel .timeline-body>p,
.timeline>li>.timeline-panel .timeline-body>ul {
    margin-bottom: 0
}

.timeline>li>.timeline-panel .timeline-body>p+p {
    margin-top: 5px
}

.timeline>li>.timeline-panel .timeline-footer {
    padding: 5px 20px 10px;
    border-top: 1px solid #eeeeee
}

.timeline>li>.timeline-panel .timeline-footer .footer-registrar {
    font-size: 12px;
    color: #555
}

.timeline>li>.timeline-panel:before {
    position: absolute;
    top: 16px;
    right: -15px;
    display: inline-block;
    border-top: 15px solid transparent;
    border-left: 15px solid #e5e5e5;
    border-right: 0 solid #e5e5e5;
    border-bottom: 15px solid transparent;
    content: " "
}

.timeline>li>.timeline-panel .timeline-body:after {
    position: absolute;
    top: 17px;
    right: -14px;
    display: inline-block;
    border-top: 14px solid transparent;
    border-left: 14px solid #fbfbfb;
    border-right: 0 solid #fbfbfb;
    border-bottom: 14px solid transparent;
    content: " "
}

.timeline>li .timeline-badge {
    width: 50px;
    height: 50px;
    font-size: 1.4em;
    text-align: center;
    position: absolute;
    top: 6px;
    left: 50%;
    margin-left: -25px;
    background-image: linear-gradient(to bottom, #eeeeee 0, #fbfbfb 100%);
    z-index: 100;
    -webkit-border-radius: 50%;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 50%;
    -moz-background-clip: padding;
    border-radius: 50%;
    background-clip: padding-box;
    color: #444
}

.timeline>li .timeline-badge .badge-picture {
    width: 50px;
    height: 50px;
    -webkit-border-radius: 50%;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 50%;
    -moz-background-clip: padding;
    border-radius: 50%;
    background-clip: padding-box
}

.timeline>li .timeline-badge i {
    line-height: 50px
}

.timeline>li .timeline-badge[class*=bg-] {
    background-image: none !important;
    color: #fff
}

.timeline>li.timeline-inverted>.timeline-datetime {
    left: auto;
    right: 55%;
    text-align: right
}

.timeline>li.timeline-inverted>.timeline-panel {
    float: right
}

.timeline>li.timeline-inverted>.timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto
}

.timeline>li.timeline-inverted>.timeline-panel .timeline-body:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: 0;
    right: auto
}

.timeline>li.timeline-node {
    width: 150px;
    margin: 0 auto 20px;
    text-align: center
}

.new_timeline .timeline>li>.timeline-datetime {
    left: 60%;
    top: 0;
    line-height: 174px
}

.new_timeline .timeline>li.timeline-inverted>.timeline-panel {
    text-align: left
}

.new_timeline small.date {
    font-size: 14px;
    display: flex;
    display: -ms-flexbox;
    justify-content: center;
    align-items: center;
    height: 181px
}

.new_timeline .timeline>li>.timeline-panel:before {
    display: none !important
}

.new_timeline .timeline>li>.timeline-panel .timeline-body:after {
    content: "\f02c" !important;
    font-family: FontAwesome !important;
    right: -2px;
    border-top: 0px !important;
    border-left: 0px !important;
    border-right: 0px !important;
    border-bottom: 0px solid transparent !important;
    font-size: 15px;
    color: #000 !important;
    top: 10px !important
}

.new_timeline .timeline:before {
    background-color: #b1b1b3 !important;
    top: 10px
}

.new_timeline .timeline>li .timeline-badge .inner_badge {
    height: 181px;
    width: 181px;
    border-radius: 50%;
    color: #fff
}

.new_timeline .timeline>li .timeline-badge.sky .inner_badge {
    background: rgb(0, 25, 150)
}

.new_timeline .timeline>li>.timeline-panel {
    background-color: #fff;
    width: calc(45% - 70px);
    background-color: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    text-align: right;
    top: 20px
}

.new_timeline .timeline>li>.timeline-datetime .timeline-time {
    font-size: 14px;
    font-family: Solo Sans;
    font-weight: 400
}

.new_timeline .timeline>li>.timeline-panel .timeline-body {
    font-size: 13px;
    font-weight: 600;
    color: #000;
    position: relative;
    min-height: 100px
}

.new_timeline .timeline>li>.timeline-panel .timeline-body p {
    line-height: 14px;
    color: #696969;
    font-family: Solo Sans;
    font-weight: 400;
    line-height: 20px;
    max-width: 350px;
    overflow: hidden
}

.new_timeline ul:last-child li:last-child {
    padding-bottom: 0
}

.filesUploadedSection {
    display: block;
    width: 100%;
    padding: 15px 0;
    border-bottom: 1px dashed rgb(191, 186, 186)
}

.filesUploadedSection h5.text-uppercase {
    margin-bottom: 5px !important;
    color: #000
}

.filesUploadedSection label {
    color: #000;
    font-weight: 600
}

.filesUploadedSection a {
    color: #001996;
    font-size: 36px
}

.filesUploadedSection a i {
    float: left
}

.modal-header {
    background-color: #fff;
    border-bottom: 1px solid #dadada;
    color: #000 !important;
    padding: 0 0 12px
}

.modal-title {
    text-align: left;
    font-size: 25px;
    font-family: inherit
}

.modal-header .btn {
    color: #656565;
    background-color: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
    text-align: center;
    padding: 2px 6px !important
}

.bg-white h5.black.text-uppercase.pull-left {
    width: 100%;
    margin-bottom: 10px !important
}

.bg-white.border-verified {
    border-top: 1.5px solid #e5e5e5 !important
}

.modal-body .imageBox {
    border: 2px solid #e5e5e5;
    display: inline-block;
    width: 100%;
    position: relative;
    cursor: pointer;
    margin-bottom: 10px
}

p.popupnote {
    font-size: 13px;
    color: #918e8e;
    font-weight: 300 !important;
    margin-top: 15px !important
}

p.popupnote strong {
    font-weight: 600 !important
}

.initiate-txt {
    color: #001996 !important
}

.intransit-txt {
    color: #3091d4 !important
}

.pending-txt {
    color: #fecb12 !important
}

.delivered-txt {
    color: #93c757 !important
}

.closed-txt {
    color: #e94c5f !important
}

.input-bs-group.pull-left.new_search_btn {
    border: 1px solid;
    border-radius: 3px;
    box-shadow: inset 0 1px 2px #0000001a;
    border-color: #00000040
}

.input-bs-group.pull-left.new_search_btn input {
    border: 0px solid !important;
    margin: 0 !important;
    background: transparent;
    height: 32px !important
}

.input-bs-group.pull-left.new_search_btn input:focus {
    box-shadow: none !important
}

.input-bs-group.pull-left.new_search_btn span.input-bs-group-btn .btn-secondary {
    background-color: transparent !important;
    border-color: transparent;
    color: #001996;
    margin: 0 !important;
    padding: 8px 5px;
    box-shadow: none;
    text-align: center;
    line-height: 20px;
    height: 32px
}

.modal-body .imageBox .fa-times-circle {
    position: absolute;
    right: -2px;
    top: -2px;
    font-size: 20px
}

.modal-backdrop {
    background-color: #000 !important;
    z-index: 1;
    display: none
}

.modal {
    background: rgba(0, 0, 0, .5)
}

.modal-body .pl-1 {
    padding-left: 7.5px !important
}

.modal-body .pr-1 {
    padding-right: 7.5px !important
}

.modal-header .btn .fa {
    margin: 0
}

a.dashboard-stat:hover {
    text-decoration: none !important
}

.dashboard-stat {
    display: block;
    padding: 20px 15px;
    text-align: right;
    position: relative;
    box-shadow: 0 1px 2px #0000001a;
    border-radius: 4px
}

.tile-1 {
    background-color: #4d5ca5
}

.tile-2 {
    background-color: #258cd3
}

.tile-3 {
    background-color: #b254f3
}

.tile-4 {
    background-color: #ffc700
}

.tile-5 {
    background-color: #fd9217
}

.tile-6 {
    background-color: #93c757
}

.dashboard-stat .bg-icon {
    position: absolute;
    font-size: 45px;
    opacity: .4;
    left: 10px;
    bottom: 14px;
    color: #fff
}

.bg-icon i {
    font-size: 45px !important
}

.dashboard-stat .name {
    color: #fff;
    text-align: right
}

.es-ES .edit .btn-link {
    line-height: 20px !important
}

.dashboard-stat .number {
    font-size: 24px;
    display: block;
    color: #fff;
    font-weight: 400 !important
}

.ct-bar {
    fill: none;
    stroke-width: 10px !important
}

a {
    color: #001996
}

#my-input {
    transform: translate(100%);
    opacity: 0;
    transition: opacity .25s, transform .25s;
    border: 1px solid #e6e6e6 !important;
    border-radius: 3px 0 0 3px !important;
    height: 28px !important;
    float: left
}

i.fas.fa-download.blue-link {
    color: #001996
}

path.highcharts-button-symbol {
    stroke: #001996 !important
}

#my-input.show {
    transform: translate(0);
    opacity: 1
}

.new_scan_box {
    overflow: hidden
}

.new_scan_box .input-bs-group-btn button.btn.btn-default {
    padding: 5px;
    height: 28px;
    text-align: center;
    border: 1px solid rgb(233, 233, 233);
    border-radius: 0 3px 3px 0 !important;
    float: left;
    background: rgb(235, 235, 235);
    color: #001996
}

.new_scan_box .input-bs-group-btn button.btn.btn-default .fa {
    margin: 0
}

.input-bs-group.new_scan_box {
    margin: 5px 0
}

@media (max-width: 767px) {
    .timeline:before {
        left: 40px
    }
    .timeline>li>.timeline-panel {
        -lh-property: 0;
        width: calc(100% - 90px)
    }
    .timeline>li>.timeline-badge {
        left: 15px;
        margin-left: 0;
        top: 6px
    }
    .timeline>li>.timeline-panel:before {
        border-left-width: 0;
        border-right-width: 15px;
        left: -15px;
        right: auto
    }
    .timeline>li>.timeline-panel:after {
        border-left-width: 0;
        border-right-width: 14px;
        left: -14px;
        right: auto
    }
    .timeline>li>.timeline-panel .timeline-header .timeline-title {
        top: 5px
    }
    .timeline>li>.timeline-panel .timeline-header .timeline-datetime {
        display: block
    }
    .timeline>li>.timeline-datetime {
        display: none
    }
    .timeline>li.timeline-node {
        margin: 0 0 20px -35px
    }
}

@media only screen and (max-width: 575.98px) {
    .new_timeline .timeline:last-child:before {
        bottom: 80px !important
    }
}

@media (max-width: 500px) {
    .timeline>li>.timeline-panel .timeline-header .timeline-datetime {
        position: relative;
        padding: 5px 30px 0;
        margin: 0
    }
    .timeline>li>.timeline-panel .timeline-body {
        padding: 20px
    }
}

@media only screen and (max-width: 420px) {
    .new_timeline .timeline:last-child:before {
        bottom: 100px !important
    }
}

.profile-container .profile-header {
    min-height: 175px;
    margin: 15px 15px 0;
    box-shadow: 0 1px 2px #00000059;
    background-color: #fbfbfb
}

.profile-container .profile-header .header-avatar {
    width: 125px;
    height: 125px;
    -webkit-border-radius: 50%;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 50%;
    -moz-background-clip: padding;
    border-radius: 50%;
    background-clip: padding-box;
    border: 5px solid rgb(235, 235, 235);
    box-shadow: 0 0 10px #00000026;
    margin: 25px auto
}

.profile-container .profile-header .profile-info {
    min-height: 175px;
    border-right: 1px solid #eeeeee;
    padding: 15px 40px 35px 0
}

.profile-container .profile-header .profile-info .header-fullname {
    font: 21px Roboto, Lucida Sans, trebuchet MS, Arial, Helvetica, sans-serif;
    margin-top: 27px;
    display: inline-block
}

.profile-container .profile-header .profile-info .btn-follow {
    position: absolute;
    top: 45px;
    right: 40px
}

.profile-container .profile-header .profile-info .header-information {
    line-height: 23px;
    margin-top: 15px;
    text-align: justify
}

.profile-container .profile-header .profile-stats {
    min-height: 175px;
    border-right: 1px solid #eeeeee
}

.profile-container .profile-header .profile-stats .stats-col {
    margin: 30px 0;
    text-align: center
}

.profile-container .profile-header .profile-stats .stats-col:not(:last-child) {
    border-right: 1px solid #eeeeee
}

.profile-container .profile-header .profile-stats .stats-col .stats-value {
    display: block;
    margin: 0 auto;
    text-align: center;
    font-size: 30px;
    font-family: Roboto, Lucida Sans, trebuchet MS, Arial, Helvetica, sans-serif
}

.profile-container .profile-header .profile-stats .stats-col .stats-title {
    display: block;
    margin: 0 auto;
    text-align: center
}

.profile-container .profile-header .profile-stats .inlinestats-col {
    padding-top: 15px;
    text-align: center;
    font-family: Roboto, Lucida Sans, trebuchet MS, Arial, Helvetica, sans-serif;
    border-top: 1px solid #eeeeee;
    min-height: 55px
}

.profile-container .profile-header .profile-stats .inlinestats-col:not(:last-child) {
    border-right: 1px solid #eeeeee
}

.profile-container .profile-header .profile-stats .inlinestats-col i {
    margin-right: 2px
}

.profile-container .profile-header .profile-contactinfo .title {
    margin-bottom: 5px;
    margin-top: 30px
}

.profile-container .profile-header .profile-contactinfo .list-group-item {
    background: none !important;
    border: none;
    padding-bottom: 0;
    margin-top: 5px;
    padding-left: 0;
    padding-right: 5px
}

.profile-container .profile-body .nav-tabs>li.active>a,
.profile-container .profile-body .nav-tabs>li.active>a:hover,
.profile-container .profile-body .nav-tabs>li.active>a:focus {
    box-shadow: none;
    border-top: 0;
    border-bottom: 2px solid #2dc3e8;
    background-color: #fbfbfb;
    top: 2px;
    margin-bottom: 0
}

.profile-container .profile-body .nav-tabs {
    border-top: 1px solid #e5e5e5;
    top: 0;
    box-shadow: 0 1px 2px #00000059
}

.profile-container .profile-body .nav-tabs.tabs-flat {
    background-color: #fbfbfb
}

.profile-container .profile-body .tab-content {
    margin-top: 30px;
    box-shadow: 0 1px 2px #00000059
}

.profile-container .profile-body .setting-header {
    margin-bottom: 25px
}

.profile-container .profile-contacts {
    padding: 25px
}

.profile-container .profile-contacts .contact-badge i {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 24px;
    text-align: center;
    background-image: linear-gradient(to bottom, #eeeeee 0, #fbfbfb 100%);
    z-index: 100;
    -webkit-border-radius: 50%;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 50%;
    -moz-background-clip: padding;
    border-radius: 50%;
    background-clip: padding-box;
    box-shadow: 0 1px 6px #0000002d;
    color: #444
}

.profile-container .profile-contacts .contact-badge span {
    font-size: 26px;
    margin-left: 20px;
    font-weight: 300
}

.profile-container .profile-contacts .contact-info p {
    padding: 10px 70px
}

.profile-container #contact-map {
    margin: 20px;
    width: 400px;
    height: 400px;
    -webkit-border-radius: 100%;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 100%;
    -moz-background-clip: padding;
    border-radius: 100%;
    background-clip: padding-box;
    border: #fbfbfb 5px solid;
    overflow: hidden;
    box-shadow: 0 0 10px #0000004d
}

.profile-container .profile-badge i {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 24px;
    text-align: center;
    background-image: linear-gradient(to bottom, #eeeeee 0, #fbfbfb 100%);
    z-index: 100;
    -webkit-border-radius: 50%;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 50%;
    -moz-background-clip: padding;
    border-radius: 50%;
    background-clip: padding-box;
    box-shadow: 0 1px 6px #0000002d;
    color: #444
}

.profile-container .profile-badge span {
    font-size: 26px;
    margin-left: 20px;
    font-weight: 300
}

.profile-container .profile-overview {
    padding: 5px
}

.profile-container .row-title {
    margin-left: -17px;
    margin-top: 50px
}

.profile-container .timeline {
    padding-top: 35px;
    margin-top: -16px
}

@media (max-width: 992px) {
    .profile-container .profile-header .profile-info {
        padding: 0 40px
    }
    .profile-container .profile-header .profile-info .btn-follow {
        top: 28px
    }
    .profile-container .profile-header .profile-stats .stats-col {
        border-right: 0
    }
}

.comment {
    padding-top: 12px
}

.comment:first-child {
    padding-top: 0
}

.comment>.comment {
    margin-left: 25px !important
}

.comment .comment-avatar {
    position: relative;
    -webkit-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 3px;
    -moz-background-clip: padding;
    border-radius: 3px;
    background-clip: padding-box;
    display: block;
    float: left;
    height: 32px;
    width: 32px
}

.comment .comment-header {
    font-size: 12px;
    padding-bottom: 2px
}

.comment .comment-header span {
    color: #d0d0d0;
    display: inline-block;
    font-size: 11px;
    margin-left: 5px
}

.comment .comment-body {
    float: none;
    margin-left: 40px;
    position: relative
}

.comment .comment-text {
    border: 1px solid #e5e5e5;
    border-radius: 2px;
    padding: 7px 12px 8px
}

.comment .comment-footer {
    display: block;
    font-size: 12px;
    padding: 4px 12px 0
}

.comment .comment-footer i {
    font-size: 13px;
    margin-right: 7px
}

.comment .comment-footer,
.comment .comment-footer a {
    color: #d0d0d0
}

.comment .comment-footer a:hover {
    color: #2dc3e8
}

.mail-container {
    position: relative
}

.mail-container .mail-sidebar,
.mail-container .mail-body {
    box-sizing: border-box
}

.mail-container .mail-sidebar {
    width: 200px;
    position: absolute;
    top: 0;
    left: 0;
    height: auto;
    min-height: 100%;
    background: #fbfbfb;
    border-right: 1px solid rgb(235, 235, 235)
}

.mail-container .mail-sidebar .mail-menu {
    list-style: none;
    margin: 0;
    padding: 0
}

.mail-container .mail-sidebar .mail-menu>li {
    margin: 0;
    padding: 0
}

.mail-container .mail-sidebar .mail-menu>li a {
    color: #000;
    display: block;
    padding: 10px 10px 10px 25px;
    transition: all .2s ease-in-out;
    font-size: 13px
}

.mail-container .mail-sidebar .mail-menu>li a:hover {
    text-decoration: none;
    color: #444
}

.mail-container .mail-sidebar .mail-menu>li a i {
    margin-right: 10px;
    font-size: 13px
}

.mail-container .mail-sidebar .mail-menu>li a .badge {
    font-size: 13px
}

.mail-container .mail-sidebar .mail-menu>li a .badge-tag {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 4px
}

.mail-container .mail-sidebar .mail-menu>li:hover a {
    background: rgb(255, 255, 255)
}

.mail-container .mail-sidebar .mail-menu>li.active a {
    background: #f3f3f3;
    font-weight: 700
}

.mail-container .mail-sidebar .mail-menu>li.divider {
    padding: 0;
    height: 1px;
    margin: 9px 0 3px;
    background: #e5e5e5
}

.mail-container .mail-sidebar .mail-menu>li.menu-title {
    margin-top: 25px;
    font-size: 11px;
    text-transform: uppercase;
    padding-left: 25px;
    font-weight: 700
}

.mail-container .mail-header {
    position: relative;
    height: 38px;
    margin-left: 200px;
    padding: 0;
    border-bottom: 1px solid #eeeeee;
    background-color: #fff
}

.mail-container .mail-header .header-buttons {
    list-style: none;
    margin-bottom: 0;
    display: inline-block;
    float: left;
    text-align: left;
    height: 38px;
    padding: 0 2px 0 7px
}

.mail-container .mail-header .header-buttons li {
    float: left;
    position: relative;
    height: 38px;
    width: 38px;
    padding: 4px;
    text-align: center
}

.mail-container .mail-header .header-buttons li a {
    display: block;
    width: 28px;
    height: 28px;
    border: 1px solid #d0d0d0;
    -webkit-border-radius: 50%;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 50%;
    -moz-background-clip: padding;
    border-radius: 50%;
    background-clip: padding-box
}

.mail-container .mail-header .header-buttons li a:hover {
    cursor: pointer;
    border-color: #2dc3e8
}

.mail-container .mail-header .header-buttons li a:hover i {
    color: #2dc3e8
}

.mail-container .mail-header .header-buttons li a i {
    line-height: 24px;
    color: #d0d0d0;
    font-size: 14px
}

.mail-container .mail-header .header-buttons li a i.fa {
    line-height: 28px;
    font-size: 16px
}

.mail-container .mail-header .header-buttons li.search {
    width: 150px
}

.mail-container .mail-header .header-buttons li.search input[type=text] {
    border-color: #e5e5e5;
    -webkit-border-radius: 5px !important;
    -webkit-background-clip: padding-box !important;
    -moz-border-radius: 5px !important;
    -moz-background-clip: padding !important;
    border-radius: 5px !important;
    background-clip: padding-box !important
}

.mail-container .mail-header .pages {
    float: right;
    font-style: italic;
    line-height: 38px;
    color: #d0d0d0
}

.mail-container .mail-header .draft {
    float: right;
    margin-right: 15px;
    font-style: italic;
    line-height: 38px;
    color: #d0d0d0
}

.mail-container .mail-header .mail-title {
    float: left;
    margin-left: 15px;
    line-height: 36px;
    color: #555
}

.mail-container .mail-body {
    position: relative;
    margin-left: 200px;
    padding: 0;
    overflow: hidden
}

.mail-container .mail-body .mail-info {
    width: 100%;
    background: rgb(235, 235, 235);
    display: table;
    border-spacing: 0;
    border-collapse: collapse;
    border-bottom: 1px solid rgb(235, 235, 235)
}

.mail-container .mail-body .mail-info .mail-sender,
.mail-container .mail-body .mail-info .mail-date {
    display: table-cell;
    width: 50%;
    color: #737373;
    padding: 8px 10px 7px
}

.mail-container .mail-body .mail-info .mail-sender.mail-sender a:hover,
.mail-container .mail-body .mail-info .mail-date.mail-sender a:hover {
    text-decoration: none
}

.mail-container .mail-body .mail-info .mail-sender.mail-sender span,
.mail-container .mail-body .mail-info .mail-date.mail-sender span {
    font-weight: 700;
    color: #fb6e52
}

.mail-container .mail-body .mail-info .mail-sender.mail-sender img,
.mail-container .mail-body .mail-info .mail-date.mail-sender img {
    margin-right: 5px;
    border: 2px solid #e5e5e5
}

.mail-container .mail-body .mail-info .mail-sender.mail-date,
.mail-container .mail-body .mail-info .mail-date.mail-date {
    text-align: right
}

.mail-container .mail-body .mail-text {
    border-bottom: 1px solid rgb(235, 235, 235);
    padding: 15px
}

.mail-container .mail-body .mail-attachments {
    padding: 10px;
    border-bottom: 1px solid rgb(235, 235, 235)
}

.mail-container .mail-body .mail-attachments h4 {
    margin-bottom: 30px;
    line-height: 1
}

.mail-container .mail-body .mail-attachments h4 span {
    zoom: 1;
    filter: alpha(opacity=40);
    -webkit-opacity: .4;
    -moz-opacity: .4;
    opacity: .4
}

.mail-container .mail-body .mail-attachments ul {
    text-align: left;
    list-style: none;
    padding: 0;
    margin: 0
}

.mail-container .mail-body .mail-attachments ul li {
    display: inline-block;
    margin: 0 30px 10px 0;
    padding: 0
}

.mail-container .mail-body .mail-attachments ul li>a {
    display: block
}

.mail-container .mail-body .mail-attachments ul li>a img {
    position: relative;
    display: block;
    line-height: 1;
    margin-bottom: 10px
}

.mail-container .mail-body .mail-attachments ul li>a.thumb {
    position: relative
}

.mail-container .mail-body .mail-attachments ul li>a.thumb:after {
    font-family: FontAwesome;
    content: "\f00d";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 40px;
    height: 40px;
    margin-left: -20px;
    margin-top: -20px;
    font-size: 14px;
    text-align: center;
    line-height: 40px;
    vertical-align: text-top;
    color: #fff;
    background: rgba(0, 0, 0, .25);
    -webkit-border-radius: 4px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 4px;
    -moz-background-clip: padding;
    border-radius: 4px;
    background-clip: padding-box;
    zoom: 1;
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    transition: all .3s ease-in-out
}

.mail-container .mail-body .mail-attachments ul li>a.thumb:hover:after {
    zoom: 1;
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1
}

.mail-container .mail-body .mail-attachments ul li>a.thumb.download:after {
    content: "\f019"
}

.mail-container .mail-body .mail-attachments ul li>a.name span {
    color: #666;
    float: right
}

.mail-container .mail-body .mail-attachments ul li .links {
    display: block;
    font-size: 11px;
    color: #666;
    margin-top: 6px
}

.mail-container .mail-body .mail-attachments ul li .links a {
    color: #666
}

.mail-container .mail-body .mail-reply {
    border-bottom: 1px solid rgb(235, 235, 235);
    padding: 10px
}

.mail-container .mail-body .mail-reply .reply-form {
    padding: 10px;
    border: 1px solid rgb(235, 235, 235);
    min-height: 200px;
    -webkit-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 3px;
    -moz-background-clip: padding;
    border-radius: 3px;
    background-clip: padding-box
}

.mail-container .mail-body .mail-reply .reply-form>div a {
    font-weight: 700;
    color: #fb6e52
}

.mail-container .mail-body .mail-compose {
    padding: 10px
}

.mail-container .mail-body .mail-compose .note-editor {
    border: 1px solid #e5e5e5 !important
}

.mail-container .mail-body .mail-compose .note-editor .btn-group>.btn.btn-default>.caret {
    border-top-color: #999;
    border-width: 4px;
    margin-top: -2px
}

.mail-container .mail-body .mail-compose .note-editor .note-toolbar {
    border-bottom: 1px solid #e5e5e5
}

.mail-container .mail-body .mail-compose .note-editor .note-toolbar .note-color .dropdown-bs-toggle {
    width: 25px
}

.mail-container .mail-body .mail-compose .note-editor .btn {
    color: #999 !important;
    box-shadow: none;
    border-color: #e5e5e5;
    background-color: #fbfbfb
}

.mail-container .mail-body .mail-compose .note-editor .btn:hover {
    color: #444 !important
}

.mail-container .mail-body .mail-compose .form-group {
    position: relative;
    margin-bottom: 5px
}

.mail-container .mail-body .mail-compose .form-group label {
    position: absolute;
    left: 10px;
    top: 7px;
    z-index: 10;
    color: #999
}

.mail-container .mail-body .mail-compose .form-group input {
    border-color: #e5e5e5;
    border-left: 0;
    position: relative;
    padding-left: 100px;
    transition: all .3s ease-in-out;
    box-shadow: none;
    background-color: #fff
}

.mail-container .mail-body .mail-compose .form-group input:focus {
    background-color: #fff
}

.mail-container .mail-body .mail-compose .form-group .field-options {
    position: absolute;
    right: 5px;
    top: 5px
}

.mail-container .mail-body .mail-compose .form-group .field-options a {
    display: inline-block;
    background: #f3f4f4;
    color: #7e8186;
    padding: 2px 6px;
    margin-left: 4px;
    text-align: center;
    -webkit-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 3px;
    -moz-background-clip: padding;
    border-radius: 3px;
    background-clip: padding-box
}

.mail-container .mail-body>div:last-child {
    border-bottom: 0
}

.mail-container .mail-body .mail-list {
    list-style: none;
    margin-bottom: 0;
    display: block;
    width: 100%;
    padding: 0
}

.mail-container .mail-body .mail-list .list-item {
    display: block;
    position: relative;
    height: 38px;
    padding: 0
}

.mail-container .mail-body .mail-list .list-item:before {
    display: none;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 4px;
    max-width: 4px;
    overflow: hidden;
    background-color: #2dc3e8
}

.mail-container .mail-body .mail-list .list-item:hover:before {
    display: block
}

.mail-container .mail-body .mail-list .list-item:nth-child(2n-1) {
    background: #f6f6f6
}

.mail-container .mail-body .mail-list .list-item.unread>div.item-sender,
.mail-container .mail-body .mail-list .list-item.unread>div.item-subject {
    font-weight: 700
}

.mail-container .mail-body .mail-list .list-item>div {
    position: absolute;
    height: 38px;
    top: 0
}

.mail-container .mail-body .mail-list .list-item>div.item-check {
    left: 0;
    width: 42px;
    padding: 0 5px 0 15px;
    text-align: center;
    line-height: 38px
}

.mail-container .mail-body .mail-list .list-item>div.item-star {
    line-height: 38px;
    width: 22px;
    left: 42px
}

.mail-container .mail-body .mail-list .list-item>div.item-star a {
    font-size: 15px;
    color: #d0d0d0
}

.mail-container .mail-body .mail-list .list-item>div.item-star a.stared {
    color: #ffce55
}

.mail-container .mail-body .mail-list .list-item>div.item-sender {
    width: 184px;
    left: 64px;
    line-height: 38px;
    padding-left: 5px
}

.mail-container .mail-body .mail-list .list-item>div.item-sender a {
    color: #444;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block
}

.mail-container .mail-body .mail-list .list-item>div.item-sender a:hover {
    text-decoration: none
}

.mail-container .mail-body .mail-list .list-item>div.item-subject {
    min-width: 200px;
    left: 250px;
    line-height: 38px;
    padding-left: 10px
}

.mail-container .mail-body .mail-list .list-item>div.item-subject a {
    color: #444
}

.mail-container .mail-body .mail-list .list-item>div.item-subject a:hover {
    text-decoration: none
}

.mail-container .mail-body .mail-list .list-item>div.item-time {
    right: 0;
    width: 120px;
    line-height: 38px;
    text-align: right;
    padding-right: 20px
}

.mail-container .mail-body .mail-list .list-item>div.item-options {
    right: 120px;
    width: 38px;
    line-height: 38px;
    text-align: right;
    padding-right: 10px
}

.mail-container .mail-body .mail-list .list-item>div.item-options a {
    color: #555;
    font-size: 19px
}

.mail-container .mail-body .mail-list .list-item>div.item-options a:hover {
    text-decoration: none
}

.mail-container.right-sidebar .mail-sidebar {
    border-left: 1px solid rgb(235, 235, 235);
    border-right: 0
}

.mail-container.right-sidebar .mail-body {
    float: left
}

@media (max-width: 999px) {
    .mail-container .mail-body .mail-list .list-item {
        height: 70px;
        padding: 5px
    }
    .mail-container .mail-body .mail-list .list-item>div.item-subject {
        top: 25px;
        left: 0;
        padding: 0 5px 0 15px;
        min-width: 100px
    }
    .mail-container .mail-body .mail-list .list-item>div.item-options {
        right: 5px
    }
    .mail-container .mail-body .mail-list .list-item>div.item-time {
        right: 30px
    }
}

@media (max-width: 760px) {
    .mail-container .mail-sidebar {
        display: none
    }
    .mail-container .mail-body,
    .mail-container .mail-header {
        margin-left: 0
    }
}

@media (max-width: 570px) {
    .mail-container .mail-header {
        height: 76px
    }
    .mail-container .mail-header .header-buttons {
        display: block;
        float: none;
        margin: 0 auto
    }
}

@media (max-width: 330px) {
    .mail-container .mail-body .mail-list .list-item {
        height: 90px
    }
    .mail-container .mail-body .mail-list .list-item>div.item-subject {
        margin-top: 20px;
        margin-right: 50px;
        line-height: 20px;
        height: 50px
    }
    .mail-container .mail-body .mail-list .list-item>div.item-time {
        display: none
    }
    .mail-container .mail-header {
        text-align: center;
        height: 114px
    }
    .mail-container .mail-header .pages {
        display: block;
        float: none;
        margin: 0 auto
    }
}

.fc {
    direction: ltr;
    text-align: left
}

.fc-rtl {
    text-align: right
}

body .fc {
    font-size: 1em
}

.fc-unthemed th,
.fc-unthemed td,
.fc-unthemed thead,
.fc-unthemed tbody,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-row {
    border-color: #bfbaba
}

.fc-unthemed .fc-popover {
    background-color: #fff;
    border-width: 1px;
    border-style: solid
}

.fc-unthemed .fc-divider,
.fc-unthemed .fc-popover .fc-header {
    background: #eee
}

.fc-unthemed .fc-today {
    background: #fcf8e3
}

.fc-highlight {
    background: #bce8f1;
    opacity: .3;
    filter: alpha(opacity=30)
}

.fc-bgevent {
    background: #8fdf82;
    opacity: .3;
    filter: alpha(opacity=30)
}

.fc-nonbusiness {
    background: #d7d7d7
}

.fc-icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    line-height: 1em;
    font-size: 1em;
    text-align: center;
    overflow: hidden;
    font-family: Courier New, Courier, monospace;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none
}

.fc-icon:after {
    position: relative;
    margin: 0 -1em
}

.fc-icon-left-single-arrow:after {
    content: "\2039";
    font-weight: 700;
    font-size: 200%;
    top: -7%;
    left: 3%
}

.fc-icon-right-single-arrow:after {
    content: "\203a";
    font-weight: 700;
    font-size: 200%;
    top: -7%;
    left: -3%
}

.fc-icon-left-double-arrow:after {
    content: "\ab";
    font-size: 160%;
    top: -7%
}

.fc-icon-right-double-arrow:after {
    content: "\bb";
    font-size: 160%;
    top: -7%
}

.fc-icon-left-triangle:after {
    content: "\25c4";
    font-size: 125%;
    top: 3%;
    left: -2%
}

.fc-icon-right-triangle:after {
    content: "\25ba";
    font-size: 125%;
    top: 3%;
    left: 2%
}

.fc-icon-down-triangle:after {
    content: "\25bc";
    font-size: 125%;
    top: 2%
}

.fc-icon-x:after {
    content: "\d7";
    font-size: 200%;
    top: 6%
}

.fc button {
    box-sizing: border-box;
    margin: 0;
    height: 2.1em;
    padding: 0 .6em;
    font-size: 1em;
    white-space: nowrap;
    cursor: pointer
}

.fc button::-moz-focus-inner {
    margin: 0;
    padding: 0
}

.fc-state-default.fc-corner-left {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.fc-state-default.fc-corner-right {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.fc button .fc-icon {
    position: relative;
    top: -.05em;
    margin: 0 .2em;
    vertical-align: middle
}

.fc-state-default {
    background-color: #ebebeb;
    background-image: linear-gradient(to bottom, rgb(255, 255, 255), #e6e6e6);
    background-repeat: repeat-x;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    color: #000;
    text-shadow: 0 1px 1px rgba(255, 255, 255, .75);
    box-shadow: inset 0 1px #fff3, 0 1px 2px #0000000d;
    border: 1px solid
}

.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
    color: #000;
    background-color: #e6e6e6
}

.fc-state-hover {
    color: #000;
    text-decoration: none;
    background-position: 0 -15px;
    transition: background-position .1s linear
}

.fc-state-down,
.fc-state-active {
    background-color: #ccc;
    background-image: none;
    box-shadow: inset 0 2px 4px #00000026, 0 1px 2px #0000000d
}

.fc-state-disabled {
    cursor: default;
    background-image: none;
    opacity: .65;
    filter: alpha(opacity=65);
    box-shadow: none
}

.fc-button-group {
    display: inline-block
}

.fc .fc-button-group>* {
    float: left;
    margin: 0 0 0 -1px
}

.fc .fc-button-group>:first-child {
    margin-left: 0
}

.fc-popover {
    position: absolute;
    box-shadow: 0 2px 6px #00000026
}

.fc-popover .fc-header {
    padding: 2px 4px
}

.fc-popover .fc-header .fc-title {
    margin: 0 2px
}

.fc-popover .fc-header .fc-close {
    cursor: pointer
}

.fc-ltr .fc-popover .fc-header .fc-title,
.fc-rtl .fc-popover .fc-header .fc-close {
    float: left
}

.fc-rtl .fc-popover .fc-header .fc-title,
.fc-ltr .fc-popover .fc-header .fc-close {
    float: right
}

.fc-unthemed .fc-popover .fc-header .fc-close {
    font-size: .9em;
    margin-top: 2px;
    color: #666
}

.fc-popover>.ui-widget-header+.ui-widget-content {
    border-top: 0
}

.fc-divider {
    border-style: solid;
    border-width: 1px
}

hr.fc-divider {
    height: 0;
    margin: 0;
    padding: 0 0 2px;
    border-width: 1px 0
}

.fc-clear {
    clear: both
}

.fc-bg,
.fc-bgevent-skeleton,
.fc-highlight-skeleton,
.fc-helper-skeleton {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.fc-bg {
    bottom: 0
}

.fc-bg table {
    height: 100%
}

.fc table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 1em
}

.fc th {
    text-align: center;
    padding: 4px;
    background-color: #eee;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
    background-image: linear-gradient(to bottom, rgb(242, 242, 242) 0, #fafafa 100%);
    font-size: 12px
}

.fc th,
.fc td {
    border-style: solid;
    border-width: 1px;
    vertical-align: top
}

.fc td.fc-today {
    border-style: double
}

.fc .fc-row {
    border-style: solid;
    border-width: 0
}

.fc-row table {
    border-left: 0 hidden transparent;
    border-right: 0 hidden transparent;
    border-bottom: 0 hidden transparent
}

.fc-row:first-child table {
    border-top: 0 hidden transparent
}

.fc-row {
    position: relative
}

.fc-row .fc-bg {
    z-index: 1
}

.fc-row .fc-bgevent-skeleton,
.fc-row .fc-highlight-skeleton {
    bottom: 0
}

.fc-row .fc-bgevent-skeleton table,
.fc-row .fc-highlight-skeleton table {
    height: 100%
}

.fc-row .fc-highlight-skeleton td,
.fc-row .fc-bgevent-skeleton td {
    border-color: transparent
}

.fc-row .fc-bgevent-skeleton {
    z-index: 2
}

.fc-row .fc-highlight-skeleton {
    z-index: 3
}

.fc-row .fc-content-skeleton {
    position: relative;
    z-index: 4;
    padding-bottom: 2px
}

.fc-row .fc-helper-skeleton {
    z-index: 5
}

.fc-row .fc-content-skeleton td,
.fc-row .fc-helper-skeleton td {
    background: none;
    border-color: transparent;
    border-bottom: 0
}

.fc-row .fc-content-skeleton tbody td,
.fc-row .fc-helper-skeleton tbody td {
    border-top: 0
}

.fc-scroller {
    overflow-y: scroll;
    overflow-x: hidden
}

.fc-scroller>* {
    position: relative;
    width: 100%;
    overflow: hidden
}

.fc-event {
    position: relative;
    display: block;
    font-size: .85em;
    line-height: 1.3;
    border-radius: 3px;
    border: 1px solid #3a87ad;
    background-color: #3a87ad;
    font-weight: 400;
    margin-bottom: 2px
}

.fc-event,
.fc-event:hover,
.ui-widget .fc-event {
    color: #262626;
    text-decoration: none
}

.fc-event[href],
.fc-event.fc-draggable {
    cursor: pointer
}

.fc-not-allowed,
.fc-not-allowed .fc-event {
    cursor: not-allowed
}

.fc-event .fc-bg {
    z-index: 1;
    background: rgb(255, 255, 255);
    opacity: .25;
    filter: alpha(opacity=25)
}

.fc-event .fc-content {
    position: relative;
    z-index: 2
}

.fc-event .fc-resizer {
    position: absolute;
    z-index: 3
}

.fc-h-event,
.fc-v-event {
    border-width: 0 0 0 4px;
    margin-bottom: 3px;
    border-radius: 2px;
    padding: 5px 15px 5px 2px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
    background-image: linear-gradient(to bottom, rgb(255, 255, 255) 0, #ededed 100%);
    box-shadow: 0 0 1px 1px #0000001a
}

.fc-v-event {
    border-width: 4px 0 0 0
}

.fc-ltr .fc-h-event.fc-not-start,
.fc-rtl .fc-h-event.fc-not-end {
    margin-left: 0;
    border-left-width: 0;
    padding-left: 1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.fc-ltr .fc-h-event.fc-not-end,
.fc-rtl .fc-h-event.fc-not-start {
    margin-right: 0;
    border-right-width: 0;
    padding-right: 1px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.fc-h-event .fc-resizer {
    inset: -1px;
    width: 5px
}

.fc-ltr .fc-h-event .fc-start-resizer,
.fc-ltr .fc-h-event .fc-start-resizer:before,
.fc-ltr .fc-h-event .fc-start-resizer:after,
.fc-rtl .fc-h-event .fc-end-resizer,
.fc-rtl .fc-h-event .fc-end-resizer:before,
.fc-rtl .fc-h-event .fc-end-resizer:after {
    right: auto;
    cursor: w-resize
}

.fc-ltr .fc-h-event .fc-end-resizer,
.fc-ltr .fc-h-event .fc-end-resizer:before,
.fc-ltr .fc-h-event .fc-end-resizer:after,
.fc-rtl .fc-h-event .fc-start-resizer,
.fc-rtl .fc-h-event .fc-start-resizer:before,
.fc-rtl .fc-h-event .fc-start-resizer:after {
    left: auto;
    cursor: e-resize
}

.fc-day-grid-event {
    margin: 1px 2px 0;
    padding: 8px 10px
}

.fc-day-grid-event .fc-content {
    white-space: nowrap;
    overflow: hidden
}

.fc-day-grid-event .fc-time {
    font-weight: 700;
    display: block
}

.fc-day-grid-event .fc-resizer {
    left: -3px;
    right: -3px;
    width: 7px
}

a.fc-more {
    margin: 1px 3px;
    font-size: .85em;
    cursor: pointer;
    text-decoration: none
}

a.fc-more:hover {
    text-decoration: underline
}

.fc-limited {
    display: none
}

.fc-day-grid .fc-row {
    z-index: 1
}

.fc-more-popover {
    z-index: 2;
    width: 220px
}

.fc-more-popover .fc-event-container {
    padding: 10px
}

.fc-toolbar {
    text-align: center;
    padding: 10px 0
}

.fc-toolbar .fc-left {
    float: left
}

.fc-toolbar .fc-right {
    float: right
}

.fc-toolbar .fc-center {
    display: inline-block
}

.fc .fc-toolbar>*>* {
    float: left;
    margin-left: .75em
}

.fc .fc-toolbar>*>:first-child {
    margin-left: 0
}

.fc-toolbar h2 {
    margin: 0;
    font-size: 16px;
    font-weight: 700 !important
}

.fc-toolbar button {
    position: relative
}

.fc-toolbar .fc-state-hover,
.fc-toolbar .ui-state-hover {
    z-index: 2
}

.fc-toolbar .fc-state-down {
    z-index: 3
}

.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active {
    z-index: 4
}

.fc-toolbar button:focus {
    z-index: 5
}

.fc-view-container *,
.fc-view-container *:before,
.fc-view-container *:after {
    box-sizing: content-box
}

.fc-view,
.fc-view>table {
    position: relative;
    z-index: 1
}

.fc-basicWeek-view .fc-content-skeleton,
.fc-basicDay-view .fc-content-skeleton {
    padding-top: 1px;
    padding-bottom: 1em
}

.fc-basic-view .fc-body .fc-row {
    min-height: 4em
}

.fc-row.fc-rigid {
    overflow: hidden
}

.fc-row.fc-rigid .fc-content-skeleton {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.fc-basic-view .fc-week-number,
.fc-basic-view .fc-day-number {
    padding: 0 2px
}

.fc-basic-view td.fc-week-number span,
.fc-basic-view td.fc-day-number {
    padding-top: 2px;
    padding-bottom: 2px
}

.fc-basic-view .fc-week-number {
    text-align: center
}

.fc-basic-view .fc-week-number span {
    display: inline-block;
    min-width: 1.25em
}

.fc-ltr .fc-basic-view .fc-day-number {
    text-align: right
}

.fc-rtl .fc-basic-view .fc-day-number {
    text-align: left
}

.fc-bg .fc-other-month {
    background-image: 8121991 !important;
    background-image: linear-gradient(135deg, rgba(0, 0, 0, .03) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .03) 50%, rgba(0, 0, 0, .03) 75%, transparent 75%, transparent) !important;
    background-color: #fff !important;
    background-size: 20px 20px
}

.fc-agenda-view .fc-day-grid {
    position: relative;
    z-index: 2
}

.fc-agenda-view .fc-day-grid .fc-row {
    min-height: 3em
}

.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
    padding-top: 1px;
    padding-bottom: 1em
}

.fc .fc-axis {
    vertical-align: middle;
    padding: 0 4px;
    white-space: nowrap
}

.fc-ltr .fc-axis {
    text-align: right
}

.fc-rtl .fc-axis {
    text-align: left
}

.ui-widget td.fc-axis {
    font-weight: 400
}

.fc-time-grid-container,
.fc-time-grid {
    position: relative;
    z-index: 1
}

.fc-time-grid {
    min-height: 100%
}

.fc-time-grid table {
    border: 0 hidden transparent
}

.fc-time-grid>.fc-bg {
    z-index: 1
}

.fc-time-grid .fc-slats,
.fc-time-grid>hr {
    position: relative;
    z-index: 2
}

.fc-time-grid .fc-bgevent-skeleton,
.fc-time-grid .fc-content-skeleton {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.fc-time-grid .fc-bgevent-skeleton {
    z-index: 3
}

.fc-time-grid .fc-highlight-skeleton {
    z-index: 4
}

.fc-time-grid .fc-content-skeleton {
    z-index: 5
}

.fc-time-grid .fc-helper-skeleton {
    z-index: 6
}

.fc-time-grid .fc-slats td {
    height: 1.5em;
    border-bottom: 0
}

.fc-time-grid .fc-slats .fc-minor td {
    border-top-style: dotted
}

.fc-time-grid .fc-slats .ui-widget-content {
    background: none
}

.fc-time-grid .fc-highlight-container {
    position: relative
}

.fc-time-grid .fc-highlight {
    position: absolute;
    left: 0;
    right: 0
}

.fc-time-grid .fc-event-container,
.fc-time-grid .fc-bgevent-container {
    position: relative
}

.fc-ltr .fc-time-grid .fc-event-container {
    margin: 0 2.5% 0 2px
}

.fc-rtl .fc-time-grid .fc-event-container {
    margin: 0 2px 0 2.5%
}

.fc-time-grid .fc-event,
.fc-time-grid .fc-bgevent {
    position: absolute;
    z-index: 1
}

.fc-time-grid .fc-bgevent {
    left: 0;
    right: 0
}

.fc-v-event.fc-not-start {
    border-top-width: 0;
    padding-top: 1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.fc-v-event.fc-not-end {
    border-bottom-width: 0;
    padding-bottom: 1px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.fc-time-grid-event {
    overflow: hidden
}

.fc-time-grid-event .fc-time,
.fc-time-grid-event .fc-title {
    padding: 0 1px
}

.fc-time-grid-event .fc-time {
    font-size: .85em;
    white-space: nowrap
}

.fc-time-grid-event.fc-short .fc-content {
    white-space: nowrap
}

.fc-time-grid-event.fc-short .fc-time,
.fc-time-grid-event.fc-short .fc-title {
    display: inline-block;
    vertical-align: top
}

.fc-time-grid-event.fc-short .fc-time span {
    display: none
}

.fc-time-grid-event.fc-short .fc-time:before {
    content: attr(data-start)
}

.fc-time-grid-event.fc-short .fc-time:after {
    content: "\a0-\a0"
}

.fc-time-grid-event.fc-short .fc-title {
    font-size: .85em;
    padding: 0
}

.fc-time-grid-event .fc-resizer {
    left: 0;
    right: 0;
    bottom: 0;
    height: 8px;
    overflow: hidden;
    line-height: 8px;
    font-size: 11px;
    font-family: monospace;
    text-align: center;
    cursor: s-resize
}

.fc-time-grid-event .fc-resizer:after {
    content: "="
}

.fc-event .fc-title {
    font-weight: 600
}

.external-event {
    border-left: 4px solid #2dc3e8;
    margin-bottom: 10px;
    border-radius: 2px;
    padding: 5px 15px 5px 5px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
    background-image: linear-gradient(to bottom, rgb(255, 255, 255) 0, #ededed 100%);
    box-shadow: 0 0 1px 1px #0000001a;
    font-size: 12px
}

.task-container {
    position: relative;
    padding: 0
}

.task-container .task-search {
    padding: 15px 16px;
    background-color: #f3f3f3;
    border-bottom: 1px solid #eeeeee
}

.task-container .task-search input {
    border-color: #e5e5e5 !important;
    -webkit-border-radius: 3px !important;
    -webkit-background-clip: padding-box !important;
    -moz-border-radius: 3px !important;
    -moz-background-clip: padding !important;
    border-radius: 3px !important;
    background-clip: padding-box !important
}

.task-container .tasks-list {
    list-style: none;
    padding: 0
}

.task-container .tasks-list .task-item {
    position: relative;
    height: 150px;
    border-bottom: 1px solid #e5e5e5
}

.task-container .tasks-list .task-item:last-child {
    border-bottom: 0px
}

.task-container .tasks-list .task-item:hover {
    background-color: #ebebeb
}

.task-container .tasks-list .task-item .task-check {
    position: absolute;
    top: 20px;
    left: 15px;
    margin-right: 5px
}

.task-container .tasks-list .task-item .task-state {
    position: absolute;
    top: 19px;
    left: 45px
}

.task-container .tasks-list .task-item .task-state .label {
    padding: 6px;
    text-transform: uppercase;
    letter-spacing: 1px
}

.task-container .tasks-list .task-item .task-time {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 11px;
    color: #999
}

.task-container .tasks-list .task-item .task-body {
    position: absolute;
    top: 60px;
    left: 45px;
    padding-right: 25px;
    height: 40px;
    overflow: hidden;
    line-height: 22px
}

.task-container .tasks-list .task-item .task-creator {
    position: absolute;
    top: 115px;
    left: 45px
}

.task-container .tasks-list .task-item .task-creator a {
    font-size: 13px;
    color: #11a9cc
}

.task-container .tasks-list .task-item .task-creator a:hover {
    text-decoration: none
}

.task-container .tasks-list .task-item .task-assignedto {
    position: absolute;
    top: 115px;
    right: 20px;
    font-size: 13px;
    color: #999
}

.new_tab_header select.form-control {
    text-transform: uppercase
}

.new_tab_header {
    padding: 2px 0;
    display: inline-block;
    width: 100%
}

label.custom_check input[type=checkbox],
label.custom_radio input[type=radio] {
    opacity: 0;
    left: 0;
    position: absolute
}

.upload_btn_wrapper {
    display: inline-block;
    position: relative
}

.upload_btn_wrapper .fa {
    color: #001996 !important
}

.checkbox {
    padding-left: 20px
}

.checkbox label {
    display: inline-block;
    position: relative;
    padding-left: 5px
}

.checkbox label:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    margin-left: -20px;
    border: 1px solid rgb(0, 0, 0);
    border-radius: 0;
    background-color: #fff;
    transition: border .15s ease-in-out, color .15s ease-in-out
}

.checkbox label:after {
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    top: 0;
    margin-left: -20px;
    padding-left: 3px;
    padding-top: 1px;
    font-size: 11px;
    color: #555
}

.checkbox input[type=checkbox] {
    opacity: 0
}

.checkbox input[type=checkbox]:checked+label:after {
    font-family: FontAwesome;
    content: "\f00c"
}

.checkbox input[type=checkbox]:disabled+label {
    opacity: .65
}

.checkbox input[type=checkbox]:disabled+label:before {
    background-color: #eee;
    cursor: not-allowed
}

.checkbox.checkbox-circle label:before {
    border-radius: 50%
}

.checkbox.checkbox-inline {
    margin-top: 0
}

.checkbox-primary input[type=checkbox]:checked+label:before {
    background-color: #001996;
    border-color: #001996
}

.checkbox-primary input[type=checkbox]:checked+label:after {
    color: #fff
}

.checkbox-danger input[type=checkbox]:checked+label:before {
    background-color: #d9534f;
    border-color: #d9534f
}

.checkbox-danger input[type=checkbox]:checked+label:after {
    color: #fff
}

.checkbox-info input[type=checkbox]:checked+label:before {
    background-color: #5bc0de;
    border-color: #5bc0de
}

.checkbox-info input[type=checkbox]:checked+label:after {
    color: #fff
}

.checkbox-warning input[type=checkbox]:checked+label:before {
    background-color: #f0ad4e;
    border-color: #f0ad4e
}

.checkbox-warning input[type=checkbox]:checked+label:after {
    color: #fff
}

.checkbox-success input[type=checkbox]:checked+label:before {
    background-color: #5cb85c;
    border-color: #5cb85c
}

.checkbox-success input[type=checkbox]:checked+label:after {
    color: #fff
}

.checkbox input[type=checkbox] {
    opacity: 0 !important;
    left: 0
}

.checkbox input[type=checkbox]:focus {
    outline: none !important
}

.radio {
    padding-left: 20px;
    position: relative;
    display: block
}

.radio input {
    opacity: 0 !important;
    position: absolute !important;
    z-index: 1;
    cursor: pointer;
    margin-left: 0 !important
}

.radio input:checked+label:before {
    border-color: #001996
}

.radio input:checked+label:after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 13px;
    height: 13px;
    left: 2px;
    top: 4px;
    margin-left: -20px;
    border: 1px solid rgb(0, 25, 150);
    border-radius: 50%;
    background-color: #001996
}

.radio label {
    display: inline-block;
    position: relative;
    padding-left: 5px;
    font-weight: 600
}

.radio label:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    top: 2px;
    margin-left: -20px;
    border: 1px solid #ccc;
    border-radius: 50%;
    background-color: #fff
}

.radio.disabled label {
    color: #ccc
}

.radio.disabled label:before {
    opacity: .54;
    border-color: #ccc
}

.pl-0 {
    padding-left: 0 !important
}

.navbar-header.pull-left {
    background: rgb(0, 0, 0) !important;
    max-width: 224px;
    margin-left: -10px
}

.navbar .navbar-brand {
    padding: 2px 10px
}

.new_tab_header label {
    text-transform: uppercase
}

.tab_footer .btn-primary,
.tab_footer .btn-primary:focus {
    background-color: #001996 !important;
    border-color: #001996
}

.form-check-input.plusSign {
    position: relative !important;
    float: left !important;
    margin-left: 0 !important;
    margin-top: 5px !important;
    margin-right: 10px !important
}

@media (max-width: 1200px) {
    .task-container .tasks-list .task-item {
        height: 130px
    }
    .task-container .tasks-list .task-item .task-creator,
    .task-container .tasks-list .task-item .task-assignedto {
        top: 95px
    }
}

@media (max-width: 600px) {
    .task-container .tasks-list .task-item {
        height: 150px
    }
    .task-container .tasks-list .task-item .task-creator,
    .task-container .tasks-list .task-item .task-assignedto {
        top: 115px
    }
}

@media (max-width: 335px) {
    .task-container .tasks-list .task-item {
        height: 175px
    }
    .task-container .tasks-list .task-item .task-assignedto {
        top: 140px;
        right: auto;
        left: 45px
    }
}

.tickets-container {
    position: relative;
    padding: 25px;
    background-color: #ebebeb
}

.tickets-container .tickets-list {
    list-style: none;
    padding: 0;
    margin-bottom: 0
}

.tickets-container .tickets-list .ticket-item {
    position: relative;
    background-color: #fff;
    box-shadow: 0 0 3px #0003;
    -webkit-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 3px;
    -moz-background-clip: padding;
    border-radius: 3px;
    background-clip: padding-box;
    margin-bottom: 8px;
    padding: 0 15px;
    vertical-align: top
}

.tickets-container .tickets-list .ticket-item:last-child {
    margin-bottom: 0
}

.tickets-container .tickets-list .ticket-item .ticket-user {
    height: 50px;
    padding: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.tickets-container .tickets-list .ticket-item .ticket-user .user-avatar {
    width: 30px;
    height: 30px;
    -webkit-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 3px;
    -moz-background-clip: padding;
    border-radius: 3px;
    background-clip: padding-box
}

.tickets-container .tickets-list .ticket-item .ticket-user .user-name {
    margin-left: 5px;
    font-size: 13px
}

.tickets-container .tickets-list .ticket-item .ticket-user .user-at {
    margin-left: 2px;
    color: #ccc;
    font-size: 13px
}

.tickets-container .tickets-list .ticket-item .ticket-user .user-company {
    margin-left: 2px;
    color: #999
}

.tickets-container .tickets-list .ticket-item .ticket-time {
    line-height: 30px;
    height: 50px;
    padding: 10px
}

.tickets-container .tickets-list .ticket-item .ticket-time i {
    color: #ccc
}

.tickets-container .tickets-list .ticket-item .ticket-time .time {
    color: #999;
    font-size: 11px;
    text-transform: uppercase
}

.tickets-container .tickets-list .ticket-item .ticket-type {
    line-height: 30px;
    height: 50px;
    padding: 10px
}

.tickets-container .tickets-list .ticket-item .ticket-type .type {
    color: #999;
    font-size: 11px;
    text-transform: uppercase
}

.tickets-container .tickets-list .ticket-item .ticket-state {
    position: absolute;
    top: 13px;
    right: -12px;
    height: 24px;
    width: 24px;
    -webkit-border-radius: 50%;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 50%;
    -moz-background-clip: padding;
    border-radius: 50%;
    background-clip: padding-box;
    background-color: #e5e5e5;
    text-align: center;
    box-shadow: 0 0 3px #0003;
    border: 2px solid rgb(255, 255, 255)
}

.tickets-container .tickets-list .ticket-item .ticket-state i {
    font-size: 13px;
    color: #fff;
    line-height: 20px
}

.tickets-container .tickets-list .ticket-item .divider {
    position: absolute;
    top: 0;
    left: 0;
    height: 50px;
    width: 1px;
    background-color: #eee;
    display: inline-block
}

@media (max-width: 1200px) {
    .tickets-container .tickets-list .ticket-item .ticket-user {
        border-bottom: 1px solid #eeeeee
    }
}

@media (max-width: 768px) {
    .tickets-container .tickets-list .ticket-item .ticket-time {
        border-bottom: 1px solid #eeeeee
    }
}

.dashboard-box {
    background-color: #fff;
    box-shadow: 0 1px 2px #0003;
    margin-bottom: 30px
}

.dashboard-box .box-header {
    background-color: #fff;
    padding: 20px;
    position: relative
}

.dashboard-box .box-header .deadline {
    position: absolute;
    top: -3px;
    right: 20px;
    box-shadow: 0 1px 2px #00000026;
    padding: 5px 10px;
    border-top: 3px solid #2dc3e8;
    color: #999;
    font-size: 12px
}

.dashboard-box .box-progress {
    padding: 0;
    position: relative
}

.dashboard-box .box-progress .progress {
    margin-bottom: 0
}

.dashboard-box .box-progress .progress .progress-bar {
    position: relative
}

.dashboard-box .box-progress .progress .progress-bar:after {
    content: "";
    width: 9px;
    height: 9px;
    position: absolute;
    right: 0;
    top: 0;
    background-color: #a0d468
}

.dashboard-box .box-progress .progress-handle {
    position: absolute;
    top: -31px;
    -lh-property: 0;
    left: calc(20% - 35px);
    width: 60px;
    height: 25px;
    background-color: #2dc3e8;
    padding: 2px 5px;
    font-size: 11px;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    -webkit-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 3px;
    -moz-background-clip: padding;
    border-radius: 3px;
    background-clip: padding-box
}

.dashboard-box .box-progress .progress-handle:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    content: " ";
    bottom: -13px;
    left: 23px;
    border-top-color: #2dc3e8;
    border-width: 7px
}

.dashboard-box .box-tabbs {
    background-color: #fbfbfb
}

.dashboard-box .box-tabbs .tabbable .nav-tabs li {
    background-color: #fff
}

.dashboard-box .box-tabbs .tabbable .nav-tabs li:first-child.active a {
    border-left: 0px
}

.dashboard-box .box-tabbs .tabbable .nav-tabs li:last-child.active a {
    border-right: 0px
}

.dashboard-box .box-tabbs .tabbable .nav-tabs li.active a {
    box-shadow: none !important;
    border-top: 0 !important;
    border-right: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    background-color: #fff
}

.dashboard-box .box-tabbs .tabbable .tab-content {
    margin-top: 1px;
    background-color: #fff
}

.dashboard-box .box-tabbs .tabbable .tab-content .databox {
    margin-bottom: 20px
}

.dashboard-box .box-visits .row {
    margin: 0
}

.dashboard-box .box-visits .row>div {
    padding: 0 !important
}

.dashboard-box .box-visits .row>div:last-child .databox {
    border-right: 0
}

.dashboard-box .box-visits .row>div .notification {
    border: 1px solid #e5e5e5;
    border-left: 0;
    border-bottom: 0;
    height: 68px;
    padding: 18px 15px
}

.dashboard-box .box-visits .row>div .notification .notification-icon {
    float: left
}

.dashboard-box .box-visits .row>div .notification .notification-icon i {
    width: 34px;
    height: 34px;
    text-align: center;
    line-height: 34px;
    margin-right: 10px;
    font-size: 16px;
    border-radius: 50%
}

.dashboard-box .box-visits .row>div .notification .notification-icon i:hover {
    cursor: pointer
}

.dashboard-box .box-visits .row>div .notification .notification-body {
    float: left
}

.dashboard-box .box-visits .row>div .notification .notification-body .title {
    display: block;
    font-size: 13px
}

.dashboard-box .box-visits .row>div .notification .notification-body .description {
    display: block;
    font-size: 10px;
    color: #999
}

.dashboard-box .box-visits .row>div .notification .notification-extra {
    float: right;
    text-align: right
}

.dashboard-box .box-visits .row>div .notification .notification-extra i {
    font-size: 14px
}

.dashboard-box .box-visits .row>div .notification .notification-extra .description {
    display: block;
    font-size: 10px;
    color: #999
}

@media (max-width: 767px) {
    .dashboard-box .box-tabbs .tabbable .tab-content #visits .visits-databoxes>div:last-child .databox {
        border-bottom: 1px solid #e5e5e5
    }
    .dashboard-box .box-tabbs .tabbable .tab-content #visits .visits-databoxes>div .databox {
        border-bottom: 0;
        border-right: 0
    }
}

.orders-container {
    position: relative;
    padding: 0;
    background-color: #fff;
    box-shadow: 0 0 3px #0003;
    margin-bottom: 30px
}

.orders-container .orders-header {
    position: relative;
    height: 43px;
    padding: 14px 10px;
    border-bottom: 1px solid #e5e5e5;
    background-color: #fbfbfb
}

.orders-container .orders-header h6 {
    margin: 0
}

.orders-container .orders-list {
    list-style: none;
    padding: 0;
    margin: 0
}

.orders-container .orders-list .order-item {
    position: relative;
    padding: 7px 10px;
    vertical-align: top;
    border-bottom: 1px solid #e5e5e5
}

.orders-container .orders-list .order-item:before {
    display: none;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -4px;
    width: 4px;
    max-width: 4px;
    overflow: hidden;
    background-color: #2dc3e8
}

.orders-container .orders-list .order-item:hover {
    background-color: #fbfbfb
}

.orders-container .orders-list .order-item:hover:before {
    display: block
}

.orders-container .orders-list .order-item.top:hover:before {
    background-color: #fb6e52
}

.orders-container .orders-list .order-item.top .item-more {
    color: #fb6e52
}

.orders-container .orders-list .order-item .item-left {
    padding-right: 0
}

.orders-container .orders-list .order-item .item-left .item-booker {
    margin: 6px 0;
    color: #666
}

.orders-container .orders-list .order-item .item-left .item-time {
    font-size: 11px;
    margin-bottom: 2px;
    color: #999
}

.orders-container .orders-list .order-item .item-right {
    padding-left: 0;
    text-align: center
}

.orders-container .orders-list .order-item .item-right .item-price {
    font-size: 13px;
    margin: 17px auto;
    color: #666
}

.orders-container .orders-list .order-item .item-more {
    position: absolute;
    right: -10px;
    -lh-property: 0;
    top: calc(50% - 13px);
    width: 25px;
    height: 25px;
    font-size: 14px;
    text-align: center;
    border-radius: 50%;
    background-color: #fff;
    border: 3px solid rgb(255, 255, 255);
    vertical-align: middle;
    color: #2dc3e8;
    box-shadow: 0 0 3px #0003
}

.orders-container .orders-list .order-item .item-more i {
    font-size: 17px;
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased
}

.orders-container .orders-list .order-item .item-more i:before {
    content: "\f105"
}

.orders-container .orders-footer {
    position: relative;
    background-color: #fff;
    height: 34px;
    padding: 7px;
    text-align: center;
    background-color: #fbfbfb
}

.orders-container .orders-footer a {
    margin: 0 auto;
    font-size: 11px;
    color: #999;
    font-weight: 500
}

.orders-container .orders-footer a:hover {
    text-decoration: none
}

.orders-container .orders-footer .help {
    position: absolute;
    right: 0;
    top: 0;
    width: 37px;
    height: 37px;
    border-left: 1px solid #e5e5e5;
    text-align: center;
    padding: 8px
}

.orders-container .orders-footer .help a i {
    font-size: 18px;
    color: #ccc
}

.body-404 {
    background-color: #2dc3e8;
    color: #fff
}

.body-404:before {
    display: none
}

.error-header {
    background: rgb(255, 255, 255);
    height: 280px
}

.error-container {
    background: rgba(0, 0, 0, .05);
    text-align: center
}

.error-container h1 {
    font-size: 110px;
    font-weight: 300;
    margin: -103px 0 0;
    text-align: center;
    color: #2dc3e8
}

.error-container h2 {
    font-size: 58px;
    font-weight: 300;
    margin: 0;
    text-transform: uppercase
}

.error-container p,
.error-container p a {
    font-size: 18px;
    font-weight: 300;
    margin: 0
}

.error-container p.description {
    color: #e5e5e5;
    font-size: 40px;
    margin: 0
}

.error-divider {
    margin-top: -27px;
    padding: 30px 0
}

.return-btn,
.return-btn:hover {
    border: 1px solid rgba(255, 255, 255, .3);
    padding: 10px 15px;
    margin-top: 100px;
    margin-bottom: 30px;
    display: inline-block;
    -webkit-border-radius: 5px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 5px;
    -moz-background-clip: padding;
    border-radius: 5px;
    background-clip: padding-box;
    color: #fff;
    font-size: 16px;
    font-weight: 300
}

.return-btn i {
    margin-right: 5px
}

.return-btn:hover {
    background: rgb(255, 255, 255);
    color: #2dc3e8;
    text-decoration: none
}

.body-500 {
    background-color: #fb6e52;
    color: #fff
}

.body-500:before {
    display: none
}

.body-500 .error-container h1,
.body-500 .return-btn:hover {
    color: #fb6e52
}

.searchhelpbar {
    width: 100%;
    position: relative;
    margin: 0 0 10px
}

.searchhelpbar .help-box {
    min-height: 72px;
    padding: 0
}

.searchhelpbar .help-box .alert {
    min-height: 72px;
    border-color: #fff
}

.searchhelpbar .search-box {
    background-color: #fff;
    min-height: 72px;
    padding: 0;
    box-shadow: 0 1px 2px #0003
}

.searchhelpbar .search-box>div {
    padding: 19px
}

@keyframes typing {
    0% {
        background-color: #fff;
        box-shadow: 12px 0 #fff3, 24px 0 #fff3
    }
    25% {
        background-color: #fff6;
        box-shadow: 12px 0 #fff, 24px 0 #fff3
    }
    75% {
        background-color: #fff6;
        box-shadow: 12px 0 #fff3, 24px 0 #fff
    }
}

.loading-container {
    z-index: 2000;
    position: fixed;
    inset: 0;
    background: #2dc3e8
}

.loading-container.loading-inactive,
.loading-container.loading-inactive .loader {
    display: none
}

.loading-container .loader {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    animation: typing 1s linear infinite alternate;
    margin: 50vh auto;
    position: relative;
    left: -12px
}

#chat-link.open {
    box-shadow: 0 -6px 40px #0006
}

#chat-link.open:before {
    content: "";
    display: inline-block;
    right: 0;
    position: absolute;
    width: 50px;
    background-color: #fff;
    border: 0;
    top: 0;
    height: 2px
}

.page-chatbar {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 287px;
    display: none;
    right: 0;
    box-shadow: 0 0 10px #0003;
    z-index: 20;
    -lh-property: 0;
    height: calc(100vh - 45px)
}

.page-chatbar.open {
    display: block
}

.page-chatbar.open:before {
    display: block
}

.page-chatbar.open~.page-content {
    margin-right: 287px !important
}

.page-chatbar.open~.page-content .breadcrumbs-fixed {
    right: 287px !important
}

.page-chatbar.open~.page-content .page-header-fixed {
    right: 287px !important
}

.page-chatbar:before {
    content: "";
    position: fixed;
    display: none;
    width: 287px;
    bottom: 0;
    top: 0;
    right: 0;
    background-color: #fff;
    z-index: -1
}

.page-chatbar .chatbar-contacts {
    height: 100%
}

.page-chatbar .chatbar-contacts .contacts-search {
    position: relative;
    height: 41px
}

.page-chatbar .chatbar-contacts .contacts-search .searchinput {
    height: 41px;
    z-index: 2;
    background-color: #fff;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid rgb(255, 255, 255);
    border-bottom: 1px solid #e5e5e5;
    padding-left: 40px;
    width: 100%
}

.page-chatbar .chatbar-contacts .contacts-search .searchinput:focus {
    box-shadow: none;
    border-color: #fff
}

.page-chatbar .chatbar-contacts .contacts-search .searchinput:focus~.searchhelper {
    display: block;
    z-index: 124
}

.page-chatbar .chatbar-contacts .contacts-search .searchinput::-webkit-input-placeholder {
    color: #d0d0d0;
    font-weight: 300
}

.page-chatbar .chatbar-contacts .contacts-search .searchinput::-moz-placeholder {
    color: #d0d0d0;
    font-weight: 300
}

.page-chatbar .chatbar-contacts .contacts-search .searchinput:-moz-placeholder {
    color: #d0d0d0;
    font-weight: 300
}

.page-chatbar .chatbar-contacts .contacts-search .searchinput:-ms-input-placeholder {
    color: #d0d0d0;
    font-weight: 300
}

.page-chatbar .chatbar-contacts .contacts-search .searchicon {
    cursor: pointer;
    display: inline-block;
    height: 12px;
    left: 20px;
    position: absolute;
    top: 14px;
    width: 12px;
    color: #2dc3e8;
    z-index: 124
}

.page-chatbar .chatbar-contacts .contacts-search .searchhelper {
    box-shadow: 0 10px 40px #0006;
    background-color: #fff;
    color: #757272;
    display: none;
    opacity: 1;
    padding: 10px;
    position: absolute;
    right: 0;
    left: 0;
    top: 40px;
    z-index: 4
}

.page-chatbar .chatbar-contacts .contacts-list {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: auto
}

.page-chatbar .chatbar-contacts .contacts-list .contact {
    height: 85px;
    padding: 10px;
    position: relative
}

.page-chatbar .chatbar-contacts .contacts-list .contact:hover {
    background-color: #f3f3f3;
    cursor: pointer
}

.page-chatbar .chatbar-contacts .contacts-list .contact .contact-avatar {
    display: inline-block;
    width: 65px;
    height: 65px
}

.page-chatbar .chatbar-contacts .contacts-list .contact .contact-avatar img {
    width: 65px;
    height: 65px
}

.page-chatbar .chatbar-contacts .contacts-list .contact .contact-info {
    display: inline-block;
    vertical-align: bottom;
    padding-left: 5px
}

.page-chatbar .chatbar-contacts .contacts-list .contact .contact-info .contact-name {
    font-size: 1em;
    padding-bottom: 2px
}

.page-chatbar .chatbar-contacts .contacts-list .contact .contact-info .contact-status {
    font-size: .8em;
    margin-bottom: 2px
}

.page-chatbar .chatbar-contacts .contacts-list .contact .contact-info .contact-status .online,
.page-chatbar .chatbar-contacts .contacts-list .contact .contact-info .contact-status .offline {
    display: inline-block;
    border-radius: 50%;
    width: 8px;
    height: 8px
}

.page-chatbar .chatbar-contacts .contacts-list .contact .contact-info .contact-status .online {
    background-color: #a0d468
}

.page-chatbar .chatbar-contacts .contacts-list .contact .contact-info .contact-status .offline {
    background-color: #d73d32
}

.page-chatbar .chatbar-contacts .contacts-list .contact .contact-info .contact-status .status {
    display: inline-block;
    margin-left: 4px
}

.page-chatbar .chatbar-contacts .contacts-list .contact .last-chat-time {
    position: absolute;
    right: 20px;
    bottom: 12px;
    font-size: .8em
}

.page-chatbar .chatbar-messages {
    height: 100%
}

.page-chatbar .chatbar-messages .messages-contact {
    height: 85px;
    padding: 10px;
    position: relative;
    background-color: #f3f3f3;
    border-bottom: 1px solid #e5e5e5
}

.page-chatbar .chatbar-messages .messages-contact .contact-avatar {
    display: inline-block;
    width: 65px;
    height: 65px
}

.page-chatbar .chatbar-messages .messages-contact .contact-avatar img {
    width: 65px;
    height: 65px
}

.page-chatbar .chatbar-messages .messages-contact .contact-info {
    display: inline-block;
    vertical-align: bottom;
    padding-left: 5px
}

.page-chatbar .chatbar-messages .messages-contact .contact-info .contact-name {
    font-size: 1em;
    padding-bottom: 2px
}

.page-chatbar .chatbar-messages .messages-contact .contact-info .contact-status {
    font-size: .8em;
    margin-bottom: 2px
}

.page-chatbar .chatbar-messages .messages-contact .contact-info .contact-status .online,
.page-chatbar .chatbar-messages .messages-contact .contact-info .contact-status .offline {
    display: inline-block;
    border-radius: 50%;
    width: 8px;
    height: 8px
}

.page-chatbar .chatbar-messages .messages-contact .contact-info .contact-status .online {
    background-color: #a0d468
}

.page-chatbar .chatbar-messages .messages-contact .contact-info .contact-status .offline {
    background-color: #d73d32
}

.page-chatbar .chatbar-messages .messages-contact .contact-info .contact-status .status {
    display: inline-block;
    margin-left: 4px
}

.page-chatbar .chatbar-messages .messages-contact .last-chat-time {
    position: absolute;
    right: 20px;
    bottom: 12px;
    font-size: .8em
}

.page-chatbar .chatbar-messages .messages-contact .back {
    position: absolute;
    top: 14px;
    right: 14px
}

.page-chatbar .chatbar-messages .messages-contact .back:hover {
    cursor: pointer
}

.page-chatbar .chatbar-messages .messages-contact .back i {
    font-size: 22px;
    color: #2dc3e8
}

.page-chatbar .chatbar-messages .messages-list {
    list-style: none;
    padding: 10px 0;
    overflow: auto
}

.page-chatbar .chatbar-messages .messages-list .message {
    padding: 10px 15px
}

.page-chatbar .chatbar-messages .messages-list .message .message-info {
    height: 18px
}

.page-chatbar .chatbar-messages .messages-list .message .message-info .bullet,
.page-chatbar .chatbar-messages .messages-list .message .message-info .contact-name,
.page-chatbar .chatbar-messages .messages-list .message .message-info .message-time {
    display: inline-block
}

.page-chatbar .chatbar-messages .messages-list .message .message-info .bullet {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #a0d468;
    margin-right: 5px
}

.page-chatbar .chatbar-messages .messages-list .message .message-info .contact-name {
    font-weight: 700;
    margin-right: 5px
}

.page-chatbar .chatbar-messages .messages-list .message .message-info .message-time {
    font-size: .8em;
    color: #666
}

.page-chatbar .chatbar-messages .messages-list .message .message-body {
    margin-top: 10px;
    border-radius: 3px;
    background-color: #a0d468;
    color: #fff;
    padding: 10px;
    position: relative;
    margin-right: 10%
}

.page-chatbar .chatbar-messages .messages-list .message .message-body:before {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    content: "";
    top: -14px;
    left: 10px;
    border-bottom-color: #a0d468;
    border-width: 7px
}

.page-chatbar .chatbar-messages .messages-list .message.reply .message-info .bullet,
.page-chatbar .chatbar-messages .messages-list .message.reply .message-info .contact-name,
.page-chatbar .chatbar-messages .messages-list .message.reply .message-info .message-time {
    float: right;
    margin-right: 0;
    margin-left: 10px
}

.page-chatbar .chatbar-messages .messages-list .message.reply .message-info .bullet {
    background-color: #5db2ff;
    margin-top: 8px
}

.page-chatbar .chatbar-messages .messages-list .message.reply .message-info .message-time {
    margin-top: 2px
}

.page-chatbar .chatbar-messages .messages-list .message.reply .message-body {
    background-color: #5db2ff;
    margin-left: 10%;
    margin-right: 0
}

.page-chatbar .chatbar-messages .messages-list .message.reply .message-body:before {
    border-bottom-color: #5db2ff;
    right: 10px;
    left: auto
}

.page-chatbar .chatbar-messages .send-message {
    padding: 15px;
    background-color: #f3f3f3;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 120px;
    border-top: 1px solid #e5e5e5
}

@media screen and (max-width: 530px) {
    .page-chatbar {
        background-color: #fff;
        -lh-property: 0;
        height: calc(100vh - 90px)
    }
    .page-chatbar.open:before {
        display: none !important
    }
    .page-chatbar.open~.page-content {
        margin-right: 0 !important
    }
    .page-chatbar.open~.page-content .breadcrumbs-fixed {
        right: 0 !important
    }
    .page-chatbar.open~.page-content .page-header-fixed {
        right: 0 !important
    }
}

.dropzone,
.dropzone * {
    box-sizing: border-box
}

.dropzone {
    min-height: 200px;
    border: 2px dashed #2dc3e8;
    border-radius: 0;
    background: white;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    padding: 20px
}

.dropzone.dz-clickable {
    cursor: pointer
}

.dropzone.dz-clickable * {
    cursor: default
}

.dropzone.dz-clickable .dz-message,
.dropzone.dz-clickable .dz-message * {
    cursor: pointer
}

.dropzone.dz-started .dz-message {
    display: none
}

.dropzone.dz-drag-hover {
    border-style: solid
}

.dropzone.dz-drag-hover .dz-message {
    opacity: .5
}

.dropzone .dz-message {
    text-align: center;
    margin: 2.1em 0;
    font-size: 32px
}

.dropzone .dz-preview {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 16px;
    min-height: 100px
}

.dropzone .dz-preview:hover {
    z-index: 1000
}

.dropzone .dz-preview.dz-file-preview .dz-image {
    border-radius: 0;
    background: rgb(117, 114, 114);
    background: linear-gradient(to bottom, #eeeeee, rgb(191, 186, 186))
}

.dropzone .dz-preview.dz-file-preview .dz-details {
    opacity: 1
}

.dropzone .dz-preview.dz-image-preview {
    background: white
}

.dropzone .dz-preview.dz-image-preview .dz-details {
    transition: opacity .2s linear
}

.dropzone .dz-preview .dz-remove {
    font-size: 14px;
    text-align: center;
    display: block;
    cursor: pointer;
    border: none
}

.dropzone .dz-preview .dz-remove:hover {
    text-decoration: underline
}

.dropzone .dz-preview:hover .dz-details {
    opacity: 1
}

.dropzone .dz-preview .dz-details {
    z-index: 20;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    font-size: 13px;
    min-width: 100%;
    max-width: 100%;
    padding: 2em 1em;
    text-align: center;
    color: #000000e6;
    line-height: 150%
}

.dropzone .dz-preview .dz-details .dz-size {
    margin-bottom: 1em;
    font-size: 16px
}

.dropzone .dz-preview .dz-details .dz-filename {
    white-space: nowrap
}

.dropzone .dz-preview .dz-details .dz-filename:hover span {
    border: 1px solid rgba(200, 200, 200, .8);
    background-color: #fffc
}

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
    overflow: hidden;
    text-overflow: ellipsis
}

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
    border: 1px solid transparent
}

.dropzone .dz-preview .dz-details .dz-filename span,
.dropzone .dz-preview .dz-details .dz-size span {
    background-color: #fff6;
    padding: 0 .4em;
    border-radius: 3px
}

.dropzone .dz-preview:hover .dz-image img {
    transform: scale(1.05);
    -moz-filter: blur(8px) webkit;
    -ms-filter: blur(8px) webkit;
    filter: blur(8px) webkit
}

.dropzone .dz-preview .dz-image {
    border-radius: 0;
    overflow: hidden;
    width: 120px;
    height: 120px;
    position: relative;
    display: block;
    z-index: 10
}

.dropzone .dz-preview .dz-image img {
    display: block
}

.dropzone .dz-preview.dz-success .dz-success-mark {
    animation: passing-through 3s cubic-bezier(.77, 0, .175, 1)
}

.dropzone .dz-preview.dz-error .dz-error-mark {
    opacity: 1;
    animation: slide-in 3s cubic-bezier(.77, 0, .175, 1)
}

.dropzone .dz-preview .dz-success-mark,
.dropzone .dz-preview .dz-error-mark {
    pointer-events: none;
    opacity: 0;
    z-index: 500;
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    margin-left: -27px;
    margin-top: -27px
}

.dropzone .dz-preview .dz-success-mark svg,
.dropzone .dz-preview .dz-error-mark svg {
    display: block;
    width: 54px;
    height: 54px
}

.dropzone .dz-preview.dz-processing .dz-progress {
    opacity: 1;
    transition: all .2s linear
}

.dropzone .dz-preview.dz-complete .dz-progress {
    opacity: 0;
    transition: opacity .4s ease-in
}

.dropzone .dz-preview:not(.dz-processing) .dz-progress {
    animation: pulse 6s ease infinite
}

.dropzone .dz-preview .dz-progress {
    opacity: 1;
    z-index: 1000;
    pointer-events: none;
    position: absolute;
    height: 16px;
    left: 50%;
    top: 50%;
    margin-top: -8px;
    width: 80px;
    margin-left: -40px;
    background: rgba(255, 255, 255, .9);
    -webkit-transform: scale(1);
    border-radius: 8px;
    overflow: hidden
}

.dropzone .dz-preview .dz-progress .dz-upload {
    background: rgb(51, 51, 51);
    background: linear-gradient(to bottom, #666666, #444444);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 0;
    transition: width .3s ease-in-out
}

.dropzone .dz-preview.dz-error .dz-error-message {
    display: block
}

.dropzone .dz-preview.dz-error:hover .dz-error-message {
    opacity: 1;
    pointer-events: auto
}

.dropzone .dz-preview .dz-error-message {
    pointer-events: none;
    z-index: 1000;
    position: absolute;
    display: block;
    display: none;
    opacity: 0;
    transition: opacity .3s ease;
    border-radius: 8px;
    font-size: 13px;
    top: 130px;
    left: -10px;
    width: 140px;
    background: #d73d32;
    background: linear-gradient(to bottom, #d73d32, #c83227);
    padding: .5em 1.2em;
    color: #fff
}

.dropzone .dz-preview .dz-error-message:after {
    content: "";
    position: absolute;
    top: -6px;
    left: 64px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #d73d32
}

.ag-theme-balham .ag-cell {
    font-family: Solo Sans;
    font-size: 14px;
    color: #000
}

.wizard.wizard-wired ul li .title.bold.font-16 {
    margin-top: 10px;
    margin-bottom: 4px !important
}

.fa-ellipsis-v {
    color: #000 !important
}

label {
    font-size: 14px !important
}

.container-fluid i {
    font-family: "Font Awesome 6 Free" !important
}

.device_li {
    text-align: left;
    font-size: 18px;
    font-weight: 700;
    width: 140px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #fff !important;
    position: relative;
    top: -10px
}

.margin-bottom-0 {
    margin-bottom: 0 !important
}

.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
    background-color: #001996 !important;
    background: rgb(0, 25, 150) !important
}

.toast-warning {
    background-image: none !important
}

.text_visibility span p {
    color: #000 !important
}

.hover_focus:focus {
    color: #44454a !important;
    outline: none !important
}

.nav {
    display: inline-block
}

a,
.pagination>li>a,
a h4.panel-title,
.sidebar a.active-link {
    text-decoration: none !important
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
    position: relative;
    top: 1px;
    line-height: 45px !important
}

.dropdown-menu,
.panel,
.panel-body,
.dropdown-list,
.dropdown-content,
.sku_search_btn {
    animation: growDown .3s ease-in-out forwards;
    transform-origin: top center;
    border: 1px #ccc solid
}

.panel-default>.panel-heading {
    background-color: #ebebeb !important;
    padding: 10px
}

.btn_tab_focus:focus {
    outline: 2px solid rgb(0, 0, 0) !important;
    color: #fff !important;
    transition: all .3s ease !important
}

.page-sidebar.menu-compact .sidebar-menu>li:focus-within>.submenu {
    display: block !important
}

.page-sidebar.menu-compact .sidebar-menu>li:focus-within .submenu,
.page-sidebar.menu-compact .sidebar-menu>li.open .submenu {
    display: block
}

.page-sidebar.menu-compact .sidebar-menu>li:focus-within>a>.menu-text {
    display: block;
    left: 78px !important;
    transition: all .5s ease !important;
    text-align: left;
    font-size: 18px;
    font-weight: 700;
    width: 150px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #fff !important;
    padding-top: 0;
    line-height: 32px;
    padding-left: 0
}

.fontawesome-icon-list {
    margin: 22px 0 0 !important
}

.fontawesome-icon-list .fa-hover {
    color: #262626;
    display: block;
    height: 36px;
    line-height: 32px;
    padding: 2px 0
}

.fontawesome-icon-list .fa-hover .fa {
    display: inline-block;
    font-size: 14px;
    margin-right: 10px;
    text-align: right;
    width: 32px
}

.fontawesome-icon-list .fa-hover:hover {
    background-color: #eee;
    color: #000;
    text-decoration: none
}

.fontawesome-icon-list .fa-hover:hover .fa {
    font-size: 28px;
    vertical-align: -6px
}

.bs-glyphicons {
    overflow: hidden
}

.bs-glyphicons li {
    float: left;
    width: 25%;
    height: 115px;
    padding: 10px;
    font-size: 10px;
    line-height: 1.4;
    text-align: center;
    border: 1px solid rgb(255, 255, 255);
    background-color: #f9f9f9
}

.bs-glyphicons li:hover {
    color: #fff;
    background-color: #e46f61
}

.bs-glyphicons .glyphicon {
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 24px
}

.bs-glyphicons .glyphicon-class {
    display: block;
    text-align: center;
    word-wrap: break-word
}

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

@media (min-width: 768px) {
    .bs-glyphicons {
        margin-left: 0;
        margin-right: 0
    }
    .bs-glyphicons li {
        width: 12.5%;
        font-size: 12px
    }
}

.weathericons {
    padding: 5px 10px;
    border-radius: 4px
}

.weathericons:hover {
    background-color: #a0d468;
    color: #fff
}

.weathericons .icon,
.weathericons .class {
    display: inline-block
}

.weathericons .icon {
    margin-right: 5px;
    font-size: 24px
}

#typicon-preview {
    margin: 0 auto;
    position: relative;
    text-align: center
}

#typicon-preview .icon {
    float: left;
    padding: 6px;
    display: inline-block;
    cursor: pointer;
    width: 48px;
    height: 48px;
    text-align: center;
    vertical-align: middle;
    -webkit-border-radius: 6px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 6px;
    -moz-background-clip: padding;
    border-radius: 6px;
    background-clip: padding-box;
    color: #444
}

#typicon-preview .icon .typcn:before {
    font-size: 24px
}

#typicon-preview .icon:hover {
    background-color: #ffce55;
    line-height: 38px;
    color: #fff
}

#typicon-preview .icon:hover .typcn:before {
    font-size: 32px
}

.chartcontainer {
    width: 100%;
    text-align: center
}

.easy-pie-chart-preview .well {
    width: 100%;
    height: 250px;
    text-align: center;
    position: relative;
    padding-top: 50px
}

.easy-pie-chart-preview .well .easyPieChart {
    margin: 0 auto
}

.sparkline-preview .well {
    text-align: center;
    position: relative
}

.buttons-preview .btn,
.buttons-preview .btn-group {
    margin-bottom: 10px;
    margin-right: 10px
}

.dropdown-container {
    margin: 0 auto;
    text-align: center
}

.dropdown-container .dropdown-preview {
    display: inline-block;
    text-align: left
}

.dropdown-container .dropdown-preview>.dropdown-menu {
    display: block;
    position: static;
    margin-bottom: 5px
}

#dropdownbuttons .btn {
    margin-top: 10px
}

.labels-container .label {
    margin: 0 10px 10px 0
}

.popover-container {
    overflow: auto
}

.popoverexample .popover {
    position: relative;
    display: block;
    width: 260px;
    margin: 20px
}

.modal-preview .modal {
    position: relative;
    inset: auto;
    z-index: 1;
    display: block;
    width: auto;
    overflow: hidden;
    max-width: 600px
}

.modal-preview .modal .modal-dialog {
    width: 90%
}

.bordered-well-container .well {
    margin-bottom: 0
}

.knob-container {
    text-align: center
}

#red,
#green,
#blue {
    margin: 10px;
    display: inline-block;
    height: 200px
}

#colorpicker {
    height: 240px;
    width: 100%;
    margin: 20px auto;
    padding: 10px;
    border: 1px solid #BFBFBF
}

#colorpicker .result {
    margin: 60px 30px;
    height: 100px;
    width: 100px;
    display: inline-block;
    vertical-align: top;
    color: #7f7f7f;
    background: #7f7f7f;
    border: 1px solid rgb(255, 255, 255);
    box-shadow: 0 0 10px
}

#colors .colored-slider,
#sizes .sized-slider {
    margin-bottom: 20px
}

.grid-example .row {
    margin-bottom: 15px;
    padding: 0 15px
}

.grid-example .row [class^=col-] {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #ebebeb;
    border: 1px solid rgb(191, 186, 186)
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.animated.infinite {
    animation-iteration-count: infinite
}

.animated.hinge {
    animation-duration: 2s
}

@keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    to {
        transform: translateY(0)
    }
    40% {
        transform: translateY(-30px)
    }
    60% {
        transform: translateY(-15px)
    }
}

.bounce {
    animation-name: bounce
}

@keyframes flash {
    0%,
    50%,
    to {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}

.flash {
    animation-name: flash
}

@keyframes pulse {
    0% {
        transform: scale(1)
    }
    50% {
        transform: scale(1.1)
    }
    to {
        transform: scale(1)
    }
}

.pulse {
    animation-name: pulse
}

@keyframes rubberBand {
    0% {
        transform: scale(1)
    }
    30% {
        transform: scaleX(1.25) scaleY(.75)
    }
    40% {
        transform: scaleX(.75) scaleY(1.25)
    }
    60% {
        transform: scaleX(1.15) scaleY(.85)
    }
    to {
        transform: scale(1)
    }
}

.rubberBand {
    animation-name: rubberBand
}

@keyframes shake {
    0%,
    to {
        transform: translate(0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translate(-10px)
    }
    20%,
    40%,
    60%,
    80% {
        transform: translate(10px)
    }
}

.shake {
    animation-name: shake
}

@keyframes swing {
    20% {
        transform: rotate(15deg)
    }
    40% {
        transform: rotate(-10deg)
    }
    60% {
        transform: rotate(5deg)
    }
    80% {
        transform: rotate(-5deg)
    }
    to {
        transform: rotate(0)
    }
}

.swing {
    transform-origin: top center;
    animation-name: swing
}

@keyframes tada {
    0% {
        transform: scale(1)
    }
    10%,
    20% {
        transform: scale(.9) rotate(-3deg)
    }
    30%,
    50%,
    70%,
    90% {
        transform: scale(1.1) rotate(3deg)
    }
    40%,
    60%,
    80% {
        transform: scale(1.1) rotate(-3deg)
    }
    to {
        transform: scale(1) rotate(0)
    }
}

.tada {
    animation-name: tada
}

@keyframes wobble {
    0% {
        transform: translate(0)
    }
    15% {
        transform: translate(-25%) rotate(-5deg)
    }
    30% {
        transform: translate(20%) rotate(3deg)
    }
    45% {
        transform: translate(-15%) rotate(-3deg)
    }
    60% {
        transform: translate(10%) rotate(2deg)
    }
    75% {
        transform: translate(-5%) rotate(-1deg)
    }
    to {
        transform: translate(0)
    }
}

.wobble {
    animation-name: wobble
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        transform: scale(.3)
    }
    50% {
        opacity: 1;
        transform: scale(1.05)
    }
    70% {
        transform: scale(.9)
    }
    to {
        opacity: 1;
        transform: scale(1)
    }
}

.bounceIn {
    animation-name: bounceIn
}

@keyframes bounceInDown {
    0% {
        opacity: 0;
        transform: translateY(-2000px)
    }
    60% {
        opacity: 1;
        transform: translateY(30px)
    }
    80% {
        transform: translateY(-10px)
    }
    to {
        transform: translateY(0)
    }
}

.bounceInDown {
    animation-name: bounceInDown
}

@keyframes bounceInLeft {
    0% {
        opacity: 0;
        transform: translate(-2000px)
    }
    60% {
        opacity: 1;
        transform: translate(30px)
    }
    80% {
        transform: translate(-10px)
    }
    to {
        transform: translate(0)
    }
}

.bounceInLeft {
    animation-name: bounceInLeft
}

@keyframes bounceInRight {
    0% {
        opacity: 0;
        transform: translate(2000px)
    }
    60% {
        opacity: 1;
        transform: translate(-30px)
    }
    80% {
        transform: translate(10px)
    }
    to {
        transform: translate(0)
    }
}

.bounceInRight {
    animation-name: bounceInRight
}

@keyframes bounceInUp {
    0% {
        opacity: 0;
        transform: translateY(2000px)
    }
    60% {
        opacity: 1;
        transform: translateY(-30px)
    }
    80% {
        transform: translateY(10px)
    }
    to {
        transform: translateY(0)
    }
}

.bounceInUp {
    animation-name: bounceInUp
}

@keyframes bounceOut {
    0% {
        transform: scale(1)
    }
    25% {
        transform: scale(.95)
    }
    50% {
        opacity: 1;
        transform: scale(1.1)
    }
    to {
        opacity: 0;
        transform: scale(.3)
    }
}

.bounceOut {
    animation-name: bounceOut
}

@keyframes bounceOutDown {
    0% {
        transform: translateY(0)
    }
    20% {
        opacity: 1;
        transform: translateY(-20px)
    }
    to {
        opacity: 0;
        transform: translateY(2000px)
    }
}

.bounceOutDown {
    animation-name: bounceOutDown
}

@keyframes bounceOutLeft {
    0% {
        transform: translate(0)
    }
    20% {
        opacity: 1;
        transform: translate(20px)
    }
    to {
        opacity: 0;
        transform: translate(-2000px)
    }
}

.bounceOutLeft {
    animation-name: bounceOutLeft
}

@keyframes bounceOutRight {
    0% {
        transform: translate(0)
    }
    20% {
        opacity: 1;
        transform: translate(-20px)
    }
    to {
        opacity: 0;
        transform: translate(2000px)
    }
}

.bounceOutRight {
    animation-name: bounceOutRight
}

@keyframes bounceOutUp {
    0% {
        transform: translateY(0)
    }
    20% {
        opacity: 1;
        transform: translateY(20px)
    }
    to {
        opacity: 0;
        transform: translateY(-2000px)
    }
}

.bounceOutUp {
    animation-name: bounceOutUp
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.fadeIn {
    animation-name: fadeIn
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-20px)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.fadeInDown {
    animation-name: fadeInDown
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        transform: translateY(-2000px)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.fadeInDownBig {
    animation-name: fadeInDownBig
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translate(-20px)
    }
    to {
        opacity: 1;
        transform: translate(0)
    }
}

.fadeInLeft {
    animation-name: fadeInLeft
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        transform: translate(-2000px)
    }
    to {
        opacity: 1;
        transform: translate(0)
    }
}

.fadeInLeftBig {
    animation-name: fadeInLeftBig
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translate(20px)
    }
    to {
        opacity: 1;
        transform: translate(0)
    }
}

.fadeInRight {
    animation-name: fadeInRight
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        transform: translate(2000px)
    }
    to {
        opacity: 1;
        transform: translate(0)
    }
}

.fadeInRightBig {
    animation-name: fadeInRightBig
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.fadeInUp {
    animation-name: fadeInUp
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        transform: translateY(2000px)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.fadeInUpBig {
    animation-name: fadeInUpBig
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        transform: translateY(0)
    }
    to {
        opacity: 0;
        transform: translateY(20px)
    }
}

.fadeOutDown {
    animation-name: fadeOutDown
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        transform: translateY(0)
    }
    to {
        opacity: 0;
        transform: translateY(2000px)
    }
}

.fadeOutDownBig {
    animation-name: fadeOutDownBig
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        transform: translate(0)
    }
    to {
        opacity: 0;
        transform: translate(-20px)
    }
}

.fadeOutLeft {
    animation-name: fadeOutLeft
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        transform: translate(0)
    }
    to {
        opacity: 0;
        transform: translate(-2000px)
    }
}

.fadeOutLeftBig {
    animation-name: fadeOutLeftBig
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
        transform: translate(0)
    }
    to {
        opacity: 0;
        transform: translate(20px)
    }
}

.fadeOutRight {
    animation-name: fadeOutRight
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        transform: translate(0)
    }
    to {
        opacity: 0;
        transform: translate(2000px)
    }
}

.fadeOutRightBig {
    animation-name: fadeOutRightBig
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        transform: translateY(0)
    }
    to {
        opacity: 0;
        transform: translateY(-20px)
    }
}

.fadeOutUp {
    animation-name: fadeOutUp
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        transform: translateY(0)
    }
    to {
        opacity: 0;
        transform: translateY(-2000px)
    }
}

.fadeOutUpBig {
    animation-name: fadeOutUpBig
}

@keyframes flip {
    0% {
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        animation-timing-function: ease-out
    }
    40% {
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        animation-timing-function: ease-out
    }
    50% {
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        animation-timing-function: ease-in
    }
    80% {
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        animation-timing-function: ease-in
    }
    to {
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        animation-timing-function: ease-in
    }
}

.animated.flip {
    backface-visibility: visible;
    animation-name: flip
}

@keyframes flipInX {
    0% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
    40% {
        transform: perspective(400px) rotateX(-10deg)
    }
    70% {
        transform: perspective(400px) rotateX(10deg)
    }
    to {
        transform: perspective(400px) rotateX(0);
        opacity: 1
    }
}

.flipInX {
    backface-visibility: visible !important;
    animation-name: flipInX
}

@keyframes flipInY {
    0% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
    40% {
        transform: perspective(400px) rotateY(-10deg)
    }
    70% {
        transform: perspective(400px) rotateY(10deg)
    }
    to {
        transform: perspective(400px) rotateY(0);
        opacity: 1
    }
}

.flipInY {
    backface-visibility: visible !important;
    animation-name: flipInY
}

@keyframes flipOutX {
    0% {
        transform: perspective(400px) rotateX(0);
        opacity: 1
    }
    to {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

.flipOutX {
    animation-name: flipOutX;
    backface-visibility: visible !important
}

@keyframes flipOutY {
    0% {
        transform: perspective(400px) rotateY(0);
        opacity: 1
    }
    to {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

.flipOutY {
    backface-visibility: visible !important;
    animation-name: flipOutY
}

@keyframes lightSpeedIn {
    0% {
        transform: translate(100%) skew(-30deg);
        opacity: 0
    }
    60% {
        transform: translate(-20%) skew(30deg);
        opacity: 1
    }
    80% {
        transform: translate(0) skew(-15deg);
        opacity: 1
    }
    to {
        transform: translate(0) skew(0);
        opacity: 1
    }
}

.lightSpeedIn {
    animation-name: lightSpeedIn;
    animation-timing-function: ease-out
}

@keyframes lightSpeedOut {
    0% {
        transform: translate(0) skew(0);
        opacity: 1
    }
    to {
        transform: translate(100%) skew(-30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    animation-name: lightSpeedOut;
    animation-timing-function: ease-in
}

@keyframes rotateIn {
    0% {
        transform-origin: center center;
        transform: rotate(-200deg);
        opacity: 0
    }
    to {
        transform-origin: center center;
        transform: rotate(0);
        opacity: 1
    }
}

.rotateIn {
    animation-name: rotateIn
}

@keyframes rotateInDownLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(-90deg);
        opacity: 0
    }
    to {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInDownLeft {
    animation-name: rotateInDownLeft
}

@keyframes rotateInDownRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(90deg);
        opacity: 0
    }
    to {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInDownRight {
    animation-name: rotateInDownRight
}

@keyframes rotateInUpLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(90deg);
        opacity: 0
    }
    to {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInUpLeft {
    animation-name: rotateInUpLeft
}

@keyframes rotateInUpRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(-90deg);
        opacity: 0
    }
    to {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInUpRight {
    animation-name: rotateInUpRight
}

@keyframes rotateOut {
    0% {
        transform-origin: center center;
        transform: rotate(0);
        opacity: 1
    }
    to {
        transform-origin: center center;
        transform: rotate(200deg);
        opacity: 0
    }
}

.rotateOut {
    animation-name: rotateOut
}

@keyframes rotateOutDownLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1
    }
    to {
        transform-origin: left bottom;
        transform: rotate(90deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    animation-name: rotateOutDownLeft
}

@keyframes rotateOutDownRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1
    }
    to {
        transform-origin: right bottom;
        transform: rotate(-90deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    animation-name: rotateOutDownRight
}

@keyframes rotateOutUpLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1
    }
    to {
        transform-origin: left bottom;
        transform: rotate(-90deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    animation-name: rotateOutUpLeft
}

@keyframes rotateOutUpRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1
    }
    to {
        transform-origin: right bottom;
        transform: rotate(90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    animation-name: rotateOutUpRight
}

@keyframes slideInDown {
    0% {
        opacity: 0;
        transform: translateY(-2000px)
    }
    to {
        transform: translateY(0)
    }
}

.slideInDown {
    animation-name: slideInDown
}

@keyframes slideInLeft {
    0% {
        opacity: 0;
        transform: translate(-2000px)
    }
    to {
        transform: translate(0)
    }
}

.slideInLeft {
    animation-name: slideInLeft
}

@keyframes slideInRight {
    0% {
        opacity: 0;
        transform: translate(2000px)
    }
    to {
        transform: translate(0)
    }
}

.slideInRight {
    animation-name: slideInRight
}

@keyframes slideOutLeft {
    0% {
        transform: translate(0)
    }
    to {
        opacity: 0;
        transform: translate(-2000px)
    }
}

.slideOutLeft {
    animation-name: slideOutLeft
}

@keyframes slideOutRight {
    0% {
        transform: translate(0)
    }
    to {
        opacity: 0;
        transform: translate(2000px)
    }
}

.slideOutRight {
    animation-name: slideOutRight
}

@keyframes slideOutUp {
    0% {
        transform: translateY(0)
    }
    to {
        opacity: 0;
        transform: translateY(-2000px)
    }
}

.slideOutUp {
    animation-name: slideOutUp
}

@keyframes slideInUp {
    0% {
        opacity: 0;
        transform: translateY(2000px)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.slideInUp {
    animation-name: slideInUp
}

@keyframes slideOutDown {
    0% {
        transform: translateY(0)
    }
    to {
        opacity: 0;
        transform: translateY(2000px)
    }
}

.slideOutDown {
    animation-name: slideOutDown
}

@keyframes hinge {
    0% {
        transform: rotate(0);
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }
    20%,
    60% {
        transform: rotate(80deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }
    40% {
        transform: rotate(60deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }
    80% {
        transform: rotate(60deg) translateY(0);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    to {
        transform: translateY(700px);
        opacity: 0
    }
}

.hinge {
    animation-name: hinge
}

@keyframes rollIn {
    0% {
        opacity: 0;
        transform: translate(-100%) rotate(-120deg)
    }
    to {
        opacity: 1;
        transform: translate(0) rotate(0)
    }
}

.rollIn {
    animation-name: rollIn
}

@keyframes rollOut {
    0% {
        opacity: 1;
        transform: translate(0) rotate(0)
    }
    to {
        opacity: 0;
        transform: translate(100%) rotate(120deg)
    }
}

.rollOut {
    animation-name: rollOut
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        transform: scale(.3)
    }
    50% {
        opacity: 1
    }
}

.zoomIn {
    animation-name: zoomIn
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        transform: scale(.1) translateY(-2000px);
        animation-timing-function: ease-in-out
    }
    60% {
        opacity: 1;
        transform: scale(.475) translateY(60px);
        animation-timing-function: ease-out
    }
}

.zoomInDown {
    animation-name: zoomInDown
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        transform: scale(.1) translate(-2000px);
        animation-timing-function: ease-in-out
    }
    60% {
        opacity: 1;
        transform: scale(.475) translate(48px);
        animation-timing-function: ease-out
    }
}

.zoomInLeft {
    animation-name: zoomInLeft
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        transform: scale(.1) translate(2000px);
        animation-timing-function: ease-in-out
    }
    60% {
        opacity: 1;
        transform: scale(.475) translate(-48px);
        animation-timing-function: ease-out
    }
}

.zoomInRight {
    animation-name: zoomInRight
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        transform: scale(.1) translateY(2000px);
        animation-timing-function: ease-in-out
    }
    60% {
        opacity: 1;
        transform: scale(.475) translateY(-60px);
        animation-timing-function: ease-out
    }
}

.zoomInUp {
    animation-name: zoomInUp
}

@keyframes zoomOut {
    0% {
        opacity: 1;
        transform: scale(1)
    }
    50% {
        opacity: 0;
        transform: scale(.3)
    }
    to {
        opacity: 0
    }
}

.zoomOut {
    animation-name: zoomOut
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        transform: scale(.475) translateY(-60px);
        animation-timing-function: linear
    }
    to {
        opacity: 0;
        transform: scale(.1) translateY(2000px);
        transform-origin: center bottom
    }
}

.zoomOutDown {
    animation-name: zoomOutDown
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        transform: scale(.475) translate(42px);
        animation-timing-function: linear
    }
    to {
        opacity: 0;
        transform: scale(.1) translate(-2000px);
        transform-origin: left center
    }
}

.zoomOutLeft {
    animation-name: zoomOutLeft
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        transform: scale(.475) translate(-42px);
        animation-timing-function: linear
    }
    to {
        opacity: 0;
        transform: scale(.1) translate(2000px);
        transform-origin: right center
    }
}

.zoomOutRight {
    animation-name: zoomOutRight
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        transform: scale(.475) translateY(60px);
        animation-timing-function: linear
    }
    to {
        opacity: 0;
        transform: scale(.1) translateY(-2000px);
        transform-origin: center top
    }
}

.zoomOutUp {
    animation-name: zoomOutUp
}

@charset "UTF-8";
@font-face {
    font-family: typicons;
    font-weight: 400;
    font-style: normal;
    src: url(typicons.4300a2a61e4e545b.eot);
    src: url(typicons.4300a2a61e4e545b.eot?#iefix) format("embedded-opentype"), url(typicons.cdc6200913e334cb.woff) format("woff"), url(typicons.5a41dfee99670d72.ttf) format("truetype"), url(typicons.e1547537a4267a2b.svg#typicons) format("svg")
}

.typcn:before {
    font-family: typicons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    height: 1em;
    font-size: 18px;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility
}

.typcn-adjust-brightness:before {
    content: "\e000"
}

.typcn-adjust-contrast:before {
    content: "\e001"
}

.typcn-anchor-outline:before {
    content: "\e002"
}

.typcn-anchor:before {
    content: "\e003"
}

.typcn-archive:before {
    content: "\e004"
}

.typcn-arrow-back-outline:before {
    content: "\e005"
}

.typcn-arrow-back:before {
    content: "\e006"
}

.typcn-arrow-down-outline:before {
    content: "\e007"
}

.typcn-arrow-down-thick:before {
    content: "\e008"
}

.typcn-arrow-down:before {
    content: "\e009"
}

.typcn-arrow-forward-outline:before {
    content: "\e00a"
}

.typcn-arrow-forward:before {
    content: "\e00b"
}

.typcn-arrow-left-outline:before {
    content: "\e00c"
}

.typcn-arrow-left-thick:before {
    content: "\e00d"
}

.typcn-arrow-left:before {
    content: "\e00e"
}

.typcn-arrow-loop-outline:before {
    content: "\e00f"
}

.typcn-arrow-loop:before {
    content: "\e010"
}

.typcn-arrow-maximise-outline:before {
    content: "\e011"
}

.typcn-arrow-maximise:before {
    content: "\e012"
}

.typcn-arrow-minimise-outline:before {
    content: "\e013"
}

.typcn-arrow-minimise:before {
    content: "\e014"
}

.typcn-arrow-move-outline:before {
    content: "\e015"
}

.typcn-arrow-move:before {
    content: "\e016"
}

.typcn-arrow-repeat-outline:before {
    content: "\e017"
}

.typcn-arrow-repeat:before {
    content: "\e018"
}

.typcn-arrow-right-outline:before {
    content: "\e019"
}

.typcn-arrow-right-thick:before {
    content: "\e01a"
}

.typcn-arrow-right:before {
    content: "\e01b"
}

.typcn-arrow-shuffle:before {
    content: "\e01c"
}

.typcn-arrow-sorted-down:before {
    content: "\e01d"
}

.typcn-arrow-sorted-up:before {
    content: "\e01e"
}

.typcn-arrow-sync-outline:before {
    content: "\e01f"
}

.typcn-arrow-sync:before {
    content: "\e020"
}

.typcn-arrow-unsorted:before {
    content: "\e021"
}

.typcn-arrow-up-outline:before {
    content: "\e022"
}

.typcn-arrow-up-thick:before {
    content: "\e023"
}

.typcn-arrow-up:before {
    content: "\e024"
}

.typcn-at:before {
    content: "\e025"
}

.typcn-attachment-outline:before {
    content: "\e026"
}

.typcn-attachment:before {
    content: "\e027"
}

.typcn-backspace-outline:before {
    content: "\e028"
}

.typcn-backspace:before {
    content: "\e029"
}

.typcn-battery-charge:before {
    content: "\e02a"
}

.typcn-battery-full:before {
    content: "\e02b"
}

.typcn-battery-high:before {
    content: "\e02c"
}

.typcn-battery-low:before {
    content: "\e02d"
}

.typcn-battery-mid:before {
    content: "\e02e"
}

.typcn-beaker:before {
    content: "\e02f"
}

.typcn-beer:before {
    content: "\e030"
}

.typcn-bell:before {
    content: "\e031"
}

.typcn-book:before {
    content: "\e032"
}

.typcn-bookmark:before {
    content: "\e033"
}

.typcn-briefcase:before {
    content: "\e034"
}

.typcn-brush:before {
    content: "\e035"
}

.typcn-business-card:before {
    content: "\e036"
}

.typcn-calculator:before {
    content: "\e037"
}

.typcn-calender-outline:before {
    content: "\e038"
}

.typcn-calender:before {
    content: "\e039"
}

.typcn-camera-outline:before {
    content: "\e03a"
}

.typcn-camera:before {
    content: "\e03b"
}

.typcn-cancel-outline:before {
    content: "\e03c"
}

.typcn-cancel:before {
    content: "\e03d"
}

.typcn-chart-area-outline:before {
    content: "\e03e"
}

.typcn-chart-area:before {
    content: "\e03f"
}

.typcn-chart-bar-outline:before {
    content: "\e040"
}

.typcn-chart-bar:before {
    content: "\e041"
}

.typcn-chart-line-outline:before {
    content: "\e042"
}

.typcn-chart-line:before {
    content: "\e043"
}

.typcn-chart-pie-outline:before {
    content: "\e044"
}

.typcn-chart-pie:before {
    content: "\e045"
}

.typcn-chevron-left-outline:before {
    content: "\e046"
}

.typcn-chevron-left:before {
    content: "\e047"
}

.typcn-chevron-right-outline:before {
    content: "\e048"
}

.typcn-chevron-right:before {
    content: "\e049"
}

.typcn-clipboard:before {
    content: "\e04a"
}

.typcn-cloud-storage:before {
    content: "\e04b"
}

.typcn-code-outline:before {
    content: "\e04c"
}

.typcn-code:before {
    content: "\e04d"
}

.typcn-coffee:before {
    content: "\e04e"
}

.typcn-cog-outline:before {
    content: "\e04f"
}

.typcn-cog:before {
    content: "\e050"
}

.typcn-compass:before {
    content: "\e051"
}

.typcn-contacts:before {
    content: "\e052"
}

.typcn-credit-card:before {
    content: "\e053"
}

.typcn-cross:before {
    content: "\e054"
}

.typcn-css3:before {
    content: "\e055"
}

.typcn-database:before {
    content: "\e056"
}

.typcn-delete-outline:before {
    content: "\e057"
}

.typcn-delete:before {
    content: "\e058"
}

.typcn-device-desktop:before {
    content: "\e059"
}

.typcn-device-laptop:before {
    content: "\e05a"
}

.typcn-device-phone:before {
    content: "\e05b"
}

.typcn-device-tablet:before {
    content: "\e05c"
}

.typcn-directions:before {
    content: "\e05d"
}

.typcn-divide-outline:before {
    content: "\e05e"
}

.typcn-divide:before {
    content: "\e05f"
}

.typcn-document-add:before {
    content: "\e060"
}

.typcn-document-delete:before {
    content: "\e061"
}

.typcn-document-text:before {
    content: "\e062"
}

.typcn-document:before {
    content: "\e063"
}

.typcn-download-outline:before {
    content: "\e064"
}

.typcn-download:before {
    content: "\e065"
}

.typcn-dropbox:before {
    content: "\e066"
}

.typcn-edit:before {
    content: "\e067"
}

.typcn-eject-outline:before {
    content: "\e068"
}

.typcn-eject:before {
    content: "\e069"
}

.typcn-equals-outline:before {
    content: "\e06a"
}

.typcn-equals:before {
    content: "\e06b"
}

.typcn-export-outline:before {
    content: "\e06c"
}

.typcn-export:before {
    content: "\e06d"
}

.typcn-eye-outline:before {
    content: "\e06e"
}

.typcn-eye:before {
    content: "\e06f"
}

.typcn-feather:before {
    content: "\e070"
}

.typcn-film:before {
    content: "\e071"
}

.typcn-filter:before {
    content: "\e072"
}

.typcn-flag-outline:before {
    content: "\e073"
}

.typcn-flag:before {
    content: "\e074"
}

.typcn-flash-outline:before {
    content: "\e075"
}

.typcn-flash:before {
    content: "\e076"
}

.typcn-flow-children:before {
    content: "\e077"
}

.typcn-flow-merge:before {
    content: "\e078"
}

.typcn-flow-parallel:before {
    content: "\e079"
}

.typcn-flow-switch:before {
    content: "\e07a"
}

.typcn-folder-add:before {
    content: "\e07b"
}

.typcn-folder-delete:before {
    content: "\e07c"
}

.typcn-folder-open:before {
    content: "\e07d"
}

.typcn-folder:before {
    content: "\e07e"
}

.typcn-gift:before {
    content: "\e07f"
}

.typcn-globe-outline:before {
    content: "\e080"
}

.typcn-globe:before {
    content: "\e081"
}

.typcn-group-outline:before {
    content: "\e082"
}

.typcn-group:before {
    content: "\e083"
}

.typcn-headphones:before {
    content: "\e084"
}

.typcn-heart-full-outline:before {
    content: "\e085"
}

.typcn-heart-half-outline:before {
    content: "\e086"
}

.typcn-heart-outline:before {
    content: "\e087"
}

.typcn-heart:before {
    content: "\e088"
}

.typcn-home-outline:before {
    content: "\e089"
}

.typcn-home:before {
    content: "\e08a"
}

.typcn-html5:before {
    content: "\e08b"
}

.typcn-image-outline:before {
    content: "\e08c"
}

.typcn-image:before {
    content: "\e08d"
}

.typcn-infinity-outline:before {
    content: "\e08e"
}

.typcn-infinity:before {
    content: "\e08f"
}

.typcn-info-large-outline:before {
    content: "\e090"
}

.typcn-info-large:before {
    content: "\e091"
}

.typcn-info-outline:before {
    content: "\e092"
}

.typcn-info:before {
    content: "\e093"
}

.typcn-input-checked-outline:before {
    content: "\e094"
}

.typcn-input-checked:before {
    content: "\e095"
}

.typcn-key-outline:before {
    content: "\e096"
}

.typcn-key:before {
    content: "\e097"
}

.typcn-keyboard:before {
    content: "\e098"
}

.typcn-leaf:before {
    content: "\e099"
}

.typcn-lightbulb:before {
    content: "\e09a"
}

.typcn-link-outline:before {
    content: "\e09b"
}

.typcn-link:before {
    content: "\e09c"
}

.typcn-location-arrow-outline:before {
    content: "\e09d"
}

.typcn-location-arrow:before {
    content: "\e09e"
}

.typcn-location-outline:before {
    content: "\e09f"
}

.typcn-location:before {
    content: "\e0a0"
}

.typcn-lock-closed-outline:before {
    content: "\e0a1"
}

.typcn-lock-closed:before {
    content: "\e0a2"
}

.typcn-lock-open-outline:before {
    content: "\e0a3"
}

.typcn-lock-open:before {
    content: "\e0a4"
}

.typcn-mail:before {
    content: "\e0a5"
}

.typcn-map:before {
    content: "\e0a6"
}

.typcn-media-eject-outline:before {
    content: "\e0a7"
}

.typcn-media-eject:before {
    content: "\e0a8"
}

.typcn-media-fast-forward-outline:before {
    content: "\e0a9"
}

.typcn-media-fast-forward:before {
    content: "\e0aa"
}

.typcn-media-pause-outline:before {
    content: "\e0ab"
}

.typcn-media-pause:before {
    content: "\e0ac"
}

.typcn-media-play-outline:before {
    content: "\e0ad"
}

.typcn-media-play-reverse-outline:before {
    content: "\e0ae"
}

.typcn-media-play-reverse:before {
    content: "\e0af"
}

.typcn-media-play:before {
    content: "\e0b0"
}

.typcn-media-record-outline:before {
    content: "\e0b1"
}

.typcn-media-record:before {
    content: "\e0b2"
}

.typcn-media-rewind-outline:before {
    content: "\e0b3"
}

.typcn-media-rewind:before {
    content: "\e0b4"
}

.typcn-media-stop-outline:before {
    content: "\e0b5"
}

.typcn-media-stop:before {
    content: "\e0b6"
}

.typcn-message-typing:before {
    content: "\e0b7"
}

.typcn-message:before {
    content: "\e0b8"
}

.typcn-messages:before {
    content: "\e0b9"
}

.typcn-microphone-outline:before {
    content: "\e0ba"
}

.typcn-microphone:before {
    content: "\e0bb"
}

.typcn-minus-outline:before {
    content: "\e0bc"
}

.typcn-minus:before {
    content: "\e0bd"
}

.typcn-mortar-board:before {
    content: "\e0be"
}

.typcn-news:before {
    content: "\e0bf"
}

.typcn-notes-outline:before {
    content: "\e0c0"
}

.typcn-notes:before {
    content: "\e0c1"
}

.typcn-pen:before {
    content: "\e0c2"
}

.typcn-pencil:before {
    content: "\e0c3"
}

.typcn-phone-outline:before {
    content: "\e0c4"
}

.typcn-phone:before {
    content: "\e0c5"
}

.typcn-pi-outline:before {
    content: "\e0c6"
}

.typcn-pi:before {
    content: "\e0c7"
}

.typcn-pin-outline:before {
    content: "\e0c8"
}

.typcn-pin:before {
    content: "\e0c9"
}

.typcn-pipette:before {
    content: "\e0ca"
}

.typcn-plane-outline:before {
    content: "\e0cb"
}

.typcn-plane:before {
    content: "\e0cc"
}

.typcn-plug:before {
    content: "\e0cd"
}

.typcn-plus-outline:before {
    content: "\e0ce"
}

.typcn-plus:before {
    content: "\e0cf"
}

.typcn-point-of-interest-outline:before {
    content: "\e0d0"
}

.typcn-point-of-interest:before {
    content: "\e0d1"
}

.typcn-power-outline:before {
    content: "\e0d2"
}

.typcn-power:before {
    content: "\e0d3"
}

.typcn-printer:before {
    content: "\e0d4"
}

.typcn-puzzle-outline:before {
    content: "\e0d5"
}

.typcn-puzzle:before {
    content: "\e0d6"
}

.typcn-radar-outline:before {
    content: "\e0d7"
}

.typcn-radar:before {
    content: "\e0d8"
}

.typcn-refresh-outline:before {
    content: "\e0d9"
}

.typcn-refresh:before {
    content: "\e0da"
}

.typcn-rss-outline:before {
    content: "\e0db"
}

.typcn-rss:before {
    content: "\e0dc"
}

.typcn-scissors-outline:before {
    content: "\e0dd"
}

.typcn-scissors:before {
    content: "\e0de"
}

.typcn-shopping-bag:before {
    content: "\e0df"
}

.typcn-shopping-cart:before {
    content: "\e0e0"
}

.typcn-social-at-circular:before {
    content: "\e0e1"
}

.typcn-social-dribbble-circular:before {
    content: "\e0e2"
}

.typcn-social-dribbble:before {
    content: "\e0e3"
}

.typcn-social-facebook-circular:before {
    content: "\e0e4"
}

.typcn-social-facebook:before {
    content: "\e0e5"
}

.typcn-social-flickr-circular:before {
    content: "\e0e6"
}

.typcn-social-flickr:before {
    content: "\e0e7"
}

.typcn-social-github-circular:before {
    content: "\e0e8"
}

.typcn-social-github:before {
    content: "\e0e9"
}

.typcn-social-google-plus-circular:before {
    content: "\e0ea"
}

.typcn-social-google-plus:before {
    content: "\e0eb"
}

.typcn-social-instagram-circular:before {
    content: "\e0ec"
}

.typcn-social-instagram:before {
    content: "\e0ed"
}

.typcn-social-last-fm-circular:before {
    content: "\e0ee"
}

.typcn-social-last-fm:before {
    content: "\e0ef"
}

.typcn-social-linkedin-circular:before {
    content: "\e0f0"
}

.typcn-social-linkedin:before {
    content: "\e0f1"
}

.typcn-social-pinterest-circular:before {
    content: "\e0f2"
}

.typcn-social-pinterest:before {
    content: "\e0f3"
}

.typcn-social-skype-outline:before {
    content: "\e0f4"
}

.typcn-social-skype:before {
    content: "\e0f5"
}

.typcn-social-tumbler-circular:before {
    content: "\e0f6"
}

.typcn-social-tumbler:before {
    content: "\e0f7"
}

.typcn-social-twitter-circular:before {
    content: "\e0f8"
}

.typcn-social-twitter:before {
    content: "\e0f9"
}

.typcn-social-vimeo-circular:before {
    content: "\e0fa"
}

.typcn-social-vimeo:before {
    content: "\e0fb"
}

.typcn-social-youtube-circular:before {
    content: "\e0fc"
}

.typcn-social-youtube:before {
    content: "\e0fd"
}

.typcn-sort-alphabetically-outline:before {
    content: "\e0fe"
}

.typcn-sort-alphabetically:before {
    content: "\e0ff"
}

.typcn-sort-numerically-outline:before {
    content: "\e100"
}

.typcn-sort-numerically:before {
    content: "\e101"
}

.typcn-spanner-outline:before {
    content: "\e102"
}

.typcn-spanner:before {
    content: "\e103"
}

.typcn-spiral:before {
    content: "\e104"
}

.typcn-star-full-outline:before {
    content: "\e105"
}

.typcn-star-half-outline:before {
    content: "\e106"
}

.typcn-star-half:before {
    content: "\e107"
}

.typcn-star-outline:before {
    content: "\e108"
}

.typcn-star:before {
    content: "\e109"
}

.typcn-starburst-outline:before {
    content: "\e10a"
}

.typcn-starburst:before {
    content: "\e10b"
}

.typcn-stopwatch:before {
    content: "\e10c"
}

.typcn-support:before {
    content: "\e10d"
}

.typcn-tabs-outline:before {
    content: "\e10e"
}

.typcn-tag:before {
    content: "\e10f"
}

.typcn-tags:before {
    content: "\e110"
}

.typcn-th-large-outline:before {
    content: "\e111"
}

.typcn-th-large:before {
    content: "\e112"
}

.typcn-th-list-outline:before {
    content: "\e113"
}

.typcn-th-list:before {
    content: "\e114"
}

.typcn-th-menu-outline:before {
    content: "\e115"
}

.typcn-th-menu:before {
    content: "\e116"
}

.typcn-th-small-outline:before {
    content: "\e117"
}

.typcn-th-small:before {
    content: "\e118"
}

.typcn-thermometer:before {
    content: "\e119"
}

.typcn-thumbs-down:before {
    content: "\e11a"
}

.typcn-thumbs-ok:before {
    content: "\e11b"
}

.typcn-thumbs-up:before {
    content: "\e11c"
}

.typcn-tick-outline:before {
    content: "\e11d"
}

.typcn-tick:before {
    content: "\e11e"
}

.typcn-ticket:before {
    content: "\e11f"
}

.typcn-time:before {
    content: "\e120"
}

.typcn-times-outline:before {
    content: "\e121"
}

.typcn-times:before {
    content: "\e122"
}

.typcn-trash:before {
    content: "\e123"
}

.typcn-tree:before {
    content: "\e124"
}

.typcn-upload-outline:before {
    content: "\e125"
}

.typcn-upload:before {
    content: "\e126"
}

.typcn-user-add-outline:before {
    content: "\e127"
}

.typcn-user-add:before {
    content: "\e128"
}

.typcn-user-delete-outline:before {
    content: "\e129"
}

.typcn-user-delete:before {
    content: "\e12a"
}

.typcn-user-outline:before {
    content: "\e12b"
}

.typcn-user:before {
    content: "\e12c"
}

.typcn-vendor-android:before {
    content: "\e12d"
}

.typcn-vendor-apple:before {
    content: "\e12e"
}

.typcn-vendor-microsoft:before {
    content: "\e12f"
}

.typcn-video-outline:before {
    content: "\e130"
}

.typcn-video:before {
    content: "\e131"
}

.typcn-volume-down:before {
    content: "\e132"
}

.typcn-volume-mute:before {
    content: "\e133"
}

.typcn-volume-up:before {
    content: "\e134"
}

.typcn-volume:before {
    content: "\e135"
}

.typcn-warning-outline:before {
    content: "\e136"
}

.typcn-warning:before {
    content: "\e137"
}

.typcn-watch:before {
    content: "\e138"
}

.typcn-waves-outline:before {
    content: "\e139"
}

.typcn-waves:before {
    content: "\e13a"
}

.typcn-weather-cloudy:before {
    content: "\e13b"
}

.typcn-weather-downpour:before {
    content: "\e13c"
}

.typcn-weather-night:before {
    content: "\e13d"
}

.typcn-weather-partly-sunny:before {
    content: "\e13e"
}

.typcn-weather-shower:before {
    content: "\e13f"
}

.typcn-weather-snow:before {
    content: "\e140"
}

.typcn-weather-stormy:before {
    content: "\e141"
}

.typcn-weather-sunny:before {
    content: "\e142"
}

.typcn-weather-windy-cloudy:before {
    content: "\e143"
}

.typcn-weather-windy:before {
    content: "\e144"
}

.typcn-wi-fi-outline:before {
    content: "\e145"
}

.typcn-wi-fi:before {
    content: "\e146"
}

.typcn-wine:before {
    content: "\e147"
}

.typcn-world-outline:before {
    content: "\e148"
}

.typcn-world:before {
    content: "\e149"
}

.typcn-zoom-in-outline:before {
    content: "\e14a"
}

.typcn-zoom-in:before {
    content: "\e14b"
}

.typcn-zoom-out-outline:before {
    content: "\e14c"
}

.typcn-zoom-out:before {
    content: "\e14d"
}

.typcn-zoom-outline:before {
    content: "\e14e"
}

.typcn-zoom:before {
    content: "\e14f"
}

.intl-tel-input {
    position: relative;
    float: left;
    width: 90px
}

.intl-tel-input .hide {
    display: none
}

.intl-tel-input .flag-dropdown {
    position: absolute;
    z-index: 1;
    cursor: pointer
}

.intl-tel-input .flag-dropdown .selected-bs-flag {
    margin: 1px;
    padding: 6px 16px 6px 6px
}

.intl-tel-input .flag-dropdown .selected-bs-flag:hover {
    background-color: #0000000d
}

.intl-tel-input .flag-dropdown .selected-bs-flag .down-arrow {
    top: 6px;
    position: relative;
    left: 20px;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid black
}

.intl-tel-input .flag-dropdown .country-list {
    list-style: none;
    padding: 0;
    margin: 0;
    z-index: 1;
    overflow-y: scroll;
    box-shadow: 1px 1px 4px #0003;
    background-color: #fff;
    border: 1px solid #cccccc;
    position: absolute;
    top: 29px;
    width: 330px;
    max-height: 200px
}

.intl-tel-input .flag-dropdown .country-list .divider {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #cccccc
}

.intl-tel-input .flag-dropdown .country-list .country {
    line-height: 16px;
    padding: 4px 10px
}

.intl-tel-input .flag-dropdown .country-list .country .dial-code {
    color: #999
}

.intl-tel-input .flag-dropdown .country-list .country.highlight {
    background-color: #0000000d
}

.intl-tel-input .flag-dropdown .country-list .flag {
    display: inline-block;
    vertical-align: bottom
}

.intl-tel-input .flag-dropdown .country-list .flag,
.intl-tel-input .flag-dropdown .country-list .country-name {
    margin-right: 6px
}

.intl-tel-input input {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 30px;
    padding-left: 40px;
    position: relative;
    z-index: 0
}

.f16 .flag {
    width: 16px;
    height: 16px;
    background: url(flags16.e942c4aa01b10c58.png) no-repeat
}

.f16 ._African_Union {
    background-position: 0 -16px
}

.f16 ._Arab_League {
    background-position: 0 -32px
}

.f16 ._ASEAN {
    background-position: 0 -48px
}

.f16 ._CARICOM {
    background-position: 0 -64px
}

.f16 ._CIS {
    background-position: 0 -80px
}

.f16 ._Commonwealth {
    background-position: 0 -96px
}

.f16 ._England {
    background-position: 0 -112px
}

.f16 ._European_Union {
    background-position: 0 -128px
}

.f16 ._Islamic_Conference {
    background-position: 0 -144px
}

.f16 ._Kosovo {
    background-position: 0 -160px
}

.f16 ._NATO {
    background-position: 0 -176px
}

.f16 ._Northern_Cyprus {
    background-position: 0 -192px
}

.f16 ._Northern_Ireland {
    background-position: 0 -208px
}

.f16 ._Olimpic_Movement {
    background-position: 0 -224px
}

.f16 ._OPEC {
    background-position: 0 -240px
}

.f16 ._Red_Cross {
    background-position: 0 -256px
}

.f16 ._Scotland {
    background-position: 0 -272px
}

.f16 ._Somaliland {
    background-position: 0 -288px
}

.f16 ._Tibet {
    background-position: 0 -304px
}

.f16 ._United_Nations {
    background-position: 0 -320px
}

.f16 ._Wales {
    background-position: 0 -336px
}

.f16 .ad {
    background-position: 0 -352px
}

.f16 .ae {
    background-position: 0 -368px
}

.f16 .af {
    background-position: 0 -384px
}

.f16 .ag {
    background-position: 0 -400px
}

.f16 .ai {
    background-position: 0 -416px
}

.f16 .al {
    background-position: 0 -432px
}

.f16 .am {
    background-position: 0 -448px
}

.f16 .an {
    background-position: 0 -464px
}

.f16 .ao {
    background-position: 0 -480px
}

.f16 .aq {
    background-position: 0 -496px
}

.f16 .ar {
    background-position: 0 -512px
}

.f16 .as {
    background-position: 0 -528px
}

.f16 .at {
    background-position: 0 -544px
}

.f16 .au {
    background-position: 0 -560px
}

.f16 .aw {
    background-position: 0 -576px
}

.f16 .az {
    background-position: 0 -592px
}

.f16 .ba {
    background-position: 0 -608px
}

.f16 .bb {
    background-position: 0 -624px
}

.f16 .bd {
    background-position: 0 -640px
}

.f16 .be {
    background-position: 0 -656px
}

.f16 .bf {
    background-position: 0 -672px
}

.f16 .bg {
    background-position: 0 -688px
}

.f16 .bh {
    background-position: 0 -704px
}

.f16 .bi {
    background-position: 0 -720px
}

.f16 .bj {
    background-position: 0 -736px
}

.f16 .bm {
    background-position: 0 -752px
}

.f16 .bn {
    background-position: 0 -768px
}

.f16 .bo {
    background-position: 0 -784px
}

.f16 .br {
    background-position: 0 -800px
}

.f16 .bs {
    background-position: 0 -816px
}

.f16 .bt {
    background-position: 0 -832px
}

.f16 .bw {
    background-position: 0 -848px
}

.f16 .by {
    background-position: 0 -864px
}

.f16 .bz {
    background-position: 0 -880px
}

.f16 .ca {
    background-position: 0 -896px
}

.f16 .cg {
    background-position: 0 -912px
}

.f16 .cf {
    background-position: 0 -928px
}

.f16 .cd {
    background-position: 0 -944px
}

.f16 .ch {
    background-position: 0 -960px
}

.f16 .ci {
    background-position: 0 -976px
}

.f16 .ck {
    background-position: 0 -992px
}

.f16 .cl {
    background-position: 0 -1008px
}

.f16 .cm {
    background-position: 0 -1024px
}

.f16 .cn {
    background-position: 0 -1040px
}

.f16 .co {
    background-position: 0 -1056px
}

.f16 .cr {
    background-position: 0 -1072px
}

.f16 .cu {
    background-position: 0 -1088px
}

.f16 .cv {
    background-position: 0 -1104px
}

.f16 .cy {
    background-position: 0 -1120px
}

.f16 .cz {
    background-position: 0 -1136px
}

.f16 .de {
    background-position: 0 -1152px
}

.f16 .dj {
    background-position: 0 -1168px
}

.f16 .dk {
    background-position: 0 -1184px
}

.f16 .dm {
    background-position: 0 -1200px
}

.f16 .do {
    background-position: 0 -1216px
}

.f16 .dz {
    background-position: 0 -1232px
}

.f16 .ec {
    background-position: 0 -1248px
}

.f16 .ee {
    background-position: 0 -1264px
}

.f16 .eg {
    background-position: 0 -1280px
}

.f16 .eh {
    background-position: 0 -1296px
}

.f16 .er {
    background-position: 0 -1312px
}

.f16 .es {
    background-position: 0 -1328px
}

.f16 .et {
    background-position: 0 -1344px
}

.f16 .fi {
    background-position: 0 -1360px
}

.f16 .fj {
    background-position: 0 -1376px
}

.f16 .fm {
    background-position: 0 -1392px
}

.f16 .fo {
    background-position: 0 -1408px
}

.f16 .fr {
    background-position: 0 -1424px
}

.f16 .ga {
    background-position: 0 -1440px
}

.f16 .gb {
    background-position: 0 -1456px
}

.f16 .gd {
    background-position: 0 -1472px
}

.f16 .ge {
    background-position: 0 -1488px
}

.f16 .gg {
    background-position: 0 -1504px
}

.f16 .gh {
    background-position: 0 -1520px
}

.f16 .gi {
    background-position: 0 -1536px
}

.f16 .gl {
    background-position: 0 -1552px
}

.f16 .gm {
    background-position: 0 -1568px
}

.f16 .gn {
    background-position: 0 -1584px
}

.f16 .gp {
    background-position: 0 -1600px
}

.f16 .gq {
    background-position: 0 -1616px
}

.f16 .gr {
    background-position: 0 -1632px
}

.f16 .gt {
    background-position: 0 -1648px
}

.f16 .gu {
    background-position: 0 -1664px
}

.f16 .gw {
    background-position: 0 -1680px
}

.f16 .gy {
    background-position: 0 -1696px
}

.f16 .hk {
    background-position: 0 -1712px
}

.f16 .hn {
    background-position: 0 -1728px
}

.f16 .hr {
    background-position: 0 -1744px
}

.f16 .ht {
    background-position: 0 -1760px
}

.f16 .hu {
    background-position: 0 -1776px
}

.f16 .id,
.f16 .mc {
    background-position: 0 -1792px
}

.f16 .ie {
    background-position: 0 -1808px
}

.f16 .il {
    background-position: 0 -1824px
}

.f16 .im {
    background-position: 0 -1840px
}

.f16 .in {
    background-position: 0 -1856px
}

.f16 .iq {
    background-position: 0 -1872px
}

.f16 .ir {
    background-position: 0 -1888px
}

.f16 .is {
    background-position: 0 -1904px
}

.f16 .it {
    background-position: 0 -1920px
}

.f16 .je {
    background-position: 0 -1936px
}

.f16 .jm {
    background-position: 0 -1952px
}

.f16 .jo {
    background-position: 0 -1968px
}

.f16 .jp {
    background-position: 0 -1984px
}

.f16 .ke {
    background-position: 0 -2000px
}

.f16 .kg {
    background-position: 0 -2016px
}

.f16 .kh {
    background-position: 0 -2032px
}

.f16 .ki {
    background-position: 0 -2048px
}

.f16 .km {
    background-position: 0 -2064px
}

.f16 .kn {
    background-position: 0 -2080px
}

.f16 .kp {
    background-position: 0 -2096px
}

.f16 .kr {
    background-position: 0 -2112px
}

.f16 .kw {
    background-position: 0 -2128px
}

.f16 .ky {
    background-position: 0 -2144px
}

.f16 .kz {
    background-position: 0 -2160px
}

.f16 .la {
    background-position: 0 -2176px
}

.f16 .lb {
    background-position: 0 -2192px
}

.f16 .lc {
    background-position: 0 -2208px
}

.f16 .li {
    background-position: 0 -2224px
}

.f16 .lk {
    background-position: 0 -2240px
}

.f16 .lr {
    background-position: 0 -2256px
}

.f16 .ls {
    background-position: 0 -2272px
}

.f16 .lt {
    background-position: 0 -2288px
}

.f16 .lu {
    background-position: 0 -2304px
}

.f16 .lv {
    background-position: 0 -2320px
}

.f16 .ly {
    background-position: 0 -2336px
}

.f16 .ma {
    background-position: 0 -2352px
}

.f16 .md {
    background-position: 0 -2368px
}

.f16 .me {
    background-position: 0 -2384px
}

.f16 .mg {
    background-position: 0 -2400px
}

.f16 .mh {
    background-position: 0 -2416px
}

.f16 .mk {
    background-position: 0 -2432px
}

.f16 .ml {
    background-position: 0 -2448px
}

.f16 .mm {
    background-position: 0 -2464px
}

.f16 .mn {
    background-position: 0 -2480px
}

.f16 .mo {
    background-position: 0 -2496px
}

.f16 .mq {
    background-position: 0 -2512px
}

.f16 .mr {
    background-position: 0 -2528px
}

.f16 .ms {
    background-position: 0 -2544px
}

.f16 .mt {
    background-position: 0 -2560px
}

.f16 .mu {
    background-position: 0 -2576px
}

.f16 .mv {
    background-position: 0 -2592px
}

.f16 .mw {
    background-position: 0 -2608px
}

.f16 .mx {
    background-position: 0 -2624px
}

.f16 .my {
    background-position: 0 -2640px
}

.f16 .mz {
    background-position: 0 -2656px
}

.f16 .na {
    background-position: 0 -2672px
}

.f16 .nc {
    background-position: 0 -2688px
}

.f16 .ne {
    background-position: 0 -2704px
}

.f16 .ng {
    background-position: 0 -2720px
}

.f16 .ni {
    background-position: 0 -2736px
}

.f16 .nl {
    background-position: 0 -2752px
}

.f16 .no {
    background-position: 0 -2768px
}

.f16 .np {
    background-position: 0 -2784px
}

.f16 .nr {
    background-position: 0 -2800px
}

.f16 .nz {
    background-position: 0 -2816px
}

.f16 .om {
    background-position: 0 -2832px
}

.f16 .pa {
    background-position: 0 -2848px
}

.f16 .pe {
    background-position: 0 -2864px
}

.f16 .pf {
    background-position: 0 -2880px
}

.f16 .pg {
    background-position: 0 -2896px
}

.f16 .ph {
    background-position: 0 -2912px
}

.f16 .pk {
    background-position: 0 -2928px
}

.f16 .pl {
    background-position: 0 -2944px
}

.f16 .pr {
    background-position: 0 -2960px
}

.f16 .ps {
    background-position: 0 -2976px
}

.f16 .pt {
    background-position: 0 -2992px
}

.f16 .pw {
    background-position: 0 -3008px
}

.f16 .py {
    background-position: 0 -3024px
}

.f16 .qa {
    background-position: 0 -3040px
}

.f16 .re {
    background-position: 0 -3056px
}

.f16 .ro {
    background-position: 0 -3072px
}

.f16 .rs {
    background-position: 0 -3088px
}

.f16 .ru {
    background-position: 0 -3104px
}

.f16 .rw {
    background-position: 0 -3120px
}

.f16 .sa {
    background-position: 0 -3136px
}

.f16 .sb {
    background-position: 0 -3152px
}

.f16 .sc {
    background-position: 0 -3168px
}

.f16 .sd {
    background-position: 0 -3184px
}

.f16 .se {
    background-position: 0 -3200px
}

.f16 .sg {
    background-position: 0 -3216px
}

.f16 .si {
    background-position: 0 -3232px
}

.f16 .sk {
    background-position: 0 -3248px
}

.f16 .sl {
    background-position: 0 -3264px
}

.f16 .sm {
    background-position: 0 -3280px
}

.f16 .sn {
    background-position: 0 -3296px
}

.f16 .so {
    background-position: 0 -3312px
}

.f16 .sr {
    background-position: 0 -3328px
}

.f16 .st {
    background-position: 0 -3344px
}

.f16 .sv {
    background-position: 0 -3360px
}

.f16 .sy {
    background-position: 0 -3376px
}

.f16 .sz {
    background-position: 0 -3392px
}

.f16 .tc {
    background-position: 0 -3408px
}

.f16 .td {
    background-position: 0 -3424px
}

.f16 .tg {
    background-position: 0 -3440px
}

.f16 .th {
    background-position: 0 -3456px
}

.f16 .tj {
    background-position: 0 -3472px
}

.f16 .tl {
    background-position: 0 -3488px
}

.f16 .tm {
    background-position: 0 -3504px
}

.f16 .tn {
    background-position: 0 -3520px
}

.f16 .to {
    background-position: 0 -3536px
}

.f16 .tr {
    background-position: 0 -3552px
}

.f16 .tt {
    background-position: 0 -3568px
}

.f16 .tv {
    background-position: 0 -3584px
}

.f16 .tw {
    background-position: 0 -3600px
}

.f16 .tz {
    background-position: 0 -3616px
}

.f16 .ua {
    background-position: 0 -3632px
}

.f16 .ug {
    background-position: 0 -3648px
}

.f16 .us {
    background-position: 0 -3664px
}

.f16 .uy {
    background-position: 0 -3680px
}

.f16 .uz {
    background-position: 0 -3696px
}

.f16 .va {
    background-position: 0 -3712px
}

.f16 .vc {
    background-position: 0 -3728px
}

.f16 .ve {
    background-position: 0 -3744px
}

.f16 .vg {
    background-position: 0 -3760px
}

.f16 .vi {
    background-position: 0 -3776px
}

.f16 .vn {
    background-position: 0 -3792px
}

.f16 .vu {
    background-position: 0 -3808px
}

.f16 .ws {
    background-position: 0 -3824px
}

.f16 .ye {
    background-position: 0 -3840px
}

.f16 .za {
    background-position: 0 -3856px
}

.f16 .zm {
    background-position: 0 -3872px
}

.f16 .zw {
    background-position: 0 -3888px
}

.flag-icon-background {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.flag-icon {
    position: relative;
    display: inline-block;
    width: 1.33333333em;
    line-height: 1em;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.flag-icon:before {
    content: "\a0"
}

.dropdown-menu .flag-icon {
    margin-right: 5px
}

.flag-icon-ad {
    background-image: url(ad.db18fa6e62929594.svg)
}

.flag-icon-ae {
    background-image: url(ae.338897e970213dfe.svg)
}

.flag-icon-af {
    background-image: url(af.c19afd20e8514a07.svg)
}

.flag-icon-ag {
    background-image: url(ag.ae9f4b4592f00d1a.svg)
}

.flag-icon-ai {
    background-image: url(ai.00917288373ecb6b.svg)
}

.flag-icon-al {
    background-image: url(al.15f5f6d1d466ab09.svg)
}

.flag-icon-am {
    background-image: url(am.abf487bcf2ae64d5.svg)
}

.flag-icon-ao {
    background-image: url(ao.f8ce73cb76d620c5.svg)
}

.flag-icon-aq {
    background-image: url(aq.4dd26ea1830b7574.svg)
}

.flag-icon-ar {
    background-image: url(ar.89cee59283cb2d85.svg)
}

.flag-icon-as {
    background-image: url(as.0ec375964b61695c.svg)
}

.flag-icon-at {
    background-image: url(at.1ed8a99560ba67d5.svg)
}

.flag-icon-au {
    background-image: url(au.c3d2d74656be1521.svg)
}

.flag-icon-aw {
    background-image: url(aw.b96867aed52f282c.svg)
}

.flag-icon-ax {
    background-image: url(ax.0286860d3197b721.svg)
}

.flag-icon-az {
    background-image: url(az.56849eac3479e675.svg)
}

.flag-icon-ba {
    background-image: url(ba.f64b8e39527870cf.svg)
}

.flag-icon-bb {
    background-image: url(bb.cde566ef459dd39d.svg)
}

.flag-icon-bd {
    background-image: url(bd.6438ea287a3d18b4.svg)
}

.flag-icon-be {
    background-image: url(be.1eedae1e52207069.svg)
}

.flag-icon-bf {
    background-image: url(bf.f95b065b488821a4.svg)
}

.flag-icon-bg {
    background-image: url(bg.5d9f5a62b43cbc34.svg)
}

.flag-icon-bh {
    background-image: url(bh.2c913e847004e7b1.svg)
}

.flag-icon-bi {
    background-image: url(bi.011a45c37b600f25.svg)
}

.flag-icon-bj {
    background-image: url(bj.b2459fc2bc1aae8f.svg)
}

.flag-icon-bl {
    background-image: url(bl.5dff30d69b895913.svg)
}

.flag-icon-bm {
    background-image: url(bm.4c8f90b33dddfc2a.svg)
}

.flag-icon-bn {
    background-image: url(bn.05e02362a4b02697.svg)
}

.flag-icon-bo {
    background-image: url(bo.b695b8f740878da4.svg)
}

.flag-icon-bq {
    background-image: url(bq.412565ce09ae135a.svg)
}

.flag-icon-br {
    background-image: url(br.1b22781adda4460f.svg)
}

.flag-icon-bs {
    background-image: url(bs.a5f8544bb0738851.svg)
}

.flag-icon-bt {
    background-image: url(bt.2b2a53faaae83c28.svg)
}

.flag-icon-bv {
    background-image: url(bv.2d07410d9a06dad8.svg)
}

.flag-icon-bw {
    background-image: url(bw.90a7af9fa22874d8.svg)
}

.flag-icon-by {
    background-image: url(by.264f7b57ddf9b706.svg)
}

.flag-icon-bz {
    background-image: url(bz.e6ec6d1118203e01.svg)
}

.flag-icon-ca {
    background-image: url(ca.c6bedf4cda60cd05.svg)
}

.flag-icon-cc {
    background-image: url(cc.fdf50f46d29dff30.svg)
}

.flag-icon-cd {
    background-image: url(cd.e019ca8442adfdfd.svg)
}

.flag-icon-cf {
    background-image: url(cf.5d85477b5d9135f0.svg)
}

.flag-icon-cg {
    background-image: url(cg.109ef9f19d159e9c.svg)
}

.flag-icon-ch {
    background-image: url(ch.ab3bf880d24ebf88.svg)
}

.flag-icon-ci {
    background-image: url(ci.73d6eb96d4beef60.svg)
}

.flag-icon-ck {
    background-image: url(ck.36b9408c5bdc7695.svg)
}

.flag-icon-cl {
    background-image: url(cl.f79909b354fb5e0f.svg)
}

.flag-icon-cm {
    background-image: url(cm.b1616e6154851436.svg)
}

.flag-icon-cn {
    background-image: url(cn.d45103cad0dc8239.svg)
}

.flag-icon-co {
    background-image: url(co.8940fd06dd898ede.svg)
}

.flag-icon-cr {
    background-image: url(cr.fa53e99ef84aba57.svg)
}

.flag-icon-cu {
    background-image: url(cu.a0dfa07b99abf3a9.svg)
}

.flag-icon-cv {
    background-image: url(cv.46032ad5c745e021.svg)
}

.flag-icon-cw {
    background-image: url(cw.8f9223a7da3a5eb5.svg)
}

.flag-icon-cx {
    background-image: url(cx.25c36e017c76ad88.svg)
}

.flag-icon-cy {
    background-image: url(cy.7a188676ab545de3.svg)
}

.flag-icon-cz {
    background-image: url(cz.5e160bfb7e1174e1.svg)
}

.flag-icon-de {
    background-image: url(de.b6d5d582d8c1107a.svg)
}

.flag-icon-dj {
    background-image: url(dj.60ec3b3a3fc63d0a.svg)
}

.flag-icon-dk {
    background-image: url(dk.dddcf2a083610c9f.svg)
}

.flag-icon-dm {
    background-image: url(dm.1deb42464a04df34.svg)
}

.flag-icon-do {
    background-image: url(do.c030653a784cacd6.svg)
}

.flag-icon-dz {
    background-image: url(dz.f0d3b466e72c5184.svg)
}

.flag-icon-ec {
    background-image: url(ec.cb613ef3105fccda.svg)
}

.flag-icon-ee {
    background-image: url(ee.b9c32417cb35d614.svg)
}

.flag-icon-eg {
    background-image: url(eg.78c562e2d3c8c89d.svg)
}

.flag-icon-eh {
    background-image: url(eh.2e59dbd978439173.svg)
}

.flag-icon-er {
    background-image: url(er.ec24c22e21a01daa.svg)
}

.flag-icon-es {
    background-image: url(es.ef90ae86944b0935.svg)
}

.flag-icon-et {
    background-image: url(et.5b0d078202e0f5e1.svg)
}

.flag-icon-fi {
    background-image: url(fi.dd0bfeea504f38a7.svg)
}

.flag-icon-fj {
    background-image: url(fj.a461cb3e72a9cc05.svg)
}

.flag-icon-fk {
    background-image: url(fk.d54751afe69cc97a.svg)
}

.flag-icon-fm {
    background-image: url(fm.759795cdfb17d5d8.svg)
}

.flag-icon-fo {
    background-image: url(fo.7c2b333597fe3f16.svg)
}

.flag-icon-fr {
    background-image: url(fr.c8290225c8f52f70.svg)
}

.flag-icon-ga {
    background-image: url(ga.5c4c32cad4073bde.svg)
}

.flag-icon-gb {
    background-image: url(gb.a142c96a46305540.svg)
}

.flag-icon-gd {
    background-image: url(gd.d3c5ca790195f002.svg)
}

.flag-icon-ge {
    background-image: url(ge.d83e565dc549015a.svg)
}

.flag-icon-gf {
    background-image: url(gf.830e6c6f59c600c2.svg)
}

.flag-icon-gg {
    background-image: url(gg.f2bbff053cec1182.svg)
}

.flag-icon-gh {
    background-image: url(gh.135e8a3b0a2d7704.svg)
}

.flag-icon-gi {
    background-image: url(gi.bed966e6a657996c.svg)
}

.flag-icon-gl {
    background-image: url(gl.06d7b1e5f4d88656.svg)
}

.flag-icon-gm {
    background-image: url(gm.2ee1256bab43afa6.svg)
}

.flag-icon-gn {
    background-image: url(gn.e2c8b826d84b7253.svg)
}

.flag-icon-gp {
    background-image: url(gp.c8290225c8f52f70.svg)
}

.flag-icon-gq {
    background-image: url(gq.8a4e876de3f255c4.svg)
}

.flag-icon-gr {
    background-image: url(gr.10d72559f6b963f3.svg)
}

.flag-icon-gs {
    background-image: url(gs.4269daafecce11f7.svg)
}

.flag-icon-gt {
    background-image: url(gt.54e838663386b15d.svg)
}

.flag-icon-gu {
    background-image: url(gu.2af5f50e120ce110.svg)
}

.flag-icon-gw {
    background-image: url(gw.42311b37952e302c.svg)
}

.flag-icon-gy {
    background-image: url(gy.2402baa0a2acbfac.svg)
}

.flag-icon-hk {
    background-image: url(hk.4f727a9f32b4f834.svg)
}

.flag-icon-hm {
    background-image: url(hm.ac3623a851968df6.svg)
}

.flag-icon-hn {
    background-image: url(hn.50c52508292a0216.svg)
}

.flag-icon-hr {
    background-image: url(hr.cab7b61f22926f4c.svg)
}

.flag-icon-ht {
    background-image: url(ht.b10fa85ee84ec7fd.svg)
}

.flag-icon-hu {
    background-image: url(hu.b37bfdd0351cdc48.svg)
}

.flag-icon-id {
    background-image: url(id.42e996fe6853a4f3.svg)
}

.flag-icon-ie {
    background-image: url(ie.286982d0deb99e53.svg)
}

.flag-icon-il {
    background-image: url(il.6b3536528840505d.svg)
}

.flag-icon-im {
    background-image: url(im.e3e1c1f2341e8176.svg)
}

.flag-icon-in {
    background-image: url(in.d7cac21eceab2d04.svg)
}

.flag-icon-io {
    background-image: url(io.9a7364b1e06b2f50.svg)
}

.flag-icon-iq {
    background-image: url(iq.f09f79bb84b54fe4.svg)
}

.flag-icon-ir {
    background-image: url(ir.b915f324fb831509.svg)
}

.flag-icon-is {
    background-image: url(is.e4671d9545fbb130.svg)
}

.flag-icon-it {
    background-image: url(it.00acd90a8f04aac3.svg)
}

.flag-icon-je {
    background-image: url(je.1f3f1dc0710cffae.svg)
}

.flag-icon-jm {
    background-image: url(jm.1853ade4ed188dd8.svg)
}

.flag-icon-jo {
    background-image: url(jo.0af03084d4d25135.svg)
}

.flag-icon-jp {
    background-image: url(jp.2006212d0370dca1.svg)
}

.flag-icon-ke {
    background-image: url(ke.8a3df43601217e10.svg)
}

.flag-icon-kg {
    background-image: url(kg.ef4746b25875a9d0.svg)
}

.flag-icon-kh {
    background-image: url(kh.1dbb8aedabb20792.svg)
}

.flag-icon-ki {
    background-image: url(ki.1d0c53fb7227ad38.svg)
}

.flag-icon-km {
    background-image: url(km.457ff182015d0d0d.svg)
}

.flag-icon-kn {
    background-image: url(kn.cc96075b03ddd829.svg)
}

.flag-icon-kp {
    background-image: url(kp.252a8a59be53e07b.svg)
}

.flag-icon-kr {
    background-image: url(kr.d5ce2e299e544756.svg)
}

.flag-icon-kw {
    background-image: url(kw.3861ccd35b23a68b.svg)
}

.flag-icon-ky {
    background-image: url(ky.350923e04bb85077.svg)
}

.flag-icon-kz {
    background-image: url(kz.c11f915c405076c8.svg)
}

.flag-icon-la {
    background-image: url(la.b1bcc8aba67539f2.svg)
}

.flag-icon-lb {
    background-image: url(lb.898465a68cf648ab.svg)
}

.flag-icon-lc {
    background-image: url(lc.39b838c96ac019c9.svg)
}

.flag-icon-li {
    background-image: url(li.dad10930cc44ad68.svg)
}

.flag-icon-lk {
    background-image: url(lk.e93107cef04b9ad6.svg)
}

.flag-icon-lr {
    background-image: url(lr.cf1a746c99c8e0fa.svg)
}

.flag-icon-ls {
    background-image: url(ls.5e48dfb33619f247.svg)
}

.flag-icon-lt {
    background-image: url(lt.7f04aed4fa9b0553.svg)
}

.flag-icon-lu {
    background-image: url(lu.3ecdbcd5fe09c083.svg)
}

.flag-icon-lv {
    background-image: url(lv.1eeebcba245c0ad5.svg)
}

.flag-icon-ly {
    background-image: url(ly.ff7c8767fe041180.svg)
}

.flag-icon-ma {
    background-image: url(ma.f144a619ccd5ded8.svg)
}

.flag-icon-mc {
    background-image: url(mc.e43f5b235599059c.svg)
}

.flag-icon-md {
    background-image: url(md.e3e3e219c5b9b39d.svg)
}

.flag-icon-me {
    background-image: url(me.f87db106d85ca7b4.svg)
}

.flag-icon-mf {
    background-image: url(mf.c8290225c8f52f70.svg)
}

.flag-icon-mg {
    background-image: url(mg.8cd868517daf5f32.svg)
}

.flag-icon-mh {
    background-image: url(mh.fab9c38218573cda.svg)
}

.flag-icon-mk {
    background-image: url(mk.8e802469c7bbc513.svg)
}

.flag-icon-ml {
    background-image: url(ml.e073ed1a817e7a83.svg)
}

.flag-icon-mm {
    background-image: url(mm.9270fe5814ff65fe.svg)
}

.flag-icon-mn {
    background-image: url(mn.874957ab9a45b8ff.svg)
}

.flag-icon-mo {
    background-image: url(mo.734f607eacc24b78.svg)
}

.flag-icon-mp {
    background-image: url(mp.099d3a36006276e2.svg)
}

.flag-icon-mq {
    background-image: url(mq.b6dda1736cde2f38.svg)
}

.flag-icon-mr {
    background-image: url(mr.cdcb0c0e78b8c436.svg)
}

.flag-icon-ms {
    background-image: url(ms.7e2ed5cddae427d2.svg)
}

.flag-icon-mt {
    background-image: url(mt.a24cc22b43ded79b.svg)
}

.flag-icon-mu {
    background-image: url(mu.e38de18fa5b55e50.svg)
}

.flag-icon-mv {
    background-image: url(mv.819f30d32b489c0d.svg)
}

.flag-icon-mw {
    background-image: url(mw.b0af48015a8b2d7f.svg)
}

.flag-icon-mx {
    background-image: url(mx.052d17a6d800bcf5.svg)
}

.flag-icon-my {
    background-image: url(my.bfd7e5dfa2fa291f.svg)
}

.flag-icon-mz {
    background-image: url(mz.f5e1fd55be114ec4.svg)
}

.flag-icon-na {
    background-image: url(na.11038416ac7160e5.svg)
}

.flag-icon-nc {
    background-image: url(nc.ade38bcd8887241a.svg)
}

.flag-icon-ne {
    background-image: url(ne.f4a1ff81b54a64ed.svg)
}

.flag-icon-nf {
    background-image: url(nf.f681b4e6613b0afa.svg)
}

.flag-icon-ng {
    background-image: url(ng.055ef2047d023f69.svg)
}

.flag-icon-ni {
    background-image: url(ni.1c2b1948f46f1343.svg)
}

.flag-icon-nl {
    background-image: url(nl.9c05dd6526a09c92.svg)
}

.flag-icon-no {
    background-image: url(no.23697386e48684a0.svg)
}

.flag-icon-np {
    background-image: url(np.b1ea6f757f2bb4b1.svg)
}

.flag-icon-nr {
    background-image: url(nr.8005ba1b719b0ab7.svg)
}

.flag-icon-nu {
    background-image: url(nu.e07d2874aca07fd6.svg)
}

.flag-icon-nz {
    background-image: url(nz.f6d5011e6ac1c277.svg)
}

.flag-icon-om {
    background-image: url(om.a443fe4eb756a98f.svg)
}

.flag-icon-pa {
    background-image: url(pa.6e66dc653165fa75.svg)
}

.flag-icon-pe {
    background-image: url(pe.ed7609f0b42764a3.svg)
}

.flag-icon-pf {
    background-image: url(pf.d903c2527b170e12.svg)
}

.flag-icon-pg {
    background-image: url(pg.db84a43d87932cae.svg)
}

.flag-icon-ph {
    background-image: url(ph.3decd2b11724e94b.svg)
}

.flag-icon-pk {
    background-image: url(pk.4d267d6e3c144910.svg)
}

.flag-icon-pl {
    background-image: url(pl.4bc34f865269747c.svg)
}

.flag-icon-pm {
    background-image: url(pm.ade38bcd8887241a.svg)
}

.flag-icon-pn {
    background-image: url(pn.d5e405c8168ed256.svg)
}

.flag-icon-pr {
    background-image: url(pr.a4e89f44ad9dcde6.svg)
}

.flag-icon-ps {
    background-image: url(ps.62741ba1ef9ec95f.svg)
}

.flag-icon-pt {
    background-image: url(pt.9ad7e5da2a9e6860.svg)
}

.flag-icon-pw {
    background-image: url(pw.27a068b5b99a8d8e.svg)
}

.flag-icon-py {
    background-image: url(py.119685a786d28a75.svg)
}

.flag-icon-qa {
    background-image: url(qa.1a8e01b1bd2168ee.svg)
}

.flag-icon-re {
    background-image: url(re.ade38bcd8887241a.svg)
}

.flag-icon-ro {
    background-image: url(ro.1f5740acd14fc2d7.svg)
}

.flag-icon-rs {
    background-image: url(rs.a4b95a6a61ddd423.svg)
}

.flag-icon-ru {
    background-image: url(ru.e946e0295368a21d.svg)
}

.flag-icon-rw {
    background-image: url(rw.1cb0465b57044ca1.svg)
}

.flag-icon-sa {
    background-image: url(sa.02295ad63c47e38d.svg)
}

.flag-icon-sb {
    background-image: url(sb.7f0a70da8e2bb796.svg)
}

.flag-icon-sc {
    background-image: url(sc.be48bd665ea720ce.svg)
}

.flag-icon-sd {
    background-image: url(sd.14032b6f4189b470.svg)
}

.flag-icon-se {
    background-image: url(se.604215f0c5445794.svg)
}

.flag-icon-sg {
    background-image: url(sg.c0c604a172012740.svg)
}

.flag-icon-sh {
    background-image: url(sh.92c65c7899bde300.svg)
}

.flag-icon-si {
    background-image: url(si.ea6ab8f271c5442b.svg)
}

.flag-icon-sj {
    background-image: url(sj.75187ed082e6d19f.svg)
}

.flag-icon-sk {
    background-image: url(sk.6b6f33130e1d7996.svg)
}

.flag-icon-sl {
    background-image: url(sl.724e132423130bb5.svg)
}

.flag-icon-sm {
    background-image: url(sm.1c0e17eaea6f2360.svg)
}

.flag-icon-sn {
    background-image: url(sn.0c9de7c97b58d4fa.svg)
}

.flag-icon-so {
    background-image: url(so.a1051ab4d716bb45.svg)
}

.flag-icon-sr {
    background-image: url(sr.29fbd7699cc7c380.svg)
}

.flag-icon-ss {
    background-image: url(ss.6640426f537f04e4.svg)
}

.flag-icon-st {
    background-image: url(st.e11e121de81ad41f.svg)
}

.flag-icon-sv {
    background-image: url(sv.81c4f8f982335db6.svg)
}

.flag-icon-sx {
    background-image: url(sx.811282ffd2d0f311.svg)
}

.flag-icon-sy {
    background-image: url(sy.9bf6537a88bfa5cb.svg)
}

.flag-icon-sz {
    background-image: url(sz.fd4223166e98e412.svg)
}

.flag-icon-tc {
    background-image: url(tc.86d6ab549b5506b5.svg)
}

.flag-icon-td {
    background-image: url(td.80a29ad0ed9e3305.svg)
}

.flag-icon-tf {
    background-image: url(tf.f582f7693444433f.svg)
}

.flag-icon-tg {
    background-image: url(tg.c0109b3ce83e058d.svg)
}

.flag-icon-th {
    background-image: url(th.a180db889653a68e.svg)
}

.flag-icon-tj {
    background-image: url(tj.5c813f7fd7601533.svg)
}

.flag-icon-tk {
    background-image: url(tk.7607e47385c9dc2d.svg)
}

.flag-icon-tl {
    background-image: url(tl.e87072be7e62e6e9.svg)
}

.flag-icon-tm {
    background-image: url(tm.eb838a5076af1280.svg)
}

.flag-icon-tn {
    background-image: url(tn.da7831f8c29d3f97.svg)
}

.flag-icon-to {
    background-image: url(to.6f1f4a2f7819dfe7.svg)
}

.flag-icon-tr {
    background-image: url(tr.7a85e5757e8f07e8.svg)
}

.flag-icon-tt {
    background-image: url(tt.1d35ea17a7eb0ae4.svg)
}

.flag-icon-tv {
    background-image: url(tv.3039fcf383c775be.svg)
}

.flag-icon-tw {
    background-image: url(tw.b96824e67c0fb6d3.svg)
}

.flag-icon-tz {
    background-image: url(tz.a7f3c769101fc86b.svg)
}

.flag-icon-ua {
    background-image: url(ua.9bb2531dfcda23d6.svg)
}

.flag-icon-ug {
    background-image: url(ug.078cb07f1a0e5118.svg)
}

.flag-icon-um {
    background-image: url(um.0684c628484e2cc5.svg)
}

.flag-icon-us {
    background-image: url(us.0684c628484e2cc5.svg)
}

.flag-icon-uy {
    background-image: url(uy.708bc91c22b123e6.svg)
}

.flag-icon-uz {
    background-image: url(uz.6d01ab58d361a61c.svg)
}

.flag-icon-va {
    background-image: url(va.462723f6b7753847.svg)
}

.flag-icon-vc {
    background-image: url(vc.9a1301deb2f13ea4.svg)
}

.flag-icon-ve {
    background-image: url(ve.2749bcbfd06ea294.svg)
}

.flag-icon-vg {
    background-image: url(vg.770f940135750321.svg)
}

.flag-icon-vi {
    background-image: url(vi.584f20a160d8d646.svg)
}

.flag-icon-vn {
    background-image: url(vn.3669a6cd0b89b47e.svg)
}

.flag-icon-vu {
    background-image: url(vu.d14c60e2d864f33a.svg)
}

.flag-icon-wf {
    background-image: url(wf.85eace03503f4345.svg)
}

.flag-icon-ws {
    background-image: url(ws.5ae02371c3171a06.svg)
}

.flag-icon-ye {
    background-image: url(ye.057ec7cffcedc82d.svg)
}

.flag-icon-yt {
    background-image: url(yt.ade38bcd8887241a.svg)
}

.flag-icon-za {
    background-image: url(za.67eb30015bcfa9fc.svg)
}

.flag-icon-zm {
    background-image: url(zm.3a3a4ec1034dec69.svg)
}

.flag-icon-zw {
    background-image: url(zw.1d71415771431ce9.svg)
}

.toast-center-center {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.toast-top-center {
    top: 0;
    right: 0;
    width: 100%
}

.toast-bottom-center {
    bottom: 0;
    right: 0;
    width: 100%
}

.toast-top-full-width {
    top: 0;
    right: 0;
    width: 100%
}

.toast-bottom-full-width {
    bottom: 0;
    right: 0;
    width: 100%
}

.toast-top-left {
    top: 12px;
    left: 12px
}

.toast-top-right {
    top: 12px;
    right: 12px
}

.toast-bottom-right {
    right: 12px;
    bottom: 12px
}

.toast-bottom-left {
    bottom: 12px;
    left: 12px
}

.toast-title {
    font-weight: 700
}

.toast-message {
    word-wrap: break-word
}

.toast-message a,
.toast-message label {
    color: #fff
}

.toast-message a:hover {
    color: #ccc;
    text-decoration: none
}

.toast-close-button {
    position: relative;
    right: -.3em;
    top: -.3em;
    float: right;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    text-shadow: 0 1px 0 #ffffff
}

.toast-close-button:hover,
.toast-close-button:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .4
}

button.toast-close-button {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0
}

.toast-container {
    pointer-events: none;
    position: fixed;
    z-index: 999999
}

.toast-container * {
    box-sizing: border-box
}

.toast-container .ngx-toastr {
    position: relative;
    overflow: hidden;
    margin: 0 0 6px;
    padding: 15px 15px 15px 50px;
    width: 300px;
    border-radius: 3px;
    background-position: 15px center;
    background-repeat: no-repeat;
    background-size: 24px;
    box-shadow: 0 0 12px #999;
    color: #fff
}

.toast-container .ngx-toastr:hover {
    box-shadow: 0 0 12px #000;
    opacity: 1;
    cursor: pointer
}

.toast-info {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOS4wNDMgOCA4IDExOS4wODMgOCAyNTZjMCAxMzYuOTk3IDExMS4wNDMgMjQ4IDI0OCAyNDhzMjQ4LTExMS4wMDMgMjQ4LTI0OEM1MDQgMTE5LjA4MyAzOTIuOTU3IDggMjU2IDh6bTAgMTEwYzIzLjE5NiAwIDQyIDE4LjgwNCA0MiA0MnMtMTguODA0IDQyLTQyIDQyLTQyLTE4LjgwNC00Mi00MiAxOC44MDQtNDIgNDItNDJ6bTU2IDI1NGMwIDYuNjI3LTUuMzczIDEyLTEyIDEyaC04OGMtNi42MjcgMC0xMi01LjM3My0xMi0xMnYtMjRjMC02LjYyNyA1LjM3My0xMiAxMi0xMmgxMnYtNjRoLTEyYy02LjYyNyAwLTEyLTUuMzczLTEyLTEydi0yNGMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDY0YzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MTAwaDEyYzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MjR6Jy8+PC9zdmc+)
}

.toast-error {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOSA4IDggMTE5IDggMjU2czExMSAyNDggMjQ4IDI0OCAyNDgtMTExIDI0OC0yNDhTMzkzIDggMjU2IDh6bTEyMS42IDMxMy4xYzQuNyA0LjcgNC43IDEyLjMgMCAxN0wzMzggMzc3LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwyNTYgMzEybC02NS4xIDY1LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwxMzQuNCAzMzhjLTQuNy00LjctNC43LTEyLjMgMC0xN2w2NS42LTY1LTY1LjYtNjUuMWMtNC43LTQuNy00LjctMTIuMyAwLTE3bDM5LjYtMzkuNmM0LjctNC43IDEyLjMtNC43IDE3IDBsNjUgNjUuNyA2NS4xLTY1LjZjNC43LTQuNyAxMi4zLTQuNyAxNyAwbDM5LjYgMzkuNmM0LjcgNC43IDQuNyAxMi4zIDAgMTdMMzEyIDI1Nmw2NS42IDY1LjF6Jy8+PC9zdmc+)
}

.toast-success {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTE3My44OTggNDM5LjQwNGwtMTY2LjQtMTY2LjRjLTkuOTk3LTkuOTk3LTkuOTk3LTI2LjIwNiAwLTM2LjIwNGwzNi4yMDMtMzYuMjA0YzkuOTk3LTkuOTk4IDI2LjIwNy05Ljk5OCAzNi4yMDQgMEwxOTIgMzEyLjY5IDQzMi4wOTUgNzIuNTk2YzkuOTk3LTkuOTk3IDI2LjIwNy05Ljk5NyAzNi4yMDQgMGwzNi4yMDMgMzYuMjA0YzkuOTk3IDkuOTk3IDkuOTk3IDI2LjIwNiAwIDM2LjIwNGwtMjk0LjQgMjk0LjQwMWMtOS45OTggOS45OTctMjYuMjA3IDkuOTk3LTM2LjIwNC0uMDAxeicvPjwvc3ZnPg==)
}

.toast-warning {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1NzYgNTEyJyB3aWR0aD0nNTc2JyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTU2OS41MTcgNDQwLjAxM0M1ODcuOTc1IDQ3Mi4wMDcgNTY0LjgwNiA1MTIgNTI3Ljk0IDUxMkg0OC4wNTRjLTM2LjkzNyAwLTU5Ljk5OS00MC4wNTUtNDEuNTc3LTcxLjk4N0wyNDYuNDIzIDIzLjk4NWMxOC40NjctMzIuMDA5IDY0LjcyLTMxLjk1MSA4My4xNTQgMGwyMzkuOTQgNDE2LjAyOHpNMjg4IDM1NGMtMjUuNDA1IDAtNDYgMjAuNTk1LTQ2IDQ2czIwLjU5NSA0NiA0NiA0NiA0Ni0yMC41OTUgNDYtNDYtMjAuNTk1LTQ2LTQ2LTQ2em0tNDMuNjczLTE2NS4zNDZsNy40MTggMTM2Yy4zNDcgNi4zNjQgNS42MDkgMTEuMzQ2IDExLjk4MiAxMS4zNDZoNDguNTQ2YzYuMzczIDAgMTEuNjM1LTQuOTgyIDExLjk4Mi0xMS4zNDZsNy40MTgtMTM2Yy4zNzUtNi44NzQtNS4wOTgtMTIuNjU0LTExLjk4Mi0xMi42NTRoLTYzLjM4M2MtNi44ODQgMC0xMi4zNTYgNS43OC0xMS45ODEgMTIuNjU0eicvPjwvc3ZnPg==)
}

.toast-container.toast-top-center .ngx-toastr,
.toast-container.toast-bottom-center .ngx-toastr {
    width: 300px;
    margin-left: auto;
    margin-right: auto
}

.toast-container.toast-top-full-width .ngx-toastr,
.toast-container.toast-bottom-full-width .ngx-toastr {
    width: 96%;
    margin-left: auto;
    margin-right: auto
}

.ngx-toastr {
    background-color: #030303;
    pointer-events: auto
}

.toast-success {
    background-color: #51a351
}

.toast-error {
    background-color: #bd362f
}

.toast-info {
    background-color: #2f96b4
}

.toast-warning {
    background-color: #f89406
}

.toast-progress {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    background-color: #000;
    opacity: .4
}

@media all and (max-width: 240px) {
    .toast-container .ngx-toastr.div {
        padding: 8px 8px 8px 50px;
        width: 11em
    }
    .toast-container .toast-close-button {
        right: -.2em;
        top: -.2em
    }
}

@media all and (min-width: 241px) and (max-width: 480px) {
    .toast-container .ngx-toastr.div {
        padding: 8px 8px 8px 50px;
        width: 18em
    }
    .toast-container .toast-close-button {
        right: -.2em;
        top: -.2em
    }
}

@media all and (min-width: 481px) and (max-width: 768px) {
    .toast-container .ngx-toastr.div {
        padding: 15px 15px 15px 50px;
        width: 25em
    }
}

.bs-datepicker {
    display: flex;
    align-items: stretch;
    flex-flow: row wrap;
    background: #fff;
    box-shadow: 0 0 10px #aaa;
    position: relative;
    z-index: 1
}

.bs-datepicker:after {
    clear: both;
    content: "";
    display: block
}

.bs-datepicker bs-day-picker {
    float: left
}

.bs-datepicker button:hover,
.bs-datepicker button:focus,
.bs-datepicker button:active,
.bs-datepicker input:hover,
.bs-datepicker input:focus,
.bs-datepicker input:active,
.bs-datepicker-btns button:hover,
.bs-datepicker-btns button:focus,
.bs-datepicker-btns button:active,
.bs-datepicker-predefined-btns button:active,
.bs-datepicker-predefined-btns button:focus {
    outline: none
}

.bs-datepicker-head {
    min-width: 270px;
    height: 50px;
    padding: 10px;
    border-radius: 3px 3px 0 0;
    text-align: justify
}

.bs-datepicker-head:after {
    content: "";
    display: inline-block;
    vertical-align: top;
    width: 100%
}

.bs-datepicker-head button {
    display: inline-block;
    vertical-align: top;
    padding: 0;
    height: 30px;
    line-height: 30px;
    border: 0;
    background: transparent;
    text-align: center;
    cursor: pointer;
    color: #fff;
    transition: .3s
}

.bs-datepicker-head button[disabled],
.bs-datepicker-head button[disabled]:hover,
.bs-datepicker-head button[disabled]:active {
    background: rgba(221, 221, 221, .3);
    color: #f5f5f5;
    cursor: not-allowed
}

.bs-datepicker-head button.next,
.bs-datepicker-head button.previous {
    border-radius: 50%;
    width: 30px;
    height: 30px
}

.bs-datepicker-head button.next span,
.bs-datepicker-head button.previous span {
    font-size: 28px;
    line-height: 1;
    display: inline-block;
    position: relative;
    height: 100%;
    width: 100%;
    border-radius: 50%
}

.bs-datepicker-head button.current {
    border-radius: 15px;
    max-width: 155px;
    padding: 0 13px
}

.bs-datepicker-head button:hover {
    background-color: #0000001a
}

.bs-datepicker-head button:active {
    background-color: #0003
}

.bs-datepicker-body {
    padding: 10px;
    border-radius: 0 0 3px 3px;
    min-height: 232px;
    min-width: 278px;
    border: 1px solid #e9edf0
}

.bs-datepicker-body .days.weeks {
    position: relative;
    z-index: 1
}

.bs-datepicker-body table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0
}

.bs-datepicker-body table th {
    font-size: 13px;
    color: #9aaec1;
    font-weight: 400;
    text-align: center
}

.bs-datepicker-body table td {
    color: #54708b;
    text-align: center;
    position: relative;
    padding: 0
}

.bs-datepicker-body table td span {
    display: block;
    margin: 0 auto;
    font-size: 13px;
    border-radius: 50%;
    position: relative;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.bs-datepicker-body table td:not(.disabled):not(.week) span:not(.disabled):not(.is-other-month) {
    cursor: pointer
}

.bs-datepicker-body table td.is-highlighted:not(.disabled):not(.selected) span,
.bs-datepicker-body table td span.is-highlighted:not(.disabled):not(.selected) {
    background-color: #e9edf0;
    transition: 0s
}

.bs-datepicker-body table td.is-active-other-month:not(.disabled):not(.selected) span,
.bs-datepicker-body table td span.is-active-other-month:not(.disabled):not(.selected) {
    background-color: #e9edf0;
    transition: 0s;
    cursor: pointer
}

.bs-datepicker-body table td span.disabled,
.bs-datepicker-body table td.disabled span {
    color: #9aaec1
}

.bs-datepicker-body table td span.selected,
.bs-datepicker-body table td.selected span {
    color: #fff
}

.bs-datepicker-body table td span.is-other-month,
.bs-datepicker-body table td.is-other-month span {
    color: #00000040
}

.bs-datepicker-body table td.active {
    position: relative
}

.bs-datepicker-body table td.active.select-start:before {
    left: 35%
}

.bs-datepicker-body table td.active.select-end:before {
    left: -85%
}

.bs-datepicker-body table td span.active.select-start:after,
.bs-datepicker-body table td span.active.select-end:after,
.bs-datepicker-body table td.active.select-start span:after,
.bs-datepicker-body table td.active.select-end span:after {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    transition: .3s;
    top: 0;
    border-radius: 50%
}

.bs-datepicker-body table td:before,
.bs-datepicker-body table td span:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    inset: 6px -2px;
    box-sizing: content-box;
    background: transparent
}

.bs-datepicker-body table td.active.select-start+td.active:before {
    left: -20%
}

.bs-datepicker-body table td:last-child.active:before {
    border-radius: 0 3px 3px 0;
    width: 125%;
    left: -25%
}

.bs-datepicker-body table td span[class*=select-],
.bs-datepicker-body table td[class*=select-] span {
    border-radius: 50%;
    color: #fff
}

.bs-datepicker-body table.days td.active:not(.select-start):before,
.bs-datepicker-body table.days td.in-range:not(.select-start):before,
.bs-datepicker-body table.days span.active:not(.select-start):before,
.bs-datepicker-body table.days span.in-range:not(.select-start):before {
    background: #e9edf0
}

.bs-datepicker-body table.days span {
    width: 32px;
    height: 32px;
    line-height: 32px
}

.bs-datepicker-body table.days span.select-start {
    z-index: 2
}

.bs-datepicker-body table.days span.is-highlighted.in-range:before,
.bs-datepicker-body table.days span.in-range.select-end:before {
    background: none;
    right: 0;
    left: 0
}

.bs-datepicker-body table.days td.select-start+td.select-end:before,
.bs-datepicker-body table.days td.select-start+td.is-highlighted:before,
.bs-datepicker-body table.days td.active+td.is-highlighted:before,
.bs-datepicker-body table.days td.active+td.select-end:before,
.bs-datepicker-body table.days td.in-range+td.is-highlighted:before,
.bs-datepicker-body table.days td.in-range+td.select-end:before {
    background: #e9edf0;
    width: 100%
}

.bs-datepicker-body table.weeks tr td:nth-child(2).active:before {
    border-radius: 3px 0 0 3px;
    left: 0;
    width: 100%
}

.bs-datepicker-body table:not(.weeks) tr td:first-child:before {
    border-radius: 3px 0 0 3px
}

.bs-datepicker-body table.years td span {
    width: 46px;
    height: 46px;
    line-height: 45px;
    margin: 0 auto
}

.bs-datepicker-body table.years tr:not(:last-child) td span {
    margin-bottom: 8px
}

.bs-datepicker-body table.months td {
    height: 52px
}

.bs-datepicker-body table.months td span {
    padding: 6px;
    border-radius: 15px
}

.bs-datepicker .current-timedate {
    color: #54708b;
    font-size: 15px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    border-radius: 20px;
    border: 1px solid #e9edf0;
    margin-bottom: 10px;
    cursor: pointer;
    text-transform: uppercase;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.bs-datepicker .current-timedate span:not(:empty):before {
    content: "";
    width: 15px;
    height: 16px;
    display: inline-block;
    margin-right: 4px;
    vertical-align: text-bottom;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAQCAYAAADJViUEAAABMklEQVQoU9VTwW3CQBCcOUgBtEBKSAukAnBKME+wFCAlYIhk8sQlxFABtJAScAsuAPBEewYcxCP8ouxrPDsza61uiVN1o6RNHD4htSCmq49RfO71BvMJqBBkITRf1kmUW49nQRC9h1I5AZlBClaL8aP1fKgOOxCx8aSLs+Q19eZuNO8QmPqJRtDFguy7OAcDbJPs+/BKVPDIPrvD2ZJgWAmVe7O0rI0Vqs1seyWUXpuJoppYCa5L+U++NpNPkr5OE2oMdARsb3gykJT5ydZcL8Z9Ww60nxg2LhjON9li9OwXZzo+xLbp3nC2s9CL2RrueGyVrgwNm8HpsCzZ9EEW6kqXlo1GQe03FzP/7W8Hl0dBtu7Bf7zt6mIwvX1RvzDCm7+q3mAW0Dl/GPdUCeXrZLT9BrDrGkm4qlPvAAAAAElFTkSuQmCC)
}

.bs-datepicker-multiple {
    border-radius: 4px 0 0 4px
}

.bs-datepicker-multiple+.bs-datepicker-multiple {
    margin-left: 10px
}

.bs-datepicker-multiple .bs-datepicker {
    box-shadow: none;
    position: relative
}

.bs-datepicker-multiple .bs-datepicker:not(:last-child) {
    padding-right: 10px
}

.bs-datepicker-multiple .bs-datepicker+.bs-datepicker:after {
    content: "";
    display: block;
    width: 14px;
    height: 10px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAKCAYAAABrGwT5AAAA1ElEQVQoU42RsQrCUAxF77VuDu7O4oMWW//BURBBpZvgKk4uIrjoqKOTf+DopIO4uYggtFTfw3+pkQqCW1/G5J7kJiFy4m5MxUlxAzgIPHX+lzMPzupRYlYgxiR7vqsOP8YKzsTx0yxFMCUZ+q7aZzlr+OvgoWcAFyAHgat2jLWu48252DdqAihDJGSSJNUUxYmQjs3+hPQBlAh2rG2LCOPnaw3IiGDX99TRCs7ASJsNhUOA7d/LcuHvRG22FIZvsNXw1MX6VZExCilOQKEfeLXr/10+aC9Ho7arh7oAAAAASUVORK5CYII=);
    position: absolute;
    top: 25px;
    left: -8px
}

.bs-datepicker-multiple .bs-datepicker .left {
    float: left
}

.bs-datepicker-multiple .bs-datepicker .right {
    float: right
}

.bs-datepicker-container {
    padding: 15px
}

.bs-datepicker .bs-media-container {
    display: flex
}

@media (max-width: 768px) {
    .bs-datepicker .bs-media-container {
        flex-direction: column
    }
}

.bs-datepicker-custom-range {
    padding: 15px;
    background: #eee
}

.bs-datepicker-predefined-btns button {
    width: 100%;
    display: block;
    height: 30px;
    background-color: #9aaec1;
    border-radius: 4px;
    color: #fff;
    border: 0;
    margin-bottom: 10px;
    padding: 0 18px;
    text-align: left;
    transition: .3s
}

.bs-datepicker-predefined-btns button:active,
.bs-datepicker-predefined-btns button:hover {
    background-color: #54708b
}

.bs-datepicker-buttons {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-end;
    padding-top: 10px;
    border-top: 1px solid #e9edf0
}

.bs-datepicker-buttons .btn-default {
    margin-left: 10px
}

.bs-timepicker-container {
    padding: 10px 0
}

.bs-timepicker-label {
    color: #54708b;
    margin-bottom: 10px
}

.bs-timepicker-controls {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px
}

.bs-timepicker-controls button {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 0;
    background-color: #e9edf0;
    color: #54708b;
    font-size: 16px;
    font-weight: 700;
    vertical-align: middle;
    line-height: 0;
    padding: 0;
    transition: .3s
}

.bs-timepicker-controls button:hover {
    background-color: #d5dadd
}

.bs-timepicker-controls input {
    width: 35px;
    height: 25px;
    border-radius: 13px;
    text-align: center;
    border: 1px solid #e9edf0
}

.bs-timepicker .switch-time-format {
    text-transform: uppercase;
    min-width: 54px;
    height: 25px;
    border-radius: 20px;
    border: 1px solid #e9edf0;
    background: #fff;
    color: #54708b;
    font-size: 13px
}

.bs-timepicker .switch-time-format img {
    vertical-align: initial;
    margin-left: 4px
}

bs-datepicker-container,
bs-daterangepicker-container {
    z-index: 1080
}

@media (max-width: 768px) {
    .bs-datepicker-multiple {
        display: flex
    }
    .bs-datepicker-multiple+.bs-datepicker-multiple {
        margin-top: 10px;
        margin-left: 0
    }
}

.theme-default .bs-datepicker-head {
    background-color: #777
}

.theme-default .bs-datepicker-body table td span.selected,
.theme-default .bs-datepicker-body table td.selected span,
.theme-default .bs-datepicker-body table td span[class*=select-]:after,
.theme-default .bs-datepicker-body table td[class*=select-] span:after {
    background-color: #777
}

.theme-default .bs-datepicker-body table td.week span {
    color: #777
}

.theme-default .bs-datepicker-body table td.active-week span:hover {
    cursor: pointer;
    background-color: #777;
    color: #fff;
    opacity: .5;
    transition: 0s
}

.theme-green .bs-datepicker-head {
    background-color: #5cb85c
}

.theme-green .bs-datepicker-body table td span.selected,
.theme-green .bs-datepicker-body table td.selected span,
.theme-green .bs-datepicker-body table td span[class*=select-]:after,
.theme-green .bs-datepicker-body table td[class*=select-] span:after {
    background-color: #5cb85c
}

.theme-green .bs-datepicker-body table td.week span {
    color: #5cb85c
}

.theme-green .bs-datepicker-body table td.active-week span:hover {
    cursor: pointer;
    background-color: #5cb85c;
    color: #fff;
    opacity: .5;
    transition: 0s
}

.theme-blue .bs-datepicker-head {
    background-color: #5bc0de
}

.theme-blue .bs-datepicker-body table td span.selected,
.theme-blue .bs-datepicker-body table td.selected span,
.theme-blue .bs-datepicker-body table td span[class*=select-]:after,
.theme-blue .bs-datepicker-body table td[class*=select-] span:after {
    background-color: #5bc0de
}

.theme-blue .bs-datepicker-body table td.week span {
    color: #5bc0de
}

.theme-blue .bs-datepicker-body table td.active-week span:hover {
    cursor: pointer;
    background-color: #5bc0de;
    color: #fff;
    opacity: .5;
    transition: 0s
}

.theme-dark-blue .bs-datepicker-head {
    background-color: #337ab7
}

.theme-dark-blue .bs-datepicker-body table td span.selected,
.theme-dark-blue .bs-datepicker-body table td.selected span,
.theme-dark-blue .bs-datepicker-body table td span[class*=select-]:after,
.theme-dark-blue .bs-datepicker-body table td[class*=select-] span:after {
    background-color: #337ab7
}

.theme-dark-blue .bs-datepicker-body table td.week span {
    color: #337ab7
}

.theme-dark-blue .bs-datepicker-body table td.active-week span:hover {
    cursor: pointer;
    background-color: #337ab7;
    color: #fff;
    opacity: .5;
    transition: 0s
}

.theme-red .bs-datepicker-head {
    background-color: #d9534f
}

.theme-red .bs-datepicker-body table td span.selected,
.theme-red .bs-datepicker-body table td.selected span,
.theme-red .bs-datepicker-body table td span[class*=select-]:after,
.theme-red .bs-datepicker-body table td[class*=select-] span:after {
    background-color: #d9534f
}

.theme-red .bs-datepicker-body table td.week span {
    color: #d9534f
}

.theme-red .bs-datepicker-body table td.active-week span:hover {
    cursor: pointer;
    background-color: #d9534f;
    color: #fff;
    opacity: .5;
    transition: 0s
}

.theme-orange .bs-datepicker-head {
    background-color: #f0ad4e
}

.theme-orange .bs-datepicker-body table td span.selected,
.theme-orange .bs-datepicker-body table td.selected span,
.theme-orange .bs-datepicker-body table td span[class*=select-]:after,
.theme-orange .bs-datepicker-body table td[class*=select-] span:after {
    background-color: #f0ad4e
}

.theme-orange .bs-datepicker-body table td.week span {
    color: #f0ad4e
}

.theme-orange .bs-datepicker-body table td.active-week span:hover {
    cursor: pointer;
    background-color: #f0ad4e;
    color: #fff;
    opacity: .5;
    transition: 0s
}

.ng-resizable {
    position: relative
}

.ng-resizable-handle {
    position: absolute;
    font-size: .1px;
    display: block;
    touch-action: none
}

.ng-resizable-handle.ng-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    height: 100%;
    top: 0
}

.ng-resizable-handle.ng-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    height: 100%;
    top: 0
}

.ng-resizable-handle.ng-resizable-s {
    cursor: s-resize;
    height: 7px;
    bottom: -5px;
    width: 100%;
    left: 0
}

.ng-resizable-handle.ng-resizable-n {
    cursor: n-resize;
    height: 7px;
    top: -5px;
    width: 100%;
    left: 0
}

.ng-resizable-handle.ng-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px
}

.ng-resizable-handle.ng-resizable-sw {
    cursor: sw-resize;
    width: 12px;
    height: 12px;
    left: 1px;
    bottom: 1px
}

.ng-resizable-handle.ng-resizable-ne {
    cursor: ne-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    top: 1px
}

.ng-resizable-handle.ng-resizable-nw {
    cursor: nw-resize;
    width: 12px;
    height: 12px;
    left: 1px;
    top: 1px
}

.ng-resizable-diagonal {
    box-sizing: border-box;
    width: 0;
    height: 0;
    border-bottom: 12px solid #aaa;
    border-left: 12px solid transparent
}