$eiru-color: #3f50b4;
$button-color: #fbc02d;
$header-font-color: #fff;
$selected-color: rgba(211, 211, 211, 0.5);
$disabled-text: #d3d3d3;

ion-toolbar > div, ion-navbar > div {
    background: $eiru-color !important;
}

ion-label > ion-icon {
    color: $eiru-color !important;
}

ion-title > div, ion-navbar > button, ion-buttons > button {
    color: $header-font-color !important;
}

ion-buttons {
    padding-right: 0.8em;
}

ion-fab > button {
    background: $button-color !important;
}

ion-list > div > ion-list-header {
    margin-bottom: 0px !important;
}

ion-footer > p {
    font-size: 8pt;
    color: $disabled-text;
}

p {
    word-break: keep-all;
    white-space: normal;
}

form > ion-item {
    padding-left: 5px !important;
}

form > ion-item > div {
    padding-right: 5px !important;
    box-shadow: 0 0 0 #fff !important;
}

form > ion-item > div, form > ion-item-divider {
    border-bottom: 0 !important;
}

ion-input {
    border: 1px solid #d3d3d3;
    border-radius: 2px;
}

ion-input > input {
    margin: 8px !important;
    font-size: 10pt;
}

.selected-item {
    background: #f4f4f4;
    border-radius: 10px 0px;
}

.selected-menu {
    background-color: #f4f4f4;
    border-radius: 10px 0px 0px 10px;
    border-right: 1px solid #dedede;
}

.no-items {
    width: 100%;
    height: 85%;
    display: flex;
    align-items: center;
    justify-content: center;  
}

.no-items > h2 {
    font-size: 12pt;
    color: $disabled-text;
}

// body.menu-open .side-menu-open {
//     transform: translate3d(275px, 0px, 0px) scale(.9) !important;
//     opacity: 0.9;
//     -webkit-filter: blur(2px);
//     filter: blur(2px);
//     transform-origin: center center;
// }

// body.menu-open ion-side-menus, body.menu-open ion-side-menu{
//     background: #11c1f3
// }

// ion-side-menu.menu-left-axis ion-item.item a.item-content, ion-side-menu.menu-left-axis ion-item.item{
//     background-color: transparent !important;
//     border-color: transparent !important;
//     color:#fff
// }