*{box-sizing:border-box;margin:0;padding:0}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#7e73ff;transition:.5s;border-radius:4px}*::-webkit-scrollbar-thumb:hover{background:#7e73ff}*::-webkit-scrollbar-corner{background:transparent}@font-face{font-family:UniviaBook;src:url(../fonts/UniviaPro-Book.otf)}@font-face{font-family:UniviaBlack;src:url(../fonts/UniviaPro-Black.otf)}body{color:#ffffff;font-family:UniviaBook;background-color:#121723;font-size:14px}.btn{border:0;outline:0;cursor:pointer;transition:.5s;color:#ffffff;background-color:#7e73ff;border-radius:5px;padding:12px 32px;font-family:inherit;font-size:14px}.btn:hover{background-color:#504da2}.container{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;width:100%;height:100vh}.s-login{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;flex-direction:column;width:100%;height:100vh}.s-login__logo{margin-top:50px;margin-bottom:100px;cursor:pointer}@media screen and (min-width:768px){.s-login__logo{margin-bottom:150px}}.s-login__logo-image{width:200px;transition:.5s}.s-login__logo:hover .s-login__logo-image{transform:scale(1.05)}.s-login__inner{width:calc(100% - 48px);background-color:#303947;border-radius:5px;border-top:1px solid #464d5f}@media screen and (min-width:768px){.s-login__inner{width:400px}}.s-login__body{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;flex-direction:column;padding:32px 48px 36px 48px}.s-login__body-title{margin-bottom:24px}.s-login__input{width:100%;margin-bottom:16px;position:relative}.s-login__input-label{width:100%;text-align:left;margin-bottom:6px;font-size:12px}.s-login__input-icon{position:absolute;left:10px;bottom:12px}.s-login__input-input{width:100%;background-color:transparent;border:1px solid #464d5f;color:#ffffff;border-radius:5px;font-size:12px;outline:none;padding:12px 32px}.s-login__footer{border-top:1px solid #464d5f;width:100%;font-size:12px;padding:24px;text-align:center}.s-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:0 48px;width:100%;height:75px;border-bottom:1px solid #464d5f;background-color:#191f2d}.s-header__logo{cursor:pointer}.s-header__logo-image{width:125px;transition:.5s}.s-header__logo:hover .s-header__logo-image{transform:scale(1.05)}.s-header__details{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap}.s-header__details-icon{color:#504da2;margin-right:10px}.s-header__details-item{margin-right:12px;font-size:12px}.s-menu{width:200px;height:calc(100% - 75px);max-height:calc(100% - 75px);overflow:auto;border-right:1px solid #464d5f;background-color:#191f2d;padding:48px}.s-menu__group-title{color:#504da2;margin-bottom:24px;font-size:14px}.s-menu__group-item{display:block;margin-bottom:12px;color:#b2b3bd;font-size:12px;text-decoration:none;transition:.5s}.s-menu__group-item.active{font-family:UniviaBlack;color:#ffffff}.s-menu__group-item:hover{color:#ffffff}.s-dashboard{width:calc(100% - 200px);height:calc(100% - 75px);max-height:calc(100% - 75px);overflow:auto;padding:64px 100px}.s-dashboard__actions{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}.s-dashboard__panel{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;flex-direction:column;width:calc(33.3333% - 10px);background-color:#303947;border-radius:5px;overflow:hidden;text-decoration:none;color:#ffffff;height:325px}.s-dashboard__panel:hover .s-dashboard__panel-icon{transform:scale(1.1)}.s-dashboard__panel-icon{margin-top:75px;font-size:54px;transition:.25s}.s-dashboard__panel-icon.red{color:#e53b53}.s-dashboard__panel-icon.violet{color:#9546e5}.s-dashboard__panel-icon.olive{color:#b1c92f}.s-dashboard__panel-title{margin:32px 0}.s-dashboard__panel-desc{text-align:center;color:#b2b3bd;font-size:12px}.s-dashboard__panel-button{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;width:100%;height:42px;font-size:8px;margin-top:auto}.s-dashboard__panel-button.red{background-color:#e53b53}.s-dashboard__panel-button.violet{background-color:#9546e5}.s-dashboard__panel-button.olive{background-color:#b1c92f}.s-dashboard__table{width:calc(50% - 8px);background-color:#303947;padding:12px 24px 24px 24px;margin-top:38px;border-radius:5px;font-family:UniviaBook;align-self:stretch}.s-dashboard__table-header{width:100%;text-align:center;font-weight:bold;margin-bottom:12px}.s-dashboard__table-label{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;color:#303947;width:14px;height:14px;font-size:8px;border-radius:2px;margin:auto}.s-dashboard__table-label.yellow{background-color:#d4bf6f}.s-dashboard__table-label.green{background-color:#57d372}.s-dashboard__table-label.blue{background-color:#58d7c1}.s-dashboard__table-label.purple{background-color:#7e73ff}.s-dashboard__table-label.olive{background-color:#b1c92f}.s-dashboard__table-label.violet{background-color:#9546e5}.s-dashboard__table-label.cyan{background-color:#57d3c8}.s-dashboard__table table{width:100%;border-collapse:collapse}.s-dashboard__table table thead tr{border-bottom:1px solid #464d5f}.s-dashboard__table table thead th{color:#504da2;font-weight:normal;padding-bottom:12px}.s-dashboard__table table tbody tr:first-of-type td{padding-top:12px}.s-dashboard__table table tbody td{text-align:left;padding:2px 6px;font-size:14px}.s-dashboard__table table tbody td:not(:last-child){border-right:1px solid #464d5f}.s-dashboard__table table tbody td.center{text-align:center}.s-dashboard__table table tbody td a{text-decoration:none;color:inherit}.s-select{position:relative;width:152px;margin:auto}.s-select.is-open .s-select__active{border-bottom-left-radius:0px;border-bottom-right-radius:0px}.s-select.is-open .s-select__dropdown{opacity:1;max-height:15em;pointer-events:all}.s-select .green{background-color:#57d372}.s-select .violet{background-color:#9546e5}.s-select .purple{background-color:#c275d5}.s-select .yellow{background-color:#d4bf6f}.s-select .blue{background-color:#58d7c1}.s-select .olive{background-color:#b1c92f}.s-select .red{background-color:#e53b53}.s-select .cyan{background-color:#57d3c8}.s-select__active{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;border-radius:2px;overflow:hidden;margin:0 auto;font-size:12px;cursor:pointer}.s-select__active-preview{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;width:126px;height:24px;background-color:#57d372;color:#303947}.s-select__active-arrow{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;width:26px;height:24px;background-color:#464d5f}.s-select__dropdown{width:100%;position:absolute;top:24px;left:0;max-height:20px;opacity:0;z-index:1;overflow:hidden;transition:.5s;border-bottom-left-radius:2px;border-bottom-right-radius:2px;pointer-events:none}.s-select__dropdown-item{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;width:100%;height:24px;color:#303947;font-size:12px;cursor:pointer;transition:.5s}.s-select__dropdown-item:hover{color:#ffffff}.s-clients{width:calc(100% - 200px);height:calc(100% - 75px);max-height:calc(100% - 75px);overflow:auto;padding:48px}.s-clients__inner{display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;width:100%}.s-clients__header{display:flex;align-items:flex-start;justify-content:center;flex-wrap:wrap;flex-direction:column;width:100%;background-color:#303947;border-radius:5px;height:90px;border-left:7px solid #7e73ff;padding:0 48px;margin-bottom:12px}.s-clients__header-title{font-weight:bold;margin-bottom:12px}.s-clients__header-button{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;width:20px;height:20px;font-size:8px;color:#7e73ff;text-decoration:none;border:1px solid #464d5f;transition:.5s}.s-clients__header-button:hover{background-color:#7e73ff;color:#ffffff}.s-clients__search{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;width:100%;background-color:#303947;border-radius:5px;margin-bottom:12px;height:32px}.s-clients__search-icon{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;color:#7e73ff;width:48px}.s-clients__search-input{width:calc(100% - 48px);background:transparent;border:0;outline:0;font-size:12px;color:#ffffff;font-family:inherit;padding-right:12px}.s-clients__search-input::placeholder{color:#b2b3bd}.s-clients__list{width:300px;background-color:#303947;border-radius:5px;margin-right:12px;height:calc(100vh - 320px);max-height:calc(100vh - 320px);overflow:scroll;padding:32px 24px}.s-clients__list-header{font-weight:bold;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #464d5f}.s-clients__list-category{font-weight:bold;color:#7e73ff;margin-bottom:12px;margin-top:12px}.s-clients__list-item{display:block;text-decoration:none;color:#b2b3bd;margin-top:6px;font-size:14px;transition:.5s;cursor:pointer}.s-clients__list-item.active{color:#ffffff;font-weight:bold}.s-clients__list-item:hover{color:#ffffff}.s-clients__projects{width:calc(100% - 312px);background-color:#303947;border-radius:5px;height:calc(100vh - 320px);padding:16px 32px;max-height:calc(100vh - 320px);overflow:scroll}.s-clients__projects-title{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;color:#7e73ff;font-size:22px;padding-bottom:16px;border-bottom:1px solid #464d5f}.s-clients__projects-title a{color:#7e73ff;text-decoration:none;transition:.5s;margin-left:12px;font-size:16px}.s-clients__projects-title a:hover{color:#ffffff}.s-clients__projects-title button{font-family:inherit;margin-left:auto;color:#7e73ff;border:1px solid #7e73ff;border-radius:4px;width:126px;height:24px;font-size:12px;cursor:pointer;background-color:transparent;transition:.25s}.s-clients__projects-title button i{margin-right:6px}.s-clients__projects-title button:hover{color:#e53b53;border-color:#e53b53}.s-clients__projects-empty{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;width:100%;height:100%}.s-clients__table{width:100%;font-family:UniviaBook;padding-top:48px}.s-clients__table-label{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;color:#303947;width:14px;height:14px;font-size:8px;border-radius:2px;margin:auto}.s-clients__table-label.yellow{background-color:#d4bf6f}.s-clients__table-label.green{background-color:#57d372}.s-clients__table-label.blue{background-color:#58d7c1}.s-clients__table-label.purple{background-color:#7e73ff}.s-clients__table-label.olive{background-color:#b1c92f}.s-clients__table table{width:100%;border-collapse:collapse}.s-clients__table table thead tr{border-bottom:1px solid #464d5f}.s-clients__table table thead th{color:#504da2;font-weight:normal;padding-bottom:12px}.s-clients__table table tbody tr:first-of-type td{padding-top:12px}.s-clients__table table tbody td{text-align:left;padding:2px 6px;font-size:14px}.s-clients__table table tbody td:not(:last-child){border-right:1px solid #464d5f}.s-clients__table table tbody td.center{text-align:center}.s-clients__table table tbody td a{color:#7e73ff;transition:.5s;text-decoration:none}.s-clients__table table tbody td a:hover{color:#ffffff}.s-clients__table table tbody td button{margin-left:6px;color:#7e73ff;background-color:transparent;border:0px;transition:.5s;cursor:pointer}.s-clients__table table tbody td button:hover{color:#ffffff}.s-order{width:calc(100% - 200px);height:calc(100% - 75px);max-height:calc(100% - 75px);overflow:auto;padding:48px}.s-order__inner{display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;width:100%}.s-order__header{display:flex;align-items:flex-start;justify-content:center;flex-wrap:wrap;flex-direction:column;width:100%;background-color:#303947;border-radius:5px;height:90px;border-left:7px solid #7e73ff;padding:0 48px;margin-bottom:12px}.s-order__header-title{font-weight:bold;margin-bottom:12px}.s-order__header-button{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;width:20px;height:20px;font-size:8px;color:#7e73ff;text-decoration:none;border:1px solid #464d5f;transition:.5s}.s-order__header-button:hover{background-color:#7e73ff;color:#ffffff}.s-order__form{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;width:100%;background-color:#303947;border-radius:5px;padding:32px 24px}.s-order__form-column{width:calc(50% - 24px);align-self:stretch}.s-order__form-container{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;border-bottom:1px solid #464d5f;padding:6px 12px;position:relative}.s-order__form-container label:not(.s-order__clients-item){color:#57d372;font-size:14px;margin-right:6px;width:60px}.s-order__form-container input{background-color:transparent;outline:none;border:none;text-align:left;margin-right:12px;color:#ffffff;height:28px;font-family:UniviaBook;font-size:14px}.s-order__form-container input.auto{width:calc(100% - 66px);margin-right:0;text-align:right}.s-order__form-container input.padding{padding-right:70px}.s-order__form-container input[type="email"]{min-width:200px}.s-order__form-container .s-select{width:auto;margin:unset;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.s-order__form-container .s-select__active-preview{width:32px}.s-order__form-clear{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;width:58px;height:24px;position:absolute;right:12px;top:50%;transform:translateY(-50%);background-color:#464d5f;color:#ffffff;font-size:12px;cursor:pointer;transition:.5s;border-radius:5px;opacity:0;pointer-events:none}.s-order__form-clear:hover{background-color:#b2b3bd}.s-order__form-clear.is-showed{opacity:1;pointer-events:all}.s-order__form-box{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;border:1px solid #464d5f;border-radius:5px;padding:6px 12px}.s-order__form-box label{color:#57d372;font-size:14px;margin-right:6px;width:100px}.s-order__form-box input{width:calc(100% - 120px);background-color:transparent;outline:none;border:none;text-align:right;color:#ffffff;height:20px;font-family:UniviaBook;font-size:14px}.s-order__form-buttons{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;width:100%;margin-top:12px}.s-order__form-buttons .s-select{margin:unset}.s-order__form-buttons button{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;width:126px;height:24px;background-color:#b2b3bd;color:#ffffff;border:none;border-radius:2px;font-size:12px;margin-left:12px;cursor:pointer;transition:.5s;font-family:UniviaBook}.s-order__form-buttons button:hover{background-color:#57d372}.s-order__form textarea{width:100%;margin-top:32px;margin-bottom:6px;border-radius:5px;border:1px solid #464d5f;background-color:transparent;padding:12px;font-family:UniviaBook;font-size:14px;color:#ffffff;outline:none;resize:none}.s-order__form textarea::placeholder{color:#7e73ff}.s-order__gallery{width:100%;padding:12px 12px 24px 24px;border-radius:5px;border:1px solid #464d5f;height:100%}.s-order__gallery-title{font-family:UniviaBook;width:100%;color:#7e73ff;margin-bottom:12px}.s-order__gallery-item{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;width:100%;height:calc(100% - 28px);border-radius:5px;border:1px solid #464d5f;transition:.5s;font-size:24px;margin:0;padding:0;overflow:hidden;position:relative}.s-order__gallery-item #imageInput{position:absolute;top:0;left:0;opacity:0;width:100%;height:100%;display:block}.s-order__gallery-item #imageElement{width:100%;display:none}.s-order__gallery-item #imageElement.showed{display:block}.s-order__gallery-item #imageInput{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:24px}.s-order__gallery-item:hover{color:#7e73ff;border-color:#7e73ff}.s-order__clients{width:300px;pointer-events:none;opacity:0;position:absolute;top:41px;right:0;z-index:1;max-height:0;transition:.5s}.s-order__clients.is-open{opacity:1;pointer-events:all;max-height:15em}.s-order__clients-list{width:100%;overflow:auto;max-height:250px;background-color:#191f2d}.s-order__clients-item{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;width:100%;padding:0 12px;font-size:14px;border-bottom:1px solid #464d5f;transition:.5s}.s-order__clients-item input{margin-right:0}.s-order__clients-item:hover{background-color:#464d5f}