@import url('../../../themes/css/base.css');

body { background-color: #add5f7; }

/* ── Bootstrap tweaks ─────────────────────────────────────────────────────── */

.tab-pane	{padding:10px; }
.nav.nav-tabs	{margin-bottom:0; }
.tab-content	{background-color:white; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd; margin-bottom:20px; }
.pills.tab-content	{border:none; padding:2px; margin-bottom:0;}
.pills .tab-pane	{padding:0;}
.nav-tabs > li > a	{background-color: #e0e0e0; margin-right:6px;}

.form-inline select	{width:auto; font-size:12px; }
.form-inline	{margin-bottom:0; display:inline-block;}
.dropdown-menu	{z-index:9999; float:right;}
label	{font-weight:bold;}
label.radio,
label.checkbox	{font-weight:normal;}
.popover-help	{cursor:help;}
.help-block	{font-weight:normal; font-size:85%;}

.table th	{ border-top:0; }
.table td.text-left	{ text-align:left; }
.table td.text-center	{ text-align:center; }
.table td.text-right	{ text-align:right; }
.well .table	{ margin-bottom:0; }

/* ── Heading sizes (Bootstrap defaults scaled down from 36/30/24/18) ──────── */

h1	{font-size:30px;}
h2	{font-size:25px;}
h3	{font-size:20px;}
h4	{font-size:15px;}

/* ── Top bar ──────────────────────────────────────────────────────────────── */

#bittopbar	{margin: 5px 0;}
#bw-main-spacer-top	{height: 10px;}
nav h2	{margin:10px 0 5px 0;}

/* ── Site banner ──────────────────────────────────────────────────────────── */

header {
	margin: 0 0 10px 0;
	padding: 10px;
	min-height: 80px;
	color: #333;
	background-color: #5da7e1;
}

header h1	{margin-top:0;}

/* ── Dropdown menus ───────────────────────────────────────────────────────── */

.dropdown-submenu.menu-admin > .dropdown-menu	{left:-120%; width:125%;}
.dropdown-submenu.menu-admin > .dropdown-menu > .dropdown-submenu > .dropdown-menu	{left:-95%; width:100%;}
.dropdown-menu > li.favorite > a	{font-weight:bold;}
.dropdown-menu > li > a.sub-menu-root	{cursor:default;}

.dropdown-submenu	{position:relative;}
.dropdown-submenu > .dropdown-menu	{top:0; left:100%; margin-top:-6px; margin-left:-1px; border-radius:0 6px 6px 6px;}
.dropdown-submenu:hover > .dropdown-menu	{display:block;}
.dropdown-submenu > a:after	{display:block; content:" "; float:right; width:0; height:0; border-color:transparent; border-style:solid; border-width:5px 0 5px 5px; border-left-color:#cccccc; margin-top:5px; margin-right:-10px;}
.dropdown-submenu:hover > a:after	{border-left-color:#ffffff;}
.dropdown-submenu.pull-left	{float:none;}
.dropdown-submenu.pull-left > .dropdown-menu	{left:-100%; margin-left:10px; border-radius:6px 0 6px 6px;}
.dropdown-submenu > a.nosubmenu:after	{border-left-color:transparent;}

/* ── Bootstrap column extensions (col-*-15 = 20% width, 5-col grid) ─────── */

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
	position:relative;
	min-height:1px;
	padding-right:10px;
	padding-left:10px;
}
.col-xs-15	{width:20%; float:left;}

@media (min-width:768px)  { .col-sm-15 {width:20%; float:left;} }
@media (min-width:992px)  { .col-md-15 {width:20%; float:left;} }
@media (min-width:1200px) { .col-lg-15 {width:20%; float:left;} }

/* ── Misc ─────────────────────────────────────────────────────────────────── */


.gallery-box, .gallery-img	{padding-left:5px; padding-right:5px;}
.center	{text-align:center;}
.img-responsive	{padding:0 10px;}
.control-group button	{margin:10px;}
hr.rule	{text-align:center; height:2px; border:1px; color:#ffffff; background-color:#ffffff; margin:2px 5px;}

/* ── Page-specific ────────────────────────────────────────────────────────── */

#imgedit {
	position:fixed;
	top:20px;
	left:20px;
	background-color:#fff;
	padding:20px;
	border:1px solid #ddd;
	z-index:1000;
}

footer	{color:#666; padding:1px 2px; min-height:20px; background-color:#5da7e1; margin-top:3px;}
footer .floatleft	{padding:8px 10px 10px;}
footer .floatright	{padding:4px 10px;}

th.pagebreak	{background-color:#5da7e1; color:#fff; padding:4px 8px; font-size:1.1em;}