/* 
 +++++++++++++++++++++++++++++++++++++++++++++++++++++++
 + THESE STYLES ARE TAKEN ONLY FOR HTML PAGE RENDERING +
 +++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

/* open-sans-regular - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/open-sans-v29-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/open-sans-v29-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/open-sans-v29-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/open-sans-v29-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('../fonts/open-sans-v29-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/open-sans-v29-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/open-sans-v29-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/open-sans-v29-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/open-sans-v29-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/open-sans-v29-latin-700.woff') format('woff'), /* Modern Browsers */
    url('../fonts/open-sans-v29-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/open-sans-v29-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-italic - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: url('../fonts/open-sans-v29-latin-italic.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/open-sans-v29-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/open-sans-v29-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/open-sans-v29-latin-italic.woff') format('woff'), /* Modern Browsers */
    url('../fonts/open-sans-v29-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/open-sans-v29-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700italic - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 700;
    src: url('../fonts/open-sans-v29-latin-700italic.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/open-sans-v29-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/open-sans-v29-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/open-sans-v29-latin-700italic.woff') format('woff'), /* Modern Browsers */
    url('../fonts/open-sans-v29-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/open-sans-v29-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}


* {
    font-family: 'Open Sans', sans-serif;
}

BODY {
    font-size: 8pt;
    background-color: #ebf6f7;
    padding: 0;
    margin: 0;
}

.content {
    padding: 10px;
    vertical-align: top;
    text-align: left;
    font-size: 8pt;
    border-left: solid 1px #000000;
    border-top: none 0 #000000;
    background-color: #ffffff;
    height: 500px;
}

.positiontable {
    width: 1000px;
    border: solid 1px #000000;
    border-spacing: 0;
    margin: 10px;
    border-collapse: collapse;
    background-color: #def0f2;
}

.header {
    background-color: #013d6a;
    color: #ffffff;
    border: none 0 #000000;
    height: 80px;
    vertical-align: top;
}

.header table {
    border: none 1px #000000;
    margin: 0 0 0 0;
    width: 100%;
}

.header a, .header a:hover {
    color: #ffffff;
}

.logotitle {
    width: 100px;
    padding-left: 7px;
    vertical-align: top;
    padding-top: 3px;
    padding-bottom: 3px;
}

.pagetitle {
    text-align: right;
    font-size: 19pt;
    vertical-align: top;
    padding-top: 5px;
    padding-right: 10px;
}

.installationname {
    text-align: right;
    font-size: 9pt;
    vertical-align: bottom;
    padding-bottom: 3px;
    padding-right: 10px;
}

.footer {
    background-color: #013d6a;
    color: #ffffff;
    padding-right: 3px;
}

.footer a {
    color: #ffffff;
}

.footer > table {
    width: 100%;
    font-size: 8pt;
}

.footer .iw_logo {
    display: inline-block;
}

.footer .iw_logo img {
    height: 20px;
}

.username {
    width: 400px;
    padding-left: 5px;
}

.role {
    width: 400px;
    text-align: right;
}

.addressEditPanel, .jsDialog, .refEditPanel, .offerConfirmationWidget {
    display: none;
    position: fixed;
    top: 30%;
    width: 350px;
    padding: 10px;
    background-color: #ebf6f7;
    z-index: 100004;
}

*[disabled], *[disabled="disabled"] {
    background-color: #dddddd;
    color: #666666;
}

span[disabled], span[disabled="disabled"] {
    background-color: unset;
}

/* Default in Edge is 0.7 */
select:disabled {
    opacity: 1;
}

INPUT[type=text], INPUT[type=password], TEXTAREA, SELECT {
    border: solid 1px #999999;
    font-size: 9pt;
}

INPUT[type=text]:focus, INPUT[type=password]:focus, TEXTAREA:focus, SELECT:focus {
    border: solid 1px #222222;
    background: #ffffee;
}

INPUT[type=checkbox] {
    border: none 0 #ffffff;
    font-size: 9pt;
    background: transparent;
}

INPUT[type=checkbox]:focus {
    background: #ffffee;
}

TEXTAREA[readonly] {
    background-color: #dddddd;
    color: #777777;
}

.popuppanel {
    background: #ebf6f7;
    border: solid 1px #000000;
    text-align: center;
    padding: 10px;
}

.ModalPopupBG {
    background-color: #666699;
    opacity: 0.7;
}

.calendarPopup {
    border: solid 1px #000000;
    background: #def0f2 url(/customimages/calendar2.png) no-repeat left;
    width: 19px;
    height: 19px;
    margin-left: 3px;
    margin-top: 0;
}

.IWEditTariffValuesRowHeader td {
    background-color: #def0f2;
    vertical-align: top;
    text-align: left;
    padding: 2px 0 2px 2px;
    margin: 0 0 0 0;
}

/* for LCL Values in QR Creation */
.ifvbb {
    padding-bottom: 3px;
    border-bottom: dotted 1px #000000;
}

/* for LCL Values in QR Creation */
.ifvtb {
    padding-top: 4px;
}

.DocUpPan {
    position: absolute;
    left: 340px;
    top: 250px;
    /*width: 400px;*/
    background: #ebf6f7;
    border: solid 10px #ebf6f7;
    z-index: 100003;
}

.FakeFileInput {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100004;
}

.RealFileInput {
    position: absolute;
    top: 0;
    left: 0;
    text-align: right;
    -moz-opacity: 0;
    opacity: 0;
    z-index: 100005;
    width: 70px;
    background: #ffffff;
}

.IW_QuoteRequestFilter {
    border: solid 10px #ebf6f7;
}

.IWBlockPanel {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 100000;
    background-color: #ffffff;
}

.waitPanel {
    position: fixed;
    left: 47%;
    top: 40%;
    width: 75px;
    display: none;
    border: solid 1px #000000;
    text-align: center;
    background-color: #ffffff;
    z-index: 100001;
}

.TopSearchBox {
    width: 100px;
}

.LinkWithDecoration {
    font-weight: bold;
}

.tracecontent TABLE {
    background-color: white;
}