.translation_missing { color:#FF0000; font-weight: bold; font-style:italic; }

.no-padding { padding:0 !important; }
.no-padding-bottom { padding-bottom:0 !important; }
.no-padding-top { padding-top:0 !important; }
.no-padding-left { padding-left:0 !important; }
.no-padding-right { padding-right:0 !important; }
.padding-5 { padding:5px !important; }
.padding-10 { padding:10px !important; }
.padding-15 { padding:15px !important; }
.padding-20 { padding:20px !important; }
.padding-right-5 { padding-right:5px !important; }
.padding-right-10 { padding-right:10px !important; }
.padding-right-15 { padding-right:15px !important; }
.padding-right-20 { padding-right:20px !important; }
.padding-top-5 { padding-top:5px !important; }
.padding-top-10 { padding-top:10px !important; }
.padding-top-15 { padding-top:15px !important; }
.padding-top-20 { padding-top:20px !important; }
.padding-bottom-5 { padding-bottom:5px !important; }
.padding-bottom-10 { padding-bottom:10px !important; }
.padding-bottom-15 { padding-bottom:15px !important; }
.padding-bottom-20 { padding-bottom:20px !important; }
.padding-left-5 { padding-left:5px !important; }
.padding-left-10 { padding-left:10px !important; }
.padding-left-15 { padding-left:15px !important; }
.padding-left-20 { padding-left:20px !important; }

.no-margin { margin:0 !important; }
.no-margin-bottom { margin-bottom:0 !important; }
.no-margin-top { margin-top:0 !important; }
.no-margin-left { margin-left:0 !important; }
.no-margin-right { margin-right:0 !important; }
.margin-5 { margin:5px !important; }
.margin-10 { margin:10px !important; }
.margin-15 { margin:15px !important; }
.margin-20 { margin:20px !important; }
.margin-right-5 { margin-right:5px !important; }
.margin-right-10 { margin-right:10px !important; }
.margin-right-15 { margin-right:15px !important; }
.margin-right-20 { margin-right:20px !important; }
.margin-top-5 { margin-top:5px !important; }
.margin-top-10 { margin-top:10px !important; }
.margin-top-15 { margin-top:15px !important; }
.margin-top-20 { margin-top:20px !important; }
.margin-bottom-5 { margin-bottom:5px !important; }
.margin-bottom-10 { margin-bottom:10px !important; }
.margin-bottom-15 { margin-bottom:15px !important; }
.margin-bottom-20 { margin-bottom:20px !important; }
.margin-left-5 { margin-left:5px !important; }
.margin-left-10 { margin-left:10px !important; }
.margin-left-15 { margin-left:15px !important; }
.margin-left-20 { margin-left:20px !important; }


.team-logo { margin: 10px; height:50px; }
@media (max-width: 800px) {
	.team-logo { margin: 3px; height:30px; }
	.heading-font { margin-top:10px !important; margin-bottom:10px !important; }
	.logo img { height:40px; margin-top:10px; }
}

@media (min-width: 801px) {
	.container { padding-left:0; padding-right:0; }
	.logo.root img { height:60px; margin-top:20px; }
}

.header .dropdown-menu {
    background-color: #efefef;
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    left: auto;
    right: auto;
}

.text-black { color:#000000 !important; }

.bg-custom { background-color:#598eaf }

.font-custom { font-size:24px; }

@font-face {
	font-family: 'THSarabun';
    src: url('/fonts/web/THSarabun.eot'); /* IE9 Compatibility Modes */
    src: url('/fonts/web/THSarabun.eot?') format('eot'),  /* IE6-IE8 */
    url('/fonts/web/THSarabun.woff') format('woff'), /* Modern Browsers */
    url('/fonts/web/THSarabun.ttf')  format('truetype'), /* Safari, Android, iOS */
	url('/fonts/web/THSarabun.svg#svg/fonts/web/THSarabun') format('svg'); /* Legacy iOS */
}
body {
	font-family: 'THSarabun';
	font-size: 20px;
  	line-height: 1.2;
}
.h1, .h2, .h3, .h4, .h5, .h6, 
h1, h2, h3, h4, h5, h6, span, div, th, td, select, option {
	font-family: 'THSarabun';
}
h1, .h1 {
    font-size: 50px;
}
h2, .h2 {
    font-size: 42px;
}
h3, .h3 {
    font-size: 36px;
}
h4, .h4 {
    font-size: 30px;
}
h5, .h5 {
    font-size: 24px;
}
h6, .h6 {
    font-size: 18px;
}
.input-group-addon, .form-control, .btn { font-size: 20px; }

.header .navigation > ul > li > a, .header .dropdown-menu a {
	font-family: 'THSarabun';
	font-size: 18px;
  	line-height: 1.2;
}

@media (min-width: 768px) {
	.pull-sm-right { float:right !important; }
}
@media (min-width: 992px) {
	.pull-md-right { float:right !important; }
}
@media (min-width: 1200px) {
	.pull-lg-right { float:right !important; }
}