{"version":3,"sources":["themes/_responsive.scss","utils/_variables.scss"],"names":[],"mappings":"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","file":"responsive.css","sourcesContent":["/**=====================\r\n     62. Responsive CSS Start\r\n==========================**/\r\n\r\n/* ========= min and max scss for 1200 to 1366 screen ========= */\r\n@media (max-width: 1836px) {\r\n  .pie-chart {\r\n    .apexcharts-legend-text {\r\n      line-height: unset;\r\n    }\r\n  }\r\n}\r\n@media (max-width: 1800px) {\r\n  // chat page //\r\n  .caller-img {\r\n    display: none;\r\n  }\r\n}\r\n\r\n@media screen and (max-width: 1660px) {\r\n  .photos {\r\n    ul {\r\n      li {\r\n        width: 26%;\r\n      }\r\n    }\r\n  }\r\n\r\n  .bar-chart {\r\n    canvas {\r\n      width: 100% !important;\r\n    }\r\n  }\r\n\r\n  .chat-box {\r\n    .chat-history {\r\n      .call-icons {\r\n        ul {\r\n          li {\r\n            border: 1px solid $dark-gray;\r\n          }\r\n        }\r\n      }\r\n      .total-time {\r\n        h2 {\r\n          color: $dark-gray;\r\n        }\r\n      }\r\n      .call-content {\r\n        .btn {\r\n          width: auto;\r\n          margin: 0 auto;\r\n        }\r\n        > div {\r\n          //height: 545px;\r\n          z-index: 7;\r\n          background-color: rgba(255, 255, 255, 0.75);\r\n          background-blend-mode: overlay;\r\n          width: 100%;\r\n          padding: 30px;\r\n        }\r\n      }\r\n\r\n      .receiver-img {\r\n        margin-top: 25px;\r\n      }\r\n    }\r\n  }\r\n\r\n  .chat-left-aside {\r\n    .people-list {\r\n      height: 520px;\r\n    }\r\n  }\r\n\r\n  .chat-box {\r\n    .chat-right-aside {\r\n      .chat {\r\n        .chat-msg-box {\r\n          height: 440px;\r\n        }\r\n      }\r\n    }\r\n\r\n    .people-list {\r\n      ul {\r\n        max-height: 450px;\r\n        overflow: auto;\r\n      }\r\n    }\r\n  }\r\n\r\n  .call-chat-body {\r\n    .chat-box {\r\n      .people-list {\r\n        ul {\r\n          max-height: 550px;\r\n          overflow: auto;\r\n        }\r\n      }\r\n\r\n      overflow: hidden;\r\n      height: 625px;\r\n    }\r\n  }\r\n\r\n  .caller-img {\r\n    position: absolute;\r\n    width: 100%;\r\n    max-width: 100%;\r\n    left: 15px;\r\n\r\n    img {\r\n      opacity: 0.7;\r\n    }\r\n  }\r\n\r\n  // timeline small page\r\n  .timeline-small {\r\n    .media {\r\n      .timeline-round {\r\n        &.timeline-line-1 {\r\n          &:after {\r\n            bottom: -78px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n@media screen and (max-width: 1600px) {\r\n  .page-wrapper {\r\n    &.horizontal-wrapper {\r\n      &.material-type {\r\n        .left-header {\r\n          .level-menu,\r\n          .mega-menu {\r\n            .nav-link {\r\n              svg {\r\n                margin-right: 0;\r\n              }\r\n              span {\r\n                display: none;\r\n              }\r\n            }\r\n          }\r\n        }\r\n        .page-header {\r\n          max-width: 1320px;\r\n        }\r\n        .page-body-wrapper {\r\n          .sidebar-wrapper,\r\n          .page-body {\r\n            max-width: 1320px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  // chat page //\r\n  .chat-box {\r\n    .chat-right-aside {\r\n      .chat {\r\n        .chat-header {\r\n          .chat-menu-icons {\r\n            li {\r\n              margin-right: 10px;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n@media screen and (max-width: 1535px) {\r\n  .custome-1-bg,\r\n  .custome-2-bg,\r\n  .custome-3-bg,\r\n  .custome-4-bg {\r\n    padding: 25px 20px !important;\r\n  }\r\n}\r\n@media screen and (max-width: 1428px) {\r\n  .category-box {\r\n    .content-category {\r\n      padding: 60px 20px 25px 20px;\r\n    }\r\n  }\r\n}\r\n@media screen and (max-width: 1400px) {\r\n  .custome-1-bg,\r\n  .custome-2-bg,\r\n  .custome-3-bg,\r\n  .custome-4-bg {\r\n    padding: 30px 40px !important;\r\n  }\r\n  .datepicker-dashboard {\r\n    .datepicker--days-names {\r\n      font-size: 18px;\r\n      margin: 18px 0;\r\n    }\r\n    .datepicker--cells-days {\r\n      height: 200px;\r\n    }\r\n    .datepicker {\r\n      height: 360px;\r\n    }\r\n    .datepicker--nav-action {\r\n      height: 30px;\r\n      width: 30px;\r\n    }\r\n    .datepicker--nav-title {\r\n      font-size: calc(15px + (18 - 15) * ((100vw - 320px) / (1920 - 320)));\r\n    }\r\n  }\r\n  .btn-group {\r\n    .btn {\r\n      padding: 0.375rem 0.75rem;\r\n    }\r\n  }\r\n}\r\n@media screen and (max-width: 668px) {\r\n  .custome-1-bg,\r\n  .custome-2-bg,\r\n  .custome-3-bg,\r\n  .custome-4-bg {\r\n    padding: 25px 20px !important;\r\n  }\r\n}\r\n@media screen and (max-width: 1380px) {\r\n  .single-section {\r\n    .description-section {\r\n      .description-details {\r\n        .menu-part {\r\n          .rooms-box {\r\n            td:nth-child(2) {\r\n              width: 100% !important;\r\n              display: block !important;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .single-section {\r\n    .description-section {\r\n      .description-details {\r\n        .menu-part {\r\n          .rooms-box {\r\n            td:first-child {\r\n              width: 100%;\r\n              display: block;\r\n              img {\r\n                width: 100% !important;\r\n              }\r\n            }\r\n            .room-title {\r\n              margin: 20px 0;\r\n            }\r\n            .room-detail {\r\n              padding: 0;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n@media screen and (max-width: 1660px) and (min-width: 1200px) {\r\n  .xl-none {\r\n    display: none;\r\n  }\r\n\r\n  .xl-60 {\r\n    max-width: 60%;\r\n    flex: 0 0 60%;\r\n  }\r\n\r\n  .xl-50 {\r\n    max-width: 50%;\r\n    flex: 0 0 50%;\r\n  }\r\n\r\n  .xl-100 {\r\n    max-width: 100%;\r\n    flex: 0 0 100%;\r\n  }\r\n\r\n  .xl-23 {\r\n    max-width: 23%;\r\n    flex: 0 0 23%;\r\n  }\r\n\r\n  .xl-25 {\r\n    max-width: 25%;\r\n    flex: 0 0 25%;\r\n  }\r\n\r\n  .xl-40 {\r\n    max-width: 40%;\r\n    flex: 0 0 40%;\r\n  }\r\n\r\n  .xl-4 {\r\n    max-width: 33.33%;\r\n    flex: 0 0 33.33%;\r\n  }\r\n}\r\n\r\n@media (max-width: 1280px) {\r\n  .img-gallery-set1,\r\n  .img-gallery-set5 {\r\n    display: none;\r\n  }\r\n\r\n  .box-layout.page-wrapper.horizontal-wrapper {\r\n    .page-header {\r\n      padding-left: unset;\r\n      max-width: unset;\r\n      left: unset;\r\n    }\r\n\r\n    .page-body-wrapper {\r\n      width: unset;\r\n    }\r\n  }\r\n}\r\n\r\n@media screen and (max-width: 1580px) and (min-width: 1200px) {\r\n  .docs-buttons,\r\n  .docs-toggles {\r\n    flex: 0 0 100%;\r\n    max-width: 100%;\r\n  }\r\n}\r\n\r\n@media screen and (max-width: 1445px) {\r\n  .user-table {\r\n    tbody {\r\n      tr {\r\n        td:nth-child(2) {\r\n          min-width: 185px;\r\n        }\r\n        td:nth-child(3) {\r\n          min-width: 160px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n@media (max-width: 1470px) {\r\n  //edit-profile //\r\n  .edit-profile {\r\n    .profile-title {\r\n      .media {\r\n        display: block;\r\n        margin-bottom: 10px;\r\n        .media-body {\r\n          margin-left: unset;\r\n          margin-top: 10px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n@media screen and (max-width: 1366px) and (min-width: 1200px) {\r\n  .flot-chart-container-small {\r\n    height: 227px;\r\n  }\r\n\r\n  .left-header .mega-menu-container {\r\n    min-width: 920px;\r\n  }\r\n\r\n  .call-chat-sidebar {\r\n    max-width: 262px;\r\n  }\r\n\r\n  .product-box {\r\n    .product-details {\r\n      padding: 15px;\r\n\r\n      p {\r\n        margin-bottom: 10px;\r\n      }\r\n    }\r\n  }\r\n\r\n  .flot-chart-container {\r\n    height: 130px;\r\n  }\r\n\r\n  .custom-card {\r\n    .card-profile {\r\n      img {\r\n        height: 115px;\r\n      }\r\n    }\r\n\r\n    .profile-details {\r\n      h4 {\r\n        font-size: 18px;\r\n      }\r\n\r\n      h6 {\r\n        margin-bottom: 24px;\r\n      }\r\n    }\r\n\r\n    .card-footer {\r\n      > div {\r\n        h3 {\r\n          font-size: 18px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .crm-activity {\r\n    height: 291px;\r\n    overflow-y: auto;\r\n\r\n    .media {\r\n      .media-body {\r\n        .dates {\r\n          display: flex;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .calender-widget {\r\n    .cal-date {\r\n      width: 95px;\r\n      height: 95px;\r\n\r\n      h5 {\r\n        line-height: 1.4;\r\n        padding: 13px;\r\n      }\r\n    }\r\n  }\r\n\r\n  // chat\r\n  .chat-body {\r\n    padding: 10px;\r\n  }\r\n\r\n  .chat-box {\r\n    .chat-history {\r\n      .call-content {\r\n        .btn {\r\n          font-size: 15px;\r\n        }\r\n      }\r\n      .total-time h2 {\r\n        font-size: 30px;\r\n      }\r\n      .receiver-img {\r\n        margin-top: 30px;\r\n      }\r\n      .call-icons {\r\n        margin-top: 20px;\r\n        margin-bottom: 20px;\r\n        ul {\r\n          li {\r\n            width: 50px;\r\n            height: 50px;\r\n            padding: 7px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    .user-image {\r\n      width: 30px;\r\n      height: 30px;\r\n      margin-top: 3px;\r\n      margin-right: 3px;\r\n    }\r\n\r\n    .about {\r\n      margin-top: 0;\r\n    }\r\n\r\n    .border-tab.nav-tabs {\r\n      .nav-item {\r\n        a {\r\n          padding: 13px 4px !important;\r\n          color: $semi-dark !important;\r\n          letter-spacing: 0;\r\n          font-size: 12px !important;\r\n          line-height: 6;\r\n        }\r\n      }\r\n    }\r\n\r\n    .chat-menu {\r\n      .people-list {\r\n        ul.list {\r\n          max-height: 376px;\r\n          overflow-y: auto;\r\n        }\r\n      }\r\n\r\n      .user-profile {\r\n        .image {\r\n          .avatar {\r\n            img {\r\n              width: 100px;\r\n              height: 100px;\r\n            }\r\n          }\r\n\r\n          .icon-wrapper {\r\n            width: 30px;\r\n            height: 30px;\r\n            font-size: 13px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .chat-left-aside {\r\n    .people-list {\r\n      height: 420px;\r\n\r\n      ul {\r\n        max-height: 376px;\r\n        overflow-y: auto;\r\n      }\r\n    }\r\n\r\n    .status-circle {\r\n      top: 4px;\r\n      left: 36px;\r\n    }\r\n  }\r\n\r\n  //blog scss\r\n  .blog-box {\r\n    .blog-details-main {\r\n      .blog-bottom-details {\r\n        margin: 20px 10px;\r\n      }\r\n\r\n      .blog-social {\r\n        li {\r\n          padding: 0px 10px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .blog-bottom-content {\r\n    display: none;\r\n  }\r\n\r\n  .blog-box.blog-shadow {\r\n    .blog-details {\r\n      padding: 10px;\r\n    }\r\n  }\r\n\r\n  .browser-widget {\r\n    .media-img {\r\n      margin-left: auto;\r\n      margin-right: auto;\r\n      margin-bottom: 15px;\r\n    }\r\n    img {\r\n      height: 50px;\r\n    }\r\n  }\r\n\r\n  // email-app\r\n  .email-wrap {\r\n    .email-left-aside {\r\n      .email-app-sidebar {\r\n        .media {\r\n          display: block;\r\n\r\n          .media-size-email {\r\n            width: 100%;\r\n            text-align: center;\r\n\r\n            .mr-3 {\r\n              margin-right: 0 !important;\r\n            }\r\n          }\r\n\r\n          .media-body {\r\n            text-align: center;\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    .email-right-aside {\r\n      .email-body {\r\n        .attachment {\r\n          ul {\r\n            li {\r\n              img {\r\n                width: 73px;\r\n                height: 73px;\r\n              }\r\n            }\r\n          }\r\n        }\r\n\r\n        .email-top {\r\n          line-height: 50px;\r\n\r\n          .float-right {\r\n            display: none !important;\r\n          }\r\n\r\n          h5 {\r\n            padding: 13px 0;\r\n          }\r\n        }\r\n\r\n        .inbox {\r\n          max-height: 668px;\r\n          overflow: auto;\r\n\r\n          .media {\r\n            display: block;\r\n\r\n            .media-size-email {\r\n              width: 100%;\r\n              text-align: center;\r\n\r\n              .mr-3 {\r\n                margin-right: 0 !important;\r\n              }\r\n            }\r\n          }\r\n\r\n          .media-body {\r\n            text-align: center;\r\n\r\n            h6 {\r\n              font-size: 14px;\r\n            }\r\n          }\r\n        }\r\n\r\n        .email-compose {\r\n          .cke_contents.cke_reset {\r\n            max-height: 144px;\r\n            width: 99%;\r\n          }\r\n\r\n          .compose-border {\r\n            margin: 0;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  // alert page\r\n  .alert-dismissible {\r\n    p {\r\n      overflow: hidden;\r\n      text-overflow: ellipsis;\r\n      white-space: nowrap;\r\n      max-width: 181px;\r\n    }\r\n  }\r\n\r\n  // touchspin page\r\n  .bootstrap-touchspin {\r\n    .touchspin-vertical-tab {\r\n      .input-group {\r\n        width: 96% !important;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n@media only screen and (max-width: 1366px) {\r\n  .left-header {\r\n    padding: 0;\r\n  }\r\n  .bookmark-wrap {\r\n    .task-sidebar {\r\n      height: auto;\r\n    }\r\n  }\r\n  // product page\r\n  .grid-options {\r\n    ul {\r\n      li {\r\n        &:last-child {\r\n          display: none;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .product-wrapper-grid {\r\n    &.list-view {\r\n      .product-box {\r\n        .product-img {\r\n          width: 25%;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  // cart page\r\n  .cart {\r\n    .qty-box {\r\n      width: 40%;\r\n    }\r\n  }\r\n\r\n  // alert page\r\n  .alert-dismissible {\r\n    strong {\r\n      & ~ p {\r\n        display: inline;\r\n      }\r\n    }\r\n  }\r\n\r\n  // timeline small page\r\n  .timeline-small {\r\n    .media {\r\n      .media-body {\r\n        p {\r\n          width: 95%;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .map-js-height {\r\n    height: 350px;\r\n  }\r\n\r\n  // chat page\r\n  .chat-right-aside {\r\n    flex: 0 0 60%;\r\n    max-width: 60%;\r\n    overflow: hidden;\r\n    .chat {\r\n      .chat-message {\r\n        .smiley-box {\r\n          width: 45px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .chat-box {\r\n    .chat-right-aside {\r\n      .chat {\r\n        .chat-msg-box {\r\n          height: 364px;\r\n          .chat-user-img {\r\n            margin-top: -30px;\r\n          }\r\n          .message {\r\n            width: 100%;\r\n            padding: 15px;\r\n          }\r\n        }\r\n        .chat-header {\r\n          .chat-menu-icons {\r\n            li {\r\n              a {\r\n                i {\r\n                  font-size: 20px;\r\n                }\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n    .chat-history {\r\n      .receiver-img {\r\n        img {\r\n          height: 150px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .call-chat-body {\r\n    .chat-box {\r\n      overflow: hidden;\r\n      height: 565px;\r\n    }\r\n  }\r\n\r\n  .calender-widget {\r\n    .cal-desc {\r\n      p {\r\n        max-height: 88px;\r\n        overflow: auto;\r\n      }\r\n    }\r\n  }\r\n\r\n  .equal-height-xl {\r\n    height: 517px;\r\n  }\r\n\r\n  .authentication-main {\r\n    .auth-innerright {\r\n      background-size: cover;\r\n    }\r\n  }\r\n\r\n  .grp-btns {\r\n    display: inline-block;\r\n  }\r\n\r\n  .button-builder {\r\n    .button-generator-bx {\r\n      position: relative;\r\n      width: 100%;\r\n    }\r\n  }\r\n\r\n  .page-builder {\r\n    .btn-group {\r\n      display: inline-block;\r\n      margin-bottom: 10px;\r\n    }\r\n\r\n    .btn-grid {\r\n      margin-bottom: 15px;\r\n      margin-right: 0px;\r\n      border-right: none;\r\n      display: inline-block;\r\n    }\r\n\r\n    .ge-canvas.ge-layout-desktop {\r\n      margin-top: 50px;\r\n    }\r\n  }\r\n\r\n  //ecommerce dashboard\r\n  .ecommerce-widget {\r\n    .total-num {\r\n      font-size: 23px;\r\n      letter-spacing: 0px;\r\n    }\r\n  }\r\n  .support-ticket-font {\r\n    .total-num {\r\n      font-size: 22px;\r\n    }\r\n  }\r\n  .order-history {\r\n    table.dataTable.table thead th {\r\n      padding-right: 50px;\r\n    }\r\n  }\r\n\r\n  //default dashboard\r\n  .custom-card {\r\n    padding: 15px;\r\n\r\n    .card-social {\r\n      li {\r\n        a {\r\n          padding: 12px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .map-chart {\r\n    .chart-container {\r\n      height: 300px;\r\n    }\r\n  }\r\n\r\n  .speed-chart {\r\n    .chart-container {\r\n      height: 250px;\r\n      margin-top: -40px;\r\n      margin-bottom: 100px;\r\n    }\r\n  }\r\n\r\n  .candidcahrt {\r\n    height: 360px;\r\n  }\r\n\r\n  //chart widget\r\n  .status-details {\r\n    h3 {\r\n      font-size: 18px;\r\n    }\r\n  }\r\n\r\n  .chart-widget-top {\r\n    .total-value {\r\n      font-size: 20px;\r\n    }\r\n  }\r\n\r\n  .status-widget {\r\n    .card-body {\r\n      padding: 10px;\r\n    }\r\n  }\r\n\r\n  //general widget\r\n  .user-status {\r\n    table {\r\n      thead {\r\n        tr {\r\n          th {\r\n            &:nth-child(3) {\r\n              min-width: unset;\r\n            }\r\n          }\r\n        }\r\n      }\r\n\r\n      tbody {\r\n        tr {\r\n          td {\r\n            &:first-child {\r\n              min-width: unset;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .browser-widget {\r\n    .media {\r\n      flex-wrap: wrap;\r\n\r\n      .media-body {\r\n        h3 {\r\n          font-size: 20px;\r\n        }\r\n\r\n        p {\r\n          margin-bottom: 2px;\r\n        }\r\n\r\n        h4 {\r\n          font-size: 20px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .testimonial {\r\n    i {\r\n      font-size: 46px;\r\n    }\r\n\r\n    p {\r\n      margin-top: 20px;\r\n    }\r\n  }\r\n\r\n  .cal-date-widget .datepicker {\r\n    margin: 0 auto;\r\n    width: unset;\r\n  }\r\n\r\n  .company-card {\r\n    padding: 20px;\r\n  }\r\n\r\n  .static-top-widget {\r\n    .media-body {\r\n      h3 {\r\n        font-size: 30px;\r\n      }\r\n\r\n      .icon-bg {\r\n        right: -21px;\r\n      }\r\n    }\r\n  }\r\n\r\n  .widget-joins {\r\n    .media {\r\n      padding: 20px;\r\n\r\n      .media-body {\r\n        h3 {\r\n          font-size: 20px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .redial-social-widget {\r\n    width: 125px;\r\n    height: 125px;\r\n\r\n    i {\r\n      width: 100px;\r\n      height: 100px;\r\n      font-size: 35px;\r\n    }\r\n  }\r\n\r\n  //chat\r\n  .chat-body {\r\n    padding: 10px;\r\n  }\r\n\r\n  .chat-box {\r\n    .chat-history {\r\n      .call-content {\r\n        .btn {\r\n          font-size: 15px;\r\n        }\r\n      }\r\n      .total-time h2 {\r\n        font-size: 30px;\r\n      }\r\n      .receiver-img {\r\n        margin-top: 30px;\r\n        //margin-bottom: 30px;\r\n      }\r\n      .call-icons {\r\n        margin-top: 20px;\r\n        margin-bottom: 20px;\r\n\r\n        ul {\r\n          li {\r\n            width: 50px;\r\n            height: 50px;\r\n            padding: 7px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    .user-image {\r\n      width: 45px;\r\n      height: 45px;\r\n    }\r\n\r\n    .about {\r\n      margin-top: 0;\r\n    }\r\n\r\n    .border-tab.nav-tabs {\r\n      .nav-item {\r\n        a {\r\n          padding: 13px 4px !important;\r\n          color: $semi-dark !important;\r\n          letter-spacing: 0;\r\n          font-size: 12px !important;\r\n          line-height: 6;\r\n        }\r\n      }\r\n    }\r\n\r\n    .chat-menu {\r\n      .people-list {\r\n        ul.list {\r\n          max-height: 455px;\r\n          overflow-y: auto;\r\n        }\r\n      }\r\n\r\n      .user-profile {\r\n        margin-top: 0;\r\n\r\n        .image {\r\n          .avatar {\r\n            img {\r\n              width: 100px;\r\n              height: 100px;\r\n            }\r\n          }\r\n\r\n          .icon-wrapper {\r\n            width: 30px;\r\n            height: 30px;\r\n            font-size: 13px;\r\n          }\r\n        }\r\n\r\n        .user-content {\r\n          p {\r\n            font-size: 14px;\r\n            margin-bottom: 10px;\r\n          }\r\n\r\n          h5 {\r\n            margin: 20px 0;\r\n          }\r\n\r\n          hr {\r\n            margin: 20px 0;\r\n          }\r\n        }\r\n\r\n        .follow {\r\n          .follow-num {\r\n            font-size: 20px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .chat-left-aside {\r\n    .people-list {\r\n      height: 490px;\r\n\r\n      ul {\r\n        max-height: 434px;\r\n        overflow-y: auto;\r\n      }\r\n    }\r\n  }\r\n\r\n  .status-circle {\r\n    top: 4px;\r\n    left: 37px;\r\n  }\r\n\r\n  // mega-menu\r\n  .mega-menu {\r\n    .onhover-show-div {\r\n      left: 164px;\r\n    }\r\n  }\r\n\r\n  // image cropper page\r\n  .img-cropper {\r\n    .docs-toggles {\r\n      margin-top: 8px;\r\n    }\r\n  }\r\n\r\n  // touchspin page\r\n  .bootstrap-touchspin {\r\n    .dropdown-basic {\r\n      .dropdown {\r\n        .dropdown-content {\r\n          left: -21px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  // datatable advance page\r\n  #advance-5_wrapper {\r\n    .dataTables_paginate {\r\n      margin-bottom: 8px;\r\n    }\r\n  }\r\n\r\n  // jsgrid-table page\r\n  #batchDelete {\r\n    .jsgrid-grid-header {\r\n      .jsgrid-table {\r\n        .jsgrid-header-row {\r\n          .jsgrid-header-cell {\r\n            &:first-child {\r\n              width: 67px !important;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    .jsgrid-grid-body {\r\n      .jsgrid-table {\r\n        .jsgrid-row {\r\n          .jsgrid-cell {\r\n            &:first-child {\r\n              width: 67px !important;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  // forget password page\r\n  .reset-password-box {\r\n    .theme-form {\r\n      .form-group {\r\n        .btn {\r\n          padding: 6px 22px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n@media only screen and (max-width: 1366px) and (min-width: 1200px) {\r\n  .page-wrapper {\r\n    &.horizontal-wrapper {\r\n      .left-header {\r\n        flex: 0 0 32%;\r\n        max-width: 32%;\r\n      }\r\n      .page-header {\r\n        .header-wrapper {\r\n          .nav-right {\r\n            flex: 0 0 54%;\r\n            max-width: 54%;\r\n          }\r\n        }\r\n      }\r\n      &.material-type {\r\n        .page-header {\r\n          max-width: 1140px;\r\n        }\r\n\r\n        .page-body-wrapper {\r\n          .sidebar-wrapper,\r\n          .page-body {\r\n            max-width: 1140px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n@media only screen and (max-width: 1199.98px) {\r\n  .left-header .mega-menu-container .mega-box .svg-icon ~ div h6 {\r\n    display: none;\r\n  }\r\n  .wizard-4 {\r\n    ul {\r\n      &.anchor {\r\n        padding-left: 40px;\r\n        padding-right: 40px;\r\n      }\r\n    }\r\n  }\r\n\r\n  .file-sidebar {\r\n    padding-right: 12px;\r\n  }\r\n  .col-xl-7.b-center.bg-size {\r\n    top: 0;\r\n    height: 100vh;\r\n    opacity: 0.5;\r\n    position: fixed;\r\n  }\r\n  .login-card {\r\n    background: transparent;\r\n  }\r\n\r\n  .knowledgebase-bg {\r\n    height: 400px;\r\n  }\r\n  .knowledgebase-search {\r\n    .form-inline {\r\n      width: 400px;\r\n      padding: 7px 45px;\r\n\r\n      svg {\r\n        top: 14px;\r\n      }\r\n    }\r\n  }\r\n  .btn-group {\r\n    .btn {\r\n      padding: 0.375rem 1.25rem;\r\n    }\r\n  }\r\n\r\n  .link-section > div {\r\n    &.active {\r\n      > h6 {\r\n        &:before {\r\n          content: \"\\f107\";\r\n          transition: content 0.3s ease;\r\n        }\r\n      }\r\n    }\r\n\r\n    > h6 {\r\n      position: relative;\r\n\r\n      &:before {\r\n        content: \"\\f105\";\r\n        font-family: fontAwesome;\r\n        position: absolute;\r\n        right: 10px;\r\n        font-size: 18px;\r\n        transition: content 0.3s ease;\r\n      }\r\n    }\r\n  }\r\n\r\n  .left-header {\r\n    .mega-menu-container {\r\n      position: fixed;\r\n      width: 300px;\r\n      border: 1px solid rgb(238, 238, 238);\r\n      top: 0px;\r\n      height: 100vh;\r\n      left: unset;\r\n      right: -300px;\r\n      z-index: 99;\r\n      transition: all 0.3s ease;\r\n      overflow: scroll;\r\n      min-width: unset;\r\n      padding-right: 20px;\r\n      .container-fluid {\r\n        padding: 0;\r\n      }\r\n\r\n      &.d-block {\r\n        right: 0;\r\n        transition: all 0.3s ease;\r\n        animation: fadeInRight 0.3s ease-in-out;\r\n      }\r\n\r\n      .mega-box {\r\n        flex-basis: auto;\r\n\r\n        & + .mega-box {\r\n          border-left: 0px;\r\n          padding-left: 15px;\r\n        }\r\n\r\n        .link-section {\r\n          .submenu-title {\r\n            display: flex;\r\n            justify-content: space-between;\r\n          }\r\n\r\n          .according-menu {\r\n            display: inline-block;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .alert-theme {\r\n    min-width: 420px;\r\n  }\r\n  .mega-menu-header {\r\n    .header-wrapper {\r\n      .vertical-mobile-sidebar {\r\n        display: block;\r\n        margin-right: 15px;\r\n      }\r\n    }\r\n  }\r\n\r\n  // sidebar css\r\n  .page-wrapper {\r\n    .page-header {\r\n      .header-wrapper {\r\n        .nav-right {\r\n          position: unset;\r\n          padding: 0;\r\n\r\n          > ul {\r\n            li {\r\n              .submenu {\r\n                li {\r\n                  &:first-child {\r\n                    padding-left: 15px !important;\r\n                  }\r\n                }\r\n              }\r\n            }\r\n          }\r\n        }\r\n\r\n        .mobile-sidebar {\r\n          .switch-sm {\r\n            .switch {\r\n              margin-top: 6px;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  // social app page\r\n  .photos {\r\n    ul {\r\n      li {\r\n        width: auto;\r\n\r\n        &:nth-child(3n) {\r\n          margin-right: 15px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .user-profile {\r\n    .hovercard {\r\n      .user-image {\r\n        .share-icons {\r\n          position: absolute;\r\n          right: 45px;\r\n          top: -22px;\r\n\r\n          li {\r\n            .social-icon {\r\n              width: 40px;\r\n              height: 40px;\r\n\r\n              i {\r\n                font-size: 18px;\r\n              }\r\n            }\r\n\r\n            color: #fff;\r\n            font-size: 25px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  // timeline small page\r\n  .timeline-small {\r\n    .media {\r\n      .timeline-round {\r\n        &.timeline-line-1 {\r\n          &:after {\r\n            height: 33px;\r\n            bottom: -52px;\r\n          }\r\n        }\r\n\r\n        &.small-line {\r\n          &:after {\r\n            height: 18px;\r\n            bottom: -34px;\r\n          }\r\n        }\r\n\r\n        &.medium-line {\r\n          &:after {\r\n            height: 30px;\r\n            bottom: -52px;\r\n          }\r\n        }\r\n      }\r\n\r\n      .media-body {\r\n        p {\r\n          width: 100%;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .lg-mt-col {\r\n    margin-top: 30px;\r\n  }\r\n\r\n  .xl-none {\r\n    display: none;\r\n  }\r\n\r\n  .user-status {\r\n    table {\r\n      tbody {\r\n        tr {\r\n          td {\r\n            .d-inline-block {\r\n              margin-top: 10px;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .lg-mt {\r\n    margin-top: 30px;\r\n  }\r\n\r\n  .new-products {\r\n    .owl-carousel {\r\n      .product-box {\r\n        &.row {\r\n          > div {\r\n            width: 100%;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .product-wrapper-grid {\r\n    &.list-view {\r\n      .product-box {\r\n        .product-img {\r\n          width: 32%;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .debit-card {\r\n    order: 1;\r\n  }\r\n\r\n  .typography {\r\n    .row {\r\n      div {\r\n        & + div {\r\n          margin-top: 30px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .listing {\r\n    .card-body {\r\n      .row {\r\n        > div {\r\n          & + div {\r\n            margin-top: 30px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .flot-chart-container {\r\n    height: 200px;\r\n  }\r\n\r\n  .img-cropper {\r\n    #putData {\r\n      margin-bottom: 10px;\r\n    }\r\n\r\n    .docs-toggles {\r\n      > .dropdown {\r\n        margin-bottom: 0;\r\n      }\r\n    }\r\n  }\r\n\r\n  .error-wrapper {\r\n    .maintenance-icons {\r\n      li {\r\n        i {\r\n          color: $light-color;\r\n          font-size: 40px;\r\n        }\r\n\r\n        &:nth-child(2) {\r\n          i {\r\n            font-size: 80px;\r\n            margin-left: 90px;\r\n          }\r\n        }\r\n\r\n        &:nth-child(3) {\r\n          i {\r\n            font-size: 120px;\r\n            margin-top: -75px;\r\n            margin-right: 110px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  div {\r\n    &.dataTables_wrapper {\r\n      div {\r\n        &.dataTables_paginate {\r\n          & ~ .dataTables_filter {\r\n            display: block;\r\n            width: 100%;\r\n            margin-top: 20px;\r\n            margin-bottom: 0;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .jvector-map-height {\r\n    height: 280px;\r\n  }\r\n\r\n  .blog-list {\r\n    .blog-details {\r\n      p {\r\n        margin-bottom: 5px;\r\n      }\r\n    }\r\n  }\r\n\r\n  .custom-card {\r\n    .card-profile {\r\n      .card-footer {\r\n        > div {\r\n          h3 {\r\n            font-size: 18px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .equal-height-lg {\r\n    min-height: unset !important;\r\n  }\r\n\r\n  //mega menu\r\n  .mega-menu {\r\n    .onhover-show-div {\r\n      height: 435px;\r\n      overflow-x: scroll;\r\n      left: 215px;\r\n    }\r\n\r\n    .mega-bg {\r\n      display: none;\r\n    }\r\n\r\n    .lg-mt {\r\n      margin-top: 25px;\r\n    }\r\n  }\r\n\r\n  .button-builder {\r\n    .button-generator-bx {\r\n      position: relative;\r\n      width: 100%;\r\n    }\r\n  }\r\n\r\n  //blog\r\n  .blog-single {\r\n    .comment-box {\r\n      ul {\r\n        .comment-social {\r\n          margin-left: 0;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  //error and maintenace\r\n  .error-wrapper {\r\n    .maintenance-heading {\r\n      margin-top: 30px;\r\n\r\n      .headline {\r\n        font-size: 50px;\r\n        margin-top: -15%;\r\n        margin-bottom: 0px;\r\n      }\r\n\r\n      .cloud-second {\r\n        margin-top: -25px;\r\n      }\r\n    }\r\n  }\r\n\r\n  // general widget\r\n  .user-status {\r\n    table {\r\n      tbody {\r\n        tr {\r\n          td {\r\n            &:first-child {\r\n              min-width: 278px;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .testimonial {\r\n    p {\r\n      margin-top: 17px;\r\n    }\r\n  }\r\n\r\n  .contact-form {\r\n    padding: 10px;\r\n\r\n    .theme-form {\r\n      .form-icon {\r\n        margin-top: -57px;\r\n      }\r\n    }\r\n  }\r\n\r\n  .calender-widget {\r\n    .cal-date {\r\n      width: 90px;\r\n      height: 90px;\r\n\r\n      h5 {\r\n        font-size: 16px;\r\n        padding: 18px;\r\n      }\r\n    }\r\n\r\n    .cal-desc {\r\n      padding: 14px;\r\n\r\n      p {\r\n        max-height: 114px;\r\n        overflow-y: auto;\r\n      }\r\n    }\r\n  }\r\n\r\n  .browser-widget {\r\n    padding: 0px;\r\n    img {\r\n      height: 50px;\r\n    }\r\n    .media {\r\n      .media-body {\r\n        h4 {\r\n          font-size: 17px;\r\n        }\r\n      }\r\n\r\n      .media-img {\r\n        width: 100%;\r\n        text-align: center;\r\n        margin-bottom: 10px;\r\n      }\r\n    }\r\n  }\r\n\r\n  .static-top-widget {\r\n    .media-body {\r\n      padding-left: 20px;\r\n    }\r\n  }\r\n\r\n  .widget-joins {\r\n    .media {\r\n      .media-body {\r\n        svg {\r\n          width: 30px;\r\n          height: 30px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  //ecommerce dashboard\r\n  .crm-overall {\r\n    .overall-chart {\r\n      height: 200px;\r\n    }\r\n  }\r\n\r\n  // eccommerce product\r\n  .product-table {\r\n    table.dataTable thead > tr > th {\r\n      padding-right: 50px;\r\n    }\r\n  }\r\n\r\n  //chat\r\n  .chat-menu-icons {\r\n    display: block;\r\n    clear: both;\r\n    // width: 100%;\r\n    // text-align: right;\r\n  }\r\n\r\n  .chat-menu {\r\n    right: 0;\r\n    border-top: 1px solid $light-semi-gray;\r\n    opacity: 0;\r\n    transform: translateY(-30px);\r\n    visibility: hidden;\r\n    top: 120px;\r\n    position: absolute !important;\r\n    z-index: 7;\r\n    background-color: $white;\r\n    transition: all linear 0.3s;\r\n\r\n    &.show {\r\n      opacity: 1;\r\n      visibility: visible;\r\n      transform: translateY(0px);\r\n      transition: all linear 0.3s;\r\n      padding-bottom: 25px;\r\n    }\r\n  }\r\n\r\n  .chat-box {\r\n    .chat-menu {\r\n      .people-list {\r\n        ul.list {\r\n          max-height: 444px;\r\n          overflow-y: auto;\r\n        }\r\n      }\r\n    }\r\n\r\n    .btn-lg {\r\n      font-size: 12px;\r\n    }\r\n\r\n    .people-list {\r\n      ul {\r\n        height: auto;\r\n      }\r\n    }\r\n\r\n    .chat-right-aside {\r\n      .chat {\r\n        .chat-header {\r\n          height: auto;\r\n\r\n          .chat-menu-icons li a i {\r\n            font-size: 19px;\r\n          }\r\n        }\r\n\r\n        .chat-message {\r\n          margin: 0;\r\n        }\r\n      }\r\n    }\r\n\r\n    .chat-history {\r\n      .total-time h2 {\r\n        font-size: 25px;\r\n      }\r\n\r\n      .row {\r\n        .col-sm-7 {\r\n          padding-right: 0;\r\n        }\r\n      }\r\n    }\r\n\r\n    .border-tab.nav-tabs {\r\n      width: 100%;\r\n\r\n      .nav-item {\r\n        margin-right: 5px;\r\n      }\r\n    }\r\n\r\n    .chat-left-aside {\r\n      .people-list {\r\n        height: 493px;\r\n      }\r\n    }\r\n\r\n    .chat-history {\r\n      .call-content {\r\n        > div {\r\n          padding-top: 70px;\r\n        }\r\n      }\r\n    }\r\n\r\n    .toogle-bar {\r\n      display: inline-block;\r\n      margin-right: 0 !important;\r\n    }\r\n  }\r\n\r\n  .chat-right-aside {\r\n    flex: 0 0 100%;\r\n    max-width: calc(100% - 15px);\r\n    overflow: hidden;\r\n  }\r\n\r\n  .call-chat-body {\r\n    .chat-box {\r\n      overflow: auto;\r\n      height: auto;\r\n    }\r\n  }\r\n\r\n  // Email app\r\n  .email-wrap {\r\n    .email-right-aside {\r\n      .email-body {\r\n        .b-r-light {\r\n          border-right: none !important;\r\n        }\r\n      }\r\n      .radius-left {\r\n        border-top-left-radius: 4px !important;\r\n        border-bottom-left-radius: 4px !important;\r\n      }\r\n    }\r\n\r\n    .row {\r\n      .col-xl-3 {\r\n        & + .col-xl-3 {\r\n          padding-right: 15px;\r\n        }\r\n      }\r\n\r\n      .col-xl-6 {\r\n        padding-left: 15px;\r\n      }\r\n    }\r\n  }\r\n\r\n  // icons\r\n  .icon-lists {\r\n    div {\r\n      overflow: hidden;\r\n      text-overflow: ellipsis;\r\n      max-width: 209px;\r\n    }\r\n  }\r\n\r\n  // tour page\r\n  .like-comment-lg-mb {\r\n    margin-bottom: 12px;\r\n  }\r\n\r\n  // ribbons page\r\n  .ribbon-space-bottom {\r\n    top: 9px;\r\n  }\r\n\r\n  // touchspin page\r\n  .bootstrap-touchspin {\r\n    .touchspin-vertical-tab {\r\n      .input-group {\r\n        width: 98.5% !important;\r\n      }\r\n    }\r\n  }\r\n\r\n  // jsgrid-table page\r\n  #batchDelete {\r\n    .jsgrid-grid-header {\r\n      .jsgrid-table {\r\n        .jsgrid-header-row {\r\n          .jsgrid-header-cell {\r\n            &:first-child {\r\n              width: 95px !important;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    .jsgrid-grid-body {\r\n      .jsgrid-table {\r\n        .jsgrid-row {\r\n          .jsgrid-cell {\r\n            &:first-child {\r\n              width: 95px !important;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  // user-profile page\r\n  .profile-img-style {\r\n    #aniimated-thumbnials-3 {\r\n      text-align: center;\r\n    }\r\n  }\r\n\r\n  // vertical page\r\n  .vertical-menu-mt {\r\n    margin-top: 80px !important;\r\n\r\n    .xl-none {\r\n      display: block;\r\n    }\r\n  }\r\n\r\n  // calender page\r\n  .calendar-wrap {\r\n    .fc-day-grid-event {\r\n      width: 87%;\r\n    }\r\n  }\r\n\r\n  // product-page //\r\n  .product-page-main {\r\n    .product-page-details {\r\n      h3 {\r\n        font-size: 26px;\r\n      }\r\n    }\r\n  }\r\n}\r\n@media only screen and (max-width: 1199px) and (min-width: 992px) {\r\n  .page-wrapper {\r\n    &.horizontal-wrapper {\r\n      &.material-type {\r\n        .page-header {\r\n          max-width: 930px;\r\n        }\r\n        .page-body-wrapper {\r\n          .sidebar-wrapper,\r\n          .page-body {\r\n            max-width: 930px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .left-header {\r\n    .mega-menu,\r\n    .level-menu {\r\n      .nav-link {\r\n        svg {\r\n          margin-right: 0;\r\n        }\r\n        span {\r\n          display: none;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n@media only screen and (max-width: 991.98px) {\r\n  .order-menu-section {\r\n    padding: 0;\r\n  }\r\n  .simplebar-mask {\r\n    top: 70px;\r\n  }\r\n  .datepicker-dashboard {\r\n    margin-bottom: 30px;\r\n  }\r\n  .project-cards {\r\n    .tab-content {\r\n      margin-bottom: -20px;\r\n    }\r\n  }\r\n  .project-box {\r\n    margin-bottom: 20px;\r\n  }\r\n  .left-header {\r\n    .mega-menu,\r\n    .level-menu {\r\n      .nav-link {\r\n        svg {\r\n          margin-right: 0;\r\n        }\r\n        span {\r\n          display: none;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .left-header {\r\n    .level-menu {\r\n      .nav-link {\r\n        margin-left: 6px;\r\n      }\r\n    }\r\n  }\r\n  .page-wrapper {\r\n    &.modern-type {\r\n      .simplebar-mask {\r\n        top: 70px;\r\n      }\r\n    }\r\n    &.compact-sidebar {\r\n      .simplebar-mask {\r\n        top: 87px;\r\n      }\r\n      .page-header {\r\n        margin-left: 0;\r\n        width: calc(100% - 0px);\r\n      }\r\n      .page-body-wrapper {\r\n        div.sidebar-wrapper {\r\n          &.close_icon {\r\n            .sidebar-main {\r\n              .sidebar-links {\r\n                li {\r\n                  .sidebar-link {\r\n                    &.active {\r\n                      ~ .sidebar-submenu {\r\n                        display: none !important;\r\n                      }\r\n                    }\r\n                  }\r\n                }\r\n              }\r\n            }\r\n          }\r\n        }\r\n\r\n        .page-body {\r\n          margin-top: 60px;\r\n        }\r\n      }\r\n    }\r\n    &.only-body {\r\n      .page-header {\r\n        .header-wrapper {\r\n          .search-full {\r\n            .Typeahead-menu {\r\n              top: 65px;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n    &.advance-layout {\r\n      .page-body-wrapper {\r\n        .sidebar-wrapper {\r\n          position: fixed !important;\r\n          top: 0 !important;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .product-box {\r\n    .modal {\r\n      .modal-header {\r\n        .product-box {\r\n          .product-details {\r\n            padding-left: 15px;\r\n            padding-right: 15px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .search-form {\r\n    .form-group {\r\n      &:before {\r\n        top: 33px;\r\n      }\r\n\r\n      &:after {\r\n        top: 35px;\r\n      }\r\n    }\r\n  }\r\n  .mobile-title {\r\n    &.d-none {\r\n      padding: 11px 30px 10px;\r\n    }\r\n  }\r\n  .page-wrapper {\r\n    .page-header {\r\n      .header-wrapper {\r\n        .nav-right {\r\n          .profile-dropdown {\r\n            top: 50px;\r\n          }\r\n        }\r\n\r\n        .search-full {\r\n          input {\r\n            line-height: 33px;\r\n          }\r\n\r\n          .form-group {\r\n            .close-search {\r\n              top: 11px;\r\n            }\r\n\r\n            &:before {\r\n              top: 48%;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    .current_lang {\r\n      .lang {\r\n        span {\r\n          &.lang-txt {\r\n            display: none;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .customizer-contain {\r\n    top: 62px;\r\n  }\r\n  .mobile-clock-widget {\r\n    #date {\r\n      margin-top: 20px;\r\n    }\r\n  }\r\n  .m-r-30 {\r\n    margin-right: 20px;\r\n  }\r\n  .card.full-card {\r\n    top: 60px;\r\n    width: calc(100vw - 0px);\r\n  }\r\n\r\n  .vertical-mobile-sidebar {\r\n    right: 75px;\r\n    top: 18px;\r\n  }\r\n\r\n  .gallery {\r\n    margin-bottom: -20px;\r\n  }\r\n\r\n  .my-gallery {\r\n    figure {\r\n      margin-bottom: 20px;\r\n    }\r\n  }\r\n\r\n  #aniimated-thumbnials {\r\n    figure {\r\n      &:nth-child(12),\r\n      &:nth-child(11),\r\n      &:nth-child(10),\r\n      &:nth-child(9) {\r\n        margin-bottom: 20px;\r\n      }\r\n    }\r\n  }\r\n\r\n  .photoswipe-pb-responsive {\r\n    padding-bottom: 25px !important;\r\n  }\r\n\r\n  // datatable css\r\n  table {\r\n    &.dataTable {\r\n      &.fixedHeader-locked,\r\n      &.fixedHeader-floating {\r\n        left: 0 !important;\r\n        width: 100% !important;\r\n      }\r\n    }\r\n  }\r\n\r\n  // main header css\r\n  .page-wrapper {\r\n    .section-space {\r\n      padding: 60px 0;\r\n    }\r\n\r\n    .card {\r\n      margin-bottom: 30px;\r\n\r\n      .card-header,\r\n      .card-body,\r\n      .card-footer {\r\n        padding: 20px;\r\n\r\n        .tab-content {\r\n          .m-t-30 {\r\n            margin-top: 20px !important;\r\n          }\r\n\r\n          .m-b-30 {\r\n            margin-bottom: 20px !important;\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    .page-body-wrapper {\r\n      .page-title {\r\n        padding-top: 25px;\r\n        padding-bottom: 25px;\r\n      }\r\n\r\n      .footer-fix {\r\n        margin-left: 0px;\r\n        padding-right: 15px;\r\n        width: calc(100% - 0px) !important;\r\n      }\r\n    }\r\n\r\n    &.compact-wrapper {\r\n      .page-header {\r\n        margin-left: 0 !important;\r\n        width: calc(100% - 0px) !important;\r\n\r\n        .header-wrapper {\r\n          .maximize {\r\n            display: none;\r\n          }\r\n\r\n          .header-logo-wrapper {\r\n            display: flex;\r\n          }\r\n\r\n          .toggle-sidebar {\r\n            position: unset;\r\n            margin-right: 15px;\r\n            border-right: 1px solid #ddd;\r\n            padding-right: 15px;\r\n            display: block;\r\n\r\n            &:before {\r\n              display: none;\r\n            }\r\n          }\r\n\r\n          .toggle-nav {\r\n            display: none;\r\n          }\r\n        }\r\n      }\r\n\r\n      .page-body-wrapper {\r\n        div.sidebar-wrapper {\r\n          top: 0;\r\n\r\n          &.close_icon {\r\n            &:hover {\r\n              transform: translate(-285px);\r\n            }\r\n          }\r\n\r\n          .logo-wrapper {\r\n            padding: 17px 30px;\r\n            .back {\r\n              font-size: 16px;\r\n            }\r\n            .back-btn {\r\n              display: inline-block;\r\n              float: right;\r\n              position: relative;\r\n              top: -5px;\r\n              font-size: 20px;\r\n            }\r\n\r\n            .toggle-sidebar {\r\n              display: none;\r\n            }\r\n          }\r\n\r\n          .sidebar-main {\r\n            .sidebar-links {\r\n              height: calc(100vh - 95px);\r\n            }\r\n          }\r\n\r\n          &.close_icon {\r\n            transform: translate(-285px);\r\n\r\n            .sidebar-main {\r\n              .sidebar-links {\r\n                height: unset;\r\n              }\r\n            }\r\n          }\r\n        }\r\n\r\n        .page-body {\r\n          margin-top: 105px;\r\n          padding: 0 15px;\r\n        }\r\n      }\r\n    }\r\n\r\n    &.compact-sidebar {\r\n      .page-header {\r\n        .header-wrapper {\r\n          .maximize {\r\n            display: none;\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    &.modern-type {\r\n      .page-header {\r\n        .header-wrapper {\r\n          .logo-wrapper {\r\n          }\r\n        }\r\n      }\r\n      .page-body-wrapper {\r\n        div.sidebar-wrapper {\r\n          margin: 0 !important;\r\n          .logo-wrapper {\r\n            display: block;\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    &.material-icon {\r\n      .page-header {\r\n        padding-left: 0;\r\n      }\r\n      .page-body-wrapper {\r\n        .page-body {\r\n          padding-left: 15px;\r\n        }\r\n      }\r\n    }\r\n\r\n    .page-header {\r\n      .header-wrapper {\r\n        margin: 0;\r\n        padding: 12px 30px;\r\n        justify-content: space-between;\r\n\r\n        .nav-right {\r\n          .notification {\r\n            top: 10px;\r\n          }\r\n        }\r\n\r\n        > .mobile-toggle {\r\n          cursor: pointer;\r\n          display: flex;\r\n          align-items: center;\r\n        }\r\n\r\n        .header-logo-wrapper {\r\n          margin-right: 0;\r\n        }\r\n      }\r\n\r\n      .header-logo-wrapper {\r\n        .logo-wrapper {\r\n          img {\r\n            margin-top: 0;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .page-body-wrapper {\r\n    .page-body,\r\n    footer {\r\n      #customer-review {\r\n        .owl-stage-outer {\r\n          width: 100% !important;\r\n        }\r\n      }\r\n\r\n      .calender-widget {\r\n        .cal-desc {\r\n          p {\r\n            max-height: 101px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .default-according {\r\n    .card {\r\n      margin-bottom: 10px !important;\r\n\r\n      .card-header {\r\n        padding: 12px 20px;\r\n      }\r\n    }\r\n  }\r\n\r\n  // general widget page\r\n  .crm-activity {\r\n    > {\r\n      li {\r\n        + li {\r\n          margin-top: 10px;\r\n          padding-top: 10px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  // add post page\r\n  .add-post {\r\n    .dropzone {\r\n      margin-bottom: 20px;\r\n    }\r\n  }\r\n\r\n  // avatar page\r\n  .customers {\r\n    &.avatar-group {\r\n      margin-right: 20px;\r\n    }\r\n  }\r\n\r\n  //social app page css\r\n  .socialprofile {\r\n    .social-btngroup {\r\n      margin: 20px 0;\r\n    }\r\n\r\n    .social-group {\r\n      margin-top: 20px;\r\n    }\r\n  }\r\n\r\n  .social-status {\r\n    form {\r\n      .form-group {\r\n        .form-control-social {\r\n          margin-bottom: 20px;\r\n        }\r\n      }\r\n    }\r\n\r\n    .media {\r\n      margin-bottom: 20px;\r\n    }\r\n  }\r\n\r\n  .timeline-content {\r\n    p,\r\n    .comments-box {\r\n      margin-top: 20px;\r\n    }\r\n  }\r\n\r\n  .social-chat {\r\n    margin-top: 20px;\r\n\r\n    .media-body {\r\n      padding: 20px;\r\n    }\r\n\r\n    .your-msg,\r\n    .other-msg {\r\n      margin-bottom: 20px;\r\n    }\r\n  }\r\n\r\n  .social-network {\r\n    span {\r\n      margin-bottom: 20px;\r\n    }\r\n  }\r\n\r\n  .details-about {\r\n    + .details-about {\r\n      margin-top: 20px;\r\n    }\r\n  }\r\n\r\n  .activity-log {\r\n    .my-activity {\r\n      + .my-activity {\r\n        margin-top: 20px;\r\n      }\r\n    }\r\n  }\r\n\r\n  .new-users-social {\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  // timeline small page css\r\n  .timeline-small {\r\n    .media {\r\n      margin-bottom: 20px;\r\n\r\n      .media-body {\r\n        h6 {\r\n          margin-bottom: 20px;\r\n        }\r\n\r\n        p {\r\n          width: 75%;\r\n        }\r\n      }\r\n\r\n      .timeline-round {\r\n        width: 45px;\r\n        height: 45px;\r\n        top: -14px;\r\n\r\n        &.timeline-line-1 {\r\n          &:after {\r\n            bottom: -41px;\r\n            height: 25px;\r\n          }\r\n        }\r\n\r\n        &.small-line {\r\n          &:after {\r\n            bottom: -26px;\r\n            height: 14px;\r\n          }\r\n        }\r\n\r\n        &.medium-line {\r\n          &:after {\r\n            bottom: -33px;\r\n            height: 17px;\r\n          }\r\n        }\r\n\r\n        svg {\r\n          top: 14px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  // helper classes page start\r\n  .helper-classes {\r\n    padding: 20px;\r\n  }\r\n\r\n  // helper classes page ends\r\n  .floated-customizer-btn,\r\n  .floated-customizer-panel {\r\n    display: none;\r\n  }\r\n\r\n  .page-builder {\r\n    .ge-canvas {\r\n      &.ge-editing {\r\n        .row {\r\n          padding: 20px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .weather-widget-two {\r\n    .bottom-whetherinfo {\r\n      .whether-content {\r\n        top: 24px;\r\n      }\r\n    }\r\n  }\r\n\r\n  .social-widget-card {\r\n    .b-b-light {\r\n      padding: 20px;\r\n      margin-bottom: 20px;\r\n    }\r\n  }\r\n\r\n  .ecommerce-widget {\r\n    .progress-showcase {\r\n      margin-top: 20px;\r\n    }\r\n  }\r\n\r\n  .crm-overall {\r\n    margin: 0 -20px -20px;\r\n  }\r\n\r\n  .product-page-main {\r\n    padding: 20px;\r\n  }\r\n\r\n  .grid-options {\r\n    ul {\r\n      li {\r\n        &:nth-child(3) {\r\n          display: none;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .feature-products {\r\n    form {\r\n      .form-group {\r\n        i {\r\n          right: 20px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .tabbed-card ul {\r\n    padding: 18px 15px;\r\n  }\r\n\r\n  .tabbed-card {\r\n    ul {\r\n      top: -7px;\r\n      right: 0;\r\n\r\n      &.border-tab {\r\n        &.nav-tabs {\r\n          padding: 0;\r\n\r\n          .nav-item {\r\n            .nav-link {\r\n              padding: 10px 15px;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .tilt-showcase {\r\n    .tilt-image {\r\n      text-align: center;\r\n    }\r\n\r\n    .mt-4 {\r\n      margin-top: 20px !important;\r\n    }\r\n  }\r\n\r\n  .todo {\r\n    .todo-list-wrapper {\r\n      .mark-all-tasks {\r\n        top: 20px;\r\n        right: 20px;\r\n      }\r\n    }\r\n  }\r\n\r\n  .custom-card {\r\n    padding-bottom: 0;\r\n\r\n    .card-footer {\r\n      padding: 0 15px 15px 15px !important;\r\n    }\r\n\r\n    .card-header {\r\n      border: none;\r\n    }\r\n\r\n    .dashboard-card {\r\n      padding: 0;\r\n    }\r\n\r\n    .card-profile {\r\n      img {\r\n        height: 155px;\r\n      }\r\n    }\r\n  }\r\n\r\n  .display-1 {\r\n    font-size: 4rem;\r\n  }\r\n\r\n  .display-2 {\r\n    font-size: 3.5rem;\r\n  }\r\n\r\n  .display-3 {\r\n    font-size: 2.5rem;\r\n  }\r\n\r\n  .display-4 {\r\n    font-size: 1.5rem;\r\n  }\r\n\r\n  .typography {\r\n    .h1 {\r\n      font-size: 34px;\r\n    }\r\n\r\n    .h2 {\r\n      font-size: 30px;\r\n    }\r\n\r\n    .h3 {\r\n      font-size: 22px;\r\n    }\r\n\r\n    .h4 {\r\n      font-size: 20px;\r\n    }\r\n\r\n    .h5 {\r\n      font-size: 18px;\r\n    }\r\n\r\n    .h6 {\r\n      font-size: 15px;\r\n    }\r\n  }\r\n\r\n  h1 {\r\n    font-size: 34px;\r\n  }\r\n\r\n  h2 {\r\n    font-size: 28px;\r\n  }\r\n\r\n  h3 {\r\n    font-size: 26px;\r\n  }\r\n\r\n  h4 {\r\n    font-size: 22px;\r\n  }\r\n\r\n  h5 {\r\n    font-size: 18px;\r\n  }\r\n\r\n  h6 {\r\n    font-size: 15px;\r\n  }\r\n\r\n  .card-absolute {\r\n    .card-header {\r\n      padding: 10px 15px !important;\r\n    }\r\n  }\r\n\r\n  .comingsoon {\r\n    .comingsoon-inner {\r\n      .countdown {\r\n        .time {\r\n          width: 80px;\r\n          height: 80px;\r\n          font-size: 26px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .calendar-wrap {\r\n    .basic-calendar {\r\n      .external-events {\r\n        .fc-event {\r\n          & + .fc-event {\r\n            margin-top: 10px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .owl-theme {\r\n    .owl-nav {\r\n      &.disabled {\r\n        & + .owl-dots {\r\n          margin-bottom: -10px;\r\n          margin-top: 15px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .card {\r\n    .card-header {\r\n      h5 {\r\n        font-size: 18px;\r\n      }\r\n\r\n      .card-header-right {\r\n        top: 11px;\r\n        right: 15px;\r\n      }\r\n    }\r\n  }\r\n\r\n  .page-builder {\r\n    .ge-addRowGroup {\r\n      width: 100%;\r\n    }\r\n  }\r\n\r\n  //user profile\r\n  .user-profile {\r\n    .hovercard {\r\n      .info {\r\n        .user-designation {\r\n          margin-bottom: 20px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  // search page //\r\n  .search-list {\r\n    justify-content: center;\r\n  }\r\n\r\n  //blog\r\n  .blog-single {\r\n    .comment-box {\r\n      .comment-social {\r\n        li {\r\n          padding-left: 15px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  //error and maintenace\r\n  .error-wrapper {\r\n    padding: 35px 0;\r\n\r\n    .sub-content {\r\n      font-size: 14px;\r\n      line-height: 25px;\r\n      margin-top: 0px;\r\n    }\r\n\r\n    .error-heading {\r\n      margin-top: 30px;\r\n\r\n      .headline {\r\n        font-size: 180px;\r\n        margin-top: 0;\r\n      }\r\n    }\r\n\r\n    .maintenance-heading {\r\n      margin-top: 30px;\r\n    }\r\n  }\r\n\r\n  // editor_container //\r\n  .editor_container {\r\n    .CodeMirror {\r\n      min-height: 250px;\r\n      height: 250px;\r\n    }\r\n  }\r\n\r\n  //search\r\n  .search-page {\r\n    .info-block {\r\n      flex-wrap: wrap;\r\n    }\r\n    .tab-content {\r\n      .pb-4 {\r\n        padding-bottom: 20px !important;\r\n      }\r\n    }\r\n  }\r\n\r\n  //coming soon\r\n  .comingsoon {\r\n    .comingsoon-inner {\r\n      img {\r\n        width: 150px;\r\n      }\r\n    }\r\n  }\r\n\r\n  //business dashboard\r\n  .calender-widget {\r\n    .cal-desc {\r\n      padding: 10px 20px 20px !important;\r\n\r\n      p {\r\n        max-height: 100px;\r\n      }\r\n    }\r\n  }\r\n\r\n  .contact-form {\r\n    padding-top: 10px !important;\r\n\r\n    .theme-form {\r\n      padding: 20px;\r\n      margin-top: 27px;\r\n\r\n      .form-icon {\r\n        margin-top: -47px;\r\n      }\r\n    }\r\n  }\r\n\r\n  //crm dashboard\r\n  .user-status {\r\n    &.product-chart {\r\n      max-height: 518px;\r\n      overflow: auto;\r\n    }\r\n  }\r\n\r\n  // general widget\r\n  .widget-joins {\r\n    .media {\r\n      .media-body {\r\n        i {\r\n          float: none !important;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .xl-none {\r\n    display: block;\r\n  }\r\n\r\n  //blog\r\n  .top-radius-blog {\r\n    width: 100%;\r\n  }\r\n\r\n  .sm-100-w {\r\n    width: 100%;\r\n    height: 100%;\r\n  }\r\n\r\n  /*Form Wizard One start*/\r\n  .form-wizard {\r\n    .btn-mb {\r\n      margin-bottom: 20px;\r\n    }\r\n  }\r\n\r\n  /*Form Wizard One ends*/\r\n\r\n  /*Form Wizard Two Start*/\r\n  .stepwizard {\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  /*Form Wizard Two Ends*/\r\n\r\n  /*Form Wizard Three Start*/\r\n  .f1 {\r\n    .f1-steps {\r\n      margin-top: 20px;\r\n      margin-bottom: 20px;\r\n    }\r\n  }\r\n\r\n  /*Form Wizard Three ends*/\r\n\r\n  /*Form Wizard Four Start*/\r\n  .wizard-4 {\r\n    ul.anchor {\r\n      padding-right: 20px;\r\n      width: 40%;\r\n      li {\r\n        a {\r\n          &.done {\r\n            h4 {\r\n              &:before {\r\n                top: -8px;\r\n              }\r\n            }\r\n          }\r\n        }\r\n        h4 {\r\n          padding: 11px 18px;\r\n        }\r\n        + li {\r\n          a {\r\n            padding-left: 65px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n    .step-container {\r\n      width: 60%;\r\n      div.content {\r\n        .wizard-title {\r\n          width: 380px;\r\n        }\r\n      }\r\n    }\r\n\r\n    .login-card {\r\n      .login-main {\r\n        width: 380px;\r\n      }\r\n    }\r\n\r\n    .msg-box {\r\n      top: 25px !important;\r\n    }\r\n  }\r\n\r\n  /*Form Wizard Four ends*/\r\n  // tab material\r\n  .border-tab.nav-tabs {\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .tab-content {\r\n    ~ .nav-tabs {\r\n      &.border-tab {\r\n        margin-top: 20px;\r\n      }\r\n    }\r\n  }\r\n\r\n  // support ticket\r\n  .dataTables_wrapper {\r\n    .dataTables_length {\r\n      margin-bottom: 20px;\r\n    }\r\n\r\n    table.dataTable {\r\n      margin-bottom: 20px !important;\r\n    }\r\n  }\r\n\r\n  // search page\r\n  .search-page {\r\n    .info-block {\r\n      + .info-block {\r\n        padding-top: 20px;\r\n        margin-top: 20px;\r\n      }\r\n    }\r\n\r\n    #video-links {\r\n      .embed-responsive + .embed-responsive {\r\n        margin-top: 20px;\r\n      }\r\n    }\r\n  }\r\n\r\n  .lg-mt {\r\n    margin-top: 20px;\r\n  }\r\n\r\n  .gallery-with-description {\r\n    margin-bottom: -20px;\r\n\r\n    a {\r\n      > div {\r\n        margin-bottom: 20px;\r\n      }\r\n    }\r\n  }\r\n\r\n  // clipboard\r\n  .clipboaard-container {\r\n    p {\r\n      margin-bottom: 8px;\r\n    }\r\n  }\r\n\r\n  // summer-note\r\n  .m-b-30 {\r\n    margin-bottom: 20px !important;\r\n  }\r\n\r\n  // email app\r\n  .email-wrap {\r\n    .email-left-aside {\r\n      .email-app-sidebar {\r\n        ul {\r\n          li {\r\n            hr {\r\n              margin: 13px 0;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  // navs page\r\n  .nav-md-mt {\r\n    margin-top: 20px;\r\n  }\r\n\r\n  .navs-icon {\r\n    padding: 20px;\r\n\r\n    .main-section {\r\n      padding-top: 20px;\r\n    }\r\n\r\n    .separator {\r\n      margin: 20px 0;\r\n    }\r\n  }\r\n\r\n  .nav-list {\r\n    padding: 20px;\r\n  }\r\n\r\n  .navs-dropdown {\r\n    button {\r\n      margin-top: 20px;\r\n    }\r\n\r\n    .onhover-show-div {\r\n      top: 68px;\r\n    }\r\n  }\r\n\r\n  // animated modal page\r\n  .animated-modal {\r\n    .form-group {\r\n      width: 100%;\r\n      display: block;\r\n    }\r\n\r\n    .mr-4 {\r\n      margin-right: 0 !important;\r\n    }\r\n  }\r\n\r\n  // steps page\r\n  .steps-md-mt {\r\n    margin-top: 20px;\r\n  }\r\n\r\n  // button group page\r\n  .btn-group-wrapper {\r\n    .m-b-30 {\r\n      &:last-child {\r\n        margin-bottom: 0 !important;\r\n      }\r\n    }\r\n  }\r\n\r\n  // datatable advance page\r\n  #advance-5_wrapper {\r\n    .dataTables_paginate {\r\n      margin-bottom: 20px;\r\n    }\r\n  }\r\n\r\n  // summer-note page\r\n  .click2edit {\r\n    & ~ .note-editor {\r\n      &.note-frame {\r\n        margin-bottom: 20px;\r\n      }\r\n    }\r\n  }\r\n\r\n  // call-chat page\r\n  .chat-box {\r\n    .chat-left-aside {\r\n      .people-list {\r\n        height: 483px;\r\n      }\r\n    }\r\n    .chat-right-aside {\r\n      .chat {\r\n        .chat-header {\r\n          .chat-menu-icons {\r\n            li {\r\n              margin-right: 5px;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .card {\r\n    .card-body {\r\n      form {\r\n        &.animated-modal {\r\n          display: flex;\r\n\r\n          .animated-modal-md-mb {\r\n            margin-bottom: 20px !important;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .wizard-4 {\r\n    .msg-box {\r\n      top: 40px;\r\n      right: 0%;\r\n      bottom: unset;\r\n      left: unset;\r\n    }\r\n  }\r\n  .theme-form {\r\n    &.form-inline {\r\n      display: flex;\r\n    }\r\n  }\r\n  .page-wrapper {\r\n    &.modern-type {\r\n      .page-body-wrapper {\r\n        div {\r\n          &.sidebar-wrapper {\r\n            border-radius: 0;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n@media only screen and (max-width: 991px) and (min-width: 768px) {\r\n  .page-wrapper {\r\n    &.compact-wrapper {\r\n      &.material-type {\r\n        &::before {\r\n          height: 230px;\r\n        }\r\n\r\n        .page-header {\r\n          width: calc(100% - 60px) !important;\r\n          margin: 50px auto 0 !important;\r\n        }\r\n\r\n        .page-body-wrapper {\r\n          margin: 0 30px;\r\n\r\n          div.sidebar-wrapper {\r\n            left: 0;\r\n          }\r\n\r\n          .page-body {\r\n            margin-top: 0;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n@media only screen and (max-width: 762px) {\r\n  .page-wrapper .page-header .header-wrapper .search-full {\r\n    display: none;\r\n    position: absolute;\r\n    left: 0;\r\n    z-index: 1;\r\n    height: auto;\r\n    -webkit-box-flex: 1;\r\n    -ms-flex: 1 0 23%;\r\n    flex: 1 0 23%;\r\n    -webkit-transition: all 0.3s ease;\r\n    transition: all 0.3s ease;\r\n  }\r\n  .header-search {\r\n    display: inherit !important;\r\n  }\r\n  .close-search {\r\n    display: inherit !important;\r\n  }\r\n}\r\n\r\n@media only screen and (max-width: 1132px) {\r\n  .user-name-hide {\r\n    display: none;\r\n  }\r\n}\r\n@media only screen and (max-width: 992px) {\r\n  .bg-overlay {\r\n    display: block;\r\n  }\r\n  .single-section {\r\n    .description-section {\r\n      .description-details {\r\n        .menu-part {\r\n          .rooms-box {\r\n            td:first-child {\r\n              display: block;\r\n              width: 100%;\r\n              a {\r\n                img {\r\n                  width: 100%;\r\n                }\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .single-section {\r\n    .description-section {\r\n      .description-details {\r\n        .menu-part {\r\n          .rooms-box {\r\n            .room-detail {\r\n              padding: 0;\r\n              margin-top: 20px;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .page-wrapper {\r\n    &.modern-type {\r\n      .page-body-wrapper {\r\n        .page-body {\r\n          margin-left: 0;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper {\r\n    margin: 0px !important;\r\n    top: 0;\r\n    bottom: 0;\r\n    border-radius: 0;\r\n  }\r\n}\r\n@media only screen and (max-width: 868px) {\r\n  .page-wrapper {\r\n    .page-header {\r\n      .header-wrapper {\r\n        .nav-right {\r\n          > ul {\r\n            > li {\r\n              .profile-media {\r\n                .media-body {\r\n                  display: none;\r\n                }\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n@media only screen and (max-width: 767.98px) {\r\n  .wizard-4 {\r\n    ul.anchor {\r\n      width: 100%;\r\n      height: auto;\r\n      padding: 30px;\r\n    }\r\n    .step-container {\r\n      width: 100%;\r\n    }\r\n  }\r\n  .contact-editform {\r\n    padding-left: 20px !important;\r\n  }\r\n  .event-calendar {\r\n    display: block !important;\r\n    #right {\r\n      width: 100%;\r\n    }\r\n    #calendar {\r\n      clear: both;\r\n    }\r\n  }\r\n  .page-wrapper {\r\n    &.compact-wrapper,\r\n    &.compact-sidebar {\r\n      .left-header {\r\n        position: unset;\r\n\r\n        .mega-menu {\r\n          position: absolute !important;\r\n          right: 30px;\r\n          top: 13px;\r\n\r\n          .nav-link {\r\n            min-width: auto;\r\n            background-color: transparent;\r\n            border-left: 1px solid #ddd;\r\n            padding-right: 0;\r\n            border-radius: 0;\r\n          }\r\n\r\n          svg {\r\n            margin-right: 0;\r\n            height: 20px;\r\n            stroke: $dark-body-background;\r\n          }\r\n\r\n          span {\r\n            display: none;\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    &.material-type {\r\n      &::before {\r\n        display: none;\r\n      }\r\n      .page-header {\r\n        margin-top: 0;\r\n        border-radius: 0;\r\n      }\r\n      .page-body-wrapper {\r\n        .page-body {\r\n          margin-top: 0 !important;\r\n        }\r\n      }\r\n    }\r\n\r\n    &.only-body {\r\n      .page-header {\r\n        .header-wrapper {\r\n          .nav-right {\r\n            > ul {\r\n              > li {\r\n                margin-right: -2px;\r\n              }\r\n            }\r\n            .nav-menus {\r\n              margin-right: -10px;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .new-products {\r\n    .owl-carousel {\r\n      .product-box {\r\n        &.row {\r\n          > div {\r\n            width: auto;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .profile-media {\r\n    .media-body {\r\n      display: none;\r\n    }\r\n  }\r\n  .form-inline {\r\n    .form-group:not(.form-control-search) {\r\n      width: 100%;\r\n\r\n      + .form-group {\r\n        margin-top: 10px;\r\n      }\r\n\r\n      input {\r\n        width: 100%;\r\n      }\r\n    }\r\n  }\r\n  .credit-card {\r\n    .text-center {\r\n      img {\r\n        margin-bottom: 20px;\r\n      }\r\n    }\r\n  }\r\n  .starter-kit-fix {\r\n    .page-body {\r\n      margin-bottom: 78px;\r\n    }\r\n  }\r\n  .page-header {\r\n    .header-wrapper {\r\n      .left-header {\r\n        ul {\r\n          li {\r\n            .search-form {\r\n              &.form-inline {\r\n                display: flex;\r\n              }\r\n\r\n              input {\r\n                width: 77% !important;\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .blog-box {\r\n    .blog-details-main {\r\n      .blog-social {\r\n        li {\r\n          padding: 0 12px;\r\n        }\r\n      }\r\n    }\r\n\r\n    .blog-details {\r\n      .blog-social {\r\n        li {\r\n          &:first-child {\r\n            padding-right: 25px;\r\n          }\r\n\r\n          + li {\r\n            padding-left: 25px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .footer-copyright {\r\n    ~ div {\r\n      text-align: center;\r\n\r\n      p {\r\n        float: none;\r\n        margin-top: 5px;\r\n      }\r\n    }\r\n  }\r\n\r\n  // button page //\r\n  .btn-showcase {\r\n    text-align: center;\r\n  }\r\n\r\n  // social app page css\r\n  .user-profile {\r\n    .hovercard {\r\n      .user-image {\r\n        .share-icons {\r\n          right: 25px;\r\n          top: -19px;\r\n\r\n          li {\r\n            .social-icon {\r\n              width: 35px;\r\n              height: 35px;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .tabs-scoial {\r\n    &.border-tab {\r\n      &.nav-tabs {\r\n        display: flex;\r\n      }\r\n    }\r\n  }\r\n\r\n  // timeline small page css\r\n  .timeline-small {\r\n    .media {\r\n      .media-body {\r\n        p {\r\n          width: 100%;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  // icon-compact layout page\r\n  .my-gallery {\r\n    figure {\r\n      &:nth-child(9),\r\n      &:nth-child(10) {\r\n        margin-bottom: 20px;\r\n      }\r\n    }\r\n  }\r\n\r\n  // project list //\r\n  .project-list {\r\n    .btn {\r\n      float: left;\r\n      margin-top: 5px;\r\n    }\r\n  }\r\n\r\n  // chat\r\n  .chat-box {\r\n    .chat-right-aside {\r\n      .chat {\r\n        .chat-message {\r\n          .text-box {\r\n            .btn {\r\n              font-size: 0;\r\n              &:before {\r\n                position: absolute;\r\n                content: \"\\e661\";\r\n                font-family: $font-themify;\r\n                font-size: 18px;\r\n                top: 11px;\r\n                left: 20px;\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n    .border-tab {\r\n      &.nav-tabs {\r\n        display: flex;\r\n      }\r\n    }\r\n    .chat-menu {\r\n      .nav-tabs {\r\n        .nav-item {\r\n          a {\r\n            height: 50px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n    .chat-history {\r\n      .call-content {\r\n        > div {\r\n          padding-top: 40px;\r\n          height: auto;\r\n        }\r\n      }\r\n      .receiver-img {\r\n        margin-bottom: unset;\r\n      }\r\n    }\r\n    .chat-left-aside {\r\n      .people-list {\r\n        height: auto;\r\n      }\r\n    }\r\n  }\r\n  .call-chat-sidebar {\r\n    max-width: 100%;\r\n    width: 100%;\r\n    flex-basis: auto;\r\n\r\n    .people-list {\r\n      height: auto;\r\n    }\r\n  }\r\n  .chat-left-aside {\r\n    .people-list {\r\n      ul {\r\n        max-height: 100px;\r\n      }\r\n    }\r\n  }\r\n  .clockpicker-align-top {\r\n    left: 55px !important;\r\n    top: 470px !important;\r\n\r\n    .arrow {\r\n      display: none;\r\n    }\r\n  }\r\n  .form-builder-column {\r\n    .form-body {\r\n      min-height: 250px;\r\n    }\r\n  }\r\n  .form-builder-2-header {\r\n    flex-wrap: wrap;\r\n\r\n    > div {\r\n      width: 100%;\r\n      margin-top: 10px;\r\n\r\n      nav {\r\n        float: none;\r\n      }\r\n    }\r\n  }\r\n\r\n  // form-builder\r\n  .lg-mt-col {\r\n    margin-top: 20px;\r\n  }\r\n  .form-builder {\r\n    .drag-box {\r\n      fieldset {\r\n        padding: 20px;\r\n        margin-top: 20px;\r\n      }\r\n    }\r\n\r\n    #components {\r\n      margin-top: 20px;\r\n    }\r\n\r\n    .component {\r\n      label {\r\n        padding-top: 0px;\r\n      }\r\n    }\r\n  }\r\n\r\n  //mega menu\r\n  .mega-menu {\r\n    .onhover-show-div {\r\n      height: 415px;\r\n      left: 0;\r\n      top: 61px;\r\n      padding: 20px;\r\n    }\r\n\r\n    .lg-mt {\r\n      margin-top: 15px;\r\n    }\r\n  }\r\n  .page-builder {\r\n    .ge-canvas {\r\n      &.ge-editing {\r\n        .ge-tools-drawer {\r\n          margin: 10px 0 0 10px;\r\n\r\n          > a {\r\n            padding: 0 5px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .reader {\r\n    margin-top: 15px;\r\n    height: auto !important;\r\n  }\r\n  .range-slider {\r\n    &.theme-form {\r\n      .form-group {\r\n        margin-bottom: 0;\r\n      }\r\n    }\r\n  }\r\n  .note-editor {\r\n    .btn-group {\r\n      .btn {\r\n        font-size: 11px;\r\n      }\r\n    }\r\n  }\r\n  .user-status {\r\n    tbody {\r\n      tr {\r\n        td {\r\n          min-width: 284px;\r\n\r\n          & + td {\r\n            min-width: unset;\r\n\r\n            & + td {\r\n              min-width: 100px;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .text-md-right {\r\n    text-align: right;\r\n  }\r\n\r\n  .star-ratings {\r\n    .stars {\r\n      padding: 0;\r\n    }\r\n  }\r\n\r\n  .form-inline {\r\n    &.d-inline-block {\r\n      display: block !important;\r\n      width: 100%;\r\n\r\n      .form-control {\r\n        margin-bottom: 10px;\r\n      }\r\n    }\r\n  }\r\n\r\n  .reset-password-box {\r\n    width: 500px;\r\n    margin: 0 auto;\r\n\r\n    .card {\r\n      padding: 20px;\r\n    }\r\n  }\r\n\r\n  .custom-card {\r\n    .card-profile {\r\n      img {\r\n        height: 136px;\r\n        bottom: 0;\r\n      }\r\n    }\r\n  }\r\n\r\n  .error-wrapper {\r\n    .maintenance-icons {\r\n      li {\r\n        i {\r\n          color: $light-color;\r\n          font-size: 30px;\r\n        }\r\n\r\n        &:nth-child(2) {\r\n          i {\r\n            font-size: 60px;\r\n            margin-top: -10px;\r\n            margin-left: 70px;\r\n          }\r\n        }\r\n\r\n        &:nth-child(3) {\r\n          i {\r\n            font-size: 90px;\r\n            margin-right: 80px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .authentication-main {\r\n    .auth-innerright {\r\n      .social-media {\r\n        li {\r\n          font-size: 14px;\r\n        }\r\n      }\r\n\r\n      min-height: unset;\r\n      padding: 0;\r\n    }\r\n  }\r\n\r\n  .loader-box {\r\n    justify-content: center;\r\n  }\r\n\r\n  .dataTables_wrapper {\r\n    .dataTables_length {\r\n      margin-bottom: 20px;\r\n    }\r\n\r\n    .dataTables_filter {\r\n      margin-left: 0;\r\n      margin-top: 0;\r\n      margin-bottom: 20px;\r\n    }\r\n  }\r\n\r\n  div {\r\n    &.dataTables_wrapper {\r\n      div {\r\n        &.dataTables_info {\r\n          padding-top: 0;\r\n        }\r\n\r\n        &.dataTables_length,\r\n        &.dataTables_filter {\r\n          label {\r\n            float: none;\r\n          }\r\n        }\r\n\r\n        &.dataTables_paginate {\r\n          float: none;\r\n          margin-top: 20px !important;\r\n          margin-left: 0 !important;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .calendar-wrap {\r\n    .fc-basic-view {\r\n      .fc-day-number {\r\n        padding: 0 0px !important;\r\n      }\r\n    }\r\n\r\n    .fc-events-container {\r\n      margin-top: 0px;\r\n    }\r\n\r\n    .fc-events-container {\r\n      h6,\r\n      .checkbox {\r\n        text-align: right;\r\n      }\r\n    }\r\n\r\n    .checkbox {\r\n      label {\r\n        margin-top: 0;\r\n      }\r\n    }\r\n\r\n    .fc-toolbar {\r\n      .fc-left {\r\n        .fc-next-button {\r\n          .fc-icon-right-single-arrow {\r\n            &:after {\r\n              font-size: 12px !important;\r\n            }\r\n          }\r\n        }\r\n\r\n        .fc-prev-button {\r\n          .fc-icon-left-single-arrow {\r\n            &:after {\r\n              font-size: 12px !important;\r\n            }\r\n          }\r\n        }\r\n      }\r\n\r\n      .fc-left,\r\n      .fc-right {\r\n        .fc-today-button {\r\n          padding-top: 0px !important;\r\n        }\r\n      }\r\n    }\r\n\r\n    .fc {\r\n      button {\r\n        font-size: 14px !important;\r\n        padding: 0 5px !important;\r\n      }\r\n\r\n      .fc-left {\r\n        margin-bottom: 10px;\r\n      }\r\n\r\n      .fc-toolbar {\r\n        > div {\r\n          display: block !important;\r\n          float: none !important;\r\n        }\r\n\r\n        > * {\r\n          :first-child {\r\n            font-size: 18px;\r\n          }\r\n\r\n          > * {\r\n            float: none !important;\r\n          }\r\n        }\r\n      }\r\n\r\n      margin-top: 0px;\r\n    }\r\n  }\r\n\r\n  .btn-group-wrapper {\r\n    text-align: center;\r\n\r\n    .m-b-30 {\r\n      margin-bottom: 15px !important;\r\n    }\r\n  }\r\n\r\n  .btn-group-showcase {\r\n    text-align: center;\r\n\r\n    .btn-group {\r\n      margin-right: 0;\r\n      margin-bottom: 15px;\r\n    }\r\n  }\r\n\r\n  .btn-group {\r\n    .btn {\r\n      font-size: 14px;\r\n      padding: 0.375rem 0.5rem;\r\n    }\r\n  }\r\n\r\n  .animate-widget {\r\n    .text-center {\r\n      display: none;\r\n    }\r\n  }\r\n\r\n  //general widget page\r\n  .calender-widget {\r\n    .cal-desc {\r\n      p {\r\n        max-height: 100%;\r\n      }\r\n    }\r\n  }\r\n\r\n  .user-status {\r\n    &.product-chart {\r\n      max-height: 100%;\r\n    }\r\n\r\n    table {\r\n      thead {\r\n        tr {\r\n          th {\r\n            &:nth-child(3) {\r\n              min-width: 124px;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  //mega menu\r\n  .mega-menu {\r\n    .onhover-show-div {\r\n      height: 350px;\r\n    }\r\n  }\r\n\r\n  .page-builder {\r\n    .ge-canvas {\r\n      .column {\r\n        padding: 0 !important;\r\n      }\r\n    }\r\n\r\n    .ge-content-type-ckeditor {\r\n      h3 {\r\n        font-size: 20px;\r\n      }\r\n\r\n      p {\r\n        font-size: 12px;\r\n      }\r\n    }\r\n\r\n    .ge-row-icon {\r\n      display: none !important;\r\n    }\r\n  }\r\n\r\n  /* font-awesom icon page */\r\n  .icon-hover-bottom {\r\n    .form-group {\r\n      input {\r\n        min-width: 270px;\r\n      }\r\n    }\r\n  }\r\n\r\n  //user profile\r\n  .user-profile {\r\n    .hovercard {\r\n      .cardheader {\r\n        height: 350px;\r\n      }\r\n\r\n      .info {\r\n        padding: 35px;\r\n\r\n        .ttl-info {\r\n          margin-bottom: 20px;\r\n        }\r\n\r\n        .ttl-sm-mb-0 {\r\n          margin-bottom: 0;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  //calendar\r\n  .calendar-wrap {\r\n    .fc {\r\n      button {\r\n        padding: 5px;\r\n      }\r\n    }\r\n\r\n    .fc-day-grid-event {\r\n      margin: 0;\r\n      padding: 5px;\r\n      width: inherit;\r\n    }\r\n\r\n    .fc-toolbar {\r\n      h2 {\r\n        font-size: 20px;\r\n        line-height: 35px;\r\n        font-weight: bold;\r\n      }\r\n    }\r\n\r\n    .basic-calendar {\r\n      .external-events {\r\n        margin-top: 0px;\r\n      }\r\n    }\r\n  }\r\n\r\n  //blog\r\n  .blog-single {\r\n    .comment-box {\r\n      .media {\r\n        h6 {\r\n          margin-bottom: 10px;\r\n        }\r\n\r\n        img {\r\n          margin-right: 30px;\r\n        }\r\n      }\r\n\r\n      .comment-social {\r\n        margin-bottom: 5px;\r\n\r\n        li:first-child {\r\n          padding-left: 0;\r\n          padding-right: 15px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  //material tab\r\n  .tabbed-card {\r\n    ul {\r\n      &.border-tab {\r\n        margin-bottom: 15px;\r\n\r\n        &.nav-tabs {\r\n          top: unset;\r\n\r\n          .nav-item {\r\n            .nav-link {\r\n              padding: 5px 15px 10px;\r\n            }\r\n          }\r\n        }\r\n      }\r\n\r\n      padding: 10px 0 5px 0;\r\n      position: relative;\r\n      width: 100%;\r\n      left: 0;\r\n    }\r\n  }\r\n\r\n  //search\r\n  .search-page {\r\n    #image-links {\r\n      .info-block {\r\n        &.m-t-30 {\r\n          margin-top: 0 !important;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  //authentication\r\n  .authentication-main {\r\n    .authentication-box {\r\n      width: 100%;\r\n    }\r\n\r\n    .auth-innerright {\r\n      display: inherit;\r\n    }\r\n  }\r\n\r\n  //default dashboard\r\n  .map-chart {\r\n    .chart-container {\r\n      height: 300px;\r\n    }\r\n  }\r\n\r\n  .candidcahrt {\r\n    height: 250px;\r\n  }\r\n\r\n  //chart widget\r\n  .bar-chart-widget {\r\n    .earning-details {\r\n      i {\r\n        right: 0;\r\n      }\r\n    }\r\n  }\r\n\r\n  .serial-chart .chart-container {\r\n    height: 300px;\r\n  }\r\n\r\n  .bottom-content {\r\n    padding: 10px;\r\n\r\n    p {\r\n      font-size: 12px;\r\n    }\r\n  }\r\n\r\n  // from wizard two\r\n  .stepwizard {\r\n    .stepwizard-row {\r\n      &:before {\r\n        top: 17px;\r\n      }\r\n    }\r\n  }\r\n\r\n  // icons\r\n  .icon-hover-bottom {\r\n    .icon-popup {\r\n      display: block;\r\n\r\n      > .icon-last {\r\n        display: block;\r\n        margin-top: 15px;\r\n        .form-inline {\r\n          .form-group {\r\n            display: flex;\r\n          }\r\n        }\r\n      }\r\n\r\n      div {\r\n        .flag-icon {\r\n          width: 30px;\r\n          height: auto;\r\n        }\r\n      }\r\n    }\r\n\r\n    .form-group {\r\n      input {\r\n        display: block;\r\n        width: auto !important;\r\n      }\r\n    }\r\n  }\r\n\r\n  //footer\r\n  .footer-links {\r\n    text-align: center;\r\n  }\r\n\r\n  .footer-copyright {\r\n    text-align: center !important;\r\n  }\r\n\r\n  .jvector-map-height {\r\n    height: 150px;\r\n  }\r\n\r\n  .sm-left-text {\r\n    text-align: left !important;\r\n  }\r\n\r\n  // email app\r\n  .email-wrap {\r\n    .email-right-aside {\r\n      .email-content {\r\n        .email-top {\r\n          .d-flex {\r\n            padding-bottom: 0;\r\n          }\r\n\r\n          .float-right {\r\n            float: left !important;\r\n          }\r\n        }\r\n\r\n        .email-wrapper {\r\n          .attachment {\r\n            text-align: center;\r\n\r\n            ul {\r\n              li {\r\n                &:last-child {\r\n                  padding-right: 0;\r\n                }\r\n\r\n                img {\r\n                  width: 140px;\r\n                  height: 140px;\r\n                }\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  // alert page\r\n  .alert-dismissible {\r\n    p {\r\n      overflow: hidden;\r\n      text-overflow: ellipsis;\r\n      white-space: nowrap;\r\n      max-width: 294px;\r\n    }\r\n  }\r\n\r\n  // button group page\r\n  .button-group-mb-sm {\r\n    margin-bottom: 5px;\r\n  }\r\n\r\n  // table components page\r\n  .card-block {\r\n    .table-responsive {\r\n      .table {\r\n        tbody {\r\n          tr {\r\n            td {\r\n              span {\r\n                overflow: hidden;\r\n                text-overflow: ellipsis;\r\n                white-space: nowrap;\r\n                max-width: 100px;\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n\r\n      .progress-content {\r\n        tbody {\r\n          tr {\r\n            td {\r\n              span {\r\n                text-overflow: ellipsis;\r\n                white-space: normal;\r\n                max-width: 50px;\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n\r\n      .checkbox-td-width,\r\n      .radio-first-col-width {\r\n        tbody {\r\n          tr {\r\n            td {\r\n              min-width: 200px !important;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  // jsgrid-table page\r\n  #batchDelete {\r\n    .jsgrid-grid-header {\r\n      .jsgrid-table {\r\n        .jsgrid-header-row {\r\n          .jsgrid-header-cell {\r\n            &:first-child {\r\n              width: 119px !important;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    .jsgrid-grid-body {\r\n      .jsgrid-table {\r\n        .jsgrid-row {\r\n          .jsgrid-cell {\r\n            &:first-child {\r\n              width: 119px !important;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .jsgrid {\r\n    .jsgrid-pager-container {\r\n      text-align: center;\r\n    }\r\n  }\r\n\r\n  // chat page\r\n  .chat-box {\r\n    .chat-right-aside {\r\n      .chat {\r\n        .chat-msg-box {\r\n          height: auto;\r\n        }\r\n      }\r\n    }\r\n\r\n    .chat-menu {\r\n      .nav-tabs {\r\n        .nav-item {\r\n          width: 32.33%;\r\n        }\r\n      }\r\n\r\n      .people-list {\r\n        ul.list {\r\n          max-height: 433px;\r\n          margin-bottom: 15px;\r\n        }\r\n      }\r\n\r\n      #info-profile,\r\n      #info-contact {\r\n        margin-bottom: 15px;\r\n      }\r\n    }\r\n  }\r\n\r\n  // user-profile page\r\n  .hovercard {\r\n    .info {\r\n      .follow {\r\n        .text-md-right {\r\n          text-align: center;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .profile-img-style {\r\n    .like-comment-sm-mb {\r\n      margin-bottom: 20px;\r\n    }\r\n  }\r\n\r\n  // forget-password page\r\n  .reset-password-box {\r\n    .theme-form {\r\n      .form-group {\r\n        .btn {\r\n          margin-top: 15px !important;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  // gallery page\r\n  .lg-outer {\r\n    .lg-actions .lg-next,\r\n    .lg-actions .lg-prev {\r\n      top: 48%;\r\n    }\r\n  }\r\n\r\n  // product page\r\n  .feature-products {\r\n    .filter-toggle {\r\n      padding: 8px 15px;\r\n      background-color: $white;\r\n      margin-left: 10px;\r\n      border-radius: 5px;\r\n    }\r\n\r\n    .select2-drpdwn-product {\r\n      float: left;\r\n      margin-right: 10px;\r\n      margin-top: 8px;\r\n    }\r\n\r\n    span {\r\n      &.f-w-600 {\r\n        padding-top: 15px;\r\n        display: inline-block;\r\n      }\r\n    }\r\n\r\n    .text-right {\r\n      text-align: left !important;\r\n    }\r\n  }\r\n  .d-none-productlist {\r\n    display: block;\r\n    margin-right: 10px;\r\n  }\r\n  .grid-options {\r\n    ul {\r\n      li {\r\n        display: none;\r\n      }\r\n    }\r\n  }\r\n  .product-sidebar {\r\n    transform: translateX(-300px) scaleX(0);\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    transition: 0.3s;\r\n    height: 0;\r\n    position: absolute;\r\n    z-index: 1;\r\n    width: 300px;\r\n\r\n    &.open {\r\n      transform: translateX(0px) scaleX(1);\r\n      box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.05);\r\n      visibility: visible;\r\n      opacity: 1;\r\n      height: auto;\r\n      top: -45px;\r\n\r\n      &:before,\r\n      &:after {\r\n        content: \"\";\r\n        position: absolute;\r\n        width: 0;\r\n        height: 0;\r\n        border-left: 7px solid $transparent-color;\r\n        border-right: 7px solid $transparent-color;\r\n        border-bottom: 7px solid $white;\r\n        right: 120px;\r\n        top: -7px;\r\n      }\r\n    }\r\n\r\n    .filter-section {\r\n      .card-header {\r\n        display: none;\r\n      }\r\n    }\r\n  }\r\n  .product-wrapper {\r\n    &.sidebaron {\r\n      .product-grid {\r\n        .product-wrapper-grid {\r\n          margin-left: 0;\r\n        }\r\n      }\r\n\r\n      .product-sidebar {\r\n        .filter-section {\r\n          .card {\r\n            .left-filter {\r\n              top: unset;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .product-wrapper-grid {\r\n    &.list-view {\r\n      .product-box {\r\n        .product-img {\r\n          width: 42%;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .product-filter {\r\n    .product-box {\r\n      flex-wrap: nowrap;\r\n\r\n      .product-img {\r\n        width: 100px;\r\n      }\r\n\r\n      .product-details {\r\n        padding: 0 !important;\r\n      }\r\n    }\r\n  }\r\n\r\n  // package detail //\r\n  .single-section {\r\n    .description-section {\r\n      .description-details {\r\n        .menu-part {\r\n          .list-view {\r\n            .list-box {\r\n              padding: 0px;\r\n              flex-direction: column;\r\n              .list-img {\r\n                width: 100%;\r\n                a {\r\n                  display: block;\r\n                  img {\r\n                    width: 100%;\r\n                  }\r\n                }\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .single-section {\r\n    .description-section {\r\n      .description-details {\r\n        .menu-part {\r\n          .list-view {\r\n            .list-box {\r\n              .list-content {\r\n                margin-left: 0;\r\n                margin-top: calc(8px + (60 - 8) * ((100vw - 320px) / (1920 - 320)));\r\n                width: 100%;\r\n                padding: 10px;\r\n              }\r\n\r\n              p {\r\n                margin-bottom: calc(5px + (10 - 5) * ((100vw - 320px) / (1920 - 320)));\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n@media only screen and (max-width: 762px) {\r\n  .form-inline .form-group:not(.form-control-search) {\r\n    margin-top: 14px;\r\n  }\r\n}\r\n\r\n@media only screen and (max-width: 630px) {\r\n  .left-header .level-menu .nav-link {\r\n    svg {\r\n      margin-right: 0;\r\n    }\r\n    span {\r\n      display: none;\r\n    }\r\n  }\r\n  .category-box {\r\n    .content-category {\r\n      p {\r\n        text-align: justify;\r\n        hyphens: auto;\r\n        word-break: normal;\r\n        margin-bottom: 7px;\r\n      }\r\n      h6 {\r\n        flex-direction: column;\r\n        align-items: baseline;\r\n        span {\r\n          margin-top: 5px;\r\n          font-size: calc(12px + (18 - 12) * ((100vw - 320px) / (1920 - 320)));\r\n        }\r\n      }\r\n      .top {\r\n        flex-direction: column;\r\n        align-items: baseline;\r\n        h3 {\r\n          font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n@media only screen and (max-width: 575.98px) {\r\n  .page-wrapper.only-body {\r\n    .page-header {\r\n      .header-wrapper {\r\n        .nav-right {\r\n          right: 30px;\r\n          .nav-menus {\r\n            margin-right: 0;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .date-picker {\r\n    .theme-form {\r\n      > .row {\r\n        > div {\r\n          &:last-child {\r\n            margin-top: 0;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .search-page {\r\n    .info-block {\r\n      display: block;\r\n    }\r\n  }\r\n  .form-bookmark {\r\n    .row {\r\n      > div {\r\n        .row {\r\n          > .col-sm-6 {\r\n            + .col-sm-6 {\r\n              margin-top: 10px;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .single-section {\r\n    .description-section {\r\n      .description-details {\r\n        .menu-part {\r\n          .accordion-plan {\r\n            .card {\r\n              .card-header {\r\n                button:before {\r\n                  right: 20px;\r\n                }\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .btn {\r\n    padding: 6px 7px;\r\n\r\n    &--package-page {\r\n      padding: 6px;\r\n    }\r\n  }\r\n  .alert-theme {\r\n    min-width: 380px;\r\n  }\r\n  .knowledgebase-bg {\r\n    height: 250px;\r\n  }\r\n  // .profile-nav {\r\n  //   display: none !important;\r\n  // }\r\n  .login-card {\r\n    .login-main {\r\n      .theme-form {\r\n        .or {\r\n          &:before {\r\n            width: 55%;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .knowledgebase-search {\r\n    width: calc(100% - 30px);\r\n    left: 15px;\r\n    height: calc(100% - 30px);\r\n    background-color: rgba($white, 0.7);\r\n\r\n    .form-inline {\r\n      width: 90%;\r\n      padding: 3px 45px;\r\n\r\n      svg {\r\n        top: 10px;\r\n      }\r\n    }\r\n\r\n    > div {\r\n      width: 100%;\r\n      text-align: center;\r\n      padding: 15px;\r\n      border-right: 10px;\r\n\r\n      h3 {\r\n        font-size: 20px;\r\n        margin-bottom: 0;\r\n      }\r\n\r\n      .form-group {\r\n        margin-bottom: 0;\r\n      }\r\n    }\r\n  }\r\n\r\n  // invoice template page\r\n  .invoice {\r\n    .text-md-end {\r\n      margin-top: 10px;\r\n    }\r\n    .text-right {\r\n      text-align: right;\r\n    }\r\n    .text-xs-center {\r\n      text-align: center;\r\n    }\r\n  }\r\n\r\n  // Login page\r\n  .login-card {\r\n    padding-top: 40px;\r\n    padding-bottom: 40px;\r\n    .logo {\r\n      margin-bottom: 10px;\r\n    }\r\n    .login-main {\r\n      width: auto;\r\n      padding: 20px;\r\n      .theme-form {\r\n        .form-group {\r\n          margin-bottom: 5px;\r\n        }\r\n        p {\r\n          margin-bottom: 5px;\r\n        }\r\n      }\r\n    }\r\n\r\n    .btn-showcase {\r\n      .btn {\r\n        width: 100%;\r\n\r\n        + .btn {\r\n          margin-left: 0;\r\n          margin-top: 11px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .bookmark {\r\n    ul {\r\n      li {\r\n        a {\r\n          svg {\r\n            height: 16px;\r\n            width: 16px;\r\n          }\r\n        }\r\n\r\n        & + li {\r\n          margin-left: 5px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .page-wrapper .page-header .header-wrapper .nav-right > ul > li {\r\n    padding: 4px;\r\n  }\r\n  .left-header {\r\n    .level-menu {\r\n      .nav-link {\r\n        background-color: transparent;\r\n        padding: 0.5rem 0;\r\n        margin: 0;\r\n      }\r\n    }\r\n  }\r\n  .page-header {\r\n    .header-wrapper {\r\n      .nav-right {\r\n        .cart-box,\r\n        .notification-box {\r\n          .badge {\r\n            font-size: 10px;\r\n          }\r\n        }\r\n      }\r\n\r\n      .left-header {\r\n        ul {\r\n          li {\r\n            .search-form {\r\n              .form-control-plaintext {\r\n                top: 40px;\r\n                position: absolute;\r\n                transition: all linear 0.3s;\r\n                left: -14px;\r\n                background-color: $white;\r\n                border: 1px solid var(--theme-deafult);\r\n                transform: translateY(-35px) scaleY(0);\r\n                opacity: 0;\r\n                visibility: hidden;\r\n                width: 180px !important;\r\n                padding: 10px 10px 10px 15px;\r\n\r\n                &.open {\r\n                  transform: translateY(0px) scaleY(1);\r\n                  opacity: 1;\r\n                  visibility: visible;\r\n                  transition: all linear 0.3s;\r\n                  z-index: 2;\r\n                }\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .page-wrapper {\r\n    .page-body-wrapper {\r\n      .page-title > .row {\r\n        .col-6 {\r\n          &:first-child {\r\n            display: block;\r\n\r\n            h3 {\r\n              padding-right: 0;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    .page-header {\r\n      .header-wrapper .nav-right ul {\r\n        li {\r\n          i {\r\n            font-size: 16px !important;\r\n          }\r\n\r\n          svg {\r\n            width: 16px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    .page-body-wrapper {\r\n      .page-title {\r\n        .breadcrumb {\r\n          margin-top: 0;\r\n        }\r\n      }\r\n    }\r\n\r\n    &.compact-wrapper,\r\n    &.compact-sidebar {\r\n      .left-header .mega-menu {\r\n        top: 17px;\r\n\r\n        .nav-link {\r\n          padding-left: 10px;\r\n          padding-top: 3px;\r\n          padding-bottom: 3px;\r\n        }\r\n\r\n        right: 15px;\r\n        padding-top: 0;\r\n      }\r\n\r\n      .page-header {\r\n        .header-wrapper {\r\n          .toggle-sidebar {\r\n            margin-left: 0;\r\n            padding-left: 0;\r\n            border-left: none;\r\n            border-right: 1px solid #ddd;\r\n            padding-right: 8px;\r\n            margin-right: 8px;\r\n\r\n            svg {\r\n              width: 18px;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n    &.compact-sidebar {\r\n      .sidebar-wrapper {\r\n        .back-btn {\r\n          display: none;\r\n        }\r\n        .sidebar-main {\r\n          .sidebar-links {\r\n            .simplebar-wrapper {\r\n              .simplebar-mask {\r\n                .simplebar-content-wrapper {\r\n                  .simplebar-content {\r\n                    > li {\r\n                      margin-right: 0;\r\n                    }\r\n                  }\r\n                }\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    .page-header {\r\n      .header-wrapper {\r\n        padding: 12px 15px !important;\r\n\r\n        .nav-right {\r\n          > ul {\r\n            top: 58px;\r\n\r\n            .search-form {\r\n              i {\r\n                display: none;\r\n              }\r\n            }\r\n          }\r\n\r\n          &.right-header {\r\n            ul {\r\n              li {\r\n                &.px-0 {\r\n                  padding: 6px !important;\r\n                }\r\n              }\r\n            }\r\n          }\r\n\r\n          > ul {\r\n            li {\r\n              margin-right: 1px;\r\n\r\n              .flag-icon {\r\n                font-size: 14px !important;\r\n              }\r\n\r\n              .profile-media {\r\n                img {\r\n                  width: 25px;\r\n                }\r\n              }\r\n\r\n              &.onhover-dropdown {\r\n                ul {\r\n                  li {\r\n                    margin-right: 0 !important;\r\n                  }\r\n                }\r\n              }\r\n            }\r\n          }\r\n\r\n          .notification-dropdown {\r\n            &.onhover-show-div {\r\n              &:before,\r\n              &:after {\r\n                left: 24px !important;\r\n                right: unset !important;\r\n              }\r\n            }\r\n          }\r\n\r\n          .chat-dropdown {\r\n            left: -52px;\r\n            width: 300px;\r\n\r\n            &:after,\r\n            &:before {\r\n              left: 58px !important;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    .page-body-wrapper {\r\n      .page-title {\r\n        .btn-group {\r\n          .btn {\r\n            padding: 8px 30px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    &.compact-wrapper {\r\n      .page-body-wrapper {\r\n        .page-body {\r\n          margin-top: 90px;\r\n        }\r\n\r\n        &.sidebar-wrapper {\r\n          .sidebar-main {\r\n            .sidebar-links {\r\n              height: calc(100vh - 79px);\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .alert-dismissible {\r\n    padding-right: 30px;\r\n    p {\r\n      max-width: 209px;\r\n    }\r\n  }\r\n\r\n  .m-r-30 {\r\n    margin-right: 15px;\r\n  }\r\n\r\n  // cart page //\r\n  .wishlist {\r\n    .text-end {\r\n      text-align: left !important;\r\n    }\r\n  }\r\n\r\n  // general widget page css\r\n  .mobile-clock-widget {\r\n    #date {\r\n      margin-top: 15px;\r\n    }\r\n  }\r\n  .social-widget-card {\r\n    .b-b-light {\r\n      padding: 15px;\r\n      margin-bottom: 15px;\r\n    }\r\n  }\r\n  .weather-widget-two {\r\n    .bottom-whetherinfo {\r\n      .whether-content {\r\n        top: 34px;\r\n      }\r\n    }\r\n  }\r\n  .cal-date-widget {\r\n    .cal-datepicker {\r\n      margin-top: 15px;\r\n    }\r\n  }\r\n  .static-top-widget {\r\n    .media-body {\r\n      .icon-bg {\r\n        width: 70px;\r\n        height: 70px;\r\n      }\r\n    }\r\n  }\r\n\r\n  // Add post page css\r\n  .add-post {\r\n    form {\r\n      .m-checkbox-inline {\r\n        label {\r\n          margin-right: 15px;\r\n        }\r\n      }\r\n    }\r\n\r\n    .dropzone {\r\n      margin-bottom: 15px;\r\n    }\r\n  }\r\n\r\n  //form-wizard-four page css\r\n  .wizard-4 {\r\n    .msg-box {\r\n      top: 10px !important;\r\n    }\r\n    .login-card {\r\n      .login-main {\r\n        width: 280px;\r\n      }\r\n    }\r\n    .step-container {\r\n      div.content {\r\n        .wizard-title {\r\n          width: 280px;\r\n        }\r\n      }\r\n    }\r\n    .action-bar {\r\n      right: 10px;\r\n    }\r\n  }\r\n\r\n  // avatar page css\r\n  .customers {\r\n    &.avatar-group {\r\n      margin-right: 15px;\r\n    }\r\n  }\r\n\r\n  .vertical-mobile-sidebar {\r\n    top: 19px;\r\n  }\r\n\r\n  //notify index page\r\n  .alert-theme {\r\n    i {\r\n      margin-right: 10px !important;\r\n    }\r\n\r\n    button {\r\n      top: 0px !important;\r\n    }\r\n  }\r\n\r\n  .bar-chart-widget {\r\n    .earning-details {\r\n      i {\r\n        right: -30px;\r\n      }\r\n    }\r\n  }\r\n\r\n  .widget-joins {\r\n    &:before {\r\n      display: none;\r\n    }\r\n\r\n    .ps-0 {\r\n      padding-left: 15px !important;\r\n    }\r\n\r\n    .pe-0 {\r\n      padding-right: 15px !important;\r\n    }\r\n\r\n    .border-after-xs {\r\n      &:after {\r\n        content: \"\";\r\n        position: absolute;\r\n        height: 1px;\r\n        width: 94%;\r\n        background-color: $light-semi-gray;\r\n        left: 0;\r\n        bottom: 0;\r\n        right: 0;\r\n        margin: 0 auto;\r\n      }\r\n    }\r\n  }\r\n\r\n  .clockpicker-align-top {\r\n    left: 45px !important;\r\n    top: 406px !important;\r\n  }\r\n\r\n  .gallery {\r\n    margin-bottom: -15px;\r\n  }\r\n\r\n  .my-gallery {\r\n    figure {\r\n      margin-bottom: 15px;\r\n\r\n      &:nth-child(9),\r\n      &:nth-child(10) {\r\n        margin-bottom: 15px;\r\n      }\r\n    }\r\n\r\n    &.gallery-with-description {\r\n      figure {\r\n        &:last-child {\r\n          margin-bottom: 20px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  #aniimated-thumbnials {\r\n    figure {\r\n      &:nth-child(12),\r\n      &:nth-child(11),\r\n      &:nth-child(10),\r\n      &:nth-child(9) {\r\n        margin-bottom: 15px;\r\n      }\r\n    }\r\n  }\r\n\r\n  .photoswipe-pb-responsive {\r\n    padding-bottom: 30px !important;\r\n  }\r\n\r\n  // social app page css\r\n  .avatar-showcase {\r\n    .pepole-knows {\r\n      text-align: center;\r\n\r\n      ul {\r\n        li {\r\n          margin-right: 14px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .social-app-profile {\r\n    .hovercard {\r\n      .user-image {\r\n        .avatar {\r\n          margin-top: -56px;\r\n\r\n          img {\r\n            width: 100px;\r\n            height: 100px;\r\n          }\r\n        }\r\n\r\n        .icon-wrapper {\r\n          left: 52%;\r\n          top: 10px;\r\n          height: 30px;\r\n          width: 30px;\r\n          font-size: 15px;\r\n\r\n          &:hover {\r\n            font-size: 12px;\r\n          }\r\n        }\r\n\r\n        .share-icons {\r\n          right: 15px;\r\n\r\n          li {\r\n            margin-right: 0px;\r\n          }\r\n        }\r\n      }\r\n\r\n      .info {\r\n        .tabs-scoial {\r\n          .user-designation {\r\n            border-top: none;\r\n            border-bottom: none;\r\n            margin-bottom: 0;\r\n            padding: 0px 0px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    .tabs-scoial {\r\n      margin-bottom: 0 !important;\r\n    }\r\n  }\r\n\r\n  .socialprofile {\r\n    .social-btngroup {\r\n      margin: 15px 0;\r\n    }\r\n\r\n    .social-group {\r\n      margin-top: 15px;\r\n    }\r\n  }\r\n\r\n  .social-status {\r\n    form {\r\n      .form-group {\r\n        .form-control-social {\r\n          margin-bottom: 15px;\r\n        }\r\n      }\r\n    }\r\n\r\n    .media {\r\n      margin-bottom: 15px;\r\n    }\r\n  }\r\n\r\n  .new-users-social {\r\n    margin-bottom: 15px;\r\n  }\r\n\r\n  .tabs-scoial {\r\n    position: relative;\r\n    padding-top: 80px;\r\n\r\n    li {\r\n      &:nth-child(3) {\r\n        position: absolute;\r\n        top: 25px;\r\n        left: 0;\r\n        right: 0;\r\n        margin: 0 auto;\r\n      }\r\n    }\r\n\r\n    &.border-tab {\r\n      &.nav-tabs {\r\n        .nav-item {\r\n          .nav-link {\r\n            padding: 10px;\r\n            height: 60px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .timeline-content {\r\n    p,\r\n    .comments-box {\r\n      margin-top: 15px;\r\n    }\r\n\r\n    .comments-box {\r\n      .media {\r\n        .m-r-20 {\r\n          margin-right: 10px;\r\n        }\r\n\r\n        .media-body {\r\n          .input-group {\r\n            .input-group-append {\r\n              .btn {\r\n                padding: 6px;\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    .comment-number {\r\n      i {\r\n        margin-right: 15px;\r\n      }\r\n    }\r\n  }\r\n\r\n  #cd-timeline {\r\n    margin-right: 0;\r\n  }\r\n\r\n  .social-chat {\r\n    margin-top: 15px;\r\n\r\n    .media-body {\r\n      padding: 15px;\r\n    }\r\n\r\n    .your-msg,\r\n    .other-msg {\r\n      margin-bottom: 15px;\r\n    }\r\n  }\r\n\r\n  .social-network {\r\n    span {\r\n      margin-bottom: 15px;\r\n    }\r\n  }\r\n\r\n  .social-list {\r\n    .media {\r\n      margin-bottom: 15px;\r\n    }\r\n  }\r\n\r\n  .details-about + .details-about {\r\n    margin-top: 15px;\r\n  }\r\n\r\n  .your-details-xs {\r\n    margin-top: 15px;\r\n  }\r\n\r\n  .social-header {\r\n    h5 {\r\n      span.pull-right {\r\n        float: right !important;\r\n        margin-top: 0 !important;\r\n\r\n        svg {\r\n          width: 18px;\r\n          height: 18px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .activity-log {\r\n    .my-activity {\r\n      + .my-activity {\r\n        margin-top: 15px;\r\n      }\r\n    }\r\n  }\r\n\r\n  .photos {\r\n    ul {\r\n      li {\r\n        width: 26%;\r\n\r\n        &:nth-child(3n) {\r\n          margin-right: 0;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  // chat page //\r\n  .chat-box {\r\n    .chat-history {\r\n      .call-content {\r\n        > div {\r\n          padding-top: 30px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  // timeline small page css\r\n  .timeline-small {\r\n    .media {\r\n      margin-bottom: 15px;\r\n\r\n      .media-body {\r\n        h6 {\r\n          margin-bottom: 15px;\r\n        }\r\n      }\r\n\r\n      .timeline-round {\r\n        &.timeline-line-1 {\r\n          &:after {\r\n            bottom: -39px;\r\n            height: 30px;\r\n          }\r\n        }\r\n\r\n        &.small-line {\r\n          &:after {\r\n            bottom: -17px;\r\n            height: 8px;\r\n          }\r\n        }\r\n\r\n        &.medium-line {\r\n          &:after {\r\n            bottom: -30px;\r\n            height: 22px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  // helper classes page start\r\n  .helper-classes {\r\n    padding: 15px;\r\n  }\r\n\r\n  // helper classes page ends\r\n  .form-builder-2-header {\r\n    ul {\r\n      li {\r\n        text-align: left;\r\n      }\r\n    }\r\n\r\n    .form-inline {\r\n      display: block;\r\n      width: 100%;\r\n\r\n      .form-group {\r\n        width: 100%;\r\n        margin-right: 0;\r\n      }\r\n\r\n      button {\r\n        width: 100%;\r\n        text-align: left;\r\n      }\r\n    }\r\n  }\r\n  .page-builder {\r\n    .btn-grid {\r\n      margin-bottom: 7px;\r\n      padding-right: 5px;\r\n    }\r\n\r\n    .ge-canvas {\r\n      &.ge-editing {\r\n        .row {\r\n          padding: 15px;\r\n        }\r\n\r\n        .ge-tools-drawer {\r\n          margin: 10px;\r\n        }\r\n      }\r\n      &.ge-layout-desktop [class*=\"col-\"] {\r\n        width: inherit !important;\r\n      }\r\n    }\r\n  }\r\n  .wizard-4 {\r\n    .step-container {\r\n      div {\r\n        &.content {\r\n          margin-top: 10px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .nav-tabs {\r\n    .nav-item {\r\n      &.show {\r\n        .nav-link {\r\n          border-top: 0;\r\n          border-bottom: 0;\r\n        }\r\n      }\r\n    }\r\n\r\n    .nav-link {\r\n      border-top: 0;\r\n      border-bottom: 0;\r\n\r\n      &:hover,\r\n      &.active,\r\n      &:focus {\r\n        border-top: 0;\r\n        border-bottom: 0;\r\n      }\r\n    }\r\n  }\r\n\r\n  .border-tab {\r\n    &.nav-tabs {\r\n      .nav-item {\r\n        width: 100% !important;\r\n      }\r\n    }\r\n\r\n    .weather-widget-two {\r\n      .bottom-whetherinfo {\r\n        .whether-content {\r\n          top: 35px;\r\n        }\r\n      }\r\n    }\r\n\r\n    .social-widget-card {\r\n      .b-b-light {\r\n        padding: 15px;\r\n        margin-bottom: 15px;\r\n      }\r\n    }\r\n\r\n    .ecommerce-widget {\r\n      .progress-showcase {\r\n        margin-top: 15px;\r\n      }\r\n    }\r\n  }\r\n\r\n  .nav {\r\n    display: inherit;\r\n    text-align: center;\r\n    border-bottom: none;\r\n  }\r\n\r\n  // editor_container //\r\n  .editor_container {\r\n    .CodeMirror {\r\n      min-height: 190px;\r\n      height: 190px;\r\n    }\r\n  }\r\n\r\n  // order history //\r\n  .order-history {\r\n    table.dataTable.table {\r\n      thead {\r\n        th {\r\n          padding-right: 60px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  // tab material start\r\n  .border-tab.nav-left {\r\n    .nav-link {\r\n      text-align: center;\r\n      border-left: none;\r\n    }\r\n  }\r\n\r\n  .border-tab.nav-right {\r\n    .nav-link {\r\n      text-align: center;\r\n      border-right: none;\r\n    }\r\n  }\r\n\r\n  .border-tab.nav-tabs {\r\n    margin-bottom: 10px;\r\n  }\r\n\r\n  .tab-content {\r\n    ~ .nav-tabs {\r\n      &.border-tab {\r\n        margin-top: 10px;\r\n      }\r\n    }\r\n  }\r\n\r\n  // tab material end\r\n  .nav-pills {\r\n    text-align: center;\r\n  }\r\n\r\n  .crm-overall {\r\n    margin: 0 -15px -15px;\r\n  }\r\n\r\n  .product-color {\r\n    li {\r\n      width: 15px;\r\n      height: 15px;\r\n    }\r\n  }\r\n  .product-social {\r\n    li {\r\n      a {\r\n        width: 30px;\r\n        height: 30px;\r\n        font-size: 13px;\r\n      }\r\n      &:nth-child(n + 2) {\r\n        margin-left: 5px;\r\n      }\r\n    }\r\n  }\r\n  .product-page-main {\r\n    padding: 15px;\r\n    .m-t-15 {\r\n      .btn {\r\n        margin-top: 10px;\r\n      }\r\n    }\r\n\r\n    .product-page-details {\r\n      h3 {\r\n        font-size: 24px;\r\n      }\r\n    }\r\n  }\r\n\r\n  .todo {\r\n    .action-box {\r\n      &.large {\r\n        height: 25px;\r\n        width: 25px;\r\n\r\n        .icon {\r\n          font-size: 14px;\r\n          vertical-align: -3px;\r\n        }\r\n      }\r\n    }\r\n\r\n    .todo-list-wrapper {\r\n      #todo-list {\r\n        li {\r\n          .task-container {\r\n            .task-label {\r\n              font-size: 14px;\r\n            }\r\n          }\r\n        }\r\n      }\r\n\r\n      .mark-all-tasks {\r\n        right: 15px;\r\n      }\r\n    }\r\n  }\r\n\r\n  .datetime-picker {\r\n    label {\r\n      text-align: left !important;\r\n    }\r\n  }\r\n\r\n  .redial-chart-block {\r\n    text-align: center;\r\n  }\r\n\r\n  #nav-tabContent {\r\n    margin-top: 15px;\r\n  }\r\n\r\n  .reset-password-box {\r\n    width: 430px;\r\n  }\r\n\r\n  .auth-bg {\r\n    padding: 25px 15px;\r\n  }\r\n\r\n  .auth-bg-effect {\r\n    display: none;\r\n  }\r\n\r\n  .date-picker {\r\n    .text-right {\r\n      text-align: left !important;\r\n    }\r\n  }\r\n\r\n  .dataTables_wrapper {\r\n    table {\r\n      &.dataTable {\r\n        margin-bottom: 15px !important;\r\n      }\r\n    }\r\n  }\r\n\r\n  ul {\r\n    &.pagination {\r\n      li {\r\n        &:before {\r\n          line-height: 3;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  div {\r\n    &.table-responsive {\r\n      > div {\r\n        &.dataTables_wrapper {\r\n          > div {\r\n            &.row {\r\n              > div {\r\n                &[class^=\"col-\"] {\r\n                  &:last-child {\r\n                    padding-left: 0 !important;\r\n                  }\r\n\r\n                  &:first-child {\r\n                    padding-right: 0 !important;\r\n                  }\r\n                }\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    &.dataTables_wrapper {\r\n      div {\r\n        &.dataTables_length {\r\n          margin-bottom: 15px;\r\n\r\n          select {\r\n            min-height: 30px;\r\n          }\r\n        }\r\n      }\r\n\r\n      table {\r\n        &.dataTable {\r\n          th,\r\n          td {\r\n            padding: 0.5rem;\r\n          }\r\n        }\r\n      }\r\n\r\n      div {\r\n        &.dataTables_paginate {\r\n          margin-top: 15px !important;\r\n\r\n          .paginate_button {\r\n            padding: 1px 7px;\r\n\r\n            &.previous {\r\n              font-size: 0;\r\n              padding: 0;\r\n\r\n              a {\r\n                border: none !important;\r\n              }\r\n\r\n              &:before {\r\n                content: \"\\e64a\";\r\n                font-family: $font-themify;\r\n                font-size: 11px;\r\n                padding: 0 5px;\r\n              }\r\n            }\r\n\r\n            &.next {\r\n              font-size: 0;\r\n              padding: 0;\r\n\r\n              a {\r\n                border: none !important;\r\n              }\r\n\r\n              &:before {\r\n                content: \"\\e649\";\r\n                font-family: $font-themify;\r\n                font-size: 11px;\r\n                padding: 0 5px;\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n\r\n      .dataTables_filter {\r\n        margin-bottom: 15px;\r\n\r\n        input {\r\n          &[type=\"search\"] {\r\n            height: 30px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .page-wrapper {\r\n    .page-body-wrapper {\r\n      .user-profile {\r\n        .profile-img-style {\r\n          padding: 15px;\r\n\r\n          .img-container {\r\n            margin-top: 15px;\r\n          }\r\n        }\r\n\r\n        hr {\r\n          margin: 15px 0;\r\n        }\r\n\r\n        .like-comment {\r\n          margin-top: 15px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .jvector-map-height {\r\n    height: 250px;\r\n  }\r\n\r\n  .user-profile {\r\n    .order-sm-0 {\r\n      order: -1;\r\n    }\r\n\r\n    .hovercard {\r\n      .info {\r\n        .ttl-info {\r\n          text-align: center !important;\r\n        }\r\n\r\n        .ttl-xs-mt {\r\n          margin-top: 20px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .icon-hover-bottom {\r\n    .form-group {\r\n      display: block !important;\r\n      margin-bottom: 0;\r\n      input {\r\n        width: 100% !important;\r\n      }\r\n\r\n      .btn {\r\n        margin-top: 15px;\r\n      }\r\n    }\r\n\r\n    .icon-popup {\r\n      padding: 15px;\r\n    }\r\n\r\n    svg {\r\n      &.climacon {\r\n        height: 50px;\r\n        width: 50px;\r\n      }\r\n    }\r\n  }\r\n\r\n  .blog-box {\r\n    &.blog-shadow {\r\n      &:before {\r\n        box-shadow: inset 0px -100px 100px -13px rgba(0, 0, 0, 0.6);\r\n      }\r\n    }\r\n\r\n    .blog-details {\r\n      p,\r\n      .single-blog-content-top {\r\n        margin-top: 15px;\r\n      }\r\n\r\n      h4 {\r\n        margin-top: 15px;\r\n      }\r\n\r\n      .blog-social {\r\n        margin-top: 15px;\r\n\r\n        li {\r\n          & + li {\r\n            padding-left: 20px;\r\n\r\n            > span {\r\n              display: none;\r\n            }\r\n          }\r\n\r\n          &:first-child {\r\n            margin-right: 10px;\r\n            padding-right: 20px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .comment-box {\r\n    padding-top: 40px;\r\n    padding-bottom: 40px;\r\n\r\n    ul {\r\n      ul {\r\n        margin-left: 30px;\r\n      }\r\n    }\r\n\r\n    li {\r\n      .media {\r\n        display: block;\r\n\r\n        img {\r\n          height: 50px;\r\n          width: 50px;\r\n          padding: 3px;\r\n          margin-bottom: 10px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .ace-editor {\r\n    height: 320px;\r\n  }\r\n\r\n  .gallery {\r\n    > a {\r\n      margin-bottom: 15px;\r\n      text-align: center;\r\n    }\r\n  }\r\n\r\n  .card {\r\n    .card-header {\r\n      h5 {\r\n        font-size: 17px;\r\n      }\r\n    }\r\n  }\r\n  .all-package-heding5 {\r\n    font-size: 13px !important;\r\n  }\r\n\r\n  .theme-form {\r\n    .form-group {\r\n      margin-bottom: 15px;\r\n    }\r\n  }\r\n\r\n  .page-wrapper {\r\n    .page-body-wrapper {\r\n      .default-according {\r\n        .card {\r\n          .card-header,\r\n          .card-body,\r\n          .card-footer {\r\n            padding: 0.75rem 1.25rem;\r\n          }\r\n        }\r\n      }\r\n\r\n      .card {\r\n        margin-bottom: 20px;\r\n\r\n        .card-header,\r\n        .card-body,\r\n        .card-footer {\r\n          .tab-content {\r\n            .m-t-30 {\r\n              margin-top: 20px !important;\r\n            }\r\n\r\n            .m-b-30 {\r\n              margin-bottom: 20px !important;\r\n            }\r\n          }\r\n        }\r\n      }\r\n\r\n      .page-body {\r\n        padding: 0 !important;\r\n      }\r\n\r\n      .page-title {\r\n        padding-top: 15px;\r\n        padding-bottom: 15px;\r\n\r\n        .row {\r\n          h3 {\r\n            font-size: 20px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  /* alert responsive css start here */\r\n  $alert-name: primary, secondary, success, danger, warning, info, light, dark;\r\n  $alert-color: var(--theme-deafult), $secondary-color, $success-color, $danger-color, $warning-color, $info-color, $light-color, $dark-color;\r\n\r\n  @each $var in $alert-name {\r\n    $i: index($alert-name, $var);\r\n\r\n    .alert-#{$var}.inverse {\r\n      background-color: transparent;\r\n    }\r\n  }\r\n\r\n  .alert {\r\n    .close {\r\n      height: 100%;\r\n    }\r\n  }\r\n\r\n  //business card\r\n  .calender-widget {\r\n    .cal-desc {\r\n      padding: 10px 15px 15px !important;\r\n\r\n      p {\r\n        max-height: 100%;\r\n      }\r\n    }\r\n  }\r\n\r\n  //user profile\r\n  .user-profile {\r\n    hr {\r\n      margin: 15px 0;\r\n    }\r\n\r\n    .hovercard {\r\n      .cardheader {\r\n        height: 300px;\r\n      }\r\n\r\n      .info {\r\n        padding: 20px;\r\n\r\n        .user-designation {\r\n          border-top: 1px solid $light-color;\r\n          border-bottom: 1px solid $light-color;\r\n          margin-bottom: 15px;\r\n          padding: 15px 0px;\r\n        }\r\n      }\r\n\r\n      .social-media {\r\n        a {\r\n          margin-right: 0px;\r\n          font-size: 16px;\r\n        }\r\n      }\r\n\r\n      .follow {\r\n        .follow-num {\r\n          font-size: 20px;\r\n        }\r\n      }\r\n    }\r\n\r\n    .profile-img-style {\r\n      .pictures {\r\n        img {\r\n          margin-bottom: 10px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  //user card\r\n  .custom-card {\r\n    .card-footer {\r\n      > div {\r\n        h6 {\r\n          font-size: 14px;\r\n          font-weight: 600;\r\n        }\r\n\r\n        h3 {\r\n          font-size: 24px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  //calendar\r\n  .calendar-wrap {\r\n    .fc-toolbar {\r\n      .fc-center {\r\n        margin-top: 10px;\r\n      }\r\n    }\r\n\r\n    a.fc-more {\r\n      font-size: 0.7em;\r\n    }\r\n  }\r\n\r\n  // megaoption page responsive scss\r\n  .mega-inline {\r\n    display: block;\r\n  }\r\n\r\n  .megaoptions-border-space-sm {\r\n    padding-bottom: 30px !important;\r\n  }\r\n\r\n  //blog\r\n  .blog-box.blog-shadow {\r\n    .blog-details {\r\n      padding: 15px;\r\n\r\n      p {\r\n        margin-bottom: 0;\r\n      }\r\n\r\n      h4 {\r\n        margin-bottom: 10px;\r\n      }\r\n    }\r\n  }\r\n\r\n  .blog-box {\r\n    &.blog-list {\r\n      .blog-details {\r\n        padding-top: 0;\r\n      }\r\n    }\r\n\r\n    .blog-details {\r\n      padding: 20px;\r\n    }\r\n\r\n    .blog-date {\r\n      span {\r\n        font-size: 25px;\r\n      }\r\n    }\r\n  }\r\n\r\n  .blog-single {\r\n    .blog-box {\r\n      .blog-details {\r\n        padding: 0;\r\n      }\r\n    }\r\n  }\r\n\r\n  //error and maintenace\r\n  .error-wrapper {\r\n    padding: 20px 0;\r\n\r\n    .btn {\r\n      margin-top: 15px;\r\n    }\r\n\r\n    .img-100 {\r\n      width: 50px !important;\r\n    }\r\n\r\n    .error-heading {\r\n      margin-top: 20px;\r\n\r\n      .cloud-second {\r\n        margin-top: -60px;\r\n      }\r\n\r\n      .headline {\r\n        font-size: 150px;\r\n      }\r\n    }\r\n\r\n    .maintenance-heading {\r\n      .cloud-second {\r\n        display: none;\r\n      }\r\n\r\n      .headline {\r\n        font-size: 25px;\r\n        margin-top: -10%;\r\n        letter-spacing: 2px;\r\n      }\r\n    }\r\n  }\r\n\r\n  //coming soon\r\n  .comingsoon {\r\n    .comingsoon-inner {\r\n      .coming-soon-bottom-link {\r\n        margin-top: 20px;\r\n        line-height: 1;\r\n      }\r\n\r\n      h5 {\r\n        margin-bottom: 20px;\r\n        margin-top: 20px;\r\n      }\r\n\r\n      .countdown {\r\n        padding: 20px 0px;\r\n\r\n        ul li {\r\n          margin: 0 7px;\r\n        }\r\n\r\n        .title {\r\n          font-size: 12px;\r\n        }\r\n\r\n        .time {\r\n          width: 45px;\r\n          height: 45px;\r\n          line-height: 45px;\r\n          font-size: 16px;\r\n          margin: 0 auto;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  // Form Wizard One start\r\n  .form-wizard {\r\n    .btn-mb {\r\n      margin-bottom: 15px;\r\n    }\r\n  }\r\n\r\n  // Form Wizard One ends\r\n\r\n  // Form Wizard Two Start\r\n  .stepwizard {\r\n    margin-bottom: 15px;\r\n  }\r\n\r\n  // Form Wizard Two Ends\r\n\r\n  // Form Wizard Three Start\r\n  .f1 {\r\n    .f1-steps {\r\n      margin-top: 15px;\r\n      margin-bottom: 15px;\r\n    }\r\n  }\r\n\r\n  //Form Wizard Three ends\r\n\r\n  // form wizard--4 scss\r\n  .wizard-4 {\r\n    ul.anchor {\r\n      width: 100%;\r\n      padding-bottom: 15px;\r\n      padding-right: 0;\r\n    }\r\n\r\n    .step-container {\r\n      width: 100%;\r\n    }\r\n  }\r\n\r\n  //chart\r\n  .status-widget {\r\n    .text-sm-right {\r\n      text-align: right;\r\n    }\r\n  }\r\n\r\n  //mega menu\r\n  .mega-menu {\r\n    padding-left: 15px;\r\n\r\n    .onhover-show-div {\r\n      height: 405px;\r\n      left: 0;\r\n      top: 61px;\r\n      padding: 15px;\r\n    }\r\n\r\n    .lg-mt {\r\n      margin-top: 10px;\r\n    }\r\n\r\n    .xs-mt {\r\n      margin-top: 15px;\r\n    }\r\n  }\r\n\r\n  // navs page\r\n  .nav-md-mt {\r\n    margin-top: 15px;\r\n  }\r\n\r\n  .navs-icon {\r\n    padding: 15px;\r\n\r\n    .main-section {\r\n      padding-top: 15px;\r\n    }\r\n\r\n    .separator {\r\n      margin: 15px 0;\r\n    }\r\n  }\r\n\r\n  .nav-list {\r\n    padding: 15px;\r\n  }\r\n\r\n  .navs-dropdown {\r\n    button {\r\n      margin-top: 15px;\r\n    }\r\n\r\n    .onhover-show-div {\r\n      top: 64px;\r\n    }\r\n  }\r\n\r\n  .lg-mt {\r\n    margin-top: 15px;\r\n  }\r\n\r\n  // scroll reval\r\n  #aniimated-thumbnials {\r\n    a {\r\n      &:last-child {\r\n        img {\r\n          margin-bottom: 15px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  // tilt\r\n  .tilt-showcase {\r\n    .mt-4 {\r\n      margin-top: 15px !important;\r\n    }\r\n\r\n    ol {\r\n      .m-b-20 {\r\n        margin-bottom: 15px !important;\r\n      }\r\n    }\r\n  }\r\n\r\n  // state color page\r\n  .xs-mt {\r\n    margin-top: 15px;\r\n  }\r\n\r\n  // tag-pills page\r\n  span:last-child.tag-pills-sm-mb {\r\n    margin-top: 3px;\r\n  }\r\n\r\n  // alert page\r\n\r\n  // animated modal page\r\n  .animated-modal {\r\n    .form-group {\r\n      .form-control {\r\n        width: 50%;\r\n        margin: 0 auto;\r\n      }\r\n    }\r\n\r\n    .animated-modal-md-mb {\r\n      margin-bottom: 15px !important;\r\n    }\r\n  }\r\n\r\n  // steps page\r\n  .steps-md-mt {\r\n    margin-top: 15px;\r\n  }\r\n\r\n  .steps-sizing-sm-mb {\r\n    margin-bottom: 15px;\r\n  }\r\n\r\n  // touchspin page\r\n  .bootstrap-touchspin {\r\n    .touchspin-vertical-tab {\r\n      .input-group {\r\n        width: 96% !important;\r\n      }\r\n    }\r\n  }\r\n\r\n  // datatable API page\r\n  #API-chield-row_wrapper {\r\n    #API-chield-row {\r\n      tbody {\r\n        tr {\r\n          td {\r\n            &:first-child {\r\n              min-width: 20px;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  // chart-flot page\r\n  .chart-block {\r\n    .flot-chart-container {\r\n      p#choices {\r\n        width: 100%;\r\n      }\r\n\r\n      #toggling-series-flot {\r\n        width: 100% !important;\r\n      }\r\n    }\r\n  }\r\n\r\n  // summer-note page\r\n  .click2edit {\r\n    & ~ .note-editor {\r\n      &.note-frame {\r\n        margin-bottom: 15px;\r\n      }\r\n    }\r\n  }\r\n\r\n  // support ticket page\r\n  .ecommerce-widget {\r\n    .progress-showcase {\r\n      margin-top: 15px;\r\n    }\r\n  }\r\n\r\n  // forget-password page\r\n  .reset-password-box {\r\n    .theme-form {\r\n      .form-group {\r\n        .btn {\r\n          margin-top: 13px !important;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  // gallery-with-description page\r\n  .gallery-with-description {\r\n    a {\r\n      > div {\r\n        margin-bottom: 15px;\r\n      }\r\n    }\r\n  }\r\n\r\n  // gallery hover page\r\n  .gallery-img-mb-sm {\r\n    margin-bottom: 15px;\r\n  }\r\n\r\n  // peity chart page\r\n  .xm-mb-peity {\r\n    margin-bottom: 8px;\r\n  }\r\n\r\n  // login page\r\n  .authentication-main {\r\n    padding: 30px 15px;\r\n  }\r\n\r\n  .translate_wrapper.active {\r\n    .more_lang {\r\n      &:before,\r\n      &:after {\r\n        display: none;\r\n      }\r\n\r\n      &.active {\r\n        position: fixed;\r\n        width: calc(100vw - 30px);\r\n        left: 15px;\r\n        top: 60px;\r\n      }\r\n    }\r\n  }\r\n\r\n  .onhover-dropdown {\r\n    &:hover {\r\n      .onhover-show-div {\r\n        opacity: 0;\r\n        transform: none;\r\n        visibility: hidden;\r\n\r\n        &.active {\r\n          opacity: 1;\r\n          transform: translateY(0px);\r\n          visibility: visible;\r\n          border-radius: 5px;\r\n          overflow: hidden;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .page-header {\r\n    .header-wrapper {\r\n      .nav-right {\r\n        &.right-header {\r\n          ul {\r\n            &.profile-dropdown,\r\n            &.chat-dropdown,\r\n            &.notification-dropdown {\r\n              width: calc(100vw - 30px);\r\n              position: fixed;\r\n              top: 60px;\r\n              left: 15px !important;\r\n            }\r\n          }\r\n        }\r\n\r\n        .profile-dropdown {\r\n          top: 43px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .wizard-4 {\r\n    .action-bar {\r\n      .btn {\r\n        margin: 0 2px;\r\n      }\r\n    }\r\n  }\r\n\r\n  .tabbed-card {\r\n    ul {\r\n      right: 0px;\r\n      left: unset;\r\n    }\r\n  }\r\n\r\n  // dropdown-basic //\r\n  .dropdown-basic {\r\n    .btn-group {\r\n      margin-right: unset;\r\n    }\r\n  }\r\n}\r\n\r\n@media only screen and (max-width: 480px) {\r\n  .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div {\r\n    right: 20px;\r\n    width: 280px;\r\n    position: fixed;\r\n  }\r\n  .page-wrapper.only-body .page-header .header-wrapper .nav-right {\r\n    display: none;\r\n  }\r\n  .product-wrapper-grid {\r\n    &.list-view {\r\n      .product-box {\r\n        display: block;\r\n        .product-img {\r\n          width: 100%;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .pagination-lg {\r\n    .page-link {\r\n      font-size: 1rem;\r\n    }\r\n  }\r\n  h6 {\r\n    font-size: 14px;\r\n  }\r\n  .prooduct-details-box {\r\n    .media-body {\r\n      margin-left: 0rem !important;\r\n    }\r\n  }\r\n  .left-header {\r\n    .level-menu {\r\n      .header-level-menu {\r\n        width: 140px;\r\n        padding: 0.7rem 0;\r\n\r\n        > li > .header-level-sub-menu {\r\n          padding: 0.7rem 0;\r\n          width: 120px;\r\n          left: 140px;\r\n        }\r\n\r\n        svg {\r\n          display: none;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .box-layout {\r\n    &.page-wrapper {\r\n      .set-col-6,\r\n      .set-col-3,\r\n      .set-col-7,\r\n      .set-col-5 {\r\n        flex: 0 0 100%;\r\n        max-width: 100%;\r\n      }\r\n    }\r\n  }\r\n  .chart_data_right {\r\n    .knob-block {\r\n      > div:not(.chart-clock-main) canvas {\r\n        width: 70px !important;\r\n        height: 70px !important;\r\n      }\r\n    }\r\n  }\r\n  .knob-block {\r\n    .chart-clock-main {\r\n      margin: auto;\r\n      width: auto;\r\n\r\n      .clock-medium {\r\n        position: absolute;\r\n        left: 33px;\r\n        top: 33px;\r\n\r\n        canvas {\r\n          width: 180px !important;\r\n          height: 180px !important;\r\n        }\r\n      }\r\n\r\n      .clock-small {\r\n        left: 34px;\r\n        top: 74px;\r\n      }\r\n\r\n      .clock-large {\r\n        left: 0;\r\n        top: 0;\r\n        margin: 0 auto;\r\n\r\n        canvas {\r\n          width: 245px !important;\r\n          height: 245px !important;\r\n        }\r\n      }\r\n    }\r\n\r\n    > div:not(.chart-clock-main) {\r\n      canvas {\r\n        width: 245px !important;\r\n        height: 245px !important;\r\n      }\r\n    }\r\n  }\r\n  .wizard-4 {\r\n    .action-bar {\r\n      .btn {\r\n        width: 100%;\r\n\r\n        & + .btn {\r\n          margin-top: 10px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  ul {\r\n    &.notification-dropdown {\r\n      &.onhover-show-div {\r\n        width: 260px;\r\n        right: -80px;\r\n\r\n        &:before,\r\n        &:after {\r\n          right: 89px !important;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .inline-block-sm {\r\n    display: inline-block;\r\n  }\r\n\r\n  .pagination-lg {\r\n    .page-link {\r\n      padding: 0.3rem 0.65rem;\r\n    }\r\n  }\r\n\r\n  .nav-pills {\r\n    li {\r\n      width: 100%;\r\n    }\r\n  }\r\n\r\n  .reset-password-box {\r\n    width: 290px;\r\n  }\r\n\r\n  .icon-hover-bottom {\r\n    .icon-first {\r\n      margin-right: 10px;\r\n    }\r\n\r\n    .icon-popup {\r\n      .icon-class {\r\n        display: none;\r\n      }\r\n    }\r\n  }\r\n\r\n  .error-wrapper {\r\n    .maintenance-heading {\r\n      margin-top: 0;\r\n    }\r\n  }\r\n\r\n  .custom-card {\r\n    padding: 0;\r\n\r\n    .card-footer {\r\n      > div {\r\n        h3 {\r\n          font-size: 20px;\r\n        }\r\n      }\r\n    }\r\n\r\n    .card-social {\r\n      li {\r\n        padding: 5px 0;\r\n      }\r\n    }\r\n\r\n    .profile-details {\r\n      h6 {\r\n        margin-bottom: 15px;\r\n      }\r\n\r\n      h4 {\r\n        font-size: 20px;\r\n      }\r\n    }\r\n\r\n    .card-profile {\r\n      img {\r\n        height: 93px;\r\n      }\r\n    }\r\n  }\r\n\r\n  .card {\r\n    .card-header {\r\n      .card-header-right {\r\n        i {\r\n          margin: 0 3px;\r\n          font-size: 14px;\r\n        }\r\n      }\r\n\r\n      > span {\r\n        & + span {\r\n          display: none;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  // timeline small page css\r\n  .timeline-small {\r\n    .media {\r\n      .timeline-round {\r\n        &.timeline-line-1 {\r\n          &:after {\r\n            bottom: -50px;\r\n          }\r\n        }\r\n\r\n        &.medium-line {\r\n          &:after {\r\n            bottom: -40px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  // dropdown page //\r\n  .dropdown-basic {\r\n    text-align: center;\r\n  }\r\n  .dropup-basic {\r\n    text-align: center;\r\n  }\r\n\r\n  //blog\r\n  .blog-box.blog-shadow {\r\n    .blog-details {\r\n      padding: 10px;\r\n\r\n      h4 {\r\n        font-size: 14px;\r\n      }\r\n    }\r\n  }\r\n\r\n  .cal-date-widget {\r\n    padding: 30px;\r\n  }\r\n\r\n  .calender-widget {\r\n    .cal-img {\r\n      height: 225px;\r\n    }\r\n  }\r\n\r\n  .company-card {\r\n    .details {\r\n      .media {\r\n        flex-wrap: wrap;\r\n      }\r\n    }\r\n  }\r\n\r\n  // from wizard two\r\n  .stepwizard {\r\n    .stepwizard-row {\r\n      &:before {\r\n        top: 17px;\r\n      }\r\n\r\n      .stepwizard-step {\r\n        .btn {\r\n          padding: 6px 22px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  // email app\r\n  .email-wrap {\r\n    .email-right-aside {\r\n      .email-content {\r\n        .email-wrapper {\r\n          .attachment {\r\n            ul {\r\n              li {\r\n                img {\r\n                  width: 83px;\r\n                  height: 83px;\r\n                }\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  //mega menu\r\n  .mega-menu {\r\n    padding-left: 20px;\r\n    padding-top: 3px;\r\n\r\n    .onhover-show-div {\r\n      height: 405px;\r\n      left: 0;\r\n      top: 61px;\r\n      padding: 15px;\r\n    }\r\n  }\r\n\r\n  //  tag-pills\r\n  .badge {\r\n    padding: 0.42em 0.7em;\r\n  }\r\n\r\n  // alert page\r\n  .alert-dismissible {\r\n    .close {\r\n      top: -1px;\r\n\r\n      span {\r\n        font-size: 19px;\r\n      }\r\n    }\r\n  }\r\n\r\n  // bootstrap notify page\r\n  .notify-alert {\r\n    width: 90%;\r\n  }\r\n\r\n  // chat page //\r\n  .chat-box {\r\n    .chat-right-aside {\r\n      .chat {\r\n        .chat-header {\r\n          display: block;\r\n          .chat-menu-icons {\r\n            margin-top: 15px;\r\n            padding-left: 10px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .package-card {\r\n    display: block !important;\r\n    div {\r\n      h5 {\r\n        margin-bottom: 10px !important;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n@media only screen and (max-width: 420px) {\r\n  .product-sidebar {\r\n    &.open {\r\n      top: -75px;\r\n    }\r\n  }\r\n  .alert-theme {\r\n    font-size: 12px;\r\n    min-width: 300px;\r\n\r\n    button {\r\n      right: 30px !important;\r\n    }\r\n    i {\r\n      display: none;\r\n    }\r\n\r\n    span {\r\n      + span {\r\n        + span {\r\n          padding: 15px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .and-many-more {\r\n    font-size: 37px;\r\n  }\r\n\r\n  // tab css\r\n  .tabbed-card {\r\n    ul {\r\n      &.border-tab {\r\n        &.nav-tabs {\r\n          .nav-item {\r\n            .nav-link {\r\n              padding: 5px 15px 8px;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .border-tab {\r\n    &.nav-tabs {\r\n      display: block;\r\n    }\r\n  }\r\n\r\n  // compact sidebar css\r\n  .page-wrapper {\r\n    &.compact-sidebar {\r\n      .page-body-wrapper {\r\n        div.sidebar-wrapper {\r\n          > div {\r\n            width: 112px;\r\n          }\r\n\r\n          .sidebar-main {\r\n            .sidebar-links {\r\n              li {\r\n                .sidebar-submenu,\r\n                .mega-menu-container {\r\n                  left: 112px;\r\n                  width: 190px;\r\n                }\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n    &.compact-small {\r\n      .page-body-wrapper {\r\n        div.sidebar-wrapper {\r\n          > div {\r\n            width: 80px;\r\n          }\r\n\r\n          .sidebar-main {\r\n            .sidebar-links {\r\n              li {\r\n                .sidebar-submenu,\r\n                .mega-menu-container {\r\n                  left: 80px;\r\n                  width: 210px;\r\n                }\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  // login form //\r\n  .login-card {\r\n    .login-main {\r\n      .theme-form {\r\n        .link {\r\n          position: unset;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n@media only screen and (max-width: 360px) {\r\n  .product-box {\r\n    .modal {\r\n      .modal-header {\r\n        .product-box {\r\n          .product-details {\r\n            .product-qnty {\r\n              fieldset {\r\n                .input-group {\r\n                  width: 45%;\r\n                }\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .prooduct-details-box {\r\n    .close {\r\n      right: 0;\r\n      top: 5px;\r\n    }\r\n    .btn {\r\n      padding: 4px 8px;\r\n    }\r\n\r\n    .media {\r\n      padding: 15px;\r\n      display: block;\r\n      .media-body {\r\n        margin-top: 15px;\r\n      }\r\n    }\r\n  }\r\n  .datepicker--nav-action {\r\n    width: 20px;\r\n    margin-left: -10px;\r\n    background-color: transparent;\r\n\r\n    path {\r\n      stroke: var(--theme-deafult);\r\n    }\r\n  }\r\n  .clockpicker-align-top {\r\n    top: 426px !important;\r\n  }\r\n  .note {\r\n    min-width: 250px;\r\n  }\r\n\r\n  .datepicker {\r\n    width: 239px;\r\n  }\r\n\r\n  .add-post {\r\n    form {\r\n      .m-checkbox-inline {\r\n        label {\r\n          margin-bottom: 8px;\r\n\r\n          &:last-child {\r\n            margin-bottom: 0;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .map-js-height {\r\n    height: 250px;\r\n  }\r\n\r\n  .bar-chart-widget {\r\n    .earning-details {\r\n      i {\r\n        right: -73px;\r\n      }\r\n    }\r\n  }\r\n\r\n  .widget-joins {\r\n    .border-after-xs {\r\n      &:after {\r\n        width: 92%;\r\n      }\r\n    }\r\n  }\r\n\r\n  // chart widget page css\r\n  .status-widget {\r\n    svg {\r\n      width: 18px;\r\n      height: 18px;\r\n    }\r\n  }\r\n\r\n  // social app page css\r\n  .tabs-scoial {\r\n    &.border-tab {\r\n      &.nav-tabs {\r\n        .nav-item {\r\n          .nav-link {\r\n            padding: 10px 5px;\r\n            font-size: 14px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .user-profile {\r\n    .hovercard {\r\n      .user-image {\r\n        .share-icons {\r\n          right: 6px;\r\n          top: -15px;\r\n\r\n          li {\r\n            .social-icon {\r\n              width: 25px;\r\n              height: 25px;\r\n\r\n              i {\r\n                font-size: 14px;\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .social-chat {\r\n    .other-msg {\r\n      margin-left: 15px;\r\n    }\r\n  }\r\n\r\n  .social-header {\r\n    h5 {\r\n      span.pull-right {\r\n        display: none;\r\n      }\r\n    }\r\n  }\r\n\r\n  // timeline small page css\r\n  .timeline-small {\r\n    .media {\r\n      .timeline-round {\r\n        &.timeline-line-1 {\r\n          &:after {\r\n            bottom: -74px;\r\n            height: 56px;\r\n          }\r\n        }\r\n\r\n        &.small-line {\r\n          &:after {\r\n            bottom: -32px;\r\n            height: 14px;\r\n          }\r\n        }\r\n\r\n        &.medium-line {\r\n          &:after {\r\n            bottom: -59px;\r\n            height: 40px;\r\n          }\r\n        }\r\n      }\r\n\r\n      .media-body {\r\n        p {\r\n          display: -webkit-box;\r\n          text-overflow: ellipsis;\r\n          -webkit-box-orient: vertical;\r\n          overflow: hidden;\r\n          -webkit-line-clamp: 4;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .custom-card {\r\n    .dashboard-card {\r\n      padding-top: 0;\r\n    }\r\n\r\n    .card-profile {\r\n      img {\r\n        bottom: 25px;\r\n      }\r\n    }\r\n\r\n    .card-footer {\r\n      > div {\r\n        h6 {\r\n          font-size: 12px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .flot-chart-container {\r\n    height: 230px;\r\n  }\r\n\r\n  .map-block {\r\n    height: 250px;\r\n  }\r\n\r\n  .img-cropper {\r\n    .docs-tooltip {\r\n      font-size: 11px;\r\n    }\r\n\r\n    .docs-toggles {\r\n      .btn-group {\r\n        .btn {\r\n          padding: 0.375rem 0.2rem;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .blog-box {\r\n    .blog-details {\r\n      p {\r\n        line-height: 1.5;\r\n      }\r\n\r\n      .blog-social {\r\n        li:last-child {\r\n          padding-left: 0;\r\n        }\r\n      }\r\n    }\r\n\r\n    .blog-details-main {\r\n      .blog-social {\r\n        li {\r\n          padding: 0 10px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .button-builder-wrap {\r\n    .btn-lg {\r\n      font-size: 18px;\r\n    }\r\n  }\r\n\r\n  .tabs-responsive-side {\r\n    max-width: 100%;\r\n  }\r\n\r\n  //default dashboard\r\n  .browser-widget {\r\n    .media {\r\n      i {\r\n        font-size: 52px;\r\n      }\r\n\r\n      .media-body {\r\n        h4 {\r\n          font-size: 20px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .bar-chart-widget {\r\n    .bottom-content {\r\n      .num {\r\n        font-size: 17px;\r\n      }\r\n    }\r\n  }\r\n\r\n  // serach page //\r\n  .search-page {\r\n    .theme-form {\r\n      .input-group {\r\n        .form-control-plaintext {\r\n          padding-left: 10px;\r\n        }\r\n        .btn {\r\n          padding: 6px 4px;\r\n        }\r\n      }\r\n    }\r\n    .info-block {\r\n      padding: 20px;\r\n    }\r\n  }\r\n\r\n  // from wizard two\r\n  .stepwizard {\r\n    .stepwizard-row {\r\n      .stepwizard-step {\r\n        .btn {\r\n          padding: 6px 20px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .user-status {\r\n    table {\r\n      tbody {\r\n        img {\r\n          height: 40px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  //from wizard four\r\n  .wizard-4 {\r\n    ul {\r\n      &.anchor {\r\n        padding-top: 15px;\r\n      }\r\n    }\r\n\r\n    .msg-box {\r\n      top: 40px !important;\r\n    }\r\n  }\r\n\r\n  .xs-width-100 {\r\n    min-width: 100%;\r\n  }\r\n\r\n  // email app\r\n  .email-wrap {\r\n    .action-wrapper {\r\n      .actions {\r\n        li {\r\n          margin-right: 5px;\r\n        }\r\n      }\r\n    }\r\n\r\n    .email-body {\r\n      .attachment {\r\n        .list-inline {\r\n          .list-inline-item {\r\n            padding-right: 5px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    .email-right-aside {\r\n      .email-content {\r\n        .email-wrapper {\r\n          .attachment {\r\n            ul {\r\n              li {\r\n                img {\r\n                  width: 65px;\r\n                  height: 65px;\r\n                }\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n\r\n      .email-top {\r\n        .dropdown-menu {\r\n          left: -58px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  // form-builder\r\n  .form-builder {\r\n    #components {\r\n      .component {\r\n        .form-group {\r\n          #button1id {\r\n            margin-bottom: 15px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  // according\r\n  .default-according {\r\n    .card {\r\n      .card-header {\r\n        i {\r\n          font-size: 14px;\r\n          top: 24px;\r\n        }\r\n      }\r\n\r\n      .btn-link {\r\n        display: block;\r\n        width: 100%;\r\n        padding-left: 17px;\r\n      }\r\n    }\r\n  }\r\n\r\n  //rating\r\n  .star-ratings {\r\n    .stars {\r\n      .title {\r\n        line-height: 1;\r\n      }\r\n    }\r\n  }\r\n\r\n  // tour page\r\n  .user-profile {\r\n    .hovercard {\r\n      .social-media {\r\n        a {\r\n          padding: 0 12px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  // touchspin page\r\n  .bootstrap-touchspin {\r\n    .touchspin-vertical-tab {\r\n      .input-group {\r\n        width: 93% !important;\r\n      }\r\n    }\r\n  }\r\n\r\n  // form-wizard-four page\r\n  .step-container {\r\n    height: 280px !important;\r\n  }\r\n\r\n  // jsgrid-table page\r\n  .sort-panel {\r\n    .d-inline {\r\n      .btn {\r\n        margin-left: 87px;\r\n      }\r\n    }\r\n  }\r\n\r\n  // jsgrid-table css\r\n  .jsgrid {\r\n    .jsgrid-pager-container {\r\n      .jsgrid-pager {\r\n        .jsgrid-pager-page {\r\n          padding: 0.5em 0.62em;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  // chat page\r\n  .chat-box {\r\n    .chat-right-aside {\r\n      flex: 0 0 96%;\r\n      max-width: 96%;\r\n\r\n      .chat {\r\n        .chat-message {\r\n          width: calc(100% - 20px);\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  // error 400 page\r\n  .error-wrapper {\r\n    .error-heading {\r\n      .headline {\r\n        font-size: 100px;\r\n      }\r\n    }\r\n  }\r\n\r\n  // gallery page\r\n  .lg-toolbar {\r\n    .lg-icon {\r\n      width: 40px;\r\n    }\r\n  }\r\n\r\n  // calender page\r\n  .calendar-wrap {\r\n    a.fc-more {\r\n      font-size: 0.59em;\r\n    }\r\n\r\n    .fc {\r\n      th {\r\n        font-size: 10px;\r\n      }\r\n    }\r\n  }\r\n\r\n  //modal footer\r\n  .modal-footer {\r\n    display: block;\r\n    text-align: center;\r\n\r\n    button:first-child {\r\n      margin-bottom: 10px;\r\n    }\r\n  }\r\n\r\n  // checkout //\r\n  .order-box {\r\n    .qty {\r\n      li {\r\n        font-size: 14px;\r\n        span {\r\n          font-size: 14px;\r\n        }\r\n      }\r\n    }\r\n    ul {\r\n      li {\r\n        span {\r\n          text-align: right;\r\n        }\r\n        label {\r\n          text-align: right;\r\n          font-size: 14px;\r\n        }\r\n      }\r\n    }\r\n    .sub-total {\r\n      li {\r\n        .count {\r\n          font-size: 14px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .checkout {\r\n    .text-end {\r\n      text-align: left !important;\r\n      margin-top: 15px;\r\n    }\r\n  }\r\n}\r\n@media screen and (max-width: 578px) {\r\n  .datepicker-dashboard {\r\n    .datepicker {\r\n      height: 340px;\r\n    }\r\n    .datepicker--days-names {\r\n      font-size: 16px;\r\n      margin: 12px 0;\r\n    }\r\n    .datepicker--cells-days {\r\n      height: 170px;\r\n    }\r\n  }\r\n  .btn-group .btn {\r\n    font-size: 12px;\r\n    padding: 0.375rem 0.5rem;\r\n  }\r\n}\r\n@media only screen and (min-width: 576px) {\r\n  .product-wrapper-grid {\r\n    &.list-view {\r\n      .col-sm-6 {\r\n        flex: 0 0 100%;\r\n        max-width: 100%;\r\n      }\r\n    }\r\n  }\r\n\r\n  .sidebar-wrapper {\r\n    .back-btn {\r\n      display: none;\r\n    }\r\n  }\r\n}\r\n@media only screen and (max-width: 575px) {\r\n  .rtl-ltr-btn {\r\n    display: inline-block;\r\n  }\r\n}\r\n@media only screen and (max-width: 359px) {\r\n  .apexcharts-legend-marker {\r\n    margin-left: 0;\r\n  }\r\n}\r\n/**=====================\r\n     62. Responsive CSS Ends\r\n==========================**/\r\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.7);\r\n$body-color: #fbfeff;\r\n\r\n// Theme colors variables\r\n\r\n// $stail-color-2: #747dc6;\r\n// $stail-color-4: #9e65c2;\r\n// $stail-color-svg-3: #ef3f3e;\r\n$box-shadow: #dedede;\r\n$star-color: #ef8f3b;\r\n$grey-3: #333333;\r\n$grey-13: #9a9a9a;\r\n$upcoming-color: #3ccbf0;\r\n$past-color: #198754;\r\n$cancel-color: #6c757d;\r\n\r\n$x-color: #2b2b2bb5;\r\n$grey-9: #999999;\r\n\r\n$inner-bg: #f2f9fc;\r\n$grey-darker: #222222;\r\n\r\n$bg-color: #fafafb;\r\n$primary-color: #4aa4d9;\r\n$secondary-color: #ef3f3e;\r\n$success-color: #9e65c2;\r\n$info-color: #a927f9;\r\n$warning-color: #747dc6;\r\n$danger-color: #6670bd;\r\n$light-color: #f4f4f4;\r\n$light-gray: #ecf3fa;\r\n$input-bg-color: #f8f8f8;\r\n\r\n$btn-hover-color: #144eee;\r\n\r\n$light-semi-gray: #efefef;\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$light: #fdfeff;\r\n$semi-dark: #59667a;\r\n$light-text: #999999;\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$theme-medium-color: #eae8ff;\r\n\r\n// gradient colors\r\n$gradient-primary: linear-gradient(26deg, var(--theme-deafult) 0%, #a26cf8 100%);\r\n\r\n//social colors\r\n$fb: #50598e;\r\n$twitter: #6fa2d8;\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: Nunito, 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: 10px;\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 40px;\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: 0 0 20px rgba(8, 21, 66, 0.05);\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($semi-dark, 0.1);\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: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));\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\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\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;\r\n$common-box-shadow: 2px 3.464px 8px 0px rgba(22, 145, 248, 0.18);\r\n$page-title-font-size: 24px;\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: 5;\r\n$header-wrapper-padding: 22px 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"]}