@font-face {
    font-family: 'Roboto';
    src: url('../font/Roboto-Regular.woff2') format('woff2'),
        url('../font/Roboto-Regular.woff') format('woff'),
        url('../font/Roboto-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../font/Roboto-Bold.woff2') format('woff2'),
        url('../font/Roboto-Bold.woff') format('woff'),
        url('../font/Roboto-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
	font-family: 'Roboto';
	src: url('../font/Roboto-Light.woff2') format('woff2'),
	url('../font/Roboto-Light.woff') format('woff'),
	url('../font/Roboto-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

/*
Theme Name: Illusmart
Theme URI: https://www.illusmart.com
Author: Martin Gross
Author URI: https://www.illusmart.com
Description: Tailor-made theme
Version: 1.0
License: Copyright - Martin Gross
Tags: illusmart
Text Domain: illusmart
*/

/* ======== Basic ======== */

* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	border: 0;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	text-size-adjust: none;
}

body,
html {
	width: 100%;
	height: 100%;
}

body {
	text-align: center;
	background-color: #fff;
}

label,
input,
select,
textarea {
	-webkit-appearance: none;	
}

.menu,
.mobfire,
label,
.button,
.listing-pictures {
	user-select: none;
	-ms-user-select: none;
	-o-user-select:none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-webkit-touch-callout: none;
}

.unclickable {
	pointer-events: none;
}

ol li {
	list-style-position: outside;
	margin-left: 20px;
}

ul {
	padding-left: 0;
}

ul li,
ul li.order-product-item {
	list-style: none;
	position: relative;
	padding-left: 10px;
}

ul li::before {
	content: '•';
	position: absolute;
	left: 0;
	top: 0;
	width: 10px;
}

ul li.menu-item,
.prefooter ul li,
ul li.ui-menu-item {
	list-style: none;	
	padding-left: 0;
}

ul li.menu-item::before,
.prefooter ul li::before,
ul li.ui-menu-item::before {
	display: none;
}

h1,
.content-section {
	margin: 0 0 20px;
}

h2,
h3,
h4,
h5,
p,
hr,
ul,
ol {
	margin: 0 0 15px;
}

p:last-child,
ul:last-child,
ol:last-child,
.content-section:last-child {
	margin-bottom: 0;	
}

h1 {
	color: #1e98d7;
}

img {
	display: block;
	max-width: 100%;
	height: auto;
}

.left {
	float: left;
}

.right {
	float: right;
}

.centered {
	text-align: center;	
}

.full-width {
	width: 100%;
}

.container {
	overflow: hidden;
}

.wrapper {
	padding: 20px 0;
}

.wrap {
	padding: 0 20px;
}

.main {
	text-align: left;
}

.half-left,
.half-right {
	margin-top: 30px;
}

@media only screen and (max-width: 800px)
{
	.half {
		margin-bottom: 40px;
	}
	
	.half:last-child {
		margin-bottom: 0;
	}
}

@media only screen and (min-width: 800px) {
	.half,
	.half-left,
	.half-right {
		float: left;
		width: 50%;
	}

	.half:nth-of-type(odd),
	.half-left {
		clear:both;
		padding-right: 20px;
	}

	.half:nth-of-type(even),
	.half-right {
		padding-left: 20px;
	}
}

@media only screen and (max-width:800px) {
	.third {
		padding-bottom: 30px;
	}
	
	.third:last-child {
		padding-bottom: 0;
	}	
}

@media only screen and (min-width:800px) {
	.third {
		width: 33.3%;
		float: left;
		padding-bottom: 30px;
	}

	.third:nth-of-type(3n+1) {
		clear: both;
		padding-right: 20px;	
	}

	.third:nth-of-type(3n+2) {
		padding-left: 10px;
		padding-right: 10px;
	}

	.third:nth-of-type(3n) {
		padding-left: 20px;
	}
}

.clear-left {
	clear: left;
}

.clear-right {
	clear: left;
}

.clear-both {
	clear: both;
}

/* ======== Fonts ======== */

body,
input,
textarea,
select,
.marker-outer {
	font-size: 16px; line-height: 24px; font-family: 'Roboto', sans-serif;
}

h1,
h1.form-heading {
	font-size: 30px;
	line-height: 40px;
}

.billing-new-form-total {
    font-size: 20px;
    line-height: 24px;
}

h2,
.h2-like,
.form-heading.h2-like,
.subtitle,
.contact-big {
	font-size: 21px;
	line-height: 28px;
}

h3,
.form-heading {
	font-size: 19px;
	line-height: 26px;
}

h4,
.input-group-title,
.form-heading.input-group-title,
.form-field-group-checkbox-all label {
	font-size: 17px;
	line-height: 23px;
}

h5 {
	font-size: 16px;
	line-height: 22px;
}

.calendar-cell-top,
.code-output code {
	font-size: 14px;
	line-height: 18px;
}

.calendar-cell-item {
    font-size: 13px;
    line-height: 15px;
}

table td {
	line-height: 20px;
}

.footer {
	font-size: 14px;
	line-height: 14px;
}

strong,
h1,
.h1-like,
.h2-like,
h2,
h3,
h4,
h5,
.bold,
.button,
input[type="submit"] {
	font-weight: 700;
}

body,
input,
textarea,
select,
.regular {
	font-weight: 400;
}

.uppercase {
	text-transform: uppercase;
}

.lowercase {
	text-transform: lowercase;
}

body {
	color: #000;
}

a {
	color: #1e98d7;
}

.green,
.green a {
	color: #27cf3e;
}

.red {
	color: #cf2727;
}

.orange {
    color: #cf9f27;
}

.grey {
    color: #999;
}

a,
.menu-item a:hover,
a.button:hover {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.break-word,
.calendar-cell {
    word-wrap: break-word;
}

.nowrap,
.phone-cell,
.email-cell,
.trip-data .simple-table th {
    white-space: nowrap;
}

/* ======== Header ======== */

.header {
	padding: 10px 0 10px 50px;
	border-bottom: 1px #d7dee4 solid;
	background: rgba(255,255,255,0.9);
	z-index: 9995;
}

.header img {
	height: 30px;
}

.header-logo {
	float: left;
}

.header-icons {
	display: flex;
	float: right;
}

.header-icons li {
	display: inline-block;
	vertical-align: middle;
}

.header-icons a {
	display: block;
	margin-right: 10px;
	opacity: 1;
}

.header-icons a:hover {
	opacity: 0.5;
}

.header-icons li:last-child a {
	margin-right: 0;
}

@media only screen and (min-width: 700px) {
    .header {
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
    }

    .main {
        padding: 51px 0 31px 50px;
    }
}

@media only screen and (max-width: 700px) {
    .header {
        position: relative;
    }

    .header-logo {
        width: 100px;
    }

    .main {
        padding: 0;
    }
}

/* ======== Sidemenu ======== */

.sidemenu-top {
    position: fixed;
    top: 0;
    left: 0;
    border-bottom: 1px #373e44 solid;
    background-color: #15181c;
    z-index: 9996;
}

.sidemenu {
    position: fixed;
    top: 50px;
    left: 0;
	max-width: 50px;
	height: 100%;
	overflow: hidden;
	text-align: left;
	background-color: #25282c;
	z-index: 9994;
}

.clicked .sidemenu {
	max-width: 300px;
}

@media only screen and (max-width: 700px) {
    .sidemenu-top {
        position: absolute;
    }

    .sidemenu {
        left: -50px;
    }

    .clicked .sidemenu {
        left: 0;
    }
}

@media only screen and (min-width: 700px) {
    .sidemenu-top {
        position: fixed;
    }

    .sidemenu {
        left: 0;
    }
}

.hamburger {
	position: relative;
	width: 50px;
	height: 50px;
	cursor: pointer;
}

.hamburger:hover {
	opacity: 1;
}

.hamburger div {
	position: absolute;
	left: 11px;
	width: 28px;
	height: 3px;
	background-color: #fff;
}

.hamburger div.line-2 {
	opacity: 1;
}

.hamburger div.line-1 {
	bottom: 31px;
}

.hamburger div.line-2 {
	bottom: 23px;
}

.hamburger div.line-3 {
	bottom: 15px;
}

.clicked .hamburger div {
	background-color: #cf2727;
}

.hamburger:hover div {
	background-color: #1e98d7;
}

.clicked .hamburger div.line-1,
.clicked .hamburger div.line-3 {
	bottom: 23px;
}

.clicked .hamburger div.line-1,
.clicked .hamburger div.line-3 {
	width: 33px; left: 9px;
}

.clicked .hamburger div.line-1 {
	transform: rotate(33deg);
}

.clicked .hamburger div.line-2 {
	opacity: 0;
}

.clicked .hamburger div.line-3 {
	transform: rotate(-33deg);
}

.sidemenu .menu-item a {
	display: block;
	padding: 10px;
	background: transparent;
	opacity: 0.7;
	white-space: nowrap;
}

.sidemenu .menu-item a:hover {
	background: rgba(255,255,255,0.2);
}

.sidemenu .menu-item.current-menu-item a,
.sidemenu .menu-item.current-menu-item-child a {
	background: #1e98d7;
}

.sidemenu .menu-item a:hover,
.sidemenu .menu-item.current-menu-item a,
.sidemenu .menu-item.current-menu-item-child a {
	opacity: 1;
}

.sidemenu .menu-item-icon, .sidemenu .menu-item-title {
	display: inline-block;
	vertical-align: middle;
}

.sidemenu .menu-item-icon img {
	width: 30px;
	height: 30px;
}

.sidemenu .menu-item-title {
	margin-left: 20px;
	margin-right: 10px;
	color: #fff;
}

/* ======== Content elements ======== */

.breadcrumb {
	padding-bottom: 10px;
}

.breadcrumb a,
.breadcrumb span,
.breadcrumb-separator {
	display: inline-block;
	vertical-align: middle;
}

.breadcrumb-separator {
	padding-left: 8px;
	padding-right: 7px;
}

.breadcrumb-separator img {
	width: auto;
	height: 8px;
}

.wrapper-pagedashboard .breadcrumb {
    padding-bottom: 0;
}

.circle-icon {
    display: block;
	opacity: 1;
	cursor: pointer;
}

.circle-icon:hover {
	opacity: 0.5;
}

.circle-icon img {
	width: 30px;
    max-width: none;
    height: 30px;
}

.contact-phone,
.contact-mail {
    padding-left: 20px;
    background-repeat: no-repeat;
}

.contact-phone, .contact-mail {
    background-position: left 3px;
    background-size: auto 16px;
}

.contact-big.contact-phone, .contact-big.contact-mail {
    padding-left: 22px;
    background-position: left 5px;
    background-size: auto 17px;
}

.contact-phone {
    background-image: url("../images/phone.png");
}

.contact-mail {
    background-image: url("../images/mail.png");
}

.contact-phone.green {
    background-image: url("../images/phone-green.png");
}

.contact-mail.green {
    background-image: url("../images/mail-green.png");
}

.small-loading {
    width: 20px;
    height: 20px;
    background: transparent url('../images/loading.gif') no-repeat center center;
    background-size: 20px 20px;
}

.billing-new-form .small-loading {
    display: inline-block;
    vertical-align: bottom;
    margin-bottom: 9px;
}

/* ======== Title with buttons ======== */

.title-with-buttons,
.title-with-buttons .subtitle {
    margin-bottom: 10px;
}

.title-with-buttons .subtitle,
.title-with-buttons .button-area,
.title-with-buttons .submit-outer {
    display: inline-block;
    vertical-align: middle;
}

.title-with-buttons .subtitle {
    padding-right: 20px;
}

.title-with-buttons .subtitle:last-child {
    padding-right: 0;
}

.title-with-buttons .button-area .button,
.title-with-buttons .button-area input[type="submit"],
.title-with-buttons .circle-icon {
    margin-top: 0;
    margin-bottom: 10px;
}

.title-with-buttons .circle-icon img {
    width: 28px;
    height: 28px;
}

/* ======== Subpages ======== */

.subpage-menu {
    position: relative;
    height: 38px;
    margin-bottom: 30px;
    text-align: left;
    border-bottom: 1px #ccc solid;
}

.subpage-menu-items {
    position: absolute;
    top: 0;
    left: 20px;
}

.subpage-menu-item {
    display: inline-block;
    padding: 6px 12px;
    border-width: 1px;
    border-style: solid none solid solid;
    border-color: #ccc;
    background: #eee;
    color: #1e98d7;
    cursor: pointer;
}

.subpage-menu-item:last-child {
    border-style: solid;
}

.subpage-menu-item.active {
    border-bottom-color: #fff;
    background: #fff;
    color: #000;
}

.subpage-content {
    display: none;
}

.subpage-content.active {
    display: block;
}

/* ======== Tables ======== */

.overflow-x {
	width: auto;
	overflow-x: auto;
}

table {
	border-collapse: collapse;
}

tbody tr:nth-of-type(odd) td {
	background: #eee;
}

.table-green tbody tr:nth-of-type(odd) td {
	background: #ebf9ea;
}

.table-red tbody tr:nth-of-type(odd) td {
	background: #ffebee;
}

tbody tr:hover td,
.table-green tbody tr:hover td,
.table-red tbody tr:hover td {
	background: #e6f2f8;
}

.item-row-clickable td:hover {
	cursor: pointer;
}

.item-row-clickable td.cell-buttons:hover {
    cursor: default;
}

th,
td {
	height: 35px;
	padding: 5px 7px;
	border: 1px #a8a9ab solid;
}

td.cell-buttons,
th.cell-buttons {
	padding: 2px 0 0;
	border: 0;
}

table tbody tr td.cell-buttons,
table tbody tr td.cell-buttons:nth-of-type(odd),
table tbody tr td.cell-buttons:hover {
	background: transparent;
}

.number-cell,
.total-cell {
	width: 70px;
}

.created-cell,
.transport-cell,
.driver-cell {
	width: 100px;
}

.phone-cell {
	width: 140px;
}

.customer-cell {
	width: 240px;
}

.orders-summary .cell-buttons {
	width: 115px;
}

.cell-button {
	display: inline-block;
	vertical-align: middle;
	margin: 5px;
}

.cell-button.hidden {
    display: none;
}

table li {
	margin-bottom: 3px;
}

table li:last-child {
	margin-bottom: 0;
}

.simple-table-title {
    padding-bottom: 20px;
}

.simple-table th,
.simple-table td,
.simple-table tr:nth-of-type(odd) td,
.simple-table tr:nth-of-type(even) td {
    height: 24px;
    padding: 0;
    background: transparent;
    border: 0;
}

.simple-table th {
    padding-right: 10px;
    text-align: right;
}

.simple-table td {
    text-align: left;
    color: #999;
}

/* ======== Filter profiles ======== */

.filter-profile {
    text-align: right;
    margin-bottom: 10px;
}

.filter-profile:last-child {
    margin-bottom: 0;
}

.filter-profile-name {
    padding-right: 10px;
}

/* ======== Order ======== */

.order-trip-table.disabled {
    display: none;
}

.order-trip-table,
.order-trip-table-notice {
    margin-bottom: 20px;
}

table .number-button-show,
table .number-button a {
    display: inline-block;
    vertical-align: middle;
}

table .number-button .circle-icon img {
    width: 20px;
    height: 20px;
}

table .number-button a {
    margin-left: 5px;
}

.trip-counters {
    margin-top: 20px;
}

.trip-counter {
    display: table-row;
}

.trip-counter .trip-counter-title,
.trip-counter .trip-counter-value {
    display: table-cell;
    padding-top: 5px;
}

.trip-counter .trip-counter-value {
    padding-left: 20px;
}

/* ======== Calendar ======== */

.wrapper-pagedashboard .filter {
    margin-bottom: 0;
}

.calendar {
    /*display: inline-block;*/
    overflow-x: auto;
    border: 1px #ccc solid;
    background: #f5f5f5;
}

.calendar-inner {
    overflow: hidden;
}

.calendar-body {
    /*height: 800px;*/
    overflow-y: auto;
}

.calendar-column,
.calendar-column-header {
    float: left;
}

.calendar-column {
    position: relative;
    overflow: hidden;
}

.calendar-cell {
    padding: 10px 3px;
    text-align: center;
    border-style: none none solid solid;
    border-color: #ccc;
    border-width: 1px;
    background: #fff;
}

.calendar-column:last-child .calendar-cell,
.calendar-column-header:last-child .calendar-cell {
    border-style: none solid solid solid;
}

.calendar-column-header .calendar-cell {
    position: relative;
    border-style: solid none solid solid;
    border-color: #999;
    z-index: 11;
}

.calendar-column-header:last-child .calendar-cell {
    border-style: solid;
}

/*.calendar-column-hours .calendar-cell {
    padding: 0;
    text-align: left;
    border-style: none;
    color: #999;
}*/

.calendar-column-service .calendar-cell {
    background: #d4f5d8;
}

.calendar-column-service-header .calendar-cell {
    background: #a9ecb2;
}

.calendar-column-vehicle-header .calendar-cell {
    background: #e9eaeb;
}

.calendar-cell-description {
    text-align: left;
    padding-left: 7px;
    color: #ccc;
}

.calendar-cell-item {
    position: absolute;
    padding: 5px;
    left: 0;
    width: 100%;
    height: 60px;
    overflow: hidden;
    background: #d9b252;
    border: 1px #fff solid;
    color: #fff;
    z-index: 10;
    cursor: pointer;
}

.calendar-cell-item.calendar-trip-current-order {
    background: #7c5f17;
}

.calendar-cell-item.is-moving {
    opacity: 0.5;
}

.calendar-cell-item.is-preview {
    background: #4baddf;
    opacity: 1;
}

/* ======== Item terms ======== */

.item-terms .form-field-inline,
.item-term-buttons,
.item-term-condition-buttons {
    padding-top: 10px;
}

.item-term-conditions,
.item-term-buttons,
.item-term-condition-buttons {
    display: inline-block;
    vertical-align: top;
}

.item-term {
    padding-top: 10px;
    margin-top: 15px;
    border-top: 1px #ccc solid;
}

.item-term:first-child {
    padding-top: 0;
    margin-top: 0;
    border-top: 0;
}

.item-term-conditions {
    padding-right: 10px;
}

.item-term-buttons a,
.item-term-condition-buttons a {
    display: inline-block;
    vertical-align: top;
    margin-top: 4px;
    margin-right: 5px;
}

.item-term-buttons a:last-child,
.item-term-condition-buttons a:last-child {
    margin-right: 0;
}

/* ======== Import ======== */

.import-section {
    padding-top: 20px;
    border-top: 1px #ccc solid;
}

.import-item-update {
    padding-bottom: 15px;
    border-bottom: 1px #ccc solid;
}

.import-item-update:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.import-item-title,
.import-item-subtitle,
.import-item-date,
.import-item-update-data,
.import-item-update-form,
.import-item-update-notes,
.import-item-cancel-right {
    display: inline-block;
    vertical-align: top;
}

.import-item-title,
.import-item-subtitle,
.import-item-date {
    margin-left: 10px;
}

.import-item-title:first-child,
.import-item-subtitle:first-child,
.import-item-date:first-child {
    margin-left: 0;
}

.import-item-update-data,
.import-item-update-form,
.import-item-update-notes {
    padding-top: 15px;
}

.import-item-update-data,
.import-item-update-form {
    margin-right: 20px;
}

.import-item-update-field {
    position: relative;
    padding-left: 60px;
}

.import-item-update-field input[type="checkbox"] {
    position: absolute;
    top: 0;
    left: 30px;
}

.import-item-date {
    width: 140px;
    text-align: right;
}

.import-item-update-data {
    width: 600px;
    max-width: 100%;
}

.import-item-update-data-top {
    padding-bottom: 5px;
}

.import-item-error .import-item-title {
    padding-right: 10px;
}

.import-item-update-form {
    width: 350px;
    max-width: 100%;
}

select.import-item-update-note-select,
.button.import-item-update-note-button {
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
    margin-bottom: 10px;
}

select.import-item-update-note-select {
    width: 230px;
    margin-right: 10px;
}

.button.import-item-update-note-button {
    width: 110px;
}

textarea.import-item-update-note-textarea {
    width: 100%;
    height: 62px;
}

/* ======== Billing ======== */

.billing-new-form-total {
    padding-top: 7px;
    height: 38px;
}

/* ======== Trips ======== */

.driver-trip-day {
    padding-bottom: 10px;
    border-bottom: 1px #ccc solid;
}

.driver-trip {
    padding: 10px 10px 0 10px;
    border: 1px #ccc solid;
}

.driver-trip-hour {
    color: #999;
}

.driver-trip-section {
    margin: 0 10px 10px 0;
}

.driver-trip-error,
.driver-trip-title {
    margin-bottom: 5px;
}

.driver-trip-title a {
    display: block;
}

.driver-trip-title a:first-child {
    float: left;
}

.driver-trip-title a:last-child {
    float: right;
}

.driver-trip-top,
.driver-trip-address,
.driver-trip-customer {
    margin-bottom: 5px;
    border-bottom: 1px #ddd solid;
}

.driver-trip-top {
    padding-bottom: 10px;
}

.driver-trip-top:last-child,
.driver-trip-address:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border: 0;
}

.driver-trip-top-item {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.driver-trip-top-item:last-child {
    margin-right: 0;
}

.driver-trip-address {
    padding-bottom: 5px;
    min-height: 54px;
    color: #999;
}

.driver-trip-address:last-child {
    margin-bottom: 0;
}

.driver-trip-icon {
    display: inline-block;
    width: 50px;
    height: 50px;
    margin-top: 10px;
    margin-right: 15px;
}

.driver-trip-icon:last-child {
    margin-right: 0;
}

.driver-trip-customer {
    padding-bottom: 5px;
}

.driver-trip-customer:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}

.driver-trip-customer-data-left {
    float: left;
    padding-right: 10px;
}

.driver-trip-customer-data-right {
    float: right;
    text-align: right;
}

.driver-trip-customer-name {
    width: 200px;
}

.driver-trip-customer-flight {
    position: relative;
}

.driver-trip-upload .form-field-row {
    padding-top: 2px;
}

.driver-trip-upload .form-field-row label {
    margin-bottom: 10px;
}

@media only screen and (max-width: 500px) {
    .driver-trip {
        margin-bottom: 20px;
    }
}

@media only screen and (min-width: 500px) {
    .driver-trip,
    .driver-trip-section {
        display: inline-block;
        vertical-align: top;
    }

    .driver-trip {
        margin: 0 20px 20px 0;
    }

    .driver-trip:last-child,
    .driver-trip-section:last-child {
        margin-right: 0;
    }

    .driver-trip-address,
    .driver-trip-note {
        width: 300px;
        max-width: 100%;
    }
}

.pop-up-window .trip-data {
    width: 100%;
    max-width: 700px;
}

.pop-up-window .trip-data .h2-like {
    text-align: left;
}

/* ======== Files ======== */

.file-input-button {
    margin-top: 15px;
}

.small-loading.file-upload-loading {
    margin-top: 10px;
}

/* ======== Footer ======== */

.wrapper.footer {
    border-top: 1px #d7dee4 solid;
    background: #fff;
    padding: 8px 0;
}

.footer,
.footer a {
    color: #7c7e80;
}

@media only screen and (max-width: 400px) {
    .foot.left,
    .foot.right {
        float: none;
    }

    .foot.right {
        padding-top: 5px;
    }
}

@media only screen and (min-width: 700px) {
    .wrapper.footer {
        position: fixed;
        width: 100%;
        padding-left: 50px;
        left: 0;
        bottom: 0;
        z-index: 9993;
    }
}

/* ======== Forms ======== */

.form-heading {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px #ccc solid;
}

.form-heading.h2-like,
.form-heading.input-group-title,
.form-field-inline .form-heading {
    padding-bottom: 0;
    border: 0;
}

.form-heading.input-group-title,
.form-field-inline .form-heading {
    margin-bottom: 0;
}

.form-heading.h2-like {
    margin-bottom: 10px;
}

.form-heading.input-group-title {
    padding-top: 20px;
}

.form-field-heading:first-child .form-heading.input-group-title {
    padding-top: 0;
}

.form-field-inline .form-heading {
    padding-right: 10px;
}

.input-group {
    padding-bottom: 20px;
}

.input-group.input-group-no-margin {
    padding-bottom: 0;
}

@media only screen and (min-width: 700px) {
    .input-group-inline {
        display: inline-block;
        vertical-align: top;
        padding-right: 20px;
    }
}

.input-group-inline:last-child {
    padding-right: 0;
}

.form-field-row {
	padding-top: 10px;
}

.form-field-row.hidden {
    display: none;
}

.form-field-row.form-field-checkbox {
	padding-top: 15px;
}

.form-field-row.form-field-radio {
	padding-top: 7px;
}

.form-field-row.input-group-title-small:first-child,
.form-field-row.form-field-checkbox:first-child,
.form-field-row.form-field-radio:first-child,
.form-field-row.form-field-checkbox.form-field-inline-middle,
.form-field-row.form-field-radio.form-field-inline-middle {
    padding-top: 10px;
}

@media only screen and (min-width: 700px) {
    .input-inline-inside {
        text-align: right;
    }

    .form-field-inline {
        display: inline-block;
        vertical-align: top;
        padding-right: 10px;
    }

    .form-field-inline.form-field-inline-middle {
        vertical-align: middle;
    }

    .form-field-row.form-field-checkbox.form-field-inline-top {
        padding-top: 18px;
    }

    .basic-filter .form-field-inline,
    .billing-new-form .form-field-inline {
        vertical-align: bottom;
    }
}

.inline-description-fields .form-field-row {
	position: relative;
	padding-right: 40px;
}

.inline-description-fields .form-description {
	position: absolute;
	top: 49px;
	right: 0;
	width: 35px;
	padding: 0;
	text-align: right;
}

.form .error {
	margin-top: 10px;
}

.form .error.error-main,
.form .thanks.thanks-main {
	margin-top: 20px;
	margin-bottom: 10px;
}

.form .error.error-main:first-child,
.form .thanks.thanks-main:first-child {
	margin-top: 0;
}

label {
	display: block;
	padding-bottom: 2px;
}

.input-inline-inside label,
.input-inline-inside input,
.input-inline-inside select,
.input-inline-inside .number-button,
.input-inline-inside .number-button-show,
.input-inline-inside .circle-icon {
    display: inline-block;
    vertical-align: middle;
}

.input-inline-inside label {
    padding-bottom: 0;
    padding-right: 10px;
}

.form-field-append-button label {
    text-align: left;
    display: block;
}

.form-field-row.form-field-numberAdd {
    vertical-align: middle;
    height: 48px;
}

.form-field-row.form-field-numberAdd label,
.form-field-row.form-field-numberAdd .number-add-show {
    padding-top: 5px;
    padding-bottom: 5px;
}

.form-field-row.input-inline-inside .circle-icon {
    margin-left: 10px;
}

.form input[type="submit"] {
	margin-top: 20px;
}

.form-simple .form input[type="submit"] {
    margin-top: 10px;
}

input,
select,
textarea {
	width: 100%;
	max-width: 100%;
	display: block;
	padding: 6px 10px;
	background-color: #fff;
	border: 1px #a8a9ab solid;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	color: #000;
	text-align: left;
}

input[type="text"],
input[type="number"],
input[type="date"],
input[type="time"],
input[type="password"],
select {
    height: 38px;
    background: #f9f9f9;
}

input::-webkit-date-and-time-value {
	text-align: left;
}

.form-field-row label,
.form-field-row .form-description {
    width: 150px;
}

.form-field-input-medium input,
.form-field-input-medium select,
.form-field-input-medium textarea,
.form-field-row.form-field-input-medium label,
.form-field-row.form-field-input-medium .form-description {
	width: 350px;
}

.form-field-input-short input,
.form-field-input-short select,
.form-field-input-short textarea,
.form-field-row.form-field-input-short label,
.form-field-row.form-field-input-short .form-description{
	width: 250px;
}

.form-field-input-small input,
.form-field-input-small select,
.form-field-input-small textarea,
.form-field-row.form-field-input-small label {
	width: 150px;
}

.form-field-input-extra-small input,
.form-field-input-extra-small select,
.form-field-input-extra-small textarea,
.form-field-row.form-field-input-extra-small label {
    width: 100px;
}

.form-field-input-extra-extra-small input,
.form-field-input-extra-extra-small select,
.form-field-input-extra-extra-small textarea,
.form-field-row.form-field-input-extra-extra-small label {
    width: 80px;
}

.form-field-row.form-field-label-auto label,
.form-field-row.form-field-label-auto .form-description {
    width: auto;
}

.input-group,
.form-field-row,
.form-field-row input,
.form-field-row select,
.form-field-row input textarea,
.form-field-row label,
.form-field-row .form-description {
    max-width: 100%;
}

input.input-mini,
select.input-mini {
	padding: 7px 20px;
}

textarea {
	height: 200px;
}

select {
	padding-right: 30px;
	background-image: url('../images/dropdown.png');
	background-position: center right;
	background-repeat: no-repeat;
	background-size: auto 35%;
	cursor: pointer;
}

select::-ms-expand {
	display: none;
}

.form-field-checkbox label,
.form-field-radio label {
	display: inline;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 10px;
	vertical-align: top;
	cursor: pointer;
}

/* Remove input number arrows - Chrome, Safari, Edge, Opera */
/*input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}*/

/* Remove input number arrows - Firefox */
/*input[type="number"] {
	-moz-appearance: textfield;
}*/

input[type="checkbox"],
input[type="radio"] {
	display: inline-block;
	margin: 0;
	padding: 0;
	width: 20px;
	height: 20px;
	vertical-align: top;
	background-color: #fff;
	cursor: pointer;
}

input[type="checkbox"].green {
    border-color: #7de28b;
}

input[type="checkbox"].red {
    border-color: #e27d7d;
}

input[type="checkbox"]:checked,
input[type="radio"]:checked{
	background-color: #fff ;
	background-repeat: no-repeat;
	background-position: center center;
}

input[type="checkbox"]:checked {
	background-image: url('../images/check.png');
	background-size: 60% 60%;
}

input[type="checkbox"].green:checked {
    background-image: url('../images/check-green.png');
}

input[type="checkbox"].red:checked {
    background-image: url('../images/check-red.png');
}

input[type="radio"]:checked {
	background-image: url('../images/radio.png');
	background-size: 100% 100%;
}

input[type="checkbox"]:focus,
input[type="radio"]:focus {
	outline: none;
}

.form-description {
	padding-top: 5px;
    color: #999;
}

.form-simple .submit-outer,
.form-field-has-unit input,
.form-field-has-unit select,
.form-field-has-unit .form-constant,
.form-unit {
	display: inline-block;
	vertical-align: middle;
}

.form-unit {
	padding-left: 5px;
	color: #999;
}

.button,
input[type="submit"] {
	display: inline-block;
	width: auto;
	min-width: 100px;
	max-width: 100%;
	margin-bottom: 0;
	padding: 6px 10px;
	text-align: center;
	vertical-align: middle;
	background: #1e98d7;
	border: 1px #1e98d7 solid;
	color: #fff;
	cursor: pointer;
}

.button.button-mini,
input[type="submit"].button-mini {
    padding: 1px 5px;
	min-width: 100px;
}

.button.button-long,
input[type="submit"].button-long {
	min-width: auto;
	text-align: center;
	white-space: normal;
}

.button-area .button,
.button-area input[type="submit"] {
	margin: 20px 10px 0 0;
	vertical-align: top;
}

.button-area.button-area-content-section .button,
.button-area.button-area-content-section input[type="submit"] {
    margin: 0 10px 20px 0;
}

.button:hover,
input[type="submit"]:hover {
	background: #fff;
	color: #1e98d7;
}

.button.button-dark,
input[type="submit"].button-dark {
	background: #023c56;
	border-color:  #023c56;
	color: #fff;
}

.button.button-dark:hover,
input[type="submit"].button-dark:hover {
	background: #fff;
	color: #023c56;
}

.button.button-invert,
input[type="submit"].button-invert {
	background: #fff;
	color: #1e98d7;
}

.button.button-invert:hover,
input[type="submit"].button-invert:hover {
	background: #fff;
	border-color: #023c56;
	color: #023c56;
}

.button.button-green,
input[type="submit"].button-green {
	background: #27cf3e;
	border-color: #27cf3e;
	color: #fff;
}

.button.button-green:hover,
input[type="submit"].button-green:hover,
.home-section-box:hover .button-green {
	background: #fff;
	border-color: #27cf3e;
	color: #27cf3e;
}

.button.button-red,
input[type="submit"].button-red {
	background: #f54;
	border-color: #f54;
	color: #fff;
}

.button.button-red:hover,
input[type="submit"].button-red:hover {
	background: #fff;
	border-color: #f54;
	color: #f54;
}


.button.button-orange,
input[type="submit"].button-orange {
    background: #cf9f27;
    border-color: #cf9f27;
    color: #fff;
}

.button.button-orange:hover,
input[type="submit"].button-orange:hover {
    background: #fff;
    border-color: #cf9f27;
    color: #cf9f27;
}

.error,
.thanks,
.info {
	padding: 10px;
	border-width: 1px;
	border-style: solid;
}

.error.hidden,
.thanks.hidden,
.info.hidden {
    display: none;
}

.error {
	background-color: #ffebee;
	border-color: #cf2727;
	color: #7c1717;
}

.thanks {
	background-color: #ebf9ea;
	border-color: #27cf3e;
	color: #177c25;
}

.info {
	background-color: #e6f2f8;
	border-color: #1e98d7;
	color: #125b81;
}

.hideable.hidden {
	display: none;
}

/* ======== UI ======== */

ul.ui-autocomplete.ui-widget.ui-widget-content {
	text-align: left;
	border: 0;
	background: transparent;
}

ul.ui-autocomplete li {
	border-color: #ddd;
	border-width: 1px;
	border-style: none solid;
	background: #eee;
}

ul.ui-autocomplete li:first-child {
	border-style: solid solid none;
}

ul.ui-autocomplete li:last-child {
	border-style: none solid solid;
}

/* ======== Pop-up ======== */

.pop-up-background {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 100px 20px 20px;
	text-align: center;
	background: rgba(0, 0, 0, 0.7);
	z-index: 99999;
}

.pop-up-window {
    padding: 20px;
    background: #fff;
    border: 1px #ccc solid;
}

.pop-up-background .pop-up-window {
	display: inline-block;
	padding: 20px;
	background: #fff;
}

.pop-up-window.pop-up-window-standalone {
    position: fixed;
    top: 70px;
    z-index: 99999;
}

@media only screen and (max-width: 700px) {
    .pop-up-window.pop-up-window-standalone {
        left: 20px;
    }
}

@media only screen and (min-width: 700px) {
    .pop-up-window.pop-up-window-standalone {
        left: 70px;
    }
}

.popup-window-inner {
    position: relative;
}

.pop-up-window .button {
	min-width: 180px;
	max-width: 100%;
}

.pop-up-content-loader {
	width: 100%;
	height: 52px;
	background: transparent url('../images/loading.gif') no-repeat center center;
	background-size: 34px auto;
}

.pop-up-close {
    cursor: pointer;
    position: absolute;
    top: 3px;
    right: 3px;
    width: 20px;
    height: 20px;
}

/* ======== GDPR ======== */

.gdpr-bar {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 10px 20px;
	background: #f5f5f5;
	z-index: 9998;
}

.gdpr-bar p {
	margin-bottom: 0;
}

/* ======== Video ======== */

.video {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	padding-top: 30px;
	overflow: hidden;
}

.video iframe, .video object, .video embed, img#player-thumbnail {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
}

.video.inactive:after {
	content:"";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #fff url('../images/loading.gif') no-repeat center center;
	background-size: 50px 50px;
	cursor: pointer;
}

/* ======== Anchor ======== */

.anchor {
	display: block;
	position: relative;
	visibility: hidden;
	margin-top: -60px;
	padding-top: 60px;
}

/* ======== Effects ======== */

a,
.container,
.sidemenu,
.hamburger div,
.circle-icon,
.button,
input[type="submit"] {
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.radius-0,
input,
select,
textarea {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
}

input[type="radio"] {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.calendar-cell-item {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.header,
.pop-up-window,
.driver-trip {
	-webkit-box-shadow: -5px -5px 30px rgba(140,145,149,0.2);
	-moz-box-shadow: -5px -5px 30px rgba(140,145,149,0.2);
	-ms-box-shadow: -5px -5px 30px rgba(140,145,149,0.2);
	-o-box-shadow: -5px -5px 30px rgba(140,145,149,0.2);
	box-shadow: -5px -5px 30px rgba(140,145,149,0.2);
}

.unloaded .container {
	opacity: 0;
}

.container {
	opacity: 1;
}

/* ======== Float cleaner ======== */

.float-in:before,
.float-in:after {
	content:"";
	display:table;
}

.float-in {
	zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

.float-in:after {
	clear:both;
}