/*===============================================
    DEFAULT SETTINGS
================================================= */

body {
    font-family: var(--font-general);
    overflow-x: hidden;

    height: 100%;
    margin: 0;
    padding: 0;

    background-color: var(--body-bg);
    direction: ltr;
    -moz-osx-font-smoothing: grayscale;

    color: var(--body-text-color);
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .01em;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-feature-settings: "kern" 1;
    -moz-font-feature-settings: "kern" 1
}

html {
    height: 100%;
    font-size: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

.collapse.navbar-collapse {
    float: right;
}

a {
    outline: 0 !important;
    color: var(--link-color-normal);
    text-shadow: none !important;
    text-decoration: none;
}

a:focus,
a:active,
a:hover {
    color: var(--link-color-active);
    text-decoration: none;
}

a.no_decoration{
    text-decoration: none !important;
}

.container {
    width: 1280px;
}

.media-list .media .media-object {
    width: 50px;
}

section {
    float: left;
    width: 100%;
}

a.badge {
    margin-bottom: 10px;
    background: none;
    padding: 12px 20px;
    font-size: 16px;
    border-radius: 20px;
}

i.fa.fa-amazon {
    font-size: 16px;
}

.fullscreen-message {
    display: none;
}

.dataTables_wrapper {
    clear: both;
}

.edit.sorting_disabled {
    width: 80px !important;
}

.change_password.sorting_disabled {
    width: 125px !important;
}

#table_users .stage {
    width: 0;
}

.panel-inner-body {
    overflow: hidden !important;
    height: 300px;
    width: 100%;
    float: left;
}

.form-group.form-options {
    padding: 15px 0;
    margin-left: -26px;
    margin-right: -26px;
    margin-bottom: -15px;
}

.form-group.form-options > .btn.form-control {
    width: auto;
    min-width: 100px;
}

.cog {
    width: 100%;
    float: left;
    border-radius: 3px;
    margin-bottom: 15px;
}

.cog:last-child {
    margin-bottom: 15px;
}

.cog > .table {
    margin-bottom: 0;
}

.cog > div {
    min-height: 40px;
}

.cog-title {
    font-size: 18px;
    font-weight: 500;
    line-height: 17px;
    position: relative;
    top: -2px;
}

.cog form {
    margin: 8px;
}

.cog label {
    width: 50px;
}

.cog th, .cog td{
    vertical-align: middle;
}

.cog-head .btn {
    color: #fff !important;
    margin-left: 0 !important;
}

.cog-body .form-group {
    margin-bottom: 10px;
    margin-right: 10px;
}

.cog-head h3 {
    margin-top: 10px;
}

.skinny-cell {
    width: 0;
}

/* COST/PRODUCTS AND ADD COST PERIOD */
.small-cell {
    width: 100px;
}

/* PRODUCT STATISTICS */
.no-margins {
    margin: 0;
}

.tab-content.tab-bottom-space {
    width: 100%;
    float: left;
    margin-bottom: 35px
}

.form-horizontal .form-group {
    margin-right: 0;
    margin-left: 0;
}

/* ORDER DETAILS MODAL*/
.pn {
    padding: 0;
}

.icon-beta:before {
    content: 'β';
    font-weight: bold;
    font-size: 120%;
}

/* RIGHT MENU*/
.oy-160px {
    height: calc(100vh - 160px);
    overflow-y: auto;
}

.page-header > span.select2, .page-header > select.form-control {
    margin-bottom: 10px;
}

.panel.preserve-grid {
    height: 347px;
    border: none !important;
    background: none !important;
    box-shadow: none !important
}

tfoot td {
    vertical-align: middle;
}

span.comma-separated > *:not(:last-child):after {
    content: ", ";
}

.unclickable {
    pointer-events: none;
    opacity: 0.3;
}

.mbn {
    margin-bottom: 0 !important;
}

.rel-per-pie-tooltip {
    width: 150px;
}

.middle-aligned-message {
    margin-top: calc(50vh - 120px);
}

.training-list a {
    white-space: inherit !important;
    font-weight: bold !important;
    padding: 10px 10px !important;
}

strong.admin_user {
    position: relative;
    top: -7px;
}

small.on_trial {
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 10px;
    height: 14px;
    padding: 2px 5px;
    line-height: 10px;
    width: 100%;
}

.dt-inline-edit {
    width: 100% !important;
    min-width: 75px;
}

.tbl-filter-btn .btn {
    margin-right: 5px;
}

.panel-body .loader-image {
    position: absolute;
    width: 40px;
    height: 40px;
    left: calc(50% - 20px);
    top: calc(50% - 20px);
}

.panel-body .loader-image img {
    float: left;
    width: 100%;
}

#toStringOutput {
    margin: 0 2em 2em;
}

.widget-dyna-table {
    width: 100%;
    border-collapse: collapse;
}

.text-middle {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    text-transform: capitalize;
}

.usr_acc_cred {
    background: #fff;
}

.report_not_processed {
    width: 40%;
    margin: 0 auto;
    text-align: center;
}

.title-form-group {
    float: left;
    margin-bottom: 0;
    margin-left: 10px;
    margin-top: 16px;
}

.nav-pills > li + li {
    margin-left: 4px;
}

.no-border {
    border: none !important;
}

.panel-body.half-padding {
    padding: 8px;
}

/*===============================================
    >>>>> END OF DEFAULT SETTINGS
================================================= */

/*===============================================
    NAVBAR
================================================= */
header {
    float: left;
    width: 100%;
}

.navbar {
    border: medium none;
}

.navbar .navbar-header {
    margin-right: -15px !important;
}

.navbar .navbar-header .navbar-brand {
    float: none;
    text-align: center;
    display: block;
}

.navbar-default .navbar-nav > li > a {
    position: relative;
}

.navbar-default .navbar-nav > li > a .badge {
    position: absolute;
    border-radius: 50%;
    line-height: 12px;
    top: 5px;
    right: 4px;
    font-size: 10px;
}

.navbar-brand img {
    max-width: 100%;
    width: 46px;
}

.navbar-brand {
    float: left;
    font-size: 18px;
    height: 51px;
    line-height: 20px;
    padding: 11px 29px 11px 28px;
}

.navbar .nav > li > a {
    padding: 17px 10px 15px 10px;
}

.navbar-brand {
    max-width: 100%;
    /*padding: 10px 3px !important;*/
}

.navbar-brand img {
    max-width: 100%;
}

/*===============================================
    >>>> END OF NAVBAR
================================================= */

/*===============================================
    FILTERS AND SEARCH BAR AT TOP RIGHT CORNER
================================================= */

.search-section .top-menu-input {
    float: left;
    background: rgba(240, 240, 240, 0.25098039215686274);
    line-height: 16px;
    padding: 6px 0 7px 0;
    margin-right: 8px;
    border-radius: 3px;
    border: 1px solid #f0f0f0;
}

.top-menu-input > span {
    position: relative;
    float: left;
}

.top-menu-input > span input {
    border: none;
    margin-top: -8px;
    padding: 3px 8px;
    height: 35px;
    border-radius: 2px;
    font-size: 15px;
    box-shadow: inherit;
}

.top-menu-input > span input + i {
    position: absolute;
    right: 8px;
    top: 2px;
    cursor: pointer;
}

.top-menu-input span input:focus {
    box-shadow: inherit;
}

/*===============================================
    >>>>> END OF FILTERS AND SEARCH BAR AT TOP RIGHT CORNER
================================================= */

/*===============================================
    PL AND SETTLEMENT PERIOD
================================================= */
.settlment_period .tab-pane {
    padding: 0;
}

.settlment_period .nav-pills {
    margin-bottom: 8px;
}

.shadow {
    border-radius: 0;
}

/*===============================================
    >>>>> END PL AND SETTLEMENT PERIOD
================================================= */

/*===============================================
    DATATABLE SPECIFIC
================================================= */
.optop {
    width: 100%;
    float: left;
    margin-left: 0;
}

.optop > :first-child {
    padding-left: 0;
}

.optop > :last-child {
    padding-right: 0;
}

.w100p {
    width: 100%;
}

.estimated {
    font-style: italic;
}

.actions-wrapper {
    width: 120px;
    float: left;
    border: solid 1px var(--site-primary-border);
}

.actions-wrapper > div.icheckbox_square-blue {
    float: left;
    margin: 6px;
}

.actions-wrapper .dropdown {
    float: right;
}

.actions-wrapper .btn {
    border-radius: 0;
    width: 83px;
    float: right;
    padding: 6px 10px;
    text-align: center;
}

.actions-wrapper .btn .caret {
    margin-left: -8px;
    display: inline-block;
}

.actions-wrapper .btn .caret {
}

.complete.actions-wrapper > div.icheckbox_square-blue,
.recovered.actions-wrapper > div.icheckbox_square-blue {
    opacity: 0.1;
}

.complete.actions-wrapper, .recovered.actions-wrapper {
    border: solid 1px var(--success);
}

.eligible.actions-wrapper, .ambiguous.actions-wrapper {
    border: solid 1px var(--danger);
}

.submitted.actions-wrapper {
    border: solid 1px var(--warning);
}

.ignored.actions-wrapper {
    border: solid 1px grey;
}

/*===============================================
    >>>>> END OF DATATABLE SPECIFIC
================================================= */

/*===============================================
    NOTIFICATION/SETTLEMENT PERIODS
================================================= */

.timeline-item .panel-body {
    padding-top: 0;
}

.timeline-item .panel-body > .row:first-child {
    padding: 14px 15px;
    font-family: var(--font-emphasis);
    font-size: 14px;
}

.timeline-item h6 {
    margin-bottom: 0;
}

.timeline-item h1 {
    margin-top: 8px;
}

.timeline-single-item .timeline-icon {
    display: none;
}

ul.fancytree-container {
    font-family: inherit !important;
    border: none !important;
}

.fancytree-title {
    width: calc(100% - 20px);
}

/*===============================================
    >>>>> END OF NOTIFICATION/SETTLEMENT PERIODS
================================================= */

/*===============================================
    KPI BOXES
================================================= */
/*.stats-widgets {*/
/*padding-top: 15px;*/
/*padding-bottom: 15px;*/
/*margin-right: 0;*/
/*margin-left: 0;*/
/*}*/

.sales-stats-link:first-child h1 {
    margin-top: 0;
}

.sales-stats-link:not(:last-child) h6 {
    border-bottom: dashed 1px;
    padding-bottom: 8px;
}

.sales-stats-link:last-child h6 {
    padding-bottom: 0;
    margin: 5px 0;
    font-weight: 500;
    font-size: 14px;
}

.sales-stats-link {
    margin-bottom: 5px;
    float: left;
    width: 100%;
}

.stats-widgets.dashboard-stats-widgets {
    padding-top: 0;
}

.stats-widgets.dashboard-stats-widgets.padding-top {
    padding-top: 5px;
}

.stats-widgets.dashboard-stats-widgets h1 {
    margin-top: 5px;
    font-size: 20px !important;
}

.stats-widgets.dashboard-stats-widgets .panel-body {
    padding: 15px;
}

.stats-widgets.dashboard-stats-widgets .panel-heading {
    background: rgba(49, 49, 49, 0.16);
    font-family: var(--font-emphasis);
}

.stats-widgets .panel-heading {
    color: #fff;
    padding: 15px;
}

.stats-widgets .panel-heading h6{
    margin-top: 0;
    font-weight: bold;
    color: white;
    margin-bottom: 5px;
}


.row.stats-widgets.dashboard-stats-widgets div a:hover {
    text-decoration: none;
}

.stats-widgets .panel-heading .dropdown{
    position: absolute;
    right: 7.5px;
    top: 15px;
}

.stats-widgets .panel-heading .dropdown > span{
    width: 32.5px;
    display: block;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    cursor: pointer;
}

.dashboard-stats-widgets .panel-heading h4 {
    margin: 0;
}

.info-icon {
    position: absolute;
    top: 12px;
    right: 40px;
}

.info-icon,
.info-icon:hover,
.info-icon:active,
.info-icon:focus,
.info-icon:hover {
    color: white;
    outline: none;
}

.info-icon i {
    font-size: 25px;
}


/*===============================================
    >>>>> END OF KPI BOXES
================================================= */

/*===============================================
    PL AND SETTLEMENT PERIOD
================================================= */
.hz-table table {
    table-layout: fixed;
    width: 100%;
}

.hz-table td, .hz-table th {
    vertical-align: top;
    padding: 4px;
}

.hz-table th {
    position: absolute;
}

.hz-table th:first-child {
    left: 0;
    width: 220px;
    white-space: inherit;
    word-break: break-all;
}

.hz-table th:last-child {
    right: 0;
    width: 70px;
    padding: 4px 5px 5px 5px !important;
    border-bottom: 1px solid #cecccc;
}

.hz-table td, .hz-table th:last-child {
    width: 100px;
    text-align: right;
    overflow: hidden;
}

.hz-table.outer {
    position: relative;
}

.hz-table .inner {
    overflow-x: scroll;
    margin-left: 220px;
    border-left: solid 1px #dedede;
    background-color: white;
}

.hz-table .heading-row td {
    height: 30px;
}

.hz-table .heading-row th {
    padding: 0;
}

.hz-table .heading-row .fa {
    position: absolute;
    left: 8px;
    font-size: 13px;
    top: 8px;
}

.hz-table h4 {
    margin: 0;
    font-size: 13px;
    font-weight: 600;
    line-height: 19.8667px;
    position: relative;
    top: -1px;
    width: 100%;
    float: left;
    height: 31px;
    padding: 4px;
    padding-left: 22px;
}

.hz-table .data-row.collapsing {
    opacity: 0.8;
}

.hz-table .data-row {
    position: inherit !important;
}

.hz-table .data-row th {
    font-weight: 400;
    padding: 5px 10px 3px;
}

.hz-table .data-row th:last-child {
    background-color: white;
}

.choice-wrapper .ads-options-wrapper {
    padding: 2% 0;
    border-bottom: 1px dashed #EFEFEE;
    overflow: hidden;
    border-bottom: 1px dashed #EFEFEE;
    border-bottom: 1px dashed #efefef;
}

.ads-options-wrapper > .iradio_square-blue {
    float: left;
}

.ads-options-wrapper {
    padding: 2% 0;
    border-bottom: 1px dashed #efefef;
    overflow: hidden;
}

.ads-options-wrapper:last-child {
    border-bottom: none;
}

/*===============================================
    >>>>> END PL AND SETTLEMENT PERIOD
================================================= */

/*===============================================
    FOR FILTERS
================================================= */
.custom-form .control-label {
    font-size: 11.4px;
}

.custom-form .control-label.paddingrightnone {
    padding-right: 0 !important;
}

/*===============================================
    >>>>> END FOR FILTERS
================================================= */

.filter-Inputs .form-control {
    border-radius: 2px;
    padding: 5px 6px;
    height: auto;
    margin-bottom: 4px;
    margin-top: 3px;
    font-size: 12px;
    box-shadow: inherit;
}

.form-group.custom-form {
    margin-bottom: 0;
    width: 100%;
    display: inline-block;
    vertical-align: top;
}

.form-group.footer-btn {
    padding-top: 20px;
    margin-bottom: 0;
}

.panel .heading .title {
    margin: 0;
    padding-bottom: 15px;
    padding-top: 5px;
    padding: 12px 10px;
    font-size: 15px;
    font-weight: normal;
}

@media (max-width: 990px) {
    .form-group.custom-form {
        margin-bottom: 0;
        display: inline-block;
    }

    .panel-default .body {
        padding: 6px 0 6px 10px;
    }

    .footer-btn .bs-component {
        text-align: center;
    }
    /* products detail modals widgets */
    .products-detail.custom-widget {
        min-height: 160px !important;
    }
    .custom-widget.products-detail h3 {
        font-size: 18px !important;
        line-height: 20px !important;
    }
}

@media (max-width: 660px) {
    .form-group.custom-form {
        display: inline-block;
        margin-bottom: 0;
        margin-right: 0;
    }

    i.fa.fa-amazon {
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    .form-group.custom-form {
        margin-bottom: 0;
        width: 100%;
    }
}

@media (max-width: 372px) {
    .fs18 {
        font-size: 14px !important;
    }
}

@media (max-width: 330px) {
    .navbar-nav.navbar-right:last-child {
        margin-right: -3px;
    }
}

footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 25px;
    z-index: 9999;
}

.alert {
    margin-bottom: 5px;
}

.tab-pane > .alert {
    margin-left: -11px;
    margin-right: -11px;
    margin-top: 5px;
}

/*===============================================
    FILTERS
================================================= */
.filter-form .filter.hidden {
    display: block !important;
    visibility: visible !important;
}

.filter-form .select2-container {
    width: 100% !important;
    /*margin-top: 4px;*/
}

.filter-form .select2-selection {
    border-radius: 2px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 3px !important;
}

.dashboard-filters {
    margin-bottom: 15px;
    padding: 15px;
}

.filter-form h5 {
    margin: 10px;
    border-bottom: dashed 1px var(--site-primary-border);
    padding-bottom: 5px;
}

.filter-form h5 a:active,
.filter-form h5 a:hover,
.filter-form h5 a:visited,
.filter-form h5 a:focus,
.filter-form h5 a {
    color: var(--site-primary-color) !important;
    outline: none !important;
    padding-left: 0;
    font-family: var(--font-emphasis);
    font-weight: 600;
    text-transform: uppercase;
}

/*===============================================
   >>>>> END FILTERS
================================================= */

/*===============================================
   OTHER OPERATING EXPENSES
================================================= */
.repeat-summary {
    width: 175px;
    float: left;
    margin-bottom: 3px;
}

.tt-dropdown-menu,.tt-menu,
.gist {
    text-align: left;
}

.typeahead,
.tt-query,
.tt-hint {
    width: 100%;
    height: 30px;
    padding: 4px 8px;
    font-size: 24px;
    line-height: 30px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    outline: none;
}

.tt-input {
    background-color: #fff !important;
}

.tt-hint {
    display: none;
}

.tt-dropdown-menu,.tt-menu {
    margin: 12px 0;
    padding: 8px 0;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
.gist {
    font-size: 14px;
}

#expensesElementContainer .for-modal {
    cursor: pointer;
    float: right;
}

/*===============================================
   >>>> END OF OPERATING EXPENSES
================================================= */

/*===============================================
    CHART LEGENDS
================================================= */
.custom-legends > .legend-container {
    float: left;
    width: 100%;
}

.custom-legends {
    padding: 15px;
    width: 100%;
    float: left;
}

.custom-legends ul {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 5px;
    float: left;
    width: 100%;
}

.custom-legends h4 {
    margin-bottom: 15px;
    padding-bottom: 5px;
    margin-top: 0;
    font-size: 16px !important;
    color: var(--heading-color);
    font-weight: 500;
}

.custom-legends ul > li {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    cursor: pointer;
}

.custom-legends ul > li > span.bullet {
    width: 20px;
    float: left;
    height: 20px;
    margin-right: 5px;
    text-align: center;
    border: solid 1px;
}

.custom-legends span.legend-value {
    float: right;
    font-weight: bold;
    font-size: 14px;
}

#legend-Units span.legend-value {
    display: none;
}

.custom-legends ul > li.inactive .legend-value {
    display: none;
}

.legend-colorpicker-inactive {
    pointer-events: none;
    color: #dddddd !important;
    background-color: #dddddd !important;
}

.custom-legends ul > li > .inactive {
    color: #dddddd !important;
}

.inside-box-colorpicker {
    font-size: 8px;
    color: white;
    position: relative;
    top: -5px;
}

/*===============================================
    >>>>> END OF CHART LEGENDS
================================================= */

/*===============================================
    FLAGS ICONS
================================================= */
.flag-xs,
.flag-sm,
.flag,
.flag-lg {
    display: inline-block;
    vertical-align: middle;
}

.flag-xs {
    width: 16px;
    height: 16px;
    background: url('../img/sprites/flag-xs.png') no-repeat top left;
}

.flag-sm {
    width: 32px;
    height: 32px;
    background: url('../img/sprites/flag-sm.png') no-repeat top left;
}

.flag-sm.flag-fr {
    background-position: 0 0;
}

.flag-sm.flag-de {
    background-position: 0 -33px;
}

.flag-sm.flag-in {
    background-position: 0 -66px;
}

.flag-sm.flag-es {
    background-position: 0 -99px;
}

.flag-sm.flag-tr {
    background-position: 0 -132px;
}

.flag-sm.flag-us {
    background-position: 0 -165px;
}

.flag-xs.flag-fr {
    background-position: 0 -1px;
}

.flag-xs.flag-de {
    background-position: 0 -18px;
}

.flag-xs.flag-es {
    background-position: 0 -35px;
}

.flag-xs.flag-tr {
    background-position: 0 -52px;
}

.flag-xs.flag-us {
    background-position: 0 -69px;
}

.flag-xs.flag-in {
    background-position: 0 -86px;
}

/*===============================================
    >>>> END OF FLAGS
================================================= */

/*===============================================
    NOTIFICATION TIMELINE
================================================= */
ol.timeline-list {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

ol.timeline-list li.timeline-item {
    position: relative;
    padding: 15px 120px 5px 50px;
}

ol.timeline-list li.timeline-item:hover .timeline-icon,
ol.timeline-list li.timeline-item:focus .timeline-icon {
    opacity: 1;
}

ol.timeline-list li.timeline-item:after {
    content: "";
    position: absolute;
    display: block;
    left: 23px;
    top: 0;
    height: 100%;
    width: 3px;
}

ol.timeline-list li.timeline-item .timeline-desc {
    letter-spacing: 0.2px;
}

ol.timeline-list li.timeline-item .timeline-desc b,
ol.timeline-list li.timeline-item .timeline-desc strong {
    font-weight: 600;
}

ol.timeline-list li.timeline-item .timeline-desc a {
    padding: 0 2px;
}

ol.timeline-list li.timeline-item .timeline-icon {
    opacity: 0.85;
    z-index: 2;
    position: absolute;
    left: 10px;
    top: 10px;
    width: 30px;
    height: 30px;
    line-height: 26px;
    text-align: center;
    border-radius: 26px;
}

ol.timeline-list li.timeline-item .timeline-date {
    margin-top: 0;
    font-size: 11px;
}

li.notification-item.timeline-item {
    padding-right: 5px !important;
}

.notification-buttons {
    padding: 16px 16px 8px 8px;
}

.timeline-head {
    margin-left: 0;
    padding-left: 38px;
    font-family: var(--font-emphasis);
    font-weight: 500;
    line-height: 23px;
}

.notification-small-container li.timeline-head {
    font-weight: 300;
    font-size: 12px;
}

.notification-small-container li.timeline-head {
    font-weight: 300;
    font-size: 12px;
}

.notification-small-container {
    width: 100%;
}

.notification-small-container .timeline-list .timeline-item .timeline-desc {
    letter-spacing: 0;
    font-size: 15px;
    white-space: normal;
    padding-right: 15px;
}

/*===============================================
    >>>> END OF NOTIFICATION TIMELINE
================================================= */

/*===============================================
    MENU RELATED CLASSES
================================================= */
.bs-box {
    margin-bottom: 20px;
    display: block;
}

.bs-box-icon {
    text-align: center;
    font-size: 50px;
    padding: 15px;
}

.bs-box-icon > .fa {
    padding: 20px 20px 20px 20px;
    border-radius: 100%;
    width: 93px;
    height: 90px;
}

.bs-box-icon > .fa-cc-stripe {
    padding: 15px;
    padding-top: 20px;
}

.bs-box-icon > .fa-cc-stripe {
    padding: 15px;
    padding-top: 20px;
}

.bs-box-content {
    /* padding: 8px; */
    min-height: 100px;
    text-align: center;
    z-index: 9;
    position: relative;
}

.bs-box-content > h5 {
    margin: 0;
    margin-bottom: 5px;
}

.bs-box-content > p {
    margin-bottom: 0;
    font-size: 90%;
}

.bs-boxes {
    max-width: 100%;
    margin: 15px;
}

.bs-boxes-container {
    width: 100%;
    float: left;
}

/*===============================================
    >>>> END OF MENU RELATED CLASSES
================================================= */

/*===============================================
    >>>> Table In Modal
================================================= */
.modal-body .table th a {
    text-transform: capitalize;
    font-weight: 700;
    font-family: var(--font-emphasis);
    font-size: 12px;
    letter-spacing: .06em;
    padding-top: 16px;
    padding-bottom: 16px;
    vertical-align: middle;
    white-space: nowrap;
    border-bottom: 1px solid rgba(230, 230, 230, .7);
    color: #555555 !important;
    border-top: 0;
    background: #efefef;
}

.modal-body .table {
    margin-bottom: 0px;
    border: solid 1px #ddd;
}

.modal-body .table td {
    color: #000;
}

.modal-body .dynatable-record-count {
    margin: 7px 0;
    font-family: var(--font-emphasis);
    font-size: 12px;
    color: #8e8e8e;
    font-weight: 500;
    display: inline-block;
}

.modal-body .dynatable-disabled-page, .modal-body .dynatable-disabled-page:hover {
    background: white;
    line-height: 1.42857143;
    color: #c1666b;
    text-decoration: none;
}

/*===============================================
    GLOBAL PRODUCT MODAL
================================================= */
.product_image {
    width: 100%;
    float: left;
    padding: 5px;
    text-align: center;
}

.product-actions {
    width: 100%;
    float: left;
    margin-top: 5px;
    text-align: center;
}

.p-modal button.close {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 10000;
}

.p-modal.modal-title h4 {
    margin-top: 0;
}

#global_product_statistics h1 {
    margin-top: 0 !important;
}

#global_product_statistics h6 {
    height: 30px;
}

#global_product_statistics .panel-body {
    padding-bottom: 0;
}

#global_product_statistics .panel {
    margin-bottom: 0;
}

/*#selected_products_list{*/
/*padding: 0 8px;*/
/*float: left;*/
/*max-height: 100px;*/
/*overflow-y: auto;*/
/*}*/

#selected_products_list span.label {
    white-space: normal;
    margin: 2px;
    display: inline-block;
}

#selected_products_list span.label i {
    cursor: pointer;
}

/*===============================================
    >>>> END OF GLOBAL PRODUCT  MODAL CLASSES
================================================= */

/*===============================================
    GLOBAL ORDERS MODAL
================================================= */
#modal-order-details .panel {
    box-shadow: none;
}

#modal-order-details .panel-heading {
    border-radius: 0;
    min-height: 35px;
}

#modal-order-details .panel-heading h4 {
    margin: 5px 0;
    text-transform: capitalize;
    font-weight: 700;
    font-family: var(--font-emphasis);
    font-size: 14px;
    letter-spacing: .06em;
    padding-top: 0;
    padding-bottom: 0;
    vertical-align: middle;
    white-space: nowrap;
    color: #21252d;
    background: #dddddd;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#modal-order-details .panel label.control-label {
    font-family: var(--font-emphasis);
    text-align: left;
    font-size: 12px;
    padding-bottom: 0;
    padding-top: 0;
    color: var(--site-secondary-color);
    font-weight: 500 !important;
    text-transform: uppercase;
    margin: 0;
    white-space: normal;
}

#modal-order-details .panel td {
    font-family: 'Open Sans', sans-serif;
    text-align: left;
    font-size: 13px;
    overflow: hidden;
    color: #626262;
}

#modal-order-details .panel table {
    margin-bottom: 0;
}

/*===============================================
    >>>> END OF GLOBAL ORDER MODAL CLASSES
================================================= */

/*===============================================
    PPC DASHBOARD
================================================= */
#panel_amazon_ad_campaigns .panel-body,
#panel_amazon_ad_groups .panel-body,
#panel_amazon_ad_keywords .panel-body,
#panel_search_term_performances .panel-body,
#panel_amazon_brand_ad_groups .panel-body,
#panel_amazon_brand_campaigns .panel-body,
#panel_amazon_ad_targets .panel-body{
    height: 570px;
}

.panel-dt-container .tbl-filter-btn {
    padding: 5px 5px 5px 5px;
    display: inline-block;
}

.dt-search {
    float: right;
    padding: 7px 5px 5px 5px;
}

.dt-search .dataTables_filter label {
    margin-bottom: 0;
}

.ppc-dashboard-datatables .dataTables_wrapper {
    background: white;
    border: solid 1px #ddd;
    margin: 5px 0 0 15px;
    width: calc(100% - 30px) !important;
}

.panel-dt-container .dt-entries,
.panel-dt-container .dt-info,
.panel-dt-container .dt-paging {
    padding: 10px;
}

/*===============================================
    >>>> END OF PPC DASHBOARD
================================================= */

/*===============================================
    APPLIED FILTERS
================================================= */
.applied_filters {
    position: relative;
    width: calc(100% - 30px);
    margin-left: 15px;
    margin-right: 15px;
}

.panel-dt-container .applied_filters {
    margin-top: 15px;
    margin-left: 15px;
    width: calc(100% - 30px);
}

.panel-dt-container .applied_filters .badge-close {
    top: 0 !important;
    right: 12px !important;
}

.tags-well .well {
    background-color: #dddddd;
    padding: 12px 55px 8px 15px;
    margin-bottom: 15px;
}

.applied_filters.tags-well > .well > .badge-close {
    position: absolute;
    border-radius: 50%;
    line-height: 15px;
    right: 15px;
    background: transparent;
    font-size: 14px;
    top: -1px;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0;
    opacity: 0.7;
}

.applied_filters.tags-well > .well > .badge-close:hover {
    background: transparent;
    opacity: 1;
}

.admin-panels .applied_filters.tags-well > .well > .badge-close {
    top: 7px;
    right: 7px;
}

.tags-well > .well > .badge-close:hover,
.tags-well > .well > .badge-close:focus,
.tags-well > .well > .badge-close:active {
    cursor: pointer;
    background-color: #ddd;
    border-color: #ddd;
}

.label-tag {
    display: inline-block;
    padding: 6px;
    margin-bottom: 5px;
    font-size: 12px;
    font-weight: normal;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #fff;
    background-color: #5489cf;
    border: 1px solid #fafafa;
    border-radius: 4px;
}

.label-custom {
    background-color: #5cb85c;
    border: 1px solid #fafafa;
    margin-right: 3px;
}

.label-group {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.label-group > .label-tag {
    position: relative;
    float: left;
    vertical-align: middle;
}

.label-group > .label-tag:hover,
.label-group > .label-tag:focus,
.label-group > .label-tag:active {
    z-index: 2;
}

.label-group > .label-close:hover,
.label-group > .label-close:focus,
.label-group > .label-close:active {
    cursor: pointer;
    background-color: #ddd;
    border-color: #ddd;
}

.label-group .label-tag + .label-tag {
    margin-left: -1px;
}

.label-group > .label-tag:not(:first-child):not(:last-child):not(.label-close) {
    border-radius: 0;
}

.label-group > .label-tag:first-child {
    margin-left: 0;
}

.label-group > .label-tag:first-child:not(:last-child):not(.label-close) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.label-group > .label-tag:last-child:not(:first-child),
.label-group > .label-close:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.label-group .label-close:active {
    outline: 0;
}

.label-group > .label-tag + .label-close {
    padding-right: 8px;
    padding-left: 8px;
}

/*===============================================
    >>>>> END OF APPLIED FILTERS
================================================= */

/*===============================================
    LISTING HISTORY
================================================= */
table.diff {
    width: 100%;
}

.diff td {
    padding: 0;
    vertical-align: top;
    white-space: pre-wrap;
    font-family: Consolas, 'Courier New', Courier, monospace;
    font-size: 1em;
    line-height: 1.333;
}

.diff td:first-child {
    width: 50%;
}

.diff span {
    text-align: left;
    display: block;
    min-height: 1.333em;
    margin-top: -1px;
    padding: 3px;
}

* html .diff span {
    height: 1.333em;
}

.diff span:first-child {
    margin-top: 0;
}

.listing-navigator {
    width: 200px;
    float: right;
    margin-top: -5px;
}

.listing-navigator a {
    margin-left: 5px;
    margin-right: 5px;
    width: 90px;
}

.listing-history {
    background: transparent;
    border-radius: 4px;
    padding: 0 15px;
}

.listing-buttons > a {
    margin: 5px 0;
}

.diffInserted span.diffContent h3 {
    background: #ace6ac;
    margin: -3px -3px 0 -4px;
    padding: 10px;
    margin-bottom: 0;
    font-weight: 600;
    font-family: var(--font-emphasis);
    font-size: 16px;
}

.diffUnmodified span.diffContent {
    padding: 5px 5px;
    background: #ffffff;
    border: 1px solid #ececec;
}

.diffUnmodified span.diffContent:first-child {
    border-top: none;
}

td.diffUnmodified {
    position: relative;
    top: -5px;
}

span.diffContent {
    border: none;
    padding-bottom: 0;
}

.diffInserted span:first-child + span {
    border-top: 0;
}

tr.inside-diff-table-row .diffInserted .diffContent {
    margin-top: -5px;
    background: #ace6ac;
    margin-bottom: 5px;
}

tr.inside-diff-table-row .diffDeleted .diffContent {
    margin-top: -5px;
    background: #ffe0e0;
}

.listing-history-changes {
    margin-bottom: 15px;
}

.listing-buttons a {
    margin-left: 10px;
}

/*===============================================
    >>>> END OF LISTING HISTORY
================================================= */

/*===============================================
    RECENT PRODUCTS
================================================= */
.history-item {
    float: left;
    width: 100%;
}

.history-item > a {
    float: left;
    width: 100%;
    padding: 0 !important;
}

.history-item > a > div {
    float: left;
}

.history-item .name-container {
    margin-left: 5px;
}

.history-item img {
    width: 42px !important;
    margin-right: 7px;
}

/*===============================================
    >>>> END OF RECENT PRODUCTS
================================================= */

/*===============================================
    BOOKMARKS
================================================= */

.bookmark-link {
    position: relative;
    float: left;
    width: 100%;
}

.bookmark-link:hover {
    background: #f5f5f5;
}

.bookmark-link a {
    float: left;
}

.bookmark-link span {
    float: right !important;
    margin: 0 6px 8px 5px;
}

.bookmark-link span.remove_link {
}

/*===============================================
    >>>> END OF BOOKMARKS
================================================= */

/*===============================================
    MWS CREDS
================================================= */
.panel-form {
}

.panel-form .panel-heading {
    border-bottom: dashed 1px #ddd;
}

.panel-form .panel-title {
    margin: 10px 0;
}

/*===============================================
    >>>> END OF MWS CREDS
================================================= */

/*===============================================
    ACCOUNT DETAILS RELATED CLASSES
================================================= */

table.account-header {
    margin-bottom: 0 !important;
}

nav .account_detail {
    max-height: calc(100vh - 100px);
    overflow-y: auto;
}

.account_detail > .table:not(.account-header):not(.account-switcher) td:first-child {
    width: 50%;
}

.account_detail .tile-progress .progress {
    margin-bottom: 5px !important;
}

.account_detail .tile-progress {
    margin-bottom: 0;
    padding: 10px;
    border-bottom: dashed 1px #ddd;
}

.account_detail .tile-progress h4 {
    font-weight: 600;
    font-size: 14px;
    margin: 5px 0
}

.account_detail .ob {
    background: var(--site-primary-bg);
    color: #fff;
    font-weight: bold;
    padding: 5px 9px;
    border-radius: 2px;
    font-size: 11px;
    font-family: var(--font-emphasis);
}

.sl-panel-container .account_detail .ob {
    padding: 4px 6px;
    font-size: 10px;
}

/*===============================================
    >>>>> END OF ACCOUNT DETAILS RELATED CLASSES
================================================= */

/*===============================================
    REFUND MANAGER
================================================= */
.refund_status {
    margin: 5px 0;
    float: left;
    color: #333333 !important;
}

.refunds-selector > div.checkbox {
    float: left;
    margin: 5px;
}

.refunds-selector > div.checkbox > label {
    padding: 0;
}

.refunds-selector > div.checkbox span {
    float: left;
    margin-left: 5px;
}

.refunds-selector > div.checkbox .icheckbox_square-blue {
    float: left;
}

#table_refunds_manager .units-customer {
    border-bottom: solid 1px var(--warning);
}

#table_refunds_manager .units-amazon {
    border-bottom: solid 1px #85d27a;
}

/*===============================================
    >>>> END OF REFUND MANAGER
================================================= */

/*===============================================
    BREAK DOWN MODAL
================================================= */
tr.bold-row {
    font-weight: bold;
    background-color: #ccc !important;
}

tr.bold-row td {
    border-color: #bbb !important;
}

.breakdown-modal .table tr td:nth-child(2),
.breakdown-modal .table tr td:nth-child(3) {
    text-align: right;
}

.breakdown-modal .table tr td:nth-child(1){
    text-align: left;
}

/*===============================================
    >>>>> END OF BREAK DOWN MODAL
================================================= */

/*===============================================
  Text Helpers
================================================= */
.text-uppercase {
    text-transform: uppercase !important;
}

.fw200 {
    font-weight: 200 !important;
}

.fw300 {
    font-weight: 300 !important;
}

.fw400 {
    font-weight: 400 !important;
}

.fw600 {
    font-weight: 600 !important;
}

.fs3 {
    font-size: 4px !important;
}

.fs4 {
    font-size: 4px !important;
}

.fs5 {
    font-size: 5px !important;
}

.fs6 {
    font-size: 6px !important;
}

.fs7 {
    font-size: 7px !important;
}

.fs8 {
    font-size: 8px !important;
}

.fs9 {
    font-size: 9px !important;
}

.fs10 {
    font-size: 10px !important;
}

.fs11 {
    font-size: 11px !important;
}

.fs12 {
    font-size: 12px !important;
}

.fs13 {
    font-size: 13px !important;
}

.fs14 {
    font-size: 14px !important;
}

.fs15 {
    font-size: 15px !important;
}

.fs16 {
    font-size: 16px !important;
}

.fs17 {
    font-size: 17px !important;
}

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

.fs20 {
    font-size: 20px !important;
}

.fs22 {
    font-size: 22px !important;
}

.fs24 {
    font-size: 24px !important;
}

.fs26 {
    font-size: 26px !important;
}

.fs28 {
    font-size: 28px !important;
}

.fs30 {
    font-size: 30px !important;
}

.fs35 {
    font-size: 35px !important;
}

.fs40 {
    font-size: 40px !important;
}

.fs45 {
    font-size: 45px !important;
}

.fs50 {
    font-size: 50px !important;
}

.fs60 {
    font-size: 60px !important;
}

.fs70 {
    font-size: 70px !important;
}

.fs80 {
    font-size: 80px !important;
}

.fs90 {
    font-size: 90px !important;
}

.fs100 {
    font-size: 100px !important;
}

/*===============================================
    >>>> End of Text Helpers
================================================= */

.panel-default > .panel-heading {
    position: relative;
    min-height: 46px;
    line-height: 36px;
    display: inline-block;
    font-size: 15px;
    width: 100%;
    font-weight: 300;
    padding: 4px 8px;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
    border: none;
    border-bottom: 1px solid #f0f0f0;
}

.panel-default > .panel-heading:before{
    content: "";
    position: absolute;
    width: 100%;
    height: 3px;
    top: 0;
    left: 0;
    background-color: var(--site-secondary-bg);
}

.panel-default .panel-controls > a {
    color: #333333;
}

/*===============================================
    MEDIA QUERIES
================================================= */

@media (max-width: 970px) {
    .logout strong, .lang strong {
        display: none;
    }

    .logout .fa.fa-angle-down {
        display: none;
    }
}

@media (max-width: 768px) {
    .dropdown-menu.media-list {
        width: 300px !important;

    }

    .navbar-nav .open .dropdown-menu {
        position: absolute;
        float: none;
        width: auto;
        z-index: 9999;
        margin-top: 3px;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 8px;
    }

    .navbar-nav .open .dropdown-menu > li > a {
        padding: 3px 10px;
    }

    .navbar .navbar-header .navbar-brand {
        margin-left: -15px;
    }

    .navbar-header {
        float: left;
    }

    .navbar {
        border-radius: 0;
        min-width: 320px;
    }

    .nav-tabs-justified > li > a {
        border-radius: 4px 4px 0 0;
    }

    .nav-justified > li {
        display: table-cell;
        width: 1%;
    }

    .nav-justified > li > a {
        margin-bottom: 0;
    }

    .nav-tabs.nav-justified > li > a {
        border-radius: 4px 4px 0 0;
    }

    .nav-tabs.nav-justified > li {
        display: table-cell;
        width: 1%;
    }

    .nav-tabs.nav-justified > li > a {
        margin-bottom: 0;
    }

    .navbar-right .dropdown-menu {
        right: 0;
        left: auto;
    }

    .navbar-right .dropdown-menu-left {
        right: auto;
        left: 0;
    }

    .container {
        min-width: 400px;
    }

    .navbar-collapse {
        width: auto;
        border-top: 0;
        box-shadow: none;
    }

    .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important;
    }

    .navbar-collapse.in {
        overflow-y: visible;
    }

    .navbar-fixed-top .navbar-collapse,
    .navbar-static-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
        padding-right: 0;
        padding-left: 0;
    }

    .container > .navbar-header,
    .container-fluid > .navbar-header,
    .container > .navbar-collapse,
    .container-fluid > .navbar-collapse {
        margin-right: 0;
        margin-left: 0;
    }

    .navbar-static-top {
        border-radius: 0;
    }

    .navbar-fixed-top,
    .navbar-fixed-bottom {
        border-radius: 0;
    }

    .navbar-toggle {
        display: none;
    }

    .navbar-nav {
        float: left;
        margin: 0;
    }

    .navbar-nav > li {
        float: left;
    }

    .navbar-nav > li > a {
        padding-top: 15px;
        padding-bottom: 16px;
    }

    .navbar-nav.navbar-right:last-child {
        margin-right: -15px;
    }

    .navbar-left {
        float: left !important;
    }

    .navbar-right {
        float: right !important;
    }

    .navbar-form .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }

    .navbar-form .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }

    .navbar-form .control-label {
        margin-bottom: 0;
        vertical-align: middle;
    }

    .navbar-form .radio,
    .navbar-form .checkbox {
        display: inline-block;
        padding-left: 0;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle;
    }

    .navbar-form .radio input[type="radio"],
    .navbar-form .checkbox input[type="checkbox"] {
        float: none;
        margin-left: 0;
    }

    .navbar-form .has-feedback .form-control-feedback {
        top: 0;
    }

    .navbar-form {
        width: auto;
        padding-top: 0;
        padding-bottom: 0;
        margin-right: 0;
        margin-left: 0;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .navbar-form.navbar-right:last-child {
        margin-right: -15px;
    }

    .navbar-text {
        float: left;
        margin-right: 15px;
        margin-left: 15px;
    }

    .navbar-text.navbar-right:last-child {
        margin-right: 0;
    }
}

@media (max-width: 660px) {
    .top-menu-input > span {
        width: 100%;
    }

    .navbar .navbar-header .navbar-brand {
        POSITION: ABSOLUTE;
        WIDTH: 37PX;
        padding: 0;
        margin: 57px 0 0 10px;
        background: transparent;
    }

    .top-menu-input {
        display: INLINE-BLOCK;
        margin-top: 0;
        padding: 14px 0;
        height: 50px;
        float: left;
    }

    .nav > li > a {
        padding: 15px 10px 15px 10px;
    }

    .navbar-brand {
        padding: 11px 20px 11px 28px;
    }

    #loader {
        top: 85px;
    }

    /* sale order modals tab buttons */
    .product-details-modal-body ul.global-product-tabs li a {
        padding: 10px 10px;
    }
}

@media (max-width: 480px) {
    .navbar-nav.navbar-right:last-child {
        margin-right: -15px;
    }

    .sub-menu ul li a i {
        margin-right: 3px;
        font-size: 13px;
    }

    .top-menu-input {
        display: inline-block;
        margin-top: 0;
        padding: 14px 0;
        height: 50px;
        float: left;
    }

    .navbar-right ul.dropdown-menu:after {
        display: none;
    }

    ul.dropdown-menu.media-list {
        width: 350px;
        margin-right: -77px;
    }

    ul.dropdown-menu.media-list.account_detail {
        margin-right: -113px;
    }

    a.dropdown-toggle.logout {
        background: transparent;
    }

    nav .dropdown-menu {
        margin-top: 0;
        width: 100vw;
        border-radius: 0;
        min-width: 100% !important;
        top: 46px;
        position: fixed !important;
        margin: 0 !important;
    }

    ul.column_names {
        margin-top: 17px;
        border-radius: 0;
        width: 100vw !important;
    }

    ul.dropdown-menu.language {
        margin-right: -40px;
    }

    ul.dropdown-menu.media-list {
        margin-right: -79px;
    }

    .navbar-nav .open .dropdown-menu.language > li > a {
        padding: 9px 10px;
    }

    ul.dropdown-menu.profile-dropdown {
        margin-right: 5px;
    }
}

@media (max-width: 767px) {
    .navbar .nav > li.dropdown.open .dropdown-menu:after {
        top: 61px;
    }
}

.dashed-border {
    border-bottom: dashed 1px #cfcece;
    text-align: left;
    padding-bottom: 15px;
}

/*****************START OF NEW THEME******************************/

.flex-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

/* ajax loader */
/*.pace .pace-progress {*/
/*background: #10cfbd;*/
/*height: 3px*/
/*}*/

/*.pace .pace-progress-inner {*/
/*box-shadow: none*/
/*}*/

/*.pace .pace-activity {*/
/*-webkit-animation: none;*/
/*animation: none;*/
/*top: 73px;*/
/*background: url(../img/progress/progress-circle-success.svg) no-repeat top left;*/
/*background-size: 100% auto;*/
/*margin: 0 auto;*/
/*border-width: 0;*/
/*border-radius: 0;*/
/*width: 28px;*/
/*height: 40px;*/
/*right: 19px;*/
/*left: auto*/
/*}*/
/* end of ajax loader */

/* general styling*/

body.fixed-header .header.main-header-top {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99;
}

body.no-header .page-container .page-content-wrapper .content {
    padding-top: 0
}

body.no-header .header {
    border-bottom-color: transparent
}

body.dashboard {
    background: #f5f5f5
}

body.dashboard .page-container {
    background: #f5f5f5
}

body.rtl[class^=col-],
body.rtl[class*=col-] {
    float: left
}

body.menu-pin .overlay {
    padding-left: 0
}

body.menu-pin .overlay .overlay-brand {
    margin-left: 0
}

.page-container {
    width: 100%;
    height: 100%;
    padding-left: 70px
}

.page-container .page-content-wrapper {
    min-height: 100%;
    position: relative;
}

.page-container .page-content-wrapper .content {
    z-index: 10;
    padding-top: 60px;
    min-height: 100%;
    /*-webkit-transition: all .3s ease;*/
    /*transition: all .3s ease*/
}

.page-container .page-content-wrapper th.content, .page-container .page-content-wrapper td.content {
    padding-top: 0;
    padding-bottom: 0;
    vertical-align: middle;
}

.page-container .page-content-wrapper .content.full-width {
    width: 100%
}

.page-container .page-content-wrapper .content .content-inner {
    display: inline-block;
    vertical-align: top;
    height: 100%;
    padding-left: 30px;
    position: relative
}

.page-container .page-content-wrapper .content:only-child {
    padding-bottom: 0
}

.page-container .page-content-wrapper .content.overlay-footer {
    padding-bottom: 0
}

.page-container .page-content-wrapper .footer {
    width: auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: left .3s ease;
    transition: left .3s ease
}

.page-container .page-content-wrapper .footer.fixed {
    position: fixed
}

/* end of general styling */

.page-title {
    margin-top: 0
}

.group-container {
    white-space: nowrap !important
}

.group-container .single-group {
    vertical-align: top;
    display: inline-block;
    white-space: normal
}

/* Header search container */
input.header-search {
    background: transparent;
    border: none;
    display: inline-block;
    color: #626262;
    font-size: 14px;
    vertical-align: middle;
    font-family: var(--font-general);
    margin-left: -5px;
    padding: 0;
}

input.header-search + button {
    font-family: var(--font-emphasis);
    font-size: 12px;
    font-weight: 500;
}

/* end of header search container */

/* title container */

/* page title only */
.jumbotron {
    position: relative;
    /* overflow: hidden; */
    display: inline-block;
    background-color: var(--body-dark);
    margin-bottom: 15px;
    padding: 5px 0;
    min-height: auto;
    width: 100%;
}

.jumbotron .heading h2 {
    margin: 0;
    font-size: 25px;
    display: inline-block;
}

.jumbotron .inner {
    position: relative;
    z-index: 2
}

.jumbotron.lg {
    height: 600px
}

.jumbotron h1 {
    font-size: 44px
}

.heading > span {
    display: inline-block;
    margin-left: 10px;
    font-family: var(--font-emphasis);
    font-weight: 500;
}

.heading > small {
    display: inline-block;
    margin-left: 10px;
}

/* end of page title only */

/* extra buttons (right side of the title) */
.shortcut-links {
    padding: 15px 0 13px 0;
}

.load-table-views, .load-dashboard-views + button {
    border-left: 1px solid #a55257 !important;
}

.dashboard-views {
    padding: 15px;
}

.delete-dashboard-view {
    color: var(--danger);
    cursor: pointer;
}

.delete-dashboard-view.disabled {
    color: white;
    border: 1px solid grey;
    background: grey;
    cursor: default;
}

.shortcut-links > a, .btn.history-item-btn {
    color: #788195;
    margin: 0;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    border-radius: 4px;
    border: 1px solid #e5e8e8;
    transition: all 0.2s ease-in-out;
}

.shortcut-links > .dropdown {
    display: inline-block;
}

.shortcut-links .dropdown > a {
    cursor: pointer;
    color: #788195;
    margin: 0;
    background: #fff;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    border-radius: 4px;
    border: 1px solid #e5e8e8;
    transition: all 0.2s ease-in-out;
}

.shortcut-links .dropdown ul {
    background: #fff;
    padding: 0;
    margin-top: 0;
}

.shortcut-links .dropdown ul li {
    background: transparent;
    text-align: left;
    padding: 0;
}

.shortcut-links .dropdown ul li a {
    padding: 0 20px;
    line-height: 35px;
    font-size: 13px;
    cursor: pointer;
}

.shortcut-links .dropdown ul li a:hover {
    color: #4c4b4b;
}

.shortcut-links span > a {
    color: #788195;
    margin: 0;
    padding: 7px 15px 7px 15px;
    display: inline-block;
    text-align: center;
    border-radius: 4px;
    transition: all 0.2s ease-in-out;
    margin-top: 0;
    font-size: 14px;
}

.shortcut-links span > a:hover {
    color: #4c4b4b;
}

.shortcut-links span > a i {
    margin-right: 5px;
}

.shortcut-links .btn-group button + ul {
    max-width: 300px;
    background: #fff;
    padding: 0;
    margin-top: 0;
    word-wrap: break-word;
}

.shortcut-links .btn-group button + ul li {
    background: transparent;
    text-align: left;
    padding: 0;
}

.shortcut-links .btn-group button + ul li a {
    padding: 0 20px;
    font-size: 13px;
    line-height: 35px;
    white-space: normal;
}

.shortcut-links > a:last-child {
    margin-right: 0;
}

/* end of extra buttons */

/* breadcrumbs (bottom of title) */
.jumbotron .breadcrumb {
    padding: 0;
}

/* end of breadcrumbs */

/* end of title container */

.container-fluid {
    padding-left: 30px;
    padding-right: 30px;
    position: relative
}

.copyright {
    padding: 25px 0;
    border-top: 1px solid rgba(98, 98, 98, .07);
}

/* dropdown when clicking on the profile image */
.m-dropdown__header {
    padding: 15px;
    border-radius: 4px 4px 0 0;
    background: #272b35;
    margin-top: 0;
    margin-bottom: 0;
}

.profile-dropdown a.dropdown-item {
    font-size: 12px;
    padding: 1px 10px;
    font-weight: 500;
    border-bottom: 1px solid #f0f0f0;
    border-radius: 0;
    line-height: 30px;
    color: #7b7d82;
}

.profile-dropdown a.dropdown-item i {
    font-size: 14px;
    width: 20px;
    text-align: center;
}

.profile-dropdown a.dropdown-item:hover {
    background: #f5f5f5;
    opacity: 1;
}

.profile-dropdown a.dropdown-item + span {
    display: inherit;
    width: 100%;
    text-align: center;
    color: var(--primary);
    padding: 5px 0 0 0;
}

span.m-card-title {
    font-family: var(--font-emphasis);
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 7px;
    display: inline-block;
    color: #f7f7f7;
}

.m-card-user {
    /*margin: 0;*/
    display: table;
    table-layout: fixed;
}

.m-dropdown__header a.m-card-txt {
    color: #b7b4b4;
}

.m-card-user .m-card-user__pic {
    display: table-cell;
    text-align: right;
    padding: 0 5px 0 0;
    vertical-align: middle;
    width: 70px;
}

.m-card-user .m-card-user__details {
    display: table-cell;
    width: 100%;
    text-align: left;
    vertical-align: middle;
}

/* end dropdown when clicking on the profile image */

/* support icon */
#support_button {
    position: fixed;

    opacity: 0.80;
    border-radius: 100px;
    width: 80px;
    height: 80px;
    font-size: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

#support_button:hover {
    opacity: 1;
}

@media only screen and (max-width: 767px) {
    #support_button {
        width: 60px;
        height: 60px;
        font-size: 27px;
    }
}


/* end of support icon */

/* flag styling */
span.flag {
    position: absolute;
    width: 26px;
    height: 26px;
    right: 0;
    background: url(../img/us.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    top: 17px;
}

/* end of flag styling */

/* knowledge base question marks */
a.questionMark {
    padding: 20px 15px;
    font-size: 12px;
    border-left: 1px solid #f0f0f0 !important;
    font-family: var(--font-emphasis);
    font-weight: bold;
}

a.questionMark .fa-question {
    display: none;
}

/* end of knowledge base question mark */

/* right panel settings container (marketplace switcher) */
.quickview-wrapper .marketPlace .quickview-toggle {
    color: #fff;
    font-size: 15px;
    top: 15px;
    font-weight: 300;
    opacity: .8;
}

.marketPlace > h5 {
    margin: -15px -15px 0 -15px;
    background: #272b35;
    color: #fff;
    padding: 15px;
    font-weight: 500 !important;
}

.marketPlace .checkbox.check-info {
    margin: 0;
    border-bottom: 1px dashed #d4d4d4;
    padding: 5px 0;
    height: 55px;
}

.marketPlace .checkbox label {
    font-size: 12px;
    line-height: 19px;
    font-family: var(--font-emphasis) !important;
    font-weight: 600;
    margin-left: -30px;
}

/* end right panel settings container (marketplace switcher) */

/* marketplace icon */
a.mkp {
    border-right: 1px solid #f0f0f0 !important;
    border-left: 1px solid #f0f0f0;
    padding: 8px 15px;
    font-size: 18px;
    text-align: center;
    transition: ease-in-out .5s;
}

a.mkp:hover {
    border-right: 1px solid #f0f0f0 !important;
    border-left: 1px solid #f0f0f0 !important;

}

a.mkp:hover img {
    transform: rotate(360deg);
    transition: ease-in-out .5s;
}

a.mkp img {
    width: 27px;
    margin-bottom: 4px;
    margin-top: 2px;
    transition: ease-in-out .5s;
}

.header a.mkp p {
    font-family: var(--font-emphasis);
    font-weight: 700;
    font-size: 12px;
    margin-bottom: 0;
    line-height: 16px;
}

.d-flex .d-inline-block.mkp .map-mobile {
    display: none;
}
/* end of marketplace icon */

/************************
Table Notes
************************/

.notes-table-tr {
    display: flex;
    margin-bottom: 10px;
}

.note-table-desc {
    background: #f5f5f5;
    padding: 15px;
    flex: 2;
}
.note-table-desc p {
    margin: 0 0 5px;
}

.note-table-links {
    background: #dee2e6;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
}

.note-table-links > a {
    margin: 0 7px;
    font-size: 16px;
    color: #666;
}

.note-table-desc em {
    color: var(--site-primary-color);
    font-family: var(--font-emphasis);
    font-weight: 600;
    font-size: 11px;
}

.leftside {
    display: inline-block;
    width: 90%;
    padding-left: 27px;
}

.checkbox .leftside label:before {
    width: 19px;
    height: 19px;
    margin-top: 11px;
    left: -3px;
    border-radius: 20px;
}

.checkbox .leftside label::after {
    top: 12px;
    left: 1px;
}

.leftside > p {
    font-size: 12px;
}

.search-section button {
    margin-left: 20px;
    border-radius: 4px !important;
    line-height: 18px;
}

.menu-pin .search-section {
    margin-left: var(--left-menu-width);
    padding-left: 15px;
}

.toggle-sidebar {
    border-right: 1px solid #f0f0f0 !important;
    padding-right: 15px;
    padding-left: 15px;
    position: relative;
    height: 59px;
    display: flex;
    align-items: center;
}

.pager {
    margin: 0
}

.split-view {
    position: relative;
    height: 100%
}

.split-view .split-list {
    float: left;
    width: 360px;
    background: #fff;
    height: 100%;
    overflow-y: auto;
    position: relative;
    -webkit-overflow-scrolling: touch;
    border-right: 1px solid #e6e6e6;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.split-view .split-list .list-view-fake-header {
    font-size: 10.8px !important;
    line-height: normal !important
}

.split-view .split-list.slideLeft {
    -webkit-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    transform: translate(-100%, 0)
}

.split-view .split-list .list-refresh {
    position: absolute;
    right: 18px;
    top: 4px;
    color: #626262;
    opacity: .34;
    z-index: 101
}

.split-view .split-list .list-refresh i {
    font-size: 11px
}

.split-view .split-list .list-view-fake-header,
.split-view .split-list .list-view-group-header {
    background: #f0f0f0;
    height: 28px;
    color: rgba(98, 98, 98, .7);
    font-family: var(--font-emphasis);
    text-transform: uppercase;
    font-size: 10.8px;
    padding-left: 12px;
    padding-top: 6px;
    letter-spacing: .07em;
    width: 100%
}

.split-view .split-list .item {
    height: 111px;
    list-style: none;
    position: relative;
    border-bottom: 1px solid rgba(230, 230, 230, .7);
    cursor: pointer
}

.split-view .split-list .item .inline {
    width: 230px
}

.split-view .split-list .item .inline > * {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-family: arial
}

.split-view .split-list .item .recipients {
    letter-spacing: .01em;
    padding-bottom: 2px
}

.split-view .split-list .item .checkbox {
    float: left;
    clear: left;
    display: none;
    max-width: 32px
}

.split-view .split-list .item .subject {
    font-family: helvetica;
    font-size: 14.33px;
    color: var(--info);
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 38px;
    display: -webkit-box;
    white-space: normal;
    line-height: 18px
}

.split-view .split-list .item .body {
    font-size: 12.6px;
    opacity: .52;
    height: 22px
}

.split-view .split-list .item .datetime {
    color: #121212;
    font-family: arial;
    font-size: 11.1px;
    position: absolute;
    right: 20px;
    top: 15px;
    opacity: .46
}

.split-view .split-details {
    position: relative;
    overflow: auto;
    height: 100%
}

.split-view .split-details .no-result {
    bottom: 0;
    left: 0;
    margin-top: -34px;
    opacity: .5;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%
}

.split-view .split-details .actions {
    height: 50px;
    float: left
}

.split-view .split-details .actions li {
    list-style: none;
    position: relative
}

.split-view .split-details .actions li:last-child:after {
    display: none
}

.split-view .split-details .actions li:after {
    content: "";
    height: 14px;
    position: absolute;
    right: -4px;
    top: 18px;
    width: 1px;
    background: rgba(0, 0, 0, .07)
}

.split-view .split-details .actions li a {
    font-size: 13.1px;
    color: #626262;
    font-weight: 600;
    padding: 0 13px;
    line-height: 50px;
    white-space: nowrap
}

.windows h4.c-heading-medium {
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
}

#advanceSearch {
    cursor: pointer;
}

.advance-search {
    transition: 1.5s;
    transition-timing-function: ease-out;

}

@media (max-width: 1400px) {
    .header .brand.inline::after {
        top: -7px !important
    }
}

.inner-content {
    margin-top: 0;
    padding: 0;
    overflow: auto;
    min-height: 100%;
    margin-left: 250px
}

.toggle-secondary-sidebar {
    display: none
}

.secondary-sidebar {
    background: #2d3446;
    width: 250px;
    float: left;
    padding-left: 47px;
    height: 100%;
    position: fixed;
    padding: 20px 0
}

.secondary-sidebar.not-fixed {
    position: inherit
}

.secondary-sidebar.open {
    position: fixed;
    visibility: hidden;
    display: block
}

.secondary-sidebar .btn-compose {
    font-family: var(--font-emphasis);
    font-size: 13px;
    font-weight: 400;
    letter-spacing: .02em;
    text-transform: uppercase
}

.secondary-sidebar .menu-title {
    color: rgba(120,
    129,
    149,
    .7);
    font-size: 10.8px;
    font-family: var(--font-emphasis);
    font-weight: 400;
    letter-spacing: .03em
}

.secondary-sidebar .menu-title {
    padding-left: 30px
}

.secondary-sidebar > ul > li {
    padding-left: 0
}

.secondary-sidebar ul li a {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-left: 30px;
    padding-right: 30px
}

.secondary-sidebar ul li a > .icon-thumbnail {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    width: auto;
    line-height: auto
}

.secondary-sidebar ul li a > .icon-thumbnail > svg {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.secondary-sidebar ul li a.active {
    color: #2c2c2c
}

.secondary-sidebar ul li a > .title {
    width: 100%;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.secondary-sidebar ul li a > .title:after {
    display: none
}

.secondary-sidebar ul li a > .badge {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.secondary-sidebar ul li a > .arrow:before {
    float: right;
    display: inline;
    font-size: 16px;
    font-family: FontAwesome;
    height: auto;
    content: "\f104";
    font-weight: 300;
    text-shadow: none;
    -webkit-transition: all .12s ease;
    transition: all .12s ease
}

.secondary-sidebar ul li ul {
    margin: 0;
    padding-top: 7px;
    padding-bottom: 5px;
    padding-left: 7px
}

.secondary-sidebar ul li ul li {
    padding: 0;
    margin-bottom: 9px;
    margin-top: 5px
}

.secondary-sidebar ul li.open > a {
    color: #2c2c2c
}

.secondary-sidebar ul li.open > a .arrow:before {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.secondary-sidebar ul li.open > ul {
    display: block
}

.secondary-sidebar ul li > ul {
    display: none
}

.secondary-sidebar .main-menu {
    padding-left: 0
}

.secondary-sidebar .main-menu > li {
    list-style: none
}

.secondary-sidebar .main-menu > li.active > a {
    color: var(--info)
}

.secondary-sidebar .main-menu > li.active > a:hover {
    color: var(--info)
}

.secondary-sidebar .main-menu > li.active > a > .title {
    position: relative
}

.secondary-sidebar .main-menu > li.active > a > .title:after {
    background: var(--info);
    border-radius: 50%;
    content: "";
    height: 7px;
    position: absolute;
    right: -14px;
    top: 6.5px;
    width: 7px
}

.secondary-sidebar .main-menu > li a {
    font-size: 14px;
    color: #788195;
    line-height: 37px
}

.secondary-sidebar .main-menu > li a:hover {
    color: #fff
}

.secondary-sidebar .main-menu > li a > .title i {
    margin-right: 6px;
    opacity: .9
}

.secondary-sidebar .sub-menu {
    margin-left: 23px
}

.secondary-sidebar .sub-menu li {
    list-style: none;
    padding: 0
}

.secondary-sidebar .sub-menu li.active a {
    color: #fff !important
}

.secondary-sidebar .sub-menu li a {
    color: rgba(120,
    129,
    149,
    .89);
    line-height: 25px
}

.secondary-sidebar .sub-menu li a:hover {
    color: #fff
}

.secondary-sidebar .sub-menu li a .badge,
.secondary-sidebar .main-menu li a .badge {
    background: 0 0;
    font-size: 13px;
    color: #788195;
    line-height: 25px
}

.secondary-sidebar.light {
    background-color: #fff;
    border-right: 1px solid rgba(0,
    0,
    0,
    .07)
}

.secondary-sidebar.light .menu-title {
    color: rgba(120,
    129,
    149,
    .6);
    opacity: 1
}

.secondary-sidebar.light .icon-thumbnail {
    background-color: transparent
}

.secondary-sidebar.light .main-menu li a:hover {
    color: #2c2c2c
}

.secondary-sidebar.light .main-menu li.active > a {
    color: #2c2c2c
}

.secondary-sidebar.light .sub-menu {
    margin-top: 5px
}

.secondary-sidebar.light .sub-menu li.active a {
    color: #2c2c2c !important
}

.secondary-sidebar.light .sub-menu li a {
    color: rgba(120,
    129,
    149,
    .6)
}

.secondary-sidebar.light .sub-menu li a:hover {
    color: #2c2c2c
}

.header.main-header-top {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 60px;
    width: 100%;
    padding: 0 15px 0 0;
    z-index: 800;
    background-color: var(--header-bg);
    border-bottom: var(--header-border);
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.header.main-header-top .header-holder {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    padding-left: 15px;
}

.header a {
    color: var(--header-text-color)
}

.header a:hover,
.header a:active,
.header a:focus {
    color: var(--header-text-color)
}

.header .header-inner {
    height: inherit;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.header.transparent {
    background-color: transparent !important
}

.header .brand {
    vertical-align: middle;
    width: 58px;
    visibility: hidden;
    text-align: center;
}

.header .bubble {
    border-radius: 100%;
    height: 12px;
    width: 12px;
    background-color: var(--danger);
    color: #fff;
    position: absolute;
    top: -6px;
    float: right;
    right: -5px
}

.header .notification-list {
    display: inline-block;
    line-height: 23px
}

.header .search-link {
    display: inline-block;
    margin-left: 15px;
    color: var(--header-text-color);
    opacity: .7;
    font-size: 14px;
    vertical-align: middle;
    line-height: 12px;
    font-family: var(--font-general);
}

#mp-search {
    padding: 10px 0 20px 0;
    overflow: hidden;
    border-bottom: 1px solid rgba(230, 230, 230, .7);
}

.mp-search {
    margin-left: 5px;
    display: inline-block;
    color: var(--header-text-color);
    opacity: .7;
    font-size: 14px;
    vertical-align: middle;
    line-height: 12px;
    font-family: var(--font-general);
}
#mp-search input.header-search {
    width: calc(100% - 50px);
    line-height: 16px;
}
.mp-search i {
    margin-right: 30px;
    font-size: 16px;
    vertical-align: middle;
}

.header .search-link i {
    margin-right: 15px;
    font-size: 16px;
    vertical-align: middle
}

.header .search-link:hover {
    opacity: 1
}

.header .pg {
    font-size: 16px
}

.header ul li {
    line-height: 12px;
    vertical-align: middle
}

.header .dropdown {
    line-height: 12px
}

.header .dropdown-menu {
    margin-top: 10px
}

.top-input-area {
    background: #fff;
    width: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 9;
    -webkit-animation: expand 1s;
    padding: 15px 15px;
}

.top-input-area .top-menu-input {
    width: 100%;
}

.top-input-area .clear-search-input {
    margin-top: 8px;
}

.navbar {
    min-height: 50px;
    position: relative;
    margin-bottom: 20px;
    border: 1px solid transparent;
    top: -1px;
}

.navbar-nav > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.nav > li > a {
    padding: 10px 15px
}

.navbar-default {
    background-color: #fff
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-default .navbar-nav > .active > a:focus {
    background-color: transparent
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-default .navbar-nav > .active > a:focus {
    background-color: transparent
}

.navbar-toggle {
    border-radius: 0;
    background-color: transparent !important
}

.navbar-default .navbar-nav > li > a {
    color: #626262
}

.nav-collapse.collapse {
    height: 100% !important
}

.navbar-center,
.navbar-center > li {
    float: none;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top
}

.navbar-nav li a {
    min-width: 50px
}

@media only screen and (min-width: 980px) {
    body.menu-pin .header .brand {
        width: 238px;
    }

    body.menu-behind .header .brand {
        width: 200px;
        text-align: left;
        padding-left: 20px
    }

    body.box-layout {
        background-color: #fff
    }

    body.box-layout > .container,
    body.box-layout > .full-height > .container {
        height: 100%;
        padding: 0;
        background-color: #fafafa
    }

    body.box-layout .header {
        background-color: transparent;
        border: 0;
        padding: 0
    }

    body.box-layout .header > .container {
        background-color: #fff;
        border-bottom: 1px solid rgba(230,
        230,
        230,
        .7);
        padding: 0 20px 0 0;
        height: 100%
    }

    .header .brand {
        position: relative
    }

    .header .user-info-wrapper .user-details .user-name {
        font-size: 16px
    }

    .header .user-info-wrapper .user-details .user-other {
        font-size: 10px
    }

    .header .user-info-wrapper .user-pic {
        position: relative;
        top: -6px
    }

    .notification-panel {
        width: 400px
    }
}

@media (max-width: 991px) {
    body.box-layout .header > .container {
        padding: 0
    }

    body.box-layout .header > .container .pull-right .sm-action-bar {
        right: 0
    }

    .header {
        padding: 0 15px;
        width: 100%;
        border-bottom: 1px solid rgba(0,
        0,
        0,
        .07)
    }

    .header .header-inner {
        text-align: center
    }

    .header .header-inner .mark-email {
        left: 45px;
        position: absolute;
        top: 23px
    }

    .header .header-inner .quickview-link {
        position: absolute;
        right: 0;
        top: 12px
    }

    .header .brand {
        width: auto;
        visibility: hidden;
    }

    .header > .pull-left,
    .header > .pull-right {
        position: relative
    }

    .header > .pull-right .sm-action-bar {
        right: 0
    }
}

.windows .header .search-link {
    font-size: 15px
}

.breadcrumb {
    font-family: var(--font-emphasis);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    box-shadow: none;
    background-color: transparent;
    padding: 15px 0;
    margin: 0;
    border: 0;
    text-transform: uppercase;
    float: left;
}

.breadcrumb.breadcrumb-alt {
    padding: 8px 0;
    text-transform: none
}

.breadcrumb.breadcrumb-alt a {
    letter-spacing: normal;
    color: #000;
    font-size: 12px !important
}

.breadcrumb.breadcrumb-alt > .breadcrumb-item,
.breadcrumb.breadcrumb-alt > .breadcrumb-item.active {
    letter-spacing: normal;
    opacity: .46;
    color: #000;
    font-size: 12px !important
}

.breadcrumb a {
    font-size: 10.5px !important;
    letter-spacing: .06em;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.5);
    text-decoration: none;
}

.breadcrumb .breadcrumb-item {
    float: left;
    padding-left: 0
}

.breadcrumb > .breadcrumb-item + .breadcrumb-item:before {
    padding: 0 5px;
    color: #515050;
    font-family: FontAwesome;
    content: "\f105";
    font-size: 12px;
    font-weight: 700
}

.breadcrumb > .breadcrumb-item.active {
    font-weight: 500;
    color: var(--site-secondary-color);
    margin-left: 5px;
    margin-right: 5px;
    font-size: 10.5px !important;
    letter-spacing: .06em
}

.breadcrumb > .breadcrumb-item.active:before {
    padding-right: 10px
}

body.mobile .sidebar-menu {
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

body.mobile .sidebar-menu > ul {
    height: auto !important;
    overflow: visible !important;
    -webkit-overflow-scrolling: touch !important
}

body.mobile .page-sidebar .sidebar-menu .menu-items li:hover a {
    color: #788195;
}

body.mobile .page-sidebar .sidebar-menu .menu-items li:hover .icon-thumbnail {
    color: #788195 !important
}

body.mobile .page-sidebar .sidebar-menu .menu-items li.active > a,
body.mobile .page-sidebar .sidebar-menu .menu-items li.open > a {
    color: #fff
}

body.mobile .page-sidebar .sidebar-menu .menu-items li.active > .icon-thumbnail,
body.mobile .page-sidebar .sidebar-menu .menu-items li.open > .icon-thumbnail {
    color: #fff
}

body.mobile .drager {
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

body.sidebar-visible .page-sidebar .scroll-element {
    visibility: visible
}

body.sidebar-visible .page-sidebar .menu-items .icon-thumbnail {
    -webkit-transform: translate3d(-14px,
    0,
    0);
    transform: translate3d(-14px,
    0,
    0);
    -ms-transform: translate(-14px,
    0)
}

body.sidebar-visible .page-sidebar .sidebar-header .sidebar-header-controls {
    -webkit-transform: translate3d(48px,
    0,
    0);
    transform: translate3d(48px,
    0,
    0);
    -ms-transform: translate(48px,
    0);
    margin-right: 50px;
    float: right;
}

.page-sidebar {
    width: var(--left-menu-width);
    background-color: var(--sidebar-bg);
    z-index: 9999;
    left: calc(-1 * (var(--left-menu-width) - 70px));
    position: fixed;
    bottom: 0;
    top: 0;
    right: auto;
    overflow: hidden;
    -webkit-transition: -webkit-transform 400ms cubic-bezier(.05,
    .74,
    .27,
    .99);
    -moz-transition: -moz-transform 400ms cubic-bezier(.05,
    .74,
    .27,
    .99);
    -o-transition: -o-transform 400ms cubic-bezier(.05,
    .74,
    .27,
    .99);
    transition: transform 400ms cubic-bezier(.05,
    .74,
    .27,
    .99);
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
}

.page-sidebar a,
.page-sidebar button {
    color: var(--sidebar-text-color)
}

.page-sidebar a:hover,
.page-sidebar button:hover,
.page-sidebar a:active,
.page-sidebar button:active {
    color: #fff;
    background-color: transparent !important
}

.page-sidebar a:hover:focus,
.page-sidebar button:hover:focus,
.page-sidebar a:active:focus,
.page-sidebar button:active:focus {
    color: #fff
}

.page-sidebar a:visited,
.page-sidebar button:visited,
.page-sidebar a:focus,
.page-sidebar button:focus {
    color: var(--sidebar-text-color)
}

.page-sidebar button.sidebar-slide-toggle.active {
    color: var(--sidebar-text-color)
}

.page-sidebar button.sidebar-slide-toggle.active:focus {
    background: 0 0
}

.page-sidebar .scroll-element {
    visibility: hidden
}

.header-logo {
    display: inline-block;
    width: 78px;
    float: right;
    margin-right: -44px;
    margin-top: -2px;
}

.sidebar-visible .header-logo {
    display: inline-block;
    width: 78px;
    float: left;
    margin-right: inherit;
    margin-top: inherit;
}

.page-sidebar .sidebar-header {
    display: block;
    height: 60px;
    line-height: 60px;
    background-color: var(--sidebar-bg-alpha);
    border-bottom: 1px solid var(--sidebar-bg-alpha);
    color: #fff;
    width: 100%;
    padding: 0 20px;
    padding-left: 15px;
    clear: both;
    z-index: 10;
    position: relative
}

.page-sidebar .sidebar-header .sidebar-header-controls {
    display: inline-block;
    -webkit-transition: -webkit-transform .4s cubic-bezier(.05,
    .74,
    .27,
    .99);
    transition: transform .4s cubic-bezier(.05,
    .74,
    .27,
    .99);
    -webkit-backface-visibility: hidden
}

.page-sidebar .sidebar-header .sidebar-slide-toggle i {
    -webkit-transition: all .12s ease;
    transition: all .12s ease
}

.page-sidebar .sidebar-header .sidebar-slide-toggle.active i {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.page-sidebar .close-sidebar {
    position: absolute;
    right: 19px;
    top: 14px;
    padding: 9px;
    z-index: 1
}

.page-sidebar .close-sidebar > i {
    color: rgba(255,
    255,
    255,
    .57)
}

.page-sidebar .sidebar-overlay-slide {
    width: 100%;
    height: 100%;
    background-color: #272b35;
    display: block;
    z-index: 9;
    padding: 80px 20px 20px
}

.page-sidebar .sidebar-overlay-slide.from-top {
    top: -100%;
    position: absolute;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.page-sidebar .sidebar-overlay-slide.from-top.show {
    -webkit-transform: translate(0,
    100%);
    -ms-transform: translate(0,
    100%);
    transform: translate(0,
    100%)
}

.page-sidebar .sidebar-menu {
    height: calc(100% - 50px);
    position: relative;
    width: 100%;
    padding-top: 15px;
}

.page-sidebar .sidebar-menu .outer-tab-nav-section {
    display: inline-block;
    width: 45px;
    position: absolute;
    height: 100%;
    background-color: #0aa699 !important
}

.page-sidebar .sidebar-menu .menu-items {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    -webkit-overflow-scrolling: touch;
    height: calc(100% - 10px);
    width: 100%;
}

.page-sidebar .sidebar-menu .menu-items li:hover > .icon-thumbnail,
.page-sidebar .sidebar-menu .menu-items li.open > .icon-thumbnail,
.page-sidebar .sidebar-menu .menu-items li.active > .icon-thumbnail {
    color: #fff
}

.page-sidebar .sidebar-menu .menu-items li:hover > a,
.page-sidebar .sidebar-menu .menu-items li.open > a,
.page-sidebar .sidebar-menu .menu-items li.active > a {
    color: #fff
}

.page-sidebar .sidebar-menu .menu-items li > a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}

.page-sidebar .sidebar-menu .menu-items > li {
    display: block;
    padding: 0;
    clear: right;
}

.page-sidebar .sidebar-menu .menu-items > li:after,
.page-sidebar .sidebar-menu .menu-items > li:before {
    display: table;
    content: " ";
    clear: both;
}

.page-sidebar .sidebar-menu .menu-items > li > a {
    display: inline-block;
    padding-left: 15px;
    min-height: 40px;
    line-height: 40px;
    font-size: 14px;
    clear: both;
    font-family: var(--font-emphasis);
}

.page-sidebar .sidebar-menu .menu-items > li > a.open {
    background: #313131
}

.page-sidebar .sidebar-menu .menu-items > li > a > .arrow {
    float: right;
    /* padding-right: 30px; */
    position: absolute;
}

.page-sidebar .sidebar-menu .menu-items > li > a > .arrow:before {
    float: right;
    display: inline;
    font-size: 16px;
    font-family: FontAwesome;
    height: auto;
    content: "\f104";
    font-weight: 300;
    text-shadow: none;
    -webkit-transition: all .12s ease;
    transition: all .12s ease
}

.page-sidebar .sidebar-menu .menu-items > li > a > .arrow.open:before {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.page-sidebar .sidebar-menu .menu-items > li > a > .badge {
    margin-top: 12px
}

.page-sidebar .sidebar-menu .menu-items > li > a > .title {
    float: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: calc(100% - 95px);
}

.page-sidebar .sidebar-menu .menu-items > li > a > .details {
    font-size: 12px;
    opacity: .4;
    display: block;
    clear: both
}

.page-sidebar .sidebar-menu .menu-items > li > a.detailed > .title {
    line-height: 28px
}

.page-sidebar .sidebar-menu .menu-items > li > a.detailed > .details {
    line-height: 16px
}

.page-sidebar .sidebar-menu .menu-items > li.active > ul.sub-menu {
    display: block
}

.page-sidebar .sidebar-menu .menu-items > li > .icon-thumbnail:first-letter {
    text-transform: uppercase
}

.page-sidebar .sidebar-menu .menu-items > li > ul.sub-menu > li ul.sub-menu li {
    padding-left: 10px;
    padding-right: 3px
}

.page-sidebar .sidebar-menu .menu-items > li > ul.sub-menu > li ul.sub-menu .icon-thumbnail {
    width: 25px;
    height: 25px;
    line-height: 25px;
    font-size: 10px
}

.page-sidebar .sidebar-menu .menu-items > li > ul.sub-menu li > a > .arrow:before {
    float: right;
    margin-top: 1px;
    margin-right: 20px;
    display: inline;
    font-size: 16px;
    font-family: FontAwesome;
    height: auto;
    content: "\f104";
    font-weight: 300;
    text-shadow: none;
    -webkit-transition: all .12s ease;
    transition: all .12s ease
}

.page-sidebar .sidebar-menu .menu-items > li > ul.sub-menu li > a > .arrow.open:before {
    float: right;
    margin-top: 1px;
    margin-right: 18px;
    display: inline;
    font-family: FontAwesome;
    height: auto;
    font-size: 16px;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    font-weight: 300;
    text-shadow: none
}

.page-sidebar .sidebar-menu .menu-items > li ul.sub-menu {
    display: none;
    list-style: none;
    clear: both;
    margin: 0 0 10px;
    background-color: var(--sidebar-bg-alpha);
    padding: 15px 0 10px
}

.page-sidebar .sidebar-menu .menu-items > li ul.sub-menu > li {
    background: 0 0;
    padding: 0 5px 0 30px;
    margin-top: 0;
}

.page-sidebar .sidebar-menu .menu-items > li ul.sub-menu > li > a {
    display: inline-block;
    padding: 5px 0;
    font-size: 13px;
    font-family: var(--font-emphasis);
    white-space: normal;
    width: 65%;
}

.page-sidebar .sidebar-menu li a + span i.fa-flask {
    position: relative;
    top: -13px;
    width: 30px;
    height: 30px;
    text-align: center;
    font-size: 16px;
    line-height: 30px;
    right: 16px;
    color: #eeba22 !important;
}
.sidebar-visible .page-sidebar .sidebar-menu li a + span i.fa-flask {
    right: 10px;
}

.page-sidebar .sidebar-menu .menu-items > li ul.sub-menu > li:hover > .icon-thumbnail {
    color: #fff
}

.page-sidebar .sidebar-menu .menu-items > li ul.sub-menu > li .icon-thumbnail {
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin: 0;
    background-color: var(--sidebar-bg-alpha);
    font-size: 12px;
    font-family: var(--font-emphasis);
    left: -15px;
}
.sidebar-visible .page-sidebar .sidebar-menu .menu-items > li ul.sub-menu > li .icon-thumbnail {
    left: 0px;
}
.sidebar-visible.menu-pin .page-sidebar .sidebar-menu .menu-items > li ul.sub-menu > li .icon-thumbnail {
    left: 0px;
}

.page-sidebar .sidebar-menu .muted {
    color: #576775;
    opacity: .45
}

.page-sidebar .icon-thumbnail[class^=bg-],
.page-sidebar[class*=bg-] {
    color: #fff
}

[data-toggle-pin=sidebar] > i:before {
    content: "\f10c"
}

.icon-thumbnail {
    display: inline-block;
    background: var(--sidebar-bg-alpha);
    height: 41px;
    width: 41px;
    line-height: 41px;
    text-align: center;
    vertical-align: middle;
    position: relative;
    left: 0;
    float: right;
    margin-right: 15px;
    color: var(--sidebar-text-color);
    font-size: 16px;
    -webkit-transition: -webkit-transform .4s cubic-bezier(.05,
    .74,
    .27,
    .99);
    transition: transform .4s cubic-bezier(.05,
    .74,
    .27,
    .99);
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    font-family: var(--font-general);
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-weight: 700
}


.sidebar-visible .icon-thumbnail,
.sidebar-open .icon-thumbnail{
    margin-right: 0px;
}


.icon-thumbnail > svg {
    width: auto;
    height: auto;
    display: inline;
}

@media only screen and (max-width: 1400px) {
    .page-sidebar .page-sidebar-inner .sidebar-slide .sidebar-menu {
        bottom: 50px
    }

    .page-sidebar .page-sidebar-inner .sidebar-slide .sidebar-widgets {
        display: none
    }
}

@media only screen and (min-width: 980px) {
    body.ie9.menu-pin .page-sidebar {
        transform: none !important;
        -webkit-transform: none !important;
        -ms-transform: none !important
    }

    body.menu-pin[data-toggle-pin=sidebar] > i:before {
        content: "\f192"
    }

    body.menu-pin .page-sidebar {
        transform: translate(calc(var(--left-menu-width) - 70px), 0) !important;
        -webkit-transform: translate(calc(var(--left-menu-width) - 70px), 0) !important;;
        -ms-transform: translate(calc(var(--left-menu-width) - 70px), 0) !important;
    }

    body.menu-pin .page-sidebar {
        width: var(--left-menu-width);
    }

    body.menu-pin .page-sidebar .sidebar-header .sidebar-header-controls {
        -webkit-transform: translateX(18px);
        -ms-transform: translateX(18px);
        transform: translateX(18px);
        float: right;
        margin-right: 20px;
    }

    body.menu-pin .page-sidebar .menu-items .icon-thumbnail {
        -webkit-transform: translate3d(-14px,
        0,
        0);
        transform: translate3d(-14px,
        0,
        0);
        -ms-transform: translate(-14px,
        0)
    }

    body.menu-behind .page-sidebar {
        z-index: 799
    }

    body.box-layout .page-sidebar {
        left: auto;
        transform: none !important;
        -webkit-transform: none !important
    }
}

@media (max-width: 991px) {
    .page-sidebar {
        width: var(--left-menu-width);
        z-index: auto;
        left: 0 !important;
        -webkit-transform: translate3d(0, 0, 0) !important;
        transform: translate3d(0, 0, 0) !important
    }

    .page-sidebar .sidebar-menu .menu-items > li ul.sub-menu > li {
        padding: 0 30px 0 36px
    }

    .sidebar-open .header-logo {
        display: inline-block;
        width: 78px;
        float: left;
        margin-right: inherit;
        margin-top: inherit;
    }

    body.sidebar-open .page-sidebar .sidebar-header .sidebar-header-controls {
        -webkit-transform: translate3d(48px,
        0,
        0);
        transform: translate3d(48px,
        0,
        0);
        -ms-transform: translate(48px,
        0);
        margin-right: 50px;
        float: right;
    }

    body.sidebar-open .page-sidebar .scroll-element {
        visibility: visible
    }

    .icon-thumbnail {
        margin-right: 24px
    }

    .page-sidebar {
        display: none;
        z-index: auto
    }

    .page-sidebar.visible {
        display: block
    }

    .page-sidebar .page-sidebar-inner {
        z-index: 1;
        left: 0 !important;
        width: 260px
    }

    .page-sidebar .page-sidebar-inner .sidebar-slide .sidebar-menu {
        overflow: scroll;
        -webkit-overflow-scrolling: touch;
        top: 40px;
        bottom: 0
    }

    .page-sidebar .page-sidebar-inner .sidebar-slide .sidebar-menu ul > li > a > .badge {
        display: inline-block
    }
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .page-sidebar .sidebar-menu .menu-items ul {
        -webkit-transform: translateZ(0);
        -webkit-backface-visibility: hidden;
        -webkit-perspective: 1000
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .page-sidebar .sidebar-menu .menu-items > li > a {
        padding-left: 27px
    }

    .page-sidebar .sidebar-menu .menu-items > li ul.sub-menu > li {
        padding: 0 27px 0 31px
    }
}

@media (max-width: 767px) {
    .page-sidebar .sidebar-header {
        padding: 0 12px
    }

    .page-sidebar .sidebar-menu .menu-items > li ul.sub-menu > li {
        padding: 0 25px 0 28px
    }
    /* header responsive */
    .search-section .dropdown_bookmark_links.b-r {
        border-right-width: 0px;
    }

    .header-holder .search-section {
        display: flex;
        align-items: center;
    }

    .search-section .bookmark_dropdown_link {
        margin-right: 0px;
    }

    ul.dropdown_bookmark_links .dropdown > a {
        padding-left: 0px;
        padding-right: 0px;
        border: none;
        font-size: 18px;
        margin-right: 7.5px !important;
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .search-section .top-menu-input {
        background: #ffffff;
        border: none;
        margin-right: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
        height: auto;
    }

    .clear-search-input {
        display: none;
    }

    .search-section .filter-spn {
        display: none;
    }

    .search-section .btn-primary {
        background-color: transparent;
        border: none !important;
        font-size: 16px;
        color: var(--body-text-color) !important;
        padding-left: 7.5px;
        padding-right: 7.5px;
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .search-section .search-link {
        margin-left: 7.5px;
        margin-right: 7.5px;
        vertical-align: top;
        line-height: 17px;
    }

    .search-section .search-link > i {
        margin-right: 0px;
    }

    /* orders product modal */
    .p-modal .product_image {
        width: auto;
        margin-right: 10px;
    }
    .p-modal .product-actions {
        width: auto;
        float: right;
    }
}

@media (max-width: 480px) {
    body .header .header-inner .toggle-secondary-sidebar {
        font-size: 16px;
        top: 12px
    }

    .page-sidebar .sidebar-header {
        height: 48px;
        line-height: 48px
    }
}

.overlay {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    /*z-index:1010;*/
    padding-left: 64px;
    overflow: auto;
}

.overlay.filters-container {
    background: rgba(255,
    255,
    255,
    .95);
}

.overlay .inline-block {
    display: inline-block
}

.overlay .overlay-brand {
    margin-left: 7px
}

.overlay > div {
    width: 100%;
    height: 260px;
    display: block;
    overflow: hidden
}

.overlay .has-results {
    overflow: visible
}

.overlay .overlay-search {
    font-weight: 700;
    font-size: 77px;
    height: 100px;
    letter-spacing: -1.925px;
    line-height: 100px;
    width: 100%;
    padding-left: 0 !important
}

.overlay .overlay-close {
    position: absolute;
    right: 20px;
    top: 5px
}

.quickview-wrapper {
    position: fixed;
    right: -440px;
    top: 0;
    width: 440px;
    background: var(--panel-bg);
    bottom: 0;
    z-index: 9999;
    box-shadow: 0 0 9px rgba(191, 191, 191, .36);
    border-left: 1px solid rgba(222, 227, 231, .56);
    -webkit-transition: -webkit-transform 400ms cubic-bezier(.05, .74, .27, .99);
    transition: transform 400ms cubic-bezier(.05, .74, .27, .99);
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-perspective: 1000;
}

.quickview-wrapper.open {
    -webkit-transform: translate3d(-100%,
    0,
    0);
    transform: translate3d(-100%,
    0,
    0);
    -ms-transform: translate(-100%,
    0)
}

.quickview-wrapper .quickview-toggle {
    position: absolute;
    right: 15px;
    top: 8px;
    color: #fff !important;
    padding: 6px;
    opacity: .7;
    cursor: pointer;
}

.quickview-wrapper .quickview-toggle i {
    font-size: 15px;
}

.quickview-wrapper .quickview-toggle:hover {
    opacity: 1
}

.quickview-wrapper .nav-tabs {
    background-color: #2b303b;
    position: relative;
    /*padding:0 43px*/
}

.quickview-wrapper .nav-tabs > li > a {
    color: #dee0e2;
    border: 0;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    min-width: 62px;
    line-height: 1.4;
    padding: 15px;
    text-transform: capitalize;
    opacity: .8;
}

.quickview-wrapper .nav-tabs > li > a.active {
    color: #fff;
    opacity: 1;
    background: rgba(34, 170, 161, 0.32);
}

.quickview-wrapper .nav-tabs > li > a:hover {
    opacity: 1;
    color: #fff;
}

.quickview-wrapper .nav-tabs > li > a > span {
    opacity: .6
}

.quickview-wrapper .nav-tabs > li > a:hover > span {
    color: #788195;
    opacity: 1
}

.quickview-wrapper .nav-tabs > li > a.active:hover,
.quickview-wrapper .nav-tabs > li > a.active:focus {
    background: 0 0;
    color: #cdd0d8;
    opacity: 1
}

.quickview-wrapper .nav-tabs > li.active > a,
.quickview-wrapper .nav-tabs > li.active > a:hover,
.quickview-wrapper .nav-tabs > li.active > a:focus {
    background-color: transparent;
    border: 0;
    color: #cdd0d8;
    opacity: 1
}

.quickview-wrapper .nav-tabs ~ .tab-content {
    position: absolute;
    padding: 0;
    left: 0;
    right: 0;
    top: 46px;
    bottom: 0;
    height: auto;
}

.quickview-wrapper .nav-tabs ~ .tab-content > div {
    height: 100%
}

.quickview-wrapper .nav-tabs ~ .tab-content ul {
    margin: 0;
    padding: 0
}

.quickview-wrapper .nav-tabs ~ .tab-content ul li {
    list-style: none
}

.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes {
    background: #fbf9e3
}

.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes a,
.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes button {
    color: #968974
}

.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes .list {
    position: relative
}

.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes .list .toolbar {
    height: 50px;
    padding: 0 25px
}

.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes .list .toolbar ul {
    margin-top: 10px
}

.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes .list .toolbar ul > li {
    display: inline-block;
    height: auto
}

.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes .list .toolbar ul > li a {
    height: 22px;
    line-height: 22px;
    display: block;
    padding: 0 5px;
    font-size: 14px
}

.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes .list .toolbar ul > li a:hover,
.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes .list .toolbar ul > li a.selected {
    background: #968974;
    color: #fbf9e3
}

.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes .list .toolbar .btn-remove-notes {
    background: 0 0;
    bottom: 8px;
    display: block;
    left: 50%;
    margin-left: -40%;
    position: absolute;
    width: 83%;
    border: 1px solid #968974
}

.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes .list > ul {
    padding: 0
}

.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes .list > ul li {
    cursor: pointer;
    height: 42px;
    padding: 0 25px;
    display: block;
    clear: both
}

.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes .list > ul li .left {
    float: left;
    width: 65%;
    height: 100%;
    padding-top: 9px
}

.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes .list > ul li .left .checkbox {
    display: none;
    float: left
}

.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes .list > ul li .left .checkbox label {
    margin-right: 0;
    vertical-align: text-top
}

.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes .list > ul li .left p {
    margin: 0;
    font-size: 13px;
    font-weight: 700;
    width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    display: inline-block
}

.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes .list > ul li .right {
    font-size: 10.5px;
    text-align: right;
    width: 35%;
    line-height: 41px
}

.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes .list > ul li .right .date {
    margin-right: 10px
}

.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes .list > ul li:hover {
    background: #f4ecd1
}

.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes .note {
    background-image: url(../img/notes_lines.png);
    background-repeat: repeat-y;
    background-position: 27px top
}

.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes .note > div {
    display: table;
    height: 100%;
    width: 100%
}

.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes .note .toolbar {
    background: #fcfcfa;
    height: 35px;
    width: 100%;
    display: table-row;
    box-shadow: 0 1px 1px -1px rgba(0,
    0,
    0,
    .33)
}

.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes .note .toolbar > li {
    display: inline-block;
    border-right: 1px solid #edecec;
    float: left;
    line-height: 37px;
    padding: 0;
    text-align: center;
    width: 40px;
    height: auto
}

.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes .note .toolbar > li > a {
    color: #a5a5a5;
    display: block;
    font-size: 14px
}

.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes .note .toolbar > li > a:hover {
    background: #fffaf6
}

.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes .note .toolbar > li > a.active {
    color: #333;
    background: #f9f1ea
}

.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes .note .toolbar:after {
    position: absolute;
    content: "";
    width: 100%
}

.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes .note .body {
    display: table-row;
    height: 100%
}

.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes .note .body > div {
    display: table;
    height: 100%;
    width: 100%;
    padding: 0 20px 0 45px;
    white-space: normal
}

.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes .note .body .top {
    height: 50px;
    display: table-row;
    clear: both;
    line-height: 50px;
    text-align: center
}

.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes .note .body .top > a {
    float: left;
    color: #b0b0a8;
    margin-left: 10px
}

.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes .note .body .top > span {
    font-style: italic;
    color: #b0b0a8;
    font-size: 11px
}

.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes .note .body .content {
    display: table-row;
    height: 100%
}

.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes .note .body .content form {
    height: 100%
}

.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes .note .body .content .quick-note-editor {
    font-size: 12px
}

.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes .note .body .content .quick-note-editor:focus {
    outline: 0
}

.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes .note .body .content .quick-note-editor::-moz-selection {
    background: #fef8ae
}

.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes .note .body .content .quick-note-editor::selection {
    background: #fef8ae
}

.scroll {
    position: relative;
    overflow: auto
}

.leftside {
    display: inline-block;
    width: 90%;
    padding-left: 27px;
}

.scroll-wrapper > .scroll-element,
.scroll-wrapper > .scroll-element div {
    background: 0 0;
    border: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10
}

.scroll-wrapper > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

.scroll-wrapper > .scroll-element.scroll-x {
    bottom: 2px;
    height: 7px;
    left: 0;
    min-width: 100%;
    width: 100%
}

.scroll-wrapper > .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 2px;
    top: 0;
    width: 4px
}

.scroll-wrapper > .scroll-element .scroll-element_outer {
    opacity: .3
}

.scroll-wrapper > .scroll-element .scroll-element_size {
    background-color: rgba(0,
    0,
    0,
    .07);
    opacity: 0
}

.scroll-wrapper > .scroll-element .scroll-bar {
    background-color: #697686
}

.scroll-wrapper > .scroll-element.scroll-x .scroll-bar {
    bottom: 0;
    height: 4px;
    min-width: 24px;
    top: auto
}

.scroll-wrapper > .scroll-element.scroll-x .scroll-element_outer {
    bottom: 0;
    top: auto;
    left: 2px;
    -webkit-transition: height .2s;
    transition: height .2s
}

.scroll-wrapper > .scroll-element.scroll-x .scroll-element_size {
    left: -4px
}

.scroll-wrapper > .scroll-element.scroll-y .scroll-bar {
    left: auto;
    min-height: 24px;
    right: 0;
    width: 4px
}

.scroll-wrapper > .scroll-element.scroll-y .scroll-element_outer {
    left: auto;
    right: 0;
    top: 2px;
    -webkit-transition: all .2s;
    transition: all .2s
}

.scroll-wrapper > .scroll-element.scroll-y .scroll-element_size {
    top: -4px
}

.scroll-wrapper > .scroll-content {
    box-sizing: inherit !important
}

.scroll-wrapper.auto-hide > .scroll-element .scroll-element_track {
    display: none
}

.scroll-wrapper > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -11px
}

.scroll-wrapper > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -11px
}

.scroll-wrapper > .scroll-element:hover .scroll-element_outer,
.scroll-wrapper > .scroll-element.scroll-draggable .scroll-element_outer {
    overflow: hidden;
    -ms-filter: "alpha(opacity=70)";
    filter: alpha(opacity=70);
    opacity: .7
}

.scroll-wrapper > .scroll-element:hover .scroll-element_outer .scroll-element_size,
.scroll-wrapper > .scroll-element.scroll-draggable .scroll-element_outer .scroll-element_size {
    opacity: 1
}

.scroll-wrapper > .scroll-element:hover .scroll-element_outer .scroll-bar,
.scroll-wrapper > .scroll-element.scroll-draggable .scroll-element_outer .scroll-bar {
    height: 100%;
    width: 100%
}

.scroll-wrapper > .scroll-element.scroll-x:hover .scroll-element_outer,
.scroll-wrapper > .scroll-element.scroll-x.scroll-draggable .scroll-element_outer {
    height: 10px;
    min-height: 7px
}

.scroll-wrapper > .scroll-element.scroll-y:hover .scroll-element_outer,
.scroll-wrapper > .scroll-element.scroll-y.scroll-draggable .scroll-element_outer {
    min-width: 7px;
    width: 7px
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 10px 0;
    font-family: var(--font-general);
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-weight: 300;
    color: var(--heading-color)
}

h1 {
    font-size: 44px;
    line-height: 55px;
    letter-spacing: -.08px
}

h2 {
    font-size: 31px;
    line-height: 40px
}

h3 {
    font-size: 27px;
    line-height: 35px
}

h4 {
    font-size: 22px;
    line-height: 31.88px
}

h5 {
    font-size: 18px;
    line-height: 25.88px
}

h3 small,
h4 small,
h5 small {
    font-weight: 300
}

h1.block,
h2.block,
h3.block,
h4.block,
h5.block,
h6.block {
    padding-bottom: 10px
}

br {
    line-height: normal;
    clear: both
}

code:hover {
    background-color: #fddddd
}

p {
    display: block;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .01em;
    line-height: 22px;
    margin: 0 0 15px;
    font-style: normal;
    white-space: normal
}

small,
.small {
    line-height: 18px;
    font-size: 85%
}

label.inline {
    display: inline-block;
    position: relative;
    top: 0;
    font-size: 13px
}

ul,
ol {
    margin-bottom: 10px
}

ul > li,
ol > li {
    padding-left: 3px;
    line-height: 24px
}

ul.lg-icon > li,
ol.lg-icon > li {
    font-size: 21px
}

ul.lg-icon > li span,
ol.lg-icon > li span {
    font-size: 14px
}

ul.no-style,
ol.no-style {
    list-style: none;
    padding-left: 5px
}

address {
    margin-bottom: 0
}

address a {
    color: #626262
}

blockquote {
    padding: 0 0 0 18px;
    border-left: 0
}

blockquote:before {
    content: '';
    font-family: FontAwesome;
    content: "\f10d";
    margin-right: 13px;
    float: left
}

blockquote p {
    font-size: 16px
}

blockquote small {
    line-height: 29px;
    color: #8b91a0;
    padding-left: 30px
}

blockquote small:before {
    content: ""
}

blockquote.pull-right {
    border-right: 0
}

blockquote.pull-right:before {
    float: right;
    content: '';
    font-family: FontAwesome;
    content: "\f10d";
    margin-left: 13px;
    margin-right: 0
}

blockquote.pull-right small {
    padding-right: 30px
}

blockquote.pull-right small:after {
    content: ""
}

hr {
    border-color: #e6e6e6
}

hr.double {
    border-width: 2px
}

hr.dotted {
    border-style: dotted none none
}

.small-text {
    font-size: 12px !important
}

.normal-text {
    font-size: 13px !important
}

.large-text {
    font-size: 15px !important
}

.normal {
    font-weight: 400
}

.semi-bold {
    font-weight: 400 !important
}

.bold {
    font-weight: 700 !important
}

.light {
    font-weight: 300 !important
}

.logo {
    margin: 18px 14px
}

.all-caps {
    text-transform: uppercase
}

.muted {
    color: #e2e2e2
}

.hint-text {
    opacity: .7
}

.no-decoration {
    text-decoration: none !important
}

.bg-master {
    background-color: #626262
}

.bg-master-light {
    background-color: #e6e6e6
}

.bg-master-lighter {
    background-color: #f0f0f0
}

.bg-master-lightest {
    background-color: #fafafa
}

.bg-master-dark {
    background-color: #2c2c2c
}

.bg-master-darker {
    background-color: #1a1a1a
}

.bg-master-darkest {
    background-color: #121212
}

.bg-primary {
    background-color: #04b5e0 !important;
}

.bg-primary-dark {
    background-color: #584b8d
}

.bg-primary-darker {
    background-color: #413768
}

.bg-primary-light {
    background-color: #8a7dbe
}

.bg-primary-lighter {
    background-color: #e2deef
}

.bg-complete {
    background-color: var(--info)
}

.bg-complete-dark {
    background-color: #3a8fc8
}

.bg-complete-darker {
    background-color: #2b6a94
}

.bg-complete-light {
    background-color: #6dc0f9
}

.bg-complete-lighter {
    background-color: #daeffd
}

.sidebar-menu .bg-success {
    background-color: var(--site-secondary-bg) !important;
}

.bg-success {
    background-color: #049854 !important;
}

.bg-success-dark {
    background-color: var(--success)
}

.bg-success-darker {
    background-color: #0a7c71
}

.bg-success-light {
    background-color: var(--success)
}

.bg-success-lighter {
    background-color: var(--success)
}

.bg-info {
    background-color: var(--info) !important
}

.bg-info-dark {
    background-color: var(--info)
}

.bg-info-darker {
    background-color: var(--info)
}

.bg-info-light {
    background-color: var(--info)
}

.bg-info-lighter {
    background-color: #d8dadc
}

.bg-danger {
    background-color: #d24b3a !important;
}

.bg-danger-dark {
    background-color: var(--danger)
}

.bg-danger-darker {
    background-color: #933432
}

.bg-danger-light {
    background-color: var(--danger)
}

.bg-danger-lighter {
    background-color: #fddddd
}

.bg-warning {
    background-color: #e69615 !important;
}

.bg-warning-dark {
    background-color: #c9a843
}

.bg-warning-darker {
    background-color: #957d32
}

.bg-warning-light {
    background-color: #f9d975
}

.bg-warning-lighter {
    background-color: #fef6dd
}

.bg-menu-dark {
    background-color: #21252d
}

.bg-menu {
    background-color: #2b303b
}

.bg-menu-light {
    background-color: #788195
}

.gradient-grey {
    background: -webkit-linear-gradient(top,
    rgba(0,
            0,
            0,
            0) 0%,
    rgba(0,
            0,
            0,
            0.8) 75%);
    background: linear-gradient(to bottom,
    rgba(0,
            0,
            0,
            0) 0%,
    rgba(0,
            0,
            0,
            0.8) 75%)
}

.gradient-black {
    background: -webkit-linear-gradient(top,
    rgba(0,
            0,
            0,
            0) 0%,
    rgba(0,
            0,
            0,
            0.8) 75%);
    background: linear-gradient(to bottom,
    rgba(0,
            0,
            0,
            0) 0%,
    rgba(0,
            0,
            0,
            0.8) 75%)
}

.bg-white {
    background-color: #fff
}

.bg-transparent {
    background-color: transparent !important
}

.link {
    opacity: .7
}

.link:hover {
    opacity: 1
}

.text-master {
    color: #626262 !important
}

.text-master-light {
    color: #e6e6e6 !important
}

.text-black {
    color: #2c2c2c !important
}

.text-white {
    color: #fff !important
}

.text-complete {
    color: var(--info) !important
}

.text-success {
    color: #10cfbd !important
}

.text-info {
    color: var(--info) !important
}

.text-warning {
    color: var(--warning) !important
}

.text-warning-dark {
    color: #c9a843 !important
}

.text-danger {
    color: var(--danger) !important
}

.text-primary {
    color: var(--primary) !important
}

.text-right {
    text-align: right !important
}

.text-left {
    text-align: left !important
}

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

.label {
    padding: 4px 9px;
    font-size: 11px;
    line-height: 1;
    text-shadow: none;
    background-color: #dad7d7;
    font-weight: 600;
    color: #000;
    border-radius: .25em;
    font-family: var(--font-emphasis);
    /*border: 1px solid #c5c3c3;*/
}

.label-tag {
    padding: 4px 9px 3px 9px;
}

.label-tag .badge-tag {
    color: var(--site-primary-color);
    font-size: 12px;
    margin-left: 5px;
    margin-right: 5px;
    text-transform: capitalize;
}

.label.label-close {
    padding: 4px 0;
}

.label.label-close:hover {
    border: 1px solid #c5c3c3;
}

span.label.label-tag, span.label.label-tag:hover {
    background: var(--info);
    border: 1px solid #3f9ad8;
}

span.label.label-tag {
    color: #fff;
}

span.label.label-tag .badge-tag {
    color: #000;
}

span.label.label-tag.label-custom, span.label.label-tag.label-custom + .label-close, span.label.label-tag.label-custom:hover {
    background: #10cfbd;
    border: 1px solid #1eb3a5;
}

span.label.label-tag.label-custom {
    color: #fff;
    margin-right: 5px;
}

span.label.label-tag.label-custom .badge-tag {
    color: #000;
    white-space: pre-line;
    -ms-word-wrap: anywhere;
    word-wrap: anywhere;
}

.load_filter_table .label {
    padding: 5px 9px;
    font-size: 11px;
    line-height: 1;
    text-shadow: none;
    background-color: #eadadb;
    font-weight: 600;
    color: #000000;
    border-radius: 3px;
    text-align: left;
}

.load_filter_table .label-tag .badge-tag {
    color: var(--site-primary-color);
    font-size: 13px;
    margin-left: 5px;
    margin-right: 5px;
}

.label-success {
    background-color: #10cfbd;
    color: #fff
}

.label-warning {
    background-color: var(--warning);
    color: #fff
}

.label-important,
.label-danger {
    background-color: var(--danger);
    color: #fff;
    border: 1px solid var(--danger);
}

.label-info {
    background-color: var(--info);
    color: #fff
}

.label-inverse {
    background-color: #3a8fc8;
    color: #fff
}

.label-white {
    background-color: #fff;
    color: #626262
}

.fs-10 {
    font-size: 10px !important
}

.fs-11 {
    font-size: 10.5px !important
}

.fs-12 {
    font-size: 12px !important
}

.fs-13 {
    font-size: 13px !important
}

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

.fs-15 {
    font-size: 15px !important
}

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

.lh-normal {
    line-height: normal
}

.lh-10 {
    line-height: 10px
}

.lh-11 {
    line-height: 11px
}

.lh-12 {
    line-height: 12px
}

.lh-13 {
    line-height: 13px
}

.lh-14 {
    line-height: 14px
}

.lh-15 {
    line-height: 15px
}

.lh-16 {
    line-height: 16px
}

.font-var {
    font-family: var(--font-emphasis) !important
}

.font-heading {
    font-family: var(--font-general)
}

.well {
    background-color: #e6e6e6;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    border: 0;
    background-image: none
}

.well.well-large {
    padding: 24px;
    width: auto
}

.well.well-small {
    padding: 13px;
    width: auto
}

.well.green {
    background-color: var(--info);
    color: #fff;
    border: 0
}

.overflow-ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.jumbotron {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0
}

.jumbotron p {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: inherit
}

.jumbotron p.small {
    font-size: 85%
}

@media (max-width: 1400px) {
    body, p {
        font-size: 13px;
        line-height: 20px;
        padding: 0 !important;
    }

    h1 {
        font-size: 33px;
        line-height: 44px;
        letter-spacing: -.08px
    }

    h2 {
        font-size: 28px;
        line-height: 40px
    }

    h3 {
        font-size: 24px;
        line-height: 35.88px
    }

    h4 {
        font-size: 18px;
        line-height: 33.88px
    }

    h5 {
        font-size: 16px;
        line-height: 25.88px
    }

    small, .small {
        font-size: 89%;
        line-height: 17px
    }
}

.windows body,
.windows p {
    font-size: 13px;
    letter-spacing: normal
}

.windows h3 {
    font-size: 29px;
    line-height: 33px
}

.windows h4 {
    font-size: 23px;
    line-height: 32px
}

.windows h5 {
    font-size: 19px;
    line-height: 28px;
    font-weight: 400
}

.windows h1,
.windows h2,
.windows h3,
.windows h4,
.windows h5 {
    letter-spacing: normal
}

.windows .jumbotron p {
    font-size: 13px
}

.windows .jumbotron p.small {
    font-size: 85%
}

.windows small,
.windows .small {
    font-size: 89%
}

.alert > p,
.alert > ul {
    margin-bottom: 0
}

.table > tbody > tr > td,
.table > tbody > tr > th {
    line-height: 1.42857143
}

.table > tfoot > tr > td,
.table > tfoot > tr > th {
    line-height: 1.42857143
}

.table > thead > tr > td,
.table > thead > tr > th {
    line-height: 1.42857143
}

.btn {
    font-size: 13px;
    font-family: var(--font-emphasis);
    font-weight: 400;
    letter-spacing: .01em;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-feature-settings: "kern" 1;
    -moz-font-feature-settings: "kern" 1;
    margin-bottom: 0;
    border: 1px solid #f0f0f0;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    background-image: none !important;
    color: #626262;
    background-color: #fff;
    text-shadow: none;
    box-shadow: none;
    line-height: 21px;
    position: relative;
    transition: color .1s linear 0s,
    background-color .1s linear 0s,
    opacity .2s linear 0s !important;
    padding: 6px 10px;
}

.dropdown-toggle-split::after{
    margin-left: 5px;
}

.btn .caret {
    margin-left: 3px
}

.btn .caret.single {
    margin-left: 0
}

.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
    box-shadow: none
}

button:focus {
    outline: 0 !important
}

.btn-primary.active,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary.active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled):active:hover,
.show .dropdown-toggle.btn-primary {
    background-color: var(--primary) !important;
    border-color: var(--primary);
    color: #fff;
    box-shadow: none;
}

.btn-primary.hover,
.btn-primary:hover,
.show .dropdown-toggle.btn-primary {
    background-color: var(--primary) !important;
    border-color: var(--primary);
    color: #fff
}

.btn-primary.active:hover {
    background: var(--primary);
    border-color: var(--primary)
}

.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: var(--primary);
    border-color: var(--primary)
}

.btn-primary.focus, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: none !important;
}

.btn-primary .badge {
    color: var(--primary);
    background-color: #fff
}

.btn-success.active,
.btn-success:not(:disabled):not(.disabled):active,
.btn-success.active:focus,
.btn-success:not(:disabled):not(.disabled):active:focus,
.btn-success:not(:disabled):not(.disabled):active:hover,
.show .dropdown-toggle.btn-success {
    background-color: var(--success);
    border-color: var(--success);
    color: #fff;
    box-shadow: none
}

.btn-success.hover,
.btn-success:hover,
.show .dropdown-toggle.btn-success {
    background-color: var(--success);
    border-color: var(--success);
    color: #fff
}

.btn-success.active:hover {
    background: var(--success);
    border-color: var(--success)
}

.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: var(--success);
    border-color: var(--success)
}

.btn-success .badge {
    color: var(--success);
    background-color: #fff
}

.btn-info,
.btn-info:focus {
    color: #fff;
    background-color: var(--info);
    border-color: var(--info)
}

.btn-info.active,
.btn-info:not(:disabled):not(.disabled):active,
.btn-info.active:focus,
.btn-info:not(:disabled):not(.disabled):active:focus,
.btn-info:not(:disabled):not(.disabled):active:hover,
.show .dropdown-toggle.btn-info {
    background-color: var(--info);
    border-color: var(--info);
    color: #fff;
    box-shadow: none
}

.btn-info.hover,
.btn-info:hover,
.show .dropdown-toggle.btn-info {
    background-color: var(--info);
    border-color: var(--info);
    color: #fff
}

.btn-info.active:hover {
    background: var(--info);
    border-color: var(--info)
}

.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: var(--info);
    border-color: var(--info)
}

.btn-info .badge {
    color: var(--info);
    background-color: #fff
}

.btn-warning,
.btn-warning:focus {
    color: #fff;
    background-color: var(--warning);
    border-color: var(--warning)
}

.btn-warning.active,
.btn-warning:not(:disabled):not(.disabled):active,
.btn-warning.active:focus,
.btn-warning:not(:disabled):not(.disabled):active:focus,
.btn-warning:not(:disabled):not(.disabled):active:hover,
.show .dropdown-toggle.btn-warning {
    background-color: var(--warning);
    border-color: var(--warning);
    color: #fff;
    box-shadow: none
}

.btn-warning.hover,
.btn-warning:hover,
.show .dropdown-toggle.btn-warning {
    background-color: var(--warning);
    border-color: var(--warning);
    color: #fff
}

.btn-warning.active:hover {
    background: var(--warning);
    border-color: var(--warning)
}

.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: var(--warning);
    border-color: var(--warning)
}

.btn-warning .badge {
    color: var(--warning);
    background-color: #fff
}

.btn-danger,
.btn-danger:focus {
    color: #fff;
    background-color: var(--danger);
    border-color: var(--danger)
}

.btn-danger.active,
.btn-danger:not(:disabled):not(.disabled):active,
.btn-danger.active:focus,
.btn-danger:not(:disabled):not(.disabled):active:focus,
.btn-danger:not(:disabled):not(.disabled):active:hover,
.show .dropdown-toggle.btn-danger {
    background-color: var(--danger);
    border-color: var(--danger);
    color: #fff;
    box-shadow: none
}

.btn-danger.hover,
.btn-danger:hover,
.show .dropdown-toggle.btn-danger {
    background-color: var(--danger);
    border-color: var(--danger);
    color: #fff
}

.btn-danger.active:hover {
    background: var(--danger);
    border-color: var(--danger)
}

.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: var(--danger);
    border-color: var(--danger)
}

.btn-danger .badge {
    color: var(--danger);
    background-color: #fff
}

.btn-default,
.btn-default:focus {
    color: #5e5e5e;
    background-color: #fff;
    border-color: #f0f0f0
}

.btn-default.active,
.btn-default:active,
.btn-default.active:focus,
.btn-default:active:focus,
.btn-default:active:hover {
    background-color: var(--default);
    border-color: #e6e6e6;
    color: #2c2c2c
}

.btn-default.hover,
.btn-default:hover {
    background-color: #fafafa;
    border-color: rgba(98,
    98,
    98,
    .27);
    color: #1a1a1a
}

.btn-default.active:hover {
    background: var(--default)
}

.btn-link {
    color: #5e5e5e;
    background-color: transparent;
    border: 0
}

.btn-link:hover,
.btn-link:focus,
.btn-link:active,
.btn-link.active,
.btn-link.disabled,
.btn-link[disabled] {
    background-color: transparent;
    border: 0;
    text-decoration: none;
    outline: 0
}

.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;
    background: red;
    cursor: inherit;
    display: block
}

.btn-lg,
.btn-group-lg > .btn {
    padding-left: 28px;
    padding-right: 28px;
    line-height: 23px;
    padding-top: 10px;
    padding-bottom: 10px
}

.btn-sm,
.btn-group-sm > .btn {
    padding-left: 16px;
    padding-right: 16px;
    font-size: 11.9px;
    line-height: 20px
}

.btn-xs,
.btn-group-xs > .btn {
    padding: 2px 9px;
    font-size: 10.5px
}

.btn-cons {
    margin-right: 5px;
    min-width: 120px
}

.btn-rounded {
    border-radius: 100px !important
}

.btn-group.show .dropdown-toggle,
.show .dropdown-toggle,
.show.dropdown-default .dropdown-toggle {
    box-shadow: none
}

.dropdown-default {
    display: inline-block
}

.dropdown-default.toggle-only {
    padding-left: 9px;
    padding-right: 9px
}

.dropdown-default.toggle-only:after {
    position: initial
}

.dropdown-default.show > .btn.dropdown-toggle {
    border-color: transparent !important;
    background: 0 0 !important;
    z-index: 791 !important;
    color: #626262
}

.dropdown-default.show .dropdown-menu {
    opacity: 1;
    transform: scale(1,
    1) !important;
    z-index: 700;
    pointer-events: all
}

.dropdown-default.show .dropdown-menu .dropdown-item {
    visibility: visible
}

.dropdown-default.show.dropup > .btn-primary + .dropdown-menu:after,
.dropdown-default.show.dropup > .btn-success + .dropdown-menu:after,
.dropdown-default.show.dropup > .btn-warning + .dropdown-menu:after,
.dropdown-default.show.dropup > .btn-danger + .dropdown-menu:after,
.dropdown-default.show.dropup > .btn-info + .dropdown-menu:after {
    top: auto;
    bottom: 0
}

.dropdown-default.show > .btn-primary + .dropdown-menu:after,
.dropdown-default.show > .btn-success + .dropdown-menu:after,
.dropdown-default.show > .btn-warning + .dropdown-menu:after,
.dropdown-default.show > .btn-danger + .dropdown-menu:after,
.dropdown-default.show > .btn-info + .dropdown-menu:after {
    top: 0;
    height: 42px
}

.dropdown-default.show > .btn-primary + .dropdown-menu:after {
    background-color: var(--primary)
}

.dropdown-default.show > .btn-success + .dropdown-menu:after {
    background-color: var(--success)
}

.dropdown-default.show > .btn-warning + .dropdown-menu:after {
    background-color: var(--warning)
}

.dropdown-default.show > .btn-danger + .dropdown-menu:after {
    background-color: var(--danger)
}

.dropdown-default.show > .btn-info + .dropdown-menu:after {
    background-color: var(--info)
}

.dropdown-default.dropup .btn.dropdown-toggle.btn-lg + .dropdown-menu {
    margin-bottom: -47px;
    padding-bottom: 49px
}

.dropdown-default.dropup .btn.dropdown-toggle.btn-lg + .dropdown-menu:after {
    bottom: 49px
}

.dropdown-default.dropup .btn.dropdown-toggle.btn-sm + .dropdown-menu {
    margin-bottom: -34px;
    padding-bottom: 36px
}

.dropdown-default.dropup .btn.dropdown-toggle.btn-sm + .dropdown-menu:after {
    bottom: 36px
}

.dropdown-default.dropup .btn.dropdown-toggle.btn-xs + .dropdown-menu {
    margin-bottom: -29px;
    padding-bottom: 31px
}

.dropdown-default.dropup .btn.dropdown-toggle.btn-xs + .dropdown-menu:after {
    bottom: 31px
}

.dropdown-default.dropup .dropdown-menu {
    margin-bottom: -40px;
    padding: 0 3px 44px 0 !important;
    transform-origin: center bottom 0;
    top: auto !important;
    bottom: 100% !important
}

.dropdown-default.dropup .dropdown-menu:after {
    bottom: 43px;
    top: auto !important
}

.dropdown-default .btn.dropdown-toggle {
    text-align: left;
    padding-right: 27px
}

.dropdown-default .btn.dropdown-toggle.btn-lg {
    padding-right: 42px
}

.dropdown-default .btn.dropdown-toggle.btn-lg:after {
    right: 26px
}

.dropdown-default .btn.dropdown-toggle.btn-lg + .dropdown-menu {
    margin-top: -47px;
    padding-top: 49px
}

.dropdown-default .btn.dropdown-toggle.btn-lg + .dropdown-menu:after {
    top: 49px
}

.dropdown-default .btn.dropdown-toggle.btn-sm {
    padding-right: 26px
}

.dropdown-default .btn.dropdown-toggle.btn-sm:after {
    right: 16px
}

.dropdown-default .btn.dropdown-toggle.btn-sm + .dropdown-menu {
    margin-top: -34px;
    padding-top: 36px
}

.dropdown-default .btn.dropdown-toggle.btn-sm + .dropdown-menu:after {
    top: 36px
}

.dropdown-default .btn.dropdown-toggle.btn-xs {
    padding-right: 21px
}

.dropdown-default .btn.dropdown-toggle.btn-xs:after {
    right: 8px
}

.dropdown-default .btn.dropdown-toggle.btn-xs + .dropdown-menu {
    margin-top: -29px;
    padding-top: 31px
}

.dropdown-default .btn.dropdown-toggle.btn-xs + .dropdown-menu:after {
    top: 31px
}

.dropdown-default .btn.dropdown-toggle:after {
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -2px
}

.dropdown-default .btn-rounded {
    padding-left: 17px;
    padding-right: 17px
}

.dropdown-default .btn-rounded + .dropdown-menu {
    border-radius: 17px
}

.dropdown-default .dropdown-menu {
    margin-top: -4px;
    width: 100%;
    padding-top: 42px;
    overflow: hidden;
    backface-visibility: hidden;
    display: block;
    opacity: 0;
    transform: scale(1,
    0) !important;
    transform-origin: center top 0;
    -webkit-transition: all 170ms cubic-bezier(.05,
    .74,
    .27,
    .99) 0s;
    transition: all 170ms cubic-bezier(.05,
    .74,
    .27,
    .99) 0s;
    z-index: -1
}

.dropdown-default .dropdown-menu:after {
    content: "";
    position: absolute;
    height: 1px;
    left: 0;
    top: 42px;
    background: #e6e6e6;
    width: 100%
}

.dropdown-default .dropdown-menu li,
.dropdown-default .dropdown-menu .dropdown-item {
    visibility: hidden
}

.navbar-nav .dropdown-menu {
    position: absolute
}

.dropdown-menu {
    position: absolute;
    display: none;
    float: left;
    list-style: none;
    text-shadow: none;
    -webkit-box-shadow: 0 0 5px rgba(98,
    98,
    98,
    .2);
    box-shadow: 0 0 5px rgba(98,
    98,
    98,
    .2);
    border: 0;
    border-radius: 3px;
    font-size: 13px;
    margin: 0;
    background: #ffffff;
    min-width: 50px;
    z-index: 700 !important;
    padding: 0;
}

.dropdown-menu .divider {
    background-color: #e6e6e6;
    height: 1px;
    margin: 3px 0;
    border-bottom: 0
}

.dropdown-menu > li,
.dropdown-menu > .dropdown-item {
    padding-left: 0;
    line-height: 35px;
    color: #626262;
    padding: 0 15px;
    border-radius: 3px;
    display: block;
    clear: both;
    white-space: nowrap;
    text-align: left
}

.dropdown-menu > li:hover,
.dropdown-menu > .dropdown-item:hover,
.dropdown-menu > li:focus,
.dropdown-menu > .dropdown-item:focus,
.dropdown-menu > li:active,
.dropdown-menu > .dropdown-item:active {
    color: #1a1a1a;
    text-decoration: none;
    background-color: #f5f5f5;
}

.dropdown-menu > li:first-child,
.dropdown-menu > .dropdown-item:first-child {
    padding-top: 0
}

.dropdown-menu > li:last-child,
.dropdown-menu > .dropdown-item:last-child {
    padding-bottom: 0;
    background: #ffffff;
}

.dropdown-menu > li.dropdown-header,
.dropdown-menu > .dropdown-item.dropdown-header {
    padding: 3px 20px
}

.dropdown-menu > li.active > a,
.dropdown-menu > .dropdown-item.active > a,
.dropdown-menu > li.active,
.dropdown-menu > .dropdown-item.active,
.dropdown-menu > li.active > a:hover,
.dropdown-menu > .dropdown-item.active > a:hover,
.dropdown-menu > li.active:hover,
.dropdown-menu > .dropdown-item.active:hover,
.dropdown-menu > li.active > a:focus,
.dropdown-menu > .dropdown-item.active > a:focus,
.dropdown-menu > li.active:focus,
.dropdown-menu > .dropdown-item.active:focus {
    color: #1a1a1a;
    text-decoration: none;
    background-color: #f0f0f0
}

.dropdown-menu > li.disabled > a,
.dropdown-menu > .dropdown-item.disabled > a,
.dropdown-menu > li.disabled,
.dropdown-menu > .dropdown-item.disabled,
.dropdown-menu > li.disabled > a:hover,
.dropdown-menu > .dropdown-item.disabled > a:hover,
.dropdown-menu > li.disabled:hover,
.dropdown-menu > .dropdown-item.disabled:hover,
.dropdown-menu > li.disabled > a:focus,
.dropdown-menu > .dropdown-item.disabled > a:focus,
.dropdown-menu > li.disabled:focus,
.dropdown-menu > .dropdown-item.disabled:focus {
    color: #959595
}

.dropdown-menu > li.disabled > a:hover,
.dropdown-menu > .dropdown-item.disabled > a:hover,
.dropdown-menu > li.disabled:hover,
.dropdown-menu > .dropdown-item.disabled:hover,
.dropdown-menu > li.disabled > a:focus,
.dropdown-menu > .dropdown-item.disabled > a:focus,
.dropdown-menu > li.disabled:focus,
.dropdown-menu > .dropdown-item.disabled:focus {
    text-decoration: none;
    cursor: default
}

.dropdown-menu > li > a,
.dropdown-menu > .dropdown-item > a {
    line-height: 35px;
    color: #626262;
    padding: 0 15px;
    border-radius: 3px;
    display: block;
    clear: both;
    white-space: nowrap;
    text-align: left
}

.dropdown-menu > li > a:hover,
.dropdown-menu > .dropdown-item > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > .dropdown-item > a:focus {
    color: #1a1a1a;
    text-decoration: none;
    background-color: #f5f5f5;
    background-image: none
}

.dropdown-menu > li {
    padding: 0
}

.dropdown-backdrop {
    z-index: 600
}

.dropdown-menu > li i.fa {
    width: 14px;
    margin-right: 5px;
}

.btn-animated {
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.btn-animated > span {
    display: inline-block;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.btn-animated:before {
    position: absolute;
    height: 100%;
    width: 100%;
    font-size: 100%;
    line-height: 2.5;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.btn-animated:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.btn-animated.from-top:before {
    left: 0;
    top: -100%
}

.btn-animated.from-top:hover:before,
.btn-animated.from-top.show-icon:before {
    top: 0
}

.btn-animated.from-top:hover > span,
.btn-animated.from-top.show-icon > span {
    -webkit-transform: translateY(300%);
    -ms-transform: translateY(300%);
    transform: translateY(300%)
}

.btn-animated.from-left:before {
    left: -100%;
    top: 0
}

.btn-animated.from-left:hover:before,
.btn-animated.from-left.show-icon:before {
    left: 0
}

.btn-animated.from-left:hover > span,
.btn-animated.from-left.show-icon > span {
    -webkit-transform: translateX(200%);
    -ms-transform: translateX(200%);
    transform: translateX(200%)
}

.btn-animated.fa:before {
    font-family: FontAwesome
}

.btn-animated.pg:before {
    font-family: pages-icon
}

.btn-tag {
    line-height: 17px;
    border-radius: 17px 3px 3px 17px;
    padding: 5px 19px
}

.btn-tag:hover,
.btn-tag.hover {
    border-color: transparent
}

.btn-tag.btn-tag-light {
    background: #fafdff;
    color: #5b8ca5;
    border: 1px solid #cbe4f0
}

.btn-tag.btn-tag-light:hover {
    background: #fff
}

.btn-tag.btn-tag-dark {
    background: #e6e6e6;
    color: #626262
}

.btn-tag.btn-tag-dark:hover {
    background: #ebebeb
}

.btn-tag.btn-tag-rounded {
    border-radius: 17px
}

.btn-toolbar .btn {
    padding-left: 14px;
    padding-right: 14px
}

.pager .disabled > button,
.pager .disabled > button:hover,
.pager .disabled > button:focus,
.pager .disabled > span {
    cursor: not-allowed;
    opacity: .5
}

.modal-content a.btn-primary:not([href]):not([tabindex]) {
    color: #fff
}

.modal-content a.btn-primary:not([href]):not([tabindex]):hover,
.modal-content a.btn-primary:not([href]):not([tabindex]):focus {
    color: #fff
}

.alert {
    background-image: none;
    box-shadow: none;
    text-shadow: none;
    padding: 12px 22px 12px 15px;
    border-radius: 3px;
    font-size: 14px;
    border-width: 0;
    -webkit-transition: all .2s linear 0s;
    transition: all .2s linear 0s;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 15px;
}

.alert.alert-danger a {
    color: #b55f5f;
    font-weight: 500;
    text-decoration: underline;
}

.alert.bordered {
    border-width: 1px
}

.alert .link {
    color: #ce8f22;
    font-weight: 700
}

.alert .alert-heading {
    color: #ce8f22 !important;
    margin-bottom: 5px;
    font-weight: 600
}

.alert .btn-small {
    position: relative;
    top: -3.5px
}

.alert .button-set .btn {
    position: relative;
    top: 8px
}

.alert .close {
    background: url(../img/icons/noti-cross.png) no-repeat scroll 0 0 transparent;
    background-position: -9px -10px;
    width: 10px;
    height: 14px;
    position: relative;
    opacity: .8;
    top: 4.5px;
    float: right;
    margin-left: 20px;
    font-size: 0;
}

.alert .close:hover {
    opacity: 1
}

.alert-danger,
.alert-error {
    background-color: #fddddd;
    color: #933432;
    border-color: #933432
}

.alert-danger .close,
.alert-error .close {
    background-position: -95px -10px !important
}

.alert-warning {
    background-color: #fef6dd;
    color: #957d32;
    border-color: #957d32
}

.alert-info {
    background-color: #daeffd;
    color: #2b6a94;
    border-color: #2b6a94
}

.alert-info .close {
    background-position: -67px -8px !important;
}

.alert-success {
    background-color: var(--success);
    color: #ffffff;
    border-color: #0a7c71
}

.alert-success .close {
    background-position: -38px -10px !important
}

.alert-default {
    background-color: #fff;
    color: #626262;
    border-color: #e6e6e6
}

.alert-default .close {
    background-position: -67px -10px !important
}

.badge {
    text-shadow: none;
    font-family: var(--font-general);
    font-weight: 600;
    background-color: #e6e6e6;
    font-size: 11px;
    padding-left: 6px;
    padding-right: 6px;
    padding-bottom: 4px;
    color: #626262;
    border-radius: 10px
}

.badge-success {
    background-color: var(--success);
    color: #fff
}

.badge-warning {
    background-color: var(--warning);
    color: #fff
}

.badge-important {
    background-color: var(--danger);
    color: #fff
}

.badge-danger {
    background-color: var(--danger);
    color: #fff
}

.badge-info {
    background-color: var(--info);
    color: #fff
}

.badge-inverse {
    background-color: #2b6a94;
    color: #fff
}

.badge-white {
    background-color: #fff;
    color: #626262
}

.badge-disable {
    background-color: #2c2c2c;
    color: #626262
}

.tooltip-inner {
    font-size: 12px
}

.popover {
    border: 1px solid rgba(0,
    0,
    0,
    .1);
    box-shadow: 0 0 9px rgba(191,
    191,
    191,
    .36);
    z-index: 790
}

.progress {
    height: 4px;
    background-color: rgba(98,
    98,
    98,
    .2);
    background-image: none;
    box-shadow: none;
    border-radius: 0;
    margin-bottom: 20px
}

.progress.transparent {
    background-color: rgba(0,
    0,
    0,
    .28)
}

.progress.progress-small {
    height: 3px
}

.progress-bar {
    box-shadow: none;
    border-radius: 0;
    background-color: #626262;
    background-image: none;
    -webkit-transition: all 1000ms cubic-bezier(.785,
    .135,
    .15,
    .86);
    transition: all 1000ms cubic-bezier(.785,
    .135,
    .15,
    .86);
    -webkit-transition-timing-function: cubic-bezier(.785,
    .135,
    .15,
    .86);
    -moz-transition-timing-function: cubic-bezier(.785,
    .135,
    .15,
    .86);
    -ms-transition-timing-function: cubic-bezier(.785,
    .135,
    .15,
    .86);
    -o-transition-timing-function: cubic-bezier(.785,
    .135,
    .15,
    .86);
    transition-timing-function: cubic-bezier(.785,
    .135,
    .15,
    .86)
}

.progress-bar-primary {
    background-color: var(--primary);
    background-image: none
}

.progress-bar-complete {
    background-color: var(--info);
    background-image: none
}

.progress-bar-success {
    background-color: var(--success);
    background-image: none
}

.progress-bar-info {
    background-color: var(--info);
    background-image: none
}

.progress-bar-warning {
    background-color: var(--warning);
    background-image: none
}

.progress-bar-danger {
    background-color: var(--danger);
    background-image: none
}

.progress-bar-white {
    background-color: #fff;
    background-image: none
}

.progress-bar-black {
    background-color: #000;
    background-image: none
}

.progress-info .bar,
.progress .bar-info {
    background-color: var(--info);
    background-image: none
}

.progress-warning .bar,
.progress .bar-warning {
    background-color: #957d32;
    background-image: none
}

.progress-danger .bar,
.progress .bar-danger {
    background-color: #933432;
    background-image: none
}

.progress-white .bar,
.progress .bar-white {
    background-color: #fff;
    background-image: none
}

.progress-success.progress-striped .bar,
.progress-striped .bar-success {
    background-color: var(--success)
}

.progress-info.progress-striped .bar,
.progress-striped .bar-info {
    background-color: var(--info)
}

/* sales order modal body style */
.product-details-modal-body ul.global-product-tabs {
    align-items: flex-end;
}
.product-details-modal-body .tab-content {
    padding: 15px 0px !important;
}
.p-modal .product-actions > a.btn {
    padding: 4px 11px;
}
.order-details-modal-body .admin-grid{
    margin: 0 0 10px;
}
.nav-tabs {
    position: relative
}

.nav-tabs > li {
    padding-left: 0;
    padding-right: 0
}

.nav-tabs > li > a.active:hover,
.nav-tabs > li > a.active:focus {
    border-color: #e6e6e6;
    color: #626262;
    background-color: #e6e6e6
}

.nav-tabs > li > a {
    display: block;
    border-radius: 0;
    padding: 13px 20px;
    margin-right: 0;
    font-family: var(--font-emphasis);
    font-weight: 500;
    letter-spacing: .06em;
    color: rgba(98,
    98,
    98,
    .7);
    font-size: 10.5px;
    min-width: 70px;
    text-transform: uppercase;
    border-color: transparent;
    position: relative;
    line-height: 1.7em
}

.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
    background: 0 0;
    border-color: transparent;
    color: #626262
}

.nav-tabs > li > a .tab-icon {
    margin-right: 6px
}

.nav-tabs ~ .tab-content {
    overflow: hidden;
    padding: 15px
}

.nav-tabs ~ .tab-content > .tab-pane.slide-left,
.nav-tabs ~ .tab-content > .tab-pane.slide-right {
    -webkit-transition: all .3s ease !important;
    transition: all .3s ease !important
}

.nav-tabs ~ .tab-content > .tab-pane.slide-left.sliding,
.nav-tabs ~ .tab-content > .tab-pane.slide-right.sliding {
    opacity: 0 !important
}

.nav-tabs ~ .tab-content > .tab-pane.slide-left.active,
.nav-tabs ~ .tab-content > .tab-pane.slide-right.active {
    -webkit-transform: translate3d(0,
    0,
    0);
    transform: translate3d(0,
    0,
    0);
    -ms-transform: translate(0,
    0);
    opacity: 1
}

.nav-tabs ~ .tab-content > .tab-pane.slide-left.sliding {
    -webkit-transform: translate3d(10%,
    0,
    0) !important;
    transform: translate3d(10%,
    0,
    0) !important;
    -ms-transform: translate(10%,
    0) !important
}

.nav-tabs ~ .tab-content > .tab-pane.slide-right.sliding {
    -webkit-transform: translate3d(-10%,
    0,
    0) !important;
    transform: translate3d(-10%,
    0,
    0) !important;
    -ms-transform: translate(-10%,
    0) !important
}

.nav-tabs.nav-tabs-left,
.nav-tabs.nav-tabs-right {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.nav-tabs.nav-tabs-left:after,
.nav-tabs.nav-tabs-right:after {
    border-bottom: 0
}

.nav-tabs.nav-tabs-left > li,
.nav-tabs.nav-tabs-right > li {
    float: none
}

.nav-tabs.nav-tabs-left {
    float: left;
    padding-right: 0
}

.nav-tabs.nav-tabs-left ~ .tab-content {
    border-left: 1px solid rgba(0,
    0,
    0,
    .1);
    -ms-flex: 1;
    -ms-flex-negative: 0
}

.nav-tabs.nav-tabs-right {
    float: right;
    padding-right: 0
}

.nav-tabs.nav-tabs-right ~ .tab-content {
    border-right: 1px solid rgba(0,
    0,
    0,
    .1);
    -ms-flex: 1;
    -ms-flex-negative: 0
}

.nav-tabs-simple {
    border-bottom: 0
}

.nav-tabs-simple:after {
    content: '';
    border-bottom: 1px solid rgba(0,
    0,
    0,
    .1);
    width: 100%;
    position: absolute;
    bottom: -2px;
    z-index: 120;
    left: 0
}

.nav-tabs-simple > li {
    margin-bottom: 0
}

.nav-tabs-simple > li > a:after {
    position: absolute;
    -webkit-transition: all .1s linear 0s;
    transition: all .1s linear 0s;
    -webkit-backface-visibility: hidden;
    width: 100%;
    display: block;
    background-color: var(--danger);
    height: 0;
    content: '';
    left: 0;
    z-index: 125;
    top: 100%
}

.nav-tabs-primary.nav-tabs-simple > li > a:after {
    background-color: var(--primary)
}

.nav-tabs-success.nav-tabs-simple > li > a:after {
    background-color: var(--success)
}

.nav-tabs-complete.nav-tabs-simple > li > a:after {
    background-color: var(--info)
}

.nav-tabs-danger.nav-tabs-simple > li > a:after {
    background-color: var(--danger)
}

.nav-tabs-warning.nav-tabs-simple > li > a:after {
    background-color: var(--warning)
}

.nav-tabs-info.nav-tabs-simple > li > a:after {
    background-color: var(--info)
}

.nav-tabs-simple > li > a.active:hover,
.nav-tabs-simple > li > a.active:focus {
    background-color: transparent;
    border-color: transparent
}

.nav-tabs-simple > li > a.active:after,
.nav-tabs-simple > li > a:hover:after {
    height: 3px
}

.nav-tabs-simple.nav-tabs-left:after,
.nav-tabs-simple.nav-tabs-right:after {
    border-bottom: 0
}

.nav-tabs-simple.nav-tabs-left > li > a:after,
.nav-tabs-simple.nav-tabs-right > li > a:after {
    width: 0;
    height: 100%;
    top: 0;
    bottom: 0;
    position: absolute
}

.nav-tabs-simple.nav-tabs-left > li > a.active:after,
.nav-tabs-simple.nav-tabs-right > li > a.active:after,
.nav-tabs-simple.nav-tabs-left > li > a:hover:after,
.nav-tabs-simple.nav-tabs-right > li > a:hover:after {
    width: 3px
}

.nav-tabs-simple.nav-tabs-left > li > a:after {
    right: 0;
    left: auto
}

.nav-tabs-simple.nav-tabs-right > li > a:after {
    left: 0
}

.nav-tabs-linetriangle {
    border-bottom: 0
}

.nav-tabs-linetriangle:after {
    content: '';
    border-bottom: 1px solid rgba(0,
    0,
    0,
    .1);
    width: 100%;
    position: absolute;
    bottom: -1px;
    z-index: 100;
    left: 0
}

.nav-tabs-linetriangle > li > a.active {
    background: 0 0;
    box-shadow: none;
    border-color: transparent
}

.nav-tabs-linetriangle > li > a.active:hover,
.nav-tabs-linetriangle > li > a.active:focus,
.nav-tabs-linetriangle > li > a.active:active {
    border-color: transparent;
    background-color: transparent
}

.nav-tabs-linetriangle > li > a.active:after,
.nav-tabs-linetriangle > li > a.active:before {
    border: medium solid transparent;
    content: "";
    height: 0;
    left: 50%;
    pointer-events: none;
    position: absolute;
    width: 0;
    z-index: 120;
    top: 98%
}

.nav-tabs-linetriangle > li > a.active:after {
    border-top-color: #fafafa;
    border-width: 10px;
    margin-left: -10px
}

.nav-tabs-linetriangle > li > a.active:before {
    border-top-color: rgba(0,
    0,
    0,
    .2);
    border-width: 11px;
    margin-left: -11px
}

.nav-tabs-linetriangle > li > a span {
    font-size: 1em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.nav-tabs-linetriangle > li > a:hover,
.nav-tabs-linetriangle > li > a:focus {
    overflow: visible;
    -webkit-transition: color .2s ease 0s;
    transition: color .2s ease 0s
}

.nav-tabs-linetriangle ~ .tab-content {
    background: #fff
}

.nav-tabs-linetriangle.nav-tabs-left.nav-tabs:after {
    border-bottom: 0
}

.nav-tabs-linetriangle.nav-tabs-left.nav-tabs > li > a.active:before {
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    border-left: 11px solid rgba(0,
    0,
    0,
    .2)
}

.nav-tabs-linetriangle.nav-tabs-left.nav-tabs > li > a.active:after {
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #fafafa;
    margin-top: 1px;
    margin-right: 2px
}

.nav-tabs-linetriangle.nav-tabs-left.nav-tabs > li > a.active:after,
.nav-tabs-linetriangle.nav-tabs-left.nav-tabs > li > a.active:before {
    top: auto;
    right: -22px;
    left: auto
}

.nav-tabs-linetriangle.nav-tabs-right.nav-tabs:after {
    border-bottom: 0
}

.nav-tabs-linetriangle.nav-tabs-right.nav-tabs > li > a.active:before {
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    border-right: 11px solid rgba(0,
    0,
    0,
    .2)
}

.nav-tabs-linetriangle.nav-tabs-right.nav-tabs > li > a.active:after {
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #fafafa;
    margin-top: 1px;
    margin-left: -9px
}

.nav-tabs-linetriangle.nav-tabs-right.nav-tabs > li > a.active:after,
.nav-tabs-linetriangle.nav-tabs-right.nav-tabs > li > a.active:before {
    top: auto;
    left: -11px;
    right: auto
}

@media screen and (max-width: 58em) {
    .nav-tabs-linetriangle {
        font-size: .6em
    }
}

.nav-tabs-header {
    overflow: scroll;
    width: 100%
}

.nav-tabs-header .nav-tabs {
    width: auto;
    white-space: nowrap
}

.nav-tabs-header .nav-tabs > li {
    display: inline-block;
    float: inherit
}

.nav-tabs-header ~ .tab-content {
    overflow: hidden;
    padding: 15px
}

.nav-tab-dropdown .cs-select {
    width: 100% !important;
    max-width: 100%
}

.nav-tab-dropdown .cs-select .cs-placeholder {
    height: 48px;
    padding: 12px 34px 15px 15px;
    font-family: var(--font-emphasis);
    font-weight: 500;
    letter-spacing: .06em;
    font-size: 10.5px;
    text-transform: uppercase
}

.nav-tab-dropdown .cs-select .cs-backdrop {
    border: 1px solid transparent;
    border-bottom: 1px solid rgba(0,
    0,
    0,
    .07)
}

.nav-pills > li:first-child {
    padding-left: 14px;
}

.nav-pills > li > a {
    color: #626262
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
    color: #626262;
    background-color: #e6e6e6
}

@media (max-width: 767px) {
    .nav.nav-tabs.nav-stack-sm li {
        float: none
    }

    .nav.nav-tabs.nav-stack-sm.nav-tabs-linetriangle > li.active > a:after,
    .nav.nav-tabs.nav-stack-sm.nav-tabs-linetriangle > li.active > a:before {
        display: none
    }
}

.modal .close {
    margin: 0px;
    padding: 5px;
    line-height: 14px;
}

.modal .close:focus {
    outline: 0
}

.modal .modal-dialog {
    transition: all .2s !important;
    margin: 1.5rem auto;
}

.modal.fade.in, .modal.fade.show {
    background: rgba(0, 0, 0, 0.5);
    z-index: 9999;
}

.modal .modal-content {
    border: 1px solid #f2f6f7;
    border-radius: 3px;
    box-shadow: none
}

.modal .modal-header {
    padding: 20px 15px 20px;
    position: relative;
    flex-direction: row;
    align-items: flex-start;
    background: #f0f0f0;
}

.modal-header .modal-title {
    color: #414246;
    text-transform: capitalize;
    flex-basis: 100%;
    flex-basis: -moz-available;
    justify-content: start;
    margin: 0px;
}

.modal .modal-header p {
    color: #8b91a0
}

.modal .modal-body {
    box-shadow: none;
    padding: 25px;
    /*padding-top:0;*/
    white-space: normal
}

.modal .drop-shadow {
    box-shadow: 0 0 9px rgba(191,
    191,
    191,
    .36) !important
}

.modal.fade {
    opacity: 1 !important
}

.modal.fade.stick-up {
}

.modal.fade.stick-up .modal-dialog {
    -webkit-transform: translate3d(0,
    -100%,
    0);
    transform: translate3d(0,
    -100%,
    0);
    -ms-transform: translate(0,
    -100%);
    margin-top: -5px
}

.modal.fade.stick-up.show .modal-dialog {
    -webkit-transform: translate3d(0,
    0,
    0);
    transform: translate3d(0,
    0,
    0);
    -ms-transform: translate(0,
    0)
}

.modal.fade.slide-up {
    height: 100%;
    top: auto
}

.modal.fade.slide-up.show .modal-dialog {
    -webkit-transform: translate3d(0,
    0,
    0);
    transform: translate3d(0,
    0,
    0);
    -ms-transform: translate(0,
    0)
}

.modal.fade.slide-up.disable-scroll {
    overflow: hidden
}

.modal.fade.slide-up .modal-dialog {
    display: table;
    height: 100%;
    -webkit-transform: translate3d(0,
    75%,
    0);
    transform: translate3d(0,
    75%,
    0);
    -ms-transform: translate(0,
    75%)
}

.modal.fade.slide-up .modal-content-wrapper {
    display: table-cell;
    vertical-align: middle
}

.modal.fade.center-scale {
}

.modal.fade.center-scale .modal-dialog {
    display: table;
    height: 100%
}

.modal.fade.center-scale .modal-content {
    display: table-cell;
    vertical-align: middle;
    border: 0;
    background: 0 0
}

.modal.fade.center-scale .modal-content .modal-header {
    border-bottom: 0
}

.modal.fade.center-scale.show .modal-dialog {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.modal.fade.center-scale .modal-dialog {
    opacity: 0;
    -webkit-transform: scale(.6);
    -ms-transform: scale(.6);
    transform: scale(.6)
}

.modal.fade.fill-in {
    background-color: transparent;
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}

.modal.fade.fill-in > .close {
    opacity: .6;
    z-index: 9999
}

.modal.fade.fill-in > .close > i {
    font-size: 16px
}

.modal.fade.fill-in .modal-dialog {
    display: table;
    height: 100%
}

.modal.fade.fill-in .modal-content {
    display: table-cell;
    vertical-align: middle;
    border: 0;
    background: 0 0
}

.modal.fade.fill-in .modal-content .modal-header {
    border-bottom: 0
}

.modal.fade.fill-in.show {
    background-color: rgba(255,
    255,
    255,
    .85)
}

.modal.fade.fill-in.show .modal-dialog {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.modal.fade.fill-in .modal-dialog {
    opacity: 0;
    -webkit-transform: scale(.6);
    -ms-transform: scale(.6);
    transform: scale(.6)
}

.modal.fade.slide-right {
}

.modal.fade.slide-right .close {
    position: absolute;
    top: 0;
    right: 0;
    margin-right: 10px;
    z-index: 10
}

.modal.fade.slide-right.show .modal-dialog {
    -webkit-transform: translate3d(0,
    0,
    0);
    transform: translate3d(0,
    0,
    0);
    -ms-transform: translate(0,
    0)
}

.modal.fade.slide-right .modal-dialog {
    position: absolute;
    right: 0;
    margin: 0;
    height: 100%;
    -webkit-transform: translate3d(100%,
    0,
    0);
    transform: translate3d(100%,
    0,
    0);
    -ms-transform: translate(100%,
    0)
}

.modal.fade.slide-right .modal-dialog .modal-content-wrapper {
    height: 100%
}

.modal.fade.slide-right .modal-dialog .modal-content {
    height: 100%
}

.modal.fade.slide-right .modal-dialog .modal-body {
    background-color: #fff
}

.modal.fade.slide-right .modal-content {
    border-radius: 0
}

.fill-in-modal .modal-backdrop {
    background-color: transparent
}

.modal-backdrop {
    opacity: 0;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.modal-backdrop.show {
    opacity: .3
}

@media (min-width: 992px) {
    .modal-lg {
        width: 900px
    }

    .header.main-header-top .header-holder {
        padding-left: 85px;
    }
}

@media (max-width: 768px) {
    .modal.fill-in .modal-dialog {
        width: calc(100% - 20px)
    }

    .modal.slide-up .modal-dialog {
        width: calc(100% - 20px)
    }

    .search-section .btn-primary:not(:disabled):not(.disabled):active,
    .search-section .btn-primary:focus,
    .search-section .btn-primary:active,
    .search-section .btn-primary:hover {
        background-color: transparent !important;
    }

    /* marketplace sidebar responsive */
    .quickview-wrapper {
        width: 300px;
        right: -300px;
    }

    .quickview-wrapper .notification-buttons {
        display: block;
    }

    .quickview-wrapper .notification-buttons > .btn {
        width: 100%;
        display: block;
        margin: 0 0 5px;
    }
}

@media (min-width: 768px) {
    .modal.stick-up .modal-dialog {
        margin: -5px auto
    }

    .modal.slide-up .modal-dialog {
        margin: 0 auto
    }

    .modal.fill-in .modal-dialog {
        margin: 0 auto
    }

    .modal .modal-content {
        box-shadow: none
    }

    /*.modal .modal-dialog {*/
    /*width:600px*/
    /*}*/
    .modal .modal-sm {
        width: 300px
    }

    .modal .modal-sm {
        min-width: auto
    }
}

.dd-handle {
    border-color: rgba(230,
    230,
    230,
    .7);
    color: #626262
}

.dd-handle:hover {
    background-color: #fafafa
}

.dark .dd-handle {
    color: #626262;
    background: #f0f0f0
}

.dark .dd-handle:hover {
    background-color: #fafafa
}

.dark .dd-placeholder {
    background-color: #e6e6e6
}

.dd3-content {
    background: #fff;
    border-color: rgba(230,
    230,
    230,
    .7);
    color: #626262
}

.dd3-content:hover {
    background-color: #fafafa
}

.dd3-handle {
    background: 0 0;
    text-indent: 9999px
}

.dd3-handle:before {
    font-family: pages-icon;
    color: #626262;
    content: "\e660";
    font-size: 11px;
    top: 5px
}

.dd-placeholder {
    background: #f0f0f0;
    border-color: rgba(98,
    98,
    98,
    .35)
}

.dd-empty {
    background-image: none;
    background: #f0f0f0;
    border-color: rgba(98,
    98,
    98,
    .5)
}

.dd-item > button {
    font-size: 11px
}

.dd-item > button:before {
    font-family: pages-icon;
    content: "\e63b"
}

.dd-item > button[data-action=collapse]:before {
    font-family: pages-icon;
    content: "\e635"
}

@media only screen and (min-width: 700px) {
    .dd {
        width: 100%
    }

    .nestable-lists .dd {
        float: left
    }
}

span.dynatree-active a {
    color: #2c2c2c !important;
    background-color: transparent !important
}

span.dynatree-selected a {
    color: #2c2c2c !important;
    font-style: normal
}

ul.dynatree-container a:focus,
span.dynatree-focused a:link {
    background-color: transparent
}

ul.dynatree-container {
    background-color: transparent
}

ul.dynatree-container a:hover {
    color: #626262;
    opacity: .7;
    background-color: transparent
}

ul.dynatree-container a {
    color: #626262
}

span.dynatree-empty,
span.dynatree-vline,
span.dynatree-connector,
span.dynatree-expander,
span.dynatree-icon,
span.dynatree-checkbox,
span.dynatree-radio,
span.dynatree-drag-helper-img,
#dynatree-drop-marker {
    height: 17px;
    position: relative;
    top: 3px
}

.view-port {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
    white-space: nowrap;
    word-spacing: 0;
    font-size: 0;
    overflow: hidden
}

.view-port > * {
    font-size: initial
}

.view-port .navbar {
    border-radius: 0;
    padding-left: 0;
    margin-bottom: 0;
    border-left: 0;
    display: table;
    width: 100%;
    top: 0;
    border-top: 0;
    padding: 0;
    border-bottom: 1px solid #e7e7e7
}

.view-port .navbar .navbar-inner {
    display: table-cell;
    height: 50px;
    vertical-align: middle
}

.view-port .navbar .action {
    position: absolute;
    top: 0;
    line-height: 50px;
    z-index: 1
}

.view-port .navbar .action.pull-right {
    right: 0
}

.view-port .navbar .view-heading {
    font-size: 15px;
    text-align: center
}

.view-port .navbar > p {
    line-height: 12px;
    font-size: 12px;
    margin: 0
}

.view-port .navbar.navbar-sm {
    min-height: 35px
}

.view-port .navbar.navbar-sm .navbar-inner {
    height: 35px
}

.view-port .navbar.navbar-sm .action {
    line-height: 35px
}

.view-port .view {
    display: inline-block;
    width: 100%;
    height: 100%;
    vertical-align: top;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    transition: all .4s ease
}

.view-port .view:first-child:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear;
    z-index: -1
}

.view-port .view:only-child {
    margin: 0
}

.view-port.from-top > .view:last-child {
    -webkit-transform: translate3d(-100%,
    0,
    0);
    transform: translate3d(-100%,
    0,
    0);
    -ms-transform: translate(-100%,
    0)
}

.view-port.push > .view:first-child {
    -webkit-transform: translate3d(-100%,
    0,
    0);
    transform: translate3d(-100%,
    0,
    0);
    -ms-transform: translate(-100%,
    0)
}

.view-port.push > .view:last-child {
    -webkit-transform: translate3d(-100%,
    0,
    0);
    transform: translate3d(-100%,
    0,
    0);
    -ms-transform: translate(-100%,
    0)
}

.view-port.push-parrallax > .view:first-child {
    -webkit-transition: all 400ms cubic-bezier(.1,
    .7,
    .1,
    1);
    transition: all 400ms cubic-bezier(.1,
    .7,
    .1,
    1);
    -webkit-transform: translate3d(-25%,
    0,
    0);
    transform: translate3d(-25%,
    0,
    0);
    -ms-transform: translate(-25%,
    0)
}

.view-port.push-parrallax > .view:first-child:before {
    opacity: 0;
    z-index: 100
}

.view-port.push-parrallax > .view:last-child {
    -webkit-transition: all 400ms cubic-bezier(.1,
    .7,
    .1,
    1);
    transition: all 400ms cubic-bezier(.1,
    .7,
    .1,
    1);
    -webkit-transform: translate3d(-100%,
    0,
    0);
    transform: translate3d(-100%,
    0,
    0);
    -ms-transform: translate(-100%,
    0);
    box-shadow: 0 0 9px rgba(191,
    191,
    191,
    .36)
}

.card {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 1px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    position: relative;
    margin-bottom: 15px;
    width: 100%;
    word-wrap: none;
}

.card .card-header {
    background: 0 0;
    border-radius: 0;
    border-bottom: 0;
    padding: 20px 20px 7px;
    position: relative;
    z-index: 3;
    min-height: 48px
}

.card .custome-card-header {
    padding: 25px 30px 0 25px;
}

.card .card-header.separator:after {
    content: "";
    height: 1px;
    background: rgba(0,
    0,
    0,
    .08);
    left: 16px;
    right: 16px;
    position: absolute;
    bottom: 0
}

.card .card-header + .card-body {
    padding-top: 0
}

.card .card-header .card-title {
    font-family: var(--font-emphasis);
    text-transform: uppercase;
    display: inline-block;
    letter-spacing: .06em;
    font-size: 10.5px;
    font-weight: 500;
    margin: 0;
    padding: 0;
    line-height: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-text-stroke: 0;
    filter: alpha(opacity=40);
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.card .custome-card-header .card-title {
    font-size: 16px;
    font-weight: 600;
}

.card .card-header .card-controls {
    float: right;
    margin-top: -3px
}

.card .card-header .card-controls ul {
    margin: 0;
    padding: 0
}

.card .card-header .card-controls ul li {
    display: inline-block;
    list-style: none;
    line-height: 0
}

.card .card-header .card-controls:after {
    content: "";
    display: table;
    clear: both
}

.card .card-header.card-header-hover .card-title {
    opacity: .4
}

.card .card-header.card-header-hover:hover .card-title {
    opacity: 1
}

.card.card-default {
    border: 1px solid rgba(0,
    0,
    0,
    .07)
}

.card.card-default > .card-header {
    color: #333
}

.card.card-bordered {
    border: 1px solid rgba(230,
    230,
    230,
    .7)
}

.card.card-borderless {
    border: 0
}

.card.card-condensed .card-header {
    padding: 13px 13px 0;
    min-height: 30px
}

.card.card-condensed .card-header .card-title {
    opacity: .4
}

.card.card-condensed .card-body {
    padding: 13px
}

.card.card-hover .card-header .card-title {
    opacity: .4
}

.card.card-hover:hover .card-header .card-title {
    opacity: 1
}
.card.card-transparent.card-body-scroll,
.card.card-transparent .card-body.card-body-scroll {
    overflow: auto;
}

.card.card-transparent {
    background: 0 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.card.card-transparent .card-body {
    background: 0 0
}

.card.full-height {
    height: calc(100%)
}

.card.full-height .card-body {
    height: auto;
    width: 100%;
    height: 100%
}

.card.card-featured {
    -webkit-box-shadow: -1px 1px 3px 0 rgba(121,
    129,
    135,
    .14);
    box-shadow: -1px 1px 3px 0 rgba(121,
    129,
    135,
    .14);
    width: calc(100% - 50px);
    float: right
}

.card.card-featured .card-title h4 {
    font-family: var(--font-emphasis);
    font-size: 16px;
    text-transform: uppercase;
    color: #f0f0f0
}

.card.card-featured .card-body h3 {
    line-height: 34px;
    font-size: 26px
}

.card.card-featured .footer .username {
    line-height: 8px;
    padding-top: 10px;
    font-size: 16px
}

.card.card-featured .footer .buttons li {
    display: inline;
    list-style: none;
    font-weight: 700;
    margin-left: 20px
}

.card.card-featured .footer .buttons li:first-child {
    margin-left: 0
}

.card.card-featured .footer .buttons .heart {
    color: var(--danger)
}

.card.card-featured .footer .buttons .comment {
    color: #626262
}

.card.card-featured .ribbon {
    width: 38px;
    height: 38px;
    margin-left: -39px;
    float: left;
    -webkit-box-shadow: inset -3px 0 3px 0 rgba(0,
    0,
    0,
    .14);
    box-shadow: inset -3px 0 3px 0 rgba(0,
    0,
    0,
    .14)
}

.card.card-featured .ribbon.green {
    background: var(--info)
}

.card.card-featured .ribbon.blue {
    background: var(--success)
}

.card.hover-fill:hover {
    background: #f0f0f0
}

.card.hover-stroke:hover {
    border: 1px solid #e6e6e6
}

.card .card-body {
    padding: 15px
}

.card .card-body.no-padding .row {
    margin-left: 0;
    margin-right: 0
}

.card .card-body.no-bottom-padding {
    padding-bottom: 0
}

.card .card-body.no-top-padding {
    padding-top: 0
}

.card .card-body .title {
    margin-top: 0
}

.card .card-body.scrollable {
    margin-bottom: 15px
}

.card-progress {
    background: rgba(255,
    255,
    255,
    .8);
    bottom: 0;
    left: 0;
    position: absolute !important;
    right: 0;
    top: 0;
    display: none;
    z-index: 2
}

.card-progress > .progress,
.card-progress > .progress.progress-small {
    height: 3px
}

.card-progress > .progress-circle-indeterminate,
.card-progress > .card-bar-indeterminate {
    display: block;
    left: 50%;
    margin-left: -17px;
    margin-top: -17px;
    position: absolute;
    top: 50%
}

.card-progress > .progress-circle-indeterminate {
    width: 35px;
    height: 35px
}

.card-maximized {
    position: fixed !important;
    left: 280px;
    top: 59px;
    bottom: 0;
    right: 0;
    z-index: 600;
    margin: 0;
    width: auto
}

.card-header a:not(.btn) {
    color: #626262 !important;
    opacity: .4;
    padding-top: 10px;
    padding-bottom: 10px
}

.card-header a:not(.btn).card-refresh {
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.card-header a:not(.btn).card-refresh.refreshing {
    opacity: 1
}

.card-header .dropdown-menu .dropdown-item {
    padding: 0 20px !important
}

.card-header .dropdown-menu .dropdown-item:hover {
    opacity: 1;
    background-color: transparent
}

.card-header a[data-toggle]:hover {
    opacity: 1
}

.sortable .card-header {
    cursor: move
}

.ui-sortable-handle {
    transition: max-height .3s ease 0s
}

.sortable .grid .grid-title {
    cursor: move
}

.ui-sortable {
    min-height: 0 !important
}

.ui-sortable-placeholder {
    border: 1px dotted #000;
    visibility: visible !important;
    height: 100% !important
}

.ui-sortable-placeholder * {
    visibility: hidden
}

.sortable-box-placeholder {
    background-color: #f0f0f0;
    border: 1px dashed #e6e6e6;
    display: block;
    margin-top: 0 !important;
    margin-bottom: 24px !important
}

.sortable-box-placeholder * {
    visibility: hidden
}

.sortable .card {
    transition: none
}

.sortable-column {
    padding-bottom: 100px
}

.demo-card-scrollable {
    height: 158px
}

.card-body {
    padding: 15px
}

label,
input,
button,
select,
textarea {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

input[type=radio],
input[type=checkbox] {
    margin-top: 1px;
    line-height: normal;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

select[multiple],
select[size] {
    height: auto !important
}

input:focus,
select:focus,
textarea:focus,
input[type=file]:focus,
input[type=radio]:focus,
input[type=checkbox]:focus {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

form legend {
    margin: 15px 0 10px
}

.form-control {
    background-color: #fff;
    background-image: none;
    border: 1px solid rgba(0, 0, 0, .07);
    font-family: var(--font-general);
    -webkit-appearance: none;
    color: #2c2c2c;
    outline: 0;
    padding: 8px 8px;
    line-height: normal;
    font-size: 13px;
    font-weight: 500;
    vertical-align: middle;
    min-height: 35px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-transition: background .2s linear 0s;
    transition: background .2s linear 0s
}

.form-control:focus {
    border-color: rgba(0,
    0,
    0,
    .1);
    background-color: #f0f0f0;
    outline: 0 !important;
    -webkit-box-shadow: none;
    box-shadow: none
}

.form-control:focus::-moz-placeholder {
	color:#fff;
    opacity: 1
}

.form-control:focus::-ms-input-placeholder {
	color:#fff;
    opacity: 1
}

.form-control:focus::-webkit-input-placeholder {
	color:#fff;
    opacity: 1
}

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

.form-control:-ms-input-placeholder {
	color:#fff;
    opacity: 1
}

.form-control::-webkit-input-placeholder {
	color:#fff;
    opacity: 1
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background: #f8f8f8;
    color: rgba(98,
    98,
    98,
    .23);
	color:#fff;
}

.form-control.transparent {
    background-color: transparent;
    border-color: transparent
}

.form-control.transparent:focus {
    background-color: transparent;
    border-color: transparent
}

.input-sm,
.form-horizontal .form-group-sm .form-control {
    font-size: 13px;
    min-height: 32px;
    padding: 7px 9px
}

.input-lg,
.form-horizontal .form-group-lg .form-control {
    border-radius: 3px;
    font-size: 18px;
    min-height: 45px;
    padding: 11px 13px
}

.input-xlg {
    min-height: 51px;
    font-size: 18px;
    line-height: 22px
}

.input-group-lg .form-control {
    padding: 6px 1rem
}

.input-group-sm .form-control {
    padding: 0 .5rem;
    min-height: 32px
}

.select2-lg .select2-container .select2-selection.select2-selection--single {
    height: 45px;
    padding: 11px 13px
}

.select2-lg .select2-container .select2-selection.select2-selection--single .select2-selection__rendered {
    padding-top: 0;
    line-height: 22px;
    font-size: 18px
}

.select2-lg .select2-container .select2-selection.select2-selection--single .select2-selection__arrow {
    bottom: 9px
}

.select2-sm .select2-container .select2-selection.select2-selection--single {
    height: 32px;
    padding: 8px 9px
}

.select2-sm .select2-container .select2-selection.select2-selection--single .select2-selection__rendered {
    padding-top: 0;
    line-height: 16px;
    font-size: 13px
}

.select2-sm .select2-container .select2-selection.select2-selection--single .select2-selection__arrow {
    bottom: 4px
}

.radio,
.checkbox {
    margin-bottom: 10px;
    margin-top: 10px;
    padding-left: 0;
    position: relative;
}

.radio label,
.checkbox label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 25px;
    margin-right: 15px;
    min-width: 17px;
    min-height: 17px;
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 0
}

.radio label:before,
.checkbox label:before {
    -webkit-box-sizing: inherit;
    box-sizing: border-box;
    content: "";
    display: inline-block;
    width: 17px;
    height: 17px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    background-color: #fff;
    border: 1px solid #d0d0d0
}

.radio label {
    margin-bottom: 6px
}

.radio label:before {
    bottom: 2.5px;
    border-radius: 99px;
    -webkit-transition: border .3s 0s cubic-bezier(.455,
    .03,
    .215,
    1.33);
    transition: border .3s 0s cubic-bezier(.455,
    .03,
    .215,
    1.33)
}

.radio input[type=radio]:checked + label:before {
    border-width: 5px
}

.radio input[type=radio]:focus + label {
    color: #2c2c2c
}

.radio input[type=radio]:focus + label:before {
    background-color: #e6e6e6
}

.radio input[type=radio] {
    opacity: 0;
    width: 0;
    height: 0
}

.radio input[type=radio][disabled] + label {
    opacity: .65
}

.radio.radio-success input[type=radio]:checked + label:before {
    border-color: var(--success)
}

.radio.radio-primary input[type=radio]:checked + label:before {
    border-color: var(--primary)
}

.radio.radio-info input[type=radio]:checked + label:before {
    border-color: var(--info)
}

.radio.radio-warning input[type=radio]:checked + label:before {
    border-color: var(--warning)
}

.radio.radio-danger input[type=radio]:checked + label:before {
    border-color: var(--danger)
}

.radio.radio-complete input[type=radio]:checked + label:before {
    border-color: var(--info)
}

.checkbox + .checkbox,
.radio + .radio {
    margin-top: -5px
}

.checkbox input[type=radio][disabled] + label:after {
    background-color: #e6e6e6
}

.checkbox label {
    transition: border .2s linear 0s,
    color .2s linear 0s
}

.checkbox label:before {
    top: 1.4px;
    border-radius: 3px;
    transition: border .2s linear 0s,
    color .2s linear 0s;
    background: transparent;
    border: none;
}

.checkbox label::after {
    display: inline-block;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 3.5px;
    top: 0;
    font-size: 11px;
    transition: border .2s linear 0s,
    color .2s linear 0s
}

.checkbox label:after {
    border-radius: 3px
}

.checkbox input[type=checkbox] {
    opacity: 0;
    width: 0;
    height: 0
}

.checkbox.checkbox-circle label:after {
    border-radius: 99px
}

.checkbox.checkbox-circle label:before {
    border-radius: 99px
}

.checkbox input[type=checkbox]:checked + label:before {
    border-width: 8.5px
}

.checkbox input[type=checkbox]:checked + label::after {
    font-family: fontawesome;
    content: "\F00C";
    color: #fff
}

.checkbox input[type=checkbox]:focus + label {
    color: #2c2c2c
}

.checkbox input[type=checkbox]:focus + label:before {
    background-color: #e6e6e6
}

.checkbox input[type=checkbox][disabled] + label {
    opacity: .65
}

.checkbox input[type=checkbox][disabled] + label:before {
    background-color: #eceff3
}

.checkbox.right label {
    margin-right: 35px;
    padding-left: 0 !important
}

.checkbox.right label:before {
    right: -35px;
    left: auto
}

.checkbox.right input[type=checkbox]:checked + label {
    position: relative
}

.checkbox.right input[type=checkbox]:checked + label::after {
    font-family: fontawesome;
    content: "\F00C";
    position: absolute;
    right: -27px;
    left: auto
}

body.rtl .checkbox label::after {
    left: -1.2px
}

.checkbox.check-success input[type=checkbox]:checked + label:before {
    border-color: var(--success)
}

.checkbox.check-primary input[type=checkbox]:checked + label:before {
    border-color: var(--primary)
}

.checkbox.check-complete input[type=checkbox]:checked + label:before {
    border-color: var(--info)
}

.checkbox.check-warning input[type=checkbox]:checked + label:before {
    border-color: var(--warning)
}

.checkbox.check-danger input[type=checkbox]:checked + label:before {
    border-color: var(--danger)
}

.checkbox.check-info input[type=checkbox]:checked + label:before {
    border-color: var(--info)
}

.checkbox.check-success input[type=checkbox]:checked + label::after,
.checkbox.check-primary input[type=checkbox]:checked + label::after,
.checkbox.check-complete input[type=checkbox]:checked + label::after,
.checkbox.check-warning input[type=checkbox]:checked + label::after,
.checkbox.check-danger input[type=checkbox]:checked + label::after,
.checkbox.check-info input[type=checkbox]:checked + label::after {
    color: #fff
}

.input-group-text {
    background-color: #f0f0f0;
    color: rgba(98,
    98,
    98,
    .47);
    font-size: 14px;
    border: 1px solid rgba(0,
    0,
    0,
    .07);
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 2px
}

.input-group-text.primary {
    border: 1px solid var(--primary);
    color: #fff;
    background-color: var(--primary)
}

.input-group-text.success {
    background-color: #0090d9;
    color: #fff
}

.input-group-text.info {
    background-color: #1f3853;
    color: #fff
}

.input-group-text.warning {
    background-color: #fbb05e;
    color: #fff
}

.input-group-text.danger {
    background-color: #f35958;
    color: #fff
}

.input-group-text.transparent {
    background-color: transparent
}

.input-group-append .input-group-text {
    border-left: 0
}

.input-group-prepend .input-group-text {
    border-right: 0
}

@media only screen and (min-width: 768px) {
    form .row {
        margin-left: 0;
        margin-right: 0
    }

    form .row[class*=col-]:not(:first-child),
    form .row[class*=col-]:not(:last-child) {
        padding-right: 7px;
        padding-left: 7px
    }

    form .row[class*=col-]:first-child {
        padding-left: 0
    }

    form .row[class*=col-]:last-child {
        padding-right: 0
    }
}

@media (min-width: 768px) and (max-width: 991px) {
}

.form-horizontal .form-group {
    border-bottom: 1px solid #e6e6e6;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 0;
}

.form-horizontal .form-group:not:first-of-type(div) {
    padding-top: 15px;
}

.form-horizontal .form-group:last-child {
    border-bottom: 0
}

.form-horizontal .form-group:hover .control-label {
    opacity: .6
}

.form-horizontal .form-group.focused .control-label {
    opacity: 1
}

.form-horizontal .form-group .control-label {
    text-align: left;
    opacity: .42;
    -webkit-transition: opacity ease .3s;
    transition: opacity ease .3s
}

.form-horizontal .radio {
    padding-top: 7px;
    margin-top: 0;
    margin-bottom: 0
}

.form-horizontal .control-label {
    padding-top: 0;
    margin-bottom: 0
}

.form-group-attached .form-group.form-group-default {
    border-radius: 0;
    margin-bottom: 0
}

.form-group-attached > div {
    margin: 0
}

.form-group-attached > div:first-child.row > [class*=col-]:first-child .form-group-default {
    -webkit-border-top-left-radius: 2px;
    -moz-border-radius-topleft: 2px;
    border-top-left-radius: 2px
}

.form-group-attached > div:first-child.row > [class*=col-]:last-child .form-group-default {
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topright: 2px;
    border-top-right-radius: 2px
}

.form-group-attached > div:first-child.form-group-default {
    -webkit-border-top-left-radius: 2px;
    -moz-border-radius-topleft: 2px;
    border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topright: 2px;
    border-top-right-radius: 2px
}

.form-group-attached > div:last-child.row > [class*=col-]:first-child .form-group-default {
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-bottom-left-radius: 2px
}

.form-group-attached > div:last-child.row > [class*=col-]:last-child .form-group-default {
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    border-bottom-right-radius: 2px
}

.form-group-attached > div:last-child.form-group-default {
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-bottom-left-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    border-bottom-right-radius: 2px
}

.form-group-attached > div.row > [class*=col-] {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.form-group-attached > div.row > [class*=col-]:not(:only-child):not(:last-child) > .form-group-default {
    border-right-color: transparent
}

.form-group-attached > div:not(:last-child) .form-group-default,
.form-group-attached > div:not(:last-child).form-group-default {
    border-bottom-color: transparent
}

@media (max-width: 767px) {
    .form-group-attached .form-group-default {
        border-right-color: rgba(0,
        0,
        0,
        .07) !important
    }
}

@media only screen and (min-width: 768px) {
    .form-group-attached > div.row > [class*=col-] .form-group {
        height: 100%;
        width: 100%
    }
}

.form-group {
    margin-bottom: 10px
}

.form-group label:not(.error) {
    font-family: var(--font-emphasis);
    font-size: 10.5px;
    letter-spacing: .06em;
    text-transform: uppercase;
    font-weight: 500;
}

.form-group label .help {
    margin-left: 8px
}

.form-group .help {
    font-size: 12px;
    color: rgba(98,
    98,
    98,
    .55)
}

.form-group-default {
    background-color: #fff;
    position: relative;
    border: 1px solid rgba(0,
    0,
    0,
    .07);
    border-radius: 2px;
    padding-top: 7px;
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 4px;
    overflow: hidden;
    width: 100%;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

.form-group-default.required:after {
    color: var(--danger);
    content: "*";
    font-family: arial;
    font-size: 20px;
    position: absolute;
    right: 12px;
    top: 6px
}

.form-group-default.disabled {
    background: #f8f8f8;
    color: rgba(98,
    98,
    98,
    .23)
}

.form-group-default.disabled input {
    opacity: .6
}

.form-group-default.disabled.focused {
    background: #f8f8f8
}

.form-group-default.disabled.focused label {
    opacity: 1
}

.form-group-default.focused {
    border-color: rgba(0,
    0,
    0,
    .1) !important;
    background-color: var(--default)
}

.form-group-default.focused label {
    opacity: .4;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

.form-group-default.has-error {
    background-color: rgba(245,
    87,
    83,
    .1)
}

.form-group-default.has-success .form-control-feedback,
.form-group-default.has-error .form-control-feedback {
    display: none !important
}

.form-group-default.has-success .form-control,
.form-group-default.has-success .form-control:focus,
.form-group-default.has-error .form-control,
.form-group-default.has-error .form-control:focus {
    border: 0;
    box-shadow: none
}

.form-group-default.input-group {
    padding: 0
}

.form-group-default.input-group > label {
    margin-top: 6px;
    padding-left: 12px
}

.form-group-default.input-group > label.inline {
    margin-top: 6px;
    float: left
}

.form-group-default.input-group > .form-control {
    margin-top: -2px;
    margin-bottom: 3px;
    padding-left: 12px
}

.form-group-default.input-group label {
    margin-top: 6px;
    padding-left: 12px
}

.form-group-default.input-group .form-input-group {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0
}

.form-group-default.input-group .form-control {
    margin-top: -2px;
    margin-bottom: 3px;
    padding-left: 12px;
    width: 100%
}

.form-group-default.input-group .input-group-text {
    border: 0;
    border-radius: 0;
    min-width: 50px
}

.form-group-default.input-group .input-group-text i {
    width: 100%
}

.form-group-default.input-group .btn {
    border-top: 0;
    border-bottom: 0
}

.form-group-default .form-control {
    border: 0;
    height: 25px;
    min-height: 25px;
    padding: 0;
    margin-top: -4px;
    background: 0 0
}

.form-group-default .form-control.error {
    color: #2c2c2c
}

.form-group-default .form-control:focus {
    background: 0 0
}

.form-group-default textarea.form-control {
    padding-top: 5px
}

.form-group-default label {
    margin: 0 0 5px;
    display: block;
    opacity: 1;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.form-group-default label.label-lg {
    font-size: 13px;
    left: 13px;
    top: 9px
}

.form-group-default label.label-sm {
    font-size: 11px;
    left: 11px;
    top: 6px
}

.form-group-default label.highlight {
    opacity: 1
}

.form-group-default label.fade {
    opacity: .5;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

.form-group-default > .input-lg {
    height: 29px;
    min-height: 29px;
    padding-left: 1px
}

.form-group-default > .input-sm {
    min-height: 18px;
    height: 18px
}

.form-group-default.form-group-default-select {
    overflow: visible
}

.form-group-default.form-group-default-select .ui-select-container.ui-select-bootstrap.dropdown .ui-select-match {
    padding-top: 6px;
    height: 23px
}

.form-group-default.form-group-default-select .ui-select-container .select2-choices {
    border: 0
}

.form-group-default.form-group-default-select2 {
    padding: 0
}

.form-group-default.form-group-default-select2 > label {
    position: absolute;
    z-index: 10;
    padding: 7px 12px 0
}

.form-group-default.form-group-default-select2 > label.label-lg {
    left: 0;
    top: 0
}

.form-group-default.form-group-default-select2 > label.label-sm {
    left: 0;
    top: 0
}

.form-group-default.form-group-default-select2 .select2-container .select2-selection--single {
    padding-top: 20px;
    height: 52px;
    border: 0 !important
}

.form-group-default.form-group-default-select2 .select2-container .select2-selection--single .select2-arrow b:before {
    top: 20px
}

.form-group-default.form-group-default-select2 .select2-container .select2-selection--single .select2-chosen {
    padding-left: 3px;
    padding-top: 1px
}

.form-group-default.form-group-default-select2 .select2-container .select2-selection--multiple {
    padding-top: 20px;
    height: 52px;
    border: 0 !important
}

.form-group-default.form-group-default-select2 .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    margin-top: 4px
}

.form-group-default.form-group-default-select2.input-lg {
    height: auto;
    padding: 0
}

.form-group-default.form-group-default-select2.input-lg .select2-container .select2-selection--single {
    padding-top: 26px;
    height: 58px
}

.form-group-default.form-group-default-select2.input-lg .select2-container .select2-selection--single .select2-selection__rendered {
    font-size: 18px
}

.form-group-default.form-group-default-select2.input-sm {
    height: auto;
    padding: 0
}

.form-group-default.form-group-default-select2.input-sm .select2-container .select2-selection--single {
    padding-top: 21px;
    height: 49px
}

.form-group-default.form-group-default-select2.input-sm .select2-container .select2-selection--single .select2-selection__rendered {
    font-size: 13px
}

.form-group-default.form-group-default-selectFx {
    padding: 0
}

.form-group-default.form-group-default-selectFx > label {
    position: absolute;
    z-index: 10;
    padding: 7px 12px 0
}

.form-group-default.form-group-default-selectFx > label.label-lg {
    left: 0;
    top: 0
}

.form-group-default.form-group-default-selectFx > label.label-sm {
    left: 0;
    top: 0
}

.form-group-default.form-group-default-selectFx .cs-wrapper .cs-placeholder {
    padding-top: 28px;
    height: 52px;
    padding-left: 12px
}

.form-group-default.form-group-default-selectFx .cs-wrapper .cs-select {
    height: auto
}

.form-group-default.form-group-default-selectFx .cs-wrapper .cs-select > span:after,
.form-group-default.form-group-default-selectFx .cs-wrapper .cs-select .cs-selected span:after {
    top: 39px
}

.form-group-default.form-group-default-selectFx .cs-wrapper .cs-select.input-lg .cs-placeholder {
    height: 60px
}

.form-group-default.form-group-default-selectFx .cs-wrapper .cs-select.input-sm .cs-placeholder {
    height: 50px
}

.form-group-default.form-group-default-selectFx .cs-wrapper .dropdown-placeholder {
    vertical-align: top
}

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline {
    color: var(--success)
}

.has-success .form-control {
    border-color: var(--success);
    -webkit-box-shadow: none;
    box-shadow: none
}

.has-success .form-control:focus {
    border-color: #09786e;
    -webkit-box-shadow: none;
    box-shadow: none
}

.has-success .input-group-addon {
    background: #f0f0f0;
    border: 1px solid rgba(0,
    0,
    0,
    .07);
    color: rgba(98,
    98,
    98,
    .47)
}

.has-success .form-control-feedback {
    color: var(--success)
}

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline {
    color: #c9a843
}

.has-warning .form-control {
    border-color: #c9a843;
    -webkit-box-shadow: none;
    box-shadow: none
}

.has-warning .form-control:focus {
    border-color: #a98b31;
    -webkit-box-shadow: none;
    box-shadow: none
}

.has-warning .input-group-addon {
    background: #f0f0f0;
    border: 1px solid rgba(0,
    0,
    0,
    .07);
    color: rgba(98,
    98,
    98,
    .47)
}

.has-warning .form-control-feedback {
    color: #c9a843
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline {
    color: var(--danger)
}

fieldset.has-error .form-control,.has-error .form-control {
    border-color: var(--danger);
    -webkit-box-shadow: none;
    box-shadow: none
}

.has-error .form-control:focus {
    border-color: #f22823;
    -webkit-box-shadow: none;
    box-shadow: none
}

.has-error .input-group-addon {
    background: #f0f0f0;
    border: 1px solid rgba(0,
    0,
    0,
    .07);
    color: rgba(98,
    98,
    98,
    .47)
}

.has-error .form-control-feedback {
    color: var(--danger)
}

.error {
    font-size: 12px;
    color: var(--danger);
    display: block
}

.datepicker {
    padding: 16px 25px;
    border-radius: 2px;
    font-size: 12px
}

.datepicker:after {
    border-bottom-color: #fafafa
}

.datepicker thead tr .datepicker-switch {
    color: #6f7b8a;
    font-size: 13px
}

.datepicker thead tr .next,
.datepicker thead tr .prev {
    color: var(--primary);
    content: '';
    font-size: 0
}

.datepicker thead tr .next:before,
.datepicker thead tr .prev:before {
    color: var(--primary);
    font-family: fontawesome;
    font-size: 10px
}

.datepicker thead tr .prev:before {
    content: "\f053"
}

.datepicker thead tr .next:before {
    content: "\f054"
}

.datepicker thead tr .dow {
    font-family: var(--font-emphasis);
    color: var(--primary);
    text-transform: uppercase;
    font-size: 11px
}

.datepicker thead tr th {
    width: 31px;
    height: 29px;
    border-radius: 0 !important;
}

.datepicker tbody tr .odd {
    color: #d0d3d8
}

.datepicker table tr td {
    width: 31px;
    height: 29px
}

.datepicker table tr td.old,
.datepicker table tr td.new {
    color: #e6e6e6
}

.datepicker table tr td.day:hover {
    background: #f0f0f0
}

.datepicker table tr td.active {
    background-color: var(--primary) !important
}

.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
    background-image: none;
    text-shadow: none;
    font-weight: 600
}

.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
    background-color: #f0f0f0;
    background-image: none;
    color: #fff
}

.datepicker table tr td span {
    border-radius: 4px;
    width: 42px;
    height: 42px;
    line-height: 42px
}

.datepicker table tr td span.active {
    background-color: var(--primary) !important
}

.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
    background-image: none;
    border: 0;
    text-shadow: none
}

.datepicker.dropdown-menu {
    border-color: #e6e6e6;
    color: #626262
}

.datepicker.datepicker-dropdown.datepicker-orient-bottom:before {
    border-color: #e6e6e6
}

.datepicker-inline {
    width: auto
}

.input-daterange .input-group-addon {
    text-shadow: none;
    border: 0;
    margin: 0
}

.bootstrap-timepicker-widget table td a i {
    font-size: 12px
}

.bootstrap-timepicker-widget a.btn,
.bootstrap-timepicker-widget .bootstrap-timepicker-widget input {
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px
}

.bootstrap-timepicker-widget.dropdown-menu {
    background: #fff
}

.daterangepicker {
    background: #fff
}

.daterangepicker .calendar .calendar-date {
    border: 1px solid rgba(0,
    0,
    0,
    .07)
}

.daterangepicker .calendar .prev,
.daterangepicker .calendar .next,
.daterangepicker .calendar th {
    color: var(--primary);
    text-transform: uppercase;
    font-size: 11px
}

.daterangepicker .calendar .month {
    color: #6f7b8a;
    font-size: 13px
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: var(--primary);
    border-color: var(--primary)
}

.form-group-default .select2-container .select2-selection,
.select2-container-multi .select2-choices {
    border-color: transparent
}

select.full-width + .select2-container {
    width: 100% !important
}

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

.select2-container .select2-selection {
    background-image: none;
    border-radius: 2px;
    border: 1px solid rgba(0,
    0,
    0,
    .07) !important;
    padding: 2px 9px;
    transition: border .2s linear 0s
}

.select2-container .select2-selection .select2-selection__rendered {
    padding: 0;
    padding-left: 3px;
    padding-top: 1px
}

.select2-container .select2-selection .select2-selection__rendered .select2-selection__clear {
    font-weight: 400;
    right: 16px;
    width: 20px;
    text-align: center;
    color: #888
}

.select2-container .select2-selection .select2-selection__arrow {
    top: auto;
    bottom: 5px;
    right: 10px !important;
    left: auto;
    background: 0 0;
    border-left: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.select2-container .select2-selection.select2-selection--single {
    height: 35px
}

.select2-container .select2-selection > .select2-chosen {
    margin-right: 26px;
    margin-left: 0
}

.select2-container.select2-drop-above .select2-choice {
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px
}

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

.select2-container--default .select2-results__group {
    color: #2c2c2c
}

.select2-search input,
.select2-search-choice-close,
.select2-container .select2-choice abbr,
.select2-container .select2-choice .select2-arrow b {
    background-image: none !important
}

.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
    background-image: none !important;
    border: 1px solid rgba(0,
    0,
    0,
    .07);
    background: #f0f0f0
}

.select2-dropdown-open .select2-choice .select2-arrow {
    -webkit-transform: scale(scale(1, -1));
    -ms-transform: scale(scale(1, -1));
    transform: scale(scale(1, -1))
}

.select2-dropdown {
    border: 1px solid rgba(0,
    0,
    0,
    .07);
    border-bottom: 0;
    border-radius: 2px;
    padding-top: 0
}

.select2-dropdown.select2-drop-above {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    box-shadow: none
}

.select2-container--open .select2-selection {
    box-shadow: none;
    border: 1px solid rgba(0,
    0,
    0,
    .07);
    background: #f0f0f0;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

.select2-search--dropdown {
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 4px
}

.select2-search--dropdown input {
    background: #fff !important;
    vertical-align: baseline;
    line-height: 28px;
    border-radius: 2px;
    font-size: 12px;
    border: 1px solid rgba(0, 0, 0, .07) !important
}

.select2-results {
    margin: 3px 8px 10px
}

.select2-results li {
    color: #626262
}

.select2-results li.select2-result-with-children > .select2-result-label {
    color: #2c2c2c
}

.select2-results li.select2-result-with-children > .select2-result-label:first-child {
    padding-top: 8px
}

.select2-results .select2-results__option--highlighted {
    background-color: #f0f0f0 !important;
    border-radius: 3px;
    color: #626262 !important
}

.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit {
    background: 0 0;
    color: #626262;
    font-size: 12px;
    padding-left: 8px;
    padding-top: 0;
    position: relative;
    top: -5px
}

.select2-dropdown {
    border: 1px solid rgba(0,
    0,
    0,
    .07);
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    padding-top: 5px;
    z-index: 790;
    box-shadow: 0 4px 5px rgba(0,
    0,
    0,
    .15)
}

.select2-container--open .select2-selection--multiple .select2-selection__choice {
    background-color: #fff !important
}

.select2-selection--multiple .select2-selection__rendered {
    background-image: none
}

.select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    background-color: #e6e6e6;
    background-image: none;
    border: 0;
    box-shadow: none;
    color: inherit;
    border-radius: 8px;
    margin: 6px -5px 0 10px;
    padding: 0 8px 0 7px;
    line-height: 21px
}

.select2-selection--multiple .select2-selection__rendered .select2-selection__choice:first-child {
    margin-left: 0
}

.select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
    color: #626262;
    font-weight: 900;
    margin-right: 4px
}

.select2-selection--multiple .select2-selection__rendered .select2-search--inline {
    margin-left: 8px
}

.select2-selection--multiple.select2-container-active .select2-choices {
    border: 1px solid rgba(0,
    0,
    0,
    .07);
    box-shadow: none
}

.select2-selection--multiple .select2-search-choice-close {
    left: 6px
}

.select2-search-choice-close {
    background: 0 0;
    top: 4px;
    right: 0
}

.select2-search-choice-close:hover {
    text-decoration: none
}

.select2-drop-multi .select2-results .select2-no-results,
.select2-drop-multi .select2-results .select2-searching,
.select2-drop-multi .select2-results .select2-selection-limit {
    top: 0
}

.select2.form-control {
    padding: 0;
    box-shadow: none;
    border: 0
}

.select2-drop-mask {
    z-index: 700
}

.ui-select-bootstrap .ui-select-choices-row.active > span {
    background: #f0f0f0;
    border-radius: 3px;
    color: #626262
}

.ui-select-bootstrap > .ui-select-choices {
    background-color: #fff
}

.ui-select-choices-group-label {
    color: #2c2c2c;
    font-weight: 700
}

.modal-open .select2-drop-active {
    z-index: 1051
}

/*
.modal-open .select2-container {
z-index:1051
}
*/
.modal-open .datepicker.dropdown-menu {
    z-index: 1051 !important
}

.modal-open .select2-drop-mask {
    z-index: 1050
}

.modal-open .cs-skin-slide.cs-active {
    z-index: 1050
}

.dropdown-placeholder {
    display: inline-block;
    vertical-align: middle
}

.dropdown-mask {
    bottom: 0;
    display: none;
    left: 0;
    outline: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 600
}

.ui-select-bootstrap *:focus {
    outline: 0
}

.ui-select-bootstrap .ui-select-choices-row > span {
    padding-top: 6px;
    padding-bottom: 6px;
    line-height: 24px;
    font-size: 14px
}

.ui-select-bootstrap .ui-select-match {
    box-shadow: none
}

.ui-select-bootstrap .ui-select-choices-group-label {
    padding-left: 15px;
    line-height: 24px;
    font-size: 14px;
    font-weight: 700;
    color: #626262
}

.ui-select-bootstrap .ui-select-match.btn-default-focus {
    background-color: transparent
}

.form-group-default-select {
    padding-bottom: 2px
}

.form-group-default-select .ui-select-bootstrap .ui-select-dropdown {
    width: calc(100% + 24px) !important;
    margin-left: -12px;
    padding: 10px
}

.form-group-default-select .ui-select-bootstrap .ui-select-match-text {
    width: calc(100% + 24px);
    margin-top: -17px;
    margin-left: -16px;
    padding: 16px 16px 0
}

.form-group-default-select .ui-select-bootstrap .ui-select-match {
    padding-top: 2px !important
}

.form-group-default-select .ui-select-bootstrap .ui-select-match i.caret {
    margin-top: 10px
}

.form-group-default-select .ui-select-bootstrap .ui-select-match.btn-default-focus {
    outline: 0
}

.form-group-default-select .ui-select-bootstrap .ui-select-match > .ui-select-toggle {
    width: calc(100% + 27px);
    height: 50px;
    margin-top: -34px;
    margin-left: -16px;
    padding: 32px 16px 16px
}

.form-group-default-select .ui-select-bootstrap .dropdown-menu .divider {
    display: none
}

.form-group-default-select .ui-select-bootstrap.ui-select-container {
    margin-top: -3px;
    padding-bottom: 2px
}

.form-group-default-select .ui-select-multiple {
    margin-top: -7px
}

.form-group-default-select .ui-select-multiple .select2-search-field input {
    height: 23px !important
}

.form-group-default-select .ui-select-multiple .select2-search-choice {
    margin-top: 2px;
    margin-bottom: 0
}

.form-group-default-select .ui-select-multiple .select2-search-choice:first-child {
    margin-left: 0
}

.form-group-default-select .select2-container-multi .select2-choices {
    background-color: transparent
}

.form-group-default .bootstrap-tagsinput {
    border: 0;
    margin-bottom: 0;
    padding-top: 0;
    vertical-align: top;
    padding-bottom: 0;
    padding-left: 0;
    margin-top: -3px
}

.form-group-default .bootstrap-tagsinput .tag {
    padding: 2px 9px;
    line-height: 18px;
    margin-bottom: 2px;
    margin-left: 0;
    margin-right: 2px
}

.form-group-default .bootstrap-tagsinput .tag[data-role=remove] {
    display: inline-block;
    vertical-align: top
}

.form-group-default .bootstrap-tagsinput input {
    min-height: 20px
}

.form-group-default .bootstrap-tagsinput input:first-child {
    margin-left: 0
}

.bootstrap-tagsinput {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    background-color: transparent;
    border: 1px solid rgba(0,
    0,
    0,
    .07);
    border-radius: 4px;
    padding: 0;
    padding-top: 5px;
    padding-right: 5px;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 100%;
    -webkit-transition: background .2s linear 0s;
    transition: background .2s linear 0s
}

.bootstrap-tagsinput.active-element {
    background-color: #e6e6e6
}

.bootstrap-tagsinput input {
    border: 0;
    margin: 5px;
    margin-top: 0;
    margin-right: 0;
    min-height: 25px;
    min-width: 10em !important;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-flex-shrink: 0;
    -webkit-flex-grow: 1;
    -webkit-flex-basis: auto
}

.bootstrap-tagsinput .tag {
    padding: 3px 9px;
    padding-right: 6px;
    border-radius: 3px;
    line-height: 18px;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-flex-shrink: 0;
    -webkit-flex-grow: 1;
    -webkit-flex-basis: auto;
    margin: 5px;
    margin-top: 0;
    margin-right: 0
}

.bootstrap-tagsinput .tag[data-role=remove] {
    margin-left: 4px;
    float: right;
    vertical-align: middle
}

.bootstrap-tagsinput .tag[data-role=remove]:hover:active,
.bootstrap-tagsinput .tag[data-role=remove]:hover {
    box-shadow: none
}

.bootstrap-tagsinput .tag[data-role=remove]:after {
    font-family: pages-icon;
    content: "\e60a";
    padding: 0
}

input,
input:focus {
    -webkit-transition: none !important
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #fff inset !important
}

input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px #f0f0f0 inset !important
}

input.error:-webkit-autofill,
input.error:-webkit-autofill:focus,
.has-error input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #f9e9e9 inset !important
}

div.cs-select {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    text-align: left;
    background: #fff;
    width: 100%;
    max-width: 500px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

div.cs-select:focus {
    outline: 0
}

.cs-select select {
    display: none
}

.cs-select span {
    display: block;
    position: relative;
    cursor: pointer;
    padding: 1em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.cs-select > span {
    padding-right: 3em
}

.cs-select > span::after,
.cs-select .cs-selected span::after {
    speak: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.cs-select > span::after {
    content: '\25BE';
    right: 1em
}

.cs-select .cs-selected span::after {
    content: '\2713';
    margin-left: 1em
}

.cs-select.cs-active > span::after {
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg)
}

.cs-select .cs-options {
    position: absolute;
    overflow: hidden;
    width: 100%;
    background: #fff;
    visibility: hidden
}

.cs-select.cs-active .cs-options {
    visibility: visible
}

.cs-select ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%
}

.cs-select ul span {
    padding: 1em
}

.cs-select ul li.cs-focus span {
    background-color: #ddd
}

.cs-select li.cs-optgroup ul {
    padding-left: 1em
}

.cs-select li.cs-optgroup > span {
    cursor: default
}

div.cs-skin-slide {
    color: #fff;
    width: 300px
}

@media screen and (max-width: 30em) {
    div.cs-skin-slide {
        font-size: 1em;
        width: 250px
    }
}

div.cs-skin-slide::before {
    content: '';
    background: #282b30;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s
}

.cs-skin-slide.cs-active::before {
    -webkit-transform: scale3d(1.1,
    3.5,
    1);
    transform: scale3d(1.1,
    3.5,
    1)
}

.cs-skin-slide > span {
    height: 80px;
    line-height: 32px;
    -webkit-transition: text-indent .3s,
    opacity .3s;
    transition: text-indent .3s,
    opacity .3s
}

@media screen and (max-width: 30em) {
    .cs-skin-slide > span {
        height: 60px;
        line-height: 28px
    }
}

.cs-skin-slide.cs-active > span {
    text-indent: -290px;
    opacity: 0
}

.cs-skin-slide.cs-active > span::after {
    -webkit-transform: translate3d(0,
    -50%,
    0);
    transform: translate3d(0,
    -50%,
    0)
}

.cs-skin-slide .cs-options {
    background: 0 0;
    width: 70%;
    height: 400%;
    padding: 1.9em 0;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%,
    -50%,
    0);
    transform: translate3d(-50%,
    -50%,
    0);
    -ms-transform: translate(-50%,
    -50%)
}

@media screen and (max-width: 30em) {
    .cs-skin-slide .cs-options {
        padding-top: 3em
    }
}

.cs-skin-slide .cs-options li {
    opacity: 0;
    -webkit-transform: translate3d(30%,
    0,
    0);
    transform: translate3d(30%,
    0,
    0);
    -webkit-transition: -webkit-transform .3s,
    opacity .3s;
    transition: transform .3s,
    opacity .3s
}

.cs-skin-slide.cs-active .cs-options li {
    -webkit-transform: translate3d(0,
    0,
    0);
    transform: translate3d(0,
    0,
    0);
    opacity: 1
}

.cs-skin-slide.cs-active .cs-options li:first-child {
    -webkit-transition-delay: .05s;
    transition-delay: .05s
}

.cs-skin-slide.cs-active .cs-options li:nth-child(2) {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.cs-skin-slide.cs-active .cs-options li:nth-child(3) {
    -webkit-transition-delay: .15s;
    transition-delay: .15s
}

.cs-skin-slide.cs-active .cs-options li:nth-child(4) {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.cs-skin-slide.cs-active .cs-options li:nth-child(5) {
    -webkit-transition-delay: .25s;
    transition-delay: .25s
}

.cs-skin-slide .cs-options li span {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 2px;
    font-size: 65%;
    padding: .8em 1em .8em 2.5em
}

.cs-skin-slide .cs-options li span:hover,
.cs-skin-slide .cs-options li.cs-focus span,
.cs-skin-slide .cs-options li.cs-selected span {
    color: #eb7e7f;
    background: 0 0
}

.cs-skin-slide .cs-selected span::after {
    content: ''
}

.form-group-default .cs-skin-slide > span {
    padding: 0 30px 0 0;
    height: 22px;
    line-height: 21px
}

.form-group-default .cs-wrapper {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.cs-wrapper {
    display: inline-block
}

.form-control.cs-select:not(.cs-active) {
    width: 100% !important
}

.cs-select {
    background-color: transparent
}

.cs-select span {
    text-overflow: initial
}

.cs-select .cs-placeholder {
    width: 100%
}

div.cs-skin-slide {
    width: auto;
    font-family: Arial,
    sans-serif;
    color: #5e5e5e
}

div.cs-skin-slide:before {
    background-color: transparent
}

div.cs-skin-slide.cs-transparent {
    background: 0 0
}

div.cs-skin-slide.cs-transparent .cs-backdrop {
    border-color: transparent;
    background: 0 0
}

div.cs-skin-slide.cs-transparent.cs-active .cs-backdrop {
    background: #fafafa
}

div.cs-skin-slide > span {
    height: 35px;
    padding: 6px 33px 6px 17px;
    line-height: 23px;
    z-index: 1
}

div.cs-skin-slide.cs-active {
    z-index: 790
}

div.cs-skin-slide.cs-active:before {
    -webkit-transform: scale3d(1,
    1,
    1);
    transform: scale3d(1,
    1,
    1)
}

div.cs-skin-slide.cs-active .cs-backdrop {
    border: transparent;
    background: #fafafa;
    box-shadow: -1px 0 1px #ccc,
    1px 0 1px #ccc
}

div.cs-skin-slide > span:after,
div.cs-skin-slide.cs-active > span:after {
    content: "\f0d7";
    font-family: FontAwesome;
    color: #5e5e5e
}

div.cs-skin-slide .cs-options {
    height: auto;
    padding: 9px 0;
    width: auto;
    padding: 10px;
    max-height: 350px;
    transform: translate3d(1, 1, 1);
    overflow: hidden;
    z-index: 1
}

div.cs-skin-slide .cs-options ul {
    width: 100%;
    display: table
}

div.cs-skin-slide .cs-options ul li {
    display: table-row
}

div.cs-skin-slide .cs-options ul li span {
    display: table-cell;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: normal;
    padding: 5px 0;
    text-transform: none;
    max-height: 350px;
    overflow-y: auto
}

div.cs-skin-slide .cs-options ul li span:hover,
div.cs-skin-slide .cs-options ul li.cs-focus span,
div.cs-skin-slide .cs-options ul li.cs-selected span {
    color: #2c2c2c
}

.cs-backdrop {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid rgba(0,
    0,
    0,
    .07);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.cs-skin-slide.cs-active .cs-options li:nth-child(6) {
    transition-delay: .3s
}

.cs-skin-slide.cs-active .cs-options li:nth-child(7) {
    transition-delay: .35s
}

.cs-skin-slide.cs-active .cs-options li:nth-child(8) {
    transition-delay: .4s
}

.cs-skin-slide.cs-active .cs-options li:nth-child(9) {
    transition-delay: .45s
}

.cs-skin-slide.cs-active .cs-options li:nth-child(10) {
    transition-delay: .5s
}

.cs-skin-slide.cs-active .cs-options li:nth-child(11) {
    transition-delay: .55s
}

.cs-input-group-addon {
    background: #f0f0f0;
    border: 1px solid rgba(0,
    0,
    0,
    .07);
    padding: 6px 10px
}

.twitter-typeahead {
    width: 100%
}

.tt-dropdown-menu,.tt-menu {
    width: 100%;
    padding: 3px 10px 3px 3px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .07);
    border-top: 0;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
    box-shadow: 0 4px 5px rgba(0, 0, 0, .15)
}

.form-group-default.typehead {
    overflow: inherit
}

.form-group-default .tt-dropdown-menu,.tt-menu {
    width: calc(100% + 24px);
    margin: 4px -12px
}

.dropzone {
    overflow: hidden
}

.dropzone .dz-default.dz-message {
    width: 100%
}

.dropzone[dropzone=dropzone] input[type=file] {
    visibility: hidden
}

.demo-form-wysiwyg {
    height: 250px
}

.error-form .form-group-default {
    padding: 0;
    justify-content: space-between
}

.error-form .form-group-default label {
    margin-top: 6px;
    padding-left: 12px
}

.error-form .form-group-default .form-control {
    margin-top: -2px;
    margin-bottom: 3px;
    padding-left: 12px
}

.error-container.bottom-container {
    margin-top: 0
}

.h-c-50 {
    height: calc(50px)
}

.card-toolbar .note-editor .btn-toolbar {
    display: block
}

.table {
    margin-bottom: 0;
    margin-top: 5px
}

.table thead tr th {
    text-transform: capitalize;
    font-weight: 700;
    font-family: var(--font-emphasis);
    font-size: 12px;
    letter-spacing: .06em;
    padding-top: 16px;
    padding-bottom: 16px;
    vertical-align: middle;
    white-space: pre-wrap;
    border-bottom: 1px solid rgba(230,
    230,
    230,
    .7);
    border-top: 0;
}

.table thead tr th:first-child {
    padding-left: 12px !important;
}

.table thead tr th .btn {
    margin-top: -20px;
    margin-bottom: -20px
}

.table tbody tr td {
    background: #fff;
    border-bottom: 1px solid rgba(230,
    230,
    230,
    .7);
    border-top: 0;
    /*padding:20px;*/
    font-size: 13.5px;
    vertical-align: middle;
}

.dataTables_wrapper .dataTables_length label {
    margin-bottom: 0;
}

.dt-entries {
    align-items: center;
}

.dt-entries .dataTables_length label {
    font-size: 12px;
    color: #626262;
}

.dt-entries .dataTables_length label select {
    margin: 0 8px;
    height: 20px !important;
}

.table tbody tr td .btn-tag {
    background: rgba(44,
    44,
    44,
    .07);
    display: inline-block;
    margin: 5px;
    border-radius: 4px;
    padding: 5px;
    color: #62605a !important
}

.table tbody tr td .btn-tag:hover {
    background: rgba(44,
    44,
    44,
    .15)
}

.table .sorting_desc,
.table .sorting_asc,
.table td[class*=sorting_]
{
    /*color: #000;*/
    /*border-left: solid 1px rgba(0,0,0,0.2);*/
    /*border-right: solid 1px rgba(0,0,0,0.2);*/
}

.table tbody tr td .checkbox label::after {
    left: .5px
}

.table tbody tr.selected td {
    background: #fef6dd
}

.table.table-hover tbody tr:hover td {
    background: #daeffd !important
}

.table.table-hover tbody tr.selected:hover td {
    background: #fef6dd !important
}

.table.table-striped tbody tr td {
    background: #fafafa !important
}

.table.table-striped tbody tr:nth-child(2n+1) td {
    background: #fff !important
}

.table.table-borderless tbody tr td {
    border-top: 0
}

.table.table-condensed {
    table-layout: fixed
}

.table.table-condensed.modal-table .product-name p {
    margin: 0px;
}
.modal-table ul.table-detail-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.modal-table .product-table-detail ul.table-detail-list {
    margin-left: 68px;
}

.table.table-condensed.modal-table .product-name img {
    width: 60px;
    float: left;
    margin-right: 10px;
}
.table.table-condensed.modal-table tr td :not(.dropdown-default),
.table.table-condensed.modal-table td {
    white-space: normal;
    text-overflow: inherit;
}

.table.table-condensed.modal-table tr td:last-child,
.table.table-condensed.modal-table tr th:nth-child(2) {
    text-align: right;
}
.table.table-condensed.modal-table tr td:first-child,
.table.table-condensed.modal-table tr td:nth-child(2),
.table.table-condensed.modal-table tr td:nth-child(3){
    border-right: 1px solid rgba(230, 230, 230, .7);
}

.table.table-condensed.modal-table tr td:last-child {
    border-right: none;
}

.table.table-condensed.modal-table tr td:last-child a.edit-able {
    float: left;
    line-height: 24px;
}
.table.table-condensed.modal-table tr td.loss, .table.table-condensed.modal-table tr td span.loss {
    color: var(--primary) !important;
}

.order-details-modal-body .main-table-border {
    border: 1px solid #ddd;
    overflow: auto;
}
.main-table-border .table.table-condensed {
    min-width: 768px;
    overflow: auto;
}
.table.table-condensed thead tr th {
    padding-left: 20px;
    padding-right: 20px
}

.table.table-condensed tbody tr td {
    padding-top: 12px;
    padding-bottom: 12px
}

.table.table-condensed thead tr th,
.table.table-condensed tbody tr td,
.table.table-condensed tbody tr td *:not(.dropdown-default) {
    /*white-space: nowrap;*/
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis
}

.table.table-condensed thead tr th.reset-overflow *,
.table.table-condensed tbody tr td.reset-overflow *,
.table.table-condensed tbody tr td *:not(.dropdown-default).reset-overflow * {
    overflow: initial !important
}

.table.table-condensed.table-detailed > tbody > tr.shown > td {
    background: #fef6dd
}

.table.table-condensed.table-detailed > tbody > tr.shown > td:first-child:before {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.table.table-condensed.table-detailed > tbody > tr.shown + tr > td {
    background: rgba(250,
    250,
    250,
    .4);
    padding: 0 40px
}

.table.table-condensed.table-detailed > tbody > tr.shown + tr > td .table-inline {
    margin-top: 13px;
    margin-bottom: 13px;
    background: 0 0
}

.table.table-condensed.table-detailed > tbody > tr.shown + tr > td .table-inline tr,
.table.table-condensed.table-detailed > tbody > tr.shown + tr > td .table-inline td {
    background: 0 0;
    font-weight: 600
}

.table.table-condensed.table-detailed > tbody > tr.row-details > td:first-child:before {
    content: '';
    display: none
}

.table.table-condensed.table-detailed > tbody > tr > td:hover {
    cursor: pointer
}

.table.table-condensed.table-detailed > tbody > tr > td:first-child:before {
    content: "\f054";
    display: inline-block;
    font-size: 8px;
    top: -1px;
    position: relative;
    margin-right: 8px;
    font-family: fontawesome;
    -webkit-transition: all .12s linear;
    transition: all .12s linear
}

.table.table-condensed.table-detailed .table-inline td {
    border: 0;
    text-align: left
}

.table.table-borderless > tbody > tr > td {
    border-bottom: 0
}

.fht-table {
    margin-bottom: 0 !important
}

.table.dataTable.no-footer {
    border: 0
}

.dataTables_scroll:hover .dataTables_scrollBody:before {
    content: "";
    top: 0;
    height: 0
}

.dataTables_scrollBody {
    overflow-y: auto;
    border: 0 !important;
    min-height: 350px !important;
    transition: height 0.5s;
}

.dataTables_scrollBody:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 60px;
    bottom: 0;
    background: 0 0
}

.dataTables_wrapper .dataTables_paginate {
    float: right
}

.dataTables_wrapper .dataTables_paginate ul > li.disabled a {
    opacity: .5
}

.dataTables_wrapper .dataTables_paginate ul > li > a {
    padding: 5px 10px;
    color: #626262;
    opacity: .35;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.dataTables_wrapper .dataTables_paginate ul > li > a:hover {
    opacity: .65
}

.dataTables_wrapper .dataTables_paginate ul > li.next > a,
.dataTables_wrapper .dataTables_paginate ul > li.prev > a {
    opacity: 1
}

.dataTables_wrapper .dataTables_paginate ul > li.disabled a {
    opacity: .35
}

.dataTables_wrapper .dataTables_paginate ul > li.disabled a:hover {
    opacity: .35
}

.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate {
    margin: 10px 0 0 0 !important;
}

.dataTables_paginate.paging_bootstrap.pagination {
    padding-top: 0;
    padding-right: 20px
}

.dataTables_wrapper .dataTables_info {
    clear: none;
    font-size: 12px;
    padding: 0 33px;
    color: #626262;
    padding-top: 5px !important;
}

.dataTables_wrapper .dataTables_paginate ul > li {
    display: inline-block;
    padding-left: 0;
    font-size: 11px
}

.export-options-container {
    position: relative
}

.dataTables_wrapper .dataTables_paginate ul > li.active > a {
    font-weight: 700;
    color: #626262;
    opacity: 1
}

.export-options-container a {
    color: inherit;
    opacity: 1
}

.exportOptions .DTTT.btn-group a {
    display: block !important
}

table.dataTable thead .sorting_asc:after {
    background-image: url(../img/icons/sort_asc.png)
}

table.dataTable thead .sorting_desc:after {
    background-image: url(../img/icons/sort_desc.png)
}

table.dataTable thead .sorting:after {
    background-image: url(../img/icons/sort_both.png)
}

table.dataTable thead .sorting_asc_disabled:after {
    background-image: url(../img/icons/sort_asc_disabled.png)
}

table.dataTable thead .sorting_desc_disabled:after {
    background-image: url(../img/icons/sort_desc_disabled.png)
}

table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
    content: "";
    width: 19px;
    background-position: center center;
    opacity: 1;
    vertical-align: middle;
    align-items: center;
    display: flex;
    height: 100%;
    background-repeat: no-repeat;
    top: 0;
}

table.dataTable.table-condensed .sorting:after,
table.dataTable.table-condensed .sorting_asc:after,
table.dataTable.table-condensed .sorting_desc:after {
    top: 12px
}

.dataTables_wrapper .row {
    width: 100%
}

.dataTables_wrapper .row > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.dataTables_wrapper#tableWithDynamicRows_wrapper > div {
    width: 100%
}

table.dataTable thead .sorting_asc:after {
    content: inherit !important;
}

@media (max-width: 991px) {
    .dataTables_wrapper .dataTables_info {
        float: left
    }

    .dataTables_paginate.paging_bootstrap.pagination {
        float: right
    }
}

@media (max-width: 767px) {
    .dataTables_wrapper .row {
        margin: 0
    }

    .dataTables_wrapper .row > div {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .dataTables_wrapper .dataTables_info,
    .dataTables_wrapper .dataTables_paginate {
        margin-top: 0 !important;
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 10px
    }

    .dataTables_wrapper .dataTables_info ul,
    .dataTables_wrapper .dataTables_paginate ul {
        padding: 0
    }
    /* filters input feilds responsive */
    #accordion ul.column-conditions-container li.number-text,
    #accordion ul.column-conditions-container li.between {
        padding-right: inherit !important;
    }
}

@media (max-width: 480px) {
    .dataTables_wrapper .dataTables_info,
    .dataTables_wrapper .dataTables_paginate {
        float: none;
        text-align: left;
        clear: both;
        display: block
    }
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 0;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}

.list-view-wrapper {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    width: 100%;
    -webkit-overflow-scrolling: touch
}

.list-view-container {
    position: relative
}

.list-view-container .list-quickscroll ul {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    right: 10px;
    z-index: 120;
    padding-top: 10px;
    padding-bottom: 10px
}

.list-view-container .list-quickscroll ul li a {
    font-size: .7em;
    vertical-align: baseline
}

.list-view-group-container {
    margin: 0;
    min-height: 1px;
    overflow: hidden;
    padding: 26px 0 0;
    position: relative
}

.list-view-group-container:last-child ul {
    border: 0
}

.list-view-group-header,
.list-view-fake-header {
    background: #fafafa;
    color: #232830;
    font: normal 11px/14px 'var(--font-emphasis)',
    Arial;
    text-transform: uppercase;
    margin: 0;
    padding: 6px 0 5px 15px;
    position: absolute;
    z-index: 10
}

.list-view-group-header {
    bottom: auto;
    min-height: 1px;
    top: 0;
    width: 100%;
    border-top: 0
}

.list-view-fake-header {
    width: 100%;
    z-index: 100;
    font-size: 11px !important;
    line-height: 14px !important
}

.list-view-fake-header.list-view-hidden {
    visibility: hidden
}

.list-view-group-container.list-view-animated .list-view-group-header {
    bottom: 0;
    top: auto
}

input.list-view-search {
    font-size: 15px;
    color: #232830
}

.no-top-border .list-view-fake-header {
    border-top: 0
}

.list-view ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid rgba(0,
    0,
    0,
    .07)
}

.list-view li {
    padding-left: 15px;
    white-space: nowrap;
    cursor: pointer;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.list-view li:hover {
    background-color: #daeffd
}

.list-view li.active {
    background-color: #fef6dd
}

.list-view li p {
    margin: 0;
    line-height: 19px
}

.list-view li > a {
    margin-right: 15px;
    width: 100%
}

.list-view li > * {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: row !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.list-view.boreded li > a {
    border-bottom: 1px solid rgba(0,
    0,
    0,
    .07)
}

.list-view.boreded li:last-child > a {
    border-bottom: 0
}

.list-view.boreded li + li {
    border-top: 0
}

[data-ios=true] .list-view-group-header,
[data-ios=true] .list-view-fake-header {
    width: 288px
}

.list-group-item {
    border: 1px solid #f0f0f0
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
    background-color: var(--success);
    border-color: var(--success)
}

.list-group-item:first-child {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

.list-group-item:last-child {
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px
}

.list-inline > li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px
}

body.overflow-hidden {
    overflow: hidden
}

.login-wrapper {
    height: 100%;
    background-color: var(--primary)
}

.login-wrapper > * {
    height: 100%;
    min-height: 600px;
}

.login-wrapper .bg-pic {
    position: absolute;
    width: 100%;
    overflow: hidden
}

.login-wrapper .bg-pic > img {
    height: 100%;
    width: 100%;
}

h2.shadow.text {
    text-shadow: 0 0 48px #000;
    font-family: var(--font-emphasis);
    font-weight: 500 !important;
    font-size: 26px;
}

.login-wrapper .login-container {
    width: 496px;
    display: block;
    position: relative;
    float: right
}

.login-wrapper .bg-caption {
    width: 500px
}

.register-container {
    width: 550px;
    margin: auto;
    height: 100%
}

@media (max-width: 768px) {
    .login-wrapper .login-container {
        width: 100%
    }

    .register-container {
        width: 100%;
        padding: 15px
    }
}

@media only screen and (max-width: 321px) {
    .login-wrapper .login-container {
        width: 100%
    }
}

.btn-circle-arrow {
    border: 1px solid #fff;
    border-radius: 100px;
    position: relative;
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px
}

.btn-circle-arrow i {
    font-size: 11px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -5px;
    margin-top: -4px
}

@media only screen and (min-width: 1824px) {
    .ar-3-2:before {
        padding-top: calc(55% - 5px) !important
    }

    .ar-2-3:before {
        padding-top: calc(135% - 5px) !important
    }
}

@media (max-width: 991px) {
    .card {
        height: auto !important
    }
}

@media (max-width: 480px) {
    .widget-1-wrapper {
        height: 340px
    }
}

@media (max-width: 420px) {
    .widgets-container {
        margin-top: 80px;
    }
    .advance-search .footer-btn .bs-component .btn {
        padding: 4px 8px;
    }
}

@media (max-width: 610px) {
    .widget-item, .widgets-container {
        width: 100% !important
    }
}

/* media quer for product modal tabs */
@media only screen and (max-width: 575px) {
    .product-details-modal-body ul.global-product-tabs li a {
        font-size: 18px;
        line-height: 22px;
    }
    .product-details-modal-body ul.global-product-tabs li a strong {
        display: none;
    }

    /* orders modal details widget */
    .products-detail.custom-widget {
        min-height: auto !important;
    }
    .custom-widget.products-detail:before {
        height: 190% !important;
        top: -32% !important;
    }
}

.chat-user-list > a {
    height: 60px
}

.alert-list > a {
    height: 45px;
}

.custom {
    height: 150px
}

.icon-list .fa-item {
    display: block;
    color: #121212;
    line-height: 32px;
    height: 32px;
    padding-left: 10px
}

.icon-list .fa-item > i {
    width: 32px;
    font-size: 14px;
    display: inline-block;
    text-align: right;
    margin-right: 10px
}

.thumbnail-wrapper {
    display: inline-block;
    overflow: hidden;
    float: left
}

.thumbnail-wrapper.circular {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%
}

.thumbnail-wrapper.bordered {
    border-width: 4px;
    border-style: solid
}

.thumbnail-wrapper.bordered.d16 {
    width: 20px;
    height: 20px
}

.thumbnail-wrapper.bordered.d16 > * {
    line-height: 12px
}

.thumbnail-wrapper.bordered.d24 {
    width: 28px;
    height: 28px
}

.thumbnail-wrapper.bordered.d24 > * {
    line-height: 24px
}

.thumbnail-wrapper.bordered.d32 {
    width: 36px;
    height: 36px
}

.thumbnail-wrapper.bordered.d32 > * {
    line-height: 28px
}

.thumbnail-wrapper.bordered.d48 {
    width: 52px;
    height: 52px
}

.thumbnail-wrapper.bordered.d48 > * {
    line-height: 44px
}

.thumbnail-wrapper.d16 {
    width: 16px;
    height: 16px
}

.thumbnail-wrapper.d16 > * {
    line-height: 16px
}

.thumbnail-wrapper.d24 {
    width: 24px;
    height: 24px
}

.thumbnail-wrapper.d24 > * {
    line-height: 24px
}

.thumbnail-wrapper.d32 {
    width: 32px;
    height: 32px
}

.thumbnail-wrapper.d32 > * {
    line-height: 32px
}

.thumbnail-wrapper.d39 {
    width: 39px;
    height: 39px
}

.thumbnail-wrapper.d39 > * {
    line-height: 39px
}

.thumbnail-wrapper.d48 {
    width: 48px;
    height: 48px
}

.thumbnail-wrapper.d48 > * {
    line-height: 50px
}

.thumbnail-wrapper > * {
    vertical-align: middle;
    width: 100%;
    height: 100%;
    text-align: center
}

.profile-dropdown {
    background: #fff;
    padding: 0
}

.profile-dropdown:before {
    position: absolute;
    top: -7px;
    right: 15px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0,
    0,
    0,
    .2);
    content: ''
}

.profile-dropdown:after {
    position: absolute;
    top: -6px;
    right: 16px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #272b35;
    border-left: 6px solid transparent;
    content: ''
}

.profile-dropdown > a {
    -webkit-transition: opacity ease .3s;
    transition: opacity ease .3s;
    padding-left: 17px;
    padding-right: 37px;
    min-width: 138px
}

.profile-dropdown > a > i {
    margin-right: 5px
}

.profile-dropdown > a:hover {
    opacity: 1
}

.profile-dropdown > a:last-child {
    margin-top: 4px;
    padding-bottom: 3px !important;
    padding-top: 3px;
    background: #f0f0f0 !important;
}

.profile-dropdown-toggle {
    background: 0 0;
    border: 0
}

.scrollable {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.no-padding {
    padding: 0 !important
}

.no-margin {
    margin: 0 !important
}

.no-overflow {
    overflow: hidden !important
}

.auto-overflow {
    overflow: auto !important
}

.reset-overflow {
    overflow: initial !important
}

.center-margin {
    margin-left: auto;
    margin-right: auto
}

.inherit-size {
    width: inherit;
    height: inherit
}

.inherit-height {
    height: inherit
}

.image-responsive-height {
    width: 100%
}

.image-responsive-width {
    height: 100%
}

.overlayer {
    position: absolute;
    display: block;
    z-index: 21
}

.overlayer.fullwidth {
    width: 100%
}

.overlayer-wrapper {
    position: relative;
    display: block;
    z-index: 10
}

.overlay-fixed {
    position: fixed !important;
    top: auto !important
}

.top-left {
    position: absolute !important;
    top: 0;
    left: 0
}

.top-right {
    position: absolute !important;
    top: 1px;
    right: 0
}

.bottom-left {
    position: absolute !important;
    bottom: 1px;
    left: 0
}

.bottom-right {
    position: absolute !important;
    bottom: 0;
    right: 0
}

.pull-bottom {
    position: absolute !important;
    bottom: 0
}

.pull-up {
    position: absolute !important;
    top: 0
}

.pull-left {
    float: left !important
}

.pull-right {
    float: right !important
}

.pull-center {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    display: table;
    z-index: 1
}

.cursor {
    cursor: pointer
}

.scroll-x-hidden {
    overflow-x: hidden !important
}

.p-t-0 {
    padding-top: 0 !important
}

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

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

.p-b-0 {
    padding-bottom: 0 !important
}

.padding-0 {
    padding: 0 !important
}

.p-t-5 {
    padding-top: 5px !important
}

.p-r-5 {
    padding-right: 5px !important
}

.p-l-5 {
    padding-left: 5px !important
}

.p-b-5 {
    padding-bottom: 5px !important
}

.padding-5 {
    padding: 5px !important
}

.p-t-10 {
    padding-top: 10px !important
}

.p-r-10 {
    padding-right: 10px !important
}

.p-l-10 {
    padding-left: 10px !important
}

.p-b-10 {
    padding-bottom: 10px !important
}

.padding-10 {
    padding: 10px !important
}

.p-t-15 {
    padding-top: 15px !important
}

.p-r-15 {
    padding-right: 15px !important
}

.p-l-15 {
    padding-left: 15px !important
}

.p-b-15 {
    padding-bottom: 15px !important
}

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

.p-t-20 {
    padding-top: 20px !important
}

.p-r-20 {
    padding-right: 20px !important
}

.p-l-20 {
    padding-left: 20px !important
}

.p-b-20 {
    padding-bottom: 20px !important
}

.padding-20 {
    padding: 20px !important
}

.p-t-25 {
    padding-top: 25px !important
}

.p-r-25 {
    padding-right: 25px !important
}

.p-l-25 {
    padding-left: 25px !important
}

.p-b-25 {
    padding-bottom: 25px !important
}

.padding-25 {
    padding: 25px !important
}

.p-t-30 {
    padding-top: 30px !important
}

.p-r-30 {
    padding-right: 30px !important
}

.p-l-30 {
    padding-left: 30px !important
}

.p-b-30 {
    padding-bottom: 30px !important
}

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

.p-t-35 {
    padding-top: 35px !important
}

.p-r-35 {
    padding-right: 35px !important
}

.p-l-35 {
    padding-left: 35px !important
}

.p-b-35 {
    padding-bottom: 35px !important
}

.padding-35 {
    padding: 35px !important
}

.p-t-40 {
    padding-top: 40px !important
}

.p-r-40 {
    padding-right: 40px !important
}

.p-l-40 {
    padding-left: 40px !important
}

.p-b-40 {
    padding-bottom: 40px !important
}

.padding-40 {
    padding: 40px !important
}

.p-t-45 {
    padding-top: 45px !important
}

.p-r-45 {
    padding-right: 45px !important
}

.p-l-45 {
    padding-left: 45px !important
}

.p-b-45 {
    padding-bottom: 45px !important
}

.padding-45 {
    padding: 45px !important
}

.p-t-50 {
    padding-top: 50px !important
}

.p-r-50 {
    padding-right: 50px !important
}

.p-l-50 {
    padding-left: 50px !important
}

.p-b-50 {
    padding-bottom: 50px !important
}

.padding-50 {
    padding: 50px !important
}

.m-t-0 {
    margin-top: 0 !important;
}

.m-r-0 {
    margin-right: 0
}

.m-l-0 {
    margin-left: 0
}

.m-b-0 {
    margin-bottom: 0 !important;
}

.m-t-5 {
    margin-top: 5px
}

.m-r-5 {
    margin-right: 5px
}

.m-l-5 {
    margin-left: 5px
}

.m-b-5 {
    margin-bottom: 5px
}

.m-t-10 {
    margin-top: 10px
}

.m-r-10 {
    margin-right: 10px
}

.m-l-10 {
    margin-left: 10px
}

.m-b-10 {
    margin-bottom: 10px
}

.m-t-15 {
    margin-top: 15px
}

.m-r-15 {
    margin-right: 15px
}

.m-l-15 {
    margin-left: 15px
}

.m-b-15 {
    margin-bottom: 15px
}

.m-t-20 {
    margin-top: 20px
}

.m-r-20 {
    margin-right: 20px
}

.m-l-20 {
    margin-left: 20px
}

.m-b-20 {
    margin-bottom: 20px
}

.m-t-25 {
    margin-top: 25px
}

.m-r-25 {
    margin-right: 25px
}

.m-l-25 {
    margin-left: 25px
}

.m-b-25 {
    margin-bottom: 25px
}

.m-t-30 {
    margin-top: 30px
}

.m-r-30 {
    margin-right: 30px
}

.m-l-30 {
    margin-left: 30px
}

.m-b-30 {
    margin-bottom: 30px
}

.m-t-35 {
    margin-top: 35px
}

.m-r-35 {
    margin-right: 35px
}

.m-l-35 {
    margin-left: 35px
}

.m-b-35 {
    margin-bottom: 35px
}

.m-t-40 {
    margin-top: 40px
}

.m-r-40 {
    margin-right: 40px
}

.m-l-40 {
    margin-left: 40px
}

.m-b-40 {
    margin-bottom: 40px
}

.m-t-45 {
    margin-top: 45px
}

.m-r-45 {
    margin-right: 45px
}

.m-l-45 {
    margin-left: 45px
}

.m-b-45 {
    margin-bottom: 45px
}

.m-t-50 {
    margin-top: 50px
}

.m-r-50 {
    margin-right: 50px
}

.m-l-50 {
    margin-left: 50px
}

.m-b-50 {
    margin-bottom: 50px
}

.m-r-140 {
    margin-right: 140px;
}

.m-rl-0{
    margin-left: 0;
    margin-right: 0;
}

.full-height {
    height: 100% !important
}

.full-width {
    width: 100%
}

.hide {
    display: none !important
}

.inline {
    display: inline-block !important
}

.block {
    display: block !important
}

.b-blank {
    border-color: #000
}

.b-a,
.b-r,
.b-l,
.b-t,
.b-b {
    border-style: solid;
    border-width: 0
}

.b-r {
    border-right-width: 1px
}

.b-l {
    border-left-width: 1px
}

.b-t {
    border-top-width: 1px
}

.b-b {
    border-bottom-width: 1px
}

.b-a {
    border-width: 1px
}

.b-dashed {
    border-style: dashed
}

.b-thick {
    border-width: 2px
}

.b-transparent {
    border-color: rgba(0,
    0,
    0,
    .4)
}

.b-transparent-white {
    border-color: rgba(255,
    255,
    255,
    .3)
}

.b-grey {
    border-color: #e6e6e6
}

.b-white {
    border-color: #fff
}

.b-primary {
    border-color: var(--primary)
}

.b-complete {
    border-color: var(--primary)
}

.b-success {
    border-color: var(--success)
}

.b-info {
    border-color: var(--info)
}

.b-danger {
    border-color: var(--danger)
}

.b-warning {
    border-color: var(--warning)
}

.b-rad-sm {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px
}

.b-rad-md {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px
}

.b-rad-lg {
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px
}

.no-border {
    border: 0 !important
}

.profile-img-wrapper {
    float: left;
    border-radius: 100px 100px 100px 100px;
    display: inline-block;
    height: 35px;
    overflow: hidden;
    width: 35px;
    -webkit-flex: 1;
    -moz-flex: 1;
    flex: 1
}

.profile-img-wrapper.big {
    height: 68px;
    width: 68px
}

.profile-img-wrapper.with-left-space-custom {
    margin-left: 7px
}

.relative {
    position: relative
}

.flex-1 {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

[data-pages-bg-image] {
    background-size: cover
}

.icon-set-preview {
    transition: opacity .1s linear
}

#icon-list {
    transition: all .1s ease-in-out
}

.error-number {
    font-family: var(--font-emphasis);
    font-size: 90px;
    line-height: 90px
}

.error-container-innner {
    margin-left: auto;
    margin-right: auto;
    width: 360px
}

.error-container {
    margin-top: -100px;
    width: 38%
}

.visible-xlg {
    display: none
}

.hidden-xlg {
    display: block
}

.sm-gutter .row > [class^=col-],
.sm-gutter .row > [class*=col-] {
    padding-left: 7.5px;
    padding-right: 7.5px;
}

.sm-gutter .row {
    padding-left: 7.5px;
    padding-right: 7.5px;
}

.ar-1-1 .card,
.ar-2-1 .card,
.ar-1-2 .card,
.ar-3-2 .card,
.ar-2-3 .card {
    margin: 0
}

.ar-1-1 {
    position: relative;
    width: 100%;
    overflow: hidden
}

.ar-1-1:before {
    content: "";
    display: block;
    padding-top: 100%
}

.ar-1-1 > div {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.ar-2-1 {
    position: relative;
    width: 100%;
    overflow: hidden
}

.ar-2-1:before {
    content: "";
    display: block;
    padding-top: calc(50% - 5px)
}

.ar-2-1 > div {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.ar-1-2 {
    position: relative;
    width: 100%;
    overflow: hidden
}

.ar-1-2:before {
    content: "";
    display: block;
    padding-top: calc(150% - 5px)
}

.ar-1-2 > div {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.ar-3-2 {
    position: relative;
    width: 100%;
    overflow: hidden
}

.ar-3-2:before {
    content: "";
    display: block;
    padding-top: calc(75% - 5px)
}

.ar-3-2 > div {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.ar-2-3 {
    position: relative;
    width: 100%;
    overflow: hidden
}

.ar-2-3:before {
    content: "";
    display: block;
    padding-top: calc(125% - 5px)
}

.ar-2-3 > div {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.v-align-bottom {
    vertical-align: bottom !important
}

.v-align-top {
    vertical-align: top !important
}

.v-align-middle {
    vertical-align: middle !important
}

.col-top {
    vertical-align: top !important
}

.col-middle {
    vertical-align: middle !important
}

.col-bottom {
    vertical-align: bottom !important
}

.container-xs-height {
    display: table;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed
}

.row-xs-height {
    display: table-row
}

.col-xs-height {
    display: table-cell;
    float: none
}

@media (min-width: 768px) {
    .container-sm-height {
        display: table;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        border-collapse: collapse;
        table-layout: fixed
    }

    .row-sm-height {
    }

    .col-sm-height {
    }
}

@media (min-width: 992px) {
    .container-md-height {
        display: table;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        border-collapse: collapse;
        table-layout: fixed
    }

    .row-md-height {
        display: table-row
    }

    .col-md-height {
        display: table-cell !important;
        float: none !important
    }
}

@media (min-width: 1200px) {
    .container-lg-height {
        display: table;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        border-collapse: collapse;
        table-layout: fixed
    }

    .row-lg-height {
        display: table-row
    }

    .col-lg-height {
        display: table-cell !important;
        float: none !important
    }
}

.windows .d-flex {
    -ms-flex-wrap: wrap
}

@media print {
    .header,
    .page-sidebar,
    .quickview-wrapper,
    .overlay {
        display: none
    }

    .page-container {
        padding-left: 0
    }

    .page-content-wrapper .content {
        border-top: 0
    }

    .page-content-wrapper .content .card {
        border: 0
    }

    .page-content-wrapper .content .card .card-body {
        padding: 0
    }

    [class^=padding-],
    [class*=padding-],
    .table tbody tr td {
        padding: 10px
    }
}

.visible-xlg {
    display: none
}

.hidden-xlg {
    display: block
}

@media (min-width: 1824px) {
    .visible-xlg {
        display: block !important
    }

    .hidden-xlg {
        display: none !important
    }

    .quickview-wrapper .tab-content #quickview-notes > .inner {
        width: 570px
    }

    /* .container-fluid.container-fixed-lg {
	width:1700px;
	margin-right:auto;
	margin-left:auto
} */
    /* .menu-pin .container-fluid.container-fixed-lg {
	width:1450px
} */
    .col-xlg-1,
    .col-xlg-2,
    .col-xlg-3,
    .col-xlg-4,
    .col-xlg-5,
    .col-xlg-6,
    .col-xlg-7,
    .col-xlg-8,
    .col-xlg-9,
    .col-xlg-10,
    .col-xlg-11 {
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        position: relative
    }

    .col-xlg-12 {
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        position: relative;
        flex: 0 0 100%;
        max-width: 100%
    }

    .col-xlg-11 {
        flex: 0 0 91.6667%;
        max-width: 91.6667%
    }

    .col-xlg-10 {
        flex: 0 0 83.3333%;
        max-width: 83.3333%
    }

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

    .col-xlg-8 {
        flex: 0 0 66.6667%;
        max-width: 66.6667%
    }

    .col-xlg-7 {
        flex: 0 0 58.3333%;
        max-width: 58.3333%
    }

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

    .col-xlg-5 {
        flex: 0 0 41.6667%;
        max-width: 41.6667%
    }

    .col-xlg-4 {
        flex: 0 0 33.3333%;
        max-width: 33.3333%
    }

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

    .col-xlg-2 {
        flex: 0 0 16.6667%;
        max-width: 16.6667%
    }

    .col-xlg-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-xlg-pull-12 {
        right: 100%
    }

    .col-xlg-pull-11 {
        right: 91.6667%
    }

    .col-xlg-pull-10 {
        right: 83.3333%
    }

    .col-xlg-pull-9 {
        right: 75%
    }

    .col-xlg-pull-8 {
        right: 66.6667%
    }

    .col-xlg-pull-7 {
        right: 58.3333%
    }

    .col-xlg-pull-6 {
        right: 50%
    }

    .col-xlg-pull-5 {
        right: 41.6667%
    }

    .col-xlg-pull-4 {
        right: 33.3333%
    }

    .col-xlg-pull-3 {
        right: 25%
    }

    .col-xlg-pull-2 {
        right: 16.6667%
    }

    .col-xlg-pull-1 {
        right: 8.33333%
    }

    .col-xlg-pull-0 {
        right: 0
    }

    .col-xlg-push-12 {
        left: 100%
    }

    .col-xlg-push-11 {
        left: 91.6667%
    }

    .col-xlg-push-10 {
        left: 83.3333%
    }

    .col-xlg-push-9 {
        left: 75%
    }

    .col-xlg-push-8 {
        left: 66.6667%
    }

    .col-xlg-push-7 {
        left: 58.3333%
    }

    .col-xlg-push-6 {
        left: 50%
    }

    .col-xlg-push-5 {
        left: 41.6667%
    }

    .col-xlg-push-4 {
        left: 33.3333%
    }

    .col-xlg-push-3 {
        left: 25%
    }

    .col-xlg-push-2 {
        left: 16.6667%
    }

    .col-xlg-push-1 {
        left: 8.33333%
    }

    .col-xlg-push-0 {
        left: 0
    }

    .col-xlg-offset-12 {
        margin-left: 100%
    }

    .col-xlg-offset-11 {
        margin-left: 91.6667%
    }

    .col-xlg-offset-10 {
        margin-left: 83.3333%
    }

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

    .col-xlg-offset-8 {
        margin-left: 66.6667%
    }

    .col-xlg-offset-7 {
        margin-left: 58.3333%
    }

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

    .col-xlg-offset-5 {
        margin-left: 41.6667%
    }

    .col-xlg-offset-4 {
        margin-left: 33.3333%
    }

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

    .col-xlg-offset-2 {
        margin-left: 16.6667%
    }

    .col-xlg-offset-1 {
        margin-left: 8.33333%
    }

    .col-xlg-offset-0 {
        margin-left: 0
    }
}

@media only screen and (max-width: 1400px) {
    .footer-widget {
        padding: 11px 21px !important
    }
}

@media only screen and (max-width: 1199px) {
    .visible-xl-down {
        display: block !important
    }
}

@media only screen and (min-width: 980px) {
    body.menu-pin .page-container {
        padding-left: 0
    }

    body.menu-pin .page-container .page-content-wrapper .content {
        padding-left: var(--left-menu-width);
    }

    body.menu-pin .page-container .page-content-wrapper .footer {
        left: var(--left-menu-width);
    }

    body.box-layout {
        background-color: #fff
    }

    body.box-layout .page-container .page-content-wrapper .footer {
        width: auto
    }
}

@media (max-width: 991px) {
    .hidden-lg-down {
        display: none !important
    }

    .page-container {
        padding-left: 0
    }

    .d-flex-lg-down {
        display: flex
    }

    .justify-between-lg-down {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    body.sidebar-open .page-container {
        -webkit-transform: translate3d(var(--left-menu-width),
        0,
        0);
        transform: translate3d(var(--left-menu-width),
        0,
        0);
        -ms-transform: translate(var(--left-menu-width),
        0);
        overflow: hidden;
        position: fixed
    }

    body.sidebar-open .push-on-sidebar-open {
        -webkit-transform: translate3d(var(--left-menu-width),
        0,
        0);
        transform: translate3d(var(--left-menu-width),
        0,
        0);
        -ms-transform: translate(var(--left-menu-width),
        0);
        overflow: hidden
    }

    body.box-layout > .container {
        padding: 0;
        height: 100%
    }

    .sm-action-bar {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 10
    }

    .sm-action-bar > a {
        padding: 10px;
        display: inline-block
    }

    .pace .pace-activity {
        top: 60px
    }

    .page-container {
        padding-left: 0;
        position: relative;
        transition: transform .25s ease;
        -webkit-transition: -webkit-transform .25s ease
    }

    .page-container .page-content-wrapper .content {
        overflow-x: hidden;
        height: auto
    }

    .icon-thumbnail {
        margin-right: 24px
    }

    .page-sidebar {
        display: none;
        z-index: auto
    }

    .page-sidebar.visible {
        display: block
    }

    .page-sidebar .page-sidebar-inner {
        z-index: 1;
        left: 0 !important;
        width: 260px
    }

    .page-sidebar .page-sidebar-inner .sidebar-slide .sidebar-menu {
        overflow: scroll;
        -webkit-overflow-scrolling: touch;
        top: 40px;
        bottom: 0
    }

    .page-sidebar .page-sidebar-inner .sidebar-slide .sidebar-menu ul > li > a > .badge {
        display: inline-block
    }

    .secondary-sidebar {
        float: none;
        height: auto;
        left: 50%;
        margin-left: -125px;
        padding: 20px;
        position: absolute;
        right: 0;
        top: 60px;
        z-index: 9999;
        display: none;
        border-radius: 10px
    }

    .secondary-sidebar .btn-compose {
        display: none
    }

    .inner-content {
        margin: 0
    }

    .breadcrumb {
        padding-left: 15px;
        padding-right: 15px
    }

    .sm-table {
        display: table;
        width: 100%
    }

    .user-profile-wrapper {
        position: absolute;
        right: 50px;
        top: -9px
    }

    .container {
        width: 100%
    }

    .nav-tabs-header.nav-tabs-linetriangle {
        height: 61px
    }

    .overlay {
        padding-left: 15px
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .page-container .page-content-wrapper .content {
        padding-top: 60px
    }

    body.box-layout > .container {
        width: 100%
    }

    .error-page .error-container {
        width: auto
    }

    .inner-content {
        margin-left: 0
    }

    .secondary-sidebar {
        float: none;
        height: auto;
        left: 50%;
        margin-left: -155px;
        padding: 20px;
        position: absolute;
        right: 0;
        top: 60px;
        z-index: 9999;
        display: none;
        border-radius: 10px
    }

    .secondary-sidebar .btn-compose {
        display: none
    }

    .split-details {
        margin-left: 0
    }

    .toggle-secondary-sidebar {
        display: block;
        font-size: 18px;
        left: 50%;
        margin-left: -36px;
        position: absolute
    }

    .toggle-secondary-sidebar ~ .brand {
        display: none !important
    }
}

@media (max-width: 991px) {
    .sm-b-r, .sm-b-l, .sm-b-t, .sm-b-b {
        border-width: 0
    }

    .sm-b-r {
        border-right-width: 1px
    }

    .sm-b-l {
        border-left-width: 1px
    }

    .sm-b-t {
        border-top-width: 1px
    }

    .sm-b-b {
        border-bottom-width: 1px
    }
}

@media (min-width: 1200px) {
    .row-same-height {
        overflow: hidden
    }

    .row-same-height > [class*=col-lg] {
        margin-bottom: -99999px;
        padding-bottom: 99999px
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    .visible-md {
        display: block !important
    }
}

@media (min-width: 992px) {
    .row-same-height {
        overflow: hidden
    }

    .row-same-height > [class*=col-md] {
        margin-bottom: -99999px;
        padding-bottom: 99999px
    }
}

@media (min-width: 768px) {
    .row-same-height {
        overflow: hidden
    }

    .row-same-height > [class*=col-sm] {
        margin-bottom: -99999px;
        padding-bottom: 99999px
    }

    .box-layout .container .jumbotron,
    .container-fluid .jumbotron {
        padding: 0
    }

    .d-flex-md-up {
        display: flex
    }

    .navbar-toggle {
        display: none
    }

    .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important
    }

    .dataTables_wrapper.form-inline .checkbox input[type=checkbox],
    .form-inline .radio input[type=radio] {
        position: absolute
    }

    .justify-end-md-up {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

@media (min-width: 700px) {
    .dd {
        float: none
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .icon-thumbnail {
        margin-right: 21px
    }

    .error-page .error-container {
        width: auto
    }
    .p-modal .product-actions > a.btn {
        background-color: transparent;
        color: #333 !important;
        padding: 2px 5px;
        border: none !important;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .visible-sm {
        display: block
    }

    .hidden-sm {
        display: none
    }

    .visible-sm-inline-block {
        display: inline-block !important
    }

    .md-p-t-0 {
        padding-top: 0
    }

    .md-p-r-0 {
        padding-right: 0
    }

    .md-p-l-0 {
        padding-left: 0
    }

    .md-p-b-0 {
        padding-bottom: 0
    }

    .md-p-t-5 {
        padding-top: 5px
    }

    .md-p-r-5 {
        padding-right: 5px
    }

    .md-p-l-5 {
        padding-left: 5px
    }

    .md-p-b-5 {
        padding-bottom: 5px
    }

    .md-p-t-10 {
        padding-top: 10px
    }

    .md-p-r-10 {
        padding-right: 10px
    }

    .md-p-l-10 {
        padding-left: 10px
    }

    .md-p-b-10 {
        padding-bottom: 10px
    }

    .md-p-t-15 {
        padding-top: 15px
    }

    .md-p-r-15 {
        padding-right: 15px
    }

    .md-p-l-15 {
        padding-left: 15px
    }

    .md-p-b-15 {
        padding-bottom: 15px
    }

    .md-m-t-5 {
        margin-top: 5px
    }

    .md-m-r-5 {
        margin-right: 5px
    }

    .md-m-l-5 {
        margin-left: 5px
    }

    .md-m-b-5 {
        margin-bottom: 5px
    }

    .md-m-t-10 {
        margin-top: 10px
    }

    .md-m-r-10 {
        margin-right: 10px
    }

    .md-m-l-10 {
        margin-left: 10px
    }

    .md-m-b-10 {
        margin-bottom: 10px
    }

    .md-m-t-15 {
        margin-top: 15px
    }

    .md-m-r-15 {
        margin-right: 15px
    }

    .md-m-l-15 {
        margin-left: 15px
    }

    .md-m-b-15 {
        margin-bottom: 15px
    }
}

@media (max-width: 979px) {
    .toggle-secondary-sidebar {
        font-size: 18px;
        position: static;
        display: block
    }

    .toggle-secondary-sidebar ~ .brand {
        display: none !important
    }

    .secondary-sidebar {
        float: none;
        height: auto;
        left: 50%;
        margin-left: -125px;
        padding: 20px;
        position: absolute;
        right: 0;
        top: 60px;
        z-index: 9999;
        display: none;
        border-radius: 10px
    }

    .secondary-sidebar .btn-compose {
        display: none
    }

    .split-view .split-list {
        width: 100%;
        height: auto;
        bottom: 50px;
        left: 0;
        top: 0;
        position: absolute;
        z-index: 1000;
        float: none
    }

    .split-view .split-list .item {
        padding: 8px
    }

    .split-view .split-list .item .inline {
        width: 188px
    }

    .split-view .split-details {
        margin-left: 0;
        width: 100%
    }

    .split-view .split-details .email-content-wrapper {
        overflow: auto;
        padding: 0;
        height: calc(100% - 50px)
    }

    .split-view .split-details .email-content-wrapper .email-content {
        width: 90%
    }

    .compose-wrapper {
        display: block !important
    }

    .compose-wrapper .btn-compose {
        display: block !important
    }
}

@media (max-width: 767px) {
    a.mkp img {
        width: 20px;
        margin-bottom: 0;
        margin-top: 6px;
        transition: ease-in-out .5s;
    }

    input.header-search {
        display: none;
    }

    #mp-search input.header-search {
        display: block;
    }
    .top-input-area .clear-search-input,
    .top-input-area input.header-search {
        display: block;
        font-size: 18px;
    }

    .top-input-area input.header-search {
        width: calc(100% - 40px);
        font-size: 20px;
        line-height: 29px;
    }

    input.header-search + a {
        display: none;
    }

    .header .user-info-wrapper {
        display: none
    }

    .header ul li.fav-dropdown {
        vertical-align: inherit;
    }

    .jumbotron,
    .container-fluid {
        padding-left: 0;
        padding-right: 0
    }

    .page-container .page-content-wrapper .content {
        padding-top: 48px;
        padding-bottom: 100px;
    }

    .icon-thumbnail {
        margin-right: 20px
    }

    .secondary-sidebar {
        top: 48px
    }

    .split-details {
        margin-left: 0
    }

    .email-composer {
        padding-left: 30px;
        padding-right: 30px
    }

    .sm-pull-bottom,
    .sm-pull-up {
        position: relative !important
    }

    .sm-p-t-0 {
        padding-top: 0 !important
    }

    .sm-p-r-0 {
        padding-right: 0 !important
    }

    .sm-p-l-0 {
        padding-left: 0 !important
    }

    .sm-p-b-0 {
        padding-bottom: 0 !important
    }

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

    .sm-p-t-5 {
        padding-top: 5px !important
    }

    .sm-p-r-5 {
        padding-right: 5px !important
    }

    .sm-p-l-5 {
        padding-left: 5px !important
    }

    .sm-p-b-5 {
        padding-bottom: 5px !important
    }

    .sm-padding-5 {
        padding: 5px !important
    }

    .sm-p-t-10 {
        padding-top: 10px !important
    }

    .sm-p-r-10 {
        padding-right: 10px !important
    }

    .sm-p-l-10 {
        padding-left: 10px !important
    }

    .sm-p-b-10 {
        padding-bottom: 10px !important
    }

    .sm-padding-10 {
        padding: 10px !important
    }

    .sm-p-t-15 {
        padding-top: 15px !important
    }

    .sm-p-r-15 {
        padding-right: 15px !important
    }

    .sm-p-l-15 {
        padding-left: 15px !important
    }

    .sm-p-b-15 {
        padding-bottom: 15px !important
    }

    .sm-padding-15 {
        padding: 15px !important
    }

    .sm-p-t-20 {
        padding-top: 20px !important
    }

    .sm-p-r-20 {
        padding-right: 20px !important
    }

    .sm-p-l-20 {
        padding-left: 20px !important
    }

    .sm-p-b-20 {
        padding-bottom: 20px !important
    }

    .sm-padding-20 {
        padding: 20px !important
    }

    .sm-p-t-25 {
        padding-top: 25px !important
    }

    .sm-p-r-25 {
        padding-right: 25px !important
    }

    .sm-p-l-25 {
        padding-left: 25px !important
    }

    .sm-p-b-25 {
        padding-bottom: 25px !important
    }

    .sm-padding-25 {
        padding: 25px !important
    }

    .sm-m-t-5 {
        margin-top: 5px !important
    }

    .sm-m-r-5 {
        margin-right: 5px !important
    }

    .sm-m-l-5 {
        margin-left: 5px !important
    }

    .sm-m-b-5 {
        margin-bottom: 5px !important
    }

    .sm-m-t-10 {
        margin-top: 10px !important
    }

    .sm-m-r-10 {
        margin-right: 10px !important
    }

    .sm-m-l-10 {
        margin-left: 10px !important
    }

    .sm-m-b-10 {
        margin-bottom: 10px !important
    }

    .sm-m-t-15 {
        margin-top: 15px !important
    }

    .sm-m-r-15 {
        margin-right: 15px !important
    }

    .sm-m-l-15 {
        margin-left: 15px !important
    }

    .sm-m-b-15 {
        margin-bottom: 15px !important
    }

    .sm-m-t-20 {
        margin-top: 20px !important
    }

    .sm-m-r-20 {
        margin-right: 20px !important
    }

    .sm-m-l-20 {
        margin-left: 20px !important
    }

    .sm-m-b-20 {
        margin-bottom: 20px !important
    }

    .sm-m-t-25 {
        margin-top: 25px !important
    }

    .sm-m-r-25 {
        margin-right: 25px !important
    }

    .sm-m-l-25 {
        margin-left: 25px !important
    }

    .sm-m-b-25 {
        margin-bottom: 25px !important
    }

    .sm-no-margin {
        margin: 0 !important
    }

    .sm-no-padding {
        padding: 0 !important
    }

    .sm-text-right {
        text-align: right !important
    }

    .sm-text-left {
        text-align: left !important
    }

    .sm-text-center {
        text-align: center !important
    }

    .sm-pull-right {
        float: right !important
    }

    .sm-pull-left {
        float: left !important
    }

    .sm-pull-reset {
        float: none !important
    }

    .sm-block {
        display: block
    }

    .error-container {
        width: auto
    }

    .sm-image-responsive-height {
        width: 100%;
        height: auto
    }

    .email-composer {
        padding-left: 30px;
        padding-right: 30px
    }

    .sm-padding-10 {
        padding: 10px !important
    }

    .lock-box {
        align-items: flex-start;
        height: auto
    }

    .login-box {
        padding-right: 15px;
        padding-left: 15px
    }

    .visible-xs-inline-block {
        display: inline-block !important
    }

    .nav-tabs-linetriangle.nav-cust {
        flex-direction: column
    }

    .nav-tabs-linetriangle li a.active:after,
    .nav-tabs-linetriangle li a.active:before {
        display: none
    }

    .sm-vh-25 {
        height: 25vh !important
    }

    .sm-vh-50 {
        height: 50vh !important
    }

    .sm-vh-75 {
        height: 75vh !important
    }

    .sm-vh-100 {
        height: 100vh !important
    }

    /* orders details modal */
    #global-modal-order-info .panel-heading h4 > a {
        font-size: 13px !important;
    }
    #global-modal-order-info .panel-heading small a {
        font-size: 11px !important;
    }
    .table.table-condensed.modal-table .product-table-detail {
        display: block;
    }
    .table.table-condensed.modal-table .product-name {
        max-width: 100%;
        margin: 0 0 12px;
    }
}

@media (max-width: 480px) {
    body {
        width: 100%
    }

    body .header {
        width: 100%;
        height: 48px;
        border-bottom: 1px solid rgba(0,
        0,
        0,
        .07)
    }

    body .header .header-inner {
        height: 48px;
        text-align: center
    }

    body .header .header-inner .mark-email {
        left: 35px;
        top: 14px
    }

    body .header .header-inner .quickview-link {
        top: 14px
    }
    body #overlay-search {
        font-size: 48px;
        height: 118px;
        line-height: 46px
    }

    .page-sidebar .sidebar-header {
        height: 48px;
        line-height: 48px
    }

    .card .card-heading {
        padding-left: 15px
    }

    .card .card-body {
        padding: 15px;
        padding-top: 0
    }

    .error-page {
        padding: 15px
    }

    .error-page .error-container {
        margin-top: 30px;
        width: auto
    }

    .error-page .pull-bottom {
        position: relative
    }

    .map-controls {
        left: 10px
    }

    .register-container {
        height: auto !important
    }

    .error-container-innner {
        width: auto
    }
}

.hidden {
    display: none !important
}

.visible-sm,
.visible-xs {
    display: none
}

@media (max-width: 767px) {
    .visible-xs {
        display: block
    }

    .hidden-xs {
        display: none
    }
}

.display-flex {
    display: flex;
}

.popover {
    max-width: 450px;
}

h3.popover-header {
    margin: 0;
    font-family: var(--font-emphasis);
    font-size: 14px !important;
    text-transform: capitalize;
    font-weight: 600;
    background: var(--site-secondary-bg);
    color: #fff;
    line-height: 26px;
}

.popover-body {
    color: #212529;
    padding: 0;
}

.popover-body p {
    padding: 10px !important;
    margin: 0;
}

tr.table-popover-formula {
    background: #f0f0f0;
}

tr.table-popover-formula th, tr.table-popover-formula td {
    padding: 5px 10px;
}

tr.table-popover-component th {
    min-width: 180px;
}

tr.table-popover-component th, tr.table-popover-component td {
    padding: 5px 10px;
    border-bottom: 1px solid #f5f5f5;
}

tr.table-popover-total {
    background: #f0f0f0;
}

tr.table-popover-total th, tr.table-popover-total td {
    font-weight: bold;
    padding: 5px 10px;
}

tr.table-popover-component.popover-disabled {
    opacity: 0.2;
    background: #f5f5f5;
}

/**** Style for Loader **/
#loader {
    position: fixed;
    top: 0;
    left: calc(50% - 25px);
    z-index: 99999;
}

.kpi-loader {
    text-align: center;
    padding: 15px 0;
    display: block;
}

.loader-gif {
    width: 50px;
    height: 50px;
    background: rgba(255,255,255,0.9);
    border-radius: 100%;
    display: inline-block;
}



#form-login .checkbox label:before {
    border: 1px solid #d0d0d0;
}

#form-login .checkbox label:after {
    color: var(--site-primary-color) !important;
    background: transparent;
}

/*Global Styles Start*/
.operations-backgroud .form-group.custom-form.form-group-default {
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 5px;
    padding: 7px 7px;
}

.select2-container {
    z-index: 89;
}

.modal.fade .modal-dialog {
    /*webkit-transform: translate(0,0%);*/
    transform: translate(0, 0%);
}

/* product details modal */
.modal.fade .modal-dialog .modal-footer {
    justify-content: space-between;
}
.modal.fade .modal-dialog .modal-footer > :not(:first-child),
.modal.fade .modal-dialog .modal-footer > :not(:last-child) {
    margin-right: 0px;
    margin-left: 0px;
}
.modal-lg {
    max-width: 90%;
}

/*Global Styles End*/
/*Products List Start*/
#bulk_update {
    position: relative;
    top: 19px;
}

/*Products List End*/
/*Notifications timeline start*/
.color-black {
    color: #000;
}

.scroll-wrapper {
    position: relative !important;
}

/*Notifications timeline end*/
/*Products Dashboard Start*/
.page_header {
    position: relative;
    left: 25px;
    /*top: 62px;*/
    font-size: 25px !important;
}

.select2 {
    width: 100% !important;
    position: relative;
}

#admin-panels .sl-panel-container {
    margin-bottom: 15px !important;
}

/*product dashboard kpis*/
.box_container {
    margin-bottom: 15px;
}

/*Products Dashboard End*/
/*Panel Top Start*/
.bookmark_dropdown_link {
    float: left;
    margin-right: 15px;
}

/*Panel Top End*/
/*Datatables Start*/
.dataTables_wrapper {
    width: 100%;
    position: relative;
}

/*saved filters modal*/
#modal-filters {
    z-index: 1300;
}

.modal-backdrop {
    position: initial !important;
}

.btn-apply-filter {
    padding: 6px 10px;
}

.btn-delete-filter {
    padding: 6px 10px;
}

/*Datatables End*/
/*Comparision Engine Start*/
#comparison-form {
    margin-left: 0;
    margin-right: 0;
}

/*Comparision Engine End*/

/* old kpis */
.table-kpis {
    margin-bottom: 0;
    margin-top: 3px;
}

.table-kpis tr:first-child td {
    border-top: 0;
}

.table-kpis tr:not(:first-child) td {
    border-top: 1px dashed rgba(255, 255, 255, 0.3);
}

.table-kpis td {
    padding: 4px 0 !important;
    font-size: 13px;
    font-weight: 400;
    background-color: transparent !important;
    text-align: left;
}

.table-kpis td:last-child {
    text-align: right;
}

.half {
    width: 50%;
}

/* end of old kpis*/

/*product dashboard title*/
.title-padding {
    padding-left: 7px !important;
    padding-right: 7px !important;
}

/*product dashboard title End*/

/*product dashboard top-links*/
.top-link-padding {
    padding-bottom: 0 !important;
}

/*product dashboard title End*/

/*Listing History Start*/
.listing-header {
    margin-left: 0;
    font-size: 20px !important;
    font-weight: 400;
}

/*Listing History End*/

/*Listing History End*/
/*Add Cost of Goods Start*/
.cog-head td:first-child > input {
    width: 20% !important;
    display: inline;
}

.cog-head td:nth-child(2) a:nth-child(2) {
    margin-right: 10px;
}

/*Add Cost of Goods End*/
/*Refund Manager Start*/
#bulk_update_refund {
    position: relative;
    top: 19px;
}

/*Refund Manager End*/
/*Settings Start */
.bs-box-content > h5 {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;
}

.bs-box-content p {
    color: #7b7d82;
    font-size: 14px;
}

/*Settings End*/
/*PPC Dashboard Start*/
.applied_filters_ppc {
    position: relative;
    margin-bottom: 5px;
    width: 97%;
    /* float: left; */
    margin-left: 21px;
}

/*PPC Dashboard End*/
/*Settlement Periods KPI's Start*/
.panel-body {
    overflow: hidden;
}

/*Settlement Periods KPI's End*/

.modal .modal-body {
    padding: 15px;
}

.date_range_custom .date-range-picker-field {
    margin-left: 10px;
}

.modal .modal-header {
    border-bottom: 1px solid #e5e5e5;
}

.modal-footer button {
    min-width: 80px;
}

.panel:not(.panel-tile) {
    background-color: var(--panel-bg);
    border: 1px solid #f0f0f0;
}

.panel .table th {
    padding: 6px;
}

.widgets-list .panel-heading {
    padding: 12px;
    margin-bottom: 10px;
    cursor: move;
    background: #f0f0f0;
    border: 1px Solid #d8d5d5;
    font-weight: 500;
}

.widgets-list .panel {
    box-shadow: none;
    border: none;
}

.widgets-list {
    min-height: 70px !important;
    border: 1px solid #e2e2e2;
    padding: 15px !important;
    background: #fff;
    border-top: 0 !important;
}

.widgets-list p {
    text-align: center;
    font-size: 14px;
    margin: 10px 0;
    color: #999;
}

.admin-grid h2 {
    font-size: 18px;
    font-weight: 500;
    background: #f0f0f0;
    margin: 0;
    border: 1px solid #e2e2e2;
    padding: 5px 12px;
    margin-top: 15px;
}

.table {
    margin-top: 0;
}

table.dataTable {
    margin-top: 0 !important;
}

.panel-dt-container .body {
    background: none;
}

div#cumulative_graph {
    background-color: var(--panel-bg);
    border: 1px solid #f0f0f0;
}

.custom-legends {
    background-color: var(--panel-bg);
    border: 1px solid #f0f0f0;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: 4px;
    margin-left: 1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
    background: #fff;
}

.dropdown-submenu > .dropdown-menu li {
    background: transparent !important;
}

.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}

.dropdown-submenu > a:after {
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 14px;
    margin-right: -13px;
}

.dropdown-submenu:hover > a:after {
    border-left-color: #000;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

ul.dropdown_bookmark_links .dropdown > a {
    margin-right: 12px;
    position: relative;
}

ul.dropdown_bookmark_links .dropdown > a:hover {
    color: #000;
}

ul.dropdown-menu.multi-level {
    padding: 8px 0;
    background: #fff;
}

.dropdown-menu.multi-level li {
    background: transparent;
    text-align: left;
    padding: 0 !important;
    font-size: 14px;
}

.dropdown-menu.multi-level li a {
    padding: 0 30px 0 15px;
    color: #7b7d82 !important;
    border-radius: 0;
}

.dropdown-menu.multi-level li a:hover {
    color: #000 !important;
}

.dropdown-menu.multi-level li a i {
    font-size: 15px;
    vertical-align: text-bottom;
    margin-right: 7px;
    width: 10px;
    text-align: center;
}

.dropdown-submenu > .dropdown-menu li {
    display: flex;
}

.dropdown-submenu > .dropdown-menu li span {
    font-size: 14px;
    margin: 12px 10px -5px 0;
    cursor: pointer;
    line-height: 15px;
}

.dropdown-submenu > .dropdown-menu li span.remove_link {
    color: #f55c5a;
    margin-top: 11px;
}

.dropdown-menu.multi-level li.sub-list a {
    width: 100%;
    padding-right: 55px;
}

.icon-in-list {
    position: absolute;
    right: 0;
}

.product_id + span span.selection span.select2-selection {
    background: #f0f0f0 !important;
    height: 42px !important;
    padding: 6px 10px !important;
}

.product_id + .select2-container .select2-selection .select2-selection__rendered .select2-selection__clear {
    font-weight: 500;
    right: 25px;
    width: 25px;
    text-align: center;
    color: #888;
    font-size: 20px;
}

.product_id + .select2-container .select2-selection .select2-selection__arrow {
    top: auto;
    bottom: 1px;
    right: 18px !important;
    left: auto;
    background: 0 0;
    border-left: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    top: 9px !important;
}

.history-item-dropdown {
    z-index: 9999 !important;
    background: #fff;
    padding: 0;
}

.history-item-dropdown li.history-item.recent-product {
    background: #fff;
    border-bottom: 1px solid #f0f0f0;
    padding: 12px 12px;
}

.history-item-dropdown li.history-item.recent-product:hover {
    background: #f5f5f5;
}

.history-item-dropdown li.history-item.recent-product:last-child {
    border: none;
}

.new-panel {
    width: 850px;
    margin: 0 auto;
    background: #fff;
    padding: 15px;
    border: 1px solid #f0f0f0;
    border-radius: 2px;
}

.new-panel .form-horizontal .form-group {
    padding-top: 8px;
    padding-bottom: 6px;
    margin-bottom: 0;
    border: none;
}

.refunds-selector {
    background: #f5f5f5;
    margin-left: 7.5px;
    border: solid 1px #ddd;
    border-bottom: 0;
    padding: 10px 8px 4px 8px;
    width: 100%;
    margin-right: 7.5px;
}

/**** knowledge-dropdown ****/

.dropdown-menu.knowledge-dropdown {
    margin-top: 0;
    background: #fff;
    padding: 0 0;
    width: 25%;
    min-width: 260px;
}

.knowledge-dropdown a.dropdown-item {
    padding: 6px 15px 6px 15px !important;
    border-bottom: 1px solid #f0f0f0;
    border-radius: 0;
    font-weight: 500;
    font-family: var(--font-emphasis);
    opacity: 0.8;
}

.knowledge-dropdown a.dropdown-item i {
    margin-right: 8px;
}

.knowledge-dropdown a.dropdown-item:hover {
    background: #f5f5f5;
    color: var(--site-primary-color);
    opacity: 1;
}

.knowledge-dropdown a.dropdown-item.link-items {
    box-sizing: border-box;
    display: -webkit-inline-flex;
    word-wrap: break-word;
    white-space: pre-line;
    vertical-align: middle;
    line-height: 22px;
}
.knowledge-dropdown a.dropdown-item.link-items i{
    line-height: 26px;
}

.kips_boxes_modal p {
    font-family: var(--font-emphasis);
    font-size: 14px;
}

.daterangepicker {
    z-index: 100000;
}

.p-a {
    padding: 0 15px!important;
}

.advance-filter h2 {
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0 -7.5px 0 -7.5px;
    background: #f0f0f0;
    padding: 0 15px;
}

.card.card-body.advance-filter {
    border: 1px solid #ddd;
    padding: 0 7.5px;
}

.filters-section .card-header {
    padding: 0 7.5px;
}

.filters-section .card-header h5 {
    margin: 0;
    padding-bottom: 0;
}


.filter-container form {
    margin-top: 5px;
}

.filter-container .form-group.footer-btn {
    padding: 12px 10px 12px 10px;
    background: #f0f0f0;
    display: inherit;
    width: calc(100% + 15px);
    max-width: inherit;
    margin: 0 0 -10px -7.5px;
    margin-top: 10px;
}

table.modal-table {
    margin-bottom: 15px;
}

table.modal-table tbody tr.bold-row {
}

.modal-body table.modal-table tbody tr td {
    background: #fbfbfb !important;
}

.modal-body table.modal-table tbody tr.bold-row td {
    background: var(--site-secondary-bg) !important;
    border: 1px solid var(--site-secondary-border) !important;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    font-family: var(--font-emphasis);
}

/*TODO: SIDRA*/
.fade:not(.show) {
    opacity: unset !important;
}

.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.color-white {
    color: white;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    color: #3d3d3d;
}

/*.icheckbox_square-blue{*/
/*outline: 1px solid #a5a2a2;*/
/*outline-offset: -1px;*/
/*box-shadow: none;*/
/*}*/

.btn-group.active > a, .btn-group.active > button {
    background: var(--site-primary-bg) !important;
    color: #fff;
    border: 1px solid #ad595e !important;
}

.shortcut-links .btn-group.active button::after {
    color: #fefeff;
}

.nav.nav-tabs li a.active {
    border-color: #e6e6e6;
    color: #626262;
    background-color: #e6e6e6
}

.panel.notification-panel-page {
    margin: 15px;
    padding: 15px;
}

.filter-date-range-picker {
    color: #2c2c2c !important;
}

.list-view.boreded.no-top-border.notifaction-list {
    width: 100%;
    background: #fafafa;
}

.list-view.boreded.no-top-border.notifaction-list h2 {
    width: calc(100% - 62px);
    background: #eae9e9;
    font-weight: 700;
    padding: 8px;
    display: none;
}

.notifaction-list ul .list-view-group-header.text-uppercase {
    background: #eae9e9;
    font-weight: 700;
    padding: 8px;
}

.notifaction-list .list-view-group-container {
    margin: 0;
    min-height: 1px;
    overflow: hidden;
    padding: 32px 0 5px;
    position: relative;
}

.notifaction-list li:hover {
    background-color: transparent !important;
}

.tab-pane .list-view.boreded.no-top-border.notifaction-list h2 {
    width: inherit;
    background: #eae9e9;
    font-weight: 700;
    padding: 8px;
}

.input-group .input-group-btn button {
    border-radius: 0 3px 3px 0 !important;
    margin-left: -1px;
}

.customer-basic-info td, .customer-basic-info th {
    padding: 2px;
}

.customer-basic-info .header {
    font-family: var(--font-emphasis);
    text-align: left;
    font-size: 12px;
    padding-bottom: 0;
    padding-top: 0;
    color: var(--site-secondary-color);
    font-weight: 400 !important;
    text-transform: uppercase;
}

.customer-basic-info td {
    padding-bottom: 11px;
}

.customer-basic-info .header > i {
    width: 17px;
}

.customer-basic-info .details {
    font-family: 'Open Sans', sans-serif;
    text-align: left;
    font-size: 13px;
    padding-left: 26px;
    overflow: hidden;
}

table.basic_info.customer-basic-info {
    padding: 10px;
    display: inline-block;
}

.sales-order-items .nav li a {
    background: transparent;
}

.sales-order-items .nav li a:hover {
    background-color: transparent;
}

.sales-order-items .nav li {
    width: 100%;
    text-align: center;
    background: #f5f4f4;
    margin-bottom: 2%;
}

.sales-order-items .nav li a {
    display: block;
}

.sales-order-items .nav li a.active {
    background: #dddddd;
}

.sales-order-items .nav-pills > li:first-child {
    padding-left: 0px;
}

.sales-order-items .nav li h5 {
    font-family: var(--font-emphasis);
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 0;
    color: #252931;
}

.sales-order-items .nav li h6 {
    margin-top: 0;
    font-size: 15px;
    margin-bottom: 0;
}

#user_onboarding_progress table tr td strong,
.sl-panel-container table tr td strong {
    font-family: var(--font-emphasis);
    font-size: 12px !important;
    padding-bottom: 0;
    padding-top: 0;
    font-weight: 600 !important;
}

#user_onboarding_progress table tr td strong.mp-title,
.sl-panel-container table tr td strong.mp-title {
    font-size: 14px !important;
    padding-top: 7px;
    display: inline-block;
    padding-left: 4px;
    padding-right: 4px;
    text-transform: capitalize;
    vertical-align: top;
}

#user_onboarding_progress table tr td a.edit_account_title,
.sl-panel-container table tr td a.edit_account_title {
    vertical-align: top;
    display: inline-block;
    padding-top: 1px;
    padding-left: 4px;
    font-size: 13px;
}

.sl-panel-container table td {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px !important;
    color: var(--table-cell-text);
    padding: 5px;
}

.admin-grid .panel .panel-body .nav-item .nav-link {
    border-radius: 0;
    border: none;
    padding: 10px;
    font-size: 13px;
    background: #25bfb5;
    font-weight: 600;
    color: #f3f3f3;
}

.admin-grid .panel .panel-body .nav-item .nav-link.active {
    background: var(--site-secondary-bg);
    color: #fff;
    font-weight: 600;
}

/* for right panel settings*/
/*.panel-settings-container .form-container-header {*/
/*padding: 10px 0;*/
/*margin: 15px 0;*/
/*background: #2a303b;*/
/*color: white;*/
/*text-align: center;*/
/*}*/
.panel-settings-container .form-container-header {
    padding: 15px 0;
    margin: 15px 0;
    background: var(--body-dark);
    color: var(--heading-color);
    text-align: center;
    flex: none;
    max-width: none;
    width: calc(100% + 42px);
    margin-left: -21px;
    border: 1px solid #dddddd;
    font-family: var(--font-emphasis);
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 25px;
    border-width: 1px 0 1px 0;
}

.panel-settings-container {
    padding: 0 15px;
}

.panel-settings-container .form-horizontal .form-group {
    border-bottom: none;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

/* end for right panel settings*/

.custom-widget {
    padding: 15px;
}

.custom-widget h2 {
    font-size: 14px;
    margin: -15px -15px 0 -15px;
    background: rgba(49, 49, 49, 0.16);
    padding: 15px;
    color: #fff;
    font-family: var(--font-emphasis);
    line-height: 14px;
    font-weight: bold;
}

.custom-widget h2 a.kpis-colorpicker {
    display: inline-grid;
    font-size: 14px;
}

.custom-widget h3 {
    color: #fff;
    font-weight: 700;
    font-size: 22px;
}

.custom-widget i.shade {
    font-size: 48px;
    position: absolute;
    right: 15px;
    top: 60px;
    opacity: 0.3;
}

.custom-widget h6 span {
    font-weight: 500;
    font-family: var(--font-emphasis);
    font-size: 12px;
    border-left: 1px solid;
    padding-left: 8px;
    margin-left: 5px;
}

.custom-widget h6 span:first-child {
    padding-left: 0;
    margin-left: 0;
    border: none;
}

.custom-widget h6 span strong {
    font-size: 13px;
}

.multi-value {
    display: flex;
}

.multi-value .box {
    margin-left: 20px;
    margin-top: 10px;
}

.multi-value .box:first-child {
    margin-left: 0;
}

.multi-value + h6 {
    margin-top: 0;
    margin-bottom: 0;
}

.multi-value .box h3 {
    margin-top: 0;
    margin-bottom: 0;
}

.multi-value .box p {
    font-weight: 500;
    font-family: var(--font-emphasis);
    margin-bottom: 0;
    text-transform: uppercase;
    color: #fff;
}

.custom-widget.products-detail a {
    color: #fff;
}

.products-detail .multi-value {
    display: flex;
    margin-bottom: 8px;
}

.products-detail.custom-widget {
    padding: 5px;
    overflow: hidden;
    position: relative;
    min-height: 140px;
    z-index: 9;
}

.products-detail .multi-value .box {
    margin-left: 0;
    margin-top: 5px;
    text-align: center;
    flex: 1;
}

.products-detail .multi-value .box p {
    font-weight: 500;
    font-family: var(--font-emphasis);
    margin-bottom: 0;
    text-transform: inherit;
    color: #fff;
    font-size: 12px;
    line-height: 16px;
}

.custom-widget.products-detail:before {
    content: "";
    width: 60%;
    height: 131%;
    background: rgba(0, 0, 0, 0.06);
    position: absolute;
    left: -24px;
    top: -12px;
    transform: rotate(-16deg);
    z-index: -1;
}

.custom-widget.products-detail h3 {
    color: #fff;
    font-weight: 700;
    font-size: 20px;
}

h6.text-white.list-view {
    border-top: 1px dashed;
    margin-top: 5px;
    height: auto !important;
    margin-bottom: 5px;
    padding-top: 5px;
}

h6.list-view > span {
    border: none;
    margin: 0;
    padding: 0;
    display: inline-block;
    width: 100%;
    text-align: center;
}

.modal-body > form {
    margin-top: 0;
}

.modal-body .form-horizontal .form-group {
    padding-top: 15px;
    padding-bottom: 15px;
}

.modal-body form .form-group:first-child {
    padding-top: 0;
}

/*KPI breakdown modal fix*/
.popover {
    z-index: 90000;
}

/* roi formula */
.roi-formula {
    overflow: hidden;
    float: left;
    border-bottom: none !important;
}

.roi-formula .control-label:first-child {
    width: 100%;
    float: left;
    text-align: left;
    border-bottom: solid 1px #DEDEDE;
    margin-bottom: 10px;
    padding-bottom: 7px;
}

.roi-formula .control-label:not(:first-child) {
    width: calc(100% - 30px);
    float: left;
    text-align: left;
    padding-top: 0;
    padding-bottom: 8px;
    padding-left: 7px;
}

.roi-formula .icheckbox_square-blue {
    float: left;
}

.roi-formula .help-block {
    width: 100%;
    float: left;
}

#roi_calculated_formula {
    text-align: center;
}

#roi_calculated_formula table {
    margin-top: 25px;
    width: 100%;
    float: left;
}

#roi_calculated_formula table .upper_portion {
    border-bottom: solid 1px;
}

#roi_calculated_formula table .lower_portion {

}

/* roi formula styling */

.info-icon i {
    font-size: 20px;
}

/* shipment kpis */
.shipment-kpis h2 i {
    float: right;
    margin-top: 0px;
    font-size: 14px;
}

.shipment-kpis .kpi-body ul li span {
    font-weight: 400;
    float: right;
}

.shipment-kpis .kpi-body ul {
    padding: 0;
    margin: 0;
    padding-top: 5px;
}

.shipment-kpis .kpi-body ul li {
    list-style: none;
    text-transform: uppercase;
    font-weight: 500;
    border-bottom: 1px dashed rgba(247, 241, 241, 0.43) !important;
    padding: 2px 0;
}

.shipment-kpis .kpi-body ul li:last-child {
    border: none;
    padding-bottom: 0;
}

.shipment-kpis .custom-widget {
    min-height: 220px;
    margin-bottom: 15px;
}

/* end of shipment kpis*/

.input-group span.input-group-addon {
    background: #ededed;
    padding: 0 13px;
    border-radius: 4px 0 0 4px;
    color: #000;
    line-height: 32px;
    width: 34px;
    text-align: center;
}

.beta-heading {
    position: relative;
    padding-left: 30px;
}

.beta_page {
    padding: 0 0;
    border-radius: 100%;
    float: left;
    margin-right: 5px;
    cursor: pointer;
    width: 25px;
    height: 25px;
    text-align: center;
    color: #eeba22;
    font-size: 25px;
}

/* right panel settings container */
.settings-right-panel {
    height: calc(100% - 48px);
    padding-bottom: 30px;
    display: inline-block;
    width: 100%;
    overflow-y: auto;
}

.settings-right-panel .row {
    margin-left: 0;
    margin-right: 0;
}

/* end of right panel settings container */

.cogs-propagate-checkboxes {
    padding: 1% 0;
    border-bottom: 1px dashed #f0f0f0;
}

.cogs-propagate-checkboxes:last-child {
    border: none;
}

/* instruction styling (view modal) */
ul.instructions {
    background: #fff4bb;
    padding: 8px 15px;
    border-radius: 2px;
    border-left: 4px solid #dccd7d;
    background-color: #fddddd;
    border-color: #dc827f;
    margin-bottom: 15px;
}

ul.instructions li {
    list-style: none;
    padding: 0;
    font-size: 14px;
}

.guidance-instructions li > i.fa-angle-right, ul.instructions li > i.fa-angle-right {
    font-weight: bold;
    margin-right: 6px;
}

ul.list-group.vertical-list li a {
    color: #3e3e3e;
    font-size: 14px;
}

ul.list-group.vertical-list li.active a {
    color: #fff;
    font-weight: 400;
}

/* end of instruction styling */

.advance-settings-heading {
    margin-top: 15px;
    font-family: var(--font-emphasis);
    margin-bottom: 15px;
}

div#tab_advanced_settings {
    background: #f7f7f7;
    border: 1px solid #ececec;
    border-radius: 2px;
}

form#advanced-settings-form {
    padding: 0;
    margin: 0;
}

.email-tbody {
    background: #f7f7f7;
    padding: 10px;
    border: 1px solid #ececec;
    border-radius: 2px;
}

.parent-tr {
    margin: 8px 1px;
    padding: 10px 0;
    background: #ffffff;
    margin-top: 0;
    margin-bottom: 2px;
    border-radius: 0;
}

.parent-tr:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

.parent-tr > div {
    align-items: center;
    line-height: 32px;
    font-weight: 500;
}

.parent-tr > div .icheckbox_square-blue {
    margin-right: 5px;
}

.form-group.collection {
    background: #fff;
    border-bottom: none;
}

/* notification settings page */
.notification-container-title {
    font-size: 16px;
    font-weight: 500;
    color: #626262 !important;
    font-family: var(--font-emphasis);
}

.notifications-container .cog-head {
    background-color: #f0f0f0;
    margin: 0;
    border-top: none;
    border-bottom: none;
    padding: 10px 15px;
}

.notifications-container table tr td:first-child {
    border-left: 1px solid rgba(230, 230, 230, .7);
}

.notifications-container table tr td:last-child {
    border-right: 1px solid rgba(230, 230, 230, .7);
}

/* end notification settings page */

/* view modal select all button */
.box-select-all-view {
    padding: 0 10px;
    font-weight: 600;
    font-size: 12px;
    font-family: var(--font-emphasis);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.box-select-all-view > span {
    margin-top: 2px;
    display: inline-block;
    margin-left: 5px;
}

.header-column {
    padding: 13px 0;
    background: var(--site-secondary-bg);
    color: #fff;
    border-radius: 2px 2px 0 0;
}

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
    background-color: var(--site-secondary-bg);
    border-color: var(--site-secondary-border);
}

.header-column .icheckbox_square-blue {
    margin-left: -1px;
}

/* end of view modal select all button */

.comp-graphs > p {
    font-family: var(--font-emphasis);
    font-weight: 500;
    font-size: 16px;
    display: inline-block;
    width: 100%;
    background: #fff;
    padding: 15px !important;
    margin-bottom: 0;
    border: 1px solid #f0f0f0;
    border-bottom: 0;
    color: #000;
}

/* selected value when ever a cell is selected */
.select-info {
    display: none;
}

.selected-values > ul > li {
    margin: 0 0 0 0;
    border-radius: 0;
    padding: 1px 8px 1px 3px;
    border-bottom: 1px solid #f1f1f1 !important;
    cursor: pointer;
}

.selected-values > ul > li:hover {
    color: #1a1a1a;
    text-decoration: none;
    background-color: #f5f5f5 !important;
}

.selected-values {
    text-align: right;
    padding-top: 5px;
    font-family: var(--font-emphasis);
    font-weight: 500;
    right: 0;
    float: right;
    margin: -4px 0 0 8px;
    cursor: pointer;
}

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

.selected-values > ul > li:not(:last-child) {
    border-bottom: 1px dotted #9c9c9c;
}

.selected-values li span.bold {
    font-weight: 400 !important;
}

.selected-values .fa-check {
    margin-right: 4px;
}

/* end of selected values */

/* onboarding modal*/
.total-banner {
    margin: 0;
}
.media-list table.table {
    margin-bottom: 10px;
}
.media-list.panel-main-table table td,
.media-list.panel-main-table {
    /*background: #fafafa;*/
}

.media-list.panel-main-table table td:first-child {
    width: 60%;
}
.media-list.panel-main-table table tr.danger td {
    color: var(--danger);
}
.media-list .account-title {
    background: #999999;
    display: flex;
    justify-content: space-between;
    align-items: center
}
.media-list .merchant-container {
    margin: 0 0 20px;
    border: 1px solid #f0f0f0;
    border-bottom: none;
    border-top: none;
}
.media-list .merchant-container .skinny-cell h3 {
    margin: 0px;
}
.new-panel .panel:not(.panel-tile) {
    border: none;
}
.media-list .skinny-cell {
    width: auto;
}
.media-list .absolute-count {
    position: inherit;
    float: right;
    right: 0;
}
.media-list .account-title h4 {
    margin: 0px;
    color: #fff;
}
.media-list .panel-main-table h3 {
    font-size: 26px;
    line-height: 28px;
}

.media-list .account-title a.btn-primary {
    margin-right: 0;
    font-weight: bold;
    font-size: 12px;
    padding: 4px 12px;
}

.media-list .account-title h4 strong,
.media-list .account-title h4 span {
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
    vertical-align: top;
}

.media-list .account-title h4.first-title span,
.media-list .account-title h4.first-title strong {
    font-size: 18px;
    line-height: 20px;
}

.modal-body .media-list .account-title h4.first-title span,
.modal-body .media-list .account-title h4.first-title strong {
    font-size: 16px;
}

#user_onboarding_progress .media-list table td,
.sl-panel-container .media-list table td {
    padding: 5px 10px !important;
}
#user_onboarding_progress .media-list table td.absolute-td,
.sl-panel-container .media-list table td.absolute-td {
    padding-right: 0px !important;
}
#user_onboarding_progress .media-list table td.absolute-td:last-child,
.sl-panel-container .media-list table td.absolute-td:last-child {
    padding-left: 18px !important;
}

.total-banner > tbody > tr > td {
    border-top: none;
    padding: 1.5% 1%;
}

.count-small-container {
    position: relative;
}

.absolute-count {
    position: absolute;
    right: 7px;
    top: 0;
}
.absolute-count table tr td,
.absolute-count .absolute-td {
    line-height: 8px;
    text-align: center !important;
    padding: 9px 6px !important;
    background: transparent;
    border: none;
}

.panel-body .media-list .account-title h4 {
    line-height: 16px;
    margin: 0 0 6px;
}
.panel-body .media-list .account-title {
    padding-bottom: 3px;
}
.panel-body .media-list .account-title h4.first-title span,
.panel-body .media-list .account-title h4.first-title strong {
    font-size: 12px;
    line-height: 14px;
}
.panel-body .media-list .account-title h4 strong,
.panel-body .media-list .account-title h4 span {
    font-size: 11px;
    line-height: 13px;
}
.panel-body .media-list .panel-main-table h3 {
    font-size: 22px;
    line-height: 24px;
}
.sl-panel-container .panel-body table tr td strong.mp-title {
    padding-top: 5px;
    font-size: 12px !important;
}

.sl-panel-container .merchant-container table tr.danger td {
    font-size: 12px !important;
    line-height: 18px !important;
}

.modal-body #user_onboarding_progress .table,
#user_onboarding_progress .media-list .merchant-container {
    border: none;
}

/* end of onboarding modal */

/* textarea for inline edit */
table.dataTable td.text-area textarea {
    min-width: 150px !important;
}

/* end of textarea for inline edit */

/* datatable dont break text*/
table.dataTable td.dont-break {
    white-space: nowrap;
}

/* end of datatable dont break text*/

/* inventory form */
#product_inventory_form .control-label {
    color: white;
    font-weight: normal;
}

#product_inventory_form .form-group.form-options {
    border: none;
}

#product_inventory_form .inventory_options {
    width: calc(50% - 20px);
    margin-left: 10px;
}

#product_inventory_form .help-block {
    color: #c4c4c4;
    font-style: italic;
    font-size: 12px;
}

/* end of inventory settings */

/* panel exporter button */
.panel-control-exporter > span {
    font-size: 18px;
}

/* end of panel exporter button */

/* sales rank */

.j_table_cell ul:not(.dropdown-menu), .dataTable td ul:not(.dropdown-menu){
    float: left;
    list-style-type: none;
    width: 100%;
    padding-left: 0;
    text-align: left;
    margin-bottom: 0;
}

.j_table_cell ul:not(.dropdown-menu) li, .dataTable td ul:not(.dropdown-menu) li{
    float: left;
    width: 100%;
    padding-left: 0;
}

.j_table_cell ul:not(.dropdown-menu) li:not(:last-child), .dataTable td ul:not(.dropdown-menu) li:not(:last-child){
    border-bottom: dashed 1px #EEEEEE;
}

.sales_rank span {
    display: inline;
    margin-right: 5px;
}

.sales_rank .sr-value {
    font-weight: bold;
}

.sales_rank span.cat_id {

}

.sales_rank span.cat_id:not(:last-child):after {
    content: "\2192";
}

/*end of sales rank*/

/* pl report settings */
.ads-payment-options-help {
    font-size: 12px;
    font-style: italic;
    margin-top: 4px;
}

#ads_payment_footer, #taxes_option_footer {
    padding: 2%;
}

#options_separator {
    min-height: 0;
    padding: 0;
}

.no-bold {
    font-weight: normal;
    float: left;
    width: 90%;
    margin-left: 4%;
}

/* end of pl report settings */

/* for kpi control*/
.box-style {
    padding: 8%;
    border-radius: 2%;
    color: white;
    font-weight: bold;
}

.box-bottom-btn {
    margin: 0;
    right: 6px;
    bottom: 2px;
    position: absolute;
    cursor: pointer;
    font-size: 17px;
}

.box-select-all-wrapper {
    border: solid 1px var(--site-primary-border);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 0 0 0 4px;
    display: inline-block;
}

.box-select-all-wrapper > .btn-primary {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.kpi-list-container .disabled {
    color: grey;
}

/* end of kpi controls */

/* kpi header class*/

.kpis_shadow_header {
    margin-bottom: 5px;
    padding-top: 8px;
}

/* end of kpi header class */

/* conditonal formattings || views modal */
#modal-table-views #all-columns {
    display: block;
    width: 100%;
    float: left;
    max-height: calc(100vh - 270px);
    overflow-y: auto;
    /*padding-right: 15px;*/
}

.marketplace-drag-handler {
    float: right;
    margin: 5px;
    color: #aaaaaa;
    cursor: move;
}

#modal-table-views .drag-handler {
    float: right;
    margin: 5px;
    color: #aaaaaa;
    cursor: move;
}

#modal-table-views .modified_column_names {
    margin-bottom: 5px;
}

#modal-table-views .sortable-placeholder {
    float: left;
    width: 100%;
    border: dashed 2px #DEDEDE;
    list-style-type: none;
    height: 54px;
    margin-bottom: 5px;
}

.columns-colorpicker {
    position: absolute;
    top: 13px;
    right: 40px;
    color: #c4c4c4;
}

.column-heading-container .icheckbox_square-blue {
    vertical-align: bottom;
}

.conditional_options {
    margin-top: 5px;
}

.conditional-formattings {
    position: absolute;
    top: 13px;
    right: 70px;
    color: #c4c4c4;
}

.condtional-icons {
    padding-left: 30px;
}

.conditional-formattings-remove {
    margin-left: 47px;
}

.color-button {
    width: 35px;
}

.columns-colorpicker2 {
    color: #c4c4c4;
    margin-left: 10px;
}

.column-conditions-container-outer {
    background: white;
    margin: 3px;
    padding: 12px !important;
    width: 99%;
    border-radius: 2px;
    overflow: hidden;
}

.column-conditions-container-outer ul:last-child {
    margin-bottom: 0;
}

.column-heading-container {
    padding: 7px 7px;
}

#modal-table-views .modified_column_names {
    padding: 0 0;
}

.column-conditions-container {
    margin-left: 0;
    margin-bottom: 0;
}

#accordion ul.column-conditions-container {
    padding-right: 0px;
    width: 100%;
}
#accordion ul.column-conditions-container li.number-text,
#accordion ul.column-conditions-container li.between {
    padding-right: 0px;
}

.column-conditions-container select.form-control:not([size]):not([multiple]), .column-conditions-container input, .column-conditions-container button {
    height: auto;
    min-height: 35px;
    margin-bottom: 5px;
    margin-top: 5px;
}

.conditional-colorpicker {
    border: 1px solid #cfcfcf;
}

/* end of conditional formattings */

/* crop image */
#modal-fancy-image input[type=file] {
    display: none;
}

.product-picture-preview {
    border-right: #999 solid 1px;
}

.save-image-button {
    margin: 10px 10px 10px 10px;
    float: right;
}

.save-image-button {
    clear: both;
}

img.cr-image {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transform-origin: center !important;
}

/* end of crop image */

/* consents page */
.admin-consent-title {
    background: #cfcfcf;
    color: white;
    padding: 1%;
    border-radius: 3px;
    font-weight: bold;
    letter-spacing: 1px;
    overflow: hidden;
    margin-bottom: 1%;
}

.admin-consents-content {
    padding: 1%;
}

.guest-consent-container {
    margin-top: 1%;
}

.guest-consent-container > .help-block {
    display: inline;
    color: black;
}

/* end of consent page*/

/*for datepicker*/
@media only screen and (min-width: 768px) {
    .daterangepicker .ranges {
        margin: 0;
        padding-top: 8px;
    }

    .daterangepicker .ranges ul {
        width: 400px !important;
    }

    .daterangepicker .ranges li {
        width: 47%;
        float: left;
        font-size: 13px;
        background: #f5f5f5;
        border: 1px solid #f5f5f5;
        border-radius: 4px;
        color: #08c;
        padding: 6px 12px;
        margin-bottom: 8px;
        cursor: pointer;
        margin-left: 8px;
    }
}

/*end of date picker*/

/* PPC keyword Report */
.label-text {
    text-align: left !important;
}

.keyword-report-form-style {
    margin-right: 15px !important;
}

/*for selectize*/

.selectize-control {
    padding: 0 !important;
    border: none !important;
}

.selectize-control.selectsize-base-container .selectize-dropdown > div {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.selectize-control.selectsize-base-container .selectize-dropdown .by {
    font-size: 11px;
    opacity: 0.8;
}

.selectize-control.selectsize-base-container .selectize-dropdown .by::before {
    content: 'by ';
}

.selectize-control.selectsize-base-container .selectize-dropdown .name {
    font-weight: bold;
    margin-right: 5px;
}

.selectize-control.selectsize-base-container .selectize-dropdown .title {
    display: block;
}

.selectize-control.selectsize-base-container .selectize-dropdown .description {
    font-size: 12px;
    display: block;
    color: #a0a0a0;
    white-space: nowrap;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
}

.selectize-control.selectsize-base-container .selectize-dropdown .meta {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 10px;
}

.selectize-control.selectsize-base-container .selectize-dropdown .meta li {
    margin: 0;
    padding: 0;
    display: inline;
    margin-right: 10px;
}

.selectize-control.selectsize-base-container .selectize-dropdown .meta li span {
    font-weight: bold;
}

.selectize-control.selectsize-base-container::before {
    -moz-transition: opacity 0.2s;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
    content: ' ';
    z-index: 2;
    position: absolute;
    display: block;
    top: 12px;
    right: 34px;
    width: 16px;
    height: 16px;
    background-size: 16px 16px;
    opacity: 0;
}

.selectize-control.selectsize-base-container.loading::before {
    opacity: 0.4;
}

/*end of for selectize*/
/* end of ppc keyword report */

/* spectrum color picker reset */
.sp-reset-button > button {
    background-color: var(--danger) !important;
    border-color: var(--danger) !important;
}

.sp-container {
    z-index: 10000;
}

/* end spectrum color picker reset */

/* select 2*/

.select2-results li {
    float: left;
    width: 100%;
}

.select2-search__field {
    width: 100%;
}

/* end of select 2*/

/* recent products */
.recent-product img {
    width: auto;
}

.for-product-select {
    float: left;
    margin-right: 5px;
}

/* end of recent products*/

/* settlement and pl page */
#table_settlement_period_wrapper .panel {
    box-shadow: none;
    margin-bottom: 0;
}

.hz-table th:last-child {
    border-left: solid 1px #DEDEDE;
    border-right: solid 1px #DEDEDE;
}

/* end of settlement and pl page */

/* custom date range*/
.date_range_defined {
    width: calc(50% - 4px);
    float: left;
    border: solid 1px #ddd;
    padding: 7px;
    margin: 2px;
    background: #f9f9f9;
}

.date_range_custom {
    width: calc(100% - 4px);
    float: left;
    border: solid 1px #ddd;
    padding: 7px;
    margin: 2px;
    margin-left: 2px !important;
}

.date_range_custom .iradio_square-blue {
    margin-top: 6px;
}

/* end of custom date range */

/* breakdown modal*/
.modal-help-icon {
    color: #929395 !important;
    padding: 5px 7px;
}

.modal-help-icon:hover {
    color: #727375 !important;
}

.modal-help-icon i {
    font-size: 18px;
}

.breakdown-modal span {
    float: right;
}

/* end of break down modal*/

/* TODO:SIDRA need to check */
td.exception_message, td.error_message {
    background: white !important;
}

#modal-onboarding .tab-content {
    border: solid 1px #dedede;
    border-top: none;
    padding-top: 0px;
}


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

.list-group-item.active > a {
    color: #fff;
}

.sl-success {
    color: #56c046;
}

.sl-danger {
    color: var(--danger);
}

/* need to check */

.table.table-striped tbody tr.warning > td, .table.table-striped tbody tr.warning > th, .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tfoot > tr.warning > td, .table > tfoot > tr.warning > th, .table > tfoot > tr > td.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th, .table > thead > tr > td.warning, .table > thead > tr > th.warning {
    background-color: #fcf8e3 !important;
}

.table.table-striped tbody tr.danger > td, .table.table-striped tbody tr.danger > th, .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tfoot > tr.danger > td, .table > tfoot > tr.danger > th, .table > tfoot > tr > td.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, .table > thead > tr > td.danger, .table > thead > tr > th.danger {
    background-color: #f2dede !important;
}

.table.table-striped tbody tr.Canceled > td, .table.table-striped tbody tr.Canceled > th, .table > tbody > tr > td.Canceled, .table > tbody > tr > th.Canceled, .table > tfoot > tr.Canceled > td, .table > tfoot > tr.Canceled > th, .table > tfoot > tr > td.Canceled, .table > tfoot > tr > th.Canceled, .table > thead > tr.Canceled > td, .table > thead > tr.Canceled > th, .table > thead > tr > td.Canceled, .table > thead > tr > th.Canceled {
    opacity: 0.45;
}

button#total-values {
    background: var(--site-secondary-bg);
    border: 1px solid var(--site-secondary-border);
    padding: 6px 10px;
    border-radius: 3px 3px 0 0;
    font-family: var(--font-emphasis);
    font-weight: 600;
    font-size: 12px;
}

button#total-values:hover {
    background: var(--site-secondary-bg);
    border: 1px solid var(--site-secondary-border);
}

button#total-values:focus {
    box-shadow: none;
}

button#total-values + ul {
    background: #ffffff;
    font-family: var(--font-emphasis);
    padding: 0;
}

button#total-values + ul li {
    margin: 0;
    border-bottom: 1px solid #f6f6f6;
    border-radius: 0;
    padding: 3px 13px;
    font-size: 12px;
}

button#total-values + ul li:hover {
    background-color: #f5f5f5;
}

.marketplace-form .form-options.form-group {
    text-align: right;
    margin-top: 5px;
    padding-bottom: 0;
}

.marketplace-form .form-group {
    border: none;
    padding-top: 0;
    padding-bottom: 10px;
}

.panel-body.marketplace-form {
    padding: 15px;
}

.panel-heading.marketplace-form-heading h4 {
    font-size: 14px;
    margin: 5px 0;
    font-weight: 500;
    font-family: var(--font-emphasis);
    padding: 0 10px;
}

table.dataTable tbody > tr.selected, table.dataTable tbody > tr > .selected {
    background-color: var(--site-secondary-bg) !important;
}

.table.table-striped tbody tr:nth-child(2n+1) td.selected {
    background-color: var(--site-secondary-bg) !important;
}

table.dataTable td.selected > span {
    color: white !important;
}

td.selected, td.selected a {
    color: #fdfdfd !important;
}

table.dataTable tbody > tr.selected, table.dataTable tbody > tr > .selected {
    background-color: #5489CF;
}

table th {
    background-color: var(--table-head-bg);
    color: var(--table-head-text);
}

table td {
    color: var(--table-cell-text);
}

table.dataTable td a{
    text-decoration: underline dashed rgba(0,0,0, 0.3);
}

table.dataTable td a:hover,
table.dataTable td a:focus,
table.dataTable td a:active{
    text-decoration: underline solid var(--link-color-active);
}


.timeline-single-item .panel-heading .panel-title {
    font-family: var(--font-emphasis);
    font-size: 12px;
}

.settlement-peroid a.sales-stats-link {
    margin-bottom: 0;
}

.settlement-peroid a.sales-stats-link h1 {
    font-family: var(--font-emphasis);
    font-size: 16px !important;
    font-weight: 500;
    line-height: 30px;
}

.settlement-peroid a.sales-stats-link h6 {
    font-family: var(--font-emphasis);
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 0;
    padding: 0;
    padding-bottom: 15px;
}

.settlement-peroid a.sales-stats-link:hover {
    opacity: 0.8;
    background: rgba(0, 0, 0, 0.30980392156862746);
}

.settlement-peroid + .panel-footer {
    font-family: var(--font-emphasis);
}

.btn.btn-add-vat, .btn.btn-vat-precedence{
    font-size: 12px;
    margin: 9px 0;
}

.vat-main tr.cog-head {
    border: none;
}

.vat-main tr.cog-head > td {
    padding: 0;
    border: none;
}

.vat-main span.cog-title {
    font-family: var(--font-emphasis);
    font-size: 16px;
}

.vat-main table tbody > tr.text-center > td {
    background: #efefef;
    border: 1px solid #e0e0e0;
}

.vat-main table tbody > tr.text-center strong {
    font-family: var(--font-emphasis);
    font-size: 12px;
    font-weight: 600;
}

p.help-block {
    font-size: 11px;
    font-style: italic;
}

.universal-warning {
    background: var(--body-dark);
    color: var(--site-primary-color);
    padding: 5px !important;
    width: 100%;
    border-bottom: solid 1px #e0e0e0;
}

.universal-warning p {
    margin: 0;
    text-align: center;
    font-size: 13px;
}

.universal-warning p a {
    color: var(--site-primary-color);
    text-decoration: underline;
    font-weight: 500;
}

.universal-warning + nav + .page-container .header.main-header-top {
    top: 30px;
}

.universal-warning + nav + .page-container {
    margin-top: 30px;
}

td.image_url a {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    float: none !important;
}

.row.box-date-tiles-filter {
    margin-left: -7.5px;
    margin-right: -7.5px;
}

.row.box-date-tiles-filter > div {
    padding-left: 7.5px;
    padding-right: 7.5px;
}

ul#sub-stages-list li {
    padding: 0;
    border: none;
    margin-bottom: 10px;
    border-bottom: 1px solid #f5f5f5;
    padding-bottom: 10px;
}

ul#sub-stages-list li p {
    font-family: var(--font-emphasis);
    font-weight: 700;
    margin-bottom: 0;
}

ul#sub-stages-list li:last-child {
    border: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.new-panel.training-page table th {
    border: none;
    background: #f5f5f5;
    border-bottom: 1px solid #ededed;
    font-family: var(--font-emphasis);
    text-transform: uppercase;
}

.new-panel.training-page {
    padding: 0;
}

.new-panel.training-page .flex a:first-child {
    margin-right: 5px;
}

.new-panel.training-page td {
    font-family: var(--font-emphasis);
    font-size: 12px;
    text-transform: capitalize;
    font-weight: 500;
}

/****************RESELLER_CSS******************/

/***************COLOR SCHEMA********************/

.item-des h5 {
    color: #333;
}

.item-des {
    border-bottom: 1px solid #eee;
}

.financial-item {
    border: 1px solid #dfdada;
    box-shadow: inset 0 0 32px #eee;
}

.list-group-main .row:nth-child(1) .col-md-3:nth-child(1) .financial-item h5 {
    color: #F24607;
}

.list-group-main .row:nth-child(1) .col-md-3:nth-child(2) .financial-item h5 {
    color: #5CB85C;
}

.list-group-main .row:nth-child(1) .col-md-3:nth-child(3) .financial-item h5 {
    color: #47749D;
}

.list-group-main .row:nth-child(1) .col-md-3:nth-child(4) .financial-item h5 {
    color: #193048;
}

.list-group-main .row:nth-child(2) .col-md-3:nth-child(1) .financial-item h5 {
    color: #193048;
}

.list-group-main .row:nth-child(2) .col-md-3:nth-child(2) .financial-item h5 {
    color: #f552b4;
}

.list-group-main .row:nth-child(2) .col-md-3:nth-child(3) .financial-item h5 {
    color: #F29F05;
}

.list-group-main .row:nth-child(2) .col-md-3:nth-child(4) .financial-item h5 {
    color: #a40967;
}

.list-group-main .row:nth-child(3) .col-md-3:nth-child(1) .financial-item h5 {
    color: #47749D;
}

.list-group-main .row:nth-child(3) .col-md-3:nth-child(2) .financial-item h5 {
    color: #193048;
}

.list-group-main .row:nth-child(3) .col-md-3:nth-child(3) .financial-item h5 {
    color: #F24607;
}

.list-group-main .row:nth-child(3) .col-md-3:nth-child(4) .financial-item h5 {
    color: #5CB85C;
}

.financial-item span {
    color: #333;
}

.features-list li i {
    color: #777;
}

/*************/
.text-muted {
    color: #b3b3b3;
}

/* Style box */
.checkbox-group label .box {
    border: 2px solid #ddd;
}

/* Check icon: create border on the bottom and right only and then rotate */
.checkbox-group label .check {
    border: 2px solid #fff;
}

/* Change color of box when checkbox is checked */
input[type=checkbox]:checked ~ label .box {
    background: #9c27b0;
    border: 2px solid #9c27b0;
}

/***************forms inputs********************/
.md-btn {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

form .input-block {
    border-bottom: 1px solid #ddd;
}

form .input-block > div {
    border-left: 1px solid #ddd;
}

.dtp > .dtp-content > .dtp-date-view > header.dtp-header {
    background: #37474f;
}

.dtp div.dtp-date, .dtp div.dtp-time {
    background: #546e7a;
}

.dtp .p10 > a {
    color: #37474f;
}

.dtp div.dtp-actual-year {
    color: #90a4ae;
}

.dtp table.dtp-picker-days tr > td > a.selected {
    background: #546e7a;
}

form .input-block .SumoSelect > .CaptionCont {
    border-color: #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

form .input-block .SumoSelect > .CaptionCont > span.placeholder {
    color: #dedede;
}

/***************login page********************/
/*.overlay { background: rgba(255, 255, 255, 0.95);}*/
.panel-login .panel-default {
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.panel-login .panel-default .panel-heading {
    color: #fff;
    background: #9c27b0;
    border-color: #dce4ec;
}

.panel-login .panel-default .form-group .btn-link {
    color: #333;
}

/***************sidebar********************/

.sidebar {
    background-color: #F5F6F9;
    box-shadow: 0 4px 7px rgba(0, 0, 0, 0.5); /*0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 7px 0 rgba(0, 0, 0, 0.42);*/
}

.sidebar:after {
    background: #ddd;
}

a.list-group-item, button.list-group-item {
    color: #7e7d8b;
}

/***************content********************/
.page-header {
    border-bottom: 1px solid #DFE8F1;;
}

.dashboard-statis h4 {
    color: #666;
}

.profile-card .info {
    border-right: 1px solid #ddd;
}

.underline-heading {
    border-bottom: 1px solid #ddd;
}

a.badge {
    border: 1px solid #ddd;
    color: #333;
}

a.badge:hover {
    background: #ddd;
    color: #333;
}

.profile-list .media {
    background: #fff;
}

.profile-list .media .media-body .rating li i {
    color: #fbc02d;
}

.profile-list .media .media-body .mute {
    color: #999;
}

.navbar-brand {
    background: #436aa3 none repeat scroll 0 0;;
}

.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
    background: #436aa3 none repeat scroll 0 0;
}

a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover {
    color: #D7D6DD;
    background-color: #282C50;
}

.sub-menu ul li a i {
    color: #6269A0;
}

.sub-menu ul.list-group {
    background: rgba(214, 222, 218, 0.68);
}

.red-circle {
    background: #f75950;
    color: #fff;
    border: 2px solid #242847;
}

.form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: rgba(255, 255, 255, 0.1);
    color: #3d3d3d;
}

.form-control::-moz-placeholder { /* Firefox 19+ */
    color: rgba(255, 255, 255, 0.1);
    color: #3d3d3d;
}

.form-control::-ms-input-placeholder { /* IE 10+ */
    color: rgba(255, 255, 255, 0.1);
    color: #3d3d3d;
}

.form-control::-moz-placeholder { /* Firefox 18- */
    color: rgba(255, 255, 255, 0.1);
    color: #3d3d3d;
}

/********** Profile DropDown *************/
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    color: #fff;
    background-color: #436AA3;
}

.navbar-right ul.dropdown-menu {
    border-top: 4px solid #5489CF;
}

.profile-dropdown li.list-group-item {
    border-color: #eee;
}

.profile-dropdown li.list-group-item a {
    color: #666DA3;
}

.navbar-right ul.dropdown-menu:after {
    border-bottom-color: #5489CF;
}

strong.name {
    color: #636060;
}

.text-left.small.email {
    color: #5489CF;
}

.profile-dropdown .dropdown-footer {
    background-color: #fafafa;
}

.dropdown-menu > li > a {
    color: #333;
}

.language span {
    width: 15px;
    height: 16px;
    display: inline-block;
    margin-right: 4px;
    background-position: 0 1px;
}

.navbar .dropdown-menu > li.dropdown-header {
    background: #fafafa;
    border-bottom: 1px solid #DEDEDE;
}

.dropdown-header {
    color: #777777;
}

li.media {
    border-bottom: 1px solid #eee;
}

li.account-info {
    border-bottom: 1px solid #eee;
}

.profile-pic h5 {;
    color: #797272;
}

.profile-body h5 {
    color: #797272;
}

a.dropdown-toggle.logout {
    background: #436AA3;
}

.language li {
    border-bottom: 1px solid #f0f0f0;
    padding: 0;
}

.language li a {
    display: inline-block;
    width: 100%;
    padding: 10px;
    color: #555;
    font-size: 14px;
}

.language li:hover {
    background: #f5f5f5;
}

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

ul.language li.active {
    background: #f0f0f0;
}

/*****************panel******************/
@media (max-width: 768px) {
    .navbar-nav .open .dropdown-menu {
        background-color: #fff;
        border-top: 4px solid #5489CF;
    }

    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
        color: #fff;
        background-color: #5489CF;
    }

    .profile-dropdown li.list-group-item {
        border-color: #eee !important;
    }

    .profile-dropdown li.list-group-item a {
        color: #666DA3 !important;
    }

    .nav-tabs-justified > li > a {
        border-bottom: 1px solid #ddd;
    }

    .nav-tabs-justified > .active > a,
    .nav-tabs-justified > .active > a:hover,
    .nav-tabs-justified > .active > a:focus {
        border-bottom-color: #fff;
    }

    .nav-tabs.nav-justified > li > a {
        border-bottom: 1px solid #ddd;
    }

    .nav-tabs.nav-justified > .active > a,
    .nav-tabs.nav-justified > .active > a:hover,
    .nav-tabs.nav-justified > .active > a:focus {
        border-bottom-color: #fff;
    }
}

@media (max-width: 660px) {
    .navbar {
        background: #436AA3 none repeat scroll 0 0;
    }

    .top-menu-input {
        border-top: 1px solid #3D6196;
    }

    .top-menu-input span input {
        border-left: 0 solid #DEEDF4 !important;
    }

    .top-menu-button span i {
        color: #fff;
    }

    .top-menu-button > span:hover, .navbar-default .navbar-nav > li > a:hover {
        background: #5489CF;
        color: #fff;
    }
}

@media (max-width: 480px) {

    .header.main-header-top {
        height: 48px;
    }

    .top-input-area input.header-search {
        display: block;
        font-size: 18px;
    }

    .top-input-area .clear-search-input {
        display: block;
        font-size: 14px;
    }

    .top-input-area input.header-search {
        width: calc(100% - 40px);
        font-size: 18px;
        line-height: 29px;
    }

    .top-input-area {
        background: #fff;
        width: 100%;
        position: absolute;
        left: 0px;
        top: 0px;
        z-index: 9;
        -webkit-animation: expand 1s;
        padding: 9px 15px;
        height: 48px;
    }

    .top-input-area .collapse-search {
        margin-top: 8px;
        display: block;
        font-size: 14px;
        color: #bababa;
    }

    .header-holder .mkp {
        margin: 0 !important;
    }

    .top-menu-input {
        border-top: 1px solid #3D6196;
    }

    .header .system_uid{
        top: 28px !important;
        right: 10px !important;
    }

    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
        color: #fff;
        background-color: #5489CF;
    }

    nav .dropdown-menu {
        background-color: #fff;
        border-color: #5489CF;
    }

    ul.column_names {
        background-color: #fff;
        border-color: #5CCEC6;
    }

    .clear-search-input {
        display: none;
    }

    ul.dropdown_bookmark_links .dropdown > a {
        font-size: 16px;
    }

    .profile-head {
        background-color: transparent !important;
        color: var(--body-text-color) !important;
    }

    .thumbnail-wrapper.d32 {
        width: auto;
        height: auto;
    }

    .thumbnail-wrapper.d32 i.fa-user {
        font-size: 20px !important;
    }

    a.questionMark {
        padding: 0px;
        border-left: none !important;
        font-size: 18px;
    }

    a.questionMark span.help-text {
        display: none;
    }

    a.questionMark .fa-question {
        display: block;
    }

    a.mkp {
        padding: 8px 5px;
    }

    .search-section .filter-spn {
        display: none;
    }

    .d-flex .d-inline-block.mkp{
        max-width: 75px;
        padding: 0px;
        border-left: none !important;
        border-right: none !important;
    }

    .d-flex .d-inline-block.mkp p{
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        display: none;
    }

    .header .d-flex > a {
        margin: 0px 7.5px;
    }

    .header .d-flex .dropdown {
        margin-left: 8px;
    }

    .d-flex .d-inline-block.mkp .map-mobile {
        display: block;
        font-size: 16px;
        margin: 0 7.5px;
    }

    .header a.m-r-15.mkp {
        margin-left: 0px;
    }

    .toggle-sidebar {
        padding-right: 12px;
        padding-left: 12px;
        height: 48px;
    }

    .search-section .bookmark_dropdown_link .b-r {
        border-right: none;
    }

    .header.main-header-top .header-holder {
        padding-left: 15px;
    }

    .header .search-link i {
        font-size: 14px;
    }

    /* product details modal footer buttons */
    .modal.fade .modal-dialog .modal-footer {
        display: block;
    }
    .modal.fade .modal-dialog .modal-footer button {
        display: block;
        width: 100%;
        margin: 0 0 5px;
    }
    /* help dropdown menu */
    .dropdown-menu.knowledge-dropdown {
        margin-top: 15px;
    }
}

.bg-primary {
    background-color: var(--primary) !important;
    color: #f5f8fd;
}

a.bg-primary:hover {
    background-color: var(--primary) !important;
}

.bg-primary .text-muted {
    color: #c5dcfa;
}

.bg-primary .text-darken {
    color: var(--primary);
}

.bg-primary.light {
    background-color: var(--primary) !important;
}

.bg-primary.lighter {
    background-color: var(--primary) !important;
}

.bg-primary.dark {
    background-color: var(--primary) !important;
}

.bg-primary.darker {
    background-color: var(--primary) !important;
}

.bg-primary .open > a,
.bg-primary .open > a:hover,
.bg-primary .open > a:focus {
    color: #ffffff;
}

.bg-success {
    background-color: var(--success) !important;
    color: #fcfefb;
}

a.bg-success:hover {
    background-color: var(--success) !important;
}

.bg-success .text-muted {
    color: #d6f5d1;
}

.bg-success .text-darken {
    color: var(--success);
}

.bg-success.light {
    background-color: var(--success) !important;
}

.bg-success.lighter {
    background-color: var(--success) !important;
}

.bg-success.dark {
    background-color: var(--success) !important;
}

.bg-success.darker {
    background-color: var(--success) !important;
}

.bg-success .open > a,
.bg-success .open > a:hover,
.bg-success .open > a:focus {
    color: #ffffff;
}

.bg-info {
    background-color: var(--info) !important;
    color: #e7f5fa;
}

a.bg-info:hover {
    background-color: var(--info) !important;
}

.bg-info .text-muted {
    color: #b6e6f8;
}

.bg-info .text-darken {
    color: var(--info);
}

.bg-info.light {
    background-color: var(--info) !important;
}

.bg-info.lighter {
    background-color: var(--info) !important;
}

.bg-info.dark {
    background-color: var(--info) !important;
}

.bg-info.darker {
    background-color: var(--info) !important;
}

.bg-info .open > a,
.bg-info .open > a:hover,
.bg-info .open > a:focus {
    color: #ffffff;
}

.bg-warning {
    background-color: var(--warning) !important;
    color: #ffffff;
}

a.bg-warning:hover {
    background-color: var(--warning) !important;
}

.bg-warning .text-muted {
    color: #fff0d2;
}

.bg-warning .text-darken {
    color: var(--warning);
}

.bg-warning.light {
    background-color: var(--warning) !important;
}

.bg-warning.lighter {
    background-color: var(--warning) !important;
}

.bg-warning.dark {
    background-color: var(--warning) !important;
}

.bg-warning.darker {
    background-color: var(--warning) !important;
}

.bg-warning .open > a,
.bg-warning .open > a:hover,
.bg-warning .open > a:focus {
    color: #ffffff;
}

.bg-danger {
    background-color: var(--danger) !important;
    color: #fef7f6;
}

a.bg-danger:hover {
    background-color: var(--danger) !important;
}

.bg-danger .text-muted {
    color: #fdccc4;
}

.bg-danger .text-darken {
    color: var(--danger);
}

.bg-danger.light {
    background-color: var(--danger) !important;
}

.bg-danger.lighter {
    background-color: var(--danger) !important;
}

.bg-danger.dark {
    background-color: var(--danger) !important;
}

.bg-danger.darker {
    background-color: var(--danger) !important;
}

.bg-danger .open > a,
.bg-danger .open > a:hover,
.bg-danger .open > a:focus {
    color: #ffffff;
}

.bg-alert {
    background-color: var(--alert) !important;
    color: #ffffff;
}

a.bg-alert:hover {
    background-color: var(--alert) !important;
}

.bg-alert .text-muted {
    color: #f5f2fd;
}

.bg-alert .text-darken {
    color: var(--alert);
}

.bg-alert.light {
    /* background-color: #y992e2 !important; */
}

.bg-alert.lighter {
    background-color: var(--alert) !important;
}

.bg-alert.dark {
    background-color: var(--alert) !important;
}

.bg-alert.darker {
    background-color: var(--alert) !important;
}

.bg-alert .open > a,
.bg-alert .open > a:hover,
.bg-alert .open > a:focus {
    color: #ffffff;
}

.bg-system {
    background-color: #37bc9b !important;
    color: #cef1e8;
}

a.bg-system:hover {
    background-color: #2b957a !important;
}

.bg-system .text-muted {
    color: #9eeeda;
}

.bg-system .text-darken {
    color: #2b957a;
}

.bg-system.light {
    background-color: #48c9a9 !important;
}

.bg-system.lighter {
    background-color: #58ceb1 !important;
}

.bg-system.dark {
    background-color: #30a487 !important;
}

.bg-system.darker {
    background-color: #2b957a !important;
}

.bg-system .open > a,
.bg-system .open > a:hover,
.bg-system .open > a:focus {
    color: #ffffff;
}

.bg-dark {
    background-color: #3b3f4f !important;
    color: #9fa4b7;
}

a.bg-dark:hover {
    background-color: #252832 !important;
}

.bg-dark .text-muted {
    color: #717eb2;
}

.bg-dark .text-darken {
    color: #252832;
}

.bg-dark.light {
    background-color: #484d61 !important;
}

.bg-dark.lighter {
    background-color: #51566c !important;
}

.bg-dark.dark {
    background-color: #2e313d !important;
}

.bg-dark.darker {
    background-color: #252832 !important;
}

.bg-dark .open > a,
.bg-dark .open > a:hover,
.bg-dark .open > a:focus {
    color: #ffffff;
}

.bg-light {
    background-color: #FAFAFA;
    color: #666;
}

a.bg-light:hover {
    background-color: #e8e8e8 !important;
}

.bg-light .text-muted {
    color: #999;
}

.bg-light .text-darken {
    color: #222;
}

.bg-light.light {
    background-color: #FEFEFE;
}

.bg-light.lighter {
    background-color: #FFF;
}

.bg-light.dark {
    background-color: #F2F2F2;
}

.bg-light.darker {
    background-color: #E7E7E7;
}

.bg-white {
    background-color: #FAFAFA;
    color: #666;
    background-color: #ffffff !important;
}

a.bg-white:hover {
    background-color: #ededed !important;
}

.bg-white .text-muted {
    color: #999;
}

.bg-white .text-darken {
    color: #222;
}

.bg-white.light {
    background-color: #FEFEFE;
}

.bg-white.lighter {
    background-color: #FFF;
}

.bg-white.dark {
    background-color: #F2F2F2;
}

.bg-white.darker {
    background-color: #E7E7E7;
}

/* BADGES CONTEXTUALS
 * linked labels get darker on :hover
 */
.badge-default {
    background-color: #777777;
}

.badge-default[href]:hover,
.badge-default[href]:focus {
    background-color: #5e5e5e;
}

.badge-primary {
    background-color: var(--primary);
}

.badge-primary[href]:hover,
.badge-primary[href]:focus {
    background-color: var(--primary);
}

.badge-success {
    background-color: var(--success);
}

.badge-success[href]:hover,
.badge-success[href]:focus {
    background-color: var(--success);
}

.badge-info {
    background-color: var(--info);
}

.badge-info[href]:hover,
.badge-info[href]:focus {
    background-color: var(--info);
}

.badge-warning {
    background-color: var(--warning);
}

.badge-warning[href]:hover,
.badge-warning[href]:focus {
    background-color: var(--warning);
}

.badge-danger {
    background-color: var(--danger);
}

.badge-danger[href]:hover,
.badge-danger[href]:focus {
    background-color: var(--danger);
}

.badge-alert {
    background-color: var(--danger);
}

.badge-alert[href]:hover,
.badge-alert[href]:focus {
    background-color: var(--danger);
}

.badge-system {
    background-color: #37bc9b;
}

.badge-system[href]:hover,
.badge-system[href]:focus {
    background-color: #2b957a;
}

.badge-dark {
    background-color: #3b3f4f;
}

.badge-dark[href]:hover,
.badge-dark[href]:focus {
    background-color: #252832;
}

/* LABELS CONTEXTUALS
 */
.label-muted {
    background-color: #aaaaaa;
}

.label-muted[href]:hover,
.label-muted[href]:focus {
    background-color: #919191;
}

.label-default {
}

.label-default[href]:hover,
.label-default[href]:focus {
    background-color: #5e5e5e;
}

.label-primary {
    background-color: var(--primary);
}

.label-primary[href]:hover,
.label-primary[href]:focus {
    background-color: var(--primary);
}

.label-success {
    background-color: var(--success);
}

.label-success[href]:hover,
.label-success[href]:focus {
    background-color: var(--success);
}

.label-info {
    background-color: var(--info);
}

.label-info[href]:hover,
.label-info[href]:focus {
    background-color: var(--info);
}

.label-warning {
    background-color: var(--warning);
}

.label-warning[href]:hover,
.label-warning[href]:focus {
    background-color: var(--warning);
}

.label-danger {
    background-color: var(--danger);
}

.label-danger[href]:hover,
.label-danger[href]:focus {
    background-color: var(--danger);
}

.label-alert {
    background-color: var(--danger);
}

.label-alert[href]:hover,
.label-alert[href]:focus {
    background-color: var(--danger);
}

.label-system {
    background-color: #37bc9b;
}

.label-system[href]:hover,
.label-system[href]:focus {
    background-color: #2b957a;
}

.label-dark {
    background-color: #3b3f4f;
}

.label-dark[href]:hover,
.label-dark[href]:focus {
    background-color: #252832;
}

/* BUTTON CONTEXTUALS
 */

.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.open > .dropdown-toggle.btn-success {
    border-color: rgba(0, 0, 0, 0.05);
}

.btn-default {
    color: #666666;
    background-color: #f0f0f0;
    border-color: rgba(0, 0, 0, 0.1);
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    color: #666666;
    background-color: #eaeaea;
}

.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
    background-color: #f0f0f0;
    border-color: #dddddd;
}

.btn-default .badge {
    color: #f0f0f0;
    background-color: #666666;
}

.btn-default.btn-gradient {
    text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.4);
    border-color: rgba(0, 0, 0, 0.07) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.09);
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0.3) 100%);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0.3) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff', endColorstr='#00ffffff', GradientType=0);
}

.btn-default.light {
    background-color: #FAFAFA;
}

.btn-default.light:hover,
.btn-default.light:focus,
.btn-default.light:active,
.btn-default.light.active,
.open > .dropdown-toggle.btn-default.light {
    background-color: #ececec;
}

.btn-default.dark {
    background-color: #e8e8e8;
}

.btn-default.dark:hover,
.btn-default.dark:focus,
.btn-default.dark:active,
.btn-default.dark.active,
.open > .dropdown-toggle.btn-default.dark {
    background-color: #e1e1e1;
}

.btn-primary {
    color: #ffffff !important;
    border-color: var(--primary);
    background-color: var(--primary);
    border: 1px solid var(--primary) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    color: #ffffff;
    background-color: var(--primary) !important;

}

.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: var(--primary);
    border-color: var(--primary);
}

.btn-primary .badge {
    color: var(--primary);
    background-color: #ffffff;
}

.btn-primary.light {
    background-color: #649ae1;
}

.btn-primary.light:hover,
.btn-primary.light:focus,
.btn-primary.light:active,
.btn-primary.light.active,
.open > .dropdown-toggle.btn-primary.light {
    background-color: var(--primary);
}

.btn-primary.dark {
    background-color: var(--primary);
}

.btn-primary.dark:hover,
.btn-primary.dark:focus,
.btn-primary.dark:active,
.btn-primary.dark.active,
.open > .dropdown-toggle.btn-primary.dark {
    background-color: #266ac3;
}

.btn-success {
    color: #ffffff;
    background-color: var(--success);
    border: 1px solid var(--success);
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
    color: #ffffff;
    background-color: var(--success);
}

.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: var(--success);
    border-color: var(--success);
}

.btn-success .badge {
    color: var(--success);
    background-color: #ffffff;
}

.btn-success.light {
    background-color: #85d27a;
}

.btn-success.light:hover,
.btn-success.light:focus,
.btn-success.light:active,
.btn-success.light.active,
.open > .dropdown-toggle.btn-success.light {
    background-color: var(--success);
}

.btn-success.dark {
    background-color: var(--success);
}

.btn-success.dark:hover,
.btn-success.dark:focus,
.btn-success.dark:active,
.btn-success.dark.active,
.open > .dropdown-toggle.btn-success.dark {
    background-color: #4cb33d;
}

.btn-info {
    color: #ffffff;
    background-color: var(--info);
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
    color: #ffffff;
    background-color: #269dc9;
}

.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: var(--info);
    border-color: var(--info);
}

.btn-info .badge {
    color: var(--info);
    background-color: #ffffff;
}

.btn-info.light {
    background-color: #55badf;
}

.btn-info.light:hover,
.btn-info.light:focus,
.btn-info.light:active,
.btn-info.light.active,
.open > .dropdown-toggle.btn-info.light {
    background-color: var(--info);
}

.btn-info.dark {
    background-color: var(--info);
}

.btn-info.dark:hover,
.btn-info.dark:focus,
.btn-info.dark:active,
.btn-info.dark.active,
.open > .dropdown-toggle.btn-info.dark {
    background-color: #228eb6;
}

.btn-warning {
    color: #ffffff;
    background-color: var(--warning);
    border-color: var(--warning);
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
    color: #ffffff;
    background-color: var(--warning);
}

.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: var(--warning);
    border-color: var(--warning);
}

.btn-warning .badge {
    color: var(--warning);
    background-color: #ffffff;
}

.btn-warning.light {
    background-color: #f7c65f;
}

.btn-warning.light:hover,
.btn-warning.light:focus,
.btn-warning.light:active,
.btn-warning.light.active,
.open > .dropdown-toggle.btn-warning.light {
    background-color: var(--warning);
}

.btn-warning.dark {
    background-color: var(--warning);
}

.btn-warning.dark:hover,
.btn-warning.dark:focus,
.btn-warning.dark:active,
.btn-warning.dark.active,
.open > .dropdown-toggle.btn-warning.dark {
    background-color: var(--warning);
}

.btn-danger {
    color: #ffffff;
    background-color: var(--danger);
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
    color: #ffffff;
    background-color: var(--danger);
}

.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: var(--danger);
    border-color: var(--danger);
}

.btn-danger .badge {
    color: var(--danger);
    background-color: #ffffff;
}

.btn-danger.light {
    background-color: #ec6f5a;
}

.btn-danger.light:hover,
.btn-danger.light:focus,
.btn-danger.light:active,
.btn-danger.light.active,
.open > .dropdown-toggle.btn-danger.light {
    background-color: var(--danger);
}

.btn-danger.dark {
    background-color: var(--danger);
}

.btn-danger.dark:hover,
.btn-danger.dark:focus,
.btn-danger.dark:active,
.btn-danger.dark.active,
.open > .dropdown-toggle.btn-danger.dark {
    background-color: #d33218;
}

.btn-alert {
    color: #ffffff;
    background-color: var(--danger);
}

.btn-alert:hover,
.btn-alert:focus,
.btn-alert:active,
.btn-alert.active,
.open > .dropdown-toggle.btn-alert {
    color: #ffffff;
    background-color: #7e5cd4;
}

.btn-alert.disabled,
.btn-alert[disabled],
fieldset[disabled] .btn-alert,
.btn-alert.disabled:hover,
.btn-alert[disabled]:hover,
fieldset[disabled] .btn-alert:hover,
.btn-alert.disabled:focus,
.btn-alert[disabled]:focus,
fieldset[disabled] .btn-alert:focus,
.btn-alert.disabled:active,
.btn-alert[disabled]:active,
fieldset[disabled] .btn-alert:active,
.btn-alert.disabled.active,
.btn-alert[disabled].active,
fieldset[disabled] .btn-alert.active {
    background-color: var(--danger);
    border-color: var(--danger);
}

.btn-alert .badge {
    color: var(--danger);
    background-color: #ffffff;
}

.btn-alert.light {
    background-color: #a992e2;
}

.btn-alert.light:hover,
.btn-alert.light:focus,
.btn-alert.light:active,
.btn-alert.light.active,
.open > .dropdown-toggle.btn-alert.light {
    background-color: var(--alert);
}

.btn-alert.dark {
    background-color: var(--alert);
}

.btn-alert.dark:hover,
.btn-alert.dark:focus,
.btn-alert.dark:active,
.btn-alert.dark.active,
.open > .dropdown-toggle.btn-alert.dark {
    background-color: #704acf;
}

.btn-system {
    color: #ffffff;
    background-color: #37bc9b;
}

.btn-system:hover,
.btn-system:focus,
.btn-system:active,
.btn-system.active,
.open > .dropdown-toggle.btn-system {
    color: #ffffff;
    background-color: #2e9e83;
}

.btn-system.disabled,
.btn-system[disabled],
fieldset[disabled] .btn-system,
.btn-system.disabled:hover,
.btn-system[disabled]:hover,
fieldset[disabled] .btn-system:hover,
.btn-system.disabled:focus,
.btn-system[disabled]:focus,
fieldset[disabled] .btn-system:focus,
.btn-system.disabled:active,
.btn-system[disabled]:active,
fieldset[disabled] .btn-system:active,
.btn-system.disabled.active,
.btn-system[disabled].active,
fieldset[disabled] .btn-system.active {
    background-color: #37bc9b;
    border-color: #37bc9b;
}

.btn-system .badge {
    color: #37bc9b;
    background-color: #ffffff;
}

.btn-system.light {
    background-color: #48c9a9;
}

.btn-system.light:hover,
.btn-system.light:focus,
.btn-system.light:active,
.btn-system.light.active,
.open > .dropdown-toggle.btn-system.light {
    background-color: #30a487;
}

.btn-system.dark {
    background-color: #30a487;
}

.btn-system.dark:hover,
.btn-system.dark:focus,
.btn-system.dark:active,
.btn-system.dark.active,
.open > .dropdown-toggle.btn-system.dark {
    background-color: #298d74;
}

.btn-dark {
    color: #ffffff;
    background-color: #3b3f4f;
}

.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active,
.btn-dark.active,
.open > .dropdown-toggle.btn-dark {
    color: #ffffff;
    background-color: #2b2e39;
}

.btn-dark.disabled,
.btn-dark[disabled],
fieldset[disabled] .btn-dark,
.btn-dark.disabled:hover,
.btn-dark[disabled]:hover,
fieldset[disabled] .btn-dark:hover,
.btn-dark.disabled:focus,
.btn-dark[disabled]:focus,
fieldset[disabled] .btn-dark:focus,
.btn-dark.disabled:active,
.btn-dark[disabled]:active,
fieldset[disabled] .btn-dark:active,
.btn-dark.disabled.active,
.btn-dark[disabled].active,
fieldset[disabled] .btn-dark.active {
    background-color: #3b3f4f;
    border-color: #3b3f4f;
}

.btn-dark .badge {
    color: #3b3f4f;
    background-color: #ffffff;
}

.btn-dark.light {
    background-color: #484d61;
}

.btn-dark.light:hover,
.btn-dark.light:focus,
.btn-dark.light:active,
.btn-dark.light.active,
.open > .dropdown-toggle.btn-dark.light {
    background-color: #2e313d;
}

.btn-dark.dark {
    background-color: #2e313d;
}

.btn-dark.dark:hover,
.btn-dark.dark:focus,
.btn-dark.dark:active,
.btn-dark.dark.active,
.open > .dropdown-toggle.btn-dark.dark {
    background-color: #21232c;
}

/* ALT BUTTON CONTEXTUALS
 */
.btn.btn-alt.btn-default {
    border-left-color: #AAA;
}

.btn.btn-alt.btn-primary {
    border-left-color: var(--primary);
}

.btn.btn-alt.btn-success {
    border-left-color: var(--success);
}

.btn.btn-alt.btn-info {
    border-left-color: var(--info);
}

.btn.btn-alt.btn-warning {
    border-left-color: var(--warning);
}

.btn.btn-alt.btn-danger {
    border-left-color: var(--danger);
}

.btn.btn-alt.btn-alert {
    border-left-color: var(--danger);
}

.btn.btn-alt.btn-system {
    border-left-color: #37bc9b;
}

.btn.btn-alt.btn-dark {
    border-left-color: #3b3f4f;
}

/* CHECKBOX/RADIO CONTEXTUALS */
/* radio border */
.radio-custom label:before {
    border: 2px solid #666;
}

/* check radio icon */
.radio-custom input[type=radio]:checked + label:after,
.radio-custom input[type=checkbox]:checked + label:after {
    color: #666;
    background-color: #666;
}

/* checkbox border */
.checkbox-custom label:before {
    background-color: #FFF;
    border: 1px solid #666;
}

.checkbox-custom.fill label:before {
    background-color: #666;
}

.checkbox-custom.fill input[type=checkbox]:checked + label:after,
.checkbox-custom.fill input[type=radio]:checked + label:after {
    color: #fff !important;
}

.radio-custom.radio-primary label:before,
.checkbox-custom.checkbox-primary label:before {
    border-color: #649ae1;
}

.radio-custom.radio-primary input[type=radio]:checked + label:after,
.radio-custom.radio-primary input[type=checkbox]:checked + label:after,
.checkbox-custom.checkbox-primary input[type=checkbox]:checked + label:after,
.checkbox-custom.checkbox-primary input[type=radio]:checked + label:after {
    background-color: #649ae1;
    color: #649ae1;
}

.checkbox-custom.fill.checkbox-primary label:before {
    background-color: #649ae1;
}

.radio-custom.radio-success label:before,
.checkbox-custom.checkbox-success label:before {
    border-color: #85d27a;
}

.radio-custom.radio-success input[type=radio]:checked + label:after,
.radio-custom.radio-success input[type=checkbox]:checked + label:after,
.checkbox-custom.checkbox-success input[type=checkbox]:checked + label:after,
.checkbox-custom.checkbox-success input[type=radio]:checked + label:after {
    background-color: #85d27a;
    color: #85d27a;
}

.checkbox-custom.fill.checkbox-success label:before {
    background-color: #85d27a;
}

.radio-custom.radio-info label:before,
.checkbox-custom.checkbox-info label:before {
    border-color: #55badf;
}

.radio-custom.radio-info input[type=radio]:checked + label:after,
.radio-custom.radio-info input[type=checkbox]:checked + label:after,
.checkbox-custom.checkbox-info input[type=checkbox]:checked + label:after,
.checkbox-custom.checkbox-info input[type=radio]:checked + label:after {
    background-color: #55badf;
    color: #55badf;
}

.checkbox-custom.fill.checkbox-info label:before {
    background-color: #55badf;
}

.radio-custom.radio-warning label:before,
.checkbox-custom.checkbox-warning label:before {
    border-color: #f7c65f;
}

.radio-custom.radio-warning input[type=radio]:checked + label:after,
.radio-custom.radio-warning input[type=checkbox]:checked + label:after,
.checkbox-custom.checkbox-warning input[type=checkbox]:checked + label:after,
.checkbox-custom.checkbox-warning input[type=radio]:checked + label:after {
    background-color: #f7c65f;
    color: #f7c65f;
}

.checkbox-custom.fill.checkbox-warning label:before {
    background-color: #f7c65f;
}

.radio-custom.radio-danger label:before,
.checkbox-custom.checkbox-danger label:before {
    border-color: #ec6f5a;
}

.radio-custom.radio-danger input[type=radio]:checked + label:after,
.radio-custom.radio-danger input[type=checkbox]:checked + label:after,
.checkbox-custom.checkbox-danger input[type=checkbox]:checked + label:after,
.checkbox-custom.checkbox-danger input[type=radio]:checked + label:after {
    background-color: #ec6f5a;
    color: #ec6f5a;
}

.checkbox-custom.fill.checkbox-danger label:before {
    background-color: #ec6f5a;
}

.radio-custom.radio-alert label:before,
.checkbox-custom.checkbox-alert label:before {
    border-color: #a992e2;
}

.radio-custom.radio-alert input[type=radio]:checked + label:after,
.radio-custom.radio-alert input[type=checkbox]:checked + label:after,
.checkbox-custom.checkbox-alert input[type=checkbox]:checked + label:after,
.checkbox-custom.checkbox-alert input[type=radio]:checked + label:after {
    background-color: #a992e2;
    color: #a992e2;
}

.checkbox-custom.fill.checkbox-alert label:before {
    background-color: #a992e2;
}

.radio-custom.radio-system label:before,
.checkbox-custom.checkbox-system label:before {
    border-color: #48c9a9;
}

.radio-custom.radio-system input[type=radio]:checked + label:after,
.radio-custom.radio-system input[type=checkbox]:checked + label:after,
.checkbox-custom.checkbox-system input[type=checkbox]:checked + label:after,
.checkbox-custom.checkbox-system input[type=radio]:checked + label:after {
    background-color: #48c9a9;
    color: #48c9a9;
}

.checkbox-custom.fill.checkbox-system label:before {
    background-color: #48c9a9;
}

.radio-custom.radio-dark label:before,
.checkbox-custom.checkbox-dark label:before {
    border-color: #484d61;
}

.radio-custom.radio-dark input[type=radio]:checked + label:after,
.radio-custom.radio-dark input[type=checkbox]:checked + label:after,
.checkbox-custom.checkbox-dark input[type=checkbox]:checked + label:after,
.checkbox-custom.checkbox-dark input[type=radio]:checked + label:after {
    background-color: #484d61;
    color: #484d61;
}

.checkbox-custom.fill.checkbox-dark label:before {
    background-color: #484d61;
}

.radio-custom.radio-light label:before,
.checkbox-custom.checkbox-light label:before {
    border-color: #eee;
}

.radio-custom.radio-light input[type=radio]:checked + label:after,
.radio-custom.radio-light input[type=checkbox]:checked + label:after,
.checkbox-custom.checkbox-light input[type=checkbox]:checked + label:after,
.checkbox-custom.checkbox-light input[type=radio]:checked + label:after {
    background-color: #666;
    color: #666 !important;
}

.checkbox-custom.fill.checkbox-light label:before {
    background-color: #eee;
}

.radio-custom.radio-disabled label:before,
.checkbox-custom.checkbox-disabled label:before {
    border-color: #b9b9b9;
}

.radio-custom.radio-disabled input[type=radio]:checked + label:after,
.radio-custom.radio-disabled input[type=checkbox]:checked + label:after,
.checkbox-custom.checkbox-disabled input[type=checkbox]:checked + label:after,
.checkbox-custom.checkbox-disabled input[type=radio]:checked + label:after {
    background-color: #b9b9b9;
    color: #b9b9b9;
}

.checkbox-custom.fill.checkbox-disabled label:before {
    background-color: #b9b9b9;
}

/* LISTGROUP CONTEXTUALS
 * Add modifier classes to change text and background color on individual items.
 * Organizationally, this must come after the `:hover` states.
 */
.list-group-item-primary {
    color: #1f57a1;
    border-color: #97bbeb;
    background-color: #caddf5;
}

a.list-group-item-primary {
    color: #1f57a1;
}

a.list-group-item-primary .list-group-item-heading {
    color: inherit;
}

a.list-group-item-primary:hover,
a.list-group-item-primary:focus {
    color: #1f57a1;
    background-color: #dbe8f8;
}

a.list-group-item-primary.active,
a.list-group-item-primary.active:hover,
a.list-group-item-primary.active:focus {
    color: #fff;
    background-color: var(--primary);
    border-color: var(--primary);
}

.list-group-item-success {
    color: #3f9532;
    border-color: #afe1a8;
    background-color: #d9f1d5;
}

a.list-group-item-success {
    color: #3f9532;
}

a.list-group-item-success .list-group-item-heading {
    color: inherit;
}

a.list-group-item-success:hover,
a.list-group-item-success:focus {
    color: #3f9532;
    background-color: #e7f6e4;
}

a.list-group-item-success.active,
a.list-group-item-success.active:hover,
a.list-group-item-success.active:focus {
    color: #fff;
    background-color: var(--success);
    border-color: var(--success);
}

.list-group-item-info {
    color: #1c7393;
    border-color: #88cfe9;
    background-color: #bce4f2;
}

a.list-group-item-info {
    color: #1c7393;
}

a.list-group-item-info .list-group-item-heading {
    color: inherit;
}

a.list-group-item-info:hover,
a.list-group-item-info:focus {
    color: #1c7393;
    background-color: #cdebf6;
}

a.list-group-item-info.active,
a.list-group-item-info.active:hover,
a.list-group-item-info.active:focus {
    color: #fff;
    background-color: var(--info);
    border-color: var(--info);
}

.list-group-item-warning {
    color: #c88a0a;
    border-color: #fadb9a;
    background-color: #fdf0d4;
}

a.list-group-item-warning {
    color: #c88a0a;
}

a.list-group-item-warning .list-group-item-heading {
    color: inherit;
}

a.list-group-item-warning:hover,
a.list-group-item-warning:focus {
    color: #c88a0a;
    background-color: #fef7e8;
}

a.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus {
    color: #fff;
    background-color: var(--warning);
    border-color: var(--warning);
}

.list-group-item-danger {
    color: #bc2d16;
    border-color: #f4ab9f;
    background-color: #fadbd6;
}

a.list-group-item-danger {
    color: #bc2d16;
}

a.list-group-item-danger .list-group-item-heading {
    color: inherit;
}

a.list-group-item-danger .list-group-item-heading {
    color: inherit;
}

a.list-group-item-danger:hover,
a.list-group-item-danger:focus {
    color: #bc2d16;
    background-color: #fcebe8;
}

a.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus {
    color: #fff;
    background-color: var(--danger);
    border-color: var(--danger);
}

.list-group-item-alert {
    color: #542fb2;
    border-color: #c6b7ec;
    background-color: #ece7f9;
}

a.list-group-item-alert {
    color: #542fb2;
}

a.list-group-item-alert .list-group-item-heading {
    color: inherit;
}

a.list-group-item-alert:hover,
a.list-group-item-alert:focus {
    color: #542fb2;
    background-color: #f9f7fd;
}

a.list-group-item-alert.active,
a.list-group-item-alert.active:hover,
a.list-group-item-alert.active:focus {
    color: #fff;
    background-color: var(--danger);
    border-color: var(--danger);
}

.list-group-item-system {
    color: #206d5a;
    border-color: #77d7c0;
    background-color: #a7e5d6;
}

a.list-group-item-system {
    color: #206d5a;
}

a.list-group-item-system .list-group-item-heading {
    color: inherit;
}

a.list-group-item-system:hover,
a.list-group-item-system:focus {
    color: #206d5a;
    background-color: #b7eadd;
}

a.list-group-item-system.active,
a.list-group-item-system.active:hover,
a.list-group-item-system.active:focus {
    color: #fff;
    background-color: #37bc9b;
    border-color: #37bc9b;
}

.list-group-item-dark {
    color: #3b3f4f;
    border-color: #999eb3;
    background-color: #bcbfcd;
}

a.list-group-item-dark {
    color: #3b3f4f;
}

a.list-group-item-dark .list-group-item-heading {
    color: inherit;
}

a.list-group-item-dark:hover,
a.list-group-item-dark:focus {
    color: #3b3f4f;
    background-color: #c8cbd6;
}

a.list-group-item-dark.active,
a.list-group-item-dark.active:hover,
a.list-group-item-dark.active:focus {
    color: #fff;
    background-color: #3b3f4f;
    border-color: #3b3f4f;
}

/* PANEL CONTEXTUALS
 */
.panel-default > .panel-heading {
    background: #fff;
    color: #2c2c2c;
    font-weight: 400;
}

.panel-default .panel-controls > a {
    color: #333333;
}

.panel-primary.panel-border {
    border-color: var(--primary);
}

.panel-primary > .panel-heading {
    color: #ffffff;
    background-color: var(--primary);
    border-color: var(--primary);
}

.panel-primary > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: var(--primary);
}

.panel-primary > .panel-heading .badge {
    color: var(--primary);
    background-color: #ffffff;
}

.panel-primary > .panel-heading > .panel-title {
    color: #ffffff;
}

.panel-primary > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: var(--primary);
}

.panel-primary > .panel-body.fill {
    color: #FFF;
    border-color: #82ade7;
    background-color: #82ade7;
}

.panel-primary > .panel-body.border {
    border: 3px solid var(--primary);
}

.panel-success.panel-border {
    border-color: var(--success);
}

.panel-success > .panel-heading {
    color: #ffffff;
    background-color: var(--success);
    border-color: var(--success);
}

.panel-success > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: var(--success);
}

.panel-success > .panel-heading .badge {
    color: var(--success);
    background-color: #ffffff;
}

.panel-success > .panel-heading > .panel-title {
    color: #ffffff;
}

.panel-success > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: var(--success);
}

.panel-success > .panel-body.fill {
    color: #FFF;
    border-color: #9ddb94;
    background-color: #9ddb94;
}

.panel-success > .panel-body.border {
    border: 3px solid var(--success);
}

.panel-info.panel-border {
    border-color: var(--info);
}

.panel-info > .panel-heading {
    color: #ffffff;
    background-color: var(--info);
    border-color: var(--info);
}

.panel-info > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: var(--info);
}

.panel-info > .panel-heading .badge {
    color: var(--info);
    background-color: #ffffff;
}

.panel-info > .panel-heading > .panel-title {
    color: #ffffff;
}

.panel-info > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: var(--info);
}

.panel-info > .panel-body.fill {
    color: #FFF;
    border-color: #73c6e5;
    background-color: #73c6e5;
}

.panel-info > .panel-body.border {
    border: 3px solid var(--info);
}

.panel-warning.panel-border {
    border-color: var(--warning);
}

.panel-warning > .panel-heading {
    color: #ffffff;
    background-color: var(--warning);
    border-color: var(--warning);
}

.panel-warning > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: var(--warning);
}

.panel-warning > .panel-heading .badge {
    color: var(--warning);
    background-color: #ffffff;
}

.panel-warning > .panel-heading > .panel-title {
    color: #ffffff;
}

.panel-warning > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: var(--warning);
}

.panel-warning > .panel-body.fill {
    color: #FFF;
    border-color: #f9d281;
    background-color: #f9d281;
}

.panel-warning > .panel-body.border {
    border: 3px solid var(--warning);
}

.panel-danger.panel-border {
    border-color: var(--danger);
}

.panel-danger > .panel-heading {
    color: #ffffff;
    background-color: var(--danger);
    border-color: var(--danger);
}

.panel-danger > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: var(--danger);
}

.panel-danger > .panel-heading .badge {
    color: var(--danger);
    background-color: #ffffff;
}

.panel-danger > .panel-heading > .panel-title {
    color: #ffffff;
}

.panel-danger > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: var(--danger);
}

.panel-danger > .panel-body.fill {
    color: #FFF;
    border-color: #f08b7a;
    background-color: #f08b7a;
}

.panel-danger > .panel-body.border {
    border: 3px solid var(--danger);
}

.panel-alert.panel-border {
    border-color: var(--danger);
}

.panel-alert > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: var(--danger);
}

.panel-alert > .panel-heading {
    color: #ffffff;
    background-color: var(--danger);
    border-color: var(--danger);
}

.roi-formula .control-label:first-child {
    width: 100%;
    float: left;
    text-align: left;
    border-bottom: solid 1px #DEDEDE;
    margin-bottom: 10px;
    padding-bottom: 7px;
    font-weight: 700;
}

div#roi_center {
    text-align: center;
    margin-bottom: 20px;
    margin-top: -15px;
    margin-left: -15px;
    margin-right: -15px;
    padding: 15px;
    background: #fbfafa;
    border-bottom: 1px solid #ececec;
    font-family: var(--font-emphasis);
}

.roi-formula:last-child {
    background: #fbfafa;
    padding: 20px 15px;
    margin-top: -20px;
    margin-right: 0;
    min-height: 410px;
    margin-bottom: -15px;
    border-left: 1px solid #ececec;
    position: relative;
    right: -15px;
}

.roi-formula .icheckbox_square-blue {
    float: left;
}

.panel-alert > .panel-heading .badge {
    color: var(--danger);
    background-color: #ffffff;
}

.panel-alert > .panel-heading > .panel-title {
    color: #ffffff;
}

.panel-alert > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: var(--danger);
}

.panel-alert > .panel-body.fill {
    color: #FFF;
    border-color: #bfaeea;
    background-color: #bfaeea;
}

.panel-alert > .panel-body.border {
    border: 3px solid var(--danger);
}

.panel-system.panel-border {
    border-color: #37bc9b;
}

.panel-system > .panel-heading {
    color: #ffffff;
    background-color: #37bc9b;
    border-color: #37bc9b;
}

.panel-system > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #37bc9b;
}

.panel-system > .panel-heading .badge {
    color: #37bc9b;
    background-color: #ffffff;
}

.panel-system > .panel-heading > .panel-title {
    color: #ffffff;
}

.panel-system > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #37bc9b;
}

.panel-system > .panel-body.fill {
    color: #FFF;
    border-color: #64d2b6;
    background-color: #64d2b6;
}

.panel-system > .panel-body.border {
    border: 3px solid #37bc9b;
}

.panel-dark.panel-border {
    border-color: #3b3f4f;
}

.panel-dark > .panel-heading {
    color: #ffffff;
    background-color: #3b3f4f;
    border-color: #3b3f4f;
}

.panel-dark > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #3b3f4f;
}

.panel-dark > .panel-heading .badge {
    color: #3b3f4f;
    background-color: #ffffff;
}

.panel-dark > .panel-heading > .panel-title {
    color: #ffffff;
}

.panel-dark > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #3b3f4f;
}

.panel-dark > .panel-body.fill {
    color: #FFF;
    border-color: #575d75;
    background-color: #575d75;
}

.panel-dark > .panel-body.border {
    border: 3px solid #3b3f4f;
}

/* PROGRESS BAR CONTEXTUALS
 */
.progress-bar-default {
    background-color: #999999;
}

.progress-bar-default.light {
    background-color: #a2a2a2;
}

.progress-bar-default.dark {
    background-color: #909090;
}

.progress-striped .progress-bar-default {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

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

.progress-bar-primary.light {
    background-color: var(--primary);
}

.progress-bar-primary.dark {
    background-color: var(--primary);
}

.progress-striped .progress-bar-primary {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-success {
    background-color: var(--success);
}

.progress-bar-success.light {
    background-color: #7ccf70;
}

.progress-bar-success.dark {
    background-color: #64c556;
}

.progress-striped .progress-bar-success {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-info {
    background-color: var(--info);
}

.progress-bar-info.light {
    background-color: var(--info);
}

.progress-bar-info.dark {
    background-color: #2ca9d7;
}

.progress-striped .progress-bar-info {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-warning {
    background-color: var(--warning);
}

.progress-bar-warning.light {
    background-color: var(--warning);
}

.progress-bar-warning.dark {
    background-color: var(--warning);
}

.progress-striped .progress-bar-warning {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-danger {
    background-color: var(--danger);
}

.progress-bar-danger.light {
    background-color: #eb654f;
}

.progress-bar-danger.dark {
    background-color: #e7492f;
}

.progress-striped .progress-bar-danger {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-alert {
    background-color: var(--danger);
}

.progress-bar-alert.light {
    background-color: #a188e0;
}

.progress-bar-alert.dark {
    background-color: #8b6cd8;
}

.progress-striped .progress-bar-alert {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-system {
    background-color: #37bc9b;
}

.progress-bar-system.light {
    background-color: #3ec7a5;
}

.progress-bar-system.dark {
    background-color: #33ae90;
}

.progress-striped .progress-bar-system {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-dark {
    background-color: #3b3f4f;
}

.progress-bar-dark.light {
    background-color: #434759;
}

.progress-bar-dark.dark {
    background-color: #333745;
}

.progress-striped .progress-bar-dark {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

/* title/color editboxes */
.panel-colorbox,
.panel-editbox {
    background: #f1f1f1;
    color: #AAA;
    background-color: #f1f1f1;
    border-left: 2px dashed #d9d9d9;
    border-right: 2px dashed #d9d9d9;
    border-bottom: 1px solid #ddd;
}

/* titlebox */
.panel-editbox input {
    background-color: #fff;
    color: #AAA;
}

.panel-editbox input:focus {
    border-color: #DDD;
    color: #666;
}

/* colorbox */
.panel-colorbox > span {
    border: 2px solid rgba(0, 0, 0, 0.2);
}

.panel-colorbox > span:hover {
    border-color: rgba(0, 0, 0, 0.4);
}

.panel-controls > a {
    color: #fff;
}

/* Icon colors for panel contextuals */
.panel-primary .panel-controls > a,
.panel-info .panel-controls > a,
.panel-success .panel-controls > a,
.panel-warning .panel-controls > a,
.panel-danger .panel-controls > a,
.panel-alert .panel-controls > a,
.panel-system .panel-controls > a,
.panel-dark .panel-controls > a {
    color: #FFF;
}

.panel.mobile-controls .panel-heading > .panel-controls {
    background: #F4F4F4;
    border: 1px solid #EEE
}

.panel.mobile-controls .panel-heading > .panel-controls:hover,
.panel.mobile-controls .panel-heading > .panel-controls.panel-controls-open {
    background: #F0F0F0;
    border-color: #E6E6E6;
}

.panel.mobile-controls .panel-heading > .panel-controls:after {
    color: #AAA;
}

/* menu open states */
.panel.mobile-controls .panel-heading > .panel-controls:hover,
.panel.mobile-controls .panel-heading > .panel-controls.panel-controls-open {
    background: #F0F0F0;
    border-color: #E6E6E6;
}

.panel.mobile-controls .panel-heading > .panel-controls:hover:after,
.panel.mobile-controls .panel-heading > .panel-controls.panel-controls-open:after {
    color: #777;
}

.panel.mobile-controls .panel-controls a {
    color: #999 !important;
}

.panel.mobile-controls .panel-controls + .popover {
    border: 1px solid #ddd;
}

.panel.mobile-controls .panel-controls + .popover > .arrow {
    border-left-color: #ccc;
}

/* mobile control modifications during panel fullscreen mode */

.dataTables_wrapper {
    background: white;
    border: solid 1px #ddd;
}

#timeline:after {
    background: #ddd;
}

#timeline .timeline-divider .divider-label {
    border: 1px solid #DDD;
    color: #777;
    background: #FFF;
}

#timeline .timeline-divider .divider-label:before {
    background: var(--primary);
}

#timeline .timeline-item > .panel:before,
#timeline .timeline-item > .panel:after {
    border-color: transparent transparent transparent #fafafa;
}

#timeline .timeline-item > .panel:after {
    border-left-color: #666;
}

#timeline .right-column .panel:before,
#timeline .right-column .panel:after {
    border-color: transparent #fafafa transparent transparent;
}

#timeline .right-column .panel:after {
    border-right-color: #666;
}

#timeline .timeline-icon {
    color: #FFF;
    background: #eeeeee;
    box-shadow: 0 0 0 5px #eeeeee;
}

#timeline.timeline-single .timeline-item > .panel:before,
#timeline.timeline-single .timeline-item > .panel:after {
    border-color: transparent #ffffff transparent transparent;
}

#timeline.timeline-single .panel:after {
    border-right-color: #666;
}

.panel-footer {
    border-top: solid 1px #eee;
}

/*===============================================
  C. Text Helpers
================================================= */
.shadow {
    box-shadow: 0 4px 7px rgba(0, 0, 0, 0.5);
}

.dropdown-menu.custom-menu {
    background: rgb(240, 240, 240) none repeat scroll 0% 0%;
}

.custom-menu li {
    border-top: 1px solid #ddd;
}

.table-hover > tbody > tr:hover {
    background-color: #00a1d9 !important;
}

.form-group.form-options {
    border-top: dashed 1px #EEE;
}

.operations > .panel .panel-heading {
    border-bottom: 1px solid rgb(221, 221, 221);
}

.dataTables_processing {
    background-color: rgba(0, 0, 0, 0.3);
    color: white;
}

.timeline-icon {
    border: 1px solid #888;
    color: #888 !important;
}

.timeline-item .panel-body > .row:first-child {
    background-color: var(--secondary);
    color: #fff;
}

ul.fancytree-container > li > span {
    background-color: #F7F7F7;
    border-color: #DEDEDE;
}

.sales-stats-link {
    color: #FCFEFB;
}

.sales-stats-link > h1 {
    color: #FCFEFB;
}

.cog_add {
    background: white;
}

.cog {
    border-bottom: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
    background: white;
    width: 100%;
    box-shadow: none !important;
    border-radius: 0;
    border-left: 1px solid #e2e2e2;
}

.cog-head {
    background-color: #ffffff;
    margin: 0;
    border-bottom: 1px solid #e2e2e2;
    padding: 0 15px;
    border-top: 1px solid #e2e2e2;
}

/*.cog table.table th{*/
/*font-family: var(--font-emphasis);*/
/*padding: 10px;*/
/*}*/
.cog table.table th {
    font-family: var(--font-emphasis);
    padding: 17px 10px;
    background: #999999;
    color: #fff !important;
    border: none;
}

.cog_add td button {
    padding: 6px 12px 6px 12px;
    position: relative;
    top: 0;
    font-size: 16px;
}

.cogs-btns {
    padding-top: 18px;
}

.cogs-btns a {
    margin-left: 10px;
    color: #626262;
    opacity: 0.7;
}

.cogs-btns a:hover {
    opacity: 1;
    color: #000;
}

.cog:last-child {
    margin-bottom: 40px;
}

.cog .column-names th{
    font-weight: bold !important;
}

.cog-head .form-control{
    display: inline-block;
    float: left;
    width: 100px;
}

.cog-head .rarr{
    float: left;
    margin: 8px;
}

.cog-head .btn{
    margin-left: 10px;
}

.invalid:focus {
    border: solid 1px red;
}

.cost-amount, #total{
    text-align: right;
}
.bootstrap-datetimepicker-widget{
    z-index: 9999 !important;
}

tfoot .cog-head {
    background-color: #dddddd;
    border-top: solid 3px #dddddd;
    border-bottom: solid 3px #dddddd;
}

tfoot .cog-head .text-white {
    color: #21252d !important;
    font-size: 12px;
    font-weight: 600;
    font-family: var(--font-emphasis);
    line-height: 33px;
}

.cog-foot {
    background-color: #ffffff;
}

input.invalid {
    border: solid 1px red;
}

select.invalid {
    border: solid 1px red;
}

.neg {
    color: red;
}

.pos {
    color: green;
}

.hz-table .heading-row {
    background-color: #F7F7F7;
    border-top: solid 1px #DEDEDE;
    border-bottom: solid 1px #DEDEDE;
}

.hz-table .heading-row th {
    background-color: #dedede;
}

.hz-table .heading-row th:last-child {
    border-right: solid 1px #DEDEDE;
}

.hz-table h4 {
    color: black;
    border-top: solid 1px #DEDEDE;
    border-bottom: solid 1px #DEDEDE;
    border-left: solid 1px #DEDEDE;
}

.profit-loss-table h4 {
    font-size: 12px !important;
    padding: 0 10px 0 23px;
    font-weight: 600;
    font-family: var(--font-emphasis);
    color: #2b303b;
    line-height: 28px !important;
}

.hz-table .data-row th {
    color: black;
    background: #ececec;
}

.hz-table .data-row th:last-child {
    background-color: white;
}

.dataTables_scrollHead{
    background-color: var(--table-head-bg);
}

.dataTables_scrollHead.ui-state-default {
    background: #fff;
}

#version_hash {
    color: rgb(136, 136, 136);;
}

.custom-form .control-label {
    color: #fff;
}

.panel-default .body {
    /*background: #242847;*/
}

.filter-Inputs .form-control {
    background: #4F546B;
    border: 1px solid #969CB7;
    color: #F4F5F6;
}

.panel .heading .title {
    border-bottom: 3px solid #5489CF;
    background: #242847;
    color: #F4F5F6;
}

.filter-Inputs .form-control.filter-datetime + a {
    border: 1px solid #CDCED0;
    background: #9497A5;
    color: #fff;
}

ul.dropdown-menu.custom-dropdown i.fa.fa-caret-up {
    color: #fff;
}

.inner-page-panel .panel-heading {
    color: #394263;
    background: #EEEEEE;
    border-bottom: 3px solid var(--primary);
}

i.fa.fa-caret-up {
    color: #FFF;
}

.dt-button-collection .dt-button.ui-state-default {
    color: #CCC;
}

footer {
    background: rgb(238, 238, 238) none repeat scroll 0% 0%;
    border-top: 1px solid rgb(204, 204, 204);
}

.dt-button-collection .dt-button.ui-state-active {
    color: #1c94c4;
    border: 1px solid #1fccff;
}

.filter-form .select2-selection {
    background: #f0f0f0;
    border: 1px solid rgb(150, 156, 183);
}

.operations input.form-control.filter {
    border-radius: 2px;
    border: 1px solid rgba(0, 0, 0, .07) !important;
    padding: 18px 9px;
    margin-top: 4px;
    background: #f0f0f0;
}

.operations input.form-control.filter-number-from, .operations input.form-control.filter-number-to {
    width: 49%;
    display: inline-block;
}

.operations input.form-control.filter-number-from {
    margin-right: 2%;
}

.filter-form span.select2-selection__rendered {
    color: #000 !important;
}

.typeahead,
.tt-query,
.tt-hint {
    border: 2px solid #ccc;
}

.typeahead {
    background-color: #fff;
}

.typeahead:focus {
    border: 2px solid #0097cf;
}

.tt-query {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
    color: #999;
}

.tt-dropdown-menu,.tt-menu {
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}

.tt-suggestion {
    padding: 1px 18px !important;
    font-size: 14px !important;
    line-height: 24px;
    color: #626262;
}

.tt-suggestion:hover {
    cursor: pointer;
    color: #fff;
    background-color: #0097cf;
}

.tt-suggestion p {
    margin: 0;
}

.tt-suggestion.tt-cursor {
    color: #fff;
    background-color: #0097cf;
}

.table-modal > tbody > tr > th,
.table-modal > tbody > tr > td,
.table-modal > tbody + tbody {
    border: #ffffff !important;
}

.estimated {
    color: #C75C62;
}

/*.panel {*/
/*box-shadow: 0 4px 7px rgba(0,0,0,0.5);*/
/*}*/

.dashboard-filters {
    background-color: white;
}

#panel_customer_basic_info {
    background-color: #ffffff;
}

.custom-legends h4 {
    border-bottom: solid 1px #eee;
}

.custom-legends ul > li.inactive {
    color: #dddddd !important;
}

.custom-legends ul > li.inactive > span.bullet {
    background-color: #dddddd !important;
}

div.dataTables_wrapper div.dataTables_processing {
    background-color: #40aaa1;
    position: absolute;
    height: 50px;
    font-size: 15px;
    font-weight: bold;
    border-radius: 0;
    opacity: 0.8;
    top: 50%;
    left: 50%;
    width: 200px;
    margin-left: -100px;
    margin-top: -26px;
    text-align: center;
    padding: 1em 0;
}

.row.stats-widgets.dashboard-stats-widgets div.panel-body a:hover {
    color: #fff;
}

/* Flag Icons */

table.account-header {
    background: #f5f5f5;
}

.top-menu-button .dropdown-menu {
    color: #333333;
}

.top-menu-button .dropdown-menu li.buttons {
    background: #eee;
}

.dataTable .dropdown-menu a {
    color: #333333 !important;
    text-decoration: none;
    font-size: 14px;
}

/* TEXT COLOR CONTEXTUALS
 */
.text-white {
    color: #ffffff;
}

a.text-white:hover {
    color: #808080;
}

.text-white-light {
    color: #ffffff;
}

.text-white-lighter {
    color: #ffffff;
}

.text-white-dark {
    color: #f6f6f6;
}

.text-white-darker {
    color: #ececec;
}

.text-muted {
    color: #999999;
}

a.text-muted:hover {
    color: #191919;
}

.text-muted-light {
    color: #a2a2a2;
}

.text-muted-lighter {
    color: #acacac;
}

.text-muted-dark {
    color: #909090;
}

.text-muted-darker {
    color: #868686;
}

.text-primary {
    color: var(--primary);
}

a.text-primary:hover {
    color: var(--primary);
}

.text-primary-light {
    color: var(--primary);
}

.text-primary-lighter {
    color: #6a9ee2;
}

.text-primary-dark {
    color: var(--primary);
}

.text-primary-darker {
    color: #2a74d6;
}

.text-success {
    color: var(--success) !important;
}

a.text-success:hover {
    color: #0f220c;
}

.text-success-light {
    color: #7ccf70;
}

.text-success-lighter {
    color: #8ad480;
}

.text-success-dark {
    color: #64c556;
}

.text-success-darker {
    color: #56c046;
}

.text-info {
    color: var(--info);
}

a.text-info:hover {
    color: var(--info);
}

.text-info-light {
    color: var(--info);
}

.text-info-lighter {
    color: #5bbce0;
}

.text-info-dark {
    color: #2ca9d7;
}

.text-info-darker {
    color: #269dc9;
}

.text-warning {
    color: var(--warning);
}

a.text-warning:hover {
    color: var(--warning);
}

.text-warning-light {
    color: var(--warning);
}

.text-warning-lighter {
    color: #f8c867;
}

.text-warning-dark {
    color: var(--warning);
}

.text-warning-darker {
    color: var(--warning);
}

.text-danger {
    color: var(--danger) !important;
}

a.text-danger:hover {
    color: #250904;
}

.text-danger-light {
    color: #eb654f;
}

.text-danger-lighter {
    color: #ed7561;
}

.text-danger-dark {
    color: #e7492f;
}

.text-danger-darker {
    color: var(--danger);
}

.text-alert {
    color: var(--danger);
}

a.text-alert:hover {
    color: #211245;
}

.text-alert-light {
    color: #a188e0;
}

.text-alert-lighter {
    color: #ae98e4;
}

.text-alert-dark {
    color: #8b6cd8;
}

.text-alert-darker {
    color: #7e5cd4;
}

.text-system {
    color: #C0666B;
}

a.text-system:hover {
    color: #000000;
}

.text-system-light {
    color: #3ec7a5;
}

.text-system-lighter {
    color: #4ecbac;
}

.text-system-dark {
    color: #33ae90;
}

.text-system-darker {
    color: #2e9e83;
}

.text-dark {
    color: #3b3f4f;
}

a.text-dark:hover {
    color: #000000;
}

.text-dark-light {
    color: #434759;
}

.text-dark-lighter {
    color: #4b5065;
}

.text-dark-dark {
    color: #333745;
}

.text-dark-darker {
    color: #2b2e39;
}

.text-tp {
    color: rgba(0, 0, 0, 0.2);
}

a.text-tp:hover {
    color: rgba(0, 0, 0, 0.3);
}

ol.timeline-list {
    color: #AAA;
}

ol.timeline-list li.timeline-item:after {
    background: #E8E8E8;
}

ol.timeline-list li.timeline-item + .timeline-item {
    border-top: 1px solid #E8E8E8;
}

ol.timeline-list li.timeline-item .timeline-desc b,
ol.timeline-list li.timeline-item .timeline-desc strong {
    color: #333;
}

ol.timeline-list li.timeline-item .timeline-desc a {
    color: var(--info);
}

ol.timeline-list li.timeline-item .timeline-icon {
    background: #BBB;
    color: #FFF;
    border: 2px solid #FFF;
}

.all_notifications_button {
    color: white;
}

.all_notifications_button:hover, .all_notifications_button:focus, .all_notifications_button:active {
    color: white;
}

/* Settings Page Boxes */

.bs-boxes .row > div {
    padding: 0;
    box-shadow: none;
}

a.bs-box {
    position: relative;
}

.bs-box {
    background: var(--body-dark);
    box-shadow: none !important;
    margin: 0;
    border: 1px solid #fafafa;
    text-align: center;
    padding: 10px;
}

.bs-box-icon {
    color: white;
    z-index: 9;
    position: relative;
}

.bs-box-icon > .fa {
    background: #dad8d8;
    transition: all .5s ease 0s;
}

.bs-box-content > * {
    color: #333333;
}

.bs-box:before {
    content: "";
    width: 100%;
    height: 100%;
    background: var(--primary);
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    transform: perspective(400px) rotateX(-90deg);
    transform-origin: center top 0;
    transition: all .5s ease 0s;
}

.bs-box:hover:before {
    content: "";
    opacity: 1;
    transform: perspective(400px) rotateX(0);
}

.bs-box:hover .bs-box-icon > .fa {
    background: #a7575b;
}

.bs-box:hover .bs-box-content h5 {
    color: #fff;
    transition: all .5s ease 0s;
}

.bs-box:hover .bs-box-content p {
    color: #f5f5f5;
    transition: all .5s ease 0s;
}

.not-status-read .fa {
    color: var(--success)
}

.not-status-unread .fa {
    color: var(--danger)
}

.unread-count {
    color: white !important;
    background-color: var(--danger) !important;
}

.timeline-head {
    border-bottom: 3px solid rgb(238, 238, 238);
    border-top: 3px solid rgb(238, 238, 238);
}

.product_image {
    border: 1px solid rgb(221, 221, 221);
}

.training-list a {
    color: #5489CF !important;
}

.training-list > li {
    border-bottom: solid 1px #5489CF;
}

#modal-order-details .panel {
    border: solid 1px #ddd;
}

#modal-order-details .panel .panel-heading {
    background: #Ddd;
}

#modal-order-details .panel-heading h4 > a {
    text-transform: capitalize;
    font-weight: 700;
    font-family: var(--font-emphasis);
    font-size: 14px;
    letter-spacing: .06em;
    white-space: nowrap;
    color: #21252d;
    background: #dddddd;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: 8px;
}

#modal-order-details .panel-heading small a {
    color: var(--primary);
    background: transparent;
    font-size: 12px;
    font-weight: 500;
}

small.on_trial {
    background: var(--danger) none repeat scroll 0% 0%;
}

.diff td {
    border: solid 1px #EEEEEE;
}

.diff span {
    border-bottom: solid 1px #EEEEEE;
}

.diffDeleted span.diffContent h3 {
    background: rgb(255, 224, 224);
    border: none;
    margin: -4px -3px 0 -3px;
    padding: 10px;
    margin-bottom: 0;
    font-weight: 600;
    font-family: var(--font-emphasis);
    font-size: 16px;
}

.diffInserted .diffInserted span {
    border: 1px solid rgb(192, 255, 192);
    background: rgb(224, 255, 224);
    padding: 5px 10px;
}

.new-panel.training-page td {
    font-family: var(--font-emphasis);
    font-size: 12px;
    text-transform: lowercase;
    font-weight: 500;
}

/* Aggregate Dashboard Buttons */
.aggregate-cogs-btn {
    padding-top: 4px;
}

.aggregate-cogs-btn .btn {
    color: black !important;
}

/* dynatable pagination */
.modal-body .dynatable-active-page {
    background: transparent;
    border-radius: 5px;
    color: #8e8e8e;
    margin-right: 2px;
    font-weight: 500;
}

/*nav notification styles*/
a#notification_menu_item {
    position: relative;
}

.align-items-center a .badge {
    position: absolute;
    border-radius: 70px;
    line-height: 12px;
    top: -10px;
    font-size: 10px;
    right: -9px;
    text-align: center;
}

a#notification_menu_item span.fa {
    font-size: 16px;
}

/* Spectrum Color Picker */
.sp-picker-container {
    padding-bottom: 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.sp-reset-button button {
    background-color: var(--danger);
    border: 1px solid var(--danger);
}

.sp-choose {
    background-color: var(--success);
    border: 1px solid var(--success);
}

.sp-container button {
    line-height: 1.5;
    padding: 2px 5px;
}

.quickview-wrapper{
    overflow-y: hidden;
    overflow-x: hidden;
}

/* search input cross */
.clear-search-input {
    color: #bababa;
}

.clear-search-input:hover {
    color: #9d9d9d;
    cursor: pointer;
}

.profile-head{
    color: #FFF;
    background-color: var(--site-primary-bg);
    cursor: pointer;
}

.new-panel.training-page td {
    font-family: var(--font-emphasis);
    font-size: 12px;
    text-transform: capitalize;
    font-weight: 500;
}

/* Height for Conditional filters. */
#accordion input.option_value {
    min-height: 38px;
    margin-bottom : 0px;
    margin-top: 0px;
}
#accordion select.filter-variations {
    max-height    : 38px;
    margin-bottom : 0px;
    margin-top    : 0px;
}

.drp-calendar table th {
    border-radius: 0 !important;
}

.header .system_uid{
    position: fixed;
    top: 42px;
    right: 15px;
    font-size: 10px;
}

#modal-product-cogs .cog{
    border: solid 1px #999;
    border-top: solid 3px #999;
}

#modal-product-cogs .cog.currently-edit-cogs{
    border: solid 1px var(--site-secondary-bg);
    border-top: solid 3px var(--site-secondary-bg);
}

#modal-product-cogs .modal-body .table {
    margin-bottom: 0;
}

#modal-product-cogs .modal-body .table thead tr th {
    padding: 10px 10px;
    font-weight: 500;
}

#modal-product-cogs .modal-body .cog-head .form-control {
    width: 100%;
}

#modal-product-cogs .modal-body .cog-head .text-white {
    font-size: 12px;
    font-weight: 500;
    font-family: var(--font-emphasis);
    line-height: 36px;
    color: var(--table-head-text) !important;
}

#modal-product-cogs .modal-body .cog-head {
    background-color: var(--table-head-bg);
    border: none;
}

#modal-product-cogs .product-cogs-modal-body.editing .cog:not(.currently-edit-cogs) .btn{
    visibility: hidden;
}

#modal-product-cogs .cog .input-sim{
    background-color: #fff;
    background-image: none;
    border: 1px solid transparent;
    font-family: var(--font-general);
    -webkit-appearance: none;
    color: #2c2c2c;
    outline: 0;
    padding: 8px 8px;
    font-size: 13px;
    font-weight: 500;
    vertical-align: middle;
    min-height: 35px;
    display: block;
}

/** j_table **/

.j_table_wrapper_wrapper{
    position: relative;
}


.j_table_wrapper{
    display: block;
    width: 100%;
    overflow-x: scroll;
    border: solid 1px #ddd;
}

.j_table{

}

.j_table_header{
    background-color: var(--table-head-bg);
    border-bottom: 1px solid rgba(230, 230, 230, .7);
}

.j_table_header .j_table_cell{
    /*resize: horizontal;*/
    overflow-x: hidden;
}

.j_table_header_wrapper{
    position: absolute;
    top: 1px;
    left: 1px;
    z-index: 1;
    overflow-x: auto;
    background-color: var(--table-head-bg);
    transform: scaleY(-1);
}

.j_table_body{
    /*position: relative;*/
}

.j_table_row{
    display: flex;
}

.j_table_cell{
    padding: 10px;
    text-align: center;
    overflow: hidden;
}

.j_table_cell.resizing{
    background-color: rgba(0,0,0, 0.1);
}

.j_table_cell.resizing .sum-span{
    display: none;
}

.j_table_header .j_table_cell{
    font-weight: 700;
    font-family: var(--font-emphasis);
    font-size: 12px;
    letter-spacing: .06em;
    white-space: pre-wrap;
    border-top: 0;

    color: var(--table-head-text);
    transform: scaleY(-1);
}

.j_table_body .j_table_row{
    border-bottom: 1px solid rgba(230, 230, 230, .7);
}

.j_table_load_more_wrapper{
    text-align: center;
    position: relative;
}

.j_table_load_more{
    margin: 15px;
}

.j_table_scroll_scrollbar_pane{
    position: absolute;
    height: 10px;
    background-color: rgba(0,0,0, 0.1);
    transition: height 0.1s ease-in;
    z-index: 5;
    display: none;
}

.j_table_scrollable .j_table_header{
    margin-top: 10px;
}

.j_table_scrollable .j_table_scroll_scrollbar_pane{
    display: block;
}

.j_table_scroll_scrollbar_pane.top_scrollbar{
    top: 0;
}

.j_table_scrollbar{
    width: 100px;
    height: 100%;
    background-color: rgba(0,0,0, 0.1);
    transition: background-color 500ms ease-in;
}

.j_table_scrollable:hover
.j_table_scrollbar{
    background-color: rgba(0,0,0, 0.25);
}

.j_table_scrollbar:hover,
.j_table_scrollbar.ui-draggable-dragging
{
    background-color: rgba(0,0,0, 0.55) !important;
    cursor: move;
}

.j_table_header_sticky{
    position: fixed;
}

.j_table_body .j_table_cell.selected {
    background-color: #00AFA1;
    color : #fff;
}

.j_table_info{
    position: absolute;
    right: 0;
}

.j_table_cell .sum-span{
    width: 100%;
    float: left;
    border-top: dashed 1px #aaa;
    padding-top: 5px;
    margin-top: 5px;
}


/** j_table_end **/

.page-settings-form {
    overflow: hidden;
}

.enhanced-members {
    height: 204px;
    overflow: hidden;
}

.more-kpis, .less-kpis {
    background: rgba(255,255,255, 0.1);
    padding: 8px 0;
    color: white;
}

.members-for-style {
    cursor: pointer;
    text-decoration: underline;
}
/*
CUSTOM FILTERS STYLING
 */
.select2-selection__choice {
    margin: 15px 0 0 0;
}

.select2-search__field {
    margin: 0 !important;
}

.select2-container .select2-selection .select2-selection__rendered {
    height: 24px;
    overflow-y: auto;
}

#accordion select.filter-variations {
    cursor: pointer;
    text-indent: 0.01px;
    text-overflow: ellipsis;
    font-family: var(--font-emphasis);
    padding: 8px 0px;
}

#accordion input.option_value {
    font-family: var(--font-emphasis);
    padding: 0 10px;
}

.mkp {
    margin-right: 0;
}
/* media query for marketplace */
@media only screen and (max-width: 796px) {
    .header a.m-r-15.mkp {
        max-width: 160px;
    }
}

@media only  screen and (max-width: 575.98px){
    #accordion ul.column-conditions-container li {
        margin-bottom: 5px;
    }
    #accordion ul.column-conditions-container li.between,
    #accordion ul.column-conditions-container li.number-text {
        padding-left: 0px;
        padding-right: 0px !important;
    }
}

.guidance-container .for-guidance {
    padding: 0;
    margin: 0;
    border-radius: 3px;
    cursor: pointer;
    color: white;
    font-size: 10px;
}
.guidance-instructions {
    padding: 8px 15px !important;
    border-radius: 2px;
    border-left: 4px solid rgba(49, 49, 49, 0.3);
}
.guidance-container.guidance-instructions ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}
.guidance-container.guidance-instructions ul li {
    font-size: 14px;
    padding: 0px;
}

.help-level-heading {
    border-left: 2px solid var(--site-primary-color);
    font-weight: bold !important;
    cursor: pointer;
}

.guidance-separator {
    border-top: 1px solid #f0f0f0;
    height: 14px;
}

.guidance-trans-container {
    background: var(--success);
    padding: 8px;
    color: white;
}

.payment-details-heading {
    background: var(--success);
    color: white;
    padding: 10px 10px !important;
    margin-top: 10px;
}

#product-inventory-form .form-group:not(:last-child){
    border-bottom: dashed 1px #CDCDCD;
}

#product-inventory-form .form-group {
    padding: 0;
    padding-bottom: 5px;
}

/* profit and loss table scrollbar */
.pl.hz-table-scroll {
    overflow-x: auto;
    overflow-y: hidden;
    margin-right: 5px;
}
.pl .hz-table.outer {
    min-width: 760px;
}
.table td.editable-euro-comb-accounts {
    position: relative;
    text-transform: capitalize;
}
.table .editable-euro-comb-accounts input {
    width: calc(100% - 45px);
    padding: 3px 6px;
    border-radius: 4px;
    border: 1px solid rgba(230, 230, 230, .9);
    font-size: 13.5px;
    background: #fafafa;
    font-family: var(--font-general);
    font-weight: bold;
    text-transform: capitalize;
    color: var(--table-cell-text);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    left: 5px;
    top: 10px;
}

.edit-comb-euro-accounts {
    cursor: pointer;
    padding: 5px 8px;
    border: 1px solid rgba(230, 230, 230, .9);
    border-radius: 4px;
    line-height: 15px;
    background: #fafafa;
    position: absolute;
    right: 0;
    top: 10px;
}

.best-sellers-settings table tbody tr:not(:first-child) td:first-child {
    width: 10px;
}

#modal-order-details .modal-body table.modal-table tbody tr td {
    background: white !important;
}

#modal-order-details  .table.table-condensed.modal-table tr th.loss {
    color: var(--primary) !important;
}

.validation-errors {
    color: var(--danger);
    padding: 8px 0;
    font-weight: bold;
    font-size: 12px;
    letter-spacing: 1px;
}

.has-error .text-danger {
    margin-top: 10px;
}

.new-seller-form, .assign-guests-form {
    padding: 15px;
}

.mws-headline {
    background: white !important;
    padding: 15px 10px !important;
    line-height: 20px !important;
}

.heading-skinny-cell {
    width: 70% !important;
    padding: 14px 10px !important;
}

.table.account-header td {
    background: #eeeeee !important;
    margin-top: 10px !important;
}

.marked-default {
    font-style: italic;
    line-height: 34px;
    color: var(--secondary);
    font-weight: bold;
}

.modal-title .modal-title-text {
    float:none;
}

.asin-error-mp-form {
    max-width: 500px;
    margin: auto;
    background: white;
}

#create-shipment-form select, #create-shipment-form input {
    width: 100%;
}

.brand-logo-url {
    height: 50px;
    width: 50px;
}

/** END OF STYLE.CSS --- Keep this line at end of file **/

/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v14/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v14/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v14/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v14/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v14/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: local('Montserrat Medium'), local('Montserrat-Medium'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_ZpC3gTD_u50.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: local('Montserrat Medium'), local('Montserrat-Medium'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_ZpC3g3D_u50.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: local('Montserrat Medium'), local('Montserrat-Medium'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_ZpC3gbD_u50.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: local('Montserrat Medium'), local('Montserrat-Medium'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_ZpC3gfD_u50.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: local('Montserrat Medium'), local('Montserrat-Medium'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_ZpC3gnD_g.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_bZF3gTD_u50.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_bZF3g3D_u50.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_bZF3gbD_u50.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_bZF3gfD_u50.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_bZF3gnD_g.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.bg-dark {
    background-color: #292929 !important;
    color: #808080;
}
a.bg-dark:hover {
    background-color: #252832 !important;
}

:root{
    --body-bg: #fafafa;
    --body-text-color: #555555;
    --body-dark: rgba(0, 0, 0, 0.05);

    --link-color-normal: #487db2;
    --link-color-active: #3A567D;

    --panel-bg: #fff;

    --table-head-bg: #efefef;
    --table-head-text: #333333;
    --table-cell-text: #333333;

    --heading-color: #2c2c2c;

    --widget-default-top-border: solid 3px #4baba1;

    --site-primary-bg: #c1666b;
    --site-primary-border: #c1666b;
    --site-primary-color: #c1666b;

    --site-secondary-bg: #22aaa1;
    --site-secondary-border: #22aaa1;
    --site-secondary-color: #22aaa1;

    --font-emphasis : montserrat;
    --font-general : -apple-system, BlinkMacSystemFont, segoe ui, roboto, ubuntu, helvetica neue, sans-serif;

    --header-bg: #ffffff;
    --header-border: 1px solid rgba(230, 230, 230, .7);
    --header-text-color: #626262;

    --default: #f0f0f0;
    --primary: #f4c126;
    --secondary: #22aaa1;
    --success: #0da899;
    --info: #3bafda;
    --alert: #967adc;
    --warning: #f6bb42;
    --danger: #e9573f;

    --left-menu-width: 250px;

    --sidebar-bg: #2b303b;
    --sidebar-bg-alpha: rgba(16, 16, 16, 0.16);
    --sidebar-text-color: #788195;

    --dt-top-offset: 300px
}