:root{--primary-color:#3f7dc7;--primary-dark-1-color:#2b66ad;--primary-dark-2-color:#21599d;--primary-subtle-color:#c0d5e8;--primary-subtle-dark-1-color:#cee2f5;--primary-subtle-dark-2-color:#def;--primary-gradient-color:linear-gradient(180deg,#064e9c,#0f3a76);--secondary-color:#d72b2a;--secondary-dark-1-color:#b92322;--secondary-dark-2-color:#a11a19;--secondary-subtle-color:#e8c0c0;--secondary-subtle-dark-1-color:#f5cece;--secondary-subtle-dark-2-color:#fdd;--secondary-gradient-color:linear-gradient(180deg,#e52e2d,#a11a19);--window-background-color:#ebebeb;--dark-grey-color:#707c8b;--washed-grey-color:#b1b9c3;--green-color:#28a138;--red-color:#d93b3b;--black-color:#3e3e3e}#app,#root,body,html{background-color:#fff;font-family:Roboto,sans-serif}.text-dark-grey{color:#707c8b;color:var(--dark-grey-color)}.text-primary{color:#3f7dc7;color:var(--primary-color)}.text-primary-dark{color:#21599d;color:var(--primary-dark-2-color)}.text-secondary{color:#d72b2a;color:var(--secondary-color)}.text-secondary-darl{color:#a11a19;color:var(--secondary-dark-2-color)}.text-green{color:#28a138;color:var(--green-color)}.text-red{color:#d93b3b;color:var(--red-color)}.bg-primary{background-color:#3f7dc7;background-color:var(--primary-color)}.bg-secondary{background-color:#d72b2a;background-color:var(--secondary-color)}.btn{align-items:center;color:#fff;display:flex;justify-content:center;padding:.5rem 1rem}.btn-secondary{background-color:#d72b2a;background-color:var(--secondary-color)}.btn-disabled{background-color:#b1b9c3;background-color:var(--washed-grey-color)}.btn-primary{background-color:#3f7dc7;background-color:var(--primary-color)}.btn-success{background-color:#28a138;background-color:var(--green-color)}.btn-danger{background-color:#d93b3b;background-color:var(--red-color)}.main{height:100%}.main,.w-full{width:100%}.fixed{position:fixed}.input-wrapper{padding-top:.5rem;position:relative;width:100%}.input-label{background:#fff;font-size:.875rem;left:.5rem;line-height:1.25rem;padding-left:.25rem;position:absolute;top:0}.z-50{z-index:50}.z-51{z-index:51}input{outline:none}.input{border-color:#b1b9c3;border-color:var(--washed-grey-color);border-radius:10px;border-width:1px;margin-right:.5rem;padding:1rem;width:100%}.input.small-pad{padding:.5rem}.input.error,.input.error:focus{border-color:#d93b3b!important;border-color:var(--red-color)!important}.input:focus{border-color:#3f7dc7;border-color:var(--primary-color)}.input-wrapper>.error-message{color:#d93b3b;color:var(--red-color);font-size:.875rem;font-weight:lighter}.logo-wrapper{border-radius:0 8px 8px 0;height:45px;justify-content:flex-end;padding-right:1rem;width:15rem}.logo-wrapper,.nav-bar{align-items:center;display:flex}.nav-bar{height:78px;justify-content:space-between;padding-left:16rem;padding-right:3rem;position:relative}.nav-bar>.logo-wrapper{height:100%;left:0;position:absolute;top:0;z-index:53}.nav-bar>.user-wrapper{align-items:center;color:#fff;display:flex;position:relative}.nav-bar>.user-wrapper>.user-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 11px rgba(0,0,0,.25);color:#707c8b;color:var(--dark-grey-color);cursor:pointer;padding:1rem;position:absolute;right:0;top:40px}ul.user-container>li{display:flex;margin-bottom:.25rem;margin-top:.25rem}ul.user-container>li>span{font-size:.875rem;margin-left:.8rem}.user-wrapper>.name-wrapper{font-size:.875rem;line-height:1.25rem;margin-right:10px;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.user-wrapper>.name-wrapper>.user-title{font-size:.75rem;line-height:1rem}.user-wrapper>#nav-user-image{cursor:pointer}.user-wrapper>#nav-user-image>img{border-radius:99px;display:inline-block;height:36px;object-fit:cover;width:36px}.title-header{display:flex}.title-header>div:first-child{background-color:#d72b2a;background-color:var(--secondary-color);border-radius:2px;height:1.8rem;margin-right:.5rem;position:relative;width:.5rem}.title-header>div:first-child>div{background-color:#3f7dc7;background-color:var(--primary-color);border-radius:2px;height:1.25rem;position:absolute;width:100%}.title-header>span{color:#3e3e3e;color:var(--black-color);font-size:1.125rem;font-weight:700;line-height:1.75rem}.sidebar{background-color:#fff;border-radius:0 8px 0 0;height:100%;left:0;padding-left:1rem;position:absolute;transition:all .5s ease 0s;visibility:visible;width:15rem;z-index:3}.sidebar>div:first-child{margin-left:-1rem}.sidebar>.title{color:#707c8b;color:var(--dark-grey-color);font-size:.625rem}.sidebar>.title,.sidebar>ul>.nav-item{align-items:center;display:flex;height:50px}.sidebar>ul>.nav-item{background-color:#fff;border-radius:99px 0 0 99px;cursor:pointer;padding-left:1rem}.sidebar>ul>.nav-item.active{background-color:#3f7dc7;background-color:var(--primary-color)}.sidebar>ul>.nav-item>.icon{align-items:center;color:#b1b9c3;color:var(--washed-grey-color);display:flex;height:20px;justify-content:center;width:20px}.sidebar>ul>.nav-item>.label{color:#3e3e3e;color:var(--black-color);font-size:.875rem;margin-left:1rem}.sidebar>ul>.nav-item.active>.label{color:#fff}.sidebar.closed{left:-100%;visibility:visible}.main-wrapper{margin-left:0;transition:all .5s ease 0s}.main-wrapper.sidebar-active{margin-left:15rem}.footer{background-color:#fff;bottom:0;color:#707c8b;color:var(--dark-grey-color);font-size:.75rem;left:0;line-height:1rem;padding:.5rem;position:fixed;text-align:center;width:100%}.title-back-icon{cursor:pointer;margin-right:10px}.breadcrumbs{align-items:center;display:flex}.breadcrumbs>div:last-child{color:#707c8b;color:var(--dark-grey-color)}.breadcrumbs-item{align-items:center;color:#b1b9c3;color:var(--washed-grey-color);display:flex;font-size:.75rem;line-height:1rem;padding-right:6px}.breadcrumbs-item:hover{color:#707c8b;color:var(--dark-grey-color)}.breadcrumbs-item>.icon{margin-right:6px}.menu-card{align-items:center;background-color:#fff;border-radius:.5rem;display:flex;flex-direction:column;height:10rem;text-align:center;width:10rem}.menu-card-title{font-weight:700}@media screen and (min-width:1200px){.menu-card{height:13rem;width:13rem}}.action-button-label{margin-left:6px;text-transform:uppercase}.content-center{align-items:center;display:flex;justify-content:center}.button-loader{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:20px;width:20px}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.menu-side>.nav-item.active{background-color:#80a6bf!important;margin-left:15px}input[type=file]::file-selector-button{background:#3f7dc7;border:none;border-radius:10px;color:#fff;cursor:pointer;margin-right:20px;padding:10px 20px;transition:background .2s ease-in-out}input[type=file]::file-selector-button:hover{background:#0d45a5}.nav-bar>.user-wrapper>.allowed-role-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 11px rgba(0,0,0,.25);color:#707c8b;color:var(--dark-grey-color);cursor:pointer;padding:2px;position:absolute;right:0;top:40px;width:200px}ul.allowed-role-container>li{display:flex;margin-bottom:.25rem;margin-top:.25rem;padding:10px 0}ul.allowed-role-container>li>span{font-size:.875rem;margin-left:.8rem}ul.allowed-role-container li.current{background-color:#ddd;color:#0070e7}ul.allowed-role-container li:hover{background-color:#0070e7;color:#fff}span.rolename:hover{border-bottom:3px dotted #ff0;cursor:pointer}