.zfUploadContainer {    height: 90px;    position: relative;    overflow: hidden;    border-radius: var(--input-radius);    width: 100%;    float: left;    background: rgba(var(--input-bg-clr), var(--input-bg-opacity));    border: 1px dashed rgb(var(--input-bdr-clr));    margin-bottom: 12px;}.zfUploadContainer::before {    content: '';    position: absolute;    top: 0;    right: 0;    bottom: 0;    left: 0;    -webkit-transition-duration: 0.3s;    transition-duration: 0.3s;    -webkit-transition-property: top, right, bottom, left;    transition-property: top, right, bottom, left;    border-radius: 5px;}.zfUploadContainer input {    position: absolute;    margin: 0;    padding: 0;    width: 100%;    outline: none;    height: 100%;    opacity: 0;}.uploadedCont {    padding: 0;    padding-bottom: 0;    border-radius: 5px;    width: 100%;    float: left;}.uploadedCont li {    border: 1px solid rgb(var(--input-bdr-clr));    padding: 7px 11px;    float: left;    width: 100%;    margin-bottom: 14px;    -webkit-border-radius: 4px;    -moz-border-radius: 4px;    border-radius: 4px;    background: rgba(var(--input-bg-clr), var(--input-bg-opacity));    position: relative;    -ms-box-sizing: border-box;    -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box;    list-style: none;    display: flex;    align-items: center;}.uploadedCont .previewWrapper .previewContainer .over_Icon {    z-index: 1;    text-decoration: none;}.over_Icon {    width: 100%;    height: 100%;    display: none;    position: absolute;        background: rgba(0,0,0,0.7);}.zoomIcon {    width: 18px;    height: 18px;    position: absolute;    right: 0px;    top: -19px;    display: none;}.uploadedCont .uploadFileCont {    width: 65%;    text-overflow: ellipsis;    white-space: nowrap;    overflow: hidden;    font-size: var(--elements-h5-txt-size);    color:var(--value-txt-clr);}.ofSubformWrapper .uploadedCont .uploadFileCont {    font-size: var(--sf-elements-h5-txt-size);}.uploadedCont .uploadFileTitle {    max-width: 75%;    overflow: hidden;    text-overflow: ellipsis;    white-space: nowrap;    float: left;}.uploadedCont .attachDelete {    display: inline-block;    right: 15px;    top: 50%;    transform: translateY(-50%);    width: auto;    height: auto;}.attachDelete {    width: 10px;    height: 10px;    cursor: pointer;    position: absolute;    right: -16px;    top: -16px;    display: none;}.uploadedCont .previewWrapper {    border: 1px solid var(--value-txt-clr);    width: 45px;    height: 45px;    margin-right: 10px;    -webkit-border-radius: 4px;    -moz-border-radius: 4px;    border-radius: 4px;    overflow: hidden;    position: relative;}.uploadedCont .previewWrapper .previewContainer {    position: relative;    width: 43px;    height: 43px;    margin: 0 auto;    display: table-cell;    vertical-align: middle;    text-align: center;    overflow: hidden;    cursor: pointer;}.uploadedCont .uploadFileTitle {    max-width: 75%;}.uploadedCont .fileSize {    color: var(--value-txt-clr);    padding-top: 5px;    font-size: var(--elements-h6-txt-size);}.ofSubformWrapper .uploadedCont .fileSize {    font-size: var(--sf-elements-h6-txt-size);}.progressBarWrapper {    margin-left: 0px !important;    margin-top: 7px !important;    margin-right: 5px !important;}.progressBarCont {    width: 100%;    background-color: rgb(var(--elements-clr));    -webkit-border-radius: 4px;    -moz-border-radius: 4px;    border-radius: 4px;}.progressBarCont .progressBar {    width: 1%;    height: 3px;    background-color: var(--value-txt-clr);    -webkit-border-radius: 4px;    -moz-border-radius: 4px;    border-radius: 4px;}.uploadedCont .previewWrapper img {     max-width: 100%;    height: 100%;}.uploadedCont .fileTypeIcon {    display: inline-block;    width: 22px;    height: 22px;}.uploadedCont .previewWrapper:hover .over_Icon {    display: block;    cursor: pointer;    top: 0;}.uploadedCont .icon-cross {    font-size: var(--instruction-txt-size);    color: var(--value-txt-clr);    background: none;}.ofSubformWrapper .uploadedCont .icon-cross {    font-size: var(--sf-instruction-txt-size);}.uploadedCont .icon-cross:hover {    text-decoration: none;}.uploadedCont .over_Icon .icon-zoom {    position: relative;    top: 13px;    text-decoration: none;        color: #fff;    font-size: 17px;}.uploadedCont .icon-file-empty {    font-size: 22px;    position: relative;    top: 0px;    color: var(--value-txt-clr);}.imageOptions {    width: 100%;    height: 100%;    text-align: center;    overflow: hidden;    display: table;}.imageOptionsWrap {   display: flex;    height: 100%;    flex-direction: column;    justify-content: center;    align-items: center;}.imageOptionsWrap span {    color: var(--value-txt-clr);    font-size: var(--fieldcomp-label-txt-size);    margin-top: 8px;    cursor: pointer;}.imageOptionsCont {    display: flex;    flex-direction: row;    justify-content: center;    align-items: center;}.imageOptionsText {    margin-top: 10px;    color: var(--value-txt-clr);    font-size: var(--instruction-txt-size);}.ofSubformWrapper .imageOptionsText {    font-size: var(--sf-instruction-txt-size);}.tempSubfrmWrapper .imageOptionsText {    line-height: 44px;    padding-left: 5px;}.imageOptionsActCont {    float: right;    position: relative;    right: 15px;    z-index: 9;}.imageOptionsActCont a, .fileUploadDiv a{    position: relative;    border: none;    border-radius: 30px ! important;    display: inline-block;    padding-right: 0;    margin-right: 0;}.rtl .imageOptionsActCont {    left: 15px;    right: auto;}.rtl .imageOptionsText {    margin-right: 0;    margin-left: 0;}.fileUploadDiv.imageUploadDiv a {    padding-right: 0;    margin-right: 0;    padding-left: 25px;}.fileUploadDiv.imageUploadDiv a:before {    position: absolute;    content: "";    width: 1px;    height: 17px;    background: var(--value-txt-clr);    left: 0;    top: 11px;}.rtl .fileUploadDiv.imageUploadDiv a:before {    right: 0;    left: auto;}.fileUploadDiv.imageUploadDiv svg.icon.icon-camera {  width: 19px;    height: 19px;   margin-top: 3px;}.fileUploadDiv.onlyUpload a {    margin-left: 0;    margin-right: 0;}.imageOptionsActCont a svg {    padding: 10px;    width: 21px;    height: 21px;    fill: #222;}.imageOptionsActCont .uploadIconCont {    position: relative;}.uploadIconCont svg.icon.icon-upload {    position: inherit;    width: 17px;    height: 17px;    margin-top: 3px;    padding:6px;}.rtl .uploadIconCont svg.icon.icon-upload {    left: auto;    right: auto;}.fieldDisabled .imageOptionsActCont a, .fieldDisabled .fileUploadDiv a {    cursor: not-allowed;}.rtl .imageOptionsActCont a, .rtl .fileUploadDiv a {    margin-right: 0;    margin-left: 30px;}.rtl .fileUploadDiv.imageUploadDiv a {    margin-left: 0;    padding-left: 0;    padding-right: 25px;}.rtl .fileUploadDiv.onlyUpload a {    margin-left: 0;}.imageOptionsText {    font-size: var(--instruction-txt-size);    margin-bottom: 30px;}.ofSubformWrapper .imageOptionsText {    font-size: var(--sf-instruction-txt-size);}.orTxt {    text-transform: uppercase;    color: var(--value-txt-clr);    padding: 0 10px;    position: relative;    display: flex;    z-index: 2;    align-items: center;    justify-content: center;    margin-bottom: 22px;}.orTxt:before {    position: absolute;    height: 1px;    width: 100%;    border-bottom: 1px dashed rgb(var(--input-bdr-clr));    content: "";    left: 0;    top: 6px;}.orTxt span {    position: relative;    z-index: 1;    background: rgba(var(--input-bg-clr), var(--input-bg-opacity));}.cameraWrapper {    position: relative;    width: 500px;}.rtl .cameraWrapper .closePopup {    position: absolute;    right: auto;    left: -15px;    top: -15px;}.cameraWrapper .closePopup svg {    border: 1px solid #222;    width: 12px;    height: 12px;    background: #d1d1d1;    border-radius: 30px;    padding: 8px;    fill: #222;}.cameraWrapper .closePopup svg:hover {    background:#fff;}.cameraWrapper .popupHeader {    border: none;    margin: 0;    padding: 10px;}.cameraWrapper .popupHeader .camDropIcon {    position: relative;    top: 5px;}.cameraWrapper .popupHeader .camDropIcon svg {    width: 21px;    height: 21px;    fill: var(--label-txt-clr);}.cameraWrapper .popupHeader .cameraDropdown {    margin-left: 0px;    margin-top: 5px;}.cameraWrapper .popUpInner, .cameraWrapper .popupMainCont {    padding: 0;}.cameraWrapper .popupMainCont {    position: relative;    background: #000;}.cameraWrapper .cameraFooter {    position: absolute;    bottom: 0;    width: 100%;    text-align: center;    box-sizing: border-box;    padding: 20px 0;}.cameraWrapper .cameraFooter a {    margin: 0 10px;    background: #ebeaea;    border-radius: 30px;    display: inline-block;}.cameraWrapper .cameraFooter svg {    padding: 10px;    width: 27px;    height: 27px;    stroke-width: 0.7px;    stroke: #fff;    fill: #fff;}.cameraWrapper .cameraFooter .clickCamera {    background: #2BBB76;    color: #fff;}.cameraWrapper .cameraFooter .reTakeCamera {    background: #4B7DFC;    color: #fff;}.cameraDropdown .select2-container {    outline: none;    width: 99% !important;}.cameraDropdown .select2-container--default .select2-selection--single {    border: 1px solid rgba(var(--input-bdr-clr));    -webkit-border-radius: 3px;    -moz-border-radius: 3px;    border-radius: 3px;    border-top-left-radius: 3px;    border-top-right-radius: 3px;    height: 35px;    background: rgba(var(--input-bg-clr));}.cameraDropdown .select2-container .select2-selection--single .select2-selection__rendered {    display: block;    padding-right: 20px;    overflow: hidden;    text-overflow: ellipsis;    white-space: nowrap;    line-height: 34px !important;    font-size: var(--elements-h5-txt-size);    padding-left: 10px !important;    color: var(--value-txt-clr);}.cameraDropdown .select2-container--default .select2-selection--single .select2-selection__arrow {    right: 0px;    height: 33px !important;    width: 30px;    margin: 0;    top: 0;    position: absolute;}.cameraDropdown .select2-container--default .select2-selection--single .select2-selection__arrow b {    height: 0;    left: 50%;    margin-left: -4px;    margin-top: -2px;    position: absolute;    width: 0;    border-style: solid;    border-width: 0 2.5px 2.5px 0 !important;    display: inline-block;    padding: 3px;    transform: rotate(45deg) !important;    -webkit-transform: rotate(45deg) !important;    top: 13px !important;    border-color: var(--value-txt-clr) !important;}.cameraWrapper .popupHeader .cameraDropdown {    margin-left: 10px;    margin-top: 0;    width: 90%;    float: left;}.ofCameraDropDownCont .select2-results__option {    font-size: var(--elements-h5-txt-size);}.rtl .cameraDropdown .select2-container .select2-selection--single .select2-selection__rendered {    text-align: right;}.rtl .cameraDropdown .select2-container--default .select2-selection--single .select2-selection__arrow {    left: 0;    right: auto;}.cameraDropdown .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {    transform: rotate(-135deg) !important;    -webkit-transform: rotate(-135deg) !important;    top: 17px !important;}.cameraErrorWrapper .popupMainCont {    text-align: center;}.cameraErrorWrapper .popupMainCont .cameraStrikeCont {    padding: 10px;    background: rgb(var(--elements-clr));    border-radius: 30px;    margin-bottom: 15px;    display: inline-block;}.cameraErrorWrapper .popupMainCont svg {    width: 27px;    height: 27px;    fill: var(--value-txt-clr);}.cameraErrorWrapper .popupMainCont h3 {    margin-bottom: 10px;    font-size: var(--instruction-txt-size);}.cameraErrorWrapper .popupMainCont p {    text-align: center;    font-weight: 400;    margin: 0;    margin-bottom: 20px;}.cameraErrorWrapper .closePopup {    position: absolute;    right: -15px;    background: #000;    border: 1px solid #000;    padding: 6px !important;    border-radius: 30px;    top: -18px;    cursor: pointer;    z-index: 1;    display: inline-block;}.rtl .cameraErrorWrapper .closePopup {    left: -15px;    right: auto;}.pageReviewPopUp.cameraErrorWrapper .popUpInner {    padding: 25px 10px 25px;}.cameraErrorWrapper .closePopup .delete_icon {    width: 14px;    height: 14px;    fill: #fff;}.rtlWrapper .imageOptionsText {    float: right;    margin-right: 5px;}.rtlWrapper .imageOptionsActCont {    float: left;    right: 0;    left: 15px;}.rtlWrapper .cameraWrapper .popupHeader .camDropIcon {    float: right;}.rtlWrapper .cameraWrapper .popupHeader .cameraDropdown {    margin-left: 0;    margin-right: 30px;}.rtlWrapper .cameraDropdown .select2-container .select2-selection--single .select2-selection__rendered {    text-align: right;}.medium .uploadIconCont svg.icon.icon-upload {    width: 28px;    height: 28px;}.large .uploadIconCont svg.icon.icon-upload {    width: 32px;    height: 32px;}.medium .sideBySide .imgChoiceDiv {    width:26%;}.medium .addedImgWrapper .addedImgCont {    height: 170px;}.large .sideBySide .imgChoiceDiv {    width:28%;}.large .addedImgWrapper .addedImgCont {    height: 150px;    border-radius: 3px;    border: 0.5px dashed transparent;}.zfUploadContainer.fileUploadContant {    height: 185px;}.fileUploadDiv {    vertical-align: middle;    cursor: pointer;    padding-bottom: 0;}.fileUploadDiv.imageUploadDiv {    padding-top: 0px;    padding-bottom: 0px;    margin-left: 25px;}.rtl .fileUploadDiv.imageUploadDiv {    margin-left: 0;}.rtl .fieldtypeText .cameraIconCont svg {    right: auto;}.rtl .zfUploadContainer {    float: right;}.rtl .uploadedCont {    float: left;}.rtl .uploadedCont li {    float: right;}.rtl .uploadedCont.imgUploadedCont li:last-child {    margin-left: 0;}.rtl .uploadedCont.imgUploadedCont li {    margin-left: 3%;    margin-right: 0;}.rtl .uploadedCont .previewWrapper {    margin-right: 0;    margin-left: 10px;}.rtl .uploadedCont .uploadFileTitle {    float: right;}.rtl .uploadedCont .attachDelete {    right: auto;    left: 15px;}.rtl .uploadedCont.imgUploadedCont .icon-cross {    right: auto;    left: 4px;}.uploadedCont.imgUploadedCont ul {    display: flex;    flex-direction: row;    float: none;}.uploadedCont.imgUploadedCont li {    float: none;    margin: 0;    flex-direction: column;    width: 132px;    align-items: baseline;    padding: 0;    margin-right: 3%;    border: 1px solid rgba(var(--input-bdr-clr),0.4);}.uploadedCont.imgUploadedCont li:last-child {    margin-right: 0;}.uploadedCont.imgUploadedCont .previewWrapper {   width: 100%;    height: 85px;    border: none;    margin: 0;    padding: 5px;    border-bottom: 1px solid rgba(var(--input-bdr-clr),0.2);    border-radius: 0;}.uploadedCont.imgUploadedCont .previewWrapper .previewContainer {    display: flex;    width: 100%;    height: 100%;    align-items: center;    justify-content: center;}.uploadedCont.imgUploadedCont .uploadFileCont {    width: 100%;    overflow: visible;    padding: 5px 12px;    box-sizing: border-box;    position: relative;   font-size: var(--elements-h5-txt-size);}.rtl .uploadedCont.imgUploadedCont .uploadFileCont {        padding-right: 5px;}.uploadedCont.imgUploadedCont .fileSize {    font-size: var(--elements-h6-txt-size);    opacity: 0.8;}.uploadedCont.imgUploadedCont .uploadFileCont .uploadFileTitle {    max-width: 62%;}.uploadedCont.imgUploadedCont .icon-cross {    position: absolute;     right: 0;}.uploadedCont.imgUploadedCont .previewWrapper:hover .over_Icon {    display: flex;    cursor: pointer;    top: 0;    align-items: center;    justify-content: center;}.uploadedCont.imgUploadedCont .over_Icon .icon-zoom {    top: 0;}.rtl .uploadedCont.imgUploadedCont li {	float: right !important;}.ocrLoaderPopup{	width: auto !important;	border-radius: 5px;	background: transparent !important;}.ocrLoaderPopup .popUpInner{	box-shadow: none;	background: transparent;}.icon-OCR-Choose-file{	position: relative !important;    top: 4px;    margin-right: 4px;	stroke-width: .8;    stroke: rgb(var(--value-txt-clr));}.ocrContain{	background:#F7F3FF;	padding: 6px 5px;	border-radius: 5px;}.icon-OCR-Loader{	width: 112px;	height: 112px;	transform: scale(.9);}.ocrloader {  width: 290px;  height: 270px;  position: absolute;  left: 50%;  transform: translate(-50%, -50%);  top: 50%;  backface-visibility: hidden;}.ocrloader span {  position: absolute;  left: 5%;  top: 25px;  width: 90%;  height: 1px;  background-color: #17c094;  box-shadow: 0 0 10px 1px #17c094,              0 0 1px 1px #17c094;  z-index: 1;  transform: translateY(95px);  animation: ocrscan 1.7s cubic-bezier(0.15,0.54,0.76,0.74);  animation-iteration-count: infinite;}.ocrloader:before,.ocrloader:after,.ocrloader em:after,.ocrloader em:before {  border-color: #fff;  content: "";  position: absolute;  width: 25px;  height: 25px;  border-style: solid;  border-width: 0px;}.ocrloader:before {  left: 0;  top: 0;  border-left-width: 1px;  border-top-width: 1px;  border-radius: 5px 0 0 0;}.ocrloader:after {  right: 0;  top: 0;  border-right-width: 1px;  border-top-width: 1px;  border-radius: 0 5px 0 0;}.ocrloader em:before {  left: 0;  bottom: 0;  border-left-width: 1px;  border-bottom-width: 1px;  border-radius: 0 0 0 5px;}.ocrloader em:after {  right: 0;  bottom: 0;  border-right-width: 1px;  border-bottom-width: 1px;  border-radius: 0 0 5px 0;}@keyframes ocrscan {  0%,  100% {    transform: translateY(215px);  }  50% {    transform: translateY(0%);  }  75% {    transform: translateY(90px);  }}@keyframes blinker {    50% { opacity: 0; }}.OcrUploadContainer .uploadedCont ul{	grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));}.OcrUploadContainer .uploadedCont li{	align-items: flex-start;}.OcrUploadContainer a.uploadDeleteIcon{	top: 20px;}.OcrUploadContainer .uploadedCont .previewWrapper{	width: 50%;	height: 150px;	}.OcrUploadContainer .uploadedCont .previewWrapper .previewContainer {    display: flex;    align-items: center;    justify-content: center;    width: 100%;    height: 100%;    box-sizing: border-box;    padding: 10px;}.OcrUploadContainer .previewWrapper:hover .previewContainer .over_Icon {    display: flex;    justify-content: center;    align-items: center;}.OcrUploadContainer .previewWrapper:hover .previewContainer .over_Icon .icon-zoom {    top:0;}.OcrUploadContainer .uploadedCont .uploadFileCont{	display: block;	padding-top: 5px;	width: 50%;}.OcrUploadContainer .uploadedCont .fileSize{	padding-top: 10px;}.OcrUploadContainer .fileuploadCont .over_Icon svg.icon.icon-Zoom-Icon-01 {    top: 50%;    transform: translateY(-50%);}.OcrUploadContainer .imageOptionsWrap {    flex-direction: row-reverse;    justify-content: space-between;} .OcrUploadContainer .zfUploadContainer .imageOptionsWrap span {    padding-left: 25px;    margin-top: 0px;}.OcrUploadContainer .fileUploadDiv.imageUploadDiv a { padding-right: 20px;}.ocrLoaderPopup {    display: flex;    text-align: center;    vertical-align: middle;    padding: 0px !important;    max-width: 100%;    height: 100%;    align-items: center;    justify-content: center;}.ocrContain img {    max-width: 200px;    max-height: 200px;}.ocrLoaderPopup .popUpInner {    display: flex;    align-items: center;    justify-content: center;}.zfSignContainer {    margin: 0;    padding: 0;    width: 100%;    position: relative;    height: 180px;}.zfSignContainer canvas {    cursor: crosshair;    border: 1px solid rgb(var(--input-bdr-clr));    display: block;    background-color: rgba(var(--input-bg-clr), var(--input-bg-opacity));    width: 100%;    border-radius: var(--input-radius);    height: 180px;}.zfSignContainer a {    color: var(--value-txt-clr);    font-size: var(--instruction-txt-size);    background:rgb(var(--elements-clr), .3);     border:.5px solid var(--value-txt-clr);    position: absolute;    top: auto;    right: 7px;    bottom: 7px;    display: flex;    width: 16px;    height: 16px;    border-radius: 5px;    padding: 5px;    align-items: center;    justify-content: center;    transition: .5s;}.zfSignContainer a svg {    width: 13px;    height: 13px;    position: absolute;    fill: var(--value-txt-clr);}.subContWrap .zfSignContainer a {    right: 4px;    bottom: 4px;    width: 16px;    height: 16px;    padding: 3px;}.subContWrap .zfSignContainer svg {    width: 13px;    height: 13px;}.ofSubformWrapper .zfSignContainer a {    font-size: var(--sf-instruction-txt-size);}.clearSign {    display: block;}.signImg {    border: 1px solid rgb(var(--input-bdr-clr));    background-color: rgba(var(--input-bg-clr), var(--input-bg-opacity));    width: 100%;    border-radius: 3px;    height: 180px;}.zfSignContainer a:hover {    text-decoration: none;}.zfSignContainer canvas:hover, .zfSignContainer canvas:focus {    outline: none;}.zsignPowered{	display: flex;    justify-content: flex-end;    padding: 6px 0px 0px;    float: inline-end;    align-items: center;}.zsignPowered .icon-zSign{	position: relative;    width: 48px;    height: 48px;    margin-inline-start: 8px;}.zsignPowered span{	text-align: right;	font-size: var(--fieldcomp-label-txt-size);	color: var(--label-txt-clr);}