:root {
  --primary-500: #5c6dff;
  --sidenav-width: 260px;
  --orange-100: #CA5935;
  --orange-80: #CA5935CC;
  --orange-60: #CA593599;
  --orange-40: #CA593566;
  --orange-20: #CA593533;
  --grey-100: #333333;
  --grey-80: #333333CC;
  --grey-40: #33333366;
  --grey-20: #33333333;
  --blue-darker: #2B3139;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-VariableFont_slnt,wght.ttf') format("truetype-variations");
  src: url('../fonts/Inter-Thin.ttf') format("truetype");
  font-weight: 100;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-VariableFont_slnt,wght.ttf') format("truetype-variations");
  src: url('../fonts/Inter-ExtraLight.ttf') format("truetype");
  font-weight: 200;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-VariableFont_slnt,wght.ttf') format("truetype-variations");
  src: url('../fonts/Inter-Light.ttf') format("truetype");
  font-weight: 300;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-VariableFont_slnt,wght.ttf') format("truetype-variations");
  src: url('../fonts/Inter-Regular.ttf') format("truetype");
  font-weight: 400;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-VariableFont_slnt,wght.ttf') format("truetype-variations");
  src: url('../fonts/Inter-Medium.ttf') format("truetype");
  font-weight: 500;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-VariableFont_slnt,wght.ttf') format("truetype-variations");
  src: url('../fonts/Inter-SemiBold.ttf') format("truetype");
  font-weight: 600;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-VariableFont_slnt,wght.ttf') format("truetype-variations");
  src: url('../fonts/Inter-Bold.ttf') format("truetype");
  font-weight: 700;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-VariableFont_slnt,wght.ttf') format("truetype-variations");
  src: url('../fonts/Inter-ExtraBold.ttf') format("truetype");
  font-weight: 800;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-VariableFont_slnt,wght.ttf') format("truetype-variations");
  src: url('../fonts/Inter-Black.ttf') format("truetype");
  font-weight: 900;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-VariableFont_slnt,wght.ttf') format("truetype-variations");
}
@font-face {
	font-family: "SF Pro Text";
	src: url("../fonts/1c45e28f8e86cc89876f003b953cc3e9.eot");
	src: url("../fonts/1c45e28f8e86cc89876f003b953cc3e9.eot?#iefix") format("embedded-opentype"),
		 url("../fonts/1c45e28f8e86cc89876f003b953cc3e9.woff2") format("woff2"),
		 url("../fonts/1c45e28f8e86cc89876f003b953cc3e9.woff") format("woff"),
		 url("../fonts/1c45e28f8e86cc89876f003b953cc3e9.ttf") format("truetype"),
		 url("../fonts/1c45e28f8e86cc89876f003b953cc3e9.svg#SF Pro Text") format("svg");
}
@font-face{
    font-family:element-icons;
    src:url("../fonts/element-icons.535877f5.woff") format("woff"),
        url("../fonts/element-icons.732389de.ttf") format("truetype");
    font-weight:400;font-display:"auto";font-style:normal
}
* {
  box-sizing: border-box;
}
html {
    min-height: 100%;
    position:relative;
    scroll-behavior: smooth;
}
body{
    margin: 0;
    padding: 0;	
    margin-left: auto;
    margin-right: auto;
    min-height: 100vh;
    font-family: "Inter", sans-serif;
    /* font-size: 26px; */
    font-size: 0.9em;
    font-weight: 400;
    color: var(--grey-100);
    display: flex;
    flex-direction: column;
}

a{
    text-decoration: none;
    color: #555555;
}

a:visited {
    text-decoration: none;
    /*color: #555555; */
}


a:focus {
    outline: 0;
}

.hide-desk {
  display: none !important;
}

.show-desk {
  display: block;
}

.btn-link {
  color: var(--orange-100);
  font-family: "Inter", sans-serif !importan;
  font-weight: 600;
  font-size: 16px;
  text-decoration: none;
  padding: 0;
}

h1 {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 40px;
}

h2 {
  font-family: "Inter", sans-serif;
  font-size: 32px;
  font-weight: 700;
}
img.banner {
  margin: 0 auto;
  display: block;
}
/** banners for carousel */
.container-fluid.banner ,
.container-fluid.banners {
    padding: 0;
    margin: 0;
    background: var(--blue-darker);
}
.container-fluid.banners .container {
    padding: 0;
}
#bannersCarousel {
    position: relative;
    overscroll-behavior: none;
    touch-action: pan-x pan-y;
}
#bannersCarousel .owl-stage-outer {
    z-index: 1;
}
#bannersCarousel .owl-nav {
    text-align: center;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    position:absolute;
    top: 0;
    width: 100%;
    height: 100%;
}
#bannersCarousel .owl-item {
    overflow-x: hidden;
}
#bannersCarousel .owl-nav button {
    color: white;
    font-size: 24px;
    z-index: 2;
    opacity: 80%;
    background-repeat: no-repeat;
    width: 2rem;
    height: 100%;
    background-position: center;
}
#bannersCarousel .owl-nav button:hover {
    opacity: 100%;
}
#bannersCarousel .owl-nav button span {
    visibility: hidden;
}
#bannersCarousel .owl-next {
  /*background-image: url(/resourses/imgcommon/chevron_right_icon_orange.svg);*/
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
#bannersCarousel .owl-prev {
  /*background-image: url(/resourses/imgcommon/chevron_left_icon_orange.svg);*/
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}
#bannersCarousel .owl-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    /*column-gap: 16px; */
    padding: 8px 0;
    padding: 8px 0;
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 2;
}
#bannersCarousel .owl-dot {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease;
}
#bannersCarousel .owl-dot.active {
    opacity: 1;
}
#businessBanner .carousel-item--wrapper ,
#bannersCarousel .carousel-item--wrapper {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    max-height: 520px;
}
#businessBanner .carousel-item--wrapper {
    padding: 0;
}
#bannersCarousel .carousel-item--wrapper {
    padding: 0 32px;
}
#bannersCarousel .owl-item:nth-child(odd) .carousel-item--wrapper {
    padding-right: 48px;
}
#bannersCarousel .owl-item:nth-child(even) .carousel-item--wrapper {
    flex-direction: row-reverse;
    padding-left: 48px;
}
#businessBanner .banner-container ,
#bannersCarousel .banner-container {
    flex-basis: 60%;
    display: inline-block;
    width: 60%;
    overflow: hidden;
}
#businessBanner  .banner-container img ,
#bannersCarousel  .banner-container img {
    width: 100%;
    height: auto;
    margin: auto;
    position: relative;
}
#businessBanner .banner-promo ,
#bannersCarousel .banner-promo {
    padding: 8px 16px;
    color: white;
    flex-grow: 1;
    width: 40%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}
#businessBanner .banner-promo h2,
#bannersCarousel .banner-promo h2 {
    font-family: Inter;
    font-size: 32px;
    font-weight: 700;
    line-height: 38px;
}
#businessBanner .banner-promo p,
#bannersCarousel .banner-promo p {
    font-size: 28px;
    line-height: 36px;
}
#businessBanner .banner-promo a,
#bannersCarousel .banner-promo a {
    margin: 16px 0 0 0;
    display: inline-block;
    color: white;
    padding: 10px 16px;
}
#businessBanner .banner-promo a:hover,
#bannersCarousel .banner-promo a:hover {
    color: white;
}
.text-orange {
    color: var(--orange-100);
}
#our-contacts {
    scroll-margin: 200px;
}
/** end: banners for carousel */
/* for business page */
#businessBanner .page_title {
    color: #F2F4F8;
    font-family: Inter;
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    letter-spacing: 0.05em;
    text-align: left;
    margin-bottom: 16px;
}
.preferences-section {
  padding: 64px 0;
  background: #F2F4F8;
}
.preferences-section .pref-column {
  padding-bottom: 16px;
}
.preferences-section .pref-column .pref-discount {
    font-size: 48px;
    font-weight: 700;
    line-height: 58px;
    letter-spacing: 0em;
    color: var(--blue-darker);
}
.preferences-section .pref-column .pref-heading {
    font-family: Inter;
    font-size: 32px;
    font-weight: 700;
    line-height: 39px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--blue-darker);
}
.preferences-section .pref-column .pref-description {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    color: black;
    margin: 14px 0 0 0;
}
.chips-section {
  padding: 32px 0;
  background: white;
}
.chips-section .row {
  padding-bottom: 48px;
}
.chips-section .row:nth-child(even) {
   flex-direction: row-reverse;
}
.chip-promo {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.chip-promo h2 {
    margin: 28px 0 16px 0;
    font-size: 32px;
    font-weight: 700;
    line-height: 39px;
    color: var(--blue-darker);
}
.chip-promo p {
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    color: black;
}
.chip-promo .btn-orange {
    margin-bottom: 24px;
    width: fit-content;
}
.chip-picture img {
    border-radius: 20px;
    box-shadow: 0px 4px 28px 2px #00000012;
}
.chip {
    width: fit-content;
    padding: 8px 18px 8px 18px;
    border-radius: 12px;
    color: #828282;
    border: 1px solid #828282;
    font-family: Inter;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    color: #4F4F4F;
}
.how-leasing-section ,
.how-remote-section ,
.how-business-section {
  padding: 64px 0;
  background: #F2F4F8;
}
.how-item {
    display: flex;
    gap: 16px;
    color: #333333;
    align-items: start;
}
.how-icon {
    width: 50px;
    height: 50px;
}
.offer-items {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto;
    row-gap: 24px;
    column-gap: 16px;
}
.how-biz-items {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto;
    row-gap: 32px;
    column-gap: 24px;
}
.how-content--title {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    margin: 14px 0 12px 0;
}
.how-content--description {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}
.leasing-plans-section ,
.business-plans-section {
    padding: 64px 0;
    background: white;
}
.section_header {
    font-size: 32px;
    font-weight: 700;
    line-height: 39px;
    margin-bottom: 32px;
}
#businessPlansSection .offers {
    margin-top: 32px;
}
#businessPlansSection .plan-name {
    font-size: 22px;
}
.biz-price-monthly, .biz-price-annual {
    font-size: 24px;
}
#businessPlansSection .estimate-card {
    background: #FFFFFF;
    box-shadow: 0px 4px 28px 2px #00000012;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 20px;
    width: 100%;
    height: 100%;
    padding: 32px 24px;
    margin: 0;
}
#businessPlansSection .form-check {
    margin-top: 48px;
}
.biz-price-monthly {
    display: none;
}
#businessPlansSection span.discount {
    font-size: 16px;
}
.biz-it-support-section {
    padding: 64px 0;
    background: white;
}
.book-session-wrapper {
    box-shadow: 0px 4px 28px 2px #00000012;
    gap: 28px;
    padding: 48px 64px;
    margin-bottom: 64px;
}
.book-session-action {
    flex-grow: 1;
}
.book-session-action .desc-title {
    font-size: 22px;
    font-weight: 700;
    line-height: 27px;
    color: #333333;
}
.book-session-action .service-price {
    font-size: 32px;
    font-weight: 700;
    line-height: 39px;
    margin: 12px 0 24px 0;
}
.book-session-action .btn-orange {
    width: 100%;
}
/* end of business page */
/* product page */
.hidden { display: none; }
#exzoom {
    width: 340px;
    /*height: 400px;*/
}
#productInfo {
    display: grid;
    gap: 16px;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: min-content min-content auto auto 1fr;
    grid-template-areas:
      "images header"
      "images cart"
      "images additions"
      "ways_to_get additions"
      "description specifications";
}
.product-info--images {
    grid-area: images;
}
.product-info--name {
    grid-area: header;
    font-size: 32px;
    font-weight: 700;
    line-height: 39px;
    color: black;
}
.product-info--cart {
    grid-area: cart;
}
#productInfo span.sale-price {
    font-size: 24px;
    font-weight: 700;
    line-height: 29px;
    color: #333333;
}
#productInfo .div_price .span_line {
    font-size: 22px;
    line-height: 28px;
    color: #424242;

}
.product-info--cart .cart-buttons a {
    margin: 0;
    flex-grow: 1;
    text-align: center;
}
.product-info--cart .cart-buttons a i.bi {
    font-size: 32px;
}
.product-info--cart #btnAddToCart {
    display: flex;
    justify-content: center;
    align-items: center;
}
.product-condition {
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
}
.product-info--additions {
    grid-area: additions;
    border: 1px solid #D2D2D2;
    border-radius: 20px;
    padding: 36px 48px;
}
.product-info--additions  .product-addition:not(:last-child) {
    padding-bottom: 24px;
    border-bottom: 0.5px solid #BDBDBD;
}
.product-info--additions  .product-addition:not(:first-child) {
    padding-top: 24px;
}
.product-info--additions .form-check-label {
    margin: 2px 0 0 8px;
}
.product-info--additions p {
    margin: 12px 0;
}
.product-info--additions .warranty-options {
    padding: 12px 0 0 24px;
}
.product-info--additions .warranty-options .form-check + .product-info--additions .warranty-options .form-check {
    margin-bottom: 12px;
}
.warranty-options .form-check-label {
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    color: #424242;
}
.warranty-options .form-check-label span {
    color: #605E5E;
    display: inline-block;
    margin-left: 12px;
}
.product-info--ways-to-get {
    grid-area: ways_to_get;
}
.product-info--ways-to-get h5 {
    font-size: 22px;
    font-weight: 700;
    line-height: 27px;
    color: black;
}
.product-info--get-options {
    display: grid;
    grid-template-columns: 36px 1fr;
    grid-template-rows: auto;
    column-gap: 16px;
    row-gap: 24px;
    align-items: center;
    justify-items: start;
    margin-top: 32px;
}
,product-info--get-options .option-title {
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    text-align: left;
    color: #333333;
}
,product-info--get-options .option-description {
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    color: #4F4F4F;
}
.product-info--description {
    grid-area: description;
}
.product-info--specs {
    grid-area: specifications;
}

#productInfo .accordion-item {
    border: none;
}
#productInfo .accordion-item .accordion-button {
    font-family: "Inter", sans-serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 39px;
}
#productInfo .accordion-item .accordion-button:not(.collapsed) {
    color: var(--grey-100) !important;
    background-color: rgba(51, 51, 51, 0);
    box-shadow: none;
}
#productInfo .accordion-item .accordion-button::after {
    background-image: url(/resourses/imgcommon/chevron_down_black.svg);
    background-position: center;
}
#productInfo .accordion-item .accordion-button:not(.collapsed)::after {
    color: var(--grey-100);
    background-image: url(/resourses/imgcommon/chevron_down_black.svg);
}
#productInfo .accordion-item .accordion-button:focus {
    border-color: rgba(51, 51, 51, 0);
    box-shadow: none;
}
.accordion-preview .collapse:not(.show) {
    display: block;
}
.accordion-preview .collapse:not(.show) .accordion-body {
    max-height: 90px;
    position: relative;
    overflow: hidden;
}

.accordion-preview .collapse:not(.show) .accordion-body:after {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    content: "";
    background: linear-gradient(to top,
       rgba(255,255,255, 1) 5%,
       rgba(255,255,255, 0) 60%
    );
    pointer-events: none; /* so the text is still selectable */
}
/* end of product page */
/* cart page */
#cartInfo {
    display: grid;
    gap: 16px;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: min-content 1fr;
    grid-template-areas:
      "header header header"
      "items items summary"
}
.cart--header {
    grid-area: header;
}
.cart--items {
    grid-area: items;
    background: #F4F4F4;
}
.cart--summary {
    grid-area: summary;
    padding-left: 32px;
}
#cartInfo .cart-row {
    display: grid;
    gap: 16px;
    grid-template-columns: min-content 1fr;
    grid-template-rows: min-content min-content min-content auto auto auto;
    grid-template-areas:
      "image name"
      "image qty_price"
      "image actions"
      "descriptions descriptions"
      "warranty warranty"
      "totals totals";
    padding: 24px;
    border: 1px solid #D2D2D2;
    border-radius: 20px;
    background-color: white;
    margin: 28px;
}
/*
.cart-row:hover {
    border-bottom: 1px solid #FE760C;
}
*/
.cart-row .product-img-wrapper {
    grid-area: image;
}
.cart-row .product-img-wrapper img {
    width: 160px;
    height: auto;
}
/*
.cart-item--details {
    grid-area: details;
}
*/
.cart--items .cart-item--name {
   grid-area: name;
}
.cart--items .cart-item--actions {
   grid-area: actions;
}
.cart-item--quantity-price {
    grid-area: qty_price;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.cart-item--descriptions {
    grid-area: descriptions;
}
.cart-item--warranty {
    grid-area: warranty;
}
.cart-item--total {
    grid-area: totals;
}
.cart-row .cart-item--total ,
.order--summary .summary-row ,
.cart--summary .summary-row ,
.order--summary .summary-total ,
.cart--summary .summary-total {
    display: flex;
    justify-content: space-between;
}
.order--summary .summary-data ,
.cart--summary .summary-data ,
.cart--summary .summary-total--data {
    text-align: right;
}
.order--summary h4,
.cart--summary h4 {
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
    color: black;
}
.order--summary .summary-rows ,
.cart--summary .summary-rows {
    padding: 16px 0 22px 0;
}
.item--specifications a {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(40%, 1fr));
  grid-auto-rows: auto;
  grid-row-gap: 8px;
  grid-column-gap: 24px;
  margin-bottom: 16px;
}
.item--specifications .cart-item--spec ,
.order--summary .summary-row ,
.cart--summary .summary-row {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  color: #4F4F4F;
}
/*.item--specifications .cart-item--spec:not(:last-child) , */
.order--summary .summary-row:not(:last-child) ,
.cart--summary .summary-row:not(:last-child) {
  margin-bottom: 12px;
}
.cart-row .cart-item--total ,
.order--summary .summary-total ,
.cart--summary .summary-total {
  font-size: 22px;
  font-weight: 700;
  line-height: 33px;
  border-top: 0.5px solid #BDBDBD;
  padding-top: 24px;
}
.order--summary .btn-orange ,
.cart--summary .btn-orange {
  margin: 48px 0;
  width: 100%;
}
#cartInfo .unit-price ,
.cart--items .cart-item--name {
    font-size: 22px;
    font-weight: 700;
    line-height: 33px;
    color: #000000;
}
#cartInfo .unit-price {
    margin-left: 20px;
}
.cart-item--actions {
    /*
    display: flex;
    gap: 48px;
    */
}
.cart-item--actions a {
    display: inline-block;
    padding-left: 24px;
    background-position: center left;
    background-repeat: no-repeat;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    color: var(--orange-100);
    margin: 0 48px 12px 0;
}
.cart-item--actions a:hover {
    color: #C33B1F;
}
.cart-item--remove {
    background-image: url(/resourses/imgcommon/trash_orange_icon.svg);
}
.cart-item--save {
    background-image: url(/resourses/imgcommon/save_orange_icon.svg);
}
.cart-item--quantity {
    display: flex;
    margin: 8px 0;
    align-items: center;
    flex-wrap: wrap;
}
.cart-item--quantity h5 {
    text-transform: capitalize;
    font-weight: 400;
    width: 90px;
    font-size: 16px;
}
.cart-item--quantity-price span.spinner {
    font-size: 16px;
    font-weight: 400;
    color: #5c5b5b;
    line-height: 27px;
    display: flex;
}
.select_number span.spinner>.sub, .select_number span.spinner>.add {
    float: left;
    display: block;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    color: #fff;
    background: #aaa;
    cursor: pointer;
    transition: all linear .3s;
    border-radius: 50%;
    border: 1px solid #aaa;
    font-size: 20px;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}
.select_number .number_area {
    width: 65px;
    border-radius: 30px;
    margin: 0px 5px;
    text-align: center;
    border: 0.5px solid #BDBDBD;
}
.max-lines {
  display: inline-block;
  text-overflow: ellipsis;
  word-wrap: break-word;
  overflow: hidden;
  max-height: 5em;
  line-height: 1.2em;
}
/* customer dashboard */
.dashboard_menu {
    display: flex;
    align-items: center;
    justify-content: end;
    padding: 5px 20px;
    background: #0b2c3d;
}
.dashboard_user {
    display: flex;
    align-items: center;
}
.dashboard_user img {
    width: 45px;
    height: 45px;
    margin-right: 10px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.dashboard_user p {
    text-transform: capitalize;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    margin: 0;
}
#dashboardSection {
    padding: 40px 30px 40px 0px;
    min-height: 100vh;
    background: #f5f6f7;
}
.dashboard_sidebar {
    width: 240px;
    height: 100vh;
    background: #0b2c3d;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9;
}
#dashboardSection .dash_logo {
    width: 100%;
    text-align: center;
    position: relative;
    top: 16px;
    left: 8px;
}
#dashboardSection .dash_logo img {
    max-width: 220px;
}
#dashboardSection .dashboard_link {
    margin: 0;
    padding: 0;
    margin-top: 56px;
    margin-bottom: 50px;
    width: 100%;
    height: 500px;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #08C #0b172d;
}
#dashboardSection .dashboard_link li {
    display: block;
    height: fit-content;
    padding: 8px 16px;
    border-bottom: 1px solid #fffefe17;
}
#dashboardSection .dashboard_link li:hover, .dashboard_link li.active {
    background: #051a25;
}
#dashboardSection .dashboard_link li:first-child {
    border-top: 1px solid #fffefe24;
}
#dashboardSection .dashboard_link li a {
    font-size: 15px;
    color: #e8e8e8;
    font-weight: 500;
    text-transform: capitalize;
    width: 100%;
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s ease;
    -moz-transition: all linear 0.3s ease;
    -ms-transition: all linear 0.3s ease;
    -o-transition: all linear 0.3s ease;
}
#dashboardSection .dashboard_link li a i {
    margin-right: 10px;
}
#dashboardSection .close_icon {
    width: 40px;
    height: 40px;
    background: #08C;
    text-align: center;
    line-height: 40px;
    color: #fff;
    position: absolute;
    top: 0px;
    right: -40px;
    cursor: pointer;
    display: none;
    font-size: 25px;
    z-index: 99;
}
#dashboardSection .close_icon .dash_bar, .close_icon .dash_close {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: #08C;
    font-size: 20px;
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s ease;
    -moz-transition: all linear 0.3s ease;
    -ms-transition: all linear 0.3s ease;
    -o-transition: all linear 0.3s ease;
}
#dashboardSection .close_icon .dash_close {
    background: red;
    opacity: 0;
}
#dashboardSection .fa.fa-times.dash_close.dash_opasity {
    opacity: 1;
}
#dashboardSection .dashboard_content {
    margin-top: 16px;
    margin-left: 240px;
    padding-left: 24px;
}
.dashboard_content h3 {
    text-transform: capitalize;
    font-size: 30px;
    font-weight: 600;
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}
.dashboard_content h3 i {
    font-size: 28px;
    color: #848383;
    margin-right: 12px;
}
.dash_pro_area, .dashboard_add {
    background: #fff;
    padding: 30px;
    border-radius: 5px;
    box-shadow: rgba(99, 99, 99, 0.3) 0px 0px 8px 0px;
    position: relative;
}
.dash_pro_area h4 {
    text-transform: capitalize;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 10px;
}
.dash_pro_img {
    border-radius: 5px;
    border: 1px solid #eee;
    overflow: hidden;
    position: relative;
}
.dash_pro_single {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}
.dash_pro_single i {
    width: 57px;
    height: 47px;
    background: #fff;
    line-height: 45px;
    text-align: center;
    border-radius: 3px;
    margin-right: 10px;
    color: #08C;
    border: 1px solid #eee;
    display: inline-block;
    font-size: 28px;
}
.dash_pro_single input, .dash_pro_single textarea, .medicine_row_input input {
    width: 100%;
    padding: 10px;
    border-radius: 3px;
    font-size: 16px;
    font-weight: 400;
    color: #353535;
    resize: none;
    border: 1px solid #eee;
    border-radius: 6px;
}
#frmItem .select2-selection .select2-container--focus:focus-visible ,
#dashboardSection .select2-selection .select2-selection--single:focus-visible ,
.add_address_single input:focus,
.add_address_single textarea:focus ,
.dash_pro_single input:focus,
.dash_pro_single textarea:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
}
.dash_pro_img {
    border-radius: 5px;
    border: 1px solid #eee;
    overflow: hidden;
    position: relative;
}
.dash_pro_img input {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #6fbcfb85;
    width: 100%;
    padding: 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
#dashboardSection .dash_add_single h4 {
    text-transform: capitalize;
    font-size: 20px;
    font-weight: 500;
    background: #def0ff;
    padding: 15px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #eee;
}
#dashboardSection .dash_add_single {
    margin-bottom: 24px;
    border: 1px solid #eee;
    border-radius: 5px;
    overflow: hidden;
}
#dashboardSection .dashboard_add i.bi {
    font-size: 20px;
}
#dashboardSection .dash_add_single ul {
    padding: 8px 16px 16px 16px;
    list-style: none;
    margin: 0;
}
#dashboardSection .dash_add_single ul li {
    display: flex;
    align-items: center;
    margin-top: 8px;
    font-size: 16px;
    flex-wrap: wrap;
    gap: 4px;
}
#dashboardSection .dash_add_single ul li span {
    color: #353535;
    text-transform: capitalize;
    font-weight: 500;
    width: 30%;
}
#dashboardSection .add_address p.text-danger:empty {
    display: none;
}
#dashboardSection .address_btn {
    border-top: 1px solid #eee;
    background: #f2f9ff;
    display: flex;
    justify-content: space-between;
}
#dashboardSection .address_btn a {
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    text-align: center;
    color: #fff;
    padding: 5px;
    width: 100%;
    background: #08C;
}
.add_address_single {
    margin-bottom: 16px;
}
.add_address_single label {
    text-transform: capitalize;
    margin-bottom: 5px;
}
.add_address_single label b {
    color: red;
}
.add_address_single input,
.add_address_single textarea {
    width: 100%;
    padding: 15px 20px;
    font-size: 15px;
    font-weight: 400;
    border-radius: 5px;
    resize: none;
    border: 1px solid #eee;
}
.topbar_select {
    display: flex;
}
.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
    width: 100% !important;
}
.select2-container--default .select2-selection--single {
    border-radius: 5px;
    width: 100%;
}
.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #eee;
    padding: 25px 8px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #858D91;
    font-size: 15px;
    text-transform: capitalize;
    font-weight: 400;
    position: relative;
    top: -12px;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 12px;
    right: 8px;
    width: 20px;
}
.select2-search--dropdown .select2-search__field {
    padding: 8px;
    width: 100%;
    box-sizing: border-box;
    outline: none;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #e6e1e1;
}
.add_address_single span {
    font-size: 16px;
    font-weight: 400;
    color: #5c5b5b;
    line-height: 27px;
}
#dashboardSection .common_btn {
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 600;
    color: #fff;
    background: #08C;
    padding: 12px 25px;
    border: none;
    border-radius: 30px;
    outline: none;
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s ease;
    -moz-transition: all linear 0.3s ease;
    -ms-transition: all linear 0.3s ease;
    -o-transition: all linear 0.3s ease;
}
#dashboardSection .address_btn a:hover ,
#dashboardSection .common_btn:hover {
    color: #fff;
    background: rgb(2, 82, 122);
}
.dashboard-footer .copyright {
    text-align: center;
}
table>:not(caption) td {
    vertical-align: middle;
}
#printOrderArea table { border-collapse:collapse; }
#printOrderArea table tr td {padding: 0 5px;}
#printOrderArea	.tabb { border: 1px solid #D4D4D4; }
#printOrderArea	li {font-size: 12px;}
#printInvoice {
    position: absolute;
    bottom: 20px;
    right: 20px;
}
@media (max-width: 991.99px) {
    .dashboard_sidebar {
        width: 240px;
        margin-left: -240px;
        transition: all linear 0.3s;
        -webkit-transition: all linear 0.3s ease;
        -moz-transition: all linear 0.3s ease;
        -ms-transition: all linear 0.3s ease;
        -o-transition: all linear 0.3s ease;
    }
    #dashboardSection .close_icon {
        display: block;
    }
    #dashboardSection .dashboard_sidebar.show_dash_menu {
        margin-left: 0;
    }
    #dashboardSection .dashboard_content {
        margin-left: 0;
        padding-left: 16px;
    }
    #dashboardSection {
        padding: 24px 16px 24px 0px;
        min-height: 100vh;
        background: #f5f6f7;
    }
    .dash_pro_area, .dashboard_add {
        padding: 12px;
    }
}
/* end of customer dashboard */
/* end of cart page */
.services-section {
  padding: 64px 0;
  background: #f4f4f4;
}
.services-section .service-bars {
  justify-content: space-between;
}
.services-section .service-bars .service-bar {
  background-color: white;
  box-shadow: 0px 2px 15px 1px rgba(0, 0, 0, 0.05);
  border-radius: 20px;
  /* padding: 28px 42px; */
}
.services-section .service-bars .service-icon {
  width: 40px; /* 60px; */
  height: 40px;
}
.services-section .service-bars .service-heading {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 18px;
  /* margin-top: 24px; */
}
.services-section .service-bars .service-descr {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 16px;
  margin-top: 8px;
  margin-bottom: 0;
}
.services-section .service-bars .btn-link {
  margin-top: 12px;
}

.all-services-section {
  background: #f4f4f4;
  margin-top: 64px;
  margin-bottom: 24px;
  padding: 0;
}
.all-services-section .row2 {
  margin-top: 24px !important;
}
.all-services-section .service-bars {
  justify-content: space-between;
  margin-top: 48px;
}
.all-services-section .service-bars .service-bar {
  width: 32%;
  background-color: white;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), inset 0 0 8px rgba(255, 255, 255, 0.5);  border-radius: 20px;
  padding: 28px 32px;
}
.all-services-section .service-bars .service-bar:hover,
.all-services-section .service-bar.grey-active {
  /*background: #605E5E;*/
  background: #384355;
  color: #fff;
}
.all-services-section .service-bars .service-bar:hover .btn-link,
.all-services-section .service-bars .service-bar.grey-active .btn-link {
  color: #fff;
}
.all-services-section .service-bars .service-icon {
  width: 60px;
  height: 60px;
}
.all-services-section .service-bars .service-heading {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 20px;
  margin-top: 24px;
}
.all-services-section .service-bars .service-descr {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 16px;
  margin-top: 8px;
  margin-bottom: 0;
}
.all-services-section .service-bars .btn-link {
  margin-top: 12px;
  text-align: left;
}
#productInfo .product-info--additions .btn-link:after,
#top-promo a:after,
#carouselHomeDesk .carousel-item .btn-orange:after,
#carouselHomeMobile .carousel-item .btn-orange:after,
.services-section .service-bars .btn-link:after,
.all-services-section .service-bars .btn-link:after {
    position: absolute; /* Prevent underline of arrow */
    padding-left:2px; /* Add a little space between text and arrow */
    content: "\00bb"; /* Unicode hex for » */
}
#mobileServicesContainer .service-bar,
.services-carousel .service-bar {
  background-color: white;
  border-radius: 20px;
  padding: 16px 22px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
#mobileServicesContainer .service-bar {
  margin: 6px 4px;
  max-width: 220px;
  padding: 8px 16px;
}
#mobileServicesContainer .service-bar:hover {
    /* background: #605E5E; */
    background: #384355;
    color: #fff;
}
#mobileServicesContainer .service-bar .service-heading {
  font-weight: 700;
}
#mobileAdditionalServices .accordion-body {
  padding: 0;
}
#mobileAdditionalServices .accordion-item {
  border: none;
}
#mobileAdditionalServices .accordion-button {
    color: var(--orange-100);
}
#mobileAdditionalServices .accordion-button:not(.collapsed) {
    color: var(--orange-100);
    background-color: transparent;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
}
#mobileAdditionalServices .accordion-button::after {
    flex-shrink: 0;
    width: 14px;
    height: 14px;
    margin-left: auto;
    content: "";
    /*background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); */
    background-image: url(/resourses/imgcommon/arrow_down.svg);
    background-repeat: no-repeat;
    background-size: 14px 10px;
    transition: transform .2s ease-in-out;
}
#mobileAdditionalServices .accordion-button:focus {
    z-index: 3;
    border-color: var(--orange-100);
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(237 201 162 / 25%);
}
#mobileAdditionalServices .accordion-button:not(.collapsed)::after {
    background-image: url(/resourses/imgcommon/arrow_down.svg);
    transform: rotate(-180deg);
}

.container.service-icons {
    padding-bottom: 48px;
}
.info-icon-text {
  margin-top: 32px;
  display: flex;
  align-items: center;
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 20px;
}
.info-icon-text .icon-text {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 16px;
}

.brands {
  /*margin: 100px 0 40px 0; */
  margin: 64px auto 40px auto;
}
.brands .brands-icons {
  margin-top: 32px;
}
.brands .brand-icon-label {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.brands .brand-icon-label .brand-icon-wrapper {
    width: 124px;
    height: 52px;
    background-color: #F6F6F6;
    display: flex;
    padding: 10px;
    justify-content: center;
    align-items: center;
}
.brands .brand-icon-label .brand-img {
  max-height: 100%;
  max-width: 100%;
  display: inline-block;
  margin: auto;
}
.brands .brand-icon-label .label {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 20px;
  text-transform: uppercase;
}
.categories {
  margin-top: 80px; /*112px;*/
  padding-bottom: 80px; /*112px;*/
}
.categories .for-gap {
  margin-top: 64px;
}
.categories .cat-grey-bg {
  background-color: #f6f6f6;
  width: 100%;
  height: 430px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 30px;
}
.categories .cat-grey-bg .cat-img {
  width: 312px;
  height: 351px;
  object-fit: contain;
}
.categories .cat-grey-bg .cat-img--icon {
  width: 220px;
  height: 220px;
}
.categories .cat-text {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 20px;
  text-align: center;
  margin-top: 24px;
}
.why-we-section {
  /* background: #605E5E; */
  background: #384355;
  color: white;
  padding: 64px 0;
}
.why-we-section .why-row {
  margin-top: 32px;
}
.why-we-section .why-part {
  display: flex;
  gap: 16px;
}
.why-we-section .why-part .why-text {
  margin-top: 12px;
  font-family: "Inter", sans-serif;
  font-weight: 700;
}
.why-we-section .why-part .why-text h4 {
  font-size: 22px;
  line-height: 27px;
}
.why-we-section .why-part .why-text .why-descr {
  margin-top: 8px;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 16px;
}
.all-services-section .title--additional-services {
    margin-top: 32px;
}
.all-services-section .title--additional-services ~ .service-bars {
    margin-top: 24px;
}

/* Style the list */
ul.breadcrumb {
  padding: 0;
  margin: 16px 0;
  list-style: none;
}

/* Display list items side by side */
ul.breadcrumb li {
  display: inline;
  font-family: Inter;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
}

/* Add a slash symbol (/) before/behind each list item */
ul.breadcrumb li+li:before {
  padding: 8px;
  color: black;
  content: ">";
}

ul.breadcrumb li.back:before {
  padding: 8px;
  color: var(--orange-100);
  content: "<";
}

/* Add a color to all links inside the list */
ul.breadcrumb li a {
  color: var(--orange-100);
  text-decoration: none;
}

/* Add a color on mouse-over */
ul.breadcrumb li a:hover {
  color: #C33B1F;
  text-decoration: underline;
}
.service_title {
    font-size: 32px;
    font-weight: 700;
    line-height: 39px;
    margin-top: 48px;
    margin-bottom: 28px;
}
.row .service_title {
    margin-top: 0;
}
.service-descr p {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 16px;
  width: 90%;
  margin-top: 24px;
}
.remote-support-session.subscription .orange-stroked-btn,
.service-descr .orange-stroked-btn {
  color: var(--orange-100);
  background-color: #fff;
  border: 1px var(--orange-100) solid;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 18px;
  margin: 24px 0 16px 0;
  padding: 12px 32px;
  border-radius: 6px;
}
.remote-support-session.subscription .orange-stroked-btn {
  width: 100%;
  padding: 12px;
}
.remote-support-session.subscription .orange-stroked-btn:hover {
  background-color: #C33B1F;
  color: white;
}

.remote-support-session,
.price-list {
  border: 0.5px grey solid;
  border-radius: 20px;
  box-shadow: 0px 4px 28px 2px rgba(0, 0, 0, 0.07);
  width: 100%;
  padding: 32px 24px;
}
.remote-support-session .btn-orange {
  width: 100%;
  display: inline-block;
}
.price-list h4 {
  padding-bottom: 16px;
  border-bottom: #D9D9D9 solid 0.5px;
}
.price-list .services-list {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.price-list .service-p {
  display: flex;
  justify-content: space-between;
  gap: 8px;
}
.price-list .service-p .border-list {
  border-bottom: dashed #333333 1px !important;
  min-width: 40px;
  flex-grow: 1;
}
.price-list .service-p .service, .price-list .service-p .price {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 16px;
  align-self: flex-end;
}
.price-list .service-p .service {
  text-align: left;
}
.price-list .service-p .price {
  text-align: right;
}
.price-list .service-p .service p, .price-list .service-p .price p {
  margin: 0;
}
.remote-support-session {
  border: 0.5px grey solid;
  border-radius: 20px;
  box-shadow: 0px 4px 28px 2px rgba(0, 0, 0, 0.07);
  width: 100%;
  height: 100%;
  padding: 24px 24px 8px 24px;
  margin: 0;
}
#subscriptionSection .remote-support-session {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#quoteSection .icon-container {
    position: relative;
    background: transparent url(/resourses/imgcommon/broken_laptop_icon.svg) no-repeat left 0px top 14px;
    background-size: 37px 37px;
    height: 52px;
}
#quoteSection .icon-container img {
  position: absolute;
  left: 36px;
  top: 0;
}
.remote-support-session h2 {
  font-weight: 700;
  font-size: 28px;
}
.quote-price span {
  font-size: 20px;
  font-weight: 400;
}
.subs-price-annual {
  display: none;
}
.subs-price-annual span.text-muted {
  font-size: 16px;
}
#businessPlansSection .estimate-card .btn-support ,
.remote-support-session .btn-support {
  color: white;
  background-color: var(--orange-100);
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 18px;
  width: 100%;
  border-radius: 6px;
}
.remote-support-session .btn-support:hover {
  background: #C33B1F;
}
#businessPlansSection .estimate-card .check-list ,
.remote-support-session .check-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  border-top: #D9D9D9 solid 0.5px;
  margin-top: 24px;
  padding-top: 24px;
}
.remote-support-session .check-list .check-service {
  display: flex;
  align-items: flex-end;
  gap: 8px;
}
#myAccount #pills-tab.nav-pills,
#subscriptionSection #pills-tab.nav-pills,
#quoteSection #pills-tab.nav-pills {
  margin-top: 32px;
  gap: 24px;
}
#myAccount #pills-tab.nav-pills .nav-link,
#subscriptionSection #pills-tab.nav-pills .nav-link,
#quoteSection #pills-tab.nav-pills .nav-link {
  border: #333333 solid 1px;
  border-radius: 6px; /* 20px; */
  color: #333333;
  padding: 12px 32px;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 18px;
}
#myAccount #pills-tab.nav-pills .nav-link:hover,
#subscriptionSection #pills-tab.nav-pills .nav-link:hover,
#quoteSection #pills-tab.nav-pills .nav-link:hover {
  color: var(--orange-100);
}
#myAccount #pills-tab.nav-pills .active,
#subscriptionSection #pills-tab.nav-pills .active,
#quoteSection #pills-tab.nav-pills .active {
  background-color: #333333;
  color: #fff;
  font-weight: 700;
}
#myAccount #pills-tab.nav-pills .active:hover,
#subscriptionSection #pills-tab.nav-pills .active:hover,
#quoteSection #pills-tab.nav-pills .active:hover {
  color: white;
}
#quoteSection #pills-tab.nav-pills .nav-link:disabled {
    color: #6c757d;
    background-color: transparent;
    border-color: transparent;
}
#subscriptionSection .pills-radios {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
    align-items: center;
}
#businessPlansSection .form-check ,
#subscriptionSection .pills-radios .form-check {
    display: flex;
    justify-content: center;
    width: fit-content;
    gap: 16px;
    padding-left: 0;
}
#subscriptionSection .pills-radios .toggle-active {
    width: 48px;
    height: 21px;
    margin-left: 0;
}
.custom-switch-input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.custom-switch-indicator {
    display: inline-block;
    height: 24px; /*1.25rem;*/
    width: 56px; /*48px;*/
    background: #e9ecef;
    border-radius: 50px;
    position: relative;
    vertical-align: bottom;
    border: 1px solid rgba(0, 40, 100, 0.12);
    transition: .3s border-color, .3s background-color;
}
.custom-switch-indicator:before {
    content: '';
    position: absolute;
    height: 16px; /*calc(1.25rem - 4px);*/
    width: 16px; /*calc(1.25rem - 4px);*/
    top: 3px;
    left: 3px;
    background: #fff;
    border-radius: 50%;
    transition: .3s left;
}
.custom-switch-input:checked ~ .custom-switch-indicator:before {
    left: 35px; /*27px;*/
}
#switchAnnualMonthly ~ .custom-switch-indicator,
.custom-switch-input:checked ~ .custom-switch-indicator {
    background: var(--orange-100);
}
.subscription .subs-terms {
    margin-top: 32px;
    font-size: 14px;
    font-style: italic;
    color: var(--grey-80);
}
.tab-pane {
  margin: 24px 0;
}
.on-site-check {
  display: flex;
  align-items: flex-start;
}

.on-site-map {
  overflow-x: hidden;
  overflow-y: hidden;
}

.btn-site {
  width: 50%;
}
ul.bullet-points {

}
ul.bullet-points li {
  list-style-image: url(/resourses/imgcommon/check-point.svg);
}
ul.bullet-points li span {
  position: relative;
  top: -6px;
}
.devices-section {
  padding: 48px 0 32px 0;
  background: #f4f4f4;
}
ul.devices-list {
  flex-wrap: wrap;
  display: flex;
  align-items: center;
}
ul.devices-list li {
  flex-basis: 30%;
  list-style: none;
  margin: 0;
  padding: 12px 0 12px 26px;
  background-image: url(/resourses/imgcommon/lap-sell.svg);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 20px;
  font-size: 20px;
}
.subscribe-banner .banner-flex {
    align-items: center;
}
.subscribe-banner p {
    font-size: 20px;
}
.services-section .btn-orange {
    margin-top: 36px;
    padding: 10px 32px;
    display: inline-block;
}
.container.info {
    padding-bottom: 48px;
}
.info p {
    color: black;
    font-family: Inter;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}
.info .sub-title {
    color: black;
    font-size: 22px;
    font-weight: 700;
    line-height: 27px;
}
.info ul:not(.breadcrumb){
    margin-block-start: 0;
    padding-inline-start: 20px;
}
.info ul li {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}
/* Main Header */
#div_head{
    position: relative;
    background-color: white;
}

#div_head_sub{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
}
.site-branding {
    align-self: flex-start;
    display: inline-block;
}
.site-branding img {
    width: 220px;
}
.location-header {
    min-width: 220px;
}
#div_label{
    width: 310px;
    height: 100px;
}

#div_label a{
    font-size: 2.5em;
    font-weight: bold;
    color: #2F2F2F;
    font-style: italic;
}

#div_label a img{
    width: 250px;
    height: 99px;
}
.customer div.head_sub_right {
    display: flex;
    flex-grow: 1;
    justify-content: flex-end;
    align-items: center;
}
div.head_sub_right .workspace-switch ul {
    display: flex;
    flex-direction: column;
}
div.head_sub_right .workspace-switch li {
    margin: 0 10px;
    font-size: larger;
}

/*
.location-header:nth-child(2) {
    margin-left: 20px;
}
*/
.location-header a {
    display: flex;
    justify-content: center;
    align-items: center;
}
.location-header img, .location-header location-address {
    display: inline-block;
    vertical-align: middle;
}
div.head_sub_right div.location-address {
    padding: 0 20px 0 10px;
    font-style: italic;
    line-height: 1.2;
}
div.head_sub_right div.location-address.secondary {
    color: #949494;
}
div.location-address span.title {
    font-style: italic;
    font-weight: bold;
}
div.ups-contantus {
    position: absolute;
    top: 5px;
    right: 10px;
}
div.ups-contantus img {
    width: 63px;
    height: 75px;
}

div.head_sub_right .workspace-switch {
    padding: 10px 20px;
    margin-right: 103px;
}
div.head_sub_right .workspace-switch ul {
    list-style: none;
    padding-left: 0;
}
#div_head .logout-link {
    position: absolute;
    top: 10px;
    right: 20px;
}
#div_ups{
    float: right;
    height: 100px;
}

#div_ups img{
    height: 100px;
    width: 218px;
}
.header-middle--search-container {
    border: 1px solid #ebebeb;
    border-radius: .5rem;
    margin: 0 1rem;
    display: flex;
    flex-grow: 1;
}
.header-middle--search-container form {
    width: 100%;
    display: flex;
}
.header-middle--search-container input[type=text] {
    flex-grow: 1;
    border: none;
    outline: 0;
    margin: .5rem;
}
.header-middle--search-container .header-middle--search-button {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #fff;
    padding: 10px 20px;
    border-radius: .5rem;
    background: #555555;
    box-shadow: 0 4px 4px rgba(0,0,0,.25);
}
.header-middle--search-container .header-middle--search-button:hover {
    background-color: #1d1d1d;
}
.header-middle--link {
    margin-left: 1rem;
}
.site-header-cart {
    position: relative;
    list-style-type: none;
    padding: 10px;
    margin-bottom: 0;
}
.site-header-cart a.cart-contents {
    color: inherit;
    text-decoration: none;
    position: relative;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    padding-left: 10px;
    display: flex;
    align-items: center;
}
.site-header-cart a.cart-contents svg {
    margin-right: .5rem;
}
a.cart-contents span.count.badge {
    background-color: #FE760C;
    color: white;
    position: absolute;
    top: -12px;
    left: 28px;
}
#div_menu_m{
    position: relative;
    width: 100%;
    padding: 0;
    top: 0;
    z-index: 12;
    min-height: 40px;
    background-color:  #555555; 
    -webkit-box-shadow: 0px 1px 2px 0px rgba(85, 85, 85, 0.5);
    -moz-box-shadow:    0px 1px 2px 0px rgba(85, 85, 85, 0.5);
    box-shadow:         0px 1px 2px 0px rgba(85, 85, 85, 0.5);
}

#div_menu_m .navbar-toggler {
    display: none;
}
#div_menu .nav-mobile--search-container {
    display: none;
}
.nav-mobile--search-container form {
    width: 100%;
    display: flex;
    border: 1px solid #ebebeb;
    border-radius: 6px;
    background-color: white;
}
.nav-mobile--search-container input[type=text] {
    flex-grow: 1;
    border: none;
    outline: 0;
    margin: .5rem;
}
.nav-mobile--search-container .nav-mobile--search-button {
    font-family: "SF Pro Text";
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #fff;
    padding: 10px 20px;
    border-radius: .5rem;
    background: #555555;
    box-shadow: 0 4px 4px rgba(0,0,0,.25);
}
.nav-mobile--search-container .nav-mobile--search-button:hover {
    background-color: #1d1d1d;
}
.menu-button-container {
  display: none;
  height: 34px;
  width: 30px;
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  margin-left: 10px;
  top: 4px;
}

#menu-toggle {
  display: none;
  position: absolute;
  right: 10px;
  top: 2px;
}

.menu-button,
.menu-button::before,
.menu-button::after {
  display: block;
  background-color: #fff;
  position: absolute;
  height: 4px;
  width: 30px;
  transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1);
  border-radius: 2px;
}

.menu-button::before {
  content: '';
  margin-top: -8px;
}

.menu-button::after {
  content: '';
  margin-top: 8px;
}

#menu-toggle:checked + .menu-button-container .menu-button::before {
  margin-top: 0px;
  transform: rotate(405deg);
}

#menu-toggle:checked + .menu-button-container .menu-button {
  background: rgba(255, 255, 255, 0);
}

#menu-toggle:checked + .menu-button-container .menu-button::after {
  margin-top: 0px;
  transform: rotate(-405deg);
}
#div_menu{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    background-color: #555555;
    width: 100%;
    top: 0;
    max-width: 1500px;    	
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
#div_menu a.nav-link {
    display: inline-block;
    text-align: center;
    padding: 10px 15px;
    color: white;
    font-weight: bolder;
    -webkit-transition: all 0.4s linear;
    text-decoration: none;
    -moz-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear; 
}

#div_menu a.nav-link:hover{
    /*background-color: #FE760C; */
    background-color: #1d1d1d;
}

#div_menu a.nav-link.active {
    background-color: #FE760C;
	
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
  
}
#div_menu_m a#scroll-to-bottom {
    position: absolute;
    text-align: center;
    width: 100%;
    display: inline-block;
    bottom: -1.4rem;
    z-index: 5;
    color: green;
    background: white;
}

#featured_fr {
    margin: 20px 0 0 0;
}
.carousel-item iframe {
    width: 100%;
    height: 100%;
}
/*  Contact Us*/
#div_contactus{
    width: 180px;
    margin: 0 auto 20px auto;
}

#div_contactus a{
    display: block;
    color: white;
    text-align: center;
    width: 100%;
    font-weight: normal;
    padding: 10px;
    margin-bottom: 5px;
    background-color: #555555;

    -webkit-transition: all 0.4s ease-in-out; 
    -moz-transition: all 0.4s ease-in-out; 
    -khtml-transition: all 0.4s ease-in-out; 
    -o-transition: all 0.4s ease-in-out; 
    -ms-transition: all 0.4s ease-in-out; 
    transition: all 0.4s ease-in-out; 
}

#div_contactus a div img{
    float: left;
    padding-left: 10px;
    height: 15px; 
    width: 15px;
}

#div_contactus  a div:hover  {
    background-color: #FE760C;
}

#button_location{
    float: right;
 
    display:inline-block;
    cursor:pointer;
    text-decoration: none;
    width: 80px;
    height: 100px;
   
    text-align: center;
    font-weight: bold;
    line-height: 14px;
    
    padding-top: 10px;
    
    -webkit-transition: all 0.4s ease-in-out; 
    -moz-transition: all 0.4s ease-in-out; 
    -khtml-transition: all 0.4s ease-in-out; 
    -o-transition: all 0.4s ease-in-out; 
    -ms-transition: all 0.4s ease-in-out; 
    transition: all 0.4s ease-in-out; 
}

#button_location:hover {
    background: #FE760C;
}

#button_location a img{
    padding-top: 7px;  
    width: 41px; 
    height: 50px;
}

/* Content */
#div_items{
    display: flex;
    flex-wrap: wrap;
    padding: 0 10px 110px 10px;
    clear: both;
    width: 100%;
    max-width: 1500px;   
    margin-left: auto;
    margin-right: auto;
    flex-grow: 1;
}
.flash-messages {
    flex-basis: fit-content;
    height: fit-content;
}
.flash-messages:empty {
    display: none;
}
/* attempt for sliding left sidebar */
div.main {
    position: relative;
    display: flex;
    width: 100%;
    margin-top: 20px;
    padding-left: 1rem;
}

.content.items div.main #toggle {
  position: absolute;
  display: block;
  height: 32px;
  width: 32px;
  top: 8px;
  left: 5px;
  z-index: 5;
  opacity: 0;
  cursor: pointer;
}

.content.items div.main .hamburger-lines {
  height: 26px;
  width: 32px;
  position: absolute;
  top: 5px;
  left: 5px;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.content.items div.main .hamburger-lines .line {
  display: block;
  height: 4px;
  width: 100%;
  border-radius: 10px;
  background: #0e2431;
}

.content.items div.main .hamburger-lines .line1 {
  transform-origin: 0% 0%;
  transition: transform 0.4s ease-in-out;
}

.content.items .hamburger-lines .line2 {
  transition: transform 0.2s ease-in-out;
}

.content.items div.main .hamburger-lines .line3 {
  transform-origin: 0% 100%;
  transition: transform 0.4s ease-in-out;
}
.content.maps {
    padding: 20px 10px 60px 10px;
}
.signin, .checkout-login .row {
    justify-content: space-around;
    flex-wrap: wrap;
    align-items: flex-start;
    padding: 24px;
}
.signin, .checkout-login {
    background: #f4f4f4;
}
.checkout-login {
    padding-bottom: 80px;
}
.signin .service_title {
    margin-bottom: 32px;
}
#myAccount .sub-title {
    margin-bottom: 24px;
}
.signin .sub-title img {
    height: 60px;
}
.checkout-login .sub-title {
    font-size: calc(17px + 1vw);
    font-weight: 700;
    line-height: 120%;
}
.checkout-login .sub-title img {
    height: 48px;
}
#div_items .content {
    width: 100%;
    margin-top: 2.5rem;
}

input#sideNavToggle[type=checkbox] {
  display: none;
  position: absolute;
}
#catalogArea aside .btn-orange,
#catalogArea aside .orange-stroked-btn {
    font-size: 13px;
    line-height: 16px;
    width: 100%;
    padding: 8px;
    margin-top: 16px;
}
#catalogArea.products-list {
  position:relative;
  display: flex;
  width: 100%;
  gap: 0.5rem;
}
#catalogArea.products-list aside.sidenav {
    min-width: var(--sidenav-width);
    width: var(--sidenav-width);
    flex-basis: var(--sidenav-width);
    background-color: white;
    padding: 2rem 0.5rem 1em 0.5rem;
    box-shadow: none;
    z-index: 1;
}
#catalogArea.products-list #inventoryFilters .accordion-header {
    /* padding: 10px 15px; */
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

#catalogArea.products-list #inventoryFilters.accordion {
  --bs-accordion-btn-focus-border-color: #ffffff00;
  --bs-accordion-active-color: var(--orange-100);
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 109, 253, 0);
}
#catalogArea.products-list #inventoryFilters.accordion .accordion-button:focus {
  border-color: rgba(51, 51, 51, 0);
  box-shadow: none;
}
#catalogArea.products-list #inventoryFilters.accordion .accordion-button:not(.collapsed) {
  color: var(--grey-100) !important;
  background-color: rgba(51, 51, 51, 0);
  box-shadow: none;
}
#catalogArea.products-list #inventoryFilters.accordion .accordion-button:not(.collapsed)::after {
  color: var(--grey-100);
  /* background-image: var(--bs-accordion-btn-icon); */
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

#catalogArea.products-list #inventoryFilters .accordion-body {
  padding-top: 2px;
}

#catalogArea.products-list #inventoryFilters .accordion-item {
  border: 0px solid grey;
}
#catalogArea.products-list #inventoryFilters .accordion-item .accordion-button {
  font-family: "Inter", sans-serif;
  font-weight: 600 !important;
  font-size: 16px !important;
}
#catalogArea.products-list #inventoryFilters .accordion-item .form-check {
  padding-top: 8px;
}
#productInfo .product-addition .form-check-input ,
#catalogArea.products-list #inventoryFilters .accordion-item .form-check .form-check-input {
  width: 1.25rem;
  height: 1.25rem;
  outline: none;
}
#productInfo .product-addition .form-check-input:focus-visible ,
#catalogArea.products-list #inventoryFilters .accordion-item .form-check .form-check-input:focus-visible {
    outline-color: var(--orange-100);
}
#productInfo .product-addition .form-check-input:checked,
#catalogArea.products-list #inventoryFilters .accordion-item .form-check .form-check-input:checked {
  background-color: var(--orange-100);
  border-color: var(--orange-100);
}
#productInfo .product-addition .form-check-input:focus,
#catalogArea.products-list #inventoryFilters .accordion-item .form-check .form-check-input:focus {
    border-color: #e3855c;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(239 182 108 / 25%);
}
#catalogArea.products-list #inventoryFilters .accordion-item .form-check label {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
  margin-left: 8px;
}

#catalogArea.products-list #inventoryFilters .filter-section {
  border-top: 0.5px solid #D9D9D9;
}
#catalogArea.products-list #inventoryFilters .filter-section .filter-title {
  font-family: "Inter", sans-serif;
  font-weight: 600 !important;
  font-size: 16px !important;
}
#catalogArea.products-list .content-header {
  padding: 2em 1em 1em 1em;
}
#catalogArea.products-list .catalog-header--wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#catalogArea.products-list .catalog-header--wrapper h4 {
    margin: 0;
}

#catalogArea.products-list .product_icons {
  position: absolute;
  top: 10px;
  right: 10px;
  opacity: 0;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s ease;
  -moz-transition: all linear 0.3s ease;
  -ms-transition: all linear 0.3s ease;
  -o-transition: all linear 0.3s ease;
  list-style: none;
}

#catalogArea.products-list .product_icons li a {
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  margin-bottom: 10px;
  border-radius: 2px;
  color: var(--orange-100);
  font-size: 20px;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s ease;
  -moz-transition: all linear 0.3s ease;
  -ms-transition: all linear 0.3s ease;
  -o-transition: all linear 0.3s ease;
  background: #fff;
  border: 1px solid var(--orange-100);
  display: inline-block;
}

#catalogArea.products-list .a_item:hover .product_icons {
  opacity: 1;
}

#catalogArea.products-list .a_item:hover .product_icons li a:hover {
  color: #fff;
  border-color: var(--orange-100);
  background: var(--orange-100);
}
/** Customization for price range slider */
.irs--big .irs-line {
  top: 44px !important;
  height: 8px !important;
  background: var(--Gray6, #F2F2F2) !important;
  box-shadow: none !important;
  border: none !important;
}

.irs-handle {
  top: 35px !important;
  width: 1.5rem !important;
  height: 1.5rem !important;
  background: var(--orange-100) !important;
  border: solid white 4px !important;
  box-shadow: none !important;
}

.irs-bar {
  top: 42px !important;
  border: none !important;
  background: var(--orange-100) !important;
}

.irs-from, .irs-to {
  background: var(--orange-100) !important;
  padding: 6px 10px !important;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
}
.irs--big  .irs-from:before, .irs--big .irs-to:before, .irs--big .irs-single:before {
    position: absolute;
    display: block;
    content: "";
    bottom: -6px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -3px;
    overflow: hidden;
    border: 3px solid transparent;
    border-top-color: var(--orange-100);/*#ed5565; */
}

.irs-min, .irs-max {
  display: none !important;
}

.extra-controls {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
}
.extra-controls .js-input-from, .extra-controls .js-input-to {
  width: 4rem;
  height: 2.25rem;
  border: none;
  background: #f2f2f2;
  border-radius: 6px;
  padding-left: 6px;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
}
.extra-controls .dash-bw {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 16px;
}
/**  End: Customization for price range slider */
#div_right_panel table td {
    padding: 5px;
}
#div_item {
    display: flex;
    align-items: flex-start;
}
.items_grid {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: stretch;
    justify-content: center;
    margin-bottom: 1em;
}
/* Items */
.a_item{  
    padding: 0 5px 10px 5px;
    border: 1px solid #B4B4B4;
    display: flex;
    align-items: end;
    position: relative;
}
.a_item .bi-cart-check {
    position: absolute;
    top: 0;
    left: 6px;
    font-size: 24px;
    color: darkseagreen;
}
.a_item a {
    color: inherit;
}
.a_item > div{
    position: relative;
    width: 152px;
    padding: 5px;

    -webkit-transition: all 0.4s ease-in-out; 
    -moz-transition: all 0.4s ease-in-out; 
    -khtml-transition: all 0.4s ease-in-out; 
    -o-transition: all 0.4s ease-in-out;

    -ms-transition: all 0.4s ease-in-out; 
    transition: all 0.4s ease-in-out; 
    display: flex;
    flex-direction: column;
    align-items: center;
}

.a_item:hover{
    border: 1px solid #FE760C;
}

.a_item img{
    max-height: 150px;
    max-width: 150px;
    margin: 0 auto 14px auto;
    display: block;
}

.div_info{
    margin-left: auto;
    margin-right: auto;
}

.item_caption{
    /* color: #24315E; */
    color: black;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
}

.item_small{
    padding: 5px;
    font-size: 0.9em;
    line-height: 1.2em;
}
.item_small.popup-details {
    display: none;
}

.div_price{	
    /*font-size: 1.2em;*/
    display: flex;
    width: 100%;
    text-align: left;
    margin: 12px 0 14px 0;
}

.div_price span{
    padding-right: 10px;
}

span.sale-price {
    font-weight: 700;
}

.div_price .span_line {
    text-decoration: line-through;
    color: black;
    font-weight: 400;
}
#catalogArea span.sale-price {
    color: var(--orange-100);
    font-size: 14px;
}
#catalogArea .div_price .span_line {
    font-size: 13px;
    line-height: 20px;
}

.a_item .btn-orange {
    font-size: 13px;
    padding: 5px 18px;
}

.div_item_btn:hover{
   background-color: #FE760C;
}

/* Bottom */
#div_bottom{
    position: absolute;
    bottom: 0;
    left:0;
    width: 100%;
    padding: 0;
    margin-top: 10px;
    color: white;
    /*
    -webkit-box-shadow: 0px -1px 4px 0px rgba(85, 85, 85, 1);
    -moz-box-shadow:    0px -1px 4px 0px rgba(85, 85, 85, 1);
    box-shadow:         0px -1px 4px 0px rgba(85, 85, 85, 1);
    */
}
#div_bottom .content {
    background-color: #555555;
    position: relative;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0.5rem 0.8rem 0.5rem;
}
#footer-yelp {
    align-self: end;
    text-align: end;
}
#page-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    margin-bottom: 0;
    font-size: smaller;
}
footer .site-info {
    padding: .5rem 0;
    font-family: "SF Pro Text";
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    color: #555555;
    background-color: white;
}

#div_bottom a img {
    height: 32px; width: 32px;
    margin-left: 4px;
}
#cartAdmin {
    display: flex;
    width: 100%;
}
/* Item CSS */

#item_name{
    padding-top: 30px;
    text-align: center;
    font-size: 1.8em;
    color: #001CBD;
    letter-spacing: 2px;
}

#div_item_left{
    padding: 0 10px;
    text-align: center;
    margin-bottom: 20px;
    width: 100%;
}
#div_item_left .feature_icons {
    margin-top: 10px;
}
form.itemImageUploadForm {
    font-size: 14px;
}
form.itemImageUploadForm input[type=file] {
    width: 70%;
    display: inline-block;
}
#div_item_left img:first-child{
    width:320px; 
    /*height: 320px;*/
}
.div_item_properties{
    background: none !important;
    padding-right: 10px;
    text-align: center
}

#div_item_left #addToCart img,
#div_item_left #deleteFromCart img {
    height: 52px;
    width: 52px;
    background-color: #3379FF;  
    margin-top: 10px;
    
    -webkit-transition: all 0.4s ease-in-out; 
    -moz-transition: all 0.4s ease-in-out; 
    -khtml-transition: all 0.4s ease-in-out; 
    -o-transition: all 0.4s ease-in-out; 
    -ms-transition: all 0.4s ease-in-out; 
    transition: all 0.4s ease-in-out; 
}

#div_item_left #addToCart img:hover,
#div_item_left #deleteFromCart img:hover{
    background-color: #FE760C;
}

#div_item_left div{
  padding: 0;
  clear: both;
}
#div_item_left .price-container {
  font-size: 1.4em;
}
/* Table */

#div_item_right{  
    /*padding: 0 10px;*/
    padding: 0;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}
/* List View */
.div_list_view {
    border-bottom: 1px solid #B4B4B4;
    display: grid;
    grid-template-columns: 120px 1fr 120px;
    grid-template-areas: "picture description price";
    width: 100%;
    align-items: center;
    padding: 10px;
}

.div_list_view:hover {
    border-bottom: 1px solid #FE760C;
}

.div_list_view img:first-child {
    width: 120px;
    grid-area: picture;
}

.div_list_view img.add-to-cart {
    height: 52px;
    width: 52px;
    background-color: #3379FF;
    
    margin-top: 10px;
    
    -webkit-transition: all 0.4s ease-in-out; 
    -moz-transition: all 0.4s ease-in-out; 
    -khtml-transition: all 0.4s ease-in-out; 
    -o-transition: all 0.4s ease-in-out; 
    -ms-transition: all 0.4s ease-in-out; 
    transition: all 0.4s ease-in-out; 
}

.div_list_view img.add-to-cart:hover{
    background-color: #FE760C;
}

.div_list_view p{
    color: red; 
    font-weight: bold;
}

.div_list_view table tr td {
    padding: 2px 5px;
    
}

.div_text_list {
    margin-left: 10px;
    flex-grow: 1;
    grid-area: description;
}

.div_text_list div.item-title,
.div_text_list div:first-child {
    color: #0065BE;
}

.div_text_list div:nth-child(2) {
    padding-top: 5px;
    font-style: italic;
    color: #3E3E3E;
}

.div_price_list {
    padding: 10px;
    font-style: italic;
    font-size: 1.2em;
    text-align: right;
    grid-area: price;
}

.div_price_list a{
  /* float: right; */
}
.div_price_list a:hover {
    color: #FE760C;
}

/* Repair */
.div_left_panel_rep {
    border-right: 1px solid #BDBDBD;
    padding: 0.5rem 4px;
    width: 100%;
    display: flex;
    flex-direction: column;
}


.div_left_panel_rep a{
    padding-left: 10px;
    line-height: 1.2em;
    float: left;
    clear: both;
}
#newRepairBtn {
    color: #28a745;
}
#newRepairBtn:hover {
    color: white;
}
#selectStatus option.disabled {
  opacity: 70%;
  pointer-events: none;
}
.div_list_repair {
    border: 1px solid #B4B4B4;
    padding: 20px 5px;
    margin-bottom: 20px;
    border-radius: 6px;
}
.repair-header {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    flex-wrap: wrap;
}

.div_list_repair:hover {
    border: 1px solid #FE760C;
}
.div_list_repair .repair-num-icons {
    padding-right: 20px;
}
.div_list_repair div.repair-header,
.div_list_repair div.div_note_repair,
.div_list_repair div.div_status_repair,
.div_list_repair div.div_problem_repair,
.div_list_repair div.note-row {
    border-bottom: 1px dotted #BDBDBD;
    padding: 5px;
}

.div_list_repair .col-form-label {
  padding-bottom: 0;
}
.div_list_repair div.repair--verification .row {
    background-color: #CAFFAE;
    margin: 0;
    padding: 0;
    /*font-style: italic;*/
}

.div_list_repair>div {
    overflow-wrap: break-word;
    -ms-word-break: break-word;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}
.note-row,
.div_status_repair {
    /*font-style: italic;*/
    padding: 5px;
}

.note-row > div,
.div_status_repair > div {
    padding-right: 15px;
    padding-left: 15px;
}

.div_num_repair{
    float: right; 
    font-size: 3.4em;
    font-weight: bold; 
    color: #FF3232;
}
.div_num_repair a {
    color: inherit;
    text-decoration: none;
}
.div_num_repair a:hover {
    color: #dd0c15;
}

.div_pic_repair{
    float: right; 
    clear: right;
}

.div_pic_repair div{
    width: 100%; 
    text-align: center; 
    padding-top: 10px;
}

.div_title_repair {
    font-size: 1.4em;
    font-weight: bolder;
    display: inline-flex;
    flex-wrap: wrap;
}

.div_name_repair{
    font-style: normal;
    padding-top: 10px;
}

.div_info_repair{
    padding-left: 20px;
    /*font-style: italic;*/
}

.div_problem_repair{
    padding-top: 20px; 
    /*font-style: italic; */
    color: #FF3232;
}

.div_note_repair{
    padding-top: 5px;
    /*font-style: italic;*/
}
.div_note_repair .edit-generalnote,
.repair--parts-order .edit-partneeded,
.repair--parts-order .edit-partnotes,
.repair--verification .row .edit-verificationresult,
.repair--verification .row .edit-due-date,
.repair--verification .row .edit-price {
    background: transparent url(/resourses/imgcommon/edit.png) no-repeat left 5px top 10px;
    background-size: 18px 18px;
    padding-left: 25px;
    padding-top: calc(.375rem + 1px);
    cursor: pointer;
    width: 100%;
    display: flex;
    margin-bottom: 8px;
}
.edit-price::before {
    content: "$ ";
}
.div_list_repair .inplace-form {
    display: inline-block;
    width: 100%;
    margin-left: 8px;
}
.repair--parts-order .part-order-panel {
    background-color: #f4f8fb;
    border: 1px solid #d8e6ef;
    border-radius: 6px;
}
.part-order-pipeline {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}
.part-order-step {
    font-size: 0.75rem;
    padding: 4px 8px;
    border-radius: 999px;
    background: #e9ecef;
    color: #6c757d;
    border: 1px solid #dee2e6;
}
.part-order-step.is-complete {
    background: #d1e7dd;
    color: #0f5132;
    border-color: #badbcc;
}
.part-order-badge {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 600;
    padding: 3px 10px;
    border-radius: 999px;
    background: #e9ecef;
    color: #495057;
}
.part-order--ordered { background: #cff4fc; color: #055160; }
.part-order--shipped { background: #fff3cd; color: #664d03; }
.part-order--in-transit { background: #ffe5d0; color: #984c0c; }
.part-order--arrived { background: #d1e7dd; color: #0f5132; }
.part-order--cancelled { background: #f8d7da; color: #842029; }
.part-order--not-ordered { background: #e9ecef; color: #6c757d; }
.part-order-cell .part-order-badge { margin-bottom: 2px; }
.div_note_repair .col-form-label,
.div_status_repair .col-form-label {
    padding-left: 5px;
    min-width: 78px;
}
.div_status_repair.price_row {
    color: #DD0000;
}
.div_status_repair.price_row span:last-child {
    padding-top: calc(.375rem + 1px);
}
.div_status_repair.form-group,
.div_note_repair .form-group {
    margin: 0;
}
.div_list_repair .note-row {
    background-color: #FFFFA5;
    display: flex;
    align-items: center;
}
.div_list_repair .note-row button {
    border-radius: 50%;
    padding: 2px 8px;
}
#bannerPicturesTable tbody td,
#bannersTable tbody td,
#itemPicturesTable tbody td,
#repairNotesTable tbody td {
    vertical-align: middle;
}
#bannersTable tbody tr td:first-child{
    cursor: move;
    cursor: grab;
}
#itemPicturesTable tbody td:nth-child(2),
#repairNotesTable tbody td:nth-child(2) {
    text-align: center;
    width: 128px;
}
#searchRepairForm input[type=text] {
    max-width: calc(100% - 8px);
}
.receipt-line:not:first-child {
    border-top:1px solid #dee2e6;
}
.row.receipt-line:nth-child(odd) {
   background-color: rgba(0,0,0,.05);
}
.row.receipt-line {
   margin: 0;
   width: 100%;
}
.row.receipt-line:hover {
    color: #212529;
    background-color: rgba(0,0,0,.075);
}
.row.colhead {
    background-color: #d9f5cd;
}
.row.receipt-line .col {
    padding: 0 5px;
}
.row.receipt-line .col:first-child {
    flex-basis: 45px;
    width: 50px;
    flex-grow: 0;
}
.row.receipt-line .col:nth-of-type(2) {
    flex-basis: 80px;
    width: 80px;
    flex-grow: 0;
}
.row.receipt-line .col:nth-of-type(3) {
    flex-basis: 120px;
    width: 120px;
    flex-grow: 0;
}
.row.receipt-line .col:nth-of-type(4) {
    flex-basis: 140px;
    width: 140px;
    flex-grow: 1;
}
.row.receipt-line .col:nth-of-type(5) {
    flex-basis: 70px;
    width: 70px;
    flex-grow: 0;
}
.row.receipt-line .col:nth-of-type(6) {
    flex-basis: 126px;
    width: 126px;
    flex-grow: 0;
}
.row.receipt-line .col:nth-of-type(7) {
    flex-basis: 30px;
    width: 30px;
    flex-grow: 0;
}
.row.receipt-line .col:nth-of-type(8) {
    flex-basis: 80px;
    width: 80px;
    flex-grow: 0;
}
.row.receipt-line .col:nth-of-type(2):hover:after {
   content: ' Category';
   display: inline-block;
   width: 120px;
   color: #766a63;
}
.row.receipt-line .col:nth-of-type(3):hover:after {
   content: ' S/N';
   display: inline-block;
   width: 40px;
   color: #766a63;
}
.row.receipt-line .col:nth-of-type(4):hover:after {
   content: ' Name';
   display: inline-block;
   width: 60px;
   color: #766a63;
}
.row.receipt-line .col:nth-of-type(5):hover:after {
   content: ' Sold By';
   display: inline-block;
   width: 60px;
   color: #766a63;
}
.row.receipt-line .col:nth-of-type(6):hover:after {
   content: ' Date';
   display: inline-block;
   width: 60px;
   color: #766a63;
}
.row.receipt-line .col:nth-of-type(7):hover:after {
   content: ' Q';
   display: inline-block;
   width: 60px;
   color: #766a63;
}
.row.receipt-line .col:nth-of-type(8):hover:after {
   content: ' Price';
   display: inline-block;
   width: 60px;
   color: #766a63;
}
/*
.receipt-line .col:not:last-child {
    border-right:1px solid #dee2e6;
}
*/
.receipt-line .col {
    border:1px solid #dee2e6;
}
.receipt-line .col:hover {
    background-color: cornsilk;
}
.receipts-totals {
    font-weight: bolder;
}
.totals-data label {
    margin: 2px 5px;
}
.hr-transactions .title {
    font-weight: bolder;
    padding: 20px 10px;
    text-align: center;
}
form#frmShowReceipt table td,
form#frmShowReceipt table th
 {
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}
/*
form#customerSignup {
    margin: 0;
}
*/
.sectionHeader {
    margin-bottom: 10px;
    font-weight: 600;
    font-size: larger;
    text-align: center;
    padding: 10px;
    color: #6c757d;
    background: rgb(218,249,246);
    background: linear-gradient(0deg, rgba(218,249,246,1) 0%, rgba(212,238,171,1) 100%);
}
form#customerSignup .form-group {
    margin-bottom: 5px;
}
.comodo-wrapper {
    padding: 10px 0;
}
form#customerSignup .form-section {
    margin-bottom:20px;
}
.signin-msg {
    padding-left: 40px;
    color: #DD0000;
}
img.cssSignin  {
    width: 255px;
    height: 80px;
    margin: 0 auto;
    display: block;
}
.card-expire {
    display:flex;
}
.card-expire select {
    flex-grow: 1;
}
.checkout-warning {
    font-weight: 1.2em;
    color: red;
    font-style: italic;
}
.cart-details {
    flex-grow: 1;
    margin: 1rem 10px 20px 10px;
    min-width: 14rem;
}
.cart-content-totals {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    margin-bottom: 15px;
}
.cart-content-totals table {
    margin: 0;
}
tr.orderTotalRow {
    font-weight: bold;
}
.cart-details table td {
    vertical-align: middle;
}
.form-login, .form-register {
    text-align: left;
    border-radius: 5px;
}
a.signin-link {
    text-decoration: underline;
    color: darkblue;
}
a.signin-link:hover {
    color: cornflowerblue;
}
.content.profile {
    margin-bottom: 24px;
}
#profileInfo .list-group {
    min-width: 190px;
}
#profileInfo .list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: var(--orange-100);
    border-color: #C33B1F;
}
#profileInfo .tab-pane {
    margin: 0;
}
#profileInfo .tab-content {
    flex-grow: 1;
}
#profileInfo .tab-pane .service_title {
    margin-top: 0;
}
.content.profile form#customerSignup {
    padding-right: 10px;
}
/* Credit */
.div_credit_mid{
    margin: 0 auto 10px auto;
}

.div_credit_mid .form-group,
.div_credit_mid p {
    padding: 0 10px;
}
.div_credit_mid p.instruction {
    border-bottom: 1px solid #B4B4B4;
    padding: 5px 10px;
}
#btnSubmitTicket,
.div_submit_btn_ticket {
    width: 100%;
    border: none;
    outline: none;
    background-color: #3379FF; 
    color: white; 
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
    padding:  12px;

    clear: both;
    
    cursor: pointer;
    
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
}
#btnSubmitTicket:hover,
.div_submit_btn_ticket:hover {
    background-color: #FE760C;	
}
.feedbacl .alert {
    margin-bottom: 0;
}
#edit_item {
    width: 100%;
    /*padding-left: 15px;*/
    padding: 0 0.5rem;
}
#edit_item #img-wrapper {
    text-align: center;
}
#edit_item #submitOptionsRow {
    margin: 15px 0;
}
#edit_item #submitOptionsRow * {
   margin: 0 10px;
}
#edit_item #submitOptionsRow select.form-control {
    display: inline-block;
    width: auto;
}
#edit_item .form-group {
    margin-bottom: 5px;
}
#edit_item .category-wrapper,
#edit_item .idi-wrapper,
#edit_item .capacity-wrapper,
#edit_item .memory-wrapper,
#edit_item .cpu-wrapper {
    display: flex;
    align-items: center;
}
#edit_item .category-wrapper select:first-child,
#edit_item .cpu-wrapper select:first-child,
#edit_item .memory-wrapper select:first-child,
#edit_item .capacity-wrapper input[type="text"],
#edit_item .idi-wrapper input[type="text"],
#edit_item .idi-wrapper input[type="number"],
#edit_item .cpu-wrapper input[type="text"],
#edit_item .category-wrapper input[type="text"] {
    margin-right: 10px;
}
#edit_item .category-wrapper select:last-child,
#edit_item .idi-wrapper input[type="number"]:last-child,
#edit_item .cpu-wrapper input[type="text"]:last-child,
#edit_item .capacity-wrapper .form-check {
    margin-left: 10px;
}
#frmEmployee {
    margin-bottom: 20px;
}
#frmEmployee .form-group.row {
    margin: 0 0 8px 0;
}
/* Repair */
.div_rep_fitures {
    background-color:  #3379FF;  
  
    float: left;
    height: 265px;
    margin: 20px;
    
    cursor:pointer;
    
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;


}

.div_rep_fitures:hover {
    background-color:  #FE760C;  
}

.img_item_serv{
    margin: 5px;
    width: 200px; 
    height: 200px;
}

.f_caption{	
    color: white; 
    font-size: 1.1em; 
    width: 200px;
    text-align: center;
}

.div_rep_decription{
    float: left;
    clear: both;
    
    border: 2px solid #00B408; 
    padding: 25px 25px;
}

/* Item added */
#item_added{
    top:0;
    left: 0;
    bottom: 0;
    right: 0;
    position: fixed;
    z-index: 999999; 
    display: block; 
    background: transparent url("/resourses/imgcommon/overlay.png") repeat scroll 0px 0px;
    visibility: hidden;
  
}

#item_added_center{
    width: 100%;
    background-color: white;
    top: 40%;
    position: fixed;
}

#item_added_msg{
    float: left; 
    position: absolute; 
    top: 42%;
    padding-left: 40px;
}

.div_table_rep{
    width: 100%;
}

.div_table table{
    width: 100%;  
    border-collapse:collapse;
    border-spacing:0;
}
.div_table .section-header {
    background-color: #555;
    text-align: center;
    color: white;
    font-size: 1.4em;
    padding: 10px;
}
.div_table .section-header.blue {
    background-color: #3379FF;
}
.div_table .col-sm,
.div_table .col-sm-9,
.div_table .col-sm-6,
.div_table .col-sm-3 {
    padding: 10px;
}
.div_table p {
    margin-top: 1rem;
    margin-bottom: 0;
}

.div_table table tr:nth-child(odd){
    background-color: #555;
}

.div_table table tr:nth-child(odd) div{
    text-align: center;
    color: white;
    font-size: 1.4em;
    padding: 10px;
}

.div_table table tr td{
    border-right: 1px solid #BDBDBD;
    vertical-align: top;
    width: 25%;

}

.div_table table tr td:last-child{
    border-right: none;
}

.div_table table tr td > div{
    padding: 10px;
}

.div_table table tr td > div > div{
    font-size: 1.2em;
    padding-bottom: 5px;
    font-weight: bolder;
}
.content--repair img.float-right{
    width: 200px;
    height: 200px;
    float: right;
  
    padding-left: 20px;
    padding-bottom: 30px;
}
.div_table h6 {
    margin-top: 20px;
}
.div_table p.repair_subtitle {
    font-style: italic;
    font-size: 1.0em;
    font-weight: 600;
}
.quote-form-container {
     border: 1px solid #828692;
     border-radius: 5px;
     box-shadow: 3px 5px 5.64px .36px rgba(0,0,0,.25);
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
}
.frmQuote {
     padding: 10px;
}
.frmQuote .form-row {
     margin: 0;
}
/*
.frmQuote .form-control,
.frmQuote .form-control-file {
    background-color: #fef1c7;
}
*/
.frmCheckout {
    padding: 10px;
    max-width: 30rem;
    margin: 1rem auto 0 auto;
}
/* checkout with cc */

/* end of checkout with cc */
.billing-address--content {
  display: flex;
  flex-direction: row;
}
.billing-address--content .billing-address--element {
  flex: 1;
  margin-right: 0.8rem;
}
.billing-address--content .billing-address--zip {
  max-width: 90px;
}
.billing-address--content .billing-address--element:last-child {
  margin-right: 0;
}
.payment-method--header {
  display: flex;
  justify-content: space-between;
  margin: 0.8rem 0;
}
h4.contactus--header,
h4.billing-address--header,
.payment-method--header h4 {
    font-family: udemy sans,-apple-system,BlinkMacSystemFont,Roboto,segoe ui,Helvetica,Arial,
                 sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -.02rem;
    font-size: 1.2rem;
}
h4.billing-address--header{
    margin-bottom: 1.2rem;
}
.payment-method--container .payment-method--header .payment-method--secure-connection {
    display: flex;
    align-items: center;
    color: #6a6f73;
}
.payment-method--container .payment-method--header .payment-method--secure-connection span {
    margin-right: 0.4rem;
    text-align: right;
}
.payment-method--content .payment-method--panel {
    border-left: 1px solid #d1d7dc;
    border-right: 1px solid #d1d7dc;
    border-top: 1px solid #d1d7dc;
}
.payment-method--content .payment-method--panel .udlite-accordion-panel-toggler {
    background: #f7f9fa;
    padding: 0;
}
.payment-method--content .payment-method--panel .udlite-accordion-panel-toggler .udlite-btn {
    color: #1c1d1f!important;
    display: block;
    padding: 6px;
    text-align: left;
    white-space: normal;
    width: 100%;
    background-color: transparent;
    min-width: auto;
    border: none;
    outline: none;
}
.udlite-btn-link {
    height: auto;
    text-align: left;
    vertical-align: baseline;
    white-space: normal;
}
.payment-method--panel .udlite-accordion-panel-title {
    display: flex;
    flex: 1;
}
.payment-method-panel--option-radio {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    display: inline-block;
    flex-shrink: 0;
    border: .2rem solid #1c1d1f;
    margin-right: 5px;
    position: relative;
    top: 4px;
}
.payment-method-panel--option-radio.checked {
    background: #1c1d1f;
    box-shadow: 0 0 0 2px #fff inset;
}
.payment-method--panel .udlite-accordion-panel-content {
    border-top: 1px solid #d1d7dc;
    padding: 0.8rem 0.6rem;
}
.payment-method--content .payment-method--panel:last-child {
    border-bottom: 1px solid #d1d7dc;
}
.udlite-heading-md {
    font-family: udemy sans,-apple-system,BlinkMacSystemFont,Roboto,segoe ui,Helvetica,Arial,sans-serif,
                 apple color emoji,segoe ui emoji,segoe ui symbol;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -.02rem;
    font-size: 16px;
}
.payment-method-label--container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    flex: 1;
}
.payment-method-label--container .payment-method-label--label .payment-method-label--brand-icon {
    max-width: 42px;
    height: 28px;
    border: 1px solid #d1d7dc;
    border-radius: 4px;
    background: #fff;
    margin: 0 2px 0 0;
}
.payment-method-label--container .payment-method-label--options .payment-method--label--options--icon {
    max-width: 42px;
    height: 28px;
    border: 1px solid #d1d7dc;
    border-radius: 4px;
    background: #fff;
    margin: 0 .2rem 0 0;
}
.payment-method-label--container .payment-method-label--options {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    margin-left: 10px;
}
.payment-method--credit-card-token {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.udlite-heading-sm {
    font-family: udemy sans,-apple-system,BlinkMacSystemFont,Roboto,segoe ui,Helvetica,Arial,sans-serif,
                 apple color emoji,segoe ui emoji,segoe ui symbol;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -.02rem;
    font-size: 14px;
    margin-bottom: 8px;
}
.payment-method--input-container {
    display: flex;
    flex-direction: row;
}
.payment-method--input-container .payment-method--input-row {
    flex: 1;
    min-width: 0;
    margin-right: 0.8rem;
}
.payment-method--input-container .credit-card--cvv {
    max-width: 80px;
}
.payment-method--input-container .payment-method--input-row:last-child {
    margin-right: 0;
}
.udlite-toggle-input-container {
    cursor: pointer;
    display: flex;
    padding: 4px 0;
    user-select: none;
    -webkit-user-select: none;
    max-width: 60rem;
    margin: 0;
}
.udlite-text-sm {
    font-family: udemy sans,sf pro text,-apple-system,BlinkMacSystemFont,Roboto,segoe ui,Helvetica,Arial,sans-serif,
                 apple color emoji,segoe ui emoji,segoe ui symbol;
    font-weight: 400;
    line-height: 1.4;
    font-size: 0.9rem;
}
.udlite-sr-only {
    position: absolute!important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px,1px,1px,1px);
}
.udlite-real-toggle-input:checked~.udlite-fake-toggle-checkbox {
    background: #1c1d1f;
    border-color: #1c1d1f;
    color: #fff;
    top: -1px;
}
.udlite-fake-toggle-input {
    border: .2rem solid #1c1d1f;
    margin-right: .4rem;
    position: relative;
    top: 1px;
}
.udlite-fake-toggle-checkbox {
    color: transparent;
}
.udlite-icon-xsmall {
    width: 1.6rem;
    height: 1.6rem;
}
.udlite-icon-color-neutral {
    color: #1c1d1f;
}
.udlite-icon-small {
    width: 20px;
    height: 20px;
}
.udlite-icon {
    fill: currentColor;
    display: inline-block;
    flex-shrink: 0;
}
/* cc for quote form */
.checkout {
  margin: 5px 15px;
  padding: 15px;
  background: #f3f6fa;
  border: 1px solid;
  border-color: #c2cadb #bbc5d6 #b7c0cd;
  border-radius: 7px;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
}
.checkout > p {
  zoom: 1;
}
p.checkout__line {
    display: flex;
    justify-content: space-between;
}
.checkout > p + p {
  margin-top: 15px;
}

.checkout-header {
  position: relative;
  margin: -15px -15px 15px;
}

.checkout-title {
  padding: 0 15px;
  line-height: 38px;
  font-size: 13px;
  font-weight: bold;
  color: #7f889e;
  text-shadow: 0 1px rgba(255, 255, 255, 0.7);
  background: #eceff5;
  border-bottom: 1px solid #c5ccdb;
  border-radius: 7px 7px 0 0;
  background-image: -webkit-linear-gradient(top, #f5f8fb, #e9edf3);
  background-image: -moz-linear-gradient(top, #f5f8fb, #e9edf3);
  background-image: -o-linear-gradient(top, #f5f8fb, #e9edf3);
  background-image: linear-gradient(to bottom, #f5f8fb, #e9edf3);
  -webkit-box-shadow: inset 0 1px white;
  box-shadow: inset 0 1px white;
}
.checkout-title:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
}

.checkout-price {
  position: absolute;
  top: -14px;
  right: -14px;
  min-width: 40px;
  padding: 0 0.8rem;
  font: 14px/40px Helvetica, Arial, sans-serif;
  color: white;
  text-align: center;
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.3);
  letter-spacing: 1px;
  background: #e54930;
  border: 1px solid;
  border-color: #b33323 #ab3123 #982b1f;
  border-radius: 21px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: -webkit-linear-gradient(top, #f75a3b, #d63b29);
  background-image: -moz-linear-gradient(top, #f75a3b, #d63b29);
  background-image: -o-linear-gradient(top, #f75a3b, #d63b29);
  background-image: linear-gradient(to bottom, #f75a3b, #d63b29);
  -webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2);
}
.checkout-price:before {
  content: '';
  position: absolute;
  top: 3px;
  bottom: 3px;
  left: 3px;
  right: 3px;
  border: 2px solid #f5f8fb;
  border-radius: 18px;
  -webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.2), inset 0 -1px 1px rgba(0, 0, 0, 0.25), 0 -1px 1px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.2), inset 0 -1px 1px rgba(0, 0, 0, 0.25), 0 -1px 1px rgba(0, 0, 0, 0.25);
}

.checkout input {
  margin: 0;
  line-height: normal;
  font-family: inherit;
  font-size: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.checkout-input {
  padding: 0 7px;
  height: 32px;
  color: #525864;
  background: white;
  border: 1px solid;
  border-color: #b3c0e2 #bcc5e2 #c0ccea;
  border-radius: 4px;
  background-image: -webkit-linear-gradient(top, #f6f8fa, white);
  background-image: -moz-linear-gradient(top, #f6f8fa, white);
  background-image: -o-linear-gradient(top, #f6f8fa, white);
  background-image: linear-gradient(to bottom, #f6f8fa, white);
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px rgba(255, 255, 255, 0.5);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px rgba(255, 255, 255, 0.5);
}
.checkout-input:focus {
  border-color: #46aefe;
  outline: none;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 5px #46aefe;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 5px #46aefe;
}
.lt-ie9 .checkout-input {
  line-height: 30px;
}

.checkout-name,
.checkout-card {
  flex-grow: 1;
  min-width: 90px;
}

#helcimForm .checkout-exp,
#helcimForm .checkout-cvc {
  margin-left: 10px;
  max-width: 45px;
  flex-basis: 45px;
  min-width: 35px;
}

#helcimForm .checkout-postalcode {
  margin-left: 10px;
  max-width: 70px;
  flex-basis: 70px;
}

.checkout :-moz-placeholder {
  color: #acb6c8 !important;
}

.checkout ::-moz-placeholder {
  color: #acb6c8 !important;
  opacity: 1;
}

.checkout ::-webkit-input-placeholder {
  color: #acb6c8;
}

.checkout :-ms-input-placeholder {
  color: #acb6c8;
}

.checkout ::-moz-focus-inner {
  padding: 0 !important;
  border: 0 !important;
}
/* for quote form */
#repairQuotePage .frmQuote .row {
    margin: 8px 0;
}
/* to preview image attachments after ajax load */
#dropzone {
    border: 2px dashed #c5c5c5;
    border-radius: 5px;
    margin: 16px 0;
    position: relative;
}
.dropzone--inner {
    overflow: hidden;
    width: 100%;
    /* white-space: nowrap; */
    text-align: center;
    text-overflow: ellipsis;
    font-weight: inherit;
}
.dropzone--inner h3 {
    margin: 5px 0;
    font-size: 30px;
    line-height: 32px;
    word-break: break-word;
}
.dropzone.dz-started .dz-message {
    display: none;
}
.dropzone.dz-started {
    display: flex;
    flex-wrap: wrap;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
}
.dropzone .dz-preview {
    margin: .5rem;
    justify-self: center;
    align-self: center;
}
#preview {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    min-height: 180px;
}
.attachments-preview {
    margin: 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    min-height: 180px;
}
.media .img-container,
.attachments-preview .img-container,
#preview .img-container {
    margin: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 180px;
    height: 180px;
    border: 1px solid grey;
    position: relative;
    border-radius: 12px;
}
#preview .img-container.selected {
    opacity: 0.6;
    border: 1px solid red;
}
#preview .img-container .check{
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 24px;
    height: 24px;
    text-align: center;
    background-color: #2271b1;
    color: white;
    box-shadow: 0 0 0 1px #fff,0 0 0 2px #2271b1;
    cursor: pointer;
}
#preview .img-container .check i {
    vertical-align: middle;
}
.attachments-preview .img-container img,
#preview .img-container img {
    margin: auto;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    float: none;
    padding: 2px;
}
#deleteImages {
    display: none;
}
.media {
    flex-wrap: wrap;
    border-bottom: 1px solid #eee;
}
.media--filepath,
.media--name {
    word-break: break-word;
    overflow-wrap: break-word;
    -ms-word-break: break-word;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}
.users-list,
.salary-data {
    padding: 0 8px;
}
.salary-data .user-data {
    border-bottom: 2px solid #ddd;
}
.salary-data .user-header {
    background-color: #CAFFAE;
    text-align: center;
    padding: 10px;
    font-size: 18px;
    font-weight: 600;
}
.salary-data .user-data .col-sm.uprops:nth-child(odd) {
    box-shadow: 0px 5px 10px 0px #aaa;
}
.salary-data .user-data .form-group {
    margin-bottom: 2px;
}
.salary-data .user-data .form-group .col {
    min-width: 60px;
}
.salary-data .user-data .form-row:nth-child(odd) {
    background-color: rgba(0,0,0,.05);
}
.salary-data .user-data .form-row:hover {
    background-color: #fb9692;
}
.week-month-day {
    width: 100%;
    font-size: 1.8em;
    display: flex;
    justify-content: space-between;
}
.week-month-day .day-of-week {
    text-align: left;
}
.week-month-day .day-of-month {
    text-align: right;
}
.day-header {
    padding: 2px;
}

.day-header.day-off {
    background: #FF7C7C;
}

.day-header.day-work {
    background: #8AFF8A;
}

.workhours {
    margin-bottom: 10px; border-bottom: 1px solid grey;
}
.calendar {
    width: 100%; font-size: 0.9em;
    border: 1px solid grey;
}
.calendar-wrapper .calendar .col-sm {
    padding: 10px;
    margin: 2px;
    max-width: 118px;
    min-width: 100px;
}
.calendar-header {
    position: relative;
    padding: 30px 10px;
    font-size: 1.2em;
    font-weight: bold;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 10px;
    align-items: center;
}
.calendar-header .month-navigation {
    padding-left: 30px;
    display: flex;
}
.calendar-header .month-navigation span,
.calendar-header .year-navigation span {
    display: inline-block;
    margin: 0 6px;
}
.calendar-header .year-navigation {
    padding-left: 10px;
    display: flex;
}
.calendar-header input[type=submit] {
    position: absolute;
    right: 0;
}
.calendar {
    box-sizing: border-box;
}
.calendar-nav {
    display: flex;
}
.calendar .row {
    margin: 0 auto;
}
.calendar-wrapper .calendar .row .col-sm:hover {
    background-color: #fb9692;
}
.calendar-wrapper .calendar .row:nth-child(even) .col-sm {
    background-color: #e1f1e8;
}
.calendar-wrapper .calendar .row:nth-child(odd) .col-sm {
    background-color: #f9fbe0;
}
.salary-totals .form-group {
    margin-bottom: 5px;
    font-size: larger;
    border-bottom: 1px dotted grey;
}
a.prev-arrow {
    display: inline-block;
    background: transparent url(/resourses/imgcommon/arrow_prev.svg) no-repeat center center;
    backgroun-size: 19px 28px;
    width: 19px;
    height: 28px;
}
a.next-arrow {
    display: inline-block;
    background: transparent url(/resourses/imgcommon/arrow_next.svg) no-repeat center center;
    backgroun-size: 19px 28px;
    width: 19px;
    height: 28px;
}
.cart-row .row-cart-quantity {
    padding-right: 60px;  padding-top: 25px; font-size: 1.2em;
}
#cartWrapper {
    width: 100%;
    padding-top: 1.5rem;
}
#cartWrapper .cart_buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 14px 10px;
}
#cartWrapper #checkOutBtn {
    display: inline-block;
    background: #3379FF url(../imgcommon/credit45.png) no-repeat 10px center;
    color: white;
    padding: 10px 10px 10px 30px;
    font-size: 1.2em;
    margin: 10px 30px;
    width: 200px;
    box-sizing: border-box;
    text-align: center;
}
#cartWrapper #continueShoppingBtn {
    display: inline-block;
    background-color: #2EB82E;
    color: white;
    padding: 10px;
    font-size: 1.2em;
    margin: 0 30px;
    width: 200px;
    box-sizing: border-box;
    text-align: center;
}
#cartWrapper #subTotalDiv {
    border-bottom: 1px solid #B4B4B4;
    padding: 10px 8px;
    font-size: 1.2em;
    margin: 0 30px;
    width: 200px;
    box-sizing: border-box;
    text-align: center;
}
#div_item #btnEdit {
    color: white;
}
.mng-subtitle {
    padding: 20px;
    font-size: 1.2em;
    font-weight: bold;
    display: flex;
    justify-content: space-between;
}
.repair-dashboard {
    padding: 1.5rem 1rem 2rem;
    max-width: 1200px;
    margin: 0 auto;
}
.repair-dashboard-section {
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    padding: 1.25rem;
}
.repair-dashboard-table th {
    font-size: 0.85rem;
    font-weight: 600;
    white-space: nowrap;
}
.repairs-new-section {
    /* border-right: 1px solid #0000A6; padding-top: 20px; */
    background-color: #fff1f1;
}
.repairs-verification-section {
    /*border-right: 1px solid #FF5555;*/
    background-color: #f7dcdc;
}
.repairs-steps-section {
    /*border-right: 1px solid #636AFF; */
    background-color: #d7d8f3;
}
.repairs-contact-section {
    /*border-right: 1px solid #2ABF29;*/
    background-color: #d6f3d6;
}
.repairs-final-section {
    /*border-right: 1px solid #BDBDBD;*/
    background-color: #f5f4f4;
}
form#newrepair {
    margin: 40px;
}
form#newrepair .step, form#newrepair .alert {
    display: none;
}

form#newrepair label {
    font-size: 20px;
    color: darkred;
}

#login-page {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding-top: 2rem;
}
#formAdminLogin {
    /*
    flex-grow: 1;
    margin: 10px;
    */
    margin: auto;
}
#formAdminLogin label {
    font-weight: 600;
    margin: 5px 0;
}
#login-page .server-info {
    margin: 20px 10px;
}
.pagination {
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
  justify-content: center;
  margin: 24px 0;
}
.pagination:empty {
  margin: 0;
}

.pagination a {
  color: var(--grey-100);
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  border-radius: 4px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  min-width: 24px;
  min-height: 24px;
  padding: 2px;
  /*
  color: black;
  padding: 8px 16px;
  text-decoration: none;
  border: 1px solid #ddd;
  */
  transition: background-color .3s;
}
.pagination a.active {
  background-color: var(--orange-100); /*#4CAF50; */
  color: white;
}
.pagination a:hover:not(.active) {
    /*background-color: #ddd;*/
    color: var(--orange-100);
}
.pagination a:first-child {
  /*
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  */
  /*background: transparent url(/resourses/imgcommon/chevron_left_icon_orange.svg) no-repeat center canter; */
  background-image: url(/resourses/imgcommon/chevron_left_icon_orange.svg);
  background-position: center center;
  background-repeat: no-repeat;
}
.pagination a:last-child {
/*
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  */
  /*background: transparent url(/resourses/imgcommon/chevron_right_icon_orange.svg) no-repeat center canter; */
  background-image: url(/resourses/imgcommon/chevron_right_icon_orange.svg);
  background-position: center center;
  background-repeat: no-repeat;
}
.tasks-list .card,
.orders-list .card,
.tickets-list .card {
  background-color: #f8f9fa;
}
.orders-list .card-body,
.tickets-list .card-body {
  padding: 1rem 0.5rem 0.5rem 0.5rem;
}
.tasks-list .card.status-done,
.orders-list .card.status-delivered,
.tickets-list .card.status-answered {
  border-color: #28a745;
}
.tasks-list .card-title.row {
  flex-wrap: wrap;
}
.tasks-list .msg-date {
  text-align: end;
  min-width: 270px;
  font-size: smaller;
  font-style: oblique;
}
.orders-list .card.status-delivered .card-body {
  color: #28a745;
}
.orders-list .card.status-canceled {
  border-color: #dc3545;
}
.orders-list .card.status-canceled .card-body {
  color: #dc3545;
}
.orders-list .card.status-shipped {
  border-color: #6c757d;
}
.orders-list .card.status-shipped .card-body {
  color: #6c757d;
}
.orders-list .card.status-pending {
  border-color: #ffc107;
}
.orders-list .card.status-pending .card-body {
  color: #ffc107;
}
.tasks-list .card:hover,
.orders-list .card:hover,
.tickets-list .card:hover {
  border-color: #17a2b8;
  background-color: azure;
}
.tickets-list .card .date-created {
  display: inline-block;
  float: right;
  margin: 10px;
  font-style: italic;
  font-size: smaller;
}
.tasks-list .card-header,
.orders-list .card-header,
.tickets-list .card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.card-header .ticket-num {
  font-size: larger;
  font-weight: bolder;
}
.card-header .ticket-num a {
  font-size: smaller;
  font-weight: lighter;
}
.card-header .ticket-status {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.togglePassword {
  margin-left: -30px;
  cursor: pointer;
}
.no-data {
  padding: 10px;
  text-align: center;
  font-size: larger;
}
.tasktree-title {
  padding: 5px 10px;
  font-weight: bolder;
  font-size: 1.2em;
}
.addmsg-to {
  padding-top: 5px;
}
#frmNewMessage #fldSubject {
  display: inline-block;
  width: auto;
}
#frmNewMessage .col-form-label {
  font-weight: bolder;
}
input.passwordField.form-control-plaintext {
    display: inline-block;
    width: 180px;
    padding: 5px 30px 2px 5px;
    border: 1px solid grey;
    border-radius: 5px;
}
.list-summary {
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  padding: 10px;
  margin-bottom: 0.5em;
}
.search-key {
  color: crimson;
}
.check-out {
  width: 150px;
  font-weight: bolder;
}
.cart.admin #combtn {
  cursor: pointer;
}
#cartLines .list-group-item:not(:first-child):hover {
  background-color: #f8f9fa;
}
#cartLines .list-group-item input {
  padding: 5px;
  text-align: right;
}
#cartLines .list-group-item input.input-quantity {
  width: 50px;
}
#cartLines .list-group-item input.input-price {
  width: 80px;
}
#receiptTotals .col {
  padding: 0 10px;
}
.address-container {
  margin-bottom: 1rem;
}
.contactus--address-line {
  padding-left: 0;
}
.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
}
#burrard-map {
    height: 485px;
    background-image: url(/resourses/imgcommon/map_backup.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.embed-responsive .embed-responsive-item,
.embed-responsive embed, .embed-responsive iframe,
.embed-responsive object, .embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
.options-wrapper {
    display: none;
}

#nodeContainerTemplate,
.row-template-add,
.row-template-view {
    display: none;
}
table#optionsTbl tr td:last-child,
table#optionsTbl tr th:last-child {
    width: 240px;
    text-align: center;
}
table#settingsTbl tr td:last-child {
    text-align: center;
    min-width: 120px;
}
td.option-row--key,
td.option-row--actions,
td.option-row--label,
td.option-row--value {
    vertical-align: middle;
}
#configRows td.option-row--value {
    word-wrap: break-word;
}
#configRows .btn,
#optionRows .btn {
    border-radius: 16px;
    margin: 0.25rem;
}
#addOption, #addInventoryItem,
#taskButtons a.btn
 {
    border-radius: 16px;
}
#taskButtons a.btn-outline-success {
  color: #28a745;
}
#taskButtons a.btn-outline-danger {
    color: #dc3545;
}
#taskButtons a.btn:hover {
  color: #fff;
}
#boxRows .option-row--bnumber,
#boxRows .option-row--address,
#boxRows .option-row--size,
#boxRows .option-row--actions {
  vertical-align: middle;
  text-align: center;
}
#boxDataModal .form-group.row {
  margin-bottom: 5px;
}
/* some styles from chinese lockers site */
.el-collapse-item__content {
    font-size: 13px;
    color: #303133;
    line-height: 1.769230769230769;
}
.d2-search-panel .d2-search-panel--content {
    margin-top: 10px;
}
.d2-search-panel .el-form.is-thin .el-form-item.el-form-item--mini {
    margin-bottom: 0px;
}
.el-form--inline .el-form-item {
    display: inline-block;
    margin-right: 10px;
    vertical-align: top;
    max-width: 160px;
    min-width: 120px;
}
.d2-search-panel .el-form--inline .el-form-item::last {
    min-width: 160px;
    magin-right: 0;
}
.el-form-item::after, .el-form-item::before {
    display: table;
    content: "";
}
.el-form-item__content {
    line-height: 40px;
    position: relative;
    font-size: 14px;
}
.el-form--inline .el-form-item__content {
    display: inline-block;
    vertical-align: top;
}
.el-form-item--mini .el-form-item__content, .el-form-item--mini .el-form-item__label {
    line-height: 28px;
    display: block;
    margin-bottom: 0;
}
.el-form-item__content::after, .el-form-item__content::before {
    display: table;
    content: "";
}
.el-form-item__content::after {
    clear: both;
}
.el-input {
    position: relative;
    font-size: 14px;
    display: inline-block;
    width: 100%;
}
.el-input--mini {
    font-size: 12px;
}
.el-input__inner {
    -webkit-appearance: none;
    background-color: #FFF;
    border-radius: 4px;
    border: 1px solid #DCDFE6;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #606266;
    display: inline-block;
    font-size: inherit;
    height: 40px;
    line-height: 40px;
    outline: 0;
    padding: 0 10px;
    -webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1);
    transition: border-color .2s cubic-bezier(.645,.045,.355,1);
    width: 100%;
}
.el-input__prefix, .el-input__suffix {
    position: absolute;
    top: 0;
    -webkit-transition: all .3s;
    height: 100%;
    color: #C0C4CC;
    text-align: center;
}
.el-input__suffix {
    right: 5px;
    -webkit-transition: all .3s;
    transition: all .3s;
    /*pointer-events: none;*/
}
.el-input--suffix .el-input__inner {
    padding-right: 30px;
}
.el-input--mini .el-input__inner {
    height: 28px;
    line-height: 28px;
}
.el-input.is-disabled .el-input__inner {
    background-color: #F5F7FA;
    border-color: #E4E7ED;
    color: #C0C4CC;
    cursor: not-allowed;
}
.el-select .el-input .el-select__caret {
    color: #C0C4CC;
    font-size: 14px;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    transition: transform .3s,-webkit-transform .3s;
    -webkit-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
    cursor: pointer;
}
.el-table thead {
    color: #909399;
    font-weight: 500;
}
.el-button {
    display: inline-block;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    background: #FFF;
    border: 1px solid #DCDFE6;
    color: #606266;
    -webkit-appearance: none;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    margin: 0;
    -webkit-transition: .1s;
    transition: .1s;
    font-weight: 500;
    padding: 12px 20px;
    font-size: 14px;
    border-radius: 4px;
}
.el-button--primary {
    color: #FFF;
    background-color: #409EFF;
    border-color: #409EFF;
}
.el-button--primary:focus, .el-button--primary:hover {
    background: #66b1ff;
    border-color: #66b1ff;
    color: #FFF;
}
.el-button.is-plain:focus, .el-button.is-plain:hover {
    background: #FFF;
    border-color: #409EFF;
    color: #409EFF;
}
.el-button--mini.is-thin {
    padding-left: 8px;
    padding-right: 8px;
}
.el-button--mini {
    /*font-size: 12px;*/
    border-radius: 3px;
}
.el-button--mini, .el-button--mini.is-round {
    padding: 7px 15px;
}
.el-button--mini.is-margin-bottom + .is-margin-bottom {
    margin-bottom: 4px;
}
.el-button--mini.is-thin + .is-thin {
    margin-left: 4px;
}
.el-button--success.is-plain {
    color: #67C23A;
    background: #f0f9eb;
    border-color: #c2e7b0;
}
.el-button, .el-checkbox, .el-checkbox-button__inner, .el-empty__image img, .el-radio {
    -webkit-user-select: none;
}
.el-select {
    position: relative;
}
.el-select .el-input,
.el-select-dropdown__list {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.el-select-dropdown__list {
    list-style: none;
    overflow: hidden;
    max-height: 0;
    transition: .3s ease-in-out;
    margin-top: 24px;
    padding-left: 10px;
    background-color: white;
    opacity: 1;
    box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.2);
}
.el-select-dropdown__list.open {
    max-height: 320px;
    overflow: auto;
}
.el-select-dropdown__list li {
    opacity: 1;
}
.el-select-dropdown__list li:hover {
    background-color: #FAFFED;
}
.el-select-dropdown__list li.closed {
    max-height: 0;
    overflow: hidden;
    padding: 0;
    opacity: 0;
}
[class*=" el-icon-"], [class^=el-icon-] {
    font-family: element-icons!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: baseline;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.el-icon-search:before {
    content: "\e778";
}
.el-icon-refresh:before {
    content: "\e6d0";
}
.el-icon-edit-outline:before {
    content: "\e764";
}
.el-icon-box:before {
    content: "\e74b";
}
.el-icon-arrow-up:before {
    content: "\e6e1";
}
.el-icon-circle-close:before {
    content: "\e78d";
}
.el-input__icon:after {
    content: '';
    height: 100%;
    width: 0;
    display: inline-block;
    vertical-align: middle;
}
/*  end of some styles from chinese lockers site */

article#cartContent {
  grid-area: content;
  padding: 0;
}
aside {
  grid-area: sidebar;
  padding: 0.5em;
}
#divCartAdmin {
  margin-top:2.5em;
  display: grid;
  grid-gap: 1em;
  grid-template-columns: 1fr 3fr;
  grid-template-areas:
    "sidebar content";
  width: 100%;
}
#genScuBarcode i {
    font-size: 30px;
}
.item-description p {
    margin-bottom: 6px;
    font-size: 18px;
}
#edit_item #img-wrapper img {
    max-width: 320px;
    max-height: 320px;
}
/*  for new design 1 */
.orange-title {
    font-weight: 700;
    color: var(--orange-100);
    font-size: 50px;
    line-height: 1,2;
}
.em-text, em {
    font-family: Inter;
    font-size: 30px;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: 0em;
    text-align: left;
}
.big-text {
    font-family: Inter;
    font-size: 100px;
    font-weight: 700;
    line-height: 121px;
    letter-spacing: 0em;
    text-align: left;
}
#top-promo {
    width: 100%;
    font-size: 20px;
    background: #F2F2F2;
    flex-wrap: wrap;
    padding: 10px 12px;
}
#top-promo a {
  font-weight: 700;
  color: var(--grey-100);
}

#top-brand {
  padding: 16px;
  flex-wrap: wrap;
}
.top--contact {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
}
.top--contact-location {
    margin-right: 16px;
}
.btn-orange {
    border-radius: 6px;
    color: white !important;
    background-color: var(--orange-100);
    padding: 9px 24px;
    font-family: Inter;
    font-size: 16px;
    font-weight: 700;
    line-height: 27px;
    letter-spacing: 0em;
    text-align: center;
    outline: none;
    border: none;
    display: inline-block;
}
.btn-orange:hover,
.btn-orange:focus {
  background: #C33B1F;
}
.btn-orange.disabled {
  opacity: 70%;
  pointer-events: none;
}

.orange-stroked-btn {
  margin-top: 16px;
  color: var(--orange-100);
  background-color: #fff;
  border: 1px var(--orange-100) solid;
  border-radius: 6px;
  font-size: 16px;
  font-weight: 700;
  line-height: 27px;
  padding: 9px 24px;
}
.toggle-active:focus,
.btn-orange:focus,
.orange-stroked-btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(237 201 162 / 25%);
}
.orange-stroked-btn:hover {
  background-color: #C33B1F;
  color: white;
}
.header--menu-wrapper {
    width: 100%;
    /* background: #605E5E; */
    background: #384355;
    padding: 24px 0;
    z-index: 50;
}
#header-menu-bar .navbar {
    padding: 0;
}
/* start of hamburger toggle stuff --- */

#menuToggle {
  display: none;
  position: absolute;
  right: 10px;
  top: 2px;
}

.menuBtn-container {
  width: 30px;
  padding: 20px 0;
  position: relative;
  top: 2px;
}
.menuBtn,
.menuBtn::before,
.menuBtn::after {
  display: block;
  background-color: #fff;
  position: absolute;
  height: 2px;
  width: 30px;
  transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1);
  border-radius: 2px;
}

.menuBtn::before {
  content: '';
  margin-top: -8px;
}

.menuBtn::after {
  content: '';
  margin-top: 8px;
}

#menuToggle:checked + .menuBtn-container .menuBtn::before {
  margin-top: 0px;
  transform: rotate(405deg);
}

#menuToggle:checked + .menuBtn-container .menuBtn {
  background: rgba(255, 255, 255, 0);
}

#menuToggle:checked + .menuBtn-container .menuBtn::after {
  margin-top: 0px;
  transform: rotate(-405deg);
}
/*  -- end of hamburge toggle stuff --- */

div#hamburger_menu .nav-link {
    padding: 4px 8px;
}
.header--menu .nav-link.dropdown-toggle, #hamburger_menu > a.nav-link {
    color: white;
    font-family: Inter;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
}
.header--menu .nav-link.dropdown-toggle::after {
    content:  url(/resourses/imgcommon/chevron_down_icon_white.svg);
    border: 0 solid;
    margin-left: 8px;
    vertical-align: middle;
}
form.header-menu--search-form {
    margin: 0 16px;
    flex-grow: 1;
    border-radius: 10px;
    background: linear-gradient(0deg, #F1F1F1, #FFFFFF);
    /* linear-gradient(0deg, #F1F1F1, #FFFFFF); */
    display: flex;
    align-items: center;
    padding: 10px;
}
form.header-menu--search-form.focused {
    border: 3px solid var(--orange-100);
    background-color: white;
    padding: 6px 8px;
}
form.header-menu--search-form  input {
    background: transparent;
    border: 0 solid;
    margin: 0;
    flex-grow: 1;

    font-family: Inter;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: left;
    min-width: 150px;
}
form.header-menu--search-form  .search-icon {
    margin-right: 0; /*10px; */
}
form.header-menu--search-form  input::placeholder {
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: left;
}
form.header-menu--search-form  input:focus {
    outline: none;
}
.menu2-items {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    flex-basis: 224px;
}
#header-menu-bar a.menu2-item {
    color: white !important;
    font-family: Inter;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: left;
    padding-top: 32px;
    background-position: top center;
    background-repeat: no-repeat;
}
#header-menu-bar a.menu2-item.item-order-status {
    background-image: url(/resourses/imgcommon/order_status_icon_white.svg);
}
#header-menu-bar a.menu2-item.item-account {
    background-image: url(/resourses/imgcommon/account_icon_white.svg);
}
#header-menu-bar a.menu2-item.item-cart {
    background-image: url(/resourses/imgcommon/cart_icon_white.svg);
}
#header-menu-bar .item-cart,
#header-menu-bar .nav-mobile-cart {
    position: relative;
    display: inline-block;
}
#header-menu-bar .cart-indicator {
    position: absolute;
    display: none;
    top: -10px;
    right: -10px;
    background-color: var(--orange-100);
    padding: 2px 8px;
    border-radius: 50%;
    text-align: center;
    font-size: 12px;
    color: white;
}
/* 404, probably other error pages as well */
.error-container {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: white;
  width: 100%;
  height: 500px;
  position: relative;
  background-image:
    url(/resourses/imgcommon/404_left.png),
    url(/resourses/imgcommon/404_right.png);
  background-position:
    left -80px top,
    right -80px top;
  background-repeat:
    no-repeat;
  /*background-size: contain;*/
  background-size: 463px 375px;
}
.error-container img.e404 {
  max-width: 618px;
  max-height: 100%;
  position: absolute;
}
.e503 {
    padding: 88px 0;
}
.e503 .contact-wrapper {
    margin-top: 32px;
    margin-bottom: 48px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 32px;
}
.e503 .contact-wrapper .cell {
    displey: flex;
    flex-direction: column;
    align-items: center;
}
.error-container img.image-left {
  left: -74px;
}
.error-container img.image-right {
  right: -74px;
}
.error-content {
  text-align: center;
  width: auto;
  margin: auto;
  z-index: 1;
  max-width: 482px;
  padding: 0 8px;
}
.error-content .status-big {
  color: #D9D9D9;
  font-size: 160px;
  font-weight: 700;
  line-height: 140px;
  text-align: center;
  margin-bottom: 20px;
}
.error-content .error-title {
  color: var(--grey-100);
  font-size: 22px;
  font-weight: 700;
  line-height: 27px;
  margin-top: 32px;
}
.error-content .error-explanation {
  color: var(--grey-100);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
/* end of 404, probably other error pages as well */
a h1.brand-header {
    font-size: calc(16px + 1vw);
}
a:hover h1.brand-header {
    color : var(--orange-100);
}
a h1.brand-footer {
    color: snow;
    font-size: calc(16px + 1vw);
}
a:hover h1.brand-footer {
    color : antiquewhite;
}
/* start of footer part **/
footer {
  width: 100%;
}
footer .contacts-header {
  font-family: Inter;
  font-size: 32px;
  font-weight: 700;
  line-height: 39px;
  letter-spacing: 0em;
  text-align: left;
  margin: 40px 0;
}
#footerMenu {
  color: white;
  background: var(--blue-darker);
  padding: 48px 0 88px 0;
}
#footerMenu .footer-menu-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 60px;
  border-bottom: 1px solid #F2F2F2;
  padding-bottom: 32px;
  margin-bottom: 16px;
}
#footerMenu .footer-menu-wrapper .link-columns {
    flex-grow: 1;
}
#footerMenu .subscription-header {
  font-size: 22px;
  font-weight: 700;
  line-height: 27px;
  margin: 22px 0 12px 0;
}
#footerMenu .brand-subscribe-column {
  max-width: 340px;
}
#footerMenu .brand-subscribe-column p {
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  margin: 8px 0;
}
#footerMenu .mail-subscribe-container {
  margin-top: 18px;
}
#footerMenu .mail-subscribe-container .subscribe_bar {
  display: flex;
  padding: 0;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
  max-width: 340px;
  height: 44px;
  margin: auto;
}
#footerMenu .mail-subscribe-container .subscribe_button {
  background-color: var(--orange-100);
  border-radius: 0 10px 10px 0;
  color: white;
  font-size: 14px;
  font-weight: 700;
  line-height: 22px;
  border: none;
  padding: 11px 18px;
  outline: none;
}
#footerMenu .mail-subscribe-container .subscribe_button:hover,
#footerMenu .mail-subscribe-container .subscribe_button:focus {
  background: #C33B1F;

}
#footerMenu .mail-subscribe-container input.mail-subscribe {
  border: none;
  outline: none;
  border-radius: 10px 0 0 10px;
  padding: 10px;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  flex-grow: 1;
}

#footerMenu .mail-subscribe-container .subscribing {
  display: inline-block;
  background: #69727b;
  position: absolute;
  width: 340px;
  height: 44px;
  left: -340px;
  z-index: 1;
  transition: transform 0.2s ease-in-out 0s;
}
#footerMenu .mail-subscribe-container .subscribing.active {
	-webkit-transform: translateX(340px);
	   -moz-transform: translateX(340px);
	    -ms-transform: translateX(340px);
	     -o-transform: translateX(340px);
	        transform: translateX(340px);
}
#footerMenu .mail-subscribe-container .thanks {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: #69727b;
    color: #63ed69;
    text-align: center;
    position: absolute;
    width: 100%;
    height: 44px;
    top: 44px;
    z-index: 2;
    transition: transform 0.2s ease-in-out 0s;
}
#footerMenu .mail-subscribe-container .thanks.active {
	-webkit-transform: translateY(-44px);
	   -moz-transform: translateY(-44px);
	    -ms-transform: translateY(-44px);
	     -o-transform: translateY(-44px);
	        transform: translateY(-44px);
}
#footerMenu .mail-subscribe-container .thanks.invalid {
    color: coral;
}
#footerMenu .brand-subscribe-column .social-links {
  display: flex;
  gap: 24px;
  margin-top: 16px;
  margin-bottom: 24px;
  justify-content: center;
}
#footerMenu .brand-subscribe-column .social-links a {
  display: inline-block;
}
#footerMenu .brand-subscribe-column .social-links img {
  width: 38px;
  height: 38px;
}
input.toggle[type='checkbox'] {
  display: none;
}
#footerMenu .footer-column-header {
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  margin-bottom: 22px;
  outline: none;
  width: 100%;
  position: relative;
}
#footerMenu .footer-column-header.lbl-toggle:hover,
#footerMenu .footer-column-header.lbl-toggle:focus {
  color: #faf0e6;
}
#footerMenu a.footer-link {
  display: block;
  margin-bottom: 16px;
  width: 100%;
  color: white;
  font-family: Inter;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  cursor: pointer;
}

#footerMenu .copyright {
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
#burrard-map {
    height: 586px;
}
footer section.section-contacts {
  position: relative;
  border-top: 1px solid #dee2e6;
}
footer .contact-info-wrapper {
  background-color: white;
  position: absolute;
  left: 64px;
  bottom: 40px;
  z-index: 10;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), inset 0 0 8px rgba(255, 255, 255, 0.5);
  padding: 24px;
}
footer .contact-info-wrapper .button-wrapper {
  text-align: center;
  margin-top: 40px;
}
.contact-info {
  color: black;
  display: grid;
  grid-template-columns: minmax(auto, 1fr) 1fr;
  /*grid-template-rows: 70px 120px 70px; */  /* of with email */
  grid-template-rows: 70px 120px;
  row-gap: 16px;
  column-gap: 10px;
}
#topcontrol {
    height: 60px;
    width: 60px;
    border-radius: 50%;
    position: fixed;
    bottom: 20px;
    left: 20px;
    opacity: 1;
    cursor: pointer;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px;
    overflow: hidden;
    background-color: rgba(141, 20, 192, 0.6);
    color: rgb(255, 255, 255);

}
footer img.logo {
    width: 100%;
}
.e503 .contact-wrapper .cell-header,
.contact-info .cell-header {
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  margin-bottom: 16px;
}
.e503 .contact-wrapper .cell-content,
.contact-info .cell-content {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  background-position: left top;
  background-repeat: no-repeat;
  padding-left: 34px;
  text-align: left;
}
.contact-info .contact-info--email {
  grid-column-start: 1;
  grid-column-end: 3;
}
.e503 .contact-wrapper .contact-info--email .cell-content,
.contact-info .contact-info--email .cell-content {
  background-image: url(/resourses/imgcommon/email_icon24x24_orange.svg);
}
.e503 .contact-wrapper .contact-info--phone1 .cell-content,
.contact-info .contact-info--phone1 .cell-content,
.contact-info .contact-info--phone2 .cell-content {
  background-image: url(/resourses/imgcommon/phone_icon_orange.svg);
}
.contact-info .contact-info--location  .cell-content {
  background-image: url(/resourses/imgcommon/location_icon_orange.svg);
}
.contact-info .contact-info--hours .cell-content {
  background-image: url(/resourses/imgcommon/clock_icon24x24_orange.svg);
}
.embed-responsive .embed-responsive-item,
.embed-responsive embed, .embed-responsive iframe,
.embed-responsive object, .embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
/* end of footer part **/
.error-stack {
    padding: 16px;
}

.container.electronics-recycling {
    padding-bottom: 64px;
}
.container.contact-page {
    padding-bottom: 80px;
}
.contact-descr .contact-info {
    /*margin: 40px auto 24px auto;*/
    margin: 40px 0 24px 0;
    width: fit-content;
}
.contact-form--title {
    font-size: 22px;
    font-weight: 700;
    line-height: 27px;
    color: black;
}
#shippingDetailsForm .contact-input,
#frmCustomerLogin .contact-input,
#customerSignup .contact-input,
.contact-form .contact-input {
    border: 1px solid #605E5E;
    border-radius: 10px;
    padding: 12px 16px;
}
.contact-form .contact-input {
    margin-top: 16px;
}
.contact-form textarea.contact-input {
    min-height: 6rem;
}
#myAccount .contact-input.is-invalid,
.contact-form .contact-input.is-invalid {
    border-color: #dc3545;
}
.contact-social {
    /* margin: 24px auto 32px auto; */
    margin: 24px 0 32px 0;
    width: fit-content;
}
.contact-form .btn-orange {
    margin-top: 24px;
}
.contact-social .social-links {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}
#inquirySubmissionSuccess,
#inquirySubmissionFailure {
    display: none;
}
/* orange checkmark */
.check-wrapper {
  display: block;
  position: relative;
  padding-left: 30px;
  padding-top: 4px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #424242;

  font-family: Inter;
  font-size: 14px;
  font-weight: 400;
  line-height: 16.94px;
}
.check-wrapper:has(input[disabled]) {
  color: #D9D9D9;

}

/* Hide the browser's default checkbox */
.check-wrapper input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  border: 1px solid #B1B1B1;
  border-radius: 4px;
}

/* On mouse-over, add a grey background color */
.check-wrapper:hover input ~ .checkmark {
  border: 1px solid var(--orange-100);
}

/* When the checkbox is checked, add a blue background */
.check-wrapper input:checked ~ .checkmark {
  background: var(--orange-100) url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIg ZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4K PHBhdGggZD0iTTE2LjY2NTQgNUw3LjQ5ODcgMTQuMTY2N0wzLjMzMjAzIDEwIiBz dHJva2U9IndoaXRlIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5l am9pbj0icm91bmQiLz4KPC9zdmc+Cg==') no-repeat center center;
}
.check-wrapper input[disabled] ~ .checkmark {
  border: 1px solid #D9D9D9;
}

/* for checkput login */
.checkout-login #frmCustomerLogin input.contact-input:not(:first-child) {
    margin-top: 24px;
}
.checkout-login p {
    font-size: 16px;
    line-height: 24px;
}
.checkout-login .btn-orange {
    margin-top: 24px;
}
.checkout-option {
    max-width: 420px;
    margin-bottom: 48px;
}
/* end of checkput login */
.shipping-details {
    background: #F4F4F4;
    padding: 0;
    display: grid;
    grid-template-columns: auto 25%;
}
.shipping-details .shipping-method-wrapper {
    padding: 40px 48px;
}
.shipping-details .shipping-card {
    background: white;
    padding: 24px;
    border-radius: 20px;
    border: 1px solid #D2D2D2;
}
.shipping-details .shipping-card + .shipping-card {
    margin-top: 48px;
}

.shipping-details .shipping-card.contact label {
    font-size: 16px;
    font-weight: 600;
    line-height: 19.36px;
    color: #333333;
}
.shipping-details .shipping-card.contact .form-group {
    margin-bottom: 24px;
}
.shipping-details .order-summary-wrapper {
    background-color: white;
    padding: 0 32px;
}
.shipping-details .order-summary-wrapper .order--summary {
    max-width: 384px;
}
.note-icon-caret:before {
    content: '';
}
/*  for new design 1 */
/* testing dymo printer info */
.printer-controls, .printer-info {
    font-size: 12px;
    text-align: left;
}
/* testing dymo printer info */
/* site announcements, admin part */
#siteAnnouncementsTable tr.active {
    background-color: greenyellow;
}
#siteAnnouncementsTable .column-message {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 80vw;
    max-height: 120px;
}
#siteAnnouncementsTable .action-buttons {
    min-width: 120px;
}
/* end of site announcements, admin part */
@media (min-width: 576px) {
    .container-fluid.banners .container {
        max-width: 576px;
    }
    #bannersCarousel .carousel-item--wrapper {
        padding: 0 32px;
    }
    #bannersCarousel .owl-item:nth-child(odd) .carousel-item--wrapper {
        padding-right: 48px;
    }
    #bannersCarousel .owl-item:nth-child(even) .carousel-item--wrapper {
        flex-direction: row-reverse;
        padding-left: 48px;
    }
}
@media (min-width: 660px) {
    .container-fluid.banners .container {
        max-width: 660px;
    }
    #bannersCarousel .carousel-item--wrapper {
        padding: 0 44px;
    }
    #bannersCarousel .owl-item:nth-child(odd) .carousel-item--wrapper {
        padding-right: 60px;
    }
    #bannersCarousel .owl-item:nth-child(even) .carousel-item--wrapper {
        flex-direction: row-reverse;
        padding-left: 60px;
    }
}
@media (min-width: 768px) {
    .container-fluid.banners .container {
        max-width: 768px;
    }
    #bannersCarousel .carousel-item--wrapper {
        padding: 0 32px;
    }
    #bannersCarousel .owl-item:nth-child(odd) .carousel-item--wrapper {
        padding-right: 48px;
    }
    #bannersCarousel .owl-item:nth-child(even) .carousel-item--wrapper {
        flex-direction: row-reverse;
        padding-left: 48px;
    }
}
@media (min-width: 840px) {
    .container-fluid.banners .container {
        max-width: 840px;
    }
    #bannersCarousel .carousel-item--wrapper {
        padding: 0 44px;
    }
    #bannersCarousel .owl-item:nth-child(odd) .carousel-item--wrapper {
        padding-right: 60px;
    }
    #bannersCarousel .owl-item:nth-child(even) .carousel-item--wrapper {
        flex-direction: row-reverse;
        padding-left: 60px;
    }
}
@media (max-width: 991px) {
    .offer-items ,
    .how-biz-items {
        grid-template-columns: 1fr 1fr;
    }
    #cartInfo {
        display: grid;
        gap: 16px;
        grid-template-columns: 1fr;
        grid-template-rows: min-content 1fr;
        grid-template-areas:
          "header"
          "summary"
          "items";
    }
    .cart--summary {
        grid-area: summary;
        padding-left: 0;
    }
}
@media (max-width: 767px) {
    .offer-items ,
    .how-biz-items {
        grid-template-columns: 1fr;
        row-gap: 16px;
    }
    .chip-promo h2 {
        margin: 20px 0 16px 0;
        font-size: 24px;
        line-height: 32px;
    }
    .biz-it-support-section h1 {
        font-size: 28px;
    }

    #cartInfo .cart-row {
        display: grid;
        gap: 8px;
        grid-template-columns: min-content 1fr;
        grid-template-rows: min-content min-content min-content auto auto auto;
        grid-template-areas:
          "name name"
          "image qty_price"
          "actions actions"
          "descriptions descriptions"
          "warranty warranty"
          "totals totals";
        padding: 20px;
        margin: 16px;
    }
    .cart-item--quantity-price {
        justify-content: end;
        align-items: center;
        flex-wrap: wrap;
    }
}
@media (min-width: 992px) {
    .container-fluid.banners .container {
        max-width: 992px;
    }
    #bannersCarousel .carousel-item--wrapper {
        padding: 0 16px;
    }
    #bannersCarousel .owl-item:nth-child(odd) .carousel-item--wrapper {
        padding-right: 32px;
    }
    #bannersCarousel .owl-item:nth-child(even) .carousel-item--wrapper {
        flex-direction: row-reverse;
        padding-left: 32px;
    }
}
@media (min-width: 1080px) {
    .container-fluid.banners .container {
        max-width: 1080px;
    }
    #bannersCarousel .carousel-item--wrapper {
        padding: 0 44px;
    }
    #bannersCarousel .owl-item:nth-child(odd) .carousel-item--wrapper {
        padding-right: 60px;
    }
    #bannersCarousel .owl-item:nth-child(even) .carousel-item--wrapper {
        flex-direction: row-reverse;
        padding-left: 60px;
    }
}
@media (min-width: 1200px) {
    .container-fluid.banners .container {
        max-width: 1200px;
    }
    #bannersCarousel .carousel-item--wrapper {
        padding: 0 16px;
    }
    #bannersCarousel .owl-item:nth-child(odd) .carousel-item--wrapper {
        padding-right: 32px;
    }
    #bannersCarousel .owl-item:nth-child(even) .carousel-item--wrapper {
        flex-direction: row-reverse;
        padding-left: 32px;
    }
}
@media (min-width: 1260px) {
    .container-fluid.banners .container {
        max-width: 1260px;
    }
    #bannersCarousel .carousel-item--wrapper {
        padding: 0 44px;
    }
    #bannersCarousel .owl-item:nth-child(odd) .carousel-item--wrapper {
        padding-right: 60px;
    }
    #bannersCarousel .owl-item:nth-child(even) .carousel-item--wrapper {
        flex-direction: row-reverse;
        padding-left: 60px;
    }
    /*
    #bannersCarousel .carousel-item--suit-dash .carousel-item--wrapper,
    #bannersCarousel .carousel-item--chat-bot .carousel-item--wrapper,
    #bannersCarousel .carousel-item--desktops .carousel-item--wrapper {
        padding-right: 60px;
    }
    #bannersCarousel .carousel-item--review .carousel-item--wrapper,
    #bannersCarousel .carousel-item--accessories .carousel-item--wrapper,
    #bannersCarousel .carousel-item--laptops .carousel-item--wrapper {
        padding-left: 60px;
    }
    */
}
@media (min-width: 1400px) {
    .container-fluid.banners .container {
        max-width: 1400px;
    }
    #bannersCarousel .carousel-item--wrapper {
        padding: 0 24px;
    }
    #bannersCarousel .owl-item:nth-child(odd) .carousel-item--wrapper {
        padding-right: 48px;
    }
    #bannersCarousel .owl-item:nth-child(even) .carousel-item--wrapper {
        flex-direction: row-reverse;
        padding-left: 48px;
    }
    /*
    #bannersCarousel .carousel-item--suit-dash .carousel-item--wrapper,
    #bannersCarousel .carousel-item--chat-bot .carousel-item--wrapper,
    #bannersCarousel .carousel-item--desktops .carousel-item--wrapper {
        padding-right: 40px;
    }
    #bannersCarousel .carousel-item--review .carousel-item--wrapper,
    #bannersCarousel .carousel-item--accessories .carousel-item--wrapper,
    #bannersCarousel .carousel-item--laptops .carousel-item--wrapper {
        padding-left: 40px;
    }
    */
}
@media (min-width: 1440px) {
    .container-fluid.banners .container {
        max-width: 1440px;
    }
    #bannersCarousel .carousel-item--wrapper {
        padding: 0 44px;
    }
    #bannersCarousel .owl-item:nth-child(odd) .carousel-item--wrapper {
        padding-right: 60px;
    }
    #bannersCarousel .owl-item:nth-child(even) .carousel-item--wrapper {
        flex-direction: row-reverse;
        padding-left: 60px;
    }
}
@media (max-width: 767px) {
  #divCartAdmin {
    grid-template-columns: 4fr;
    grid-template-areas:
      "content"
      "sidebar";
  }
  .categories {
    margin-top: 64px;
  }
  .categories .for-gap {
    margin-top: 48px;
    gap: 24px;
  }
  .categories .cat-grey-bg {
    background-color: #f6f6f6;
    width: 100%;
    height: 120px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 30px;
  }
  .categories .cat-grey-bg .cat-text--mobile {
    display: block;
    font-family: "Inter", sans-serif;
    font-weight: 700;
    font-size: 15px;
    margin: 0;
  }
  .categories .cat-grey-bg .cat-img {
    width: 121px;
    height: 110px;
    object-fit: contain;
  }
  .categories .cat-grey-bg .cat-img--icon {
    width: 90px;
    height: 90px;
  }
  .categories .cat-text--desktop {
    display: none;
  }
  .why-we-section {
    padding: 48px 0;
  }
  .why-we-section h2 {
    font-size: 16px;
    font-weight: 700;
    line-height: 19px;
  }
  .why-we-section .why-row {
    margin-top: 28px;
    gap: 24px;
  }
  .why-we-section .why-part {
    display: flex;
    gap: 16px;
  }
  .why-we-section .why-part .icon {
    width: 36px;
    height: 36px;
  }
  .why-we-section .why-part .why-text {
    margin-top: 0;
    font-family: "Inter", sans-serif;
    font-weight: 700;
    font-size: 15px;
  }
  .why-we-section .why-part .why-text .why-descr {
    margin-top: 8px;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 13px;
  }
  /** for home page sections */
  .preferences-section .pref-column .pref-discount {
      font-size: 36px;
      line-height: 48px;
  }
  .preferences-section .pref-column .pref-heading {
      font-size: 28px;
      line-height: 32px;
      color: var(--blue-darker);
  }
  .preferences-section .pref-column .pref-description {
      font-size: 16px;
      font-weight: 400;
      line-height: 24px;
      letter-spacing: 0em;
      color: black;
      margin: 14px 0 0 0;
  }
}
@media screen and (max-width: 562px) {
  .service-descr {
    margin-top: 12px !important;
  }
  .service-descr p {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 13px;
    width: 90%;
  }
  .service-descr .btn-orange-stroke {
    color: var(--orange-100) !important;
    background-color: #fff !important;
    border: 1px var(--orange-100) solid !important;
    font-family: "Inter", sans-serif !important;
    font-weight: 600 !important;
    font-size: 18px !important;
    font-family: "Inter", sans-serif !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    width: 100%;
    margin-top: 16px;
  }
  .price-list {
    margin-top: 48px;
    border: 0.5px grey solid;
    border-radius: 20px;
    box-shadow: 0px 4px 28px 2px rgba(0, 0, 0, 0.07);
    width: 100%;
    padding: 24px 16px;
  }
  .price-list h4 {
    padding: 0;
    padding-bottom: 12px;
    border-bottom: #D9D9D9 solid 0.5px;
  }
  .price-list .service-p {
    display: flex;
    justify-content: space-between;
    gap: 8px;
  }
  .price-list .service-p .border-list {
    width: 30%;
  }
  .price-list .service-p .service, .price-list .service-p .price {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 13px;
    align-self: flex-end;
  }
  .price-list .service-p .service p, .price-list .service-p .price p {
    margin: 0;
  }
  #quoteSection #pills-tab.nav-pills {
    margin-top: 24px;
    gap: 16px;
    flex-wrap: nowrap !important;
    flex-shrink: 0;
    margin-left: 12px;
  }
  #myAccount #pills-tab.nav-pills .nav-link,
  #quoteSection #pills-tab.nav-pills .nav-link {
    border: #333333 solid 1px;
    border-radius: 6px;
    padding: 8px 14px;
    font-weight: 600;
    font-size: 13px;
  }
  #quoteSection #pills-tab.nav-pills .active {
    background-color: #333333;
    color: #fff;
    font-weight: 700;
  }
  .tab-pane {
    margin-top: 12px;
  }
  .tab-pane .offers {
    gap: 12px;
  }
  .brands h2 {
    font-size: 20px;
  }
  .book-session-wrapper {
    gap: 16px;
    padding: 16px 24px;
    margin-bottom: 32px;
  }
  .div_list_view {
      grid-template-columns: 1fr 1fr;
      grid-template-areas:
        "picture price"
        "description description";
  }
}
@media screen and (min-width: 450px)  and (max-width: 790px) {
    #edit_item .form-row {
        flex-direction: column;
    }
    #edit_item .form-row>[class*=col-] {
        width: 100%;
        max-width: 100%;
    }
    .calendar-header input[type=submit] {
        position: relative;
        margin: 10px;
    }

}
@media screen and (max-width: 450px) {
    #div_label a img{
      width: 167px;
      height: 64px;
    }
    div.ups-contantus img {
        width: 54px;
        height: 64px;
    }
    #div_label {
        height: 65px;
    }
    .div_credit_mid{
        margin: 15px;
    }
    .admin #div_head_sub {
        flex-direction: column;
    }
    .admin div.head_sub_right {
        justify-content: flex-start;
        flex-direction: column;
    }
    div.head_sub_right .workspace-switch {
        margin-right: 0;
        padding: 0;
    }
    div.head_sub_right .workspace-switch span {
        display: inline-block;
        margin-left: 20px;
    }
    div.head_sub_right .workspace-switch ul {
        flex-direction: row;
        justify-content: space-around;
    }
    .calendar-header input[type=submit] {
        position: relative;
        margin: 10px;
    }
    .book-session-action .btn-orange {
        padding: 9px 16px;
    }
}
@media  screen and (max-width: 576px) {
  .header-middle--search-container {
    display: none;
  }
  #div_menu .nav-mobile--search-container {
      display: block;
      width: 100%;
      z-index: 5;
      font-size: .875em;
      padding: 1rem;
      /*border: 2px solid #efefef;*/
  }
  /** for home page sections */

}
@media  screen and (max-width: 590px) {
  .wrapper:not(.sidenav-closed) #div_right_panel.outer-content,
  .wrapper:not(.sidenav-closed) .outer-content{
    margin-left: -120px;
  }
}
@media  screen and (max-width: 606px) {
  #div_menu_m .navbar-toggler {
    display: block;
  }
  .menu-button-container {
    display: flex;
  }
  #div_menu {
    flex-direction: column;
    transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
  }
  #menu-toggle ~ #div_menu {
    display: none;
    height: 0;
  }
  #menu-toggle:checked ~ #div_menu {
    display: flex;
    height: auto;
  }
  #div_menu a.nav-link {
    width: 100%;
    border-bottom: 1px solid rgba(255,255,255,.55);
  }
  #div_menu a.nav-link:last-child {
    border-bottom: none;
  }
}
@media  screen and (max-width: 769px) {
    .site-header-cart {
        position: absolute;
        right: 10px;
        top: 10px;
        padding: 10px;
        margin-bottom: 0;
    }
}
@media  screen and (max-width: 930px) {
    #div_head_sub {
        flex-direction: column;
    }
}
@media screen and (max-width: 900px) {
    #div_item {
        flex-direction: column;
    }
    .div_text_list {
        order: 1;
    }
}
@media screen and (max-width: 768px) {
    .customer #div_head_sub {
        flex-direction: column;
    }
    .customer div.head_sub_right {
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    .cart_buttons {
        flex-direction: column-reverse;
    }
}
@media screen and (max-width: 575px) {
    .salary-data .user-data .col-sm.uprops:nth-child(odd) {
        box-shadow: none;
    }
}

@media (min-width: 590px)  and (max-width: 1024px),
       (max-width: 569px) {

   #configRows {
        display: inline-block;
        width: 100%;
   }
   #configRows td.option-row--value {
        word-break: break-word;
        white-space: pre-line;
        overflow-wrap: break-word;
        -ms-word-break: break-word;
        word-break: break-word;
        -ms-hyphens: auto;
        -moz-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;
   }
}
@media (min-width: 590px)  and (max-width: 870px),
       (max-width: 569px) {
   table#optionsTbl {
        display: block;
   }
   table#optionsTbl  thead {
        display: block;
        width: 100%;
   }
   table#optionsTbl  thead tr {
        display: flex;
   }
   table#optionsTbl  thead tr th:not(:last-child) {
        flex-grow: 1;
   }
   table#optionsTbl  thead tr th:last-child {
        display: none;
   }
   #configRows,
   #optionRows {
        display: block;
        width: 100%;
   }

   #configRows tr,
   #configRows td {
     display: block;
     width: 100%;
   }

   #optionRows tr {
        display: grid;
        grid-template-columns: 50% 50%;
        grid-template-rows: min-content;
        grid-template-areas: "v l"
                             "a a";
        justify-items: stretch;
   }
   #configRows tr td.option-row--value,
   #optionRows tr td.option-row--value {
        grid-area: v;
   }
   #configRows tr td.option-row--actions {
        grid-area: a;
   }
   #configRows tr td.option-row--key {
        grid-area: k;
   }
   #optionRows tr td.option-row--label {
        grid-area: l;
   }
   table#optionsTbl tr td:last-child,
   table#optionsTbl tr th:last-child {
       grid-area: a;
       width: 100%;
   }
}
@media screen and (max-width: 589px) {
  #div_items {
    padding: 0 8px 140px 8px;
  }
  .content.items div.main {
    display: block;
    position: relative;
  }
  .content.items div.main .div_left_panel {
    position: absolute;
    z-index: 1;
    width: 100%;
    max-width: 260px;
    border-right: 0;
    transform: translate(-150%);
    transition: transform 0.5s ease-in-out;
    background: white;
    padding-top: 10px;
    box-shadow: 5px 0px 10px 0px #aaa;
  }
  .content.items div.main input#toggle[type="checkbox"]:checked ~ .div_left_panel {
    transform: translateX(0);
  }
  .content.items div.main input#toggle[type="checkbox"]:checked ~ .hamburger-lines .line1 {
    transform: rotate(45deg);
  }
  .content.items div.main input#toggle[type="checkbox"]:checked ~ .hamburger-lines .line2 {
    transform: scaleY(0);
  }
 .content.items div.main input#toggle[type="checkbox"]:checked ~ .hamburger-lines .line3 {
    transform: rotate(-45deg);
  }
  .content.items #div_item {
    flex-direction: column;
  }
  .div_left_panel .admin_tools {
    padding-top: 34px;
  }
  .content.items div.main .div_left_panel.hr-tasks {
    padding-top: 30px;
  }
}
@media (min-width: 768px) {
  .div_table .row .col-sm:not(:last-child) ,
  .div_table .row .col-sm-6:not(:last-child) ,
  .div_table .row .col-sm-3:not(:last-child)  {
      border-right: 1px solid #BDBDBD;
  }

  .categories .cat-grey-bg .cat-text--mobile {
    display: none;
  }
  .categories .cat-text--desktop {
    display: block;
  }
}

@media screen and (min-width: 768px)  and (max-width: 1087px) {
    .why-we-section .why-part {
        display: block;
    }
    .why-we-section .why-icon {
        float: left;
        margin-right: 8px;
    }
    .why-we-section .why-part .why-text {
        margin-top: 0;
    }
}
@media screen and (min-width: 590px) {
  .content.items div.main .hamburger-lines {
    display: none;
  }
}
@media screen and (min-width: 770px) {
    div.head_sub_right {
        /*margin-right: 63px; */
        margin-right: 10px;
    }
}
@media screen and (max-width: 640px) {
  table.table-collapsible-sm,
  table.table-collapsible-sm thead,
  table.table-collapsible-sm tbody,
  table.table-collapsible-sm th,
  table.table-collapsible-sm td,
  table.table-collapsible-sm tr  {
    display: block;
  }
  table.table-collapsible-sm  {
    empty-cells: hide;
  }
  /* Hide table headers (but not display: none;, for accessibility) */
  table.table-collapsible-sm thead tr {
      position: absolute;
      top: -9999px;
      left: -9999px;
  }
  #bannerPicturesTable thead tr {
       position: relative;
       top: 0;
       left: 0;
  }
  #receiptTotals {
    display: flex;
    flex-wrap: wrap;
  }
  table.table-collapsible-sm tr {
    border: 1px solid #ccc;
  }
  #div_right_panel table.table-collapsible-sm td {
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 40%;
        word-wrap: break-word;
        text-align: right;
  }
  table.table-collapsible-sm td:before {
        content: attr(data-label);
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 39%;
		padding-right: 10px;
		white-space: nowrap;
        font-weight: bold;
        word-wrap: break-word;
        text-align: left;
        overflow: hidden;
  }
  table.table-collapsible-sm td:empty:before {
        display: none;
  }
  #repairNotesTable tbody td:nth-child(2) {
      text-align: center;
      width: 100%;
  }
  #siteAnnouncementsTable tbody td {
    padding-left: 0.5rem;
  }
  #siteAnnouncementsTable .column-message {
    width: 1005;
    max-width: 100%;
  }
}
/* media variations for new design for front */

@media (max-width: 615px) {
  #footerMenu .footer-menu-wrapper {
    display: block;
    border-bottom: none;
  }
  #footerMenu .brand-subscribe-column {
    width: 100%;
    max-width: 100%;
    text-align: center;
  }
  #footerMenu .mail-subscribe-container input.mail-subscribe {
      flex-grow: 0;
      width: calc(100% - 100px);
  }
}
@media (min-width: 576px) {
  .container {
    /*max-width: 96%;*/
  }
}
@media (min-width: 601px) {
  #top-brand .logo {
    width: 260px; /*263px;*/
    height: 37px;
  }
}

@media (max-width: 890px) {
  .error-container {
      background-image: url(/resourses/imgcommon/404_left.png),
                        url(/resourses/imgcommon/404_right.png);
      background-position: left  center, right  center;
      background-repeat: no-repeat;
      /* background-size: contain; */
      background-size: 212px 189px;
  }
}
@media (max-width: 600px) {
    #top-promo {
      text-align: center;
      font-size: 12px;
      line-height: 15px;
    }
    #top-brand .logo {
      width: 170px;
      height: 24px;
      margin-bottom: 10px;
    }
    #top-brand .btn-orange {
      font-size: 13px;
      font-weight: 700;
      line-height: 20px;
      letter-spacing: 0em;
    }
    .brand-subscribe-column .logo {
      width: 200px;
      height: 28px;
    }
    .error-container img.e404 {
      max-width: 213px;
      max-height: 169px;
      top: 70px;
    }
    .error-container {
        background-image: url(/resourses/imgcommon/404_left.png),
                          url(/resourses/imgcommon/404_right.png);
        background-position: left -80px  top, right -80px top;
        background-repeat: no-repeat;
        /* background-size: contain; */
        background-size: 212px 189px;
    }
    .why-we-section .why-part .why-text h4 {
        font-size: 18px;
        line-height: 24px;
    }
}
@media (max-width: 1005px) {
  .top--contact {
    display: none;
  }
  .menu2-items {
    display: none;
  }
  .menuBtn-container {
    display: flex;
  }
  #menuToggle ~ #hamburger_menu {
    display: none;
  }
  #menuToggle:checked ~ #hamburger_menu {
    display: block;
    background-color: white;
    position: absolute;
    top: 75px;
    z-index: 20;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), inset 0 0 8px rgba(255, 255, 255, 0.5);
  }
  #hamburger_menu {
    padding: 20px;
  }
  div#hamburger_menu .nav-link {
        color: var(--grey-100);
        font-size: 14px;
        font-weight: 700;
        line-height: 17px;
        letter-spacing: 0em;
        text-align: left;
        padding: 6px 0;
  }
  #hamburger_menu .nav-link.dropdown-toggle::after {
        content:  url(/resourses/imgcommon/chevron_down_icon20x20_black.svg);
        border: 0 solid;
        margin-left: 8px;
        vertical-align: middle;
  }
  #hamburger_menu .hamburger-menu--small {
    display: block;
    padding: 20px 0;
    border-top: 1px solid var(--orange-100);
    margin-top: 15px;
  }
  #hamburger_menu .hamburger-menu--small a.hm-small-item {
    display: block;
    color: var(--grey-100);
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    background-repeat: no-repeat;
    background-position: left center;
    padding: 8px 8px 8px 28px;
  }
  #hamburger_menu .hamburger-menu--small a.hm-small-item.item-location {
    background-image: url(/resourses/imgcommon/location_icon20x20_orange.svg);
  }
  #hamburger_menu .hamburger-menu--small a.hm-small-item.item-phone {
    background-image: url(/resourses/imgcommon/phone_icon20x20_orange.svg);
  }
  #hamburger_menu .hamburger-menu--small a.hm-small-item.item-order-status {
    background-image: url(/resourses/imgcommon/order_status_icon20x20_orange.svg);
  }
  #hamburger_menu .hamburger-menu--small a.hm-small-item.item-account {
    background-image: url(/resourses/imgcommon/account_icon20x20_orange.svg);
  }

  #header-menu-bar .menu2-items {
    display: none;
  }
  #header-menu-bar .nav-mobile-cart {
    display: block;
    left: -6px;
    position: relative;
  }
  footer .contacts-header {
    font-size: 16px;
    font-weight: 700;
    line-height: 19px;
    margin: 32px 0 20px 0;
    text-align: center;
  }
  footer .contact-info-wrapper {
    position: relative;
    left: 0;
    top: 0;
    box-shadow: none;
    z-index: 0;
    padding: 16px 8px;
    width: max-content;
    margin: auto;
  }
  .contact-info .cell-header {
    font-size: 13px;
    line-height: 16px;
  }
  .contact-info .cell-content {
    font-size: 13px;
    line-height: 20px;
  }
  footer .contact-info-wrapper .button-wrapper {
    margin: 16px 0;
  }
  .contact-info .cell-content {
    padding-left: 28px;
  }
  .error-container.e404 {
    height: auto;
    padding: 80px 0;
  }
  .error-container.e404 .error-content {
    flex-basis: 270px;
  }
  .error-content .status-big {
    color: #D9D9D9;
    font-size: 80px;
    line-height: 80px;
  }
  ul.devices-list li {
      font-size: 16px;
  }
}
@media (max-width: 1100px) {
  #businessBanner .banner-promo h2 ,
  #bannersCarousel .banner-promo h2 {
      font-family: Inter;
      font-size: 24px;
      font-weight: 700;
      line-height: 30px;
  }
  #businessBanner  .banner-promo p ,
  #bannersCarousel  .banner-promo p {
      font-size: 18px;
      font-weight: 500;
      line-height: 24px;
      margin-bottom: 8px;
  }
  #bannersCarousel .carousel-item--review .banner-heading {
        font-size: 24px;
  }
  .preferences-section .pref-column .pref-discount {
      font-size: 32px;
      line-height: 58px;
  }
  .preferences-section .pref-column .pref-heading {
      font-size: 28px;
      line-height: 32px;
  }
}

@media (min-width: 1006px) {
  div#header-menu-bar .container {
    padding: 0;
  }
  .menuBtn-container {
    display: none;
  }
  #hamburger_menu {
    display: inline-flex;
  }
  #hamburger_menu  .header--menu .nav-link.dropdown-toggle {
        color: white;
        font-family: Inter;
        font-size: 20px;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: 0em;
        text-align: left;
  }
  #hamburger_menu .header--menu .nav-link.dropdown-toggle::after {
        content:  url(/resourses/imgcommon/chevron_down_icon_white.svg);
        border: 0 solid;
        margin-left: 8px;
        vertical-align: middle;
  }
  #hamburger_menu .hamburger-menu--small {
    display: none;
  }
  #header-menu-bar .nav-mobile-cart {
    display: none;
  }
}
/* degradation of footer menu breakpoint */
@media (max-width: 1199px) {
  #footerMenu .footer-menu-wrapper .link-columns {
    display: block;
  }
  #footerMenu .footer-column-header.lbl-toggle {
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 14px;
  }
  #footerMenu .footer-column-header.lbl-toggle::after {
    content:  url(/resourses/imgcommon/chevron_down_icon20x20_white.svg);
    border: 0 solid;
    margin-left: 8px;
    vertical-align: middle;
    position: absolute;
    right: 0;
  }
  #footerMenu .column {
    border-bottom: 1px solid #FFFFFF66;
  }
  #footerMenu .column .panel-collapsible {
    max-height: 0px;
    overflow: hidden;

    transition: max-height .25s ease-in-out;
  }
  #footerMenu .column .toggle:checked + .lbl-toggle + .panel-collapsible {
    max-height: 100vh;
  }
  #footerMenu .column .toggle:checked + .lbl-toggle::after {
    transform: rotate(180deg) translateX(-3px);
  }
  .error-container img.e404 {
    max-width: 463px;
    max-height: 375px;
    position: absolute;
  }
  .error-container img.image-left {
      left: -94px;
  }
  .error-container img.image-right {
      right: -94px;
  }
  .book-session-desc {
      max-width: 480px;
  }
}
@media (max-width: 752px) {
  .error-container img.e404 {
      max-width: 212px;
      max-height: 189px;
      top: 40px;
  }
  .error-container img.image-left {
      left: 0;
  }
  .error-container img.image-right {
      right: 0;
  }
}
@media (min-width: 1200px) {
  #footerMenu .footer-menu-wrapper .link-columns {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
  }
}

@media screen and (max-width: 766px) {
  #catalogArea.products-list .content-header .catalog--sorting {
    display: none;
  }
  #catalogArea.products-list .content-header .catalog-header--sidenav-toggle {
    display: block;
  }
  #catalogArea.products-list aside.sidenav {
    position: absolute;
    display: none;
  }
  #sideNavToggle:checked + aside.sidenav {
    display: block;
    top: 100px;
    left: 10px;
    width: calc(100% - 20px);
    margin: auto;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), inset 0 0 8px rgba(255, 255, 255, 0.5);
  }
  #catalogArea.products-list aside.sidenav .close-button-wrapper {
    display: flex;
    justify-content: flex-end;
    padding: 20px 0 14px 0;
    border-bottom: 0.5px solid #D9D9D9;
    margin-bottom: 1em;
  }
  #catalogArea.products-list aside.sidenav .btn-close {
    opacity: 1;
    background: transparent url(/resourses/imgcommon/close_btn_orange20x20_icon.svg) center/1em auto no-repeat;
  }
}
@media screen and (min-width: 767px) {
  #catalogArea.products-list aside.sidenav {
    position: relative;
    display: block;
  }
  #catalogArea.products-list .content-header .catalog--sorting {
    display: block;
  }
  #catalogArea.products-list .catalog--sorting #productsSortingBtn {
    border-radius: 6px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #605E5E;
  }
  #catalogArea.products-list .catalog--sorting #productsSortingBtn:active,
  #catalogArea.products-list .catalog--sorting #productsSortingBtn:focus,
  #catalogArea.products-list .catalog--sorting #productsSortingBtn:hover {
    color: white;
    background: #605E5E;
  }

  #catalogArea.products-list .catalog--sorting #productsSortingBtn:after {
    content:  url(/resourses/imgcommon/sorting_dropdown.svg);
    border: 0 solid;
    margin-left: 8px;
    vertical-align: middle;
  }
  #catalogArea.products-list .catalog--sorting #productsSortingBtn:active:after,
  #catalogArea.products-list .catalog--sorting #productsSortingBtn:focus:after,
  #catalogArea.products-list .catalog--sorting #productsSortingBtn:hover:after {
    content: url(/resourses/imgcommon/chevron_down_icon_white.svg);
    vertical-align: middle;
  }
  #catalogArea.products-list .content-header .catalog-header--sidenav-toggle {
    display: none;
  }
  #catalogArea.products-list aside.sidenav .close-button-wrapper {
    display: none;
  }
}
@media screen and (min-width: 787px) {
  #carouselHomeDesk {
    display: block;
  }
  #carouselHomeMobile {
    display: none;
  }
  #mobileServicesContainer,
  #carouselHomeMobileIndicators {
    display: none;
  }

  .services-section .service-bars .service-bar {
      width: 32%;
      background-color: white;
      box-shadow: 0px 2px 15px 1px rgba(0, 0, 0, 0.05);
      border-radius: 20px;
      /* padding: 28px 42px; */
      padding: 18px 22px;
  }
}
@media screen and (max-width: 1128px) {
    #carouselHomeDesk .carousel-item h2 {
        font-size: 32px;
        font-weight: 700;
        line-height: 44px;
    }
    #carouselHomeDesk .carousel-item .banner-promo p {
        font-size: 24px;
        font-weight: 500;
        line-height: 32px;
    }
    #carouselHomeDesk .carousel-item--suit-dash  img.banner {
        right: -120px;
    }

    #carouselHomeDesk .carousel-item--review img.banner {
        right: -120px;
    }
    #carouselHomeDesk .carousel-item--chat-bot img.banner {
    }
    #carouselHomeDesk .carousel-item--laptops img.banner {
        right: -120px;
    }
    #carouselHomeDesk .carousel-item--desktops img.banner {
    }
    #carouselHomeDesk .carousel-item--accessories img.banner {
        right: -120px;
    }
}
@media screen and (max-width: 786px) {
  #carouselHomeDesk {
    display: none;
  }
  #carouselHomeMobile {
    display: block;
  }
  #mobileServicesContainer,
  #carouselHomeMobileIndicators {
    display: block;
    height: fit-content;
  }
  .all-services-section .title--additional-services,
  .all-services-section .row1,
  .all-services-section .row2 {
    display: none;
  }
  .btn-link {
    color: var(--orange-100);
    font-family: "Inter", sans-serif;
    font-weight: 600;
    font-size: 14px;
    text-decoration: none;
    padding: 0;
  }
  #mobileServicesContainer .service-bar:hover .btn-link {
      color: #fff;
  }
  .services-section {
    padding: 48px 16px;
  }
  .services-section .service-bars {
    /* gap: 24px; */
  }
  .services-section .service-bar {
    width: 100%;
    padding: 14px 20px;
    margin-bottom: 16px;
  }
  .services-section .service-bar .service-icon {
  /*
    width: 40px;
    height: 40px;
   */
    width: 28px;
    height: 28px;
  }
  .services-section .service-bar .service-heading {
    font-family: "Inter", sans-serif;
    font-weight: 700;
    font-size: 14px;
    /* margin-top: 8px; */
  }
  .services-section .service-bar .service-descr {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 13px;
    margin-top: 4px;
    margin-bottom: 0;
  }
  .services-section .service-bar .btn-link {
    margin-top: 8px;
  }
  .all-services-section {
    margin-top: 42px;
  }
  .all-services-section  h2 {
    font-size: 16px;
    font-weight: 700;
    line-height: 19px;
    padding: 0 1em;
  }
  .all-services-section .services-carousel {
    padding: 0 0 24px 0;
  }
  .all-services-section .services-carousel .service-bars {
    gap: 24px;
  }
  .all-services-section .services-carousel .service-bar {
    /*width: 100%;*/
    margin: 10px;
  }
  .all-services-section .services-carousel .service-bar .service-icon {
    width: 40px;
    height: 40px;
  }
  .all-services-section .services-carousel .service-bar .service-heading {
    font-family: "Inter", sans-serif;
    font-weight: 700;
    font-size: 14px;
    margin-top: 8px;
  }
  .all-services-section .services-carousel .service-bar .service-descr {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 13px;
    margin-top: 4px;
    margin-bottom: 0;
  }
  .all-services-section .services-carousel .service-bar .btn-link {
    margin-top: 8px;
  }
  .all-services-section #carouselHomeMobileIndicators.services-carousel .service-bar .btn-link:after {
    position: absolute; /* Prevent underline of arrow */
    padding-left:2px; /* Add a little space between text and arrow */
    content: "\00bb"; /* Unicode hex for &raquo; */
  }
  .all-services-section .services-carousel .carousel-indicators {
    /*top: 0px;*/
    height: 16px;
  }
  #carouselHomeMobileIndicators.services-carousel .carousel-item {
    padding: 0 2em;
  }
  #carouselHomeMobileIndicators.services-carousel .carousel-indicators .active {
    background-color: var(--orange-80);
  }
  .all-services-section .services-carousel .carousel-indicators .service-slider {
    height: 5px;
    /* background-color: #f4f4f4; */
    background-color: #e5dfdf;
    border-radius: 6px;
  }
  .all-services-section .services-carousel .carousel-control-prev, .all-services-section .services-carousel .carousel-control-next {
    /*display: none;*/
    width: fit-content;
  }
  .all-services-section .services-carousel .carousel-control-next-icon {
    background-image: url(/resourses/imgcommon/chevron_right_icon_orange.svg);
  }
  .all-services-section .services-carousel .carousel-control-prev-icon {
    background-image: url(/resourses/imgcommon/chevron_left_icon_orange.svg);
  }

  .info-icon-text {
    margin-top: 40px;
    display: flex;
    align-items: flex-start;
    font-family: "Inter", sans-serif;
    font-weight: 700;
    font-size: 15px;
  }
  .info-icon-text .icon-text {
    /* flex-direction: column; */
  }
  .info-icon-text .icon-text .info-text {
    text-align: left;
  }
  .info-icon-text .icon-text .info-icon .icon {
    width: 36px;
    height: 36px;
  }
  .brands {
    margin-top: 64px;
  }
  .brands .brands-icons {
    margin-top: 36px !important;
  }
  .brands .brand-icon-label {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
  }
  .brands .brand-icon-label .brand-img {
    width: 6.35rem;
    height: 3.25rem;
  }
  .brands .brand-icon-label .label {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 13px;
    text-transform: uppercase;
  }
  .devices-section h2 {
    font-size: 24px;
  }
  ul.devices-list li {
    flex-basis: 50%;
  }
}
@media (max-width: 400px) {
  #header-menu-bar .container {
    padding-left: 8px;
    padding-right: 8px;
  }
  form.header-menu--search-form {
      margin: 0 4px;
      border-radius: 10px;
      padding: 8px 8px;
      max-width: calc(100% - 80px);
  }
  form.header-menu--search-form  input {
      flex-grow: 0;
      max-width: calc(100% - 20px);
  }
  #footerMenu .subscription-header {
    font-size: 13px;
    line-height: 16px;
    margin-top: 18px;
  }
  #footerMenu .brand-subscribe-column p {
    font-size: 12px;
    line-height: 19px;
  }
  .contact-info {
    column-gap: 6px;
    row-gap: 10px;
  }
  .contact-info .cell-header {
    margin-bottom: 8px;
  }
  #footerMenu .brand-subscribe-column .social-links img {
    width: 30px;
    height: 30px;
  }
  .error-container img.e404 {
      max-width: 212px;
      max-height: 189px;
      top: 40px;
  }
  .error-container img.image-left {
      left: -80px;
  }
  .error-container img.image-right {
      right: -80px;
  }
  .error-content .status-big {
      color: #D9D9D9;
      font-size: 60px;
      line-height: 80px;
      margin-top: 20px;
  }
  .contact-info .cell-header {
      margin-bottom: 8px;
  }
  ul.devices-list li {
    flex-basis: 100%;
  }
  ul.breadcrumb {
    margin: 24px 0;
  }
  ul.breadcrumb li {
      font-size: 12px;
      line-height: 18px;
  }
  .service_title {
      font-size: 24px;
      font-weight: 700;
      line-height: 30px;
      margin-top: 24px;
      margin-bottom: 28px;
  }
  #bannersCarousel .banner-promo h2 {
      font-family: Inter;
      font-size: 22px;
      font-weight: 700;
      line-height: 28px;
  }
  #bannersCarousel  .banner-promo p {
      font-size: 18px;
      font-weight: 500;
      line-height: 22px;
      margin-bottom: 8px;
  }
  #dashboardSection {
    padding: 0;
  }
  #dashboardSection .dashboard_content {
    padding-left: 0;
  }
  .dash_pro_area, .dashboard_add {
    padding: 8px;
  }
  #dashboardSection .dash_add_single ul {
    padding: 8px;
  }
}
@media (max-width: 360px) {
  footer .contacts-header {
      margin-bottom: 10px;
  }
  .contact-info {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .remote-support-session {
      padding: 16px 8px;
  }
}
@media (max-width: 767px) {
    .container.contact-page .row.form--above {
        flex-direction: column-reverse;
    }
    #businessBanner .carousel-item--wrapper ,
    #bannersCarousel .carousel-item--wrapper {
        flex-direction: column-reverse;
    }
    #bannersCarousel .owl-item:nth-child(even) .carousel-item--wrapper {
        flex-direction: column-reverse;
        padding: 0 32px;
    }
    #businessBanner .banner-promo ,
    #bannersCarousel .banner-promo {
        width: 100%;
        padding: 16px 16px 40px 16px;
    }
    #businessBanner  .banner-container ,
    #bannersCarousel  .banner-container {
        width: 100%;
        overflow: hidden;
    }
    #bannersCarousel  .banner-container img {
        height: auto;
        width: 100%;
        position: relative;
        left: 0;
        top: 0;
        transform: none;
    }

    #productInfo {
        display: grid;
        gap: 16px;
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        grid-template-areas:
          "header"
          "images"
          "cart"
          "ways_to_get"
          "additions"
          "description"
          "specifications";
    }
    .product-info--additions {
        padding: 36px 20px;
    }
    #productInfo .accordion-item .accordion-button {
        font-size: 26px;
    }
}
@media (max-width: 478px) {
    #mobileServicesContainer .service-bar {
      margin: 8px 16px;
      max-width: 100%;
      width: 100%;
    }
}
@media screen and (max-width: 310px) {
    .pagination a {
      padding: 6px 10px;
    }
    .nav-mobile--search-container input[type=text] {
        flex-grow: 0;
        max-width: calc(100% - 73px);
    }
    #carouselHomeMobile .carousel-item .banner-promo p {
       font-size: 18px;
       font-weight: 500;
       line-height: 29px;
       letter-spacing: 0.01em;
    }
    .brands {
       margin-top: 48px;
    }
    .brands h2 {
       font-size: 16px;
       font-weight: 700;
       line-height: 19px;
    }
    .product-info--additions {
        padding: 14px 10px;
        border: none;
    }
    .product-info--additions .warranty-options {
        padding: 12px 0 0 24px;
    }
   #productInfo .accordion-item .accordion-button {
        font-size: 24px;
    }
    .orange-stroked-btn,
    .btn-orange {
        padding: 8px 12px;
    }
}
@media screen and (max-width: 419px) {
    .frmCheckout {
        width: 100%;
    }
    tr.cart-item--row {
        display: grid;
        grid-template-columns: 105px 20% 40%;
        grid-template-rows: min-content;
        grid-template-areas: "b b b"
                             "a c d";
        justify-items: stretch;
        border-bottom: 1px solid #ececf3;
    }
    tr.cart-item--special {
        grid-template-areas: "b b d"
                             "a a c";
    }
    tr.cart-item--row td {
        padding: 0.25rem;
        border: none;
    }
    tr.cart-item--row td.cart-item--img {
        grid-area: a;
    }
    tr.cart-item--row td.cart-item--description {
        grid-area: b;
        display: flex;
        justify-content: center;
        font-size: 18px;
    }
    tr.cart-item--row td.cart-item--qty {
        grid-area: c;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    tr.cart-item--row td.cart-item--price {
        grid-area: d;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #cartInfo .cart-row {
        display: grid;
        gap: 8px;
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        grid-template-areas:
          "name"
          "qty_price"
          "image"
          "actions"
          "descriptions"
          "warranty"
          "totals";
        padding: 16px;
        margin: 10px;
    }
    .item--specifications a {
        display: block;
    }
    #cartInfo .unit-price, .cart--items .cart-item--name {
        font-size: 18px;
        font-weight: 700;
        line-height: 22px;
    }
    .cart-row .cart-item--total, .cart--summary .summary-total {
        font-size: 18px;
        font-weight: 700;
        line-height: 22px;
        padding-top: 16px;
    }
}

.parts-compat-search {
    margin: 0 auto 40px;
    max-width: 1140px;
    padding: 24px;
    background: #f6f6f6;
    border-radius: 8px;
}
.parts-compat-search__header h2 {
    font-size: 24px;
    margin-bottom: 8px;
}
.parts-compat-search__header p {
    color: #555;
    margin-bottom: 20px;
}
.parts-compat-search__links {
    margin-top: 16px;
    font-size: 14px;
}
.parts-compat-search__links span {
    margin: 0 8px;
    color: #ccc;
}
.parts-compat-search__actions {
    display: flex;
    justify-content: flex-end;
    margin-top: 4px;
}
.parts-compat-search__submit {
    white-space: nowrap;
    min-width: 120px;
}
.parts-device-browse {
    padding-bottom: 60px;
}
.parts-device-browse__header {
    margin-bottom: 24px;
}
.parts-device-browse__intro {
    color: #555;
}
.parts-device-card {
    display: block;
    height: 100%;
    padding: 24px;
    background: #f6f6f6;
    border-radius: 8px;
    text-decoration: none;
    color: inherit;
    transition: box-shadow 0.2s ease;
}
.parts-device-card:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
    color: inherit;
}
.parts-device-card__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 120px;
    margin-bottom: 16px;
}
.parts-device-card__icon img {
    max-height: 100px;
    max-width: 100px;
}
.parts-device-card h3 {
    font-size: 20px;
    margin-bottom: 8px;
}
.parts-device-card p {
    color: #555;
    margin-bottom: 0;
}
.parts-device-types {
    margin-top: 32px;
}
.parts-device-brands {
    margin-top: 32px;
}
.parts-device-brand-count {
    display: block;
    font-size: 12px;
    color: #777;
    text-align: center;
}
.brand-icon-wrapper .brand-fallback {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: #ef7c00;
    color: #fff;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    font-weight: 700;
}
.parts-device-models {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 12px;
    margin-top: 32px;
}
.parts-device-model-link {
    display: block;
    padding: 14px 16px;
    background: #f6f6f6;
    border-radius: 6px;
    text-decoration: none;
    color: #222;
}
.parts-device-model-link:hover {
    background: #ef7c00;
    color: #fff;
}