﻿@import url('https://fonts.googleapis.com/css2?family=Roboto&amp;display=swap');

*:not(.RadEditor):not(.RadEditor *):not(.MainStructure *) {
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    outline: none;
    scrollbar-width: thin;
}

.windialog .dialogheader .title {
    float: left;
    display: block;
    margin-left: 10px;
    color: white;
    flex: 1;
    font-weight: bold;
    text-shadow: 0px 0px 3px #2196F3;
}

.windialog .dialogheader .button {
    height: 20px;
    width: 20px;
    background: transparent url(/images/dialogclose.gif) no-repeat center right;
    background-size: contain; /* flex-grow: 1; */
    margin-right: 6px;
}

.windialog .dialogheader {
    height: 32px;
    display: flex;
    background: #8bb7f0 !important;
    align-items: center;
    line-height: 32px;
}

.windialog {
    background-color: #D7E4F2;
    display: block;
    border-radius: 3px;
    overflow: hidden;
    box-shadow: 0 0 3px #0078d4;
    /*transition: 200ms;*/
    max-width: 100%;
    max-height: 95vh;
    z-index: 999999 !important;
}

iframe {
    padding: 0px;
    margin: 0px;
    border: none;
    background-color: white;
    transition: all 300ms;
    max-width: 100%;
}

.divInfo {
    padding: 8px;
    color: Red;
    border: solid 1px #F68928;
    background-color: #FFE8A6;
    font: normal 9pt Arial;
    height: auto;
}

body, html, form {
    height: 100%;
    width: 100%;
    margin: 0px;
    padding: 0px;
    font: normal 9pt Arial;
}

.HeaderRowGradient {
    background: #dde8f5; /* Old browsers */
    background: -moz-linear-gradient(top, #dde8f5 0%, #c3d8f1 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dde8f5), color-stop(100%, #c3d8f1)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #dde8f5 0%, #c3d8f1 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #dde8f5 0%, #c3d8f1 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #dde8f5 0%, #c3d8f1 100%); /* IE10+ */
    background: linear-gradient(to bottom, #dde8f5 0%, #c3d8f1 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dde8f5', endColorstr='#c3d8f1', GradientType=0); /* IE6-9 */
    font: bold 9pt Arial;
    padding: 4px 7px 4px 7px;
    border: 1px solid #5D8CC9;
}

.DataRowGradient {
    background: #ffe5ba; /* Old browsers */
    background: -moz-linear-gradient(top, #ffe5ba 0%, #ffcb60 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffe5ba), color-stop(100%, #ffcb60)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffe5ba 0%, #ffcb60 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffe5ba 0%, #ffcb60 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffe5ba 0%, #ffcb60 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffe5ba 0%, #ffcb60 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe5ba', endColorstr='#ffcb60', GradientType=0); /* IE6-9 */
    border-bottom: 1px solid #FF9B35;
}

.DataRow {
    border: 1px solid #D0D7E5;
    font: 12px/16px "segoe ui", arial, sans-serif;
    empty-cells: show;
    padding-left: 7px;
}

.AutoHeight {
    position: absolute;
    top: 0px;
    bottom: 0px;
    display: block;
    min-height: 100px;
}

.Box { /* border: solid 1px #88B0E4; */
}

.BoxHeader {
    background: #ffffff !important;
    height: 32px !important;
    color: #757575 !important;
    vertical-align: middle;
    line-height: 32px !important;
    font-weight: bold;
    text-transform: uppercase;
    text-align: left !important;
    padding-left: 10px !important;
    font-size: 8pt !important;
}

.divMask {
    opacity: 0.5 !important;
    background: rgb(0, 0, 0) !important;
    z-index: 999999 !important;
}

.container.ui-resizable {
    padding: 0;
}

.windialog.ui-draggable iframe {
    max-width: 100%;
    max-height: 90vh;
}
