1532 lines
29 KiB
CSS
1532 lines
29 KiB
CSS
html, body {
|
|
margin: 0;
|
|
font-family: 'Inter', sans-serif;
|
|
}
|
|
|
|
* {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
html, body {
|
|
--root-main-color: #192440;
|
|
--root-main-color-hover: #0d1220;
|
|
--root-second-color: #eff4ff;
|
|
--root-second-color-hover: #c7d7f8;
|
|
--root-success-color: #1a9f4a;
|
|
--root-success-color-hover: #16863e;
|
|
--root-cancel-color: #df4444;
|
|
--root-cancel-color-hover: #b52f2f;
|
|
--root-warning-color: #f3e48c;
|
|
--root-warning-color-hover: #c7ba71;
|
|
--root-border-color: #ebebeb;
|
|
--root-dark-color: #091734;
|
|
|
|
--root-short-nav-width: 75px;
|
|
--root-full-nav-width: 350px;
|
|
--root-content-margin: 20px;
|
|
}
|
|
|
|
a {
|
|
text-decoration: none;
|
|
font-weight: 600;
|
|
color: #346e9d;
|
|
font-size: 14px;
|
|
}
|
|
|
|
a:hover {
|
|
color: #104772;
|
|
}
|
|
|
|
li {
|
|
list-style-type: none;
|
|
}
|
|
|
|
ul {
|
|
margin-left: 0;
|
|
padding-left: 0;
|
|
}
|
|
|
|
p {
|
|
margin: 0;
|
|
}
|
|
|
|
.admin-panel {
|
|
background-color: #ededed;
|
|
}
|
|
|
|
.admin-panel .login-form {
|
|
width: 360px;
|
|
margin: 0 auto;
|
|
padding: 10px;
|
|
border-radius: 10px;
|
|
background-color: white;
|
|
}
|
|
|
|
.admin-panel .login-form > form {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.admin-panel .input-group {
|
|
width: 100%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.admin-panel .input-separator {
|
|
font-size: 20px;
|
|
padding: 10px;
|
|
color: #2b3857;
|
|
background-color: #f7f7f7;
|
|
/*border-bottom: 1px solid var(--root-border-color);*/
|
|
border-radius: 12px;
|
|
}
|
|
|
|
.admin-panel .input-separator:last-child {
|
|
border-bottom: none;
|
|
}
|
|
|
|
.admin-panel .input-group > label {
|
|
margin-bottom: 5px;
|
|
font-weight: 800;
|
|
text-transform: uppercase;
|
|
font-size: 10px;
|
|
color: #00000099;
|
|
}
|
|
|
|
.admin-panel .login-form input {
|
|
padding: 10px;
|
|
border-radius: 10px;
|
|
border: none;
|
|
font-size: 21px;
|
|
background-color: #f2f2f2;
|
|
outline: none;
|
|
}
|
|
|
|
.admin-nav__logo {
|
|
width: 100%;
|
|
}
|
|
|
|
.admin-nav__logo > img {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.admin-panel .login-form input:focus {
|
|
outline: none;
|
|
transition: all ease-in 0.1s;
|
|
}
|
|
|
|
.admin-panel .login-form__title {
|
|
font-size: 21px;
|
|
text-align: center;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.admin-panel .login-form__back > a {
|
|
display: flex;
|
|
}
|
|
|
|
.admin-panel .login-form__subtitle {
|
|
font-size: 16px;
|
|
text-align: center;
|
|
font-weight: 200;
|
|
color: #00000078;
|
|
}
|
|
|
|
.admin-panel .login-form__logotype {
|
|
width: 160px;
|
|
}
|
|
|
|
.admin-panel .login-form input::placeholder {
|
|
color: #bdbdbd;
|
|
}
|
|
|
|
.admin-panel .login-form .btn {
|
|
font-size: 14px;
|
|
padding: 13px;
|
|
cursor: pointer;
|
|
border: none;
|
|
border-radius: 10px;
|
|
font-weight: 600;
|
|
background-color: #f3f3f3;
|
|
transition: all ease-in 0.1s;
|
|
}
|
|
|
|
.admin-panel .login-form .btn:hover {
|
|
background-color: #e1dfdf;
|
|
}
|
|
|
|
.admin-panel .login-form .btn.btn-primary {
|
|
background-color: var(--root-main-color);
|
|
color: white;
|
|
}
|
|
|
|
.admin-panel .login-form .btn.btn-primary:hover {
|
|
background-color: var(--root-main-color-hover);
|
|
}
|
|
|
|
.admin-panel .admin-left-block {
|
|
height: 100%;
|
|
position: fixed;
|
|
overflow-y: auto;
|
|
overflow-x: hidden;
|
|
word-wrap: break-word;
|
|
top: 0;
|
|
left: 0;
|
|
background: var(--root-main-color);
|
|
display: flex;
|
|
border-right: 1px solid var(--root-border-color);
|
|
}
|
|
|
|
|
|
.admin-panel .admin-nav::-webkit-scrollbar {
|
|
width: 5px; /* задаем ширину полосы прокрутки */
|
|
}
|
|
|
|
.admin-panel .admin-nav::-webkit-scrollbar-thumb {
|
|
background-color: #ccc; /* цвет полосы прокрутки */
|
|
}
|
|
|
|
.admin-panel .admin-nav::-webkit-scrollbar-track {
|
|
background-color: transparent; /* цвет фона для трека (фоновой области скроллбара) */
|
|
}
|
|
|
|
|
|
.admin-panel .admin-subnav::-webkit-scrollbar {
|
|
width: 5px; /* задаем ширину полосы прокрутки */
|
|
}
|
|
|
|
.admin-panel .admin-subnav::-webkit-scrollbar-thumb {
|
|
background-color: #dcdcdc; /* цвет полосы прокрутки */
|
|
}
|
|
|
|
.admin-panel .admin-subnav::-webkit-scrollbar-track {
|
|
background-color: white; /* цвет фона для трека (фоновой области скроллбара) */
|
|
}
|
|
|
|
|
|
.admin-panel .item-parents__list::-webkit-scrollbar {
|
|
width: 5px; /* задаем ширину полосы прокрутки */
|
|
}
|
|
|
|
.admin-panel .item-parents__list::-webkit-scrollbar-thumb {
|
|
background-color: #dcdcdc; /* цвет полосы прокрутки */
|
|
}
|
|
|
|
.admin-panel .item-parents__list::-webkit-scrollbar-track {
|
|
background-color: white; /* цвет фона для трека (фоновой области скроллбара) */
|
|
}
|
|
|
|
|
|
.admin-panel .admin-nav {
|
|
height: 100%;
|
|
width: var(--root-short-nav-width);
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
}
|
|
|
|
.admin-panel .admin-subnav {
|
|
width: var(--root-full-nav-width);
|
|
height: 100%;
|
|
overflow: auto;
|
|
background: white;
|
|
}
|
|
|
|
.admin-panel .admin-logotype {
|
|
text-align: center;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.admin-panel .admin-logotype > img {
|
|
width: 76px;
|
|
}
|
|
|
|
.admin-panel .admin-main-block {
|
|
width: calc(100% - var(--root-short-nav-width) - var(--root-full-nav-width) - var(--root-content-margin) - var(--root-content-margin));
|
|
margin-left: calc(var(--root-short-nav-width) + var(--root-full-nav-width) + var(--root-content-margin));
|
|
min-height: 100%;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.admin-panel .subnav-item__icon {
|
|
margin-right: 10px;
|
|
vertical-align: middle;
|
|
width: 24px;
|
|
transition: 0.3s ease-in-out all;
|
|
font-size: 20px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: 24px;
|
|
height: 24px;
|
|
border-radius: 7px;
|
|
padding: 4px;
|
|
border: 1px solid var(--root-border-color);
|
|
}
|
|
|
|
.admin-panel .nav-item:hover .subnav-item__icon, .admin-panel .nav-item.active .subnav-item__icon {
|
|
background-color: white;
|
|
}
|
|
|
|
.admin-panel .nav-item__icon-inner {
|
|
width: 23px;
|
|
height: 23px;
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
color: white;
|
|
font-size: 22px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
transition: 0.2s ease-in-out all;
|
|
z-index: 100;
|
|
}
|
|
|
|
.admin-panel .subnav-item__open-icon {
|
|
display: flex;
|
|
transition: 0.2s ease-in-out all;
|
|
}
|
|
|
|
.admin-panel .admin-header-block {
|
|
height: 35px;
|
|
background-color: #293a4c;
|
|
}
|
|
|
|
.admin-panel .admin-account {
|
|
position: absolute;
|
|
bottom: 0;
|
|
width: 100%;
|
|
}
|
|
|
|
.admin-panel .admin-account .admin-account__wrapper {
|
|
display: flex;
|
|
flex-wrap: nowrap;
|
|
justify-content: space-between;
|
|
padding: 10px 15px;
|
|
align-items: center;
|
|
background-color: #1e2c3a;
|
|
margin: 10px;
|
|
border-radius: 7px;
|
|
transition: all ease-in 0.1s;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.admin-panel .admin-account .admin-account__wrapper:hover {
|
|
background-color: #131e28;
|
|
}
|
|
|
|
.admin-panel .admin-account__username {
|
|
color: #ffffffc7;
|
|
cursor: pointer;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.admin-panel .admin-account__logout {
|
|
cursor: pointer;
|
|
transition: all ease-in 0.1s;
|
|
}
|
|
|
|
.admin-panel .admin-account__logout:hover {
|
|
padding-right: 10px;
|
|
}
|
|
|
|
.admin-panel .admin-account__image {
|
|
width: 20px;
|
|
height: 20px;
|
|
border-radius: 8px;
|
|
overflow: hidden;
|
|
margin-right: 11px;
|
|
}
|
|
|
|
.admin-panel .admin-account__image > img {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.admin-panel .admin-account__icon {
|
|
margin-right: -8px;
|
|
}
|
|
|
|
.admin-panel .admin-account__info {
|
|
display: flex;
|
|
justify-content: flex-start;
|
|
align-items: center;
|
|
}
|
|
|
|
.admin-panel .nav-item {
|
|
padding: 10px;
|
|
color: #c5c5c5;
|
|
display: flex;
|
|
align-items: center;
|
|
transition: all ease-in 0.1s;
|
|
font-size: 11px;
|
|
font-weight: 200;
|
|
justify-content: center;
|
|
position: relative;
|
|
}
|
|
|
|
.admin-panel .admin-nav .nav-item:after {
|
|
content: "";
|
|
position: absolute;
|
|
right: 0;
|
|
width: 4px;
|
|
height: 0;
|
|
background-color: white;
|
|
border-radius: 4px 0 0 4px;
|
|
transition: 0.1s ease-in-out all;
|
|
}
|
|
|
|
.admin-panel .admin-nav .nav-item:hover:after, .admin-panel .nav-item.active:after {
|
|
height: 26px;
|
|
}
|
|
|
|
.admin-panel .nav-item:hover .subnav-item__open-icon {
|
|
margin-right: -2px;
|
|
}
|
|
|
|
.admin-panel .nav-item.active .subnav-item__open-icon {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.admin-panel .nav-item:hover .nav-item__icon, .admin-panel .nav-item.active .nav-item__icon {
|
|
color: var(--root-main-color);
|
|
}
|
|
|
|
.admin-panel .nav-item:hover .nav-item__icon-inner, .admin-panel .nav-item.active .nav-item__icon-inner {
|
|
color: var(--root-main-color);
|
|
}
|
|
|
|
.admin-panel .nav-item__icon {
|
|
background: transparent;
|
|
border-radius: 10px;
|
|
width: 40px;
|
|
height: 40px;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
transition: 0.2s ease-in-out all;
|
|
position: relative;
|
|
}
|
|
|
|
.admin-panel .nav-item__icon:after {
|
|
content: "";
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
background-color: white;
|
|
border-radius: 10px;
|
|
transition: 0.2s ease-in-out all;
|
|
transform: scale(0);
|
|
}
|
|
|
|
.admin-panel .nav-item:hover .nav-item__icon:after, .admin-panel .nav-item.active .nav-item__icon:after {
|
|
transform: scale(1);
|
|
}
|
|
|
|
.admin-panel .page_wrapper {
|
|
width: 100%;
|
|
padding-top: 10px;
|
|
}
|
|
|
|
.admin-panel .page_name {
|
|
margin-bottom: 20px;
|
|
font-weight: 400;
|
|
font-size: 32px;
|
|
display: flex;
|
|
align-items: center;
|
|
color: var(--root-main-color);
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.admin-panel .page_desc {
|
|
font-size: 16px;
|
|
font-weight: 300;
|
|
margin-bottom: 30px;
|
|
color: #00000075;
|
|
text-align: justify;
|
|
}
|
|
|
|
.admin-panel .nav-item__sub {
|
|
background: rgb(255 255 255);
|
|
height: fit-content;
|
|
}
|
|
|
|
.nav-item__notfound-image {
|
|
width: 100%;
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.nav-item__notfound-image > img {
|
|
width: 160px;
|
|
height: 100%;
|
|
}
|
|
.nav-item__notfound {
|
|
margin: 20px 30px 0 30px;
|
|
text-align: center;
|
|
color: #dfdfdf;
|
|
border: dashed 2px #dfdfdf;
|
|
border-radius: 10px;
|
|
padding: 20px;
|
|
}
|
|
|
|
.admin-panel .nav-item__sub .nav-item {
|
|
text-align: left;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
color: #70737c;
|
|
font-weight: 400;
|
|
font-size: 16px;
|
|
padding: 7px 30px 7px 30px;
|
|
border-bottom: 1px solid var(--root-border-color);
|
|
}
|
|
|
|
.admin-panel .nav-item__sub .nav-item__sub .nav-item {
|
|
padding: 7px 30px 7px 40px;
|
|
}
|
|
|
|
|
|
.admin-panel .nav-item__sub .nav-item__sub {
|
|
padding: 0;
|
|
height: auto;
|
|
width: 100%;
|
|
}
|
|
|
|
.nav-item__sub .nav-item.active, .nav-item__sub .nav-item:hover {
|
|
color: var(--root-main-color);
|
|
background-color: #f7f7f7;
|
|
}
|
|
|
|
.nav-item__sub .nav-item .nav-item__name {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.admin-panel table {
|
|
width: 100%;
|
|
background-color: white;
|
|
}
|
|
|
|
.admin-panel table th {
|
|
border-bottom: 1px solid var(--root-border-color);
|
|
}
|
|
|
|
.admin-panel table td, .admin-panel table th {
|
|
text-align: left;
|
|
padding: 10px;
|
|
}
|
|
|
|
.admin-panel table tr {
|
|
border-bottom: 1px solid var(--root-border-color);
|
|
}
|
|
|
|
.admin-panel table tr:hover {
|
|
background-color: #fafafa;
|
|
}
|
|
|
|
.admin-panel table tr:last-child {
|
|
border-bottom: none;
|
|
}
|
|
|
|
.admin-data-table {
|
|
overflow: hidden;
|
|
border: 1.2px solid var(--root-border-color);
|
|
border-radius: 10px;
|
|
}
|
|
|
|
table {
|
|
border-collapse: collapse;
|
|
border-spacing: 0;
|
|
}
|
|
|
|
tbody {
|
|
margin-top: -1px;
|
|
}
|
|
|
|
.admin-data-form {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: flex-start;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.admin-floating-block {
|
|
width: 100%;
|
|
}
|
|
|
|
.admin-floating-status {
|
|
color: #c6c6c6;
|
|
font-size: 13px;
|
|
}
|
|
|
|
.admin-floating-block.active {
|
|
width: calc(100% - var(--root-short-nav-width) - var(--root-full-nav-width) - var(--root-content-margin) - var(--root-content-margin));
|
|
z-index: 100;
|
|
}
|
|
|
|
.admin-floating-block.active .admin-block {
|
|
border-radius: 10px 10px 0 0;
|
|
background-color: #2b3857;
|
|
}
|
|
|
|
.admin-floating-row {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: flex-start;
|
|
}
|
|
|
|
.admin-floating-wrapper {
|
|
width: 100%;
|
|
}
|
|
|
|
.admin-login-wrapper {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
height: 100vh;
|
|
z-index: 100;
|
|
position: relative;
|
|
}
|
|
|
|
.admin-data-form .input-group .input-label {
|
|
width: 30%;
|
|
}
|
|
|
|
.admin-data-form .input-label {
|
|
padding: 10px 0;
|
|
word-break: break-word;
|
|
}
|
|
|
|
.admin-data-form .input-group .input-edit {
|
|
width: 70%;
|
|
}
|
|
|
|
.admin-data-form .input-edit label {
|
|
color: #c4c4c4;
|
|
font-size: 12px;
|
|
margin-bottom: 10px;
|
|
display: block;
|
|
}
|
|
|
|
.admin-data-form .input-edit {
|
|
padding: 10px;
|
|
}
|
|
|
|
.admin-data-form .input-group {
|
|
display: flex;
|
|
flex-direction: row;
|
|
width: 100%;
|
|
/*border-bottom: 1px solid var(--root-border-color);*/
|
|
}
|
|
|
|
.admin-data-form .input-group:last-child {
|
|
border-bottom: none;
|
|
}
|
|
|
|
.admin-data-form .admin-block {
|
|
background-color: white;
|
|
border-radius: 20px;
|
|
overflow: hidden;
|
|
padding: 16px;
|
|
}
|
|
|
|
.admin-data-form .input-edit input {
|
|
width: -webkit-fill-available;
|
|
border: 1px solid var(--root-border-color);
|
|
padding: 5px 10px;
|
|
line-height: 2;
|
|
font-size: 14px;
|
|
border-radius: 10px;
|
|
outline: none;
|
|
}
|
|
|
|
.admin-data-form .input-edit input:focus {
|
|
border: 1px solid #00000066;
|
|
}
|
|
|
|
.admin-data-form .input-label__inner {
|
|
color: #293a4c;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.admin-pagination {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.admin-pagination__item {
|
|
padding: 4px 10px;
|
|
margin-right: 7px;
|
|
font-size: 16px;
|
|
border-radius: 10px;
|
|
font-weight: 300;
|
|
line-height: 21px;
|
|
color: #293a4c;
|
|
background-color: white;
|
|
outline: none;
|
|
border: 1.2px solid var(--root-border-color);
|
|
}
|
|
|
|
.admin-pagination__input {
|
|
text-align: center;
|
|
width: 50px;
|
|
}
|
|
|
|
.admin-pagination__form {
|
|
display: flex;
|
|
align-items: center;
|
|
margin: 0;
|
|
}
|
|
|
|
.admin-pagination__edit {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.bive-textarea .tox {
|
|
border-radius: 0;
|
|
border: none;
|
|
}
|
|
|
|
.admin-left-column {
|
|
width: 100%;
|
|
}
|
|
|
|
.admin-right-column {
|
|
width: 280px;
|
|
position: sticky;
|
|
top: 45px;
|
|
}
|
|
|
|
.datatype-buttons {
|
|
display: flex;
|
|
justify-content: flex-start;
|
|
}
|
|
|
|
.favorite_wrapper {
|
|
padding: 15px 30px 30px 30px;
|
|
}
|
|
|
|
.favorite_title {
|
|
font-size: 25px;
|
|
color: var(--root-main-color);
|
|
}
|
|
|
|
.item-parents {
|
|
padding: 10px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
.item-parent {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.item-parent__line {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
width: 100%;
|
|
align-items: center;
|
|
padding: 3px 0;
|
|
box-sizing: border-box;
|
|
width: 100%;
|
|
}
|
|
|
|
.item-parent__childs {
|
|
margin-left: 5px;
|
|
border-left: 1px solid var(--root-border-color);
|
|
}
|
|
|
|
.item-parent__checkbox {
|
|
font-size: 13px;
|
|
color: #5e5e5e;
|
|
width: 75%;
|
|
word-wrap: break-word;
|
|
cursor: pointer;
|
|
transition: all ease-in 0.3s;
|
|
}
|
|
|
|
.item-parent__checkbox:hover {
|
|
color: #000000;
|
|
}
|
|
|
|
.item-parents__list {
|
|
word-wrap: break-word;
|
|
word-break: break-all;
|
|
border-radius: 10px;
|
|
padding: 10px;
|
|
margin: 0;
|
|
margin-top: 15px;
|
|
border: 1px solid var(--root-border-color);
|
|
}
|
|
|
|
.item-parent__main {
|
|
float: right;
|
|
width: 25%;
|
|
text-align: right;
|
|
}
|
|
|
|
.item-parent__main-label {
|
|
font-size: 11px;
|
|
color: #bfbfbf;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.item-parent__main-input {
|
|
opacity: 0;
|
|
position: absolute;
|
|
}
|
|
|
|
.item-parent__main-input:checked + .item-parent__main-label {
|
|
color: black;
|
|
}
|
|
|
|
.item-parents__main {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.item-parents__main-label {
|
|
font-size: 13px;
|
|
color: #979797;
|
|
}
|
|
|
|
.item-parents__main-title {
|
|
font-size: 18px;
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.image-field__preview-image {
|
|
width: 200px;
|
|
border: 1px solid var(--root-border-color);
|
|
background-color: #f1f6fb;
|
|
}
|
|
|
|
.image-field__delete-label {
|
|
position: relative;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.image-field__delete-checkbox {
|
|
top: 0;
|
|
opacity: 0;
|
|
position: absolute;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.image-field__delete-text {
|
|
color: #bfbfbf;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.image-field__delete-checkbox:checked + .image-field__delete-text {
|
|
color: black;
|
|
}
|
|
|
|
.item-fast-edit {
|
|
opacity: 0;
|
|
margin-top: 5px;
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
}
|
|
|
|
.item-fast-edit__link {
|
|
font-size: 12px;
|
|
}
|
|
|
|
.item-fast-edit__link.danger {
|
|
color: #930303;
|
|
}
|
|
|
|
.item-fast-edit__link.danger:hover {
|
|
color: #5e0000;
|
|
}
|
|
|
|
.item-fast-edit__id {
|
|
color: #878787;
|
|
font-size: 12px;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.item-line:hover .item-fast-edit {
|
|
opacity: 1;
|
|
}
|
|
|
|
.bive-multifield {
|
|
border: 1px solid var(--root-border-color);
|
|
border-radius: 10px;
|
|
overflow: auto;
|
|
}
|
|
|
|
.bive-multifield__row {
|
|
display: flex;
|
|
flex-direction: row;
|
|
border-bottom: 1px solid var(--root-border-color);
|
|
background-color: white;
|
|
transition: 1s ease-in-out background-color;
|
|
}
|
|
|
|
.bive-multifield__row.active {
|
|
background-color: #f7f9ff;
|
|
}
|
|
|
|
.bive-multifield__row:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.bive-multifield.hide .bive-multifield__wrapper, .bive-multifield.hide button {
|
|
display: none;
|
|
}
|
|
|
|
.bive-multifield__hide {
|
|
cursor: pointer;
|
|
font-size: 14px;
|
|
display: block;
|
|
padding: 10px;
|
|
color: #a1a1a1;
|
|
}
|
|
|
|
.bive-multifield.hide .bive-multifield__hide {
|
|
display: none;
|
|
}
|
|
|
|
.bive-multifield__show {
|
|
display: none;
|
|
}
|
|
|
|
.bive-multifield.hide .bive-multifield__show {
|
|
cursor: pointer;
|
|
font-size: 14px;
|
|
display: block;
|
|
padding: 10px;
|
|
color: #a1a1a1;
|
|
}
|
|
|
|
.bive-multifield__buttons {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.input-number {
|
|
width: 20px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
color: #00000038;
|
|
border-right: 1px solid var(--root-border-color);
|
|
min-width: 24px;
|
|
cursor: all-scroll;
|
|
}
|
|
|
|
.input-row {
|
|
width: 100%;
|
|
}
|
|
|
|
.input-label__background {
|
|
word-wrap: break-word;
|
|
font-size: 12px;
|
|
color: lightgrey;
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.bive-select {
|
|
padding: 7px 5px;
|
|
border: 1px solid var(--root-border-color);
|
|
outline: none;
|
|
border-radius: 10px;
|
|
}
|
|
.bive-attributes {
|
|
border: 1px solid var(--root-border-color);
|
|
border-radius: 10px;
|
|
overflow: auto;
|
|
}
|
|
.bive-attributes_row {
|
|
display: flex;
|
|
flex-direction: row;
|
|
border-bottom: 1px solid var(--root-border-color);
|
|
}
|
|
.bive-attributes_row:last-child {
|
|
border-bottom: none;
|
|
}
|
|
.bive-attributes__wrapper {
|
|
width: 100%;
|
|
}
|
|
.bive-attributes__title {
|
|
padding: 10px;
|
|
background-color: #ffffff;
|
|
font-size: 12px;
|
|
border-bottom: 1px solid var(--root-border-color);
|
|
}
|
|
.bive-attributes__items {
|
|
padding: 5px;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
flex-direction: row;
|
|
}
|
|
.bive-attributes__item {
|
|
display: flex;
|
|
background-color: #d0dbe6;
|
|
padding: 5px 10px;
|
|
font-size: 14px;
|
|
border-radius: 7px;
|
|
color: #4f6983;
|
|
align-items: center;
|
|
margin: 5px;
|
|
}
|
|
.bive-attributes__item-remove {
|
|
margin-left: 10px;
|
|
color: white;
|
|
cursor: pointer;
|
|
padding: 2px 6px !important;
|
|
border-radius: 5px;
|
|
background-color: #8ea9c4 !important;
|
|
border: 0;
|
|
font-size: 12px;
|
|
line-height: 13px;
|
|
}
|
|
.bive-attributes__item-new {
|
|
padding: 5px;
|
|
}
|
|
.bive-attributes__item-input {
|
|
padding: 0 10px !important;
|
|
border-radius: 5px;
|
|
}
|
|
.bive-readonly {
|
|
background-color: #f8f8f8;
|
|
cursor: default;
|
|
outline: none;
|
|
}
|
|
.table-actions-row {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
margin-bottom: 10px;
|
|
}
|
|
.bive-input-search {
|
|
padding: 10px 14px;
|
|
width: 248px;
|
|
border-radius: 10px;
|
|
font-size: 18px;
|
|
outline: none;
|
|
border: 1.2px solid var(--root-border-color);
|
|
}
|
|
.bive-attributes__remove {
|
|
border: none;
|
|
padding: 10px;
|
|
background-color: #ffffff;
|
|
cursor: pointer;
|
|
outline: none;
|
|
color: #efa3a3;
|
|
border-left: 1px solid var(--root-border-color);
|
|
}
|
|
|
|
.item-parent__main-checkbox {
|
|
opacity: 0;
|
|
position: absolute;
|
|
}
|
|
|
|
.item-parent__checkbox > span {
|
|
position: relative;
|
|
padding-left: 24px;
|
|
}
|
|
|
|
.item-parent__checkbox > span:before {
|
|
content: "";
|
|
position: absolute;
|
|
border: 1px solid var(--root-border-color);
|
|
width: 12px;
|
|
height: 12px;
|
|
left: 5px;
|
|
top: 0;
|
|
border-radius: 4px;
|
|
}
|
|
.item-parent__checkbox > .item-parent__main-checkbox:checked + span {
|
|
font-weight: 400;
|
|
}
|
|
.item-parent__checkbox > .item-parent__main-checkbox:checked + span:before {
|
|
background-color: #1e2c3a;
|
|
}
|
|
.item-parent__checkbox > .item-parent__main-checkbox:checked + span:after {
|
|
content: "";
|
|
position: absolute;
|
|
left: 8px;
|
|
top: 3px;
|
|
font-size: 9px;
|
|
color: #ffffff;
|
|
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
|
|
width: 8px;
|
|
height: 8px;
|
|
background-repeat: no-repeat;
|
|
}
|
|
.input-label-horizontal {
|
|
padding: 10px;
|
|
background-color: #ffffff;
|
|
word-break: break-word;
|
|
text-align: center;
|
|
}
|
|
|
|
.admin-floating-block .admin-block {
|
|
background-color: #2b3857;
|
|
border: 1px solid #2b3857;
|
|
padding: 10px;
|
|
}
|
|
|
|
.b-global-search {
|
|
box-sizing: border-box;
|
|
border-radius: 10px;
|
|
margin: 20px 30px 0 30px;
|
|
display: flex;
|
|
align-items: center;
|
|
overflow: auto;
|
|
position: relative;
|
|
border: 1px solid var(--root-border-color);
|
|
}
|
|
|
|
.b-global-search__icon {
|
|
right: 0;
|
|
color: #70737c;
|
|
margin-right: 10px;
|
|
position: absolute;
|
|
transition: 0.2s ease-in-out all;
|
|
}
|
|
|
|
.b-global-search input {
|
|
width: 100%;
|
|
border: 1px;
|
|
padding: 16px 41px 16px 16px;
|
|
box-sizing: border-box;
|
|
outline: none;
|
|
transition: 0.2s ease-in-out all;
|
|
}
|
|
|
|
.b-global-search input:focus {
|
|
background-color: var(--root-border-color);
|
|
}
|
|
|
|
.status-block {
|
|
background-color: white;
|
|
border-radius: 7px;
|
|
padding: 7px 20px;
|
|
font-size: 12px;
|
|
font-weight: 500;
|
|
color: #192440;
|
|
}
|
|
.status-block.success {
|
|
background-color: var(--root-success-color);
|
|
color: white;
|
|
}
|
|
.status-block.cancel {
|
|
background-color: var(--root-cancel-color);
|
|
}
|
|
.status-block.warning {
|
|
background-color: var(--root-warning-color);
|
|
}
|
|
.favorite__icon {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
margin-right: 10px;
|
|
}
|
|
.favorite__icon-inner {
|
|
font-size: 23px;
|
|
}
|
|
.favorite__title {
|
|
display: flex;
|
|
align-items: center;
|
|
font-size: 22px;
|
|
color: var(--root-main-color);
|
|
}
|
|
.favorite_items {
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
border-radius: 10px;
|
|
overflow: auto;
|
|
margin-top: 15px;
|
|
border: 1px solid var(--root-border-color);
|
|
}
|
|
.favorite_item {
|
|
padding: 10px;
|
|
width: 100%;
|
|
display: flex;
|
|
box-sizing: border-box;
|
|
color: var(--root-main-color);
|
|
cursor: pointer;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
border-bottom: 1px solid var(--root-border-color);
|
|
transition: 0.1s ease-in-out all;
|
|
color: #70737c;
|
|
}
|
|
.favorite_item:last-child {
|
|
border-bottom: none;
|
|
}
|
|
.favorite_item:hover {
|
|
color: var(--root-main-color-hover);
|
|
background-color: #f7f7f7;
|
|
}
|
|
.favorite_block {
|
|
padding: 10px;
|
|
border-radius: 10px;
|
|
}
|
|
.favorite_item__left {
|
|
display: flex;
|
|
align-items: center;
|
|
font-size: 12px;
|
|
}
|
|
.favorite_item__left .favorite__icon-inner {
|
|
transition: 0.2s ease-in-out all;
|
|
margin-right: 10px;
|
|
font-size: 17px;
|
|
}
|
|
.favorite_item__right .favorite__icon-inner{
|
|
transition: 0.2s ease-in-out all;
|
|
}
|
|
.favorite_item:hover .favorite_item__right .favorite__icon-inner {
|
|
margin-right: -3px;
|
|
}
|
|
|
|
.b_tabs {
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.b_tab {
|
|
margin: 5px 5px 10px 0;
|
|
padding: 10px;
|
|
background-color: white;
|
|
border-radius: 10px;
|
|
font-size: 14px;
|
|
color: #cdcdcd;
|
|
border: 1px solid var(--root-border-color);
|
|
cursor: pointer;
|
|
transition: 0.1s ease-in-out all;
|
|
}
|
|
|
|
.b_tab.active, .b_tab:hover {
|
|
color: var(--root-main-color);
|
|
}
|
|
.b_tab_content {
|
|
display: block;
|
|
}
|
|
.b_tab_content.hide {
|
|
display: none;
|
|
}
|
|
|
|
.favorite_button {
|
|
margin: 0 10px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.favorite_button {
|
|
margin: 0 10px;
|
|
cursor: pointer;
|
|
color: var(--root-border-color);
|
|
width: 30px;
|
|
height: 30px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
border-radius: 10px;
|
|
padding: 0;
|
|
border: 1px solid var(--root-border-color);
|
|
transition: 0.1s ease-in-out all;
|
|
}
|
|
|
|
.favorite_button:hover, .favorite_button.active {
|
|
color: #ffd506;
|
|
border: 1px solid #ffd506;
|
|
}
|
|
|
|
.hint_wrapper {
|
|
text-align: center;
|
|
color: #dfdfdf;
|
|
border: dashed 2px #dfdfdf;
|
|
border-radius: 10px;
|
|
padding: 20px;
|
|
}
|
|
|
|
.hint-image {
|
|
width: 100%;
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.hint-image > img {
|
|
width: 160px;
|
|
height: 100%;
|
|
}
|
|
|
|
.hint-text {
|
|
line-height: 25px;
|
|
}
|
|
|
|
.admin-notice {
|
|
padding: 10px;
|
|
background-color: #efefef;
|
|
font-size: 14px;
|
|
color: #5b5b5b;
|
|
}
|
|
.btn {
|
|
padding: 7px 20px;
|
|
border: 1px solid var(--root-border-color);
|
|
background-color: #293a4c00;
|
|
color: #293a4c;
|
|
cursor: pointer;
|
|
font-size: 12px;
|
|
font-weight: 500;
|
|
text-align: center;
|
|
border-radius: 10px;
|
|
transition: 0.1s ease-in-out all;
|
|
}
|
|
.btn-primary {
|
|
border: 1px solid var(--root-main-color);
|
|
background-color: var(--root-main-color);
|
|
color: white;
|
|
}
|
|
.btn-primary:hover {
|
|
border: 1px solid var(--root-main-color-hover);
|
|
background-color: var(--root-main-color-hover);
|
|
}
|
|
.btn-cancel {
|
|
border: 1px solid #a9a9a9;
|
|
color: #a9a9a9;
|
|
}
|
|
.btn-cancel:hover {
|
|
border: 1px solid #ffffff;
|
|
color: #ffffff;
|
|
}
|
|
.btn-remove {
|
|
padding: 10px;
|
|
background-color: transparent;
|
|
cursor: pointer;
|
|
outline: none;
|
|
color: #efa3a3;
|
|
border: none;
|
|
border-left: 1px solid #e6e6e6;
|
|
}
|
|
.admin-subtitle {
|
|
padding: 10px;
|
|
color: #515151;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.vertical-center {
|
|
height: 100%;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.mb-1 {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.mb-2 {
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.mb-3 {
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
.mb-4 {
|
|
margin-bottom: 40px;
|
|
}
|
|
|
|
.mt-1 {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.mt-2 {
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.mt-3 {
|
|
margin-top: 30px;
|
|
}
|
|
|
|
.mt-4 {
|
|
margin-top: 40px;
|
|
}
|
|
|
|
.mr-1 {
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.mr-2 {
|
|
margin-right: 20px;
|
|
}
|
|
|
|
.mr-3 {
|
|
margin-right: 30px;
|
|
}
|
|
|
|
.mr-4 {
|
|
margin-right: 40px;
|
|
}
|
|
|
|
.ml-1 {
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.ml-2 {
|
|
margin-left: 20px;
|
|
}
|
|
|
|
.ml-3 {
|
|
margin-left: 30px;
|
|
}
|
|
|
|
.ml-4 {
|
|
margin-left: 40px;
|
|
}
|
|
|
|
.b-dashboard__block {
|
|
border-radius: 16px;
|
|
background-color: hsla(0,0%,100%,.3);
|
|
-webkit-backdrop-filter: blur(15px) saturate(86%);
|
|
backdrop-filter: blur(15px) saturate(86%);
|
|
border: 1px solid #ffffff33;
|
|
}
|
|
.b-dashboard__top {
|
|
margin-top: 10px;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
}
|
|
.b-dashboard__button {
|
|
border: 1px solid #ffffff80;
|
|
width: fit-content;
|
|
margin: 5px;
|
|
padding: 5px 10px;
|
|
border-radius: 10px;
|
|
background-color: #ffffff9c;
|
|
color: #565656;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.admin-sidebar-show {
|
|
position: fixed;
|
|
background: #1e2c3a;
|
|
left: 0;
|
|
padding: 10px;
|
|
top: 10px;
|
|
border-radius: 0 10px 10px 0;
|
|
opacity: 0.8;
|
|
z-index: 100;
|
|
align-items: center;
|
|
justify-content: center;
|
|
display: none;
|
|
}
|
|
|
|
.bottom-dotted {
|
|
border-bottom: 1px dotted;
|
|
}
|
|
|
|
.cke_notification_warning {
|
|
display: none;
|
|
}
|
|
.cke_top {
|
|
border-top: 1px solid var(--root-border-color) !important;
|
|
border-bottom: 1px solid var(--root-border-color) !important;
|
|
background: transparent !important;
|
|
}
|
|
.cke_chrome {
|
|
border: none !important;
|
|
}
|
|
.cke_bottom {
|
|
border-top: 1px solid var(--root-border-color) !important;
|
|
background: transparent !important;
|
|
}
|
|
@media screen and (max-width: 770px) {
|
|
.admin-data-form {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: flex-start;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.admin-right-column {
|
|
position: initial;
|
|
width: 100%;
|
|
}
|
|
|
|
.admin-left-column {
|
|
width: 100%;
|
|
}
|
|
.admin-panel .admin-main-block {
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
padding: 10px;
|
|
margin: 0;
|
|
}
|
|
.admin-sidebar-show {
|
|
display: flex;
|
|
}
|
|
.admin-sidebar-show.hide {
|
|
display: none;
|
|
}
|
|
.admin-left-block {
|
|
opacity: 0;
|
|
left: -10px;
|
|
pointer-events: none;
|
|
transition: left 0.2s ease-in-out;
|
|
}
|
|
.admin-left-block.show {
|
|
opacity: 1;
|
|
pointer-events: all;
|
|
z-index: 100;
|
|
left: 0;
|
|
}
|
|
.admin-sidebar-show__background {
|
|
position: fixed;
|
|
display: none;
|
|
width: 100%;
|
|
height: 100%;
|
|
top: 0;
|
|
left: 0;
|
|
background-color: #0000008a;
|
|
z-index: 10;
|
|
}
|
|
.admin-sidebar-show__background.show {
|
|
display: block;
|
|
}
|
|
.table-actions-row {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
flex-direction: column;
|
|
margin-bottom: 10px;
|
|
}
|
|
.bive-input-search {
|
|
width: 100%;
|
|
}
|
|
.admin-pagination-search {
|
|
width: 100%;
|
|
}
|
|
.admin-pagination-search-form {
|
|
display: flex;
|
|
}
|
|
.bive-input-search {
|
|
width: 100%;
|
|
}
|
|
.admin-pagination {
|
|
justify-content: center;
|
|
}
|
|
.admin-floating-block.active {
|
|
width: calc(100% - 20px);
|
|
z-index: 10;
|
|
}
|
|
}
|
|
|
|
|
|
|