﻿/* Remove IE's “clear field” X button on input field */
.calendar-input::-ms-clear,
.calendarLabelLang::-ms-clear {
    display: none;
}

.calendar-input img,
.calendarLabelLang img {
    opacity: 0;
    margin-left: -26px;
    cursor: pointer; /*Standalone*/
}

/* Standalone input toegevoegd*/
.calendar-input input,
.calendarLabelLang input {
    display: inline-block;
    cursor: pointer;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIwLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojMDE2ODlCO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTE5LjQsNS45aC0yLjJsLTAuNSwxLjhjMCwwLjEtMC4xLDAuMS0wLjEsMC4xVjUuOWgwYzAtMC40LDAtMS4xLTAuMS0xLjNDMTYuNCw0LjQsMTYuMyw0LDE2LDRoLTAuOQoJYy0wLjMsMC0wLjQsMC40LTAuNCwwLjZjMCwwLjItMC4xLDAuOS0wLjEsMS4zSDkuNUw4LjksNy44YzAsMC4xLTAuMSwwLjEtMC4xLDAuMVY1LjloMGMwLTAuNCwwLTEuMS0wLjEtMS4zQzguNyw0LjQsOC43LDQsOC40LDQKCUg3LjRDNy4xLDQsNy4xLDQuNCw3LDQuNmMwLDAuMi0wLjEsMC45LTAuMSwxLjNINC42QzQuMyw1LjksNCw2LjIsNCw2LjZ2MTIuOEM0LDE5LjcsNC4zLDIwLDQuNiwyMGgxNC43YzAuNCwwLDAuNi0wLjMsMC42LTAuNlY2LjYKCUMyMCw2LjIsMTkuNyw1LjksMTkuNCw1LjkgTTE4LjQsMTguNEg1LjZ2LTguM2gxMi44VjE4LjR6IE05LjQsMTMuNkg2Ljl2LTEuOWgyLjZWMTMuNnogTTEzLjMsMTMuNmgtMi42di0xLjloMi42VjEzLjZ6IE0xNy4xLDEzLjYKCWgtMi42di0xLjloMi42VjEzLjZ6IE05LjQsMTYuOEg2Ljl2LTEuOWgyLjZWMTYuOHogTTEzLjMsMTYuOGgtMi42di0xLjloMi42VjE2Ljh6IE0xNy4xLDE2LjhoLTIuNnYtMS45aDIuNlYxNi44eiIvPgo8L3N2Zz4K'); /*Kalender.svg*/
    background-repeat: no-repeat;
    background-position: right;
}

.calendar-input input:focus {
	outline: 2px dashed #000;
    outline-offset: 2px;
    box-shadow: none;
	border: 0;
}

.ui-menu-item-alternate {
    color: #000000 !important;
}

.ui-menu-item-alternate {
    color: #000000 !important;
}

#ui-datepicker-div {
    border: none;
    -moz-box-shadow: 3px 3px 15px 1px #ccc;
    -webkit-box-shadow: 3px 3px 15px 1px #ccc;
    box-shadow: 3px 3px 15px 1px #ccc;
    background-color: #e6e6e6;
}

.ui-datepicker .ui-datepicker-title {
    line-height: 4rem;
	margin: 0.4em 0.8em 0 2.6em;
}

.ui-datepicker .ui-datepicker-header {
    height: 4rem;
    border: none;
    background-color: #b4b4b4;
    padding: 0;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 37%;
    float: left;	
    height: 28px;
    border-radius: 5px;
    padding-left: 5px;
    border-top: 0;
    border-right: 0;
    border-bottom: 2px solid #01689b;
    border-left: 0;
    margin: 5px 10px;
}

.ui-datepicker .ui-datepicker-prev {
    top: 0;
    left: 15px !important;
    height: 4rem;
    line-height: 4rem;
}

    .ui-datepicker .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-next:hover {
        text-decoration: none;
    }

    .ui-datepicker .ui-datepicker-prev::after {
        content: "chevron_left";
        font-family: 'Material Icons';
        font-size: 26px;
        color: #01689b;
    }	

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    background: none;
}
	

.ui-datepicker .ui-datepicker-next {
    top: 0;
    right: 5px !important;
    height: 4rem;
    line-height: 4rem;
}

    .ui-datepicker .ui-datepicker-next::after {
        content: "chevron_right";
        font-family: 'Material Icons';
        font-size: 26px;
        color: #01689b;
    }

    .ui-datepicker .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-next:hover {
        background-color: transparent !important;
        border: 0 !important;
    }

.ui-datepicker {
    padding: 0;
}

.ui-widget-content {
    background-color: transparent;
	display: none;
}

.ui-autocomplete-input {
    width: 100%;
}

.ui-autocomplete {
    width: 422px !important;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-radius: 0;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: none;
    background-color: transparent;
    text-align: center;
    color: #000;
}

div.ui-datepicker-inline .ui-state-default {
    padding: 6px 0;
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
    opacity: 0;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    background-color: #b4b4b4;
    color: #000;
    font-weight: bold;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    background-color: #b4b4b4;
    color: #000;
    font-weight: bold;
}

.ui-datepicker td {
    border: 0;
    padding: 0;
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    background: none;
}*/