@import url('https://fonts.googleapis.com/css?family=Lato:300,400,400i,700&subset=latin-ext');

body {
    padding: 90px 20px 0;
}

.nav {
    padding-top: 0;
}

.nav__wrapper {
    max-height: 0;
    transition: max-height 500ms ease-in-out;
    overflow: hidden;
}

.nav li {
    margin-bottom: 10px;
    width: 100%;
}

.nav-mobile {
    position: absolute;
    top: 15px;
    left: 20px;
    width: auto !important;
    padding: 10px;
}

.nav-mobile-checkbox {
    display: none;
}

.nav-mobile-checkbox:checked + .nav__wrapper {
    max-height: 400px;
}

@media screen and (max-width: 767px) {
    .nav li {
        margin-left: 0 !important;
    }
}

@media screen and (min-width: 768px) {
    body {
        padding: 90px 0 0;
    }
    
    .nav li {
        width: auto;
    }

    .nav__wrapper {
        max-height: none;
    }
    
    .nav-mobile {
        display: none !important;
    }
}

@media screen and (min-width: 992px) {
    body {
        padding-top: 50px;
    }
}

.table-container {
    width: 100%;
    overflow: auto;
}

.table-container .table {
    font-size: 14px;
}

.table-container th, .table-container td:not(.wrap) {
    white-space: nowrap;
}

.table-container .btn {
    margin-right: 3px;
}

.table-container .btn:last-child {
    margin-right: 0;
}

.td-name, .td-address {
    min-width: 200px;
}

.margin--top {
     margin-top: 50px; 
}

.jumbotron.login-panel, .login-panel {
    margin: 50px auto;
    text-align: center;
    float: none;
}

.login-panel form {
    text-align: left;
}

.submit-container {
    text-align: right;
}

.alert strong {
    display: block;
}

.alert a {
    font-size: 0.7em;
}

.logout-panel {
    position: absolute;
    top: 0;
    right: 10px;
    margin: 0;
    padding: 18px 62px 21px 25px;
    list-style-type: none;
    border-radius: 0 0 6px 6px;
    font-size: 14px;
    line-height: 1.214;
    color: #95A5A6;
    background-color: #ECF0F1;
}    

.logout-panel-role {
    font-size: 0.7em;
    text-align: right;
}

.logout-panel-btn .logout-panel-btn-text {
    font-size: 0.6em;
    text-transform: uppercase;
    display: block;
    line-height: 1.3;
    display: block;
}

.logout-panel-btn {
    position: absolute;
    top: 50%;
    right: 18px;
    line-height: 20px;
    margin-top: -19px;
    text-align: center;
}

.page-header.no-border {
    border-bottom: 0;
}

a.back {
    margin-bottom: 10px;
    font-size: 0.6em;
    text-transform: uppercase;
    display: inline-block;
}

.single-page-data {
    margin-top: 50px;
}

@media screen and (min-width: 460px) {
    .single-page-data {
        padding: 40px;
        border-radius: 6px;
        background-color: #fff;
    }
}