@font-face{font-family:Shabnam;src:url(../fonts/Shabnam.29b054fe.ttf) format("ttf"),url(../fonts/Shabnam.72c246af.woff) format("woff"),url(../fonts/Shabnam.fd76903f.woff2) format("woff2")}@font-face{font-family:Amiri;src:url(../fonts/Amiri-Regular.0666808e.ttf) format("ttf"),}*{font-family:Shabnam}@font-face{font-family:Shabnam-Bold;src:url(../fonts/Shabnam-Bold.93c36d96.ttf) format("ttf"),url(../fonts/Shabnam-Bold.9c6b4c40.woff) format("woff"),url(../fonts/Shabnam-Bold.009046a9.woff2) format("woff2")}canvas{font-family:Shabnam-Bold!important}[dir=ltr] .q-page-container{padding-left:270px!important}[dir=rtl] .q-page-container{padding-right:270px!important}.Shabnam-Bold{font-family:Shabnam-Bold!important}.yello-color{color:#fca311}.blue-color{color:#14213d}.wrapper{margin:auto;max-width:640px;text-align:center}.title{-webkit-text-fill-color:#0000;flex:1 1 100%;font-family:Montserrat;font-size:34px;font-weight:300;margin-bottom:50px;text-align:center}[dir=ltr] .title{background:linear-gradient(270deg,#743ad5,#d53a9d)}[dir=rtl] .title{background:linear-gradient(90deg,#743ad5,#d53a9d)}[dir] .title{-webkit-background-clip:text}.blink{animation:blinker 1s step-start infinite}@keyframes blinker{50%{opacity:0}}.input-container{height:40px;position:relative;width:50%}.avatar,.input-container{align-items:center;display:flex;justify-content:center}.avatar{border-radius:50%;box-shadow:0 2px 10px 0 #0006;color:#fff;cursor:pointer;height:inherit;perspective:1000px;transform:translateZ(0);transition:background .9s ease-in-out,border-radius 1s ease-in-out;width:40px;will-change:transform}[dir=ltr] .avatar{background:linear-gradient(270deg,#26a69a,#3c9b91)}[dir=rtl] .avatar{background:linear-gradient(90deg,#26a69a,#3c9b91)}.custom-input{border:1px solid;border-image:linear-gradient(270deg,#26a69a,#3c9b91) 1;height:calc(100% - 1px);padding:0 8px;width:calc(100% - 1px)}.icon-container{background-color:#fff;height:inherit;position:absolute;transition:all .5s ease-in-out;width:100%;will-change:transform}[dir=ltr] .animate{transform:translateX(99%)}[dir=rtl] .animate{transform:translateX(-99%)}.animate .avatar{animation:shake .82s cubic-bezier(.36,.07,.19,.97) both;animation-delay:.7s;border-radius:0}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(1px,0,0)}30%,50%,70%{transform:translate3d(-1px,0,0)}40%,60%{transform:translate3d(1px,0,0)}}.title_dialog{border-radius:0 0 20px 20px!important;margin-left:30px!important;margin-right:30px!important}.dialog{border-radius:20px!important}tr:hover{background-color:#cfcece;background-color:#f1faf9;transition:all .2s linear;transition:all .5s ease-in}.my-input2.q-field--auto-height.q-field--labeled .q-field__control-container{padding-top:5px}.my-input.q-field--float .q-field__label{background:#fff;padding:0 5px;z-index:10}[dir=ltr] .my-input.q-field--float .q-field__label{right:inherit;transform:translateY(-120%) translateX(-5px) scale(.75)}[dir=rtl] .my-input.q-field--float .q-field__label{left:inherit;transform:translateY(-120%) translateX(5px) scale(.75)}[dir=ltr] .my-input.q-field--dense.q-field--float .q-field__label{transform:translateY(-85%) translateX(-5px) scale(.75)}[dir=rtl] .my-input.q-field--dense.q-field--float .q-field__label{transform:translateY(-85%) translateX(5px) scale(.75)}.my-input.q-field--labeled .q-field__native,.my-input.q-field--labeled .q-field__prefix,.my-input.q-field--labeled .q-field__suffix{padding-top:8px}.q-drawer{background:none!important}[dir=ltr] .q-drawer--right.q-drawer--bordered{border-left:none!important}[dir=rtl] .q-drawer--right.q-drawer--bordered{border-right:none!important}[dir=ltr] .q-drawer--left.q-drawer--bordered{border-left:none!important}[dir=rtl] .q-drawer--left.q-drawer--bordered{border-right:none!important}[dir=ltr] .q-header--right.q-drawer--bordered{border-left:none!important}[dir=rtl] .q-header--right.q-drawer--bordered{border-right:none!important}[dir=ltr] .q-header--left.q-drawer--bordered{border-left:none!important}[dir=rtl] .q-header--left.q-drawer--bordered{border-right:none!important}.q-card,.q-table__container{border:1px solid #099eaf;border-radius:10px}.main-img{position:absolute;top:15%}[dir=ltr] .main-img{right:20%}[dir=rtl] .main-img{left:20%}