html, body{font-family: 'Kanit',sans-serif;background-color: transparent !important; height: auto; color: #333;}
html{ font-size: 100%; }
body{ margin: 1.5em 0; }
.ui-red-status {color: #DB2828!important;font-size: 1em;font-weight: 400;}
.ui-green-status {color: #21BA45!important;font-size: 1em;font-weight: 400;}
.ui.text.container {max-width: 900px!important;}
.table td, .table th {border-top: none;}
.ui.list .list>.item, .ui.list>.item, ol.ui.list li, ul.ui.list li {font-size: 12px;}
.ui.list .list>.item .header, .ui.list>.item .header {font-size: 16px;margin-bottom: 10px;}
.ui.table thead th {font-size: 14px;}
.ui.table td {font-size: 12px;font-weight: 600;}
.box-sv {
    margin-top: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow:0 1px 8px rgba(214, 214, 214, 0.2);
    box-shadow:0 1px 8px rgba(214, 214, 214, 0.2);
}
.box-info {
    border-color: #c8e3ff;
}
.box-green {
    border-color: #eee;
}
.box-sv-body {
    padding: 10px;
}
.line-box {
    margin-top: 12px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #f5f5f5;
}
.box-text-haeder {
    font-size: 16px;
    margin-top: 3px;
    margin-bottom: -5px;
    font-weight: 400;
    line-height: 1.1;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #636363;
}
.box-text-haeder small {
    font-size: 75%;
	color: #757575;
}
.btn-default {
    color: #5d5d5d;
    background-color: #fff;
    border-color: #e8e8e8;
}
.btn-default:hover {
    color: #333;
    background-color: #fbfbfb;
    border-color: #d4d4d4;
    box-shadow: 0 0 0 3px rgba(51, 51, 51, 0.03);
}
.btn-default:focus {
    color: #333;
    background-color: #fbfbfb;
    border-color: #cccccc;
    outline: 0 !important;
}
.btn-default:active {
    color: #333;
    background-color: #fbfbfb;
    border-color: #d8d8d8;
}
.btn:active {
    background-image: none;
    outline: 0 !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.list-text {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #000;
    padding-left: 20px;
	padding-bottom: 5px;
}
.list-text2 {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #576971;
    padding-left: 20px;
	padding-bottom: 6px;
	padding-top: 6px;
}
.list-haeder {
    font-size: 10px;
    color: #ff0000;
    padding-left: 25px;
    letter-spacing: 0.5px;
	margin-top: 10px;
	margin-bottom: 5px;
}
.font-org {
    color: #341bff;
    text-transform: none;
    font-weight: 400;
    font-size: 14px;
}
.font-org2 {
    color: #341bff;
    text-transform: none;
    font-weight: 400;
    font-size: 12px;
}
hr {
    margin-top: 10px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #f5f5f5;
}
.btn-event {
    color: #fff;
    background-color: #4578d6;
    border-color: #4578d6;
	-webkit-text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15);
	box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15);
	-webkit-transition: .5s all;
	transition: .5s all;
}
.btn-event:hover {
    color: #1559d6;
    background-color: #fff;
    border-color: #4578d6;
	-webkit-text-shadow: none;
	text-shadow: none;
    -webkit-box-shadow: none;
	box-shadow: none;
    border-radius: 0px;
}
.btn-event:focus {
    color: #fff;
    background-color: #4578d6;
    border-color: #4578d6;
	outline: 0 !important;
}
.btn-event:active {
    color: #fff;
    background-color: #4578d6;
    border-color: #4578d6;
}
/**
* Dashboard System
**/
.ui.message {
	background: #fff;
	box-shadow: none;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.ui.text.container {
	max-width: 1100px!important;
	font-size: 1.5rem;
}
.ui.form {
    font-size: 1.5rem;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.ui.button, .ui.buttons .button, .ui.buttons .or {
    font-size: 1.5rem;
}
.ui.menu {
    font-size: 1.5rem;
}
.ui.segment, .ui.segments .segment {
    font-size: 1.5rem;
}
.ui.statistic>.value, .ui.statistics .statistic>.value {
    font-size: 6rem!important;
}
.ui-red-status {
	color: #DB2828!important;
	font-size: 1em;font-weight: 400;
}
.ui-green-status {
	color: #21BA45!important;
	font-size: 1em;
	font-weight: 400;
}
.ui-org-status {
	color: #ff8433!important;
	font-size: 1em;
	font-weight: 400;
}
.ui.breadcrumb .active.section {
    font-weight: 400;
}
.ui.breadcrumb a {
    color: #657ef9;
}
.date-right {
    color: #000000;
    font-size: 1.28571429rem;
    font-weight: 400;
    padding-top: 5px;
    padding-right: 5px;
}
.ui.label {
	font-weight: 300;
}
.swal2-container.swal2-shown {
	background: linear-gradient(to right, #9655ff, #657ef9);
}
.ui.form .field>label {
    font-weight: 400;
}
.ui.selection.dropdown .menu>.item {
    font-size: 14px;
}
.ui.dropdown .menu .selected.item, .ui.dropdown.selected {
    color: rgba(255, 0, 0, 0.95);
}
.ui.dropdown .menu .active.item {
	font-weight: normal;
}
.ui.checkbox label {
    padding-left: 2em;
    font-size: 1.5em;
}
.ui.table thead th {
	font-weight: 600;
}
b, strong {
    font-weight: 600;
}
.ui.basic.table {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/* Scrollbar */
body::-webkit-scrollbar { width:5px; height:5px; background-color:#fff;}
body::-webkit-scrollbar-track {background-color:#fff;}
body::-webkit-scrollbar-thumb {background: #eee;}