/* ========= INFORMATION ============================

  - document:  Wpcalc - Set of calculators
	- author:    Wpcalc
	- version:   1.0
	- email:     ad@wpcalc.com
	- url:       https://wpcalc.com/

 ==================================================== */
.wpcalc {
  margin-bottom: 15px;
  border-radius: 2px;
  border: 1px solid #ccc;
  padding: 15px;
  background: #fff;
  box-shadow: 0 0 10px #000;
  /* Zebra striping */
}
.wpcalc input[type=number],
.wpcalc input[type=date],
.wpcalc input[type=text],
.wpcalc select,
.wpcalc textarea {
  width: 100%;
  border-radius: 0;
  border: 1px solid #cecece;
  padding: 10px;
  line-height: 1;
  background: #f3f3f3;
}
.wpcalc input[type=number]:read-only,
.wpcalc input[type=text]:read-only,
.wpcalc input[type=date]:read-only,
.wpcalc textarea:read-only {
  border: 1px solid #f07d7d;
}
.wpcalc input[type=button],
.wpcalc input[type=submit],
.wpcalc input[type=reset] {
  border-radius: 0;
  font-weight: bold;
  padding: 10px 20px;
  cursor: pointer;
  color: #ffffff;
  line-height: 1;
}
.wpcalc input[type=button],
.wpcalc input[type=submit] {
  background: #37c781;
}
.wpcalc input[type=button]:hover,
.wpcalc input[type=submit]:hover {
  background: #20a866;
}
.wpcalc input[type=reset] {
  background: #4C4C4C;
}
.wpcalc input[type=reset]:hover {
  background: #4d4d4d;
}
.wpcalc table {
  width: 100%;
  border: none;
  table-layout: fixed;
  margin: 0;
}
.wpcalc tr:nth-of-type(odd) {
  border: none;
}
.wpcalc th {
  font-weight: bold;
  border: none;
  text-align: center;
}
.wpcalc td {
  padding: 6px;
  text-align: left;
  border: none;
}
.wpcalc table.zebra {
  font-size: 14px;
  background: #ffffff;
}
.wpcalc table.zebra tr:nth-of-type(odd) {
  background: #eee;
}
.wpcalc .text-result {
  font-style: normal;
  font-weight: normal;
}
.wpcalc .extra-btn {
  text-align: center;
}
.wpcalc .extra-btn button {
  padding: 10px 20px;
  color: #ffffff;
}
.wpcalc .extra-btn button.print {
  background: #303030;
}
.wpcalc .extra-btn button.save {
  background: #1f9ef8;
}
.wpcalc .save {
  width: 100%;
  background: #a94442;
  color: #ffffff;
  text-align: center;
  padding: 15px;
  cursor: pointer;
  text-decoration: none;
  line-height: 1;
}
.wpcalc .save:hover {
  background: #e57673;
}
.wpcalc .form-save {
  background: #9c2542;
  display: flex !important;
  justify-content: space-between;
  flex-flow: row nowrap;
  padding: 15px;
  font-size: 13px;
  font-weight: normal;
}
.wpcalc .form-save input[type=email] {
  font-size: 13px;
  font-weight: normal;
  flex: 1;
}
.wpcalc .form-save input[type=submit],
.wpcalc .form-save input[type=button] {
  font-size: 13px;
  font-weight: normal;
  background: #a94442;
  cursor: pointer;
  color: white;
  border: none;
  transition: all 0.25s ease-in-out;
}
.wpcalc .form-save input[type=submit]:hover,
.wpcalc .form-save input[type=button]:hover {
  background: #e57673;
}
.wpcalc .hidden {
  display: none !important;
}

.calc-row {
  display: flex;
  padding: 0;
  margin: 0;
}

.calc-column {
  flex: 1;
}
.calc-column-2 {
  flex-basis: 50%;
}
.calc-column-3 {
  flex-basis: 33.3333%;
}
.calc-column-4 {
  flex-basis: 25%;
}

[class^=calc-column] {
  margin: 0;
  padding: 10px;
}

.calc-button {
  text-align: center;
}

.calc-result {
  font-weight: bold;
  margin: 0 -15px -15px;
  padding: 15px;
  background: #e4ddcb;
}

.calc-error {
  display: none;
  color: #e57673;
  font-size: 13px;
  text-align: center;
}

.result-area table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 2px;
}
.result-area table, .result-area thead, .result-area tbody, .result-area th, .result-area td, .result-area tr {
  border: none;
  text-align: center;
  word-break: normal;
}
.result-area th {
  padding: 5px;
  border-bottom: 1px solid #c0c0c0;
}
.result-area .calendar {
  display: flex;
  flex-wrap: wrap;
  font-size: 14px;
  color: #303030;
}
.result-area .calendar-one {
  width: 50%;
  padding: 20px;
  vertical-align: top;
}
.result-area .calendar-title {
  text-align: center;
  margin: 0 0 20px;
}
.result-area .calendar-year {
  font-weight: bold;
  color: #333;
}
.result-area .menstruation {
  background: #ffc8c8;
  border: #f00 2px solid !important;
}
.result-area .ovulation {
  background: #c8ffc8;
  border: #0f0 2px solid;
}
.result-area .fertility {
  background: #0f0;
  border: #0f0 2px solid;
}
.result-area .box {
  display: inline-block;
  font-size: 12px;
  padding: 5px 8px;
  margin-bottom: 5px;
}
.result-area .box-text {
  font-size: 13px;
  color: #222222;
  font-weight: normal;
}
.result-area .line-bottom {
  border-bottom: 1px dashed #1f9ef8;
}
.result-area #result, .result-area #send {
  text-align: center;
}
.result-area .result-message {
  text-align: left;
  font-weight: normal;
  font-size: 13px;
}
.result-area .email-message {
  display: block;
  padding: 10px 0;
  margin-top: 15px;
  font-size: 13px;
}
.result-area .email-message.success {
  background-color: #aeddb6;
  color: #09a526;
}
.result-area .email-message.error {
  background-color: #ffe8cc;
  color: #ff8a00;
}

th.calendar-head {
  font: bold 14px/1.2 Arial, sans-serif;
  padding: 5px;
  text-align: left;
  border-bottom: 1px solid #c0c0c0;
}

.calendar-np {
  padding: 5px;
}

.calendar-weekend {
  color: red;
}

.lds-facebook {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}

.lds-facebook div {
  display: inline-block;
  position: absolute;
  left: 6px;
  width: 13px;
  background: #1bbc9b;
  animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}

.lds-facebook div:nth-child(1) {
  left: 6px;
  animation-delay: -0.24s;
}

.lds-facebook div:nth-child(2) {
  left: 26px;
  animation-delay: -0.12s;
}

.lds-facebook div:nth-child(3) {
  left: 45px;
  animation-delay: 0;
}

@keyframes lds-facebook {
  0% {
    top: 6px;
    height: 51px;
  }
  50%, 100% {
    top: 19px;
    height: 26px;
  }
}
@media only screen and (max-width: 768px) {
  .calc-row {
    flex-wrap: wrap;
  }

  .calc-column {
    flex-basis: 100%;
    margin: 0;
    padding: 10px;
  }
  .calc-column-2 {
    flex-basis: 100%;
  }
  .calc-column-3 {
    flex-basis: 100%;
  }
  .calc-column-4 {
    flex-basis: 25%;
  }

  .wpcalc input[type=button],
.wpcalc input[type=submit],
.wpcalc input[type=reset] {
    width: 100%;
    margin: 10px 0;
  }
  .wpcalc .calendar-one {
    width: 100%;
  }
  .wpcalc .form-save {
    flex-wrap: wrap;
  }
  .wpcalc .form-save input[type=email] {
    width: 100%;
  }
  .wpcalc .form-save input {
    width: 100%;
  }
}

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