/**
 * imxPlattform - apiDoc 2018
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2018 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @subpackage configForm
 * @author     gueldner
 * @since      13.11.2018
 * @version    $Id$
 **/
/*  =========================================================
basic config
general structure setup
text
imports
========================================================== */
/*  =========================================================
basic config
========================================================= */
/*dimensions*/
/*corporate design*/
/*50 shades of grey*/
/*other colors*/
/*percentage dimensions*/
/*percentage margins*/
/*percentage paddings*/
/*default font settings*/
/*  =========================================================
general structure setup
========================================================= */
.configForm {
  background-color: #0A2663;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 1001px) {
  .configForm {
    height: calc(100vh - 150px);
  }
}
@media (max-width: 1000px) {
  .configForm {
    height: calc(100vh - 80px);
  }
}
.configForm__positionHelper {
  position: relative;
  width: 90%;
  max-width: 800px;
  margin: 0px auto;
}
/*  =========================================================
text
========================================================= */
.configForm p {
  font: 400 normal 1.6rem/1.25em 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.6rem;
  line-height: 1.25em;
  color: #fff;
  margin: 0px 0px 50px 0px;
  text-align: center;
}
.configForm p > strong {
  display: block;
  margin-bottom: 20px;
  font-size: 3rem;
  text-transform: uppercase;
}
/*  =========================================================
imports
========================================================= */
/**
 * imxPlattform - apiDoc 2018
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2018 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @subpackage configForm
 * @author     gueldner
 * @since      13.11.2018
 * @version    $Id$
 **/
/*  =========================================================
basic config
general structure setup
imports
========================================================== */
/*  =========================================================
basic config
========================================================= */
/*  =========================================================
general structure setup
========================================================= */
.configForm__content {
  box-sizing: border-box;
  padding: 20px 10px;
  background: #fff;
}
/*  =========================================================
input group
========================================================= */
.configForm__input {
  display: inline-block;
  height: 45px;
  background: #EEFAFA;
  margin: 0px 10px 10px 10px;
  box-sizing: border-box;
  padding: 0px 10px;
}
@media (min-width: 551px) {
  .configForm__input {
    width: calc(50% - 20px);
  }
}
@media (max-width: 550px) {
  .configForm__input {
    width: calc(100% - 20px);
  }
}
.configForm__input > label {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  overflow: hidden;
  font: 400 normal 1.2rem/1em 'Open Sans', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.2rem;
  line-height: 1em;
  color: #666;
  text-transform: uppercase;
}
.configForm__input input {
  flex: 1 1;
  padding-left: 5px;
  height: 100%;
  background: transparent;
  border: none;
  border-radius: 0px;
  outline: none;
  font: 400 normal 1.4rem/1em 'Open Sans', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.4rem;
  line-height: 1em;
  color: #666;
}
.configForm__input select {
  flex: 1 1;
  padding-left: 5px;
  margin-right: -20px;
  height: 100%;
  background: transparent;
  border: none;
  border-radius: 0px;
  outline: none font: 400 normal 1.4rem/1em 'Open Sans', sans-serif; font-weight: 400; font-style: normal; font-size: 1.4rem; line-height: 1em;;
  color: #666;
}
/* dropdown icon for selects */
.configForm__input > label > [class*='icon-'] {
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -5px;
  font-size: 10px;
  line-height: 10px;
  color: #666;
  pointer-events: none;
}
/*  =========================================================
footer
========================================================= */
.configForm__footer {
  text-align: right;
  padding: 20px 10px 0px 10px;
}
.configForm__footer > button {
  font: 400 normal 1.64rem/15px 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.64rem;
  line-height: 15px;
  color: #0A2663;
  display: inline-block;
  padding: 15px;
  border: none;
  background: #00FAA5;
  border-radius: 0px;
  outline: none;
}
/*# sourceMappingURL=_init.css.map */