.SignatureComponentElementHidden {
    display: none;
    visibility: hidden;
    opacity: 0;
    height: 0;
    overflow: hidden;
    transition: opacity .3s ease;
}

.SignatureComponentMessageBox {
    clear: both;
}

.SignatureComponentMessageBox div.message {
    background: none repeat scroll 0 0 #fff;
    border: 2px solid #000;
    border-radius: 20px 20px 20px 20px;
    color: #4a5254;
    display: block;
    font-weight: bold;
    margin: 20px 0 20px 0;
    padding: 10px 0;
    text-align: center;
    clear: both;
    float: left;
    width: 100%
}

.SignatureComponentMessageBox div.message .text,
.SignatureComponentMessageBox .errors.formErrors {
    color: #4a5254;
    font-weight: bold;
    text-align: center
}

.SignatureComponentMessageBox .errors.formErrors {
    padding-left: 0px;
    padding-right: 0px;
    text-indent: 70px;
    font-size: 16px;
    width: 100%;
}

.SignatureComponentMessageBox div.message.error {
    background: none repeat scroll 0 0 #fbeaef;
    border: 2px solid #ffc9c9
}

.SignatureComponentMessageBox div.message.ok {
    background: none repeat scroll 0 0 #e0ffeb;
    border: 2px solid #c0ffcb
}

.SignatureComponentMessageBox div.message.info {
    background: none repeat scroll 0 0 #9cf;
    border: 2px solid #369
}

.SignatureComponentMessageBox div.message.error td.sign {
    background: url("../images/error.png") no-repeat 10px center;
    width: 60px;
    height: 40px
}

.SignatureComponentMessageBox div.message.ok td.sign {
    background: url("../images/ok.png") no-repeat 10px center;
    width: 60px;
    height: 40px
}

.SignatureComponentMessageBox div.message.warning td.sign {
    background: url("../images/warning.png") no-repeat 10px center;
    width: 60px;
    height: 40px
}

.SignatureComponentMessageBox div.message.info td.sign {
    background: url("../images/info.png") no-repeat 10px center;
    width: 60px;
    height: 40px
}

.SignatureComponentMessageBox div.message.warning {
    background: none repeat scroll 0 0 #ffffe1;
    border: 2px solid #ff6;
}



#content {
    max-width: 100%;
	margin-top: 200px;
}

#content form {
    padding: 0 15px 15px;
}

.inkTitle {
	display: table-cell;
    height: 30px;
	color: #FFFFFF;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
}

div.fl-screenNavigator-view {
	margin: 0 auto;
}

.inkText {
    margin: 15px 0;
    max-height: 200px;
    overflow: auto;
	text-align: justify;
}
.inkContent {
	margin-right: 15px;
}

.btn-inkSign, .btn-inkEmail, .btn-inkContinue, .SignatureComponentReinit {
    background: url(../images/top-box.gif) repeat-x scroll center top #AE141F;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: bold;
    line-height: 13px;
    padding: 5px 10px;
    text-decoration: none;
    text-transform: uppercase;
    width: auto;
    border: 0;
    cursor: pointer;
}

.btn-inkSign:disabled {
    background: #888888;
    cursor: not-allowed;
}


.btn-cancelSign {
    background: none;
    color: #888888;
    cursor: pointer;
    text-decoration: underline;
    border: none;
}

.btn-row {
    display: flex;
    justify-content: space-between;
    padding-inline: 2rem;
}

#inkEmailForm #email {
    width: 600px;
    font-size: 16px;
}