@font-face {
  font-family: 'IBMPlexSans';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../fonts/IBM_Plex_Sans/IBMPlexSans-Regular.ttf") format("truetype"); }

body {
  font-family: IBMPlexSans, sans-serif; }

.sidebar, .sidebar-content {
  background: #212721; }

.sidebar .sidebar-brand .logo {
  width: 100%;
  max-width: 160px; }

.sidebar .sidebar-link {
  background: #212721; }
  .sidebar .sidebar-link i.fa {
    width: 20px; }

.sidebar .sidebar-item.active .sidebar-link:hover, .sidebar .sidebar-item.active > .sidebar-link {
  border-left-color: #e40046; }

.card-customer {
    background: #E4E4E4;
}

/*# sourceMappingURL=data:application/json;base64,ewoJInZlcnNpb24iOiAzLAoJImZpbGUiOiAiQXBwX0RhdGEvc3JjL3NpdGUuY3NzIiwKCSJzb3VyY2VzIjogWwoJCSJBcHBfRGF0YS9zcmMvc2l0ZS5zY3NzIiwKCQkiQXBwX0RhdGEvc3JjL19mb250cy5zY3NzIiwKCQkiQXBwX0RhdGEvc3JjL2FkbWlua2l0L3Njc3MvMS12YXJpYWJsZXMvX2FwcC5zY3NzIiwKCQkiQXBwX0RhdGEvc3JjL2FkbWlua2l0L3Njc3MvMi1taXhpbnMvX2J1dHRvbi5zY3NzIgoJXSwKCSJuYW1lcyI6IFtdLAoJIm1hcHBpbmdzIjogIkFDQUEsVUFBVTtFQUNOLFdBQVcsRUFBRSxhQUFhO0VBQzFCLFVBQVUsRUFBRSxNQUFNO0VBQ2xCLFdBQVcsRUFBRSxHQUFHO0VBQ2hCLFlBQVksRUFBRSxLQUFLO0VBQ25CLEdBQUcsRUFBRSxxREFBcUQsQ0FBQyxrQkFBa0I7O0FEUWpGLEFBQUEsSUFBSSxDQUFDO0VBQ0QsV0FBVyxFQUFFLHVCQUF1QixHQUN2Qzs7QUFFRCxBQUFBLFFBQVEsRUFBRSxBQUFBLGdCQUFnQixDQUFDO0VBQ3ZCLFVBQVUsRUVrREksT0FBTyxHRmpEeEI7O0FBRUQsQUFHUSxRQUhBLENBRUosY0FBYyxDQUNWLEtBQUssQ0FBQztFQUNGLEtBQUssRUFBRSxJQUFJO0VBQ1gsU0FBUyxFQUFFLEtBQUssR0FDbkI7O0FBTlQsQUFTSSxRQVRJLENBU0osYUFBYSxDQUFDO0VBU1YsVUFBVSxFRTZCQSxPQUFPLEdGekJwQjtFQXRCTCxBQVVRLFFBVkEsQ0FTSixhQUFhLENBQ1QsQ0FBQyxBQUdHLEdBQUksQ0FBQztJQUNELEtBQUssRUFBRSxJQUFJLEdBQ2Q7O0FBZmIsQUF3QnlCLFFBeEJqQixDQXdCSixhQUFhLEFBQUEsT0FBTyxDQUFDLGFBQWEsQUFBQSxNQUFNLEVBeEI1QyxBQXdCcUUsUUF4QjdELENBd0JzQyxhQUFhLEFBQUEsT0FBTyxHQUFHLGFBQWEsQ0FBQztFQUMzRSxpQkFBaUIsRUVxQlQsT0FBTyxHRnBCbEIiCn0= */

.selectstyle {
    position: relative;
}



.modal-dialog {
    max-width: 800px;
}

.ss_dib {
    display: inline-block;
    vertical-align: top;
}

.ss_button {
    margin: 0;
    vertical-align: top;
    color: #595959;
    border: 1px solid #cbcbcb;
    border-radius: 3px;
    width: 250px;
    cursor: pointer;
    text-decoration: none;
    background: none;
    padding: 10px;
    overflow: hidden;
    clear: both;
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    font-weight: bold;
    word-break: break-all;
}

.ss_text {
    white-space: normal;
    text-overflow: ellipsis;
    text-indent: 0;
    white-space: nowrap;
    overflow: hidden;
}

.ss_image {
    position: absolute;
    width: 7px;
    height: 11px;
    background: url('../img/br_down.png') no-repeat;
}

.ss_ul {
    list-style: none;
    padding: 8px 0;
    margin: 0;
    margin-top: -35px;
    position: absolute;
    background: #fff;
    border: 1px solid #ccc;
    -moz-box-shadow: 0 1px 5px 1px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 1px 5px 1px rgba(0,0,0,0.1);
    box-shadow: 0 1px 5px 1px rgba(0,0,0,0.1);
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    display: none;
    overflow: auto;
    z-index: 100;
}

.ss_ulsearch {
    margin: 0;
    margin-top: -35px;
    position: absolute;
    background: #fff;
    border: 1px solid #ccc;
    -moz-box-shadow: 0 1px 5px 1px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 1px 5px 1px rgba(0,0,0,0.1);
    box-shadow: 0 1px 5px 1px rgba(0,0,0,0.1);
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    overflow: auto;
    z-index: 100;
    display: none;
}

    .ss_ulsearch .ss_ul {
        display: block;
        position: relative;
        margin-top: 0;
        border: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-radius: 0px;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
    }

    .ss_ulsearch .search {
        border-bottom: 1px solid #ccc;
        padding: 0;
    }

        .ss_ulsearch .search input {
            background: inherit;
            border: none;
            height: 100%;
            padding: 10px 15px;
            outline: none;
            font-size: 14px;
            width: calc(100% - 30px);
            width: -webkit-calc(100% - 30px);
            width: -moz-calc(100% - 30px);
            width: -o-calc(100% - 30px);
            background: url('../img/ful_grid_img.png') no-repeat;
            background-position: top 8px right 6px;
        }

            .ss_ulsearch .search input:focus {
                outline: none;
            }

    .ss_ulsearch .nosearch {
        text-align: center;
        font-size: 12px;
        padding-bottom: 10px;
        background: #fff;
    }

.ss_ul li {
    padding: 10px 15px;
    cursor: pointer;
    border: none;
    text-align: left;
    color: #595959;
    transition-duration: .3s;
    -moz-transition-duration: .3s;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    font-size: 14px;
}

    .ss_ul li:hover {
        border: none;
        background: #eee;
    }

    .ss_ul li .ssli_text {
        vertical-align: top;
        display: inline-block;
    }

    .ss_ul li .ssli_image {
        display: inline-block;
        width: 16px;
        height: 16px;
        margin-right: 10px;
        margin-top: -1px;
        vertical-align: top;
    }

        .ss_ul li .ssli_image img {
            width: 16px;
            height: 16px;
        }

.ss_ul::-webkit-scrollbar {
    width: 10px;
}

    .ss_ul::-webkit-scrollbar:horizontal {
        height: 10px;
    }

.ss_ul::-webkit-scrollbar-track {
    border-left: 1px solid #D3D3D3;
    background: #F5F5F5;
}

.ss_ul::-webkit-scrollbar-thumb {
    background: #C4C4C4;
}

.bg-lightgreen {
    background: lightgreen!important;
}

.bg-lightred {
    background: lightcoral!important;
}

.customerorder {
    background: #B4B4B4 !important;
}
.purchaseorderposition {
    background: #8e8e8e !important;
}

.customerpayment {
    background: #A4A4A4 !important;
}

.btn-width200 {
    width:200px!important;
}

.btn-w45 {
    width: 45px !important;
}

.blink {
    animation-name: animation_blink;
    animation-timing-function: ease-in;
    animation-duration: 0.5s;
    animation-iteration-count: infinite;
    color:aqua;
}

.td-sum {
    background: #C4C4C4 !important;
}

.td-borderleft {
    border-left:solid;
    border-left-color:black;
}

.scrolly {
    overflow-x: auto;
    white-space: nowrap;
}

/*.container {
    max-width: 100%;
    margin: auto;
    margin-top: 3rem;
    overflow-x: auto;
}

table {*/
/*    font-family: "Open Sans", sans-serif;*/
    /*position: relative;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: auto;
    width: 100%;
    border: none;
    border-radius: 0.5rem;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    white-space: nowrap;
}

table * {
    border: none;
}*/

/*table thead tr {
    color: #2d3748;
    font-size: 1rem;
    font-weight: 500;
    text-align: left;
}

table thead tr th {
    background: #edf2f7;
    padding: 0.75rem 1.5rem;
    vertical-align: middle;
}*/

table tbody tr:nth-child(odd) td {
    background: #ffffff;
}

table tbody tr:nth-child(even) td {
    background: #edf2f7;
}


/*table tbody td {
    color: #1a202c;
    text-align: left;
    padding: 1.5rem 1.5rem;
    vertical-align: middle;*/
/*    font-size: 1.125rem;*/
    /*font-weight: normal;
}*/

/*table tr:last-child td:first-child {
    border-bottom-left-radius: 0.5rem;
}

table th:first-child {
    border-top-left-radius: 0.5rem;
}

table tr:last-child td:last-child {
    border-bottom-right-radius: 0.5rem;
}

table th:last-child {
    border-top-right-radius: 0.5rem;
}*/

/*table tr > th:first-child th:nth-child(2),
table tr > td:first-child th:nth-child(2) {
    position: sticky;
    left: 0;
}*/

/*.dsb-ymperf-table {
    border: none;
    border-right: solid 1px #DDEFEF;
    border-collapse: separate;
    border-spacing: 0;*/
    /*font: normal 13px Arial, sans-serif;*/
/*}

    .dsb-ymperf-table thead th {*/
        /*    background-color: #DDEFEF;*/
        /*border: none;
        color: #336B6B;
        padding: 10px;
        text-align: left;
        text-shadow: 1px 1px 1px #fff;
        white-space: nowrap;
    }

    .dsb-ymperf-table tbody td {
        border-bottom: solid 1px #DDEFEF;
        color: #333;
        padding: 10px;
        text-shadow: 1px 1px 1px #fff;
        white-space: nowrap;
    }

.dsb-ymperf-wrapper {
    position: relative;
}

.dsb-ymperf-scroller-sticky1 {
    margin-left: 130px;
    overflow-x: scroll;
    overflow-y: visible;
    padding-bottom: 5px;
}

.dsb-ymperf-scroller-sticky2 {
    margin-left: 230px;
    overflow-x: scroll;
    overflow-y: visible;
    padding-bottom: 5px;
}

.dsb-ymperf-table .dsb-ymperf-sticky-col {
    border-left: solid 1px #DDEFEF;
    left: 0;
    position: absolute;
    top: auto;
    width: 140px;
}

.dsb-ymperf-table .dsb-ymperf-sticky-col2 {
    border-right: solid 1px #DDEFEF;
    left: 140px;
    position: absolute;
    top: auto;
    width: 100px;
}*/

.table-scroll {
    position: relative;
    width: 100%;
    z-index: 1;
    margin: auto;
    overflow: auto;
    max-height: 650px;
}

.table-scroll table {
    width: 100%;
    min-width: 1280px;
    margin: auto;
    border-collapse: separate;
    border-spacing: 0;
}

.table-wrap {
    position: relative;
}

.table-scroll th,
.table-scroll td {
    padding: 5px 10px;
    border: 1px solid #000;
/*    background: #fff;*/
    vertical-align: top;
    min-width:150px;
    align-content:center;
}

.table-scroll thead th {
    color: black;
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
}

.th-month-odd {
    background: #F2F2F2;
}

.th-month-even {
    background: #D4D4D4;
}

 /*safari and ios need the tfoot itself to be position:sticky also */
.table-scroll tfoot,
.table-scroll tfoot th,
.table-scroll tfoot td {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    background: #666;
    color: #fff;
    z-index: 4;
}

.table-scroll th:first-child {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 2;
    background: #ccc;
    min-width:300px;
}

thead th:first-child,
tfoot th:first-child {
    z-index: 5;
}