body{
	font-family:'Roboto', 'Sarabun', Helvetica Neue, Helvetica, Arial, sans-serif;
	font-weight:300;
}
.alert{
	border: 0px;
}
.alert p{
	text-indent: 0px!important;
}
.alert-dismissable .close,
.alert-dismissible .close {
	right:0;
}
.alert-danger {
	background-color: #F44336;
	color: #FFFFFF;
}

.select2-selection--single .select2-selection__placeholder{
	font-size: 13px;
}
.select2-results__group {
	font-size: 13px;
}

.wysiwyg-color-blue {
	color: #02b0b7;
}
.wysiwyg-color-maroon {
	color: #ec1384;
}
.embed-responsive-full {
  /*padding-bottom: 100%;*/
  height: 100%;
}
.wysiwyg-text-align-center{
	text-align: center;
}

.icon-seven-segment-10:before{content:"\eed4\eed3";}

.modal-content h2{
	font-size: 32px;
	color: #F44336;
	text-decoration: underline;
}
.modal-content .highlight{
	color: #F44336;
}

.row-justify{
	display: flex;
	justify-content: center;
}
.export-link{
	text-align: left;
}

/** Button CSS */
.btn-social {
	border-width:1px;
	background-color:transparent;
}
.btn-social:hover,
.btn-social:focus {
	opacity:0.8;
	filter:alpha(opacity=80);
	-webkit-box-shadow:none;
	box-shadow:none;
	color:#FFFFFF;
}
.btn-social:active {
	opacity:0.95;
	filter:alpha(opacity=95);
}
@media (max-width: 767px) {
	.btn-xs-block {
		display: block;
		width: 100%;
	}
	input[type="submit"].btn-xs-block,
	input[type="reset"].btn-xs-block,
	input[type="button"].btn-xs-block {
		width: 100%;
	}
	.btn-block + .btn-xs-block,
	.btn-xs-block + .btn-block,
	.btn-xs-block + .btn-xs-block {
		margin-top: 0.5rem;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.btn-sm-block {
		display: block;
		width: 100%;
	}
	input[type="submit"].btn-sm-block,
	input[type="reset"].btn-sm-block,
	input[type="button"].btn-sm-block {
		width: 100%;
	}
	.btn-block + .btn-sm-block,
	.btn-sm-block + .btn-block,
	.btn-sm-block + .btn-sm-block {
		margin-top: 0.5rem;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.btn-md-block {
		display: block;
		width: 100%;
	}
	input[type="submit"].btn-md-block,
	input[type="reset"].btn-md-block,
	input[type="button"].btn-md-block {
		width: 100%;
	}
	.btn-block + .btn-md-block,
	.btn-md-block + .btn-block,
	.btn-md-block + .btn-md-block {
		margin-top: 0.5rem;
	}
}
@media (min-width: 1200px) {
	.btn-lg-block {
		display: block;
		width: 100%;
	}
	input[type="submit"].btn-lg-block,
	input[type="reset"].btn-lg-block,
	input[type="button"].btn-lg-block {
		width: 100%;
	}
	.btn-block + .btn-lg-block,
	.btn-lg-block + .btn-block,
	.btn-lg-block + .btn-lg-block {
		margin-top: 0.5rem;
	}
}
/** /Button CSS */