@charset "utf-8";

.ent_inch td, .ent_inch{ color: #ccc !important}
.ent_inch div.alert{background-color: transparent !important;}
.ent_hide {display: none !important}

.ent_inch_full td, .ent_inch_full{ display: none !important}
.ent_hide_full {display: none !important}

.tr_item td{border-bottom: 1px solid #ddd !important}

.tab_rec ol, .table_gen ol{padding-left: 15px}

.res_tit_num,.list_tit{display: none;}
.alert{border-radius: 10px !important}
/*table.raport td,table.raport{background: none}*/

td.warning1, td.warning2, td.warning3{border: 0px solid; border-radius: 15px !important}

th{ background-color: #349ace !important; padding-top: 10px !important; padding-bottom: 10px !important; color: #fff !important; /*border-radius: 5px !important*/}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  max-width: 1122px;
}

.sticky + .content {
  padding-top: 102px;
}

table.raport td.br{border-left: none !important; }
table.table_gen td{padding: 10px !important}
table.raport td.td_ent{padding: 0 !important; }
table.raport {margin-bottom: 0px !important}

table.raport{background-color: transparent !important; }
table.raport td{vertical-align: top !important}
td.td_num, td.td_rec, td.td_ent, td.td_t2_ter, td.td_t2_sta, td.td_t2_ver, td.td_t2_act{ border-left: 1px solid #ddd !important}
td.td_t2_ver{ border-right: 1px solid #ddd !important}
table.table_gen th{padding: 10px !important}
.tab_rec, .tr_item{/*border: 1px solid #ccc !important; */   /*border-radius: 15px;*/}

	/*  Define the background color for all the ODD background rows  */
	.tab_rec{/*margin-top: 10px !important*/}

	/*.tab_rec tr:nth-child(odd){ 
		background: #eee;
	}
	.tab_rec tr:nth-child(even){
		background: #e7f2ff;
	}*/

	
	/*.table_gen tr.tr_item:nth-child(odd){ 
		background: #e7f2ff;
	}*/
	
	/*  Define the background color for all the EVEN background rows  */
	.table_gen tr.tr_item:nth-child(even){
		background: #fff;
	}	

	.tr_item td{}
	.tab_rec tr td{ border-bottom: 0px !important}

	.td_rec,.td_t2_ver{    padding-right: 10px !important;    padding-top: 5px !important;}
	.td_t2_act{padding-left: 10px !important}

	.td_t2_act,.td_t2_ver{text-align: justify !important;}

	.td_num{font-weight: bold !important;}

/*@media screen (max-width: 1141px) {*/
	@media (pointer:coarse) {

	table.raport td, table.raport{background: none}

	.tr_item{margin-top: 30px !important; border:3px solid #dddddd; border-radius: 15px !important}
	.list_tit{padding-top: 10px !important;  padding-bottom: 10px !important; line-height: 40px !important; }

	.tab_rec{width: 90% !important;}

	table.raport th.br, table.raport td.br{border-left: none !important;}

	#header, #content, #footer{width: 80% !important;
		min-width: 300px; }

	.s-block, #search {width: 80% !important;
		min-width: 400px; }
	#search .search-filters{height: auto !important; }
	.s-col{float: none !important; width: 80% !important;
		min-width: 400px; height: auto !important}
	#search{top: -551px}


	.header_tab{display: none;}

	table.table_gen{
		display: block;
		/*padding-right: 10px !important;
		padding-left: 10px !important;*/
	}

	/*table.raport{border: 3px solid #000000 !important; }*/

	 .td_ent{width: 100% !important; }
	 .td_num{padding-top: 15px !important}

	.td_num, .td_rec, .td_clas, .td_ref{
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative !important;
		padding-left: 50% !important;
		text-align: left !important;
		width: auto !important;
	}

	.td_num::before, .td_rec::before, .td_clas::before, .td_ref::before{
		position: absolute !important;
		/* Top/left values mimic padding */
		/*top: 6px !important;*/
		left: 10px !important;
		width: 45% !important; 
		padding-right: 10px !important; 	
		text-align: left !important;
	} 	



	.td_t2_ent, .td_t2_acc, .td_t2_ter, .td_t2_ale, .td_t2_act, .td_t2_sta, .td_t2_ver{
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative !important;
		padding-left: 50% !important;
		text-align: left !important;
		width: auto !important;		
	}

	.td_t2_ent::before, .td_t2_acc::before, .td_t2_ter::before, .td_t2_ale::before, .td_t2_act::before, .td_t2_sta::before, .td_t2_ver::before{
		position: absolute !important;
		/* Top/left values mimic padding */
		/*top: 6px !important;*/
		left: 10px !important;
		width: 45% !important; 
		padding-right: 10px !important; 
		text-align: left !important;
	}



	.td_num::before{content: "Nr. d/o"} 
	.td_rec::before{content: "Recomandarea"} 
	.td_clas::before{content: "Clasificarea recomandarii"} 
	.td_ref::before{content: "Referinta la constatare"} 

	.td_t2_ent::before{content: "Entitatea responsabilă"} /*Entitatea responabila de implementare*/
	.td_t2_acc::before{content: "Acceptarea rec-ii"} 
	.td_t2_ter::before{content: "Termenul planificat"} /* Termenul planificat pentru implementare */
	.td_t2_ale::before{content: "Alerta"} 
	.td_t2_act::before{content: "Acțiuni raportate"} 
	.td_t2_sta::before{content: "Statut Implementare"} 
	.td_t2_ver::before{content: "Comentariile auditorului / Verificări ulterioare"; line-height:9px !important;}	

	.result_row{/*display: none !important*/}
	.list_tit{
		display: block;
		font-weight: bold;
		width: auto !important;
	}






	.res_table{
		width: 50% !important; min-width: 300px !important; background-color: #f2f2f2 !important; border: 10px solid #f2f2f2 !important; border-radius: 15px !important;
	}

	.res_tit_num{display: block; text-align: left !important; background-color: #dddddd !important; font-weight: bold !important;}	

	.res_majore, .res_medii, .res_minore,
	.res_acceptate, .res_acceptate_partial, .res_refuzate,
	.res_acceptate2, .res_acceptate_partial2, .res_refuzate2,
	.res_implementate, .res_partial_implementate, .res_neimplementate,
	.res_implementate2, .res_partial_implementate2, .res_neimplementate2{
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative !important;
		padding-left: 50% !important;
		text-align: left !important;
	}


	.res_majore::before, .res_medii::before, .res_minore::before,
	.res_acceptate::before, .res_acceptate_partial::before, .res_refuzate::before,
	.res_acceptate2::before, .res_acceptate_partial2::before, .res_refuzate2::before,
	.res_implementate::before, .res_partial_implementate::before, .res_neimplementate::before,
	.res_implementate2::before, .res_partial_implementate2::before, .res_neimplementate2::before{
		/* Now like a table header */
		position: absolute !important;
		/* Top/left values mimic padding */
		/*top: 6px !important;*/
		left: 10px !important;
		width: 45% !important; 
		padding-right: 10px !important; 
		white-space: nowrap !important;	
		text-align: left !important;	
	}

	.res_majore::before{content: "majore"}
	.res_medii::before{content: "medii"} 
	.res_minore::before{content: "minore"}
	.res_acceptate::before{content: "acceptate"} 
	.res_acceptate_partial::before{content: "acceptate partial"} 
	.res_refuzate::before{content: "refuzate"}
	.res_acceptate2::before{content: "acceptate"} 
	.res_acceptate_partial2::before{content: "acceptate partial"} 
	.res_refuzate2::before{content: "refuzate"}
	.res_implementate::before{content: "implementate"} 
	.res_partial_implementate::before{content: "partial implementate"} 
	.res_neimplementate::before{content: "neimplementate"}
	.res_implementate2::before{content: "implementate"} 
	.res_partial_implementate2::before{content: "partial_implementate"} 
	.res_neimplementate2::before{content: "neimplementate"}	


	table, thead, tbody, th, td, tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr, .result_row { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}	



}