.page-loginfrm {
  background-image: url("../images/bg_login-002.png");
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh;
  position: relative;
}
.topicon { position: absolute;left: 410px; top: 30px; display: flex;}
.topicon a.icontop { display: block; width: 55px; height: 55px; margin: 10px; text-align: center; color: #666464;}
.topicon a.icontop span { display: block;}
.topicon a.icontop i { font-size: 25px;}
.topicon a.icontop.admin { background-image: url("../images/icon_nav_admin.png");background-repeat: no-repeat;background-size: auto 100%;}
.topicon a.icontop.mail { background-image: url("../images/icon_nav_call.png");background-repeat: no-repeat;background-size: auto 100%;}
.topicon a.icontop.call { background-image: url("../images/icon_nav_mail.png");background-repeat: no-repeat;background-size: auto 100%;}

.boxlogin { width: 315px; border: 0px solid #000; float: right; margin: 26% 11% 0 0;}
.boxlogin .frminput { display: flex; width: 100%; margin-bottom: 15px; position: relative;}
.boxlogin .frminput .icon { position: absolute;
  padding: 15px;
  color: black;
  min-width: 40px;
  text-align: center;
}
.boxlogin .frminput .input-field {
  width: 100%;
  padding: 8px 8px 8px 40px;
  outline: none; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; border: 2px solid #CCC;
}
.boxlogin .frminput .input-field:focus {
  border: 2px solid dodgerblue;
}
.boxlogin .frmtext { display: flex;justify-content:space-between; padding: 0 10px; color: #FFF;}
.boxlogin .frmtext a {  color: #FFF;}
.boxlogin .frmbutton {}
.boxlogin .frmbutton button {
  width: 100%; background: #FFF; padding: 4px 0 4px 0;
  outline: none;-webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}

.inputerrorText { position: absolute; bottom: -10px; left: 40px; font-size: 9px; color: #F00;}

.boxsearch { position: absolute; right: 10%; top: 5%;}
.boxsearch > form { display: flex;flex-wrap: nowrap;justify-content:center; align-items: center; }
.boxsearch .boxsearchinput {display: flex;justify-content:space-between; width: 300px; height: 50px; -webkit-box-shadow: inset 0px 4px 5px 0px rgba(94,99,125,1);
-moz-box-shadow: inset 0px 4px 5px 0px rgba(94,99,125,1);
box-shadow: inset 0px 4px 5px 0px rgba(94,99,125,1); background-color: #8d909f; border-radius: 50px; padding: 5px 5px 5px 22px;}
.boxsearch .boxsearchinput input[type=text] { padding: 8px 0 8px 0; width: 100%;  border: 0; background: none; color: #FFF;}
.boxsearch .boxsearchinput button[type=submit] { height: 40px; width: 40px; border-radius: 50%;}

.boxsearch .boxlang { margin: 0 0 0 10px; width: 80px; padding: 5px 0 5px 0; background-color: #0db36a; border-radius: 10px; color: #3dc188; text-align: center;-webkit-box-shadow: inset 0px 0px 11px 0px rgba(121,213,173,1);
-moz-box-shadow: inset 0px 0px 11px 0px rgba(121,213,173,1);
box-shadow: inset 0px 0px 11px 0px rgba(121,213,173,1);}
.boxsearch .boxlang a { color: #FFF;}