.form-signin {
    max-width: 350px;
    padding: 15px;
    margin: 0 auto;
    background:#fff;
}

.form-signin .form-signin-heading, .form-signin-desc, .form-signin .checkbox { 
    color: #aaa;
    text-align: center;
}
.form-signin .form-signin-heading
{
    font-size:1.4em;
}
.form-signin-desc
{
    padding-bottom:30px;
}

.form-signin .checkbox {
    font-weight: normal;
}

.form-signin .form-control {
    position: relative;
    height: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    font-size: 16px;
}

.form-signin .form-control:focus {
    z-index: 2;
}

.form-signin input[type="email"] {
    margin-bottom: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.form-signin input[type="password"] {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.logo_wallet
{
    background:url(../../img/Home/logo.png) no-repeat center center;
    height:71px; 
    margin: 0 auto;
    margin-bottom: 20px;
    width: 206px;
    background-size: cover;
}
#inputNationalId
{
    text-align:center;
    margin-bottom: 20px;
}
.btn_submit {
    margin-top: 20px;
    width: 100%;
    display: block;
    padding: 9px;
    margin: 0 auto;
    background: #f07323;
    color: #ffffff;
    font-size: 1.2em;
    margin: 10px auto;

    background:#f07323 url(../../img/login/btn-inactive.png) no-repeat center center;

}
.btn_submit:hover {
    background:#f07323 url(../../img/login/btn-active.png) no-repeat center center; 
}

.text_wrapper
{
    text-align:center;
    color:#aaa;
}

.tel, .tel:hover, .back_to_login, .back_to_login:hover
{ 
    color: #f07323;
}

.link_wrapper
{
    width:200px;
    text-align:center;
    margin:0 auto; 
    font-size: 1.2em;
    padding: 10px;
    font-weight:bold; 
}
.form-signin .form-control
{
    border:1px solid #ccc;
}
.form-signin
{
    padding: 30px 50px;
    border-radius:10px;
 /*   -moz-box-shadow: 0 0 15px 1px #ccc;
    -webkit-box-shadow: 0 0 15px 1px #ccc;
    box-shadow: 0 0 15px 1px #ccc;*/
}
.space
{
    padding:30px 0px;
}
.content_wrapper
{
    padding-top:30px;
}

.bottom_container
{
    padding-top:30px;
    padding-bottom: 60px;
}
 
.approved
{
    background:url(../../img/login/ico-status-approved.png) no-repeat center center;
    width:69px;
    height:69px;
    margin: 0 auto;
    margin-bottom: 30px;
}
.rejected
{
    background:url(../../img/login/ico-status-rejected.png) no-repeat center center;
    width:69px;
    height:69px;
    margin: 0 auto;
    margin-bottom: 30px;
}
.lbl_text
{
    text-align:center;
}
 
.line_sep
{
    margin-bottom: 30px;
    border-bottom:1px solid #ccc;
}

.lbl_text_td_l
{
    text-align:right;
    color:#aaa;
}

.lbl_text_td
{
    text-align:left;
}

.form-register-success
{ 
    max-width: 400px;
}

@media only screen and (max-device-width: 480px) {
    .form-signin {
        padding: 30px 25px;
    }

    .lbl_text_td_l
    {
        text-align:left;
    }
    .content_wrapper
    {  
        padding-top: 15px;
    }
}
@media only screen and (max-width: 767px) {
    
    .lbl_text_td_l
    {
        text-align:left;
    }
} 


/* login page */

.title_text
{
    color:#f07323;
    font-weight:bold;
    font-size:1.25em/*1.2em*/;
}
#dvLogin .form-signin
{ 
    padding-bottom: 10px;
    overflow:hidden;
}

#dvLogin hr
{  
    padding: 10px 0px;
    padding: 5px 0px;
    margin-bottom: 15px;
}

.content_login .link_wrapper {
    width: 200px;
    text-align: center;
    margin: 0 auto;
    font-size: 1.1em;
    padding: 5px;
    font-weight: bold;
}
.link_wrapper a:hover {
    color:#f07323;
    text-decoration:underline;
}
.bottom_wrapper
{
    padding-top:10px;
}
.bottom_wrapper .link_wrapper a
{
    font-size:1.2em;
}

.bottom_wrapper .flag_wrapper
{
    padding-top:20px;
    width:130px;
    overflow:hidden;
}
.icon_en
{
    cursor:pointer;
    background:url(../../img/login/btn-language-en-inactive.png) no-repeat center center;
    width:49px;
    height:32px;
    float:right;
}
.icon_en:hover, .icon_en.active
{
    background:url(../../img/login/btn-language-en-active.png) no-repeat center center;
    width:49px;
    height:32px; 
}
.icon_th
{
    cursor:pointer;
    background:url(../../img/login/btn-language-th-inactive.png) no-repeat center center;
    width:49px;
    height:32px;
    float:left;
}
.icon_th:hover, .icon_th.active
{
    background:url(../../img/login/btn-language-th-active.png) no-repeat center center;
    width:49px;
    height:32px; 
}

/* cropper */

.btn_use { 
    float:right;
    width: 100px;
    display: block;
    padding: 6px;
    margin: 0 auto;
    background: #f07323;
    color: #ffffff;
    font-size: 1em;
    margin: 0px;
    background: #f07323 url(../../img/login/btn-inactive.png) no-repeat center center;
}

.btn_cancel {
    color: #767574;
    background: #ffffff;
    width: 100px;
    float: left;
    margin-right: 10px;
    padding: 6px;
    border: 1px solid #ccc;
    font-size: 1em;
}

#modal-cropper.modal.in .modal-dialog, #modal-cropper-corp.modal.in .modal-dialog
{ 
    -webkit-transform: translate(0,10%);
    -ms-transform: translate(0,10%);
    -o-transform: translate(0,10%);
    transform: translate(0,10%);
}

#modal-cropper .modal-body , #modal-cropper-corp .modal-body
{
    padding: 20px 20px;
    padding-bottom: 0px;
    border-radius: 10px;
}
#modal-cropper .modal-content, #modal-cropper-corp .modal-content
{ 
    background: transparent;
    border: none;
}
.modal-backdrop.in
{ 
    opacity: .7;
}
 
#modal-cropper .modal-footer, 
#modal-cropper-corp .modal-footer
{
    border-top:none; 
}
.img_cropper
{
    max-width:100%;
}

.body_modal_cropper
{
    width:600px;
    height: 400px;
}

.cropper-line, .cropper-point
{ 
    background-color: #ffffff !important;
}

.cropper-point.point-se, .cropper-point.point-ne, .cropper-point.point-nw, .cropper-point.point-sw
{
    width:15px !important;
    height:15px !important;
    border-radius:15px !important;
}

.cropper-point.point-se
{
    right: -8px !important;
    bottom: -8px !important;
}

.cropper-point.point-ne 
{
    top: -8px !important;
    right: -8px !important;
}

.cropper-point.point-nw {
    top: -8px !important;
    left: -8px !important;
}

.cropper-point.point-sw {
    bottom: -8px !important;
    left: -8px !important;
}

.cropper-face
{ 
    background-color: #000000 !important;
    opacity: 0.6 !important;
}

.cropper-view-box
{
    outline: #fff solid 1px !important;
    outline-color: #ffffff !important;
}

.preview-container
{
    width: 200px;
    height:auto;
    margin: 0 auto; 
    margin-bottom: 20px;
     
}
.content_login .link_wrapper2 {
    /*width: 200px;*/
    text-align: center;
    margin: 0 auto;
    font-size: 1.1em;
    padding: 5px;
    font-weight: bold;
}