a{color: #282828; text-decoration:none;}
a:hover{color: #ff7f00; text-decoration:none;}

.sidebar-collapse .logo_name{display:none;}
.sidebar-collapse .navbar-brand{width:50px;}
.sidebar-collapse .sidebar-menu>li>a{padding: 6px 5px 6px 5px;}

/* Sticky footer styles
-------------------------------------------------- */

html { position: relative; min-height: 100%;font-family:'Poppins', Calibri, Arial, sans-serif; }

body {background:#e7e7e7; color:#555; font-size:15px; }
.footer {position: absolute; bottom: 0; width: 100%; white-space: nowrap; line-height: 60px; /* Vertically center the text there */}

.clearfix{width:100%; clear:both;}
.clearfix::after {display: block; clear: both; content: "";}
.form-control{padding:10px !important;}
.top-header {
    background-color: #5e97c7 !important;
}
.top-company{margin-top: 3px;}

.admin_site_logo{width:100%; height:auto; margin:0; color:#282828; font-size:25px; font-weight:bold; font-family:Poppins;}
.admin_site_logo a{color:#282828;}
.admin_site_logo a:hover{color:#282828;}
.admin_site_logo .xe_icon{background-image: linear-gradient(to right, #000000, #c27529); width:40px; height:40px; padding:6px 5px; color:#fff; font-size:23px; border-radius:10px; margin:0 0 20px; font-family:sans-serif;}

.admin_white_logo{width:100%; height:auto; margin:0; color:#fff; font-size:25px; font-weight:bold; font-family:Poppins;}
.admin_white_logo a{color:#fff;}
.admin_white_logo a:hover{color:#fff;}
.admin_white_logo .xe_icon{background-image: linear-gradient(to right, #000000, #c27529); width:40px; height:40px; padding:6px 5px; color:#fff; font-size:23px; border-radius:10px; margin:0 0 20px; font-family:sans-serif;}

.breadcrumb{margin:0;}

/*--------------------------------------------------------------
# Start Top Navigation Menu
--------------------------------------------------------------*/

.TopNav{padding:0; width:100%; display:block; height:70px; border-bottom:1px solid #ccc; margin-top:10px;}
.navbar-brand {display: inline-block; width:180px; text-align: center;    margin: 8px 0;}
.navbar-brand a{color:#fff; padding:5px; font-size:20px; font-weight:bold;}
.main-nav{margin:5px 0 0 !important;}
.main-nav,
.main-nav *{margin: 0; padding:0; list-style: none;}
.main-nav > ul > li { position: relative; white-space: nowrap; float: left; color:#fff;}
.main-nav a {display: block; position: relative; color: #282828 !important; padding:10px; transition: 0.3s; font-size: 14px;font-weight: 500;}
.main-nav a:hover{color: #5e97c7; text-decoration: none; border-radius:5px;}
.main-nav .active > a{color: #fff; text-decoration: none; background:#007bff; border-radius:5px;}
.main-nav .drop-down ul { display: block; position: absolute; left: 0; top: calc(100% + 30px); z-index: 99; opacity: 0; visibility: hidden; padding: 10px 0; background: #fff; box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25); transition: ease all 0.3s;}
.main-nav .drop-down:hover > ul{opacity: 1; top:85%; visibility: visible;}
.main-nav .drop-down li{min-width: 180px; position: relative;}
.main-nav .drop-down ul a{padding:5px 10px; font-size: 13px; color: #333;}

.main-nav .drop-down ul a:hover,
.main-nav .drop-down ul .active > a,
.main-nav .drop-down ul li:hover > a {color: #007bff;}

.main-nav .drop-down > a:after {content: "\f107";font-family: FontAwesome;padding-left: 5px;}
.main-nav .drop-down .drop-down ul {top: 0;left: calc(100% - 30px);}
.main-nav .drop-down .drop-down:hover > ul {opacity: 1;top: 0;left: 100%;}
.main-nav .drop-down .drop-down > a {padding-right: 35px;}
.main-nav .drop-down .drop-down > a:after {content: "\f105";position: absolute;right: 15px;}

/* Mobile Navigation */
.mobile-nav {position: fixed;top: 0;bottom: 0;z-index: 9999;overflow-y: auto;left: -260px;width: 260px;padding-top: 18px;background: rgba(19, 39, 57, 0.8);transition: 0.4s;}
.mobile-nav * {margin: 0;padding: 0;list-style: none;}
.mobile-nav a {display: block;position: relative;color: #fff;padding: 10px 20px;font-weight: 500;font-size:13px;}

.mobile-nav a:hover,
.mobile-nav .active > a,
.mobile-nav li:hover > a {color: #74b5fc !important;text-decoration: none;}

.mobile-nav .drop-down > a:after {content: "\f078";font-family: FontAwesome;padding-left: 10px;position: absolute;right: 15px;}
.mobile-nav .active.drop-down > a:after {content: "\f077";}
.mobile-nav .drop-down > a {padding-right: 35px; color:#fff;}
.mobile-nav .drop-down > a:focus {color:#007bff;}
.mobile-nav .drop-down.active > a{color:#007bff;}
.mobile-nav .drop-down ul {display: none;overflow: hidden;}
.mobile-nav .drop-down li {padding-left: 20px;}
.mobile-nav-toggle{position: fixed;right: 0;top: 0;z-index: 9998;border: 0;background: none;font-size: 24px;transition: all 0.4s;outline: none !important;line-height: 1;cursor: pointer;text-align: right;}
.mobile-nav-toggle i {margin: 18px 18px 0 0;color: #004289;}
.mobile-nav-overly{width: 100%;height: 100%;z-index: 9997;top: 0;left: 0;position: fixed;background: rgba(19, 39, 57, 0.8);overflow: hidden;display: none;}
.mobile-nav-active{overflow: hidden;}
.mobile-nav-active .mobile-nav{left: 0;}
.mobile-nav-active .mobile-nav-toggle i{color: #fff;}

.arrow{width:auto; margin:0 0 0 -27px; float:left; vertical-align:middle; position:fixed; top:370px;}
/*--------------------------------------------------------------
# End Top Navigation Menu
--------------------------------------------------------------*/

.dashobard_top_text{font-size:16px; color:#282828; font-weight:600; margin-bottom: 10px;}
.dashobard_total_no{font-size:25px; font-weight:bold; margin:0 0 15px; color:#282828; line-height: 20px;}
.green_text{color:#16a34a;}
.red_text{color:#dc2626;}
.dashboard_icon_bg{background:#eef0eb; width:40px; height:40px; border-radius:10px; text-align:center; color:#282828; font-size:20px; line-height:40px;}

.quick_actions_box{transition: all 0.3s;}
.quick_actions_box:hover{margin:-5px 0 0;}
.quick_actions_icon_box{background:#eef0eb; width:45px; height:45px; padding:8px; font-size:18px; text-align:center; border-radius:50px; margin:0;}
.card_head{color:#282828; font-size:20px; font-weight:600; margin:0 0 2px;}


/*--------------------------------------------------------------
# Start Form CSS
--------------------------------------------------------------*/

.Top_Search_popup{width:300px; position:absolute; z-index:991; background:#fff; display:none;/* white-space: nowrap;*/ margin:0; box-shadow: 0 0 10px #999; border-radius:15px;}
.Top_Search_popup table{width:100%; margin:0;}
.Top_Search_TableScrl{max-height:300px; overflow: auto;}
.Top_Search_TableScrl ul{margin:0; padding:0;}
.Top_Search_TableScrl ul li{margin:0; padding:0; display:block; list-style-type:none;}
.Top_Search_TableScrl ul li a{display:block; border-radius:15px; padding:7px; margin:0 5px; font-weight:600;}
.Top_Search_TableScrl ul li a:hover{color:#fff; background:#ff7f00;}

.top_company_icon {
    position: absolute;
    left: 15px;
    top: 28px;
    transform: translateY(-50%);
    z-index: 10;
}
.top_company_input {
    padding-left: 32px !important;
}
.Top_Searchflip{cursor:pointer;}
.top_company_input{background:#e7e7e7 url(../images/dropdown_arrow.png) no-repeat center right !important; padding:5px 20px 5px 30px; border:none ;font-weight:500; width:280px; cursor:pointer; font-size: 16px;}
.top_company_input:hover{background:#eee url(../images/dropdown_arrow.png) no-repeat center right !important;}
.top_company_input:focus{box-shadow: none;}

/*.Top_Search_TableScrl thead{background:#01837d !important; color:#fff;}
.Top_Search_TableScrl td{border:none; padding:5px !important; cursor:pointer;}
.Top_Search_TableScrl td:hover{background:#ff7f00; color:#fff;}
.Top_Search_TableScrl tr{border-bottom:1px solid #e8e8e8;}
.Top_Search_TableScrl tr:hover{background:#ff7f00; color:#fff;}*/

.desktop_top_search{display:block;}
.mobile_top_search{display:none;}

.company_short_name{color:#999; text-transform:uppercase;}
.user_image{height: 20px;width: 20px;border-radius: 50px; border:1px solid #ccc;} 

.top_header_search_icon{position:absolute; top:15px; left:20px;}
.top_header_search{padding:5px 20px 5px 30px;}


.DropDown_Arrow{background:#e7e7e7 url(../images/dropdown_arrow.png) no-repeat center right !important; padding:5px 20px 5px 10px; border:none;}
.DropDown_Arrow:hover{background:#eee url(../images/dropdown_arrow.png) no-repeat center right !important;}
.DropDown_Arrow:focus{box-shadow: none;}
.DatePick{background:#fff url(../images/CalIcon.png) right center no-repeat; background-position:right; background-repeat:no-repeat;}

.error_msg{color:#cd1414; position:absolute; font-size:11px;}


.inner-container{padding:10px 20px; margin:75px 0 0; min-height:480px; }
.card{border-radius:20px;}
.action_icon a{margin:0 3px; color:#282828;}

.main_title{color:#282828; font-size:30px; font-weight:700; margin-bottom: 10px; line-height:25px;}
.gray_sub_title{color:#787f68; font-size:16px; line-height:1.75rem; margin:0 0 15px;}

.page_title{color:#282828; font-size:25px; font-weight:700; margin:10px 0 0 0; line-height:25px;}

.green_btn{background:#000000; color:#fff; border-radius:10px; padding:10px 20px; margin:0 0; font-size:16px; transition: all 0.3s;}
.green_btn:hover{color:#fff; opacity:0.8}
.bi-trash{color:red}
.btn-primary {
    margin-top: 10px;
    background: #000000;
    color: #fff;
    border-radius: 10px;
    padding: 10px 20px;
    font-size: 16px;
    transition: all 0.3s;
    border: 1px solid #000000;
}

    .btn-primary:hover {
        background: #697a42 !important;
        color: #fff;
        opacity: 0.8;
    }

.white_btn{background:#e7e7e7; border:1px solid #ccc; color:#282828; border-radius:10px; padding:12px 20px; font-size:16px; transition: all 0.3s;}
.white_btn:hover{ background:#c27529; border:1px solid #c27529; color:#fff;}

.grey_btn{background:#888888; color:#fff; border-radius:15px; padding:10px 20px; margin:0 0; font-size:16px; transition: all 0.3s;}
.grey_btn:hover{color:#ffffff; background: #515151; opacity:0.8}

.mandatory{color:#c27529;}
.form-label{color:#282828; font-size:13px; font-weight:600; margin:0;}

.form-control {
    background: #fff7e4;
    border-radius: 10px;
}
.form-select {
    background: #fff7e4 url(../images/dropdown_arrow.png) no-repeat center right !important;
    border-radius: 10px;
    padding: 10px !important;
}

.form-switch-input{width:3em !important; height:2em;}
.form-switch-input:checked{background-color: #000000; border-color: #282828;}

.top_list_search_icon {
    position: absolute;
    top: 10px;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}
#globalSearch {
    padding-left: 38px !important;
}
.top_list_search_form{padding:8px 10px 8px 30px; width:300px;}

/* debit-note-voucher Start */
.voucher-container {
    border: 1px solid #000;
    font-size: 14px;
    background: #fff;
}

.voucher-header {
    border-bottom: 1px solid #000;
    padding: 10px;
}

.voucher-logo {
    max-height: 50px;
    margin-bottom: 5px;
}

.voucher-title {
    font-weight: bold;
    margin-top: 5px;
}

.voucher-meta {
    width: 100%;
    border-bottom: 1px solid #000;
    font-size: 13px;
}

    .voucher-meta td {
        padding: 6px 8px;
    }

.voucher-table {
    width: 100%;
    border-collapse: collapse;
}

    .voucher-table th, .voucher-table td {
        border: 1px solid #000;
        padding: 8px;
    }

    .voucher-table th {
        background: #f5f5f5;
    }

.voucher-amount {
    padding: 10px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

.voucher-signature {
    width: 100%;
    text-align: center;
}

    .voucher-signature td {
        padding: 25px 10px;
        border-right: 1px solid #000;
    }

        .voucher-signature td:last-child {
            border-right: none;
        }

@page {
    size: A4;
    margin: 10mm;
}

.a4-wrapper {
    margin: 0 auto;
    background: #fff;
}

@media print {
    html, body {
        height: auto !important;
        overflow: visible !important;
        background: #fff;
    }

    header, aside, footer, .btn, .print-btn {
        display: none !important;
    }

    .card, .card-body {
        border: none !important;
        box-shadow: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .a4-wrapper, .voucher-container {
        margin: 0 !important;
        page-break-inside: avoid !important;
        break-inside: avoid !important;
    }

    table, tr {
        page-break-inside: avoid;
    }
}
/* debit-note-voucher End */

/* debit-note Start */
.debit-note {
    border: 1px solid #999;
    font-size: 13px;
    background: #fff;
    padding: 6px;
    font-family: Arial, sans-serif;
}

.debit-header {
    width: 100%;
    border-bottom: 1px solid #999;
}

    .debit-header td {
        padding: 6px;
        vertical-align: middle;
    }

.gstin {
    font-weight: bold;
    width: 25%;
}

.header-center {
    text-align: center;
    width: 50%;
}

    .header-center .title {
        font-weight: bold;
        letter-spacing: 2px;
    }

    .header-center .company {
        font-weight: bold;
        font-size: 15px;
    }

.header-right {
    width: 25%;
}

.debit-logo {
    max-height: 50px;
    margin-bottom: 5px;
}

.debit-row {
    width: 100%;
    border-bottom: 1px solid #999;
}

    .debit-row td {
        padding: 6px;
    }

.amount-words {
    border-top: 1px solid #999;
    padding: 6px;
    font-weight: bold;
}

.debit-footer {
    margin-top: 25px;
    display: flex;
    justify-content: space-between;
}

.authorised {
    text-align: right;
    margin-top: 35px;
    font-weight: bold;
}
/* debit-note End */

/*--------------------------------------------------------------
# End Form CSS
--------------------------------------------------------------*/
.account_nav_tab{background:#e8eae4; border-radius:15px; padding:5px;}
.account_nav_tab .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{color:#282828; background-color:#e7e7e7; border-color:#dee2e6 #dee2e6 #e7e7e7; font-weight:700;  border-radius:15px;}
.account_nav_tab .nav-link{color:#787f68; font-weight:700; padding:.3rem 1rem;}

.dp-highlighter{background-color:#E7E5DC; width:100%; overflow:auto;}
.dp-highlighter ol{list-style:decimal; background-color: #fff; margin: 0px 0px 1px 45px !important; padding: 0px; color: #5C5C5C;}
.dp-highlighter ol li, .dp-highlighter .columns div{list-style: cimal-leading-zero; list-style-position:outside !important; border-left:3px solid #3f8bae; background-color:#F8F8F8; color:#666; padding:0 3px 0 10px !important; margin:0 !important; line-height:25px; border-right:1px solid #ddd;}
.dp-highlighter ol li.alt{background-color: #FFF; color: inherit;}

/*------------------------ Start Top Header CSS ----------------*/
.head-title{font-size:23px; margin:0; color:#fff;}

.heading_one{color: #282828; font-size: 28px; font-weight: 700; margin: 0 0 15px; font-family: Poppins;}
.company_details{font-size:14px; cursor:pointer;}
.company_details:hover{box-shadow:0 0 8px #ccc;}
.company_name{color:#282828; font-size:22px; font-weight:600; margin:0 0 10px; font-family:Poppins; width:65%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:inline-block;}
.short_name{background:#f3f4f0; color:#282828; padding:3px 10px; border-radius:20px; float:right; font-size:11px; text-transform:uppercase; font-weight:bold; margin: 5px 0 0;}
.company_tag{margin:5px 0 0; padding:0; display: inline-block;}
.company_tag li{border:1px solid #ccc; padding:0 10px; margin:0 3px 0 0; font-weight:bold; border:1px solid #ccc; border-radius:20px; font-size:12px; display:inline-block; list-style-type:none; line-height:20px;}

.overview_gray_text{color:#777; font-weight:500;}
.overview_text_lg{font-size:16px; line-height:1.75rem; font-weight:500; color:#333;}

.status_active{background:#000000; color:#fff; padding:3px 10px 4px; margin:0 3px 0 0; font-weight:bold; border-radius:20px; font-size:12px;s}
/*------------------------ End Top Header CSS ----------------*/

/*--------------------------------------------------------------
# Start Datatable CSS
--------------------------------------------------------------*/
/*.responsive_table{border-radius:5px; overflow:auto;}*/
.dataTables_scrollBody{height:315px !important;}
.dataTables_scroll{border-radius:10px; overflow:hidden; border: 1px solid #ddd;}
/*table.dataTable{border-collapse: collapse;}
.table thead{background:#f8f7fc; /*color:#a2a2a2;color:#333; border-bottom:#e8e8e8; z-index:99; position:relative;}*/

table.dataTable tbody tr{background-color:#ffffff; border-bottom:#ddd;}
table.dataTable{border-collapse: collapse;}
.table thead tr{color:#333; z-index:99; position:relative;}
table.dataTable thead th{padding:10px; vertical-align:middle;}
table.dataTable tbody td{padding:10px; color:#333; vertical-align: top !important;}
.table td{padding:10px; color:#333;}
.table th{padding:10px;}
.dataTables_wrapper .dataTables_paginate .paginate_button{padding:5px 11px; border: 1px solid #ccc;}
.dataTables_wrapper .dataTables_paginate .paginate_button.current{background:#fff; color:#333 !important;}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled{border: 1px solid #ccc;}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover{border: 1px solid #ccc;}
.dataTables_scrollHead{background: #f8f7fc;}
.dataTables_wrapper .dataTables_filter input{margin-left: 0.5em; outline: none;}
.dataTables_length{display:none;}
.dataTables_filter{display:none;}
.dataTables_info{font-size:13px; font-weight:bold; margin:5px 0; float:left;}
.dataTables_wrapper .dataTables_paginate{float:right; font-size:15px; margin:10px 0 0;}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{color: #333 !important; border: 1px solid #dee2e6; background-color: #e9ecef; background: linear-gradient(to bottom, #e9ecef 0%, #e9ecef 100%);}
.Records_no{font-size:11px; font-weight:bold; float:left; margin:10px 0 0;}

.table{margin-bottom:0; width:100% !important;}
.table th {padding:10px; background:#f5f6f3; color:#999;}
.dataTables_scrollHeadInner{width:100% !important;}

.pagination {float:right; margin:5px 0 0;}
.pagination .page-link{color:#666;}
.page-item.active .page-link{z-index: 3; color: #fff; background-color: #264653; border-color: #264653;}
.dataTables_wrapper.no-footer .dataTables_scrollBody{border-bottom: 0px;}
table.dataTable thead th, table.dataTable thead td{border-bottom: 0;}
/*--------------------------------------------------------------
# End Datatable CSS
--------------------------------------------------------------*/

/*-------------------------- Start Dashboard CSS -----------------*/
.box{position: relative; border-top: 0; margin-bottom: 20px; width: 100%; background: #fff; padding: 0px; -webkit-transition: .5s; transition: .5s; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; border-radius: 4px; -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1); box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);}
.box-body{padding: 1.25rem; -ms-flex: 1 1 auto; flex: 1 1 auto;}
.box-header{color: #455a64; display: block; padding: 0.5rem 1.25rem; position: relative; border-bottom: 1px solid rgba(97, 106, 120, 0.07);}
.box-title{line-height: 22px; font-size: 18px; color:#c6c6c6;}

.tooltip-inner{max-width:200px;padding:.25rem .5rem;color:#fff;text-align:center;background-color:#01837d;}
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,.bs-tooltip-top .tooltip-arrow::before{top:-1px;border-width:.4rem .4rem 0;border-top-color:#01837d;}
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .bs-tooltip-start .tooltip-arrow::before {border-left-color:#01837d;}
/*-------------------------- End Dashboard CSS -------------------*/



/* --------------------Start Toaster Messege------------------------- */

/* Success message */
.toast-message.success {background-color: #28a745; color: #ffffff;}
/* Error message */
.toast-message.error {background-color: #dc3545; color: #ffffff;}
/* Info message */
.toast-message.info {background-color: #17a2b8;color: #ffffff;}
/* Warning message */
.toast-message.warning {background-color: #ffc107;color: #212529;}


/* --------------------End Toaster Messege------------------------- */



.text-gray{color:#999;}
.SearchPannel{display:none; width:300px; position:fixed; top:30px; left:20px;}
.search-icon{top:50%; left:30px; transform:translateY(-50%); color:#888;}
.btn-advance-search{background: #e7e7e7; margin-top: -3px;border-radius: 10px;padding: 8px 10px 8px 10px;font-size: 1rem;font-weight: 400;line-height: 1.5;color: #212529;border: 1px solid #ced4da;}
.mandatory {color: #dc3545;font-weight: bold;}
.is-invalid {border-color: #dc3545 !important;}
.invalid-feedback {display: none;color: #dc3545;font-size: 0.85rem;}
.is-invalid + .invalid-feedback {display: block;}
.delete-row i { color:#dc3545; cursor:pointer; }
 .text-wrap {
    white-space: normal;
    word-wrap: break-word;
    max-width: 350px;
  }
.select-wrapper {
    position: relative;
}

.select-wrapper select {
    appearance: none;           /* Remove default arrow */
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 2rem;        /* Space for icon */
}

.select-wrapper i {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    pointer-events: none;       /* Allows clicking select */
    color: #555;                /* Optional color */
    font-size: 14px;
}
.btn-outline-primary {
    color: #000000;
    border-color: #ced4da;
}
.btn-outline-primary:hover {
    background-color: #000000; color: white; border: 1px solid #000000;
}
.btn-outline-success{color: white; background-color: #000000; border: 1px solid #000000;}
.btn-outline-success:hover{color: white; background-color: #49562c;}
.btn-success{background-color: #49562c;}
.btn-success:hover{background-color: #5f7039;}
.nav-logo {margin: 5px;height: 44px;}

.is-busy {
    opacity: 0.7;
    pointer-events: none;
}
.Invoice_Section .company_name {
    font-size: 16px;
    font-weight: bold
}

.Invoice_Section td {
    padding: 1px 10px;
    vertical-align: top;
}

.pull-right {
    float: right
}
.custom-select {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    padding-right: 2rem; /* Space for the icon */
}

.dropdown-icon {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    font-size: 14px;
    color: #6c757d;
}

.btn-spinner {
    width: 14px;
    height: 14px;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    display: inline-block;
    vertical-align: -2px;
    animation: spin .6s linear infinite;
    margin-right: 6px;
}

.d-none {
    display: none !important;
}

.field-error {
    border-color: #dc3545 !important;
}

.row-error {
    color: #dc3545;
    font-size: 12px;
    margin-top: 2px;
}
.error-wrapper {
    min-height: 90vh;
    display: flex;
    align-items: center;
    opacity: 0;
    animation: fadeIn 0.8s ease forwards;
}

/* Stylish 404 text */
.count404 {
    font-size: 5rem;
    font-weight: 800;
    background: linear-gradient(90deg, #303d15, #3f4e22);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 20px;
}

/* slide-in start positions */
#leftBlock {
    opacity: 0;
    transform: translateX(-50px);
}

#rightBlock {
    opacity: 0;
    transform: translateX(50px);
}

/* Hidden before JS animation */
.error-title, .error-text {
    opacity: 0;
    transform: translateY(20px);
}
@media print {
    body {
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
        margin: 0;
        padding: 0;
    }

    .button-container, #print-btn, #download-btn {
        display: none !important;
    }

    .invoice-scroll-wrapper {
        overflow: visible !important;
        height: auto !important;
    }

    .invoice-container {
        width: 100% !important;
        max-width: 100% !important;
        min-width: unset !important;
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
    }

    @page {
        margin: 8mm !important;
        size: A4 portrait;
    }

    table {
        width: 100% !important;
        border-collapse: collapse !important;
        page-break-inside: auto;
    }

    tr {
        page-break-inside: avoid;
        page-break-after: auto;
    }

    .totals-row, .bank-row {
        page-break-inside: avoid;
    }

    .navbar, .sidebar-toggle {
        display: none !important;
    }
    .sidebar {
        display: none !important;
    }

    footer {
        display: none !important;
    }
}

@media (max-width: 768px) {
    .invoice-container {
        font-size: 8px;
    }

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

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

    .logo-placeholder img {
        width: 120px;
    }

    .invoice-table, .hsn-table {
        font-size: 8px;
    }

    .totals-table-calc, .totals-table-qty, .totals-table-words {
        font-size: 8px;
    }
}


@media (max-width: 768px) {
.content-header>.breadcrumb, .content-header>.container>.breadcrumb {top:15px;}
.responsive_table{width:100%; overflow-x:scroll; overflow-y:hidden;}
.main-contener{margin: 0;}
.login-bg{display:none;}
.Mobile{display:none;}

.inner-container{margin:40px 0 0;}
.TopNav{height:45px;}
.Top_Search_popup{margin:25px 0 0;}
.top_company_input{display:none;}
.top_header_search{display:none;}
.top_header_search_icon{top:6px; left:35px;}
.top_company_icon{position:absolute; top:6px; left:25px;}
.fixed-top{margin:0; left:5px;}

.sidebar-open .sidebar-toggle.Desktop{left:185px; top:15px; color:#fff;}
.navbar-collapse{margin:0;}

.desktop_top_search{display:none;}
.mobile_top_search{display:block;}
}

@media (max-width:480px) {
.inner-container{padding:5px;}
.main_title{font-size: 20px;}
.gray_sub_title{font-size: 15px; line-height: 1.5rem;}
}
@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}