html,
body {
    height: 100%;
}

.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}

.wrap > .container {
    padding: 70px 15px 20px;
}

.footer {
    min-height: 60px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: /*"\e113"*/ "\e151";
}

a.desc:after {
    content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view th {
    /*white-space: nowrap;*/
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

/* align the logout "link" (button in form) of the navbar */
.nav li > form > button.logout {
    padding: 15px;
    border: none;
}

@media(max-width:767px) {
    .nav li > form > button.logout {
        display:block;
        text-align: left;
        width: 100%;
        padding: 10px 15px;
    }
}

.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
    text-decoration: none;
}

.nav > li > form > button.logout:focus {
    outline: none;
}
.block-dashed {
	border: 2px dashed #cccccc;
	padding: 0 20px;
	margin: 20px 0;
}
a.a-link-dashed {
	border-bottom: 1px dashed;
	text-decoration: none;
	margin-right: 20px;
}
a.a-link-dashed:hover {
	text-decoration: none;
	border-bottom: none;
}
a.a-link-dashed.note-danger {
	background: red;
	color: #ffffff;
	padding: 5px;
	border-bottom: none;
	text-decoration:underline;
	text-decoration-style: dashed;
	border-radius: 3px;
}
a.a-link-dashed.note-danger:hover {
	text-decoration: none;
}
h2 a:hover {
	text-decoration: none;
}
h2 a span.glyphicon {
	display: none;
	font-size: 0.6em;
	margin-right: 20px;
}
h2 a span.glyphicon.glyphicon-triangle-top {
	display: inline-block;
}
h2 a.collapsed span.glyphicon.glyphicon-triangle-bottom {
	display: inline-block;
}
h2 a.collapsed span.glyphicon.glyphicon-triangle-top {
	display: none;
}
a.underlined {
	text-decoration: underline;
}
a.underlined:hover {
	text-decoration: none;
}
a.underlined span {
	margin-right: 5px;
}

.table-striped > tbody > tr.active-note td.info-note {
	background-color: #f92c38;
	color: #ffffff;
}

.table-striped > tbody > tr.my-note td.info-note {
	background-color: #000;
	color: #ffffff;
}

span.note-danger {
	display: inline-block;
	position: absolute;
	top: 3px;
	right: -7px;
	min-width: 50px;
	text-align: center;
}
span.note-danger span {
	display: inline-block;
	font-size: 13px;
	line-height: 17px;
	padding: 0px 5px;
	background: red;
	color: #ffffff;
	border-radius: 3px;
	text-align: center;
}
img.file-preview-image.img-responsive.img-circle {
	width: 130px;
	border: 5px solid #cccccc;
}

.bike-message-block-from,
.bike-message-block-to { width: 50px;}
.table > tbody > tr.bike-message-block-type-to > td {
	color: #337ab7;
}
.table > tbody > tr.bike-message-block-type-to > td.bike-message-block-mess {
	padding-left: 30px;
	text-align: right;
}
td.bike-message-block-date {
	background: #eee;
}
td.bike-message-block-date h4 {
	margin-top: 0px;
	margin-bottom: 0px;
}
.float-left, h1.float-left {float: left}
.float-right, div.float-right {float: right}
h1.float-left {margin-top: 0px; margin-right: 30px;}
.bike-h1-block h1, .bike-h1-block > div {
	display: inline-block;
	margin-top: 0px;
	margin-right: 30px;
	vertical-align: middle
}
.bike-fb-links-block a, .bike-fb-links-block span {
	margin: 0px 10px 0px 0px;
}
.dropdown-menu .badge {background: red;}
a.td-no, a.td-no:hover, a.td-no:active {text-decoration: none !important;}
a:hover span.label {opacity: 0.9}

/*------------------DASHBOARD-------------------------------*/
.bike-dashboard-item {
	display: table;
	width: 100%;
	height: 111px;
	box-shadow: 0px 0px 3px rgba(191,209,214,0.8);
	margin: 0 0 20px 0;
}
.bike-dashboard-item > div{
	display: table-row;
}
.bike-dashboard-item > div > div{
	display: table-cell;
	vertical-align: top;
	overflow: hidden;
}
.bike-dashboard-item > div > div.bike-dashboard-item-name {
	width: 160px;
	padding: 0px 18px;
	vertical-align: middle;
}
.bike-dashboard-item-name span {
	display: block;
	font-size: 12px;
	color: #a1a1a1;
}
.bike-dashboard-item-name a {
	font-size: 16px;
	color: #40bce4;
}
.bike-dashboard-item-plus {
	width: 50px;
}
.bike-dashboard-item-plus a {
	display: inline-block;
	text-align: center;
	width: 100%;	
	height: 111px;
	background: #40bce4;
	font-size: 30px;
	line-height: 111px;
	color: #ffffff;
	box-shadow: inset 0px -2px 0px rgba(3,153,203,1), inset 1px 0px 0px rgba(139,208,231,1);
}
.bike-dashboard-item-plus a:hover {
	opacity: 0.9;
}
.bike-dashboard-item table{
	/*width: 100%;*/
}
.bike-dashboard-item-cal table {
	height: 100%;
	position: relative;
	z-index:2;
}
.bike-dashboard-item-cal .scrolled-table-arrow {
	width: 18px;
	vertical-align: top;
}
.bike-dashboard-item-cal .scrolled-table-arrow div {
	position: relative;
	z-index:20;
}
.bike-dashboard-item-cal .scrolled-table-arrow a {
	display: inline-block;
	color: #777;
	background: #e2e2e2;
	width: 18px;
	height: 111px;
	position: absolute;
	top: 0px;
	padding-top: 46px;
	text-align: center;
}
.bike-dashboard-item-cal .scrolled-table-arrow a:hover {
	opacity: 0.9;
}
.bike-cal-tr-month th.bike-cal-month {
	height: 18px;
	color: #a5a5a5;
	text-transform: uppercase;
	text-align: center;
	font-size: 12px;
	background: #f2f2f2;
	border-left: 1px solid #e2e2e2;
}
.bike-cal-tr-day td {
	height: 22px;
	font-size: 14px;
	text-align: center;
	color: #a5a5a5;
	border-left: 1px dashed #e2e2e2;
	border-top: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
	width: 30px;
}
.bike-cal-tr-day td.active {
	color: #000000;
}
.bike-cal-tr-day td >div {
	position: relative;
}
.bike-cal-tr-day td span.today {
	display: inline-block;
	position: absolute;
	top: -23px;
	left: 0px;
	font-size: 8px;
	line-height: 27px;
	overflow: hidden;
	background: #92d050;
	color: #ffffff;
	text-align: center;
	width: 30px;
	height: 22px;
	text-transform: uppercase;
}
.bike-cal-tr-value td {
	border-left: 1px dashed #e2e2e2;
}
.bike-cal-tr-day td.hday,
.bike-cal-tr-value td.hday {
	background: #f2f2f2;
	border-left: 1px dashed #e2e2e2;
}
.bike-dashboard-cal-bron {
	position: absolute;
	top: 59px;
	height: 30px;
	line-height: 30px;
	text-transform: uppercase;
	background: #a5a5a5;
	color: #ffffff;
	text-align: center;
	z-index: 5;
	overflow: hidden;
	cursor: pointer;
	margin: 0px 0px 0 16px;
	padding: 0px 6px;
	white-space: nowrap;
}
.no-margin {
	margin-left: 0px;
}
.bike-dashboard-cal-bron.active {
	background: #0399cb;
}
.bike-dashboard-cal-bron.active.overdue {
	background: #d9534f;
}
.bike-dashboard-cal-bron:hover {
	opacity: 0.9;
}


.m-0 {
  margin: 0 0 !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mr-0 {
  margin-right: 0 !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.ml-0 {
  margin-left: 0 !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.m-1 {
  margin: 0.25rem 0.25rem !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mr-1 {
  margin-right: 0.25rem !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1 {
  margin-left: 0.25rem !important;
}

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem 0.5rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mr-2 {
  margin-right: 0.5rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2 {
  margin-left: 0.5rem !important;
}

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.m-3 {
  margin: 1rem 1rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mr-3 {
  margin-right: 1rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.ml-3 {
  margin-left: 1rem !important;
}

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.m-4 {
  margin: 1.5rem 1.5rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mr-4 {
  margin-right: 1.5rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4 {
  margin-left: 1.5rem !important;
}

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.m-5 {
  margin: 3rem 3rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

.mr-5 {
  margin-right: 3rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.ml-5 {
  margin-left: 3rem !important;
}

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.p-0 {
  padding: 0 0 !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pr-0 {
  padding-right: 0 !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pl-0 {
  padding-left: 0 !important;
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.p-1 {
  padding: 0.25rem 0.25rem !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pr-1 {
  padding-right: 0.25rem !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1 {
  padding-left: 0.25rem !important;
}

.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem 0.5rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pr-2 {
  padding-right: 0.5rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2 {
  padding-left: 0.5rem !important;
}

.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.p-3 {
  padding: 1rem 1rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pr-3 {
  padding-right: 1rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pl-3 {
  padding-left: 1rem !important;
}

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.p-4 {
  padding: 1.5rem 1.5rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pr-4 {
  padding-right: 1.5rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4 {
  padding-left: 1.5rem !important;
}

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.p-5 {
  padding: 3rem 3rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

.pr-5 {
  padding-right: 3rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

.pl-5 {
  padding-left: 3rem !important;
}

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto {
  margin-top: auto !important;
}

.mr-auto {
  margin-right: auto !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ml-auto {
  margin-left: auto !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.clearfix::after {
  display: block;
  content: "";
  clear: both;
}

.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.d-inline-flex {
  display: -webkit-inline-box !important;
  display: -webkit-inline-flex !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}
.lg-pick {
	margin: 16px 0 0 0;
	color: #ffffff;
}
.language-picker >div>a {
    color: #9d9d9d;
}
.language-picker >div>a:hover {
    color: #ffffff;
}
.language-picker.large i {
	vertical-align: middle;
	margin-right: 5px;
}
.lg-pick .language-picker ul {
	border: none;
	padding: 0px;
}

#bron-search .field-bronsearch-isactive {
	display: inline-block;
	padding-right: 10px;
}

#bron-search .field-bronsearch-hideclosed {
	display: inline-block;
	padding-right: 10px;
}

#bron-search .field-bronsearch-withoutpayments {
	display: inline-block;
}

#zm-docs-form .select2-container {
	margin-top: 24px;
}

#vehicle-change-form .vehicle_row {
	height: 79px;
	overflow-y: hidden;
}

#vehicle-change-form .one_payment.ui-sortable-helper {
	background-color: white;
	border: dotted lightgrey 1px;
}

span.badge-danger {
	background: red;
	color: #ffffff;
	margin-bottom: 1px;
}

.ui-autocomplete {
	max-height: 600px;
	overflow-y: auto;
	overflow-x: hidden;
}

.ui-autocomplete .ui-menu-item {
	border: 1px solid white;
}

.green-dot {
	height: 15px;
	width: 15px;
	background-color: #5cb85c;
	border-radius: 50%;
	display: inline-block;
}

.client-warning {
	color: white;
	background-color: red;
	padding: 2px;
}

.client-blacklist {
	color: white;
	background-color: black;
	padding: 5px;
}

h2 .clipboard_link {
	font-size: 22px;
}

#starttoday-bron .icon-money,
#starttomorrow-bron .icon-money {
	font-size:19px;
	vertical-align:bottom;
	line-height: 0.9;
}

@media (max-width: 1024px) {
	#zm-services-form .form-group .col-md-3:first-of-type {
		padding-bottom: 3px;
	}
	#zm-services-form .close {
		width: 25px;
		height: 25px;
		padding-top: 5px;
	}
}

.navbar-purple {
	background-color: #657ded!important;
	border-color: #5169d9!important;
}

.navbar-purple .navbar-brand,
.navbar-purple .navbar-nav > li > a {
	color: #e8eef6!important;
}

@media (max-width: 767px) {
	.navbar-purple .navbar-nav .open .dropdown-menu > li > a {
		color: #e8eef6!important;
	}
}

.navbar-purple .navbar-nav > .active > a,
.navbar-purple .navbar-nav > .active > a:hover,
.navbar-purple .navbar-nav > .active > a:focus,
.navbar-purple .navbar-nav > .open > a,
.navbar-purple .navbar-nav > .open > a:hover,
.navbar-purple .navbar-nav > .open > a:focus
{
	background-color: #5169d9!important;
}