/* NIEUW JQ oplossing JQUERY DIALOGS */

/* Default Dialog Stijl */

.JQ-ui-dialog { box-shadow: -5px 5px 5px #ffffff; /*#c0c0c0*/}

/* Overgenomen van http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css */

/* Icons
----------------------------------*/
/* states and images; o.a. van invloed op close-button. */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* workarounds; deze voor de zekerheid laten staan. */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

.JQ-ui-dialog { position: absolute; padding: .2em;  overflow: hidden; z-index: 10002; }
.JQ-ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative;  }
.JQ-ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } 
.JQ-ui-dialog a.ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }

/* Hier background close-button toegevoegd JQuery 1.6.1*/
.JQ-ui-dialog a.ui-dialog-titlebar-close span { display: block; margin: 1px; background: transparent url(JQDialog/bgCloseDialog.png) no-repeat center center; }
.JQ-ui-dialog a.ui-dialog-titlebar-close:hover, .JQ-ui-dialog a.ui-dialog-titlebar-close:focus { padding: 0; background-color:#FF8A3D;}
/*---------------------------------------- */

/*.JQ-ui-dialog button.ui-dialog-titlebar-close { position: absolute; right: .3em; /*top: 10%; width: 24px; height: 23px; /*margin: -20px 0 0 0; padding: 1px; border: 0px solid transparent; border-radius: 2px; }*/
.JQ-ui-dialog button.ui-dialog-titlebar-close { position: absolute; right: .3em; top: .3em; width: 24px; height: 23px; border: 0px solid transparent; border-radius: 2px; }

/* Hier background close-button toegevoegd JQuery 3.3.1*/
.JQ-ui-dialog button.ui-dialog-titlebar-close { display: block; margin: 1px; background: transparent url(JQDialog/bgCloseDialog.png) no-repeat center center; font-size: 0px; line-Height: 0px;}
/*.ui-icon-closethick*/
.JQ-ui-dialog button.ui-dialog-titlebar-close:hover, .JQ-ui-dialog button.ui-dialog-titlebar-close:focus { padding: 0; background-color:#FF8A3D;}
---------------------------------------- 

.JQ-ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.JQ-ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.JQ-ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.JQ-ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.JQ-ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }

/* Component containers
----------------------------------*/
.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url() 50% 50% repeat-x; color: #222222; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; }

/*.ui-widget { font-family: Tahoma,Verdana,Arial,sans-serif; font-size: 8pt; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; }*/
/*.ui-widget-content a { color: #222222; }*/
/*.ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; }
/*.ui-widget-header a { color: #222222; }*/

/* Interaction states
----------------------------------*/
/*.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; }
.ui-widget :active { outline: none; }*/

/* Interaction Cues
----------------------------------*/
/*.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fcefa1; background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }*/

/* Icons
----------------------------------*/

/* states and images */
/*.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); }
.ui-state-default .ui-icon { background-image: url(images/ui-icons_888888_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_454545_256x240.png); }
.ui-state-active .ui-icon {background-image: url(images/ui-icons_454545_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_2e83ff_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_256x240.png); }*/

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */

/* Misc visuals
----------------------------------*/

/* Corner radius o.a. van randen dialoogvenster*/
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; -khtml-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; -khtml-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; -khtml-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; -khtml-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/; }

/* Overlays */
/*.ui-widget-overlay { background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x opacity: .3;filter:Alpha(Opacity=30); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .3;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }*/
/*------------------------------------- */

.JQ-ui-dialog .ui-widget-content 
{
    background-image:none;
    background-color:#ffffff;
    border: 1px solid #0073bd;
}
.JQ-ui-dialog .ui-dialog-titlebar 
{
    background: url("JQDialog/bgDialog.png") no-repeat scroll 0px 0px transparent;
   	font: bold 12px Tahoma, Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; color: white;
    border:0;
    height: 20px;
    /*text-transform:uppercase*/
}

/* Dialog met iframe */
.JQ-dialog-iframe { border: 0px solid; }
/* 180223 CJC Large buttons met behulp van bgBtnXSmall.png*/

.JQDialogLargeButtons { background: #044F9B url(JQParameterMenu/bgBtnXSmall.png) no-repeat center center; box-shadow: -5px 5px 5px white; }

/* Default buttons OK, CANCEL, EXIT, APPLY etc. */
.JQDialogButtons { background: #044F9B url(JQDialog/bgBtnDialog.png) no-repeat center center; box-shadow: -5px 5px 5px white;}
.JQPushedDialogButtons { background: #044F9B url(JQDialog/bgBtnDialogpush.png) no-repeat center center; }
.JQDialogWaitButtons { background: #ffffff url(Default/RetrieveData.gif) no-repeat center center; }

.JQDialogButtons, .JQDialogLargeButtons,
.JQPushedDialogButtons { background-size: 100% 100%; /*cover;*/ }

.JQDialogWaitButtons { background-size: 25px 25px; /*cover;*/ }

.JQDialogButtons,
.JQDialogLargeButtons,
.JQPushedDialogButtons,
.JQDialogWaitButtons
{
   	font: bold 10px Tahoma, Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; color: white;
    /*height: 34px;*/
    min-height: 24px;
    border: 0px solid;
    text-align: center;
    _vertical-align: middle;
    margin: 1px;
   	border-radius: 5px;
   	/*box-shadow: -5px 5px 5px #0073bd;*/
}
.JQDialogButtons:hover,
.JQDialogLargeButtons:hover,
.JQPushedDialogButtons:hover
{
    background-color: #DD9123;
    color: #565656;
}

.JQDialogButtons:disabled,
.JQDialogLargeButtons:disabled,
.JQPushedDialogButtons:disabled 
{
    background-color: #CCCCCC;
    color: #565656;
    border-color: #565656;
}

/* EINDE Default buttons */
.JQDialogMessage
{
    font: bold 10px Tahoma, Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; color: #0073bd;
    min-height: 40px; padding-left: 50px; background-color: transparent;
}
.JQDialogAlert
{
    z-index: 110; background: white url(JQError/Error.png) no-repeat bottom left; /*border: 2px solid #EF8221;*/
}
.JQDialogOK
{
    z-index: 110; background: white url(JQError/Empty.png) no-repeat bottom left; /*border: 2px solid #EF8221;*/
}