/* _content/factorymanagement/Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-u4oxq6ujy0] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-u4oxq6ujy0] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/factorymanagement/Components/Pages/Login.Razor.rz.scp.css */
.MainCon[b-j3r5suo3e1] {
    background-color: #053285;
    width: 65%;
    height:650px;
     overflow:hidden;
 
    font-family: peshang_des;
    border-radius:4px;
    box-shadow:0px 0px 10px 0px #000000;
    margin:7% auto;
}

.placename[b-j3r5suo3e1], .items[b-j3r5suo3e1]{
    display:inline-block;

    height:100%;

}
.placename[b-j3r5suo3e1] {
  position:relative;
    width: 50%;
    transform: translateY(-67.9%);
    background-image: url('img/istockphoto-1665365176-612x612.jpg');
    background-size:cover;
}
    .placename p[b-j3r5suo3e1] {
        text-align: center;
    
        font-size:2.5em;
    }
.items[b-j3r5suo3e1] {
  text-align:center;
    width: 49%;
    
}
@font-face {
    font-family: 'peshang_des';
    src: url('fonts/peshang_des.ttf') format('truetype');
}
.items .item[b-j3r5suo3e1] {
    margin: 100px;
    color: white;
    height: 100px;
    text-align: right;
    font-size: 1.5em;
}
 
.txt[b-j3r5suo3e1] {
    font-family: peshang_des !important;
    font-size: 0.75em !important;
    width:100%;
    text-align:center;
    border-radius:4px;
    border:none;
}

.loginbtn[b-j3r5suo3e1] {
    background-color: #ffd800 !important;
    width: 200px !important;
    font-family: peshang_des !important;
    font-size: 25px !important;
    border: none;
    border-radius: 4px;
}


@media (max-width: 800px) {
    .items[b-j3r5suo3e1], .placename[b-j3r5suo3e1] {
        width: 100%;
        
    }

    .placename[b-j3r5suo3e1] {
        height: 35% !important;
 
        transform: translateY(0%);
    }
    .items[b-j3r5suo3e1] {
        height: 64% !important;
 
    }
        .items .item[b-j3r5suo3e1] {
            margin: 40px !important;
            height: 50px !important;
        }
}