/*@import url('https://fonts.googleapis.com/css2?family=Bai+Jamjuree:wght@300;400;500&display=swap');*/

:root {
    --color-primay: #3abe60;
    --color-primay-hover: #1b8f3c;
}

html
{
    height:100%;
}
body 
{
    font-family: 'Bai Jamjuree', sans-serif;
    margin:0;
    padding:0;
    font-size:14px;
}

input,th,td,textarea
{
    font-family: 'Bai Jamjuree', sans-serif;
}

h1,h2,h3,h4
{
    font-weight:400;
    margin:0px 0px;
}
a
{
    text-decoration:none;
    color: var(--color-primay);
}
a:hover
{
    color: var(--color-primay-hover);
}

.info
{
}

.login
{
    position:fixed;
    left:50%;
    top:50%;
    transform: translate(-50%, -70%);
    text-align:center;
    min-width:240px;
    max-width:380px;
}
.login h3
{
    font-weight:500;
}
.login .sub-title
{
    padding-bottom:10px;
    color:#555;
}
.login .logos
{
    text-align:center;
    width:100%;
}
.login .logos img
{
    display:inline-block;
    height:150px;
    margin-right:10px;
    border:0px;
}
.login .logos .logo-mcms
{
}
@media (max-width: 768px) 
{
    .login
    {
        transform: translate(-50%, -50%);
    }
    .login .logos img
    {
        height:100px;
        margin-right:10px;
    }
}
.login .forms
{
    
}
.login .forms input
{
    display:block;
    border:none;
    background:none;
    font-size:14px;
    line-height:40px;
    border:1px solid #aaa;
    border-radius:25px 25px;
    padding-left:5%;
    padding-right:5%;
    
    text-align:center;
    width:90%;
    margin-bottom:10px;
    background:#ffffff;
}
.login .forms input[readonly="readonly"] {
    background:#f5f5f5;
}
.login .forms input[type="submit"] {
    width: 100%;
    background: var(--color-primay);
    color: #fff;
    border: 1px solid transparent;
}
.login .forms input[type="submit"]:hover {
    cursor: pointer;
    background-color: var(--color-primay-hover);
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}
.login .forms.setup {

}
.login .footer {
    font-size: 12px;
    color: #555;
    padding-top: 15px;
}
.login .menus
{
    padding-top:15px;
}
.text-danger {
    color:#f1416c;
}
.text-center {
    text-align:center;
}
.text-muted {
    --bs-text-opacity: 1;
    color: #A1A5B7 !important;
}
/*.mt-5 {
    margin-top: 1.25rem !important;
}
.mb-5 {
    margin-bottom: 1.25rem !important;
}
.pt-5 {
    padding-top: 1.25rem !important;
}

.pb-5 {
    padding-bottom: 15px !important;
}*/
.pb-5px {
    padding-bottom: 5px;
}
.pb-10px {
    padding-bottom:10px;
}