* { margin: 0 0; padding: 0; outline: none; -ms-word-break: break-word; word-break: break-word; word-wrap: break-word;  }

@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

html {scroll-behavior: smooth; }
body { font-family: "Inter", sans-serif; font-weight: normal !important; font-style: normal !important; overflow-x: hidden; padding: 0px !important; }

/* scrollbar */
::-webkit-scrollbar { width: 5px; height: 12px;}
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); -webkit-border-radius: 10px; border-radius: 10px;}
::-webkit-scrollbar-thumb {-webkit-border-radius: 10px; border-radius: 10px; background: #00838F; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);}
::-webkit-scrollbar-thumb:window-inactive { background: rgba(255, 255, 255, 0.3);}

input:-webkit-autofill, input:-webkit-autofill:hover,  input:-webkit-autofill:focus,
textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus,
select:-webkit-autofill, select:-webkit-autofill:hover,
select:-webkit-autofill:focus { border: 1px solid #D9D9D9; -webkit-text-fill-color: #000; -webkit-box-shadow: 0 0 0px 1000px rgba(243, 243, 243, 1) inset; transition: background-color 5000s ease-in-out 0s;}

.form-control::-ms-reveal {
  display: none !important;
}

.navbar-header .navbar-brand-box { display: inline-block !important; }

colgroup + tfoot { display: none !important; }

/*  */

.auth_form_section { /* display: flex; align-items: center; justify-content: space-between; */ min-height: 100vh; background: #fff /* url(../images/authbg.jpg) repeat */;/*  background-position: center; background-size: 100%;  padding: 15px;  */}
.auth-full-page-content { /* box-shadow: 0px 4px 19px 0px #E0E0E0; background: #FFFFFF; max-width: 1028px; */ width: 100%; min-height: 100vh; /* border-radius: 20px; display: flex; */ }

.auth-form-content { width: 50%; padding: 55px 120px; display: flex; flex-direction: column; }
.auth-form-content .page_title { font-size: 32px; line-height: 38px; color: #000; margin-bottom: 25px; text-transform: unset; }
.auth-form-content .form-label { font-size: 14px; line-height: 16.94px; color: #000; margin-bottom: 10px; font-weight: 400; }
.auth-form-content .form-group { margin-bottom: 35px; }
.auth-form-content .form-control { border: 1px solid #D9D9D9; width: 100%; box-shadow: none !important; padding: 17px 12px; border-radius: 10px; color: #000; font-size: 14px; }
.auth-form-content .form-control:hover, .auth-form-content .form-control:focus { border-color: #d53e84; }
.auth-form-content .password_label { width: 100%; display: flex; align-items: center; justify-content: space-between; }
.auth-form-content .eye_btn { font-size: 12px; text-align: right; margin-bottom: 10px; padding: 0; display: flex; align-items: center; color: #000; box-shadow: none !important; }
.auth-form-content .eye_btn:hover { color: #d53e84; }
.auth-form-content .eye_btn .mdi { font-size: 20px; margin-right: 5px; line-height: 20px; }
.auth-form-content .go_other_page { font-size: 14px; text-align: right; color: #000; margin-bottom: 35px; }
.auth-form-content .go_other_page a {  color: #000; text-decoration: underline !important; }
.auth-form-content .go_other_page a:hover, .auth-form-content .go_other_page a:focus { color: #d53e84 !important; }

.common_btn { background: #00838F; width: 100%; padding: 14px; border-radius: 6px; font-size: 18px; font-weight: 700; text-align: center; text-transform: uppercase; box-shadow: none !important; border: 1px solid transparent; color: #fff !important; }
.common_btn:hover, .common_btn:focus { background: transparent; color: #00838F !important; border-color: #00838F !important; }

.auth_right_content { width: 50%; /* border-radius: 0px 20px 20px 0px; background: linear-gradient(180deg, #00838F 0%, #01C0D1 48.52%, #00838F 100%); padding-top: 40px; padding-bottom: 10px; */ }
.auth_right_content .auth-logo { text-align: center; margin: 0px auto; color: #fff; font-size: 56px; font-weight: bold; text-align: center; line-height: 1; height: 70px; padding: 0px 10px; }
.auth_right_content .auth-logo .logo-txt { color: #fff !important; font-size: 56px; font-weight: 700; margin-left: 0px; }
.auth_right_content .auth-logo img { width: 100%; height: 100%; object-fit: contain; object-position: center; }
.auth_right_content .hand_img { width: 100%; height: 600px; }
.auth_right_content .hand_img img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.auth_right_content .arc_block { padding: 18px; }
.auth_right_content .arc_block h1 { font-size: 36px; font-weight: 700; text-align: center; color: #FFFFFF;  margin-bottom: 22px; }
.auth_right_content .arc_block p { font-size: 16px; line-height: 24px; text-align: center; margin-bottom: 0px; color: #FFFFFF;  }

.forgot-page .go_other_page { text-align: center; margin-top: 35px; }

.auth-logo { max-width: 250px; margin: 0px auto;  }
.auth-logo img { width: 100%; height: 100% !important; object-fit: contain; object-position: center; }

.arc_block { width: 100%; height: calc(100% - 600px); padding: 30px; background: #ffe3f0; display: flex; align-items: center; }
.arcb_box { box-shadow: 0 8px 16px 8px rgba(22,28,34,.05); background: #fff; border-radius: 8px; display: flex; align-items: center; padding: 20px; max-width: 430px; margin: auto; width: 100%; }
.arcb_img { width: 70px;  }
.arcb_img img { width: 100%; }
.arcb_body { padding-left: 20px; width: 100%; flex: 1; }
.auth_right_content .arc_block h1 { font-size: 18px; line-height: 24px; color: #1c252d; margin-bottom: 10px; text-align: left; }
.auth_right_content .arc_block p { font-size: 16px; line-height: 20px; color: #1c252d; text-align: left; margin-bottom: 15px; } 
.auth_right_content .arc_block .common_btn { width: auto; padding: 10px 15px; font-size: 14px;}

.auth_form_section .common_btn { background: #d53e84; }
.auth_form_section .common_btn:hover, .auth_form_section  .common_btn:focus { background: transparent; color: #d53e84 !important; border-color: #d53e84 !important; }


/* header */

#page-topbar { box-shadow: 0px 4px 4px 0px #0000000D; background: #282828; border: none !important; padding-left:5px; }
.navbar-header { height: 51px; padding-right: 15px; }
.navbar-header .header-profile-user { height: 30px; width: 30px; padding: 0 !important; margin-left: 8px; object-fit: cover !important; }
.navbar-header .navbar-brand-box { background: none !important; border-right: none !important; box-shadow: none !important; padding: 5px !important; min-width: 39px !important; width: fit-content !important; max-width: 85px; }
.navbar-header .title-sm { font-size: 14px; font-weight: 700; color: #FFFFFF; text-transform: uppercase; margin-left: 10px; max-width: 320px; width: 100%; }
.navbar-header .form-group { margin: 0px auto; max-width: 250px; width: 100%; }
.navbar-header .input-group { background: #323232; border: 1px solid #49494A; width: 100%; border-radius: 4px; }
.navbar-header .form-control { background: transparent !important; border-radius: 4px; box-shadow: none; border: none !important; font-size: 10px;  font-family: "Inter", sans-serif; color: #fff; padding: 2px 10px; }
.navbar-header .form-control::placeholder {color: #000; }
.navbar-header .input-group-text { background: transparent; border-radius: 4px; box-shadow: none; border: none !important; padding: 8px; }
.navbar-header .input-group-text a { color: #000;   }
.navbar-header .input-group-text a svg { width: 18px !important; height: 18px !important; }
.navbar-header .header-item, .navbar-header .header-item:hover { color: #fff !important;}
.navbar-header .header-item { height: auto !important; background: transparent !important; border: none !important; padding: 0px !important; display: flex; align-items: center; font-size: 12px; }
.navbar-header .plus_icon_dropdown {  display: block; position: relative; }
.navbar-header .plus_icon_dropdown .header-item { border: 1px solid #797979 !important; width: 30px; height: 30px !important; border-radius: 2px; background: #FF993A !important; }
.navbar-header .plus_icon_dropdown:hover .header-item { opacity: 0.8; }
.navbar-header .plus_icon_dropdown img { width: 100%; height: 100%; object-fit: contain; object-position: center; border-radius: 2px; }

.navbar-header .link_btn { font-size: 12px; color: #fff; margin-left: 10px; border: 1px solid #fff; padding: 4px 10px; border-radius: 2px; }
.navbar-header .link_btn img { display: none; }
.navbar-header .link_btn:hover { background: #fff; color: #000; }

.navbar-header .delivery_btn { background: #FFFF61; font-size: 12px; font-weight: 500; color: #000 !important; border: 1px solid #797979; box-shadow: none !important; min-width: 90px; margin-left: 10px; height: 30px; border-radius: 2px; display: flex; align-items: center; justify-content: center; padding: 3px 10px; }
.navbar-header .purchase_btn { background: #a9dadf; font-size: 12px; font-weight: 500; color: #000 !important; border: 1px solid #797979; box-shadow: none !important; min-width: 90px; margin-left: 10px; height: 30px; border-radius: 2px; display: flex; align-items: center; justify-content: center; padding: 3px 10px; }
.navbar-header .delivery_btn img { width: 20px; height: 20px; object-fit: contain; object-position: center; margin-right: 5px; }
.navbar-header .purchase_btn img { width: 20px; height: 20px; object-fit: contain; object-position: center; margin-right: 5px; }
.navbar-header .purchase_btn img + img { display: none; }
.navbar-header .delivery_btn img + img { display: none; }
.navbar-header .delivery_btn:hover { opacity: 0.8; }
.navbar-header .purchase_btn:hover { opacity: 0.8; }
.navbar-header .logo { line-height: unset !important; display: inline-block; }
.navbar-header .logo img { object-fit: contain; object-position: left center; width: 100%; }
.navbar-header .dropdown .mdi { color: #797979 !important; font-size: 20px;}

.profile_dropdown { margin: 0px 10px; }
.shortcuts-dropdown .dropdown-menu, .profile_dropdown .dropdown-menu { top: 41px !important; border: none !important; border-radius: 0px 0px 10px 10px; }
.shortcuts-dropdown .dropdown-item, .profile_dropdown .dropdown-item { font-size: 12px; line-height: 24px; color: #000; }

.plus_icon_dropdown .dropdown-menu { background: #FF993A; border: 1px solid #797979; border-radius: 0px 0px 10px 10px; top: 50px !important; right: 0px !important; position: relative; min-width: 12rem; }
.plus_icon_dropdown .dropdown-menu::before { width: 30px; height: 23px; background: #FF993A; border-left: 1px solid #797979; border-right: 1px solid #797979; position: absolute; content: ""; top: -23px; right: -1px; z-index: 1111; }

.plus_icon_dropdown .dropdown-item { color: #fff; font-weight: 600; font-size: 12px; padding: 5px 10px; }
.plus_icon_dropdown .dropdown-item.active,
.plus_icon_dropdown .dropdown-item:active,
.plus_icon_dropdown .dropdown-item:focus,
.plus_icon_dropdown .dropdown-item:hover { color: #000; opacity: 0.8; }

/* side navbar */

#sidebar-menu { padding-top: 0px !important; }

.main-content { margin-left: 40px; min-height: 100vh; display: flex;}
.main-content .container-fluid { height: 100% /* calc(100% - 70px); */  }

.vertical-menu { top: 51px !important; width: 40px !important;  border-right: 1px solid #DEDEDE; transition: 0.3s ease-out; }

#sidebar-menu ul li a span { display: none; }
#sidebar-menu ul li a img { margin-right: 0px !important; width: 15px; height: 15px; object-fit: contain; object-position: center; margin-left: 2px; }
#sidebar-menu ul li a img + img { display: none; }
#sidebar-menu .has-arrow::after { display: none; }
.vertical-menu:hover { transition: 0.3s ease-out; width: 260px !important; z-index: 11111; }
.vertical-menu:hover #sidebar-menu > ul > li > a span { display: inline; margin-left: 10px; }
.vertical-menu:hover #sidebar-menu .has-arrow::after { display: inline-block; line-height: 1; }
.metismenu li:last-child { border: none !important; }
.metismenu .mm-collapse.mm-show { display: none !important; }
.vertical-menu:hover .metismenu .mm-collapse.mm-show { display: block !important; }

#sidebar-menu ul li a { font-size: 12px; padding: 10px; text-transform: uppercase; font-weight: 700; font-family: "Inter", sans-serif;  color: #00838F; }
.vertical-menu:hover #sidebar-menu ul li a:hover { color: #fff !important;  background: #00838F; }
.vertical-menu:hover #sidebar-menu ul li a:hover img { display: none; }
.vertical-menu:hover #sidebar-menu ul li a:hover img + img { display: inline-block; }

#sidebar-menu ul li ul { padding-left: 0; }
#sidebar-menu ul li ul li a, #sidebar-menu ul li ul.sub-menu li a { color: #000; font-size: 12px; padding: 6px 10px 6px 40px; font-weight: normal; text-transform: unset; display: flex; align-items: center; justify-content: space-between; }
#sidebar-menu ul li ul.collapse { transition: 0.3s ease-in-out; }

.mm-active > a { color: #fff !important;  background: #00838F; }
.mm-active > a img { display: none; }
.mm-active > a img + img { display: inline-block !important; }
#sidebar-menu .has-arrow::after { margin-top: 0px !important; }
#sidebar-menu ul li a span.count { display: inline-block; background: #00838F; color: #fff; font-size: 8px; line-height: 15px; border-radius: 3px; min-width: 30px; text-align: center; }
.vertical-menu:hover #sidebar-menu ul li a:hover span.count, .vertical-menu:hover #sidebar-menu ul li a.active span.count  { color: #00838F; background: #fff;   }

.mm-active .active, .mm-active .active i, .mm-active .active svg {color: #fff !important; background: #00838F; }
.mm-active .active img { display: none; }
.mm-active .active img + img { display: inline-block !important; }

.help-block { color: red; display: block;  width: 100%;font-size: 11px;}

/*  */

.page-content { padding: 60px 0px 10px 10px; width: 100%;}
.footer { display: none !important; }

/*  */

#page-headings { width: 100%; padding-right: 10px; }

#page-headings .title-sm { font-size: 14px; font-weight: 700; color: #000; text-transform: uppercase; margin-right: 10px; max-width: fit-content; width: 100%;  }

.page_title { font-size: 14px; font-weight: 700; color: #000; text-transform: uppercase; width: 100%; }
.page_heading_left_block { display: flex; align-items: center; flex-wrap: wrap; width: 100%; flex: 1; }
.page_heading_left_block p { border-radius: 6px; margin-bottom: 0px; color: #000; font-size: 12px; background: linear-gradient(90deg, #B1E9ED 0%, #DFFDFF 82.03%); padding:7px 10px;  margin-right: 10px; }
.page_heading_left_block p span { font-weight: 700; font-family: "Inter", sans-serif;  color: #000; margin-right: 10px; }

table td a {color: #000; text-decoration: underline !important;}

.common_top_right { display: flex; align-items: center; /* width: 100%; */ }
.common_top_right .ctr_blocks { display: flex; align-items: center; flex-wrap: wrap; }
.common_top_right .ctr_blocks button { background: none; border: none !important; box-shadow: none !important; padding: 0px; color: #000; font-size: 12px; margin-left: 12px;   display: flex; align-items: center; justify-content: center; }
.common_top_right .ctr_blocks button img { width: 14px; height: 14px; object-fit: contain; object-position: center; margin-right: 5px;   vertical-align: text-bottom; }
.common_top_right .icon-btn { width: 30px; height: 30px; padding: 5px; font-size: 16px; border-radius: 2px; background: #B1E9ED !important; color: #00838F !important; margin-left: 10px !important; display: flex; align-items: center; justify-content: center; }
.common_top_right .ctr_blocks button:hover { color: #00838F !important;  }

.common_top_right .ctr_blocks button img + img { display: none; }
.common_top_right .ctr_blocks button:hover img { display: none; }
.common_top_right .ctr_blocks button:hover img + img { display: inline-block; }


.common_top_right .input-group { border-bottom: 1px solid #D7D7D7; width: 175px; margin-left: 12px; }
.common_top_right .input-group span { padding: 0px; padding-right: 10px; background: none !important; box-shadow: none !important; border: none !important; }
.common_top_right .input-group span img { width: 14px; height: 14px; object-fit: contain; object-position: center;  }
.common_top_right .input-group input { border: none; background: none; font-size: 12px; color: #000; box-shadow: none; padding: 5px 0px; }
.common_top_right .input-group select { border: none; background-color: transparent; font-size: 12px; color: #000; box-shadow: none; padding: 5px 0px; padding-right: 20px; background-position: right center; }

.common_top_right .input-group:has(input:focus) { border-bottom: 1px solid #00838F; }
.common_top_right .input-group:has(select:focus) { border-bottom: 1px solid #00838F; }


.common_top_right .send-btn { font-size: 12px; min-width: 104px; padding: 6px 10px; }

.modal_text { color: #000; font-size: 14px; margin-bottom: 15px; }
.common_top_right .ctr_blocks button.default_btn { border: 1px solid #EEEEEE !important; background: #EEEEEE !important;  padding: 5px 10px; border-radius: 6px; }
.common_top_right .ctr_blocks button.default_btn img { width: 18px; height: 18px;}
.common_top_right .ctr_blocks button.default_btn.dropdown-toggle.show { border-color: #2B2B2C !important; }

.common_top_right .ctr_blocks .dropdown-menu.show { border: 1px solid #2B2B2C; background: #373738; border-radius: 0px 10px 10px 10px; }

.dropdown_radio_menu.dropdown-menu { min-width: 230px; margin-left: 12px !important; padding: 0px; padding-top: 5px; }
.dropdown_radio_btn { max-height: 170px; overflow-y: auto; padding-right: 3px; }

.minus-circle { width: 18px; height: 18px; background: #5A5A5A; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; }
.minus-circle img { width: 12px; height: 12px; }

.ts-dropdown-content { max-height: 110px !important;}


.dropdown_radio_btn [type="radio"]:checked + label,
.dropdown_radio_btn [type="radio"]:not(:checked) + label { color: #fff !important;  }
.drb_button { padding: 6px; border-bottom: 1px solid #2B2B2C; display: flex; align-items: center; justify-content: space-between; }
.drb_button label { margin-bottom: 0px; }
.drb_radio { max-width: 180px; width: 100%; }

.dropdown_radio_btn [type="radio"]:checked + label::before, .dropdown_radio_btn [type="radio"]:not(:checked) + label::before { background: #202020; border: 1px solid #676768 !important; }
.dropdown_radio_btn [type="radio"]:checked + label::after, .dropdown_radio_btn [type="radio"]:not(:checked) + label::after { background: #fff !important; }

.common_top_right .ctr_blocks button.save_view { font-size: 14px; color: #fff; padding: 6px; padding: 4px 10px;  display: block; background: none !important; border: none !important; box-shadow: none !important; margin-left: 0px; }
.common_top_right .ctr_blocks button.save_view img { width: 18px; height: 18px; object-position: center; object-fit: contain; margin-right: 5px; }
.common_top_right .ctr_blocks button.save_view:hover { color: #fff !important; }

/*  */

.after_login_pages  { height: 100%; position: relative; }
.alp_row_block { height: calc(100% - 50px); }

.card { margin-bottom: 0; border: none !important; }
.card-body { padding: 0;}

/* data table */

table.dataTable th { background: #B1E9ED !important; font-size: 12px; color: #000; font-weight: normal; border-color: #99CFD2 !important; padding: 4px; border-top: 0px !important; border-bottom: 0px !important; }
table.dataTable th img { width: 12px; height: 12px; object-fit: contain; object-position: center; }
table.dataTable td { border: none !important; font-size: 12px; color: #000; padding: 4px 10px; }
table.dataTable td a { color: #000; text-decoration: underline !important; }
table.dataTable tr:nth-child(2n) { background: #F4F4F4 !important; }
table.table.dataTable > tbody > tr.active { background: #D6FCFF !important; }

table.dataTable > thead .sorting::before, table.dataTable > thead .sorting::after{ bottom: 3px; }
table.dataTable { border: none !important; }
table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable td:last-child, table.table-bordered.dataTable td:last-child { border-right-width: 0 !important;}
.page-item .page-link { border-color: #CED4DA; font-size: 11px; text-align: center; color: #858B99;  }
.page-item.active .page-link { background: #00838F; color: #fff; border-color: #00838F !important; }
.page-link:focus { box-shadow: none  !important;}
div.dt-processing > div:last-child > div {background: #00838F !important;}

.table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control::before, table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control::before { background-color: #00838F !important;}

div.dt-scroll-body { border: none !important; }
#datatable_wrapper .bottom { display: flex; align-items: center; justify-content: space-between; }
/* div.dt-container div.dt-length label { display: none !important; } */
div.dt-container div.dt-length select { color: #565E65; font-size: 11px; background-position: right 3px center !important; background-size: 11px 11px !important; box-shadow: none !important;  border: 1px solid #CED4DA !important;}
table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order::before { background: url(../images/downArrow.svg) no-repeat; opacity: .6; background-size: 10px; background-position: right center; content: ""; width: 10px; height: 10px; top: 50%; transform: translateY(-50%); }
table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order::after { background: url(../images/downArrow.svg) no-repeat; opacity: .6; background-size: 10px; background-position: right center; content: ""; width: 10px; height: 10px; display: none !important; top: 50%; transform: translateY(-50%); }

table.dataTable thead > tr > th.dt-orderable-asc.dt-ordering-asc span.dt-column-order::before { transform: translateY(-50%) rotate(180deg); opacity: 1 !important; } /* up */
table.dataTable thead > tr > th.dt-orderable-asc.dt-ordering-desc span.dt-column-order::after { display: block !important; opacity: 1 !important; }  /* down */

.t_status { min-width: 75px; border-radius: 3px; font-size: 12px; text-align: center; padding: 1px 6px; display: inline-block; }
.in_stock { background: #99FF99;}
.less_stock { background: #FFBF84;}
.not_stock { background: #FF9999;}
.on_hold { background: #FFFFB6;}
.invoiced_status { background: #E34234	; color: #fff; }
.ordered_status{ background: #FEDF3D;}
.received_status { background: #8EF7FF;}
.sold_status { background: #FF9999; }
.new_status { background: #99FF99;}
.invoice_status { background: #FFBF84;}
.open_status { background: #FF9999;}
.paid_status { background: #99FF99;}
.painding_status { background: #FEDF3D;}
.available_status { background: #87CEEB; color: #000; }
.lettre_status { background: #DDA0DD; color: #000; }

.filter-icon .dropdown-toggle { color: #000; font-size: 12px;}
.filter-icon.active .dropdown-toggle { color: #00838F;}

table.dataTable td .balance_td { background: #FFFF61; color: #FB4137; display: block; padding: 3px 10px; }
table.dataTable td .balance_td_zero { display: block; padding: 3px 10px; }

.modal-content .common-form-block .info_table { max-height: 400px; }
.modal-content .common-form-block .info_table table thead { position: sticky; top: 0; z-index: 1; }

/*  */

.common_info_block { max-width: 100%; width: 100%; border-radius: 4px 0px 0px 4px; border: 1px solid #EFEFEF; border-right: 0px !important; padding:12px 20px; height: 100%; background: #fff; overflow-y: auto; overflow-x: hidden; }
.common_info_block .c_title { font-size: 14px; font-weight: 700; color: #000; margin-bottom: 15px; position: relative; padding-bottom: 10px; }
.common_info_block .c_title img { width: 16px; height: 16px; object-fit: contain; object-position: center; margin-right: 5px; }
.common_info_block .c_title::before { width: 79px; height: 3px; border-radius: 10px; background: #00838F; position: absolute; content: ""; left: 0; bottom: 0; }

.c_info_blocks { margin-bottom: 20px; }
.c_info_blocks .cib_row { display: flex; width: 100%; margin-bottom: 10px; }
.c_info_blocks .cib_row span { width: 40%; display: block; font-size: 12px; font-weight: 400; color: #000; }
.c_info_blocks .cib_row span + span { text-align: right; color: #000; width: 60%; padding-left: 10px; }
.c_info_blocks .cib_row span + span img { width: 100px; height: 20px; object-fit: contain; object-position: center; margin-right: 10px; display: inline-block; margin-left: auto; }
.c_info_blocks .cib_row span + span.active_icon img { width: 16px; height: 16px; object-fit: contain; object-position: center; margin-right: 0px; vertical-align: text-bottom; }

.common-btn { min-width: 74px; box-shadow: none !important; border: 1px solid transparent !important; border-radius: 2px; background: #00838F; font-size: 12px; font-weight: 700; color: #FFFFFF; padding: 5px 10px; }
.common-btn:hover { background: transparent; border-color: #00838F !important; color: #00838F; }

.checkbox_custom { width: 100%; display: block; margin-bottom: 20px; }
.checkbox { position: relative; padding-left: 30px; cursor: pointer; font-size: 14px; line-height: 24px; font-weight: bold;  -webkit-user-select: none; color: #000 !important;  -moz-user-select: none;-ms-user-select: none;user-select: none; margin-bottom: 0; margin-left: 0px; }
.checkbox a { color: #000 !important;  text-decoration: underline !important; }
.checkbox a:hover { color:#00838F !important; }
.checkbox input { position: absolute; opacity: 0;cursor: pointer;height: 0; width: 0;}
.checkmark { position: absolute; top: 2px; left: 0; height: 12px; width: 12px !important; display: inline-block; background: transparent; border: 1px solid #00838F; border-radius: 2px; }
.checkbox:has(input:disabled) { opacity: 0.4; cursor: default; }

.checkmark::after { display: none;content: "";position: absolute; left: 6px; top: 1px; width: 6px; height: 12px; border: solid #00838F; border-width: 0 2px 2px 0;-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
input:checked ~ .checkmark::after { display: block;}
.c_info_blocks .cib_row .checkmark { position: relative; height: 12px; width: 12px !important; }
.c_info_blocks .cib_row .checkmark::after { left: 3px; top: 0px; width: 5px; height: 8px; }

/*  */

.back_btn {  right: 10px; position: absolute; top: 5px; z-index: 1; width: auto; padding: 0; }
.back_btn a { width: 26px; height: 26px; border-radius: 50%; display: block;  background: #B1E9ED; padding: 5px; }
.back_btn a img { width: 100%; height: 100%; object-fit: contain; object-position: center; vertical-align: top; }

.common-form-block { max-width: 992px; width: 100%; margin: 0px auto; padding: 10px 0px; display: flex; flex-direction: column; height: 100%; }
.common-form-block .cfb_block { margin-bottom: 20px; }
.common-form-block .cfb_title { border-bottom: 2px solid #5E6A7A; margin-bottom: 10px; padding-bottom: 10px; display: flex; align-items: flex-end; justify-content: space-between; }
.common-form-block .cfb_title h4 { font-size: 11px; font-weight: 700; color: #000; margin-bottom: 0px; text-transform: uppercase; }
.common-form-block .add_btn { background: #B1E9ED; min-width: 52px; height: 26px; border-radius: 2px; font-size: 10px; font-weight: 700; text-align: center; color: #00838F; padding: 1px 5px; box-shadow: none !important; }

.common-form-block .form-group { display: flex; align-items: flex-start; width: 100%; margin-bottom: 5px;  }
.common-form-block .form-group label.form-label {color: #000;  font-size: 12px; display: block; margin-bottom: 0px; max-width: 190px; width: 100%; padding: 5px 0px; }
.common-form-block .input_field { width: 100%; display: flex; /* justify-content: flex-end; */ align-items: center; flex: 1; flex-wrap: wrap; position: relative; }
.common-form-block .form-control { border: 1px solid #D7D7D7; /* max-width: 250px; */ width: 100%; border-radius: 2px; font-size: 12px; color: #000; box-shadow: none !important; padding: 5px 10px; }
.common-form-block .form-control::placeholder { color: #B0B0B0; }
.common-form-block .add_icon { width: 16px; height: 16px; margin-right: 10px; position: absolute; left: -20px; top: 7px; }
.common-form-block .add_icon a { display: block; }
.common-form-block .add_icon a img { width: 100%; height: 100%; object-fit: contain; object-position: center; vertical-align: top; }
.common-form-block textarea.form-control{ max-width: 100%; width: 100%; }
.common-form-block .form-select { background-image: url(../images/downArrow.svg); background-size: 10px; background-position: right 5px center; }
/* .common-form-block .form-group.has-error .input_field { padding-bottom: 16px; }
.common-form-block .form-group.has-error .input_field:has(input[type="password"]) { padding-bottom: 34px;} */

.common-form-block .form-control.col_control { max-width: 35px !important; margin-left: 15px; background: #B1E9ED; padding: 5px; }
/* .common-form-block .quantity-group .form-control { max-width: 200px; } */
.common-form-block .input-group { /* max-width: 250px; */ width: 100%; margin-left: auto; }
.common-form-block .input-group .form-control { width: 1% !important; }
.common-form-block .input-group-text { background: #D7D7D7; border: 1px solid #D7D7D7; font-size: 10px; color: #000; border-radius: 2px; padding: 5px 10px; }
.common-form-block .input-group .btn {font-size: 12px; font-weight: 500; color: #FFFFFF; background: #00838F; border-color: #00838F; border-radius: 2px; box-shadow: none !important; padding: 5px 10px; position: absolute; right: 0; /* z-index: 11; */ }
.common-form-block .input_field .colorpick-eyedropper-input-trigger { display: none !important; }
.Barcode_field {  border: 1px solid #D7D7D7; padding: 4px; text-align: center; /* max-width: 250px; */ width: 100%; margin-left: auto; justify-content: center !important; height: 30px; }

.upload_img_block { padding: 8px; border: 1px solid #D7D7D7; border-radius: 4px; margin-bottom: 12px; }
.items_images_block ul.images_ul { list-style: none !important; margin: 0px; padding: 0px; display: flex; flex-wrap: wrap;  }
.items_images_block ul.images_ul li { border: 1px solid #D7D7D7; width: calc(20% - 5px); height: 92px; display: flex; align-items: center; justify-content: center; margin-bottom: 10px; margin-right:5px; border-radius: 4px; background: #eee; }
.items_images_block ul.images_ul li a + a {  width: 100%; height: 100%; display: block; }
.items_images_block ul.images_ul li img { width: 100%; height: 100%; object-fit: contain; object-position: center; border-radius: 4px; }
.items_images_block ul.images_ul li img.default_img { width: 42px; height: 42px; object-fit: contain; object-position: center; border-radius: 0px; }

/* File input selector button - show for better UX */
input[type="file"]::file-selector-button { 
    display: inline-block;
    background: #00838F;
    color: white;
    border: none;
    padding: 5px 10px;
    border-radius: 2px;
    font-size: 12px;
    cursor: pointer;
}

input[type="file"]::file-selector-button:hover {
    background: #006064;
}

.filepond--drop-label label { font-size: 12px; font-weight: 700; line-height: 30px; color: #000; }
.filepond--root { margin-bottom: 0px !important; }
.filepond--credits { display: none !important; }

.common-form-block .common-btn { font-size: 14px; text-transform: uppercase; border-radius: 4px; }

.common-form-block .input_field .iti { /* max-width: 250px; */ width: 100%;}

.common-form-block .ktitle { font-size: 12px; color: #000; margin-bottom: 0px; padding: 5px 0px;}


/* modal */


.modal-dialog { max-width: 520px; width: 100%; }
.modal-content { border-radius: 10px; border: none !important; }
.modal-header { border-bottom: 0px; justify-content: center; padding: 20px; }
.modal-title { font-size: 14px; font-weight: 700; text-align: center; color: #000; text-align: center; text-transform: uppercase; }
.btn-close { position: absolute; opacity: 1 !important; }
.modal-header .btn-close { margin: 0 !important; padding: 0 !important; right: 5px !important; top: 5px !important;}

.modal-content .common-form-block .form-control { max-width: 100%; }
.modal-content .common-form-block .form-group label.form-label { max-width: 130px;}

/*  */

.icons_td {  display: flex; align-items: center;}
.icons_td a { width: 20px; height: 20px; border-radius: 50%; background: #00838F; display: flex; align-items: center; justify-content: center; text-decoration: none !important; margin: 0px 2px; }
.icons_td a img { width: 14px; height: 14px; object-fit: contain; object-position: center;}
.icons_td a.print_btn { background: #02535A;}
.icons_td a.receipt_btn { background: #1F646A;}
.icons_td a.money_btn { background: #00838F;}
.icons_td a.edit_btn { background: #1C1C1D;}
.icons_td a.view_btn { background: #444445;}
.icons_td a.delete_btn { background: #1C1C1D;}
.icons_td a.dash_btn { background: #000;}

.icons_td a:hover { opacity: 0.6; }

.common_info_block .common-form-block { padding: 0; }
.common_info_block .common-form-block .form-control { max-width: 100%; }
.common_info_block .common-form-block .form-group label.form-label { max-width: 125px;}
.common_info_block .common-form-block .cfb_title { margin-bottom: 20px; }
.common_info_block .common-form-block .help-block  { padding-left: 0px !important; }
.common_info_block .common-form-block .ts-wrapper { max-width: 100% !important; }

/*  */

fieldset {border: 1px solid #EBEBEC; padding: 10px; margin: 25px 0 0px; border-radius: 6px; }
fieldset legend { font-size: 12px; font-weight: 700; color: #000; text-transform: uppercase; background: #fff; margin-top: -19px; width: fit-content; padding: 0px 5px; }

.catalog_image { display: flex; align-items: center; width: 100%; }
.image_view { width: 80px; height: 80px; border: 1px solid #EBEBEC; border-radius: 6px; display: flex; align-items: center; justify-content: center; }
.image_view img.default_img { width: 42px; height: 42px; object-fit: contain; object-position: center; border-radius: 0px; }
.image_view img {  width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 6px;  }

.catalog_image label { font-size: 12px; color: #000; margin-bottom: 5px; }
.upload_catalog { width: 100%; flex: 1; padding-left: 10px; }
.common-form-block .upload_catalog .input-group { max-width: 100%; }

/*  */

.after_login_pages {  }
.nav-tabs { border: none !important; margin-bottom: 10px    ; }
.nav-tabs .nav-link { font-size: 12px; color: #000; font-weight: 500; border: none; box-shadow: none; border-right: 1px solid #B1B1B1 !important; border-radius: 0px; padding: 0px 10px; text-transform: uppercase; }
.nav-tabs .nav-item:last-child .nav-link { border-right: 0px !important;  }
.nav-tabs .nav-link.active { color: #00838F; background: transparent !important; }

.gib_card { box-shadow: 0px 4px 4px 0px #0000000A; background: #FFFFFF; width: 100%; border-radius: 2px; padding: 10px 10px; display: flex; align-items: center; cursor: pointer; margin-bottom: 16px; border: 1px solid transparent; }
.gib_card.select_user { background: #FFF0F0; border: 1px solid #FF8787; }
.gib_card:hover, .gib_card.active { background: #B1E9ED;  }
.gib_card .gib_image { width: 45px; height: 45px;  }
.gib_card .gib_image img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; object-position: center;  }
.gib_card .gib_content { display: flex; align-items: center; width: calc(100% - 60px); justify-content: space-between; padding-left: 15px; }
.gib_card .gibc_left { width: 60%; }
.gib_card .gibc_left .g_userid { font-size: 12px; color: #000; margin-bottom: 2px; }
.gib_card .gibc_left .g_userid img { width: 16px; height: 16px; object-fit: contain; object-position: center;  }
.gib_card .gibc_left .g_username { font-size: 14px; font-weight: 700; color: #00838F; margin-bottom: 0px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.gib_card .gib_card:hover .g_username, .gib_card.active .g_username { text-decoration: underline; }
.gib_card .gibc_right { width: 40%; padding-left: 10px; }
.gib_card .gibc_right .amout_max { margin-bottom: 2px; font-size: 14px; font-weight: 600; text-align: right; color: #000; }
.gib_card .gibc_right .amout_dis { font-size: 12px; text-align: right; color: #000; margin-bottom: 0px; }
.gib_card .dots { width: 5px; height: 100%; margin-left: 10px;  }
.gib_card .dots img { width: 100%; object-fit: contain; object-position: center; }
.gib_card .dots img + img { display: none; }
.gib_card .gib_card:hover .dots img, .gib_card.active .dots img { display: none; }
.gib_card .gib_card:hover .dots img + img, .gib_card.active .dots img + img { display: inline-block; }

.debt_list_block {  }
.debt_list_block ul { list-style: none; padding: 0px; display: flex; flex-wrap: wrap;  }
.debt_list_block ul li { background: #00838F; width: 47%; height: 114px; border-radius: 4px; display: flex; flex-direction: column; justify-content: space-between; padding: 5px; margin-bottom: 10px; margin-right: 10px; }
.debt_list_block ul li .amount { font-size: 16px; font-weight: 600; color: #fff; margin-bottom: 0px; text-align: right; }
.debt_list_block ul li .stitle { font-size: 12px; font-weight: 400; color: #fff; margin-bottom: 0px; }
.debt_list_block ul li div { width: 100%; display: flex; justify-content: space-between; }
.debt_list_block ul li div img { width: 40px; height: 40px; object-fit: contain; object-position: center; }

.c_info_blocks .sub_info_title { font-size: 12px; font-weight: 700; line-height: 30px; color: #000; }
.genral_information .c_info_blocks .cib_row span { color: #000; }
.genral_information .c_info_blocks .cib_row span + span { font-weight: 700;}
.c_info_blocks .cib_row span + span span.span_inside { background: #F1F1F1;  border: 1px solid #E7E7E7; width: 116px; border-radius: 2px; padding: 2px 10px; font-weight: bold; margin-left: auto; }

.add_customer_page .icons_td a { border-radius: 2px; margin-right: 5px; background: #B1E9ED; }

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

[type="radio"]:checked,
[type="radio"]:not(:checked) { position: absolute; left: -9999px;}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label{ position: relative; padding-left: 22px; font-size: 12px; cursor: pointer; line-height: 16px; display: inline-block; color: #000;}
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before { content: ''; position: absolute; left: 0; top: 0; width: 16px; height: 16px; border: 1px solid #D7D7D7; border-radius: 100%; background: #fff; }
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after { content: ''; width: 10px; height: 10px; background: #00838F; position: absolute; top: 3px; left: 3px; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
[type="radio"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0);}
[type="radio"]:checked + label:after { opacity: 1; -webkit-transform: scale(1);  transform: scale(1);}

.payment_term_fields { margin-top: 10px; }
.payment_term_fields .credit_text { font-size: 12px; font-weight: 600; text-align: right; color: #00838F; }
.input_field p { font-size: 10px; line-height: 10.89px; max-width: 250px; width: 100%; color: #00838F; margin-left: 27px; }
.input_field .count-control { max-width: 35px; padding-left: 2px; }
.input_field .count-control + span { font-size: 10px; color: #000; display: inline-block; padding: 0px 2px; white-space: nowrap; }

.common-form-block .cfb_title .close_btn { font-size: 12px; text-align: right; color: #00838F; box-shadow: none !important; border: none !important; padding: 0 !important; line-height: 1; }

.add_delivery_address_form_block { background: #F4F4F4; border-radius: 6px; padding: 10px; }
.common_info_block .c_title { display: inline-block; padding-right: 20px; }
.common_info_block .c_title::before { width: 100%;}

.upload_image_block { display: flex; align-items: center; justify-content: center; width: 100%; padding: 0px 0px 20px; }
.upload_image_block .ci_box {width: 30px; height: 30px; border-radius: 50%; margin: 0px auto 5px; display: block; background: #B1E9ED; padding: 6px; }
.upload_image_block .ci_box img { width: 100%; height: 100%; object-fit: contain; object-position: center; vertical-align: top; }
.upload_image_block .change_image .ci_title,
.upload_image_block .delete_image .ci_title { font-size: 10px; text-align: center; color: #000; }
.upload_image_block .change_image { position: relative; cursor: pointer; }
.upload_image_block .change_image input { position: absolute; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.upload_image_block .delete_image { cursor: pointer; }
.upload_image_block .user_image { width: 100px; height: 100px; margin: 0px 30px; background: #DDFDFF; display: flex; align-items: center; justify-content: center; border-radius: 4px; cursor: pointer; }
.upload_image_block .user_image img { width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 4px; }
.upload_image_block .user_image .dummy_img { width: 74px; height: 74px; object-fit: contain; object-position: center; }

.common_info_block .tab-content {  height: calc(100% - 50px); }  
.common_info_block.items_dtail .tab-content {  height: calc(100% - 50px); }  
.modification_logs_block { width: 100%; border-radius: 10px; /* background: #F4F4F4; border: 1px solid #D9D9D9; padding: 10px 15px; */ margin-top: auto; }
.modification_logs_block .mlb_title { font-size: 12px; font-weight: 700; color: #000; margin-bottom: 15px; }
.common_info_block.genral_information .tab-content { height: calc(100% - 50px); overflow-y: auto; }


.whb_block { max-height: 318px; overflow-y: auto; }
.history-block {  display: flex; position: relative; width: 100%; padding-left: 20px; margin-bottom: 12px; }
.history-block::before { position: absolute; content: ""; width: 2px; background: #000; height: 100%; left: 3px; top: 15px; }
.history-block:last-child::before { display: none !important; }
.history-block span { position: absolute; width: 8px; height: 8px; border-radius: 50%; background: #000; left: 0px; display: inline-block; top: 5px; }
.history-block p { font-size: 12px; color: #000; font-weight: 600; margin-bottom: 0px; margin-left: 0px; }
.history-block p.ml_date { font-weight: 400; margin-left: auto; white-space: nowrap; margin-top: 5px; }

.ml_content_row { width: 100%; flex: 1; padding: 10px; border: 1px solid #eee; border-radius: 6px; }
.view_content { font-size: 14px; color: #000; max-height: 50vh; overflow-y: auto; scrollbar-width: none; padding: 12px; border: 1px solid #eee; margin-top: 10px; border-radius: 5px; }
.modification_logs_block .whb_block { max-height: unset !important; }
.more_btn { padding: 0px; border: none !important; font-size: 12px; margin-top: 10px; border: none !important; box-shadow: none !important; color: #000; display: flex; align-items: center; font-weight: bold; }
.more_btn:hover { text-decoration: underline !important; color: #00838F; }
.more_btn::after { position: relative; content: ""; background: url(../images/right-arrow.png) no-repeat; width: 10px; height: 10px; background-position: center; background-size: contain; margin-left: 5px;  transform: rotate(90deg); }
.more_btn.collapsed::after { transform: rotate(0deg); }
.history-block span.token { position: relative;background: transparent; width: auto; height: auto; border-radius: unset; }
.history-block span.number { border: none !important; }

.modification_logs_block .accordion-item { border: none !important; position: relative;}
.modification_logs_block .accordion-item::before {  position: absolute; content: ""; width: 2px; background: #000; height: 100%; left: 3px; top: 15px;  }
.modification_logs_block .accordion-item:last-child::before { display: none !important; } 


/* pre {
  white-space: pre-wrap !important; 
  word-wrap: break-word !important;  
  overflow-x: auto !important; 
  background: #1e1e1e !important; 
  color: #ffffff !important;
}
 */

/* tom select */

/* .ts-wrapper { max-width: 250px !important; } */
.ts-control { border: 1px solid #D7D7D7 !important; border-radius: 2px !important; box-shadow: none !important; padding: 5px 10px !important;  background-image: url(../images/downArrow.svg) !important; background-position: right 5px center !important; background-size: 10px !important; background-repeat: no-repeat !important; }
.ts-control input { font-size: 12px !important; color: #000 !important; }
.ts-control > input { background-image: url(../images/downArrow.svg); background-position: center 3px right; background-size: 10px; }

/*  */

.filter-dropdown { background: #00838F;  border: 1px solid #00838F; padding: 10px; min-width: 230px !important; max-width: 230px !important; border-radius: 0px !important;}
.filter-dropdown .form-control { border: none !important; border-radius: 0 !important; border-bottom: 1px solid #fff !important; padding: 10px 0px !important; background: transparent !important; font-size: 12px; color: #fff; }
.multiselect_block {  max-height: 230px; overflow-y: auto; padding-right: 0px; max-width: 230px !important;}

.option-list .option-list { padding: 12px 10px 0px; }
.option-list .option-list:last-child { padding-bottom: 10px; }
.option-list .checkbox { padding-left: 20px; font-size: 12px; line-height: 18px; font-weight: 600; color: #fff !important; }
.option-list .checkmark::after { left: 3px;  top: 1px;  width: 5px;  height: 8px; border: solid #fff; border-width: 0 2px 2px 0; }
.option-list .checkmark { border: 1px solid #fff; height: 14px; width: 14px !important; }

.form-check-input:checked { background-color: #00838F; border-color: #00838F;  }

/*  */

.di_title  { background: aliceblue; padding: 5px; font-size: 12px; font-weight: bold; }

.alp_row_block .common-form-block { max-width: 100% !important; }

.gib_card.select_user:hover, .gib_card.select_user.active { background: #FFC0C0;}

.dropdown.dots .dropdown-menu { box-shadow: 0px 4px 4px 0px #0000000A; background: #FFFFFF; }
.dropdown.dots .dropdown-menu .dropdown-item { font-size: 12px; line-height: 18px; color: #000; }
.dropdown.dots .dropdown-menu .dropdown-item img { width: 13px; height: 13px; object-fit: contain; object-position: center; margin-right: 5px; vertical-align: text-top; display: inline-block ; }

.ctr_page_link { margin-right: 12px; }
.ctr_page_link a { font-size: 12px; color: #000; font-weight: 500; text-transform: uppercase; }
.ctr_page_link span { margin: 0px 10px; color: #000;}
.ctr_page_link a.active, .ctr_page_link a:hover { color: #00838F;}

/*  */

.invoice_user_block { width: 100%; display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px; }
.iub_info { display: flex; align-items: center; width: 40%; }
.iub_info .iub_img { min-width: 40px; max-width: 40px; height: 40px; border-radius: 4px; position: relative; background: #eee; }
.iub_info .iub_img img { width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 4px; }
.iub_info .iub_name { font-size: 12px; color: #000; background: #E1FDFF; border: 1px solid #BADEE0; border-radius: 50px; padding: 5px 20px; max-width: 200px; margin-left: -15px; width: 100%; }

.user_amount {  background: #E1FDFF; border: 1px solid #BADEE0; display: flex; align-items: center; border-radius: 2px; max-width: 370px; width: 100%; }
.user_amount p { color: #000; font-size: 12px; border-right: 1px solid #BADEE0; width: 50%; padding: 5px 15px; text-align: center; }
.user_amount p:last-child { border-right: 0px; }
.user_amount p span { color: #00838F; margin-right: 5px; display: inline-block; }

/*  */

.comparison_block { width: 100%; min-height: 64px; background: #ECF0F0; padding: 5px 30px; margin-bottom: 10px; display: flex; align-items: center; justify-content: space-between; }
.comb_left {  }
.comb_left .label { width: 100px; }
.comb_left input { background: #FFFFFF; border: 1px solid #D7D7D7; font-size: 12px; color: #000; padding: 3px 10px; border-radius: 2px; box-shadow: none !important; }
.comparison_block .label{ font-size: 12px; font-weight: 500; margin-bottom: 0px; color: #000; }
.comparison_block [type="radio"]:checked + label,
.comparison_block [type="radio"]:not(:checked) + label { color: #000; margin-left: 10px; }
.comparison_block [type="radio"]:checked + label::before,
.comparison_block [type="radio"]:not(:checked) + label::before { border-color: #00838F;  }

.comparison_block  .checkbox { font-weight: normal !important; font-size: 12px !important; padding-left: 20px !important; line-height: 15px !important; }

table.dataTable tfoot { background: #B1E9ED;  min-height: 53px; }
table.dataTable tfoot td { padding: 15px; text-align: center; }
table.dataTable tfoot td .label { font-size: 12px; text-transform: uppercase; margin-bottom: 0px; color: #000; margin-right: 10px; }
table.dataTable tfoot td input { background: #FFFFFF; border: 1px solid transparent !important; font-size: 12px; color: #000; padding: 3px 10px; border-radius: 2px; box-shadow: none !important; width: 135px; }
table.dataTable tfoot td .cl_group { margin-left: 30px; position: relative; }
table.dataTable tfoot td .balance_group label { font-weight: 700; }
table.dataTable tfoot td .balance_group input { background: #C0F9FD; font-weight: 700;}
table.dataTable tfoot td input:read-only, table.dataTable tfoot td input:disabled { background: #eee; }

/*  */

.alp_row_block .general_info_block { height: calc(100vh - 125px); overflow-y: auto; overflow-x: hidden; }
.sbtn_row { margin-top: 10px; }
.sbtn_row .common-btn { background: #B1E9ED; color: #00838F;}
.sbtn_row .common-btn:hover { background: transparent ; }

.custom_radio_button_block { display: flex; align-items: center; border: 1px solid #D7D7D7; background: #fff; padding: 5px; justify-content: space-between; border-radius: 2px; margin-left: auto; margin-right: 10px; }
.custom_radio_button_block [type="radio"]:checked + label,
.custom_radio_button_block [type="radio"]:not(:checked) + label {  margin: 0px 5px !important; }

/*  */

.common_info_block .c_title.nav-link { margin-right: 30px; padding-left: 0px !important; font-size: 14px; font-weight: 700; color: #000; text-transform: unset; padding-bottom: 10px; border: none !important; }
.common_info_block .c_title.nav-link::before { display: none; }
.common_info_block .c_title.nav-link.active::before { display: block; }
.se_title { font-size: 12px; margin-bottom: 10px; color: #000; }
.se_title a { text-decoration: underline !important; font-weight: 700; color: #000;  }

/*  */

.doc_pl { display: flex; align-items: center; justify-content: space-between; }
.doc_pl .dicon { width: 20px; height: 20px; background: #2A2A2B; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.doc_pl .dicon img { width: 14px; height: 14px; object-fit: contain; object-position: center; vertical-align: text-bottom; }

.alp_table td .invoice_img { background: #FFFFFF; border: 1px solid #D7D7D7; width: 26px; height: 26px; border-radius: 4px; display: block; }
.alp_table td .invoice_img img { width: 100%; height: 100%; object-fit: contain; object-position: center; }

/* popover_modal */

.popover_modal .modal-dialog { max-width: 402px !important;}
.popover_modal .popover_img { width: 73px; height: 56px; margin: 0px auto 15px;}
.popover_modal .popover_img img {  width: 100%; height: 100%; object-fit: contain; object-position: center;}
.popover_modal .popover_title { font-size: 16px; line-height: 22px; text-align: center; color: #000; margin-bottom: 5px; font-weight: 600; }
.popover_modal .popover_text { color: #000; font-size: 12px; text-align: center; margin-bottom: 20px;}
.popover_modal .popover_btns {  text-align: center;}
.popover_modal .modal-body { padding: 30px 2rem;}

/*  */

.fill_information_row { margin-bottom: 12px; }
.fir_outer { width: 100%; height: 100%; padding-bottom: 15px; }
.fir_block { background: #D6FCFF; width: 100%; border-radius: 4px; height: 100%; padding-bottom: 10px; }
.fir_block .fir_title { font-size: 14px; font-weight: 700; color: #00838F; padding: 10px 15px; margin-bottom: 0px; text-transform: uppercase; }
.fir_block .form-group { width: 100%; position: relative; padding: 8px 15px; display: flex; align-items: center; border-bottom: 1px solid #B6F1F5; }
.fir_block .form-group label { font-size: 12px; color: #000; margin: 0px; max-width: 180px;  width: 100%; font-weight: 400; }
.fir_block .form-group .form-control { background: #FFFFFF; width: 100%; border-radius: 2px; font-size: 12px; font-weight: 600; text-align: right; color: #000; border: none; box-shadow: none; padding: 5px; }
.fir_block .form-group p{ font-size: 12px; font-weight: 600; margin-bottom: 0px; color: #000; white-space: nowrap; }
.fir_block .form-group .upload_img { min-width: 20px; height: 20px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: #2A2A2B; padding: 3px; margin-left: 10px; }
.fir_block .form-group .upload_img img { width: 100%; height: 100%; object-fit: contain; object-position: center; }
.fir_block .ts-control { padding-right: 10px !important; border: none !important; background-color: #fff !important; border-radius: 2px !important; color: #000 !important; }
.fir_block .ts-control input { text-align: right !important; padding-right: 20px !important; font-weight: 600; font-size: 12px !important; color: #000 !important; }
.fir_block .ts-wrapper { width: 100%; }
.fir_block .form-group label.gtotal { font-weight: 600; text-transform: uppercase; font-size: 12px; }
.fir_block .form-group .amount_type { /* background: #FFFFFF; */  margin-left: auto; font-size: 12px; font-weight: 600; text-align: center; color: #000; border-radius: 2px; max-width: 45px; width: 100%; padding: 5px; }
.fir_block .form-group > div { width: 100%; }
.fir_block .form-group > div .help-block { position: relative; }
.fir_block .form-group .ts-control div.item { width: unset !important; }

.upload_doc_block {  }
.upload_doc_block .form-group { border: none !important; }
.upload_doc_block label { font-size: 12px; font-weight: 600; color: #000; margin-bottom: 12px !important; }
.upload_document { border: 1px dashed #A7EAEF; background: #FFFFFF; width: 100%; padding-inline: 10px; border-radius: 2px; }
.upload_document img { width: 30px; height: 30px; object-fit: contain; object-position: center; margin-bottom: 10px; }
.upload_document .filepond--drop-label.filepond--drop-label label { max-width: 100% !important;}
.upload_document .filepond--panel-root { background: transparent !important; }
.upload_document .filepond--drop-label.filepond--drop-label label { font-size: 12px; color: #000; margin-bottom: 0px !important; }
.upload_document .filepond--drop-label.filepond--drop-label label span { color: #00838F; text-decoration: none  !important; }

.upload_doc_block .form-group a { font-size: 12px; color: #000;  }
.upload_doc_block .form-group a img { width: 20px; height: 20px; object-fit: contain; background: #1C1C1D; border-radius: 50%; padding: 3px; object-position: center; margin-right: 3px; }
.upload_doc_block .form-group a span { font-size: 12px; color: #000; }


/*  */

table.dataTable td {vertical-align: middle; }
/* added select in 654 line - R*/
table.dataTable td input, table.dataTable td select { border: 1px solid #D7D7D7; background: #FFFFFF; font-size: 12px; color: #000; border-radius: 2px; padding: 4px; }
.invoice_note_page .fir_block .form-group .amount_type { background: transparent; margin-left: auto; }
table.dataTable td input:disabled { background: #eee;}

.view_delivery_page .btn_row { display: flex; margin-bottom: 10px; }
.view_delivery_page .btn_row .common-btn { margin-right: 10px; text-transform: uppercase; }

tfoot .tf_title { font-size: 12px; font-weight: 500; color: #000; margin-bottom: 0px; text-align: left; }
table.dataTable tfoot td .label { min-width: fit-content; text-align: left;}
table.dataTable tfoot td .eup_input label { font-weight: bold; }
table.dataTable tfoot td .eup_input input { font-weight: bold; }
table.dataTable tfoot td .eup_input span { font-size: 12px; font-weight: 600; background: #fff; color: #000; padding: 4px 10px; border-radius: 2px; }
table.dataTable tfoot td .eup_input p {  font-size: 12px; font-weight: 600; color: #000;}

/* pdf */

.view_delivery_pdf_block { max-width: 920px; width: 100%; margin: 0px auto; }
.view_delivery_pdf_block .dn_number { font-size: 14px; font-weight: 700; color: #000; margin: 5px; text-transform: uppercase; }
.view_delivery_pdf_block .dn_number span { color: #00838F; }
.view_delivery_pdf_block .vdpdf_block { border: 1px solid #EFEFEF; background: #FFFFFF; border-radius: 4px; padding: 12px 30px; min-height: 850px; display: flex; flex-direction: column; }

.vdpdf_block .logo { max-width: 294px; height: 70px; width: 100%; margin-bottom: 10px; }
.vdpdf_block .logo img { width: 100%; height: 100%; object-fit: contain; object-position: left; vertical-align: top; }
.vdpdf_block .pdf_name { font-size: 24px; color: #000; margin-bottom: 0px; text-align: center; width: 50%; }

.vd_top_info { display: flex; justify-content: space-between; width: 100%; flex-wrap: wrap; align-items: flex-start; }
.d-address_block { background: #ECF0F0; border-radius: 6px; padding: 10px; margin-bottom: 15px; width: 45%; }
.d-address_block .dab_title { font-size: 13px; font-weight: 700; color: #00838F; text-transform: uppercase; }
.d-address_block .d-name { font-size: 12px; font-weight: 700; color: #000; margin-bottom: 5px; }
.d-address_block p { font-size: 12px; color: #000; margin-bottom: 3px; }

.table_block { padding: 0px;  }
.table_block .dab_title { padding: 10px 10px 0px; }
.table_block table { width: 100%; }
.table_block table thead { background: #DCE2E2;}
.table_block table thead th { font-size: 12px; font-weight: 700; color: #000; padding: 3px 5px; }
.table_block table tbody td { font-size: 12px; color: #000;  padding: 3px 5px; }
.bar_code { width: 45%; margin-bottom: 20px; }
.bar_code img { width: 100%; height: 92px; object-fit: contain; object-position: center; }
.bar_code p { font-size: 12px; font-weight: 700; color: #000; }

.invoice_table_block { margin-bottom: 0px; border: 1px solid transparent; border-bottom: 0; }
.invoice_table_block table { width: 100%; border: 1px solid #ECF0F0; border-bottom: 0; }
.invoice_table_block table thead { background: #ECF0F0; border-bottom: 1px solid #ECF0F0;   }
.invoice_table_block table thead th { font-size: 10px; font-weight: 700; color: #000; padding: 6px; word-break: keep-all; word-wrap: unset; }
.invoice_table_block table tbody td { font-size: 10px; color: #000; padding: 5px 9px; border-right: 1px solid #ECF0F0;  }

.invoice_second_block { margin-bottom: 0px; }
.invoice_second_block table { width: 100%; border-bottom: 1px solid #ECF0F0; }
.invoice_second_block table tbody td { font-size: 10px; color: #000; padding: 5px 10px; border: 1px solid #ECF0F0;}
/* .invoice_second_block table.billing_table { border-bottom: 0px !important; } */
.invoice_second_block table.billing_table tbody td { border-bottom: 0px !important; }
.invoice_third_block { margin-bottom: 0px; }
.invoice_third_block table { width: 100%; border: 1px solid #ECF0F0; min-height: 95px; border-top: 0; border-left: 0; }
.invoice_third_block table thead th { font-size: 12px; font-weight: 400; color: #000; padding: 6px;  border: 1px solid #ECF0F0; border-top: 0px; border-left: 0px; }
.invoice_third_block table tbody td { font-size: 10px; color: #000; padding: 5px 10px; border-right: 1px solid #ECF0F0; border-bottom: 1px solid #ECF0F0; }


.billing_table thead th:nth-child(1), .billing_table tbody td:nth-child(1) { width: 73px; }
.billing_table thead th:nth-child(2), .billing_table tbody td:nth-child(2) { width: 215px; }
.billing_table thead th:nth-child(3), .billing_table tbody td:nth-child(3) { width: 65px; }
.billing_table thead th:nth-child(4), .billing_table tbody td:nth-child(4) { width: 95px; }
.billing_table thead th:nth-child(5), .billing_table tbody td:nth-child(5) { width: 54px; }
.billing_table thead th:nth-child(6), .billing_table tbody td:nth-child(6) { width: 58px; }
.billing_table thead th:nth-child(7), .billing_table tbody td:nth-child(7) { width: 60px; }
.billing_table thead th:nth-child(8), .billing_table tbody td:nth-child(8) { width: 75px; }
.billing_table thead th:nth-child(9), .billing_table tbody td:nth-child(9) { width: 60px; }

.invoice_second_block table + table.billing_table tbody td:nth-child(3) { width: 86px; }


.cash_info_row { width: 100%; display: flex;  }
.cash_table { width: 55%; margin-bottom: 12px; margin-top: 12px; }
.cash_table table {width: 100%;  }
.cash_table thead th { font-size: 12px; font-weight: 700; color: #000; padding: 0px 0px 8px; }
.cash_table tbody td { font-size: 12px; font-weight: 500; color: #000; padding: 0px 0px 8px;}
.cash_table p { font-size: 12px; font-weight: 700; color: #000; margin-bottom: 8px; }

.cash_right_block { width: 200px; margin: auto; padding-top: 20px; }
.cash_right_block p { font-size: 12px; font-weight: 500; color: #000; margin-bottom: 8px;  }
.cash_right_block p span { width: 120px; display: inline-block; }
.cash_right_block p.all_total { font-size: 12px; font-weight: 700; color: #000; margin-bottom: 0px;  }

.vd_user_block { display: flex; width: 100%; flex-wrap: wrap;  }
.vd_user_block div { width: 50%; padding-right: 20px; }
.vd_user_block p { width: 100%; margin-bottom: 5px; font-size: 12px; font-weight: 500; color: #000; display: flex; }
.vd_user_block p span { width: 170px; display: inline-block; }
.vd_user_block p span + span { border-bottom: 1px dotted #CCCCCC; }
.vd_user_block .sign_block { width: 237px; height: 60px; border: 1px solid #ECF0F0; background: #F4F4F4; padding: 10px; display: flex; align-items: center; justify-content: center; }
.vd_user_block .sign_block img { width: 100%; height: 100%; object-fit: contain; object-position: center; }
.vd_footer_block { width: 100%; display: flex; margin-top: auto; }
.vd_footer_block p { width: 50%; font-size: 12px; font-weight: 500; color: #000; margin-bottom: 0px !important   ; }
.vd_footer_block p + p {  text-align: right;  }

label { font-weight: 400 !important; }

.invoice_third_block { display: flex; width: 100%;  }

.invoice_left_block { width: 45%;   border: 1px solid #ECF0F0; border-right: 0;  border-top: 0; }
.invoice_right_block { width: 55%; display: flex; align-items: center;  border: 1px solid #ECF0F0; border-left: 0; border-top: 0; }
.irbl_box { width: 55%; border-right: 1px solid #ECF0F0; padding: 5px; height: 100%; display: flex; flex-direction: column; justify-content: center; }
.irbr_box { width: 45%; padding: 5px; height: 100%; align-items: center; display: flex; flex-wrap: wrap; color: #000;  }

.invoice_right_block .vat_text { margin: 5px 0px; text-align: center; font-size: 10px; color: #000; }
.invoice_right_block .vat_text span { padding: 0px 10px; width: 40%; display: inline-block; font-size: 10px; }
.invoice_right_block .total { font-size: 12px; font-weight: 700; line-height: 14.52px; text-align: left; color: #000; padding: 20px; margin-bottom: 0px; padding-right: 0px; }
.invoice_right_block .total span { display: block; }
.invoice_right_block .paidImg + p { display: block; width: 100%; text-align: center; margin-bottom: 0px; }
.duedate { min-width: 215px; margin-left: auto; font-size: 12px; font-weight: 700; line-height: 14.52px; color: #000; padding: 10px; display: flex; align-items: center; border: 1px solid #ECF0F0; justify-content: space-between; }
.duedate > div { padding-left: 10px; }

/* items select modal */

.categories_block, .sub_categories_block, .products_block { margin-bottom: 20px; overflow: hidden; position: relative; }
.selectItemsModal h3.item_title { font-size: 14px; font-weight: 700; color: #000; display: block; padding-bottom: 10px; margin-bottom: 10px; position: relative; }
.selectItemsModal h3.item_title::before { position: absolute; content: ""; width: 25%; bottom: 0; background: #00838F; border-radius: 10px; height: 3px; }

.selectItemsModal .list_block { max-height: 88px; overflow-y: auto; }
.selectItemsModal  .products_block .list_block { max-height: 200px; overflow-y: auto; }

.card-radio-btn .content_head { font-size: 12px; font-weight: 700; text-align: center; color: #fff;}
.card-input-element + .card { min-width: 82px; text-transform: uppercase; margin: 2px; color: red; box-shadow: none; border-radius: 4px;  text-align: center; box-shadow: 0px 4px 4px 0px #C9E6E9; border: 1px solid #FFFFFF !important; background: #00838F; padding: 6px; }
.card-input-element + .card:hover { cursor: pointer;}
.card-input-element:checked + .card { background: #FFFF61; -webkit-transition: border 0.3s; -o-transition: border 0.3s; transition: border 0.3s; }
.card-input-element:checked + .card .content_head { color: #000; }
@-webkit-keyframes fadeInCheckbox {
    from { opacity: 0;  -webkit-transform: rotateZ(-20deg);}
    to { opacity: 1;  -webkit-transform: rotateZ(0deg); }
}
@keyframes fadeInCheckbox {
    from { opacity: 0; transform: rotateZ(-20deg);}
    to { opacity: 1; transform: rotateZ(0deg); }
}

.sub_categories_block .card-input-element:checked + .card { background: #FF993A;}
.sub_categories_block .card-input-element:checked + .card .content_head { color: #fff; }

.product_info { box-shadow: 0px 4px 4px 0px #C9E6E9; border: 1px solid #FFFFFF; background: #B1E9ED; width: 90px; height: 90px; border-radius: 4px; position: relative; }
/* .product_info:hover { background: rgba(0, 131, 143, 0.7); } */
.product_info::before { position: absolute; content: ""; border-radius: 4px; background: rgba(0, 131, 143, 0.7); width: 100%; height: 100%; display: none; }
.product_info img { width: 100%; height: 100%; border-radius: 4px; object-fit: contain; object-position: center; }
.product_info .p_gram { position: absolute; bottom: 0; padding: 2px 5px; border-radius: 0px 0px 4px 4px; background: #00000080; font-size: 10px; font-weight: 700; text-align: center; color: #FFFFFF; margin-bottom: 0px; overflow: hidden; display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical; width: 100%; }

.product_info .pi_hover { position: absolute; width: 100%; height: 100%; border-radius: 4px; background: rgba(0, 131, 143, 0.7); display: none; align-items: center; justify-content: center; top: 0; left: 0; }
.product_info .pi_hover img { width: 24px; height: 24px; object-fit: contain; object-position: center; }
.product_info .pi_hover img + img { display: none; }
.product_info:hover .pi_hover { display: flex; }
.card-input-element:checked + .card .product_info:hover .pi_hover { display: flex; }
.card-input-element:checked + .card .product_info:hover .pi_hover img { display: none; }
.card-input-element:checked + .card .product_info:hover .pi_hover img + img { display: block; }


.products_block .card-input-element:checked + .card { background: transparent; }
.products_block .card-input-element + .card { min-width: auto; padding: 0px !important; background: transparent; }
.card-input-element:checked + .card .product_info::before { display: block; }
.card-input-element:disabled + .card .product_info { filter: grayscale(1); cursor: default; }
.selectItemsModal .help-block { position: relative; }
.dataTable td .help-block { position: relative; }

.sub_categories_block .card-input-element + .card { background: #31BCC9; }

.card-input-element + .card  .not_stock { background: red; color: #fff; position: absolute; padding: 2px 5px; font-size: 10px; font-weight: 700; top: 50%; transform: translateY(-50%); margin-bottom: 0px; overflow: hidden; width: 100%; display: none; }
.card-input-element:disabled + .card .not_stock { display: block; }

/*  */

/* .ts-wrapper.single .ts-control, .ts-wrapper.single .ts-control input { max-width: unset !important; min-width: fit-content !important; min-height: 28px; }
.ts-wrapper.single .ts-control input {display: none !important; } */


/* sales */

tr td span.stock_field { background: #40FF75; display: inline-block; width: 50px; border: 1px solid #D7D7D7; padding: 2px; border-radius: 2px; }
tr.low_stock td { color: #FD6868; }
tr.low_stock td span.stock_field { background: #FD6868; color: #000; }
tr.low_stock td input { color: #FD6868; }

.fir_bottom_row { display: flex; align-items: center; justify-content: space-between; }
.fir_bottom_row .fir_left .nav-tabs { margin-bottom: 0px !important; background: #ECF0F0; min-width: 211px; height: 32px; border-radius: 60px; display: flex; align-items: center; justify-content: center; }
.fir_bottom_row .fir_left .nav-tabs .nav-link.active { background: #00838F !important; border-radius: 60px; color: #fff; }
.fir_bottom_row .fir_left .nav-tabs .nav-link { color: #000; border: none !important; min-width: 94px; height: 24px; text-transform: unset; }

.fir_bottom_row .fir_right { display: flex; align-items: center; text-align: left; }
.fir_bottom_row .fir_right .form-group { display: flex; align-items: center; }
.fir_bottom_row .fir_right .form-group .input_field { width: 200px; }
.fir_bottom_row .fir_right .form-group label { margin-bottom: 0px; margin-right: 5px; }

.fir_bottom_row .common-btn { margin-left: 10px; }

.fir_block .form-group .form-control .due_date {background: #99CFD2; }
.flatpickr-months, .flatpickr-weekdays { background: #00838F !important;  }

.view_sales_delivery_page .checkbox_block { text-align: right; }
.view_sales_delivery_page .checkbox_block .checkbox { padding-left: 16px; font-size: 12px; line-height: 16px; font-weight: 400; margin-left: 10px; color: #000 !important; }
.view_sales_delivery_page .checkbox_block .checkmark::after { left: 3px; top: 0px; width: 5px; height: 8px;}

#paymentModal .modal-content .common-form-block .form-group label.form-label { max-width: 180px;}
#paymentModal  .common-form-block .ktitle { max-width: 100%; margin-left: 0px !important; }

table .email_icon { width: 20px; height: 20px; display: block; }
table .email_icon img { width: 100%; height: 100%; object-fit: contain; object-position: center; }
table .checkimg {  width: 20px; height: 20px; object-fit: contain; object-position: center;  }

.stork_img { width: 100px; height: 100px; margin: 0px auto; border-radius: 4px; background: #FFFFFF; border: 1px solid #D7D7D7;}
.stork_img a { display: block; width: 100%; height: 100%; }
.stork_img img { width: 100%; height: 100%; object-fit: contain; object-position: center; border-radius: 4px; }

.fir_block .form-group .form-control[readonly], .fir_block .form-group .form-control:disabled { background: #B1E9ED !important; }

/* .fir_block .form-group .form-control.flatpickr-input[readonly] { background: #fff !important; }
 */
.money_charm_div { position: relative; }
/* .money_charm_div .help-block { bottom: -18px; text-align: left; padding-left: 10px; } */

.stock_correction_modal .pcs_text { font-size: 12px; font-weight: 400; line-height: 30px; text-align: center;  color: #000; background: #B1E9ED; padding: 0pc 5px; white-space: nowrap; }

/*  */

.sales_delivery_page .alp_table { width: 100%; overflow-x: auto; }

/* table footer */

.table_footer { background: #B1E9ED;  min-height: 53px;  padding: 15px; text-align: center; /* overflow-x: auto; */ margin-top: auto; }
.table_footer .label { font-size: 12px; text-transform: uppercase; margin-bottom: 0px; color: #000; margin-right: 10px; min-width: 105px; text-align: left; }
.table_footer input { background: #FFFFFF; border: 1px solid transparent !important; font-size: 12px; color: #000; padding: 3px 10px; border-radius: 2px; box-shadow: none !important; width: 135px; }
.table_footer .cl_group { margin-left: 30px; position: relative; margin: 5px 10px; }
.table_footer .balance_group label { font-weight: 700; }
.table_footer .balance_group input { background: #C0F9FD; font-weight: 700;}

.table_footer .tf_title { font-size: 12px; font-weight: 500; color: #000; margin-bottom: 0px; text-align: left; }
.table_footer .eup_input label { font-weight: bold; }
.table_footer .eup_input input { font-weight: bold; }
.table_footer .eup_input span { font-size: 12px; font-weight: 600; background: #fff; color: #000; padding: 4px 10px; border-radius: 2px; }
.table_footer .eup_input p {  font-size: 12px; font-weight: 600; color: #000;}
.table_footer span.eur_text {  font-size: 12px; font-weight: 600; background: #fff; color: #000; padding: 4px 10px; border-radius: 2px; }
.table_footer > div { flex-wrap: wrap; }

.table_footer input + .label {min-width: fit-content;}

/*  */

.cashbook_btn { background: #282828; border-color: #282828 !important; }
.cashbook_btn:hover { color: #282828; border-color: #282828 !important; }

.if_checkbox_block { width: 100%; padding-top: 7px; overflow-y: auto; height: 450px; }
.if_checkbox_block .checkbox { padding-left: 16px; font-size: 12px; line-height: 15px; font-weight: 400; color: #000 !important; width: 33%; padding-right: 10px; margin-bottom: 10px; }
.checkmark::after {left: 3px; top: 0px; width: 5px; height: 8px; }

.if_checkbox_block .check-group { margin-bottom: 3px; }
.if_checkbox_block .check-group span { font-weight: 600; display: block; margin-bottom: 5px; font-size: 12px;  color: #282828;  }
.checkbox-group { display: flex; align-items: flex-start; flex-wrap: wrap; }

.fa-checkbox .checkbox { padding-left: 16px; font-size: 12px; line-height: 15px; font-weight: 400; color: #000 !important; width: 33%; padding-right: 10px; margin-bottom: 10px; }

.common-form-block .eye_icon { background: transparent !important; border: 1px solid transparent !important; color: #000 !important;  border-left: 0 !important; padding: 2px 10px !important; font-size: 16px !important; }

.account_setting_page .alp_row_block .common-form-block { max-width: 992px !important;}

.cancel_btn { background: #000; border-color : #000;  }
.cancel_btn:hover {color: #000; border-color: #000 !important;  }

/*  */

.c_info_blocks .cib_row span + span a { color: #000; }
.c_info_blocks .cib_row span + span a:hover { color: #00838F !important ; }
.c_info_blocks .cib_row span + span span.invoice_img { border: 1px solid #D7D7D7; padding: 4px; border-radius: 4px; margin-left: auto; width: 34px; height: 34px; display: flex; align-items: center; justify-content: center; }
.c_info_blocks .cib_row span + span span.invoice_img img { width: 20px; margin-right: 0; margin-left: 0; }

/*  */

.info_icon { width: 20px; height: 20px; display: block; margin-left: 10px; cursor: pointer; }
.info_icon img { width: 100%; height: 100%; object-fit: contain; object-position: center; }
.info_icon img + img { display: none; }
.info_icon:hover img { display: none; }
.info_icon:hover img + img { display: block; }


.info_top_block { display: flex; align-items: center; width: 100%; justify-content: space-between; flex-wrap: wrap; }
.info_top_block p:first-child { width: 100%; }
.info_top_block p { margin-bottom: 10px; font-size: 12px; color: #000; margin-right: 10px; display: flex; align-items: center; }
.info_top_block p:last-child { margin-right: 0px; }
.info_top_block p span { font-weight: 700; width: 100%; flex: 1; }
.info_top_block p span.invoice_img { background: #FFFFFF;  border: 1px solid #D7D7D7; width: 26px; height: 26px; border-radius: 4px; display: block; margin-left: 5px; }
.info_top_block p span.invoice_img img { width: 100%; height: 100%; object-fit: contain;  object-position: center;}

.info_table table.dataTable { width: 100%; }

#infoModalBackdrop .modal-dialog { max-width: 600px;}

.dt-scroll-foot { overflow: auto !important; }

/* page loader */

/* Load Settings */
.no-scroll-y {overflow: hidden;}
#preloader-section{	box-sizing: border-box;	margin: 0;	padding: 0;}

/* Preloader */
.ctn-preloader { -webkit-box-align: center;
	        align-items: center;
            background: #edf3ff;
  /* Show or Hide cursor when hover of Preloader*/
  cursor: none;

	display: -webkit-box;
	display: flex;
  height: 100%;
  -webkit-box-pack: center;
          justify-content: center;
	position: fixed;
	left: 0;
  top: 0;
	width: 100%;
  z-index: 9999;
}

.ctn-preloader .animation-preloader {
	position: absolute;
  z-index: 100;
}

/* Spinner loading */
.ctn-preloader .animation-preloader .spinner {
  -webkit-animation: spinner 1s infinite linear;
          animation: spinner 1s infinite linear;
	border-radius: 50%;
  border: 3px solid rgba(0, 0, 0, 0.2);
  border-top-color: #00838F; /* It is not identified in alphabetical order so that it does not overwrite it */
  height: 9em;
  margin: 0 auto 30px auto;
  width: 9em;
  display: flex; align-items: center; justify-content: center;
}

.ctn-preloader .animation-preloader .spinner img { -webkit-animation: imgspinner 1s infinite linear;
  animation: imgspinner 1s infinite linear; }

/* Loader section Settings */
.ctn-preloader .loader-section {
  background-color: #ffffff;
  height: 100%;
	position: fixed;
  top: 0;
  width: calc(50% + 1px);
}

.ctn-preloader .loader-section.section-left {
  left: 0;
}

.ctn-preloader .loader-section.section-right {
  right: 0;
}

/* Fade effect in loading animation */
.loaded .animation-preloader {
  opacity: 0;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}

/* Curtain effect */
.loaded .loader-section.section-left {
  -webkit-transform: translateX(-101%);
          transform: translateX(-101%);
  -webkit-transition: 3.5s 0.1s all cubic-bezier(0.1, 0.1, 0.1, 2.000);
  transition: 3.5s 0.1s all cubic-bezier(0.1, 0.1, 0.1, 2.000);
}

.loaded .loader-section.section-right {
  -webkit-transform: translateX(101%);
          transform: translateX(101%);
  -webkit-transition: 3.5s 0.1s all cubic-bezier(0.1, 0.1, 0.1, 2.000);
  transition: 3.5s 0.1s all cubic-bezier(0.1, 0.1, 0.1, 2.000);
}

/* Preloader Animation */
@-webkit-keyframes spinner {
	to {
		-webkit-transform: rotateZ(360deg);
		        transform: rotateZ(360deg);
	}
}
@keyframes spinner {
	to {
		-webkit-transform: rotateZ(360deg);
		        transform: rotateZ(360deg);
	}
}

@-webkit-keyframes imgspinner {
	to {
		-webkit-transform: rotateZ(-360deg);
		        transform: rotateZ(-360deg);
	}
}
@keyframes imgspinner {
	to {
		-webkit-transform: rotateZ(-360deg);
		        transform: rotateZ(-360deg);
	}
}



/* Backward laptop size (laptop, tablet, cell phone) */
@media screen and (max-width: 767px) {
	/* Preloader */
	/* Spinner Loading */
	.ctn-preloader .animation-preloader .spinner {
		height: 8em;
		width: 8em;
	}

	/* Text Loading */
	.ctn-preloader .animation-preloader .txt-loading {
	  font: bold 3.5em 'Montserrat', sans-serif;
	}
}

@media screen and (max-width: 500px) {
	/* Prelaoder */
	/* Spinner Loading */
	.ctn-preloader .animation-preloader .spinner {
		height: 7em;
		width: 7em;
	}

	/* Text Loading */
	.ctn-preloader .animation-preloader .txt-loading {
	  font: bold 2em 'Montserrat', sans-serif;
	}

}

/*  */

.warnning_text { text-align: center; }
.warnning_text p { font-size: 10px; line-height: 12px; color: #FF8383; }
#deliverynotedModal table.dataTable th { padding: 4px 10px !important; }
#deliverynotedModal .modal-content .common-form-block .form-group label.form-label { max-width: fit-content; margin-right: 10px;}

.footer_table_block tr th { background: #9ED1D4 !important; }
.footer_table_block tr td { background: #B1E9ED; text-align: left !important; padding: 4px !important; }
.footer_table_block tr:nth-child(2n) td {  background: #C6F6FA !important;}

.input-group .btn { z-index: unset !important;}
.input-group > .form-control:focus, .input-group > .form-select:focus {z-index: unset !important;}

#sendEmailModal .modal-dialog { max-width: 1060px;}

/* .common-form-block .quantity-group .input_field { flex-wrap: unset !important; } */

/* 404 page */


/* column modal */

#editclumnsModal .modal-dialog { max-width: 1080px;}
#editclumnsModal .modal-titels { text-align: center;color: #000 !important; font-size: 30px; text-transform: uppercase; font-style: normal; font-weight: bold; }
#editclumnsModal .btn-close { position: absolute; right: -10px; top: -10px; background: #000; width: 28px; height: 28px; opacity: 1; border-radius: 50%; color: #fff;font-size: 20px;padding: 0; line-height: 20px;}
#editclumnsModal .modal_text { text-align: center; margin-bottom: 20px; }

.edit_columns_block {display: flex; width: 100%;}
.ecb_left_col { width: 50%; padding: 0px 10px;}
.ecb_rigth_col { width: 50%; padding: 0px 10px; }

.ecblc_top {  display: flex; align-items: center; padding-bottom: 10px;  }
.ecblc_top .ecb_title { font-size: 16px; color: #000;  margin-bottom: 0px !important; margin-right: 20px; }
.ecblc_top .ecb_search { margin-left: auto; width: 130px; }
.ecblc_top .ecb_search input { font-size: 14px; color: #000; box-shadow: none; background: none; border: none; border-bottom: 1px solid #D7D7D7; width: 100%; }
.ecblc_top .ecb_return { margin-bottom: 0px; font-size: 14px; color: #000;  }
.ecblc_top .ecb_return img { width: 14px; height: 14px; object-fit: contain; object-position: center; }
.ecblc_top .delete_all_btn { box-shadow: none; border: none; margin-left: auto; background: none; font-size: 14px; color: #000; display: flex; align-items: center;  }
.ecblc_top .delete_all_btn img { width: 20px; height: 20px; object-fit: contain; object-position: center;  }

.ecblc_body { width: 100%; min-height: 280px; max-height: 280px; overflow-y: auto; padding-right: 5px; }
.ecblc_body .ecblc_box { margin-bottom: 8px; border: 1px solid #D7D7D7; width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 7px 10px; }
.ecblc_body .ecblc_box:last-child { margin-bottom: 0px !important;}
.ecblc_body .ecblc_box p { cursor:move; margin-bottom: 0px; font-size: 14px; color: #000;  }
.ecblc_body .ecblc_box p img { width: 18px; height: 18px; object-position: center; object-fit: contain; }
.ecblc_body .remove { width: 24px; height: 24px; box-shadow: none; border: none; background: none;  }
.ecblc_body .remove img { width: 100%; height: 100%; object-position: center; object-fit: contain; }


/* dashboard_page */

.dashboard_page {  }

.dash_card { box-shadow: 0px 10px 30px 0px #00838F66; background: #00838F url(../images/card_img1.png) no-repeat; background-size: cover; background-position: center; max-width: 100%; height: 150px; border-radius: 20px; padding: 15px 15px; width: 100%; margin-bottom: 20px; }
.dash_card.monthly_card { box-shadow: 0px 10px 30px 0px #00AC8E66; background: #00AC8E url(../images/card_img2.png) no-repeat; background-size: cover; background-position: center;  }
.dash_card .dc_title { font-size: 20px; font-weight: 700; line-height: 24px; color: #fff; }

.dash_card .dc_content_row { display: flex; justify-content: space-between; }
.dash_card .dccr_box { width: 100%; flex: 1; padding-right: 10px; display: flex; flex-direction: column; }
.dash_card .dccr_box p { font-size: 12px; font-weight: 500; line-height: 14px; color: #fff; margin-bottom: 2px; display: flex; align-items: center; justify-content: space-between; }
.dash_card .dccr_box p:first-child { margin-top: auto; }
.dash_card .dccr_img  { width: 76px; height: 76px; }
.dash_card .dccr_img img { width: 100%; height: 100%; object-fit: contain; object-position: center; }

.dash_card .profilt_row { display: flex; align-items: center; width: 100%; margin-top: auto; margin-bottom: 15px; }
.dash_card .profilt_row span { font-size: 14px; font-weight: 600; line-height: 17px; color: #fff; }
.dash_card .profilt_row img { width: 20px; height: 20px; object-fit: contain; object-position: center; margin-left: 10px; }

.info_card { background: #2F008F url(../images/cardimg3.png) no-repeat; background-size: cover; background-position: center; box-shadow: 0px 10px 30px 0px #2F008F66; }
.info_card ul { list-style: none; padding: 0px; margin: 0px; display: flex; align-items: center; flex-wrap: wrap; }
.info_card ul li { width: 50%; padding: 10px 5px;  }
.info_card ul li .count { font-size: 20px; font-weight: 700; line-height: 24px; color: #fff; display: block; }
.info_card ul li .title { font-size: 12px; font-weight: 500; line-height: 14px; color: #fff; display: block; }

.dash_common_card { box-shadow: 0px 4px 19px 0px #E0E0E0; background: #FFFFFF; max-width: 100%; width: 100%; min-height: 370px; border-radius: 6px;}
.dash_common_card .dash_title { font-size: 14px; font-weight: 700; line-height: 17px; color: #000; margin-bottom: 10px; text-transform: uppercase; white-space: nowrap; }

.turnover_chart_block { margin-top: 20px; margin-bottom: 26px; display: block; width: 100%; }

.tcb_heading_row { display: flex; justify-content: space-between; width: 100%; padding: 10px; margin-bottom: 10px; }
.tcb_heading_row .total_over_block { display: flex; align-items: center; flex-wrap: wrap; justify-content: flex-end; }
.tcb_heading_row .tob_box { background: #E7FDFF; margin-left: 4px; border-radius: 6px; padding: 10px; margin-bottom: 10px; }
.tcb_heading_row .tob_title { font-size: 10px; font-weight: 600; line-height: 12px; letter-spacing: 0.5px; color: #000; margin-bottom: 10px; }
.tcb_heading_row .tob_count {font-size: 12px; font-weight: 600; line-height: 12px; letter-spacing: 0.5px; color: #000; margin-bottom: 0px; }

.sales_category_block { padding: 25px; margin-bottom: 20px; }
.sales_category_block .dash_title { margin-bottom: 10px; }
.sales_card_block { display: flex; width: 100%;  }
.sales_card_block .chart_info { width: 30%; /* display: flex; flex-wrap: wrap; align-items: flex-start; */ height: 400px; overflow-y: auto; }
.sales_card_block .ci_block { width: 100%; padding: 10px 8px; border: 1px solid #ccc; border-radius: 4px; margin-bottom: 2%; box-shadow: rgb(231, 231, 231) 3px 3px 6px 0px inset, rgba(255, 255, 255, 0.5) -3px -3px 6px 1px inset; display: flex; }
.sales_card_block .ci_block .circle_box { width: 20px; height: 20px; border-radius: 50%; display: block; margin: 0px auto 15px; }
.sales_card_block .ci_block .ci_title { font-size: 12px; font-weight: 400; line-height: 12px;  color: #000; display: block; width: 50%; }
.sales_card_block .ci_block .ci_amount { font-size: 14px; font-weight: 600; line-height: 12px;  letter-spacing: 0.5px; text-align: right; color: #000; display: block; width: 50%; }

.sales_card_block .chart_view { width: 100%; flex: 1; }



.database_files_card, .statistics_item_card, .parade_items_card, .parade_customers_card { margin-bottom: 20px; padding: 10px; }
.database_files_card .dash_title, .statistics_item_card .dash_title, .parade_items_card .dash_title, .parade_customers_card .dash_title { padding: 10px 0px; margin-bottom: 0px; }
.database_files_card, .statistics_item_card {  height: 330px; }

.database_files_card { background: #008F82 url(../images/card_img2.png) no-repeat; background-size: cover; background-position: center;  }
.database_files_card .dash_title { color: #fff; }

.dfc_bldock {  }
.dfc_bldock p { font-size: 12px; font-weight: 600; line-height: 12px; letter-spacing: 0.5px; display: flex; align-items: center; justify-content: space-between; margin: 10px 0px; color: #fff; padding: 12px; border: 1px solid #eee; border-radius: 4px; }
.dfc_bldock p span { font-size: 16px; font-weight: 700; line-height: 12px; letter-spacing: 0.5px; width: 100px; display: block; text-align: right; }

.search_items { width: 100%; margin-bottom: 20px; }
.search_items .input-group { background: #E7FDFF; border-radius: 6px; padding: 11px; }
.search_items .form-control { background: transparent !important; border: none !important; box-shadow: none !important; font-size: 12px; font-weight: 600; line-height: 12px; letter-spacing: 0.5px;  color: #000; }
.search_items .input-group-text { background: transparent !important; box-shadow: none !important; border: none !important;  }
.search_items .form-control::placeholder { color: #000; }

.total_show { margin-bottom: 20px; border-radius: 6px; padding: 19px; display: flex; align-items: center; justify-content: space-between; }
.total_show span { font-size: 12px; font-weight: 600; line-height: 12px; letter-spacing: 0.5px; color: #121212; }
.total_show span + span { font-size: 12px; font-weight: 400; line-height: 12px; letter-spacing: 0.5px; text-align: right; color: #121212; }

.parade_tables { border: 1px solid #F0F3FF; background: #D1FBFF; border-radius: 6px; max-height: 310px; }
.parade_tables table { margin-bottom: 10px; border: none !important; width: 550px; }
.parade_tables .table th, .parade_tables .table td { border-color: #D1FBFF !important; }
.parade_tables .table th { font-size: 12px; font-weight: 600; line-height: 12px; letter-spacing: 0.5px; color: #000; }
.parade_tables .table td { font-size: 12px; font-weight: 400; line-height: 12px; letter-spacing: 0.5px; color: #000; background: #E7FDFF; }
.parade_tables .table tr:nth-child(2n) td {  background: #fff !important;}

/*  */

.flatpickr-day.selected { background-color: #00838F !important; border-color: #00838F !important; }
.flatpickr-day.today { border-color: #00838F !important; }

/*  */

#invoiceslistModal .modal-dialog { max-width: 1242px !important; }
#invoiceslistModal .modal-body { padding: 0px 0px 10px;  }
#invoiceslistModal .common-form-block { max-width: 100%; padding: 0px 10px;  background: #ECF0F0; }
#invoiceslistModal .common-form-block form { display: flex; align-items: center; justify-content: space-between; }
#invoiceslistModal .common-form-block form .form-group { margin: 5px 0px; padding: 0px 30px; align-items: center; }
#invoiceslistModal .common-form-block .form-group label.form-label {width: fit-content; max-width: unset; margin-right: 10px; color: #000; }
#invoiceslistModal [type="radio"]:checked + label::before, #invoiceslistModal [type="radio"]:not(:checked) + label::before { top: -5px;}
#invoiceslistModal [type="radio"]:checked + label::after, #invoiceslistModal [type="radio"]:not(:checked) + label::after { top: -2px;}

/*  */

#universalSearch::placeholder { color: #fff !important; }
#universalSearch + .input-group-text a { color: #fff;}

.dash_card .dccr_box p.balance_favor { font-weight: 700;  padding-top: 10px; margin-top: 10px; }
.dash_card .dccr_box p.balance_favor span { position: relative; }
.dash_card .dccr_box p.balance_favor span::before { position: absolute; content: ""; height: 1px; background: #fff; width: 100%; top: -10px; left: 0; }

/*  */

.counting_modal .modal-dialog { max-width: 730px !important; }
.counting_form { max-width: 510px; width: 100%; margin: 0px auto; }
.modal-content .common-form-block fieldset .form-group label.form-label { max-width: 75px;}
.modal-content .common-form-block fieldset { height: 100%; }
.modal-content .icon-btn {width: 30px;height: 30px; padding: 0px; font-size: 16px; border-radius: 2px; box-shadow: none !important; border: none !important; background: #B1E9ED !important; color: #00838F !important; margin-left: 10px !important; display: flex; align-items: center; justify-content: center;}

/*  */

.fir_table { height: 140px; overflow-y: auto; }


/* chart  */

.highcharts-figure,
.highcharts-data-table table {
    min-width: 320px;
    max-width: 660px;
    margin: 1em auto;
}

.highcharts-data-table table {
    font-family: Verdana, sans-serif;
    border-collapse: collapse;
    border: 1px solid #ebebeb;
    margin: 10px auto;
    text-align: center;
    width: 100%;
    max-width: 500px;
}

.highcharts-data-table caption {
    padding: 1em 0;
    font-size: 1.2em;
    color: #555;
}

.highcharts-data-table th {
    font-weight: 600;
    padding: 0.5em;
}

.highcharts-data-table td,
.highcharts-data-table th,
.highcharts-data-table caption {
    padding: 0.5em;
}

.highcharts-data-table thead tr,
.highcharts-data-table tr:nth-child(even) {
    background: #f8f8f8;
}

.highcharts-data-table tr:hover {
    background: #f1f7ff;
}

.highcharts-description {
    margin: 0.3rem 10px;
}

/*  */

.m_checkbox_block { border: 1px solid #D7D7D7; background: #F6F6F6; padding: 8px 10px; width: 100%; display: flex; flex-wrap: wrap; border-radius: 6px; }
.m_checkbox_block .checkbox {padding-left: 22px; font-size: 12px; line-height: 20px;color: #000 !important; }
.m_checkbox_block .checkmark { border-color: #D7D7D7; height: 16px; width: 16px !important; }
.m_checkbox_block .mcb_block { width: 50%; padding-right: 10px; }
.m_checkbox_block .checkmark::after { left: 4px; top: 0px; width: 6px; height: 11px;}

.report_financial_statistics_page .parade_tables {max-height: 350px;}

.profit_card p { color: #fff; font-size: 20px; font-weight: 700; line-height: 24.2px; margin-bottom: 0px; }
.profit_card p + p { color: #F0F0F0; font-size: 12px; font-weight: 500; line-height: 14.52px; margin-bottom: 0px; }
.report_financial_statistics_page .dash_card .dccr_img { margin-left: 20px; }

/*  */

.navbar-header .form-group {position: relative;}
#globalSearchData, #globalSearchData1 {  border: 1px solid #49494A !important; z-index: 1111 !important; background: #323232; border-radius: 4px !important; position: absolute; width: 100%; max-height: 270px; overflow-y: auto; padding: 10px 0px; display: none; }
#globalSearchData li, #globalSearchData1 li {  background-color: transparent !important;  color: #000 !important; }
#globalSearchData ul, #globalSearchData1 ul { list-style: none !important; padding: 0px !important; margin-bottom: 10px !important; }
#globalSearchData div:last-child ul, #globalSearchData1 div:last-child ul { margin-bottom: 0px !important; }
#globalSearchData ul h4, #globalSearchData1 ul h4 { font-size: 12px; padding-left: 10px; color: #fff; margin-bottom: 5px;  }
#globalSearchData li a, #globalSearchData1 li a {  padding: 4px 8px 4px 20px !important; font-size: 12px !important;  color: #fff; display: block; }
#globalSearchData li a.view-more, #globalSearchData1 li a.view-more { color: #9E9E9E !important;  }
#globalSearchData li a.view-more:hover, #globalSearchData1 li a.view-more:hover { background: none !important; color: #fff !important; }
#globalSearchData li a:hover, #globalSearchData1 li a:hover { background: #232323 !important; color: #fFf !important; }

/*  */

.cdn_row_block { display: flex; flex-wrap: wrap; }
.cdn_row_block .form-group { width: 20%; }
.fir_block .cdn_row_block .form-group label { min-width: 100px; width: auto; max-width: 100px;}
.cdn_row_block .ts-control { font-size: 12px !important;}
/* .fir_block .cdn_row_block .form-group .ts-control div.item {white-space: nowrap; width: 90% !important; overflow: hidden; text-overflow: ellipsis;} */
.fir_block .cdn_row_block .form-group > div {width: 100%; flex: 1;  }

/*  */

.tab_filter_block { width: 100%; display: flex; margin-bottom: 20px; }  
.tab_filter_block .form-group { margin: 0px 5px; width: 33.33%; }
.tab_filter_block .form-control { border-radius: 0px; border: none !important; border-bottom: 1px solid #D7D7D7 !important; padding: 5px;     font-size: 12px; }
.tab_filter_block .input-group-text { background: transparent; border: none !important; border-bottom: 1px solid #D7D7D7 !important; border-radius: 0 !important; padding: 2px; }
.tab_filter_block .input-group-text img { width: 16px; height: 16px; object-fit: contain; object-position: center; }
.tab_filter_block .ts-control { border-left: 0px !important; padding-left: 0px !important; border-top: 0px !important; border-right: 0px  !important; }

.product_list_block { width: 100%; display: flex; margin-bottom: 20px;  flex-wrap: wrap; height: 570px; overflow-y: auto; align-items: flex-start; }
.product_card { width: 33.33%; padding: 0px 10px; margin-bottom: 20px; }
.product_view { box-shadow: 0px 4px 4px 0px #C9E6E9; border: 1px solid #FFFFFF; background: #B1E9ED; width: 100%; height: 144px; border-radius: 4px; position: relative; margin: 0px auto; padding: 1px; }
.product_view img { width: 100%; height: 100%; border-radius: 4px; object-fit: contain; object-position: center; }
.p_gram { padding: 12px 5px 0px; margin-bottom: 12px !important; border-radius: 0px 0px 4px 4px; /* background: #00000080; */ font-size: 10px; text-align: center; color: #000; margin-bottom: 0px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; width: 100%;min-height: 60px; display: flex; align-items: center; justify-content: center; flex-direction: column; }
.p_gram span { font-size: 14px; display: block; font-weight: 700;  }
#add_item_form .text-center { display: none; }  

.number { width: 100%; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #D7D7D7; padding: 10px 0px 5px; margin-top: auto; }
.number span { width: 50px; height: auto; display: block; cursor: pointer; }
.number input { width: 100%; border: none; border-radius: 0; background: transparent; text-align: center; font-size: 14px; color: #000; }
.number span img { width: 100%; height: 100%; object-fit: contain; object-position: center; }
.number span img + img { display: none; }

.number span.minus { cursor: no-drop; }
.number span.minus.active:hover { cursor: pointer; }
.number span.minus.active:hover img { display: none; }
.number span.minus.active:hover img + img { display: inline-block; }
.number span.plus:hover img { display: none; }
.number span.plus:hover img + img { display: inline-block; }

.product_card { position: relative; }
.product_list_block .not_stock { background: red; color: #fff; position: absolute; padding: 2px 8px; font-size: 10px; margin-bottom: 0px; overflow: hidden; width: fit-content; text-align: center; right: 0px; top: 0px; }
.product_view.disabled { filter: grayscale(1); cursor: default; }

.no_product { text-align: center; font-size: 14px; color: #000; width: 100%; margin: 10px 0px; text-transform: uppercase; font-weight: 500; }


.items_modal .form-label { max-width: fit-content !important; padding-right: 10px !important; }

#infoModalBackdrop .modal-dialog { max-width: 1100px;}

/*  */

.selectItemsModal .modal-dialog { max-width: 1050px !important; }
.selectItemsModal .product_card {  width: 23%; box-shadow: 0px 4px 4px 0px #eee; border: 1px solid #B1E9ED; background: #fff; padding: 0px; border-radius: 10px; margin: 0px 1% 20px; display: flex; flex-direction: column; overflow: hidden; }
.selectItemsModal .number { border-bottom: none; padding: 10px; }
.selectItemsModal .price { font-size: 16px; display: block; padding-top: 10px; color: #00838F; text-align: center; }
.selectItemsModal .product_view { box-shadow: none; border-color: #eee; background: #eee; width: 100%; height: 180px; border-radius: 10px 10px 0px 0px; padding: 0; }
.selectItemsModal .p_gram {font-size: 12px;  overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; min-height: 50px;  }
.selectItemsModal .product_view img { border-radius: 10px 10px 0px 0px;}

/*  */

label.list-package-type { max-width: 60px; width: 100%; }

.packaging-tab .form-group {  margin-bottom: 30px; width: 300px; }
.form-group .form-control.item_packaging_type  { border: 1px solid #D7D7D7; width: 100%; border-radius: 2px; font-size: 12px; color: #000; box-shadow: none !important; padding: 5px 10px; 
  background-image: url(../images/downArrow.svg) !important;
  background-position: right 5px center !important;
  background-size: 10px !important;
  background-repeat: no-repeat;
}

/* auth login new design  */

.auth_form_section { background: #fff; padding: 0px; }
.auth-full-page-content { display: flex; width: 100%; }













/* -------------------------------------------------------------------------------------------------------- */
/* responsive view */


@media (min-width: 1200px) and (max-width: 1300px) {

    .common_info_block { padding: 15px;}


}

@media (min-width: 1200px) and (max-width: 1400px) {

  .supplier_page .col-lg-4 { width: 50%; }
  .debt_list_block ul li {width: 47%;}
  .customer_page .col-lg-4 { width: 50%; }
  .cdn_row_block .form-group { width: 25%; }


}

@media (min-width: 1400px) and (max-width:1600px) {

    .custom_col.col-xxl-6 { width: 100% !important; }
    .dash_card .dccr_img {  width: 68px; height: 68px;}
    .cdn_row_block .form-group { width: 25%; }


}

@media (min-width: 1400px) {


}

@media (max-width: 1500px) {

.fill_information_row .fir_top_row {  overflow-x: auto; margin-bottom: 10px; }
.fill_information_row .fir_top_row .row {width: 1700px; }

}


@media (min-width: 1600px) {

  .parade_tables table { width: 100%; }

}


@media (min-width: 1680px) {

  .auth-form-content { padding: 55px 200px;}

}


@media (min-width: 2100px){


}

@media (min-width: 1700px){


}

@media (max-width: 1199px) {

    .auth-form-content { padding: 30px 55px;}

    .auth-form-content .page_title {font-size: 26px; line-height: 30px; margin-bottom: 15px;}
    .auth-form-content .form-control { padding: 12px 12px;}
    .auth-form-content .form-group { margin-bottom: 25px;}
    .auth-form-content .form-label { margin-bottom: 5px;}
    .auth-form-content .go_other_page { font-size: 12px; margin-bottom: 25px;}
    .common_btn { padding: 10px; font-size: 16px;}
    .auth_right_content .auth-logo .logo-txt { font-size: 42px;}
    /* .auth_right_content .arc_block h1 { font-size: 28px; margin-bottom: 15px;} */
    /* .auth_right_content { padding-top: 20px;} */
    .auth_right_content .arc_block p { font-size: 14px;  line-height: 21px;}
    .forgot-page .go_other_page { margin-top: 25px;}

    .page-title-box {padding-bottom: 0px;}
    .page-content {padding: 60px 10px 10px 10px;}
    .common_info_block { padding: 15px; border-right: 1px solid #EFEFEF !important; border-radius: 4px 4px; margin-top: 10px; }
    .after_login_pages { height: auto;}
    .back_btn { right: 0px; }

    .auth_right_content .hand_img { height: 550px;}
    .arc_block { height: calc(100% - 550px);}

    .common-form-block .input-group .form-control { min-height: 30px;  }

     /* side nav bar */

     .vertical-menu { width: 280px !important; display: none; }
     .vertical-menu #sidebar-menu > ul > li > a span {  display: inline !important; padding-left: 15px !important;}
     body.sidebar-enable .vertical-menu {  display: block;}
     body[data-sidebar-size="sm"] .vertical-menu { width: 280px !important; }
     body:not([data-sidebar-size="sm"]) #vertical-menu-btn { margin-left: 0; margin-right: 0px;}
     .KPI_block { margin-left: 0px;}
     body[data-sidebar-size="sm"] .navbar-brand-box { width: auto !important;}
     .main-content { margin-left: 0 !important;}


     .parade_tables table {  width: 570px;}

     #invoiceslistModal .modal-dialog { max-width: 95% !important;}

     .list_invlices_table  table { width: 1200px; }
     #invoiceslistModal .common-form-block form .form-group { padding: 0px 10px;}

     .ctr_page_link {  margin-right: 35px;}

     #page-headings { padding-right: 0px; justify-content: flex-start !important; }
     .page_heading_left_block { flex: unset; width: auto; }
     #page-headings .back_btn { right: 10px; position: absolute; top: 5px;}
     .common_top_right { margin-left: auto; }


     /*  */
     body[data-sidebar-size="sm"] .vertical-menu #sidebar-menu > ul > li > a { padding: 10px; display: flex; align-items: center; }
     body[data-sidebar-size="sm"] .vertical-menu #sidebar-menu > ul > li:hover > a { width: 100% !important; color: #fff !important; background: #00838F; }
     body[data-sidebar-size="sm"] .vertical-menu:hover #sidebar-menu ul li:hover a img { display: none; }
     body[data-sidebar-size="sm"] .vertical-menu:hover #sidebar-menu ul li:hover a img + img { display: inline-block; }
     .vertical-menu:hover #sidebar-menu > ul > li > a span {  margin-left: 0px; }
     body[data-sidebar-size="sm"] .vertical-menu #sidebar-menu > ul > li:hover > ul { height: auto !important; left: 0px !important; position: relative !important; width: 100% !important; box-shadow: none !important; padding: 0 !important;}
     body[data-sidebar-size="sm"] .vertical-menu #sidebar-menu > ul > li:hover > ul a { color: #000; padding: 6px 10px 6px 40px !important;  width: 100% !important;}
     .metismenu .mm-collapse.mm-show { display: block !important;  }
     body[data-sidebar-size="sm"] .vertical-menu #sidebar-menu > ul ul { padding: 0px !important; }
     body[data-sidebar-size="sm"] .vertical-menu #sidebar-menu > ul > li > a::after { display: block !important; margin-left: auto; transition: transform .2s; transition: transform .2s,-webkit-transform .2s; }
     body[data-sidebar-size="sm"] #sidebar-menu .mm-active > .has-arrow::after { -webkit-transform: rotate(90deg); transform: rotate(90deg);}
     body[data-sidebar-size="sm"] .vertical-menu #sidebar-menu > ul > li > a:active { color: #00838F !important;  }

     .cdn_row_block .form-group { width: 33.33%; }


}

@media (max-width: 991px) {

  #infoModalBackdrop .modal-dialog { max-width: 90%;}

  .auth-full-page-content { display: block;}
  .auth-form-content { width: 100%;}
  .auth_right_content { width: 100%; }
  .auth_right_content .hand_img { height: 455px;}

  
    .auth-form-content { padding: 30px 150px;}
    .container, .container-sm { max-width: 100% !important; }

    .logo span.logo-lg { display: inline-block !important;}
    #vertical-menu-btn { margin-right: 0px; padding: 0px !important; }
    .navbar-header { height: 51px;  padding-right: 10px;}

    /* .common-form-block .form-group label.form-label { max-width: 140px;} */
    /* .common-form-block .form-control { max-width: 210px;} */
    /* .common-form-block textarea.form-control { max-width: 605px;} */
    .items_images_block ul li { width: 75px; height: 75px;}
    .common-form-block .form-control.col_control { margin-left: 7px; }
    /* .common-form-block .quantity-group .form-control { max-width: 168px;} */
    /* .common-form-block .input-group { max-width: 210px;} */
    .common-form-block .btn { font-size: 10px;}
    /* .Barcode_field { max-width: 210px; } */

    .items_images_block ul.images_ul li { height: 70px;}
    .common-form-block .form-group label.form-label {max-width: 150px;}

    .input_field p {max-width: 174px; margin-left: 15px;}

    #editclumnsModal .modal-dialog { max-width: 95%;}

    .ecblc_top {flex-wrap: wrap;}
    .ecblc_top .ecb_return { width: 100%; order: 3;}
    #editclumnsModal .modal-titels { font-size: 24px;}

    #invoiceslistModal .common-form-block form {flex-wrap: wrap; }
    #invoiceslistModal .common-form-block form .form-group {width: 50%;}
    #invoiceslistModal .common-form-block .form-group label.form-label { width: 100%;  max-width: 130px;}

    .common_top_right .input-group { margin-top: 10px;} 

    .cdn_row_block .form-group { width: 50%;}

    .selectItemsModal .product_card {width: 31%;}
    .selectItemsModal .modal-dialog { max-width: 96% !important;}

}

@media (max-width: 767px) {

    .auth_right_content .auth-logo .logo-txt { font-size: 36px;}
    /* .auth_right_content .arc_block h1 {font-size: 24px; margin-bottom: 12px;} */
    .auth-form-content .page_title { font-size: 22px; line-height: 27px; margin-bottom: 15px;}

    .auth_right_content .hand_img { display: none; }
    .auth-form-content {padding: 30px 110px;}


    .page-content { padding: 60px 0px 10px 0px;}

    /* .common-form-block .form-control { max-width: 180px;}
    .common-form-block .input-group { max-width: 180px;} */
    /* .Barcode_field { max-width: 180px; } */
   /*  .common-form-block .quantity-group .form-control { max-width: 138px;}
    .common-form-block textarea.form-control { max-width: 548px;} */

    .common_top_right .ctr_blocks button { margin-top: 10px; }
    .common_top_right .ctr_blocks button.icon-btn { margin-top: 0px; }

    .add_customer_page .custom_radio_button { flex-wrap: wrap; }
    .add_customer_page .custom_radio_button .radio_input {width: 50%; }

    .view_delivery_pdf_block .vdpdf_block { padding: 12px 15px;}

    .parade_tables table { width: 100%; }

    .navbar-header .link_btn img { display: block; width: 20px; height: 20px; object-fit: contain; }
    .navbar-header .link_btn span { display: none; }
    .navbar-header .link_btn { padding: 4px 6px;}
    .navbar-header .link_btn:hover { background: transparent; color: #000; }
    .navbar-header .header-profile-user { margin-left: 0;}
    .navbar-header .delivery_btn img, .navbar-header .delivery_btn span { display: none; }
    .navbar-header .delivery_btn img + img { display: block; margin-right: 0px;  }
    .navbar-header .delivery_btn { min-width: auto !important; padding: 3px 5px; }


    .counting_modal .modal-dialog { max-width: 90% !important; }
    .counting_form {  max-width: 90%;}

    /* .sales_card_block .ci_block {  width: 100%; padding: 15px 10px;} */

    .selectItemsModal .modal-dialog { max-width: 95% !important;}
    .selectItemsModal .product_card { width: 47%; margin: 0px 1.5% 20px; }
    
}

@media (max-width: 700px) {

}

@media (max-width: 600px) {

  .ctr_blocks .common-btn { margin-bottom: 5px; }

  .plus_icon_dropdown .dropdown-menu { right: 0px !important; left: auto !important; }
  .profile_dropdown .dropdown-menu { right: 0px !important; left: auto !important; }

  .fir_bottom_row .fir_left .nav-tabs { width: 195px;}
  .add_customer_page .custom_radio_button .radio_input {width: 100%; }

  .modal-dialog { max-width: 95%; margin: 10px auto; }
  .modal-content .common-form-block .form-group label.form-label { max-width: 109px;}

  .fir_bottom_row .fir_right .form-group .input_field { width: 110px;}

  .edit_columns_block { display: block;}
  .ecb_left_col { width: 100%; padding: 10px 0px;}
    .ecb_rigth_col { width: 100%; padding: 10px 0px;}

    .parade_tables table { width: 620px;}

    .sales_category_block {padding: 15px;}
    .sales_card_block .chart_info { width: 100%;}
    .dash_common_card { height: auto;}
    .tcb_heading_row { display: block;}
    .tcb_heading_row .total_over_block { flex-wrap: wrap;}
    .tcb_heading_row .tob_box { margin-bottom: 5px; width: 47%; }
    .navbar-header .delivery_btn { min-width: 88px; padding: 3px 5px; margin-left: 5px; }
    .profile_dropdown { margin: 0px 5px;}

    .navbar-header .link_btn { margin-left: 5px; }

    .navbar-header .navbar-brand-box { max-width: 100px !important;}
    /* .navbar-header .logo { width: 100%;} */
    /* .navbar-header .logo img {width: 100%;} */

    .debt_list_block ul li { width: 46%;}

    .invoice_user_block { flex-wrap: wrap; }
    .iub_info {width: 100%; margin-bottom: 10px; }
    .ctr_page_link { margin-bottom: 20px;}

    .fir_bottom_row { flex-wrap: wrap; }
    .fir_bottom_row .fir_left { margin-bottom: 10px; width: 100%; }

    .sales_card_block { flex-wrap: wrap;  } 
    /* .sales_card_block .ci_block { width: 50%;} */
    .sales_card_block .chart_info { order: 2;}

    .table_footer > div { justify-content: unset !important; }
    .table_footer .label { min-width: auto; width: 100px; margin-right: 0px; }
    .table_footer { padding: 10px;}
    .table_footer .cl_group { margin: 5px 0px;}

    .pi_price { display: none !important; } 
    .eup_input { display: block !important; }
    .eup_input span { display: none !important; }
    .table_footer .eup_input input { width: 60px; }

    .cdn_row_block .form-group {width: 100%;}

    .product_card { width: 50%;}
    .modal .fir_bottom_row .fir_left  { width: fit-content; }
    .tab_filter_block { display: block; }
    .tab_filter_block .form-group { width: 100%; }

    .tab_filter_block .ts-control { border: 1px solid #D7D7D7 !important; margin-bottom: 10px;  padding: 5px 10px !important; }
    .tab_filter_block  .input-group { border: 1px solid #D7D7D7 !important; padding: 4px 10px; }
    .tab_filter_block .form-control { border: none !important; padding: 0px !important; }
    .tab_filter_block .input-group-text { border: none !important; padding-right: 0px !important; }

    .selectItemsModal .product_card { width: 90%; margin: 0px auto 20px; }

    .auth-form-content {padding: 30px 25px;}


}


@media (max-width: 500px) {

    .auth-full-page-content {display: block; }
    .auth_right_content { max-width: 100%; border-radius: 0px 0px 20px 20px; }


    /* .common-form-block .form-control { max-width: 100%;} */
    /* .common-form-block .quantity-group .form-control { max-width: 100%;} */
    /* .common-form-block .input-group { max-width: 100%;} */
    .Barcode_field { max-width: 100%; }

    .comparison_block { padding: 5px 15px; display: block;}
    .comparison_block .cl_group { margin-bottom: 8px; text-align: left !important; }

    .common-form-block .form-group label.form-label { max-width: 130px;}
    .input_field p {max-width: 147px;}

    .view_delivery_pdf_block { overflow-x: auto;}
    .view_delivery_pdf_block .vdpdf_block { width: 800px; }

    #invoiceslistModal .common-form-block form .form-group { width: 100%; }
    



}