@import url("/frm/css/styles-general.css");

@import url("/sys/css/system.css");

.backEndMain {
  background-color: gray;
  box-shadow: 1em 1em 0.5em 0 #00000059;
}

main {
  background-color: #647796;
}

body {
  background-color: #303237;
  position: fixed;
  height: 100vh;
  width: 100vw;
  top: 0;
}

.loginbox,
.loginbox legend {
  background-color: #cacaca;
}

.loginbox input {
  background-color: #ffffff;
  border-color: #8f1515;
  color: #000000;
}

.loginbox input:disabled {
  background-color: transparent;
  color: #363636;
}

.sysUserSettings-YourPhoto .imgPlaceholder {
  border-radius: 50%;
}

#body-main.dialogPage {
  background-color: #e7e7e7ea;
  height: auto;
  min-height: 10em;
}

#body-main.dialogPage #body-content.backEndBody {
  background-color: #e7e7e7ea;
  height: auto;
}

page {
  background-color: #680b0b;
}

.loginbox {
  background: linear-gradient(to bottom, #a59eb4 25%, #626177 100%);
}

.loginPage {
  background-color: #e7e7e7ea !important;
}

.loginBoxClass {
  background: linear-gradient(to bottom, #dedede 25%, #b8b8b8 100%);
}

.footer-wrapper {
  background-color: #647796;
}

.csp--sysRole .contentSubWindow .listTable {
  min-height: 4em;
}

.header--backEnd {
  visibility: hidden;
}

.button--Active:hover {
  background-color: #cacaca;
  color: #000000;
  transition: all 0.3s;
}

#body-main.dialogPage #body-content.backEndBody,
#body-main.dialogPage {
  border-radius: 3px;
}

@media (min-width: 40em) and (min-height: 30em) {
  .header--backEnd {
    font-size: 250% !important;
    margin-bottom: 1rem;
    margin-top: 1rem !important;
    color: #00137e;
  }
}

@media screen {
  body {
    background-image: url("/sys/css/background-general.jpg");
  }
}

@media print {
  body {
    display: none;
  }
}