* {
    margin: 0;
}

*,
:after,
:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    background-color: wheat;
    margin: 0 15px;
}

.sc-user-name {
    text-transform: capitalize;
}

.sc-banner {
    margin: 0;
    padding: 15px;
    background: blanchedalmond;
    text-align: center;
    font-family: sans-serif;
    font-size: 18px;
    font-weight: bold;
}

:root {
    scroll-behavior: smooth;
}

.sc-login-page-wrapper {
    left: 0;
    right: 0;
    position: absolute;
    top: 50px;
}

.sc-admin-wrapper {
    margin: 5px;
}

.sc-login-holder {
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 50%;
    margin: auto;
    border: 1px solid silver;
    border-radius: 10px;
    padding: 5px;
    min-width: 360px;
    max-width: 500px;
}

.sc-login-holder .sc-logo-wrapper {
    margin-right: 5px;
}

.sc-logo-wrapper img {
    max-width: 200px;
    max-height: 200px;
    display: block;
    width: 100%;
    border-radius: 10px;
}

.sc-inputs-fields-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-left: 1px dotted black;
    padding-left: 5px;
    
}

.sc-inputs-fields-wrapper input[type=text],
.sc-inputs-fields-wrapper input[type=password] {
    height: 15px;
    padding: 20px 5px;
    font-size: 18px;
    border-radius: 5px;
    width: 100%;
}

.sc-inputs-fields-wrapper input[type=submit] {
    padding: 5px 15px;
    border-radius: 15px;
    cursor: pointer;
    width: 95%;
}

.sc-inputs-fields-wrapper input[type=submit]:hover {
    background-color: silver;
}

.sc-inputs-fields-wrapper label {
    min-width: 70px;
    display: inline-block;
    margin-bottom: 4px;
}

.sc-field {
    margin: 5px auto;
    width: 100%;
}

.sc-submit {
    text-align: center;
}

.sc-queries-holder {
    margin: 10px;
}

.hideIt,
.dbSrNo {
    display: none!important;
}

.err {
    color: red;
    text-align: center;
    font-weight: bold;
}

.qtable {
    width: 100%;
    height: 1px;
}

.qtbody tr:nth-child(even) {
    background-color: #f2f2f2;
}

.qtable,
.qtable th,
.qtable td {
    border: 1px solid black;
    border-collapse: collapse;
}

.qtable th {
    padding: 8px 0;
}

.qtable td {
    padding: 2px 5px;
}

.qtable thead {
    background-color: rgb(220.8, 240, 246.2);;
}

.sc-td-textarea {
    padding: 0!important;
}

.qtable textarea {
    width: 100%;
    min-width: 100%;
    box-sizing: border-box;
    background-color: #f8f8f8;
    font-size: 16px;
    display: block;
    height: 100%;
    min-height: 100%;

}

.sc-textarea-holder{
    height: 100%;
}

.sc-center {
    text-align: center;
}

.delete {
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
}

.fa.fa-save {
    font-size: 22px;
}

.fa.fa-save,
.material-icons {
    font-size: 22px;
    cursor: pointer;
    border: 2px solid silver;
    height: 25px;
    width: 25px;
}

.fa.fa-save:hover,
.material-icons:hover {
    outline:1px solid black;
}

.sc-admin {
    border: 1px solid black;
    padding: 5px 15px;
    border-radius: 10px;
    cursor: pointer;
    margin: 5px;
    display: inline-block;
}

.sc-admin:hover {
    background-color: silver;
}

.sc-date {
    font-size: 14px;
}
.sc-time {
    font-size: 10px;
}

.sc-email, 
.sc-tel {
    text-decoration: none;
}