aoc-contact-card .contact-card-component{display:grid;grid-template-areas:"Header" "Content" "Footer";grid-template-columns:100%;grid-template-rows:auto 1fr auto;height:100%;max-height:100%;min-height:100%;overflow:hidden}aoc-contact-card .contact-card-component .contact-card-header{grid-area:Header}aoc-contact-card .contact-card-component .contact-card-header h3{border-bottom:1px solid #dadada;margin:0 1rem;padding-bottom:.5rem}aoc-contact-card .contact-card-component #contact-card-content{display:flex;flex:0 1 100%;flex-direction:row;flex-wrap:wrap;grid-area:Content;height:100%;overflow:hidden}aoc-contact-card .contact-card-component #contact-card-content #contact-card-controls{display:flex;margin:0 0 1rem;max-height:32px;position:relative}aoc-contact-card .contact-card-component #contact-card-content #contact-card-controls #dragNdrop{display:inline-block;margin-right:1rem;min-width:274px}aoc-contact-card .contact-card-component #contact-card-content #contact-card-controls #dragNdrop .wk-drag-and-drop{min-height:2rem}aoc-contact-card .contact-card-component #contact-card-content #contact-card-controls .aColorPicker-wrapper{display:inline-block;position:relative}aoc-contact-card .contact-card-component #contact-card-content #contact-card-controls .aColorPicker-wrapper #acolor-picker{border:3px solid #000;height:32px;margin-right:1rem;width:34px}aoc-contact-card .contact-card-component #contact-card-content #contact-card-controls .aColorPicker-wrapper .picker{display:none;left:0;position:absolute;top:32px;z-index:1}aoc-contact-card .contact-card-component #contact-card-content #contact-card-controls #refresh{margin-right:1rem}aoc-contact-card .contact-card-component #contact-card-content .logo-text-container{display:grid;grid-template-rows:auto 1fr;height:100%;overflow:auto;position:relative}aoc-contact-card .contact-card-component #contact-card-content .logo-text-container #logoBackground{border:1px solid #dadada;padding:1rem}aoc-contact-card .contact-card-component #contact-card-content .logo-text-container #logoBackground #imagePreview{border:1px dashed #353535;max-height:40px;max-width:400px}aoc-contact-card .contact-card-component #contact-card-content .logo-text-container #textEditorHolder{height:100%;padding:1rem 0}aoc-contact-card .contact-card-component #contact-card-content .logo-text-container #textEditorHolder .jodit-container{height:100%}aoc-contact-card .contact-card-component #contact-card-content .logo-text-container #textEditorHolder .jodit-add-new-line.jodit-add-new-line_after{display:none!important}aoc-contact-card .contact-card-component #contact-card-content .left-side-wrapper{display:grid;flex:1;grid-template-rows:auto 1fr;height:100%;margin:0 0 1rem 1rem;max-height:100%;overflow:visible;padding-top:1rem}aoc-contact-card .contact-card-component #contact-card-content .right-side-wrapper{height:100%;margin:0 1rem;min-height:10rem;overflow:hidden;padding-bottom:1rem}aoc-contact-card .contact-card-component #contact-card-content .right-side-wrapper .contact-card-preview-section{border:1px solid #dadada;height:100%;overflow-y:auto;width:400px}aoc-contact-card .contact-card-component #contact-card-content .right-side-wrapper .contact-card-preview-section .contact-card-preview-header{align-items:center;background:#f6f6f6;border-bottom:1px solid #dadada;color:#353535;font-size:1.25rem;font-weight:500;height:86px;padding:25px 15px;width:100%}aoc-contact-card .contact-card-component #contact-card-content .right-side-wrapper .contact-card-preview-section #contact-card-preview-content,aoc-contact-card .contact-card-component #contact-card-content .right-side-wrapper .contact-card-preview-section #contact-card-preview-text{padding:1rem}aoc-contact-card .contact-card-component #contact-card-content .right-side-wrapper .contact-card-preview-section #imagePreviewTwo{align-items:center;margin:1rem auto;max-height:40px;max-width:360px}aoc-contact-card .contact-card-component .contact-card-footer{border-top:1px solid #dadada;grid-area:Footer;padding:1rem}aoc-contact-card .contact-card-component .contact-card-footer #btnSave{float:right}aoc-contact-card .contact-card-component .contact-card-footer #btnSave :after{clear:both}aoc-contact-card #imagePreviewModal{margin-bottom:1rem;max-height:2.25rem;max-width:25rem}.jodit.jodit-container{--jd-color-background-light-gray:#fff;--jd-color-background-default:#fff;--jd-color-border:#757575;--jd-color-panel:#fff;--jd-color-icon:#353535;--jd-border-radius-default:0px;--jd-z-index-full-size:1050}