@import url(https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;600;700&display=swap);:root{--bg-linear-color:linear-gradient(180deg,#2c2c2e,#1d1d1f);--modal-bg-linear:linear-gradient(to left bottom,#363537,#333336);--sidemenu-bg-linear:linear-gradient(to left bottom,#363537,#333336);--secondary-black-color:#434348;--primary-black-color:#252526;--primary-black-color-hover:#2b2a2a;--nav-border-color:#2c2c2e;--primary-color:#6c6cff;--primary-color-hover:#8787fd;--text-color:#fff;--side-menu-text:#fff;--table-border:#434348;--side-menu-primary:#252526;--bg-table-btn:#434348;--table-bg:#252526;--fine-border-bottom:1px solid hsla(0,0%,100%,.1);--fine-border-top:1px solid hsla(0,0%,100%,.15);--shadow-bottom:0 2px 3px 0 rgba(0,0,0,.15);--outline:0 0 0 1px var(--primary-color)}:root .sidebar .logo svg{fill:#fff}[theme=light]{--bg-linear-color:linear-gradient(180deg,#f4f4f4,#f4f4f4);--modal-bg-linear:linear-gradient(to left bottom,#fff,#fff);--sidemenu-bg-linear:linear-gradient(to left bottom,#fff,#fff);--secondary-black-color:#eee;--primary-black-color:#ebebeb;--primary-black-color-hover:#ddd;--nav-border-color:#f4f4f4;--primary-color:#6c6cff;--primary-color-hover:#8787fd;--text-color:#333;--side-menu-text:#333;--table-border:#ddd;--side-menu-primary:#ebebeb;--bg-table-btn:#ddd;--table-bg:#f4f4f4;--fine-border-bottom:1px solid rgba(0,0,0,.1);--fine-border-top:1px solid rgba(0,0,0,.15);--shadow-bottom:0 2px 3px 0 transparent;--outline:0 0 0 1px var(--primary-color)}[theme=light] .sidebar .logo svg{fill:#2328a0}[theme=dark]{--bg-linear-color:linear-gradient(180deg,#f4f4f4,#f4f4f4);--modal-bg-linear:linear-gradient(to left bottom,#fff,#fff);--sidemenu-bg-linear:linear-gradient(to left bottom,#363537,#333336);--secondary-black-color:#eee;--primary-black-color:#ebebeb;--primary-black-color-hover:#ddd;--nav-border-color:#f4f4f4;--primary-color:#6c6cff;--primary-color-hover:#8787fd;--text-color:#333;--side-menu-text:#fff;--table-border:#ddd;--side-menu-primary:#252526;--bg-table-btn:#ddd;--table-bg:#f4f4f4;--fine-border-bottom:1px solid rgba(0,0,0,.1);--fine-border-top:1px solid rgba(0,0,0,.15);--shadow-bottom:0 2px 3px 0 transparent;--outline:0 0 0 1px var(--primary-color)}[theme=dark] .sidebar .logo svg{fill:#fff}html{font-size:62.5%}body{background-image:var(--bg-linear-color);color:var(--text-color);height:100vh;font-size:160%;font-family:Cairo,sans-serif}[dir=ltr] .geo-btn{margin-left:1rem;margin-right:0}.geo-btn{width:49px;height:49px;border:none;margin-right:1rem;border-radius:.5rem;background-color:var(--primary-black-color);color:#fff;transition:all .3s}.geo-btn:hover{background-color:var(--primary-black-color-hover)}.quill-editor .ql-blank:before{color:#888}.quill-editor .ql-container.ql-snow{border:none;background-color:var(--primary-black-color);border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}.quill-editor .ql-toolbar.ql-snow{border:none;border-bottom:var(--fine-border-bottom);border-top-left-radius:1rem;border-top-right-radius:1rem;display:flex;justify-content:flex-start}.quill-editor .ql-toolbar.ql-snow,.quill-editor .ql-toolbar.ql-snow .ql-picker-options{background-color:var(--primary-black-color)}.quill-editor .ql-toolbar.ql-snow .ql-formats{margin-right:0;display:flex}.quill-editor .ql-toolbar.ql-snow .ql-formats .ql-picker-label{text-align:left}.quill-editor .ql-toolbar.ql-snow .ql-formats .ql-picker-label svg{left:auto;right:0}.quill-editor .ql-toolbar.ql-snow .ql-formats .ql-picker-label:before{margin-top:3px}.quill-editor .ql-toolbar.ql-snow .ql-picker{color:var(--text-color)}.quill-editor .ql-toolbar.ql-snow .ql-stroke{stroke:var(--text-color)}.quill-editor .ql-toolbar.ql-snow .ql-fill{fill:var(--text-color)}.order-details,.product-details{background-color:var(--primary-black-color);color:var(--text-color);border-radius:.5rem;padding:1rem 2rem}.image-placeholder{color:var(--text-color);width:5rem;height:5rem;background-color:var(--secondary-black-color);border-radius:50%;display:flex;justify-content:center;align-items:center}.no-data-sections{text-align:center;font-size:120%;color:var(--table-border);padding:20rem 0}.no-data-sections i{font-size:180%;margin-bottom:1rem}.tooltip-inner{font-size:150%;padding:.5rem 1rem;font-weight:600}.layout{display:flex}.layout .content{position:relative;padding-right:255px!important;width:100%}@media only screen and (max-width:600px){.layout .content{padding-right:1rem!important}}.layout .content__page{padding-top:10rem;padding-left:1rem;height:calc(100vh - 1rem);overflow-y:auto}@media only screen and (max-width:600px){.layout .content__page{padding-top:9rem}}.closeSidebar{background-color:var(--primary-black-color);width:3.5rem;height:3.5rem;border-radius:50%;display:none;align-items:center;justify-content:center;cursor:pointer}@media only screen and (max-width:600px){.closeSidebar{display:flex}}@media only screen and (min-width:600px){.menu-toggle{display:none}}*{scrollbar-width:thin;scrollbar-color:var(--primary-black-color) var(--secondary-black-color)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--secondary-black-color)}::-webkit-scrollbar-thumb{background-color:var(--primary-black-color-hover);border-radius:20px;border:3px solid var(--secondary-black-color)}.content{padding-right:25.5rem}.content__page{padding-top:10rem;padding-left:1rem;height:calc(100vh - 1rem);overflow-y:auto}.page-title h1{font-size:140%}.bg-grey{background-color:var(--secondary-black-color)}.inline-input{background-color:var(--primary-black-color);border:none;padding:.3rem 1rem;border-radius:5px;width:100%;color:var(--text-color)}.inline-input:focus{outline:none}.form-group{position:relative}.form-group label{margin-bottom:1rem;font-size:100%;color:#888}.form-group .form-control{background-color:var(--primary-black-color);border:none;padding:1.2rem 1.5rem;color:var(--text-color);font-size:80%;border-bottom:var(--fine-border-bottom)}.form-group .form-control:focus{box-shadow:var(--outline)}.form-group .custom-file,.form-group .custom-select,.form-group .form-control[type=date],.form-group .select-add button{border:none;background-color:var(--secondary-black-color);border-top:var(--fine-border-top);box-shadow:var(--shadow-bottom);color:var(--text-color)}.form-group .select-add .fake-input{width:100%;height:5rem;margin-left:1rem;background-color:var(--secondary-black-color);border-radius:.5rem;padding:1rem 1.5rem;border-top:var(--fine-border-top);box-shadow:var(--shadow-bottom)}.form-group .select-add .add-btn{margin-left:1rem}.form-group .icon-label{position:absolute;left:1.7rem;bottom:1.3rem;margin-bottom:0;font-size:100%;color:var(--text-color);cursor:pointer}.form-group .select-add{display:flex}.form-group .select-add button{width:6rem;border-radius:.5rem;font-size:150%}.form-group .custom-file,.form-group .custom-select{padding:.85rem 1.5rem;width:100%;margin-left:1rem;border-radius:.5rem;overflow:hidden}.form-group .custom-file .custom-file-label,.form-group .custom-select .custom-file-label{display:none}.form-group .custom-file .custom-file-input,.form-group .custom-select .custom-file-input{width:100%}.form-group .custom-radio{margin-left:2rem}.form-group .custom-radio input{margin-left:.5rem}.form-group .custom-radio .custom-control-label{color:var(--text-color)}.form-group .custom-radio .custom-control-inline{width:-moz-fit-content!important;width:fit-content!important}.form-group .v-select,.form-group .v-select *{direction:rtl;text-align:right}.form-group .vs__dropdown-toggle{background-color:var(--secondary-black-color);height:4.8rem;padding:0 1rem;border:none;border-top:var(--fine-border-top);box-shadow:var(--shadow-bottom)}.form-group .vs__search{margin:0;padding:0;font-size:100%}.form-group .vs__selected{margin:0;padding:0;color:var(--text-color)}.form-group .vs__actions{padding:0}.form-group .vs__actions svg{fill:var(--text-color)}.form-group .vs__clear{margin-top:-.5rem;margin-left:1rem}.form-group .vs__dropdown-menu{background-color:var(--primary-black-color);color:var(--text-color);text-align:right}.chackbox-container .custom-checkbox input{margin-left:1rem}.is-invalid{border:1px solid #c93746!important}.pagination ul{font-size:100%;padding:10px;background-color:var(--primary-black-color);border-radius:50px}.pagination ul li{margin-left:.3rem}.pagination .page-link{font-size:100%;background-color:var(--secondary-black-color);border:none;width:3rem;height:3rem;display:flex;justify-content:center;align-items:center;color:var(--text-color)}.pagination .page-link:focus{box-shadow:none}.pagination .page-link[aria-checked=true]{background-color:var(--primary-color);color:#fff}.pagination .page-link[aria-checked=false]{background-color:transparent}.color-picker{display:flex;align-items:center}.color-picker .label{width:-moz-fit-content;width:fit-content;color:#888;margin-left:2rem}.color-picker .colors{list-style:none;display:flex;padding:0;margin:0}.color-picker .colors li{margin-left:1rem;cursor:pointer}.color-picker .color{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%}.color-picker .active{box-shadow:0 0 0 .5rem var(--secondary-black-color);border:1px solid var(--primary-black-color);color:#fff}.replay .replay-header{display:flex;align-items:center;margin-bottom:1rem}.replay .replay-header .user-image{width:5rem;height:5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--secondary-black-color);text-transform:uppercase;margin-left:1rem}.replay .replay-header .user-info{flex:1;display:flex;justify-content:space-between}.replay .replay-header .user-info .username{font-size:120%}.replay .replay-header .user-info .user-role{font-size:90%;color:#888;text-transform:lowercase}.replay .replay-header .user-info .date{font-size:90%;color:#888}.replay .replay-body{margin-right:6rem;font-size:120%}.map-container .mapboxgl-control-container{display:none}#app.ltr .layout .content{padding:0!important;padding-left:255px!important}.sidebar{min-width:235px;height:calc(100vh - 1rem);position:fixed;right:0;top:0;margin-top:1rem;margin-right:1rem;background:var(--sidemenu-bg-linear);border-radius:1rem;transition:all .2s ease-in-out;z-index:99}@media only screen and (max-width:600px){.sidebar{right:-245px;top:0;margin-top:0;margin-right:0;border-radius:0}}.sidebar .logo-container{display:flex;justify-content:center;margin-top:3rem}@media only screen and (max-width:600px){.sidebar .logo-container{margin-top:1rem}}.sidebar .logo-container .logo{margin-bottom:3rem;width:10rem;height:10rem;border-radius:50%;overflow:hidden;display:flex}.sidebar .logo-container .logo svg{width:80%;height:auto;margin:auto}.sidebar a{color:var(--side-menu-text)!important;text-decoration:none;display:flex;align-items:center;margin:0 1rem;padding:.5rem 1rem;border-radius:.5rem}.sidebar a .icon,.sidebar a:hover{background-color:var(--side-menu-primary)}.sidebar a .icon{border-bottom:var(--fine-border-bottom);width:3.5rem;height:3.5rem;display:flex;border-radius:50%}.sidebar a .icon i{margin:auto;font-size:90%}.sidebar li{cursor:pointer;transition:all .3s linear;margin-bottom:1rem}.sidebar .sidebar-list{max-height:75%;overflow:auto}.sidebar .sidebar-list a.active{background:var(--primary-color);color:#fff!important}.sidebar .sidebar-list a.active .icon{background-color:hsla(0,0%,100%,.3)}.sidebar .sidebar-list a.active .icon i{color:#fff}.sidebar .sidebar-list ul li .sub-list{max-height:0;overflow:hidden;transition:all .5s ease-in-out}.sidebar .sidebar-list ul>li.active .sub-list{max-height:1000px}.sidebar .sidebar-list .sub-list a:before{content:"";display:block;height:70%;width:5px;position:absolute;top:50%;right:5px;z-index:99;background:var(--main-color);transform:translateY(-50%);opacity:0;transition:all .5s}.sidebar .sidebar-list .sub-list a.active:before{opacity:1}.sidebar .sidebar-list .sub-list a.active{color:#6565cd!important;background:#fff}.sidebar .logout{background-color:var(--side-menu-primary);position:absolute;right:0;left:0;bottom:0;color:var(--side-menu-text)}@media only screen and (max-width:600px){.sidebarToggle{right:0}}#app.ltr .sidebar{left:0;right:unset}.navbar{position:absolute;top:0;right:245px;left:0;border:1rem solid var(--nav-border-color);background-color:var(--nav-border-color);z-index:98;padding:0}@media only screen and (max-width:600px){.navbar{right:0}}.navbar .inner-nav{background-image:var(--modal-bg-linear);border-radius:1rem;padding:1rem}.navbar .right-side{display:flex;align-items:center}.navbar .right-side .dropdown-menu{right:0;left:auto!important;background-image:var(--modal-bg-linear);z-index:9999}.navbar .right-side .dropdown-item{text-align:right;padding:1rem 2rem 1rem 3rem;font-size:120%;display:flex;align-items:center;color:var(--text-color)}.navbar .right-side .dropdown-item:hover{background-color:var(--primary-black-color)}.navbar .right-side .dropdown-item .dropdown-icon{width:3rem;height:3rem;background-color:var(--primary-black-color);border-radius:50%;margin-left:1rem;display:flex;align-items:center;justify-content:center}.navbar .right-side .dropdown-item .dropdown-icon i{color:var(--text-color)}.navbar .right-side .icon{background-color:var(--primary-black-color);border-bottom:var(--fine-border-bottom);width:3.5rem;height:3.5rem;border-radius:50%;display:flex;cursor:pointer}.navbar .right-side .icon i{color:var(--text-color);margin:auto}.navbar .right-side .user-avatar{width:5rem;height:5rem;background-color:#f4f4f4;display:flex;align-items:center;justify-content:center;border-radius:50%}.navbar .right-side .user-avatar i{font-size:200%;color:#333}#app.ltr .navbar{right:0;left:245px}.toggle-btn{background-color:var(--primary-black-color);color:var(--text-color);height:3.5rem;border-radius:50rem;padding:.5rem;border-bottom:var(--fine-border-bottom)}.toggle-btn__container{display:flex;align-items:center;height:100%}.toggle-btn__item{width:3.5rem;height:100%;border-radius:50rem;display:flex;cursor:pointer;transition:all .3s}.toggle-btn__item i,.toggle-btn__item span{margin:auto}.toggle-btn .active{background-color:var(--primary-color);color:#fff}.search{padding:2rem;background-image:var(--modal-bg-linear);border-radius:1rem}.search__header{margin-bottom:2rem}.search__body{margin-bottom:1rem}.main-section{background-image:var(--modal-bg-linear);margin-top:1rem;padding:2rem;border-radius:1rem}.main-section__header{display:flex;justify-content:space-between;margin-bottom:3rem}.main-section__controls{display:flex}.custome-btn button:active{background-color:var(--primary-color)!important}.custome-btn .btn-primary,.custome-btn .btn-secondary{border:none;font-size:80%;padding:.8rem 1.5rem}.custome-btn .btn-primary{background-color:var(--primary-color)}.custome-btn .btn-primary:hover{background-color:var(--primary-color-hover)}.custome-btn .btn-secondary{background-color:var(--primary-black-color);color:var(--text-color)}.custome-btn .btn-secondary:hover{background-color:var(--primary-black-color-hover)}.custome-btn .btn-group .btn{border-radius:.5rem!important;margin-right:1rem}.custome-btn .btn-group .btn span{margin-right:1rem}.custome-btn-round .btn-primary,.custome-btn-round .btn-secondary,.custome-btn-round .btn-success{border-radius:50%;border:0;border-bottom:var(--fine-border-bottom);display:flex;align-items:center;justify-content:center;color:var(--text-color)}.custome-btn-round .btn-primary{background-color:var(--primary-black-color);width:4rem;height:4rem}.custome-btn-round .btn-primary i{font-size:160%}.custome-btn-round .btn-secondary{background-color:var(--bg-table-btn);width:3.4rem;height:3.5rem}.custome-btn-round .btn-secondary i{font-size:130%}.custome-btn-round .btn-success{width:3.4rem;height:3.5rem}.custome-btn-round .btn-success i{font-size:130%}.vertical-divider{width:2px;height:90%;background-color:var(--secondary-black-color);margin:0 1rem;display:flex;align-self:center}.show-per-page{padding:.5rem;border-radius:.5rem;background-color:var(--primary-black-color);height:3.52rem;display:flex;align-items:center;justify-content:space-between}.show-per-page span{font-size:80%;margin-left:1rem;margin-right:.5rem}.show-per-page .select-container{background-color:var(--secondary-black-color);display:flex;justify-content:center;align-items:center;width:5rem;border-radius:.5rem}.show-per-page select{appearance:none;-moz-appearance:none;-webkit-appearance:none;display:flex;align-items:center;justify-content:center;background-color:transparent;color:var(--text-color);border:none;background-color:var(--secondary-black-color);padding:0 1rem}.show-per-page select::-ms-expand{display:none}.table{background-color:var(--table-bg);color:var(--text-color);border-radius:1rem}.table tbody tr:not(:last-child),.table thead tr{border-bottom:1px solid var(--table-border)}.table tbody tr:hover{background-color:var(--primary-black-color)}.table tbody tr:hover td{color:var(--text-color)!important}.table th{padding:2rem}.table td,.table th{color:var(--text-color)}.table td{padding:1rem 2rem}.table td:not(:last-child),.table th:not(:last-child){border-left:1px solid var(--table-border)}.table .table-list{display:flex;list-style:none;padding:0}.table-footer{display:flex;margin-top:1rem;background-color:var(--primary-black-color);border-radius:1rem;padding:2rem}.table>:not(caption)>*>*{background-color:var(--table-bg)}.image-container-round{height:100%;display:flex}.image-container-round .no-image{width:5rem;height:5rem;border-radius:50%;background-color:var(--secondary-black-color);display:flex}.image-container-round .no-image i{margin:auto}.image-container-round .image{width:5rem;height:5rem;border-radius:50%;overflow:hidden}.image-container-round .image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.status-container .status{padding:.6rem 2rem;border-radius:20rem;text-align:center;width:-moz-fit-content;width:fit-content;font-size:90%;white-space:nowrap;color:#fff}.status-container .status-active{background-color:#27ae60}.status-container .status-unactive{background-color:#eb5757}.modal-content{background-image:var(--modal-bg-linear);border:none;border-top:1px solid hsla(0,0%,100%,.3);border-radius:1rem}.modal-content .modal-header{padding:2rem 1rem;margin:0 1rem;border-bottom:1px solid var(--secondary-black-color)}.modal-content .modal-header h5{font-size:120%;font-weight:600}.modal-content .modal-header .close{border:none;background-color:var(--secondary-black-color);width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;font-size:200%;color:var(--text-color);border-radius:50%;line-height:1;padding-bottom:.7rem}.modal-content .modal-body{padding:2rem 1rem;margin:0 1rem}.modal-content .modal-body .list-group-item{background-color:var(--primary-black-color);padding:1.5rem;color:var(--text-color);border-color:var(--secondary-black-color)}.modal-content .modal-body .invoice-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;border-radius:1rem}.modal-content .modal-body .invoice-card span:first-child{font-weight:600}.modal-content .modal-body .invoice-card span:last-child{font-size:180%;font-weight:600}.modal-content .modal-body .invoice-card-profile{margin-bottom:2rem;padding:2rem 3rem;border-radius:.5rem;border-top:var(--fine-border-top);box-shadow:var(--shadow-bottom);background-color:var(--secondary-black-color)}.modal-content .modal-body .invoice-card-profile ul{margin:0;padding:0;list-style:none}.modal-content .modal-body .invoice-card-profile ul li{display:flex;align-items:center;justify-content:space-between}.modal-content .modal-body .card-1{background-color:#27ae60}.modal-content .modal-body .card-2{background-color:#7879f1}.modal-content .modal-body .card-3{background-color:#bb6bd9}.modal-content .modal-body .pay-history{padding:2rem;margin:0;background-color:var(--primary-black-color);border-radius:1rem;list-style:none}.modal-content .modal-body .pay-history .ul-item{background-color:var(--secondary-black-color);border-radius:.5rem;padding:2rem;margin-bottom:1rem}.modal-content .modal-body .group-list{padding:0;margin:0;list-style:none}.modal-content .modal-body .group-list__item{background-color:var(--secondary-black-color);border-radius:.5rem;padding:1rem 1.5rem;margin-bottom:1rem;display:flex;align-items:center;justify-content:space-between;border-top:var(--fine-border-top);box-shadow:var(--shadow-bottom)}.modal-content .modal-body .group-list__item .custome-btn-round .btn-primary{background-color:var(--primary-black-color);width:3rem;height:3rem}.modal-content .modal-body .group-list__item .custome-btn-round .btn-primary i{font-size:130%}.modal-content .modal-body .custom-control-inline{width:22.5%;background-color:var(--secondary-black-color);padding:.8rem 1rem;margin-left:1rem;margin-bottom:1rem;border-radius:1rem;display:flex;align-items:center}.modal-content .modal-body .custom-control-inline label{margin:0}.modal-content .modal-body .full-size-checkbox .custom-control-inline{width:100%!important}.modal-content .modal-body .full-size-checkbox .custom-control-inline input{margin-left:1rem}.modal-content .modal-footer{display:flex;justify-content:flex-start;border-top:1px solid var(--secondary-black-color);padding:1rem 0 0 0}.modal-content .invoice-print-erea{background-color:#fff;color:#333;padding-bottom:1rem;font-size:100%}.modal-content .invoice-print-erea .header{font-weight:600}.modal-content .invoice-print-erea .header .logo{width:8rem;height:10rem;background-color:#f4f4f4;display:flex;justify-content:center;align-items:center;margin-left:3rem;border-end-end-radius:1rem;border-end-start-radius:1rem}.modal-content .invoice-print-erea .header .logo img{width:50%}.modal-content .invoice-print-erea .body{margin:3rem 1rem 2rem 1rem;min-height:30rem;border:1px solid #333}.modal-content .invoice-print-erea .body .table{background-color:#fff;border-color:#333}.modal-content .invoice-print-erea .body .table td,.modal-content .invoice-print-erea .body .table th{font-size:90%;padding:1rem;color:#333;text-align:center}.modal-content .invoice-print-erea .body .table .table-list{display:flex;list-style:none;padding:0}.modal-content .invoice-print-erea .footer{margin:1rem}.modal-content .invoice-print-erea .footer .footer-input{border:1px solid #333;padding:1rem}.alerts-container{position:fixed;bottom:2rem;left:2rem;display:flex;flex-direction:column-reverse;z-index:9999}.alerts-container .alert{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center;position:relative;background-image:var(--modal-bg-linear);border:none;border-radius:1rem;padding:1rem 2rem;min-width:300px;box-shadow:0 48px 100px 0 rgba(17,12,46,.15)}.alerts-container .alert .close{background-color:transparent;color:var(--text-color);font-size:150%;border:none;display:flex;align-items:center;justify-content:center;padding:0 1rem;padding-bottom:.5rem}.alerts-container .alert .alert-content{display:inline-flex;align-items:flex-start;margin-left:2rem}.alerts-container .alert .content{padding:0;color:var(--text-color);max-width:90%}.alerts-container .alert .icon{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;font-size:150%;margin-left:1rem}.print-card{border:1px solid #333;padding:2rem;border-radius:1rem}.print-card .card-field{display:flex;margin-bottom:1rem;align-items:center}.print-card .card-field .icon{margin-left:1rem}.print-card .card-field .icon svg{width:2.5rem;height:2.5rem;stroke:#333}.print-card .card-field .text{font-size:90%;padding:.5rem;background-color:#f4f4f4;border-radius:.5rem}.print-card .qr-container{margin-top:2rem;display:flex;align-items:center}.login{height:100vh;background-image:linear-gradient(0deg,rgba(0,0,0,.8),rgba(0,0,0,.8)),url(/img/login-bg.544a6f77.jpg)}.login .form-container{position:relative;height:100%;background-image:var(--modal-bg-linear);display:flex}.login .form-container .form-content{margin:auto;width:60%}.login .form-container .form-content .welcome-container{margin-bottom:10rem}.login .form-container .form-content .welcome-container h1{color:var(--text-color);margin-bottom:2rem;font-size:200%}.login .form-container .form-content .welcome-container p{color:#888;font-size:80%;width:70%}.login .login-image{height:100%;background-image:linear-gradient(0deg,rgba(47,41,116,.8),rgba(47,41,116,.8)),url(/img/login-bg.544a6f77.jpg);background-repeat:no-repeat;background-size:cover;background-position:50%;display:flex;align-items:center;justify-content:center}.login .login-image .logo-container{display:flex;flex-direction:column;align-items:center}.login .login-image .logo-container .logo{width:30rem;display:flex}.login .login-image .logo-container .logo img{width:100%}.login .login-image .logo-container p{margin-top:-50px;font-size:150%;width:100%;text-align:center;color:#fff}.rtl{direction:rtl}.ltr{direction:ltr}.home .sub-statistics{background-image:var(--modal-bg-linear);margin-top:3rem;padding:2rem;border-radius:1rem}.home .sub-statistics .header{display:flex;justify-content:space-between;margin-bottom:3rem}.home .sub-statistics .services-list{height:52rem;padding:2rem;margin:0;background-color:var(--primary-black-color);border-radius:1rem;list-style:none;overflow-y:auto}.home .sub-statistics .services-list__item{background-image:var(--modal-bg-linear);border-radius:.5rem;padding:2rem;margin-bottom:1rem}.main-statistics{margin-top:2rem}.main-statistics .green{background-color:#00b894}.main-statistics .yellow{background-color:#eccc68}.main-statistics .orange{background-color:#e17055}.main-statistics .purple{background-color:#8787fd}.main-statistics .dark-purple{background-color:#6c6cff}.main-statistics .gray{background-color:#34495e}.main-statistics__card{background-color:var(--secondary-black-color);padding:2rem 2rem;border-radius:1rem;border-top:var(--fine-border-top);box-shadow:var(--shadow-bottom)}.main-statistics__card .card-content{display:flex;height:100%;align-items:center}.main-statistics__card .card-content p{margin:0}.main-statistics__card .card-content p:first-child{color:#fff;font-size:120%;font-weight:600}.main-statistics__card .card-content p:last-child{color:#fff;font-size:180%;font-weight:600}.main-statistics__card .card-content .statistics-page{display:flex;align-items:center}.main-statistics__card .card-content .statistics-page__content{font-size:2.5rem!important;display:flex;align-items:center}.main-statistics__card .card-content .statistics-page__content:first-child{margin-left:3rem}.main-statistics__card .icon-container{display:flex;justify-content:flex-end;align-items:center}.main-statistics__card .icon-container .icon{display:flex;width:8rem;height:8rem;border-radius:50%}.main-statistics__card .icon-container .icon i{margin:auto;font-size:180%;color:#fff}.main-statistics__card .icon-container .icon-white{background-color:hsla(0,0%,100%,.3)}.main-statistics__card .icon-container .icon-black{background-color:var(--primary-black-color)}.image-container{width:100px;height:100px;display:flex;justify-content:center;align-items:center;position:relative}.image-container img{width:100%;height:100%;border-radius:50%;overflow:hidden}.image-container .image-placeholder{width:100px;height:100px;display:flex;justify-content:center;align-items:center;overflow:hidden;border-radius:50%}.image-container .image-placeholder i{font-size:250%}.image-container .change-image{width:30px;height:30px;border:1px solid #ddd;background-color:#ebebeb;border-radius:50%;display:flex;align-items:center;justify-content:center;position:absolute;bottom:-10px;right:-15px;z-index:999;transform:translate(-50%,-50%)}