.dialog {position: absolute;background: #fff;border: 1px solid #005382; border-radius: 3px; width: fit-content;display: none;box-shadow: 5px 5px 10px rgba(133, 133, 133, 0.5);z-index: 50;color: #000;}
/* .dialog:hover { background: #f8f8f8; } */
.dialogTitle {text-align: center;cursor: move;margin-bottom: 0px;color: #ffffff;font-size: 16px;font-weight: bold; letter-spacing: 0.5px;background: #5382ba;border-bottom: 2px solid #005382;/*border-top: 1px solid #005382;*/word-break: break-all;height: 24px;user-select: none;border-radius: 3px 3px 0px 0px;text-shadow: 0px 0px 1px #000;}
.dialogCloseDiv {width: 18px;height: 18px;position: absolute;top: 3px;right: 3px;border: 1px solid #fdfdfd;line-height: 16px;font-family: monospace !important;cursor: pointer;border-radius: 2px;font-family: 'FontAwesome';font-weight: normal;font-size: 18px;}
.dialogCloseDiv:hover {border-color: #fff;background: #fff3;text-shadow: -1px -1px 1px #000;}

/* .dialogContent { padding: 5px 10px; margin: 0px; height: calc(100% - 40px); min-width:150px; } */
.dialogContent { padding: 5px 10px; margin: 0px; height: calc(100% - 40px); min-width:150px; overflow:auto; }
.dialogContent.hasButtons { height: calc(100% - 80px);}
.dialogContent td { padding: 2px; vertical-align: middle; }
.dialogContent .hidden { display: none; }

.dialogResize {width: 10px;height: 10px;position: absolute;bottom:3px;right:3px;cursor: nwse-resize;border-right: 1px solid #4582a4;border-bottom: 1px solid #4582a4;user-select: none;}
.dialogCenter { text-align: center; margin-bottom: 0px; }
.dialogBottom {position: absolute;width: 100%;bottom: 0px;left: 0px;border-top:1px solid #eee;}

.dialog button, .dialog input, .dialog select, .dialog textarea { border: 1px solid #aaa; width: 100%; padding-left: 5px; box-sizing: border-box; height: 34px; background: #eaf2ff; }
.dialog textarea { vertical-align: top; width: 100%; }
.dialog select { width:100%; }
.dialog input:hover, .dialog select:hover { background: #f2f9ff; border: 1px solid #005382; color: #000; }

.dialogButton { display: inline-block; padding: 5px 20px; cursor: pointer; font-size: 12px; line-height: 22px; margin: 5px 5px; border: 1px solid #aaa; color: #000; background-color: #f9f9f9; transition-duration: 0.3s;user-select: none; border-radius: 3px;}
.dialogButton:hover {border-color: #cecece;color: #000;background-color: #d5e9f2;}
.dialogButton:active{ border-color: #25a0da; color: #fff; background-color: #25a0da; }
.dialogButton.disabled{opacity: 0.4;pointer-events: none;}

.dialogButton.jsonWorking {
    pointer-events: none;
    position: relative;
}

    .dialogButton.jsonWorking::before {
        content: url(/fragments2/Content/images/loading.gif);
        position: absolute;
        left: 2px;
        top: 2px;
        background: #fff;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }




.dialogModal { position: fixed; background: rgba(255, 255, 255, 0.75); width: 100%; height: 100%; top: 0px; left: 0px; z-index: 49; cursor: no-drop; }

.dialogShowMore{display:none}

.requiredMissing { background-color: #ffc07e !important }
.dialogRegexOK { background-color: #cce8ff !important }
.dialogRegexError { background-color: #ffc07e !important }
