﻿@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700");
body, html {
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
  font-family: "Open Sans", sans-serif;
}

a {
  color: #2589c2;
}
a:hover {
  color: #65a8cf;
}
a:active {
  color: #3a6076;
}

.displayNone {
  display: none;
}

.flex-column-centered {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.flex-centered {
  display: flex;
  align-items: end;
  float: left;
}

.login-panel {
  height: 100%;
  /*box-shadow: 0px 0px 160px 0px rgba(0,0,0,0.3);*/
  position: relative;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
.login-panel .header {
  margin: 60px 0 20px 0;
}

.login-iframe {
  margin: 0;
  padding: 0;
  background: #eceeef;
  height: 100%;
}

.login-body {
  padding: 80px 80px 0px 80px;
}

.login-footer {
  /*width: 100%;*/
  background-color: #f7f7f7;
  padding: 20px 60px;
  color: #aaa;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  margin-top: auto;
}
.login-footer .link {
  display: inline;
}

.message-box-system {
  margin-top: 60px;
  margin-bottom: 110px;
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 28px;
  background: #ffffee;
  color: #888800;
}
.message-box-system h3 {
  font-size: 1.5rem;
}

.message-box-system3 {
  margin-top: 30px;
  margin-bottom: 30px;
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 10px !important;
  background: #ffffee;
}
.message-box-system3 h3 {
  font-size: 1.5rem;
}

.custom-select {
  width: 150px;
}

.custom-select-language {
  width: 150px;
}

.btn-bn-alt {
  border: 2px solid #2589c2;
  color: #2589c2;
  background: transparent;
}
.btn-bn-alt:hover {
  border-color: #65a8cf;
}
.btn-bn-alt:active {
  border-color: #3a6076;
}

.btn-bn {
  background: #2589c2;
  color: white;
}
.btn-bn:hover {
  background: #65a8cf;
}
.btn-bn:active {
  background: #3a6076;
}

.btn-bn-fixed {
  width: 250px;
}

.input-group .form-control {
  box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.08);
}

.input-group-addon {
  box-shadow: inset 0px 1px 2px #fff;
}

.form-control::-webkit-input-placeholder {
  color: #999;
  font-weight: 300;
}

/* WebKit, Blink, Edge */
.form-control:-moz-placeholder {
  color: #999;
  font-weight: 300;
}

/* Mozilla Firefox 4 to 18 */
.form-control::-moz-placeholder {
  color: #999;
  font-weight: 300;
}

/* Mozilla Firefox 19+ */
.form-control:-ms-input-placeholder {
  color: #999;
  font-weight: 300;
}

/* Internet Explorer 10-11 */
.form-control::-ms-input-placeholder {
  color: #999;
  font-weight: 300;
}

/* Microsoft Edge */
.page-grid {
  /*  As of August 2012, only supported in Chrome 21+ */
  display: -webkit-flex;
  display: flex;
  min-height: 100%;
  height: 100%;
  /* IE fix  */
  box-sizing: border-box;
}

.fluid {
  flex: 1;
}

.fixed {
  width: 560px;
}

.icon-wait {
  background-image: url(../images/icons-new/big/icon-wait-big.gif);
  height: 64px;
  width: 64px;
  background-repeat: no-repeat;
  margin: 40px auto;
}

.progress {
  background-color: transparent;
}

#PanelLogin_UserName #Login1_UserName {
  flex-direction: row;
}
#PanelLogin_UserName #Login1_Password {
  flex-direction: row;
}

.local-container {
  /*top: 77px;
  left: 15px;*/
}

.local {
  color: red;
  opacity: 0.4;
  font-size: 50px;
  letter-spacing: 10px;
  font-weight: 600;
  padding-bottom: 40px;
}

.databasename {
  top: 40px;
  left: 0px;
  bottom: 0;
  right: 0;
  color: black;
  opacity: 0.9;
  font-size: 14px;
  letter-spacing: 1px;
  font-weight: 600;
}

.time-left {
  position: fixed;
  top: 1em;
  /*right: 3em;*/
  z-index: 5000;
}

.resolution-info {
  position: fixed;
  top: 1em;
  right: 1em;
  z-index: 5000;
  width: 20px;
  background-color: black;
}

@media (min-width: 1500px) {
  /*    .login-panel {
          display: flex;
          flex-direction: column;
          box-sizing: border-box;
      }*/
}
@media (max-width: 1500px) {
  .row {
    margin-right: 10px;
  }

  .twitter-flow {
    width: 700px !important;
  }
}
@media (max-width: 1250px) {
  .resolution-info {
    background-color: red;
  }

  .twitter-flow {
    width: 100px !important;
  }

  .twitter-timeline {
    display: none !important;
  }

  .local {
    font-size: 40px;
  }
}
@media (max-width: 1000px) {
  .resolution-info {
    background-color: green;
  }

  .local {
    display: none;
  }

  .bg {
    display: none !important;
  }

  .fixed {
    width: 100% !important;
  }
}
@media (max-width: 600px) {
  .resolution-info {
    background-color: yellow;
  }

  .login-body {
    padding: 20px 20px 0px 20px;
  }

  .header {
    margin: 20px 0 10px 0 !important;
  }

  .custom-select-language {
    width: 125px;
  }
}
@media (max-width: 400px) {
  .resolution-info {
    background-color: blue;
  }

  .login-body {
    padding: 0px 10px 0px 10px;
  }

  /*    .qr-code {
          position: fixed;
          top: 1em;
          z-index: 5000;
      }*/
}

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22file:///D:/a/1/s/BFS/UI/WebFramework/css/loginpage.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22AAAS;AAwBT;EACI;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI,OAjCe;;AAmCf;EACI,OAnCY;;AAsChB;EACI,OAtCW;;;AA2CnB;EACI;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAKJ;EAEI;AACA;EAEA;EACA;EACA;EACA;;AAEA;EACI;;;AAIR;EACI;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;AACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;;AAKR;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;;AAIR;EACI;;;AAEJ;EACI;;;AAIJ;EACI;EACA,OA/Ie;EAgJf;;AAEA;EACI,cAlJY;;AAqJhB;EACI,cArJW;;;AAyJnB;EACI,YA5Je;EA6Jf;;AAEA;EACI,YA/JY;;AAkKhB;EACI,YAlKW;;;AAsKnB;EACI;;;AAIJ;EACI;;;AAGJ;EACI;;;AAGJ;EAA2C;EAAa;;;AAAoB;AAC5E;EAAiC;EAAa;;;AAAoB;AAClE;EAAkC;EAAa;;;AAAoB;AACnE;EAAsC;EAAa;;;AAAoB;AACvE;EAAuC;EAAa;;;AAAoB;AAExE;AACI;EACA;EACA;EACA;EACA;AAAc;EACd;;;AAGJ;EACI;;;AAGJ;EACI;;;AAKJ;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAUA;EACI;;AAGJ;EACI;;;AAKR;AACI;AAAA;;;AAIJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;AACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;AACA;AAAA;AAAA;AAAA;AAAA;;AAOA;EACI;IACI;;;EAEJ;IACI;;;AAIR;EACI;IACI;;;EAEJ;IACI;;;EAEJ;IACI;;;EAEJ;IACI;;;AAIR;EACI;IACI;;;EAEJ;IACI;;;EAEJ;IACI;;;EAEJ;IACI;;;AAIR;EACI;IACI;;;EAEJ;IACI;;;EAEJ;IACI;;;EAEJ;IACI;;;AAIR;EACI;IACI;;;EAEJ;IACI;;;AAER;AAAA;AAAA;AAAA;AAAA%22%7D */