html {
	overflow-y: hidden;
}

body {
	font-family: "system-ui",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto",Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
}

.tag-i {
	background-color: #4cd964;
}

.tag-o {
	background-color: #ff3b30;	
}

.size-18 {
	font-size: 18px;
}
.text-left {
	text-align: left;
}
.text-right {
	text-align: right;
}
.text-center {
	text-align: center;
}
.hide {
	display: none;
}
.pointer {
	cursor: pointer;
}
.rotate180 {
	transform: rotate(180deg);
}

.message-received.message-with-avatar .message-text {
    margin-left: 48px;
}
.message-avatar {
    width: 48px;
    height: 48px;
	margin-top: -42px;
}
.message-appear-from-top {
    margin-bottom: 16px;
}
.message {
	max-width: 100%;
	cursor: pointer;
}
.message-received.message-with-avatar .message-name {
    margin-left: 60px;
	margin-bottom: 3px;
}
.message-received.message-with-avatar .message-name i {
	margin-left:8px;
    font-size: 22px;
	position: relative;
	bottom: -2px;
}
.message-received.message-with-avatar .message-label {
    margin-left: 60px;
	margin-top: 0;
}
.messages-date {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.6;
	color: white;
    background-color: lightslategray;
}
#pageView .small-img {
	margin-bottom: 8px;
	display: inline-block;
	line-height: 1;
	background: #ddd;
}
#pageView .small-img img {
	max-width: 100%;
}
#pageView .small-img .caption {
	font-size: 14px;
	text-align: center;
	padding: 6px 0 8px;
	color: #777;
	line-height: 1.3;
}
#pageExport .data-table td, #pageExport .data-table th {
	white-space: nowrap;
}

#formSearch, .messages {
	max-width: 414px;
	margin-left: auto;
	margin-right: auto;
}
#formExport {
	max-width: 414px;
}

#searchResults, #pageView .page-content, #pageReport .page-content {
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}

input[type=date]::-webkit-inner-spin-button {
    margin-top: 9px;
}

.inline {
	display: inline;
}
.media-list .item-text {
	margin-top: 3px;
}
.list-thumb {
	width: 80px;
    height: 100px;
	background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.content-block-title {
	line-height: 18px;
	margin: 33px 15px 8px;
}
@media all and (max-width: 459px) {
	.driver-f-name {
		display: none;
	}
}
.btnLogin {
	margin:0 auto;
	font-weight: bold;
}
.logo {
	text-align: center;
}

.logo img {
	max-width: 100%;
	margin-top: 24px;
	width: 144px;
}
.panel {
	background-color:#887000;
}
.panel .content-block, .panel .list-block {
	color: #fafafa;
}
.panel .list-block ul {
	background-color: transparent;
}
.panel .list-block li {
	padding-left:0;
}
.panel .list-block .item-link .item-inner {
    background: none;
}
.panel .list-block i {
    font-size: 25px;
    font-weight: 100;
}
#pageReport .card-content-inner {
	padding: 0;
}
.report-table {
	width: 100%;
	border-collapse: collapse;
}
.report-table th, .report-table td {
	padding: 0 10px;
	white-space: normal;
	border: 1px solid #ccc;
}

#pageReport .card-header {
	padding: 10px 15px;
    font-weight: 500;
}

#pageReport p {
	margin: 22px 0;
}
.report-truck, .report-filter-place {
	font-weight:normal;
	font-size: 0.9em;
	color: gray;
}
.message-date {
	display: none;
}
.message-name {
	font-size: 14px;
}
.navbar .button {
	text-overflow: initial
}
#chatView .messages-content{
	padding-top: 56px;
}
.row4k000 {
	background-color: #fff0f0;
}
.row4k001 {
	background-color: #f0fff0;
}
.row4k002 {
	background-color: #f0f0ff;
}
.row4k003 {
	background-color: #fff;
}
.row4k004 {
	background-color: #f7f7f0;
}
.report-places .report-truck {
	display: none;
}
.report-trips .report-truck {
	display: inline;
}
.report-places .report-filter-place {
	display: inline;
}
.report-trips .report-filter-place {
	display: none;
}
.report-places .txtTruckContainer {
	display: none;
}
.report-trips .txtTruckContainer {
	display: block;
}
.report-places .txtPlaceContainer {
	display: block;
}
.report-trips .txtPlaceContainer {
	display: none;
}

.data-table thead tr {
	background-color: bisque;
}

.data-table thead th:not(.sortable-active) {
	color:#333;
}


.preview-table tr.table-total {
	background-color: greenyellow;
	color: #000;
}
.non-essential {
	display: none;
}
.preview-table.detailed .non-essential {
	display: table-cell;
}
form.detailed .non-essential {
	display: list-item;
}
.summary {
	font-size: 15px;
}
.more-less {
	float: right;
}
.more-less i {
	vertical-align: bottom;
}
.print-only {
	display: none;
}

@media print {
	body, .page-content {
		background-color: white;
		color: black;
		font-size: 1rem;
		height: auto;
		overflow-y: auto;
	}
	
	.toolbar, .navbar a.tab-link:not(.active), .f7-icons {
		display: none;
	}
	.navbar .theme-green a.tab-link.active {
		color: #000;
		background-color: transparent;
		opacity: 1;
		border: 0;
		font-size: 24px;
		text-transform: uppercase;
	}
	.print-only {
		display: block;
	}
}