/* Multiple dates picker (mdp) styling.
The mdp consists of 2 parts: a calender and an inputfield where the selected dates are shown (AltField).
The mdp is currently included in the following forms: AMi_032 */

/*Calendar styling*/
.mdpcalendar {
    margin-left: 295px;
}

    .mdpcalendar > .ui-datepicker {
        background-color: #e6e6e6;
	width: 502.74px;
    }

        .mdpcalendar > .ui-datepicker > .ui-datepicker-calendar .ui-state-highlight a {
            background: transparent;
            color: #000;
            text-align: center;
            font-weight: bold;
        }

    .mdpcalendar .ui-state-highlight {
        border: 0px;
        background: #b4b4b4;
        padding: 0;
    }

    .mdpcalendar th,
    .mdpcalendar > .ui-widget-content > .ui-state-default,
    .mdpcalendar > .ui-datepicker-today,
    .mdpcalendar > .ui-state-highlight {
	width: calc(100%/7);
    }

    .mdpcalendar > .ui-datepicker-title {
        color: black;
    }

    .mdpcalendar > .ui-widget-content .ui-state-default {
        text-align: center;
        background: #e6e6e6;
        font-weight: normal;
    }

/*AltField styling*/
.MultiDatesPicker_AltField input {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIwLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojMDE2ODlCO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTE5LjQsNS45aC0yLjJsLTAuNSwxLjhjMCwwLjEtMC4xLDAuMS0wLjEsMC4xVjUuOWgwYzAtMC40LDAtMS4xLTAuMS0xLjNDMTYuNCw0LjQsMTYuMyw0LDE2LDRoLTAuOQoJYy0wLjMsMC0wLjQsMC40LTAuNCwwLjZjMCwwLjItMC4xLDAuOS0wLjEsMS4zSDkuNUw4LjksNy44YzAsMC4xLTAuMSwwLjEtMC4xLDAuMVY1LjloMGMwLTAuNCwwLTEuMS0wLjEtMS4zQzguNyw0LjQsOC43LDQsOC40LDQKCUg3LjRDNy4xLDQsNy4xLDQuNCw3LDQuNmMwLDAuMi0wLjEsMC45LTAuMSwxLjNINC42QzQuMyw1LjksNCw2LjIsNCw2LjZ2MTIuOEM0LDE5LjcsNC4zLDIwLDQuNiwyMGgxNC43YzAuNCwwLDAuNi0wLjMsMC42LTAuNlY2LjYKCUMyMCw2LjIsMTkuNyw1LjksMTkuNCw1LjkgTTE4LjQsMTguNEg1LjZ2LTguM2gxMi44VjE4LjR6IE05LjQsMTMuNkg2Ljl2LTEuOWgyLjZWMTMuNnogTTEzLjMsMTMuNmgtMi42di0xLjloMi42VjEzLjZ6IE0xNy4xLDEzLjYKCWgtMi42di0xLjloMi42VjEzLjZ6IE05LjQsMTYuOEg2Ljl2LTEuOWgyLjZWMTYuOHogTTEzLjMsMTYuOGgtMi42di0xLjloMi42VjE2Ljh6IE0xNy4xLDE2LjhoLTIuNnYtMS45aDIuNlYxNi44eiIvPgo8L3N2Zz4K");
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 25px;
    cursor: pointer;
    border-bottom: 2px solid #01689B;
}