html, body {
	display: block;
	font-family: 'PT Sans Narrow', sans-serif;
}

html {
	position: relative;
    min-height: 100%;
}

body {
	padding: 10px;
}

a {
	text-decoration: none;
	color: #9F0E0E;
}

a:hover {
	text-decoration: underline;
}

h1 {
	font-size: 14pt;
}

h2 {
	font-size: 12pt;
}

.wrapper {

}

.hidden {
	display: none !important;
}

.logo {
	padding: 15px 15px 0 15px;
}

.menu_links .navbar-nav > li > a:hover,
.menu_links .navbar-nav > li > a:focus,
.menu_links .navbar-nav > li.active > a,
.menu_profile.navbar-nav > li > a:hover,
.menu_profile.navbar-nav > li > a:focus, 
.menu_profile.navbar-nav > li.active > a {
	background-color: #e7e7e7;
}

.content {
	padding: 0;
	margin-bottom: 60px;
}

.content_submenu {
	padding: 5px;
	overflow: hidden;
	border: 1px solid #dddddd;
	border-radius: 5px;
	margin-bottom: 15px;
}

.content_submenu .nav-pills > li.active > a,
.content_submenu .nav-pills > li.active > a:hover,
.content_submenu .nav-pills > li.active > a:focus {
	color: #9F0E0E;
	background-color: #eeeeee;
}

.content_wrapper {
	padding: 0;
}

.footer {
	padding: 5px;
	overflow: hidden;
	border: 1px solid #dddddd;
	border-radius: 5px;
	margin-bottom: 15px;
	text-align: center;
	position: absolute;
	bottom: 0;
	width: 1140px;
}

.cursor_default {
	cursor: default;
}

.cursor_pointer {
	cursor:pointer;
}



/* ********** FORM elements *********** */

form {
	padding: 10px;
}

.control-link {
	padding-top: 7px;
}

input {
	padding: 3px;	
}

.input-group .input-group-addon {
	cursor:pointer;
}

.input_text {
	min-width: 70%;
	padding: 3px;
}

textarea {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	width: 70%;
}

.btn {
}

.error {
	font-weight: bold;
	color: #990000;
	display: block;
}

.form_comment {
	display: block;
	width: 70%;
	padding: 3px;
}

.badfield {
	color: #990000;
}

.hidden {
	display: none;
}

/* Messages */
.message {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 2000;
}

/* Login page */

.logo_wrapper {
	margin: 0 auto;
	width: 162px;
}

.login {
	margin: 0 auto;
	width: 300px;
}

#auth .form-control.username {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

#auth .form-control.password {
	border-radius: 0;
}

#auth .btn.submit {
	border-top-left-radius: 0;
	border-top-right-radius: 0; 
}

.login .dropdown {
	padding: 10px;
}

.login .dropdown-menu {
	margin-left: 10px;
}

#language-selector {
	width: 100%;
}

/* Bootstrap table additions */

.table .sort-caret {
  position: relative;
  top: 1px;
  left: 3px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 1;	
}

.table .ascending .sort-caret:before {
  content: "\e113";
}

.table .descending .sort-caret:after {
  content: "\e114";
}

/* Supplier page */
.supplier-pager {
	text-align: center;
}

/* Vending machines page */
.machine-pager {
	text-align: center;
}

/* Product page */
.projectEditor li.list-group-item.add:hover,
.projectEditor li.list-group-item.remove:hover {
	background: #e8e8e8;
	cursor: pointer;
}

.projectEditor li.list-group-item.disabled {
	background: #e8e8e8
}

/* Project page */
.productEditor li.list-group-item.add:hover,
.productEditor li.list-group-item.remove:hover {
	background: #e8e8e8;
	cursor: pointer;
}

.productEditor li.list-group-item.disabled {
	background: #e8e8e8
}

/* Account page */
.roleEditor li.list-group-item.add:hover,
.roleEditor li.list-group-item.remove:hover {
	background: #e8e8e8;
	cursor: pointer;
}

.roleEditor li.list-group-item.disabled {
	background: #e8e8e8
}

/* Employee page */
.positionEditor li.list-group-item.add:hover,
.positionEditor li.list-group-item.remove:hover {
	background: #e8e8e8;
	cursor: pointer;
}

.positionEditor li.list-group-item.disabled {
	background: #e8e8e8
}

.unitCostEditor li.list-group-item.add:hover,
.unitCostEditor li.list-group-item.remove:hover {
	background: #e8e8e8;
	cursor: pointer;
}

.unitCostEditor li.list-group-item.disabled {
	background: #e8e8e8
}
.position-dropdown-container {
	padding: 6px;
}

/* Supplier page */
.supplierReportEditor li.list-group-item.add:hover,
.supplierReportEditor li.list-group-item.remove:hover {
	background: #e8e8e8;
	cursor: pointer;
}

.supplierReportEditor li.list-group-item.disabled {
	background: #e8e8e8
}

/* tree related */

.sng_treeview {
    border: 0 !important;
    background-color: inherit !important;
}

/* teeview components */

.business-tree .tree {
	border: none;
	padding: 0;
}

.tree {
    -webkit-border-radius:5px;
    border:1px solid #dddddd;
    border-radius:5px;
    display:inline-block;
    padding:12px;
    width: 100%;
}

.tree > ul {
	padding: 0;
}

.tree li {
    list-style-type:none;
    margin:0;
    padding:10px 0px 0 0px;
    position:relative;
}

.tree li h1 {
    padding: 0 0 5px 0;
    margin: 0;
    font-size: 14px;
}

.tree li td {
    padding: 5px 15px 5px 0;
}

.tree li::before, .tree li::after {
    content:'';
    left:-20px;
    position:absolute;
    right:auto
}
.tree li::before {
    border-left:1px solid #999;
    bottom:50px;
    height:100%;
    top:0;
    width:1px
}
.tree li::after {
    border-top:1px solid #999;
    height:25px;
    top:25px;
    width:20px
}
.tree li>span {
    -webkit-border-radius:5px;
    border:1px solid #dddddd;
    border-radius:5px;
    display:inline-block;
    padding:3px;
    text-decoration:none;
    cursor:default;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.175);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.175);
    cursor:pointer;
}
.tree li>span:hover {
    background-image: linear-gradient(to bottom, #808080 0%, #ffffff 37%);
}
.tree li>span.selected {
    background-image: linear-gradient(to bottom, #ae1139 0%, #fbb03f 47%);
    /*border: 5px solid #999;*/
}
.tree li>label>span {
    -webkit-border-radius:5px;
    border:1px solid #dddddd;
    border-radius:5px;
    display:inline-block;
    padding:3px;
    text-decoration:none;
    cursor:default;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.175);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.175);
    cursor:pointer;
}
.tree li>label>span:hover {
    background-image: linear-gradient(to bottom, #FFFFFF 0%, #e8e8e8 100%);
}
.tree li>label>span.selected {
    background-image: linear-gradient(to bottom, #FFFFFF 0%, #e8e8e8 100%);
    /*border: 5px solid #999;*/
}
.tree li.parent_li>span {
    cursor:pointer
}
.tree>ul>li::before, .tree>ul>li::after {
    border:0
}
.tree li:last-child::before {
    height:25px
}
.tree li.parent_li>span:hover, .tree li.parent_li>span:hover+ul li span {
    background:#eee;
    border:1px solid #94a0b4;
    color:#000
}
.tree li.open > ul > li {
	display: block;
}
.tree li.closed > ul > li {
	display: none;
}


/* report components */

.businessUnitSelector {
	height: 200px; 
	overflow: auto; 
	padding-top: 0px;
}
.productSelector {
	height: 200px; 
	overflow: auto; 
	padding-top: 0px;
}
.productGroupSelector {
	height: 200px; 
	overflow: auto; 
	padding-top: 0px;
}
.resultGrid {	
	padding-top: 0px;
}

/* datetime picker */
.bootstrap-datetimepicker-widget>ul {
	padding: 0;
}

/* subproduct price */
.price-editor .row {
	padding-top: 20px;
}

.subproduct-form input[type="text"].spinedit {
	width: 90%;
}

/* machine config */
.machine-config input[type="text"].spinedit {
	width: 90%;
}

/* Search */
.form-search input {
	height: 35px;
}

.form-search .input-group-addon {
	background: none;
}

/* Machine status cell */

td.status-cell .status-black {
	color: black;
}

td.status-cell .status-red {
	color: red;
}

td.status-cell .status-orange {
	color: orange;
}

td.status-cell .status-green {
	color: green;
}

.spinedit.disabled {
	color: gray;
}

/* navbar fix for IE8 */
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.active > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle,
.navbar,
.navbar-inverse .navbar-inner {
    filter: none;
    background-image: none;
}

.clone-wrapper {
	display: inline-block;
}

.delete-wrapper {
	display: inline-block;
}

.password-reset-wrapper {
	display: inline-block;
}

.separator {
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px solid #dddddd;
	margin-bottom: 20px; 
}

/* machine state */

.machine {
	width: 100%;
	padding: 0px;
	border-radius: 10px;
	border: 1px solid #DDDDDD;
	margin-bottom: 12px;
}

.machine .name {
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px solid #DDDDDD;
	margin-bottom: 12px;
	padding-left: 12px;
}

.machine .row {
	height: 40px;
	margin-right: 0;
	margin-left: 0;
}

.machine .btn {
	box-shadow: none;
}

.machine .helix
{
    float: left;
    margin-left: 6px;
    padding: 6px 6px;
    border: 0px;
}

@media (min-width: 1200px) {
	.machine .helix-5  { width: 28px; }
	.machine .helix-10 { width: 62px; }
	.machine .helix-15 { width: 96px; }
	.machine .helix-20 { width: 130px; }
	.machine .helix-25 { width: 164px; }
	.machine .helix-30 { width: 198px; }
	.machine .helix-35 { width: 232px; }
	.machine .helix-40 { width: 266px; }
	.machine .helix-45 { width: 300px; }
	.machine .helix-50 { width: 334px; }
	.machine .helix-55 { width: 368px; }
	.machine .helix-60 { width: 402px; }
	.machine .helix-65 { width: 436px; }
	.machine .helix-70 { width: 470px; }
	.machine .helix-75 { width: 504px; }
	.machine .helix-80 { width: 538px; }
	.machine .helix-85 { width: 570px; }
	.machine .helix-90 { width: 606px; }
}

@media (min-width: 992px) and (max-width: 1199px) {
	.machine .helix-5  { width:  23px; }
	.machine .helix-10 { width:  52px; }
	.machine .helix-15 { width:  81px; }
	.machine .helix-20 { width: 110px; }
	.machine .helix-25 { width: 139px; }
	.machine .helix-30 { width: 168px; }
	.machine .helix-35 { width: 197px; }
	.machine .helix-40 { width: 226px; }
	.machine .helix-45 { width: 255px; }
	.machine .helix-50 { width: 284px; }
	.machine .helix-55 { width: 313px; }
	.machine .helix-60 { width: 342px; }
	.machine .helix-65 { width: 371px; }
	.machine .helix-70 { width: 400px; }
	.machine .helix-75 { width: 429px; }
	.machine .helix-80 { width: 458px; }
	.machine .helix-85 { width: 487px; }
	.machine .helix-90 { width: 516px; }
}

@media (min-width: 768px) and (max-width: 991px) {
	.machine .helix-5  { width:  23px; }
	.machine .helix-10 { width:  52px; }
	.machine .helix-15 { width:  81px; }
	.machine .helix-20 { width: 110px; }
	.machine .helix-25 { width: 139px; }
	.machine .helix-30 { width: 168px; }
	.machine .helix-35 { width: 197px; }
	.machine .helix-40 { width: 226px; }
	.machine .helix-45 { width: 255px; }
	.machine .helix-50 { width: 284px; }
	.machine .helix-55 { width: 313px; }
	.machine .helix-60 { width: 342px; }
	.machine .helix-65 { width: 371px; }
	.machine .helix-70 { width: 400px; }
	.machine .helix-75 { width: 429px; }
	.machine .helix-80 { width: 458px; }
	.machine .helix-85 { width: 487px; }
	.machine .helix-90 { width: 516px; }
}

.machine .full {
	background-color: #66BB66;
}

.machine .critical{
    background-color: #FFBB66;
}

.machine .empty {
    background-color: #FF6666;
}

.constraint-filter .constraints {
	height: auto;
	position: relative;
	top: 1px;
}

.products-filter .subproducts {
	height: auto;
	position: relative;
	top: 1px;
}

.exportable-filter .export {
	color: black;
	opacity: 0.2;
}

.exportable-filter .export:hover {
	color: black;
	opacity: 0.7;
}

iframe#download {
	display: none;
}

#transaction-groups-form .selector {
    border: #EEEEEE dashed 1px;
    border-radius: 5px;
    margin: 0px;
    min-height: 40px;
    margin-bottom: 10px;
}

#transaction-groups-form .selector button {
    margin-left: 3px;
    margin-top: 3px;
    width: 15%;
}

#transaction-groups-form .selected {
    border: #AAAAAA dashed 1px;
    border-radius: 5px;
    margin: 0px;
    min-height: 40px;
    margin-bottom: 20px;
}

#transaction-groups-form .selected div.btn-group {
    margin-left: 3px;
    margin-top: 3px;
}

.pater-config input[type="text"].spinedit {
	width: 90%;
}

.pater-config-subproduct input[type="text"].spinedit {
	width: 90%;
}

.dispenser-config input[type="text"].spinedit {
	width: 90%;
}

select { max-width:169px }

.menu_profile > .dropdown { left: -14px }

.pagination > li > a    { color: #9F0E0E }
.pagination > li > span { color: #9F0E0E }

.tooltip_custom {
  display: none;
  position: absolute;
  background-color: #333;
  color: #fff;
  padding: 5px;
  border-radius: 5px;
  font-size: 13px;
  /*white-space: nowrap;*/
  max-width: 487px
  flex-wrap: wrap;
  z-index: 10;
}

.info-icon {
  width: 20px;
  height: 20px;
  margin-left: 10px;
  cursor: pointer;
}

.checkbox:hover .tooltip_custom {
  display: block;
}

div.input-group > input[name="email"].form-control { min-width: 302px }

.table > tbody > tr:hover > td { background-color: #d5e6f7 }
.table > tbody > tr.active > td { background-color: #abcdef }