:root{--primary-color: #663088;--primary-color-light: #a887bc;--secondary-color: #f49831;--white-color: #ffffff;--success-color: #04AA6D;--red-color: #ff4f5a;--warning-color: var(--secondary-color);--info-color: #0396ff;--font-family: Roboto, sans-serif;--primary-bg: #f4f6fc;--secondary-bg: #ffffff;--accent-color: #3a57e8;--text-color: #333333;--sidebar-bg: #ffffff;--sidebar-link-color: #444444;--sidebar-hover-bg: #f0f4ff;--topbar-bg: #ffffff}*{margin:0;padding:0;box-sizing:border-box;text-decoration:none;transition:ease-in-out .3s}body{font-size:14px;color:#4c5258;letter-spacing:.5px;background:#f7f7ff;overflow-x:hidden;font-family:var(--font-family)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#eee}::-webkit-scrollbar-thumb{background:var(--primary-color)}::-webkit-scrollbar-thumb:hover{--primary-color-light: #a887bc}textarea,input,select{outline:none}ul{list-style-type:none}.search-bar input{font-size:16px;line-height:1.5;border:1px solid #D5D9DB;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><path fill='%238C92A0' d='M11.44 10.73l4.41 4.42a.5.5 0 1 1-.7.7l-4.42-4.41a6.5 6.5 0 1 1 .7-.7v-.01zM6.5 12a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11z'></path></svg>");background-repeat:no-repeat;background-position:15px 10px;background-size:20px 20px;border-radius:5px;width:300px;padding:.5em 1em .5em 3em}.primary-color{color:var(--primary-color)}.primary-color-light{color:var(--primary-color-light)}.bg-success{background:var(--success-color)!important}.bg-danger{background:var(--red-color)!important}.position-relative{position:relative}.w-100{width:100%!important}.d-flex{display:flex}.justify-content-between{justify-content:space-between}.justify-content-center{justify-content:center}.justify-content-left{justify-content:left}.align-items-center{align-items:center}.text-uppercase{text-transform:uppercase}.m-0{margin:0!important}.m-10{margin:10px}.ml-10{margin-left:10px}.mb-10{margin-bottom:10px}.mr-10{margin-right:10px}.mt-10{margin-top:10px}.mt-20{margin-top:20px}.mb-20{margin-bottom:20px}.ml-20{margin-left:20px}.mr-20{margin-right:20px}.p-10{padding:10px}.pl-10{margin-left:10px}.pr-10{margin-right:10px}.pt-10{margin-top:10px}.p-20{padding:20px}.pl-20{margin-left:20px}.pr-20{margin-right:20px}.pt-20{margin-top:20px}.text-center{text-align:center}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-bold{font-weight:700}.text-red{color:var(--red-color)}.btn{background:var(--primary-color);padding:8px 16px;color:var(--white-color);border:none;border-radius:4px;cursor:pointer;box-shadow:0 8px 6px -6px #555}.btn.btn-lg{font-size:20px;padding:10px 50px}.btn.btn-small{font-size:12px;padding:5px 10px}.btn-close{position:absolute;cursor:pointer;top:-165px;right:5px;height:30px;width:30px;border-radius:50%;border:none;background:var(--red-color);color:var(--white-color)}.btn:hover,.btn-close:hover{opacity:.9}.loader{position:fixed;top:0;left:0;width:100%;height:100%;background:#fffc;display:flex;justify-content:center;align-items:center;z-index:1000}.loader .spinner{width:50px;height:50px;border:6px solid rgba(0,0,0,.1);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s infinite linear}@keyframes spin{to{transform:rotate(360deg)}}.dafault-avatar-string{display:inline-block;width:40px;height:40px;line-height:40px;border-radius:50%;background-color:var(--primary-color-light);color:var(--white-color);text-align:center;font-size:14px;font-weight:700;font-family:Arial,sans-serif;text-transform:uppercase}.jifi-tooltip{position:relative}.jifi-tooltip:after,.jifi-tooltip:before{visibility:hidden;position:absolute;bottom:0;opacity:0}.jifi-tooltip:after{display:block;content:attr(jifi-tooltip);height:auto;left:20%;min-width:100px;padding:8px 15px;text-decoration:none;text-align:center;border-radius:3px;font-size:13px;color:#fff;background:#000000d9;box-shadow:#0003 0 1px 5px;z-index:999}.jifi-tooltip:before{width:0;height:0;left:50%;content:"";border-style:solid;border-width:5px;border-color:transparent}.jifi-tooltip:hover:after,.jifi-tooltip:hover:before{visibility:visible;opacity:1}.jifi-tooltip:hover:after{bottom:calc(100% + 10px)}.jifi-tooltip:hover:before{bottom:100%;border-top-color:#000000d9}.jifi-tooltip.bottom:hover:after{bottom:calc(-100% - 3px)}.jifi-tooltip.bottom:hover:before{bottom:-9px;border-top-color:transparent;border-bottom-color:#000000d9}.jifi-tooltip.right:hover:after,.jifi-tooltip.right:hover:before{bottom:50%;transform:translateY(50%)}.jifi-tooltip.right:hover:after{left:calc(100% + 10px)}.jifi-tooltip.right:hover:before{left:100%;border-top-color:transparent;border-right-color:#000000d9}.jifi-tooltip.left:hover:after,.jifi-tooltip.left:hover:before{bottom:50%;transform:translateY(50%);left:auto}.jifi-tooltip.left:hover:after{right:calc(100% + 10px)}.jifi-tooltip.left:hover:before{right:100%;border-top-color:transparent;border-left-color:#000000d9}button.jifi-tooltip{color:var(--primary-color);border:none;cursor:pointer;font-size:15px;background:transparent}