aoc-login-settings .login-wrapper{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-login-settings .login-wrapper .login-header{grid-area:Header}aoc-login-settings .login-wrapper .login-header h3{border-bottom:1px solid #dadada;margin:0 1rem;padding-bottom:.5rem}aoc-login-settings .login-wrapper .login-header .login-controls{display:flex;margin:1rem;max-height:32px;position:relative}aoc-login-settings .login-wrapper .login-header .login-controls #dragNdrop{display:inline-block;margin-right:1rem;min-width:274px}aoc-login-settings .login-wrapper .login-header .login-controls #dragNdrop .wk-drag-and-drop{min-height:2rem}aoc-login-settings .login-wrapper .login-header .login-controls .aColorPicker-wrapper{display:inline-block;position:relative}aoc-login-settings .login-wrapper .login-header .login-controls .aColorPicker-wrapper #acolor-picker{border:3px solid #000;height:32px;margin-right:1rem;width:34px}aoc-login-settings .login-wrapper .login-header .login-controls .aColorPicker-wrapper .picker{display:none;left:0;position:absolute;top:32px;z-index:1}aoc-login-settings .login-wrapper .login-header .login-controls #refresh{margin-right:1rem}aoc-login-settings .login-wrapper .login-content{grid-area:Content;height:100%;margin:0 1rem;overflow-y:scroll}aoc-login-settings .login-wrapper .login-content .login-background{align-items:center;background:#fff;border:1px solid #dadada;display:flex;height:506px;padding:.75rem;width:798px}@media screen and (max-width:860px){aoc-login-settings .login-wrapper .login-content .login-background{width:100%}}aoc-login-settings .login-wrapper .login-content .login-background-preview{height:100%;position:relative;width:100%}aoc-login-settings .login-wrapper .login-content #imageBackgroundColor{background:#dadada;height:100%;opacity:1}aoc-login-settings .login-wrapper .login-content .dummyImage-box{height:240px;left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);width:165px}aoc-login-settings .login-wrapper .login-content .dummyImage-box>img{max-width:100%}aoc-login-settings .login-wrapper .login-content .wk-field-input{height:32px!important;width:320px!important}aoc-login-settings .login-wrapper .login-content .wk-button-icon{height:32px;margin-top:6px;padding:0;width:32px}aoc-login-settings .login-wrapper .login-content .example-target-container-center{align-items:center;display:flex;justify-content:flex-start}aoc-login-settings .login-wrapper .login-content .example-target-container-center .login-inputs-tooltip-icon{background:none!important}aoc-login-settings .login-wrapper .login-content .wk-field{margin-right:1rem}aoc-login-settings .login-wrapper .login-content .formAndToolTip{display:flex;margin-right:3.875rem}aoc-login-settings .login-wrapper .login-content .loginForm{margin-top:1rem}aoc-login-settings .login-wrapper .login-content .loginForm .wk-row{align-items:flex-start;flex-wrap:wrap;width:100%}aoc-login-settings .login-wrapper .login-content .loginForm .wk-row .wk-col-4{flex-grow:0;min-width:24rem;width:24rem}aoc-login-settings .login-wrapper .login-content label{word-wrap:keep-all}aoc-login-settings .login-wrapper .login-content input{font-size:.875rem;height:2rem;line-height:1.29;padding:0 .5rem;width:20rem}aoc-login-settings .login-wrapper .login-content .wk-field-input:invalid{border:2px solid #e5202e;box-shadow:inset 0 0 0 .0625rem #e5202e;color:#e5202e}aoc-login-settings .login-wrapper .login-content .loginForm input:invalid:not(:hover):not(:focus){border:2px solid #e5202e;box-shadow:inset 0 0 0 .0625rem #e5202e;color:#e5202e}aoc-login-settings .login-wrapper .login-content .loginForm input:invalid~.urlErrorText{display:block!important}aoc-login-settings .login-wrapper .login-content .urlErrorText{color:#e5202e;display:none;font-size:.875rem;font-weight:400}aoc-login-settings .login-wrapper .login-content::-webkit-scrollbar{display:none}aoc-login-settings .login-wrapper .login-content{-ms-overflow-style:none;scrollbar-width:none}aoc-login-settings .login-wrapper .login-footer{border-top:1px solid #dadada;grid-area:Footer;padding:1rem}aoc-login-settings .login-wrapper .login-footer #btnSave{float:right}aoc-login-settings .login-wrapper .login-footer #btnSave :after{clear:both}aoc-login-settings .linkList .loading{height:150px}aoc-login-settings .linkList__headline{margin:2rem 0}aoc-login-settings .linkList__list{display:flex;flex-wrap:wrap;gap:2rem 0;list-style-type:none;margin:0 0 2rem;padding:0}aoc-login-settings .linkList__list li{margin:0}aoc-login-settings .linkList .wk-col-4{padding-left:0}aoc-login-settings .linkList .wk-button.hide{display:none}aoc-login-settings .linkList .wk-button *{pointer-events:none}