/* rl-calc-web.css styling */

.jslider {
  position: relative;
  top: .6em;
  cursor: pointer;
  display: block;
  width: 100%;
  height: 1em;
}

.jslider.disabled {
  opacity: .5
}

.jslider table {
  border-collapse: collapse;
  border: 0;
  width: 100%
}

.jslider table td,
.jslider table th {
  width: 100%;
  border: 0;
  padding: 0;
  text-align: left;
  vertical-align: top
}

.jslider div.jslider-bg i,
.jslider div.jslider-pointer {
  background: url(../img/jslider.png) no-repeat 0 0
}

.jslider div.jslider-bg {
  position: relative
}

.jslider div.jslider-bg i {
  position: absolute;
  top: 0;
  height: 5px
}

.jslider div.jslider-bg i.left {
  left: 0;
  width: 50%;
  background-position: 0 0
}

.jslider div.jslider-bg i.right {
  left: 50%;
  width: 50%;
  background-position: right 0
}

.jslider div.jslider-bg i.range {
  position: absolute;
  top: 0;
  left: 20%;
  width: 60%;
  height: 5px;
  z-index: 1;
  background-repeat: repeat-x;
  background-position: 0 -40px
}

.jslider div.jslider-bg i.default {
  left: 0;
  width: 1px;
  z-index: 1;
  background-color: #185f83
}

.jslider.jslider-single .jslider-limitless .jslider-label,
.jslider.jslider-single div.jslider-bg .v,
.jslider.jslider-single div.jslider-pointer-to,
.jslider.jslider-single div.jslider-value-to {
  display: none
}

.jslider div.jslider-pointer {
  position: absolute;
  top: -4px;
  left: 20%;
  z-index: 2;
  width: 15px;
  height: 15px;
  background-position: 2px -60px;
  margin-left: -8px;
  cursor: pointer;
  cursor: hand
}

.jslider div.jslider-pointer.jslider-pointer-to {
  left: 80%
}

.jslider div.jslider-pointer.jslider-pointer-hover {
  background-position: -18px -60px
}

.jslider div.jslider-label small,
.jslider div.jslider-value small {
  position: relative;
  top: -.4em
}

.jslider div.jslider-label {
  position: absolute;
  top: -18px;
  left: 0;
  padding: 0 2px;
  opacity: .4;
  color: #000;
  font-size: 9px;
  line-height: 12px;
  white-space: nowrap
}

.jslider div.jslider-label.jslider-label-to {
  left: auto;
  right: 0
}

.jslider div.jslider-value {
  position: absolute;
  left: 0;
  padding: 1px 2px 0;
  background: #fff;
  font-size: 9px;
  line-height: 12px;
  white-space: nowrap;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px
}

.jslider div.jslider-value.jslider-value-to {
  left: 80%
}

.jslider div.jslider-scale {
  position: relative;
  top: 9px
}

.jslider div.jslider-scale span {
  position: absolute;
  height: 5px;
  border-left: 1px solid #999;
  font-size: 0
}

.jslider div.jslider-scale ins {
  position: absolute;
  top: 5px;
  left: 0;
  font-size: 9px;
  text-decoration: none;
  color: #999
}

.jslider.vertical {
  display: block;
  width: 17px;
  height: 100%;
  position: relative;
  top: .6em;
  font-family: Arial, sans-serif
}

.jslider.vertical table {
  height: 100%
}

.jslider.vertical.jslider-pointer,
.jslider.vertical.sliderCSS .jslider-bg i {
  background-color: silver;
  background-image: none
}

.jslider.vertical .jslider-pointer,
.jslider.vertical div.jslider-bg i {
  background: url(../img/jslider.vertical.png) no-repeat 0 0
}

.jslider.vertical div.jslider-bg {
  position: relative;
  height: 100%
}

.jslider.vertical div.jslider-bg i {
  position: absolute;
  top: 0;
  width: 5px;
  font-size: 0
}

.jslider.vertical div.jslider-bg i.before {
  left: 50%;
  background: 0 0
}

.jslider.vertical div.jslider-bg i.left {
  top: 0;
  left: 50%;
  height: 50%;
  background-position: right 0;
  background-repeat: repeat-y
}

.jslider.vertical div.jslider-bg i.right {
  top: 50%;
  left: 50%;
  height: 50%;
  background-position: right 0;
  background-repeat: repeat-y
}

.jslider.vertical div.jslider-bg i.range {
  position: absolute;
  top: 0;
  left: 50%;
  width: 60%;
  height: 100%;
  z-index: 1;
  background-repeat: repeat-y;
  background-position: -36px 0
}

.jslider.vertical div.jslider-bg i.default {
  left: 50%;
  width: 5px;
  height: 1px;
  z-index: 1;
  background-color: #185f83
}

.jslider.vertical div.jslider-pointer {
  left: 62%;
  background-position: -7px -1px
}

.jslider.vertical div.jslider-pointer.jslider-pointer-hover {
  background-position: -7px -21px
}

.jslider.vertical div.jslider-pointer.jslider-pointer-to {
  left: 62%
}

.jslider.vertical div.jslider-pointer.jslider-pointer-to.jslider-pointer-hover {
  background-position: -7px -21px
}

.jslider.vertical div.jslider-label {
  top: -5px;
  margin-left: 22px
}

.jslider.vertical div.jslider-label.jslider-label-to {
  top: 100%;
  left: inherit;
  right: inherit;
  margin-top: -5px
}

.jslider.vertical div.jslider-value {
  top: 0;
  left: 0
}

.jslider.vertical div.jslider-value-to {
  top: 80%;
  left: 0
}

.jslider.vertical div.jslider-scale {
  position: inherit
}

.jslider.vertical div.jslider-scale span {
  position: absolute;
  width: 5px;
  height: 1px;
  border-left: 0;
  font-size: 0;
  border-top: 1px solid #999
}

.jslider.vertical div.jslider-scale ins {
  position: absolute;
  left: 0;
  top: 5px;
  font-size: 9px;
  text-decoration: none;
  color: #999
}

.jslider.sliderCSS div.jslider-bg i.left {
  left: 0;
  width: 50%;
  background-color: silver;
  background-image: none
}

.jslider.sliderCSS div.jslider-bg i.right {
  width: 50%;
  left: 50%;
  background-color: silver;
  background-image: none
}

.jslider.sliderCSS div.jslider-bg i.before {
  left: 0;
  width: 1px;
  background-color: rgba(92, 98, 203, .89);
  background-image: none
}

.jslider.sliderCSS div.jslider-bg i.default {
  left: 0;
  width: 1px;
  z-index: 1;
  background-color: #fff;
  background-image: none
}

.jslider.sliderCSS div.jslider-bg i.after {
  left: 0;
  background-color: #0e1773;
  background-image: none
}

.jslider.sliderCSS div.jslider-bg i.range {
  position: absolute;
  top: 0;
  left: 20%;
  width: 60%;
  height: 5px;
  z-index: 1;
  background-image: none;
  background-color: #777575
}

.jslider.sliderCSS div.jslider-pointer {
  top: -3px;
  left: 15px;
  width: 10px;
  height: 10px;
  margin-left: -5px;
  border-radius: 50%
}

.jslider.sliderCSS div.jslider-bg i,
.jslider.sliderCSS div.jslider-pointer {
  background: 0 0
}

.jslider.sliderCSS.vertical td {
  height: 100%
}

.jslider.sliderCSS.vertical div.jslider-bg i {
  left: 50%;
  width: 5px
}

.jslider.sliderCSS.vertical div.jslider-bg i.left {
  top: 0;
  height: 50%;
  background-color: silver;
  background-image: none
}

.jslider.sliderCSS.vertical div.jslider-bg i.right {
  height: 50%;
  top: 50%;
  background-color: silver;
  background-image: none
}

.jslider.sliderCSS.vertical div.jslider-bg i.range {
  height: 100%;
  z-index: 1;
  background-color: #777575;
  background-image: none
}

.jslider.sliderCSS.vertical div.jslider-bg i.before {
  background-color: rgba(92, 98, 203, .89);
  background-image: none
}

.jslider.sliderCSS.vertical div.jslider-bg i.default {
  height: 1px;
  background-color: #fff;
  background-image: none;
  z-index: 2
}

.jslider.sliderCSS.vertical div.jslider-bg i.after {
  background-color: #0e1773;
  background-image: none
}

.jslider.sliderCSS.vertical div.jslider-bg i,
.jslider.sliderCSS.vertical div.jslider-pointer {
  background: 0 0
}

.jslider.sliderCSS.vertical div.jslider-pointer {
  left: 50%;
  width: 10px;
  height: 10px;
  background-color: #615959;
  border-radius: 50%;
  margin-left: -3px
}

.jslider.sliderCSS.vertical div.jslider-pointer.jslider-pointer-to {
  left: 50%
}

.jslider.jslider_round div.jslider-bg i,
.jslider.jslider_round div.jslider-pointer {
  background: url(../img/jslider.round.png) no-repeat 0 0
}

.jslider.jslider_round div.jslider-bg i {
  background-position: 0 -20px
}

.jslider.jslider_round div.jslider-bg i.default {
  background-color: #C2C7CA
}

.jslider.jslider_round div.jslider-bg i.range {
  z-index: 1;
  background-position: 0 -40px
}

.jslider.jslider_round div.jslider-pointer {
  top: -6px;
  width: 20px;
  height: 17px;
  background-position: 0 -60px;
  z-index: 2
}

.jslider.jslider_round div.jslider-pointer.jslider-pointer-hover {
  background-position: -20px -60px
}

.jslider.jslider_round.vertical div.jslider-bg i,
.jslider.jslider_round.vertical div.jslider-pointer {
  background: url(../img/jslider.round.vertical.png) no-repeat 0 0
}

.jslider.jslider_round.vertical div.jslider-bg i {
  background-position: right 0
}

.jslider.jslider_round.vertical div.jslider-bg i.range {
  background-position: -37px 0
}

.jslider.jslider_round.vertical div.jslider-bg i.after,
.jslider.jslider_round.vertical div.jslider-bg i.before {
  background: 0 0
}

.jslider.jslider_round.vertical div.jslider-bg i.default {
  background-color: #c2c7ca
}

.jslider.jslider_round.vertical div.jslider-pointer {
  top: -6px;
  width: 20px;
  height: 17px;
  background-position: -4px -3px
}

.jslider.jslider_round.vertical div.jslider-pointer.jslider-pointer-hover {
  background-position: -4px -23px
}

.jslider.jslider_round.vertical div.jslider-pointer.jslider-value-to {
  left: 80%
}

.jslider.jslider_round.vertical div.jslider-value {
  left: 0
}

.jslider.jslider_blue .jslider-bg i,
.jslider.jslider_blue .jslider-pointer {
  background: url(../img/jslider.blue.png) no-repeat 0 0
}

.jslider.jslider_blue .jslider-bg i {
  background-position: 2px -20px
}

.jslider.jslider_blue .jslider-bg i.default {
  background-color: #c2c7ca
}

.jslider.jslider_blue .jslider-bg i.range {
  z-index: 1;
  background-position: 0 -40px
}

.jslider.jslider_blue div.jslider-pointer {
  top: -6px;
  width: 20px;
  height: 17px;
  background-position: 2px -60px;
  z-index: 2
}

.jslider.jslider_blue div.jslider-pointer.jslider-pointer-hover {
  background-position: -20px -60px
}

.jslider.jslider_blue.vertical div.jslider-bg i,
.jslider.jslider_blue.vertical div.jslider-pointer {
  background: url(../img/jslider.blue.vertical.png) no-repeat 0 0
}

.jslider.jslider_blue.vertical div.jslider-bg i {
  background-position: right 0
}

.jslider.jslider_blue.vertical div.jslider-bg i.range {
  background-position: -37px 0
}

.jslider.jslider_blue.vertical div.jslider-bg i.after,
.jslider.jslider_blue.vertical div.jslider-bg i.before {
  background: 0 0
}

.jslider.jslider_blue.vertical div.jslider-bg i.default {
  background-color: #c2c7ca
}

.jslider.jslider_blue.vertical div.jslider-pointer {
  top: -6px;
  width: 20px;
  height: 17px;
  background-position: -7px 0
}

.jslider.jslider_blue.vertical div.jslider-pointer.jslider-pointer-hover {
  background-position: -7px -20px
}

.jslider.jslider_blue.vertical div.jslider-value {
  left: 0
}

.jslider.jslider_plastic .jslider-bg i,
.jslider.jslider_plastic .jslider-pointer {
  background: url(../img/jslider.plastic.png) no-repeat 0 0
}

.jslider.jslider_plastic .jslider-bg i {
  background-position: 2px -20px
}

.jslider.jslider_plastic .jslider-bg i.default {
  background-color: #c2c7ca
}

.jslider.jslider_plastic .jslider-bg i.range {
  z-index: 1;
  background-position: 0 -40px
}

.jslider.jslider_plastic .jslider-pointer {
  z-index: 2;
  width: 20px;
  height: 17px;
  top: -4px;
  background-position: 2px -60px
}

.jslider.jslider_plastic .jslider-pointer.jslider-pointer-hover {
  background-position: -18px -60px
}

.jslider.jslider_plastic.vertical div.jslider-bg i,
.jslider.jslider_plastic.vertical div.jslider-pointer {
  background: url(../img/jslider.plastic.vertical.png) no-repeat 0 0
}

.jslider.jslider_plastic.vertical div.jslider-bg i {
  background-position: right 0
}

.jslider.jslider_plastic.vertical div.jslider-bg i.range {
  background-position: -35px 0
}

.jslider.jslider_plastic.vertical div.jslider-bg i.after,
.jslider.jslider_plastic.vertical div.jslider-bg i.before {
  background: 0 0
}

.jslider.jslider_plastic.vertical div.jslider-bg i.default {
  background-color: #c2c7ca
}

.jslider.jslider_plastic.vertical div.jslider-pointer {
  top: -6px;
  margin-left: -6px;
  width: 20px;
  height: 17px;
  background-position: -7px -1px
}

.jslider.jslider_plastic.vertical div.jslider-pointer.jslider-pointer-hover {
  background-position: -7px -21px
}

.gridster {
  position: relative;
  margin: auto;
  height: 0
}

.gridster-content>ul {
  margin: 0;
  list-style: none;
  padding: 0
}

.gridster-item {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  list-style: none;
  z-index: 2;
  position: absolute;
  display: none
}

.gridster-loaded {
  -webkit-transition: height .3s;
  -moz-transition: height .3s;
  -o-transition: height .3s;
  transition: height .3s
}

.gridster-loaded .gridster-item {
  display: block;
  position: absolute;
  -webkit-transition: opacity .3s, left .3s, top .3s, width .3s, height .3s;
  -moz-transition: opacity .3s, left .3s, top .3s, width .3s, height .3s;
  -o-transition: opacity .3s, left .3s, top .3s, width .3s, height .3s;
  transition: opacity .3s, left .3s, top .3s, width .3s, height .3s
}

.gridster-mobile {
  height: auto!important
}

.gridster-mobile .gridster-item {
  height: auto;
  position: static;
  float: none
}

.gridster-preview-holder {
  display: none;
  z-index: 1;
  position: absolute;
  background-color: #ddd;
  border-color: #fff;
  opacity: .2
}

.gridster-item.gridster-item-moving,
.gridster-item.gridster-preview-holder {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none
}

.gridster-item.ng-leave.ng-leave-active {
  opacity: 0
}

.gridster-item.ng-enter {
  opacity: 1
}

.gridster-item-moving {
  z-index: 3
}

.gridster-item-resizable-handler {
  position: absolute;
  font-size: 1px;
  display: block
}

.handle-se {
  cursor: se-resize;
  width: 0;
  height: 0;
  right: 1px;
  bottom: 1px;
  border-style: solid;
  border-width: 0 0 12px 12px;
  border-color: transparent
}

.handle-ne {
  cursor: ne-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  top: 1px
}

.handle-nw {
  cursor: nw-resize;
  width: 12px;
  height: 12px;
  left: 1px;
  top: 1px
}

.handle-sw {
  cursor: sw-resize;
  width: 12px;
  height: 12px;
  left: 1px;
  bottom: 1px
}

.handle-e {
  cursor: e-resize;
  width: 12px;
  bottom: 0;
  right: 1px;
  top: 0
}

.handle-s {
  cursor: s-resize;
  height: 12px;
  right: 0;
  bottom: 1px;
  left: 0
}

.handle-n {
  cursor: n-resize;
  height: 12px;
  right: 0;
  top: 1px;
  left: 0
}

.handle-w {
  cursor: w-resize;
  width: 12px;
  left: 1px;
  top: 0;
  bottom: 0
}

.gridster .gridster-item:hover .gridster-box {
  border: 1.5px solid #B3B2B3
}

.gridster .gridster-item:hover .handle-se {
  border-color: transparent transparent #ccc
}

.cg-notify-message {
  position: fixed;
  top: 0;
  z-index: 9999;
  max-width: 400px;
  text-align: center;
  background-color: #d9edf7;
  color: #31708f;
  padding: 15px;
  border: 1px solid #bce8f1;
  border-radius: 4px;
  -webkit-transition: top .5s ease-out, opacity .2s ease-out;
  -moz-transition: top .5s ease-out, opacity .2s ease-out;
  -o-transition: top .5s ease-out, opacity .2s ease-out;
  transition: top .5s ease-out, opacity .2s ease-out;
  visibility: hidden;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
}

.cg-notify-message-center {
  left: 50%
}

.cg-notify-message-left {
  left: 15px
}

.cg-notify-message-right {
  right: 15px
}

.cg-notify-message a {
  font-weight: 700;
  color: inherit
}

.cg-notify-message a:hover {
  color: inherit
}

.cg-notify-close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: 0 0;
  border: 0;
  font-size: 21px;
  font-weight: 700;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: .2;
  position: absolute;
  top: 0;
  right: 3px;
  line-height: 15px
}

.cg-notify-close:focus,
.cg-notify-close:hover {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: .5
}

.cg-notify-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0
}




/* CALCULOID STYLING */
.calculoid-field-item,
.calculoid-option {
  float: left
}

div.calculoid-field-item .calculoid-box {
  padding: 8px;
  margin: 8px;
  box-shadow: 0 0 5px rgba(0, 0, 0, .2)
      
}

.calculoid-clearfix {
  clear: both
}

.calculoid-hide {
  display: none!important
}

.calculoid-gauge-field table {
  margin-left: auto!important;
  margin-right: auto!important
}

.calculoid-box {
  position: relative
}

.calculoid-field-item {
  overflow-x: auto;
  position: relative
}

.calculoid-field-item h4 {
  margin: 3px 0 13px
}

.calculoid-field-hint {
  font-size: 15px
}

li.calculoid-field-item {
  line-height: 1em
}

.calculoid-field-item .field-error {
  position: absolute;
  top: 0;
  right: 0;
  border: 1px dashed red;
  padding: 5px;
  color: red
}

.gridster-desktop .calculoid-field-item .calculoid-box {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

.gridster.gridster-mobile .gridster-item {
  padding: 10px;
  position: relative
}

.calculoid-container .calculoid-slider-field table tbody tr td {
  padding: 0;
  margin: 0;
}

.calculoid-field-item .jslider.sliderCSS div.jslider-pointer {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  top: -8px;
  border: 2px solid #FFF;
  box-shadow: 0 0 10px rgba(125, 125, 125, .8);
  margin-left: -10px
}

.calculoid-slider-field .slider-wrapper {
  padding: 20px 0
}

.jslider div.jslider-value {
  top: -20px
}

.calculoid-pt-10 {
  padding-top: 10px
}

.calculoid-container .form-control {
  width: 100%
}

.calculoid-text-center {
  text-align: center
}

.calculoid-box .calculoid-text-field .calculoid-prefix {
  padding-right: 10px
}

.calculoid-box .calculoid-text-field .postfix {
  padding-left: 10px
}

.calculoid-container input[type=number],
.calculoid-container input[type=text],
.calculoid-container select,
.calculoid-container textarea {
  display: block;
  width: 100%;
  padding: 6px 12px;
  font-size: 20px;
  font-weight:700;
  line-height: 1.42857143;
  color: #008655;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.calculoid-container input[type=number],
.calculoid-container input[type=text],
.calculoid-container select {
  height: 34px
}

.calculoid-container .btn {
  border-radius: 4px;
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent
}

.calculoid-info>h1 {
  padding-left: 10px;
  margin-bottom: 4px
}

h4.calculoid-field-title {
  padding-top: 0;
  margin-top: 0;
  margin-bottom: 8px;
}

.calculoid-text-field {
  display: flex
}

.calculoid-container .jslider div.jslider-scale ins {
  left: -3px
}

.calculoid-w50pr {
  display: block;
  width: 50%;
  float: left
}

.calculoid-payment-logos {
  width: 100%;
  max-width: 235px
}

.calculoid-theme-gradient .gridster-desktop .calculoid-field-item .calculoid-box {
  -webkit-transform: none;
  -webkit-flex-direction: column;
  -webkit-align-items: center;
  -webkit-justify-content: center
}

.calculoid-theme-bordered .gridster-desktop .calculoid-field-item .calculoid-box {
  -webkit-transform: none;
  -webkit-flex-direction: column;
  -webkit-align-items: center;
  -webkit-justify-content: center
}

.calculoid-container *,
.calculoid-container:after,
.calculoid-container:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.calculoid-theme-default .gridster-item {
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
  box-shadow: 0 0 5px rgba(0, 0, 0, .3);
  padding: 2px 10px;
  overflow: visible
}

.calculoid-theme-plain .calculoid-field-item {
  padding: 10px
}

.calculoid-theme-gradient .gridster .gridster-item {
  border-radius: 4px;
  -moz-box-shadow: 2px 2px 5px 0 #656565;
  -webkit-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .2);
  -o-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .2);
  box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .2);
  padding: 0;
  color: #333;
  background: #dfdfdf;
  background: -moz-linear-gradient(top, rgba(223, 223, 223, 1) 0, rgba(255, 255, 255, 1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(223, 223, 223, 1)), color-stop(100%, rgba(255, 255, 255, 1)));
  background: -webkit-linear-gradient(top, rgba(223, 223, 223, 1) 0, rgba(255, 255, 255, 1) 100%);
  background: -o-linear-gradient(top, rgba(223, 223, 223, 1) 0, rgba(255, 255, 255, 1) 100%);
  background: -ms-linear-gradient(top, rgba(223, 223, 223, 1) 0, rgba(255, 255, 255, 1) 100%);
  background: linear-gradient(to bottom, rgba(223, 223, 223, 1) 0, rgba(255, 255, 255, 1) 100%);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ffffff', GradientType=0)
}

.calculoid-theme-gradient .gridster-desktop .calculoid-field-item .calculoid-box {
  overflow: hidden;
  padding: 30px 15px 5px;
  transform: none;
  top: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center
}

.calculoid-theme-gradient .gridster-desktop .calculoid-field-item .calculoid-box.no-h4 {
  padding-top: 5px
}

.calculoid-theme-gradient .gridster-desktop .calculoid-field-item .calculoid-box>p,
.gridster-desktop .calculoid-field-item .calculoid-box>div {
  padding: 0;
  width: 100%
}

.calculoid-theme-gradient .gridster-desktop .calculoid-field-item .calculoid-box>p {
  line-height: 1.2;
  margin: 0
}

.calculoid-theme-gradient .gridster-desktop .calculoid-field-item h4.calculoid-field-title {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  color: #000;
  background: #fff;
  margin: 0;
  padding: 4px 20px;
  font-size: 20px;
  overflow: hidden;
  border-radius: 4px 4px 0 0;
  font-weight: 400;
  border: 0
}

.calculoid-theme-gradient input[type=text] {
  border-radius: 4px;
  font-size: 13px;
  height: 31px
}

.calculoid-theme-gradient.calculoid-color-scheme-blue .gridster-desktop .calculoid-field-item h4.calculoid-field-title {
  color: #fff;
  background: #147AF9;
  border-bottom: 2px solid #0F5CBD
}

.calculoid-theme-gradient.calculoid-color-scheme-red .gridster-desktop .calculoid-field-item h4.calculoid-field-title {
  color: #F5F2E9;
  background: #E34B2A;
  border-bottom: 2px solid #AD351B
}

.calculoid-theme-gradient.calculoid-color-scheme-green .gridster-desktop .calculoid-field-item h4.calculoid-field-title {
  color: #F5F2E9;
  background: #09AB36;
  border-bottom: 2px solid #048227
}

.calculoid-theme-gradient.calculoid-color-scheme-dark .gridster-desktop .calculoid-field-item h4.calculoid-field-title {
  color: #F5F2E9;
  background: #484848;
  border: 0
}

.calculoid-theme-bordered .gridster .gridster-item {
  border-radius: 4px;
  border: 1px solid #DADADA;
  border-top: 3px solid #dfdfdf;
  box-shadow: 1px 1px 3px #dfdfdf
}

.calculoid-theme-bordered .gridster-desktop .calculoid-field-item .calculoid-box {
  overflow: hidden;
  padding: 40px 15px 5px;
  transform: none;
  top: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center
}

.calculoid-theme-bordered .gridster-desktop .calculoid-field-item .calculoid-box.no-h4 {
  padding-top: 5px
}

.calculoid-theme-bordered .gridster-desktop .calculoid-field-item .calculoid-box>p,
.gridster-desktop .calculoid-field-item .calculoid-box>div {
  padding: 0;
  width: 100%
}

.calculoid-theme-bordered .gridster-desktop .calculoid-field-item .calculoid-box>p {
  line-height: 1.2;
  margin: 0
}

.calculoid-theme-bordered .gridster-desktop .calculoid-field-item h4.calculoid-field-title {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: #f6f6f6;
  margin: 0;
  padding: 7px 20px;
  overflow: hidden;
  font-weight: 400;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  border-bottom: 2px solid #DADADA
}

.calculoid-theme-bordered.calculoid-color-scheme-default .gridster-desktop .calculoid-field-item h4.calculoid-field-title {
  color: #33353f
}

.calculoid-theme-bordered.calculoid-color-scheme-blue .gridster .gridster-item {
  border-top: 3px solid #147AF9
}

.calculoid-theme-bordered.calculoid-color-scheme-blue .gridster-desktop .calculoid-field-item h4.calculoid-field-title {
  color: #147AF9
}

.calculoid-theme-bordered.calculoid-color-scheme-red .gridster .gridster-item {
  border-top: 3px solid #E34B2A
}

.calculoid-theme-bordered.calculoid-color-scheme-red .gridster-desktop .calculoid-field-item h4.calculoid-field-title {
  color: #E34B2A
}

.calculoid-theme-bordered.calculoid-color-scheme-green .gridster .gridster-item {
  border-top: 3px solid #09AB36
}

.calculoid-theme-bordered.calculoid-color-scheme-green .gridster-desktop .calculoid-field-item h4.calculoid-field-title {
  color: #09AB36
}

.calculoid-theme-bordered.calculoid-color-scheme-dark .gridster .gridster-item {
  border-top: 3px solid #33353f
}

.calculoid-theme-bordered.calculoid-color-scheme-dark .gridster-desktop .calculoid-field-item h4.calculoid-field-title {
  color: #33353f
}

.calculoid-theme-dark-background h1,
.calculoid-theme-dark-background h2,
.calculoid-theme-dark-background h3,
.calculoid-theme-dark-background h4,
.calculoid-theme-dark-background h5,
.calculoid-theme-dark-background h6,
.calculoid-theme-dark-background p {
  color: #fff
}

.calculoid-theme-dark-background {
  font-family: 'Open Sans', sans-serif;
  color: #fff
}

.calculoid-theme-dark-background .gridster .gridster-item {
  -webkit-box-shadow: 0 0 5px rgba(255, 255, 255, .8);
  -moz-box-shadow: 0 0 5px rgba(255, 255, 255, .8);
  box-shadow: 0 0 5px rgba(255, 255, 255, .8)
}

.calculoid-theme-dark-background .calculoid-field-item {
  padding: 10px
}



.rzslider .rz-selection,
.rzslider .rz-pointer {
background-color:#008655 !important;
}








/* CUSTOM */












.ng-scope.ng-isolate-scope.gridster.gridster-desktop.gridster-loaded {}
.ng-scope h1 {display:none;}
.ng-scope h4,h4.calculoid-field-title  {color:#25282A !important; font-family: "proxima nova condensed"; font-weight:700; line-height: 110% !important; vertical-align: middle;}

.calculoid-description.ng-scope.ng-binding {font-size:20px;padding-left:10px;color:#A2AAAD;display:none;}


.calculoid-container input[type=number], .calculoid-container input[type=text], .calculoid-container select {margin-bottom:10px;}

h4.calculoid-field-title.ng-scope.ng-binding { padding-top:10px !important; }



li#calculoid-field-55817.calculoid-field-item.ng-scope.gridster-item,
li#calculoid-field-55776.calculoid-field-item.ng-scope.gridster-item,
li#calculoid-field-55790.calculoid-field-item.ng-scope.gridster-item,
li#calculoid-field-55793.calculoid-field-item.ng-scope.gridster-item {margin:45px inherit 40px !important; height:150px !important; font-weight: 600; }


li#calculoid-field-55817,
li#calculoid-field-55776,
li#calculoid-field-55790,
li#calculoid-field-55793 {background-color:rgba(244,250,248,1.00); box-shadow: 0 0 5px rgba(153,206,187, 1.00); height:auto !important;display:inline-grid;padding:20px 0;}
li#calculoid-field-55817 {background-color:rgba(227,240,236,1.00); box-shadow: 0 0 5px rgba(0, 134, 85, 0.70); /* background-color:black; color:#ffffff; */}


#field_55817,#field_55776,#field_55790,#field_55793 {font-weight:700; color:rgb(0, 134, 85); line-height: 105%; vertical-align: middle; /* margin-top:10px; */ }





.jslider-pointer,.jslider-pointer-hover {background-color:rgb(0, 134, 85) !important;}
.jslider i.before,.jslider i.after {background-color:rgb(0, 134, 85) !important;}

.container-fluid.view-container {background-color:yellow}

li#calculoid-field-55818.calculoid-field-item.ng-scope.gridster-item {padding: 0 25px; border:4px solid #008655; }


div.calculoid-option.calculoid-option-22461,
div.calculoid-option.calculoid-option-22462,
div.calculoid-option.calculoid-option-22464,
div.calculoid-option.calculoid-option-36277 {margin:5px 0; display:block;}
div.calculoid-option.calculoid-option-36277 {margin:5px 0 14px;}



button.btn.btn-primary {background-color: #008655 !important;color: #fff; font-weight: 700; text-transform: uppercase; margin-bottom:0;}
button.btn.btn-primary:hover {background-color: #25282A !important;}

alert {color:red;font-weight:800;background:yellow;padding:0 7px;}

/* ALL FIELDS WITH CENTERED TEXT */
.gridster-loaded .gridster-item {text-align:center !important;}

.calculoid-container input[type=number],
.calculoid-container input[type=text],
.calculoid-container select,
.calculoid-container textarea {
    background-color:rgb(255, 255, 213);
    background-color:rgba(244,250,248,1.00);
}


#theme-page h4 {text-align:center !important;line-height:1.4rem !important;}
#field_55817,#field_55776,#field_55790,#field_55793 {text-align:center !important;font-weight:700 !important; font-size:200% !important;}
li#calculoid-field-55817, li#calculoid-field-55776, li#calculoid-field-55790, li#calculoid-field-55793 { display:inline-grid;height:auto; }
li#calculoid-field-55818.calculoid-field-item.gridster-item.calculoid-field-type-email {top:455px !important;}
.rzslider .rz-bubble.rz-limit, .rzslider .rz-bubble {font-size:12px;font-weight:600;color:rgb(0, 134, 85);}
.calculoid-slider-field .slider-wrapper {padding:0;}
.gridster li.calculoid-field-item {background:#f1f1f1;}
.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li {margin-bottom:0;
}

.rzslider .rz-bar {background:#000000 !important;}
.rzslider .rz-selection, .rzslider .rz-pointer {background:#008655 !important;}


div.calculoid-radio-field div.calculoid-option {text-align: center;}

@media (max-width:420px) {
 	#field_55817,#field_55776,#field_55790,#field_55793 {font-size:90% !important;}
	li#calculoid-field-55818.calculoid-field-item.gridster-item.calculoid-field-type-email {top:0 !important;}
    .calculoid-container button.btn.btn-primary {margin-bottom:0;white-space:normal;}
	#text-block-38 {margin-top:0;}
	li#calculoid-field-55817, li#calculoid-field-55776, li#calculoid-field-55790, li#calculoid-field-55793 { font-size:300%;width:100%; }
	.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li {margin-bottom:0;}
	.vc_column_container {margin-bottom:10px;}
	/* .vc_empty_space {display:none;} */
	span.formula-result {}
	.gridster.gridster-mobile .gridster-item {width:100%;}
	li#calculoid-field-55818.calculoid-field-item.gridster-item.calculoid-field-type-email {top:0 !important;}
}


@media (min-width: 571px) and (max-width: 736px) { 
      
    h4.ng-scope {font-family:"proxima-nova";}
    .ng-scope   {width:100%;}
    .calculoid-field-item.ng-scope.gridster-item {width:100%;padding;0;margin:0;}
    .mk-padding-wrapper {padding:0;}
    .vc_column_container>.vc_column-inner {padding:0;margin:0;}
    .calculoid-field-item.ng-scope.gridster-item {width:100%;}  

}

@media (max-width:630px) {
    h4.ng-scope {font-family:"proxima-nova";}
    .ng-scope   {width:100%;}
    .mk-padding-wrapper {padding:0 20px 0 0;}
    #field_55817,#field_55776,#field_55790,#field_55793 { font-size:120%; }
    li#calculoid-field-55817.calculoid-field-item.ng-scope.gridster-item,
    li#calculoid-field-55776.calculoid-field-item.ng-scope.gridster-item,
    li#calculoid-field-55790.calculoid-field-item.ng-scope.gridster-item,
    li#calculoid-field-55793.calculoid-field-item.ng-scope.gridster-item {}
    
    h4.calculoid-field-title.ng-scope.ng-binding {font-size:140%; !important}
    #field_55817,#field_55776,#field_55790,#field_55793 {font-size:120% !important;}
    .ng-scope h4,h4.calculoid-field-title {font-size:100% !important;}
    .calculoid-container button.btn.btn-primary {margin-bottom:20px;}
}

@media (min-width:768px) {
    
	#field_55817,#field_55776,#field_55790,#field_55793 {font-size:150% !important;}
	li#calculoid-field-55818.calculoid-field-item.gridster-item.calculoid-field-type-email {top:465px !important;}
}


@media (max-width:1020px) {
    
    li#calculoid-field-55777.calculoid-field-item.ng-scope.gridster-item {padding-bottom:20px;}

}

@media (max-width:1142px) {
    
    .ng-scope.ng-isolate-scope.gridster.gridster-desktop.gridster-loaded {}
    
    li#calculoid-field-55773.calculoid-field-item.ng-scope.gridster-item,
    li#calculoid-field-55769.calculoid-field-item.ng-scope.gridster-item {padding-bottom:20px;}

}



@media (min-width: 1143px) { 
    
    li#calculoid-field-55817.calculoid-field-item.ng-scope.gridster-item,
    li#calculoid-field-55776.calculoid-field-item.ng-scope.gridster-item,
    li#calculoid-field-55790.calculoid-field-item.ng-scope.gridster-item,
    li#calculoid-field-55793.calculoid-field-item.ng-scope.gridster-item {}

}