body {
    background-color: #180153;
	overflow-x:hidden;
}

html { 
	background: url(../images/background_image.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
  	height: 100%;
}

.navbar-default{background-color:#180153;border-color:#ffffff;}
.navbar-default .navbar-brand{color: #ffffff;}
.navbar-default .navbar-brand:hover{color: #ffffff;}
.navbar-top-links a{color: #ffffff;}
.navbar-top-links a:hover{color: #5c40a4;}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover { color: #5c40a4; background-color:#ffffff; }
.breadcrumb {
	padding: 8px 15px;
	margin-bottom: 20px;
	list-style: none;
	background-color: #FFFFFF;
	border-radius: 4px;
}
.RbtnMargin { margin-left: 5px; }
.scrolldiv {
	width: 100%; /* arbitary for demo only */
	white-space: nowrap;
	overflow-y: hidden;
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
}
.bs-example
{
	margin: 20px;
}
.panel-green-title {
    border-color: #00a000;
}

.panel-green-title .panel-heading {
    border-color: #00a000;
    color: #fff;
    background-color: #00a000;
}

.panel-green-title a {
    color: #fff;
}

.panel-green-title a:hover {
    color: #fff;
}
.panel-blue-title{
    border-color: #0d47b2;
}

.panel-blue-title .panel-heading {
    border-color: #0d47b2;
    color: #fff;
    background-color: #0d47b2;
}

.panel-blue-title a {
    color: #fff;
}

.panel-blue-title a:hover {
    color: #fff;
}
.selectwidthauto
{
	width:auto !important;
}

.navbar-brand {
    color: #ffffff;
    text-transform: uppercase;
    font-weight: lighter;
	font-size: 15px;
}
.wrapper {
	position: absolute;
	width: 100%;
	}
.container {
	position: relative;
}
.navbar-default {
	background-color: #180153;
}
.dropdown-header {
		color: #000;
		font-size: 14px;
}
a {
	color: #fff;
}
.sidebar {
	position: relative;
	width: 200px;
	margin-top: 15px;
	}
.sidebar ul li a.active {
	background-color: #180153;
	color: #fff;
}
.sidebar ul li a.visited {
	background-color: #180153;
	color: #fff;
}
.large{
	font-size: 20px;
}
.blacklink {
	color: #000 !important;
	}
.modal-backdrop {
	z-index: -1;
}.modal {
  text-align: center;
}

@media screen and (min-width: 768px) { 
  .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
.data {
  color: #29323a;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 16px;
}
.data .number {
  color: #32a0ee;
  font-size: 20px;
  margin-right: 15px;
}
.green {
	color: #00a000;
}
.red {
	color: #ff0000;
}

p.last_update {
	background-color: #09f;
	color: #fafafa;
	float: left;
	font-size: 12px;
	font-weight: bold;
	padding: 3px 10px;
	text-transform: uppercase;
}
p.version {
	background-color: #fff;
	color: #000;
	float: right;
	font-size: 12px;
	padding: 3px 10px;
	text-transform: uppercase;
}
p.chang-version {
	line-height: 20px;
	font-size: 16px;
	font-weight: bold;
	margin: 20px 0 0 0;
}
span.fix {
	background-color: #09F;
	border-radius: 1px;
	color: #FFF;
	padding: 1px 8px;
	line-height: 20px;
	font-size: 13px;
}
span.add {
	background-color: #9CC234;
	border-radius: 1px;
	color: #FFF;
	padding: 1px 5px;
	line-height: 20px;
	font-size: 13px;
}
p.bug_list {
	background-color: #ff0000;
	color: #fafafa;
	float: left;
	font-size: 12px;
	font-weight: bold;
	padding: 3px 10px;
	text-transform: uppercase;
}
span.bug {
	background-color: #ff0000;
	border-radius: 1px;
	color: #FFF;
	padding: 1px 5px;
	line-height: 20px;
	font-size: 13px;
}
.rowlink {
    color: #000000 !important;
}

.rowlink:hover, .rowlink:active {
    color: #000000 !important;
}
input:required:invalid, input:focus:invalid {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAeVJREFUeNqkU01oE1EQ/mazSTdRmqSxLVSJVKU9RYoHD8WfHr16kh5EFA8eSy6hXrwUPBSKZ6E9V1CU4tGf0DZWDEQrGkhprRDbCvlpavan3ezu+LLSUnADLZnHwHvzmJlvvpkhZkY7IqFNaTuAfPhhP/8Uo87SGSaDsP27hgYM/lUpy6lHdqsAtM+BPfvqKp3ufYKwcgmWCug6oKmrrG3PoaqngWjdd/922hOBs5C/jJA6x7AiUt8VYVUAVQXXShfIqCYRMZO8/N1N+B8H1sOUwivpSUSVCJ2MAjtVwBAIdv+AQkHQqbOgc+fBvorjyQENDcch16/BtkQdAlC4E6jrYHGgGU18Io3gmhzJuwub6/fQJYNi/YBpCifhbDaAPXFvCBVxXbvfbNGFeN8DkjogWAd8DljV3KRutcEAeHMN/HXZ4p9bhncJHCyhNx52R0Kv/XNuQvYBnM+CP7xddXL5KaJw0TMAF8qjnMvegeK/SLHubhpKDKIrJDlvXoMX3y9xcSMZyBQ+tpyk5hzsa2Ns7LGdfWdbL6fZvHn92d7dgROH/730YBLtiZmEdGPkFnhX4kxmjVe2xgPfCtrRd6GHRtEh9zsL8xVe+pwSzj+OtwvletZZ/wLeKD71L+ZeHHWZ/gowABkp7AwwnEjFAAAAAElFTkSuQmCC);
    background-position: right top;
    background-repeat: no-repeat;
	-moz-box-shadow: none;
	box-shadow: none;
  }
  input:required:valid {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAepJREFUeNrEk79PFEEUx9/uDDd7v/AAQQnEQokmJCRGwc7/QeM/YGVxsZJQYI/EhCChICYmUJigNBSGzobQaI5SaYRw6imne0d2D/bYmZ3dGd+YQKEHYiyc5GUyb3Y+77vfeWNpreFfhvXfAWAAJtbKi7dff1rWK9vPHx3mThP2Iaipk5EzTg8Qmru38H7izmkFHAF4WH1R52654PR0Oamzj2dKxYt/Bbg1OPZuY3d9aU82VGem/5LtnJscLxWzfzRxaWNqWJP0XUadIbSzu5DuvUJpzq7sfYBKsP1GJeLB+PWpt8cCXm4+2+zLXx4guKiLXWA2Nc5ChOuacMEPv20FkT+dIawyenVi5VcAbcigWzXLeNiDRCdwId0LFm5IUMBIBgrp8wOEsFlfeCGm23/zoBZWn9a4C314A1nCoM1OAVccuGyCkPs/P+pIdVIOkG9pIh6YlyqCrwhRKD3GygK9PUBImIQQxRi4b2O+JcCLg8+e8NZiLVEygwCrWpYF0jQJziYU/ho2TUuCPTn8hHcQNuZy1/94sAMOzQHDeqaij7Cd8Dt8CatGhX3iWxgtFW/m29pnUjR7TSQcRCIAVW1FSr6KAVYdi+5Pj8yunviYHq7f72po3Y9dbi7CxzDO1+duzCXH9cEPAQYAhJELY/AqBtwAAAAASUVORK5CYII=);
    background-position: right top;
    background-repeat: no-repeat;
  }
  .col-md-3_pat {
    display: flex;
    flex-direction: column;
    align-items: center; /* Center children horizontally */
    justify-content: center; /* Center children vertically */
}

.sticker-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 62mm;
    height: 29mm;
    background: green;
    margin: 0 auto; /* Ensures it remains centered */
}
.sticker {
	width: 62mm;
	height: 29mm;
	padding: 2mm;
	border: 2px solid green;
	font-family: Arial, sans-serif;
	color: white;
	display: flex;
	flex-direction: row; /* Two columns */
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
	overflow: hidden;
}
.text-container {
	flex: 1;
	text-align: left;
	font-size: 11px;
	padding-left: 2mm;
	padding-right: 1mm; /* Prevents text cutoff */
	line-height: 1.2;
	white-space: nowrap; /* Keeps text on one line */
	overflow: hidden;
	text-overflow: ellipsis;
}
.qr-container {
	width: 18mm; /* QR column */
	height: 18mm;
	display: flex;
	align-items: center;
	justify-content: center;
}
.qr-container img {
	width: 22mm;
	height: 22mm;
}
.print-btn {
	margin-top: 5mm;
	padding: 5px 10px;
	font-size: 12px;
	background: green;
	color: white;
	border: none;
	cursor: pointer;
}
.breadcrumb_nav {
	padding: 0px 15px;
	margin-top: 0;
    margin-bottom: 0;
	list-style: none;
	background-color: transparent; /* No white box */
	color: #fff;
}

.breadcrumb_nav > li {
	display: inline;
	font-size: 16px;
}

.breadcrumb_nav > li + li:before {
	content: "→";
	padding: 0 8px;
	color: #ccc;
}

.breadcrumb_nav a {
	color: #fff;
	text-decoration: none;
}

.breadcrumb_nav a:hover {
	color: #ddd;
	text-decoration: underline;
}
#search-results .dropdown-item {
    padding: 8px 12px;
    cursor: pointer;
	color: #000000;
}

#search-results .dropdown-item:hover {
    background-color: #f0f0f0;
}
.dropdown-submenu {
	position: relative;
}

.dropdown-submenu .dropdown-menu {
	top: 0;
  	left: 100%;
  	margin-top: -1px;
}

div.container {
	max-width: 1200px;
}