:root{--primary-color: #35cccc;--primary-hover: #2fd69c;--primary-shadow: rgba(53, 204, 204, .5);--second-color: #5dac7f;--third-color: rgb(45, 37, 76);--fourth-color: rgb(248, 250, 250);--icon-color: rgb(176, 176, 177);--icon-dcolor: rgb(41, 41, 41);--contrast-bg: white;--danger: rgb(255, 0, 51);--padding: 1em;--margin: 1em;--sidebar-width: 225px;--transition: all .45s;--navbar-height: 80px;--font-size: 20px;--font-name: "Roboto", sans-serif;--small-size: 5px;--normal-size: 10px;--double-size: 20px;--shadow: 0px 0px 10px 0px rgba(117,117,117,.15)}@media only screen and (max-width: 992px){:root{--pading: .5em;--margin: .5em;--font-size: 12px;--normal-size:5px}}*{padding:0;margin:0;-webkit-appearance:none;box-sizing:border-box;font-family:var(--font-name)}:focus{outline:none}body{width:100vw;height:100vh;overflow:hidden;background:var(--fourth-color)}i{color:var(--icon-color);cursor:pointer}.dash-controller,.login-controller{display:flex;width:100%}.dash-controller .content-controller,.login-controller .content-controller{width:100%}.dash-controller .content-controller .content,.login-controller .content-controller .content{width:100%;height:calc(100% - var(--navbar-height));padding:var(--padding)}.app-controller{height:100%;display:flex}.boxed{background:var(--contrast-bg);padding:var(--padding);border-radius:var(--normal-size);box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center}form .field-container input,form .field-container button,form .field-container select,form .field-container textarea{border:0;padding:var(--padding);margin:calc(var(--margin) / 2) 0;font-size:95%}form .field-container .btn{min-height:55px;align-items:center}form .field-container button{transition:all .45s;width:100%;cursor:pointer}form .field-container button:hover{transition:all .45s;transform:scale(1.01);font-weight:700}.circular-loader{animation:rotate 2s linear infinite;height:100%;transform-origin:center center;width:100%;position:absolute;top:0;left:0;margin:auto}.loader-path{stroke-dasharray:150,200;stroke-dashoffset:-10;animation:dash 1.5s ease-in-out infinite,color 6s ease-in-out infinite;stroke-linecap:round}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35}to{stroke-dasharray:89,200;stroke-dashoffset:-124}}@keyframes color{0%{stroke:var(--primary-color)}40%{stroke:var(--primary-hover)}66%{stroke:var(--primary-hover)}80%,90%{stroke:var(--primary-color)}}#loading-icon-bx{position:fixed;width:100%;height:100%;left:0;top:0;background-color:#fff;z-index:999999999}#loading-icon-bx .loading-inner{position:absolute;width:100px;height:100px;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}#loading-icon-bx .loading-inner div{position:absolute;width:100%;height:100%;border-radius:50%}#loading-icon-bx .loading-inner div.load-one{left:0%;top:0%;animation:load-rotate-one 1.15s linear infinite;-o-animation:load-rotate-one 1.15s linear infinite;-ms-animation:load-rotate-one 1.15s linear infinite;-webkit-animation:load-rotate-one 1.15s linear infinite;-moz-animation:load-rotate-one 1.15s linear infinite;border-bottom:5px solid #565acf}#loading-icon-bx .loading-inner div.load-two{right:0%;top:0%;animation:load-rotate-two 1.15s linear infinite;-o-animation:load-rotate-two 1.15s linear infinite;-ms-animation:load-rotate-two 1.15s linear infinite;-webkit-animation:load-rotate-two 1.15s linear infinite;-moz-animation:load-rotate-two 1.15s linear infinite;border-right:5px solid #565acf}#loading-icon-bx .loading-inner div.load-three{right:0%;bottom:0%;animation:load-rotate-three 1.15s linear infinite;-o-animation:load-rotate-three 1.15s linear infinite;-ms-animation:load-rotate-three 1.15s linear infinite;-webkit-animation:load-rotate-three 1.15s linear infinite;-moz-animation:load-rotate-three 1.15s linear infinite;border-top:5px solid #565acf}@keyframes load-rotate-one{0%{transform:rotateX(35deg) rotateY(-45deg) rotate(0)}to{transform:rotateX(35deg) rotateY(-45deg) rotate(360deg)}}@keyframes load-rotate-two{0%{transform:rotateX(50deg) rotateY(10deg) rotate(0)}to{transform:rotateX(50deg) rotateY(10deg) rotate(360deg)}}@keyframes load-rotate-three{0%{transform:rotateX(35deg) rotateY(55deg) rotate(0)}to{transform:rotateX(35deg) rotateY(55deg) rotate(360deg)}}.btn{transition:var(--transition);-webkit-appearance:none;appearance:none;border:0;background:#5928fe;border:2px solid white;padding:var(--padding);border-radius:6px;color:#fff;font-weight:700;width:100%;height:100%;cursor:pointer;text-align:center}.btn.btn-sm{padding:calc(var(--padding) / 2)}.btn.btn-block{display:block}.btn:hover{transition:var(--transition);color:#5928fe;border:2px solid #5928fe;border-radius:3px;background:white}.btn.middle{width:50%}a.btn{text-decoration:none}.modal-controller{position:fixed;height:0;width:0;overflow:hidden}.modal-controller.active{width:100vw;height:100vh;left:0;top:0;background:rgba(0,0,0,.25);display:flex;align-items:center;justify-content:center;overflow:visible}.modal-controller.active .modal{min-width:50vw;min-height:50vh;max-width:100vw;max-height:100vh;border-radius:6px;display:flex;flex-direction:column;align-items:center;background:white}.modal-controller.active .modal .modal-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--padding)}.modal-controller.active .modal .modal-content{padding:var(--padding);width:100%}.images-list{background:white;border-left:2px #878787;width:25vw;height:100vw;position:fixed;right:0;top:0;transform:translate(100vw);transition:all .45s}.images-list .close{display:flex;align-items:center;justify-content:flex-end}.images-list h4{padding-bottom:var(--padding)}.images-list .list{padding-bottom:calc(var(--padding) / 2);word-break:break-all;display:flex;justify-content:space-between;padding-right:calc(var(--padding) / 1.5)}.images-list .list i{color:var(--danger)}.images-list .list a{display:flex;align-items:center;color:#000;text-decoration:none;font-size:80%}.images-list .list a svg{margin-right:10px}.images-list.active{transition:all .45s;transform:translate(0);box-shadow:-1px 0 10px 4px #0000001a;padding:calc(var(--padding) * 2)}.notifications-controller{position:fixed;right:0;bottom:0;margin:1%;display:flex;flex-direction:column;font-family:var(--font-name);z-index:999}.notifications-controller .notification{transform:translate(0);color:var(--primary-color);background:white;font-weight:700;z-index:999;border-radius:var(--borders);overflow:hidden;box-shadow:1px 1px 15px #00000026;margin:calc(var(--space-sm) / 2) 0;animation:showNote .5s forwards}.notifications-controller .notification p{font-family:var(--font-name);color:var(--primary-color);font-size:var(--md)}.notifications-controller .notification progress{width:100%;position:absolute;bottom:0;left:0;height:5px}.notifications-controller .notification progress::-webkit-progress-bar{background:rgba(0,0,0,.15)}.notifications-controller .notification.hide{animation:hideNote 1.5s forwards}.notifications-controller .notification.success{color:var(--primary-hover);padding:var(--padding)}.notifications-controller .notification.success progress::-webkit-progress-value{background:var(--primary-hover)}.notifications-controller .notification.error{padding:var(--padding)}.notifications-controller .notification.error progress::-webkit-progress-value{background:var(--third-color)}@keyframes showNote{0%{transform:translate(100vw)}to{transform:translate(0)}}@keyframes hideNote{0%{transform:translate(0)}to{transform:translate(100vw)}}
