/**
 * @file
 * Default styling for Bananas dialogs.
 *
 * @see core/themes/classy/css/components/dialog.css
 * @see core/themes/bartik/css/components/ui-dialog.css
 */

#bananas-modal {
    height:auto;
    padding:10px;
}
#bananas-modal .form-wrapper.form-actions .form-group {float:left;}
#bananas-modal .form-wrapper.form-actions .form-group input {
    height:35px !important;
    text-align:left;
}
#bananas-modal .form-actions {border:none;}
#bananas-modal .form-wrapper.form-actions .form-group input:focus {
    box-shadow:none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -webkit-box-shadow: none;
    mso-border-shadow: no;
}

.bananas-dialog .field--widget-paragraphs th .paragraphs-actions {margin-right:8px;}

.ui-dialog {z-index:500;}
.ui-dialog .ui-dialog-buttonpane button.field-add-more-submit-with-icon {display:none;}

.bananas-dialog .field-add-more-submit-with-icon {display:block;}
.bananas-dialog .bananasmodaladd-select-type-form  .add-select-type input {display:block !important;width:189px;}


.ui-dialog.bananas-dialog {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    border-radius: 0;
    position: absolute;
    z-index: 1260;
    overflow: visible;
    color: #000;
    background: #fff;
    border: solid 1px #ccc;
    padding: 0;
}
@media all and (max-width: 48em) { /* 768px */
    .ui-dialog.bananas-dialog {
        width: 92% !important;
    }
}
.ui-dialog.bananas-dialog .ui-dialog-titlebar {
    font-weight: bold;
    background: #f3f4ee;
    border-style: solid;
    border-radius: 0;
    border-width: 0 0 1px 0;
    border-color: #ccc;
}
.ui-dialog.bananas-dialog .ui-dialog-titlebar-close {
    border: 0;
    background: none;
}
.ui-dialog.bananas-dialog .ui-dialog-buttonpane {
    /*    margin-top: 0;
        background: #f3f4ee;
        padding: .3em 1em;
        border-width: 1px 0 0 0;
        border-color: #ccc;*/
    /*display:none;*/
    background-color:#EEE;
}
.ui-dialog.bananas-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    margin: 0;
    padding: 0;
}
.ui-dialog.bananas-dialog .ui-dialog-buttonpane .ui-button-text-only .ui-button-text {
    padding: 0;
}

/* Form action buttons are moved in dialogs. Remove empty space. */
.ui-dialog.bananas-dialog .ui-dialog-content .form-actions {
    padding: 0;
    margin: 0;
}
.ui-dialog.bananas-dialog .ajax-progress-throbber {
    /* Can't do center:50% middle: 50%, so approximate it for a typical window size. */
    left: 49%;
    position: fixed;
    top: 48.5%;
    z-index: 1000;
    background-color: #232323;
    background-image: url(/core/misc/loading-small.gif);
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 7px;
    height: 24px;
    opacity: 0.9;
    padding: 4px;
    width: 24px;
}
.ui-dialog.bananas-dialog .ajax-progress-throbber .throbber,
.ui-dialog.bananas-dialog .ajax-progress-throbber .message {
    display: none;
}
.ui-dialog.bananas-dialog input,
.ui-dialog.bananas-dialog select,
.ui-dialog.bananas-dialog textarea {
    font-size: 0.9em;
}
.ui-widget-overlay {
    background: #000;
    opacity: 0.7;
}

/*tables*/
.bananas-dialog table {width:100%;}
.bananas-dialog td {padding:10px;vertical-align: top;}


/* weight dragger */
.bananas-dialog button.tabledrag-toggle-weight {font-size:10px;background-color:transparent;border:none;color:#E4A809;}
.bananas-dialog .field-multiple-drag a .handle {width:auto;height:auto;padding:10px !important;margin:0;}
.bananas-dialog .field-multiple-drag {width:10px;}
.bananas-dialog .draggable a.tabledrag-handle {margin-left:0;}

/* tables */
.bananas-dialog .field-multiple-table {
    width:99%;
    border:1px solid #000;
    margin-top:5px;
    margin-bottom:10px;
    border-collapse: collapse;
}
/* thead */
.bananas-dialog .field-multiple-table th { padding:5px; border:1px solid #000; background-color:#978F48;color:#FFF;}
.bananas-dialog .field-multiple-table th h4{ text-transform: uppercase;font-size:10px;color:#000;margin:0;}
.bananas-dialog .field-multiple-table .field-multiple-table th {background-color:#B2A956;color:#FFF;}
.bananas-dialog .field-multiple-table .field-multiple-table .field-multiple-table th {background-color:#C5BB5F;}
.bananas-dialog .field-multiple-table td {padding:10px;}
.bananas-dialog .field-multiple-table td.field-multiple-drag {padding:10px 0;}

/*rows*/
.bananas-dialog .field-multiple-table tr {border: 1px solid #000;}



/* Button Design */
.bananas-dialog select.form-control {width:auto;}
.bananas-dialog .field-add-more-submit {float:left;margin-right:10px;}
.bananas-dialog .button,
.bananas-dialog button,
.bananas-dialog input[type='submit'],
.bananas-dialog input[type='button'],
.bananas-dialog .ui-dialog .dropbutton-action a,
.bananas-dialog .ui-dialog .ui-dialog-buttonpane button,
.bananas-dialog .dropbutton-single .dropbutton-action .use-ajax {
    display: block;
    width: auto;
    padding: 5px 15px;
    border: none;
    background-color: #E4A809;
    background-image: none;
    color: #000;
    font-size: 14px;
    font-weight:normal;
    line-height: normal;
    font-family: sans-serif;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    height:28px;
}
.bananas-dialog input[name='op'] {
    background-color: #800F12;
    display:block;
    color: #FFF;
    font-size: 18px;
    height:auto;
    float:left;
    margin:10px 0;
}
.bananas-dialog input[name='op']:focus {box-shadow:none;}
.bananas-dialog input[name='op']:hover {background-color: #800F12 !important;}
.bananas-dialog .paragraphs-dropbutton-wrapper input[type='submit'] {/*width:20%;*/}
.bananas-dialog .button:hover,
.bananas-dialog button:hover,
.bananas-dialog input[type='submit']:hover,
.bananas-dialog input[type='button']:hover,
.bananas-dialog .ui-dialog .dropbutton-action a:hover,
.bananas-dialog .ui-dialog .ui-dialog-buttonpane button:hover,
.bananas-dialog .dropbutton-single .dropbutton-action .use-ajax:hover {
    opacity: .9; background-color:#E4A809;}

.bananas-dialog .button:focus,
.bananas-dialog button:focus,
.bananas-dialog input[type='submit']:focus,
.bananas-dialog input[type='button']:focus,
.bananas-dialog .ui-dialog .dropbutton-action a:focus,
.bananas-dialog .ui-dialog .ui-dialog-buttonpane button:focus,
.bananas-dialog .dropbutton-single .dropbutton-action .use-ajax:focus {
    /*    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
        -ms-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
        box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);*/
    border: 1px solid #FFF;
}
.bananas-dialog .field-add-more-submit-with-icon,
.bananas-dialog .field-add-more-submit-with-icon:hover,
.bananas-dialog .field-add-more-submit-with-icon:focus {
    background-repeat: no-repeat;
    background-position: 10px;
    background-size: auto calc(100% - 10px);
    text-align: left;
    border-radius: 3px;
    padding:10px !important;
    padding-left:55px !important;
    min-width:173px !important;
}
.bananas-dialog button {float:left;min-height:50px;}
.bananas-dialog button:before {display:none;}
.bananas-dialog button:focus {color:#FFF;box-shadow: none;}

.bananas-dialog input.paragraphs-icon-button-collapse {background-color: #E4A809;color:#000;border:1px solid #fff;height:28px;}
.bananas-dialog button.paragraphs-dropdown-toggle span.visually-hidden{background-color:#E4A809;color:#fff;position:relative !important;}
.bananas-dialog button.paragraphs-dropdown-toggle {background-color:#E4A809;padding:5px;border:1px solid #fff;height:28px;margin-left:-1px;font-size:10px;}
.bananas-dialog .paragraphs-dropdown.open .paragraphs-dropdown-actions input{background-color:transparent;color:#000;font-weight: normal;}
.bananas-dialog .paragraphs-dropdown.open .paragraphs-dropdown-actions .form-group {border-bottom:1px solid #EEE;height:28px;}
.bananas-dialog .paragraphs-dropdown.open .paragraphs-dropdown-actions input {width:100%;height:26px;}
.bananas-dialog .paragraphs-dropdown.open .paragraphs-dropdown-actions input:hover {background-color:#EEE;
}
.bananas-dialog .button {border:1px solid #FFF !important;}
.bananas-dialog input.field-add-more-submit, .bananas-dialog .bananasmodaladd-select-type-form  input,
.bananas-dialog .field-add-more-submit-with-icon{background-color:#968F47 !important;color:#FFF;margin:0;min-width:130px;font-size:14px;}
.bananas-dialog input.field-add-more-submit:hover, .bananas-dialog .bananasmodaladd-select-type-form  input:hover,
.bananas-dialog .field-add-more-submit-with-icon:hover{background-color:#B2A956;color:#FFF;}
.bananas-dialog .dropbutton-toggle button {height:26px;margin-top:1px;}


/*paragraph top*/
.bananas-dialog .paragraph-type-top {background-color:#23282D;color:#FFF;margin-right:10px;padding-left:10px;}
.bananas-dialog .paragraph-type-top .form-group {margin:5px;}

/* Select option */
.bananas-dialog select {width:auto;}

/*form group*/
.bananas-dialog .form-group {margin:0;}
.bananas-dialog .image-widget .form-group {display:inline-block;}

/*paragraph image*/
.bananas-dialog .file, .bananas-dialog .file-size {font-size:10px;}


/*details*/
/*.bananas-dialog details {background-color:#EEEED0;margin-right:10px;padding:10px;font-size:12px;margin-top:15px;}
.bananas-dialog details .form-type-select {float:left;margin-right:10px;}*/

/*ck editor*/
.filter-help {display:none;}
.bananas-dialog .paragraph-infoblokken-bananas-modal-edit-form .cke {width:98%;}

/*file upload*/
.bananas-dialog .js-form-type-managed-file {margin-top:10px;}
.bananas-dialog .js-form-type-managed-file .js-form-managed-file {border:1px solid rgba(73,79,52,.15);padding:10px;}
.bananas-dialog .js-form-managed-file a {font-style: normal;font-size:16px;margin-bottom:10px;display:block;}




/*description fields*/
.bananas-dialog form .description {
    font-size:60%;
    color:#999;
}

/*images - legend*/
.bananas-dialog .image-widget,
.bananas-dialog .fieldset-wrapper {
    border: 1px solid rgba(73,79,52,.15);
    border-radius: 0;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    margin:10px 0px 10px 0;
    padding:10px;
}

/*legend*/
.bananas-dialog .fieldset-legend {
    margin-bottom: 0;
    font-size: .875rem;
    font-weight: 700;
}
.bananas-dialog .fieldset-wrapper label {font-weight: normal;}

/*popup dialog buttons*/
.paragraphs-add-dialog .btn-primary, .paragraphs-add-dialog .btn-primary:focus {background-color:#E4A809 !important; box-shadow:none;border:none;}
.paragraphs-add-dialog .btn-primary:hover {background-color:#777f5b !important;}
.paragraphs-add-dialog .paragraphs-add-dialog-row {padding:2px;float:left; min-width:172px;/*width:25%*/}
.paragraphs-add-dialog .paragraphs-add-dialog-row .form-group {margin:0;}
.paragraphs-add-dialog {margin:15px;}
.paragraphs-add-dialog .paragraphs-add-dialog-row input {min-width:auto;}


/*actions*/
.bananas-dialog .paragraphs-actions {float:right;margin:3px;}

/*details groups*/
.bananas-dialog details {margin:20px 0;padding:10px; border:1px solid rgba(73,79,52,.15);}
.bananas-dialog details summary:focus {outline:none;}

/*add from library*/
.bananas-add-from-library-form details {float:left;margin-right:10px}
.bananas-add-from-library-form .lib-groups-wrapper {clear:both;display:inline-block}
.bananas-add-from-library-form .lib-groups-wrapper details{border:1px solid #000;padding:5px;}
.lib-group {width:100%;clear:both;}
.lib-group-title {font-size:16px;background-color:#EEE;border:1px solid #CCC;padding:5px 10px;margin-bottom:15px}
.lib-group summary:focus,.lib-group summary:active {outline:none;}
.lib-group summary::-webkit-details-marker {float:left;padding:10px 7px;}
.lib-group .lib-items {padding:0 35px;}
.lib-group a.item-link:hover {border-color:#E4A809;}
.lib-group .submit-button.btn-primary {
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
    min-height: 70px;
    background-repeat: no-repeat;
    background-position-x: 10px;
    background-position-y: center;
    padding-left: 120px;
    background-color:transparent;
    border:1px solid #000;
    color:#000;
}
.lib-group .submit-button.btn-primary:hover {border-color:#f78a5f;color:#f78a5f;cursor: pointer;}
#views-exposed-form-media-library-widget {clear:both;}
#views-exposed-form-media-library-widget .form-item {float:left;}



/*media library*/
button.js-media-library-widget-toggle-weight{background:none;font-size:10px;margin:0;padding:0;}
button.js-media-library-widget-toggle-weight:hover{background:none;text-decoration: underline;}
.bananas-dialog .media-library-item__remove {position:relative !important;float:left;}
.bananas-dialog #field_media-media-library-wrapper .fieldset-wrapper > .form-group {display:inline-block;}
.bananas-dialog #field_media-media-library-wrapper article {display:inline-block;}

/*tablefield*/
.bananas-dialog .tablefield-row-0 {color:#000;}
.bananas-dialog .form-tablefield table,
.bananas-dialog .form-tablefield tr,
.bananas-dialog .form-tablefield td {
    margin:0;
    padding:0;
    border:none;
    border-spacing:0;
}
.bananas-dialog .form-tablefield td {padding:0px;}
.bananas-dialog .form-tablefield details {font-size:14px;margin:0;padding:0;border:none;color:#CCC;}
.bananas-dialog .form-tablefield td .form-item {padding:0;margin:0;font-size:16px;}
.bananas-dialog .form-tablefield td .form-item input {padding:5px;}

/*field class*/
.field--name-field-class {clear:both;padding-top:20px;}

/*hide edit content when editing column, only column width may be visible*/
.bananas-dialog .paragraph-column-bananas-modal-edit-form .field--name-field-column-content {display: none;}


/*foutmeldingen*/
.bananas-dialog div[role="alert"] {
    display: block;
    padding: 10px;
    font-size: 14px;
    color: #721c24;
    background-color: #f8d7da;
    border: 1px solid #f5c6cb;
}

/*diverse*/
.form-control {width:100%;padding-right:0 !important;}
button:focus {outline: none !important;}
.js .paragraph-type-icon {width:auto;}
.bananas-dialog .text-muted {color:#999 !important;}
.bananas-dialog .text-full {/*width:98%;*/}
.bananas-dialog tr.draggable {border:1px solid;}
.bananas-dialog .paragraph-type-top .paragraph-type-title {padding-top:5px;}
.bananas-dialog .paragraph-type-label {color:#CDC053;}
.bananas-dialog .draggable a.tabledrag-handle {float:none;}
.js-form-type-checkbox label {display:block;}

/*fix for ckeditor tabel not clickable properties (see also js file)*/
.ck_editor_table table {width:auto;}

/*hetverzet*/
.bananas-dialog .ui-button-icon-only .ui-icon {margin-top:-20px;margin-left:-15px;}
/*test fields*/
#drupal-modal .form-text,
.bananas-dialog .form-text,
#drupal-modal .form-textarea,
.bananas-dialog .form-textarea {
    border: 1px solid #abb4c8;
}
#drupal-modal .form-control:focus,
.bananas-dialog .form-control:focus {
    border:1px solid #000;
}
.bananas-dialog .fieldset-wrapper,
#drupal-modal .fieldset-wrapper,
.bananas-dialog details,
#drupal-modal details
{display:inline-block;width:100%;}
.bananas-dialog button.js-hide, 
#drupal-modal button.js-hide 
{display:none;}
#drupal-modal .field--name-field-media .js-media-library-item,
.bananas-dialog .field--name-field-media .js-media-library-item {
    width:100%;float:left;}
.bananas-dialog .media-library-views-form,
#drupal-modal .media-library-views-form {
    margin:0;}
#drupal-modal .custom-control.checkbox,
.bananas-dialog .custom-control.checkbox {
    display:inline-block;margin-top:-4px}
#drupal-modal .no-term-reference-tree-button,
.bananas-dialog .no-term-reference-tree-button,
#drupal-modal reference-tree-button,
.bananas-dialog reference-tree-button {
    float:left;}
.media-library-add-form .button--primary {margin-top:0;}

#drupal-modal .confirmation .form-actions button,
#drupal-modal .paragraph-column-bananas-modal-edit-form button
{margin-top:30px;}


.bananas-dialog .js-form-type-radio {margin-bottom:0;}
.bananas-dialog .js-form-type-radio .form-check-input {position:relative;margin-top:0;}

/*media library*/
#media-library-wrapper {margin-top:1rem;display:block;}
#field_media-media-library-wrapper .js-hide {display:none;}
#media-library-wrapper .js-media-library-menu {width:100%;}
#media-library-wrapper .js-media-library-menu li{
    display:inline-flex;
    width:50%;
    border:1px solid #000;
}
#media-library-wrapper ul.js-media-library-menu{display:contents;margin-top:1rem;margin-left:0;}
#media-library-wrapper .js-media-library-menu li a{
    text-decoration:none;
    padding:5px 10px;
    width: 100%;
    text-align:center;
}
#media-library-wrapper .js-media-library-menu li a.active{
    background-color:#EEE;
}
.media-library-item--grid article {float:left;margin-right: 3px;}
#media-library-view .views-exposed-form {display:flex;}
#media-library-view .views-exposed-form .js-form-submit{margin-left:10px;margin-top:33px;}
#media-library-view header {float:right;}
ul.js-media-library-add-from-added-media {list-style-type: none;}
.js-form-type-checkbox label {display:inherit;}
.no-term-reference-tree-button {background-color:transparent;}