* {
    margin         : 0;
    padding        : 0;
    box-sizing     : border-box;
    text-decoration: none;
    text-transform : capitalize;
    text-align     : center;
    font-family    : serif;
}



#login {
    display        : flex;
    justify-content: center;
    align-items    : center;
    width          : 100%;
    margin-top: 5px;

}

#pswed{
    text-transform: none !important;
}

#err {
    text-align: center !important;

}

#login table {
    border-spacing: 8px;
    padding       : 7px;
}

tr,
td,
th {
    border-radius: 5px;
    box-shadow   : 1px 0px 5px grey;
    padding      : 10px;
    /* margin       : 5px; */
}

caption {
    color      : rgb(34, 31, 31);
    font-size  : 30px;
    font-weight: bold;
    padding    : 10px;
}

#login>fieldset {
    width        : 60%;
    padding      : 0px ;
    border-radius: 10px;
    box-shadow   : 1px 0px 5px grey;
}

#login>fieldset th {
    position  : relative;
    text-align: left;
    width     : auto;
    font-size : 18px;
}

#login table input {
    width        : 100%;
    font-size    : 15px;
    font-weight  : bold;
    font-family  : Arial;
    border-radius: 5px;
    border       : none;
    padding      : 10px;
    text-transform: lowercase;

}

#login table input:focus {
    outline  : none;
    /* border: none; */

}

#login table input::placeholder {
    color         : rgb(107, 56, 56);
    letter-spacing: 1px;
    word-spacing  : 1px;
    font-weight   : none;
    font-family   : Arial;
    font-size     : 11px;
}

#sbmt {

    padding    : 8px 1px;
    color      : #000;
    font-size  : 18px !important;
    font-weight: bold;
    border     : none;
    outline    : none;
    cursor     : pointer;
    box-shadow : 1px 0px 5px rgb(124, 18, 18);

}

#msgShow {
    display   : none;
    position  : relative;
    position  : fixed;
    top       : 5%;
    left      : 50%;
    transform : translateX(-50%);
    background: #fff;
    width     : auto;
    height    : auto;
    padding   : 10px;
    border    : 1px solid green;
    z-index   : 9999;
}

#cls_msg {
    display        : flex;
    justify-content: center;
    align-items    : center;
    position       : absolute;
    width          : 16px;
    height         : 16px;
    top            : -8px;
    right          : -8px;
    border-radius  : 50%;
    cursor         : pointer;
    background     : red;
    color          : #fff;
    font-size      : 10px;
    padding        : 5px;
}

.smg {
    text-transform: none;
}

#showpas {
    cursor     : pointer;
    font-weight: bold;
}

.maxres {
    display: none;
}

/* ---------------responsive-------------------- */
@media screen and (max-width: 850px) {
    #login>fieldset {
        width: 100%;
        border-radius: 0px;
    }

    .maxres {
        display: block;
        width  : 100% !important;
    }

    #responsive_tbl {
        width         : 100% !important;
        display       : flex;
        flex-direction: column;
        
    }

    #responsive_tbl th{
        text-align: center !important;
    }

    #container{
        padding: 0px;
    }

}