.app-wrapper{display:flex;width:100%;margin:0 auto}.app-wrapper .left-layout{width:350px;background-color:#252525;height:100vh;overflow:hidden;position:fixed}.app-wrapper .right-layout{width:calc(100% - 350px);background-color:#f2f7fb;position:relative;margin-left:auto}.app-wrapper .dashboard-navigation-container{background-color:#fff;height:60px;width:100%;display:flex;align-items:center;box-shadow:0 5px 18px -18px #42445a}.app-wrapper .dashboard-navigation-container .dashboard-navigation-bar{display:flex}.app-wrapper .dashboard-navigation-container .dashboard-navigation-bar .dashboard-navigation-bar-right{margin-left:auto;display:flex;align-items:center;justify-content:center}.app-wrapper .dashboard-sidebar-container .sidebar-header{height:60px;color:#fff;display:flex;align-items:center;margin-left:20px}.app-wrapper .dashboard-sidebar-container .sidebar-header span{display:inline-block;margin-left:10px}.app-wrapper .dashboard-sidebar-container .sidebar-menu{margin-left:15px}.app-wrapper .dashboard-sidebar-container .sidebar-menu .sidebar-menu-active{background-color:#1c1c1c;margin-top:20px;color:#fff;font-size:14px;padding:10px;margin-bottom:10px}.app-wrapper .dashboard-sidebar-container .sidebar-menu .sidebar-menu-item{margin-left:10px;color:#fff;font-size:14px}.app-wrapper .dashboard-sidebar-container .sidebar-menu .sidebar-btn{margin-top:20px;background:linear-gradient(315deg,#343232,#252525);padding:10px;display:inline-block;color:#fff;border-color:#252525;border-bottom-color:#f02;border-radius:0}.app-container{width:calc(100% - 20px);margin:0 auto}.app-container .page-header{margin-top:10px;padding:10px;display:flex;align-items:center}.app-container .page-header .page-header-title{white-space:nowrap;padding-right:10px}.app-container .page-header .page-header-decoration{width:100%}.app-container .page-header .page-header-decoration .decoration-line{border-bottom:1px solid #e3e3e3}.app-container .page-container{background-color:#fff;padding:10px;margin-bottom:20px;position:relative}.app-container .page-container .page-section .page-section-title{display:flex;border-bottom:1px solid #e3e3e3;padding-bottom:5px;margin-bottom:5px;font-weight:700;font-size:15px;text-transform:uppercase}.app-container .page-container .page-section .page-section-title .section-cta{margin-left:auto;display:flex;justify-content:center;align-items:center}.app-container .page-container .page-section .page-section-title .section-cta .fa-layer-group{background-color:#646464;color:#fff;padding:8px 10px;font-size:14px}.app-container .page-container .page-section .grade-section-container{display:flex;flex-wrap:wrap}.app-container .page-container .page-section .grade-section-container .grade-feature{width:33%;margin-bottom:20px}.app-container .page-container .page-section .grade-section-container .grade-feature .grade-feature-list .grade-feature-item{color:#b7b7b7;display:flex;align-items:center}.app-container .page-container .page-section .grade-section-container .grade-feature .grade-feature-list .grade-feature-item:before{content:"";font-family:"Font Awesome 6 Free";font-weight:600;font-size:5px;margin-right:5px;color:#1c1c1c}.grade-settings-container,.specifications-settings-container{display:flex;justify-content:flex-end;margin-bottom:10px}.logout-btn{background-color:#d90420;color:#fff;padding:5px 30px;border-radius:4px;font-size:14px}.logout-btn:hover{color:#f2f7fb}.accordion-item{background-color:#252525!important;color:#f2f7fb!important;margin-left:10px;font-size:14px}.accordion-item .accordion-header .accordion-button{background-color:#252525;color:#fff;font-size:14px;padding:5px 0;box-shadow:none;outline:none}.accordion-item .accordion-header .accordion-button:after{content:"";font-family:"Font Awesome 6 Free";font-weight:600}.accordion-item .accordion-header .accordion-button span{display:inline-block;margin-left:10px}.accordion-item .accordion-collapse .accordion-body a{color:#b7b7b7;text-decoration:none}.accordion-item .accordion-collapse .accordion-body .accordion-body-item{padding:5px 0;border-bottom:1px solid #1f2531;color:#f2f7fb}.accordion-item .accordion-collapse .accordion-body .accordion-body-item span{display:inline-block;margin-left:10px}.accordion-item .accordion-collapse .accordion-body .accordion-body-item.active{background-color:#1c1c1c;padding-left:10px;border-left:2px solid #ff0022}.accordion-body{padding:0 20px}.accordion-item-grade{background-color:#fff!important;color:#1c1c1c!important;margin-left:0}.accordion-item-grade .accordion-header .accordion-button{background-color:#fff;color:#1c1c1c}.accordion-item-grade .accordion-header .accordion-button span{margin-left:0;margin-bottom:5px;font-weight:700;font-size:15px}.accordion-item-grade .accordion-collapse .accordion-body{padding:0}.accordion-button:after{background-image:none!important}.collapse.show{visibility:visible}.custom-primary-cta{background-color:#1c1c1c;border:none;font-size:14px;border-radius:0}.custom-primary-cta:hover{background-color:#343333}.custom-secondary-gray-cta{background-color:#e9e9e9;color:#000;font-size:13px;padding:5px 15px}.custom-secondary-gray-cta:hover{background-color:#e9e9e9}.modal-btn-container{margin-left:auto;margin-top:20px}.modal-btn-confirm{color:#fff;background-color:#1c1c1c;padding:5px 20px;font-size:13px}.dropdown-field{border:1px dashed black;height:100px;width:100%;display:flex;justify-content:center;align-items:center}.dropdown-field:hover{cursor:pointer}.dropdown-field.dragover{border-color:#007bff;background-color:#eef6ff}.preview-container.w-thumb{display:flex}.preview-container.w-thumb .image-preview img{width:200px;height:200px;-o-object-fit:cover;object-fit:cover}.image-preview{position:relative}.image-preview .overlay-remove{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#d3d3d369}.image-preview .overlay-remove .replace-img-btn{background-color:#252525;color:#fff;padding:5px 15px}.image-preview:hover{transition:all .3s ease-in-out;cursor:pointer}.image-preview:hover .overlay-remove{display:flex;justify-content:center;align-items:center}.image-preview img{margin:0 auto}.replace-img-btn{font-size:13px}.cmr-5{margin-right:5px}.cml-5{margin-left:5px}.cmt-5{margin-top:5px!important}.rmm{margin:0!important}input[placeholder]{font-style:normal!important}.custom-form-input{height:32px;font-size:14px}.custom-form-input:focus{box-shadow:none;outline:none;border-color:#252525}.custom-form-select{height:37px;font-size:14px}.custom-form-select:focus{box-shadow:none;outline:none;border-color:#252525}.custom-form-input-label{margin:5px 0;font-size:14px}.alert-heading{font-size:1.5rem}.red-modal-cta{background-color:#bd4450;color:#fff;padding:5px 15px;margin:5px}.white-modal-cta{background-color:#fff;color:#bd4450;padding:5px 15px;margin:5px}.custom-alert-flex{display:flex;justify-self:unset;align-items:center}.custom-light-cta{padding:2px 10px;margin:2px}.delete-cta-light{color:#bd4450}.save-cta-light{background-color:#a1d5a1;width:33%;margin-top:5px!important}.cancel-cta-light{background-color:#fff}input:focus{box-shadow:none!important;outline:none!important}.model-wide .modal-dialog{max-width:70%}.model-wide .modal-dialog .modal-content{width:100%}.features-interface{width:100%;display:flex}.features-interface .left-side{width:35%;padding:10px}.features-interface .left-side .manual-add-feature{width:100%}.features-interface .left-side .manual-add-feature .form-group{display:flex}.features-interface .left-side .manual-add-feature .form-group button{width:100px;background-color:#1c1c1c;color:#fff}.features-interface .left-side.wide{width:55%}.features-interface .right-side{width:65%;padding:10px}.features-interface .right-side .right-side-heder{display:flex;align-items:center}.features-interface .right-side .right-side-heder button{margin-left:auto}.specifications-list{margin-bottom:40px}.search-features{width:50%}input[placeholder]{font-style:italic;font-size:13px}.data-list{margin-top:20px;display:flex;flex-wrap:wrap;max-height:400px;overflow-y:scroll}.data-list .data-list-item{width:calc(50% - 20px);display:flex;align-items:center;margin-right:20px;justify-content:center;border-bottom:1px solid #e3e3e3;margin-top:10px}.data-list .data-list-item .data-list-item-name{width:80%}.data-list .data-list-item .data-list-item-index{width:30px}.add-feature-item{background-color:#000;color:#fff;padding:3px 0;font-size:13px;margin-bottom:5px;margin-left:auto;width:70px}.toast{position:fixed;top:40px;right:50px}.toast .toast-header small{font-size:80%;color:#fff;padding:2px 10px;margin-left:10px}.toast.errorMsg .toast-header small{background-color:#eb7777}.toast.successMsg .toast-header small{background-color:green}.toast-close-btn,.title-cta-container{margin-left:auto}.pricelist-details-summary{display:flex}.pricelist-details-summary .pricelist-thumb{width:400px}.pricelist-details-summary .pricelist-thumb img,.pricelist-details-summary .pricelist-thumb-popup{width:100%}.disc-cta{width:150px;padding:5px;margin-left:auto!important;display:block}.update-cta-pricelist{margin-top:35px;margin-left:auto}.custom-publish-cta{background-color:#252525;font-size:13px;padding:5px 15px;color:#fff;font-weight:400}.ml-auto{margin-left:auto;display:block}.error-box-alert{padding:2px;width:80%;margin-top:10px}.editPricelistForm{text-align:left}.available-color-container{display:flex;flex-wrap:wrap}.available-color-container .color-warning-notification{margin:40px auto 0;padding:5px;font-size:13px}.available-color-container .available-color-box{width:calc(25% - 20px);padding:40px;border:1px solid #e3e3e3;margin:10px;position:relative;transition:all .4s ease-in-out}.available-color-container .available-color-box .color-available-notification{position:absolute;top:5px;right:5px;padding:0 3px;font-size:13px}.available-color-container .available-color-box .available-color-name{text-align:center}.available-color-container .available-color-box .available-color-img{position:relative}.available-color-container .available-color-box .available-color-img .available-color-overly{position:absolute;width:100%;height:100%;display:none;justify-content:center;align-items:center}.available-color-container .available-color-box .available-color-img:hover .available-color-overly{display:flex;width:100%;height:100%}.available-color-container .available-color-box .available-color-img:hover .available-color-overly button{background-color:#252525;color:#fff;padding:5px 15px}.available-color-container .available-color-box:hover{background-color:#f2f7fb;cursor:pointer}.error-msg-container{display:flex;margin-bottom:40px}.error-msg-container .color-warning-notification{margin:40px auto 0;padding:5px;font-size:13px}.promo-block-editor{height:180px}.flex-container-cta{display:flex}.popup-section-header{margin-top:10px;margin-bottom:5px}@media (min-width: 1440px){.grade-features-item{width:33%}}.fade-enter-active,.fade-leave-active{transition:opacity .5s ease}.fade-enter-from,.fade-leave-to{opacity:0}#editor{height:300px}.custom-toggle{font-size:13px;margin-right:10px}.dropdown-menu-custom{font-size:13px}.dropdown-menu-custom li form a{padding:5px 15px!important}.specification-table{font-size:14px}.loader{width:40px;height:40px;border:4px dashed #000;border-radius:50%;animation:spin 2s linear infinite;margin:30px auto 0}@keyframes spin{to{transform:rotate(360deg)}}.specification-table tbody{counter-reset:rowNumber}.specification-table tbody tr{counter-increment:rowNumber}.specification-table tbody th[scope=row]:before{content:counter(rowNumber)}.drag-item{padding:10px;margin:5px 0;background:#f0f0f0;border-radius:4px;cursor:move;transition:background .2s;display:flex}.drag-fa-icon{margin-right:10px}.drag-item:hover{background:#e0e0e0}.alert-info{font-size:14px;padding:10px}.dropdown:hover .dropdown-menu{display:block;margin-left:-30px}.custom-settings-drop{background-color:#e9e9e9;padding:5px 15px}a.drop-cta{text-transform:capitalize}.drop-cta{border-bottom:1px solid #dee2e6;display:block;width:100%;text-align:left;padding:5px;transition:all .3s ease-in-out}.drop-cta:hover{background-color:#dee2e6}.removeFeature{margin-left:auto}.drag-item-no-table:hover{cursor:move}.container-packs-header{font-weight:700}.grayIcon{color:#999}.container-packs-table .packs-table-row{display:flex}.container-packs-table .packs-table-row .packs-table-name{min-width:400px;padding-right:30px;border-right:1px solid #dee2e6}.container-packs-table .packs-table-row .packs-table-price{padding-left:30px}.align-right{text-align:right}.techTableVariation{background-color:#252525;margin-top:40px;color:#fff;padding:5px;font-weight:700}.techSpec{display:flex;padding:5px}.techSpec .techSpecValue{margin-left:auto}.techSpec:nth-child(odd){background-color:#e9e9e9}.mt30{margin-top:30px}.badge.draft{background-color:#f1b74c;line-height:13px;color:#2e2108}.badge.unpublished{background-color:#ff5252;line-height:13px;color:#5a0000}.badge.published{background-color:#618f61;line-height:13px;color:#012201}.status-icon-published{font-size:8px;color:#00eb00}.status-icon-draft{font-size:8px;color:#ffe1a9}.status-icon-unpublished{font-size:8px;color:#ff8383}#inputModelStatuspublished{display:block;max-width:120px;text-align:center;background-color:#618f61;font-size:12px;padding:5px;color:#fff;text-transform:uppercase}#inputModelStatusunpublished{display:block;max-width:120px;text-align:center;background-color:#ff5252;font-size:12px;padding:5px;color:#fff;text-transform:uppercase}#inputModelStatusdraft{display:block;max-width:120px;text-align:center;background-color:#f1b74c;font-size:12px;padding:5px;color:#fff;text-transform:uppercase}.status-icon-fa-published{font-size:8px;color:#00eb00;display:inline-block}.status-icon-fa-draft{font-size:8px;color:#ffe1a9;display:inline-block}.status-icon-fa-unpublished{font-size:8px;color:#ff8383;display:inline-block}.block-overly-top{width:99%;height:90%;background-color:#9d9d9d7d;position:absolute;display:flex;justify-content:center;align-items:center;font-size:20px;font-weight:700;top:50px;color:#707070;z-index:1}.block-overly{width:99%;height:100%;background-color:#9d9d9d7d;position:absolute;z-index:20;display:flex;justify-content:center;align-items:center;font-size:20px;font-weight:700;color:#707070}.text-small-letters{text-transform:capitalize;font-weight:400}.guide-container{display:flex;justify-content:center;align-items:center;width:100%;padding:65px}.login-cover{width:100%;height:100%;background-image:url(/build/assets/login-cover-BGt0Ppdi.jpg);background-position:center;background-size:cover;background-repeat:no-repeat}.notification-center{position:fixed;width:100%;height:100%;background-color:#f000;top:0;left:0}.welcome-dashboard{width:100%;height:calc(100vh - 60px);display:flex;justify-content:center;align-items:center}.welcome-msg{font-size:2rem;text-transform:uppercase}.grade-variation-name{font-weight:700;font-size:2rem;padding-top:10px}.modal-btn-remove{border:1px solid black;padding:5px 20px;font-size:13px;box-sizing:border-box;margin-left:10px}