/**
 * @file
 * Gas Wizard CSS file.
 */

/* Description. */
#gas-wizard-description {
  margin: 5px 0 25px 0;
}

/* General block. */
div.col-xs-12.gas-wizard-blocks,
div#gas-wizard-block-4 {
  margin: 10px 0 50px;
}

div.col-xs-12.gas-wizard-blocks,
div.gas-wizard-blocks div.gas-wizard-block,
div#gas-wizard-block-4 {
  padding: 0;
}

/* Internal blocks. */
div.gas-wizard-blocks div.gas-wizard-block,
div.gas-wizard-blocks div.gas-wizard-block fieldset {
  min-height: 290px;
  max-height: 290px;
}

/* Buttons. */
div#gas-wizard-btns-1,
div#gas-wizard-btns-2,
div#gas-wizard-btns-3 {
  margin: 10px 0;
  overflow: auto;
  max-height: 180px;
}

button.gas-wizard-btn-1,
button.gas-wizard-btn-2,
button.gas-wizard-btn-3 {
 -ms-word-break: break-all;
     word-break: break-all;
     word-break: break-word;
-webkit-hyphens: auto;
   -moz-hyphens: auto;
    -ms-hyphens: auto;
        hyphens: auto;
        white-space: normal;
        height: 60px;
        line-height: 1.2;
}

button.gas-wizard-btn-1[disabled],
button.gas-wizard-btn-2[disabled],
button.gas-wizard-btn-3[disabled] {
  background-color: #037ab2;
  color: #fff;
}

/* Loader. */
#gas-wizard-loader div.loader-price {
  margin: 20px auto 0;
}

/* Pokemon cards block. */
.gas-wizard-cards {
  float: left;
  width: 21.429em;
  margin-left: 12px;
}

.gas-wizard-cards .card {
  float: none;
}

/* Results. */
.gas-wizard-result-1,
.gas-wizard-result-2,
.gas-wizard-result-3 {
  margin: 5px;
}

.gas-wizard-result-1-ico,
.gas-wizard-result-2-ico,
.gas-wizard-result-3-ico {
  margin-left: 12px;
  display: inline-block;
  width: 40px;
  height: 40px;
}

.gas-wizard-result-1-text,
.gas-wizard-result-2-text,
.gas-wizard-result-3-text {
  display: inline-block;
  padding: 5px 45px;
  border: 1px solid;
  border-radius: 15px;
  margin-left: 10px;
}