/*
	https://framework7.io/icons/
*/

.ft-color,
a,
.button,
.list-block .focus-state .label,
.list-block .focus-state .floating-label,
.list-block .focus-state.item-inner .label {
	color: #e36220;
}
.ft-background-color,
.list-block .focus-state.input-field:after,
.list-block .focus-state .item-input-field:after {
  background: #e36220;
}

.navbar-fixed .page-content, .navbar-through .page-content, .navbar-fixed.pages .page-content, .navbar-through.pages .page-content, .navbar-fixed.view .page-content, .navbar-through.view .page-content {
	xpadding-top: 24px;
}
.page-content.order-page {
	xpadding-top: 40px !important;
}
.panel-left .page-content {
	xpadding-top: 0 !important;
}
.order-page .content-block {
	margin: 0;
}

.content-block.center {
	text-align: center;
}
.panel-left img {
	width: 75%;
	margin: 0 auto;
	display: block;
}
.panel-left h2 {
	text-align: center;
	margin: 0;
}

.navbar,
.toolbar,
.card {
	box-shadow: none !important;
}
.navbar .center {
	text-align: center;
	width: 100%;
}
.navbar .left {
	position: absolute;
	z-index: 100;
}
.navbar .right {
	position: absolute;
	z-index: 100;
	right: 0;
}
.navbar, .toolbar, .subnavbar {
	background: #e36220;
}

.toolbar .right {
    margin-left: auto;
}

/* als niet media-list
.list-block .item-content {
	padding-left: 0;
}
.list-block .item-link .item-inner, .list-block .list-button .item-inner {
	padding-left: 16px;
}
*/
.list-block {
	margin: 0;
}

.time {
    width: 40px;
    height: 40px;
    background: #e36220;
    border-radius: 50%;
    line-height: 40px;
    font-size: 12px;
    text-align: center;
    color: #fff;
    /*margin-right: 16px;*/
    margin: 0 auto;
    position: relative;
}
.time span {
	position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 80%;	
}
.archive-list .time,
.archive-page .time {
	background: #757575;
}
.distance {
	margin-top: 1em;
	white-space: nowrap;
	text-align: center;
}
.order-address {
	margin-top: 0;
}

.list-block .item-after {
	display: block;
	text-align: center;
}
.list-block .item-inner:after {
	left: -100px;
	width: 200%;
}
.list-block .item-after .remarks {
	position: relative;
	top: 0px;
	display: block;
	width: 20px;
    height: 20px;
    margin: 0 auto;
    background: #757575;
    background: red;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    clear: both;
}
.list-block.archive-list .item-after .remarks {
	background: #757575;
}

.data-table .order {
	font-size: 13px;
}
.data-table .order thead td {
	font-size: 14px;
	color: rgb(33,33,33);
}
.data-table .order th, .data-table .order td {
	padding: 4px;
	vertical-align: top;
	height: auto;
}
.data-table .order .right {
	text-align: right;
}
.data-table .bold {
	font-weight: bold;
}

.list-block .swipeout-actions-left a.swipeout-delete, .list-block .swipeout-actions-right a.swipeout-delete {
	background: #4caf50;
}

#mapframe {
    width: 100%;
    height: calc(100% - 16px);
    padding-top: 8px;
}
#streetview {
    width: 100%;
    height: calc(100% - 16px);
    margin-top: 8px;
}

.pulse {
    -webkit-animation: pulsate .5s ease-out;
    -webkit-animation-iteration-count: infinite;
    -ms-animation: pulsate .5s ease-out;
    -ms-animation-iteration-count: infinite;
}
@-webkit-keyframes pulsate {
    0% {-webkit-transform: scale(0.8, 0.8); xopacity: 0.5;}
    100% {-webkit-transform: scale(1.2, 1.2); xopacity: 1.0;}
}
@-ms-keyframes pulsate {
    0% {-ms-transform: scale(0.8, 0.8); xopacity: 0.5;}
    100% {-ms-transform: scale(1.2, 1.2); xopacity: 1.0;}
}

.nothing {
	margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
}
.nothing img {
	max-width: 300px;
	width: 100%;
}
.cash-page .nothing {
	display: none !important;
}

.pbar {
	background: #F2B89A;
	padding: 4px;
	color: #000; 
	text-align: right;
	float: left;
	clear: both;
}
.pbar span {
	white-space: nowrap;
	xmix-blend-mode: color-dodge;
    xcolor: green;
}
.pbar.avg {
	background: #FAE2D6;
}
.pbar.avg span {
	xcolor: red;
}

.pbar-legend {
	background: #F2B89A;
	display: inline-block;
	width: 10px;
	height: 10px;
	position: relative;
	top: 5px;
}
.pbar-legend.avg {
	background: #FAE2D6;
}
	
.stats-page td {
	width: 99%;
}
.stats-page .label-cell {
	white-space: nowrap;
	width: 1%;
}

.label-switch input[type="checkbox"]:checked + .checkbox {
	background: rgba(227, 98, 32, 0.5);
}
.label-switch input[type="checkbox"]:checked + .checkbox:after {
    background: #e36220;
}

.item-text:before {
    content: attr(data-nr);
    position: absolute;
    right: 0;
    bottom: 0;
    color: #ccc;
}