html, body {    /* put here? */
    background-color: #373737;
    font-family: 'Open Sans', Tahoma, sans-serif;
    font-size: 11px;
    color: #333;
}

.km_KH html, .km_KH body {    
    font-family: KhmerOS, Tahoma, sans-serif!important;
    font-size: 12px;
}


#login {
    background: url(/partner/resources/assets/images/pb56789/bg.png) no-repeat #0b1422;
    background-size: cover;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
}

#login div.frm-login {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    flex-direction: column;
}
#login div.dialog {
    margin: 0 auto;
    width: 383px;
}

#login div.dialog div.content {
    background-color: #fff;
    border-radius: 0 0 5px 5px;
}

#login div.dialog div.title {
    padding: 0 10px;
    line-height: 30px;
    background-color: #163e80;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    border-radius: 5px 5px 0 0;
    border-bottom: 3px solid #ff5500;
}
:focus {
    outline: inherit;
}
label {
    color: #163e80;
    font-weight: 600;
    font-size: 11px;
}
input[type=text],
input[type=password] {
    color: #333333;
    padding: 6px 9px;
    border-radius: 5px;
    border: solid 1px #d9d9d9;
    font-size: 13px;
    box-shadow: none;
}
input[type=text]:focus,
input[type=password]:focus {
    border: solid 1px #02abfd;
}
input[type=text]:placeholder,
input[type=password]:placeholder {
    color: #8f8f8f;
}
input[type=text]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder {
    color: #8f8f8f;
}


select#language.flag {
    display: inline-block;
    width: 100%;
    padding-left: 30px;
    color: #333;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance:none;
    text-indent: 0.01px;
    line-height: 15px;
    cursor: pointer;
    border: solid 1px #d9d9d9;
    border-radius: 5px;
/*    padding: 6px 25px 6px 30px;*/
    font-size: 13px;
    height: 30px;
}
select#language.flag::-ms-expand {
    display: none;
}

select#language.flag:focus {
    border: 1px solid #02abfd;
}

span.select-languague {
    white-space: nowrap;
}

span.select-languague:after {
    content: "";
    display: inline-block;
    margin-left: -25px;
    pointer-events: none;
    background: url('/partner/resources/assets/images/general/sort-down.svg') no-repeat center;
    width: 11px;
    height: 6px;
}

select#language option {
    color: #333;
}

/* override radio */
input[type="radio"].btn-radio {
    display: none !important;
    *display: inline;
}
input[type="radio"].btn-radio + span.btn-gen-radio {
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #d3d3d3;
    border-radius: 50%;
    box-sizing: border-box;
    cursor: pointer;
}
input[type="radio"].btn-radio + span.btn-gen-radio:after {
    width: 9px;
    height: 9px;
    background-color: #d3d3d3;
    border-radius: 50%;
    content: "";
    position: absolute;
    margin: 2px;
}
input[type="radio"].btn-radio:checked + span.btn-gen-radio:after {
    background-color: #163e80;
}
input[type="radio"].btn-radio:disabled + span.btn-gen-radio,
input[type="radio"].btn-radio:disabled:checked + span.btn-gen-radio {
    cursor: no-drop;
}

/* end override radio */

/* override checkbox */
input[type="checkbox"].btn-checkbox {
    display: none !important;
    *display: inline;
}
input[type="checkbox"].btn-checkbox + span.btn-gen-checkbox {
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #d3d3d3;
    border-radius: 4px;
    box-sizing: border-box;
}
input[type="checkbox"].btn-checkbox + span.btn-gen-checkbox:after {
    
}
input[type="checkbox"].btn-checkbox:checked + span.btn-gen-checkbox:after {
    width: 9px;
    height: 9px;
    background-color: #163e80;
    border-radius: 2px;
    content: "";
    position: absolute;
    margin: 2px;
}
input[type="checkbox"].btn-checkbox:disabled + span.btn-gen-checkbox,
input[type="checkbox"].btn-checkbox:disabled:checked + span.btn-gen-checkbox {
    cursor: no-drop;
}
/* end override checkbox */

.padding-footer {
    padding-bottom: 35px;
}
.loginForm .frm-content {
    max-width: 250px;
}
.loginForm input[type=text],
.loginForm input[type=password] {
    width: 250px;
    box-sizing: border-box;
}

#login div.dialog div.content div.logo {
    padding: 20px;
    text-align: center;
}

#login div.dialog div.content div.logo.ps3838 {
    padding: 10px 5px 5px 5px;
    height: auto;
}

#login div.dialog div.content div.logo span.applogo {
    background: url('{subBrandUrl}{mainBrandUrl}/agent/logo/{logo}') no-repeat center;
    background-size: contain;
    width: 235px;
    height: 50px;
    display: inline-block;
}

#login div.dialog div.content div.logo span.applogo.pb56789 {
    width: 230px;
    height: 38px;
}

#login div.dialog div.content div.logo span.applogo.pinnacle_solution {
    width: 149px;
    height: 46px;
}

#login div.dialog div.content table td {
    padding: 5px;
    line-height: 26px;
}

#login div.dialog div.content table td.label {
    /* width: 200px; */
    text-align: right;
    font-weight: bold;
    color: #183967;
}

#login div.dialog div.content table img.captcha {
    vertical-align: middle;
    width: 160px;
    height: 43px;
    background-color: #173969;
    border-radius: 5px;
}

#login div.dialog div.content table button.refresh {
    vertical-align: middle;
    border: none;
    width: 21px;
    height: 21px;
    background: url('/partner/resources/assets/images/pb56789/btn-refresh.svg');
    cursor: pointer;
    background-size: 100%;
    margin-left: 15px;
}

#login div.dialog div.content button.sound {
    vertical-align: middle;
    border: none;
    width: 25px;
    height: 21px;
    background: url('/partner/resources/assets/images/pb56789/btn-sound-on.svg');
    cursor: pointer;
    background-size: 100%;
    margin-left: 15px;
}

#login div.dialog div.content table input#captcha {
    margin-top: 10px;
}

input.btn {
    border-radius: 5px;
    background-image: linear-gradient(to bottom, #f19200, #e45601);
    color: #fff;
    font-weight: bold;
    font-size: 13px;
    text-transform: uppercase;
    width: 100%;
    padding: 8px;
    border: none;
    cursor: pointer;
}

input.btn:disabled {
    background-image: none;
    background-color: #d3d3d3;
    cursor: no-drop;
}

input.btn-back {
    color: #333;
    background: none;
    border: none;
    text-decoration: underline;
    font-weight: 600;
    font-size: 12px;
    cursor: pointer;
}

div.footer-panel {
    text-align: center;
    padding: 17px;
    border-top: 1px solid #d3d3d3;
    margin-top: 30px;
}

@font-face {
    font-family: KhmerOS;
    src: local('KhmerOS'),url(/partner/resources/assets/fonts/SamsungKhmer-Regular.ttf) format('truetype');
}

.loginForm{
    margin: 0 auto;
}

.loginForm table{
    margin: 0 auto;
}

#login .betting-rules-wrapper {
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    color: #ffffff;
    padding-top: 10px;
}

#login .betting-rules-wrapper > a {    
    color: #ffffff;
    text-decoration: none;
}

#login .betting-rules-wrapper .link-separator {
    color: #ffffff;
}


.frm-content {
    display: inline-block;
    text-align: left;
    margin: 0 auto;
}

.small-text {
    font-size: 11px;
}

#login.body-page {
    overflow: auto;
}