[#] hm X_Shell Backd00r [#]

.calendar{margin:0;padding:0;font-family:'HelveticaNeueRegular';-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; width: 100%; margin:0 auto;max-width:305px;}

.calendar,.calendar * {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.calendar {padding: 0em;color: white;font-weight: 300;}
.calendar.small {font-size: 0.8em;font-weight: 100; height:170px;}
#cal{background-color: #f5f5f5; margin-bottom: 10px;}
.calendar-month-view {display: block;font-size: 1em;line-height:2em;-webkit-transition: all 0.5s; -moz-transition: all 0.5s;-o-transition: all 0.5s;transition:0.5s all;position:relative;text-align:center;}
.calendar-month-view, .calendar-month-view * {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none;}
.calendar-month-view-arrow {width: 15%;	position: absolute;	top: 0;	color: transparent;	cursor: pointer;}
.calendar-month-view-arrow:hover {background: rgba(255, 255, 255, 0.25);}
.calendar.spec-day .calendar-month-view-arrow {	display: none;}

[data-dir=left] {left:0;}
[data-dir=right] {right: 0;}


.letrasDay {display: block;height:25px;line-height:25px;text-align:center;}
	.letrasDay div {width: 14.28%;margin: 0 !important;padding:0 !important;position: relative;display: block;float:left;color:#D21C02;border:solid #fff;border-width:1px 0 0 1px;overflow:hidden}

.calendar:hover .calendar-month-view {rgb(231, 228, 228) !important}
.calendar:hover .calendar-month-view-arrow, .calendar-month-view p {color: #D21C02;}

.calendar-holder {width:100%;height: 120px;position: relative;/*overflow: hidden;*/}
.calendar-grid {width:100%;height: 100%;position: absolute;top: 0;}
.calendar.spec-day .calendar-grid {display: none;}

.calendar-day {width: 14.28%;margin: 0 !important;padding:0 !important;height: 20px;position: relative;display: block;float:left;color: rgb(124, 120, 120); border: solid #E4D8D8;border-width:1px 0 0 1px;overflow:hidden; }
.calendar-day.have-events {
	cursor: pointer; 
	}
.calendar .calendar-grid .other-month.have-events{
	background-image:url("../img/estrellita.png") !important;
	background-size:53% 80% !important;
	background-position:center;
	background-repeat:no-repeat;	
	}
.calendar .calendar-grid .have-events{
	background: rgb(34, 34, 34);
	background-image:url("../img/estrellita.png") !important;
	background-size:53% 80% !important;
	background-position:center !important;
	background-repeat:no-repeat;	
	}
.calendar .calendar-grid .have-events .date-holder{display:none;}	

.calendar-day:nth-child(7n),.letrasDay div:nth-child(7n) {border-right: 0;}
.calendar-day:nth-child(7n+1),.letrasDay div:nth-child(7n+1) {border-left: 0;}
.calendar-day.other-month {color: rgb(112, 101, 101);}
.calendar .calendar-grid .calendar-day.this-day {border: 1px solid #633D3D; color: #000; background: #ccc; background-size: 53% 80% !important; background-position: center; background-repeat: no-repeat;}
.calendar .calendar-grid .calendar-day.have-events:hover {
	/*background: rgb(34, 34, 34);*/
	background: rgb(163, 163, 163);
	background-size:53% 80% !important;
	background-position:center;
	background-repeat:no-repeat;		
	}
.calendar .calendar-grid .other-month.have-events:hover {color: white;}

.calendar-day .date-holder {font-size: 1em;position: absolute;right:5%;bottom:5%;}
.calendar-day .event-notif-holder {
	display:none;
	height: 90%;
	height: -moz-calc(100% - 10px);
	height: -webkit-calc(100% - 10px);
	height: calc(100% - 10px);
	left:5%;
	left: -moz-calc(0px + 5px);
	left: -webkit-calc(0px + 5px);
	left: calc(0px + 5px);
	top:5%;
	top: -moz-calc(0px + 5px);
	top: -webkit-calc(0px + 5px);
	top: calc(0px + 5px);
	position: absolute;
	width: 0.25em;
}
.calendar .calendar-grid .other-month.have-events .date-holder{display:none;}
.calendar-day .event-notif {
	height: 0.5em;
	background: white;
	width: 100%;
	margin: 1px 0px;
}

.calendar-specific {
	width: 100%;
	height: autp;
	/*position: absolute;*/
	top: 0;
	left: 0;
	display: none;
	color: white;
	padding: 0em;
}
.calendar.spec-day .calendar-specific {
	display: block;
}
.calendar-specific .specific-day {
	width: 30px;
	position: absolute;
	padding-bottom: 0em;
	cursor: pointer;
	height: 30px;
	background: url("../img/frcl.png");
	background-size: 100%;
	background-color: transparent !important;
	bottom: 0px;
}

.specific-day-info[i=day] {
	font-size: 1em;
	text-align: center;
	color:red;
}
.specific-day-info[i=month] {
	font-size: 1.5em;
	line-height: 0.5em;
	text-align: center;
}
.calendar-specific .specific-day-scheme {
	/*display: inline-block;
	height: 100%;
	margin:0 auto;
	width: -webkit-calc(104%);
	text-align: left*/ /*esto era lo que estaba antes*/
	height: auto;
	width: 100%;
	text-align: left;
	float: left;
}
.calendar-specific .specific-day-scheme::-webkit-scrollbar {
	width: 10px;
}
.calendar-specific .specific-day-scheme::-webkit-scrollbar-track {
	background: transparent;
}
.calendar-specific .specific-day-scheme::-webkit-scrollbar-thumb {
	background: rgb(34,34,34);
}

.specific-day-scheme .specific-day-scheme-event {
	/*padding: 0.5em;*/
	margin: 0.5em 0;
}
.specific-day-scheme .specific-day-scheme-event:first-child {
	margin: 0;
}
.specific-day-scheme .specific-day-scheme-event:last-child {
	margin-bottom: 0;
}

.calendar .specific-day-scheme-event h1 {
	margin: 0;
	font-size: 1.1em;
	line-height: 1;
	font-weight: 400;
}
.calendar .specific-day-scheme-event p[data-role=dur] {
	margin: 0;
	
}
.calendar .specific-day-scheme-event p[data-role=loc] {
	margin: 0;
	line-height: 1;
}
[data-color=normal] {
	background-color: #f5f5f5;
}
[data-color=normal] select,[data-color=normal] .calendar-month-view, [data-role=sub] nav a[data-color=normal], [data-color=normal] .checkbox-outer, [data-color=normal] .radio-outer,[data-color=normal] textarea,input:not([type=file])[data-color=normal], [data-color=normal] input:not([type=file]),[data-color=normal] .calendar-day,[data-color=normal] button, button[data-color=normal],[data-color=normal] a[data-role=button], a[data-role=button][data-color=normal],[data-color=normal] input[type=submit],[data-color=normal].accordion li, [data-color=normal].list li, [data-color=normal].olist li, [data-color=normal] .specific-day,[data-color=normal] .chart-bar,[data-color=normal] .calendar-specific .specific-day-scheme-event {
	/*background-color: #459C97;*/
	background-color: #f5f5f5;
}
.calendar-month-view p { margin-top:0px; margin-bottom:0;}