.post,body{background:#fff}p,table{color:#000}#getname,.amount,a{text-decoration:none}#loader,.done,.error,.question,.title{text-align:center}.phone input,.post1{padding:10px}*,.barr{box-sizing:border-box}*{margin:0;padding:0;font-family:Poppins,Droid Arabic Naskh;font-weight:700}body{direction:rtl}.post{margin:0 auto;max-width:500px;border:0 solid #00b7b2;border-radius:3px}.info,.intro{max-width:300px;width:100%}.info,button{display:block;padding:0 10px;outline:0;height:50px}.intro{display:block;margin:10px auto;background:#7f8c8d}.rib{display:block;width:100%}.info{margin:10px auto;border:2px solid #95a5a6}#check,#check2,#checking,#claim,#info,#loader,#share,.error,.step2,.step3{display:none}.barr,.phone{max-width:400px;margin:10px auto}table{width:100%}table th{background:red;color:#fff}table tr td,table tr th{width:50%;border:1px solid #c7c7c7;padding:5px;font-size:18px;text-align:center}.yes{background:#4caf50}.yes:hover{background:#2ecc71}.no{background:#e74c3c}.no:hover{background:#c0392b}.welcome{font-size:15px}.error,.phone input,.tip{font-size:14px}#getname,.amount{color:red}.done{color:#c7db49}.error{color:#e74c3c}button{width:200px;color:#fff;border:none;font-size:20px;cursor:pointer;border-radius:5px;margin:10px auto;background:#e33b22;transition:background .3s}button:hover{background:#098346}.phone input{width:60%;height:50px;outline:0;border:2px solid #cecece}#confirm{width:40%;float:left;margin:0;border-radius:0}.spin{width:50px;height:50px;background:0 0;border:8px solid #006940;border-right-color:transparent;border-radius:50%;margin:10px auto;animation:.8s linear infinite spin}.fill,.percentage{height:35px;border:2px solid #ed1c24}@keyframes spin{100%{transform:rotate(1turn)}}.center{display:flex;align-items:center;justify-content:center}.barr{direction:ltr}.fill{position:relative;display:inline-block;width:calc(100% - 100px);padding:2px}#fill,#fill2{background:#ed1c24;width:0%;height:100%}.percentage{color:#000;width:100px;float:right;font-size:16px}#percentage,#percentage2{margin-left:5px}