/*
 * stylesheets for SV 1880 - Homepage
 */
.grayscale-filter {
	filter: grayscale(100%); 
}

.main-img-filter {
	filter:drop-shadow(3px 3px 3px #222);
	vertical-align:top;
}

.landing-page .header-filter:after {
	background: rgba(46, 46, 46, 0.64);
	background: linear-gradient(135deg, rgba(16, 16, 16, 0.55) 0%, rgba(46, 46, 46, 0.25) 100%);
	background: -webkit-linear-gradient(135deg, rgba(16, 16, 16, 0.55) 0%, rgba(46, 46, 46, 0.25) 100%); 
}

.index-page .header-filter:after,
.site-page .header-filter:after {
	background: rgba(46, 46, 46, 0.64);
	background: linear-gradient(135deg, rgba(16, 16, 16, 0.55) 0%, rgba(46, 46, 46, 0.25) 100%);
	background: -webkit-linear-gradient(135deg, rgba(16, 16, 16, 0.55) 0%, rgba(46, 46, 46, 0.25) 100%); 
}

.landing-page .page-header {
	height: 600px;
	overflow: hidden;
}

.index-page .page-header,
.site-page .page-header {
	height: 500px;
	overflow: hidden;
}

@media screen and (max-width: 767px) {
	.container-fluid {
		padding-left: 2px !important;
		padding-right: 2px !important;
		overflow: hidden;
	}
}

.bg-dark {
	background-color: #222222 !important;
}

.hide {
	display: none;
	visibility: hidden;
}
.icon-load {
	color: #aaa;
	font-size:12px !important;
	
}
.w-20 {
	width: 20px !important;
	height: auto;
	margin-top:-5px;
}
.line-1 {
	line-height: 1.1em;
}
.big {
	vertical-align: middle !important;
	font-size: 20px !important;
}
.bigger {
	vertical-align: middle !important;
	font-size: 30px !important;
}
.huge {
	vertical-align: middle !important;
	font-size: 35px !important;
}
.bold {
	font-weight: 800;
}
.bold-half {
	font-weight: 400;
}
.f-85, .f-90, .f-95 {
	vertical-align: middle;
}
.f-85 {
	font-size: 85% !important;
}
.f-90 {
	font-size: 90% !important;
}
.f-95 {
	font-size: 90% !important;
}
.mt-6 {
	margin-top: 80px !important;
}

.input-help {
	font-size: 0.685rem;
	margin: 0px;
}
.tooltip {
  font-size: 0.75rem;
  color: #00f;
}
.tooltip-inner {
  line-height: 1.1em;
  background: #222;
  color: #eee; 
}
.tooltip.bs-tooltip-top .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="top"] .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="top"] .arrow::before {
	border-top-color: #222; 
}
.tooltip.bs-tooltip-right .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="right"] .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="right"] .arrow::before {
	border-right-color: #222; 
}
.tooltip.bs-tooltip-left .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="left"] .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="left"] .arrow::before {
	border-left-color: #222; 
}
.tooltip.bs-tooltip-bottom .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
	border-bottom-color: #222; 
}

.bootstrap-select > .dropdown-toggle {
	padding-left: 2px !important;
}
.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    color: #006633;
	line-height: 1 !important;
	text-transform: none !important;
}
.dropdown-toggle {
	cursor: pointer;
}

.subtitle {
	font-family: 'Sarabun', sans-serif !important;
	font-size: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: 600;
}

.fas, .far, .fab {
	font-size: 24px;
}

.fa-sm {
	font-size: 90% !important;
}

a .fas,
a .far,
a .fab {
	vertical-align: middle;
	margin-top: -3px;
}

.btn .fas, 
.btn .far, 
.btn .fab {
	position: relative;
	display: inline-block;
	top: 0;
	margin-top: -3px;
	font-size: 1.2rem;
	vertical-align: middle; 
}

.btn-menu {
	width: 200px;
	text-align: left;
}

.btn-news-next {
	font-size: 18px;
	height: 22px;
	min-width: 22px;
	width: 22px;
	padding: 0;
	overflow: hidden;
	position: relative;
	line-height: 22px;
}

.btn-xs {
	font-size: 14px !important;
	height: 20px !important;
	min-width: 20px !important;
	width: 20px !important;
	padding: 0 !important;
	overflow: hidden;
	position: relative;
	line-height: 20px !important;
	top:0;
}

.btn-xs > .fas, .btn-xs > .far, .btn-xs > .fab {
	font-size: 14px !important;
	line-height: 14px !important;
	margin-top: -4px;
}

.btn-top-table {
	padding: 10px;
	height: 36px;
	min-width: 36px;
}

.btn-table-operator {
	padding: 5px 5px 5px 10px;
}

.table-live {
	background-color: transparent;
}

.table-livestream {
	background-color: #fcfcfc;
	font-size: 12px;
	border: 1px solid #ddd;
}

.table-livestream thead tr th {
	background-color: #ebebeb;
	font-weight: 800;
	font-size: 12px;
	padding: 2px;
}

.table-livestream thead tr th span {
	margin: 0px 1px;
	padding: 0px 2px;
	font-weight: 300;
	font-size: 11px;
}

.td-livestream-name {
	font-size: 12px !important;
	padding: 2px !important;
	width: 220px !important;
	max-width: 220px !important;
}

.td-livestream-score {
	font-size: 12px !important;
	padding: 2px !important;
	width: 20px !important;
	max-width: 20px !important;
	text-align: center;
}

.table-sv1880 {
	font-size:0.75rem;
	line-height: 1.5em;
	
}

.table-sv1880 .table-striped tbody tr:hover {
	background-color: #f5f5f5;
}

.table-sv1880 .table-striped tbody tr:hover:nth-of-type(odd) {
	background-color: #e0e0e0;
}

.table-sv1880 table thead tr {
	background-color:#f5f5f5;
}

.table-sv1880 table thead tr th {
	font-size: 0.75rem;
	color: #006633;
	font-weight: 400;
}

.table-sv1880 table tbody tr td {
	padding: 2px 4px !important;
	font-size: 0.75rem;
}

@media screen and (min-width: 991px) {
	.table-sv1880 table thead tr th {
		padding-top: 10px !important;
		font-size: 0.85rem !important;
	}

	.table-sv1880 table tbody tr td {
		padding: 4px 8px !important;
		font-size: 0.85rem !important;
	}
}

.table-sv1880 #index-col {
	font-weight: 600 !important;
}

.fixed-table-body {
	padding-bottom: 65px;
}

.table-borderless td, 
.table-borderless th {
	border: none;
}

.td-actions-3 {
	min-width: 114px;
}
.td-actions-4 {
	min-width: 148px;
}
.td-actions-5 {
	min-width: 182px;
}




.brand h1 {
	font-size: 3.2rem !important;
}
.brand h1, .brand h2, .brand h3 {
	font-family: 'Sarabun', sans-serif !important;
	font-weight: 400;
}
.nav-logo {
	margin-top:-20px;
}
.navbar .navbar-nav .nav-item .nav-link:not(.btn) .fas,
.navbar .navbar-nav .nav-item .nav-link:not(.btn) .far,
.navbar .navbar-nav .nav-item .nav-link:not(.btn) .fab {
	margin-top: -6px;
	position: relative;
	margin-right: 3px; 
}
.dropdown-menu.dropdown-with-icons .dropdown-item .fas, 
.dropdown-menu.dropdown-with-icons .dropdown-item .far, 
.dropdown-menu.dropdown-with-icons .dropdown-item .fab {
	vertical-align: middle;
	font-size: 20px;
	position: relative;
	margin-top: -4px;
	top: 1px;
	margin-right: 12px;
	opacity: .5; 
}
.dropdown-menu.dropdown-table .dropdown-item .fas, 
.dropdown-menu.dropdown-table .dropdown-item .far, 
.dropdown-menu.dropdown-table .dropdown-item .fab {
	vertical-align: middle;
	position: relative;
	margin-top: -4px;
	top: 1px;
	margin-right: 12px;
	opacity: .5; 
	font-size: 0.90rem;
}
.dropdown-menu.dropdown-table .dropdown-item {
	line-height: 1.0 !important;
	font-size: 0.75rem !important;
	padding: 0.5rem 0.75rem 0.5rem 0.75rem; 
	cursor: pointer;
}

.card-title img {
	max-height: 40px;
	margin-bottom: 8px;
}
.card-title .fas {
	font-size: 1.1em;

}

@media screen and (max-width: 480px) {
	.nav-logo img {
		max-height: 40px;
		margin-top: 4px;
	}
}

.news-date {
	font-size: 14px;
	margin: 0 0 10px;
	font-weight: 600;
	color: #444;
}

.news-link {
	font-weight: 500;
}

.news-author {
	font-weight: 400;
	font-size: 85%;
	color: #666;
}
.news-author .fas {
	font-size: 1.5em;
}

.news-img-title {
	font-weight: 400;
	font-size: 75%;
	color: #666;
	text-align: center;
}

.news-img-cover {
	object-fit:cover;
}

.card .card-header-primary, .card.bg-primary,
.card.card-rotate.bg-primary .front,
.card.card-rotate.bg-primary .back {
	background: linear-gradient(45deg, #003300, #006633); 
}
.card-sv1880 {
	background: rgba(252, 252, 242, 0.64);
}

.card-body {
	padding: 1.25rem 0.85rem !important;
}
.card-description {
	color: #666;
}
.card-description a .fas,
.card-description a .far,
.card-description a .fab,
.description a .fas,
.description a .far,
.description a .fab {
	font-size: 1em;
}

.frame-sv1880 {
	box-shadow: 0 5px 15px -8px rgba(0, 0, 0, 0.24), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
	border-radius: 6px !important;
}
.img-shadow {
	box-shadow: 0 5px 15px -8px rgba(0, 0, 0, 0.24), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
	border-radius: 50% !important;
}

.section-text p, .news-body {
	font-size: 0.9rem;
	line-height: 1.5em;
	color: #222;
	margin-bottom: 30px;
	text-align: justify;
}

.text-justify {
	text-align: justify;
}

.label-form {
	font-weight: 600;
	font-family: 'Sarabun', sans-serif !important;
	margin-top: 20px;
	margin-bottom: -25px;
	font-size: 18px;
}

.label-form-sm {
	font-weight: 400;
	font-family: 'Sarabun', sans-serif !important;
	margin-top: 10px;
	margin-bottom: 0px;
	font-size: 14px;
}

.bmd-label-static-sm {
	font-size: 0.75rem !important;
	margin-bottom: 0px !important;
	top: 0.875rem !important;
}

.img-title {
	padding-top: 22px;
	margin-bottom: 4px;
}
.img-title .input-group .form-control {
	font-size: 12px;
}

.termin-ort {
	font-size: 0.8rem;
	font-weight: 400;
	margin-top: 5px !important;
}

.input-group-sv1880 {
	font-size: 0.75rem !important;
	justify-content: right !important;
	width: 100px;
	padding-top: 10px !important;
}

.alert-modal {
	margin-top: 10px !important;
	padding: 10px !important;
}
.alert-modal > .container > h6 {
	text-align: center;
	margin: 0px 20px !important;
	padding-top: 0px !important;
}
.alert-modal > .container > div {
	text-align: center;
	font-size: 0.75rem !important;
	padding-top: 0px !important;
}

#cookie-toast {
	position: fixed;
	top: auto;
	right: 20;
	left: 20;
	bottom: 20;
}

#cookie-toast > .modal-dialog > .modal-content {
	border: 2px solid #00bcd4 !important;
	box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
	border-radius: 6px;
	color: #fff !important;
	background-color: #222 !important;
}


/*
 * spinner overlay
 */
.spinner-overlay {
	background: #ffffff;
	color: #666666;
	position: fixed;
	height: 100%;
	width: 100%;
	z-index: 5000;
	top: 0;
	left: 0;
	float: left;
	text-align: center;
	padding-top: 15%;
	opacity: 0.85;
}
.spinner {
	margin: 0 auto;
	height: 48px;
	width: 48px;
	animation: rotate 0.8s infinite linear;
	border: 5px solid #006633;
	border-right-color: transparent;
	border-radius: 50%;
}
@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/*
 * customizations for summernote
 */
.note-editor {
	margin-top: 10px !important;
	border-radius: 0px !important;
}

.note-toolbar {
	box-shadow: 0 0px 0px 0px !important;
	padding: 0 0 0 5px !important;
	border-radius: 0px !important;
}

.sn-checkbox-open-in-new-window, .sn-checkbox-use-protocol {
	display: none;
	visibility: hidden;
}

label[for="id_captcha_1"] {
	display: none;
	visibility: hidden;
}

.errorlist {
	padding-left: 0px !important;
	margin-bottom: 0px !important;
	list-style-type: none !important;
	color: #f66;
	font-weight: 600 !important;
}
.alert .errorlist {
	color: #fff;
}