.auth.auth-bg-1 {
    color:white;
    background: rgb(37,83,28);
    background: linear-gradient(90deg, rgba(37,83,28,1) 0%, rgba(140,157,130,1) 100%) !important;
}
.main-wrapper {
    color:white;
    min-height:100vh;
    background: rgb(37,83,28);
    background: linear-gradient(90deg, rgba(37,83,28,1) 0%, rgba(140,157,130,1) 100%) !important;
}

.loginPageTitle{
    padding:20px;
    font-size:20px;
    font-weight: bold;
}
.content-wrapper{
    justify-content: center;
}
.loginTitle{
    padding:15px;
    color:#000000;
}
.loginCard2{
    margin:5px;
    padding: 30px 15px;
    border-radius: 10px;
    border: 1px solid #333;
    display: flex;
    width: 100%;
    
    flex-wrap: nowrap;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.loginCard{
    margin:5px;
    padding: 30px 15px;
    border-radius: 10px;
    border: 1px solid #333;
    display: flex;
    width: 50%;
    
    flex-wrap: nowrap;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.loginCardArea{
    display:flex;
    margin-bottom:10px;
}
.grad1{
    background: #ee9ca7;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #ffdde1, #ee9ca7);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #ffdde1, #ee9ca7); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
color:#000;
}
.grad2{
    background: #2193b0;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #6dd5ed, #2193b0);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #6dd5ed, #2193b0); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
color:#000;
}

.grad3{
    background: #63bd82;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #63bd82, #a0e9a0);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #63bd82, #a0e9a0); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    color:#000;
}

.grad4{
    background: #c3cb5c;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #c3cb5c, #e0e891);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #c3cb5c, #e0e891); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    color:#000;
}





.footer-text{margin-top:20px;}

.main{
    display:grid;
    justify-content: center;
}
#sign{
    height:300px;
    width:100%;
    baclground-color:white;
}
.pdf-page{
    margin:10px 0;
    width:90vw;
}
.sign-header{
    text-align: center;
    padding:20px 0;
    font-weight:bold;
    font-size:20px;
}
#sign-check{
    font-size: 30px;
    margin-top:50px;
    text-align: center;
}
#sign-check span{
    margin-left: 55px;
}
#douicheck{
    transform: scale(3);
    margin-top: 13px;
    margin-left: 20px;
}
#sign-pad{
    max-width: 768px;

}
#sign-pad .wrapper{
    background-color: #ffffff;
    margin-bottom:10px;
}
#sign-pad .footer-text{
    color: rgba(255, 255, 255, 0.4);
}
.sign-pad-doc{
    background-color: #6dd5ed;
    text-align: center;
}
.signature-pad{
    width:768px;
    height:300px;
    /*border:1px solid #000;*/
}
.sign-submit{
    text-align:center;
}
#save-png,#save-jpeg{
    width:240px;
    height:100px;
}
#clear{
    width:100px;
    height:100px;
}
.result{
    color:#000;
}
.result .sign{
    width:100%;
    padding-left:30px;
    padding-right:30px;
}
.footer-text a{
    color:white;
}
.loginPassword{
    color:black;
    font-size:20px;
    margin-bottom:20px;
    margin-left:10px;
    margin-right:10px;
}
.loginPassword input{
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 5px;
    border: 1px solid #585858;
    background-color: #e1fffb;
}
.loginError{
    color:red;
}
.menu{
    margin-bottom:10px;
}