@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;
}

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