A:link	{text-decoration:none;}
A:visited{text-decoration:none;}
body,h1,h2,h3,h4,h5,h6 {font-family: 'Kanit', sans-serif;}
.Purple4,.hover-Purple4:hover{color:#ffffff!important;background-color:#404040!important}
.Purple5,.hover-Purple5:hover{color:#5f4b8b!important;background-color:#cc99ff!important}
.Purple6,.hover-Purple6:hover{color:#ffffff!important;background-color:#420080!important}
.orange,.hover-orange:hover{color:#000000!important;background-color:#fec327!important}
.orange2,.hover-orange2:hover{color:#ffffff!important;background-color:#f37735!important}
.grey,.hover-grey:hover{color:#000000!important;background-color:#e8e8e8!important}
.grey2,.hover-grey2:hover{color:#000000!important;background-color:#b2b2b2!important}
.text-Purple2,.hover-text-Purple2:hover{color:#563293!important}
.text-orange,.hover-text-orange:hover{color:#f37735!important}
.text-grey,.hover-text-grey:hover{color:#808080!important}

.border-orange2{border:2px solid #FFFFFF!important}
.text-orange2{color: #FFFFFF!important}
.border-Purple2{border:2px solid #563293!important}
.border-white{border:4px solid #ffffff!important}
.hvr-fade2 {
	font-size:25px;
	height:60px;
	width:100%;
	border: 0px solid #5f4b8b;
}
.hvr-fade3 {
	font-size:28px;
	height:80px;
	width:100%;
	border: 3px solid #ffffff;
}
.img_head{
	font-size:28px;
	height:60px;
	border: 0px solid #5f4b8b;
}
.hvr-fade4 {
	font-size:28px;
	height:250px;
	width:98%;
	border: 2px solid #5f4b8b;
	background-color:#ffffff;
	color:#5f4b8b; 
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	overflow: hidden;
	-webkit-transition-duration: 1s;
	transition-duration: 1s;
	-webkit-transition-property: color, background-color;
	transition-property: color, background-color;
}
.hvr-fade4:hover, .hvr-fade:focus, .hvr-fade:active {
	background-color: #5f4b8b;
	color: white;
}
.r_h1{
	font-size:28px;
	font-family: 'Alegreya Sans', sans-serif;
}
.f10{font-size:10px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f23{font-size:23px;}
.f24{font-size:24px;}
.f25{font-size:25px;}
.f28{font-size:28px;}
.f60{font-size:60px;}
.scroll_index {
  height:450px;
  overflow:auto;
}
                        
.scrollbar {
    margin-left: 30px;
    float: left;
    height: 300px;
    width: 65px;
    background: #fff;
    overflow-y: scroll;
    margin-bottom: 25px;
}
.force-overflow {
    min-height: 450px;
}

.scrollbar-primary::-webkit-scrollbar {
  width: 12px;
  background-color: #F5F5F5; }

.scrollbar-primary::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #4285F4; }

.scrollbar-danger::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #F5F5F5;
  border-radius: 10px; }

.scrollbar-danger::-webkit-scrollbar {
  width: 12px;
  background-color: #F5F5F5; }

.scrollbar-danger::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #ff3547; }

.scrollbar-warning::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #F5F5F5;
  border-radius: 10px; }

.scrollbar-warning::-webkit-scrollbar {
  width: 12px;
  background-color: #F5F5F5; }

.scrollbar-warning::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #FF8800; }

.scrollbar-success::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #F5F5F5;
  border-radius: 10px; }

.scrollbar-success::-webkit-scrollbar {
  width: 12px;
  background-color: #F5F5F5; }

.scrollbar-success::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #00C851; }

.scrollbar-info::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #F5F5F5;
  border-radius: 10px; }

.scrollbar-info::-webkit-scrollbar {
  width: 12px;
  background-color: #F5F5F5; }

.scrollbar-info::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #33b5e5; }

.scrollbar-default::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #F5F5F5;
  border-radius: 10px; }

.scrollbar-default::-webkit-scrollbar {
  width: 12px;
  background-color: #F5F5F5; }

.scrollbar-default::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #2BBBAD; }

.scrollbar-secondary::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #F5F5F5;
  border-radius: 10px; }

.scrollbar-secondary::-webkit-scrollbar {
  width: 12px;
  background-color: #F5F5F5; }

.scrollbar-secondary::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #aa66cc; }