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