.datepicker-container {
	cursor:default;
    font-size: 12px;
	font-weight: bold;
    line-height: 30px;
    position: fixed;
    z-index: -1;
    top: 0;
    left: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    background-color: #fff;
    direction: ltr !important;
    -ms-touch-action: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}
.datepicker-inline {
    position: static;
    width: 100%;
    box-shadow: 0 0 20px -3px rgba(0,0,0,0.4);
    padding: 20px;
}

.datepicker-panel > ul {
    width: 100%;
    margin: 0;
    padding: 0;
}


.datepicker-inline ul > li {
    float: left;
    width: 16.5%;
    margin: 0;
    padding: 0;
    list-style: none;
    cursor: pointer;
    text-align: center;
	position:relative;
	font-size:14px
}

.datepicker-panel > ul > li.disabled, .datepicker-panel > ul > li.disabled:hover {
    cursor: default;
    opacity: 0.3;
}

.datepicker-panel > ul[data-view='week'] > li, .datepicker-panel > ul[data-view='week'] > li:hover {
    cursor: default;
}

.datepicker-hide {
  display: none;
}
.datepicker-container ul:after{
	content:'';
	display: block;
	clear:both;
}
.datepicker-inline [data-view='days'] > li {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
    line-height: 40px;
    margin: 0px 6px;
}
.datepicker-inline [data-view='week'] {
	font-size: 18px;
    color: #27b;
}
.datepicker-inline [data-view='week'] > li {
    cursor: default;
    margin: 0 6px;
    width: 40px;
}
.datepicker-panel [data-view='days'] > li:hover {
	background-color: #f5f5f5;
}
.datepicker-panel [data-view='days'] > .picked, .datepicker-panel [data-view='days'] > .picked:hover {
	background-color: #2773BF;
	color:#fff;
}
.datepicker-panel .header {
	position: relative;
	padding: 10px 0;
	margin-bottom: 10px;
}

.datepicker-panel .header .prev, .datepicker-panel .header .next {
	display: inline-block;
    position: absolute;
	top: 0;
	height: 100%;
    width: 55px;
	font-size: 20px;
    line-height: 51px;
	z-index:10;
	background-repeat: no-repeat;
    background-position: 50% 50%;
}
.datepicker-panel .header .prev {
    left: 0;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAVCAYAAACdbmSKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjZBOTFCMkIwMEUwQTExRTc4OTlDRTdDRkMwMDdGNkY5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjZBOTFCMkIxMEUwQTExRTc4OTlDRTdDRkMwMDdGNkY5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NkE5MUIyQUUwRTBBMTFFNzg5OUNFN0NGQzAwN0Y2RjkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NkE5MUIyQUYwRTBBMTFFNzg5OUNFN0NGQzAwN0Y2RjkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4WMHONAAABNElEQVR42ozTQStEURjG8WNMSvkAU2qKLCyVnRKxFSVSJjtRsiLFxshGWdgoC2WjrIiyYTUpC/EFJEpjq6yUUsr/1XPqdHPPuad+dd/bPOdO531PS3Xr0RVYrejEW7Pe60oFAj14RhPL9iIV6sctulRXU6Eh3KCi+gL1WGgcV+hQfYRpfOWF5nCOdtV7mMeP/0E2tIJjnZatDaxmdy0HzztY17PtuoTD//57WbseYEHvvlHDWd4JWegEM6o/MYFGrA+lIOB0Qo1Uty30FNT7voGp0CAegpG5R18q9I5hXOtdRaMzEgs5dXpMnXeaBJuI2VjI98Y6v626TSe7Fgv5ZUO5GIzNrg4oGnKahEk/oLpHp/p69GpcYhQfqqewWeQS3mEAr6pfsgObt6z53bq9f+FfAQYAxuE2doxERiEAAAAASUVORK5CYII=') no-repeat 50% 50%;
	
}
.datepicker-panel .header .current {
	font-size:18px;
	width:100%;
	padding: 0px 55px;
}
.datepicker-panel .header .next {
	right:0;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAVCAYAAACdbmSKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjRGQUVGQzdEMEUwQTExRTdCNkZBQzM2OTEwMUM0NjcyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjRGQUVGQzdFMEUwQTExRTdCNkZBQzM2OTEwMUM0NjcyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NEZBRUZDN0IwRTBBMTFFN0I2RkFDMzY5MTAxQzQ2NzIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NEZBRUZDN0MwRTBBMTFFN0I2RkFDMzY5MTAxQzQ2NzIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4few0cAAABMUlEQVR42mKUa7jOAARyQPwUiP8yEAGYgDgHiB8C8W0gViFWkxyUrQjEh4HYmBhN9UC8HsqXAOIDQGxPSNN3IA4F4rlQMR4g3g7Efvg0MUADIAWI+6B8TiBeB8Sx+DTBQDEQV0LZzEC8CIiLCGkCgQ4gTkcK/l4gbiekCQRmAXEEEP+C8iuAeCbUdpyaQGANEHsC8RcoPw2Il4I0MhGIkn3QkIWBcCC2JKQJFPGTkfg3gfgyPk0GQHwSKWmdAmJbIP6IS5MTNElJQPk7gNgBiF/jCogoaIrggfJBKcUHmnKwBnkpNITYoPwmaEpByTIsSOzJ0GwCS1ZZ0PjCACxQU0Gmh0DFvkMjdhOuEAJpqkPS8A7q/uP44gGk6Q6UfR+aAm4SyoQgTQuA+CBUE1EAIMAAA6Y4a3Kkku4AAAAASUVORK5CYII=') no-repeat 50% 50%;
	
}
.datepicker-dropdown {
    position: absolute;
    z-index: 1;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    border: 1px solid #ccc;
    -webkit-box-shadow: 0 0 20px -3px rgba(0,0,0,0.4);
    box-shadow: 0 0 20px -3px rgba(0,0,0,0.4);
    width: 240px;
	padding:10px;
}
.datepicker-dropdown  ul > li {
    float: left;
    width: 30px;
    margin: 0 2px;
    padding: 0px;
    list-style: none;
    cursor: pointer;
    text-align: center;
    position: relative;
    font-size: 12px;
    font-weight: normal;
    border-radius: 50%;
}