.smart {
    width: 100%;
    height: 100%;
}
.container-body {
    background-color: #e9ecef;
    min-height: 100%;
    padding-top: 56px;
    box-shadow: 0px 0px 5px #777;
}

.header {
    position: absolute;
    height: 56px;
    color: #ddd !important;
    margin: 0 !important;
    padding: 0 !important;
    border-top-left-radius: unset !important;
    border-top-right-radius: unset !important;
}

.footer-smart {
    height: 50px;
    padding-left: 2px;
    padding-right: 2px;
    display: none;
    border-bottom-left-radius: unset !important;
    border-bottom-right-radius: unset !important;
}

.footer-smart table {
    width: 100%;
    height: 100%;
    margin: 0 !important;
    padding: 0 !important;
    border-collapse: collapse;
}

.footer-smart table td {
    margin: 0 !important;
    padding: 0 !important;
    text-align: center;
    color: #ddd !important;
    height: 100%;
}

.footer-smart table td {
    margin: 0 !important;
    padding: 0 !important;
    text-align: center;
    color: #ddd !important;
    height: 100%;
}

.footer-smart table td:nth-child(2n+1)  {
    width: 24%;
}

.footer-smart table a {
    color: #ddd !important;
    font-size: 20px;
}

.footer-smart li {
    float: left;
}

.rzd div {
    margin: 0 auto;
    height: 60%;
    width: 1px;
    border-left: 1px solid #777;
}
.logo {
    margin: 9px;
    float: left;
}
.title {
    margin: 16px;
    margin-left: 4px;
    float: left;
}