.btn{color:var(--text-white);border:2px solid var(--white);cursor:pointer;background-color:#0000;justify-content:center;align-items:center;padding:0 20px;display:inline-flex}.btn.primary{background:var(--primary);color:#f6f4ef;cursor:pointer;border:none;border-radius:10px;width:100%;padding:14px;font-size:15px;font-weight:600;transition:background .15s,transform .1s}.btn.primary:hover{background:#14144f}.btn.primary:active{transform:scale(.99)}.btn.btn.primary:disabled{opacity:.65;cursor:default}
.modal{z-index:1000;position:fixed;inset:0}.modal .overlay{-webkit-backdrop-filter:blur(16px);cursor:pointer;z-index:999;background-color:#53535f99;width:100vw;height:100vh;position:fixed;inset:0}.modal .wrapper{justify-content:center;width:100%;height:100%;margin:auto;display:flex;position:relative}.modal .wrapper .default{background-color:var(--white);z-index:1001;width:100%;position:relative}.modal>.wrapper>.default>.header,.modal>.wrapper>.default .footer{justify-content:center;padding:20px;display:flex}.modal>.card{z-index:1000;margin:100px auto auto}.modal>.card .wrapper{background-color:var(--white);border-radius:20px;flex-direction:column;display:flex}.modal>.card .wrapper .header{padding:20px;font-weight:500;display:flex;position:relative}.modal>.card .wrapper .header .title{text-align:center;width:100%;font-size:1.15rem}.modal>.card .wrapper .header .btn.done{position:absolute;top:20px;right:20px}.modal>.card .wrapper .footer{justify-content:center;margin-bottom:20px;display:flex}.overlay>.modal>.card .handle{background:#00000026;border-radius:2px;width:40px;height:4px;margin-top:6px;margin-left:auto;margin-right:auto;display:flex}.overlay>.modal>.card>.content{flex-direction:column;display:flex}.wrapper.apps>.title{color:#888;margin-bottom:20px;font-size:.8rem}.wrapper.user,.wrapper.apps{background-color:var(--white);border:2px solid #f1f1f1;border-radius:20px;margin:80px auto auto;padding:20px}.user .userInfo{flex-direction:column;justify-content:center;margin-top:20px;display:flex}.user .userInfo .avatar{color:#fff;background-color:#10b981;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin-left:auto;margin-right:auto;font-size:2rem;display:flex}.user .userInfo .greeting{text-align:center;letter-spacing:normal;padding:10px;font-size:1.375rem;font-weight:400;line-height:1.75rem}.delete.default{border-radius:20px;max-width:400px;margin:auto 16px}.delete.default .content{padding:0 20px}.modal>.wrapper>.uploadImages{border-radius:20px;max-width:600px;margin:auto;padding:20px}.modal>.wrapper>.agents{background:#fff;border-radius:20px;flex-direction:column;width:100%;max-width:400px;max-height:90vh;margin:auto 16px;display:flex;overflow:hidden}.modal>.wrapper>.agents .header{border-bottom:1px solid #eee;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px;font-weight:500;display:flex}.modal>.wrapper>.agents .content{flex-grow:1;padding:0 20px 20px;overflow-y:auto}.modal>.wrapper>.agents .content .agents{flex-direction:column;gap:16px;display:flex}.modal>.wrapper>.agents .content .agents .card{cursor:pointer;align-items:center;gap:10px;display:flex}.modal>.wrapper>.agents .content .agents .card:hover span{color:var(--primary)}.modal>.wrapper>.agents .content .card .avatar{width:40px;height:40px;color:var(--text-white);background-color:var(--primary);border-radius:50%;font-size:1.25rem;font-style:normal}.modal>.wrapper>.agents .content .agents .card .checkbox{margin-left:auto}.addTenant{border-radius:20px;max-width:500px;height:507px;margin:auto}.addTenant .hidden{display:none}.rdp-month{width:320px}.rdp-month_caption{margin-bottom:20px}.dropdown-nav-container{justify-content:center;gap:10px;margin-bottom:1rem;display:flex}.react-select-container{flex:1;min-width:100px}.newfolder{border-radius:20px;max-width:20vw;margin:auto 16px}.newfolder .content{margin:0 20px}@media (min-width:769px){.modal>.wrapper>.agents{max-height:70vh;margin:auto}}@media (min-width:1281px){.modal>.wrapper>.publish{min-width:400px}.modal>.wrapper>.agents .content{overflow-y:scroll}.newfolder{min-width:20vw;margin-top:20vh}}
.inputGroup{margin-bottom:22px;position:relative}.inputGroup.floating input{color:#000036;background:#fff;border:1.5px solid #dedbd1;border-radius:10px;outline:none;width:100%;padding:20px 14px 8px;font-size:16px;transition:border-color .15s}.inputGroup.floating input:focus{border-color:#c29b40}.inputGroup.floating label{color:#9a978d;pointer-events:none;transform-origin:0 0;font-size:15px;transition:transform .15s,color .15s,top .15s;position:absolute;top:17px;left:15px}.inputGroup.floating input:focus+label,.inputGroup.floating input.filled+label{color:#c29b40;top:8px;transform:scale(.72)}