/*
	Colori Utilizzati
	bianco: #FFFFFF
	grigio: #bebebe
	grigio scuro: #3b3b3b
	rosso: #e2001a
	nero: #002d59
	grigio chiaro: #ddd
	blu selettore: #66afe9
	azzurro riga over: #BFEBF3
	azzurro consigliato: #bfebf396;
	grigio chiarissimo intestazione colonne: #D7D7D7
	
	
	Giallo:     #f7b413
	Blu         #1e5b87
	Grigio C    #afb4b8
	
	
*/

/*
	Elimina il nome del pannello nella status bar
*/
.frame-toolbar-caption {
	display: none;
}

/*
	margine tra i campi
*/
.form-group {
   margin-bottom: 10px;
}

/*
	margine tra i campi
*/
.panel-form-container .panel {
   margin-bottom: 15px;
}

/*
	Nasconde label impaginazione in layout dettaglio
*/
@media screen and (max-width: 767px){
	.panel-field-static.md-visible-detail{
		display: none !important;
	}
}

/*
	Altezza Pulsanti
*/
@media screen and (max-width: 768px){
	.btn.btn-default.md-button-detail{
		height: 64px !important;
	}
	
	.sidebar-offcanvas{
		position: absolute;
		top: 0px;
		width: 90%;
	}
	
	.sidebar-offcanvas img{
		display: none;
	}
	
	.btn.btn-default.navbar-btn{
		display: none;
	}
	
	/*Colora di bianco scuro le righe del menu*/
	.navbar-toggle .icon-bar{
		background-color: #ffffff !important;
	}
	
	/*Allineare sulla stessa riga campo password ed etichetta robustezza videata nuovo utente*/
	.panel.panel-default.frame-box-fluid.NewUser .panel-body.collapse.in.frame-content-box .panel-field-static.label_robustezza{
		margin-top: 33px !important;
	}
}

@media screen and (min-width: 768px){
	#sidebar{
		width: 210px;
	}
	
	.has-pointer img{
		display: block;
		padding-left: 14px;
	}
	
	.Logout{
		display: none;
	}
}

/*
	E' la larghezza minore della quale i campi vengono visualizzati uno sotto l'altro
*/
@media screen and (max-width: 991px){
	.panel-field-static.md-visible-det{
		display: none !important;
	}
	
	/*
		Tasti avanzamento
	*/
	.pannello-avanzamento .col-md-3{
		width: 50%;
		float: left;
	}
	
	.pannello-avanzamento .col-md-6{
		display: none;
	}
}


/*ZOOM
@media  screen and (max-width: 1366px) {
   .container-fluid {
	zoom :80%;
	}
.modal-content {
	zoom :80%;
	}
}
*/

/*
@media screen and (min-height: 800px){
	.panel.panel-default.form-main-box.videata-modale .panel-body.collapse.in.frame-content-box.tab-content.tabbed-view-content-box{
	height: 660px !important;
}

@media screen and (max-height: 799px){
	.panel.panel-default.form-main-box.videata-modale .panel-body.collapse.in.frame-content-box.tab-content.tabbed-view-content-box{
	height: 100% !important;
}

/*
@media screen and (min-width: 992px){
	.control-label.intestazione{
		display: none !important;
	}
}
*/

/*
-----------------------------------------------------------------------------------------------------------------
*/

/*
*	Manù laterale
*/

/*
*	Nasconde pannello videate aperte
*/
#form-list-box-container{
	display: none;
}

#sidebar{
	/* width: 93px;
	margin-top: -15px; */
	padding-left: 0px;
	display: flex;
	/*width: 210px;*/
	height: 102% !important;
	padding-bottom: var(--spacing-xl, 16px);
	flex-direction: column;
	align-items: center;
	position:unset !important;
	overflow-y:hidden;
	transform-style:flat;
	float:left;
}

#sidebar .panel-body{
	/*background-color: #002d59;*/
	padding-left: 0px;
	padding-right: 0px;
}

/*Titolo menu*/
#sidebar .panel-heading{
	background-color: #1e5b87;
	color: #bebebe;
	display: none;
}



/*inserire titolo comando sotto immagine
#cmd:1:image{
		display: block;
}

#cmd:2:image{
		display: block;
}

#cmd:3:image{
		display: block;
}

#cmd:4:image{
		display: block;
}
*/










/*
.has-pointer img{
	display: block;
	padding-left: 14px;
}*/

#sidebar .table > tbody > tr > td{
	text-align: center;
	display: flex;
	align-items: center;
	gap: var(--spacing-lg, 12px);
	flex: 1 0 0;
}

/*
-----------------------------------------------------------------------------------------------------------------
*/

/*
-----------------------------------------------------------------------------------------------------------------
*/

/*
*	Body
*/

body{
	background-color: #ffff;
}

.panel.panel-default.form-main-box{
	background-color: #ffff;
	
}

/*Tolgo il padding per allineare body e menu laterale*/
.panel-default > .panel-heading{
	/* padding-top: 0px; */
	background-color: #FFFFFF;
}

/*
*	Togliere grigio di sfondo
*/

.caption-indietro .panel-body.collapse.in.frame-content-box{
	padding-top: 5px;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--spacing-md, 0px);
	flex: 1 0 0;
	align-self: stretch;
}

.row.frame-row .panel-body.collapse.in.frame-content-box{
	padding-top: 5px;
}

.modal-body .panel-body.collapse.in.frame-content-box{
	padding-top: 5px;
	display: flex;
	 padding: var(--spacing-xl, 0px); 
	flex-direction: column;
	gap: var(--spacing-md, 0px);
	flex: 1 0 0;
	align-self: stretch;
}

/*
	Titoli Videate
*/

/*
	Titoli Videate
*/


.navbar-default .navbar-brand{
	color: #ffffff;
}

.form-control.navbar-btn.wep-cmd-box{
	display: none;
}


/*Queste 2 mi servono per creare bordo body*/
.panel-heading.form-caption{
	 display: flex;
	 /* width: 1088px; */
	 padding: var(--spacing-md, 8px) 0px;
	 align-items: flex-start;
	 /* gap: var(--spacing-xl, 16px); */
	 /* display: flex; */
	 align-items: center;
	 gap: 289px;
	 flex: 1 0 0;
	 }

.panel-heading.form-caption h3 img{
	padding-top:4px
}

.panel.panel-default.frame-box-fixed {
	background-color:#FFFF !important;
}

.panel.panel-default.frame-box-fixed.intestazione-bianca {
	background-color:#f2f4f7 !important;
	border:none;
}

.panel.panel-default.frame-box-fixed.intestazione-bianca .form-group {
	background-color:#FFF;
	border-radius:5px;
}

.panel.panel-default.frame-box-fixed.intestazione-bianca .form-group .control-label {
	padding-left:5px
}

.panel.panel-default.frame-box-fixed.intestazione-bianca .form-group .input-group {
	/* float:right !important; */
	margin-left:30%
}


/*Testata tabella lista*/




/*Tabbed view over e selezionate*/

/*
.nav>li>a{
	background-color: #CC998D !important;
}

.nav-tabs>li.active>a:focus{
	background-color: #4C191B !important;
}
*/

/*bordo campi di testo*/
.form-control{
	border: solid !important;
	border-width: 1px !important;
	border-color: #ddd !important;
}

/*effetto selettori campo di testo azzurro*/
.form-control:focus{
	border: solid;
	border-width: 1px;
	border-color: #66afe9 !important;
	outline-color: invert;
	outline-style: none;
	outline-width: 0px;
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.6);
}

/*Radio Button*/

/*.control-label.radio-button.radio-style .input-group{
	margin-bottom: 20px;
}*/

/*
.nav-tabs>li>a:hover{
	background-color: #CCC5B9;
}
*/
/*
.nav-tabs>li.active>a:focus{
	background-color: #4C191B !important;
}

.nav-tabs>li.active>a:hover{
	background-color: #CCC5B9;
}
*/

/*Spazio tra gruppi minore*/


panel.panel-default.form-main-box{
	background-color: #efefef;
}




.panel-body.form-body{
	background-color: #FFFFFF !important;
	overflow:hidden !important;
}



.panel.panel-default.frame-box-fixed.toolbar-esami .panel-body.collapse.in.frame-content-box .panel-form-container div:nth-child(6) div {
	margin-left:-30px;
}

/*.panel.panel-default.frame-box-fixed.toolbar-esami .panel-body.collapse.in.frame-content-box .panel-form-container div:nth-child(8) {
	width:auto !important;
	padding:0px 0px 0px 0px;
	margin-left: 12% !important;
}*/

.panel.panel-default.frame-box-fixed.toolbar-esami .panel-body.collapse.in.frame-content-box .panel-form-container div:nth-child(9) {
	width:auto !important;
	padding:0px 0px 0px 0px;

}

.panel.panel-default.frame-box-fixed.toolbar-esami .panel-body.collapse.in.frame-content-box .panel-form-container div:nth-child(10) {
	padding:0px 20px 0px 0px;
	width:auto !important;
}


/*videate modali*/





.panel-list-container td{
	padding-bottom: 10px !important;
	padding-top: 10px !important; 
}

/*Etichetta upload*/
.panel-field-static.multi-js-upload.label-upload{
	margin-left : auto;
    margin-right : auto;
    display : block;
    border-radius : 10px;
    margin-top : 10px;
    float : left;
    border-top : 1px dashed rgb(178,178,178);
    border-left : 1px dashed rgb(178,178,178);
    border-right : 1px dashed rgb(178,178,178);
    border-bottom : 1px dashed rgb(178,178,178);
    max-height : 180px;
	background-color: #f0f0f0 !important;
}

.panel.panel-default.form-main-box.videata-modale .panel.panel-default.frame-box-fluid{
	border: none;
}

.panel.panel-default.form-main-box.videata-modale-attachments .panel.panel-default.frame-box-fluid{
	border: none;
}

.panel.panel-default.form-main-box.videata-modale-report .panel.panel-default.frame-box-fluid{
	border: none;
}

/*.panel.panel-default.form-main-box.videata-modale-report{
	height: 107% !important;	
}*/

/*Titoli*/
.panel-field-static.Titolo{
	border: none !important;
	background-color: white !important;
}

/*Allineare sulla stessa riga campo password ed etichetta robustezza videata nuovo utente*/
.panel.panel-default.frame-box-fluid.NewUser .panel-body.collapse.in.frame-content-box .col-md-11{
	float: left !important;
	width: 90% !important;
}

.panel.panel-default.frame-box-fluid.NewUser .panel-body.collapse.in.frame-content-box {
	padding-top: 0px !important;
}



/* old ---------
.btn.btn-default.pulsante-stato-centrato-verde{
	background-color: #4fa26b !important;
	color: white !important;
}

.btn.btn-default.pulsante-stato-centrato-verde-destra{
	background-color: #4fa26b !important;
	color: white !important;
}

.btn.btn-default.pulsante-stato-centrato-rosso{
	background-color: #e54b4b !important;
	color: white !important;
}

.btn.btn-default.pulsante-stato-centrato-rosso-sinistra{
	background-color: #e54b4b !important;
	color: white !important;
}

.btn.btn-default.pulsante-stato-centrato-rosso-destra{
	background-color: #e54b4b !important;
	color: white !important;
}

.btn.btn-default.pulsante-stato-centrato-giallo{
	background-color: #f9c54b !important;
	color: white !important;
}

.btn.btn-default.pulsante-stato-centrato-giallo-sinistra{
	background-color: #f9c54b !important;
	color: white !important;
}

.btn.btn-default.pulsante-stato-centrato-giallo-destra{
	background-color: #f9c54b !important;
	color: white !important;
}

.btn.btn-default.pulsante-stato-centrato-arancione{
	background-color: #ef741d !important;
	color: white !important;
}

.btn.btn-default.pulsante-stato-centrato-arancione-sinistra{
	background-color: #ef741d !important;
	color: white !important;
}

.btn.btn-default.pulsante-stato-centrato-arancione-destra{
	background-color: #ef741d !important;
	color: white !important;
}
*/



/*
	Barra avanzamento ottimizzata visivamente per bootstrap
*/
.modal-dialog.modal-dna.popup-delay-modal-dialog .modal-content{
	height: 20px !important;
}

.pannello-avanzamento{
	background-color: #FFFFFF !important;
}


.panel.panel-default.panel-form-pgroup.intestazione-gruppi-wizard >.panel-heading > h3> span {	
	color:#1e5b87 !important;
}

.panel.panel-default.panel-form-pgroup.intestazione-gruppi-wizard-gtest >.panel-heading > h3> span {	
	color:#1e5b87 !important;
}

.panel.panel-default.panel-form-pgroup.intestazione-gruppi-wizard-tooltip >.panel-heading > h3> span {	
	color:#1e5b87 !important;
}


.combo-popup > table > tbody > tr:hover > td {
  background-color: #4096ff !important;
}

textarea {
	resize: none;
}

.radio-inline{
	margin-top:7px;
}

.panel-field-static.marginFancy{
	font-size: 20px !important;
	/*margin-top:30px !important;*/
}

/*
-----------------------------------------------------------------------------------------------------------------
*/

/*
-----------------------------------------------------------------------------------------------------------------
*/

/*
*	Testata
*/

#header-container .container-fluid{
	background-color: #FFFFFF;
	/*padding-bottom: 8px;*/
}

.btn.btn-default.navbar-btn{
	background-color: #1e5b87;
	border-color: #FFFFFF;
}

.navbar-brand{
	display: none;
}

.container_Andrea{
	background-color: #FFFFFF;
	/*height: 50px;*/
	padding-left: 15px;
	padding-right: 15px;
}

/*
-----------------------------------------------------------------------------------------------------------------
*/
/*
	.TFtable tr{
		background: #b8d1f3;
	}
	/*  Define the background color for all the ODD background rows  */
/*
	.TFtable td:nth-child(odd){ 
		background: #b8d1f3;
	}
	/*  Define the background color for all the EVEN background rows  */
/*
	.TFtable td:nth-child(even){
		background: #dae5f4;
	}

*/


.table-striped > tbody > tr:hover > td {
  background-color: #4096ff !important;
}

.table-striped > tbody > tr.selected > td {
  background-color: #4096ff !important;
}

/* ---------------- TOOLBAR ---------------- */

/*pulsanti*/


.btn.btn-default.pulsante-azione-report-default{
	width: 100% !important;
}

.btn.btn-default.pulsante-azione-report{
	background-color: #f9c54b  !important;
	color: #202020 !important;
	width: 100% !important;
}

.btn.btn-default.pulsante-azione-report-blu{
	background-color: #1e5b87  !important;
	color: white !important;
	width: 100% !important;
}

.btn.btn-default.pulsante-azione-report-blu:hover{
	background-color: #f9c54b  !important;
	color: #202020 !important;
}

/*.btn.btn-default.pulsante-incorso{
	background-color: #1e5b87 !important;
	color: white !important;
}

.btn.btn-default.pulsante-inarrivo{
	background-color: #1e5b87 !important;
	color: white !important;
}

.btn.btn-default.pulsante-storico{
	background-color: #1e5b87 !important;
	color: white !important;
}

.btn.btn-default.pulsante-incorso-selected, .btn.btn-default.pulsante-storico-selected,
.btn.btn-default.pulsante-inarrivo-selected {
	background-color:#f9c54b !important;
}*/



/* ----campi gestazione gtest----*/
.intestazione-gruppi-wizard-gtest .collapse.in .panel-body .row .col-md-3 {
    padding-right: 0px !important;
}

.intestazione-gruppi-wizard-gtest .collapse.in .panel-body .row .col-md-1 {
    padding-left: 2px;
    padding-right: 0px;
}

.panel-field-static.add-gestazione{
	margin-top: 7px;
}

.intestazione-gruppi-wizard-gtest .collapse.in .panel-body .row .col-md-3 + .col-md-1{
	width:30px;
}

/*message box*/


/*tooltip immagini*/

/*
 .modal-backdrop.fade.in ~ .modal.fade.in .modal-dialog.modal-dna.modal-lg .modal-content { 
	width:420px;
	margin-left: 250px;
	/*margin-top: 135px;*/
	/*padding:0px;
}
*/

/*tooltip wizard e icone ?*/
.panel.panel-default.frame-box-fluid.pannello-tooltip .panel-body.collapse.in.frame-content-box {
	padding: 5px;
}

.panel.panel-default.frame-box-fluid.pannello-tooltip .panel-body.collapse.in.frame-content-box 
.panel-form-container .row.main-row-page.row-page-0 .col-md-12 {
	padding-right: 0px;
	padding-left: 10px;
}

.panel.panel-default.frame-box-fluid.pannello-tooltip .panel-body.collapse.in.frame-content-box 
.panel-form-container .row.main-row-page.row-page-0 {
	width:400px;
}

.panel.panel-default.panel-form-pgroup.intestazione-gruppi-wizard-tooltip .collapse.in .row .col-md-5 {
    width: 368px;
    padding-right: 5px;
}

.panel.panel-default.panel-form-pgroup.intestazione-gruppi-wizard-tooltip .collapse.in .row .col-md-1 {
    width: 36px;
    padding-left: 0px;
}

.panel.panel-default.panel-form-pgroup.intestazione-gruppi-con-tooltip .collapse.in .panel-body 
.row .col-md-1 {
    width: 20px;
    padding-right: 0px;
    padding-left: 0px;
}

.panel.panel-default.panel-form-pgroup.intestazione-gruppi-con-tooltip .collapse.in .panel-body 
.row .col-md-3{
	width: 373px;
    padding-right: 5px;
    margin-right:29px;
}

.panel.panel-default.panel-form-pgroup.intestazione-gruppi-con-tooltip .collapse.in .panel-body 
.row .col-md-5{
	width: 360px;
    padding-right: 5px;
}
/* Codice css per il separatore ------oppure------*/
.fancy {
 line-height: 0.1;
 text-align: center;
}
.fancy span {
 display: inline-block;
 position: relative;
 color: rgb(249, 197, 75);
}
.fancy span:before,
.fancy span:after {
 content: "";
 position: absolute;
 height: 5px;
 border-top: 3px solid rgb(249, 197, 75);
 top: 0;
 width: 250px;
}
.fancy span:before {
 right: 100%;
 margin-right: 20px;
}
.fancy span:after {
 left: 100%;
 margin-left: 20px;
}


/*Separatore accesso paziente senza esami*/
.divisione {
 line-height: 0.1;
 text-align: center;

}
.divisione span {
 display: inline-block;
 position: relative;
 color: rgb(249, 197, 75);
}
.divisione span:before,
.divisione span:after {
 content: "";
 position: absolute;
 height: 5px;
 margin-top:20px;
 border-top: 3px solid rgb(249, 197, 75);
 top: 0;
 width: 300px;
}
.divisione span:before {
 right: 100%;
 margin-right: 20px;
}
.divisione span:after {
 left: 100%;
 margin-left: 20px;
}


.panel.panel-default.frame-box-fixed.condivisione-report .panel-body.collapse.in.frame-content-box {
	padding-top: 0px !important;
}

.panel.panel-default.panel-form-pgroup.stato-esame .collapse.in .panel-body {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

.panel.panel-default.frame-box-fixed.tw-esami.tabbed-view-frame-box .panel-body.collapse.in.frame-content-box.tab-content.tabbed-view-content-box{
	padding-top: 0px !important;
}

/*pulsanti toolbar utenti*/

.panel.panel-default.panel-form-pgroup.gruppi-dettaglio-esame {
	display:none;
}
 /*per inserire 'Altro' nel filtro esame*/
/*[id$=":5"] td .combo-option-name{
	visibility:hidden;
}

[id$=":5"] td .combo-option-name:after{
	content:'Altro';
	visibility:visible;
	 display: block;
	 position:absolute;
	 top:354px;
	 padding:5px;
}*/


.my-checkbox{
	background-color: rgb(249, 197, 75) !important; 
}

.btn.btn-default.pulsante-storico {
border: 1px solid var(--Buttons-Secondary-Stroke-Idle, #E8EAEB);
background: var(--Buttons-Secondary-BG-Idle, #FFF);
color: var(--Component-colors-Components-Buttons-Secondary-button-secondary-fg, #344054) !important;

}

.btn.btn-default.pulsante-storico, .btn.btn-default.pulsante-storico-selected {
	font-size: 14px !important;
	font-style: normal !important;
	font-weight: 600 !important;
	line-height: 20px !important; /* 142.857% */
	border-radius: var(--radius-md, 8px) 0px 0px var(--radius-md, 8px);
}

.btn.btn-default.pulsante-incorso {
border-top: 1px solid var(--Buttons-Primary-Stroke-Idle, #E8EAEB);
border-bottom: 1px solid var(--Buttons-Primary-Stroke-Idle, #E8EAEB);
background: var(--Buttons-Secondary-BG-Idle, #FFF);
color: var(--Component-colors-Components-Buttons-Secondary-button-secondary-fg, #344054) !important;
}

.btn.btn-default.pulsante-incorso, .btn.btn-default.pulsante-incorso-selected {
	font-size: 14px !important;
	font-style: normal !important;
	font-weight: 600 !important;
	line-height: 20px !important; /* 142.857% */
	border-radius: 0px 0px 0px 0px;
}

.btn.btn-default.pulsante-inarrivo {
	border: 1px solid var(--Buttons-Secondary-Stroke-Idle, #E8EAEB);
	background: var(--Buttons-Secondary-BG-Idle, #FFF);
	color: var(--Component-colors-Components-Buttons-Secondary-button-secondary-fg, #344054) !important;
}

.btn.btn-default.pulsante-inarrivo-selected, .btn.btn-default.pulsante-inarrivo {
	font-size: 14px !important;
	font-style: normal !important;
	font-weight: 600 !important;
	line-height: 20px !important; /* 142.857% */
	border-radius: 0px var(--radius-md, 8px) var(--radius-md, 8px) 0px !important;
}

.btn.btn-default.pulsante-incorso-selected, .btn.btn-default.pulsante-storico-selected,
.btn.btn-default.pulsante-inarrivo-selected {
	border-top: 1px solid var(--Buttons-Primary-Stroke-Idle, #4096FF);
	border-bottom: 1px solid var(--Buttons-Primary-Stroke-Idle, #4096FF);
	background: var(--Buttons-Primary-BG-Idle, #1677FF);
	box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
	color: var(--Text-Main-White, #FFF);
}

.table-striped > tbody > 
tr:nth-child(2n+1) > td.campo-non-inviato {
	background-color: rgb(209,98,109) !important;
}
.table-striped > tbody > 
tr  > td {
border-left: 1px solid var(--Cloudy-Grey-300, #E8EAEB);
	border-bottom: 1px solid var(--Cloudy-Grey-200, #F2F4F7);
}

.table-striped > 
tbody > tr:nth-child(2n) > td.campo-non-inviato {
	background-color: rgb(209,98,109) !important;
}

.table-striped > tbody > 
tr:nth-child(2n+1) > td.campo-non-scaricato {
	background-color: #a0d4e3 !important;
}

.table-striped > 
tbody > tr:nth-child(2n) > td.campo-non-scaricato {
	background-color: #a0d4e3 !important;
}



.panel.panel-default.frame-box-fluid.pannello-pulsanti .panel-body.collapse.in.frame-content-box {
	 max-width: 100%;
	 overflow-x: hidden;
	 /* top:7px; */
	}

.panel.panel-default.frame-box-fluid.pannello-pulsanti {
	background-color:rgb(255 255 255) !important;
}

.panel.panel-default.frame-box-fluid.pannello-pulsanti .panel-body.collapse.in.frame-content-box .panel-form-container .row.main-row-page.row-page-0
.col-md-12 .row .col-md-12 .form-group{
	margin-bottom: 0px !important
}

.panel.panel-default.frame-box-fixed.pannello-pulsanti .panel-body.collapse.in.frame-content-box {
	padding-top:10px !important
}

.panel-group {
	display: flex;
padding-top: var(--spacing-4xl, 32px);
flex-direction: column;
align-items: flex-start;
gap: var(--spacing-3xl, 24px);
align-self: stretch
}



.has-pointer {
	display: flex;
	align-items: center;
	gap: var(--spacing-lg, 12px);
	flex: 1 0 0;
	padding-right:20px;
}

#sidebar .table > tbody > tr {
    display: flex;
    padding: var(--spacing-md, 8px);
    align-items: center;
    gap: var(--spacing-md, 8px);
    align-self: stretch;

}