body {height:auto;}

/* LOGIN */
.iam-login-grid
{
    display:grid;
    padding:30px;
    margin-top:60px;
    grid-auto-flow: column;
    grid-row-gap:30px;
    grid-template-columns: 1fr minmax(0, 1200px) 1fr;
    grid-template-areas:
            ". header_container ."
            ". body_container .";
    align-content: start;
    box-shadow: 0px 0px 20px #d2d2d2;
    background-color:#fff;
    border-radius:5px;
}

@media screen and (max-width: 1200px)
{
    .iam-login-grid
    {
        display:grid;
        grid-template-columns:minmax(0, 1fr);
        align-content: start;
        padding:30px;
        grid-auto-flow: column;
        grid-row-gap:30px;
        grid-template-areas:
            "header_container"
            "body_container";
        min-height:auto;
    }
}

.iam-login-header-container
{
    grid-area:header_container;
    display:flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}

.iam-login-body-container
{
    grid-area:body_container;
    display:flex;
    justify-content: flex-start;
}

@media screen and (max-width: 1200px)
{
    .iam-login-body-container
    {
        grid-area: body_container;
        display: flex;
        justify-content: center;
    }
}

.iam-login-form-container
{
    width:100%;
}


/* LOGIN */





footer.footer
{
    background:none;
}

.img-thumbnail-table
{
    max-height:50px;
    max-width:50px;
    border-radius: 5px;
}

.img-thumbnail-table-td,
.checkbox-table-td
{
    width:50px;
}

.sidebar {
    min-width:280px;
    max-width:280px;
    overflow-x:auto;
    border-radius: 5px;
}

img {max-width:100%;}

.navbar
{
    box-shadow: 0px 10px 20px 0px #DDDDDD;
    background-color:white;
}

.navbar-brand img
{
    max-width:120px;
}

.card
{
    border:none;
    box-shadow: 0px 0px 20px 10px #DDDDDD;
}

.card-horizontal
{
    margin-bottom:15px;
}
.card-img-top
{
    max-height:80px;
    max-width:80px;
}
.card-header, .card-footer, .card-body
{
    background-color:#fff;
}

.text-bold
{
    font-weight:bold;
}
.card-img-top
{
    max-height:270px;
    object-fit:cover;
    object-position: top center;
}



/* TOASTR */
#toast, webstack-toastr-component
{
    border-radius:5px;
    position:fixed;
    top:80px;
    right:30px;
    min-width:350px;
    max-width:400px;
    max-height:400px;
    overflow-y: auto;
    min-height:40px;
    z-index:30000;
}