button.btn.btn-primary.submit_button.stick {
    position: fixed;
    /* top: 4px; */
    bottom: 0px;
}

* {
    print-color-adjust: exact !important;
    -webkit-print-color-adjust: exact !important;
}

.sales_edit .tax_rate,
.sales_edit .qty,
.sales_edit .discount,
.sales_edit .unit_type {
    max-width: 5em;
}

/*.card {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    transition: 0.3s;
}

.card:hover {
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
}

.card-container {
    padding: 2px 16px;
}
*/

input:focus:invalid {
    border: 1px solid red !important;
    background: #fff2f2 !important;
}

.info-number {
    padding: 6px 15px !important;
}

.sales_edit .rateXqty {
    max-width: 10em;
}

hr.line {
    border-top: 2px solid #000;
}

hr.total {
    margin: 0;
}

legend {
    width: auto;
    padding: 5px;
    border: none;
}

fieldset {
    border: 1px solid #ccc;
    /* box-shadow: 2px 2px 10px -2px rgba(0, 0, 0, 0.3); */
    padding: 0 15px 15px 15px;

    margin: 0.5em;
}

legend {
    background: #fff;
    height: auto;
    padding-bottom: 1px;
}


.error_popup {
    position: fixed;
    z-index: 9999999999;
    background: red;
    color: white;
    width: 18em;
    padding: 2em;
    top: 3em;
    right: 3em;
    border-radius: 2%;
    box-shadow: 0 0 20px 3px #565656;
}

.popover_img {
    max-height: 400px;
    max-width: 400px;
}

.user-profile.dropdown-toggle {
    padding: 6px;
}

.nav.toggle {
    padding: 8px;
}

/*.table-responsive td {
    font-size: 13px;
}

.table-responsive th {
    font-size: 15px;
}*/

@media (max-width: 480px) {
    body {
        background: #F7F7F7;
    }
}

input:focus {
    box-shadow: inset 0px 0px 8px -4px black;
}

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: 0;
}

.btn-primary:focus,
button.btn.btn-primary:focus,
.btn:focus,
button:focus {
    box-shadow: 0 0 2px 0px red;
}

.ui-pnotify-closer,
.ui-pnotify-sticker {
    float: right;
    margin-left: .2em
}

.error {
    color: red;
}

input.error {
    box-shadow: 0 0 5px red;
}

td.product-id span.select2.select2-container.select2-container--default {
    width: 12em !important;
}

.purchase-entry i.fa.fa-check.text-success {
    background: #fff;
    border-radius: 4px;
    padding: 1px;
    border: 2.5px solid #3c763d;
}

.purchase-entry td,
.sales-entry td {
    padding: 0 !important;
    background: #fff;
}

.t-v {
    text-align: center;
    vertical-align: middle;
}

.block {
    background: #fff;
    padding: 1em;
    border: 1px solid #dedede;
    margin: 1em auto 1em auto;
    /*border-radius: 4px;*/
    color: #333;
}

.table {
    background: #fff;
}

.required {
    color: red;
}

.left_col,
body,
.right_col {
    transition: 300ms;
}

.table-input {
    width: 100%;
    height: 2.2em;
    border: 0;
    box-shadow: none;
    margin: 0;
    padding-left: 3px;
}

table td label.error {
    display: none !important;
}

.table-input:focus {
    background: #f3f3f3;
    box-shadow: inset 0px 0px 9px -2px black;
}

.table-input:read-only {
    background: #f6f6f6;
}

.suggestion {
    font-weight: bold;
    color: red;
}

.tableRowProductUpload .btn-xs,
.sales-entry .btn-xs {
    margin: 3px;
}

.pId {
    max-width: 4em;
}

.bNo {
    max-width: 7em;
}

.pRate,
.sRate {
    max-width: 7em;
}

.pSize {
    max-width: 8em;
}

.tRate,
.disc {
    max-width: 5em;
}

.pUnit,
.pUnitType {
    max-width: 5em;
}

.pAmount {
    max-width: 7em;
}

.pName {
    min-width: 16em;
}

.product_size {
    min-width: 5em
}

.sales_rate,
.total_amount {
    min-width: 10em;
}

/*.sales-entry td:nth-child(1),
.sales-entry td:nth-child(9) {
    text-align: center;
}*/

table .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 27px;
}

table .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-top: 0;
    color: black;
}

span.select2-selection.select2-selection--single:focus {
    box-shadow: 0 0 18px 1px black !important;
}

.site_title img {
    background: #eee;
    padding: 3px;
    margin: 2px;
    height: 1.69em;
}

.toggle a {
    color: #2f9aba;
}

input:focus {
    box-shadow: 0 0 18px 1px black !important;
}

.ajax_form_submit_loading {
    background: #207696;
    color: white;
    border-radius: 1em;
    height: 100px;
    left: 50%;
    padding: 2em;
    position: fixed;
    right: 50%;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: 300ms;
    width: 100px;
    z-index: 9999;
}

.dr_cr tfoot tr {
    border-top: 1px solid black;
}

.dr_cr tfoot th {
    width: 209px;
    border-top: 2px solid black !important;
    table-layout: fixed;
}

.login {
    background: #eee;
}

body.login:before {
    background-image: linear-gradient(to bottom right, #191919, #212d5f, #031736);
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    /*opacity: .6;*/
}

body.login.tri-color:before {
    background-image: linear-gradient(#FF9933, white, white, #138808);
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    /*opacity: .6;*/
}

body.login.tri-color .login_content form {
    background: rgba(0, 0, 0, 0.1);
    /* box-shadow: none; */
}

.login_content a {
    color: #ed6126;
    font-size: 14px;
}

.login_content {
    text-shadow: none;
}

.separator {
    color: #eee;
}

.login_content .btn.btn-primary {
    background: #ed6126;
    border-color: #ed6126;
    margin-left: 0;
}

.login_content form {
    background: #cecece;
    border-radius: 5px;
    box-shadow: 4px 5px 22px 0px black;
    padding: 2em;
    width: 100%;
    border-radius: 20px;
    background: #202a55;
    box-shadow: 5px 5px 10px #1b2347, -5px -5px 10px #253163;
}

.error_login_content {
    animation: login_animate 400ms infinite;
}

@keyframes login_animate {
    0% {
        transform: translate(4%);
    }

    30% {
        transform: translate(0%);
    }

    100% {
        transform: translate(4%);
    }
}

.login-error {
    /*padding: 8px;*/
    background: #ce0000;
    border-radius: 6px;
    color: white;
    font-weight: bold;
    letter-spacing: 1px;
    transition: 300ms;
}

span.select2-selection {
    overflow: hidden;
}

h1.company_name {
    /*color: red;*/
    /*font-family: Times;*/
    /*text-transform: uppercase;*/
    font-weight: bold;
}

span.error {
    line-height: initial;
}

/*.edit_btn {
    position: absolute;
    right: 10%;
    top: 0;
}
*/

table td span {
    line-height: 1;
}

.total_table td {
    border-top: none !important;
}

.top_tr {
    border-top: 1px solid #e9e9e9;
}

span.shortcut {
    background: #222;
    border-radius: 2px;
    border: 1px solid #999;
    float: right;
    font-size: 8px;
    line-height: 1;
    padding: 4px;
}

.bottom_tr {
    border-bottom: 4px solid #e5e5e5;
}

table.table.total_table tr td {
    padding: 2px;
    position: relative;
}

.field_change {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 80px;
    z-index: 9999;
}

table .btn {
    margin: 2px;
}

.border-right {
    border-right: 1px solid black !important;
}

.top_tr {
    border-top: 1px solid #000 !important;
}

img.ajax_form_submit_loading {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999;
    border-radius: 1em;
    background: #fff;
    color: white;
    height: auto;
    padding: 0;
    right: 50%;
    text-align: center;
    top: 50%;
    transition: 300ms;
    width: auto;
    z-index: 9999;
    box-shadow: 5px 12px 33px 1px #8c8c8c;
}

img.ajax_form_submit_loading:hover {
    /* width: 47em !important; */
    transition: 300ms;
    cursor: wait;
}

.table-hover>tbody>tr:hover {
    background-color: #e6e6e6 !important;
    box-shadow: inset 0px 0px 9px 2px #696969;
    /* transition: 300ms; */
}


.table-hover>tbody>tr {
    transition: 300ms;
}

.border-left {
    border-left: 1px solid black !important;
}

.dataTables_filter {
    width: 100%;
}

tr.selected {
    background: #5abee4 !important;
}

.table-hover>tbody>tr.selected:hover {
    background: #92cce2 !important;
}

.sticky_sales_button,
.p-sticky {
    position: sticky;
    bottom: 0;
    background: #fff;
    padding-bottom: 0.6em;
}

/* .x_panel.daily_summery.open {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 9999;
    width: 96%;
    transform: translate(-50%, -50%);
    box-shadow: 0 0 110px 10px;
} */

.ledger_placeholder table tfoot {
    display: table-row-group;
}

.multy-ledger-config .selected {
    background-color: #5abee4;
}

.progress {
    height: 1.15em;
    border-radius: 4px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.37);
}

.progress-bar {
    box-shadow: inset 0 -2px 1px rgba(0, 0, 0, 0.36);
}

.image-display-card {
    display: inline-block;
    margin: 1em;
    position: relative;
}

.image-display-card .image-remove-button {
    position: absolute;
    right: -8px;
    top: -8px;
    padding: 5px 6px;
    background: #eee;
    border: 1px solid #ccc;
    border-radius: 50%;
    cursor: pointer;
}

.product-details-view-image .image-box {
    padding: 1em;
    border: 1px solid #eee;
    margin: 1em;
}

table.dr-cr-ledger {
    margin: 0 !important;
    border: 1px solid black;
}

table.dr-cr-ledger thead tr {
    border-bottom: 1px solid black !important;
}

table.dr-cr-ledger thead th {
    background-color: #c1b9b9;
    border-bottom: 1px solid black !important;
}

.account-ledger-particulars {
    padding-left: 5px;
}

.account-ledger-date {
    padding-left: 5px;
}

.account-ledger-dr-amt {
    padding-right: 5px;
}

.account-ledger-cr-amt {
    padding-right: 5px;
}

.account-ledger-date,
.account-ledger-vch-no,
.account-ledger-dr-amt {
    border-right: 1px solid;
}

.dr_total,
.cr_total {
    border: 1px solid !important;
    border-bottom: 1px solid !important;
}

.x_panel,
.tile-stats,
.block {
    border-radius: 0;
    border: 0;
    border-top: 6px solid #696969;
    box-shadow: 1px 3px 10px 0px rgba(0, 0, 0, 0.15);
}

.shadow {
    box-shadow: 1px 3px 10px 0px rgba(0, 0, 0, 0.15);
}

.form-control-sm {
    padding: 1px 1em;
    height: 2em;
    font-size: 0.9em;
}

.daily_summery.open {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 94%;
    z-index: 1000;
    box-shadow: 0 0 110px black;
}

.gstr3b-style-heading {
    padding: 1em;
    background-color: #2f2929;
    color: white;
    margin-bottom: 2px;
}

input#exampleCheck1 {
    zoom: 1.7;
}

.archive-product {
    display: none;
}

.small {
    font-size: 11px !important;
}

.modal-body {
    max-height: calc(var(--windowHeight) - 180px);
    overflow: auto;
}

.configuration {
    background: #eee;
    box-shadow: inset 0px 0px 10px 4px #949494;
    padding: 1em;
    position: absolute;
    width: calc(100% - 230px);
    top: 3.5em;
    z-index: 1;
    left: 18.45em;
}

.open-configuration {
    position: absolute;
    top: 3.5em;
    right: 2em;
    z-index: 2;
    transition: 600ms;
}

.flip {
    transform: rotate(-180deg);
}

.fa-caret-down {
    transition: 300ms;
}

.bordered {
    border: 1px solid #d1d1d1;
}

.dropdown-item {
    text-transform: none;
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-size: 15px;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    transition: 300ms;
    cursor: pointer;
}

.dropdown-item:hover {
    background: #111;
    color: #eee;
}

.dropdown-item.active,
.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #007bff;
}

.font-weight-bold {
    font-weight: bold;
}

.modal-body {
    max-height: 80vh;
    overflow: auto;
}

.m-0 {
    margin: 0 !important;
}

#qrcode img.the-whatsapp-qr-image {
    padding: 1em;
    background: #fff;
    border-radius: 5px;
    /* max-width: 264px; */
}

i.fa.fa-whatsapp {
    background: #25d366;
    padding: 3px 5px;
    border-radius: 4px;
}

i.fa.fa-envelope {
    color: #cc3c2f;
}

.dr_cr_ledger tr td:nth-child(3),
.dr_cr_ledger tr th:nth-child(3) {
    max-width: 17em !important;
    overflow: auto;
    word-wrap: normal;
    word-break: break-word;
}

td.sales-desc-goods-column {
    vertical-align: middle !important;
    padding-left: 3px !important;
}

.calc_type {
    animation: blinkRed 2s;
    animation-iteration-count: 3;
}

.calc-type-text {
    animation: blinkRed 2s;
    animation-iteration-count: 3;
}

@keyframes blink {
    50% {
        border-color: red;
    }
}

@keyframes blinkRed {
    50% {
        border: 1px solid red;
        border-color: red;
        color: red;
    }
}

.whatsapp-qr-code-wrapper {
    position: relative;
    width: auto;
    display: inline-block;
}

img.whatsapp-logo-svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none;
}

.display-inline {
    display: inline-block;
}

.p-2 {
    padding: 5px;
}

.mb-2 {
    margin-bottom: 5px;
}

.modal-xxl {
    margin-top: 2px;
    margin-bottom: 0px;
    width: 95%;
}


.modal-lg {
    margin-top: 2px;
    margin-bottom: 0px;
    /* width: 95%; */
}

.modal-xxl .modal-body,
.modal-lg .modal-body {
    min-height: 65vh;
    max-height: 78vh;
}

#credit-note-items-table tbody td,
#purchase-debit-note-items-table tbody td {
    vertical-align: middle;
    padding: 2px;
}

#credit-note-items-table tbody td input,
#credit-purchase-debit-items-table tbody td input {
    margin: 0 !important;
    box-shadow: none !important;
    border: none;
}

.font-weight-bold {
    font-weight: bold !important;
}

.p-0 {
    padding: 0;
}

.m-0 {
    margin: 0;
}

.exception_rate {
    background-color: rgba(255, 187, 0, 0.2) !important;
}

.mb-1 {
    margin-bottom: 5px;
}

#challan-image-placeholder {
    max-width: 100px;
}

#challan-image-placeholder.showBigImage {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: auto;
    max-width: 80%;
    z-index: 99;
    max-height: 80%;
    height: auto;
}

.mt-2 {
    margin-top: 0.5em;
}

.mt-3 {
    margin-top: 1em;
}

.pl-0 {
    padding-left: 0;
}

.account-ledger-bill-date-column {
    min-width: 70px !important;
}


.mb-0 {
    margin-bottom: 0 !important;
}