/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the top of the
 * compiled file, but it's generally better to create a new file per style scope.
 *



 */
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the top of the
 * compiled file, but it's generally better to create a new file per style scope.
 *



 */
.resend {
	font-size: 15px;
	font-weight: 400;
	text-shadow: 1px 0 1px rgba(0,0,0,0.25);
	color: rgb(247, 247, 247);
}

div.resend {
	text-align: center !important;
	width: 100% !important;
}


div.resend .resend-link {
	color:#CF7;

}

.login-box .dl-horizontal dt {
	width: 100px !important;
}

.login-box .dl-horizontal dd {
	margin-left: 110px !important;
}


table.qrcode {
  border-width: 0;
  border-style: none;
  border-color: #0000ff;
  border-collapse: collapse;
  margin-left: auto;
  margin-right: auto;
}

.qrcode td {
   border-width: 0;
   border-style: none;
   border-color: #0000ff;
   border-collapse: collapse;
   padding: 0;
   margin: 0;
   width: 3px;
   height: 3px;
}

.qrcode  td.black { background-color: #000; }
.qrcode  td.white { background-color: #fff; }
/* login pages */
.login-layout {
  background-color: #FFFFFF;
}

.login-layout .widget-box {
  visibility: hidden;
  position: absolute;
  overflow: visible;
  width: 100%;
  border-bottom: none;
  box-shadow: none;
  padding: 2px;
  background-color: #d5e3ef;
  -moz-transform: scale(0,1) translate(-150px);
  -webkit-transform: scale(0,1) translate(-150px);
  -o-transform: scale(0,1) translate(-150px);
  -ms-transform: scale(0,1) translate(-150px);
  transform: scale(0,1) translate(-150px);
}

.login-box .forgot-password-link {
  color: #478fca;
}

.login-box span {
  vertical-align: middle;
}

/* div */
.login-box .section:before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 0;
  right: 0;
  border-top: 1px dotted #A6C4DB;
}

.login-layout .forgot-box .widget-main {
  padding-bottom: 16px;
}

.forgot-box .toolbar {
  background: #C16050;
  border-top: 2px solid #976559;
  padding: 9px 18px;
}
.signup-box .toolbar {
  background: #76B774;
  border-top: 2px solid #759759;
  padding: 9px 18px;
}
.forgot-box .back-to-login-link,
.signup-box .back-to-login-link {
  color: #478fca;
  font-size: 13px;
  font-weight: normal;
  text-shadow: none; 
}


.resend {
  font-size: 15px;
  font-weight: 400;
  text-shadow: none;
  color: #393939;
}

.resend {
  padding-bottom: 10px;
}
div.resend {
  text-align: center !important;
  width: 100% !important;
}


div.resend .resend-link {
  color:#478fca;
}

.seperator {
  line-height: 14px;
  margin-bottom: 8px;
  margin-top: 8px;
  padding-bottom: 4px;
  border-bottom: 1px solid #CCC;
}
.seperator .blue {
  border-bottom-color: #d5e3ef;
}


.version-box  {
    position:absolute;
    bottom:0;
    right: 10px;
}