@font-face {
    font-family: "Lato";
    src: url("../fonts/Lato-Regular.eot");
    src: url("../fonts/Lato-Regular.eot?#iefix") format("embedded-opentype"),
      url("../fonts/Lato-Regular.woff2") format("woff2"),
      url("../fonts/Lato-Regular.woff") format("woff"),
      url("../fonts/Lato-Regular.ttf") format("truetype"),
      url("../fonts/Lato-Regular.svg#Lato-Regular") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }

header {
    margin-bottom: 30px;
    background: white;
    padding: 20px 0;
}

a {
    text-decoration: none;
    color: #2d3a2e ;
}

.articles__container {
    display: flex;
}
header .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.container {
    max-width: 1600px;
    margin: 0 auto;
    max-height: 100vh;
    height: 100vh;
    overflow: hidden;
    width: 100%;
}

.left-sidebar {
    width: 30%;
    max-width: 400px;
    padding: 0 20px;
}

ul {
    list-style-type: none;
    padding: 0  ;
}
* {
    box-sizing: border-box;
    transition: all 0.4s ease;
}
body {
    margin: 0;
    background-color: #F3F4F7;
    color: #2d3a2e;
    font-family: "Lato", sans-serif;
}

.content__container {
    width: 100%;
    background-color: white;
    border-radius: 20px;
    padding: 20px;
    overflow-y: scroll;
}

.content__containerr::-webkit-scrollbar {
    width: 18px;               /* ширина scrollbar */
    }
    .content__container::-webkit-scrollbar-track {
    background: #F3F4F7;        /* цвет дорожки */
    }
    .content__container::-webkit-scrollbar-thumb {
    background-color: #c2c2c2;    /* цвет плашки */
    border-radius: 20px;       /* закругления плашки */
    border: 8px solid #F3F4F7;  /* padding вокруг плашки */
    }

.top_head {
    display: flex;
    justify-content: space-between;
}

.left-sidebar .logo {
  display: block;
  margin-bottom: 30px;
}

.search__container .input-searcht {
    /* display: none; */
    /* height: 25px; */
    border: 7px;
    display: flex;
}

.tab li, .tab.content p, .tab.content .theme li {
    background-color: white;
    padding: 8px;
    margin-bottom: 5px;
    border-radius: 5px;
    cursor: pointer;
    padding-left: 30px;
    position: relative;
    transition: all 0.5s ease;
    list-style-type: none;
}

.tab li:hover, .tab.content p:hover, .tab.content .theme li:hover {
    box-shadow: 6px 2px 1px #e6e6e6;
}

.tab li::before,  .tab.content p::before,  .tab.content .theme li::before {
    content: '';
    position: absolute;
    left: 10px;
    background-size: 100%;
    width: 16px;
    height: 16px;
    top: 9px;
}

.tab.glossary li::before {
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_305_218)'%3E%3Cmask id='mask0_305_218' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='22' height='22'%3E%3Cpath d='M22 0H0V22H22V0Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_305_218)'%3E%3Cpath d='M16.7012 21.257H5.30037C4.58639 21.2563 3.90184 20.9723 3.39697 20.4674C2.89211 19.9626 2.60815 19.278 2.60742 18.564V3.43904C2.60815 2.72505 2.89211 2.04051 3.39697 1.53564C3.90184 1.03078 4.58639 0.746822 5.30037 0.746094H16.7012C17.4151 0.747003 18.0995 1.03102 18.6044 1.53584C19.1092 2.04067 19.3932 2.7251 19.3941 3.43904V18.564C19.3932 19.278 19.1092 19.9624 18.6044 20.4672C18.0995 20.9721 17.4151 21.2561 16.7012 21.257ZM5.30037 2.12109C4.95095 2.12146 4.61593 2.26044 4.36885 2.50752C4.12176 2.7546 3.98279 3.08961 3.98242 3.43904V18.564C3.98279 18.9135 4.12176 19.2485 4.36885 19.4956C4.61593 19.7426 4.95095 19.8816 5.30037 19.882H16.7012C17.0506 19.8816 17.3856 19.7426 17.6327 19.4956C17.8798 19.2485 18.0188 18.9135 18.0191 18.564V3.43904C18.0188 3.08961 17.8798 2.7546 17.6327 2.50752C17.3856 2.26044 17.0506 2.12146 16.7012 2.12109H5.30037Z' fill='%232D3A2E'/%3E%3Cpath d='M6.71922 4.40234H7.79999L9.37779 8.86285H8.38711L8.08528 7.95534H6.39335L6.10117 8.86285H5.13867L6.71922 4.40234ZM6.6546 7.1881H7.8371L7.24517 5.39441L6.6546 7.1881Z' fill='%232D3A2E'/%3E%3Cpath d='M16.1406 12.1875H5.82812C5.64579 12.1875 5.47091 12.1151 5.34198 11.9861C5.21305 11.8572 5.14062 11.6823 5.14062 11.5C5.14062 11.3177 5.21305 11.1428 5.34198 11.0139C5.47091 10.8849 5.64579 10.8125 5.82812 10.8125H16.1406C16.323 10.8125 16.4978 10.8849 16.6268 11.0139C16.7557 11.1428 16.8281 11.3177 16.8281 11.5C16.8281 11.6823 16.7557 11.8572 16.6268 11.9861C16.4978 12.1151 16.323 12.1875 16.1406 12.1875Z' fill='%232D3A2E'/%3E%3Cpath d='M16.1406 14.9102H5.82812C5.64579 14.9102 5.47091 14.8377 5.34198 14.7088C5.21305 14.5799 5.14062 14.405 5.14062 14.2227C5.14062 14.0403 5.21305 13.8655 5.34198 13.7365C5.47091 13.6076 5.64579 13.5352 5.82812 13.5352H16.1406C16.323 13.5352 16.4978 13.6076 16.6268 13.7365C16.7557 13.8655 16.8281 14.0403 16.8281 14.2227C16.8281 14.405 16.7557 14.5799 16.6268 14.7088C16.4978 14.8377 16.323 14.9102 16.1406 14.9102Z' fill='%232D3A2E'/%3E%3Cpath d='M16.1699 17.6016H5.85742C5.67509 17.6016 5.50023 17.5291 5.3713 17.4002C5.24236 17.2713 5.16992 17.0964 5.16992 16.9141C5.16992 16.7317 5.24236 16.5569 5.3713 16.4279C5.50023 16.299 5.67509 16.2266 5.85742 16.2266H16.1699C16.3523 16.2266 16.5271 16.299 16.6561 16.4279C16.785 16.5569 16.8574 16.7317 16.8574 16.9141C16.8574 17.0964 16.785 17.2713 16.6561 17.4002C16.5271 17.5291 16.3523 17.6016 16.1699 17.6016Z' fill='%232D3A2E'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_305_218'%3E%3Crect width='22' height='22' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.tab.favorite li::before {
    background-image: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.0781 3.49086C9.89483 3.07968 9.80315 2.87409 9.67554 2.81079C9.5647 2.75578 9.43455 2.75578 9.32372 2.81079C9.1961 2.87409 9.10443 3.07968 8.92116 3.49086L7.46132 6.76593C7.4071 6.88748 7.38002 6.94826 7.33806 6.9948C7.30101 7.03598 7.25565 7.06892 7.20506 7.09147C7.14782 7.11696 7.08164 7.12394 6.94927 7.13791L3.38337 7.51427C2.93568 7.56152 2.71188 7.58514 2.61221 7.68694C2.52568 7.77537 2.48546 7.89918 2.50351 8.02161C2.52426 8.16252 2.69145 8.31318 3.02585 8.61456L5.68957 11.0151C5.78837 11.1041 5.83785 11.1487 5.86913 11.2029C5.89683 11.251 5.91417 11.3043 5.91995 11.3594C5.92652 11.4217 5.91275 11.4867 5.88512 11.617L5.14111 15.1246C5.04769 15.565 5.00098 15.7852 5.06701 15.9114C5.1244 16.0211 5.2297 16.0976 5.35169 16.1182C5.49213 16.142 5.68712 16.0296 6.0771 15.8046L9.1832 14.0131C9.29847 13.9466 9.3561 13.9134 9.41738 13.9004C9.4716 13.8889 9.52765 13.8889 9.58188 13.9004C9.64316 13.9134 9.70079 13.9466 9.81606 14.0131L12.9221 15.8046C13.3121 16.0296 13.5071 16.142 13.6475 16.1182C13.7695 16.0976 13.8749 16.0211 13.9322 15.9114C13.9982 15.7852 13.9515 15.565 13.8581 15.1246L13.1141 11.617C13.0865 11.4867 13.0727 11.4217 13.0793 11.3594C13.0851 11.3043 13.1024 11.251 13.1301 11.2029C13.1614 11.1487 13.2108 11.1041 13.3097 11.0151L15.9734 8.61456C16.3078 8.31318 16.475 8.16252 16.4958 8.02161C16.5138 7.89918 16.4736 7.77537 16.387 7.68694C16.2874 7.58514 16.0635 7.56152 15.6158 7.51427L12.0499 7.13791C11.9176 7.12394 11.8514 7.11696 11.7942 7.09147C11.7436 7.06892 11.6982 7.03598 11.6611 6.9948C11.6192 6.94826 11.5921 6.88748 11.5379 6.76593L10.0781 3.49086Z' stroke='%232D3A2E' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.tab.content p::before {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.75 3.75H7.5M15.75 14.25H7.5M15.75 9H7.5M4.5 3.75C4.5 4.37132 3.99632 4.875 3.375 4.875C2.75368 4.875 2.25 4.37132 2.25 3.75C2.25 3.12868 2.75368 2.625 3.375 2.625C3.99632 2.625 4.5 3.12868 4.5 3.75ZM4.5 14.25C4.5 14.8713 3.99632 15.375 3.375 15.375C2.75368 15.375 2.25 14.8713 2.25 14.25C2.25 13.6287 2.75368 13.125 3.375 13.125C3.99632 13.125 4.5 13.6287 4.5 14.25ZM4.5 9C4.5 9.6213 3.99632 10.125 3.375 10.125C2.75368 10.125 2.25 9.6213 2.25 9C2.25 8.3787 2.75368 7.875 3.375 7.875C3.99632 7.875 4.5 8.3787 4.5 9Z' stroke='%232D3A2E' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.tab.content .theme li::before {
    background-image: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.73179 4.18882C9.88025 4.04041 10.0816 3.95703 10.2915 3.95703C10.5014 3.95703 10.7027 4.04041 10.8512 4.18882L15.6012 8.93882C15.7496 9.08728 15.833 9.28861 15.833 9.49853C15.833 9.70845 15.7496 9.90978 15.6012 10.0582L10.8512 14.8082C10.7019 14.9524 10.5019 15.0322 10.2943 15.0304C10.0868 15.0286 9.88821 14.9454 9.74143 14.7986C9.59465 14.6518 9.51139 14.4533 9.50959 14.2457C9.50779 14.0381 9.58758 13.8381 9.73179 13.6888L13.9221 9.49853L9.73179 5.30824C9.58337 5.15978 9.5 4.95845 9.5 4.74853C9.5 4.53861 9.58337 4.33728 9.73179 4.18882ZM4.98179 4.18882C5.13025 4.04041 5.33158 3.95703 5.5415 3.95703C5.75142 3.95703 5.95275 4.04041 6.10121 4.18882L10.8512 8.93882C10.9996 9.08728 11.083 9.28861 11.083 9.49853C11.083 9.70845 10.9996 9.90978 10.8512 10.0582L6.10121 14.8082C5.9519 14.9524 5.75192 15.0322 5.54435 15.0304C5.33677 15.0286 5.13821 14.9454 4.99143 14.7986C4.84465 14.6518 4.76139 14.4533 4.75959 14.2457C4.75779 14.0381 4.83758 13.8381 4.98179 13.6888L9.17208 9.49853L4.98179 5.30824C4.83337 5.15978 4.75 4.95845 4.75 4.74853C4.75 4.53861 4.83337 4.33728 4.98179 4.18882Z' fill='%232D3A2E'/%3E%3C/svg%3E%0A");
}

.tab.content li {
    background-color: transparent;
}

.tab.content > ul > li {padding: 0;}

.theme p {
    margin: 0;
}
.theme ul {
    margin-left: 20px;
    display: none;
}

.search__container form {
    display: flex;
    align-items: center;
    border-radius: 7px;
}

.search__container form * {
    height: 25px;
    border: 0;
}
.search__container form input {
    width: 100%;
    padding: 0 15px;
}

.search__container form button {
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.2172 15.2346L21 21M17.6667 9.33333C17.6667 13.9357 13.9357 17.6667 9.33333 17.6667C4.73096 17.6667 1 13.9357 1 9.33333C1 4.73096 4.73096 1 9.33333 1C13.9357 1 17.6667 4.73096 17.6667 9.33333Z' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    width: 25px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 60%;
    cursor: pointer;
}

.content-list__container {
    margin-top: 40px;
    overflow-y: scroll;
max-height: calc(100vh - 180px);
height: 100%;
}

.content-list__container::-webkit-scrollbar {
width: 18px;               /* ширина scrollbar */
}
.content-list__container::-webkit-scrollbar-track {
background: #F3F4F7;        /* цвет дорожки */
}
.content-list__container::-webkit-scrollbar-thumb {
background-color: #c2c2c2;    /* цвет плашки */
border-radius: 20px;       /* закругления плашки */
border: 8px solid #F3F4F7;  /* padding вокруг плашки */
}

.content-list__container .h2 {
    font-size: 20px;
    font-weight: 600;
}

.tab__change {
    margin-left: auto;
    font-size: 13px;
    color: #AEC834;
    display: block;
    width: fit-content;
    transition: all 0.5s ease;

}

.row {
    display: flex   ;
    align-items: center;
        margin-right: 0px;
 margin-left: 0px;
}

.row .head {
    font-weight: 600;
    color: #717171;
}

.head__container {
    border-bottom: 1px solid #c2c2c2;
    padding: 15px 0;
}

.top_head .head {
    background-color: #f7f6f6;
    padding: 5px 7px;
    border-radius: 3px;
    box-shadow: 10px 5px 5px #e6e6e6;
    color: #9c9c9c;

}

.bottom_head .theme {
    font-size: 20px;
    font-weight: 600;
    padding: 10px 0;
}

.content__container .content {
    padding: 20px 0;
}

.button__container {
    gap: 7px;
}

.button__container a, .button__container button {
    display: block;
    padding: 10px;
    border-radius: 3px;
    border: 1px solid #AEC834;
    position: relative;
    padding-left: 32px;
    /* min-width: 200px; */
    /* text-align: center; */
}


.button__container .create, .button__container .save  {
    background-color: #AEC834;
    color: white;
}

.button__container .create::before, .button__container .edit::before, .button__container .save::before {
    content: '';
    position: absolute;
    left: 10px;
    background-size: 100%;
}
.button__container .edit::before {
    width: 17px;
    height: 17px;
    top: 10px;
    background-image: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.8471 5.06761L9.29458 12.6201C8.54249 13.3722 6.30997 13.7205 5.81122 13.2217C5.31247 12.723 5.65289 10.4905 6.40497 9.73841L13.9654 2.17801C14.1518 1.97459 14.3776 1.81108 14.629 1.69732C14.8803 1.58356 15.1522 1.52189 15.4281 1.51608C15.7039 1.51027 15.9781 1.56042 16.2341 1.6635C16.49 1.76658 16.7225 1.92048 16.9173 2.11587C17.1121 2.31125 17.2654 2.54408 17.3678 2.80031C17.4701 3.05655 17.5196 3.33086 17.513 3.60672C17.5065 3.88257 17.444 4.15427 17.3296 4.40534C17.2151 4.65642 17.051 4.88172 16.8471 5.06761Z' stroke='%23AEC834' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.70898 3.16797H4.75065C3.9108 3.16797 3.10539 3.50159 2.51152 4.09546C1.91766 4.68933 1.58398 5.49478 1.58398 6.33464V14.2513C1.58398 15.0912 1.91766 15.8966 2.51152 16.4905C3.10539 17.0844 3.9108 17.418 4.75065 17.418H13.459C15.2086 17.418 15.834 15.993 15.834 14.2513V10.293' stroke='%23AEC834' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.button__container .create::before {
    width: 19px;
    height: 19px;
    top: 9px;
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.0007 20.1654C16.0633 20.1654 20.1673 16.0613 20.1673 10.9987C20.1673 5.93609 16.0633 1.83203 11.0007 1.83203C5.93804 1.83203 1.83398 5.93609 1.83398 10.9987C1.83398 16.0613 5.93804 20.1654 11.0007 20.1654Z' stroke='white'/%3E%3Cpath d='M13.75 11H11M11 11H8.25M11 11V8.25M11 11V13.75' stroke='white' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
.button__container .save::before {
    width: 15px;
    height: 15px;
    top: 12px;
background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_309_207)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.90625 4.6875C9.165 4.6875 9.375 4.47797 9.375 4.21875V2.34375C9.375 2.08453 9.165 1.875 8.90625 1.875C8.6475 1.875 8.4375 2.08453 8.4375 2.34375V4.21875C8.4375 4.47797 8.6475 4.6875 8.90625 4.6875ZM14.0625 13.125C14.0625 13.6425 13.6425 14.0625 13.125 14.0625H1.875C1.3575 14.0625 0.9375 13.6425 0.9375 13.125V1.875C0.9375 1.3575 1.3575 0.9375 1.875 0.9375H2.8125V5.625C2.8125 6.1425 3.2325 6.5625 3.75 6.5625H11.25C11.7675 6.5625 12.1875 6.1425 12.1875 5.625V0.9375H13.125C13.6425 0.9375 14.0625 1.3575 14.0625 1.875V13.125ZM3.75 0.9375H11.25V5.15625C11.25 5.41547 11.04 5.625 10.7812 5.625H4.21875C3.96 5.625 3.75 5.41547 3.75 5.15625V0.9375ZM13.125 0H1.875C0.839531 0 0 0.839531 0 1.875V13.125C0 14.1605 0.839531 15 1.875 15H13.125C14.1605 15 15 14.1605 15 13.125V1.875C15 0.839531 14.1605 0 13.125 0Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_309_207'%3E%3Crect width='15' height='15' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}


.button__container .edit {
    background-color: #ffff;
    color: #AEC834;
}

.tab__change:hover {
    /* text-decoration: underline; */
    border-bottom: 1px solid;
}

.form_login__container {
    height: 100vh;
    width: 100vw;
    background-color: #AEC834;
    display: flex;
    align-items: center;
    justify-content: center;
 }

 .loginimg {
    position: absolute;

 }

 #imgAvocado {
    right: 20px;
    top: -80px;
    width: 30%;
 }
#imgOwl {
    bottom: 20px;
    left: 20px;
    width: 30%;
}



@media screen and (max-width: 1700px) {
    .container {padding: 0 20px;}
}

.glossary__container {
    padding: 20px 40px;
}

h1 {
    position: relative;
    width: fit-content;
}

h1::before {
    content: '';
    position: absolute;
    bottom: -5px;
    height: 5px;
    width: 40%;
    background-color: #AEC834;
    left: 0;
}

.glossary__list {
    margin-top: 40px;
    font-size: 16px;
}

.glossary__list > li p {
    font-size: 18px;
    margin-bottom: 7px;
    text-decoration: underline;
}


.glossary__list ul {
    padding-left: 30px;
    /* list-style-position: inside; */
    /* text-decoration: underline; */
    list-style-type: "\2724";
    margin-bottom: 20px;
}

.glossary__list ul li {
    padding-left: 7px;
    font-size: 16px;

}

.glossary__list ul li:hover {
    color: #AEC834;
}

.bottom_head.edit {
    margin-top: 20px;
}

.bottom_head.edit input {
    width: 100%;
    border: 0;
}

.edit-theme__container input {
    width: 100%;
    padding: 10px;
    display: block;
    margin-bottom: 10px;
    border: 0;
    border-bottom: 1px solid rgb(219, 219, 219);
}

.edit-theme__container h1 {
    margin-bottom: 50px;
}

.edit-theme__container button {
    margin: auto;
    margin-top: 30px;
    color: white;
    background-color: #AEC834;
    border: 0;
    padding: 10px;
    max-width: 200px;
    width: 100%;
    border-radius: 3px;
    display: block;
}

.theme-edit {
    border: 1px solid #bfbfbf;
    margin-bottom: 20px;
    width: 100%;
}

.edit-theme__container ul {
    padding-left: 30px;
    
}

.edit-theme__container .row {
    gap: 15px;
    align-items: start;
}

.edit-theme__container .trash {margin-top: 12px;}

.theme-edit .create-new a {
    color: #AEC834;
    margin-top: 20px;
    font-weight: 500;
    display: block;
}

.create-chap {
    background-color: #ffff;
    color: #AEC834;
    display: block;
    padding: 10px;
    border-radius: 3px;
    border: 1px solid #AEC834;
    position: relative;
    padding-left: 32px;
    text-align: center;
    cursor: pointer;
}

#loginform {
    width: 100%;
    background-color: white;
    /* margin: auto;
    margin-top: 80px; */
    max-width: 500px;
    height: 100vh;
    max-height: 50vh;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    gap: 10px;
    border-radius: 20px;
    z-index: 10;
}

#loginform input {
    padding: 6px 10px;
    border-radius: 4px;
    width: 200px;
    border: 1px solid #cdc8c8;
}

#loginform button {
    width: 200px;
    color: white;
    background-color: #AEC834;
    border: 0;
    border-radius: 4px;
    padding: 8px;
    margin-top: 20px;
}

.tab.favorite {
    margin-bottom: 40px;
}

.button__container a.delite {
    background-color: #fb9678;
    border-color: #fb9678;
    display: block;
    width: 41.6px;
    height: 41.6px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.0005 2.29297C9.18505 2.29297 8.48972 2.81383 8.23203 3.54291C8.11699 3.86836 7.75992 4.03894 7.43447 3.92391C7.10902 3.80888 6.93844 3.4518 7.05348 3.12636C7.48217 1.91346 8.63888 1.04297 10.0005 1.04297C11.3621 1.04297 12.5188 1.91346 12.9476 3.12636C13.0626 3.4518 12.892 3.80888 12.5666 3.92391C12.2411 4.03894 11.884 3.86836 11.769 3.54291C11.5113 2.81383 10.8159 2.29297 10.0005 2.29297Z' fill='white'/%3E%3Cpath d='M2.29102 5C2.29102 4.65483 2.57084 4.375 2.91602 4.375H17.0828C17.4279 4.375 17.7078 4.65483 17.7078 5C17.7078 5.34517 17.4279 5.625 17.0828 5.625H2.91602C2.57084 5.625 2.29102 5.34517 2.29102 5Z' fill='white'/%3E%3Cpath d='M4.92832 7.04048C4.90536 6.69606 4.60755 6.43548 4.26314 6.45844C3.91872 6.4814 3.65813 6.77921 3.6811 7.12363L4.0673 12.9167C4.13855 13.9857 4.1961 14.8491 4.33107 15.5267C4.4714 16.2311 4.71009 16.8196 5.20309 17.2807C5.69608 17.742 6.29904 17.941 7.01125 18.0341C7.69628 18.1237 8.56167 18.1237 9.633 18.1237H10.3653C11.4367 18.1237 12.302 18.1237 12.9871 18.0341C13.6993 17.941 14.3023 17.742 14.7953 17.2807C15.2883 16.8196 15.5269 16.2311 15.6673 15.5267C15.8022 14.8491 15.8598 13.9857 15.931 12.9167L16.3173 7.12363C16.3402 6.77921 16.0796 6.4814 15.7352 6.45844C15.3908 6.43548 15.0929 6.69606 15.07 7.04048L14.6867 12.7897C14.6118 13.913 14.5584 14.6945 14.4413 15.2825C14.3277 15.8529 14.1691 16.1548 13.9413 16.368C13.7134 16.5811 13.4016 16.7193 12.8249 16.7947C12.2304 16.8725 11.4471 16.8737 10.3214 16.8737H9.67692C8.55125 16.8737 7.76788 16.8725 7.17338 16.7947C6.59671 16.7193 6.28491 16.5811 6.05706 16.368C5.82922 16.1548 5.67061 15.8529 5.55699 15.2825C5.43985 14.6945 5.38649 13.913 5.31161 12.7897L4.92832 7.04048Z' fill='white'/%3E%3Cpath d='M7.85387 8.54612C8.19734 8.51178 8.50357 8.76236 8.53799 9.10586L8.95466 13.2725C8.98899 13.6159 8.73841 13.9223 8.39491 13.9566C8.05146 13.9909 7.74517 13.7404 7.71083 13.3969L7.29416 9.2302C7.25981 8.88678 7.51041 8.58045 7.85387 8.54612Z' fill='white'/%3E%3Cpath d='M12.7047 9.2302C12.739 8.88678 12.4884 8.58045 12.1449 8.54612C11.8015 8.51178 11.4952 8.76236 11.4608 9.10586L11.0442 13.2725C11.0098 13.6159 11.2604 13.9223 11.6039 13.9566C11.9473 13.9909 12.2536 13.7404 12.288 13.3969L12.7047 9.2302Z' fill='white'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: center;
}

.exit {
    display: flex;
    padding: 7px 10px;
    align-items: center;
    gap: 7px;
}

#search {
    position: relative;
}

#search .result__container {
    position: absolute;
    top: calc(100% + 3px);
    min-width: 100%;
    left: 0;
    z-index: 2;
    background-color: #ffff;
    padding: 7px 0;
    height: auto;
    border-radius: 0 0 5px 5px;
    box-shadow: 3px 3px 11px rgb(0 0 0 / 18%);
    max-height: 500px;
    overflow-y: auto;
    display:none;
}

#search .result__container a {
    padding: 5px 10px 7px;
    width: 100%;
    display: flex;
    align-items: center;
    white-space: nowrap;

}

#search .result__container .theme {
    color: #9c9c9c;
    padding: 3px 5px;
}

#search .result__container .undertheme a:hover {
    background-color: #cdc8c844;
    text-decoration: none;
}

#search .result__container::-webkit-scrollbar {
    width: 8px;               /* ширина scrollbar */
    }
    #search .result__container::-webkit-scrollbar-track {
    background: #F3F4F7;        /* цвет дорожки */
    }
    #search .result__container::-webkit-scrollbar-thumb {
    background-color: #c2c2c2;    /* цвет плашки */
    border-radius: 20px;       /* закругления плашки */
    border: 2px solid #F3F4F7;  /* padding вокруг плашки */
    }

.page__search ul {
    margin-top: 70px;
}

.page__search ul .theme {
    color: #9c9c9c;
    margin: 10px 0 5px;
}

.page__search ul .undertheme {
    margin: 3px 10px;
}

.bottom_head {
    display: flex;
    gap: 5px;
    align-items: center;
}

.bottom_head svg {cursor: pointer;}

.bottom_head svg#unliked {fill: #AEC834;}
.users__container {
    display: flex;
    gap: 20px;
    margin-bottom: 30px;
    padding-bottom: 10px;
    /* border-bottom: 1px solid #ebebeb; */
    align-items: center;
    justify-content: space-between;
    box-shadow: 0 7px 11px -2px #80808017;
}

.users_add {
    padding: 10px;
    background: #AEC834;
    color: white;
    border-radius: 4px;
    cursor: pointer;
}

.all_user {
    margin-top: 40px;
    display: block;
    background-color: white;
    padding: 8px;
    border-radius: 5px;
}

.users__page .row_head {
    display: flex;
    margin-bottom: 70px;
    align-items: center;
    justify-content: space-between;
}

.tab-content a:hover {
    text-decoration: none;
}
.tab-content a {cursor: pointer;}


.modal {
    display: none;
    align-items: center;
    justify-content: center;
    width: 100vw;
    height: 100vh;
    background-color: #2d3a2e30;
}

.modal__container {
    background-color: #fff;
    border-radius: 10px;
    padding: 70px 70px 50px;
    min-width: 50vw;
    position: relative;
}

.modal__container .h1 {
    margin: 0 0 30px;
    font-size: 25px;
    text-align: center;
}

/* .modal__container form {
    margin: auto;
    width: fit-content;
} */

.modal__container .input {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
}

.modal__container input {
    width: 100%;
    padding: 5px 10px;
    border-radius: 3px;
    border: 1px solid #c2c2c2;
}

.modal__container label {
    font-weight: 400;
}

.modal__container button {
    padding: 10px;
    background: #AEC834;
    color: white;
    border-radius: 4px;
    cursor: pointer;
    width: 100%;
    margin-top: 30px;
    border: 0;
}

.modal__container .close {
    position: absolute;
    right: 20px;
    top: 20px;
}

.modal.userAdd {
    display: none;
}

@media screen and (min-width: 1700px) {
    #loginform {
        max-height: 400px;
        margin: 0;
    }
    body {
        display: flex;
        align-items: center;
        height: 100vh;
        justify-content: center;
    }
    
}


@media screen and (max-width: 1600px) {
    .container {padding: 0 20px;}
}

@media screen and (max-width: 900px) {
    #loginform {
        max-width: 90%x;
    }

    .left-sidebar {
        transform: translate(-350px, 0);
        position: absolute;
    }
}
@media screen and (max-width: 900px) {
.top_head {
    flex-direction: column;
    gap: 20px;
    margin-bottom: 20px;
}
.button__container .create, .button__container .save {
    width: 100%;
}
.button__container {justify-content: space-between;}
.top_head .head {width: fit-content;}
}

@media screen and (max-width: 700px) {
    h1 {
        font-size: 26px;
    }

    .users__page .row_head {
        flex-direction: column;
        gap: 20px;
        align-items: start;
    }

    .tab-content {
        overflow-x: auto;
    }

    .tab-pane {
        width: 700px;
    }
}

@media screen and (max-width: 1200px) {
    #loginform {
        max-width: 400px;
    }   
    #imgAvocado {
        top: -20px;
        right: -15px ;
        width: 25%;
    }
    #imgOwl {
        bottom: 0px;
        left: -15px;
        width: 25%;
    }
}

@media screen and (max-width: 650px) {
    .loginimg {
        display: none;
    }
}

.note-editable.card-block {
    background-color: white;
}