body {margin:0;padding:0;background-color:#FFFFFF;font-family:Arial, Helvetica, sans-serif;font-size:14px;text-align:center;}
div {margin:0 auto;}
p {margin:0 auto 9px auto;}
img {border-width:0;vertical-align:middle;}
h1 {margin:0 auto 6px 0;font-size:32px;font-weight:normal;color:#024f97;}
h2 {margin:0 auto;font-size:14px;font-weight:normal;}
ul, li {margin:0;padding:0;}
form {margin:0;padding:0;font-family:Arial, Helvetica, sans-serif;font-size:13px;}
/* input, select, textarea {font-family:Arial, Helvetica, sans-serif;font-size:13px;background-color:#ffffff;} */
/* input[type=text], input[type=password] {background-color:#ffffff;border:1px solid #C8C8C8;height:24px;} */
input, select, textarea {font-family:Arial, Helvetica, sans-serif;font-size:13px;background-color:#ffffff;-moz-box-sizing: border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
input[type=text], input[type=password] {background-color:#ffffff;border:1px solid #C8C8C8;height:24px;text-indent: 4px;}

input[type=button] {height:26px;cursor: pointer;outline:none;}
input[type=button] {font-weight:bold;height:32px;background-color:#004085;font-size:14px;color:#FFFFFF;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;border:1px solid #666666;}
input[type=button]:hover {background-color:#024f97;border:1px solid #013D76;color:#ffffff;}
input[type=button].login_btn {background-color:#0060A0;border:1px solid #003F7B;color:#ffffff;height:32px;padding:6px;}
input[type=button].login_btn:hover {background-color:#004085;border:1px solid #222222;}
input[type=button].test_btn {background-color:#ffb300;border:1px solid #ff9d00;color:#003F7B;transition:background 250ms ease-out;}
input[type=button].test_btn:hover {background-color:#ff9d00;border:1px solid #ff8800;color:#fff;}

textarea {background-color:#F1F1F1;border:1px solid #C8C8C8;}

.capitalized { text-transform: capitalize;}
.uppercase { text-transform: uppercase;}

.head_td {background-color:#e0e0e0;font-weight:bold;}

input.input_error, select.input_error, span.input_error {border:2px solid red; background-color:#ffe0e0;}

/*-- page sections --*/
.login_div{width:640px;text-align:center;}
.main_login_form_loginpage{margin:18px auto auto auto;width:100%;padding-top:5%;padding-bottom:5%;font-size:14px;text-align:left;border-radius:8px;border:1px dotted #9F9F9F;background:#D7E7F7;}
.main_login_form{margin:40px auto auto auto;width:100%;font-size:14px;text-align:left;padding:32px;border-radius:8px;border:1px dotted #9F9F9F;background:#D7E7F7;}
.low_padding{padding:8px;}

#logout_form{display:inline}
.login_lbl{display:inline-block;}
.tab_title{font-size:15px;}
.top_strip {min-height: 48px;line-height: 48px;margin-bottom: 12px;background-color: #2d649f;}
.bottom_strip{height:32px;line-height:32px;margin-top:8px;background-color:#2d649f;}
.main_logo_container {width:200px;height:48px;position:absolute;background-color:#888888;background-image: linear-gradient(to right, #ffffff 60%, #2d649f);}
.language_container {padding: 8px 8px 8px 8px;margin: 4px 4px 0px 4px;width:50px;height:30px;}
.language_container_mini {padding: 0px 2px 0px 2px;margin: 0px 4px 4px 4px;width:36px;height:22px;}
.selected_language_container {border-bottom: 4px solid;padding: 4px 4px 4px 4px;width:80px;height:50px;}
.main_logo {margin-top:2px;margin-left:2px;}
.ti_4{text-indent:4px;}
.ti_8{text-indent:8px;}
.width19perc{width:19%;margin-right:1px;text-align:left;}
.width22perc{width:22%;margin-right:1px;text-align:left;}
.width59perc{width:58.5%;text-align:left;}
.col_title{height:24px;line-height:24px;font-size:14px}
#NewPlayerAssociationForm{margin-top:36px;}
.w100perc{width:100%;text-align:left;margin:0;padding:0;}
.input_w20perc{width:20%;}
.input_w25perc{width:25%;}
.input_w33perc{width:33%;}
.input_w50perc{width:50%;}
.input_w90perc{width:90%;}
.input_w92perc{width:92%;}
.input_w96perc{width:96%;}
.input_w98perc{width:98%;}
.input_w99perc{width:99%;}
.input_w100perc{width:100%;}
input[type=button].active_tab {font-weight:bold;height:36px;}
#NewInfortuniForm, #NewAnnotazioniForm {border:1px dotted #9F9F9F;}
.tab_title{color:#024f97;}
.footer_div{clear:both;border-top:1px #5E5E5E dotted;padding-top:8px;padding-bottom:8px;text-align:center;font-size:12px;width:100%;position:relative;top:20;left:auto;right:auto;background-color:#ECECEC;}

/*-- utils --*/
.Uc{text-transform:uppercase;}
.b{font-weight:bold;}
.i{font-style:italic;}
.al_c{text-align:center;}
.al_j{text-align:justify;}
.al_r{text-align:right;}
.al_l{text-align:left;}
.max_w{max-width:96%;}
.cb{clear:both}
.fl{float:left;}
.fr{float:right;}
.mt8{margin-top:8px;}
.mb6{margin-bottom:6px;}
.mb16{margin-bottom:16px;}
.h24{height:24px;}
.h28{height:28px;}
.h40{height:40px;}
.h72{height:72px;}
.h90{height:90px;}
.h100{height:100px;}
.h140{height:140px;}
.lh18{line-height:18px;}
.lh24{line-height:24px;}
.w8perc{width:8%;}
.w9perc{width:9%;}
.w10perc{width:10%;}
.w12perc{width:12%;}
.w16perc{width:16%;}
.w17perc{width:17%;}
.w18perc{width:18%;}
.w20perc{width:20%;}
.w22perc{width:22%;}
.w25perc{width:25%;}
.w30perc{width:30%;}
.w33perc{width:33%;}
.w34perc{width:34%;}
.w36perc{width:36%;}
.w38perc{width:38%;}
.w40perc{width:40%;}
.w44perc{width:44%;}
.w50perc{width:50%;}
.w51perc{width:51%;}
.w60perc{width:60%;}
.w66perc{width:66%;}
.w70perc{width:70%;}
.w80perc{width:80%;}
.w88perc{width:88%;}
.w90perc{width:90%;}
.w96perc{width:96%;}
.w98perc{width:98%;}
.w99perc{width:99%;}
.w100perc{width:100%;}
.w100{width:100px;}
.smallest{font-size:9px;}
.smaller{font-size:13px;}
.larger{font-size:15px;}
.bc_light{background-color:#F5F5F5;}
.p4{padding-left:4px;padding-right:4px;padding-top:4px;padding-bottom:4px;}
.brd_btm{border-bottom:1px #5E5E5E dotted;}
.min_w_200{min-width:200px;}
/*-- dbnavigator --*/

a.nav_page_link:link, a.nav_page_link:visited {display:block;float:left;clear:none;line-height:18px;height:18px;padding:0 3px;color:#fffbf4;border:1px solid #004085;background-color:#2d649f;text-decoration:none;margin:1px;}
a.nav_page_link:hover {display: block;float:left;clear:none;line-height:18px;height:18px;padding:0 3px;color:#fffbf4;border:1px solid #004085;background-color:#6688aa;text-decoration:none;margin:1px;}
.current_nav_page {float:left;clear:none;line-height:18px;height:18px;padding:0 1px;margin:1px;margin-right:2px;color:#004085;border:1px solid #004085; background-color:#aaccee;}

.list_table {text-align:left;margin:auto;background-color:#DDDDDD;font-size:12px;padding:0px 4px 4px 4px;}
.list_table_title {font-weight:bold;}
.list_table_even {background-color:#F0F0F0;cursor:pointer;}
.list_table_odd {background-color:#F7F7F7;cursor:pointer;}
.list_table_new_item {font-weight:bold;}
.list_table_column {padding-left:3px;padding-right:3px;}

.usertitle {background-color:#F7F7F7;font-size:14px;padding:10px 0px 10px 0px;font-weight:bold;}

.input_table {text-align:left;margin:auto;background-color:#EEEEEE;font-size:12px;padding:5px 20px 5px 20px;}

.shortedit {width:148px;}
.shortcombo {width:154px;}
.longedit {width:460px;}
.longcombo {width:466px;}
.inputtextarea {width:460px;height:64px;}
.bigtextarea {width:460px;height:240px;}

.tab_top_title {font-weight:bold;}

.pulsante_blu {font-weight:bold;height:32px;background-color:#004085;font-size:14px;color:#FFFFFF;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;}
.area_azzurra {background-color:#2d649f;}

.area_sottotitolo {background-color:#6da4df;font-weight:bold;color:#ffffff;font-size:18px;padding:2px;}

.tabella {font-size:14px;color:#000000;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;}

.tabella_titolo {font-weight:bold;height:32px;background-color:#2d649f;font-size:16px;color:#FFFFFF;}
.tabella_dispari {height:32px;background-color:#eeefff;font-size:14px;color:#003366;}
.tabella_pari {height:32px;background-color:#cbeaf3;font-size:14px;color:#003366;}

.tabella_titolo2 {font-weight:bold;height:28px;background-color:#2d649f;font-size:14px;color:#FFFFFF;}
.tabella_dispari2 {height:28px;background-color:#eeefff;font-size:14px;color:#003366;}
.tabella_pari2 {height:28px;background-color:#cbeaf3;font-size:14px;color:#003366;}

.input_table_footer {height:28px;background-color:#2d649f;font-size:14px;color:#004085;}

.select_combo {font-family:Arial, Helvetica, sans-serif;font-size:14px;background-color:#ffffff;color:000000;border-width:1px;}
.input_text {font-family:Arial, Helvetica, sans-serif;font-size:14px;background-color:#ffffff;color:000000;border-width:1px;}

.form_top_label {font-size:14px;color:#003366;font-weight:bold;margin:0 0 6px 0;}
.form_left_label {font-size:14px;color:#003366;font-weight:bold;margin:6px 0 0 0;}
.quest_section_title {padding:4px 4px 4px 4px;display:inline-block;overflow:hidden;width:99%;height:32px;background-color:white;border:2px solid #2d649f;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}


.generic_form{margin:10px;width:100%;font-size:14px;text-align:left;padding:32px;border-radius:8px;border:1px dotted #9F9F9F;background:#D7E7F7;}

.selected_tab{background-color:#6da4df;font-weight:bold;color:#ffffff;font-size:24px;padding:6px 16px 4px 16px;border-width:1px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;}
.unselected_tab{background-color:#6da4df;color:#004085;font-size:16px;padding:6px 16px 4px 16px;border-width:1px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;}
.margin_tab {display: inline-block; overflow: hidden; width:150px;}
a.unselected_tab:link, a.unselected_tab:visited, a.unselected_tab:hover{text-decoration:none;}

.footerlink{font-size:12px;color:#ddeeff;font-weight:bold;}

a.footerlink:link, a.footerlink:visited, a.footerlink:hover{text-decoration:none;}


.booking_slot{align:center;width:4%;height:24px;text-align:center;font-size:13px;}
.slot_libero {background-color:#33bb33;font-weight:bold;}
.slot_occupato {background-color:#bb3333;font-weight:bold;}
.slot_non_disponibile {background-color:#bbbbbb;font-weight:normal;}
.slot_passato {background-color:#888888;font-weight:normal;}

.barra_di_avanzamanto{background-color:#2d649f;color:#FFFFFF;font-size:14px;margin:12px 0 6px 0;height:24px;}

.fase_completata{background-color:#0060A0;color:#FFFFFF;font-size:14px;padding:6px 16px 6px 16px;border-width:1px;}
.fase_corrente{background-color:#004085;color:#F9F9F9;font-size:18px;padding:8px 18px 8px 18px;border-width:1px;font-weight:bold;height:22px;}
.fase_da_completare{background-color:#5d94cf;color:#404080;font-size:14px;padding:4px 16px 4px 16px;border-width:1px;}
a.fase_completata:link, a.fase_completata:visited, a.fase_completata:hover{text-decoration:none;}
a.fase_corrente:link, a.fase_corrente:visited, a.fase_corrente:hover{text-decoration:none;}

.inactive_tab {background-color:#0060A0;color:#FFFFFF;font-size:14px;padding:6px 16px 6px 16px;border-width:1px;}
.active_tab{background-color:#004085;color:#F9F9F9;font-size:18px;padding:8px 18px 8px 18px;border-width:1px;font-weight:bold;height:22px;}
.tab_container {width:100%;margin:3px 0px 3px 0px;font-size:14px;text-align:left;padding:16px;border-radius:8px;border:1px dotted #9F9F9F;background:#D7E7F7;}
.visita_detail_tab_hint {margin:4px 0px 4px 0px;padding: 0px 4px 0px 4px;font-size:14px;text-align:left;border:1px dotted #9F9F9F;color:#003366;background:#F4F4F4;}
.selfrequest_responsability_assumption {margin:4px 0px 4px 0px;padding: 0px 4px 0px 4px;font-size:14px;text-align:left;border:1px dotted #9F9F9F;color:#E02000;background:#F4F4F4;}
.videocall_unavailable_from_mobile {margin:4px 0px 4px 0px;padding: 0px 4px 0px 4px;font-size:14px;text-align:left;border:1px dotted #9F9F9F;color:#E02000;background:#F4F4F4;}
a.inactive_tab:link, a.inactive_tab:visited, a.inactive_tab:hover{text-decoration:none;}
a.active_tab:link, a.active_tab:visited, a.active_tab:hover{text-decoration:none;}

.w256 {width:256px;}
.wc256 {width:260px;}

.w320 {width:320px;}
.wc320 {width:324px;}

.small_button {padding:2px 8px 2px 8px;font-weight:normal;background-color:#004085;font-size:12px;color:#FFFFFF;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;border:1px solid #666666;}
a.small_button:link, a.small_button:visited, a.small_button:hover{text-decoration:none;}

.standard_button {padding:7px 10px 7px 10px;font-weight:bold;background-color:#004085;font-size:14px;color:#FFFFFF;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;border:1px solid #666666;}
a.standard_button:link, a.standard_button:visited, a.standard_button:hover{text-decoration:none;}

.messages_recipients_selector_div {width:100%;}
.messages_recipients_selector_form {width:100%;}
.messages_recipients_selector_combo {width:100%;height:26px;font-family:Arial, Helvetica, sans-serif;font-size:16px;font-weight:bold;background-color:#ffffff;color:000000;border-width:1px;}

.csww_text_messages_form {width:100%;}
/*.csww_text_message_input {width:100%;font-family:Arial, Helvetica, sans-serif;font-size:14px;background-color:#ffffff;color:000000;border-width:1px;}*/
/*.text_message_item {margin-top:6px;width:99%;padding:4px;font-weight:normal;background-color:#fafeff;font-size:14px;color:#003366;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;border:1px solid #666666;}*/
/*.text_message_item_body {width:100%;}*/
/*.text_message_item_date {width:100%;font-size:10px;text-align:right;font-weight:bold;}*/

.csww_text_message_input {width:100%;font-family:Arial, Helvetica, sans-serif;font-size:14px;background-color:#ffffff;color:000000;border-width:1px;margin-top:4px;margin-bottom:4px;}

.text_message_item {
  font: bold 17px/1.2em Helvetica, Arial, sans-serif;
  color: #101010;
  position: relative;
  line-height: 32px;
  padding-left: 12px;
  padding-right: 12px;
  margin-bottom: 12px;
  border: 1px solid #101010;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  -webkit-box-shadow: 2px 2px 4px #888;
  -moz-box-shadow: 2px 2px 4px #888;
  box-shadow: 2px 2px 4px #888;
}

.text_message_item_received {
	text-align: left;
	margin: 20px 50px 20px 16px;
  background-color: #FCFCFC;
}

.text_message_item_sent {
	text-align: right;
	margin: 20px 16px 20px 50px;
	background-color: #E0F0D0;
}

.text_message_item_date {
  font: bold 10px/1.2em Helvetica, Arial, sans-serif;
  padding-bottom:4px;
}

.text_message_item:before, .text_message_item:after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;	
}

/* TRIANGOLO A SINISTRA */
.text_message_item_received:before {
	left: -16px;
	top: 10px;
	border: 8px solid;
	border-color: transparent #101010 #101010 transparent;
}

.text_message_item_received:after {
	left: -14px;
	top: 9px;
	border: 8px solid;	
  border-color: transparent #FCFCFC #FCFCFC transparent;  
}

/* TRIANGOLO A DESTRA */
.text_message_item_sent:before {
	right: -16px;
	top: 10px;
	border: 8px solid;
	border-color: transparent transparent #101010 #101010 ;
}

.text_message_item_sent:after {
	right: -14px;
	top: 9px;
	border: 8px solid;
	border-color: transparent transparent #E0F0D0 #E0F0D0;
}