:root {
    --ui-color-accent-green: #6F933D;
    --ui-color-accent-blue: #0c7bb3;
    --ui-color-text: #393535;


    --ui-color-background: #FBFDFC;
    --ui-color-border: #E5E5E5;
    --ui-color-border-input: #9F9F9F;
    --ui-color-separator: #f3f3f3;

    --ui-shadow-lists: 0px 7px 13px 2px rgba(0, 0, 0, .2);
    --ui-shadow-button: 1px 1px 2px 0px rgba(20, 20, 20, 0.50);
    --ui-shadow-input-out: 0px 1px 4px 0px rgba(0, 0, 0, 0.25);

    --ui-shadow-box-inset: inset 0px 1px 4px rgba(0, 0, 0, 0.25);
    --ui-shadow-box: 0px 1px 4px rgba(0, 0, 0, 0.25);
}

.itemsContainer {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 300px));
    grid-gap: 10px;
}

.preloaderInfinity {
    position: relative;
    pointer-events: none;
}

.preloaderInfinity::before {
    content: '';
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGNsYXNzPSIiIHZpZXdCb3g9IjAgMCAzMDAgMTUwIj48cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiMwQzk0RTgiIHN0cm9rZS13aWR0aD0iMTUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWRhc2hhcnJheT0iMzAwIDM4NSIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjAiIGQ9Ik0yNzUgNzVjMCAzMS0yNyA1MC01MCA1MC01OCAwLTkyLTEwMC0xNTAtMTAwLTI4IDAtNTAgMjItNTAgNTBzMjMgNTAgNTAgNTBjNTggMCA5Mi0xMDAgMTUwLTEwMCAyNCAwIDUwIDE5IDUwIDUwWiI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ic3Ryb2tlLWRhc2hvZmZzZXQiIGNhbGNNb2RlPSJzcGxpbmUiIGR1cj0iMiIgdmFsdWVzPSI2ODU7LTY4NSIga2V5U3BsaW5lcz0iMCAwIDEgMSIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiPjwvYW5pbWF0ZT48L3BhdGg+PC9zdmc+') #ffffff5b;
    background-size: 150px;
    background-position: center 50px;
    background-repeat: no-repeat;
    z-index: 10;
    top: 0;
    right: 0;
}

.preloaderInfinityForButton {
    position: relative;
    pointer-events: none;
}

.container-fluid {
    position: relative;
}

.preloaderInfinityForButton::before {
    content: '';
    position: absolute;

    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGNsYXNzPSIiIHZpZXdCb3g9IjAgMCAzMDAgMTUwIj48cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiMwQzk0RTgiIHN0cm9rZS13aWR0aD0iMTUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWRhc2hhcnJheT0iMzAwIDM4NSIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjAiIGQ9Ik0yNzUgNzVjMCAzMS0yNyA1MC01MCA1MC01OCAwLTkyLTEwMC0xNTAtMTAwLTI4IDAtNTAgMjItNTAgNTBzMjMgNTAgNTAgNTBjNTggMCA5Mi0xMDAgMTUwLTEwMCAyNCAwIDUwIDE5IDUwIDUwWiI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ic3Ryb2tlLWRhc2hvZmZzZXQiIGNhbGNNb2RlPSJzcGxpbmUiIGR1cj0iMiIgdmFsdWVzPSI2ODU7LTY4NSIga2V5U3BsaW5lcz0iMCAwIDEgMSIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiPjwvYW5pbWF0ZT48L3BhdGg+PC9zdmc+') #ffffff5b;
    background-size: 50px;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 10;
    top: 0;
    right: 0;
}

.preloaderInputSearch {
    position: absolute;
    right: 20px;
    display: none;
}

.preloaderInputSearch--isShow {
    display: inline-block;
}

.objectItem {
    text-decoration: none;
}

.objectItemBox {
    margin: 20px;
}

.buttonIsDone {
    background-color: rgb(10, 180, 81);
}

.searchContainerForDropDown {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 2px;
    align-items: start;
    align-content: start;
    background-color: #ededed;
    border-radius: 5px;
    box-shadow: 0px 7px 13px 2px rgba(0, 0, 0, .2);
    max-height: 70dvh;
    overflow: auto;
    margin: 0 20px;
    width: 100%;
    box-sizing: border-box;
}

.searchContainerForDropDown:empty {
    display: none;
}

.objectString__link {
    display: flex;
    gap: 10px;
    justify-content: start;
    justify-items: start;
    padding: 5px 10px;
    min-height: 30px;
    width: 100%;
    box-sizing: border-box;
    text-decoration: none;
    color: #444;
    background-color: #fff;
    transition: .2s;
}

.objectString__link:hover {
    text-decoration: none;
    background-color: purple;
    color: #fff;
}



.formatNotes,
.playlists {
    row-gap: 30px;
}

.objectItem__footer {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 1fr;
}

.modalOverlay {
    position: fixed;
    display: none;
    justify-content: center;
    align-items: center;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: #444444b5;
    z-index: 9999;
}

.modalOverlay--show {
    display: flex;
}

#sendMessageModal .modalWindow {
    min-width: 500px;
}

.modalWindow {
    width: minmax(50vw, 700px);
    height: minmax(30vh, 90%);
    background-color: #fff;
    border-radius: 5px;
    padding: 20px;
    box-shadow: 0px 0px 24px 2px rgba(0, 0, 0, 0.1);
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 10px;
    justify-content: center;
    justify-items: center;
}

.modalWindow__footer {
    display: flex;
    gap: 20px;
    justify-content: center;
    justify-items: center;
}

.modalWindow__contentBox {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 10px;
}

.modalWindow__textareaContainer {
    width: 100%;
    max-width: 500px;
    min-width: 500px;
}

.modalWindow__textareaContainer textarea {
    min-height: 250px;
}


.infoItem {
    font-size: 18px;
    border: 2px solid;
    padding: 5px 20px;
    font-weight: bold;
    border-radius: 5px;
}

.infoItem--alert {
    color: tomato;
    border-color: tomato;
}

.patchItem__container {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 10px;
    align-items: center;
    align-content: center;
    justify-content: center;
    width: 100dvw;
    min-height: 100dvh;
}

.patchItem {
    display: flex;
    gap: 15px;
    justify-content: center;
    justify-items: center;
    align-items: center;
}

a {
    cursor: pointer;
}

.userManager__userName {
    width: 120px;
}

.userManager__userItem {
    display: flex;
    gap: 30px;
    align-items: center;
    align-content: center;
    justify-content: start;
    background-color: #fff;
    box-shadow: 0px 0px 24px 2px rgba(0, 0, 0, 0.1);
    padding: 5px;
    border-radius: 5px;
}

.userList {
    margin: 30px 0;
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 10px;
}

.app-main {
    padding: 0;
    max-height: calc(100dvh - 50px);
}

.header {
    border: none;
    min-height: 54px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: .5rem 0;
}

.app-footer {
    border: none;
}

.icon {
    display: flex;
    width: 25px;
    min-width: 25px;
    max-width: 25px;
    height: 25px;
    min-height: 25px;
    max-height: 25px;
    justify-content: center;
    align-items: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.icon__circle--white {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBjbGFzcz0ic3ZlbHRlLWM4dHlpaCIgZmlsbD0nI2MyYzdkMCc+PHBhdGggZD0iTTI1NiA4QzExOSA4IDggMTE5IDggMjU2czExMSAyNDggMjQ4IDI0OCAyNDgtMTExIDI0OC0yNDhTMzkzIDggMjU2IDh6Ij48L3BhdGg+PC9zdmc+');
}

.icon__numberList--white {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBmaWxsPScjYzJjN2QwJz48cGF0aCBkPSJNNjEuNzcgNDAxbDE3LjUtMjAuMTVhMTkuOTIgMTkuOTIgMCAwIDAgNS4wNy0xNC4xOXYtMy4zMUM4NC4zNCAzNTYgODAuNSAzNTIgNzMgMzUySDE2YTggOCAwIDAgMC04IDh2MTZhOCA4IDAgMCAwIDggOGgyMi44M2ExNTcuNDEgMTU3LjQxIDAgMCAwLTExIDEyLjMxbC01LjYxIDdjLTQgNS4wNy01LjI1IDEwLjEzLTIuOCAxNC44OGwxLjA1IDEuOTNjMyA1Ljc2IDYuMjkgNy44OCAxMi4yNSA3Ljg4aDQuNzNjMTAuMzMgMCAxNS45NCAyLjQ0IDE1Ljk0IDkuMDkgMCA0LjcyLTQuMiA4LjIyLTE0LjM2IDguMjJhNDEuNTQgNDEuNTQgMCAwIDEtMTUuNDctMy4xMmMtNi40OS0zLjg4LTExLjc0LTMuNS0xNS42IDMuMTJsLTUuNTkgOS4zMWMtMy43MiA2LjEzLTMuMTkgMTEuNzIgMi42MyAxNS45NCA3LjcxIDQuNjkgMjAuMzggOS40NCAzNyA5LjQ0IDM0LjE2IDAgNDguNS0yMi43NSA0OC41LTQ0LjEyLS4wMy0xNC4zOC05LjEyLTI5Ljc2LTI4LjczLTM0Ljg4ek00OTYgMjI0SDE3NmExNiAxNiAwIDAgMC0xNiAxNnYzMmExNiAxNiAwIDAgMCAxNiAxNmgzMjBhMTYgMTYgMCAwIDAgMTYtMTZ2LTMyYTE2IDE2IDAgMCAwLTE2LTE2em0wLTE2MEgxNzZhMTYgMTYgMCAwIDAtMTYgMTZ2MzJhMTYgMTYgMCAwIDAgMTYgMTZoMzIwYTE2IDE2IDAgMCAwIDE2LTE2VjgwYTE2IDE2IDAgMCAwLTE2LTE2em0wIDMyMEgxNzZhMTYgMTYgMCAwIDAtMTYgMTZ2MzJhMTYgMTYgMCAwIDAgMTYgMTZoMzIwYTE2IDE2IDAgMCAwIDE2LTE2di0zMmExNiAxNiAwIDAgMC0xNi0xNnpNMTYgMTYwaDY0YTggOCAwIDAgMCA4LTh2LTE2YTggOCAwIDAgMC04LThINjRWNDBhOCA4IDAgMCAwLTgtOEgzMmE4IDggMCAwIDAtNy4xNCA0LjQybC04IDE2QTggOCAwIDAgMCAyNCA2NGg4djY0SDE2YTggOCAwIDAgMC04IDh2MTZhOCA4IDAgMCAwIDggOHptLTMuOTEgMTYwSDgwYTggOCAwIDAgMCA4LTh2LTE2YTggOCAwIDAgMC04LThINDEuMzJjMy4yOS0xMC4yOSA0OC4zNC0xOC42OCA0OC4zNC01Ni40NCAwLTI5LjA2LTI1LTM5LjU2LTQ0LjQ3LTM5LjU2LTIxLjM2IDAtMzMuOCAxMC00MC40NiAxOC43NS00LjM3IDUuNTktMyAxMC44NCAyLjggMTUuMzdsOC41OCA2Ljg4YzUuNjEgNC41NiAxMSAyLjQ3IDE2LjEyLTIuNDRhMTMuNDQgMTMuNDQgMCAwIDEgOS40Ni0zLjg0YzMuMzMgMCA5LjI4IDEuNTYgOS4yOCA4Ljc1QzUxIDI0OC4xOSAwIDI1Ny4zMSAwIDMwNC41OXY0QzAgMzE2IDUuMDggMzIwIDEyLjA5IDMyMHoiPjwvcGF0aD48L3N2Zz4=');
}

.icon__dotsList--white {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBmaWxsPScjYzJjN2QwJz48cGF0aCBkPSJNNDggNDhhNDggNDggMCAxIDAgNDggNDggNDggNDggMCAwIDAtNDgtNDh6bTAgMTYwYTQ4IDQ4IDAgMSAwIDQ4IDQ4IDQ4IDQ4IDAgMCAwLTQ4LTQ4em0wIDE2MGE0OCA0OCAwIDEgMCA0OCA0OCA0OCA0OCAwIDAgMC00OC00OHptNDQ4IDE2SDE3NmExNiAxNiAwIDAgMC0xNiAxNnYzMmExNiAxNiAwIDAgMCAxNiAxNmgzMjBhMTYgMTYgMCAwIDAgMTYtMTZ2LTMyYTE2IDE2IDAgMCAwLTE2LTE2em0wLTMyMEgxNzZhMTYgMTYgMCAwIDAtMTYgMTZ2MzJhMTYgMTYgMCAwIDAgMTYgMTZoMzIwYTE2IDE2IDAgMCAwIDE2LTE2VjgwYTE2IDE2IDAgMCAwLTE2LTE2em0wIDE2MEgxNzZhMTYgMTYgMCAwIDAtMTYgMTZ2MzJhMTYgMTYgMCAwIDAgMTYgMTZoMzIwYTE2IDE2IDAgMCAwIDE2LTE2di0zMmExNiAxNiAwIDAgMC0xNi0xNnoiPjwvcGF0aD48L3N2Zz4=');
}

.icon__usersSettings--white {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNTEyIiBmaWxsPScjYzJjN2QwJz48cGF0aCBkPSJNNjEwLjUgMzQxLjNjMi42LTE0LjEgMi42LTI4LjUgMC00Mi42bDI1LjgtMTQuOWMzLTEuNyA0LjMtNS4yIDMuMy04LjUtNi43LTIxLjYtMTguMi00MS4yLTMzLjItNTcuNC0yLjMtMi41LTYtMy4xLTktMS40bC0yNS44IDE0LjljLTEwLjktOS4zLTIzLjQtMTYuNS0zNi45LTIxLjN2LTI5LjhjMC0zLjQtMi40LTYuNC01LjctNy4xLTIyLjMtNS00NS00LjgtNjYuMiAwLTMuMy43LTUuNyAzLjctNS43IDcuMXYyOS44Yy0xMy41IDQuOC0yNiAxMi0zNi45IDIxLjNsLTI1LjgtMTQuOWMtMi45LTEuNy02LjctMS4xLTkgMS40LTE1IDE2LjItMjYuNSAzNS44LTMzLjIgNTcuNC0xIDMuMy40IDYuOCAzLjMgOC41bDI1LjggMTQuOWMtMi42IDE0LjEtMi42IDI4LjUgMCA0Mi42bC0yNS44IDE0LjljLTMgMS43LTQuMyA1LjItMy4zIDguNSA2LjcgMjEuNiAxOC4yIDQxLjEgMzMuMiA1Ny40IDIuMyAyLjUgNiAzLjEgOSAxLjRsMjUuOC0xNC45YzEwLjkgOS4zIDIzLjQgMTYuNSAzNi45IDIxLjN2MjkuOGMwIDMuNCAyLjQgNi40IDUuNyA3LjEgMjIuMyA1IDQ1IDQuOCA2Ni4yIDAgMy4zLS43IDUuNy0zLjcgNS43LTcuMXYtMjkuOGMxMy41LTQuOCAyNi0xMiAzNi45LTIxLjNsMjUuOCAxNC45YzIuOSAxLjcgNi43IDEuMSA5LTEuNCAxNS0xNi4yIDI2LjUtMzUuOCAzMy4yLTU3LjQgMS0zLjMtLjQtNi44LTMuMy04LjVsLTI1LjgtMTQuOXpNNDk2IDM2OC41Yy0yNi44IDAtNDguNS0yMS44LTQ4LjUtNDguNXMyMS44LTQ4LjUgNDguNS00OC41IDQ4LjUgMjEuOCA0OC41IDQ4LjUtMjEuNyA0OC41LTQ4LjUgNDguNXpNOTYgMjI0YzM1LjMgMCA2NC0yOC43IDY0LTY0cy0yOC43LTY0LTY0LTY0LTY0IDI4LjctNjQgNjQgMjguNyA2NCA2NCA2NHptMjI0IDMyYzEuOSAwIDMuNy0uNSA1LjYtLjYgOC4zLTIxLjcgMjAuNS00Mi4xIDM2LjMtNTkuMiA3LjQtOCAxNy45LTEyLjYgMjguOS0xMi42IDYuOSAwIDEzLjcgMS44IDE5LjYgNS4zbDcuOSA0LjZjLjgtLjUgMS42LS45IDIuNC0xLjQgNy0xNC42IDExLjItMzAuOCAxMS4yLTQ4IDAtNjEuOS01MC4xLTExMi0xMTItMTEyUzIwOCA4Mi4xIDIwOCAxNDRjMCA2MS45IDUwLjEgMTEyIDExMiAxMTJ6bTEwNS4yIDE5NC41Yy0yLjMtMS4yLTQuNi0yLjYtNi44LTMuOS04LjIgNC44LTE1LjMgOS44LTI3LjUgOS44LTEwLjkgMC0yMS40LTQuNi0yOC45LTEyLjYtMTguMy0xOS44LTMyLjMtNDMuOS00MC4yLTY5LjYtMTAuNy0zNC41IDI0LjktNDkuNyAyNS44LTUwLjMtLjEtMi42LS4xLTUuMiAwLTcuOGwtNy45LTQuNmMtMy44LTIuMi03LTUtOS44LTguMS0zLjMuMi02LjUuNi05LjguNi0yNC42IDAtNDcuNi02LTY4LjUtMTZoLTguM0MxNzkuNiAyODggMTI4IDMzOS42IDEyOCA0MDMuMlY0MzJjMCAyNi41IDIxLjUgNDggNDggNDhoMjU1LjRjLTMuNy02LTYuMi0xMi44LTYuMi0yMC4zdi05LjJ6TTE3My4xIDI3NC42QzE2MS41IDI2My4xIDE0NS42IDI1NiAxMjggMjU2SDY0Yy0zNS4zIDAtNjQgMjguNy02NCA2NHYzMmMwIDE3LjcgMTQuMyAzMiAzMiAzMmg2NS45YzYuMy00Ny40IDM0LjktODcuMyA3NS4yLTEwOS40eiI+PC9wYXRoPjwvc3ZnPg==');
}

.icon__softwareSettings--white {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBmaWxsPScjZmZmJz48cGF0aCBkPSJNNDEzLjk2NyAyNzYuOGMxLjA2LTYuMjM1IDEuMDYtMTMuNTE4IDEuMDYtMjAuOHMtMS4wNi0xMy41MTgtMS4wNi0yMC44bDQ0LjY2Ny0zNC4zMThjNC4yNi0zLjExOCA1LjMxOS04LjMxNyAyLjEzLTEzLjUxOEw0MTguMjE1IDExNS42Yy0yLjEyOS00LjE2NC04LjUwNy02LjIzNS0xMi43NjctNC4xNjRsLTUzLjE4NiAyMC44MDFjLTEwLjYzOC04LjMxOC0yMy4zOTQtMTUuNjAxLTM2LjE2LTIwLjgwMWwtNy40NDgtNTUuMTE3Yy0xLjA2LTQuMTU0LTUuMzE5LTguMzE4LTEwLjYzOC04LjMxOGgtODUuMDk4Yy01LjMxOCAwLTkuNTc3IDQuMTY0LTEwLjYzNyA4LjMxOGwtOC41MDggNTUuMTE3Yy0xMi43NjcgNS4yLTI0LjQ2NCAxMi40ODItMzYuMTcxIDIwLjgwMWwtNTMuMTg2LTIwLjgwMWMtNS4zMTktMi4wNzEtMTAuNjM4IDAtMTIuNzY3IDQuMTY0TDQ5LjEgMTg3LjM2NWMtMi4xMTkgNC4xNTMtMS4wNjEgMTAuMzk5IDIuMTI5IDEzLjUxOEw5Ni45NyAyMzUuMmMwIDcuMjgyLTEuMDYgMTMuNTE4LTEuMDYgMjAuOHMxLjA2IDEzLjUxOCAxLjA2IDIwLjhsLTQ0LjY2OCAzNC4zMThjLTQuMjYgMy4xMTgtNS4zMTggOC4zMTctMi4xMyAxMy41MThMOTIuNzIxIDM5Ni40YzIuMTMgNC4xNjQgOC41MDggNi4yMzUgMTIuNzY3IDQuMTY0bDUzLjE4Ny0yMC44MDFjMTAuNjM3IDguMzE4IDIzLjM5NCAxNS42MDEgMzYuMTYgMjAuODAxbDguNTA4IDU1LjExN2MxLjA2OSA1LjIgNS4zMTggOC4zMTggMTAuNjM3IDguMzE4aDg1LjA5OGM1LjMxOSAwIDkuNTc4LTQuMTY0IDEwLjYzOC04LjMxOGw4LjUxOC01NS4xMTdjMTIuNzU3LTUuMiAyNC40NjQtMTIuNDgyIDM2LjE2LTIwLjgwMWw1My4xODcgMjAuODAxYzUuMzE4IDIuMDcxIDEwLjYzNyAwIDEyLjc2Ny00LjE2NGw0Mi41NDktNzEuNzY1YzIuMTI5LTQuMTUzIDEuMDYtMTAuMzk5LTIuMTMtMTMuNTE4bC00Ni44LTM0LjMxN3ptLTE1OC40OTkgNTJjLTQxLjQ4OSAwLTc0LjQ2LTMyLjIzNS03NC40Ni03Mi44czMyLjk3MS03Mi44IDc0LjQ2LTcyLjggNzQuNDYxIDMyLjIzNSA3NC40NjEgNzIuOC0zMi45NzIgNzIuOC03NC40NjEgNzIuOHoiPjwvcGF0aD48L3N2Zz4=');
    opacity: .8;
}

.icon__exit--white {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBmaWxsPScjYzJjN2QwJz48cGF0aCBkPSJNMjE1LjQ2OSAzMzIuODAybDI5Ljg2MyAyOS44NjRMMzUyIDI1NiAyNDUuMzMyIDE0OS4zMzNsLTI5Ljg2MyAyOS44NjUgNTUuNDY5IDU1LjQ2OUg2NHY0Mi42NjZoMjA1Ljg2NGwtNTQuMzk1IDU1LjQ2OXpNNDA1LjMzNCA2NEgxMDYuNjY2QzgzLjE5OCA2NCA2NCA4My4xOTggNjQgMTA2LjY2NlYxOTJoNDIuNjY2di04NS4zMzNoMjk4LjY2OHYyOTguNjY4SDEwNi42NjZWMzIwSDY0djg1LjMzNEM2NCA0MjguODAyIDgzLjE5OCA0NDggMTA2LjY2NiA0NDhoMjk4LjY2OEM0MjguODAyIDQ0OCA0NDggNDI4LjgwMiA0NDggNDA1LjMzNFYxMDYuNjY2QzQ0OCA4My4xOTggNDI4LjgwMiA2NCA0MDUuMzM0IDY0eiI+PC9wYXRoPjwvc3ZnPg==');
}

.icon__addAlarm--white {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0nI2MyYzdkMCc+PHBhdGggZD0iTTcuODggMy4zOUw2LjYgMS44NiAyIDUuNzFsMS4yOSAxLjUzIDQuNTktMy44NXpNMjIgNS43MmwtNC42LTMuODYtMS4yOSAxLjUzIDQuNiAzLjg2TDIyIDUuNzJ6TTEyIDRjLTQuOTcgMC05IDQuMDMtOSA5czQuMDIgOSA5IDljNC45NyAwIDktNC4wMyA5LTlzLTQuMDMtOS05LTl6bTAgMTZjLTMuODcgMC03LTMuMTMtNy03czMuMTMtNyA3LTcgNyAzLjEzIDcgNy0zLjEzIDctNyA3em0xLTExaC0ydjNIOHYyaDN2M2gydi0zaDN2LTJoLTNWOXoiPjwvcGF0aD48L3N2Zz4=');
}

.icon__addRound--white {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0nI2MyYzdkMCc+PHBhdGggZD0iTTEzIDdoLTJ2NEg3djJoNHY0aDJ2LTRoNHYtMmgtNFY3em0tMS01QzYuNDggMiAyIDYuNDggMiAxMnM0LjQ4IDEwIDEwIDEwIDEwLTQuNDggMTAtMTBTMTcuNTIgMiAxMiAyem0wIDE4Yy00LjQxIDAtOC0zLjU5LTgtOHMzLjU5LTggOC04IDggMy41OSA4IDgtMy41OSA4LTggOHoiPjwvcGF0aD48L3N2Zz4=');
}

.icon__mail--white {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9JyNjMmM3ZDAnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJz48cGF0aCBkPSdNNDgwIDIwMS42NjdjMC0xNC45MzMtNy40NjktMjguODAzLTIwLjI3MS0zNi4yNjZMMjU2IDY0IDUyLjI3MSAxNjUuNDAxQzQwLjUzMSAxNzIuODY0IDMyIDE4Ni43MzQgMzIgMjAxLjY2N3YyMDMuNjY2QzMyIDQyOC44MDIgNTEuMTk3IDQ0OCA3NC42NjYgNDQ4aDM2Mi42NjhDNDYwLjgwMyA0NDggNDgwIDQyOC44MDIgNDgwIDQwNS4zMzNWMjAxLjY2N3pNMjU2IDMwNEw4NC42MzEgMTkyIDI1NiAxMDYuNjY3IDQyNy4zNjkgMTkyIDI1NiAzMDR6Jz48L3BhdGg+PC9zdmc+');

}

.nav-link {
    display: flex;
    align-items: center;
}

.messageSystemBlock {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 20px;
    justify-content: center;
    justify-items: center;
    align-items: center;
}

.messageSystemBlock .ui-inputDate {
    display: none;
}

.messageSystemBlock--showDate .ui-inputDate {
    display: block;
}

.messageSystemBlock--multi {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 20px;
    align-items: start;
    justify-items: center;
}

.messageSystemBlock__descriptionBlock {
    width: 100%;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 10px;
}

.messageSystemBlock__description {
    border: 1px solid #ededed;
    border-radius: 5px;
    padding: 10px;
    box-sizing: border-box;
    width: 100%;
}

.inputGroup {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: center;
    justify-items: center;
}

.messageSystemBlock--multi input {
    width: 100%;
    box-sizing: border-box;
}

.objectListInfoContainer {
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    font-size: 12px;
    gap: 5px;
    max-height: 250px;
    overflow: auto;
}

.objectListInfoContainer:empty {
    display: none;
}

.mailingItemsInfoContainer:empty {
    display: none;
}

.mailingItemsInfoContainer {
    position: absolute;
    top: 0;
    right: 0;
    display: none;
    grid-template-columns: 1fr;
    grid-gap: 5px;
    align-items: start;
    font-size: 10px;
    background-color: #fff;
    box-shadow: var(--ui-shadow-box);
    padding: 10px;
    border-radius: 5px;
    z-index: 10;
    min-width: 300px;
    top: 100%;
}

.mailingItemsInfoContainer--show {
    display: grid;
}

.popup__globalContainer .itemInfoString  {
    display: flex;
    align-items: start;
    justify-content: flex-start;
    justify-items: flex-start;
    gap: 10px;
    font-weight: bold;
    font-size: 10px;
    overflow: hidden;
}

.popup__globalContainer .itemInfoString span {
    /* white-space: nowrap; */
}

.popup__globalContainer .itemInfoString::before {
    content: '';
    min-width: 7px;
    max-width: 7px;
    min-height: 7px;
    max-height: 7px;
    margin-top: 4px;
    border-radius: 10em;
}

.popup__globalContainer .itemInfoString--mlis_waiting::before {
    background-color: #0c7bb3;
}

.popup__globalContainer .itemInfoString--mlis_sended::before {
    background-color: var(--ui-color-accent-green);
}

.popup__globalContainer .itemInfoString--mlis_error::before {
    background-color: tomato;
}