.mdl-mega-footer__heading {
    color: #fff;
    font-size: 20px;
    font-weight: 100;
}

.mdl-mega-footer {
    color: #e5e5e5;
    background-color: #156a67;
}

.mdl-mini-footer {
    color: #e5e5e5;
    background-color: #156a67;
}

.mdl-navigation__link {
    font-size: 14px;
}

.mdl-layout__content {
    background: rgba(0,0,0,0.4);
}

a.mdl-navigation__link i {
    vertical-align: middle;
}

.mdl-mega-footer__middle-section {
    margin: 8px;
}

.mdl-mega-footer__bottom-section {
    margin: 8px;
}

.mdl-menu__item {
    color: #fff;
}

.mdl-menu__item:hover {
    background-color: rgba(250,0,0,0.4);
}

.mdl-menu__outline {
    background: rgba(0,0,0,0.8);
}

.mdl-layout__header-row.bl-content-1-grid {
    padding: 0 16px 0 24px;
}

.mdl-mini-footer.bl-content-1-grid {
    padding: 32px 24px;
}

.material-icons.bl-icon-small {
    font-size: 18px;
}

div#back .mdl-button {
    padding-left: 0;
}

.mdl-grid.bl-floating-bottom {
    padding-left: 16px;
}

.mdl-mini-footer__link-list li a i.material-icons,
.mdl-mega-footer__link-list li a i.material-icons {
    line-height: 36px;
    vertical-align: middle;
}

.mdl-data-table tbody tr:hover {
      background-color: inherit;
}

.mdl-data-table.mdl-data-table--clickable tbody tr:hover {
    background-color: #eeeeee;
}

.mdl-data-table.mdl-data-table--selectable tbody tr:hover {
    background-color: #eeeeee;
}


@media(max-width: 1024px) {
    .mdl-layout__drawer, .mdl-layout__drawer-button {
        display:block;
    }
    
    .mdl-layout__drawer-button {
        line-height: 40px;
    }
    
    .mdl-layout__content {
        margin-top: 48px;
    }
}

@media(min-width: 1025px) {
    .mdl-layout__drawer, .mdl-layout__drawer-button {
        display:none;
    }
}

@media (min-width: 840px) and (max-width: 1023px) {
    .mdl-cell--hide-tablet-land {
        display: none !important;
    }

    .mdl-cell--1-col-tablet-land {
        width: calc(10% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--1-col-tablet-land {
        width: 10%;
    }

    .mdl-cell--2-col-tablet-land {
        width: calc(20% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--2-col-tablet-land {
        width: 20%;
    }

    .mdl-cell--3-col-tablet-land {
        width: calc(30% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--3-col-tablet-land {
        width: 30%;
    }

    .mdl-cell--4-col-tablet-land {
        width: calc(40% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--4-col-tablet-land {
        width: 40%;
    }

    .mdl-cell--5-col-tablet-land {
        width: calc(50% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--5-col-tablet-land {
        width: 50%;
    }

    .mdl-cell--6-col-tablet-land {
        width: calc(60% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--6-col-tablet-land {
        width: 60%;
    }

    .mdl-cell--7-col-tablet-land {
        width: calc(70% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--7-col-tablet-land {
        width: 70%;
    }

    .mdl-cell--8-col-tablet-land {
        width: calc(80% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--8-col-tablet-land {
        width: 80%;
    }

    .mdl-cell--9-col-tablet-land {
        width: calc(90% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--9-col-tablet-land {
        width: 90%;
    }

    .mdl-cell--10-col-tablet-land {
        width: calc(100% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--10-col-tablet-land {
        width: 100%;
    }

    .mdl-cell--11-col-tablet-land {
        width: calc(100% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--11-col-tablet-land {
        width: 100%;
    }

    .mdl-cell--12-col-tablet-land {
        width: calc(100% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--12-col-tablet-land {
        width: 100%;
    }
}



/* mobile layout */
@media(max-width: 839px) {
    h2, h3, h4 {
        margin: 8px 0px;
    }
    
    h2 {
        font-size: 18px;
        line-height: 28px;
    }
    
    h4 {
        font-size: 18px;
    }

    .mdl-layout__drawer, .mdl-layout__drawer-button {
        display:block;
    }
    
    .mdl-layout__drawer-button {
        line-height: 40px;
    }
    
    .mdl-layout__content {
        margin-top: 48px;
    }
    
    .mdl-mega-footer {
        padding: 8px 10px;
    }

    .mdl-mini-footer.bl-content-1-grid {
        padding: 16px 22px;
    }

    .mdl-grid {
        padding: 4px;
    }

    .mdl-logo {
        margin-bottom: 8px;
    }


    .mdl-data-table {
        white-space: normal;
    }

    .mdl-data-table th {
        white-space: nowrap;
    }
}


/*mobile layout - very small*/
@media(max-width: 479px) {

    .mdl-mini-footer.bl-content-1-grid {
        padding: 8px 16px;
    }

    .mdl-grid {
        padding: 2px;
    }

    .mdl-typography--headline, .mdl-typography--headline-color-contrast {
        font-size: 20px;
        line-height: 26px;
    }

    .mdl-typography--title, .mdl-typography--title-color-contrast {
        font-size: 16px;
    }

    .mdl-logo {
        margin-bottom: 0px;
    }

    .mdl-data-table th {
        white-space: normal;
    }

    .mdl-tabs__tab-bar a {
        font-size: 12px;
    }
}