@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700&display=swap");

.main_title_tex {
  font-size: 18px;
  margin: 10px 0px;
  padding-top: 20px;
}

.color-green {
  color: #00823b;
}

.header_contet_box p {
  font-size: 16px;
}

.delivery_content_ara {
  margin-top: 15px;
}

.delivery_content_ara h1 {
  font-size: 16px;
}

.delivery_content_ara ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
}

.delivery_content_ara {
  font-size: 16px;
}

.color-red {
  color: #c90c0c;
}

.margin-top-40 {
  margin-top: 40px;
}

.signed_content_area h1 {
  font-size: 16px;
}

.sign_area {
  height: 80px;
}

.disable_row {
  opacity: 0.5;
}

.disable_row span {
  cursor: inherit
}

.code_varification_screen {
  margin-top: 80px;
}

.customer_otp {
  margin-top: 20px;
  font-size: 18px;
  font-weight: 600;
}

.floatnone {
  float: none;
  margin: auto;
}

.center_block input {
  height: 40px;
  width: 80px;
  border-radius: 0px;
  text-align: center;
  font-size: 22px;
}

.verify_number td {
  padding-left: 8px;
  padding-right: 8px;
}

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

.margin-top-20 {
  margin-top: 20px;
}

.send_btn {
  width: 100%;
}

.form-has-error .required {
  border: 1px solid red;
}

.form-element-hint {
  display: none !important;
}

.sign_area.signature_btn {
  background: #fff none repeat scroll 0 0;
  border: 2px dotted #dde6e9;
  cursor: pointer;
  font-size: 20px;
  padding-top: 22px;
  text-align: center;
}

.form-element {
  margin-bottom: 15px;
}

.img_box_area {
  margin-bottom: 20px;
  margin-top: 40px;
}

.img_box_area img {
  max-height: 150px;
  margin: auto;
  max-width: 320px;
}

.partner_logo_text {
  font-size: 23px;
  margin-top: 15px;
}

.forgot_pwd {
  margin-top: 10px;
}

.flag_img {
  width: 20px;
}

/* Templete Css */
.table_main {
  margin: auto;
  border: 2px solid #f7f7f7;
  padding: 10px;
  border-radius: 5px;
  max-width: 450px;
}

.table_logo {
  padding: 20px 0px;
  text-align: center;
}

.quote_heading {
  text-align: center;
}

.color_green {
  color: #00823b;
}

.color_red {
  color: red;
}

.table_heading th {
  border-top: 2px solid #ddd;
  padding-top: 20px;
  text-align: left;
  padding-bottom: 10px;
}

.period_detail td {
  padding-bottom: 10px;
  line-height: 25px;
}

.color_grey {
  color: #333;
}

.table_heading td {
  padding-bottom: 10px;
}

.table_border {
  border-top: 2px solid #ddd;
}

.Rental_total {
  text-align: right;
  border-top: 2px solid #ddd;
  padding-top: 20px;
  padding-right: 20px;
}

.Total_rs {
  border-top: 2px solid #060606;
  padding-top: 10px;
  font-weight: bold;
}

.text_center {
  text-align: center;
}

.button_green {
  background: #009e0f;
  padding: 20px 0px;
  text-align: center;
  color: #fff;
  border: 2px solid #060606;
  font-weight: bold;
  width: 100%;
  font-size: 16px;
  cursor: pointer;
}

.button_blue {
  background: #2b78e4;
  padding: 20px 0px;
  text-align: center;
  color: #fff;
  border: 2px solid #060606;
  font-weight: bold;
  width: 100%;
  font-size: 16px;
  cursor: pointer;
}

.button_red {
  background: #cf2a27;
  padding: 20px 0px;
  text-align: center;
  color: #fff;
  border: 2px solid #060606;
  font-weight: bold;
  width: 100%;
  font-size: 16px;
  cursor: pointer;
}

.list_table_icon {
  text-align: right;
}

.list_table_icon img {
  margin-left: 20px;
}

.sidebar-subnav>li>a:hover {
  text-decoration: none !important;
}

.ms-options-wrap>button:focus,
.ms-options-wrap>button {
  border-color: #dde6e9 !important;
}

.header-inner-block {
  background-color: #f2f2f2;
  height: 55px;
}

.header-block {
  padding-top: 31px;
}

.green-tagline {
  background-color: #17a550;
  height: 100%;
  font-weight: 600;
  font-size: 25px;
  padding: 8px 50px;
  position: relative;
}

.green-tagline::after {
  content: "";
  width: 0;
  height: 0;
  border-left: 23px solid transparent;
  border-right: 22px solid transparent;
  border-bottom: 23px solid #f2f2f2;
  position: absolute;
  right: -25px;
  bottom: 0px;
}

.w-50 {
  width: 50%;
}

.logo-image {
  margin-top: -20px;
  position: relative;
}

.logo-image .customer-portal-menu:focus,
logout-btn:focus {
  color: #17a550;
}

.background-white {
  background-color: white;
}

.login-content-block {
  padding-top: 116px;
}

.form-login-input {
  background-color: #f3f3f3;
  border: 1px solid #8f8d8e;
  padding: 6px;
  border-radius: 0px;
}

.email-title {
  font-weight: 600;
  font-size: 18px;
  color: #565656;
}

.d-flex {
  display: flex;
}

.flex-row {
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}

.flex-wrap {

  flex-wrap: wrap;
}

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

.form-title {
  flex: 0 0 150px;
}

.w-100 {
  width: 100%;
}

.button-login button {
  background-color: #18a550;
  width: 100%;
  text-align: center;
  color: #fff;
  padding: 6px 10px;
  border: 0px;
  font-size: 19px;
  font-weight: 300;
  margin-top: 15px;
}

.content-heading-block {
  width: 380px;
  z-index: 1;
  padding-top: 28px;
}

.justify-content-end {
  justify-content: flex-end;
}

.customer-login img {
  max-width: 650px;
  position: relative;
  left: -84px;
}

.logo-image {
  margin-right: 35px;
}

.block-content-area {}

.content-block {
  padding: 15px 20px;
}

.unassigned-task {
  background-color: #f3f3f3;
  border: 2px solid #17a54f;
  padding: 6px 18px;
  font-size: 11px;
}

.unassigned-task-title {
  font-size: 11px;
  display: block;
  line-height: 13px;
}

.unassigned-task-count {
  font-size: 33px;
  color: #17a550;
  display: block;
  line-height: 39px;
  position: relative;
  top: 3px;
}

.move-assets {
  margin-left: 50px;
}

.move_assets_btn {
  background-color: #17a550;
  color: white;
  border: 0px;
  font-weight: 600;
  font-size: 15px;
  width: 226px;
  line-height: 18px;
  padding: 22px 39px;
}

.report-stolen {
  margin-left: 20px;
  width: 295px;
}

.report-stolen button {
  color: #fff;
  border: 0px;
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
  padding: 12px 35px;
  margin-bottom: 14px;
  width: 100%;
  border-radius: 0px !important;
}

.report-stolen .btn-success {
  background-color: #17a550;
}

.data-table-content {
  background-color: #f3f3f3;
  padding: 15px 20px;
}

.order-number {
  color: #000;
  font-size: 15px;
}

.order-extend {
  background-color: #17a550;
  color: #fff;
  display: inline-block;
  padding: 5px 17px;
  text-transform: uppercase;
  margin-left: 35px;
}

.justify-content-betweeen {
  justify-content: space-between;
}

.text-input-search,
.modal-search-input {
  position: relative;
}

.text-input-search input {
  background-color: #fff;
  border: 1px solid #e8e8e8;
  padding: 7px 10px 6px 30px;
  border-radius: 20px;
  max-width: 350px;
}

.modal-search-input input {
  background-color: #fff;
  border: 1px solid #e8e8e8;
  padding: 6px 10px 6px 30px;
  border-radius: 20px;
  width: 100%;
}

.text-input-search i,
.modal-search-input i {
  position: absolute;
  left: 10px;
  color: #000;
  top: 11px;
}

.content-para {
  margin-bottom: 40px;
}

.content-para p {
  font-weight: 500;
  color: #000;
}

.header-list ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
  display: inline;
}

.header-list ul li {
  display: inline-block;
}

.header-list ul li .header-icon {
  max-width: 35px;
  margin-bottom: 4px;
}

.header-list ul li {
  text-align: center;
  margin: 0px 6px;
}

.header-list {
  margin-left: 20px;
  font-size: 9px;
}

.form-element .error {
  position: absolute;
  right: -1px;
  top: -17px;
  background-color: red;
  color: #fff;
  padding: 0 10px;
  font-size: 11px;
  border-radius: 6px 6px 0 0;
}

.position-relative {
  position: relative;
}

.forgot-password:hover,
.forgot-password:focus {
  color: #00823b;
  text-decoration: none;
}

.margin-bottom-0 {
  margin-bottom: 0px;
}

.logout-btn {
  color: #000;
  position: relative;
  top: -9px;
  margin-right: 16px;
}

.logout-btn:hover {
  color: #00823b;
  text-decoration: none;
}

.right-modal-block .modal-dialog {
  height: 100%;
}

.right-modal-block .modal-dialog {
  position: fixed;
  right: 0px;
  margin: 0px;
}

.right-modal-block .modal-title {
  font-weight: 500;
  font-size: 16px;
}

.radio-option {
  margin-top: 10px !important;
  margin-left: 15px;
}

.title-lable {
  font-weight: 400;
  margin-top: 6px;
}

.right-modal-block .modal-content {
  height: 100%;
  overflow: auto;
}

.background-green {
  background-color: #17a550;
}

.background-grey {
  background-color: grey;
}

.btn-submit-modal {
  background-color: #17a550;
  color: #fff;
  border: 0px;
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
  padding: 12px 35px;
  margin-bottom: 14px;

  border-radius: 6px;
}

.btn-submit-disable-modal {
  background-color: grey;
  color: #fff;
  border: 0px;
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
  padding: 12px 35px;
  margin-bottom: 14px;
  width: 100%;
}

.stolen-items-process ol {
  padding: 0px 0 0 15px;
  margin: 0px;
}

.stolen-items-process .title-text {
  font-weight: 500;
}

.c-checkbox input[type="radio"]:checked+span,
.c-radio input[type="radio"]:checked+span {
  background-color: #17a550 !important;
}

.c-checkbox input[type="radio"]:checked+span:before,
.c-radio input[type="radio"]:checked+span:before {
  color: #fff;
}

.table-user-move th,
#moveAssets .modal-title {
  font-weight: 500;
}

.extend-btn {
  padding: 3px 8px;
  border-radius: 6px;
  text-decoration: none;
  white-space: nowrap;

}

.extend-btn:hover,
.extend-btn:focus {
  color: #fff;
  text-decoration: none;
}

.customer-dashboard-table table tr th,
.customer-dashboard-table table tr td {
  color: #000;
}

.customer-dashboard-table .table>thead>tr>th,
.customer-dashboard-table .table>thead>tr>td {
  border-bottom: 1px solid #17a550 !important;
}

.customer-dashboard-table .table>thead>tr>th,
.customer-dashboard-table .table>tbody>tr>th,
.table>tfoot>tr>th,
.customer-dashboard-table .table>thead>tr>td,
.table>tbody>tr>td,
.customer-dashboard-table .table>tfoot>tr>td {
  border-bottom: 0px solid #17a550 !important;
}

.report_fault,
.report_stolen {
  border-radius: 0px !important;
}

.report_fault:hover {
  color: #fff;
}

.side-modal.modal.fade.show .modal-dialog.modal-dialog-slideout {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  display: flex;
  align-items: stretch;
  -webkit-box-align: stretch;
  height: 100%;
  background-color: #fff;
}

.side-modal.modal.modal-dialog-slideout {
  min-height: 100%;
  margin: 0 0 0 auto;
  background: #fff;
}

.side-modal.modal.modal.fade .modal-dialog.modal-dialog-slideout {
  -webkit-transform: translate(100%, 0) scale(1);
  transform: translate(100%, 0) scale(1);
}

.side-modal.modal.modal.fade.show .modal-dialog.modal-dialog-slideout {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  display: flex;
  align-items: stretch;
  -webkit-box-align: stretch;
  height: 100%;
}

.side-modal.modal.modal.fade.show .modal-dialog.modal-dialog-slideout .modal-body {
  overflow-y: auto;
  overflow-x: hidden;
}

.modal-dialog-slideout .modal-content {
  border: 0;
}

.modal-dialog-slideout .modal-header,
.modal-dialog-slideout .modal-footer {
  height: 69px;
  display: block;
}

.modal-dialog-slideout .modal-header h5 {
  float: left;
}

.side-modal .modal-dialog {
  width: 600px;
  background-color: #fff;
}

.side-modal .modal-content {
  border-radius: 0px;
}

.side-modal .modal-header {
  background-color: var(--clr-base);
  border-radius: 0px;
}

.side-modal .modal-footer {
  background-color: var(--clr-base);
  border-radius: 0px;
}

.side-modal .modal-content {
  background-color: var(--clr-base-dk);
  border-radius: 0px;
}

.get_quote button {
  margin-top: 20px;
  background-color: #17a550;
  color: #fff;
  border: 0px;
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
  padding: 12px 35px;
  margin-bottom: 14px;
}

.content-lable {
  padding-top: 7px;
  display: block;
}

.modal-calendar-icon {
  left: 26px;
  position: absolute;
  max-width: 20px;
  top: 7px;
}

.position-relative {
  position: relative;
}

.date-input {
  padding-left: 39px !important;
}

.customer-dashboard-table .paginate_button.active a {
  background-color: #17a550;
  border-color: #17a550;
}

textarea {
  resize: none;
}

.asign-stuff {
  position: relative;
}

.asign-stuff .fa-check {
  position: absolute;
  right: 8px;
  top: 11px;
}

.asign-stuff input {
  width: 100% !important;
  padding-right: 30px;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
  background-color: #17a550;
  border-color: #17a550;
}

.gird-check-box input {
  position: absolute !important;
}

.extending_product_name,
.extending_heading_name {
  font-weight: 600;
}

.file-listed-items {
  background-color: #f3f3f3;
  border: 1px solid #e4e4e4;
  padding: 9px;
  border-radius: 0px;
  margin-bottom: 15px;
  border-radius: 4px;
}

.file-listed-items a {
  color: #656565;
}

.file-listed-items i {
  font-size: 18px;
  vertical-align: middle;
  margin-right: 8px;
}

.download-btn,
.download-btn:hover,
.download-btn:focus {
  border: 0px !important;
  color: #656565;
}

.choose-file {
  border: 2px dashed #dde6e9;
  padding: 15px;
  text-align: center;
  position: relative;
  border-radius: 6px;
}

.choose-file i {
  display: block;
  width: 100%;
  font-size: 20px;
  margin-bottom: 6px;
}

.choose-file span {
  display: block;
  width: 100%;
}

.choose-file button {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  opacity: 0;
}

/*******************************
* MODAL AS LEFT/RIGHT SIDEBAR
* Add "left" or "right" in modal parent div, after class="modal".
* Get free snippets on bootpen.com
*******************************/
.modal.left .modal-dialog,
.modal.right .modal-dialog {
  position: fixed;
  margin: auto;
  width: 620px;
  height: 100%;
  -webkit-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}

.modal.left .modal-content,
.modal.right .modal-content {
  height: 100%;
  overflow-y: auto;
}

.modal.left .modal-body,
.modal.right .modal-body {
  padding: 15px 15px 15px;
}

/*Left*/
.modal.left.fade .modal-dialog {
  left: -620px;
  -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
  -o-transition: opacity 0.3s linear, left 0.3s ease-out;
  transition: opacity 0.3s linear, left 0.3s ease-out;
}

.modal.left.fade.in .modal-dialog {
  left: 0;
}

/*Right*/
.modal.right.fade .modal-dialog {
  right: -620px;
  -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
  -o-transition: opacity 0.3s linear, right 0.3s ease-out;
  transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.right.fade.in .modal-dialog {
  right: 0;
}

/* ----- MODAL STYLE ----- */
.modal-content {
  border-radius: 0;
  border: none;
}

.modal-header {
  border-bottom-color: #eeeeee;
  background-color: #fafafa;
}

/* ----- v CAN BE DELETED v ----- */
body {
  background-color: #78909c;
}

.demo {
  padding-top: 60px;
  padding-bottom: 110px;
}

.btn-demo {
  margin: 15px;
  padding: 10px 15px;
  border-radius: 0;
  font-size: 16px;
  background-color: #ffffff;
}

.btn-demo:focus {
  outline: 0;
}

.demo-footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  padding: 15px;
  background-color: #212121;
  text-align: center;
}

.demo-footer>a {
  text-decoration: none;
  font-weight: bold;
  font-size: 16px;
  color: #fff;
}

.ui-widget.ui-widget-content {
  border: 1px solid #8f8d8e;
  background: #f3f3f3;
  font-size: 14px;
}

.ui-menu-item-wrapper.ui-state-active {
  background: #17a550 !important;
  color: #fff !important;
  border-color: #17a550 !important;
}

.row_header {
  background-color: #e1e1da;
}

.even.row-1 {
  background-color: #ececec;
}

.even.row-1 td {
  border: 0px !important;
}

.odd.row-1 {
  background-color: #ececec;
}

.even.row-2 {
  background-color: #eff0e7;
}

.even.row-2 td {
  border: 0px !important;
}

.odd.row-2 {
  background-color: #eff0e7;
}

.odd.row-2 td {
  border: 0px !important;
}

table .even.row-2:last-child {
  border-bottom: 1px solid #000 !important;
}

.even.row-1.title td,
.odd.row-2.title td,
.even.row-2.title td,
.odd.row-1.title td {
  border-top: 1px solid #c8c9ba !important;
}

.order_detail_item {
  color: #17a550;
  font-weight: 600;
}

.order_detail_item:hover,
.order_detail_item:focus {
  color: #17a550;
}

.tbl_list th,
.even.row-1.title strong,
.odd.row-2.title,
.odd.row-2.title strong {
  font-weight: 600;
}

.order-label {
  font-weight: 600;
}

.modal-content-block {}

.modal-title-label {
  font-weight: 500;
  color: #000;
  margin-bottom: 0px;
  display: block;
}

.list-items-style {
  background-color: #f3f3f3;
  padding: 15px;
  margin: 0 -15px;
  margin-top: 10px;
}

.list-items-style ul {
  list-style: none;
  padding: 0px;
}

.list-items-style ul li::before {
  font-family: "FontAwesome";
  content: "\f101";
}

.list-items-style ul li {
  border-bottom: 1px solid #c8c9ba !important;
}

.list-items-style ul li:last-child {
  border: 0px !important;
}

.documents-block {
  padding-top: 15px;
}

.documents-block th {
  padding-top: 0px !important;
  font-weight: 600;
  color: #000;
}

.documents-block .table>thead>tr>th {
  color: #000;
}

.c-checkbox input[type="checkbox"]:checked+span,
.c-radio input[type="checkbox"]:checked+span,
.c-checkbox input[type="radio"]:checked+span,
.c-radio input[type="radio"]:checked+span {
  border-color: #17a550;
  background-color: #17a550;
}

.c-checkbox:hover span,
.c-radio:hover span {
  border-color: #17a550;
}

.extras_product_img_block {
  border: 1px solid #e8e8e8;
  margin-bottom: 30px;
}

.product_img_section {
  text-align: center;
  padding: 10px;
  height: 100px;
  line-height: 80px;
}

.product_img_section img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}

.product-name {
  background-color: #f3f3f3;
  padding: 8px;
  text-align: left;
  font-weight: 600;
  height: 47px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 16px;

  padding-left: 16px;
}

.manage-user-icon {
  position: absolute;
  right: 4px;
  bottom: -29px;
}

.modal-title {
  font-weight: 500;
}

.btn-invite {
  background-color: #17a550;
  color: white;
  border-radius: 6px;
}

.btn-invite:hover,
.btn-invite:focus {
  color: white;
}

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

.modal-header .close {
  margin-top: 3px;
}

#extending_modal .c-radio {
  margin: 0px !important;
}

.pdf-icon {
  max-width: 35px;
  vertical-align: middle;
}

.customer-portal-menu {
  color: #000;
  position: relative;
  padding-left: 7px;
  padding-right: 7px;
  padding-top: 15px;
  display: inline-block;
  padding-bottom: 15px;
}

.customer-portal-menu:hover,
.customer-portal-menu:focus {
  color: #00823b;
  text-decoration: none;
}

.bank-details button {
  position: absolute;
  right: 19px;
  top: 6px;
  border: 0px;
  background-color: transparent;
}

.bank-details input {
  padding-right: 40px;
}

.error-block {
  position: relative;
}

.error-block span[for="bank_detail_submit"] {
  white-space: nowrap;
  color: red;
  margin-top: 29px;
  border: 0px;
  position: absolute;
  left: 11px;
  font-size: 12px;
  left: 22px;
}

.grid-add-user-detail {
  display: inline-block;
  padding: 8px 12px;
  background: linear-gradient(135deg, hsl(200, 30%, 95%), hsl(200, 30%, 90%));
  border-radius: 8px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
  word-break: break-word;
  white-space: normal;
  max-height: 54px;
  overflow: hidden;
  vertical-align: middle;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.grid-add-user-detail:hover {
  background: linear-gradient(135deg, hsl(200, 30%, 92%), hsl(200, 30%, 87%));
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}

.assets_history {
  background-color: #f3f3f3;
  padding: 15px 20px;
  margin: 0px -15px;
}

.assets_history table th {
  background-color: #e1e1da;
  color: #000 !important;
  font-weight: 500 !important;
  padding: 5px 6px !important;
  border-bottom: 1px solid #c8c9ba !important;
}

.assets_history table tr {
  background-color: transparent !important;
  color: #000 !important;
}

.assets_history h5 {
  font-weight: 600;
  color: #000;
}

.history_staff_user_detail {
  margin-left: 9px;
  white-space: nowrap;
}

.modal-img-title {
  display: block;
  width: 100%;
  margin-bottom: 10px;
}

.modal-checkbox {
  margin-right: 0px;
  margin-left: 6px;
}

.form_input_box {
  width: 63px;
  text-align: center;
}

.form_input_box>input {
  text-align: center;
  font-weight: normal;
}

.return_item .single_row_tr {
  position: relative;
}

.return_item .single_row_tr::after {
  position: absolute;
  content: " ";
  height: 1px;
  background-color: #000;
  width: 100%;
  left: 0px;
  top: 26px;
}

.product-list-item>ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

.product-list-item>ul>li>ul {
  list-style: none;
}

.justify-content-between {
  justify-content: space-between;
}

.stolen-box-input {
  max-width: 80px;
}

.margin-0 {
  margin: 0px;
}

.margin-bottom-10 {
  margin-bottom: 10px;
}

.sub_item_ul[display="none"] {
  height: 0px;
  overflow: hidden;
}

.product-list-item>ul>li {
  padding: 8px 8px;
  margin-bottom: 0px;
  border: 1px solid #c8c9ba;
  margin-bottom: 5px;
  border-radius: 2px;
}

.product-list-item>ul>li:nth-child(2n) {
  background-color: #f7f7f7;
}

.product-list-item>ul>li:nth-child(2n + 1) {
  background-color: #eff0e7;
}

.product-list-item>ul>li:first-child {
  padding: 0px;
  background-color: transparent !important;
  border: 0px !important;
}

.stolen_product_list_items {
  height: calc(100vh - 180px);
  overflow: auto;
}

.stolen_product_list_items_inceident {
  height: calc(100vh - 145px);
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 17px;
}

.replacement-decision span.error {
  border: 0px;
  position: absolute;
  left: 21px;
  top: -22px;
  background-color: red;
  color: #fff;
  padding: 0 10px;
  font-size: 11px;
  border-radius: 6px 6px 0 0;
  width: 160px;
}

.customer-name-top-menu {
  position: relative;
  top: 26px;
  margin-left: 15px;
}

.customer-name-top-menu a:focus {
  color: #17a550;
}

.user-list-items ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
}

.user-list-items ul li a {
  color: #515253;
  font-weight: 300;
  border: 1px solid #c8c9ba;
  background-color: #f7f7f7;
  padding: 4px 15px;
  border-radius: 4px;
  text-decoration: none;
  display: inline-block;
  margin-bottom: 6px;
  margin-right: 6px;
}

.user-list-items ul li {
  display: inline-block;
}

.user-list-items ul li a:hover,
.user-list-items ul li a:focus {
  background-color: #17a550;
  border: 1px solid #17a550;
  color: #fff;
  text-decoration: none;
}

.product-table-block thead {
  position: sticky;
  top: 0px;
  width: 100%;
  background: #f3f3f3;
  z-index: 1;
}

.pickup_address_id_div option {
  width: 250px;
}

.pickup_address_id_div option {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.btn-warning:disabled,
.btn-warning:disabled:hover {
  background-color: grey;
  color: rgba(255, 255, 255, 0.6);
}

.early-return-items ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

.early-return-items ul li {
  padding: 8px 8px;
  margin-bottom: 0px;
  border: 1px solid #c8c9ba;
  margin-bottom: 5px;
  border-radius: 2px;
}

.early-return-items>ul>li:nth-child(2n) {
  background-color: #f7f7f7;
}

.early-return-items>ul>li:nth-child(2n) {
  background-color: #f7f7f7;
}

.early-return-items>ul>li:nth-child(2n + 1) {
  background-color: #eff0e7;
}

.btn.extend-btn.background-grey.text-white {
  color: rgba(255, 255, 255, 0.6);
}

.top-back-btn {
  margin-bottom: 15px;
}

.top-back-btn a,
.top-back-btn a:hover {
  color: #17a550;
  text-decoration: none;
}

.display-inline {
  display: inline;
}


.modal-content-card {
  width: 1400px !important;
}

.modal-content-card .content-block {
  padding: 0px !important;
}

.modal-content-card table {
  width: 100% !important
}

.modal-content-card .content-para {
  margin-bottom: 0px !important;
}

.btn-footer-block button {
  border-radius: 0px !important;
}

.number-count {
  float: right;
  font-weight: 500;
  background: #eae7e7;
  padding: 0px 7px;
  border-radius: 5px;
}

.earlycollection-list {
  margin-bottom: 4px;
}

.refresh-btn {
  color: #00823b;
  border: 0px;
  background-color: transparent;
  padding-top: 10px;

}

.refresh-btn i {
  margin-right: 4px;
}

.search-modal-input input {
  min-width: 250px;
}

.qty-alert-msg {
  background-color: rgb(255 224 224);
  border: 1px solid rgb(255 136 136);
  color: rgb(150 5 5);
  padding: 10px 15px;
  margin-bottom: 10px;
  border-radius: 8px;
  font-size: 12px;
}

.sim-link svg {
  vertical-align: middle;
  fill: #000;
  position: relative;
  top: -3px
}

.sim-link:hover svg {
  fill: #00823b
}

.warning-alert-msg {
  background-color: rgb(255 236 150);
  border: 1px solid rgb(255, 253, 136);
  color: rgb(150, 123, 5);
  padding: 10px 15px;
  margin-bottom: 10px;
  border-radius: 8px;
  font-size: 12px;
}

.right-content-message {
  margin-bottom: 10px;
  width: 450px;
  height: 79px;
  font-size: 12px;
  position: relative;
  top: 4px;
}

.right-content-message .inner-content {
  background: #f3f3f3;
  padding: 4px 10px;
  border-radius: 3px;
}

.row-2[current_type="not_unique"] {
  font-weight: normal !important;
}

.not_unique_class_css {
  font-weight: 600 !important;
}

td.single_row_tr {
  height: 35px;
}

.cancel_btn_swal .sa-button-container .confirm {
  background-color: rgb(151, 213, 240) !important;
  color: #0a3477 !important;
}

.cancel_btn_swal .sa-button-container .confirm:hover {
  background-color: #0a3477 !important;
  color: #fff !important;
}

.cancel_btn_swal .sa-button-container .cancel {

  background-color: rgb(151, 240, 151);
  color: #125e34
}

.cancel_btn_swal .sa-button-container .cancel:hover {
  background-color: #125e34 !important;
  color: #fff !important;
}

.bank_detail_submit .error {
  top: -52px !important;
}


.request_multiple_order_type_modal .info-icon {
  font-size: 72px;
  opacity: 0.4;
}

.request_multiple_order_type_modal .modal-header {
  background-color: transparent !important;
  border: 0px !important;
}

.request_multiple_order_type_modal .select-heading {
  font-size: 18px !important;
  margin-top: 12px;
}

.action-button button.shortterm {
  background-color: rgb(151, 213, 240) !important;
  color: #0a3477 !important;
}

.action-button button.shortterm:hover {
  background-color: #125e34 !important;
  color: #fff !important;
}

.action-button button.longterm {
  background-color: rgb(151, 240, 151);
  color: #125e34
}

.action-button button.shortterm:hover {
  background-color: #0a3477 !important;
  color: #fff !important;
}

.action-button button.longterm:hover {
  background-color: #125e34;
  color: #fff
}

.action-button button {
  max-width: 159px;
  border-radius: 9px;
  font-weight: 300;
}

.request_multiple_order_type_modal .modal-dialog {
  max-width: 400px;
}

.request_multiple_order_type_modal .modal-content {
  border-radius: 15px;
}

.logo-top {
  float: left;
  margin-left: 15px;
  position: relative;
  top: -27px;
}

.top-menu {
  margin-top: 26px;
  margin-left: 21px;
}

.right-top-menu {
  margin-top: 26px;
}

.top-menu-area {
  position: relative;
}

.user-profile-name {
  position: absolute;
  top: 58px;
  left: 134px;
}

.top-menu a:hover,
.top-menu a:focus {
  color: #17a550;
}

.consolidate-item-total {}

.consolidate-item-total th {
  font-weight: 600;
}

.consolidate-content-modal {
  max-width: 400px;
}

.consolidate-content-modal td {
  padding-top: 4px;
  padding-bottom: 4px;
}

.consolidate-content-modal th {
  font-weight: 500;
}

.my-insurance-modal .nav-tabs .active a,
.my-insurance-modal .nav-tabs .active a:focus,
.my-insurance-modal .nav-tabs .active a:hover,
.my-insurance-modal .nav-tabs a:hover {
  background-color: #17a550;
  color: #fff;
}

.my-insurance-modal .nav-tabs a {
  background-color: #fff;
  color: #17a550;
}

.action-button button.shortterm:disabled,
.action-button button.longterm:disabled {
  background-color: rgba(0, 0, 0, 0.4) !important;
  color: rgba(255, 255, 255, 0.6) !important
}

.deallocate_software,
.move_software {
  background: #f2d53a;
}

.deallocate_software:hover,
.deallocate_software:focus,
.move_software:hover,
.move_software:focus {
  color: #fff;
}

.software-modal-data {
  border: 1px solid #cfdbe2;
  border-radius: 4px;
  background-color: #fff;
  padding: 15px;
  position: relative;
}

.software-modal-data>h6 {
  margin-top: 0px !important;
}

.back_to_software {
  padding: 0px !important;
}

.software-modal-data .c-radio input[type="radio"]:checked:disabled+span {
  background-color: #bfbfbf !important;
}

.software-modal-data .margin-top-0 {
  margin-top: 0px !important;
}

.disable-check {
  opacity: 0.6;
}

.c-checkbox-error>label>span {
  border-color: red !important
}

.c-checkbox-error>label {
  color: red !important;
}

*.ms-options-wrap>.ms-options>ul label [disabled="disabled"] {
  background-color: red !important;
}

.disable-check .c-radio input[type=radio]:disabled+span {
  background-color: #f4f4f4 !important;
}

.btn-excel-download {
  color: #00823b;
  background-color: transparent;
  border: 0px;
}

.dropdown-header-invoice {
  float: left;
  margin-top: 16px;
  margin-left: 16px;
}

.top-header-link ul {
  padding: 0px;
  margin: 0px;
}

.top-header-link ul li {
  display: inline-block;
}

.header-select-box {
  padding-left: 15px;
  padding-right: 15px;
}

.header-select-box select {
  border: 1px solid #dde6e9;
  color: #3a3f51;
  height: 35px;
  padding: 6px 7px;
  margin-top: 10px;
}

#consolidate_invoice_report_modal .modal-body {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

#consolidate_invoice_report_modal .slimScrollDiv {
  padding: 15px !important;
  margin-bottom: 10px !important;
}

.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important;
}

.login-block-front h1 {
  font-size: 35px;
  text-align: center;
  margin-bottom: 10px;
  margin-top: 60px;

}

.login-block-front h2 {
  font-size: 20px;
  text-align: center;
  margin-top: 0px;

}

.login-block-front .content-heading-block {
  margin: auto;
}

.active_vetting_tr {
  background: #ddf6fe;
}

.account-name-top {
  padding-top: 15px;
  padding-left: 15px;
}

.dataTables_info {
  clear: both;
}

.file_name_tags {
  display: inline-block;
  background: #dde3e8;
  padding: 3px 6px;
  border-radius: 3px;
  font-size: 11px;
  margin: 3px 0;
}

.form-has-error text {}

#email_modal .modal-dialog {
  width: 1020px;
}

#email_result .email-rule-result {
  margin-bottom: 10px;
}

#email_result .rules-to-name b {
  font-weight: 500;
}

#email_result .title-rule b {
  font-weight: 600;
}

.front-filter-btn {
  background-color: #f3f3f3;
  border: 1px solid #e6dddd;
  padding: 6px 21px;
  border-radius: 6px;
}

.front-filter-btn img {
  margin-right: 4px;
}

.filter-btn-list ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

.filter-btn-list ul li {
  display: flex;
  justify-content: space-between;
}

.filter-btn-list ul li button {
  background-color: transparent;
  border: 0px;
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 4px 7px;
}

.filter-btn-list ul li button.active {

  color: #17a550 !important;

}

.filter-btn-list ul li button span {
  color: #17a550;
  font-weight: 600;
}

.filter-btn-list.dropdown-menu {
  min-width: 260px;
}

.divider-line {
  margin-left: 15px;
  margin-right: 15px;
  border-left: 1px solid #e6dddd;
}

.report-filter-btn {
  color: #fff;
  border: 1px solid #17a550;
  font-weight: 500;
  border-radius: 6px;
  padding: 7px 7px;
  /* margin-bottom: 14px; */
  background-color: #17a550;
}

.report-filter-btn.return {
  background-color: #ff902b;
  border-color: #ff8d26;
}

.report-filter-btn.deallocate {
  background-color: #dbb800;
  border-color: #dbb800;
}

.report_fault,
.report_stolen,
.grid-add-user-detail {
  border-radius: 6px !important;
  padding: 3px 4px !important
}

.customer-dashboard-table td {
  padding: 3px 6px !important;
}

.customer-dashboard-table th {
  padding-top: 0px !important;
}

.customer-dashboard-table {
  padding-top: 0px !important;
}

.dropdown.open .front-filter-btn {
  color: #fff;
  border: 1px solid #17a550;



  background-color: #17a550;

}

.user-dropdown-menu button {
  background-color: transparent;
  border: 0px;
  padding: 4px 6px;
}

.user-dropdown-menu button:hover {
  color: #17a550;
}

.w-auto {
  width: auto;
}

.data-table-list th {
  font-weight: 500;
  color: #000 !important
}

/* login page */
.login-body {
  background-color: #F4F7F9;
  width: 100%;
  min-height: 100vh;
}

.login-container {
  width: auto;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.login-footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 60px;
  line-height: 60px;

}

.form-container {
  background: #fff;
  border-radius: 12px;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  max-width: 400px;
  padding: 30px;
  gap: 20px;
  animation-name: slideUp;
  animation-duration: 0.5s;
  /* Animation takes 1 second */
  animation-timing-function: ease-in-out;
  /* Smooth start and end */
  animation-iteration-count: 1;
  /* Play only once */
  animation-direction: normal;
  /* Play forwards (default, but explicit) */
  animation-fill-mode: forwards;
  /* Crucial: Element stays at 100% state after animation */
}

@keyframes slideUp {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(-20px);
  }
}

.login-title {
  font-size: 20px !important;
  font-weight: bold !important;
  width: 100%;
  padding: 0 0 5px !important;
  line-height: 20px !important;
  color: #333;
}

.login-form-input input {
  border: 1px solid #e8ecef !important;
  border-radius: 6px !important;
  border: 0;
  padding: 0 14px;
  right: 0;
  height: 40px;
  font-size: 15px;
  width: 100%;
  border-radius: 0 2px 2px 0;
  box-sizing: border-box;
  position: relative;
  color: rgba(0, 0, 0, 0.87);
  transition: all 0.2s ease-in-out;
}

.login-form-input input:focus {
  border-color: #18a550;
  box-shadow: 0 0 0 3px rgba(24, 165, 80, 0.5);
}

.form_submit {
  border-radius: 6px;
  font-weight: 400 !important;
  font-size: 16px !important;
  padding: 8px 10px !important;
  margin-top: 0px !important;
  transition: all 0.2s ease-in-out;
}

.form_submit:hover {
  background-color: #00823b;
}

.form_submit i {
  font-size: 20px !important;
  margin-left: 10px;
}

.orOptionContainer {
  display: flex;
  color: #d2d6db;
  align-items: top;
  font-size: 12px;
}

.orOptionStyling {
  border-top: 1px solid #d2d6db;
  width: 45%;
  margin-top: 8px;
}

.login-user-pwd button {
  display: flex;
  column-gap: 8px;
  align-items: center;

  background-color: #ffffff;
  border: 1px solid #e7edea !important;
  width: 100%;
  text-align: center;
  border: 0px;
  font-size: 19px;
  font-weight: 300;
  margin-top: 15px;
  border-radius: 6px;
  font-weight: 400 !important;
  font-size: 16px !important;
  padding: 14px 10px !important;
  margin-top: 0px !important;
  justify-content: center;
  transition: all 0.2s ease-in-out;
}

.login-user-pwd button:hover {
  background-color: #f3f3f3;
}

.login-password-input input {
  padding-right: 28px;
}

.login-password-input button {
  position: absolute;
  right: 0px;
  z-index: 4;
  top: 8px;
  right: 10px;
  background-color: transparent;
  border: 0px;
  color: #ada9a9
}

.btn-back-top {
  background-color: #e8ecef;
  color: #757575;
  display: block;
  width: 33px;
  height: 33px;
  border-radius: 33px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease-in-out;

}

.btn-back-top:hover {
  text-decoration: none;
  background-color: #18a550;
  color: #ffffff;
}

.error {
  color: #f05050
}

/* login page */


.balance-top-hd {
  margin-top: 16px;
  margin-right: 10px;
  border-right: 1px solid #ddd;
  padding-right: 10px;
  margin-right: 10px;
  padding-top: 2px;
}

.balance-top-hd a {
  color: #fff;
  border: 1px solid #17a550;
  font-weight: 500;
  border-radius: 6px;
  padding: 2px 15px;
  /* margin-bottom: 14px; */
  background-color: #17a550;
}

.balance-top-hd span {

  font-weight: 400;
  font-size: 14px;
}

.forgot-back-btn button {
  background: #f2f0ed;
  border: 00px;
  padding: 7px;
  border-radius: 20px;
  width: 35px;
  height: 35px;
  text-align: center;
}

.forgot-back-btn button:hover {
  background: #18a550;
  color: #fff;
}

/* wizard recheck start */
.timeline {
  list-style-type: none;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
}

.li {
  transition: all 200ms ease-in;
}


.timestamp {
  margin-bottom: 20px;
  padding: 0px 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-weight: 100;
  text-align: center;


}

.timestamp .author,
.timestamp .date {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  width: 90px;
  text-align: center;
}

/* Styles for the status line and circle indicator */
.status {
  padding: 0px 10px;
  display: flex;
  justify-content: center;
  border-top: 2px solid #D6DCE0;
  /* The horizontal line */
  position: relative;
  /* Needed for positioning the :before circle */
  transition: all 200ms ease-in;
  /* Smooth transition for property changes */
  /* Added for better layout in flex context */
  flex-grow: 1;
  /* Allows status to take available width */
  align-items: center;
  /* Vertically center content inside status */
  min-height: 70px;
  /* Ensure some height even if content is small */
}

/* Styles for the h4 inside status */
.status h4 {
  font-weight: 400;
  font-size: 14px;
}

/* Styles for the circle indicator using ::before pseudo-element */
.status::before {
  content: '';
  width: 25px;
  height: 25px;
  background-color: white;
  border-radius: 25px;
  /* Makes it a circle */
  border: 1px solid #ddd;
  position: absolute;
  top: -15px;
  /* Positions it above the border-top line */
  left: 50%;
  /* Centers it horizontally relative to its parent .status */
  transform: translateX(-50%);
  /* Fine-tune centering */
  transition: all 200ms ease-in;
  z-index: 2;
}

/* Styles for a completed list item */
.li.complete .status {
  border-top: 2px solid #00823b;
  /* Green border for complete status */
}

.li.complete .status::before {
  background-color: #00823b;
  /* Green background for complete circle */
  border: none;
  /* Remove border for complete circle */
  transition: all 200ms ease-in;
}

.li.complete .status h4 {
  color: #00823b;
  font-size: 14px;
}

.timeline::before {
  display: none;
}

/* wizard front recheck end */

.quote_product_icon {
  height: 20px;
}

.direction_arrow {
  width: 15px;
  vertical-align: middle;
}


.icon-expand {
  white-space: nowrap;
}

.icon-expand i {
  vertical-align: middle;
  margin-left: 6px;
}

.cursor {
  cursor: pointer;
}

.actual_price {
  display: inline-block;
}

.emp_icons {
  max-width: 17px !important;
}

.common-filter-input label {
  font-weight: normal !important;
}

.common-filter-input input {
  background-color: white;
  border: 1px solid #e6dddd;
  padding: 6px 21px;
  border-radius: 6px;
}

.common-filter-input select {
  background-color: #fff;
  border: 1px solid #e6dddd;
  padding: 6px 21px;
  border-radius: 6px;
}

.filter-date-input {
  position: relative;
}

.common-filter-input .fa {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  color: #757575;
}

.front-info-wizard strong {
  font-weight: 500;
}

.front-info-wizard {
  margin-bottom: 15px;
}

.modal-accrodion-menu .panel-title a {
  font-weight: 600;
  font-size: 14px;
}

.margin-bottom-15 {
  margin-bottom: 15px !important;
}

.table-site-contact-content {
  padding: 15px;
}

.table-site-contact-content td {
  padding-bottom: 5px;
}

.table-site-contact-content td {
  padding-bottom: 10px;
}

.table-site-contact-content td .icons-li {
  margin-right: 5px;
}

.table-site-contact {
  border: 1px solid #dde6e9;
  border-radius: 10px;
  margin-bottom: 10px;
}

.table-site-contact .footer-action {
  border-top: 1px solid #dde6e9;
  padding: 5px 15px;
}

.table-site-contact-content h4,
.table-site-contact-content .site-contact-company-name {
  font-weight: 500;
}

.customer-dashboard-table thead th {
  padding-top: 6px !important;
  font-weight: 600 !important;
}

.customer-dashboard-table tbody tr {
  background-color: #ececec;
}

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

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

.app-green-btn {
  background-color: #18a550;
  color: white
}

.app-green-btn:hover,
.app-green-btn:focus {
  background-color: #0b8a3e;
  color: white
}

.form-control.form-has-error {
  border-color: red !important;
}

.pac-container {
  z-index: 5000 !important;
}

.ui-widget.ui-widget-content {
  z-index: 1000000 !important;
}

.ms-options>ul>li label {
  font-weight: 400;
  font-size: 16px;
}

.quotes-table-container-body-data,
.quote-item-row tr td {
  border-top: 1px solid #c8c9ba !important
}

.table-front-data-grid td,
.table-front-data-grid th {
  padding: 8px 12px !important;
  background-color: hsl(0, 0%, 100%);
  border-bottom: 1px solid hsl(0, 0%, 90%);
  transition: background-color 0.25s ease;
}

.table-front-data-grid tr:nth-child(even) td,
.table-front-data-grid tr:nth-child(even) th {
  background-color: hsl(0, 0%, 98%);
}

.table-front-data-grid tr:hover td,
.table-front-data-grid tr:hover th {
  background-color: hsl(210, 30%, 96%);
}

.margin-right-5 {
  margin-right: 5px;
}

.uploded_image {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

.uploded_image li {
  display: inline-block;
  margin: 10px;
  position: relative;
  width: 120px;
  height: 120px;
  border: 1px solid #e5e5e5;
  padding: 10px;
  border-radius: 3px;
  vertical-align: top;

}

.uploded_image li .action-btn {
  position: absolute;
  z-index: 1;
  top: 50%;
  /* left: 50%; */
  margin-left: -16px;
  margin-top: -15px;
  width: 100%;
  text-align: center;
}

.uploded_image li .action-btn a,
.uploded_image li .action-btn button {
  background-color: rgba(0, 0, 0, 0.6);
  width: 29px;
  height: 29px;
  border-radius: 25px;
  display: inline-block;
  color: white;
  font-size: 13px;
  display: inline-flex;
  align-items: center;
  justify-content: center;

}

.uploded_image .del-attachment:hover {
  background-color: red;
}

.img_uploaded {
  max-width: 100%;
  max-height: 100%;
}

.gap-15 {
  gap: 15px;
}

.request-icon-main.gray-icon {
  filter: grayscale(1);
  opacity: 0.6;
}

.margin-top-15 {
  margin-top: 15px
}


.resend-otp-btn:disabled {

  color: rgb(156, 156, 156)
}

.resend-otp-btn {
  color: #5d9cec;
  background-color: transparent !important;
  border: 0px !important;
  margin: 10px 0px;
}