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



.tooltip{
   font-size: 13px;
}



p.task-due {

   font-size: 13px!important;

}



.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;

}



@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

	}

}


.bg-default:focus,
.bg-default:hover {
  background-color: #fafafa !important;
  color: #fff;
}

.bg-primary:focus,
.bg-primary:hover {
  background-color: #01dbdf !important;
  color: #fff;
}

.bg-success:focus,
.bg-success:hover {
  background-color: #0df3a3 !important;
  color: #fff;
}


.bg-info:focus,
.bg-info:hover {
  background-color: #5ad9e9 !important;
  color: #fff;
}



.bg-warning:focus,
.bg-warning:hover {
  background-color: #feb798 !important;
  color: #fff;
}



.bg-caution:focus,
.bg-caution:hover {
  background-color: #DCBD00 !important;
  color: #fff;
}

.bg-danger:focus,
.bg-danger:hover {
  background-color: #ef5f51 !important;
  color: #fff;
}