html {
    height: 100%;
}
body {
    margin: 0px;
    height: 100%;
    font: 14px/16px Roboto,sans-serif;
    color: #666;
    background-color: #F0F3F4;
}
.app-logo-wrapper {
    margin: 0 auto 0 auto;
    width: 20%;
}
.login-form-wrapper {
    margin: 5% auto 0 auto;
    width: 25%;
    background-color: white;
    border-radius: 5px;
}

.form-input-wrapper {
    margin: 0 10% 0 10%;
    width: 80% !important;
}
.login-button {
    margin: 3% 0 2% 25%;
    width: 50% !important;
}

input:required {
    box-shadow:none;
}

.circular-progress {
    margin: 10% auto 0 auto;
    display: block !important;
}

.data-table td {
    word-wrap: break-word !important;
    white-space: normal !important;
}

.toolbar{
    height: inherit !important;
}
.paginationSummary {
    opacity: 0.54;
}
.paginationButton {
    min-width: 36px !important;
    opacity: 0.54;
    margin: 0 0 0 0 !important;
}
.searchIcon {
    margin-left: 5px;
    margin-right: 5px;
    opacity: 0.54;
}
.progress-bar{
    color: #AA4C9A;
}
.navigation-list-wraper {
    padding: 0 !important;
    color: #a1a1a1;
}

.nav-header{
    list-style-type:none;
    margin: 15px 15px 5px;
    font-size: .875rem;
    color:#636c72;
}

.circle{
    color: #ff371c;
}

.approved{
    color: green;
    text-transform: capitalize;
}

.circle .approved :before {
    content: ' \25CF';
}
.danger{
    color: #ff371c;
    text-transform: capitalize;
}