/* GENERIC */ 

body, p, div {font-family: 'Montserrat', sans-serif;}

/* HEADER */

.top {

	display: flex;
    justify-content: space-between;
    align-items: center;
	padding:35px;
	background-color: #EFF1F2;
    box-shadow: 0px 10px 20px 0px #dddddd;
    margin-bottom: 30px;

}

.contact-data {

	display: flex;
    align-items: center;
}

.main-logo {    font-size: 30px;
    font-weight: 600;}

.ico-user-index {
	    width: 24px;
    padding: 0px 20px;

}

.ico-exit {
	width: 24px;

}

/* SIDEBAR */

.menu-nav  {
	margin-top: 40px;
}

.ico-sogesi{ width: 45px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    display: block;
	padding: 40px 0px;
}

.icon-menu {
    margin: 0 auto;
    text-align: center;
    position: relative;
    display: block;


}

/* PAGE LOGIN */

.logo-sogesi {	width:200px;}

a.linktesto, a.linktesto:visited {
	
	color: #fff;
    text-decoration: none;
    text-align: center;
    display: flex;
    width: 100%;
    flex-direction: column;
	

}
a.linktesto:hover, a.linktesto:active {color:#ffffffba}

#page-login div {font-size:16px;}

#page-login {
	background: rgb(36,131,187);
background: linear-gradient(90deg, rgba(36,131,187,1) 0%, rgba(18,19,37,1) 100%);
    width:100%;
    margin:0 auto;
   	display: inline-grid;
    grid-template-columns: 49% 2% 49%;
    align-items: stretch;
    justify-items: stretch;
    align-content: stretch;
    height: 100%;

}

#left_area {
	width: 100%;
    height: 100%;
	display: flex;
  justify-content: center;
  align-items: center;
	color:#fff;

}

#page-login .logo  {
    width: 300px
}

#right_area {
	display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    width: 70%;
    vertical-align: center;
    margin: 0 auto;
    font-size: 20px!important;
    max-width: 1000px;
	color:#fff;
}

#login {

	display: block;
    position: relative;

}

.logo p {font-family: 'Montserrat', sans-serif;
	text-transform:uppercase;
	font-weight:600;
	letter-spacing:2;
	font-size:26px;
    text-align: center;}

.icon-clienti {width:150px;
	           padding:10% 0%;
			   margin:0 auto;
}


.field_username input, .field_password input{
	width: 85%;
	display:block;
    padding: 15px 20px;
    margin: 0px 0px 20px 0px;
    background-color: #ffffff6b;
    /* color: #fff; */
    border: 0px;
    border-radius: 5px;}

#login ::placeholder {
	color: #fff;
    font-family: 'Montserrat', sans-serif;
}

.login_action {
	display: flex;
    justify-content: flex-start;
}


.invio {
	text-align: center;
    margin-top: 50px;
    padding: 15px 20px;
    width: 85%;
    background-color: #ffffffba;
    color: #000;
    border-radius:5px;
    font-weight: 600;
	cursor: pointer;

}

.divider {
  width: 0.5px; /* Spessore della linea desiderato */
  background-color: white; /* Colore della linea */
  margin: 200px auto;
/* Margine superiore e inferiore di 50px, margine laterale di 10px */
}

/* icone blocco login */
.field_username .input-with-icon {
   /* Spazio per l'icona */
  background-image: url('/img/ico-user.svg'); /* Percorso dell'icona */
  background-repeat: no-repeat;
  background-position: 17px center; /* Distanza dall'inizio dell'input e centratura verticale */
  background-size: 17px; /* Dimensioni dell'icona */
}

.field_password .input-with-icon {
   /* Spazio per l'icona */
  background-image: url('/img/ico-password.svg'); /* Percorso dell'icona */
  background-repeat: no-repeat;
  background-position: 17px center; /* Distanza dall'inizio dell'input e centratura verticale */
  background-size: 17px; /* Dimensioni dell'icona */
}

.icon-mail {
  padding-left: 40px; /* Spazio per l'icona */
  background-image: url('/img/ico-mail.svg'); /* Percorso dell'icona */
  background-repeat: no-repeat;
  background-position: 17px center; /* Distanza dall'inizio dell'input e centratura verticale */
  background-size: 17px; /* Dimensioni dell'icona */
  cursor: pointer;
}


/* nuovo codice pagina login */


#page-login2, #page-rec-psw {
	background: rgb(36,131,187);
background: linear-gradient(90deg, rgba(36,131,187,1) 0%, rgba(18,19,37,1) 100%);
    width:100%;
    margin:0 auto;
	background-repeat: repeat-y;
   	/*display: inline-grid;
    grid-template-columns: 49% 2% 49%;
    align-items: stretch;
    justify-items: stretch;
    align-content: stretch;*/
    height: 100%;

}

.icon-mail a {color:#fff!important; text-decoration:none;}

#page-login2 .logo, #page-rec-psw .logo {
    width: 20%;
	display: flex;
	margin: 30px auto 50px auto;
	text-align:center;
}

.services a {color:#fff!important; text-decoration:none!important;}

.testo-b {
	display:block;
	width:50%; 
	text-align:center;
	margin:0 auto 50px auto;
}

.testo-s {
	display:block;
	width:80%; 
	
}



.service p, .service h3 {margin:0px!important;}

.container-login {
    display: flex;
    flex-direction: column;
    width: 90%;
    padding: 20px;
    align-content: center;
    align-items: center;
    margin: 0 auto;
	
}

.logo {margin:0 auto;} 

.columns {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}


.login-box, .info-box {
    flex: 1;
    padding: 20px;
	margin:5px;
	color:#fff!important;
}

.login-box {
    border-right: 1px solid #ccc;
	/*display:flex;
	align-items: center;
    justify-content: center;*/
}

.login-form {
	
	display:flex;
	align-items: center;
    justify-content: center;
}

.info-box {
    padding-left: 40px;
}

.login-box h2, .info-box h2 {
    margin-bottom: 20px;
}

.form-group {
    margin-bottom: 15px;
}

.form-group label {
    display: block;
    margin-bottom: 5px;
}

.form-group input[type="text"], .form-group input[type="password"] {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.remember-me {
    display: flex;
    align-items: center;
}

.remember-me input {
    margin-right: 10px;
}

button {
    width: 100%;
    padding: 10px;
    background-color: #007bff;
    border: none;
    border-radius: 4px;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
}

button:hover {
    background-color: #0056b3;
}

.forgot-password {
    display: block;
    text-align: center;
    margin-top: 10px;
    color: #007bff;
    text-decoration: none;
}

.forgot-password:hover {
    text-decoration: underline;
}

.info-box p {
    margin-bottom: 20px;
}

.services {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

.service {
    display: flex;
    align-items: center;
    flex: 1;
    min-width: 250px;
    margin-right: 20px;
    margin-bottom: 20px;
}

.service img.icon {
    margin-right: 20px;
    width: 50px;
    height: 50px;
}

.service h3 {
    margin-bottom: 10px;
}



@media (max-width: 768px) {
	
    .columns {
        flex-direction: column;
		padding:10px;
    }
	
	#page-login2 .logo  {
    width: 35%;
	display: flex;
	margin: 30px auto 50px auto;
	text-align:center;
}
    
	.login-form {display:block;}
	
    .login-box {
        border-right: none;
        border-bottom: 1px solid #ccc;
        padding-right: 20px;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    
   
    
    .service {
        margin-right: 0;
    }
	
	.testo-b {
	display:block;
	width:80%; 
	text-align:center;
	margin:0 auto;
}
	
	
}

/* fine nuovo codice page login */

/* pagina recupero password */
#page-rec-psw #login {
    display: block;
    position: relative;
    width: 50%;
	margin: 0 auto;}

#page-rec-psw .field_username input, #page-rec-psw .field_password input 

{
	width:100%;
	display:block;
    padding: 15px 20px;
    margin: 0px 0px 20px 0px;
    background-color: #ffffff6b;
    border: 0px;
    border-radius: 5px;
	
}


#page-rec-psw .invio {
	text-align: center;
    margin-top: 50px;
    padding: 15px 20px;
    margin: 0 auto;
    background-color: #ffffffba;
    color: #000;
    border-radius:5px;
    font-weight: 600;
	cursor: pointer;

}

/* PAGINA INTERNA */

.main {
	display: flex;


}

.sidebar {

	background: rgb(36,131,187);
    background: linear-gradient(#005F91, #003049);
    width: 100px;
	z-index:999;
}

.mainbar {

	width: 100%;
    /*padding: 30px;*/
}
.summary_box .create-ticket {

	display: flex;
    margin: 0 auto;
	width:100%;
}

.summary_box .create-ticket a {
    /*background-color: #005F91;*/
	background:linear-gradient(#005F91, #024a6f);
    color: #fff;
    padding: 20px 20px;
    width: 100%;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
    border-radius: 50px;
    display: flex;
    font-weight: 600;
    font-size: 20px;
    margin: 10px;
    align-items: center;
    justify-content: center;
}
.summary_box .create-ticket a:hover {
    background: #005F91;
    color: #fff;
    justify-content: center;
}

.report-tickets {display:flex;}

.tickets_summary {
	padding: 10px;
    width: 100%;
    display: flex;
    line-height: 25px;
    align-items: center;
    justify-content: center;
   /* justify-content: space-between;*/
}
.n_number {
	margin-right: 5px;
}

#tickets_open {
	margin: 10px;
    color: #000;
    font-weight: 600;
    border-bottom: 5px solid #f00;


}

#tickets_waiting {

    margin: 10px;
    color: #000;
    font-weight: 600;
	border-bottom: 5px solid #FFD500;

}

#tickets_close {

    margin: 10px;
    color: #000;
    font-weight: 600;
	border-bottom: 5px solid #81C94A;
}

.ticket_details .ticket_body_list .ticket_heading {

    color: #005F91!important;
    text-transform: uppercase;
    justify-content: space-evenly;
    display: grid;
    grid-gap: 0px;
    grid-template-columns: 0.5fr 1fr 1fr 1fr 1fr 1fr 1fr;
    align-items: stretch;
    justify-items: stretch;
    align-content: center;
    height: 50px;
    line-height: 15px;
    white-space: pre-wrap;
    text-align: center;
   /* border-top: 1px solid #707070;
    border-right: 1px solid #707070;
    border-left: 1px solid #707070;*/
}

.ticket-row {
	color:#000;
    justify-content: space-evenly;
    display: grid;
    grid-gap: 0px;
    grid-template-columns: 0.5fr 1fr 1fr 1fr 1fr 1fr 1fr;
    align-items: stretch;
    justify-items: stretch;
    align-content: center;
    /*height: 50px;*/
    line-height: 20px;
    white-space: pre-wrap;
    text-align: center;
    border-top: 1px solid #707070;
	align-items: center;
    align-content: center;
    padding: 15px 0px;
    margin: 5px;
   /* border-right: 1px solid #707070;
    border-left: 1px solid #707070;*/


}

/*CONTATTI */
.contact_body_list .contact_heading {

    color: #005F91!important;
    text-transform: uppercase;
    justify-content: space-evenly;
    display: grid;
    grid-gap: 0px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 0.5fr 0.5fr 0.5fr;
    align-items: stretch;
    justify-items: stretch;
    align-content: center;
    height: 50px;
    line-height: 15px;
    white-space: pre-wrap;
    text-align: center;
   /* border-top: 1px solid #707070;
    border-right: 1px solid #707070;
    border-left: 1px solid #707070;*/
}

.contact_body_list .contact_heading div {font-weight:700}

.contact-row {
	color:#000;
    justify-content: space-evenly;
    display: grid;
    grid-gap: 0px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 0.5fr 0.5fr 0.5fr;
    align-items: stretch;
    justify-items: stretch;
    align-content: center;
    /*height: 50px;*/
    line-height: 20px;
    white-space: pre-wrap;
    text-align: center;
    border-top: 1px solid #707070;
	align-items: center;
    align-content: center;
    padding: 15px 0px;
    margin: 5px;
   /* border-right: 1px solid #707070;
    border-left: 1px solid #707070;*/


}

/*FINE CONTATTI */

/* FILTRI */

.filters_action {
	display:flex!important;
	justify-content: space-between;
	align-items: center;
}

.filters_top {
	display:block!important;
	/*justify-content: flex-end;
    align-items: center;*/
	text-align:right;

}

.filter_status {
	text-align: left;
    padding: 10px;
    margin-top: 20px;
    background-color: #efefef;
    border-radius: 5px;

}

.filter_status span {
	font-weight:600;
	text-transform:uppercase;
	font-size:16px;
}

.stato_tickets {

	display:flex;
	justify-content: flex-start;
	padding-top: 10px;

}

.stato_tickets > div {
	padding-right: 20px;

}

.filters_top input, .filters input {
	    padding: 10px;
    border: 1px solid #707070;
    border-radius: 5px;
	margin-right:30px;
}

.op_filtro {
	box-sizing: border-box;
    margin: 0px 0px 0px 30px;
    background: linear-gradient(#005F91, #024a6f);
    color: #fff;
    padding: 10px 20px;
    text-decoration: none;
    text-align: center;
    border-radius: 50px;
    font-weight: 600;
    font-size: 15px;
    cursor: pointer!important;

}

.op_filtro:hover, .op_filtro:active, .op_filtro:focus {
	background: #005F91;
    color: #fff;
    justify-content: center;

}

.f_clear  {
    box-sizing: border-box;
    margin: 0px 0px 0px 10px;
    background: #fff;
    color: #005F91;
    padding: 8px 20px;
    text-decoration: none;
	border:2px solid #005F91;
    text-align: center;
    border-radius: 50px;
    font-weight: 600;
    font-size: 15px;
    cursor: pointer!important;
}

.f_clear:hover {
	background: #efefef;
    color: #005F91;
    justify-content: center;

}


.filters h2 {

	margin: 0px!important;
    position: relative!important;
    top: 34px!important;
	z-index:-1!important;
}

#year, #n_pag {    padding: 10px;
    border: 1px solid #707070;
    border-radius: 5px;

}

#year {margin: 0px 30px 0px 0px;}

.filters {margin:20px 0px 40px 0px;}

.ticket_heading {font-weight:700;}

.ticket_details {
	margin:10px;
	padding: 0 40px;

}

.summary_box {padding:0 25px;}

 #filters_action div {

    width: 100%;
    margin: 20px 10px 0px;
}

#filters_action select, #filters_action input {
	padding: 12px 20px;
    width: 100%;
    margin: 38px 10px 0px;
}

 #filters_action div input {
	padding: 10px 15px;
    width: 100%;
    margin: 0px!important;
}

#filters_action {

	display: flex;
    align-content: center;
    align-items: center;
}

/* numeri report ticket */

#n_open {font-size: 20px;}

.ticket {width:60px;}

/*.t_aperti:before {content: "";
    display: inline-block;
    background: url("/img/ticket-icon.jpg") no-repeat top right;
    width: 140px;
    }*/

.summary_box .create-ticket a:before {
	content: "";
    background: url(/img/ticket-icon.svg) no-repeat;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    padding-right: 29px;
    line-height: 40px;
    display: inline-block;
	height:25px;
	margin-right:15px;
	width:15px;
}

.paginazione {

	display: flex;
    padding: 30px;
    justify-content: center;
	border-top: 1px solid #000;

}

/* PAGINA TICKET */

.titolo {
	    display: flex;
    margin-left: 30px;
    padding: 20px 35px;
    background-color: #005F91;
    border-radius: 32px 0px 0px 32px;
    color: #fff;
    font-weight: 600;
    font-size: 20px;

}

.ticket-option  {
	display: flex;
    padding: 30px;
    margin-left:30px;
}

.contact-option, .profile-option {
	
	  display: flex;
    margin: 30px 0px 0px 0px;
    padding-bottom: 20px;
    padding-left: 30px;
    margin-left: 30px;
    border-bottom: 1px solid #005f91;
}

.ticket-fields, .timeline, .add_note  {

	padding: 20px 40px;
}

.t_field select, .t_field input {
	width: 100%;
    padding: 10 15px;

}

.t_field textarea {
	width: 100%;
    padding: 10 15px;
	min-height: 200px;

}

.t_field label  {
	display: block;
    font-weight: 700;
    margin-bottom: 15px;

}


/*.ticket-fields div:nth-child(1) {


margin-bottom:20px;}*/
.ticket-fields hr {margin:30px 0px;}

.t_field {margin-bottom:20px;}

.create-ticket .salva:after, .profile-option .salva:after  {
	content: "";
    display: block;
    background: url("/img/salva.svg") no-repeat;
    width: 15px;
    height: 15px;
    float: left;
    margin: 0 10px 0 0;

}

.create-ticket .chiudi:after {
	content: "";
    display: block;
    background: url("/img/close.svg") no-repeat;
    width: 15px;
    height: 15px;
    float: left;
    margin: 0 10px 0 0;

}

.ticket-option a {margin-right:30px;}

.attachment-icon {
	content: "";
    display: inline-block;
    background: url("/img/icon-attachment.svg") no-repeat;
	width: 30px;
    height: 36px;
    float: left;
	margin-right:8px;
 }
 .attachments  {
display: block;
    font-weight: 700;
    margin-bottom: 50px;
	padding: 0 40px 20px 40px;
}



/* PAGINA PROFILO UTENTE */
.titoletto {

	font-weight: 700;
    margin: 20px 0px!important;
    display: block;

}

.profile-fields {

	display:flex;
}

.p_field {
	display: flex;
    flex-direction: column;
    width: 29%;
    margin: 10px 20px 10px 0px;

}

.check-block {
	padding:5px 0px;
}

.product-title {
	padding: 5px 0px;
    border-bottom: 3px solid #005f91;
    margin: 15px 0px;
    text-transform: capitalize;
    font-weight: 700;
    letter-spacing: 0.5;
	width: 80%;

}

.p_field select, .p_field input {

    padding: 10 15px;
}
.p_field label {

	padding-bottom:5px;
}

.cambio-password {display:flex;}

.save-password-button {
	background-color: #005F91;
    color: #fff;
    padding: 15px 20px;
    text-decoration: none;
    cursor: pointer;
    border-radius: 10px;
    display: inline-block;
    font-weight: 600;
	margin-top: 10px;
}

.division {
	height: 2px;
    background-color: #005f91;
    margin: 0px 40px 40px;
    }

#form-manage-profile, .manage-password, .password-requirments, .contact_body_list, .manage-contacts .filters {

	padding: 0px 40px 20px;
}

#form-manage-profile {margin-bottom:0px!important;}

.password-requirments ul li {line-height: 35px;}

/* icona note */

.show-ticket, .show-contact {
	width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-image: url(/img/icon-note.svg);
    display: block;
    margin: 0 auto;
}

/* numeri pie pagina */

.numeri {
	padding: 10px;
    border: 1px solid #000;
    width: 15px;
    height: 15px;
    text-align: center;
    display: inline-block;
    margin: 0 auto;
    border-radius: 50px;
	line-height: 16px;
	cursor:pointer;

}

.numeri:hover {color:#fff;
	background-color:#005F91;}

.selezionato {
	color:#fff;
	background-color:#005F91;
}

/* ICONS DASHBOARD */

.dashboard, .ticket-dashboard, .info-dashboard, .profilo-utente, .user-contacts {
    padding: 10px;
    margin-bottom: 10px;
    display: block;
    width: 40px;
    height: 40px;
    margin: 10px auto;
    line-height: center;
	border-radius: 10px;

}

.user-contacts {
	background-image: url(/img/icon-users-dash.svg);
	width: 30px;
    height: 30px;
    background-repeat: no-repeat;
}

.user-contacts:hover {

	background-color: #fff;
	background-image: url(/img/icon-users-dash-hover.svg);

}

.user-contacts.active {

	background-color: #fff;
	background-image: url(/img/icon-users-dash-hover.svg)!important;

}

.ticket-dashboard {
	background-image: url(/img/icon-ticket-dashb2.svg);
	width: 30px;
    height: 30px;
    background-repeat: no-repeat;


}
.active {
	background-color: #fff!important;


}

.ticket-dashboard:hover {

	background-color: #fff!important;
	background-image: url(/img/icon-ticket-dashb2-hover.svg)!important;

}

.ticket-dashboard.active{

	background-color: #fff!important;
	background-image: url(/img/icon-ticket-dashb2-hover.svg)!important;

}

.info-dashboard {
	background-image: url(/img/icon-info-dashb2.svg);
	width: 30px;
    height: 30px;
    background-repeat: no-repeat;


}

.info-dashboard:hover {

	background-color: #fff;
	background-image: url(/img/icon-info-dashb2-hover.svg);

}

.info-dashboard.active{

	background-color: #fff;
	background-image: url(/img/icon-info-dashb2-hover.svg)!important;

}

.profilo-utente {
	background-image: url(/img/icon-user-dash.svg);
	width: 30px;
    height: 30px;
    background-repeat: no-repeat;


}

.profilo-utente:hover {

	background-color: #fff;
	background-image: url(/img/icon-user-dash-hover.svg);

}

.profilo-utente.active {

	background-color: #fff;
	background-image: url(/img/icon-user-dash-hover.svg)!important;

}



.dashboard:hover {padding: 10px;
    margin-bottom: 10px;
    display: block;
    margin: 10px auto;
    line-height: center;
    background-color: #fff;
	border-radius: 10px;
    color:#005F91;
}

/* pallini */

.red {
        display:flex;
        width:20px;
        height:20px;
        border-radius:50px;
        background-color:#FF0000;
	    margin: 0 auto;
    }

.green {
        display:flex;
        width:20px;
        height:20px;
        border-radius:50px;
        background-color:#81C94A;
	    margin: 0 auto;
    }

.yellow {
        display:flex;
        width:20px;
        height:20px;
        border-radius:50px;
        background-color:#FFD500;
	    margin: 0 auto;
    }

/* pulsante salva */

.salva, .new-contact {cursor:pointer;}

/* Conversazione Note e Time-entry */

.t_status a {
	margin-left: 22px;
    border: 3px solid #fff;
}


.timeline_title {display: flex;
    margin-left: 30px;
    padding: 15px 25px;
    background-color: #005F91;
    border-radius: 32px 0px 0px 32px;
    color: #fff;
    font-weight: 600;
    font-size: 15px;
	text-transform:uppercase;
}

.time_entry_name {
font-weight: 700;
border-right: 0.5px solid #000;
padding-left:0px!important;


}
/*
.time_entry_date {
border-right: 0.5px solid #000;

}
*/
.time_entry_info {
display: flex;
padding:20px 0px 20px 0px;
		line-height: 35px;
}

.time_entry_info > div {

	padding-right:20px;
	padding-left:20px;

}
.time_entry_name:after  {
	content: "";
    display: block;
    background: url("/img/icon-time-entry.svg") no-repeat;
    width: 35px;
    height: 35px;
    float: left;
    margin: 0 10px 0 0;

}

.time_entry_date:after  {
	content: "";
    display: block;
    background: url("/img/icon-calendar.svg") no-repeat;
    width: 20px;
    height: 20px;
    float: left;
    margin: 5px 10px 15px 0;

}

.time_entry_hour_to_bill:after  {
	content: "";
    display: block;
    background: url("/img/icon-time.svg") no-repeat;
    width: 20px;
    height: 20px;
    float: left;
    margin: 5px 10px 15px 0;

}

.time_entry_description {

	padding: 30px;
    background-color: #E6EDF1;
    border-radius: 20px;
    width: 70%;
}

.client_note .note_name {
    font-weight: 700;
	line-height: 35px;
	text-align:right;
}

.note .note_name {
    font-weight: 700;
	line-height: 35px;
	text-align:left;
}

.client_note {
	 text-align: right;
	 margin:20px 0px;
}

.note {
	 text-align: left;
	 margin:20px 0px;
}

.client_note .note_name:after {
	content: "";
    display: block;
    background: url("/img/icon-nota-entry.svg") no-repeat;
    width: 35px;
    height: 35px;
    float: right;
    margin: 0px 0px 0px 10px;

}

.note .note_name:after {
	content: "";
    display: block;
    background: url("/img/icon-nota-entry.svg") no-repeat;
    width: 35px;
    height: 35px;
    float: left;
    margin: 0px 10px 0px 0px;

}

.client_note .note_description {

	padding: 30px;
    background-color: #FFF1D1;
    border-radius: 20px;
	text-align:right;
	margin-left: 27%;


}

.note .note_description {

	padding: 30px;
    background-color: #FFF1D1;
    border-radius: 20px;
	text-align: left;
    margin: 0px;
    width: 70%;


}

.note_name {
    padding: 20px 0px 20px 0px;
    line-height: 35px;}

.add_note_title {

	font-weight: 700;
	padding: 20px 0px 20px 0px;
    line-height: 35px;
}


.add_note_title:after {
	content: "";
    display: block;
    background: url("/img/icon-nota-entry.svg") no-repeat;
    width: 35px;
    height: 35px;
    float: left;
    margin: 0px 10px 0px 0px;

}

.add_note textarea {

	width:70%;
	padding:20px;
	background-color: #FFF1D1;
	border-radius: 20px;
	dispaly:block;

}

.add_note a {

	background-color: #005F91;
    color: #fff;
    padding: 15px 20px;
    text-decoration: none;
    cursor: pointer;
    border-radius: 10px;
    display: block;
    font-weight: 600;
	margin-top: 30px;
	width:10%;
	text-align:center;
}



/*.order_up:before {
	    content: "";
    display: block;
    background: url(/img/icon-up.svg) no-repeat;
    width: 15px;
    height: 15px;
    float: right;
    margin: 0px;
    position: relative;
    padding: 0px;


}

.order_down:before {
	    content: "";
    display: block;
    background: url(/img/icon-down.svg) no-repeat;
    width: 15px;
    height: 15px;
    float: right;
    margin: 0px;
    position: relative;
    padding: 0px;


}*/

.order_down {

    display: block;
    background: url(/img/icon-down.svg) no-repeat;
    width: 15px;
    height: 15px;
    float: right;
    margin: 0px;
    position: relative;
    padding: 0px;
    margin-left:5px;
}

.order_up {

    display: block;
    background: url(/img/icon-up.svg) no-repeat;
    width: 15px;
    height: 15px;
    float: right;
    margin: 0px;
    position: relative;
    padding: 0px;
	margin-left:5px;


}

/*.ticket-row div {

	    padding: 0px 10px;
}*/

.contact_heading div {  
	
	display: flex;
    justify-content: center;
	
	/*display: flex;
    justify-content: left;
    padding-left: 5%;*/}


.ticket_heading div {   
	display: flex;
    justify-content: center;
    }

#tickets_open:before {
    content: "";
    background: url(/img/ticket-icon-red.svg) no-repeat;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    padding-right: 29px;
    line-height: 40px;
    display: inline-block;
    height: 25px;
    margin-right: 15px;
    width: 15px;

}

#tickets_waiting:before {
    content: "";
    background: url(/img/ticket-icon-giallo.svg) no-repeat;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    padding-right: 29px;
    line-height: 40px;
    display: inline-block;
    height: 25px;
    margin-right: 15px;
    width: 15px;

}

#tickets_close:before {
    content: "";
    background: url(/img/ticket-icon-verde.svg) no-repeat;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    padding-right: 29px;
    line-height: 40px;
    display: inline-block;
    height: 25px;
    margin-right: 15px;
    width: 15px;

}

#t_request, #t_contact, .filter_lineone input {font-family: 'Montserrat', sans-serif!important;}

.new-contact:after {content: "";
    display: block;
    background: url("/img/nuovo-utente.svg") no-repeat;
    width: 20px;
    height: 20px;
    float: left;
    margin: 0 10px 0 0;}

.new-contact {color:#000;
text-decoration: none;}

.contact-row div {
	text-align:center;
	
}

.icon-active, .icon-enabled {
	
	display: flex;
    width: 20px;
    height: 20px;
    border-radius: 50px;
    background-image: url('/img/user-active.svg');
    margin: 0 auto;
}

.icon-disabled {display: flex;
    width: 20px;
    height: 20px;
    border-radius: 50px;
    background-image: url('/img/user-inactive.svg');
    margin: 0 auto;}

.manage-contacts .filters { text-align: right;}

/* bottone mostra nascondo password */

#page-login2 button {
    background: transparent !important;
    box-shadow: none !important;
    vertical-align: middle;
    font-size: 14px !important;
    line-height: 2 !important;
    width: 30px !important;
    height: 30px !important;
    padding: 5px 9px !important;
    position: absolute !important;
    top: 35% !important;
    transform: translateY(-50%) !important;
    right: 30px !important;
}




#icon_visibility.password-hidden:before {
    content: url("/img/view.svg");
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-right: 5px;
}

#icon_visibility.password-visible:before {
    content: url("/img/no-view.svg");
	display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-right: 5px;
}


#page-login2 .field_password {display: block!important; position: relative!important;}

/* pulsante riapri */

.box_set_status {
    margin-left: auto;
    font-size: 13px;
    text-align: center;
    vertical-align: auto;
    color: #fff !important;
    background: red;
    border-radius: 50px;
    padding: 5px 30px;
	cursor: pointer; /* Manina */
    transition: background-color 0.3s ease, color 0.3s ease; /* Animazione fluida */
}

.box_set_status:hover {
    background: #fff; /* Sfondo bianco in hover */
    color: red !important; /* Testo rosso in hover */
}