@MasterColor: #62629a;
@MasterColorClone: #62629a;

.ne-master-color {
	color: @MasterColor;
}

.ne-master-color-hover:hover {
	color: @MasterColor;
}

.ne-master-background {
	background-color: lighten(@MasterColor,20%) !important;
}

.ne-master-background-hover:hover {
	background-color: lighten(@MasterColor,20%) !important;
}

.navtree .navtree-folder {
	@navtree-hover-color: lighten(@MasterColor,20%);
	color: #7a7878;

	&:hover {
		& when (luma(@navtree-hover-color) < 55%) {
			color: #ffffff;
		}

		.name .edit-rights when (luma(@navtree-hover-color) < 55%) {
			color: #fafafa;
		}

        .icon-forbidden-large when (luma(@navtree-hover-color) < 55%) {
            color: #fafafa;
        }

        .icon-forbidden-large {
            background-color: @navtree-hover-color;
        }

        .share-folder-user-icon when (luma(@navtree-hover-color) < 55%) {
            color: #7a7878 !important;
        }

        .fa-star when (luma(@navtree-hover-color) < 55%) {
            color: #7a7878;
        }

		&::before, &:before {
			background-color: @navtree-hover-color !important;
		}
	}
	&.active {
		& when (luma(@MasterColor) < 55%) {
			color: #ffffff;
		}
		.name .edit-rights when (luma(@navtree-hover-color) < 55%) {
			color: #fafafa;
		}

        .icon-forbidden-large {
            background-color: @MasterColor !important;
        }

		&::before, &:before {
			background-color: @MasterColor !important;
		}
	}
}

.left-panel {
  .section {
    .is-current-target {
      background-color: @MasterColor !important;
    }

    .header-area:hover {
      &.entry:not(.main) {
        background-color: lighten(@MasterColor,20%) !important;

        &.is-current-target {
          background-color: darken(@MasterColor,20%) !important;
        }
      }
    }
  }
}

.folder-picker-modal{
  .header-area {
     &.entry {
       &.is-current-target {
         background-color: darken(@MasterColor,20%);
       }
     }
  }

  .header-area:hover {
     &.entry {
       background-color: darken(@MasterColor,20%);
     }
  }
}

.upload-page {
  .center {
    .middle-column {
      .major-icon {
        svg {
          fill: @MasterColor;
        }
      }

      .title {
        color: @MasterColor;
      }
    }
  }

   .footer {
      .redline {
        background-color: @MasterColor;
      }
   }
}

.download-page {
  .center {
    .middle-column {
      .major-icon {
        svg {
          fill: @MasterColor;
        }
      }

      .title {
        color: @MasterColor;
      }

      .password-area {
        .input-password {
          .label {
            color: @MasterColor;
          }
        }
      }
    }
  }

   .footer {
      .redline {
        background-color: @MasterColor;
      }
   }
}

.modal {
  .header-area {
    .major-icon {
      svg {
        fill: @MasterColor;
      }
    }
  }
}

.customization-modal{
  .preview {
    .wrapper {
      .mockup {
        .nav-menu {
          ul {

            li:hover {
              background-color: lighten(@MasterColorClone,20%);
            }

            li {
              &.highlighted {
                background-color: @MasterColorClone;
              }

              &.highlighted:hover {
                background-color: darken(@MasterColorClone,20%);
              }
            }
          }
        }
        .mini-modal {
          .major-icon {
            svg {
              fill: @MasterColorClone;
            }
          }
        }
      }
    }
  }
}