@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 {
  flex-direction: row;
}
.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 {
  border-radius: 0px;

  display: inline-block;
  word-break: break-all;
  word-break: break-word;
  white-space: normal;
  max-height: 54px;
  overflow: hidden;
  vertical-align: middle;
}
.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;
}