html { height:100%; }
body {
  /*height:100%;
  padding-top: 18px;*/
  /*padding-bottom: 30px;*/
  background-color: #f1f3fa;
  /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8ffe8), color-stop(33%,#e3f5ab), color-stop(100%,#ccef32));*/
}
body, * {     -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
input {     
    -webkit-touch-callout: auto;
    -webkit-user-select: auto;
    -khtml-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto; 
  }
/* all */
*::-webkit-input-placeholder { color:#cdcdcd !important; }
*::-moz-placeholder { color:#cdcdcd !important; } /* firefox 19+ */
*:-ms-input-placeholder { color:#cdcdcd !important; } /* ie */
input:-moz-placeholder { color:#cdcdcd !important; }
*:placeholder-shown { color:#cdcdcd !important; }

a, a:link, a:hover, a:active, a:visited { text-decoration: none; }


.dropdown-menu a { border-top:1px solid white; border-bottom:1px solid white; }
.dropdown-menu a:hover { border-top:1px solid #cecece; border-bottom:1px solid #cecece; }

.dropdown-menu > li > a { padding: 8px 20px; }

.form-signin .form-signin-heading { line-height:30px; color:#999; margin-top:10px; margin-bottom: 10px; }
.form-signin .form-checkbox {
margin-top: 15px;
margin-bottom: 5px;
font-weight: normal;
display: inline-block;
width: 100%;
clear: both;
}
.form-signin .form-checkbox label { font-weight: normal;  }

.form-signin .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
#inputName {
  margin-bottom: 3px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
#inputPass {
  border-radius: 0;
  margin-bottom: 3px;
}

.big_logo { width:80px; height:80px; margin-bottom:10px; border-radius: 10px; box-shadow:1px 1px 5px #999; }
.heavy { font-weight:900; text-shadow: -2px 2px 0px #cdcdcd; }
.mT10 { margin-top: 10px; }
.mT20 { margin-top: 20px; }
.mR20 { margin-right:20px; }
.mB20 { margin-bottom: 20px; }

.mL-1 { margin-left:-1px; }
.hide { display:none; }
.blue { color: blue; }
.normal { font-weight: normal; }
.bold { font-weight:bold; }
.nowrap { white-space: nowrap;  }

.form-signin .input-group { padding:0;   margin-bottom: 10px;}
.input-group input { 
  border-top-left-radius: 0;
}
.input-group span { border-top-right-radius: 0;  }
.captcha { padding:0; }



@media only screen and (min-width : 769px) {
  .main { 
    /*position: absolute; left: 50%; top: 30%; transform: translateX(-50%)  translateY(-30%);*/
    position: relative;
      margin-top: 5%;
    text-align:center; 
    z-index:1;
  }
  .form-signin {
    min-width: 360px;
    max-width: 500px;
    padding: 30px;
    margin: 0 auto;
  }
}
@media only screen and (max-width : 768px) {

  .main { position: relative; text-align:center; z-index:1; min-width: 320px; }
  .form-signin {
    min-width: 260px;
    padding: 0 20px;
    margin: 0 auto;
    /*font-size: 15px;*/
  }
  .form-signin span.second { font-size:20px;  }
  .form-signin .form-signin-heading { margin-top:0px; }
}


.form_reg { width:60%; margin:0 auto; }

.need:before, .need2:before  { content:'*'; position:absolute; color:red; font-size: 20px; margin-left:-12px; line-height: 28px; }
.need2:before { color:green; }






.animate-enter {
  -webkit-transition: 1s linear all; /* Chrome */
  transition: 1s linear all;
  opacity: 0;
}
 
.animate-enter.animate-enter-active {
  opacity: 1;
}













.itooltips {
  position: relative;
  /*display:inline-block;*/
  z-index: 0;
}
.itooltips:before, .itooltips:after {
  position: absolute;
  transition: All 0.5s ease;
  -webkit-transition: All 0.5s ease;
  -moz-transition: All 0.5s ease;
  -o-transition: All 0.5s ease;
  margin-left: -100px;
  left: 50%;
  bottom: 300%;
  display: block;
  color: #000;
  opacity: 0;
  visibility:hidden;
}
.itooltips:before {
  content: attr(tips);
  border: solid 1px #0088cc;
  background: #FFF;
  color:#ababab;
  width: 200px;
  white-space: normal;
  text-align: center;
  z-index: 101;
  font-size: 12px;
  line-height: 16px;
  padding: 5px;
  border-radius: 3px;
}
.itooltips:after {
  content: '\25c6';
  margin-left: -8px;
  margin-top: 10px;
  width: 15px;
  height: 15px;
  z-index: 100;
  line-height: 28px;
  color: #0088cc;
  font-size: 20px;
}
.itooltips:hover:before, .itooltips:hover:after {
  bottom: 120%;
  opacity: 1;
  visibility:visible;
}