.side_date {
float:left; 
background-color:#60BCD3;
color:white; 
text-align:center; 
padding:5px 8px 5px 8px; 
margin-right:10px;
line-height:1.3em;
margin-bottom:8px;
}


.front_date {
background-color:#60BCD3;
color:white; 
text-align:center; 
padding:3px 8px 3px 8px; 
line-height:1.3em;
margin-bottom:8px;
}

.map_style{
	width:50%; 
	height: 260px; 
	float:right; 
	padding:5px; 
	margin:0px 0px 1px 8px;
	border:1px solid #eeeeee
}


@media (max-width:700px) {
	.map_style{
		width:100% !important;
		margin-bottom:10px;		
	}
}	



#event.first_col {width:100px; vertical-align:top;}
#event td {padding-bottom:10px;}
input.field {width:100%; min-width:300px;}
textarea.field {width:100%; min-width:300px;}
select.field {width:100%; min-width:300px;}
select {display:block; width:100% !important;}







.div_field {margin:20px 0px 20px 0px;}
.error_message{color:red; font-weight:600;}
#place_inside_tuc {border:1px solid #eeeeee; padding:10px;}
#buildings_list{margin-bottom:14px;}
#rooms_list{margin-bottom:10px;}
#datetimepicker1, #datetimepicker2, #tags_list, #channels_list {margin-bottom:0px;} 
.contact_webmaster{color:grey; font-size:0.85em;}
.save_button{border:1px solid #DDDDDD; background-color:#F2F2F2; padding:10px;}
.save_button:hover{background-color:#E2E2E2;}

.del_button{border:1px solid #DDDDDD; background-color:#F2F2F2; color:red; padding:5px 10px 5px 10px;}
.del_button:hover{background-color:#E2E2E2;}

.edit_button{border:1px solid #DDDDDD; background-color:#F2F2F2; padding:5px 10px 5px 10px;}
.edit_button:hover{background-color:#E2E2E2;}


.tx-tucevents2 .header{background-color:#F8F8F8; border:1px solid #EDEDED; margin-bottom:30px;}
.header_new_event{margin-bottom:40px;}

.element3cols_events {overflow:hidden; padding:5px;}
.element3cols_events .col1 {margin-top:0px; width:40%; float:left;}
.element3cols_events .col2 {margin-top:0px; width:28%; float:left; }
.element3cols_events .col3 {margin-top:0px; width:28%; float:right; }
.element3cols_events .col1 {margin-right:1%;}
.element3cols_events .col2 {margin-left:1%;margin-right:1%; }
.element3cols_events .col3 {margin-left:1%;}


@media (max-width:919px) {
	.element3cols_events {overflow:hidden;}
	.element3cols_events .col1  {
	  width:100%;  
	}
	.element3cols_events .col2, .element3cols_events .col3  {
	  width:100%;
	  margin:25px 0px 0px 0px;
	  text-align:left;  
	}
}


.title_month {
	float:left;
	font-weight:bold;
	font-size:1.2em;
	color:#303030;
}



.dtimage{
	margin-left:2px;
	cursor:pointer;
}


.btn-primary {margin-top:-5px; margin-bottom:20px;}



.event_div {
	margin-bottom: 20px;
	border-bottom: 1px solid #eeeeee;
	padding-bottom: 20px;
}

.events_list_title {
	margin-top:0px;
	float:left;
}

.events_list_category {
    margin-top:0px;
	margin-bottom: 5px;
}

.category{margin:4px 0px 10px 0px;}


.separator_line {
	border-top:1px solid #e1e1e1; 
	margin-top:4px; 
	padding:6px 0px 10px 0px;
}


.required{color:red;}


.tag_sel {
	height:250px; 
	overflow:auto; 
	border:1px solid #DBDFE6;
}


.channel_sel {
	height:100px; 
	overflow:auto; 
	border:1px solid #DBDFE6;
}


.no_bold {
font-weight: normal;
}

.download_event_button {background-color:#57BAE8; text-align:center; vertical-align:middle; height:100%; font-weight:bold; padding:6px 8px; border-radius:6px; color:white; min-width:180px; max-width:260px; margin-top:0px; margin-bottom:5px; cursor:pointer; display: inline-block;}
.download_event_button:hover {background-color:#4DB0DD;}

.ver_message {margin-top:50px; margin-bottom:20px; padding:20px 10px 20px 10px; border:1px solid orange}


#forum_categories {display:none;}



.place_time {
	padding:6px; border-top: 1px solid #f3f3f3; border-left: 1px solid #f3f3f3; border-right: 1px solid #f3f3f3; background: #f6f6f6; margin-bottom:0px;
}


.place_time_front {
	padding:0px; border-top: 1px solid #f3f3f3; border-left: 1px solid #f3f3f3; border-right: 1px solid #f3f3f3; background: #f6f6f6; margin-bottom:0px;
}



.place {margin-bottom:5px;}



.place_img {margin-right:10px;}

.time_img {margin-right:10px;}


.calendar_view{padding-bottom:10px;}

.show_rss, .show_ical {
	padding-bottom:10px;
}

.frontend_events_list{max-height:370px; overflow:auto; margin-bottom:10px; margin-top:6px}


@media (max-width:767px) {
	.frontend_events_list{height:auto; max-height:none !important;}
}


.frontend_events_list  .bodytext{padding:0px !important; margin:0px !important;}



.new_event_btn {background-color:#57BAE8; font-weight:bold; padding:6px 8px; border-radius:6px; color:white !important; border:1px solid #57BAE8;}
.new_event_btn a {color:white;}
.new_event_btn:hover {background-color:#4DB0DD; border:1px solid #57BAE8; color:white; text-decoration:none;}
.new_event_btn a:hover {color:white; text-decoration:none;}


.header_box {padding:8px;}


#events_list {
    margin-top: 30px;
}


.grey_small {color:grey; font-size:0.8em; font-weight:400;}


label {font-weight:600; margin-top:20px;}



.event_link {margin:20px 0px 20px 0px; font-weight:bold;}

.teleconference_link {margin:20px 0px 20px 0px;}




.calendar_div {margin-top:12px;}

.frontend_date_title, .date_title {
	margin-bottom:4px;
}

.front_event {
margin-bottom: 12px;
border-bottom: 1px solid #D3D3D3;
margin-top: 12px;
padding-bottom: 12px;
border: 1px solid #E5E5E5;
padding:2px;
}



.front_event_by_date {
margin-bottom: 0px;
margin-top: 2px;
padding-bottom: 12px;
padding:2px;
}



.front_events_by_date {
border: 1px solid #E5E5E5;
padding:2px;
margin-bottom:10px;
background-color:white;
}


.front_events_by_date > div:nth-of-type(3), .front_events_by_date > div:nth-of-type(4), .front_events_by_date > div:nth-of-type(5), .front_events_by_date > div:nth-of-type(6), .front_events_by_date > div:nth-of-type(7), .front_events_by_date > div:nth-of-type(8), .front_events_by_date > div:nth-of-type(9) {margin-top:10px; border-top:1px dotted #eeeeee; padding-top:10px; }
/*.front_events_by_date > div:first-of-type {margin-top:200px; }*/


.buttons {margin:10px 0px 0px 0px;}


.event_description {/*text-align:justify;*/}

.front_event_link {
	font-size:1em;
	font-weight:bold;
	margin-left:8px;
}

.front_event_title {
	font-size:1em; 
	font-weight:bold;
}


.front_time {
font-size:0.95em;
/*font-style:italic;*/
color:grey;
margin-left:2px;
margin-right:2px;
}



.monthview_time {
	background-color:#FFFDF2 !important; 
	padding:0px 0px 0px 5px; 
	font-size:1em;
	color:#303030 !important;
}


.bold_blue {
	background-color:#57BAE8 !important;
	font-weight:600;
	color:#FFFFFF !important;
}


.dont-break-out {

  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: manual;
  -moz-hyphens: manual;
  -webkit-hyphens: manual;
  hyphens: manual;

}