/* Dealer Page */
.dealer-about {
    color: var(--heading);
        margin-bottom: 40px;
   > h4 {
        font-size: 20px;
   } 
}
.dealer-gallery {
     margin-bottom: 53px;   
}
.dealer-list-result {
    max-height: 760px;
    overflow: auto;
  padding-right: 15px;
}
.dealer-public {
     padding-top: 38px;
    padding-bottom: 38px;   
}
.dealer-private {
    padding-top: 81px;
    padding-bottom: 80px;    
}
.dealer-images {
    margin-bottom: 22px;
    img {
      display: inline-block;
        vertical-align: middle;
            margin-right: 35px; 
            max-width: 80px; 
    }
    > div {
        display: inline-block;
    vertical-align: middle;
    }
    .dealer-name {
      font-size: 36px;  
    }
    .write-review {
       color:var(--heading);
       text-decoration: underline;
    }
    .rating-count {
          margin-right: 24px;  
    }

}
.dealer-post-code {
 margin-right: 15px;   
}
.gm-style {
    div , img {
          outline: none !important;
    }
}
.dealer-info-map {
    &.images_emtry {
      .dealer-conent {
        width: 100%;
      }  
    }
    img {
      
        display: inline-block;
        max-width: 60px;
        border-radius: 100%;
        vertical-align: middle;   
    }
    .dealer-conent {
        display: inline-block;
        width: ~"calc(100% - 60px)";
        vertical-align: middle;
        padding-left: 10px;
        h3 {
             font-size: 18px;
            margin: 0;
            line-height: 28px;   
        }
        p {
          margin: 0;
        font-size: 13px;
        line-height: 22px;
        }  
        a {
            height: 30px;
            border: 0;
            background: var(--heading);
            color: var(--light);
            display: inline-block;
            text-align: center;
            line-height: 30px;
            min-width: auto;
            padding: 0 15px;
            border-radius: 3px;
            margin-top: 10px;
            margin-bottom: 5px;
            &:hover {
                background: var(--main);
            }
        }
    }
}
.dealer-info-list {
    margin-bottom: 30px;
    transition: 0.3s all;
    position: relative;
 border: 1px solid #ebebeb;
    background: var(--light);
    padding: 30px;
    border-radius: 3px;
    label {
        margin-right: 5px;
        color:var(--heading);
    }
    > a {
     color: var(--body);   
    }
    .contact-info {
       li {
            margin-bottom: 6px;
        i {
           margin-right: 22px;  
        }
       } 
    }
    .dealer-address {
          color: var(--heading);  
           span {
            text-decoration: underline;
          } 
    }
    .car-status {
        position: absolute;
        right: 30px;
        display: flex;
        span {
             color: var(--heading);
            font-size: 13px;
            background: #f5f5f5;
            padding: 2px 12px; 
            margin-left: 5px;   
        }
    }

    .dealer-image {
        margin-bottom: 18px;
        img {
            border-radius: 100%;
            display: inline-block;
            vertical-align: middle;
            margin-right: 15px;
            width: 60px;
        }
        > div {
            display: inline-block;
            vertical-align: middle;   
        }
        .dealer-name {
              display: inline-block;
              margin: 0; 
              font-size: 18px; 
        }
    }
}
.page-template-page-dealer {
    .site-main {
        padding-top:90px;
        padding-bottom: 90px;
    }
}


.form-search-dealer.widget-dealer-list{
   .select2.select2-container {
        width: 100% !important;
        .select2-selection--single {
          border:1px solid #dedede; 
        }
   } 
   select , input {
     border:1px solid #dedede;
     height: 50px;
     padding: 0 15px;
     background: var(--light);
   }
   .filter-dealer {
    height: 50px;
    width: 100%;
    border: 0;
    background: var(--heading);
    color: var(--light);
    display: block;
    text-align: center;
    line-height: 50px;
    &:hover {
      background: var(--main);  
    }
   }
   &.layout2 {
      select , input , .select2-container .select2-selection--single {
               margin-bottom: 26px; 
               border:none;
        }
   }
}

.dealer-bar {
   background: #f5f5f5;
  padding: 15px 30px;
  margin-bottom: 35px;  
  .form-search-dealer .select2.select2-container {
        width: auto !important;
  }
  .select2-container .select2-selection--single {
        padding-right: 15px;
        border-color: #e6e6e6;
        border-radius: 3px;
        height: 40px;
        .select2-selection__rendered {
            line-height:40px;
        }
        .select2-selection__arrow {
              height: 20px;  
        }
  }
  .dealer-item {
    display: inline-block;
    &:not(:last-child) {
        margin-right:30px;
    }
    label {
        color: var(--heading);
        font-weight: 500;
        margin-bottom: 0;
       margin-right: 12px;
   
    }
    select , input {
        width:auto;
         background: var(--light);
        min-height: 40px;
        border-color: #e6e6e6;
    }
  } 
  .filter-dealer {
        height: 40px;
        border: 0;
        background: var(--heading);
        color: var(--light);
        display: block;
        text-align: center;
        line-height: 40px;
        min-width: 124px;
        padding: 0 15px;
        border-radius: 3px;
        &:hover {
            background:var(--main);
        }
  }
}

.dealer-list-wap {
    &.loading {
        .dealer-info-list {
           opacity:0.4; 
        }
        &:after {
            font-family: 'jws_icon';
            content: '\e834';
            top: 0px;
            animation: MoveCircle360 0.38s infinite linear;
            display: inline-block;
            position: absolute;
            left: 50%;
            top: 50%;
            margin-left: -18px;
            margin-top: -18px;
            font-size: 40px;
            color: var(--heading);
        }
    }
}
.jws-star-rating {
  font-size: 13px;
  .inner {
       margin-right: 7px; 
  }
}
.jws-star-rating .inner .jws-star-rating-upper:before {
     font-family: "jws_icon";
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0,0);
    content: '\e9d9\e9d9\e9d9\e9d9\e9d9';
    font-size: 14px;
    letter-spacing: 2px;
    color: #ffd800;
    white-space: nowrap;  
}
.jws-star-rating .inner .jws-star-rating-lower:before {
        font-family: "jws_icon";
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0,0);
    content: '\e9d7\e9d7\e9d7\e9d7\e9d7';
    letter-spacing: 2px;
    color: #ffd800;
    font-size: 14px; 
    margin-left: -1px;  
}
.jws-star-rating .inner .jws-star-rating-upper {
      position: absolute;
    top: 0;
    left: -1px;
    overflow: hidden; 
    width: 0; 
}
.jws-star-rating .inner {
    position: relative;
    display: inline-block;
}

.dealer-tabs {
        clear: both;
    .dealer-content {
          padding-top: 15px;
          .cars-top-filters {
                margin-bottom: 36px;
          } 
          .tab-heading {
            display: none;
          } 
    }
    .tabs-nav {
        li {
               display: inline-block;
               cursor: pointer; 
               font-weight: 500;
               color:var(--heading);
                width: 50%;
               padding: 11px 30px;
                text-align: center;
               position: relative;
                font-size: 13px;
                text-transform: uppercase;
                    letter-spacing: 1.5px;
               &:after {
                   background:var(--main);
                   width: 0%;
                   height: 2px;
                   left: 0;
                   bottom: -2px; 
                   transition: 0.3s all;
                   content: "";
                   position: absolute;
               }
        }
        .active {
            color:var(--main);
            &:after {
               width: 100%; 
            }
        }
        border-bottom: 2px solid #f1f1f1;
            display: flex;
            margin-bottom: 13px;
    }
    
    .tabcontent {
        &:not(#tab1) {
            .cars-Tabs-panel {
                display: none;
            } 
        }
          p {
            margin: 0;
            line-height: 24px;
        }
       
    } 
    .jws-dealer-review-title {
        margin-bottom: 25px;
    } 
    .jws-comment-dealer-wrapper:not(:last-child) {
          margin-bottom: 25px;
        border-bottom: 1px solid #e7e7e7;
        padding-bottom: 25px;
    }
    .title {
          margin: 5px 0;
    }
    .content {
        margin-bottom: 10px;
    }
    .jws-added-by {
            color: var(--heading); 
    }
    .jws_empty_reviews , .jws-login-review-leave {
      font-weight: 400;  
    }
    /** Form review **/
    .jws-write-dealer-review {
        .jws-star-rating {
            margin:10px 0;
            font-size: 15px;
            .inner .jws-star-rating-upper:before {
              font-size: 20px;  
            }
            .inner .jws-star-rating-lower:before {
              font-size: 20px;   
            }
        }
        input:not([type="checkbox"]) , textarea {
            margin-bottom:10px;
            border: 2px solid rgba(129,129,129,.2);
            background: transparent;
        }
        .jws-checker-required {
            margin-bottom: 10px;
            input {
                margin-right:10px;
            }
        }
        .form-group h4 {
            font-size: 13px;
            font-weight: 500;
            margin-bottom: 2px;
            line-height: 24px;  
        }
    }
}

.dealer-sidebar {
  .section1 , .section2 {
    box-shadow: 0.209px 2.993px 54.28px 4.72px rgba(25, 4, 2, 0.05);
    padding: 32px 38px 40px;
    margin-bottom: 30px;
  } 
  .section2{
    .per-title {
        font-size:20px;
    }
  }
  .section{
     h3 {
        font-size: 20px;
        margin-bottom: 21px;
     }
     input , textarea {
        margin-bottom: 13px;
     }
     .elementor-button {
        width: 100%;
     }
  } 
  .section1 h4 {
    font-weight:700;
    font-size: 13px;
    text-transform:uppercase;
  }
  #contact-with-dealer{
    label {
        font-size:13px;
    }
  }  
  .opentime-title {
        margin-bottom: 4px;
  }
  .social-title {
   margin-bottom: 21px; 
  }
  .opentime-list {
        margin-bottom: 23px;
    li {
        margin-bottom: 2px;
        font-size:14px;
        .label {
            text-transform: capitalize;
        }
        .value {
            float:right;
            color: var(--heading);
            font-weight: 500;
        }
    }
  }
 
}

.contact-info {
    .dealer-mail {
        span {
         text-decoration: underline;  
        }
    }
   .dealer-phone {
    span {
        font-weight:700;
    }
   } 
   li {
          line-height: 24px; 
    color: var(--heading);
        margin-bottom: 20px;
    label{
        font-size: 13px; 
        font-weight: bold;
        margin: 0;
        margin-right: 15px;
        min-width: 64
        
        
        px;
      }
      i {
            margin-right: 20px;
            font-size: 13px;
        }
   } 
  }

.dealer-social {
        li {
            display: inline-block;
            margin: 0 6px;
        }
        a {   
            width: 40px;
            height: 40px;
            text-align: center;
            line-height: 42px;
            position: relative;
            display: block;
            font-size: 18px;
            &:before {
                background-color:var(--main);
                opacity: 0.1;
                position: absolute;
                width: 100%;
                height: 100%;
                border-radius: 100%;
                content:"";
                left: 0;
                top: 0;
                transition: 0.3s all;
            }
            i {
                position: relative;
                z-index: 1;
            }
            &:hover {
                color:var(--light);
                &:before {
                    opacity:1;
                }
            }
    
        }
   }


/** Car user account **/
.dealer-private {
  .change-view-button {
    display:none !important;
  }  
  .jws-make-features {
        position: absolute;
        top: 10px;
        left: 10px;
        width: 30px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        border-radius: 100%;
        color: var(--main);
        border: 2px solid var(--main);
        box-sizing: content-box;
        &.active {
          background: var(--main); 
          color: var(--light); 
        }
  }
  > .col-xl-4 {
    padding-right:55px;
  }  
  .dealer-side-wap {
    box-shadow: 0.209px 2.993px 54.28px 4.72px rgba(25, 4, 2, 0.05);
    padding: 38px;
  }  
  .dealer-images {
    text-align:center;
    margin-bottom: 31px;
    img {
        border-radius:100%;
            width: 100%;
            max-width: 122px;
            margin-right: 0;
    }
    > div {
       display: block;
       span {
        font-size: 13px;
       } 
    }
    .dealer-name {
        font-size:20px;
        margin-bottom: 0px;
            margin-top: 10px;
    }
  }  
   .car-action-wap a {
    font-size: 16px;
    background: var(--main);
   }

  .navigation-user {
        border-bottom: 1px solid #efeff5;
        padding-bottom: 17px;
    margin-bottom: 35px;
     a {
        color: var(--heading);
        font-size: 13px;
        padding-bottom: 10px;
        display: block;
        font-weight: 500;
        padding: 9px 26px;
        i {
            margin-right:10px;
            font-size: 16px;
            color: var(--body);
        }
            &.active {
                  background: #f3f3f3;
                  i {
                    color: var(--heading);
                  }
            }
     }
  }  
  .contact-info {
        border-bottom: 1px solid #efeff5;
      padding-bottom: 17px;
    margin-bottom: 26px;
    .mail {
        > i {
              color: var(--body);
        font-size: 16px;
        margin-top: -2px;    
        }
     
    }
    li {
        .fa-phone-alt {
              color: var(--main);  
        }
        i {
          width: 28px;
                     
        }
        > span {
           width: calc(~"80% - 28px");  word-wrap: break-word;
        }
        > i , > span {
            display: inline-block;
            vertical-align: top;  
        }
        span span {
            display: block;
                margin-bottom: 2px;
            font-size: 13px;
            color: var(--body);
        }
        p {
         font-size: 18px;
        font-weight: bold;
        margin: 0;   
        }
    }
  }
  .dealer-plane {
    .has-plan {
          margin-bottom: 14px;  
    }
    > div {
        i {
            float: left;
            font-size: 16px;
                width: 25px;   
        }
        > span {
            display: block;
            padding-left: 27px;
            font-size: 13px;   
        }
        strong {
               font-size: 16px;
                   display: block;
        }
        a {
            display: block;
            margin-top: 18px;
            padding: 18px 15px;
        }
    }

  }
    form.edit-account {
         .edit-row {
            border-bottom: 2px solid #f2f2f2;
            border-radius: 5px;
            background-color: #f5f5f5;
            padding: 35px 30px 20px;
            margin-bottom: 30px; 
            input {
                border: 1px solid #e2e2e2;
                background: #ffffff;   
            }
        } 
        input[type="submit"] {
          margin-top: 15px;  
        }
        .banner .jws-item{
               border-radius: 0 !important;
               width: 260px !important; 
               height: 260px !important;
        }
        .jws-checkbox {
            margin-right: 15px;
            input ~ .checkmark {
                  background-color: #ffffff;  
            }
        }

        .elementor-button {
        span {
            margin-left:10px;
        }
        }
        .form-row {
            margin-bottom: 20px;
            label {
               margin-bottom: 5px;
               display: block;
            }
        }
        .upload-file {
            position: relative;
            display: inline-block;
            input[type="file"] {
            position: absolute;
            cursor: pointer;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            opacity: 0; 
            z-index: 2;
            }
        }
        .jws_uploaded_files {
            margin-top: 20px;
            .jws-item {
                width: 200px;
                height: 200px;
                background-size: cover;
                background-position: center center;
                position: relative;
                border-radius: 100%;
            }
            .jws-icon-icon_close {
                position: absolute;
                right: 24px;
                top: 6px;
                background: #ffffff;
                color: var(--heading);
                font-size: 20px;
                width: 30px;
                height: 30px;
                line-height: 30px;
                transition: 0.3s all;
                cursor: pointer;  
                text-align: center;
                border-radius: 100%; 
               box-shadow: 0 0 10px rgba(0,0,0,0.07);
            }
        }
   }
}


.jws-plan-table {
   > .row {
    margin:0;
   } 
   .plan-side {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
        max-width: 30%;
   } 
   .plan-content {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 70%;
        flex: 0 0 70%;
        max-width: 70%;
   } 
   .plan-name-mobile {
    display: none;
   } 
   .price-select {
        display: none;
        &.active {
            display:inline-block;
        }
   }
   .button-buy-plan {
    display: none !important;
        &.active {
            display:block !important;
        }
   }
}
.plan-item {
    box-shadow: 0px 3px 6.3px 0.7px rgba(87, 91, 131, 0.07);
    position: relative;
    text-align: center;
    padding: 33px 25px 42px 25px;
    background: #ffffff;
    .plan-name {
        font-weight: 900;
        font-size: 20px;
         margin-bottom: 4px; 
    }
    .plan-price {
       font-size: 15px;
        color: var(--heading);
            margin-bottom: 23px;   
    }
    .price-select {
        span {
              font-size: 18px;
    font-weight: 800;  
        }
    }
    .buy-plan {
        margin-bottom: 28px;
        a {
          display:block;
          padding: 10px 15px; 
          color: var(--light);
          background: var(--heading);
          &:hover {
            background: var(--main);
          } 
        }
    }
}
.plan-features {
    li {
        margin-bottom: 20px;
        &:last-child {
          margin-bottom:0;  
        }
        i {
            color:#1bc744;
        }
    }
}

  .plan-roles {
    min-height: 22px;
    text-align: right;
    color: var(--light);
    font-size: 13px;
    font-weight: bold;
    line-height: 22px;
    .popular {
        background:#1c83ed;
    }
    .roles {
        background:#1bc744;
    }
    span {
       padding: 0 20px;
       display: inline-block;
    }
   } 
   
   .change-plan {
    border:2px solid var(--heading);
    display: inline-block;
        margin-bottom: 57px;
    a {
        color: var(--heading);
        font-size: 13px;
        text-align: center;
        padding: 2px 23px;
        float: left;
        &.active {
            color:var(--light);
            background: var(--heading);
        }
    }
   }
   
   .plan-side {
    padding-right: 42px;
        ul {
            li {
              color: var(--heading); 
                  padding: 10px 35px;
                  &:nth-child(odd) {
                    background:#ffffff;
                  } 
            }
        }
   }
   .jws-plan-table-title {
        font-size: 36px;
        line-height: 48px;
            margin-bottom: 47px;
        &:after {
            content:"";
            display: block;
            background:var(--main);
            width: 35px;
            height: 5px;
                margin-top: 11px;
        }
   }
 .jws-delete-confirmation-popup {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 400px;
    max-width: 100%;
    margin: -108px 0 0 -200px;
    padding: 50px 40px 46px;
    background-color: #fff;
    z-index: 99999;  
    transition: 0.3s all;
    visibility: hidden;
    opacity: 0;
    text-align: center;
    &.active {
      opacity: 1;   
      visibility: visible;   
    }
    .actions {
        .cancel {
            background:var(--heading);
        }
    }
 }
 .jws-delete-confirmation-overlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,.6);
    visibility: hidden;
    opacity: 0;
    transition: 0.3s all;
    z-index: 99998;
    &.active {
      opacity: 1;   
      visibility: visible;   
    }
    a {
       padding-bottom: 13px !important; 
       padding-top: 13px !important;
    }
 }
 .jws-confirmation-text {
  color: var(--heading);
    margin-bottom: 20px;
    font-weight: bold;
    font-size: 20px;
    .jws-car-title {
      color: var(--main);  
    }  
 }
 @media(max-width:1024px) {
    .dealer-tabs .tabs-nav li {
        letter-spacing: 0;
        padding: 11px 10px; 
    }
    .dealer-private > .col-xl-4 {
          padding-right: 15px;  
    }
     .dealer-private .dealer-sidebar {
        margin-top: 30px;
    }
 }
 @media(max-width:767px) {
    .dealer-tabs .tabs-nav {
        display:none;
    }
    .dealer-tabs .dealer-content .tab-heading {
        display: block;
    }
    .dealer-tabs {
        margin-bottom: 60px;
    }
    .form-search-dealer .row > div {
        margin-bottom: 30px;
    }
    .dealer-private .dealer-side-wap {
          padding: 38px 15px;  
    }
    .dealer-images {
        .dealer-name {
           font-size: 24px;
           margin-bottom: 3px;  
        }
        .write-review {
            display: block;
        }
        img {
            margin-right: 10px;
        }
    }
    .dealer-sidebar .section1, .dealer-sidebar .section2 {
          padding: 32px 15px 40px;  
    }
 }