/***************************
****************************
Do not edit it without designers permission
****************************
***************************/
/*-- // COMMON // --*/
.field-error {
    background: #D9534F;
    color: #fff;
    padding: 7px 10px;
    border-radius: 3px;
    font-size: 12px;
}

.btn-primary {
    background-color: #79658D;
    border-color: #493d55;
    color: #fff
}

    .btn-primary:hover {
        background-color: #493d55;
    }

.title-block h2 {
    color: #a2a2a2;
    font-weight: 300;
    font-size: 22px;
}

    .title-block h2 strong {
        color: #656565;
    }

.fa-round-border {
    border-radius: 50%;
    border: 1px solid;
    padding: 2px 4px;
}

.b-0 {
    border: 0;
}

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

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

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

.wd-auto {
    width: auto !important;
}
/*-- // NAVIGATION // --*/
.page-wrapper {
    margin: 0 0 0 188px;
    position: inherit;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

body.mini-navbar .page-wrapper {
    margin: 0 0 0 54px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

nav {
    font-family: "Roboto Condensed",sans-serif;
}

.navbar-static-side {
    position: absolute;
    width: 188px;
    z-index: 100;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
    height: 100%;
    background: #493d55
}

.toggler-top {
    border: 0;
    border-radius: 0 !important;
    color: #777 !important;
    margin: 0;
    padding: 13px 18px;
    line-height: 20px;
    margin-left: 0px;
}

.pt-8 {
    padding-top: 8px;
}

.toggler-top i {
    font-size: 26px;
    color: #7E7B8C;
}

.toggler-top:focus {
    outline: none;
}

body.mini-navbar .navbar-static-side {
    width: 54px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.nav-icon {
    background-image: url(../../images/nav-sprite.png);
    display: inline-block;
    height: 31px;
    margin-right: 8px;
    width: 31px;
    vertical-align: middle;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
    position: absolute;
}

body.mini-navbar span.nav-label {
    font-size: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
    opacity: 0;
}

span.nav-label {
    font-weight: 300;
    position: relative;
    vertical-align: middle;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
    font-size: 15px;
    opacity: 1;
    display: inline-block;
    /*padding-left: 35px;*/
    min-height: 30px;
}

body.mini-navbar .navbar-default .nav li a span:last-child {
    display: none;
}

.nav-icon.icon-da {
    background-position: -5px -5px;
}

.navbar-default .nav > li > a:hover .icon-da, .navbar-default .nav > li > a:focus .icon-da, .navbar-default .nav > li.active > a .icon-da {
    background-position: -5px -5px;
}

.nav-icon.icon-po {
    background-position: -5px -45px;
}

.navbar-default .nav > li > a:hover .icon-po, .navbar-default .nav > li > a:focus .icon-po, .navbar-default .nav > li.active > a .icon-po {
    background-position: -5px -45px;
}

.nav-icon.icon-sh {
    background-position: -5px -85px;
}

.navbar-default .nav > li > a:hover .icon-sh, .navbar-default .nav > li > a:focus .icon-sh, .navbar-default .nav > li.active > a .icon-sh {
    background-position: -5px -85px;
}

.nav-icon.icon-ct {
    background-position: -5px -125px;
}

.navbar-default .nav > li > a:hover .icon-ct, .navbar-default .nav > li > a:focus .icon-ct, .navbar-default .nav > li.active > a .icon-ct {
    background-position: -5px -125px;
}

.nav-icon.icon-tr {
    background-position: -5px -205px;
}

.navbar-default .nav > li > a:hover .icon-tr, .navbar-default .nav > li > a:focus .icon-tr, .navbar-default .nav > li.active > a .icon-tr {
    background-position: -5px -205px;
}

.nav-icon.icon-ex {
    background-position: -5px -245px;
}

.navbar-default .nav > li > a:hover .icon-ex, .navbar-default .nav > li > a:focus .icon-ex, .navbar-default .nav > li.active > a .icon-ex {
    background-position: -5px -245px;
}

.nav-icon.icon-ad {
    background-position: -5px -165px;
}

.qicon {
    background-image: url('../../images/nav-sprite.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    margin-left: 2px;
}

    .qicon.dashboard {
        background-position: 0 0px;
    }

    .qicon.shipment {
        background-position: 0 -40px;
    }

    .qicon.my-po {
        background-position: 0 -80px;
    }

    .qicon.reports {
        background-position: 0 -120px;
    }

    .qicon.forklift {
        background-position: 0 -160px;
    }

    .qicon.location {
        background-position: 0 -200px;
    }

    .qicon.users {
        background-position: 0 -200px;
    }

    .qicon.priority-request {
        background-position: 0 -235px;
    }

.nav-header {
    background: #fff none repeat scroll 0 0;
    font-size: 21px;
    font-weight: 300;
    padding: 1px 0px 1px;
    transition: all 0.5s ease;
    text-align: center
}

body.mini-navbar .nav-header {
    font-size: 0;
    padding: 0;
    transition: all 0.5s ease;
}

body.mini-navbar .navbar-default .nav > li.nav-header {
    height: 55px;
}

.navbar-default .nav > li.nav-header {
    border-left: 0;
    height: 55px;
}

.side-menu.nav {
    z-index: 200;
    position: relative;
}

.sidebar-collapse {
    height: 100%;
}

.navbar-default .nav > li > a {
    padding: 10px 5px 10px 5px;
    color: #fff;
    display: flex;
    align-items: center;
}

    .navbar-default .nav > li > a:hover, .navbar-default .nav > li.active > a {
        background-color: #3680bd;
        color: #fff
    }

.navbar-default .nav > li.has-child > a:focus {
    color: #fff;
    background: #493d55;
}

.navbar-default .nav > li.has-child.active > a:focus {
    color: #fff;
    background: #3680bd;
}

.navbar-default .nav > li > a.active {
    transition: all 0.5s ease;
}

body.mini-navbar .navbar-default .nav > li > a {
    font-size: 16px;
    transition: all 0.5s ease;
    display: block;
}

.navbar-default .nav > li > ul.nav.nav-second-level > li > a:hover {
    background-color: #3680bd;
    color: #fff;
}

.mini-navbar .navbar-default .nav > li > a {
    padding: 10px 20px 10px 5px;
}

.has-child .nav.nav-second-level > li > a {
    padding-left: 45px;
}

.nav-second-level {
    background: #62566f
}

.mini-navbar .nav-second-level {
    background-color: #62566f;
    font-size: 12px;
    left: 55px;
    padding: 0px;
    position: absolute;
    top: 0
}

body.mini-navbar:not(.fixed-sidebar):not(.canvas-menu) .nav-second-level {
    display: none !important
}

body.mini-navbar:not(.fixed-sidebar):not(.canvas-menu) .nav li:hover > .nav-second-level, .mini-navbar .nav li:focus > .nav-second-level {
    border-radius: 0 2px 2px 0;
    display: block !important;
    height: auto;
    min-width: 140px
}

body.mini-navbar .navbar-default .nav > li > .nav-second-level li a {
    font-size: 12px;
    padding: 10px 15px;
}

.has-child .arrow {
    top: 21px;
    position: absolute;
    right: 12px;
}

.has-child.active .arrow.fa-angle-right::before {
    content: "\f107";
}

.nav > li > a {
    color: #878787;
    font-size: 15px;
    font-weight: 300;
    transition: all 0.5s ease;
}
/*-- // TOP NAV // --*/
.navbar-static-top {
    background: #fff none repeat scroll 0 0;
    border: 0;
    margin: 0;
}

.nav.navbar-right {
    margin-right: 0;
}

    .nav.navbar-right > li > a, .nav.navbar-right > li > span {
        color: #444;
        height: 55px;
        border: 0;
        line-height: 39px;
        padding: 10px 5px;
    }

        .nav.navbar-right > li > a:focus, .nav.navbar-right > li > a:hover {
            background: none;
        }

    .nav.navbar-right > li > span {
        color: #fff;
        min-height: 41px;
        font-size: 15px;
        font-weight: 300;
        display: block;
        position: relative;
        transition: all 0.5s ease;
    }

.navbar-top-links li {
    display: inline-block;
    vertical-align: top;
}

    .navbar-top-links li a {
        min-height: 41px;
    }

.dashboard-text {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    height: 55px;
    line-height: 40px;
    font-size: 18px;
    color: #a2a2a2;
    font-weight: 300;
    padding: 8px 0;
    top: 0;
}

    .dashboard-text strong {
        color: #656565;
    }

.sub-nav {
    background: #f9f9f9;
    padding: 5px;
    border: 1px #e4e4e4 solid;
    border-bottom: 0;
}

.border-bottom-t-nav {
    border-bottom: 0 !important;
}

.dropdown-menu {
    border: medium none;
    border-radius: 3px;
    box-shadow: 0 0 3px rgba(86,96,117,0.7);
    display: none;
    float: left;
    font-size: 12px;
    left: 0;
    list-style: outside none none;
    padding: 0;
    position: absolute;
    text-shadow: none;
    top: 100%;
    z-index: 1000
}
/*-- // MANAGE TOP NAV // --*/
.status-links li.active a {
    text-shadow: 0px 0px 0px #493d55;
}

.status-links li {
    display: inline-block;
    text-align: center;
    line-height: 12px;
    margin: 0 5px;
}

    .status-links li a {
        font-size: 10px;
    }

    .status-links li i {
        min-width: 70px;
        padding: 0 5px;
        height: 30px;
        display: inline-block;
        text-align: center;
        vertical-align: middle;
        /*border-radius: 15px;*/
        line-height: 25px;
        margin: 0 auto 5px auto;
        font-size: 14px;
        font-style: normal;
    }

    .status-links li.active i {
        box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.5);
    }
/*-- // LOGIN // --*/
.login-block {
    margin: 0 auto;
    width: 450px;
    padding-top: 0px;
}

.box-content {
    padding: 15px 20px 20px;
    color: #493d55;
    font-weight: 300;
}

.login-block .box-content h2 {
    border-bottom: 5px solid #493d55;
    font-size: 37px;
    padding: 0 0 12px;
}

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

.login-btn {
    border-radius: 0;
    background: #103a43;
    border-color: #103a43;
    width: auto;
    font-size: 14px;
}

    .login-btn:hover, .login-btn:focus {
        background: #103a43;
        border-color: #103a43;
    }

.login-link {
    font-weight: 500;
    cursor: pointer;
    display: inline-block;
    float: right;
}

.error-msg {
    color: #fe6868;
    border: 1px #fe6868 solid;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
/*-- //RIGHT CONTAINER// --*/
.right-container {
    background: #eee;
    overflow-y: auto
}

h2.page-head { /*color:#a2a2a2;*/
    color: #1a3541;
    display: inline-block;
    margin: 14px 10px;
    padding: 0;
    line-height: 27px;
    font-weight: 300;
    font-size: 18px;
}
/*-- // ACCORDION // --*/
.panel-heading .accordion-toggle:after {
    font-family: 'FontAwesome';
    content: "\f077";
    float: right;
    color: grey;
}

.panel-heading .accordion-toggle.collapsed:after {
    content: "\f078";
}

.clear-toggle {
    z-index: 1;
    background: rgba(73, 61, 85, 0.85);
    border-radius: 5px;
    font-size: 12px;
    color: #fff;
    line-height: 16px;
    padding: 5px 10px;
    left: 0;
    top: 0;
    text-align: left;
    -webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.2);
}
/*width: 100px;position: absolute;*/
.dx-popover-wrapper .dx-popover-arrow:after, .dx-popover-wrapper.dx-popover-without-title .dx-popover-arrow:after {
    background: #645a6e;
}

.clear-toggle a {
    display: block;
    padding: 0;
    margin: 0;
}

    .clear-toggle a, .clear-toggle a:hover, .clear-toggle a:focus {
        color: #fff;
    }

        .clear-toggle a.link-disabled, .clear-toggle a.link-disabled:hover, .clear-toggle a.link-disabled:focus {
            opacity: 0.4;
            cursor: not-allowed
        }

table.grid-scroll tr.row-disabled {
    opacity: 0.8;
    cursor: not-allowed
}

.clear-toggle.view-toggle {
    background: none;
    padding: 5px;
    border-radius: 0;
}

    .clear-toggle.view-toggle li {
        line-height: 14px;
    }

    .clear-toggle.view-toggle a {
        color: #333;
        font-size: 11px;
        opacity: 0.8
    }

        .clear-toggle.view-toggle a:hover {
            opacity: 1
        }
/*-- // MANAGE GRID // --*/
.manage-grid {
    margin-top: 15px;
}

    .manage-grid table thead tr th {
        color: #333;
        font-size: 16px;
        font-weight: 400;
    }

    .manage-grid table tbody tr td {
        font-size: 14px;
    }

.bg-status {
    text-align: center;
    font-size: 13px;
    width: 70px;
    border-radius: 4px;
    padding: 2px;
    margin: 0 auto;
}

.nav.navbar-right > li.export-option {
    border: none;
    border-left: 1px #eee solid;
    border-right: 1px #eee solid;
}

.dx-button-content .dx-icon.sprite {
    display: inline-block;
}

.nav.navbar-right .dx-button.dx-state-hover, .nav.navbar-right .dx-button.dx-state-focused, .nav.navbar-right .dx-button.dx-state-active {
    background-color: transparent;
}

    .nav.navbar-right .dx-button.dx-state-hover .dx-button-content, .nav.navbar-right .dx-button.dx-state-focused .dx-button-content, .nav.navbar-right .dx-button.dx-state-active .dx-button-content {
        color: #40353A !important;
    }

.nav.navbar-right .dx-button-text {
    padding-top: 3px;
}

.view-block {
    background: #fff;
    padding: 3px 7px;
    margin-bottom: 10px;
}

    .view-block > label {
        display: inline-block;
        vertical-align: middle;
        font-weight: 400;
        margin-right: 5px;
    }

    .view-block > .dx-field {
        display: inline-block;
        vertical-align: middle;
        margin: 0;
    }

    .view-block > .view-btn {
        display: inline-block;
        vertical-align: middle;
    }

    .view-block .dx-selectbox .dx-texteditor-input {
        padding: 3px;
    }

    .view-block .dx-field {
        min-height: 25px;
    }

    .view-block.history-block {
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 315px;
        top: 6px;
        padding: 3px 10px;
        margin-top: 5px;
    }
        /*.view-block.history-block{position: absolute;left: 0;right: 0;margin: 0 auto;width: 627px;top: 6px;padding:2px 10px;}*/
        .view-block.history-block .show-history {
            display: inline-block;
            vertical-align: middle;
            margin-right: 20px;
        }

        .view-block.history-block .dx-field {
            margin: 0;
        }

            .view-block.history-block .dx-field .dx-texteditor {
                width: 215px;
            }

        .view-block.history-block .dx-field-label {
            width: 100px;
        }

        .view-block.history-block .dx-field-value:not(.dx-switch):not(.dx-checkbox):not(.dx-button) {
            width: calc(100% - 100px);
        }

        .view-block.history-block .dx-field-value.dx-radiogroup, .view-block.history-block .dx-field-value:not(.dx-widget) > .dx-radiogroup {
            margin: 5px 0;
        }

.view-btn {
    position: relative;
    display: inline-block;
}

    .view-btn > a {
        font-size: 16px;
    }

        .view-btn > a:hover, .view-btn > a:focus {
            color: #0059B2;
        }

.arrow-box {
    position: absolute;
    text-align: left;
    padding: 5px;
    width: 100px;
    top: 25px;
    right: -12px;
    background: #fff;
    border: 1px solid #ececec;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.13);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.13);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.13);
    border-radius: 5px;
    font-size: 11px;
    line-height: 14px;
    z-index: 99;
}

    .arrow-box:after, .arrow-box:before {
        bottom: 100%;
        right: 9px;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .arrow-box:after {
        border-color: rgba(136, 183, 213, 0);
        border-bottom-color: #fff;
        border-width: 10px;
        right: 11px;
        margin-left: -10px;
    }

    .arrow-box:before {
        border-color: rgba(194, 225, 245, 0);
        border-bottom-color: #ececec;
        border-width: 12px;
        margin-left: -12px;
    }

    .arrow-box ul {
        list-style: none;
    }
/*-- // MODAL VERTICAL CENTER // --*/
.modal {
    text-align: center;
    padding: 0 !important;
}

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

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}
/*-- //CONTAINER// --*/
.content-wrapper {
    padding: 10px;
    overflow-y: auto;
    height: 100%;
    position: relative;
}

.grid-view {
    border: 1px #EAEAEA solid;
    margin-bottom: 15px;
}

.gridViewContainer .grid-details {
    width: 16px;
    height: 16px;
    -webkit-background-size: auto;
    -moz-background-size: auto;
    -o-background-size: auto;
    background-size: auto;
    background-image: url(../../images/sprite.png);
    background-repeat: no-repeat;
    display: inline-block;
    cursor: pointer;
    position: relative;
    top: 2px;
    background-position: 0 -155px;
}

/*-- //CUSTOM FORM// --*/
.btn-save {
    background: #0078D7;
    color: #fff;
}

    .btn-save:hover, .btn-save:focus {
        background: #fff;
        color: #0078D7;
        border-color: #0078D7;
    }

.danger-btn {
    background: #FE6868;
    color: #fff;
}

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

/*-- //ng-dialogue// --*/
.ngdialog-overlay {
    z-index: -1;
}

.ngdialog {
    z-index: 1000 !important;
    overflow: hidden;
}

    .ngdialog .ngdialog-content {
        margin: 1% auto;
        width: 850px;
        position: relative;
        height: auto !important;
    }

.ngdialog-close::before {
    font-size: 20px;
    z-index: 1000;
}

.ngdialog .resolution-dialogue {
    overflow: hidden;
}

.ngdialog-popup .pb-54 {
    padding-bottom: 54px;
}

.ngdialog * .dx-radiobutton-icon:before {
    box-sizing: content-box;
}

/*-- //GRID CELL // --*/
.status-inactive, .grid-cell-status-inactive {
    background-color: #FFC7CE !important;
    color: #9C0006 !important
}

.status-active, .grid-cell-status-active {
    background-color: #C6EFCE !important;
    color: #006100 !important
}

.status-inactive {
    border: solid 1px #9C0006 !important
}

.status-active {
    border: solid 1px #52c168 !important
}


/*-- // OVERRITE // --*/
.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-vertical .dx-scrollable-content, .dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-content {
    padding-right: 0;
}

.dropdown .dx-button-has-icon .dx-button-content {
    padding: 0;
}

.model-spacing {
    position: relative;
    overflow: hidden
}
/*.dx-scrollable-container{overflow:visible;}*/
.dx-button-has-icon .dx-icon {
    font-size: 22px;
    width: 30px;
}

.dx-texteditor.dx-state-focused, .dx-texteditor.dx-state-active {
    border-color: #006FC8;
}

.icon-btn .dx-button-has-icon .dx-button-content {
    padding: 6px 7px;
}

.btn-custom.dx-button-has-text .dx-button-content {
    padding: 5px 10px;
}

.dx-icon.sprite, .sprite {
    background: url(../../images/sprite.png) no-repeat;
    background-position: 0 0;
    width: 15px;
    height: 15px;
    display: block;
}

.dx-datagrid-headers .dx-datagrid-table .dx-row > td, .dx-datagrid .dx-column-lines > td {
    border-color: #EAEAEA;
}

.dx-datagrid-rowsview .dx-selection.dx-row > td, .dx-datagrid-rowsview .dx-selection.dx-row:hover > td {
    background-color: #0078D7;
    color: #fff;
}

.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-lines) > td, .dx-datagrid-rowsview .dx-selection.dx-row:hover:not(.dx-row-lines) > td {
    border-bottom: #0078D7;
    border-top: #0078D7;
}

.dx-column-lines.dx-selection td a {
    color: #fff;
}

.icon-btn .dx-button {
    border: 0;
    box-shadow: none;
    background: #fff;
    border-radius: 0;
}

.icon-btn:hover .dx-button, .icon-btn:focus .dx-button {
    background: #0078D7;
    color: #fff;
    border-color: #0078D7;
}

.dx-column-lines.dx-selection td .sprite.sprite-info {
    background-position: -87px -25px;
}

.dx-pager .dx-pages .dx-selection, .dx-pager .dx-page-sizes .dx-selection {
    background-color: #0078D7;
}

.dx-pager .dx-pages .dx-navigate-button {
    padding: 4px 13px;
}

.dx-pager .dx-pages .dx-page {
    padding: 2px 7px;
}

.dx-datagrid-headers {
    color: #828282;
    font-size: 14px;
}

.dx-datagrid-rowsview .dx-row > td {
    font-size: 13px;
}

.dx-menu-item-text {
    font-size: 13px;
    color: #000;
}

.dx-icon-filter-operation-not-contents {
    vertical-align: top;
}

.dx-radiogroup-horizontal .dx-radiobutton {
    margin-right: 10px;
}

.icon-btn {
    border: 1px #ccc solid;
    display: inline-block;
    margin-right: 5px;
    color: #777777;
    vertical-align: top;
}

    .icon-btn:hover, .icon-btn:focus {
        background: #0078D7;
        color: #fff;
        border-color: #0078D7;
    }

.btn-custom {
    border-radius: 0;
    background: #fff;
    color: #777777;
    margin-right: 5px;
    border: 1px solid #ccc;
    padding: 0;
}

    .btn-custom:hover, .btn-custom:focus {
        border: 1px #0078D7 solid;
        background: #0078D7;
        color: #fff;
    }

.btn-custom-danger {
    border-radius: 0;
    background: #FE6868;
    color: #fff;
    padding: 0;
}

    .btn-custom-danger:hover, .btn-custom-danger:focus {
        border: 1px #FE6868 solid;
        background: #fff;
        color: #FE6868;
    }

.btn-custom.form-btn {
    margin: 0;
    width: 100%;
}

.sprite.sprite-export {
    background-position: -63px 0px;
}

.icon-btn:hover .sprite.sprite-export {
    background-position: -63px -25px;
}

.sprite.sprite-filter {
    background-position: -21px 0px;
}

.icon-btn:hover .sprite.sprite-filter {
    background-position: -21px -25px;
}

.sprite.sprite-grid {
    background-position: 0 0px;
}

.icon-btn:hover .sprite.sprite-grid {
    background-position: 0 -25px;
}

.sprite.sprite-report {
    background-position: -112px 0px;
}

.icon-btn:hover .sprite.sprite-report {
    background-position: -112px -25px;
}

.sprite.sprite-info {
    background-position: -87px 0;
    margin: 0 auto;
}

.grid-btn-block {
    background: #ffffff;
    padding: 5px;
    border: 1px #eaeaea solid;
}
/*-- //COLOR OVERWRITE// --*/
.dx-tab.dx-state-focused:after {
    border: 1px solid #0078D7;
}

.dx-tab .dx-icon {
    color: #0078D7;
}

.dx-tab-selected .dx-icon {
    color: #0078D7
}

.dx-nav-item.dx-state-focused, .dx-rtl .dx-nav-item.dx-state-focused {
    -webkit-box-shadow: inset 0 0 0 1px #0078D7;
    -moz-box-shadow: inset 0 0 0 1px #0078D7;
    box-shadow: inset 0 0 0 1px #0078D7
}

.dx-texteditor.dx-state-focused, .dx-texteditor.dx-state-active {
    border-color: #0078D7;
}

.dx-show-clear-button .dx-icon-clear {
    color: #0078D7;
}

.dx-dropdowneditor-icon {
    color: #0078D7;
}

.dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon, .dx-dropdowneditor-button.dx-state-active .dx-dropdowneditor-icon {
    color: #0078D7;
}

.dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-hover .dx-radiobutton-icon:before, .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-hover .dx-checkbox-icon {
    border-color: #0078D7
}

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused {
    background-color: #0078D7;
}

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active {
    background-color: #0078D7;
}

    .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active .dx-list-slide-item-content {
        background-color: #0078D7;
    }

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item .dx-icon {
    color: #0078D7
}

.dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused {
    background-color: #0078D7;
}

.dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active {
    background-color: #0078D7;
}

.dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-listime-blockt-item.dx-state-active .dx-list-slide-item-content {
    background-color: #0078D7;
}

.dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item .dx-icon {
    color: #0078D7
}

.dx-progressbar-range {
    border: 1px solid #0078D7;
    background-color: #0078D7;
}

.dx-progressbar-animating-container {
    background-image: -webkit-linear-gradient(left,transparent 5%,#0078D7,transparent 95%);
    background-image: -moz-linear-gradient(left,transparent 5%,#0078D7,transparent 95%);
    background-image: -ms-linear-gradient(left,transparent 5%,#0078D7,transparent 95%);
    background-image: -o-linear-gradient(left,transparent 5%,#0078D7,transparent 95%);
}

.dx-rtl .dx-progressbar .dx-progressbar-animating-container, .dx-rtl.dx-progressbar .dx-progressbar-animating-container {
    background-image: -webkit-linear-gradient(left,transparent 5%,#0078D7,transparent 95%);
    background-image: -moz-linear-gradient(left,transparent 5%,#0078D7,transparent 95%);
    background-image: -ms-linear-gradient(left,transparent 5%,#0078D7,transparent 95%);
    background-image: -o-linear-gradient(left,transparent 5%,#0078D7,transparent 95%);
}

.dx-slider-range.dx-slider-range-visible {
    background: #0078D7;
}

.dx-lookup-arrow {
    color: #0078D7;
}

.dx-tag-remove-button:before, .dx-tag-remove-button:after {
    background: #0078D7
}
/*.dx-radiobutton-checked .dx-radiobutton-icon-dot{background:#0078D7;margin-left: 5px;margin-top: -15px;}*/
.dx-radiobutton.dx-state-hover .dx-radiobutton-icon:before {
    border-color: #0078D7
}

.dx-radiobutton.dx-state-focused:not(.dx-state-active) .dx-radiobutton-icon:before {
    border: 1px solid #0078D7
}

.dx-state-focused.dx-accordion-item {
    border-color: #0078D7
}

.dx-pager .dx-pages .dx-selection, .dx-pager .dx-page-sizes .dx-selection {
    background-color: #0078D7
}

.dx-datagrid .dx-link {
    color: #0078D7
}

.dx-datagrid-focus-overlay {
    border: 2px solid #0078D7
}

.dx-datagrid-filter-row .dx-menu-item.dx-state-focused:after {
    border: 2px solid #0078D7
}

.dx-datagrid-filter-range-overlay .dx-overlay-content .dx-texteditor.dx-state-focused:after {
    border: 2px solid #0078D7
}

.dx-datagrid-rowsview .dx-selection.dx-row > td, .dx-datagrid-rowsview .dx-selection.dx-row:hover > td {
    background-color: #0078D7;
}

    .dx-datagrid-rowsview .dx-selection.dx-row > td.dx-datagrid-group-space, .dx-datagrid-rowsview .dx-selection.dx-row:hover > td.dx-datagrid-group-space {
        border-right-color: #0078D7
    }

.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-lines) > td, .dx-datagrid-rowsview .dx-selection.dx-row:hover:not(.dx-row-lines) > td {
    border-bottom: 1px solid #0078D7;
    border-top: 1px solid #0078D7
}

.dx-datagrid-search-text {
    color: #fff;
    background-color: #0078D7
}

.dx-menu-item .dx-icon {
    color: #0078D7
}

.dx-menu-base .dx-menu-item-selected, .dx-menu-base .dx-menu-item-selected.dx-state-focused, .dx-menu-base .dx-menu-item-selected.dx-state-active {
    background-color: #0078D7
}

.dx-calendar-cell.dx-calendar-selected-date, .dx-calendar-cell.dx-calendar-selected-date.dx-calendar-today {
    color: #fff;
    background-color: #0078D7;
}

.dx-treeview .dx-treeview-node.dx-treeview-item-with-checkbox.dx-state-focused > .dx-checkbox .dx-checkbox-icon {
    border: 1px solid #0078D7
}

.dx-treeview .dx-treeview-node:not(.dx-treeview-item-with-checkbox).dx-state-focused > .dx-treeview-item {
    background-color: #0078D7
}

.dx-tabpanel.dx-state-focused .dx-multiview-wrapper {
    border: 1px solid #0078D7
}

.dx-tabpanel.dx-state-focused .dx-tab-selected:after {
    border-top: 1px solid #0078D7;
    border-right: 1px solid #0078D7;
    border-left: 1px solid #0078D7
}

.dx-fieldset {
    margin: 0;
}

.dx-datebox-calendar .dx-dropdowneditor-icon::before, .dx-dropdowneditor-icon::before {
    color: #232323;
}

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-selectbox-selected.dx-state-focused {
    background-color: rgba(0, 120, 215, 0.7)
}

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-selectbox-selected {
    background-color: rgba(0, 120, 215, 0.25)
}

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-hover {
    background-color: rgba(0, 120, 215, 0.15)
}

.dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon, .dx-dropdowneditor-button.dx-state-active .dx-dropdowneditor-icon {
    background-color: #fff;
}

.stripped-datagrid .dx-datagrid .dx-row-alt > td {
    background-color: #F8F8F8
}

.dx-popup-bottom.dx-toolbar {
    padding: 10px 20px;
    margin: 0;
    border-top: 1px #ccc solid;
}

.dx-field input, .dx-field textarea {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 13px;
}

.dx-texteditor-input {
    color: #666666;
}

.dx-field-value span.sub-text {
    bottom: 10px;
    font-size: 12px;
    position: absolute;
    right: 30px;
    background: #FAFAFA;
}

    .dx-field-value span.sub-text.text-field {
        right: 10px;
    }

.dx-texteditor-input {
    width: 100% !important;
}

.ngdialog .dx-datagrid input.dx-texteditor-input {
    box-sizing: border-box;
}

.dx-button {
    border-radius: 0;
}

.dx-popup-content .dx-button {
    margin: 0 7px 0 0;
}

.dx-popup-title {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 100;
    color: #333;
}

.dx-button-has-text .dx-button-content {
    padding: 6px 12px;
}

.dx-popup-content {
    padding: 0;
}
/*todo dev: Removed for query builder popup*/
.custom-form .dx-fieldset .dx-field .dx-field-label {
    display: block;
    width: 100%;
    font-weight: 500;
    font-family: 'Roboto Condensed', sans-serif;
    color: #999999;
    padding: 8px 15px 0px 0;
    font-size: 12px;
}

.custom-form .dx-fieldset .dx-field .dx-field-value {
    display: block;
    width: 100%;
    position: relative;
    font-family: 'Roboto Condensed', sans-serif;
}

.addedit-popup .model-spacing > .dx-scrollable-wrapper > .dx-scrollable-container > .dx-scrollable-content {
    padding: 10px 20px;
}

.addedit-popup .dx-scrollview-content .custom-form .dx-fieldset {
    overflow: hidden;
}

.addedit-popup .dx-scrollview-content .custom-form.incident-wrap .dx-fieldset {
    overflow: visible;
}

.addedit-popup .dx-scrollview-content .custom-form .dx-fieldset img {
    max-height: 700px;
}

.dx-field-value:not(.dx-switch):not(.dx-checkbox):not(.dx-button).tab-field, .dx-field-value-static.tab-field {
    width: 30%;
    float: left;
}

.dx-popup-footer.ng-footer {
    bottom: auto;
}

.dx-popup-footer {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 10px 20px;
    background: #fff;
    border-top: 1px #ccc solid;
}

.ngdialog-popup .dx-scrollable-container {
    padding-bottom: 65px;
}

.ngdialog-popup .grid-view .dx-scrollable-container {
    padding-bottom: 0;
}

.dx-field {
    margin-bottom: 15px;
}

    .dx-field:last-of-type {
        margin-bottom: 15px;
    }

.dx-fieldset {
    padding: 15px;
    margin: 0;
}

.dx-scrollview-content .dx-overlay-content {
    width: 100% !important;
}

.custom-upload .dx-button.dx-state-focused {
    background: none;
}

.checkbox-right .dx-checkbox-icon {
    float: right;
    vertical-align: middle;
}

.dx-checkbox-text {
    margin-left: 0;
    padding-left: 0;
    margin-right: -22px;
    padding-right: 27px;
    line-height: 22px;
    font-weight: 100;
    color: #000
}

.dx-link a {
    color: #9e8eae;
}

.ngdialog.ngdialog-theme-default .ngdialog-content {
    border-radius: 0;
    background: #fff;
    padding: 0;
}

.ngdialog {
    text-align: center;
    padding: 0 !important;
}

    .ngdialog:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -4px;
    }

.ngdialog-content {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.ngdialog-overlay {
    background: rgba(0, 0, 0, 0.6);
}

.btn-action {
    width: 22%;
    display: block;
}

.staus-checkbox-group {
    float: right;
    width: 34%;
    text-align: right;
}

.dx-datagrid-content .dx-datagrid-table .dx-row > td {
    border-bottom: 1px solid #EAEAEA;
}

.stripped-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td {
    border-bottom: 1px solid #EAEAEA;
}

.dx-dropdowneditor-button {
    width: 15px;
}

.dx-dropdowneditor-button-visible .dx-texteditor-input {
    padding-right: 15px;
}

.grid-searched .dx-toolbar-items-container .dx-texteditor {
    border: 0;
    border-bottom: 1px solid #EAEAEA;
    border-radius: 0;
    color: #EAEAEA;
    margin-right: 25px;
}

.dx-dropdowneditor.dx-state-hover .dx-dropdowneditor-icon, .dx-dropdowneditor.dx-state-active .dx-dropdowneditor-icon {
    background-color: transparent;
}

.dx-datebox.dx-auto-width.dx-dropdowneditor-button-visible .dx-texteditor-input, .dx-datebox:not(.dx-texteditor-empty).dx-auto-width.dx-dropdowneditor-button-visible .dx-texteditor-input {
    padding-right: 20px;
}

.dx-dropdowneditor-button {
    width: 20px;
}

.ng-modal-content {
    padding: 5px 20px;
}

.modal-popup-header.dx-popup-title {
    overflow: hidden;
}

.label-block {
    margin-bottom: 2px;
    font-weight: 100;
    color: #666
}

.modal-popup-form .label-block {
    display: inline-block;
    vertical-align: middle;
    width: calc(130px - 4px);
    text-align: right;
    margin-right: 10px;
}

.modal-popup-form .modal-input {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 144px);
}

    .modal-popup-form .modal-input.static-input {
        width: 80px;
        position: relative;
    }

.modal-popup-form .full-field .label-block {
    display: block;
    width: 100%;
    text-align: left;
}

.modal-popup-form .full-field strong {
    font-size: 18px;
    font-weight: 400;
}

.static-input input {
    padding: 5px 45px 5px 5px;
}

.static-input .dx-texteditor.dx-invalid .dx-texteditor-container:after {
    right: 22px
}

.static-input .dx-texteditor.dx-invalid .dx-texteditor-input {
    padding-right: 46px;
}

.static-value {
    position: absolute;
    right: 5px;
    top: 10px;
    color: #b7b7b7;
    font-size: 12px;
    font-weight: normal;
}

.status-block {
    position: absolute;
    right: -25px;
}

    .status-block .status-block-label {
        border-radius: 5px;
        padding: 3px 30px;
    }

.modal-popup-form .dx-field:last-of-type {
    margin-bottom: 8px;
}

.modal-popup-header.dx-popup-title {
    font-size: 22px;
}

.modal-popup-form .modal-checkbox .label-block {
    width: 138px;
}

.modal-checkbox .dx-checkbox-text {
    padding-right: 37px;
}
/*-- // FIXED SIDEBAR // --*/
.fixed-sidebar {
    position: absolute !important;
    bottom: 5px;
    left: 0;
    text-align: center;
}

    .fixed-sidebar .sidebar-sub-title {
        color: #B6B1BB;
        border-bottom: 1px #B6B1BB solid;
        margin-bottom: 3px;
        padding-bottom: 5px;
    }

    .fixed-sidebar > ul > li {
        display: table-cell;
        width: 1%;
        text-align: center;
        color: #B6B1BB;
        padding: 5px 0;
        font-size: 18px;
    }

        .fixed-sidebar > ul > li > span {
            display: block;
            padding-top: 3px;
            font-size: 11px;
        }

.mini-navbar .fixed-sidebar > ul > li {
    display: block;
    width: 100%;
}

/***************************
****************************
Add your code here
****************************
***************************/
.under-construction {
    display: block;
    width: 100%;
    float: none !important;
    height: 200px !important;
    border: 0 !important;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    position: absolute;
    color: #999999;
    font-size: 40px
}

.navbar-default .nav > li.has-child > a:focus:hover {
    color: #fff;
    background: #3680bd;
}

.dx-scrollview-content .dx-item.dx-list-item:first-child.dx-state-hover,
.dx-scrollview-content .dx-item.dx-list-item:first-child.dx-state-active,
.dx-scrollview-content .dx-item.dx-list-item:first-child.dx-state-focused {
    background: none;
    color: #333;
}

.login-username {
    padding: 10px;
    display: block;
    position: relative;
    border-bottom: 0.5px solid;
    border-bottom-color: #eae3e3;
}
/*==============================*/
.matrix-grid .dx-header-row td:not(:first-child) .dx-datagrid-text-content:after {
    content: 'cm'
}

.pointer-move {
    cursor: -webkit-grab;
}

.border-gray {
    border: 1px #ccc solid
}
/*-- // CONNECTION LOSS // --*/
.connection-loss {
    text-align: center;
    position: fixed;
    z-index: 3000;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    display: none;
}

    .connection-loss > .connection-text {
        color: #fff;
        top: 50%;
        height: 100%;
        font-size: 18px;
        position: absolute;
        left: 0;
        right: 0;
        text-shadow: 0px 1px 1px rgb(109, 109, 109);
    }
/*-- // DROPDOWN ALERT // --*/
.dx-texteditor.dx-invalid .dx-texteditor-container:after {
    right: 10px;
}

.dd-alert .dx-invalid.dx-dropdowneditor .dx-texteditor-container:after {
    right: 25px;
}
/*-- // OVERRITE // --*/
.dx-dropdownmenu-list .dx-list-item-content {
    padding: 0;
}

    .dx-dropdownmenu-list .dx-list-item-content > a {
        padding: 10px;
        display: block;
        padding-left: 30px;
        position: relative;
    }

        .dx-dropdownmenu-list .dx-list-item-content > a > .fa {
            position: absolute;
            left: 10px;
            top: 11px;
        }
/*-- // TABLE NO DATA // --*/
.no-data > td {
    display: block;
    width: 100%;
    float: none !important;
    height: 200px !important;
    border: 0 !important;
    text-align: center;
}

    .no-data > td > div {
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        right: 0;
        position: absolute;
        color: #999999;
    }
/*-- // LOADING BLOCK // --*/
.loading-wrap {
    background: #f9edbe;
    border: #f0ce87 1px solid;
    padding: 7px 15px;
    color: #000;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: inline-block;
    z-index: 3000;
    width: 160px;
    font-size: 14px;
    margin: 0 auto;
    text-align: center;
    font-weight: 500;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.36);
    -moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.36);
    box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.36);
}

/*-- // DESIGN CHANGES // --*/
.error-text-red {
    background-color: #fce1e1;
    color: #cf4733;
    padding: 5px 15px;
}

.checkbox-wrapper strong {
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 10px;
    display: block;
}

.checkbox-wrapper ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .checkbox-wrapper ul li {
        width: 130px;
        display: inline-block;
        margin-bottom: 10px;
    }

.checkbox-left .dx-checkbox-text {
    padding-left: 5px;
    padding-right: 0;
}

.checkbox-left.dx-checkbox {
    display: block;
}

.font-large {
    font-size: large;
}

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

.border-0 {
    border: 0;
}

.add-button {
    margin-bottom: 5px;
}

    .add-button a {
        padding: 5px 5px;
        text-align: center;
        color: #9ba3a8;
        display: block;
        background: #fff;
        border: 1px solid #ddd
    }

.danger-button {
    margin-bottom: 10px;
}

    .danger-button a {
        padding: 9px 10px;
        text-align: center;
        color: #FFFFFF;
        display: block;
        background: #FE6868;
    }

.text-bold {
    font-weight: bold !important;
}

.border-b-1 {
    border-bottom: 1px solid #950d11;
}

.min-height-40 {
    min-height: 40px;
}

/*-- // MEDIA // --*/
@media screen and (max-width: 1920px) {
    .ngdialog .ngdialog-content {
        max-width: 95% !important;
    }
}

@media screen and (max-width: 1680px) {
    .ngdialog .ngdialog-content {
        max-width: 95% !important;
    }

    .dx-field-value.dx-radiogroup, .dx-field-value:not(.dx-widget) > .dx-radiogroup {
        margin: 9px 0;
    }

    .has-field {
        position: relative;
        width: auto;
    }

        .has-field .dx-field-value:not(.dx-switch):not(.dx-checkbox):not(.dx-button) {
            width: 30%;
        }

    .addedit-popup .dx-scrollview-content .custom-form .dx-fieldset img {
        max-height: 500px;
    }
}

@media screen and (max-width: 1440px) {
    .addedit-popup .dx-scrollview-content .custom-form .dx-fieldset img {
        max-height: 400px;
    }

    .general-block {
        width: 65%;
    }

    .dg-file-right {
        right: 80px !important;
    }
}

@media screen and (max-width: 1024px) {
    .col-right-5 {
        padding-right: 15px !important;
    }

    .col-left-5 {
        padding-left: 15px !important;
    }

    .media-scroll .model-spacing {
        overflow-x: auto;
    }

    .media-scroll .ng-modal-content {
        min-width: 960px;
        position: relative;
    }

    .ngdialog-popup.media-scroll .dx-scrollable-container {
        padding-bottom: 115px;
    }
}

.font-w-500 {
    font-weight: 500;
}

.content-red {
    color: #cf4733;
    font-weight: 600;
}

.file-upload {
    text-align: left;
    display: block;
    min-width: 300px;
    margin-top: 10px;
}

.cutom-table td {
    word-wrap: break-word;
    white-space: normal;
}

/*Logistics Overwrite CSS*/

.login-btn:hover, .login-btn:focus {
    opacity: 0.8
}

.btn-primary {
    background-color: #213744 !important;
    border-color: #15232b;
    color: #fff
}

    .btn-primary:hover {
        opacity: 0.8;
    }

.btn-danger {
    background-color: #DCDCDC !important;
    border-color: #b0b0b0;
    color: #000;
}
    /*color:#686868*/
    .btn-danger:hover {
        color: #000;
        border-color: #8d8d8d;
        opacity: 0.8;
    }

    .btn-danger.focus, .btn-danger:focus {
        border-color: #8d8d8d;
        color: #000 !important;
    }

.nav-second-level {
    background: #213744
}

.mini-navbar .nav-second-level {
    background-color: #213744;
}

.dx-fieldset {
    padding: 0px 15px;
    margin: 0;
}

.add-button a {
    padding: 10px 10px;
    color: #213744;
    border: 1px solid #BDC3C8
}

.navbar-default .nav > li.has-child > a:focus {
    background: #213744;
}

/*-------------------------------------------------------------------------------------------------------*/

.logistic-logo {
    height: auto;
    width: 54px;
    top: 50%;
    transform: translateY(-50%);
    position: relative;
    padding: 0px 3px !important;
    cursor: pointer;
}

.client-center-logo {
    height: 26px;
    width: auto;
}

.center-client-logo {
    height: 45px !important;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.header-center-logo {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    margin-top: 5px;
    margin-bottom: 5px;
}
/* .mini-navbar .logistic-logo{position: relative;top: 50%;transform: translateY(-50%);} */
.navbar-static-side {
    background: #213744 !important
}

.navbar-default .nav > li > a:hover, .navbar-default .nav > li.active > a {
    background-color: #8DAF35 !important;
}

/*-- // MANAGE PO TOP NAV // --*/
.status-links li {
    line-height: 8px;
}

    .status-links li a {
        font-size: 10px;
    }

    .status-links li i {
        height: 38px;
        margin: 0px -4px -15px -4px;
    }

.mr-3 {
    margin-right: 3px !important
}

.welcome-user {
    display: inline-block;
    font-size: 14px;
    padding-right: 7px;
}

.history-block .dx-texteditor-container {
    line-height: 0.8;
}

.btn-group .add-button a {
    padding: 5px 10px;
}
/*!-- // LOGIN // --*/
/*! 24-01-2019 */
.login-wrapper {
    margin: 0 auto;
    top: 50%;
    left: 50%;
    padding: 177px 130px 33px 95px;
}

.login-block {
    display: inline-block;
    vertical-align: middle;
    float: none
}

.logo {
    text-align: center
}

.pad0 {
    padding: 0
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    line-height: 60px;
}

/*PO Grid*/
.dx-datagrid-group-closed:before, .dx-datagrid-group-opened::before {
    content: none;
}

.dx-datagrid-group-closed {
    background-image: url('../../images/collapse.png');
    background-repeat: no-repeat;
    min-height: 32px !important;
    font: 27px/1 DXIcons;
    background-position: -10px -12px;
    background-size: 45px 50px;
    font-size: 18px;
    line-height: 28px;
}

.dx-datagrid-group-opened {
    background-image: url('../../images/expand.png');
    background-repeat: no-repeat;
    min-height: 32px !important;
    font: 27px/1 DXIcons;
    background-position: -12px -8px;
    background-size: 50px 45px;
    font-size: 18px;
    line-height: 28px;
}

.clear-toggle {
    background: #213744;
}

.dx-popover-wrapper .dx-popover-arrow:after, .dx-popover-wrapper.dx-popover-without-title .dx-popover-arrow:after {
    background: #213744;
}

.po-grid {
    background: #fff
}

    .po-grid .dx-datagrid-rowsview .dx-row > td {
        font-size: 16px;
        color: #676a6c;
        font-weight: 200;
    }

    .po-grid .dx-datagrid-rowsview .dx-selection.dx-row > td, .po-grid .dx-datagrid-rowsview .dx-selection.dx-row:hover > td {
        color: #fff;
    }

    .po-grid .dx-datagrid-rowsview .dx-row > .dx-master-detail-cell {
        padding: 15px 20px;
    }

    .po-grid .grid-view > .dx-datagrid {
        border: 1px #EAEAEA solid
    }

    .po-grid .master-detail-caption {
        background: #fff;
        padding: 10px
    }

        .po-grid .master-detail-caption > span {
            font-weight: bold
        }

    .po-grid .grid-title {
        font-size: 18px;
        font-weight: bold;
        padding: 15px;
    }

    .po-grid .grid-view {
        border: none;
        padding: 0px 10px;
    }

.header-status {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

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

.mh-24 {
    min-height: 24px !important;
}

/* PO header status*/
.status-label {
    font-size: 16px;
    font-weight: bold;
}

.status-li {
    margin-right: 5px;
    line-height: 35px;
}

.width-35 {
    width: 35px !important;
}

.dx-checkbox-text {
    margin-left: 10px;
}

@media (max-width:768px) {
    .logo {
        text-align: center
    }

    .login-wrapper {
        padding: 90px 0 0
    }
}

@media (min-width:769px) {
    .footer-text {
        margin-top: 10%;
    }
}

@media (min-width:1200px) {
    .footer-text {
        margin-top: 20%;
    }
}

@media (min-width:1366px) {
}

.f-24 {
    font-size: 24px !important
}