/* Set padding to keep content from hitting the edges */
/*.body-content {
    padding-left: 15px;
    padding-right: 15px;
}*/

:root {
    --white: #fff;
    --bs-pagination-active-color: var(--bs-primary-rgb);
    --bs-link-color: var(--bs-primary);
    --bs-link-color-rgb: var(--bs-primary-rgb);
    --bs-link-hover-color: var(--bs-primary-dark);
    --bs-link-hover-color-rgb: var(--bs-primary-dark-rgb);
    /*PRIMARY COLOR*/
    --bs-primary: #1C4B4B;
    --bs-primary-dark: #102c2c;
    --bs-primary-dark-rgb: 16,44,44;
    --bs-primary-light: #5a777a;
    --bs-primary-bg: #f2f5f5;
    --bs-primary-rgb: 28,75,75;
    --bs-primary-bg-rgb: 242,245,245;
    --bs-primary-disabled: var(--bs-primary-light);
    --bs-primary-oposite: var(--white);
    --bs-primary-focus-shadow: 0 0 0 .15rem rgba(var(--bs-primary-rgb),.25);
    /*DANGER COLOR*/
    --bs-danger: #d9534f;
    --bs-danger-light: #E15361;
    --bs-danger-dark: #d43f3a;
    --bs-danger-bg: #FFE0E0;
    --bs-danger-oposite: var(--white);
    --bs-danger-bg-rgb: 255,224,224;
}

.btn {
    --bs-btn-border-radius: 2rem;
    --bs-btn-padding-x: 2rem;
    --bs-btn-padding-y: 0.6rem;
    --bs-btn-font-size: 1.1rem;
    --bs-btn-font-weight: bold;
}

.btn-sm {
    --bs-btn-padding-x: 1rem;
    --bs-btn-padding-y: 0.15rem;
}

.btn-xs {
    --bs-btn-padding-x: 0.8rem;
    --bs-btn-padding-y: 0.1rem;
}

.input-group .btn {
    --bs-btn-border-radius: 0.375rem !important;
    --bs-btn-padding-x: 0.75rem !important;
    --bs-btn-padding-y: 0.375rem !important;
    --bs-btn-font-size: 1rem !important;
}

.btn-primary, .btn-success {
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary-dark);
    --bs-btn-hover-bg: var(--bs-primary-oposite);
    --bs-btn-hover-color: var(--bs-primary);
    --bs-btn-hover-border-color: var(--bs-primary-dark);
    --bs-btn-active-bg: var(--bs-primary);
    --bs-btn-active-border-color: var(--bs-primary-dark);
    --bs-btn-disabled-bg: var(--bs-primary-disabled);
    --bs-btn-disabled-border-color: var(--bs-primary);
}

.btn-outline-secondary, .btn-info, .btn-secondary, .btn-warning {
    --bs-btn-bg: var(--bs-primary-oposite);
    --bs-btn-color: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary-dark);
    --bs-btn-hover-color: var(--bs-primary-oposite);
    --bs-btn-hover-bg: var(--bs-primary);
    --bs-btn-hover-border-color: var(--bs-primary-dark);
    --bs-btn-active-bg: var(--bs-primary-oposite);
    --bs-btn-active-border-color: var(--bs-primary-dark);
    --bs-btn-active-color: var(--bs-primary);
    --bs-btn-disabled-bg: var(--bs-primary-bg);
    --bs-btn-disabled-border-color: var(--bs-primary-light);
}

.btn-outline-light {
    --bs-btn-bg: #fff;
    --bs-btn-color: #333;
    --bs-btn-border-color: #ccc;
    --bs-btn-hover-color: #333;
    --bs-btn-hover-bg: #e6e6e6;
    --bs-btn-hover-border-color: #adadad;
    --bs-btn-focus-shadow-rgb: 108,117,125;
    --bs-btn-active-color: #333;
    --bs-btn-active-bg: #e6e6e6;
    --bs-btn-active-border-color: #adadad;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #333;
    --bs-btn-disabled-bg: #fff;
    --bs-btn-disabled-border-color: #ccc;
    --bs-gradient: none;
}

.btn-outline-light.active, 
.btn-outline-light:active {
    box-shadow: var(--bs-btn-active-shadow);
}

.btn-danger {
    --bs-btn-color: var(--bs-danger-oposite);
    --bs-btn-bg: var(--bs-danger);
    --bs-btn-border-color: var(--bs-danger-dark);
    --bs-btn-hover-color: var(--bs-danger);
    --bs-btn-hover-bg: var(--bs-danger-oposite);
    --bs-btn-hover-border-color: var(--bs-danger-dark);
    --bs-btn-focus-shadow-rgb: var(--bs-danger-bg-rgb);
    --bs-btn-active-color: var(--bs-danger-oposite);
    --bs-btn-active-bg: var(--bs-danger);
    --bs-btn-active-border-color: var(--bs-danger-dark);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--bs-danger-oposite);
    --bs-btn-disabled-bg: var(--bs-danger-light);
    --bs-btn-disabled-border-color: var(--bs-danger);
}

.btn-outline-danger {
    --bs-btn-color: var(--bs-danger);
    --bs-btn-bg: var(--bs-danger-oposite);
    --bs-btn-border-color: var(--bs-danger-dark);
    --bs-btn-hover-color: var(--bs-danger-oposite);
    --bs-btn-hover-bg: var(--bs-danger);
    --bs-btn-hover-border-color: var(--bs-danger-dark);
    --bs-btn-focus-shadow-rgb: var(--bs-danger-bg);
    --bs-btn-active-color: var(--bs-danger-oposite);
    --bs-btn-active-bg: var(--bs-danger);
    --bs-btn-active-border-color: var(--bs-danger-dark);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--bs-danger-light);
    --bs-btn-disabled-bg: var(--bs-danger-bg);
    --bs-btn-disabled-border-color: var(--bs-danger-light);
}

.alert-info {
    --bs-alert-bg: var(--bs-primary-bg);
    --bs-alert-border-color: var(--bs-primary-light);
}
.dropdown-menu {
    --bs-dropdown-link-active-bg: var(--bs-primary);
}

.badge-primary {
    background-color: var(--bs-primary);
}

html {
    font-size: 14px;
}

body {
    background-color: #f8f8f8;
    max-height: 100vh;
    overflow-x: hidden;
    overflow-y: auto;
}

input, select, textarea {
    accent-color: var(--bs-primary) !important;
}

    input:checked {
        background-color: var(--bs-primary) !important;
        border-color: var(--bs-primary) !important;
    }

    input:focus,
    select:focus,
    .select2-container--bootstrap-5.select2-container--focus .select2-selection,
    .select2-container--bootstrap-5.select2-container--open .select2-selection,
    textarea:focus:not(.select2-search__field),
    .form-control:focus {
        border-color: var(--bs-primary-dark) !important;
        outline: 0 !important;
        box-shadow: var(--bs-primary-focus-shadow) !important;
    }
        .form-control:focus input {
            box-shadow: none !important;
        }

.select2-container--bootstrap-5 .select2-dropdown {
    border-color: var(--bs-primary-dark) !important;
}

    .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--selected,
    .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[aria-selected="true"]:not(.select2-results__option--highlighted) {
        background-color: var(--bs-primary-bg) !important;
        color: var(--bs-primary-dark) !important;
    }

.select2-hidden-accessible {
    top: -1px !important;
}

.select2-container--bootstrap-5 .select2-selection--single{
    overflow-y: hidden !important;
}

.select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered {
    word-break: break-all !important;
    padding-right: 20px !important;
    white-space: initial !important;
}

.form-switch .form-check-input:focus:not(:checked) {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
}

label {
    margin-bottom: 5px;
    font-weight: bold;
}

label.form-check-label {
    font-weight: normal;
    margin-bottom: 0;
}

#wrapper {
    max-height: calc(100vh - 100px);
    margin-top: 100px;
    overflow:auto;
    background-color: #fff;
}

#page-wrapper {
    padding: 0 15px;
    background-color: #fff;
    min-height: calc(100vh - 152px);
}

.react-root {
    display: flex;
    max-height: calc(100vh - 141px);
}

h2 {
    font-weight: bold;
    color: var(--bs-primary);
    margin-top: 25px;
    margin-bottom: 10px;
}

button.btn-link {
    text-decoration: none !important;
}

button.btn-link:hover {
    text-decoration: underline !important;
}


.btn-close:focus {
    box-shadow: var(--bs-primary-focus-shadow);
}

@media only screen and (min-width: 992px) {
    .react-root {
        max-height: calc(100vh - 105px);
    }
}

@media only screen and (max-height: 746px) {
    .react-root {
        max-height: none;
    }
}

.navbar-static-top {
    position: fixed;
    z-index: 3;
    width: calc(100vw - (100vw - 100%));
    top: 0;
    margin: 0;
    padding: 0;
    max-height: 100px;
    border-bottom: 1px solid #e7e7e7;
}

.navbar-header{
    float: initial;
}

.navbar-brand-container {
    max-height: 50px;
    min-height: 50px;
    align-items: center;
    overflow-y: hidden;
    padding: 0 15px;
}

.navbar-top-links-container {
    padding: 0 15px;
    max-height: 50px;
    min-height: 50px;
    align-items: center;
}

.navbar-brand-truncate {
    float: inline-start;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: calc(100% - 130px);
}

.navbar-top-links {
    margin-right: 0;
}

    .navbar-top-links li {
        display: block;
        max-height: 50px;
    }

        .navbar-top-links li a {
            padding: 15px;
            min-height: 50px;
        }
        
        .navbar-top-links li a:hover {
            cursor: pointer;
        }

        .navbar-top-links li a.show {
            background-color: #eee;
        }
        
        .navbar-top-links li a.center-things {
            padding-bottom: 0;
        }

    .navbar-top-links .dropdown-menu .dropdown-item {
        display: block;
        min-height: auto;
        padding: 3px 20px;
        color: #262626;
    }
    
    .navbar-top-links .dropdown-menu .dropdown-item:active {
        background-color: #f5f5f5;
        color: #262626;
    }

        .navbar-top-links .dropdown-menu .dropdown-item:last-child {
            margin-right: 0;
        }

        .navbar-top-links .dropdown-menu .dropdown-item a {
            padding: 3px 20px;
            min-height: 0;
        }

            .navbar-top-links .dropdown-menu .dropdown-item a div {
                white-space: normal;
            }

    .navbar-top-links .dropdown-messages,
    .navbar-top-links .dropdown-tasks,
    .navbar-top-links .dropdown-alerts {
        width: 310px;
        min-width: 0;
    }

    .navbar-top-links .dropdown-messages {
        margin-left: 5px;
    }

    .navbar-top-links .dropdown-tasks {
        margin-left: -59px;
    }

    .navbar-top-links .dropdown-alerts {
        margin-left: -123px;
    }

.sidebar .sidebar-nav.navbar-collapse {
    padding-right: 0;
    padding-left: 0;
    overflow-y: hidden;
}

.sidebar .sidebar-search {
    padding: 15px;
}

.sidebar ul li {
    border-bottom: 1px solid #e7e7e7;
}

.sidebar ul li a.active {
    background-color: #eee;
}

.sidebar .arrow {
    float: right;
    margin-left: auto;
}

.sidebar .fa.arrow:before {
    content: "\f104";
}

.sidebar .active > a > .fa.arrow:before {
    content: "\f107";
}

.sidebar .nav-second-level li a,
.sidebar .nav-level-2 li a {
    padding-left: 39px;
}

.sidebar .nav-third-level li,
.sidebar .nav-level-3 li {
    border-bottom: 0 !important;
}

.sidebar .nav-third-level li a,
.sidebar .nav-level-3 li a  {
    padding-left: 61px;
}

.sidebar .nav > li > a {
    display: flex;
    align-items: center;
}

.sidebar a.menu-category:hover {
    background-color: var(--bs-primary);
    color: #fff;
}

.sidebar a.menu-category:focus {
    background-color: var(--bs-primary);
    color: #fff;
}

.sidebar .current-page-item {
    font-weight: 600;
    background-color: #dcdcdc;
}

@media(min-width:768px) {
    .navbar-top-links .dropdown-messages, .navbar-top-links .dropdown-tasks, .navbar-top-links .dropdown-alerts {
        margin-left: auto;
    }

}

/*medium and large devices*/
@media (min-width: 992px) {
    #page-wrapper {
        position: inherit;
        border-left: 1px solid #e7e7e7;
        padding: 0 30px;
        margin-left: 260px;
        min-height: calc(100vh - 90px);
    }

    #wrapper {
        max-height: calc(100vh - 50px);
        margin-top: 50px;
    }

    .sidebar {
        z-index: 1;
        position: fixed !important;
        width: 260px;
        max-height: calc(100vh - 51px);
        top: 51px;
        left: 0;
        bottom: 0;
    }

    .navbar-top-links {
        float: right;
    }

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

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

    #notification-container {
        right: 0;
        left: auto;
    }

    .navbar-top-links .dropdown-user {
        right: 0;
        left: auto;
    }
    
    .navbar-wrapper {
        padding-right: 0px;
    }
}

/*small devices*/
@media (max-width: 991px) {
    .sidebar {
        max-height: calc(100vh - 100px);
        top: 100px;
        left: 0;
    }

    #fill-template-div {
        margin-right: 1px;
    }

    .navbar-top-links {
        float: left;
    }

    .sidebar-nav.navbar-collapse{
        min-height: 100vh;
        margin-bottom: 10vh;
    }
}

/*extra small devices*/
@media(max-width:767px) {

    .sidebar {
        max-height: calc(100vh - 100px);
    }

    .navbar-top-links {
        float: left;
    }
}

.btn-outline {
    color: inherit;
    background-color: transparent;
    transition: all .5s;
}

.btn-primary.btn-outline {
    color: #428bca;
}

.btn-success.btn-outline {
    color: #5cb85c;
}

.btn-info.btn-outline {
    color: #5bc0de;
}

.btn-warning.btn-outline {
    color: #f0ad4e;
}

.btn-danger.btn-outline {
    color: #d9534f;
}

    .btn-primary.btn-outline:hover,
    .btn-success.btn-outline:hover,
    .btn-info.btn-outline:hover,
    .btn-warning.btn-outline:hover,
    .btn-danger.btn-outline:hover {
        color: #fff;
    }

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

    .chat li {
        margin-bottom: 10px;
        padding-bottom: 5px;
        border-bottom: 1px dotted #999;
    }

        .chat li.left .chat-body {
            margin-left: 60px;
        }

        .chat li.right .chat-body {
            margin-right: 60px;
        }

        .chat li .chat-body p {
            margin: 0;
        }

    .card .slidedown .fa-solid,
    .card .slidedown .fa-regular,
    .chat .fa-solid,
    .chat .fa-regular {
        margin-right: 5px;
    }

.chat-panel .card-body {
    height: 350px;
    overflow-y: scroll;
}

.login-panel {
    margin-top: 25%;
}

.flot-chart {
    display: block;
    height: 400px;
}

.flot-chart-content {
    width: 100%;
    height: 100%;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
    background: 0 0;
}

table.table-sorting thead .sorting_asc:after {
    content: "\f0de";
    float: right;
    font-family: fontawesome;
    margin-right: -10px;
}

table.table-sorting thead .sorting_desc:after {
    content: "\f0dd";
    float: right;
    font-family: fontawesome;
    margin-right: -10px;
}

table.table-sorting thead .sorting:after {
    content: "\f0dc";
    float: right;
    font-family: fontawesome;
    color: rgba(50,50,50,.5);
    margin-right: -10px;
}

.btn-circle {
    width: 30px;
    height: 30px;
    padding: 6px 0;
    border-radius: 15px;
    text-align: center;
    font-size: 12px;
    line-height: 1.428571429;
}

    .btn-circle.btn-lg {
        width: 50px;
        height: 50px;
        padding: 10px 16px;
        border-radius: 25px;
        font-size: 18px;
        line-height: 1.33;
    }

    .btn-circle.btn-xl {
        width: 70px;
        height: 70px;
        padding: 10px 16px;
        border-radius: 35px;
        font-size: 24px;
        line-height: 1.33;
    }

.show-grid [class^=col-] {
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #ddd;
    background-color: #eee !important;
}

.show-grid {
    margin: 15px 0;
}

.allow-newlines {
    white-space: pre-line;
}

/*datatables css*/
@media screen and (max-width: 767px) {
    div .dataTables_length {
		text-align: left;
	}
}

@charset "UTF-8";
/*
 * jQuery File Upload Plugin CSS 1.3.0
 * https://github.com/blueimp/jQuery-File-Upload
 *
 * Copyright 2013, Sebastian Tschan
 * https://blueimp.net
 *
 * Licensed under the MIT license:
 * http://www.opensource.org/licenses/MIT
 */
.fileinput-button {
    position: relative;
    overflow: hidden;
}
.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  -ms-filter: 'alpha(opacity=0)';
  font-size: 200px;
  direction: ltr;
  cursor: pointer;
}

/* Fixes for IE < 8 */
@media screen\9 {
  .fileinput-button input {
    filter: alpha(opacity=0);
    font-size: 100%;
    height: 100%;
  }
}

.navbar-top-links li a {
    padding-top: 15px;
     padding-bottom: 15px;
    padding-left: 10px;
     padding-right: 10px;
    min-height: 50px;
}
.navbar-toggler {
    position: absolute;
    right: 0;
    background-color: #f8f8f8;
    z-index: 10;
    margin: 8px 15px 0;
    top: 0;
}

.navbar-toggler:hover {
    background-color: #ddd;
}

.navbar-toggler:focus {
    box-shadow: none;
}

.lgi-big {
    padding: 3vh 1.5vw;
}

.with_fee {
    font-size:130%;
}
@media (min-width: 992px) {
    .modal-min-80 {
        min-width: 80%;
    }
}
.modal-wide .modal-dialog {
    width: 80%; /* or whatever you wish */
}

.signupseller-footer {
    height: auto !important;
    background-color: #323d43 !important;
}

.footer {
    height: 35px;
    background-color: #f8f8f8;
    border-color: #e7e7e7;
    border-width: 1px 0 0 0;
    border-style: solid;
}

.footer.stick-to-left-footer {
    width: calc(100% + 30px);
    margin-left: -15px !important;
    margin-right: -15px !important;
}

@media (max-width: 991px) {
    .footer {
        margin-left: 0px;
        width: 100%;
    }
}

@media (min-width: 992px){
    .footer .container {
        width: calc(100% - 260px);
    }
}

.footer-copyright {

    padding-top: 10px
}

#transactionsTable td.by-text {
    width: 1%;
    white-space: nowrap;
} 

#transactionsTable td > table {
    width: 100%;
}

#transactionsTable td > table tr {
    background: transparent;
}

.field-validation-error > span {
    color: #a94442;
}

#create-ups-package-form input,select{
    max-width: 100%;
}

.ajax-loader-backdrop {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000000;
    z-index: 1100;
    opacity: .2;
}

.ajax-loader, .loading-indicator {
    border: 10px solid rgb(var(--bs-primary-bg-rgb));
    border: 10px solid rgba(var(--bs-primary-bg-rgb), 0.5);
    border-radius: 50%;
    border-top: 10px solid var(--bs-primary);
    width: 80px;
    height: 80px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
}

.ajax-loader-progress {
    position: fixed;
    top: 45%;
    right: 50%;
    margin-right: -17px;
    margin-top: 30px;
    z-index: 1101;
    font-weight: bold;
    color: yellow;
    text-shadow: 2px 0 0 #286090, -2px 0 0 #286090, 0 2px 0 #286090, 0 -2px 0 #286090, 1px 1px #286090, -1px -1px 0 #286090, 1px -1px 0 #286090, -1px 1px 0 #286090;
}

.ajax-loader {
    position: fixed;
    top: 45%;
    right: 50%;
    margin-right: -40px;
    z-index: 1101;
}

.loading-indicator {
    width: 14px;
    height: 14px;
    border-width: 4px;
    border-top-width: 4px;
    display: inline-block;
    margin: 0 5px;
}

@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0); }
    100% { transform: rotate(360deg); }
}

#total-selected {
    color: var(--bs-primary);
}

.text-danger #total-selected {
    color: #a94442;
}

@media (min-width: 992px) {
    .bglines {
        background-image: linear-gradient(90deg, transparent, transparent calc(100% / 3), black calc((100% / 3) + 1px), transparent calc((100% / 3) + 1.4px)), linear-gradient(90deg, transparent, transparent calc((100% / 3 * 2) - 1.6px), black calc(100% / 3 * 2), transparent calc(100% / 3 * 2));
        transform: translate3d(0, 0, 0);
    }
}

.bglines > .col-lg-4 {
    overflow: hidden;
}

.buttons-container a.btn,
.buttons-container button :not(.retry-btn) {
    width: 300px;
}
.buttons-container-npg a.btn,
.buttons-container-npg button :not(.retry-btn) {
    width: 370px;
}

/*#zip-docs {
    width: 190px;
}*/

.bglines > .col-lg-4:first-child {
    margin-bottom: 7px;
}

.zip-search-indicator {
    position: absolute;
    top: 7px;
    right: 0;
    width: 20px;
    height: 20px;
}

.item-group {
    padding: 1em 0;
    border-top: 1px solid #ddd;
    margin-bottom: 0;
    position: relative;
}

.item-group .close{
    position: relative;
    top: 0;
    right: 13px;
}

.no-margin {
    margin: 0;
}

.group-details .row {
    border-style: solid;
    border-color: #ddd;
    border-width: 1px 0;
    padding: 5px 0;
    margin: -6px 5px 5px;
}

textarea.parcel-numbers-input {
    height: 220px;
}

.warehouse-notifiacation {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-left: 15px;
    border-radius: 3px;
    vertical-align: middle;
}

@media (max-width: 767px ){
    nav .dropdown-menu {
        left: 1vw;
        top: auto;
    }
    
    nav .dropdown.notification-dropdown {
        position: static;
    }
    
    nav #notification-container {
        position: absolute;
        top: 100px;
        width: auto;
    }

    nav .dropdown-menu > .scrollable {
        height: 60vh;
        width: 96vw;
        overflow-x: hidden;
    }

    .confirm-check-box {
        padding: 0;
    }
}

@media (max-width: 576px) {
    .dropdown.dropdown-user,
    .dropdown.lang {
        position: static;
    }

    .dropdown.lang .dropdown-menu {
        margin-left: 15px;
    }
    
    .dropdown-menu.dropdown-user {
        position: absolute;
        width: 100%;
    }

    .navbar-wrapper {
        overflow: hidden;
    }
}

@media (min-width:768px ) {

    nav .dropdown-menu {
        left: auto;
    }

    nav .dropdown-menu > .scrollable {
        height: auto;
        max-height: 500px;
        max-width: 500px;
        min-width: 350px;
        overflow-x: hidden;
    }
}

.modal-footer .btn {
    white-space: normal;
}

@-webkit-keyframes ring {
    0% {  -webkit-transform: rotateZ(0); }
    5% {  -webkit-transform: rotateZ(30deg); }
    10% {  -webkit-transform: rotateZ(-28deg); }
    15% {  -webkit-transform: rotateZ(26deg); }
    20% {  -webkit-transform: rotateZ(-24deg); }
    25% {  -webkit-transform: rotateZ(22deg); }
    30% {  -webkit-transform: rotateZ(-20deg); }
    35% {  -webkit-transform: rotateZ(0); }
    100% {  -webkit-transform: rotateZ(0); }
}
@keyframes ring {
    0% { transform: rotate(0); }
    5% { transform: rotate(30deg); }
    10% { transform: rotate(-28deg); }
    15% { transform: rotate(26deg); }
    20% { transform: rotate(-24deg); }
    25% { transform: rotate(22deg); }
    30% { transform: rotate(-20deg); }
    35% { transform: rotate(0); }
    100% { transform: rotate(0); }
}

.bell-animation {
    -webkit-animation: ring 4s .7s ease-in-out infinite;
    -webkit-transform-origin: 50% 4px;
    -moz-animation: ring 4s .7s ease-in-out infinite;
    -moz-transform-origin: 50% 4px;
    animation: ring 4s .7s ease-in-out infinite;
    transform-origin: 50% 4px;
}

#notification-badge .loading-indicator {
    width: 8px;
    height: 8px;
    border-width: 2px;
    border-top-width: 2px;
    border-top-width: 2px;
    margin: 0 0 10px 15px;
}

#notification-container .loading-indicator {
    width: 28px;
    height: 28px;
}

#notification-container blockquote {
    font-size: 14px;
    margin: 0 0 5px;
    background-color: var(--bs-primary-bg);
    border-color: var(--bs-primary-bg);
    padding: 10px 20px;
    border-left: 5px solid var(--bs-primary-bg);
}

#notification-container blockquote small {
    display: block;
    color: #777;
}

    #notification-container blockquote:hover {
        background-color: var(--bs-primary-bg);
        cursor: pointer;
    }

    #notification-container blockquote.unread {
        border-color: var(--bs-primary-light);
        background-color: var(--bs-primary-bg);
    }
        #notification-container blockquote.unread:hover {
            background-color: var(--bs-primary-bg);
        }

    #notification-container blockquote small:before {
        content: '';
    }

#notification-container .button-container {
    float: left;
    display: none;
}

.notification-btn, .icon-btn {
    padding: 0 5px;
    color: #777;
    cursor: pointer;
}

.notification-btn:hover, .icon-btn:hover {
    color: #444;
}

#notification-container .notification-read-btn {
    display: none;
}

#notification-container .notification-msg {
    padding-bottom: 8px;
}

#notification-container .unread .notification-read-btn {
    display: inline-block;
}

.notification-header {
    padding: 10px;
}

    .notification-header .alert {
        margin: 10px 0;
    }

.notification-title {
    padding-left: 10px;
    color: #777;
    font-weight: bold;
}

.notification-button-group {
    float: right;
    color: #777;
}

.notification-button-group .notification-button:hover {
    color: #444;
}

.notification-button {
    width: 20px;
    height: 20px;
    cursor: pointer;
}

    .notification-button:nth-of-type(1) {
        margin-right: 10px;
    }

    .notification-button i {
        color: var(--bs-primary-light);
    }

    .notification-button i:hover {
        color: var(--bs-primary);
    }

    .notification-header .close-btn {
        margin: -7px -5px 20px 0;
        float: right;
    }

mark {
    background: orange;
    color: inherit !important;
}

.alert-info a {
    text-decoration: underline;
}

.declared-cost-input {
    display: inline-block;
    width: 150px;
}

.attachment-link {
    font-weight: normal;
}

.attachment-link:after {
    content: "\00bb";
}

label.text-left {
    text-align: left !important;
}

.button_1O {
    display: none !important
}

.saved-addresses-list .active-address .card {
    background-color: rgba(var(--bs-primary-rgb), 0.2);
    --bs-body-bg: 0;
}

.saved-addresses-list .active-address .select-address-button {
    display: none;
}

blockquote.support-sent-email-form {
    border-width: 2px;
    border-color: #ddd;
    border-style: solid;
    font-size: inherit;
}

.flex-box {
    display: flex;
}

#template-check-box {
    margin-left: 10px;
}

.navbar-default.sidebar {
    overflow-y: auto;
    position: absolute;
    right: 0;
    background-color: #f8f8f8;
}

#EbayIdsField legend div {
    font-size: 14px;
}

.top-table-filters {
    z-index: 1;
}

.stick-to-top {
    position: sticky !important;
    z-index: 2;
    top: 0;
    background-color: white;
    padding-top: 10px;
    padding-bottom: 10px;
}

@media (min-width: 768px) {
    .stick-to-top-off-on-mobile {
        position: sticky !important;
        z-index: 2;
        top: 0;
        background-color: white;
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

input.parcel-filter {
    max-width: 100%;
}

.refund-label {
    border: 1px solid #faebcc;
    background-color: #fcf8e3;
    border-radius: 4px;
    padding-left: 5px;
}

.label-btn{
    margin-top:10px
}

.table-wrapper {
    overflow-x: auto;
}

.quantity-warning {
    margin: 5px 0;
    padding: 5px 15px;
}

.row.item-group .close {
    z-index: 1;
}

/*Padding*/
.pr-30 {
    padding-right: 25px;
}

.pr-0 {
    padding-right: 0px;
}

.pl-0 {
    padding-left: 0px;
}

.pl-30 {
    padding-left: 30px;
}

.menu-category {
    color: #fff;
    background: var(--bs-primary-light);
}

#side-menu .fa-fw, .dropdown-user .fa-fw{
    margin-right: 5px;
}

select#SelectRegionalOfficeModal {
    max-width: 350px;
    margin-top: 10px;
}

.w-30 {
  width: 30%;
}

.table-wrapper-scroll-y {
    position: relative;
    max-height: 500px;
    overflow: auto;
}

.sticky-header > thead > tr > th {
    position: sticky;
    top: 0;
    background-color: #fff;
}

.pages-container .page {
    display: none;
}

.pages-container .active-page {
    display: block;
}

.cursor-pointer,
.remove-choosen-product-party {
    cursor: pointer;
}

.cursor-help {
    cursor: help;
}

.cursor-default {
    cursor: default;
}

.pages-nav {
    margin-bottom: .5em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#consolidationPlusTable .consolidation-plus-title {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.fulfillment-alert {
    padding: 3px
}

.small-text {
    font-size: 12px;
}

/* Pdf Viewer */
iframe.pdf-viewer {
    height: 100%;
    width: 100%;
}

#reg-docs-table_filter > th {
    padding: 0.3em;
}

#reg-docs-table_length {
    padding: 0.5em;
}

#fop-docs-table_filter > th {
    padding: 0.3em;
}

#fop-docs-table_length {
    padding: 0.5em;
}

.user-profile-container {
    margin-right: -1px; /* To have have common border with .reg-docs-container */
    border-right: 1px solid lightgray;
}

.user-profile-container h3 {
    margin-top: 0px;
}

.user-profile .form-control {
    max-width: 100%;
    font-size: 15px;
    color: black;
}

.user-profile .col-form-label {
    text-align: right;
    padding-right: 0;
}

.user-profile .form-group {
    display: flex;
    align-items: center;
    margin-bottom: 9px;
}

.user-profile label.control-value {
    padding-left: 12px;
    font-size: 15px;
    font-weight: normal;
    color: black;
}

.user-profile a label.control-value {
    color: inherit;
}

.user-profile input[type=checkbox] {
    height: 20px;
    width: 20px;
}

.reg-docs-container {
    border-left: 1px solid lightgray;
}

.reg-docs .dropdown-toggle.select-doc-type-btn {
    margin: -.2em -.3em;
    padding: .3em .4em;
    box-shadow: none;
}

.reg-docs .download-approved-btn {
    float: left;
}

.reg-docs .doc-container {
    margin-top: .5em;
    margin-bottom: .5em;
}

.reg-docs .doc-media-container {
    height: 500px;
    width: 100%;
}

.reg-docs .doc-removed-desc,
.reg-docs .doc-moved-desc {
    padding-top: 3em;
    font-size: 4em;
    color: lightgray;
    height: 100%;
    width: 100%;
    border: 1px solid lightgray;
    background-color: rgb(245, 245, 245);
}

.reg-docs .doc-container {
    position: relative;
}

.reg-docs .page-link-prev,
.reg-docs .page-link-next {
    cursor: pointer;
}

.reg-docs .doc-container .page-link-prev,
.reg-docs .doc-container .page-link-next {
    position: absolute;
    bottom: 0;
    margin-top: -1em;
    padding: .5em;
    background: white;
    opacity: 0.2;
}

.reg-docs .doc-container .page-link-prev {
    left: 0;
}

.reg-docs .doc-container .page-link-next {
    right: 0;
}

.pages-slider .active-page-link {
    background-color: #ddd;
    border-radius: 20%;
    padding: 5px;
}

.fop-docs-container {
    border-left: 1px solid lightgray;
}

.fop-docs .dropdown-toggle.select-doc-type-btn {
    margin: -.2em -.3em;
    padding: .3em .4em;
    box-shadow: none;
}

.fop-docs .download-approved-btn {
    float: left;
}

.fop-docs .doc-container {
    margin-top: .5em;
    margin-bottom: .5em;
}

.fop-docs .doc-media-container {
    height: 500px;
    width: 100%;
}

.fop-docs .doc-removed-desc {
    padding-top: 3em;
    font-size: 4em;
    color: lightgray;
}

.fop-docs .doc-removed-desc {
    height: 100%;
    width: 100%;
    border: 1px solid lightgray;
    background-color: rgb(245, 245, 245);
}

.fop-docs .doc-container {
    position: relative;
}

.fop-docs .doc-container .page-link-prev,
.fop-docs .doc-container .page-link-next {
    position: absolute;
    bottom: 0;
    margin-top: -1em;
    padding: .5em;
    background: white;
    opacity: 0.2;
}

.fop-docs .doc-container .page-link-prev {
    left: 0;
}

.fop-docs .doc-container .page-link-next {
    right: 0;
}

.address_autocomplete {
    position: relative !important;
    top: 0 !important;
    right: 0 !important;
    left: 0 !important;
    width: 100% !important;
    overflow: hidden scroll;
    max-height: 50vh !important;
}

/*Margin*/
.mb-10 {
    margin-bottom: 10px;
}

.mt-14rem {
    margin-top: 14rem;
}

.mt-10 {
    margin-top: 10px;
}

.alert-warning .popover-content {
    color: black;
}

/* BidMarket */
.bid-market .form-control {
    max-width: 100%;
}

.bid-market .new-offer .product-description {
    min-height: 54px;
    resize: vertical;
}

.bid-market .new-offer .preloading-photos-progress {
    display: flex;
    margin-top: .5em;
}

.bid-market .new-offer .preloading-photos-progress .fa-spinner {
    margin-right: .3em;
    font-size: 20px;
}

.bid-market .offers-filters-section label {
    display: block;
    margin-bottom: 0;
}

.bid-market .offers-filters-section .input-group-addon {
    padding-left: 6px;
    padding-right: 6px;
    font-size: 14px;
    line-height: 32px;
    font-weight: 400;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px 0 0 4px;
}

.bid-market .offer-id-filter {
    max-width: 75px;
}

.bid-market .search-filter-btn {
    width: 60px;
    border-radius: 0 4px 4px 0;
}

.bid-market .search-filter,
.bid-market .product-category-id-filter {
    margin-right: 8px;
}

.bid-market .filters-container .form-group {
    margin-bottom: 10px;
}

/* offer item layout */
.bid-market .offer-item {
    display: flex;
    flex-wrap: wrap;
}

.bid-market .offer-actions-section {
    position: relative;
    width: 100%;
}

.bid-market .offer-actions-section .offer-actions-dropdown {
    position: absolute;
    right: 0;
}

.bid-market .offer-photo-section {
    flex: 0 0 150px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    min-height: 118px;
}

.bid-market .offer-status-bottom .offer-photo-section {
    min-height: 1px; /* Min height in this case is not necessary but 1px is set to correctly detect .offer-photo-top class by sizer */
}

.bid-market .offer-photo-top .offer-photo-section {
    justify-content: flex-start;
}

.bid-market .offer-item.full-view .offer-photo-section {
    flex: 0 0 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-end;
    flex-wrap: wrap;
    min-height: auto;
}

.bid-market .offer-photo-section img {
    max-height: 118px;
    max-width: 145px;
    margin-right: 5px;
}

.bid-market .offer-photo-top .offer-photo-section img {
    margin-bottom: 5px;
}

.opto-market-warehouse img.product-photo {
    max-width: 150px;
}

.bid-market .offer-item.full-view .offer-photo-section img.product-main-photo {
    max-height: 180px;
    max-width: 240px;
}

.bid-market .offer-item.full-view .offer-photo-section i.file-icon {
    font-size: 100px;
    margin-bottom: 10px;
    padding: 10px;
}

.bid-market .offer-item.full-view .offer-photo-section img {
    max-width: 160px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.bid-market .offer-info-section {
    flex: 3 3 450px;
    display: flex;
    flex-direction: column;
    width: 100%;
}
.bid-market .full-view .offer-info-section {
    margin-top: 5px;
}

.bid-market .offer-info-section .product-caption,
.bid-market .offer-info-section .user-info {
    display: flex;
    justify-content: space-between;
}

.bid-market .offer-info-section .product-category {
    align-self: flex-start;
}

.bid-market .offer-info-section .product-description {
    margin: 4px 0;
}
.bid-market .full-view .offer-info-section .product-description {
    margin-top: 10px;
}

.bid-market .offer-info-section .user-info {
    flex: 1 1 auto;
    display: flex;
    align-items: flex-end;
}

.bid-market .offer-price-section {
    flex: 1 1 160px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 6px;
}

.bid-market .offer-item.full-view .offer-price-section {
    flex: 0 0 100%;
    margin-top: 15px;
}

.bid-market .offer-price-section .offer-price {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.bid-market .offer-status-section {
    flex: 0 0 160px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    max-width: 160px;
}

.bid-market .offer-status-bottom .offer-status-section,
.bid-market .offer-item.full-view .offer-status-section {
    flex-direction: row;
    flex: 0 0 100%;
    margin-top: 6px;
    max-width:100%;
}
.bid-market .full-view .offer-status-section {
    margin-top: 15px;
}

.bid-market .offer-status-bottom .offer-view-details,
.bid-market .offer-item.full-view .offer-view-details {
    margin: 0 6px;
}

/* offer item's element styling */
.bid-market .modal-header {
    padding: 12px 15px;
}

.bid-market .modal-title {
    font-size: 17px;
}

.bid-market .offer-item .product-name,
.bid-market .offer-item .offer-number {
    display: inline-block;
    margin: 0;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.1;
}

.bid-market .offer-item .product-name {
    max-height: 34px; /* 2-lines only */
    overflow-y: hidden;
}
.bid-market .offer-item.full-view .product-name {
    max-height: initial;
}

.bid-market .offer-item .offer-number,
.bid-market .offer-item .offer-date {
    margin-left: 1em;
}

.bid-market .offer-item.full-view .product-name,
.bid-market .offer-item.full-view .offer-number {
    font-size: 18px;
}

.bid-market .offer-item .product-category-info {
    margin-top: 5px;
}

.bid-market .offer-item .product-category {
    padding: 1px 4px;
    font-size: 12px;
    background: #eee;
}

.bid-market .offer-item.full-view .product-category {
    font-size: 14px;
}

.bid-market .offer-item .user-city,
.bid-market .offer-item .user-name,
.bid-market .offer-item .offer-price label,
.bid-market .offer-item .offer-status label,
.bid-market .offer-item .offer-date,
.bid-market .offer-item .offer-date label {
    font-size: 13px;
    font-weight: normal;
    color: #888;
}

.bid-market .offer-item.full-view .user-city,
.bid-market .offer-item.full-view .user-name,
.bid-market .offer-item.full-view .offer-price label,
.bid-market .offer-item.full-view .offer-status label,
.bid-market .offer-item.full-view .offer-date,
.bid-market .offer-item.full-view .offer-date label {
    font-size: 14px;
}

.bid-market .offer-item .offer-price label {
    color: inherit;
}

.bid-market .offer-item .product-description {
    max-height: 50px; /* 3-lines only */
    overflow: hidden;
    font-size: 13px;
    line-height: 1.3;
}

.bid-market .offer-item.full-view .product-description {
    max-height: initial;
    overflow: initial;
    font-size: 15px;
}

.bid-market .offer-item .offer-price label,
.bid-market .offer-item .offer-status label,
.bid-market .offer-item .offer-date label {
    display: block;
    margin: 0;
    text-align: right;
}

.bid-market .offer-status-bottom .offer-item .offer-status label,
.bid-market .offer-item.full-view .offer-status label {
    text-align: left;
}

.bid-market .offer-item .offer-price strong {
    font-size: 18px;
}

.bid-market .offer-item .offer-price-negotiable strong {
    font-size: 16px;
}

.bid-market .offer-item.full-view .offer-price strong {
    font-size: 20px;
}

.bid-market .offer-item .offer-status {
    font-size: 17px;
    text-align: end;
}

.bid-market .offer-item.full-view .offer-status {
    font-size: 18px;
}

.bid-market .offer-item .offer-status strong[data-status="Closed"],
.bid-market .offer-item .offer-status strong[data-status="Deleted"] {
    color: #999;
}

.opto-market-warehouse .offer-status [data-status="BidAccepted"],
.opto-market-warehouse .offer-status [data-status="Paid"],
.opto-market-warehouse .offer-status [data-status="Accepted"],
.opto-market-warehouse .offer-status [data-status="AcceptedAtFulfillmentWarehouse"],
.bid-market .offer-item .offer-status strong[data-status="BidAccepted"],
.bid-market .offer-item .offer-status strong[data-status="Paid"],
.bid-market .offer-item .offer-status strong[data-status="Accepted"],
.bid-market .offer-item .offer-status strong[data-status="AcceptedAtFulfillmentWarehouse"] {
    color: #5cb85c;
}

.opto-market-warehouse .offer-status [data-status="NewBids"],
.bid-market .offer-item .offer-status strong[data-status="NewBids"] {
    color: #39f;
}

.opto-market-warehouse .offer-status strong[data-status="BidRejected"],
.bid-market .offer-item .offer-status strong[data-status="BidRejected"] {
    color: #d9534f;
}

.bid-market .offer-item,
.bid-market .offer-item label,
.bid-market .offer-nav-cell {
    cursor: pointer;
}

.bid-market .offer-item.full-view,
.bid-market .offer-item.full-view label {
    cursor: initial;
}

/* offer item's text truncating */
.bid-market .offer-item .product-category-info,
.bid-market .offer-item .user-city,
.bid-market .offer-item .user-name,
.bid-market .offer-item .offer-status {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bid-market table.offers-table,
.bid-market .offers-table tbody,
.bid-market .offers-table tr,
.bid-market .offers-table td,
.bid-market .offers-table tfoot {
    display: block; /* Fix for ellipsis in offer item's text */
}

.bid-market .offers-table .offer-item-row {
    position: relative;
}

.bid-market .offers-table .offer-item-cell {
    padding-right: 40px;
    border-top-width: 1px;
    border-bottom: none;
}

.bid-market .offers-table .offer-nav-cell {
    position: absolute;
    margin-top: -20px;
    right: 0;
    top: 50%;
    padding: 0;
    border: 0;
    font-size: 26px;
    color: #999;
}

/* bids */
.bid-market .additional-info {
    margin-top: 1.5em;
}

.bid-market .additional-info legend {
    margin-bottom: .5em;
    font-size: 16px;
    font-weight: bold;
}

.bid-market .bids-info .bid-agent-cell {
    width: 35%;
}

.bid-market .bids-info .bids-table-agent .bid-price-cell,
.bid-market .bids-info .bids-table-agent .bid-status-cell {
    width: 35%;
}

.bid-market .bids-info .user-info {
    line-height: 0;
}

.bid-market .bids-info .user-name,
.bid-market .bids-info .user-city {
    display: inline-block;
    width: 50%;
    line-height: 1.42857143;
}

.bid-market .bids-info .user-city {
    color: #888;
}

.bid-market .bids-info .bid-status-cell {
    font-weight: bold;
}

.bid-market .bids-info .bid-status-cell[data-status="Сonfirmed"] {
    color: #5cb85c;
}

.bid-market .bids-info .bid-status-cell[data-status="Rejected"] {
    color: #d9534f;
}

/* aling buttons in status cell */
.bid-market .bids-table tbody td {
    vertical-align: middle;
}

.bid-market .bids-info .btn-confirm-bid,
.bid-market .bids-info .btn-reject-bid {
    position: relative;
    width: 40px;
    height: 30px;
    margin-right: 6px;
}

.bid-market .bids-info .btn-confirm-bid i,
.bid-market .bids-info .btn-reject-bid i {
    position: absolute;
    top: 50%;
    left: 50%;
}

.bid-market .bids-info .btn-confirm-bid i {
    margin-top: -7px;
    margin-left: -7px;
}

.bid-market .bids-info .btn-reject-bid i {
    margin-top: -7px;
    margin-left: -5.5px;
}

/* ellipsis for bid's data in table */
.bid-market .bid-date-cell {
    min-width: 60px;
}
.bid-market .bid-price-cell {
    min-width: 50px;
}
.bid-market .bid-agent-cell {
    min-width: 50px;
}
.bid-market .bid-status-cell {
    min-width: 100px;
    max-width: 115px;
}

.bid-market .bids-table td,
.bid-market .bids-info .user-name,
.bid-market .bids-info .user-city {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bid-market .bid-cell-price .field-validation-error {
    white-space: normal;
}

.bid-market .no-bids-info {
    text-align: center;
}

.bid-market .modal-body .alert-status {
    width: 100%;
    margin-bottom: 0;
}

.text-group {
    margin-bottom: 10px;
}

/* Fulfillment Center */
@media (min-width: 992px) {
    .fulfillment #page-wrapper {
        padding: 0px;
    }

    .fulfillment #page-wrapper > * {
        padding-left: 15px;
        padding-right: 15px;
    }

    .fulfillment #page-wrapper > div[class^="col-"] {
        padding-left: 30px;
        padding-right: 30px;
    }

    .fulfillment #page-wrapper .stick-to-left-footer {
        left: 0px !important;
        padding: 0px;
        width: 100%;
    }
}

.fulfillment .form-control {
    max-width: 100%;
}

.fulfillment .add-product .product-description {
    min-height: 54px;
    resize: vertical;
}

.fulfillment .add-product .product-comment,
.fulfillment .shipment-preferences .comment {
    min-height: 54px;
    resize: vertical;
}

.fulfillment .products .table-wrapper {
    overflow-x: initial;
}

.fulfillment .products .product-row {
    /*height: 118px;*/
}

.fulfillment .products .product-photo {
    text-align: center;
    width: 165px;
}

.fulfillment .products .market-place-links {
    width: 200px;
}

.fulfillment .products .market-place-links img {
    width: 35px;
}

.fulfillment .products .market-place-links a:hover {
    text-decoration: none;
}

.fulfillment .products .market-place-links a:not([href]) {
    filter: grayscale(100%);
}

.fulfillment .products .product-photo img {
    max-height: 118px;
    max-width: 145px;
}

.fulfillment .products .product-name {
    display: inline-block;
    margin: 0;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.1;
}

.fulfillment .table .product-party-status {
    min-width: 100px;
}

.fulfillment .products .product-actions-dropdown {
    display: none;
}

.fulfillment .create-product-party .product-actions-dropdown {
    display: block;
    margin-left: 15px;
}

.fulfillment .products .product-name-eng {
    font-size: 15px;
    color: #777;
}

.fulfillment .products .product-category {
    padding: 1px 4px;
    font-size: 12px;
    background: #eee;
}

.fulfillment .products .product-description {
    min-width: 380px;
    margin: 4px 0;
    line-height: 1.3;
}

.fulfillment .products .product-comment {
    margin: 4px 0;
    font-size: 13px;
    font-style: italic;
    line-height: 1.3;
}

.fulfillment .products .product-price strong {
    font-size: 16px;
}

.fulfillment .products .product-create-party {
    width: 20%;
}

.fulfillment .products .product-create-party .col-form-label {
    padding-top: 0;
}

.fulfillment .products .product-create-party .form-group.product-quantity {
    margin-bottom: 7px;
}

.fulfillment .products .product-quantity strong,
.fulfillment .products .product-actual-quantity strong {
    font-size: 16px;
}

.fulfillment .products .quantity-container {
    white-space: nowrap;
}

.fulfillment .products .quantity-container a,
.fulfillment .products .quantity-container span {
    display: inline-block;
}

.fulfillment .products .quantity-container span {
    vertical-align: 1px;
}

.fulfillment .products .quantity-container .actual-quantity-changes {
    margin-right: 7px;
}

.fulfillment .products .product-party-choose {
    width: 5em;
}

.fulfillment .products .dimensions-container {
    white-space: nowrap;
}

.fulfillment .shipment-preferences .shipment-preferences-blue-box {
    margin-bottom: 0px;
}

.fulfillment .shipment-preferences .insurance-row td {
    padding-bottom: 10px;
}

.fulfillment .shipment-preferences .insurance-row .insurance-label {
    font-weight: normal;
}

.fulfillment .shipment-preferences .insurance-row .insurance {
    margin-left: 15px;
}

.fulfillment .shipment-preferences .shipping-panel .btn-calculate {
    display: inline-block;
    margin-left: 15px;
}

.fulfillment .shipment-preferences .shipping-panel,
.fulfillment .shipment-preferences .packaging-panel,
.fulfillment .shipment-preferences .commission-panel,
.fulfillment .shipment-preferences .congratulatory-panel,
.fulfillment .shipment-preferences .insurance-panel {
    vertical-align: bottom;
}

.fulfillment .shipment-preferences .shipping-panel .shipping-cost,
.fulfillment .shipment-preferences .packaging-panel .packaging-cost,
.fulfillment .shipment-preferences .commission-panel .commission-cost,
.fulfillment .shipment-preferences .congratulatory-panel .congratulatory-cost,
.fulfillment .shipment-preferences .insurance-panel .insurance-cost {
    display: inline-block;
    font-size: 21px;
    font-weight: 300;
    line-height: 1.4;
    margin-left: 15px;
}

.fulfillment .shipment-preferences .btn-section,
.fulfillment .step-choose-market-place .btn-section {
    margin-top: 40px;
}

.fulfillment .actions-container-top {
    margin-bottom: 0;
}

.fulfillment .choose-product-party .product-table {
    margin-bottom: 0;
}

@media (min-width: 992px) {
    .fulfillment .actions-container .actions-container-left .btn-print-section,
    .fulfillment .actions-container .actions-container-left .btn-remove-selected-product-parties {
        margin-bottom: 10px;
        margin-top: 25px;
    }

    .fulfillment .actions-container .actions-container-right {
        text-align: right;
    }

    .fulfillment .actions-container .actions-container-right  .btn-continue {
        margin-left: 10px;
    }
}

@media (max-width: 992px) {
    .fulfillment .actions-container .actions-container-right .shipment-type {
        margin-right: 10px;
    }
}

.fulfillment .actions-container .btn-continue {
    margin-top: 10px;
}

.fulfillment .actions-container .shipment-type {
    display: inline-block;
    text-align: left;
    vertical-align: bottom;
    width: 250px;
}

.fulfillment .selected-parties-panel {
    margin-top: 10px;
}

.fulfillment .selected-product-parties-panel {
    margin-right: 15px;
}

.fulfillment .selected-parties-panel .btn-unselect-parties,
.fulfillment .selected-product-parties-panel .btn-unselect-parties{
    display: inline-block;
}

.fulfillment .selected-parties-panel .selected-parties-price {
    font-size: 1.1em;
    margin-top: 10px;
}

.fulfillment .selected-product-parties-panel .selected-product-parties-count {
    cursor: pointer;
    display: inline-block;
    height: 25px;
    text-decoration-line: underline;
}

.fulfillment .btn-section button {
    margin: 0px 10px 10px 0px;
}

.fulfillment .correct-sender-address .btn-section button {
    margin-top: 25px;
}

.fulfillment .filters-at-bottom {
    display: flex;
    align-items: self-end;
    flex-wrap: wrap;
}

.fulfillment .request-table .request-id,
.fulfillment .request-table .product-party-id {
    width: 80px;
}

.fulfillment .choose-product-party-for-request .product-party-choose {
    min-width: 120px;
}

.fulfillment .request-table .transaction-number {
    width: 100px;
}

.fulfillment .product-shipment-requests .product-photo {
    display: none;
}

.fulfillment .product-shipment-requests .product-description {
    min-width: 250px;
}

.fulfillment .product-shipment-requests .recipient {
    min-width: 200px;
}

.fulfillment .choose-product-shipment-request .table .product-description {
    min-width: 200px;
}

.fulfillment .choose-product-shipment-request .table .product-party-choose {
    width: 0px;
}

.fulfillment .choose-product-shipment-request .table .product-quantity-multiple strong {
    background-color: #f2dede;
    border: 1px solid #ebccd1;
    border-radius: 4px;
    color: #a94442;
    margin-bottom: 20px;
    padding: 5px 10px;
}

.fulfillment .table .recipient {
    min-width: 240px;
}

.fulfillment .actual-quantity-changes-table .changing-time {
    white-space: nowrap;
}

.fulfillment .request-item-row td {
    border-top: 2px solid #ddd;
}

.fulfillment table thead .scroller-sorting {
    cursor: pointer;
    padding-right: 20px !important;
}

.fulfillment.my-fc-products .section-for-submit,
.fulfillment.my-fc-products .step-choose-product-party-for-request .product-party-choose {
    display: none !important;
}

/* Fulfillment Center Warehouse */
.fulfillment-warehouse .receive-shipments .text-tracking-numbers {
    height: 220px;
}

.fulfillment-warehouse .product-parties .text-tracking-numbers {
    max-height: 300px;
    height: 74px; /* 3 lines in Chrome */
    min-height: 74px; /* 3 lines in Chrome */
}

.fulfillment-warehouse .product-parties .btn-search,
.fulfillment-warehouse .product-parties .btn-clear {
    margin: 0 3px 5px 0;
}

.fulfillment-warehouse .form-edit-product-party .product-actual-quantity .actual-quantity .col-form-label {
    padding-top: 0;
}

.fulfillment-warehouse .form-edit-product-party .product-actual-quantity .actual-quantity-section {
    display: flex;
    align-items: center;
}

.fulfillment-warehouse .form-edit-product-party .product-actual-quantity .actual-quantity-section .allow-change {
    padding-left: 0px;
}

.fulfillment-warehouse .form-edit-product-party .product-actual-quantity .actual-quantity-section label {
    margin: 0px;
}

.fulfillment-warehouse .form-edit-product-party .product-actual-quantity .allow-change {
    display: inline-block;
}

.fulfillment-warehouse .form-edit-product-party .product-actual-quantity .allow-change .choose {
    float: left;
    margin-right: 5px;
}

.fulfillment-warehouse .product-party-acceptance {
    width: 20%;
}

.fulfillment-warehouse .product-party-acceptance-section {
    position: relative;
    padding-right: 30px;
}

.fulfillment-warehouse .product-party-acceptance .btn-edit-product-party {
    position: absolute;
    top: 0;
    right: 0;
}

.fulfillment-warehouse .product-party-acceptance-info p {
    margin: 0 0 5px;
}

.fulfillment-warehouse .create-product-shipment-to-buyer .btn-section button {
    margin-top: 25px;
}

.fulfillment-warehouse .create-product-shipment-to-buyer h3 {
    font-size: 20px;
    font-weight: bold;
}

.fulfillment-warehouse .create-product-shipment-to-buyer .recipient-info,
.fulfillment-warehouse .create-manual-product-shipment-to-buyer .recipient-info {
    position: relative;
    padding-right: 60px;
}

.fulfillment-warehouse .create-manual-product-shipment-to-buyer .btn-edit-recipient {
    position: absolute;
    top: 0;
    right: 0;
}

.fulfillment-warehouse .create-product-shipment-to-buyer .field {
    margin-bottom: 10px;
}

.fulfillment-warehouse .create-product-shipment-to-buyer .email,
.fulfillment-warehouse .create-product-shipment-to-buyer .insurance-info {
    margin-bottom: 20px;
}

.fulfillment-warehouse .create-product-shipment-to-buyer .btn-delete-package-box {
    margin-right: 10px;
}


.fulfillment-warehouse .create-product-shipment-to-buyer .apartment {
    margin-bottom: 0;
}

.fulfillment-warehouse .accept-product-parties table .product-party-trackingnumber,
.fulfillment-warehouse .view-product-parties table .product-party-trackingnumber {
    margin-bottom: 5px;
    margin-top: 5px;
}

.fulfillment-warehouse .accept-product-parties table .product-party-accepting-time,
.fulfillment-warehouse .accept-product-parties table .special-service {
    display: none;
}

.fulfillment-warehouse .view-product-parties table .product-quantity {
    display: none;
}

.fulfillment-warehouse .create-manual-product-shipment-to-buyer .package-items .insurance-info .radio-inline {
    padding-top: 0px;
}

.fulfillment-warehouse .create-manual-product-shipment-to-buyer .package-items .insurance-info input {
    margin-top: 3px;
}

.fulfillment-warehouse .create-manual-product-shipment-to-buyer .package-items .insurance-info label {
    margin-right: 10px;
}

.fulfillment-warehouse .create-manual-product-shipment-to-buyer .package-items .field:not(:first-of-type) {
    margin-top: 15px;
}

.fulfillment-warehouse .create-manual-product-shipment-to-buyer .package-items .card-footer .btn-delete-package-box {
    margin-right: 10px;
}

@media screen and (max-width: 767px) {
    .fulfillment-warehouse .product-shipment-request-filters {
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 576px) {
    .text-left-on-mobile {
        text-align: left;
    }
}

/* Fulfillment Center calculator */
.fulfillment-calculator .error-message {
    padding-top: 7px;
}

.additional-errors, .additional-errors a {
    color: gray !important;
}

/*Articles Admin*/
.articles-admin .form-control {
    max-width: 100%;
    min-width: 100%
}

#exportToExcelBtn > .fa:before {
    padding-right: 10px;
}

.text-wrap-anywhere {
    overflow-wrap: anywhere;
}

.carrier-type-check-box {
    float: left;
    margin-right: 5px !important;
}

/*bs-callout*/
.bs-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}

.bs-callout-default {
    border-left-color: #777;
}

.bs-callout-info {
    border-left-color: var(--bs-primary);
}

.iframe-scroll ::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}

.iframe-scroll ::-webkit-scrollbar-thumb {
    background: #ff313100;
}

.multi-select-disabled {
    pointer-events: none;
}

.multi-select-disabled .dropdown-display-label {
    background: #0000001c;
}

.multi-select-disabled input {
    background: #00000000;
}

img.box-dimentions {
    width: 100%;
    max-width: fit-content;
}

#ui-datepicker-div {
    z-index: 1055 !important;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid var(--bs-primary-dark) !important;
    background: var(--bs-primary-light) !important;
    font-weight: normal !important;
    color: var(--bs-primary-oposite) !important;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid var(--bs-primary-dark) !important;
    background: var(--bs-primary-bg) !important;
    color: var(--bs-primary-dark) !important;
}

/* Styles for left sidebar menu */
#side-menu .accordion-button {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 30px;
}

#side-menu .accordion-button:focus {
    box-shadow: none;
}

#side-menu .accordion-button::after {
    content: none;
}

#side-menu .accordion-button .fa-angle-down {
    color: inherit;
    position: absolute;
    right: 15px;
    font-size: 18px;
    transform: rotate(-90deg);
    transition: 0.3s transform;
}

#side-menu .accordion-button:not(.collapsed) .fa-angle-down {
    transform: rotate(0);
}

    #side-menu .accordion-button:not(.collapsed) {
        background-color: var(--bs-primary);
        color: #fff;
    }

#side-menu .nav-level-2 .accordion-button {
    background-color: #f8f8f8;
    color: var(--bs-link-color);
}

#side-menu .nav-level-2 .accordion-button:not(.collapsed) {
    background-color: #eee;
    color: var(--bs-link-hover-color);
}

#side-menu .nav-level-2, .nav-level-3 {
    background-color: #f8f8f8;
}

.card-default > .card-heading {
    z-index: 1;
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}

.accordion-button:not(.collapsed) {
    color: var(--bs-primary);
    background-color: var(--bs-primary-bg);
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-primary-light);
}

.accordion-button:focus {
    box-shadow: var(--bs-primary-focus-shadow);
}


.card-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

/* Styles for Home page content */

#page-wrapper .card {
    margin-bottom: 20px;
}

    #page-wrapper .card .card-heading,
    #page-wrapper .card .card-footer {
        padding: 10px 15px;
    }

#page-wrapper .card a,
#page-wrapper .card a:hover {
    text-decoration: none;
}

/* Styles for View profile page */
#page-wrapper h2 {
    font-size: 2.2rem;
}

legend {
    border-bottom: 1px solid #e5e5e5;
}

.account-edit-form-container .fa {
    font-size: 18px;
}

@media (max-width: 992px) {
    .account-edit-form .form-group > div .btn {
        margin-top: 5px;
    }

    #create-ups-package-form .form-group a {
        text-align: left !important;
    }
}

/* Styles for DocsForRegistration page*/
#upload-registration-documents .table-bordered tr {
    border-width: 1px;
}

.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover {
    --bs-list-group-active-bg: var(--bs-primary-light);
    --bs-list-group-active-border-color: var(--bs-primary-light);
    cursor: default;
}

.list-group-item:hover {
    cursor: pointer;
}

.list-group-item.active span.bg-secondary {
    background-color: #fff !important;
    color: var(--bs-primary);
}

.tab-panel .card-heading {
    background-color: #f5f5f5;
    border-bottom: 1px solid #ddd;
}

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

.transactionsTable_wrapper {
    border: 1px solid #ddd;
}

.check-box-lg {
    scale: 1.4;
    border-color: gray;
}

.check-box-xl {
    scale: 2;
    border-color: gray;
}

a.cursor-pointer {
    text-decoration: none;
}

a.cursor-pointer:hover {
    text-decoration: underline;
}

.form-check-label {
    cursor: pointer;
}

#csv-file-input {
    opacity: 0; 
    position: absolute; 
    z-index: -1
}

.description-table-wrapper {
    max-height: 400px;
    overflow-y: scroll;
    border: 1px solid #ddd;
}

.country-code-table-wrapper {
    max-height: 190px;
    overflow-y: scroll;
    border: 1px solid #ddd;
}

.notification-trash-btn:hover {
    cursor: pointer;
}

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

.parcel-calculation-panel .card-body {
    padding: 0;
}

.parcel-calculation-panel .card-body .item-group {
    width: 100%;
    margin: 0;
}

.parcel-calculation-panel .item-group .close {
    position: absolute;
    top: 1em;
}

.parcel-calculation-panel .card .card-heading {
    background-color: #f5f5f5;
    border-bottom: 1px solid #ddd;
}

.popover-product-party {
    width: 55px;
}

.popover-product-name {
    width: 100px;
}

.popover-quantity {
    width: 80px;
}

.popover-product-edit {
    width: 40px;
}

@media (min-width: 992px) {
    .popover-product-name {
        min-width: 250px;
    }
}

/* Companions */
.companions .required-label::after {
    content: "*";
    font-weight: bold;
}

.date-input {
    background-color: white !important;
    cursor: pointer;
}

.row-no-padding {
    margin-left: 0px;
    margin-right: 0px;
}

.row-no-padding > [class*="col-"]:first-child {
    padding-left: 0px !important;
}

.row-no-padding > [class*="col-"]:last-child {
    padding-right: 0px !important;
}

.row-no-padding > [class*="col-"] {
    padding-left: 0px !important;
    padding-right: 10px !important;
}

.table-overflow {
    display: block;
    overflow-x: auto;
    overflow-y: auto;
}

.modal-md {
    --bs-modal-width: 600px;
}

/* Styles for Transaction Search page */
#transTable_wrapper table.table-bordered.dataTable {
    border-collapse: collapse !important;
}

.input-group.search-transaction .input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    line-height: 19px;
    font-weight: 400;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.table-overflow {
    display: block;
    overflow-x: auto;
    overflow-y: auto;
}

#transferTypesAccordion .card {
    margin-bottom: 10px;
}

#transferTypesAccordion .card .card-header {
    border-bottom: none;
}

/* Styles for pagination */
.paging_simple_numbers {
    margin-bottom: 7px !important;
}

.active > .page-link, .page-link.active, .page-link:focus {
    --bs-pagination-active-bg: var(--bs-primary);
    --bs-pagination-active-border-color: var(--bs-primary);
    --bs-pagination-focus-box-shadow: rgba(var(--bs-primary-rgb), 0.25) 0px 0px 0px 3.5px
}

.active > .page-link, .page-link.active {
    z-index: auto;
}

.has-error .form-control-sm {
    border: 1px solid #a94442;
}

.has-error .col-form-label {
    color: #a94442;
}

/* Need for ticketing */
.hidden {
    display: none !important;
}

.toast {
    background-color: whitesmoke !important;
}

.toast .toast-header img {
    width: 30px;
}

.alert-blue-box .blue-box-open {
    cursor: pointer;
    right: 10px;
    top: 0px;
}

@media (max-width: 575px) {
    .alert-blue-box .short-text {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
}

.mw-px-200 {
    min-width: 200px;
}

.mw-px-250 {
    min-width: 250px;
}

.alert p:last-child,
.alert ul:last-child
{
    margin-bottom: 0px;
}

/* DataTable */

div.dataTables_processing {
    background-color: white;
    height: auto;
    position: fixed !important;
    z-index: 10;
}
    div.dataTables_processing > div:last-child > div {
        background: var(--bs-primary) !important;
    }

table tbody .dataTables_empty {
    text-align: center;
}

/* Style for scrolling tables (prevent double lines)*/
table > tfoot > tr > td {
    border-bottom-width: 0px !important;
}

/*Dropdown arrows for select2 multiselect*/
.select2-selection--multiple:before {
    content: "";
    position: absolute;
    right: 7px;
    top: 42%;
    border-top: 5px solid #888;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
}

.note-editor .dropdown-toggle::after, .offer-actions-dropdown > .dropdown-toggle::after {
    all: unset;
}

.note-editor .note-dropdown-menu {
    box-sizing: content-box;
}

.note-editor .note-modal-footer {
    box-sizing: content-box;
}

/*Add margin to summernote checkboxes*/
.note-modal-body input[type='checkbox'] {
    margin-right: 5px;
}

/*Add background for summernote fullscreen*/
.note-editor.note-frame.fullscreen {
    background-color: white;
}

.bookmark-yellow {
    color: #F57F17
}

.fastPrintHidden {
    position: absolute;
    top: -100%;
    left: 100%;
    width: 0px;
    height: 0px;
    overflow: hidden;
}

.is-invalid, .is-valid {
    z-index: 2 !important;
}

.scanned-parcel-eu .parcel-info.UpsSaver {
    background-color: #0ed10e;
}

.scanned-parcel-eu .parcel-info.UpsStandart,
.scanned-parcel-eu .parcel-info.FedExInternationalEconomy,
.scanned-parcel-eu .parcel-info.FedExRegionalEconomy,
.scanned-parcel-eu .parcel-info.FedExInternationalPriority {
    background-color: #2687db;
}

.parcel-info.IsParcelFedexUA {
    background-color: yellow;
    color: blue;
}

.parcel-info.IsParcelOptimum {
    background-color: #d786f0;
}

.parcel-info.IsParcelDDU {
    background-color: #99d9ea;
    color: black;
}

.utils-highlight-animation {
    transition: box-shadow 0.25s ease-in-out;
}

.utils-highlight {
    box-shadow: 0 0 15px red,0 0 15px red;
}

.jstree .jstree-anchor {
    height: auto !important;
    padding-right: 25px;
    white-space: normal;
}

.jstree .jstree-disabled.jstree-hovered {
    background: #e7f4f9 !important;
}

.hs-code-js-tree {
    max-height: 70vh;
    overflow-y: scroll;
}

.hs-code-js-tree .jstree-disabled > .jstree-checkbox {
    display: none !important;
}

.hs-code-js-tree .jstree-disabled > .jstree-icon {
    filter: none !important;
}

.hs-code-js-tree .item-approved > .jstree-themeicon {
    filter: grayscale(100%) brightness(60%) sepia(300%) hue-rotate(50deg) saturate(500%) !important;
}

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

.warehouse-monitoring-btns > * {
    width: 100%;
}

.inventory-print-lnk {
    color: var(--bs-link-color) !important;
}

.toggle-arrow:not(.collapsed) i {
    transform: rotate(180deg);
}

.toggle-arrow {
    position: relative;
    z-index: 2;
    margin-top: -10px;
}