@charset "UTF-8";
html {
font-size: 62.5%;
height: 100%; }
body {
font-family: 'Inter', sans-serif; }
.body_disabled {
overflow: hidden; }
a {
text-decoration: none; }
a:hover, a:visited {
text-decoration: none; }
*:focus {
outline: none; }
ul {
list-style: none;
margin: 0;
padding: 0; }
.image {
height: 80vh; }
@media (min-width: 768px) {
.holder {
width: 36rem;
margin: 0 auto; }
.popup .content {
width: 36rem;
margin: 0 auto; }
.popup .bottomBigButtons {
z-index: 101 !important; }
.bottomBigButtons {
position: fixed;
z-index: 100;
width: 100%;
left: 0;
bottom: 0; }
.image {
height: 25vh; }
.content {
padding-bottom: 7rem; } }
.tx-switch {
padding-left: 0;
position: relative;
/* checkirano */ }
.tx-switch .custom-control-label {
padding-right: 5rem;
line-height: 23px;
/* NE checkirano */
/* gumb */
/* točka */ }
.tx-switch .custom-control-label::before {
height: 1.6rem;
width: 4.2rem;
border-radius: 4rem;
background: transparent;
border: 1px solid #ffffff;
left: auto;
right: 0px !important;
top: 4px;
outline: 0; }
.tx-switch .custom-control-label::after {
width: calc(2rem - 4px);
height: calc(2rem - 4px);
border-radius: calc(3rem - (2rem / 2));
background: #ffffff;
top: 4px;
border: 2px solid #000;
left: auto;
right: 26px; }
.tx-switch .custom-control-label span {
display: none; }
.tx-switch .custom-control-input {
/* gumb */
/* točka */ }
.tx-switch .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
border-color: #ffffff; }
.tx-switch .custom-control-input:checked ~ .custom-control-label span {
display: initial; }
.tx-switch .custom-control-input:checked ~ .custom-control-label::before {
border: none;
background-color: #5DCB29;
right: 0px !important;
left: auto; }
.tx-switch .custom-control-input:checked ~ .custom-control-label::after {
transform: translateX(calc(34px));
border: 2px solid #000;
left: auto;
right: 34px; }
.custom-switch {
color: var(--Green-0, #5DCB29);
text-align: right;
/* Subtext */
font-size: 12px;
font-style: normal;
font-weight: 300;
line-height: 16px;
/* 133.333% */
font-family: Inter, serif; }
.pull-right {
margin-left: auto; }
body {
padding-top: 8.5rem;
padding-bottom: 13.2rem;
height: 100%; }
body.site-login {
padding-bottom: 8rem; }
body.site-notifications header .menuBottom {
background: var(--Blue, #FF5C16); }
body.site-notifications .notification {
color: #000000;
border: 2px solid var(--Black, #000);
padding: 1.4rem 1.6rem 2rem;
display: block;
margin-bottom: .8rem; }
body.site-notifications .notification .date {
font-size: 1.6rem;
font-weight: 700;
line-height: 24px;
/* 150% */
border-bottom: 2px solid var(--Black, #000);
padding: 0 0 .4rem 0; }
body.site-notifications .notification .text {
font-size: 12px;
font-style: normal;
font-weight: 300;
line-height: 16px;
/* 133.333% */
padding: 1rem 0 0 0; }
body.site-notifications .inner {
padding-top: 6.4rem; }
body .submenu {
display: flex;
justify-content: space-evenly;
margin: 3.6rem .4rem 4.8rem; }
body .submenu li a {
text-align: center;
display: inline-block;
min-width: 9.4rem;
padding: .8rem 1rem;
line-height: 1.6rem;
font-size: 1.2rem;
border-radius: 16px;
background: #ffffff;
box-shadow: 0px -4px 8px 0px rgba(0, 0, 0, 0.1) inset;
color: #000000;
border: 1px solid var(--Black, #000); }
body .submenu li a.active {
color: #ffffff;
background: #167FE1;
box-shadow: 0px -4px 8px 0px rgba(0, 0, 0, 0.1) inset;
border: 1px solid transparent; }
body.body-driver-profile .help-block {
display: none; }
body.body-driver-profile header .menuBottom {
background: var(--Blue, #2E8DE3);
box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.4); }
body.body-driver-profile button.bigGold, body.body-driver-profile .bigBlue {
background: #2E8DE3;
color: #ffffff; }
body.body-driver-profile .inner {
padding: 0; }
body.body-driver-profile .form-group.short-form-add {
position: relative; }
body.body-driver-profile .form-group.short-form-add input {
box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.15) inset;
width: calc(100% - 40px); }
body.body-driver-profile .form-group.short-form-add input::placeholder {
color: #BDBDBD; }
body.body-driver-profile .form-group.short-form-add button {
outline: 0;
border: 0;
padding: 0;
background: transparent;
position: absolute;
right: 0;
bottom: 0; }
body.body-driver-profile .form-group input, body.body-driver-profile .form-group select {
color: #000000;
border: 2px solid #000000;
border-radius: 0; }
body.body-driver-profile .form-group input[type="text"], body.body-driver-profile .form-group input[type="password"], body.body-driver-profile .form-group input[type="date"], body.body-driver-profile .form-group select[type="text"], body.body-driver-profile .form-group select[type="password"], body.body-driver-profile .form-group select[type="date"] {
height: 4rem;
font-size: 1.6rem;
background: #ffffff;
box-shadow: inset 0px 4px 8px rgba(0, 0, 0, 0.15); }
body.body-driver-profile .form-group input:disabled, body.body-driver-profile .form-group select:disabled {
background: #D0D0D0;
box-shadow: none;
text-indent: 1px; }
body.body-driver-profile .form-group input[type="checkbox"]:disabled, body.body-driver-profile .form-group select[type="checkbox"]:disabled {
background: #D0D0D0;
-webkit-appearance: checkbox; }
body.body-driver-profile.driver-profile-index .profiles .list .no-profile {
margin: 2.4rem 2.4rem 3.2rem 2.4rem; }
body.body-driver-profile.driver-profile-index .section {
display: none; }
body.body-driver-profile.driver-profile-index .section.section1 {
display: block; }
body.body-driver-profile.driver-profile-index .section .message {
font-size: 1.2rem;
text-align: center; }
body.body-driver-profile.driver-profile-index .inner {
padding: 1.2rem; }
body.body-driver-profile.driver-profile-index .inner .disclaimer {
margin-top: 2rem;
padding: 0 2rem; }
body.body-driver-profile.driver-profile-index .new {
padding: 2.4rem; }
body.body-driver-profile.driver-profile-index .profiles:last-child {
margin-bottom: 8rem; }
body.body-driver-profile.driver-profile-index .toggle {
transform: rotate(0deg); }
body.body-driver-profile.driver-profile-index .toggle.expanded {
transform: rotate(180deg); }
body.body-driver-profile.driver-profile-index .cancelSubscriptionButton, body.body-driver-profile.driver-profile-index .extendSubscriptionButton {
color: var(--White, #FFF);
background: #000000;
display: block;
text-align: center;
/* Subheading Light */
font-family: "InputMonoCondensed", serif;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 24px;
/* 150% */
height: 4rem;
padding: .8rem; }
body.body-driver-profile.driver-profile-index .cancelSubscriptionButton {
margin: 3.2rem 0 .8rem; }
body.body-driver-profile.driver-profile-index .extendSubscriptionButton {
background: #2E8DE3; }
body.body-driver-profile.driver-profile-create .inner {
padding: 5.6rem 3.6rem; }
body.body-driver-profile.driver-profile-create .paymentOption {
display: block;
border: 2px solid #000000;
padding: 1rem 1.6rem 1.6rem;
position: relative;
margin-bottom: 1.6rem;
color: #000000; }
body.body-driver-profile.driver-profile-create .paymentOption .title {
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 24px;
/* 150% */ }
body.body-driver-profile.driver-profile-create .paymentOption .price {
text-align: right;
position: absolute;
top: 0;
right: 2rem;
/* Lead */
font-family: 'InputMonoCompressed', serif;
font-size: 28px;
font-style: normal;
font-weight: 300;
line-height: 40px;
/* 142.857% */ }
body.body-driver-profile.driver-profile-create .paymentOption .price span {
font-family: 'InputMonoCondensed';
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 24px;
/* 150% */
padding-left: 4px; }
body.body-driver-profile.driver-profile-create .paymentOption .line {
height: 2px;
margin: 4px 0 14px;
background: #000000; }
body.body-driver-profile.driver-profile-create .paymentOption .duration {
font-size: 12px;
font-style: normal;
font-weight: 300;
line-height: 16px;
/* 133.333% */ }
body.body-driver-profile.driver-profile-create .paymentOption .discount {
font-size: 12px;
font-style: normal;
font-weight: 600;
line-height: 16px;
/* 133.333% */
background: #000000;
position: absolute;
bottom: 0;
right: 0;
color: #ffffff;
width: 48px;
text-align: center; }
body.body-driver-profile.driver-profile-create .paymentOption.selected {
background: #167FE1;
color: #ffffff; }
body.body-driver-profile.driver-profile-create .paymentOption.selected .line {
background: #ffffff; }
body.body-driver-profile.driver-profile-create .paymentOption.disabled {
background: #e3e3e3;
pointer-events: none;
border-color: #BDBDBD; }
body.body-driver-profile.driver-profile-create .paymentOption.disabled * {
color: #BDBDBD; }
body.body-driver-profile.driver-profile-create .paymentOption.disabled .line {
background: #BDBDBD; }
body.body-driver-profile.driver-profile-create .disclaimer {
padding: 4.8rem 1rem 3.2rem; }
body.body-driver-profile.driver-profile-create .field-driverprofile-payment_type {
margin-bottom: 5.2rem; }
body.body-driver-profile.driver-profile-basic .inner form {
padding: 0 0 3.6rem; }
body.body-driver-profile.driver-profile-basic .inner form .form-group {
margin-bottom: 1.6rem;
margin-left: 3.6rem;
margin-right: 3.6rem; }
body.body-driver-profile.driver-profile-basic .inner form .form-group.field-driverprofile-owner_type, body.body-driver-profile.driver-profile-basic .inner form .form-group.field-driverprofile-owner_name, body.body-driver-profile.driver-profile-basic .inner form .form-group.field-driverprofile-owner_region_id, body.body-driver-profile.driver-profile-basic .inner form .form-group.field-driverprofile-owner_city_id {
background: #e3e3e3;
margin: 0;
padding: 1.6rem; }
body.body-driver-profile.driver-profile-basic .inner form .fields-owner {
background: #e3e3e3;
margin: 0 1.2rem;
padding: 0; }
body.body-driver-profile.driver-profile-fuel form, body.body-driver-profile.driver-profile-app form {
padding: 0 1.2rem;
margin-bottom: 2.4rem; }
body.body-driver-profile.driver-profile-fuel form .fuel-box, body.body-driver-profile.driver-profile-app form .fuel-box {
margin-bottom: 2.4rem; }
body.body-driver-profile.driver-profile-fuel form .fuel-box:last-child, body.body-driver-profile.driver-profile-app form .fuel-box:last-child {
margin-bottom: 8rem; }
body.body-driver-profile.driver-profile-fuel form .fuel-box .black, body.body-driver-profile.driver-profile-app form .fuel-box .black {
background: #000000;
overflow: hidden;
padding: .8rem 1rem .8rem 1.6rem;
display: flex;
justify-content: space-between;
margin-bottom: 4px; }
body.body-driver-profile.driver-profile-fuel form .fuel-box .black .l, body.body-driver-profile.driver-profile-app form .fuel-box .black .l {
color: var(--White, #FFF);
font-family: "InputMonoCondensed", serif;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 24px;
/* 150% */ }
body.body-driver-profile.driver-profile-fuel form .fuel-box .gray, body.body-driver-profile.driver-profile-app form .fuel-box .gray {
background: #E3E3E3;
padding: 2.4rem 1.6rem 1.6rem;
font-size: 1.2rem;
color: #000000; }
body.body-driver-profile.driver-profile-fuel form .fuel-box .gray .form-group, body.body-driver-profile.driver-profile-app form .fuel-box .gray .form-group {
margin-bottom: 1.6rem;
display: flex;
align-items: center;
justify-content: center; }
body.body-driver-profile.driver-profile-fuel form .fuel-box .gray .form-group label, body.body-driver-profile.driver-profile-app form .fuel-box .gray .form-group label {
position: relative;
width: 7.8rem;
margin: 0; }
body.body-driver-profile.driver-profile-fuel form .fuel-box .gray .form-group label span, body.body-driver-profile.driver-profile-app form .fuel-box .gray .form-group label span {
position: absolute;
color: var(--Red-1, #ED3E00);
text-align: center;
font-family: "InputMonoCondensed", serif;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 14px;
/* 87.5% */
right: 8px; }
body.body-driver-profile.driver-profile-fuel form .fuel-box .gray .form-group .value, body.body-driver-profile.driver-profile-app form .fuel-box .gray .form-group .value {
width: 20rem;
display: flex; }
body.body-driver-profile.driver-profile-fuel form .fuel-box .gray .form-group .box, body.body-driver-profile.driver-profile-app form .fuel-box .gray .form-group .box {
display: flex;
border: 2px solid #000;
background: var(--White, #FFF);
padding: 0px 8px 0px 16px;
align-items: center; }
body.body-driver-profile.driver-profile-fuel form .fuel-box .gray .form-group .box input, body.body-driver-profile.driver-profile-app form .fuel-box .gray .form-group .box input {
font-family: 'InputMonoCompressed', serif;
font-size: 1.6rem;
line-height: 2.4rem;
width: 70%;
border: 0;
background: transparent;
height: 3.6rem;
text-align: left;
outline: 0;
margin: 0;
padding: 0; }
body.body-driver-profile.driver-profile-fuel form .fuel-box .gray .form-group .box input::placeholder, body.body-driver-profile.driver-profile-app form .fuel-box .gray .form-group .box input::placeholder {
color: #000; }
body.body-driver-profile.driver-profile-fuel form .fuel-box .gray .form-group .box input:focus::placeholder, body.body-driver-profile.driver-profile-app form .fuel-box .gray .form-group .box input:focus::placeholder {
color: transparent; }
body.body-driver-profile.driver-profile-fuel form .fuel-box .gray .form-group .box span, body.body-driver-profile.driver-profile-app form .fuel-box .gray .form-group .box span {
font-size: 1.6rem;
color: #000000;
font-family: 'InputMonoCompressed', serif;
margin-left: auto; }
body.body-driver-profile.driver-profile-fuel form .fuel-box .gray .form-group .box.small, body.body-driver-profile.driver-profile-app form .fuel-box .gray .form-group .box.small {
padding: 0 1.6rem;
margin-right: .8rem;
width: 10rem; }
body.body-driver-profile.driver-profile-fuel form .fuel-box .gray .form-group .box.small input, body.body-driver-profile.driver-profile-app form .fuel-box .gray .form-group .box.small input {
width: 80px; }
body.body-driver-profile.driver-profile-fuel form .fuel-box .gray .form-group .box.disabled, body.body-driver-profile.driver-profile-app form .fuel-box .gray .form-group .box.disabled {
border: 2px solid var(--Gray-3, #BDBDBD);
background: var(--Gray-2, #D0D0D0); }
body.body-driver-profile.driver-profile-fuel form .fuel-box .gray .form-group .box.disabled input, body.body-driver-profile.driver-profile-app form .fuel-box .gray .form-group .box.disabled input {
color: #A5A5A5; }
body.body-driver-profile.driver-profile-fuel form .fuel-box .gray .form-group .box.disabled span, body.body-driver-profile.driver-profile-app form .fuel-box .gray .form-group .box.disabled span {
color: #A5A5A5;
margin-left: auto; }
body.body-driver-profile.driver-profile-fuel form .fuel-box .gray .form-group select, body.body-driver-profile.driver-profile-app form .fuel-box .gray .form-group select {
width: 10.2rem;
padding-left: 1.5rem; }
body.body-driver-profile.driver-profile-car form, body.body-driver-profile.driver-profile-app form {
padding: 0 1.2rem;
margin-bottom: 2.4rem; }
body.body-driver-profile.driver-profile-car form .form-group, body.body-driver-profile.driver-profile-app form .form-group {
margin-bottom: 2.4rem; }
body.body-driver-profile.driver-profile-car form .form-row .form-group.required:has(input[type="text"], input[type="password"], select):after, body.body-driver-profile.driver-profile-app form .form-row .form-group.required:has(input[type="text"], input[type="password"], select):after {
right: 7px; }
body.body-driver-profile.driver-profile-car form:last-child, body.body-driver-profile.driver-profile-app form:last-child {
margin-bottom: 8rem; }
body.body-driver-profile.driver-profile-car .profiles .title, body.body-driver-profile.driver-profile-app .profiles .title {
padding-right: .8rem; }
body.body-driver-profile.driver-profile-car .profiles .title span, body.body-driver-profile.driver-profile-app .profiles .title span {
padding-left: 1.6rem; }
body.body-driver-profile.driver-profile-car .profiles .title .custom-switch, body.body-driver-profile.driver-profile-app .profiles .title .custom-switch {
margin-left: auto;
height: 2.4rem; }
body.body-driver-profile.driver-profile-car .profiles .list .step1 .new, body.body-driver-profile.driver-profile-app .profiles .list .step1 .new {
padding: 2.4rem; }
body.body-driver-profile.driver-profile-car .profiles .list .step1 .new a.add, body.body-driver-profile.driver-profile-app .profiles .list .step1 .new a.add {
display: block;
border: 2px solid #000000;
box-shadow: 0px -4px 8px 0px rgba(0, 0, 0, 0.1) inset;
font-size: 1.6rem;
font-weight: 300;
line-height: 2.4rem;
text-align: center;
color: #000000;
padding: .8rem;
background: #ffffff;
margin-bottom: 2.4rem;
font-family: 'InputMonoCondensed', serif; }
body.body-driver-profile.driver-profile-car .profiles .list .step2, body.body-driver-profile.driver-profile-app .profiles .list .step2 {
padding: 2.4rem;
display: none; }
body.body-driver-profile.driver-profile-car .profiles .list .step2 button, body.body-driver-profile.driver-profile-app .profiles .list .step2 button {
border-radius: 0;
width: 100%;
outline: 0;
height: 4rem;
border: 0;
background: #000000;
color: #ffffff;
text-align: center;
font-family: "InputMonoCondensed", serif;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 24px;
/* 150% */ }
body.body-driver-profile.driver-profile-car .profiles .list .step2 button.btn-primary, body.body-driver-profile.driver-profile-app .profiles .list .step2 button.btn-primary {
background: #2E8DE3;
color: #ffffff; }
body.body-driver-profile.driver-profile-car .profiles .list .step2 button.btn-primary.disabled, body.body-driver-profile.driver-profile-app .profiles .list .step2 button.btn-primary.disabled {
background: #D0D0D0;
color: #A5A5A5; }
body.body-driver-profile.driver-profile-car .profiles .list .step3, body.body-driver-profile.driver-profile-app .profiles .list .step3 {
display: none; }
body.body-driver-profile.driver-profile-app .form-group {
align-items: center; }
body.body-driver-profile.driver-profile-app .form-group label {
margin: 0; }
body.body-driver-profile .icons {
margin: 4rem 3.2rem;
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
overflow: hidden; }
body.body-driver-profile .icons.active::after {
content: none; }
body.body-driver-profile .icons.active > .i.active::after {
content: none; }
body.body-driver-profile .icons.active > a {
pointer-events: initial; }
body.body-driver-profile .icons.active > a.basic {
background: url("driver-profile-basic-blue.png") no-repeat center center;
background-size: contain; }
body.body-driver-profile .icons.active > a.car {
background: url("driver-profile-car-blue.png") no-repeat center center;
background-size: contain; }
body.body-driver-profile .icons.active > a.fuel {
background: url("driver-profile-fuel-blue.png") no-repeat center center;
background-size: contain; }
body.body-driver-profile .icons.active > a.app {
background: url("driver-profile-app-blue.png") no-repeat center center;
background-size: contain; }
body.body-driver-profile .icons > .i {
z-index: 14;
width: 56px;
height: 56px;
position: relative; }
body.body-driver-profile .icons > .i.basic {
background: url("driver-profile-basic-blue.png") no-repeat center center;
background-size: contain; }
body.body-driver-profile .icons > .i.basic.active {
pointer-events: initial; }
body.body-driver-profile .icons > .i.car {
background: url("driver-profile-car-gray.png") no-repeat center center;
background-size: contain; }
body.body-driver-profile .icons > .i.car.active {
background: url("driver-profile-car-blue.png") no-repeat center center;
background-size: contain; }
body.body-driver-profile .icons > .i.fuel {
background: url("driver-profile-fuel-gray.png") no-repeat center center;
background-size: contain; }
body.body-driver-profile .icons > .i.fuel.active {
background: url("driver-profile-fuel-blue.png") no-repeat center center;
background-size: contain;
pointer-events: initial; }
body.body-driver-profile .icons > .i.app {
background: url("driver-profile-app-gray.png") no-repeat center center;
background-size: contain; }
body.body-driver-profile .icons > .i.active::after {
content: "";
position: absolute;
width: 22vw;
left: 54px;
top: 26px;
height: 4px;
background: #2E8DE3;
z-index: 10; }
@media (min-width: 768px) {
body.body-driver-profile .icons > .i.active::after {
width: 50px; } }
body.body-driver-profile .icons .circle {
position: relative;
display: block;
padding: 4px;
z-index: 14;
border: 2px solid #000000;
border-spacing: 2px;
border-radius: 50%;
background: #ffffff; }
body.body-driver-profile .icons .circle a {
display: block;
pointer-events: none;
width: 44px;
height: 44px;
border-radius: 50%; }
body.body-driver-profile .icons .circle a.basic {
background: url("icon-basic.png") no-repeat center center #2E8DE3;
background-size: 64%; }
body.body-driver-profile .icons .circle a.car {
background: url("icon-car.png") no-repeat center center #2E8DE3;
background-size: 60%; }
body.body-driver-profile .icons .circle a.fuel {
background: url("icon-fuel.png") no-repeat center center #2E8DE3;
background-size: 50%;
background-position: 13px; }
body.body-driver-profile .icons .circle a.app {
background: url("icon-app.png") no-repeat center center #2E8DE3;
background-size: 73%; }
body.body-driver-profile .icons::after {
z-index: 11;
content: "";
position: absolute;
left: 0;
top: 26px;
width: 100%;
height: 4px;
background: #e3e3e3; }
body.body-shift .menuBottom, body.report-shift .menuBottom {
background: var(--Midnight-light, #AA7EE2);
box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.2); }
body.body-shift .closePopup, body.report-shift .closePopup {
top: -4.7rem; }
body.body-shift form, body.report-shift form {
height: 100%; }
body.body-shift .inner, body.report-shift .inner {
padding: 1.2rem; }
body.body-shift .inner .addShift, body.report-shift .inner .addShift {
padding: .8rem 0;
display: block;
border: 0px solid var(--Black, #000);
background: var(--Gray-2, #D0D0D0);
color: var(--Gray-5, #A5A5A5);
text-align: center;
/* Subheading Light */
font-family: 'InputMonoCondensed';
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 24px;
/* 150% */
margin-bottom: 5rem; }
body.body-shift .inner .addShift.active, body.report-shift .inner .addShift.active {
border: 2px solid var(--Black, #000);
background: var(--White, #FFF);
color: var(--Black, #000);
/* Button shadow */
box-shadow: 0px -4px 8px 0px rgba(0, 0, 0, 0.1) inset; }
body.body-shift .inner .changeCar, body.report-shift .inner .changeCar {
margin-left: auto;
margin-right: 1.6rem;
background: #000000;
color: #ffffff;
border: none;
text-align: right; }
body.body-shift .inner .deleteShift, body.report-shift .inner .deleteShift {
float: right; }
body.body-shift .inner #__shifts .shift:first-child .providerForms, body.report-shift .inner #__shifts .shift:first-child .providerForms {
padding-bottom: 2.4rem; }
body.body-shift .inner .cancel-shift, body.report-shift .inner .cancel-shift {
margin-top: 2rem;
display: block;
text-align: center;
border: 2px dashed;
color: #000000;
height: 4rem;
font-size: 1.6rem;
padding-top: .6rem;
line-height: 2.4rem;
font-family: 'InputMonoCondensed';
margin-bottom: 4rem; }
body.body-shift .inner .providerForms, body.report-shift .inner .providerForms {
overflow: hidden;
margin: 0 0 4rem 0;
padding: 2rem 1.6rem 0 1.6rem; }
body.body-shift .bottomBigButtons button.bigGold, body.report-shift .bottomBigButtons button.bigGold {
background: #AA7EE2;
color: #ffffff; }
body.body-shift.midnight .menuBottom, body.report-shift.midnight .menuBottom {
background: var(--Midnight, #7128CF); }
body.body-shift.midnight .bottomBigButtons button.bigGold, body.report-shift.midnight .bottomBigButtons button.bigGold {
background: var(--Midnight, #7128CF); }
body.body-shift.midnight .boltMidnight, body.report-shift.midnight .boltMidnight {
margin-left: auto;
margin-right: 1.4rem; }
body.body-report {
/*form {
height: 100%;
}*/ }
body.body-report.report-index .inner {
padding: 2.4rem 3.6rem 3.6rem; }
body.body-report .inner {
padding: 1.2rem; }
body.body-report .toggle {
margin-left: auto;
transform: rotate(0deg); }
body.body-report .toggle.expanded {
transform: rotate(180deg); }
body.body-report .providerForms .frow.valid .box input::placeholder {
color: #000000; }
body.body-report .providerForms .frow.valid .box input:focus::placeholder {
color: transparent; }
body.body-report.report-income .menuBottom, body.body-report.report-income-car .menuBottom, body.body-report.report-income-business .menuBottom {
background: var(--Green-1, #409E1D);
box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.2); }
body.body-report.report-income form, body.body-report.report-income-car form, body.body-report.report-income-business form {
height: 100%; }
body.body-report.report-income .inner, body.body-report.report-income-car .inner, body.body-report.report-income-business .inner {
padding: 1.2rem; }
body.body-report.report-income .inner .boltMidnight, body.body-report.report-income-car .inner .boltMidnight, body.body-report.report-income-business .inner .boltMidnight {
margin-left: auto;
margin-right: 1.4rem; }
body.body-report.report-income .inner .providerForms, body.body-report.report-income-car .inner .providerForms, body.body-report.report-income-business .inner .providerForms {
margin: 0 0 4rem 0;
padding: 2rem 1.6rem 2.4rem 1.6rem; }
body.body-report.report-income .bottomBigButtons button.bigGold, body.body-report.report-income-car .bottomBigButtons button.bigGold, body.body-report.report-income-business .bottomBigButtons button.bigGold {
background: #409E1D;
color: #ffffff; }
body.body-report.report-expense-driver .menuBottom, body.body-report.report-expense-car .menuBottom, body.body-report.report-expense-business .menuBottom {
background: var(--Red-2, #C12500);
box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.2); }
body.body-report.report-expense-driver form, body.body-report.report-expense-car form, body.body-report.report-expense-business form {
height: 100%; }
body.body-report.report-expense-driver .inner, body.body-report.report-expense-car .inner, body.body-report.report-expense-business .inner {
padding: 2.4rem 1.2rem 5rem 1.2rem; }
body.body-report.report-expense-driver .inner .providerForms, body.body-report.report-expense-car .inner .providerForms, body.body-report.report-expense-business .inner .providerForms {
margin: 0 0 4rem 0;
padding: 2rem 1.6rem 2.4rem 1.6rem; }
body.body-report.report-expense-driver .bottomBigButtons button.bigGold, body.body-report.report-expense-car .bottomBigButtons button.bigGold, body.body-report.report-expense-business .bottomBigButtons button.bigGold {
background: #C12500;
color: #ffffff; }
body.body-report.report-expense-car .extra .providerForms:first-child {
margin-bottom: .8rem; }
body.body-report.report-expense-vehicle .inner {
padding: 1.2rem 1.2rem 5rem; }
body.body-report.report-expense-driver .inner, body.body-report.report-income-business .inner {
padding: 2.4rem 1.2rem 7rem; }
body.body-report.report-view {
font-size: 1.2rem; }
body.body-report.report-view header .menuBottom a.navbar-toggler-icon {
background: transparent url("driver-menu.png") no-repeat;
background-size: contain; }
body.body-report.report-view .closePopup {
top: 0; }
body.body-report.report-view form {
height: 100%; }
body.body-report.report-view .inner {
padding: 2.4rem 1.2rem; }
body.body-report.report-view a.tbtn {
position: relative;
display: block;
width: 94px;
height: 28px;
border-radius: 12px;
border: 1px solid var(--Black, #000);
background: var(--White, #FFF);
box-shadow: 0px -4px 8px 0px rgba(0, 0, 0, 0.1) inset;
color: var(--Black, #000);
text-align: center;
font-size: 12px;
font-style: normal;
font-weight: 300;
line-height: 16px;
/* 133.333% */
padding: 6px 0px 6px 20px; }
body.body-report.report-view a.tbtn svg {
position: absolute;
left: 8px;
top: 8px; }
body.body-report.report-view a.tbtn.active {
border: 1px solid transparent;
background: var(--Gray-0, #EBEBEB);
box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.15) inset; }
body.body-report.report-view .btns {
padding: 0 4px;
display: flex;
justify-content: space-between; }
body.body-report.report-view .btns div {
text-align: center; }
body.body-report.report-view .menu-btns {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center; }
body.body-report.report-view .menu-btns * {
margin-bottom: 1.6rem; }
body.body-report.report-view .menu-btns .get-report, body.body-report.report-view .menu-btns .edit-report {
padding: 8px 2.7rem;
font-size: 1.6rem;
line-height: 2.4rem;
font-family: 'InputMonoCondensed'; }
body.body-report.report-view .menu-btns .get-report {
background: #000000;
color: #ffffff; }
body.body-report.report-view .menu-btns .edit-report {
background: #FFCC00;
color: #000000; }
body.body-report.report-view .earnings-wrapper {
margin-top: 6.4rem; }
body.body-report.report-view .earnings-wrapper .title {
margin-bottom: 4.8rem; }
body.body-report.report-view .earnings-wrapper .btns a {
margin-bottom: .8rem; }
body.body-report.report-view .other-wrapper {
margin-top: 6.4rem; }
body.body-report.report-view .other-wrapper .income-expenses-profit {
margin-top: 2.4rem;
margin-bottom: 6.4rem; }
body.body-report.report-view .other-wrapper .btns {
margin-bottom: 6.4rem; }
body.body-report.report-view .other-wrapper .title {
margin-bottom: 4.8rem; }
body.body-report.report-view .weekly-wrapper .title {
margin-bottom: 3.2rem; }
body.body-report.report-view .weekly-wrapper .desc {
padding: 1.6rem 1.6rem 0 1.6rem;
line-height: 1.6rem; }
body.body-report.report-view .weekly-wrapper .btns {
margin-top: 2.4rem; }
body.body-report.report-view .weekly-wrapper .income-expenses-profit {
margin-top: 4.8rem; }
body.body-report.report-view .weekly-wrapper .income-expenses-profit .l1 {
padding-left: 1.6rem; }
body.body-report.report-view .weekly-wrapper .income-expenses-profit .l2 {
padding-left: 3.2rem;
/*.txr {
margin-top: 0;
}*/ }
body.body-report.report-view .weekly-wrapper .income-expenses-profit .l2.utd {
margin-top: 2.4rem; }
body.body-report.report-view .income-expenses-profit {
margin-top: 6.4rem; }
body.body-report.report-view .income-expenses-profit .icon {
width: 9px;
height: 9px;
margin-right: 6px; }
body.body-report.report-view .income-expenses-profit .icon.green {
background: var(--Green-0, #5DCB29); }
body.body-report.report-view .income-expenses-profit .icon.red {
background: var(--Red-1, #ED3E00); }
body.body-report.report-view .income-expenses-profit .icon.yellow {
background: var(--Yellow, #FC0); }
body.body-report.report-view .income-expenses-profit .mtitle {
border-bottom: 1px solid #000000;
padding: 4px 0 4px 5px; }
body.body-report.report-view .income-expenses-profit .mtitle, body.body-report.report-view .income-expenses-profit .txr {
display: flex;
align-items: baseline; }
body.body-report.report-view .income-expenses-profit .l1 > .txr .name {
font-weight: 600; }
body.body-report.report-view .income-expenses-profit .l2 {
padding-left: 1.6rem;
display: none;
flex-direction: column; }
body.body-report.report-view .income-expenses-profit .l2 .txr {
margin-top: 4px; }
body.body-report.report-view .income-expenses-profit .l3 {
padding-left: 2.2rem;
display: none;
flex-direction: column; }
body.body-report.report-view .income-expenses-profit .l4 {
padding-left: 3.6rem;
display: none;
flex-direction: column; }
body.body-report.report-view .income-expenses-profit .txr {
padding: 4px;
margin-top: 1.2rem; }
body.body-report.report-view .income-expenses-profit .txr svg {
margin-right: 6px; }
body.body-report.report-view .income-expenses-profit .txr .name {
line-height: 16px; }
body.body-report.report-view .income-expenses-profit .mtext {
font-weight: 600;
line-height: 16px; }
body.body-report.report-view .income-expenses-profit .amount {
margin-left: auto; }
body.body-report.report-view .income-expenses-profit:last-child {
margin-bottom: 6.4rem; }
body.body-report.report-view .income-expenses-profit.text .mtitle {
padding: 4px 0; }
body.body-report.report-view .income-expenses-profit.text .l2 .txr {
margin-top: 8px; }
body.body-report.report-view .income-expenses-profit.text .l2 .txr .name {
word-break: break-all; }
body.body-report.report-view .income-expenses-profit.iv .mtitle {
padding: 4px 0; }
body.body-report.report-view .income-expenses-profit.iv .l2 .txr {
margin-top: 12px; }
body.body-report.report-view .title {
border-bottom: 1px solid #000000;
margin-bottom: 2rem; }
body.body-report.report-view .title div {
color: var(--Black, #000);
text-align: center;
/* Text Semibold */
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 24px;
/* 150% */
border-bottom: 1px solid #000000;
margin-bottom: 3px; }
body.body-report.report-view .work-day-timeline {
margin-bottom: 7.2rem; }
body.body-report.report-view .work-day-timeline .hours-first {
display: flex;
justify-content: space-between;
font-size: 12px; }
body.body-report.report-view .work-day-timeline .hours-first > div {
width: 15px;
text-align: center;
display: inline-block; }
body.body-report.report-view .work-day-timeline .hours-second {
display: flex;
border-bottom: 1px solid #000000;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
height: 20px; }
body.body-report.report-view .work-day-timeline .hours-second > div {
position: relative;
width: calc(100% / 96); }
body.body-report.report-view .work-day-timeline .hours-second > div.six {
border-left: 1px solid #000000; }
body.body-report.report-view .work-day-timeline .hours-second > div div:nth-child(1) {
height: 4px; }
body.body-report.report-view .work-day-timeline .hours-second > div div:nth-child(2) {
height: 4px; }
body.body-report.report-view .work-day-timeline .hours-second > div div:nth-child(2).black {
border-left: 1px solid #000000; }
body.body-report.report-view .work-day-timeline .hours-second > div div:nth-child(3) {
height: 12px;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000; }
body.body-report.report-view .work-day-timeline .hours-second > div div:nth-child(3).violet {
background: #AA7EE2; }
body.body-report.report-view .work-day-timeline .hours-second > div div:nth-child(3).black {
border-left: 1px solid #000000; }
body.body-report.report-view .chart {
overflow: hidden;
text-align: center;
height: 160px; }
body.body-report.report-view .chart.shifts-chart {
display: flex;
justify-content: space-between;
align-items: baseline; }
body.body-report.report-view .chart.shifts-chart .chr {
opacity: .4;
display: flex;
justify-content: space-between;
align-items: baseline;
gap: 2px;
width: 4rem;
height: 100%; }
body.body-report.report-view .chart.shifts-chart .chr * {
width: .6rem; }
body.body-report.report-view .chart.shifts-chart .chr .act {
width: 2.4rem; }
body.body-report.report-view .chart.shifts-chart .chr .chr-l {
background: #AA7EE2; }
body.body-report.report-view .chart.shifts-chart .chr .chr-r {
background: #167FE1; }
body.body-report.report-view .chart.shifts-chart .chr .chr-rr {
background: #A5A5A5; }
body.body-report.report-view .chart.shifts-chart .chr.today {
opacity: 1; }
body.body-report.report-view .chart.reports-chart {
display: flex;
justify-content: space-between;
align-items: baseline; }
body.body-report.report-view .chart.reports-chart .chr {
opacity: .4;
display: flex;
justify-content: space-between;
align-items: baseline;
gap: 2px;
width: 3.4rem;
height: 100%; }
body.body-report.report-view .chart.reports-chart .chr * {
width: 1.6rem; }
body.body-report.report-view .chart.reports-chart .chr .chr-l {
background: #5DCB29; }
body.body-report.report-view .chart.reports-chart .chr .chr-r1 {
background: #FFCC00; }
body.body-report.report-view .chart.reports-chart .chr .chr-r2 {
background: #ED3E00; }
body.body-report.report-view .chart.reports-chart .chr.today {
opacity: 1; }
body.body-report.report-view .chart.other-chart {
display: flex;
justify-content: space-between;
align-items: baseline; }
body.body-report.report-view .chart.other-chart .chr {
opacity: .6;
display: flex;
justify-content: space-between;
align-items: baseline;
gap: 2px;
width: 3.4rem;
height: 100%; }
body.body-report.report-view .chart.other-chart .chr * {
width: .6rem; }
body.body-report.report-view .chart.other-chart .chr .act {
width: 2.4rem; }
body.body-report.report-view .chart.other-chart .chr .chr-l {
background: #FFCC00; }
body.body-report.report-view .chart.other-chart .chr .chr-m {
background: #5DCB29; }
body.body-report.report-view .chart.other-chart .chr .chr-r {
background: #167FE1; }
body.body-report.report-view .chart.other-chart .chr.today {
opacity: 1; }
body.body-report.report-view .chart.earnings-chart {
height: auto;
padding: 0 4px; }
body.body-report.report-view .chart.earnings-chart .app-type {
height: 2.4rem;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 4px;
width: 90%; }
body.body-report.report-view .chart.earnings-chart .app-type .app-name {
text-align: right;
width: 56px;
margin-right: 6px;
line-height: 16px; }
body.body-report.report-view .chart.earnings-chart .app-type .sqrs {
background: #EBEBEB;
width: 22rem;
height: 100%;
position: relative; }
body.body-report.report-view .chart.earnings-chart .app-type .sqrs .perc {
z-index: 3;
height: 100%;
background: #5DCB29;
left: 0;
top: 0;
position: absolute; }
body.body-report.report-view .chart.earnings-chart .app-type .sqrs .perc span {
right: -38px;
position: absolute;
top: 4px;
width: 35px;
text-align: left;
font-weight: 600;
color: #5DCB29; }
body.body-report.report-view .chart.earnings-chart .app-type .sqrs .sqr {
z-index: 2;
width: 1px;
height: 100%;
background: #ffffff;
position: absolute;
left: 25%; }
body.body-report.report-view .chart.earnings-chart .app-type .sqrs .sqr.s2 {
left: 50%; }
body.body-report.report-view .chart.earnings-chart .app-type .sqrs .sqr.s3 {
left: 75%; }
body.body-report.report-view .chart.employer-earnings-chart {
display: flex;
justify-content: space-between;
align-items: baseline; }
body.body-report.report-view .chart.employer-earnings-chart .chr {
opacity: .6;
display: flex;
justify-content: space-between;
align-items: baseline;
gap: 2px;
width: 3.4rem;
height: 100%; }
body.body-report.report-view .chart.employer-earnings-chart .chr .chr-inner {
background: #5DCB29; }
body.body-report.report-view .chart.employer-earnings-chart .chr * {
width: 3.4rem; }
body.body-report.report-view .chart.employer-earnings-chart .chr.today {
opacity: 1; }
body.body-report.report-view .day-in-week {
display: flex;
justify-content: space-between;
padding: 0 1rem;
margin: 21px 0; }
body.body-report.report-view .day-in-week a {
box-shadow: 0px -4px 8px 0px rgba(0, 0, 0, 0.1) inset;
height: 2.8rem;
width: 2.8rem;
border-radius: 50%;
border: 1px solid #000000;
display: block;
color: #000000;
font-size: 12px;
text-align: center;
padding-top: 5px; }
body.body-report.report-view .day-in-week a.active {
border: 0;
color: #454545;
background: var(--Gray-0, #EBEBEB);
box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.15) inset; }
body.body-report.report-view .day-in-week a.disabled {
box-shadow: none;
text-indent: -9999px;
border: 0;
background: var(--Gray-0, #EBEBEB);
pointer-events: none; }
body.body-report.report-view .change-graph {
margin-bottom: 6.4rem;
display: flex;
justify-content: space-between; }
body.body-report.report-view .change-graph .txt {
text-align: center;
margin-top: .5rem; }
body.body-report.report-view .vehicle-in-use {
font-size: 1.2rem;
margin-top: 4.8rem; }
body.body-report.report-view .vehicle-in-use .top {
display: flex;
justify-content: space-between;
border-bottom: 1px solid #000000;
padding: 4px 0; }
body.body-report.report-view .vehicle-in-use .top .vtitle {
line-height: 16px; }
body.body-report.report-view .vehicle-in-use .top .vtitle a {
display: inline-block; }
body.body-report.report-view .vehicle-in-use .top .vtitle.bold {
font-weight: 600; }
body.body-report.report-view .vehicle-in-use .middle {
display: none;
padding: 3.2rem 2rem; }
body.body-report.report-view .vehicle-in-use .middle strong {
display: block; }
body.body-report.report-view .vehicle-in-use .bottom {
padding: 0 4px; }
body.body-report.report-view .vehicle-in-use .bottom .fuel-name {
font-weight: 600;
padding: 4px 0 4px 1.6rem;
margin-top: 2.4rem;
line-height: 16px; }
body.body-report.report-view .vehicle-in-use .bottom .tab {
padding: 4px 0 4px 3.2rem;
display: flex;
justify-content: space-between;
line-height: 16px; }
body.body-report.report-view .vehicle-in-use .bottom .tab .l, body.body-report.report-view .vehicle-in-use .bottom .tab .r {
font-size: 1.2rem;
line-height: 16px; }
body.body-report.report-view .vehicle-in-use:nth-child(1) {
margin-top: 6.4rem; }
body.body-report.report-view .fuel-all {
margin-top: 4.8rem;
margin-bottom: 2rem;
line-height: 16px;
display: flex;
flex-direction: column;
flex-wrap: wrap;
align-content: center; }
body.body-report.report-view .fuel-all div {
text-align: center;
margin-bottom: 8px; }
body.body-report.report-view .fuel-all a.tbtn {
color: #454545;
width: 12rem; }
body.body-report .closePopup {
top: -4.7rem; }
body.body-report .reports {
padding-bottom: 8rem; }
body.body-report .reports .report {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-content: stretch;
justify-content: space-between;
align-items: center;
margin-bottom: 4px; }
body.body-report .reports .report .delete {
width: 3.6rem;
height: 4rem;
display: block; }
body.body-report .reports .report .day {
color: #A5A5A5;
font-family: 'InputMonoCondensed';
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 24px;
background: #E3E3E3;
/*min-width: 192px;*/
width: calc(100% - 170px);
height: 40px;
padding: .8rem 0 .8rem 1.6rem; }
body.body-report .reports .report .day.filled {
background: #FC0 !important;
color: #000000;
width: calc(100% - 126px); }
body.body-report .reports .report .day.sunday {
border-left: 3px solid #ED3E00;
color: #ED3E00;
padding: .8rem 1.6rem .8rem 1.3rem; }
body.body-report .reports .report .day.shift-in-progress-full {
width: calc(100% - 82px); }
body.body-report .reports .report .day.today {
background: #D0D0D0;
color: #454545; }
body.body-report .reports .report .twoActions {
width: 40px; }
body.body-report .reports .report .twoActions .edit {
float: left;
display: block;
width: 4rem;
height: 4rem;
background: transparent url("pencil_black.png") no-repeat;
background-size: contain; }
body.body-report .reports .report .twoActions .download {
float: right; }
body.body-report .reports .report .status {
width: 3.6rem;
height: 4rem;
padding: 5px 9px 5px 3px; }
body.body-report .reports .report .status .danger {
width: 28px;
height: 24px;
background: transparent url("danger.png") no-repeat;
background-size: contain; }
body.body-report .reports .report .status .status1 {
width: 22px;
height: 6px;
background: #E3E3E3;
margin-bottom: 2px;
margin-left: 2px; }
body.body-report .reports .report .status .status1.active {
background: #AA7EE2; }
body.body-report .reports .report .status .status2 div, body.body-report .reports .report .status .status3 div, body.body-report .reports .report .status .status4 div {
float: left;
margin-bottom: 2px;
margin-left: 2px;
width: 22px;
height: 6px;
background: #E3E3E3; }
body.body-report .reports .report .status .status2.active div:nth-child(1), body.body-report .reports .report .status .status3.active div:nth-child(1), body.body-report .reports .report .status .status4.active div:nth-child(1) {
background: #5DCB29;
background: #FC0; }
body.body-report .reports .report .status .status2.active div:nth-child(2), body.body-report .reports .report .status .status3.active div:nth-child(2), body.body-report .reports .report .status .status4.active div:nth-child(2) {
background: #ED3E00;
background: #FC0; }
body.body-report .reports .report .status .status2.active div:nth-child(3), body.body-report .reports .report .status .status3.active div:nth-child(3), body.body-report .reports .report .status .status4.active div:nth-child(3) {
background: #FC0; }
body.body-report .reports .report.readOnly .day {
width: calc(100% - 78px) !important; }
body.body-report .form-group {
margin-bottom: 2.4rem; }
body.body-report .form-group:last-child {
margin-bottom: 1.2rem; }
body.body-report.report-finish {
/*.form-group {
margin: 0;
}*/ }
body.body-report.report-finish form {
height: 100%; }
body.body-report.report-finish .inner {
padding: 4rem 3.6rem; }
body.body-report.report-finish span {
font-size: 12px;
line-height: 16px;
/* 133.333% */
margin-bottom: 8px;
display: block; }
body.body-report.report-finish .weatherTitle {
color: var(--Black, #000);
/* Subheading Light */
font-family: "InputMonoCondensed";
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 24px;
/* 150% */
text-align: center;
border-bottom: 2px solid #000000;
padding: 4.6rem 0 1.2rem 0;
margin-bottom: 1.6rem; }
body.body-report.report-finish textarea {
border: 2px solid var(--Black, #000);
background: var(--White, #FFF);
color: #000000;
/* Text input shadow */
box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.15) inset;
height: 18rem;
padding: .8rem 1.6rem;
font-family: 'InputMonoCondensed';
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 24px;
/* 150% */ }
body.readOnly .closePopup {
top: -4.7rem; }
body.readOnly.driver-profile-car .title, body.readOnly.driver-profile-app .title {
padding-left: 1.6rem; }
body.readOnly.driver-profile-fuel .box {
background: #D0D0D0 !important;
border-color: #BDBDBD !important; }
body.readOnly .custom-switch, body.readOnly .custom-control-input:disabled ~ .custom-control-label, body.readOnly .custom-control-input[disabled] ~ .custom-control-label {
color: #ffffff; }
body.readOnly .tx-switch .custom-control-input:checked ~ .custom-control-label::before {
background: #ffffff; }
body.readOnly .custom-control-input:disabled ~ .custom-control-label::before, body.readOnly .custom-control-input[disabled] ~ .custom-control-label::before {
background: #000000; }
body.readOnly form .fuel-box .gray .form-group .box span {
color: #A5A5A5 !important; }
body.readOnly form .fuel-box .gray .form-group label span {
display: none; }
body.readOnly form .form-group select:disabled {
color: #A5A5A5 !important; }
body.readOnly form .fuel-box .gray .form-group .box input::placeholder {
color: #A5A5A5 !important; }
body.readOnly form.no-effects .form-group select {
background: #D0D0D0 !important; }
.holder {
height: 100%; }
.bg {
width: 100%;
height: 100%;
background: #000000;
opacity: 0.4;
position: fixed;
z-index: 100;
display: none; }
header {
background: #000000;
/*height: 9.6rem;*/
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
text-align: center; }
header .logo {
display: block;
height: 4rem;
background: url("logo_nav.png") no-repeat center center;
background-size: contain;
margin: .2rem 0; }
header .logo.text {
background: none;
font-family: "InputMonoCondensed", serif;
font-size: 28px;
font-style: normal;
font-weight: 700;
line-height: 40px;
/* 142.857% */
color: #ffffff; }
header .menuBottom {
border-top: 1px solid #ffffff;
position: relative;
min-height: 4.1rem; }
header .menuBottom .prev {
position: absolute;
left: 0;
top: 0; }
header .menuBottom .next {
position: absolute;
right: 0;
top: 0; }
header .menuBottom a.navbar-toggler-icon {
width: 4rem;
height: 4rem;
background: transparent url("menu.png") no-repeat;
background-size: contain;
position: absolute;
left: 0;
top: 0; }
header .menuBottom a.navbar-toggler-icon.clicked {
background: transparent url("x.png") no-repeat !important;
background-size: contain !important; }
header .menuBottom a.navbar-toggler-icon.user {
background: transparent url("user.png") no-repeat;
background-size: contain;
right: 0;
left: initial; }
header .menuBottom .name {
font-family: 'InputMonoCondensed', serif;
font-weight: 300;
font-size: 1.6rem;
color: #ffffff;
line-height: 4rem;
height: 4rem; }
header nav {
background: #000000;
position: fixed;
width: 100%;
text-align: center;
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.4);
z-index: 101; }
header nav .menu {
padding: 5rem 0 10rem 0; }
header nav ul li a {
font-family: 'InputMonoCondensed', serif;
font-weight: 300;
display: block;
color: #ffffff;
padding: 1.6rem;
font-size: 1.6rem;
line-height: 2.4rem; }
header nav ul li a span {
color: #FF5C16;
position: absolute;
right: 25%; }
#intro {
background: #FFCC00;
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 9999;
box-shadow: 8px 0px 16px 0px rgba(0, 0, 0, 0.2); }
#intro * {
text-align: center; }
#intro .center {
position: absolute;
top: 40%;
width: 100%; }
#intro .center .logo {
display: inline-block;
width: 30.6rem;
height: 9.5rem;
background: url("TX_2000_logo_intro.png");
background-size: contain; }
#intro .center .text {
font-size: 1.6rem;
text-transform: uppercase;
color: #000000; }
#intro .bottom {
position: absolute;
bottom: 10%;
width: 100%; }
#intro .bottom .agreed {
font-size: 1.2rem;
line-height: 1.6rem;
padding-bottom: 2.4rem; }
#intro .bottom .agreed a {
border-bottom: 1px solid #000000; }
#intro .bottom a {
display: inline-block;
color: #000000; }
#intro .bottom a:hover {
text-decoration: none; }
#intro .bottom a.yes, #intro .bottom a.no {
display: inline-block;
border-radius: 1.2rem;
width: 10.8rem;
height: 2.8rem;
font-size: 1.2rem;
line-height: 1.6rem;
padding: .6rem; }
#intro .bottom a.yes {
background: #000000;
color: #FFCC00;
margin-bottom: 1.6rem; }
#intro .bottom a.no {
border: 1px solid #000000; }
#goodbye {
background: #000000;
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: -100%;
z-index: 9999;
text-align: center; }
#goodbye .text {
position: absolute;
top: 45%;
width: 100%;
font-size: 1.6rem;
color: #ffffff;
font-family: 'InputMonoCondensed', serif; }
#goodbye .bottom {
position: absolute;
bottom: 8%;
width: 100%; }
#goodbye .bottom a {
display: inline-block;
color: #000000; }
#goodbye .bottom a:hover {
text-decoration: none; }
#goodbye .bottom a.back {
display: inline-block;
border-radius: 1.2rem;
width: 10.8rem;
height: 2.8rem;
font-size: 1.2rem;
line-height: 1.6rem;
padding: .6rem;
background: #FFCC00;
color: #000000; }
.slider {
display: table-cell;
vertical-align: middle;
position: relative;
overflow: hidden;
height: 100%; }
.slider .nav {
overflow: hidden;
position: relative; }
.slider .nav a.next {
color: #000000;
font-size: 1.6rem;
border-bottom: 2px solid #000000;
display: inline-block;
text-align: center;
position: relative;
font-weight: 700;
left: 50%;
transform: translateX(-50%); }
.slider .nav a.next:hover {
text-decoration: none; }
.slider .nav a.prev {
opacity: 0;
display: none;
width: 1.963rem;
height: 2.244rem;
background: url("double_arrow.png") no-repeat;
background-size: contain;
position: absolute;
font-weight: 700;
bottom: 0;
left: 50%; }
.slider .moveable {
position: relative;
white-space: nowrap; }
.slider .moveable > div {
display: inline-block;
white-space: normal;
padding: 1.6rem 3.6rem 0.5rem 3.6rem;
/*@media (min-height: 686px) {
padding: 3.6rem 3.6rem 2.5rem 3.6rem;
}
*/ }
.slider .moveable > div div.sub {
padding: 1rem 0;
font-size: 1.6rem; }
input, select {
font-family: 'InputMonoCondensed', serif; }
input:-webkit-autofill::first-line, input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active, select:-webkit-autofill::first-line, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus, select:-webkit-autofill:active {
font-family: 'InputMonoCondensed', serif; }
/* Change Autocomplete styles in Chrome*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
border: 2px solid #000000;
-webkit-text-fill-color: #000000;
-webkit-box-shadow: 0 0 0px 1000px transparent inset;
transition: background-color 5000s ease-in-out 0s;
font-size: 2.8rem; }
.gold {
font-family: 'InputMonoCompressed', serif;
background: #FFCC00;
color: #000000;
font-size: 2.8rem;
line-height: 4rem;
background: transparent; }
.gold span {
background: #FFCC00;
display: inline-block;
padding: 0 .4rem;
margin-bottom: .5rem; }
.popup {
display: none;
position: fixed;
height: 100%;
width: 100%;
z-index: 1000;
padding-top: 8.5rem;
padding-bottom: 17rem;
top: 0;
background: #ffffff;
left: 0;
text-align: center; }
.popup .title {
position: relative;
height: 4rem;
background: #000000;
color: #ffffff;
text-align: center;
line-height: 4rem;
font-size: 1.6rem; }
.popup p {
font-size: 1.6rem;
text-align: center; }
.popup.start-shift form {
padding: 0 5rem; }
.popup.start-shift form span {
font-family: InputMonoCompressed, serif;
font-size: 1.6rem;
position: absolute;
right: 7px;
top: 31px; }
.content {
display: table;
table-layout: fixed;
height: 100%;
width: 100%; }
.content.center {
text-align: center; }
#signup-form {
height: 100%; }
.inner {
display: table-cell;
vertical-align: middle;
padding: 3.6rem 3.6rem 3.6rem 3.6rem;
width: 100%; }
.inner.no-vcenter {
display: block;
vertical-align: initial; }
.inner .gold {
line-height: 4.5rem; }
.inner ul.list li {
font-size: 1.6rem;
padding: 0 0 3rem 1rem; }
.inner ol.terms-list, .inner ul.terms-list {
padding-left: 2.5rem; }
.inner ol.terms-list li, .inner ul.terms-list li {
font-size: 1.6rem;
padding: 0; }
.inner ul.terms-list {
list-style: disc; }
.inner p {
padding: 0;
margin: 0 0 4rem 0;
font-size: 1.6rem;
line-height: 2.4rem; }
.inner p:last-child {
margin: 0; }
.inner p a {
font-weight: bold;
border-bottom: 2px solid #000000;
color: #000000; }
.inner p a.outer {
font-weight: normal;
border: 0;
color: #025BAD; }
.inner p.no-margin {
margin: 0; }
.inner .l, .inner .r {
font-size: 1.6rem;
float: left; }
.inner ul.download {
vertical-align: middle;
list-style: none; }
.inner ul.download li {
margin-bottom: 4px; }
.inner ul.download li a {
position: relative;
display: block; }
.inner ul.download li a .title {
font-family: 'InputMonoCondensed', serif;
background: #FFCC00;
font-size: 1.6rem;
color: #000000;
height: 4rem;
line-height: 4rem;
text-align: center;
padding-right: 4rem; }
.inner ul.download li a .download {
border-left: 4px solid #ffffff;
position: absolute;
right: 0;
top: 0;
width: 4rem;
height: 4rem; }
.inner ul.download li.disabled a .title {
background: #D0D0D0;
color: #A5A5A5; }
.inner ul.download li.disabled a i.download {
opacity: .2; }
.inner .disclaimer {
font-size: 1.2rem;
text-align: center; }
.inner h2 {
font-size: 2.8rem;
font-family: InputMonoCompressed, serif;
padding-top: 2.8rem;
margin-bottom: 1.6rem;
border-bottom: 3px solid #000000; }
.inner .fuelPrices {
overflow: hidden;
position: relative;
padding-right: 4rem;
display: flex; }
.inner .fuelPrices .box {
width: 25%;
margin-right: 6px; }
.inner .fuelPrices .box .title {
font-size: 1.2rem;
font-weight: 300;
padding: 0 0 4px 1px;
line-height: 1.6rem; }
.inner .fuelPrices .box .green {
height: 10px;
background: #5DCB29;
border: 2px solid #000000; }
.inner .fuelPrices .box .frame {
border: 2px solid #000000;
border-top: none;
box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.15) inset;
text-align: center; }
.inner .fuelPrices .box .frame input {
font-family: 'InputMonoCompressed', serif;
font-size: 1.6rem;
line-height: 2.4rem;
border: 0;
background: transparent;
width: 5rem;
height: 2.4rem;
text-align: center;
outline: 0;
margin: 2px 5px;
padding: 0; }
.inner .fuelPrices a {
display: block;
width: 4rem;
height: 4rem;
background: transparent url("refresh-prices.png") no-repeat;
background-size: contain;
position: absolute;
right: 0;
bottom: 0; }
.inner .ex .title-ex {
font-size: 1.2rem;
text-align: center;
padding: 8rem 0 2rem; }
.inner .ex .profiles {
opacity: .7; }
.inner .ex .profiles .title .status {
width: 1.6rem; }
.inner .profiles .title {
display: flex;
align-items: center;
height: 4rem;
margin: 1.2rem 0 .4rem 0;
font-size: 1.6rem;
color: #ffffff;
background: #000000;
font-weight: 300;
font-family: 'InputMonoCondensed', serif; }
.inner .profiles .title span {
padding-left: 1.7rem;
line-height: 2.4rem; }
.inner .profiles .title a.edit {
display: inline-block;
width: 40px;
height: 40px;
background: transparent url("edit.png") no-repeat;
background-size: contain; }
.inner .profiles .title .status {
display: flex;
justify-content: center;
align-items: center;
width: 40px;
height: 40px; }
.inner .profiles .title .closeX {
border-left: 4px solid #fff; }
.inner .profiles .list {
background: #E3E3E3;
overflow: hidden; }
.inner .profiles .list .no-profile {
display: block;
border: 2px solid #000000;
box-shadow: 0px -4px 8px 0px rgba(0, 0, 0, 0.1) inset;
font-size: 1.6rem;
font-weight: 300;
line-height: 2.4rem;
text-align: center;
color: #000000;
padding: .8rem;
background: #ffffff;
margin: 2rem 1.6rem;
font-family: 'InputMonoCondensed', serif; }
.inner .profiles .existing {
padding: 1.6rem .8rem .8rem 1.6rem;
font-size: 12px;
font-style: normal;
line-height: 16px; }
.inner .profiles .existing .row .col {
margin-bottom: 5px; }
.inner .profiles .existing .row:last-child {
margin-bottom: 0; }
.inner .profiles .existing strong {
display: block; }
.inner .profiles .existing .delete {
overflow: hidden;
float: right; }
.inner .home-add-expenses-incomes {
margin-top: 1.2rem;
display: flex;
justify-content: space-between;
align-items: baseline; }
.inner .home-add-expenses-incomes a {
display: flex;
justify-content: space-between;
align-items: center;
text-align: center;
background: #E3E3E3;
height: 4rem;
font-size: 1.2rem;
color: #000;
width: 100%;
padding-left: 2.1rem; }
.inner .home-add-expenses-incomes a i {
font-style: normal;
font-size: 2.6rem;
color: #fff;
display: block;
width: 4rem;
height: 4rem;
float: right; }
.inner .home-add-expenses-incomes a.expense {
margin-right: 6px; }
.inner .home-add-expenses-incomes a.expense i {
background: #c12500; }
.inner .home-add-expenses-incomes a.income {
margin-left: 6px; }
.inner .home-add-expenses-incomes a.income i {
background: #409e1d; }
.inner .home-add-expenses-incomes.disabled {
pointer-events: none; }
.inner .home-add-expenses-incomes.disabled i {
background: #d0d0d0 !important; }
.inner .datetime {
margin-top: 1.2rem;
display: flex;
padding: 4px 16px;
justify-content: space-between;
border-radius: 16px;
background: var(--gray-1, #E3E3E3);
box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1) inset; }
.inner .datetime .date, .inner .datetime .time {
color: var(--gray-7, #454545);
font-family: "InputMonoCondensed";
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 24px;
/* 150% */ }
.inner .startButton {
margin-top: 1.2rem;
display: flex;
padding: 16px 0;
justify-content: center;
gap: 10px;
border-radius: 28px;
background: var(--gray-2, #D0D0D0);
box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.05) inset;
color: var(--gray-5, #A5A5A5);
text-align: center;
/* Subheading Light */
font-family: "InputMonoCondensed";
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 24px;
/* 150% */ }
.inner .startButton.start {
background: var(--Yellow, #FC0);
box-shadow: 0px -4px 8px 0px rgba(0, 0, 0, 0.1) inset;
color: #000000; }
.inner .startButton.active {
background: #000000;
color: #ffffff; }
.inner .startButton.midnight {
color: #ffffff;
background: var(--Midnight, #7128CF);
box-shadow: 0px -4px 8px 0px rgba(0, 0, 0, 0.1) inset; }
.inner .shift-in-progress {
font-size: 1.2rem;
line-height: 1.6rem;
margin-top: 1.2rem;
text-align: center; }
.inner.terms h2 {
border-bottom: none;
text-decoration: underline;
text-decoration-color: #FFCC00;
text-decoration-thickness: 5px;
text-underline-offset: 8px;
font-size: 2.8rem;
line-height: 4rem; }
/*
}*/
.site-index .bottomBigButtons, .site-request-password-reset .bottomBigButtons, .site-page .content .bottomBigButtons, .site-reset-password .bottomBigButtons, .popup .bottomBigButtons {
position: fixed;
z-index: 99;
width: 100%;
left: 0;
bottom: 0; }
.site-index .inner {
padding: 2rem; }
.site-login .inner p {
text-align: center; }
.site-login p a {
margin-top: 10rem;
display: inline-block; }
.site-login p a:hover {
text-decoration: none; }
.registerButtons {
padding: .4rem;
position: absolute !important;
z-index: 0;
width: 100%;
left: 0;
bottom: 0;
border: 0;
margin: 0 !important; }
.registerButtons * {
width: 100%; }
form .form.hide-require .form-group.required:has(input[type="text"], input[type="password"], select):after {
display: none; }
form .form-group {
position: relative;
margin-bottom: 3rem;
/* checkbox terms */ }
form .form-group label {
font-size: 1.2rem; }
form .form-group label:after {
content: ":"; }
form .form-group.required:has(input[type="text"], input[type="password"], select):after {
content: "*";
position: absolute;
right: 0;
top: -.3rem;
font-size: 2rem;
color: #C12500; }
form .form-group input {
border: 2px solid #000000;
border-radius: 0; }
form .form-group input[type="text"], form .form-group input[type="password"], form .form-group input[type="number"] {
height: 4rem;
font-size: 1.6rem; }
form .form-group input[type="text"]:focus, form .form-group input[type="password"]:focus, form .form-group input[type="number"]:focus {
background: #EBEBEB;
box-shadow: inset 0px 4px 8px rgba(0, 0, 0, 0.15); }
form .form-group input:disabled {
color: #B1B1B1;
background: #E3E3E3;
border: 2px solid #BDBDBD; }
form .form-group select {
height: 4rem;
font-size: 1.6rem;
border: 2px solid #000000;
border-radius: 0;
box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.15) inset; }
form .form-group select:focus {
background: #EBEBEB;
box-shadow: inset 0px 4px 8px rgba(0, 0, 0, 0.15); }
form .form-group select:disabled {
color: #B1B1B1;
background: #E3E3E3;
border: 2px solid #BDBDBD; }
form .form-group .help-block {
font-size: 1.2rem;
text-align: right;
color: #C12500;
position: absolute;
right: 0; }
form .form-group.field-signupform-terms, form .form-group.field-driverprofile-owner, form .form-group.field-driverprofile-driver, form .form-group.field-driverprofile-fee, form .form-group.field-reportdriverprofile-owner, form .form-group.field-reportdriverprofile-fee, form .form-group.field-car-cost_energents, form .form-group.field-car-cost_maintenance, form .form-group.field-loginform-rememberme {
padding: 1rem 0 0 .8rem;
font-size: 1.6rem;
line-height: 2.4rem; }
form .form-group.field-signupform-terms label, form .form-group.field-driverprofile-owner label, form .form-group.field-driverprofile-driver label, form .form-group.field-driverprofile-fee label, form .form-group.field-reportdriverprofile-owner label, form .form-group.field-reportdriverprofile-fee label, form .form-group.field-car-cost_energents label, form .form-group.field-car-cost_maintenance label, form .form-group.field-loginform-rememberme label {
font-size: 1.6rem;
width: 100%; }
form .form-group.field-signupform-terms label:after, form .form-group.field-driverprofile-owner label:after, form .form-group.field-driverprofile-driver label:after, form .form-group.field-driverprofile-fee label:after, form .form-group.field-reportdriverprofile-owner label:after, form .form-group.field-reportdriverprofile-fee label:after, form .form-group.field-car-cost_energents label:after, form .form-group.field-car-cost_maintenance label:after, form .form-group.field-loginform-rememberme label:after {
content: ""; }
form .form-group.field-signupform-terms label a, form .form-group.field-driverprofile-owner label a, form .form-group.field-driverprofile-driver label a, form .form-group.field-driverprofile-fee label a, form .form-group.field-reportdriverprofile-owner label a, form .form-group.field-reportdriverprofile-fee label a, form .form-group.field-car-cost_energents label a, form .form-group.field-car-cost_maintenance label a, form .form-group.field-loginform-rememberme label a {
font-weight: bold;
color: #000000;
border-bottom: 2px solid #000000; }
form .form-group.field-signupform-terms input, form .form-group.field-driverprofile-owner input, form .form-group.field-driverprofile-driver input, form .form-group.field-driverprofile-fee input, form .form-group.field-reportdriverprofile-owner input, form .form-group.field-reportdriverprofile-fee input, form .form-group.field-car-cost_energents input, form .form-group.field-car-cost_maintenance input, form .form-group.field-loginform-rememberme input {
width: 2rem;
height: 2rem;
float: left;
margin: 1rem 2rem 2rem 0; }
form .form-group.field-signupform-terms #signupform-terms, form .form-group.field-driverprofile-owner #signupform-terms, form .form-group.field-driverprofile-driver #signupform-terms, form .form-group.field-driverprofile-fee #signupform-terms, form .form-group.field-reportdriverprofile-owner #signupform-terms, form .form-group.field-reportdriverprofile-fee #signupform-terms, form .form-group.field-car-cost_energents #signupform-terms, form .form-group.field-car-cost_maintenance #signupform-terms, form .form-group.field-loginform-rememberme #signupform-terms {
display: inline-block; }
form .form-group.field-car-cost_energents, form .form-group.field-car-cost_maintenance, form .form-group.field-loginform-rememberme {
padding: 0 0 0 .8rem; }
form .form-group.field-car-cost_energents label, form .form-group.field-car-cost_maintenance label, form .form-group.field-loginform-rememberme label {
font-size: 1.2rem; }
form .form-group.field-car-cost_energents input, form .form-group.field-car-cost_maintenance input, form .form-group.field-loginform-rememberme input {
margin: .2rem 2rem 2rem 0; }
form .form-group.field-car-cost_maintenance {
margin-bottom: 0 !important; }
form .form-group.field-driverprofile-owner label, form .form-group.field-driverprofile-driver label, form .form-group.field-driverprofile-fee label, form .form-group.field-reportdriverprofile-owner label, form .form-group.field-reportdriverprofile-fee label {
font-size: 1.2rem;
line-height: 20px; }
form .form-group.field-driverprofile-owner label input, form .form-group.field-driverprofile-driver label input, form .form-group.field-driverprofile-fee label input, form .form-group.field-reportdriverprofile-owner label input, form .form-group.field-reportdriverprofile-fee label input {
margin: 0 2rem 0 0; }
form .form-group.has-error input {
border: 2px solid #C12500; }
form .fields-owner .form-group.required:has(input[type="text"], input[type="password"], select):after {
right: 16px;
top: 12px; }
form.no-effects .form-group input[type="text"], form.no-effects .form-group input[type="password"] {
background: transparent !important;
box-shadow: none !important; }
form.no-effects .form-group select {
background: #ffffff !important;
box-shadow: none !important; }
.site-check-price .inner {
padding-bottom: 0; }
.site-check-price .inner .form-group {
margin-bottom: 3.2rem; }
.site-check-price .inner .form-group:nth-of-type(2) {
margin-bottom: 4rem; }
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0; }
/* Firefox */
input[type=number] {
-moz-appearance: textfield; }
.providerForms {
display: none;
margin: 1.1rem;
padding: 2rem;
background: #E3E3E3; }
.providerForms .frow {
position: relative;
margin-bottom: 1.6rem;
border-bottom: 2px solid transparent; }
.providerForms .frow.select label {
margin: 0;
line-height: 2.4rem; }
.providerForms .frow.valid {
color: #000000;
border-bottom: 2px solid #000000; }
.providerForms .frow.valid label {
color: #000000; }
.providerForms .frow.valid .box {
background: #ffffff;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15) inset;
border: 2px solid #000000; }
.providerForms .frow.valid .box span {
color: #000000; }
.providerForms .frow.valid .box input::placeholder {
color: transparent; }
.providerForms .frow.valid .box.multiForm span:not(.corner) {
color: #000000 !important; }
.providerForms .frow.valid select {
border-left: 2px solid #000000;
border-right: 2px solid #000000;
border-top: 2px solid #000000;
background: #ffffff;
color: #000000; }
.providerForms .frow.notvalid {
color: #ED3E00;
border-bottom: 2px solid #ED3E00; }
.providerForms .frow.notvalid label {
color: #000000; }
.providerForms .frow.notvalid .box {
background: #ffffff;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15) inset;
border: 2px solid #ED3E00; }
.providerForms .frow.notvalid .box span {
color: #000000; }
.providerForms .frow.notvalid .box input::placeholder {
color: transparent; }
.providerForms .frow.notvalid .box.multiForm span:not(.corner) {
color: #000000 !important; }
.providerForms .frow label {
font-size: 1.2rem;
margin: 2rem 0 0 0;
color: #BDBDBD; }
.providerForms .frow .box {
bottom: -2px;
position: absolute;
right: 0;
border: 2px solid transparent;
width: 13.2rem;
height: 4rem;
text-align: center;
background: #EBEBEB; }
.providerForms .frow .box input {
font-family: 'InputMonoCompressed', serif;
font-size: 2.8rem;
line-height: 3.6rem;
border: 0;
background: transparent;
max-width: 10rem;
height: 3.6rem;
text-align: center;
outline: 0;
margin: 0;
padding: 0; }
.providerForms .frow .box input::placeholder {
color: #D0D0D0; }
.providerForms .frow .box input:focus::placeholder {
color: transparent; }
.providerForms .frow .box span {
font-size: 1.2rem;
color: #D0D0D0; }
.providerForms .frow .box.multiForm input {
max-width: 3rem; }
.providerForms .frow .box.multiForm span:not(.corner) {
font-size: 2.8rem;
display: inline-block;
width: 1rem;
line-height: 4rem;
color: #D0D0D0;
font-family: InputMonoCompressed, serif; }
.providerForms .frow select {
font-family: 'InputMonoCompressed', serif;
font-size: 1.6rem;
line-height: 2.4rem;
height: 3.8rem;
border: 0;
width: 100%;
max-width: 100%;
background: #EBEBEB;
padding-left: 1rem;
color: #BDBDBD; }
.providerForms.f2 {
margin-bottom: 4rem; }
.result {
display: none;
padding: 0 3.6rem 3.6rem 3.6rem; }
.result * {
font-size: 1.2rem;
line-height: 2.5rem; }
.result span.multi {
float: right;
padding-right: 2.4rem; }
.result hr {
height: 2px;
background: #000000;
border: 0; }
.result .multiplier {
display: none;
float: left;
margin-top: .9rem; }
.result .perc {
line-height: initial;
font-size: 2.8rem;
font-family: 'InputMonoCondensed', serif;
text-align: right;
color: #409E1D;
font-weight: 700;
padding-bottom: 2rem; }
.result .perc.red {
color: #C12500; }
.result .bgGray {
background: #E3E3E3;
padding: 1rem 1.5rem; }
.result .bgGray span {
padding-left: 1.6rem;
color: #C12500;
font-weight: 600; }
.result .bgGray span.green {
color: #409E1D; }
.result .twoBigger {
float: right;
font-size: 1.6rem;
font-family: 'InputMonoCondensed', serif;
text-align: right;
font-weight: 300; }
.result.f2 .bgGray span {
float: right; }
.bottomBigButtons {
padding: .4rem; }
.bigGold, .bigBlack, .bigGray, .bigBlue {
font-family: 'InputMonoCondensed', serif;
font-weight: 300;
border: 0;
display: block;
font-size: 1.6rem;
line-height: 6rem;
text-align: center;
width: 100%;
height: 6rem; }
.bigBlack {
color: #ffffff;
background: #000000; }
.bigGray {
color: #A5A5A5;
background: #D0D0D0;
/*border-bottom-left-radius: 1rem;
border-bottom-right-radius: 1rem;*/
pointer-events: none;
margin-top: .4rem; }
.bigGold, .bigBlue {
color: #000000;
background: #FFCC00;
box-shadow: inset 0px -4px 8px rgba(0, 0, 0, 0.1);
/*border-bottom-left-radius: 1rem;
border-bottom-right-radius: 1rem;*/
margin-top: .4rem; }
.bigGold:visited, .bigBlue:visited {
color: #000000;
text-decoration: none; }
.video-image {
background: url("VIDEO.png") no-repeat;
background-size: contain;
width: 100%;
aspect-ratio: 1 / 1; }
.about-image {
background: url("about.png") no-repeat;
background-size: contain;
width: 100%;
aspect-ratio: 1 / 1; }
.warning-image {
background: url("warning.png") no-repeat center;
background-size: contain;
display: inline-block;
width: 80%;
height: 20rem; }
.delete-car-image {
background: url("delete-car.png") no-repeat center;
background-size: contain;
display: inline-block;
width: 80%;
height: 20rem; }
.delete-app-image {
background: url("remove-app.png") no-repeat center;
background-size: contain;
display: inline-block;
width: 80%;
height: 20rem; }
.success-image {
background: url("success.png") no-repeat center;
background-size: contain;
display: inline-block;
width: 80%;
height: 20rem; }
.pay-image {
background: url("pay.png") no-repeat center;
background-size: contain;
display: inline-block;
width: 80%;
height: 20rem; }
.request-new-code-image {
background: url("request-new-code.png") no-repeat center;
background-size: contain;
display: inline-block;
width: 80%;
height: 20rem; }
.reg-success-image {
background: url("reg-success.png") no-repeat center;
background-size: contain;
display: inline-block;
width: 80%;
height: 20rem; }
.password-changed-image {
background: url("password-changed.png") no-repeat center;
background-size: contain;
display: inline-block;
width: 80%;
height: 20rem; }
.remove-driver-profile-success-image {
background: url("remove-driver-profile-success.png") no-repeat center;
background-size: contain;
display: inline-block;
width: 80%;
height: 20rem; }
.logout-image {
background: url("logout.png") no-repeat center;
background-size: contain;
display: inline-block;
width: 80%;
height: 20rem; }
.one-added-image {
background: url("one_added.png") no-repeat center;
background-size: contain;
display: inline-block;
width: 80%;
height: 20rem; }
/*popup*/
.popup.add-expense .inner a, .popup.add-expense .inner span, .popup.add-income .inner a, .popup.add-income .inner span {
display: block;
color: #000;
font-size: 1.2rem;
margin-bottom: 2rem; }
.popup.add-expense .add-expense-driver-image, .popup.add-expense .add-income-driver-image,
.popup.add-expense .add-expense-car-image, .popup.add-expense .add-income-car-image,
.popup.add-expense .add-expense-business-image, .popup.add-expense .add-income-business-image, .popup.add-income .add-expense-driver-image, .popup.add-income .add-income-driver-image,
.popup.add-income .add-expense-car-image, .popup.add-income .add-income-car-image,
.popup.add-income .add-expense-business-image, .popup.add-income .add-income-business-image {
height: 12.4rem; }
.popup.add-expense a .add-expense-driver-image, .popup.add-income a .add-expense-driver-image {
margin-top: 1rem;
background: url("add-expense-driver.png") no-repeat center; }
.popup.add-expense a .add-income-driver-image, .popup.add-income a .add-income-driver-image {
margin-top: 1rem;
background: url("add-income-driver.png") no-repeat center; }
.popup.add-expense a .add-expense-car-image, .popup.add-income a .add-expense-car-image {
margin-top: 1rem;
background: url("add-expense-car.png") no-repeat center; }
.popup.add-expense a .add-income-car-image, .popup.add-income a .add-income-car-image {
margin-top: 1rem;
background: url("add-income-car.png") no-repeat center; }
.popup.add-expense a .add-expense-business-image, .popup.add-income a .add-expense-business-image {
margin-top: 1rem;
background: url("add-expense-business.png") no-repeat center; }
.popup.add-expense a .add-income-business-image, .popup.add-income a .add-income-business-image {
margin-top: 1rem;
background: url("add-income-business.png") no-repeat center; }
.popup.add-expense a.disabled, .popup.add-income a.disabled {
pointer-events: none;
cursor: pointer; }
.popup.add-expense a.disabled .add-expense-driver-image, .popup.add-expense a.disabled .add-income-driver-image, .popup.add-income a.disabled .add-expense-driver-image, .popup.add-income a.disabled .add-income-driver-image {
background: url("add-expense-driver-unactive.png") no-repeat center; }
.popup.add-expense a.disabled .add-expense-car-image, .popup.add-expense a.disabled .add-income-car-image, .popup.add-income a.disabled .add-expense-car-image, .popup.add-income a.disabled .add-income-car-image {
background: url("add-expense-car-unactive.png") no-repeat center; }
.popup.add-expense a.disabled .add-expense-business-image, .popup.add-expense a.disabled .add-income-business-image.disabled, .popup.add-income a.disabled .add-expense-business-image, .popup.add-income a.disabled .add-income-business-image.disabled {
background: url("add-expense-busines-unactive.png") no-repeat center; }
.subscription-removed-image {
background: url("subscription-removed.png") no-repeat center;
background-size: contain;
display: inline-block;
width: 80%;
height: 20rem; }
.register-finish-image {
background: url("register-finish.png") no-repeat center;
background-size: contain;
display: inline-block;
width: 80%;
height: 20rem; }
.in-progress-image {
background: url("inProgress.png") no-repeat center;
background-size: contain;
display: inline-block;
width: 80%;
height: 20rem; }
.no-notifications-image {
background: url("no-notifications.png") no-repeat center;
background-size: contain;
display: inline-block;
width: 80%;
height: 20rem; }
.contact-image {
background: url("contact.png") no-repeat center;
background-size: contain;
display: inline-block;
width: 80%;
height: 20rem; }
.profile-driver-complete-image {
background: url("driver-profile-submit.png") no-repeat center;
background-size: contain;
display: inline-block;
width: 80%;
height: 20rem; }
.fuel-image {
background: url("fuel.png") no-repeat center;
background-size: contain;
display: inline-block;
width: 80%;
height: 20rem; }
.start-shift-image {
background: url("start-shift.png") no-repeat center;
background-size: contain;
display: inline-block;
width: 80%;
height: 20rem; }
.report-finish-image {
background: url("finish-report.png") no-repeat center;
background-size: contain;
display: inline-block;
width: 80%;
height: 20rem; }
.closePopup {
position: absolute;
right: 0;
top: 0rem;
width: 4rem;
height: 4rem; }
.closePopup.fix {
top: 0rem !important; }
.expanded {
transform: rotate(180deg); }
.weatherIcons {
display: flex;
align-items: center;
justify-content: space-between; }
.weatherIcons label[for*="w1"] {
background-image: url('data:image/svg+xml;utf8,'); }
.weatherIcons label[for*="w2"] {
background-image: url('data:image/svg+xml;utf8,'); }
.weatherIcons label[for*="w3"] {
background-image: url('data:image/svg+xml;utf8,'); }
.weatherIcons label[for*="w4"] {
background-image: url('data:image/svg+xml;utf8,'); }
.weatherIcons label[for*="w5"] {
background-image: url('data:image/svg+xml;utf8,'); }
.weatherIcons label[for*="w6"] {
background-image: url('data:image/svg+xml;utf8,'); }
.weatherIcons input[type=checkbox] {
display: none; }
.weatherIcons input[type=checkbox] + label {
background-position: center;
text-indent: -9999px;
height: 40px;
width: 40px;
display: inline-block; }
.weatherIcons input[type=checkbox]:checked + label {
border: 2px solid black; }
.weatherIcons .form-group {
margin: 0 !important; }
.passwordConfirmation {
text-align: left;
font-size: 1.2rem; }
.passwordConfirmation input {
height: 4rem;
font-size: 1.6rem;
background: #ffffff;
box-shadow: inset 0px 4px 8px rgba(0, 0, 0, 0.15);
color: #000;
border: 2px solid #000;
border-radius: 0; }
.passwordChange {
text-align: center;
/* Subheading Light */
font-family: "InputMonoCondensed";
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 24px;
/* 150% */
display: block;
padding: .8rem;
border: 2px solid var(--Black, #000);
background: var(--White, #FFF);
/* Button shadow */
box-shadow: 0px -4px 8px 0px rgba(0, 0, 0, 0.1) inset;
color: #000000; }
.show-hide-password {
background: url("show-hide-password.png");
width: 31px;
height: 16px;
display: block;
position: absolute;
right: 10px;
top: 35px;
cursor: pointer; }
/*# sourceMappingURL=common.css.map */