/* ============== CALENDARI ============== */
/* ======================================= */

/* To responsivize... */
#center-div > #especific-content { margin-top: 20px; }
#calendari {
	padding: 0px;
	background: #fff none repeat scroll 0 0 !important;
    border: 1px solid #c0c0c0;
    float: none;
    margin: 0;
    position: relative;
	margin-bottom: 20px;
}



#calendari > iframe { display: none; }
#calendari tfoot { display: none; }
#calendari > .calendar-box { width: 100% !important; }
#calendari > .calendar-box table { width: 100% !important; max-width: inherit; }
td.scwCells, td.scwCellsHover, td.scwCells:hover, td.scwCellsDisabled,
td.scwCellsExMonth, td.scwCellsExMonthHover, td.scwCellsExMonth:hover,
td.scwCellsExMonthDisabled, td.scwCellsWeekend, td.scwCellsWeekendHover,
td.scwCellsWeekend:hover, td.scwCellsWeekendDisabled, td.scwInputDate,
td.scwInputDateHover, td.scwInputDate:hover, td.scwInputDateDisabled,
td.scwWeekNo, td.past, td.events, td.selected_day, td.scwWeeks { height: 36px !important; }

@media screen and (max-width : 992px) and (min-width: 768px) {
	#calendari {
		
		padding-left : 20px;
		border: 0px;
	}
	
	#calendari > .calendar-box {
	
		border: 1px solid #c0c0c0;
	}
}


/* To custom styles like a SII... */
table.scw {
    border: 0 ridge;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10pt;
    font-weight: bold;
    padding: 0;
    vertical-align: middle;
	cursor: default;
    text-align: center;
	border-collapse: separate;
    border-spacing: 0;
    font-family: Tahoma,sans-serif !important;
}
table.scwHead {
    background-color: #f2f3f4;
    /*border-bottom: 1px dashed #c0c0c0;*/
    height: 42px;
    max-width: 218px;
}
td.scw { padding: 0px !important; }
td.scwDrag, td.scwHead {
    padding: 0;
    text-align: center;
}
#calendari > .calendar-box table.scwCells thead { display: none; }
.bg-select-months {
    height: 21px;
    line-height: 21px;
    margin-right: 5px;
    overflow: hidden;
    padding: 0;
    width: 92px;
}
.bg-select-months, .bg-select-years { visibility: hidden; }
select#scwMonths {
    -moz-appearance: window;
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    color: #77abd7;
    height: 20px;
    line-height: 1;
    margin: 1px 0 0;
    text-align: left !important;
    text-indent: 0.01px;
    text-overflow: "";
    width: 115px;
}
select.scwHead { margin: 3px 1px; text-align: center; }
#scwMonthYear {
    color: #4d8fc5;
    font-size: 14px;
    font-weight: normal;
    left: 50%;
    margin-left: -60px;
    padding-top: 12px;
    position: absolute;
    text-align: center;
    top: 2px;
    width: 120px;
    z-index: 999;
}
td.scwHead > span.glyphicon.glyphicon-chevron-left {
    color: #4d8fc5;
    font-size: 11px;
    margin-left: 5px;
    top: 6px;
    vertical-align: middle;
	opacity: .5;
	transition: All .5s ease-in-out;	
}
td.scwHead > span.glyphicon.glyphicon-chevron-right {
    color: #4d8fc5;
    font-size: 11px;
    margin-right: 5px;
    top: 6px;
    vertical-align: middle;
	opacity: .5;
	transition: All .5s ease-in-out;
}
td.scwHead > span.glyphicon {
    background-color: rgba(225,225,225,.5);
    border-radius: 50%;
    padding: 6px 6px 5px !important;
}
td.scwHead > span.glyphicon:hover {
	cursor: pointer;
	opacity: 1;
	background-color: rgba(225,225,225,1);
}
#scwCells tr {
	border-top: 1px dashed #c0c0c0 !important;
	position: relative;
    display: block;
}
#scwCells tr td {
	border-width: 0px;
    font-size: 12px !important;
    font-weight: normal !important;
    position: relative;
    display: inline-block;
    width: 14.2857% !important;
    line-height: 36px;
}
td.scwCellsExMonth, td.past, td.scwCellsWeekend { color: #a9a9a9 !important; }
#scwCells td {
    background-color: #fff;
    color: #585858;
}
td.today {
    background-image: url("../img/scw-today.png");
    background-position: center 4px;
    background-repeat: no-repeat;
}
td.events, td.selected {
    /*background-image: url("../img/event.png");*/
	background-image: url("../img/event2.png");
	background-position: center 2px;
    background-repeat: no-repeat repeat;
	color: #2172b3 !important;
	transition: All .25s ease-in-out;
}
td.events:hover {
	cursor: pointer;
	background-position: center -101px;
	color: #fff !important;
}





/* ============== EVENTS ============== */
/* ==================================== */
#events-content { padding: 0 10px 0 0; }
#events-content > .navbar {
	border-radius: 0;
    box-shadow: none;
    height: 36px !important;
    min-height: inherit;
    padding: 0;
	background-image: none;
	background-color: #f2f3f4;
	border: 1px solid #c0c0c0;
}
#events-content > .navbar .navbar-header { width: 100%; margin: 0px; }
#events-content .navbar-brand {
	
    position: relative;
    float: left;
    padding: 5px 10px 0 15px;
    width: 105px;
    font-size: 13px;
    line-height: 25px;
    color: #595858;
    text-transform: uppercase;
    color: #4D8FC5 !important;
}
#events-content #pasteventsform.pull-right {
	font-size: 13px;
    line-height: 34px;
    color: #4d8fc5;
    display: block;
    padding-left: 20px;
    min-height: 20px;
    color: #585858;
    font-size: 12px;
}

#listaevents {
	
	margin-bottom: 20px;
}

#events-content #pasteventsform input#input_pastevents {
	position: relative;
	top: 2px;
	cursor: pointer;
}
#events-content ul#listaevents li .current_day,
#events-content ul#listaevents li .future_day,
#events-content ul#listapastevents li .future_day {
	border-bottom: 1px dashed #c0c0c0;
    color: #4d8fc5 !important;
    font-size: 13px !important;
    font-weight: bold;
    margin: 20px 0 0 !important;
    padding-bottom: 6px;
}
#events-content .events-item {
	padding-top: 5px;
	border-bottom: 1px dashed #c0c0c0;
	display: inline-block;
    padding-bottom: 7px;
	width: 100%;
	/*margin-bottom: 20px;*/
}
#events-content .events-item .time,
#events-content .events-item .title,
#events-content .events-item .description {
    color: #585858;
    font-size: 12px;
	padding: 0px;
	margin-top:5px;
}

#events-content .events-item .title:hover,
#events-content .events-item .title:focus  {
	
	text-decoration : none
}

#events-content .events-item .time{
	width: 13%;
}
#events-content .events-item .title,
#events-content .events-item .description,
#events-content .actions{
	width: auto;
}
#events-content .events-item .title > i {
	color: #337ab7;
	opacity: .6;
	top: 2px;
	padding-left: 1px;
	transition: All .25s ease-in-out;
}
#events-content .events-item .title > i:hover {
	cursor: pointer;
	opacity: 1;
}
#events-content .events-item .title > i[aria-expanded="true"] { 
	-ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
	top: 1px;
}
#events-content .events-item .title > i[aria-expanded="true"]:hover {
	top: 1px;
	cursor: pointer;
}
#events-content .actions {
	padding: 0px;
	margin-top: 5px;
}
#events-content .actions > a { font-size: 12px; margin-right: 20px; text-decoration: none; float: right; }
#events-content .actions > a > p { display: inline; text-decoration: underline; }
#events-content .actions > a > span.glyphicon { 
	font-size: 16px;
	top: 3px;	
}

#events-content ul#listapastevents .actions > a:hover,
#events-content .actions > a:hover{ 
	color: #d54a18;
}

.icon-calendar {
	
	background-image:url("/modules/events/img/icon-agenda-2-blue.svg");
	background-size  : 20px;
	width: 20px;
    height: 20px;
    display: inline-block;
    float: left;
    margin-right: 3px;
    margin-top: -2px;
}

.icon-calendar:before {
	content: none;
}

.icon-plus {
	
	background-image:url("/modules/events/img/icon-plus-blue.svg");
	background-repeat: no-repeat;
	background-size  : 20px;
	width: 20px;
    height: 20px;
    display: inline-block;
    float: left;
    margin-right: 3px;
    margin-top: -2px;
}

@media screen and (max-width:992px) {
	
	.icon-calendar,
	.icon-plus {
		
		background-size  : 30px;
		width: 30px;
		height: 30px;
	}
}

.icon-plus:before {
	content: none;
}

/*
#events-content .actions > a > span.glyphicon-calendar {
	font-size: 15px;
	top: 2px;
}
*/
#events-content .events-item .description {
    color: #999 !important;
    font-size: 12px !important;
    margin: 7px 0 3px;
    text-align: justify;
	width     : 87%;
	line-height : 18px;
}

@media screen and (max-width : 992px) {
	
	#events-content .events-item .description {

		margin: 10px 0 10px;
	}
	
	#events-content .events-item .description.collapse.in {
		
		margin: 10px 0 15px;
	}
}

/* Past EVENTS */
#events-content ul#listapastevents li .past_day {
	border-bottom: 1px dashed #c0c0c0;
    color: #4d8fc5 !important;
    font-size: 13px !important;
    font-weight: bold;
    margin: 20px 0 0 !important;
    padding-bottom: 6px;
}
#events-content ul#listapastevents li .events-item { background-color: #fafafa; }
#events-content ul#listapastevents li .events-item .title,
#events-content ul#listapastevents li .events-item .time {     
    color: #585858;
    font-size: 12px;
    padding: 0px;
}

#events-content ul#listapastevents .actions > a,
#events-content ul#listapastevents .events-item .title > i { 
    color: #337ab7;
    top: 2px;
    padding-left: 1px;
    transition: All .25s ease-in-out;
}
#events-content ul#listapastevents .events-item .title > i:hover { 
	cursor: pointer;
    opacity: 1;
}

#events-content ul#listapastevents .actions > a > span.glyphicon { color: #aaa; }

/* Events Detail */





.return.base-blue > span {
	
	background    : transparent url("../img/arrow-blue-left.png") no-repeat scroll left center;
	border-bottom : 1px dashed #c0c0c0;
	border-top    : 1px dashed #c0c0c0;
	color         : #4d8fc6;
	float         : right;
	margin-top    : 2px !important; 
	padding       : 2px 0 5px 10px;
}

.return.base-blue span a {
	
    color: #1b72b5;
    font-size: 13px;
    font-weight: normal;
    line-height: 18px;
    padding-left: 3px;
    text-decoration: none;
}

@media screen and ( max-width : 992px) {
	
	.return.base-blue {
	
		border-bottom : 1px dashed #c0c0c0;
		border-top    : 1px dashed #c0c0c0;
		padding       : 2px 0 5px 10px;
		width         : 100%;
	}
	
	.return.base-blue span {
		
		border-bottom : 0px;
		border-top    : 0px;
		display       : inline-block;
		float         : none !important;
		padding       : 0px 10px 0px !important;
	}
}

.return.base-blue:hover span,
.return.base-blue:hover span a {
    color: #d54a18;
}


/* Events Linkbox */

.events.linkbox {
	margin-bottom: 20px;
	background-color: #77abd7;
}
.events.linkbox .linkbox-header {
	color: #fff !important;
	background-color: #4d8fc5;
	background-image: none;
    display: inline-block;
    font-family: "Roboto",sans-serif;
    font-size: 16px;
    line-height: 36px !important;
    margin: 0 !important;
    padding: 0 10px;
    text-indent: 0;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.2);
    text-transform: none !important;
}
.events.linkbox .linkbox-header > a {
	color: #fff;
	font-size: bold;
}
.linkbox-content ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.linkbox-agenda-item {
    border-bottom: 1px dashed #bbd5eb;
    padding: 5px 10px;
}
.linkbox-agenda-item .date {
	background-color: white;
    border-radius: 3px;
    color: #578fbe;
    display: block;
    float: left;
    font-family: Arial,sans-serif;
    height: 30px;
    line-height: 1;
    margin: 0;
    padding-top: 3px;
    text-align: center;
    width: 24px;
}
.linkbox-agenda-item .date span { display: block; }
.linkbox-agenda-item .day { font-size: 16px; }
.linkbox-agenda-item .month { font-size: 11px; }
.linkbox-agenda-item .title {
    color: white;
    display: block;
    font-size: 13px;
    margin-left: 40px;
	padding-top: 7px;
}
.cf::before, .cf::after { content: ""; display: table; }
.cf::after { clear: both; }
.linkToEventsHome {
    display: inline-block;
    height: 38px;
    width: 100%;
	padding-right: 10px; 
}
.linkToEventsHome > a { text-decoration: none; }
.linkToEventsHome > a > span {
	color: #fff;
	font-size: 12px;
	line-height: 38px;
}
.linkToEventsHome > a > span > i {
	font-size: 18px;
	margin-right: 5px;
	position: relative; 
	top: 3px;
}

#confirm_email_text,
#confirm_text{
	margin-top: 30px;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold;
    color: #555;
}


/* MEDIA-QUERYS */
@media( max-width: 992px ){	
	#events-content .actions > a { float: right; margin: 0 0 0 20px; display:inline-block;}
	#events-content .actions > a > p { display: none; }	
	#events-content .actions > a > span { font-size: 18px; top: 0px; }
	
	
	#events-content .events-item{ padding: 10px 0 8px; margin-bottom: 0px;}
	#events-content .events-item .title,
	#events-content .actions{
		width: auto;
		margin-top:3px;
	}
	
	#events-content .events-item .description{
		width: 100%;
	}
	
	#events-content .actions > a{
		margin-top:	-7px;
	}
		
	#events-content .actions > a:first-child{
		margin-top:	-7px;
	}
	
	#events-content .events-item .time{
	    margin-top: 4px;
	}
	
	.icon-plus, .icon-calendar{
		margin-top: 0px;
	}
}
@media( max-width: 767px ){	
	#events-content { padding: 0px; }
	#events-content .navbar-brand { padding: 6px 0px; }
} 

