html,
body {
    height: 100%;
}

body {
    /*margin-top: 50px;*/
}
body {
    font-family: "TT Commons", sans-serif;
}

.btn-primary{
    background-color: #619EDE;
    border-color: #619EDE;
}
.btn-primary:hover{
     background-color: #4069BA;
     border-color: #4069BA;
 }

.tablesorter-header {
    padding: 10px !important;
}

.brand-text {
    font-family: 'TypeType Commons Regular', sans-serif;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    height: 56px;
    line-height: 56px;
    padding-left: 15px;
    padding-right: 15px;
    color: #343a40;
}

@font-face {
    font-family: 'Noto Sans Thai UI';
    src: url('font/subset-NotoSansThaiUI-Regular.woff2') format('woff2'),
    url('font/subset-NotoSansThaiUI-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TypeType Commons Regular';
    src: url('font/TypeType - TT Commons Regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'TypeType Commons Regular';
    src: url('font/TypeType - TT Firs Neue Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal
}

.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
    color: #a94442;
}

.has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label {
    color: #3c763d;
}

.has-success .form-control {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.btn-link {
    text-decoration: none !important;
}

.menu-heading .btn-link {
    width: 100%;
    text-align: left;
    padding: 10px 20px;
}

.content-header {
    margin-top: 40px;
}

.breadcrumb {
    display:none !important;
}

a.btn {
    color: #fff !important;
}

.bold {
    font-weight: bold;
}

.site-alert-box {
    position: fixed;
    bottom: 40px;
    right: 20px;
    z-index: 9999;
    max-width: 300px;
}
.site-alert {
    background: #f44336;
    color: #fff;
    padding: 12px 20px;
    margin-top: 8px;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
    opacity: 1;
    transition: opacity 0.5s;
}
.site-success {
    background: #4CAF50;
    color: #fff;
    padding: 12px 20px;
    margin-top: 8px;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
    opacity: 1;
    transition: opacity 0.5s;
}
.site-alert.fade-out {
    opacity: 0;
}