::-webkit-scrollbar{width:6px;height:6px;opacity:.5}::-webkit-scrollbar-track{box-shadow:inset 0 0 6px #0000004d;border-radius:3px}::-webkit-scrollbar-thumb{border-radius:3px;box-shadow:inset 0 0 6px #00000080}:focus{outline:-webkit-focus-ring-color auto 0!important}input:not([type="checkbox"]),textarea,button{font-family:var(--main-font-family);outline:none;-webkit-appearance:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}select{font-family:var(--main-font-family);outline:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}div,section,nav,header,footer,li,ul,article,blockquote{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}body,html{scroll-behavior:smooth;background:var(--body-background);padding:0;margin:0;font-family:var(--main-font-family);color:var(--main-color);box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;font-size:var(--main-font-size);height:100vh}a{color:var(--main-link-color);transition:color .5s ease-in-out}a:hover{color:var(--hover-link-color)}.btn-maincolor{background:var(--main-link-color);color:var(--reverse-color)}.btn-maincolor svg[icon] path{fill:var(--reverse-color)}.btn-maincolor:hover{background:var(--hover-link-color);color:var(--reverse-color)}.btn,input:not([type="checkbox"]),select{border-radius:8px!important}.dropdown-item{cursor:pointer}.dropdown-item:hover{color:var(--main-color)}.rotate-90{transform:rotate(90deg)}.rotate-180{transform:rotate(180deg)}.success-bg{background:var(--success-color);color:var(--reverse-color)}.btn.success-bg:hover{background:var(--bs-success);color:var(--reverse-color)}.main-bg{background:var(--main-link-color);color:var(--reverse-color)}.btn.main-bg:hover{background:var(--hover-link-color);color:var(--reverse-color)}.waiting-bg{background:var(--muted-waiting-color)}.basic-svg[icon]{width:24px;height:24px}.basic-svg[icon].md{width:20px;height:20px}.basic-svg[icon].sm{width:18px;height:18px}.basic-svg[icon].xs{width:16px;height:16px}svg[icon].disabled path{fill:#ccc}svg[icon].white-fill{fill:#fff}svg[icon].danger{fill:var(--bs-danger)}.basic-svg[icon].color path{fill:#000}.light-svg[icon].color path{fill:#fff}.cursor-pointer{cursor:pointer}.bold{font-weight:700}.dashed-link{cursor:pointer;color:var(--main-link-color);border-bottom:dashed 1px var(--main-link-color)}.dashed-link:hover{color:var(--hover-link-color);border-bottom:solid 1px var(--hover-link-color)}.basic-card{box-shadow:0 4px 10px #0000001a!important;background:var(--card-background);border-radius:16px;overflow:hidden}.switchbox{padding-left:2.2rem;position:relative;cursor:pointer;transition:all .4s ease-in-out}.switchbox:before{width:1.8rem;position:absolute;height:15px;border-radius:20px;background:var(--muted-waiting-color);left:0;top:50%;content:"";transform:translateY(-50%)}.switchbox.checked:before{background:var(--success-color)}.switchbox:after{width:15px;content:"";position:absolute;border-radius:20px;height:15px;background:var(--reverse-color);left:0;top:50%;transform:translateY(-50%);box-shadow:0 2px 4px #0003;transition:left .2s ease}.switchbox.checked:after{left:calc(1.8rem - 15px)}.breadcrumbs{padding:0;margin:0;display:flex;flex-wrap:nowrap}.breadcrumbs li{list-style:none;font-size:.7rem;position:relative;margin-right:15px}.breadcrumbs li:after{content:"/";position:absolute;left:-8px;top:0;opacity:.5;display:block}.breadcrumbs li:nth-child(1):after{display:none}.breadcrumbs li a{text-decoration:none}.breadcrumbs li.active:after{display:none}.breadcrumbs li.active a{color:var(--main-color)}.modal{backdrop-filter:blur(8px) brightness(60%);-webkit-backdrop-filter:blur(8px) brightness(60%)}.modal-body .btn-close{position:absolute;right:1.1rem;top:1.1rem}.modal-dialog-content{padding:2rem 0}button.success{background:var(--success-color);color:var(--reverse-color);display:inline-flex;align-items:center}button.success:hover{background:var(--bs-success);color:var(--reverse-color)}button.success svg[icon],button.danger svg[icon]{width:1.3rem;height:1.3rem;margin-right:.3rem}button.success svg[icon] path,button.danger svg[icon] path{fill:var(--reverse-color)}button.danger{background:var(--danger-color);color:var(--reverse-color);display:inline-flex;align-items:center}button.danger:hover{background:var(--bs-danger);color:var(--reverse-color)}.offcanvas.lg{max-width:1000px;width:100%}.offcanvas.md{max-width:650px;width:100%}.form-input{position:relative;margin-bottom:1rem}.form-input label{font-weight:700;margin-bottom:3px}.form-input input:focus,.form-input select:focus,.form-input textarea:focus{border-color:var(--reverse-color);box-shadow:0 5px 12px .25rem #0d6efd40}.form-input.error label{color:var(--danger-color)}.form-input.error input{color:var(--danger-color);border-color:var(--danger-color)}.form-input .input-error{background:var(--danger-color);position:absolute;top:100%;left:0;width:auto;padding:5px 15px;font-size:small;color:var(--bs-white);border-radius:5px;display:none;z-index:15}.form-input .input-error:after{width:0;height:0;border-style:solid;border-width:0 7px 6px 7px;border-color:transparent transparent var(--danger-color) transparent;left:10px;top:-6px;content:"";position:absolute}.form-input.error .input-error{display:block}@keyframes zoomFadeIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes zoomFadeOut{0%{transform:scale(1);opacity:1}to{transform:scale(.5);opacity:0}}@keyframes slideDownFadeIn{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDownFadeOut{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}.zoomFadeIn{animation:zoomFadeIn .3s ease-in}.zoomFadeOut{animation:zoomFadeOut .3s ease-in}.slideDownFadeIn{animation:slideDownFadeIn .3s ease-in}.slideDownFadeOut{animation:slideDownFadeOut .3s ease-in}svg.animated-success-svg{width:100px;height:100px;animation:animated-svg-zoom .5s 2s ease}svg.animated-success-svg path{fill:var(--bs-success);stroke:var(--bs-success);stroke-width:200;stroke-dasharray:20000;stroke-dashoffset:5000;animation:animated-svg-stroke 1.6s ease,animated-svg-fill 1s 1s ease}svg.animated-success-svg polyline{fill:none;stroke:#fff;stroke-width:200;stroke-dasharray:3000;stroke-dashoffset:6000;animation:animated-svg-draw 1s 1s ease}svg.animated-warning-svg{width:100px;height:100px;animation:animated-svg-zoom .5s 1.5s ease}svg.animated-warning-svg path.svg-warning-triangle{fill:transparent;stroke:var(--bs-danger);stroke-width:200;animation:animated-svg-stroke 3s ease}svg.animated-warning-svg path.svg-warning-line{opacity:1;fill:var(--bs-danger);animation:animated-svg-fade 2s ease}svg.animated-warning-svg path.svg-warning-round{opacity:1;fill:var(--bs-danger);animation:animated-svg-fade 2s ease}@keyframes animated-svg-stroke{0%{stroke-dasharray:5000;fill:transparent}to{stroke-dasharray:20000;fill:transparent}}@keyframes animated-svg-fill{0%{fill:transparent}to{fill:var(--bs-success)}}@keyframes animated-svg-draw{0%{stroke-dashoffset:3000}to{stroke-dashoffset:6000}}@keyframes animated-svg-zoom{0%{transform:scaleX(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes animated-svg-fade{0%{opacity:0}to{opacity:1}}@media (max-width: 520.98px){:root{--header-height:60px}header h1{font-size:1rem}.breadcrumbs{display:none}header .user-face{width:35px;height:35px}header .user-face span{font-size:.8rem}header .header-notifications{margin:0}}@media (min-width: 521px) and (max-width: 758.98px){header h1{font-size:1.2rem}}@media (min-width: 759px) and (max-width: 999.98px){header h1{font-size:1.2rem}}@media (min-width: 1000px) and (max-width: 1199.98px){header h1{font-size:1.2rem}}@media (min-width: 1200px) and (max-width: 1399.98px){header h1{font-size:1.3rem}}@media (min-width: 521px) and (max-width: 758.98px){:root{--aside-width:70px;--main-h1-size: 2rem;--main-font-size:.9rem;--sm-h1-size: 1.7rem}.container{max-width:650px}}@media (min-width: 759px) and (max-width: 999.98px){:root{--main-h1-size: 2.2rem;--main-font-size:.9rem;--sm-h1-size: 1.9rem}.container{max-width:900px}}@media (min-width: 1000px) and (max-width: 1199.98px){:root{--main-h1-size: 2.2rem;--main-font-size:.9rem;--sm-h1-size: 1.9rem}.container{max-width:1000px}}@media (min-width: 1200px) and (max-width: 1399.98px){:root{--main-h1-size: 2.5rem;--main-font-size:.9rem;--sm-h1-size: 2rem}.container{max-width:1180px}}@media (min-width: 1400px) and (max-width: 1599.98px){.container{max-width:1320px}}@media (min-width: 1600px) and (max-width: 1899.98px){.container{max-width:1450px}}@media (min-width: 1900px) and (max-width: 2199.98px){.container{max-width:1750px}}@media (min-width: 2200px){.container{max-width:2100px}}
