.btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn {
    border-radius: 0 4px 4px 0;
}

.input-group {
    direction: rtl !important;
}

.fas, .text-color {
    color: rgba(0, 0, 0, .54);
}

.input-group-btn:last-child > .btn {
    border-radius: 4px 0 0 4px;
    border-right-width: 0 !important;
    border-left-width: 1px !important;

}

.input-group .form-control:first-child {
    border-radius: 0 4px 4px 0;

}

.breadcrumb-item + .breadcrumb-item {
    /* padding-right: 0.5rem; */
    padding-left: unset;
}

.breadcrumb-item + .breadcrumb-item::before {
    float: right;
    padding-left: 0.5rem;
}

.page-item:first-child .page-link {
    border-radius: 0 0.25rem 0.25rem 0;
}

.page-item:last-child .page-link {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

.btn-group > .btn:nth-child(n+3), .btn-group > :not(.btn-check) + .btn, .btn-group > .btn-group:not(:first-child) > .btn {
    border-radius: 4px 0 0 4px;
}

.btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.form-check {
    min-height: 1.44rem;
    padding-right: 1.5em;
}

.form-check .form-check-input {
    float: right;
    margin-right: -1.5em;
}

.dataTables_wrapper .dataTables_length {
    float: right;
}

.navbar-expand-md .navbar-collapse {
    flex-direction: row-reverse;
}

.logo {
    display: grid;
    margin: 0 auto;
}

.text-right {
    text-align: left;
}

.close {
    float: left;
    border: 0;
    background: unset;
}

.btn-success {
    background: transparent;
    color: #38c172;
}

.btn-primary {
    background: transparent;
    color: #1976d2;
}

.btn-warning {
    background: transparent;
    color: #ffed4a;
}

.btn-danger {
    background: transparent;
    color: #e3342f;
}

.btn-secondary {
    background: transparent;
    color: #6c757d;
}

@font-face {
    font-family: OptimusPrinceps;
    src: url('/public/fonts/CairoRegular.ttf');
}

html, body {
    height: 100%;
    margin: 0;
}

body {
    font-family: Cairo, serif;
    background: #FFF;
}

.content {
    /* 80 = header */
    /* 50 = footer */
    /* 24 = pt-4 */
    min-height: calc(100vh - 80px - 50px - 24px);
    padding-bottom: 16px;
}

.link-danger {
    color: #e3342f !important;
}

.card-body {
    min-height: 130px;
}

.footer {
    height: 50px;
}

.remember-check {
    display: flex;
    align-items: center;
    justify-content: center;
}

#remember {
    margin-left: 5px;
}

.navbar {
    height: 64px;
    box-shadow: 0 2px 4px -1px rgb(0 0 0 / 20%), 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%) !important;
    background-color: #f5f5f5 !important;
}

.footer {
    height: 64px;
    box-shadow: 0 2px 4px -1px rgb(0 0 0 / 20%), 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%) !important;
    background-color: #CCC !important;
}


#billPrint .navbar {
    display: none;
}

#billPrint {
    margin-top: 3cm;
}

.dataTable {
    width: inherit !important;
}

.dataTables_wrapper .dataTables_filter input {
    margin-left: 0 !important;
    margin-right: 0.5em;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 0.25em 0.2em !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    border-color: transparent !important;
    background: unset !important;
    background-color: aliceblue !important;
}

tr:nth-child(2n) {
    background-color: #eee !important;
}

.form-select {
    background-position: left 0.75rem center;
}

.form-select-sm {
    padding-left: 1.5rem;
    padding-right: 0.5rem;
}

/* remove arrow */
.sorting::before,
.sorting_asc::before,
.sorting_desc::before,
.sorting_asc_disabled::before,
.sorting_desc_disabled::before,
.sorting::after,
.sorting_asc::after,
.sorting_desc::after,
.sorting_asc_disabled::after,
.sorting_desc_disabled::after {
    content: unset !important;
}

.sorting,
.sorting_asc,
.sorting_desc {
    padding-right: 24px !important;
}

th, td {
    padding: 10px 12px !important;
}

.print-table th, .print-table td {
    padding: 5px 6px !important;
}

.qrcode {
    justify-items: center;
    display: grid;
    align-items: center;
}

.font-size-12px {
    font-size: 12px;
}

.font-size-14px {
    font-size: 14px;
}

.card:hover {
    border: 1px solid rgba(0, 0, 0, .54);
}

.dropdown-menu {
    text-align: right;
}

.dataTables_wrapper .dataTables_info {
    float: right !important;
}

.dataTables_wrapper .dataTables_paginate {
    float: left !important;
}

.dataTables_wrapper .dataTables_length {
    float: right !important;
}

.dataTables_wrapper .dataTables_filter {
    float: left !important;
}

.select2-selection .select2-selection--single {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 0.9rem;
    font-weight: 400;
    line-height: 1.6;
    color: #212529;
    background-color: #f8fafc;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.rejected-btn {
    margin-right: 4px;
}

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

.remember-me {
    margin-top: 10px;
}

.small-box {
    border-radius: .25rem;
    box-shadow: 0 0 1px rgba(0, 0, 0, .125), 0 1px 3px rgba(0, 0, 0, .2);
    display: block;
    margin-bottom: 20px;
    position: relative;
}

.small-box > .inner {
    padding: 20px;
}

.small-box .icon {
    color: rgba(0, 0, 0, .15);
    z-index: 0;
}

.small-box > .small-box-footer {
    background: rgba(0, 0, 0, .1);
    color: rgba(255, 255, 255, .8);
    display: block;
    padding: 3px 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    z-index: 10;
}

.small-box .icon > i.fa, .small-box .icon > i.fab, .small-box .icon > i.far, .small-box .icon > i.fas, .small-box .icon > i.glyphicon, .small-box .icon > i.ion {
    font-size: 70px;
    top: 20px;
}

.small-box .icon > i {
    font-size: 90px;
    position: absolute;
    right: 15px;
    top: 15px;
    transition: all .3s linear;
}

.inner h3, .inner p {
    color: white;
}

.bill-note {
    max-width: 350px;
}