/*Custom Global Font Setting*/
h1, h2, h3, h4, h5, h6, div.portlet-title {
    font-family: 'Poppins', 'Roboto', 'Open Sans', 'sans-serif';
}

.nav > li, .nav > li > a, .page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > a, h1, h2, h3, h4, h5, .nav-link {
    font-family: Poppins, 'Open Sans', sans-serif !important;
}


th, td {
    font-family: Roboto, 'Open Sans', sans-serif;
}


/*Restores Search Input Clear Icon*/
input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: searchfield-cancel-button;
}


.hit-the-floor {
    color: #fff;
    font-size: 3.33em;
    font-weight: bold;
    font-family: Poppins, Arial, Helvetica, sans-serif;
    text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, .1), 0 0 5px rgba(0, 0, 0, .1), 0 1px 3px rgba(0, 0, 0, .3), 0 3px 5px rgba(0, 0, 0, .2), 0 5px 10px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .2), 0 20px 20px rgba(0, 0, 0, .15);
}

.nodecor:hover {
    text-decoration: none;
}


#toast-container > div {
    opacity: .9;
}


/*Select2 Search Styles*/
.select2-result-repository__avatar img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: inherit;
}

.select2-result-repository__avatar {
    text-align: center;
}

.popover {
    z-index: 100000;
}


table.table-compact td {
    font-size: 12px;
}

table.table-compact thead tr th {
    font-size: 10px;
}

#table_filter input[type="search"] {
    font-weight: bold;
    color: red;
}


/*removes modal slide down but leaves fade in
https://quickrails.com/twitter-bootstrap-modal-how-to-remove-slide-down-effect-but-leaves-the-fade/
*/
.modal.fade .modal-dialog {
    -moz-transition: none !important;
    -o-transition: none !important;
    -webkit-transition: none !important;
    transition: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    -webkit-transform: none !important;
    transform: none !important;
}

/*Show modal in the middle*/
.modal {
    text-align: center;
    padding: 0 !important;
}

.modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px; /* Adjusts for spacing */
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.text-90 {
    font-size: 90%;
}


#app_progress_indicator {
    color: white;
    margin-top: 18px;
}

.blockUI.blockOverlay {
    opacity: .4 !important;
}

.btn-xxs {
    font-size: 10px !important;
    padding: 0 6px !important;
}

.font-10px, .smaller{
    font-size: 10px;
}

/*Global Product Search*/
#global_search_input {
    font-family: Poppins, 'Open Sans', sans-serif;
    color: #FAFAFA;
}

.global-search-mobile-toggle {
    display: none;
}

.stay-open {
    width: 300px !important;
}

@media (max-width: 991px) {
    #global_search_input {
        color: #000;
        font-size: 18px;
    }

    .global-search-mobile-toggle {
        display: table-cell;
    }

    .stay-open {
        width: unset !important;
    }

}

.ui-autocomplete .ui-state-active div {
    color: white;
}

.ui-autocomplete {
    max-height: 400px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
}

/*Global Location Search*/
.global-results-clickable {
    font-family: Roboto, Arial, Helvetica, sans-serif;
}

.global-results-clickable:hover {
    background: #fbf0c5;
    cursor: pointer;
}

.global-results-clickable:active {
    background: #F4D03F;
}


hl {
    background-color: #ffff66 !important;
    color: red !important;
}

.pointer {
    cursor: pointer;
}

.white-space-no-wrap {
    white-space: nowrap;
}


@-webkit-keyframes alertPulseKeyFrames {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.3;
    }
    100% {
        opacity: 1;
    }
}

.alert-pulse {
    animation: alertPulseKeyFrames 1.5s ease-out;
    animation-iteration-count: infinite;
    opacity: 1;
    /*background: #9A2727; !* you need this to specify a color to pulse to *!*/
}


.brand-yellow {
    color: #F8CB00 !important;;
}

.bg-font-brand-yellow {
    color: #000000 !important;;
}

.bg-brand-yellow {
    background: #F8CB00 !important;;
}

.brand-red {
    color: #F3565D !important;;
}

.bg-font-brand-red {
    color: #ffffff !important;;
}

.bg-brand-red {
    background: #F3565D !important;;
}

.font-brand-red {
    color: #F3565D !important;;
}

.flash-success {
    -webkit-animation: FLASH-SUCCESS-ANIMATION .3s linear infinite; /* Safari 4+ */
    -moz-animation: FLASH-SUCCESS-ANIMATION .3s linear infinite; /* Fx 5+ */
    -o-animation: FLASH-SUCCESS-ANIMATION .3s linear infinite; /* Opera 12+ */
    animation: FLASH-SUCCESS-ANIMATION .3s linear infinite; /* IE 10+, Fx 29+ */
}

.flash-info {
    -webkit-animation: FLASH-INFO-ANIMATION .3s linear infinite; /* Safari 4+ */
    -moz-animation: FLASH-INFO-ANIMATION .3s linear infinite; /* Fx 5+ */
    -o-animation: FLASH-INFO-ANIMATION .3s linear infinite; /* Opera 12+ */
    animation: FLASH-INFO-ANIMATION .3s linear infinite; /* IE 10+, Fx 29+ */
}

.flash-fail, .flash-error {
    -webkit-animation: FLASH-FAIL-ANIMATION .3s linear infinite; /* Safari 4+ */
    -moz-animation: FLASH-FAIL-ANIMATION .3s linear infinite; /* Fx 5+ */
    -o-animation: FLASH-FAIL-ANIMATION .3s linear infinite; /* Opera 12+ */
    animation: FLASH-FAIL-ANIMATION .3s linear infinite; /* IE 10+, Fx 29+ */
}

.flash-warn, .flash-warning {
    -webkit-animation: FLASH-WARN-ANIMATION .3s linear infinite; /* Safari 4+ */
    -moz-animation: FLASH-WARN-ANIMATION .3s linear infinite; /* Fx 5+ */
    -o-animation: FLASH-WARN-ANIMATION .3s linear infinite; /* Opera 12+ */
    animation: FLASH-WARN-ANIMATION .3s linear infinite; /* IE 10+, Fx 29+ */
}

.pulse-fail {
    -webkit-animation: PULSE-FAIL-ANIMATION 1s linear infinite; /* Safari 4+ */
    -moz-animation: PULSE-FAIL-ANIMATION 1s linear infinite; /* Fx 5+ */
    -o-animation: PULSE-FAIL-ANIMATION 1s linear infinite; /* Opera 12+ */
    animation: PULSE-FAIL-ANIMATION 1s linear infinite; /* IE 10+, Fx 29+ */
}

.pulse-fail-slow {
    -webkit-animation: PULSE-FAIL-ANIMATION 2s ease infinite; /* Safari 4+ */
    /*-moz-animation: PULSE-FAIL-ANIMATION 2s linear infinite; !* Fx 5+ *!*/
    /*-o-animation: PULSE-FAIL-ANIMATION 2s linear infinite; !* Opera 12+ *!*/
    /*animation: PULSE-FAIL-ANIMATION 2s linear infinite; !* IE 10+, Fx 29+ *!*/
}

.pulse-success-slow {
    -webkit-animation: PULSE-SUCCESS-ANIMATION 2s ease infinite; /* Safari 4+ */
    /*-moz-animation: PULSE-SUCCESS-ANIMATION 2s ease-out infinite; !* Fx 5+ *!*/
    /*-o-animation: PULSE-SUCCESS-ANIMATION 2s ease-out infinite; !* Opera 12+ *!*/
    /*animation: PULSE-SUCCESS-ANIMATION 2s ease-out infinite; !* IE 10+, Fx 29+ *!*/
}

.pulse-warning-slow {
    -webkit-animation: PULSE-WARNING-ANIMATION 2s ease infinite; /* Safari 4+ */
    /*-moz-animation: PULSE-WARNING-ANIMATION 2s linear infinite; !* Fx 5+ *!*/
    /*-o-animation: PULSE-WARNING-ANIMATION 2s linear infinite; !* Opera 12+ *!*/
    /*animation: PULSE-WARNING-ANIMATION 2s linear infinite; !* IE 10+, Fx 29+ *!*/
}

@-webkit-keyframes FLASH-SUCCESS-ANIMATION {
    50% {
        background-color: #23D160; /*rgb(117, 209, 63);*/
    }
}

@-webkit-keyframes FLASH-INFO-ANIMATION {
    50% {
        background-color: #3598dc; /*rgb(117, 209, 63);*/
        color: #fff;

    }
}

@-webkit-keyframes PULSE-FAIL-ANIMATION {
    50% {
        background-color: #E35B5A;
    }
}

@-webkit-keyframes PULSE-SUCCESS-ANIMATION {
    50% {
        background-color: #1BBC9B;
    }
}

@-webkit-keyframes PULSE-WARNING-ANIMATION {
    50% {
        background-color: #F7CA18;
    }
}

@-webkit-keyframes FLASH-FAIL-ANIMATION {
    50% {
        background-color: #FF3860; /* rgb(255, 0, 0);*/
    }
}

@-webkit-keyframes FLASH-WARN-ANIMATION {
    50% {
        background-color: #F3C200; /*#ffff00;*/
    }
}

.vertical-text {
    writing-mode: vertical-rl;
    text-orientation: upright;
}

.shipment-status-label.label {
    font-size: 12px;
}

.label-md, .label-md:not(.md-skip) {
    font-size: 14px;
}

.label-lg, .label-lg:not(.md-skip) {
    font-size: 16px;
}

.hide-overflow {
    /* Note must be combined with a max-width class to work */
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}


/* For Shipment/Picklist Status Labels */
.progress-heading {
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 5px;
}

.grid-equal-columns {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
}

.grid-flex {
    display: flex;
    flex-direction: row;
    /*justify-content:space-evenly;*/

}

.grid-flex-space-between {
    display: flex;
    flex-direction: row;
    justify-content:space-between;
}

.grid-flex-15 {
    display: flex;
    flex-direction: row;
    /*justify-content:space-evenly;*/
    column-gap: 15px;
}

/* Override default padding in Bootstrap for small elements*/
.input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn, .input-sm {
    padding: 5px;
}

/* Add new stile for input-xs */
.input-xs {
    font-family: Roboto, 'Open Sans', sans-serif;
    height: 20px;
    padding: 2px;
    font-size: 10px;
    line-height: 1;
    border-radius: 3px;
}


/*Blinker moved here from shipper so it can be*/
.blinker {
    animation: blinkMe 2s linear infinite;
}

@keyframes blinkMe {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

/* iPad Styles */
@media (max-width: 1280px) {

    .container-fluid, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
        padding-left: 5px;
        padding-right: 5px;
    }

    .row {
        margin-left: -5px;
        margin-right: -5px;
    }


}

/*End iPad Styles*/


/************ LOADING ANIMATION ***************/
/*************** HEART ****************/
/*https://loading.io/css/*/
.lds-heart {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 32px;
    /*height: 80px;*/
    transform: rotate(45deg);
    transform-origin: 40px 40px;
}

.lds-heart div {
    top: 20px;
    left: 20px;
    position: absolute;
    width: 16px;
    height: 16px;
    /*width: 32px;*/
    /*height: 32px;*/
    background: #e7cbf3;
    /*background: #d6a4eb;*/
    /*background: #c57de3;*/

    /*background: #fcf;*/
    animation: lds-heart 1.2s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
}

.lds-heart div:after,
.lds-heart div:before {
    content: " ";
    position: absolute;
    display: block;
    width: 16px;
    height: 16px;
    /*width: 32px;*/
    /*height: 32px;*/
    background: #e7cbf3;
    /*background: #d6a4eb;*/
    /*background: #c57de3;*/
    /*background: rgb(191 85 236);*/

    /*mix-blend-mode: overlay;*/
    /*background: #BF55EC;*/
    /*background: #fcf;*/
}

.lds-heart div:before {
    left: -15px;
    /*left: -24px;*/
    border-radius: 50% 0 0 50%;
}

.lds-heart div:after {
    top: -15px;
    /*top: -24px;*/
    border-radius: 50% 50% 0 0;
}

@keyframes lds-heart {
    0% {
        transform: scale(0.95);
    }
    5% {
        transform: scale(1.1);
    }
    39% {
        transform: scale(0.85);
    }
    45% {
        transform: scale(1);
    }
    60% {
        transform: scale(0.95);
    }
    100% {
        transform: scale(0.9);
    }
}

/********** END LOADING ANIMATION ***********/

/*Fix FontAwesome 5 */
/*MENU ICONS WHITE*/
/*.page-header-menu ul.nav li.menu-dropdown ul.dropdown-menu li a.nav-link > i.fas,*/
/*.page-header-menu ul.nav li.menu-dropdown ul.dropdown-menu li a.nav-link > i.far*/
/*{*/
/*    !*color: #4B77BE;*!*/
/*    color: #3598DC;*/
/*}*/
.portlet.light > .portlet-title .caption > i {
    font-weight: 900;
}

.portlet.light > .portlet-title .caption {
    color:#777;
}

.portlet.light > .portlet-title .caption > .caption-subject {
   font-size: 16px;
}

.portlet-title .tools a.expand{
    background-image: url(/theme/assets/global/img/portlet-expand-icon.png);
    width: 14px;
    visibility: visible;
}

.dropdown-submenu > a:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

/*User Actions dropdown*/
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-menu {

    font-family: "Poppins", sans-serif;

}

.ups-bg:before {
    background-color: #351C15;
}

.line-height-unset {
    line-height: unset !important;
}

.modal-header  .close, .modal-content button.close {
    background-image: unset!important;
    text-indent: unset!important;
    width: unset;
    height: unset;
    font-size: 5rem;
    line-height: 2rem;
}

/*Fix menu dropdown arrow icons in Mobile only*/
@media (max-width: 991px) {
    .page-header .page-header-menu .hor-menu .navbar-nav li > a > .arrow:after {
        font-family: inherit;
        font-weight: inherit;
    }
}

/*XS Screens*/
@media (max-width: 576px) {

    .portlet.light{
        padding:10px 5px 15px 5px;
    }

    /*.modal-header .close{*/
    /*    font-size: 5rem;*/
    /*}*/
}


.page-header .page-header-menu.fixed {
    z-index: 1000002;
}

/*Stock Transfers Table*/
#stock_transfers_table .product-description {
    max-width: 500px;
}

#stock_transfers_table .form-control[readonly].notes-textarea{
    background-color:inherit;
}

/*End Stock Transfers Table*/