.info-box-parent{position:relative}.info-box{position:fixed;top:-100px;left:-100px;translate:-50% -50%;border-radius:7px;background-color:#fff;padding:4px 10px;font-size:14px;border:1px solid #e2e7f0;box-shadow:0 2px 3px #0000001c;transform-origin:center center;opacity:0;animation:showInfoBox .4s .1s alternate forwards;max-width:250px;width:fit-content;line-height:20px;z-index:9999}@keyframes showInfoBox{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width: 480px){.info-box{display:none}}.loading{display:flex;align-items:center;justify-content:center;width:100%}.default-loading{position:relative;border:3px solid #1919a7;border-radius:50%;border-left-color:transparent;border-right-color:transparent;aspect-ratio:1/1;animation:rotate 1.1s infinite linear;margin:0 5px;flex-shrink:0}.modern-spinner-box{width:fit-content;height:fit-content;display:flex;justify-content:center;align-items:center;padding:5px}.modern-spinner-box .modern-spinner{position:relative;width:20px;height:20px;overflow:visible;animation:rotateModernSpinner 1.2s linear infinite}@keyframes rotateModernSpinner{0%{rotate:0deg}to{rotate:360deg}}.modern-spinner-box .modern-spinner circle{width:100%;height:100%;fill:none;stroke-width:3;stroke:#1919a7;stroke-linecap:round;stroke-dasharray:59px;stroke-dashoffset:59px;animation:animateCircle 3s linear infinite}@keyframes animateCircle{0%,to{stroke-dashoffset:59px}50%{stroke-dashoffset:0}50.1%{stroke-dashoffset:118px}}.loading-spinner-dots,.arrow-spinner,.circle-notch{width:30px;aspect-ratio:1/1;display:flex!important;justify-content:center;align-items:center;font-size:30px;animation:rotate 1.1s infinite linear;color:#1919a7}.loading-circle-image{width:40px;aspect-ratio:1/1;background-color:#ccc;border-radius:50%;animation:rotate 1s infinite linear}.three-dots{display:flex;gap:10px;align-items:center;padding:30px}.three-dots .dot{flex-shrink:0;display:flex;width:10px;border-radius:50%;aspect-ratio:1/1;background-color:#1919a7;translate:0 -10px;box-shadow:0 20px 7px #00000021;animation:move-dot .4s infinite alternate ease-in}.three-dots .dot.dot-2{animation:move-dot .4s .2s infinite alternate ease-in}.three-dots .dot.dot-3{animation:move-dot .4s .4s infinite alternate ease-in}@keyframes move-dot{0%{translate:0 -10px;opacity:1;box-shadow:0 20px 7px #00000021}to{opacity:.3;translate:0 10px;box-shadow:0 0 2px #0000005d}}.loading-page{position:fixed;top:0;left:0;z-index:15;min-height:100vh;width:100vw;display:flex;justify-content:center;align-items:center}.loading-page .image{width:200px;aspect-ratio:1/1}.loading-page .image img{width:100%;height:100%;object-fit:contain}.loading-page .image img.logo-icon-white{display:none}.loading-page .electrons{position:absolute}.loading-page .electrons .ring{width:230px}.electrons{height:100%;position:relative;display:flex;justify-content:center;align-items:center}.electrons .ring{width:200px;aspect-ratio:1/1;border:0px solid #222;border-radius:50%;position:absolute}.electrons .ring:nth-child(1){border-bottom-width:8px;animation:rotate1 1.4s linear infinite}.electrons .ring:nth-child(2){border-right-width:8px;animation:rotate2 1.4s linear infinite}.electrons .ring:nth-child(3){border-top-width:8px;animation:rotate3 1.4s linear infinite}@keyframes rotate1{0%{transform:rotateX(35deg) rotateY(-45deg) rotate(0)}to{transform:rotateX(35deg) rotateY(-45deg) rotate(360deg)}}@keyframes rotate2{0%{transform:rotateX(50deg) rotateY(10deg) rotate(0)}to{transform:rotateX(50deg) rotateY(10deg) rotate(360deg)}}@keyframes rotate3{0%{transform:rotateX(35deg) rotateY(55deg) rotate(0)}to{transform:rotateX(35deg) rotateY(55deg) rotate(360deg)}}@keyframes rotate{0%{rotate:0deg;opacity:1}50%{opacity:.2}to{opacity:1;rotate:360deg}}.no-page{display:flex;justify-content:center;align-items:center;min-height:100vh;width:100%;padding:10px}.no-page.for-dashboard{min-height:unset;margin-top:60px;flex-grow:1}.no-page .card{position:relative;max-width:400px;text-align:center;padding:20px;overflow:hidden}.no-page .card .content{position:relative;z-index:2;display:flex;flex-direction:column;min-height:450px}.no-page .card .content .image{width:100%;aspect-ratio:2/1}.no-page .card .content .image img{width:100%;height:100%;object-fit:contain}.no-page .card .content .title{font-weight:400;margin-bottom:10px}.no-page .card .content .descriptions{display:flex;flex-direction:column;gap:5px}.no-page .card .content .buttons{display:flex;gap:15px;align-items:center;margin-top:auto}@media (max-width: 400px){.no-page.for-dashboard{align-items:flex-start}.no-page .card .content{min-height:unset}.no-page .card .content .buttons{margin-top:20px;flex-direction:column}.no-page .card .content .buttons .link-btn{width:100%}}.main-btn{display:flex;position:relative;background:#2121cc;color:#fff;font-size:16px;cursor:pointer;transition:.2s;width:100%;min-width:150px}.main-btn .btn-content{padding:10px 20px;position:absolute;top:50%;left:50%;translate:-50% -50%;z-index:2;gap:5px;width:100%;height:100%;display:flex;justify-content:center;align-items:center;white-space:nowrap;flex-shrink:0}.main-btn:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:30px;background:linear-gradient(45deg,#c300ff,#3f3fe7);opacity:0;transition:.2s;z-index:1}.main-btn .outline{display:flex;position:absolute;top:50%;left:50%;translate:-50% -50%;width:100%;height:100%;border:2px solid #2121cc;border-radius:30px;opacity:0}.main-btn.wide{max-width:unset}.main-btn.fit-content{min-width:unset}.main-btn.fit-content .btn-content{width:fit-content!important;padding:0 7px}.main-btn.square{width:28px;height:28px;border-radius:7px}.main-btn.square i{font-size:14px!important}.main-btn.green:hover,.main-btn.gray:hover,.main-btn.red:hover,.main-btn.purple:hover,.main-btn.pink:hover,.main-btn.white:hover,.main-btn.orange:hover{filter:brightness(1.1)}.main-btn.green:hover:after,.main-btn.gray:hover:after,.main-btn.red:hover:after,.main-btn.purple:hover:after,.main-btn.pink:hover:after,.main-btn.white:hover:after,.main-btn.orange:hover:after{opacity:0!important}.main-btn.white{background-color:#fff;border-color:#fff;color:#000}.main-btn.white .outline{border-color:#fff}.main-btn.white:hover{background-color:#ccc}.main-btn.gray{background-color:#ccc;border-color:#ccc;color:#000}.main-btn.gray .outline{border-color:#ccc}.main-btn.red{background-color:#f53b3b;border-color:#f53b3b;color:#fff}.main-btn.red .outline{border-color:#f53b3b}.main-btn.purple{background-color:#8833d8;border-color:#8833d8;color:#fff}.main-btn.purple .outline{border-color:#8833d8}.main-btn.orange{background-color:#f77f0f;border-color:#f77f0f;color:#fff}.main-btn.orange .outline{border-color:#f77f0f}.main-btn.green{background-color:#08b31e;border-color:#08b31e;color:#fff}.main-btn.green .outline{border-color:#08b31e}.main-btn i{font-size:17px}.main-btn.narrow{max-width:150px}.main-btn.transparent-bg{background-color:transparent;color:#2121cc;border:1px solid #2121cc}.main-btn.transparent-bg.white{border-color:#fff;color:#fff}.main-btn.transparent-bg.red{color:#d66;border-color:#d66}.main-btn.transparent-bg.red:hover{color:#fff;background-color:#d66}.main-btn.transparent-bg.red .outline{border-color:#d66}.main-btn.transparent-bg.gray{color:#666;border-color:#666}.main-btn.transparent-bg.gray:hover{color:#fff;background-color:#666}.main-btn.transparent-bg.gray .outline{background-color:#666}.main-btn.transparent-bg:hover{color:#fff;background-color:#2121cc}.main-btn.transparent-bg:hover:after{opacity:0!important}.main-btn.no-border{border:none;width:fit-content;min-width:100px}.main-btn.circle{min-width:unset;width:30px;height:30px;padding:0}@keyframes button-clicked{0%{opacity:1;width:100%;height:100%}to{width:calc(100% + 15px);height:calc(100% + 15px);opacity:0}}.main-btn.clicked .outline{animation:button-clicked .5s forwards}.main-btn:not([disabled]):hover:after,.main-btn:not(.disabled):hover:after,.action-btn:not([disabled]):hover:after,.action-btn:not(.disabled):hover:after{opacity:1}.main-btn[disabled],.main-btn.disabled,.action-btn[disabled],.action-btn.disabled{background-color:#aaa;border-color:transparent;cursor:not-allowed;color:#fff}.main-btn[disabled]:hover,.main-btn.disabled:hover,.action-btn[disabled]:hover,.action-btn.disabled:hover{filter:brightness(1)}.main-btn[disabled]:hover:after,.main-btn.disabled:hover:after,.action-btn[disabled]:hover:after,.action-btn.disabled:hover:after{opacity:0}.main-btn.inactive,.action-btn.inactive{color:#000;background-color:#ccc}.main-btn.inactive:hover,.action-btn.inactive:hover{filter:brightness(1.1)}.main-btn.inactive:hover:after,.action-btn.inactive:hover:after{opacity:0}.dashboard-page.sidebar-closed .header{width:calc(100% - 60px)}.header{position:fixed;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 50px;height:60px;border-bottom:1px solid #f4f7fe;width:calc(100% - 250px);transition:.2s;background-color:#fff;z-index:12}.header .brand,.header .page-name,.header .right{flex-basis:1px;flex-grow:1}.header .brand{display:flex;align-items:center;gap:10px}.header .brand .logo{width:120px;aspect-ratio:2.5/1;overflow:hidden;display:flex;justify-content:center;align-items:center}.header .brand .logo img{width:150%;height:150%;object-fit:contain}.header .brand .logo img.horizontal-logo-white,.header .brand .logo img.icon-logo,.header .brand .logo img.icon-logo-white{display:none}.header .page-name{display:flex;justify-content:center;font-weight:400;font-size:25px;white-space:nowrap}.header .right{display:flex;align-items:center;justify-content:flex-end;gap:10px}.header .right .header-btn{border:none;width:40px;aspect-ratio:1/1;display:flex;justify-content:center;align-items:center;transition:.2s;border-radius:50%;background-color:transparent}.header .right .header-btn:hover{background-color:#e2e7f0}.header .right .header-btn i{font-size:25px;padding-top:2px}.header .right .header-btn.active{background-color:#e2e7f0}.header .right .header-btn.active svg path{color:#2121cc}.header .right .user-box{display:flex;align-items:center;gap:10px;transition:.2s;border-radius:7px}.header .right .user-box .text{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.header .right .user-box .text .user-name{color:#000;font-size:15px;font-weight:600;text-transform:capitalize;height:20px;display:flex;align-items:center}.header .right .user-box .text .logout-btn{font-size:12px;color:#b92222;font-weight:600;background-color:transparent}.header .right .user-box .text .logout-btn .desktop{display:flex;justify-content:center;align-items:center;height:14px}.header .right .user-box .text .logout-btn .mobile{display:none}.header .right .user-box .text .logout-btn svg{font-size:14px;margin-top:2px}.header .right .user-box .text .logout-btn:hover{color:#f53b3b}@media (max-width: 800px){.header{width:calc(100% - 60px);padding:0 10px}.header .brand .logo{width:40px;aspect-ratio:1/1}.header .brand .logo img.horizontal-logo,.header .brand .logo img.horizontal-logo-white,.header .brand .logo img.icon-logo-white{display:none}.header .brand .logo img.icon-logo{display:unset}.header .page-name{font-size:20px}.header .right .user-box .text .user-name,.header .right .user-box .text .logout-btn .desktop{display:none}.header .right .user-box .text .logout-btn .mobile{display:flex}.header .right .user-box .text .logout-btn .mobile svg{font-size:20px}.header .header-dropdown,.header .notifications-dropdown,.header .change-language-dropdown{top:75px!important;position:fixed!important;left:calc(50% - 30px)!important;width:calc(100vw - 80px)!important;max-width:300px;margin-left:60px!important}}@media (max-width: 480px){.header .brand,.header .page-name,.header .right{flex-grow:0;flex-basis:unset}.header .page-name{font-size:13px}.header .right{gap:5px}.header .right .header-btn{width:35px}.header .right .user-box{padding:0}}@media (max-width: 400px){.header .page-name{display:none}}.notifications-box,.notifications-box .notifications-btn{position:relative}.notifications-box .notifications-btn .notifications-count{display:flex;justify-content:center;align-items:center;background-color:#b92222;width:18px;height:18px;border-radius:50%;position:absolute;top:2px;right:2px;color:#fff;font-size:12px;font-weight:600}.notifications-box .notifications-dropdown{position:absolute;top:70px;left:50%;transform:translate(-50%);background-color:#fff;border-radius:10px;box-shadow:0 3px 7px #00000018;width:300px;transition:.2s;transform-origin:top center}.notifications-box .notifications-dropdown:before{content:"";border:10px solid transparent;border-bottom-color:#1919a7;position:absolute;top:-20px;left:50%;translate:-50%}.notifications-box .notifications-dropdown .top{display:flex;justify-content:space-between;border-bottom:1px solid #e2e7f0;background-color:#1919a7;color:#fff;border-radius:10px 10px 0 0;padding:10px}.notifications-box .notifications-dropdown .top .notifications-title{line-height:25px}.notifications-box .notifications-dropdown .top .total{font-size:14px}.notifications-box .notifications-dropdown .loading-notifications-box{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#0000001f}.notifications-box .notifications-dropdown .notifications-list{display:flex;flex-direction:column;gap:10x;overflow-y:auto;height:350px;padding:10px;gap:10px;border-bottom:1px solid #e2e7f0}.notifications-box .notifications-dropdown .notifications-list .no-notifications{text-align:center}.notifications-box .notifications-dropdown .notifications-list .notification-item{display:flex;align-items:center;gap:10px;padding:7px;border-radius:10px;transition:.2s;border:1px solid #e2e7f0;color:#000}.notifications-box .notifications-dropdown .notifications-list .notification-item:hover{box-shadow:0 3px 7px #00000018}.notifications-box .notifications-dropdown .notifications-list .notification-item:hover.unread{border-color:#fff}.notifications-box .notifications-dropdown .notifications-list .notification-item:hover .content .notification-bottom .buttons{opacity:1}.notifications-box .notifications-dropdown .notifications-list .notification-item.unread{background-color:#e2e7f0}.notifications-box .notifications-dropdown .notifications-list .notification-item .icon,.notifications-box .notifications-dropdown .notifications-list .notification-item .image-box .image{width:40px;aspect-ratio:1/1;display:flex;justify-content:center;align-items:center;background-color:#f4f7fe;color:#fff;border-radius:50%;flex-shrink:0}.notifications-box .notifications-dropdown .notifications-list .notification-item .icon{background-color:#e2e7f0}.notifications-box .notifications-dropdown .notifications-list .notification-item .icon.red{background:linear-gradient(20deg,#fc2626,#ffa2a2)}.notifications-box .notifications-dropdown .notifications-list .notification-item .icon.green{background:linear-gradient(20deg,#19b313,#96e08c)}.notifications-box .notifications-dropdown .notifications-list .notification-item .icon.blue{background:linear-gradient(20deg,#114ccc,#8cb3e0)}.notifications-box .notifications-dropdown .notifications-list .notification-item .icon.yellow{background:linear-gradient(20deg,#ccb911,#d7e08c)}.notifications-box .notifications-dropdown .notifications-list .notification-item .icon.orange{background:linear-gradient(20deg,#f89d15,#ffd8a5)}.notifications-box .notifications-dropdown .notifications-list .notification-item .icon.purple{background:linear-gradient(20deg,#5e18e0,#c3a7f7)}.notifications-box .notifications-dropdown .notifications-list .notification-item .icon.pink{background:linear-gradient(20deg,#b818e0,#eea7f7)}.notifications-box .notifications-dropdown .notifications-list .notification-item .image-box{position:relative}.notifications-box .notifications-dropdown .notifications-list .notification-item .image-box .image{overflow:hidden;border:1px solid #e2e7f0;cursor:pointer}.notifications-box .notifications-dropdown .notifications-list .notification-item .image-box .image:hover img{filter:brightness(1.1);scale:1.1}.notifications-box .notifications-dropdown .notifications-list .notification-item .image-box .image img{width:100%;height:100%;object-fit:cover;transition:.2s}.notifications-box .notifications-dropdown .notifications-list .notification-item .image-box .icon{position:absolute;top:calc(100% - 5px);left:calc(100% - 5px);width:20px;translate:-50% -50%}.notifications-box .notifications-dropdown .notifications-list .notification-item .image-box .icon i{font-size:9px}.notifications-box .notifications-dropdown .notifications-list .notification-item .content{font-size:13px;font-weight:400;flex:1}.notifications-box .notifications-dropdown .notifications-list .notification-item .content a{font-size:13px}.notifications-box .notifications-dropdown .notifications-list .notification-item .content .bold-link{color:#000;font-weight:600}.notifications-box .notifications-dropdown .notifications-list .notification-item .content .bold{font-weight:600}.notifications-box .notifications-dropdown .notifications-list .notification-item .content .notification-bottom{display:flex;align-items:center;justify-content:space-between;height:20px}.notifications-box .notifications-dropdown .notifications-list .notification-item .content .notification-bottom time{font-size:11px;font-weight:500}.notifications-box .notifications-dropdown .notifications-list .notification-item .content .notification-bottom .buttons{overflow:hidden;opacity:0;transition:.2s}.notifications-box .notifications-dropdown .notifications-list .notification-item .content .notification-bottom .buttons .notification-btn{width:20px;aspect-ratio:1/1;height:unset;padding:0}.notifications-box .notifications-dropdown .notifications-list .notification-item .content .notification-bottom .buttons .notification-btn i{font-size:10px}.notifications-box .notifications-dropdown .bottom{padding:0}.notifications-box .notifications-dropdown .bottom .mark-all-as-read-btn{background-color:transparent;padding:6px 10px;width:100%;height:unset;color:#000;font-weight:500;font-size:14px;border-radius:0 0 10px 10px;display:flex;justify-content:center}.notifications-box .notifications-dropdown .bottom .mark-all-as-read-btn:hover{border-color:transparent;background-color:#f4f7fe}.sidebar{width:250px;flex-grow:1;height:100vh;overflow:auto;z-index:2;transition:.2s;flex-shrink:0;background-color:#070729;position:fixed;z-index:13}.sidebar .bg{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/assets/sidebar-bg-DR-dTsWb.jpg);z-index:-1;opacity:.2;background-size:cover;background-position:top bottom}.sidebar.close{width:60px}.sidebar.close .sidebar-top{padding:0}.sidebar.close .sidebar-top .title{width:0px}.sidebar.close .sidebar-top .close svg{rotate:180deg}.sidebar.close .menu-list .menu-item{flex-shrink:0;flex-basis:1px}.sidebar.close .menu-list .menu-item a{height:40px;flex-shrink:0;gap:0}.sidebar.close .menu-list .menu-item a .text{width:0}.sidebar .sidebar-top{display:flex;justify-content:center;align-items:center;height:60px;padding:20px;border-bottom:1px solid rgba(170,170,170,.425);color:#fff}.sidebar .sidebar-top .title{transition:.2s;font-weight:400;font-size:15px;overflow:hidden;height:40px;width:100%;display:flex;align-items:center;white-space:nowrap}.sidebar .sidebar-top .close{width:40px;aspect-ratio:1/1;border-radius:5px;font-size:20px;color:#fff;border-color:transparent;background-color:transparent;display:flex;justify-content:center;align-items:center}.sidebar .sidebar-top .close svg{font-size:35px;transition:.2s}.sidebar .menu-list{display:flex;flex-direction:column;list-style:none;flex-shrink:0;padding:15px 10px;gap:7px}.sidebar .menu-list .menu-item.active a{background-color:#ffffff46}.sidebar .menu-list .menu-item a{display:flex;align-items:center;gap:10px;height:40px;padding:7px 6px;border-radius:10px;color:#fff!important;flex-shrink:0;transition:.2s;font-weight:400;font-size:14px;white-space:nowrap}.sidebar .menu-list .menu-item a:hover{background-color:#ffffff52}.sidebar .menu-list .menu-item a .text{overflow:hidden}.sidebar .menu-list .menu-item a svg{width:27px;display:flex;justify-content:center;align-items:center;font-size:25px;flex-shrink:0}@media (max-width: 800px){.sidebar{width:60px}.sidebar .sidebar-top .close{rotate:180deg}.sidebar.close{width:250px}.sidebar.close .sidebar-top{padding:20px}.sidebar.close .sidebar-top .title{width:100%}.sidebar.close .menu-list .menu-item{flex-shrink:1;flex-basis:1px}.sidebar.close .menu-list .menu-item a{height:40px;flex-shrink:0;gap:10px}.sidebar.close .menu-list .menu-item a .text{width:unset}}.export-popup .items-count{margin-top:10px}.export-popup .options-list{display:flex}.export-popup .options-list .option{display:flex;align-items:center;gap:5px;padding:10px;border-radius:5px;transition:.2s;cursor:pointer}.export-popup .options-list .option:hover{background-color:#f4f7fe}.export-popup .options-list .option .image{width:50px;aspect-ratio:1/1;overflow:hidden}.export-popup .options-list .option .image img{width:100%;height:100%;object-fit:contain}.confirm-popup{max-width:400px!important}.invoice-box{height:calc(100% - 20px);max-width:700px!important;display:flex;flex-direction:column;align-items:center;overflow-y:auto}.invoice-box .invoice{width:100%;height:100%;overflow-y:auto}.invoice-box .invoice .head,.invoice-box .invoice .info-section{width:100%;padding:15px}.invoice-box .invoice .head{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:20px}.invoice-box .invoice .head .left{display:flex;align-items:center;gap:10px}.invoice-box .invoice .head .left .invoice-title{background-color:#1919a7;padding:5px 20px;font-size:30px;color:#fff;text-transform:uppercase;clip-path:polygon(0 0,100% 0,100% 65%,85% 100%,0% 100%)}.invoice-box .invoice .head .date-side{display:flex}.invoice-box .invoice .head .date-side .date .title,.invoice-box .invoice .head .date-side .invoice-number .title{text-align:end;color:#aaa;font-size:14px}.invoice-box .invoice .head .date-side .date .value,.invoice-box .invoice .head .date-side .invoice-number .value{font-weight:500;color:#2121cc}.invoice-box .invoice .logo-box{display:flex;justify-content:center;margin-bottom:15px}.invoice-box .invoice .logo-box .logo{width:120px;aspect-ratio:2.5/1;overflow:hidden;display:flex;justify-content:center;align-items:center}.invoice-box .invoice .logo-box .logo img{width:150%;height:150%;object-fit:contain}.invoice-box .invoice .info-section{display:flex;gap:15px;border-bottom:1px solid #e2e7f0}.invoice-box .invoice .info-section .platform-side,.invoice-box .invoice .info-section .customer-side{flex:1;display:flex;flex-direction:column;gap:4px}.invoice-box .invoice .info-section .platform-side>span,.invoice-box .invoice .info-section .customer-side>span{display:flex;align-items:center;height:25px;gap:5px;font-size:15px}.invoice-box .invoice .info-section .platform-side>span.title,.invoice-box .invoice .info-section .customer-side>span.title{font-weight:500;font-size:20px;margin-bottom:5px}.invoice-box .invoice .info-section .platform-side>span svg,.invoice-box .invoice .info-section .customer-side>span svg{flex-shrink:0;width:18px;height:unset;aspect-ratio:1/1;color:#070729;display:flex;justify-content:center;align-items:center;border-radius:50%;margin-top:3px}.invoice-box .invoice .info-section .customer-side span{direction:rtl}.invoice-box .invoice .invoice-table .content{display:flex;flex-direction:column;overflow:hidden;overflow-x:auto}.invoice-box .invoice .invoice-table .content .invoice-row{display:grid;grid-template-columns:1fr 110px 70px 110px;border:1px solid transparent;border-bottom-color:#e2e7f0;min-width:300px}.invoice-box .invoice .invoice-table .content .invoice-row:first-child{background-color:#070729;color:#fff;border-bottom:none}.invoice-box .invoice .invoice-table .content .invoice-row:last-child{background-color:#f4f7fe;font-weight:700;border-bottom:none}.invoice-box .invoice .invoice-table .content .invoice-row .invoice-item{padding:10px;font-size:14px}.invoice-box .invoice .invoice-table .content .invoice-row .invoice-item.title{color:#2121cc;font-weight:600}.invoice-box .invoice .invoice-table .content .invoice-row .invoice-item.value{text-align:end}.invoice-box .buttons{padding-top:20px;margin-top:auto;display:flex;align-items:center;gap:20px;width:100%}@media (max-width: 600px){.invoice-box{padding:10px!important;width:calc(100vw - 20px)!important;max-height:calc(100vh - 20px)!important}.invoice-box .buttons{padding-top:10px!important}.invoice-box .invoice .head{margin-bottom:0!important;padding:10px}.invoice-box .invoice .head .left .invoice-title{font-size:20px}.invoice-box .invoice .head .date-side .date,.invoice-box .invoice .head .date-side .invoice-number{font-size:11px}.invoice-box .invoice .head .date-side hr.vertical{margin:0 10px!important}.invoice-box .invoice .logo-box{margin-bottom:0!important}.invoice-box .invoice .info-section{padding:10px!important;flex-direction:column;gap:10px!important}.invoice-box .invoice .info-section .customer-side span,.invoice-box .invoice .info-section .platform-side span{font-size:12px;font-weight:500}.invoice-box .invoice .info-section .customer-side span{direction:ltr}.invoice-box .invoice .invoice-table .invoice-row{grid-template-columns:1fr 80px 60px 80px!important}.invoice-box .invoice .invoice-table .invoice-row .invoice-item{font-size:11px!important;padding:5px!important}}.alert-popup{position:fixed;padding:10px;top:15px;left:50%;translate:-50% 0;width:calc(100% - 20px);max-width:350px;min-width:150px!important;transition:.2s;background:#fff;border-radius:10px;box-shadow:0 3px 7px #00000018;border:1px solid #fff;z-index:14;animation:show-alert .3s}.alert-popup.success{border-color:#00b84c}.alert-popup.success .alert-popup-content .icon{background-color:#00b84c}.alert-popup.info{border-color:#007fd3}.alert-popup.info .alert-popup-content .icon{background-color:#007fd3}.alert-popup.warning{border-color:#e29b00}.alert-popup.warning .alert-popup-content .icon{background-color:#e29b00}.alert-popup.error{border-color:#eb261f}.alert-popup.error .alert-popup-content .icon{background-color:#eb261f}.alert-popup .alert-popup-content{display:flex;align-items:flex-start;gap:10px}.alert-popup .alert-popup-content .icon{width:40px;aspect-ratio:1/1;display:flex;justify-content:center;align-items:center;border-radius:50%;background-color:#aaa;color:#fff;flex-shrink:0}.alert-popup .alert-popup-content .icon i{font-size:24px}.alert-popup .alert-popup-content .text .title{font-size:20px;height:25px;font-weight:600;display:flex;align-items:center}.alert-popup .alert-popup-content .text .description{font-size:14px;line-height:20px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.alert-popup .close-alert-btn{display:flex;justify-content:center;align-items:center;position:absolute;top:5px;right:5px;width:26px;aspect-ratio:1/1;border-radius:5px;font-size:14px;border:none;background-color:transparent;transition:.2s}.alert-popup .close-alert-btn:hover{background-color:#e2e7f0}.alert-popup .progress-bar{position:absolute;bottom:3px;left:10px;height:3px;background-color:#888}@keyframes show-alert{0%{opacity:0;scale:.9;translate:-50% -200px}to{opacity:1;scale:1;translate:-50% 0}}.alert-preview{display:flex;justify-content:center}.alert-preview .alert-popup{scale:1;opacity:1;animation:unset;position:static}.hint{position:absolute;color:#d63030;display:flex;justify-content:space-between;align-items:center;gap:3px;font-size:13px;font-weight:600;line-height:18px;background-color:#fff;border:1px solid #ddd;padding:5px 8px;border-radius:30px;box-shadow:0 3px 7px #00000018;z-index:14;transition:.3s;width:fit-content;max-width:350px}.hint .side{display:flex;align-items:center;gap:3px}.hint .close-hint-btn{width:25px;aspect-ratio:1/1;border-radius:50%;display:flex;justify-content:center;align-items:center}.hint .close-hint-btn:hover{background-color:#ddd}.hint svg{font-size:15px}.hint:before{content:"";position:absolute;width:22px;aspect-ratio:2/1;background-color:#ddd;top:0;left:16px;translate:0 -100%;z-index:0;clip-path:polygon(50% 0%,0% 100%,100% 100%)}.hint:after{content:"";position:absolute;width:20px;aspect-ratio:2/1;background-color:#fff;top:1px;left:17px;translate:0 -100%;z-index:0;clip-path:polygon(50% 0%,0% 100%,100% 100%)}.file-viewer{max-width:unset!important;width:calc(100vw - 40px)!important;height:calc(100vh - 40px)!important;background-color:#222!important;display:flex;justify-content:center;align-items:center}.file-viewer .file-box{width:100%;height:100%;border-radius:10px;overflow:hidden;display:flex;justify-content:center;align-items:center}.file-viewer .file-box img{width:100%;height:100%;object-fit:contain}.file-viewer .unsupported-file-text{color:#fff}@media (max-width: 480px){.file-viewer{max-height:unset!important;padding:10px!important;border-radius:0!important;width:100vw!important;height:100vh!important}}.switch-box .switch-content{display:flex;align-items:center;gap:7px;cursor:pointer}.switch-box .switch-content .text{font-size:14px}.switch-box .switch-content:hover .switch{box-shadow:2px 2px 5px #00000091 inset}.switch-box .switch-content .switch{display:flex;justify-content:center;align-items:center;position:relative;width:45px;height:23px;background-color:#c0bfbf85;border-radius:30px;transition:.2s;overflow:hidden;box-shadow:2px 2px 5px #00000063 inset;padding-left:18px;padding-top:1px;font-size:10px;font-weight:600;-webkit-user-select:none;-ms-user-select:none;user-select:none;text-align:start}.switch-box .switch-content .switch.loading{cursor:not-allowed;opacity:.7;filter:saturate(0) brightness(.7)}.switch-box .switch-content .switch.blue.active:before{background-color:#0176c4}.switch-box .switch-content .switch:before{content:"On";position:absolute;width:100%;height:100%;display:flex;align-items:center;padding-left:9px;box-shadow:2px 2px 10px #000000b0 inset;background-color:#c0bfbf85;top:0%;left:-140%;color:#ffffffc2;font-weight:0;transition:.2s;border-radius:30px}.switch-box .switch-content .switch:after{content:"";position:absolute;transition:.2s;width:17px;height:17px;top:2px;left:2px;box-shadow:3px 3px 5px #00000048 inset;border:1px solid #fff;background-color:#fff;border-radius:50%}.switch-box .switch-content .switch input.form-control:focus{box-shadow:none}.switch-box .switch-content .switch.active:after{translate:-100%;left:calc(100% - 2px)}.switch-box .switch-content .switch.active:before{background-color:#08b31e;left:-5%}@media print{*{-webkit-print-color-adjust:exact;print-color-adjust:exact}.invoice-box{width:100vw!important;height:100vh!important;max-width:unset!important;max-height:unset!important;border-radius:0!important;box-shadow:unset!important}.invoice-box .buttons{display:none!important}}.item-card{max-height:calc(100vh - 40px);overflow:hidden;display:flex;flex-direction:column}.item-card .not-found-box{text-align:center;padding:20px}.item-card .card-title{margin-bottom:0}.item-card .card-body{display:flex;flex-direction:column;gap:10px;flex-grow:1;overflow-y:auto}.item-card .data-group{display:flex;gap:10px}.item-card .data-group .data-item{flex:1}.item-card .data-item{background-color:#f4f7fe;padding:10px;border-radius:5px}.item-card .data-item .data-title{font-weight:400;font-size:14px;color:#1919a7}.item-card .permissions-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.item-card .permissions-list .permission-item{display:flex;align-items:center;gap:5px;text-transform:capitalize}.item-card .permissions-list .permission-item .icon{width:18px;aspect-ratio:1/1;display:flex;justify-content:center;align-items:center;margin-top:3px}.item-card .permissions-list .permission-item .icon svg{font-size:18px}.item-card .permissions-list .permission-item .icon svg path{color:#028113}@media (max-width: 480px){.item-card .data-group{flex-direction:column}}body{font-family:Cairo,Arial,Helvetica,sans-serif;font-size:15px;display:flex;min-height:100vh;width:100vw;overflow-x:hidden;background-color:#f4f7fe}a,.link{color:#2571ff;text-decoration:none;font-weight:600;transition:.2s;cursor:pointer}a.no-link-style,.link.no-link-style{color:#555}a.not-link,.link.not-link{cursor:default}.double-side-list{display:flex;flex-direction:column;gap:10px}.double-side-list .double-side-item{display:flex}.double-side-list .double-side-item .side{flex:1;word-break:break-all;font-size:14px}.double-side-list .double-side-item .side.right-direction{direction:rtl}pre{overflow:auto;white-space:pre-wrap;word-wrap:break-word}pre p{overflow:hidden}.no-result-box{display:flex;justify-content:center;align-items:center;padding:10px}button{outline:none;border:1px solid #ccc;background-color:#fff;cursor:pointer;transition:.2s}button{border:none}.bold{font-weight:700}.red-clr{color:#da3737}.orange-clr{color:#da9008}.green-clr{color:#15ad15}.buttons{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap}.buttons>button,.buttons>a{flex-grow:1;width:unset}.dark-bg{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0000008a;z-index:13;animation:showBg .3s}@keyframes showBg{0%{opacity:0}to{opacity:1}}li[data-list=bullet]{list-style:circle}ol{margin:5px 0}.quill{box-shadow:0 3px 7px #00000018;border-radius:10px}.quill .ql-toolbar,.quill .ql-container{border-radius:10px;border-color:#e2e7f0!important}.quill .ql-toolbar{border-bottom-left-radius:0;border-bottom-right-radius:0}.quill .ql-container{border-top-left-radius:0;border-top-right-radius:0}*{box-sizing:border-box;font-family:Cairo,Arial,Helvetica,sans-serif}*:not(ol){margin:0;padding:0}*::-webkit-scrollbar{width:8px;height:8px;box-shadow:0 0 5px #0000002a}*::-webkit-scrollbar-track{background-color:#e2e7f0;border:1px solid #ccc}*::-webkit-scrollbar-thumb{background:#96a6c5;border-radius:30px}*::selection{background-color:#aaaaaaa4}.hr{height:3px;background-color:#e2e7f0;opacity:.4;border:none;outline:none;margin:15px 0;border-radius:10px}.hr.vertical{height:unset;width:3px;margin:0 15px}.hide{display:none}.main{width:100vw;overflow-x:hidden;background-color:#f4f7fe}.dashboard-page{width:100%;padding-left:250px;overflow:hidden;transition:.2s;min-height:100vh;display:flex;flex-direction:column}.dashboard-page.sidebar-closed{padding-left:60px}.dashboard-page .page{padding:20px;width:100%;height:100%;flex:1;display:flex;flex-direction:column;gap:20px;background-color:#f4f7fe;overflow-y:auto;overflow-x:hidden}.dashboard-page .page.margin-top{margin-top:60px}#root{display:flex;width:100vw;overflow:hidden;background-color:#f4f7fe}.viewable{cursor:pointer;transition:.2s}.viewable img{transition:.2s}.viewable:hover{filter:brightness(1.1)}.viewable:hover img{scale:1.03}img.viewable{cursor:pointer;transition:.2s}img.viewable:hover{filter:brightness(1.1);scale:1.03}.circle-image{width:40px;aspect-ratio:1/1;display:flex;justify-content:center;align-items:center;border-radius:50%;overflow:hidden}.circle-image img{width:100%;height:100%;object-fit:cover}.popup{position:fixed;top:50%;left:50%;width:calc(100vw - 40px);transform:translate(-50%,-50%);max-width:500px;max-height:calc(100vh - 40px);overflow:hidden;z-index:13}.popup .close-popup-btn{position:absolute;top:10px;right:10px;background-color:#e2e7f0;width:30px;aspect-ratio:1/1;border-radius:50%;display:flex;justify-content:center;align-items:center;z-index:2}.popup .close-popup-btn:hover{background-color:#d66}.popup .close-popup-btn:hover svg path{color:#fff}.popup .close-popup-btn svg{font-size:20px}.popup .close-popup-btn svg path{transition:.2s;color:#888}.user-info-item{display:flex;align-items:center;gap:15px}.user-info-item:not(:last-child){border-bottom:1px solid #e2e7f0;margin-bottom:8px;padding-bottom:8px}.user-info-item .icon{width:40px;aspect-ratio:1/1;flex-shrink:0;display:flex;justify-content:center;align-items:center;background-color:#2121cc;border-radius:50%}.user-info-item .icon i{color:#fff;font-size:20px}.user-info-item .text .title{font-size:17px;font-weight:600}.user-info-item .text .value{font-size:13px;height:25px;display:flex;margin-top:-5px}.verified-badge{width:15px;aspect-ratio:1/1;overflow:hidden;display:flex;justify-content:center;align-items:center}.verified-badge svg{font-size:15px}.verified-badge svg path{color:#3f3fe7}.section-title{font-size:20px;font-weight:600;margin-bottom:10px;display:flex;align-items:center;gap:5px}.page-loading-box{flex:1;display:flex;justify-content:center;align-items:center}.action-btn{position:relative;transition:.2s;width:28px;height:28px;padding:0;border-radius:7px;background-color:#3f3fe7;display:flex;justify-content:center;align-items:center}.action-btn svg{font-size:20px}.action-btn svg path{color:#fff}.action-btn.blue{background-color:#2571ff}.action-btn.red{background-color:#f53b3b}.action-btn.green{background-color:#08b31e}.action-btn.yellow{background-color:#ceb900}.action-btn:hover{filter:brightness(1.1)}.action-btn:hover .title{scale:1;opacity:1;top:-15px}.link-btn{border:none;position:relative;flex-grow:1;flex-shrink:0;background-color:transparent;color:#2121cc;font-size:15px;cursor:pointer;transition:.2s}.link-btn.center{text-align:center}.link-btn:before{position:absolute;content:"";width:0;max-width:140px;height:1px;bottom:0;left:50%;transform:translate(-50%);transition:.2s;background-color:#2121cc}.link-btn:hover{filter:brightness(1.2)}.link-btn:hover:before{width:80%}.info-icon{width:20px;aspect-ratio:1/1;display:flex;justify-content:center;align-items:center}.info-icon svg{font-size:15px}.info-icon svg path{color:#777}.showup{transform-origin:center center;animation:make-it-appear .3s}@keyframes make-it-appear{0%{opacity:0;translate:0 20px}to{opacity:1;translate:0 0}}.card{padding:15px;border-radius:10px;box-shadow:0 3px 7px #00000018;background-color:#fff}.card.fill-page{flex-grow:1}.card .card-title{font-weight:400;font-size:22px;margin-bottom:10px;display:flex;align-items:center;gap:5px}.visitor-page{width:100vw;background-color:#f4f7fe}p{font-size:14px;line-height:18px}h1{font-size:24px;line-height:32px}.empty-table-box{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:auto 0;opacity:0;animation:showEmptyTableBox .2s .1s forwards}.empty-table-box>.loading.three-dots{min-height:140px!important}.empty-table-box .image{width:100%;max-width:300px;overflow:hidden;aspect-ratio:2/1.5;margin-bottom:10px}.empty-table-box .image img{width:100%;height:100%;object-fit:contain}.empty-table-box .description{margin-bottom:20px;text-align:center}@keyframes showEmptyTableBox{0%{opacity:0}to{opacity:1}}.fake-data-box{padding:1px 10px!important;font-size:14px;font-weight:500!important;background-color:#f77f0f!important;color:#fff}.boolean-icon.yes svg path{color:#08b31e}.boolean-icon.no svg path{color:#f53b3b}p.description{color:#444}.highlight-box{background-color:#e2e7f0;padding:5px 10px;border-radius:5px}.highlight-box.center{text-align:center}.highlight-box.red,.highlight-box.green{color:#fff}.highlight-box.green{background-color:#08b31e}.highlight-box.red{background-color:#f53b3b}@media (max-width: 800px){.dashboard-page{padding-left:60px}}@media (max-width: 480px){.page{padding:10px!important;gap:10px!important}.card:not(.popup){padding:10px!important}.section-title{margin-bottom:10px}.form .title{font-size:18px!important}.form button{font-size:14px}.form button .btn-content svg{font-size:20px}.form .two-inputs{flex-direction:column;align-items:flex-start;gap:10px!important}.form .two-inputs .input-group{flex:unset;width:100%}.form .two-inputs .main-btn{flex:unset;margin-top:0;width:100%;margin-bottom:10px}.dashboard-page .page{padding:10px}}.form-page .form-card form{display:flex;flex-direction:column;border:none;padding:0;overflow:hidden;gap:10px}.form-page .form-card form .card-body{padding:15px;border-radius:10px;flex-grow:1;overflow-y:auto;overflow-x:hidden;border:1px solid #e2e7f0}.form-page .form-card form .card-body .no-permission-box{display:flex;justify-content:center;align-items:center}.form-page.page{padding:15px 0;background-color:#f4f7fe}.form-page.page .submit-btn{max-width:230px;margin:0 auto}.form-page{width:100vw;display:flex;justify-content:center}.form-card{display:flex;flex-direction:column;max-width:650px}.form-card .form-title{text-align:center;font-weight:400;font-size:22px;margin-bottom:10px}.form-card form .buttons,.form-card .form .buttons{display:flex;justify-content:flex-start}.form-card form hr,.form-card .form hr{margin:20px 0;height:4px;border-radius:30px;width:100%;background-color:#e2e7f0;border:none}.form-card form textarea,.form-card .form textarea{height:100px;padding:10px;font-family:Arial,Helvetica,sans-serif;resize:vertical;max-height:200px}.form-card form .input-item,.form-card .form .input-item{display:flex;flex-direction:column;width:100%;margin-bottom:10px}.form-card form .input-item .form-label,.form-card .form .input-item .form-label{font-size:13px;padding:0 10px;margin-bottom:5px}.form-card form .input-item input,.form-card .form .input-item input{width:100%}.form-card form .input-item input[type=checkbox],.form-card .form .input-item input[type=checkbox]{width:20px}.form-card form .right,.form-card .form .right{display:flex;flex-direction:column;gap:20px}.form-card form .buttons,.form-card .form .buttons{display:flex;gap:15px;flex-grow:1}.form-card form .left,.form-card .form .left{display:flex;flex-direction:column;gap:10px}.form-card .section-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e2e7f0}.form-card .section-top .right{display:flex;flex-direction:row;align-items:center;gap:5px;flex-shrink:0}.form-card .section-top .right .checkbox{border-right:1px solid #ccc;padding-right:10px}.form-card .section-top .right .checkbox .text{flex-shrink:0;white-space:nowrap}.form-card .groups-section .section-top{border-bottom:none}.form-card .groups-section .groups-list{max-height:300px;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:10px;border-radius:10px;border:1px solid #e2e7f0}.form-card .groups-section .groups-list .group{padding:10px;background-color:#fff;border-radius:10px;border:1px solid #e2e7f0}.form-card .groups-section .groups-list .group .group-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e2e7f0;margin-bottom:10px;padding:0 10px 10px;height:40px}.form-card .groups-section .groups-list .group .group-top .group-name{font-weight:400;font-size:18px;display:flex;align-items:center;gap:5px}.form-card .groups-section .groups-list .group .list{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.form-card .groups-section .groups-list .group .list .item{padding:5px;width:fit-content}@media (max-width: 480px){.form-card{padding:10px!important;width:calc(100% - 20px);max-height:calc(100% - 20px)}.form-card .form-title{margin-bottom:0;font-size:17px}.form-card form,.form-card .form{padding:0;flex:1}.form-card form .card-body,.form-card .form .card-body{padding:10px!important}.form .bottom .buttons{gap:10px;flex-wrap:wrap}.form .bottom .buttons .main-btn{flex:1;max-width:unset}.form .two-inputs{flex-direction:column;gap:0!important}.form .two-inputs .input-group{width:100%}.form .sides{flex-direction:column}.form .sides .side{max-width:unset!important;width:100%}.form .two-inputs .main-btn{flex:unset!important;margin-top:10px!important;max-width:200px}.form-page.page .form-card{border-radius:10px;width:calc(100% - 20px);height:fit-content!important}}.form{display:flex;flex-direction:column;border-radius:10px;background-color:#fff}.form .sides{width:100%;display:flex;gap:15px;margin-bottom:15px}.form .sides .side{flex:1;overflow:hidden}.form .sides .side.fit-content{flex:unset;flex-shrink:0}.form .image{width:100%;max-width:250px;margin:0 auto;aspect-ratio:1/1;overflow:hidden;border-radius:10px;border:1px solid #ccc;display:flex;justify-content:center;align-items:center}.form .image img{width:100%;height:100%;object-fit:cover}.form .user-image-side .main-btn,.form .website-image-side .main-btn{cursor:pointer;margin-top:15px}.form .website-image-side .image{max-width:170px}.form .form-section-title{font-size:18px;font-weight:600}.form .two-inputs{display:flex;gap:15px}.form .two-inputs.no-wrap{flex-direction:row}.form .two-inputs .input-group{flex:2}.form .two-inputs .main-btn{flex:1;margin-top:28px!important}.form .info-box{margin-bottom:10px}.form .description{font-size:14px;opacity:.9;margin-bottom:10px}.form .description.no-margin{margin:0}.form .description.center{text-align:center}.form .submit{padding:6px 10px;font-size:15px}.form .form-hr{margin:15px 0}.form .form-input-text-group .form-input-text{display:flex;align-items:center}.form .form-input-text-group.height-fit-content .form-input-text{padding:6px;height:fit-content!important}.form .form-input-text-group.align-start .form-input-text{align-items:flex-start}.form .form-input-text-group.height-textarea .form-input-text{min-height:150px}.form .form-input-text-group .no-icon .form-input-text{padding:6px 15px!important}.required{color:#d66;padding:0 3px;scale:1.3;font-size:12px}.input-group{position:relative;flex-basis:1px;flex-grow:4}.input-group:not(:last-child){margin-bottom:10px}.input-group.small{flex-grow:2}.input-group.small2{flex-grow:1}.input-group:not(.form-input-text-group) .input:hover,.input-group:not(.form-input-text-group) .selected-item:hover{box-shadow:0 3px 5px #00000028}.input-group .show-password-btn{position:absolute;top:20px;right:8px;width:30px;aspect-ratio:1/1;border-radius:50%;display:flex;justify-content:center;align-items:center;transform:translateY(-50%);cursor:pointer;transition:.2s}.input-group .show-password-btn i{font-size:16px}.input-group .show-password-btn:hover{color:#2121cc}.input-group .input,.input-group .selected-item{display:flex;position:relative;border-radius:30px;border:1px solid #e2e7f0;box-shadow:0 3px 7px #00000018;transition:.2s;overflow:hidden}.input-group .input.textarea,.input-group .selected-item.textarea{border-radius:20px;align-items:flex-start}.input-group .input.textarea .icon,.input-group .selected-item.textarea .icon{aspect-ratio:1/1}.input-group .input .icon,.input-group .selected-item .icon{width:45px!important;display:flex;align-items:center;justify-content:center;flex-shrink:0}.input-group .input .icon i,.input-group .selected-item .icon i{font-size:22px}.input-group .input input,.input-group .input .form-input-text,.input-group .input textarea,.input-group .selected-item input,.input-group .selected-item .form-input-text,.input-group .selected-item textarea{border:none;border-radius:0;padding-right:0;padding-left:0;width:calc(100% - 60px)}.input-group .input input,.input-group .input .form-input-text,.input-group .selected-item input,.input-group .selected-item .form-input-text{height:38px}.input-group .input .form-input-text,.input-group .selected-item .form-input-text{margin:0;font-size:13px}.input-group .input:focus-within{border-color:#7e7ef8}.input-group .select-box{height:45px;z-index:3}.input-group .select-box .search-input{height:40px;margin-top:10px}.input-group .select-box.active .selected-item{box-shadow:unset}.input-group .select-box .selected-item{padding-left:0}.input-group .select-box .selected-item .icon{width:15px}.input-group.align{display:flex;align-items:center}.input-group.align label{font-size:14px;padding:0 5px}.input-group label{min-height:26px}.input-group label,.input-group .input-group-label{position:relative;z-index:2;display:flex;padding:0 10px;min-height:24px;font-size:14px;width:fit-content}.two-inputs .input-group:last-child{margin-bottom:10px}.two-inputs.permissions{display:flex;justify-content:space-between;margin-bottom:10px}input,textarea,select{width:100%;background-color:transparent;border:1px solid #e2e7f0}input::placeholder,textarea::placeholder,select::placeholder{color:#96a6c5}input,textarea,select,.main-btn{border-radius:30px;padding:0 10px;height:35px;outline:none}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.dark-mode .alert-popup{background-color:#444}.dark-mode .alert-popup .text .title,.dark-mode .alert-popup .text .description,.dark-mode .alert-popup .close-alert-btn{color:#ccc}.dark-mode .alert-popup .close-alert-btn:hover{color:#000}.dark-mode .hint{background-color:#444;border-color:#555}.dark-mode .hint .close-hint-btn{background-color:transparent;color:#ccc}.dark-mode .hint:before{background-color:#555}.dark-mode .hint:after{background-color:#444}.dark-mode .sidebar,.dark-mode .loading-page{background-color:#222}.dark-mode .loading-page .image img.logo-icon{display:none}.dark-mode .loading-page .image img.logo-icon-white{display:unset}.dark-mode .loading-page .spinner{border-color:#fff!important;border-left-color:transparent!important;border-right-color:transparent!important}.dark-mode .electrons .ring{border-color:#fff!important}.dark-mode .sidebar .info-box,.dark-mode .dashboard-page .info-box{border-color:#555;color:#ccc;background-color:#444!important}.dark-mode .show-password-btn{background-color:transparent}.dark-mode .show-password-btn:hover{background-color:#666}.dark-mode .boolean-icon.yes svg path{color:#08b31e!important}.dark-mode .boolean-icon.no svg path{color:#f53b3b!important}.dark-mode .dashboard-page{background-color:#222}.dark-mode .dashboard-page .invoice-box .invoice .invoice-table .content .invoice-row:last-child{background-color:#333}.dark-mode .dashboard-page .payment-methods-list .payment-method-item.active{background-color:#555}.dark-mode .dashboard-page .payment-methods-list .payment-method-item:not(.active):hover{background-color:#666!important}.dark-mode .dashboard-page .payment-page .double-side-list{background-color:#555}.dark-mode .dashboard-page .select-box .selected-item,.dark-mode .dashboard-page .select-box .select-dropdown{background-color:#444}.dark-mode .dashboard-page .select-box .select-dropdown .dropdown-list .dropdown-item:hover{background-color:#555}.dark-mode .dashboard-page .select-box .select-dropdown .dropdown-list .dropdown-item.active{background-color:#666}.dark-mode .dashboard-page .card,.dark-mode .dashboard-page .apexcharts-menu,.dark-mode .dashboard-page .apexcharts-tooltip,.dark-mode .dashboard-page .apexcharts-tooltip-series-group,.dark-mode .dashboard-page .apexcharts-tooltip-title{background-color:#444!important}.dark-mode .dashboard-page .apexcharts-yaxis *,.dark-mode .dashboard-page .apexcharts-xaxis-texts-g text,.dark-mode .dashboard-page .apexcharts-xaxis-texts-g tspan,.dark-mode .dashboard-page .apexcharts-xaxis-texts-g title{color:#fff!important;background-color:#444}.dark-mode .dashboard-page *:not(.link){color:#ccc!important}.dark-mode .dashboard-page *.link{color:#7eaafd}.dark-mode .dashboard-page *::placeholder{color:#ccc!important}.dark-mode .dashboard-page *:not(.ring){border-color:#555!important}.dark-mode .dashboard-page * .logout-btn{color:#fca2a2!important}.dark-mode .dashboard-page * .logout-btn .logout-text,.dark-mode .dashboard-page * .logout-btn svg,.dark-mode .dashboard-page * .logout-btn path{color:#fca2a2!important}.dark-mode .dashboard-page .header{background-color:#444}.dark-mode .dashboard-page .navbar{background-color:#333}.dark-mode .dashboard-page strong{color:#e2e7f0!important}.dark-mode .dashboard-page .fake-data-box{background-color:#db6b03!important}.dark-mode .dashboard-page .page{background-color:transparent}.dark-mode .dashboard-page .status-box{background-color:#555;border-color:#666!important}.dark-mode .dashboard-page .status-box svg path{color:#fff!important}.dark-mode .dashboard-page .modern-spinner-box .modern-spinner circle{stroke:#fff}.dark-mode .dashboard-page .popup .close-popup-btn{background-color:#666}.dark-mode .dashboard-page .popup .close-popup-btn:hover{background-color:#d66}.dark-mode .dashboard-page .popup.export-popup .options-list .option:hover{background-color:#666}.dark-mode .dashboard-page .header .brand .logo img.horizontal-logo{display:none}.dark-mode .dashboard-page .header .brand .logo img.horizontal-logo-white{display:unset}.dark-mode .dashboard-page .header .right .header-btn:hover,.dark-mode .dashboard-page .header .right .header-btn.active{background-color:#666}.dark-mode .dashboard-page .header .right .notifications-box .notifications-count{background-color:#d66;color:#fff!important}.dark-mode .dashboard-page .header .right .notifications-dropdown{background-color:#444}.dark-mode .dashboard-page .header .right .notifications-dropdown .notification-item.unread{background-color:#666}.dark-mode .dashboard-page .header .right .notifications-dropdown .notification-item .icon svg path{color:#fff!important}.dark-mode .dashboard-page .table .top .left .inputs .search-box .search-btn:hover{background-color:#666}.dark-mode .dashboard-page .table .data-list .data-row.head-row .row-item{background-color:#222}.dark-mode .dashboard-page .table .data-list .data-row.head-row .row-item.sortable:hover,.dark-mode .dashboard-page .table .data-list .data-row.head-row .row-item.sortable.active{background-color:#111}.dark-mode .dashboard-page .table .data-list .data-row.odd .row-item{background-color:#333}.dark-mode .dashboard-page .table .table-pagination .center .pagination-btn:not(.page-btn):hover{background-color:#555}.dark-mode .dashboard-page .form-card{background-color:#444}.dark-mode .dashboard-page .form{background-color:transparent}.dark-mode .dashboard-page .file-input-box .input .top-box{background-color:#555}.dark-mode .dashboard-page .file-input-box .remove-file-btn svg path{color:#666!important}.dark-mode .dashboard-page .tabs .tab-btn{background-color:#333!important}.dark-mode .dashboard-page .tabs .tab-btn.active{background-color:#444!important}.dark-mode .dashboard-page .groups-section .groups-list{background-color:#222}.dark-mode .dashboard-page .groups-section .groups-list .group{background-color:#444}.dark-mode .dashboard-page .hr{background-color:#666!important}.dark-mode .dashboard-page .checkbox .check:not(.active){background-color:#555}.dark-mode .dashboard-page .checkbox .check.active svg path{color:#fff!important}.dark-mode .dashboard-page .checkbox .check svg path{color:transparent!important}.dark-mode .dashboard-page .checkbox:hover .check:not(.active){background-color:#666!important}.dark-mode .dashboard-page .checkbox:hover .check:not(.active) svg path{color:#aaa!important}.dark-mode .dashboard-page .main-btn:not(.transparent-bg).gray .btn-content{color:#000!important}.dark-mode .dashboard-page .main-btn:not(.transparent-bg).gray .btn-content svg path{color:#000!important}.dark-mode .dashboard-page .main-btn.disabled{background-color:#666}.dark-mode .dashboard-page .item-card .card-body .data-item{background-color:#333}.dark-mode .dashboard-page .highlight-box{background-color:#555}.dark-mode .dashboard-page *::-webkit-scrollbar-track{background-color:#666;border-color:#444}.dark-mode .dashboard-page *::-webkit-scrollbar-thumb{background:#aaa}@media (max-width: 850px){.dark-mode .dashboard-page .header .brand .logo img.horizontal-logo,.dark-mode .dashboard-page .header .brand .logo img.horizontal-logo-white,.dark-mode .dashboard-page .header .brand .logo img.icon-logo{display:none}.dark-mode .dashboard-page .header .brand .logo img.icon-logo-white{display:unset}}