/* LOGIN PAGE LAYOUT */
.loginPageLayout{
    display: flex;
}

div.login-form{
    width: 60%;
    margin: auto;
}

.login-form .ui.inverted.orange.segment{
    width: 100%;
    background-color: transparent !important;
    border-color: transparent !important;
    color: #444443 !important;
}
.login-form .ui.inverted.orange.segment h3{
font-size: x-large;
}
.login-form div.ui.attached.segment{
    width: 100%;
    background-color: transparent !important;
    border-color: transparent !important;
    color: #444443 !important;
    text-align: center;
}

.login-form .ui.attached.segment form label{
    width: 100%;
    text-align: left;
    color: #444443 !important;
}
.login-form .ui.attached.segment .field input{
    background-color: transparent;
    border: none;
    border-bottom: solid #444443 2px;
}
.login-form .ui.attached.segment .field {
    margin: 30px;
}
.login-form .ui.attached.segment .field button {
    width: 100%;
    background-color: #444443;
    font-size: large;
    padding: 15px;
    color: #fce41b ;
}

.login-form {
    width: 100%;
    color: #5d59a6;
    background-color: transparent;
    border-radius: 50%;
    border: none;
}

#forgot-password-link{
    width: 100%;
    height: 10%;
}

#forgot-password-link a{
    padding: 50px;
}

/* Right Container*/
.loginPageLayout .right-container {
    background: linear-gradient(#5d59a6, #97a0b3);
    height: 100vh;
    width: 60%;
    color: whitesmoke;
}

.loginPageLayout .right-container #illuLoginPage{
    width: 90%;
    margin: auto;
    padding: 7px;
}



.loginPageLayout .right-container ul{
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    width: 100%;
    height: 100%;
}

.loginPageLayout .right-container li{
    height: 33.33vh;
    width: 100%;
    flex-grow: 1;
}

.loginPageLayout .right-container li img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    vertical-align: bottom;
}

div .ui.labeled.icon.menu .item{
    min-width: 0;
}

.ui.segment.footer{
    text-align: center !important;
    position: absolute;
    bottom: 0;
    background-color: yellow;
    width: 100%;
}

.ui.inverted.menu {
    background-color: #444443;
}

.ui.inverted.menu.vertical {
    background-color: black;
}