body {
	font-size:13px!important;
	font-family:tahoma!important;
}

.tooltip{
   font-size: 13px;
}

.input-description {
	font-size:12px!important;
	font-family:tahoma!important;
}
		
::-webkit-input-placeholder
 { /* Edge */
  color:#BBBBBB!important;
  font-size:13px;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color:#BBBBBB!important;
  font-size:13px;
}

::placeholder {
  color:#BBBBBB!important;
  font-size:13px;
}

div.alert p {
	font-size:13px!important;
}

.thaisansbold {
	font-family: 'thaisansbold';
	font-weight: normal;
	font-size:20px
}

.display-none {
	display:none!important;
}

.bold {
	font-weight:bold;
}

.invalid-feedback {
	font-size:12px!important;
	line-height:12px!important;
}

.valid-feedback {

}
.font-16 {
	font-size:16px!important;
	line-height:16px!important;
}

.font-18 {
	font-size:18px!important;
	line-height:18px!important;
}

.font-20 {
	font-size:20px!important;
	line-height:20px!important;
}

.font-24 {
	font-size:24px!important;
	line-height:24px!important;
}

.font-25 {
	font-size:25px!important;
	line-height:25px!important;
}

.font-26 {
	font-size:26px!important;
	line-height:26px!important;
}

.font-28 {
	font-size:28px!important;
	line-height:28px!important;
}

.font-30 {
	font-size:30px!important;
	line-height:30px!important;
}

.font-36 {
	font-size:36px!important;
	line-height:36px!important;
}

.line-36 {
	line-height:36px!important;
}

.line-45 {
	line-height:45px!important;
}

input:-webkit-autofill {
	-webkit-box-shadow:0 0 0 50px #ffffff inset;
	-webkit-text-fill-color: #333;
}

input:-webkit-autofill:focus {
	-webkit-box-shadow: 0 0 0 50px #ffffff inset!important;
	-webkit-text-fill-color: #333;
} 

.nav-left,.header-navbar .navbar-wrapper .navbar-container .nav-right { display:block!important }

ul.pcoded-item li a > span {
	font-family:thaisansbold!important;
	font-size:19px;
	line-height:17px;
}

.top-none {
	border-top:none!important;
}

.user-profile img{margin-right:10px;height:30px}

.user-profile .profile_img {
    height: 30px;
    width: 30px;
	margin-top:10px;
	margin-right:10px;
	display:inline-block;
    background-repeat: no-repeat center top; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	border-radius:5px
}

.show-notification {
	width:180px!important;
}

.text-black {
	color:#000!important
}

.text-orange {
	color:#F1C40F;
}

.text-teal {
	color:#1ABC9C;
}

.text-pinkorange {
	color:#FE6F5F!important;
}

.text-darkblue {
	color:#ff4444
}

li.active a {
	color:#FE8A7D!important
}

table.chapter {
	border-bottom:1px solid #ddd!important;
	border-right:1px solid #ddd!important
}

table.chapter th {
	font-family:thaisansbold!important;
	font-size:24px;
	text-align:left;
	border-left:1px solid #ccc!important;
	border-top:1px solid #ccc!important;
	border-bottom:1px solid #ccc!important;
}

table.chapter td {
	text-align:left;
	vertical-align:top;
	border-left:1px solid #ddd
}

.hidevid {
	display:none;
}
.showvid {
	display:block!important;
}

/*--------------------------------------------------------------------------------------------------------------------*/
														/*SexyAlertBox*/
/*--------------------------------------------------------------------------------------------------------------------*/
#SexyAlertBox-Box {
  padding-bottom: 0px;
  background:#fff;
  border-radius:8px;
  border-bottom:6px solid #ddd;
-webkit-box-shadow: 0px 6px 31px -11px rgba(0,0,0,0.92);
-moz-box-shadow: 0px 6px 31px -11px rgba(0,0,0,0.92);
box-shadow: 0px 6px 31px -11px rgba(0,0,0,0.92);
}

#SexyAlertBox-InBox {
  padding-top: 15px;
  background:#fff;
  border-radius:8px;
}

#SexyAlertBox-BoxContent {
  padding: 0px 10px;
  background:#fff;}

#SexyAlertBox-BoxContenedor {
  padding: 0px 0px 5px 55px;
  text-align: left;
  font-family:Verdana;
  font-size:12px;
  color:#000;
}

#SexyAlertBox-BoxContenedor h1,#SexyAlertBox-BoxContenedor h2,#SexyAlertBox-BoxContenedor h3,#SexyAlertBox-BoxContenedor b,#SexyAlertBox-BoxContenedor strong{
  text-align: left;
  font-family:Verdana;
  font-size:12px;
  color:#000;
  font-weight:bold;
  margin:0px;
  padding:0px;
}

#SexyAlertBox-Buttons{
  text-align:right;
}


#SexyAlertBox-Buttons input {
	margin: 10px 10px;
	font-size: 13px;
	text-decoration: none!important;
	text-align:center;
	padding: 5px 5px 5px 5px;
	color: #fff;
	border-radius: 5px;
	outline:none;
	border:none;
}

#SexyAlertBox-Buttons input:hover {
	text-align:center;
	border-radius: 5px;
	outline:none
}

#SexyAlertBox-BoxContenedor #BoxPromptInput{
  margin-top:5px;
}

#SexyAlertBox-Box .BoxAlert {
  background: url('../images/dialog-warning.png') top left no-repeat;
}

#SexyAlertBox-Box .BoxConfirm {
  background: url('../images/dialog-help.png') top left no-repeat;
}

#SexyAlertBox-Box .BoxPrompt {
  background: url('../images/dialog-help.png') top left no-repeat;
}

#SexyAlertBox-Box .BoxInfo {
  background: url('../images/dialog-information.png') top left no-repeat;
}

#SexyAlertBox-Box .BoxError {
  background: url('../images/dialog-error.png') top left no-repeat;
}

/* ---------------------------------------------------------------- */

#SexyInfoBox-Box {
  padding-bottom: 24px;
}

#SexyInfoBox-InBox {
  padding-top: 15px;
}

#SexyInfoBox-BoxContent {
  padding: 0px 20px;
}

#SexyInfoBox-BoxContenedor {
  padding: 0px 0px 5px 55px;
  text-align: left;
  font-family:Verdana;
  font-size:12px;
  color:#000;
}

#SexyInfoBox-BoxContenedor h1,#SexyInfoBox-BoxContenedor h2,#SexyInfoBox-BoxContenedor h3,#SexyInfoBox-BoxContenedor b,#SexyInfoBox-BoxContenedor strong{
  text-align: left;
  font-family:Verdana;
  font-size:12px;
  color:#000;
  font-weight:bold;
  margin:0px;
  padding:0px;
}

#SexyInfoBox-Buttons{
  text-align:right;
}

#SexyInfoBox-Buttons input {
  margin: 10px 10px;
}

#SexyInfoBox-BoxContenedor #BoxPromptInput{
  margin-top:5px;
}

#SexyInfoBox-Box .BoxAlert {
  background: url('../images/dialog-warning.png') top left no-repeat;
}

#SexyInfoBox-Box .BoxConfirm {
  background: url('../images/dialog-help.png') top left no-repeat;
}

#SexyInfoBox-Box .BoxPrompt {
  background: url('../images/dialog-help.png') top left no-repeat;
}

#SexyInfoBox-Box .BoxInfo {
  background: url('../images/dialog-information.png') top left no-repeat;
}

#SexyInfoBox-Box .BoxError {
  background: url('../images/dialog-error.png') top left no-repeat;
}


.bg-green {
  background-color: #00a65a !important;
}

.bg-yellow{
  background-color: #f39c12 !important;
}

.bg-yellow-active {
  background-color: #db8b0b !important;
}

a.dropdown-item {
	color:#000000!important;
}

.text-blue {
	color:#3386e6
}

.text-blue {
	color:#3386e6
}

.text-gray {
	color:#cccccc;
}

.pcoded-navigatio-lavel {

	font-size:13px!important;
	letter-spacing:normal!important

}

.navbar .nav-item a.nav-link {
	font-size:13px
}

.navbar .nav-item a.dropdown-item {
	font-size:13px
}


li.breadcrumb-item a {
	font-size:13px
}

ul.show-notification li > a {
	font-size:13px!important
}

@media only screen and (max-width: 992px){
	.header-fullscreen, .header-search { display:none!important }
	.font-20 {
		font-size:18px;
		letter-spacing:0.5px;
	}
	
	.m-top {
		margin-top:40px;
	}
	
	.font-26 {
		font-size:22px!important;
	}
	.line-45 {
		line-height:30px!important;
	}
}


@media only screen and (max-width: 360px){

	.show-notification {
		width:170px!important;
	}

}


.pc-right-mb-center {
	text-align:right;
}

@media (max-width: 767px) {
	.mb-hidden {
		display:none!important
	}
	
	.mb-top-30 {
		margin-top:30px!important
	}
	
	.mb-bottom-30 {
		margin-bottom:30px!important
	}

	.pc-right-mb-center {
		text-align: center;
	}
	
	.font-30 {
		font-size:20px!important;
		line-height:20px!important;
	}
	
	.mb-left {
		text-align: left!important;
	}
}

@media (max-width: 812px) {
	.mb-top-30 {
		margin-top:30px!important
	}
}

p.task-due {
	font-size:12px!important;
}
p.task-due > .label {
	font-size:12px!important;
}