/*.public, .public body, .public p, .public span {
    font-family: 'Poppins', sans-serif;
    }*/

    .content-header h1 {
        font-size: 1.6em;
    }

    table td, table th, table {
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }

    body.app .hideonapp {
        display: none !important;
    }

    .erca table td, .erca table th, .erca table {
        -webkit-print-color-adjust: initial !important;
        print-color-adjust: initial !important;
    }

    section.content-header .col-md-6, section.content-header .col-md-8, section.content-header .col-md-2 {
        float: left;
    }

    .container-fluid .row {
        width: 100%;
        margin-bottom: 5px;
    }

    .form-control {
        padding: 3px;
    }

    .input-group .form-control {
        border-radius: .25rem 0 0 .25rem;
    }

    .input-group .select2-container--default .select2-selection--single {
        border-radius: 0 4px 4px 0rem;
    }

    .content-header {
        padding: 5px 0.5rem 5px;
    }

    tr.adminprivilegeinputs label {
        display: block;
        margin: 2px 0 5px;
    }

    body div.wrapper section.content {
        margin: 0px 0px 0px 0px !important;
    }

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

    body.report div.wrapper section.content {
        margin: 0 !important;
    }

    nav.top-header {
        background: #b35833;
        padding: 3px 0 0;
    }

    .top-header span, .top-header a#navbarDropdown {
        font-size: 0.9em;
        font-weight: bold;
        color: #fff7d2;
        height: auto;
        line-height: 1.5em;
    }

    .buttons-page-length {
        display: none;
    }

    .navbar .container {
        display: block;
    }
    .report .content-wrapper {
        background: transparent;
        margin-left: 0 !important;
    }

    .report .row.page_links {
        display: none;
    }

    table.customtotal {
        margin-top: -0.9em;
        font-size: 1.1em;
    }

    label {
        margin-bottom: 2px;
    }

    table.customtotal td {
        background: #cdd4cc;
        border: 2px solid darkgrey;
    }

    .report .tableinputs {
        border: none !important;
        background: transparent;
    }

    .hideempties th.hideonempty, .hideempties td.hideonempty, .hideempties input.hideonempty {
        display: none;
    }

    span.badge.bg-light-success {
        background: #d2eed2;
        border: green;
        font-size: 90%;
    }

    span.badge.bg-light-warning {
        background: #f1debc;
        border: orange;
        font-size: 90%;
    }

    span.badge.bg-light-danger {
        background: #f5cdcd;
        border: red;
        font-size: 90%;
    }

    img.logo_watermark {
        width: 50%;
        height: auto;
        position: absolute;
        opacity: 0.15;
        display: block;
        margin: 35vh 25vh;
    }

    .tablereadonlylabel {
        line-height: 1em;
        padding: 2px 10px;
    }

    .input-group .select2-container {
        flex: 1 1 0%;
        width: calc(100% - 45px) !important;
    }

    .input-group-append button.input-group-append {
        padding-top: 10px;
    }

    div.hidden {
        display: none;
    }

    .photo_container {
        height: 300px;
    }

    .dropdown-menu.lang_selector {
        z-index: 1035;
        padding: 5px 0;
        font-size: 0.9em;
        margin-top: -1px;
    }

    .page_links a, .page_links span {
        display: inline-block;
    }

    .page_links span {
        opacity: 0.5;
    }

    .page_links a {
        color: #1657cd !important;
    }

    .report .dataTables_wrapper, .report div#searchList {
        box-shadow: none;
        padding: 0;
        border: none;
    }

    .report table.dataTable thead>tr>th.sorting_desc, .report table.dataTable thead>tr>th.sorting {
        padding-right: 0;
    }

    .report table.dataTable thead .sorting:after, .report table.dataTable thead .sorting_asc:after,
    .report table.dataTable thead .sorting_desc:after, .report table.dataTable thead .sorting:before, 
    .report table.dataTable thead .sorting_asc:before, .report table.dataTable thead .sorting_desc:after {
        display: none;
    }

    .report hr {
        margin-top: 8px;
        margin-bottom: 6px;
        max-width: 94%;
    }

    .report .dt-buttons, .report .dataTables_filter, .report div#tblList_info, .report #tblList_paginate {
        display: none;
    }

    .report .table-striped>tbody>tr:nth-of-type(odd) td, .report .table-striped>tbody>tr:nth-of-type(odd) {
        background: #efefef;
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }

    table td ol {
        padding-left: 15px;
        font-size: 0.9em;
    }

    .contentsection {
        background: white;
        box-shadow: 0 0 1px rgb(0 0 0 / 30%);
        padding: 10px 15px 5px;
        border-top: 3px solid #00c0ef;
        border-radius: 3px;
    }

    .divinsidediv {
        margin: 0 !important;
        padding: 0 !important;
    }

    .divinsidediv .card-body {
        padding: 10px;
    }

    .col-md-6.left.pageheader {
        padding-left: 0;
    }

    .info-box .info-box-number, .info-box .info-box-text {
        margin-top: 2px;
        margin-bottom: 2px;
    }

    .contentsection.public {
        box-shadow: none;
        background: transparent;
    }

    .login_form .alert-danger {
        margin-top: 15px;
    }

    body.public div.wrapper section.content {
        margin: 0 !important;
    }

    .contentsection h3 {
        font-size: 1.3em;
    }

    input.tableinput {
        width: 100%;
        border: 1px solid #bbbfd7;
        height: auto;
        line-height: 15px;
        padding: 2px 5px;
    }
    
    .customsearchontable {
        margin: 8px 0 4px;
    }

    .dashtable .card {
        max-height: 300px;
        overflow-x: scroll;
    }

    .select2-container--default .select2-results__option[aria-disabled=true] {
        padding: 1px 12px;
    }

    .dashtable .card-header {
        padding: 10px;
    }

    table .balance {
        border: 1px solid #e3e3e3;
        border-radius: 2px;
        padding: 1px 3px;
        border-bottom: 1px solid green;
        color: black;
    }

    table .balance.success {
        background: #c2f1c2;
    }

    table .balance.warning {
        background: #f1f0b5;
        border-bottom: 1px solid orange;
    }

    table .balance.danger {
        background: #fbbebe;
        border-bottom: 1px solid red;
    }

    span.value.underline {
        text-decoration: underline;
    }

    .table.withinputs td  {
        padding: 0;
        border-bottom: 0;
        border-right: 0;
    }

    .table.withinputs th {
        padding: 5px;
    }

    .deletebutton {
        background: transparent;
        padding: 6px 5px;
        height: auto;
        width: auto;
        color: red;
    }

    .custom-switch {
        float: left;
        margin-right: 22px;
        border: 1px solid #c7c7c7;
        padding: 1px 10px 1px 47px;
        padding-left: 2.45rem;
        border-radius: 5px;
    }

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

    .modal-content .form-group.row.btmbtns {
        margin-bottom: 0;
    }

    .modal-body label {
        margin-bottom: 2px;
    }

    .modal-body .form-group {
        margin-bottom: 6px;
    }

    .modal-header {
        padding: 5px 15px;
        background: #a2c4d3;
    }

    .modal-body {
        padding: 15px 15px 0 15px;
    }

    .modal-footer {
        padding: 0;
    }

    .pos p {
        margin: 0;
    }

    .photo_label {
        position: absolute;
        display: block;
        background: #ffe700;
        font-weight: bold;
        font-size: 0.8em;
        padding: 3px 5px;
        top: 1px;
        left: 8px;
        border-radius: 5px 0 0 0;
    }

    .photo_button {
        position: absolute;
        display: block;
        top: 0;
        right: 0;
        padding: 0px 8px;
        font-size: 0.9em;
        font-weight: bold;
    }

    table.purchaseorder {
        background: white;
    }

    .report .signature img {
        max-width: 115px;
    }

    body.empty {
        margin-bottom: 0 !important;
        width: auto !important;
    }

    body.empty .row, body.empty .container-fluid, body.empty .content,
    body.empty .content-wrapper, body.empty .wrapper {
        display: inline !important;
        width: auto !important;
    }

    .empty .wrapper .content-wrapper {
        min-height: 0 !important;
        max-height: 57px !important;
    }

    .card-header {
        padding: 5px 15px 0;
    }

    .card-header h5 {
        font-size: 1.1em;
    }

    label.tablecheckbox {
        margin-bottom: 0;
        font-weight: normal !important;
    }

    table.purchaseorder td, table.purchaseorder th {
        border: 1px solid black;
        padding: 2px 5px;
        font-weight: 600;
        background: white;
    }

    table.purchaseorder td.hiddencell {
        border: none;
    }

    table.purchaseorder td.tablelabel, table.purchaseorder th.tablelabel {
        background: #ebebeb;
    }

/*div#tblList_wrapper::before {
    content: "Processing...";
    }*/

/*.dataTables_wrapper .dt-buttons, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper table,
.dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate {
    display: none;
    }*/

    .nav-sidebar .menu-open>.nav-link i.right {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .navbar-info a.nav-link {
        color: white;
    }

    .nav-link {
        padding: 5px 5px;
    }

    .has-treeview .nav-treeview {
        font-size: 0.9em;
        margin-left: 5px;
        background: #494e53 !important;
    }

    .has-treeview .nav-treeview i {
        font-size: 1em !important;
    }

    .nav-sidebar>.nav-item .nav-icon.fa, .nav-sidebar>.nav-item .nav-icon.fab, .nav-sidebar>.nav-item .nav-icon.far, .nav-sidebar>.nav-item .nav-icon.fas, .nav-sidebar>.nav-item .nav-icon.glyphicon, .nav-sidebar>.nav-item .nav-icon.ion {
        font-size: 1em !important;
    }

    .report input, .report .form-control, .report .input-group-text {
        border: 0 !important;
        padding: 0 !important;
        background: none !important;
        height: auto !important;
        font-size: 14px;
    }

    .report th, .report table .footer td {
        font-size: 15px !important;
    }

    .report table tr.datarow.new {
        display: none;
    }

    .report .input-group-text {
        margin-left: 5px;
    }

    .report .form-group.row.btmbtns {
        display: none;
    }

    .report select:disabled {
        background-image: none;
        border-bottom-color: transparent !important;
        -webkit-appearance: textfield !important;
        -moz-appearance: textfield !important;
        appearance: none !important;
        &::-ms-expand {
            display: none !important;
        }
    }

    .linebreak {
        display: block;
        position: relative;
        width: 100%;
    }

    .linebreak.small {
        margin: 6px 10px;
    }

    .linebreak.medium {
        margin: 9px 10px;
    }

    .linebreak.big {
        margin: 14px 10px;
    }

    .table td, .table th {
        padding: 4px 5px;
    }

    .dashboard .card-body {
        padding-top: 0;
    }

    .dashboard table th, .dashboard table td {
        display: none;
    }

    .dashboard table th.showondash, .dashboard table td.showondash {
        display: table-cell;
        padding: 5px;
    }

    .tablesubmit {
        padding: 2px !important;
        height: auto;
    }

    .tablesubmit.top {
        margin-bottom: 5px;
    }

    .form-group.row.btmbtns {
        margin-left: 0;
        margin-right: 0;
    }

    .content {
      padding: 10px 0;
      background: transparent;
      margin:15px;
  }

  .table.table-striped thead tr {
    background: rgb(235 235 235) none repeat scroll 0 0;
    border-bottom: none;
    font-size: 1em;
}

.table thead th {
    border-bottom: none;
}

.tab-content > .active {
	display: table;
	width: 100%;
}

.datepicker.dropdown-menu, body, h1, h2, h3, h4, h5, h6, p {
	font-family: "Segoe UI", sans-serif;
}

body div.wrapper section.content {
    display: block;
    margin-bottom: 0px;
}

.form-group.required label::after {
    color: rgb(255, 0, 0);
    content: "*";
    margin-left: 3px;
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, 
.col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, 
.col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, 
.col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, 
.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, 
.col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3,
.col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    float: left;
}

.show .hideonshow {
    display: none;
}

.imagepreview {
    height: 100%;
    margin-bottom: 20px;
    overflow: hidden;
}

.imagepreview img {
    border: 1px solid #8e8e8e;
    border-radius: 5px;
}

.preview_holder {

}

.centertext {
    text-align: center;
}

table#dtTableCalculated tfoot th, table#dtTableCalculated thead th {
    letter-spacing: -0.3px;
}

div.loading, div.loading img, div.loading h3, .div.loading p {
    display: none;
}

.treeview-menu>li>a {
    white-space: normal;
}

.nav-treeview li.nav-item.active.menu-open {
    background: #6b6b6b;
    border-radius: 5px;
}

.nav-treeview li.nav-item.active.menu-open a {
    color: white !important;
}

div.loading.active {
    position: fixed;
    background: rgba(0,0,0,0.5) !important;
    z-index: 100;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    width: 100%;
    height: 100%;
    transition: 0.3s;
}

.loading.active h3 {
    font-size: 2.2em;
    font-weight: 900;
    color: #ece7e7;
    text-shadow: 1px 1px 1px black;
    width: 100%;
    text-align: center;
    margin-top: 40vh;
    display: block;
    transition: 0.3s;
}

.loading.active img {
    display: block;
    transition: 0.3s;
    margin: 0 auto 0;
    padding: 0;
}

.loading p {
    margin: 0 auto;
    color: white !important;
    display: block;
    position: relative;
    text-align: center;
    font-size: 1.7em;
}

.custom-control.custom-checkbox {
    padding-top: 15px;
}

.btn-group.fullwidth {
    width: 100%;
}

button.btn.btn-success.dropdown-toggle {
    background: #009b12;
    max-width: 40px;
}

.tablebuttons {
    padding: 1px 5px 1px 5px;
    font-size: 0.85em;
    line-height: 1em;
    font-weight: bold;
}

.mediumtablebutton {
    font-size: 0.9em;
    padding: 2px 8px;
}

.btn-primary.darker {
    background-color: #064b93;
}

.nav-tabs-custom {
    background: #fff0;
}

.nav-tabs-custom>.nav-tabs>li>a {
    font-weight: bold;
}

.tobehidden {
    opacity: 0;
}

span.select2-selection {
    height: calc(2.25rem + 2px) !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 5px !important;
}

.select2-container--default .select2-selection--single {
    border: 1px solid #ced4da;
}

h4.inline-header {
    width: 50%;
    float: left;
}

.btn-group label.radio-inline {
    padding: 2px 0 6px 15px;
    border-bottom: 1px solid #d5d5d5;
    display: block;
}

.btn-group .dropdown-menu.show {
    padding: 8px 0px 0;
}

.btn-group label.radio-inline:last-child {
    margin-bottom: 0;
}

.legendbox {
    width: 30px;
    height: 20px;
    background: rgb(187, 187, 187);
    display: inline-block;
    margin-right: 5px;
    float: left;
    border: 1px solid rgb(150,150,150);
}

.legendcolumn {
    float: left;
    margin-right: 20px;
}

.legendbox span {
    margin-right: 20px;
    display: inline-block;
}

.legendbox.weekend {
    background: rgb(187, 187, 187);
}

.legendbox.leave {
    background: #81dce6;
}

.legendbox.holiday {
    background: #d4aaaa;
}

div.legendrow {
    margin: 5px 0;
    background-color: rgb(248 248 248);
    padding: 5px 0;
    border: 1px solid rgb(200,200,200);
    padding: 5px 15px;
}

.payrollreport .table>tbody>tr>td, 
.payrollreport .table>tbody>tr>th, 
.payrollreport .table>tfoot>tr>td, 
.payrollreport .table>tfoot>tr>th, 
.payrollreport .table>thead>tr>td, 
.payrollreport .table>thead>tr>th
{
    padding: 2px;
    font-size: 0.9em;
}

div.inline-div {
    width: 50%;
    float: left;
    padding: 2px 0;
}

.report .hideonreport {
   display: none;
}

span.activefilters {
    padding: 5px 0;
    display: block;
}

.modal-dialog {
    width: 90%;
    max-width: 750px;
}

.modal-dialog.small-modal {
    width: 80%;
    max-width: 600px;
}

#mdlFilterEmployees .modal-dialog {
    width: 60%;
    max-width: 750px;
    min-width: 320px;
}

div#mdlFilterEmployees .col-md-2 {
    width: 33.3%;
}

#mdlFilterEmployees .modal-header, #mdlFilterEmployees .modal-footer {
    padding: 5px 15px;
}

#mdlFilterEmployees .modal-body {
    padding-bottom: 5px;
}



.form-group.withrightspace span.select2-container, .form-group.withrightspace select {
    max-width: 82%;
}

.form-group.withrightspace .btn {
    padding: 8px 10px;
}

.tablebuttongroups .dropdown-toggle, .tablebuttongroups .btn {
    padding: 0 4px !important;
    font-size: 0.85em;
}

:checked + span {
    font-weight: bold;
    color: green;
}

.checktable label {
    font-weight: normal;
    color: #d80a0ab0;
}

.checktable label.secondcolumn {
    color: #b805c8bf;
}

.checktable label.thirdcolumn {
    color: #6f5151ab;
}

.tablebuttongroups .dropdown-menu {
    font-size: 1em !important;
    box-shadow: 0px 7px 22px -10px black;
    min-width: 0;
    background: rgb(250,250,250);
}

.tablebuttongroups .dropdown-menu li {
    font-size: 1em;
    padding: 0 !important;
}

.tablebuttons i {
    color: yellow;
}

.dataTables_wrapper, div#searchList {
    background: white;
    padding: 15px;
    border-radius: 5px;
    box-shadow: 0px 0px 13px -10px black;
    border: 1px solid #eeeef3;
}

#searchList .btn {
    padding: 0;
    font-size: 0.9em;
    height: auto;
    width: auto;
    min-width: 110px;
}

/*#searchList span.select2-selection {
    padding: 0;
    height: auto !important;
    }*/

/*#searchList .select2-container--default {
    height: 20px;
    }*/

/*#searchList .select2-container {
    font-size: 0.95em;
    }*/

    .btn-default.tablebuttons i {
        color: black;
    }

    .btn-success.tablebuttons i {
        color: white;
    }

    .hasboxbuttonwithselect span.select2 {
        width: calc(100% - 48px) !important;
        float: left;
    }

    a.boxbuttonwithselect {
        float: left;
        width: 48px;
        height: 34px;
        padding-top: 7px;
    }

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

    .report .row {
        margin: 0 !important;
    }

    .frmneweditsalesdetail h4 {
        background-color: #e4e4e4;
        margin: -3px -21px 15px;
        border-radius: 3px 3px 0 0;
        padding: 10px 20px;
        border-top: 3px solid #00a65a;
        border-bottom: 1px solid #b2b2b2;
    }

    div#searchList .col-md-2 {
        padding-right: 2px;
        padding-left: 2px;
    }

    div#searchList .panel-body {
        padding: 0px 5px 0 !important;
    }

    span.showlabel, span.showfield {
        font-size: 1.1em;
        font-weight: 500;
    }



    .timesheet th {
        text-align: center;
        font-size: 0.8em;
        padding: 1px !important;
    }

    .timesheet th span.dateofweek, .timesheet th span.month, .timesheet th span.year {
        clear: both !important;
        display: block;
    }


    .timesheet td input {
        border: 2px solid rgb(210,210, 210);
    }

    .report .timesheet td input {
        border-width: 1px;
    }

    .timesheet th.readonly, .timesheet td.readonly input,
    .report .timesheet th.readonly, .report .timesheet td.readonly input {
        background: rgb(187, 187, 187);
    }

    .timesheet th.leave, .timesheet td.leave input,
    .report .timesheet th.leave, .report .timesheet td.leave input {
        background: #81dce6;
    }

    .timesheet th.weekend, .timesheet td.weekend input,
    .report .timesheet th.weekend, .report .timesheet td.weekend input {
        background: rgb(187, 187, 187);
    }

    .timesheet td.columnsum input,
    .timesheet td.rowsum input  {
        font-weight: bold;
        color: black;
    }

    .timesheet td.error input {
        background: red !important;
        font-weight: bold;
        color: white;
    }

    .timesheet th.holiday, .timesheet td.holiday input {
        background: #d4aaaa;
    }

    td.notzero input {
        color: black;
        border: 2px solid #008602;
        border-bottom-width: 4px;
    }

    span.showfield {
        font-weight: 700;
    }

    .paddedrow {
        padding: 2px 20px;
    }

    .silverrow {
        background: rgb(248,248,248);
        border: 1px solid rgb(230,230,230);
    }

    td.nopadding {
        padding: 0 !important;
    }

    td.nopadding input {
        margin-bottom: 0 !important;
    }

/*.report .col-lg-1, .report .col-lg-10, .report .col-lg-11, .report .col-lg-12, .report .col-lg-2, 
.report .col-lg-3, .report .col-lg-4, .report .col-lg-5, .report .col-lg-6, .report .col-lg-7, 
.report .col-lg-8, .report .col-lg-9, .report .col-md-1, .report .col-md-10, .report .col-md-11, 
.report .col-md-12, .report .col-md-2, .report .col-md-3, .report .col-md-4, .report .col-md-5, 
.report .col-md-6, .report .col-md-7, .report .col-md-8, .report .col-md-9, .report .col-sm-1, 
.report .col-sm-10, .report .col-sm-11, .report .col-sm-12, .report .col-sm-2, .report .col-sm-3, 
.report .col-sm-4, .report .col-sm-5, .report .col-sm-6, .report .col-sm-7, .report .col-sm-8, 
.report .col-sm-9, .report .col-xs-1, .report .col-xs-10, .report .col-xs-11, .report .col-xs-12, 
.report .col-xs-2, .report .col-xs-3, .report .col-xs-4, .report .col-xs-5, .report .col-xs-6, 
.report .col-xs-7, .report .col-xs-8, .report .col-xs-9
{
    padding-left: 0;
    padding-right: 0;
    }*/

    .report table tr td {
        padding:4px 5px 4px 5px !important;
    }

    .report table td.leftpadded-sm {
        padding-left: 15px !important;
    }

    .report .table.table-striped thead tr {
        background: rgb(80, 80, 80) none repeat scroll 0 0 !important;
        color: rgb(255, 255, 255) !important;
    }


    .customrow {
        padding: 5px;
    }

    td.leftpadded-sm {
        padding-left: 30px !important;
    }

    td.leftpadded-md {
        padding-left: 50px !important;
    }

    .report span.identifier {
        font-weight: bold !important;
    }

    .report h1.companyname, .report h2.reportheader {
        margin: 5px 0;
    }

    .report h1.companyname {
        font-size: 1.3em;
    }

    .report h2.reportheader, .report h2.pageheader {
        font-size: 1.2em;
        text-align: center;
    }

    h3.reportheader {
        margin: 0 auto;
        max-width: 98%;
        padding: 8px 15px;
    }

    #dtPrivileges td {
        padding: 8px 8px 0px 10px;
        font-weight: 600;
    }

    .customform {
        border: 1px solid rgb(220,220,220);
        border-radius: 5px;
        background: rgb(243, 243, 243);
    }

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

    .row.report {
        max-width: 98%;
        margin: 0 auto;
    }

    .report.erca td {
        font-size: 13px;
        line-height: 16px;
    }

    .glyphicon.right {
        float: right;
        margin-top: 2px;
    }

    .glyphicon.left {
        float: left;
        margin-top: 2px;
    }

    .content-header .row {
        margin: 0;
    }

    .content-header h3, .content-header .col-md-7 {
        margin: 0 !important;
        padding: 0;
    }

    .content-header h3 {
        padding-bottom: 10px;
        font-size: 1.4em;
        letter-spacing: -0.5px;
    }

    .pagebuttons .btn {
        padding: 2px 10px 3px;
        min-width: auto;
        font-size: 0.9em;
    }

    button.dt-button.buttons-columnVisibility {
        color: #8e8e8e;
        border: 2px solid #e0dfdf;
    }

    button.dt-button.buttons-columnVisibility.active {
        color: black;
        border: 2px solid black;
        background: #bde8bd;
    }

    .my-form-control {
        min-width: 100px;
    }

    .my-print-form-control {
        max-width: 40px;
        padding: 8px 10px;
    }

    .pagebuttons a i {
        margin-right: 5px;
    }

    form.customsearch .form-group, form.customsearch .btn.form-control {
        margin-bottom: 3px !important;
    }

    .pagebreak { page-break-before: always; }

    .form-group.btmbtns a, .form-group.btmbtns button {
        margin: 5px 0 5px;
    }

    .login-box-body input {
        font-size: 1.2em;
        height: 45px;
    }

    input#remember {
        height: 10px;
    }

    .currentpayroll select, .currentpayroll button, .currentpayroll .select2 span, .currentpayroll a {
        font-size: 0.95em !important;
    }

    .currentpayroll .panel-body {
        padding: 5px 15px;
    }

    form.currentpayroll .form-group {
        margin-bottom: 5px;
    }

    .currentpayroll .checkbox {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .login-box button.btn.btn-primary {
        font-size: 1.2em;
        margin-bottom: 21px;
        padding: 10px 0;
    }

    .dashboard #tblUsers_wrapper .col-sm-6:nth-child(1) {
        display: none;
    }

    .sidebar-collapse section.sidebar ul li {
        border-bottom: 1px solid rgb(150, 150, 150);
    }

    .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li:hover>a>span:not(.pull-right), 
    .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li:hover>.treeview-menu
    {
        width: 240px;
    }

    .skin-blue .sidebar-menu > li.header {
        color: white;
        font-size: 15px;
    }

    .profilephoto {
        border: 1px solid rgb(255, 165, 0);
        border-radius: 5px;
        display: block;
        max-width: 100%;
        width: 100%;
        max-width: 400px !important;
    }

    .separator {
        min-height: 30px;
        width: 100%;
        display: block;
        position: relative;
        float: none;
    }

    .separator.three {
        min-height: 30px;
    }

    #tblReport thead th {
        background: rgb(120,120,120) !important;
    }

    .report table th {
        color: black !important !important;
        font-size: 1em;
    }

    .col-print-1 {width:8%;  float:left;}
    .col-print-2 {width:16%; float:left;}
    .col-print-3 {width:25%; float:left;}
    .col-print-4 {width:33%; float:left;}
    .col-print-5 {width:42%; float:left;}
    .col-print-6 {width:50%; float:left;}
    .col-print-7 {width:58%; float:left;}
    .col-print-8 {width:66%; float:left;}
    .col-print-9 {width:75%; float:left;}
    .col-print-10{width:83%; float:left;}
    .col-print-11{width:92%; float:left;}
    .col-print-12{width:100%; float:left;}

    .suholder nav.navbar-static-top {
        background: black none repeat scroll 0 0 !important;
    }

    .suholder .content-wrapper, .suholder .right-side {
        background:rgb(200,200,200) !important;
    }

    .activated {
        color: green;
    }

    .deactivated {
        color: red;
    }

    .doclink {
        margin-left: 10px;
    }

    .doclink i {
        font-size: 18px;
    }

    span.tablestatus {
        font-weight: bold;
    }

    span.tablestatus.success {
        color: green;
    }

    span.tablestatus.warning {
        color: orange;
    }

    span.tablestatus.error, span.tablestatus.danger {
        color: red;
    }

    td.nowrap, th.nowrap {
        white-space: nowrap;
    }

    .importpreview {
        overflow: scroll;
    }

    .importpreview input {
        border: none;
        padding: 2px 5px;
        border: 1px solid #e1dbdb;
        border-radius: 2px;
        width: auto;
    }

    .importpreview td {
        padding: 3px 5px;
    }

    .spinfo {
        color: rgb(255, 255, 255);
        display: block;
        margin-top: 5px;
        font-weight: bold;
        font-size: 25px;
    }

    .spinfo a {
        background: rgb(255, 255, 255) none repeat scroll 0 0;
        border-radius: 3px;
        color: rgb(135, 206, 235);
        font-weight: bold;
        margin: 0 0 0 20px;
        padding: 10px;
        font-size: 15px;
    }

    body.login-page {
        background: url(login.jpg) center center rgb(100,100,100);
    }

    .login-box-body, .register-box-body {
        background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0;
        color: black;
        margin: -25px auto 10px;
        max-width: 450px;
        width: 100%;
    }

    .login-logo img {
        background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0;
        max-width: 450px;
        padding: 10px;
        max-height: 120px;
    }

    h3.companyname {
        text-align: center;
    }

    .login-box, .register-box {
        width: 100%;
    }

    .login-logo a, .register-logo a {
        color: red;
        text-shadow:1px 1px 1px black;
    }

    .login-box-body input {
        background: rgba(0,0,0,0);
        color: black;
    }

    .login-box-body input::-webkit-input-placeholder {
     color: rgb(100,100,100);
 }

 .login-box-body input:-moz-placeholder { /* Firefox 18- */
     color: rgb(100,100,100);  
 }

 .login-box-body input::-moz-placeholder {  /* Firefox 19+ */
     color: rgb(100,100,100);  
 }

 .login-box-body input:-ms-input-placeholder {  
     color: rgb(100,100,100);  
 }

 .dropdown.notifications-menu a i {
    font-size: 20px;
}

.dropdown.notifications-menu .label.label-warning {
    font-size: 14px !important;
    right:5px !important;
    top:2px !important;
}

.report.A4 {
    width: 21cm;
    min-height: 27cm !important;
/*    padding: 0cm;
border: 1px solid rgb(200,200,200);*/
}

.report.A4.landscape {
    width: 29.7cm;
    min-height: 19cm !important;
/*    padding: 0cm;
border: 1px solid rgb(200,200,200);*/
}

.report.nocellpadding table tr td {
    padding: 0 !important;
    background: white;
}

.smalltableheaders th {
    font-size: 0.8em !important;
}

.smalltableheaders td {
    font-size: 0.85em !important;
}

.report tfoot td {
    background: rgb(180,180,180) !important;
}

.report .rowsum.columnsum input {
    width: 36px !important;
}

.calculatepayroll tfoot th {
    font-size: 0.8em;
    background: rgb(210 231 212);
}

.report td.percentage input {
    width: 48px !important;
}


.smalltableheaders th input, .smalltableheaders td input, .smalltableheaders tfoot input {
    width: 28px !important;
}



.report table td.readonly input {
    background: white !important;
}

.normaltableinputs input {
    border: none;
}

table .select2-container--default .select2-selection--single {
    padding: 0 !important;
    height: auto !important;
}

input.select2-search__field {
    font-size: 0.9em;
    padding: 1px 5px !important;
}

.report img.logo {
    margin-top: 5px;
    background: rgb(250,250,250) !important;
    border: 1px solid #0000002e !important;
    max-height: 90px;
    width: auto;
    margin-bottom: 5px;
}

.report h1.companyname {
    font-weight: 900;
    text-transform: uppercase;
    text-align: center;
}

.report table {
    font-size: 14px;
    width: 100%;
}

.report .content-wrapper>.content {
    padding: 5px 10px;
}

.reporttopheader {
    padding: 0;
    border-bottom: 0px solid orange !important;
}

.invoice h4 {
    border-top: 2px solid orange;
    border-bottom: 2px solid orange;
    padding: 10px 0;
}

.invoice h4 {
    border-top: 2px solid orange;
    border-bottom: 2px solid orange;
    padding: 10px 0;
    margin: 0 0 10px;
}

.report table tr.darkback td, .report table tr.darkback th {
    background: #f2f2f2 !important;
    font-weight: bold;
}

.report .rightborder {
    border-width: 0 2px 0 0;
    border-color: rgb(220,220,220);
}

.report .dashedborder {
    border-style: dashed;
}

table tr.darkback td, table tr.darkback th {
    font-weight: bold;
}

.report table tr.darkback td.hiddencell {
    background: white !important;
}

.invoice.report h1.companyname {
    text-align: left;
}



.report tr td.hiddencell {
    background: white !important;
    border: none !important;
    border-width: 0 !important;
}

.silverrow table, .silverrow .table-bordered>thead>tr>th, .silverrow .table-bordered>tbody>tr>th, 
.silverrow .table-bordered>tfoot>tr>th, .silverrow .table-bordered>thead>tr>td, 
.silverrow .table-bordered>tbody>tr>td, .silverrow .table-bordered>tfoot>tr>td {
    border: 1px solid rgb(217, 217, 217);
}

body.invoice.report.nomargin {
    padding: 0 !important;
}

.thirtypadding {
    padding: 10px 30px;
}

.sixtypadding {
    padding: 10px 60px;
}

.report table, .report table td, .report table th {
    border-top: 1px solid rgb(200,200,200) !important;
    background: white !important;
}

.report table.noborder, .report table.noborder td, .report table.noborder th {
    border: 0px solid rgb(200,200,200) !important;
}

table th {
    border: 1px solid #d9d9d9;
    border-width: 1px 1px 1px 1px !important;
}

table tr th, .report table tr th {
    background: #dadada !important;
}



.report table td.shade {
    background: rgb(240,240,240) !important;
}

.report table td, .report table th {
    padding: 10px;
}

.report table th {
    background: rgb(246,246,246) !important;
    color: black;
}

.calculatepayroll div#tblList_length, .calculatepayroll #tblList_filter {
    display: none;
}

/*.calculatepayroll .tablebuttons i {
    color: blue;
    }*/

    .calculatepayroll .col-md-3, .calculatepayroll .col-md-2 {
        padding-left: 0;
        padding-right: 0;
    }

    .calculatepayroll .col-md-10 {
        padding-right: 0;
    }

    .col-md-12.calculatepayroll {
     padding: 5px 0;
 }

 button.input-group-append {
    border-radius: 0 6px 6px 0;
}

#dtTableCalculated_wrapper thead .sorting:after {
    display: none;;
}

#dtTableCalculated_wrapper th, #dtTableCalculated_wrapper td {
    padding: 4px 3px;
}

table .alignright, table th.alignright, table td.alignright, .alignright {
    text-align: right;
}

tfoot.strong td, tr.strong td {
    font-weight: bold;
}

.dt-buttons {
    float: left;
    margin-bottom: 5px;
}

ul.pagination {
    padding: 10px;
}

.borderdivider {
    display: block;
    position: relative;
    border: 1px solid rgb(183, 183, 183);
    margin: 15px 0;
}

.calculatepayroll td, tr, th{
    font-size: 0.9em;
}

.calculatepayroll h3 {
    font-size: 1.2em;
    margin-top: 0;
}

.tbllbl {
    font-weight: bold;
}

.report h3 {
    color: #2278FA;
    font-size: 27px;
    font-weight: bold;
    padding: 10px 0;
    text-align: left;
}

.photorow {
    display: table;
    max-width: 5cm !important;
}

.report span.fullwidth {
    width: 100%;
    display: block;
    font-size: 1em;
}

.Name {
    color: rgb(255, 0, 0);
    text-decoration: underline;
}

div.borderdiv {
    border: 1px solid #cccccc;
    margin-bottom: 15px;
}

.row.indentleft {
    padding-left: 5px;
}

table.gray td {
    background-color: #b9b9b9 !important;
    font-size: 1.2em;
}

table td.white {
    background: white;
    border: none !important;
}

.reconcilation table.fourcolumns td, .reconcilation table.fourcolumns th {
    width: 25%;
}

.reconcilation table.sixcolumns td, .reconcilation table.sixcolumns th {
    width: 12.5%;
}

.reconcilation table.sixcolumns td:first-child, .reconcilation table.sixcolumns th:first-child {
    width: 25%;
}


.table-striped>tbody>tr:nth-of-type(even), .table-striped>tbody>tr:nth-of-type(even) td {
    background-color: rgb(246, 246, 246) !important;
    -webkit-print-color-adjust: exact !important;
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: white;
    -webkit-print-color-adjust: exact !important;
}

.dt-button-collection {
    margin: 2px auto !important;
}

div#tblList_paginate a {
    background: #dadada;
    margin: 0 2px;
    border-radius: 2px;
    padding: 0 5px;
    border: 1px solid #b2b2b2;
    font-size: 0.9em;
}

div#tblList_info, #tblList_paginate {
    width: 50%;
    float: left;
    display: block;
    margin-top: 15px;
    padding-top: 10px;
    padding-bottom: 5px;
}








body.app a.brand-link, body.app .sidebar, body.app aside, 
body.app .pageheader, 
body.app nav.main-header.navbar.navbar-expand.navbar-info {
    display: none;
}

body.app .content-wrapper {
    margin-left: 0;
}

body.app div.dataTables_wrapper div.dataTables_filter {
    text-align: left;
}

body.app .dataTables_filter label {
    margin-bottom: 0 !important;
    width: 100%;
}

body.app .dataTables_wrapper, body.app div#searchList {
    background: transparent;
}

body.app label {
    margin-bottom: 2px;
}

body.app div#tblList_filter input {
    width: 95%;
}

body.app div.wrapper section.content {
    margin-top: 0 !important;
    padding: 0 10px !important;
}

body.app div#tblList_info {
    display: none;
}

body.app table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before {
    top: 7px;
}

body.app .dataTables_wrapper, body.app div#searchList {
    box-shadow: none;
    border: 0px solid #eeeef3;
}

body.app .content-wrapper {
    background: white !important;
}

body.app .datepicker.dropdown-menu, body.app body, body.app h1, body.app h2, body.app h3, 
body.app h4, body.app h5, body.app h6, body.app p {
    font-size: "Open Sans", sans-serif;
}

body.app .pagebuttons a:nth-child(n+2) {
    display: none;
}

body.app .pagebuttons #btnSearch {
    display: inline-block;
}

body.app .pagebuttons {
    text-align: right;
}

body.app button.dt-button.buttons-excel,
body.app button.dt-button.buttons-pdf,
body.app button.dt-button.buttons-print {
    display: none;
}

body.app .dataTable .child li, .dataTable .child li {
    width: 50%;
    float: left;
    display: inline-block;
    clear: none;
    border: 1px solid #b7b7b7;
    padding: 2px 3px !important;
}

body.app .dataTable .child, .dataTable .child {
 background: white;
}

body.app .contentsection, body.app .content, body.app .content-wrapper {
    background: #c8e6ca !important;
    box-shadow: none;
    padding: 0 !important;
}
/*
body.app table.responsive thead {
    display: none;
    }*/

    body.app .contentsection {
        padding: 5px 10px;
    }

    body.app label {
        margin-bottom: 1px;
        font-weight: normal !important;
        font-size: 1em;
    }

    body.app html, body.app {
        background: #c8e6ca;
    }

    body .form-group {
        margin-bottom: 5px;
    }

    table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, 
    table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before {
        top: 7px !important;
    }




















    @media (min-width: 979px) {
     .content-header .col-md-5, .content-header .col-md-6 {
        text-align: right;
    }

    .content-header .col-md-5, .content-header .col-md-6.left{
        text-align: left;
    }


}








@media (max-width: 980px) {

 body div.wrapper section.content {
    padding: 0;
    margin: 5px 0 5px !important;
}

.container-fluid {
    padding-left: 0;
    padding-right: 0;
}

.container-fluid .row {
    margin-right: 0;
    padding-right: 0;
    margin-left: 0 !important;
}

.col-md-12 {
    margin: 0 !important;
    padding: 0 !important;
}

.dataTables_filter {
    padding-bottom: 0;
}

.content-header h1 {
    font-size: 1.4em;
    padding-bottom: 8px;
}

.content-header {
    padding: 5px 0.5rem;
}

.dataTables_wrapper, div#searchList {
    padding: 5px;
}

.dataTables_filter label {
    margin-bottom: 0 !important;
    padding-bottom: 0;
}

div.dataTables_wrapper div.dataTables_filter label {
    text-align: center !important;
}

div.dataTables_wrapper div.dataTables_filter input {
    display: block !important;
}

div.dataTables_wrapper div.dataTables_info {
    white-space: normal;
}

div#tblList_info, #tblList_paginate {
    width: 100%;
    float: none;
    margin-top: 0;
}

table.responsive td, table.responsive th {
    padding: 5px;
}

table td, table th, table td span {
    min-width: 0 !important;
}

body.app .dataTable tfoot td.showonresponsive, .dataTable tfoot td.showonresponsive {
    display: block !important;
}

body.app .customresponsive table, body.app .customresponsive thead, body.app .customresponsive tbody, 
body.app .customresponsive th, body.app .customresponsive td, body.app .customresponsive tr { 
    display: block; 
}

body.app .customresponsive table, .table.customresponsive { 
    padding: 0 20px !important;
    width: 100% !important;
}

body.app .customresponsive td { 
    width: 98% !important; 
    padding-left: 10px;
}

.table-striped.customresponsive>tbody>tr:nth-of-type(even), 
.table-striped.customresponsive>tbody>tr:nth-of-type(even) td,
.table-striped.customresponsive>tbody>tr:nth-of-type(even) td input,
.table-striped.customresponsive>tbody>tr:nth-of-type(even) td .select2-container--default .select2-selection--single
{
    background-color: rgb(236, 236, 236) !important;
}





@media (max-width: 767px) {
    #searchList .form-group {
        margin-bottom: 0;
    }

    #searchList button.btn-primary, #searchList a.btn-danger {
        padding: 4px 60px;
        margin: 10px 20px 5px 0;
    }

    .customtableholder {
    overflow-x: auto;
}

td.colitem {
    min-width: 150px !important;
}

td.colquantity {
    min-width: 50px !important;
}

td.colunitprice {
    min-width: 110px !important;
}


}




@media (max-width: 576px) {
    .hideonmobile {
        display: none;
    }

    .dt-buttons, .dataTables_filter {
        padding: 0px 0 10px;
        width: 100%;
        text-align: center;
    }
}



@media print {


  body, table, table td, table th, h1, h2, h3, h4, h5, h6 {
    color: rgb(20,20,20) !important;
}

body.report.smallfont td, body.report.smallfont th, body.report.smallfont p, body.report.smallfont h4, body.report.smallfont h5 {
    font-size: 75% !important;
}

body.report.smallfont h1 {
    font-size: 110% !important;
}

body.report.smallfont h2 {
    font-size: 100% !important;
}

body.report.smallfont h3 {
   font-size: 90% !important;
}

body.report.smallfont h4 {
   font-size: 85% !important;
}

body.report.smallfont h5 {
   font-size: 80% !important;
}


body.report.tight table td, body.report.tight table th {
    padding: 1px !important;
}

body.report.tight h1, body.report.tight h2, body.report.tight h3, body.report.tight h4, 
body.report.tight h5, body.report.tight h6 {
   margin-top: 5px !important;
   margin-bottom: 5px !important;
}

body.report.tight table {
   margin-bottom: 5px !important;
}


body.report.normalmargin  {
    margin: 1cm !important;
}

body.report.narrowmargin  {
    margin: 0.5cm !important;
}

body.report.nomargin  {
    margin: 0cm !important;
}

body.invoice.report.nomargin {
    padding: 0 !important;
}

body.report.widemargin  {
    margin: 1.5cm !important;
}

.row.indentleft {
    padding-left: 5px  !important;
}


table.gray td {
    background-color: #b9b9b9 !important;
    font-size: 1.2em  !important;
}

table td.white {
    background: white;
    border: none !important;
}

table.fourcolumns td,  table.fourcolumns th {
    width: 25%  !important;
}

table.sixcolumns td,  table.sixcolumns th {
    width: 12.5%  !important;
}

table.sixcolumns td:first-child, table.sixcolumns th:first-child {
    width: 25%  !important;
}

table th, table td, table, table tr  {
    background-color: rgb(200,200,200)  !important;
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #efefef;
    -webkit-print-color-adjust: exact !important;
}

.invoice.report table tr td {
    padding: 2px 4px !important;
}

.invoice.report .table>thead>tr>th {
    padding: 2px 4px !important;
}

/*.report span.fullwidth {
    font-size: 0.85em;
}
*/



}