.scroll-table-container {
  height: 500px; 
  overflow: scroll;
}
.scroll-table, td, th {
  border-collapse:collapse; 
  min-width: 150%;
}

/*FILTER*/
.modal.right .modal-dialog {
  position: fixed;
  margin: auto;
  width: 320px;
  height: 100%;
  -webkit-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}

.modal.right .modal-content {
  height: 100%;
  overflow-y: auto;
}

.modal.right .modal-body {
  padding: 15px 15px 80px;
}

.modal.right.fade .modal-dialog {
  right: -320px;
  -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
  -o-transition: opacity 0.3s linear, right 0.3s ease-out;
  transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.right.fade.in .modal-dialog {
  right: 0;
}
/*END FILTER*/
.cancel-flag{
    background: #be382d;
    padding: 2px 6px 5px 7px;
    color: #fff;
}
table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc, table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>td.sorting_asc, table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>td.sorting {
    padding-right: 16px !important;
}
.select2-container .select2-selection--multiple {
    min-height: 25px !important;
}
.header-setting{
    min-width: 180px !important;
}
.header-logo{
    height: 55px !important;
    position: relative;
    bottom: 1px !important;
}
.btn-default {
    background-color: #5d5757 !important;
    color: #fff !important;
    border-color: #5d5757 !important;
}
.bill_add_more_table {
    border-radius: 0px !important;
    border-color: black !important;
    min-height: 32px !important;
    position: relative !important;
    top: 0px !important;
}
.report-bg{
    background: #cfd5d8 !important;
}
.trcking-label{
    padding: 8px 11px 9px 12px;
    font-size: 11px;
    position: relative;
    top: 4px;
    border-radius: 0px;
}
.border-none{
    border: none !important;
}
.receipt{
    border-bottom: 2px solid !important;
}
.bold{
    font-weight: bold !important;
}
.mr-report-vertical{
    vertical-align:middle !important;
}
.width100{
    width: 100% !important;
}
.chosen-container-single .chosen-default {
    color: #000 !important;
}
.chosen-container-single .chosen-single {
    border: 1px solid #000;
    font-size: 11px;
}
.add-more-table{
    border-radius: 0px !important;
    border-color: black !important;
    min-height: 32px !important;
    position: relative !important;
    top: 3px !important;
}
.add-more-table-tracking{
    border-radius: 0px !important;
    border-color: black !important;
    min-height: 32px !important;
    position: relative !important;
    top: 0px !important;
}
.payment-table{
    border-radius: 0px !important;
    border-color: black !important;
    min-height: 32px !important;
}
.btn-block + .btn-block {
    margin-top: 4px !important;
}


.red {
    color: #be382d;
    border-color: #be382d;
}
.green {
    color: green;
    border-color: green;
}
.form-control:focus {
    border: 1.5px solid #be382d !important;
}
.btn {
    border-radius: 0px !important;
}
.top{
    top: 1px !important;
    position: relative;
}
.hit-textarea{
    height: 40px !important;
}
.hitz-table{
    background: #be382d !important;
    color: #fff !important;
}

.height29 {
    height: 29px !important;
}
.form-control .hitz-pa{
    height: 34px !important;
}
.help-block {
    color: #ff0101 !important;
}
.multiple-bill-model-header{
    background: #d73925 !important;
    color: #fff !important;
}
.ui-autocomplete {
    border: 1px solid #730215 !important;
    width: 50% !important;
}
::-webkit-input-placeholder {
    /* Edge */
    color: #fff;
}
.print-bill-bottom {
    position: relative !important;
    bottom: 23px !important;
}
.print-bill-blank {
    border: 1px solid black;
    width: 100%;
    height: 100%;
    position: relative;
    bottom: 44px !important;
}
.print-bill-bottom45 {
    position: relative !important;
    bottom: 45px !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 0 0;
}
.hitz-print-top-header {
    width: 125px;
    display: inline-block;
    margin-right: 5px;
    text-align: left;
}
.no-top-border-table>tbody>tr>td,
.no-top-border-table>tbody>tr>th,
.no-top-border-table>tfoot>tr>td,
.no-top-border-table>tfoot>tr>th,
.no-top-border-table>thead>tr>td,
.no-top-border-table>thead>tr>th {
    border-top: none !important;
}
.no-top-border-table>thead>tr>th {
    border-bottom: none !important;
}
/*tr td label strong {
    width: 70px !important;
    display: inline-block !important;
    margin-right: 5px !important;
    text-align: left !important;
}*/
.box.box-success {
    border-top-color: #0e4291;
}
.ui-widget-header {
    border: 1px solid #0e4291 !important;
    background: #0e4291 url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x !important;
    color: #fff;
    font-weight: bold;
}
.hitz-bg-aqua {
    background-color: #0e4291 !important;
    color: #fff !important;
}
.bottom40 {
    bottom: 40px !important;
}
.hitz-report {
    background: #fff !important;
    padding: 23px 0px 35px 0 !important;
}
.bottom35-report {
    position: relative !important;
    bottom: 35 !important;
}
.chosen-container-single .chosen-single {
    height: 29px !important;
    padding: 0px 12px !important;
}
.help-block {
    display: contents !important;
}
.pading-left15 {
    position: relative !important;
    padding-left: 15px !important;
}
.form-control {
    height: 24px !important;
}
.input-group-addon {
    padding: 3px 11px !important;
}
.select2-container .select2-selection--single {
    height: 24px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: -1px !important;
}
.hitz-braed-crumb {
    background: #be382d !important;
    padding: 8px 2px 5px 8px;
    color: #fff;
    text-transform: uppercase;
}
.hitz-bread-btn {
    position: relative;
    background: #0e4291;
    border-color: #0e4291;
    left: 41px;
    height: 24px;
    bottom: 24px;
    padding: 3px 4px 0 0;
    border-radius: 0 0 0 0;
    font-size: 10px;
    font-weight: bold;
}
.capital {
    text-transform: uppercase;
}
.error {
    color: red;
}
.btn-danger {
    color: #fff;
    background-color: #242021 !important;
    border-color: #242021 !important;
}
.skin-blue .main-header .navbar .nav>li>a {
    font-weight: bold !important;
}
.dropdown-menu>li>a {
    display: block;
    padding: 7px 21px 0px 9px !important;
    clear: both;
    font-weight: bold !important;
    line-height: 2.428571;
    color: #333;
    white-space: nowrap;
}
.hitz-popup {
    position: relative !important;
    margin-right: 11px !important;
}
.progress {
    margin-left: 17px;
    max-width: 606px;
}
.hitz-legend {
    background: #3c8dbc !important;
    padding: 4px 5px 4px 7px;
    color: #fff;
    font-weight: bold;
}
.ui-autocomplete {
    background: #e6dbdb !important;
    padding: 5px 5px 5px 7px !important;
    color: #171616 !important;
    width: 50% !important;
}
.alert-info {
    background-color: #ef0000 !important;
    border-color: #ef0000 !important;
}
.table-striped>tbody>tr:nth-of-type(odd):hover {
    background-color: #eadde0 !important;
}
.table-striped>tbody>tr:nth-of-type(even):hover {
    background-color: #eadde0 !important;
}
.hitz-legend {
    background: #be382d !important;
    padding: 9px 0px 6px 7px !important;
    color: #fff !important;
}
.btn-danger {
    color: #fff;
    background-color: #be382d !important;
    border-color: #be382d !important;
    border-radius: 0 0 0 0 !important;
}
body {
    font-family: serif !important;
    font-weight: 200 !important;
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 11px !important;
}
legend {
    font-size: 10px !important;
    margin-bottom: 6px !important;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: serif !important;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 0px 0;
    margin: 2px 0 0;
    font-size: 9px;
    text-align: left;
    list-style: none;
    background-color: #d6d7f0 !important;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.dropdown-menu>li>a:hover {
    background-color: #cf9a96 !important;
    color: #fff !important;
}
.btn-primary {
    background-color: #0e4291 !important;
    border-color: #0e4291 !important;
    border-radius: 0 0 0 0 !important;
}
.hitz-center {
    text-align: center;
}
.content-header>h1 {
    margin: 0;
    font-size: 15px !important;
}
.hitz-top-header {
    margin-top: 2px !important;
}
.col-md-12 {
    padding: initial !important;
}
.col-md-6 {
    padding: 2px !important;
}
.skin-blue .main-header .navbar {
    background-color: #0e4291 !important;
}
.lr-padding {
    padding: 6px 21px 0 0 !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 20px !important;
}
.form-group {
    margin-bottom: 5px !important;
}
input::-webkit-input-placeholder {
    font-size: 10px !important;
    line-height: 3 !important;
}
.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    padding: 2px;
    line-height: 2.428571;
    vertical-align: top;
    border-top: 1px solid #ddd;
    text-transform: uppercase !important;
}
hr {
    margin-top: 0px !important;
    margin-bottom: 10px !important;
    border: 0;
    border-top: 1px solid #494848 !important;
}
.content-header {
    position: relative;
    padding: 0px 15px 0 15px;
}
.bottom20 {
    position: relative;
    bottom: 20px !important;
}
.bottom35 {
    position: relative;
    bottom: 35px !important;
}
.bottom10 {
    position: relative;
    bottom: 10px !important;
}
.bold {
    font-weight: bold !important;
}
.custome-btn {
    height: 29px !important;
    font-size: 11px !important;
}
.padding5 {
    padding: 5px !important;
    position: relative;
}
.font15 {
    font-size: 15px !important;
}
.table-bordered {
    border: 1px solid #000000 !important;
}
.bottom40 {
    position: relative;
    bottom: 40px !important;
}
.table-bordered>thead>tr>th,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>tbody>tr>td,
.table-bordered>tfoot>tr>td {
    border: 1px solid #000000 !important;
}
.height20 {
    height: 20px !important;
}
@media (min-width: 922px) {
    .modal-lg {
        width: auto !important;
    }
    .modal-md {
        width: 70% !important;
    }
}
@media screen and (max-width: 1100px) and (min-width: 300px) {
    .hitz-bread-btn {
        position: relative;
        top: 5px;
    }
    
    .modal-lg {
        width: auto !important;
    }
    .modal-md {
        width: 100% !important;
    }
}
@media (min-width: 768px){
    .navbar-nav > li > a {
        padding-top: 20px !important;
        padding-bottom: 15px;
    }    
}
