@charset "UTF-8";
/*
 * Specific styles of signin component
 */
/*
 * General styles
 */
.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; }

#headerpage {
  margin-left: auto;
  margin-right: auto;
  background: -webkit-linear-gradient(#7e7a79, #272626);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#7e7a79, #272626);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#7e7a79, #272626);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(#7e7a79, #272626);
  /* Standard syntax */
  height: 100px;
  width: 1150px;
  position: relative;
  background-image: url("../img/start/woman1.png");
  background-repeat: no-repeat;
  background-position: right top;
  background-color: #ffffff; }

#motopage {
  margin-left: auto;
  margin-right: auto;
  background-color: #ffffff;
  height: 204px;
  width: 1150px;
  background-image: url("../img/start/woman2.png");
  background-repeat: no-repeat;
  background-position: right top; }

#loginpage {
  margin-left: auto;
  margin-right: auto;
  background: -webkit-linear-gradient(#272626, #7e7a79);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#272626, #7e7a79);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#272626, #7e7a79);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(#272626, #7e7a79);
  /* Standard syntax */
  height: 80px;
  width: 1150px; }

#bodypage {
  margin-left: auto;
  margin-right: auto;
  background-color: #ffffff;
  width: 1150px; }

ul.img-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin-right: 0px;
  text-align: center; }

ul.img-list li {
  display: inline-block;
  height: 120px;
  margin: 0 1em 1em 0;
  position: relative;
  width: 170px; }

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

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

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

span.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; }

ul.img-list li:hover span.text-content {
  opacity: 1; }

span.text-content {
  background: white;
  color: #888888;
  border: 2px solid #dddddd;
  font-weight: bold;
  cursor: pointer;
  display: table;
  height: 155px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 168px;
  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; }

.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; }

/*ΤΟ ΒΕΛΑΚΙ ΓΙΑ ΤΗΝ ΕΠΙΛΟΓΗ ΓΛΩΣΣΑΣ*/
#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; }

/*όταν το πεδίο είναι invalid(demo email), κοκκινιζει*/
/*input.ng-invalid {
  border: 1px solid #f00;
  background-color: #fee;
}*/
/*
START: LANGUAGE SELECTOR FOR LOGIN SCREEN
*/
.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; }

/*
END: LANGUAGE SELECTOR FOR LOGIN SCREEN
*/

/*# sourceMappingURL=login.css.map */