/* Global Styles */
@page {size: A4 portrait; margin:5%; width:auto;}

body {margin:0px; font:11px sans-serif, Arial, Helvetica;color:#000;line-height: 1.25em;overflow-x: hidden;}
body>img.logo {position:fixed; right:0; width:150px; top:0}
h1 {color:#003366; font-weight:bold; margin-bottom:5px; margin-top:5px}
tr {border:0px; margin:0px}
a {	text-decoration: none;}
a:hover {color: #FF6600;}
input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
input[type=number] {-moz-appearance:textfield;}

input {color:#000000;border: none;}
input:read-only {color:#000000; 	margin-top:0px;}
input:out-of-range {color: red;}
.hidden {display: none;}

/*PAGE MENU*/
#calcmenu  {display:none}
#calculator div.page {border:0; width: 100%; background-color: white;margin:0; display:none}
#calculator div.page.active {display: block;}
.page h2 {margin: 15px 0 0 0;text-align: left;font-size: 20px;color: #000;padding:.5em 0;border-bottom: solid 2px #000;width:100%}

/* TAB MENU */
.calcform {/* position:relative; */padding: 15px 0% 0 0%;}
.paneltab {position:relative;display:block;margin: 0 ;padding: 0} 
.paneltab h3 {display:none}
.paneltab > div.content {width:100%;padding: 0;margin:0; background:white;}
.topbutton {display:none}

/* Formulario de calculadora */
.calcform input {margin-top:0px;margin-bottom: 5px;text-align:right;padding: .2em .75%; font-size:11px;}
.calcform select  {margin-right:-10%; padding: .2em 0;text-align:left; font-size:11px;}
.calcform input[type="radio"] {display:none;}
.calcform textarea {width:98%;font-family: Arial;font-size: 12px;padding:.4em 6% 0 1%;border:none; font-size:11px; line-height:1.5em}
.calcform .item.textarea {overflow-x: hidden;}

.calcform .grupo {display:block;padding: 7px 0 5px 0; border-bottom: solid 1px #eee; clear:both;page-break-inside:avoid;}
.calcform  div, input, select {vertical-align: top;border:none;background:none;}
.calcform .grupo .titulo {font-weight: bold; width:15%; display: inline-block; margin: 2px 2.5% 5px 0;font-size: 1.0em;padding: .2em 0;}
.calcform .grupo .content {display: inline-block; width:82%;margin: 2px 0; padding:0}
.calcform .item  {display: inline-block; width:50%;margin: 0 ;position:relative;overflow:hidden}
.calcform .item_short {display: inline-block; width: 20%; margin: 0 0 0 2.5%;}
.calcform .item.right {float:right; text-align:center} 
.calcform .item.left {float:left; text-align:center} 
.calcform .item_img img{max-width: 100%;max-height: 100%;}

.calcform .item>label, .calcform .select>label, .calcform .longselect>label,.calcform  .radio>label {font-size:1em;width: 58.5%; display:inline-block;margin: 0; padding: .2em .75% .2em;}
.calcform .item_short>label {font-size:.9em; width:48%; display:inline-block; margin:0;padding: 0 0 .2em;}
.calcform .content .item>label{margin-left:0}
.calcform .item_short div.uds {display:inline-block; margin:0; padding:.3em} 
.calcform .item input {width:16%;}
.calcform .item input:last-child {width: 35%;text-align: left;padding: .4em 1.7%;}
.calcform .item select {width: 50%;}
.calcform .item_short input {width:24%;}
.calcform .item select.longselect { width: 110%; margin:0 0 5px -1%;}
.item.longselect>label {width:23%;}
.calcform .item label ~ select.longselect {margin-top: -4px;}
.calcform .item div.uds {display:inline-block; margin: 0; padding:.2em .2em .4em;} 
.calcform .item_canvas {margin: 0 0 15px;width:50%;margin-right: 0;}
.calcform .item_canvas ul {display: inline-block;text-align: left;vertical-align: top;}

.calcform .content  .radio div { display: inline-block;}
.calcform .content  .radio div div {margin: 0 5px 2px 0;}
.calcform .content  .radio div div input+label {display:none;}
.calcform .content  .radio div div input:checked+label {padding:.2em; display: inline-block;}

.calcform .radio.long { width:95%; overflow:hidden;}
.calcform .content .radio.long>div {border-top: 1px solid #ccc;margin-top: -5px;padding-top: 4px;}
.calcform .radio.long>div>div {width: 110px;}

.calcform .item.molier {min-width: 310px; width:auto; max-width:450px;width:100%}
.calcform .item_img.molier img {margin-left:-5px; margin-bottom:10px;width:101% }

.calcform .fieldset, .calcform .fieldset>div, {height: auto; margin-top:0;}

.pie-legend {list-style: none;padding-left:0; width:100px}
.pie-legend li {display: block;position: relative;margin-bottom: 4px;border-radius: 5px;padding: 2px 8px 2px 22px;font-size: 11px;cursor: default;-webkit-transition: background-color 200ms ease-in-out;-moz-transition: background-color 200ms ease-in-out;-o-transition: background-color 200ms ease-in-out;transition: background-color 200ms ease-in-out;}
.pie-legend li span {display: block;position: absolute;left: 0;top: 0;width: 16px;height: 16px;border-radius: 3px;}

/*table*/
.calcform table {font-size: 11px;text-align: right;/* border-radius: 5px; */padding:0;border: solid 1px #6bd;/* box-shadow: inset 2px 2px 4px 0px #ddd; */width: 95%;margin: 0 2.5% 10px 2.5%;}
.calcform table th {font-size: .9em; background: #6bd; padding: 5px; text-align: center;}
.calcform table td {padding: 5px; text-align: center; cursor: pointer;}
.calcform table td:first-child {min-width: 60px;} 
.calcform table tbody tr:nth-child(even) {background: #EAF6FB;} 
.calcform table tbody tr:hover {background: #afe;}


/*grafico*/
.calcform canvas#cycle_chart {background: url('modules/refrigerant/img/R404A.gif'); background-size: cover; max-width:350px;}

/* ALERTS */
.calcform div.alert{clear:both;padding:8px 35px 8px 14px;box-sizing:border-box;margin: 0;background-color:#fcf8e3;border:1px solid #fbeed5;/* -webkit-border-radius:9px; */-moz-border-radius:9px;/* border-radius:9px; */line-height: 1.5em;}
.alert,.alert h4{color:#c09853}
.alert h4{margin:0}
.alert .close{display:none;}
.alert-success{color:#468847;background-color:#dff0d8;border-color:#d6e9c6}
.alert-success h4{color:#468847}
.alert-danger,.alert-error{color:#b94a48;background-color:#f2dede;border-color:#eed3d7}
.alert-danger h4,.alert-error h4{color:#b94a48}
.alert-info{color:#3a87ad;background-color:#d9edf7;border-color:#bce8f1}
.alert-click{color:#3a87ad;background-color:#d9edf7;border-color:#bce8f1;  display:none;}
.alert-info h4{color:#3a87ad;}
.alert-block{padding-top:14px;padding-bottom:14px}
.alert-block>p,.alert-block>ul{margin-bottom:0}
.alert-block p+p{margin-top:5px}
.alert-error:before {content: "\f056"; font-family: FontAwesome; font-size: 1.3em; margin-right: 5px;}
.alert-alert:before {content: "\f071"; font-family: FontAwesome; font-size: 1.3em; margin-right: 5px;}
.alert-info:before {content: "\f05a"; font-family: FontAwesome; font-size: 1.3em; margin-right: 5px;}
.alert-click:before {content: "\f144"; font-family: FontAwesome; font-size: 3em; margin-right: 10px; display:block; float:left; top: .21em; position:relative;height:1em;}
.alert-success:before {content: "\f00c"; font-family: FontAwesome; font-size: 1.3em; margin-right: 5px;}

/* Slide*/
.calcform .item>input[type="range"] {height: 0;margin: 8px 0;}

/*Legend*/
.calcform legend {display:block;visibility:hidden;position:absolute;z-index:100;width:100%;left:0;color:#3a87ad;font-size:.9em;padding:8px 14px 8px 14px;box-sizing:border-box;margin: 10px 0;background-color:#d9edf7;border:1px solid #bce8f1;/* -webkit-border-radius:9px; */-moz-border-radius:9px;/* border-radius:9px; */line-height: 1.5em;}
.calcform .item:hover legend:before {visibility:visible;display:block;position:absolute;right:0;margin:6px;top:-45px;content:"\f05a";font-size:16px;opacity:.5;font-family: FontAwesome;}	
.calcform legend:hover{visibility:visible}
.calcform .item:hover legend:hover:before{opacity:1}

.alert-click {display: none}

/* .minict_wrapper */
.minict_wrapper ul {display:none;}
.minict_wrapper {width: 20%;display:inline-block; padding: .2em .75%;margin: 2px 0; }
.minict_wrapper:last-child {width:38%;}
.longselect .minict_wrapper {width: 74%} 
.minict_wrapper:nth-child(2):last-child   { width: 98%;}
.minict_wrapper span:empty:before {content: attr(data-placeholder);}

#coldroom  canvas {float: left}
canvas+ul {list-style: none;padding-left:0; width:100px}
canvas+ul  li {display: block;position: relative;margin-bottom: 4px;border-radius: 5px;padding: 2px 8px 2px 22px;font-size: 11px;}
canvas+ul  li span {display: block;position: absolute;left: 0;top: 0;width: 16px;height: 16px;border-radius: 3px;}


/*control de impresión*/
.noprint, .item.noprint, .grupo.noprint {display: none;}
.item.printwide {width:90%;padding:15px 10%;clear:both}
.item.print {display: block}
.tooltip {display:none}
.calcform .item.printtitle { position: absolute; top: -53px; left: -5px; background: #fff; font-size: 2em; line-height: 1em;width: 80%;z-index:999}
.calcform .item.printtitle input, .calcform .item.printtitle label { vertical-align: middle;font-size: 1em;padding: .2em .75% .2em;line-height: 1em;width: auto;margin: 0;}
.calcform .item.printtitle input{width:60%}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #333;opacity: 1;}
::-moz-placeholder { /* Firefox 19+ */ color: #333;opacity: 1;}
:-ms-input-placeholder { /* IE 10+ */ color: #333;opacity: 1;}
:-moz-placeholder { /* Firefox 18- */ color #333;opacity: 1;}

.calcform .hide {display:none;}