{"version":3,"sources":["themes/_responsive.scss","responsive.css","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 .todo-wrap {\n .todo-list-body {\n .task-container {\n div.d-flex {\n min-width: 240px;\n justify-content: flex-end;\n }\n }\n }\n }\n\n // chat page //\n .caller-img {\n display: none;\n }\n}\n\n@media screen and (max-width: 1660px) {\n .photos {\n ul {\n li {\n width: 26%;\n }\n }\n }\n\n .bar-chart {\n canvas {\n width: 100% !important;\n }\n }\n\n .chat-left-aside {\n .people-list { \n height: 520px;\n }\n }\n\n .caller-img {\n position: absolute;\n width: 100%;\n max-width: 100%;\n left: 15px;\n\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 .page-header {\n max-width: 1320px;\n }\n\n .page-body-wrapper {\n\n .sidebar-wrapper,\n .page-body {\n max-width: 1320px;\n }\n }\n }\n }\n }\n}\n\n@media (max-width: 1470px) {\n .basic_table {\n .table-responsive {\n .table {\n tbody {\n tr {\n td {\n &:nth-child(n+2) {\n min-width: 180px;\n }\n }\n }\n }\n }\n }\n }\n\n .signal-table {\n &.table-responsive {\n .table {\n tbody {\n tr {\n td {\n &:nth-child(n+2) {\n min-width: 240px;\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\n .xl-60 {\n max-width: 60%;\n flex: 0 0 60%;\n }\n\n .xl-50 {\n max-width: 50%;\n flex: 0 0 50%;\n }\n\n .xl-100 {\n max-width: 100%;\n flex: 0 0 100%;\n }\n\n .xl-23 {\n max-width: 23%;\n flex: 0 0 23%;\n }\n\n .xl-25 {\n max-width: 25%;\n flex: 0 0 25%;\n }\n\n .xl-40 {\n max-width: 40%;\n flex: 0 0 40%;\n }\n\n .xl-4 {\n max-width: 33.33%;\n flex: 0 0 33.33%;\n }\n}\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: 1366px) and (min-width: 1200px) {\n .flot-chart-container-small {\n height: 227px;\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 // chat\n .chat-body {\n padding: 10px;\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\n img {\n height: 50px;\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 .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 .bookmark-wrap {\n .task-sidebar {\n height: auto;\n }\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\n .chat {\n .chat-message {\n .smiley-box {\n width: 45px;\n }\n }\n }\n }\n\n .equal-height-xl {\n height: 517px;\n }\n\n .authentication-main {\n .auth-innerright {\n background-size: cover;\n }\n }\n\n .grp-btns {\n display: inline-block;\n }\n\n .button-builder {\n .button-generator-bx {\n position: relative;\n width: 100%;\n }\n }\n\n .page-builder {\n .btn-group {\n display: inline-block;\n margin-bottom: 10px;\n }\n\n .btn-grid {\n margin-bottom: 15px;\n margin-right: 0px;\n border-right: none;\n display: inline-block;\n }\n\n .ge-canvas.ge-layout-desktop {\n margin-top: 50px;\n }\n }\n\n //ecommerce dashboard\n .ecommerce-widget {\n .total-num {\n font-size: 23px;\n letter-spacing: 0px;\n }\n }\n\n .support-ticket-font {\n .total-num {\n font-size: 22px;\n }\n }\n\n .order-history {\n table.dataTable.table thead th {\n padding-right: 50px;\n }\n }\n\n\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 .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 .redial-social-widget {\n width: 125px;\n height: 125px;\n\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-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 &.horizontal-wrapper {\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 }\n\n}\n\n@media only screen and (max-width: 1199.98px) {\n .onhover-dropdown{\n &.notification-down{\n &::before{\n display: none;\n }\n }\n }\n .page-wrapper {\n .page-header {\n .header-wrapper {\n .nav-right {\n .onhover-show-div {\n .notitications-bar {\n .user-message {\n ul {\n li {\n &:last-child{\n display: block;\n }\n }\n }\n }\n }\n }\n }\n }\n }\n }\n .md-sidebar {\n .md-sidebar-toggle {\n display: block;\n }\n\n .md-sidebar-aside {\n position: absolute;\n top: 40px;\n left: 0;\n opacity: 0;\n visibility: hidden;\n z-index: 3;\n width: 280px;\n\n [dir=\"rtl\"] & {\n left: unset;\n right: 0;\n }\n\n &.open {\n opacity: 1;\n visibility: visible;\n }\n }\n\n .job-sidebar {\n background-color: var(--white);\n padding: 20px;\n\n .faq-accordion.default-according {\n margin-bottom: 0;\n\n .row {\n >div {\n &:last-child {\n .card {\n margin-bottom: 0;\n }\n }\n }\n }\n }\n }\n }\n\n .file-sidebar {\n padding-right: 12px;\n\n [dir=\"rtl\"] & {\n padding-right: 0;\n }\n }\n\n .col-xl-7.b-center.bg-size {\n top: 0;\n height: 100vh;\n opacity: 0.5;\n position: fixed;\n }\n\n .login-card {\n background: transparent;\n }\n\n .knowledgebase-bg {\n height: 400px;\n }\n\n .knowledgebase-search {\n .form-inline {\n width: 400px;\n padding: 7px 45px;\n\n svg {\n top: 14px;\n }\n }\n }\n\n .btn-group {\n .btn {\n padding: 0.375rem 1.25rem;\n }\n }\n\n .link-section>div {\n &.active {\n >h6 {\n &:before {\n content: \"\\f107\";\n transition: content 0.3s ease;\n }\n }\n }\n\n >h6 {\n position: relative;\n\n &:before {\n content: \"\\f105\";\n font-family: fontAwesome;\n position: absolute;\n right: 10px;\n font-size: 18px;\n transition: content 0.3s ease;\n }\n }\n }\n\n .alert-theme {\n min-width: 420px;\n }\n\n .mega-menu-header {\n .header-wrapper {\n .vertical-mobile-sidebar {\n display: block;\n margin-right: 15px;\n }\n }\n }\n\n // sidebar css\n .page-wrapper {\n .page-header {\n .header-wrapper {\n .nav-right {\n position: unset;\n padding: 0;\n\n >ul {\n li {\n .submenu {\n li {\n &:first-child {\n padding-left: 15px !important;\n }\n }\n }\n }\n }\n }\n\n .mobile-sidebar {\n .switch-sm {\n .switch {\n margin-top: 6px;\n }\n }\n }\n }\n }\n }\n\n // social app page\n .photos {\n ul {\n li {\n width: auto;\n\n &:nth-child(3n) {\n margin-right: 15px;\n }\n }\n }\n }\n\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 .lg-mt {\n margin-top: 30px;\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 [dir=\"rtl\"] & {\n margin-left: unset;\n margin-right: 0;\n }\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 .testimonial {\n p {\n margin-top: 17px;\n }\n }\n\n .browser-widget {\n padding: 0px;\n\n img {\n height: 50px;\n }\n\n .media {\n .media-body {\n h4 {\n font-size: 17px;\n }\n }\n\n .media-img {\n width: 100%;\n text-align: center;\n margin-bottom: 10px;\n }\n }\n }\n\n //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: 60px;\n position: absolute !important;\n z-index: 3;\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\n .chat-right-aside {\n flex: 0 0 100%;\n max-width: calc(100% - 15px);\n overflow: hidden;\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\n@media only screen and (max-width: 1199px) and (min-width: 992px) {\n .page-wrapper {\n &.horizontal-wrapper {\n &.material-type {\n .page-header {\n max-width: 930px;\n }\n\n .page-body-wrapper {\n\n .sidebar-wrapper,\n .page-body {\n max-width: 930px;\n }\n }\n }\n }\n }\n}\n\n@media only screen and (max-width: 991.98px) {\n .todo-list-wrapper {\n #todo-list {\n li {\n .task-container {\n .task-label {\n min-width: 460px;\n }\n }\n }\n }\n }\n // .product-box {\n // .modal {\n // .modal-header {\n // .product-box {\n // .product-img {\n // width: 50% ; \n // }\n // }\n // }\n // }\n // }\n table {\n &.dataTable {\n &.fixedHeader-locked,\n &.fixedHeader-floating {\n left: 0 !important;\n width: 100% !important;\n max-width: unset !important;\n tr {\n display: flex;\n flex-wrap: wrap;\n }\n }\n }\n }\n .simplebar-mask {\n top: 70px;\n }\n\n .project-cards {\n .tab-content {\n margin-bottom: -20px;\n }\n }\n\n .project-box {\n margin-bottom: 20px;\n }\n\n .page-wrapper {\n &.modern-type {\n .simplebar-mask {\n top: 70px;\n }\n }\n\n &.compact-sidebar {\n .simplebar-mask {\n top: 87px;\n }\n\n .page-header {\n margin-left: 0;\n width: calc(100% - 0px);\n }\n\n .page-body-wrapper {\n div.sidebar-wrapper {\n &.close_icon {\n .sidebar-main {\n .sidebar-links {\n li {\n .sidebar-link {\n &.active {\n ~.sidebar-submenu {\n display: none !important;\n }\n }\n }\n }\n }\n }\n }\n }\n\n .page-body {\n margin-top: 60px;\n }\n }\n }\n\n &.only-body {\n .page-header {\n .header-wrapper {\n .search-full {\n .Typeahead-menu {\n top: 65px;\n }\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\n .product-box {\n .modal {\n .modal-header {\n .product-box {\n .product-details {\n padding-left: 15px;\n padding-right: 15px;\n }\n }\n }\n }\n }\n\n .search-form {\n .form-group {\n &:before {\n top: 33px;\n }\n\n &:after {\n top: 35px;\n }\n }\n }\n\n .mobile-title {\n &.d-none {\n padding: 11px 30px 10px;\n }\n }\n\n .page-wrapper {\n .page-header {\n .header-wrapper {\n .nav-right {\n .profile-dropdown {\n top: 50px;\n }\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\n .customizer-contain {\n top: 62px;\n }\n\n .m-r-30 {\n margin-right: 20px;\n }\n\n .card.full-card {\n top: 60px;\n width: calc(100vw - 0px);\n }\n\n .vertical-mobile-sidebar {\n right: 75px;\n top: 18px;\n }\n\n .gallery {\n margin-bottom: -20px;\n }\n\n .my-gallery {\n figure {\n margin-bottom: 20px;\n }\n }\n\n #aniimated-thumbnials {\n figure {\n\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 .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 color: $white; \n cursor: pointer; \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 // .logo-wrapper{\n // .toggle-sidebar{\n // svg{\n // stroke: var(--theme-deafult);\n // }\n // }\n // }\n .sidebar-main {\n .sidebar-links {\n height: unset;\n }\n }\n }\n }\n .page-body {\n margin-top: 78px;\n padding: 0 15px;\n }\n }\n }\n\n &.compact-sidebar {\n .page-header {\n .header-wrapper {\n .maximize {\n display: none;\n }\n }\n }\n }\n\n &.modern-type {\n .page-header {\n .header-wrapper {\n .logo-wrapper {\n display: none;\n margin-right: 0;\n }\n }\n }\n\n .page-body-wrapper {\n div.sidebar-wrapper {\n margin: 0 !important;\n\n .logo-wrapper {\n display: block;\n }\n }\n }\n }\n\n &.material-icon {\n .page-header {\n padding-left: 0;\n }\n\n .page-body-wrapper {\n .page-body {\n padding-left: 15px;\n }\n }\n }\n\n .page-header {\n .header-wrapper {\n margin: 0;\n padding: 12px 30px;\n\n .nav-right {\n .notification {\n top: 10px;\n }\n\n }\n\n >.mobile-toggle {\n cursor: pointer;\n display: flex;\n align-items: center;\n }\n\n .header-logo-wrapper {\n margin-right: 0;\n }\n }\n\n .header-logo-wrapper {\n .logo-wrapper {\n img {\n margin-top: 0;\n }\n }\n }\n }\n }\n\n .page-body-wrapper {\n\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\n .default-according {\n .card {\n margin-bottom: 10px !important;\n\n .card-header {\n padding: 0 !important;\n }\n }\n }\n\n .faq-wrap {\n .faq-accordion {\n &.default-according {\n .card {\n .faq-header {\n padding: 20px 20px 0 !important;\n }\n }\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 .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 .tilt-showcase {\n .tilt-image {\n text-align: center;\n }\n\n .mt-4 {\n margin-top: 20px !important;\n }\n }\n\n .todo {\n .todo-list-wrapper {\n .mark-all-tasks {\n top: 20px;\n right: 20px;\n }\n }\n }\n\n .custom-card {\n padding-bottom: 0;\n\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\n .display-1 {\n font-size: calc(30px + (64 - 30) * ((100vw - 320px) / (1200 - 320)));\n }\n\n .display-2 {\n font-size: calc(25px + (56 - 25) * ((100vw - 320px) / (1200 - 320)));\n }\n\n .display-3 {\n font-size: calc(20px + (40 - 20) * ((100vw - 320px) / (1200 - 320)));\n }\n\n .display-4 {\n font-size: calc(15px + (24 - 15) * ((100vw - 320px) / (1200 - 320)));\n }\n\n .typography {\n .h1 {\n @media (max-width:1200px) {\n font-size: calc(16px + (34 - 16) * ((100vw - 320px) / (1200 - 320)));\n }\n }\n\n .h2 {\n font-size: 30px;\n\n @media (max-width:1200px) {\n font-size: calc(18px + (30 - 18) * ((100vw - 320px) / (1200 - 320)));\n }\n }\n\n .h3 {\n font-size: 22px;\n\n @media (max-width:1200px) {\n font-size: calc(17px + (22 - 17) * ((100vw - 320px) / (1200 - 320)));\n }\n }\n\n .h4 {\n font-size: 20px;\n\n @media (max-width:1200px) {\n font-size: calc(15px + (20 - 15) * ((100vw - 320px) / (1200 - 320)));\n }\n }\n\n .h5 {\n font-size: 18px;\n\n @media (max-width:1200px) {\n font-size: calc(13px + (18 - 13) * ((100vw - 320px) / (1200 - 320)));\n }\n }\n\n .h6 {\n font-size: 15px;\n\n @media (max-width:1200px) {\n font-size: calc(12px + (15 - 12) * ((100vw - 320px) / (1200 - 320)));\n }\n }\n }\n\n h1 {\n font-size: calc(20px + (34 - 20) * ((100vw - 320px) / (1200 - 320)));\n }\n\n\n h2 {\n font-size: calc(18px + (28 - 18) * ((100vw - 320px) / (1200 - 320)));\n }\n\n h3 {\n font-size: calc(17px + (26 - 17) * ((100vw - 320px) / (1200 - 320)));\n\n }\n\n h4 {\n font-size: calc(17px + (22 - 17) * ((100vw - 320px) / (1200 - 320)));\n }\n\n h5 {\n font-size: calc(15px + (18 - 15) * ((100vw - 320px) / (1200 - 320)));\n }\n\n h6 {\n font-size: calc(12px + (15 - 12) * ((100vw - 320px) / (1200 - 320)));\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\n .tab-content {\n .pb-4 {\n padding-bottom: 20px !important;\n }\n }\n }\n\n // general widget\n .xl-none {\n display: block;\n }\n\n //blog\n .top-radius-blog {\n width: 100%;\n }\n\n .sm-100-w {\n width: 100%;\n height: 100%;\n }\n\n /*Form Wizard One start*/\n .form-wizard {\n .btn-mb {\n margin-bottom: 20px;\n }\n }\n\n /*Form Wizard One ends*/\n\n /*Form Wizard Three Start*/\n .f1 {\n .f1-steps {\n margin-top: 20px;\n margin-bottom: 20px;\n }\n }\n\n /*Form Wizard Three ends*/\n\n /*Form Wizard Four Start*/\n .wizard-4 {\n ul.anchor {\n padding-right: 20px;\n width: 40%;\n\n li {\n a {\n &.done {\n h4 {\n &:before {\n top: -8px;\n }\n }\n }\n }\n\n h4 {\n padding: 11px 18px;\n width: 50px;\n }\n\n +li {\n a {\n padding-left: 65px;\n\n [dir=\"rtl\"] & {\n padding-right: 65px;\n }\n }\n }\n }\n }\n\n .step-container {\n width: 60%;\n\n div.content {\n .wizard-title {\n width: 380px;\n }\n }\n }\n\n .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\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 // call-chat page\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\n .wizard-4 {\n .msg-box {\n top: 40px;\n right: 0%;\n bottom: unset;\n left: unset;\n }\n }\n\n .theme-form {\n &.form-inline {\n display: flex;\n }\n }\n\n\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 {\n &.compact-wrapper {\n &.material-type {\n &::before {\n height: 230px;\n }\n\n .page-header {\n width: calc(100% - 60px) !important;\n margin: 50px auto 0 !important;\n }\n\n .page-body-wrapper {\n margin: 0 30px;\n\n div.sidebar-wrapper {\n left: 0;\n }\n\n .page-body {\n margin-top: 0;\n }\n }\n }\n }\n }\n}\n\n@media only screen and (max-width: 810px) {\n .page-wrapper {\n .page-header {\n .header-wrapper {\n .nav-right {\n >ul {\n >li {\n .profile-media {\n .media-body {\n display: none;\n }\n }\n }\n }\n }\n }\n }\n }\n}\n\n@media only screen and (max-width: 767.98px) {\n .page-wrapper{\n &.compact-wrapper{\n .page-body-wrapper{\n .page-body{\n margin-top: 62px;\n }\n }\n }\n }\n .list-product { \n .datatable-loading {\n .datatable-top {\n display: none;\n }\n }\n }\n .left-sidebar-wrapper {\n padding: 10px;\n .advance-options .chats-user{\n height: 200px;\n }\n }\n .wizard-4 {\n ul.anchor {\n width: 100%;\n height: auto;\n padding: 30px;\n }\n\n .step-container {\n width: 100%;\n }\n }\n\n .contact-editform {\n padding-left: 20px !important;\n }\n\n .event-calendar {\n display: block !important;\n\n #right {\n width: 100%;\n }\n\n #calendar {\n clear: both;\n }\n }\n\n .page-wrapper {\n &.material-type {\n &::before {\n display: none;\n }\n\n .page-header {\n margin-top: 0;\n border-radius: 0;\n }\n\n .page-body-wrapper {\n .page-body {\n margin-top: 0 !important;\n }\n }\n }\n\n &.only-body {\n .page-header {\n .header-wrapper {\n .nav-right {\n >ul {\n >li {\n margin-right: -2px;\n }\n }\n\n .nav-menus {\n margin-right: -10px;\n }\n }\n }\n }\n }\n }\n\n .new-products {\n .owl-carousel {\n .product-box {\n &.row {\n >div {\n width: auto;\n }\n }\n }\n }\n }\n\n .profile-media {\n .media-body {\n display: none;\n }\n }\n\n .form-inline {\n .form-group:not(.form-control-search) {\n width: 100%;\n\n +.form-group {\n margin-top: 10px;\n }\n\n input {\n width: 100%;\n }\n }\n }\n\n .credit-card {\n .text-center {\n img {\n margin-bottom: 20px;\n }\n }\n }\n\n .starter-kit-fix {\n .page-body {\n margin-bottom: 78px;\n }\n }\n\n .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\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\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\n .chat-left-aside {\n .people-list {\n ul {\n max-height: 100px;\n }\n }\n }\n\n .clockpicker-align-top {\n left: 55px !important;\n top: 470px !important;\n\n .arrow {\n display: none;\n }\n }\n\n .form-builder-column {\n .form-body {\n min-height: 250px;\n }\n }\n\n .form-builder-2-header {\n flex-wrap: wrap;\n\n >div {\n width: 100%;\n margin-top: 10px;\n\n nav {\n float: none;\n }\n }\n }\n\n // form-builder\n .lg-mt-col {\n margin-top: 20px;\n }\n\n .form-builder {\n .drag-box {\n fieldset {\n padding: 20px;\n margin-top: 20px;\n }\n }\n\n #components {\n margin-top: 20px;\n }\n\n .component {\n label {\n padding-top: 0px;\n }\n }\n }\n\n //mega menu\n .mega-menu {\n .onhover-show-div {\n height: 415px;\n left: 0;\n top: 61px;\n padding: 20px;\n }\n\n .lg-mt {\n margin-top: 15px;\n }\n }\n\n .page-builder {\n .ge-canvas {\n &.ge-editing {\n .ge-tools-drawer {\n margin: 10px 0 0 10px;\n\n >a {\n padding: 0 5px;\n }\n }\n }\n }\n }\n\n .range-slider {\n &.theme-form {\n .form-group {\n margin-bottom: 0;\n }\n }\n }\n\n .note-editor {\n .btn-group {\n .btn {\n font-size: 11px;\n }\n }\n }\n\n .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 //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 .file-content {\n .d-md-flex {\n .flex-grow-1 {\n margin-top: 15px;\n text-align: center !important;\n }\n }\n } \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 //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\n // icons\n .icon-hover-bottom {\n .icon-popup {\n display: block;\n\n >.icon-last {\n display: block;\n margin-top: 15px;\n\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 [dir=\"rtl\"] & {\n text-align: right !important;\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\n .jsgrid {\n .jsgrid-pager-container {\n text-align: center;\n }\n }\n\n\n // user-profile page\n .hovercard {\n .info {\n .follow {\n .text-md-right {\n text-align: center;\n }\n }\n }\n }\n\n .profile-img-style {\n .like-comment-sm-mb {\n margin-bottom: 20px;\n }\n }\n\n // forget-password page\n .reset-password-box {\n .theme-form {\n .form-group {\n .btn {\n margin-top: 15px !important;\n }\n }\n }\n }\n\n // gallery page\n .lg-outer {\n\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 [dir=\"rtl\"] & {\n float: right;\n margin-right: unset;\n margin-left: 10px;\n }\n }\n\n span {\n &.f-w-600 {\n padding-top: 15px;\n display: inline-block;\n }\n }\n\n .text-right {\n text-align: left !important;\n }\n }\n\n .d-none-productlist {\n display: block;\n margin-right: 10px;\n }\n\n .grid-options {\n ul {\n li {\n display: none;\n }\n }\n }\n\n .product-sidebar {\n transform: translateX(-300px) scaleX(0);\n opacity: 0;\n visibility: hidden;\n transition: 0.3s;\n height: 0;\n position: absolute;\n z-index: 3;\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\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 min-width: unset;\n }\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\n .product-filter {\n .product-box {\n flex-wrap: nowrap;\n\n .product-img {\n width: 100px;\n }\n\n .product-details {\n padding: 0 !important;\n }\n }\n }\n\n}\n\n@media only screen and (max-width: 575.98px) {\n .todo {\n .todo-list-wrapper {\n .mark-all-tasks {\n .mark-all-tasks-container {\n display: none;\n }\n }\n }\n }\n\n .border-tab {\n &.nav-tabs {\n display: block;\n }\n }\n\n .page-wrapper {\n .page-header {\n .header-wrapper {\n .search-full {\n input {\n padding-left: 30px;\n line-height: 40px;\n }\n\n .form-group {\n &::before {\n top: 14px;\n left: 12px;\n }\n\n .close-search {\n top: 18px;\n right: 0;\n width: 18px;\n height: 18px;\n }\n }\n }\n }\n }\n }\n\n .page-wrapper.only-body {\n .page-header {\n .header-wrapper {\n .nav-right {\n right: 30px;\n }\n }\n }\n }\n\n .date-picker {\n .theme-form {\n >.row {\n >div {\n &:last-child {\n margin-top: 0;\n }\n }\n }\n }\n }\n\n .search-page {\n .info-block {\n display: block;\n }\n }\n\n .form-bookmark {\n .row {\n >div {\n .row {\n >.col-sm-6 {\n +.col-sm-6 {\n margin-top: 10px;\n }\n }\n }\n }\n }\n }\n\n .btn {\n padding: 6px 16px;\n }\n\n .alert-theme {\n min-width: 380px;\n }\n\n .knowledgebase-bg {\n height: 250px;\n }\n\n .login-card {\n .login-main {\n .theme-form {\n .or { \n &:before {\n width: 55%;\n }\n }\n }\n }\n }\n\n .knowledgebase-search {\n width: calc(100% - 30px);\n left: 18px; \n height: calc(100% - 30px);\n background-color: rgba($white, 0.7);\n\n .form-inline {\n width: 90%;\n padding: 3px 45px;\n\n svg {\n top: 10px;\n }\n }\n\n >div {\n width: 100%;\n text-align: center;\n padding: 15px;\n border-right: 10px;\n\n h3 {\n font-size: 20px;\n margin-bottom: 0;\n }\n\n .form-group {\n margin-bottom: 0;\n }\n }\n }\n\n // invoice template page\n .invoice {\n .text-md-end {\n margin-top: 10px;\n }\n\n .text-right {\n text-align: right;\n }\n\n .text-xs-center {\n text-align: center;\n }\n\n }\n\n // Login page\n .login-card {\n padding-top: 40px;\n padding-bottom: 40px;\n\n .logo {\n margin-bottom: 10px;\n }\n\n .login-main {\n width: auto;\n padding: 20px;\n\n .theme-form {\n .form-group {\n margin-bottom: 5px;\n }\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\n .bookmark {\n ul {\n li {\n a {\n svg {\n height: 16px;\n width: 16px;\n }\n }\n\n &+li {\n margin-left: 5px;\n }\n }\n }\n }\n\n .page-wrapper .page-header .header-wrapper .nav-right>ul>li {\n padding: 4px 6px;\n } \n\n .page-header {\n .header-wrapper {\n .nav-right {\n\n .cart-box,\n .notification-box {\n .badge {\n font-size: 10px;\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: 24px;\n height: 24px;\n }\n .notification-box{\n svg { \n width: 24px !important;\n height: 24px !important;\n }\n }\n .mode{\n svg{\n height: 24px;\n width: 24px;\n }\n }\n span{\n &.badge{\n padding: 2px 4px;\n font-size: 10px;\n }\n }\n }\n }\n }\n\n .page-body-wrapper {\n .page-title {\n .breadcrumb {\n margin-top: 0;\n justify-content: flex-end;\n } \n }\n }\n\n &.compact-wrapper,\n &.compact-sidebar {\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\n &.compact-sidebar {\n .sidebar-wrapper {\n .back-btn {\n display: none;\n }\n\n .sidebar-main {\n .sidebar-links {\n .simplebar-wrapper {\n .simplebar-mask {\n .simplebar-content-wrapper {\n .simplebar-content {\n >li {\n margin-right: 0;\n }\n }\n }\n }\n }\n }\n }\n }\n }\n\n .page-header {\n .header-wrapper {\n padding: 12px 15px !important;\n\n .nav-right {\n >ul {\n top: 58px;\n\n .search-form {\n i {\n display: none;\n }\n\n }\n }\n\n &.right-header {\n ul {\n li {\n &.px-0 {\n padding: 6px !important;\n }\n }\n }\n }\n\n >ul {\n li {\n\n .flag-icon {\n font-size: 14px !important;\n }\n\n .profile-media {\n img {\n width: 30px;\n height: 30px;\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 }\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: 57px;\n }\n\n &.sidebar-wrapper {\n .sidebar-main {\n .sidebar-links { \n height: calc(100vh - 79px);\n }\n }\n }\n }\n }\n }\n\n .alert-dismissible {\n padding-right: 30px;\n\n p {\n max-width: 102px;\n }\n }\n\n .customizer-links {\n display: none;\n }\n\n .m-r-30 {\n margin-right: 15px;\n }\n\n // cart page //\n .wishlist {\n .text-end {\n text-align: left !important;\n }\n }\n\n // Add post page css\n .add-post {\n form {\n .m-checkbox-inline {\n label {\n margin-right: 15px;\n }\n }\n }\n\n .dropzone {\n margin-bottom: 15px;\n }\n }\n\n //form-wizard-four page css\n .wizard-4 {\n .msg-box {\n top: 10px !important;\n }\n\n .login-card {\n .login-main {\n width: 280px;\n }\n }\n\n .step-container {\n div.content {\n .wizard-title {\n width: 280px;\n }\n }\n }\n\n .action-bar {\n right: 10px;\n\n [dir=\"rtl\"] {\n left: 10px;\n }\n }\n }\n\n // avatar page css\n .customers {\n &.avatar-group {\n margin-right: 15px;\n }\n }\n\n .vertical-mobile-sidebar {\n top: 19px;\n }\n\n //notify index page\n .alert-theme {\n i {\n margin-right: 10px !important;\n }\n\n button {\n top: 0px !important;\n }\n }\n\n .bar-chart-widget {\n .earning-details {\n i {\n right: -30px;\n }\n }\n }\n\n .clockpicker-align-top {\n left: 45px !important;\n top: 406px !important;\n }\n\n .gallery {\n margin-bottom: -15px;\n }\n\n .my-gallery {\n figure {\n margin-bottom: 15px;\n\n &:nth-child(9),\n &:nth-child(10) {\n margin-bottom: 15px;\n }\n }\n\n &.gallery-with-description {\n figure {\n &:last-child {\n margin-bottom: 20px;\n }\n }\n }\n }\n\n #aniimated-thumbnials {\n figure {\n\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 .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 // timeline small page css\n .timeline-small {\n .media {\n margin-bottom: 15px;\n\n .media-body {\n h6 {\n margin-bottom: 15px;\n }\n }\n\n .timeline-round {\n &.timeline-line-1 {\n &:after {\n bottom: -39px;\n height: 30px;\n }\n }\n\n &.small-line {\n &:after {\n bottom: -17px;\n height: 8px;\n }\n }\n\n &.medium-line {\n &:after {\n bottom: -30px;\n height: 22px;\n }\n }\n }\n }\n }\n\n // helper classes page start\n .helper-classes {\n padding: 15px;\n }\n\n // helper classes page ends\n .form-builder-2-header {\n ul {\n li {\n text-align: left;\n }\n }\n\n .form-inline {\n display: block;\n width: 100%;\n\n .form-group {\n width: 100%;\n margin-right: 0;\n }\n\n button {\n width: 100%;\n text-align: left;\n }\n }\n }\n\n .page-builder {\n .btn-grid {\n margin-bottom: 7px;\n padding-right: 5px;\n }\n\n .ge-canvas {\n &.ge-editing {\n .row {\n padding: 15px;\n }\n\n .ge-tools-drawer {\n margin: 10px;\n }\n }\n\n &.ge-layout-desktop [class*=\"col-\"] {\n width: inherit !important;\n }\n }\n }\n\n .wizard-4 {\n .step-container {\n div {\n &.content {\n margin-top: 10px;\n }\n }\n }\n }\n\n .nav-tabs {\n .nav-item {\n &.show {\n .nav-link {\n border-top: 0;\n border-bottom: 0;\n }\n } \n }\n\n .nav-link {\n border-top: 0;\n border-bottom: 0;\n\n &:hover,\n &.active,\n &:focus {\n border-top: 0;\n border-bottom: 0;\n }\n }\n }\n\n .border-tab {\n &.nav-tabs {\n .nav-item {\n width: 100% !important;\n }\n }\n\n .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\n .product-social {\n li {\n a {\n width: 30px;\n height: 30px;\n font-size: 13px;\n }\n\n &:nth-child(n+2) {\n margin-left: 5px;\n\n [dir=\"rtl\"] & {\n margin-left: unset;\n margin-right: 5px;\n }\n }\n }\n }\n\n .product-page-main {\n padding: 15px;\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\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 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 }\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\n .page-wrapper {\n .page-header {\n .header-wrapper {\n .nav-right {\n .onhover-show-div {\n width: calc(100vw - 30px);\n position: fixed;\n top: 60px; \n right: 1px;\n }\n\n .notification-dropdown {\n width: calc(100vw - 30px);\n position: fixed;\n top: 60px;\n left: 15px !important;\n }\n .cart-dropdown { \n left: 15px;\n } \n .profile-dropdown {\n top: 70px;\n }\n }\n }\n }\n }\n\n .wizard-4 {\n .action-bar {\n .btn {\n margin: 0 2px;\n }\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 // .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div {\n // width: 300px;\n // }\n .page-wrapper {\n .page-header {\n .header-wrapper {\n .nav-right {\n .onhover-show-div {\n width: 300px;\n &.notification-dropdown{\n width: auto;\n }\n }\n }\n }\n }\n }\n\n .page-wrapper.only-body .page-header .header-wrapper .nav-right {\n display: none; \n }\n\n .chat-menu {\n top: 120px;\n }\n\n .product-wrapper-grid {\n &.list-view {\n .product-box {\n display: block;\n\n .product-img {\n width: 100%;\n }\n }\n }\n }\n\n .pagination-lg {\n .page-link {\n font-size: 1.0rem;\n }\n }\n\n h6 {\n font-size: 14px;\n }\n\n .prooduct-details-box {\n .media-body {\n margin-left: 0rem !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\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\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\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\n@media only screen and (max-width: 420px) {\n .product-sidebar {\n &.open {\n top: -75px;\n }\n }\n\n .alert-theme {\n font-size: 12px;\n min-width: 300px;\n\n button {\n right: 30px !important;\n }\n\n i {\n display: none;\n }\n\n span {\n +span {\n +span {\n padding: 15px;\n }\n }\n }\n }\n footer{\n .footer-copyright{\n padding: 0px !important;\n } \n }\n .and-many-more {\n font-size: 37px;\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\n .sidebar-submenu,\n .mega-menu-container {\n left: 112px;\n width: 190px;\n }\n }\n }\n }\n }\n }\n }\n\n &.compact-small {\n .page-body-wrapper {\n div.sidebar-wrapper {\n >div {\n width: 80px;\n }\n\n .sidebar-main {\n .sidebar-links {\n li {\n\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@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 \n\n .prooduct-details-box {\n .close {\n right: 0;\n top: 5px;\n }\n\n .btn {\n padding: 4px 8px;\n }\n\n .media {\n padding: 15px;\n display: block;\n\n .media-body {\n margin-top: 15px;\n }\n }\n }\n\n .datepicker--nav-action {\n width: 20px;\n margin-left: -10px;\n background-color: transparent;\n\n path {\n stroke: var(--theme-deafult);\n }\n }\n\n .clockpicker-align-top {\n top: 426px !important;\n }\n\n .note {\n min-width: 250px;\n }\n\n .datepicker {\n width: 239px;\n }\n\n .add-post {\n form {\n .m-checkbox-inline {\n label {\n margin-bottom: 8px;\n\n &:last-child {\n margin-bottom: 0;\n }\n }\n }\n }\n }\n\n .map-js-height {\n height: 250px;\n }\n\n .bar-chart-widget {\n .earning-details {\n i {\n right: -73px;\n }\n }\n }\n\n // chart widget page css\n .status-widget {\n svg {\n width: 18px;\n height: 18px;\n }\n }\n\n // social app page css\n .tabs-scoial {\n &.border-tab {\n &.nav-tabs {\n .nav-item {\n .nav-link {\n padding: 10px 5px;\n font-size: 14px;\n }\n }\n }\n }\n }\n\n .user-profile {\n .hovercard {\n .user-image {\n .share-icons {\n right: 6px;\n top: -15px;\n\n li {\n .social-icon {\n width: 25px;\n height: 25px;\n\n i {\n font-size: 14px;\n }\n }\n }\n }\n }\n }\n }\n\n .social-chat {\n .other-msg {\n margin-left: 15px;\n }\n }\n\n .social-header {\n h5 {\n span.pull-right {\n display: none;\n }\n }\n }\n\n // timeline small page css\n .timeline-small {\n .media {\n .timeline-round {\n &.timeline-line-1 {\n &:after {\n bottom: -74px;\n height: 56px;\n }\n }\n\n &.small-line {\n &:after {\n bottom: -32px;\n height: 14px;\n }\n }\n\n &.medium-line {\n &:after {\n bottom: -59px;\n height: 40px;\n }\n }\n }\n\n .media-body {\n p {\n display: -webkit-box;\n text-overflow: ellipsis;\n -webkit-box-orient: vertical;\n overflow: hidden;\n -webkit-line-clamp: 4;\n }\n }\n }\n }\n\n .custom-card {\n .dashboard-card {\n padding-top: 0;\n }\n\n .card-profile {\n img {\n bottom: 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\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\n .btn {\n padding: 6px 4px;\n }\n }\n }\n\n .info-block {\n padding: 20px;\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\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 6px;\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 // 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\n span {\n font-size: 14px;\n }\n }\n }\n\n ul {\n li {\n span {\n text-align: right;\n }\n\n label {\n text-align: right;\n font-size: 14px;\n }\n }\n }\n\n .sub-total {\n li {\n .count {\n font-size: 14px;\n }\n }\n }\n }\n\n .checkout {\n .text-end {\n text-align: left !important;\n margin-top: 15px;\n }\n }\n}\n\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==========================**/","/**=====================\n 62. Responsive CSS Start\n==========================**/\n/* ========= min and max scss for 1200 to 1366 screen ========= */\n@media (max-width: 1800px) {\n .todo-wrap .todo-list-body .task-container div.d-flex {\n min-width: 240px;\n justify-content: flex-end;\n }\n .caller-img {\n display: none;\n }\n}\n@media screen and (max-width: 1660px) {\n .photos ul li {\n width: 26%;\n }\n .bar-chart canvas {\n width: 100% !important;\n }\n .chat-left-aside .people-list {\n height: 520px;\n }\n .caller-img {\n position: absolute;\n width: 100%;\n max-width: 100%;\n left: 15px;\n }\n .caller-img img {\n opacity: 0.7;\n }\n .timeline-small .media .timeline-round.timeline-line-1:after {\n bottom: -78px;\n }\n}\n@media screen and (max-width: 1600px) {\n .page-wrapper.horizontal-wrapper.material-type .page-header {\n max-width: 1320px;\n }\n .page-wrapper.horizontal-wrapper.material-type .page-body-wrapper .sidebar-wrapper,\n .page-wrapper.horizontal-wrapper.material-type .page-body-wrapper .page-body {\n max-width: 1320px;\n }\n}\n@media (max-width: 1470px) {\n .basic_table .table-responsive .table tbody tr td:nth-child(n+2) {\n min-width: 180px;\n }\n .signal-table.table-responsive .table tbody tr td:nth-child(n+2) {\n min-width: 240px;\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@media (max-width: 1280px) {\n .img-gallery-set1,\n .img-gallery-set5 {\n display: none;\n }\n .box-layout.page-wrapper.horizontal-wrapper .page-header {\n padding-left: unset;\n max-width: unset;\n left: unset;\n }\n .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper {\n width: unset;\n }\n}\n@media screen and (max-width: 1580px) and (min-width: 1200px) {\n .docs-buttons,\n .docs-toggles {\n flex: 0 0 100%;\n max-width: 100%;\n }\n}\n@media screen and (max-width: 1366px) and (min-width: 1200px) {\n .flot-chart-container-small {\n height: 227px;\n }\n .call-chat-sidebar {\n max-width: 262px;\n }\n .product-box .product-details {\n padding: 15px;\n }\n .product-box .product-details p {\n margin-bottom: 10px;\n }\n .flot-chart-container {\n height: 130px;\n }\n .custom-card .card-profile img {\n height: 115px;\n }\n .custom-card .profile-details h4 {\n font-size: 18px;\n }\n .custom-card .profile-details h6 {\n margin-bottom: 24px;\n }\n .custom-card .card-footer > div h3 {\n font-size: 18px;\n }\n .crm-activity {\n height: 291px;\n overflow-y: auto;\n }\n .crm-activity .media .media-body .dates {\n display: flex;\n }\n .chat-body {\n padding: 10px;\n }\n .chat-left-aside .people-list {\n height: 420px;\n }\n .chat-left-aside .people-list ul {\n max-height: 376px;\n overflow-y: auto;\n }\n .chat-left-aside .status-circle {\n top: 4px;\n left: 36px;\n }\n .blog-box .blog-details-main .blog-bottom-details {\n margin: 20px 10px;\n }\n .blog-box .blog-details-main .blog-social li {\n padding: 0px 10px;\n }\n .blog-bottom-content {\n display: none;\n }\n .blog-box.blog-shadow .blog-details {\n padding: 10px;\n }\n .browser-widget .media-img {\n margin-left: auto;\n margin-right: auto;\n margin-bottom: 15px;\n }\n .browser-widget img {\n height: 50px;\n }\n .alert-dismissible p {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n max-width: 181px;\n }\n .bootstrap-touchspin .touchspin-vertical-tab .input-group {\n width: 96% !important;\n }\n}\n@media only screen and (max-width: 1366px) {\n .page-wrapper .page-header .header-wrapper .nav-right > ul > li .profile-media .media-body {\n display: none;\n }\n .bookmark-wrap .task-sidebar {\n height: auto;\n }\n .grid-options ul li:last-child {\n display: none;\n }\n .product-wrapper-grid.list-view .product-box .product-img {\n width: 25%;\n }\n .cart .qty-box {\n width: 40%;\n }\n .alert-dismissible strong ~ p {\n display: inline;\n }\n .timeline-small .media .media-body p {\n width: 95%;\n }\n .map-js-height {\n height: 350px;\n }\n .chat-right-aside {\n flex: 0 0 60%;\n max-width: 60%;\n overflow: hidden;\n }\n .chat-right-aside .chat .chat-message .smiley-box {\n width: 45px;\n }\n .equal-height-xl {\n height: 517px;\n }\n .authentication-main .auth-innerright {\n background-size: cover;\n }\n .grp-btns {\n display: inline-block;\n }\n .button-builder .button-generator-bx {\n position: relative;\n width: 100%;\n }\n .page-builder .btn-group {\n display: inline-block;\n margin-bottom: 10px;\n }\n .page-builder .btn-grid {\n margin-bottom: 15px;\n margin-right: 0px;\n border-right: none;\n display: inline-block;\n }\n .page-builder .ge-canvas.ge-layout-desktop {\n margin-top: 50px;\n }\n .ecommerce-widget .total-num {\n font-size: 23px;\n letter-spacing: 0px;\n }\n .support-ticket-font .total-num {\n font-size: 22px;\n }\n .order-history table.dataTable.table thead th {\n padding-right: 50px;\n }\n .custom-card {\n padding: 15px;\n }\n .custom-card .card-social li a {\n padding: 12px;\n }\n .map-chart .chart-container {\n height: 300px;\n }\n .speed-chart .chart-container {\n height: 250px;\n margin-top: -40px;\n margin-bottom: 100px;\n }\n .candidcahrt {\n height: 360px;\n }\n .status-details h3 {\n font-size: 18px;\n }\n .chart-widget-top .total-value {\n font-size: 20px;\n }\n .status-widget .card-body {\n padding: 10px;\n }\n .browser-widget .media {\n flex-wrap: wrap;\n }\n .browser-widget .media .media-body h3 {\n font-size: 20px;\n }\n .browser-widget .media .media-body p {\n margin-bottom: 2px;\n }\n .browser-widget .media .media-body h4 {\n font-size: 20px;\n }\n .testimonial i {\n font-size: 46px;\n }\n .testimonial p {\n margin-top: 20px;\n }\n .redial-social-widget {\n width: 125px;\n height: 125px;\n }\n .redial-social-widget i {\n width: 100px;\n height: 100px;\n font-size: 35px;\n }\n .chat-body {\n padding: 10px;\n }\n .chat-left-aside .people-list {\n height: 490px;\n }\n .chat-left-aside .people-list ul {\n max-height: 434px;\n overflow-y: auto;\n }\n .status-circle {\n top: 4px;\n left: 37px;\n }\n .mega-menu .onhover-show-div {\n left: 164px;\n }\n .img-cropper .docs-toggles {\n margin-top: 8px;\n }\n .bootstrap-touchspin .dropdown-basic .dropdown .dropdown-content {\n left: -21px;\n }\n #advance-5_wrapper .dataTables_paginate {\n margin-bottom: 8px;\n }\n #batchDelete .jsgrid-grid-header .jsgrid-table .jsgrid-header-row .jsgrid-header-cell:first-child {\n width: 67px !important;\n }\n #batchDelete .jsgrid-grid-body .jsgrid-table .jsgrid-row .jsgrid-cell:first-child {\n width: 67px !important;\n }\n .reset-password-box .theme-form .form-group .btn {\n padding: 6px 22px;\n }\n}\n@media only screen and (max-width: 1366px) and (min-width: 1200px) {\n .page-wrapper.horizontal-wrapper.material-type .page-header {\n max-width: 1140px;\n }\n .page-wrapper.horizontal-wrapper.material-type .page-body-wrapper .sidebar-wrapper,\n .page-wrapper.horizontal-wrapper.material-type .page-body-wrapper .page-body {\n max-width: 1140px;\n }\n}\n@media only screen and (max-width: 1199.98px) {\n .onhover-dropdown.notification-down::before {\n display: none;\n }\n .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar .user-message ul li:last-child {\n display: block;\n }\n .md-sidebar .md-sidebar-toggle {\n display: block;\n }\n .md-sidebar .md-sidebar-aside {\n position: absolute;\n top: 40px;\n left: 0;\n opacity: 0;\n visibility: hidden;\n z-index: 3;\n width: 280px;\n }\n [dir=rtl] .md-sidebar .md-sidebar-aside {\n left: unset;\n right: 0;\n }\n .md-sidebar .md-sidebar-aside.open {\n opacity: 1;\n visibility: visible;\n }\n .md-sidebar .job-sidebar {\n background-color: var(--white);\n padding: 20px;\n }\n .md-sidebar .job-sidebar .faq-accordion.default-according {\n margin-bottom: 0;\n }\n .md-sidebar .job-sidebar .faq-accordion.default-according .row > div:last-child .card {\n margin-bottom: 0;\n }\n .file-sidebar {\n padding-right: 12px;\n }\n [dir=rtl] .file-sidebar {\n padding-right: 0;\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 .knowledgebase-bg {\n height: 400px;\n }\n .knowledgebase-search .form-inline {\n width: 400px;\n padding: 7px 45px;\n }\n .knowledgebase-search .form-inline svg {\n top: 14px;\n }\n .btn-group .btn {\n padding: 0.375rem 1.25rem;\n }\n .link-section > div.active > h6:before {\n content: \"\\f107\";\n transition: content 0.3s ease;\n }\n .link-section > div > h6 {\n position: relative;\n }\n .link-section > div > h6: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 .alert-theme {\n min-width: 420px;\n }\n .mega-menu-header .header-wrapper .vertical-mobile-sidebar {\n display: block;\n margin-right: 15px;\n }\n .page-wrapper .page-header .header-wrapper .nav-right {\n position: unset;\n padding: 0;\n }\n .page-wrapper .page-header .header-wrapper .nav-right > ul li .submenu li:first-child {\n padding-left: 15px !important;\n }\n .page-wrapper .page-header .header-wrapper .mobile-sidebar .switch-sm .switch {\n margin-top: 6px;\n }\n .photos ul li {\n width: auto;\n }\n .photos ul li:nth-child(3n) {\n margin-right: 15px;\n }\n .user-profile .hovercard .user-image .share-icons {\n position: absolute;\n right: 45px;\n top: -22px;\n }\n .user-profile .hovercard .user-image .share-icons li {\n color: #fff;\n font-size: 25px;\n }\n .user-profile .hovercard .user-image .share-icons li .social-icon {\n width: 40px;\n height: 40px;\n }\n .user-profile .hovercard .user-image .share-icons li .social-icon i {\n font-size: 18px;\n }\n .timeline-small .media .timeline-round.timeline-line-1:after {\n height: 33px;\n bottom: -52px;\n }\n .timeline-small .media .timeline-round.small-line:after {\n height: 18px;\n bottom: -34px;\n }\n .timeline-small .media .timeline-round.medium-line:after {\n height: 30px;\n bottom: -52px;\n }\n .timeline-small .media .media-body p {\n width: 100%;\n }\n .lg-mt-col {\n margin-top: 30px;\n }\n .xl-none {\n display: none;\n }\n .lg-mt {\n margin-top: 30px;\n }\n .product-wrapper-grid.list-view .product-box .product-img {\n width: 32%;\n }\n .debit-card {\n order: 1;\n }\n .typography .row div + div {\n margin-top: 30px;\n }\n .listing .card-body .row > div + div {\n margin-top: 30px;\n }\n .flot-chart-container {\n height: 200px;\n }\n .img-cropper #putData {\n margin-bottom: 10px;\n }\n .img-cropper .docs-toggles > .dropdown {\n margin-bottom: 0;\n }\n .error-wrapper .maintenance-icons li i {\n color: #E6E9EB;\n font-size: 40px;\n }\n .error-wrapper .maintenance-icons li:nth-child(2) i {\n font-size: 80px;\n margin-left: 90px;\n }\n .error-wrapper .maintenance-icons li:nth-child(3) i {\n font-size: 120px;\n margin-top: -75px;\n margin-right: 110px;\n }\n div.dataTables_wrapper div.dataTables_paginate ~ .dataTables_filter {\n display: block;\n width: 100%;\n margin-top: 20px;\n margin-bottom: 0;\n }\n .jvector-map-height {\n height: 280px;\n }\n .blog-list .blog-details p {\n margin-bottom: 5px;\n }\n .custom-card .card-profile .card-footer > div h3 {\n font-size: 18px;\n }\n .equal-height-lg {\n min-height: unset !important;\n }\n .mega-menu .onhover-show-div {\n height: 435px;\n overflow-x: scroll;\n left: 215px;\n }\n .mega-menu .mega-bg {\n display: none;\n }\n .mega-menu .lg-mt {\n margin-top: 25px;\n }\n .button-builder .button-generator-bx {\n position: relative;\n width: 100%;\n }\n .blog-single .comment-box ul .comment-social {\n margin-left: 0;\n }\n [dir=rtl] .blog-single .comment-box ul .comment-social {\n margin-left: unset;\n margin-right: 0;\n }\n .error-wrapper .maintenance-heading {\n margin-top: 30px;\n }\n .error-wrapper .maintenance-heading .headline {\n font-size: 50px;\n margin-top: -15%;\n margin-bottom: 0px;\n }\n .error-wrapper .maintenance-heading .cloud-second {\n margin-top: -25px;\n }\n .testimonial p {\n margin-top: 17px;\n }\n .browser-widget {\n padding: 0px;\n }\n .browser-widget img {\n height: 50px;\n }\n .browser-widget .media .media-body h4 {\n font-size: 17px;\n }\n .browser-widget .media .media-img {\n width: 100%;\n text-align: center;\n margin-bottom: 10px;\n }\n .crm-overall .overall-chart {\n height: 200px;\n }\n .product-table table.dataTable thead > tr > th {\n padding-right: 50px;\n }\n .chat-menu-icons {\n display: block;\n clear: both;\n }\n .chat-menu {\n right: 0;\n border-top: 1px solid #efefef;\n opacity: 0;\n transform: translateY(-30px);\n visibility: hidden;\n top: 60px;\n position: absolute !important;\n z-index: 3;\n background-color: #fff;\n transition: all linear 0.3s;\n }\n .chat-menu.show {\n opacity: 1;\n visibility: visible;\n transform: translateY(0px);\n transition: all linear 0.3s;\n padding-bottom: 25px;\n }\n .chat-right-aside {\n flex: 0 0 100%;\n max-width: calc(100% - 15px);\n overflow: hidden;\n }\n .icon-lists div {\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: 209px;\n }\n .like-comment-lg-mb {\n margin-bottom: 12px;\n }\n .ribbon-space-bottom {\n top: 9px;\n }\n .bootstrap-touchspin .touchspin-vertical-tab .input-group {\n width: 98.5% !important;\n }\n #batchDelete .jsgrid-grid-header .jsgrid-table .jsgrid-header-row .jsgrid-header-cell:first-child {\n width: 95px !important;\n }\n #batchDelete .jsgrid-grid-body .jsgrid-table .jsgrid-row .jsgrid-cell:first-child {\n width: 95px !important;\n }\n .profile-img-style #aniimated-thumbnials-3 {\n text-align: center;\n }\n .vertical-menu-mt {\n margin-top: 80px !important;\n }\n .vertical-menu-mt .xl-none {\n display: block;\n }\n .calendar-wrap .fc-day-grid-event {\n width: 87%;\n }\n .product-page-main .product-page-details h3 {\n font-size: 26px;\n }\n}\n@media only screen and (max-width: 1199px) and (min-width: 992px) {\n .page-wrapper.horizontal-wrapper.material-type .page-header {\n max-width: 930px;\n }\n .page-wrapper.horizontal-wrapper.material-type .page-body-wrapper .sidebar-wrapper,\n .page-wrapper.horizontal-wrapper.material-type .page-body-wrapper .page-body {\n max-width: 930px;\n }\n}\n@media only screen and (max-width: 991.98px) {\n .todo-list-wrapper #todo-list li .task-container .task-label {\n min-width: 460px;\n }\n table.dataTable.fixedHeader-locked, table.dataTable.fixedHeader-floating {\n left: 0 !important;\n width: 100% !important;\n max-width: unset !important;\n }\n table.dataTable.fixedHeader-locked tr, table.dataTable.fixedHeader-floating tr {\n display: flex;\n flex-wrap: wrap;\n }\n .simplebar-mask {\n top: 70px;\n }\n .project-cards .tab-content {\n margin-bottom: -20px;\n }\n .project-box {\n margin-bottom: 20px;\n }\n .page-wrapper.modern-type .simplebar-mask {\n top: 70px;\n }\n .page-wrapper.compact-sidebar .simplebar-mask {\n top: 87px;\n }\n .page-wrapper.compact-sidebar .page-header {\n margin-left: 0;\n width: calc(100% - 0px);\n }\n .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links li .sidebar-link.active ~ .sidebar-submenu {\n display: none !important;\n }\n .page-wrapper.compact-sidebar .page-body-wrapper .page-body {\n margin-top: 60px;\n }\n .page-wrapper.only-body .page-header .header-wrapper .search-full .Typeahead-menu {\n top: 65px;\n }\n .page-wrapper.advance-layout .page-body-wrapper .sidebar-wrapper {\n position: fixed !important;\n top: 0 !important;\n }\n .product-box .modal .modal-header .product-box .product-details {\n padding-left: 15px;\n padding-right: 15px;\n }\n .search-form .form-group:before {\n top: 33px;\n }\n .search-form .form-group:after {\n top: 35px;\n }\n .mobile-title.d-none {\n padding: 11px 30px 10px;\n }\n .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown {\n top: 50px;\n }\n .page-wrapper .page-header .header-wrapper .search-full input {\n line-height: 50px;\n }\n .page-wrapper .page-header .header-wrapper .search-full .form-group .close-search {\n top: 20px;\n }\n .page-wrapper .page-header .header-wrapper .search-full .form-group:before {\n top: 18px;\n }\n .page-wrapper .current_lang .lang span.lang-txt {\n display: none;\n }\n .customizer-contain {\n top: 62px;\n }\n .m-r-30 {\n margin-right: 20px;\n }\n .card.full-card {\n top: 60px;\n width: calc(100vw - 0px);\n }\n .vertical-mobile-sidebar {\n right: 75px;\n top: 18px;\n }\n .gallery {\n margin-bottom: -20px;\n }\n .my-gallery figure {\n margin-bottom: 20px;\n }\n #aniimated-thumbnials figure:nth-child(12), #aniimated-thumbnials figure:nth-child(11), #aniimated-thumbnials figure:nth-child(10), #aniimated-thumbnials figure:nth-child(9) {\n margin-bottom: 20px;\n }\n .photoswipe-pb-responsive {\n padding-bottom: 25px !important;\n }\n table.dataTable.fixedHeader-locked, table.dataTable.fixedHeader-floating {\n left: 0 !important;\n width: 100% !important;\n }\n .page-wrapper .section-space {\n padding: 60px 0;\n }\n .page-wrapper .card {\n margin-bottom: 30px;\n }\n .page-wrapper .card .card-header,\n .page-wrapper .card .card-body,\n .page-wrapper .card .card-footer {\n padding: 20px;\n }\n .page-wrapper .card .card-header .tab-content .m-t-30,\n .page-wrapper .card .card-body .tab-content .m-t-30,\n .page-wrapper .card .card-footer .tab-content .m-t-30 {\n margin-top: 20px !important;\n }\n .page-wrapper .card .card-header .tab-content .m-b-30,\n .page-wrapper .card .card-body .tab-content .m-b-30,\n .page-wrapper .card .card-footer .tab-content .m-b-30 {\n margin-bottom: 20px !important;\n }\n .page-wrapper .page-body-wrapper .footer-fix {\n margin-left: 0px;\n padding-right: 15px;\n width: calc(100% - 0px) !important;\n }\n .page-wrapper.compact-wrapper .page-header {\n margin-left: 0 !important;\n width: calc(100% - 0px) !important;\n }\n .page-wrapper.compact-wrapper .page-header .header-wrapper .maximize {\n display: none;\n }\n .page-wrapper.compact-wrapper .page-header .header-wrapper .header-logo-wrapper {\n display: flex;\n }\n .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar {\n position: unset;\n margin-right: 15px;\n border-right: 1px solid #ddd;\n padding-right: 15px;\n display: block;\n }\n .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar:before {\n display: none;\n }\n .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-nav {\n display: none;\n }\n .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper {\n top: 0;\n }\n .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover {\n transform: translate(-285px);\n }\n .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper {\n padding: 17px 30px;\n }\n .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper .back-btn {\n display: inline-block;\n float: right;\n font-size: 20px;\n color: #fff;\n cursor: pointer;\n }\n .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper .toggle-sidebar {\n display: none;\n }\n .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {\n height: calc(100vh - 95px);\n }\n .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon {\n transform: translate(-285px);\n }\n .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links {\n height: unset;\n }\n .page-wrapper.compact-wrapper .page-body-wrapper .page-body {\n margin-top: 78px;\n padding: 0 15px;\n }\n .page-wrapper.compact-sidebar .page-header .header-wrapper .maximize {\n display: none;\n }\n .page-wrapper.modern-type .page-header .header-wrapper .logo-wrapper {\n display: none;\n margin-right: 0;\n }\n .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper {\n margin: 0 !important;\n }\n .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper .logo-wrapper {\n display: block;\n }\n .page-wrapper.material-icon .page-header {\n padding-left: 0;\n }\n .page-wrapper.material-icon .page-body-wrapper .page-body {\n padding-left: 15px;\n }\n .page-wrapper .page-header .header-wrapper {\n margin: 0;\n padding: 12px 30px;\n }\n .page-wrapper .page-header .header-wrapper .nav-right .notification {\n top: 10px;\n }\n .page-wrapper .page-header .header-wrapper > .mobile-toggle {\n cursor: pointer;\n display: flex;\n align-items: center;\n }\n .page-wrapper .page-header .header-wrapper .header-logo-wrapper {\n margin-right: 0;\n }\n .page-wrapper .page-header .header-logo-wrapper .logo-wrapper img {\n margin-top: 0;\n }\n .page-body-wrapper .page-body,\n .page-body-wrapper footer {\n margin-left: 0 !important;\n }\n .page-body-wrapper .page-body #customer-review .owl-stage-outer,\n .page-body-wrapper footer #customer-review .owl-stage-outer {\n width: 100% !important;\n }\n .default-according .card {\n margin-bottom: 10px !important;\n }\n .default-according .card .card-header {\n padding: 0 !important;\n }\n .faq-wrap .faq-accordion.default-according .card .faq-header {\n padding: 20px 20px 0 !important;\n }\n .crm-activity > li + li {\n margin-top: 10px;\n padding-top: 10px;\n }\n .add-post .dropzone {\n margin-bottom: 20px;\n }\n .customers.avatar-group {\n margin-right: 20px;\n }\n .socialprofile .social-btngroup {\n margin: 20px 0;\n }\n .socialprofile .social-group {\n margin-top: 20px;\n }\n .social-status form .form-group .form-control-social {\n margin-bottom: 20px;\n }\n .social-status .media {\n margin-bottom: 20px;\n }\n .timeline-content p,\n .timeline-content .comments-box {\n margin-top: 20px;\n }\n .social-chat {\n margin-top: 20px;\n }\n .social-chat .media-body {\n padding: 20px;\n }\n .social-chat .your-msg,\n .social-chat .other-msg {\n margin-bottom: 20px;\n }\n .social-network span {\n margin-bottom: 20px;\n }\n .details-about + .details-about {\n margin-top: 20px;\n }\n .activity-log .my-activity + .my-activity {\n margin-top: 20px;\n }\n .new-users-social {\n margin-bottom: 20px;\n }\n .timeline-small .media {\n margin-bottom: 20px;\n }\n .timeline-small .media .media-body h6 {\n margin-bottom: 20px;\n }\n .timeline-small .media .media-body p {\n width: 75%;\n }\n .timeline-small .media .timeline-round {\n width: 45px;\n height: 45px;\n top: -14px;\n }\n .timeline-small .media .timeline-round.timeline-line-1:after {\n bottom: -41px;\n height: 25px;\n }\n .timeline-small .media .timeline-round.small-line:after {\n bottom: -26px;\n height: 14px;\n }\n .timeline-small .media .timeline-round.medium-line:after {\n bottom: -33px;\n height: 17px;\n }\n .timeline-small .media .timeline-round svg {\n top: 14px;\n }\n .helper-classes {\n padding: 20px;\n }\n .floated-customizer-btn,\n .floated-customizer-panel {\n display: none;\n }\n .page-builder .ge-canvas.ge-editing .row {\n padding: 20px;\n }\n .ecommerce-widget .progress-showcase {\n margin-top: 20px;\n }\n .crm-overall {\n margin: 0 -20px -20px;\n }\n .product-page-main {\n padding: 20px;\n }\n .grid-options ul li:nth-child(3) {\n display: none;\n }\n .feature-products form .form-group i {\n right: 20px;\n }\n .tilt-showcase .tilt-image {\n text-align: center;\n }\n .tilt-showcase .mt-4 {\n margin-top: 20px !important;\n }\n .todo .todo-list-wrapper .mark-all-tasks {\n top: 20px;\n right: 20px;\n }\n .custom-card {\n padding-bottom: 0;\n }\n .custom-card .card-footer {\n padding: 0 15px 15px 15px !important;\n }\n .custom-card .card-header {\n border: none;\n }\n .custom-card .dashboard-card {\n padding: 0;\n }\n .custom-card .card-profile img {\n height: 155px;\n }\n .display-1 {\n font-size: calc(30px + 34 * (100vw - 320px) / 880);\n }\n .display-2 {\n font-size: calc(25px + 31 * (100vw - 320px) / 880);\n }\n .display-3 {\n font-size: calc(20px + 20 * (100vw - 320px) / 880);\n }\n .display-4 {\n font-size: calc(15px + 9 * (100vw - 320px) / 880);\n }\n /*Form Wizard One start*/\n /*Form Wizard One ends*/\n /*Form Wizard Three Start*/\n /*Form Wizard Three ends*/\n /*Form Wizard Four Start*/\n /*Form Wizard Four ends*/\n}\n@media only screen and (max-width: 991.98px) and (max-width: 1200px) {\n .typography .h1 {\n font-size: calc(16px + 18 * (100vw - 320px) / 880);\n }\n}\n@media only screen and (max-width: 991.98px) {\n .typography .h2 {\n font-size: 30px;\n }\n}\n@media only screen and (max-width: 991.98px) and (max-width: 1200px) {\n .typography .h2 {\n font-size: calc(18px + 12 * (100vw - 320px) / 880);\n }\n}\n@media only screen and (max-width: 991.98px) {\n .typography .h3 {\n font-size: 22px;\n }\n}\n@media only screen and (max-width: 991.98px) and (max-width: 1200px) {\n .typography .h3 {\n font-size: calc(17px + 5 * (100vw - 320px) / 880);\n }\n}\n@media only screen and (max-width: 991.98px) {\n .typography .h4 {\n font-size: 20px;\n }\n}\n@media only screen and (max-width: 991.98px) and (max-width: 1200px) {\n .typography .h4 {\n font-size: calc(15px + 5 * (100vw - 320px) / 880);\n }\n}\n@media only screen and (max-width: 991.98px) {\n .typography .h5 {\n font-size: 18px;\n }\n}\n@media only screen and (max-width: 991.98px) and (max-width: 1200px) {\n .typography .h5 {\n font-size: calc(13px + 5 * (100vw - 320px) / 880);\n }\n}\n@media only screen and (max-width: 991.98px) {\n .typography .h6 {\n font-size: 15px;\n }\n}\n@media only screen and (max-width: 991.98px) and (max-width: 1200px) {\n .typography .h6 {\n font-size: calc(12px + 3 * (100vw - 320px) / 880);\n }\n}\n@media only screen and (max-width: 991.98px) {\n h1 {\n font-size: calc(20px + 14 * (100vw - 320px) / 880);\n }\n h2 {\n font-size: calc(18px + 10 * (100vw - 320px) / 880);\n }\n h3 {\n font-size: calc(17px + 9 * (100vw - 320px) / 880);\n }\n h4 {\n font-size: calc(17px + 5 * (100vw - 320px) / 880);\n }\n h5 {\n font-size: calc(15px + 3 * (100vw - 320px) / 880);\n }\n h6 {\n font-size: calc(12px + 3 * (100vw - 320px) / 880);\n }\n .card-absolute .card-header {\n padding: 10px 15px !important;\n }\n .comingsoon .comingsoon-inner .countdown .time {\n width: 80px;\n height: 80px;\n font-size: 26px;\n }\n .calendar-wrap .basic-calendar .external-events .fc-event + .fc-event {\n margin-top: 10px;\n }\n .owl-theme .owl-nav.disabled + .owl-dots {\n margin-bottom: -10px;\n margin-top: 15px;\n }\n .card .card-header h5 {\n font-size: 18px;\n }\n .card .card-header .card-header-right {\n top: 12px;\n right: 15px;\n }\n .page-builder .ge-addRowGroup {\n width: 100%;\n }\n .user-profile .hovercard .info .user-designation {\n margin-bottom: 20px;\n }\n .search-list {\n justify-content: center;\n }\n .blog-single .comment-box .comment-social li {\n padding-left: 15px;\n }\n .error-wrapper {\n padding: 35px 0;\n }\n .error-wrapper .sub-content {\n font-size: 14px;\n line-height: 25px;\n margin-top: 0px;\n }\n .error-wrapper .error-heading {\n margin-top: 30px;\n }\n .error-wrapper .error-heading .headline {\n font-size: 180px;\n margin-top: 0;\n }\n .error-wrapper .maintenance-heading {\n margin-top: 30px;\n }\n .editor_container .CodeMirror {\n min-height: 250px;\n height: 250px;\n }\n .search-page .info-block {\n flex-wrap: wrap;\n }\n .search-page .tab-content .pb-4 {\n padding-bottom: 20px !important;\n }\n .xl-none {\n display: block;\n }\n .top-radius-blog {\n width: 100%;\n }\n .sm-100-w {\n width: 100%;\n height: 100%;\n }\n .form-wizard .btn-mb {\n margin-bottom: 20px;\n }\n .f1 .f1-steps {\n margin-top: 20px;\n margin-bottom: 20px;\n }\n .wizard-4 ul.anchor {\n padding-right: 20px;\n width: 40%;\n }\n .wizard-4 ul.anchor li a.done h4:before {\n top: -8px;\n }\n .wizard-4 ul.anchor li h4 {\n padding: 11px 18px;\n width: 50px;\n }\n .wizard-4 ul.anchor li + li a {\n padding-left: 65px;\n }\n [dir=rtl] .wizard-4 ul.anchor li + li a {\n padding-right: 65px;\n }\n .wizard-4 .step-container {\n width: 60%;\n }\n .wizard-4 .step-container div.content .wizard-title {\n width: 380px;\n }\n .wizard-4 .login-card .login-main {\n width: 380px;\n }\n .wizard-4 .msg-box {\n top: 25px !important;\n }\n .border-tab.nav-tabs {\n margin-bottom: 20px;\n }\n .tab-content ~ .nav-tabs.border-tab {\n margin-top: 20px;\n }\n .dataTables_wrapper .dataTables_length {\n margin-bottom: 20px;\n }\n .dataTables_wrapper table.dataTable {\n margin-bottom: 20px !important;\n }\n .search-page .info-block + .info-block {\n padding-top: 20px;\n margin-top: 20px;\n }\n .search-page #video-links .embed-responsive + .embed-responsive {\n margin-top: 20px;\n }\n .lg-mt {\n margin-top: 20px;\n }\n .gallery-with-description {\n margin-bottom: -20px;\n }\n .gallery-with-description a > div {\n margin-bottom: 20px;\n }\n .clipboaard-container p {\n margin-bottom: 8px;\n }\n .m-b-30 {\n margin-bottom: 20px !important;\n }\n .nav-md-mt {\n margin-top: 20px;\n }\n .navs-icon {\n padding: 20px;\n }\n .navs-icon .main-section {\n padding-top: 20px;\n }\n .navs-icon .separator {\n margin: 20px 0;\n }\n .nav-list {\n padding: 20px;\n }\n .navs-dropdown button {\n margin-top: 20px;\n }\n .navs-dropdown .onhover-show-div {\n top: 68px;\n }\n .animated-modal .form-group {\n width: 100%;\n display: block;\n }\n .animated-modal .mr-4 {\n margin-right: 0 !important;\n }\n .steps-md-mt {\n margin-top: 20px;\n }\n .btn-group-wrapper .m-b-30:last-child {\n margin-bottom: 0 !important;\n }\n #advance-5_wrapper .dataTables_paginate {\n margin-bottom: 20px;\n }\n .card .card-body form.animated-modal {\n display: flex;\n }\n .card .card-body form.animated-modal .animated-modal-md-mb {\n margin-bottom: 20px !important;\n }\n .wizard-4 .msg-box {\n top: 40px;\n right: 0%;\n bottom: unset;\n left: unset;\n }\n .theme-form.form-inline {\n display: flex;\n }\n}\n@media only screen and (max-width: 991px) and (min-width: 768px) {\n .page-wrapper.compact-wrapper.material-type::before {\n height: 230px;\n }\n .page-wrapper.compact-wrapper.material-type .page-header {\n width: calc(100% - 60px) !important;\n margin: 50px auto 0 !important;\n }\n .page-wrapper.compact-wrapper.material-type .page-body-wrapper {\n margin: 0 30px;\n }\n .page-wrapper.compact-wrapper.material-type .page-body-wrapper div.sidebar-wrapper {\n left: 0;\n }\n .page-wrapper.compact-wrapper.material-type .page-body-wrapper .page-body {\n margin-top: 0;\n }\n}\n@media only screen and (max-width: 810px) {\n .page-wrapper .page-header .header-wrapper .nav-right > ul > li .profile-media .media-body {\n display: none;\n }\n}\n@media only screen and (max-width: 767.98px) {\n .page-wrapper.compact-wrapper .page-body-wrapper .page-body {\n margin-top: 62px;\n }\n .list-product .datatable-loading .datatable-top {\n display: none;\n }\n .left-sidebar-wrapper {\n padding: 10px;\n }\n .left-sidebar-wrapper .advance-options .chats-user {\n height: 200px;\n }\n .wizard-4 ul.anchor {\n width: 100%;\n height: auto;\n padding: 30px;\n }\n .wizard-4 .step-container {\n width: 100%;\n }\n .contact-editform {\n padding-left: 20px !important;\n }\n .event-calendar {\n display: block !important;\n }\n .event-calendar #right {\n width: 100%;\n }\n .event-calendar #calendar {\n clear: both;\n }\n .page-wrapper.material-type::before {\n display: none;\n }\n .page-wrapper.material-type .page-header {\n margin-top: 0;\n border-radius: 0;\n }\n .page-wrapper.material-type .page-body-wrapper .page-body {\n margin-top: 0 !important;\n }\n .page-wrapper.only-body .page-header .header-wrapper .nav-right > ul > li {\n margin-right: -2px;\n }\n .page-wrapper.only-body .page-header .header-wrapper .nav-right .nav-menus {\n margin-right: -10px;\n }\n .new-products .owl-carousel .product-box.row > div {\n width: auto;\n }\n .profile-media .media-body {\n display: none;\n }\n .form-inline .form-group:not(.form-control-search) {\n width: 100%;\n }\n .form-inline .form-group:not(.form-control-search) + .form-group {\n margin-top: 10px;\n }\n .form-inline .form-group:not(.form-control-search) input {\n width: 100%;\n }\n .credit-card .text-center img {\n margin-bottom: 20px;\n }\n .starter-kit-fix .page-body {\n margin-bottom: 78px;\n }\n .blog-box .blog-details-main .blog-social li {\n padding: 0 12px;\n }\n .blog-box .blog-details .blog-social li:first-child {\n padding-right: 25px;\n }\n .blog-box .blog-details .blog-social li + li {\n padding-left: 25px;\n }\n .footer-copyright ~ div {\n text-align: center;\n }\n .footer-copyright ~ div p {\n float: none;\n margin-top: 5px;\n }\n .user-profile .hovercard .user-image .share-icons {\n right: 25px;\n top: -19px;\n }\n .user-profile .hovercard .user-image .share-icons li .social-icon {\n width: 35px;\n height: 35px;\n }\n .tabs-scoial.border-tab.nav-tabs {\n display: flex;\n }\n .timeline-small .media .media-body p {\n width: 100%;\n }\n .my-gallery figure:nth-child(9), .my-gallery figure:nth-child(10) {\n margin-bottom: 20px;\n }\n .project-list .btn {\n float: left;\n margin-top: 5px;\n }\n .chat-left-aside .people-list ul {\n max-height: 100px;\n }\n .clockpicker-align-top {\n left: 55px !important;\n top: 470px !important;\n }\n .clockpicker-align-top .arrow {\n display: none;\n }\n .form-builder-column .form-body {\n min-height: 250px;\n }\n .form-builder-2-header {\n flex-wrap: wrap;\n }\n .form-builder-2-header > div {\n width: 100%;\n margin-top: 10px;\n }\n .form-builder-2-header > div nav {\n float: none;\n }\n .lg-mt-col {\n margin-top: 20px;\n }\n .form-builder .drag-box fieldset {\n padding: 20px;\n margin-top: 20px;\n }\n .form-builder #components {\n margin-top: 20px;\n }\n .form-builder .component label {\n padding-top: 0px;\n }\n .mega-menu .onhover-show-div {\n height: 415px;\n left: 0;\n top: 61px;\n padding: 20px;\n }\n .mega-menu .lg-mt {\n margin-top: 15px;\n }\n .page-builder .ge-canvas.ge-editing .ge-tools-drawer {\n margin: 10px 0 0 10px;\n }\n .page-builder .ge-canvas.ge-editing .ge-tools-drawer > a {\n padding: 0 5px;\n }\n .range-slider.theme-form .form-group {\n margin-bottom: 0;\n }\n .note-editor .btn-group .btn {\n font-size: 11px;\n }\n .text-md-right {\n text-align: right;\n }\n .star-ratings .stars {\n padding: 0;\n }\n .form-inline.d-inline-block {\n display: block !important;\n width: 100%;\n }\n .form-inline.d-inline-block .form-control {\n margin-bottom: 10px;\n }\n .reset-password-box {\n width: 500px;\n margin: 0 auto;\n }\n .reset-password-box .card {\n padding: 20px;\n }\n .custom-card .card-profile img {\n height: 136px;\n bottom: 0;\n }\n .error-wrapper .maintenance-icons li i {\n color: #E6E9EB;\n font-size: 30px;\n }\n .error-wrapper .maintenance-icons li:nth-child(2) i {\n font-size: 60px;\n margin-top: -10px;\n margin-left: 70px;\n }\n .error-wrapper .maintenance-icons li:nth-child(3) i {\n font-size: 90px;\n margin-right: 80px;\n }\n .authentication-main .auth-innerright {\n min-height: unset;\n padding: 0;\n }\n .authentication-main .auth-innerright .social-media li {\n font-size: 14px;\n }\n .loader-box {\n justify-content: center;\n }\n .dataTables_wrapper .dataTables_length {\n margin-bottom: 20px;\n }\n .dataTables_wrapper .dataTables_filter {\n margin-left: 0;\n margin-top: 0;\n margin-bottom: 20px;\n }\n div.dataTables_wrapper div.dataTables_info {\n padding-top: 0;\n }\n div.dataTables_wrapper div.dataTables_length label, div.dataTables_wrapper div.dataTables_filter label {\n float: none;\n }\n div.dataTables_wrapper div.dataTables_paginate {\n float: none;\n margin-top: 20px !important;\n margin-left: 0 !important;\n }\n .calendar-wrap .fc-basic-view .fc-day-number {\n padding: 0 0px !important;\n }\n .calendar-wrap .fc-events-container {\n margin-top: 0px;\n }\n .calendar-wrap .fc-events-container h6,\n .calendar-wrap .fc-events-container .checkbox {\n text-align: right;\n }\n .calendar-wrap .checkbox label {\n margin-top: 0;\n }\n .calendar-wrap .fc-toolbar .fc-left .fc-next-button .fc-icon-right-single-arrow:after {\n font-size: 12px !important;\n }\n .calendar-wrap .fc-toolbar .fc-left .fc-prev-button .fc-icon-left-single-arrow:after {\n font-size: 12px !important;\n }\n .calendar-wrap .fc-toolbar .fc-left .fc-today-button,\n .calendar-wrap .fc-toolbar .fc-right .fc-today-button {\n padding-top: 0px !important;\n }\n .calendar-wrap .fc {\n margin-top: 0px;\n }\n .calendar-wrap .fc button {\n font-size: 14px !important;\n padding: 0 5px !important;\n }\n .calendar-wrap .fc .fc-left {\n margin-bottom: 10px;\n }\n .calendar-wrap .fc .fc-toolbar > div {\n display: block !important;\n float: none !important;\n }\n .calendar-wrap .fc .fc-toolbar > * :first-child {\n font-size: 18px;\n }\n .calendar-wrap .fc .fc-toolbar > * > * {\n float: none !important;\n }\n .btn-group-wrapper {\n text-align: center;\n }\n .btn-group-wrapper .m-b-30 {\n margin-bottom: 15px !important;\n }\n .btn-group-showcase {\n text-align: center;\n }\n .btn-group-showcase .btn-group {\n margin-right: 0;\n margin-bottom: 15px;\n }\n .btn-group .btn {\n font-size: 14px;\n padding: 0.375rem 1.3rem;\n }\n .animate-widget .text-center {\n display: none;\n }\n .mega-menu .onhover-show-div {\n height: 350px;\n }\n .page-builder .ge-canvas .column {\n padding: 0 !important;\n }\n .page-builder .ge-content-type-ckeditor h3 {\n font-size: 20px;\n }\n .page-builder .ge-content-type-ckeditor p {\n font-size: 12px;\n }\n .page-builder .ge-row-icon {\n display: none !important;\n }\n /* font-awesom icon page */\n .icon-hover-bottom .form-group input {\n min-width: 270px;\n }\n .file-content .d-md-flex .flex-grow-1 {\n margin-top: 15px;\n text-align: center !important;\n }\n .user-profile .hovercard .cardheader {\n height: 350px;\n }\n .user-profile .hovercard .info {\n padding: 35px;\n }\n .user-profile .hovercard .info .ttl-info {\n margin-bottom: 20px;\n }\n .user-profile .hovercard .info .ttl-sm-mb-0 {\n margin-bottom: 0;\n }\n .calendar-wrap .fc button {\n padding: 5px;\n }\n .calendar-wrap .fc-day-grid-event {\n margin: 0;\n padding: 5px;\n width: inherit;\n }\n .calendar-wrap .fc-toolbar h2 {\n font-size: 20px;\n line-height: 35px;\n font-weight: bold;\n }\n .calendar-wrap .basic-calendar .external-events {\n margin-top: 0px;\n }\n .blog-single .comment-box .media h6 {\n margin-bottom: 10px;\n }\n .blog-single .comment-box .media img {\n margin-right: 30px;\n }\n .blog-single .comment-box .comment-social {\n margin-bottom: 5px;\n }\n .blog-single .comment-box .comment-social li:first-child {\n padding-left: 0;\n padding-right: 15px;\n }\n .search-page #image-links .info-block.m-t-30 {\n margin-top: 0 !important;\n }\n .authentication-main .authentication-box {\n width: 100%;\n }\n .authentication-main .auth-innerright {\n display: inherit;\n }\n .map-chart .chart-container {\n height: 300px;\n }\n .candidcahrt {\n height: 250px;\n }\n .bar-chart-widget .earning-details i {\n right: 0;\n }\n .serial-chart .chart-container {\n height: 300px;\n }\n .bottom-content {\n padding: 10px;\n }\n .bottom-content p {\n font-size: 12px;\n }\n .icon-hover-bottom .icon-popup {\n display: block;\n }\n .icon-hover-bottom .icon-popup > .icon-last {\n display: block;\n margin-top: 15px;\n }\n .icon-hover-bottom .icon-popup > .icon-last .form-inline .form-group {\n display: flex;\n }\n .icon-hover-bottom .icon-popup div .flag-icon {\n width: 30px;\n height: auto;\n }\n .icon-hover-bottom .form-group input {\n display: block;\n width: auto !important;\n }\n .footer-links {\n text-align: center;\n }\n .footer-copyright {\n text-align: center !important;\n }\n .jvector-map-height {\n height: 150px;\n }\n .sm-left-text {\n text-align: left !important;\n }\n [dir=rtl] .sm-left-text {\n text-align: right !important;\n }\n .alert-dismissible p {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n max-width: 294px;\n }\n .button-group-mb-sm {\n margin-bottom: 5px;\n }\n .card-block .table-responsive .table tbody tr td span {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n max-width: 100px;\n }\n .card-block .table-responsive .progress-content tbody tr td span {\n text-overflow: ellipsis;\n white-space: normal;\n max-width: 50px;\n }\n .card-block .table-responsive .checkbox-td-width tbody tr td,\n .card-block .table-responsive .radio-first-col-width tbody tr td {\n min-width: 200px !important;\n }\n #batchDelete .jsgrid-grid-header .jsgrid-table .jsgrid-header-row .jsgrid-header-cell:first-child {\n width: 119px !important;\n }\n #batchDelete .jsgrid-grid-body .jsgrid-table .jsgrid-row .jsgrid-cell:first-child {\n width: 119px !important;\n }\n .jsgrid .jsgrid-pager-container {\n text-align: center;\n }\n .hovercard .info .follow .text-md-right {\n text-align: center;\n }\n .profile-img-style .like-comment-sm-mb {\n margin-bottom: 20px;\n }\n .reset-password-box .theme-form .form-group .btn {\n margin-top: 15px !important;\n }\n .lg-outer .lg-actions .lg-next,\n .lg-outer .lg-actions .lg-prev {\n top: 48%;\n }\n .feature-products .filter-toggle {\n padding: 8px 15px;\n background-color: #fff;\n margin-left: 10px;\n border-radius: 5px;\n }\n .feature-products .select2-drpdwn-product {\n float: left;\n margin-right: 10px;\n margin-top: 8px;\n }\n [dir=rtl] .feature-products .select2-drpdwn-product {\n float: right;\n margin-right: unset;\n margin-left: 10px;\n }\n .feature-products span.f-w-600 {\n padding-top: 15px;\n display: inline-block;\n }\n .feature-products .text-right {\n text-align: left !important;\n }\n .d-none-productlist {\n display: block;\n margin-right: 10px;\n }\n .grid-options ul li {\n display: none;\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: 3;\n width: 300px;\n }\n .product-sidebar.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 .product-sidebar.open:before, .product-sidebar.open:after {\n content: \"\";\n position: absolute;\n width: 0;\n height: 0;\n border-left: 7px solid transparent;\n border-right: 7px solid transparent;\n border-bottom: 7px solid #fff;\n right: 120px;\n top: -7px;\n }\n .product-sidebar .filter-section .card-header {\n display: none;\n }\n .product-wrapper.sidebaron .product-grid .product-wrapper-grid {\n margin-left: 0;\n }\n .product-wrapper.sidebaron .product-sidebar .filter-section .card .left-filter {\n top: unset;\n min-width: unset;\n }\n .product-wrapper-grid.list-view .product-box .product-img {\n width: 42%;\n }\n .product-filter .product-box {\n flex-wrap: nowrap;\n }\n .product-filter .product-box .product-img {\n width: 100px;\n }\n .product-filter .product-box .product-details {\n padding: 0 !important;\n }\n}\n@media only screen and (max-width: 575.98px) {\n .todo .todo-list-wrapper .mark-all-tasks .mark-all-tasks-container {\n display: none;\n }\n .border-tab.nav-tabs {\n display: block;\n }\n .page-wrapper .page-header .header-wrapper .search-full input {\n padding-left: 30px;\n line-height: 40px;\n }\n .page-wrapper .page-header .header-wrapper .search-full .form-group::before {\n top: 14px;\n left: 12px;\n }\n .page-wrapper .page-header .header-wrapper .search-full .form-group .close-search {\n top: 18px;\n right: 0;\n width: 18px;\n height: 18px;\n }\n .page-wrapper.only-body .page-header .header-wrapper .nav-right {\n right: 30px;\n }\n .date-picker .theme-form > .row > div:last-child {\n margin-top: 0;\n }\n .search-page .info-block {\n display: block;\n }\n .form-bookmark .row > div .row > .col-sm-6 + .col-sm-6 {\n margin-top: 10px;\n }\n .btn {\n padding: 6px 16px;\n }\n .alert-theme {\n min-width: 380px;\n }\n .knowledgebase-bg {\n height: 250px;\n }\n .login-card .login-main .theme-form .or:before {\n width: 55%;\n }\n .knowledgebase-search {\n width: calc(100% - 30px);\n left: 18px;\n height: calc(100% - 30px);\n background-color: rgba(255, 255, 255, 0.7);\n }\n .knowledgebase-search .form-inline {\n width: 90%;\n padding: 3px 45px;\n }\n .knowledgebase-search .form-inline svg {\n top: 10px;\n }\n .knowledgebase-search > div {\n width: 100%;\n text-align: center;\n padding: 15px;\n border-right: 10px;\n }\n .knowledgebase-search > div h3 {\n font-size: 20px;\n margin-bottom: 0;\n }\n .knowledgebase-search > div .form-group {\n margin-bottom: 0;\n }\n .invoice .text-md-end {\n margin-top: 10px;\n }\n .invoice .text-right {\n text-align: right;\n }\n .invoice .text-xs-center {\n text-align: center;\n }\n .login-card {\n padding-top: 40px;\n padding-bottom: 40px;\n }\n .login-card .logo {\n margin-bottom: 10px;\n }\n .login-card .login-main {\n width: auto;\n padding: 20px;\n }\n .login-card .login-main .theme-form .form-group {\n margin-bottom: 5px;\n }\n .login-card .login-main .theme-form p {\n margin-bottom: 5px;\n }\n .login-card .btn-showcase .btn {\n width: 100%;\n }\n .login-card .btn-showcase .btn + .btn {\n margin-left: 0;\n margin-top: 5px;\n }\n .bookmark ul li a svg {\n height: 16px;\n width: 16px;\n }\n .bookmark ul li + li {\n margin-left: 5px;\n }\n .page-wrapper .page-header .header-wrapper .nav-right > ul > li {\n padding: 4px 6px;\n }\n .page-header .header-wrapper .nav-right .cart-box .badge,\n .page-header .header-wrapper .nav-right .notification-box .badge {\n font-size: 10px;\n }\n .page-wrapper .page-body-wrapper .page-title > .row .col-6:first-child {\n display: block;\n }\n .page-wrapper .page-body-wrapper .page-title > .row .col-6:first-child h3 {\n padding-right: 0;\n }\n .page-wrapper .page-header .header-wrapper .nav-right ul li i {\n font-size: 14px !important;\n }\n .page-wrapper .page-header .header-wrapper .nav-right ul li svg {\n width: 24px;\n height: 24px;\n }\n .page-wrapper .page-header .header-wrapper .nav-right ul li .notification-box svg {\n width: 24px !important;\n height: 24px !important;\n }\n .page-wrapper .page-header .header-wrapper .nav-right ul li .mode svg {\n height: 24px;\n width: 24px;\n }\n .page-wrapper .page-header .header-wrapper .nav-right ul li span.badge {\n padding: 2px 4px;\n font-size: 10px;\n }\n .page-wrapper .page-body-wrapper .page-title .breadcrumb {\n margin-top: 0;\n justify-content: flex-end;\n }\n .page-wrapper.compact-wrapper .page-header .header-wrapper .logo-wrapper, .page-wrapper.compact-sidebar .page-header .header-wrapper .logo-wrapper {\n display: none;\n }\n .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar, .page-wrapper.compact-sidebar .page-header .header-wrapper .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 .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar svg, .page-wrapper.compact-sidebar .page-header .header-wrapper .toggle-sidebar svg {\n width: 18px;\n }\n .page-wrapper.compact-sidebar .sidebar-wrapper .back-btn {\n display: none;\n }\n .page-wrapper.compact-sidebar .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {\n margin-right: 0;\n }\n .page-wrapper .page-header .header-wrapper {\n padding: 12px 15px !important;\n }\n .page-wrapper .page-header .header-wrapper .nav-right > ul {\n top: 58px;\n }\n .page-wrapper .page-header .header-wrapper .nav-right > ul .search-form i {\n display: none;\n }\n .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li.px-0 {\n padding: 6px !important;\n }\n .page-wrapper .page-header .header-wrapper .nav-right > ul li .flag-icon {\n font-size: 14px !important;\n }\n .page-wrapper .page-header .header-wrapper .nav-right > ul li .profile-media img {\n width: 30px;\n height: 30px;\n }\n .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown.onhover-show-div:before, .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown.onhover-show-div:after {\n left: 24px !important;\n right: unset !important;\n }\n .page-wrapper .page-body-wrapper .page-title .btn-group .btn {\n padding: 8px 30px;\n }\n .page-wrapper.compact-wrapper .page-body-wrapper .page-body {\n margin-top: 57px;\n }\n .page-wrapper.compact-wrapper .page-body-wrapper.sidebar-wrapper .sidebar-main .sidebar-links {\n height: calc(100vh - 79px);\n }\n .alert-dismissible {\n padding-right: 30px;\n }\n .alert-dismissible p {\n max-width: 102px;\n }\n .customizer-links {\n display: none;\n }\n .m-r-30 {\n margin-right: 15px;\n }\n .wishlist .text-end {\n text-align: left !important;\n }\n .add-post form .m-checkbox-inline label {\n margin-right: 15px;\n }\n .add-post .dropzone {\n margin-bottom: 15px;\n }\n .wizard-4 .msg-box {\n top: 10px !important;\n }\n .wizard-4 .login-card .login-main {\n width: 280px;\n }\n .wizard-4 .step-container div.content .wizard-title {\n width: 280px;\n }\n .wizard-4 .action-bar {\n right: 10px;\n }\n .wizard-4 .action-bar [dir=rtl] {\n left: 10px;\n }\n .customers.avatar-group {\n margin-right: 15px;\n }\n .vertical-mobile-sidebar {\n top: 19px;\n }\n .alert-theme i {\n margin-right: 10px !important;\n }\n .alert-theme button {\n top: 0px !important;\n }\n .bar-chart-widget .earning-details i {\n right: -30px;\n }\n .clockpicker-align-top {\n left: 45px !important;\n top: 406px !important;\n }\n .gallery {\n margin-bottom: -15px;\n }\n .my-gallery figure {\n margin-bottom: 15px;\n }\n .my-gallery figure:nth-child(9), .my-gallery figure:nth-child(10) {\n margin-bottom: 15px;\n }\n .my-gallery.gallery-with-description figure:last-child {\n margin-bottom: 20px;\n }\n #aniimated-thumbnials figure:nth-child(12), #aniimated-thumbnials figure:nth-child(11), #aniimated-thumbnials figure:nth-child(10), #aniimated-thumbnials figure:nth-child(9) {\n margin-bottom: 15px;\n }\n .photoswipe-pb-responsive {\n padding-bottom: 30px !important;\n }\n .avatar-showcase .pepole-knows {\n text-align: center;\n }\n .avatar-showcase .pepole-knows ul li {\n margin-right: 14px;\n }\n .social-app-profile .hovercard .user-image .avatar {\n margin-top: -56px;\n }\n .social-app-profile .hovercard .user-image .avatar img {\n width: 100px;\n height: 100px;\n }\n .social-app-profile .hovercard .user-image .icon-wrapper {\n left: 52%;\n top: 10px;\n height: 30px;\n width: 30px;\n font-size: 15px;\n }\n .social-app-profile .hovercard .user-image .icon-wrapper:hover {\n font-size: 12px;\n }\n .social-app-profile .hovercard .user-image .share-icons {\n right: 15px;\n }\n .social-app-profile .hovercard .user-image .share-icons li {\n margin-right: 0px;\n }\n .social-app-profile .hovercard .info .tabs-scoial .user-designation {\n border-top: none;\n border-bottom: none;\n margin-bottom: 0;\n padding: 0px 0px;\n }\n .social-app-profile .tabs-scoial {\n margin-bottom: 0 !important;\n }\n .socialprofile .social-btngroup {\n margin: 15px 0;\n }\n .socialprofile .social-group {\n margin-top: 15px;\n }\n .social-status form .form-group .form-control-social {\n margin-bottom: 15px;\n }\n .social-status .media {\n margin-bottom: 15px;\n }\n .new-users-social {\n margin-bottom: 15px;\n }\n .tabs-scoial {\n position: relative;\n padding-top: 80px;\n }\n .tabs-scoial li:nth-child(3) {\n position: absolute;\n top: 25px;\n left: 0;\n right: 0;\n margin: 0 auto;\n }\n .tabs-scoial.border-tab.nav-tabs .nav-item .nav-link {\n padding: 10px;\n height: 60px;\n }\n .timeline-content p,\n .timeline-content .comments-box {\n margin-top: 15px;\n }\n .timeline-content .comments-box .media .m-r-20 {\n margin-right: 10px;\n }\n .timeline-content .comments-box .media .media-body .input-group .input-group-append .btn {\n padding: 6px;\n }\n .timeline-content .comment-number i {\n margin-right: 15px;\n }\n #cd-timeline {\n margin-right: 0;\n }\n .social-chat {\n margin-top: 15px;\n }\n .social-chat .media-body {\n padding: 15px;\n }\n .social-chat .your-msg,\n .social-chat .other-msg {\n margin-bottom: 15px;\n }\n .social-network span {\n margin-bottom: 15px;\n }\n .social-list .media {\n margin-bottom: 15px;\n }\n .details-about + .details-about {\n margin-top: 15px;\n }\n .your-details-xs {\n margin-top: 15px;\n }\n .social-header h5 span.pull-right {\n float: right !important;\n margin-top: 0 !important;\n }\n .social-header h5 span.pull-right svg {\n width: 18px;\n height: 18px;\n }\n .activity-log .my-activity + .my-activity {\n margin-top: 15px;\n }\n .photos ul li {\n width: 26%;\n }\n .photos ul li:nth-child(3n) {\n margin-right: 0;\n }\n .timeline-small .media {\n margin-bottom: 15px;\n }\n .timeline-small .media .media-body h6 {\n margin-bottom: 15px;\n }\n .timeline-small .media .timeline-round.timeline-line-1:after {\n bottom: -39px;\n height: 30px;\n }\n .timeline-small .media .timeline-round.small-line:after {\n bottom: -17px;\n height: 8px;\n }\n .timeline-small .media .timeline-round.medium-line:after {\n bottom: -30px;\n height: 22px;\n }\n .helper-classes {\n padding: 15px;\n }\n .form-builder-2-header ul li {\n text-align: left;\n }\n .form-builder-2-header .form-inline {\n display: block;\n width: 100%;\n }\n .form-builder-2-header .form-inline .form-group {\n width: 100%;\n margin-right: 0;\n }\n .form-builder-2-header .form-inline button {\n width: 100%;\n text-align: left;\n }\n .page-builder .btn-grid {\n margin-bottom: 7px;\n padding-right: 5px;\n }\n .page-builder .ge-canvas.ge-editing .row {\n padding: 15px;\n }\n .page-builder .ge-canvas.ge-editing .ge-tools-drawer {\n margin: 10px;\n }\n .page-builder .ge-canvas.ge-layout-desktop [class*=col-] {\n width: inherit !important;\n }\n .wizard-4 .step-container div.content {\n margin-top: 10px;\n }\n .nav-tabs .nav-item.show .nav-link {\n border-top: 0;\n border-bottom: 0;\n }\n .nav-tabs .nav-link {\n border-top: 0;\n border-bottom: 0;\n }\n .nav-tabs .nav-link:hover, .nav-tabs .nav-link.active, .nav-tabs .nav-link:focus {\n border-top: 0;\n border-bottom: 0;\n }\n .border-tab.nav-tabs .nav-item {\n width: 100% !important;\n }\n .border-tab .ecommerce-widget .progress-showcase {\n margin-top: 15px;\n }\n .nav {\n display: inherit;\n text-align: center;\n border-bottom: none;\n }\n .editor_container .CodeMirror {\n min-height: 190px;\n height: 190px;\n }\n .order-history table.dataTable.table thead th {\n padding-right: 60px;\n }\n .border-tab.nav-left .nav-link {\n text-align: center;\n border-left: none;\n }\n .border-tab.nav-right .nav-link {\n text-align: center;\n border-right: none;\n }\n .border-tab.nav-tabs {\n margin-bottom: 10px;\n }\n .tab-content ~ .nav-tabs.border-tab {\n margin-top: 10px;\n }\n .nav-pills {\n text-align: center;\n }\n .crm-overall {\n margin: 0 -15px -15px;\n }\n .product-color li {\n width: 15px;\n height: 15px;\n }\n .product-social li a {\n width: 30px;\n height: 30px;\n font-size: 13px;\n }\n .product-social li:nth-child(n+2) {\n margin-left: 5px;\n }\n [dir=rtl] .product-social li:nth-child(n+2) {\n margin-left: unset;\n margin-right: 5px;\n }\n .product-page-main {\n padding: 15px;\n }\n .product-page-main .product-page-details h3 {\n font-size: 24px;\n }\n .todo .action-box.large {\n height: 25px;\n width: 25px;\n }\n .todo .action-box.large .icon {\n font-size: 14px;\n vertical-align: -3px;\n }\n .todo .todo-list-wrapper #todo-list li .task-container .task-label {\n font-size: 14px;\n }\n .todo .todo-list-wrapper .mark-all-tasks {\n right: 15px;\n }\n .datetime-picker label {\n text-align: left !important;\n }\n .redial-chart-block {\n text-align: center;\n }\n #nav-tabContent {\n margin-top: 15px;\n }\n .reset-password-box {\n width: 430px;\n }\n .auth-bg {\n padding: 25px 15px;\n }\n .auth-bg-effect {\n display: none;\n }\n .date-picker .text-right {\n text-align: left !important;\n }\n .dataTables_wrapper table.dataTable {\n margin-bottom: 15px !important;\n }\n ul.pagination li:before {\n line-height: 3;\n }\n div.table-responsive > div.dataTables_wrapper > div.row > div[class^=col-]:last-child {\n padding-left: 0 !important;\n }\n div.table-responsive > div.dataTables_wrapper > div.row > div[class^=col-]:first-child {\n padding-right: 0 !important;\n }\n div.dataTables_wrapper div.dataTables_length {\n margin-bottom: 15px;\n }\n div.dataTables_wrapper div.dataTables_length select {\n min-height: 30px;\n }\n div.dataTables_wrapper table.dataTable th,\n div.dataTables_wrapper table.dataTable td {\n padding: 0.5rem;\n }\n div.dataTables_wrapper div.dataTables_paginate {\n margin-top: 15px !important;\n }\n div.dataTables_wrapper div.dataTables_paginate .paginate_button {\n padding: 1px 7px;\n }\n div.dataTables_wrapper div.dataTables_paginate .paginate_button.previous {\n font-size: 0;\n padding: 0;\n }\n div.dataTables_wrapper div.dataTables_paginate .paginate_button.previous a {\n border: none !important;\n }\n div.dataTables_wrapper div.dataTables_paginate .paginate_button.previous:before {\n content: \"\\e64a\";\n font-family: themify;\n font-size: 11px;\n padding: 0 5px;\n }\n div.dataTables_wrapper div.dataTables_paginate .paginate_button.next {\n font-size: 0;\n padding: 0;\n }\n div.dataTables_wrapper div.dataTables_paginate .paginate_button.next a {\n border: none !important;\n }\n div.dataTables_wrapper div.dataTables_paginate .paginate_button.next:before {\n content: \"\\e649\";\n font-family: themify;\n font-size: 11px;\n padding: 0 5px;\n }\n div.dataTables_wrapper .dataTables_filter {\n margin-bottom: 15px;\n }\n div.dataTables_wrapper .dataTables_filter input[type=search] {\n height: 30px;\n }\n .page-wrapper .page-body-wrapper .user-profile .profile-img-style {\n padding: 15px;\n }\n .page-wrapper .page-body-wrapper .user-profile .profile-img-style .img-container {\n margin-top: 15px;\n }\n .page-wrapper .page-body-wrapper .user-profile hr {\n margin: 15px 0;\n }\n .page-wrapper .page-body-wrapper .user-profile .like-comment {\n margin-top: 15px;\n }\n .jvector-map-height {\n height: 250px;\n }\n .user-profile .order-sm-0 {\n order: -1;\n }\n .user-profile .hovercard .info .ttl-info {\n text-align: center !important;\n }\n .user-profile .hovercard .info .ttl-xs-mt {\n margin-top: 20px;\n }\n .icon-hover-bottom .form-group {\n display: block !important;\n margin-bottom: 0;\n }\n .icon-hover-bottom .form-group input {\n width: 100% !important;\n }\n .icon-hover-bottom .form-group .btn {\n margin-top: 15px;\n }\n .icon-hover-bottom .icon-popup {\n padding: 15px;\n }\n .icon-hover-bottom svg.climacon {\n height: 50px;\n width: 50px;\n }\n .blog-box.blog-shadow:before {\n box-shadow: inset 0px -100px 100px -13px rgba(0, 0, 0, 0.6);\n }\n .blog-box .blog-details p,\n .blog-box .blog-details .single-blog-content-top {\n margin-top: 15px;\n }\n .blog-box .blog-details h4 {\n margin-top: 15px;\n }\n .blog-box .blog-details .blog-social {\n margin-top: 15px;\n }\n .blog-box .blog-details .blog-social li + li {\n padding-left: 20px;\n }\n .blog-box .blog-details .blog-social li + li > span {\n display: none;\n }\n .blog-box .blog-details .blog-social li:first-child {\n margin-right: 10px;\n padding-right: 20px;\n }\n .comment-box {\n padding-top: 40px;\n padding-bottom: 40px;\n }\n .comment-box ul ul {\n margin-left: 30px;\n }\n .comment-box li .media {\n display: block;\n }\n .comment-box li .media img {\n height: 50px;\n width: 50px;\n padding: 3px;\n margin-bottom: 10px;\n }\n .ace-editor {\n height: 320px;\n }\n .gallery > a {\n margin-bottom: 15px;\n text-align: center;\n }\n .card .card-header h5 {\n font-size: 17px;\n }\n .theme-form .form-group {\n margin-bottom: 15px;\n }\n .page-wrapper .page-body-wrapper .default-according .card .card-header,\n .page-wrapper .page-body-wrapper .default-according .card .card-body,\n .page-wrapper .page-body-wrapper .default-according .card .card-footer {\n padding: 0.75rem 1.25rem;\n }\n .page-wrapper .page-body-wrapper .card {\n margin-bottom: 20px;\n }\n .page-wrapper .page-body-wrapper .card .card-header .tab-content .m-t-30,\n .page-wrapper .page-body-wrapper .card .card-body .tab-content .m-t-30,\n .page-wrapper .page-body-wrapper .card .card-footer .tab-content .m-t-30 {\n margin-top: 20px !important;\n }\n .page-wrapper .page-body-wrapper .card .card-header .tab-content .m-b-30,\n .page-wrapper .page-body-wrapper .card .card-body .tab-content .m-b-30,\n .page-wrapper .page-body-wrapper .card .card-footer .tab-content .m-b-30 {\n margin-bottom: 20px !important;\n }\n .page-wrapper .page-body-wrapper .page-body {\n padding: 0 !important;\n }\n .page-wrapper .page-body-wrapper .page-title {\n padding-top: 15px;\n padding-bottom: 15px;\n }\n .page-wrapper .page-body-wrapper .page-title .row h3 {\n font-size: 20px;\n }\n /* alert responsive css start here */\n .alert-primary.inverse {\n background-color: transparent;\n }\n .alert-secondary.inverse {\n background-color: transparent;\n }\n .alert-success.inverse {\n background-color: transparent;\n }\n .alert-danger.inverse {\n background-color: transparent;\n }\n .alert-warning.inverse {\n background-color: transparent;\n }\n .alert-info.inverse {\n background-color: transparent;\n }\n .alert-light.inverse {\n background-color: transparent;\n }\n .alert-dark.inverse {\n background-color: transparent;\n }\n .alert .close {\n height: 100%;\n }\n .user-profile hr {\n margin: 15px 0;\n }\n .user-profile .hovercard .cardheader {\n height: 300px;\n }\n .user-profile .hovercard .info {\n padding: 20px;\n }\n .user-profile .hovercard .info .user-designation {\n border-top: 1px solid #E6E9EB;\n border-bottom: 1px solid #E6E9EB;\n margin-bottom: 15px;\n padding: 15px 0px;\n }\n .user-profile .hovercard .social-media a {\n margin-right: 0px;\n font-size: 16px;\n }\n .user-profile .hovercard .follow .follow-num {\n font-size: 20px;\n }\n .user-profile .profile-img-style .pictures img {\n margin-bottom: 10px;\n }\n .custom-card .card-footer > div h6 {\n font-size: 14px;\n font-weight: 600;\n }\n .custom-card .card-footer > div h3 {\n font-size: 24px;\n }\n .calendar-wrap .fc-toolbar .fc-center {\n margin-top: 10px;\n }\n .calendar-wrap a.fc-more {\n font-size: 0.7em;\n }\n .mega-inline {\n display: block;\n }\n .megaoptions-border-space-sm {\n padding-bottom: 30px !important;\n }\n .blog-box.blog-shadow .blog-details {\n padding: 15px;\n }\n .blog-box.blog-shadow .blog-details p {\n margin-bottom: 0;\n }\n .blog-box.blog-shadow .blog-details h4 {\n margin-bottom: 10px;\n }\n .blog-box.blog-list .blog-details {\n padding-top: 0;\n }\n .blog-box .blog-details {\n padding: 20px;\n }\n .blog-box .blog-date span {\n font-size: 25px;\n }\n .blog-single .blog-box .blog-details {\n padding: 0;\n }\n .error-wrapper {\n padding: 20px 0;\n }\n .error-wrapper .btn {\n margin-top: 15px;\n }\n .error-wrapper .img-100 {\n width: 50px !important;\n }\n .error-wrapper .error-heading {\n margin-top: 20px;\n }\n .error-wrapper .error-heading .cloud-second {\n margin-top: -60px;\n }\n .error-wrapper .error-heading .headline {\n font-size: 150px;\n }\n .error-wrapper .maintenance-heading .cloud-second {\n display: none;\n }\n .error-wrapper .maintenance-heading .headline {\n font-size: 25px;\n margin-top: -10%;\n letter-spacing: 2px;\n }\n .comingsoon .comingsoon-inner .coming-soon-bottom-link {\n margin-top: 20px;\n line-height: 1;\n }\n .comingsoon .comingsoon-inner h5 {\n margin-bottom: 20px;\n margin-top: 20px;\n }\n .comingsoon .comingsoon-inner .countdown {\n padding: 20px 0px;\n }\n .comingsoon .comingsoon-inner .countdown ul li {\n margin: 0 7px;\n }\n .comingsoon .comingsoon-inner .countdown .title {\n font-size: 12px;\n }\n .comingsoon .comingsoon-inner .countdown .time {\n width: 45px;\n height: 45px;\n line-height: 45px;\n font-size: 16px;\n margin: 0 auto;\n }\n .stepwizard {\n margin-bottom: 15px;\n }\n .f1 .f1-steps {\n margin-top: 15px;\n margin-bottom: 15px;\n }\n .wizard-4 ul.anchor {\n width: 100%;\n padding-bottom: 15px;\n }\n .wizard-4 .step-container {\n width: 100%;\n }\n .status-widget .text-sm-right {\n text-align: right;\n }\n .mega-menu {\n padding-left: 15px;\n }\n .mega-menu .onhover-show-div {\n height: 405px;\n left: 0;\n top: 61px;\n padding: 15px;\n }\n .mega-menu .lg-mt {\n margin-top: 10px;\n }\n .mega-menu .xs-mt {\n margin-top: 15px;\n }\n .nav-md-mt {\n margin-top: 15px;\n }\n .navs-icon {\n padding: 15px;\n }\n .navs-icon .main-section {\n padding-top: 15px;\n }\n .navs-icon .separator {\n margin: 15px 0;\n }\n .nav-list {\n padding: 15px;\n }\n .navs-dropdown button {\n margin-top: 15px;\n }\n .navs-dropdown .onhover-show-div {\n top: 64px;\n }\n .lg-mt {\n margin-top: 15px;\n }\n #aniimated-thumbnials a:last-child img {\n margin-bottom: 15px;\n }\n .tilt-showcase .mt-4 {\n margin-top: 15px !important;\n }\n .tilt-showcase ol .m-b-20 {\n margin-bottom: 15px !important;\n }\n .xs-mt {\n margin-top: 15px;\n }\n span:last-child.tag-pills-sm-mb {\n margin-top: 3px;\n }\n .animated-modal .form-group .form-control {\n width: 50%;\n margin: 0 auto;\n }\n .animated-modal .animated-modal-md-mb {\n margin-bottom: 15px !important;\n }\n .steps-md-mt {\n margin-top: 15px;\n }\n .steps-sizing-sm-mb {\n margin-bottom: 15px;\n }\n .bootstrap-touchspin .touchspin-vertical-tab .input-group {\n width: 96% !important;\n }\n #API-chield-row_wrapper #API-chield-row tbody tr td:first-child {\n min-width: 20px;\n }\n .chart-block .flot-chart-container p#choices {\n width: 100%;\n }\n .chart-block .flot-chart-container #toggling-series-flot {\n width: 100% !important;\n }\n .click2edit ~ .note-editor.note-frame {\n margin-bottom: 15px;\n }\n .ecommerce-widget .progress-showcase {\n margin-top: 15px;\n }\n .reset-password-box .theme-form .form-group .btn {\n margin-top: 13px !important;\n }\n .gallery-with-description a > div {\n margin-bottom: 15px;\n }\n .gallery-img-mb-sm {\n margin-bottom: 15px;\n }\n .xm-mb-peity {\n margin-bottom: 8px;\n }\n .authentication-main {\n padding: 30px 15px;\n }\n .translate_wrapper.active .more_lang:before, .translate_wrapper.active .more_lang:after {\n display: none;\n }\n .translate_wrapper.active .more_lang.active {\n position: fixed;\n width: calc(100vw - 30px);\n left: 15px;\n top: 60px;\n }\n .onhover-dropdown:hover .onhover-show-div {\n opacity: 0;\n transform: none;\n visibility: hidden;\n }\n .onhover-dropdown:hover .onhover-show-div.active {\n opacity: 1;\n transform: translateY(0px);\n visibility: visible;\n border-radius: 5px;\n overflow: hidden;\n }\n .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div {\n width: calc(100vw - 30px);\n position: fixed;\n top: 60px;\n right: 1px;\n }\n .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown {\n width: calc(100vw - 30px);\n position: fixed;\n top: 60px;\n left: 15px !important;\n }\n .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown {\n left: 15px;\n }\n .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown {\n top: 70px;\n }\n .wizard-4 .action-bar .btn {\n margin: 0 2px;\n }\n .dropdown-basic .btn-group {\n margin-right: unset;\n }\n}\n@media only screen and (max-width: 480px) {\n .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div {\n width: 300px;\n }\n .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div.notification-dropdown {\n width: auto;\n }\n .page-wrapper.only-body .page-header .header-wrapper .nav-right {\n display: none;\n }\n .chat-menu {\n top: 120px;\n }\n .product-wrapper-grid.list-view .product-box {\n display: block;\n }\n .product-wrapper-grid.list-view .product-box .product-img {\n width: 100%;\n }\n .pagination-lg .page-link {\n font-size: 1rem;\n }\n h6 {\n font-size: 14px;\n }\n .prooduct-details-box .media-body {\n margin-left: 0rem !important;\n }\n .knob-block .chart-clock-main {\n margin: auto;\n width: auto;\n }\n .knob-block .chart-clock-main .clock-medium {\n position: absolute;\n left: 33px;\n top: 33px;\n }\n .knob-block .chart-clock-main .clock-medium canvas {\n width: 180px !important;\n height: 180px !important;\n }\n .knob-block .chart-clock-main .clock-small {\n left: 34px;\n top: 74px;\n }\n .knob-block .chart-clock-main .clock-large {\n left: 0;\n top: 0;\n margin: 0 auto;\n }\n .knob-block .chart-clock-main .clock-large canvas {\n width: 245px !important;\n height: 245px !important;\n }\n .knob-block > div:not(.chart-clock-main) canvas {\n width: 245px !important;\n height: 245px !important;\n }\n .wizard-4 .action-bar .btn {\n width: 100%;\n }\n .wizard-4 .action-bar .btn + .btn {\n margin-top: 10px;\n }\n ul.notification-dropdown.onhover-show-div {\n width: 260px;\n right: -80px;\n }\n ul.notification-dropdown.onhover-show-div:before, ul.notification-dropdown.onhover-show-div:after {\n right: 89px !important;\n }\n .inline-block-sm {\n display: inline-block;\n }\n .pagination-lg .page-link {\n padding: 0.3rem 0.65rem;\n }\n .nav-pills li {\n width: 100%;\n }\n .reset-password-box {\n width: 290px;\n }\n .icon-hover-bottom .icon-first {\n margin-right: 10px;\n }\n .icon-hover-bottom .icon-popup .icon-class {\n display: none;\n }\n .error-wrapper .maintenance-heading {\n margin-top: 0;\n }\n .custom-card {\n padding: 0;\n }\n .custom-card .card-footer > div h3 {\n font-size: 20px;\n }\n .custom-card .card-social li {\n padding: 5px 0;\n }\n .custom-card .profile-details h6 {\n margin-bottom: 15px;\n }\n .custom-card .profile-details h4 {\n font-size: 20px;\n }\n .custom-card .card-profile img {\n height: 93px;\n }\n .card .card-header .card-header-right i {\n margin: 0 3px;\n font-size: 14px;\n }\n .card .card-header > span + span {\n display: none;\n }\n .timeline-small .media .timeline-round.timeline-line-1:after {\n bottom: -50px;\n }\n .timeline-small .media .timeline-round.medium-line:after {\n bottom: -40px;\n }\n .dropdown-basic {\n text-align: center;\n }\n .dropup-basic {\n text-align: center;\n }\n .blog-box.blog-shadow .blog-details {\n padding: 10px;\n }\n .blog-box.blog-shadow .blog-details h4 {\n font-size: 14px;\n }\n .mega-menu {\n padding-left: 20px;\n padding-top: 3px;\n }\n .mega-menu .onhover-show-div {\n height: 405px;\n left: 0;\n top: 61px;\n padding: 15px;\n }\n .badge {\n padding: 0.42em 0.7em;\n }\n .alert-dismissible .close {\n top: -1px;\n }\n .alert-dismissible .close span {\n font-size: 19px;\n }\n .notify-alert {\n width: 90%;\n }\n}\n@media only screen and (max-width: 420px) {\n .product-sidebar.open {\n top: -75px;\n }\n .alert-theme {\n font-size: 12px;\n min-width: 300px;\n }\n .alert-theme button {\n right: 30px !important;\n }\n .alert-theme i {\n display: none;\n }\n .alert-theme span + span + span {\n padding: 15px;\n }\n footer .footer-copyright {\n padding: 0px !important;\n }\n .and-many-more {\n font-size: 37px;\n }\n .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper > div {\n width: 112px;\n }\n .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,\n .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {\n left: 112px;\n width: 190px;\n }\n .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper > div {\n width: 80px;\n }\n .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,\n .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {\n left: 80px;\n width: 210px;\n }\n .login-card .login-main .theme-form .link {\n position: unset;\n }\n}\n@media only screen and (max-width: 360px) {\n .product-box .modal .modal-header .product-box .product-details .product-qnty fieldset .input-group {\n width: 45%;\n }\n .prooduct-details-box .close {\n right: 0;\n top: 5px;\n }\n .prooduct-details-box .btn {\n padding: 4px 8px;\n }\n .prooduct-details-box .media {\n padding: 15px;\n display: block;\n }\n .prooduct-details-box .media .media-body {\n margin-top: 15px;\n }\n .datepicker--nav-action {\n width: 20px;\n margin-left: -10px;\n background-color: transparent;\n }\n .datepicker--nav-action path {\n stroke: var(--theme-deafult);\n }\n .clockpicker-align-top {\n top: 426px !important;\n }\n .note {\n min-width: 250px;\n }\n .datepicker {\n width: 239px;\n }\n .add-post form .m-checkbox-inline label {\n margin-bottom: 8px;\n }\n .add-post form .m-checkbox-inline label:last-child {\n margin-bottom: 0;\n }\n .map-js-height {\n height: 250px;\n }\n .bar-chart-widget .earning-details i {\n right: -73px;\n }\n .status-widget svg {\n width: 18px;\n height: 18px;\n }\n .tabs-scoial.border-tab.nav-tabs .nav-item .nav-link {\n padding: 10px 5px;\n font-size: 14px;\n }\n .user-profile .hovercard .user-image .share-icons {\n right: 6px;\n top: -15px;\n }\n .user-profile .hovercard .user-image .share-icons li .social-icon {\n width: 25px;\n height: 25px;\n }\n .user-profile .hovercard .user-image .share-icons li .social-icon i {\n font-size: 14px;\n }\n .social-chat .other-msg {\n margin-left: 15px;\n }\n .social-header h5 span.pull-right {\n display: none;\n }\n .timeline-small .media .timeline-round.timeline-line-1:after {\n bottom: -74px;\n height: 56px;\n }\n .timeline-small .media .timeline-round.small-line:after {\n bottom: -32px;\n height: 14px;\n }\n .timeline-small .media .timeline-round.medium-line:after {\n bottom: -59px;\n height: 40px;\n }\n .timeline-small .media .media-body p {\n display: -webkit-box;\n text-overflow: ellipsis;\n -webkit-box-orient: vertical;\n overflow: hidden;\n -webkit-line-clamp: 4;\n }\n .custom-card .dashboard-card {\n padding-top: 0;\n }\n .custom-card .card-profile img {\n bottom: 25px;\n }\n .custom-card .card-footer > div h6 {\n font-size: 12px;\n }\n .flot-chart-container {\n height: 230px;\n }\n .map-block {\n height: 250px;\n }\n .img-cropper .docs-tooltip {\n font-size: 11px;\n }\n .img-cropper .docs-toggles .btn-group .btn {\n padding: 0.375rem 0.2rem;\n }\n .blog-box .blog-details p {\n line-height: 1.5;\n }\n .blog-box .blog-details .blog-social li:last-child {\n padding-left: 0;\n }\n .blog-box .blog-details-main .blog-social li {\n padding: 0 10px;\n }\n .button-builder-wrap .btn-lg {\n font-size: 18px;\n }\n .tabs-responsive-side {\n max-width: 100%;\n }\n .browser-widget .media i {\n font-size: 52px;\n }\n .browser-widget .media .media-body h4 {\n font-size: 20px;\n }\n .bar-chart-widget .bottom-content .num {\n font-size: 17px;\n }\n .search-page .theme-form .input-group .form-control-plaintext {\n padding-left: 10px;\n }\n .search-page .theme-form .input-group .btn {\n padding: 6px 4px;\n }\n .search-page .info-block {\n padding: 20px;\n }\n .wizard-4 ul.anchor {\n padding-top: 15px;\n }\n .wizard-4 .msg-box {\n top: 40px !important;\n }\n .xs-width-100 {\n min-width: 100%;\n }\n .form-builder #components .component .form-group #button1id {\n margin-bottom: 15px;\n }\n .default-according .card .card-header i {\n font-size: 14px;\n top: 24px;\n }\n .default-according .card .btn-link {\n display: block;\n width: 100%;\n padding-left: 17px;\n }\n .star-ratings .stars .title {\n line-height: 1;\n }\n .user-profile .hovercard .social-media a {\n padding: 0 6px;\n }\n .bootstrap-touchspin .touchspin-vertical-tab .input-group {\n width: 93% !important;\n }\n .step-container {\n height: 280px !important;\n }\n .sort-panel .d-inline .btn {\n margin-left: 87px;\n }\n .jsgrid .jsgrid-pager-container .jsgrid-pager .jsgrid-pager-page {\n padding: 0.5em 0.62em;\n }\n .error-wrapper .error-heading .headline {\n font-size: 100px;\n }\n .lg-toolbar .lg-icon {\n width: 40px;\n }\n .calendar-wrap a.fc-more {\n font-size: 0.59em;\n }\n .calendar-wrap .fc th {\n font-size: 10px;\n }\n .modal-footer {\n display: block;\n text-align: center;\n }\n .order-box .qty li {\n font-size: 14px;\n }\n .order-box .qty li span {\n font-size: 14px;\n }\n .order-box ul li span {\n text-align: right;\n }\n .order-box ul li label {\n text-align: right;\n font-size: 14px;\n }\n .order-box .sub-total li .count {\n font-size: 14px;\n }\n .checkout .text-end {\n text-align: left !important;\n margin-top: 15px;\n }\n}\n@media only screen and (min-width: 576px) {\n .product-wrapper-grid.list-view .col-sm-6 {\n flex: 0 0 100%;\n max-width: 100%;\n }\n .sidebar-wrapper .back-btn {\n display: none;\n }\n}\n@media (width: 768px) and (height: 1024px) {\n .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {\n height: calc(100vh - 210px);\n }\n}\n/**=====================\n 62. Responsive CSS Ends\n==========================**/","// General variables\n$theme-font-color: #242934;\n$theme-body-font-color: #051A1A;\n$theme-body-sub-title-color: #FFFFFF;\n$body-color: #F5F5F5; \n$main-body-color: #F5F5F5;\n\n// Theme colors variables \n$primary-color: #006666; \n$secondary-color: #FE6A49; \n$success-color: #00AC46;\n$info-color : #173878; \n$warning-color: #FFAE1A; \n$danger-color: #FE6A49; \n$light-color : #E6E9EB; \n$badge-light-color: #52526c;\n$light-gray : #ecf3fa; \n$light-widget-border: #EFEEFF; \n$light-semi-gray :#efefef;\n$font-gray-color: #6C757D; \n$dark-light :$theme-font-color; \n$dark-gray: #898989;\n$dark-color : #2c323f;\n$dark-color-light: #2c323fb8; \n$gray-60 :#E6E9EB;\n$card-body-color : #f9f9fa; \n$transparent-color: transparent;\n$auth-bg-color: #fafafa;\n$light : #fdfeff;\n$semi-dark :#59667a;\n$light-text: #999999;\n$light-paragraph: #8F8F8F;\n$light-background: #d7e2e9;\n$light-font: rgba(27, 49, 85, 0.4);\n$light-semi-font: $semi-dark;\n$light-chartist-grid-color: #f6f9fd;\n$pitch-color: #fe8a7d;\n$color-scarpa: #4c5667;\n$color-fiord: #455a64;\n$black : #000;\n$white: #fff;\n$off-white: #F7F6FF;\n$theme-medium-color: $main-body-color;\n$dropdown-border-color: #918E99;\n$light-primary: rgba($primary-color, 0.2);\n$light-secondary: rgba($secondary-color, 0.3);\n$light-success: rgba($success-color, 0.3);\n$light-info: rgba($info-color, 0.3);\n$light-warning: rgba($warning-color, 0.3);\n$light-danger: rgba($danger-color, 0.3);\n$light-white: #F9F9FB;\n$light-dark: #EAEBF2; \n$info-light: #44C6C6;\n$light-txt-color : #86909C; \n// gradient colors \n$gradient-primary: linear-gradient(26deg, var(--theme-deafult) 0%, #006666 100%);\n$gradient-bg-primary: linear-gradient(103.75deg, #173878 -13.9%, var(--theme-deafult) 79.68%);\n$gradient-card-bg-primary: radial-gradient(circle, rgba(27,174,174,1) 2%, rgba(26,148,148,1) 50%, rgba(4,143,143,1) 100%);;\n$gradient-landing-color : linear-gradient(180deg, #24B5B5 0%, #228585 100%);\n\n// light colors \n$primary-light-color: #006666;\n$secondary-light-color: #FE6A49; \n$warning-light-color: #FFAE1A; \n$danger-light-color: #FE6A49; \n$light-light-color : #E6E9EB; \n\n//social colors\n$fb: #50598e;\n$twitter: #6fa2d8; \n$google-plus: #c64e40;\n$linkedin: #0077B5;\n\n// soical table \n$fb-color: #2F84F4;\n$insta-color: #FC971E;\n$pintrest-color: $secondary-color;\n$twitter-color: #57B9F6;\n$youtube-color: #F42F2F; \n\n//error input color start\n$light-body-bg-color: #fafdff;\n\n//fonts\n$font-Montserrat: 'Montserrat', sans-serif;\n// $font-roboto: Roboto;\n$font-serif: $font-Montserrat;\n$landing-cursive: 'Caveat', cursive;\n$font-themify: themify;\n$font-awesome: FontAwesome;\n$font-ICO: IcoFont;\n\n// dark layout variables\n$dark-body-background: #1A1C23;\n$dark-card-background: #22242B;\n$dark-card-inbox: #323846;\n$dark-small-font-color: #98a6ad;\n$dark-all-font-color: rgba(255, 255, 255, 0.6);\n$light-all-font-color: rgba(255, 255, 255, 0.2);\n$dark-border-color: $dark-body-background;\n$dark-card-border: rgba(255, 255, 255, 0.10);\n$dark-editor-document: #2b2b2b;\n$bg-dark-color: #1f2533;\n$dark-datatable-odd: #1f232b;\n$dark-datatable-sorting: #1c212b;\n$dark-datatable-sorting-even: #22262f;\n$dark-even-hover-sorting: #191e27;\n\n//General tag settings\n$body-font-size: 14px;\n$body-font-color: $theme-body-font-color;\n$ul-padding-left: 0px;\n$ancher-color: var(--theme-deafult);\n$btn-focus-box-shadow: none;\n$all-focus-outline-color: var(--theme-deafult);\n\n$paragraph-font-size : 14px;\n$paragraph-line-height : 1.7;\n$paragraph-letter-spacing : 0.7px;\n\n$code-tag-color: var(--theme-deafult);\n$code-tag-bg-color: rgba($primary-color, 0.03);\n$code-tag-padding: 3px;\n$code-tag-margin: 0 3px;\n$code-tag-border-radious: 2px;\n\n$blockquote-padding : 8px;\n$blockquote-border : 4px solid $primary-color;\n\n$small-tag-padding: 10px;\n$small-tag-color: $dark-color;\n\n$pre-tag-bg-color: rgba($primary-color, 0.03);\n$pre-tag-padding: 20px 0;\n\n$list-group-active-bg-color: var(--theme-deafult);\n$list-group-active-border-color: var(--theme-deafult);\n$list-group-img-size: 40px;\n$list-group-margin: 10px;\n\n\n// Tables settings\n$table-b-margin: 0px;\n$table-heading-color: $theme-body-font-color;\n$table-row-color: $theme-body-font-color;\n$table-footer-font-weight: bold;\n$table-inverse-color: $white;\n$table-hover-color: $light;\n$table-padding: 0.75rem;\n$table-xl-padding: 1.25rem 2rem;\n$table-xl-font: 120%;\n$table-lg-padding: .9rem 2rem;\n$table-lg-font: 110%;\n$table-de-padding: .75rem 2rem;\n$table-de-font: 100%;\n$table-sm-padding: .5rem 2rem;\n$table-sm-font: 90%;\n$table-xs-padding: 0.2rem 2rem;\n$table-xs-font: 80%;\n$horizontal-border-color: #f2f4ff;\n$horizontal-padding: .75rem 2rem;\n$table-inverse-bg-color: #292b2c;\n\n//According setting\n$according-card-top-margin : 10px;\n$according-btn-weight : 500;\n$according-btn-color : $theme-body-font-color;\n$according-card-header-padding : 0.75rem 1.25rem;\n$according-card-header-icon : $font-ICO;\n$according-open-icon : \"\\eb73\";\n$according-close-icon : \"\\eb7a\";\n\n//Alert settings\n$alert-hover-color :$dark-color;\n$alert-border-radious :0.15rem;\n$alert-padding :15px;\n$alert-msg-icon-size :16px;\n\n//badge settings\n$badge-padding :8px 16px;\n$badge-svg-size :16px;\n\n//form input settings\n$form-group-margin-bottom : 1.25em;\n$col-form-label-font-size : 14px;\n$form-control-font-size : 14px;\n$form-control-border-radious : 2px;\n$form-control-border-color : $light-gray;\n\n//breadcrumb setting\n$breadcrumb-ancher-color : $white;\n$breadcrumb-ancher-dark-color : $black;\n\n//buttons setting\n$btn-font-size : 14px;\n$btn-padding : 0.375rem 1.75rem;\n$btn-lg-font-size: 18px;\n$btn-sm-font-size: 12px;\n$btn-xs-font-size: 11px;\n$btn-xs-padding: 0.05rem 0.4rem;\n\n//Card settings\n$card-padding : 20px;\n$card-margin-bottom : 25px;\n$card-border-color :1px solid $light-gray;\n$card-border-radious :8px;\n$common-shadow-color : rgba($info-color, 0.08);\n$card-box-shadow : 0px 9px 20px rgba(46, 35, 94, 0.07);\n$card-header-bg-color : $white;\n$card-header-font-transform : capitalize;\n$card-header-span-size : 12px;\n$card-header-span-color : $theme-body-sub-title-color;\n$card-body-bg-color : $transparent-color;\n$card-footer-bg-color : $white;\n$card-hover-box-shadow : 0 0 40px rgba(8, 21, 66, .05);\n\n\n\n// According settings\n$card-border-width :0px;\n$card-header-font-weight : 600;\n$card-header-font-size : 18px;\n$card-header-font-color : $theme-body-font-color;\n\n//footer settings\n$footer_bg_color : $white;\n$footer_box_shadow : 0 0 20px rgba($semi-dark, 0.1);\n$footer_dark_color : $theme-font-color;\n$footer_dark__txt_color : $white;\n \n//form settings\n$form-group-margin-bottom :20px;\n$sm-form-margin-bottom : 14px;\n$form-placeholder-color : $dark-gray;\n$form-placeholder-font-size : 14px;\n$form-placeholder-letter-spacing : 1px;\n$form-placeholder-font-weight : 100;\n$form-input-border-color : $light-semi-gray;\n$form-input-bg-color : $white;\n\n//Tour settings \n$tour-color: var(--theme-deafult);\n\n//sidabr main settings\n$sidebar-width: 255px;\n$sidebar-position: fixed;\n$sidebar-background-color: $white;\n$sidebar-shadow: 0 0 11px rgba(69, 110, 243, 0.13);\n$sidebar-overflow: auto;\n$sidebar-z-index: 9;\n$sidebar-transition: 0.5s;\n$sidebar-fill-icon-color: #757589;\n\n//sidebar profile settings\n$sidebar-profile-edit-icon-size: 14px;\n$sidebar-profile-name-txt-color : var(--theme-deafult);\n$sidebar-profile-name-txt-transfer : uppercase;\n$sidebar-profile-name-txt-weight : 600;\n$sidebar-profile-name-letter-specing : 1.5px;\n$sidebar-profile-name-marging : 3px;\n$sidebar-profile-sub-title-font-size: 10px;\n$sidebar-profile-sub-title-margin: 0px;\n$sidebar-profile-img-shadow: 0 0 15px rgba(68, 102, 242, 0.3);\n\n//Sidebar main menu setting\n$sidebar-menu-padding: 15px;\n$sidebar-menu-list-style: none;\n$sidebar-menu-list-margin: 0;\n$sidebar-icon-size: 14px;\n$sidebar-icon-margin: 14px;\n$sidebar-icon-stroke-width: 3px;\n$sidebar-font-size: 14px;\n$sidebar-letter-specing: 0.5px;\n$sidebar-txt-transform: capitalize;\n$sidebar-font-weight: 600;\n$sidebar-font-color: $theme-body-font-color;\n$sidebar-padding-top: 12px;\n$sidebar-padding-bottom: 12px;\n$sidebar-sub-header-padding: 15px;\n$sidebar-sub-header-margin: 0;\n$sidebar-heading-hover-padding: 5px;\n$sidebar-hover-txt-color: var(--theme-deafult);\n$sidebar-arrow-margin-top: 2px;\n$sidebar-arrow-size: 15px;\n$sidebar-arrow-color: $theme-body-font-color;\n$sidebar-open-icon: \"\\f107\";\n$sidebar-close-icon: \"\\f105\";\n$sidebar-icon-font-family: $font-awesome;\n$sidebar-height: calc(100vh - 115px);\n$sidebar-compact-width: 265px;\n\n//Header settings\n$main-header-position: fixed;\n$main-header-top: 0;\n$main-header-shadow: 0 0 20px rgba($semi-dark, 0.1);\n$main-header-shadow-1: 0px 4px 40px rgba(39, 32, 120, 0.1);\n\n//page settings\n$page-body-padding : 25px 15px;\n$page-body-bg-color: $light-color;\n$page-body-margin-bottom: 0px; \n$page-title-padding : 20px 30px;\n$common-box-shadow: 2px 3.464px 8px 0px rgba(22, 145, 248, 0.18);\n$page-title-font-size: 24px;\n$page-title-margin-bottom: 0;\n$page-title-text-tranform: capitalize;\n$page-small-title-display: block;\n$page-small-title-font-size: 12px;\n$page-small-title-margin-bottom: 5px;\n$page-small-title-text-transform: capitalize;\n$page-small-title-text-color: $theme-body-sub-title-color;\n$breadcrumb-size: 16px;\n$breadcrumb-content: \"/\";\n\n\n//main header left settings\n$header-left-bg-color : $white;\n$main-header-padding : 27px 22px;\n$main-header-z-index : 8;\n$header-wrapper-padding: 13px 30px;\n$header-wrapper-nav-right : 0px;\n$header-wrapper-nav-icon-size : 20px;\n$header-wrapper-nav-icon-color : $theme-font-color;\n$header-wrapper-nav-icon-align : middle;\n$header-size: 136px;\n$box-layout-space : 40px;\n\n// typography variables\n$heading_1: 28px;\n$heading_2: 26px; \n$heading_3: 24px; \n$heading_4: 20px;\n$heading_5: 16px; \n$heading_6: 15px; \n$common_letter_spacing: 0.6px;\n\n\n// widgets variables\n$widget-shadow: 1px 2px 21px -2px rgba(214, 214, 227, 0.83);"]}