/*!
 * This file is part of the Semantic MediaWiki Extension
 * @see https://semantic-mediawiki.org/
 *
 * @section LICENSE
 * This program is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program; if not, write to the Free Software
 * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA
 *
 * @since 3.0
 *
 * @file
 * @ingroup SMW
 *
 * @licence GNU GPL v2+
 * @author mwjames
 */

.smwb-datasheet, .smwb-content {
	margin-right: 0.5em;
}

.smwb-factbox {
	border-left: 0.5em solid #DDDDDD;
	width: 100%
}

.smwb-factbox .smwb-propvalue .smwb-prophead, .smwb-ifactbox .smwb-ipropvalue .smwb-prophead, .smwb-ifactbox .smwb-propvalue .smwb-prophead {
	width: 25%
}

/* Only apply when less then 350*/
@media (max-width: 400px) {
	.smwb-factbox .smwb-propvalue .smwb-prophead, .smwb-ifactbox .smwb-ipropvalue .smwb-prophead, .smwb-ifactbox .smwb-propvalue .smwb-prophead {
		width: 50%
	}
}

.smwb-cell {
	border: 0px solid #999999;
	border-top: 2px solid #fff;
/*	border-bottom: 2px solid #fff; */
}

.smwb-cell-empty {
	border-left: 0.5em solid #DDDDDD;
}

.smwb-prophead {
	min-width: 5em;
	background-color: #ddd;
}

.smwb-title {
	font-size: 200%;
	background-color: #DDDDDD;
	line-height: 1.5;
	font-weight: normal;
}

.smwb-title td {
	padding-left: 5px;
	border-bottom: 2px solid white;
}

.smwb-propvalue {
	background-color: #EEEEEE;
}

.smwb-propvalue .smwb-prophead {
	text-align: right;
	vertical-align: top;
	font-weight: bold;
	font-size: 120%;
	background-color: #DDDDDD;
	padding: 0.2em 0.6em;
}

.smwb-propvalue .smwb-propval {
	padding: 0.4em 0.6em;
	background-color: #EEEEEE;
	vertical-align: top;
}

.smwb-center {
	background-color: #DDDDDD;
	padding: 0px;
}

span.smwb-value {
}

.smwb-bottom {
	border-bottom: 2px solid #fff;
}

/**
 * Inverse factbox
 * @ignore
 */
.smwb-ifactbox {
	border-right: 0.5em solid #DDDDDD;
	width: 100%
}

.smwb-ititle {
	font-size: 200%;
	background-color: #DDDDDD;
	line-height: 1.5;
}

.smwb-ititle td {
	padding-left: 5px;
	border-bottom: 2px solid white;
}

.smwb-ipropvalue {
	background-color: #EEEEEE;
	text-align: right;
}

.smwb-ipropvalue .smwb-prophead {
	text-align: left;
	font-weight: bold;
	font-size: 120%;
	background-color: #DDDDDD;
	padding: 0.2em 0.6em;
}

.smwb-ipropvalue .smwb-propval {
	background-color: #EEEEEE;
	padding-right: 1em;
}

span.smwb-ivalue {
}

.browse-input-resp { display: flex; }
.browse-input-resp .input-field { flex: 1; margin: 0 0 0 0; }
.browse-input-resp .button-field { flex: 0; margin: 0 0 0 1rem; }

.skin-chameleon .smwb-datasheet, .skin-chameleon .smwb-content {
	margin-right: 0em;
}

.browse-input-resp .mw-ui-input:focus {
	box-shadow: inset 0 0 0 1px #ddd;
	border-color: #ddd;
	outline: 0;
}