body {
    padding-top: 50px;
    padding-bottom: 20px;
}

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


/* Carousel */
.carousel-caption p {
    font-size: 20px;
    line-height: 1.4;
}

/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".svg"] {
    width: 100%;
}

/* Metronic adjustments */
.portlet.light > .portlet-title {
    padding: 0;
    min-height: 48px;
}

.hiddenRegisterDiv > .portlet-title {
    margin-top: 10px;
    min-height: 48px;
}

.portlet-title > span {
    font-size: 40px;
}

.mt-radio {
    margin-bottom: 8px;
    margin-right: 45px;
}

.table thead tr th {
    font-size: 15px;
    font-weight: 600;
}

.breadcrumb {
    color: #b5b5b5 !important;
}

.page-content-wrapper .page-content .page-title {
    margin-bottom: 5px !important;
}

.fourVolumeInputs {
    display: inline-block;
    width: 100% !important;
    vertical-align: middle;
}

.nav-pills, .nav-tabs {
    margin-bottom: 0px;
}
/*.btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
    padding: 8px 30px 7px;
}*/
.table td, .table th {
    font-size: 15px;
}

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

.table-scrollable > .table-bordered > tbody > tr:last-child > td {
    border: 1px solid #e7ecf1;
}

.radio-table {
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 15px;
    padding-left: 0;
}

body .datepicker {
    z-index: 10000 !important;
}

.work-request-notification {
    font-size: 20px;
}

    .work-request-notification > a {
        display: flex;
        height: 100%;
        padding: 25px 10px !important;
    }

        .work-request-notification > a:hover {
            background-color: #2E3864 !important;
        }

        .work-request-notification > a:focus {
            background: 0 0 !important;
        }

        .work-request-notification > a > span {
            margin-left: -5px;
        }

@media screen and (max-width:640px) {
    .work-request-notification > a {
        padding: 15px 5px !important;
    }
}

/* Datetime picker adjustments */

input[type=date].form-control,
input[type=time].form-control,
input[type=datetime-local].form-control,
input[type=month].form-control {
    line-height: inherit !important;
    min-height: 34px !important;
}

.div-loading {
    width: 100%;
    text-align: center;
}
.div-loading .loader {
    display: inline-block;
}

/*
    bringIT pattern styles for Metronic theme

    Created at 2017-06-21 by Gustavo Matias
    Version 1.0
*/
/* COLORS ========================================================== */
.font-blue-bringit {
    color: #1E2543 !important;
}

.bg-blue-bringit {
    background-color: #1E2543 !important;
}

.font-greylight-bringit {
    color: #d6d6d6 !important;
}

.bg-greylight-bringit {
    background-color: #d6d6d6 !important;
}

.font-greydark-bringit {
    color: #ababab !important;
}

.bg-greydark-bringit {
    background-color: #ababab !important;
}

.font-orangelight-bringit {
    color: #f28200 !important;
}

.bg-orangelight-bringit {
    background-color: #f28200 !important;
}

.font-orangedark-bringit {
    color: #9d5400 !important;
}

.bg-orangedark-bringit {
    background-color: #9d5400 !important;
}

.font-greenlight-bringit {
    color: #00ff48 !important;
}

.bg-greenlight-bringit {
    background-color: #00ff48 !important;
}

.font-greendark-bringit {
    color: #00b233 !important;
}

.bg-greendark-bringit {
    background-color: #00b233 !important;
}

/* BOOTSTRAP COMPONENTS ========================================================== */

.btn-danger {
    background-color: #f28200;
    border-color: #ed6100;
}

    .btn-danger:hover,
    .btn-danger:focus {
        background-color: #ed6100;
        border-color: #ed6100;
    }

.btn-warning {
    background-color: #00b233;
    border-color: #00a122;
}

    .btn-warning:hover,
    .btn-warning:focus {
        background-color: #00a122;
        border-color: #00a122;
    }


/* LOGIN ========================================================== */

/*.login {
    background-color: #334455 !important;
}*/

.login .logo {
    width: 300px;
    margin: 90px auto 20px auto;
    padding: 15px;
    text-align: center;
}

    .login .logo img {
        width: 100%;
    }

.login .content {
    background-color: #fff;
    width: 360px;
    margin: 0 auto;
    margin-bottom: 0px;
    padding: 30px;
    padding-top: 50px;
    padding-bottom: 40px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    border-radius: 7px;
}

    .login .content h3 {
        color: #000;
    }

    .login .content h4 {
        color: #555;
    }

    .login .content p {
        color: #222;
    }

    .login .content .login-form,
    .login .content .forget-form {
        padding: 0px;
        margin: 0px;
    }

    .login .content .input-icon {
        border-left: 2px solid #44B6AE !important;
    }

    .login .content .input-icon {
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        border-radius: 4px;
    }

        .login .content .input-icon .form-control {
            border-left: 0;
        }

    .login .content .forget-form {
        display: none;
    }

    .login .content .register-form {
        display: none;
    }

    .login .content .form-title {
        font-weight: 300;
        margin-bottom: 25px;
    }

    .login .content .form-actions {
        background-color: #fff;
        clear: both;
        border: 0px;
        border-bottom: 1px solid #eee;
        padding: 0px 30px 25px 30px;
        margin-left: -30px;
        margin-right: -30px;
    }

    .login .content .forget-form .form-actions {
        border: 0;
        margin-bottom: 0;
        padding-bottom: 20px;
    }

    .login .content .register-form .form-actions {
        border: 0;
        margin-bottom: 0;
        padding-bottom: 0px;
    }

    .login .content .form-actions .rememberme {
        margin-top: 8px;
        display: inline-block;
    }

    .login .content .form-actions .btn {
        margin-top: 1px;
    }

    .login .content .forget-password {
        margin-top: 25px;
    }

    .login .content .create-account {
        border-top: 1px dotted #eee;
        padding-top: 10px;
        margin-top: 15px;
    }

        .login .content .create-account a {
            display: inline-block;
            margin-top: 5px;
        }

    /* select2 dropdowns */
    .login .content .select2-container {
        border-left: 2px solid #44B6AE !important;
    }

        .login .content .select2-container .select2-choice {
            border-left: none !important;
        }

        .login .content .select2-container i {
            display: inline-block;
            position: relative;
            color: #ccc;
            z-index: 1;
            top: 1px;
            margin: 4px 4px 0px -1px;
            width: 16px;
            height: 16px;
            font-size: 16px;
            text-align: center;
        }

    .login .content .has-error .select2-container i {
        color: #b94a48;
    }

    .login .content .select2-container a span {
        font-size: 13px;
    }

        .login .content .select2-container a span img {
            margin-left: 4px;
        }

/* footer copyright */
.login .copyright {
    text-align: center;
    margin: 0 auto;
    padding: 10px;
    color: #999;
    font-size: 13px;
}



/* TOPBAR ========================================================== */

.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-menu {
    width: auto;
    min-width: 190px;
}

.page-header.navbar .menu-toggler.sidebar-toggler {
    float: right;
    margin: 25px 0 0;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li a .details .label-icon {
    padding: 4px !important;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle > img {
    border: 1px solid #aeb2c4;
}

.page-header.navbar .environment-message {
    width: 300px;
    margin: 0 auto;
    color: white;
    font-weight: 500;
    padding: 21px 0px 10px;
    border-bottom: 2px solid orange;
    height: 43px;
}

/* USER NOTIFICATIONS AT TOPBAR ========================================================== */
#user-notifications-dropdown > a > span.scale-down {
    transform: scale(.1);
}

#user-notifications-dropdown > a > span.scale-up {
    transform: scale(2);
    transition: all .2s;
}

#user-notifications-dropdown > a > span.scale-none {
    transform: scale(1);
    transition: all .25s;
}


/****************** BRINGIT PATTERN **********************/


.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover {
    background-color: #2E3864 !important;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle > a:hover {
    background-color: #2E3864 !important;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle {
    background-color: #2E3864 !important;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a.bordermenu {
    border-bottom: 1px solid #646b89 !important;
}


.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
    padding: 21px 10px 18px;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username {
    color: white;
    font-weight: 500;
}

ul.dropdown-menu.dropdown-menu-default {
    border-bottom-color: #2E3864 !important;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu {
    background: white !important;
    max-height: 200px;
    width: 280px;
}

    .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li.divider {
        background: #9198b1 !important;
        margin: 3px 0 !important;
    }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li > a:hover {
        background-color: #fff !important;
    }

.dropdown-wms {
    border: 1px solid #ccc !important;
    box-shadow: 0 2px 10px rgba(0,0,0,.2);
    border-radius: 2px;
}

    .dropdown-wms .user-identification {
        height: 112px;
    }

        .dropdown-wms .user-identification .picture {
            width: 96px;
            margin: 8px;
            float: left;
        }

        .dropdown-wms .user-identification .data {
            width: 150px;
            float: left;
            overflow: hidden;
            text-overflow: ellipsis;
            margin: 10px 0px 0px 10px;
        }

            .dropdown-wms .user-identification .data .email {
                color: #666;
            }

    .dropdown-wms .action {
        padding: 10px;
        border-top: 1px solid #ccc;
        background: #f5f5f5;
        height: 60px;
    }

        .dropdown-wms .action .btn-exit {
            width: 100px;
            color: #666 !important;
        }

.login .content {
    padding-top: 20px !important;
    padding-bottom: 30px !important;
}

.bgimglogo {
    width: 65%;
    margin-bottom: 2%;
}

.bglogo {
    width: 20%;
    margin-bottom: 2%;
}


.print-bt {
    width: 100%;
    padding-top: 25px;
}

.deleteable {
    width: unset !important;
    height: unset !important;
}

.accordion .panel .panel-title .accordion-toggle.accordion-toggle-styled.collapsedetails.collapsed {
    background-position: left 5px top 10px !important;
}

.accordion .panel .panel-title .accordion-toggle.accordion-toggle-styled.collapsedetails {
    background-position: left 5px top -20px !important;
    margin-right: 0px !important;
}

.accordion .panel .panel-title .accordion-toggle.collapsedetails {
    padding: 15px 12px !important;
}

pre.form-control.notdisabled {
    background-color: #f9f9f9 !important;
}

.table.table-bordered.lig {
    background-color: #f9f9f9 !important;
    margin-top: 10px;
}

pre {
    display: flex;
    white-space: normal;
    word-break: break-word;
}

.yellowCell {
    background-color: #fffced;
}

.redCell {
    background-color: #ffeded;
}

.greyCell {
    background-color: #fcf6f6;
}

.blueCell {
    background-color: #ecf8ff;
}

.greenCell {
    background-color: #f2ffed;
}

.purpleCell {
    background-color: #f3f0ff;
}

.highlightCell {
    background-color: #fffeb4;
}

/* **********  */



.mt-element-list .list-default.mt-list-container ul > .mt-list-item.done > .list-item-content > .uppercase.order-pick-list {
    font-size: 24px !important;
    font-weight: 600 !important;
}

.mt-element-list .list-default.mt-list-container ul > .mt-list-item > .list-item-content > .uppercase.order-pick-list {
    font-size: 24px !important;
    font-weight: 600 !important;
}

.mt-element-list .list-default.mt-list-container ul > .mt-list-item > .list-item-content.picking-list {
    padding: 0px !important;
}

.mt-element-list .list-default.mt-list-container ul > .mt-list-item > .list-item-content.item-description {
    padding: 7px !important;
}

.mt-element-list .list-default.mt-list-container ul > .mt-list-item > .list-datetime {
    width: auto !important;
}

.mt-element-list .list-default.ext-1.mt-list-container ul > .mt-list-item {
    padding: 7px;
    padding-left: 0px;
    padding-right: 5px;
}

.pick-name-list {
    font-size: 15px;
    color: #6f6f6f;
    margin-bottom: 15px;
}

.mt-element-list .list-default.ext-1.mt-list-container {
    padding: 0px !important;
}

    .mt-element-list .list-default.ext-1.mt-list-container ul > .mt-list-item.pick-grey-label {
        border-color: #bac3d0 #bac3d0 #e7ecf1 !important;
    }

    .mt-element-list .list-default.ext-1.mt-list-container ul > .mt-list-item.pick-yellow-label {
        border-color: #f1c40f #f1c40f #e7ecf1 !important;
    }

    .mt-element-list .list-default.ext-1.mt-list-container ul > .mt-list-item.pick-red-label {
        border-color: #ed6b75 #ed6b75 #e7ecf1 !important;
    }

    .mt-element-list .list-default.ext-1.mt-list-container ul > .mt-list-item.pick-green-label {
        border-color: #36c6d3 #36c6d3 #e7ecf1 !important;
    }

    .mt-element-list .list-default.ext-1.mt-list-container ul > .mt-list-item.pick-blue-label {
        border-color: #337ab7 #337ab7 #e7ecf1 !important;
    }

.mt-element-list .list-default.mt-list-head.blue-chambray.ext-1 .badge.badge-default {
    background-color: #bac3d0 !important;
}

.mt-element-list .list-default.mt-list-head.blue-chambray.ext-1 .badge.badge-warning {
    background-color: #f1c40f !important;
}

.mt-element-list .list-default.mt-list-head.blue-chambray.ext-1 .badge.badge-danger {
    background-color: #ed6b75 !important;
}

.mt-element-list .list-default.mt-list-head.blue-chambray.ext-1 .badge.badge-success {
    background-color: #36c6d3 !important;
}

.mt-element-list .list-default.mt-list-head .list-title {
    font-size: 16px !important;
}

.mt-element-list .list-default.mt-list-head {
    padding: 7px !important;
}

    .mt-element-list .list-default.mt-list-head.blue-chambray .list-date, .mt-element-list .list-default.mt-list-head.blue-chambray .list-label {
        color: #e1e1e1 !important;
    }

.mt-element-list .list-default.mt-list-container ul > .mt-list-item > .list-item-content > h3 > a:hover {
    color: #34495e;
}

.mt-element-list .list-default.mt-list-head.blue-chambray {
    background-color: #1E2543 !important;
}

.table.blue-chambray th {
    background-color: #1E2543;
    border-color: dimgray;
    color: white;
}

.mt-element-list .list-default.mt-list-container ul > .mt-list-item > .list-item-content > h3 > a {
    color: #1E2543 !important;
}

.page-header.navbar .search-form .input-group .form-control {
    color: #fff !important;
}

    .page-header.navbar .search-form .input-group .form-control:hover {
        color: #fff !important;
    }

    /*.btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) > i {
    margin-top: 0;
    margin-left: 8px!important;
    margin-right: 1px!important;
}*/

    .page-header.navbar .search-form .input-group .form-control::-moz-placeholder {
        color: #eee !important;
        font-size: 14px !important;
        opacity: 1;
    }

    .page-header.navbar .search-form .input-group .form-control::-webkit-input-placeholder {
        color: #eee !important;
        font-size: 14px !important;
        opacity: 1;
    }

.form-control input-sm {
    height: 29px;
}

.form-control::-moz-placeholder {
    color: #eee !important;
    font-size: 14px !important;
    opacity: 1;
}

.form-control::-webkit-input-placeholder {
    color: #eee !important;
    font-size: 14px !important;
    opacity: 1;
}

::-webkit-input-placeholder {
    color: #eee !important;
    font-size: 14px !important;
    opacity: 1;
}

placeholder {
    color: #eee !important;
    font-size: 14px !important;
    opacity: 1;
}

/* Titulo azul portlet */
span.font-blue-bringit.bold.uppercase {
    font-size: 16px;
}

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

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

.labelSize14, pre {
    font-size: 14px !important;
}

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

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

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

.labelSize128 {
    font-size: 128px !important;
}

.submitButton {
    width: 140px !important;
}

/*Botão da tela de consultar plp*/
.searchConsultPlp {
    width: 110px;
    padding: 8px 14px 7px;
}

/*28px de padding do topo */
.topPadding28 {
    padding-top: 28px;
}
/*25px de padding do topo */
.topPadding25 {
    padding-top: 25px;
}
/*10px de padding do topo */
.topPadding10 {
    padding-top: 10px !important;
}
/*15px de padding do topo */
.topPadding15 {
    padding-top: 15px;
}

/*15px de padding bottom */
.bottomPadding10 {
    padding-bottom: 10px;
}

/*12px de padding a esquerda */
.leftPadding2 {
    padding-left: 2px;
}

/*0px de padding bottom */
.leftPadding0 {
    padding-left: 0px !important;
}

/*5px de padding left */
.leftPadding15 {
    padding-left: 15px !important;
}

/*10px de padding right */
.rightPadding10 {
    padding-right: 10px;
}
/*4px de padding right */
.rightPadding4 {
    padding-right: 4px;
}
/*0px de padding right */
.rightPadding0 {
    padding-right: 0px !important;
}
/*0px de padding bottom */
.bottomPadding0 {
    padding-bottom: 0px !important;
}
/*0px de margin bottom */
.marginBottom0 {
    margin-bottom: 0px !important;
}
/*5px de margin bottom */
.marginBottom5 {
    margin-bottom: 5px !important;
}
/*5px de margin right */
.marginRight5 {
    margin-right: 5px !important;
}
/*10px de margin right */
.marginRight10 {
    margin-right: 10px !important;
}
/*5px de margin left */
.marginLeft5 {
    margin-left: 5px !important;
}
/*10px de margin bottom */
.marginBottom10 {
    margin-bottom: 10px !important;
}
/*20px de margin top */
.margintop20 {
    margin-top: 20px !important;
}
/*10px de margin top */
.margintop10 {
    margin-top: 10px !important;
}
/*30px de margin top */
.margintop30 {
    margin-top: 30px !important;
}
/*5px de margin top */
.margintop5 {
    margin-top: 5px !important;
}

/*15px de margin top */
.margintop15 {
    margin-top: 15px !important;
}
/*0px de padding */
.padding0 {
    padding: 0px !important;
}
/*3px de padding */
.padding3 {
    padding: 3px !important;
}

/*5px de padding */
.padding5 {
    padding: 5px !important;
}

/*0px de padding */
.paddingBT0 {
    padding-bottom: 0px !important;
    padding-top: 0px !important;
}

/*0px de padding */
.paddingLR0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

/*0px de padding */
.paddingLR5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.obsTxtBox {
    max-width: none;
    min-width: 500px;
}

.plpGerar {
    padding-right: 0;
    padding-top: 0;
}

.zeroMargins {
    margin-left: 0px;
    margin-right: 0px;
}

.h5style {
    font-weight: 500;
    margin-top: 25px;
}

.marginsRow {
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 10px;
}

.tableBorder {
    border: 1px solid #353535;
    margin-bottom: 0px;
}

.legendPLP {
    display: inline;
    margin-top: 5px;
    font-size: 12px;
}

.linksHome {
    text-align: left !important;
    font-size: 14px !important;
    padding-left: 10px !important;
}

.borderPortlet {
    border-bottom: 1px solid #eef1f5;
}

.chartDayPortlet {
    width: 100%;
    height: 400px;
}

.chartWeekPortlet {
    width: 100%;
    height: 400px;
}

.chartTimePortlet {
    width: 100%;
    height: 380px;
}

.chartPerformancePortlet {
    width: 100%;
    height: 390px;
}

.sadFace {
    margin-right: -72px;
    opacity: 0.3;
}

.empImg {
    margin-right: -50px;
    margin-top: -55px;
    opacity: 0.1;
    width: 22%;
}

.collapseList {
    height: 0px !important;
    padding: 15px !important;
}

.divSeparation {
    padding-left: 12px !important;
    padding-right: 0px !important;
    margin-right: 20px !important;
}

.padLeftRight {
    padding-left: 0px;
    padding-right: 10px;
}

.pointer {
    cursor: pointer;
}

.orderHeader {
    padding: 10px 13px 10px 3px !important;
}

.divSelect {
    padding: 8px 10px 7px !important;
}

.pickingRibbon {
    height: 55px !important;
    margin-bottom: 15px !important;
}

.pickingColor {
    margin: 8px 0 0 -2px !important;
}

.ribbonContent {
    font-size: 20px;
    padding: 0px !important;
    padding-top: 14px !important;
    margin-left: 100px !important;
    clear: none !important;
}

.height80 {
    height: 80px !important;
}

.height30 {
    height: 30px !important;
}

.minwidth30 {
    min-width: 30px !important;
}

.middleIcon {
    vertical-align: middle;
}

.boxButton {
    width: 30px !important;
    padding-left: 3px !important;
}

.topMenuLink {
    padding: 10px !important;
    height: 40px !important;
}

.removeInventory {
    width: 40px !important;
    height: 38px !important;
    padding: 0px !important;
}

.unfreezeInventory {
    width: 40px !important;
    height: 38px !important;
    padding: 0px !important;
}

.inventoryDiv {
    padding-right: 0;
    text-align: center;
    padding-top: 15px;
}

.txtArea {
    max-width: none;
    min-width: 500px;
}

.activePage {
    color: #fff !important;
    background-color: #337ab7 !important;
}

.page-header.navbar .search-form {
    background: transparent !important;
}


/*PICKING INCOMPLETE*/
.mt-element-step .step-thin .notdone .mt-step-number {
    color: #999 !important;
    margin-right: 10px;
    text-align: center;
    border-radius: 0 !important;
    padding: 11px 14px !important;
}

.mt-element-step .step-thin .notdone {
    background-color: #999 !important;
}

    .mt-element-step .step-thin .notdone .mt-step-content, .mt-element-step .step-thin .notdone .mt-step-title {
        color: #fff !important;
        padding-left: 80px;
    }

.mt-element-step .step-thin .mt-step-description {
    padding: 5px 0 5px 80px;
    margin-bottom: 5px;
    color: white;
}

.mt-element-step .step-thin .mt-step-unitquantity {

}

.mt-element-step .step-thin .mt-step-unitmeasure {
    margin: 0;
    font-size: 15px !important;
}

.mt-element-step .step-thin .mt-step-totalquantity {
    color: white !important;
    margin-bottom: 6px;
    padding-left: 80px;
}



/* LOADER ========================================================== */

.loader {
    border: 6px solid #1E2543;
    border-radius: 50%;
    border-top: 6px solid #f3f3f3;
    width: 60px;
    height: 60px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

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

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

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


/*Grupo de botões da lista de pedido*/
.group-border {
    border-radius: 5px;
    padding: 2px;
    margin-left: 2px;
}

.table-striped-4n2 > tbody > tr:nth-child(4n+2) {
    background-color: #FBFCFD;
}

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


/*separation view*/
/*
labelColor = "pick-green-label";
labelClass = "label-success";
*/
.mt-list-item.status-awaiting {
    border-color: #36c6d3 #36c6d3 #e7ecf1 !important;
}

.label.status-awaiting {
    background-color: #36c6d3;
}

/*
labelColor = "pick-grey-label";
labelClass = "label-default";
*/
.mt-list-item.status-separation {
    border-color: #bac3d0 #bac3d0 #e7ecf1 !important;
}

.label.status-separation {
    background-color: #bac3d0;
}

.mt-list-item.status-in-storage {
    border-color: #bac3d0 #bac3d0 #e7ecf1 !important;
}

.label.status-in-storage {
    background-color: #bac3d0;
}

.mt-list-item.status-in-storage-and-separation {
    border-color: #bac3d0 #bac3d0 #e7ecf1 !important;
}

.label.status-in-storage-and-separation {
    background-color: #bac3d0;
}

/*
labelColor = "pick-red-label";
labelClass = "label-danger";
*/
.mt-list-item.status-pending {
    border-color: #ed6b75 #ed6b75 #e7ecf1 !important;
}

.label.status-pending {
    background-color: #ed6b75;
}

/*
      labelColor = "pick-yellow-label";
      labelClass = "label-warning";
    */
.mt-list-item.status-abandoned {
    border-color: #f1c40f #f1c40f #e7ecf1 !important;
}

.label.status-abandoned {
    background-color: #f1c40f;
}

.mt-list-item.send-today {
    border-color: #ffb266 #ffb266 #e7ecf1 !important;
}

.label.send-today {
    background-color: #ffb266;
}

.label.delayed {
    background-color: red;
}

.active-picking-filter > .list-label {
    text-decoration: underline;
}

@media (max-width: 767px) {
    .page-header.navbar .search-form {
        margin-right: 0px !important;
    }
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
    /* Hide captions */
    .carousel-caption {
        display: none;
    }
    /*.dropdown-user, .page-top {
        display: none !important;
    }*/
}

/******************** TELAS COM RESOLUÇÃO SUPERIOR A 480 */
@media screen and (min-width: 481px) {

    .desktopChange, .mxnavbar {
        display: block;
    }

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

    .mobileChange,
    .navsearch,
    .mobileDashboard,
    .xsmenuclick,
    .xsportlight,
    .xsportlightp {
        display: none;
    }

    .page-header.navbar .search-form {
        background: transparent !important;
    }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover, .page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle > a:hover, .page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle {
        height: 63px;
    }

    .page-header-fixed .page-container {
        margin-top: 65px;
    }

    .page-header.navbar {
        min-height: 65px !important;
        height: 65px !important;
        border-bottom: 1px solid #1E2543 !important;
    }

        .page-header.navbar .top-menu .navbar-nav > li.dropdown {
            height: 65px;
        }

    /*Div com todos os dados do usuario na barra superior*/
    .user-top {
        height: 75px !important;
        float: right !important;
    }
}

/****************** TELAS COM RESOLUÇÃO MOBILE */
@media screen and (max-width:640px) {

    #divError {
        padding-left: 2px !important;
    }

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

    #sadEmpilhadeira,
    #imgEmpilhadeira,
    .desktopChange,
    .hide-on-mobile {
        display: none;
    }

    .mobileChange, .xsmenuclick {
        display: block;
    }

    /*Barra de navegação mobile*/
    .page-sidebar-menu > li
    .page-header-inner {
        padding: 0 16px !important;
    }

    .mxnavbar {
        display: block;
        min-height: inherit !important;
        height: 48px !important;
        position: fixed !important;
        box-shadow: 0 0 4px rgba(0,0,0,.14), 0 4px 8px rgba(0,0,0,.28) !important;
    }

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

    .page-sidebar.navbar-collapse.collapse.in {
        margin-top: 49px !important;
    }

    .page-content-wrapper .page-content {
        padding: 4px 10px 10px !important;
        overflow: hidden;
        margin-top: 49px !important;
        min-height: 280px;
    }

    /*Dashboard mobile */
    .mobileDashboard {
        padding: 12px 15px 12px 15px !important;
    }

    /*Painel dentro de um collapse na dashboard mobile*/
    .xsdashbody {
        padding: 8px !important;
    }

    /*Imagem do logo mobile*/
    .xslogo {
        margin-top: 8px !important;
        height: 32px !important;
    }

    .page-logo {
        height: 48px !important;
        padding-right: 0 !important;
    }
    /*Painel dentro de um collapse mobile*/
    .xspbody {
        padding: 0px !important;
    }

    /*Nome do botão do collapse mobile*/
    .xslink {
        font-size: 18px !important;
    }

    /*portlet light bordered mobile*/
    .xsportlet {
        margin-bottom: 0px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        padding-top: 5px !important;
    }

    /*Labels mobile*/
    .xslabel, .xslink {
        font-size: 18px !important;
    }

    /*Input mobile*/
    .xsinput {
        font-size: 17px !important;
    }

    /*Panel Body de tabela mobile*/
    .xspanelbody {
        padding: 0px;
    }

    /*tabela scrollable mobile*/
    .xstablescroll {
        margin: 0px !important;
    }

    /*td da tabela mobile*/
    .xstd {
        font-size: 13px !important;
        color: #9E9E9E !important;
        vertical-align: middle !important;
    }

    .xsqtd {
        padding: 5px !important;
        margin-top: 30px !important;
        font-size: 16px !important;
    }

    .xsqtd2 {
        padding: 5px !important;
        font-size: 16px !important;
    }

    /*portlet light bordered mobile*/
    .xsportlight {
        padding: 7px 12px 5px 12px !important;
    }

    /*portlet light bordered mobile*/
    .xsportlightp {
        padding: 10px 15px 12px 15px !important;
    }

    /**/
    xsformgroup {
        margin-bottom: 5px !important;
    }

    /*Titulo mobile*/
    .xstitle {
        padding-bottom: 0px !important;
    }

    /*Breadcrumb mobile*/
    .xsbreadcrumb {
        padding-bottom: 8px !important;
        color: #9E9E9E !important;
    }

    /*Menu de navegação superior (3 tiras)*/
    .xsmenu {
        margin: 16px 0 0 0 !important;
        float: left !important;
    }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown {
        height: 35px !important;
        font-size: 14px;
    }

        .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle, .page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle, .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle, .page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle {
            padding: 0px !important;
        }

        .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover, .page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle > a:hover, .page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle {
            height: 33px;
        }

    .page-header.navbar .environment-message {
        font-size: 10px;
        /*width: 100px;*/
        padding: 10px 0 5px;
    }

    .navbar-nav > li:not(.work-request-notification) > a {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    .nav > li:not(.work-request-notification) > a, .xsdrop {
        padding: 0px !important;
    }

    /*imagem usuario*/
    .xsuser {
        height: 32px !important;
        margin-top: 8px !important;
    }

    .page-header.navbar .navsearch {
        float: right;
    }

        .page-header.navbar .navsearch .search-form {
            margin-top: 8px !important;
        }

            .page-header.navbar .navsearch .search-form .input-group {
                border: none !important;
            }

                .page-header.navbar .navsearch .search-form .input-group .input-group-btn .btn.submit > i {
                    color: white;
                }

    .username {
        margin-top: 8px !important;
        margin-right: 8px !important;
    }

    #xtopspc {
        margin-top: 3px !important;
    }

    .xsmenuser {
        display: none !important;
    }
}

@media (max-width: 480px) {
    /***
  Login page
  ***/
    .login .logo {
        margin-top: 10px;
    }

    .login .content {
        width: 280px;
    }

        .login .content h3 {
            font-size: 22px;
        }

    .login .checkbox {
        font-size: 13px;
    }
}

.list-filter {
    background: #f0f0f0;
    padding: 15px 20px 10px 20px;
}

.list-filter .mini-caption{
    float: left;
    position: absolute;
    margin: -22px 0px;
    background-color: #337ab7;
    padding: 0px 10px 2px 10px;
    border-radius: 5px;
    color: #FFF;
    font-size: smaller;
}


.badge-personalite {
    margin-top: 1px !important;
    position: relative !important;
    padding: 2px 3px !important;
    height: 15px !important;
}

.label-open {
    background-color: #efefef;
    color: black;
}

.label-canceled {
    background-color: #333;
}

.label-fail {
    background-color: #e7505a;
}

.label-returned {
    background-color: #9d67b3;
}

.label-refund {
    background-color: #555;
}

.label-awaittracking {
    background-color: #1f238d;
}

.label-awaitproduct {
    background-color: #f67280;
}

.label-awaitpick {
    background-color: #f2d663;
}

.label-abandoned {
    background-color: #ddb200;
}

.label-picked {
    background-color: #F1C40F;
}

.label-awaitconf {
    background-color: #f3a15a;
}

.label-conf {
    background-color: #ec852b;
}

.label-nf {
    background-color: #ecb07a;
}

.label-nfp {
    background-color: #ffb000;
}

.label-doc {
    background-color: #c36b00;
}

.label-pickup {
    background-color: #659be0;
}

.label-dispatch {
    background-color: #28b97d;
}

.label-processing {
    background-color: #f1c40f;
}

.label-error {
    background-color: #b94a48;
}

.label-semidispatch {
    background-color: #b75a60;
}

.label-dispatchno {
    background-color: #4da07e;
}

.label-expedition {
    background-color: #a0a0a0;
}

.label-reprocess {
    background-color: #dc737a;
}

.label-resend {
    background-color: #d8be56;
}

.label-import {
    background-color: #E079FF;
}

.label-default {
    background-color: #337ab7;
}

.icon-orderdiv {
    width: 24% !important;
    display: contents;
}

.icon-color-suspended {
    color: #F1C40F !important;
}

.icon-color-nf {
    color: #2ab4c0 !important;
}

.icon-color-nodanfe {
    color: #5daccc !important;
}

.icon-color-check {
    color: #37d44b !important;
}

.upside-itemscount {
    vertical-align: top !important;
    position: absolute !important;
    margin-left: -19px !important;
    margin-top: -9px !important;
    font-size: 9px !important;
    background-color: #b0c1d2 !important;
    height: 14px !important;
}

.upside-dayscount {
    vertical-align: top !important;
    position: absolute !important;
    margin-left: -13px !important;
    margin-top: -9px !important;
    font-size: 9px !important;
    background-color: #b0c1d2 !important;
    height: 14px !important;
}

.upside-obscount {
    vertical-align: top !important;
    position: absolute !important;
    margin-left: -10px !important;
    margin-top: -9px !important;
    font-size: 9px !important;
    background-color: #b0c1d2 !important;
    height: 14px !important;
}

/* reorganize the order list table in notebook screens */
@media screen and (max-width: 1550px) {
    .width-ordericon {
        width: 18% !important;
    }

    .width-order {
        width: 9% !important;
    }

    .width-magento {
        min-width: 11% !important;
    }

    .width-customer {
        width: 40% !important;
    }

    .width-shipping {
        width: 11% !important;
    }

    .width-nf {
        width: 4% !important;
    }
}
/* reorganize the order list table in larger than notebook screens */
@media screen and (min-width: 1551px) {
    .width-ordericon {
        width: 11% !important;
    }

    .width-order {
        width: 8% !important;
    }

    .width-magento {
        min-width: 10% !important;
    }

    .width-customer {
        width: 38% !important;
    }

    .width-shipping {
        width: 18% !important;
    }

    .width-nf {
        width: 8% !important;
    }
}

.tr-order-backcolor {
    background-color: #f3f4f6 !important;
}

.range-slider-color .irs-bar,
.range-slider-color .irs-bar-edge {
    background: #1E2543 !important;
}

.irs-from, .irs-to, .irs-single {
    background: #1982b7 !important;
}

    .irs-from:after, .irs-to:after, .irs-single:after {
        border-top-color: #1982b7 !important;
    }

/* new contagem style*/
.mt-check {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    box-shadow: 0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.18) !important;
}

    .mt-check:hover {
        box-shadow: 0 3px 6px rgba(0,0,0,.2),0 3px 6px rgba(0,0,0,.26) !important;
        cursor: pointer !important;
    }

.bg-check-dark {
    background: #287196 !important;
}

.bg-check-light {
    background: #4989AA !important;
}

.check-icon {
    color: #4ca5d2 !important;
}

.mt-check-icon {
    font-size: 24px;
    border-radius: 50% !important;
    float: left;
    margin: auto;
    padding: 3px 11px !important;
    height: 25px !important;
    width: 25px !important;
}

.mt-check-description {
    margin-top: -2px !important;
}

.mt-check-title {
    font-size: 18px;
    font-weight: 400;
    margin-top: -4px;
}

.font-white {
    color: white !important;
}

.top-check-style {
    margin-top: -7px !important;
    margin-left: -12px !important;
    margin-right: -12px !important;
}

@keyframes ring {
    0% {
        -webkit-transform: rotate(-15deg);
        -ms-transform: rotate(-15deg);
        transform: rotate(-15deg);
    }

    2% {
        -webkit-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    4% {
        -webkit-transform: rotate(-18deg);
        -ms-transform: rotate(-18deg);
        transform: rotate(-18deg);
    }

    6% {
        -webkit-transform: rotate(18deg);
        -ms-transform: rotate(18deg);
        transform: rotate(18deg);
    }

    8% {
        -webkit-transform: rotate(-22deg);
        -ms-transform: rotate(-22deg);
        transform: rotate(-22deg);
    }

    10% {
        -webkit-transform: rotate(22deg);
        -ms-transform: rotate(22deg);
        transform: rotate(22deg);
    }

    12% {
        -webkit-transform: rotate(-18deg);
        -ms-transform: rotate(-18deg);
        transform: rotate(-18deg);
    }

    14% {
        -webkit-transform: rotate(18deg);
        -ms-transform: rotate(18deg);
        transform: rotate(18deg);
    }

    16% {
        -webkit-transform: rotate(-12deg);
        -ms-transform: rotate(-12deg);
        transform: rotate(-12deg);
    }

    18% {
        -webkit-transform: rotate(12deg);
        -ms-transform: rotate(12deg);
        transform: rotate(12deg);
    }

    20% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

.icon-bell.animated {
    -webkit-animation: ring 2s ease infinite;
    animation: ring 2s ease infinite;
    transform-origin-x: 50%;
    transform-origin-y: 0px;
    transform-origin-z: initial;
}

.showRegisters {
    float: right;
    display: flex;
    margin-right: 10px;
}

    .showRegisters span {
        line-height: 35px;
        margin-right: 10px;
    }

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

.display-flex {
    display: flex;
    flex-wrap: wrap;
}

.display-block {
    display: block;
}

.center-align {
    text-align: center;
}

.left-align {
    text-align: left;
}

.right-align {
    text-align: right;
}

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

.roter-grid-row {
    display: inline-block;
    width: 100%;
}

.roter-grid-col {
    float: left;
}

.roter-grid-col-right {
    float: right;
}


.list-group-item.compact {
    padding: 5px 5px;
}

.btn-danger-unchanged {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}

.right-middle {
    position: absolute !important;
    top: 50%;
    right: 0%;
    transform: translate(-15%, -50%);
}

.preloader-js-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.15);
}

.preloader-js {
    position: fixed;
    top: 50%;
    left: 50%;
    width: fit-content;
    transform: translate(-50%, -50%);
    background-color: rgba(224, 235, 249, 0.75);
    padding: 25px;
    border-radius: 15px;
}

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}