/* Global Styles */

body {margin:0px; font:12.5px sans-serif, Arial, Helvetica;color:#003296;line-height: 1.4em;overflow-x: hidden;}
h1 {color:#003296; font-weight:bold; margin-bottom:5px; margin-top:5px}
h3 {font-size:1em;};
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: solid 1px #bbb;/* box-shadow: inset 2px 2px 4px 0px rgba(0,0,0,0.1); */transition: box-shadow 0.3s, border 0.3s;}
input:optional, select:optional  { background:#f8f8f8; color:#666;}
input:read-only  {color:#000000; 	margin-top:0px; background-color: #D7F5FF; border: 1px solid #D7F5FF;	text-align:right;}
input:-moz-read-only  {color:#000000; 	margin-top:0px; background-color: #D7F5FF; border: 1px solid #D7F5FF;	text-align:right;}
input:out-of-range {border-color: red; color: red; box-shadow: 0 0 4px red;}
input::placeholder{color:#333;}
input:focus::placeholder{color:#ddd;}
.hidden {color:#ccc;}
.hidden input {color:#ccc; border:1px solid #ddd}
.hidden input:optional, .hidden select:optional  {color:#bbb; background-color: #eee; border:1px solid #ddd;}
.hidden input:read-only  {color:#bbb; background-color: #eee; border:none;}

/*PAGE MENU*/
#calculator {position:relative;}
#calcmenu {position:fixed;width:20%;z-index:10;margin: 0;top: 0;display: inline-block;background: #003C4D; border-right: solid 1px #003296;}
#calcmenu .content  {width:100%;height: 100%;z-index:10;margin: 0;top: 0; min-height: 100vh;background: #00133A;transition: margin .4s cubic-bezier(0.1, 0.7, 0.1, 1);}
#calcmenu .content.active {margin-left:0;}

#calcmenu a.logo {display: block;width: 90%;}
#calcmenu .pagelist a {display: block; padding: 7px 5%; width: 90%; color: white; font-size: 1.1em; height:26px; /*border-bottom: solid 1px #036; border-top: solid 1px #6bd;*/ line-height: 2em;}
#calcmenu a[href="#config"], #calcmenu a[href="#about"] {color: #bbb;}
#calcmenu .pagelist a:before {font-family: FontAwesome;font-size: 20px;color: #bbb;padding-right: 5px;top: 2px;position: relative;width: 20px; display: inline-block;}
#calcmenu  a[href="#config"]{border-top: rgba(0, 0, 0, 0.3) 1px solid;}
#calcmenu a[href="#config"]:before {content: "\f013";}
#calcmenu a[href="#about"]:before {content: "\f05a";}
#calcmenu .pagelist a {-webkit-transition:background .3s ease-in-out; transition: background .3s ease-in-out;-moz-transition: background .3s ease-in-out;-o-transition: background .3s ease-in-out;}
#calcmenu .pagelist a:hover{background: #479;}
#calcmenu .pagelist a:focus{background: #6bd; -webkit-transition:background 0s; transition: background 0s;-moz-transition: background 0s;-o-transition: background 0s;}
/*#calcmenu a.active {background: #6bd; -webkit-transition:background 0s; transition: background 0s;-moz-transition: background 0s;-o-transition: background 0s;}*/
#calcmenu .pagelist a.active::after {display: inline-block;margin: -7px;content: "\f0d9";float: right;font: normal normal normal 40px/1 FontAwesome;}
#calcmenu .pagelist {    overflow-y: auto; position: absolute;top: 50px; bottom: 85px;width: 100%;}

/* Scrollbar */
#calcmenu ::-webkit-scrollbar {width: 6px;}
#calcmenu ::-webkit-scrollbar-track { background: #00212a;border-radius: 5px; } /*#00212a */
#calcmenu ::-webkit-scrollbar-thumb { background: #005269;border-radius: 5px;}
#calcmenu ::-webkit-scrollbar-thumb:hover {background: #888;}
/* Buttons 
#calcmenu ::-webkit-scrollbar-button:single-button {background-color: transparent; display: block; border-style: solid; height: 6px; width: 10px;}
/* Up 
#calcmenu ::-webkit-scrollbar-button:single-button:vertical:decrement {border-width: 0 8px 8px 8px; border-color: transparent transparent #888 transparent;}
#calcmenu ::-webkit-scrollbar-button:single-button:vertical:decrement:hover {border-color: transparent transparent #fff transparent;}
/* Down 
#calcmenu ::-webkit-scrollbar-button:single-button:vertical:increment {border-width: 8px 8px 0 8px;border-color: #888 transparent transparent transparent;}
#calcmenu::-webkit-scrollbar-button:vertical:single-button:increment:hover {border-color: #fff transparent transparent transparent;}
*/

/*.page {width: 80%; margin-left:20%;}*/
.page {padding-left:20%;}
.page {	border:0;  background-color: white; -webkit-transition:margin .3s ease-in-out, left 0s ease-in-out 5s; transition: margin .3s ease-in-out, left 0s ease-in-out 5s;-moz-transition: margin .3s ease-in-out, left 0s ease-in-out 5s;-o-transition: margin .3s ease-in-out, left 0s ease-in-out 5s;}
.page:first-child {margin-left:0;}
.page {display:none}
.page:target {display: block;}
.page h2 {margin: 0;text-align: center;font-size: 14px;color: white;background-color: #003296;line-height: 35px;/* border-bottom: solid 1px #ccc; */}
#loader {display:block;font-size:30px;color:gray;position: absolute;text-align:center;width:80%;top:40vh;z-index:-1}
/* TAB MENU */
.calcform {/* position:relative; */padding: 32px 0% 0 0%;/* box-shadow: inset 0px 50px 50px -50px #eee; *//* height: 1000px; *//* display:block; *//* border-bottom: 1px solid #008CB2; *//* box-shadow: 0 -3px 4px -3px gray inset; */background: #ccc;}
.paneltab {position:relative;display:block;margin: 0 ;padding: 0} 
.paneltab h3 {position: relative;top: -32px;float:left;padding: 7.5px 2%;border: 1px solid #008CB2;border-top: none;cursor:pointer;text-align:center;margin: 0 -1px 0 0;/* border-radius: 5px 5px 0 0; */height:18px;}
.paneltab:only-of-type {margin-top: -32px;}
.paneltab:only-of-type h3{display:none;}

.paneltab.tabOn {border-bottom: 1px solid #008CB2;position: relative;z-index: 3;margin-bottom: -1px;/* box-shadow: 0 0 3px #666; */}
.tabOn h3 {background-color:white;border-bottom-width:0px;font-weight:bold;margin-bottom:-1px;color:#008CB2;/* box-shadow: 3px 0px 5px -3px gray; */z-index: 4;}
@media (min-width:481px){
.paneltab:first-child h3, .topbutton+ .paneltab h3  {border-left: none;}
}
.tabOff h3 {background-color:#eee;border-bottom-width:0px;font-size:1em;font-weight:normal;color:gray;padding-bottom: 4px;z-index:0;overflow: hidden;text-overflow: ellipsis;max-width: 12%;border: 1px solid #ccc;/* box-shadow: 0 -3px 4px -3px gray inset*/height: 19px;}
.tabOff h3:hover {color:inherit;}
.tabOn+.tabOff h3 {max-width:none;}
.paneltab > div.content {position: absolute; width:100%;/* top:28px; *//* box-shadow: 0 -3px 4px -3px gray; */left: 0;/* right: 0; *//* margin: 0; */margin-top: 1px;/* margin-left: 20%; */padding: 15px 0 10px;/* border-top:1px solid #008CB2; */z-index: 5;background:white;/* display: inline-block; *//* width: 10px; */}
.tabOn > div.content {display: block;/* visibility: visible; *//* opacity: 1; *//* transition: opacity .2s linear; */max-height: none;}
.tabOff > div.content {visibility: hidden; opacity: 0; transition: visibility 0s .2s, opacity .2s linear; max-height:100px; overflow:hidden}

.topbutton h3 {position:relative;background-color: transparent;border: none;float:right;padding: 2px 5px 5px 10px;height: 20px;opacity: 0.7;cursor:pointer;margin:0;font-weight:normal;vertical-align:middle;top: -28px;}
.topbutton h3:hover{opacity:1;}

.topbutton h3:before{font-family: FontAwesome; font-size: 18px; color: #008CB2; padding-right: 5px; top:2px; position:relative}
.topbutton.config h3:before{content: "\f013";}
.topbutton.print h3:before{content: "\f02f";}
.topbutton.reset h3:before{content: "\f0e2";}
.topbutton.share h3:before{content: "\f1e0";}
.paneltab.tabOn.noprint~ .topbutton.print {opacity:.35; pointer-events:none;}

.paneltab.config.tabOn h3{opacity:1; box-shadow:none;}
.paneltab.config.tabOff h3{max-width:none}

@media (max-width:1140px) {
#calcmenu  {width:0; position:absolute;} 
#calcmenu  .content {position:fixed; margin-left:-255px; width:240px;/* box-shadow: 5px 0 15px 0 #555; *//* transition: margin .4s cubic-bezier(0.1, 0.7, 0.1, 1); */}
.page { padding-left:0;}
#loader {width:100%;}
#calcmenu_button:before {pointer-events: auto; cursor:pointer; content: "\f0c9";padding: 8px 7px;font-family: FontAwesome; position:absolute;left:0; font-size:22px; color:lightgray; z-index: 10; transition: opacity .2s .2s ease-in-out;}
/*#calcmenu:hover{margin-left:0px;}*/
#calcmenu:hover{position:fixed;}
#calcmenu:hover:before{pointer-events: auto;}
#calcmenu:active {pointer-events: none;}
#calcmenu a {pointer-events: auto;}
.paneltab > div.content{margin-left: 0;}
}
@media (max-width:630px) {
.topbutton h3 {width: 15px;overflow: hidden;text-overflow: clip;}	
}
@media (max-width:480px) {
.paneltab h3 {/* transition: left .3s linear, width .3s linear, background-color .3s linear, border .3s linear; */position: absolute;/* top: 40px; *//* border: none; */}
.tabOn h3 {width: 39%;margin: 0 0 0 -1px;left: 29%;font-size:1.15em;}
.tabOff h3 {width: 25%;left:0;max-width:none;text-align:left;/* padding-top: 5px; *//* margin-left: 5px; */border-bottom: none;border: none;background: #ddd;}
.tabOff h3:before {content: "\f053";padding-right: 5px;font-family: FontAwesome;}
.tabOn~.tabOff h3 {z-index:0;position:absolute;left: 71%;text-align:right;margin-left:-1px;/* margin-right: 5px; */}
.tabOn+.tabOff h3 {z-index: 2;}
.tabOn+.tabOff+.tabOff h3 {z-index:1;}
.tabOn~.tabOff h3:after {content: "\f054";padding-left: 5px;font-family: FontAwesome;}
.tabOn~.tabOff h3:before {content:none;}

.topbutton h3 {width: 25%;opacity:.7;padding: 2px 7px;text-overflow: ellipsis;box-shadow: none;text-align:center;}
.tabOn+.topbutton.print h3 {content: "\f013";margin:0;z-index:0;display:block;}
.tabOn.config h3 {border:1px solid #008CB2; background-color:white; width:40%;float:left;border-bottom-width:0px; text-align:center; padding:5px}
.tabOff.config h3 {float:left;/* padding: 3px; */}
.topbutton.reset h3 {float:left;}

/*Css para el pase de tabs en modo movil*/
.tabOn > div.content , .tabOff  > div.content {/* transition: margin .4s cubic-bezier(0.1, 0.7, 0.1, 1); */width: 100%;}
.tabOff > div.content {/* visibility: visible; *//* opacity: 1; *//* margin-left: -100%; *//* margin-right: 105%; *//* display: block; */position: absolute;}
.tabOn~.tabOff .content {display: none;}
.tabOn+.tabOff > div.content {/* display: block; *//* margin-left: 100%; */}
}

/* Formulario de calculadora */
.calcform input {font-size:1em; margin:2px 0;text-align:right;padding: .5em .75%; font-family: Arial;}
.calcform select  {margin: 2px 0; padding: .4em .75%;text-align:left; border: solid 1px #bbb;}
.calcform  .optgroup ~ option:not(.optgroup) {color:#aaa;}
.calcform input:focus[type="number"], .calcform select:focus {border: solid 1px #707070;  box-shadow: 0 0 5px 1px #6bd; outline-width: 0;}
.calcform input[type="radio"] {box-shadow:none;width:20px;height:20px; margin: 3px;}

.calcform  .item.textarea {overflow-x: hidden;vertical-align: top;}
.calcform  .textarea textarea, .calcform  .textarea div  {width:98%;max-width:98%;font-family: Arial; padding:.4em 6% 0 1%; line-height: 1.5em; margin-bottom:5px;border:none;}
.calcform  textarea:read-only {border:none; /*background-color: #D7F5FF; border: 1px solid #D7F5FF; */}
.calcform  textarea:-moz-read-only  {border:none;}

.calcform .grupo {display:block;padding: 12px 0 7px; border-bottom: solid 1px #eee; clear:both;}
.calcform  div {vertical-align: top;}
.calcform  .content div, input, select {vertical-align: middle;}
.calcform .grupo .titulo {vertical-align: top; font-weight: bold; display: inline-block;width: 14.5%; margin-bottom:5px;margin-left: 2.5%;margin-right: 2.5%;font-size: 1.1em;padding: 8px 0;}
.calcform .content {display: inline-block; width:80%;}
.calcform .paneltab>.content>.item:first-child, .calcform .paneltab>.content>.item:first-child:not(.long)+.item, .calcform .paneltab>.content>.table {margin-top:10px;}
.calcform .item  {display: inline-block; min-width:280px;width:45%;margin: 0 2.25% 4px;position:relative;}
.calcform  .content .item_short {display: inline-block;width: 22.5%; min-height:20px;margin: 0 0 4px 2.5%; vertical-align:bottom;}
.calcform .item.right {float:right; text-align:center} 
.calcform .item.left {float:left; text-align:center} 
.calcform .item_img {position:inherit;}
.calcform .item_img img{max-width: 100%;max-height: 100%;transition: box-shadow .3s ease-in-out;/* border-radius:10px; */}
.calcform .item_img img.modal {position: absolute;right: 0;margin: -5% 2.5%;max-width: 85%;height:auto;max-height:none;/* border-radius: 20px; */z-index: 5;box-shadow: 0 0 0 1000px rgba(230,230,230,0.8),0 0 30px 0 rgba(0,0,0,0.7);padding: 5%;background-color: white;border: 1px solid #008CB2;}

.calcform .item>label, .calcform  .radio>label 
	{font-size:1em;width: 48.5%;max-width: 200px; display:inline-block;margin: 0; padding: 0 .75% 0 5px;}
/*.calcform .item_short>label {font-size:.9em; width:100%; display:inline-block; margin:0;padding: .8em 0 .4em;}*/
	.calcform .item_short label {font-size:.9em; display:inline-block; width:48%; overflow: hidden; text-overflow:ellipsis; padding:0 0 0 .4em}
	.calcform .item_short input {width:24%;}
	.calcform .item_short input:last-child {width:40%;}
.calcform .content .item>label{margin-left:0;vertical-align: middle;}
.calcform .content .labeltop label {vertical-align: top;padding-top: 7px;}
.calcform .item_short div.uds {display:inline-block; margin:0; padding:.4em} 
.calcform  div.uds:hover {cursor:pointer;color:blue;} 
.calcform .item>input {width:22.5%;}
.calcform .item>input[onclick]{cursor:pointer;}
.calcform .item>input:last-child {width: 38%;text-align: left;padding: .4em 1.7%;}
.calcform .item select{width: 25%;}
.calcform .item select:last-child {width: 46%;}
.calcform .item.longselect select {width: 73.5%} 
.calcform .item select:only-child  { width: 98%;max-width: 100%;}
.calcform .item.longselect>label {/*padding-top: 8px;*/ width:23%;}
/*.calcform .item.longselect label ~ select {margin-top: -4px;}*/
.calcform .item div.uds {display:inline-block; margin: 0; padding:.4em 0 .4em .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 >label {padding:.5em .25em; display: inline-block;}
.calcform .radio.long { width:95%; overflow:hidden;}
.calcform .content .radio.long>div {border-top: 1px solid #ccc;padding-top: 4px;}
.calcform .radio.long>div>div {width: 105px;}

.calcform .item input[type="checkbox"] {position: absolute;opacity: 0;cursor: pointer;height: 20px;width: 20px;z-index: 1;}
.calcform input[type="checkbox"] ~ .checkmark  {height: 18px;width: 18px; margin: 3px;background-color: #eee;display:inline-block;border-radius:10px;    border: solid 1px #bbb;
    box-shadow: inset -2px -5px 4px 0px rgba(0,0,0,0.1);}
.calcform input:checked ~ .checkmark {background-color: #666;position: relative;border: solid 1px #666;}
.calcform input:checked ~ .checkmark:after {content: ""; position: absolute; display: block; left: 6px;top: 1.5px;width: 5px;height: 10px;border: solid white;border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}

.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% }

/* Fieldsets */
.calcform .fieldset {display: inline-block; height: 34px; overflow: hidden;position:relative;margin-bottom:2px;}
.calcform .fieldset>div {width:100%; transition: margin .2s ease-in-out;}
.calcform .fieldset .item { height: 36px;}
.calcform .fieldset:hover { background: #f8f8f8; margin-top:-2px;padding-top:2px;box-shadow:inset 0px 0px 0px 1px #ddd} 
/*.calcform .fieldset:hover:before {cursor:pointer;position: absolute; display:block;right:5px; top:0; content:"\f077";font-size:15px;font-family: FontAwesome;}
.calcform .fieldset:hover:after {cursor:pointer;position: absolute; display:block;right:5px; bottom:2px;content:"\f078";font-size:15px;font-family: FontAwesome;}
*/
.calcform .fieldset:after {cursor:pointer;position: absolute; display:block;right:10px; top:10px;content:"\f021";font-size:18px;font-family: FontAwesome;opacity:.15}
.calcform .fieldset:hover:after {opacity:.5}
.calcform .fieldset.spin:after {-webkit-animation:spin .5s linear 1; -moz-animation:spin .5s linear 1; animation:spin .5s 1;}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
	
@media (min-width:631px){
	.calcform .fieldset {width: 49.1%; display:inline-block;}
	.calcform .fieldset .item { margin: 0px 5% 4px; width: 91%;}
}
.calcform .fieldset .item { margin-top:-40px; transition: margin .3s ease-in-out;}
.calcform .fieldset .selected, .calcform .fieldset .selected ~ .item , .calcform .fieldset .item:last-child { margin-top:0px}

/*Tooltip*/
.calcform .tooltip {display:block;visibility:hidden;position:absolute;margin-top:25px;z-index:100;width:95%;left:0;color:#fff;padding:8px 14px 8px 14px;box-sizing:border-box;margin: 10px 2.5%;background-color:#333;/*box-shadow: 1px 1px 2px 0 #666;*/border-right:1px solid #ccc;border-bottom:1px solid #ccc; -webkit-border-radius:6px; -moz-border-radius:9px; border-radius:9px; line-height: 1.5em;opacity: 0.5;transition: opacity 1s}
.calcform .item:hover .tooltip:before {visibility:visible;color:#3a87ad;display:block;position:absolute;left:50%;margin:6px;top:-40px;content:"\f05a";font-size:16px;font-family: FontAwesome;}	
.calcform .tooltip:hover{visibility:visible; opacity:1;}
.calcform .item:hover .tooltip:hover:before{opacity:1}
.calcform .item .tooltip:after {position: absolute; top: -15px; left: 50%; content:""; border-width:10px ; border-style:solid; border-color: transparent transparent #333 transparent;}

/*table*/
.calcform table {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;}
#documents .calcform th:first-child, #documents .calcform td:first-child {text-align: left;padding-left:10px}*/
.calcform table td:first-child {min-width: 60px;} 
.calcform table tbody tr:nth-child(even) {background: #EAF6FB;} 
.calcform table tbody tr:hover {background: #afe;}
.calcform table th:hover:before { color:white; content:"\f0d8\a\f0d7"; font-family: FontAwesome; float: right;width: 0; margin: -3px 6px -5px -6px;line-height: 10px;}
.calcform table th.sort1:after {content:"\f0d7"; font-family: FontAwesome; float: right;width: 0; margin: 7px 6px -5px -6px;line-height: 10px;}
.calcform table th.sort0:after {content:"\f0d8"; font-family: FontAwesome; float: right;width: 0; margin: -3px 6px -5px -6px;line-height: 10px;}
.calcform table th:hover {cursor:pointer;}
/*iconos pdf, jpg, etc */
.calcform a[href$=".pdf"]:before, a.pdf:before {content:"\f1c1"; font-family: FontAwesome; }
.calcform a[href$=".doc"]:before, a.doc:before  {content:"\f1c2"; font-family: FontAwesome; }
.calcform a[href$=".xls"]:before, a.xls:before  {content:"\f1c3"; font-family: FontAwesome; }
.calcform a[href$=".ppt"]:before, a.ppt:before  {content:"\f1c4"; font-family: FontAwesome; }
.calcform a[href$=".jpg"]:before, .calcform table a[href$=".png"]:before, a.jpg:before , a.png:before  {content:"\f1c5"; font-family: FontAwesome; }
.calcform a[href$=".avi"]:before, .calcform table a[href$=".mpeg"]:before, a.avi:before , a.mpeg:before  {content:"\f1c8"; font-family: FontAwesome; }
.calcform td a {font-size: 0px;}

@media (max-width:480px){
.calcform table {width: 100%;margin: 0 0 10px 0;border-left: none;border-right: none;}
.calcform table td {padding: 10px 3px;}
}

/*@media (min-width:901px){
.calcform table {overflow:auto}
.calcform table thead {display: -webkit-flex; }
.calcform table thead tr {width:100%; display:flex;}
.calcform table tbody tr {width:100%; display:flex;}
.calcform table tbody {display: -webkit-flex; max-height:130px; overflow-y: auto; -webkit-flex-flow: row wrap;}
.calcform table td{width:20%;border: solid 1px white;} 
.calcform table th {width:20%;border}
}*/

/*grafico*/
.calcform #refrigerant_cycle_chart canvas{background: url('modules/refrigerant/img/R404A.gif'); background-size: cover;}
#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;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;}
canvas+ul  li span {display: block;position: absolute;left: 0;top: 0;width: 16px;height: 16px;border-radius: 3px;}

/*Tabla reducida */
@media (max-width:630px) {  
#equipment_mod_table td:nth-child(2), #equipment_mod_table th:nth-child(2), #equipment_mod_table td:nth-child(6), #equipment_mod_table th:nth-child(6) {display: none;}
#evaporator_mod_table td:nth-child(2), #evaporator_mod_table th:nth-child(2), #evaporator_mod_table td:nth-child(5), #evaporator_mod_table th:nth-child(5) {display: none;}
#condensingunit_mod_table td:nth-child(2), #condensingunit_mod_table th:nth-child(2), #condensingunit_mod_table td:nth-child(4), #condensingunit_mod_table th:nth-child(4) {display: none;}
.calcform table td:first-child {min-width: 90px;} 
}
@media (max-width:900px) { 
.calcform .grupo .titulo {width:90%; margin-bottom:10px;}
.calcform  .content {width:100%;}
}
@media (max-width:630px) { 
.calcform .item>label {width:56%}
.calcform .item>input {max-width: 37%;}
.calcform .item>input {max-width: 37%;}
.calcform  .content {width:70%;}
.calcform .item:not(.longselect) select:last-child:not(:only-child) {width: 40%;}
/*.calcform .item.right {float:none;}*/
.calcform .grupo .titulo {max-width: 24%;} 
.calcform  .content .item_short {width:47.5%;}
.calcform  .content .item {width: 95%; max-width:100%;/* margin-right: 0; */}
.calcform  .content .item.item_canvas {width:100%;}
.calcform .paneltab>.content>.item:not(.long)+.item{margin-top:0;}  
}
@media (max-width:480px) { 
.calcform {padding: 32px 0 0 0;/* margin-left: -100%; *//* padding: 0 10px; */background: #ddd;}
.calcform .grupo {padding: 5px 0}
.calcform .grupo .titulo {width:120px; margin-right:15px;}
.tabOn > div.content, .tabOff > div.content {/* left:-10px; *//* right:-10px; */padding: 20px 0;}
.calcform .content {width:100%;}
.calcform .grupo .titulo {max-width: 100%;} 
}
@media (max-width:470px) { 
.calcform .grupo .titulo {width:90%;}
}

/* ALERTS */
.alert{clear:both;padding:8px 20px 8px 14px;box-sizing:border-box;margin: 15px 2.5%;text-shadow:0 1px 0 rgba(255,255,255,0.5);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{position:relative;top:-7px;right:-20px; background: white;}
.close{float:right;font-size:20px;font-weight:bold;line-height:16px;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20);height: 16px; width: 16px;  border-radius: 8px;}
.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.6;filter:alpha(opacity=60)}
button.close{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance: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; min-height: 50px;}
.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;}
.alert[onclick] {cursor:pointer;}

/* Slide*/
.calcform .item>input[type="range"] {height: 0px;border:none;margin: 8px 0;-webkit-appearance: none;appearance: none;background: #d3d3d3;outline: none;border-radius: 10px;}
.calcform .item>input[type="range"]::-webkit-slider-thumb {-webkit-appearance: none;appearance: none;background: #eee;width: 20px;cursor: pointer;height: 20px;border-radius: 20px;border: 1px solid #888;}
/* LOGO */
#calcmenu .logo img{ width: 150px; margin: 0 -3px; transition: ease-in-out 1s filter;}
#calcmenu .logo:hover img{ filter:brightness(150%);}
#calcmenu .logo:empty{ background: url("img/calcooling.png"); background-size: cover; height: 40px; width: 150px; margin: 10px 0px;}

/*Refrigerant Rule*/
#rule_frame  {position: relative;outline: 1px solid #aaa;overflow:hidden;}
#rule_frame .rules {display: block; height: 300px; overflow-y: scroll; width: 200%; text-align: left; padding: 0;}
#rule_frame .bar {position: absolute;top: 200px;height:1pX; left: 0;width: 100%;background: red;opacity.5; box-shadow: 0 0 0 20px rgba(230, 230, 230, 0.3);}
#rule_frame .header {text-align: left;padding:0;margin:0;}
#rule_frame .header li {display: inline-block;padding: 1px 3px; margin:1px; font-size: .9em;font-weight: bold; width: 70px; text-align: center; border: 1px solid #bbb; border-radius: 3px;}
#rule_frame .header li:not(:first-child):not(:last-child):after{content: "\f00d"; font-family: FontAwesome; font-size: 1.2em;float: right;color: #aaa;}
#rule_frame .header li:first-child {width:35px;}
#rule_frame img {opacity: .5;vertical-align:top;}
#rule_frame img:last-child,#rule_frame img:first-child {opacity:1;}
select[multiple]{height:100px;}
@media (max-width:480px) { 
	#rule_frame   {width: 95%; padding: 0; margin-top: -10px;}
	select[multiple]{height:28px;}
}

/*minilect*/
.calcform .item .minict_wrapper, .calcform .item_short .minict_wrapper{width: 25%; margin: 2px 0; display:inline-block;font-family:inherit;height:28px;border-radius:0;border: 1px solid #bbb;}
.minict_wrapper span , .minict_wrapper ul li{font-family:inherit;font-size:inherit;padding: 0 5px; height: 30px; overflow:hidden; text-overflow:ellipsis;white-space: nowrap;}
.minict_wrapper span, .minict_wrapper:after {pointer-events:none} /*para evitar el click múltiple en minimalect*/
.minict_wrapper ul{top: 26px;border: 1px solid #bbb; max-height:240px;margin-bottom: 10px;}
.minict_wrapper:after {content: "\f078";font-family: FontAwesome;line-height: 25px;}
.minict_wrapper.active:after {content: "\f077";}
.calcform .item .minict_wrapper:last-child, .calcform .item_short .minict_wrapper:last-child  {width: 42%;}
.calcform .item.longselect .minict_wrapper {width: 73.5%} 
.calcform .item .minict_wrapper:nth-child(2):last-child   { width: 98%;max-width: 100%;}

.calcform .item select:optional > div.minict_wrapper   { background:#eee; color:#777;}
.minict_wrapper li.optgroup ~ li:not(.optgroup):before{content:"- ";padding-left:10px} 
.minict_wrapper li.optgroup{font-weight:bold;}
.minict_wrapper.active>span:empty:before  { content: "\f002";font-family: FontAwesome; margin-right:5px}


.minict_wrapper li.optgroup:before  { content: "\f096";font-family: FontAwesome; margin-right:5px;}
.minict_wrapper li.optgroup.plus:before  { content: "\f196";}
/*.minict_wrapper li.optgroup.minus:before { content: "\f147";}*/

/*Animaciones minilect*/
div.minict_wrapper li.optgroup ~ li:not(.optgroup) {max-height: 0;transition: max-height .1s ease-in 5s;}
div.minict_wrapper li.optgroup.minus ~li {max-height: 30px;}
div.minict_wrapper li.optgroup.minus ~li.optgroup ~li:not(.optgroup) {max-height: 0;}
div.minict_wrapper li.optgroup.plus:hover ~li , div.minict_wrapper li.optgroup.minus ~li.optgroup:hover ~li {max-height: 30px;transition: max-height .1s ease-out 0.7s;}
div.minict_wrapper li.optgroup.plus:hover ~li.optgroup:not(.minus) ~li:not(.optgroup) {max-height: 0;}
div.minict_wrapper li.optgroup.plus:hover:before  { content: "\f096";}

@media (max-width:480px) { 
.calcform .item:not(.longselect) .minict_wrapper:last-child:not(:nth-child(2)) {width: 40%;}
.calcform .item .minict_wrapper.active  { box-shadow: 0 0 0 1000px rgba(230,230,230,0.8),0 0 30px 0 rgba(0,0,0,0.7);z-index:1000; left: 5%; width: 90% !important; font-size: 1.2em;}
.calcform .item .minict_wrapper>span {margin-bottom: 0; transition: margin-bottom .4s ease-in-out;}
.calcform .item .minict_wrapper.active>span {margin-bottom: 90vh;}
.minict_wrapper.active  li {height: 40px;} 
}

/*FRontpage*/
.page:last-child {display: block}
.page:target ~ .page:last-child {display:none}
#frontpage a {width: 22%; display: inline-block; padding: 10px 0 10px 2%;vertical-align:bottom; font-size:.9em; text-align:center;}
#frontpage a:hover img {filter:brightness(105%);}
#frontpage a img { width: 100%; max-width:300px;}
#frontpage a h3 {color: #333; margin: 10px 10px 5px 10px;font-size:1.1em; text-align:left;}
#frontpage a p { height: 60px; margin: 5px 10px 0px 10px;color: #666; text-align:left;}
@media (max-width:900px){#frontpage a {width: 30.5%;}}
@media (max-width:630px){#frontpage a {width: 47%; font-size:1em;}}
@media (max-width:480px){#frontpage a {width: 100%;border-bottom: solid 1px #999; border-top: solid 1px #eee;}}

/* About */
#about .textarea label {font-weight: bold;}
#about .textarea div {font-size: -9em;}

#social-buttons { border-top: rgba(0, 0, 0, 0.3) 1px solid; width: 90%; padding: 10px 5% 10px 5%; position: absolute; bottom: 30px;}
#social-buttons a.social-link {background: transparent; box-shadow: none; color: #888;}

#calcmenu .footer {position: absolute; bottom: 0; color: #aaa; font-size: 11px; padding: 8px; padding-left:120px}
#calcmenu .footer {background: url("img/calcooling.png") no-repeat; background-size:100px;}

body>img.logo, .calcform .item.scrhide, .calcform .hide {display:none;}
.calcform .scrshow {display:block;}