/*
Plugin name: Soft4con Calculator by NIA
Version: 1.0.0
*/

.panel{
	width: auto;
    margin: 0 auto;
}
.panel form{
	display: flex;
    align-items: center;
    flex-direction: column;
}
.panel input{
	display:inline-block;
	margin:5px;
	padding:5px;
	border-radius:8px;
	border:1px solid grey;
}
.panel select{
	display:inline-block;
	margin:5px;
	padding:8px;
	border-radius:8px;
	border:1px solid grey;
	cursor:pointer;
}
.panel table{
	border:1px solid grey;
	padding:15px;
	border-collapse:inherit;
}
.submit-button{
	width:150px;
	border-radius:8px;
	padding:5px;
	background-color:black;
	color:white;
	cursor:pointer;
	transition:250ms;
	border:1px solid transparent;
}
.submit-button:hover{
	background-color:white;
	border:1px solid black;
	color:black;
}
.export-pdf{
	background: transparent;
    padding: 10px 15px 10px 15px;
    font-weight: 700;
    border-radius: 8px;
	border:1px solid grey;
	cursor:pointer;
	color:black;
}
.export-pdf:hover{
	border:1px solid red;
	box-shadow:1px 2px 5px red;
}
.export-word{
	background: transparent;
    padding: 10px 15px 10px 15px;
    font-weight: 700;
    border-radius: 8px;
	border:1px solid grey;
	cursor:pointer;
	color:black;
}
.export-word:hover{
	border:1px solid blue;
	box-shadow:1px 2px 5px blue;
}
.table-rt{
	table-layout:auto!important;
}
.table-rt td{
	padding:0px;
	border-right:none!important;
}
.table-rt td:nth-child(1){
	width:350px;
}
.table-rt td:nth-child(2){
	width:150px;
}
.table-rt td:nth-child(3){
	width:150px;
}
.table-rt td:nth-child(4){
	width:100px;
}
.table-rt tr:nth-child(even){
	background-color:transparent;
}
.newRow{
	text-decoration:underline;
	color:#006699;
	cursor:pointer;
}
.newRow:hover{
	text-shadow:1px 2px 15px black;
}
.table_putere_termica_incalzita{
	width:auto;
}
.table_putere_termica_incalzita input{
	width:100px;
}
.table-electric-mono input{
	width:80%;
}
.table-calculG{
	border-collapse:collapse!important;
	border:none!important;
}
.table-calculG input{
	width:45%;
}
.table-apa-calda-rece input{
	width:45%;
}
.table-audit-display input{
	width:45%;
}
.table-audit-display tr td:first-child{
	width:50%;
}
.table-audit-display tr td:last-child{
	width:auto;
}
.apartament-certificat input{
	width:65%;
}
.tabel_audit {
  table-layout: fixed; 
  width: 100%;
}
.tabel_audit td,
.tabel_audit th {
	width:250px;
	padding:5px;
	margin-top:1px solid grey;
}
.tabel_audit th {
  position:sticky;
  left:0; 
  width:250px;
  height:auto;
  padding-bottom:5px;
  background: rgb(255 255 255);
  color: black;
  border-right:1px solid grey;
}
.outer-audit {
	position:relative;
	border:1px solid grey;
	margin-bottom:50px;
}
.inner-audit {
  overflow-x:scroll;
  overflow-y:visible;
  width:auto; 
}
.desktop-screen{
	display:block;
}
.mobile-screen{
	display:none;
}
.desktop-screen-export-buttons{
	display: inline-flex;
    gap: 15px;
    justify-content: center;
    width: 95%;
	margin-top:15px;
    margin-bottom: 15px;
}
.main_wrapper_sprinklere{
	width:100%;
	display:flex;
}
.main_wrapper_sprinklere .column{
	width:22%;
	display:inline-flex;
	text-align:center;
	margin:2px;
	flex-direction: column;
}
.main_wrapper_sprinklere .special_row{
	flex:1;
}
.checkbox{
	width:22px;
	height:22px;
	cursor:pointer;
}
@media only screen and (max-width: 768px){
	.mobile-screen{
		display:block;
	}
	.desktop-screen{
		display:none;
	}
	.table-rt thead	{
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  } 
  .table-rt tr{
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  } 
  .table-rt td{
    display: flow-root;
    font-size: .9em;
    text-align: right;
  }  
  .table-rt td::before{
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
	transform: translateY(50%);
  }
  .table-rt input{
		width:50%;
	}
	.mobile-input-width{
		width:100px!important;
	}
	.mobile-align-right{
		text-align:right;
	}
	.table-rt tr:nth-child(16) {
		display:flex;
		justify-content:center;
		gap:10px;
	}
	.table-rt td:nth-child(1){
		width:auto;
	}
	.table-rt td:nth-child(2){
		width:auto;
	}
	.table-rt td:nth-child(3){
		width:auto;
	}
	.table-rt td:nth-child(4){
		width:auto;
	}
	.table-vent input{
		width:80px;
	}
	.table-electric-mono input{
		width:50%;
	}
	.table-audit-display tr{
		display:table;
		width:100%;
	}
	.apartament-certificat input{
		width:100%!important;
	}
}