/*------------------------------------------*/
/* CALENDAR */
/*------------------------------------------*/
@font-face { font-family: 'icomoon'; src: url("/css/fonts/icomoon.eot?iw26j9"); src: url("/css/fonts/icomoon.eot?iw26j9#iefix") format("embedded-opentype"), url("/css/fonts/icomoon.ttf?iw26j9") format("truetype"), url("/css/fonts/icomoon.woff?iw26j9") format("woff"), url("/css/fonts/icomoon.svg?iw26j9#icomoon") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'robotolight'; src: url("fonts/Roboto-Light-webfont.eot"); src: url("fonts/Roboto-Light-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/Roboto-Light-webfont.woff") format("woff"), url("fonts/Roboto-Light-webfont.ttf") format("truetype"), url("fonts/Roboto-Light-webfont.svg#robotolight") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'robotoregular'; src: url("fonts/Roboto-Regular-webfont.eot"); src: url("fonts/Roboto-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/Roboto-Regular-webfont.woff") format("woff"), url("fonts/Roboto-Regular-webfont.ttf") format("truetype"), url("fonts/Roboto-Regular-webfont.svg#robotoregular") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'robotobold'; src: url("fonts/Roboto-Bold-webfont.eot"); src: url("fonts/Roboto-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/Roboto-Bold-webfont.woff") format("woff"), url("fonts/Roboto-Bold-webfont.ttf") format("truetype"), url("fonts/Roboto-Bold-webfont.svg#robotobold") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'fontAwesome'; src: url("fonts/fontawesome-webfont.eot?v=4.6.1"); src: url("fonts/fontawesome-webfont.eot?#iefix&v=4.6.1") format("embedded-opentype"), url("fonts/fontawesome-webfont.woff2?v=4.6.1") format("woff2"), url("fonts/fontawesome-webfont.woff?v=4.6.1") format("woff"), url("fonts/fontawesome-webfont.ttf?v=4.6.1") format("truetype"), url("fonts/fontawesome-webfont.svg?v=4.6.1#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'rosettaicons'; src: url("fonts/rosetta-icons-regular.eot?v=4.6.1"); src: url("fonts/rosetta-icons-regular.eot?#iefix&v=4.6.1") format("embedded-opentype"), url("fonts/rosetta-icons-regular.woff?v=4.6.1") format("woff"), url("fonts/rosetta-icons-regular.ttf?v=4.6.1") format("truetype"); font-weight: normal; font-style: normal; }
/* CSS Styles that are needed by jScrollPane for it to operate correctly.  Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane may not operate correctly without them. */
.jspScrollable, .jspScrollable * { outline: none; }

.jspContainer { overflow: hidden; position: relative; }

.jspPane { position: absolute; }

.jspVerticalBar { position: absolute; top: 0; right: 0; width: 16px; height: 100%; background: red; }

.jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 16px; background: red; }

.jspCap { display: none; }

.jspHorizontalBar .jspCap { float: left; }

.jspTrack { background: #e0e0e0; position: relative; }

.jspDrag { background: white; position: relative; top: 0; left: 0; cursor: pointer; box-sizing: border-box; border: 2px solid #e0e0e0; }

.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; }

.jspArrow { background: #50506d; text-indent: -20000px; display: block; cursor: pointer; padding: 0; margin: 0; }

.jspArrow.jspDisabled { cursor: default; background: #80808d; }

.jspVerticalBar .jspArrow { height: 16px; }

.jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100%; }

.jspVerticalBar .jspArrow:focus { outline: none; }

.jspCorner { background: #eeeef4; float: left; height: 100%; }

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner { margin: 0 -3px 0 0; }

#newCalendar { padding: 10px; box-sizing: border-box; background-color: #E8D7BE; }
#newCalendar > .clndr { border: 1px solid white; }
@media only screen and (min-width: 1024px) { #newCalendar .clndr > .wrapper { width: 100%; display: table; }
  #newCalendar .clndr > .wrapper { margin: 0 auto; }
  #newCalendar .clndr > .wrapper > * { min-height: 400px; box-sizing: border-box; }
  #newCalendar .clndr > .wrapper > * { display: table-cell; }
  #newCalendar .clndr > .wrapper > * { width: 50%; }
  #newCalendar .clndr > .wrapper > * { text-align: left; }
  #newCalendar .clndr > .wrapper > * { vertical-align: top; } }

@media only screen and (min-width: 768px) { #newCalendar .calendar { padding: 12px 50px; } }
@media only screen and (max-width: 767px) { #newCalendar .calendar { padding: 10px; } }
@media only screen and (max-width: 1023px) { #newCalendar .calendar { float: left; width: 100%; box-sizing: border-box; } }
#newCalendar .clndr-controls { position: relative; margin-bottom: 30px; }
#newCalendar .clndr-controls .clndr-previous-button { box-sizing: border-box; height: 24px; width: 24px; overflow-y: hidden; cursor: pointer; text-align: center; font-family: "robotolight"; font-size: 24px; color: black; line-height: 24px; position: absolute; top: 0; left: 0; }
#newCalendar .clndr-controls .clndr-next-button { box-sizing: border-box; height: 24px; width: 24px; overflow-y: hidden; cursor: pointer; text-align: center; font-family: "robotolight"; font-size: 24px; color: black; line-height: 24px; position: absolute; right: 0; top: 0; }
#newCalendar .month { text-align: center; font-family: "robotolight"; font-size: 24px; color: black; line-height: 100%; }
#newCalendar .clndr-grid { float: left; width: 100%; }
#newCalendar .days-of-the-week { width: 100%; display: table; margin-bottom: 30px; }
#newCalendar .days-of-the-week { margin: 0 auto; }
#newCalendar .days-of-the-week > * { box-sizing: border-box; }
#newCalendar .days-of-the-week > * { display: table-cell; }
#newCalendar .days-of-the-week > * { width: 14.28571%; }
#newCalendar .days-of-the-week > * { text-align: center; }
#newCalendar .days-of-the-week > div { font-family: "robotolight"; font-size: 12px; color: black; text-transform: uppercase; }
#newCalendar .days { width: 100%; float: left; }
#newCalendar .days { margin: 0 auto; }
#newCalendar .days > * { height: 40px; box-sizing: border-box; }
#newCalendar .days > * { float: left; }
#newCalendar .days > * { width: 14.28571%; }
#newCalendar .days > * { text-align: center; }
#newCalendar .days > * > * { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
#newCalendar .days > div { margin: 3px 0; }
#newCalendar .days > div span { display: block; height: 40px; width: 40px; margin: 0 auto; box-sizing: border-box; border-radius: 100%; text-align: center; font-family: "robotolight"; font-size: 12px; color: black; line-height: 40px; text-transform: uppercase; }
#newCalendar .days > div span:hover { background-color: rgba(255, 255, 255, 0.5); }
#newCalendar .days .empty span { display: none; }
#newCalendar .days .event span { background-color: white; border: 1px solid #E92024; }

#newCalendar .events { background-color: white; clear: both; }
@media only screen and (min-width: 768px) { #newCalendar .events { padding: 12px 50px; } }
@media only screen and (max-width: 767px) { #newCalendar .events { padding: 10px; } }
#newCalendar .events h3 { text-align: center; font-family: "robotolight"; font-size: 24px; color: black; line-height: 100%; margin-bottom: 30px; }
#newCalendar .events .wrapper { height: 322px; overflow-y: auto; }
#newCalendar .events .event { height: 50px; padding: 0 20px 0 80px; background: url("../assets/logo-accademia.png") no-repeat left center; margin-bottom: 18px; }
#newCalendar .events .event > div { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
#newCalendar .events .event .name { font-family: "robotolight"; font-size: 16px; color: black; text-transform: capitalize; margin-bottom: 3px; }
#newCalendar .events .event .info { font-family: "robotolight"; font-size: 10px; color: black; text-transform: uppercase; }

@media only screen and (max-width: 979px) { #newCalendar { width: 100%; } }
@media only screen and (min-width: 980px) { #newCalendar { width: 980px; margin: 0 auto; } }

/*------------------------------------------*/
/* END - CALENDAR */
/*------------------------------------------*/