body { font-size: .95rem; color: #777777; background-color: #EFEFEF; line-height: 1.1; }

a { color: #77BC1F; }
a:hover { color: #5c9019; }

h1, h2, h3, h4, h5 { color: #777777; }

h6, .subheading { font-weight:bold; font-style:italic; }

pre { white-space: pre-line; }

.w-100 { width:100px !important; }
.w-50 { width:50px !important; }

.alert {
    margin-bottom: .4rem;
}

.nav-link { padding: .4rem 1rem; }

.navbar { padding: 0rem 1rem;}

/* Fixes dropdown menus placed on the right side */
.navbar-nav .dropdown-menu { left: auto !important; right: 0px; border-top:0; }

.dropdown-item.active, .dropdown-item:active { background:transparent; }

.dropdown-menu {
    padding: 2px;
    line-height: normal;
}

.dropdown-item { padding: .5rem 1.5rem; }

label {
    margin-bottom: .0rem;
    margin-left: .1rem;
}
select.form-control.form-control-sm.selectpicker:not(:disabled),
select.form-control.form-control-sm:not(:disabled) {
    padding: 0 .1rem !important;
    margin-left: -1px;
    font-size: 1.2rem;
    height: 1.65rem;
    line-height: 1.65rem;
    vertical-align:middle;
    color: #333;
    font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: linear-gradient(45deg, transparent 50%, #77BC1F 50%), linear-gradient(135deg, #77BC1F 50%, transparent 50%);
    background-position: calc(100% - 10px) calc(0.5rem + 1px), calc(100% - 3px) calc(0.5rem + 1px), 0px, 0em;
    background-size: 7px 7px, 7px 7px, 1px 1.5em;
    background-repeat: no-repeat;
}
select:disabled {
    /* for Firefox */
    -moz-appearance: none;
    /* for Chrome */
    -webkit-appearance: none;
    border: 0 !important;
    pointer-events:none;
}
select.form-control.form-control-sm {
    line-height: 1.65rem;
}
select::-ms-expand { /* Hide IE's select arrow */
    display: none;
}
input.custom-combobox-input.form-control.form-control-sm.input-right-append {
    border-radius: 0.2rem 0 0 0.2rem;
}

.input-group > .custom-select:not(:last-child), .input-group > .form-control:not(:last-child) {
    border-bottom-right-radius: .2rem;
    border-top-right-radius: .2rem;
}

/* For IE10 */
select:disabled::-ms-expand {
    display: none;
}

.form-check-input { margin-top: .1rem; }

.form-control-sm, .input-group-sm > .form-control-sm, .input-group-sm > .input-group-append > .btn, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-prepend > .input-group-text, .input-group-addon > .input-group-append > .input-group-text {
    font-size: 1.2rem;
    padding-left: 5px;
    height: 1.65rem;
    line-height: 1.2rem;
    vertical-align:middle;
    color: #333;
}

.input-group-append .input-group-text {
    border-left: 0 !important;
}

.form-control {
    font-size: 1.2rem;
    line-height: 1.2rem;
    vertical-align:middle;
    color: #333;
}
.form-control:focus { border-color: #ced4da; box-shadow: 0 0 8px rgba(119, 188, 31, 0.3); }

.form-control-sm, .input-group-sm > .form-control-sm, .input-group-sm > .input-group-append > .btn, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-prepend > .input-group-text, .input-group-addon > .input-group-append > .input-group-text {
    padding: .265rem .1rem;
    background-color: #fff;
    height: 1.65rem;
}

.input-group-sm > .input-group-append > select.btn:not([size]):not([multiple]), .input-group-sm > .input-group-append > select.input-group-text:not([size]):not([multiple]), .input-group-sm > .input-group-prepend > select.btn:not([size]):not([multiple]), .input-group-sm > .input-group-prepend > select.input-group-text:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]), select.form-control-sm:not([size]):not([multiple]) {
    height: calc(1.6rem);
    padding: 0px 0px 0px 0.1rem;
    border: 1px solid #ced4da;
}

.input-group > .input-group-append > .btn, .input-group .input-group-append > .input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.input-group > .input-group-prepend:first-child > .input-group-text:first-child {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.2rem;
    vertical-align:middle;
    color: #777777;
    border: none;
}

.input-group-prepend + .form-control {
    border-radius: .2rem !important;
}

.input-group-append input[type=button] {
    padding: 0 5px !important;
}

.page-link {
    color: #77BC1F;
}
.page-link:hover {
    color: #5c9019;
}

.form-control:disabled, .form-control[readonly] { background-color: transparent; opacity: 1; border: none; }

/*.input-group-text {
    padding: .265rem .3rem;
    text-decoration: none !important;
    color: #77BC1F;
    background-color: #fff;
}*/

    .input-group-text a {
        color: #77BC1F;
    }

    .input-group-text a:hover {
        color: #397e3b;
        text-decoration: none !important;
    }


.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 {
    padding-right: 5px;
    padding-left: 5px;
}

.append-right .input-right-append { border-right: none; }

.row { margin-right: -5px; margin-left: -5px; }

.table th { padding: .4rem; }
.table th, .table td { border-top: 0; }
.table-striped > tbody > tr:nth-of-type(odd) { background-color: #f7f7f7; }
.table:not(.table-light) thead th { background-color: #7F7F7F !important; color: #fff; font-weight: 500; }
.table:not(.table-light) thead th a { background-color: #7F7F7F !important; color: #fff; font-weight: 500; }
.table:not(.table-light) thead th a:hover { background-color: #7F7F7F !important; color: #eeffd8; font-weight: 500; }
.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th { background-color: rgba(209, 255, 149, 0.30); }
th { font-weight: normal; }
th a { color: #777777; }
th a:hover { color: #333; }
.table:not(.table-light) td, .table:not(.table-light) th { vertical-align: middle; color:#000; }
td input.form-control { padding-top: 0; padding-bottom:0; }

/********** START CUSTOM TABLE STYLES **********/
table.table-custom > tbody:first-child > tr:first-child th { /* Header */
    background-color: #7F7F7F !important;
    color: #fff;
    font-weight: 500;
    border-color: #32383e;
    border-bottom: 2px solid #32383e;
}
table.table-custom > tbody:first-child > tr:first-child a { /* Header Links */
    background-color: transparent !important;
    color: #fff;
    font-weight: 500;
}
table.table-custom > tbody:first-child > tr:first-child a:hover { /* Header Links Hover */
    background-color: #7F7F7F !important;
    color: #eeffd8;
    font-weight: 500;
}
table.table-custom.table-striped > tbody:first-child > tr:nth-of-type(even) { /* Reverse Even/Odd striping */
    background-color: #f7f7f7;
}
table.table-custom.table-striped > tbody:first-child > tr:nth-of-type(odd) { /* Reverse Even/Odd striping */
    background-color: #fff;
}
.table-custom tbody tr.datagrid-pager { /* Footer */
    background-color: #fff !important;
    padding-left: 0;
}
    .table-custom tbody tr.datagrid-pager:hover td { /* Footer Hover */
        background-color: #fff;
    }
.table-custom tbody tr.datagrid-pager { /* Pager */
    height: 35px;
    font-size: 0px;
}
.table-custom tbody tr.datagrid-pager span,
.table-custom tbody tr.datagrid-pager a { /* Pager Page List */
    padding: .3rem .75rem;
    border: 1px solid #dee2e6;
    border-collapse: collapse;
    box-sizing: border-box;
    font-size: .98rem;
}
.table-custom tbody tr.datagrid-pager a:hover { /* Pager Page Hover */
    text-decoration: none;
    background: #e9ecef;
    color: #28a745;
    border-color: #dee2e6;
}
.table-custom tbody tr.datagrid-pager :first-child { /* Pager First Page */
    border-radius: .25rem 0 0 .25rem;
}
.table-custom tbody tr.datagrid-pager :last-child { /* Pager Last Page */
    border-radius: 0 .25rem .25rem 0;
}
.table-wrap td {
    word-wrap: break-word;
    white-space:normal;
}
.table-receipt input.form-control-sm {
    font-size: 0.95rem;
}
/********** END CUSTOM TABLE STYLES **********/

.tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before, .tooltip.bs-tooltip-top .arrow::before { border-top-color: rgba(0,0,0,0.4); }
.tooltip.bs-tooltip-auto[x-placement^=right] .arrow::before, .tooltip.bs-tooltip-right .arrow::before { border-right-color: rgba(0,0,0,0.4); }
.tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .tooltip.bs-tooltip-bottom .arrow::before { border-bottom-color: rgba(0,0,0,0.4); }
.tooltip.bs-tooltip-auto[x-placement^=left] .arrow::before, .tooltip.bs-tooltip-left .arrow::before { border-left-color: rgba(0,0,0,0.4); }
.tooltip-inner { max-width: 100%; }

.border-left { border-left-width: 2px !important; padding-left:.5rem; }

table .form-group { margin-bottom: 0px; }

table input[type="number"] { text-align: right; }

.custom-select.is-invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .was-validated .form-control:invalid, .e-ddl.is-invalid {
    border: 1px solid #dc3545 !important;
}

.close:not(:disabled):not(.disabled) {
    line-height: 0.5;
}

.input-group input:disabled ~ .input-group-append:not(.show),
.input-group input:read-only ~ .input-group-append:not(.show) {
    display: none;
}

.input-group input:disabled ~ .input-group-append.show span,
.input-group input:read-only ~ .input-group-append.show span {
    border-color:transparent;
}

tfoot.border-top {
    border-top-width: 5px !important;
}

.form-check-inline input[type=radio] + label {
    margin-right: .75rem;
}

.form-group {
    margin-bottom: .3rem;
    /* margin-bottom: 1rem; */
}

/* Prevents tooltips from flickering in small spaces */
.tooltip {
    pointer-events: none;
}

/* SMALL */
@media (min-width: 576px) {
    /*.form-check {
        padding-left: 0;
    }*/
}

/* MEDIUM */
@media (min-width: 768px) {

}

/* LARGE */
@media (min-width: 992px) {
    .modal-lg {
        max-width: 950px;
    }
}

/* X-LARGE */
@media (min-width: 1200px) {
    .form-check {
        padding-left: 1.25rem;
    }
    .form-check.form-check-inline {
        padding-left: 0;
    }
}