{"version":3,"sources":["themes/_responsive.scss","utils/_variables.scss"],"names":[],"mappings":"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","file":"responsive.css","sourcesContent":["/**=====================\n     62. Responsive CSS Start\n==========================**/\n\n/* ========= min and max scss for 1200 to 1366 screen ========= */\n@media (max-width: 1800px) {\n  // chat page //\n  .caller-img {\n    display: none;\n  }\n}\n\n@media screen and (max-width: 1660px) {\n  // blog\n  .blog-list {\n    .blog-details {\n      p {\n        width: 100%;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n    }\n  }\n  .photos {\n    ul {\n      li {\n        width: 22%;\n      }\n    }\n  }\n\n  .bar-chart {\n    canvas {\n      width: 100% !important;\n    }\n  }\n\n  .chat-box {\n    .chat-history {\n      .call-icons {\n        margin-bottom: 25px;\n        // min-height: 600px;\n        ul {\n          li {\n            border: 1px solid $dark-gray;\n          }\n        }\n      }\n\n      .total-time {\n        h2 {\n          color: $dark-gray;\n          margin-bottom: 18px;\n        }\n      }\n\n      .call-content {\n        min-height: 545px;\n        .btn {\n          width: auto;\n          margin: 0 auto;\n        }\n\n        > div {\n          //height: 545px;\n          z-index: 7;\n          background-color: rgba(255, 255, 255, 0.75);\n          background-blend-mode: overlay;\n          width: 100%;\n          padding: 30px;\n        }\n      }\n\n      .receiver-img {\n        margin-top: 25px;\n      }\n    }\n  }\n\n  .chat-left-aside {\n    .people-list {\n      height: 520px;\n    }\n  }\n\n  .chat-box {\n    .chat-right-aside {\n      .chat {\n        .chat-msg-box {\n          height: 440px;\n        }\n      }\n    }\n\n    .people-list {\n      ul {\n        max-height: 450px;\n        overflow: auto;\n      }\n    }\n  }\n\n  .call-chat-body {\n    .chat-box {\n      .people-list {\n        ul {\n          max-height: 550px;\n          overflow: auto;\n        }\n      }\n\n      overflow: hidden;\n      height: 625px;\n    }\n  }\n\n  .caller-img {\n    img {\n      opacity: 0.7;\n    }\n  }\n\n  // // timeline small page\n  // .timeline-small {\n  //   .media {\n  //     .timeline-round {\n  //       &.timeline-line-1 {\n  //         &:after {\n  //           bottom: -78px;\n  //         }\n  //       }\n  //     }\n  //   }\n  // }\n\n  .page-wrapper {\n    &.horizontal-wrapper {\n      &.material-type {\n        .page-header {\n          max-width: 1320px;\n        }\n\n        .page-body-wrapper {\n          .sidebar-wrapper,\n          .page-body {\n            max-width: 1320px;\n          }\n        }\n      }\n    }\n  }\n\n  // email wrap\n  .email-wrap {\n    .email-right-aside {\n      .email-profile {\n        .inbox {\n          p {\n            width: calc(100% - 300px);\n            max-width: 500px;\n          }\n        }\n      }\n    }\n  }\n\n  // chat page //\n  .chat-box {\n    .chat-right-aside {\n      .chat {\n        .chat-header {\n          .chat-menu-icons {\n            li {\n              margin-right: 10px;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .default-dash,\n  .ecommerce-dash,\n  .crypto-dash {\n    .dash-xlorder-1 {\n      order: 1;\n    }\n  }\n}\n\n@media screen and (max-width: 1550px) {\n  .email-wrap .email-content .email-top .user-emailid:after {\n    display: none;\n  }\n  .email-wrap .email-top .email-right {\n    display: none;\n  }\n  .cal-date-widget {\n    .datepicker {\n      width: unset;\n    }\n  }\n}\n\n@media screen and (max-width: 1920px) and (min-width: 1661px) {\n\n  \n\n  .default-dash,\n  .ecommerce-dash,\n  .crypto-dash {\n    .dash-31 {\n      max-width: 31%;\n      flex: 0 0 31%;\n    }\n    .dash-35 {\n      max-width: 38%;\n      flex: 0 0 38%;\n    }\n    .dash-39 {\n      max-width: 39%;\n      flex: 0 0 39%;\n    }\n    .dash-29 {\n      max-width: 29%;\n      flex: 0 0 29%;\n    }\n    .dash-32 {\n      max-width: 32%;\n      flex: 0 0 32%;\n    }\n  }\n}\n\n@media screen and (max-width: 1660px) and (min-width: 1200px) {\n  .whishlist-main {\n    .prooduct-details-box .btn {\n      top: 0;\n      bottom: unset;\n      right: unset;\n      left: 0;\n    }\n    .col-xl-2 {\n      width: 25%;\n    }\n  }\n  .dash-xl-50 {\n    max-width: 50%;\n    flex: 0 0 50%;\n  }\n  .dash-xl-100 {\n    max-width: 100%;\n    flex: 0 0 100%;\n  }\n  .dash-xl-33 {\n    max-width: 33.33%;\n    flex: 0 0 33.33%;\n  }\n  .xl-none {\n    display: none;\n  }\n  .xl-33 {\n    max-width: 33.33%;\n    flex: 0 0 33.33%;\n  }\n  .xl-60 {\n    max-width: 60%;\n    flex: 0 0 60%;\n  }\n  .xl-70 {\n    max-width: 70%;\n    flex: 0 0 70%;\n  }\n  .xl-50 {\n    max-width: 50%;\n    flex: 0 0 50%;\n  }\n  .xl-100 {\n    max-width: 100%;\n    flex: 0 0 100%;\n  }\n\n  .xl-23 {\n    max-width: 23%;\n    flex: 0 0 23%;\n  }\n\n  .xl-25 {\n    max-width: 25%;\n    flex: 0 0 25%;\n  }\n  .xl-30 {\n    max-width: 30%;\n    flex: 0 0 30%;\n  }\n  .xl-40 {\n    max-width: 40%;\n    flex: 0 0 40%;\n  }\n\n  .xl-4 {\n    max-width: 33.33%;\n    flex: 0 0 33.33%;\n  }\n  .product-page-main {\n    .owl-item {\n      .item {\n        border: 1px solid $light-color;\n        border-radius: 5px;\n      }\n    }\n    .proorder-xl-3 {\n      order: 3;\n    }\n  }\n  .owl-carousel {\n    .owl-item {\n      img {\n        max-width: 420px;\n        margin: 0 auto;\n      }\n    }\n  }\n}\n\n@media screen and (max-width: 1365px) and (min-width: 1200px) {\n  .default-dash,\n  .ecommerce-dash,\n  .crypto-dash {\n    .dash-lg-50 {\n      max-width: 50%;\n      flex: 0 0 50%;\n    }\n    .dash-lg-100 {\n      max-width: 100%;\n      flex: 0 0 100%;\n    }\n  }\n\n  .lg-50 {\n    max-width: 50%;\n    flex: 0 0 50%;\n  }\n  .lg-100 {\n    max-width: 100%;\n    flex: 0 0 100%;\n  }\n}\n\n@media screen and (max-width: 1365px) {\n  .default-dash,\n  .ecommerce-dash,\n  .crypto-dash {\n    .dash-lgorder-1 {\n      order: 1;\n    }\n  }\n}\n\n@media screen and (max-width: 1100px) and (min-width: 1007px) {\n  .dash-xl-50 {\n    max-width: 100%;\n    flex: 0 0 100%;\n  }\n  .dash-lg-50 {\n    max-width: 100%;\n    flex: 0 0 100%;\n  }\n  .profile-greeting {\n    height: 180px;\n    .greeting-user {\n      h1 {\n        font-size: 24px;\n        margin-bottom: 10px;\n      }\n      p {\n        font-size: 16px;\n      }\n    }\n    .cartoon-img {\n      img {\n        margin-right: -110px;\n      }\n    }\n  }\n  .premium-access {\n    height: 212px;\n  }\n}\n\n@media (max-width: 1280px) {\n  // blog\n  .blog-list .blog-details {\n    hr {\n      display: none;\n    }\n    p {\n      display: none;\n    }\n  }\n\n  .img-gallery-set1,\n  .img-gallery-set5 {\n    display: none;\n  }\n\n  .box-layout.page-wrapper.horizontal-wrapper {\n    .page-header {\n      padding-left: unset;\n      max-width: unset;\n      left: unset;\n    }\n\n    .page-body-wrapper {\n      width: unset;\n    }\n  }\n\n  // emaill application\n  .email-wrap {\n    .actions {\n      li {\n        &:nth-child(n + 2) {\n          margin-left: 10px;\n        }\n        .btn {\n          padding: 7px 20px;\n          text-transform: capitalize;\n        }\n      }\n    }\n  }\n\n  .user-profile {\n    .photos {\n      ul {\n        li {\n          width: 20%;\n        }\n      }\n    }\n    .social-tab {\n      ul {\n        li {\n          &:nth-child(n + 2) {\n            margin-left: 10px;\n          }\n        }\n      }\n    }\n  }\n}\n\n@media screen and (max-width: 1580px) and (min-width: 1200px) {\n  .docs-buttons,\n  .docs-toggles {\n    flex: 0 0 100%;\n    max-width: 100%;\n  }\n}\n\n@media screen and (max-width: 1445px) and (min-width: 1410px) {\n  .page-wrapper {\n    &.modern-type {\n      .page-header {\n        .nav-right {\n          flex: 0 0 65%;\n          max-width: 65%;\n        }\n      }\n    }\n  }\n}\n\n@media (max-width: 1470px) {\n  .file-content{\n    .folder{\n      .folder-box{\n        margin-right: 6px;\n      }\n    }\n  }  \n  .user-card {\n    .card-profile {\n      img {\n        height: 90px;\n      }\n    }\n  }\n  .file-manager{\n    .files, .folder{\n      li{\n        &:nth-child(n+2){\n          margin-left: 0;\n        }\n      }\n    }\n  }\n  .theme-form {\n    select {\n      padding: 8px 14px;\n    }\n  }\n  //edit-profile //\n  .edit-profile {\n    .profile-title {\n      .media {\n        display: block;\n        // margin-bottom: 10px;\n\n        .media-body {\n          margin-left: unset;\n          margin-top: 10px;\n        }\n      }\n    }\n  }\n  .product-grid {\n    .col-xl-2 {\n      .product-img {\n        .ribbon {\n          padding: 0 10px;\n        }\n      }\n    }\n  }\n}\n\n@media screen and (max-width: 1410px) and (min-width: 1367px) {\n  .page-wrapper {\n    &.modern-type {\n      .page-header {\n        .nav-right {\n          flex: 0 0 63%;\n          max-width: 63%;\n        }\n      }\n    }\n  }\n}\n\n@media screen and (max-width: 1366px) and (min-width: 1200px) {\n  .flot-chart-container-small {\n    height: 227px;\n  }\n\n  // email-app\n  .email-wrap {\n    .email-left-aside {\n      .email-app-sidebar {\n        .media {\n          display: block;\n          .media-size-email {\n            width: 100%;\n            text-align: center;\n            img {\n              margin-bottom: 10px;\n            }\n            .me-3 {\n              margin-right: 0 !important;\n            }\n          }\n          .media-body {\n            text-align: center;\n          }\n        }\n      }\n    }\n    .email-right-aside {\n      .email-body {\n        .attachment {\n          ul {\n            li {\n              img {\n                width: 73px;\n                height: 73px;\n              }\n            }\n          }\n        }\n        .email-top {\n          line-height: 50px;\n          h5 {\n            padding: 13px 0;\n          }\n        }\n\n        .inbox {\n          // max-height: 668px;\n          // overflow: auto;\n          .media-body {\n            text-align: center;\n            h6 {\n              font-size: 14px;\n            }\n          }\n        }\n        .email-compose {\n          .cke_contents.cke_reset {\n            max-height: 144px;\n            width: 99%;\n          }\n          .compose-border {\n            margin: 0;\n          }\n        }\n      }\n    }\n    .media-body {\n      p {\n        font-size: 13px;\n      }\n    }\n  }\n\n  .call-chat-sidebar {\n    max-width: 262px;\n  }\n\n  .product-box {\n    .product-details {\n      padding: 15px;\n\n      p {\n        margin-bottom: 10px;\n      }\n    }\n  }\n\n  .flot-chart-container {\n    height: 130px;\n  }\n\n  .user-card {\n    .custom-card {\n      .card-profile {\n        img {\n          height: 85px;\n        }\n      }\n    }\n  }\n\n  .custom-card {\n    .card-profile {\n      img {\n        height: 100px;\n      }\n    }\n\n    .profile-details {\n      h4 {\n        font-size: 18px;\n      }\n\n      h6 {\n        margin-bottom: 0;\n      }\n    }\n\n    .card-footer {\n      > div {\n        h3 {\n          font-size: 18px;\n        }\n      }\n    }\n  }\n\n  .crm-activity {\n    height: 291px;\n    overflow-y: auto;\n\n    .media {\n      .media-body {\n        .dates {\n          display: flex;\n        }\n      }\n    }\n  }\n\n  // chat\n  .chat-body {\n    padding: 10px;\n  }\n\n  .chat-box {\n    .chat-history {\n      .call-content {\n        .btn {\n          font-size: 15px;\n        }\n      }\n\n      .total-time h2 {\n        font-size: 30px;\n      }\n\n      .receiver-img {\n        margin-top: 30px;\n      }\n\n      .call-icons {\n        margin-top: 20px;\n        margin-bottom: 20px;\n\n        ul {\n          li {\n            width: 50px;\n            height: 50px;\n            padding: 7px;\n          }\n        }\n      }\n    }\n\n    .user-image {\n      width: 30px;\n      height: 30px;\n      margin-top: 3px;\n      margin-right: 3px;\n    }\n\n    .about {\n      margin-top: 0;\n    }\n\n    .border-tab.nav-tabs {\n      .nav-item {\n        a {\n          padding: 13px 4px !important;\n          color: $semi-dark !important;\n          letter-spacing: 0;\n          font-size: 12px !important;\n          line-height: 6;\n        }\n      }\n    }\n\n    .chat-menu {\n      .people-list {\n        ul.list {\n          max-height: 376px;\n          overflow-y: auto;\n        }\n      }\n\n      .user-profile {\n        .image {\n          .avatar {\n            img {\n              width: 100px;\n              height: 100px;\n            }\n          }\n\n          .icon-wrapper {\n            width: 30px;\n            height: 30px;\n            font-size: 13px;\n          }\n        }\n      }\n    }\n  }\n\n  .chat-left-aside {\n    .people-list {\n      height: 420px;\n\n      ul {\n        max-height: 376px;\n        overflow-y: auto;\n      }\n    }\n\n    .status-circle {\n      top: 4px;\n      left: 36px;\n    }\n  }\n\n  //blog scss\n  .blog-box {\n    .blog-details-main {\n      .blog-bottom-details {\n        margin: 20px 10px;\n      }\n      .blog-social {\n        li {\n          padding: 0px 5px;\n        }\n      }\n    }\n  }\n  .blog-box.blog-shadow {\n    .blog-details {\n      padding: 15px;\n    }\n  }\n  .comment-box {\n    .media {\n      img {\n        margin-right: 25px;\n      }\n    }\n    ul {\n      ul {\n        margin-left: 50px;\n      }\n    }\n  }\n\n  .browser-widget {\n    .media-img {\n      margin-left: auto;\n      margin-right: auto;\n      margin-bottom: 15px;\n    }\n\n    img {\n      height: 50px;\n    }\n  }\n\n  // alert page\n  .alert-dismissible {\n    p {\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      max-width: 181px;\n    }\n  }\n\n  // touchspin page\n  .bootstrap-touchspin {\n    .touchspin-vertical-tab {\n      .input-group {\n        width: 96% !important;\n      }\n    }\n  }\n}\n\n@media only screen and (max-width: 1366px) {\n  .bookmark-wrap {\n    .task-sidebar {\n      height: auto;\n    }\n  }\n\n  // product page\n  .span.ace_indent-guide {\n    display: none;\n  }\n  .grid-options {\n    ul {\n      li {\n        &:last-child {\n          display: none;\n        }\n      }\n    }\n  }\n  .product-price {\n    font-size: 14px;\n  }\n  .product-box {\n    .product-img {\n      .product-hover {\n        ul {\n          li {\n            width: 35px;\n            height: 35px;\n          }\n        }\n      }\n    }\n    .product-details {\n      h4 {\n        font-size: 18px;\n      }\n    }\n  }\n\n  .chat-box {\n    .chat-history {\n      .call-content {\n        min-height: 510px;\n      }\n    }\n  }\n\n  .chat-left-aside {\n    .people-list {\n      height: 490px;\n      ul {\n        max-height: 434px;\n        overflow-y: auto;\n      }\n    }\n  }\n\n  .product-wrapper-grid {\n    .col-xl-3 {\n      padding-left: 8px;\n      padding-right: 8px;\n    }\n    &.list-view {\n      .product-box {\n        .product-img {\n          width: 25%;\n        }\n      }\n    }\n  }\n\n  // cart page\n  .cart {\n    .qty-box {\n      width: 40%;\n    }\n  }\n\n  // alert page\n  .alert-dismissible {\n    strong {\n      & ~ p {\n        display: inline;\n      }\n    }\n  }\n\n  // timeline small page\n  .timeline-small {\n    .media {\n      .media-body {\n        p {\n          width: 95%;\n        }\n      }\n      .timeline-round {\n        &.timeline-line-1 {\n          &:after {\n            bottom: -66px;\n          }\n        }\n      }\n    }\n  }\n\n  .map-js-height {\n    height: 350px;\n  }\n\n  // chat page\n  .chat-right-aside {\n    // flex: 0 0 60%;\n    // max-width: 60%;\n    overflow: hidden;\n\n    .chat {\n      .chat-message {\n        .smiley-box {\n          width: 45px;\n        }\n      }\n    }\n  }\n\n  .chat-box {\n    .chat-right-aside {\n      .chat {\n        .chat-msg-box {\n          height: 410px;\n\n          .chat-user-img {\n            margin-top: -30px;\n          }\n\n          .message {\n            width: 100%;\n            padding: 15px;\n          }\n        }\n\n        .chat-header {\n          .chat-menu-icons {\n            li {\n              a {\n                i {\n                  font-size: 20px;\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n\n    .chat-history {\n      .receiver-img {\n        img {\n          height: 150px;\n        }\n      }\n    }\n  }\n  .social-app-profile {\n    .custom-card {\n      .card-footer {\n        h3 {\n          font-size: 18px;\n        }\n      }\n    }\n  }\n  .call-chat-body {\n    .chat-box {\n      overflow: hidden;\n      height: 600px;\n    }\n  }\n\n  .equal-height-xl {\n    height: 517px;\n  }\n\n  .authentication-main {\n    .auth-innerright {\n      background-size: cover;\n    }\n  }\n\n  .grp-btns {\n    display: inline-block;\n  }\n\n  .button-builder {\n    .button-generator-bx {\n      position: relative;\n      width: 100%;\n    }\n  }\n\n  .page-builder {\n    .btn-group {\n      display: inline-block;\n      margin-bottom: 10px;\n    }\n\n    .btn-grid {\n      margin-bottom: 15px;\n      margin-right: 0px;\n      border-right: none;\n      display: inline-block;\n    }\n\n    .ge-canvas.ge-layout-desktop {\n      margin-top: 50px;\n    }\n  }\n\n  //ecommerce dashboard\n  .ecommerce-widget {\n    .total-num {\n      font-size: 23px;\n      letter-spacing: 0px;\n    }\n  }\n\n  .support-ticket-font {\n    .total-num {\n      font-size: 22px;\n    }\n  }\n\n  .order-history {\n    table.dataTable.table thead th {\n      padding-right: 50px;\n    }\n  }\n\n  .user-card {\n    .custom-card {\n      .card-footer {\n        h3 {\n          font-size: 18px;\n        }\n      }\n    }\n  }\n\n  //default dashboard\n  .custom-card {\n    padding: 15px;\n\n    .card-social {\n      li {\n        &:nth-child(n + 2) {\n          margin-left: 6px;\n        }\n        a {\n          padding: 10px;\n          width: 30px;\n          height: 30px;\n          font-size: 13px;\n        }\n      }\n    }\n  }\n\n  .map-chart {\n    .chart-container {\n      height: 300px;\n    }\n  }\n\n  .speed-chart {\n    .chart-container {\n      height: 250px;\n      margin-top: -40px;\n      margin-bottom: 100px;\n    }\n  }\n\n  .candidcahrt {\n    height: 360px;\n  }\n\n  //chart widget\n  .status-details {\n    h3 {\n      font-size: 18px;\n    }\n  }\n\n  .chart-widget-top {\n    .total-value {\n      font-size: 20px;\n    }\n  }\n\n  .status-widget {\n    .card-body {\n      padding: 10px;\n    }\n  }\n\n  //general widget\n  .user-status {\n    table {\n      thead {\n        tr {\n          th {\n            &:nth-child(3) {\n              min-width: unset;\n            }\n          }\n        }\n      }\n\n      tbody {\n        tr {\n          td {\n            &:first-child {\n              min-width: unset;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .browser-widget {\n    .media {\n      flex-wrap: wrap;\n\n      .media-body {\n        h3 {\n          font-size: 20px;\n        }\n\n        p {\n          margin-bottom: 2px;\n        }\n\n        h4 {\n          font-size: 20px;\n        }\n      }\n    }\n  }\n\n  .cal-date-widget .datepicker {\n    margin: 0 auto;\n    width: unset;\n  }\n\n  .company-card {\n    padding: 20px;\n  }\n\n  .static-top-widget {\n    .media-body {\n      h3 {\n        font-size: 30px;\n      }\n\n      .icon-bg {\n        right: -21px;\n      }\n    }\n  }\n\n  .redial-social-widget {\n    width: 125px;\n    height: 125px;\n    i {\n      width: 100px;\n      height: 100px;\n      font-size: 35px;\n    }\n  }\n\n  //chat\n  .chat-body {\n    padding: 10px;\n  }\n\n  .chat-box {\n    .chat-history {\n      .call-content {\n        .btn {\n          font-size: 15px;\n        }\n      }\n\n      .total-time h2 {\n        font-size: 30px;\n      }\n\n      .receiver-img {\n        margin-top: 30px;\n        //margin-bottom: 30px;\n      }\n\n      .call-icons {\n        margin-top: 20px;\n        margin-bottom: 20px;\n\n        ul {\n          li {\n            width: 50px;\n            height: 50px;\n            padding: 7px;\n          }\n        }\n      }\n    }\n\n    .user-image {\n      width: 45px;\n      height: 45px;\n    }\n\n    .about {\n      margin-top: 0;\n    }\n\n    .border-tab.nav-tabs {\n      .nav-item {\n        a {\n          padding: 13px 4px !important;\n          color: $semi-dark !important;\n          letter-spacing: 0;\n          font-size: 12px !important;\n          line-height: 3;\n        }\n      }\n    }\n\n    .chat-menu {\n      .people-list {\n        ul.list {\n          max-height: 320px;\n          overflow-y: auto;\n        }\n      }\n\n      .user-profile {\n        margin-top: 0;\n\n        .image {\n          .avatar {\n            img {\n              width: 100px;\n              height: 100px;\n            }\n          }\n\n          .icon-wrapper {\n            width: 30px;\n            height: 30px;\n            font-size: 13px;\n          }\n        }\n\n        .user-content {\n          p {\n            font-size: 14px;\n            margin-bottom: 10px;\n          }\n\n          h5 {\n            margin: 20px 0;\n          }\n\n          hr {\n            margin: 20px 0;\n          }\n        }\n\n        .follow {\n          .follow-num {\n            font-size: 17px;\n          }\n        }\n      }\n    }\n  }\n\n  .chat-left-aside {\n    .people-list {\n      height: 490px;\n\n      ul {\n        max-height: 434px;\n        overflow-y: auto;\n      }\n    }\n  }\n\n  .status-circle {\n    top: 4px;\n    left: 37px;\n  }\n\n  // mega-menu\n  .mega-menu {\n    .onhover-show-div {\n      left: 164px;\n    }\n  }\n\n  // // image cropper page\n  // .img-cropper {\n  //   .docs-toggles {\n  //     margin-top: 8px;\n  //   }\n  // }\n\n  // touchspin page\n  .bootstrap-touchspin {\n    .dropdown-basic {\n      .dropdown {\n        .dropdown-content {\n          left: -21px;\n        }\n      }\n    }\n  }\n\n  // datatable advance page\n  #advance-5_wrapper {\n    .dataTables_paginate {\n      margin-bottom: 8px;\n    }\n  }\n\n  // jsgrid-table page\n  #batchDelete {\n    .jsgrid-grid-header {\n      .jsgrid-table {\n        .jsgrid-header-row {\n          .jsgrid-header-cell {\n            &:first-child {\n              width: 67px !important;\n            }\n          }\n        }\n      }\n    }\n\n    .jsgrid-grid-body {\n      .jsgrid-table {\n        .jsgrid-row {\n          .jsgrid-cell {\n            &:first-child {\n              width: 67px !important;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  // forget password page\n  .reset-password-box {\n    .theme-form {\n      .form-group {\n        .btn {\n          padding: 6px 22px;\n        }\n      }\n    }\n  }\n\n  .cd-timeline-img {\n    width: 45px;\n    height: 45px;\n    i {\n      font-size: 20px;\n    }\n  }\n\n  // blog\n  .learning-box {\n    .details-main {\n      padding: 20px;\n      h6 {\n        font-size: 18px;\n      }\n    }\n  }\n}\n\n@media only screen and (max-width: 1366px) and (min-width: 1200px) {\n  .page-wrapper {\n    &.compact-wrapper {\n      .page-header {\n        .header-wrapper {\n          .nav-right {\n            flex: 0 0 64%;\n            max-width: 64%;\n          }\n        }\n      }\n    }\n\n    &.horizontal-wrapper {\n      .page-header {\n        .header-wrapper {\n          .nav-right {\n            flex: 0 0 54%;\n            max-width: 54%;\n          }\n        }\n      }\n\n      &.material-type {\n        .page-header {\n          max-width: 1140px;\n        }\n\n        .page-body-wrapper {\n          .sidebar-wrapper,\n          .page-body {\n            max-width: 1140px;\n          }\n        }\n      }\n    }\n\n    &.modern-type {\n      .page-header {\n        .header-wrapper {\n          .nav-right {\n            flex: 0 0 59%;\n            max-width: 59%;\n          }\n        }\n      }\n    }\n  }\n  .product-box {\n    .product-details {\n      padding: 15px;\n    }\n  }\n}\n@media screen and (max-width: 1580px) and (min-width: 768px) {\n  //ecommerce page\n  .product-filter {\n    &.new-products {\n      .owl-theme {\n        .owl-item {\n          .item {\n            .product-box {\n              .media {\n                display: block;\n                .product-img {\n                  width: 100%;\n                }\n              }\n              .product-details {\n                padding: 15px 0;\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n}\n@media screen and (min-width: 1200px) and (max-width: 1214px) {\n  .product-thumbnail,\n  .product-main {\n    flex: 0 0 auto;\n    width: 100% !important;\n  }\n  .product-thumbnail {\n    margin-top: 15px;\n  }\n}\n@media only screen and (max-width: 1199px) {\n  // Email app\n  .email-wrap {\n    .email-right-aside {\n      .email-body {\n        border-top-right-radius: 4px;\n        border-bottom-right-radius: 4px;\n        .b-r-light {\n          border-right: none !important;\n        }\n      }\n      .radius-left {\n        border-top-left-radius: 4px !important;\n        border-bottom-left-radius: 4px !important;\n      }\n    }\n    .email-aside-toggle {\n      display: block;\n    }\n    .email-sidebar {\n      position: relative;\n      .email-aside-toggle {\n        margin-bottom: 20px;\n        width: fit-content;\n        z-index: 0;\n      }\n      .email-left-aside {\n        position: absolute;\n        top: 100%;\n        left: 0;\n        opacity: 0;\n        visibility: hidden;\n        z-index: 2;\n        width: 280px;\n        transition: all 0.5s ease;\n        &.open {\n          visibility: visible;\n          opacity: 1;\n        }\n      }\n    }\n  }\n  .product-page-details {\n    margin-top: 30px;\n  }\n  .product-wrapper-grid {\n    &.list-view {\n      .product-box {\n        .product-img {\n          width: 32%;\n        }\n      }\n    }\n  }\n\n  .md-sidebar.job-sidebar{\n    .md-sidebar-aside.job-left-aside{\n      top: 40% !important;\n    }\n  }\n  .md-sidebar.job-sidebar{\n\n  }\n\n  // product page //\n  .grid-options {\n    ul {\n      li {\n        &:nth-child(3) {\n          display: none;\n        }\n      }\n    }\n  }\n  .product-page-main {\n    .proorder-lg-1 {\n      order: -1;\n    }\n  }\n\n  #lnb {\n    .lnb-calendars {\n      display: contents;\n    }\n\n    .lnb-calendars-d1 {\n      .lnb-calendars-item {\n        label {\n          input[type=\"checkbox\"] {\n            + span {\n              vertical-align: middle;\n              margin-right: 3px;\n              width: 4px;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .social-tab {\n    padding: 20px;\n    ul {\n      li {\n        a {\n          padding: 8px 10px;\n          font-size: 12px;\n        }\n      }\n    }\n    .input-group {\n      .form-control {\n        height: 40px;\n      }\n    }\n  }\n  .chat-box {\n    .chat-right-aside {\n      .caller-img-sec {\n        display: none;\n      }\n    }\n  }\n\n  // timeline small page\n  .timeline-small {\n    .media {\n      .timeline-round {\n        &.timeline-line-1 {\n          &:after {\n            height: 33px;\n            bottom: -40px;\n          }\n        }\n        &.small-line {\n          &:after {\n            height: 28px;\n            bottom: -38px;\n          }\n        }\n        &.medium-line {\n          &:after {\n            height: 30px;\n            bottom: -40px;\n          }\n        }\n      }\n      .media-body {\n        h6 {\n          font-weight: 600;\n          margin-bottom: 30px;\n          span {\n            font-weight: normal;\n            color: $light-text;\n          }\n        }\n        p {\n          width: 100%;\n        }\n      }\n    }\n  }\n}\n@media only screen and (max-width: 1199.98px) {\n  //blog\n  .blog-list .blog-details {\n    p,\n    hr {\n      display: block;\n    }\n  }\n\n  .blog-single {\n    .comment-box {\n      ul {\n        .comment-social {\n          margin-left: 0;\n        }\n      }\n    }\n  }\n\n  .learning-block {\n    > div {\n      &:first-child {\n        order: 2;\n      }\n    }\n  }\n\n  .wizard-4 {\n    ul {\n      &.anchor {\n        padding-left: 40px;\n        padding-right: 40px;\n      }\n    }\n  }\n\n  .file-sidebar {\n    padding-right: 12px;\n  }\n\n  .col-xl-7.b-center.bg-size {\n    top: 0;\n    height: 100vh;\n    opacity: 0.5;\n    position: fixed;\n  }\n\n  .knowledgebase-bg {\n    height: 400px;\n  }\n\n  .knowledgebase-search {\n    .form-inline {\n      width: 400px;\n      padding: 7px 45px;\n\n      svg {\n        top: 14px;\n      }\n    }\n  }\n\n  .btn-group {\n    .btn {\n      padding: 0.375rem 1.25rem;\n    }\n  }\n\n  .link-section > div {\n    &.active {\n      > h6 {\n        &:before {\n          content: \"\\f107\";\n          transition: content 0.3s ease;\n        }\n      }\n    }\n\n    > h6 {\n      position: relative;\n\n      &:before {\n        content: \"\\f105\";\n        font-family: fontAwesome;\n        position: absolute;\n        right: 10px;\n        font-size: 18px;\n        transition: content 0.3s ease;\n      }\n    }\n  }\n\n  .alert-theme {\n    min-width: 420px;\n  }\n\n  .mega-menu-header {\n    .header-wrapper {\n      .vertical-mobile-sidebar {\n        display: block;\n        margin-right: 15px;\n      }\n    }\n  }\n\n  // sidebar css\n  .page-wrapper {\n    .page-header {\n      .header-wrapper {\n        .nav-right {\n          position: unset;\n          padding: 0;\n\n          > ul {\n            li {\n              .submenu {\n                li {\n                  &:first-child {\n                    padding-left: 15px !important;\n                  }\n                }\n              }\n            }\n          }\n        }\n\n        .mobile-sidebar {\n          .switch-sm {\n            .switch {\n              margin-top: 6px;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  // social app page\n  .photos {\n    ul {\n      li {\n        width: auto;\n\n        &:nth-child(3n) {\n          margin-right: 15px;\n        }\n      }\n    }\n  }\n  .user-profile {\n    .hovercard {\n      .user-image {\n        .share-icons {\n          position: absolute;\n          right: 45px;\n          top: -22px;\n\n          li {\n            .social-icon {\n              width: 40px;\n              height: 40px;\n\n              i {\n                font-size: 18px;\n              }\n            }\n\n            color: #fff;\n            font-size: 25px;\n          }\n        }\n      }\n    }\n  }\n\n  .lg-mt-col {\n    margin-top: 30px;\n  }\n  .xl-none {\n    display: none;\n  }\n  .user-status {\n    table {\n      tbody {\n        tr {\n          td {\n            .d-inline-block {\n              margin-top: 10px;\n            }\n          }\n        }\n      }\n    }\n  }\n  .lg-mt {\n    margin-top: 30px;\n  }\n\n  .product-page-details {\n    // margin-top: 30px;\n  }\n\n  .new-products {\n    .owl-carousel {\n      .product-box {\n        &.row {\n          > div {\n            width: 100%;\n          }\n        }\n      }\n    }\n  }\n\n  .product-wrapper-grid {\n    &.list-view {\n      .product-box {\n        .product-img {\n          width: 32%;\n        }\n      }\n    }\n  }\n\n  .debit-card {\n    order: 1;\n  }\n\n  .typography {\n    .row {\n      div {\n        & + div {\n          margin-top: 30px;\n        }\n      }\n    }\n  }\n\n  .listing {\n    .card-body {\n      .row {\n        > div {\n          & + div {\n            margin-top: 30px;\n          }\n        }\n      }\n    }\n  }\n\n  .flot-chart-container {\n    height: 200px;\n  }\n\n  .img-cropper {\n    #putData {\n      margin-bottom: 10px;\n    }\n\n    .docs-toggles {\n      > .dropdown {\n        margin-bottom: 0;\n      }\n    }\n  }\n\n  .error-wrapper {\n    .maintenance-icons {\n      li {\n        i {\n          color: $light-color;\n          font-size: 40px;\n        }\n\n        &:nth-child(2) {\n          i {\n            font-size: 80px;\n            margin-left: 90px;\n          }\n        }\n\n        &:nth-child(3) {\n          i {\n            font-size: 120px;\n            margin-top: -75px;\n            margin-right: 110px;\n          }\n        }\n      }\n    }\n  }\n\n  div {\n    &.dataTables_wrapper {\n      div {\n        &.dataTables_paginate {\n          & ~ .dataTables_filter {\n            display: block;\n            width: 100%;\n            margin-top: 20px;\n            margin-bottom: 0;\n          }\n        }\n      }\n    }\n  }\n\n  .jvector-map-height {\n    height: 280px;\n  }\n\n  .custom-card {\n    .card-profile {\n      .card-footer {\n        > div {\n          h3 {\n            font-size: 18px;\n          }\n        }\n      }\n    }\n  }\n\n  .equal-height-lg {\n    min-height: unset !important;\n  }\n\n  //mega menu\n  .mega-menu {\n    .onhover-show-div {\n      height: 435px;\n      overflow-x: scroll;\n      left: 215px;\n    }\n\n    .mega-bg {\n      display: none;\n    }\n\n    .lg-mt {\n      margin-top: 25px;\n    }\n  }\n\n  .button-builder {\n    .button-generator-bx {\n      position: relative;\n      width: 100%;\n    }\n  }\n\n  //error and maintenace\n  .error-wrapper {\n    .maintenance-heading {\n      margin-top: 30px;\n      .headline {\n        font-size: 50px;\n        margin-top: -15%;\n        margin-bottom: 0px;\n      }\n      .cloud-second {\n        margin-top: -25px;\n      }\n    }\n  }\n\n  // general widget\n  .user-status {\n    table {\n      tbody {\n        tr {\n          td {\n            &:first-child {\n              min-width: 278px;\n            }\n          }\n        }\n      }\n    }\n  }\n  .contact-form {\n    padding: 10px;\n    .theme-form {\n      .form-icon {\n        margin-top: -57px;\n      }\n    }\n  }\n\n  .browser-widget {\n    padding: 0px;\n\n    img {\n      height: 50px;\n    }\n\n    .media {\n      .media-body {\n        h4 {\n          font-size: 17px;\n        }\n      }\n\n      .media-img {\n        width: 100%;\n        text-align: center;\n        margin-bottom: 10px;\n      }\n    }\n  }\n\n  .static-top-widget {\n    .media-body {\n      padding-left: 20px;\n    }\n  }\n\n  //ecommerce dashboard\n  .crm-overall {\n    .overall-chart {\n      height: 200px;\n    }\n  }\n\n  // eccommerce product\n  .product-table {\n    table.dataTable thead > tr > th {\n      padding-right: 50px;\n    }\n  }\n\n  //chat\n  .chat-menu-icons {\n    display: block;\n    clear: both;\n    // width: 100%;\n    // text-align: right;\n  }\n\n  .chat-menu {\n    right: 0;\n    border-top: 1px solid $light-semi-gray;\n    opacity: 0;\n    transform: translateY(-30px);\n    visibility: hidden;\n    top: 120px;\n    position: absolute !important;\n    z-index: 7;\n    background-color: $white;\n    transition: all linear 0.3s;\n\n    &.show {\n      opacity: 1;\n      visibility: visible;\n      transform: translateY(0px);\n      transition: all linear 0.3s;\n      padding-bottom: 25px;\n    }\n  }\n\n  .chat-history {\n    //height: 447px;\n  }\n\n  .chat-box {\n    .chat-menu {\n      .people-list {\n        ul.list {\n          max-height: 444px;\n          overflow-y: auto;\n        }\n      }\n    }\n\n    .btn-lg {\n      font-size: 12px;\n    }\n\n    .people-list {\n      ul {\n        height: auto;\n      }\n    }\n\n    .chat-right-aside {\n      .chat {\n        .chat-header {\n          height: auto;\n\n          .chat-menu-icons li a i {\n            font-size: 19px;\n          }\n        }\n\n        .chat-message {\n          margin: 0;\n        }\n      }\n    }\n\n    .chat-history {\n      .total-time h2 {\n        font-size: 25px;\n      }\n\n      .row {\n        .col-sm-7 {\n          padding-right: 0;\n        }\n      }\n    }\n\n    .border-tab.nav-tabs {\n      width: 100%;\n\n      .nav-item {\n        margin-right: 5px;\n      }\n    }\n\n    .chat-left-aside {\n      .people-list {\n        height: 493px;\n      }\n    }\n\n    .chat-history {\n      .call-content {\n        > div {\n          // padding-top: 70px;\n        }\n      }\n    }\n\n    .toogle-bar {\n      display: inline-block;\n      margin-right: 0 !important;\n    }\n  }\n\n  .chat-right-aside {\n    flex: 0 0 100%;\n    max-width: calc(100% - 15px);\n    overflow: hidden;\n  }\n\n  .call-chat-body {\n    .chat-box {\n      overflow: auto;\n      height: auto;\n    }\n  }\n\n  // icons\n  .icon-lists {\n    div {\n      overflow: hidden;\n      text-overflow: ellipsis;\n      max-width: 209px;\n    }\n  }\n\n  // tour page\n  .like-comment-lg-mb {\n    margin-bottom: 12px;\n  }\n\n  // ribbons page\n  .ribbon-space-bottom {\n    top: 9px;\n  }\n\n  // touchspin page\n  .bootstrap-touchspin {\n    .touchspin-vertical-tab {\n      .input-group {\n        width: 98.5% !important;\n      }\n    }\n  }\n\n  // jsgrid-table page\n  #batchDelete {\n    .jsgrid-grid-header {\n      .jsgrid-table {\n        .jsgrid-header-row {\n          .jsgrid-header-cell {\n            &:first-child {\n              width: 95px !important;\n            }\n          }\n        }\n      }\n    }\n\n    .jsgrid-grid-body {\n      .jsgrid-table {\n        .jsgrid-row {\n          .jsgrid-cell {\n            &:first-child {\n              width: 95px !important;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  // user-profile page\n  .profile-img-style {\n    #aniimated-thumbnials-3 {\n      text-align: center;\n    }\n  }\n\n  // vertical page\n  .vertical-menu-mt {\n    margin-top: 80px !important;\n\n    .xl-none {\n      display: block;\n    }\n  }\n\n  // calender page\n  .calendar-wrap {\n    .fc-day-grid-event {\n      width: 87%;\n    }\n  }\n\n  // product-page //\n  .product-page-main {\n    .product-page-details {\n      h3 {\n        font-size: 26px;\n      }\n    }\n  }\n\n  // md sidebar\n  .md-sidebar {\n    .md-sidebar-toggle {\n      display: block;\n    }\n    .md-sidebar-aside {\n      position: absolute;\n      top: 100%;\n      left: 10px;\n      opacity: 0;\n      visibility: hidden;\n      z-index: 3;\n      width: 280px;\n      &.open {\n        opacity: 1;\n        visibility: visible;\n      }\n    }\n  }\n\n  // job serach\n  .job-sidebar {\n    .job-left-aside {\n      height: 500px;\n      overflow: auto;\n      background-color: $white;\n      padding: 20px;\n      border: 1px solid $light-gray;\n    }\n  }\n}\n\n@media only screen and (max-width: 1199px) and (min-width: 992px) {\n  .page-wrapper {\n    &.compact-wrapper {\n      .page-header {\n        .header-wrapper {\n          .nav-right {\n            flex: 0 0 71.66667%;\n            max-width: 71.66667%;\n          }\n        }\n      }\n    }\n\n    &.modern-type {\n      .page-header {\n        .header-wrapper {\n          .nav-right {\n            flex: 0 0 66%;\n            max-width: 66%;\n          }\n        }\n      }\n    }\n\n    &.horizontal-wrapper {\n      &.material-type {\n        .page-header {\n          max-width: 930px;\n        }\n\n        .page-body-wrapper {\n          .sidebar-wrapper,\n          .page-body {\n            max-width: 930px;\n          }\n        }\n      }\n    }\n  }\n}\n@media only screen and (max-width: 991.98px) {\n  .status_toggle {\n    img {\n      width: 20px;\n      height: 20px;\n    }\n  }\n\n  .simplebar-mask {\n    top: 80px;\n  }\n\n  .project-cards {\n    .tab-content {\n      margin-bottom: -20px;\n    }\n  }\n  .edit-profile {\n    .card-body {\n      h6 {\n        &.form-label {\n          font-size: 16px;\n        }\n      }\n    }\n  }\n  .project-box {\n    margin-bottom: 20px;\n  }\n  .product-page-details {\n    h3 {\n      font-size: 22px;\n    }\n  }\n  .product-page-main {\n    padding: 20px;\n  }\n  .grid-options {\n    ul {\n      li {\n        &:nth-child(3) {\n          display: none;\n        }\n      }\n    }\n  }\n  .feature-products {\n    form {\n      .form-group {\n        i {\n          right: 20px;\n        }\n      }\n    }\n  }\n  .card {\n    .date-range-picker {\n      .daterange-card {\n        .sub-title {\n          font-size: 16px;\n        }\n      }\n    }\n  }\n\n  .page-wrapper {\n    &.modern-type {\n      .simplebar-mask {\n        top: 70px;\n      }\n    }\n\n    &.compact-sidebar {\n      .simplebar-mask {\n        top: 87px;\n      }\n\n      .page-header {\n        margin-left: 0;\n        width: calc(100% - 0px);\n      }\n\n      .page-body-wrapper {\n        div.sidebar-wrapper {\n          &.close_icon {\n            .sidebar-main {\n              .sidebar-links {\n                li {\n                  .sidebar-link {\n                    &.active {\n                      ~ .sidebar-submenu {\n                        display: none !important;\n                      }\n                    }\n                  }\n                }\n              }\n            }\n          }\n        }\n\n        .page-body {\n          margin-top: 60px;\n        }\n      }\n    }\n\n    &.advance-layout {\n      .page-body-wrapper {\n        .sidebar-wrapper {\n          position: fixed !important;\n          top: 0 !important;\n        }\n      }\n    }\n  }\n\n  .product-box {\n    .modal {\n      .modal-header {\n        .product-box {\n          .product-details {\n            padding-left: 15px;\n            padding-right: 15px;\n          }\n        }\n      }\n    }\n  }\n\n  .timeline-content {\n    p,\n    .comments-box {\n      margin-top: 20px;\n    }\n  }\n\n  // timeline small page css\n  .timeline-small {\n    .media {\n      margin-bottom: 20px;\n      .media-body {\n        h6 {\n          margin-bottom: 20px;\n        }\n        p {\n          width: 75%;\n        }\n      }\n      .timeline-round {\n        width: 45px;\n        height: 45px;\n        top: -14px;\n        &.timeline-line-1 {\n          &:after {\n            bottom: -41px;\n            height: 25px;\n          }\n        }\n        &.small-line {\n          &:after {\n            bottom: -26px;\n            height: 14px;\n          }\n        }\n        &.medium-line {\n          &:after {\n            bottom: -33px;\n            height: 17px;\n          }\n        }\n        svg {\n          top: 14px;\n        }\n      }\n    }\n  }\n\n  .search-form {\n    .form-group {\n      &:before {\n        top: 33px;\n      }\n\n      &:after {\n        top: 35px;\n      }\n    }\n  }\n\n  .mobile-title {\n    &.d-none {\n      padding: 11px 30px 10px;\n    }\n  }\n\n  .page-wrapper {\n    .page-header {\n      .header-wrapper {\n        .nav-right {\n          .profile-dropdown {\n            top: 50px;\n            width: 160px;\n          }\n        }\n      }\n    }\n\n    .current_lang {\n      .lang {\n        span {\n          &.lang-txt {\n            display: none;\n          }\n        }\n      }\n    }\n  }\n\n  .customizer-contain {\n    top: 62px;\n  }\n\n  .mobile-clock-widget {\n    #date {\n      margin-top: 20px;\n    }\n  }\n\n  .m-r-30 {\n    margin-right: 20px;\n  }\n\n  .card.full-card {\n    top: 60px;\n    width: calc(100vw - 0px);\n  }\n\n  .vertical-mobile-sidebar {\n    right: 75px;\n    top: 18px;\n  }\n\n  .gallery {\n    margin-bottom: -20px;\n  }\n\n  .my-gallery {\n    figure {\n      margin-bottom: 20px;\n    }\n  }\n\n  #aniimated-thumbnials {\n    figure {\n      &:nth-child(12),\n      &:nth-child(11),\n      &:nth-child(10),\n      &:nth-child(9) {\n        margin-bottom: 20px;\n      }\n    }\n  }\n\n  .photoswipe-pb-responsive {\n    padding-bottom: 25px !important;\n  }\n\n  // datatable css\n  table {\n    &.dataTable {\n      &.fixedHeader-locked,\n      &.fixedHeader-floating {\n        left: 0 !important;\n        width: 100% !important;\n      }\n    }\n  }\n\n  // main header css\n  .page-wrapper {\n    .section-space {\n      padding: 60px 0;\n    }\n\n    .card {\n      margin-bottom: 30px;\n\n      .card-header,\n      .card-body,\n      .card-footer {\n        padding: 20px;\n\n        .tab-content {\n          .m-t-30 {\n            margin-top: 25px !important;\n          }\n\n          .m-b-30 {\n            margin-bottom: 20px !important;\n          }\n        }\n      }\n    }\n\n    .page-body-wrapper {\n      .footer-fix {\n        margin-left: 0px;\n        padding-right: 15px;\n        width: calc(100% - 0px) !important;\n      }\n    }\n\n    &.compact-wrapper {\n      .page-header {\n        margin-left: 0 !important;\n        width: calc(100% - 0px) !important;\n\n        .header-wrapper {\n          .maximize {\n            display: none;\n          }\n\n          .header-logo-wrapper {\n            display: flex;\n          }\n\n          .toggle-sidebar {\n            position: unset;\n            margin-right: 15px;\n            border-right: 1px solid #ddd;\n            padding-right: 15px;\n            display: block;\n\n            &:before {\n              display: none;\n            }\n          }\n\n          .toggle-nav {\n            display: none;\n          }\n        }\n      }\n\n      .page-body-wrapper {\n        div.sidebar-wrapper {\n          top: 0;\n\n          &.close_icon {\n            &:hover {\n              transform: translate(-285px);\n            }\n          }\n\n          .logo-wrapper {\n            padding: 17px 30px;\n            text-align: left;\n            position: relative;\n\n            .back-btn {\n              display: inline-block;\n              top: 50%;\n              right: 10%;\n              position: absolute;\n              transform: translate(-50%, -50%);\n              font-size: 20px;\n            }\n\n            .toggle-sidebar {\n              display: none;\n            }\n          }\n\n          .sidebar-main {\n            .sidebar-links {\n              height: calc(100vh - 350px);\n            }\n          }\n\n          &.close_icon {\n            transform: translate(-285px);\n\n            .sidebar-main {\n              .sidebar-links {\n                height: unset;\n              }\n            }\n          }\n        }\n\n        .page-body {\n          margin-top: 63px;\n          padding: 0 15px;\n        }\n      }\n    }\n\n    &.compact-sidebar {\n      .page-header {\n        .header-wrapper {\n          .maximize {\n            display: none;\n          }\n        }\n      }\n    }\n\n    &.modern-type {\n      .page-header {\n        .header-wrapper {\n          .logo-wrapper {\n            display: none;\n            margin-right: 0;\n          }\n        }\n      }\n\n      .page-body-wrapper {\n        div.sidebar-wrapper {\n          margin: 0 !important;\n\n          .logo-wrapper {\n            display: block;\n          }\n        }\n      }\n    }\n\n    &.material-icon {\n      .page-header {\n        padding-left: 0;\n      }\n\n      .page-body-wrapper {\n        .page-body {\n          padding-left: 15px;\n        }\n      }\n    }\n\n    .page-header {\n      .header-wrapper {\n        margin: 0;\n        padding: 12px 30px;\n\n        .nav-right {\n          .notification {\n            top: 10px;\n          }\n        }\n\n        > .mobile-toggle {\n          cursor: pointer;\n          display: flex;\n          align-items: center;\n        }\n\n        .header-logo-wrapper {\n          margin-right: 0;\n        }\n      }\n\n      .header-logo-wrapper {\n        .logo-wrapper {\n          img {\n            margin-top: 0;\n          }\n        }\n      }\n    }\n  }\n\n  .page-body-wrapper {\n    .page-body,\n    footer {\n      margin-left: 0 !important;\n      #customer-review {\n        .owl-stage-outer {\n          width: 100% !important;\n        }\n      }\n    }\n  }\n\n  .default-according {\n    .card {\n      margin-bottom: 15px !important;\n      .card-header {\n        padding: 12px 20px;\n      }\n    }\n  }\n\n  // general widget page\n  .crm-activity {\n    > {\n      li {\n        + li {\n          margin-top: 10px;\n          padding-top: 10px;\n        }\n      }\n    }\n  }\n\n  // add post page\n  .add-post {\n    .dropzone {\n      margin-bottom: 20px;\n    }\n  }\n\n  // avatar page\n  .customers {\n    &.avatar-group {\n      margin-right: 20px;\n    }\n  }\n\n  //social app page css\n  .socialprofile {\n    .social-btngroup {\n      margin: 20px 0;\n    }\n\n    .social-group {\n      margin-top: 20px;\n    }\n  }\n\n  .social-status {\n    form {\n      .form-group {\n        .form-control-social {\n          margin-bottom: 20px;\n        }\n      }\n    }\n\n    .media {\n      margin-bottom: 20px;\n    }\n  }\n\n  .timeline-content {\n    p,\n    .comments-box {\n      margin-top: 20px;\n    }\n  }\n\n  .social-chat {\n    margin-top: 20px;\n\n    .media-body {\n      padding: 20px;\n    }\n\n    .your-msg,\n    .other-msg {\n      margin-bottom: 20px;\n    }\n  }\n\n  .social-network {\n    span {\n      margin-bottom: 20px;\n    }\n  }\n\n  .details-about {\n    + .details-about {\n      margin-top: 20px;\n    }\n  }\n\n  .activity-log {\n    .my-activity {\n      + .my-activity {\n        margin-top: 20px;\n      }\n    }\n  }\n\n  .new-users-social {\n    margin-bottom: 20px;\n  }\n\n  // timeline small page css\n  .timeline-small {\n    .media {\n      margin-bottom: 20px;\n\n      .media-body {\n        h6 {\n          margin-bottom: 20px;\n        }\n\n        p {\n          width: 75%;\n        }\n      }\n\n      .timeline-round {\n        width: 45px;\n        height: 45px;\n        top: -14px;\n\n        &.timeline-line-1 {\n          &:after {\n            bottom: -41px;\n            height: 25px;\n          }\n        }\n\n        &.small-line {\n          &:after {\n            bottom: -26px;\n            height: 14px;\n          }\n        }\n\n        &.medium-line {\n          &:after {\n            bottom: -33px;\n            height: 17px;\n          }\n        }\n\n        svg {\n          top: 14px;\n        }\n      }\n    }\n  }\n\n  // helper classes page start\n  .helper-classes {\n    padding: 20px;\n  }\n\n  // helper classes page ends\n  .floated-customizer-btn,\n  .floated-customizer-panel {\n    display: none;\n  }\n\n  .page-builder {\n    .ge-canvas {\n      &.ge-editing {\n        .row {\n          padding: 20px;\n          > .ge-tools-drawer {\n            a {\n              font-size: 11px;\n            }\n          }\n        }\n        .column {\n          > .ge-tools-drawer {\n            a {\n              font-size: 11px;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .weather-widget-two {\n    .bottom-whetherinfo {\n      .whether-content {\n        top: 24px;\n      }\n    }\n  }\n\n  .social-widget-card {\n    .media {\n      .social-font {\n        width: 50px;\n        height: 50px;\n\n        img {\n          width: 20px;\n          height: 20px;\n        }\n      }\n    }\n  }\n\n  .ecommerce-widget {\n    .progress-showcase {\n      margin-top: 20px;\n    }\n  }\n\n  .crm-overall {\n    margin: 0 -20px -20px;\n  }\n\n  .product-page-main {\n    padding: 20px;\n  }\n\n  .grid-options {\n    ul {\n      li {\n        &:nth-child(3) {\n          display: none;\n        }\n      }\n    }\n  }\n\n  .feature-products {\n    form {\n      .form-group {\n        i {\n          right: 20px;\n        }\n      }\n    }\n  }\n\n  .tabbed-card ul {\n    padding: 18px 15px;\n  }\n\n  .tabbed-card {\n    ul {\n      top: -7px;\n      right: 0;\n\n      &.border-tab {\n        &.nav-tabs {\n          padding: 0;\n\n          .nav-item {\n            .nav-link {\n              padding: 18px 15px;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .tilt-showcase {\n    .tilt-image {\n      text-align: center;\n    }\n\n    .mt-4 {\n      margin-top: 20px !important;\n    }\n  }\n\n  .todo {\n    .todo-list-wrapper {\n      .mark-all-tasks {\n        top: 20px;\n        right: 20px;\n      }\n    }\n  }\n\n  .custom-card {\n    padding-bottom: 0;\n    .card-footer {\n      padding: 0 15px 15px 15px !important;\n    }\n\n    .card-header {\n      border: none;\n    }\n\n    .dashboard-card {\n      padding: 0;\n    }\n\n    .card-profile {\n      img {\n        height: 85px;\n      }\n    }\n  }\n\n  .display-1 {\n    font-size: 4rem;\n  }\n\n  .display-2 {\n    font-size: 3.5rem;\n  }\n\n  .display-3 {\n    font-size: 2.5rem;\n  }\n\n  .display-4 {\n    font-size: 1.5rem;\n  }\n\n  h1,\n  .h1 {\n    font-size: 28px;\n  }\n\n  h2,\n  .h2 {\n    font-size: 22px;\n  }\n\n  h3,\n  .h3 {\n    font-size: 18px;\n  }\n\n  h4,\n  .h4 {\n    font-size: 16px;\n  }\n\n  h5,\n  .h5 {\n    font-size: 14px;\n  }\n\n  h6,\n  .h6 {\n    font-size: 12px;\n  }\n\n  .card-absolute {\n    .card-header {\n      padding: 10px 15px !important;\n    }\n  }\n\n  .comingsoon {\n    .comingsoon-inner {\n      .countdown {\n        .time {\n          width: 80px;\n          height: 80px;\n          font-size: 26px;\n        }\n      }\n    }\n  }\n\n  .calendar-wrap {\n    .basic-calendar {\n      .external-events {\n        .fc-event {\n          & + .fc-event {\n            margin-top: 10px;\n          }\n        }\n      }\n    }\n  }\n\n  .owl-theme {\n    .owl-nav {\n      &.disabled {\n        & + .owl-dots {\n          margin-bottom: -10px;\n          margin-top: 15px;\n        }\n      }\n    }\n  }\n\n  .color-shape {\n    .card {\n      .card-header {\n        h5 {\n          font-size: 17px;\n        }\n      }\n    }\n  }\n\n  .card {\n    .card-header {\n      h5 {\n        font-size: 18px;\n      }\n\n      .card-header-right {\n        top: 20 px;\n        right: 15px;\n      }\n    }\n  }\n\n  .page-builder {\n    .ge-addRowGroup {\n      width: 100%;\n    }\n  }\n\n  //user profile\n  .user-profile {\n    .hovercard {\n      .info {\n        .user-designation {\n          margin-bottom: 20px;\n        }\n      }\n    }\n  }\n\n  // search page //\n  .search-list {\n    justify-content: center;\n  }\n\n  //blog\n  .comment-box {\n    .comment-social {\n      li {\n        &:nth-child(n + 2) {\n          padding-left: 15px;\n          margin-left: 15px;\n        }\n      }\n    }\n  }\n\n  .top-radius-blog {\n    width: 100%;\n  }\n  .sm-100-w {\n    width: 100%;\n    height: 100%;\n  }\n\n  //error and maintenace\n  .error-wrapper {\n    padding: 35px 0;\n\n    .sub-content {\n      font-size: 14px;\n      line-height: 25px;\n      margin-top: 0px;\n    }\n\n    .error-heading {\n      margin-top: 30px;\n\n      .headline {\n        font-size: 180px;\n        margin-top: 0;\n      }\n    }\n\n    .maintenance-heading {\n      margin-top: 30px;\n    }\n  }\n\n  // editor_container //\n  .editor_container {\n    .CodeMirror {\n      min-height: 250px;\n      height: 250px;\n    }\n  }\n\n  //search\n  .search-page {\n    .info-block {\n      flex-wrap: wrap;\n    }\n\n    .tab-content {\n      .pb-4 {\n        padding-bottom: 20px !important;\n      }\n    }\n  }\n\n  //coming soon\n  .comingsoon {\n    .comingsoon-inner {\n      img {\n        width: 150px;\n      }\n    }\n  }\n\n  //business dashboard\n\n  .contact-form {\n    padding-top: 10px !important;\n\n    .theme-form {\n      padding: 20px;\n      margin-top: 27px;\n\n      .form-icon {\n        margin-top: -47px;\n      }\n    }\n  }\n\n  //crm dashboard\n  .user-status {\n    &.product-chart {\n      max-height: 518px;\n      overflow: auto;\n    }\n  }\n\n  // general widget\n\n  .xl-none {\n    display: block;\n  }\n\n  //blog\n  .top-radius-blog {\n    width: 100%;\n  }\n\n  .sm-100-w {\n    width: 100%;\n    height: 100%;\n  }\n\n  /*Form Wizard One start*/\n  .form-wizard {\n    .btn-mb {\n      margin-bottom: 20px;\n    }\n  }\n\n  /*Form Wizard One ends*/\n\n  /*Form Wizard Two Start*/\n  .stepwizard {\n    margin-bottom: 20px;\n  }\n\n  /*Form Wizard Two Ends*/\n\n  /*Form Wizard Three Start*/\n  .f1 {\n    .f1-steps {\n      margin-top: 20px;\n      margin-bottom: 20px;\n    }\n  }\n\n  /*Form Wizard Three ends*/\n\n  /*Form Wizard Four Start*/\n  .wizard-4 {\n    ul.anchor {\n      padding-right: 20px;\n      width: 40%;\n\n      li {\n        a {\n          &.done {\n            h4 {\n              &:before {\n                top: -8px;\n              }\n            }\n          }\n        }\n\n        h4 {\n          padding: 11px 18px;\n        }\n\n        + li {\n          a {\n            padding-left: 65px;\n          }\n        }\n      }\n    }\n\n    .step-container {\n      width: 60%;\n\n      div.content {\n        .wizard-title {\n          width: 380px;\n        }\n      }\n    }\n\n    .msg-box {\n      top: 25px !important;\n    }\n  }\n\n  /*Form Wizard Four ends*/\n  // tab material\n  .border-tab.nav-tabs {\n    margin-bottom: 20px;\n  }\n\n  .tab-content {\n    ~ .nav-tabs {\n      &.border-tab {\n        margin-top: 20px;\n      }\n    }\n  }\n\n  // support ticket\n  .dataTables_wrapper {\n    .dataTables_length {\n      margin-bottom: 20px;\n    }\n\n    table.dataTable {\n      margin-bottom: 20px !important;\n    }\n  }\n\n  // search page\n  .search-page {\n    .info-block {\n      + .info-block {\n        padding-top: 20px;\n        margin-top: 20px;\n      }\n    }\n\n    #video-links {\n      .embed-responsive + .embed-responsive {\n        margin-top: 20px;\n      }\n    }\n  }\n\n  .lg-mt {\n    margin-top: 20px;\n  }\n\n  .gallery-with-description {\n    margin-bottom: -20px;\n\n    a {\n      > div {\n        margin-bottom: 20px;\n      }\n    }\n  }\n\n  // clipboard\n  .clipboaard-container {\n    p {\n      margin-bottom: 8px;\n    }\n  }\n\n  // summer-note\n  .m-b-30 {\n    margin-bottom: 20px !important;\n  }\n\n  // navs page\n  .nav-md-mt {\n    margin-top: 20px;\n  }\n\n  .navs-icon {\n    padding: 20px;\n\n    .main-section {\n      padding-top: 20px;\n    }\n\n    .separator {\n      margin: 20px 0;\n    }\n  }\n\n  .nav-list {\n    padding: 20px;\n  }\n\n  .navs-dropdown {\n    button {\n      margin-top: 20px;\n    }\n\n    .onhover-show-div {\n      top: 68px;\n    }\n  }\n\n  // animated modal page\n  .animated-modal {\n    .form-group {\n      width: 100%;\n      display: block;\n    }\n\n    .mr-4 {\n      margin-right: 0 !important;\n    }\n  }\n\n  // steps page\n  .steps-md-mt {\n    margin-top: 20px;\n  }\n\n  // button group page\n  .btn-group-wrapper {\n    .m-b-30 {\n      &:last-child {\n        margin-bottom: 0 !important;\n      }\n    }\n  }\n\n  // datatable advance page\n  #advance-5_wrapper {\n    .dataTables_paginate {\n      margin-bottom: 20px;\n    }\n  }\n\n  // summer-note page\n  .click2edit {\n    & ~ .note-editor {\n      &.note-frame {\n        margin-bottom: 20px;\n      }\n    }\n  }\n\n  // call-chat page\n  .chat-box {\n    .chat-left-aside {\n      .people-list {\n        height: 483px;\n      }\n    }\n\n    .chat-right-aside {\n      .chat {\n        .chat-header {\n          .chat-menu-icons {\n            li {\n              margin-right: 5px;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .card {\n    .card-body {\n      form {\n        &.animated-modal {\n          display: flex;\n\n          .animated-modal-md-mb {\n            margin-bottom: 20px !important;\n          }\n        }\n      }\n    }\n  }\n\n  .wizard-4 {\n    .msg-box {\n      top: 40px;\n      right: 0%;\n      bottom: unset;\n      left: unset;\n    }\n  }\n\n  .theme-form {\n    &.form-inline {\n      display: flex;\n    }\n  }\n\n  .product-page-main {\n    .product-page-details {\n      h3 {\n        font-size: 22px;\n      }\n    }\n\n    .product-page-main {\n      p {\n        font-size: 12px;\n      }\n    }\n\n    .product-social {\n      li {\n        a {\n          font-size: 13px;\n          width: 30px;\n          height: 30px;\n        }\n      }\n    }\n  }\n}\n\n@media only screen and (max-width: 991px) and (min-width: 768px) {\n  .page-wrapper .page-header .header-wrapper .nav-right {\n    flex: 0 0 58%;\n    max-width: 58%;\n  }\n\n  .page-wrapper {\n    &.compact-wrapper {\n      &.material-type {\n        &::before {\n          height: 230px;\n        }\n\n        .page-header {\n          width: calc(100% - 60px) !important;\n          margin: 50px auto 0 !important;\n        }\n\n        .page-body-wrapper {\n          margin: 0 30px;\n\n          div.sidebar-wrapper {\n            left: 0;\n          }\n\n          .page-body {\n            margin-top: 0;\n          }\n        }\n      }\n    }\n  }\n}\n\n@media only screen and (max-width: 810px) {\n  .page-wrapper {\n    .page-header {\n      .header-wrapper {\n        .nav-right {\n          > ul {\n            > li {\n              .profile-media {\n                .media-body {\n                  display: none;\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n}\n@media screen and (min-width: 768px) {\n  .product-wrapper-grid {\n    &.list-view {\n      .ribbon {\n        display: none;\n      }\n      .col-sm-6 {\n        flex: 0 0 50%;\n        max-width: 50%;\n      }\n    }\n  }\n}\n@media only screen and (max-width: 767.98px) {\n  .wizard-4 {\n    ul.anchor {\n      width: 100%;\n      height: auto;\n      padding: 30px;\n    }\n\n    .step-container {\n      width: 100%;\n    }\n  }\n\n  #animation-box{\n    .animate-widget{\n      img{\n        border-bottom-left-radius: 15px;\n        border-bottom-right-radius: 15px;\n      }\n    }\n  }\n  .contact-editform {\n    padding-left: 20px !important;\n  }\n\n  .event-calendar {\n    display: block !important;\n\n    #right {\n      width: 100%;\n    }\n\n    #calendar {\n      clear: both;\n    }\n  }\n\n  .page-wrapper {\n    .nav-right {\n      .nav-menus {\n        margin-right: 57px;\n      }\n    }\n\n    &.compact-wrapper {\n      .nav-right {\n        .nav-menus {\n          margin-right: 0;\n        }\n      }\n    }\n\n    &.material-type {\n      &::before {\n        display: none;\n      }\n\n      .page-header {\n        margin-top: 0;\n        border-radius: 0;\n      }\n\n      .page-body-wrapper {\n        .page-body {\n          margin-top: 0 !important;\n        }\n      }\n    }\n\n    &.only-body {\n      .page-header {\n        .header-wrapper {\n          .nav-right {\n            > ul {\n              > li {\n                margin-right: -2px;\n              }\n            }\n\n            .nav-menus {\n              margin-right: -10px;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .new-products {\n    .owl-carousel {\n      .product-box {\n        &.row {\n          > div {\n            width: auto;\n          }\n        }\n      }\n    }\n  }\n\n  .profile-media {\n    .media-body {\n      display: none;\n    }\n  }\n\n  .form-inline {\n    .form-group:not(.form-control-search) {\n      width: 100%;\n      + .form-group {\n        margin-top: 10px;\n      }\n\n      input {\n        width: 100%;\n      }\n    }\n  }\n\n  .credit-card {\n    .text-center {\n      img {\n        margin-bottom: 20px;\n      }\n    }\n  }\n\n  .starter-kit-fix {\n    .page-body {\n      margin-bottom: 78px;\n    }\n  }\n\n  .footer-copyright {\n    ~ div {\n      text-align: center;\n\n      p {\n        float: none;\n        margin-top: 5px;\n      }\n    }\n  }\n\n  // button page //\n  .btn-showcase {\n    text-align: center;\n  }\n\n  // social app page css\n  .user-profile {\n    .hovercard {\n      .user-image {\n        .share-icons {\n          right: 25px;\n          top: -19px;\n\n          li {\n            .social-icon {\n              width: 35px;\n              height: 35px;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .tabs-scoial {\n    &.border-tab {\n      &.nav-tabs {\n        display: flex;\n      }\n    }\n  }\n\n  // timeline small page css\n  .timeline-small {\n    .media {\n      .media-body {\n        p {\n          width: 100%;\n        }\n      }\n    }\n  }\n\n  // icon-compact layout page\n  .my-gallery {\n    figure {\n      &:nth-child(9),\n      &:nth-child(10) {\n        margin-bottom: 20px;\n      }\n    }\n  }\n\n  // project list //\n  .project-list {\n    .btn {\n      margin-top: 5px;\n    }\n  }\n\n  // chat\n  .chat-box {\n    .chat-right-aside {\n      .chat {\n        .chat-message {\n          .text-box {\n            .btn {\n              font-size: 0;\n\n              &:before {\n                position: absolute;\n                content: \"\\e661\";\n                font-family: $font-themify;\n                font-size: 18px;\n                top: 11px;\n                left: 20px;\n              }\n            }\n          }\n        }\n      }\n    }\n\n    .border-tab {\n      &.nav-tabs {\n        display: flex;\n      }\n    }\n\n    .chat-menu {\n      .nav-tabs {\n        .nav-item {\n          a {\n            height: 50px;\n          }\n        }\n      }\n    }\n\n    .chat-history {\n      .call-content {\n        > div {\n          padding-top: 40px;\n          height: auto;\n        }\n      }\n\n      .receiver-img {\n        margin-bottom: unset;\n      }\n    }\n\n    .chat-left-aside {\n      .people-list {\n        height: auto;\n      }\n    }\n  }\n\n  .call-chat-sidebar {\n    max-width: 100%;\n    width: 100%;\n    flex-basis: auto;\n\n    .people-list {\n      height: auto;\n    }\n  }\n\n  .chat-left-aside {\n    .people-list {\n      ul {\n        max-height: 230px;\n      }\n    }\n  }\n\n  .clockpicker-align-top {\n    left: 55px !important;\n    top: 470px !important;\n\n    .arrow {\n      display: none;\n    }\n  }\n\n  .form-builder-column {\n    .form-body {\n      min-height: 250px;\n    }\n  }\n\n  .form-builder-2-header {\n    flex-wrap: wrap;\n\n    > div {\n      width: 100%;\n      margin-top: 10px;\n\n      nav {\n        float: none;\n      }\n    }\n  }\n\n  // form-builder\n  .lg-mt-col {\n    margin-top: 20px;\n  }\n\n  .form-builder {\n    .drag-box {\n      fieldset {\n        padding: 20px;\n        margin-top: 20px;\n      }\n    }\n\n    #components {\n      margin-top: 20px;\n    }\n\n    .component {\n      label {\n        padding-top: 0px;\n      }\n    }\n  }\n\n  //mega menu\n  .mega-menu {\n    .onhover-show-div {\n      height: 415px;\n      left: 0;\n      top: 61px;\n      padding: 20px;\n    }\n\n    .lg-mt {\n      margin-top: 15px;\n    }\n  }\n\n  .page-builder {\n    .ge-canvas {\n      &.ge-editing {\n        .ge-tools-drawer {\n          margin: 10px 0 0 10px;\n\n          > a {\n            padding: 0 5px;\n          }\n        }\n      }\n    }\n  }\n\n  .reader {\n    margin-top: 15px;\n    height: auto !important;\n  }\n\n  .range-slider {\n    &.theme-form {\n      .form-group {\n        margin-bottom: 0;\n      }\n    }\n  }\n\n  .note-editor {\n    .btn-group {\n      .btn {\n        font-size: 11px;\n      }\n    }\n  }\n\n  .user-status {\n    tbody {\n      tr {\n        td {\n          min-width: 284px;\n\n          & + td {\n            min-width: unset;\n\n            & + td {\n              min-width: 100px;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .text-md-right {\n    text-align: right;\n  }\n\n  .star-ratings {\n    .stars {\n      padding: 0;\n    }\n  }\n\n  .form-inline {\n    &.d-inline-block {\n      display: block !important;\n      width: 100%;\n\n      .form-control {\n        margin-bottom: 10px;\n      }\n    }\n  }\n\n  .reset-password-box {\n    width: 500px;\n    margin: 0 auto;\n\n    .card {\n      padding: 20px;\n    }\n  }\n\n  .user-card {\n    .custom-card {\n      .card-profile {\n        img {\n          height: 90px;\n        }\n      }\n    }\n  }\n\n  .custom-card {\n    .card-profile {\n      img {\n        height: 136px;\n        bottom: 0;\n      }\n    }\n    .card-social {\n      li {\n        &:nth-child(n + 2) {\n          margin-left: 10px;\n        }\n        a {\n          padding: 10px;\n          width: 30px;\n          height: 30px;\n          font-size: 14px;\n        }\n      }\n    }\n  }\n\n  .error-wrapper {\n    .maintenance-icons {\n      li {\n        i {\n          color: $light-color;\n          font-size: 30px;\n        }\n\n        &:nth-child(2) {\n          i {\n            font-size: 60px;\n            margin-top: -10px;\n            margin-left: 70px;\n          }\n        }\n\n        &:nth-child(3) {\n          i {\n            font-size: 90px;\n            margin-right: 80px;\n          }\n        }\n      }\n    }\n  }\n\n  .authentication-main {\n    .auth-innerright {\n      .social-media {\n        li {\n          font-size: 14px;\n        }\n      }\n\n      min-height: unset;\n      padding: 0;\n    }\n  }\n\n  .loader-box {\n    justify-content: center;\n  }\n\n  .dataTables_wrapper {\n    .dataTables_length {\n      margin-bottom: 20px;\n    }\n\n    .dataTables_filter {\n      margin-left: 0;\n      margin-top: 0;\n      margin-bottom: 20px;\n    }\n  }\n\n  div {\n    &.dataTables_wrapper {\n      div {\n        &.dataTables_info {\n          padding-top: 0;\n        }\n\n        &.dataTables_length,\n        &.dataTables_filter {\n          label {\n            float: none;\n          }\n        }\n\n        &.dataTables_paginate {\n          float: none;\n          margin-top: 20px !important;\n          margin-left: 0 !important;\n        }\n      }\n    }\n  }\n\n  .calendar-wrap {\n    .fc-basic-view {\n      .fc-day-number {\n        padding: 0 0px !important;\n      }\n    }\n\n    .fc-events-container {\n      margin-top: 0px;\n    }\n\n    .fc-events-container {\n      h6,\n      .checkbox {\n        text-align: right;\n      }\n    }\n\n    .checkbox {\n      label {\n        margin-top: 0;\n      }\n    }\n\n    .fc-toolbar {\n      .fc-left {\n        .fc-next-button {\n          .fc-icon-right-single-arrow {\n            &:after {\n              font-size: 12px !important;\n            }\n          }\n        }\n\n        .fc-prev-button {\n          .fc-icon-left-single-arrow {\n            &:after {\n              font-size: 12px !important;\n            }\n          }\n        }\n      }\n\n      .fc-left,\n      .fc-right {\n        .fc-today-button {\n          padding-top: 0px !important;\n        }\n      }\n    }\n\n    .fc {\n      button {\n        font-size: 14px !important;\n        padding: 0 5px !important;\n      }\n\n      .fc-left {\n        margin-bottom: 10px;\n      }\n\n      .fc-toolbar {\n        > div {\n          display: block !important;\n          float: none !important;\n        }\n\n        > * {\n          :first-child {\n            font-size: 18px;\n          }\n\n          > * {\n            float: none !important;\n          }\n        }\n      }\n\n      margin-top: 0px;\n    }\n  }\n\n  .btn-group-wrapper {\n    text-align: center;\n\n    .m-b-30 {\n      margin-bottom: 15px !important;\n    }\n  }\n\n  .btn-group-showcase {\n    text-align: center;\n\n    .btn-group {\n      margin-right: 0;\n      margin-bottom: 15px;\n    }\n  }\n\n  .btn-group {\n    .btn {\n      font-size: 14px;\n      padding: 0.375rem 1.3rem;\n    }\n  }\n\n  .animate-widget {\n    .text-center {\n      display: none;\n    }\n  }\n\n  //general widget page\n\n  .user-status {\n    &.product-chart {\n      max-height: 100%;\n    }\n\n    table {\n      thead {\n        tr {\n          th {\n            &:nth-child(3) {\n              min-width: 124px;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  //mega menu\n  .mega-menu {\n    .onhover-show-div {\n      height: 350px;\n    }\n  }\n\n  .page-builder {\n    .ge-canvas {\n      .column {\n        padding: 0 !important;\n      }\n    }\n\n    .ge-content-type-ckeditor {\n      h3 {\n        font-size: 20px;\n      }\n\n      p {\n        font-size: 12px;\n      }\n    }\n\n    .ge-row-icon {\n      display: none !important;\n    }\n  }\n\n  /* font-awesom icon page */\n  .icon-hover-bottom {\n    .form-group {\n      input {\n        min-width: 270px;\n      }\n    }\n  }\n\n  //user profile\n  .user-profile {\n    .hovercard {\n      .cardheader {\n        height: 350px;\n      }\n\n      .info {\n        padding: 35px;\n\n        .ttl-info {\n          margin-bottom: 20px;\n        }\n\n        .ttl-sm-mb-0 {\n          margin-bottom: 0;\n        }\n      }\n    }\n  }\n\n  //calendar\n  .calendar-wrap {\n    .fc {\n      button {\n        padding: 5px;\n      }\n    }\n\n    .fc-day-grid-event {\n      margin: 0;\n      padding: 5px;\n      width: inherit;\n    }\n\n    .fc-toolbar {\n      h2 {\n        font-size: 20px;\n        line-height: 35px;\n        font-weight: bold;\n      }\n    }\n\n    .basic-calendar {\n      .external-events {\n        margin-top: 0px;\n      }\n    }\n  }\n\n  //blog\n  .blog-single {\n    .comment-box {\n      .media {\n        h6 {\n          margin-bottom: 10px;\n        }\n        img {\n          margin-right: 30px;\n        }\n      }\n      .comment-social {\n        margin-bottom: 10px;\n      }\n    }\n  }\n  .blog-box {\n    .blog-details-main {\n      .blog-social {\n        li {\n          padding: 0 12px;\n        }\n      }\n    }\n  }\n  .learning-box .details-main {\n    padding: 20px;\n  }\n\n  //material tab\n  .tabbed-card {\n    ul {\n      &.border-tab {\n        margin-bottom: 15px;\n\n        &.nav-tabs {\n          top: unset;\n\n          .nav-item {\n            .nav-link {\n              padding: 5px 15px 10px;\n            }\n          }\n        }\n      }\n\n      padding: 10px 0 5px 0;\n      position: relative;\n      width: 100%;\n      left: 0;\n    }\n  }\n\n  //search\n  .search-page {\n    #image-links {\n      .info-block {\n        &.m-t-30 {\n          margin-top: 0 !important;\n        }\n      }\n    }\n  }\n\n  //authentication\n  .authentication-main {\n    .authentication-box {\n      width: 100%;\n    }\n\n    .auth-innerright {\n      display: inherit;\n    }\n  }\n\n  //default dashboard\n  .map-chart {\n    .chart-container {\n      height: 300px;\n    }\n  }\n\n  .candidcahrt {\n    height: 250px;\n  }\n\n  //chart widget\n  .bar-chart-widget {\n    .earning-details {\n      i {\n        right: 0;\n      }\n    }\n  }\n\n  .serial-chart .chart-container {\n    height: 300px;\n  }\n\n  .bottom-content {\n    padding: 10px;\n\n    p {\n      font-size: 12px;\n    }\n  }\n\n  // from wizard two\n  .stepwizard {\n    .stepwizard-row {\n      &:before {\n        top: 17px;\n      }\n    }\n  }\n\n  // icons\n  .icon-hover-bottom {\n    .icon-popup {\n      display: flex;\n\n      > .icon-last {\n        display: block;\n        margin-top: 15px;\n\n        .form-inline {\n          .form-group {\n            display: block;\n            // justify-content: center;\n            // align-items: center;\n          }\n        }\n      }\n\n      div {\n        .flag-icon {\n          width: 30px;\n          height: auto;\n        }\n      }\n    }\n\n    .form-group {\n      input {\n        display: block;\n        margin-bottom: 10px;\n        width: auto !important;\n      }\n    }\n  }\n\n  //footer\n  .footer-links {\n    text-align: center;\n  }\n\n  .footer-copyright {\n    text-align: center !important;\n  }\n\n  .jvector-map-height {\n    height: 150px;\n  }\n\n  .sm-left-text {\n    text-align: left !important;\n  }\n\n  // alert page\n  .alert-dismissible {\n    p {\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      max-width: 294px;\n    }\n  }\n\n  // button group page\n  .button-group-mb-sm {\n    margin-bottom: 5px;\n  }\n\n  // table components page\n  .card-block {\n    .table-responsive {\n      .table {\n        tbody {\n          tr {\n            td {\n              span {\n                overflow: hidden;\n                text-overflow: ellipsis;\n                white-space: nowrap;\n                max-width: 100px;\n              }\n            }\n          }\n        }\n      }\n\n      .progress-content {\n        tbody {\n          tr {\n            td {\n              span {\n                text-overflow: ellipsis;\n                white-space: normal;\n                max-width: 50px;\n              }\n            }\n          }\n        }\n      }\n\n      .checkbox-td-width,\n      .radio-first-col-width {\n        tbody {\n          tr {\n            td {\n              min-width: 200px !important;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  // jsgrid-table page\n  #batchDelete {\n    .jsgrid-grid-header {\n      .jsgrid-table {\n        .jsgrid-header-row {\n          .jsgrid-header-cell {\n            &:first-child {\n              width: 119px !important;\n            }\n          }\n        }\n      }\n    }\n\n    .jsgrid-grid-body {\n      .jsgrid-table {\n        .jsgrid-row {\n          .jsgrid-cell {\n            &:first-child {\n              width: 119px !important;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .jsgrid {\n    .jsgrid-pager-container {\n      text-align: center;\n    }\n  }\n\n  // chat page\n  .chat-box {\n    .chat-right-aside {\n      .chat {\n        .chat-msg-box {\n          height: auto;\n        }\n      }\n    }\n\n    .chat-menu {\n      .nav-tabs {\n        .nav-item {\n          width: 32.33%;\n        }\n      }\n\n      .people-list {\n        ul.list {\n          max-height: 433px;\n          margin-bottom: 15px;\n        }\n      }\n\n      #info-profile,\n      #info-contact {\n        margin-bottom: 15px;\n      }\n    }\n  }\n\n  // user-profile page\n  .hovercard {\n    .info {\n      .follow {\n        .text-md-right {\n          text-align: center;\n        }\n      }\n    }\n  }\n\n  .profile-img-style {\n    .like-comment-sm-mb {\n      margin-bottom: 20px;\n    }\n  }\n\n  // forget-password page\n  .reset-password-box {\n    .theme-form {\n      .form-group {\n        .btn {\n          margin-top: 15px !important;\n        }\n      }\n    }\n  }\n\n  // gallery page\n  .lg-outer {\n    .lg-actions .lg-next,\n    .lg-actions .lg-prev {\n      top: 48%;\n    }\n  }\n\n  .product-wrapper-grid {\n    &.list-view {\n      .product-box {\n        .product-img {\n          width: 42%;\n        }\n      }\n    }\n  }\n\n  .product-filter {\n    .product-box {\n      flex-wrap: nowrap;\n\n      .product-img {\n        width: 100px;\n      }\n\n      .product-details {\n        padding: 0 !important;\n      }\n    }\n  }\n}\n\n@media only screen and (max-width: 767px) {\n  .page-wrapper {\n    &.compact-wrapper {\n      .page-header {\n        .header-wrapper {\n          .nav-right {\n            margin-left: auto;\n          }\n        }\n      }\n    }\n  }\n\n  .page-wrapper{\n    .page-header{\n      .header-wrapper{\n        .nav-right{\n          .resp-serch-input{\n            .search-form{\n              input{\n                background-color: $white;\n                border: 1px solid #d8e0ff;\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .product-page-main {\n    .border-tab.nav-tabs .nav-item {\n      width: auto !important;\n    }\n  }\n  .products-total {\n    margin-bottom: 10px;\n  }\n\n  // product page //\n  .product-page-details {\n    h3 {\n      font-size: 18px;\n    }\n  }\n\n  .grid-options ul li {\n    display: none;\n  }\n  .modal-body {\n    .animate-widget {\n      img {\n        border-radius: 15px;\n      }\n    }\n  }\n  // product page\n  .feature-products {\n    .filter-toggle {\n      padding: 8px 15px;\n      margin-left: 10px;\n      border-radius: 5px;\n      background-color: rgba($primary-color, 0.05);\n      color: $primary-color;\n    }\n    span {\n      font-size: 12px;\n      &.f-w-600 {\n        padding-top: 8px;\n        display: inline-block;\n      }\n    }\n  }\n  .grid-options {\n    ul {\n      li {\n        display: none;\n      }\n    }\n  }\n  .product-wrapper {\n    &.sidebaron {\n      .product-grid {\n        .product-wrapper-grid {\n          margin-left: 0;\n        }\n      }\n    }\n  }\n\n  .product-filter {\n    .product-box {\n      flex-wrap: nowrap;\n      .product-img {\n        width: 100px;\n      }\n      .product-details {\n        padding: 0 !important;\n      }\n    }\n  }\n  // timeline small page css\n  .timeline-small {\n    .media {\n      .media-body {\n        p {\n          width: 100%;\n        }\n      }\n    }\n  }\n  .product-main {\n    &.border-start {\n      border: none !important;\n    }\n  }\n\n  // email app\n  .email-wrap {\n    .email-right-aside {\n      .email-content {\n        .email-top {\n          .d-flex {\n            padding-bottom: 0;\n          }\n          .float-end {\n            float: left !important;\n          }\n        }\n        .email-wrapper {\n          .attachment {\n            ul {\n              li {\n                &:last-child {\n                  padding-right: 0;\n                }\n                img {\n                  width: 90px;\n                  height: 90px;\n                }\n              }\n            }\n          }\n        }\n      }\n      .email-body {\n        .inbox .media {\n          // padding-top:15px;\n          // padding-bottom:15px;\n        }\n      }\n    }\n  }\n  .email-wrap {\n    .email-right-aside {\n      .email-profile {\n        overflow-x: auto;\n        .inbox {\n          width: 700px;\n          p {\n            width: calc(100% - 200px);\n            max-width: 500px;\n          }\n        }\n      }\n    }\n  }\n\n  .dropzone.dz-clickable {\n    padding: 20px;\n  }\n  .social-tab {\n    display: block;\n    ul {\n      justify-content: center;\n      margin-bottom: -10px;\n      li {\n        display: inline-block;\n        margin-bottom: 10px;\n      }\n    }\n    .input-group {\n      margin-top: 15px;\n      margin-right: auto;\n      margin-left: auto;\n    }\n  }\n  .social-app-profile {\n    .social-status {\n      .media {\n        img {\n          width: 40px !important;\n        }\n        .social-status {\n          bottom: 10px;\n          left: 35px;\n        }\n      }\n    }\n  }\n\n  .user-profile {\n    .profile-header {\n      .userpro-box {\n        .avatar {\n          width: 80px;\n          height: 80px;\n        }\n      }\n    }\n  }\n}\n\n@media only screen and (max-width: 710px) {\n  .page-wrapper {\n    &.compact-wrapper {\n      .nav-right {\n        .nav-menus {\n          margin-right: 0;\n        }\n      }\n    }\n  }\n}\n\n@media only screen and (max-width: 575.98px) and (min-width: 480px) {\n  .page-wrapper {\n    .page-header {\n      .header-wrapper {\n        .nav-right {\n          .onhover-show-div {\n            li {\n              .media {\n                .notification-img {\n                  left: 0;\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n}\n\n@media only screen and (max-width: 575.98px) {\n  .widget-joins{\n    .widget-card{\n      .icon-bg{\n        svg{\n          height: 60px;\n        }\n      }\n    }\n  }\n  .page-wrapper.only-body {\n    .page-header {\n      .header-wrapper {\n        .nav-right {\n          right: 30px;\n\n          .nav-menus {\n            margin-right: 0;\n          }\n        }\n      }\n    }\n  }\n  // product page\n  .feature-products {\n    .text-end {\n      text-align: left !important;\n    }\n    .select-options {\n      float: left;\n      margin-right: 10px;\n    }\n  }\n\n  .product-page-main {\n    padding: 15px;\n    .m-t-15 {\n      margin-top: 0 !important;\n      .btn {\n        margin-top: 10px;\n      }\n    }\n    .pro-group {\n      .pro-shop {\n        button {\n          &:last-child {\n            margin-top: 15px;\n          }\n        }\n      }\n    }\n  }\n  // product page //\n  .product-color {\n    li {\n      width: 15px;\n      height: 15px;\n    }\n  }\n  ul.pro-services {\n    li {\n      h5 {\n        font-size: 14px;\n      }\n      p {\n        font-size: 13px;\n      }\n    }\n  }\n  .form-builder {\n    .form-builder-column {\n      .form-builder-2-header {\n        .navbar {\n          select {\n            margin-bottom: 10px;\n          }\n        }\n      }\n    }\n  }\n\n  .product-wrapper {\n    .pagination-content {\n      justify-content: flex-start;\n      margin-top: 8px;\n    }\n  }\n  .d-inline-block {\n    float: left !important;\n    margin-top: 10px;\n  }\n  .product-page-main {\n    padding: 15px;\n    .m-t-15 {\n      margin-top: 0 !important;\n      .btn {\n        margin-top: 10px;\n      }\n    }\n    .pro-group {\n      .pro-shop {\n        button {\n          &:last-child {\n            margin-top: 15px;\n          }\n        }\n      }\n    }\n  }\n  .date-picker {\n    .theme-form {\n      > .row {\n        > div {\n          &:last-child {\n            margin-top: 0;\n          }\n        }\n      }\n    }\n  }\n\n  .page-wrapper {\n    .page-header {\n      .header-wrapper {\n        .nav-right.right-header {\n          ul {\n            li {\n              .mode {\n                width: 20px;\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .timeline-content {\n    p,\n    .comments-box {\n      margin-top: 15px;\n    }\n    .comments-box {\n      .media {\n        .m-r-20 {\n          margin-right: 10px;\n        }\n        .media-body {\n          .input-group {\n            .input-group-append {\n              .btn {\n                padding: 6px;\n              }\n            }\n          }\n        }\n      }\n    }\n    .comment-number {\n      i {\n        margin-right: 15px;\n      }\n    }\n  }\n\n  // timeline small page css\n  .timeline-small {\n    .media {\n      margin-bottom: 15px;\n      .media-body {\n        h6 {\n          margin-bottom: 15px;\n        }\n      }\n      .timeline-round {\n        &.timeline-line-1 {\n          &:after {\n            bottom: -39px;\n            height: 30px;\n          }\n        }\n        &.small-line {\n          &:after {\n            bottom: -17px;\n            height: 8px;\n          }\n        }\n        &.medium-line {\n          &:after {\n            bottom: -30px;\n            height: 22px;\n          }\n        }\n      }\n    }\n  }\n  #cd-timeline {\n    margin-right: unset;\n  }\n\n  // user profile\n  .user-profile {\n    .photos {\n      ul {\n        li {\n          width: 18%;\n        }\n      }\n    }\n    .profile-post {\n      padding: 20px;\n      .post-body {\n        figure {\n          margin-bottom: 20px;\n        }\n        .post-react {\n          ul {\n            li {\n              img {\n                width: 20px;\n                height: 20px;\n              }\n              &:nth-child(n + 2) {\n                margin-left: -15px;\n              }\n            }\n          }\n          h6 {\n            margin-left: 10px;\n            font-size: 13px;\n          }\n        }\n      }\n    }\n    .profile-header {\n      padding: 0;\n      height: auto;\n      .profile-img-wrrap {\n        display: block;\n        height: 280px;\n      }\n      .userpro-box {\n        max-width: 100%;\n      }\n    }\n  }\n\n  .search-page {\n    .info-block {\n      display: block;\n    }\n  }\n\n  .form-bookmark {\n    .row {\n      > div {\n        .row {\n          > .col-sm-6 {\n            + .col-sm-6 {\n              margin-top: 10px;\n            }\n          }\n        }\n      }\n    }\n  }\n  .total-transactions-sec {\n    .report-sec {\n      border-left: none;\n    }\n  }\n\n  .chat-box {\n    .chat-message {\n      .btn {\n        padding: 6px 22px;\n      }\n    }\n  }\n  .btn {\n    padding: 6px 27px;\n  }\n\n  .alert-theme {\n    min-width: 380px;\n  }\n\n  .knowledgebase-bg {\n    height: 250px;\n  }\n\n  .knowledgebase-search {\n    width: calc(100% - 30px);\n    left: 15px;\n    height: calc(100% - 30px);\n    background-color: rgba($white, 0.7);\n\n    .form-inline {\n      width: 90%;\n      padding: 3px 45px;\n\n      svg {\n        top: 10px;\n      }\n    }\n\n    > div {\n      width: 100%;\n      text-align: center;\n      padding: 15px;\n      border-right: 10px;\n\n      h3 {\n        font-size: 20px;\n        margin-bottom: 0;\n      }\n\n      .form-group {\n        margin-bottom: 0;\n      }\n    }\n  }\n\n  // invoice template page\n  .invoice {\n    .text-md-end {\n      margin-top: 10px;\n    }\n\n    .text-right {\n      text-align: right;\n    }\n\n    .text-xs-center {\n      text-align: center;\n    }\n  }\n\n  // Login page\n\n  .bookmark {\n    ul {\n      li {\n        a {\n          svg {\n            height: 16px;\n            width: 16px;\n          }\n        }\n\n        & + li {\n          margin-left: 5px;\n        }\n      }\n    }\n  }\n\n  .page-wrapper .page-header .header-wrapper .nav-right > ul > li {\n    padding: 4px;\n  }\n\n  .page-header {\n    .header-wrapper {\n      .nav-right {\n        .cart-box,\n        .notification-box {\n          .badge {\n            font-size: 10px;\n          }\n        }\n      }\n    }\n  }\n\n  .social-app-profile {\n    .hovercard {\n      .user-image {\n        .avatar {\n          margin-top: -56px;\n          img {\n            width: 100px;\n            height: 100px;\n          }\n        }\n        .icon-wrapper {\n          left: 52%;\n          top: 10px;\n          height: 30px;\n          width: 30px;\n          font-size: 15px;\n          &:hover {\n            font-size: 12px;\n          }\n        }\n        .share-icons {\n          right: 15px;\n          li {\n            margin-right: 0px;\n          }\n        }\n      }\n      .info {\n        .tabs-scoial {\n          .user-designation {\n            border-top: none;\n            border-bottom: none;\n            margin-bottom: 0;\n            padding: 0px 0px;\n          }\n        }\n      }\n    }\n  }\n  .socialprofile {\n    .social-btngroup {\n      margin: 15px 0;\n    }\n    .social-group {\n      margin-top: 15px;\n    }\n  }\n  .social-status {\n    form {\n      .form-group {\n        .form-control-social {\n          margin-bottom: 15px;\n        }\n      }\n    }\n    .media {\n      margin-bottom: 15px;\n    }\n  }\n  .new-users-social {\n    margin-bottom: 15px;\n  }\n\n  .page-wrapper {\n    .page-body-wrapper {\n      .page-title > .row {\n        .col-6 {\n          &:first-child {\n            display: block;\n\n            h3 {\n              padding-right: 0;\n            }\n          }\n        }\n      }\n    }\n\n    .page-header {\n      .header-wrapper .nav-right ul {\n        li {\n          i {\n            font-size: 14px !important;\n          }\n\n          svg {\n            width: 16px;\n          }\n        }\n      }\n    }\n\n    .page-body-wrapper {\n      .page-title {\n        .breadcrumb {\n          justify-content: flex-start;\n          padding: 10px 0 0;\n        }\n      }\n    }\n\n    .nav-right .nav-menus {\n      margin-right: 45px;\n    }\n\n    &.compact-wrapper,\n    &.compact-sidebar {\n      .page-header {\n        .header-wrapper {\n          .logo-wrapper {\n            display: none;\n          }\n\n          .toggle-sidebar {\n            margin-left: 0;\n            padding-left: 0;\n            border-left: none;\n            border-right: 1px solid #ddd;\n            padding-right: 8px;\n            margin-right: 8px;\n\n            svg {\n              width: 18px;\n            }\n          }\n        }\n      }\n    }\n\n    &.compact-sidebar {\n      .sidebar-wrapper {\n        .back-btn {\n          display: none;\n        }\n\n        .sidebar-main {\n          .sidebar-links {\n            .simplebar-wrapper {\n              .simplebar-mask {\n                .simplebar-content-wrapper {\n                  .simplebar-content {\n                    > li {\n                      margin-right: 0;\n                    }\n                  }\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n\n    .page-header {\n      .header-wrapper {\n        padding: 12px 15px !important;\n\n        .nav-right {\n          > ul {\n            top: 58px;\n\n            .search-form {\n              i {\n                display: none;\n              }\n            }\n          }\n\n          &.right-header {\n            ul {\n              li {\n                &.px-0 {\n                  padding: 6px !important;\n                }\n              }\n            }\n          }\n\n          > ul {\n            li {\n              margin-right: 1px;\n\n              .flag-icon {\n                font-size: 14px !important;\n              }\n\n              .profile-media {\n                img {\n                  width: 32px;\n                  margin-left: 8px;\n                }\n              }\n            }\n          }\n\n          .notification-dropdown {\n            &.onhover-show-div {\n              &:before,\n              &:after {\n                left: 24px !important;\n                right: unset !important;\n              }\n            }\n          }\n\n          .chat-dropdown {\n            left: -52px;\n            width: 300px;\n\n            &:after,\n            &:before {\n              left: 58px !important;\n            }\n          }\n        }\n      }\n    }\n\n    .page-body-wrapper {\n      .page-title {\n        .btn-group {\n          .btn {\n            padding: 8px 30px;\n          }\n        }\n      }\n    }\n\n    &.compact-wrapper {\n      .page-body-wrapper {\n        .page-body {\n          margin-top: 60px;\n        }\n\n        &.sidebar-wrapper {\n          .sidebar-main {\n            .sidebar-links {\n              height: calc(100vh - 79px);\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .alert-dismissible {\n    padding-right: 30px;\n\n    p {\n      max-width: 209px;\n    }\n  }\n\n  .F {\n    display: none;\n  }\n\n  .m-r-30 {\n    margin-right: 15px;\n  }\n\n  // cart page //\n  .wishlist {\n    .text-end {\n      text-align: left !important;\n    }\n  }\n\n  // general widget page css\n  .mobile-clock-widget {\n    #date {\n      margin-top: 15px;\n    }\n  }\n\n  .social-widget-card {\n    .b-b-light {\n      padding: 15px;\n      margin-bottom: 15px;\n    }\n  }\n\n  .weather-widget-two {\n    .bottom-whetherinfo {\n      .whether-content {\n        top: 34px;\n      }\n    }\n  }\n\n  .cal-date-widget {\n    .cal-datepicker {\n      margin-top: 15px;\n    }\n  }\n\n  .static-top-widget {\n    .media-body {\n      .icon-bg {\n        width: 70px;\n        height: 70px;\n      }\n    }\n  }\n\n  // Add post page css\n  .add-post {\n    form {\n      .m-checkbox-inline {\n        label {\n          margin-right: 15px;\n        }\n      }\n    }\n\n    .dropzone {\n      margin-bottom: 15px;\n    }\n  }\n\n  //form-wizard-four page css\n  .wizard-4 {\n    .msg-box {\n      top: 10px !important;\n    }\n\n    .step-container {\n      div.content {\n        .wizard-title {\n          width: 280px;\n        }\n      }\n    }\n\n    .action-bar {\n      right: 10px;\n    }\n  }\n\n  // avatar page css\n  .customers {\n    &.avatar-group {\n      margin-right: 15px;\n    }\n  }\n\n  .vertical-mobile-sidebar {\n    top: 19px;\n  }\n\n  //notify index page\n  .alert-theme {\n    i {\n      margin-right: 10px !important;\n    }\n\n    button {\n      top: 0px !important;\n    }\n  }\n\n  .bar-chart-widget {\n    .earning-details {\n      i {\n        right: -30px;\n      }\n    }\n  }\n\n  .clockpicker-align-top {\n    left: 45px !important;\n    top: 406px !important;\n  }\n\n  .gallery {\n    margin-bottom: -15px;\n  }\n\n  .my-gallery {\n    figure {\n      margin-bottom: 15px;\n\n      &:nth-child(9),\n      &:nth-child(10) {\n        margin-bottom: 15px;\n      }\n    }\n\n    &.gallery-with-description {\n      figure {\n        &:last-child {\n          margin-bottom: 20px;\n        }\n      }\n    }\n  }\n\n  #aniimated-thumbnials {\n    figure {\n      &:nth-child(12),\n      &:nth-child(11),\n      &:nth-child(10),\n      &:nth-child(9) {\n        margin-bottom: 15px;\n      }\n    }\n  }\n\n  .photoswipe-pb-responsive {\n    padding-bottom: 30px !important;\n  }\n\n  // social app page css\n  .avatar-showcase {\n    .pepole-knows {\n      text-align: center;\n\n      ul {\n        li {\n          margin-right: 14px;\n        }\n      }\n    }\n  }\n\n  .socialprofile {\n    .social-btngroup {\n      margin: 15px 0;\n    }\n\n    .social-group {\n      margin-top: 15px;\n    }\n  }\n\n  .social-status {\n    form {\n      .form-group {\n        .form-control-social {\n          margin-bottom: 15px;\n        }\n      }\n    }\n\n    .media {\n      margin-bottom: 15px;\n    }\n  }\n\n  .new-users-social {\n    margin-bottom: 15px;\n  }\n\n  .tabs-scoial {\n    position: relative;\n    padding-top: 80px;\n\n    li {\n      &:nth-child(3) {\n        position: absolute;\n        top: 25px;\n        left: 0;\n        right: 0;\n        margin: 0 auto;\n      }\n    }\n\n    &.border-tab {\n      &.nav-tabs {\n        .nav-item {\n          .nav-link {\n            padding: 10px;\n            height: 60px;\n          }\n        }\n      }\n    }\n  }\n\n  .timeline-content {\n    p,\n    .comments-box {\n      margin-top: 15px;\n    }\n\n    .comments-box {\n      .media {\n        .m-r-20 {\n          margin-right: 10px;\n        }\n\n        .media-body {\n          .input-group {\n            .input-group-append {\n              .btn {\n                padding: 6px;\n              }\n            }\n          }\n        }\n      }\n    }\n\n    .comment-number {\n      i {\n        margin-right: 15px;\n      }\n    }\n  }\n\n  #cd-timeline {\n    margin-right: 0;\n  }\n\n  .social-chat {\n    margin-top: 15px;\n\n    .media-body {\n      padding: 15px;\n    }\n\n    .your-msg,\n    .other-msg {\n      margin-bottom: 15px;\n    }\n  }\n\n  .social-network {\n    span {\n      margin-bottom: 15px;\n    }\n  }\n\n  .social-list {\n    .media {\n      margin-bottom: 15px;\n    }\n  }\n\n  .details-about + .details-about {\n    margin-top: 15px;\n  }\n\n  .your-details-xs {\n    margin-top: 15px;\n  }\n\n  .social-header {\n    h5 {\n      span.pull-right {\n        float: right !important;\n        margin-top: 0 !important;\n\n        svg {\n          width: 18px;\n          height: 18px;\n        }\n      }\n    }\n  }\n\n  .activity-log {\n    .my-activity {\n      + .my-activity {\n        margin-top: 15px;\n      }\n    }\n  }\n\n  .photos {\n    ul {\n      li {\n        width: 26%;\n\n        &:nth-child(3n) {\n          margin-right: 0;\n        }\n      }\n    }\n  }\n\n  // chat page //\n  .chat-box {\n    .chat-history {\n      .call-content {\n        > div {\n          padding-top: 30px;\n        }\n      }\n    }\n  }\n\n  // timeline small page css\n  .timeline-small {\n    .media {\n      margin-bottom: 15px;\n\n      .media-body {\n        h6 {\n          margin-bottom: 15px;\n        }\n      }\n\n      .timeline-round {\n        &.timeline-line-1 {\n          &:after {\n            bottom: -39px;\n            height: 30px;\n          }\n        }\n\n        &.small-line {\n          &:after {\n            bottom: -17px;\n            height: 8px;\n          }\n        }\n\n        &.medium-line {\n          &:after {\n            bottom: -30px;\n            height: 22px;\n          }\n        }\n      }\n    }\n  }\n\n  // helper classes page start\n  .helper-classes {\n    padding: 15px;\n  }\n\n  // helper classes page ends\n  .form-builder-2-header {\n    ul {\n      li {\n        text-align: left;\n      }\n    }\n\n    .form-inline {\n      display: block;\n      width: 100%;\n\n      .form-group {\n        width: 100%;\n        margin-right: 0;\n      }\n\n      button {\n        width: 100%;\n        text-align: left;\n      }\n    }\n  }\n\n  .page-builder {\n    .btn-grid {\n      margin-bottom: 7px;\n      padding-right: 5px;\n    }\n\n    .ge-canvas {\n      &.ge-editing {\n        .row {\n          padding: 15px;\n        }\n\n        .ge-tools-drawer {\n          margin: 10px;\n        }\n      }\n\n      &.ge-layout-desktop [class*=\"col-\"] {\n        width: inherit !important;\n      }\n    }\n  }\n\n  .wizard-4 {\n    .step-container {\n      div {\n        &.content {\n          margin-top: 10px;\n        }\n      }\n    }\n  }\n\n  .nav-tabs {\n    .nav-item {\n      &.show {\n        .nav-link {\n          border-top: 0;\n          border-bottom: 0;\n        }\n      }\n    }\n\n    .nav-link {\n      border-top: 0;\n      border-bottom: 0;\n\n      &:hover,\n      &.active,\n      &:focus {\n        border-top: 0;\n        border-bottom: 0;\n      }\n    }\n  }\n\n  .border-tab {\n    &.nav-tabs {\n      .nav-item {\n        width: 100% !important;\n      }\n    }\n\n    .weather-widget-two {\n      .bottom-whetherinfo {\n        .whether-content {\n          top: 35px;\n        }\n      }\n    }\n\n    .social-widget-card {\n      .b-b-light {\n        padding: 15px;\n        margin-bottom: 15px;\n      }\n    }\n\n    .ecommerce-widget {\n      .progress-showcase {\n        margin-top: 15px;\n      }\n    }\n  }\n\n  .nav {\n    display: inherit;\n    text-align: center;\n    border-bottom: none;\n  }\n\n  // editor_container //\n  .editor_container {\n    .CodeMirror {\n      min-height: 190px;\n      height: 190px;\n    }\n  }\n\n  // order history //\n  .order-history {\n    table.dataTable.table {\n      thead {\n        th {\n          padding-right: 60px;\n        }\n      }\n    }\n  }\n\n  // tab material start\n  .border-tab.nav-left {\n    .nav-link {\n      text-align: center;\n      border-left: none;\n    }\n  }\n\n  .border-tab.nav-right {\n    .nav-link {\n      text-align: center;\n      border-right: none;\n    }\n  }\n\n  .border-tab.nav-tabs {\n    margin-bottom: 10px;\n    display: block;\n  }\n\n  .tab-content {\n    ~ .nav-tabs {\n      &.border-tab {\n        margin-top: 10px;\n      }\n    }\n  }\n\n  // tab material end\n  .nav-pills {\n    text-align: center;\n  }\n\n  .crm-overall {\n    margin: 0 -15px -15px;\n  }\n\n  .product-color {\n    li {\n      width: 15px;\n      height: 15px;\n    }\n  }\n\n  .product-social {\n    li {\n      a {\n        width: 30px;\n        height: 30px;\n        font-size: 13px;\n      }\n\n      &:nth-child(n + 2) {\n        margin-left: 5px;\n      }\n    }\n  }\n\n  .product-page-main {\n    padding: 15px;\n\n    .m-t-15 {\n      .btn {\n        margin-top: 10px;\n      }\n    }\n  }\n\n  .todo {\n    .action-box {\n      &.large {\n        height: 25px;\n        width: 25px;\n\n        .icon {\n          font-size: 14px;\n          vertical-align: -3px;\n        }\n      }\n    }\n\n    .todo-list-wrapper {\n      #todo-list {\n        li {\n          .task-container {\n            .task-label {\n              font-size: 14px;\n            }\n          }\n        }\n      }\n\n      .mark-all-tasks {\n        right: 20px;\n      }\n    }\n  }\n\n  .datetime-picker {\n    label {\n      text-align: left !important;\n    }\n  }\n\n  .redial-chart-block {\n    text-align: center;\n  }\n\n  #nav-tabContent {\n    margin-top: 15px;\n  }\n\n  .reset-password-box {\n    width: 430px;\n  }\n\n  .auth-bg {\n    padding: 25px 15px;\n  }\n\n  .auth-bg-effect {\n    display: none;\n  }\n\n  .date-picker {\n    .text-right {\n      text-align: left !important;\n    }\n  }\n\n  .dataTables_wrapper {\n    table {\n      &.dataTable {\n        margin-bottom: 15px !important;\n      }\n    }\n  }\n\n  ul {\n    &.pagination {\n      li {\n        &:before {\n          line-height: 3;\n        }\n      }\n    }\n  }\n\n  div {\n    &.table-responsive {\n      > div {\n        &.dataTables_wrapper {\n          > div {\n            &.row {\n              > div {\n                &[class^=\"col-\"] {\n                  &:last-child {\n                    padding-left: 0 !important;\n                  }\n\n                  &:first-child {\n                    padding-right: 0 !important;\n                  }\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n\n    &.dataTables_wrapper {\n      div {\n        &.dataTables_length {\n          margin-bottom: 15px;\n\n          select {\n            min-height: 30px;\n          }\n        }\n      }\n\n      table {\n        &.dataTable {\n          th,\n          td {\n            padding: 0.5rem;\n          }\n        }\n      }\n\n      div {\n        &.dataTables_paginate {\n          margin-top: 15px !important;\n\n          .paginate_button {\n            padding: 1px 7px;\n\n            &.previous {\n              font-size: 0;\n              padding: 0;\n\n              a {\n                border: none !important;\n              }\n\n              &:before {\n                content: \"\\e64a\";\n                font-family: $font-themify;\n                font-size: 11px;\n                padding: 0 5px;\n              }\n            }\n\n            &.next {\n              font-size: 0;\n              padding: 0;\n\n              a {\n                border: none !important;\n              }\n\n              &:before {\n                content: \"\\e649\";\n                font-family: $font-themify;\n                font-size: 11px;\n                padding: 0 5px;\n              }\n            }\n          }\n        }\n      }\n\n      .dataTables_filter {\n        margin-bottom: 15px;\n\n        input {\n          &[type=\"search\"] {\n            height: 30px;\n          }\n        }\n      }\n    }\n  }\n\n  .page-wrapper {\n    .page-body-wrapper {\n      .user-profile {\n        .profile-img-style {\n          padding: 15px;\n\n          .img-container {\n            margin-top: 15px;\n          }\n        }\n\n        hr {\n          margin: 15px 0;\n        }\n\n        .like-comment {\n          margin-top: 15px;\n        }\n      }\n    }\n  }\n\n  .jvector-map-height {\n    height: 250px;\n  }\n\n  .user-profile {\n    .order-sm-0 {\n      order: -1;\n    }\n\n    .hovercard {\n      .info {\n        .ttl-info {\n          text-align: center !important;\n        }\n\n        .ttl-xs-mt {\n          margin-top: 20px;\n        }\n      }\n    }\n  }\n\n  .icon-hover-bottom {\n    .form-group {\n      display: block !important;\n      margin-bottom: 0;\n\n      input {\n        width: 100% !important;\n      }\n    }\n\n    .icon-popup {\n      padding: 15px;\n    }\n\n    svg {\n      &.climacon {\n        height: 50px;\n        width: 50px;\n      }\n    }\n  }\n\n  .ace-editor {\n    height: 320px;\n  }\n\n  .gallery {\n    > a {\n      margin-bottom: 15px;\n      text-align: center;\n    }\n  }\n\n  .card {\n    .card-header {\n      h5 {\n        font-size: 17px;\n      }\n    }\n  }\n\n  .theme-form {\n    .form-group {\n      margin-bottom: 15px;\n    }\n  }\n\n  .page-wrapper {\n    .page-body-wrapper {\n      .default-according {\n        .card {\n          .card-header,\n          .card-body,\n          .card-footer {\n            padding: 0.75rem 1.25rem;\n          }\n        }\n      }\n\n      .card {\n        margin-bottom: 20px;\n\n        .card-header,\n        .card-body,\n        .card-footer {\n          .tab-content {\n            .m-t-30 {\n              margin-top: 20px !important;\n            }\n\n            .m-b-30 {\n              margin-bottom: 20px !important;\n            }\n          }\n        }\n      }\n\n      .page-body {\n        padding: 0 !important;\n      }\n\n      .page-title {\n        padding-top: 15px;\n        padding-bottom: 15px;\n\n        .row {\n          h3 {\n            font-size: 20px;\n          }\n        }\n      }\n    }\n  }\n\n  /* alert responsive css start here */\n  $alert-name: primary, secondary, success, danger, warning, info, light, dark;\n  $alert-color: var(--theme-deafult), $secondary-color, $success-color,\n    $danger-color, $warning-color, $info-color, $light-color, $dark-color;\n\n  @each $var in $alert-name {\n    $i: index($alert-name, $var);\n\n    .alert-#{$var}.inverse {\n      background-color: transparent;\n    }\n  }\n\n  .alert {\n    .close {\n      height: 100%;\n    }\n  }\n\n  //business card\n\n  //user profile\n  .user-profile {\n    hr {\n      margin: 15px 0;\n    }\n\n    .hovercard {\n      .cardheader {\n        height: 300px;\n      }\n\n      .info {\n        padding: 20px;\n\n        .user-designation {\n          border-top: 1px solid $light-color;\n          border-bottom: 1px solid $light-color;\n          margin-bottom: 15px;\n          padding: 15px 0px;\n        }\n      }\n\n      .social-media {\n        a {\n          margin-right: 0px;\n          font-size: 16px;\n        }\n      }\n\n      .follow {\n        .follow-num {\n          font-size: 20px;\n        }\n      }\n    }\n\n    .profile-img-style {\n      .pictures {\n        img {\n          margin-bottom: 10px;\n        }\n      }\n    }\n  }\n\n  //user card\n  .custom-card {\n    .card-footer {\n      > div {\n        h6 {\n          font-size: 14px;\n          font-weight: 600;\n        }\n\n        h3 {\n          font-size: 24px;\n        }\n      }\n    }\n  }\n\n  //calendar\n  .calendar-wrap {\n    .fc-toolbar {\n      .fc-center {\n        margin-top: 10px;\n      }\n    }\n\n    a.fc-more {\n      font-size: 0.7em;\n    }\n  }\n\n  // megaoption page responsive scss\n  .mega-inline {\n    display: block;\n  }\n\n  .megaoptions-border-space-sm {\n    padding-bottom: 30px !important;\n  }\n\n  //blog\n  .blog-box {\n    &.blog-shadow {\n      &:before {\n        box-shadow: inset 0px -100px 100px -13px rgba(0, 0, 0, 0.6);\n      }\n    }\n    .blog-details {\n      p,\n      .single-blog-content-top {\n        margin-top: 15px;\n      }\n      h4 {\n        font-size: 16px;\n        margin-top: 10px;\n      }\n      .blog-social {\n        li {\n          font-size: 12px;\n          font-weight: 500;\n          &:nth-child(n + 2) {\n            padding-left: unset;\n            margin-left: 10px;\n            border-left: none;\n          }\n        }\n      }\n    }\n  }\n  .comment-box {\n    h4 {\n      margin-bottom: 15px;\n      padding-bottom: 15px;\n    }\n    ul {\n      ul {\n        margin-left: 30px;\n      }\n    }\n    li {\n      margin-bottom: 15px;\n      .media {\n        display: block;\n        img {\n          height: 50px;\n          width: 50px;\n          padding: 3px;\n          margin-bottom: 10px;\n        }\n      }\n    }\n  }\n  .blog-box.blog-shadow {\n    .blog-details {\n      padding: 15px;\n      p {\n        margin-bottom: 0;\n      }\n      h4 {\n        margin-bottom: 10px;\n      }\n    }\n  }\n  .blog-box {\n    .blog-details {\n      padding: 20px;\n    }\n    .blog-date {\n      span {\n        font-size: 25px;\n      }\n    }\n  }\n\n  //error and maintenace\n  .error-wrapper {\n    padding: 20px 0;\n\n    .btn {\n      margin-top: 15px;\n    }\n\n    .img-100 {\n      width: 50px !important;\n    }\n\n    .error-heading {\n      margin-top: 20px;\n\n      .cloud-second {\n        margin-top: -60px;\n      }\n\n      .headline {\n        font-size: 150px;\n      }\n    }\n\n    .maintenance-heading {\n      .cloud-second {\n        display: none;\n      }\n\n      .headline {\n        font-size: 25px;\n        margin-top: -10%;\n        letter-spacing: 2px;\n      }\n    }\n  }\n\n  //coming soon\n  .comingsoon {\n    .comingsoon-inner {\n      .coming-soon-bottom-link {\n        margin-top: 20px;\n        line-height: 1;\n      }\n\n      h5 {\n        margin-bottom: 20px;\n        margin-top: 20px;\n      }\n\n      .countdown {\n        padding: 20px 0px;\n\n        ul li {\n          margin: 0 7px;\n        }\n\n        .title {\n          font-size: 12px;\n        }\n\n        .time {\n          width: 45px;\n          height: 45px;\n          line-height: 45px;\n          font-size: 16px;\n          margin: 0 auto;\n        }\n      }\n    }\n  }\n\n  // Form Wizard One start\n  .form-wizard {\n    .btn-mb {\n      margin-bottom: 15px;\n    }\n  }\n\n  // Form Wizard One ends\n\n  // Form Wizard Two Start\n  .stepwizard {\n    margin-bottom: 15px;\n  }\n\n  // Form Wizard Two Ends\n\n  // Form Wizard Three Start\n  .f1 {\n    .f1-steps {\n      margin-top: 15px;\n      margin-bottom: 15px;\n    }\n  }\n\n  //Form Wizard Three ends\n\n  // form wizard--4 scss\n  .wizard-4 {\n    ul.anchor {\n      width: 100%;\n      padding-bottom: 15px;\n      padding-right: 0;\n    }\n\n    .step-container {\n      width: 100%;\n    }\n  }\n\n  //chart\n  .status-widget {\n    .text-sm-right {\n      text-align: right;\n    }\n  }\n\n  //mega menu\n  .mega-menu {\n    padding-left: 15px;\n\n    .onhover-show-div {\n      height: 405px;\n      left: 0;\n      top: 61px;\n      padding: 15px;\n    }\n\n    .lg-mt {\n      margin-top: 10px;\n    }\n\n    .xs-mt {\n      margin-top: 15px;\n    }\n  }\n\n  // navs page\n  .nav-md-mt {\n    margin-top: 15px;\n  }\n\n  .navs-icon {\n    padding: 15px;\n\n    .main-section {\n      padding-top: 15px;\n    }\n\n    .separator {\n      margin: 15px 0;\n    }\n  }\n\n  .nav-list {\n    padding: 15px;\n  }\n\n  .navs-dropdown {\n    button {\n      margin-top: 15px;\n    }\n\n    .onhover-show-div {\n      top: 64px;\n    }\n  }\n\n  .lg-mt {\n    margin-top: 15px;\n  }\n\n  // scroll reval\n  #aniimated-thumbnials {\n    a {\n      &:last-child {\n        img {\n          margin-bottom: 15px;\n        }\n      }\n    }\n  }\n\n  // tilt\n  .tilt-showcase {\n    .mt-4 {\n      margin-top: 15px !important;\n    }\n\n    ol {\n      .m-b-20 {\n        margin-bottom: 15px !important;\n      }\n    }\n  }\n\n  // state color page\n  .xs-mt {\n    margin-top: 15px;\n  }\n\n  // tag-pills page\n  span:last-child.tag-pills-sm-mb {\n    margin-top: 3px;\n  }\n\n  // alert page\n\n  // animated modal page\n  .animated-modal {\n    .form-group {\n      .form-control {\n        width: 50%;\n        margin: 0 auto;\n      }\n    }\n\n    .animated-modal-md-mb {\n      margin-bottom: 15px !important;\n    }\n  }\n\n  // steps page\n  .steps-md-mt {\n    margin-top: 15px;\n  }\n\n  .steps-sizing-sm-mb {\n    margin-bottom: 15px;\n  }\n\n  // touchspin page\n  .bootstrap-touchspin {\n    .touchspin-vertical-tab {\n      .input-group {\n        width: 96% !important;\n      }\n    }\n  }\n\n  // datatable API page\n  #API-chield-row_wrapper {\n    #API-chield-row {\n      tbody {\n        tr {\n          td {\n            &:first-child {\n              min-width: 20px;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  // chart-flot page\n  .chart-block {\n    .flot-chart-container {\n      p#choices {\n        width: 100%;\n      }\n\n      #toggling-series-flot {\n        width: 100% !important;\n      }\n    }\n  }\n\n  // summer-note page\n  .click2edit {\n    & ~ .note-editor {\n      &.note-frame {\n        margin-bottom: 15px;\n      }\n    }\n  }\n\n  // support ticket page\n  .ecommerce-widget {\n    .progress-showcase {\n      margin-top: 15px;\n    }\n  }\n\n  // forget-password page\n  .reset-password-box {\n    .theme-form {\n      .form-group {\n        .btn {\n          margin-top: 13px !important;\n        }\n      }\n    }\n  }\n\n  // gallery-with-description page\n  .gallery-with-description {\n    a {\n      > div {\n        margin-bottom: 15px;\n      }\n    }\n  }\n\n  // gallery hover page\n  .gallery-img-mb-sm {\n    margin-bottom: 15px;\n  }\n\n  // peity chart page\n  .xm-mb-peity {\n    margin-bottom: 8px;\n  }\n\n  // login page\n  .authentication-main {\n    padding: 30px 15px;\n  }\n\n  .translate_wrapper.active {\n    .more_lang {\n      &:before,\n      &:after {\n        display: none;\n      }\n\n      &.active {\n        position: fixed;\n        width: calc(100vw - 30px);\n        left: 15px;\n        top: 60px;\n      }\n    }\n  }\n\n  .onhover-dropdown {\n    &:hover {\n      .onhover-show-div {\n        opacity: 0;\n        transform: none;\n        visibility: hidden;\n        position: fixed;\n        width: 100%;\n        left: 15px;\n        top: 60px;\n\n        &.active {\n          opacity: 1;\n          transform: translateY(0px);\n          visibility: visible;\n          border-radius: 5px;\n          overflow: hidden;\n        }\n      }\n    }\n  }\n\n  .page-header {\n    .header-wrapper {\n      .nav-right {\n        &.right-header {\n          .cart-dropdown,\n          .notification-dropdown {\n            // width: calc(100vw - 30px);\n            position: fixed;\n            top: 60px;\n            right: 15px !important;\n          }\n\n          ul {\n            &.profile-dropdown {\n              // width: calc(100vw - 30px);\n              position: fixed;\n              top: 60px;\n              right: 15px !important;\n            }\n          }\n        }\n\n        .profile-dropdown {\n          top: 43px;\n        }\n      }\n    }\n  }\n\n  .wizard-4 {\n    .action-bar {\n      .btn {\n        margin: 0 2px;\n      }\n    }\n  }\n\n  .tabbed-card {\n    ul {\n      right: 0px;\n      left: unset;\n    }\n  }\n\n  // dropdown-basic //\n  .dropdown-basic {\n    .btn-group {\n      margin-right: unset;\n    }\n  }\n\n  .single-content-social-media {\n    text-align: left;\n\n    ul {\n      li {\n        display: inline-block;\n        margin-bottom: 0;\n        margin-right: 8px;\n      }\n    }\n  }\n\n  .resp-serch-input {\n    .search-form {\n      top: 50px !important;\n    }\n  }\n\n  .status_toggle {\n    img {\n      width: 18px;\n      height: 18px;\n    }\n  }\n\n  .page-wrapper {\n    .page-header {\n      .header-wrapper {\n        .cart-dropdown {\n          li {\n            .media {\n              .media-body {\n                margin-right: 20px !important;\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n}\n\n@media only screen and (max-width: 480px) {\n  // email app\n  .email-wrap {\n    .email-right-aside {\n      .email-content {\n        .email-wrapper {\n          .attachment {\n            ul {\n              li {\n                img {\n                  width: 83px;\n                  height: 83px;\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n\n    \n    .actions {\n      margin-bottom: -10px;\n      li {\n        margin-bottom: 10px;\n        .btn {\n          padding: 5px 10px;\n          font-size: 12px;\n        }\n      }\n    }\n    .email-wrapper {\n      .right-download {\n        float: none;\n        margin-top: 5px;\n      }\n      h6 {\n        float: none;\n      }\n    }\n  }\n\n  // invoice template page\n  .invoice {\n    .text-md-end {\n      margin-top: 10px;\n    }\n  }\n\n  .product-wrapper {\n    &.sidebaron {\n      .product-grid {\n        .product-wrapper-grid {\n          margin-left: 0;\n        }\n      }\n\n      .product-sidebar {\n        .filter-section {\n          .card {\n            .left-filter {\n              top: unset;\n            }\n          }\n        }\n      }\n    }\n  }\n  .product-sidebar {\n    transform: translateX(-300px) scaleX(0);\n    opacity: 0;\n    visibility: hidden;\n    transition: 0.3s;\n    height: 0;\n    position: absolute;\n    z-index: 1;\n    width: 300px;\n\n    &.open {\n      transform: translateX(0px) scaleX(1);\n      box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.05);\n      visibility: visible;\n      opacity: 1;\n      height: auto;\n      top: -45px;\n\n      &:before,\n      &:after {\n        content: \"\";\n        position: absolute;\n        width: 0;\n        height: 0;\n        border-left: 7px solid $transparent-color;\n        border-right: 7px solid $transparent-color;\n        border-bottom: 7px solid $white;\n        right: 120px;\n        top: -7px;\n      }\n    }\n    .filter-section {\n      .card-header {\n        display: none;\n      }\n    }\n  }\n\n  .feature-products {\n    .filter-toggle {\n      padding: 8px 15px;\n      margin-left: 10px;\n      border-radius: 5px;\n      h6 {\n        font-weight: 600;\n        font-size: 14px;\n      }\n    }\n    span {\n      &.f-w-600 {\n        padding-top: 15px;\n        display: inline-block;\n      }\n    }\n\n    .text-right {\n      text-align: left !important;\n    }\n  }\n\n  .grid-options {\n    ul {\n      li {\n        display: none;\n      }\n    }\n  }\n  .d-none-productlist {\n    display: block;\n    margin-right: 10px;\n  }\n\n  //social app\n  .social-app-profile {\n    .hovercard {\n      .user-image {\n        .share-icons {\n          li {\n            .social-icon {\n              width: 30px;\n              height: 30px;\n            }\n          }\n        }\n        .icon-wrapper {\n          top: -5px;\n        }\n        .avatar {\n          img {\n            width: 80px;\n            height: 80px;\n          }\n        }\n      }\n    }\n  }\n\n  .chat-box {\n    .chat-history {\n      .call-icons {\n        ul {\n          li {\n            width: 40px;\n            height: 40px;\n            padding: 7px;\n            i {\n              font-size: 18px;\n            }\n          }\n        }\n      }\n    }\n    .chat-right-aside {\n      .chat {\n        .chat-message {\n          .text-box {\n            .btn {\n              font-size: 0;\n\n              &:before {\n                position: absolute;\n                content: \"\\e661\";\n                font-family: $font-themify;\n                font-size: 18px;\n                top: 11px;\n                left: 13px;\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .default-dashboard-section {\n    .news {\n      .news-update {\n        .media-body {\n          h5 {\n            font-size: 12px;\n          }\n        }\n      }\n    }\n  }\n\n  .default-according {\n    &.default-according-page {\n      .card {\n        .card-header {\n          .btn-link {\n            padding: 12px;\n          }\n        }\n      }\n    }\n  }\n\n  .custom-profile {\n    .card-social {\n      .social-link {\n        width: 35px;\n        height: 35px;\n\n        img {\n          width: 16px;\n          height: 16px;\n        }\n      }\n\n      li {\n        + li {\n          margin-left: 10px;\n        }\n      }\n    }\n\n    .card-profile {\n      img {\n        height: 200px !important;\n        bottom: 0 !important;\n      }\n    }\n  }\n\n  //user profile\n  .user-profile {\n    .profile-header {\n      .profile-img-wrrap {\n        height: 210px;\n      }\n      .userpro-box {\n        padding: 15px;\n      }\n    }\n    .follow {\n      .follow-num {\n        font-size: 16px;\n      }\n      span {\n        font-size: 12px;\n      }\n      ul {\n        &.follow-list {\n          li {\n            &:nth-child(n + 2) {\n              margin-left: 10px;\n              padding-left: 10px;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .page-wrapper.only-body .page-header .header-wrapper .nav-right {\n    display: none;\n  }\n\n  .product-wrapper-grid {\n    &.list-view {\n      .product-box {\n        display: block;\n\n        .product-img {\n          width: 100%;\n        }\n      }\n    }\n  }\n\n  .pagination-lg {\n    .page-link {\n      font-size: 1rem;\n    }\n  }\n\n  .prooduct-details-box {\n    .media-body {\n      margin-left: 0rem !important;\n    }\n  }\n\n  .box-layout {\n    &.page-wrapper {\n      .set-col-6,\n      .set-col-3,\n      .set-col-7,\n      .set-col-5 {\n        flex: 0 0 100%;\n        max-width: 100%;\n      }\n    }\n  }\n\n  .chart_data_right {\n    .knob-block {\n      > div:not(.chart-clock-main) canvas {\n        width: 70px !important;\n        height: 70px !important;\n      }\n    }\n  }\n\n  .knob-block {\n    .chart-clock-main {\n      margin: auto;\n      width: auto;\n\n      .clock-medium {\n        position: absolute;\n        left: 33px;\n        top: 33px;\n\n        canvas {\n          width: 180px !important;\n          height: 180px !important;\n        }\n      }\n\n      .clock-small {\n        left: 34px;\n        top: 74px;\n      }\n\n      .clock-large {\n        left: 0;\n        top: 0;\n        margin: 0 auto;\n\n        canvas {\n          width: 245px !important;\n          height: 245px !important;\n        }\n      }\n    }\n\n    > div:not(.chart-clock-main) {\n      canvas {\n        width: 245px !important;\n        height: 245px !important;\n      }\n    }\n  }\n\n  .wizard-4 {\n    .action-bar {\n      .btn {\n        width: 100%;\n\n        & + .btn {\n          margin-top: 10px;\n        }\n      }\n    }\n  }\n\n  .inline-block-sm {\n    display: inline-block;\n  }\n\n  .pagination-lg {\n    .page-link {\n      padding: 0.3rem 0.65rem;\n    }\n  }\n\n  .nav-pills {\n    li {\n      width: 100%;\n    }\n  }\n\n  .reset-password-box {\n    width: 290px;\n  }\n\n  .icon-hover-bottom {\n    .icon-first {\n      margin-right: 10px;\n    }\n\n    .icon-popup {\n      .icon-class {\n        display: none;\n      }\n    }\n  }\n\n  .error-wrapper {\n    .maintenance-heading {\n      margin-top: 0;\n    }\n  }\n\n  .custom-card {\n    padding: 0;\n\n    .card-footer {\n      > div {\n        h3 {\n          font-size: 20px;\n        }\n      }\n    }\n\n    // .card-social {\n    //   li {\n    //     padding: 5px 0;\n    //   }\n    // }\n\n    .profile-details {\n      h6 {\n        margin-bottom: 0;\n      }\n      a {\n        h4 {\n          font-size: 20px;\n          margin-top: 3px;\n        }\n      }\n    }\n\n    .card-profile {\n      img {\n        height: 85px;\n      }\n    }\n  }\n\n  .user-card {\n    .custom-card {\n      .card-profile {\n        img {\n          height: 80px;\n        }\n      }\n    }\n  }\n\n  .card {\n    .card-header {\n      .card-header-right {\n        i {\n          margin: 0 3px;\n          font-size: 14px;\n        }\n      }\n\n      > span {\n        & + span {\n          display: none;\n        }\n      }\n    }\n  }\n\n  // timeline small page css\n  .timeline-small {\n    .media {\n      .timeline-round {\n        &.timeline-line-1 {\n          &:after {\n            bottom: -50px;\n          }\n        }\n\n        &.medium-line {\n          &:after {\n            bottom: -40px;\n          }\n        }\n      }\n    }\n  }\n\n  // dropdown page //\n  .dropdown-basic {\n    text-align: center;\n  }\n\n  .dropup-basic {\n    text-align: center;\n  }\n\n  //blog\n  .blog-box.blog-shadow {\n    .blog-details {\n      padding: 10px;\n      h4 {\n        font-size: 14px;\n      }\n    }\n  }\n\n  .cal-date-widget {\n    padding: 30px;\n  }\n\n  .company-card {\n    .details {\n      .media {\n        flex-wrap: wrap;\n      }\n    }\n  }\n\n  // from wizard two\n  .stepwizard {\n    .stepwizard-row {\n      &:before {\n        top: 17px;\n      }\n\n      .stepwizard-step {\n        .btn {\n          padding: 6px 22px;\n        }\n      }\n    }\n  }\n\n  //mega menu\n  .mega-menu {\n    padding-left: 20px;\n    padding-top: 3px;\n\n    .onhover-show-div {\n      height: 405px;\n      left: 0;\n      top: 61px;\n      padding: 15px;\n    }\n  }\n\n  //  tag-pills\n  .badge {\n    padding: 0.4em 0.7em;\n    font-size: 10px;\n  }\n\n  // alert page\n  .alert-dismissible {\n    .close {\n      top: -1px;\n\n      span {\n        font-size: 19px;\n      }\n    }\n  }\n\n  // bootstrap notify page\n  .notify-alert {\n    width: 90%;\n  }\n\n  // chat page //\n  .chat-box {\n    .chat-right-aside {\n      .chat {\n        .chat-header {\n          // display: block;\n\n          .chat-menu-icons {\n            margin-top: 15px;\n            padding-left: 6px;\n          }\n        }\n      }\n    }\n  }\n\n  .default-according {\n    .card {\n      .card-header {\n        .btn-link {\n          padding: 12px !important;\n          font-size: 15px;\n        }\n      }\n    }\n  }\n\n  // .default-according {\n  //   &.style-1 {\n  //     button {\n  //       &:before {\n  //         right: 5px;\n  //       }\n  //     }\n  //   }\n  // }\n\n  .page-wrapper {\n    .page-header {\n      .header-wrapper {\n        .nav-right {\n          .cart-nav {\n            .cart-dropdown {\n              li {\n                .media {\n                  img {\n                    width: 40px !important;\n                    height: 40px !important;\n                  }\n                  .media-body {\n                    h6 {\n                      font-size: 12px;\n                      display: -webkit-box;\n                      -webkit-box-orient: vertical;\n                      -webkit-line-clamp: 2;\n                      overflow: hidden;\n                      text-overflow: ellipsis;\n                    }\n                    p {\n                      font-size: 10px !important;\n                    }\n                  }\n                  .cart-quantity {\n                    width: 80px;\n                    padding: 4px 10px;\n                    span {\n                      i {\n                        font-size: 12px !important;\n                      }\n                    }\n                  }\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n}\n\n@media only screen and (max-width: 420px) {\n  .product-sidebar {\n    &.open {\n      top: -75px;\n    }\n  }\n  .landing-page{\n    .landing-header, .landing-header.sticky{\n      padding: 0;\n    }\n  } \n\n  .file-content{\n    .folder{\n      .folder-box{\n        margin-right: unset;\n      }\n    }\n  }  \n  .alert-theme {\n    font-size: 12px;\n    min-width: 300px;\n\n    button {\n      right: 30px !important;\n    }\n\n    i {\n      display: none;\n    }\n\n    span {\n      + span {\n        + span {\n          padding: 15px;\n        }\n      }\n    }\n  }\n  .product-page-main {\n    .pro-group {\n      .pro-shop {\n        button {\n          display: block;\n          &:nth-child(n + 2) {\n            margin-top: 15px;\n          }\n        }\n      }\n    }\n  }\n  .product-page-main .border-tab.nav-tabs .nav-item {\n    width: 100% !important;\n  }\n  .and-many-more {\n    font-size: 37px;\n  }\n\n  .cd-timeline-content {\n    .embed-responsive {\n      iframe {\n        width: 260px;\n      }\n    }\n  }\n  // tab css\n  .tabbed-card {\n    ul {\n      &.border-tab {\n        &.nav-tabs {\n          .nav-item {\n            .nav-link {\n              padding: 5px 15px 8px;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .border-tab {\n    &.nav-tabs {\n      display: block;\n    }\n  }\n\n  .timeliny .timeliny-dot::after {\n    content: attr(data-text);\n    width: 210px;\n  }\n  // compact sidebar css\n  .page-wrapper {\n    &.compact-sidebar {\n      .page-body-wrapper {\n        div.sidebar-wrapper {\n          > div {\n            width: 112px;\n          }\n\n          .sidebar-main {\n            .sidebar-links {\n              li {\n                .sidebar-submenu,\n                .mega-menu-container {\n                  left: 112px;\n                  width: 190px;\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n\n    &.compact-small {\n      .page-body-wrapper {\n        div.sidebar-wrapper {\n          > div {\n            width: 80px;\n          }\n\n          .sidebar-main {\n            .sidebar-links {\n              li {\n                .sidebar-submenu,\n                .mega-menu-container {\n                  left: 80px;\n                  width: 210px;\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n  // chat page //\n  .chat-box {\n    .chat-menu.show {\n      top: 115px;\n    }\n    .chat-right-aside {\n      .chat {\n        .chat-header {\n          display: block;\n          .chat-menu-icons {\n            justify-content: flex-start;\n            li {\n              margin-right: 12px;\n            }\n          }\n        }\n      }\n    }\n  }\n  .social-app-profile {\n    .social-tab {\n      .input-group {\n        width: 190px;\n      }\n    }\n  }\n\n  .email-wrap {\n    .email-body {\n      .email-compose {\n        .compose-header {\n          display: block;\n          .btn {\n            margin-top: 10px;\n          }\n        }\n      }\n    }\n  }\n}\n\n@media only screen and (max-width: 360px) {\n  .product-box {\n    .modal {\n      .modal-header {\n        .product-box {\n          .product-details {\n            .product-qnty {\n              fieldset {\n                .input-group {\n                  width: 45%;\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n  .icon-hover-bottom {\n    .icon-popup {\n      display: block;\n      text-align: center;\n    }\n  }\n  .animated-modal {\n    .animated-modal-md-mb {\n      display: grid;\n    }\n  }\n  .cd-timeline-content {\n    .embed-responsive {\n      iframe {\n        width: 220px;\n      }\n    }\n  }\n\n  // timeline small page css\n  .timeline-small {\n    .media {\n      .timeline-round {\n        &.timeline-line-1 {\n          &:after {\n            bottom: -74px;\n            height: 56px;\n          }\n        }\n        &.small-line {\n          &:after {\n            bottom: -32px;\n            height: 14px;\n          }\n        }\n        &.medium-line {\n          &:after {\n            bottom: -59px;\n            height: 40px;\n          }\n        }\n      }\n    }\n  }\n  // email app\n  .email-wrap {\n    .email-right-aside {\n      .email-content {\n        .email-wrapper {\n          .attachment {\n            ul {\n              li {\n                img {\n                  width: 63px;\n                  height: 63px;\n                }\n              }\n            }\n          }\n        }\n      }\n      .email-top {\n        .dropdown-menu {\n          left: -58px;\n        }\n      }\n    }\n  }\n\n  .prooduct-details-box {\n    .close {\n      right: 0;\n      top: 5px;\n    }\n\n    .btn {\n      padding: 4px 8px;\n    }\n\n    .media {\n      padding: 15px;\n      display: block;\n\n      .media-body {\n        margin-top: 15px;\n      }\n    }\n  }\n\n  .datepicker--nav-action {\n    width: 20px;\n    margin-left: -10px;\n    background-color: transparent;\n\n    path {\n      stroke: var(--theme-deafult);\n    }\n  }\n\n  .clockpicker-align-top {\n    top: 426px !important;\n  }\n\n  // .note {\n  //   min-width: 250px;\n  // }\n\n  .datepicker {\n    width: 239px;\n  }\n\n  .add-post {\n    form {\n      .m-checkbox-inline {\n        label {\n          margin-bottom: 8px;\n\n          &:last-child {\n            margin-bottom: 0;\n          }\n        }\n      }\n    }\n  }\n\n  .map-js-height {\n    height: 250px;\n  }\n\n  .bar-chart-widget {\n    .earning-details {\n      i {\n        right: -73px;\n      }\n    }\n  }\n\n  // chart widget page css\n  .status-widget {\n    svg {\n      width: 18px;\n      height: 18px;\n    }\n  }\n\n  // social app page css\n  .tabs-scoial {\n    &.border-tab {\n      &.nav-tabs {\n        .nav-item {\n          .nav-link {\n            padding: 10px 5px;\n            font-size: 14px;\n          }\n        }\n      }\n    }\n  }\n\n  .user-profile {\n    .hovercard {\n      .user-image {\n        .share-icons {\n          right: 6px;\n          top: -15px;\n\n          li {\n            .social-icon {\n              width: 25px;\n              height: 25px;\n\n              i {\n                font-size: 14px;\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .social-chat {\n    .other-msg {\n      margin-left: 15px;\n    }\n  }\n\n  .social-header {\n    h5 {\n      span.pull-right {\n        display: none;\n      }\n    }\n  }\n\n  // timeline small page css\n  .timeline-small {\n    .media {\n      .timeline-round {\n        &.timeline-line-1 {\n          &:after {\n            bottom: -74px;\n            height: 56px;\n          }\n        }\n\n        &.small-line {\n          &:after {\n            bottom: -32px;\n            height: 14px;\n          }\n        }\n\n        &.medium-line {\n          &:after {\n            bottom: -59px;\n            height: 40px;\n          }\n        }\n      }\n\n      .media-body {\n        p {\n          display: -webkit-box;\n          text-overflow: ellipsis;\n          -webkit-box-orient: vertical;\n          overflow: hidden;\n          -webkit-line-clamp: 4;\n        }\n      }\n    }\n  }\n\n  .custom-card {\n    .dashboard-card {\n      padding-top: 0;\n    }\n\n    .card-profile {\n      img {\n        bottom: 8px;\n      }\n    }\n\n    .card-footer {\n      > div {\n        h6 {\n          font-size: 12px;\n        }\n      }\n    }\n  }\n\n  .flot-chart-container {\n    height: 230px;\n  }\n\n  .map-block {\n    height: 250px;\n  }\n\n  .img-cropper {\n    .docs-tooltip {\n      font-size: 11px;\n    }\n\n    .docs-toggles {\n      .btn-group {\n        .btn {\n          padding: 0.375rem 0.2rem;\n        }\n      }\n    }\n  }\n\n  .button-builder-wrap {\n    .btn-lg {\n      font-size: 18px;\n    }\n  }\n\n  .tabs-responsive-side {\n    max-width: 100%;\n  }\n\n  //default dashboard\n  .browser-widget {\n    .media {\n      i {\n        font-size: 52px;\n      }\n\n      .media-body {\n        h4 {\n          font-size: 20px;\n        }\n      }\n    }\n  }\n\n  .bar-chart-widget {\n    .bottom-content {\n      .num {\n        font-size: 17px;\n      }\n    }\n  }\n\n  // serach page //\n  .search-page {\n    .theme-form {\n      .input-group {\n        .form-control-plaintext {\n          padding-left: 8px;\n        }\n\n        .btn {\n          padding: 6px 4px;\n        }\n      }\n    }\n\n    // .info-block {\n    //   padding: 13px;\n    // }\n  }\n\n  // from wizard two\n  .stepwizard {\n    .stepwizard-row {\n      .stepwizard-step {\n        .btn {\n          padding: 6px 20px;\n        }\n      }\n    }\n  }\n\n  .user-status {\n    table {\n      tbody {\n        img {\n          height: 40px;\n        }\n      }\n    }\n  }\n\n  //from wizard four\n  .wizard-4 {\n    ul {\n      &.anchor {\n        padding-top: 15px;\n      }\n    }\n\n    .msg-box {\n      top: 40px !important;\n    }\n  }\n\n  .xs-width-100 {\n    min-width: 100%;\n  }\n\n  // form-builder\n  .form-builder {\n    #components {\n      .component {\n        .form-group {\n          #button1id {\n            margin-bottom: 15px;\n          }\n        }\n      }\n    }\n  }\n\n  // according\n  .default-according {\n    .card {\n      .card-header {\n        i {\n          font-size: 14px;\n          top: 24px;\n        }\n      }\n\n      .btn-link {\n        display: block;\n        width: 100%;\n        padding-left: 17px;\n      }\n    }\n  }\n\n  //rating\n  .star-ratings {\n    .stars {\n      .title {\n        line-height: 1;\n      }\n    }\n  }\n\n  // tour page\n  .user-profile {\n    .hovercard {\n      .social-media {\n        a {\n          padding: 0 12px;\n        }\n      }\n    }\n  }\n\n  // blog\n  .blog-box {\n    .blog-details {\n      p {\n        line-height: 1.5;\n      }\n      .blog-social {\n        li:last-child {\n          padding-left: 0;\n        }\n      }\n    }\n    .blog-details-main {\n      .blog-social {\n        li {\n          padding: 0 10px;\n        }\n      }\n    }\n  }\n\n  // touchspin page\n  .bootstrap-touchspin {\n    .touchspin-vertical-tab {\n      .input-group {\n        width: 93% !important;\n      }\n    }\n  }\n\n  // form-wizard-four page\n  .step-container {\n    height: 280px !important;\n  }\n\n  // jsgrid-table page\n  .sort-panel {\n    .d-inline {\n      .btn {\n        margin-left: 87px;\n      }\n    }\n  }\n\n  // jsgrid-table css\n  .jsgrid {\n    .jsgrid-pager-container {\n      .jsgrid-pager {\n        .jsgrid-pager-page {\n          padding: 0.5em 0.62em;\n        }\n      }\n    }\n  }\n\n  // chat page\n  .chat-box {\n    .chat-right-aside {\n      flex: 0 0 96%;\n      max-width: 96%;\n\n      .chat {\n        .chat-message {\n          width: calc(100% - 20px);\n        }\n      }\n    }\n  }\n\n  .chat-box {\n    .chat-menu.show {\n      top: 120px;\n      width: 245px;\n    }\n  }\n\n  // error 400 page\n  .error-wrapper {\n    .error-heading {\n      .headline {\n        font-size: 100px;\n      }\n    }\n  }\n\n  // gallery page\n  .lg-toolbar {\n    .lg-icon {\n      width: 40px;\n    }\n  }\n\n  // calender page\n  .calendar-wrap {\n    a.fc-more {\n      font-size: 0.59em;\n    }\n\n    .fc {\n      th {\n        font-size: 10px;\n      }\n    }\n  }\n\n  //modal footer\n  .modal-footer {\n    display: block;\n    text-align: center;\n\n    button:first-child {\n      margin-bottom: 10px;\n    }\n  }\n\n  // checkout //\n  .order-box {\n    .qty {\n      li {\n        font-size: 14px;\n\n        span {\n          font-size: 14px;\n        }\n      }\n    }\n\n    ul {\n      li {\n        span {\n          text-align: right;\n        }\n\n        label {\n          text-align: right;\n          font-size: 14px;\n        }\n      }\n    }\n\n    .sub-total {\n      li {\n        .count {\n          font-size: 14px;\n        }\n      }\n    }\n  }\n\n  .checkout {\n    .text-end {\n      text-align: left !important;\n      margin-top: 15px;\n    }\n  }\n}\n@media only screen and (max-width: 359.98px) {\n  .sticky-header-main {\n    .card-header {\n      h5 {\n        a {\n          float: left;\n          margin-left: 0 !important;\n        }\n      }\n    }\n    .note {\n      min-width: 240px;\n    }\n  }\n  .cd-timeline-content {\n    .embed-responsive {\n      iframe {\n        width: 180px;\n      }\n    }\n  }\n  .timeliny .timeliny-dot::after {\n    content: attr(data-text);\n    width: 190px;\n  }\n}\n@media only screen and (min-width: 576px) {\n  .product-wrapper-grid {\n    &.list-view {\n      .col-sm-6 {\n        flex: 0 0 100%;\n        max-width: 100%;\n      }\n    }\n  }\n\n  .sidebar-wrapper {\n    .back-btn {\n      display: none;\n    }\n  }\n}\n@media only screen and (max-width: 576px) {\n  .chat-box {\n    .chat-history {\n      .call-content {\n        min-height: 430px;\n      }\n    }\n  }\n  .card {\n    .date-range-picker {\n      .daterange-card {\n        .sub-title {\n          font-size: 14px;\n        }\n      }\n    }\n  }\n}\n@media only screen and (max-width: 410px) {\n  .page-wrapper {\n    .page-header {\n      .header-wrapper {\n        .nav-right {\n          .onhover-show-div {\n            li.text-center{\n              padding: 0;\n              \n            }\n            &.notification-dropdown {\n              &.active {\n                li {\n                  .media {\n                    .notification-right {\n                      span {\n                        font-size: 10px !important;\n                      }\n\n                      a {\n                        i {\n                          font-size: 10px !important;\n                        }\n                      }\n                    }\n\n                    .notification-img {\n                      padding: 8px;\n                      img {\n                        width: 30px;\n                      }\n                    }\n                  }\n\n                  .media-body {\n                    margin-left: 50px !important;\n\n                    h5 {\n                      font-size: 13px !important;\n                    }\n\n                    p {\n                      font-size: 10px !important;\n                    }\n                  }\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n}\n\n@media only screen and (max-width: 1200px) and (min-width: 992px) {\n  .product-main {\n    &.border-start {\n      border: none !important;\n    }\n  }\n}\n\n@media only screen and (max-width: 1787px) and (min-width: 1660px) {\n  .cutom-row {\n    .owl-carousel-dashboard-sec {\n      .owl-carousel-dashboard {\n        .circle-shape {\n          width: 140px;\n          height: 140px;\n        }\n        img {\n          margin: 22px auto;\n        }\n      }\n    }\n  }\n}\n\n@media screen and (min-width: 1500px) and (max-width: 1660px) {\n  .sales-state-sec {\n    order: 0 !important;\n  }\n\n  .invoice-overviwe-sec {\n    order: 1 !important;\n  }\n\n  .news.hot-selling-product-sec {\n    order: 2 !important;\n    width: 33.33333%;\n  }\n\n  .cutom-row {\n    order: 3;\n\n    .ongoing-project-sec.recent-orders-sec {\n      order: 0;\n\n      .recent-orders {\n        .card-body {\n          .ongoing-project-table.table-responsive {\n            table {\n              tbody {\n                tr {\n                  td {\n                    min-width: 136px !important;\n                  }\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n\n    .recent-activity-sec.our-activities {\n      order: 1;\n    }\n\n    .owl-carousel-dashboard-sec {\n      order: 2;\n\n      .owl-carousel-dashboard {\n        .circle-shape {\n          width: 130px;\n          height: 130px;\n        }\n\n        .offer-sec {\n          .timer-sec {\n            ul {\n              li {\n                margin-left: 0;\n              }\n            }\n          }\n        }\n      }\n    }\n\n    .get-suport-sec {\n      order: 3;\n    }\n  }\n\n  .cutom-row-1 {\n    order: 4;\n  }\n}\n\n/**=====================\n     62. Responsive CSS Ends\n==========================**/\n","// General variables\r\n$theme-font-color: #242934;\r\n$theme-body-font-color: #2b2b2b;\r\n$theme-body-sub-title-color: rgba($theme-body-font-color, 0.54);\r\n$body-color: #f4f6fd;\r\n\r\n// Theme colors variables\r\n$primary-color: #6362e7;\r\n$secondary-color: #ffc500;\r\n$success-color: #7dc006;\r\n$info-color: #1d97ff;\r\n$warning-color: #ff8819;\r\n$danger-color: #e52727;\r\n$light-1: #8f97b2;\r\n$light-2: #f4f6fd;\r\n$dark: #1e2f65;\r\n$black: #000;\r\n$white: #fff;\r\n$light: #f4f6fd;\r\n$light-color: #f4f4f4;\r\n$light-gray: #ecf3fa;\r\n$light-widget-border: #efeeff;\r\n$light-semi-gray: #efefef;\r\n$font-gray-color: #6c757d;\r\n$dark-light: $theme-font-color;\r\n$dark-gray: #898989;\r\n$dark-color: #2c323f;\r\n$gray-60: #cccccc;\r\n$card-body-color: #f9f9fa;\r\n$transparent-color: transparent;\r\n$auth-bg-color: #fafafa;\r\n$semi-dark: #59667a;\r\n$light-text: #999999;\r\n$light-paragraph: #8f8f8f;\r\n$light-background: #d7e2e9;\r\n$light-font: rgba(27, 49, 85, 0.4);\r\n$light-semi-font: $semi-dark;\r\n$light-chartist-grid-color: #f6f9fd;\r\n$pitch-color: #fe8a7d;\r\n$color-scarpa: #4c5667;\r\n$color-fiord: #455a64;\r\n$black: #000;\r\n$white: #fff;\r\n$off-white: #f7f6ff;\r\n$theme-medium-color: #eae8ff;\r\n$dropdown-border-color: #918e99;\r\n\r\n// gradient colors\r\n$gradient-primary: linear-gradient(\r\n  26deg,\r\n  var(--theme-deafult) 0%,\r\n  #a26cf8 100%\r\n);\r\n\r\n//social colors\r\n$fb: #50598e;\r\n$twitter: #6fa2d8;\r\n$insta: radial-gradient(\r\n    circle farthest-corner at 35% 90%,\r\n    #fec564,\r\n    transparent 50%\r\n  ),\r\n  radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%),\r\n  radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%),\r\n  radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%),\r\n  radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%),\r\n  radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%),\r\n  radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent),\r\n  linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);\r\n$google-plus: #c64e40;\r\n$linkedin: #0077b5;\r\n\r\n//error input color start\r\n$light-body-bg-color: #fafdff;\r\n\r\n//fonts\r\n$font-rubik: Rubik;\r\n$font-roboto: \"Roboto\", sans-serif;\r\n$font-serif: sans-serif;\r\n$font-themify: themify;\r\n$font-awesome: FontAwesome;\r\n$font-ICO: IcoFont;\r\n\r\n// dark layout variables\r\n$dark-body-background: #1d1e26;\r\n$dark-card-background: #262932;\r\n$dark-card-inbox: #323846;\r\n$dark-small-font-color: #98a6ad;\r\n$dark-all-font-color: rgba(255, 255, 255, 0.6);\r\n$light-all-font-color: rgba(255, 255, 255, 0.2);\r\n$sidebar-submenu-font-color: rgba(255, 255, 255, 0.6);\r\n$dark-border-color: $dark-body-background;\r\n$dark-card-border: #374558;\r\n$dark-editor-document: #2b2b2b;\r\n$bg-dark-color: #1f2533;\r\n$dark-datatable-odd: #1f232b;\r\n$dark-datatable-sorting: #1c212b;\r\n$dark-datatable-sorting-even: #22262f;\r\n$dark-even-hover-sorting: #191e27;\r\n\r\n//General tag settings\r\n$body-font-size: 14px;\r\n$body-font-color: $theme-body-font-color;\r\n$ul-padding-left: 0px;\r\n$ancher-color: var(--theme-deafult);\r\n$btn-focus-box-shadow: none;\r\n$all-focus-outline-color: var(--theme-deafult);\r\n\r\n$paragraph-font-size: 13px;\r\n$paragraph-line-height: 1.7;\r\n$paragraph-letter-spacing: 0.7px;\r\n\r\n$code-tag-color: var(--theme-deafult);\r\n$code-tag-bg-color: rgba($primary-color, 0.03);\r\n$code-tag-padding: 3px;\r\n$code-tag-margin: 0 3px;\r\n$code-tag-border-radious: 2px;\r\n\r\n$blockquote-padding: 15px;\r\n$blockquote-border: 4px solid $light-gray;\r\n\r\n$small-tag-padding: 10px;\r\n$small-tag-color: $dark-color;\r\n\r\n$pre-tag-bg-color: rgba($primary-color, 0.03);\r\n$pre-tag-padding: 20px 0;\r\n\r\n$list-group-active-bg-color: var(--theme-deafult);\r\n$list-group-active-border-color: var(--theme-deafult);\r\n$list-group-img-size: 40px;\r\n$list-group-margin: 10px;\r\n\r\n// Tables settings\r\n$table-b-margin: 0px;\r\n$table-heading-color: $theme-body-font-color;\r\n$table-row-color: $theme-body-font-color;\r\n$table-footer-font-weight: bold;\r\n$table-inverse-color: $white;\r\n$table-hover-color: $light;\r\n$table-padding: 0.75rem;\r\n$table-xl-padding: 1.25rem 2rem;\r\n$table-xl-font: 120%;\r\n$table-lg-padding: 0.9rem 2rem;\r\n$table-lg-font: 110%;\r\n$table-de-padding: 0.75rem 2rem;\r\n$table-de-font: 100%;\r\n$table-sm-padding: 0.5rem 2rem;\r\n$table-sm-font: 90%;\r\n$table-xs-padding: 0.2rem 2rem;\r\n$table-xs-font: 80%;\r\n$horizontal-border-color: #f2f4ff;\r\n$horizontal-padding: 0.75rem 2rem;\r\n$table-inverse-bg-color: #292b2c;\r\n\r\n//According setting\r\n$according-card-top-margin: 10px;\r\n$according-btn-weight: 500;\r\n$according-btn-color: $theme-body-font-color;\r\n$according-card-header-padding: 0.75rem 1.25rem;\r\n$according-card-header-icon: $font-ICO;\r\n$according-open-icon: \"\\eb73\";\r\n$according-close-icon: \"\\eb7a\";\r\n\r\n//Alert settings\r\n$alert-hover-color: $dark-color;\r\n$alert-border-radious: 0.15rem;\r\n$alert-padding: 15px;\r\n$alert-msg-icon-size: 16px;\r\n\r\n//badge settings\r\n$badge-padding: 0.44em 0.7em;\r\n$badge-svg-size: 15px;\r\n\r\n//form input settings\r\n$form-group-margin-bottom: 1.25em;\r\n$col-form-label-font-size: 14px;\r\n$form-control-font-size: 14px;\r\n$form-control-border-radious: 2px;\r\n$form-control-border-color: $light-gray;\r\n\r\n//breadcrumb setting\r\n$breadcrumb-ancher-color: $white;\r\n$breadcrumb-ancher-dark-color: $black;\r\n\r\n//buttons setting\r\n$btn-font-size: 14px;\r\n$btn-padding: 0.375rem 1.75rem;\r\n$btn-lg-font-size: 18px;\r\n$btn-sm-font-size: 12px;\r\n$btn-xs-font-size: 11px;\r\n$btn-xs-padding: 0.05rem 0.4rem;\r\n\r\n//Card settings\r\n$card-padding: 30px;\r\n$card-margin-bottom: 30px;\r\n$card-border-color: 1px solid $light-gray;\r\n$card-border-radious: 15px;\r\n$common-shadow-color: rgba($info-color, 0.08);\r\n$card-box-shadow: 0px 4px 30px rgba(95, 94, 231, 0.07);\r\n$card-header-bg-color: $white;\r\n$card-header-font-transform: capitalize;\r\n$card-header-span-size: 12px;\r\n$card-header-span-color: $theme-body-sub-title-color;\r\n$card-body-bg-color: $transparent-color;\r\n$card-footer-bg-color: $white;\r\n$card-hover-box-shadow: 0 0 40px rgba(8, 21, 66, 0.05);\r\n\r\n//footer settings\r\n$footer_bg_color: $white;\r\n$footer_box_shadow: 0 0 20px rgba(95, 94, 231, 0.07);\r\n$footer_dark_color: $theme-font-color;\r\n$footer_dark__txt_color: $white;\r\n\r\n//form settings\r\n$form-group-margin-bottom: 20px;\r\n$sm-form-margin-bottom: 14px;\r\n$form-placeholder-color: $dark-gray;\r\n$form-placeholder-font-size: 14px;\r\n$form-placeholder-letter-spacing: 1px;\r\n$form-placeholder-font-weight: 100;\r\n$form-input-border-color: $light-semi-gray;\r\n$form-input-bg-color: $white;\r\n\r\n//Tour settings\r\n$tour-color: var(--theme-deafult);\r\n\r\n//sidabr main settings\r\n$sidebar-width: 255px;\r\n$sidebar-position: fixed;\r\n$sidebar-background-color: $white;\r\n$sidebar-shadow: 0 0 11px rgba(69, 110, 243, 0.13);\r\n$sidebar-overflow: auto;\r\n$sidebar-z-index: 9;\r\n$sidebar-transition: 0.5s;\r\n\r\n//sidebar profile settings\r\n$sidebar-profile-edit-icon-size: 14px;\r\n$sidebar-profile-name-txt-color: var(--theme-deafult);\r\n$sidebar-profile-name-txt-transfer: uppercase;\r\n$sidebar-profile-name-txt-weight: 600;\r\n$sidebar-profile-name-letter-specing: 1.5px;\r\n$sidebar-profile-name-marging: 3px;\r\n$sidebar-profile-sub-title-font-size: 10px;\r\n$sidebar-profile-sub-title-margin: 0px;\r\n$sidebar-profile-img-shadow: 0 0 15px rgba(68, 102, 242, 0.3);\r\n\r\n//Sidebar main menu setting\r\n$sidebar-menu-padding: 15px;\r\n$sidebar-menu-list-style: none;\r\n$sidebar-menu-list-margin: 0;\r\n$sidebar-icon-size: 14px;\r\n$sidebar-icon-margin: 14px;\r\n$sidebar-icon-stroke-width: 3px;\r\n$sidebar-font-size: 14px;\r\n$sidebar-letter-specing: 0.5px;\r\n$sidebar-txt-transform: capitalize;\r\n$sidebar-font-weight: 600;\r\n$sidebar-font-color: $theme-body-font-color;\r\n$sidebar-padding-top: 12px;\r\n$sidebar-padding-bottom: 12px;\r\n$sidebar-sub-header-padding: 15px;\r\n$sidebar-sub-header-margin: 0;\r\n$sidebar-heading-hover-padding: 5px;\r\n$sidebar-hover-txt-color: var(--theme-deafult);\r\n$sidebar-arrow-margin-top: 2px;\r\n$sidebar-arrow-size: 15px;\r\n$sidebar-arrow-color: $theme-body-font-color;\r\n$sidebar-open-icon: \"\\f107\";\r\n$sidebar-close-icon: \"\\f105\";\r\n$sidebar-icon-font-family: $font-awesome;\r\n$sidebar-height: calc(100vh - 115px);\r\n$new-sidebar-height: calc(100vh - 400px);\r\n\r\n//Header settings\r\n$main-header-position: fixed;\r\n$main-header-top: 0;\r\n$main-header-shadow: 0 0 20px rgba($semi-dark, 0.1);\r\n$main-header-shadow-1: 0px 4px 40px rgba(0, 0, 0, 0.07);\r\n\r\n//page settings\r\n$page-body-padding: 0 15px 0 15px;\r\n$page-body-bg-color: $light-color;\r\n$page-body-margin-bottom: 0px;\r\n$page-title-padding: 30px 0px;\r\n$common-box-shadow: 2px 3.464px 8px 0px rgba(22, 145, 248, 0.18);\r\n$page-title-font-size: 25px;\r\n$page-title-margin-bottom: 0;\r\n$page-title-text-tranform: capitalize;\r\n$page-small-title-display: block;\r\n$page-small-title-font-size: 12px;\r\n$page-small-title-margin-bottom: 5px;\r\n$page-small-title-text-transform: capitalize;\r\n$page-small-title-text-color: $theme-body-sub-title-color;\r\n$breadcrumb-size: 16px;\r\n$breadcrumb-content: \"/\";\r\n\r\n//main header left settings\r\n$header-left-bg-color: $white;\r\n$main-header-padding: 27px 22px;\r\n$main-header-z-index: 9;\r\n$header-wrapper-padding: 13px 30px;\r\n$header-wrapper-nav-right: 0px;\r\n$header-wrapper-nav-icon-size: 20px;\r\n$header-wrapper-nav-icon-color: $theme-font-color;\r\n$header-wrapper-nav-icon-align: middle;\r\n$header-size: 136px;\r\n$box-layout-space: 40px;\r\n"]}