/* latin */ @font-face { font-family: 'Droid Sans Mono'; font-style: normal; font-weight: 400; src: local('Droid Sans Mono'), local('DroidSansMono'), url(http://fonts.gstatic.com/s/droidsansmono/v7/ns-m2xQYezAtqh7ai59hJYdJ2JT0J65PSe7wdxAnx_I.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } .noselect { -webkit-user-select: none; /* Chrome/Safari */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* IE10+ */ } h4 { width: 75%; text-align: center; font-family: 'Droid Sans Mono'; font-weight: normal; color: white; font-size: 14px; margin: 0 auto 1em auto; padding: 1em; background: #b63642; } h5 { font-size: 1em; font-weight: bold; } p { text-align: center; font-family: 'Droid Sans Mono'; margin: 3em auto 1em auto; padding-top: 0.5em; padding-bottom: 0.5em; border-bottom: 2px solid #414141; background: #f4f4f4; } .left-align { text-align: left; } .right-align { text-align: right; } .cal1 { margin: 0 0 30px 0; max-width: 600px; font-family: 'Droid Sans Mono'; font-size: 14px; } .cal1 .clndr .clndr-controls { display: inline-block; width: 100%; height:25px; position: relative; /*margin-bottom: 10px;*/ border: 1px solid #414141; background-color:Silver; } .cal1 .clndr .clndr-controls .month { /*float: left;*/ width: 100%; text-align: center; } .cal1 .clndr .clndr-controls .clndr-control-button { float: left; width: 33%; } .cal1 .clndr .clndr-controls .clndr-control-button.rightalign { text-align: right; width: 34%; } .cal1 .clndr .clndr-controls .clndr-control-button .clndr-next-button { cursor: pointer; -webkit-user-select: none; /* Chrome/Safari */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* IE10+ */ } .cal1 .clndr .clndr-controls .clndr-control-button .clndr-next-button:hover { background: #ddd; } .cal1 .clndr .clndr-controls .clndr-control-button .clndr-next-button.inactive { opacity: 0.5; } .cal1 .clndr .clndr-controls .clndr-control-button .clndr-next-button.inactive:hover { background: none; cursor: default; } .cal1 .clndr .clndr-controls .clndr-control-button .clndr-previous-button { cursor: pointer; -webkit-user-select: none; /* Chrome/Safari */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* IE10+ */ } .cal1 .clndr .clndr-controls .clndr-control-button .clndr-previous-button:hover { background: #ddd; } .cal1 .clndr .clndr-controls .clndr-control-button .clndr-previous-button.inactive { opacity: 0.5; } .cal1 .clndr .clndr-controls .clndr-control-button .clndr-previous-button.inactive:hover { background: none; cursor: default; } .cal1 .clndr .clndr-table { table-layout: fixed; width: 100%; } .cal1 .clndr .clndr-table .header-days { height: 20px; font-size: 10px; background: #0D70A6; } .cal1 .clndr .clndr-table .header-days .header-day { vertical-align: middle; text-align: center; border-left: 1px solid #000000; border-top: 1px solid #000000; color: #fff; } .cal1 .clndr .clndr-table .header-days .header-day:last-child { border-right: 1px solid #000000; } .cal1 .clndr .clndr-table tr { height: 85px; } .cal1 .clndr .clndr-table tr td { vertical-align: top; } .cal1 .clndr .clndr-table tr .day { border-left: 1px solid #000000; border-top: 1px solid #000000; width: 100%; height: inherit; } .cal1 .clndr .clndr-table tr .day:hover { background: #eee; } .cal1 .clndr .clndr-table tr .day.today, .cal1 .clndr .clndr-table tr .day.my-today { background: #9AD6E3; } .cal1 .clndr .clndr-table tr .day.today:hover, .cal1 .clndr .clndr-table tr .day.my-today:hover { background: #72c6d8; } .cal1 .clndr .clndr-table tr .day.today.event, .cal1 .clndr .clndr-table tr .day.my-today.event { background: #a7dbc1; } .cal1 .clndr .clndr-table tr .day.event, .cal1 .clndr .clndr-table tr .day.my-event { background: #B4E09F; } .cal1 .clndr .clndr-table tr .day.event:hover, .cal1 .clndr .clndr-table tr .day.my-event:hover { background: #96d478; } .cal1 .clndr .clndr-table tr .day.inactive, .cal1 .clndr .clndr-table tr .day.my-inactive { background: #ddd; } .cal1 .clndr .clndr-table tr .day:last-child { border-right: 1px solid #000000; } .cal1 .clndr .clndr-table tr .day .day-contents { box-sizing: border-box; padding: 8px; font-size: 12px; text-align: right; } .cal1 .clndr .clndr-table tr .empty, .cal1 .clndr .clndr-table tr .adjacent-month, .cal1 .clndr .clndr-table tr .my-empty, .cal1 .clndr .clndr-table tr .my-adjacent-month { border-left: 1px solid #000000; border-top: 1px solid #000000; width: 100%; height: inherit; background: #eee; } .cal1 .clndr .clndr-table tr .empty:hover, .cal1 .clndr .clndr-table tr .adjacent-month:hover, .cal1 .clndr .clndr-table tr .my-empty:hover, .cal1 .clndr .clndr-table tr .my-adjacent-month:hover { background: #ddd; } .cal1 .clndr .clndr-table tr .empty:last-child, .cal1 .clndr .clndr-table tr .adjacent-month:last-child, .cal1 .clndr .clndr-table tr .my-empty:last-child, .cal1 .clndr .clndr-table tr .my-adjacent-month:last-child { border-right: 1px solid #000000; } .cal1 .clndr .clndr-table tr:last-child .day, .cal1 .clndr .clndr-table tr:last-child .my-day { border-bottom: 1px solid #000000; } .cal1 .clndr .clndr-table tr:last-child .empty, .cal1 .clndr .clndr-table tr:last-child .my-empty { border-bottom: 1px solid #000000; } .clndr-next-button, .clndr-previous-button, .clndr-next-year-button, .clndr-previous-year-button { -webkit-user-select: none; /* Chrome/Safari */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* IE10+ */ } .clndr-next-button.inactive, .clndr-previous-button.inactive, .clndr-next-year-button.inactive, .clndr-previous-year-button.inactive { opacity: 0.5; cursor: default; } .calendar-dow-0, .calendar-dow-6 { background: #fddfce; } .holiday{ background-color:#ff6a00 !important; } .holiday:hover{ background-color:#ff6a00 !important; }