@import "https://fonts.googleapis.com/css?family=Raleway|Roboto";

/*@media (max-width: 800px) {*/

/*.tenant-popup {*/

/*width: 304px;*/

/*height: 750px;*/

/*}*/

/*}*/

html {
  font-size: 0.9px;
  height: 100%;
}

body {
  position: absolute;
  width: 100%;
  font-weight: 300;
  min-height: 560px;
  background-color: #333e48;
  font-family: "Karla";
}

body #background-image {
    width: 100%;
    height: 100vh;
    z-index: -1;
    position: fixed;
    background-image: url("/css/image/background.png");
    background-size: cover;
  }

.panel {
  padding-top: 200px;
  position: relative;
  margin: auto;
  border-radius: 0;
  border: none;
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.panel .panel-body {
    padding: 0 16px;
  }

.panel .panel-body .ctl-group {
      margin-top: 16px;
    }

.panel .panel-body .ctl-group .c-check {
        display: inline-block;
        vertical-align: middle;
        margin: 0 8px 0 0;
        border-color: white;
      }

.panel .panel-body .ctl-group .ctl{
        background-color: transparent;
        font-size: 18px;
      }

.panel .panel-body .ctl-group .ctl:focus::-webkit-input-placeholder {
            color: transparent;
          }

.panel .panel-body .ctl-group .i-clear .icon{
          fill:white;
        }

.panel .panel-body .ctl-group .c-descr {
        display: inline-block;
        color: white;
      }

.panel .panel-body .ctl-group {
      margin-bottom: 0;
    }

.panel .panel-body .form .ctl-group label.ctl-label {
          color: white;
        }

.panel .panel-footer {
    position: relative;
    border: none;
    background-color: transparent; // Accidentally the Value of This Field Caused Issues #3994, #3995, #3997, #3998
    padding: 100px 0 0 0;
  }

.panel .panel-footer .btn {
      display: block;
      font-size: 24px;
      position: relative;
      margin: 0 auto 10px;
      width: 270px;
      font-weight: 600;
      font-family: "Karla";
      border: 2px solid white;
      height: 40px;
      color: white;
      -webkit-transition: background-color .10s ease-in-out;
      transition: background-color .10s ease-in-out;
    }

.panel .panel-footer .btn:active {
        -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .2), 0 0 40px rgba(0, 0, 0, .2) inset;
                box-shadow: 0 1px 4px rgba(0, 0, 0, .2), 0 0 40px rgba(0, 0, 0, .2) inset;
      }

.panel .panel-footer .btn.btn-primary {
      border: none;
      background-color: #74b768;
    }

.panel .panel-footer .btn.cancel {
      border-color: white;
      background-color: transparent;
    }

.panel .panel-footer .btn.btn-primary.cancel {
      border-color: white;
      background-color: transparent;
    }

.panel .panel-footer .error-msg {
      font-size: 18px;
      color: #d9534f;
      font-weight: 600;
      letter-spacing: 0.80px;
      margin: 16px 0 0 16px;
      width: 296px;
      float: left;
      display: none;
    }

.panel.panel-primary {
  width: 304px;
  padding-top: 60px; // #3941
  box-shadow: none;
}

.panel.panel-primary.tenant-popup {
}

.ctl-group .ctl {
    color: white;
    height: 30px;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid white;
  }

.ctl-group .ctl::-webkit-input-placeholder {
      color: white;
      height: 30px;
      border: none;
      border-radius: 0;
    }

.ctl-group .ctl:focus {
      color: white;
      height: 30px;
      border: none;
      border-radius: 0;
      border-bottom: 1px solid white;
    }

.ctl-group .ctl.warning {
    color: white;
    height: 30px;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid white;
  }

.ctl-group .ctl.warning::-webkit-input-placeholder {
      color: transparent;
    }

.ctl-group .ctl.warning:focus {
      color: white;
      height: 30px;
      border: none;
      border-radius: 0;
      border-bottom: 1px solid white;
    }

.ctl-group .ctl.warning~.ctl-label {
      color: #ffbea4;
    }

.ctl-group textarea.ctl {
    overflow: hidden;
    height: 24px;
    line-height: 24px;
  }

.ctl-group textarea.ctl + .ctl-label {
      line-height: 24px;
    }

.ctl-group textarea.ctl.ctl {
      border: none;
      color: white;
      border-bottom: 1px solid white;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding-left: 8px;
    }

.ctl-group textarea.ctl.ctl:focus {
        border: none;
        border-bottom: 1px solid white;
        color: white;
      }

.ctl-group textarea.ctl.ctl.empty-value {
      color: white;
    }

.ctl-group textarea.ctl.ctl.empty-value:focus {
        color: white;
      }

.tenant-popup.integrator .panel-footer .btn.create {
      width: 160px;
      padding-left: 0;
      padding-right: 0px;
    }

.panel-primary .panel-heading {
    position: relative;
    padding: 0;
    cursor: pointer;
    height: 40px;
    background: transparent none;
    border: none;
    border-radius: 0;
  }

.panel-primary .panel-heading .ctl-group {
      margin: 0;
      width: 100%;
    }

.panel-primary .panel-heading .ctl-group span {
        float: left;
        width: 100%;
        font-size: 22px;
        font-weight: 300;
        color: #fff;
        letter-spacing: 1.83px;
        line-height: 29px;
        margin-top: 6px;
        text-align: center;
      }

.ctl-group label.ctl-label {
    color: white;
  }

.ctl-group p {
    color: white;
  }

label.ctl-label {
  color: white;
}

#default-data {
  z-index: 1000;
}

@import "https://fonts.googleapis.com/css?family=Raleway|Roboto";

/* Color variables (appears count calculates by raw css) */

/* Appears 5 times */

/* Appears 2 times */

/* Appears 2 times */

/* Width variables (appears count calculates by raw css) */

/* Appears 3 times */

/* Appears 2 times */

/* Appears 2 times */

/* Appears 2 times */

/* Appears 3 times */

/* Appears 12 times */

/* Height variables (appears count calculates by raw css) */

/* Appears 3 times */

/* Appears 2 times */

/* Appears 2 times */

/* Mixins */

*:before {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }

*:after {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }

html {
  font-size: 1px;
}

html, body {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #ffffff;
  font-family: "Raleway", "Helvetica", sans-serif;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}

html button,
  html input,
  body button,
  body input {
    font-family: "Raleway", "Helvetica", sans-serif;
  }

.hidden {
  display: none;
}

.container {
  min-height: 500px;
  width: 100%;
  top: 72px;
  bottom: 0px;
  position: absolute;
  font-size: 14px;
  overflow: hidden;
  background-color: #333e48;
  background-image: url("/css/image/background.png");
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.container .tenant-container
  {
    max-width: 500px;
    max-height: 500px;
    margin: 100px 0;
    width: 100%;
    background: rgba(9, 34, 91, .45);
    border-radius: 3px;
    border: 2px solid rgba(255, 255, 255, .2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    font-family: "Karla";
  }

.container .tenant-container .signout {
      color: white;
      text-align: right;
      margin-left: auto;
      font-size: 16px;
      min-height: 48px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      padding: 4px 8px;
    }

.container .tenant-container .signout p{
        margin: 0;
      }

.container .tenant-container .signout a {
        color: white;
      }

.container .tenant-container .title {
      text-align: center;
      min-height: 72px;

    }

.container .tenant-container .title h1 {
        font-family: "Oswald";
        font-size: 36px;
        margin-top: 12px;
        font-weight: 300;
        letter-spacing: 3px;
      }

.container .tenant-container .tenant-boxes {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      overflow-y: auto;
      margin: 0;
      border-top: 1px solid #fff;
    }

.container .tenant-container .tenant-boxes .tenant-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 72px;
        margin: 0px 24px;
        padding: 0 16px 0 16px;
        border-top: 1px solid #CECECE;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;

      }

.container .tenant-container .tenant-boxes .tenant-box:first-child{
          border-top: none;
          margin-top: 0px;
        }

.container .tenant-container .tenant-boxes .tenant-box .tenant-image {
          /* border: 2px dashed pink; */
          width: 24px;
          height: 24px;
          text-align: center;
          overflow: hidden;
        }

.container .tenant-container .tenant-boxes .tenant-box .tenant-image .icon.svg-icon {
            width: 24px;
            height: 24px;
          }

.container .tenant-container .tenant-boxes .tenant-box .tenant-info {
          top: 0;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          /* border: 2px dashed pink; */
          -webkit-box-flex:1;
              -ms-flex:1;
                  flex:1;
        }

.container .tenant-container .tenant-boxes .tenant-box .tenant-info .info {
            display: inline-block;
            margin: 0;
            /*border: 2px dashed cyan; */
            -webkit-box-flex: 1;
                -ms-flex: 1;
                    flex: 1;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            font-size: 20px;
            padding-left: 24px;
          }

.container .tenant-container .tenant-boxes .tenant-box .tenant-info .next {
            display: inline-block;
            margin: 0;
            /*border: 2px dashed pink; */
            max-width: 45px;
            text-align: right;
          }

.container .tenant-container .tenant-boxes .tenant-box .tenant-info .next .right-icon{
              width: 24px;
              height: 24px;
              fill: white;
            }

.container .login-container {
    position: relative;
    background: rgba(9, 34, 91, .45);
    border-radius: 3px;
    border: 2px solid rgba(255, 255, 255, .2);
  }

.container .login-container .login {
      background-color: transparent;
      background-size: cover;
      max-width: 504px;
      position: relative;
      margin: auto;
      z-index: 10;
      text-align: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
    }

.container .login-container .login .login-footer {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        height: 144px;
        max-width: 550px;
        z-index: 10;
      }

.container .login-container .login .login-footer .icon-container {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          margin: auto;
          position: relative;
          position: relative;
          text-align: center;
          text-align: center;
          width: 160%;
          width: 100%;
        }

.container .login-container .login .login-footer .icon-container .footer-icon {
            -webkit-box-flex: 1;
                -ms-flex: 1;
                    flex: 1;
            display: inline-block;
            text-align: center;
            text-align: center;
            vertical-align: top;
            vertical-align: top;
          }

.container .login-container .login .login-footer .icon-container .footer-icon .svg {
              height: 40px;
              margin: 0 auto 8px;
              position: relative;
            }

.container .login-container .login .login-footer .icon-container .footer-icon .svg:hover {
                opacity: 0.8;
              }

.container .login-container .login .login-footer .icon-container .footer-icon svg {
              height: 40px;
              position: relative;
              width: 40px;
            }

.container .login-container .login .login-footer .icon-container .footer-icon a {
              color: white;
              display: block;
              font-size: 16px;
              font-family: "Karla";
              height: 30px;
              margin: 0 auto;
              position: relative;
              width: 120px;
            }

.container .login-container .login .login-footer .icon-container .footer-icon hr {
              margin: 15px auto;
              width: 40px;
            }

.container .login-container .login .login-footer .icon-container .footer-icon p {
              color: white;
              display: block;
              font-size: 11px;
              margin: 0 auto 0;
              position: relative;
              text-align: center;
              width: 120px;
            }

.container .login-container .login .login-icon-field {
        text-align: center;
        width: 100%;
      }

.container .login-container .login .login-icon-field img{
          margin: 32px auto;
        }

.container .login-container .login .login-icon {
        margin: 50px 65px;
      }

.container .login-container .login .login-form {
        margin: 0 16px;
        border-top: 1px solid #CECECE;
        border-bottom: 1px solid #CECECE;
        padding: 0 40px;
      }

.container .login-container .login .login-form .row{
          margin: 0;
          margin-top: 40px;
          height: 40px;
          position: relative;
        }

.container .login-container .login .login-form .row.ctl-group{
            padding-top: 0px;
            background: white;
            border-radius: 20px;
          }

.container .login-container .login .login-form input {
          background: transparent;
          border-radius: 0;
          border: none;
          -webkit-box-shadow: none;
                  box-shadow: none;
          color: #999;
          display: inline-block;
          font-size: 20px;
          padding: 0 40px 0 24px;
          height: 40px;
          left: 0;
          top: 0px;
          font-family: "Karla";
          position: absolute;
          width: 100%;
        }

.container .login-container .login .login-form input:focus {
            outline: none;
          }

.container .login-container .login .login-form input::-webkit-input-placeholder {
            color: #c0c0c0;
          }

.container .login-container .login .login-form input::-moz-placeholder {
            color: #c0c0c0;
          }

.container .login-container .login .login-form #error-msg {
          color: #ffbea4;
          padding: 0 24px;
          text-align: left;
          margin-top: 10px;
          display: none;
        }

.container .login-container .login .login-form .ctl-label {
          color: #ffbea4;
          font-size: 12px;
          left: 24px;
          position: absolute;
          top: -20px;
        }

.container .login-container .login .login-icon {
        height: auto;
        margin: 0;
        width: 24px;
        position: absolute;
        right: 16px;
        top: 8px;
        fill: #999;
      }

.container .login-container .login button {
        -moz-user-select: none;
        -ms-user-select: none;
        -webkit-user-select: none;
        background-color: #74b768;
        border: 2px solid white;
        border: none;
        color: #ffffff;
        display: block;
        font-family: "Karla";
        font-size: 24px;
        font-weight: 600;
        height: 40px;
        margin: 0px auto 10px;
        max-width: 392px;
        padding: 0;
        -webkit-transition: background-color .10s ease-in-out;
        transition: background-color .10s ease-in-out;
        user-select: none;
        width: 100%;
      }

.container .login-container .login button:focus {
          outline: none;
        }

.container .login-container .login button:active {
          -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .2), 0 0 40px rgba(0, 0, 0, .2) inset;
                  box-shadow: 0 1px 4px rgba(0, 0, 0, .2), 0 0 40px rgba(0, 0, 0, .2) inset;
        }

.container .login-container .login .call-to-action {
        padding: 40px 0 40px 0;
        width: 100%;
      }

.container .login-container .login p {
        color: #ddd;
        font-size: 15px;
        margin: 0 auto;
        position: relative;
        font-family: "Karla";
      }

.container .login-container .login p a {
          color: #ffffff;
          font-weight: 600;
        }

.container .login-container .login p a:hover {
            -webkit-cursor: pointer;
            cursor: pointer;
          }

.container .login-container .login label {
        -webkit-cursor: pointer;
        cursor: pointer;
      }

#navbar {
  background-color: #ffffff;
  height: 72px;
  position: relative;
  top: 0;
  width: 100%;
  z-index: 1000;
}

#maintenance-msg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  background-color: #fffbe3;
  border-bottom: 1px solid #E1C836;
  height: 25px;
  margin: 0;
  overflow: hidden;
  position: relative;
  width: 100%;
  z-index: 100;
}

#maintenance-msg p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    color: #928639;
    font-size: 12px;
    font-weight: bold;
    line-height: 25rem;
    margin: 0 20rem;
  }

#maintenance-msg #maintenance-msg-text {
    color: #928639;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 25px;
    font-weight: bold;
    font-size: 12rem;
  }

#logo {
  height: 24px;
  margin: 24px 0 0 24px;
}

to {
  opacity: 0.8;
  opacity: 1;
}

@-webkit-keyframes fadeout {
  from {
    opacity: 1;
  }
  to {
    opacity: 0.8;
  }
}

@keyframes fadeout {
  from {
    opacity: 1;
  }
  to {
    opacity: 0.8;
  }
}

@-webkit-keyframes fadein {
  from {
    opacity: 0.8;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadein {
  from {
    opacity: 0.8;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes dash {
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes dash {
  to {
    stroke-dashoffset: 0;
  }
}

@media (max-width: 800px) {
  #navbar{
    display: none;
  }
  .container{
    top: 0;
  }
  .login-footer {
    width: auto;
    margin: 0;
    left: auto;
  }
      .login-footer .icon-container .footer-icon {
        text-align: center;
        vertical-align: top;
        width: 30%;
      }
}
/*# sourceMappingURL=login-bundle.css.map */