.calendar-wrapper {display: inline-block; *display: inline; zoom: 1; border: 1px solid #d8d8d8; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5); padding: 5px; text-align: center; margin-left: 40px; margin-right: 40px; float: left;}
.calendar-wrapper table {background-color: #ffffff; font: 14px/1.2 'PT Sans'; color: #000000; border-collapse: collapse; z-index: 0;}
.calendar-wrapper table tr:first-child td {font-weight: bold; font-size: 14px; border-top: 1px solid #f6f6f6; color: #565961;}
.calendar-wrapper .calendar-header {font-weight: bold; color: #565961; padding: 5px;background: #D8DDFB; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 90%;}
.calendar-wrapper .calendar-header a.y-arrow {width: 12px; height: 8px; margin-top: 7px; background-color: #00ff00;}
.calendar-wrapper .calendar-header a.m-arrow {width: 7px; height: 8px; margin-top: 7px;}
.calendar-wrapper .l-button a.y-arrow {float: left; background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%228%22%3E%3Cpolygon%20points%3D%225.598%2C0.004%201.603%2C4%205.598%2C7.996%206.396%2C7.197%203.201%2C4%206.396%2C0.802%22%2F%3E%3Cpolygon%20points%3D%2210.598%2C0.004%206.603%2C4%2010.598%2C7.996%2011.396%2C7.197%208.201%2C4%2011.396%2C0.802%22%2F%3E%3C%2Fsvg%3E') no-repeat left center;}
.calendar-wrapper .r-button a.y-arrow {float: right; background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%228%22%3E%3Cpolygon%20points%3D%221.603%2C0.802%204.798%2C4%201.603%2C7.197%202.401%2C7.996%206.396%2C4%202.401%2C0.004%22%2F%3E%3Cpolygon%20points%3D%226.603%2C0.802%209.798%2C4%206.603%2C7.197%207.401%2C7.996%2011.396%2C4%207.401%2C0.004%22%2F%3E%3C%2Fsvg%3E') no-repeat right center;}
.calendar-wrapper .l-button a.m-arrow {float: left; margin-left: 5px; background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227%22%20height%3D%228%22%3E%3Cpolygon%20points%3D%225.598%2C0.004%201.603%2C4%205.598%2C7.996%206.396%2C7.197%203.201%2C4%206.396%2C0.802%22%2F%3E%3C%2Fsvg%3E') no-repeat right center;}
.calendar-wrapper .r-button a.m-arrow {float: right; margin-right: 5px; background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227%22%20height%3D%228%22%3E%3Cpolygon%20points%3D%221.603%2C0.802%204.798%2C4%201.603%2C7.197%202.401%2C7.996%206.396%2C4%202.401%2C0.004%22%2F%3E%3C%2Fsvg%3E') no-repeat left center;}
.calendar-wrapper table td {width: 30px; height: 20px; text-align: center;}
/* link control */
.calendar-wrapper table a {color: inherit; padding: 0px 1px; text-decoration: none; height: 20px;}
.calendar-wrapper table a.events {text-decoration: underline; display: block; border: 2px solid #ffbfbf; border-radius: 40%; cursor: pointer;}
.calendar-wrapper table {width: 210px; /*position: relative;*/}
/* colors day */
.calendar-wrapper .sunday { color: #ff0000;}
.calendar-wrapper .currday {background: #D8DDFB; border-radius: 40%; }
.calendar-wrapper .select {background: #0f71c8; color: #ffffff;}
.calendar-wrapper .no-day {color: #d0d2d3;}