* {margin: 0; padding: 0; box-sizing: border-box;}
body {font: 12px "tahoma"; height: 100vh; letter-spacing: 1px; background: #0067ff6e; user-select: none;}
body::-webkit-scrollbar {width: 0px;}
#bg_image {background: url('../img/bg.jpg') no-repeat center center fixed; background-size: cover; filter: blur(0px) opacity(0.3); min-height: 100vh; background-color: #0067ff6e; background-blend-mode: screen;}
a, a:hover, a:active, a:visited {text-decoration: none; color: #fff;}

.container {position: absolute; top: 50px; left: 0; width: 100%; height: calc(100vh - 75px); margin: 0 auto; overflow: auto;}
.container::-webkit-scrollbar, .enq_notify::-webkit-scrollbar, #enq-details::-webkit-scrollbar, .vehicle-stock-details::-webkit-scrollbar, .reg-form .row::-webkit-scrollbar, .online-user::-webkit-scrollbar, .offline-user::-webkit-scrollbar, .notification-body::-webkit-scrollbar {width: 3px;}
.container::-webkit-scrollbar-track, .enq_notify::-webkit-scrollbar-track, #enq-details::-webkit-scrollbar-track, .vehicle-stock-details::-webkit-scrollbar-track, .reg-form .row::-webkit-scrollbar-track, .online-user::-webkit-scrollbar-track, .offline-user::-webkit-scrollbar-track, .notification-body::-webkit-scrollbar-track {box-shadow: inset 0 0 6px rgba(f,0,0,0.3);}
.container::-webkit-scrollbar-thumb, .enq_notify::-webkit-scrollbar-thumb, #enq-details::-webkit-scrollbar-thumb, .vehicle-stock-details::-webkit-scrollbar-thumb, .reg-form .row::-webkit-scrollbar-thumb, .online-user::-webkit-scrollbar-thumb, .offline-user::-webkit-scrollbar-thumb, .notification-body::-webkit-scrollbar-thumb {background: #337ab7; outline: 1px solid #0d6efd;}
*::-webkit-scrollbar-thumb:hover {background: #eee;}

#daterange {font-size: 14px; color: #0142a3; margin: 8px 0; background: #fff; cursor: pointer; padding: 6px 6px !important; border: 1px solid #ccc; width: 270px; text-align: center; border-radius: 13px; margin-left: 50%; transform: translateX(-50%);}
#date_range_store {display: none;}
.online-user {background: #e1fff0; color: #12a733;}
.offline-user {background: #fff5f5; color: #f00;}
.online-user, .offline-user {height: calc(100vh - 132px); overflow: auto; margin-top: 6px; padding: 10px 6px;}

.online-user > div, .offline-user > div {padding: 4px 0; display: flex; align-items: center; justify-content: space-between;}
.online-user > div img, .offline-user > div img {width: 70px; border-radius: 50%; border: 3px solid #fff; background: #d3e5ff; margin-right: 10px;]}
.online-user > div span, .offline-user > div span {font-size: 17px;}
.online-user > div .signal {background: #00d742;}
.offline-user > div .signal {background: #f00;}
.online-user > div .signal, .offline-user > div .signal {float: right; width: 10px; height: 10px; border-radius: 50%;}
.user-left-align {display: flex; align-items: center;}
.user-left-align > span > i {color: #a94442; font-size: 14px; font-style: normal;}

.notification {background: #fff; margin-left: 10px; margin-right: 10px; padding: 4px; border-radius: 30%; cursor: pointer;}
.notification > img {width: 18px;}
.notification > .count-notification {min-width: 20px; position: absolute; color: #fff; background: red; transform: translate(calc(-50% - 22px), calc(-50% - 4px)); border-radius: 50%; padding: 3px 4px; text-align: center; font-weight: 700;}

.unoslider, .unoslider_slider_area {height: 124px !important;}
.unoslider_slider_area {max-width: 1140px !important;}
.unoslider_slider_area img {width: 100% !important; max-width: 1140px !important; height: auto !important;}

table thead tr th, table tbody tr td {text-align: center !important;}

.notification-bg {display: none; position: fixed; right: 0; top: 0; left: 0; bottom: 0; z-index: 99; background: rgb(0 0 0 / 30%);}
.notification-body {display: none; position: absolute; z-index: 100; text-align: right; min-height: 10px; max-height: calc(100vh - 73px); overflow: auto; top: 50px; right: 10px; background: #fff; width: 300px; box-shadow: 0px 1px 13px 3px rgb(0 0 0 / 50%);}
.notification-body ul .msg_seen {background: #f7f7f7;}
.notification-body ul .msg_unseen {background: #adf;}
.notification-body ul .msg_unseen:hover {background: #fff; cursor: pointer;}
.notification-body ul li {margin: 0 !important; width: 100%; padding: 4px; border-bottom: 1px solid #999; line-height: 18px;}
.notification-body ul li i {color: #0a58ca; font-style: normal; padding-right: 6px;}
.notification-body ul li b {color: #ff2f00 !important; font-weight: unset; font-size: 12px !important;}
.notification-body ul li b img {width: 14px;}
.notification-body ul li u {text-decoration: none; color: #046036; font-size: 10px;}

#full_hdr {width: 100%; height: 50px; position: absolute; top: 0; background-image: linear-gradient(to bottom right, #91bdff00, #0031651f);}
#hdr {max-width: 1140px; width: 100%; margin: 0 auto;}
#hdr nav {display: flex; width: 100%; align-items: center; flex-wrap: wrap; padding: 5px 0;}
#hdr nav .logo {width: 50px; cursor: pointer; margin: 0 0 0 10px;}
#hdr nav b {color: #f00; font-size: 20px; margin-left: 4px; text-shadow: 0px 0px 5px #fff;}
#hdr nav ul {flex: 1; text-align: right; margin-bottom: 0;}
#hdr nav ul li {display: none; list-style: none; margin: 10px 6px;}
#hdr nav ul li a {color: #fff; text-decoration: none; position: relative}
#hdr nav ul li a::after {content: ''; width: 0; height: 2px; position: absolute; bottom: -5px; left: 50%; transform: translateX(-50%); background: #fff; transition: width 0.3s;}
#hdr nav ul li .active-tab::after {width: 50%;}
#hdr nav ul li a:hover::after {width: 50%;}
#hdr nav .my_profile {cursor: pointer; width: 36px; height: 36px; background: #c2dbfe; border-radius: 50%; margin: 0 6px 0 0;}

.toggle {display: none !important; cursor: pointer; position: relative; width: 40px; height: 40px; margin: 0 6px 0 0; border-radius: 10px; box-shadow: 0 10px 20px rgba(0,0,0,0.08); display: flex; justify-content: center; align-items: center; overflow: hidden;}
.toggle span {position: absolute; width: 30px; height: 4px; background: #fff; border-radius: 4px; transition: 0.5s;}
.toggle span:nth-child(1) {transform: translateY(-10px); width: 20px; left: 5px;}
.toggle span:nth-child(2) {transform: translateY(10px); width: 12px; left: 5px;}
.toggle.active {background: #5e84b3;}
.toggle.active span:nth-child(1) {width: 30px; transform: translateY(0px) rotate(45deg); transition-delay: 0.125s;}
.toggle.active span:nth-child(2) {width: 30px; transform: translateY(0px) rotate(315deg); transition-delay: 0.25s;}
.toggle.active span:nth-child(3) {transform: translateX(40px);}

#profile_popup {display: none; position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.3); left: 0; top: 0; right: 0; bottom: 0; z-index: 15;}
#profile_contents {width: 150px; min-height: 10px; background: #fff; padding: 6px 16px 1px 6px; border-radius: 0 16px 0 0; box-shadow: -1px 2px 5px #0d6efd; position: absolute; top: 40px; right: 76px;}
#profile_contents nav ul {text-align: right;}
#profile_contents nav ul li {list-style: none; line-height: 20px; font-size: 14px;}
#profile_contents nav ul li a {color: #ff4700;}

#menu_list {display: none; position: fixed; width: 100%; background: rgba(0,0,0,0.3); left: 0; top: 50px; right: 0; bottom: 24px; z-index: 14;}
#menu_list #menu_list_item_area {width: 70%; float: right; margin: 0px 14px 0 0;}
#menu_list #menu_list_item_area nav ul {text-align: right; margin: 0;}
#menu_list #menu_list_item_area nav ul li {list-style: none; line-height: 30px; font-size: 21px; margin: 6px 0;}
#menu_list #menu_list_item_area nav ul li a {color: #198754; background: #ffffff; padding: 2px 10px 4px; border-radius: 33px;}

#cnt {max-width: 1140px; margin: 0 auto; padding-bottom: 4px; position: relative;}
#cnt > h2 {color: #fff; margin-bottom: 8px;}
#cnt > ul {list-style: inside circle;}
#cnt > ul > li {float: left; clear: both; color: #fff; font-size: 17px; line-height: 30px;}
#cnt > ul > li > a {text-decoration: none; color: #fff;}

#cnt .dir-address {background: none; color: #fff; min-height: 10px !important; font-size: 16px; margin: 6px 0;}

#cnt > .row > div > h3 {color: #f00; font-size: 21px; margin: 12px 0;}
#cnt > .row > div > p {color: #fff; font-size: 14px; text-align: justify;}

.reg-form .sticky {min-height: 32px !important; box-shadow: 0 3px 3px #0d6efd;}
/* .reg-form .sticky {min-height: 32px !important; position: sticky; top: 0; z-index: 11; background: #fff !important; box-shadow: 0 3px 3px #0d6efd;} */
.reg-form .sticky h2 {padding: 4px 0 0; color: #0d6efd;}
.reg-form h2 {color: #0d6efd; padding: 20px 0 0; font-size: 16px; font-variant: small-caps; text-align: center; margin: 0;}
.reg-form .row {background: #fff; margin: 6px 0; min-height: 112px; border-radius: 13px; padding: 0 20px; justify-content: center; align-items: center; overflow: auto;}





.reg-form .start-end-adj {margin: 0; min-height: 0 !important; border-radius: 0 !important; padding: 0 !important; display: flex; justify-content: space-between;}
.reg-form .start-end-adj div {text-align: center; font-size: 14px; color: #0142a3; padding: 0 !important;}
/* .reg-form .start-end-adj div div {padding-bottom: 4px;} */
.reg-form .start-end-adj div div input[type="date"] {width: 146px; height: 32px; margin-top: 6px; font-size: 14px;}









.reg-form .row h3 {font-size: 16px; color: #f00; padding: 20px 0 0;}
.reg-form .row select, .reg-form .row input[type=text], .reg-form .row input[type=number], .reg-form .row input[type=date], .reg-form .row input[type=password], .reg-form .row input[type=email] {width: 100%; color: #0a58ca; font-size: 18px; border: 1px solid #ddd; border-radius: 10px; outline: none; padding: 0 6px; height: 46px;}
.reg-form .row select:focus, .reg-form .row input:focus {border: 1px solid #0a58ca;}
#same_check {width: 40px; height: 18px !important;}
.reg-form .row textarea {color: #0a58ca; width: 100%; height: 74px; resize: none; outline: none; padding: 0 6px; line-height: 24px; font-size: 16px; border-radius: 10px; border: 1px solid #ccc;}
.reg-form .row textarea:focus {border: 1px solid #0a58ca;}
.reg-form .row #remarks {height: 38px; padding-top: 5px;}
.reg-form #submit {width: 100px;  height: 40px; color: #198754; border-radius: 10px; font-size: 18px; border: 1px solid #ccc; margin-bottom: 20px; background: #fff;}

.vehicle-stock-details {background: #fff;}
.vehicle-stock-details tbody tr {border: 1px solid #eee !important;}
#enq-details {display: block; background: #fff; margin-top: 10px; padding: 0 8px 0 6px; position: relative; height: calc(100vh - 114px); overflow: auto;}
.vehicle-stock-details {display: block; background: #fff; margin-top: 6px; padding: 0 8px 0 6px; position: relative; height: calc(100vh - 148px); overflow: auto;}
/* #enq-details, .vehicle-stock-details {display: block; background: #fff; margin-top: 10px; padding: 0 8px 0 6px; position: relative; height: calc(100vh - 120px); overflow: auto;} */
#enq-details table, .vehicle-stock-details table {border: 1px solid #ddd;}
#enq-details table tbody tr:nth-child(odd) {background: #fff;}
#enq-details table tbody tr:nth-child(even) {background: #f7f7f7;}
#enq-details #tbody_data tr > td > b {color: #4fcd4f; font-size: 31px; float: right; padding: 4px 0 0; line-height: 0;}
#enq-details #tbody_data tr > td > i {color: #f00; font-size: 31px; float: right; padding: 4px 0 0; line-height: 0; font-style: unset;}
#enq-details #tbody_data tr > td > .green_sign {color: #2da32d;}
#enq-details #tbody_data tr > td > .red_sign {color: #f00;}
#enq-details #tbody_data tr > td > u {color: #f00; text-decoration: none;font-weight: bold;}
.vehicle-stock-details table tbody tr:nth-child(odd) {background: #fff !important;}
.vehicle-stock-details table tbody tr:nth-child(even) {background: #f7f7f7 !important;}
#enq-details table th, .vehicle-stock-details table th {color: #fff; padding: 4px;}
#enq-details table tr, .vehicle-stock-details table tr {height: 30px; cursor: pointer;}
#enq-details table td, .vehicle-stock-details table td {color: #0142a3; padding: 4px;}
#enq-details table tr td:first-child, .vehicle-stock-details table tr td:first-child {width: 100px;}
#enq-details table th, .reg-form table td, .vehicle-stock-details table th, .vehicle-stock-details table td {border: 0 solid #fff;}
.search_area {display: flex; justify-content: center; flex-wrap: wrap;}
#srch_cust, #srch_exp {float: left; margin: 10px 8px 0 0; color: #0a58ca;}
#search_sales_cust_fld, #search_ins_ren_cust_fld, #search_exp_fld, #search_accs_fld {float: left; width: 250px !important; text-transform: uppercase; height: 34px; padding: 0 10px; border-radius: 15px; letter-spacing: 1px;}
#search_sales_cust_btn, #search_ins_ren_cust_btn, #search_exp_btn, #search_accs_btn, #add_exp_btn, #add_sales_enq_btn, #add_accs_btn {float: left; width: 80px; color: #2f59d3; height: 34px; border-radius: 15px; border: 1px solid #ddd; letter-spacing: 1px; margin-left: 10px;}

#search_sales_cust_btn, #search_ins_ren_cust_btn, #search_exp_btn, #search_accs_btn {background: #cee2ff; color: #0142a3;}
#search_sales_cust_btn:hover, #search_ins_ren_cust_btn:hover, #search_exp_btn:hover, #search_accs_btn:hover {background: #2f70d1; color: #fff;}
#add_exp_btn, #add_accs_btn, #add_sales_enq_btn {background: #d3ffd3; color: #168716;}
#add_exp_btn:hover, #add_accs_btn:hover, #add_sales_enq_btn:hover {background: #33cb33; color: #fff;}
.stockValue {margin-bottom: 14px; overflow: auto;}
.stockValue table tr th, .stockValue table tr td {text-align: right !important; padding-right: 30px !important;}
.stockValue table tr th:first-child, .stockValue table tr td:first-child {width: unset !important; text-align: left !important; padding-left: 30px !important;}
.stockValue table tr:last-child > td:first-child {text-align: right !important;}
.stockValue table tr th, .stockValue table tr td {font-size: 18px;}
.stockValue table tbody tr:last-child {font-weight: bold; background: #def9d2 !important;}
.stockValue table tbody tr:hover {background: #ccc !important;}
.table-list {width: 100%; overflow-x: auto;}

.table_holder {width: 100%; overflow: auto;}
.display_unpaid {width: 100%; min-width: 700px; border: 1px solid #ddd; margin: 0 auto; cursor: default;}
.display_unpaid thead {color: #fff; height: 30px; background: #0dcaf0;}
.display_unpaid tbody tr:nth-child(odd) {background: #fff;}
.display_unpaid tbody tr:nth-child(even) {background: #f7f7f7;}
.display_unpaid tr {height: 30px;}
.display_unpaid td {color: #32a570;}
.display_unpaid thead tr th:nth-child(1) {padding-left: 10px;}
.display_unpaid tbody tr td:nth-child(1) {padding-left: 10px;}

.hsrp_detailed_report_area {display: none;}

.count {background: #fff; color: #f00; padding: 0 6px; border-radius: 7px; font-weight: unset;}
#vehicle_transit_action {display: none; width: 100%; min-height: 50px; background: rgba(0,0,0,0.5); position: absolute; top: 0; left: 0; bottom: 0; padding: 10px;}
#vehicle_transit_action ul {list-style: none; padding: 0;}
#vehicle_transit_action ul li {background: #fff; color: #0a58ca; padding: 4px 10px; width: 350px;}
#vehicle_transit_action ul li button {border: 1px solid #ccc; color: #198754; border-radius: 11px; padding: 0 6px;}
#vehicle_transit_action ul li button:last-child {margin-left: 10px; color: #f00;}

#table-data-list {border: 1px solid #e4e4e4; font-size: 12px !important;}
#table-data-list thead {position: sticky; top: 0; background: #337ab7;}
#table-data-list thead th {border: 0;}
#table-data-list_length {margin: 6px 0 0;}
#table-data-list_length > label {color: #0142a3;}
.dataTables_filter {margin: 6px 0 2px; color: #0142a3 !important;}
ul.flexi{display:flex; gap:1px; padding:0;margin:0; list-style:none;}
ul.flexi li {width: 100%; padding:0;margin:0; background: #777;}

#table-data -list_wrapper {width: 336px; overflow: scroll;}

.dt-buttons {margin: 6px 0 2px;}
.dt-buttons button {border-radius: 15px; color: #0142a3; font-size: 13px; outline: #0a58ca; border: 1px solid #ddd; padding: 4px 12px; background: transparent; height: 30px;}
.dt-buttons button:hover {border-color: #bbb !important;}

#close-enq-popup, #close-sales-popup, #close-quotation-popup {cursor: pointer; width: 26px; height: 26px; background: #0a58ca; border-radius: 33px; font-size: 20px; padding: 0 8px; color: #fff; margin: -8px 0 0 2px; z-index: 7;}
#close-insurance-details-popup {cursor: pointer; width: 26px; height: 26px; background: #0a58ca; border-radius: 33px; font-size: 20px; padding: 0 8px; color: #fff; margin: -361px -27px 0 0; z-index: 9;}
#enq-popup, #sales-popup, #quotation_receipt, #generate_payement_receipt {display: none; position: relative; background: #fff; padding: 10px 0 10px;}
#enq-popup .hdr-lft {float: left; padding: 0 0 0 6px; font-size: 16px; color: #dc3545; text-decoration: underline;}
#enq-popup .hdr-rgt {float: right; padding: 0 40px 0 0; font-size: 16px; color: #0d6efd; text-decoration: underline;}

#enq-popup .hdr-line {clear: both; min-height: 22px;}

#findRemarks li b {color: #fff; background: #ff7600; padding: 0 6px 1px;}
#findRemarks li u {text-decoration: none; color: #fff; background: #0d6efd; padding: 0 8px;}
#findRemarks li i {color: #ff7600; font-style: inherit;}
#findContact a {color: #198754 !important}

ul.enquiry-list {list-style: none !important; padding: 0; margin: 10px 0;}
ul.enquiry-list > li {font-size: 12px; clear: both; line-height: none !important; float: none !important; line-height: 18px !important; margin: 10px 0;}
ul.enquiry-list > li .label {width: 110px; font-size: 12px !important; color: #198754; float: left; text-align: right;}
ul.enquiry-list > li .content-text {font-size: 14px !important; color: #0a58ca; overflow-y: hidden; padding-left: 10px; -ms-overflow-style: none; scrollbar-width: none;}
ul.enquiry-list > li .content-text::-webkit-scrollbar {display: none;}
ul.enquiry-list > li .content-text input[type="date"], .content-text select {border: 1px solid #ddd; padding: 2px 10px; color: #0a58ca; width: 150px; border-radius: 13px;}
ul.enquiry-list > li .content-text textarea {border: 1px solid #ddd; padding: 6px; color: #0a58ca; width: 180px; height: 70px; resize: none; border-radius: 13px;}
ul.enquiry-list > li .content-text input[type="submit"] {color: #fff; border-radius: 13px; border: 1px solid #dcdcdc; padding: 4px 10px; background: #23ce23;}
ul.enquiry-list > li .content-text ol li {color: #0a58ca !important; font-size: 14px !important; line-height: 16px !important;}

ul.enquiry-list > li ol {list-style: none; padding: 0; margin: 0;}
ul.enquiry-list > li ol > li {line-height: 18px; padding: 6px 0;}
#conversation {float: left; width: 100%; overflow-y: scroll; max-height: 210px; -ms-overflow-style: none; scrollbar-width: none;}
#conversation::-webkit-scrollbar {display: none;}
#conversation li:nth-child(odd), .display_remarks li:nth-child(even) {background: #f7f7f7;}
.cust_id {color: #fff; background: #0dcaf0; padding: 0 6px; margin-left: 10px; border-radius: 10px; cursor: pointer;}

.enq_notify {padding: 0 10px; margin: 10px 6px 0; border: 1px solid #337ab7; height: calc(100vh - 210px); overflow: auto;}
.enq_notify > ul {width: 100%; display: flex; flex-wrap: wrap; list-style: none; margin-bottom: 0; align-items: center;}
.enq_notify > ul > li {width: 100%; color: #0a58ca; font-size: 14px; line-height: 16px; margin: 4px 0; padding: 4px 0; background: #f7f7f7;}
.enq_notify > ul > li b {color: #ff7600; font-weight: unset;}
.enq_notify > ul > li i {color: #198754;}

#cnt .marketing-feed {display: flex; justify-content: space-evenly;}
#cnt .field-upload, #cnt .field-report {width: 100px; height: 100px; background: linear-gradient(45deg, #0a58ca, transparent); font-size: 18px; text-align: center; padding-top: 40px; color: #fff; border-radius: 50px; box-shadow: 1px 1px 5px #0d6efd;}

#user-login {display: flex; flex-wrap: wrap; align-items: center; justify-content: center; height: 380px;}
#user-login img {width: 150px;}
#user-login h2 {color: #f00; font-size: 27px;}
#user-login h3 {color: #fff; margin: 10px 0 4px 0; font-size: 17px;}
#user-login h4 input {width: 100%; border: 2px solid #dee2e6; height: 40px; font-size: 17px; color: #0d6efd; border-radius: 20px; outline: none; text-align: center;}
#user-login h4 input:focus{border: 2px solid #32d98b;}
#user-login h4 input[type="submit"] {background: #fff; margin: 16px 0 0; width: 100px;}
#user-login h5 {color: #f00; text-align: center; font-size: 17px; margin-top: 10px; font-weight: 700;}

#logo img:first-child {width: 50px; margin-left: 10px; padding-top: 10px; position: absolute; z-index: 5;}
#logo h2 {color: #f00; font-size: 16px; margin: 20px 0 0 62px; text-align: left !important;}

#log-out-holder {position: absolute; text-align: right; max-width: 1140px; padding: 0; margin-left: 10px;}

.user-icon {position: relative; top: 17px; right: 22px;}
.user-icon img {float: right; width: 30px; cursor: pointer; border-radius: 50%;}
.user-icon span {float: right; margin: 4px 6px 0 0; color: #fff; font-size: 14px;}

#log-out {z-index: 10; display: none; float: right; width: 150px; min-height: 10px; position: relative; top: 42px; margin-right: -40px; background: #fff; border-radius: 0 16px 0 0; padding: 6px 16px 0 6px; box-shadow: -1px 2px 5px #0d6efd;}
#log-out h3 {font-size: 16px; color: #198754; text-align: right; padding: 0;}
#log-out h4, #log-out h4 a {font-size: 16px; color: #f92a3e; text-align: right;}

#log-out a, #log-out a:active, #log-out a:hover, #log-out a:visited {color: #ff4700;}

#slider .unoslider {width: 100% !important; min-height: 10px !important;}

.payment_pending {color: #f00; font-size: 23px;}

.about-us {color: #fff; padding: 0 15px;}
.about-us h5 {text-decoration: underline; padding-bottom: 18px; font-size: 23px;}
.about-us p {font-size: 15px; line-height: 20px;}
.about-us > div {padding: 0 0 16px;}
.about-us > div > div {background: #0d6efd; padding: 10px 20px; border-radius: 33px; margin: 0; box-shadow: 0px 3px 7px #f8f9fa;}

.model {min-height: 160px !important;}
.model ol li {display: inline-block; background: #0dcaf0; padding: 4px 8px;margin: 3px 2px; color: #fff; border-radius: 13px;}
#add_model, #update_button {width: 100px; height: 40px; color: #198754; border-radius: 10px; font-size: 21px; border: 1px solid #ccc; margin-bottom: 20px; background: #fff;}
#available-model li, #available-source li, #available-source-type li, #available-model-color li, #available-department-position li {cursor: pointer;}
.findInvoice, .findVehicleKey, .findFrame, .findEngine {border: 1px solid #ccc; width: 100px; border-radius: 17px; padding: 0 10px; color: #dc3545; outline: none;}
.findFrame {width: 190px;}
.findEngine {width: 150px;}

.user-update {padding: 10px 20px !important;}
.user-update ul {display: contents; list-style: none;}
.user-update ul li {color: #0d6efd; font-size: 17px; line-height: 30px; margin: 4px 0;}
.user-update ul li span {width: 100%; float: left; line-height: 38px;}
.user-update ul li input {height: 38px !important;}
.user-update ul li select {height: 38px !important;}

#edit-entry, #update-entry {min-width: 70px; color: #fff; border: 1px solid #e3e3e3; border-radius: 13px; padding: 0 10px;}
#key_field_one {width:120px; height: 38px;}
#lastname {margin-left: 0 !important;}
#update, #track, #create_part {min-width: 100px; padding: 0 6px; margin-top: 10px; color: #fff; border: 1px solid #ccc; border-radius: 13px; background: #03ab5d;}
#track, #create_part {background: #ccc;}
#cancel_entry_yes, #cancel_entry_no {display: none; margin: 0 6px; width: 50px; border: 1px solid #ccc;}
#cancel_entry_yes:hover, #cancel_entry_no:hover {background: #fff;}
.update {min-width: 100px; height: 38px !important; color: #fff; border: 1px solid #ccc; border-radius: 13px; background: #03ab5d; padding: 0 10px;}
#cancel, .cancel {width: 100px; height: 38px !important; color: #fff; border: 1px solid #e9ecef; border-radius: 13px; background: #dc3545;}
#reset_pw {width: 140px; height: 38px; color: #fff; margin-left: 10px; border: 1px solid #ccc; border-radius: 13px; background: #dc3545; outline: none;}
#update_username, #cancel_username, #update_pw, #cancel_change_pw {display: none;}
.profile_photo {width: 160px; height: 160px; background: rgb(13 110 253 / 25%); margin: 0 auto; border-radius: 50%; box-shadow: 0px 5px 11px #3a3a3a; position: relative; background-position: center; overflow: hidden;}
#change_profile_photo {position: absolute; bottom: 0; outline: none; color: transparent; background: rgba(0,0,0,0.5); opacity: 0; width: 100%; box-sizing: border-box; padding: 15px 0; cursor: pointer; transition: 0.5s;}
#change_profile_photo::-webkit-file-upload-button {visibility: hidden;}
#change_profile_photo::before {content: ''; background-image: url(../icon/camera.png); background-size: 100% 100%; display: inline-block; -webkit-user-select: none; width: 30px; height: 30px; margin: 0 0 -4px 62px;}
#change_profile_photo::after {content: 'Update'; color: #fff; display: block; font-size: 13px; margin: 0 0 -8px 56px;}
#change_profile_photo:hover {opacity: 1;}

#sale-update a span {margin-left: 10px; color: #fff; background: #00f !important; padding: 4px 10px; border-radius: 13px;}

#fy, #fy_month, #accs_register {width: 100px; height: 27px; color: #fff; border-radius: 13px; font-size: 18px; padding: 0 6px; outline: none; border: none; border-bottom: 1px solid #fff; background: transparent;}
.financier_drop_down {width: 100px; height: 27px; color: #fff; border-radius: 13px; font-size: 18px; padding: 0 6px; outline: none; border: none; border-bottom: 1px solid #fff; background: transparent;}
#fy_month {width: 70px;}
#fy option, #fy_month option, #accs_register option, #financier option {background: #337ab7;}
.report {color: #fff !important; padding: 0 !important;}
.report-body {padding: 0 10px !important; margin: 0 !important;}
.report-body div {color: #fff; width: 140px; min-height: 100px; margin: 6px; padding: 0 0 6px 0; background-image: linear-gradient(to bottom right, #00bfff, #740dfd); border-radius: 0 0 23px 23px; box-shadow: 1px 5px 7px #f5f5f5;}
.report-body div h6 {text-align: center; background-image: linear-gradient(to bottom right, #00bfff, #5d00d8); margin: 0 0 10px; padding: 4px 0 4px; box-shadow: 0px 3px 7px #2b2b2b;}
.report-body div ul {margin: 0; padding: 0 0 0 10px;}
.report-body div ul li {list-style: none; line-height: 24px !important; font-size: 13px !important;}
.report-body div ul li b {font-weight: unset; float: left; width: 62px;}
.report-body div ul li span {color: #0a58ca; background: #fff; padding: 0 6px; border-radius: 13px; margin-right: 10px; float: right; height: 21px;}
.report-body > div > ul > li > hr {margin: 6px 10px 6px 0; border-top: 1px solid #399cff;}
#price-list {width: 100%; overflow: auto;}
#price-list table {min-width: 696px; color: #0142a3; font-size: 14px;}
#price-list table thead {background: #dff0d8; height: 30px; color: #0a58ca;}
#price-list table thead > tr {text-align: center;}
#price-list table thead > tr > th {padding-right: 10px; text-align: center !important;}
#price-list table tbody > tr {height: 24px; text-align: right;}
#price-list table tbody > tr:nth-child(odd) {background: #fff;}
#price-list table tbody > tr:nth-child(even) {background: #f7f7f7}
#price-list table tbody > tr:hover {background: #ccc;}
#price-list table tbody > tr > td {padding-right: 10px;}
#price-list table tbody > tr > td:first-child {text-align: left; padding-left: 10px;}
#get_price {color: #0a58ca; border: 1px solid #dee2e6; border-radius: 17px; padding: 0 16px; background: #f8f9fa;}
#get_price:hover {background: #a3f0ff;}
#fetch_data {color: #fff; background: #0a58ca; width: 80px; border: 1px solid #e9ecef; border-radius: 13px;}
#payment_date, #get_cust_name, #sale_date {width: 100%; height: 34px;}

#generate_receipt {width: 800px; min-height: 300px; margin: 0 auto; border: 1px solid #e9ecef;}
#generate_receipt > h5 {font-size: 18px; background: #0dcaf0; text-align: center; color: #fff; padding: 6px 0;}

.company_hdr {height: 120px; padding-top: 20px;}
.company_hdr_lft {width: 300px; float: left;}
.company_hdr_lft img {width: 70px; float: left;}
.company_hdr_lft h3 {float: left; padding: 14px 0 0 10px !important; font-size: 21px !important;}
.company_hdr_rgt {width: 320px; float: right; padding-right: 10px; text-align: right;}
.company_hdr_rgt p {font-size: 15px;}

.invoice_hdr {height: 330px;}
.invoice_hdr .invoice_hdr_lft {float: left; width: 400px; height: 146px; padding: 10px;}
.invoice_hdr .invoice_hdr_lft > h5 {font-size: 17px; text-decoration: underline; font-weight: bold;}
.invoice_hdr .invoice_hdr_lft > ul {list-style: none !important; padding: 0;}
.invoice_hdr .invoice_hdr_lft > ul > li {font-size: 14px !important; clear: both; color: #000 !important;line-height: 20px !important;}
.invoice_hdr .invoice_hdr_lft .label_lft {float: left; width: 70px;}
.invoice_hdr .invoice_hdr_lft .cust_name {float: right; width: 294px;}
.invoice_hdr .invoice_hdr_lft .care_of {float: right; width: 294px;}
.invoice_hdr .invoice_hdr_lft .address {float: right; width: 294px;}
.invoice_hdr .invoice_hdr_lft .contact {float: right; width: 294px;}
.invoice_hdr .invoice_hdr_lft .purchase_type {float: right; width: 294px;}
.invoice_hdr .invoice_hdr_lft .financier {float: right; width: 294px;}
.invoice_hdr .invoice_hdr_rgt {float: right; width: 220px; padding: 30px 10px 10px;}
.invoice_hdr .invoice_hdr_rgt > ul {list-style: none !important; padding: 0;}
.invoice_hdr .invoice_hdr_rgt > ul > li {font-size: 14px !important; color: #000 !important;line-height: 20px !important;}
.invoice_hdr .invoice_hdr_rgt .label_lft {float: left; width: 100px;}

.invoice_desc {height: 400px;}
.invoice_desc table {width: 100%; font-size: 15px;}
.invoice_desc table thead {background: #8decff; height: 30px;}
.invoice_desc table thead tr th {text-align: center;}
.invoice_desc table tbody {line-height: 26px;}
.invoice_desc table tbody tr:nth-child(odd) {background: #f8f9fa;}
.invoice_desc table tbody tr:nth-child(even) {background: #e9ecef;}
.invoice_desc table tbody tr td:first-child {padding-left: 10px;}
.invoice_desc table tbody tr td:nth-child(2) {text-align: right; padding-right: 10px;}

.sign_section {height: 170px;}

#frame_label {cursor: pointer; transition: .5s ease-in-out;}
#frame_label:hover {color: #fff; background: #f00; padding: 0 10px;}

#enq_quotation {border: 1px solid #ccc; height: 28px; border-radius: 13px; padding: 0 8px; color: white; background: #8500ff;}
#veh_booking {border: 1px solid #ccc; height: 28px; border-radius: 13px; padding: 0 8px; color: white; background: #0d6efd;}
#pay_bill {border: 1px solid #ccc; height: 28px; border-radius: 13px; padding: 0 8px; color: white; background: #ffc107;}

#transit_report {width: 100%; border: 1px solid #ccc; margin: 10px 0 8px;}
#transit_report thead {background: #2285db; height: 30px; color: #fff;}
#transit_report th, #transit_report td {border: 1px solid #ccc;}
#transit_report th {text-align: center;}
#transit_report tbody {color: #fff; font-size: 14px;}
#transit_report tbody > tr {background: #337ab7;}
#transit_report tbody tr td .zero {color: #ffffff3d; font-style: normal;}
#transit_report tbody tr td {text-align: center;}
#transit_report tbody tr td:nth-child(1) {text-align: left; padding-left: 10px;}
#transit_report tbody > tr:hover {background: #fff; color: #337ab7;}

#print_btn {position: absolute; float: right; right: 0; top: 0; color: #198754; padding: 2px 10px; border-radius: 13px; background: #fff; border: 1px solid #0d6efd; outline: none;}
#print_btn:hover {background: #198754; color: #fff;}

.enq-nav {display: flex; text-align: center; padding: 0 !important; margin: 0 !important; align-items: center; color: #0d6efd; font-size: 13px; min-height: 20px !important;}
.bg1 {background: #f8f9fa; padding: 0 !important;}
.bg2 {background: #e9ecef; padding: 0 !important;}
.enq-nav > div {cursor: pointer; width: 100%; height: 42px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.enq-nav > div > span {width: 100%;}
.enq-nav > div > b {font-weight: unset; width: 100%;}
.active-nav {color: #fff; background: #18af69;}

.date_n_time {width: 150px !important;}

.regn-report {padding: 10px !important; min-height: 60px !important;}
.regn-report > select {width: 100% !important; text-align: center; font-size: 23px !important;}

#regn_report_pop_up {position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgb(0 0 0 / 8%); display: none;}
#regn_report_pop_up .fields_area {width: 170px; height: 90px; background: #fff; position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 10px;}
#regn_report_pop_up .fields_area input {width: 100%; height: 30px; font-size: 14px; color: #0a58ca; border-radius: 10px; outline: none; border: 1px solid #ddd; margin-bottom: 10px; padding: 0 6px;}
#regn_report_pop_up .fields_area .submit {color: #fff; width: 80px; height: 30px; border-radius: 13px; border: 1px solid #e9ecef; background: #198754; margin: 0 5px;}
#regn_report_pop_up .fields_area .cancel {width: 54px; height: 30px !important;}

.sl_width thead tr th:nth-child(1), .sl_width tbody tr td:nth-child(1) {width: 30px !important;}
.sl_width thead tr th:nth-child(2), .sl_width tbody tr td:nth-child(2) {width: 90px !important;}
.sl_width thead tr th:nth-child(2).cust_name_adj {width: auto !important;}

#finance_register {visibility: hidden; display: flex; position: absolute; width: 100%; top: 22px; background: rgb(0 0 0 / 20%); height: calc(100vh - 114px);}
#finance_register .user-update #remarks_store {width: 100%; height: 100px; border: 1px solid #ddd; border-radius: 13px; padding: 4px 6px 0; overflow-y: auto;}
#finance_register .user-update #remarks_store ol li {width: 100% !important; margin: 0; font-size: 14px;}
#finance_register .user-update #remarks_store ol li i {color: #ff7600;}
#finance_register .user-update .remarks textarea {height: 68px; width: 100% !important;}

.opening_stock {border: 1px solid #ddd; padding: 6px 10px; border-radius: 33px;}
.show_day_wise_sales_report_btn {cursor: pointer; transition: auto; position: fixed; top: 100%; left: 50%; width: 130px; height: 24px; color: #198754; font-weight: bold; padding: 4px 10px; z-index: 1; margin: -50px 0 0 -63px; background: #fff; border: 1px solid #ccc; border-radius: 33px 33px 0 0;}
.day_wise_sales_report_area {width: 10px; height: 10px; background: #fff; position: fixed; bottom: 24px; left: 50%; margin: 0 0 0 -5px; transition: 1s;}

#print_manual_book {width: 80px; height: 80px; margin-left: 10px; border-radius: 17px; display: flex !important; align-items: center; justify-content: center; background: #efefef; flex-wrap: wrap;}
#print_manual_book b {font-size: 17px;}
#print_manual_book #print, #print_manual_book #close {width: 100%; height: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer;}
#print_manual_book #print {color: #4fbf4f; background: #e6ffe6; border-radius: 17px 17px 0 0;}
#print_manual_book #close {color: #ff5757; background: #ffe7e7; border-radius: 0 0 17px 17px;}
#print_manual_book #print:hover {background: #078707; color: #fff;}
#print_manual_book #close:hover {background: #f00; color: #fff;}

#ftr {width: 100%; color: #fff; clear: both; position: fixed; bottom: 0; padding: 4px 0; z-index: 3; }
#ftr h6 {font-size: 12px; text-align: center; margin: 0;}

@media (max-width: 820px){
	.toggle {display: flex !important;}
	.reg-form .row {align-items: unset;}
}
@media (min-width: 576px) {
	#daterange {margin-left: unset; transform: unset;}
	.enq_notify {height: calc(100vh - 194px);}
	#hdr nav b {font-size: 21px; margin-left: 6px;}
	#cnt > ul > li {margin-left: 30px;}
	ul.enquiry-list > li .label {width: 170px;}
	ul.enquiry-list > li .content-text textarea {width: 250px;}
	#user-login h4 input {width: 350px;}
	#table-data-list_length {float: left; width: 150px;}
	#table-data-list_filter {float: right; width: 260px;}
	.user-update ul li span {width: 156px;}
	#log-out-holder {width: 528px; margin: 0;}
	#ftr > .row {padding: 0 10px 0 0;}
	.working-hour-adj {margin-right: 0 !important;}
	#logo h2 {font-size: 21px;}
	#update, #track, #ref_update {margin-top: 0;}
	.user-icon span {font-size: 16px;}
	.start-end-adj .left-align {text-align: left !important;}
	.start-end-adj .right-align {text-align: right !important;}
	#update, #ref_update {margin-left: 156px;}
	.update {margin-left: 156px;}
	#ftr h6 {font-size: 14px;}
	.unoslider_slider_area {height: 192px !important;}
	.featured-photo {height: 214px !important;}
	#slider, #slider .slider-container, #slider .unoslider {height: 196px !important;}
	.unoslider_indicator {bottom: 6px;}
	.user-update > ul > li > input[type="text"] {width: 250px !important;}
	.user-update > ul > li > input[type="email"] {width: 250px !important;}
	.user-update > ul > li > input[type="date"] {width: 250px !important;}
	.user-update > ul > li > input[type="password"] {width: 250px !important;}
	.user-update > ul > li > input[type="number"] {width: 250px !important;}
	.user-update > ul > li > select {width: 250px !important;}
	.user-update > ul > li > textarea {width: 250px !important;}
	#payment_date, #sale_date {width: 170px;}
}

@media (min-width: 821px){
	#hdr nav ul li {display: inline-block;}
	#profile_contents {right: 46px;;}
}

@media (min-width: 768px) {
	#profile_contents {left: 560px; right: 0;}
	#hdr nav ul li {margin: 10px 8px;}
	ul.enquiry-list > li .content-text textarea {width: 300px;}
	#logo h2 {text-align: center !important; font-size: 25px;}
	#log-out-holder {width: 708px;}
	.enq-nav {font-size: 15px;}
	.box-adj2 {padding-right: 20px !important;}
	.report {margin-top: -30px;}
	.unoslider_slider_area {height: 258px !important;}
	.featured-photo {height: 280px !important;}
	#slider, #slider .slider-container, #slider .unoslider {height: 262px !important;}
	.unoslider_indicator {bottom: 8px;}
	.online-user, .offline-user {padding: 10px 10px;}
	.online-user > div span, .offline-user > div span {font-size: 21px}
}

@media (min-width: 992px) {
	/* .notification-body {margin-left: 593px;} */
	#profile_contents {left: 782px;}
	#hdr nav b {font-size: 23px;}
	#hdr nav ul li {margin: 10px 20px;}
	.notification {margin-right: 20px;}
	ul.enquiry-list > li .label {width: 250px;}
	ul.enquiry-list > li .content-text textarea {width: 350px;}
	.box-adj1 {padding-right: 20px !important;}
	#log-out-holder {width: 948px;}
	.user-update ul li {float: left; width: 420px !important; margin-right: 20px;}
	.enq-nav {font-size: 17px;}
	.unoslider_slider_area {height: 348px !important;}
	.featured-photo {height: 370px !important;}
	#slider, #slider .slider-container, #slider .unoslider {height: 352px !important;}
	.unoslider_indicator {bottom: 10px;}
	#department {width: 250px;}
	.table-list {overflow-x: unset;}
	.user-update ul .remarks {width: 100% !important; margin-right: 0 !important;}
	/* .reg-form .row textarea {width: calc(100% - 192px) !important;} */
	#finance_register .user-update #remarks_store {width: calc(100% - 192px);}
	#finance_register .user-update .remarks textarea {width: calc(100% - 192px) !important; height: 36px;}
}

@media (min-width: 1199px) {
	.notification-body {right: calc(calc(calc(100% - 1140px) / 2) + 20px);}
	#hdr nav .logo, #hdr nav .my_profile {margin: 0;}
	#profile_contents {left: 1070px;}
	.profile_photo {right: 110px;}
	#hdr nav ul li {margin: 10px 30px;}
	.notification {margin-right: 30px;}
	#log-out-holder {width: 1128px;}
	.unoslider_slider_area {height: 414px !important;}
	.featured-photo {height: 438px !important;}
	#slider, #slider .slider-container, #slider .unoslider {height: 418px !important;}
	.unoslider_indicator {bottom: 10px;}
	.online-user, .offline-user {padding: 10px 20px;}
	.online-user > div > span, .offline-user > div > span {font-size: 23px}
}

@media print {
	* {-webkit-print-color-adjust: exact !important;}
	#generate_receipt > h5 {background: #f8f9fa !important;}
	.invoice_desc > table > thead > tr {background: #e9ecef !important; height: 30px !important;}
	.invoice_desc > table > tbody > tr:nth-child(odd) {background: #f8f9fa !important;}
	.invoice_desc > table > tbody > tr:nth-child(even) {background: #e9ecef !important;}
	.invoice_desc > table > tbody > tr.bg_transparent {background: #fff !important;}
	.invoice_desc > h3 {background: #f8f9fa !important;}
	.invoice_desc table tbody tr td:nth-child(1) {text-align: left !important;}
	.invoice_desc table tbody tr td:nth-child(2) {text-align: right !important;}
	#mb-label {padding-top: 0px !important;}
	#mb-label table {float: left; width: 330px; height: 130px; font-size: 11px;}
	#mb-label .warranty_label tr td:nth-child(2) {width: 132px;}
	#mb-label .warranty_label tr:nth-child(2) {height: 42px;}
}