/* Styles for signature plugin v1.2.0. */

@font-face {
    font-family: 'Autography';
    src:url('./fonts/Autography.otf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'FlightyRegular';
    src:url('./fonts/FlightyRegular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'BetterGrade';
    src:url('./fonts/BetterGrade.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'AutografPersonalUseOnly';
    src:url('./fonts/AutografPersonalUseOnly.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'AAutoSignature';
    src:url('./fonts/AAutoSignature.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Cruliosta';
    src:url('./fonts/Cruliosta.otf');
    font-weight: normal;
    font-style: normal;
}
.kbw-signature {
	display: inline-block;
	border: 1px solid #a0a0a0;
	-ms-touch-action: none;
}
.kbw-signature-disabled {
	opacity: 0.35;
}
.signature_image{border: 1px solid #d0d7dd; border-radius: 4px;text-align: center;display: flex;align-items: center;justify-content: center;height: 78px;}
.has-error .signature_image{border-color: var(--color-danger);}
.has-error .popover-div input,.has-error .popover-div select{border-color: #d0d7dd !important;}
.sign-image{width: auto;max-height: 75px;max-width: 100%;}
.kbw-signature { width: 100%; height: 200px;border-radius: 4px !important;padding: 10px !important;border-color: #d0d7dd !important; color: #555 !important;}
.form-signature-div canvas{ width: 100% !important; height: 100%; }
.popover-div .popover{min-width: 400px;min-height: 375px;z-index: 99999;}
.popover-div .tab-content{padding: 0;}
.signature_type{min-height: 178px;margin-bottom: 15px;font-size: 40px !important;text-align: center;}
.signature_input_type{font-size: 40px;text-align: center;}
.popover-div .color-btn{ width: 23px; height: 23px;display: flex; align-items: center; justify-content: center; cursor: pointer;margin-left: 5px;} 
.popover-div .color-btn.active {border: 2px solid #7c7c7c; border-radius: 50%;} 
.popover-div .color-sel { display: flex; align-items: center; justify-content: start; width: 50%; }
.popover .color-sel label{margin-bottom: 0;}
.sign{font-size: 25px;font-weight: 500;min-height: 60px;}
.sign_1{font-family: 'Autography';}
.sign_2{font-family: 'FlightyRegular';}
.sign_6{font-family: 'Cruliosta';}
.sign_3{font-family: 'BetterGrade';}
.sign_4{font-family: 'AutografPersonalUseOnly';}
.sign_5{font-family: 'AAutoSignature';}