@import("button.css");

h1, h2, h3, h4, h5, h6 {
    letter-spacing: 0px !important;
}
.text-purple {color:#9579DA !important; }
.text-white{ color:#FFF !important; }
.text-green{ color:#229702 !important;}
.text-mint{ color:#35BA9B !important;}
.text-pink{ color:#D56FAC !important; }
.text-red{ color:#D94452 !important;}
.text-black{ color:#333 !important;}
.text-orange{ color:#E8553E !important;}
.text-blue{ color:#046CDB !important;}
.text-brown{ color:#CC7E47 !important;}
.text-aqua{ color:#3AADD9 !important;}
.text-yellow{ color:#F2E291 !important;}
.mt-1{ margin-top:5px !important; }
.mt-2{ margin-top:10px !important; }
.mt-3{ margin-top:15px !important; }
.mt-4{ margin-top:20px !important; }
.mb-1{ margin-bottom:5px !important; }
.mb-2{ margin-bottom:10px !important; }
.mb-3{ margin-bottom:15px !important; }
.mb-4{ margin-bottom:20px !important; }
.font-1{font-family: 'Noto Sans Thai', sans-serif;}
.font-2{font-family: 'Noto Sans Thai', sans-serif;}
.body-sign .card-sign .card-title-sign .title {
	font-size: 18px !important;
	font-family: 'Noto Sans Thai', sans-serif;
}
.box-shadow{padding:10px; background:#FFF; border-radius:5px; box-shadow:0px 5px 20px #CCC;}
.box-shadow-2{padding:10px; background:#FFF; border-radius:0px 0px 5px 5px; box-shadow:0px 5px 20px #CCC;}
.page-header h2,.btn {
	font-family: 'Noto Sans Thai', sans-serif;
}

.body-sign .card-sign .card-body {
  box-shadow: 0 6px 20px rgba(5, 0, 7, 0.13) !important;
  padding: 18px 20px 0px 20px !important;
}

label {
	margin-top: 5px !important;
	margin-bottom: 5px !important;
	font-size: 15px !important;
	color: #444 !important;
	font-weight: 600 !important;
}
.card-title {
	font-family: Kanit;
}
.card-subtitle {
	font-family: Verdana !important;
	font-size: 13px;
}
.sidebar-left .sidebar-header .sidebar-title {
	font-family: Kanit;
	font-size: 17px;
}
.header .logo {
    margin: 5px 0 0 8px;
}
.page-header .breadcrumbs a, .page-header .breadcrumbs span {
	font-family: Kanit;
	font-size: 14px;
}
.select2-container--bootstrap .select2-selection--multiple {
	height:auto;
}
.form-control:not(.form-control-sm):not(.form-control-lg) {
    font-size: 14px;
    line-height: 20px !important;
}


.input-group-text {
    padding: 10px 16px !important;
}
.widget-summary .summary .title {
	margin: 0;
	font-size: 17px;
	color: #FFF;
	font-weight: 500;
	line-height: 1.5;
}
.widget-summary .summary .amount {
	margin-right: .2em;
	font-weight: 600;
	color: #FFF;
	vertical-align: middle;
	font-size: 30px;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus, .pagination .page-item.active .page-link {
    background-color: #B20000 !important;
    border-color: #D56FAC;
    padding: 7px 13px;
    margin: 3px 3px 0px 0px;
    border-radius: 5px;
	font-weight: 700;
}
.pagination > li > a, .pagination > li > span, .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    background-color: #999999 !important;
    border-color: #D56FAC;
    padding: 7px 13px;
    margin: 3px 3px 0px 0px;
    border-radius: 5px;
	color:#FFFFFF;	
}
table thead tr {
	background: rgb(241,153,206);
background: -moz-linear-gradient(top,  rgb(241,153,206) 0%, rgb(255,255,255) 100%);
background: -webkit-linear-gradient(top,  rgb(241,153,206) 0%,rgb(255,255,255) 100%);
background: linear-gradient(to bottom,  rgb(241,153,206) 0%,rgb(255,255,255) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f199ce', endColorstr='#ffffff',GradientType=0 );
	color:#000;
	border-bottom: 3px solid #F199CE;
}
.table th, .table td {
    padding: 0.75rem;
    vertical-align:middle;
    border-top: 1px solid #dee2e6;
}
.table-teach tr td{ border:2px solid #999 !important;}
.table-hover tbody tr:hover { background: rgb(255,255,255);
background: -moz-linear-gradient(top,  rgb(255,255,255) 0%, rgb(243,243,243) 50%, rgb(237,237,237) 51%, rgb(255,255,255) 100%);
background: -webkit-linear-gradient(top,  rgb(255,255,255) 0%,rgb(243,243,243) 50%,rgb(237,237,237) 51%,rgb(255,255,255) 100%);
background: linear-gradient(to bottom,  rgb(255,255,255) 0%,rgb(243,243,243) 50%,rgb(237,237,237) 51%,rgb(255,255,255) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );  box-shadow:0px 2px 8px #0002;}
.bc-text{font-size:13px; line-height:18px; vertical-align: bottom !important;}
.num{padding:2px 8px; margin-top:3px; border:1px solid #FFF;  color:#FFF; border-radius:20px; display:inline-block;}
.num3{background:#35BA9B; }
.num3:hover{ cursor:pointer; background:#46CEAC; box-shadow:0px 2px 3px #999999; }
.num2{background:#E8553E; }
.num2:hover{ cursor:pointer; background:#FA6C51; box-shadow:0px 2px 3px #999999; }
.num1{background:#F5B945; }
.num1:hover{ cursor:pointer; background:#FDCD56; box-shadow:0px 2px 3px #999999; }
.num0{background:#999; }
.num0:hover{ cursor:pointer; background:#666; box-shadow:0px 2px 3px #999999; }