@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap");

html, body {
  background: #002C4E !important;
  font-family: 'Roboto' !important;
}

ion-content, ion-view, .pane, .view {
  background: #008FE6 !important;
  color: ;
}

.launcher_background {
  background-color: #3d9dd4 !important;
}

.japster-wrapper {
  background: white; 
  margin: 7px;
  padding: 20px;
  border-radius: 10px;
}
.japster-logo {
  display: block;
  width: 60%; 
  max-width: 250px; 
  margin: 0 auto;
}

.japster-button {
  margin-top: 20px;
    display: block;
    color: white;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 500;
    padding: 10px 25px;
    border-radius: 16px;
    background: linear-gradient(90deg,#FF4A6F 21.7%,#FF665A 101.75%);
    cursor: pointer;
    text-align: center;
}

.kirjaudusisaan_background {
background-image: url(../img/ruori/carShareBackground.jpg) !important;
}

.onezone-datepicker-button, .onezone-datepicker-navigation-arrow {
    color: #002C4E !important;
}

.onezone-datepicker-button {
    border-bottom-color: #002C4E;
}
.onezone-datepicker-button:after {
    border-bottom-color: #002C4E;
}

.card {
  border-bottom-color: #002C4E;
}

.menu-powered-tujaus {
  color: black;
  font-size: 0.8em;
  text-align: center;
}

.menu-powered-tujaus img {
  display: block;
  width: 40%;
  margin: 5px auto;
}



.title {
  color:  !important;
}

.menu-heading {
  color: #002C4E !important;
}

.item, .item-select, .item-input, .buttonNewUser {
  border-color: #002C4E !important;
}

.checkbox input:checked:before, .checkbox input:checked + .checkbox-icon:before {
  background: #002C4E !important;
  background-color: #002C4E !important;
}

.side-menu-right .item-complex .item-content, .item-radio .item-content {
  background: #002C4E !important;
}


.button.button-positive, .swal2-actions .swal2-confirm {
     background-color: #002C4E !important;
}

.button.button-light.button-outline {
    background: #002C4E !important;
}

.bar.bar-positive, .bar.bar-stable {
    background: #002C4E !important;
}

h3, h4 {
  color: #002C4E !important;
}

.autokuva {
  border-color: #002C4E !important;
}

 
.title, .bar-positive .button.button-clear {
  color: #fff !important;
}
 .side-menu-right { background-color: #002C4E !important; } .side-menu-right .item-complex .item-content { background: white !important; color: #002C4E; } .side-menu-right .item-icon-left .icon:not(.ion-log-out) { color: #002C4E; }