.date-picker{
	position:relative;
	display:inline-block;
}
.date-picker .months{
	padding:10px 20px;
}

.date-picker .month *{
	text-align:center;
	font-family: 'Roboto Condensed', sans-serif; 
}

.date-picker .month{
	display:inline-block;
	margin:0px 20px;
	border-collapse: collapse;
}

.date-picker .month > thead .name{
	text-align:center;
	font-weight:normal;
}
.date-picker .month > tbody td{
	padding:0px 0px 1px 0px;
	cursor:pointer;
}
.date-picker .month > tbody td:not(.restricted) .day.active{
    background:#C30000;
	color:#fff;
    border-radius:0 !important;
}
.date-picker .month > tbody td:not(.restricted) .day:hover{
    background:#C30000;
	border-radius: 5px;
    color:#fff;
}
.date-picker .month > tbody .day.grey{
	color:#DDD;
    display:none;
}
.date-picker .month > tbody .day.weekend{
	font-weight:bold;
}

.date-picker .buttonContainer{
	padding-top:10px;
	text-align:center;
}
.date-picker .buttonContainer .btn.btn-success{
	background-color:#C30000;
	border-color:#930000;
	display:inline-block;
}
.date-picker .buttonContainer .btn.btn-success:hover{
	background-color:#D30000;
}


/* Restricted Code */
.date-picker .month{
	background:url("/images/calendar-pattern.png") repeat;
}
.date-picker .month > thead, .date-picker .month > tbody td:not(.restricted) {
    background:white;
}
.date-picker .month > tbody .restricted{
    cursor:default;
    color: rgb(167,167,167);
}


/* Large */
.date-picker .month.dp-large > thead .name{
	text-align:center;
    padding: 10px 0px;
	font-size:18px;
}
.date-picker .month.dp-large > thead .weekday{
	font-size: 16px;
    padding: 15px 10px;
}
.date-picker .month.dp-large td{
	width:45px;
	height:30px;
	line-height:30px;
}
.date-picker .month.dp-large > tbody td:not(.restricted):hover .day{
    background:#C30000;
    border-radius:30px;
}
.date-picker .month.dp-large > tbody td:not(.restricted) .day.begin{
    border-radius:30px 0 0 30px !important;
}
.date-picker .month.dp-large > tbody td:not(.restricted) .day.end{
    border-radius:0 30px 30px 0 !important;
}
.date-picker .month.dp-large > tbody td:not(.restricted) .day.end.begin{
    border-radius:30px !important;
}

@media screen and (max-width: 425px) {
    .date-picker .month.dp-large > thead .name{
        text-align:center;
        padding: 4px 0px;
        font-size:18px;
    }
    .date-picker .month.dp-large > thead .weekday{
        font-size: 12px;
        padding: 2% 2%;
    }
    .date-picker .month.dp-large > tbody td:not(.restricted):hover .day{
        background:#C30000;
        border-radius:15px;
    }
    .date-picker .month.dp-large > tbody td:not(.restricted) .day.begin{
        border-radius:15px 0 0 15px !important;
    }
    .date-picker .month.dp-large > tbody td:not(.restricted) .day.end{
        border-radius:0 15px 15px 0 !important;
    }
    .date-picker .month.dp-large > tbody td:not(.restricted) .day.end.begin{
        border-radius:15px !important;
    }
    .date-picker .months{
	    padding:10px 0px;
    }
}