body {
    background-color: var(--bg);
    background-image: url('img/bg.png');
    margin-top: 48px;
}

.fathom-logo {
    background: url('img/logo.svg');
    width: 104px;
    height: 18px;
    display: inline-block;
}


nav.top-nav {
    position: fixed;
    z-index: 2500;
    top: 0;
    right: 0;
    left: 0;
    background-color: var(--white);
    height: 48px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 24px 0 16px;
}

/********ALT MENU */
.alt-menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.alt-menu>li {
    display: inline-block;
    margin-left: 27px;
}

.alt-menu .nav-text-button {
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    padding: 8px 12px;
}

.alt-menu .nav-icon-button {
    width: 36px;
    height: 36px;
    display: inline-block;
    padding: 6px 0 0 6px;
    box-sizing: border-box;
    cursor: pointer;
}

.alt-menu .nav-text-button,
.alt-menu .nav-icon-button {
    cursor: pointer;
    background-color: transparent;
    border-radius: 101px;
    text-decoration: none;
    color: var(--gray100);
    background-color: transparent;
    transition: 0.3s background-color;
}

.alt-menu .nav-text-button.selected {
    color: var(--gray01);
    background-color: var(--gray100);
}

.alt-menu .nav-text-button:hover,
.alt-menu .nav-icon-button:hover {
    background-color: var(--bg);
    color: var(--gray100);
}




/*** Notifications */



.alt-menu .notifications.dropdown {
    background: none;
    box-shadow: none;
    border-radius: none;
    padding: 16px, 16px, 16px, 16px;
    text-shadow: none;
}

.alt-menu .notifications .dropdown-head {
    background: none;
    box-shadow: none;
    border-radius: none;
    text-shadow: none;
    border: none;
    margin-top: 10px;
}

.alt-menu .notifications .dropdown-head:hover {
    background: var(--bg);
}

.alt-menu .notifications.dropdown:hover .dropdown-content {
    background: var(--white);
    box-shadow: 0px 12px 32px rgba(26, 26, 26, 0.24);
    border-radius: 8px;
    padding: 16px;
    box-sizing: border-box;
    position: fixed;
    margin-top: 32px;
    top: 16px;
    right: 16px;
    min-height: 200px;
    min-width: 400px;
    max-width: 600px;
    width: auto;
}


.notifications .dropdown-content ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;

    padding-bottom: 0;
    margin-bottom: 0;
}


.dropdown.notifications hr {
    margin-bottom: 32px;
}





/* .alt-menu .notifications .dropdown-content .icon-container {
    vertical-align: middle;
    color: var(--gray60);
    display: inline-block;
    vertical-align: sub;
    margin-left: 8px;
} */


/* .alt-menu .notifications .dropdown-content .material-icons-outlined {
    font-size: 16px;
}
 */








/*END*******ALT MENU */









/*****  itemsList *** START **********/



.dropdown-content .revs-list {
    min-width: 500px;
}



.revs-list li {
    vertical-align: middle;
    align-content: center;
}



.revs-list .circle {
    display: inline-block;
    vertical-align: sub;

    line-height: 45px;

    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
}

.revs-list .element-name {
    display: inline-block;
    vertical-align: middle;

    font-weight: 600;
    font-size: 16px;

    margin-right: 10px;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
}

.revs-list .folder {
    display: inline-block;
    vertical-align: sub;

    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
}

.revs-list .element-dir {
    display: inline-block;
    vertical-align: middle;
    align-content: center;

    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 150px;
    display: inline-block;

    line-height: 16px;
    font-weight: 500;
    font-size: 12px;

    margin-right: 8px;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
}

.revs-list .element-date {
    display: inline-block;
    vertical-align: middle;
    align-content: center;

    line-height: 16px;
    font-weight: 400;
    font-size: 12px;

    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
}



.revs-list .element-title-wrapper {
    display: inline-block;
    vertical-align: middle;
    align-content: center;

    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 150px;

    margin: 0 6px 0 0;
    padding: 0;
}

.revs-list .element-rev-wrapper {
    display: inline-block;
    vertical-align: middle;
    align-content: center;

    white-space: nowrap;
    overflow: hidden;
    max-width: 150px;

    margin: -4px 6px 0 0;
    padding: 0;
}

.revs-list .circle>* {
    zoom: 0.8;
    -moz-transform: scale(0.8);
    width: 24px;
    height: 24px;
    display: inline-block;
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;

    text-align: center;

    /* width:60px; */
}

.revs-list .folder>* {
    color: var(--gray60);
    font-size: 18px;
    margin-right: 5.5px;
    line-height: 1;
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
}




/********REVS LIST ******* END **********/





.ee-admin {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.ee-admin .orgs-menu {
    width: 404px;
    background-color: var(--white72);
    padding: 38px;
    box-sizing: border-box;
    min-height: calc(100vh - 70px);
}

.ee-admin h1 {
    margin-top: 14px;
    margin-bottom: 16px;
}

.ee-admin .org-search {
    position: relative;
}

.org-menu {
    display: flex;
    flex-direction: column;
    align-content: stretch;
    align-items: stretch;
    height: 100%;
}

.orgs-list {
    display: flex;
    align-items: stretch;
    height: 100%;
    align-content: center;
    position: static;
    position: relative;
    margin-top: 45px;
    padding: 0 0 0 0;
    vertical-align: top;
    flex-direction: column;
    align-content: stretch;
}

.ee-admin .org-search input {
    background: var(--white);
    border: 1px solid var(--gray40);
    box-sizing: border-box;
    border-radius: 41px;
    padding: 6px 36px 6px 8px;
    width: 100%;
}

.ee-admin .org-search .material-icons-outlined {
    position: absolute;
    right: 10px;
    top: 7px;
}

.orgs-menu-org {
    display: flex;
    justify-content: left;
}


.orgs-menu-org-container {
    margin: 0px 0px 16px 0px;
    padding: 0 0 0 8px;
    display: flex;
    height: 36px;
    box-sizing: border-box;
    align-items: center;
}

.orgs-menu-org-container-selected {
    border: 1px solid #F6A153;
    border-radius: 8px;
}

.orgs-menu a {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: var(--gray100);
    vertical-align: middle;
    padding: 5x 5px 5px 5px;
    margin: 5x 5px 5px 5px;
    top: 0;
    bottom: 0;
}

.org-manage {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
}

.org-manage .square-button {
    margin-left: 24px;
}

.org .h2 {
    margin-top: 77px;
}

.org-licenses {
    display: flex;
    margin-top: 37px;
    align-items: center;
    flex-direction: row;
}

.org-licenses>* {
    display: inline-block;
    vertical-align: middle;
}

.org-user,
.org-modules {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 0;
}

.org-user>div,
.org-modules>div {
    position: static;
    box-sizing: border-box;
    border-radius: 4px;
}

.ee-login-form {
    display: flex;
    justify-content: center;
    align-items: center;
    /* width: 100vw;
    height: 100vh; */
    flex-direction: column;
}

.login-box {
    display: flex;
    background-color: var(--white);
    border-radius: 342px 8px 8px 342px;
}

.login-box .login-box-img {
    width: 342px;
    height: 342px;
    border-radius: 342px;
    background-image: url('img/login-bg.png');
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 0 0 auto;
}

.login-box .login-box-img .fathom-icon {
    width: 104px;
    height: 104px;
    background-image: url('img/logo-small.svg');
}

.login-box .login-form-container {
    display: block;
    margin-left: 55px;
    margin-right: 67px;
}

.login-box .login-form-container h1 {
    margin-top: 29px;
    margin-bottom: 25px;
    color: var(--gray100);
}

.login-box .login-form-container label {
    width: 100%;
    display: block;
    font-weight: 500;
    font-size: 14px;
    line-height: 150%;
}

.login-box .login-form-container .prop-wrapper {
    margin-bottom: 16px;
}

.login-box .login-form-container input {
    width: 298px;
}

.login-box .login-form-container .actions button {
    margin-top: 27px;
    float: right;
}

.login-box .remind-password-button {
    display: inline-block;
    margin-top: 32px;
}

.login-box .remind-pass-wrapper {
    margin-top: 32px;
    min-width: 350px;
}

/***********MAIN MENU */

.main-menu {
    padding-left: 6px;
    position: fixed;
    z-index: 20;
    top: 48px;
    left: 0;
}

.main-menu li {
    margin-top: 16px;
    margin-left: 6px;
}

.main-menu a {
    display: inline-block;
    width: 36px;
    height: 36px;
    background-color: transparent;
    box-sizing: border-box;
    line-height: 45px;
    text-align: center;
    vertical-align: middle;
    border-radius: 36px;
    position: relative;
}

.main-menu a.active {
    background-color: var(--white);
}

.main-menu a .tooltip {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--white);
    z-index: -10;
    padding-left: 40px;
    line-height: 36px;
    padding-right: 16px;
    border-radius: 36px;
    box-sizing: border-box;
    color: var(--gray100);
    font-size: 14px;
    visibility: hidden;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.3s, visibility 0.3s;
    white-space: nowrap;
}

.main-menu a:hover .tooltip {
    visibility: visible;
    pointer-events: all;
    opacity: 1;
}

/*END*******MAIN MENU */


/***********ORG DASHBOARD */

main {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 8px;
    flex-direction: column;
    min-width: calc(var(--grid-box-size) * 12 + var(--grid-margin-size) * 13);
}

main .page-title {
    margin: 24px 0 0 0;
}

main .page-section-title {
    margin: 24px 0 0 0;
}

.org-baner {
    margin-bottom: 42px;
    margin-top: 8px;
}

.org-image {
    background: url(img/org-baner.png);
    background-size: cover;
    background-position: center;
}

.org-baner .org-image {
    font-family: Futura, sans-serif;
    width: 100%;
    height: 176px;
    border-radius: 8px 8px 0px 0px;
    font-weight: 700;
    font-size: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white)
}

.org-baner .welcome-text {
    width: 100%;
    height: 49px;
    background: var(--blue);
    border-radius: 0px 0px 8px 8px;
    font-weight: 500;
    font-size: 24px;
    line-height: 33px;
    color: var(--white);
    display: flex;
    align-items: center;
    padding-left: 16px;
    box-sizing: border-box;
}

.shortcuts {
    margin-bottom: 38px;
}

.shortcuts h4 {
    margin-bottom: 32px;
}

.shortcuts li {
    margin-bottom: 12px;
}

.shortcuts .circle>* {
    zoom: 0.8;
    -moz-transform: scale(0.8);
}

.shortcuts .element-name {
    font-weight: 600;
    font-size: 16px;
    margin-right: 11.5px;
}

.shortcuts .icon-container>* {
    color: var(--gray60);
    font-size: 18px;
    margin-right: 5.5px;
}

.shortcuts .element-dir {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: var(--gray100);
    margin-right: 10px;
}

.shortcuts .element-date {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: var(--gray100);
}

.calculation-modules {
    width: 100%;
    height: 200px;
    background-color: rgba(228, 228, 228, 0.4);
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.calculation-modules .title {
    font-weight: 700;
    font-size: 24px;
    line-height: 33px;
    margin-top: 41px;
    margin-bottom: 23px;
}

.calculation-modules ul {
    margin-bottom: 5px;
    display: flex;
    height: 89px;
}

.calculation-modules li {
    height: 72px;
    max-width: 72px;
    margin-right: 24px;
    text-align: center;
    box-sizing: border-box;
    border-radius: 35px;
    background-color: var(--white);
    overflow: hidden;
    transition: max-width 0.3s;
}

.calculation-modules li:hover {
    height: 89px;
    max-width: 270px;
}

.calculation-modules .clip {
    width: 270px;
}

.calculation-modules .icon-wrapper {
    zoom: 1.7;
    display: block;
    float: left;
    margin-left: 9px;
    margin-top: 10px;
    transition: margin-top 0.3s;
}

.calculation-modules li:hover .icon-wrapper {
    margin-top: 15px;
}

.calculation-modules li aside {
    margin-top: 16px;
    margin-left: 20px;
    font-weight: 700;
    font-size: 14px;
    display: block;
    float: left;
    opacity: 0;
    transition: 0.3s opacity;
}

.calculation-modules li:hover aside {
    opacity: 1;
    text-align: center;
    width: 162px;
}

.calculation-modules .description {
    margin-bottom: 16px;
}

.calculation-modules .modules-list-icons {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 24px;
    height: 89px;
    flex-wrap: wrap;
}

.calculation-modules .modules-list-icons .module-circle {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 72px;
    height: 72px;
    border-radius: 35px;
    background-color: var(--white);
}

.calculation-modules .modules-list-icons .module-circle:hover {
    height: 89px;
    position: relative;
}

.calculation-modules .modules-list-icons .module-circle img {
    width: 41px;
}

.calculation-modules .modules-list-icons .module-circle span.module-icon {
    width: auto;
    font-size: 31pt;
}

.calculation-modules .modules-list-icons aside {
    display: none;
}

.calculation-modules .modules-list-icons .module-circle:hover>aside {
    position: absolute;
    top: -10px;
    text-align: center;
    height: 110px;
    display: flex;
    gap: 25px;
    flex-direction: column;
    justify-content: space-between;
    width: 200px;
}

.calculation-modules .modules-list>li {
    cursor: default;
}

.modules-list .text-button .material-icons-outlined {
    margin-left: 0px;
}

.calculation-modules .button-wrapper {
    text-align: center;
}

.calculation-modules .create-button .material-icons-outlined {
    color: var(--action);
    font-size: 15px;
    margin-right: 9.5px;
}

.projects-list {
    margin-top: 52px;
    margin-bottom: 32px;
}

.projects-list h2 {
    margin-bottom: 16px;
}

.project-box {
    border-radius: 8px;
    background-color: var(--white);
    height: 271px;
    box-sizing: border-box;
    padding: 16px;
    transition: box-shadow 0.3s;
}

.project-box:hover {
    box-shadow: 0px 4px 8px rgba(26, 26, 26, 0.2);
}

.project-box .project-actions {
    display: none;
    padding: 12px 10px;
}

.project-box:hover .project-actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.project-box:hover .project-pm {
    display: none;
}

.project-box:hover .project-pm.libraries-box-date {
    display: inline-block;
    margin-top: 4px;

}

.add-new-projects {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    cursor: pointer;
    text-decoration: none;
    color: var(--gray100);
}

.add-new-projects .add-icon-wrapper .material-icons-outlined {
    font-size: 70px;
    width: 70px;
    color: var(--action);
    margin-bottom: 20px;
    transition: color 0.3s;
}

.add-new-projects:hover .material-icons-outlined {
    color: var(--action-hover);
}

.add-new-projects h3 {
    border-bottom: solid 2px transparent;
    transition: border-color 0.3s;
}

.add-new-projects:hover h3 {
    border-bottom: solid 2px var(--action-hover);
}

.project-box .project-name {
    margin-bottom: 4px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.project-box .project-name.libraries-box-name {
    margin-bottom: 10px;
    padding-bottom: 5px;
}

.project-box .project-subtitle {
    margin-bottom: 12px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.project-box .project-description {
    border-top: solid 1px var(--gray05);
    border-bottom: solid 1px var(--gray05);
    padding: 16px 0 18px 0;
    ;
    height: 116px;
    overflow: hidden;
    display: block;
    line-height: 150%;
}

.project-box .project-description.libraries-box-desc {
    height: 140px;
    padding-bottom: 16px;
    margin-bottom: 12px;
}

.project-box .project-pm {
    margin-top: 16px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.project-box .project-actions .text-button .material-icons-outlined {
    margin-left: 0;
}

/*END*******ORG DASHBOARD */


.reset-pass {
    white-space: nowrap;
}



.org-chk {
    width: 32px;
    padding: 0 0 0 12px;
}



.hbox.org-wrapper {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    min-height: 300px;
}

.org {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: left;
    width: calc(1036px - 2 * 64px);
    height: 100%;
    margin: 48px 64px 48px 64px;
}

.org input {
    height: 36px;
}

.org-name {
    margin-top: 4px;
}

.org label[for="licenses-cnt"] {
    margin-right: 24px;
}

.org #licenses-cnt {
    margin: 0 16px 0 16px;
}

.org-users-list {
    display: flex;
    flex-direction: row;
    min-height: 58px;
    flex-wrap: nowrap;
    align-items: center;
    margin: 14px 0 8px 0;
}

.org-user-props,
.org-modules-props {
    display: flex;
    flex-direction: row;
    padding: 0 10px 0 10px;
    margin: 8px 8px 8px 0;
    /* width: 635px; */
    height: 42px;
    align-items: center;
    background-color: var(--white);
    gap: 4px;
}

.org-user-props .switch-medium {
    margin-right: 10px;
}

.org-user-actions {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: nowrap;
}

.org-user-actions>* {
    margin: 0 8px;
}

.ee-edit-user {
    display: flex;
    flex-direction: column;
}

.ee-edit-user input {
    height: 36px;
    margin-bottom: 9px;
}

.ee-edit-user .modal-wrapper {
    width: 432px;
    height: 558px;
}

.ee-edit-user .h2 {
    margin-bottom: 32px;
}

.ee-edit-user .actions {
    margin-top: 90px;
}

.popup .h3 {
    margin-bottom: 40px;
}


.org-wrapper .info {
    margin-top: calc(50vh - 30px);
}

/***********PROJECT WORKSPACE */


/* -------- search input on top-------*/
div.project-search {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px 16px;
    width: 360px;
    height: 35px;
    left: 448px;
    top: 6.5px;
    background-color: var(--blue-light);
    border-radius: 49px;
}

.project-search-container {
    position: relative;
    width: 100%;
}

.project-search-icon {
    position: absolute;
}

.project-search-input[type=text] {
    position: relative;
    padding: 0px;
    width: 300px;
    left: 30px;
    background: var(--blue-light);
    border: 0px;
}

.project-search-input::placeholder {
    position: static;
    height: 19px;
    left: 44px;
    top: 8px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    display: flex;
    align-items: center;
    text-align: center;
    color: var(--gray100);
}

/*--END of search input-------------------*/


/*--- Project document list -------------*/
.project-view-page {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    flex-basis: auto;
    justify-content: space-between;
    align-items: stretch;
    align-self: flex-start;
    gap: 20px;
    margin-bottom: 200px;

}

.project-view-list {
    padding-top: 37px;
    padding-left: 157px;
    padding-bottom: 40px;
    width: calc(100% - 349px);
    min-height: 300px;
    margin-right: 20px
}

.project-view-list h2 {
    margin-bottom: 46px;
}

.project-view-list li {
    padding-left: 26px;
}

/* .project-view-list .topFolder { */

/* .project-view-list li:first-child {
    padding-left:0px;
    margin-left:0px;
} */

.project-folder-block {
    display: flex;
    flex-direction: row;
    gap: 15px;
    align-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    padding-top: 10px;
    padding-bottom: 10px;
}

.project-folder-block .folder-button {
    display: flex;
    flex-direction: row;
    gap: 15px;
    align-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    text-decoration: none;
    color: var(--gray100);
    padding-left: 0px;
}



.project-folder-block h3 {
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 100%;
    color: var(--gray100);
}

.project-folder-block .project-addnew-block a {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
}


.project-list-block,
.project-addnew-block a {
    display: flex;
    flex-direction: row;
    gap: 15px;
    align-content: flex-start;
    /* flex-wrap: wrap; */
    align-items: center;
    justify-content: flex-start;
    margin-top: 6px;
    margin-left: -55px;
    /*margin-bottom:22px;*/
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 10px;
    padding-right: 4px;
    margin-right: 0px;
    width: 700px;
}

.project-view-list .project-addnew-block a {
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
}

/* .bottomList {
    margin-left:40px;
    margin-bottom:30px;
} */

.project-addnew-block a {
    color: var(--action-hover);
    text-decoration: none;
}

.project-addnew-block a:hover {
    text-decoration: var(--action-hover) underline;
}

.project-addnew-block a .element-name {
    color: var(--gray100);
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;

}

.project-list-block .element-name {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: var(--gray100);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow-x: hidden;
    /* width: 400px; */
}


/*---- dropdown to edit file in workspace----*/
/* .dropdownFileWrapper {
    position: relative;
    width: 100px;
}

.dropdownFileWrapper .dropdown {
    padding-left:10px;
    position: absolute;
    left:-100px;
    top:-50px;
    display: none;
}

.fileList li:hover > .dropdownFileWrapper .dropdown {
    display: inline-block;
}

.project-list-block:hover > .dropdownFileWrapper .dropdown {
    display: inline-block;
}


.dropdownFileWrapper .dropdown li {
    width:100px;
} */


.project-list-block:hover>.dropdownFolderWrapper .dropdown,
.project-folder-block:hover>.dropdownFolderWrapper .dropdown {
    display: inline-block;
    visibility: visible;
    left: 20px;
}


.dropdownFolderWrapper {
    position: relative;
    display: inline-block;
    z-index: 99;
}

.project-folder-block .dropdown li {
    margin-left: 0;
}

.dropdownFolderWrapper .dropdown {
    position: absolute;
    z-index: 1;
    left: 30px;
    top: -80px;
    visibility: hidden;
    width: 270px;
    padding: 24px 24px;
    margin: 0px;
}

.dropdownFolderWrapper .dropdown li {
    padding: 0px;
}

.dropdownFolderWrapper .dropdown .text-button {
    width: 100%;
}

.project-addnew-block:hover .dropdownFolderWrapper .dropdown {
    display: inline-block;
    visibility: visible;
}

/*--PROJECT Add Revision Modal---------------------*/

.add-revision-modal .h2 {
    margin-bottom: 36px;
}

.add-revision-modal textarea {
    width: 314px;
    max-width: 314px;
    min-width: 314px;
    height: 120px;
}

/*------ END--------------------------*/



.project-list-block .element-date {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: var(--gray100);
    /* width: 190px; */
}

.project-list-block .circle {
    min-width: 36px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
}



.project-folder-block li {
    margin-left: 20px;
}

.project-folder-block+ul {
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: var(--gray40);
    position: relative;
    z-index: 1;

}


.project-list-block .marked {
    visibility: hidden;
}

.project-list-block:hover>.marked {
    visibility: visible;
}

.project-list-block:hover {
    background-color: var(--bg);
    background-color: rgba(228, 228, 228, 0.7);
    transition: 0.3s background-color;
    border-radius: 16px;
    position: relative;
    z-index: 2;

}

/* .fileList {
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: var(--gray40);
} */

/* ----------notes on right side-------------- */
.project-view-notes {
    padding: 26px 0px;
    /* min-width: 349px;
    min-height: 300%; */
    background-color: var(--white);
}

.project-view-notes-title {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 0px 20px;
    min-width: 349px;
}

.project-view-notes-title>span {
    width: 24px;
    color: var(--action);
}

/*END*******PROJECT WORKSPACE */


/***********LIBRARIES PAGE **********/
.libraries-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
    align-items: flex-start;
}


.library-top-menu {
    padding-top: 0px;
    margin-bottom: 0px;
}

.library-top-menu li {
    display: flex;
    flex-direction: row;
}

.library-top-menu a {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 100%;
    /* padding: 12px 16px; */
    border-radius: 24px 24px 0px 0px;

}

.library-top-menu .active a {
    background: var(--gray05);
    position: relative;
    z-index: 1
}

.library-top-menu .active {
    background: var(--gray05);
    /* width: 100%; */
    border-radius: 24px 24px 0px 0px;
    padding-right: 10px;
    padding-left: 10px;
}


.library-button-text {
    margin: 0 6px;
}


.lib-bread-top {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    padding-right: 5px;

}

.lib-bread-name {
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    padding-left: 5px;
}

.lib-main {
    padding-top: 20px;
    margin-left: 60px;
}


.lib-main .calc-wrapper,
.lib-main .libs-wrapper {
    height: calc(100vh - 126px);
    width: calc(100vw - 62px);
    padding: 0;
    margin: 0;
}

.lib-fix {
    margin-left: 40px;

}

.projects-list h2.lib-fix {
    margin-bottom: 40px;
}

.main-menu li a {
    padding-top: 5px;
}

.library-menu-button {
    height: 100%;
    border-radius: 30px;
    background-color: white;
    position: relative;
    z-index: 2;
    padding: 5px 15px;
    margin: 10px;
    overflow: hidden;
}

/*END*********LIBRARIES************/

/******** SMALL FIX TO STANDARD FRAMEWORK *****/
.text-button-fix {
    position: relative;
    top: 3px;
}

.text-button-fix-top {
    padding-bottom: 10px;
}

.text-button-fix-text {
    /* padding-left:10px; */
    position: relative;
    top: 4px;
    margin-left: -10px;
}

.text-button-fix-top>span {
    padding-left: 10px;


}

.text-button .text-button-fix span:first-child {
    position: relative;
    top: 0px;
}



/* span.h3.folder-fix:hover {
    text-decoration: underline;
} */
/*************************************/
/***********ORG SETTINGS */

.users-and-licenses {
    background-color: var(--white);
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.users-and-licenses .licenses-wrapper {
    margin-bottom: 42px;
}


/*END*******ORG SETTINGS */

/***********PROFILE */

.alt-menu .profile-icon {
    position: relative;
}

.alt-menu .profile-icon ee-profile-menu {
    display: none;
    position: absolute;
    width: 204px;
    left: -150px;
}

.alt-menu .profile-icon:hover ee-profile-menu {
    display: block;
}

.ee-profile-menu {
    display: block;
}

.ee-profile-menu.toggler .dropdown {
    display: none;
    position: fixed;
    top: 0;
}

.ee-profile-menu:hover ul.dropdown {
    display: block;
    right: 0;
    margin: 42px 12px 0 0;
}

.ee-profile-menu .dropdown {
    width: 262px;
}

.ee-profile-menu .dropdown li>* {
    width: 242px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
}

.ee-profile-menu .text-button {
    width: 100%;
}

/*END*******PROFILE */




/***********EE-ORG-REVISION */

ul.breadcrumbs {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: nowrap;
    line-height: 1.5em;
    max-width: calc(100vw - 250px);
    overflow: hidden;
}

.breadcrumbs li {
    display: flex;
    flex-direction: row;
    align-content: flex-start;
    align-items: center;
    margin-left: 10px;
    padding: 6px 0;
    margin: 0 5px 0 5px;
    white-space: nowrap;


}

.breadcrumbs li:after {
    content: ' / ';
    margin-left: 10px;
    color: var(--gray60);
    float: right;
}

.breadcrumbs li:last-child:after {
    content: '';
    margin-right: 0;
}

.breadcrumbs .item-name {
    white-space: nowrap;
    max-width: calc(max(100px, 20vw));
    overflow: hidden;
    text-overflow: ellipsis;
}

.breadcrumbs li:last-child {
    border-radius: 18px;
    color: var(--white);
    padding: 6px 12px;
}

.breadcrumbs .module-icon-wrapper {
    width: 24px;
    height: 24px;
    background-color: var(--white);
    border-radius: 24px;
    float: left;
}

.breadcrumbs .module-icon-wrapper>* {
    width: 22px;
    height: 22px;
    display: flex;
    vertical-align: middle;
}

.breadcrumbs .last-item-part {
    margin-right: 10px;
}

.breadcrumbs .last-item-part img {
    margin-left: 1px;
    margin-top: 1px;
}

.breadcrumbs .last-item-part:last-child {
    margin-right: 0;
}

.lucky-loading {
    position: absolute;
    top: 50%;
    left: 30%;
    z-index: 3000;
    display: block;
    text-align: center;
    color: var(--error);
}

.ee-org-revision nav.top-nav {
    padding-right: 8px;
}

.ee-org-revision .main-full {
    margin-top: 80px;
    margin-left: 48px;
    width: calc(100% - 48px);
}

.revision-left-menu {
    margin-bottom: 6px;
}

.revision-left-menu>* {
    margin-right: 16px;
}

.revision-right-menu {
    margin-bottom: -7px;
}

.revision-right-menu a {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 100%;
    padding: 12px 16px;
    border-radius: 8px 8px 0px 0px;
}

.revision-right-menu .active a {
    background: var(--gray05);
}

.revision-menu {
    background: var(--gray05);
}

.ee-org-revision .revision-menu {
    padding: 8px 16px;
}

.ee-org-revision .revision-menu ul {
    display: flex;
    align-items: center;
    align-content: center;
    gap: 16px;
}

.ee-org-revision .revision-menu li {
    /* margin-right: 16px; */
    display: flex;
    align-items: center;
    align-content: center;
}

.ee-org-revision .revision-menu li:last-child {
    margin-right: 0;
}


.ee-org-revision .status-details {
    display: flex;
    gap: 16px;
}

.ee-org-revision .status-details li {
    /* margin-right: 16px; */
    font-size: 14px;
    font-weight: 500;
}

.ee-org-revision .status-details .button-primary {
    /* margin-right: 16px; */
    padding: 8px 12px;
}

.ee-org-revision .status-details .rev-status-date {
    color: var(--gray60);
    margin-left: 4px;
}

.ee-org-revision .status-details .material-icons-outlined {
    font-size: 16px;
}

.ee-org-revision .rev-history {
    width: 366px;
    position: absolute;
    height: 90%;
    min-height: 88vh;
    overflow: auto;
    padding-bottom: 8px;
    right: 0;
    top: 48px;
    background-color: #ffffff;
    z-index: 2000;
}

.ee-org-revision .rev-history ul {
    position: relative;
    left: 0;
    margin: 30px 0px 0px 56px;
    padding-bottom: 18px;
    display: flex;
    flex-direction: column-reverse;
}

.ee-org-revision .rev-history li {
    color: var(--gray60);
    padding-left: 10px;
    padding: 20px 0px 20px 22px;
    line-height: 10px;
}

.ee-org-revision .rev-history li {
    padding: 2px 16px 0px 16px;
    height: 32px;
    width: 230px;
    border-radius: 16px;
    margin: 8px 0px 8px 32px;
    display: flex;
    align-items: center;
    align-content: center;
}

.ee-org-revision .rev-history li.selected {
    color: var(--gray100);
    background-color: var(--gray05);
    font-weight: 700;
}

.ee-org-revision .rev-history li::before {
    border-left: 2px solid var(--gray40);
    content: '';
    position: relative;
    left: -48px;
    top: -15px;
    height: 32px;
    padding-top: 34px;
    /* padding-bottom: 20px; */
}

.ee-org-revision .rev-history li:last-child:before {
    height: 5px;
    top: 3px;
}

.ee-org-revision .rev-history li:first-child:before {
    height: 0px;
    bottom: 5px;
}

.ee-org-revision .rev-history li:only-child:before {
    height: 16px;
    top: -7px;
    padding: 0 0 0 0;
}

.ee-org-revision .rev-history a:last-child:before {
    --arr-size: 10px;
    float: left;
    content: '';
    position: absolute;
    left: -5.1px;
    top: 10px;
    margin-right: 2px;
    width: var(--arr-size);
    height: var(--arr-size);
    border-top: 2px solid var(--gray40);
    border-right: 2px solid var(--gray40);
    -moz-transform: rotate(315deg);
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg);
}

.ee-org-revision .rev-history a:first-child:after {
    float: left;
    content: '';
    position: absolute;
    left: -3px;
    bottom: 20px;
    padding: 0;
    width: 4px;
    height: 4px;
    border: 2px solid var(--gray40);
    border-radius: 6px;
    background-color: #ffffff;
    margin-bottom: 18px;
}

.ee-org-revision .rev-history .icon {
    font-size: 16px;
    vertical-align: middle;
    padding-bottom: 1px;
    margin-right: 0px;
    margin-left: 6px;
    overflow: hidden;

}

.ee-org-revision .rev-history .selected .icon {
    font-size: 24px;
    vertical-align: middle;
    padding-bottom: 2px;
    color: var(--action);
}

.ee-org-revision .rev-history .icon:hover {
    color: var(--action-hover);
    cursor: pointer
}

.ee-org-revision .rev-history .unselected .revLink:hover {
    border-bottom: var(--action-hover) 2px solid;
    padding-bottom: 5px;
    margin-bottom: -7px;
}

.ee-org-revision .uploading-downloading-wrapper {
    display: flex;
    flex-direction: row;
    gap: 20px;
    align-items: center;
    justify-content: center;
}

.ee-org-revision .uploading-downloading-message {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.ee-org-revision label[for=owner-switcher] {
    margin-right: 6px;
}

ee-org-revision .revision-left-menu .revision-no,
ee-org-revision .revision-left-menu .revision-no:hover {
    border: none;
    cursor: default;
}


/*END*******EE-ORG-REVISION */




/*START *******EE-APPROVAL-REQUEST */

.ee-approval-request .form-title {
    width: 100%
}

.ee-approval-request hr {
    width: 100%
}

.ee-approval-request .form {
    display: flex;
    flex-direction: row;
}

/*END*******EE-APPROVAL-REQUEST */






/************ GENERAL SEARCH *** START ********/



ee-general-search {
    display: flex;
    align-self: flex-start;
    justify-self: center;
    position: relative;
    top: 6px;
    margin: 0 auto 0 auto;
    align-items: flex-start;
    justify-content: center;
    justify-items: center;
    z-index: -1;
}

ee-general-search .input-wrapper {
    position: absolute;
}

ee-general-search ul {
    position: absolute;
    top: 40px;
    left: -160px;
    width: 550px;
    flex-direction: column;
    flex-wrap: nowrap;
    background-color: var(--white);
    border-radius: 8px;
}

ee-general-search input {
    position: absolute;
    left: -200px;
    justify-self: center;

    margin: 0 30px 0 30px;
    padding: 0 8px 0 46px;

    width: 400px;
    height: 35px;

    background: #D9EAF2;
    border-radius: 49px;
    border: none;
}

ee-general-search .search-icon {
    top: 6px;
    position: absolute;
    left: -153px;
    z-index: 1;
}

/************ GENERAL SEARCH *** END ********/

.rev-logs-wrapper {
    background-color: var(--gray05);
    padding: 10px;
    padding-top: 0;

    width: 100%;
    display: flex;
    justify-content: center;
}

.global-logs {
    background-color: var(--gray05);
    padding: 10px;
    padding-top: 0;
    display: flex;
    justify-content: center;
}


.global-logs table {
    table-layout: fixed;
}

.global-logs td {
    white-space: normal;
    max-width: 300px;
    word-wrap: normal;
}


/***********EE-XLSX */

ee-xlsx {
    margin: 0;
    padding: 0;
    height: calc(100% - 25px);
    display: flex;
}

ee-xlsx .luckysheet {
    border-top: none;
    background-color: var(--gray05);
    width: 100%;
}

ee-xlsx .luckysheet-wa-editor {
    background-color: var(--gray05);
}

ee-org-library ee-xlsx {
    height: calc(100vh - 135px);
}

ee-org-library ee-xlsx .luckysheet {
    height: 100%;
}


ee-org-revision .revision-wrapper {
    width: calc(100vw - 48px);
    height: calc(100vh - 184px);
    padding: 0;
    margin: 0;
}


.calc-wrapper {
    background-color: var(--gray05);
    padding: 0;
    margin: 0;
    width: 100%;
    height: calc(100% - 25px);
    display: flex;
    flex-direction: row;
}

.calc-wrapper ee-xlsx,
.calc-wrapper ee-structure-viewer {

    height: 100%;
    position: relative;
}


.calc-wrapper ee-3d-viewer {
    width: 100%;
    height: 100%;
}

.calc-wrapper ee-3d-viewer canvas {
    width: 100%;
    height: 100%;
}

.libs-wrapper {
    background-color: var(--gray05);
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
}

ee-3d-viewer {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1099;
}

ee-structure-viewer .threshold-legend .view-mode-switcher {
    display: none;
}

ee-structure-viewer .threshold-legend:hover>.view-mode-switcher {
    display: flex;
    /* width: 32px; */
    height: 28px;
    font-size: 14px;
    padding: 0px 8px;
}

ee-structure-viewer .threshold-legend .view-mode-switcher-value {
    display: flex;
    height: 20px;
    font-size: 14px;
    padding-top: 8px;
    padding-left: 12px;
}

ee-structure-viewer .threshold-legend:hover>.view-mode-switcher-value {
    display: none;
}


ee-structure-viewer .view-mode-switchers {
    position: absolute;
    left: 5px;
    top: 5px;
    z-index: 1100;
    display: flex;
    flex-direction: row;
    gap: 5px;
}

ee-org-revision #drag-me {
    width: 8px;
    background-color: var(--gray60);
    cursor: ew-resize;
    height: 100%;
    z-index: 1000;
}

ee-structure-viewer .dynamic-table {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    position: absolute;
    right: 2px;
    top: 1px;
    bottom: 10px;
    height: 98%;
}

ee-structure-viewer .toggle-local-coordinate-system {
    position: absolute;
    right: 2px;
    bottom: 5px;
    z-index: 1200;
    font-size: 14px;
    background-color: var(--gray0);
    color: var(--gray100);
    padding: 10px 12px;
    border-radius: 4px;
    cursor: pointer;
}

ee-structure-viewer .dynamic-table-button {
    position: absolute;
    right: 2px;
    top: 5px;
    z-index: 1200;
    /* width: 124px;
    height: 33px; */
    font-size: 14px;
    background-color: var(--gray0);
    color: var(--gray100);
    padding: 10px 12px;
    border-radius: 4px;
    cursor: pointer;
}

ee-structure-viewer .dynamic-table .dynamic-table-close {
    font-size: 18px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-end;
    height: 19px;
    cursor: pointer;
}

ee-structure-viewer .structure-tables {
    /* position: absolute;
    right: 5px;
    top: 5px; */
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    max-height: 80%;
    /* Removed as the table was being hidden at bottom */
    /* overflow-y: hidden; */
    z-index: 1101;
    background-color: var(--white);
    width: 100%;


}

ee-structure-viewer .threshold-container {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: flex-end;
    overflow-x: hidden;
    /* height: 34%; */

}


ee-structure-viewer .structure-filter-button {
    flex: 1;
    display: flex;
    min-height: 30px;
    flex-direction: column;
    justify-content: flex-start;

    cursor: pointer;
    border-radius: 4px;
}

.noselect {
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

ee-structure-viewer .filter-table-switch {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 32px;
    border-radius: 4px;
    padding: 3px 8px;
}

ee-structure-viewer .filter-table-controls {
    display: flex;
}

ee-structure-viewer input.filter-switch {
    display: none;
}

ee-structure-viewer input.filter-switch+label {
    display: block;
    position: relative;
    cursor: pointer;
}

ee-structure-viewer input.filter-switch+label {
    padding: 1px;
    width: 30px;
    height: 15px;
    background-color: var(--gray80);
    border-radius: 70px;
    border: 1px solid #ccc;
}

ee-structure-viewer input.filter-switch+label:after {
    display: block;
    position: absolute;
    content: "";
    width: 14px;
    height: 14px;
    /* margin-top:0.5px; */
    background-color: white;
    border-radius: 100%;
    box-shadow: 0 2px 3px #888;
    transition: margin 0.5s;
}

ee-structure-viewer input.filter-switch:checked+label {
    background-color: #008556;

}

ee-structure-viewer input.filter-switch:checked+label:after {
    margin-left: 15px;
}

ee-structure-viewer .structure-filter {
    border-radius: 4px;
    border: 1px solid black;
    text-align: center;
    width: 65px;
    background-color: var(--gray01);
    color: var(--gray100);
    padding: 8px;
    font-size: small;
    display: flex;
    align-items: center;
    justify-content: center;

}

ee-structure-viewer .structure-filter.filtered {
    background-color: var(--action-hover);
}

ee-structure-viewer .structure-tables-list {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 2px;
    max-height: 68vh;
    overflow-y: auto;
}



ee-structure-viewer .structure-tables th {
    font-weight: 800;
    border-style: solid;
    background-color: var(--gray80);
    border-color: var(--gray20);
    border-width: 1px;
    color: var(--blue-light);
    font-size: 13px;
    padding: 4px;

}

ee-structure-viewer .structure-tables td {
    font-weight: 500;
    border-style: solid;
    border-color: var(--gray60);
    border-width: 1px;
    background-color: var(--gray01);
    color: var(--gray100);
    font-size: 13px;
    padding: 4px;
}

ee-structure-viewer .structure-tables tr.selected td {
    background-color: #fff56c;
}

ee-structure-viewer .structure-tables td.centre {
    text-align: center;
}

ee-structure-viewer .structure-tables td.no {
    justify-content: end;
    text-align: right;
}

ee-structure-viewer .right-bottom-menu {
    position: absolute;
    left: 5px;
    bottom: 5px;
    z-index: 1200;
    display: flex;
    flex-direction: column;
    /* overflow: hidden; */
    gap: 5px;
    background-color: transparent;
    /* border: 1px solid var(--gray60); */
    border-radius: 4px;

}

ee-structure-viewer .context-menu {
    position: absolute;
    /* left: 65px;
    top: 65px; */
    z-index: 2100;
    display: flex;
    flex-direction: column;
    background-color: var(--gray0);
    border: 1px solid var(--gray40);
    padding: 4px;
    border-radius: 4px;
}



ee-structure-viewer .context-menu li {
    padding: 4px;
    margin: 0;
    gap: 0;
    cursor: pointer
}

ee-structure-viewer .context-menu hr {
    width: 100%
}

ee-structure-viewer .label-settings {
    position: absolute;
    z-index: 2101;
    top: 35%;
    left: 35%;
    display: flex;
    flex-direction: column;
    padding: 4px;
    border-radius: 4px;
    color: var(--gray100);
    background-color: var(--gray0);
    border: 1px solid var(--gray40);
}

ee-structure-viewer .label-settings .header {
    background-color: var(--gray60);
    display: flex;
    flex-direction: row;
    padding: 5px;
    justify-content: space-between;
    align-items: baseline;
}

ee-structure-viewer .label-settings .header .close {
    font-weight: 900;
    padding: 5px;
    cursor: pointer;
}

ee-structure-viewer .label-settings .instruction {
    font-weight: 200;
    font-size: small;
    margin: 5px 10px 15px 10px;
}

ee-structure-viewer .label-settings .description {
    font-weight: 800;
    font-size: large;
    margin-left: 10px;
}

ee-structure-viewer .label-settings .input-caption {
    margin: 2px 10px;
}

ee-structure-viewer .label-settings .input-caption .input {
    width: 80px;
    margin: 12px;
    padding: 5px;
    border-radius: 4px;
}

ee-structure-viewer .label-settings .button-row {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    padding: 3px;
}

ee-structure-viewer .label-settings .button-confirm {
    background-color: var(--gray60);
    padding: 6px;
    border-radius: 5px;
    cursor: pointer;
}

ee-structure-viewer .rotation-input {
    position: absolute;
    z-index: 2101;
    top: 35%;
    left: 35%;
    display: flex;
    flex-direction: row;
    align-items: baseline;
    gap: 15px;
    justify-content: space-between;
    background-color: #fff;
    padding: 4px;
    border-radius: 4px;
    color: var(--gray100)
}

ee-structure-viewer .rotation-input .description {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-weight: 800;
    font-size: large;
    margin-left: 5px;
}

ee-structure-viewer .rotation-input .input {
    width: 80px;
    margin: 12px;
    padding: 5px;
    border-radius: 4px;
    text-align: center;
}

ee-structure-viewer .rotation-input .close {
    font-weight: 900;
    padding: 5px;
    cursor: pointer;
    background-color: var(--gray40);
}

ee-structure-viewer .threshold-legend {
    display: flex;
    flex-direction: column;
    gap: 3px;
    /* position: absolute;
    right: 5px;
    bottom: 5px; */
    width: 170px;
    z-index: 1100;
    padding: 11px;
    padding-bottom: 5px;
    margin: 2px;
    border: 0px;
    border-radius: 6px;
    /* overflow: hidden; */
    background-color: var(--gray40);
}

ee-structure-viewer .threshold-legend .separate-line {
    border-bottom: var(--gray60) 1px solid;
    padding: 2px;
}

ee-structure-viewer .threshold-line {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin: 0px;
    padding: 0px;
}

ee-structure-viewer .threshold-add {
    display: flex;
    flex-direction: row;
    width: 100%;
    max-height: 20px;
    justify-content: center;
    font-weight: 800;
    font-size: larger;
    /* display: none; */
    visibility: hidden;
}

ee-structure-viewer .threshold-legend:hover>.threshold-add {
    /* display: flex; */
    visibility: visible;
}

ee-structure-viewer .threshold-legend:hover>.threshold-save {
    /* display: flex; */
    visibility: visible;
    justify-content: space-between;
}

ee-structure-viewer .threshold-legend:hover>.threshold-line>.threshold-to>.threshold-add-icon {
    visibility: visible;
}

ee-structure-viewer .threshold-from,
.threshold-to,
.threshold-to-value {
    width: 43px;
    height: 25px;
    padding: 0px;
    text-align: center;
}

ee-structure-viewer .threshold-legend:hover>.threshold-line>.threshold-to>.threshold-to-value {
    display: none;
}

ee-structure-viewer .threshold-legend:hover>.threshold-line>.threshold-to>.threshold-input {
    display: block;
}

ee-structure-viewer .threshold-legend:hover>.threshold-line>.threshold-delete span.material-icons-outlined.undefined {
    visibility: visible;
}

ee-structure-viewer .threshold-to-value {
    display: flex;
    align-items: center;
    justify-content: center;
}

ee-structure-viewer .threshold-input-left {
    width: 43px;
    height: 25px;
    padding: 1px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

ee-structure-viewer .threshold-input {
    width: 43px;
    height: 25px;
    padding: 1px;
    text-align: center;
    display: none;
}

ee-structure-viewer .threshold-add-icon {
    height: 25px;
    padding: 1px;
    text-align: center;
    visibility: hidden;
    cursor: pointer;
}

ee-structure-viewer .threshold-direction {
    width: 18px;
    padding: 0px;
    margin: 0px;
    text-align: center;
}

ee-structure-viewer .threshold-color {
    width: 24px;
    height: 24px;
    border: 0px;
    padding: 0px;
    margin: 0px;
    text-align: center;
    overflow: hidden;
    cursor: pointer;
}

ee-structure-viewer .threshold-color input {
    width: 24px;
    height: 24px;
    border: 0px;
    padding: 0px;
    margin: 0px;
    text-align: center;
    background: none;
    cursor: pointer;
}

ee-structure-viewer .threshold-units {
    padding-top: 1px;
    padding-bottom: 1px;
    text-align: center;
}

ee-structure-viewer .threshold-unit-years {
    text-align: left;
    display: block;
    padding-left: 9px;
    padding-top: 7px;
    font-size: 14px;
    padding-bottom: 3px;
    min-height: 14px;
}

ee-structure-viewer .threshold-units-switcher {
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 2px;
    width: 90%;
}

ee-structure-viewer .threshold-units-input {
    padding-top: 1px;
    padding-bottom: 0px;
    width: 90%;
    display: none;
    font-size: 14px;
}

ee-structure-viewer .threshold-legend:hover>.threshold-units>.threshold-units-input {
    display: flex;
}

ee-structure-viewer .threshold-legend:hover>.threshold-units>.threshold-unit-years {
    display: none;
}

ee-structure-viewer .threshold-save {

    visibility: hidden;
    border-top: var(--gray60) 1px solid;
}

ee-structure-viewer .threshold-action {
    text-align: center;
    font-weight: bold;
    padding: 8px;
    cursor: pointer;
}

ee-structure-viewer .threshold-action:hover {
    text-decoration: underline;
}

ee-structure-viewer .threshold-delete span.material-icons-outlined.undefined {
    font-size: 20px;
    cursor: pointer;
    visibility: hidden;
}

ee-structure-viewer .threshold-delete.empty {
    min-width: 24px;
}

ee-structure-viewer .data-tree-button {
    position: absolute;
    left: 5px;
    top: 2px;
    z-index: 1101;
    padding: 10px 12px;
    border: 0px;
    border-radius: 4px;
    background-color: var(--gray0);
    cursor: pointer;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    font-size: 14px;

}

ee-structure-viewer .data-browser {
    position: absolute;
    left: 1px;
    top: 1px;
    /* z-index: 1402; */
    padding: 1px;
    margin: 1px;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: flex-start;
    width: 600px;
    gap: 5px;
    height: 95%;
    /* background-color: var(--white); */
}

ee-structure-viewer .data-browser-container {
    /* position: absolute; 
     left: 1px; 
     top: 1px; */
    z-index: 1103;
    padding: 0px;
    margin: 1px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    /* width: 280px; */
    /* width:50%; */
    height: 100%;
    /* overflow-x:hidden; */
    background-color: var(--white);
    border-right: 1px solid var(--gray40);
}

ee-structure-viewer .comments-container {
    /* position:absolute; */
    /* right:20px; */
    /* bottom:10px; */
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    /* align-items: stretch; */
    flex-wrap: wrap;
    width: 100%;
    min-width: 215px;
    max-width: 380px;
    /* gap: 5px;
    width: auto;
    height: 400px; */
    overflow-x: hidden;
    background-color: var(--white);
    z-index: 1103;
    border-radius: 4px;
}

ee-structure-viewer .search-line {
    display: flex;
    flex-direction: row;
    width: 95%;
    height: 25px;
    align-items: baseline;
    justify-content: space-between;
    padding: 6px 5px;
}

ee-structure-viewer .search-line-elem {
    display: flex;
    justify-content: space-around;
    gap: 10px;
}

ee-structure-viewer .browser-collapse {
    cursor: pointer;
}

ee-structure-viewer .data-tree {
    display: flex;
    flex-direction: column;
    overflow-y: scroll;
    height: 100%;
    scrollbar-width: thin;
    overflow-x: hidden;
    gap: 5px;
    padding: 5px 10px;
}

ee-structure-viewer .data-tree-group-header {
    display: flex;
    flex-direction: row;
    gap: 5px;
    justify-content: space-between;
    align-items: center;
}

ee-structure-viewer .data-tree-group-header-files {
    display: flex;
    flex-direction: row;
    gap: 7px;
    justify-content: flex-start;
    align-items: center;
}

ee-structure-viewer .data-tree-group-header-files:hover>.folder-name {
    color: var(--action-hover);
}

ee-structure-viewer .data-tree-group-header-files:hover>.arrow-right i.icon-arrow-right-black {
    background-image: var(--arrow-right-orange);
}

ee-structure-viewer .data-tree-group-header-files:hover>.folder-icon i.icon-folder-empty {
    background-image: var(--folder-empty-orange);
}

ee-structure-viewer .data-tree-group ul {
    padding-left: 20px;
    background-color: var(--bg) 0.4;
}

ee-structure-viewer .data-tree-folder,
.data-tree-name {
    display: flex;
    flex-direction: row;
    gap: 8px;
    justify-content: flex-start;
    align-items: center;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    cursor: pointer;
}

ee-structure-viewer .checkbox-list {
    width: 14px;
    cursor: pointer;
}

ee-structure-viewer .checkbox-folder {
    width: 14px;
    height: 14px;
    margin: 0px;
    padding: 0px;
    color: var(--gray40);
    display: flex;
    align-items: center;
    justify-content: center;
}

ee-structure-viewer .checkbox-folder .checkIn-icon {
    font-size: 18px;
    vertical-align: middle;
}

ee-structure-viewer .checkbox-folder .checkIn-icon.marked {
    color: var(--action-hover);
}

ee-structure-viewer .checkbox-folder input[type="checkbox"] {
    appearance: none;
    font-size: 18px;
}


ee-structure-viewer .checkbox-folder input[type="checkbox"]:checked {
    appearance: none;
    font-size: 18px;
}

ee-structure-viewer .checkbox-files-folder {
    width: 14px;
    height: 14px;
    margin: 0px;
    padding: 0px;
    color: var(--gray40);
    display: flex;
    align-items: center;
    justify-content: center;
}

ee-structure-viewer .browser-item-name {
    font-size: 14px;
    font-weight: 500;
    padding-left: 10px;
}


ee-structure-viewer .arrow-right {
    display: flex;
    /* width: 7px; */
    /* height:12px; */
}

ee-structure-viewer .folder-icon {
    display: flex;
    width: 16px;
}

ee-structure-viewer .single-element {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 1px 0px;
    font-size: 14px;
    line-height: 19px;
    align-items: center;
    font-weight: 500;
    /* cursor: pointer; */
}

ee-structure-viewer .single-element:hover {
    color: var(--action-hover);
}

ee-structure-viewer .single-element:hover>.data-tree-details>.data-tree-comment>.comments-icon {
    color: var(--gray80);
    visibility: visible;
}

ee-structure-viewer .single-file-element {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    padding: 1px 0px;
    font-size: 14px;
    line-height: 19px;
    align-items: center;
    font-weight: 500;
    cursor: pointer;
    gap: 10px;
}


ee-structure-viewer .single-file-element:hover {
    color: var(--action-hover);
}

ee-structure-viewer .last-element {
    /* width: 14px; */
    /* height: 14px; */
    margin: 0px;
    padding: 0px;
    /* color: var(--gray40); */
    display: flex;
    align-items: center;
    justify-content: flex-start;
}


ee-structure-viewer .last-element .checkIn-icon {
    font-size: 18px;
    width: 18px;
    vertical-align: middle;
    padding: 0px;
    margin: 0px;
    color: var(--gray40);
    cursor: pointer;
}

ee-structure-viewer .last-element .checkIn-icon.marked {
    color: var(--action-hover);
}

ee-structure-viewer .last-element input[type="checkbox"] {
    appearance: none;
}

ee-structure-viewer .last-element input[type="checkbox"]:checked {
    appearance: none;
}

ee-structure-viewer .plane-name-edit {
    width: 160px;
    height: 25px;
    text-overflow: ellipsis;
    padding: 2px;
}

ee-structure-viewer .plane-name-edit:disabled {
    border: none
}

/* 
ee-structure-viewer .data-tree-folder:hover > .arrow-right > i.icon-arrow-right-black {
    background-image: var(--arrow-right-orange);
} */

ee-structure-viewer .data-tree-folder:hover>.data-tree-name>.arrow-right>i.icon-arrow-right-black {
    background-image: var(--arrow-right-orange);
}

ee-structure-viewer .data-tree-folder:hover>.data-tree-name>.folder-icon>i {
    background-image: var(--folder-empty-orange);
}

ee-structure-viewer .data-tree-folder:hover>.data-tree-name>.folder-name {
    color: var(--action-hover);
}

ee-structure-viewer .data-tree-group-header:hover>.data-tree-details>.data-tree-comment>.comments-icon {
    color: var(--gray80);
    visibility: visible;
}

ee-structure-viewer .folder-name,
ee-structure-viewer .folder-name * {
    color: var(--gray100);
    cursor: pointer;
}

ee-structure-viewer .folder-name.folder-files {
    font-size: 14px;
}

ee-structure-viewer .data-tree-details {
    display: flex;
    flex-direction: row;
    gap: 5px;
    justify-content: flex-end;
    align-items: center;
    font-size: 12px;
}

ee-structure-viewer .data-tree-details .icon-orange-dot-big {
    position: absolute;
    top: -1px;
    ;
    right: -2px;
    height: 10px;
    width: 10px;
}


ee-structure-viewer .data-tree-file {
    position: relative;
}

ee-structure-viewer .data-tree-file .icon-orange-dot {
    position: absolute;
    top: 0;
    right: 0;
    height: 6px;
    width: 6px;
}

ee-structure-viewer .data-tree-comment {
    position: relative;
    cursor: pointer;
    display: flex;
}

ee-structure-viewer .data-tree-comment .comments-icon {
    color: var(--gray80);
    visibility: hidden;
}

ee-structure-viewer .data-tree-comment .icon-done {
    position: absolute;
    bottom: 2px;
    right: 2px;
}

ee-structure-viewer .file-name {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    display: flex;
    align-items: center;
    /* font-style:italic;
  color: var(--action-hover);
  text-decoration:underline; */
    cursor: pointer;
}

ee-structure-viewer span.attach-file {
    font-size: 17px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: auto;
}

ee-structure-viewer .search-input {
    padding: 4px 8px;
    font-size: 12px;
    line-height: 15px;
    width: 100%;
    font-style: normal;
    border: 0px;
    display: flex;
    align-items: center;
    font-family: 'Inter';
    font-weight: 500;


}


ee-structure-viewer .search-input::placeholder {
    color: var(--gray80);
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
}

ee-structure-viewer .search-line-filter {
    position: relative;
}

ee-structure-viewer .search-line-filter .filterby-popup {
    position: absolute;
    left: 10px;
    /* top:20px; */
    /* height:200px; */
    /* width:150px; */
    padding: 15px 15px;
    background-color: var(--gray0);
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 1300;
    gap: 15px;
    cursor: default;
}

ee-structure-viewer .icon-data-filter.enabled {
    background-image: var(--data-filter-orange);
}


ee-structure-viewer .filterby-popup .filter-title {
    display: flex;
    /* align-self: flex-start;
   */
    justify-content: space-evenly;
    border-bottom: 1px solid var(--gray40);
    padding-bottom: 5px;
    width: 150px;
    font-size: 14px;
}


ee-structure-viewer .filterby-popup ul {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    gap: 5px;
    font-size: 14px;
}

ee-structure-viewer .filterby-popup li {
    padding: 5px 0px;
    cursor: pointer;
    width: 100%;
}

ee-structure-viewer .filterby-popup li.filtered {
    color: var(--action-hover);
}


ee-structure-viewer .filterby-popup li:hover {
    color: var(--action-hover);
    /* text-decoration:underline; */
    background-color: var(--gray01);
}

ee-structure-viewer .search-line-filter,
.browser-collapse {
    cursor: pointer;

}

ee-structure-viewer .comments-panel {
    /* position:absolute;
    right:20px;
    bottom:10px; */
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    /* min-width: 200px; */
    max-width: 380px;
    /* width:50%; */
    /* gap: 5px;
    width: auto;
    height: 400px; */
    background-color: var(--white);
    z-index: 1101;
    border-radius: 4px;
    border: 1px solid var(--gray60);
}

ee-structure-viewer .comments-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    word-break: break-word;
    background-color: var(--gray0);
    /* padding: 3px 10px; */
    border-radius: 4px;
}

ee-structure-viewer .comments-header .comments-header-id {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    padding-left: 3px;

}

ee-structure-viewer .comments-header .comments-header-id .rewind-icon {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    text-align: center;
    cursor: pointer;
}

ee-structure-viewer .comments-header .comments-header-id .comments-header-name {
    padding-left: 5px;
    font-size: 12px;
    font-weight: 700;
    line-height: 12px;
}

ee-structure-viewer .comments-header .comments-close {
    font-size: 12px;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 3px;
    cursor: pointer;
}

ee-structure-viewer .comments-search {
    background-color: var(--white);
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

ee-structure-viewer .comments-search-input .search-icon {
    font-size: 18px;
    width: 18px;
    height: 18px;
}

ee-structure-viewer .comments-search .comments-search-input {
    background-color: #f4f4f4;
    width: 90%;
    /* height: 34px; */
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    border-radius: 4px;
    padding: 1px 10px;
    margin: 10px 0px;
}

ee-structure-viewer .comments-search-input .search-input {
    width: 100%;
    border: 0px;
    background-color: #f4f4f4;
}



ee-structure-viewer .comments-browser {
    width: 100%;
    max-height: 350px;
    min-height: 150px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    background-color: var(--white);
    padding: 0px;
    margin: 0px;
    border-radius: 4px;
    overflow-y: scroll;
    overflow-x: hidden;
    scrollbar-width: thin;
    word-break: break-word;
    gap: 16px;
}

ee-structure-viewer .comments-browser .comment {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    /* gap: 5px; */
}

ee-structure-viewer .comments-browser .comment.resolved {
    opacity: 0.6;
}


ee-structure-viewer .comments-browser .comment .comment-title {
    display: flex;
    width: 100%;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    /* padding: 0px 8px; */
}

ee-structure-viewer .comments-browser .comment .comment-title .comment-desc {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    /* height: 36px; */
    justify-content: flex-start;
    /* padding: 0px 16px; */
    margin-left: 12px;
    vertical-align: middle;
    width: max-content;
}

ee-structure-viewer .comment-desc .comment-author {
    font-size: 12px;
    line-height: 15px;
    font-weight: 700;
    display: flex;
    align-items: center;
    color: var(--gray100);
}

ee-structure-viewer .comment-desc .comment-date {
    font-size: 12px;
    line-height: 15px;
    font-weight: 500;
    display: flex;
    align-items: center;
    color: var(--gray60);
}

ee-structure-viewer .comments-browser .comment .comment-title .comment-actions {
    /* width:41px;
    height:36px; */
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 5px;
    cursor: pointer;
    margin-right: 2px;
}

ee-structure-viewer .comment-actions .delete-icon .delete-icon {
    height: 18px;
    visibility: hidden;
}

ee-structure-viewer .comment-actions .status-icon .resolved-icon {
    /* width: 16px; */
    height: 16px;
    font-weight: 100;
    color: #6CBC8D;
}

ee-structure-viewer .comment-actions .status-icon .important-icon {
    /* width: 14px; */
    height: 16.25px;
    /* color: var(--action-hover); */
}

ee-structure-viewer .comment-actions .status-icon .none-icon {
    /* width: 14px; */
    height: 16.25px;
    color: var(--gray80);
    font-weight: 100;
    visibility: hidden;
    /* background-color: var(--action-hover); */
}

ee-structure-viewer .comments-browser .comment .comment-text {
    display: flex;
    flex-direction: column;
    /* width: 92%; */
    width: min-content;
    align-items: flex-start;
    /* padding: 0px 12px 8px; */
    /* gap: 3px; */
    font-size: 12px;
    font-weight: 300;
    line-height: 15px;
    color: var(--gray100);
    flex-wrap: wrap;
    margin-left: 12px;
    white-space: normal;
    word-wrap: break-word;
    overflow-x: auto;
    min-width: 250px;
}

ee-structure-viewer .comments-browser .comment .comment-text .file-url {
    font-style: italic;
    color: var(--action-hover);
    text-decoration: underline;
    cursor: pointer;
}

ee-structure-viewer .comments-browser .comment .comment-file {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    /* width:max-content; */
}

ee-structure-viewer .comments-browser .comment .comment-file span.file-icon {
    /* padding-left:12px; */
    margin-left: 12px;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

ee-structure-viewer .comments-browser .comment .comment-file .comment-details {
    width: min-content;
    display: flex;
    flex-direction: column;
    gap: 1px;
    align-items: center;
    justify-content: flex-start;
}

ee-structure-viewer .comments-browser .comment:hover {
    background: var(--bg);
}

ee-structure-viewer .comment:hover .delete-icon {
    color: var(--gray80);
    font-weight: 100;
    visibility: visible;
}


ee-structure-viewer .comment:hover .none-icon {
    visibility: visible;
}

ee-structure-viewer .add-comment {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    margin-top: 10px;
    gap: 10px;
    padding: 0px;
}

ee-structure-viewer .add-comment .add-comment-line {
    width: 95%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    background-color: var(--bg);
    /* padding: 0px 0px 0px 12px; */
    border-radius: 4px;
    /* height:36px; */
}

ee-structure-viewer .add-comment .add-comment-line .write-comment {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 300;
    font-size: 12px;
    line-height: 15px;
    color: var(--gray100);
    width: 100%;
}

ee-structure-viewer .add-comment .add-comment-line .write-comment input {
    font-style: normal;
    background-color: var(--bg) 0.4;
    border: 0px;
    width: 100%
}

ee-structure-viewer .add-comment .add-comment-line .action-buttons {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    /* padding: 2px 3px; */
    gap: 10px;
    cursor: pointer;
    /* width: 36px;
    height: 36px; */
}

ee-structure-viewer .add-comment .add-comment-line .action-buttons .attach-file-button {
    /* width: 12px;
    height: 16px; */
    /* color: var(--gray60); */
    font-weight: 500;
    cursor: pointer;
}

ee-structure-viewer .icon-attach-file {
    cursor: pointer;
}

ee-structure-viewer .addcomment-icon {
    cursor: pointer;
}

ee-structure-viewer .add-comment .add-comment-line .action-buttons .send-comment-button {
    /* width: 12px;
    height: 16px; */
    color: var(--gray60);
    font-weight: 100;
}


ee-structure-viewer .top-toolbar {
    position: absolute;
    top: 4px;

    left: calc(50% - 130px);
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    height: 44px;
    z-index: 1401;
}

ee-structure-viewer .top-toolbar .views-panel {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    gap: 4px;
    align-items: center;
    width: 314px;
    height: 44px;
    background-color: var(--gray0);
    border-radius: 0px 0px 8px 8px;
    padding-left: 12px;
    position: relative;
}

ee-structure-viewer .top-toolbar .views-panel .plane-toolbar-switch .toolbar-sensor-size {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background-color: rgba(255, 255, 255, 0.4);
    opacity: 0.8;
    /* width: 36px;
  height: 36px; */
    /* background-color:var(--bg); */
    /* margin-left: 12px; */
}

ee-structure-viewer .toolbar-sensor-size:hover>.icon-sensor-decrease {
    background-image: var(--minus-symbol-orange);
}

ee-structure-viewer .toolbar-sensor-size:hover>.icon-sensor-increase {
    background-image: var(--plus-symbol-orange);
}



ee-structure-viewer .plane-toolbar-switch:hover>.icon-plane-menu {
    background-image: var(--plane-menu-orange);
}

ee-structure-viewer .top-toolbar .views-panel .plane-toolbar-switch .toolbar-sensor-size i {
    background-color: var(--white);
    padding: 4px 4px 4px 8px;
    width: 21px;
    /* height: 21px; */
    border-radius: 4px;
    cursor: pointer;
    color: #6CBC8D;
}


ee-structure-viewer .top-toolbar .views-panel .selection-mode-switch {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background-color: rgba(255, 255, 255, 0.4);
    opacity: 0.8;
    border-radius: 2px;
}

ee-structure-viewer .top-toolbar .views-panel .selection-mode-switch i {
    background-color: #d9d9d9;
    padding: 6px;
    width: 24px;
    height: 24px;
    /* height: 21px; */
    border-radius: 1px;
    cursor: pointer;
}

ee-structure-viewer .selection-mode-switch:hover>.icon-selection-mode {
    background-image: var(--selection-mode-orange);
}

ee-structure-viewer .selection-mode-switch:hover>.icon-display-segments {
    background-image: var(--display-segments-orange);
}

ee-structure-viewer .icon-display-segments {
    background-image: var(--display-segments-orange);
}

ee-structure-viewer .top-toolbar .views-panel .view-dropdown {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    /* background-color:var(--white); */
    width: 100%;
}

ee-structure-viewer .top-toolbar .views-panel .view-dropdown .view-mode-switcher {
    padding: 8px 8px;
    width: 90%;
}

ee-structure-viewer .top-toolbar .views-panel .view-dropdown .view-mode-switcher option {
    font-weight: normal;
    display: block;
    white-space: nowrap;
    min-height: 1.2em;
    padding: 0px 2px 1px;
}


ee-structure-viewer .top-toolbar .display-menu {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 5px;
    align-items: center;
    background-color: var(--gray0);
    width: 72px;
    height: 44px;
    border-radius: 0px 0px 8px 8px;
    margin: 0px 4px;
    padding: 0px 12px;
}



ee-structure-viewer .top-toolbar .display-menu .fullscreen-switch {
    width: 36px;
    height: 36px;
    background-color: var(--white);
    border-radius: 4px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    color: var(--gray80);
    cursor: pointer;
}

ee-structure-viewer .top-toolbar .display-menu .fullscreen-switch i {
    background-color: var(--white);
    padding: 4px 4px 4px 8px;
    width: 21px;
    /* height: 21px; */
    border-radius: 4px;
    cursor: pointer;
}

ee-structure-viewer .top-toolbar .display-menu .fullscreen-switch:hover>span {
    color: var(--action-hover);
}

ee-structure-viewer .top-toolbar .dark-mode {
    display: flex;
    flex-direction: row;
    justify-content: center;
    /* gap:5px; */
    align-items: center;
    background-color: var(--gray0);
    height: 44px;
    width: 98px;
    border-radius: 0px 0px 8px 8px;
    /* cursor: pointer; */
}

ee-structure-viewer .top-toolbar .dark-mode .dark-mode-switch {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 40px;
    width: 74px;
    border-radius: 4px;
    color: var(--gray80);
    gap: 10px;
    cursor: pointer;
}

ee-structure-viewer .top-toolbar .dark-mode .dark-mode-switch:hover>span {
    color: var(--action-hover);
}

ee-structure-viewer .plane-toolbar {
    position: absolute;
    top: 54px;
    left: calc(50% - 250px);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    /* width: 600px; */
    height: 44px;
    z-index: 1400;
    background-color: var(--gray0);
    border-radius: 8px;
    gap: 12px;
    padding: 0px 12px;
}

ee-structure-viewer .plane-toolbar .new-plane,
.plane-align,
.plane-flip,
.plane-label,
.plane-download {
    width: 36px;
    height: 36px;
    border-radius: 4px;
    background-color: rgba(255, 255, 255, 0.4);
    opacity: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: relative;
}

ee-structure-viewer .plane-toolbar .new-plane:hover>i {
    background-image: var(--new-plane-orange);
}

ee-structure-viewer .plane-toolbar .new-plane.enabled i {
    cursor: pointer;
    background-image: var(--new-plane-orange);
}


ee-structure-viewer .plane-toolbar .plane-flip:hover>i {
    background-image: var(--view-plane-flip-orange);
}

ee-structure-viewer .plane-toolbar .plane-label:hover>i {
    background-image: var(--view-labels-orange);
}

ee-structure-viewer .plane-toolbar .plane-download:hover>i {
    background-image: var(--view-download-as-orange);
}

ee-structure-viewer .plane-toolbar .plane-align:hover>i {
    background-image: var(--normal-to-plain-orange);
}

ee-structure-viewer .plane-toolbar .plane-rotate-left:hover>span {
    color: var(--action-hover);
}

ee-structure-viewer .plane-toolbar .plane-rotate-right:hover>span {
    color: var(--action-hover);
}

ee-structure-viewer .plane-toolbar .plane-rotation {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    gap: 12px;
    border-radius: 4px;
    height: 36px;
    background-color: rgba(255, 255, 255, 0.4);
    opacity: 0.8;
    padding: 0px 4px;
    position: relative;
}

ee-structure-viewer .plane-toolbar .plane-rotation .plane-rotate-left,
.plane-rotate-right {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    cursor: pointer;
    position: relative;
}

ee-structure-viewer .plane-toolbar .plane-rotation .plane-rotate-display {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 150%;

    /* or 21px */
    display: flex;
    align-items: center;
    text-align: center;
    width: 45px;
    justify-content: center;
    color: var(--gray100);
    opacity: unset;
}

ee-structure-viewer .plane-toolbar .plane-rotation .plane-rotate-display:hover {
    border-bottom: 2px solid var(--action-hover);
    color: black;
    opacity: unset;
}

/*
 ee-structure-viewer .top-toolbar .dark-mode .dark-mode-switch .brightness-change {
  width: 18px;
  height:18px; 

} */

/* ee-structure-viewer .top-toolbar .dark-mode .dark-mode-switch .toggle-off {
  width: 35px; 
  height:18px;
} */

ee-structure-viewer .set-context-menu {
    position: absolute;
    /* left: 65px;
    top: 65px; */
    z-index: 2100;
    display: flex;
    flex-direction: column;
    background-color: var(--gray01);
    border: 1px solid var(--gray05);
    padding: 10px;
    gap: 5px;
    border-radius: 4px;
    align-items: flex-start;
}

ee-structure-viewer .set-context-menu li {
    padding: 5px 10px;
    margin: 5px 0px;
    text-align: left;
}

ee-structure-viewer .sensor-context-menu {
    position: absolute;
    z-index: 2100;
    display: flex;
    flex-direction: column;
    background-color: var(--gray01);
    border: 1px solid var(--gray05);
    padding: 10px;
    gap: 5px;
    border-radius: 4px;
    align-items: flex-start;
}

ee-structure-viewer .sensor-context-menu li {
    padding: 5px 10px;
    /* margin: 5px 0px; */
    text-align: left;
}

ee-structure-viewer .sensor-context-menu li:hover {
    background-color: var(--gray05);
    cursor: pointer;
}


ee-structure-viewer .set-context-menu li:hover {
    background-color: var(--gray40);
    /* width:100%; */
    /* padding-left: 0px; */
    /* padding-right:0px; */
    cursor: pointer;
}

ee-structure-viewer .plane-context-menu {
    position: absolute;
    z-index: 2100;
    display: flex;
    flex-direction: column;
    background-color: var(--gray01);
    border: 1px solid var(--gray05);
    padding: 10px;
    gap: 5px;
    border-radius: 4px;
    align-items: flex-start;
}

ee-structure-viewer .plane-context-menu li {
    padding: 5px 10px;
    /* margin: 5px 0px; */
    text-align: left;
}

ee-structure-viewer .plane-context-menu li:hover {
    background-color: var(--gray05);
    cursor: pointer;
}


ee-structure-viewer .context-menu li:hover {
    background-color: var(--gray40);
    cursor: pointer;
}


ee-structure-viewer .set-name-edit {
    height: 25px;
    text-overflow: ellipsis;
    padding: 2px;
    color: var(--gray100);
    font-size: 14px;
}

ee-structure-viewer .set-name-edit:disabled {
    border: none;
    color: var(--gray100);
}

ee-structure-viewer .files-context-menu {
    position: absolute;
    /* left: 65px;
    top: 65px; */
    z-index: 2100;
    display: flex;
    flex-direction: column;
    background-color: var(--gray01);
    border: 1px solid var(--gray05);
    padding: 10px;
    gap: 5px;
    border-radius: 4px;
    align-items: flex-start;
}

ee-structure-viewer .files-context-menu li {
    padding: 5px 10px;
    margin: 5px 0px;
    text-align: left;
}

ee-structure-viewer .files-context-menu li:hover {
    background-color: var(--gray40);
    /* width:100%; */
    /* padding-left: 0px; */
    /* padding-right:0px; */
    cursor: pointer;
}

ee-org-revision .asset-dashboard,
ee-org-revision .download-xls,
ee-org-revision .upload-xls,
ee-org-revision .show-global-coordinate-system,
ee-org-revision .show-toolbar,
ee-org-revision .viewport-switch,
ee-org-revision .icon-view-port-top,
ee-structure-viewer .new-plane-container,
ee-structure-viewer .icon-data-filter,
ee-org-revision .fullscreen-switch {
    position: relative;
}

ee-structure-viewer .plane-download:hover>.tooltip-container,
ee-structure-viewer .labels-settings-textup:hover>.tooltip-container,
ee-structure-viewer .plane-label:hover>.tooltip-container,
ee-structure-viewer .plane-rotate-right:hover>.tooltip-container,
ee-structure-viewer .plane-rotate-left:hover>.tooltip-container,
ee-structure-viewer .plane-rotate-display:hover>.tooltip-container,
ee-structure-viewer .new-plane-container:hover>.tooltip-container,
ee-structure-viewer .plane-align:hover>.tooltip-container,
ee-structure-viewer .plane-flip:hover>.tooltip-container,
ee-structure-viewer .icon-data-filter:hover>.tooltip-container,
ee-structure-viewer .selection-mode-switch:hover>.tooltip-container,
ee-structure-viewer .plane-toolbar-switch:hover>.tooltip-container,
ee-structure-viewer .toolbar-sensor-size:hover>.tooltip-container,
ee-org-revision .asset-dashboard:hover>.tooltip-container,
ee-org-revision .asset-dashboard.square-button:hover>.tooltip-container,
ee-org-revision .download-xls:hover>.tooltip-container,
ee-org-revision .upload-xls:hover>.tooltip-container,
ee-org-revision .show-global-coordinate-system:hover>.tooltip-container,
ee-org-revision .show-global-coordinate-system.square-button:hover>.tooltip-container,
ee-org-revision .show-toolbar:hover>.tooltip-container,
ee-org-revision .show-toolbar.square-button:hover>.tooltip-container,
ee-org-revision .icon-view-port-top:hover>.tooltip-container,
ee-org-revision .fullscreen-switch:hover>.tooltip-container {
    visibility: visible;
    z-index: 3000;
    display: flex;
}



.tooltip-container {
    position: absolute;
    background-color: var(--gray0);
    width: 100px;
    /* height: 100%; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    padding: 15px 15px;
    visibility: hidden;
    border-radius: 4px;
    opacity: 1;
    color: var(--gray80) 0.9;
    left: -20px;
    top: 45px;
    text-align: center;
}


ee-structure-viewer .view-menu {
    position: absolute;
    top: 0px;
    right: calc(50vw - 30vw);
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: center;
    gap: 5px;
    z-index: 3100;
    padding: 5px 15px;
}

ee-structure-viewer .view-menu .view-menu-part {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    flex-wrap: nowrap;
    align-items: center;
    height: 25px;
    gap: 10px;
    padding: 5px 10px;
    border: 1px solid #ffffff;
    border-radius: 8px;
    background-color: var(--gray05);
    color: var(--gray80);
}

ee-structure-viewer .screen-split-switch {
    width: 82px;
    display: flex;
    justify-content: center;
    gap: 3px;
    align-items: center;
}

ee-structure-viewer .screen-switch {
    padding: 4px;
    cursor: pointer;
    border: 0px;
}

ee-structure-viewer .views-list {
    background-color: var(--white);
    width: 180px;
    color: var(--gray80);
    height: 30px;
    border-radius: 3px;
    border: 1px solid;
    border-color: var(--gray40);
    text-align: left;

}


ee-structure-viewer .labels-settings-popup {
    position: absolute;
    right: 10px;
    /* width: 213px; */
    height: 90px;
    background-color: var(--gray0);
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 7px;
    padding: 0px 13px;
    z-index: 1300;
}

ee-structure-viewer .labels-settings-popup .labels-settings-options {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    height: 50px;
    font-size: 12px;
}

ee-structure-viewer .labels-settings-popup .labels-settings-title {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: var(--gray80);
}

ee-structure-viewer .labels-settings-popup .labels-settings-options .labels-settings-textup,
.labels-settings-textdown,
.labels-settings-hide,
.labels-settings-open {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 13px;
    width: 36px;
    height: 36px;
    /* color: #1C1B1F; */
    /* opacity: 40%; */
    padding: 10px 10px;
    background-color: var(--white);

}

ee-structure-viewer .labels-settings-popup .labels-settings-options .labels-settings-textup span,
.labels-settings-textdown span,
.labels-settings-hide span,
.labels-settings-open span {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    /* width:36px; */
    /* height:36px; */
    color: #1C1B1F;
    opacity: 80%;
}


ee-structure-viewer .labels-settings-popup .labels-settings-options:hover>i {
    background-image: var(--xls-rectangle-orange);
    cursor: pointer;

}

ee-planes-manager {
    display: flex;
    flex-direction: column;
}

ee-planes-manager .planes-manager-box {
    padding: 4px;
    background-color: #fff;
}

ee-planes-manager .planes-top-bar {
    display: flex;
    justify-content: space-between;
    vertical-align: middle;
}

ee-planes-manager .action-button {
    cursor: pointer
}

ee-planes-manager .planes-container {
    display: flex;
    flex-direction: column;
    margin: 4px 4px 12px 4px;
}

ee-planes-manager .planes-list {
    border: 2px solid #ccc;
    width: 200px;
    max-height: 300px;
    overflow-y: scroll;
    padding: 2px;
    margin-bottom: 4px;
}

ee-planes-manager .planes-list-item {
    display: flex;
}

ee-planes-manager .planes-edit {
    display: flex;
    justify-content: flex-start;
    gap: 12px;
    margin-bottom: 2px;
}

ee-planes-manager .planes-buttons {
    display: flex;
    padding-top: 4px;
    flex-direction: column;
    justify-content: space-between;
}

ee-planes-manager .planes-buttons-row {
    display: flex;
    flex-direction: row;
    padding: 4px;
    gap: 5px;
    justify-content: space-between;
}

ee-planes-manager .planes-buttons-row-last {
    display: flex;
    flex-direction: row;
    padding: 4px;
    gap: 5px;
    justify-content: flex-end;
}

ee-planes-manager .plane-name-edit {
    width: 160px;
    height: 25px;
    text-overflow: ellipsis;
    padding: 2px;
}

ee-planes-manager .plane-name-edit:disabled {
    border: none
}

ee-planes-manager .plane-menu {
    position: absolute;
    top: 40px;
    right: calc(50vw - 30vw);
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: center;
    gap: 12px;
    background-color: var(--gray05);
    color: #ffffff;
    border: 1px solid #ffffff;
    border-radius: 5px;
    z-index: 3100;
    padding: 5px 15px;
}

ee-planes-manager .plane-menu-new {
    color: black;
    background-color: #ffffff;
}

ee-planes-manager .plane-menu-close {
    border-radius: 0px;
    width: 20px;
    min-width: 20px;
    height: 20px;
    min-height: 20px;
    color: black;
    background-color: #ffffff;
    font-weight: 800;
}

ee-planes-manager .plane-menu-rotate {
    border-radius: 50px;
    width: 120px;
    min-width: 120px;
    height: 30px;
    min-height: 30px;
    color: black;
    background-color: #ffffff;
    font-weight: 600;
    display: flex;
    gap: 4px;
    justify-content: center;
    align-items: center;
}

ee-structure-viewer .plane-rotation-edit {
    height: 25px;
    text-overflow: ellipsis;
    padding: 2px;
    color: var(--gray100);
    font-size: 14px;
    width: 100%;
    text-align: center;
}

ee-structure-viewer .plane-rotation-edit:disabled {
    border: none;
    color: var(--gray100);
}

ee-planes-manager .plane-menu-list {
    background-color: var(--white);
    width: 180px;
    color: var(--gray80);
    height: 30px;
    border-radius: 5px;
    text-align: left;
}


ee-planes-manager .plane-menu-rotate .direction {
    padding: 5px;

}

ee-planes-manager .plane-menu-rotate .degree {
    padding: 5px;
}

ee-org-revision .viewport-switch {
    width: 44px;
    height: 36px;
    background-color: var(--white);
    border-radius: 3px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px 4px;
    cursor: pointer;
    color: var(--gray80);
    position: relative;
}

ee-org-revision .viewport-border {
    border-radius: 4px;
    border: 1px solid var(--white);

}

ee-org-revision .viewport-border:hover {
    border-radius: 4px;
    border: 1px solid var(--action-hover);
}

ee-org-revision .viewport-switch i {
    width: 100%;
}

ee-org-revision .viewport-switch:hover>i.icon-view-port-top {
    background-image: var(--view-port-orange);
}

ee-org-revision .viewport-popup {
    position: absolute;
    /* top:48px; */
    /* top: 180px; */
    /* left:234px; */
    right: 10px;
    width: 213px;
    height: 90px;
    background-color: var(--gray0);
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
    z-index: 1300;
}

ee-org-revision .viewport-popup .viewport-options {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}

ee-org-revision .viewport-popup .viewport-title {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: var(--gray80);
}

ee-org-revision .viewport-popup .viewport-options .viewport-table,
.viewport-split,
.viewport-3d {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
    width: 50px;
}

ee-org-revision .viewport-popup .viewport-options .viewport-table i {
    /* width: 15px; */
    width: 50px;
    height: 36px;
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 4px;
}

ee-org-revision .viewport-popup .viewport-options .viewport-split i {
    /* width: 41px; */
    width: 62px;
    height: 36px;
    background-color: var(--gray0);
}

ee-org-revision .viewport-popup .viewport-table:hover>i {
    background-image: var(--xls-rectangle-orange);
    cursor: pointer;

}

ee-org-revision .viewport-popup .viewport-options .viewport-split {
    width: 62px;
    /* height: 36px; */
}

ee-org-revision .viewport-popup .viewport-split:hover>i {
    background-image: var(--view-port-orange);
    cursor: pointer;
}

ee-org-revision .viewport-popup .viewport-options .viewport-3d i {
    /* width:14px; */
    width: 45px;
    height: 36px;
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 4px;
}

ee-org-revision .viewport-popup .viewport-options .viewport-3d {
    width: 45px;
    /* background-color: rgba(255,255,255,0.4); */
    /* border-radius:4px; */
    /* height: 36px; */
}

ee-org-revision .viewport-popup .viewport-3d:hover>i {
    background-image: var(--cube-orange);
    cursor: pointer;
}

ee-org-revision .viewport-popup .viewport-options .viewport-desc {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 300;
    font-size: 12px;
    line-height: 15px;
    color: var(--gray80);
    /* background-color:var(--gray0); */
}



ee-org-revision .fullscreen .top-nav.left,
ee-org-revision .fullscreen .main-menu {
    display: none
}

ee-org-revision .fullscreen .revision-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: calc(100vh - 60px);
    padding: 0;
    margin: 0;
}

ee-org-revision .fullscreen .calc-wrapper,
ee-org-revision .fullscreen .libs-wrapper {
    width: 100%;
    height: 100%;
    bottom: 0;
    right: 0;
    margin: 0;
    padding: 0;
}

ee-org-revision .change-space {
    display: flex;
    flex-direction: row;
    gap: 5px;
    justify-content: space-between;
    position: absolute;
    left: calc(100vw/2);
    top: calc(100vw/4);
    width: 40px;
    z-index: 3005;
    padding: 5px;
    margin: 5px;
    border: 0px;
    border-radius: 5px;
    overflow: hidden;
    background-color: var(--gray40);
}

ee-org-revision .button-size {
    font-weight: 800;
    font-size: larger;
    cursor: pointer;
}

/*END*******EE-XLSX */





/******* MDULES DOCS START *******************/


.ee-modules-docs {
    --anchor-offset: 58px;
}

.ee-modules-docs h1 {
    padding: 12px 0;

}


.ee-modules-docs .anchor {
    /**ANCHOR OFFSET  to prevent hiding anchor behind the top nav bar *******/
    padding-top: var(--anchor-offset);
    margin-bottom: calc(0px - var(--anchor-offset));
    display: block;
    position: relative;
    top: calc(0px - var(--anchor-offset));
    z-index: -1;
}

.ee-modules-docs .toc {
    /**ANCHOR OFFSET  to prevent hiding anchor behind the top nav bar *******/
    line-height: 1.5em;
}

.ee-modules-docs .toc li:hover {
    /**ANCHOR OFFSET  to prevent hiding anchor behind the top nav bar *******/
    text-decoration-line: underline;
}

/******* MDULES DOCS END *******************/



/******* ORG SETTINGS **** START **************/

ee-org-settings .org-image {
    color: transparent;
    width: 455px;
    height: 70px;
    border: 1px solid var(--gray40);
    border-radius: 8px;
    justify-content: center;

}

ee-org-settings .org-image input {
    display: none
}

ee-org-settings .global-settings-fields-wrapper {
    display: flex;
    gap: 24px;
    flex-direction: column;
}

/******* ORG SETTINGS **** END **************/