div.andy-ui-main-menu {
    display: flex;
    flex-direction: column;
    padding: 11px 0 15px;
    background-color: var(--main-menu-bg-color);
    overflow: hidden;
    height: 100%;
    overflow-y: auto;
}

div.andy-ui-main-menu div.section {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    background-color: var(--main-menu-section-bg-color);
}

div.andy-ui-main-menu div.section.hide {
    display: none;
}

div.andy-ui-main-menu div.section>div.header {
    display: flex;
    align-items: center;
    margin: 20px 0 0;
    height: 40px;
}

div.andy-ui-main-menu div.section>div.header>div.description {
    display: flex;
}

div.andy-ui-main-menu div.section>div.header>div.description>div.andy-ui-label {
    color: var(--main-menu-section-description-fr-color);
}

div.andy-ui-main-menu div.section>div.header>div.andy-ui-label {
    color: var(--main-menu-section-fr-color);
    font-size: var(--main-menu-section-font-size);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .3px;
    line-height: 1.2;
    margin: 0;
    padding: 0 5px 0px 25px;
    box-sizing: border-box;
}

div.andy-ui-main-menu div.section>div.children {
    display: flex;
    flex-direction: column;
}

div.andy-ui-main-menu div.item {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}

div.andy-ui-main-menu div.item>div.item-wrapper:hover {
    background-color: var(--main-menu-item-bg-color-hover);
    cursor: pointer;
}

div.andy-ui-main-menu div.item>div.item-wrapper:hover>span.andy-ui-icon {
    color: var(--main-menu-item-icon-color-hover);
}

div.andy-ui-main-menu div.item>div.item-wrapper:hover>div.andy-ui-label {
    color: var(--main-menu-item-fr-color-hover) !important;
}

div.andy-ui-main-menu div.item.selected>div.item-wrapper {
    background-color: var(--main-menu-item-bg-color-selected);
}

div.andy-ui-main-menu div.item.selected>div.item-wrapper>span.andy-ui-icon {
    color: var(--main-menu-item-icon-color-selected);
}

div.andy-ui-main-menu div.item.selected>div.item-wrapper>div.andy-ui-label {
    color: var(--main-menu-item-fr-color-selected) !important;
}

div.andy-ui-main-menu div.item>div.item-wrapper {
    height: 40px;
    display: flex;
    flex-direction: row;
    padding: 9px 25px;
    box-sizing: border-box;
    background-color: var(--main-menu-item-bg-color);
    min-height: 44px;
    transition: background-color ease 175ms;
}

div.andy-ui-main-menu div.item>div.item-wrapper>div.carot {
    transform: rotate(0);
    transition: ease transform 175ms;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
}

div.andy-ui-main-menu div.item.collapsed>div.item-wrapper>div.carot {
    transform: rotate(90deg);
}

div.andy-ui-main-menu div.item>div.item-wrapper>span.andy-ui-icon {
    display: flex;
    align-items: center;
    line-height: 0;
    color: var(--main-menu-item-icon-color);
    flex: 0 0 35px;
    font-size: 1.8rem;
    margin: 0;
    transition: color ease 175ms;
}

div.andy-ui-main-menu div.item>div.item-wrapper>div.andy-ui-label {
    display: flex;
    align-items: center;
    flex-grow: 1;
    padding: 0;
    color: var(--main-menu-item-fr-color);
    font-weight: 400;
    font-size: 1.05rem;
    line-height: 1.5;
    transition: color ease 175ms;
}

div.andy-ui-main-menu div.item.collapsed>div.children {
    height: 0px !important;
}

div.andy-ui-main-menu div.item>div.children {
    overflow: hidden;
    transition: ease height 375ms;
}

div.andy-ui-main-menu div.item>div.children>div.item>div.item-wrapper>span.andy-ui-icon {
    display: none;
}

div.andy-ui-main-menu div.item>div.children>div.item>div.item-wrapper>div.andy-ui-label {
    display: flex;
    align-items: center;
    flex-grow: 1;
    padding: 0;
    color: var(--main-menu-submenu-item-fr-color);
    font-weight: 400;
    font-size: 0.9rem;
    line-height: 1.5;
    transition: color ease 175ms;
}

div.andy-ui-main-menu div.item>div.children {
    padding-left: 35px;
}div.andy-ui-gfmselect {
    position: relative;
    display: flex;
    width: 260px;
    height: 160px;
    justify-content: center;
    align-items: center;
    background-color: var(--button-bg-color);
    transition: background-color ease 175ms;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    overflow: hidden;
    border-radius: 5px;
}

div.andy-ui-gfmselect.withfile {
    align-items: center;
    flex-direction: column;
    justify-content: flex-end;
}

div.andy-ui-gfmselect>audio{
    width: 100%;
    z-index: 9;
}

div.andy-ui-gfmselect.withfile>div.andy-ui-label {
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    word-wrap: break-word;
    width: 80%;
}

div.andy-ui-gfmselect:hover {
    background-color: #929292;
}div.andy-ui-uploads-list {
    position: relative;
    display: flex;
    flex-direction: column;
}

div.andy-ui-uploads-list>div.upload-list-item {
    display: flex;
    flex-direction: row;
    width: 100%;
    max-width: 460px;
    overflow: hidden;
    height: 80px;
    opacity: 1;
    transition: ease 275ms opacity 200ms, ease 275ms height;
}

div.andy-ui-uploads-list>div.upload-list-item.complete{
    transition: ease 275ms opacity, ease 275ms height 200ms;
}

div.andy-ui-uploads-list>div.upload-list-item.hide {
    opacity: 0;
    height: 0px;
}

div.andy-ui-uploads-list>div.upload-list-item>.andy-ui-icon {
    font-size: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #7986ca;
}

div.andy-ui-uploads-list>div.upload-list-item>div.info-wrapper {
    display: flex;
    flex-direction: column;
    width: -webkit-fill-available;
    padding: 0px 0px 0px 15px;
}

div.andy-ui-uploads-list>div.upload-list-item>div.info-wrapper>div.file-name-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 5px;
}

div.andy-ui-uploads-list>div.upload-list-item>div.info-wrapper>div.file-name-wrapper>div.andy-ui-button {
    background-color: transparent !important;
}

div.andy-ui-uploads-list>div.upload-list-item>div.info-wrapper>div.progress-bar {
    height: 6px;
    border-radius: 3px;
    background-color: #e1e1e2;
    margin: 0px 4px;
    overflow: hidden;
}

div.andy-ui-uploads-list>div.upload-list-item>div.info-wrapper>div.progress-bar>div.inner-bar {
    height: 100%;
    background-color: #4665ff;
    transition: all ease 275ms;
}

div.andy-ui-uploads-list>div.upload-list-item.complete>div.info-wrapper>div.progress-bar>div.inner-bar {
    height: 100%;
    background-color: #50be5f;
}

div.andy-ui-uploads-list>div.upload-list-item>div.info-wrapper>div.progress-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
}

div.andy-ui-uploads-list>div.upload-list-item>div.info-wrapper>div.progress-wrapper>div.x3fg-progress {
    padding: 5px;
}div.andy-ui-studiolist {
    display: flex;
    flex-direction: column;
    height: 100%;
}

div.andy-ui-studiolist>div.studiolist-items-wrapper {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
}

div.andy-ui-studiolist>div.studiolist-fixed-wrapper {
    display: flex;
    flex-direction: column;
    position: absolute;
    bottom: 0px;
    width: 100%;
    z-index: 1;
    background-color: #22272c;
}

div.andy-ui-studiolist>div.studiolist-fixed-wrapper.hide {
    display: none;
}

div.andy-ui-studiolist div.andy-ui-studiolist-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    min-height: 65px;
}

div.andy-ui-studiolist div.andy-ui-studiolist-item>div.button-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    height: 58px;
    margin-bottom: 5px;
    width: 100%;
}

div.andy-ui-studiolist div.andy-ui-studiolist-item>div.andy-ui-group {
    overflow: hidden;
    position: absolute;
    bottom: 0px;
    pointer-events: none;
    opacity: 0;
    background-color: #343B41;
}

div.andy-ui-studiolist div.andy-ui-studiolist-item>div.andy-ui-group>div.andy-ui-button {
    background: none;
    margin: 0px 6px;
}

div.andy-ui-studiolist div.andy-ui-studiolist-item>div.andy-ui-group>div.andy-ui-button:hover {
    background-color: transparent !important;
}

div.andy-ui-studiolist div.andy-ui-studiolist-item>div.andy-ui-group>div.andy-ui-button:active {
    background-color: transparent !important;
}

div.andy-ui-studiolist div.andy-ui-studiolist-item>div.andy-ui-group>div.andy-ui-button:hover>span.andy-ui-icon {
    color: #4665ff;
}

div.andy-ui-studiolist div.andy-ui-studiolist-item>div.andy-ui-group>div.andy-ui-button>span.andy-ui-icon {
    color: #fff;
}

div.andy-ui-studiolist div.andy-ui-studiolist-item:hover {
    background-color: #343B41;
}

div.andy-ui-studiolist div.andy-ui-studiolist-item.selected {
    background-color: #343B41;
}

div.andy-ui-studiolist div.andy-ui-studiolist-item:hover>div.andy-ui-group {
    pointer-events: all;
    opacity: 1;
}

div.andy-ui-studiolist div.andy-ui-studiolist-item>div.button-wrapper>div.andy-ui-label {
    color: #fff;
    text-align: center;
    font-size: 0.75em;
    margin: 4px;
}

div.andy-ui-studiolist div.andy-ui-studiolist-item>div.button-wrapper>span.andy-ui-icon {
    color: #fff;
    font-size: 26px;
    padding: 0px;
    margin: 0px;
    display: flex;
}div.andy-ui-sectionbar{
    display: flex;
    flex-direction: row;
    position: relative;
}div.andy-ui-zoominput {
    display: flex;
    flex-direction: row;
    border: 1px solid #343B41;
    border-radius: 4px;
    align-items: center;
    justify-content: center;
    height: 28px;
    width: 100px;
    margin: 0px 7px;
}

div.andy-ui-zoominput>div.andy-ui-button {
    margin: 0 !important; 
}

div.andy-ui-zoominput>input.andy-ui-input {
    display: flex;
    align-items: center;
    text-align: center;
    color: #FFF;
    font-size: 10px;
    line-height: 13px;
    padding: 0;
    border: none;
    height: min-content;
    background-color: transparent;
}div.andy-ui-avatar{
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border-radius: var(--avatar-border-radius);
    background-color: var(--avatar-bg-color);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: var(--avatar-fr-color); 
    font-size: var(--avatar-font-size);
    font-weight: 500;
    height: var(--avatar-size);
    width: var(--avatar-size);
}div.andy-ui-calendar{
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    padding: 20px 20px 60px;
    background-color: #fff;
}