/*!
    
 =========================================================
 * WebEngine CMS
 * https://webenginecms.org/
 =========================================================
 
 * Author Lautaro Angelico (https://lautaroangelico.com/)
 * Copyright (c) 2013-2026 Lautaro Angelico, All Rights Reserved
 
 * Licensed under the MIT license
 * https://opensource.org/licenses/MIT
 
 =========================================================
 
*/
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    border-top: none !important;
}

a:focus, a:hover {
    color: inherit !important;
    text-decoration: none !important;
	outline: none !important;
}

.form-control {
	background: #fafafa;
	border: 1px solid #e3e3e3;
	color: #666;
}
.form-control:focus {
	border: 1px solid #ccc;
}

/* http://stackoverflow.com/questions/19562903/remove-padding-from-columns-in-bootstrap-3 */
.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

/* http://stackoverflow.com/questions/20547819/vertical-align-with-bootstrap-3 */
.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.thumbnail {
    background-color: var(--webenginecolor27);
    border: 1px solid var(--webenginecolor16);
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: var(--webenginecolor1);
}

.btn-primary {
    color: var(--webenginecolor9);
    background-color: var(--webenginecolor8);
	border-color: var(--webenginecolor10);
    transition: all .1s ease-in;
	border-radius: 3px;
}
.btn-primary:active, .btn-primary:focus, .btn-primary:hover {
    color: var(--webenginecolor12) !important;
    background-color: var(--webenginecolor11) !important;
	border-color: var(--webenginecolor13) !important;
}

.form-horizontal .control-label {
	text-align: left !important;
}

/* MUGSG 30.09.2026: the site has the 12 game languages. style.css opened the
   switcher to ONE row of 400px on hover (height 19px, overflow hidden) - only 8
   fitted, the other 4 were hidden on a second row. Now on hover it opens as a
   small panel over the page, in two rows, without pushing the page down. */
.global-top-bar .global-top-bar-content .col-xs-6.text-left {
	position: relative;
	min-height: 19px;
}
.webengine-language-switcher:hover {
	width: 360px;
	height: auto;
	overflow: visible;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1000;
	background: var(--webenginecolor34);
	padding: 0px 4px 2px 0px !important;
	border-radius: 3px;
	box-shadow: 0 4px 10px rgba(0, 0, 0, .5);
}
.webengine-language-switcher li {
	margin-bottom: 3px;
}