html {
	
}

/**
 * Colors: 
 * Heineken Gray: D6D6D6
 * Heineken Green: 205527
 * Heineken Red: EC1A22
 * Beer Yellow: #f0ad4e
 */

body {
	
	background-color:#FFFFF3 !important;
	background: url("/images/background_repeat.jpg") right top repeat-y;
	background-size:90%;
	min-width:400px !important;
	
}

body .wrap .container{
	
}


body > div.wrap > div{
	padding-top:10px;
}

textarea { 
    resize: none; 
}
@media (max-width: 650px) {
    .container {
      padding-left:5px !important;
      padding-right:0px !important;
      width:100%;
      margin:0;
    }

    body {
      padding:0;
    }
	
	.row.main-window{
		padding-left:10px !important;
		padding-right:10px !important;
	}
	
    .navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {
      margin-left: 0;
      margin-right: 0;
      margin-bottom:0;
      padding-left: 15px;
    }
    .footer{
    	padding-left:10px;
    	padding-right:10px;
    }
}

.wrap nav#w0{
	margin-bottom:0px;
}

.kv-editable-popover{
	padding:0px !important;
}

.kv-editable-popover .popover-footer button{
	margin:7px;
}


.main-window{
	
	overflow-y:hidden !important;
	padding-top:20px !important;
}

.wrap > .container, .wrap > .navbar > .container{
    width:99%;
    max-width:1700px;
    
}

.wrap > .container {
	padding-top:70px;
}



.table.reserved tbody tr td{
	width:60%;
}

.table.reserved tbody tr th{
	font-weight:normal;
}

.table td, .table th{
	vertical-align:middle !important;
}

.btn-xs{
	font-weight:bold;
	font-size:110%;
}


.btn-sm{
	font-weight:bold;
	font-size:110%;
}

.btn-danger i.fa{
	color:white;
} 

.btn-warning i.fa{
	color:white;
}

a.btn i.spaced{
	margin-right:10px;
}

a.btn i.fa{
	min-width:18px;
	text-align:center;
}

a.btn.no-click-hint{
	cursor:default !important;
	filter: alpha(opacity=100);
	opacity:100;
}

.btn-success{
	background-color:#205527;
	border-color:#1D3821;
}


.btn-smaller .btn, .btn-smaller .btn *{
	font-size:88% !important;
	padding-left:5px;
	padding-right:5px;
}

.user-permissions-form label{
	width:100%;
}

/* Use this block to allow tables to fit into panels neatly */
.panel-heading.reserved{
	min-height:42px;
	padding-left:10px;
	font-weight:bold;
	vertical-align:middle;
	padding-top:7px;
	
}

.panel-heading p:first-child{
	margin-top:3px;
	margin-bottom:0px;
}

.panel-heading .btn{
	vertical-align:middle;
}

.panel.panel-default table{
	border:0px;
	margin-bottom:0px;
}
.panel.panel-default table tr td:last-child, .panel.panel-default table tr th:last-child{
	border-right:0px;
}
.panel.panel-default table tr td:first-child, .panel.panel-default table tr th:first-child{
	border-left:0px;
}

.panel.panel-default table tr:last-child td{
	border-left:0px;
	border-bottom:0px;
}


.panel.panel-default .grid-view .summary{
	visibility: hidden;
	height:0px;
	width:0px;
}

.panel-body.no-padding{
	padding:0px;
	padding-top:2px;
	
}
.panel-body.no-padding table{
	margin-bottom:0px;	
}

table tbody tr:hover{
	background-color:#F5FFF2 !important;
}
/* End tables-into-panels block */

.col-md-no-buffer{
	padding:0px;
}

.col-md-slim{
	padding-left:10px;
	padding-right:10px;
	
}
.container .main-window{
	background-color: rgba(255,255,255,0.95);
	border:1px solid lightgray;
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	
	padding:5px 30px 10px 30px;
	
	-webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, .05);
    box-shadow: 3px 3px 5px rgba(0, 0, 0, .05);
    overflow:auto;
}

.side-nav{
	-webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, .05);
    box-shadow: 3px 3px 5px rgba(0, 0, 0, .05);
    margin-right:10px;
    padding-right:0px !important;
}

.side-nav .panel{
	margin-bottom:0px;
}

.side-nav li{
	margin-top:0px!important;
}


.side-nav a:hover, .side-nav li.active a{
	background-color:#205527 !important;
	color:white;
}

.side-nav li.active a{
	border-bottom-color:#205527 !important;
}

.side-nav a:hover span:before{
	font: normal normal normal 35px/1 FontAwesome;
	
	content:"\f0a9";
	text-align:center;
	vertical-align:middle;
}

.side-nav a:hover img{
	display:none;
}



.side-nav li a{
	line-height:46px !important;
	padding-top:5px;
	padding-left:15px;
	padding-bottom:5px;
	vertical-align:center;
	font-size:16px;
	color:black;
}

.side-nav img {
	max-height:30px;
	max-width:30px;
}

.navbar-nav li img{
	max-height:30px;
	max-width:30px;
}

.navbar-nav li a:hover span:before{
	font: normal normal normal 23px/1 FontAwesome;
	content:"\f0a9";
	text-align:center;
	vertical-align:middle;
}

.navbar-nav li a:hover img{
	display:none;
}

.navbar-collapse .dropdown-menu li a{
	line-height:30px;
	vertical-align:center;
}
.navbar-collapse .dropdown-menu li img{
	max-height:20px;
	max-width:20px;
	vertical-align:center;
}


.navbar-inverse li{
	background:none;
	line-height:15px;
}


.nav.nav-pills.nav-stacked.kv-sidenav li{
	
}

.navbar-inverse .active a, .navbar-inverse a:hover{
	background-color:#205527 !important;
	color:white !important;
	
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
	background-color:#205527 !important;
	color:white !important;
}

.container .side-nav{
	padding-right:20px;
}

.navbar-inverse{
	background-color:white;
	border-color:#D6D6D6;
	border-bottom: 1px solid #D6D6D6;
	
	color:green !important;
	min-width:300px !important;
}

.navbar-fixed-top{
	-webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, .05);
    box-shadow: 3px 3px 5px rgba(0, 0, 0, .05);
}

.navbar-inverse .navbar-brand{
	padding-top:5px;
	padding-bottom:0px;
	/*color:#205527 !important;
	font-weight:bold;
	font-size:24px;*/
}

.navbar-inverse .navbar-brand img{
	max-height:90%;
}

a.navbar-brand:hover{
	background-color:white !important;
}

.navbar-toggle{
	background-color:#205527;
	color:#205527;
}

.navbar-toggle:focus, .navbar-toggle:hover{
	background-color:#205527 !important;
	color:white !important;
}

.navbar-inverse a{
	color:black !important;
	
}


a.asc:after {
	font: normal normal normal 17px/1 FontAwesome !important;
	content:"\f077" !important;
}

a.desc:after {
	font: normal normal normal 17px/1 FontAwesome !important;
	content:"\f078" !important;
}

.footer{
	opacity:0.9;
}

span.listicon img{
	max-height:45px;
	max-width:45px;
}


p.listmargin{
	margin-left:60px;
}

.big-checkboxlist input[type="checkbox"]{
  -ms-transform: scale(2); /* IE */
  -moz-transform: scale(2); /* FF */
  -webkit-transform: scale(2); /* Safari and Chrome */
  -o-transform: scale(2); /* Opera */
  padding: 10px;
  margin-left:23px;
}

.tankinfo{
	display:table;
    width:100%;
    table-layout:fixed;
}

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}
::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}



.big-checkboxlist label{
	padding-top:15px;
	padding-right:15px;
	padding-left:15px;
	border:1px solid lightgray;
	cursor:pointer;
	margin-bottom:5px;
}



.big-checkboxlist label:hover{
	background-color:#F5FFF2 !important;
	font-size:inherit;
}
.big-checkboxlist label.control-label{
	display:none;
	padding-left:0px;
	border:0px;
}

.big-checkboxlist label h3{
	display:inline-block;
	margin:0px;
	margin-left:10px;
	margin-bottom:4px;
	line-height:14px !important;
	vertical-align:middle;
	font-size:inherit;
	font-weight:bold;
}
.big-checkboxlist label p{
	margin-top:7px;
	margin-left:60px;
	font-weight:normal;
	font-size:inherit;
}

h1 {
	margin-top:5px;
	margin-bottom:15px;
	border-bottom:1px dotted darkgrey;
}

.footer{
	height:auto;
}

/*
 * Individual page exceptions/overwrites
 * 
 */