@import url('https://fonts.googleapis.com/css?family=Roboto:400,700');

/* Artfully masterminded by ZURB  */


body {
	margin: 0;
	padding: 0;
	/*background-color: #e6e6e6;*/
    background-color: #fff;

    font-family: 'Roboto', "HelveticaNeue-Regular","Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #2e4143 !important;
    line-height: 1;
    font-weight: 400;

}

h1, h2, h3, h4, h5, h6{
    font-family: 'Roboto', "HelveticaNeue-Regular","Helvetica Neue",Helvetica,Arial,sans-serif !important;
}

p, label {
    font-family: 'Roboto', "HelveticaNeue-Regular","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.6em;
}
p a { font-weight: 400; }

body.agenda-tc .wrapper,
body.agenda-opt .wrapper,
body.agenda-sala2 .wrapper {
	min-width: 1240px;

}

.durata {
	padding:2px;
	margin-top:10px;
	display: inline-block;
	background-color:#000000;
	color:#FFFFFF;

}

a {	 color: #005a96;}
a:visited {	color: #005a96;}
a:hover {	color: #65c2d0;}

.clearfix {
    clear: both;
}
.wrapper {
	/*width: 1100px;*/
    max-width: 1200px;
	margin: 0 auto;
    padding: 0 20px;
	/*padding: 0  40px 0 40px;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;*/
	overflow:hidden;
	position:relative;
}
.row {
    width: auto;
}
.alert-browser {
    display: none;
}
.browseralert .alert-browser {
    display: block;
    border: 2px dashed #CCCCCC;
    color: #999999;
    font-size: 16px;
    margin: 0;
    padding: 20px;
    text-align: center;
    margin: 25px 25px 0;
}
.visore .wrapper {
	width: 1100px;
	margin: 0;
	padding: 0  40px 0 40px;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	overflow:hidden;
	position:relative;
}

.button, .button.secondary, .button:visited,
.button.secondary:visited, .button:focus, .button.secondary:focus,
input[type="submit"].button{
    background: none repeat scroll 0 0 #65c2d0;
    border: 2px solid #65c2d0;
    box-shadow: none;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-family: 'Roboto', "HelveticaNeue-Regular","Helvetica Neue",Helvetica,Arial,sans-serif;;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    margin: 0;
    padding: 10px 20px 11px;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: background-color 0.15s ease-in-out 0s;
    width: auto;
    text-transform: uppercase
}

.button:hover, .button.secondary:hover {
    background: none repeat scroll 0 0 #fff;
    border: 2px solid #65c2d0;
    color: #65c2d0;
}

.button.bianco {
    background: none repeat scroll 0 0 #fff;
    border: 2px solid #3359a1;
    color: #3359a1;
}
.button.bianco:hover {
    background: none repeat scroll 0 0 #fff;
    border: 2px solid #65c2d0;
    color: #65c2d0;
}
fieldset {
    border-radius: 0;
	border: solid 1px #ddd !important;
}
fieldset legend {
  font-weight: bold;
  background: #fff;
  padding: 0 3px;
  margin: 0;
    margin-left: 0px;
  margin-left: -3px;
}
h3 {
	font-size: 24px !important;
	color:#3359a1 !important;
	font-weight: bold;
}
.ui-datepicker {
    z-index:50!important;
}
/* -----------------------------------------
   topbar
----------------------------------------- */
.topbar {
    background-color:#65c2d0
}
.topbar h3{
    color:#fff;
    font-size:18px !important;
    line-height: 32px;
    font-weight: bold;
    text-transform: uppercase;
    margin:0;
    /*text-align: center*/
}
.topbar .utente{
	/*position:absolute;
	top: 10px;
	right: 0;*/

	width: 100%;
}

.topbar .utente p {
	color: #fff;
	margin: 0;
	text-align: right;
    font-weight: 400;
    line-height: 32px;

}

.topbar .utente p a {
    color:#fff;
    font-weight: 400;
}

.topbar .utente p a:hover {
	color: #fff;
    text-decoration: underline
}

.topbar .utente p.nome{
	float:left;
	text-align:left;
}

.topbar .utente strong{
	font-weight: 700;
}


/* -----------------------------------------
   header
----------------------------------------- */
.header {
	/*height: 154px;*/
	position:relative;
	margin: 0 0 40px 0;
	padding: 20px 0 ;
	border-bottom: 1px solid #dcdcdc;

}
.header .wrapper {
	overflow:visible;
}
.header .logo{
	width: 224px;
	height:  auto;
}

.header .logout {
	font: normal 18px/40px "Trebuchet MS", Tahoma, Arial, sans-serif;
	color: #4D9BCB;
}

.header .password {
	font: normal 18px/40px "Trebuchet MS", Tahoma, Arial, sans-serif;
	color: #7aa3d2;
}



.nav-btn {
	display: none;
}

ul.nav-bar {
	margin: 0;
	padding: 0;
    padding-top:40px;
	list-style-type:none;
	background-color:#fff;
	height: 40px;
	border-radius: 10px;
	/*position:absolute;
	bottom: 20px;
	right: 0;*/
	border: none!important;
    float: right;
}

.nav-bar > li {
	margin: 0;
	padding: 0;
	text-align:center;
	border: none!important;
	box-shadow: none;
 }

.nav-bar > li > a:first-child {
    padding: 0 10px;
    font-size: 15px;
    font-weight: 400;
    color: #333333;
}

.nav-bar > li:hover {
	background: transparent;
 }

.nav-bar > li a {

	text-decoration: none;
	border: none;
    line-height: 40px;
    text-transform:uppercase
 }
.nav-bar > li.has-flyout > a:first-child {
    padding-right: 20px;
    z-index: 3;
}
.nav-bar > li.has-flyout > a:first-child::after {
    border-color: #333333 transparent transparent transparent;
    right: 10px;
}
.nav-bar > li:first-child  a{
	border: none;
 }

.nav-bar > li:last-child  {
	border: none;
	box-shadow: none;
 }


.nav-bar > li a:hover {
	color: #65c2d0;
	text-decoration: none;
	/*opacity: 0.6;*/
	background: transparent;
 }
.nav-bar > li.has-flyout:hover a:first-child::after {
    border-color: #65c2d0 transparent transparent transparent;
}
.nav-bar > li.has-flyout > a.flyout-toggle {
    padding: 20px 10px;
}
.flyout {
    width: 200px;
    border-top: 3px solid #65c2d0;
}
ul.flyout li, .nav-bar li ul li {
    border-left: none;
}
ul.flyout li a, .nav-bar li ul li a {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #e6ecee;
    border-color: #dee3e6;
    border-image: none;
    border-style: solid;
    border-width: 0 0 1px 0;
    box-shadow: none;
    color: #333333;
    display: block;
    font-size: 14px;
    height: auto;
    line-height: 40px;
    padding: 0px 10px;
	text-align:left;
}
ul.flyout li a:hover, ul.flyout li a:focus, .nav-bar li ul li a:hover, .nav-bar li ul li a:focus {
    background: #dee3e6;

}
/*.logo {
	float:left;
}*/

/* -----------------------------------------
   footer
----------------------------------------- */

.footer {
	overflow:hidden;
	position:relative;
	padding: 20px 0 10px;
	clear:both;
	/*border-top: 1px solid #cccccc;*/
    background-color:#65c2d0
}
.footer p{
    margin-bottom:10px;
    color: #fff
}
.footer p a{
    color: #fff
}



/* -----------------------------------------
   copybar
----------------------------------------- */
.copybar {
    background-color:#65c2d0;
    border-top:1px solid #fff;
    padding: 20px 0;
}
.copybar p{
    margin-bottom:0;
    color: #fff
}
.copybar p a{
    color: #fff
}
/* -----------------------------------------
   content
----------------------------------------- */

#content {
	/*padding: 0 0 20px 0;*/
    padding: 0 20px 20px 30px;
	position:relative;
}

#content p {

}
/* -----------------------------------------
   panel
----------------------------------------- */
.panel {
    background: #e6ecee !important;
    border: none;

}

/* -----------------------------------------
   login
----------------------------------------- */

.login .panel {
	padding: 40px 20px ;
}

.login .nav-bar,
.login .utente  {
	display: none;
}

.login.goon .panel {
	text-align:center;
}

.login .panel input {
	margin-bottom: 20px;
}

.login .doppiaform .panel {
    min-height:380px
}

/* -----------------------------------------
   dashboard
----------------------------------------- */


.dashboard .panel {

	padding: 20px 40px ;
	margin-bottom: 40px;
}

.dashboard .panel p {
	font-size: 16px;
	border-bottom:	1px solid #dcdcdc;
	padding-bottom: 5px;
	line-height: 32px;
	margin: 0 0 10px 0;
}

.dashboard .panel p strong {
	font-size: 20px;
	float:right;
	line-height: 32px;
}


/* -----------------------------------------
   elenco esami
----------------------------------------- */
.elenco-esami h3 {
	font-size: 24px;
	color:#3359a1 !important;
}

.elenco-esami .insert {
	float: right;
}

.elenco-esami fieldset  {
	padding: 25px;
	margin-top: 30px;
}

.elenco-esami fieldset legend {
	font-size: 14px;
	font-weight: bold;
  background: #fff;
  padding: 0 3px;
  margin: 0;
    margin-left: 0px;
  margin-left: -3px;
  border-bottom: 0px !important;
  width: auto !important;
}

.elenco-esami fieldset p {
	margin: 0;
}



input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea, select {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    color: rgba(0, 0, 0, 0.75);
    display: inline-block;
    font-family: inherit;
    font-size: 14px;
    margin: 0 ;
    padding: 6px;
    transition: all 0.15s linear 0s;
    /* width: 70%; */
    line-height: 1.2;
}
select {
    width:100%
}

.elenco-esami fieldset .five.columns {
	padding-left: 0;
}


.elenco-esami fieldset p .nome {
	margin: 0;
	width: 240px;
}

.elenco-esami fieldset .two.columns {
	padding: 0 10px;
}


.elenco-esami fieldset p .data {
	width: 90px;
	margin:  0 5px 0 0;
}

.elenco-esami fieldset .columns {
	padding: 5px ;
}


.elenco-esami fieldset p .cerca {
	margin:  10px 10px 0 0;
}

.elenco-esami fieldset p .annulla {
	/*width: 130px;*/
	padding-left: 10px!important;
	padding-right: 10px!important;
	line-height: 14px;

}

.elenco-esami table {
	width: 100%;

}

.elenco-esami table tbody tr td {
    padding: 9px 5px;

}

.elenco-esami table tbody tr td strong {
	font-size: 13px;

}

.elenco-esami  table.ui-datepicker-calendar tbody tr td {
    padding: 2px;

}



.campo-paz {

	/*white-space:nowrap;*/
}

/* -----------------------------------------
   esame
----------------------------------------- */

.esame h3 {
	margin-top: 0;
}
.esame .dati {
	float: left;
	width: 440px;
	margin: 0 18px 0 0;
}

.esame .dati p {
    border-bottom: 1px solid #dcdcdc;
    font-size: 16px;
    line-height: 32px;
    margin: 0 0 5px;
    padding-bottom: 5px;
}

.esame .dati p:last-child {
    border-bottom: none;
}

.esame .dati p strong{
	/*float:right;*/
	font-size: 18px;
	margin-left: 5px;
}

.esame .lastra {
	float: right;
	width: 560px;
	position:relative;
	padding: 45px 0 0 0;
}

.esame .lastra .box-lastra{
	background-color: #ccc;
	width: 250px;
	height: 250px;
	margin: 0 0 30px 30px ;
	overflow:hidden;
	float:left;
	line-height:250px;
	text-align:center;
	position:relative;
}

.esame .lastra img{
	display: inline-block;
	margin: 0 auto;
	vertical-align:middle;
}

.esame .lastra p {

}

.esame .lastra .download {
    background: rgba(0, 0, 0, 0.5);
	position:absolute;
	bottom: 0;
	left: 0;
	padding: 8px 10px;
	width: 100%;
	color: #FFFFFF;
}

.esame .lastra .indietro {
	position: absolute;
	/*top: -15px;*/
    top:0;
	right: 0;

}


/* -----------------------------------------
   esame-modifica
----------------------------------------- */

.esame-modifica fieldset {
	padding: 25px 15px 15px 15px !important;
	margin-bottom: 30px !important;
	border: solid 1px #ddd !important;
}


.esame-modifica fieldset select,
.esame-modifica fieldset input {
	margin-top: 5px;

}

.esame-modifica p.azione {
	text-align:center;
}

.esame-modifica .button.salva {
	display:inline-block;
	margin-right: 10px;
	background: #3359a1;
	border-color: #3359a1;
}
.esame-modifica .button.salva:hover {
	color: #3359a1;
    background: #fff;
}

.elenco-esami .button.salva {
	display:inline-block;
	margin-right: 10px;
	background: #3359a1;
	border-color: #3359a1;
}

.elenco-esami .button.salva:hover {
	color: #3359a1;
    background: #fff;
}
.password .button.salva {
	display:inline-block;
	margin-right: 10px;
	background: #3359a1;
	border-color: #3359a1;
}
.password .button.salva:hover {
	color: #3359a1;
    background: #fff;
}
.esame-modifica .esci {
	display:inline-block;
	padding: 9px 20px;
	height: 37px;;
}




/* -----------------------------------------
   nuovo esame
----------------------------------------- */

.nuovo-esame fieldset {
	padding: 25px ;
	margin-bottom: 30px;
}


.nuovo-esame fieldset select,
.nuovo-esame fieldset input {
	margin-top: 5px;

}

.nuovo-esame p.azione {
	text-align:center;
}

.nuovo-esame .button.salva {
	display:inline-block;
	margin-right: 10px;
	background: #3359a1;
	border-color: #3359a1;
}

.nuovo-esame .button.salva:hover {
	color: #3359a1;
    background: #fff;
}

.nuovo-esame .esci {
	display:inline-block;
	padding: 9px 20px;
	height: 37px;
}

.nuovo-esame .indietro {
	display:inline-block;
	padding: 9px 20px;
	height: 37px;
	margin: 20px 0;
}

.MultiFile-wrap .n_img_wrap_list {
	margin-top:10px;
}

.MultiFile-wrap .MultiFile-remove {
	color: #FF0000;
	display: inline-block;
	margin: 0 10px;
	font-size: 20px;
}

.MultiFile-wrap .MultiFile-label {
	margin: 10px
}

.nuovo-esame .procedi {
	margin-top: 25px;
}



/* -----------------------------------------
   invii
----------------------------------------- */

.invii .esci {
	display:inline-block;
	padding: 9px 20px;
	height: 37px;;
	margin-left: 10px;
}



.elenco-pazienti  p {
	margin-bottom: 10px!important;

}


/* -----------------------------------------
   radiologi
----------------------------------------- */


.elenco-esami.ra	fieldset  {
		padding-bottom:0;
	}



	.elenco-esami.ra .row {
		margin: 0;

	}


/* -----------------------------------------
   pazienti
----------------------------------------- */

.paz .cerca.secondary.button.radius.four{
	margin-top: 24px;
}

.ui-state-highlight p {
	padding-top: 10px;
}

.ui-state-highlight  {
	margin-top:30px;

}
.ui-datepicker-today .ui-state-highlight   {
	margin-top:0px;
}




.ui-state-highlight .ui-icon {
	float:left;
	margin: 5px 10px 10px 10px;
}

.ui-state-error  {
	position:relative;
}

.ui-state-error .ui-icon {

	position:absolute;
	left:10px;
	top: 10px;
}


.testoPiccolo td {
	font-size: 12px;
}

.tabella_agenda {
	border-collapse: separate;
	border-spacing: 1px;
}

.tabella_agenda td {
	font-size:12px;
	padding:2px !important;
	line-height:15px !important;
	vertical-align: top !important;
}

.tabella_agenda tr:first-child td {
	background: #efefef;
}


.fuoriAppuntamento td {
	background-color: #006600;
	color: #ffffff;
}

.fuoriAppuntamento td a{
	color: #ffffff;
    font-weight:400;
    text-decoration: underline;
}
.esamiTelecranioLL td {
	background-color: #5fd7ff;
}

.mostra-stampa {
	display: none;
}

.nascondi-stampa {
	display: block;
}

.TR_mostra-stampa {
	display: none;
}

.TR_nascondi-stampa {
	display: table-row;
}

.TD_mostra-stampa {
	display: none;
}

.TD_nascondi-stampa {
	display: table-cell;
}

.INLINE_mostra-stampa {
	display: none;
}

.INLINE_nascondi-stampa {
	display: inline;
}

.agenda table td {
	line-height: 30px;
}

.agenda select {
	height: 30px;
	border-color: #ccc;
}


.agenda.elenco-esami table tbody tr td {
	padding: 7px 5px;
}

.spezza {
	display:none;
}

.mt-3 {
	margin-top: 30px;
}


	@media only screen and (max-width: 767px) {

		.browseralert .alert-browser {
			display: none;
		}

		.wrapper {
			/*background-color: #ffffff;
			border: 1px solid #cccccc;*/
			margin: 0 auto;
			overflow: hidden;
			padding: 0 10px;
			position: relative;
			width: auto;
		}
		.topbar h3{
            text-align: center
        }
		.header {
			height: 100px;
			margin: 0 0 40px;
			padding: 10px 0;
			position: relative;

		}

		.header .logo {
			width: 161px;
			height:  auto;
			position:absolute;
			left:-35px;
			top: 10px;
			clip: rect(0px, 125px, 70px, 35px);
			z-index: 3;
		}

		.topbar .utente   {
			/*padding: 0 50px 0  110px;*/
			width: 100%;
		}


		.topbar .utente p,
		.topbar .utente p a  {
			font-size: 14px;
			text-align:center;
			line-height: 22px;
		}

		.topbar .utente p.nome {
			float: none;
			text-align: left;
			font-size: 15px;
		}

		.topbar .utente p.nome strong{

		}

		.header .nav-btn {
			background: url("/images/ico_menu-2020.png") no-repeat scroll 0 0 / 40px 40px ;
			cursor: pointer;
			display: block;
			height: 40px;
			position: absolute;
			right: 0;
			text-indent: -9999px;
			top: 22px;
			width: 40px;
			z-index: 100;
		}

		.login .header .nav-btn {
			display: none;
		}


		ul.nav-bar {

			border: medium none !important;
			border-radius: 0;
			bottom: auto;
			height: auto;
			margin: 0;
			padding: 0;
			position: absolute;
			right: 0;
			top: 100px;
			z-index: 2;
			width: 100%;
			display:none;
		}
        .nav-bar > li > a:first-child {
            border-bottom: 1px solid #dee3e6;
        }
        .nav-bar > li > a:first-child::hover {
            color:#fff;
            background-color: #65c2d0
        }
        .nav-bar > li > a:first-child,
        .nav-bar > li.has-flyout > a:first-child {
            padding: 0 30px;
        }
		.nav-bar>li.has-flyout>a.flyout-toggle {
		    width: 100%;
            z-index: 5;
		}

		button.button, input.button[type="submit"], input.button[type="reset"] {
			margin-bottom: 15px;
		}

		.elenco-esami fieldset p {
			padding: 0 0 15px 0;
		}

		.elenco-esami table {
				margin-left: -5px;
				padding: 0;

		}

		.elenco-esami table tbody tr td {
			padding: 5px 00;

		}

        .esame .dati {
            float: none;
            margin: 0;
            width: 100%;
        }

        .esame .lastra {
            float: none;
            padding: 0;
            position: static;
            width: 100%;
        }

        .esame .lastra .box-lastra {
            background-color: #ccc;
            float: none;
            height: 320px;
            line-height: 320px;
            margin: 0 0 30px 0;
            overflow: hidden;
            position: relative;
            text-align: center;
            width: 100%;
        }

        .esame .lastra .indietro {
            position: absolute;
            right: 0;
            /*top: -10px;*/
            top:0
        }
        .login .doppiaform .panel {
            min-height: auto;
        }

	}


/*david 2023 */

#content {
    padding: 0 0px 20px 0px;
}
@media screen and (max-width: 600px) {
    .elenco-esami table.table-esami td {
        font-size: 12px;
        padding: 5px;
        line-height: 1.2;
    }

    table.table-esami {
        margin: 0;
    }

    .esame .dati p, .esame .dati p strong {
        font-size: 16px;
        line-height: 1.4;
    }

}