html {
    letter-spacing: 1px !important;
}
a {
    font-size: 0.875rem;
}
.theme-font-color-1 {
    color: #ff4b68 !important;
}
.color-blue {
    color: #456A94 !important;
}
.color-white {
    color: #FFFFFF !important;
}
.theme-bg-color-1 {
    background-color: #ff4b68 !important;
    color: #FFFFFF !important;
}
.bg-blue {
    background-color: #456A94 !important;
}

.h_top {
    display: flex;
    flex-wrap: wrap;
    font-size: 0.875rem;
    letter-spacing: 0.125rem;
}
.h_top_left {
    flex-direction: row;
    flex: 1;
}
.h_top_right {
    flex-direction: row;
    flex: 1;
    display: flex;
    justify-content: flex-end;
}
.h_top_right_a {
    margin: 0 2%;
}

.login-btn {

}

.no-data {
    padding: 5% 0;
}
.text-center {
    text-align: center;
}

.top {
    position: fixed;
    bottom: 27%;
    right: 5%;
    color: #555;
    text-align: center;
    cursor: pointer;
}
.top-icon {
    font-size: 60px;
}
.logo-box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    height: 100%;
}
.logo-left {
    flex: 1;
    display: flex;
    justify-content: flex-start;
}
.logo-right {
    flex: 1;
    display: flex;
    justify-content: flex-end;
}