@font-face {
    font-family: 'Sarabun';
    src:  url('../../fonts/Sarabun-Light.ttf') format('truetype');
}
@font-face {
    font-family: 'K2D';
    src:  url('../../fonts/K2D-Regular.ttf') format('truetype');
}
.font-k2d{
    font-family: "K2D" !important;
}

body{
    font-family: "Inter","Sarabun";
    margin: 0px;
    background: url("../../images/bigbg.jpg") repeat-x center top fixed;
}
#kt_header .btn-icon {
    width: auto !important;
}
.aside {

}

.aside .menu .menu-item > .menu-link.active {
    border-left: 3px solid #65A92B;
    color: #65A92B;
    border-radius: 0 !important;
}
.aside .menu .menu-item .menu-link:hover span.menu-title{
    color: #65A92B;
}
.aside .menu .menu-item > .menu-link.active span.menu-title {
    color: #65A92B;
}

.aside .menu .menu-item a.menu-link{

    border-bottom: 1px dotted #CCCCCC !important;
}
.aside .menu .menu-item a.menu-link .menu-title{
    color:#000000 ;
}


.content .card-section,
.content .card-section .card-body{
    background: transparent !important;
    border: none !important;
}
.content .card-section{
    border:none;
}
.content .card-section{
    border:none;
    background: rgb(78,145,32);
    background: linear-gradient(360deg, rgba(78,120,32,1) 15%, rgba(108,190,49,1) 100%);
}
.content .card-section-header{
    background: rgb(78,145,32);
    background: linear-gradient(360deg, rgba(108,190,49,1) 32%, rgba(146,214,65,1) 100%);
}
.content .card-section-header h1{
    letter-spacing: 1px;
    text-shadow: 1px 1px 1px rgba(0,0,0, 0.8);
}
.content .card-section-header h5{
    text-shadow: 1px 1px 1px rgba(0,0,0, 0.5);
}
.content .card-section-outer{
    background: rgb(78,145,32);
    background: linear-gradient(360deg, rgba(78,145,32,1) 32%, rgba(108,190,49,1) 100%);
    padding: 3px;
}
.content .card-section-inner{
    background: white;
    min-height: 32px;
}
.content .card-section-number{
    font-family: "Inter","Sarabun" !important;
}

.header-green{
    color:white !important;
    background: linear-gradient(360deg, #8FD43F 0%, #4E9120 100%) !important;
}
.header{
    border-bottom: none;
}

.text-gold{
color:#B29700 !important;
}

.card-green{

}
.card-green .card-body{
    border: 3px solid #79BE34;
}

.input-number .form-control{
    text-align: center !important;
    font-weight: bolder;
    padding: .775rem 0.5rem;
}

#panel-page-menu{
    display: none;
}

.section-title{
    background: linear-gradient(360deg, rgba(108,190,49,1) 32%, rgba(146,214,65,1) 100%);
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

.btn-green{
    font-family: K2D;
    background: rgb(78,145,32);
    background: linear-gradient(360deg, rgba(108,190,49,1) 32%, rgba(146,214,65,1) 100%);
    color : #FFFFFF !important;
    font-size: 1.2rem;
    letter-spacing: 1px;
    transition: 1s ease;
}

.btn-green:hover{
    background: rgb(78,145,32);
    background: linear-gradient(360deg, rgba(78,145,32,1) 32%, rgba(108,190,49,1) 100%);
    color : #FFFFFF;
    transition: 1s ease;
}

span.announce{
    font-size: 15px;

}
a.text-blink{
    font-size: 1.2em;
    font-weight: bolder;
    animation: blink-text 1.9s linear infinite;
}
.card-item{
    border-color: #333333 !important;
}

.form-control,.form-check-input{
    border-color: #333333 !important;
}

@keyframes blink-text {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@media (min-width: 768px){
    body.header-fixed {
        padding-top: 60px;
    }
    .header-fixed .header {
        height: 60px;
    }
    .aside {
        background: white;
        width: 300px;
        padding: 0px 0px 0px 8px;
        border-right: none !important;
    }
    .aside-inner{

    }
    .aside .menu-item{
        background: #FFFFFF;
    }
    .aside .menu .menu-item > .menu-link{
        border-radius: 0;
    }

    .aside .menu-header{
        background: rgb(78,145,32);
        background: linear-gradient(360deg, rgba(78,145,32,1) 32%, rgba(108,190,49,1) 100%);
        font-size: 1.2rem;
        letter-spacing: 1px;

    }

    .aside-enabled .content {
        padding-left: 30px;
        border-left: none !important;
    }
    .sidebar{
        margin-left: 30px;
    }




}

@media (max-width: 992px){
    #kt_header .btn.btn-icon {
        width: auto !important;
    }
    .aside {
        /*
        background: rgb(78,145,32);
        background: linear-gradient(360deg, rgba(78,145,32,1) 32%, rgba(108,190,49,1) 100%);
         */
        border-top-left-radius: 0px !important;
        border-top-right-radius: 0px !important;
        margin-top: 0;
        width: 300px;
        padding: 0px 0px 0px 8px;
    }
    .aside-inner{
        background: #FFFFFF;
    }
    .aside .menu-header{
        font-size: 1.2rem;
        letter-spacing: 1px;
        background: rgb(78,145,32);
        background: linear-gradient(360deg, rgba(78,145,32,1) 32%, rgba(108,190,49,1) 100%);
    }

    .text-gold,h1.text-gold{
        color: #D5AD6D; /*if no support for background-clip*/
        background: -webkit-linear-gradient(transparent, transparent),
        -webkit-linear-gradient(top, #DBBD0B 0%, rgba(213,173,109,1) 26%, #D3B10E 35%, #FFF000 45%, #D2B00E 61%, #E0C30A 100%);
        background: -o-linear-gradient(transparent, transparent);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: black;
    }



}



@media screen and (max-width: 991px){


    #panel-page-menu{
        display: block;
    }
    .btn-green{
        font-family: K2D;
        background: rgb(78,145,32);
        background: linear-gradient(360deg, rgba(108,190,49,1) 32%, rgba(146,214,65,1) 100%);
        color : #FFFFFF !important;
        font-size: 0.8rem;
        letter-spacing: 1px;
        transition: 1s ease;
        margin-bottom: 0.5em;
    }
    .btn-green span{
        margin-top: 3px;
        display: block;
    }
    .btn-green:hover{
        background: rgb(78,145,32);
        background: linear-gradient(360deg, rgba(78,145,32,1) 32%, rgba(108,190,49,1) 100%);
        color : #FFFFFF;
        transition: 1s ease;
    }

}