@font-face {
    font-family: "Galano Grotesque";
    src: local("GalanoGrotesque-Regular"), local("GalanoGrotesque Regular"),
        url("../fonts/GalanoGrotesque-Regular.woff2") format("woff2"),
        url("../fonts/GalanoGrotesque-Regular.woff") format("woff"),
        url("../fonts/GalanoGrotesque-Regular.ttf") format("truetype");
    font-display: swap;
}

@font-face {
    font-family: "Galano Grotesque Semi Bold";
    src: local("GalanoGrotesque-SemiBold"), local("GalanoGrotesque Semi Bold"),
        url("../fonts/GalanoGrotesque-SemiBold.woff2") format("woff2"),
        url("../fonts/GalanoGrotesque-SemiBold.woff") format("woff"),
        url("../fonts/GalanoGrotesque-SemiBold.ttf") format("truetype");
    font-display: swap;
}

.cno-products-stats {
    width: 100%;
    min-width: 300px;

    color: #111;
    font-weight: bold;
    line-height: 30px;
    text-transform: uppercase;
}

.display-table {
    display: table;
}

.cno-products-stats .table-row {
    display: table-row;
}

.cno-products-stats .table-cell {
    display: table-cell;
}
.tox-tinymce-aux,
.tox .tox-dialog,
.tox .tox-menu {
    z-index: 12000 !important;
}

.cno-products-stats .itemsAdded {
    width: 65%;
}

.cno-products-stats .runningTotal {
    width: 28%;
}

div.navbar > div.container {
    padding-right: inherit;
    padding-left: inherit;
}

.content {
    position: relative;
}

.content > .container {
    min-height: 450px; /* to fix issues with manage entity filters */
}

.menu_sentinel {
    display: none;
}

li a.padding-left-small {
    padding-left: 0.6em;
}

li.dropdown a.padding-right-none {
    padding-right: 0;
}

.hd-hegiht {
    height: 0 !important;

    font-weight: bold !important;
    font-size: 14px !important;
    line-height: 30px !important;
}

.margn-adj {
    margin-top: -20px !important;
}

#user-details-right {
    display: inline-block;
    height: auto;
    margin-top: auto;
    margin-right: 10px;
    margin-bottom: auto;

    text-align: right;
    vertical-align: middle;
}

.user-details-right-holder div,
.user-details-right-holder div span,
.user-details-right-holder img {
    vertical-align: middle;
}

#user-details-right span {
    display: table-row;

    line-height: normal;
}

.dropdown-menu a i {
    margin-right: 6px;
}

table td input[type="text"],
table td textarea,
table td select,
table td button {
    margin-bottom: 0.2em;
    margin-left: 0.5em;
}

table td a {
    font-weight: 500;
}

#sidebar-menu ul li a.back-to-dashboard-link {
    color: white;

    background-color: #2f5ea1;
}

#sidebar-menu ul li a.back-to-dashboard-link:hover {
    background-color: #366dba;
}

.highlighted-menu-item {
    background-color: #3f4754;
}

.nav li.inline-block,
.inline-block {
    display: inline-block;
}

.required-inline-block {
    display: inline-block !important;
}

.summary-title {
    display: inline-block;
    padding: 8px 20px;

    color: #8a8a8a;
    text-transform: uppercase;

    border: 2px solid #8a8a8a;
    border-radius: 100px;
}

.summary-main {
    width: 500px;
    margin: 0 auto;
    padding: 10px;
}

.summary-container-black {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;

    color: #595959;
    text-align: left;
}

.summary-container-black dt {
    float: left;
    width: 35%;
    margin: 0;
    padding: 3px 0;

    color: #595959;
    text-transform: uppercase;
}

.summary-container {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    padding: 20px;
    overflow: hidden;

    text-align: left;

    background: #fff;
    border-bottom: 1px solid #eee;
}

.summary-container dt {
    float: left;
    width: 30%;
    margin: 0;
    padding: 3px 0;

    color: rgb(121 121 121 / 87%);
    text-transform: uppercase;
}

.summary-container dd,
.summary-container-black dd {
    float: right;
    width: 65%;
    margin: 0;
    padding: 3px 0;

    color: #000;
}

.summary-container img {
    max-width: 100px;
    max-height: 100px;
}

.wrapper.enlarged .left.side-menu #sidebar-menu ul ul li.active-intermediate-item > a {
    color: #fff;

    background: #ababab;
}

.wrapper.enlarged .left.side-menu #sidebar-menu ul ul li.active a {
    color: #fff;
}

.wrapper.enlarged .left.side-menu #sidebar-menu a.subdrop {
    color: #7b7e8c !important;
}

div #sidebar-menu a .hide-icon-if-menu-expanded {
    display: none;
}

div.enlarged #sidebar-menu a .hide-icon-if-menu-expanded {
    display: inline-block;
}

.footer {
    position: fixed;

    font-weight: lighter;
    font-size: 13px;
}

.footer div:not(.infinite-scroll-loader),
.footer span {
    display: inline-block;

    color: #aaa;
}

.tooltip-inner {
    max-width: initial;
}

.footer-tooltip {
    padding: 5px;

    line-height: 2;
}

.footer-tooltip strong {
    color: #ccc;
}

.page-title {
    margin-top: 0;
    margin-bottom: 8px;
}

.content-page-header .page-title {
    margin-top: 20px;
}

div.content div.container div.row h3:not(.portlet-title) {
    display: none; /* Hide old page titles from new-theme pages */
}

div.content div.container div.row h3.panel-title {
    display: inherit; /* Hide page titles from new-theme pages unless they are inside panel-heading */
}

.padding-left-1em {
    padding-left: 1em;
}

.k-multiselect-wrap .k-input {
    width: auto !important;
    height: auto !important;
}

.RadDockZone {
    border: 0 !important;
}

.width-100 {
    width: 100%;
}

.width-100percent {
    width: 100%;
}

.width-93 {
    width: 93% !important;
}

.width-60 {
    width: 60%;
}

.width-70 {
    width: 70%;
}

.width-45 {
    width: 45%;
}

.width-50 {
    width: 50%;
}

.width-30 {
    width: 30%;
}

.width-155 {
    width: 155px;
}

.width-180 {
    width: 180px;
}

.width-15 {
    width: 15%;
}

.width-20 {
    width: 20%;
}

.RadDock .rdTable .rdCenter .rdContent > table:not(:first-child),
.RadDock .rdTable .rdCenter .rdContent span {
    margin-top: 7px !important;
}

.RadDock .rdTable .rdCenter .rdContent .RadGrid.RadGrid_Default {
    margin-bottom: 7px !important;
}

.RadGrid.RadGrid_Default {
    margin-top: 7px !important;
}

td > div.RadGrid.RadGrid_Default {
    margin-bottom: 7px;
}

.rgNoRecords td {
    padding: 7px !important;
}

.display-none {
    display: none !important;
}

#divOuter {
    max-width: none !important;
}

#divOuter > div {
    background: #e6e6e6 !important; /* same as body color */
}

#divOuter .panel-body div {
    width: auto !important;
}

#divOuter table input {
    margin-left: 0 !important;
}

#rowShowMenu {
    display: none;
}

#btnFullScreen {
    display: none !important;
}

div.menuLeftFix {
    width: 0 !important;
}

div.menuRightFix {
    width: 100% !important;
}

div[id$="filterRow"] {
    width: 40%;
    margin-right: auto;
    margin-left: auto;
}

div[id$="filterRow"] div {
    padding: 3px;
}

span[class~="k-datepicker"] {
    width: 130px !important;
}

.orange-filter-row {
    margin-right: 10px;
    margin-bottom: 20px;
    margin-left: 10px;

    background: #fff;
    border-radius: 3px !important;

    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 10%);

    transition: all 0.4s;
}

.menuRightFix .portlet-body > div,
.menuRightFix .portlet-body > table,
.menuRightFix .portlet-body > div > table {
    width: auto !important;
    margin: auto;

    border: 0 !important;
}

.menuRightFix .portlet-body > div > table {
    width: 100% !important; /* Firefox */
}

.menuRightFix .portlet-body > table tr,
.menuRightFix .portlet-body > div > table tr {
    background: inherit !important;
}

.menuRightFix > div.row[style*="display:table-row"] {
    display: inherit !important;
}

.menuRightFix div.RadAjaxPanel > div > div.RadGrid {
    width: auto !important;
}

.orange-filter-row,
.orange-filter-row a,
.orange-filter-row span,
.orange-filter-row select {
    font-size: 16px;
    text-decoration: none !important;
}

.orange-filter-row *[style*="font-size"] {
    font-size: 16px !important;
}

.orange-filter-row a:hover,
.orange-filter-row select:hover {
    cursor: pointer;
}

.orange-filter-row .ddl {
    font-weight: bold;
}

.orange-filter-row input[disabled="disabled"] {
    opacity: 0.33;
}

.orange-filter-row > table > tbody > tr:first-child,
.orange-filter-row > table > tbody td select {
    color: white !important;

    background-color: #458ced !important;

    background-color: #9ec352 !important;
    border-color: #458ced !important;
    border-color: #9ec352 !important;
    border-radius: 3px !important;
}

.orange-filter-row td input,
.orange-filter-row td select {
    vertical-align: middle;

    background: inherit;
}

.orange-filter-row tr:nth-child(2) td {
    padding-top: 1em !important;
    padding-bottom: 1em !important;
}

#divCalendar caption {
    display: none;
}

tr[id$="trCustomize"] {
    display: block;
    float: right;
}

*[style*="Arial"],
*[style*="Segoe"],
*[style*="Calibri"] {
    font-family: inherit !important;
}

#filterDiv {
    z-index: 999;

    height: auto !important;
    padding-bottom: 8px;

    text-align: left;
}

div.RadGrid table.rgMasterTable {
    height: auto !important;
}

div.RadGrid table.rgMasterTable .rgNoRecords {
    height: 5em;
}

*[style*="color:#6E3E30"],
*[style*="color:#B67761"] {
    color: #458ced !important;
}

table.rgMasterTable {
    border-collapse: separate;
}

table.rgMasterTable tr:first-child td:first-child,
table.rgMasterTable tr:first-child th:first-child {
    border-top-left-radius: 3px;
}

table.rgMasterTable tr:first-child td:last-child,
table.rgMasterTable tr:first-child th:last-child {
    border-top-right-radius: 3px;
}

table.rgMasterTable tr:last-child td:first-child,
table.rgMasterTable tr:last-child th:first-child {
    border-bottom-left-radius: 3px;
}

table.rgMasterTable tr:last-child td:last-child,
table.rgMasterTable tr:last-child th:last-child {
    border-bottom-right-radius: 3px;
}

/* tooltip */
.rtCallout .rtWrapper td {
    background: none !important;
}

.rtWrapperTopLeft,
.rtWrapperTopCenter,
.rtWrapperTopRight,
.rtWrapperBottomLeft,
.rtWrapperBottomCenter,
.rtWrapperBottomRight,
.rtWrapperLeftMiddle,
.rtWrapperRightMiddle,
.rtCalloutBottomLeft {
    width: auto !important;
    height: auto !important;

    background: none !important;
}

.rtWrapperContent {
    color: white !important;
    font-family: inherit !important;

    background: #458ced !important;
    border-radius: 3px;
}

.portletHeaderLegacy {
    display: none;
}

.menuRightFix .portlet-widgets a {
    margin-left: 10px;
}

.portlet-widgets .view-more-link {
    cursor: pointer;
}

.menuRightFix .portlet-body table {
    height: auto !important;
}

.portlet div[data-role="chart"] svg text:not([id]) {
    display: none;
}

.portlet .span-percent-row,
.portlet .span-values-row {
    display: inline-block;
}

.portlet .span-percent-row {
    margin-top: -1.5em;
    margin-right: -4.5em;
}

.portlet .span-values-row td {
    vertical-align: inherit !important;
}

.portlet .span-percent span[id$="Arrow"],
.portlet .span-percent span[id$="ArrowTO"] {
    top: -4px !important;
}

.portlet .span-values-row tr td {
    padding-right: 10px;
    padding-left: 10px;
}

.portlet div[id$="portletBodyWrapper"] > .portlet-body {
    text-align: center;
}

.rgMasterTable {
    text-align: left;
}

@media (max-width: 995px) {
    .button-menu-mobile {
        padding-left: 0 !important;
    }
}

.menu-separator a {
    text-align: center;
}

.menu_separator {
    opacity: 0.66;
}

.rgClipCells td {
    text-overflow: ellipsis;
}

.RadMenu_SellerCloudVert,
.RadMenu_SellerCloudVert ul li,
.RadMenu_SellerCloudVert ul li a {
    width: 100% !important;
}

.rmText {
    font-weight: normal;
    line-height: 30px;
}

#divLeftMenu,
input[id$="tbimage"] {
    display: inline-block;

    vertical-align: top;
}

#divLeftMenu {
    display: none;
}

#sidebar-menu > ul > li > a > i,
.wrapper.enlarged .left.side-menu #sidebar-menu > ul > li > a i {
    font-size: 1.6em;
}

#sidebar-menu > ul > li > a > span {
    font-size: 1em;
}

.RadMenu {
    padding-right: 20px;
}

.invalid-input {
    animation: shake 0.6s linear;
}

@keyframes shake {
    8%,
    41% {
        transform: translateX(-10px);
    }

    25%,
    58% {
        transform: translateX(10px);
    }

    75% {
        transform: translateX(-5px);
    }

    92% {
        transform: translateX(5px);
    }

    0%,
    100% {
        transform: translateX(0);
    }
}

@keyframes shake {
    8%,
    41% {
        transform: translateX(-10px);
    }

    25%,
    58% {
        transform: translateX(10px);
    }

    75% {
        transform: translateX(-5px);
    }

    92% {
        transform: translateX(5px);
    }

    0%,
    100% {
        transform: translateX(0);
    }
}

@keyframes shake {
    8%,
    41% {
        transform: translateX(-10px);
    }

    25%,
    58% {
        transform: translateX(10px);
    }

    75% {
        transform: translateX(-5px);
    }

    92% {
        transform: translateX(5px);
    }

    0%,
    100% {
        transform: translateX(0);
    }
}

@keyframes shake {
    8%,
    41% {
        transform: translateX(-10px);
    }

    25%,
    58% {
        transform: translateX(10px);
    }

    75% {
        transform: translateX(-5px);
    }

    92% {
        transform: translateX(5px);
    }

    0%,
    100% {
        transform: translateX(0);
    }
}

.HeaderStyle1,
td.HeaderStyle1 {
    line-height: normal;
}

.HeaderStyle1 table .HeaderStyle1 {
    padding: 0;

    border-bottom-width: 0;
}

.InfoBox td .InfoBox {
    margin-top: 8px;
    margin-bottom: 8px;

    border-right-width: 0;
    border-bottom-width: 0;
    border-left-width: 0;
}

.InfoBoxTD,
.InfoBoxTD + td,
.InfoBox .InfoBox tbody tr td:not([class]) table td:not([class]),
.InfoBox .InfoBox tr td:not([class]) table td:not([class]) {
    padding: 8px;
    padding-top: 8px;
    padding-bottom: 0;
}

.InfoBox td {
    vertical-align: top;
}

.InfoBox td input[type="image"] {
    vertical-align: middle;
}

#ratingScale {
    vertical-align: middle;
}

.help-outline-button {
    font-size: 1.9em !important;
    vertical-align: middle;
}

.select2-results li[aria-selected="true"] {
    display: none;
}

.select2-results li {
    padding: 4px 6px;

    font-size: 0.875em;
    line-height: normal;
}

.rmVertical .rmItem:hover {
    text-decoration: underline;
}

td input[type="image"] {
    vertical-align: middle;
}

.button-menu-mobile {
    display: block;
    margin: 0 auto;
    padding: 0;

    color: #bbb;
}

.button-menu-mobile:hover {
    color: #888;
}

.navbar-right-help-link {
    width: 52px; /* necessary for full text search width */
}

.navbar-right-help-link i {
    color: #999;
}

.navbar-right-help-link:hover i {
    color: #458ced;
}

.valign-middle {
    vertical-align: middle !important;
}

.valign-top {
    vertical-align: top !important;
}

.valign-bottom {
    vertical-align: bottom;
}

.valign-inherit {
    vertical-align: inherit !important;
}

.overflow-normal,
.table-nowrap td.overflow-normal {
    overflow: initial;

    text-overflow: initial;
}

.overflow-hidden {
    overflow: hidden;
}

footer {
    z-index: 1040;
}

#pnlHeader {
    background: none;
}

#pnlHeader.fixed,
#pnlFooterRight.fixed {
    position: fixed;
    z-index: 100;

    border-bottom: 1px solid #e6e6e6;
}

#btnEditRowsCog i {
    margin-left: 0;
}

#btnEditRowsCog.inside-header {
    animation: none;
}

#pnlHeader #btnEditRowsCog i {
    margin-right: -10px;
    margin-left: 5px;
}

.width-auto {
    width: auto !important;
}

@keyframes dropdownOpenBottomLeft {
    0% {
        transform: scale(0);
        opacity: 0;
    }

    100% {
        transform: scale(1);
    }
}

@keyframes dropdownOpenBottomLeft {
    0% {
        transform: scale(0);
        opacity: 0;
    }

    100% {
        transform: scale(1);
    }
}

@keyframes dropdownOpenBottomLeft {
    0% {
        transform: scale(0);
        opacity: 0;
    }

    100% {
        transform: scale(1);
    }
}

@keyframes dropdownOpenBottomLeft {
    0% {
        transform: scale(0);
        transform-origin: left bottom;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        transform-origin: left bottom;
        opacity: 1;
    }
}

@keyframes dropdownOpenBottomRight {
    0% {
        transform: scale(0);
        opacity: 0;
    }

    100% {
        transform: scale(1);
    }
}

@keyframes dropdownOpenBottomRight {
    0% {
        transform: scale(0);
        opacity: 0;
    }

    100% {
        transform: scale(1);
    }
}

@keyframes dropdownOpenBottomRight {
    0% {
        transform: scale(0);
        opacity: 0;
    }

    100% {
        transform: scale(1);
    }
}

@keyframes dropdownOpenBottomRight {
    0% {
        transform: scale(0);
        transform-origin: right bottom;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        transform-origin: right bottom;
        opacity: 1;
    }
}

@keyframes dropdownOpenTopRight {
    0% {
        transform: scale(0);
        opacity: 0;
    }

    100% {
        transform: scale(1);
    }
}

@keyframes dropdownOpenTopRight {
    0% {
        transform: scale(0);
        opacity: 0;
    }

    100% {
        transform: scale(1);
    }
}

@keyframes dropdownOpenTopRight {
    0% {
        transform: scale(0);
        opacity: 0;
    }

    100% {
        transform: scale(1);
    }
}

@keyframes dropdownOpenTopRight {
    0% {
        transform: scale(0);
        transform-origin: right top;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        transform-origin: right top;
        opacity: 1;
    }
}

@keyframes dropdownOpenTopLeft {
    0% {
        transform: scale(0);
        opacity: 0;
    }

    100% {
        transform: scale(1);
    }
}

@keyframes dropdownOpenTopLeft {
    0% {
        transform: scale(0);
        opacity: 0;
    }

    100% {
        transform: scale(1);
    }
}

@keyframes dropdownOpenTopLeft {
    0% {
        transform: scale(0);
        opacity: 0;
    }

    100% {
        transform: scale(1);
    }
}

@keyframes dropdownOpenTopLeft {
    0% {
        transform: scale(0);
        transform-origin: left top;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        transform-origin: left top;
        opacity: 1;
    }
}

@keyframes dropdownSubmenuOpenSlideRight {
    0% {
        margin-right: -125%;

        opacity: 0;
    }

    50% {
        opacity: 0;
    }

    75% {
        opacity: 0.5;
    }

    100% {
        margin-right: 0;

        opacity: 1;
    }
}

@keyframes dropdownSubmenuOpenSlideRight {
    0% {
        margin-right: -125%;

        opacity: 0;
    }

    50% {
        opacity: 0;
    }

    75% {
        opacity: 0.5;
    }

    100% {
        margin-right: 0;

        opacity: 1;
    }
}

@keyframes dropdownSubmenuOpenSlideRight {
    0% {
        margin-right: -125%;

        opacity: 0;
    }

    50% {
        opacity: 0;
    }

    75% {
        opacity: 0.5;
    }

    100% {
        margin-right: 0;

        opacity: 1;
    }
}

@keyframes dropdownSubmenuOpenSlideRight {
    0% {
        margin-right: -125%;

        opacity: 0;
    }

    50% {
        opacity: 0;
    }

    75% {
        opacity: 0.5;
    }

    100% {
        margin-right: 0;

        opacity: 1;
    }
}

input::input-placeholder,
textarea::input-placeholder {
    color: #bbb !important;
}

.timeline {
    position: relative;
    z-index: 0;

    padding: 20px;
}

.timeline .dashed-line {
    position: absolute;
    top: 48px;
    z-index: 10;

    width: 97%;

    border-bottom: 3px dashed #cdcdcd;
}

.timeline .inner {
    position: relative;
    z-index: 100;

    float: left;
}

.timeline a {
    position: relative;
    z-index: 100;

    display: block;
    float: left;
    margin-right: 120px;

    background: #f5f5f5;
    border: 5px solid #f5f5f5;
}

.timeline a.last {
    margin-right: 0 !important;
}

.timeline .line {
    position: absolute;
    top: 28px;
    z-index: 10;

    width: 100%;

    border-bottom: 3px solid #cdcdcd;
}

.timeline .placeholder {
    float: left;
    width: 150px;
    height: 50px;
}

.timeline a span {
    display: block;
    width: 50px;
    height: 50px;

    font-size: 20px;
    line-height: 45px;
    text-align: center;

    border-style: solid;
    border-width: 3px;
    border-radius: 25px;
}

.timeline a div.tooltip {
    display: none;
}

.global-search {
    position: relative;

    margin-top: 0;
    padding-top: 8px;
}

.global-search .form-group {
    width: 100%;
}

.has-feedback-left .form-control {
    padding-left: 35px !important;
}

.global-search .form-control-feedback {
    top: 18px;
    left: 0;

    color: #cfcfcf;

    transition: 0.2s color;
}

.global-search:hover .form-control-feedback,
.global-search.active .form-control-feedback {
    color: #337ab7;
}

.global-search input.search-bar {
    width: 100%;

    background: #fff;
    border-bottom: 2px solid #cfcfcf !important;
    border-radius: inherit;
}

.global-search input:hover,
.global-search input:active,
.global-search input:focus {
    border-bottom-color: #337ab7 !important;
}

.global-search-input-white::placeholder {
    color: #fff !important;
}

.global-search-input-black::placeholder {
    color: #000 !important;
}

.global-search .global-search-popup {
    position: absolute;
    top: 52px; /* auto calculated */
    left: 0;
    z-index: 100;

    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;

    background: #fff;
    border: 1px solid #ccc;
    border-radius: 0 0 3px 3px;
}

.global-search-popup .global-search-message {
    padding: 48px 60px;

    font-weight: bold;

    background: #eee;
}

.global-search-popup ul,
.global-search-popup ul li {
    margin: 0;
    padding: 0;

    list-style: none;
}

.global-search-popup ul li {
    position: relative;
}

.global-search-popup ul li a,
.global-search-popup ul li i {
    display: block;
    padding: 5px 7px;
    overflow: hidden;

    font-weight: 300;
    font-size: 13px;
    line-height: 20px;
    white-space: nowrap;
    text-align: left;
    text-decoration: none;
    text-overflow: ellipsis;

    border-bottom: 1px solid #eee;

    transition: 0.2s all;
}

.global-search-popup ul li i {
    font-weight: 600;
    font-style: normal;

    background: #eee;
    border-bottom: 2px dashed #ccc;
}

.global-search-popup ul li.active a,
.global-search-popup ul li a:hover {
    background: #eee;
}

.global-search-popup ul li a .highlight {
    padding: 0 2px;

    font-weight: 700;

    background-color: #ddd;
}

.global-search-popup ul li button {
    position: absolute;
    top: 3px;
    right: 10px;

    padding: 2px 8px;

    color: #fff;

    background: #7ab9d7;
    border: none;
    cursor: pointer;

    transition: 0.2s background;
}

.global-search-popup ul li button:hover {
    background: #4798be;
}

.overflow-y {
    overflow-y: scroll;
}

.overflow-y-hidden {
    overflow-y: hidden;
}

.overflow-x {
    overflow-x: scroll;
}

.height-auto {
    height: auto !important;
}

.height-32 {
    height: 32px;
}

body {
    min-height: 100%;
    padding-right: 0 !important; /* bootstrap fix */

    background-color: #e6e6e6;
}

input:-webkit-autofill {
    box-shadow: 0 0 0 1000px white inset !important;
}

.cursor-pointer,
.saved-search-link {
    cursor: pointer;
}

.centered-container {
    height: 100%;

    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
}

.centered-container #wrapper {
    position: relative;
    z-index: 100;

    display: flex;
    align-items: center;
    justify-content: center;

    min-height: 100%;
}

.centered-container #wrapper .push {
    clear: both;
    height: 40px;
    margin: 0;
}

.centered-container #copyright {
    position: absolute;
    bottom: 2%;
    z-index: 0;

    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 4%;

    text-align: center;
}

    .centered-container #copyright span {
        color: #007DC0;
    }

.centered-container .container.login,
.centered-container .container.forgotten-password {
    position: absolute;
    top: 30%;
    left: 50%;

    width: 370px;
    margin-left: -185px;
}

.container-logo {
    display: block;
    margin: 0 auto 20px;
    padding: 0 20px;

    text-align: center;
}

.container-logo img {
    max-width: 100%;
    max-height: 50px;
}

.sellercloud-login-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 400px;
    padding: 0;
    overflow: hidden;

    font-family: "Roboto", sans-serif !important;

    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0 4px 40px 0 rgb(0 102 255 / 10%);
    mask-image: radial-gradient(white, black);
}

.sellercloud-panel {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding-top: 45px;
    padding-bottom: 20px;
    padding-bottom: 0;
    overflow: hidden;

    color: #03012c;

    background: #fff;
}

.sellercloud-panel a {
    color: #7c7a99;
}

.form-classes {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 20px;
}

.custom-input {
    width: 260px !important;
    height: 45px;
    padding: 15px;

    border: solid 1px #7c7a99 !important;
    border-radius: 6px !important;
}

.wizard-btn-container {
    display: block;
    margin: 20px 0;
}

.wizard-btn {
    float: none !important;
    width: 260px;
    height: 45px !important;
    color: #fff;
    font-weight: normal;
    font-size: 14px !important;
    font-family: "Roboto", sans-serif !important;
    text-align: center;
    background-color: #007DC0 !important;
    border: none !important;
    border-radius: 6px;
}

.custom-text {
    color: #7c7a99;
    font-size: 13px;
}

.sellercloud-login-container .alert-danger {
    color: #e53238;

    background-color: #fceaeb;
}

.sellercloud-alert {
    width: 100%;
    margin-bottom: 0;

    text-align: center;

    border: none !important;
    border-radius: initial !important;
}

.centered {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.centered-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

.align-2fa {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.information-message-2fa {
    flex-direction: column !important;
    width: 80% !important;
    margin: 0 auto !important;

    text-align: center !important;
}

/*After Descartes acquisition we have retired the galano font*/
.galano-bold {
    font-family: "Roboto", sans-serif;
}

.navbar-form {
    position: relative;
}

.navbar-right .dropdown-menu li a {
    padding-right: 15px;
    padding-left: 15px;
}

.navbar-right .dropdown-menu li a i {
    margin-right: 10px;
}

.button-menu-mobile,
.topbar-left,
.side-menu,
.portlet a,
.portlet-body table tr,
.portlet-body table td,
.navbar-nav li a {
    transition: ease-out 0.2s;
    transition-property: color, background-color;
}

.navbar-nav li a:hover,
.navbar-nav li a:active,
.navbar-nav li a:focus {
    color: #337ab7 !important;
}

.portlet-widgets a:hover,
.portlet-widgets a:active,
.portlet-widgets a:focus {
    color: #337ab7 !important;
}

@media (max-width: 1024px) {
    .centered-container .container {
        max-width: 100%;
        max-height: 85%;
        padding: 10px;
    }
}

.table tbody {
    border-bottom: 1px solid #ddd;
}

.table tbody .bold {
    font-weight: bold;
}

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

.pagination-v2 {
    margin-bottom: 0 !important;
}

.pagination-v2 li {
    float: left;
}

.pagination-v2 li a {
    display: block;
    width: 25px;
    padding-bottom: 8px;

    color: #666;
    text-align: center;
}

.pagination-v2 li a:hover {
    color: #333;
}

.pagination-v2 li.disabled a {
    color: #999;
}

.pagination-v2 li.active a {
    color: #739cee;

    border-bottom: 2px solid #739cee;
}

.custom-stat {
    display: block;
    margin-bottom: 7px;

    cursor: pointer;
}

.custom-stat .mini-stat-info {
    margin-top: 8px;

    text-transform: uppercase;
}

.custom-stat .mini-stat-info strong {
    color: #000;
    font-size: 20px;
}

.custom-stat .mini-stat-info span {
    color: #999;
    font-weight: 500;
    font-size: 1em;
}

.custom-stat .mini-stat-info .total-amount-period {
    color: #39b54a;
    font-weight: bold;
    font-style: normal;
}

.custom-stat .mini-stat-icon {
    width: 70px;
    height: 70px;

    border-style: solid;
    border-width: 5px;
}

.custom-stat-cyan .mini-stat-icon {
    color: #558aeb;

    border-color: #558aeb;
}

.custom-stat-green .mini-stat-icon {
    color: #39b54a;

    border-color: #39b54a;
}

.custom-stat-magenta .mini-stat-icon {
    color: #d32667;

    border-color: #d32667;
}

.custom-stat-orange .mini-stat-icon {
    color: #e68c2b;

    border-color: #e68c2b;
}

.edge-chart-cyan::after {
    background: #558aeb;
}

.edge-chart-green::after {
    background: #39b54a;
}

.edge-chart-magenta::after {
    background: #d32667;
}

.edge-chart-orange::after {
    background: #e68c2b;
}

#chartjs-tooltip {
    position: absolute;
    z-index: 9999;

    margin-top: 20px;
    padding: 5px;

    color: white;
    font-size: 0.95em;
    white-space: nowrap;

    background: rgb(0 0 0 / 70%);
    border-radius: 3px;

    pointer-events: none;
}

.chartjs-tooltip-key {
    display: inline-block;
    width: 10px;
    height: 10px;
}

.icon-block {
    display: block;
    float: left;
    width: 20px;
}

.icon-circle-success {
    width: 88px;
    height: 88px;
    margin: 20px auto;

    color: #55b95b;
    font-size: 58px;
    line-height: 80px;

    border: 5px solid #d4edd6;
    border-radius: 44px;
}

.nav-tabs-custom li.tab {
    border-bottom: 2px solid #ddd;
}

.nav-tabs-custom li.tab a {
    padding: 0 3px !important;

    color: #000;
    font-weight: 700;
    line-height: 40px !important;
}

.nav-tabs-custom2 {
    border: none;
}

.nav-tabs-custom2 li a {
    text-transform: none !important;
}

.nav-tabs-custom2 .indicator {
    height: 3px;
}

.portlet-heading {
    position: relative;
}

.portlet-heading i.fa-ellipsis-v {
    padding: 0 7px;
}

.nav-tabs-inline {
    position: absolute;
    top: 0;
    right: 50px;

    margin: 0 auto;

    text-align: center;

    border-bottom: 2px solid #ddd;
}

.nav-tabs-inline > li {
    display: inline-block !important;
    float: none;
    margin: 0;
}

.nav-tabs-inline > li > a {
    margin: 0;
    margin-bottom: -2px;
    padding: 0 10px !important;

    font-weight: 700;
    line-height: 42px !important;

    background: none !important;
}

.nav-tabs-inline > li.active > a {
    border-bottom: 2px solid #558aeb !important;
}

.portlet .portlet-heading {
    padding: 6px 10px !important;
}

.portlet .portlet-heading .portlet-title {
    color: #000 !important;
    font-size: 0.975em !important;
}

.portlet .portlet-heading .portlet-widgets {
    padding-left: 0 !important;
}

.portlet .portlet-heading .row {
    padding: 15px 15px 10px;
}

.portlet .portlet-heading h1 {
    font-weight: 300;
    font-size: 36px;
}

.portlet .portlet-heading h1 span {
    font-weight: 700;
}

.portlet .portlet-heading h2 {
    font-weight: 700;
    font-size: 16px;
}

.form-group {
    transition: 0.2s all;
}

.form-custom .form-group.active {
    border-color: #558aeb;
}

.form-custom .form-group.invalid {
    border-color: #d02c1a !important;
}

.form-custom .form-group.invalid-form {
    background: #ef53507d !important;
    border-color: #d02c1a !important;
}

.form-custom .form-group.dirty {
    border-color: #7cb342;
}

.form-group[data-dirty-group="true"] input[type="checkbox"]:checked + label::after {
    color: #7cb342;
}

.form-group[data-dirty-group="true"] input[type="checkbox"] + label::before {
    border-color: #7cb342;
}

.form-group[data-dirty-group="true"] input[type="checkbox"]:checked + label::before {
    border-color: #7cb342;
}

.form-group[data-dirty-group="true"] input[type="checkbox"] + label {
    color: #7cb342;
}

.form-group[data-dirty-group="true"] input[type="checkbox"]:checked + label {
    color: #7cb342;
}

span.form-control {
    height: auto;
    min-height: 33px;

    color: #8b8b8b;
    word-break: normal;

    background: transparent;
    border-color: transparent;
}

.form-control-label {
    display: block;
    height: auto;
    min-height: 33px;
    margin: 0;
    padding: 7px 6px 6px;

    font-weight: normal;
    font-size: 1.05em;
    line-height: initial;
    word-break: break-all;
}

a.form-control-label {
    position: relative;

    color: #458ced;
    font-weight: 700;

    transition: 0.2s color;
}

a.form-control-label:hover {
    color: #23527c;
}

.link-icon {
    top: 9px;

    margin-top: -5px;
    margin-left: 5px;

    color: #458ced;
    font-size: 21px;
}

.form-control-link {
    color: #458ced;
    font-weight: 700;

    transition: all 0.2s ease;
}

.form-control-link:hover {
    color: #23527c;
}

.text-area-wide textarea {
    padding-top: 0;
    padding-right: 0;
    padding-left: 0;
}

#hover-screenshot {
    position: absolute;
    z-index: 9999;

    display: none;
    min-width: 50px;
    max-width: 150px;
    padding: 5px;

    background: #fff;
    border-radius: 5px;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 20%);
}

#hover-screenshot img {
    float: left;
    width: 100%;
}

#hover-tooltip {
    position: absolute;
    z-index: 9999;

    display: none;
    min-width: 50px;
    max-width: 150px;
    padding: 10px;

    background: #fff;
    border-radius: 5px;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 20%);
}

a.black {
    color: #000;
}

a.black:hover {
    color: #666;
    text-decoration: underline;
}

.btn-elipsis button span {
    display: inline-block;
    max-width: 200px;
    overflow: hidden;

    text-overflow: ellipsis;
}

.dropdown-toggle.btn-small {
    margin-top: 3px;
}

.btn-small {
    padding: 3px 10px !important;
}

.btn-small-pd {
    padding: 12px 10px !important;
}

.btn-small-nobg {
    padding: 4px !important;

    font-weight: 600;
}

.btn-smallest {
    padding: 5px 8px 3px !important;

    font-size: 0.9em;
    line-height: 1em;
}

.btn.btn-trash {
    transition: 0.2s all;
}

.filter-type-title {
    float: left;
    width: 130px;
    padding-right: 20px;

    font-weight: 700;
    line-height: 30px;
    text-align: right;
}

.filter-container {
    margin-left: 130px;
    padding-left: 20px;

    border-left: 1px solid #d9d9d9;
}

.filter-container.no-border {
    padding-left: 21px;
}

.filter-container.no-border .btn {
    margin-right: 10px;

    font-weight: 700;
}

.filter-container.no-border .btn#btnSortColumn {
    font-weight: 400;

    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.panel-heading .panel-lock {
    float: left;
    padding: 3px 10px 0 0;

    font-size: 18px;
}

.panel-heading .panel-lock i::before {
    color: #fff;

    content: "\f191";
}

.editable .panel-heading .panel-lock i::before,
.editable-global .panel-heading .panel-lock i::before {
    opacity: 0.6;

    content: "\f18f";
}

.panel-heading {
    padding-bottom: 5px;

    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.panel-heading.no-background {
    padding-right: 0;
    padding-left: 0 !important;
}

.panel-heading .pull-right {
    margin-right: -5px;

    font-size: 15px;
}

.panel-heading .pull-right > .pull-left {
    margin-left: 5px;
}

.panel-heading .btn-small-nobg,
.table-custom .btn-small-nobg {
    display: block;
    float: right;
    padding-top: 10px;

    color: #666;
    font-size: 21px;
}

.panel-heading .btn-small-nobg .zmdi-plus {
    font-size: 22px;
}

.panel-heading .btn-small-nobg {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.panel-heading .btn-group.btn-dropdown > a {
    color: #fff;
    font-weight: 500;
    line-height: 30px;
    text-transform: uppercase;
}

.panel-heading.no-background .btn-group-filter.no-margin a {
    margin-right: 0 !important;
}

.panel-heading .td-arrow {
    width: 30px;
    margin-right: 8px;

    text-align: center;
}

.panel-heading .td-arrow a {
    display: block;
}

.panel-heading .td-arrow i {
    font-size: 18px;
}

.panel-heading .validation-placeholder {
    float: left;
    margin-top: 2px;
    margin-left: 10px;

    font-size: 1.3em;
}

.padd-left-check {
    padding-left: 6px;
}

.padd-left-check-cus {
    padding-left: 50px;
}

.p-bor-hide {
    box-shadow: 0 0 0 0 rgb(0 0 0 / 0%) !important;
}

.p-blk-color {
    color: black !important;
}

.content-page > .content {
    padding: 0;
}

.row.full-white,
.row.full-gray {
    margin: 0 -15px;
    padding: 10px 20px 0;

    background: #fff;
}

.user-tabs {
    z-index: 13;

    margin: 0 -30px 15px;
    padding: 0 30px;

    background-color: #f9f9f9;
}

.tabs li.tab {
    border-bottom: 3px solid #f9f9f9;
}

.tabs li.tab:hover {
    border-bottom: 3px solid #d7d7d7;
}

.tabs li.tab.active {
    border-bottom: 3px solid #458ced;
}

.nav.nav-tabs > li > a:hover {
    color: #888 !important;
}

.nav.nav-tabs > li.active > a:hover {
    color: #458ced !important;
}

.nav.nav-tabs > li > a {
    line-height: 40px;
}

.nav.nav-tabs > li.active > a {
    background-color: transparent;
}

.row.full-gray {
    background: #f5f5f5;
}

.border-top {
    border-top: 1px solid #bbb;
}

.tab-address {
    color: #000;
    font-size: 1em;
}

.tab-address h4 {
    margin-bottom: 20px;
}

.address-info {
    padding-top: 10px;

    font-weight: 700;
    text-transform: uppercase;

    border-top: 1px solid #eee;
}

.address-info i {
    float: right;

    font-size: 18px;
}

.modal-open .content-page {
    overflow: hidden;
}

.modal-content {
    border: none !important;
    border-radius: 4px !important;
}

.modal-header {
    text-transform: uppercase;

    border: none;
}

.modal-header h4 {
    font-size: 1em;
}

.modal-footer,
.modal-footer button {
    text-transform: uppercase;
}

.address-half {
    position: relative;

    float: left;
    width: 50%;
}

.address-half:first-child {
    border-right: 2px solid #ddd;
}

.address-half i.center-icon {
    position: absolute;
    right: -20px;
    z-index: 10;

    display: inline-block;
    width: 40px;
    padding-top: 20px;

    color: #999;
    font-size: 30px;
    text-align: center;

    background: #fff;
}

.address-half h4 {
    margin-bottom: 10px;
    padding-bottom: 10px;

    font-weight: 700;
    font-size: 14px;

    border-bottom: 1px solid #ddd;
}

.address-half h3 {
    margin-bottom: 15px;
    padding: 0 5px;

    font-weight: 700;
    font-size: 18px;
}

.address-half h3,
.address-half span {
    display: inline-block;
}

.address-half p {
    margin-bottom: 15px;

    font-size: 1.1em;
}

.address-half del {
    display: none;
}

.address-half ins {
    text-decoration: none;

    background: yellow;
}

.dropdown-menu .input-group .form-control {
    padding: 6px 8px;

    font-weight: 400;
    font-size: 1.1em;
}

.dropdown-menu .input-group-addon {
    cursor: pointer;
}

.input-group-addon {
    padding: 0;
    padding-left: 5px;

    background: none;
    border: none;
}

.input-group-addon.button {
    position: relative;
    top: 2px;
    left: 0 !important;

    padding: 0;

    font-size: 16px;

    background-color: transparent;
    border-color: transparent;
}

.input-group-addon-select.button {
    position: absolute !important;
    top: 5px !important;
    right: 10px !important;
    left: initial !important;

    font-size: 16px;
}

.input-group-addon-select-right-10.button {
    position: absolute !important;
    top: 5px !important;
    right: 10px !important;
    left: initial !important;

    font-size: 16px;
}

.input-group-addon-select-right-5.button {
    position: absolute !important;
    top: 5px !important;
    right: 0px !important;
    left: initial !important;

    font-size: 16px;
}

.input-group-addon.button a {
    padding: 0 !important;

    color: #777;

    cursor: pointer;
}

.input-group-addon.button a .zmdi {
    font-size: 22px;
}

.panel .input-group[class*="col-"] {
    padding-left: 10px !important;
}

#divVendorInvoice .input-group-addon.button {
    left: 0;
}

.input-group-addon.input-group-addon-form-select {
    position: absolute;
    top: 5px;
    right: 0;
    left: auto;
}

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

.dropdown-menu-small > li {
    font-size: 0.875em;
}

.dropdown-menu-small > li > a,
.dropdown-filter > li > a {
    padding: 3px 15px !important;
}

.dropdown-menu-xs {
    min-width: 40px !important;
}

.dropdown-filter > li > a {
    display: block;
    clear: both;

    color: #333;
    font-weight: normal;
    line-height: 1.4286;

    transition: background-color 0.2s;
}

.dropdown-filter > li.active > a:active,
.dropdown-filter > li > a:active {
    color: #262626;
    text-decoration: none;

    background-color: #d5d5d5;
}

.dropdown-custom {
    top: 48px !important;
    right: 20px !important;

    padding: 10px 0 5px;
}

.dropdown-custom.dropdown-arrowed::before,
.dropdown-custom.dropdown-arrowed::after {
    right: 4px;

    margin-right: auto;
}

.dropdown-custom li {
    padding: 0 10px;
}

.dropdown-arrowed {
    top: 115%;
    left: 50%;

    border-radius: 5px !important;
}

.dropdown-arrowed::after,
.dropdown-arrowed::before {
    position: absolute;
    right: 50%;
    bottom: 100%;
    left: auto;

    width: 0;
    height: 0;
    margin-right: -10px;

    border: solid transparent;

    content: " ";
    pointer-events: none;
}

.dropdown-arrowed::after {
    margin-left: -8px;

    border-color: rgb(255 255 255 / 0%);
    border-width: 8px;
    border-bottom-color: #fff;
}

.dropdown-arrowed::before {
    margin-left: -8px;

    border-color: rgb(255 255 255 / 0%);
    border-width: 8px;
    border-bottom-color: #ddd;
}

.dropdown-right {
    top: 3px !important;
    right: 5px;
}

li.title {
    margin-bottom: 5px;
    padding: 3px 10px;

    border-bottom: 1px solid #ccc;
}

li.title i {
    float: right;
}

li.separator {
    border-bottom: 1px solid #ddd;
}

li.pad5 {
    min-width: 185px;
    padding: 0 4px 4px;
}

li.pad5 .input-group {
    width: 100%;
}

li.button {
    padding: 5px 5px 0;

    border-top: 1px solid #ccc;
}

.jquery-gdakram-tooltip::after {
    position: absolute;
    top: 50%;
    left: 100%;

    width: 0;
    height: 0;
    margin-top: -8px;

    border: solid transparent;
    border-color: rgb(255 255 255 / 0%);
    border-width: 8px;
    border-left-color: #fff;

    content: " ";
    pointer-events: none;
}

.jquery-gdakram-tooltip .image {
    float: left;
    width: 70px;
    height: 70px;
    margin-right: 10px;
}

.jquery-gdakram-tooltip .image img {
    max-width: 100%;
    max-height: 100%;
}

.jquery-gdakram-tooltip .data {
    float: left;
    width: 210px;
    height: 70px;
}

.jquery-gdakram-tooltip .data h5 {
    margin-bottom: 5px;

    color: #5375e2;
}

.jquery-gdakram-tooltip .data h6 {
    margin: 0;

    font-size: 0.95em;
}

.jquery-gdakram-tooltip .icons {
    float: left;
    width: 100%;
    height: 36px;
    padding: 0 5px;

    line-height: 36px;

    background: #f2f2f2;
}

.jquery-gdakram-tooltip .icons span {
    display: block;
    float: left;
    width: 25px;

    text-align: center;
}

.jquery-gdakram-tooltip {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;

    display: none;
    width: 290px;
    height: 106px;
    margin-top: -40px;
    margin-left: -5px;

    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 2px 10px 0 rgb(0 0 0 / 26%);
}

.jquery-gdakram-tooltip .content {
    overflow: hidden;

    border-radius: 3px;
}

.tooltip_description {
    display: none;
}

.table-nowrap {
    table-layout: fixed;
}

.table-nowrap td {
    overflow: hidden;

    white-space: nowrap;
    text-overflow: ellipsis;
}

.no-data-message {
    clear: both;

    text-align: center;
}

.no-data-message h2 {
    font-size: 1.5em;
}

.portlet .jumbotron {
    margin-bottom: 0 !important;

    background: none !important;
    border-top: 1px solid #ddd;
}

.note {
    margin: 15px;

    color: #999;
    font-size: 0.8em;
}

.send-note-button {
    position: absolute;
    right: 0;
    bottom: 5px;

    padding: 5px 10px;

    color: #404040 !important;

    cursor: pointer;
}

.send-note-button:hover {
    opacity: 0.8;
}

.send-note-button .zmdi-mail-send {
    font-size: 21px;
}

.notes-wrapper .notes {
    max-height: 330px !important;
    overflow-x: hidden;
    overflow-y: auto;
}

.panel .notes-wrapper .notes {
    margin-top: 15px;
}

.conversation-list .ctext-wrap {
    width: 100%;

    font-size: 1em !important;
    white-space: pre-wrap;

    border: 1px solid #dfdbdb;
    border-radius: 3px;
}

.conversation-list .ctext-wrap::after {
    display: none;
}

.conversation-list li {
    margin-right: 0;
    margin-bottom: 5px;
}

.conversation-list li .note-date {
    margin-left: 5px;

    font-weight: lighter;
    font-size: 0.95em;
}

    .conversation-list li .note-tagged-users {
        margin-top: 5px;
/*        color: #dfdbdb;*/
        font-weight: lighter;
        font-style: italic;
        font-size: 0.95em;
    }

.new-note-text {
    padding-right: 40px;
    padding-left: 0;

    border-radius: 0 !important;
}

.select2-search__field {
    width: 100% !important;
}

@media (min-width: 1200px) {
    .m-t-minus-40 {
        margin-top: -40px !important;
    }
}

.btn-pulse {
    box-shadow: 0 0 0 0 rgb(110 140 215 / 70%);

    animation: pulse 1s infinite ease-in-out;
    animation-iteration-count: 6;
}

.btn-pulse:hover {
    animation: none;
}

.row-pulse {
    box-shadow: 0 0 0 0 rgb(110 140 215 / 70%);

    animation: pulse 1s infinite ease-in-out;
    animation-iteration-count: 6;
}

@keyframes pulse {
    to {
        box-shadow: 0 0 0 10px rgb(110 140 215 / 0%);
    }
}

@keyframes pulse {
    to {
        box-shadow: 0 0 0 10px rgb(110 140 215 / 0%);
    }
}

@keyframes pulse {
    to {
        box-shadow: 0 0 0 10px rgb(110 140 215 / 0%);
    }
}

@keyframes pulse {
    to {
        box-shadow: 0 0 0 10px rgb(110 140 215 / 0%);
    }
}

.input-blue,
.input-blue i {
    color: #5375e2 !important;

    border-color: #5375e2 !important;
}

.input-bottom-border {
    width: 100%;
    padding-bottom: 5px;

    border-bottom: 2px solid #bfbfbf;
}

.input-bottom-border .form-control {
    padding-left: 40px !important;

    background: transparent;
    border: none;
    border-radius: 0;
}

.input-bottom-border i.fa-search-left {
    right: auto;
    left: 0;

    color: #bfbfbf;
}

.btn.btn-no-bg {
    font-weight: bold;

    background: transparent !important;
    box-shadow: none;
}

.btn-no-bg-Disabled {
    pointer-events: none;
}

.btn.btn-absolute-right {
    position: absolute;
    right: 0;
    z-index: 100;
}

#add-product-filters {
    padding: 10px 0;

    border-bottom: 1px solid #bfbfbf;
}

#add-product-results .table {
    border-bottom: 1px solid #ddd;
}

.pager.pager-custom {
    position: absolute;
    bottom: -50px;
    left: 50%;

    width: 200px;
    margin: 0 0 0 -100px !important;
}

.pager.pager-custom li {
    display: inline-block;
    margin: 0;
    padding: 0;
}

.pager.pager-custom li.active {
    border-top: 2px solid #759eeb;
}

.pager.pager-custom li.passive a,
.pager.pager-custom li.passive a:hover {
    color: #ddd;

    background: #fff;
    cursor: default;
}

.pager.pager-custom li > a,
.pager.pager-custom li > span {
    padding: 15px 10px;

    font-weight: bold;

    border: none;
    border-radius: 0;

    transition: 0.2s all;
}

.border-left {
    border-left: 3px solid #bbb;
}

.border-left-slim-lgray {
    border-left: 1px solid lightgrey;
}

.border-right-slim-lgray {
    border-right: 1px solid lightgrey;
}

.btn-order-type {
    width: 200px;

    font-weight: 700;
    line-height: 35px;
}

.wizard .steps ul li {
    position: relative;

    width: 20% !important;

    text-transform: uppercase;
}

.wizard .steps ul li a {
    padding: 15px 8px 15px 45px !important;

    font-weight: 800;

    border-style: solid;
    border-width: 3px;
    border-radius: 3px !important;
}

.wizard .steps ul li.current a {
    border-color: #2184be;
}

.wizard .steps ul li.error a {
    background: tomato;
    border-color: tomato;
}

.wizard .steps ul li.disabled a,
.wizard .steps ul li.disabled a:hover {
    background: #fff;
    border-color: #aaa;
}

.wizard .steps ul li.done a {
    border-color: #9dc8e2;
}

.wizard .steps ul li i {
    position: absolute;
    top: 50%;
    left: 20px;

    margin-top: -18px;

    font-size: 24px;
}

.wizard .content {
    min-height: 0 !important;
    padding: 0;

    background: none !important;
    border-radius: 0 !important;
}

.wizard .content .body {
    position: relative !important;

    width: 100% !important;
    height: auto !important;
}

.wizard .actions {
    margin-bottom: 0 !important;
    padding-bottom: 5px;
}

.wizard .actions a {
    border-radius: 3px !important;
}

.wizard .actions .disabled {
    display: none;
}

.wizard .control-label:not(.input-lg) {
    margin-top: 0.5em !important;
    margin-bottom: 0.2em !important;
}

.wizard .form-control {
    padding: 6px !important;
}

.form-control-full {
    width: 100% !important;
    max-width: none !important;
    padding: 6px 5px !important;
}

.form-control-small {
    min-width: 55px;
    max-width: 75px !important;
    margin-left: 0;

    padding: 6px 5px !important;
}

.form-control-tiny {
    min-width: 35px;
    max-width: 55px !important;
    padding: 6px 5px !important;
}

.form-control-medium {
    min-width: 155px;
    padding: 6px 5px !important;
}

.width-70px {
    width: 70px;
}

.RadToolTip .rtWrapper td.rtWrapperContent {
    max-width: 150px;
}

@media (max-width: 992px) {
    .wizard .steps ul li {
        text-align: center;
    }

    .wizard .steps ul li span {
        display: none;
    }

    .wizard .steps ul li a {
        padding: 10px !important;
    }

    .wizard .steps ul li i {
        position: relative !important;
        top: auto;
        left: auto;

        margin-top: auto;
    }
}

@media (max-width: 1200px) {
    .border-left {
        margin-top: 20px;

        border-top: 3px solid #bbb;
        border-left: none !important;
    }

    .wizard .steps ul li a {
        border-width: 2px !important;
    }
}

@media (max-width: 1200px) and (min-width: 992px) {
    .wizard .steps ul li a {
        font-size: 0.875em;
    }
}

@media (max-width: 768px) {
    .sm-hide {
        display: none;
    }
}

.notifyjs-metro-base {
    min-height: 75px;

    color: #fff;

    background-color: #fff;
    border: none;
    box-shadow: 0 3px 6px #00000029 !important;
}

.notifyjs-metro-success {
    background: #7cb342;
}

.notifyjs-metro-warning {
    background: #ffa726;
}

.notifyjs-metro-info,
.notifyjs-metro-bug {
    background: #bcbcbc;
}

.notifyjs-metro-error {
    background: #e91e63;
}

.notifyjs-corner {
    left: 39.8% !important;
    z-index: 99999 !important;
}

.notifyjs-corner .close-btn {
    position: absolute;
    top: 0;
    right: 0;

    display: block !important;
    float: right !important;
    width: auto !important;
    max-height: 21px;
    margin: 10px 8px 0 0;
    padding: 0 4px;

    background: none !important;
}

.notifyjs-corner .close-btn i {
    color: #fff !important;
    font-size: 17px !important;
}

.notifyjs-corner .btn {
    padding-top: 0 !important;
    padding-left: 0 !important;

    color: #fff !important;
    text-align: left !important;
}

.notifyjs-corner .btn:hover {
    color: #f5f5f5 !important;
    text-decoration: underline;
}

.notifyjs-wrapper {
    margin-bottom: 10px !important;
}

.notifyjs-metro-base .image {
    left: 35px;

    font-size: 35px;
}

.notifyjs-metro-base .title {
    margin-bottom: 2px;

    color: #fff;
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
}

.notifyjs-metro-base .text-wrapper {
    max-width: 250px;
    margin: 17px 10px 20px 68px;
}

.notifyjs-metro-base .text {
    font-size: 13px;
    word-wrap: break-word;
}

.notifyjs-metro-base .text a {
    color: #fff;
    text-decoration: underline;
}

.notifyjs-metro-base .text a:hover {
    color: #f5f5f5;
}

.notifyjs-metro-success .image {
    color: #fff !important;
}

.notifyjs-metro-warning .image {
    color: #fff !important;
}

.notifyjs-metro-bug .image {
    color: #fff !important;
}

.notifyjs-metro-info .image {
    color: #fff !important;
}

.notifyjs-metro-error .image {
    color: #fff !important;
}

.debug-notification-container .notifyjs-corner {
    position: relative !important;
    top: 0 !important;

    margin: 0;
}

.debug-notification-container .notifyjs-wrapper {
    display: block !important;
}

.debug-notification-container .notifyjs-container > div {
    width: 100% !important;
}

.debug-notification-container .notifyjs-wrapper .text {
    max-width: none !important;
}

.debug-notification-container .close-btn {
    display: none !important;
}

#email-preview-modal iframe {
    width: 100%;
    height: 550px;

    border: none;
}

.negative-currency {
    color: #f00;
}

.panel.shadow {
    box-shadow: 0 8px 30px 3px rgb(0 0 0 / 10%);
}

.panel.editable input.form-control,
.panel.editable select.form-control,
.panel.editable textarea.form-control,
.panel.editable-global input.form-control,
.panel.editable-global select.form-control,
.panel.editable-global textarea.form-control {
    color: #000;
}

.panel.editable .reveal,
.panel.editable-global .reveal {
    display: none !important;
}

.panel .edit-visible,
.panel.editable .edit-hidden,
.panel.editable-global .global-edit-hidden,
.editable-wrapper .panel .control-label span.text-danger {
    display: none;
}

.wiz-wrapper .panel .control-label span.text-danger {
    display: inline-block;
}

.panel.editable .edit-visible,
.panel.editable-global .global-edit-visible {
    display: block;
}

.panel.editable td.edit-visible,
.panel.editable th.edit-visible,
.panel.editable-global td.global-edit-visible,
.panel.editable-global th.global-edit-visible {
    display: table-cell !important;
}

.panel.editable .panel.deleted {
    border-color: rgb(0 0 0 / 10%);
}

.panel.editable .panel.deleted h4,
.panel.editable .panel.deleted p {
    opacity: 0.5;
}

.panel .btn-restore,
.panel.deleted .btn-delete,
.panel.deleted .btn-edit {
    display: none !important;
}

.panel.deleted .btn-restore {
    display: inline-block !important;
}

.panel.editable .control-label span.text-danger,
.panel.editable-global .control-label span.text-danger {
    display: inline;
}

.control-label span.text-danger {
    padding-left: 4px;
}

.panel {
    border-radius: 4px !important;

    transition: 0.2s opacity;
}

.form-control[disabled],
fieldset[disabled] .form-control {
    color: #6d6d6d !important;

    pointer-events: all;
}

fieldset[disabled] .text-green .form-control {
    color: #33b86c !important;
}

#pnlFooterRight {
    font-size: 15px;
    line-height: 0;
}

.pagination > li > a {
    font-weight: bold;

    background-color: transparent;
    border: none;
    border-top: 2px solid transparent;
}

.pagination > li > a,
.pagination > li > span {
    padding: 8px 12px 9px;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    color: #458ced;

    border-top: 2px solid #458ced;
}

.pagination-first,
.pagination-prev,
.pagination-next,
.pagination-last {
    padding: 3px 12px 7px !important;

    font-size: 20px;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    background-color: transparent;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span,
.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-radius: 0;
}

.scroll-to-top {
    display: inline-block;
    float: right;
    width: 24px;
}

.scrollup {
    display: none;
    padding: 9px 0 9px 9px;

    color: #373e4a;
    font-size: 22px;
    vertical-align: top;
}

.scrollup:hover {
    color: #458ced;

    opacity: 1;
}

.scrollup i {
    vertical-align: top;
}

.row-custom {
    margin: 0 0 10px;
    padding: 0 !important;

    border: 2px solid #eee;
    border-radius: 5px;

    transition: 0.2s border-color;
}

.row-custom:hover {
    border-color: #ddd;
}

.row-custom > div {
    height: 38px;

    color: #000;
    line-height: 38px;
}

.row-custom > div > a .row-custom > div > span {
    display: inline-block;
    padding: 0 5px;

    transition: 0.2s opacity;
}

.row-custom > div > a > i,
.row-custom > div > span > i {
    font-size: 1.4em;
    vertical-align: middle;
}

.row-custom a:hover,
.row-custom span:hover {
    opacity: 0.6;
}

.row-custom div > i {
    font-size: 1.4em;
}

.vector-bars {
    top: 10px;
    right: 27px !important;

    width: 18px !important;
    height: 12px;

    background: url(../images/bars.svg) no-repeat left top;
    opacity: 0;

    transition: 0.2s opacity;
}

.form-group.active .vector-bars {
    opacity: 1;
}

.vector-bars .inner {
    width: 0;
    height: 12px;

    background: url(../images/bars.svg) no-repeat left bottom;
}

#sidebar-menu ul.left-bottom > li > a {
    padding-top: 11px;
    padding-bottom: 11px;
}

.font-size-19 {
    font-size: 19px;
}

.font-size-21 {
    font-size: 21px;
}

@media (min-width: 1400px) {
    .col-xl-1 {
        width: 8.33333333%;
    }

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

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

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

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

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

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

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

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

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

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

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

    .col-xl-offset-0 {
        margin-left: 0%;
    }

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

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

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

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

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

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

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

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

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

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

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

    .col-xl-offset-12 {
        margin-left: 100%;
    }
}

@media (min-width: 1650px) {
    .col-xxl-1 {
        width: 8.33333333%;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .col-xxl-offset-12 {
        margin-left: 100%;
    }
}

@keyframes scaleFromCenter {
    0% {
        transform: scale(0);
        opacity: 0;
    }

    100% {
        transform: scale(1);
    }
}

@keyframes scaleFromCenter {
    0% {
        transform: scale(0);
        opacity: 0;
    }

    100% {
        transform: scale(1);
    }
}

@keyframes scaleFromCenter {
    0% {
        transform: scale(0);
        opacity: 0;
    }

    100% {
        transform: scale(1);
    }
}

@keyframes scaleFromCenter {
    0% {
        transform: scale(0);
        opacity: 0;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

table.fixed {
    position: fixed;
    top: 70px;
    z-index: 2;

    display: none;
    /*width: auto;*/
}

.user-list > div {
    padding: 10px 15px 10px 10px;
}

.user-list > div > label {
    margin: 0 !important;
    padding: 0 !important;

    font-weight: 500;
    font-size: 1.2em;

    cursor: pointer;
}

.user-list > div > input {
    float: right;
}

.action-button {
    position: relative;
    z-index: 1;

    display: inline-block;
    width: 50px;
    height: 50px;
    padding: 0;
    overflow: hidden;

    color: #fff;
    font-size: 24px;
    line-height: 37px;
    letter-spacing: 0.5px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    vertical-align: middle;

    background-color: #f1c735;
    border: none;
    border-radius: 50% !important;
    outline: 0;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
    cursor: pointer;

    transition: background-color ease-out 0.3s;
    -webkit-tap-highlight-color: transparent;
}

.action-button:hover {
    box-shadow: 0 4px 10px 2px rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
}

[data-role="action-panel"].manage-entity {
    position: fixed;
    right: 20px;
    bottom: 50px;
    z-index: 2500;
}

.manage-entity .action-list {
    top: auto;
    right: 0;
    bottom: 0;
    left: auto;

    max-height: 75vh;

    padding-bottom: 0;

    border-radius: 0;

    animation: dropdownOpenBottomRight 0.3s ease-out;
}

.dropdown-submenu {
    position: relative;
}

#a-padding {
    /* padding: 0 5px !important; */
    padding: 3px 5px !important;
}

.action-list li a {
    padding: 6px 12px !important;
}

.action-list li a i.zmdi {
    float: left;
    margin-top: -1px;

    font-size: 21px;
}

.dropdown-submenu .dropdown-menu {
    top: auto !important;
    right: 101% !important;
    bottom: 0 !important;
    left: auto !important;

    border-radius: 0;

    transition: width 0.3s ease;
    animation: dropdownSubmenuOpenSlideRight 0.3s ease-out;
}

.content-page > .actions-fade {
    position: absolute;
    z-index: 2041;

    width: 0;
    height: 100%;

    background: rgb(0 0 0 / 25%);
    opacity: 0;

    transition: opacity 0.15s linear;
}

.content-page > .actions-fade.active {
    width: 100%;

    opacity: 1;
}

.clean-wizard .wizard-nav {
    width: 100%;
}

.char-counter {
    width: 100%;
    padding-top: 7px;

    font-size: 13px;
    line-height: 20px;
    text-align: right;
    vertical-align: top;
}

#productName {
    min-height: 65px;
    max-height: 190px;
}

i[class=""],
i:not([class]) {
    display: none;
}

.smtp-settings-overview i.md-delete {
    color: #ccc;
    font-size: 20px;
}

.smtp-settings-content {
    display: none;
}

.smtp-settings-content td {
    padding: 0 !important;
}

.smtp-settings-overview.active > td:first-child {
    box-shadow: inset 4px 0 0 #3775e8 !important;
}

.smtp-settings-content.active .panel {
    box-shadow: inset 4px 0 0 #3775e8 !important;
}

.smtp-settings-content .panel-footer {
    margin-left: 4px;

    background: #f2f2f2;
}

.smtp-settings-overview.active td {
    background: #f8f7ff !important;
}

.smtp-settings-content .panel-title {
    color: #52b156;
}

.panel-body > .no-records {
    margin: -5px -20px -20px;
    padding: 20px;
}

.panel-body > .no-records h4 {
    font-size: 1.2em;
}

.no-records {
    padding: 35px 0;

    text-align: center;
}

.no-records i {
    font-size: 35px;
}

.portlet {
    position: relative;
}

.panel-disabled {
    right: 0;
    bottom: 0;
    z-index: 100;

    background: rgb(230 230 230 / 60%);
}

@keyframes rotate-forever {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes rotate-forever {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes rotate-forever {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.inline-spinner {
    position: absolute;
    top: 50%;
    right: 10px;
    bottom: 0;

    display: inline-block;
    width: 14px;
    height: 14px;
    margin: -7px 0;

    border: 2px solid #696969;
    border-right-color: transparent;
    border-radius: 50%;

    animation-name: rotate-forever;
    animation-duration: 0.75s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

.dots-loader {
    width: 54px;
    margin: 0 auto;

    text-align: center;
}

.dots-loader > div {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0 2px;

    background-color: #d5d5d5;
    border-radius: 100%;

    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.dots-loader .bounce1 {
    animation-delay: -0.32s;
}

.dots-loader .bounce2 {
    animation-delay: -0.16s;
}

@keyframes sk-bouncedelay {
    0%,
    80%,
    100% {
        transform: scale(0);
    }

    40% {
        transform: scale(1);
    }
}

@keyframes sk-bouncedelay {
    0%,
    80%,
    100% {
        transform: scale(0);
    }

    40% {
        transform: scale(1);
    }
}

.sc-results {
    height: 20px;
    padding: 0 5px;
}

select.form-control {
    padding-right: 20px !important;
    padding-left: 6px !important;

    background-image: url(../images/icons/chevron-down-gray.svg) !important;
    background-repeat: no-repeat !important;
    background-position: right 5px top 7px !important;

    transition: background 0 !important;

    appearance: none !important;
}

select.icon-right-20 {
    background-position: right 20px top 7px !important;
}

select.p-l-15 {
    padding-left: 15px !important;
}

table.editable select.form-control {
    background-position: right 5px top 4px !important;
}

@-moz-document url-prefix() {
    select.form-control {
        padding-left: 2px !important;
    }
}

select.form-control:-moz-focusring {
    color: transparent !important;
    text-shadow: 0 0 0 #000 !important;
}

select.form-control[disabled],
fieldset[disabled] select.form-control {
    background-image: none !important;
    border-bottom-width: 0;
}

label[data-property="QuestionText"] {
    padding-bottom: 10px;
    padding-left: 15px !important;
}

.credentials-notification {
    width: 100%;
    margin-top: 10px;
    padding: 15px 25px;

    color: #a94442;
    text-align: center;

    background: #f2dede;
    border-radius: 10px;
}

.master-login .notifyjs-corner {
    top: 0 !important;
    bottom: auto !important;
}

ul.pagination.regular-pages.disabled {
    cursor: not-allowed !important;
}

ul.pagination.regular-pages.disabled a {
    color: #d9d9d9 !important;

    pointer-events: none;
}

ul.pagination.disabled > .active > a {
    border-color: transparent !important;
}

.copyright.centered {
    position: absolute;
    top: 0;
    left: 50%;

    transform: translateX(-50%);
}

.top-7 {
    top: -7px !important;
}

.topbar .logo > img {
    max-width: 36px;
    max-height: 30px;
}

.skustack .topbar .logo > img {
    max-width: 30px;
    max-height: 30px;
}

.topbar .logo-text > img {
    max-width: 164px;
    max-height: 29px;
}

.skustack .topbar .logo-text > img {
    max-width: 129.2px;
    max-height: 21.4px;

    margin-right: 30px;
    margin-left: -4px;
}

table .td-custom-po .form-control-discount-select-big {
    line-height: 19px;
}

table .td-input.switchable {
    padding: 0;
}

table.editable .switchable input[type="text"],
table.editable-global .switchable input[type="text"],
table.editable .switchable select,
table.editable-global .switchable select {
    width: 98%;
    height: 31px !important;

    color: #000;

    background-color: #fff !important;
    border-color: #eee !important;
}

.disabled-input {
    background-color: transparent !important;
    border: none !important;
}

table .switchable input[type="text"],
table .switchable select {
    width: 98%;
    height: 24px !important;

    color: #797979;

    background-color: transparent !important;
    border-color: transparent !important;
}

table .switchable input[type="text"].sc-border-red,
table .switchable select.sc-border-red {
    border-color: #cd2222 !important;
    border-right: 1px #cd2222 solid !important;
}

table .switchable select {
    padding-top: 5px !important;
}

table.editable .td-delete a,
table.editable-global .td-delete a {
    visibility: visible !important;
}

#teamname-header {
    color: #555;
    font-size: 16px;
}

#continue {
    cursor: pointer;
}

.action-button.action-button-secondary {
    display: block;
    width: 40px;
    height: 40px;
    margin: 0 auto 10px;

    font-size: 19px;
}

.add-button-in-grid {
    padding: 0 20px 20px;
}

.add-button-in-grid a {
    border-radius: 5px;
}

.add-button-in-grid a i {
    font-weight: bold;
}

.control-label-hint {
    display: block;

    color: #999;
    font-weight: normal;
    font-size: 13px;
    text-transform: none;
}

.side-menu {
    z-index: 1041 !important;
}

.menu-collapse {
    float: left;
}

.menu-collapse button {
    width: 50px;
}

#searchPanel {
    overflow: hidden;
}

.advanced-mode-toggle {
    padding-top: 115px;
}

.advanced-mode-toggle .custom-toggle {
    display: inline-block;
}

.advanced-mode-toggle label {
    font-weight: 400;
    vertical-align: top;

    transition: color 0.2s ease;
}

.advanced-mode-toggle label.on {
    color: #fff;
}

.advanced-mode-toggle label.off {
    color: #c2d0e6;
}

/* when click per-panel edit button or global edit button show input borders */
.form-inline input {
    width: 28% !important;

    border: 1px solid #ccc !important;
}

/* when click per-panel edit button or global edit button show input borders */
fieldset:disabled .form-inline input {
    border: none !important;
}

.image-spinner {
    position: absolute;
    top: 15%;
    left: 15%;
    z-index: 100;

    width: 70%;
    height: 70%;

    background-color: white;
    opacity: 0.5;
}

input.form-control.outlined {
    border: 1px solid #eee;
}

.panel-body .nav-tabs {
    border: none;
}

.panel-body li.tab.active {
    font-weight: 700;

    border-bottom: 2px solid #458ced;
}

.morphing-search .kb-nav-active {
    box-shadow: 0 0 6px 4px rgb(0 0 0 / 20%) !important;
}

.react-loading-view {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 8;

    display: table;
    width: 100%;
    height: 100%;
    min-height: 500px;

    background: #e6e6e6;
}

.react-loading-view.inline {
    position: relative;

    height: auto;
    min-height: initial;

    background: transparent;
}

.react-loading-view .loading-container {
    display: table-cell;

    vertical-align: middle;
}

.react-loading-view .loading-container h1 {
    text-align: center;
}

.k-autocomplete {
    padding: 0 !important;

    background-color: #fff !important;
}

.k-autocomplete.k-state-hover,
.k-autocomplete.k-state-focused {
    background-color: #fff !important;
    background-image: none !important;
}

.k-autocomplete.k-state-focused {
    border-color: #eee !important;
    box-shadow: none !important;
}

.k-autocomplete.k-header {
    border-color: #eee !important;
}

.k-autocomplete .k-input {
    height: 32px !important;
}

.vertical-center-by-non-static-parent {
    position: absolute;
    top: 50%;

    transform: translateY(-50%);
}

.static {
    position: static;
}

.package-manager-actions {
    display: flex;
    overflow: hidden;
}

.package-manager-actions button {
    margin-left: 13px;
}

#package-manager-table td {
    vertical-align: middle;
}

#ulSortColumns {
    margin-right: 45px !important;

    border-top-right-radius: 0;
}

.debug-icon {
    padding: 4px !important;

    font-size: 20px;
}

pre {
    margin: 0;
}

#modal-raw-info pre {
    white-space: normal;
}

.table-stats tbody {
    border: none;
}

.table-stats th {
    padding-top: 15px !important;
    padding-bottom: 10px !important;
}

.table-stats th,
.table-stats td {
    border: none !important;
}

.table-stats .column-icon {
    padding: 5px 5px 5px 20px;
}

.table-stats .column-name {
    vertical-align: middle;

    border-right: 1px solid #eaeaea !important;
}

.table-stats .column-total {
    width: 75px;
    padding: 12px;

    color: #4a4a4a;
    font-weight: 500;
    font-size: 16px !important;
    text-align: center;

    background: #fafafa !important;
}

.table-custom .table-stats > tbody > tr {
    border: none !important;
}

.table-stats > tbody > tr {
    border: none !important;
}

.table-stats .table-custom > tbody > tr:not(.second-level) {
    border: none !important;
}

.table-stats .table-custom > thead > tr > th {
    border-bottom: none !important;
}

.table-stats thead > th {
    border: none !important;
}

.table-stats .stats-icon-container {
    display: inline-block;
    width: 35px;
    height: 35px;
    padding: 8px 8px 4px 7px;

    border-radius: 50%;
}

.table-stats .stats-icon-container i {
    color: #fff;
    font-size: 20px;
}

.table-warehouse th {
    border-bottom: none !important;
}

.table-warehouse th[data-column-id="Warehouse"],
.table-warehouse td[data-column-id="Warehouse"] {
    padding: 15px 0 15px 20px;
}

.table-warehouse th[data-column-id="Total"],
.table-warehouse td[data-column-id="Total"] {
    padding: 15px 20px 15px 0;
}

.table-warehouse .first-level {
    cursor: pointer;
}

.table-warehouse .warehouse-icon-container {
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-right: 8px;
    padding: 2px 7px;

    border-style: solid;
    border-width: 3px;
    border-radius: 50%;
}

.table-warehouse .warehouse-icon-container i {
    font-size: 20px;
}

.table-warehouse .warehouse-details {
    display: inline-block;

    vertical-align: top;
}

.table-warehouse .warehouse-details h6 {
    margin: 0;

    font-weight: bold;
    font-size: 14px;
    line-height: 1.43;
}

.table-warehouse .warehouse-sellable-status span {
    color: #a3a3a3;
}

.table-warehouse .warehouse-qty h6 {
    margin: 0;

    color: #a3a3a3;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.43;
}

.swal2-container {
    z-index: 99999 !important;
}

.swal2-content,
.swal2-buttonswrapper button {
    font-family: "Roboto", sans-serif !important;
}

.swal2-content {
    font-weight: 400 !important;
    font-size: 16px !important;
}

.swal2-buttonswrapper button {
    font-weight: 600 !important;
    font-size: 14px !important;
}

.swal2-buttonswrapper .btn.btn-no-bg {
    padding: 0;

    text-transform: uppercase !important;
}

.swal2-modal .swal2-title {
    font-size: 26px;
}

.swal2-modal .swal2-styled:focus {
    box-shadow: none;
}

.ship-order-package {
    margin-left: 0 !important;
    padding-right: 0 !important;
}

.font-italic {
    font-style: italic;
}

.input-group-addon-cc {
    display: inline-block;
    float: right;
    padding: 0;

    background: transparent;
    border: none !important;
    border-left: 0;
}

.input-group-addon-cc .card-type {
    right: 0;
}

.tabbed-panel-tabs {
    margin: 0;
    padding: 0;
}

.tabbed-panel-title {
    line-height: 30px;

    list-style: none;
}

.tabbed-panel-title a {
    opacity: 0.5;
}

.tabbed-panel-title a:hover,
.tabbed-panel-title.active a {
    opacity: 1;
}

.tabbed-panel-tab-pane {
    display: none;
}

.tabbed-panel-tab-pane.active {
    display: block;
}

.show-collapse-grid-items {
    color: #5a5a5a;
    font-weight: bold;

    cursor: pointer;
}

.show-collapse-grid-items:hover {
    color: #bbb;
}

.payment-group-border {
    padding-top: 3px;

    border-top: 2px solid #ccc;
    border-bottom: 2px solid #ccc;
}

.address-validation textarea.dynamic-height,
textarea.dynamic-height {
    height: 62px;
}

.text-black {
    color: #000;
}

select.form-control.selectInPanelHeader {
    width: auto;
    height: 32px;
    margin-top: -2px;

    color: white !important;

    background-color: transparent !important;
    background-image: url(../images/icons/chevron-down-white.svg) !important;
    background-position: top 8px right 11px !important;
    border: none !important;
}

.selectInPanelHeader option {
    color: #333;
}

table.sellercloud-grid.no-second-level tr > th.td-arrow,
table.sellercloud-grid.no-second-level tr > td.td-arrow {
    display: none;
}

.editable-wrapper {
    position: relative;
}

.customer-search-bar-body label {
    display: none;
}

.customer-search-bar-body .customer-search-field {
    width: 100% !important;
}

.customer-search-bar-body .customer-search-field .fa-search {
    display: flex;
    align-items: center;
    justify-content: center;
}
.twentrythreepercet {
    width: 43.333333%;
}
.customer-search-bar-body-lbl .customer-search-field {
    width: 100% !important;
}

.customer-search-bar-body-lbl .customer-search-field .fa-search {
        display: flex;
        align-items: center;
        justify-content: center;
    }
.filter-customer-buttons {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;

    display: flex;
}

/* filter-customer-buttons on lower screens to drop below */
@media (max-width: 800px) {
    .filter-customer-buttons {
        position: static;
        right: auto;
        left: auto;
        z-index: 10;

        display: flex;
    }

    .customer-search-field {
        display: flex;
        flex-wrap: wrap;
    }
}

@media (max-width: 356px) {
    .filter-customer-buttons {
        flex-wrap: wrap;
        gap: 4px;
    }
}

#select-product-search {
    width: 100% !important;
}

.form-search-wrapper {
    width: 100% !important;
}

#customer-search-bar {
    padding-right: 200px;
}

.modal-body .sellercloud-grid .radio,
.modal-body .sellercloud-grid .checkbox {
    top: 2px;

    margin: 3px 0;
}

.sellercloud-grid .td-check {
    padding: 0 8px !important;
}

.customer-search-results .table-custom2 tr td {
    padding: 0;

    vertical-align: middle;

    border-top: 1px solid #ccc !important;
}

.customer-search-results .table-custom2 tbody td {
    padding: 0 10px;
}

.customer-search-results .table-custom2 > thead {
    border-right: 0;
    border-left: 0;
}

.customer-search-bar-body .form-control {
    padding-left: 25px !important;
}
.customer-search-bar-body-lbl .form-control {
    padding-left: 25px !important;
}
.dropzone {
    border-style: dashed !important;
}

.dropzone .dz-message {
    font-size: 18px;
}

.dz-progress {
    margin-top: 20px !important;
}

#divVendorInvoice .dropzone {
    min-height: initial;
    margin: 0;
    padding: 10px 6px;

    border: none !important;
}

#divVendorInvoice .dropzone .dz-preview {
    width: 100%;
    min-height: initial;
    margin: 0;
    padding-bottom: 0;

    background: transparent;
}

#divVendorInvoice .dropzone .dz-preview .dz-image {
    width: 100%;
    max-height: 61px;
}

#divVendorInvoice .dropzone .dz-message {
    margin: 0;

    color: #000;
    font-size: 1.05em;
    text-align: left;
}

#divVendorInvoice .dropzone .dz-preview .dz-details {
    min-width: 100%;
    max-width: 100%;
    padding: 2em 1em 0;

    line-height: 100%;
}

#divVendorInvoice .dropzone .dz-preview .dz-details .dz-size {
    float: right;
    margin-bottom: 1em;

    font-size: 16px;
}

#divVendorInvoice .dropzone .dz-preview .dz-remove {
    position: absolute;
    bottom: -10px;
    z-index: 10000;

    width: 100%;
}

::-ms-clear,
::-ms-reveal {
    display: none;
    width: 0;
    height: 0;
}

.form-control::-ms-expand {
    display: none;
}

.panel .pagination-container {
    background: #f9f9f9;
}

.panel .pagination-container .grid-summary {
    padding-left: 15px;

    color: #aaa;
    font-weight: lighter;
    font-size: 13px;
    line-height: 40px;
}

.panel .pagination-container .pagination {
    float: right;
}

.modal .nav-tabs li.active {
    background-color: #fff;
}

.action-dropdown.circle-style {
    position: fixed;
    right: 20px;
    bottom: 50px;
}
@media (min-width: 768px) {
    #modal-debug .modal-dialog {
        width: 60%;
        min-width: 800px;
    }
}
    table.info {
        width: 100%;
    }

        table.info td {
            padding: 2px 5px 2px 0;
        }

            table.info td:first-child {
                width: 1%;
                font-weight: bold;
                white-space: nowrap;
            }

        table.info thead h4 {
            padding: 10px 0 5px;
            font-weight: 900;
            font-size: 15px;
            border-bottom: 1px solid #eee;
        }

    .form-error {
        color: #f00;
        font-size: 0.9em;
    }

    textarea {
        resize: vertical;
    }

    #form-support .form-control.error {
        border-color: red;
    }

    #form-support label.error {
        display: none !important;
    }

    .form-group:not(.active) .fade-out-right::after {
        position: absolute;
        top: 0;
        right: 6px; /* same as input padding */

        width: 25px;
        height: 100%;
        background: linear-gradient(to right, rgb(255 255 255 / 0%), rgb(255 255 255 / 100%));
        content: "";
        pointer-events: none;
    }

    .input-group.fade-out-right::after {
        right: 25px;
    }

    .input-group .form-control {
        z-index: auto;
    }

    .form-inline .form-control {
        height: 26px !important;
        min-height: 26px !important;
        padding-bottom: 0 !important;
    }

    .metrics-fields {
        display: flex;
        align-items: center;
    }

        .metrics-fields label {
            min-width: 100px;
        }

    .return-label-options .metrics-fields label {
        min-width: 10px;
    }

    .metrics-fields .form-control {
        width: 70px !important;
        margin-left: 10px;
    }

    .grid-metrics-fields .form-control {
        width: 49px !important;
        margin-left: 4px;
    }

        .grid-metrics-fields .form-control:first-child {
            margin-left: 0;
        }

    .checkbox-list-checkboxes .checkbox {
        display: block;
        float: left;
    }

    .checkbox-list-ch {
        width: 34px;
    }

    /* Client Settings Tooltip */
    #tooltip-client-settings {
        max-width: 400px;
    }

    td.drag-column {
        width: 25px !important;
        min-width: 25px !important;
    }

    .table-rounded-rows .table-custom2 {
        border-collapse: separate;
        border-spacing: 0 5px;
    }

        .table-rounded-rows .table-custom2 tr td {
            padding: 0;
            vertical-align: middle;
            border-top: 1px solid #ccc !important;
            border-bottom: 1px solid #ccc;
        }

            .table-rounded-rows .table-custom2 tr td.no-border {
                border: none !important;
            }

            .table-rounded-rows .table-custom2 tr td:last-child {
                border-right: 1px solid #ccc;
                border-top-right-radius: 5px;
                border-bottom-right-radius: 5px;
            }

            .table-rounded-rows .table-custom2 tr td:first-child {
                border-left: 1px solid #ccc;
                border-top-left-radius: 5px;
                border-bottom-left-radius: 5px;
            }

        .table-rounded-rows .table-custom2 tbody td {
            padding: 7px 5px;
        }

    .table-rounded-rows .table > thead > tr > th {
        border-bottom: unset;
    }

    .table-rounded-rows .table-custom2 > thead {
        border-right: 0;
        border-left: 0;
    }

    .table-rounded-rows .table > tbody > tr:hover {
        background-color: #fafafa;
    }

    .panel-filter {
        margin: 0 !important;
    }

        .panel-filter input {
            width: 212px;
            height: 28px !important;
            padding-bottom: 5px !important;
            color: white;
        }

    .panel-heading .panel-filter input::placeholder {
        color: rgb(255 255 255 / 50%) !important;
        font-style: normal !important;
    }

    .panel-icon-left {
        top: -3px;
        right: unset !important;
        left: 0 !important;
        width: unset !important;
    }

    .dimensions-field {
        height: 28px !important;
        margin-top: 4px;
        padding-bottom: 7px !important;
        text-align: center;
        border: 1px solid #e5e5e5 !important;
    }

    .manage-entity-slected-items {
        position: fixed;
        right: 80px;
        bottom: 62px;
        z-index: 1000;
        padding: 2px 7px 0;
        color: white;
        background-color: black;
        border-radius: 3px;
        opacity: 0.7;
    }

    .loadin-overlay-fba {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 999;
        width: 2em;
        height: 2em;
        margin: auto;
        overflow: show;
    }

        .loadin-overlay-fba::before {
            position: fixed;
            top: 0;
            left: 0;
            display: block;
            width: 100%;
            height: 100%;
            text-align: center;
            background: rgb(230 230 230 / 80%);
            cursor: progress;
            content: "";
        }

        .loadin-overlay-fba h1 {
            width: 320px;
            color: #333;
            font-size: 26px;
        }

        .loadin-overlay-fba .centered {
            display: table-cell;
            width: 100%;
            height: 100%;
            vertical-align: middle;
        }

        .loadin-overlay-fba > div {
            position: absolute;
            display: table;
            text-align: center;
        }

    .qty-received-circle {
        display: table;
        width: 36px;
        height: 36px;
        margin: 0 auto;
        padding: 81px;
        line-height: 36px;
        border-radius: 25px;
    }

    .po-barcode-icon {
        width: 13px;
        height: 13px;
        color: #498eea;
    }

    .btn-unstyled {
        margin: unset;
        padding: unset;
        background-color: transparent;
        border: unset;
    }

    .btn-link {
        padding-left: 0;
        color: white;
        text-decoration: none;
        background-color: #199319;
        border: none;
        cursor: pointer;
    }

    .btn-rounded-25 {
        min-width: 25px;
        min-height: 25px;
        border: 1px solid #ccc;
        border-radius: 100%;
    }

    .btn-arrow {
        width: 20px;
        font-size: 18px;
    }

    .grid {
        margin-right: -10px;
        margin-left: -10px;
    }

    .grid-sizer,
    .grid-item {
        width: 25%;
    }

    .grid-item--width50 {
        width: 50%;
    }

    .grid-item > div {
        margin: 10px;
    }

    .grid-item .portlet {
        margin-bottom: 0;
    }

    .edge-chart.edge-chart-cyan,
    .edge-chart.edge-chart-orange {
        margin-top: 68px;
    }

    @media (max-width: 1024px) {
        .grid-sizer,
        .grid-item {
            width: 50%;
        }

        .grid-item--width50 {
            width: 100%;
        }
    }

    .loading-overlay.short .centered {
        display: inline-block;
        width: 240px;
    }

    .loading-overlay.short .spinner {
        float: left;
    }

    .loading-overlay.short h1 {
        float: left;
        margin-left: 20px;
        line-height: 50px;
    }

    .zmdi-spinner {
        animation: spin 2s linear infinite;
    }

    @keyframes spin {
        0% {
            transform: rotate(0deg);
        }

        100% {
            transform: rotate(360deg);
        }
    }

    .trumbowyg-box {
        margin: 0;
    }

        .trumbowyg-box .trumbowyg-editor {
            height: 500px !important;
        }

    fieldset table input[disabled],
    fieldset table select[disabled] {
        width: 98%;
        height: 24px !important;
        color: #797979;
        background-color: transparent !important;
        border-color: transparent !important;
    }

    fieldset:disabled table input,
    fieldset:disabled table select {
        width: 98%;
        height: 26px !important;
        margin-top: -8px !important;
        margin-bottom: -8px !important;
        color: #797979;
        background-color: transparent !important;
        border-color: transparent !important;
    }

    fieldset:enabled table input,
    fieldset:enabled table select {
        width: 98%;
        height: 26px !important;
        margin-top: -2px !important;
        margin-bottom: -2px !important;
        color: #000;
        background-color: #fff;
        border-color: #eee;
    }

    fieldset:enabled table label.switch input,
    fieldset:disabled table label.switch input {
        height: 26px !important;
        margin-top: -8px !important;
        margin-bottom: -8px !important;
    }

    fieldset table .btn,
    fieldset table .btn-link,
    fieldset table .btn-unstyled {
        margin-top: -8px !important;
        margin-bottom: -8px !important;
        vertical-align: middle;
    }

        fieldset table .btn-link:hover {
            text-decoration: none;
        }

    fieldset select {
        padding-top: 4px !important;
        padding-bottom: 4px !important;
    }

        fieldset select.form-control {
            background-position: 98% 40% !important;
        }

    .td-delete-row {
        width: 26px;
        padding-top: 0 !important;
        padding-right: 0 !important;
        padding-bottom: 0 !important;
    }

    .word-break-all {
        word-break: break-all;
    }

    .word-break-word {
        word-break: break-word;
    }

    .flex-basis-auto {
        flex-basis: auto;
    }

    .flex-basis-100percent {
        flex-basis: 100%;
    }

    .flex-bottom {
        align-self: flex-end; /* important; */
        margin-top: auto; /* !important; */
    }

    .flex-column {
        display: flex !important;
        flex-direction: column !important;
    }

    .flex-center {
        display: flex !important;
        justify-content: center !important;
    }

    .flex-no-wrap {
        flex-wrap: nowrap;
    }

    .non-flex {
        display: revert !important;
    }

    .flex-align-center {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .flex-align-flex-start {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
    }

    .flex-align-baseline-flex-start {
        display: flex !important;
        align-items: baseline !important;
        justify-content: flex-start !important;
    }

    .flex-align-items-center {
        display: flex !important;
        align-items: center !important;
    }

    .flex-space-between {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
    }

    .flex-flex-end {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
    }

    .flex-align-flex-end {
        display: flex !important;
        align-items: flex-end;
    }

    .shadow-product-warning {
        margin-top: 10px;
        margin-bottom: 10px;
        padding: 10px;
        color: #000;
        font-size: 16px;
        text-align: center;
        background-color: #fff59d;
        border-radius: 3px;
    }

    .shadow-product-warning-WhiteBG {
        margin-top: 10px;
        margin-bottom: 10px;
        padding: 10px;
        color: #000;
        font-size: 16px;
        text-align: center;
        background-color: white;
        border-radius: 3px;
    }

    .info-panel-warning-LightGray {
        margin-top: 10px;
        margin-bottom: 10px;
        padding: 10px;
        color: #000;
        font-size: 16px;
        text-align: center;
        background-color: #e6e6e6;
        border-radius: 3px;
    }

    .info-panel-danger {
        margin-top: 10px;
        margin-bottom: 10px;
        padding: 10px;
        color: #d13e3e;
        font-size: 16px;
        text-align: center;
        background-color: #fff7f7;
        border-radius: 3px;
    }

    .shadow-product-warning-panel {
        margin-top: 0;
        margin-bottom: 10px;
        padding: 10px;
        color: #000;
        font-size: 13px;
        background-color: #fff59d;
        border-radius: 3px;
    }

    .shadow-product-warning-panel-tabName {
        color: #595959;
        font-weight: 700;
        font-size: 14px;
    }

    .custom-h-w {
        height: 13px !important;
        min-height: 0 !important;
        font-size: 14px !important;
    }

    .shadow-product-warning-panel-cus {
        margin-top: 0;
        margin-bottom: 10px;
        color: #000;
        font-size: 13px;
        background-color: #fff59d;
        border-radius: 3px;
    }

    .sh-ver-order-link {
        padding-top: 8px;
        padding-bottom: 8px;
        padding-left: 0;
        color: #595959;
        font-weight: 700;
        font-size: 14px;
        line-height: initial;
        text-align: left;
        text-transform: capitalize;
    }

    .sh-ver-order-link-lbl {
        padding-right: 118px;
    }

    .ad-ver-div {
        padding-right: 20px;
        padding-left: 10px;
    }

    .Color-greean {
        color: green !important;
    }

    .form-custom .form-group-discount input.form-control.form-control-discount-input-po-pages {
        min-width: 75px;
    }

    table.editable select.form-control.form-control-discount-select-add-po {
        padding-top: 5px;
        background-position: right 5px top 6px !important;
    }

    table.editable .form-control-qty-ordered-add-new-po {
        margin: 0 auto !important;
    }

    table.editable select.form-control-select-po {
        background-position: right 5px top 5px !important;
    }

    #last-physical-inventory.table {
        width: 98%;
        max-width: 98%;
    }

    .react-select-label-custom {
        position: absolute;
        left: 0;
        margin-top: 2px;
        color: #595959;
        font-weight: bold;
        font-size: 14px;
        text-align: left;
    }

    .m-auto {
        margin: auto !important;
    }

    .popover.black {
        color: #fff;
        background-color: #000;
    }

        .popover.black .arrow::after {
            border-bottom-color: #000;
        }

    .img-rounded-25 {
        width: 25px;
        height: 25px;
        border-radius: 50%;
    }

    .table-fixed-header thead th {
        position: sticky;
        top: 0;
        z-index: 8;
    }

    .table-fixed-first-header thead:first-child th {
        position: sticky;
        top: 0;
        z-index: 8;
    }

    .table-fixed-header thead th::after {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        border-bottom: 1px solid rgb(0 0 0 / 12%);
        content: "";
    }

    .tableTD {
    }

        .tableTD td {
            padding-top: 0 !important;
            padding-bottom: 0 !important;
        }

    .table-logo img {
        max-width: 50px;
        max-height: 20px;
    }

    #Message {
        height: 404px !important;
    }

    .attached-file-name {
        margin-bottom: 10px;
        padding: 3px 5px 3px 7px;
        color: #646464;
        line-height: 20px;
        background: #f1f1f1;
    }

        .attached-file-name button {
            float: right;
            padding: 0;
            color: red;
            background: none;
            box-shadow: none;
        }

    .attached-file-invoice button {
        float: none;
        color: #646464;
    }

    .attached-file-name button:hover,
    .attached-file-name button:active,
    .attached-file-name button:focus {
        box-shadow: none;
    }

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

        .panelHeader h3 {
            color: #000;
            font-weight: bold;
            font-size: 28px;
            text-transform: none;
        }

    .pt-8 {
        padding-top: 8px;
    }

    .dd-custom {
        height: unset !important;
        min-height: 30px;
    }

    .chips-wrapper {
        min-height: 24px;
        max-height: 105px;
        margin: 23px 0;
        overflow: hidden auto;
    }

        .chips-wrapper::-webkit-scrollbar {
            width: 5px;
        }

        .chips-wrapper::-webkit-scrollbar-track {
            background-color: #ededed;
            border-radius: 3px;
        }

        .chips-wrapper::-webkit-scrollbar-thumb {
            height: 10px;
            background-color: #9b9b9b;
            border-radius: 3px;
        }

        .chips-wrapper .btn.btn-ghost-blue {
            margin-bottom: 5px !important;
            font-weight: normal;
            font-size: 14px;
            border-color: #3c81ea;
            border-width: 1px;
            border-radius: 3px;
        }

    .list-group .list-columns {
        margin-bottom: 1px;
        padding-top: 0;
        padding-bottom: 0;
        border: unset;
    }

        .list-group .list-columns .row {
            margin-bottom: 1px;
            padding-top: 10px;
            padding-bottom: 5px;
            border-bottom: 1px solid lightgray;
        }

            .list-group .list-columns .row:hover {
                background-color: rgb(69 140 237 / 5%);
                cursor: pointer;
            }

    .list-columns .row button {
        display: none;
    }

    .list-columns .row:hover button {
        display: block;
    }

    .panel-customize-columns {
        height: 447px;
        border: 1px solid lightgray;
        border-radius: 3px;
    }

    .bulkUpdateProductsTooltip {
        z-index: 99999 !important;
    }

    .link-items-tooltip {
        z-index: 99999 !important;
    }

    .panelOptionsButtonTitle {
        margin-bottom: 5px;
        padding: 2px 12px;
        color: #000;
        border-bottom: 1px solid #d5d5d5;
    }

    .visibility-hidden {
        visibility: hidden;
    }

    .search-input {
        padding-left: 20px;
        color: #fff;
        background: none;
        border: none;
        border-bottom: 1px solid #fff;
    }

        .search-input::input-placeholder {
            color: #fff !important;
            font-style: normal !important;
            opacity: 0.6;
        }

    .search-input-sc-black {
        height: 32px;
        color: #000;
        background: none;
        border: none;
    }

    .searchsc-black::input-placeholder {
        color: #000 !important;
        opacity: 0.6;
    }

    .search-input-icon-wrapper {
        position: relative;
        left: 14px;
        font-size: 12px;
    }

        .search-input-icon-wrapper i {
            position: absolute;
            top: 0;
            right: 0;
            color: #fff;
            opacity: 0.6;
        }

    .btn-submitted {
        color: white;
        background: #2cb92f;
    }

    .btn-submitted-Hidden {
        visibility: hidden;
    }

    .date-picker-input {
        min-width: 250px;
    }

    .import-data-panel {
        min-width: 440px;
    }

        .import-data-panel .panel-footer {
            margin-top: 10px;
            border-radius: 5px;
        }

    .min-width-50 {
        min-width: 50px;
    }

    .min-width-70 {
        min-width: 70px;
    }

    .min-width-250 {
        min-width: 250px;
    }

    .min-width-165 {
        min-width: 165px;
    }

    .min-width-360 {
        min-width: 360px;
    }

    .fcdetails-text {
        height: 120px !important;
        padding-left: 165px !important;
    }

    .selected-card.card.row-custom {
        background-color: #edf4ff;
        border: 1px solid blue;
    }

    .card.row-custom:hover {
        background-color: #edf4ff;
        border: 1px solid blue;
        cursor: pointer;
    }

    .row-custom.card {
        border: 1px solid lightgray;
    }

    .absolute-form-select {
        position: absolute !important;
        right: 0;
    }

    .hide-table-header > thead {
        display: none;
    }

    .input-rounded {
        padding-left: 4px;
        border: 1px solid #dfe0df;
        border-radius: 3px;
    }

    .select-border-grey select,
    .select-border-grey input {
        height: 32px !important;
        padding-bottom: 6px !important;
        font-weight: normal !important;
        border: 1px solid #e6e6e6 !important;
    }

    .button-border-grey {
        border: 1px solid #e6e6e6 !important;
        border-radius: 3px;
    }

    select.form-control.p-l-30 {
        padding-left: 30px !important;
    }

    .terms-container {
        margin-right: 16px;
        margin-left: 16px;
        border: 1px solid lightgray;
        border-radius: 3px;
    }

    #tooltip-modal {
        z-index: 9999;
    }

    fieldset[disabled] button {
        pointer-events: none;
    }

    #modal-common-variationProperties-imageCarousel .modal-content {
        background-color: transparent;
    }

    .grid-channel-icons {
        top: 3px;
        float: unset !important;
    }

    .required-row {
        background-color: rgb(232 146 146 / 50%) !important;
    }

    tr.first-level.required-row:hover {
        background-color: rgb(232 146 146 / 70%) !important;
    }

    .react-phone-number-input__phone {
        padding-bottom: 2px !important;
    }

    .react-phone-number-input__icon-image {
        margin-bottom: 8px;
    }

    .react-phone-number-input__icon {
        border: unset !important;
    }

    .text-underlined {
        text-decoration: underline;
    }

    .grid-button:hover {
        opacity: 1;
    }

    .grid-button {
        opacity: 0.4;
    }

    [disabled] button.btn-link,
    [disabled] button.btn-unstyled,
    [disabled] button.btn-unstyled .link-icon {
        color: rgb(174 174 174);
    }

    #modal-details-catalog-eBaySpecifics ul[role="listbox"] {
        max-height: 250px;
        overflow: hidden scroll;
    }

    .tr-gray > td {
        color: #999 !important;
    }

    .ebay-checkbox {
        position: absolute;
        left: 39%;
    }

    .wizard-wrapper .terms-container .terms-of-service p {
        text-align: left;
    }

    .wizard-wrapper .terms-container .terms-of-service h4 {
        padding-left: 9px;
    }

    .form-control-short-span {
        min-height: 26px !important;
        margin: 0 !important;
        line-height: 13px !important;
    }

    table.order-items-grid .switchable select {
        margin-right: 21px !important;
        padding-top: 4px !important;
        border-color: #ccc !important;
    }

    table.order-items-grid .switchable input[type="text"].sc-border-red,
    table .switchable select.sc-border-red {
        border-color: #cd2222 !important;
        border-right: 1px #cd2222 solid !important;
    }

    .editable table.order-items-grid .switchable input {
        background-color: #fff !important;
        border-color: #ccc !important;
    }

    .panel-search-btn > .pull-right {
        position: absolute;
        right: 23px;
        bottom: 16px;
    }

    .panel-search-btn {
        position: relative;
    }

    .custom-open-box {
        font-size: 14px !important;
        cursor: pointer;
    }

    .custom-cancel {
        font-weight: 500 !important;
        font-size: 18px;
    }

    .labels-download {
        margin: 0 6px;
        font-size: 18px;
    }

    .label-address-slider {
        height: 47px;
        padding: 10px 0;
    }

    .create-label-custom {
        min-height: 300px;
        padding-top: 0 !important;
    }

        .create-label-custom h3,
        .upload-po-templates h3 {
            text-align: left !important;
        }

        .create-label-custom h4,
        .upload-po-templates h4 {
            font-weight: 600;
            font-size: 20px;
            line-height: 22px;
        }

    .return-label-options {
        display: flex;
        justify-content: space-between;
    }

        .return-label-options .metrics-fields {
            width: 50%;
            border: none;
        }

    .btn.get-rates {
        float: right;
        margin: 5px 0 0;
        border-radius: 4px;
    }

    .created-return-label {
        margin: 0 10px;
    }

        .created-return-label img {
            margin-bottom: 15px;
        }

        .created-return-label .form-group {
            margin: 0 15px;
        }

    .btncheck {
        display: inline-block;
        margin-bottom: 0;
        padding: 6px 12px;
        font-weight: normal;
        font-size: 14px;
        line-height: 1.4286;
        white-space: nowrap;
        text-align: center;
        vertical-align: middle;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
        cursor: pointer;
        user-select: none;
        touch-action: manipulation;
    }

    .warehouse-custom .btn.disabled,
    .btn[disabled],
    fieldset[disabled] .btn {
        display: none;
    }

    /* Ticket no :277989 */
    #plugin-config-btn {
        display: initial;
    }

    .remove-invoice-custom {
        float: right;
        margin-right: 15px;
    }

    .shipping-label-custom {
        margin-right: 15px;
    }

    .th-button {
        background: none;
        border: none;
    }

    .modal-lg-po .modal-lg {
        width: 1550px;
    }

    .tooltip-receive-po {
        z-index: 999999 !important;
    }

    .tooltip-wrap {
        max-width: 200px;
        overflow-wrap: break-word;
    }

    .tooltip-wrap-400 {
        max-width: 400px;
        overflow-wrap: break-word;
    }

    .tooltip-wrap-PreLine {
        max-width: 200px;
        white-space: pre-wrap;
    }

    .upload-po-templates {
        padding-top: 0 !important;
    }

    .receive-po-template .modal-lg {
        width: 1450px;
    }

    .item-stats-info {
        color: #777;
        cursor: pointer;
    }

        .item-stats-info:hover {
            color: #999;
        }

    .item-stats {
        z-index: 999999;
        min-width: 200px;
    }

    .add-new-product {
        margin: 0 10px 10px 0;
        padding: 6px;
        color: #fff;
        font-weight: normal;
        background: #458ced;
        border-radius: 3px;
    }

        .add-new-product:hover {
            color: #fff;
        }

        .add-new-product:visited {
            color: #fff;
        }

    .attached-file-container {
        display: flex;
        align-content: space-evenly;
    }

        .attached-file-container .rma-email {
            flex-grow: 1;
            margin-top: 5px;
            margin-right: 15px;
        }

    .warning-bubble {
        width: 30px;
        height: 30px;
        margin: auto;
        line-height: 32px;
        text-align: center;
        background: rgb(255 51 0 / 50%);
        border-radius: 50%;
    }

    .custom-with-tooltip {
        left: -76% !important;
    }

    .cancel-po-modal .modal-md {
        width: 536px !important;
    }

    /* search modal filter button */
    .btn-group-filter-no-transition {
        margin-right: 10px;
        margin-bottom: 10px;
    }

        .btn-group-filter-no-transition .dropdown-toggle {
            border-radius: 2px 0 0 2px !important;
        }

            .btn-group-filter-no-transition .dropdown-toggle i {
                margin-left: 5px;
            }

        .btn-group-filter-no-transition .btn {
            padding: 4px 10px !important;
            box-shadow: none;
        }

            .btn-group-filter-no-transition .btn i.fa-circle {
                margin: 0 5px 0 0;
                color: #e7b323;
            }

            .btn-group-filter-no-transition .btn strong {
                font-weight: 500;
            }

        .btn-group-filter-no-transition .btn-light-gray,
        .btn-group-filter-no-transition .btn-changed,
        .btn-group-filter-no-transition .btn-applied {
            color: #fff !important;
        }

        .btn-group-filter-no-transition .btn-light-gray {
            background: #bfbfbf !important;
        }

        .btn-group-filter-no-transition .btn-changed {
            background: #e7b323 !important;
        }

        .btn-group-filter-no-transition .btn-applied {
            background: #2cb92f !important;
        }

        .btn-group-filter-no-transition .btn-dashed {
            color: #808080;
            font-weight: 600;
            white-space: normal;
            border-color: #acacac;
        }

        .btn-group-filter-no-transition .btn-trash {
            color: #999 !important;
            background: #e6e6e6 !important;
            border-radius: 0 2px 2px 0 !important;
        }

            .btn-group-filter-no-transition .btn-trash:hover {
                color: #595959 !important;
            }

        .btn-group-filter-no-transition > button > strong,
        .btn-group-filter-no-transition > button > span {
            float: left;
            margin-right: 5px;
        }

    .vendor-po-table .text-center input {
        text-align: center !important;
    }

    .custom-card {
        background: transparent !important;
    }

    .credit-card-footer {
        padding: 5px 15px !important;
    }

        .credit-card-footer .btn {
            color: #fff !important;
        }

    .sentry-error-embed-wrapper {
        z-index: 4000 !important;
    }

    .checkbox-container {
        display: flex;
        flex-direction: column;
    }

    .create-rma .modal-lg {
        width: 1500px !important;
    }

    div[data-radium="true"] {
        border: none !important;
    }

    .shadow-modal .input-bottom-border {
        border: none !important;
    }

    .receive-info {
        position: absolute;
        margin-top: 2px;
        cursor: pointer;
    }

    .container-entities {
        display: flex;
        justify-content: space-between;
    }

        .container-entities .seperator {
            display: flex;
            flex-direction: column;
            width: 45%;
        }

    .warehouse-id {
        display: inline-block;
        width: 80% !important;
    }

    .qty-info {
        display: inline-block;
        margin-right: 10px;
        cursor: pointer;
    }

    .general-settings-flex-center {
        display: flex;
        align-items: center;
        border-bottom: 1px solid #e5e5e5;
    }

    .general-settings-link {
        margin-top: 2px;
        font-weight: bold;
    }

        .general-settings-link:hover {
            color: #23527c;
        }

    .flexbox-center {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .custom-view-logs .css-rgzpue,
    .custom-view-logs .btn.btn-ghost,
    .custom-view-logs .btn.btn-ghost:hover {
        color: #595959 !important;
    }

    .custom-view-logs fieldset {
        width: 100%;
    }

    .skublox-icon {
        width: 16px;
        height: 16px;
        background: url(~images/app/sellercloud/skublox.png) no-repeat 0 0;
    }

    .skublox-icon-disabled {
        width: 16px;
        height: 16px;
        background: url(~images/app/sellercloud/skublox-disabled.png) no-repeat 0 0;
    }

    .tab-content .panel .panel-heading .pull-right .search-btn {
        width: 100%;
    }

    .panel-heading .pull-right .search-btn {
        height: auto;
        margin-top: 2px !important;
    }

    .custom-search-modal {
        width: 99vw !important;
    }

    .sc-walmart-truck {
        display: block;
        width: 18px;
        height: 18px;
        background: url(~images/truck-walmart-color.svg) no-repeat 0 0;
    }

    .position-relative {
        position: relative;
    }

    .modal-overflow-y-scroll-height-500 {
        max-height: 500px !important;
        overflow: visible !important;
        overflow-y: scroll !important;
    }

    @media (max-width: 1550px) {
        .wfs-shipping-labels-icons-container {
            flex-direction: column !important;
            width: 80px !important;
        }

        .wfs-shipping-labels-icons-wrapper-first {
            margin-bottom: 10px !important;
        }
    }

    .tree-select-modal .rc-tree-select {
        display: block !important;
    }

    .tree-select-modal .rc-tree-select-selection--multiple .rc-tree-select-selection__rendered {
        overflow: visible !important;
    }

    .banner {
        position: fixed;
        bottom: 39px;
        justify-content: center;
        width: 116%;
        margin-left: -12%;
        overflow: hidden;
        background-color: #222b3c;
    }

        .banner .banner-img {
            width: 100%;
            max-width: 1300px;
            height: 90px;
            background: url(../images/delta-MCF-webinar.jpg) no-repeat center center;
            background-size: contain;
        }

        .banner .close {
            position: absolute;
            left: 11%;
            height: 20px;
            color: #fff;
            border-radius: 20px;
            opacity: 1;
        }

    .show-banner {
        display: flex;
    }

    .hide-banner {
        display: none;
    }

    .hide-row {
        display: none;
    }

    .reactModalBackdrop {
        position: fixed; /* Stay in place */
        top: 0;
        left: 0;
        z-index: 1500;
        display: flex;
        justify-content: center;
        width: 100%; /* Full width */
        height: 100%; /* Full height */
        overflow: auto;
        background-color: rgb(0 0 0 / 40%);
        outline: 0;
    }

    .react-modal-content {
        position: absolute;
        top: 5%;
        max-width: 97%;
        height: auto;
        padding: 20px;
        overflow: auto;
        background-color: #fefefe;
        border: 1px solid rgb(0 0 0 / 20%);
        border-radius: 6px;
        outline: 0;
        box-shadow: 0 3px 9px rgb(0 0 0 / 50%);
    }

    .overflow-unset {
        overflow: unset !important;
    }

    .grid-discount {
        width: 40px !important;
        text-align: left !important;
    }

    .bordered-left {
        border-left: 1px solid #ccc;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }

    .width-99-9-percent {
        width: 99.999%;
    }

    .width-initial {
        width: initial;
    }

    .switch {
        position: relative;
        display: inline-block;
        width: 40px;
        height: 22px;
    }

    .switch-sm {
        position: relative;
        display: inline-block;
        width: 34px;
        height: 17px;
    }

    .switch-input {
        width: 0;
        height: 0;
        opacity: 0;
    }

    .switch input {
        width: 0;
        height: 0;
        opacity: 0;
    }

    .slider {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #ccc;
        cursor: pointer;
        transition: 0.4s;
        transition: 0.4s;
    }

    .switch .slider::before {
        position: absolute;
        bottom: 2px;
        left: 3px;
        width: 18px;
        height: 18px;
        background-color: white;
        transition: 0.4s;
        transition: 0.4s;
        content: "";
    }

    .switch-sm .slider::before {
        position: absolute;
        bottom: 1px;
        left: 2px;
        width: 15px;
        height: 15px;
        background-color: white;
        transition: 0.4s;
        transition: 0.4s;
        content: "";
    }

    input:checked + .slider {
        background-color: #4cd964;
    }

        input:checked + .slider::before {
            transform: translateX(15px);
            transform: translateX(15px);
            transform: translateX(15px);
        }

    input:disabled + .slider {
        cursor: auto;
        opacity: 0.8;
    }

    /* Rounded sliders */
    .slider.round {
        background-color: #ccc;
        border-radius: 34px;
    }

        .slider.round::before {
            border-radius: 50%;
        }

    /* Custom React Toggle styles */
    .address-toggle.react-toggle .react-toggle-track {
        background-color: #fff;
    }

    .address-toggle.react-toggle--checked .react-toggle-track {
        background-color: #4cd964;
    }

    .same-as-billing-group {
        color: #fff;
    }

    span.line-height-35 {
        line-height: 35px;
    }

    /* .non-default-header-text-color .sc-white:focus */
    .non-default-header-text-color .sc-white,
    .non-default-header-text-color .sc-white:hover {
        color: inherit !important;
    }

    body.dark .toolbox-container .toolbox.active {
        background-color: #1b1f26;
        box-shadow: 0 0 5px rgba(0 0 0 / 20%);
    }

    body.light .toolbox-container .toolbox.active {
        background-color: #fff;
        box-shadow: 0 0 5px rgba(0 0 0 / 20%);
    }

    /* dark theme? */
    i.sc-back-market,
    i.sc-back-market-s {
        display: inline-block;
        width: 300px;
        background-color: #fff;
        background-size: 100%;
        border-radius: 5px;
    }

    i.sc-lightspeed,
    i.sc-lightspeed-s {
        display: inline-block;
        width: 300px;
        background-color: #fff;
        background-size: 100%;
        border-radius: 5px;
    }

    .truncate-ship-to-name-colum {
        display: inline-block;
        width: 21ch;
        overflow: clip;
        text-overflow: ellipsis;
    }

    td[data-column-id="ShippingAddressData"]:hover span[data-title]::after {
        position: absolute;
        display: block;
        margin-top: 15px;
        margin-left: 25px;
        padding: 0.5em;
        color: #000;
        font-size: 0.9em;
        white-space: nowrap;
        text-decoration: none;
        background-color: #fff;
        border: 1px solid #000;
        cursor: pointer;
        content: attr(data-title);
    }

    ul.toolbox-sublist li.toolbox-list-item {
        position: relative;
    }

        ul.toolbox-sublist li.toolbox-list-item a[data-id] {
            display: block;
            width: 100%;
        }

        ul.toolbox-sublist li.toolbox-list-item .toolbox-pin-container {
            position: absolute;
            top: 5px;
            left: 0;
        }

    .modal-medium-large {
        width: 1440px;
    }

    @media only screen and (min-width: 700px) {
        .po-table-items-media-query {
            max-height: calc(100vh - 490px);
            overflow-y: scroll;
        }
    }

    @media only screen and (min-width: 1000px) {
        .po-table-items-media-query {
            max-height: calc(100vh - 490px);
            overflow-x: scroll;
        }
    }

    @media only screen and (min-width: 1200px) {
        .po-table-items-media-query {
            max-height: calc(100vh - 425px);
            overflow-x: scroll;
        }
    }

    @media only screen and (min-width: 1440px) {
        .po-table-items-media-query {
            max-height: calc(100vh - 390px);
            overflow-x: scroll;
        }
    }

    /* light theme */
    #settingsPanel .panel-body {
        background-color: #fff;
    }

        #settingsPanel .panel-body:empty {
            background-color: transparent;
        }

    /* dark theme */
    .dark .content-page .row.full-white:empty {
        background-color: transparent;
    }

    /* dark theme */
    .dark #settingsPanel .panel-body:empty {
        background-color: transparent !important;
    }

    /* warehouse image manager - light theme */
    .image-manager-info {
        display: flex;
        flex-direction: column;
        margin-right: -5px;
        padding: 20px;
        background: #fff;
        border-radius: 4px;
    }

        .image-manager-info div.checkbox {
            display: flex;
            align-items: center;
        }

    /* warehouse image manager - light theme  */
    .dark .image-manager-info {
        display: flex;
        flex-direction: column;
        /* margin-right: -5px; */
        padding: 20px;
        padding-bottom: 27px;
        background: #fff;
        border-radius: 4px;
    }

        .dark .image-manager-info div.checkbox {
            display: flex;
            align-items: center;
        }

    /* payment grid styles */
    .paid-cell-mobile {
        width: 120px !important;
    }

    th[data-column-id="BrandName"] {
        text-align: center !important;
    }

    /* User Notifications styles */
    :root {
        --critical-color: #cd2222;
        --critical-color-light: #cd22221a;
        --high-color: #ffa726;
        --high-color-light: #ffa7261a;
        --medium-color: #458ced;
        --medium-color-light: #458ced1a;
        --low-color: #7cb342;
        --low-color-light: #7cb3421a;
    }

    #notifications-sidebar {
        position: fixed;
        top: 71px;
        right: 0;
        width: 350px;
        height: calc(100vh - 71px - 40px);
        margin-right: 0 !important;
        padding: 10px 10px 0;
        font-size: 14px;
        font-family: "Roboto", sans-serif !important;
        border-radius: 0;
        box-shadow: 0 20px 20px 0 rgb(0 0 0 / 16%);
        box-shadow: 0 20px 20px 0 rgb(0 0 0 / 16%);
    }

    #notifications-sidebar-header {
        display: flex;
        flex-direction: row;
        align-items: baseline;
        justify-content: space-between;
        margin-bottom: 8px;
        padding-bottom: 2px;
        border-bottom: 1px solid #cfcfcf;
    }

        #notifications-sidebar-header h4 {
            margin: 0;
        }

    #notifications-badge {
        position: absolute;
        top: 16px;
        left: 28px;
        display: none;
        min-width: 14px;
        height: 14px;
        padding: 1px 4px;
        color: #fff;
        font-size: 12px;
        line-height: 13px;
        text-align: center;
        border-radius: 12px;
    }

    #notifications-list {
        height: 100%;
        padding: 0 0 30px;
        overflow-x: hidden;
        overflow-y: scroll;
        list-style: none;
        -ms-overflow-style: none; /* IE and Edge */
        scrollbar-width: none; /* Firefox */
    }

        #notifications-list::-webkit-scrollbar {
            display: none;
        }

        #notifications-list > li {
            display: flex;
            flex-direction: column;
            gap: 2px;
            margin-bottom: 10px;
            padding: 10px;
            border-radius: 3px;
            cursor: pointer;
            opacity: 1;
        }

            #notifications-list > li:hover {
                box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
                box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
                opacity: 1;
            }

            #notifications-list > li a {
                padding: 0;
            }

            #notifications-list > li img {
                max-width: 100%;
            }

            #notifications-list > li.Low {
                background-color: var(--low-color-light);
                border: 1px solid var(--low-color);
            }

                #notifications-badge.Low,
                #notifications-list > li.Low button {
                    color: #fff;
                    background-color: var(--low-color);
                }

            #notifications-list > li.Medium {
                background-color: var(--medium-color-light);
                border: 1px solid var(--medium-color);
            }

                #notifications-badge.Medium,
                #notifications-list > li.Medium button {
                    color: #fff;
                    background-color: var(--medium-color);
                }

            #notifications-list > li.High {
                background-color: var(--high-color-light);
                border: 1px solid var(--high-color);
            }

                #notifications-badge.High,
                #notifications-list > li.High button {
                    color: #fff;
                    background-color: var(--high-color);
                }

            #notifications-list > li.Critical {
                background-color: var(--critical-color-light);
                border: 1px solid var(--critical-color);
            }

                #notifications-badge.Critical,
                #notifications-list > li.Critical button {
                    color: #fff;
                    background-color: var(--critical-color);
                }

            #notifications-list > li.no-notifications {
                margin-top: 100%;
                color: #505458;
                font-size: 16px;
                text-align: center;
                background-color: #fff;
                border: none;
                cursor: default;
            }

                #notifications-list > li.no-notifications:hover {
                    box-shadow: none;
                }

        #notifications-list .notification-header {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            font-size: 11px;
        }

            #notifications-list .notification-header i {
                padding-left: 10px;
            }

            #notifications-list .notification-header div:hover > i {
                color: #458ced;
            }

        #notifications-list .notification-title {
            font-weight: bold;
        }

    .z-index-1 {
        z-index: 1;
    }

    .custom-stat-cyan .mini-stat-icon {
        color: #fff;
        background-color: #558aeb;
    }

    .custom-stat-green .mini-stat-icon {
        color: #fff;
        background-color: #39b54a;
    }

    #chartShippedOrders {
        position: absolute;
        bottom: 0;
    }

    /* reports layout */
    .reports-container {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
        gap: 20px;
        align-items: center;
        justify-items: center;
        max-width: 1050px;
        margin: 0 auto;
    }

    .report-category {
        margin: 5px;
    }

    .reports-welome-title {
        margin-bottom: 30px;
        font-size: 32px;
        text-align: center;
    }

    .report-category {
        position: relative;
        width: 240px;
        height: 240px;
        overflow: hidden;
        text-align: center;
        background-color: white;
        border-radius: 10px;
        box-shadow: 1px -1px 5px #c7c0c0;
    }

        .report-category:hover {
            cursor: pointer;
        }

        .report-category img {
            width: 80px;
            height: 80px;
        }

    .reports-title {
        height: 60px;
        padding: 15px 0;
        font-weight: bold;
        font-size: 20px;
    }

    .report-icon {
        padding: 30px 0;
        color: #a7b1c2;
        font-size: 80px;
    }

    .report-links {
        position: relative; /* Add this to position the pseudo-element relative to this element */

        display: block;
        width: 100%;
        padding: 12px;
        color: #6d6d6d;
        font-weight: bold;
        font-size: 14px;
        transition: background-color 0.3s ease, color 0.3s ease;
    }

        .report-links::after {
            position: absolute;
            bottom: 0;
            left: 50%;
            display: block;
            width: 200px;
            height: 2px;
            background-color: #d6d6dd;
            transform: translateX(-50%);
            content: "";
        }

    .open-card {
        position: relative;
        z-index: 10;
        display: block !important;
        width: 100%;
        height: 100%;
    }

    .icon-report {
        padding: 35px 0;
    }

    .subreport > div {
        height: 10%;
        padding-left: 20px;
        color: black !important;
        font-size: 15px;
        text-align: left;
    }

    .subreport {
        height: 100% !important;
        background-color: white !important;
    }

    .reports-title-profit-and-loss {
        color: #6e84ff;
        background-color: #eaedff;
    }

    .reports-title-sales {
        color: #7dbf6b;
        background-color: #eafae5;
    }

    .reports-title-orders {
        color: #457b9d;
        background-color: #e3ebf1;
    }

    .reports-title-returns-and-refunds {
        color: #f05a6b;
        background-color: #fde7e9;
    }

    .reports-title-shipping {
        color: #7c85b2;
        background-color: #ecedf4;
    }

    .reports-title-inventory {
        color: #ffb65c;
        background-color: #fff3e5;
    }

    .reports-title-products-by-component {
        color: #7b68dd;
        background-color: #ebe9fa;
    }

    .reports-title-transaction {
        color: #af838f;
        background-color: #f1eaec;
    }

    .reports-title-settlement {
        color: #8f2d56;
        background-color: #f1e5ea;
    }

    .reports-title-customers-and-receivables {
        color: #003f88;
        background-color: #e0e8f0;
    }

    .reports-title-custom-reports {
        color: #49c4d4;
        background-color: #e0f5f8;
    }

    #ordersOptions a:hover {
        color: #6e84ff;
    }

    #salesOptions a:hover {
        color: #7dbf6b;
    }

    #ordersOptions a:hover {
        color: #457b9d;
    }

    #returnsAndRefundOptions a:hover {
        color: #f05a6b;
    }

    #shippingOptions a:hover {
        color: #7c85b2;
    }

    #inventoryOptions a:hover {
        color: #ffb65c;
    }

    #productsByComponentOptions a:hover {
        color: #7b68dd;
    }

    #transactionOptions a:hover {
        color: #af838f;
    }

    #settlementOptions a:hover {
        color: #8f2d56;
    }

    #receivablesOptions a:hover {
        color: #003f88;
    }

    #CustomOptions a:hover {
        color: #49c4d4;
    }

    /* settings > basic info error message modal  */
    .company-info-error-message {
        display: flex;
        justify-content: flex-end;
        padding-bottom: 5px;
        color: red;
    }

    table.table.table-responsive.table-custom thead.text-uppercase tr {
        position: relative;
        z-index: 6;
    }

    table.table.table-responsive.table-custom thead.text-uppercase th.td-check {
        z-index: 5;
    }

    .toolbox-list-container .active {
        z-index: 10;
    }

    #global-search-input-with-barcode {
        padding-left: 35px !important;
    }

    #global-search-input-with-barcode-container #global-search-input-with-barcode {
        padding-left: 35px !important;
    }