@import url("https://fonts.googleapis.com/css?family=Muli:300,400,900,900i&display=swap");

body {
  font-family: Muli, Tahoma, sans-serif;
}

#Header a {
  font-family: Muli, Tahoma, sans-serif;
  text-transform: uppercase;
}

:root {
  --theme-black: #212721;
  --theme-white: #fff;
  --theme-primary: #1ed75f;
}

.MAX-Archive {
  --theme-primary: #09c4da;
}

select {
  background-image: url("./img/angle-down.svg");
}

.MAX-Archive select {
  background-image: url("./img/angle-down-archive.svg");
}

html
  body
  #modal.view
  #CentralSpaceMiddle
  .PageBody
  .PageBodyTop
  .PageBodyLeft
  #previewimagewrapper
  .NoPreviewIconContainer
  .NoPreviewExtension,
html
  body
  #modal.view
  #CentralSpaceMiddle
  .PageBody
  .PageBodyTop
  .PageBodyLeft
  #previewimagewrapper
  .NoPreviewIconContainer
  .NoPreviewIcon,
.Listview .ListviewStyle tbody tr td.ListTools a:hover,
html
  body
  #CentralSpace.view
  #CentralSpaceMiddle
  .PageHeader
  h1
  #original_path
  a.ClipboardCopy
  i,
.TabBar .Tab.TabSelected a,
.ZTabBar .ZTab.ActiveTab a,
html
  body
  #modal.view
  #CentralSpaceMiddle
  .PageHeader
  h1
  #original_path
  a.ClipboardCopy
  i,
.Listview
  .ListviewStyle
  thead
  th.TDCheckbox
  input[type="checkbox"]:checked
  + label::after,
.Listview
  .ListviewStyle
  thead
  .ListviewTitleStyle
  th.TDCheckbox
  input[type="checkbox"]:checked
  + label::after,
input[type="checkbox"]:checked + label::after,
.fa-sync-alt:before,
html body #Header #HeaderNavRight ul li#HeaderUpload a i,
html
  body
  #CentralSpace
  #CentralSpaceLeft
  #CentralSpaceLeftNav
  #CentralSpaceLeftDisplayOptions
  i,
a {
  color: var(--theme-primary);
}

.ZTabBar .ZTab.ActiveTab,
html body #Header #HeaderNavLeft #HeaderLinksContainer li.current {
  border-color: var(--theme-primary);
}

.ListviewTitleStyle,
.TableEnd {
  background-color: var(--theme-primary) !important;
  text-transform: uppercase;
}

/* List view table header */
.ListviewTitleStyle a,
.ListviewTitleStyle .ListToolsColumn {
  font-size: 14px !important;
}

.Listview thead tr:first-child th {
  position: sticky;
  top: 0;
  background-color: var(--theme-primary);
  z-index: 100;
}

input[type="submit"],
button,
.upload-button-wrap label {
  background-color: transparent;
  border: 2px solid var(--theme-primary);
  color: var(--theme-primary);
  border-radius: 0;
  font-family: Muli, Tahoma, sans-serif;
  font-weight: 700;
  font-size: 0.9rem;
  text-transform: uppercase;
  transition: all 200ms;
}

input[type="submit"]:hover,
button:hover,
.upload-button-wrap label:hover {
  background-color: var(--theme-primary);
  color: var(--theme-white);
}

/* breadcrumb chevrons */

.searchcrumbs i,
#modal .PageHeaderLeft i,
#original_path i {
  transform: translateY(3px);
}

/* breadcrumb actions */
.SingleResultsPaging,
.ModalActions {
  white-space: nowrap;
}

#AboutUs {
  display: none;
}

/* ----LOGIN---- */
#CentralSpaceLogin {
  margin: 0 !important;
  padding: 40px !important;
  width: calc(100% - 80px) !important;
  height: 100% !important;
  border-radius: 0 !important;
  color: white;
  background-image: url("./img/BG.svg");
  background-size: cover;
}

.MAX-Archive #CentralSpaceLogin {
  background-image: url("./img/BG-Archive.svg");
}

#CentralSpaceLogin #CentralSpaceMiddle {
  width: 100%;
}

#CentralSpaceLogin .MAXLogin {
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: stretch;
  height: 100%;
  width: 100%;
  padding-top: 150px;
}

#CentralSpaceLogin .MAXLogo {
  background-image: url("./img/Cloud.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-bottom: 160px;
  height: 300px;
  position: relative;
}

#CentralSpaceLogin .MAXLogo::after {
  content: "";
  position: absolute;
  bottom: -90px;
  height: 50px;
  width: 100%;
  background-image: url("./img/MAX_EnhancedWorkflow_White.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

#CentralSpaceLogin .MAX-AD_Enter {
  display: flex;
  justify-content: center;
}

#CentralSpaceLogin .MAX-AD_Enter a {
  color: white;
  box-shadow: inset 0 0 0 0 white;
  border: 2px solid white;
  padding: 15px 140px;
  margin: -15px -140px;
  transition: color 0.3s ease-out, box-shadow 0.3s ease-out;
  max-width: 100%;
}

#CentralSpaceLogin .MAX-AD_Enter a:hover {
  box-shadow: inset 400px 0 0 0 white;
  color: var(--theme-primary);
}

#CentralSpaceLogin .MAXCopyright {
  position: absolute;
  left: 40px;
  bottom: 40px;
}
#CentralSpaceLogin .MAXCopyright .MAXCopyrightNoteLang {
  font-size: 10px;
  max-width: 300px;
  line-height: 10px;
}
/* ----END LOGIN---- */