/*Home page Start*/
body.index {
  font-family: "Poppins", sans-serif !important;
}

.index #collections {
  border-collapse: collapse;
  width: 55%;
  margin: auto;
  text-align: left;
}

.index #collections td,
#collections th {
  border: 1px solid #ddd;
  padding: 8px;
}

.index #collections th {
  padding-top: 12px;
  padding-bottom: 12px;
  background-color: #a24b2b;
  color: white;
}

.index .card-title {
  font-weight: 400;
  text-align: left;
  font-size: 32px !important;
  color: var(--cs-black);
}

.index .ln-title {
  padding: 30px 0px;
  font-size: 24px;
  font-weight: 400;
  color: var(--cs-black);
}

.index .ln-main {
  border-bottom: 1px solid #C9C9C9;
  margin-bottom: 15px;
}

.index .ln-icon {
  text-align: end;
}

.index .ln-content {
  text-align: left;
  padding-left: 20px;
}

.index .ln-content p {
  font-size: 15px;
  font-weight: 500;
  font-family: "Poppins", sans-serif !important;
}

.index .ln-content ul li {
  font-size: 15px;
  font-weight: 500;
  font-family: "Poppins", sans-serif !important;
}

.index .ln-date {
  font-size: 14px;
  font-weight: 300;
  color: var(--cs-sec-color);
  font-family: "Poppins", sans-serif !important;

}

strong#sales_fly {
  font-weight: 500;
  text-transform: none;
  font-size: 14px;
}

.index .ln-btn {
  left: 10px;
  position: relative;
  text-transform: uppercase;
  color: var(--cs-primary-color);
  font-size: 15px;
  font-weight: 500;
  font-family: "Poppins", sans-serif !important;
}

.index a.ln-btn:hover {
  cursor: pointer;
}

.index .ln-button {
  text-align: left;
}

@media only screen and (max-width: 767px) {
  .index .card-title {
    font-size: 28px !important;
    line-height: 30px;
    margin-bottom: 15px;
  }

  .index .ln-button {
    text-align: left;
    padding-left: 25px !important;
    padding-bottom: 10px;
  }

  .index .ln-main {
    position: relative;
  }

  .index .ln-icon {
    text-align: start;
    position: absolute;
    /*bottom: 20px;
    right: 10px;*/
    right: 5px;
    top: -8px;
  }

  .ln-icon svg {
    top: 8px !important;
    position: relative !important;
    width: 16px !important;
  }

  .index .ln-content {
    padding-left: 30px;
  }
}

/*Home page End*/

/*Resources page Start*/
body.resources {
  background-color: #f5f8fa !important;
  font-family: "Poppins", sans-serif !important;
}

.resources .page.d-flex.flex-row.flex-column-fluid {
  background-color: #f5f8fa !important;
}

.resources div#kt_wrapper {
  padding-top: 80px;
}

/*Resources page End*/

/*Kitchen Resources page Start*/
body.kitchen_resources {
  background-color: #f5f8fa !important;
  font-family: "Poppins", sans-serif !important;
}

/*Kitchen Resources page End*/

/*Kitchen Product Specifications page Start*/

.kitchen_product_specifications .pdfobject-container {
  height: 60rem;
}

.kitchen_product_specifications div#kt_wrapper {
  padding-top: 88px;
}

/*Kitchen Product Specifications page End*/

/*Kitchen Product Brochure page Start*/

.desktop-only {
  display: none;
}

.mobile-tab-only {
  display: none;
}

#pdf-canvas {
  display: none;
}

@media (min-width: 1024px) {
  .desktop-only {
    display: block;
  }
}

@media (max-width: 1023px) {
  .mobile-tab-only {
    display: block;
    text-align: center;
  }

  #pdf-canvas {
    display: block;
    width: 95%;
    margin: 0 auto;
  }

  .mobile-tab-only p {
    margin-top: 15px;
  }
}

/*Kitchen Product Brochure page End*/


/*Kitchen Design Request Form page Start*/

.design_request_form .pdfobject-container {
  height: 60rem;
}

/*Kitchen Design Request Form page End*/

/*Kitchen Design Request Form page Start*/

.design_request_form .pdfobject-container {
  height: 60rem;
}

/*Kitchen Design Request Form page End*/

/*Kitchen Order Form page Start*/

.kitchen_order_form .pdfobject-container {
  height: 60rem;
}

@media only screen and (max-width: 768px) {
  .order_form .card-title {
    margin-top: 45px !important;
  }
}

/*Kitchen Order Form page End*/

/*Kitchen Warranty page Start*/

.kitchen_warranty .pdfobject-container {
  height: 60rem;
}

/*Kitchen Warranty page End*/

/*Kitchen Installation Tips page Start*/

body.ims {
  background-color: #f5f8fa !important;
  font-family: "Poppins", sans-serif !important;
}

.ims .card {
  min-height: 100%;
  color: #000;
  height: 290px;
  background: #fdfdfd;
  box-shadow: 0px 5px 25px 0px #0000001A;
}

.ims .card-body {
  padding: 50px 0px 0px 0px !important;
  text-align: center;
}

.ims .mb-4 {
  margin-bottom: 40px;
}

.ims div#kt_wrapper {
  padding-top: 80px;
}

.ims .page.d-flex.flex-row.flex-column-fluid {
  background-color: #f5f8fa;
}

@media only screen and (max-width: 1024px) {
  .ims div#kt_wrapper {
    padding-top: 80px;
  }
}

/*Kitchen  Installation Tips page End*/


/*Kitchen Installation Guide & Installation Video page Start*/

.installation_guide .pdfobject-container,
.installation_video .pdfobject-container {
  height: 60rem;
}

.installation_guide div#kt_wrapper,
.installation_video div#kt_wrapper {
  padding-top: 88px;
}

/*Kitchen  Installation Guide & Installation Video page page End*/

/*Kitchen  Doorstyle page Start*/

body.doorStyle {
  background-color: #f5f8fa !important;
  font-family: "Poppins", sans-serif !important;
}

.doorStyle .card {
  min-height: 100%;
  color: #000;
  height: 290px;
  background: #fdfdfd;
  box-shadow: 0px 5px 25px 0px #0000001A;
}

.doorStyle .card-body {
  padding: 50px 0px 0px 0px !important;
  text-align: center;
}

.doorStyle .pdfobject-container {
  height: 60rem;
}

.doorStyle .cardStyle {
  background: #fff;
  padding: 50px;
  box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
}

.doorStyle .page.d-flex.flex-row.flex-column-fluid {
  background-color: #f5f8fa;
}

.doorStyle div#kt_wrapper {
  padding-top: 80px;
}

@media only screen and (max-width: 1024px) {
  .doorStyle div#kt_wrapper {
    padding-top: 80px;
  }
}

/* Kitchen Doorstyle page End */

/* Essentials Doorstyle page start */

body.essentialsDoorStyle {
  background-color: #f5f8fa !important;
  font-family: "Poppins", sans-serif !important;
}

.essentialsDoorStyle .card {
  min-height: 100%;
  color: #000;
  height: 290px;
  background: #fdfdfd;
  box-shadow: 0px 5px 25px 0px #0000001A;
}

.essentialsDoorStyle .card-body {
  padding: 50px 0px 0px 0px !important;
  text-align: center;
}

.essentialsDoorStyle .pdfobject-container {
  height: 60rem;
}

.essentialsDoorStyle .cardStyle {
  background: #fff;
  padding: 50px;
  box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
}

.essentialsDoorStyle .page.d-flex.flex-row.flex-column-fluid {
  background-color: #f5f8fa;
}

.essentialsDoorStyle div#kt_wrapper {
  padding-top: 80px;
}

@media only screen and (max-width: 1024px) {
  .essentialsDoorStyle div#kt_wrapper {
    padding-top: 80px;
  }
}

/* Essentials Doorstyle page start */


/* Kitchen  2020 Catalog page Start */

body.TwentyTwentycatalog {
  background-color: #f5f8fa !important;
  font-family: "Poppins", sans-serif !important;
}

.TwentyTwentycatalog .card {
  min-height: 100%;
  color: #000;
  height: 290px;
  background: #fdfdfd;
  box-shadow: 0px 5px 25px 0px #0000001A;
}

.TwentyTwentycatalog .card-body {
  padding: 50px 0px 0px 0px !important;
  text-align: center;
}

.TwentyTwentycatalog .page.d-flex.flex-row.flex-column-fluid {
  background-color: #f5f8fa;
}

.TwentyTwentycatalog .pdfobject-container {
  height: 50rem;
  border: 1rem solid rgba(0, 0, 0, .1);
}

.TwentyTwentycatalog .cardStyle {
  background: #fff;
  padding: 50px;
  box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
}

.TwentyTwentycatalog .grid-ht {
  height: 100% !important;
}

@media only screen and (max-width:767px) {
  .TwentyTwentycatalog .martop {
    margin-top: 10px;
  }
}

/* Kitchen  2020 Catalog page End */

/* Kitchen  Export 2020 Tips Page Start */

body.ExportTwentytips {
  background-color: #f5f8fa !important;
  font-family: "Poppins", sans-serif !important;
}

.ExportTwentytips .page.d-flex.flex-row.flex-column-fluid {
  background-color: #f5f8fa;
}

.ExportTwentytips .pdfobject-container {
  height: 50rem;
  border: 1rem solid rgba(0, 0, 0, .1);
}

.ExportTwentytips .cardStyle {
  background: #fff;
  padding: 50px;
  box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
}

/* Kitchen  Export 2020 Tips page End */

/* Kitchen  2020 Catalog Tips Page Start */

.TwentyTwentytips .cardStyle {
  background: #fff;
  padding: 50px;
  box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
}

/* Kitchen  2020 Catalog Tips page End */

/* Bath Resources page Start */

body.bath_resources {
  background-color: #f5f8fa !important;
  font-family: "Poppins", sans-serif !important;
}

/* Bath Resources page End */

/* Bath Vanity Installation Manuals page Start */

.bath_product_specifications #collections {
  border-collapse: collapse;
  width: 70%;
  text-align: left;
}

.bath_product_specifications #collections td,
#collections th {
  border: 1px solid #ddd;
  padding: 8px;
  font-size: 16px;
}

.bath_product_specifications #collections th {
  padding-top: 12px;
  padding-bottom: 12px;
  background-color: var(--cs-primary-color);
  color: var(--cs-white);
  font-size: 16px;
  font-weight: 600;
}

.bath_product_specifications #collections td a {
  color: var(--cs-sec-color);
  text-decoration: underline;
}

@media only screen and (max-width: 768px) {
  .bath_product_specifications #collections {
    border-collapse: collapse;
    width: 97%;
    text-align: left;
  }
}

/* Bath Vanity Installation Manuals page End */


/* Bath Installation Manuals Start */

.bath_specifications .pdfobject-container {
  height: 50rem;
  border: 1rem solid rgba(0, 0, 0, .1);
}

@media only screen and (max-width: 767px) {
  .bath_specifications .dpdf .downloadfil {
    position: relative;
    top: 0px !important;
    right: 0px;
  }
}

/*Bath Installation Manuals End

/* Bath Vanity Line Spec Book page Start */

.bath_vanity_line_spec_book .pdfobject-container {
  height: 60rem;
}

/* Bath Vanity Line Spec Book page End */

/* Bath Vanity Line Spec Book page Start */

.bath_vanity_line_spec_book .pdfobject-container {
  height: 60rem;
}

/* Bath Vanity Line Spec Book page End */

/* Bath Price List page Start */

.bath_price_list .pdfobject-container {
  height: 60rem;
}

/* Bath Price List page End */

/* Bath Vanity Warranty page Start */

.bath_vanity_warranty .pdfobject-container {
  height: 60rem;
}

/* Bath Vanity Warranty page End */

/* Bath Order Form page Start */

/* Bath Order page End */

/* Bath Product Brochure page Start */

.bath_product_brochure .pdfobject-container {
  height: 60rem;
}

/* Bath Product Brochure page End */

/* Sales Team Resources  Start*/

body.salesteam_resources {
  background-color: #f5f8fa !important;
  font-family: "Poppins", sans-serif !important;
}

.salesteam_resources .page.d-flex.flex-row.flex-column-fluid {
  background-color: #f5f8fa !important;
}

.salesteam_resources div#kt_wrapper {
  padding-top: 80px;
}

/* Sales Team Resources End */

/* Dealer Data Sheet page Start */

.dealer_data_sheet .pdfobject-container {
  height: 60rem;
}

@media only screen and (max-width: 767px) {
  .dealer_data_sheet .downloadfil {
    position: absolute;
    top: 125px !important;
    right: 100px;
  }
}

/* Dealer Data Sheet page End */

/* Essentials 2020 Catalog page Start */

.essentials_frameless_cabinetry div#kt_wrapper {
  padding-top: 80px;
}

.essentials_frameless_cabinetry .cardStyle {
  background: #fff;
  padding: 50px 20px;
  box-shadow: 0px 5px 25px 0px #0000001A;
}

.essentials_frameless_cabinetry .grid-ht {
  height: 100% !important;
}

@media only screen and (max-width: 1024px) {
  .essentials_frameless_cabinetry div#kt_wrapper {
    padding-top: 80px;
  }
}

/* Essentials 2020 Catalog page End */

/* La Dolce Vita Essentials Line page Start */

@media only screen and (max-width: 767px) {
  .la_dolce_vita_essentials .downloadfil {
    position: absolute;
    top: 125px !important;
    right: 100px;
  }
}

/* La Dolce Vita Essentials Line page End */

/* Essentials Quick Quote Form page Start */

.essentials_quick_quote div#kt_wrapper {
  padding-top: 80px;
}

.essentials_quick_quote .cardStyle {
  background: #ffffff;
  padding: 50px 20px 110px;
  box-shadow: 0px 5px 25px 0px #0000001A;
}

.essentials_quick_quote .page.d-flex.flex-row.flex-column-fluid {
  background-color: #f5f8fa;
}

/* Essentials Quick Quote Form page End */

/* Express Quick Quote Form page Start */

.express_quick_quote div#kt_wrapper {
  padding-top: 80px;
}

.express_quick_quote .cardStyle {
  background: #ffffff;
  padding: 50px 20px 110px;
  box-shadow: 0px 5px 25px 0px #0000001A;
}

.express_quick_quote .page.d-flex.flex-row.flex-column-fluid {
  background-color: #f5f8fa;
}

/* Express Quick Quote Form page End */

/*Express  Package */

.express_package div#kt_wrapper {
  padding-top: 80px;
}

.express_package .cardStyle {
  background: #ffffff;
  padding: 50px 20px 110px;
  box-shadow: 0px 5px 25px 0px #0000001A;
}

.express_package .page.d-flex.flex-row.flex-column-fluid {
  background-color: #f5f8fa;
}

/*Essentials  Package */

.essentials_package div#kt_wrapper {
  padding-top: 80px;
}

.essentials_package .cardStyle {
  background: #ffffff;
  padding: 50px 20px 110px;
  box-shadow: 0px 5px 25px 0px #0000001A;
}

.essentials_package .page.d-flex.flex-row.flex-column-fluid {
  background-color: #f5f8fa;
}


/* Express fully page start */
.express_fully_assembled div#kt_wrapper {
  padding-top: 80px;
}

.express_fully_assembled .cardStyle {
  background: #ffffff;
  padding: 50px 20px 110px;
  box-shadow: 0px 5px 25px 0px #0000001A;
}

.express_fully_assembled .page.d-flex.flex-row.flex-column-fluid {
  background-color: #f5f8fa;
}

/* Express fully page end */
/* Express RTA page start */
.express_rta div#kt_wrapper {
  padding-top: 80px;
}

.express_rta .cardStyle {
  background: #ffffff;
  padding: 50px 20px 110px;
  box-shadow: 0px 5px 25px 0px #0000001A;
}

.express_rta .page.d-flex.flex-row.flex-column-fluid {
  background-color: #f5f8fa;
}

/* Express RTA page end */


/* Essentials Warranty Form page Start */

.essentials_warranty_form div#kt_wrapper {
  padding-top: 80px;
}

.essentials_warranty_form .cardStyle {
  background: #ffffff;
  padding: 50px 20px 110px;
  box-shadow: 0px 5px 25px 0px #0000001A;
}

.essentials_warranty_form .page.d-flex.flex-row.flex-column-fluid {
  background-color: #f5f8fa;
}

@media only screen and (max-width: 1024px) {
  .essentials_warranty_form div#kt_wrapper {
    padding-top: 80px;
  }
}

/* Essentials Warranty Form page End */

/* Designer Series Quick Quote page Start */

.designer_series_quick .pdfobject-container {
  height: 50rem;
  border: 1rem solid rgba(0, 0, 0, .1);
}

.designer_series_quick .cardStyle {
  background: #fff;
  padding: 50px 50px 100px;
  box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
}

.designer_series_quick .flex-column-fluid {
  flex: 0 0 auto !important;
}

/* designer series package  */

.designer_series_package .pdfobject-container {
  height: 50rem;
  border: 1rem solid rgba(0, 0, 0, .1);
}

.designer_series_package .cardStyle {
  background: #fff;
  padding: 50px 50px 100px;
  box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
}

.designer_series_package .flex-column-fluid {
  flex: 0 0 auto !important;
}

.instruction_form .cardStyle {
  background: #fff;
  padding: 50px 50px 100px;
  box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
}

/* Designer Series Quick Quote page End */

/* Freight Calculation page Start */

body.freight_map_result {
  font-family: var(--cs-primary-font) !important;
}

.freight_map_result .category-filter {
  display: flex;
  position: relative;
  cursor: pointer;
  width: 25%;
  align-items: center;
  margin-left: auto;
  float: right;
  justify-content: space-evenly;
  margin-right: auto;
  margin-bottom: 1%;
}

.freight_map_result .table-responsive {
  width: 100%;
}

.freight_map_result .disabledContent {
  cursor: not-allowed;
  background-color: rgb(229, 229, 229) !important;
}

.freight_map_result #overlay {
  position: fixed;
  /* Sit on top of the page content */
  display: none;
  /* Hidden by default */
  width: 100%;
  /* Full width (cover the whole page) */
  height: 100%;
  /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  /* Black background with opacity */
  z-index: 2;
  /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer;
  /* Add a pointer on hover */
}

.freight_map_result .loader {
  border: 4px solid #f3f3f3;
  border-radius: 50%;
  border-top: 4px solid #9f3e22;
  width: 40px;
  height: 40px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  text-align: center;
  position: absolute;
  top: 55%;
  left: 60%;
  z-index: 10;
}

.freight_map_result .text-left {
  text-align: left;
  font-size: 15px;
}

.freight_map_result .text-left label {
  margin-bottom: 12px;
  font-family: var(--cs-primary-font) !important;
}

.freight_map_result .form-control,
.form-select {
  color: var(--kt-input-color);
  background-color: var(--kt-input-bg);
  border: 1px solid var(--cs-sec-color) !important;
  box-shadow: none !important;
}

.freight_map_result .select2-container--bootstrap5.select2-container--focus .form-select-solid,
.select2-container--bootstrap5.select2-container--open .form-select-solid {
  background-color: var(--cs-white) !important;
}

.freight_map_result .form-select.form-select-solid {
  background-color: var(--cs-white) !important;
}

/* Safari */
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/* Freight Calculation page End */

/* Approximate Transit Times page Start */

body.gettransittimes {
  font-family: var(--cs-primary-font) !important;
  font-size: 16px;
  line-height: 24px;
}

.gettransittimes .trans_text p {
  font-size: 16px !important;
}

.gettransittimes p {
  font-family: var(--cs-primary-font);
}

.gettransittimes .trans_text ul li {
  font-size: 16px !important;
  line-height: 30px;
}

.gettransittimes .trans_p {
  text-align: center;
}

.gettransittimes .trans_text {
  margin-top: 30px;
}

.gettransittimes .trans_text p {
  font-size: 14px;
}

.gettransittimes .trans_text ul li {
  font-size: 14px;
}

/* Approximate Transit Times page End */


/* Forms page Start */

body.forms {
  background-color: #f5f8fa !important;
  font-family: "Poppins", sans-serif !important;
}

.forms .card {
  min-height: 100%;
  color: #000;
  height: 290px;
  background: #fdfdfd;
  box-shadow: 0px 5px 25px 0px #0000001A;
}

.forms .card-body {
  padding: 50px 0px 0px 0px !important;
  text-align: center;
}


.forms .page.d-flex.flex-row.flex-column-fluid {
  background-color: #f5f8fa !important;
}

.forms div#kt_wrapper {
  padding-top: 80px;
}

/* Forms page End */

/* Order Form page Start */

body.order_form {
  font-family: var(--cs-primary-font) !important;
}

.order_form .card-title {
  color: var(--cs-black);
  font-size: 26px;
  font-weight: 500;
  height: 35px;
}

.order_form p {
  font-size: 16px;
  color: var(--cs-black);
}

.order_form .formd-btn {
  background-color: var(--cs-white) !important;
  border: 1px solid var(--cs-primary-color) !important;
  color: var(--cs-primary-color) !important;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 500;
  padding: 8px 15px !important;
  position: absolute;
  top: 125px;
  right: 60px;
}

.order_form .formd-btn img {
  width: 20px;
  vertical-align: middle;
  margin-right: 5px;
}

@media only screen and (max-width: 1024px) {
  .order_form .formd-btn {
    position: absolute;
    top: 102px;
    right: 60px;
  }
}

@media only screen and (min-width: 280px) and (max-width: 767px) {
  .order_form .formd-btn {
    position: absolute;
    font-size: 12px;
  }
}

/* Order Form page End */

/* Request Freight Quote Start */

body.showrequest_freight_quote {
  font-family: "Poppins", sans-serif !important;
}

.showrequest_freight_quote body::-webkit-scrollbar {
  display: none;
}

.showrequest_freight_quote iframe {
  overflow: scroll;
  height: 800px;
}

.showrequest_freight_quote iframe::-webkit-scrollbar {
  display: none;
}

.showrequest_freight_quote .qodef-h2,
h2 {
  font-family: "Poppins", sans-serif !important;
}

.showrequest_freight_quote input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=url] {
  border-width: 0 !important;
  border: 1px solid var(--cs-sec-color);
}

.login input[type=password] {
  border: 1px solid #ced4da !important;
  border-top-right-radius: .25rem !important;
  border-bottom-right-radius: .25rem !important;
}

.showrequest_freight_quote select {
  border: 1px solid var(--cs-sec-color);
}

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

.showrequest_freight_quote .cs-breadcrumb {
  padding: 0 0 8px 15px !important;
}

/* Request Freight Quote End */

/* Order Replacement Parts Start */

.order_replacement_parts body::-webkit-scrollbar {
  display: none;
}

.order_replacement_parts iframe {
  overflow: scroll;
  height: 800px;
}

.order_replacement_parts iframe::-webkit-scrollbar {
  display: none;
}

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

.order_replacement_parts .cs-breadcrumb {
  padding: 0 0 8px 15px !important;
}


/* Order Replacement Parts End */

/* Order List page Start */

body.orders_list {
  background-color: var(--cs-white);
  font-family: var(--cs-primary-font) !important;
}

.orders_list .category-filter {
  display: flex;
  position: relative;
  cursor: pointer;
  width: 25%;
  align-items: center;
  margin-left: auto;
  float: right;
  justify-content: space-evenly;
  margin-right: auto;
  margin-bottom: 1%;
}

.orders_list .table-responsive {
  width: 100%;
}

.orders_list .cs-dealer-title {
  margin-bottom: 0px;
}

.orders_list .dealer-btn {
  background-color: var(--cs-primary-bg);
  color: var(--cs-white);
  border: 1px solid var(--cs-primary-color);
  padding: 10px 30px;
  border-radius: 25px;
  font-size: 14px;
  letter-spacing: 2px;
}

.orders_list .dealer-btn:hover {
  background-color: var(--cs-white);
  color: var(--cs-primary-color);
  border: 1px solid var(--cs-primary-color);
  letter-spacing: 2px;
}

.orders_list .sdealer-btn {
  background-color: var(--cs-white);
  color: var(--cs-primary-color);
  border: 1px solid var(--cs-primary-color);
  padding: 10px 11px;
  border-radius: 25px;
  font-size: 14px;
  letter-spacing: 2px;
}

.orders_list .sdealer-btn:hover {
  background-color: var(--cs-primary-bg);
  color: var(--cs-white);
  border: 1px solid var(--cs-primary-color);
}

.orders_list .dbtn-col {
  margin-top: 30px;
}

.orders_list input#searchInput {
  width: 93%;
  height: 40px;
  vertical-align: bottom;
}

.orders_list .csbtn {
  padding: 0px !important;
  width: 7%;
  margin-left: -5px;
  border-top-right-radius: 12px !important;
  border-bottom-right-radius: 12px !important;
  height: 40px;
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}

.orders_list input#searchInput {
  padding-left: 20px;
  border: 1px solid #4E4E4E99 !important;
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}

.orders_list input#searchInput:focus-visible {
  outline: none !important;
  border: 1px solid var(--cs-primary-color);
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

.orders_list #dealer-filt {
  float: left;
  margin-bottom: 30px;
}

.orders_list .dealer-list {
  padding: 0px 0px 0px 25px !important;
  border-right: 1px solid;
}

.orders_list .dealer-list .dropdown {
  text-align: left;
}

.orders_list .dealer-list .dropdown-menu {
  min-width: 220px !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0px;
}


.orders_list .dealer-list .arrow {
  border: solid black;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 5px;
  vertical-align: baseline;
  float: inline-end;
}

.orders_list .dealer-list .down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.orders_list .dealer-list button.btn.dropdown-toggle {
  font-size: 16px;
  font-weight: 500;
  border-bottom: 1px solid #000 !important;
  border-radius: 0;
  padding: 0px 0px 10px 0px !important;
  width: 190px;
  text-align: left;
}

.orders_list .dealer-list .dropdown-menu>li>a {
  display: block;
  padding: 5px 2px;
  clear: both;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: var(--cs-primary-color);
  white-space: nowrap;
}

.orders_list .dealer-filt {
  font-size: 16px !important;
  padding: 10px 25px !important;
  border: 1px solid var(--cs-primary-bg) !important;
  color: var(--cs-primary-color) !important;
  border-radius: 25px !important;
  margin-right: 10px;
}

.orders_list .dealer-filt:hover {
  color: var(--cs-primary-color);
}

.orders_list button.dealer-filt {
  position: relative;
  top: -5px;
}

.orders_list .clear-filt {
  font-size: 16px;
  font-weight: 600;
  color: var(--cs-primary-color);
  padding-left: 10px;
  display: inline-flex;
}

.orders_list .clear-filt:hover {
  color: var(--cs-primary-color);
}

.orders_list .sale-rep-search-checkbox {
  opacity: 0;
  position: absolute;
}

.orders_list thead tr th {
  border-top: 1px solid #000 !important;
}

.orders_list thead tr th {
  border-top: 1px solid #000 !important;
  vertical-align: middle !important;
}

.orders_list table tr th,
td {
  text-align: left;
}

.orders_list .status-view {
  border-radius: 24px !important;
  border: 1px solid var(--cs-primary-color) !important;
  padding: 8px 35px !important;
}

.orders_list .status-view:hover {
  background-color: var(--cs-white) !important;
  color: var(--cs-primary-color) !important;
  border: 1px solid var(--cs-primary-color) !important;
}

.orders_list .col-sm-12.col-md-5.d-flex.align-items-center.justify-content-center.justify-content-md-start div#order_list_length,
div#order_list_info {
  display: none !important;
}

.orders_list #order_list_paginate .active>.page-link,
.page-link.active {
  background-color: var(--cs-primary-bg) !important;
  border: 1px solid var(--cs-primary-color);
  color: var(--cs-white) !important;
}

.orders_list #order_list_paginate .page-link:hover i.next {
  color: var(--cs-primary-color) !important;
}

.orders_list #order_list_paginate .pagination>li>a,
.pagination>li>span {
  position: relative;
  float: left;
  padding: 6px 15x;
  margin-left: -1px;
  line-height: 1.42857143;
  color: var(--cs-primary-color) !important;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid var(--cs-primary-color) !important;
}

.orders_list div.dataTables_wrapper div.dataTables_paginate ul.pagination {
  margin: 2px 20px !important;
}

.orders_list th,
td {
  font-size: 14px !important;
}

.orders_list .row {
  --bs-gutter-x: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.orders_list .table tbody tr td {
  vertical-align: middle !important;
}

.orders_list tr th {
  width: 14% !important;
}

.orders_list .order-info {
  display: flex;
  align-items: center;
}

.orders_list .dealer-download img {
  padding-right: 18px !important;
}

.orders_list .readytoshipment,
.Shipped,
.Orderconfirmed,
.confirmed,
.received,
.orderreceived,
.onhold,
.warehouse,
.readytoship,
.transit,
.t-transitrichmond {
  background-color: #FEF3EA;
  text-align: center !important;
  padding: 8px 19px;
  border-radius: 25px;
  color: #DD866A;
  justify-content: center;
}

.orders_list .delivered {
  background-color: #D7F6E5;
  text-align: center !important;
  padding: 8px 30px;
  border-radius: 25px;
  color: #54A073;
  justify-content: center;
}

.orders_list .m-account .dropdown-header {
  background-color: #ffffff;
  padding: 8px 12px !important;
}

.orders_list .c1 {
  padding: 0 !important;
}

.orders_list .c1 svg {
  margin: 0;
}

.orders_list .m-account .dropdown-menu {
  border: none !important;
  border-radius: 0 !important;
  box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15) !important;
}

.orders_list .m-account .aname1 {
  margin-top: 0;
}

@media only screen and (min-width: 1200px) {
  .orders_list .col-md-3.col-lg-3.dealer-list {
    width: 25% !important;
  }
}

@media (min-width:992px) {

  .orders_list .container,
  .container-fluid,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    padding: 0 60px !important;
  }
}


/* Style dropdown */

.orders_list .card-body {
  position: relative;
  padding: 0px 0px 0px 0px !important;
  text-align: center;
}

.orders_list .dealer-list ul {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow-y: scroll;
}

.orders_list .panel-body .admin {
  height: 400px;
  overflow-y: scroll;
}

.orders_list .dealer-list .nav li {
  width: 100%;
}

.orders_list .dealer-list .nav li a {
  font-size: 14px;
}

.orders_list .dealer-list #accordionMenu {
  max-width: 300px;
}

.orders_list .dealer-list .panel-body {
  padding: 0;
}

.orders_list .dealer-list .panel {
  border-bottom: 1px solid var(--cs-black) !important;
}

.orders_list .dealer-list .panel-group .panel+.panel {
  margin-top: 0;
  border-top: 0;
}

.orders_list .dealer-list .panel-group .panel {
  border-radius: 0;
  border: none;
}

.orders_list .dealer-list .panel-default {
  border-top: none !important;
}

.orders_list .dealer-list .panel-default>.panel-heading {
  color: #333;
  background-color: #fff;
  border-color: #e4e5e7;
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.orders_list .dealer-list .panel-default>.panel-heading a {
  display: block;
  padding: 10px 15px 10px 0px;
  text-decoration: none;
  text-align: left !important;
}

.orders_list .dealer-list .panel-default>.panel-heading a:after {
  content: "";
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: right;
  transition: transform .25s linear;
  -webkit-transition: -webkit-transform .25s linear;
}

.orders_list .panel-group .panel-heading+.panel-collapse>.list-group,
.panel-group .panel-heading+.panel-collapse>.panel-body {
  border-top: none !important;
}

.orders_list .dealer-list .panel-default>.panel-heading a[aria-expanded="true"] {
  background-color: var(--cs-white);
  text-align: left;
}

.orders_list .dealer-list .panel-default>.panel-heading a[aria-expanded="true"]:after {
  content: "\e113";
}

.orders_list .dealer-list .panel-default>.panel-heading a[aria-expanded="false"]:after {
  content: "\e114";
}

.orders_list .dealer-list .nav li input {
  padding-left: 10px;
  vertical-align: middle;
  margin-top: 0px;
  margin-right: 6px;
}

.orders_list .dealer-list .nav li {
  width: 100%;
  text-align: left;
  vertical-align: middle;
  margin-top: 5px;
}

.orders_list a.show {
  display: flex !important;
}

.orders_list .mgZero {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.orders_list .dealer-list .nav li input[type=checkbox],
.dealer-list .nav li input[type=radio] {
  position: absolute;
  left: -9999px;
}

.orders_list .panel-collapse label {
  font-weight: 400;
  font-size: 15px;
}

.orders_list .selections1,
.selections2,
.selections3,
.selections4,
.selections5 {
  display: none;
}

.orders_list .dealer-filt .close {
  position: relative !important;
  top: -4px !important;
  left: 9px !important;
  cursor: pointer !important;
}

.orders_list .dmenu-filt {
  text-align: left !important;
  padding: 8px 35px 8px 18px !important;
}

.orders_list .dmenu-filt .close span {
  position: relative !important;
  top: 4px !important;
  right: -10px;
  font-size: 23px;
  color: #818054 !important;
  font-weight: 400;
}

.orders_list .dealer-list ul label {
  cursor: pointer;
}

/* close button start*/
.orders_list span.searchBox-clear.js-clearSearchBox {
  display: none;
}

.orders_list span.searchBox-clear.js-clearSearchBox.round {
  display: inline;
}

.orders_list span.searchBox-clear.js-clearSearchBox {
  display: none;
}

.orders_list span.searchBox-clear.js-clearSearchBox i {
  position: absolute;
  top: 15px;
  right: 110px;
  color: #809A9B;
  cursor: pointer;
}


.orders_list #accordionMenu .nav .highlighted {
  color: var(--cs-primary-color) !important;
  font-weight: 600 !important;
}

.orders_list #accordionMenu .nav .active {
  color: var(--cs-primary-color) !important;
  font-weight: 600 !important;
}

input[type="date"]::-webkit-calendar-picker-indicator {
  color: rgba(0, 0, 0, 0);
  opacity: 1;
  display: block;
  background: url(./public/assets/dates.png) no-repeat !important;
  background-repeat: no-repeat;
  width: 20px !important;
  border-width: thin;
  padding-top: 2px !important;
}

.orders_list .fromdatediv,
.todatediv {
  position: relative;
}

.orders_list .fromdatediv input[type="date"]::-webkit-calendar-picker-indicator {
  position: absolute;
  left: 4px;
  bottom: 12px;
}

.orders_list .todatediv input[type="date"]::-webkit-calendar-picker-indicator {
  position: absolute;
  left: 4px;
  bottom: 12px;
}

.orders_list .dealer-list .nav li input#todatepicker {
  padding-left: 25px !important;
  vertical-align: middle;
  margin-top: 0px;
  margin-right: 6px;
  border-radius: 0px;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.orders_list .dealer-list .nav li input#fromdatepicker {
  padding-left: 28px !important;
  vertical-align: middle;
  margin-top: 0px;
  margin-right: 6px;
  border-radius: 0px;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}


.orders_list li.fromtodate {
  display: flex !important;
  flex-direction: row;
}

.orders_list .fromdatediv {
  width: 48%;
  margin-right: 5px;
}

.orders_list .todatediv {
  width: 48%;
  margin-right: 5px;
}

.orders_list .fromdatediv input {
  padding: 5px !important;
}

.orders_list .sd {
  padding: 5px 10px;
  height: 30px;
  width: 100%;
}

.orders_list .open-button {
  position: absolute;
  top: 10px;
  right: 11px;
  width: 25px;
  height: 25px;
  background: #fff;
  pointer-events: none;
}

.orders_list .open-button button {
  border: none;
  background: transparent;
}

.orders_list .panel-body input {
  cursor: pointer;
}

.orders_list .dealer-list .nav li {
  cursor: pointer;
}

.orders_list .dealer-list .panel-default>.panel-heading a[aria-expanded="true"] {
  background-color: var(--cs-white);
  text-align: left;
  color: var(--cs-primary-color);
}

.orders_list .clear-filt:focus {
  color: var(--cs-primary-color);
}

.orders_list .modal-header {
  padding: 14px 23px !important;
}

.orders_list .modal-header h2 {
  color: var(--cs-black) !important;
  font-weight: 600;
}

.orders_list .modal-body h3 {
  font-size: 1.35rem;
  font-weight: 600;
  margin-bottom: 0px;
}

.orders_list .modal-body h5 {
  font-size: 1.15rem;
  font-weight: 600;
}

@media only screen and (max-width: 1024px) {
  .orders_list span.line {
    height: 5px;
    background-color: #BDBDBD;
    display: block;
    position: relative;
    bottom: 18px !important;
    width: 56% !important;
    left: 41% !important;
  }

  .orders_list li.fromtodate {
    display: block !important;
  }

  .orders_list .todatediv {
    width: 95% !important;
    margin-right: 5px;
  }

  .orders_list .fromdatediv {
    width: 95% !important;
    margin-right: 5px;
    margin-bottom: 10px;
  }

  .orders_list .dealer-list .nav li input#fromdatepicker {
    padding-top: 0px !important;
    padding-bottom: 12px !important;
    padding-left: 5px !important;
    text-align: center !important;
  }

  .orders_list .dealer-list .nav li input#todatepicker {
    padding-top: 0px !important;
    padding-bottom: 15px !important;
    padding-left: 5px !important;
    text-align: center !important;
  }

  .orders_list .th-width {
    min-width: 150px !important;
  }

  .orders_list #order-list tr td {
    width: 20% !important;
  }

  .orders_list .table-responsive {
    min-height: .01%;
    overflow-x: auto !important;
    visibility: visible !important;
    scrollbar-width: thin;
  }

  @media only screen and (max-width: 767px) {
    .orders_list div.dataTables_wrapper div.dataTables_paginate ul.pagination {
      margin: 2px 10px !important;
    }

    .orders_list #order_list_paginate .pagination>li>a,
    .pagination>li>span {
      padding: 6px 6px !important;
    }
  }
}

/* Order List page End */

/* View Order Tracking page Start */

body.view_order_tracking {
  background-color: var(--cs-white);
}

.view_order_tracking .page-template-mwtracking-template .head__menu__content h1 {
  text-align: center;
  font-size: 32px;
  font-weight: 600;
  padding: 0px;
}

.view_order_tracking .left-order {
  float: left;
  padding-left: 2%;
}

.view_order_tracking .right-order {
  padding-right: 2%;
}

.content1 h2 {
  text-align: center;
}

.view_order_tracking .right-order .content2-header1 {
  padding: 8px;
}

.view_order_tracking .step_box.last_status span.line {
  background: #ddd;
}

.view_order_tracking #OnHold {
  display: none;
  margin-left: 4%;
}

.view_order_tracking #Cancelled {
  display: none;
  margin-left: 4%;
}

.step_box {
  width: 15% !important;
  text-align: center;
}

#step7 span.line {
  opacity: 0;
}

.view_order_tracking .step1 {
  margin-left: 0;
}

.view_order_tracking .step6 {
  margin-right: 0;

}

.view_order_tracking .view_p p {
  text-align: center !important;
  font-size: 14px !important;
}

.view_order_tracking .popup button {
  background: #818054;
  border-radius: 3px;
  color: white;
  border: 0;
  padding: 12px 16px;
  margin-top: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  display: block;
  width: 100%;
  border-radius: 20px;
}

.view_order_tracking .popup button:disabled {
  opacity: 0.5;
  cursor: none;
}

.view_order_tracking .pay-btn {
  background-color: #b2694f;
  color: #fff;
  padding: 10px 28px !important;
  border-radius: 20px;
  border: none;
  font-size: 14px;
  margin-left: 10px;
  padding: 5px 10px;
}

.view_order_tracking .st-pbtn {
  background-color: #b2694f;
  color: #fff;
  padding: 10px 28px !important;
  border-radius: 3px;
  bottom: 48px;
  border: none;
  font-size: 15px;
  position: relative;
}

.view_order_tracking .st-pbtn {
  background-color: #b2694f;
  color: #fff;
  padding: 12px 45px;
  border-radius: 3px;
  border: none;
}

.view_order_tracking .popup {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  padding: 26px;
  border: 1px solid #b2694f;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  z-index: 100 !important;
  width: 600px;
  border-radius: 8px;
  height: 466px;
  overflow-y: scroll;
}

.view_order_tracking .imgcircle svg {
  vertical-align: middle;
  position: relative;
  top: 12px;
  left: 12px;
}

/* Style for the close button */
.view_order_tracking .close {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}

.view_order_tracking a.st-pbtn:hover {
  background-color: #9f3e22;
  transform: translateX(3px) translateY(3px);
}

.view_order_tracking #payment-form label {
  font-size: 24px;
  margin-bottom: 16px;
  font-weight: 600;
}

.view_order_tracking #popupOverlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  background-color: #000000a1;
}

.view_order_tracking .ps {
  padding-bottom: 15px;

}

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

.view_order_tracking .payment-details {
  color: #777;
  font-size: 15px;
  text-align: center;
}

.view_order_tracking .payment-details span {
  padding-left: 5px;
  font-weight: 400 !important;
  color: #000;
}

.view_order_tracking .steps_area {
  float: left;
  width: 100%;
  background: #ffffff !important;
  display: none;
}

.view_order_tracking li#list-group-item {

  border-bottom: 2px solid #D8D8D8 !important;
}

.view_order_tracking .list-group-item {
  border: var(--bs-list-group-border-width) solid rgb(255 255 255 / 13%) !important;
}

.view_order_tracking #list-group-item b {
  color: #000 !important;
  font-weight: 800 !important;
  font-size: 18px;
}

.view_order_tracking .back-btn {
  color: var(--cs-primary-color);
  font-size: 14px;
  font-weight: 500;
  position: absolute;
  left: 0%;
  top: 0;
}

.view_order_tracking ul#order_detail_colum_one,
ul#order_detail_colum_two {
  max-width: 600px;
  border: 1px solid var(--cs-sec-color);
  padding: 15px;
  padding-bottom: 50px;
  margin: 0 auto;
  height: 100%;
}

.view_order_tracking .shipmenturl {
  background: var(--cs-primary-color);
  padding: 10px;
  color: #fff;
}

.view_order_tracking li.list-group-item.ordertitle {
  border: none !important;
}

.view_order_tracking .order_detail .lineli:last-child,
.order_detail #order_detail_colum_two li:last-child {
  border: none !important;
}

.view_order_tracking .paypayment {
  height: 243px !important;
}

.view_order_tracking .pay-btn {
  background-color: var(--cs-primary-bg) !important;
  transition: all .3s ease;
}

.view_order_tracking .pay-btn:hover {
  background-color: #fff !important;
  border: 1px solid var(--cs-primary-bg) !important;
  color: var(--cs-primary-bg) !important;
  transition: all .3s ease;
}

.view_order_tracking .order_detail .list-group-item {
  color: var(--cs-black);
  font-size: 15px;
  font-weight: 600;
  border-bottom: 1px solid #4E4E4E24 !important;
  padding: 15px 0px !important;
}

.view_order_tracking .left-column {
  flex: 1;
  display: inline-block;
  width: 49%;
}

.view_order_tracking .right-column {
  flex: 1;
  display: inline-block;
  width: 49%;
}

.view_order_tracking .lineli {
  display: flex;
}

.view_order_tracking .answspan a {
  color: #000000;
}

.view_order_tracking .col-lg-12.yod_row {
  margin: 20px 0px 15px;
}

@media (min-width: 992px) {
  .view_order_tracking span.line {
    width: 61% !important;
  }

  .view_order_tracking div#step7 {
    margin-left: 0;
    padding-left: 0px;
  }
}

.view_order_tracking .step_box.done .imgcircle svg {
  display: block !important;
}

.view_order_tracking .imgcircle {
  height: 43px;
  width: 43px;
  border-radius: 50%;
  background-color: #BDBDBD;
  position: relative;
  top: 10px;
  left: 35%;
  z-index: 1;
}


.view_order_tracking .step_box.done .imgcircle {
  height: 50px;
  width: 50px;
  border-radius: 50%;
  background-color: var(--cs-primary-color);
  position: relative;
  z-index: 1;
}

.view_order_tracking span.line {
  height: 5px;
  background-color: #BDBDBD;
  display: block;
  position: relative;
  bottom: 14px !important;
  width: 58% !important;
  left: 70% !important;
}

.view_order_tracking .step_box.done span.line {
  height: 5px;
  background-color: var(--cs-primary-color);
  display: block;
  position: relative;
  bottom: 22px !important;
  width: 53% !important;
  left: 76% !important;
}

.view_order_tracking .shipment {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.view_order_tracking .step_box.done p {
  color: var(--cs-primary-color) !important;
  padding-top: 0px !important;
  margin-top: 10px;
}

.view_order_tracking .step_box p {
  color: #BDBDBD !important;
  padding-top: 10px !important;
  margin-top: 10px;
}

@media only screen and (min-width:1400px) {
  .view_order_tracking div#step7 {
    margin-left: 0;
    padding-left: 0px;
  }

  .view_order_tracking .step_box.done span.line {
    height: 5px;
    background-color: var(--cs-primary-color);
    display: block;
    position: relative;
    bottom: 20px !important;
    width: 53% !important;
    left: 72% !important;
  }

  .view_order_tracking span.line {
    height: 5px;
    background-color: #BDBDBD;
    display: block;
    position: relative;
    bottom: 14px !important;
    width: 55% !important;
    left: 70% !important;
  }
}

@media only screen and (max-width: 1024px) {
  .view_order_tracking .back-btn {
    position: absolute;
    left: 12%;
  }

  .view_order_tracking span.line {
    bottom: 17px !important;
    width: 45% !important;
    left: 84% !important;
  }
}

/*Tab Responsive Start*/
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .view_order_tracking .step_box {
    width: 14.3%;
  }

  .view_order_tracking .step_box.done .imgcircle {
    height: 55px;
    width: 55px;
    border-radius: 50%;
    background-color: var(--cs-primary-color);
    position: relative;
    z-index: 1;
  }

  .view_order_tracking .imgcircle svg {
    vertical-align: middle;
    position: relative;
    top: 15px;
    left: 15px;
  }

  .view_order_tracking .step_box.done span.line {
    height: 5px;
    background-color: var(--cs-primary-color);
    display: block;
    position: relative;
    bottom: 22px !important;
    width: 43% !important;
    left: 88% !important;
  }

  .view_order_tracking .imgcircle {
    height: 48px;
    width: 48px;
    border-radius: 50%;
    background-color: #BDBDBD;
    position: relative;
    top: 10px;
    z-index: 1;
  }

  .view_order_tracking div#step7 {
    margin-left: 0;
    padding-left: 0px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .view_order_tracking span.line {
    bottom: 14px !important;
    width: 55% !important;
    left: 76% !important;
  }

  .view_order_tracking .step_box.done span.line {
    width: 48% !important;
    left: 82% !important;
  }

  .view_order_tracking .back-btn {
    position: absolute;
    left: 18%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
  .view_order_tracking .content3 p {
    font-size: 10px !important;
  }
}

@media only screen and (max-width: 820px) {
  .view_order_tracking .col-lg-12.yod_row {
    margin: 20px auto 15px !important;
    max-width: 600px;
  }
}

/*Tab Responsive End*/

/*Mobile responsive Start*/
@media only screen and (max-width: 767px) {

  .view_order_tracking .back-btn {
    position: absolute;
    left: 5% !important;
  }

  .view_order_tracking ul#order_detail_colum_one,
  ul#order_detail_colum_two {
    height: 400px;
  }

  .view_order_tracking .step_box {
    width: 15%;
  }

  .view_order_tracking .step_box.done .imgcircle {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    background-color: var(--cs-primary-color);
    position: relative;
    z-index: 1;
  }

  .view_order_tracking .step_box.done span.line {
    height: 3px;
    background-color: var(--cs-primary-color);
    display: block;
    position: relative;
    bottom: 13px !important;
    width: 20% !important;
    left: 76% !important;
  }

  .view_order_tracking .imgcircle {
    height: 35px;
    width: 35px;
    border-radius: 50%;
    background-color: #BDBDBD;
    position: relative;
    top: 10px;
    z-index: 1;
  }

  .view_order_tracking .imgcircle svg {
    vertical-align: middle;
    position: relative;
    top: 5px;
    left: 10px;
    width: 20px;
  }


  .view_order_tracking span.line {
    height: 3px;
    background-color: #BDBDBD;
    display: block;
    position: relative;
    bottom: 8px !important;
    width: 25% !important;
    left: 72% !important;
  }

  .view_order_tracking .content3 p {
    font-size: 5.5px !important;
  }

  .view_order_tracking div#step7 {
    padding-left: 27px;
  }
}

@media only screen and (max-width:390px) {
  .view_order_tracking .back-btn {
    position: absolute;
    left: 1% !important;
    font-size: 12px !important;
  }

  .view_order_tracking .step_box.done .imgcircle {
    height: 32px;
    width: 32px;
    border-radius: 50%;
    background-color: var(--cs-primary-color);
    position: relative;
    z-index: 1;
  }

  .view_order_tracking .imgcircle svg {
    vertical-align: middle;
    position: relative;
    top: 1px;
    left: 7px;
    width: 17px;
  }

  .view_order_tracking .step_box.done span.line {
    height: 3px;
    background-color: var(--cs-primary-color);
    display: block;
    position: relative;
    bottom: 10px !important;
    width: 20% !important;
    left: 71% !important;
  }

  .view_order_tracking .imgcircle {
    height: 28px;
    width: 28px;
    border-radius: 50%;
    background-color: #BDBDBD;
    position: relative;
    top: 10px;
    z-index: 1;
  }

  .view_order_tracking span.line {
    height: 3px;
    background-color: #BDBDBD;
    display: block;
    position: relative;
    bottom: 5px !important;
    width: 30% !important;
    left: 65% !important;
  }

  .view_order_tracking .content3 p {
    font-size: 5px !important;
    margin-left: -50%;
    line-height: 35px;
  }

  .view_order_tracking div#step7 {
    padding-left: 24px;
  }
}

/*Mobile responsive End*/

/* View Order Tracking page End */

/* Manage Dealer page Start */

body.md_index {
  background-color: var(--cs-white);
  font-family: var(--cs-primary-font) !important;
}

.md_index .category-filter {
  display: flex;
  position: relative;
  cursor: pointer;
  width: 25%;
  align-items: center;
  margin-left: auto;
  float: right;
  justify-content: space-evenly;
  margin-right: auto;
  margin-bottom: 1%;
}

.md_index .table-responsive {
  width: 100%;
}

.md_index .cs-dealer-title {
  text-align: right;
  margin-bottom: 0px;
}

.md_index .dealer-btn {
  background-color: var(--cs-primary-bg);
  color: var(--cs-white);
  border: 1px solid var(--cs-primary-color);
  padding: 10px 30px;
  border-radius: 25px;
  font-size: 14px;
  letter-spacing: 2px;
}

.md_index .dealer-btn:hover {
  background-color: var(--cs-white);
  color: var(--cs-primary-color);
  border: 1px solid var(--cs-primary-color);
  letter-spacing: 2px;
}

.md_index .sdealer-btn {
  background-color: var(--cs-white);
  color: var(--cs-primary-color);
  border: 1px solid var(--cs-primary-color);
  padding: 10px 11px;
  border-radius: 25px;
  font-size: 14px;
  letter-spacing: 2px;
}

.md_index .sdealer-btn:hover {
  background-color: var(--cs-primary-bg);
  color: var(--cs-white);
  border: 1px solid var(--cs-primary-color);
}

.md_index .dbtn-col {
  float: right;
  margin-top: 30px;
  padding-right: 20px;
}

.md_index input#searchInput {
  width: 93%;
  height: 40px;
  vertical-align: bottom;
}

.md_index .csbtn {
  padding: 0px !important;
  width: 7%;
  margin-left: -5px;
  border-top-right-radius: 12px !important;
  border-bottom-right-radius: 12px !important;
  height: 40px;
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}

.md_index input#searchInput {
  padding-left: 20px;
  border: 1px solid #4E4E4E99 !important;
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}

.md_index input#searchInput:focus-visible {
  outline: none !important;
  border: 1px solid var(--cs-primary-color);
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

.md_index #dealer-filt {
  float: left;
  margin-bottom: 30px;
}

.md_index .dealer-list {
  padding: 0px 0px 0px 25px !important;
  border-right: 1px solid;
}

.md_index .dealer-list .dropdown {
  text-align: left;
}

.md_index .dealer-list .dropdown-menu {
  min-width: 190px !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0px;
}


.md_index .dealer-list .arrow {
  border: solid black;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 5px;
  vertical-align: baseline;
  float: inline-end;
}

.md_index .dealer-list .down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.md_index .dealer-list button.btn.dropdown-toggle {
  font-size: 16px;
  font-weight: 500;
  border-bottom: 1px solid #000 !important;
  border-radius: 0;
  padding: 0px 0px 10px 0px !important;
  width: 190px;
  text-align: left;
}

.md_index .dealer-list .dropdown-menu>li>a {
  display: block;
  padding: 5px 2px;
  clear: both;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: var(--cs-primary-color);
  white-space: nowrap;
}

.md_index .dealer-filt {
  font-size: 16px;
  padding: 10px 25px;
  border: 1px solid var(--cs-primary-bg);
  color: var(--cs-primary-color);
  border-radius: 25px;
}

.md_index .dealer-filt:hover {
  color: var(--cs-primary-color);
}

.md_index .clear-filt {
  font-size: 16px;
  font-weight: 600;
  color: var(--cs-primary-color);
  padding-left: 10px;
}

.md_index .clear-filt:hover {
  color: var(--cs-primary-color);
}

.md_index .country-search-checkbox {
  opacity: 0;
  position: absolute;
}

.md_index .dealer-search-checkbox {
  opacity: 0;
  position: absolute;
}

.md_index .sale-rep-search-checkbox {
  position: absolute;
  left: -9999px;
}

.md_index thead tr th {
  border-top: 1px solid #000 !important;
}

.md_index thead tr th {
  border-top: 1px solid #000 !important;
  vertical-align: middle !important;
}

.md_index table tr th,
td {
  text-align: left;
}

.md_index .dealer-edit {
  border-radius: 24px !important;
  border: 1px solid var(--cs-primary-color) !important;
}

.md_index .dealer-edit:hover {
  background-color: var(--cs-white) !important;
  color: var(--cs-primary-color) !important;
  border: 1px solid var(--cs-primary-color) !important;
}

.md_index div#dealer_list_info {
  display: none;
}

.md_index div#dealer_list_length {
  display: none;
}

.md_index #dealer_list_paginate .active>.page-link,
.page-link.active {
  background-color: var(--cs-primary-bg) !important;
  border: 1px solid var(--cs-primary-color);
  color: var(--cs-white) !important;
}

.md_index #dealer_list_paginate .page-link:hover i.next {
  color: var(--cs-primary-color) !important;
}

.md_index #dealer_list_paginate .pagination>li>a,
.pagination>li>span {
  position: relative;
  float: left;
  padding: 6px 15x;
  margin-left: -1px;
  line-height: 1.42857143;
  color: var(--cs-primary-color) !important;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid var(--cs-primary-color) !important;
}

.md_index div.dataTables_wrapper div.dataTables_paginate ul.pagination {
  margin: 2px 20px !important;
}

.md_index th,
td {
  font-size: 14px !important;
}

.md_index input.dealer-search-checkbox {
  width: 100% !important;
}

.md_index input.sale-rep-search-checkbox {
  width: 100% !important;
}

.md_index a.show {
  display: flex !important;
}

.md_index .row {
  --bs-gutter-x: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.md_index .m-account .dropdown-menu {
  border: none;
  border-radius: 0;
}

.md_index .m-account .dropdown-header {
  background-color: #ffffff;
  padding: 8px 12px !important;
}

.md_index .c1 {
  padding: 0 !important;
}

.md_index .c1 svg {
  margin: 0;
}

.md_index .c1 svg,
.c1 {
  margin-left: -5px !important;
}

.md_index .m-account .dropdown-menu {
  border: none !important;
  border-radius: 0 !important;
  box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15) !important;
}

.md_index .m-account .aname1 {
  margin-top: 0;
}

.dealer-search-checkbox {
  /* opacity: 0; 
  position: absolute;
  left: -9999px;*/
}

@media (min-width: 992px) {

  .md_index .container,
  .container-fluid,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    padding: 0 60px !important;
  }
}


/* Style dropdown */

.md_index .dealer-list ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.md_index .dealer-list .nav li {
  border-bottom: none !important;
  width: 100%;
  text-align: left;
  font-size: 15px;
  padding-top: 8px;
  padding-left: 8px;
}

.md_index .dealer-list .nav li a {
  font-size: 14px;
}

.md_index .dealer-list #accordionMenu {
  max-width: 300px;
}

.md_index .dealer-list .panel-body {
  padding: 0;
}

.md_index .dealer-list .panel-group .panel+.panel {
  margin-top: 0;
  border-top: 0;
}

.md_index .dealer-list .panel-group .panel {
  border-radius: 0;
  border: none;
  border-bottom: 1px solid;
}

.md_index .dealer-list .panel-default>.panel-heading {
  color: #333;
  background-color: #fff;
  border-color: #e4e5e7;
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.md_index .dealer-list .panel-default>.panel-heading a {
  display: block;
  padding: 10px 15px 10px 8px;
  text-decoration: none;
  border-top: none !important;
  text-align: left;
  font-size: 16px;
}

.md_index .dealer-list .panel-default>.panel-heading a:after {
  content: "";
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: right;
  transition: transform .25s linear;
  -webkit-transition: -webkit-transform .25s linear;
}

.md_index .dealer-list .panel-default>.panel-heading a[aria-expanded="true"] {
  background-color: #eee;
}

.md_index .dealer-list .panel-default>.panel-heading a[aria-expanded="true"]:after {
  content: "\e113";
}

.md_index .dealer-list .panel-default>.panel-heading a[aria-expanded="false"]:after {
  content: "\e114";
}

.md_index .dealer-list .panel-default>.panel-heading a[aria-expanded="true"] {
  background-color: var(--cs-white);
  text-align: left;
}

.md_index .panel-group .panel-heading+.panel-collapse>.list-group,
.panel-group .panel-heading+.panel-collapse>.panel-body {
  border-top: none !important;
}

.md_index .dealer-list .nav li label {
  font-weight: 400;
}

.md_index .selections1,
.selections2 {
  display: none;
}

.md_index .dealer-filt .close {
  position: relative !important;
  top: -4px !important;
  left: 9px !important;
  cursor: pointer !important;
}

.md_index .dealer-filt .close span {
  position: relative !important;
  top: 6px !important;
  font-size: 21px;
  color: #818054;
  font-weight: 400;
}

.md_index .dealer-list .nav li label:active {
  color: var(--cs-primary-color) !important;
  font-weight: 600;
}


/* end */

@media only screen and (min-width: 1200px) {
  .md_index .col-md-3.col-lg-3.dealer-list {
    width: 22% !important;
  }
}

.md_index .dealer-list .nav li label .dealerlab .active {
  color: #818054;
  font-weight: 600;
}

.md_index .dealer-list .nav li label .subdealerlab .active {
  color: #818054;
  font-weight: 600;
}

/* close button start*/
.md_index span.searchBox-clear.js-clearSearchBox {
  display: none;
}

.md_index span.searchBox-clear.js-clearSearchBox.round {
  display: inline;
}

.md_index span.searchBox-clear.js-clearSearchBox {
  display: none;
}

.md_index span.searchBox-clear.js-clearSearchBox i {
  position: absolute;
  top: 15px;
  right: 110px;
  color: #809A9B;
  cursor: pointer;
}

.md_index .dealer-list ul li {
  cursor: pointer;
}

.md_index #dealerpick li {
  cursor: pointer !important;
}

/*close button end*/

.md_index #accordionMenu .nav .active {
  color: var(--cs-primary-color);
  font-weight: 600 !important;
}

.md_index #accordionMenu .nav .highlighted {
  color: var(--cs-primary-color);
  font-weight: 600 !important;
}

.md_index .panel-body input {
  cursor: pointer !important;
}

.md_index .panel-body label {
  cursor: pointer !important;
}

.md_index .dealer-list .panel-default>.panel-heading a[aria-expanded="true"] {
  background-color: var(--cs-white);
  text-align: left;
  color: var(--cs-primary-color);
}

.md_index .clear-filt:focus {
  color: var(--cs-primary-color);
}

.md_index .table>thead>tr>th {
  width: 20% !important;
}

.md_index .dealer-list .nav li label {
  font-weight: 400;
  font-family: var(--cs-primary-font) !important;
}

.md_index .dealer-btn:focus {
  color: var(--cs-black);
}

.md_index .sdealer-btn:focus {
  color: var(--cs-black);
}

.md_index .sdealer-btn:active {
  color: var(--cs-black);
}

.md_index .modal-header {
  padding: 14px 23px !important;
}

.md_index .modal-header h2 {
  color: var(--cs-black) !important;
  font-weight: 600;
}

.md_index .modal-body h3 {
  font-size: 1.35rem;
  font-weight: 600;
  margin-bottom: 0px;
}

.md_index .modal-body h5 {
  font-size: 1.15rem;
  font-weight: 600;
}

@media only screen and (max-width: 1024px) {
  .md_index .th-width {
    min-width: 120px !important;
  }

  .md_index .dbtn-col {
    padding-right: 0px;
  }

  .md_index .dealer-btn {
    padding: 10px 10px;
  }

  .md_index .sdealer-btn {
    padding: 10px 10px;
  }
}

@media only screen and (max-width: 767px) {
  .md_index .cs-dealer-title {
    text-align: center;
  }

  .md_index .cs-dealer-title h2 {
    font-size: 24px !important;
  }

  .md_index .dbtn-col {
    float: none !important;
  }
}

.md_index #accordionMenu .panel.panel-default:nth-child(3) {
  display: none;
}

/* Manage Dealer page End */

/* Manage Sub Dealer page Start */

body.view_subdealers {
  background-color: var(--cs-white);
  font-family: var(--cs-primary-font) !important;
}

.view_subdealers .category-filter {
  display: flex;
  position: relative;
  cursor: pointer;
  width: 25%;
  align-items: center;
  margin-left: auto;
  float: right;
  justify-content: space-evenly;
  margin-right: auto;
  margin-bottom: 1%;
}

.view_subdealers .table-responsive {
  width: 100%;
}

.view_subdealers .cs-dealer-title {
  text-align: right;
  margin-bottom: 0px;
}

.view_subdealers .dealer-btn {
  background-color: var(--cs-primary-bg);
  color: var(--cs-white);
  border: 1px solid var(--cs-primary-color);
  padding: 10px 30px;
  border-radius: 25px;
  font-size: 14px;
  letter-spacing: 2px;
}

.view_subdealers .dealer-btn:hover {
  background-color: var(--cs-white);
  color: var(--cs-primary-color);
  border: 1px solid var(--cs-primary-color);
  letter-spacing: 2px;
}

.view_subdealers .sdealer-btn {
  background-color: var(--cs-white);
  color: var(--cs-primary-color);
  border: 1px solid var(--cs-primary-color);
  padding: 10px 11px;
  border-radius: 25px;
  font-size: 14px;
  letter-spacing: 2px;
}

.view_subdealers .sdealer-btn:hover {
  background-color: var(--cs-primary-bg);
  color: var(--cs-white);
  border: 1px solid var(--cs-primary-color);
}

.view_subdealers .dbtn-col {
  float: right;
  margin-top: 30px;
  padding-right: 30px;
}

.view_subdealers input#searchInput {
  width: 93%;
  height: 40px;
  vertical-align: bottom;
}

.view_subdealers .csbtn {
  padding: 0px !important;
  width: 7%;
  margin-left: -5px;
  border-top-right-radius: 12px !important;
  border-bottom-right-radius: 12px !important;
  height: 40px;
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}

.view_subdealers input#searchInput {
  padding-left: 20px;
  border: 1px solid #4E4E4E99 !important;
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}

.view_subdealers input#searchInput:focus-visible {
  outline: none !important;
  border: 1px solid var(--cs-primary-color);
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

.view_subdealers #dealer-filt {
  float: left;
  margin-bottom: 30px;
}

.view_subdealers .dealer-list {
  padding: 0px 0px 0px 25px !important;
  border-right: 1px solid;
}

.view_subdealers .dealer-list .dropdown {
  text-align: left;
}

.view_subdealers .dealer-list .dropdown-menu {
  min-width: 190px !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0px;
}


.view_subdealers .dealer-list .arrow {
  border: solid black;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 5px;
  vertical-align: baseline;
  float: inline-end;
}

.view_subdealers .dealer-list .down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.view_subdealers .dealer-list button.btn.dropdown-toggle {
  font-size: 16px;
  font-weight: 500;
  border-bottom: 1px solid #000 !important;
  border-radius: 0;
  padding: 0px 0px 10px 0px !important;
  width: 190px;
  text-align: left;
}

.view_subdealers .dealer-list .dropdown-menu>li>a {
  display: block;
  padding: 5px 2px;
  clear: both;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: var(--cs-primary-color);
  white-space: nowrap;
}

.view_subdealers .dealer-filt {
  font-size: 16px;
  padding: 10px 25px;
  border: 1px solid var(--cs-primary-bg);
  color: var(--cs-primary-color);
  border-radius: 25px;
}

.view_subdealers .dealer-filt:hover {
  color: var(--cs-primary-color);
}

.view_subdealers .clear-filt {
  font-size: 16px;
  font-weight: 600;
  color: var(--cs-primary-color);
  padding-left: 10px;
}

.view_subdealers .clear-filt:hover {
  color: var(--cs-primary-color);
}

.view_subdealers .country-search-checkbox {
  opacity: 0;
  position: absolute;
}

.view_subdealers .dealer-search-checkbox {
  opacity: 0;
  position: absolute;
}

.view_subdealers .sale-rep-search-checkbox {
  position: absolute;
  left: -9999px;
}

.view_subdealers thead tr th {
  border-top: 1px solid #000 !important;
}

.view_subdealers thead tr th {
  border-top: 1px solid #000 !important;
  vertical-align: middle !important;
}

.view_subdealers table tr th,
td {
  text-align: left;
}

.view_subdealers .dealer-edit {
  border-radius: 24px !important;
  border: 1px solid var(--cs-primary-color) !important;
}

.view_subdealers .dealer-edit:hover {
  background-color: var(--cs-white) !important;
  color: var(--cs-primary-color) !important;
  border: 1px solid var(--cs-primary-color) !important;
}

.view_subdealers div#dealer_list_info {
  display: none;
}

.view_subdealers div#dealer_list_length {
  display: none;
}

.view_subdealers #dealer_list_paginate .active>.page-link,
.page-link.active {
  background-color: var(--cs-primary-bg) !important;
  border: 1px solid var(--cs-primary-color);
  color: var(--cs-white) !important;
}

.view_subdealers #dealer_list_paginate .page-link:hover i.next {
  color: var(--cs-primary-color) !important;
}

.view_subdealers #dealer_list_paginate .pagination>li>a,
.pagination>li>span {
  position: relative;
  float: left;
  padding: 6px 15x;
  margin-left: -1px;
  line-height: 1.42857143;
  color: var(--cs-primary-color) !important;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid var(--cs-primary-color) !important;
}

.view_subdealers div.dataTables_wrapper div.dataTables_paginate ul.pagination {
  margin: 2px 20px !important;
}

.view_subdealers th,
td {
  font-size: 14px !important;
}

.view_subdealers input.dealer-search-checkbox {
  width: 100% !important;
}

.view_subdealers input.sale-rep-search-checkbox {
  width: 100% !important;
}

.view_subdealers a.show {
  display: flex !important;
}

.view_subdealers .row {
  --bs-gutter-x: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.view_subdealers .m-account .dropdown-menu {
  border: none;
  border-radius: 0;
}

.view_subdealers .m-account .dropdown-header {
  background-color: #ffffff;
  padding: 8px 12px !important;
}

.view_subdealers .c1 {
  padding: 0 !important;
}

.view_subdealers .c1 svg {
  margin: 0;
}

.view_subdealers .c1 svg,
.c1 {
  margin-left: -5px !important;
}

.view_subdealers .m-account .dropdown-menu {
  border: none !important;
  border-radius: 0 !important;
  box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15) !important;
}

.view_subdealers .m-account .aname1 {
  margin-top: 0;
}

.dealer-search-checkbox {
  /* opacity: 0; 
  position: absolute;
  left: -9999px;*/
}

@media (min-width: 992px) {

  .view_subdealers .container,
  .container-fluid,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    padding: 0 60px !important;
  }
}


/* Style dropdown */

.view_subdealers .dealer-list ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.view_subdealers .dealer-list .nav li {
  border-bottom: none !important;
  width: 100%;
  text-align: left;
  font-size: 15px;
  padding-top: 8px;
  padding-left: 8px;
}

.view_subdealers .dealer-list .nav li a {
  font-size: 14px;
}

.view_subdealers .dealer-list #accordionMenu {
  max-width: 300px;
}

.view_subdealers .dealer-list .panel-body {
  padding: 0;
}

.view_subdealers .dealer-list .panel-group .panel+.panel {
  margin-top: 0;
  border-top: 0;
}

.view_subdealers .dealer-list .panel-group .panel {
  border-radius: 0;
  border: none;
  border-bottom: 1px solid;
}

.view_subdealers .dealer-list .panel-default>.panel-heading {
  color: #333;
  background-color: #fff;
  border-color: #e4e5e7;
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.view_subdealers .dealer-list .panel-default>.panel-heading a {
  display: block;
  padding: 10px 15px 10px 8px;
  text-decoration: none;
  border-top: none !important;
  text-align: left;
  font-size: 16px;
}

.view_subdealers .dealer-list .panel-default>.panel-heading a:after {
  content: "";
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: right;
  transition: transform .25s linear;
  -webkit-transition: -webkit-transform .25s linear;
}

.view_subdealers .dealer-list .panel-default>.panel-heading a[aria-expanded="true"] {
  background-color: #eee;
}

.view_subdealers .dealer-list .panel-default>.panel-heading a[aria-expanded="true"]:after {
  content: "\e113";
}

.view_subdealers .dealer-list .panel-default>.panel-heading a[aria-expanded="false"]:after {
  content: "\e114";
}

.view_subdealers .dealer-list .panel-default>.panel-heading a[aria-expanded="true"] {
  background-color: var(--cs-white);
  text-align: left;
}

.view_subdealers .panel-group .panel-heading+.panel-collapse>.list-group,
.panel-group .panel-heading+.panel-collapse>.panel-body {
  border-top: none !important;
}

.view_subdealers .dealer-list .nav li label {
  font-weight: 400;
}

.view_subdealers .selections1,
.selections2 {
  display: none;
}

.view_subdealers .dealer-filt .close {
  position: relative !important;
  top: -4px !important;
  left: 9px !important;
  cursor: pointer !important;
}

.view_subdealers .dealer-filt .close span {
  position: relative !important;
  top: 6px !important;
  font-size: 21px;
  color: #818054;
  font-weight: 400;
}

.view_subdealers .dealer-list .nav li label:active {
  color: var(--cs-primary-color) !important;
  font-weight: 600;
}


/* end */

@media only screen and (min-width: 1200px) {
  .view_subdealers .col-md-3.col-lg-3.dealer-list {
    width: 22% !important;
  }
}

.view_subdealers .dealer-list .nav li label .dealerlab .active {
  color: #818054;
  font-weight: 600;
}

.view_subdealers .dealer-list .nav li label .subdealerlab .active {
  color: #818054;
  font-weight: 600;
}

/* close button start*/
.view_subdealers span.searchBox-clear.js-clearSearchBox {
  display: none;
}

.view_subdealers span.searchBox-clear.js-clearSearchBox.round {
  display: inline;
}

.view_subdealers span.searchBox-clear.js-clearSearchBox {
  display: none;
}

.view_subdealers span.searchBox-clear.js-clearSearchBox i {
  position: absolute;
  top: 15px;
  right: 110px;
  color: #809A9B;
  cursor: pointer;
}

.view_subdealers .dealer-list ul li {
  cursor: pointer;
}

.view_subdealers #dealerpick li {
  cursor: pointer !important;
}

/*close button end*/

.view_subdealers #accordionMenu .nav .active {
  color: var(--cs-primary-color);
  font-weight: 600 !important;
}

.view_subdealers #accordionMenu .nav .highlighted {
  color: var(--cs-primary-color);
  font-weight: 600 !important;
}

.view_subdealers .panel-body input {
  cursor: pointer !important;
}

.view_subdealers .panel-body label {
  cursor: pointer !important;
}

.view_subdealers .dealer-list .panel-default>.panel-heading a[aria-expanded="true"] {
  background-color: var(--cs-white);
  text-align: left;
  color: var(--cs-primary-color);
}

.view_subdealers .clear-filt:focus {
  color: var(--cs-primary-color);
}

.view_subdealers .table>thead>tr>th {
  width: 20% !important;
}

.view_subdealers .dealer-list .nav li label {
  font-weight: 400;
  font-family: var(--cs-primary-font) !important;
}

.view_subdealers .dealer-btn:focus {
  color: var(--cs-black);
}

.view_subdealers .sdealer-btn:focus {
  color: var(--cs-black);
}

.view_subdealers .sdealer-btn:active {
  color: var(--cs-black);
}

.view_subdealers .modal-header {
  padding: 14px 23px !important;
}

.view_subdealers .modal-header h2 {
  color: var(--cs-black) !important;
  font-weight: 600;
}

.view_subdealers .modal-body h3 {
  font-size: 1.35rem;
  font-weight: 600;
  margin-bottom: 0px;
}

.view_subdealers .modal-body h5 {
  font-size: 1.15rem;
  font-weight: 600;
}

@media only screen and (max-width: 1024px) {
  .view_subdealers .th-width {
    min-width: 120px !important;
  }

  .view_subdealers .dbtn-col {
    padding-right: 0px;
  }

  .view_subdealers .dealer-btn {
    padding: 10px 10px;
  }

  .view_subdealers .sdealer-btn {
    padding: 10px 10px;
  }
}

@media only screen and (max-width: 767px) {
  .view_subdealers .cs-dealer-title {
    text-align: center;
  }

  .view_subdealers .cs-dealer-title h2 {
    font-size: 24px !important;
  }

  .view_subdealers .dbtn-col {
    float: none !important;
  }
}

.view_subdealers #accordionMenu .panel.panel-default:nth-child(3) {
  display: none;
}

/* Manage Sub Dealer page End */

/* Dealer Edit page Start */

.edit_details #loader {
  display: none;
  /* Hidden by default */
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1000;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 20px;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.edit_details #updatepassword {
  float: inline-start;
  margin-left: 20px;
  margin-top: 6px;
}

.edit_details .fa {
  font-family: 'Font Awesome 5 Free' !important;
  font-weight: var(--fa-style, 900);
}

.edit_details .password-showhide {
  position: relative;

}

.edit_details .iview {
  position: absolute;
  top: -29px;
  right: 10px;
}

.edit_details .password-showhideconfirm {
  position: relative;

}

.edit_details .iviewconfirm {
  position: absolute;
  top: -30px;
  right: 9px;
}

.edit_details .hide-password {
  display: none;
}

/* For Chrome, Edge, and Safari */
.edit_details input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear {
  display: none;
}

/* For Firefox */
.edit_details input[type="password"] {
  -webkit-text-security: disc;
}

/* Form styles start */

.edit_details .form-group label {
  font-family: var(--cs-primary-font) !important;
  font-size: 15px;
  font-weight: 500;
  padding-bottom: 8px;
  margin-bottom: 0px;
}

.edit_details .form-group input,
#register-top select {
  border: 1px solid var(--cs-sec-color) !important;
}

/* Form styles start */

/* Dealer Edit page End */


/* Dealer Add Dealer page Start */

.add_dealer #loader {
  display: none;
  /* Hidden by default */
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1000;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 20px;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.add_dealer .fa {
  font-family: 'Font Awesome 5 Free' !important;
  font-weight: var(--fa-style, 900);
}

.add_dealer .password-showhide {
  position: relative;

}

.add_dealer .iview {
  position: absolute;
  top: -29px;
  right: 10px;
}

.add_dealer .password-showhideconfirm {
  position: relative;

}

.add_dealer .iviewconfirm {
  position: absolute;
  top: -30px;
  right: 9px;
}

.add_dealer .hide-password {
  display: none;
}

/* For Chrome, Edge, and Safari */
.add_dealer input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear {
  display: none;
}

/* For Firefox */
.add_dealer input[type="password"] {
  -webkit-text-security: disc;
}

.add_dealer .dealerDropdown {
  padding: 10px;
  width: 100%;
  font-family: inherit;
}

.add_dealer #register-top label {
  font-family: var(--cs-primary-font) !important;
  font-size: 15px;
  font-weight: 500;
  padding-bottom: 8px;
  margin-bottom: 0px;

}

.add_dealer #register-top input,
#register-top select {
  border: 1px solid var(--cs-sec-color) !important;
}

.add_dealer .dropdown.show>.form-select.form-select-solid,
.form-select.form-select-solid.active,
.form-select.form-select-solid.focus,
.form-select.form-select-solid:active,
.form-select.form-select-solid:focus {
  background-color: var(--cs-white) !important;
}

.add_dealer .form-select.form-select-solid {
  background-color: var(--cs-white) !important;
}

.add_dealer span.select2-selection.select2-selection--single.dealerDropdown.form-select.form-select-solid.form-select-lg.fw-semibold:focus {
  border: none;
}

.add_dealer .select2-container {
  border: 1px solid var(--cs-sec-color) !important;
}

.add_dealer .select2-selection__placeholder {
  color: var(--cs-sec-color) !important;
}

/* Dealer Add Dealer page End */

/* Dealer View page Start */

.view_details .form-group span {
  font-weight: 500;
}

.view_details .bottombtn a:hover {
  background-color: #45a049;
}

.view_details .delivered {
  background-color: #D7F6E5;
  text-align: center !important;
  padding: 8px 30px;
  border-radius: 25px;
  color: #54A073;
}

/* Dealer View page End */

/* Settings page Start */

body.setting_index {
  background-color: #f5f8fa !important;
  font-family: "Poppins", sans-serif !important;
}

.setting_index .card {
  min-height: 100%;
  color: #000;
  height: 290px;
  background: #fdfdfd;
  box-shadow: 0px 5px 25px 0px #0000001A;
}

.setting_index .card-body {
  padding: 50px 0px 0px 0px !important;
  text-align: center;
}


.setting_index .page.d-flex.flex-row.flex-column-fluid {
  background-color: #f5f8fa !important;
}

.setting_index div#kt_wrapper {
  padding-top: 80px;
}

/* Settings page End */

/* Agency List page Start */

body.agencylist {
  background-color: var(--cs-white);
  font-family: var(--cs-primary-font) !important;
}

.agencylist .category-filter {
  display: flex;
  position: relative;
  cursor: pointer;
  width: 25%;
  align-items: center;
  margin-left: auto;
  float: right;
  justify-content: space-evenly;
  margin-right: auto;
  margin-bottom: 1%;
}

.agencylist .table-responsive {
  width: 100%;
}

.agencylist .cs-dealer-title {
  text-align: right;
  margin-bottom: 0px;
}

.agencylist .dealer-btn {
  background-color: var(--cs-primary-bg);
  color: var(--cs-white);
  border: 1px solid var(--cs-primary-color);
  padding: 10px 30px;
  border-radius: 25px;
  font-size: 14px;
  letter-spacing: 2px;
}

.agencylist .dealer-btn:hover {
  background-color: var(--cs-white);
  color: var(--cs-primary-color);
  border: 1px solid var(--cs-primary-color);
  letter-spacing: 2px;
}

.agencylist .sdealer-btn {
  background-color: var(--cs-white);
  color: var(--cs-primary-color);
  border: 1px solid var(--cs-primary-color);
  padding: 10px 11px;
  border-radius: 25px;
  font-size: 14px;
  letter-spacing: 2px;
}

.agencylist .sdealer-btn:hover {
  background-color: var(--cs-primary-bg);
  color: var(--cs-white);
  border: 1px solid var(--cs-primary-color);
}

.agencylist .dbtn-col {
  float: right;
  margin-top: 30px;
  padding-right: 30px;
}

.agencylist input#searchInput {
  width: 93%;
  height: 40px;
  vertical-align: bottom;
}

.agencylist .csbtn {
  padding: 0px !important;
  width: 7%;
  margin-left: -5px;
  border-top-right-radius: 12px !important;
  border-bottom-right-radius: 12px !important;
  height: 40px;
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}

.agencylist input#searchInput {
  padding-left: 20px;
  border: 1px solid #4E4E4E99 !important;
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}

.agencylist input#searchInput:focus-visible {
  outline: none !important;
  border: 1px solid var(--cs-primary-color);
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

.agencylist #dealer-filt {
  float: left;
  margin-bottom: 30px;
}

.agencylist .dealer-list {
  padding: 0px 0px 0px 25px !important;
  border-right: 1px solid;
}

.agencylist .dealer-list .dropdown {
  text-align: left;
}

.agencylist .dealer-list .dropdown-menu {
  min-width: 190px !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0px;
}


.agencylist .dealer-list .arrow {
  border: solid black;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 5px;
  vertical-align: baseline;
  float: inline-end;
}

.agencylist .dealer-list .down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.agencylist .dealer-list button.btn.dropdown-toggle {
  font-size: 16px;
  font-weight: 500;
  border-bottom: 1px solid #000 !important;
  border-radius: 0;
  padding: 0px 0px 10px 0px !important;
  width: 190px;
  text-align: left;
}

.agencylist .dealer-list .dropdown-menu>li>a {
  display: block;
  padding: 5px 2px;
  clear: both;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: var(--cs-primary-color);
  white-space: nowrap;
}

.agencylist .dealer-filt {
  font-size: 16px;
  padding: 10px 25px;
  border: 1px solid var(--cs-primary-bg);
  color: var(--cs-primary-color);
  border-radius: 25px;
}

.agencylist .dealer-filt:hover {
  color: var(--cs-primary-color);
}

.agencylist .clear-filt {
  font-size: 16px;
  font-weight: 600;
  color: var(--cs-primary-color);
  padding-left: 10px;
}

.agencylist .clear-filt:hover {
  color: var(--cs-primary-color);
}

.country-search-checkbox {
  opacity: 0;
  position: absolute;
}

.agencylist .dealer-search-checkbox {
  opacity: 0;
  position: absolute;
}

.agencylist .sale-rep-search-checkbox {
  position: absolute;
  left: -9999px;
}

.agencylist thead tr th {
  border-top: 1px solid #000 !important;
}

.agencylist thead tr th {
  border-top: 1px solid #000 !important;
  vertical-align: middle !important;
}

.agencylist table tr th,
td {
  text-align: left;
}

.agencylist .dealer-edit {
  border-radius: 24px !important;
  border: 1px solid var(--cs-primary-color) !important;
}

.agencylist .dealer-edit:hover {
  background-color: var(--cs-white) !important;
  color: var(--cs-primary-color) !important;
  border: 1px solid var(--cs-primary-color) !important;
}

.agencylist #agency_list_paginate .active>.page-link,
.page-link.active {
  background-color: var(--cs-primary-bg) !important;
  border: 1px solid var(--cs-primary-color);
  color: var(--cs-white) !important;
}

.agencylist #agency_list_paginate .page-link:hover i.next {
  color: var(--cs-primary-color) !important;
}

.agencylist #agency_list_paginate .pagination>li>a,
.pagination>li>span {
  position: relative;
  float: left;
  padding: 6px 15x;
  margin-left: -1px;
  line-height: 1.42857143;
  color: var(--cs-primary-color) !important;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid var(--cs-primary-color) !important;
}

.agencylist div.dataTables_wrapper div.dataTables_paginate ul.pagination {
  margin: 2px 20px !important;
}

.agencylist th,
td {
  font-size: 14px !important;
}

.agencylist input.dealer-search-checkbox {
  width: 100% !important;
}

.agencylist input.sale-rep-search-checkbox {
  width: 100% !important;
}

.agencylist a.show {
  display: flex !important;
}

.agencylist .row {
  --bs-gutter-x: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.agencylist .m-account .dropdown-menu {
  border: none;
  border-radius: 0;
}

.agencylist .m-account .dropdown-header {
  background-color: #ffffff;
  padding: 8px 12px !important;
}

.agencylist .c1 {
  padding: 0 !important;
}

.agencylist .c1 svg {
  margin: 0;
}

.agencylist .c1 svg,
.c1 {
  margin-left: -5px !important;
}

.agencylist .m-account .dropdown-menu {
  border: none !important;
  border-radius: 0 !important;
  box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15) !important;
}

.agencylist .m-account .aname1 {
  margin-top: 0;
}

.agencylist .dealer-search-checkbox {
  /* opacity: 0; 
  position: absolute;
  left: -9999px;*/
}

@media (min-width: 992px) {

  .agencylist .container,
  .container-fluid,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    padding: 0 60px !important;
  }
}


/* Style dropdown */

.agencylist .dealer-list ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.agencylist .dealer-list .nav li {
  border-bottom: none !important;
  width: 100%;
  text-align: left;
  font-size: 15px;
  padding-top: 8px;
  padding-left: 8px;
}

.agencylist .dealer-list .nav li a {
  font-size: 14px;
}

.agencylist .dealer-list #accordionMenu {
  max-width: 300px;
}

.agencylist .dealer-list .panel-body {
  padding: 0;
}

.agencylist .dealer-list .panel-group .panel+.panel {
  margin-top: 0;
  border-top: 0;
}

.agencylist .dealer-list .panel-group .panel {
  border-radius: 0;
  border: none;
  border-bottom: 1px solid;
}

.agencylist .dealer-list .panel-default>.panel-heading {
  color: #333;
  background-color: #fff;
  border-color: #e4e5e7;
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.agencylist .dealer-list .panel-default>.panel-heading a {
  display: block;
  padding: 10px 15px 10px 8px;
  text-decoration: none;
  border-top: none !important;
  text-align: left;
  font-size: 15px;
}

.agencylist .dealer-list .panel-default>.panel-heading a:after {
  content: "";
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: right;
  transition: transform .25s linear;
  -webkit-transition: -webkit-transform .25s linear;
}

.agencylist .dealer-list .panel-default>.panel-heading a[aria-expanded="true"] {
  background-color: #eee;
}

.agencylist .dealer-list .panel-default>.panel-heading a[aria-expanded="true"]:after {
  content: "\e113";
}

.agencylist .dealer-list .panel-default>.panel-heading a[aria-expanded="false"]:after {
  content: "\e114";
}

.agencylist .dealer-list .panel-default>.panel-heading a[aria-expanded="true"] {
  background-color: var(--cs-white);
  text-align: left;
}

.agencylist .panel-group .panel-heading+.panel-collapse>.list-group,
.panel-group .panel-heading+.panel-collapse>.panel-body {
  border-top: none !important;
}

.agencylist .dealer-list .nav li label {
  font-weight: 400;
}

.agencylist .selections1,
.selections2 {
  display: none;
}

.agencylist .dealer-filt .close {
  position: relative !important;
  top: -4px !important;
  left: 9px !important;
  cursor: pointer !important;
}

.agencylist .dealer-filt .close span {
  position: relative !important;
  top: 6px !important;
  font-size: 21px;
  color: #818054;
  font-weight: 400;
}

.agencylist .dealer-list .nav li label:active {
  color: var(--cs-primary-color) !important;
  font-weight: 600;
}


/* end */

@media only screen and (min-width: 1200px) {
  .agencylist .col-md-3.col-lg-3.dealer-list {
    width: 22% !important;
  }
}

.agencylist .dealer-list .nav li label .dealerlab .active {
  color: #818054;
  font-weight: 600;
}

.agencylist .dealer-list .nav li label .subdealerlab .active {
  color: #818054;
  font-weight: 600;
}

/* close button start*/
.agencylist span.searchBox-clear.js-clearSearchBox {
  display: none;
}

.agencylist span.searchBox-clear.js-clearSearchBox.round {
  display: inline;
}

.agencylist span.searchBox-clear.js-clearSearchBox {
  display: none;
}

.agencylist span.searchBox-clear.js-clearSearchBox i {
  position: absolute;
  top: 15px;
  right: 110px;
  color: #809A9B;
  cursor: pointer;
}

.agencylist .dealer-list ul label {
  cursor: pointer;
}

.agencylist table.dataTable>tbody>tr>td {
  padding: 8px 10px;
  vertical-align: middle !important;
}

.agencylist a.m-portlet__nav-link.btn.m-btn.m-btn--hover-brand.m-btn--icon.m-btn--icon-only.m-btn--pill {
  padding-left: 0px;
}

.agencylist .dealer-btn:focus {
  color: var(--cs-black);
}

.agencylist .sdealer-btn:focus {
  color: var(--cs-black);
}

.agencylist .sdealer-btn:active {
  color: var(--cs-black);
}

.agencylist div#agency_list_length {
  display: none;
}

.agencylist div#agency_list_info {
  display: none !important;
}

@media only screen and (max-width:767px) {
  .agencylist .cs-dealer-title h2 {
    font-size: 24px !important;
    text-align: center !important;
  }

  .agencylist .dbtn-col {
    float: none !important;
  }

  .agencylist table#agency_list {
    padding: 10px;
  }
}

/* Agency List page End*/


/* Add Agency page Start*/

.add_agency #loader {
  display: none;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1000;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 20px;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.add_agency .fa {
  font-family: 'Font Awesome 5 Free' !important;
  font-weight: var(--fa-style, 900);
}

.add_agency .password-showhide {
  position: relative;

}

.add_agency .iview {
  position: absolute;
  top: -29px;
  right: 10px;
}

.add_agency .password-showhideconfirm {
  position: relative;

}

.add_agency .iviewconfirm {
  position: absolute;
  top: -30px;
  right: 9px;
}

.add_agency .hide-password {
  display: none;
}

/* For Chrome, Edge, and Safari */
.add_agency input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear {
  display: none;
}

/* For Firefox */
.add_agency input[type="password"] {
  -webkit-text-security: disc;
}

/* Add Agency page End*/


/* Agency Edit page Start */

.agencyEditDetails #loader {
  display: none;
  /* Hidden by default */
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1000;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 20px;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.agencyEditDetails .fa {
  font-family: 'Font Awesome 5 Free' !important;
  font-weight: var(--fa-style, 900);
}

.agencyEditDetails .password-showhide {
  position: relative;

}

.agencyEditDetails .iview {
  position: absolute;
  top: -29px;
  right: 10px;
}

.agencyEditDetails .password-showhideconfirm {
  position: relative;

}

.agencyEditDetails .iviewconfirm {
  position: absolute;
  top: -30px;
  right: 9px;
}

.agencyEditDetails .hide-password {
  display: none;
}

/* For Chrome, Edge, and Safari */
.agencyEditDetails input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear {
  display: none;
}

/* For Firefox */
.agencyEditDetails input[type="password"] {
  -webkit-text-security: disc;
}

.agencyEditDetails .form-group label {
  font-family: var(--cs-primary-font) !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  padding-bottom: 8px;
  margin-bottom: 0px !important;
  color: var(--bs-black) !important;
}

.agencyEditDetails .form-group input,
.form-group .bd1 {
  border: 1px solid var(--cs-sec-color) !important;
}

/* Agency Edit page End */


/* Agency View page Start */

.agencyViewDetails .form-group span {
  font-weight: 500;
}

.agencyViewDetails .form-group span {
  font-family: var(--cs-primary-font) !important;
  font-size: 15px;
  font-weight: 500;
  padding-bottom: 8px;
  margin-bottom: 0px;

}

/* Agency View page End */

/* Agency Mapping page Start */

.map_agency .dealerDropdown {
  padding: 10px;
  width: 100%;
  font-family: inherit;
  border: 1px solid var(--cs-sec-color) !important;
}

.map_agency label {
  font-family: var(--cs-primary-font) !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  padding-bottom: 8px;
  margin-bottom: 0px !important;
  color: var(--bs-black) !important;
}

.map_agency #register-top input,
#register-top select {
  border: 1px solid var(--cs-sec-color) !important;
}

.map_agency .dropdown.show>.form-select.form-select-solid,
.form-select.form-select-solid.active,
.form-select.form-select-solid.focus,
.form-select.form-select-solid:active,
.form-select.form-select-solid:focus {
  background-color: var(--cs-white) !important;
}

.map_agency .form-select.form-select-solid {
  background-color: var(--cs-white) !important;
}

.map_agency span.select2-selection.select2-selection--single.dealerDropdown.form-select.form-select-solid.form-select-lg.fw-semibold:focus {
  border: none;
}

.map_agency .select2-container {
  border: none !important;
}

.map_agency .select2-selection__placeholder {
  color: var(--cs-sec-color) !important;
}

/* Agency Mapping page Start */

/* SalesRep List page Start */

body.salesreplist {
  background-color: var(--cs-white);
  font-family: var(--cs-primary-font) !important;
}

.salesreplist .category-filter {
  display: flex;
  position: relative;
  cursor: pointer;
  width: 25%;
  align-items: center;
  margin-left: auto;
  float: right;
  justify-content: space-evenly;
  margin-right: auto;
  margin-bottom: 1%;
}

.salesreplist .table-responsive {
  width: 100%;
}

.salesreplist .cs-dealer-title {
  text-align: right;
  margin-bottom: 0px;
}

.salesreplist .dealer-btn {
  background-color: var(--cs-primary-bg);
  color: var(--cs-white);
  border: 1px solid var(--cs-primary-color);
  padding: 10px 30px;
  border-radius: 25px;
  font-size: 14px;
  letter-spacing: 2px;
}

.salesreplist .dealer-btn:hover {
  background-color: var(--cs-white);
  color: var(--cs-primary-color);
  border: 1px solid var(--cs-primary-color);
  letter-spacing: 2px;
}

.salesreplist .sdealer-btn {
  background-color: var(--cs-white);
  color: var(--cs-primary-color);
  border: 1px solid var(--cs-primary-color);
  padding: 10px 11px;
  border-radius: 25px;
  font-size: 14px;
  letter-spacing: 2px;
}

.salesreplist .sdealer-btn:hover {
  background-color: var(--cs-primary-bg);
  color: var(--cs-white);
  border: 1px solid var(--cs-primary-color);
}

.salesreplist .dbtn-col {
  float: right;
  margin-top: 30px;
  padding-right: 30px;
}

.salesreplist input#searchInput {
  width: 93%;
  height: 40px;
  vertical-align: bottom;
}

.salesreplist .csbtn {
  padding: 0px !important;
  width: 7%;
  margin-left: -5px;
  border-top-right-radius: 12px !important;
  border-bottom-right-radius: 12px !important;
  height: 40px;
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}

.salesreplist input#searchInput {
  padding-left: 20px;
  border: 1px solid #4E4E4E99 !important;
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}

.salesreplist input#searchInput:focus-visible {
  outline: none !important;
  border: 1px solid var(--cs-primary-color);
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

.salesreplist #dealer-filt {
  float: left;
  margin-bottom: 30px;
}

.salesreplist .dealer-list {
  padding: 0px 0px 0px 25px !important;
  border-right: 1px solid;
}

.salesreplist .dealer-list .dropdown {
  text-align: left;
}

.salesreplist .dealer-list .dropdown-menu {
  min-width: 190px !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0px;
}


.salesreplist .dealer-list .arrow {
  border: solid black;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 5px;
  vertical-align: baseline;
  float: inline-end;
}

.salesreplist .dealer-list .down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.salesreplist .dealer-list button.btn.dropdown-toggle {
  font-size: 16px;
  font-weight: 500;
  border-bottom: 1px solid #000 !important;
  border-radius: 0;
  padding: 0px 0px 10px 0px !important;
  width: 190px;
  text-align: left;
}

.salesreplist .dealer-list .dropdown-menu>li>a {
  display: block;
  padding: 5px 2px;
  clear: both;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: var(--cs-primary-color);
  white-space: nowrap;
}

.salesreplist .dealer-filt {
  font-size: 16px;
  padding: 10px 25px;
  border: 1px solid var(--cs-primary-bg);
  color: var(--cs-primary-color);
  border-radius: 25px;
}

.salesreplist .dealer-filt:hover {
  color: var(--cs-primary-color);
}

.salesreplist .clear-filt {
  font-size: 16px;
  font-weight: 600;
  color: var(--cs-primary-color);
  padding-left: 10px;
}

.salesreplist .clear-filt:hover {
  color: var(--cs-primary-color);
}

.salesreplist .country-search-checkbox {
  opacity: 0;
  position: absolute;
}

.salesreplist .dealer-search-checkbox {
  opacity: 0;
  position: absolute;
}

.salesreplist .sale-rep-search-checkbox {
  position: absolute;
  left: -9999px;
}

.salesreplist thead tr th {
  border-top: 1px solid #000 !important;
}

.salesreplist thead tr th {
  border-top: 1px solid #000 !important;
  vertical-align: middle !important;
}

.salesreplist table tr th,
td {
  text-align: left;
}

.salesreplist .dealer-edit {
  border-radius: 24px !important;
  border: 1px solid var(--cs-primary-color) !important;
}

.salesreplist .dealer-edit:hover {
  background-color: var(--cs-white) !important;
  color: var(--cs-primary-color) !important;
  border: 1px solid var(--cs-primary-color) !important;
}

.salesreplist #agency_list_paginate .active>.page-link,
.page-link.active {
  background-color: var(--cs-primary-bg) !important;
  border: 1px solid var(--cs-primary-color);
  color: var(--cs-white) !important;
}

.salesreplist #agency_list_paginate .page-link:hover i.next {
  color: var(--cs-primary-color) !important;
}

.salesreplist #agency_list_paginate .pagination>li>a,
.pagination>li>span {
  position: relative;
  float: left;
  padding: 6px 15x;
  margin-left: -1px;
  line-height: 1.42857143;
  color: var(--cs-primary-color) !important;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid var(--cs-primary-color) !important;
}

.salesreplist div.dataTables_wrapper div.dataTables_paginate ul.pagination {
  margin: 2px 20px !important;
}

.salesreplist th,
td {
  font-size: 14px !important;
}

.salesreplist input.dealer-search-checkbox {
  width: 100% !important;
}

.salesreplist input.sale-rep-search-checkbox {
  width: 100% !important;
}

.salesreplist a.show {
  display: flex !important;
}

.salesreplist .row {
  --bs-gutter-x: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.salesreplist .m-account .dropdown-menu {
  border: none;
  border-radius: 0;
}

.salesreplist .m-account .dropdown-header {
  background-color: #ffffff;
  padding: 8px 12px !important;
}

.salesreplist .c1 {
  padding: 0 !important;
}

.salesreplist .c1 svg {
  margin: 0;
}

.salesreplist .c1 svg,
.c1 {
  margin-left: -5px !important;
}

.salesreplist .m-account .dropdown-menu {
  border: none !important;
  border-radius: 0 !important;
  box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15) !important;
}

.salesreplist .m-account .aname1 {
  margin-top: 0;
}

.salesreplist .dealer-search-checkbox {
  /* opacity: 0; 
  position: absolute;
  left: -9999px;*/
}

@media (min-width: 992px) {

  .salesreplist .container,
  .container-fluid,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    padding: 0 60px !important;
  }
}


/* Style dropdown */

.salesreplist .dealer-list ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.salesreplist .dealer-list .nav li {
  border-bottom: none !important;
  width: 100%;
  text-align: left;
  font-size: 15px;
  padding-top: 8px;
  padding-left: 8px;
}

.salesreplist .dealer-list .nav li a {
  font-size: 14px;
}

.salesreplist .dealer-list #accordionMenu {
  max-width: 300px;
}

.salesreplist .dealer-list .panel-body {
  padding: 0;
}

.salesreplist .dealer-list .panel-group .panel+.panel {
  margin-top: 0;
  border-top: 0;
}

.salesreplist .dealer-list .panel-group .panel {
  border-radius: 0;
  border: none;
  border-bottom: 1px solid;
}

.salesreplist .dealer-list .panel-default>.panel-heading {
  color: #333;
  background-color: #fff;
  border-color: #e4e5e7;
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.salesreplist .dealer-list .panel-default>.panel-heading a {
  display: block;
  padding: 10px 15px 10px 8px;
  text-decoration: none;
  border-top: none !important;
  text-align: left;
  font-size: 16px;
}

.salesreplist .dealer-list .panel-default>.panel-heading a:after {
  content: "";
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: right;
  transition: transform .25s linear;
  -webkit-transition: -webkit-transform .25s linear;
}

.salesreplist .dealer-list .panel-default>.panel-heading a[aria-expanded="true"] {
  background-color: #eee;
}

.salesreplist .dealer-list .panel-default>.panel-heading a[aria-expanded="true"]:after {
  content: "\e113";
}

.salesreplist .dealer-list .panel-default>.panel-heading a[aria-expanded="false"]:after {
  content: "\e114";
}

.salesreplist .dealer-list .panel-default>.panel-heading a[aria-expanded="true"] {
  background-color: var(--cs-white);
  text-align: left;
}

.salesreplist .panel-group .panel-heading+.panel-collapse>.list-group,
.panel-group .panel-heading+.panel-collapse>.panel-body {
  border-top: none !important;
}

.salesreplist .dealer-list .nav li label {
  font-weight: 400;
}

.salesreplist .selections1,
.selections2 {
  display: none;
}

.salesreplist .dealer-filt .close {
  position: relative !important;
  top: -4px !important;
  left: 9px !important;
  cursor: pointer !important;
}

.salesreplist .dealer-filt .close span {
  position: relative !important;
  top: 6px !important;
  font-size: 21px;
  color: #818054;
  font-weight: 400;
}

.salesreplist .dealer-list .nav li label:active {
  color: var(--cs-primary-color) !important;
  font-weight: 600;
}


/* end */

@media only screen and (min-width: 1200px) {
  .salesreplist .col-md-3.col-lg-3.dealer-list {
    width: 22% !important;
  }
}

.salesreplist .dealer-list .nav li label .dealerlab .active {
  color: #818054;
  font-weight: 600;
}

.salesreplist .dealer-list .nav li label .subdealerlab .active {
  color: #818054;
  font-weight: 600;
}

/* close button start*/
.salesreplist span.searchBox-clear.js-clearSearchBox {
  display: none;
}

.salesreplist span.searchBox-clear.js-clearSearchBox.round {
  display: inline;
}

.salesreplist span.searchBox-clear.js-clearSearchBox {
  display: none;
}

.salesreplist span.searchBox-clear.js-clearSearchBox i {
  position: absolute;
  top: 15px;
  right: 110px;
  color: #809A9B;
  cursor: pointer;
}

.salesreplist .dealer-list ul label {
  cursor: pointer;
}

.salesreplist table.dataTable>tbody>tr>td {
  padding: 8px 10px;
  vertical-align: middle !important;
}

.salesreplist a.m-portlet__nav-link.btn.m-btn.m-btn--hover-brand.m-btn--icon.m-btn--icon-only.m-btn--pill {
  padding-left: 0px;
}

.salesreplist .dealer-btn:focus {
  color: var(--cs-black);
}

.salesreplist .sdealer-btn:focus {
  color: var(--cs-black);
}

.salesreplist .sdealer-btn:active {
  color: var(--cs-black);
}

.salesreplist #accordionMenu .nav .active {
  color: var(--cs-primary-color) !important;
  font-weight: 600 !important;
}

.salesreplist .dealer-list .panel-default>.panel-heading a[aria-expanded="true"] {
  background-color: var(--cs-white);
  text-align: left;
  color: var(--cs-primary-color);
}

.salesreplist div#agency_list_length {
  display: none;
}

.salesreplist div#agency_list_info {
  display: none !important;
}

@media only screen and (max-width:767px) {
  .salesreplist .cs-dealer-title h2 {
    font-size: 24px !important;
    text-align: center !important;
  }

  .salesreplist .dbtn-col {
    float: none !important;
  }

  .salesreplist table#agency_list {
    padding: 10px;
  }
}

/* SalesRep List page End */

/* Add SalesRep page Start */

.add_salesrep #loader {
  display: none;
  /* Hidden by default */
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1000;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 20px;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.add_salesrep .fa {
  font-family: 'Font Awesome 5 Free' !important;
  font-weight: var(--fa-style, 900);
}

.add_salesrep .password-showhide {
  position: relative;

}

.add_salesrep .iview {
  position: absolute;
  top: -29px;
  right: 10px;
}

.add_salesrep .password-showhideconfirm {
  position: relative;

}

.add_salesrep .iviewconfirm {
  position: absolute;
  top: -30px;
  right: 9px;
}

.add_salesrep .hide-password {
  display: none;
}

/* For Chrome, Edge, and Safari */
.add_salesrep input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear {
  display: none;
}

/* For Firefox */
.add_salesrep input[type="password"] {
  -webkit-text-security: disc;
}

.add_salesrep .bdr {
  border: 1px solid var(--cs-sec-color) !important;
}

/* Add SalesRep page End */

/* SalesRep Edit page Start */

.salesrepEditDetails #loader {
  display: none;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1000;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 20px;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

/* Form styles start */

.salesrepEditDetails .form-group label {
  font-family: var(--cs-primary-font) !important;
  font-size: 15px;
  font-weight: 500;
  padding-bottom: 8px;
  margin-bottom: 0px;

}

.salesrepEditDetails .form-group input,
#register-top select {
  border: 1px solid var(--cs-sec-color) !important;
}

.salesrepEditDetails .dropdown.show>.form-select.form-select-solid,
.form-select.form-select-solid.active,
.form-select.form-select-solid.focus,
.form-select.form-select-solid:active,
.form-select.form-select-solid:focus {
  background-color: var(--cs-white) !important;
}

.salesrepEditDetails .form-select.form-select-solid {
  background-color: var(--cs-white) !important;
}

.salesrepEditDetails span.select2-selection.select2-selection--single.dealerDropdown.form-select.form-select-solid.form-select-lg.fw-semibold:focus {
  border: none;
}

.salesrepEditDetails .select2-selection__placeholder {
  color: var(--cs-sec-color) !important;
}

.salesrepEditDetails #updatepassword {
  float: inline-start;
  margin-left: 20px;
  margin-top: 6px;
}

.salesrepEditDetails .fa {
  font-family: 'Font Awesome 5 Free' !important;
  font-weight: var(--fa-style, 900);
}

.salesrepEditDetails .password-showhide {
  position: relative;

}

.salesrepEditDetails .iview {
  position: absolute;
  top: -29px;
  right: 10px;
}

.salesrepEditDetails .password-showhideconfirm {
  position: relative;

}

.salesrepEditDetails .iviewconfirm {
  position: absolute;
  top: -30px;
  right: 9px;
}

.salesrepEditDetails .hide-password {
  display: none;
}

/* For Chrome, Edge, and Safari */
.salesrepEditDetails input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear {
  display: none;
}

/* For Firefox */
.salesrepEditDetails input[type="password"] {
  -webkit-text-security: disc;
}

/* SalesRep Edit page End */

/* SalesRep View page Start */

.salesrepViewDetails .form-group span {
  font-weight: 500;
}

/* Form styles start */

.salesrepViewDetails .form-group span {
  font-family: var(--cs-primary-font) !important;
  font-size: 15px;
  font-weight: 500;
  padding-bottom: 8px;
  margin-bottom: 0px;

}

/* SalesRep View page End */

/* Dashboard page Start */

.dashboard #loader {
  display: none;
  /* Hidden by default */
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1000;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 20px;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.dashboard button#search_submit {
  margin-top: 20px !important;
  margin-bottom: 10px !important;
}

.dashboard .rangedivider {
  margin: auto 10px !important;
}

.dashboard .card .card-body {
  padding: 2rem 2.25rem !important;
  color: var(--kt-card-color);
}

.dashboard .row {
  --bs-gutter-x: 0;
}

.dashboard #advanced_search .row {
  --bs-gutter-x: 1.5rem;
}

.dashboard input#search_start_date,
.dashboard input#search_end_date {
  border: 1px solid #4E4E4E !important;
  border-radius: 0px;
}

@media only screen and (max-width:390px) {
  .dashboard .btn-primary {
    padding: 9px 30px !important;
  }
}

@media only screen and (max-width:767px) {
  .dashboard g#SvgjsG1171 {
    display: none !important;
  }
}

/* Dashboard page End */

/* Login page Start */

body.login {
  /*background: #eeeeee;*/
  font-family: 'Poppins', sans-serif !important;
  background: url('https://portal.cassarya.com/public/assets/Cassarya_Tuscany_MO_Kitchen.jpg');
  background-size: cover;
  background-attachment: fixed;
  background-position: center center;
  background-repeat: no-repeat;
  height: 100vh;
  width: 100vw;
  margin: 0;
  padding: 0;
  overflow: hidden;

}

.login section {
  padding: 9% 0px;
  margin: auto auto;
}

.login .bg-light {
  padding: 50px;
}

.login .logoCol {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: #818054 !important;
}

.login .btn-primary {
  color: #fff;
  background-color: #818054de;
  border-color: #818054de;
  width: 50%;
}

.login .btn-primary:hover {
  color: #fff;
  background-color: #818054;
  border-color: #818054;
}

.login .btn-primary:not(:disabled):not(.disabled):active {
  color: #fff;
  background-color: #818054;
  border-color: #818054;
}

.login .btn-primary:hover,
.btn-primary:focus {
  background-color: #818054;
  border: none;
  box-shadow: rgba(0, 0, 0, 0.1) 0 4px 12px;
}

.login button.btn.btn-primary:focus-visible {
  outline: none;
}

.login .linkHref {
  color: #707070;
}

.login .linkHref:hover {
  color: #a24b2b;
  text-decoration: none;
}

.login .password-showhide {
  position: absolute;
  right: 10px;
  top: 8px;
}

.login .hide-password {
  display: none
}

/* For Chrome, Edge, and Safari */
.login input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear {
  display: none;
}

/* For Firefox */
.login input[type="password"] {
  -webkit-text-security: disc;
}

.login #password:focus+.password-showhide span#togglePassword {
  z-index: 9999;
  position: absolute;
  top: 0px;
  right: 0px;
}

@media only screen and (max-width: 1024px) {
  .login section#login-section {
    padding-top: 33% !important;
  }
}

@media only screen and (min-width:768px) and (max-width: 1024px) {
  .login #login-section .container {
    max-width: 1024px !important;
  }
}

@media only screen and (max-width: 767px) {
  .login .bg-light {
    order: 2;
    max-width: 100%;
  }

  .login .col-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 95%;
    max-width: 95%;
  }

  .login section#login-section {
    padding-top: 35% !important;
  }

  .login .logoCol {
    order: 1;
    max-width: 100%;
  }

  .login .bg-light {
    padding: 50px 30px !important;
  }

  .login .logoCol {
    background-color: #818054 !important;
    margin-bottom: 30px !important;
  }

  .login .logoCol img {
    width: 200px;
    padding: 5px !important;
  }

}

/* Login page End */

/* Header Start */

:root {
  --kt-text-primary: #a24b2b !important;
}

/* The Modal (background) */
.modal {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 1;
  /* Sit on top */
  padding-top: 100px;
  /* Location of the box */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: rgb(0, 0, 0);
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4);
  /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe !important;
  margin: auto;
  padding: 20px !important;
  border: 1px solid #888 !important;
  border-radius: 0px !important;
  width: 80% !important;
}

.modal-header {
  align-items: center !important;
  justify-content: space-between !important;
  border-bottom: 1px solid var(--kt-modal-header-border-color) !important;
}

.modal-header .h2,
h2 {
  font-size: 1.5rem !important;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right !important;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}


.modal-footer .btn-success {
  background: #fff;
  border-color: var(--cs-primary-color);
  padding: 7px 25px;
  border-width: 2px;
  font-size: 14px;
  color: var(--cs-primary-color);
  font-weight: 600;
  box-shadow: none;
}

.modal-footer .btn-success:hover {
  background: var(--cs-primary-color) !important;
  border-color: var(--cs-primary-color);
  color: #fff;
  border-width: 2px;
}

.modal-footer .btn-danger {
  background: #818054bf;
  border: none;
  padding: 9px 25px;
  font-size: 14px;
  color: #fff;
  font-weight: 600;
  box-shadow: none;
  border-radius: 0px;
}

.modal-footer .btn-danger:hover {
  background: var(--cs-primary-color) !important;
  color: #fff;
  border-width: 2px;
}

.w-320px {
  width: 320px !important;
}

.menu-state-color .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here),
.menu-state-color .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
  color: #9f3e22 !important;
}

.btn.btn-danger:hover:not(.btn-active) {
  background-color: var(--cs-primary-color) !important;
}

.svg-icon.svg-icon-1 svg {
  height: 30px !important;
  width: 30px !important;
}

.headerFooter:hover {
  background: transparent !important;
}

.aside .btn-custom:hover:not(.btn-active) {
  background: transparent !important;
}

.csmain-menu ul {
  margin-bottom: 0px;
}

.l-mar {
  margin-left: -13px !important;
}

@media only screen and (min-width: 992px) {
  .m-account .col-md-3 {
    width: 22% !important;
  }
}

body.aside-closed #kt_aside_toggle {
  display: none;
  /* or use a width of 0 if you want to collapse it */
}

.modal-header:before,
.modal-header:after {
  content: none !important;
}

.modal-header .svg-icon:hover {
  color: #818054 !important;
}

.modal-header .btn.btn-sm.btn-icon.btn-active-color-primary:hover .svg-icon {
  color: #818054 !important;
}

@media (min-width: 768px) {
  .modal-dialog {
    width: auto !important;
    margin: 30px auto;
  }
}

.error {
  color: #dc3545;
}

.hcountry-icon {
  width: 45px !important;
  padding-left: 10px !important;
  padding-top: 10px !important;
}

.swal2-styled.swal2-confirm {
  background-color: var(--cs-primary-bg) !important;
  color: var(--cs-white) !important;
  padding: 8px 35px !important;
  text-align: center !important;
  font-size: 14px !important;
  letter-spacing: 1px !important;
  border-radius: none !important;
}

.swal2-styled.swal2-deny {
  background-color: var(--cs-primary-bg) !important;
  color: var(--cs-white) !important;
  padding: 8px 35px !important;
  text-align: center !important;
  font-size: 14px !important;
  letter-spacing: 1px !important;
  border-radius: none !important;
}

.swal2-cancel.swal2-styled {
  background-color: var(--cs-primary-bg) !important;
  color: var(--cs-white) !important;
  padding: 8px 35px !important;
  text-align: center !important;
  font-size: 14px !important;
  letter-spacing: 1px !important;
  border-radius: none !important;
}

#register-top label {
  text-align: left;
}

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

  .btn.btn-active-color-white.active,
  .btn.btn-active-color-white.active i,
  .btn.btn-active-color-white:active:not(.btn-active) i,
  .btn.btn-active-color-white:hover:not(.btn-active) i {
    color: var(--kt-text-muted) !important;
  }
}


/* Header End */


/* Customer Support page start */

.get_support input#support_for {
  border: 1px solid var(--cs-sec-color) !important;
}

.get_support .form-control {
  border: 1px solid var(--cs-sec-color) !important;
  box-shadow: none !important;
}

/* Customer Support page end */

/* Card header bBk Button start */

.fback-btn {
  margin-left: 20px
}

.map_agency .card-header,
.agencyViewDetails .card-header,
.add_agency .card-header,
.agencyEditDetails .card-header,
.add_salesrep .card-header,
.salesrepViewDetails .card-header,
.salesrepEditDetails .card-header,
.edit_details .card-header,
.add_dealer .card-header,
.view_details .card-header {
  display: none !important;
}

@media only screen and (max-width: 767px) {
  .fback-btn {
    margin-left: 0px;
    margin-top: 25px;
  }

  .map_agency .fback-btn {
    margin-left: 15px;
    margin-top: 0px;
  }

  .agencyViewDetails .fback-btn {
    margin-left: 15px;
    margin-top: 0px;
  }

  .salesrepViewDetails .fback-btn {
    margin-left: 15px;
    margin-top: 0px;
  }

  .add_salesrep .fback-btn {
    margin-left: 0px;
    margin-top: 25px;
  }

  .edit_details .fback-btn {
    margin-left: 15px;
    margin-top: 0px;
  }

  .view_details .fback-btn {
    margin-left: 25px;
    margin-top: 0px;
  }
}

@media only screen and (max-width: 360px) {
  .map_agency .fback-btn {
    margin-left: 0px;
    margin-top: 25px;
  }

  .edit_details .fback-btn {
    margin-left: 0px;
    margin-top: 25px;
  }

  .view_details .fback-btn {
    margin-left: 0px;
    margin-top: 0px;
  }
}

/* Card header Back Button end */


/* PDF viewer Start */

#containerpdf {
  position: relative;
  width: 100%;
  height: 700px;
}

.db_space {
  padding-bottom: 20px !important;
}

.desktop-only {
  display: none;
}

.mobile-tab-only {
  display: none;
}

@media (max-width: 1023px) {
  .mobile-tab-only {
    display: block;
    text-align: center;
  }
}


@media (min-width: 1024px) {
  .desktop-only {
    display: block;
    margin-top: 20px;
  }
}

/* PDF viewer End */

.agencylist .nav li label.active {
  color: var(--cs-primary-color);
  font-weight: 600 !important;
}

/* User List page Start */

body.allUsers {
  background-color: var(--cs-white);
  font-family: var(--cs-primary-font) !important;
}

.allUsers .category-filter {
  display: flex;
  position: relative;
  cursor: pointer;
  width: 25%;
  align-items: center;
  margin-left: auto;
  float: right;
  justify-content: space-evenly;
  margin-right: auto;
  margin-bottom: 1%;
}

.allUsers .table-responsive {
  width: 100%;
}

.allUsers .cs-dealer-title {
  text-align: right;
  margin-bottom: 0px;
}

.allUsers .dealer-btn {
  background-color: var(--cs-primary-bg);
  color: var(--cs-white);
  border: 1px solid var(--cs-primary-color);
  padding: 10px 30px;
  border-radius: 25px;
  font-size: 14px;
  letter-spacing: 2px;
}

.allUsers .dealer-btn:hover {
  background-color: var(--cs-white);
  color: var(--cs-primary-color);
  border: 1px solid var(--cs-primary-color);
  letter-spacing: 2px;
}

.allUsers .sdealer-btn {
  background-color: var(--cs-white);
  color: var(--cs-primary-color);
  border: 1px solid var(--cs-primary-color);
  padding: 10px 11px;
  border-radius: 25px;
  font-size: 14px;
  letter-spacing: 2px;
}

.allUsers .sdealer-btn:hover {
  background-color: var(--cs-primary-bg);
  color: var(--cs-white);
  border: 1px solid var(--cs-primary-color);
}

.allUsers .dbtn-col {
  float: right;
  margin-top: 30px;
  padding-right: 30px;
}

.allUsers input#searchInput {
  width: 93%;
  height: 40px;
  vertical-align: bottom;
}

.allUsers .csbtn {
  padding: 0px !important;
  width: 7%;
  margin-left: -5px;
  border-top-right-radius: 12px !important;
  border-bottom-right-radius: 12px !important;
  height: 40px;
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}

.allUsers input#searchInput {
  padding-left: 20px;
  border: 1px solid #4E4E4E99 !important;
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}

.allUsers input#searchInput:focus-visible {
  outline: none !important;
  border: 1px solid var(--cs-primary-color);
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

.allUsers #dealer-filt {
  float: left;
  margin-bottom: 30px;
}

.allUsers .dealer-list {
  padding: 0px 0px 0px 25px !important;
  border-right: 1px solid;
}

.allUsers .dealer-list .dropdown {
  text-align: left;
}

.allUsers .dealer-list .dropdown-menu {
  min-width: 190px !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0px;
}


.allUsers .dealer-list .arrow {
  border: solid black;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 5px;
  vertical-align: baseline;
  float: inline-end;
}

.allUsers .dealer-list .down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.allUsers .dealer-list button.btn.dropdown-toggle {
  font-size: 16px;
  font-weight: 500;
  border-bottom: 1px solid #000 !important;
  border-radius: 0;
  padding: 0px 0px 10px 0px !important;
  width: 190px;
  text-align: left;
}

.allUsers .dealer-list .dropdown-menu>li>a {
  display: block;
  padding: 5px 2px;
  clear: both;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: var(--cs-primary-color);
  white-space: nowrap;
}

.allUsers .dealer-filt {
  font-size: 16px;
  padding: 10px 25px;
  border: 1px solid var(--cs-primary-bg);
  color: var(--cs-primary-color);
  border-radius: 25px;
}

.allUsers .dealer-filt:hover {
  color: var(--cs-primary-color);
}

.allUsers .clear-filt {
  font-size: 16px;
  font-weight: 600;
  color: var(--cs-primary-color);
  padding-left: 10px;
}

.allUsers .clear-filt:hover {
  color: var(--cs-primary-color);
}

.country-search-checkbox {
  opacity: 0;
  position: absolute;
}

.allUsers .dealer-search-checkbox {
  opacity: 0;
  position: absolute;
}

.allUsers .sale-rep-search-checkbox {
  position: absolute;
  left: -9999px;
}

.allUsers thead tr th {
  border-top: 1px solid #000 !important;
}

.allUsers thead tr th {
  border-top: 1px solid #000 !important;
  vertical-align: middle !important;
}

.allUsers table tr th,
td {
  text-align: left;
}

.allUsers .dealer-edit {
  border-radius: 24px !important;
  border: 1px solid var(--cs-primary-color) !important;
}

.allUsers .dealer-edit:hover {
  background-color: var(--cs-white) !important;
  color: var(--cs-primary-color) !important;
  border: 1px solid var(--cs-primary-color) !important;
}

.allUsers #agency_list_paginate .active>.page-link,
.page-link.active {
  background-color: var(--cs-primary-bg) !important;
  border: 1px solid var(--cs-primary-color);
  color: var(--cs-white) !important;
}

.allUsers #agency_list_paginate .page-link:hover i.next {
  color: var(--cs-primary-color) !important;
}

.allUsers #agency_list_paginate .pagination>li>a,
.pagination>li>span {
  position: relative;
  float: left;
  padding: 6px 15x;
  margin-left: -1px;
  line-height: 1.42857143;
  color: var(--cs-primary-color) !important;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid var(--cs-primary-color) !important;
}

.allUsers div.dataTables_wrapper div.dataTables_paginate ul.pagination {
  margin: 2px 20px !important;
}

.allUsers th,
td {
  font-size: 14px !important;
}

.allUsers input.dealer-search-checkbox {
  width: 100% !important;
}

.allUsers input.sale-rep-search-checkbox {
  width: 100% !important;
}

.allUsers a.show {
  display: flex !important;
}

.allUsers .row {
  --bs-gutter-x: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.allUsers .m-account .dropdown-menu {
  border: none;
  border-radius: 0;
}

.allUsers .m-account .dropdown-header {
  background-color: #ffffff;
  padding: 8px 12px !important;
}

.allUsers .c1 {
  padding: 0 !important;
}

.allUsers .c1 svg {
  margin: 0;
}

.allUsers .c1 svg,
.c1 {
  margin-left: -5px !important;
}

.allUsers .m-account .dropdown-menu {
  border: none !important;
  border-radius: 0 !important;
  box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15) !important;
}

.allUsers .m-account .aname1 {
  margin-top: 0;
}

.allUsers .dealer-search-checkbox {
  /* opacity: 0; 
  position: absolute;
  left: -9999px;*/
}

@media (min-width: 992px) {

  .allUsers .container,
  .container-fluid,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    padding: 0 60px !important;
  }
}


/* Style dropdown */

.allUsers .dealer-list ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.allUsers .dealer-list .nav li {
  border-bottom: none !important;
  width: 100%;
  text-align: left;
  font-size: 15px;
  padding-top: 8px;
  padding-left: 8px;
}

.allUsers .dealer-list .nav li a {
  font-size: 14px;
}

.allUsers .dealer-list #accordionMenu {
  max-width: 300px;
}

.allUsers .dealer-list .panel-body {
  padding: 0;
}

.allUsers .dealer-list .panel-group .panel+.panel {
  margin-top: 0;
  border-top: 0;
}

.allUsers .dealer-list .panel-group .panel {
  border-radius: 0;
  border: none;
  border-bottom: 1px solid;
}

.allUsers .dealer-list .panel-default>.panel-heading {
  color: #333;
  background-color: #fff;
  border-color: #e4e5e7;
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.allUsers .dealer-list .panel-default>.panel-heading a {
  display: block;
  padding: 10px 15px 10px 8px;
  text-decoration: none;
  border-top: none !important;
  text-align: left;
  font-size: 15px;
}

.allUsers .dealer-list .panel-default>.panel-heading a:after {
  content: "";
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: right;
  transition: transform .25s linear;
  -webkit-transition: -webkit-transform .25s linear;
}

.allUsers .dealer-list .panel-default>.panel-heading a[aria-expanded="true"] {
  background-color: #eee;
}

.allUsers .dealer-list .panel-default>.panel-heading a[aria-expanded="true"]:after {
  content: "\e113";
}

.allUsers .dealer-list .panel-default>.panel-heading a[aria-expanded="false"]:after {
  content: "\e114";
}

.allUsers .dealer-list .panel-default>.panel-heading a[aria-expanded="true"] {
  background-color: var(--cs-white);
  text-align: left;
}

.allUsers .panel-group .panel-heading+.panel-collapse>.list-group,
.panel-group .panel-heading+.panel-collapse>.panel-body {
  border-top: none !important;
}

.allUsers .dealer-list .nav li label {
  font-weight: 400;
}

.allUsers .selections1,
.selections2 {
  display: none;
}

.allUsers .dealer-filt .close {
  position: relative !important;
  top: -4px !important;
  left: 9px !important;
  cursor: pointer !important;
}

.allUsers .dealer-filt .close span {
  position: relative !important;
  top: 6px !important;
  font-size: 21px;
  color: #818054;
  font-weight: 400;
}

.allUsers .dealer-list .nav li label:active {
  color: var(--cs-primary-color) !important;
  font-weight: 600;
}


/* end */

@media only screen and (min-width: 1200px) {
  .allUsers .col-md-3.col-lg-3.dealer-list {
    width: 22% !important;
  }
}

.allUsers .dealer-list .nav li label .dealerlab .active {
  color: #818054;
  font-weight: 600;
}

.allUsers .dealer-list .nav li label .subdealerlab .active {
  color: #818054;
  font-weight: 600;
}

/* close button start*/
.allUsers span.searchBox-clear.js-clearSearchBox {
  display: none;
}

.allUsers span.searchBox-clear.js-clearSearchBox.round {
  display: inline;
}

.allUsers span.searchBox-clear.js-clearSearchBox {
  display: none;
}

.allUsers span.searchBox-clear.js-clearSearchBox i {
  position: absolute;
  top: 15px;
  right: 110px;
  color: #809A9B;
  cursor: pointer;
}

.allUsers .dealer-list ul label {
  cursor: pointer;
}

.allUsers table.dataTable>tbody>tr>td {
  padding: 8px 10px;
  vertical-align: middle !important;
}

.allUsers a.m-portlet__nav-link.btn.m-btn.m-btn--hover-brand.m-btn--icon.m-btn--icon-only.m-btn--pill {
  padding-left: 0px;
}

.allUsers .dealer-btn:focus {
  color: var(--cs-black);
}

.allUsers .sdealer-btn:focus {
  color: var(--cs-black);
}

.allUsers .sdealer-btn:active {
  color: var(--cs-black);
}

.allUsers div#agency_list_length {
  display: none;
}

.allUsers div#agency_list_info {
  display: none !important;
}

@media only screen and (max-width:767px) {
  .allUsers .cs-dealer-title h2 {
    font-size: 24px !important;
    text-align: center !important;
  }

  .allUsers .dbtn-col {
    float: none !important;
  }

  .allUsers table#agency_list {
    padding: 10px;
  }
}

/* User List page End*/

/* User List page Start */

body.usersList {
  background-color: var(--cs-white);
  font-family: var(--cs-primary-font) !important;
}

.usersList .category-filter {
  display: flex;
  position: relative;
  cursor: pointer;
  width: 25%;
  align-items: center;
  margin-left: auto;
  float: right;
  justify-content: space-evenly;
  margin-right: auto;
  margin-bottom: 1%;
}

.usersList .table-responsive {
  width: 100%;
}

.usersList .cs-dealer-title {
  text-align: right;
  margin-bottom: 0px;
}

.usersList .dealer-btn {
  background-color: var(--cs-primary-bg);
  color: var(--cs-white);
  border: 1px solid var(--cs-primary-color);
  padding: 10px 30px;
  border-radius: 25px;
  font-size: 14px;
  letter-spacing: 2px;
}

.usersList .dealer-btn:hover {
  background-color: var(--cs-white);
  color: var(--cs-primary-color);
  border: 1px solid var(--cs-primary-color);
  letter-spacing: 2px;
}

.usersList .sdealer-btn {
  background-color: var(--cs-white);
  color: var(--cs-primary-color);
  border: 1px solid var(--cs-primary-color);
  padding: 10px 11px;
  border-radius: 25px;
  font-size: 14px;
  letter-spacing: 2px;
}

.usersList .sdealer-btn:hover {
  background-color: var(--cs-primary-bg);
  color: var(--cs-white);
  border: 1px solid var(--cs-primary-color);
}

.usersList .dbtn-col {
  float: right;
  margin-top: 30px;
  padding-right: 30px;
}

.usersList input#searchInput {
  width: 93%;
  height: 40px;
  vertical-align: bottom;
}

.usersList .csbtn {
  padding: 0px !important;
  width: 7%;
  margin-left: -5px;
  border-top-right-radius: 12px !important;
  border-bottom-right-radius: 12px !important;
  height: 40px;
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}

.usersList input#searchInput {
  padding-left: 20px;
  border: 1px solid #4E4E4E99 !important;
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}

.usersList input#searchInput:focus-visible {
  outline: none !important;
  border: 1px solid var(--cs-primary-color);
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

.usersList #dealer-filt {
  float: left;
  margin-bottom: 30px;
}

.usersList .dealer-list {
  padding: 0px 0px 0px 25px !important;
  border-right: 1px solid;
}

.usersList .dealer-list .dropdown {
  text-align: left;
}

.usersList .dealer-list .dropdown-menu {
  min-width: 190px !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0px;
}


.usersList .dealer-list .arrow {
  border: solid black;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 5px;
  vertical-align: baseline;
  float: inline-end;
}

.usersList .dealer-list .down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.usersList .dealer-list button.btn.dropdown-toggle {
  font-size: 16px;
  font-weight: 500;
  border-bottom: 1px solid #000 !important;
  border-radius: 0;
  padding: 0px 0px 10px 0px !important;
  width: 190px;
  text-align: left;
}

.usersList .dealer-list .dropdown-menu>li>a {
  display: block;
  padding: 5px 2px;
  clear: both;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: var(--cs-primary-color);
  white-space: nowrap;
}

.usersList .dealer-filt {
  font-size: 16px;
  padding: 10px 25px;
  border: 1px solid var(--cs-primary-bg);
  color: var(--cs-primary-color);
  border-radius: 25px;
}

.usersList .dealer-filt:hover {
  color: var(--cs-primary-color);
}

.usersList .clear-filt {
  font-size: 16px;
  font-weight: 600;
  color: var(--cs-primary-color);
  padding-left: 10px;
}

.usersList .clear-filt:hover {
  color: var(--cs-primary-color);
}

.country-search-checkbox {
  opacity: 0;
  position: absolute;
}

.usersList .dealer-search-checkbox {
  opacity: 0;
  position: absolute;
}

.usersList .sale-rep-search-checkbox {
  position: absolute;
  left: -9999px;
}

.usersList thead tr th {
  border-top: 1px solid #000 !important;
}

.usersList thead tr th {
  border-top: 1px solid #000 !important;
  vertical-align: middle !important;
}

.usersList table tr th,
td {
  text-align: left;
}

.usersList .dealer-edit {
  border-radius: 24px !important;
  border: 1px solid var(--cs-primary-color) !important;
}

.usersList .dealer-edit:hover {
  background-color: var(--cs-white) !important;
  color: var(--cs-primary-color) !important;
  border: 1px solid var(--cs-primary-color) !important;
}

.usersList #agency_list_paginate .active>.page-link,
.page-link.active {
  background-color: var(--cs-primary-bg) !important;
  border: 1px solid var(--cs-primary-color);
  color: var(--cs-white) !important;
}

.usersList #agency_list_paginate .page-link:hover i.next {
  color: var(--cs-primary-color) !important;
}

.usersList #agency_list_paginate .pagination>li>a,
.pagination>li>span {
  position: relative;
  float: left;
  padding: 6px 15x;
  margin-left: -1px;
  line-height: 1.42857143;
  color: var(--cs-primary-color) !important;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid var(--cs-primary-color) !important;
}

.usersList div.dataTables_wrapper div.dataTables_paginate ul.pagination {
  margin: 2px 20px !important;
}

.usersList th,
td {
  font-size: 14px !important;
}

.usersList input.dealer-search-checkbox {
  width: 100% !important;
}

.usersList input.sale-rep-search-checkbox {
  width: 100% !important;
}

.usersList a.show {
  display: flex !important;
}

.usersList .row {
  --bs-gutter-x: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.usersList .m-account .dropdown-menu {
  border: none;
  border-radius: 0;
}

.usersList .m-account .dropdown-header {
  background-color: #ffffff;
  padding: 8px 12px !important;
}

.usersList .c1 {
  padding: 0 !important;
}

.usersList .c1 svg {
  margin: 0;
}

.usersList .c1 svg,
.c1 {
  margin-left: -5px !important;
}

.usersList .m-account .dropdown-menu {
  border: none !important;
  border-radius: 0 !important;
  box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15) !important;
}

.usersList .m-account .aname1 {
  margin-top: 0;
}

.usersList .dealer-search-checkbox {
  /* opacity: 0; 
  position: absolute;
  left: -9999px;*/
}

@media (min-width: 992px) {

  .usersList .container,
  .container-fluid,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    padding: 0 60px !important;
  }
}


/* Style dropdown */

.usersList .dealer-list ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.usersList .dealer-list .nav li {
  border-bottom: none !important;
  width: 100%;
  text-align: left;
  font-size: 15px;
  padding-top: 8px;
  padding-left: 8px;
}

.usersList .dealer-list .nav li a {
  font-size: 14px;
}

.usersList .dealer-list #accordionMenu {
  max-width: 300px;
}

.usersList .dealer-list .panel-body {
  padding: 0;
}

.usersList .dealer-list .panel-group .panel+.panel {
  margin-top: 0;
  border-top: 0;
}

.usersList .dealer-list .panel-group .panel {
  border-radius: 0;
  border: none;
  border-bottom: 1px solid;
}

.usersList .dealer-list .panel-default>.panel-heading {
  color: #333;
  background-color: #fff;
  border-color: #e4e5e7;
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.usersList .dealer-list .panel-default>.panel-heading a {
  display: block;
  padding: 10px 15px 10px 8px;
  text-decoration: none;
  border-top: none !important;
  text-align: left;
  font-size: 15px;
}

.usersList .dealer-list .panel-default>.panel-heading a:after {
  content: "";
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: right;
  transition: transform .25s linear;
  -webkit-transition: -webkit-transform .25s linear;
}

.usersList .dealer-list .panel-default>.panel-heading a[aria-expanded="true"] {
  background-color: #eee;
}

.usersList .dealer-list .panel-default>.panel-heading a[aria-expanded="true"]:after {
  content: "\e113";
}

.usersList .dealer-list .panel-default>.panel-heading a[aria-expanded="false"]:after {
  content: "\e114";
}

.usersList .dealer-list .panel-default>.panel-heading a[aria-expanded="true"] {
  background-color: var(--cs-white);
  text-align: left;
}

.usersList .panel-group .panel-heading+.panel-collapse>.list-group,
.panel-group .panel-heading+.panel-collapse>.panel-body {
  border-top: none !important;
}

.usersList .dealer-list .nav li label {
  font-weight: 400;
}

.usersList .selections1,
.selections2 {
  display: none;
}

.usersList .dealer-filt .close {
  position: relative !important;
  top: -4px !important;
  left: 9px !important;
  cursor: pointer !important;
}

.usersList .dealer-filt .close span {
  position: relative !important;
  top: 6px !important;
  font-size: 21px;
  color: #818054;
  font-weight: 400;
}

.usersList .dealer-list .nav li label:active {
  color: var(--cs-primary-color) !important;
  font-weight: 600;
}


/* end */

@media only screen and (min-width: 1200px) {
  .usersList .col-md-3.col-lg-3.dealer-list {
    width: 22% !important;
  }
}

.usersList .dealer-list .nav li label .dealerlab .active {
  color: #818054;
  font-weight: 600;
}

.usersList .dealer-list .nav li label .subdealerlab .active {
  color: #818054;
  font-weight: 600;
}

/* close button start*/
.usersList span.searchBox-clear.js-clearSearchBox {
  display: none;
}

.usersList span.searchBox-clear.js-clearSearchBox.round {
  display: inline;
}

.usersList span.searchBox-clear.js-clearSearchBox {
  display: none;
}

.usersList span.searchBox-clear.js-clearSearchBox i {
  position: absolute;
  top: 15px;
  right: 110px;
  color: #809A9B;
  cursor: pointer;
}

.usersList .dealer-list ul label {
  cursor: pointer;
}

.usersList table.dataTable>tbody>tr>td {
  padding: 8px 10px;
  vertical-align: middle !important;
}

.usersList a.m-portlet__nav-link.btn.m-btn.m-btn--hover-brand.m-btn--icon.m-btn--icon-only.m-btn--pill {
  padding-left: 0px;
}

.usersList .dealer-btn:focus {
  color: var(--cs-black);
}

.usersList .sdealer-btn:focus {
  color: var(--cs-black);
}

.usersList .sdealer-btn:active {
  color: var(--cs-black);
}

.usersList div#agency_list_length {
  display: none;
}

.usersList div#agency_list_info {
  display: none !important;
}

@media only screen and (max-width:767px) {
  .usersList .cs-dealer-title h2 {
    font-size: 24px !important;
    text-align: center !important;
  }

  .usersList .dbtn-col {
    float: none !important;
  }

  .usersList table#agency_list {
    padding: 10px;
  }
}

.add_user #loader {
  display: none;
  /* Hidden by default */
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1000;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 20px;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.user_edit_details #loader {
  display: none;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1000;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 20px;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

/* User List page End*/

/* Add Dealer Add user password eye Start */

.add_subdealer .password-showhide,
.add_subdealer .password-showhideconfirm {
  width: max-content;
  position: relative;
  left: 250px;
  bottom: 31px;
}

.add_user .password-showhideconfirm,
.add_user .password-showhide {
  width: max-content;
  position: relative;
  bottom: 31px;
  left: 85%;
}

.user_edit_details .password-showhide,
.user_edit_details .password-showhideconfirm {
  width: max-content;
  position: relative;
  left: 90%;
  bottom: 31px;
}

.user_edit_details input#password,
.user_edit_details input#cpassword,
.user_edit_details input#postalcode,
.user_edit_details input#city,
.user_edit_details input#state,
.user_edit_details input#phone_number,
.user_edit_details input#name {
  border: 1px solid #4E4E4E !important;
}

/* Add Dealer Add user password eye End */

.change_password input[type=password],
.change_password input[type=text] {
  border: 1px solid var(--cs-sec-color) !important;
}

.update_password input[type=password],
.update_password input[type=text] {
  border: 1px solid var(--cs-sec-color) !important;
  border-width: 1px !important;
}

.update_password .form-group {
  position: relative;
}

.update_password .password-showhide,
.update_password .password-showhide_new,
.update_password .password-showhide_confirm {
  position: absolute;
  right: 27px;
  top: 59px !important;
}

/* .update_password .password-showhide_new {
  position: absolute;
  right: 27px;
  top: 161px !important;
  z-index: 1 !important;
} */

.add_salesrep .select2-container,
.add_agency .select2-container,
.edit_details .select2-container {
  border: none !important;
}

.edit_details .form-select.form-select-solid:focus {
  border: 1px solid var(--cs-sec-color) !important;
}

.map_agency .select2-container--bootstrap5 .select2-selection--single .select2-selection__placeholder {
  color: #a1a5b7 !important;
  font-weight: 500;
  font-size: 14px;
}

.salesrepEditDetails .select2-container {
  border: none !important;
}

.express_kitchen_resources .c_disabled {
  pointer-events: none;
}

/* Desgin Presentation Template start  */

.designer_presentation_template .cardStyle,
.essentials_presentation_template .cardStyle,
.express_presentation_template .cardStyle {
  background: #fff;
  padding: 50px;
  box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
}

.designer_presentation_template .grid-ht,
.essentials_presentation_template .grid-ht,
.express_presentation_template .grid-ht {
  height: 100% !important;
}

/* Cassarya Designer series quote package*/

.cassarya_designer_series_quote_package .cardStyle {
  background: #fff;
  padding: 50px;
  box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
}

.cassarya_designer_series_quote_package .grid-ht {
  height: 100% !important;
}

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

  .designer_presentation_template .martop,
  .essentials_presentation_template .martop,
  .essentials_presentation_template .martop {
    margin-top: 10px;
  }
}

/* Desgin Presentation Template start  */

/* New Door Launch start */

.new_door_launch .cardStyle {
  background: #fff;
  padding: 50px;
  box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
}

.new_door_launch .grid-ht {
  height: 100% !important;
}

/* Cassarya Master Training Deck */

.master_training_deck .cardStyle {
  background: #fff;
  padding: 50px;
  box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
}

.master_training_deck .grid-ht {
  height: 100% !important;
}

@media only screen and (max-width:767px) {
  .new_door_launch .martop {
    margin-top: 10px;
  }
}

.md_index .dealer-btn2 {
  background-color: #ED2E24;
  color: var(--cs-white);
  border: 1px solid var(--cs-primary-color);
  padding: 10px 30px;
  border-radius: 25px;
  font-size: 14px;
  letter-spacing: 2px;
}

/* New Door Launch start */

/* copyright style*/
a#open_preferences_center {
  font-size: 16px;
}