@charset "UTF-8";
/*
 * Specific styles of signin component
 */
/*
 * General styles
 */
.logincontroller {
  margin-top: -50px;
  height: 100vh;
  background: white;
}
.logincontroller input {
  font-family: 'trebuchet MS';
  height: 26px;
  padding-left: 4px; }

.rowOdd {
  background-color: #ffffff; }

.rowEven {
  background-color: #f0f0f6; }

.button {
  -moz-box-shadow: inset 0px 1px 2px -5px #cae3fc;
  -webkit-box-shadow: inset 0px 1px 2px -5px #cae3fc;
  box-shadow: inset 0px 1px 2px -5px #cae3fc;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2389B2), color-stop(1, #1B6B8B));
  background: -moz-linear-gradient(center top, #2389B2 5%, #1B6B8B 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2389B2', endColorstr='#1B6B8B');
  background-color: #2389B2;
  -webkit-border-top-left-radius: 8px;
  -moz-border-radius-topleft: 8px;
  border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  -moz-border-radius-topright: 8px;
  border-top-right-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  -moz-border-radius-bottomright: 8px;
  border-bottom-right-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-radius-bottomleft: 8px;
  border-bottom-left-radius: 8px;
  text-indent: 0;
  border: 1px solid #196684;
  display: inline-block;
  color: #ffffff;
  font-family: Trebuchet MS;
  font-size: 10pt;
  font-weight: bold;
  font-style: normal;
  height: 30px;
  line-height: 26px;
  width: 120px;
  text-decoration: none;
  text-align: center;
  text-shadow: 1px 1px 0px #287ace;
  cursor: pointer; }

.button:hover {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1B6B8B), color-stop(1, #2389B2));
  background: -moz-linear-gradient(center top, #1B6B8B 5%, #2389B2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1B6B8B', endColorstr='#2389B2');
  background-color: #1B6B8B; }

.button:active {
  position: relative;
  top: 1px; }


#bodypage {
  margin-left: auto;
  margin-right: auto;
  background-color: #ffffff;
}
.login-wrapper {
  margin-left: auto;
  margin-right: auto;
  max-width: 1150px;
}
.login-img-list>div{
  padding: 1em;
  position: relative;
  text-align: center;
}
.login-img-list>div>.div-rectangle{
  width: 185px;
  margin: 0 auto;
  height: 185px;
}
.login-img-list>div:hover .text-content{
  opacity: 1;
  display: table;
}

.abilities-div{
  font-size: 14pt;
  text-align: left;
  color: #404040;
  padding: .5em 15px 3em 15px;
}
.footnote {
  padding: 3px;
  color: #fff;
  font-style: italic;
}
.login-label {
  font-size: 10pt;
  text-align: left;
  color: #ffffff;
  font-weight: bold;
}
.login-input-color {
  font-size: 9pt;
  color: #555;
}
#inputEmail {
  width: 150px;
  border:none;
  margin-right:5px;

}
#inputPassword {
  width: 100px;
  border:none;
  margin-right:5px;
}
.login-alert-invalid {
  position: absolute;
  width: 210px;
  margin-top: 12px;
}
.text-content {
  background: rgba(0, 0, 0, 0.5);
  color: white;
  cursor: pointer;
  display: none;
  height: 120px;
  left: 0;
  position: absolute;
  top: 0;
  width: 170px;
  font-size: 8pt; }

.text-content span {
  display: table-cell;
  text-align: center;
  vertical-align: middle; }

.text-content div {
  display: table-cell;
  text-align: center;
  vertical-align: middle; }

.text-content {
  background: rgba(0, 0, 0, 0.5);
  color: white;
  cursor: pointer;
  display: table;
  height: 120px;
  left: 0;
  position: absolute;
  top: 0;
  width: 120px;
  opacity: 0; }

.text-content {
  background: white;
  color: #888888;
  border: 2px solid #dddddd;
  font-weight: bold;
  cursor: pointer;
  display: none;
  height: 185px;
  width: 185px;
  position: absolute;
  left: 50%;
  top: 1em;
  transform: translateX(-50%);
  opacity: 0;
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  transition: opacity 500ms; }

.clang {
  display: none;
  background-color: #eeeeee;
  -webkit-border-top-left-radius: 8px;
  -moz-border-radius-topleft: 8px;
  border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  -moz-border-radius-topright: 8px;
  border-top-right-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  -moz-border-radius-bottomright: 8px;
  border-bottom-right-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-radius-bottomleft: 8px;
  border-bottom-left-radius: 8px;
  height: 20px;
  width: 60px;
  text-decoration: none;
  text-align: center;
  position: absolute;
  right: 30px;
  top: 6px;
  z-index: 300; }

.clangi {
  background-color: #eeeeee;
  -webkit-border-top-left-radius: 8px;
  -moz-border-radius-topleft: 8px;
  border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  -moz-border-radius-topright: 8px;
  border-top-right-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  -moz-border-radius-bottomright: 8px;
  border-bottom-right-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-radius-bottomleft: 8px;
  border-bottom-left-radius: 8px;
  height: 20px;
  width: 60px;
  float: right;
  text-decoration: none;
  text-align: center;
  margin-right: 30px;
  top: 6px;
  z-index: 300; }

.testbtn {
  -moz-box-shadow: inset 0px 1px 0px 0px #c1ed9c;
  -webkit-box-shadow: inset 0px 1px 0px 0px #c1ed9c;
  box-shadow: inset 0px 1px 0px 0px #c1ed9c;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #9dce2c), color-stop(1, #8cb82b));
  background: -moz-linear-gradient(center top, #9dce2c 5%, #8cb82b 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dce2c', endColorstr='#8cb82b');
  background-color: #9dce2c;
  -webkit-border-top-left-radius: 6px;
  -moz-border-radius-topleft: 6px;
  border-top-left-radius: 6px;
  -webkit-border-top-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -moz-border-radius-bottomright: 6px;
  border-bottom-right-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  border-bottom-left-radius: 6px;
  text-indent: 0;
  border: 1px solid #83c41a;
  display: inline-block;
  color: #ffffff;
  font-family: Arial;
  font-size: 15px;
  font-weight: bold;
  font-style: normal;
  height: 26px;
  line-height: 26px;
  width: 100px;
  text-decoration: none;
  text-align: center;
  text-shadow: 1px 1px 0px #689324;
}

.testbtn:hover {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #8cb82b), color-stop(1, #9dce2c));
  background: -moz-linear-gradient(center top, #8cb82b 5%, #9dce2c 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8cb82b', endColorstr='#9dce2c');
  background-color: #8cb82b; }

.testbtn:active {
  position: relative;
  top: 1px;
}

#loginpage .testbtn {
  width:80px;
  height:26px;
  vertical-align: middle;
}
#inputLoginBtn {
  width: 80px;
  height: 26px;
  color: #000000;
  vertical-align: middle;
}
#inputEmail, #inputPassword, #inputLoginBtn {
  margin-top: 2px;
  margin-bottom: 2px;
}

#motopage{
  font-size: 35px;
}
#motopage .container-fluid {
    text-align:left;
    color:#e00585;
    font-size: 1em;
}
#motopage .container-fluid .inline-block{
    padding: 5px;
    display: inline-block;
}

@media screen and (max-width: 450px){
    #motopage .container-fluid {
        font-size: 0.75em;
    }
}
.event-reception {
    height:30px;
    padding-top: 6px;
    padding-right: 100px;
    display: inline-block;
}
.event-reception img{
    width:100px;
}

.importBtn {
  -moz-box-shadow: inset 0px 1px 0px 0px #b9eb8d;
  -webkit-box-shadow: inset 0px 1px 0px 0px #b9eb8d;
  box-shadow: inset 0px 1px 0px 0px #b9eb8d;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #8fbf20), color-stop(1, #709122));
  background: -moz-linear-gradient(center top, #8fbf20 5%, #709122 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8fbf20', endColorstr='#709122');
  background-color: #8fbf20;
  -webkit-border-top-left-radius: 6px;
  -moz-border-radius-topleft: 6px;
  border-top-left-radius: 6px;
  -webkit-border-top-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -moz-border-radius-bottomright: 6px;
  border-bottom-right-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  border-bottom-left-radius: 6px;
  text-indent: 0;
  border: 1px solid #83c41a;
  display: inline-block;
  color: #ffffff;
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
  font-style: normal;
  height: 16px;
  line-height: 16px;
  width: 200px;
  text-decoration: none;
  text-align: center;
  text-shadow: 1px 1px 0px #689324;
  cursor: pointer; }

.importBtn:hover {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #709122), color-stop(1, #8fbf20));
  background: -moz-linear-gradient(center top, #709122 5%, #8fbf20 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#709122', endColorstr='#8fbf20');
  background-color: #709122; }

.importBtn:active {
  position: relative;
  top: 1px; }

.login-wrapper #logoframe {
  height: 80px;
  margin-top: 6px;
}
#logoframe:active {
  background-color: yellow;
  color: red;
}

#ilang0:active ~ .clang {
  background-color: yellow;
  color: red;
  height: 46px;
  display: block; }

/*to minima gia to invalid demo email*/
.invalidemail {
  padding: 0;
  margin-bottom: 20px;
  border: 1px solid transparent;
  margin-top: 2px;
  background-color: transparent;
  color: #fff;
  font-style: italic; }

.languageselector.nav {
  -webkit-border-top-left-radius: 8px;
  -moz-border-radius-topleft: 8px;
  border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  -moz-border-radius-topright: 8px;
  border-top-right-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  -moz-border-radius-bottomright: 8px;
  border-bottom-right-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-radius-bottomleft: 8px;
  border-bottom-left-radius: 8px;
  height: 20px;
  width: 60px;
  text-decoration: none;
  text-align: center;
  position: absolute;
  right: 30px;
  top: 6px;
  z-index: 300;
  border: 1px solid #ccc;
  display: inline-block;
  background: #eeeeee;
  /*position: relative;*/ }

.languageselector.nav ul {
  padding: 5px;
  border: 1px solid #ccc;
  display: none;
  background: #fff;
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0; }

.languageselector.nav:hover {
  height: 66px; }

.languageselector.nav:hover ul {
  display: inline-block;
  top: 14px;
  height: 40px;
  width: 60px;
  text-decoration: none;
  text-align: center;
  border: none;
  background-color: transparent;
  z-index: 300;
}

.myalert {
  margin-top: 12px;
  color: #ffffff;
  background-color: #FF0000;
  font-weight: bold;
  font-size: 12pt;
  text-align: center;
}