body{height:100vh;background-repeat:no-repeat;background-size:cover!important;margin:0;padding:0!important;overflow:hidden;width:100%}.LoginTab tr td {vertical-align: top}.BDC_CaptchaImageDiv{display:inline-block; float:left} .BDC_CaptchaImageDiv img{border-radius:5px} .BDC_CaptchaIconsDiv {display:inline-block; float:right}.BDC_CaptchaDiv {margin:auto !important} .wrapper{position: relative;align-items:center;background:rgba(46,41,30,.85);height:100vh;width:100%;overflow-x:hidden;overflow-y:auto}.wrapper::-webkit-scrollbar{width:0px!important}.header{color:#fff;font-weight:700;font-size:20px}.login{display:none;border-radius:5px;padding:10px 20px 20px 20px;width:96%;max-width:420px;background:rgba(255,255,255,0.1);backdrop-filter: blur(5px);position:relative;margin: auto;padding-bottom:60px}.login .title{color:#444;font-size:1.8em;font-weight:700;margin:0 0 20px 0;border-bottom:1px solid #eee;text-align:left}.login input[type="text"],.login input[type="password"]{display:block;padding:15px 10px;margin-bottom:10px;width:100%;transition:border-width 0.2s ease;color:#797979;left:0; border-radius:5px}.login input[type="text"]+i.fa,.login input[type="password"]+i.fa{color:#fff;font-size:1.5em;position:absolute;margin-top:-44px;opacity:0;right:0;transition:all 0.1s ease-in}.login input:focus{outline:none;color:#444;border-color:#FFAB00;border-right-width:35px}.login input:focus+i.fa{opacity:1;right:20px;transition:all 0.25s ease-out}.login .button{width:100%;height:100%;padding:10px 10px;background:#FFAB00;color:#fff;display:block;border:none;margin-top:20px;position:absolute;left:0;bottom:-5px;max-height:60px;border:0 solid rgba(0,0,0,.1);border-radius:0 0 5px 5px;transform:rotateZ(0deg);transition:all 0.1s ease-out;border-bottom-width:7px;cursor:pointer;font-size:14px}#txtRadCaptcha_CaptchaTextBox,#txtRadCaptcha_SpamProtectorPanel p{margin-bottom:0}input[type="checkbox"]{display:none}input[type="checkbox"]+label{position:relative;padding-left:30px;margin-bottom:20px;color:#ddd;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}input[type="checkbox"]+label:last-child{margin-bottom:0}input[type="checkbox"]+label:before{content:'';display:block;width:20px;height:20px;border:1px solid #FFC400;position:absolute;left:0;top:0;opacity:.6;-webkit-transition:all .12s,border-color .08s;transition:all .12s,border-color .08s}input[type="checkbox"]:checked+label:before{width:10px;top:-5px;left:5px;border-radius:0;opacity:1;border-top-color:transparent;border-left-color:transparent;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.loginFooter{color:#FFFFFF;position:absolute;right:85px;bottom:15px;background:none;float:left;text-align:left}.loginFooter a{text-decoration:none;color:#FFAB00}#lblMsg{margin:0;width:100%;text-align:center}#pnlCaptcha{padding:15px 0;display:inline-block;margin:0% 25% 0% 25%}#CustomerTitle{font:inherit;font-size:16px}#logo{height:90px;width:90px}.oneTimePassword{letter-spacing:30px;direction:ltr!important;box-shadow:none!important;font-weight:900!important;margin-top:15px!important;text-align:center}.Timer{font-size:20px;font-weight:700;float:left;width:40px}.BDC_Warning{display:none !important}.MobileNewsTitle{display:none; font-weight: bold;text-align: center;cursor:pointer;margin-top: 40px;font-size: 16px !important;color: #FFFFFF !important;text-decoration: none;} #NewsPopup {left:0; top:0;  line-height: 1.8; margin: 10px; background-color: rgb(255 255 255 / 75%); padding: 20px; border-radius: 8px; position:relative;font-size: 120%;width: calc(100% - 20px); max-height: calc(100% - 20px); overflow: auto} #NewsPopup * {background:none !important; font-family: Vazir !important} .NewsPopupBody {padding: 5px 0; margin: 5px 0; border-bottom: 1px solid #FFFFFF} #NewsPopup::-webkit-scrollbar{width:0px!important; height:0px!important;} .NewsCloseButton {position:absolute;left: 5px;top: 5px;width: 24px;height: 24px;border-radius: 5px;border: none;color: #FFFFFF;font-weight: bold;text-align: center;line-height: 28px;cursor:pointer;font-size: 20px;} .OnlyMobile {display:none}
@media only screen and (max-width:1080px){body{width:100%;height:100%;overflow:hidden}.login{z-index:2}.container-fluid{padding-left:0;padding-right:0}#CustomerTitle{font-size:16px;margin-bottom:1%}.loginFooter{left:0;width:100%;text-align:center;bottom:0}#pnlCaptcha{display:block;position:static}.LoginTab tr td {width: 100% !important;display: block; text-align:center !important} .LoginTab tr td input {margin-left: auto !important; margin-right: auto !important} .loginFooter {right:0} .wrapperContents {display:contents !important} .MobileNewsTitle{display: block !important} #NewsPopup{overflow: auto; padding: 10px;height: calc(100vh - 20px); max-height:unset; width: calc(100vw - 20px)} .OnlyMobile {display:block}}