@font-face{font-family:Tajawal;src:url(/fonts/Tan.ttf/subset-TanseekModernProArabic-Medium.eot);src:url(/fonts/Tan.ttf/subset-TanseekModernProArabic-Medium.eot?#iefix) format('embedded-opentype'),url(/fonts/Tan.ttf/subset-TanseekModernProArabic-Medium.woff2) format('woff2'),url(/fonts/Tan.ttf/subset-TanseekModernProArabic-Medium.woff) format('woff'),url(/fonts/Tan.ttf/subset-TanseekModernProArabic-Medium.ttf) format('truetype'),url(/fonts/Tan.ttf/subset-TanseekModernProArabic-Medium.svg#TanseekModernProArabic-Medium) format('svg');font-weight:500;font-style:normal;font-display:swap}:root{--horizontalPadding:200px}body{padding:0;margin:0;font-family:Tajawal,sans-serif;font-size:14px;background-color:#f7f8fb;font-family:Tajawal,sans-serif}::-moz-selection{background:#2f323420}::selection{background:#2f323420}.firstHeader{background-color:#2f3234;padding:10px var(--horizontalPadding);display:flex;flex-direction:row;justify-content:space-between;box-sizing:border-box}.firstHeader a{color:#ccc;text-decoration:none}.firstHeader .login a{margin-left:15px}.leftFirstHeader.firstHeader .login a{margin-left:0;margin-right:15px}.firstHeader .btns{direction:ltr}.firstHeader .btns i{margin-right:10px}.header{background-color:#fff;padding:30px var(--horizontalPadding);border-bottom:1px solid #ddd;box-sizing:border-box}.header .logo{width:65px}.content{padding:50px var(--horizontalPadding);display:flex;flex-direction:column;justify-content:space-between}.content .title{margin-bottom:30px;font-size:22px;color:#6a6a81}.content .rcon{display:flex;flex-direction:row;justify-content:space-between}.content .right{box-sizing:border-box;flex:1;margin-left:80px}.leftContent.content .right{margin-left:0;margin-right:80px}.content .sep{height:1px;width:100%;background-color:#e2e2e2;margin:40px 0}.content .sep.leftSep{margin:10px 0}.content .right table{border-radius:5px;overflow:hidden;width:100%;border-collapse:collapse;box-sizing:border-box}.content .right table tr.theader{color:#99999990}.content .right table tr.theader td{padding:0 25px;font-size:15px}.content .right table tr:not(.theader){width:100%;margin-left:-5px;background-color:#fff}.content .right table tr:not(.theader).hiddenTR{background-color:transparent}.content .right table tr:not(.theader) td{padding:30px 25px;color:#888;font-family:Tajawal,sans-serif;font-size:16px}.content .right table tr:not(.theader) td.price{color:#2196fc}.content .right table tr:not(.theader) td:first-child{border-radius:0 10px 10px 0}.content .right table tr:not(.theader) td:last-child{border-radius:10px 0 0 10px}.content .right table tr:not(.theader).hiddenTR td{background-color:transparent;padding:10px}.content .right table tr:not(.theader) td .label{border-radius:5px;color:#fff;padding:1px 7px;font-size:13px;margin-left:10px;vertical-align:top;background-color:#aaa}.content .right table tr:not(.theader) td .label.ssl{background-color:#7edf65}.content .right table tr:not(.theader) td .label.domain{background-color:#0499fd}.content .right table tr:not(.theader) td select{border:1px solid #ccc;color:#777;padding:5px 10px;outline:0;border-radius:5px;font-family:Tajawal,sans-serif}.content .right table tr:not(.theader) td .delbtn{color:#ccc;cursor:pointer}.content .right table tr:not(.theader) td .loader{border:3px solid #f3f3f3;border-top:3px solid #2196fc;border-radius:50%;width:20px;height:20px;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@-webkit-keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.content .left{box-sizing:border-box;width:350px;overflow:hidden;position:-webkit-sticky;position:sticky;top:20px;margin-top:40px;color:#777;height:470px}.content .left .rleft{background-color:#fff;border-radius:10px;box-sizing:border-box;width:100%;overflow:hidden;margin-bottom:20px;padding:20px}.content .left .rleft input{width:100%;box-sizing:border-box;border:1px solid #ddd;background-color:#fff;padding:10px;border-radius:5px;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;font-family:Tajawal,sans-serif;color:#aaa}.content .left .rleft input::-webkit-input-placeholder{color:#ccc}.content .left .rleft input::-moz-placeholder{color:#ccc}.content .left .rleft input:-ms-input-placeholder{color:#ccc}.content .left .rleft input::-ms-input-placeholder{color:#ccc}.content .left .rleft input::placeholder{color:#ccc}.content .left .rleft input:-ms-input-placeholder{color:#ccc}.content .left .rleft input::-ms-input-placeholder{color:#ccc}.content .left .rleft input:focus{border:1px solid #2196fc}.content .left table{width:100%;border-collapse:unset}.content .left table tr td{font-weight:400;color:#999}.content .left table tr.bold td{font-weight:700;color:#555}.content .left table tr td:last-child{text-align:left}.content a.paynow{background-color:#2196fc;background-image:linear-gradient(to right,#00c0e2,#2196fc);color:#fff;width:100%;display:inline-block;text-decoration:none;padding:10px;box-sizing:border-box;border-radius:5px;text-align:center;margin-top:10px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.content a.paynow:hover{background-image:linear-gradient(to right,#00c0e2,#2196fc)}.content a.paynowsec{margin-top:0;width:250px}@media (min-width:200px) and (max-width:249px){:root{--horizontalPadding:10px}.firstHeader{flex-direction:row;align-items:center}.firstHeader a{display:block;text-align:center}.firstHeader .login a{margin-left:0}.firstHeader .btns{text-align:center}.firstHeader .btns i{display:block;margin-right:0}.header{text-align:center;padding:20px var(--horizontalPadding)}.header .logo{width:65px;margin-bottom:-7px}.content{flex-direction:column}.content .right table tr:not(.theader) td .label{display:none}.content .right{width:100%;margin-bottom:40px}.content .right{max-width:100%;overflow-x:auto}.content .right table tr.theader td{font-size:13px;padding:10px}.content .left{width:100%}}@media (min-width:250px) and (max-width:399px){:root{--horizontalPadding:10px}.header{text-align:center;padding:20px var(--horizontalPadding)}.header .logo{width:65px;margin-bottom:-7px}.content{flex-direction:column}.content .rcon{flex-direction:column}.content .right table tr:not(.theader) td .label,.content a.paynowsec{display:none}.content .right{width:100%;margin-bottom:0;max-width:100%;overflow-x:auto}.content .right table tr.theader td{font-size:13px;padding:10px}.content .left{width:100%;margin-top:0}}@media (min-width:400px) and (max-width:499px){:root{--horizontalPadding:10px}.content{flex-direction:column}.content .rcon{flex-direction:column}.content .right{width:100%;margin-bottom:0}.content .right table tr.theader td{padding:15px}.content .left{width:100%;margin-top:0}.content a.paynowsec{display:none}}@media (min-width:500px) and (max-width:799px){:root{--horizontalPadding:20px}.content{flex-direction:column}.content .rcon{flex-direction:column}.content .right{width:100%;margin-bottom:0}.content .left{width:100%;margin-top:0}.content a.paynowsec{display:none}}@media (min-width:800px) and (max-width:899px){:root{--horizontalPadding:20px}.content{flex-direction:column}.content .rcon{flex-direction:row}.content .right{width:100%;margin-bottom:40px;margin-left:10px}.content .left{width:230px}}@media (min-width:900px) and (max-width:1099px){:root{--horizontalPadding:50px}.content{flex-direction:column}.content .rcon{flex-direction:row}.content .right{width:100%;margin-bottom:40px;margin-left:40px}.content .left{width:250px}}@media (min-width:1100px) and (max-width:1299px){:root{--horizontalPadding:100px}.content{flex-direction:column}.content .rcon{flex-direction:row}.content .right{width:100%;margin-bottom:40px;margin-left:40px}.content .left{width:250px}}@media (min-width:1300px) and (max-width:1599px){:root{--horizontalPadding:150px}.content{flex-direction:column}.content .rcon{flex-direction:row}.content .right{width:100%;margin-bottom:40px;margin-left:40px}.content .left{width:250px}}