body *:not(.datepicker):not(.datepicker *) {
    font-size: 24px !important;
    word-break: break-all !important;
}

.no-break,
no-break * {
    word-break: normal !important;
    overflow-wrap: normal !important;
    white-space: nowrap !important;
}

html,
body {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

html::-webkit-scrollbar,
body::-webkit-scrollbar {
    display: none;
}

.bold {
    font-weight: bold;
}

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

.custom-word-wrap {
    white-space: normal !important;

}

button {
    white-space: normal !important;
    text-align: center;
}

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

.margin-y-40 {
    margin: 40px 0;
}

.padding-bottom-20 {
    padding-bottom: 20px;
}

.hero-buttons {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.user-temporary-point,
.total-point,
.prev-balance,
.new-balance,
.credit-point,
.debit-point {
    position: relative;
}

.user-temporary-point span:nth-child(1),
.total-point span:nth-child(1),
.prev-balance span:nth-child(1),
.new-balance span:nth-child(1),
.credit-point span:nth-child(1),
.debit-point span:nth-child(1) {
    top: -45px;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
}

.prev-balance span:nth-child(2),
.credit-point span:nth-child(2),
.debit-point span:nth-child(2) {
    top: -45px;
    left: 97%;
    /* transform: translateX(-100%); */
    position: absolute;
}

.custom-table {
    min-width: 800px !important;
}

.gift-code-summery-table {
    min-width: 900px !important;
}

.custom-table th {
    /* width:9%; */
    font-weight: 700 !important;
}

.custom-table td {
    font-weight: 700 !important;
}

.empty-column {
    width: 1% !important;
}

.number-column {
    min-width: 40px !important;
    word-break: normal !important;
    /* width: 7% !important; */
}

.gift-code-amount {
    /* min-width: 30px !important;
    max-width: 30px !important;
    width: 30px !important; */
    word-break: keep-all !important;
}

.date-column {
    /* min-width: 128px !important;
    width: 128px !important;
    max-width: 128px !important; */
    word-break: keep-all !important;
}

.name {
    /* width: 9% !important; */
}

.date,
.date-column {
    min-width: 155px !important;
    width: 155px !important;
    max-width: 155px !important;
}

.home-table-top-wrapper {
    justify-content: center !important;
    padding: 0 25px !important;
}

.word-break-keep-all {
    word-break: keep-all !important;
}


.email-character-limit {
    white-space: nowrap;
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 100% !important;
}

.gift-code-column-width {
    min-width: 280px !important;
    width: 300px !important;
    max-width: 300px !important;
    word-break: keep-all !important;
}

.gift-code-serial-column {
    min-width: 285px !important;
    width: 330px !important;
    max-width: 330px !important;
    word-break: keep-all !important;
}

.gift-code-status-column {
    min-width: 110px !important;
    word-break: keep-all !important;
}

.serial-column {
    min-width: 40px;
    word-break: keep-all !important;
}


.upload-button {
    width: 100%;
    max-width: 150px;
    text-align: center;
}

.upload-button {
    padding: 10px 20px;
    color: white;
    border: none;
    cursor: pointer;
    border-radius: 5px;
    background-color: gray;
}

.button-import {
    background-color: blue;
}

.btn:active,
.btn:visited,
.btn:link,
.btn:hover,
.btn:focus,
a:not(.underline),
a:not(.underline):visited,
a:not(.underline):link,
a:not(.underline):hover,
a:not(.underline):focus {
    text-decoration: none !important;
    /* border: 2px solid #166534 !important; */
    outline: none !important;
    box-shadow: none !important;
}

a:active {
    background: unset !important;
}

.g-1 {
    gap: 4px !important;
}

.r-o {
    right: 0 !important;
}

.l-unset {
    left: unset !important;
}

.hide {
    display: none !important;
}

.underline {
    text-decoration: underline !important;
}

.balance-sheet-navi,
.gift-code-navi {
    max-width: 600px;
}

.height-unset {
    height: unset !important;
}

@media (min-width: 1240px) {
    .modal-lg {
        max-width: 1200px !important;
    }
}

@media screen and (max-width: 1900px) and (min-width: 1199px) {
    .home-table-top-wrapper .col-lg-8 {
        flex: 0 0 90% !important;
        max-width: 90% !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 600px) {
    body *:not(.datepicker):not(.datepicker *) {
        font-size: 23px !important;
        word-break: break-all !important;
    }

    .no-break,
    .no-break * {
        word-break: normal !important;
        overflow-wrap: normal !important;
        white-space: nowrap !important;
    }

    .home_page_button {
        height: 40px !important;
    }

    .btn_aria_mobile {
        height: 65px !important
    }

    .email-character-limit {
        max-width: 200px;
    }

}

@media screen and (max-width: 991px) and (min-width: 768px) {
    .modal-lg {
        max-width: 755px !important;
    }
}

@media screen and (max-width: 767px) and (min-width: 576px) {
    .modal-lg {
        max-width: 565px !important;
    }

    .balance-sheet-navi,
    .gift-code-navi {
        max-width: 518px;
    }

}

@media screen and (max-width: 599px) {
    body *:not(.datepicker):not(.datepicker *) {
        font-size: 22px !important;
        word-break: break-all !important;
    }

    .no-break,
    .no-break * {
        word-break: normal !important;
        overflow-wrap: normal !important;
        white-space: nowrap !important;
    }

    button {
        display: flex;
        justify-content: center;
    }


    .btn_aria_mobile {
        padding-bottom: 10px !important;
        height: unset !important;
    }

    .btn_aria_mobile button {
        background-size: contain;
        background-position: center;
    }

    .balance-sheet-navi,
    .gift-code-navi {
        max-width: 518px;
    }
}

@media screen and (max-width: 532px) {

    .btn_aria_mobile a {
        margin-bottom: 8px !important;
    }
}


/* .home_page_button::after {
    content: " ";
    position: absolute;
    background-image: url('./../img/arrow.svg');
    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    height: 20px;
    top: 50%;
    right: 5px;
    transform: translateY( -50%);
} */
/* .home_page_button::before {
    content: " ";
    position: absolute;
    top: -1%;
    bottom: 1%;
    left: -0%;
    right: -0%;
    border: 1px solid #f7c632;
    border-radius: 18px !important;
} */
.home_page_button {
    all: unset !important;
    background: linear-gradient(to bottom, #F07D18, #f7c632) !important;
    /* Gradient background */
    border: 1.5px solid #009688 !important;
    /* Green border */
    border-radius: 8px !important;
    /* Rounded corners */
    padding: 3px 12px !important;
    /* font-size: 24px !important; */
    /* color: white !important; */
    cursor: pointer !important;
    position: relative !important;
    display: inline-block !important;
    text-align: right !important;
    /* outline: 2.5px solid #E76941 !important; */
    /* margin-bottom: 10px !important; */
    /* margin-left: 10px !important; */
}

.custom-button .arrow {
    font-size: 24px;
    /* Adjust size of the arrow */
}

.custom-button:before {
    content: "";
    position: absolute;
    top: -4px;
    left: -4px;
    right: -4px;
    bottom: -4px;
    border-radius: 24px;
    border: 2px solid rgba(0, 150, 136, 0.5);
    /* Slightly transparent border */
}

.custom-button:active {
    transform: translateY(2px);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.2);
}

/* @media (min-width: 1799px) {
    body *:not(.datepicker):not(.datepicker *) {
		font-size: 30px !important;
		word-break: break-all !important;
	}
} */

/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

/* @media (min-width: 1281px) {
    .home-table-top-wrapper .col-lg-8{
        flex: 0 0 90% !important;
        max-width: 90% !important;
    }
} */

/* 
##Device = Laptops, Desktops
##Screen = B/w 1025px to 1280px
*/

.btn-success {
    background: #93ffbf !important;
    color: #000 !important;
}

.btn-warning {
    background: #4d7c0f !important;
    color: #fff !important;
}

.jafa_btn,
.jafa_btn:hover,
.btn-primary,
.btn-primary:hover {
    background: #0f766e !important;
    border-color: #166534 !important;
    color: #fff !important;
}

.btn-info,
.upload-button,
.btn-info:hover {
    background: #15803d !important;
    color: #fff !important;
}

.introduce_screen,
.customer_login_screen,
.change_password_screen,
.bg-green-200 {
    /* background-color: #bbf7d0 !important; */
    background-color: #dcfce7 !important;

}

.bg-green-100 {
    background-color: #dcfce7 !important;
}


/* .btn-info:hover {
	background: #16a34a !important;
    color: #fff !important;
} */

.text-primary,
a {
    color: #0f766e !important;
}

.text-primary:hover,
a.text-primary:hover,
a:hover {
    color: #052e16 !important;
}

.card-header {
    background-color: #bbf7d0 !important;

    /* background-color: #dcfce7 !important; */
}

.btn-warning {
    border-color: #166534 !important;
}

.btn-warning,
.btn-warning:hover,
.btn-danger,
.btn-danger:hover,
.text-white:hover {
    color: #fff !important;
}

a {
    color: green;
}

#product_case_message {
    right: 10px !important;
}

.compare_table_mobile {
    background-color: #fff !important;
}

table:not(.compare_table_mobile):not(.com_reg_table).table-bordered tbody tr:nth-child(odd),
table:not(.compare_table_mobile):not(.com_reg_table).table-striped tbody tr:nth-child(odd),
table:not(.compare_table_mobile):not(.com_reg_table).table-condensed tbody tr:nth-child(odd),
table:not(.compare_table_mobile):not(.com_reg_table).table-striped tbody tr:nth-of-type(odd) {
    background-color: #fff !important;
}

table:not(.compare_table_mobile):not(.com_reg_table).table-bordered tbody tr:nth-child(even),
table:not(.compare_table_mobile):not(.com_reg_table).table-condensed tbody tr:nth-child(even),
table:not(.compare_table_mobile):not(.com_reg_table).table-striped tbody tr:nth-child(even) {
    background-color: #dcfce7 !important;
}

table:not(.compare_table_mobile):not(.com_reg_table).table-bordered thead tr th,
table:not(.compare_table_mobile):not(.com_reg_table).table-condensed thead tr th,
table:not(.compare_table_mobile):not(.com_reg_table).table-striped thead tr th {
    background-color: #bbf7d0 !important;
}


table.use-giftcode-btn thead tr th,
table.use-giftcode-btn tbody tr td {
    background-color: #bbf7d0 !important;
}


.bg-secondary {
    background-color: #059669 !important;
}

.bg-green-200 {
    background-color: #bbf7d0 !important;
}

.alert-info {
    background-color: unset !important;
    color: #000 !important;
}

input[type="checkbox"] {
    accent-color: #059669;
}

.bg-emerald-600 {
    background-color: #059669 !important;
}

.container-fluid {
    padding-left: 2px !important;
    padding-right: 2px !important;
}

.margin-0 {
    margin: 0 !important;

}


@media (max-width: 520px) {

    #purchase_gift_code_screen,
    #admin_company_message,
    .product_case_message,
    #product_case_message {
        width: 96% !important;
        right: 0 !important;
        margin-right: 2% !important;
        margin-left: 2% !important;
    }
}

/* 
##Device = Tablets, Ipads (portrait)
##Screen = B/w 768px to 1024px
*/

/* @media (min-width: 768px) and (max-width: 1024px) {
    body *:not(.datepicker):not(
    .datepicker *) {
		font-size: 20px !important;
		word-break: break-all !important;
	}
	.home_page_button{
		height: 40px !important; 	
	}
	.btn_aria_mobile{
		height: 65px !important
	}

} */

/* 
##Device = Tablets, Ipads (landscape)
##Screen = B/w 768px to 1024px
*/

/* @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    body *:not(.datepicker):not(.datepicker *) {
		font-size: 20px !important;
		word-break: break-all !important;
	}
	.home_page_button{
		height: 40px !important; 	
	}
	.btn_aria_mobile{
		height: 65px !important
	}

} */

/* 
##Device = Low Resolution Tablets, Mobiles (Landscape)
##Screen = B/w 481px to 767px
*/

/* @media (min-width: 481px) and (max-width: 767px) {
    body *:not(.datepicker):not(.datepicker *) {
        font-size: 18px !important; 
        word-break: break-all !important;
    }

} */

/* 
##Device = Most of the Smartphones Mobiles (Portrait)
##Screen = B/w 320px to 479px
*/

/* @media (min-width: 320px) and (max-width: 480px) {
    body *:not(.datepicker):not(.datepicker *) {
        font-size: 16px !important; 
        word-break: break-all !important;
    }
    button {
        display: flex;
        justify-content: center;
    }
    .btn_aria_mobile button{
        background-size: contain;
        background-position: center;
    }

} */

.responsive-image {
    width: 80px;
    height: 80px;
    object-fit: cover;
    background-color: #fff;
}

.details-image-size {
    width: 100%;
    height: 400px;
    object-fit: contain;
    background-color: #fff;
}

.content_single_line * {
    display: none !important;
}

.content_single_line,
.content_single_line>p:first-child {
    display: block !important;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tox-tinymce,
.form-control {
    border: 2px solid #b8b8b8 !important;
}

.tox-edit-area__iframe {
    border-top: 2px solid #b8b8b8 !important;
}

.tox .tox-textfield {
    line-height: 30px !important;
}

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

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

.gross-profit-margin {
    max-width: 80px !important;
    width: 80px !important;
    min-width: 80px !important;
}

.product-sales,
table .jacos-point,
.agency-point,
.member-point,
.prev-balance,
.credit-point,
.debit-point,
.new-balance,
.dealer-code {
    max-width: 120px !important;
    width: 120px !important;
    min-width: 120px !important;
}

.undetermined,
.confirmed-point,
.total-point,
.gift-code-amount {
    max-width: 90px !important;
    width: 90px !important;
    min-width: 90px !important;
}

.dealer-name {
    max-width: 300px !important;
    min-width: 300px !important;
    width: 300px !important;
}

.purchase-amount,
.amount {
    max-width: 150px !important;
    width: 150px !important;
    min-width: 150px !important;
}

.action-column {
    max-width: 90px !important;
    width: 90px !important;
    min-width: 90px !important;
}




body {
    max-width: 100vw;
    overflow-x: hidden;
}

table {
    width: unset !important;
}

.table-responsive {
    /* display: flex;
    justify-content: center !important; */
    width: unset !important;
}

.table-responsive table {
    /* margin: auto; */
}

.compare_table_mobile {
  width: 100% !important;
  border-collapse: collapse; /* merge borders cleanly */
  table-layout: fixed;       /* consistent column widths */
}

.compare_table_mobile th,
.compare_table_mobile td {
  /* border: 1px solid #9e1a1a; unified border */
  padding: 8px;
  text-align: center;
  white-space: normal;   /* allow wrapping */
  word-wrap: break-word;
}

.compare_table_mobile th {
  background-color: #f9f9f9; /* light header bg */
}

.compare_table_mobile td {
  background-color: #fff; /* default cell bg */
}



table.compare_table,
table.compare_table .product_name_table {
    width: 100% !important;
}

@media only screen and (max-width:768px) {

    .dealer-name,
    .action-column,
    .purchase-amount,
    .amount,
    .undetermined,
    .confirmed-point,
    .total-point,
    .gift-code-amount,
    .product-sales,
    table .jacos-point,
    .agency-point,
    .member-point,
    .prev-balance,
    .credit-point,
    .debit-point,
    .new-balance,
    .dealer-code,
    .gross-profit-margin {
        max-width: unset !important;
        min-width: 20px !important;
        width: unset !important;
    }

    td {
        vertical-align: middle !important;
    }

    .row {
        margin: 0 !important;
    }

    .row .col-md-12,
    .row .col-sm-12 {
        padding: 0 !important;
    }

    .table-responsive {
        display: block;
        justify-content: flex-start !important;
        width: 100% !important;
    }

    .row.home-table-top-wrapper {
        padding: 0 10px !important;
    }

    .footer-btn {
        padding: 0 5px !important;
    }

    .desktop_show.footer-link {
        display: none !important;
    }

}

.footer-btn {
    padding: 0 5px !important;
}

*::-webkit-scrollbar {
    display: none;
}

* {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

.navbar-nav {
    align-items: center;
}

#comparing_table p {
    margin: 0;
}

.mobile_compare_table td *,
.mobile_compare_table td {
    text-align: center !important;
}

.company_member_link table {
    width: 100% !important;
}

@media only screen and (max-width:768px) {
    .company_member_link, .company_member_link td{
        padding: 5px;
    }
    #sourceSelectPanel, #sourceSelect {
        display: none !important;
    }
}
@media only screen and (max-width:390px) {
    #admin_link_company_message {
        width: calc(100vw - 20px) !important;
    }
    .company_member_link .card-body{
        padding: 0.5rem!important;
    }
    #admin_link_company_message p {
        margin: 0 !important;
    }
    #sourceSelectPanel, #sourceSelect {
        display: none !important;
    }
}
#sourceSelectPanel, #sourceSelect {
    display: none !important;
}
.shadow-on-hover,
.custom-tag {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 200ms linear;
}
.shadow-on-hover:hover {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    transition: all 200ms linear;
}
/* .hidden {
    display: none !important;
} */