/* app.min.css corrections to show the popup in a grid*/
.main-content{
    overflow:visible;
}

.topnav {
    margin-top: 0;
}
/* end corrections */

[id^="headerTitle-grid-column"] {
    display: none;
}

/* Initially hide the validation summary if there are no errors */
.validation-summary-errors ul {
    display: none;
}

    /* Display errors if the summary contains list items */
    .validation-summary-errors ul:has(li) {
        display: block;
    }

    .validation-summary-errors ul li {
        color: red; /* Customize the appearance of the errors */
    }

/* Syncfusion grid */
.e-grid .e-gridpopup {
    display: none;
}

.e-grid .e-content {
    height: auto;
    overflow-y: auto;
}

.w200{
    width:200px;
}

.w80{
    width:80px;
}

.unblock-user{
    cursor:pointer;
}
/**/
a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
    max-height: 70px;
}

.logo {
    position: relative;    
}

.navbar-brand-box .logo {
    top: 0 !important;
}

.f-red{
    color:red;
}

.mb15{
    margin-bottom:15px !important;
}

ul{
    padding-left: 0 !important;
}

ul li {
    list-style: none;
}

.btn.btn-block.btn-light {
    background-color: transparent;
    border-color: transparent;
    text-align: left;
}

    .btn.btn-block.btn-light:hover {
        color: #212529;
        background-color: #eff2f7;
        border-color: #eff2f7;
    }

.btn.btn-block.active {
    color: #fff !important;
    background-color: #dbb13b !important;
    border-color: #dbb13b !important;
}

    .btn.btn-block.active a {
        color: #FFF;
    }

span.e-input-group.e-control-wrapper.e-valid-input.form-control.e-ddl.e-lib.e-keyboard {
    font-family: poppins;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    font-size: 14px;
}

.e-pager {
    font-size: 11px;
}

    .e-pager .e-currentitem, .e-pager .e-currentitem:hover {
        background-color: #304b78;
        border-color: #304b78;
    }

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.border-top {
    border-top: 1px solid #e5e5e5;
}

.border-bottom {
    border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
    font-size: 1rem;
    line-height: inherit;
}

.btn-primary {
    color: #fff;
    background-color: #dbb13b;
    border-color: #dbb13b;
}

    .btn-primary:hover, .btn-primary:active, .btn-primary:focus {
        color: #fff;
        background-color: #bf982c;
        border-color: #bf982c;
    }

.btn-success {
    background-color: #196419;
    border-color: #196419;
}

    .btn-success:hover, .btn-success:active, .btn-success:focus {
        background-color: #005700;
        border-color: #005700;
    }

.btn-danger {
    background-color: #a70000;
    border-color: #a70000;
}

    .btn-danger:hover, .btn-danger:active, .btn-danger:focus {
        background-color: #8d0101;
        border-color: #8d0101;
    }

body[data-topbar=dark] #page-topbar {
    background-color: #304b78;
}

.card-header, .bg-soft-primary {
    background-color: #304b78 !important;
    color: #fff;
    text-transform: uppercase;
}

    .bg-soft-primary .text-primary {
        color: #FFF !important;
    }

.bg-warning {
    background-color: #ff6d6d !important;    
}

    .bg-warning h5 {
        color: #fff;
        text-transform: uppercase;
    }

.card-body {
    background-color: #FFF;
}

.comments-list  {
    padding-left: 0;
}

.comments-list li {
    list-style-type: none;
}

.e-avatar.e-avatar-small {
    font-size: 0.85em;
}

.e-avatar.e-avatar-circle {
    border-radius: 50%;
}

.e-card .e-card-content, .e-card .e-card-content p {
    line-height: normal;
    overflow: hidden;
    text-overflow: ellipsis;
}

.e-card.e-comment {
    padding: 15px;
}

.avatar-block .e-avatar.e-avatar-small {
    position: absolute;
}
.avatar-block .e-user-name {
    padding-left: 38px;
    padding-top: 0;
}
.avatar-block .e-datetime {
    float: left;
    position: relative;
    padding-left: 38px;
    font-size: 75%;
}

.form-control[disabled], fieldset[disabled] .form-control {
    cursor: not-allowed;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #e9ecef;
    opacity: 1;
}

.form-control.e-ddl {
    font-family: sans-serif !important;
    font-size: 1rem;
    padding-left: 5px;
}

.btn-link {
    color: #304b78;
}

.btn-menu a, .btn-menu a:hover {
    color: #FFF;
    text-decoration: none;
}

#logoutForm button, #logoutForm button:hover {
    border: none;
    color: #FFF;
    text-decoration: none;
}

.btn {
    text-transform: uppercase;
}
/* Loading */

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;
}

    /* Anytime the body has the loading class, our
   modal element will be visible */
    body.loading .loading {
        display: block !important;
    }

#loadingMsg.loading {
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba( 255, 255, 255, .8 ) url('/img/loading.gif') 50% 50% no-repeat;
}

    #loadingMsg.loading p {
        position: relative;
        z-index: 1000;
        height: 100%;
        width: 100%;
        text-align: center;
        font-weight: bold;
        text-transform: uppercase;
        line-height: 20px;
        top: 50%;
    }


.review {
    background-color: #ffdfe5;
    padding: 10px;
    height: 50px;
}

.e-popup-open {
    min-height: 100px;
    height: auto;
}

.form-control {
    font-size: 1rem !important;
    color: #6c757d !important;
}

/*TOAST*/
.e-toast-success, .e-toast-danger {
    top: 70px !important;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}

body {
    /* Margin bottom by footer height */
    margin-bottom: 60px;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    /* Set the fixed height of the footer here */
    height: 60px;
    line-height: 60px; /* Vertically center the text there */
}

.btn-full {
    width: 100%;
}

.e-grid .e-groupheadercell, .e-grid .e-groupheadercell:hover {
    height: 24px !important;
}

.bxs-envelope:before {
    content: "\ec57";
    color: #304b78;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

@media (min-width: 1200px) {
    body[data-layout=horizontal] .container-fluid, body[data-layout=horizontal] .navbar-header {
        max-width: 100%;
    }
}

@media (min-width: 992px) {
    body[data-layout=horizontal][data-topbar=light] .topnav {
        background-color: #304b78;
    }
        body[data-layout=horizontal][data-topbar=light] .topnav .navbar-nav .nav-link:focus, body[data-layout=horizontal][data-topbar=light] .topnav .navbar-nav .nav-link:hover {
            color: rgba(255,255,255,255);
        }
        body[data-layout=horizontal][data-topbar=light] .topnav .navbar-nav .nav-link {
            color: rgba(255,255,255,255);
        }

    nav.navbar.navbar-light.navbar-expand-lg.topnav-menu {
        float:right;
    }
}