.inputerror {
    border : 2px solid red;
}

.isActive {
    margin-right : 25px;
}

table.dataTable {
    border-collapse : collapse;
    border-spacing  : 0;
}

.switch-addon {
    padding          : 6px 12px;
    font-size        : 14px;
    font-weight      : 400;
    line-height      : 1;
    color            : #555555;
    text-align       : center;
    background-color : #d3d7d7;
    border           : 1px solid #cccccc;
    border-color     : #d3d7d7;
    width            : 1%;
    white-space      : nowrap;
    vertical-align   : middle;
}

.fullWidth {
    width : 100% !important;
}

.rowbg {
    background     : #d1e5f8;
    padding-top    : 10px;
    padding-bottom : 10px;
}

.thwidth1 {
    width : 65%;
}

.thwidth2 {
    width : 18%;
}

.thwidth3 {
    width : 30%;
}

.thwidth4 {
    width : 8%;
}

.thwidth5 {
    width : 10%;
}

.thwidth6 {
    width : 20%;
}

.chzn-container-active,
.form-control:focus {
    /*border: 1.5px solid blue;*/
    border : 1.5px solid rgba(50, 100, 190, 1);
}

.chzn-container {
    display : block !important;
}

.chzn-container-single .chzn-single {
    background-color : #ffffff !important;
    border-radius    : 0;
}

td {
    vertical-align : middle !important;
}

td button,
td a {
    width   : 60px;
    display : inline-block !important;
    margin  : auto;
}

/* modal styling */
.model-contentwrapper {
    width                   : 640px;
    margin                  : auto;
    background-color        : #ffffff;
    margin-top              : 10%;
    border                  : 1px solid #999999;
    border                  : 1px solid rgba(0, 0, 0, 0.3);
    -webkit-border-radius   : 6px;
    -moz-border-radius      : 6px;
    border-radius           : 6px;
    outline                 : none;
    -webkit-box-shadow      : 0 3px 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow         : 0 3px 7px rgba(0, 0, 0, 0.3);
    box-shadow              : 0 3px 7px rgba(0, 0, 0, 0.3);
    -webkit-background-clip : padding-box;
    -moz-background-clip    : padding-box;
    background-clip         : padding-box;
}

.model-contentwrapper .modal-header {
    padding       : 9px 15px;
    border-bottom : 1px solid #eeeeee;
}

.model-contentwrapper .modal-header * {
    margin      : 0;
    line-height : 22px;
    font-size   : 18.5px;
    margin      : 0px !important;
}

/* student image styling */
.studentImageWrap {
    width  : auto;
    height : 123px;
    margin : auto;
}

.studentImageWrap img {
    margin          : auto;
    display         : block;
    background-size : cover;
    width           : auto;
    height          : 100%;
}

/* custom wraper */
.container-wrap {
    background : rgba(231, 227, 227, 0.5);
    padding    : 20px;
    border     : 1px solid #e4d8d8;
}

/* table footer */
table tbody .footer > td {
    background : #91adbd !important;
    color      : #ffffff !important;
}

/* cus-group-addon */
.cus-group-addon {
    background : rgb(95, 69, 69) !important;
    color      : #ffffff !important;
}

.cus-group-addon2 {
    background : rgb(241, 17, 17) !important;
    color      : #ffffff !important;
}

/* table cell input */
.tableInputCell {
    background : transparent;
    padding    : 5px;
    border     : 0px;
    width      : 100%;
}

/* table rows */
.level1row {
    background     : #0769bf !important;
    color          : #ffffff !important;
    text-transform : capitalize;
}

.level2row {
    background     : #3fa1f7 !important;
    color          : #ffffff !important;
    text-transform : capitalize;
}

.level3row {
    background     : #8ec7fa !important;
    color          : #ffffff !important;
    text-transform : capitalize;
}

.level4row {
    background     : #d2e9fd !important;
    color          : #333333 !important;
    text-transform : capitalize;
}

.txtcenter {
    vertical-align : middle !important;
    text-align     : center;
    border         : 1px solid #bbb5b5 !important;
}

.txtbold {
    font-weight : bold;
}

/* login page */
#loginpagelogo {
    margin         : auto;
    display        : block;
    width          : 350px;
    padding-bottom : 10px;
}

.id-addon {
    background : #9e8888 !important;
    color      : #ffffff !important;
}

.custom_ul {
    list-style-type : none;
}

.dis-inline {
    display : inline !important;
}

.custom_ul li {
    padding       : 10px 5px;
    border-bottom : 1px dotted;
}

.custom_ul label {
    display : inline;
    /*list-style-type: none;*/
}

.txt-addon {
    background-color : #368ee0 !important;
    color            : #ffffff !important;
}

.amnt-addon {
    background-color : rgb(255, 0, 0) !important;
    color            : #ffffff !important;
}

.other-addon {
    background-color : #56a356 !important;
    color            : #ffffff !important;
}

.fancy-addon {
    background : #faffbd !important;
    color      : #000000 !important;
}

.radio:hover {
    cursor : pointer;
}

.duplicate {
    background : rgb(247, 48, 48) !important;
    color      : #ffffff;
}

.content-head {
    display : inline-block;
    width   : 120px;
}

.content-detail {
    font-weight    : bold;
    color          : #000000;
    font-size      : 18px;
    text-transform : capitalize;
}

.time {
    color     : red !important;
    font-size : 55px !important;
}

.sub-heading {
    margin-left : 55px !important;
    display     : block;
    margin-top  : 8px;
}

.sub-heading-line {
    margin-top    : 5px !important;
    margin-bottom : 5px !important;
    margin-left   : 51px !important;
}

.priviligeBlocks {
    margin-left : 51px;
    background  : rgb(206, 198, 198);
    box-shadow  : 2px 2px 2px rgba(51, 51, 51, 0.52);
}

ul.priviligeBlock {
    margin-left : -31px;
}

ul.rpt {
    margin-left : 14px !important;
}

ul.priviligeBlock li.li-head {
    display       : inline-block;
    min-width     : 100px;
    padding-right : 14px !important;
}

ul.priviligeBlock li.li-head label {
    min-height : 0px !important;
    margin-top : 0px !important;
}

.select {
    -moz-user-select    : none;
    -khtml-user-select  : none;
    -webkit-user-select : none;
    -ms-user-select     : none;
    user-select         : none;
}

.checkbox {
    cursor : pointer;
}

.columns {
    color          : #000000;
    padding-top    : 15px;
    padding-bottom : 15px;
}

.col1 {
    background : #e9e2ff;
}

.col2 {
    background : #e8f0fd;
}

.col3 {
    background : #79ffbe;
}

.txtshadow {
    text-shadow : 0px 1px 1px #333333;
}

.cancelpointer {
    pointer-events : none;
}

.items {
    max-height : 376px;
    position   : relative;
    overflow   : auto;
}

.items .item {
    width                 : 18%;
    height                : 10rem;
    background            : #eeeeee;
    box-shadow            : 1px 1px 1px #6d6a6a;
    position              : relative;
    cursor                : pointer;
    border-radius         : 5px;
    margin-right          : 1px;
    margin-bottom         : 1px;
    display               : inline-block;
    -webkit-border-radius : 5px;
    -moz-border-radius    : 5px;
    -ms-border-radius     : 5px;
    -o-border-radius      : 5px;
}

.items .item .item_desc {
    position       : absolute;
    top            : 6px;
    left           : 8px;
    color          : #000000;
    /* text-shadow: 0px 1px 1px #000; */
    font-size      : 1.3rem;
    text-transform : uppercase;
}

.items .item .item_price {
    position  : absolute;
    bottom    : 6px;
    right     : 8px;
    color     : #000000;
    font-size : 1.3rem;
}

table.table th {
    background  : rgb(150, 150, 150) !important;
    color       : #ffffff;
    font-weight : normal;
}

.ucase {
    text-transform : uppercase;
}

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

.stats {
    list-style-type : none;
    margin          : 0;
    padding         : 0;
    float           : left;
}

.stats li {
    float        : left;
    padding      : 10px;
    margin-right : 15px;
}

li.red {
    background : #e51400;
}

li.green {
    background : #339933;
}

li.brown {
    background : #a05000;
}

.stats > li i {
    font-size : 30px;
    color     : #ffffff;
    float     : left;
    margin    : 5px 0;
}

ul > li.blue {
    background : #368ee0;
}

.stats > li .details span.big {
    font-size : 16px;
}

.stats > li .details span {
    color     : #ffffff;
    display   : block;
    font-size : 11px;
}

.stats > li .details span {
    color     : #ffffff;
    display   : block;
    font-size : 11px;
}

.stats > li {
    float   : left;
    padding : 10px;
}

.dont-show {
    display : none !important;
}

.finalsum {
    background : wheat !important;
}

.hightlight_tr td {
    border      : none !important;
    background  : rgb(79, 156, 98) !important;
    color       : white;
    font-weight : bold;
}

.finalsum td {
    background : wheat !important;
    border     : none;
}

.subtotal-row {
    background : wheat !important;
}

.subtotal-row td {
    background : wheat !important;
    border     : none;
}

.edited_tr {
    border     : none !important;
    background : rgb(79, 80, 190) !important;
    color      : white;
}

.readonly {
    background : #ffffff;
    border     : 1px solid #bdb4b4;
}

.btn-glass {
    flex-grow             : 1;
    text-align            : center;
    display               : inline-block;
    color                 : rgba(255, 255, 255, 0.7);
    text-decoration       : none;
    padding               : 7px 16px;
    font-family           : Lato;
    font-weight           : 400;
    border                : 1px dotted transparent;
    letter-spacing        : 0.98pt;
    text-transform        : uppercase;
    transition            : background-position 2s cubic-bezier(0, 1, 0, 1),
    border-color 500ms, background-color 500ms;
    position              : relative;
    background-attachment : fixed, scroll;
    background-size       : 100vw 100vh, cover;
    background-position   : center center, 0 0;
    background-image      : repeating-linear-gradient(
            -45deg,
            rgba(255, 255, 255, 0) 8%,
            rgba(255, 255, 255, 0.075) 10%,
            rgba(255, 255, 255, 0.075) 14%,
            rgba(255, 255, 255, 0.15) 14%,
            rgba(255, 255, 255, 0.15) 15%,
            rgba(255, 255, 255, 0.075) 17%,
            rgba(255, 255, 255, 0) 30%,
            rgba(255, 255, 255, 0) 36%,
            rgba(255, 255, 255, 0.075) 40%,
            rgba(255, 255, 255, 0.15) 42%,
            rgba(255, 255, 255, 0) 43%,
            rgba(255, 255, 255, 0) 55%,
            rgba(255, 255, 255, 0.075) 60%,
            rgba(255, 255, 255, 0.075) 66%,
            rgba(255, 255, 255, 0.15) 66%,
            rgba(255, 255, 255, 0.075) 70%,
            rgba(255, 255, 255, 0) 75%,
            rgba(255, 255, 255, 0) 100%
    ),
    radial-gradient(
            ellipse farthest-corner,
            transparent,
            rgba(0, 0, 0, 0.2) 110%
    );
}

.btn-glass:hover {
    background-position : -100vw 0, 0 0;
}

.btn-glass:active {
    background-position : -75vw 0, 0 0;
    border-style        : solid;
}

.nav-light {
    background-color : white;
    height           : 36px;

    width            : 100%;
}

.nav-light .btn-glass {
    font-family      : unset;
    color            : #585858;
    background-color : rgba(17, 17, 17, 0);
}

.nav-light .btn-glass:hover {
    color            : rgba(255, 255, 255, 0.7);
    border-color     : #000000;
    background-color : #111111;
}

.nav-light .btn-glass:active {
    position   : relative;
    z-index    : 1;
    box-shadow : 0 0 1em 0.5ex rgba(17, 17, 17, 0.5);
}

.nav-light .btn-glass.btn-primary {
    color            : #6ab1d1;
    background-color : rgba(42, 143, 189, 0);
}

.nav-light .btn-glass.btn-primary:hover {
    color            : rgba(255, 255, 255, 0.7);
    border-color     : #1c607e;
    background-color : #2a8fbd;
}

.nav-light .btn-glass.btn-primary:active {
    position   : relative;
    z-index    : 1;
    box-shadow : 0 0 1em 0.5ex rgba(42, 143, 189, 0.5);
}

.nav-light .btn-glass.btn-success {
    color            : #a5c75f;
    background-color : rgba(127, 175, 27, 0);
}

.nav-light .btn-glass.btn-success:hover {
    color            : rgba(255, 255, 255, 0.7);
    border-color     : #4f6d11;
    background-color : #7faf1b;
}

.nav-light .btn-glass.btn-success:active {
    position   : relative;
    z-index    : 1;
    box-shadow : 0 0 1em 0.5ex rgba(127, 175, 27, 0.5);
}

.nav-light .btn-glass.btn-warning {
    color            : #fccd69;
    background-color : rgba(251, 184, 41, 0);
}

.nav-light .btn-glass.btn-warning:hover {
    color            : rgba(255, 255, 255, 0.7);
    border-color     : #d49104;
    background-color : #fbb829;
}

.nav-light .btn-glass.btn-warning:active {
    position   : relative;
    z-index    : 1;
    box-shadow : 0 0 1em 0.5ex rgba(251, 184, 41, 0.5);
}

.nav-light .btn-glass.btn-danger {
    color            : #f56558;
    background-color : rgba(240, 35, 17, 0);
}

.nav-light .btn-glass.btn-danger:hover {
    color            : rgba(255, 255, 255, 0.7);
    border-color     : #aa180b;
    background-color : #f02311;
}

.nav-light .btn-glass.btn-danger:active {
    position   : relative;
    z-index    : 1;
    box-shadow : 0 0 1em 0.5ex rgba(240, 35, 17, 0.5);
}

.nav-light .btn-glass.btn-info {
    color            : #98e9f0;
    background-color : rgba(108, 223, 234, 0);
}

.nav-light .btn-glass.btn-info:hover {
    color            : rgba(255, 255, 255, 0.7);
    border-color     : #29d0e0;
    background-color : #6cdfea;
}

.nav-light .btn-glass.btn-info:active {
    position   : relative;
    z-index    : 1;
    box-shadow : 0 0 1em 0.5ex rgba(108, 223, 234, 0.5);
}

.percWidth7 {
    width : 7% !important;
}

.percWidth15 {
    width : 15% !important;
}

/*
 *  STYLE 4
 */

#tableScrollable::-webkit-scrollbar-track {
    background-color : #f5f5f5;
}

#tableScrollable::-webkit-scrollbar {
    width            : 4px;
    height           : 30em;
    background-color : #f5f5f5;
}

#tableScrollable::-webkit-scrollbar-thumb {
    background-color : #000000;
    border           : 2px solid #555555;
}

.pdfObject {
    height : 400px !important;
}

input[type="text"]:disabled {
    background : #dddddd !important;
}

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

[data-notify="container"] {
    top       : 10% !important;
    font-size : 17px !important;
}

.btnMobCode {
    width     : 100% !important;
    padding   : 10px !important;
    font-size : 15px !important;
    color     : white !important;
    cursor    : pointer;
}

.kt_login_resendotp_submit {
    width     : 100% !important;
    padding   : 10px !important;
    font-size : 15px !important;
    color     : white !important;
    cursor    : pointer;
}

.btnMobCode:focus {
    width     : 100% !important;
    padding   : 10px !important;
    font-size : 15px !important;
    color     : white !important;
}

.kt_login_resendotp_submit:focus {
    width     : 100% !important;
    padding   : 10px !important;
    font-size : 15px !important;
    color     : white !important;
}

.btnMobCode:disabled {
    width          : 100% !important;
    padding        : 10px !important;
    font-size      : 15px !important;
    color          : white !important;
    pointer-events : none;
    opacity        : 0.5;
}

.kt_login_resendotp_submit:disabled {
    width          : 100% !important;
    padding        : 10px !important;
    font-size      : 15px !important;
    color          : white !important;
    pointer-events : none;
    cursor         : not-allowed;
    opacity        : 0.5;
}

.alert-minimalist {
    background-color : rgb(241, 242, 240);
    border-color     : rgba(149, 149, 149, 0.3);
    border-radius    : 3px;
    color            : rgb(149, 149, 149);
    padding          : 10px;
}

.alert-minimalist > [data-notify="icon"] {
    height       : 50px;
    margin-right : 12px;
}

.alert-minimalist > [data-notify="title"] {
    color         : rgb(51, 51, 51);
    display       : block;
    font-weight   : bold;
    margin-bottom : 5px;
}

.alert-minimalist > [data-notify="message"] {
    font-size : 80%;
}

[data-notify] {
    z-index : 9999 !important;
}

a[disabled] {
    pointer-events : none;
    cursor         : not-allowed !important;
}

.pdfObject {
    height     : 100vh !important;
    overflow-y : auto !important;
}

#datatable_example thead th {
    position : sticky;
    top      : 0;
}

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

.l1row-right {
    color       : red;

    font-weight : bold;
    text-align  : right;
}

.l2row {
    color       : green;

    font-weight : bold;
}

.l2row-right {
    color       : green;

    font-weight : bold;
    text-align  : right;
}

.l3row {
    color       : blue;

    font-weight : bold;
}

.l3row-right {
    color       : blue;

    font-weight : bold;
    text-align  : right;
}

.item-row td {
    padding     : 10px !important;
    font-family : "Open Sans", sans-serif !important;
    border-top  : 0.5px solid black !important;
}

#datatable_example,
#purchase_table,
#salary_table tbody tr td {
    white-space   : nowrap !important;
    overflow      : auto !important;
    text-overflow : ellipsis !important;
}

#datatable_example,
#purchase_table,
#salary_table thead tr th {
    position      : -webkit-sticky !important;
    top           : 0 !important;
    z-index       : 1 !important;
    white-space   : nowrap !important;
    overflow      : auto !important;
    text-overflow : ellipsis !important;
}

#no-more-tables {
    overflow-y : auto;
}

input[type="text"]:disabled {
    color              : #000000 !important;
    opacity            : 1 !important;
    border-width       : 1px !important;
    border-style       : solid !important;
    background-color   : #ffffff !important;
    /* border-color: #ddd #fff #fff #ddd !important; */
    padding            : 6px !important;
    -webkit-box-shadow : none !important;
    -moz-box-shadow    : none !important;
    box-shadow         : none !important;
}

.btn-them-active {
    color            : #ffffff;
    background-color : #e37826;
    border-color     : #e37825;
}

.btn-them-active:hover,
.btn-them-active:focus,
.btn-them-active:active,
.btn-them-active.active,
.open .dropdown-toggle.btn-them-active {
    color            : #ffffff;
    background-color : #e37824;
    border-color     : #e37823;
}

.btn-them-active:active,
.btn-them-active.active,
.open .dropdown-toggle.btn-them-active {
    background-image : none;
}

.btn-them-active.disabled,
.btn-them-active[disabled],
fieldset[disabled] .btn-them-active,
.btn-them-active.disabled :hover,
.btn-them-active[disabled] :hover,
fieldset [disabled] .btn-them-active:hover,
.btn-them-active.disabled :focus,
.btn-them-active[disabled] :focus,
fieldset [disabled] .btn-them-active:focus,
.btn-them-active.disabled :active,
.btn-them-active[disabled] :active,
fieldset [disabled] .btn-them-active:active,
.btn-them-active.disabled.active,
.btn-them-active[disabled].active,
fieldset[disabled] .btn-them-active.active {
    background-color : #e37826;
    border-color     : #e37825;
}

.btn-them-active .badge {
    color            : #e37826;
    background-color : #ffffff;
}

.btn-group.open .dropdown-toggle.btn-them-active {
    background : #e37826;
}

.btn.btn-them-active {
    background  : #e37826;
    color       : #ffffff;
    text-shadow : none;
    filter      : none;
}

.btn.btn-them-active:hover {
    background : #e37826;
}

#passInfo1 {
    position      : absolute;
    bottom        : -200px;
    margin-left   : -329px !important;
    bottom        : -115px \9;
    padding       : 15px;
    background    : #fefefe;
    font-size     : 0.875em;
    border-radius : 5px;
    box-shadow    : 0 1px 3px #cccccc;
    border        : 1px solid #dddddd;
    display       : none;
    z-index       : 10000;
}

#passInfo1::before {
    content     : "\25B2";
    position    : absolute;
    top         : -13px;
    left        : 45%;
    font-size   : 14px;
    line-height : 14px;
    color       : #dddddd;
    text-shadow : none;
    display     : block;
}

#passInfo1 h4 {
    margin      : 0 0 10px 0;
    padding     : 0;
    font-weight : normal;
    font-size   : 15px !important;
}

#passInfo1 ul {
    padding-left : 0px;
}

#passInfo1 li {
    list-style : none !important;
}

.invalid1 {
    background      : url(../img/invalid.png) no-repeat 0 55%;
    background-size : 10px;
    padding-left    : 22px;
    line-height     : 24px;
    color           : #ec3f41;
    font-size       : 12px;
}

.valid1 {
    background      : url(../img/valid.png) no-repeat 0 55%;
    background-size : 10px;
    padding-left    : 22px;
    line-height     : 24px;
    color           : #3a7d34;
    font-size       : 12px;
}

a[href="#party-lookup"] {
    background : #46b8f7 !important;
    color      : white;
    font-size  : 15px;
}

a[href="#party-lookup"]:hover {
    background : #46b8b8 !important;
    color      : white;
}

.select2-choice {
    width : 100% !important;
}

.chzn-disabled {
    opacity : 0.8 !important;
    cursor  : not-allowed !important;
}

.chzn-container-multi .chzn-choices {
    padding    : 5px !important;
    cursor     : text !important;
    max-height : 80px;
    overflow   : auto;
}

.chzn-container-multi .chzn-choices .search-choice .search-choice-close {
    height : 10px !important;
}

.chzn-container-multi .chzn-choices .search-choice {
    margin        : 0px !important;
    margin-right  : 5px !important;
    margin-bottom : 5px !important;
}

.chzn-container {
    display : block !important;
}

.chzn-container-single .chzn-single {
    background-color : #ffffff !important;
    border-radius    : 0;
    width            : 100%;
}

.chzn-container-single .chzn-single div {
    top : 6px !important;
}

.chzn-container.chzn-container-multi {
    background-color : #ffffff !important;
    border-radius    : 0;
}

td {
    vertical-align : middle !important;
}

td button,
td a {
    width   : 140px;
    display : inline-block !important;
    margin  : auto;
}

.table > tfoot > tr {
    background : rgba(150, 150, 150, 0.5) !important;
}

.chosen-results .active-result {
    overflow      : hidden !important;
    text-overflow : ellipsis !important;
    white-space   : nowrap !important;
}

.inputs {
    width       : 25% !important;
    font-size   : 33px;
    font-weight : bold;
    margin      : 3px;
}

.inputs:focus {
    background-color : #ffffff !important;
    border           : 1px solid #3a7d34 !important;
    width            : 25% !important;
    font-size        : 33px !important;
    font-weight      : bold;
    /* margin: 3px; */
}

.inputPercentage {
    width : 20% !important;
}

.inputAmount {
    width : 80% !important;
}

.inputPercentage-:focus {
    background-color : #ffffff !important;
}

.inputAmount:focus {
    background-color : #ffffff !important;
}

.urdutablefont thead tr th {
    font-family : "Jameel" !important;
    font-size   : 20px !important;
}

.urdutablefont tbody tr td {
    font-family : "Jameel" !important;
    font-size   : 16px !important;
}

.urdu-font-family {
    font-family : "Jameel" !important;
    font-size   : 20px !important;
}

.urdutablefont {
    direction : rtl !important;
    font-size : 20px !important;
}

@font-face {
    font-family : "Jameel";
    src         : url("jameel_noori.ttf");
    font-weight : bold !important;
}

.text-rightdir {
    text-align : right;
    direction  : ltr;
}

/* Margin setting */
.m-0 {
    margin : 0 !important;
}

.mt-0,
.my-0 {
    margin-top : 0 !important;
}

.mr-0,
.mx-0 {
    margin-right : 0 !important;
}

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

.ml-0,
.mx-0 {
    margin-left : 0 !important;
}

.m-1 {
    margin : 0.25rem !important;
}

.mt-1,
.my-1 {
    margin-top : 0.25rem !important;
}

.mr-1,
.mx-1 {
    margin-right : 0.25rem !important;
}

.mb-1,
.my-1 {
    margin-bottom : 0.25rem !important;
}

.ml-1,
.mx-1 {
    margin-left : 0.25rem !important;
}

.m-2 {
    margin : 0.5rem !important;
}

.mt-2,
.my-2 {
    margin-top : 0.5rem !important;
}

.mr-2,
.mx-2 {
    margin-right : 0.5rem !important;
}

.mb-2,
.my-2 {
    margin-bottom : 0.5rem !important;
}

.ml-2,
.mx-2 {
    margin-left : 0.5rem !important;
}

.m-3 {
    margin : 1rem !important;
}

.mt-3,
.my-3 {
    margin-top : 1rem !important;
}

.mr-3,
.mx-3 {
    margin-right : 1rem !important;
}

.mb-3,
.my-3 {
    margin-bottom : 1rem !important;
}

.ml-3,
.mx-3 {
    margin-left : 1rem !important;
}

.m-4 {
    margin : 1.5rem !important;
}

.mt-4,
.my-4 {
    margin-top : 1.5rem !important;
}

.mr-4,
.mx-4 {
    margin-right : 1.5rem !important;
}

.mb-4,
.my-4 {
    margin-bottom : 1.5rem !important;
}

.ml-4,
.mx-4 {
    margin-left : 1.5rem !important;
}

.m-5 {
    margin : 3rem !important;
}

.mt-5,
.my-5 {
    margin-top : 3rem !important;
}

.mr-5,
.mx-5 {
    margin-right : 3rem !important;
}

.mb-5,
.my-5 {
    margin-bottom : 3rem !important;
}

.ml-5,
.mx-5 {
    margin-left : 3rem !important;
}

.p-0 {
    padding : 0 !important;
}

.pt-0,
.py-0 {
    padding-top : 0 !important;
}

.pr-0,
.px-0 {
    padding-right : 0 !important;
}

.pb-0,
.py-0 {
    padding-bottom : 0 !important;
}

.pl-0,
.px-0 {
    padding-left : 0 !important;
}

.p-1 {
    padding : 0.25rem !important;
}

.pt-1,
.py-1 {
    padding-top : 0.25rem !important;
}

.pr-1,
.px-1 {
    padding-right : 0.25rem !important;
}

.pb-1,
.py-1 {
    padding-bottom : 0.25rem !important;
}

.pl-1,
.px-1 {
    padding-left : 0.25rem !important;
}

.p-2 {
    padding : 0.5rem !important;
}

.pt-2,
.py-2 {
    padding-top : 0.5rem !important;
}

.pr-2,
.px-2 {
    padding-right : 0.5rem !important;
}

.pb-2,
.py-2 {
    padding-bottom : 0.5rem !important;
}

.pl-2,
.px-2 {
    padding-left : 0.5rem !important;
}

.p-3 {
    padding : 1rem !important;
}

.pt-3,
.py-3 {
    padding-top : 1rem !important;
}

.pr-3,
.px-3 {
    padding-right : 1rem !important;
}

.pb-3,
.py-3 {
    padding-bottom : 1rem !important;
}

.pl-3,
.px-3 {
    padding-left : 1rem !important;
}

.p-4 {
    padding : 1.5rem !important;
}

.pt-4,
.py-4 {
    padding-top : 1.5rem !important;
}

.pr-4,
.px-4 {
    padding-right : 1.5rem !important;
}

.pb-4,
.py-4 {
    padding-bottom : 1.5rem !important;
}

.pl-4,
.px-4 {
    padding-left : 1.5rem !important;
}

.p-5 {
    padding : 3rem !important;
}

.pt-5,
.py-5 {
    padding-top : 3rem !important;
}

.pr-5,
.px-5 {
    padding-right : 3rem !important;
}

.pb-5,
.py-5 {
    padding-bottom : 3rem !important;
}

.pl-5,
.px-5 {
    padding-left : 3rem !important;
}

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

.mt-auto,
.my-auto {
    margin-top : auto !important;
}

.mr-auto,
.mx-auto {
    margin-right : auto !important;
}

.mb-auto,
.my-auto {
    margin-bottom : auto !important;
}

.ml-auto,
.mx-auto {
    margin-left : auto !important;
}

.gridWidth-6 {
    width      : 6rem !important; /* Change the width as needed */
    float      : right;
    text-align : right;
}

.gridWidth-10 {
    width      : 6rem !important; /* Change the width as needed */
    float      : right;
    text-align : right;
}

.gridWidth-11 {
    width : 11rem !important; /* Change the width as needed */
}

.gridWidth-12 {
    width : 12rem !important; /* Change the width as needed */
}

.no-resize {
    resize : none;
}

/* Style the textarea */
textarea.custom-textarea {
    border-radius : 5px !important;
    width         : 100%; /* Set the width to 100% */
}

/* Adjust focus styles if needed */
textarea.custom-textarea:focus {
    background-color : #ffffff !important;
    border-radius    : 5px !important;
    border           : 3px solid #008bff !important;
    color            : #000000 !important;
    font-weight      : 400 !important;
    outline          : none;
}

.form-control:focus {
    background-color : #ffffff !important;
    border           : 2px solid #008bff !important;
}

@media (min-width : 576px) {
    .m-sm-0 {
        margin : 0 !important;
    }

    .mt-sm-0,
    .my-sm-0 {
        margin-top : 0 !important;
    }

    .mr-sm-0,
    .mx-sm-0 {
        margin-right : 0 !important;
    }

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

    .ml-sm-0,
    .mx-sm-0 {
        margin-left : 0 !important;
    }

    .m-sm-1 {
        margin : 0.25rem !important;
    }

    .mt-sm-1,
    .my-sm-1 {
        margin-top : 0.25rem !important;
    }

    .mr-sm-1,
    .mx-sm-1 {
        margin-right : 0.25rem !important;
    }

    .mb-sm-1,
    .my-sm-1 {
        margin-bottom : 0.25rem !important;
    }

    .ml-sm-1,
    .mx-sm-1 {
        margin-left : 0.25rem !important;
    }

    .m-sm-2 {
        margin : 0.5rem !important;
    }

    .mt-sm-2,
    .my-sm-2 {
        margin-top : 0.5rem !important;
    }

    .mr-sm-2,
    .mx-sm-2 {
        margin-right : 0.5rem !important;
    }

    .mb-sm-2,
    .my-sm-2 {
        margin-bottom : 0.5rem !important;
    }

    .ml-sm-2,
    .mx-sm-2 {
        margin-left : 0.5rem !important;
    }

    .m-sm-3 {
        margin : 1rem !important;
    }

    .mt-sm-3,
    .my-sm-3 {
        margin-top : 1rem !important;
    }

    .mr-sm-3,
    .mx-sm-3 {
        margin-right : 1rem !important;
    }

    .mb-sm-3,
    .my-sm-3 {
        margin-bottom : 1rem !important;
    }

    .ml-sm-3,
    .mx-sm-3 {
        margin-left : 1rem !important;
    }

    .m-sm-4 {
        margin : 1.5rem !important;
    }

    .mt-sm-4,
    .my-sm-4 {
        margin-top : 1.5rem !important;
    }

    .mr-sm-4,
    .mx-sm-4 {
        margin-right : 1.5rem !important;
    }

    .mb-sm-4,
    .my-sm-4 {
        margin-bottom : 1.5rem !important;
    }

    .ml-sm-4,
    .mx-sm-4 {
        margin-left : 1.5rem !important;
    }

    .m-sm-5 {
        margin : 3rem !important;
    }

    .mt-sm-5,
    .my-sm-5 {
        margin-top : 3rem !important;
    }

    .mr-sm-5,
    .mx-sm-5 {
        margin-right : 3rem !important;
    }

    .mb-sm-5,
    .my-sm-5 {
        margin-bottom : 3rem !important;
    }

    .ml-sm-5,
    .mx-sm-5 {
        margin-left : 3rem !important;
    }

    .p-sm-0 {
        padding : 0 !important;
    }

    .pt-sm-0,
    .py-sm-0 {
        padding-top : 0 !important;
    }

    .pr-sm-0,
    .px-sm-0 {
        padding-right : 0 !important;
    }

    .pb-sm-0,
    .py-sm-0 {
        padding-bottom : 0 !important;
    }

    .pl-sm-0,
    .px-sm-0 {
        padding-left : 0 !important;
    }

    .p-sm-1 {
        padding : 0.25rem !important;
    }

    .pt-sm-1,
    .py-sm-1 {
        padding-top : 0.25rem !important;
    }

    .pr-sm-1,
    .px-sm-1 {
        padding-right : 0.25rem !important;
    }

    .pb-sm-1,
    .py-sm-1 {
        padding-bottom : 0.25rem !important;
    }

    .pl-sm-1,
    .px-sm-1 {
        padding-left : 0.25rem !important;
    }

    .p-sm-2 {
        padding : 0.5rem !important;
    }

    .pt-sm-2,
    .py-sm-2 {
        padding-top : 0.5rem !important;
    }

    .pr-sm-2,
    .px-sm-2 {
        padding-right : 0.5rem !important;
    }

    .pb-sm-2,
    .py-sm-2 {
        padding-bottom : 0.5rem !important;
    }

    .pl-sm-2,
    .px-sm-2 {
        padding-left : 0.5rem !important;
    }

    .p-sm-3 {
        padding : 1rem !important;
    }

    .pt-sm-3,
    .py-sm-3 {
        padding-top : 1rem !important;
    }

    .pr-sm-3,
    .px-sm-3 {
        padding-right : 1rem !important;
    }

    .pb-sm-3,
    .py-sm-3 {
        padding-bottom : 1rem !important;
    }

    .pl-sm-3,
    .px-sm-3 {
        padding-left : 1rem !important;
    }

    .p-sm-4 {
        padding : 1.5rem !important;
    }

    .pt-sm-4,
    .py-sm-4 {
        padding-top : 1.5rem !important;
    }

    .pr-sm-4,
    .px-sm-4 {
        padding-right : 1.5rem !important;
    }

    .pb-sm-4,
    .py-sm-4 {
        padding-bottom : 1.5rem !important;
    }

    .pl-sm-4,
    .px-sm-4 {
        padding-left : 1.5rem !important;
    }

    .p-sm-5 {
        padding : 3rem !important;
    }

    .pt-sm-5,
    .py-sm-5 {
        padding-top : 3rem !important;
    }

    .pr-sm-5,
    .px-sm-5 {
        padding-right : 3rem !important;
    }

    .pb-sm-5,
    .py-sm-5 {
        padding-bottom : 3rem !important;
    }

    .pl-sm-5,
    .px-sm-5 {
        padding-left : 3rem !important;
    }

    .m-sm-auto {
        margin : auto !important;
    }

    .mt-sm-auto,
    .my-sm-auto {
        margin-top : auto !important;
    }

    .mr-sm-auto,
    .mx-sm-auto {
        margin-right : auto !important;
    }

    .mb-sm-auto,
    .my-sm-auto {
        margin-bottom : auto !important;
    }

    .ml-sm-auto,
    .mx-sm-auto {
        margin-left : auto !important;
    }
}

.chosen-container.chosen-container-single {
    width : 300px !important;
    /* or any value that fits your needs */
}

.chosen-drop .chosen-results {
    max-height : 100px;
}

/* Check Box Css */
.checkbox.checkbox_advnced {
    display : none;
}

.checkbox label {
    position              : absolute;
    top                   : 4.5rem;
    left                  : 14px;
    width                 : 40px;
    min-height            : 40px;
    background-color      : #f72414;
    transform             : translateY(-50%);
    box-shadow            : 0 7px 10px #ffbeb8;
    cursor                : pointer;
    transition            : 0.2s ease transform, 0.2s ease background-color,
    0.2s ease box-shadow;
    overflow              : hidden;
    z-index               : 1;
    -webkit-transform     : translateY(-50%);
    -moz-transform        : translateY(-50%);
    -ms-transform         : translateY(-50%);
    -o-transform          : translateY(-50%);
    -webkit-transition    : 0.2s ease transform, 0.2s ease background-color,
    0.2s ease box-shadow;
    -moz-transition       : 0.2s ease transform, 0.2s ease background-color,
    0.2s ease box-shadow;
    -ms-transition        : 0.2s ease transform, 0.2s ease background-color,
    0.2s ease box-shadow;
    -o-transition         : 0.2s ease transform, 0.2s ease background-color,
    0.2s ease box-shadow;
    border-radius         : 10%;
    -webkit-border-radius : 10%;
    -moz-border-radius    : 10%;
    -ms-border-radius     : 10%;
    -o-border-radius      : 10%;
}

.checkbox label:before {
    content               : "";
    position              : absolute;
    top                   : 50%;
    right                 : 0;
    left                  : 0;
    width                 : 50px;
    height                : 40px;
    margin                : 0 auto;
    background-color      : #ffffff;
    transform             : translateY(-50%);
    border-radius         : 10%;
    box-shadow            : inset 0 7px 10px #ffbeb8;
    transition            : 0.2s ease width, 0.2s ease height;
    -webkit-transform     : translateY(-50%);
    -moz-transform        : translateY(-50%);
    -ms-transform         : translateY(-50%);
    -o-transform          : translateY(-50%);
    -webkit-border-radius : 10%;
    -moz-border-radius    : 10%;
    -ms-border-radius     : 10%;
    -o-border-radius      : 10%;
    -webkit-transition    : 0.2s ease width, 0.2s ease height;
    -moz-transition       : 0.2s ease width, 0.2s ease height;
    -ms-transition        : 0.2s ease width, 0.2s ease height;
    -o-transition         : 0.2s ease width, 0.2s ease height;
}

.checkbox label:hover:before {
    width      : 55px;
    height     : 55px;
    box-shadow : inset 0 7px 10px #ff9d96;
}

.checkbox label:active {
    transform         : translateY(-50%) scale(0.9);
    -webkit-transform : translateY(-50%) scale(0.9);
    -moz-transform    : translateY(-50%) scale(0.9);
    -ms-transform     : translateY(-50%) scale(0.9);
    -o-transform      : translateY(-50%) scale(0.9);
}

#tick_mark {
    position          : absolute;
    top               : 2px;
    right             : 0;
    left              : 0;
    width             : 37px;
    height            : 25px;
    margin            : 0 auto;
    transform         : rotateZ(-40deg);
    -webkit-transform : rotateZ(-40deg);
    -moz-transform    : rotateZ(-40deg);
    -ms-transform     : rotateZ(-40deg);
    -o-transform      : rotateZ(-40deg);
}

#tick_mark:before,
#tick_mark:after {
    content               : "";
    position              : absolute;
    background-color      : #ffffff;
    border-radius         : 2px;
    opacity               : 0;
    transition            : 0.2s ease transform, 0.2s ease opacity;
    -webkit-transition    : 0.2s ease transform, 0.2s ease opacity;
    -moz-transition       : 0.2s ease transform, 0.2s ease opacity;
    -ms-transition        : 0.2s ease transform, 0.2s ease opacity;
    -o-transition         : 0.2s ease transform, 0.2s ease opacity;
    -webkit-border-radius : 2px;
    -moz-border-radius    : 2px;
    -ms-border-radius     : 2px;
    -o-border-radius      : 2px;
}

#tick_mark:before {
    left              : 0;
    bottom            : 0;
    width             : 10px;
    height            : 20px;
    box-shadow        : -2px 0 5px rgba(0, 0, 0, 0.23);
    transform         : translateY(-68px);
    -webkit-transform : translateY(-68px);
    -moz-transform    : translateY(-68px);
    -ms-transform     : translateY(-68px);
    -o-transform      : translateY(-68px);
}

#tick_mark:after {
    left              : 0;
    bottom            : 0;
    width             : 100%;
    height            : 10px;
    box-shadow        : 0 3px 5px rgba(0, 0, 0, 0.23);
    transform         : translateX(78px);
    -webkit-transform : translateX(78px);
    -moz-transform    : translateX(78px);
    -ms-transform     : translateX(78px);
    -o-transform      : translateX(78px);
}

.checkbox_advnced:checked + label {
    background-color : #07d410;
    box-shadow       : 0 7px 10px #92ff97;
}

.checkbox_advnced:checked + label:before {
    width  : 0;
    height : 0;
}

.checkbox_advnced:checked + label #tick_mark:before,
.checkbox_advnced:checked + label #tick_mark:after {
    transform         : translate(0);
    opacity           : 1;
    -webkit-transform : translate(0);
    -moz-transform    : translate(0);
    -ms-transform     : translate(0);
    -o-transform      : translate(0);
}

a.morelink {
    text-decoration : none;
    outline         : none;
}

.morecontent span {
    display : none;
}

.comment {
    width  : 400px;
    margin : 10px !important;
}

/* This Style copy From Header file And Its For Notification*/
@import url("https://fonts.googleapis.com/css?family=Roboto");

@media only screen and (max-width : 800px) {
    /* Force table to not be like tables anymore */
    #no-more-tables table,
    #no-more-tables thead,
    #no-more-tables tbody,
    #no-more-tables tfoot,
    #no-more-tables th,
    #no-more-tables td,
    #no-more-tables tr {
        display : block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    #no-more-tables thead tr {
        position : absolute;
        top      : -9999px;
        left     : -9999px;
    }

    #no-more-tables tr {
        border : 1px solid #cccccc;
    }

    #no-more-tables td {
        /* Behave  like a "row" */
        border        : none;
        border-bottom : 1px solid #eeeeee;
        position      : relative;
        padding-left  : 50%;
        white-space   : normal;
        text-align    : left;
    }

    #no-more-tables td:before {
        /* Now like a table header */
        position      : absolute;
        /* Top/left values mimic padding */
        top           : 6px;
        left          : 6px;
        width         : 45%;
        padding-right : 10px;
        white-space   : nowrap;
        text-align    : left;
        font-weight   : bold;
    }

    /*
    Label the data
    */
    #no-more-tables td:before {
        content : attr(data-title);
    }
}

.inputerror {
    border : 2px solid red !important;
}

.panel {
    position              : relative !important;
    display               : -ms-flexbox !important;
    display               : flex !important;
    -ms-flex-direction    : column !important;
    flex-direction        : column !important;
    min-width             : 0 !important;
    word-wrap             : break-word !important;
    background-clip       : border-box !important;
    border                : 1px solid rgba(0, 0, 0, 0.125) !important;
    border-radius         : 0.25rem;
    -webkit-border-radius : 0.25rem;
    -moz-border-radius    : 0.25rem;
    -ms-border-radius     : 0.25rem;
    -o-border-radius      : 0.25rem;
}

.panel-body {
    -ms-flex : 0.5 0.5 auto !important;
    flex     : 1 1 auto !important;
    padding  : 1rem !important;
}

.loader2 {
    border            : 20px solid #eaf0f6;
    border-radius     : 50%;
    border-top        : 20px solid #ff7a59;
    width             : 200px;
    height            : 200px;
    animation         : spinner 4s linear infinite;
    -webkit-animation : spinner 4s linear infinite;
    position          : fixed;
    z-index           : 100000;
    top               : 30%;
    left              : 50%;
    display           : none;
}

.loader_overlay2 {
    display  : block;
    width    : 100%;
    height   : 100%;
    position : fixed;
    opacity  : 0;
}

.text-loader {
    display       : inline;
    position      : relative;
    font-size     : 30px;
    font-weight   : 700;
    white-space   : nowrap !important;
    overflow      : auto !important;
    text-overflow : ellipsis !important;
    text-align    : center;
    z-index       : 10000000;
}

.loader_img2 {
    margin            : auto;
    display           : block;
    position          : relative;
    top               : 0%;
    width             : 170px !important;
    -webkit-animation : spin 1s linear infinite;
    -moz-animation    : spin 1s linear infinite;
    animation         : spin 1s linear infinite;
}

@-moz-keyframes spin {
    100% {
        -moz-transform : rotatey(360deg);
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform : rotatey(360deg);
    }
}

@keyframes spin {
    100% {
        -webkit-transform : rotatey(360deg);
        transform         : rotatey(360deg);
    }
}

.width-80 {
    width : 80px !important;
}

.width-90 {
    width : 90px !important;
}

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

.width-100P {
    width : 100% !important;
}

.is_numeric:disabled {
    color       : red !important;
    font-weight : 600;
    font-family : sans-serif !important;
}

.dashboardvoucherlist img {
    width : 100px !important;
}

.dashboardvoucherlist {
    width   : 10% !important;
    padding : 1rem !important;
}

#szlider {
    width         : 100%;
    height        : 1.3rem;
    border        : 1px solid #000000;
    border-radius : 12px;
    overflow      : hidden;
}

#szliderbar {
    width      : 25%;
    height     : 1.5rem;
    background : #e37827;
    color      : #ffffff;
}

#szazalek {
    color       : #000000;
    font-size   : 1rem;
    font-family : "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
    font-weight : 600;
    left        : 10%;
    position    : relative;
    top         : -25px;
}

.txtEmailAndSendVoucherPrint {
    background : #b23cfd !important;
    color      : white;
    font-size  : 15px;
}

.txtEmailAndSendVoucherPrint:hover {
    background : #b23cfd !important;
    color      : white;
}

.item-row-th th {
    padding : 3px !important;
}

.item-row-td td {
    padding     : 3px !important;
    line-height : 1.1rem !important;
    /* border-bottom: 1px solid black; */
}

.CellWithComment {
    position : relative;
}

.CellComment {
    width       : max-content;
    background  : rgb(206, 198, 198);
    box-shadow  : 2px 2px 2px rgba(51, 51, 51, 0.52);
    color       : rgba(51, 51, 51, 0.8);
    font-weight : 600;
    display     : none;
    position    : absolute;
    z-index     : 99999;
    padding     : 5px;
    left        : 28px;
}

.CellWithComment:hover span.CellComment {
    display : block;
}

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

.highlightedtallied_row td {
    background-color : #78aaace0 !important;
    color            : #ffffff !important;
}

.txtred {
    background  : #f5335f !important;
    font-weight : 600 !important;
    color       : #ffffff !important;
}

input[dir="rtl"] {
    height      : 34px !important;
    resize      : none !important;
    text-align  : right !important;
    font-size   : 27px !important;
    font-family : "Jameel Noori Nastaleeq", "Alvi Nastaleeq", "Pak Nastaleeq",
    "Nafees Web Naskh", "Urdu Naskh Asiatype", Tahoma, "Lucida Grande", Verdana,
    Arial, Sans-Serif !important;
    direction   : rtl !important;
    font-weight : bold !important;
}

.urdufont {
    font-family : "Jameel Noori Nastaleeq", "Alvi Nastaleeq", "Pak Nastaleeq",
    "Nafees Web Naskh", "Urdu Naskh Asiatype", Tahoma, "Lucida Grande", Verdana,
    Arial, Sans-Serif !important;
    font-weight : bold !important;
}

.btngllookup {
    background  : #e0882ded;
    font-weight : 600 !important;
    color       : white;
    padding     : 8px 16px;
}

.btngllookup:hover {
    color : #000000 !important;
}

.hightlight_tr_ td {
    padding          : 4px !important;
    background-color : rgb(81, 86, 123) !important;
    color            : #ffffff !important;
    font-weight      : 600;
}

/* Hide short text by default (resolution > 1200px) */
.short-text {
    display : none;
}

/* When resolution <= 1200px, hide full text and show short text */
@media (max-width : 1200px) {
    .short-text {
        display : inline-block;
    }

    .full-text {
        display : none;
    }
}

.input-group-addon {
    min-width : min-content !important;
}

.nav > li > a {
    padding : 8px 8px !important;
}

.text-nowrap {
    white-space : nowrap !important;
    width       : 100% !important;
}

#purchase_table tfoot tr td {
    background-color : #f3f6f9;
    position         : -webkit-sticky;
    position         : sticky;
    bottom           : 0;
    z-index          : 1;
    white-space      : nowrap !important;
    overflow         : hidden !important;
    text-overflow    : ellipsis !important;
}

@media screen and (max-width : 800px) {
    .mt-50- {
        margin-top : -50px !important;
    }
}

@media screen and (max-width : 1200px) {
    .mt-50- {
        margin-top : -50px !important;
    }
}

@media (max-width : 1024px) {
    .mt-0 {
        margin-top : 0rem !important;
    }
}

@media (min-width : 1200px) {
    .mt-0 {
        margin-top : 0rem !important;
    }

    .mt-01 {
        margin-top : 1rem !important;
    }
}

.btnRuningBill {
    padding    : 9px 13px !important;
    color      : white !important;
    background : #8d611ceb !important;
}

.btnRuningBill:hover {
    color      : white !important;
    background : #8d611cec !important;
    padding    : 9px 13px !important;
}

.btnHoldBill {
    padding    : 9px 13px !important;
    color      : white !important;
    background : #bc7f1fc2 !important;
}

.btnHoldBill:hover {
    color      : white !important;
    background : #bc7f1f95 !important;
    padding    : 9px 13px !important;
}

.runningno {
    background  : #bc7f1f95;
    color       : white;
    font-size   : 15px;
    font-weight : 600;
    padding     : 1px 4px;
}

.InvoiceAmountPOS {
    line-height : 15rem !important;
    height      : 173px !important;
    font-size   : 5rem !important;
    font-weight : 600 !important;
    opacity     : 1 !important;
    text-align  : center !important;
    resize      : none !important;
}

textarea:disabled {
    background-color : #ffffff !important;
    color            : #000000 !important;
}

.hightlight-mins-tr td {
    color       : red;
    font-weight : bold;
}

.kotbtns {
    margin  : 1px !important;
    padding : 4px 4px !important;
}

.select2-container .select2-drop {
    -moz-border-radius    : 0;
    -webkit-border-radius : 0;
    border-radius         : 0;
    -moz-box-shadow       : none;
    -webkit-box-shadow    : none;
    box-shadow            : none;
}

.select2-container .select2-drop .select2-results > li.highlighted {
    background : #368ee0;
}

.select2-container.select2-container-single .select2-search input {
    background : none;
}

.select2-container.select2-container-single .select2-single {
    -moz-border-radius    : 0;
    -webkit-border-radius : 0;
    border-radius         : 0;
    background            : #ffffff;
    padding-top           : 3px;
    padding-bottom        : 3px;
    height                : 31px;
    -moz-box-shadow       : none;
    -webkit-box-shadow    : none;
    box-shadow            : none;
}

.select2-container.select2-container-single .select2-single div b {
    background-position-y : 5px;
}

.select2-container.select2-container-multi .select2-choices {
    -moz-box-shadow    : none;
    -webkit-box-shadow : none;
    box-shadow         : none;
    background         : #ffffff;
}

.select2-container.select2-container-multi .select2-choices .search-field {
    padding : 5px;
}

.select2-container.select2-container-multi .select2-choices .search-choice {
    background            : #eeeeee;
    -moz-box-shadow       : none;
    -webkit-box-shadow    : none;
    box-shadow            : none;
    -moz-border-radius    : 0;
    -webkit-border-radius : 0;
    border-radius         : 0;
}

/* Report Table Css */
.item-row-td-group-top td {
    background-color : #bfbfbf !important;
    font-size        : 1.5rem !important;
    font-weight      : 800;
}

.item-row-td-group-bottom td {
    background-color : #e6e6e6 !important;
    font-size        : 1.4rem !important;
    font-weight      : 600;
}

.item-row-td-total-top td {
    font-size   : 1.3rem !important;
    font-weight : 700 !important;
}

.item-row-td-total-bottom td {
    font-size   : 1.3rem !important;
    font-weight : 600 !important;
}

.item-row-td-report td {
    line-height : 2.6rem !important;
    font-size   : 1.4rem !important;
    font-weight : 400;
}

.item-row-grand-total td {
    background-color : #cacacaf5 !important;
    font-size        : 1.3rem !important;
    font-weight      : 800 !important;
}

/* bootstrap hack: fix content width inside hidden tabs */
.pill-content > .pill-pane {
    display    : block;
    height     : 0;
    overflow-y : hidden;
}

.pill-content > .active {
    height : auto;
}

[type="file"] + label {
    background     : #f15d22;
    border         : none;
    border-radius  : 5px;
    color          : #ffffff;
    cursor         : pointer;
    display        : inline-block;
    font-family    : "Rubik", sans-serif;
    font-size      : inherit;
    font-weight    : 500;
    margin-bottom  : 1rem;
    outline        : none;
    padding        : 1.3rem 50px;
    position       : relative;
    transition     : all 0.3s;
    vertical-align : middle;
}

[type="file"] + label:hover {
    background-color : #009fa69e;
}

[type="file"] + label.btn-3 {
    background-color : #009fa621;
    border-radius    : 0;
    overflow         : hidden;
}

[type="file"] + label.btn-3 span {
    display    : inline-block;
    height     : 100%;
    transition : all 0.3s;
    width      : 100%;
}

[type="file"] + label.btn-3::before {
    color       : #ffffff;
    content     : "Upload Excel File";
    font-size   : 130%;
    height      : 100%;
    line-height : 2.6;
    position    : absolute;
    top         : -180%;
    transition  : all 0.3s;
    width       : 100%;
}

[type="file"] + label.btn-3:hover {
    background-color : #009fa69e;
}

[type="file"] + label.btn-3:hover span {
    transform         : translateY(300%);
    -webkit-transform : translateY(300%);
    -moz-transform    : translateY(300%);
    -ms-transform     : translateY(300%);
    -o-transform      : translateY(300%);
}

[type="file"] + label.btn-3:hover::before {
    top : 0;
}

.tr_databaseRecordExit td {
    background  : #e37827 !important;
    font-weight : 600 !important;
    color       : white !important;
}

.btnExcelFileSave {
    background : #088922;
    color      : #ffffff;
    padding    : 1.1em 50px !important;
}

.btnExcelFileSave:hover {
    background : #088922;
    color      : #ffffff;
    padding    : 1.2em 50px !important;
}

.alert-info {
    color            : #0c5460;
    background-color : #d1ecf1;
    border-color     : #bee5eb;
}

.alert-info hr {
    border-top-color : #abdde5;
}

.alert-info .alert-link {
    color : #062c33;
}

.text-add-new {
    color            : #ffffff;
    background-color : #28a745;
    border-color     : #28a745;
    padding          : 3px 3px;
    cursor           : pointer;
}

.text-add-new:hover {
    color            : #ffffff;
    background-color : #218838;
    border-color     : #1e7e34;
    padding          : 3px 3px;
    cursor           : pointer;
}

.text-add-new:focus,
.text-add-new.focus {
    color      : #ffffff;
    box-shadow : 0 0 0 3px rgba(40, 167, 69, 0.5);
    cursor     : pointer;
}

.text-add-new.disabled,
.text-add-new:disabled {
    background-color : #28a745;
    border-color     : #28a745;
}

.text-add-new:active,
.text-add-new.active,
.show > .text-add-new.dropdown-toggle {
    background-color : #218838;
    background-image : none;
    border-color     : #1e7e34;
}

.bg-white {
    background-color : rgb(255 255 255) !important;
}

.bg-slate-50 {
    background-color : rgb(248 250 252) !important;
}

.bg-slate-100 {
    background-color : rgb(241 245 249) !important;
}

.bg-slate-200 {
    background-color : rgb(226 232 240) !important;
}

.bg-slate-300 {
    background-color : rgb(203 213 225) !important;
}

.bg-slate-400 {
    background-color : rgb(148 163 184) !important;
}

.bg-slate-500 {
    background-color : rgb(100 116 139) !important;
}

.chosen-container {
    position : relative;
}

.chosen-container .chosen-drop {
    position : absolute;
    top      : -100%; /* Adjust this value based on your layout */
    left     : 0;
    right    : 0;
    z-index  : 9999; /* Ensure it appears above other elements */
}

.input-align-right {
    float : right;
    width : auto; /* Optional if input-xs is controlling width */
}

.input-xs {
    width         : 100px;
    max-width     : 150px;
    padding       : 3px 6px;
    font-size     : 13px; /* 15px thoda zyada lagta hai input-xs ke liye */
    line-height   : 1.42857143; /* Bootstrap 3 standard */
    border-radius : 3px;
}