@import url("https://fonts.googleapis.com/css?family=Mitr:400|Righteous|Rokkitt");@media (max-width: 767px) and (min-width: 320px){body{width:100%;max-width:100%}.container{width:100% !important}.header-login{width:100%}.header-login .rms-brand{float:left;margin-left:10px;position:relative;z-index:2}.header-login .rms-brand a{transition-property:transform;height:30px;display:block;text-align:left}.header-login .rms-brand a::before{content:'';height:100%;margin-right:0}.header-login .rms-brand a .rms-logo-brand{background-image:url("/assets/global/img/smartrms_logo_new.png");background-size:125px 25px;height:25px;width:125px;margin-top:12px}}@media only screen and (max-width: 767px) and (min-width: 320px) and (min--moz-device-pixel-ratio: 2), only screen and (max-width: 767px) and (min-width: 320px) and (-o-min-device-pixel-ratio: 2 / 1), only screen and (max-width: 767px) and (min-width: 320px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 767px) and (min-width: 320px) and (min-device-pixel-ratio: 2){.header-login .rms-brand a .rms-logo-brand{background-image:url("/assets/global/img/smartrms_logo_r.png");background-size:125px 25px;height:25px;width:125px;margin-top:12px}}@media (max-width: 767px) and (min-width: 320px){.header-login .main-rms-nav{float:right;height:50px}.header-login .main-rms-nav .rms-items{display:table;width:10%}.header-login .main-rms-nav .rms-items .rms-item{display:table-cell;vertical-align:middle;text-align:center;color:#0A0A0A;text-decoration:none !important;font-size:0;font-weight:500}.header-login .main-rms-nav .rms-items .rms-item .rms-inner{position:relative}.header-login .main-rms-nav .rms-items .rms-item .rms-inner a{color:#0A0A0A;height:50px;display:block;border-bottom:2px solid transparent;padding:0 20px;position:relative;text-align:center}.header-login .main-rms-nav .rms-items .rms-item .rms-inner a::before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:0}.header-login .main-rms-nav .rms-items .rms-item .rms-inner a:hover{border-bottom:2px solid #3f81d3}.header-login .main-rms-nav .rms-items .rms-item .rms-inner a span{display:inline-block;vertical-align:middle;white-space:nowrap;width:95%;font-size:16px !important;font-family:'Rokkitt', 'Mitr', sans-serif !important;font-weight:bold;color:#3f81d3}.header-login .main-rms-nav .rms-items .rms-item .rms-inner a span i{vertical-align:sub}.page-wrapper-desktop{display:block;width:100% !important;position:relative}.Modal-Login{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1940;display:block;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}.Modal-Login{overflow-x:hidden;overflow-y:auto}.Modal-Login .Modal-Dialog{position:relative;margin:auto;margin-top:20vh;margin-bottom:50px;width:320px}.Modal-Login .Modal-Dialog{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)}.Modal-Login .Modal-Dialog .Modal-Content{min-height:100%;width:100%;border-radius:0;position:relative;background-color:#fff;border:none !important;box-shadow:0 5px 15px rgba(0,0,0,0.5)}.Modal-Login .Modal-Dialog .Modal-Content .modal-header-main{background-color:#fff;position:relative;text-align:left;padding:10px}.Modal-Login .Modal-Dialog .Modal-Content .modal-header-main .close-modal{background-color:transparent;border:none;position:absolute;top:0px;right:0px;display:inline-block;width:35px;height:35px;z-index:1960;background-color:#fff}.Modal-Login .Modal-Dialog .Modal-Content .modal-header-main .close-modal:hover{background-color:#C76158;animation-name:rotate;animation-duration:1s;animation-iteration-count:1}.Modal-Login .Modal-Dialog .Modal-Content .modal-header-main .close-modal:hover .bar{background-color:#fff}.Modal-Login .Modal-Dialog .Modal-Content .modal-header-main .close-modal .bar{width:20px;height:2px;border-radius:2px;background-color:#3f81d3;display:inline-block;position:absolute;left:8px;top:15px}.Modal-Login .Modal-Dialog .Modal-Content .modal-header-main .close-modal .top-bar{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.Modal-Login .Modal-Dialog .Modal-Content .modal-header-main .close-modal .bottom-bar{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.Modal-Login .Modal-Dialog .Modal-Content .Modal-Body{position:relative;padding:15px;padding-bottom:100px;overflow:hidden;font-family:'Rokkitt', 'Mitr', sans-serif !important}.Modal-Login .Modal-Dialog .Modal-Content .Modal-Body::after{content:'';position:absolute;bottom:0;left:0;background-image:url("/assets/global/img/bg_login.png");background-position:center;background-repeat:no-repeat;background-size:cover;width:100%;height:100px}.Modal-Login .Modal-Dialog .Modal-Content .Modal-Body .input-control{height:45px;font-size:16px !important;color:#0A0A0A;border-radius:0}.Modal-Login .Modal-Dialog .Modal-Content .Modal-Body .btn-login{width:100%;padding:0;padding-top:10px;padding-bottom:10px;font-size:18px !important;border-radius:5px !important;font-family:'Rokkitt', 'Mitr', sans-serif !important}.Modal-Login .Modal-Dialog .Modal-Content .Modal-Body .Btn-Register{width:100%;padding:0;padding-top:10px;padding-bottom:10px;font-size:18px !important;border-radius:5px !important}.Modal-Login .Modal-Dialog .Modal-Content .Modal-Body .dx-button-has-text .dx-button-content{padding:0px 0px 0px !important}.Modal-Login .Modal-Dialog .Modal-Content .Modal-Body .btn-register{width:100%;padding:0;padding-top:10px;padding-bottom:10px;font-size:14px !important;background-color:#fff !important;border:0px;color:#3f81d3 !important;font-weight:600}.Modal-Login .Modal-Dialog .Modal-Content .Modal-Body .fotgot-pwd{color:#3f81d3;font-weight:600}.banner-title{display:none}.rms-login{width:100%;margin-top:30px}.rms-login #welcome-rms{background-image:url("/assets/global/img/contents/3122n.jpg");background-size:cover;background-position:left center;background-repeat:no-repeat;width:100%;height:auto;padding:50px;position:relative;display:flex;flex-wrap:wrap}.rms-login #welcome-rms::after{content:'';position:absolute;background-color:rgba(42,42,42,0.342);width:100%;top:0;left:0;right:0;bottom:0;z-index:10}.rms-login #welcome-rms .formRms{width:100%;flex:0 0 100%;max-width:100%;padding:25px 20px;position:relative;background-color:#FFF;z-index:99;margin-left:0}.rms-login #welcome-rms .formRms .rmsFormTitle{font-size:22px;font-weight:500;color:#7f7e84}.rms-login #welcome-rms .formRms .rmsFormSubTitle{font-size:13px;font-weight:400;color:#7f7e84}.rms-login #welcome-rms .formRms .rowRms{display:flex;flex-wrap:wrap;margin-top:10px}.rms-login #welcome-rms .formRms .col-rms-6{flex:0 0 100%;max-width:100%;padding:0 5px}.rms-login #welcome-rms .formRms .col-rms-12{flex:0 0 100%;max-width:100%;padding:0 5px}.rms-login #welcome-rms .formRms .btn-myform{padding:0px !important;margin:10px auto;width:300px;height:40px;position:relative;display:flex;flex-wrap:wrap;border:1px solid #4079BC;background-color:#3F81d3;border-radius:0px;cursor:pointer}.rms-login #welcome-rms .formRms .btn-myform::after{content:'';position:absolute;background-color:rgba(22,22,22,0.445);width:25%;top:0;bottom:0;left:0;z-index:0}.rms-login #welcome-rms .formRms .btn-myform .btn-icon{flex:0 0 25%;max-width:25%;align-items:center;justify-content:center;position:relative;z-index:99}.rms-login #welcome-rms .formRms .btn-myform .btn-icon i{color:#FFF;font-size:20px}.rms-login #welcome-rms .formRms .btn-myform .btn-text{flex:0 0 75%;max-width:75%;align-items:center;justify-content:center;position:relative}.rms-login #welcome-rms .formRms .btn-myform .btn-text span{color:#FFF;font-size:14px}.rms-login #welcome-rms .formRms .form-control{border:1px solid #e9e8e8;background-color:#f9f9f9 !important}.rms-login #welcome-rms .formRms .form-control:focus{border-width:2px;border-color:#3F81d3}.rms-login #welcome-rms .formRms .form-control::placeholder{color:#3F81d3;opacity:0.6;font-style:italic}.rms-login #welcome-rms .formRms .form-control:-ms-input-placeholder{color:#3F81d3}.rms-login #welcome-rms .formRms .form-control::-ms-input-placeholder{color:#3F81d3}.rms-login #welcome-rms .formRms .textbox-name,.rms-login #welcome-rms .formRms .textbox-mail,.rms-login #welcome-rms .formRms .textbox-tel1,.rms-login #welcome-rms .formRms .textbox-tel2{position:relative;color:#3F81d3;top:-27px;right:5px}.rms-login #welcome-rms .formRms .textbox-name::after,.rms-login #welcome-rms .formRms .textbox-mail::after,.rms-login #welcome-rms .formRms .textbox-tel1::after,.rms-login #welcome-rms .formRms .textbox-tel2::after{content:'';position:absolute;font-family:'FontAwesome';font-size:16px;right:5px}.rms-login #welcome-rms .formRms .textbox-name::after{content:'\f007'}.rms-login #welcome-rms .formRms .textbox-mail::after{content:'\f0e0'}.rms-login #welcome-rms .formRms .textbox-tel1::after,.rms-login #welcome-rms .formRms .textbox-tel2::after{content:'\f095'}.rms-login #welcome-rms .formRms label{height:auto}.rms-login #welcome-rms .formRms .text-dangers{color:#d9534f !important}.rms-login #welcome-rms .formRms .has-error .form-control{border-color:#d9534f}.rms-login #welcome-rms .formRms .has-error .form-control::placeholder{color:#d9534f;opacity:0.6;font-style:italic}.rms-login #welcome-rms .formRms .has-error .form-control:-ms-input-placeholder{color:#d9534f}.rms-login #welcome-rms .formRms .has-error .form-control::-ms-input-placeholder{color:#d9534f}.rms-login #welcome-rms .formRms .has-error .help-block{position:absolute;padding:3px;background-color:#d9534f;color:#FFF;margin:0;z-index:100}.rms-login #welcome-rms .formRms .has-error .help-block span{font-size:10px}.rms-login #welcome-rms .formRms .has-error .control-label{color:#d9534f}.rms-login #welcome-rms .formRms .has-error .textbox-name,.rms-login #welcome-rms .formRms .has-error .textbox-mail,.rms-login #welcome-rms .formRms .has-error .textbox-tel1,.rms-login #welcome-rms .formRms .has-error .textbox-tel2{color:#d9534f}.rms-login #welcome-rms .banner-title{width:50%;position:relative;top:-245px;z-index:199}.rms-login #welcome-rms .banner-title .text-title-banner{color:#fff;font-family:'Kanit', sans-serif !important;font-size:46px !important}.rms-login #welcome-rms .banner-title .text-title-banner b{font-family:'Kanit', sans-serif !important}.rms-login #welcome-rms .banner-title .text-sub-banner{color:#f5b742;font-family:'Kanit', sans-serif !important;font-size:28px !important}.rms-login #welcome-rms .banner-buttom{color:#0A0A0A;background-color:#fff;border-radius:10px !important;padding:7px 30px;font-size:14px !important;text-align:left;box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2) !important;font-family:'Kanit', sans-serif !important}.rms-login #welcome-rms .banner-buttom span{color:#3f81d3;font-weight:400;font-size:22px !important;font-family:'Kanit', sans-serif !important}.rms-login #welcome-rms-1{background-color:#3f81d3;width:100%;height:auto;padding:50px}.rms-login #welcome-rms-1 .rms-1-title{width:100%;padding:5px 0px 15px;color:#FFF;font-size:36px !important;position:relative}.rms-login #welcome-rms-1 .rms-1-title::after{content:'';position:absolute;background:#fff;width:100%;height:2px;bottom:10px;left:0;right:0}.rms-login #welcome-rms-1 .icon-tags{background:#f68b22;border:3px solid #3F81d3;border-radius:50% !important;width:80px;height:80px;margin:0 auto;display:flex;flex-wrap:wrap;position:relative;align-items:center;justify-content:center;z-index:99}.rms-login #welcome-rms-1 .icon-tags i{color:#FFF;font-size:36px !important}.rms-login #welcome-rms-1 .box-detail-rms{display:block;height:200px;background-color:#24466f;color:#FFF;padding:30px 25px 25px 25px;position:relative;top:-20px}.rms-login #welcome-rms-1 .box-detail-rms .text-title-detail{font-size:18px}.rms-login #welcome-rms-1 .box-detail-rms p{font-size:14px;padding-top:10px}.rms-login #welcome-rms-2{background-color:#fff;width:100%;height:auto;padding-top:50px;padding-bottom:100px;position:relative}.rms-login #welcome-rms-2::after{content:'';position:absolute;background-image:url("/assets/global/img/contents/bg-footer.png");background-size:cover;background-position:center;background-repeat:no-repeat;width:100%;height:110px;bottom:0;left:0}.rms-login #welcome-rms-2 .banner-title{width:100%}.rms-login #welcome-rms-2 .banner-title .text-title-banner{color:#3f81d3;text-align:center;font-size:22px !important;font-family:'Kanit', sans-serif !important}.rms-login #welcome-rms-2 .google-play{position:relative;background-color:#1A1A1A;height:57px;text-align:left !important;margin-top:20px;border-radius:8px !important}.rms-login #welcome-rms-2 .google-play small{color:#fff;text-transform:uppercase;font-size:12px !important;font-weight:400;margin-left:50px;display:block}.rms-login #welcome-rms-2 .google-play span{color:#fff;text-transform:none;font-size:20px !important;font-weight:400;margin-left:50px;display:block}.rms-login #welcome-rms-2 .google-play::after{content:'';position:absolute;background-image:url("/assets/global/img/google_play.png");background-position:center;background-size:contain;background-repeat:no-repeat;width:45px;height:45px;left:10px;top:5px}.rms-login #welcome-rms-2 .google-play:hover{background-color:#0A0A0A}.rms-login #welcome-rms-2 .google-play:hover small{color:#fff;text-transform:uppercase;font-size:13px !important;font-weight:400;margin-left:65px;display:block}.rms-login #welcome-rms-2 .google-play:hover span{color:#fff;text-transform:none;font-weight:400;margin-left:65px;display:block}.rms-login #welcome-rms-2 .app-store{position:relative;background-color:#1A1A1A;height:57px;text-align:left !important;margin-top:20px;border-radius:8px !important}.rms-login #welcome-rms-2 .app-store small{color:#fff;text-transform:uppercase;font-size:12px !important;font-weight:400;margin-left:50px;display:block}.rms-login #welcome-rms-2 .app-store span{color:#fff;text-transform:none;font-size:20px !important;font-weight:400;margin-left:50px;display:block}.rms-login #welcome-rms-2 .app-store::after{content:'';position:absolute;background-image:url("/assets/global/img/apple.png");background-position:center;background-size:contain;background-repeat:no-repeat;width:45px;height:45px;left:10px;top:5px}.rms-login #welcome-rms-2 .app-store:hover{background-color:#0A0A0A}.rms-login #welcome-rms-2 .app-store:hover small{color:#fff;text-transform:uppercase;font-size:13px !important;font-weight:400;margin-left:65px;display:block}.rms-login #welcome-rms-2 .app-store:hover span{color:#fff;text-transform:none;font-weight:400;margin-left:65px;display:block}.rms-login .footer-banner{background-color:#b6d0ef;width:100%;height:50px}.rms-login .footer-banner .main-rms-nav{float:left;height:50px}.rms-login .footer-banner .main-rms-nav .rms-items{display:table;width:50%}.rms-login .footer-banner .main-rms-nav .rms-items .rms-item{display:table-cell;vertical-align:middle;text-align:center;color:#0A0A0A;text-decoration:none !important;font-size:0;font-weight:400}.rms-login .footer-banner .main-rms-nav .rms-items .rms-item .rms-inner{position:relative}.rms-login .footer-banner .main-rms-nav .rms-items .rms-item .rms-inner a{color:#0A0A0A;height:50px;display:block;border-bottom:2px solid transparent;padding:0 20px;position:relative;text-align:center}.rms-login .footer-banner .main-rms-nav .rms-items .rms-item .rms-inner a::before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:0}.rms-login .footer-banner .main-rms-nav .rms-items .rms-item .rms-inner a span{display:inline-block;vertical-align:middle;white-space:nowrap;width:95%;font-size:14px !important;font-weight:400;color:#3f81d3;font-family:'Kanit', sans-serif !important}.rms-login .footer-banner .main-rms-nav .rms-items .rms-item .rms-inner a span i{vertical-align:sub}.rms-login footer{display:none}}