/*------------------------------------------------------------------------
# mod_calculoonline - calculo-online
# ------------------------------------------------------------------------
# author    WebDesign
# copyright Copyright (C) 2018 WebDesign All Rights Reserved.
# @license - GNU/GPLv3 http://www.gnu.org/licenses/gpl-3.0.html
# Websites: http://sites-design.com
# Technical Support:  webdesign@sites-design.com
-------------------------------------------------------------------------*/

.pre-texto {display: inline-block; font-size: 20px; border-bottom: 1px solid #ddd; padding: 0 100px 0 0; margin: 5px 0 20px;}  
#calc {padding: 8px; border: 2px solid #B0D2E9;}  
#calc form {background: rgba(220,220,220,0.1); border: 1px solid #C4DDEE; position: relative; padding: 1em 1em 2em 0.3em; margin-bottom: 2em;}  
#calc form fieldset {border: none; margin-left: 10% !important;}  
#calc .calc-inputs, #calc .calc-formlist {padding: 0; margin: 0;}  
#calc .calc-input {list-style-type: none; padding: 4px 5px; text-align: left;}  
#calc input:focus {border: none;}  
#calc .calc-input select {-webkit-appearance: none; -moz-appearance: none; text-overflow: "";  background: url("arrow_open.png") no-repeat 98% center; width: 210px; line-height: 20px; border: solid 1px #ddd; color: #666; margin: 0;}  
.calc-results_inner div.clear {height: 10px;}  

#calc-varNumIdiomas input {background: none; width: 187px; border: solid 1px #ddd; margin: 0; padding: 4px 10px;}  

#calc .calc-input label {
    color: #555;
	font-size: 16px;
    font-weight: bold;
    border-left: 4px solid #B0D2E9;
    float: left;
    width: 160px;
	margin: 5px 0 0 0;
    padding: 0 8px;
} 
#calc .calc-input img {margin-bottom: -0.2em;}  
#calc .calc-text {padding: 0.5em 0 0.5em 2em; text-align: left; font-size: 0.9em; line-height: 1.5em;}  
#calc-button, #calc-rqst-button, #calc-self-button {
    color: #1F74AD;
    border: 1px solid #C4DDEE;
    background: #C1DCEE;
    cursor: pointer;
    font-weight: bold;
    font-size: 1em;
    text-align: center;
    margin: 18px 20px 0 0;
    padding: 4px 10px;
    position: relative;
    right: 1em;
    height: auto;
    float: right;
}  
#calc a#calc-reset {
    color: #1F74AD;
    border: 1px solid #C4DDEE;
    background: #C1DCEE;
    cursor: pointer;
    font-weight: bold;
    font-size: 0.9em;
    text-align: center;
    margin: 18px 0 0 20px;
    padding: 4px 10px;
    position: relative;
    height: auto;
    float: left;
    left: 1em;
}
#calc-button, #calc a#calc-reset {
	-webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;
} 	
#calc-button:hover, #calc a#calc-reset:hover, #calc a#calc-reset:active, #calc a#calc-reset:focus {background: #eee; color: #225679; text-decoration: none;}  
.se_aplicavel {font-size: 12px; color: #777; margin: 10px 0 0 5px; border-left: 2px solid #ccc; line-height: 14px; padding: 0 0 0 10px;}  
#calc-results {display: table; width: 100%;}  
.calc-results_inner {background: rgba(220,220,220,0.1); font-size: 0.9em; line-height: 1em; border: 1px solid #C4DDEE; padding: 15px 1em 0 1em;}  
#calc .calc-result-value {color: #1F74AD; font-weight: bold; font-size: 18px;}  
.total-estimado {margin: 15px 0 10px; font-size: 20px; color: #2D74AD; font-weight: 700; border-bottom: 1px solid #eaeaea;}  
.resultados {float: left; width: 260px; font-size: 18px; margin-left: 15px;}  
.incluido {border-top: 1px solid #ddd; margin: 5px 0 0; padding: 10px 0 0;}  
.incluido p {font-size: 17px; color: #777; font-weight: 700;}  
.incluido p + p {font-size: 15px; font-weight: 400; margin-left: 15px;}  

@media (min-width: 768px) and (max-width: 979px) {

}  

@media (max-width: 767px) { 
  #calc form fieldset {border: none; margin-left: 0 !important;}  
}  

@media (max-width: 480px) {
  #calc form {padding: 1em 1% 2em 0.3em;} 
  .calc-results_inner {padding: 1em 1%;}  
  .resultados {width: 230px; font-size: 16px; margin-left: 0;}  
  .incluido p {font-size: 15px;}  
  #calc .calc-input label {width: 45%; padding: 2px 1%; line-height: 15px;}  
  #calc .calc-input {padding: 8px 0 8px 1%; width: 99%;}  
  #calc .calc-input select {width: 51%; font-size: 11px; font-weight: 700;}  
  #calc-varNumIdiomas input {width: 48%; padding: 4px 1%;}  
  .total-estimado {font-size: 16.5px;}  
  #calc a#calc-reset {font-size: 0.8em; margin: 1em 0; left: 8px;}  
  #calc-button {font-size: 0.8em; margin: 1em 0; right: 8px;}  
}  

#loader {
  position: absolute;
  left: 50%;
  bottom: 10%;
  z-index: 1;
  width: 120px;
  height: 120px;
  margin: -60px 0 0 -60px;
  border: 16px solid rgba(220,220,220,0.2);
  border-radius: 50%;
  border-top: 16px solid #89BADF;
  -webkit-animation: spin 1.5s linear infinite;
  animation: spin 1.5s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}