.responsive select,
.responsive input,
.responsive textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    border: 1px solid #cfcfcf;
    border-right-color: white;
    border-bottom-color: white;

    border-radius: 5px;
    padding: 0 15px 0 15px;
    line-height: 30px;
    background: white;
    transition: all 175ms ease-in;
    min-height: 32px;
    color: #000000;
    margin: 0;

    letter-spacing: 0.3px;
}

.responsive select {
    height: 32px;
    padding-right: 30px;
    background: white url(../icons-yellow/down.svg) no-repeat right 10px center;
    transition: box-shadow 175ms ease-in;
}

.responsive select[multiple] {
    height: auto;
    background-image: none;
}

.responsive select::-ms-expand {
    display: none;
}

.responsive textarea {
    line-height: normal;
    padding: 15px;
}

.responsive input[type=radio] {
    float: none;
    position: relative;
    /*top: 4px;*/
    top: 30px; /* radio focus via tab-toets moet er voor zorgen dat het radio-component volledig in beeld staat. */
    left: 8px;
    display: block;
    width: 1px;
    height: 1px;
    border: none;
    margin: 0;
    padding: 0;
    min-height: 0;
    z-index: -1;
}

.responsive input[type=radio] + .ui {
    position: relative;
    /*top: 10px;*/

    display: inline-block;
    background: white;
    width: 20px;
    height: 20px;
    border: 1px solid #cfcfcf;
    border-right-color: white;
    border-bottom-color: white;
    border-radius: 20px;
    padding: 0;
    min-height: 10px;
    margin: -5px 5px 0 0;
    z-index: 0;
    transition: box-shadow 175ms ease-in;
}

.responsive input[type=checkbox] {
    position: relative;
    top: 4px;
    left: 8px;
    display: block;
    width: 1px;
    height: 1px;
    border: none;
    margin: 0;
    padding: 0;
    min-height: 0;
    z-index: -1;
}

.responsive input[type=checkbox] + .ui {
    position: relative;
    top: 5px;

    display: inline-block;
    background: white;
    width: 20px;
    height: 20px;
    border: 1px solid #cfcfcf;
    border-right-color: white;
    border-bottom-color: white;
    padding: 0;
    min-height: 10px;
    margin-right: 5px;
    margin-top: -4px;
    z-index: 0;
}

.responsive input[type=checkbox] + .ui:hover,
.responsive input[type=checkbox] + .ui:focus {
    cursor: pointer;
}

/* <Select2> */

.responsive .select2-container {
    width: 100% !important;
    transition: box-shadow 175ms ease-in;
    text-align: left;
}

body > .select2-container {
    z-index: 10000;
}

.responsive .select2-container--focus {
    box-shadow: 0 0 10px 2px rgba(82, 204, 228, 0.7);
    border-radius: 5px;
}
.responsive .select2-container--focus.select2-container--disabled {
    box-shadow: none;
}

.responsive .select2-container--default .select2-selection--single {
    border: 1px solid #cfcfcf;
    border-right-color: white;
    border-bottom-color: white;

    border-radius: 5px;
    background: white;
    min-height: 32px;
}

.responsive .select2-container--default .select2-selection--multiple {
    border: 1px solid #cfcfcf;
    border-right-color: white;
    border-bottom-color: white;

    border-radius: 5px;
    background: white;
    min-height: 32px;
}

.responsive .select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #00BBE3;
}

.responsive .select2-container--default .select2-selection--multiple .select2-selection__clear {
    background: url(../icons-yellow/down-x.svg) no-repeat center calc(50% - 1px);
    width: 12px;
    height: 12px;
    color: transparent;
    margin-top: 10px;
    margin-bottom: 2px;
    margin-right: 2px;
}

.responsive .select2-container--default.select2-container--open .select2-selection--multiple .select2-selection__clear {
    background: url(../icons-yellow/down-x-focus.svg) no-repeat center calc(50% - 1px);
}

.responsive .select2-container--default .select2-selection--multiple .select2-search--inline input.select2-search__field {
  min-height: 22px;
  line-height: 22px;
}

.responsive .select2-container--default.select2-container--disabled .select2-selection--single {
    background: #ebebe4;
    color: rgba(0, 0, 0, 0.5);
}

.responsive .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #000000;
}

.responsive .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__placeholder {
    color: rgba(0, 0, 0, 0.5);
}

.responsive .select2-container--default.select2-container--open .select2-selection--single {
    background: #F0F0F0;
    border-color: #00BBE3;
}

.responsive .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 30px;
    min-height: 32px;
}

.responsive .select2-container .select2-selection--single .select2-selection__rendered {
    color: #000000;
    padding-left: 15px;
    padding-right: 30px;
}

.responsive .select2-container.select2-container--disabled .select2-selection--single .select2-selection__rendered {
    color: rgba(0, 0, 0, 0.5);
}

.responsive .select2-container--default .select2-selection--single .select2-selection__arrow {
    width: 30px;
    height: 32px;
    top: 0;
}

.responsive .select2-container--default .select2-selection--single .select2-selection__arrow b {
    background: url(../icons-yellow/down.svg) no-repeat center;
    border-radius: 0;
    border: none;
    width: 30px;
    height: 32px;
    left: 0;
    margin: 0;
    top: 0;
}

.responsive .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    background: url(../icons-yellow/down-focus.svg) no-repeat center;
}

.responsive .select2-container--default .select2-selection--single .select2-selection__clear {
    background: url(../icons-yellow/down-x.svg) no-repeat center calc(50% - 1px);
    width: 12px;
    height: 12px;
    color: transparent;
    margin-top: 10px;
    margin-bottom: 10px;
}

.responsive .select2-container--default.select2-container--open .select2-selection--single .select2-selection__clear {
    background: url(../icons-yellow/down-x-focus.svg) no-repeat center calc(50% - 1px);
}

.responsive .select2-dropdown {
    /*background: #F0F0F0;*/
    border-color: #00BBE3;
}

.responsive .select2-dropdown .select2-search .select2-search__field {
    line-height: normal;
    margin: 15px 10px 15px 10px;
    width: calc(100% - 20px);
    background: white url(../icons-yellow/inline-search.svg) no-repeat calc(100% - 5px) center;
    border-radius: 5px;
    border: 1px solid #cfcfcf;
    transition: all 175ms ease-in;
    padding: 0 15px 0 15px;
}

.responsive .select2-dropdown .select2-results {
    padding: 0;
    margin: 0;
}

.responsive .select2-dropdown .select2-results .select2-results__option {
    padding-left: 20px;
    padding-right: 20px;
}

.responsive .select2-dropdown .select2-results .select2-results__option.select2-results__option--highlighted {
    background: #00BBE3;
}

/* </Select2> */

.responsive [contenteditable]:focus,
.responsive input[type=radio]:focus + .ui,
.responsive input[type=checkbox]:focus + .ui,
.responsive select:focus,
.responsive input:focus,
.responsive textarea:focus {
    outline: none;
    color: #000000;
    background: white;
    box-shadow: 0 0 10px 2px rgba(82, 204, 228, 0.7);
}

.responsive input[type=radio]:focus,
.responsive input[type=radio]:active,
.responsive input[type=checkbox]:focus,
.responsive input[type=checkbox]:active {
    outline: none 0;
}

.responsive input.attention {
    border: 2px solid #52cce4;
}

.responsive select:focus {
    background: white url(../icons-yellow/down-focus.svg) no-repeat right 10px center;
}

.responsive label.error {
    color: #fa757f;
}

.responsive select.error,
.responsive input.error {
    border-color: #fa757f;
}

.responsive select.error:focus,
.responsive input.error:focus {
    box-shadow: 0 0 10px #fa757f;
}

.responsive input[type=radio]:checked,
.responsive input[type=radio]:checked + .ui {
    background: #52cce4;
    background: radial-gradient(ellipse at center, #52cce4 0%, #ffffff 75%);
}

.responsive input[type=radio][disabled]:checked,
.responsive input[type=radio][disabled]:checked + .ui,
.responsive input[type=radio][readonly]:checked,
.responsive input[type=radio][readonly]:checked + .ui {
    background: #aeaeae;
    background: radial-gradient(ellipse at center, #52cce4 0%, #ebebe4 50%);
    box-shadow: none;
}

.responsive input[type=checkbox]:checked,
.responsive input[type=checkbox]:checked + .ui {
    background: white url(../icons-yellow/checked.svg) no-repeat center;
}

.responsive input[type=checkbox][disabled]:checked,
.responsive input[type=checkbox][disabled]:checked + .ui,
.responsive input[type=checkbox][readonly]:checked,
.responsive input[type=checkbox][readonly]:checked + .ui {
    background: #ebebe4 url(../icons-yellow/checked.svg) no-repeat center;
    box-shadow: none;
}

.responsive input[readonly] + .ui,
.responsive input[readonly],
.responsive select[readonly],
.responsive textarea[readonly],
.responsive input[readonly]:active + .ui,
.responsive input[readonly]:active,
.responsive select[readonly]:active,
.responsive textarea[readonly]:active,
.responsive input[readonly]:focus + .ui,
.responsive input[readonly]:focus,
.responsive select[readonly]:focus,
.responsive textarea[readonly]:focus,
.responsive input[disabled] + .ui,
.responsive input[disabled],
.responsive select[disabled],
.responsive textarea[readonly],
.responsive input[disabled]:active + .ui,
.responsive input[disabled]:active,
.responsive select[disabled]:active,
.responsive textarea[readonly]:active,
.responsive input[disabled]:focus + .ui,
.responsive input[disabled]:focus,
.responsive select[disabled]:focus,
.responsive textarea[readonly]:focus {
    color: rgba(0, 0, 0, 0.5);
    background: #ebebe4;
    cursor: default;
    box-shadow: none;
}

.responsive select[disabled],
.responsive select[disabled]:active,
.responsive select[disabled]:focus {
    background: #ebebe4 url(../icons-yellow/down.svg) no-repeat right 10px center;
}

.responsive input::-webkit-outer-spin-button,
.responsive input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.responsive input[type=number] {
    -moz-appearance: textfield;
}

.file-services-container .file-services-controls {
    display: -webkit-flex;
    display: flex;
}

.file-services-container .file-services-controls > *:not(input) {
    display: block;
    order: 2;
    margin-right: 10px;
}

.file-services-container .file-services-controls > .file-services-upload {
    order: 1;
}

.file-services-container .file-services-controls input[type=file] {
    display: none;
}

.file-services-container .file-services-controls input[type=file] + label {
    display: inline-block;
    background: url(../icons-yellow/upload.svg) no-repeat center;
    cursor: pointer;
    width: 22px;
    height: 22px;
}

.file-services-container .file-services-controls .filename {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.viewBlock .formRow .file-services-container .file-services-controls input[type=file] + label {
    margin-right: 62px;
}

.viewBlock .formRow .file-services-container .file-services-controls input[type=file] + label::after {
    display: inline-block;
    width: 62px;
    content: 'uploaden';
    margin-left: 25px;
    word-wrap: normal;
    color: #00bbe3;
}

.not-touch .file-services-container .file-services-controls input[type=file] + label:hover,
.not-touch .file-services-container .file-services-controls input[type=file] + label:focus {
    background: url(../icons-yellow/upload-hover.svg) no-repeat center;
}

.not-touch .viewBlock .formRow .file-services-container .file-services-controls input[type=file] + label:hover::after,
.not-touch .viewBlock .formRow .file-services-container .file-services-controls input[type=file] + label:focus::after {
    color: #fe9a12;
}

.file-services-container .file-services-controls .download,
.file-services-container .file-services-controls .open {
    cursor: pointer;
    width: 22px;
    min-width: 22px;
    height: 22px;
}

.file-services-container .file-services-controls .download {
    background: url(../icons-yellow/download.svg) no-repeat center;
}

.file-services-container .file-services-controls .open {
    background: url(../icons-yellow/inline-search.svg) no-repeat center;
}

.viewBlock .formRow .file-services-container .file-services-controls .download {
    margin-right: 90px;
}

.viewBlock .formRow .file-services-container .file-services-controls .open {
    margin-right: 60px;
}

.viewBlock .formRow .file-services-container .file-services-controls .download::after,
.viewBlock .formRow .file-services-container .file-services-controls .open::after {
    display: inline-block;
    margin-left: 25px;
    word-wrap: normal;
    color: #00bbe3;
}

.viewBlock .formRow .file-services-container .file-services-controls .download::after {
    content: 'downloaden';
    width: 90px;
}

.viewBlock .formRow .file-services-container .file-services-controls .open::after {
    content: 'openen';
    width: 60px;
}

.not-touch .file-services-container .file-services-controls .download:hover,
.not-touch .file-services-container .file-services-controls .download:focus {
    background: url(../icons-yellow/download-hover.svg) no-repeat center;
}

.not-touch .file-services-container .file-services-controls .open:hover,
.not-touch .file-services-container .file-services-controls .open:focus {
    background: url(../icons-yellow/inline-search-hover.svg) no-repeat center;
}

.not-touch .viewBlock .formRow .file-services-container .file-services-controls .download:hover::after,
.not-touch .viewBlock .formRow .file-services-container .file-services-controls .download:focus::after,
.not-touch .viewBlock .formRow .file-services-container .file-services-controls .open:hover::after,
.not-touch .viewBlock .formRow .file-services-container .file-services-controls .open:focus::after {
    color: #fe9a12;
}

.file-services-container .file-services-controls .remove {
    background: url(../icons-yellow/eraser.svg) no-repeat center;
    cursor: pointer;
    width: 22px;
    min-width: 22px;
    height: 22px;
}

.not-touch .file-services-container .file-services-controls .remove:hover,
.not-touch .file-services-container .file-services-controls .remove:focus {
    background: url(../icons-yellow/eraser-hover.svg) no-repeat center;
}

.blockClosed > .formRow .file-services-container .fileupload-progress-container {
    display: none;
}

.file-services-container .fileupload-progress-container {
    margin-top: 1px;
    background-color: #EEEEEE;
    border-left: solid #00bbe3 2px;
    border-right: solid #00bbe3 2px;
}

.file-services-container .fileupload-progress {
    background-color: #00bbe3;
    height: 4px;
}

.responsive .ui-datepicker * {
    font-family: 'Lato-Regular', sans-serif;
}

.responsive .ui-datepicker {
    background: #F9F9F9;
    padding: 0;
    margin-top: 5px;
    border: none;
    border-radius: 5px;
    box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.2);
    width: 300px;
    z-index: 9999 !important;
}

.responsive .ui-datepicker .ui-datepicker-header {
    background: #F0F0F0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border: none;
    margin: 0;
}

.responsive .ui-datepicker .ui-datepicker-prev,
.responsive .ui-datepicker .ui-datepicker-next,
.responsive .ui-datepicker .ui-datepicker-prev.ui-state-hover,
.responsive .ui-datepicker .ui-datepicker-next.ui-state-hover {
    background: transparent;
    border: none;
    border-radius: 0;
    top: 11px;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.responsive .ui-datepicker .ui-datepicker-prev,
.responsive .ui-datepicker .ui-datepicker-prev.ui-state-hover {
    left: 15px;
}

.responsive .ui-datepicker .ui-datepicker-prev span {
    background: url(../icons-yellow/left.svg) no-repeat center;
}

.responsive .not-touch .ui-datepicker .ui-datepicker-prev.ui-state-hover span {
    background: url(../icons-yellow/left-hover.svg) no-repeat center;
}

.responsive .ui-datepicker .ui-datepicker-next,
.responsive .ui-datepicker .ui-datepicker-next.ui-state-hover {
    right: 15px;
}

.responsive .ui-datepicker .ui-datepicker-next span {
    background: url(../icons-yellow/right.svg) no-repeat center;
}

.responsive .not-touch .ui-datepicker .ui-datepicker-next.ui-state-hover span {
    background: url(../icons-yellow/right-hover.svg) no-repeat center;
}

.responsive .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: auto;
}

.responsive .ui-datepicker .ui-datepicker-title,
.responsive .ui-datepicker .ui-datepicker-title select {
    font-size: 14px;
    font-weight: normal;
}

.responsive .ui-datepicker .ui-datepicker-title select {
    min-width: 120px;
}

.responsive .ui-datepicker .ui-datepicker-title .ui-datepicker-month {
    margin-right: 10px;
    display: inline-block;
    min-width: 70px;
}

.responsive .ui-datepicker .ui-datepicker-calendar {
    width: calc(100% - 20px);
    margin: 10px;
}

.responsive .ui-datepicker .ui-datepicker-calendar .ui-datepicker-week-col {
    text-align: center;
}

.responsive .ui-datepicker .ui-datepicker-calendar a {
    border: none;
    background: white;
    color: black;
    text-align: center;
    border-radius: 5px;
}

.responsive .ui-datepicker .ui-datepicker-calendar a.ui-priority-secondary {
    opacity: 1;
    background: #F9F9F9;
}

.responsive .not-touch .ui-datepicker .ui-datepicker-calendar a:hover,
.responsive .not-touch .ui-datepicker .ui-datepicker-calendar .ui-datepicker-days-cell-over a:hover,
.responsive .not-touch .ui-datepicker .ui-datepicker-calendar a:focus,
.responsive .not-touch .ui-datepicker .ui-datepicker-calendar .ui-datepicker-days-cell-over a:focus {
    background: #FFDF2D;
}

.responsive .ui-datepicker .ui-datepicker-calendar a.ui-state-highlight {
    background: #DFF9FF
}

.responsive .ui-datepicker .ui-datepicker-calendar a.ui-state-active {
    background: #09d3ff;
}

.responsive .ui-datepicker-buttonpane > button[type=button] {
    font-size: .9em;
    border-radius: 5px;
    padding: 0 10px 0 10px;
    min-height: 30px;
    min-width: 30px;
    line-height: 28px;
    cursor: pointer;
    border: 1px solid #52cce4;
    color: #52cce4;
    text-shadow: 0 0 #52cce4;
}

.responsive .ui-datepicker-buttonpane > button[type=button]:active,
.responsive .ui-datepicker-buttonpane > button[type=button]:focus {
    outline: 0;
}

.responsive .ui-timepicker-div {
    margin: 0 15px 0 15px;
}

.responsive .ui-timepicker-div .ui-widget-header {
    margin-bottom: 8px;
}

.responsive .ui-timepicker-div dl {
    text-align: left;
}

.responsive .ui-timepicker-div dl dt {
    height: 25px;
    font-weight: normal;
    font-size: .9em;
}

.responsive .ui-timepicker-div dl dd {
    margin: -25px 0 10px 75px;
}

.responsive .ui-timepicker-div td {
    font-size: 90%;
}

.responsive .ui-tpicker-grid-label {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
}

.responsive .zorgmail-preview {
    height: 150px;
}

.responsive .ui-autocomplete.ui-menu {
    border: none;
    box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.2);
}

/*.ui-autocomplete.ui-menu .ui-menu-item a {*/
/*border: none;*/
/*}*/

/*.ui-autocomplete.ui-menu .ui-menu-item a:hover {*/
/*border: none;*/
/*}*/

.responsive .ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
}

.responsive .ui-autocomplete.ui-menu {
    padding: 20px 0;
    border: 1px solid #00BBE3;
    background: #F0F0F0;
}

.responsive .ui-menu .ui-menu-item {
}

.responsive .ui-menu .ui-menu-item > a {
    border-radius: 0;
    padding: 0 10px 0 10px;
}

.responsive .ui-menu .ui-menu-item > a.ui-state-focus {
    background: #00BBE3;
    border: none;
    margin: 0;
    color: white;
    text-shadow: 0 0 white;
}

/* Tiny MCE */
.platform input.mce-textbox {
    padding: 0 4px 0 4px;
}

/* Bootstrap dropdown-button */
.responsive .btn-group > .dropdown-toggle.btn.button {
    margin-bottom: 0;
    margin-right: 0;
    box-shadow: none;
}

.responsive .btn-group > .dropdown-toggle.btn.button .caret {
    margin-left: 5px;
}

.responsive .btn-group > .dropdown-toggle.btn.button + ul.dropdown-menu.show {
    margin-top: 0;
    padding-left: 0;
}

.responsive .btn-group > .dropdown-toggle.btn-default.button.show {
    border: 1px solid #00BBE3;
    color: #00BBE3;
    text-shadow: 0 0 #00BBE3;
}

.responsive .btn-group > .dropdown-toggle.btn-default.button.show.saveButton {
    color: white;
    background: #09d3ff; /* Old browsers */
    background: -moz-linear-gradient(top, #09d3ff 0%, #00bbe3 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #09d3ff 0%, #00bbe3 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #09d3ff 0%, #00bbe3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#09d3ff', endColorstr='#00bbe3', GradientType=0); /* IE6-9 */
    border: none;
}

 .dropdown-toggle.btn-default.button:hover:not(.saveButtonDisabled):not(.deleteButton) {
    color: white;
    background: #00BBE3;
}

.responsive .btn-group.open a.conditionalButton.saveButtonDisabled {
    pointer-events: none;
    color: grey;
}

@media screen and (max-width: 350px) {
    .file-services-container .file-services-controls {
        flex-direction: column;
    }

    .file-services-controls > a {
        margin-top: 5px;
    }

    .viewBlock .formRow .file-services-container .file-services-controls .remove::after {
        display: inline-block;
        width: 62px;
        content: 'wissen';
        margin-left: 25px;
        word-wrap: normal;
        color: #00bbe3;
    }

    .not-touch .viewBlock .formRow .file-services-container .file-services-controls .remove:hover::after,
    .not-touch .viewBlock .formRow .file-services-container .file-services-controls .remove:focus::after {
        color: #fe9a12;
    }

    .viewBlock .formRow .file-services-container .file-services-controls .remove {
        margin-right: 62px;
    }
}