.imageloading{background:url(../img/loading-green.gif) no-repeat;width:16px;height:18px;margin:auto;display:block;zoom:1;padding:2px 0;background-position:center}
.animationload{background-color:#fff;height:100%;left:0;position:fixed;top:0;width:100%;z-index:10000}
.osahanloading{animation:1.5s linear 0 normal none infinite running osahanloading;background:#fed37f none repeat scroll 0 0;border-radius:50px;height:50px;left:50%;margin-left:-25px;margin-top:-25px;position:absolute;top:50%;width:50px}
.osahanloading::after{animation:1.5s linear 0 normal none infinite running osahanloading_after;border-color:#85d6de transparent;border-radius:80px;border-style:solid;border-width:10px;content:"";height:80px;left:-15px;position:absolute;top:-15px;width:80px}
@keyframes osahanloading {
0%{transform:rotate(0deg)}
50%{background:#85d6de none repeat scroll 0 0;transform:rotate(180deg)}
100%{transform:rotate(360deg)}
}
#table-compute th,#table-compute td{vertical-align:middle;padding:.55rem}
.text-color-red{color:#ee272f!important}
body.my-login-page{background-color:#f7f9fb;font-size:14px}
.my-login-page .brand{width:90px;height:90px;overflow:hidden;border-radius:50%;margin:0 auto;margin:40px auto;box-shadow:0 0 40px rgba(0,0,0,.05)}
.my-login-page .brand img{width:100%}
.my-login-page .card-wrapper{width:400px}
.my-login-page .card{border-color:transparent;box-shadow:0 0 40px rgba(0,0,0,.05)}
.my-login-page .card.fat{padding:10px}
.my-login-page .card .card-title{margin-bottom:30px}
.my-login-page .form-control{border-width:2.3px}
.my-login-page .form-group label{width:100%}
.my-login-page .btn.btn-block{padding:12px 10px}
.my-login-page .margin-top20{margin-top:20px}
.my-login-page .no-margin{margin:0}
.my-login-page .footer{margin:40px 0;color:#888;text-align:center}
#table-compute th,#table-compute td{vertical-align:middle;padding:.55rem}
.has-error{border-color:red}
.error-message{display:none}
.error label{color:#c03}
.error-textarea{background-color:#fce4e4;border:1px solid #c03;outline:none}
.error .error-message{display:inline-block}
::-webkit-input-placeholder{font-style:italic;opacity:.4!important}
::-moz-placeholder{font-style:italic;opacity:.4!important}
:-ms-input-placeholder{font-style:italic;opacity:.4!important}
:-moz-placeholder{font-style:italic;opacity:.4!important}
@media screen and (max-width: 425px) {
.my-login-page .card-wrapper{width:90%;margin:0 auto}
}
@media screen and (max-width: 320px) {
.my-login-page .card.fat{padding:0}
.my-login-page .card.fat .card-body{padding:15px}
}