/***************************************************************/
/* GENERALE                                                       */
/***************************************************************/

@import url(//fonts.googleapis.com/css?family=Roboto);

body  { margin: 0%;
        font-family: roboto, san-serif;
    background-color : white;
}

.rigablu {
  position: static;
  background-color: #213D72;
  font-size: 12px;
  padding: 4px 8px;
  z-index: -1;
}

.rigagrigia {
  position: static;
  background-color: #f8f8f8;
  font-size: 40px;
  padding: 4px 8px;
  z-index: -1;
}

.topnav {
  overflow: hidden;
  background-color: #213D72;
}

.topnav a {
  float: right;
  color: #f2f2f2;
  text-align: center;
  padding: 4px 8px;
  text-decoration: none;
  font-size: 12px;
}

.topnav a:hover {
  background-color: #009FE3;
}

.topnav a.active {
  background-color: #009FE3;
  color: white;
}

.corpo {
  padding-top:10px;
  padding-left: 4%;
  padding-right: 4%;
}

/***************************************************************/
/* LINKS                                                        */
/***************************************************************/

a     { text-decoration: none;
        color: #009FE3;
			cursor: pointer;
}

a:hover {
		font-weight: bold;
}
a.rosso {text-decoration: none;
           color: #212984;
           font-weight: bold;
}

a.rosso:hover {color: red;
               background:trasparent;

}

/***************************************************************/
/* TITOLI                                                       */
/***************************************************************/
.titolo {  font-size: 14pt;
		padding: 10px 0px 0px 0px;
       vertical-align: baseline;
       text-align: left;
       color: #273E74;
       font-weight: bold;
	   border-bottom: solid 2px;
}

.evento1 {  font-size: 16pt;
       color: #273E74;
       font-weight: bold;
}


.indietro {  font-size: 10pt;
		padding: 10px 5px 10px 0px;
       vertical-align: baseline;
       text-align: left;
       color: #273E74;
       font-weight: bold;
	   border-top: solid 2px;
}

.campo, .campo_obb  {  font-size: 10pt;
		padding: 0px 0px 0px 0px;
       vertical-align: baseline;
       text-align: left;
       color: black;
}

.campo_obb label:after { 
    font-size: 8pt;
	color: #e32;
    content: '*';
    display:inline;
}

/***************************************************************/
/* MESSAGGI D'ERRORE                                            */
/***************************************************************/

.errore {font-size: 10pt;
         font-weight: bold;
         vertical-align: top;
         text-align: left;
         color: red;
}
/***************************************************************/
/* TABELLA PRINCIPALE                                           */
/***************************************************************/
.barra {
    font-size: 9pt;
    vertical-align: top;
    font-weight: normal;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	border-radius: 5px;
	background-color: #273E74;
	color: white;
}



/* ELENCO PRINCIPALE  */

.elpr {
	height: 60; 
	margin: 20px;
	cursor: pointer;
    border-radius: 5px;
	background-color: white;
}

.elpr:hover {
  background-color: f8f8f8;
}

.elpr_img {
	width: 60; 
	float: left;
	margin-right: 8px;
}

.elpr_titolo {
	/* border : 1px solid black; */
	padding-top: 5px;
	display: flex;
	align-items: bottom;
	font-size: 14pt;
}

.elpr_sottot {
	line-height: 11px;
	display: flex;
	font-size: 8pt;
	font-weight: normal;
	color: black;
}


/* ELENCO VOCI  */

.elvo {
	height: 50; 
	background-color: white;
	margin: 3px;
	cursor: pointer;
    border-radius: 5px;
}

.elvo_img {
    font-size: 25pt;
	padding: 5px;
	cursor: pointer;
    justify-content: center;
    align-items: center;
}

.elvo:hover {
	background-color: #009FE3;
	cursor: pointer;
    border-radius: 5px;
	color: #f2f2f2;
}

.elvo a:hover {
  background-color: #009FE3;
  color: white;
}

.elvo a {
    color: #213D72;
}

.elvo_titolo {
	display: auto;
	text-align: center;
	background-color:  #ffe59e;
	border-radius: 5px;
	padding-bottom: 2px;
}

.elvo_txt {
	display: flex;
	align-items: center;
	text-align: left;
	height: 50px;
}

/* COLORE VOCI  */
  
.segreteria {
	background-color: #fccb81;
}

.tasse {
	background-color: #42f5a4;
}

.postlaurea {
	background-color: #f2b3ef;
}


.informatica {
	background-color: #72e2fe;
}

.altro {
	background-color: #f7b7b7;
}
 
 
.scarica_doc {
	background-color: #aaaaaa;
}
/***************************************************************/
/* STILE FORM                                                   */
/***************************************************************/

.input_sos
{
  font-family  : roboto, san-serif;
  font-size    : 14px ;
  background-color : f8f8f8 ;
  border-style : solid ;
  border-width : 1px ;
  border-color : #273E74;
  width:		100%; 
  font-weight: normal;
  border-radius: 5px;
  
}


/***************************************************************/
/* SPAZIO PAGINA                                               */
/***************************************************************/

.bottoni:hover {
  color: white;
  box-shadow: none;
  background-color: #009FE3;   
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
}

.bottoni {
  background-color: #273E74; 
  width: auto;
  border: none;
  color: white;
  padding: 7px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 15px;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 4px;
}

.bfaq {
 width: 300px;
 height: 60px;
}


.testo_overlay {
  color: white;
  text-align: center;
  padding: 4px 8px;
  text-decoration: none;
  font-size: 20px;
}

#overlay {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  color: white;
  #background-color: rgba(226,208,0,0.95);
  
 background: linear-gradient(135deg, rgba(180,17,17,1) 13%, rgba(255,0,0,0.7165354330708662) 100%);
 
 background: linear-gradient(135deg, rgba(39,62,116,1) 13%, rgba(0,159,227,0.7165354330708662) 100%);
  z-index: 2;
}

.faq_adv {
  background: #f8f8f8;
  padding: 10;
  margin: 0;
  /*border-style : solid ;*/
  border-width : 1px ;
  border-color : #273E74;
  color: black;
  border-radius: 5px;
}

/***********************************/
/* APPLICATIVI /
/***********************************/

.flex-container {
  /* We first create a flex layout context */
  display: flex;
  
  /* Then we define the flow direction 
     and if we allow the items to wrap 
   * Remember this is the same as:
   * flex-direction: row;
   * flex-wrap: wrap;
   */
  flex-flow: row wrap;
  
  /* Then we define how is distributed the remaining space */
  justify-content: space-around;
  
  padding: 5;
  margin: 3;
  list-style: none;
   /*vertical-align: top;*/
    font-weight: normal;
	
	border-radius: 5px;
	background-color: #E5E0DB;
}

.flex-nome {
  padding: 0;
  margin: 0;
  width: 400px;
  color: white;
  text-align: center;
  border-radius: 5px;
}

.flex-azione {
  background: #273E74;
  padding: 3;
  margin: 5;
  width: 160px;
  color: white;
  text-align: center;
  border-radius: 5px;
}

.flex-azione a {
	color: white;
	font-weight: normal;
}

.flex-azione:hover {
  background-color: #009FE3;
  color: white;
}

/* RECLAMI *******************/

.reclami-container {
	display: flex;
	padding: 10;
	justify-content: space-between; 
	align-items: center;
	border-radius: 5px;
}

.recl_Inserito{
	background-color: gold;
}

.recl_Inoltrato{
	background-color: silver;
}

.recl_Ticket{
	background-color: silver;
}

.recl_Smistato{
	background-color: silver;
}

.recl_Risposto{
	background-color: darkorange;
}

.recl_Ritirato{
	background-color: silver;
}

.recl_Chiuso{
	background-color: green;
}

.recl_chat {
	border-radius: 5px;

	margin: 0 10 0 10;
	padding: 10;
	width: fit-content;
	white-space: pre-wrap;
}

.recl_container {
   margin: 5;
}

.recl_chat_lui {
	background-color: paleturquoise;
	float: left;
	margin-right: 50px;
	box-shadow: 3px 3px 10px lightblue;
}

.recl_chat_io {
	background-color: white;
	float: right;
	margin-left: 50px;
	border-width : 1px ;
  	border-style : solid;
	background-color : f8f8f8 ;
    border-color : #F0F0F0;
	box-shadow: 3px 3px 10px lightblue;
}

/* Tabella reclami */
.tab_rec {
  padding: 15;
  margin: 3;
}

.tab_rec_c1 {
   width: 80px;
   font-style: italic;
   font-size: 12px;
   text-align: right;
   padding: 6;
   
}
.tab_rec_c2 {
   width: 100%;
   font-style: normal;
   font-size: 14px;
   
}