/*
    Created on : Oct 02, 2015, 4:18:27 AM
    Author     : phamtrong204
*/

.view-form-item {
    font-size: 14px;
    margin-bottom: 10px;
}

.form-text {
    display: block;
}

.show_on_edit {
    display: none;
}

.is_edit_form .show_on_edit {
    display: initial;
}

.main-content .main-content-inner {
    margin-bottom: 1px;
}

.footer .footer-inner .footer-content {
    border: none;
}

.data-table-title {
    margin-top: 2.5rem;
}

.full-width {
    width: 100%;
}

.horizontal-long-content {
    width: 100%;
    overflow-x: auto;
}

.full-view {
    width: 100vw;
    height: calc(100vh - 45px);
}

.flex-vertical-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.margin-center {
    margin-left: auto;
    margin-right: auto;
}

.error-404-image {
    max-width: 600px;
    width: 100%;
    height: auto;
    display: block;
}

.navbar-brand .badge {
    background-color: #fff;
    color: #438eb9;
}

.divider.topbar-divider {
    margin: 0;
    border-top-color: #bfcedc; /*#e4ecf3;*/
    background-color: #bfcedc; /*#e4ecf3;*/
    /*height: 2px;*/
}

.divider.topbar-divider + li > a {
    border-top: none;
}

img.img-cell {
    height: 90px;
}

.bold {
    font-weight: 700;
}

.text-large {
    font-size: large;
}

.margin-horizontal-auto {
    margin-left: auto;
    margin-right: auto;
}

.sm-width-restrict {
    max-width: 768px;
}

.form-divider {
    margin-top: 30px;
    margin-bottom: 20px;
    font-size: 18px;
}

.form-divider:first-child {
    margin-top: 0;
}

.form-horizontal .control-label.form-divider {
    margin-bottom: 20px;
}

.text-grey {
    color: #ccc;
}

.big-icon {
    font-size: 64px;
}

.card .card-item .card-item-icon {
    font-size: 20px;
}

.card .card-item .card-item-icon.text-danger {
    color: var(--color-danger-shade) !important;
}

.navbar-brand > img {
    max-height: 25px;
    display: inline-block;
}

.sidebar .sidebar-toggle {
    border-top: 1px solid #e0e0e0;
}

/* region realm 3c, x5 */

.realm-3c .navbar-brand > img,
.realm-x5 .navbar-brand > img {
    background-color: #fff;
    border-radius: 50%;
    margin-top: -4px;
    margin-bottom: 0;
}

.realm-3c.login-layout img.img-brand,
.realm-x5.login-layout img.img-brand {
    max-width: 120px;
}

/* endregion */