* {
  box-sizing: border-box; }

body {
  margin: 0;
  padding: 0;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  background: #141d25; }

a {
  color: #48b0f7;
  text-decoration: none; }

button {
  background-color: rgba(255, 255, 255, 0);
  border: 0;
  font-family: "Open Sans", sans-serif;
  margin: 0;
  outline: none;
  padding: 0; }

i[class^='ion-']:before {
  line-height: inherit; }

.hidden {
  display: none !important; }

.muted {
  color: #999; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

input[type='search'] {
  -webkit-appearance: none; }

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

html,
body {
  height: 100%; }
  html #img-bg,
  body #img-bg {
    display: block; }
  html #video-bg,
  body #video-bg {
    display: none; }

body.show-video #img-bg {
  display: none; }

body.show-video #video-bg {
  display: block; }

input,
button {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none; }

form {
  display: inline-block;
  background: #fff;
  padding: 20px;
  min-width: 280px;
  border-radius: 3px; }
  form label {
    display: inline-block;
    width: 100px; }
  form input,
  form button {
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 16px;
    padding: 8px;
    width: 100%;
    outline: none; }
  form input#id_username,
  form input#id_password {
    padding-bottom: 10px; }
    form input#id_username:focus, form input#id_usernameactive,
    form input#id_password:focus,
    form input#id_passwordactive {
      padding-bottom: 8px;
      border-color: #48b0f7;
      border-bottom-width: 3px; }
  form input[type='submit'],
  form button {
    background-color: #48b0f7;
    border: 0;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    padding: 10px 30px; }

#login-container {
  min-height: 100%;
  /* Old shadow dom for play button */
  /* New shadow dom for play button */
  /* This one works */ }
  @media screen and (min-height: 610px) {
    #login-container {
      position: fixed;
      text-align: center;
      left: 0;
      right: 0; }
      #login-container #login {
        display: inline-block;
        text-align: left; } }
  #login-container .img-bg {
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    vertical-align: middle;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 1; }
  #login-container video {
    object-fit: contain;
    vertical-align: baseline; }
  #login-container *::-webkit-media-controls-panel {
    display: none !important;
    -webkit-appearance: none; }
  #login-container *::\--webkit-media-controls-play-button {
    display: none !important;
    -webkit-appearance: none; }
  #login-container *::-webkit-media-controls-start-playback-button {
    display: none !important;
    -webkit-appearance: none; }
  #login-container .video-bg {
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 1;
    overflow: hidden; }
  #login-container #tint {
    background-color: rgba(45, 45, 45, 0.6);
    content: ' ';
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1; }
  #login-container #login {
    width: 100%;
    margin: 0 auto;
    padding: 20px 0 44px;
    position: relative;
    z-index: 1;
    top: 10%; }
    #login-container #login h1 {
      margin: 0;
      text-align: center; }
      #login-container #login h1 a {
        display: inline-block; }
      #login-container #login h1 img {
        width: 164px; }
        @media (max-width: 640px) {
          #login-container #login h1 img {
            width: 80px; } }
    #login-container #login #slogans {
      min-height: 130px; }
      @media (max-width: 640px) {
        #login-container #login #slogans {
          min-height: 80px; } }
    #login-container #login .slogan {
      position: absolute;
      left: 0;
      right: 0;
      color: #fff;
      text-align: center;
      font-family: 'Montserrat Alternates', sans-serif;
      font-weight: normal;
      font-size: 46px;
      letter-spacing: 4px;
      opacity: 0;
      margin-right: -1vh; }
      @media (max-width: 640px) {
        #login-container #login .slogan {
          margin-right: 0;
          white-space: nowrap;
          font-size: 26px;
          letter-spacing: 2px; } }
      #login-container #login .slogan.show {
        -webkit-transition: opacity 0.2s ease-in;
        -moz-transition: opacity 0.2s ease-in;
        transition: opacity 0.2s ease-in;
        opacity: 1; }
    #login-container #login p.forgot-password {
      text-align: left; }
    #login-container #login .form {
      text-align: center;
      color: #ccc;
      font-size: 16px; }
      #login-container #login .form a {
        color: #ccc; }

#reset-password,
#email-request,
#switch-account {
  max-width: 320px;
  margin: 0 auto;
  background-color: #fff;
  margin-top: 30px;
  padding-bottom: 15px; }
  #reset-password > *,
  #email-request > *,
  #switch-account > * {
    padding: 0 30px; }
  #reset-password h1,
  #email-request h1,
  #switch-account h1 {
    color: #fff;
    background-color: #48b0f7;
    font-weight: 300;
    padding-top: 15px;
    padding-bottom: 15px; }
  #reset-password form label,
  #email-request form label,
  #switch-account form label {
    display: inline-block;
    width: 100px; }
  #reset-password form input[type='submit'],
  #email-request form input[type='submit'],
  #switch-account form input[type='submit'] {
    background-color: #48b0f7;
    border: 0;
    color: #fff;
    padding: 10px 30px; }
  #reset-password .text-error,
  #email-request .text-error,
  #switch-account .text-error {
    color: #ec3b3b; }
  #reset-password .label-success,
  #email-request .label-success,
  #switch-account .label-success {
    display: inline-block;
    background-color: #4ab72a;
    color: #fff;
    padding: 0 5px;
    border-radius: 5px; }

.footer {
  font-family: "Open Sans", sans-serif;
  position: relative;
  z-index: 1;
  background-color: #1b2126; }
  @media screen and (min-height: 610px) {
    .footer {
      top: 100%; } }
  .footer .attention {
    font-size: 19px;
    color: #48b0f7; }
  .footer #tab {
    cursor: pointer;
    position: absolute;
    top: -24px;
    left: 50%;
    transform: translateX(-50%);
    height: 24px;
    width: 434px;
    max-width: 100%;
    background-color: #1b2126;
    margin: 0 auto;
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    line-height: 24px;
    vertical-align: middle;
    text-align: center;
    color: #48b0f7; }
  .footer #columns {
    max-width: 1770px;
    margin: 0 auto;
    margin-bottom: 24px;
    min-height: 430px;
    -webkit-align-content: center;
    -moz-align-content: center;
    align-content: center;
    -ms-flex-line-pack: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center; }
    @media screen and (max-width: 1770px) {
      .footer #columns {
        max-width: 1000px; } }
    @media screen and (max-width: 1770px) {
      .footer #columns #hiring {
        -webkit-box-ordinal-group: -1;
        -moz-box-ordinal-group: -1;
        box-ordinal-group: -1;
        -webkit-order: -1;
        -moz-order: -1;
        order: -1;
        -ms-flex-order: -1; } }
    .footer #columns .column {
      display: block;
      width: 320px;
      height: 430px;
      padding: 24px;
      margin: 0 15px; }
      .footer #columns .column h2 {
        margin: 0;
        font-size: 30px;
        font-weight: normal;
        line-height: 60px;
        color: #fbfbfc;
        border-bottom: 3px solid #272f36; }
      .footer #columns .column p {
        color: #a5a5a5;
        font-size: 15px; }
      .footer #columns .column .nidos-logo {
        display: inline-block;
        margin-top: 0;
        width: 100%;
        border-bottom: 3px solid #272f36; }
        .footer #columns .column .nidos-logo img {
          margin-top: -7px;
          height: 62px;
          width: auto; }
      .footer #columns .column ul {
        margin: 0;
        padding: 0; }
        .footer #columns .column ul li {
          margin-left: 24px;
          margin-bottom: 8px;
          font-size: 19px;
          color: #48b0f7; }
      .footer #columns .column form {
        background: none;
        margin-top: 12px;
        padding: 0; }
        .footer #columns .column form input,
        .footer #columns .column form textarea {
          font-family: "Open Sans", sans-serif;
          font-size: 16px;
          padding: 8px;
          width: 100%;
          border-radius: 5px;
          margin: 5px 0; }
        .footer #columns .column form input[type='submit'] {
          font-size: 14px;
          width: 88px;
          height: 36px;
          border: 0;
          float: right; }
          .footer #columns .column form input[type='submit'][disabled] {
            background-color: #666; }
        .footer #columns .column form.customer-support-form textarea {
          height: 164px; }
        .footer #columns .column form.contact-form textarea {
          height: 100px; }
  .footer .gradient {
    height: 40px;
    max-width: 100%;
    background: #1b2126;
    background: -webkit-linear-gradient(#12191f, #1b2126) top, no-repeat;
    background: linear-gradient(#12191f, #1b2126) top, no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12191F', endColorstr='#1b2126',GradientType=0 ); }
  .footer .modules {
    z-index: 10;
    position: relative;
    margin-top: 0;
    min-height: 72px;
    height: auto;
    background-color: #272f36;
    padding: 8px 12px; }
    .footer .modules .wrapper {
      -webkit-align-content: center;
      -moz-align-content: center;
      align-content: center;
      -ms-flex-line-pack: center;
      -webkit-box-align: center;
      -moz-box-align: center;
      box-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -o-align-items: center;
      align-items: center;
      -ms-flex-align: center;
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -moz-box-pack: center;
      box-pack: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      -o-justify-content: center;
      justify-content: center;
      -ms-flex-pack: center;
      -webkit-box-orient: horizontal;
      -moz-box-orient: horizontal;
      box-orient: horizontal;
      -webkit-box-direction: normal;
      -moz-box-direction: normal;
      box-direction: normal;
      -webkit-flex-direction: row;
      -moz-flex-direction: row;
      flex-direction: row;
      -ms-flex-direction: row;
      -webkit-box-lines: multiple;
      -moz-box-lines: multiple;
      box-lines: multiple;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin: 0 auto;
      max-width: 1770px; }
      @media screen and (max-width: 1176px) {
        .footer .modules .wrapper {
          max-width: 512px; } }
      @media screen and (max-width: 528px) {
        .footer .modules .wrapper {
          max-width: 400px; } }
      @media screen and (max-width: 383px) {
        .footer .modules .wrapper {
          max-width: 276px; } }
    .footer .modules .copyright {
      color: #95989a;
      line-height: 72px;
      font-size: 20px;
      display: block;
      width: 216px;
      height: 72px;
      white-space: nowrap; }
      .footer .modules .copyright .attention {
        font-size: 20px;
        color: #48b0f7; }
      @media screen and (max-width: 1176px) {
        .footer .modules .copyright {
          -webkit-box-flex: 0;
          -moz-box-flex: 0;
          box-flex: 0;
          -webkit-flex: 0 1 100%;
          -moz-flex: 0 1 100%;
          -ms-flex: 0 1 100%;
          flex: 0 1 100%;
          -webkit-box-ordinal-group: 1;
          -moz-box-ordinal-group: 1;
          box-ordinal-group: 1;
          -webkit-order: 1;
          -moz-order: 1;
          order: 1;
          -ms-flex-order: 1;
          text-align: center; } }
    .footer .modules .module-logo {
      display: block;
      width: 72px;
      height: 72px;
      padding: 12px; }
      .footer .modules .module-logo svg {
        width: 48px;
        height: auto; }
      .footer .modules .module-logo.account {
        fill: #48b0f7; }
      .footer .modules .module-logo.dashboard {
        fill: #48b0f7; }
      .footer .modules .module-logo.contacts {
        fill: #6a85ef; }
      .footer .modules .module-logo.contact-manager {
        fill: #6a85ef; }
      .footer .modules .module-logo.calendar {
        fill: #7d5dd9; }
      .footer .modules .module-logo.social {
        fill: #a05cd4; }
      .footer .modules .module-logo.emailer {
        fill: #b74bb3; }
      .footer .modules .module-logo.projects {
        fill: #c63270; }
      .footer .modules .module-logo.inventory {
        fill: #cb513f; }
      .footer .modules .module-logo.webshop {
        fill: #d97e30; }
      .footer .modules .module-logo.documents {
        fill: #e2a529; }
      .footer .modules .module-logo.file-wiki {
        fill: #e2a529; }
      .footer .modules .module-logo.sales {
        fill: #cfbe1d; }
      .footer .modules .module-logo.automation {
        fill: #acc61a; }
      .footer .modules .module-logo.campaigns {
        fill: #7bc64c; }
      .footer .modules .module-logo.iot {
        fill: #6bc07b; }
      .footer .modules .module-logo.iot-cloud {
        fill: #6bc07b; }
      .footer .modules .module-logo.data-exchange {
        fill: #48b0f7; }
      .footer .modules .module-logo.administration {
        fill: #48b0f7; }
      .footer .modules .module-logo.framework {
        fill: #48b0f7; }
      .footer .modules .module-logo.invoicing {
        fill: #69c6b7; }

#switch-account .account {
  display: block;
  padding: 0.5em; }

#switch-account .account:nth-child(2n + 1) {
  background-color: #eee; }

#switch-account .accounts {
  border: 1px solid #ddd;
  margin-left: 30px;
  margin-right: 30px;
  padding-left: 0;
  padding-right: 0; }

#switch-account .logout {
  padding: 1em;
  font-size: 1.2em;
  text-align: center; }

/*# sourceMappingURL=login.92ea7dd68c30ae479e05.css.map*/