body{
    font-family: 'Chulabhorn Likhit Text Regular';
}
h1,h2,h3,h4,h5{
    font-family: 'Chulabhorn Likhit Text Bold';
}
.menu-horizontal > li, 
.menu-vertical > li,
a,.btn,p,input,textarea,label,tr,td,.navigation, .navigation .navigation-header{
    font-family: 'Chulabhorn Likhit Text Regular';;
}
.main-menu.menu-light .navigation,
.main-menu.menu-light{
    background: #002F86 !important;
}
.header-navbar .navbar-header .navbar-brand .brand-text{
    color: #002F86;
}

.main-menu.menu-light .navigation .navigation-header{
    color:  #FF6B00;
    font-weight: bold;
    font-size: 20px;
}
.main-menu.menu-light .navigation li a{
    color: #fff;
}
.text-primary{
    color: #002F86 !important;
}

.btn-primary{
    background-color:#FF6B00 !important;
    border-color:#FF6B00 !important;
    color: #fff;
    
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active{
    background-color:rgba(255,107,0,0.6) !important;
    border-color:#FF6B00 !important;

}
.btn-outline-primary{
    border-color: #FF6B00;
    background-color: transparent;
    color: #FF6B00;
}
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active{
    background-color:rgba(255,107,0,0.6) !important;
    border-color:#FF6B00 !important;

}
.main-menu.menu-light .navigation li.active{
    border-left: 4px solid #FF6B00;
}
.main-menu.menu-light .navigation>li.active>a{
    color: #FF6B00;
}
.card-header .heading-elements i, 
.card-header .heading-elements-toggle i{
    color: #fff;
}

.login-page{
    background: url(../images/admin_login_bg@2x.jpg) no-repeat center center;
}
.header-login{
    font-size: 40px;
    position: relative;
    display: block;
    max-width: 250px;
    margin: 0 auto;
}
.header-login:after{
    position: absolute;
    content: " ";
    width: 80%;
    height: 2px;
    background: #FF6B00;
    padding: 2px;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -20px;
}
.navbar-brand{
    padding: 0;
    display: inline-flex;
    vertical-align: middle;
}
.navbar-brand h2{
    margin-bottom: 10px;
    line-height: 1.5;
    padding-top: 11px;
}


@media(max-width:767px){
    .header-login{
        font-size: 30px;
    }
}

.font-display {
    font-family: "Chulabhorn Likhit Display Medium" !important;
}

.color-orange{
    color:#ff6b00;
}

.icon-orange{
    color:#FF6B00;
    font-size: x-large;
}
.icon-green{
    color: #15D39A;
    font-size: x-large;
}
.icon-red{
    color: #FF4E4E;
    font-size: x-large;
}
.icon-blue{
    color: #002F86;
    font-size: x-large;
}