svg[data-v-8dea8908]{transform:rotate(var(--r,0deg)) scale(var(--sx,1),var(--sy,1))}path[data-v-8dea8908]{fill:currentColor}nav.navigation{display:block;margin:0;padding:30px;position:fixed;top:80px;width:210px}ul.nav{display:flex;flex-direction:column;list-style:none;margin-bottom:0;padding-left:0}a.nav-link{align-items:center;color:#4b4b4e;display:flex;font-size:16px;font-weight:300;gap:14px;padding:1.1rem;text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;white-space:nowrap}a.nav-link.selected{border-radius:.5rem;box-shadow:0 20px 27px 0 rgba(0,0,0,.05);font-weight:500}a.nav-link:hover{color:#f8b334}span.icon{align-items:center;background-image:#fff;border-radius:.5rem;box-shadow:0 .25rem .375rem -.0625rem hsla(0,0%,8%,.12),0 .125rem .25rem -.0625rem hsla(0,0%,8%,.07)!important;box-sizing:border-box;display:flex;height:32px;padding:10px;width:32px}a.nav-link.selected span.icon{background-image:linear-gradient(310deg,#f8b334,#edab2f);color:#fff}a.nav-link span:last-child{margin-top:1px}.el-input.search{border-radius:8px;box-shadow:0 0 8px 0 rgba(0,0,0,.14);-webkit-box-shadow:0 0 8px 0 rgba(0,0,0,.14);-moz-box-shadow:0 0 8px 0 rgba(0,0,0,.14)}.search .el-input__wrapper{border-radius:8px;height:44px;min-width:220px}.grid-user-container{grid-column-gap:28px;grid-row-gap:28px;display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));min-height:548px}.company-user{background:#ebebeb;box-shadow:-2px 2px 8px 0 rgba(0,0,0,.14);-webkit-box-shadow:-2px 2px 8px 0 rgba(0,0,0,.14);-moz-box-shadow:-2px 2px 8px 0 rgba(0,0,0,.14);box-sizing:border-box;height:260px;padding:30px;position:relative;-webkit-transition:transform .05s ease-in-out 0s;-moz-transition:transform .05s ease-in-out 0s;-o-transition:transform .05s ease-in-out 0s;transition:transform .05s ease-in-out 0s;width:100%}.showing .company-user{transform:scale(.92)!important}.showing .company-user.selectedItem{transform:scale(1.02)!important}.company-user-card{display:flex;flex-direction:column;height:100%;justify-content:space-evenly}.company-user-card .logo{align-items:center;display:flex;justify-content:center}.company-user-card .logo:before{background-color:#39393a;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;content:"";height:80px;width:80px}.company-user-card .logo span{color:#fff;font-size:30px;font-weight:900;letter-spacing:3px;margin-left:3px;position:absolute;text-align:center;z-index:1}.company-user-card .informations{align-items:center;display:flex;flex-direction:column;justify-content:space-between}.company-user-card .informations p.supervisor{color:#39393a;font-size:14px;font-weight:400;line-height:16px;margin:0}span.create{background-color:#f8b334;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;box-sizing:border-box;color:#39393a;float:left;font-size:13px;font-weight:400;font-weight:200;height:30px;line-height:30px;margin-top:12px;overflow:hidden;padding:0 18px;text-align:center}.plus{cursor:pointer;right:8px;top:8px;z-index:9997}.plus,.plus-box{position:absolute}.plus-box{background:#ebebeb;box-sizing:border-box;height:100%;left:0;padding:40px 30px 25px;top:0;transform:scale(0);-webkit-transition:transform .1s ease-in-out 0s;-moz-transition:transform .1s ease-in-out 0s;-o-transition:transform .1s ease-in-out 0s;transition:transform .1s ease-in-out 0s;visibility:hidden;width:100%;z-index:2}.plus-box ul{display:flex;flex-direction:column;gap:18px;list-style:none;margin:0;padding:0}.plus-box li{align-items:center;cursor:pointer;display:flex;font-weight:400;gap:8px}.plus-box li:last-child{color:red}.plus-box li:hover{color:#f8b334}.selectedItem .plus-box{transform:scale(1);visibility:visible}hr{background-color:#39393a;width:100%}#webviewer{height:800px}.table-container table{border-collapse:collapse;border-spacing:0;width:100%}.table-container table thead th{color:rgba(0,0,0,.54);font-size:16px;font-weight:600;height:48px;line-height:16px;padding:12px 8px 8px;position:relative;text-align:left}.table-container table thead th.order{align-items:center;display:flex}.table-container table thead th.order>span{bottom:-1px;position:relative}.table-container table tbody tr.not-viewed{background-color:rgba(248,179,52,.5)!important}.table-container table tbody tr:hover{background:#f5f5f5!important}.table-container table tbody td{border-top-color:rgba(0,0,0,.06)!important;border-top:1px solid;font-size:14px;font-weight:300;height:48px;line-height:18px;padding:12px 8px;position:relative;transition:.3s cubic-bezier(.4,0,.2,1)}.table-container table tbody td.status.paid p{background-color:rgba(0,160,150,.1);border-radius:6px;color:#00a096}.table-container table tbody td.status.due p{background-color:rgba(248,179,52,.1);border-radius:6px;color:#f8b334}.table-container table tbody td.status.warning p{background-color:rgba(232,81,30,.1);border-radius:6px;color:#e8511e}.table-container table tbody td.status p{text-transform:uppercase}.table-container table tbody td.due p,.table-container table tbody td.paid p{align-items:center;display:inline-flex;justify-content:center;padding:4px 12px}.table-container table tbody td.due p:hover+span,.table-container table tbody td.paid p:hover+span{display:block}.table-container table tbody td.due span,.table-container table tbody td.paid span{background-color:#f9f9f9;border:1px solid #ccc;border-radius:5px;display:none;margin-left:10px;margin-top:-15px;padding:5px;position:absolute;z-index:1}.el-date-range-picker table tbody td span.cell:hover{color:#f8b334!important}.el-date-range-picker table tbody td.end-date span.cell,.el-date-range-picker table tbody td.start-date span.cell{background-color:#f8b334!important}.el-date-range-picker table tbody td.end-date span.cell:hover,.el-date-range-picker table tbody td.end-date.today span.cell,.el-date-range-picker table tbody td.start-date span.cell:hover,.el-date-range-picker table tbody td.start-date.today span.cell{color:#fff!important}.el-date-picker table tbody td.today span,.el-date-range-picker table tbody td.today span.cell{color:#f8b334!important}.el-date-picker table tbody td.current span{background-color:#f8b334!important}.el-date-picker table tbody td.available:hover span{color:#f8b334!important}.el-input-number__decrease:hover,.el-input-number__increase:hover{color:#00a096}.el-upload-dragger:hover,.el-upload:focus .el-upload-dragger{border-color:#00a096}.el-upload-dragger .el-upload__text em{color:#00a096}.el-date-picker__header-label:hover,.el-month-table td .cell:hover,.el-month-table td.current:not(.disabled) .cell{color:#f8b334!important}.el-month-table td.current.today .cell{color:#fff!important}.loader{bottom:0;height:50px;left:0;margin:auto;right:0;top:0;width:50px;z-index:99999999999}.item,.loader{position:absolute}.item{height:25px;width:25px}.item-1{animation:item-1_move 1.8s cubic-bezier(.6,.01,.4,1) infinite;background-color:#e8511e;left:0;top:0;z-index:1}.item-2{animation:item-2_move 1.8s cubic-bezier(.6,.01,.4,1) infinite;background-color:#39393a;right:0;top:0}.item-3{animation:item-3_move 1.8s cubic-bezier(.6,.01,.4,1) infinite;background-color:#00a096;bottom:0;right:0;z-index:1}.item-4{animation:item-4_move 1.8s cubic-bezier(.6,.01,.4,1) infinite;background-color:#f8b334;bottom:0;left:0}@keyframes item-1_move{0%,to{transform:translate(0)}25%{transform:translateY(25px)}50%{transform:translate(25px,25px)}75%{transform:translate(25px)}}@keyframes item-2_move{0%,to{transform:translate(0)}25%{transform:translate(-25px)}50%{transform:translate(-25px,25px)}75%{transform:translateY(25px)}}@keyframes item-3_move{0%,to{transform:translate(0)}25%{transform:translateY(-25px)}50%{transform:translate(-25px,-25px)}75%{transform:translate(-25px)}}@keyframes item-4_move{0%,to{transform:translate(0)}25%{transform:translate(25px)}50%{transform:translate(25px,-25px)}75%{transform:translateY(-25px)}}.modal-mask{background-color:rgba(0,0,0,.5);display:table;height:100%;left:0;position:fixed;top:0;transition:opacity .3s ease;width:100%;z-index:9998}.modal-wrapper{display:table-cell;vertical-align:middle}.modal-container{background-color:#fff;border-radius:2px;box-shadow:0 2px 8px rgba(0,0,0,.33);box-sizing:border-box;margin:0 auto;overflow-y:auto;padding:20px 60px;position:relative;transition:all .3s ease;width:800px}.modal-body{max-height:75vh}.modal-container.large{width:1200px!important}.modal-container.delete{width:400px}.modal-header h3{border-bottom:1px solid #39393a;color:#39393a;font-weight:600;margin-top:10px;padding-bottom:30px}.modal-container.delete .modal-header h3{align-items:center;color:red;display:flex;gap:8px;justify-content:center;text-align:center}.fields{border-bottom:1px solid;margin-bottom:22px;padding:0 0 8px}.modal-container.delete .fields{border-bottom:none!important}.modal-default-button{background:none;border:none;cursor:pointer;position:absolute;right:30px;top:30px}.modal-enter-from,.modal-leave-to{opacity:0}.modal-enter-from .modal-container,.modal-leave-to .modal-container{-webkit-transform:scale(1.1);transform:scale(1.1)}.submit-form>div{display:flex;flex-direction:column}.submit-form .form-group{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:22px}.submit-form .form-group label{flex-basis:200px;font-weight:400}.submit-form .form-group input.form-control,.submit-form .form-group select.form-control,.submit-form .form-group textarea.form-control{border:1px solid rgba(0,0,0,.14);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;box-shadow:0 0 8px 0 rgba(0,0,0,.14);-webkit-box-shadow:0 0 8px 0 rgba(0,0,0,.14);-moz-box-shadow:0 0 8px 0 rgba(0,0,0,.14);box-sizing:border-box;flex:1;height:100%;padding:12px 16px}.submit-form .form-group input.form-control:focus-visible{border-color:transparent;outline:1px solid #00a096}button.btn.btn-success{align-items:center;align-self:flex-end;background-color:#00a096;border:none;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;box-shadow:-2px 2px 8px 0 rgba(0,0,0,.14);-webkit-box-shadow:-2px 2px 8px 0 rgba(0,0,0,.14);-moz-box-shadow:-2px 2px 8px 0 rgba(0,0,0,.14);color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;margin-bottom:6px;min-width:100px;overflow:hidden;padding:16px;position:relative;transition:.6s;-moz-transition:.6s;-webkit-transition:.6s}button.btn.btn-success:disabled{background-color:rgba(0,160,150,.5);cursor:not-allowed}button.btn.btn-success:disabled:after,button.btn.btn-success:disabled:before{display:none}button.btn.btn-success.create{margin-left:auto}button.btn.btn-success.delete{align-self:auto;background-color:red!important}button.btn.btn-success.delete:hover{background-color:rgba(255,0,0,.5)!important}button.btn.btn-success:before{background:hsla(0,0%,100%,.5);filter:blur(30px);left:0;opacity:.5;width:60px}button.btn.btn-success:after,button.btn.btn-success:before{content:"";display:block;height:100%;position:absolute;top:0;transform:translateX(-100px) skewX(-15deg)}button.btn.btn-success:after{background:hsla(0,0%,100%,.2);filter:blur(5px);left:30px;opacity:0;width:30px}button.btn.btn-success:hover:before{opacity:.6;transform:translateX(320px) skewX(-15deg);transition:.7s}button.btn.btn-success:hover:after{opacity:1;transform:translateX(320px) skewX(-15deg);transition:.7s}button.btn.btn-success:hover{background-color:rgba(0,160,150,.5)}input#company-create,input#user-id,input:disabled{background-color:#ebebeb}button.cancel,button.delete{background:none;border:none;cursor:pointer;font-weight:600}button.delete{color:red}button.cancel{margin-left:auto}.modal-container.delete .submit-form{display:flex;justify-content:center;text-align:center}.is-invalid{border-color:red!important}.el-message,.el-popper{z-index:99998!important}input{color:#39393a;font-family:Work Sans,sans-serif}.el-select{box-shadow:0 0 8px 0 rgba(0,0,0,.14);-webkit-box-shadow:0 0 8px 0 rgba(0,0,0,.14);-moz-box-shadow:0 0 8px 0 rgba(0,0,0,.14)}.el-date-editor,.el-input{--el-input-focus-border-color:#00a096!important}.el-date-editor.is-invalid,.el-select.is-invalid .el-input{--el-input-border-color:red!important}.el-select .el-input.is-focus .el-input__wrapper{box-shadow:inset 0 0 0 1px #00a096!important}.el-select-dropdown__item.selected,.el-select-dropdown__item:hover{color:#00a096!important;font-weight:400!important}.grid-container{grid-column-gap:28px;grid-row-gap:28px;display:grid;grid-template-columns:repeat(auto-fit,minmax(376px,1fr))}.company{background:#ebebeb;box-shadow:-2px 2px 8px 0 rgba(0,0,0,.14);-webkit-box-shadow:-2px 2px 8px 0 rgba(0,0,0,.14);-moz-box-shadow:-2px 2px 8px 0 rgba(0,0,0,.14);box-sizing:border-box;cursor:pointer;height:200px;padding:24px;-webkit-transition:transform .05s ease-in-out 0s;-moz-transition:transform .05s ease-in-out 0s;-o-transition:transform .05s ease-in-out 0s;transition:transform .05s ease-in-out 0s;width:100%}.company:hover{transform:scale(1.02)}.search_create{align-items:center;display:flex;gap:20px;justify-content:flex-end;margin-bottom:60px}.input-group{height:44px;min-width:276px}input.form-control{border:none;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;box-shadow:-2px 2px 8px 0 rgba(0,0,0,.14);-webkit-box-shadow:-2px 2px 8px 0 rgba(0,0,0,.14);-moz-box-shadow:-2px 2px 8px 0 rgba(0,0,0,.14);box-sizing:border-box;height:100%;padding:0 24px;width:100%}input.form-control:focus-visible{border-color:transparent;outline:1px solid #00a096}button.create{background-color:#00a096;border:none;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;box-shadow:-2px 2px 8px 0 rgba(0,0,0,.14);-webkit-box-shadow:-2px 2px 8px 0 rgba(0,0,0,.14);-moz-box-shadow:-2px 2px 8px 0 rgba(0,0,0,.14);color:#fff;cursor:pointer;height:44px;min-width:276px;overflow:hidden;position:relative;transition:.6s;-moz-transition:.6s;-webkit-transition:.6s}button:focus{outline:0}button.create:before{background:hsla(0,0%,100%,.5);filter:blur(30px);left:0;opacity:.5;width:60px}button.create:after,button.create:before{content:"";display:block;height:100%;position:absolute;top:0;transform:translateX(-100px) skewX(-15deg)}button.create:after{background:hsla(0,0%,100%,.2);filter:blur(5px);left:30px;opacity:0;width:30px}button.create:hover{background-color:rgba(0,160,150,.5)}button.create:hover:before{opacity:.6}button.create:hover:after,button.create:hover:before{transform:translateX(350px) skewX(-15deg);transition:.7s}button.create:hover:after{opacity:1}.company-card{flex-direction:column;height:100%}.company-card,.company-card .informations{display:flex;justify-content:space-between}.company-card .informations{align-items:center}h4.name{color:#39393a;font-size:16px;font-weight:600;line-height:24px;margin:0}p.create{align-items:center;color:#00a096;display:flex;font-size:13px;font-weight:400;gap:6px;margin:0}span.nb_docs{background-color:rgba(0,160,150,.1);-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;box-sizing:border-box;color:#39393a;float:left;font-weight:200;height:30px;line-height:30px;padding:0 18px;text-align:center;width:90px}.pagination-row{justify-content:space-between;margin-top:60px}.button-group,.pagination-row{align-items:center;display:flex}.button-group{gap:20px}.button-group .pagination-button{background:none;border:none;color:#39393a;cursor:pointer;font-size:16px;font-weight:500;-webkit-transition:color .25s ease-in-out 0s;-moz-transition:color .25s ease-in-out 0s;-o-transition:color .25s ease-in-out 0s;transition:color .25s ease-in-out 0s}.button-group .pagination-button.control{cursor:pointer;opacity:1}.button-group .pagination-button.control.disabled{cursor:default;opacity:.5}.button-group .pagination-button.current{color:#f8b332;font-weight:600}.button-group .pagination-button:hover{color:#f8b332}.button-group>span{align-items:center;display:flex;gap:20px}.pagination-row .total p{font-weight:600}.grid-company-docs{display:flex;flex-direction:column;flex-wrap:wrap;gap:12px;margin-top:60px}.grid-company-docs .categories{align-items:center;display:flex;gap:100px;justify-content:space-around}.grid-company-docs .categories .category{align-items:center;cursor:pointer;display:flex;flex-basis:150px;flex-direction:column;gap:12px;justify-content:center;min-width:150px}.grid-company-docs .categories .category.inactive{cursor:default!important}.grid-company-docs .categories .category .docs{align-items:center;display:flex;justify-content:center;position:relative;width:100%}.grid-company-docs .categories .category .docs .picto{height:100%;width:100%}.grid-company-docs .categories .category .docs .numberbig{color:#fff;font-weight:700;margin-top:6px;position:absolute}.grid-company-docs .categories .category:first-of-type .picto path{fill:#f8b334}.grid-company-docs .categories .category:nth-of-type(2) .picto path{fill:#00a096}.grid-company-docs .categories .category:nth-of-type(3) .picto path{fill:#e8511e}.grid-company-docs .categories .category:nth-of-type(4) .picto path{fill:#39393a}.grid-company-docs .categories .category h3{font-size:16px;font-weight:600;margin:0;text-align:center}.grid-company-docs .recent{margin-top:60px}.grid-company-docs .recent h2{font-size:18px}a.back{align-items:center;color:#f8b334;display:flex;font-size:15px;font-weight:400;gap:6px;text-decoration:none;transition:all .3s ease}a.back:hover{color:#d29729}a.back span:first-child{margin-top:2px}.filter-container{align-items:center;display:flex;gap:20px;justify-content:flex-end;margin-bottom:30px;position:relative}.filter-container select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;border:1px solid #ccc;border-radius:5px;color:#333;cursor:pointer;font-size:14px;height:32px;padding:4px 30px 4px 10px;width:100%}.el-date-editor{border-radius:8px;box-shadow:-2px 2px 8px 0 rgba(0,0,0,.14)!important;-webkit-box-shadow:-2px 2px 8px 0 rgba(0,0,0,.14);-moz-box-shadow:-2px 2px 8px 0 rgba(0,0,0,.14);height:44px!important;width:300px!important}.el-date-editor .el-range__icon{font-size:18px}.el-picker-panel__sidebar{width:200px!important}.el-picker-panel__sidebar+.el-picker-panel__body{margin-left:200px!important}.el-picker-panel__icon-btn:hover,.el-picker-panel__shortcut:hover{color:#f8b334!important}.select2-dropdown{z-index:9999!important}.form-group>div{flex:1}.tooltip-date>div{width:100%!important}.client-search-container{display:inline-flex;position:relative}.client-search-container .client-search-input{background-color:#fff;border:1px solid #ccc;border-radius:5px;box-sizing:border-box;color:#333;font-size:14px;height:44px;padding:0 30px 0 10px;width:100%}.client-search-container .client-search-input:focus-visible{outline:1px auto #f8b334}.client-search-container .client-clear-icon{cursor:pointer;position:absolute;right:5px;top:50%;transform:translateY(-50%)}.client-dropdown{background-color:#fff;box-shadow:0 4px 8px rgba(0,0,0,.1);list-style-type:none;margin:0;padding:0;position:absolute;top:38px;width:100%;z-index:100}.client-dropdown li{cursor:pointer;padding:6px}.client-dropdown li:hover{background-color:#f0f2f5}.client-select .el-input__wrapper,.status-select .el-input__wrapper{border-radius:8px;height:44px}.client-select.el-select,.status-select.el-select{border-radius:8px}.client-select .el-input__wrapper{min-width:220px}.modal-container[data-v-dbe4ee9a]{width:600px}input[data-v-dbe4ee9a]{border:none!important;box-shadow:none!important;color:#000;font-family:Source Code Pro,monospace;font-size:20px!important;font-weight:500;height:auto!important;margin-top:0!important;padding:10px 0!important;text-transform:uppercase;width:100%!important}input[data-v-dbe4ee9a]::placeholder{color:silver}input.is-invalid[data-v-dbe4ee9a]{color:#eb1c26}input.form-control[data-v-dbe4ee9a]:focus-visible{outline:none!important}.cardFlex[data-v-dbe4ee9a]{border-bottom:1px solid;gap:10px;margin-bottom:22px;padding:0 0 42px}.cardFlex .fields[data-v-dbe4ee9a]{border:none!important;margin-bottom:0!important}.StripeElement[data-v-dbe4ee9a]{padding:10px 0}.StripeElement--invalid[data-v-dbe4ee9a]{border-color:#fa755a}.StripeElement--webkit-autofill[data-v-dbe4ee9a]{background-color:#fefde5!important}.form-group[data-v-dbe4ee9a]:first-of-type{grid-area:number}.form-group[data-v-dbe4ee9a]:nth-of-type(2){grid-area:name}.form-group[data-v-dbe4ee9a]:nth-of-type(3){grid-area:expiration}.form-group[data-v-dbe4ee9a]:nth-of-type(4){grid-area:security}.form-group input[data-v-dbe4ee9a]{-webkit-box-sizing:border-box;box-sizing:border-box}.form-group[data-v-dbe4ee9a]{position:relative}.fields[data-v-dbe4ee9a]{grid-column-gap:30px;grid-row-gap:30px;color:#707070;display:grid;grid-template-areas:"number number number" "name expiration security";grid-template-columns:60% 25% 15%;max-width:100%;padding:0 36px;width:-webkit-fill-available}label[data-v-dbe4ee9a]{color:#000;font-size:13px;font-weight:400;padding-bottom:5px}input[data-v-dbe4ee9a]{border-radius:3px;font-size:16px;margin-top:3px;padding:15px;width:100%}.ccicon[data-v-dbe4ee9a]{height:38px;position:absolute;right:6px;top:calc(50% - 17px);width:60px}.preload [data-v-dbe4ee9a]{position:relative;-webkit-transition:none!important;-moz-transition:none!important;-ms-transition:none!important;-o-transition:none!important}.container[data-v-dbe4ee9a]{height:114px;max-height:251px;max-width:100%;width:100%}#ccsingle[data-v-dbe4ee9a]{position:absolute;right:15px;top:20px}#ccsingle svg[data-v-dbe4ee9a]{max-height:60px;width:100px}.creditcard svg#cardback[data-v-dbe4ee9a],.creditcard svg#cardfront[data-v-dbe4ee9a]{width:100%}#generatecard[data-v-dbe4ee9a]{background-color:#909090;border-radius:4px;color:#fff;cursor:pointer;float:right;font-size:12px;padding:2px 4px}.creditcard .darkcolor[data-v-dbe4ee9a],.creditcard .lightcolor[data-v-dbe4ee9a]{-webkit-transition:fill .5s;transition:fill .5s}.creditcard .lightblue[data-v-dbe4ee9a]{fill:#03a9f4}.creditcard .lightbluedark[data-v-dbe4ee9a]{fill:#0288d1}.creditcard .red[data-v-dbe4ee9a]{fill:#ef5350}.creditcard .reddark[data-v-dbe4ee9a]{fill:#d32f2f}.creditcard .purple[data-v-dbe4ee9a]{fill:#ab47bc}.creditcard .purpledark[data-v-dbe4ee9a]{fill:#7b1fa2}.creditcard .cyan[data-v-dbe4ee9a]{fill:#26c6da}.creditcard .cyandark[data-v-dbe4ee9a]{fill:#0097a7}.creditcard .green[data-v-dbe4ee9a]{fill:#66bb6a}.creditcard .greendark[data-v-dbe4ee9a]{fill:#388e3c}.creditcard .lime[data-v-dbe4ee9a]{fill:#d4e157}.creditcard .limedark[data-v-dbe4ee9a]{fill:#afb42b}.creditcard .yellow[data-v-dbe4ee9a]{fill:#ffeb3b}.creditcard .yellowdark[data-v-dbe4ee9a]{fill:#f9a825}.creditcard .orange[data-v-dbe4ee9a]{fill:#ff9800}.creditcard .orangedark[data-v-dbe4ee9a]{fill:#ef6c00}.creditcard .grey[data-v-dbe4ee9a]{fill:#bdbdbd}.creditcard .greydark[data-v-dbe4ee9a]{fill:#616161}#svgname[data-v-dbe4ee9a]{text-transform:uppercase}#cardfront .st2[data-v-dbe4ee9a]{fill:#fff}#cardfront .st3[data-v-dbe4ee9a]{font-family:Source Code Pro,monospace;font-weight:600}#cardfront .st4[data-v-dbe4ee9a]{font-size:54.7817px}#cardfront .st5[data-v-dbe4ee9a]{font-family:Source Code Pro,monospace;font-weight:400}#cardfront .st6[data-v-dbe4ee9a]{font-size:33.1112px}#cardfront .st7[data-v-dbe4ee9a]{fill:#fff;opacity:.6}#cardfront .st8[data-v-dbe4ee9a]{font-size:24px}#cardfront .st9[data-v-dbe4ee9a]{font-size:36.5498px}#cardfront .st10[data-v-dbe4ee9a]{font-family:Source Code Pro,monospace;font-weight:300}#cardfront .st11[data-v-dbe4ee9a]{font-size:16.1716px}#cardfront .st12[data-v-dbe4ee9a]{fill:#4c4c4c}#cardback .st12[data-v-dbe4ee9a]{font-family:Rock Salt,cursive}.creditcard .front[data-v-dbe4ee9a]{-webkit-font-smoothing:antialiased;-webkit-backface-visibility:hidden;backface-visibility:hidden;color:#47525d;max-width:100%;position:absolute;width:100%}.dropdown-container{align-items:center;display:flex;position:relative;width:68px}.dropdown-container .dropdown{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;border:1px solid #ccc;border-radius:5px;color:#333;cursor:pointer;font-size:16px;padding:8px 30px 8px 10px;width:100%}.dropdown-container .dropdown:hover{border-color:#888}.dropdown-container .chevron{border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #333;content:"";display:inline-block;position:absolute;right:10px;top:50%;transform:translateY(-50%)}ul.lastpayments{display:flex;flex-direction:column;gap:12px;list-style:none;padding:0}ul.lastpayments li{align-items:center;display:flex;justify-content:space-between}ul.lastpayments li .comp{align-items:center;display:flex;gap:10px}ul.lastpayments li .comp .logo{align-items:center;background-color:#000;border-radius:50%;color:#fff;display:flex;height:40px;justify-content:center;width:40px}ul.lastpayments li .comp .logo span{font-size:16px;font-weight:500}ul.lastpayments li .comp h3,ul.lastpayments li .comp p{margin:0}.storage-block{gap:20px;justify-content:center}.monthly,.storage-block{display:flex;flex-wrap:wrap}.monthly{align-items:flex-start;gap:40px;justify-content:space-between;margin-top:60px}.monthly>div:first-child{width:64%}.monthly>div:last-child{width:fit-content}@media (max-width:1728px){.monthly>div:first-child{width:100%}.monthly>div:last-child{display:flex;gap:40px;width:100%}.monthly>div:last-child>div:first-child{min-width:50%}.monthly>div:last-child>div:last-child{width:-webkit-fill-available}}.monthly .invoices{align-items:center;box-shadow:-2px 2px 8px 0 rgba(0,0,0,.14);-webkit-box-shadow:-2px 2px 8px 0 rgba(0,0,0,.14);-moz-box-shadow:-2px 2px 8px 0 rgba(0,0,0,.14);gap:30px;margin-bottom:60px}.monthly .invoices,.storage-block>div{display:flex;justify-content:space-between;padding:30px}.storage-block>div{align-items:flex-end;background:#ebebeb;box-shadow:-2px 2px 8px 0 rgba(0,0,0,.14);box-sizing:border-box;cursor:pointer;position:relative;transition:transform .05s ease-in-out;width:clamp(240px,22vw - 60px,362px)}@media (max-width:600px){.storage-block{justify-content:center}.storage-block>div{width:clamp(240px,100vw - 40px,300px)}}.storage-block .documents{background-color:#f8b334}.storage-block .views{background-color:#00a096}.storage-block .downloads{background-color:#e8511e}.storage-block .users{background-color:#fff}.storage-block>div:hover{transform:scale(1.02)}.storage-block>div h2{color:#ebebeb;font-size:16px;font-weight:400;margin:0}.storage-block>div p.count{color:#ebebeb;font-size:64px;font-weight:600;margin:4px 0 0}.storage-block>.users h2,.storage-block>.users p.count{color:#39393a}.storage-block>div p.size{color:#000;font-size:14px;font-weight:600;margin:0}.chartbox{height:auto;min-height:644px;width:100%}.invoiceChartbox{width:30%}.invoicesDetail{width:248px}.section-header{display:flex;justify-content:space-between}.invoices ul{list-style:none;margin:0;padding:0}.invoicesDetail li{align-items:center;display:flex;justify-content:space-between}.invoicesDetail li:nth-child(3){margin-bottom:2px}.invoicesDetail li p{align-items:center;display:flex;margin:8px}.invoicesDetail li p span{align-items:center;border-radius:2px;color:#fff;display:inline-flex;height:18px;justify-content:center;margin-right:10px;width:18px}.invoicesDetail li p span svg{width:12px}.invoicesDetail li:first-child p span{background:#00a096}.invoicesDetail li:nth-child(2) p span{background:#8da19f}.invoicesDetail li:nth-child(3) p span{background:#9fa1a1}.invoicesDetail li:nth-child(4) p span{background:transparent}li.total{border-top:1px solid #d3d3d3}.table-link[data-v-b5b6cff6]{display:inline-block;opacity:0;top:0}.table-link-block[data-v-b5b6cff6],.table-link[data-v-b5b6cff6]{height:100%;left:0;position:absolute;width:100%}.table-link[data-v-b5b6cff6]:hover{text-decoration:underline}.table-row[data-v-b5b6cff6]{position:relative}.table-row[data-v-b5b6cff6]:hover{background-color:#f0f0f0;cursor:pointer}.modal-container[data-v-4f523e5c]{min-height:638px!important}ul.dropdown-menu{backface-visibility:hidden;background-clip:padding-box;background-color:#fff;border:0 solid transparent;border-radius:.375rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);color:#7b809a;cursor:pointer;display:none;font-size:14px;inset:0 0 auto auto;left:auto!important;list-style:none;margin:0 -8px 0 0;min-width:11rem;opacity:0;padding:8px 0;position:absolute;right:0!important;text-align:left;transform:translateY(44px);transition:opacity .2s cubic-bezier(.4,0,.2,1)!important;z-index:1000}ul.dropdown-menu.active{display:block;opacity:1;visibility:visible}.dropdown-item{background-color:transparent;border:0;box-sizing:border-box;clear:both;color:#7b809a;display:block;font-weight:400;padding:8px 16px;text-align:inherit;transition:background-color .3s ease,color .3s ease;white-space:nowrap;width:100%}.dropdown-item:focus,.dropdown-item:hover{background-color:#f0f2f5;color:#344767}.aside-mask{background-color:rgba(0,0,0,.5);display:table;height:100vh;left:0;position:fixed;right:0;transition:opacity .3s ease;width:100%;z-index:9998}.aside-wrapper{background-color:#fff;box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12);display:flex;flex-direction:column;height:100%;left:auto;max-width:100%;overflow:hidden;pointer-events:auto;position:fixed;right:0;transform:translateX(0);transition-duration:.2s;transition-property:transform,visibility,width;transition-timing-function:cubic-bezier(.4,0,.2,1);width:350px;z-index:7}.aside-wrapper .aside-container{display:flex;flex-direction:column;height:100%;overflow-y:auto}.aside-wrapper .aside-container .aside-footer{margin-top:auto;padding:16px}.aside-wrapper .aside-container .aside-footer .pagination-row{margin-top:0}.aside-wrapper .aside-container .aside-footer .pagination-row .button-group{margin:0 auto}.aside-wrapper .aside-container .aside-footer .pagination-row .total{display:none}.aside-header{align-items:center;background-color:#efefef;display:flex;justify-content:space-between;padding:16px}.aside-header h3{color:#39393a;font-weight:500;margin:0}.aside-default-button{background:none;border:none;cursor:pointer}span.markasread{align-items:center;color:#e8511e;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;justify-content:flex-end;margin-bottom:20px;margin-top:20px;padding-right:20px;text-align:right;text-decoration:underline;transition:all .15s ease-in-out}span.markasread svg{margin-top:-5px}span.markasread:hover{color:#ca471a;text-decoration:none}.notification{align-items:flex-start;border-bottom:1px solid #efefef;display:flex;gap:16px;justify-content:space-between;margin:0;padding:36px 20px}.notification.new{background-color:#fff3de}.notif_content{margin-right:auto}.notification .notif_content h5{font-size:14px;font-weight:500;margin:0}.notification .notif_content span{font-size:12px;font-weight:400}.notification .notif_content span a{color:#f8b334;text-decoration:none}.notification .date{font-size:12px;font-weight:200;text-align:right}.notification-enter-from,.notification-leave-to{opacity:0}.notification-enter-from .aside-wrapper,.notification-leave-to .aside-wrapper{-webkit-transform:translateX(350px);transform:translateX(350px)}.unpaid i{--el-notification-icon-color:#f56c6c!important;color:#f56c6c!important}#container-dashboard{min-height:100%;position:relative;width:100%}#container-dashboard>div{display:flex;flex-wrap:wrap;justify-content:space-between}#container-dashboard .container{flex:1;margin-left:270px;margin-right:auto;position:relative;text-align:left!important;top:80px}#container-dashboard .container>div{min-height:calc(100vh - 140px);padding:30px}header{align-items:center;background-color:#39393a;box-sizing:border-box;display:flex;justify-content:space-between;padding:20px;position:fixed;width:100%;z-index:2}header .logo{padding-right:30px;width:230px}#title-header{margin-right:auto;padding-left:30px}#title-header h1{align-items:center;color:#fff;display:flex;font-size:20px;font-weight:500;gap:10px;margin:0}#title-header h1 span{height:24px}#title-header h1 span:last-child{color:#f8b334}#title-header h1 span a{color:#fff;text-decoration:none}#title-header h1 span a:hover{color:#f8b334}header .top-right .user{cursor:pointer}.dropdown-menu.header{margin-right:20px!important;top:20px}.dropdown-menu.header:before{border-bottom:.4em solid;border-left:.4em solid transparent;border-right:.4em solid transparent;color:#fff;content:"";display:inline-block;height:0;left:auto;position:absolute;right:17px;top:-5px;vertical-align:middle;width:0}.dropdown-menu.header a{text-decoration:none}.unread{align-items:center;background:#e8511e;border:3px solid #39393a;border-radius:36%;box-sizing:border-box;color:#fff;display:flex;font-size:11px;font-weight:500;height:24px;justify-content:center;left:10px;min-width:24px;padding:6px;position:absolute;top:-10px}