@font-face {
    font-family: 'Muli';
    src: url('../fonts/Muli-ExtraLight.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

/*@font-face {
    font-family: 'Muli';
    src: url('../fonts/Muli-ExtraLightItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}*/

@font-face {
    font-family: 'Muli';
    src: url('../fonts/Muli-Light.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

/*@font-face {
    font-family: 'Muli';
    src: url('../fonts/Muli-LightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}
*/
@font-face {
    font-family: 'Muli';
    src: url('../fonts/Muli-Regular.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

/*@font-face {
    font-family: 'Muli';
    src: url('../fonts/Muli-Italic.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}*/

@font-face {
    font-family: 'Muli';
    src: url('../fonts/Muli-SemiBold.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

/*@font-face {
    font-family: 'Muli';
    src: url('../fonts/Muli-SemiBoldItalic.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}*/

@font-face {
    font-family: 'Muli';
    src: url('../fonts/Muli-Bold.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

/*@font-face {
    font-family: 'Muli';
    src: url('../fonts/Muli-BoldItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}*/

@font-face {
    font-family: 'Muli';
    src: url('../fonts/Muli-ExtraBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

/*@font-face {
    font-family: 'Muli';
    src: url('../fonts/Muli-ExtraBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}*/

@font-face {
    font-family: 'Muli';
    src: url('../fonts/Muli-Black.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

/*@font-face {
    font-family: 'Muli';
    src: url('../fonts/Muli-BlackItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}*/

@font-face {
    font-family: 'Mitr';
    src: url('../fonts/Mitr-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Mitr';
    src: url('../fonts/Mitr-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Mitr';
    src: url('../fonts/Mitr-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Mitr';
    src: url('../fonts/Mitr-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Mitr';
    src: url('../fonts/Mitr-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Mitr';
    src: url('../fonts/Mitr-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Kanit';
    src: url('../fonts/Kanit-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Kanit';
    src: url('../fonts/Kanit-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Kanit';
    src: url('../fonts/Kanit-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Kanit';
    src: url('../fonts/Kanit-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Kanit';
    src: url('../fonts/Kanit-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Kanit';
    src: url('../fonts/Kanit-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Kanit';
    src: url('../fonts/Kanit-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Kanit';
    src: url('../fonts/Kanit-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Kanit';
    src: url('../fonts/Kanit-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    /*max-width: 280px;*/
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Muli','Mitr';
    color: #575757;
}

p, span, label, a, tr, td {
    font-family: 'Muli','Mitr';
    color: #575757;
}

div {
    font-family: 'Muli','Mitr';
    color: #575757;
}

.textbox-radius {
    border-radius: 25px !important;
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}

/*Entertain*/
/*.textbox-radius {
    border-radius: 25px !important;
}*/

.input-group {
    position: relative !important;
    display: flex !important;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
}

.btn-fillter {
    border: 1px solid #E7E7E7;
    background-color: #E7E7E7;
    height: 40px;
    border-radius: 20px;
    font-family: 'Muli';
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 10px;
    line-height: 24px;
}

.menu-count {
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background-color: #FF0000;
    text-align: center;
    padding-top: 0px;
    display: inline-block;
    font-weight: 600;
    position: absolute;
    top: 147px;
    color: #FFFFFF;
    font-size: 13px;
    font-family: 'Muli';
    line-height: 22px;
}

.btn-active {
    background-color: #2D74B7 !important;
    color: #FFFFFF;
}

.btn-update-status {
    border-radius: 6px;
    /*min-width: 100px;*/
    margin: 1px;
    box-shadow: 1px 4px 4px 0px #3077BA30;
    font-family: Muli;
    font-size: 14px;
    font-weight: 700;
    line-height: 21px;
}