.da-kalender-day {	
			position: relative;
		    float: left;
			border: 1px solid #ccc;
		    height: 40px;
		    max-height: 40px;
		    width: 40px;
		    max-width: 40px;
		    margin-right: 2px;
		    margin-bottom: 2px;
		    top: 0px;
		    text-align: center;
		    line-height: 40px;
		    font-weight: 400;
		    font-size: 1.2em;
		}
		.da-kalender-day-available {	
			background-color: #c6eac5;
		    cursor: pointer;
		}
		
		.da-kalender-day-past {	
			background-color: #ccc;
		}
		.da-kalender-day-non-active {	
			background-color: #eee;
			color: #aaa;
		}
		.da-kalender-day-soldout {	
			background-color: #e29595;
			color: #a51c1c;
		}
		.da-kalender-day-period-soldout {	
			background-color: #e29595;
			color: #a51c1c;
		}
		.da-kalender-day-today {	
			background-color: #e8bb7d;
		}
		.da-kalender-row {
			clear: both;
		}
		
		.da-kalender-nav {
			clear: both;
		}
		.da-kalender-nav-arrow {	
			position: relative;
		    float: left;
			border: 1px solid #ccc;
		    height: 40px;
		    max-height: 40px;
		    width: 40px;
		    max-width: 40px;
		    margin-right: 2px;
		    top: 0px;
		    text-align: center;
		    line-height: 40px;
		    font-weight: 400;
		    font-size: 1.2em;
		    margin-bottom: 2px;
		}
		.da-kalender-nav-month {	
			position: relative;
		    float: left;
			border: 1px solid #ccc;
		    height: 40px;
		    max-height: 40px;
		    width: 208px;
		    max-width: 208px;
		    margin-right: 2px;
		    top: 0px;
		    text-align: center;
		    line-height: 40px;
		    font-weight: 400;
		    font-size: 1.4em;
		    margin-bottom: 2px;
		}
		.da-kalender-day-title {	
			position: relative;
		    float: left;
			border: 1px solid #ccc;
		    height: 30px;
		    max-height: 30px;
		    width: 40px;
		    max-width: 40px;
		    margin-right: 2px;
		    margin-bottom: 2px;
		    top: 0px;
		    text-align: center;
		    line-height: 30px;
		    font-weight: 400;
		    font-size: 1.2em;
		}
		.da-kalendar-nav-active {
		    cursor: pointer;
		}
		.da-kalendar-nav-end-active {
		    cursor: pointer;
		}
		.da-kalender-day-selected {	
			background-color: #0056b8 !important;
			color: #ffffff !important;
		}
		.da-kalender-day-start-selected {
			background-color: #0056b8 !important;
			color: #ffffff !important;
		}
	    .da-kalender-day-end-selected {
	        background-color: #0056b8 !important;
	        color: #ffffff !important;
	    }
        .da-rental-time {
            cursor: pointer;
            position: relative;
            float: left;
            border: 1px solid #ccc;
            height: 40px;
            max-height: 40px;
            width: 80px;
            max-width: 80px;
            margin-right: 2px;
            margin-bottom: 2px;
            top: 0px;
            text-align: center;
            line-height: 40px;
            font-weight: 400;
            font-size: 1.2em;
        }
        .da-rental-time-selected,
        .da-rental-endtime-selected {
            background-color: #0056b8 !important;
            color: #ffffff !important;
        }
@media (max-width:350px) {
		.da-kalender-day {	
			position: relative;
		    float: left;
			border: 1px solid #ccc;
		    height: 30px;
		    max-height: 30px;
		    width: 30px;
		    max-width: 30px;
		    margin-right: 2px;
		    margin-bottom: 2px;
		    top: 0px;
		    text-align: center;
		    line-height: 30px;
		    font-weight: 300;
		    font-size: 1em;
		}
		.da-kalender-nav-arrow {	
			position: relative;
		    float: left;
			border: 1px solid #ccc;
		    height: 30px;
		    max-height: 30px;
		    width: 30px;
		    max-width: 30px;
		    margin-right: 2px;
		    top: 0px;
		    text-align: center;
		    line-height: 30px;
		    font-weight: 400;
		    font-size: 1em;
		    margin-bottom: 2px;
		}
		.da-kalender-nav-month {	
			position: relative;
		    float: left;
			border: 1px solid #ccc;
		    height: 30px;
		    max-height: 30px;
		    width: 158px;
		    max-width: 158px;
		    margin-right: 2px;
		    top: 0px;
		    text-align: center;
		    line-height: 30px;
		    font-weight: 300;
		    font-size: 1em;
		    margin-bottom: 2px;
		}
		.da-kalender-day-title {	
			position: relative;
		    float: left;
			border: 1px solid #ccc;
		    height: 30px;
		    max-height: 30px;
		    width: 30px;
		    max-width: 30px;
		    margin-right: 2px;
		    margin-bottom: 2px;
		    top: 0px;
		    text-align: center;
		    line-height: 30px;
		    font-weight: 400;
		    font-size: 1em;
		}
}