.loading-wraper{ position: relative; } .loader { --color: #25b9d7; --size-mid: 4vmin; --size-dot: 1.5vmin; --size-bar: 0.4vmin; --size-square: 3vmin; position: absolute; top: 1px; left: 50%; width: 50%; place-items: center; } .loader::before, .loader::after { content: ''; box-sizing: border-box; position: absolute; } /** loader --1 **/ .loader.--1::before { width: var(--size-mid); height: var(--size-mid); border: 4px solid var(--color); border-top-color: transparent; border-radius: 50%; animation: loader-1 1s linear infinite; } .loader.--1::after { width: calc(var(--size-mid) - 2px); height: calc(var(--size-mid) - 2px); border: 2px solid transparent; border-top-color: var(--color); border-radius: 50%; animation: loader-1 0.6s linear reverse infinite; } @keyframes loader-1 { 100% { transform: rotate(1turn); } } #leoprofile-tabs span{ cursor: pointer; } .edit_with_button_link { background: #050d6a; border-color: #050d6a; color: #fff !important; text-decoration: none; padding: 10px 14px; border-radius: 3px; display: inline-flex; align-items: center; transition: .5s; margin-bottom: 10px; font-weight: bold; } .edit_with_button_link img { margin-right: 5px; height: 22px; width: auto; } .panel-link span { display: block; } .ul-unstyled { list-style:none !important; } .legtitle{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0.375rem 0.75rem; margin-bottom: 0; font-weight: 400; line-height: 1.5; color: #495057; text-align: center; white-space: nowrap; background-color: #e9ecef; border-right: 1px solid #ced4da; border-radius: 0.25rem; } .legtitle > span { margin-left: 5px; } .legcontent { padding: 0.375rem 0.75rem; font-size: 110%; } .lebreadcrumb{ position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; width: 100%; border: solid 1px #d3d8db; margin-bottom: 1rem!important; border-radius: 0.25rem; } .leprepend{ margin-right: -1px; display: -webkit-box; display: -ms-flexbox; display: flex; } .legcontent .edit_with_button_link { padding: 4px 14px; margin-bottom: 0; } .legcontent .edit_with_button_link img { height: 20px; } .first-profile { padding-left: 0; } .le-globalconfig a:focus { border-top: 3px solid #25b9d7 !important; border-bottom: none !important; } .le-globalconfig a:hover, .le-globalconfig li.active a { border-top: 3px solid #25b9d7 !important; border-bottom: none !important; }