.bgWaitting{content:' ';color:#FFF; text-align: center; position: absolute; width:100%; height: 100%; top:0; z-index: 1; padding-top: 20%; display: none;} .bgWaitting::after{content:' ';background-color: #000; opacity: 0.5; position: absolute; width:100%; height: 100%; background-color: #000; opacity: 0.8; z-index: -1; top:0; left: 0;} .content-tuvan-muaban{position: relative;} #otp-code-tuvan{display:none;} .verification-code-tuvan{padding: 10px; margin: 0 auto; display:none;} .verification-code-tuvan .head-note{padding: 10px 0px 10px 0px; text-align:center;} .verification-code-tuvan .head-note span{color:#808B96;} .verification-code-tuvan .mdl-textfield .sendOtp{display:block; text-transform: none; width:120px;} .verification-code-tuvan .mdl-textfield .sendOtp.nonfright{display: inline-block;} .verification-code-tuvan .mdl-textfield .backForm{width:120px;} .verification-code-tuvan .mdl-textfield .verifyCodebtn{display:none;} .verification-code-tuvan .mdl-textfield.active .sendOtp{display:none;} .verification-code-tuvan .mdl-textfield.active .verifyCodebtn{display:block;} .verification-code-tuvan .mdl-textfield__input{width: 43%; border: 1px solid #000; padding: 5px; margin-left:20px;} .verification-code-tuvan .sevenButton{width:100px; border-radius:0px;} .sevenButton.whiteButton{background: #FFF; color: #000; border: 1px solid #000; margin-left: 5px;} #verify-code-button:disabled{background:#DDD; color:#CCC;} #sendOtp{ margin-left:10px;} #msgSendOtpTuVan{display:none; margin-left: 13px; padding: 7px; color: red;} .timer{padding: 7px; display: block; color: #005ba0; font-weight: 600; margin-left: 13px;} .tuvan-muaban-board{margin-top:/*60*/ 30px; text-align: center; margin-bottom: 30px;} .tuvan-muaban-form{width:50%; border:1px solid #CCC; margin:0 auto; background: #f0f0f0; padding:10px; border-radius: 15px; box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;} .tuvan-muaban-form .title{text-align:center; font-weight:bold; font-size:16px; margin-bottom:10px;} .tuvan-muaban-form .msg-form{text-align:center; margin-bottom:10px; font-size: 16px;} .tuvan-muaban-form .msg-form .mobile{display: none;} .tuvan-muaban-form .text-form{width:90%; border:1px solid #e3e3e3; padding:9px; background-color:#fff;} .tuvan-muaban-form .formInfor form .rows{margin-bottom:18px;} .tuvan-muaban-form .formInfor form .rows:last-child{margin-bottom:0px;} .tuvan-muaban-form .formInfor form div a.btn, #tuvan-muaban-modal a.btn{width:90%; font-size:16px; border-radius:5px; background-color:#0069d9; border-color: #0069d9;} #tuvan-muaban-modal .modal-header, #tuvan-muaban-modal-success .modal-header{background:#0072c9;} #tuvan-muaban-modal .modal-header h3, #tuvan-muaban-modal-success .modal-header h3{text-align: center; font-size: 24px; width: 100%; color: #FFF;} #tuvan-muaban-modal .width-100-m{width:97%; display: inline-block; padding-left: 13px;} #tuvan-muaban-modal .width-50-m{width:48%; display: inline-block; padding-left:13px;} #tuvan-muaban-modal .width-50-m input[type='text'],#tuvan-muaban-modal .width-50-m select{width:100%;} #tuvan-muaban-modal .width-50-m .select2{width:100% !important;} #tuvan-muaban-modal .input-form{padding:6px 5px 7px 5px;border:1px solid #d8dde6 !important; width:100%;} #tuvan-muaban-modal .msg-form{text-align:center; font-size:16px;padding: 5px;} #tuvan-muaban-modal .msg-form.mobile{display: none;} #tuvan-muaban-modal .menuchildborder{margin-top:10px;} .rowBtnSubmit{text-align: center; margin-top:10px;} .rowBtnSubmit a.btn{width:95% !important;} #tuvan-muaban-modal-success .msg-form.success{text-align:center; margin-bottom:10px; font-size: 16px; font-weight: bold; margin-top: 20px; margin-bottom: 20px;} #tuvan-muaban-modal-success .content-tuvan-muaban{padding:8px;} #tuvan-muaban-modal-success .content-tuvan-muaban .msg-infor{text-align:center; margin-bottom: 20px;} #tuvan-muaban-modal-success .content-tuvan-muaban .msg-infor a{color:blue;} .nonfright{float: none!important; display: inline-block;} .tuvan-note{width:100%; height: 120px; border:1px solid #ced4da; padding:10px;} /* For Cafeland */ .menu-main .navbar-top {margin: 0px -10px;} @media (max-width: 590px){ .tuvan-muaban-form{width:80%;} .verification-code-tuvan .mdl-textfield__input{width:40%;} } @media (max-width: 490px){ .tuvan-muaban-form .msg-form .pc{display: none;} .tuvan-muaban-form .msg-form .mobile{display: block;} #tuvan-muaban-modal .msg-form.pc{display: none;} #tuvan-muaban-modal .msg-form.mobile{display: block;} }