aoc-portal-design-settings .portaldesign-wrapper{display:grid;grid-template-areas:"AvatarHeader" "AvatarContent" "LogoHeader" "LogoContent" "DashboardHeader" "DashboardContent" "Footer";grid-template-columns:100%;grid-template-rows:auto auto auto auto auto 1fr auto;height:100%;max-height:100%;min-height:100%}aoc-portal-design-settings .portaldesign-wrapper .portaldesign-header{border-bottom:1px solid #dadada;margin:0;padding-bottom:.5rem}aoc-portal-design-settings .portaldesign-wrapper .portaldesign-logo-header{grid-area:LogoHeader;margin:1rem}aoc-portal-design-settings .portaldesign-wrapper .portaldesign-logo-header .portaldesign-logo-controls{display:flex;margin:1rem 0;max-height:32px;position:relative}aoc-portal-design-settings .portaldesign-wrapper .portaldesign-logo-header .portaldesign-logo-controls #dragNdrop{display:inline-block;margin-right:1rem;min-width:274px}aoc-portal-design-settings .portaldesign-wrapper .portaldesign-logo-header .portaldesign-logo-controls #dragNdrop .wk-drag-and-drop{min-height:2rem}aoc-portal-design-settings .portaldesign-wrapper .portaldesign-logo-header .portaldesign-logo-controls .aColorPicker-wrapper{display:inline-block;position:relative}aoc-portal-design-settings .portaldesign-wrapper .portaldesign-logo-header .portaldesign-logo-controls .aColorPicker-wrapper #acolor-picker{border:3px solid #000;height:32px;margin-right:1rem;width:34px}aoc-portal-design-settings .portaldesign-wrapper .portaldesign-logo-header .portaldesign-logo-controls .aColorPicker-wrapper .picker{display:none;left:0;position:absolute;top:32px;z-index:1}aoc-portal-design-settings .portaldesign-wrapper .portaldesign-logo-header .portaldesign-logo-controls #refresh{margin-right:1rem}aoc-portal-design-settings .portaldesign-wrapper .portaldesign-avatar-header{grid-area:AvatarHeader;margin:.5rem 1rem}aoc-portal-design-settings .portaldesign-wrapper .portaldesign-avatar-content{grid-area:AvatarContent;margin:0 1rem}aoc-portal-design-settings .portaldesign-wrapper .portaldesign-logo-content{grid-area:LogoContent;margin:0 1rem}aoc-portal-design-settings .portaldesign-wrapper .portaldesign-logo-content #logoBackground{border:1px solid #dadada;padding:1rem}aoc-portal-design-settings .portaldesign-wrapper .portaldesign-logo-content #logoBackground #imagePreview{border:1px dashed #353535;max-height:40px;max-width:400px}aoc-portal-design-settings .portaldesign-wrapper .portaldesign-dashboard-header{grid-area:DashboardHeader;margin:1.5rem 1rem 1rem}aoc-portal-design-settings .portaldesign-wrapper .portaldesign-dashboard-content{grid-area:DashboardContent;margin:0 1rem}aoc-portal-design-settings .portaldesign-wrapper .dashboard-description{margin-bottom:1rem;max-width:720px}aoc-portal-design-settings .portaldesign-wrapper .portaldesign-footer{border-top:1px solid #dadada;grid-area:Footer;padding:1rem}aoc-portal-design-settings .portaldesign-wrapper .portaldesign-footer #btnSave{float:right}aoc-portal-design-settings .portaldesign-wrapper .portaldesign-footer #btnSave :after{clear:both}aoc-portal-design-settings #imagePreviewModal{margin-bottom:1rem;max-height:2.25rem;max-width:25rem}