@keyframes ldio { 0% { transform: translate(6px,40px) scale(0); } 25% { transform: translate(6px,40px) scale(0); } 50% { transform: translate(6px,40px) scale(1); } 75% { transform: translate(40px,40px) scale(1); } 100% { transform: translate(74px,40px) scale(1); } } @keyframes ldio-r { 0% { transform: translate(74px,40px) scale(1): } 100% { transform: translate(74px,40px) scale(0); } } @keyframes ldio-c { 0% { background: #0a0a0a } 25% { background: #f9ae5c } 50% { background: #ffffff } 75% { background: #28292f } 100% { background: #0a0a0a } } .ldio div { position: absolute; width: 20px; height: 20px; border-radius: 50%; transform: translate(40px,40px) scale(1); background: #0a0a0a; animation: ldio 1s infinite cubic-bezier(0,0.5,0.5,1); } .ldio div:nth-child(1) { background: #28292f; transform: translate(74px,40px) scale(1); animation: ldio-r 0.25s infinite cubic-bezier(0,0.5,0.5,1), ldio-c 1s infinite step-start; }.ldio div:nth-child(2) { animation-delay: -0.25s; background: #0a0a0a; }.ldio div:nth-child(3) { animation-delay: -0.5s; background: #28292f; }.ldio div:nth-child(4) { animation-delay: -0.75s; background: #ffffff; }.ldio div:nth-child(5) { animation-delay: -1s; background: #f9ae5c; } .loadingio-spinner-ellipsis { width: 14px; height: 14px; display: inline-block; overflow: hidden; background: rgba(241, 242, 243, .75); } .ldio { width: 100%; height: 100%; position: relative; transform: translateZ(0) scale(0.14); backface-visibility: hidden; transform-origin: 0 0; /* see note above */ } .ldio div { box-sizing: content-box; } .mrm_be_dkz_form_hidden{ display: none; } .mrm_be_dkz_form_read-only{ color: #737373; background-color: #f5f5f5; opacity: 1; pointer-events: none; } .mrm_be_dkz_pagetree_tabs{ display: flex; align-items: flex-start; margin-bottom: -1px; } .mrm_be_dkz_pagetree_tabs > div{ border: 1px solid #EDBB99; padding: 0.5em 1em; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom: 0; cursor: pointer; margin-right: 3px; } .mrm_be_dkz_pagetree_tabs > div.active{ background: #FBEEE6; } .mrm_be_dkz_loader{ display: none; background: rgba(241, 242, 243, .75); align-items: center; justify-content: center; position: absolute; top: 0; left: 0; right: 0; bottom: 0; flex-direction: column; } .mrm_be_dkz_loader.in{ display: flex; } .mrm_be_dkz_pagetree_holder.out, .mrm_be_dkz_search_holder.out{ display: none; } .mrm_be_dkz_pagetree_holder, .mrm_be_dkz_search_holder{ background: #FBEEE6; border: 1px solid #EDBB99; padding: 1em 1em 1em 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .mrm_be_dkz_pagetree_holder, .mrm_be_dkz_search_holder .search-results{ max-height: 550px; overflow-y: auto; } .mrm_be_dkz_pagetree_holder details{ margin-left: 1em; } .mrm_be_dkz_pagetree_holder details summary{ display: list-item; cursor: default; } .mrm_be_dkz_pagetree_holder details summary:hover{ background: #EDBB99; } .mrm_be_dkz_search_holder .itm-checker, .mrm_be_dkz_pagetree_holder details .itm-checker{ margin-right: 4px; } .mrm_be_dkz_search_holder .itm-checker:hover, .mrm_be_dkz_pagetree_holder details .itm-checker:hover{ text-decoration: none; background: #FBEEE6; } .mrm_be_dkz_search_holder .itm-checker .yes, .mrm_be_dkz_pagetree_holder details .itm-checker .yes{ display: none; } .mrm_be_dkz_search_holder .itm-checker.checked .yes, .mrm_be_dkz_pagetree_holder details .itm-checker.checked .yes{ display: inline; } .mrm_be_dkz_search_holder .itm-checker .no, .mrm_be_dkz_pagetree_holder details .itm-checker .no{ display: inline; } .mrm_be_dkz_search_holder .itm-checker.checked .no, .mrm_be_dkz_pagetree_holder details .itm-checker.checked .no{ display: none; } .mrm_be_dkz_pagetree_holder details div.not-collapsible{ margin-left: 28px; } .mrm_be_dkz_pagetree_result_holder{ display: flex; flex-direction: row; border: 1px solid #EDBB99; border-top-left-radius: 0; border-top-right-radius: 0; max-height: 150px; } .mrm_be_dkz_pagetree_result_holder > div { padding: 1em; background: #FBEEE6; overflow-y: auto; } .mrm_be_dkz_pagetree_result_holder > div ul{ padding-left: 1.3em; } .mrm_be_dkz_pagetree_result_holder .selections{ flex: 0.65; } .mrm_be_dkz_pagetree_result_holder .sws{ border-left: 1px solid #EDBB99; flex: 0.35; } .mrm_be_dkz_search_holder{ padding: 1em; } .mrm_be_dkz_search_holder form{ border-bottom: 1px solid #EDBB99; display: flex; padding-bottom: 1em; margin-bottom: 1em; justify-content: flex-start; } .mrm_be_dkz_search_holder form #searchQuery{ flex: 1; margin-right: 0.5em; }