/*!
 * MENTZ Web v19.76.0.10751
 * Base web package
 *
 * Copyright 2007 - 2026 MENTZ GmbH
 * https://www.mentz.net
 *
 * Date: 2026-01-20T11:56:12.395Z
 */
.x-tip-body .x-action-status {
    font-style: italic;
    padding: 6px 0 0 6px;
}

.x-tip-body .x-action-status ul {
    margin: 0;
    padding-left: 10px;
}

.x-tip-body .x-action-status li { list-style-type: square; }

.x-btn-disabled {
    /* To prevent 'x-item-disabled'-caused hiding of tooltips */
    pointer-events: auto !important;
}

/* Mdv.Diva.Common.Web.Extnet.Controls.Container
----------------------------------------------------------------------------- */
.x-container-padding > div { padding: 10px; }

.x-container-border-top > div { border-top: 1px solid #99bce8; }

.groups-header-item h2 div {
    background: transparent 3px -47px;
    background-image: url('./icons/group-expand-sprite.gif') !important;
    background-repeat: no-repeat;
    padding-left: 20px;
    font-family: Tahoma, Arial, sans-serif;
    font-size: 18px;
    color: #15428b;
}

.groups-header-item .collapsed h2 div { background-position: 3px 3px; }

.exception { padding-bottom: 10px; }

.exception h1 {
    padding-top: 10px;
    font-family: tahoma, arial, verdana, sans-serif;
    font-size: 12px;
    color: black;
    font-weight: bold;
}

.exception .block { padding-left: 10px; }

.exception .level {
    padding-bottom: 10px;
    border: 1px solid #99bbe8;
    border-right: none;
    border-top: none;
}

.exception .method { color: #15428b; }

.exception .file { color: #15428b; }

.exception table td {
    padding-left: 10px;
    vertical-align: top;
}

.exception .code { font-family: 'Courier New', Courier, monospace; }

.exception .error { color: red; }

.exception .code .line { padding-left: 10px; }

.exception .code .nb {
    padding-left: 0;
    text-align: right;
}

.exception .code .text {
    padding-left: 10px;
    white-space: nowrap;
}

.exception .code .text .tab { width: 10px; }

/* used by LabelExtensions */

.error-message-with-padding {
    font: normal 12px tahoma, arial, helvetica, sans-serif;
    padding: 5px;
    color: red;
}

/* .x-color-combobox { } */

.x-color-prev {
    position: absolute;
    width: 16px;
    height: 16px;
    z-index: 1;
}

.x-color-prev-inner {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 3px;
    top: 5px;
    bottom: 0;
    margin: auto;
}

.x-color-combobox input { padding-left: 22px; }

/* remove IE clear extension */
.x-form-field::-ms-clear { display: none; }

/* readonly support
----------------------------------------------------------------------------- */

/* .x-item-readonly
{
	color: black !important;
	border: 0 !important;
	cursor: default !important;
	background: transparent !important;
} */

/* Chrome calculate multiline labels and adjust it to filed height */
.x-form-trigger-wrap {
    height: initial;
}

.x-form-textarea-body .x-form-trigger-wrap {
    height: 100%;
}

.x-form-text {
    display: inherit;
}

.x-form-readonly .x-form-text {
    color: black;
    cursor: default;
    background: transparent;
    opacity: 1;
}

.x-form-readonly .x-form-text-wrap { border: 0 none; }

.x-form-readonly .x-field-indicator { display: none; }

.x-form-type-checkbox.x-form-readonly .x-form-checkbox {
    background-position: -39px 0;
}

.x-form-type-checkbox.x-form-readonly.x-form-cb-checked .x-form-checkbox { background-position: 0 -26px; }

/* Fix for TTP#20812: Remove 1px by input and trigger cell */

/* .x-form-fieldcontainer.x-form-form-item td
{
    border-top: 0 none;
} */

/* x-form-fieldcontainer.x-form-trigger-wrap .x-form-trigger-input-cell
{
    border-top: 1px none;
} */

/* 5.1.1 Chrome 43 text field shifts downward after tab */

.x-hide-display { display: none !important; }

.x-form-text-filter-image input {
    padding-left: 20px;
    background-image: url('./images/filter.png') !important;
    background-repeat: no-repeat;
    background-position: 2px center;
}

.x-field-note .x-form-display-field {
    color: gray;
    padding-left: 10px;
}

.x-noLeftBtn-field .x-form-text-field-body-default {
    padding-left: 32px;
}

.x-leftBtn-field .x-form-text-field-body-default {
    padding-left: 10px;
}

.x-field-label-text {
    width: 100%;

    /* table-layout: fixed; */
}

.x-field-label-text td { padding: 0; }

/* .x-field-label-text-top { } */

/* .x-field-label-required { font-weight: 600; } */

.x-field-label-tooltip { cursor: help; }

.x-field-label-text-cell { word-wrap: break-word; }

.x-field-label-info {
    display: inline-block;
    vertical-align: text-bottom;
    cursor: help;
}

.x-field-label-info-cell { width: 23px; }

.x-field-label-info-icon {
    background-image: url('./icons/field_info.png') !important;
    background-repeat: no-repeat;
    background-position: right;
    opacity: 1;
}

.x-field-label-tooltip:hover .x-field-label-info-icon { opacity: 1; }

.x-field-label-required-symbol {
    padding: 0 2px;
    color: red;
}

.x-form-readonly .x-field-label-info { display: none; }

.x-form-readonly .x-field-label-required-symbol { display: none; }

/* the callout uses css class suggestion to format the list */
.suggestion ul {
    list-style: none outside none;
    padding: 0;
    margin: 0;
    cursor: pointer;
}

.suggestion .suggestion-list-item {
    color: black;
}

.suggestion .suggestion-list-variable {
    color: goldenrod;
}

.suggestion .suggestion-list-function {
    color: green;
}

.suggestion .suggestion-list-object {
    color: blue;
}

.suggestion .suggestion-list-error {
    color: red;
}

.suggestion .suggestion-list-operator {
    color: darkslategrey;
}

.suggestion .suggestion-list-symbol {
    color: orange;
}

.suggestion .x-item-selected {
    background-color: #0078a8;
}

.suggestion .x-item-over {
    background-color: #8dc0f5;
}

/* The editor format classes */
.formula-editor .editor-spelling-error {
    text-decoration: wavy red underline;
    background-color: red;
}

.quicklaunch-list li { white-space: nowrap; }

.quicklaunch-list li span {
    margin-left: 0;
}

.quicklaunch-list li .list-category {
    font-weight: bold;
    cursor: default;
    overflow: hidden;
}

.quicklaunch-list li .list-category span {
    display: inline-block;
    float: left;
    padding-right: 5px;
}

.quicklaunch-list .x-boundlist-item-indicator {
    color: gray;
    font-style: italic;
}

.quicklaunch-list .x-boundlist-item-over[data-item=false] {
    background: transparent !important;
    border-color: transparent !important;
}

.quicklaunch-list li .list-category::after {
    display: inline-block;
    content: "";
    width: 100%;
    margin-top: 10px;
    border-top: 1px solid #dfdfdf;
}

.quicklaunch-list li .list-group {
    font-weight: bold;
    cursor: default;
    padding-left: 10px;
}

.quicklaunch-list li .list-item { padding-left: 10px; }

/* .quicklaunch-list li .list-item-description { } */

/*
 *  Deactivated, see TTP 40253
 */

/* List items with an user-defined template
   containing an entity key and an entity name.
   Example:
   <div class='list-item-key-name'>
		<h3><span>{key}</span>{name}</h3>
   </div>

   This root class is equivalent to .x-combo-list-item. */

/* .list-item-key-name {
    font: normal 12px tahoma, arial, helvetica, sans-serif;
    padding: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.list-item-key-name h3 {
    display: block;
    font: inherit;
    color: #222;
    margin: 0;
}

.list-item-key-name h3 span {
    float: left;
    font-weight: normal;
    text-align: right;
    margin: 0 10px 2px 0;
    width: 50px;
    display: block;
    clear: none;
    white-space: nowrap;
} */

/* List items with an user-defined template
   containing an entity text and a second
   line with details.
   Example:
   <div class='list-item-details'>
		<h3>{text}</h3>{details}
   </div>

   This root class is equivalent to .x-combo-list-item.  */

/* .list-item-details {
    font: normal 12px tahoma, arial, helvetica, sans-serif;
    padding: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.list-item-details h3 {
    display: block;
    font: inherit;
    font-weight: bold;
    color: #222;
} */

.x-boundlist-item span { margin-left: 10px; }

.x-boundlist-item p { margin: 0 0 0 10px; }

.x-boundlist-item-group {
    font-weight: bold;
    overflow: hidden;
}

.x-boundlist-item-grouped { padding-left: 10px; }

.x-boundlist-item-indicator {
    color: gray;
    font-style: italic;
}

.x-boundlist-item-not-selectable {
    cursor: default;
    background: transparent !important;
    border-color: transparent !important;
}

.x-boundlist-item-over[data-item="false"] {
    background: transparent !important;
    border-color: transparent !important;
}

.x-grid-checkheader-readonly {
    width: 100%;
    height: 16px;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: transparent;
    background-image: url('./images/unchecked-readonly.gif');
}

.x-grid-checkheader-readonly.x-grid-checkheader-checked {
    width: 100%;
    height: 16px;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: transparent;
    background-image: url('./images/checked-readonly.gif');
}

.x-grid-cell-disabled .x-tree-checkbox { background-position: -39px 0; }

.x-grid-cell-disabled .x-tree-checkbox-checked { background-position: -39px -13px; }

/* fix elipse in group headers in R15 */

/* .x-column-header-text {
    white-space: nowrap;
    background-repeat: no-repeat;
    zoom: 1;
    display: inline !important;
} */

.x-column-header-checkbox .x-column-header-text { display: block !important; }

.x-grid-cell-icon { vertical-align: middle; }

.x-grid-cell-icon .icon-image {
    background-position: center;
    width: 100%;
}

/* Group header styles */

.mdv-header .x-column-header-over {
    background-color: inherit;
    background-image: inherit;
}

.mdv-header-locked .x-column-header-over {
    background-color: inherit;
    background-image: inherit;
}

.mdv-header.mdv-header-first { border-bottom: none !important; }

.mdv-header.mdv-header-last { border-bottom: none; }

.mdv-header-locked.mdv-header-last { border-bottom: none; }

.mdv-header-main .x-column-header-inner { padding: 0 !important; }

.mdv-header-main .x-column-header-over {
    background-color: inherit;
    background-image: inherit;
}

.mdv-header-locked {
    padding: 3px 6px 5px;
    border-bottom: 1px #c5c5c5 solid;
    background: none repeat scroll 0 0 transparent;
}

.mdv-header {
    padding: 3px 6px 5px;
    border-bottom: 1px #c5c5c5 solid;
    background: none repeat scroll 0 0 transparent;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: inherit;
}

.x-nlg .x-box-target.mdv-header { border: none; }

.x-nlg .x-box-target.mdv-header-locked { border: none; }

.x-nlg .mdv-header .x-column-header,
.x-nlg .mdv-header {
    background-image: none !important;
    background-color: inherit;
}

.x-nlg .mdv-header-main .x-column-header,
.x-nlg .mdv-header-main {
    background-image: none !important;
    background-color: inherit;
}

.x-nlg .mdv-header-locked .x-column-header,
.x-nlg .mdv-header-locked {
    background-image: none !important;
    background-color: inherit;
}

.mdv-header-locked .x-column-header-inner {
    padding: 0;
}

.mdv-header .x-column-header-inner { padding: 0; }

.mdv-header .x-group-sub-header .x-column-header-inner { padding: 3px 6px 5px; }

.mdv-header-locked .x-group-sub-header .x-column-header-inner { padding: 3px 6px 5px; }

/* Enable ellipsis by columns with text */

.x-column-header-text-container { display: initial; }

.x-column-header-text-wrapper { display: initial; }

.error-message {
    font: normal 12px tahoma, arial, helvetica, sans-serif;
    color: red;
    padding-left: 4px;
}

/* The icons should be listed also in the file Mdv.Diva.Common.Web.Extnet/ResourceMgr.js */
.icon-arrowagainst {
    background-image: url('./icons/arrow_against.png') !important;
    background-repeat: no-repeat;
}

.icon-bolinkadd {
    background-image: url('./icons/bo_link_add.png') !important;
    background-repeat: no-repeat;
}

.icon-collapseall {
    background-image: url('./icons/collapse_all.gif') !important;
    background-repeat: no-repeat;
}

.icon-eps {
    background-image: url('./icons/eps.png') !important;
    background-repeat: no-repeat;
}

.icon-expandall {
    background-image: url('./icons/expand_all.gif') !important;
    background-repeat: no-repeat;
}

.icon-folderpdf {
    background-image: url('./icons/folder_pdf.png') !important;
    background-repeat: no-repeat;
}

.icon-folderps {
    background-image: url('./icons/folder_ps.png') !important;
    background-repeat: no-repeat;
}

.icon-hammer {
    background-image: url('./icons/hammer.png') !important;
    background-repeat: no-repeat;
}

.icon-itemadd {
    background-image: url('./icons/itemadd.png') !important;
    background-repeat: no-repeat;
}

.icon-itemremove {
    background-image: url('./icons/itemremove.png') !important;
    background-repeat: no-repeat;
}

.icon-lockcross {
    background-image: url('./icons/lock_cross.png') !important;
    background-repeat: no-repeat;
}

.icon-pdf {
    background-image: url('./icons/pdf.png') !important;
    background-repeat: no-repeat;
}

.icon-pdfwarn {
    background-image: url('./icons/pdf_warn.png') !important;
    background-repeat: no-repeat;
}

.icon-ps {
    background-image: url('./icons/ps.png') !important;
    background-repeat: no-repeat;
}

.icon-pswarn {
    background-image: url('./icons/ps_warn.png') !important;
    background-repeat: no-repeat;
}

.icon-refresh {
    background-image: url('./icons/refresh.png') !important;
    background-repeat: no-repeat;
}

.icon-report_filter {
    background-image: url('./icons/report_filter.png') !important;
    background-repeat: no-repeat;
}

.icon-semaphore_red {
    background-image: url('./icons/semaphore_red.gif') !important;
    background-repeat: no-repeat;
}

.icon-semaphore_yellow {
    background-image: url('./icons/semaphore_yellow.gif') !important;
    background-repeat: no-repeat;
}

.icon-semaphore_green {
    background-image: url('./icons/semaphore_green.gif') !important;
    background-repeat: no-repeat;
}

.icon-semaphore_yellow_ani {
    background-image: url('./icons/semaphore_yellow_ani.gif') !important;
    background-repeat: no-repeat;
}

.icon-zip {
    background-image: url('./icons/zip.png') !important;
    background-repeat: no-repeat;
}

.icon-zippdf {
    background-image: url('./icons/zip_pdf.png') !important;
    background-repeat: no-repeat;
}

.icon-zipps {
    background-image: url('./icons/zip_ps.png') !important;
    background-repeat: no-repeat;
}

.icon-zipxml {
    background-image: url('./icons/zip_xml.png') !important;
    background-repeat: no-repeat;
}

.icon-footpath {
    background-image: url('./icons/Footpath.png') !important;
    background-repeat: no-repeat;
}

.icon-select_many {
    background-image: url('./icons/shapes_many_select.png') !important;
    background-repeat: no-repeat;
}

.icon-bulletyellowblink {
    background-image: url('./icons/bullet_yellow_blink.gif') !important;
    background-repeat: no-repeat;
}

.none-image {
    background-image: url('./images/noneImage.png') !important;
    background-repeat: no-repeat;
}

/* The icons should be listed also in the file Mdv.Diva.Common.Web.Extnet/ResourceMgr.js */

/* Mdv.Diva.Common.Web.Extnet.Controls.ImageViewer
----------------------------------------------------------------------------- */
.x-imageviewer img { image-orientation: from-image; }

.x-imageviewer-zoom-toolbar .x-slider-ct-horz { background-image: url('./images/slider-ticks.gif'); }
.x-imageviewer .x-panel-body { border-width: 0 !important; }

table.x-imageviewer-table {
    width: 100%;
    border-spacing: 2px;
}

table.x-imageviewer-table tr {
    text-align: left;
}

table.x-imageviewer-table tr:nth-child(2n + 1) { background-color: #dfe9f6; }

table.x-imageviewer-table tr:nth-child(2n) { background-color: #f4f8ff; }

table.x-imageviewer-table th { text-align: left; }

table.x-imageviewer-table td { word-break: break-all; }

.x-mask-global {
    background: #dfe8f6;
    opacity: 1;
    z-index: 20000;
}

.x-mask-msg-global {
    background: #dfe8f6;
    border: none;
}

.x-mask-msg-global .x-mask-msg-inner {
    background: #dfe8f6;
    border: none;
}

.x-mask-msg-global .x-mask-msg-text {
    background: #dfe8f6 url('./images/blue-loading.gif') no-repeat left top;
    padding: 3px 0 10px 50px;
    color: #4e79b2;
    font: 20px arial, sans-serif;
}

.x-mask-msg-logo .x-mask-msg-inner {
    background: none no-repeat center top #dfe8f6;
    padding: 200px 0 300px 30px;
    width: 400px;
}

.x-progress-mask {
    background-image: url('./images/blue-loading.gif') !important;
    background-repeat: no-repeat;
}

/* Icons for map menus and tree nodes/menus */

.featureIconStop {
    background-image: url('./icons/Stop.png') !important;
    background-repeat: no-repeat;
}

.featureIconStopArea {
    background-image: url('./icons/StopArea.png') !important;
    background-repeat: no-repeat;
}

/* .featureIconRoutePoint, */
.featureIconStopPoint {
    background-image: url('./icons/StopPoint.png') !important;
    background-repeat: no-repeat;
}

.featureIconFootwalkMatrix {
    background-image: url('./icons/Footpath.png') !important;
    background-repeat: no-repeat;
}

.featureIconBranch {
    background-image: url('./icons/Branch.png') !important;
    background-repeat: no-repeat;
}

.featureIconLine {
    background-image: url('./icons/Line.png') !important;
    background-repeat: no-repeat;
}

.featureIconLineVersion {
    background-image: url('./icons/LineVersion.png') !important;
    background-repeat: no-repeat;
}

.featureIconRoute {
    background-image: url('./icons/Route.png') !important;
    background-repeat: no-repeat;
}

.featureIconRouteSegment {
    background-image: url('./icons/RouteSegment.png') !important;
    background-repeat: no-repeat;
}

.featureIconLink {
    background-image: url('./icons/Link.png') !important;
    background-repeat: no-repeat;
}

.featureIconLinkForcePoint {
    background-image: url('./icons/ForcePoint.png') !important;
    background-repeat: no-repeat;
}

.featureIconAvmBeacon {
    background-image: url('./icons/AvmBeacon.png') !important;
    background-repeat: no-repeat;
}

.featureIconAvmLSA {
    background-image: url('./icons/AvmLSA.png') !important;
    background-repeat: no-repeat;
}

.featureIconBorderPoint {
    background-image: url('./icons/BorderPoint.png') !important;
    background-repeat: no-repeat;
}

.featureIconSectionPoint {
    background-image: url('./icons/SectionPoint.png') !important;
    background-repeat: no-repeat;
}

.featureIconCounty {
    background-image: url('./icons/County.png') !important;
    background-repeat: no-repeat;
}

.featureIconDistrict {
    background-image: url('./icons/District.png') !important;
    background-repeat: no-repeat;
}

.featureIconLocality {
    background-image: url('./icons/Locality.png') !important;
    background-repeat: no-repeat;
}

.mdv_menu_item .x-menu-item { height: 25px !important; }

.x-theme-blue .x-infopanel-danger {
    border: solid 1px #ebccd1;
    background: #f2dede;
}

.x-theme-blue .x-infopanel-danger .x-infopanel-header .x-header-text {
    color: #a94442;
}

.x-theme-blue .x-infopanel-danger .x-infopanel-body {
    background: #f2dede;
    color: #a94442;
}

.x-theme-blue .x-infopanel-info {
    border: solid 1px #bce8f1;
    background: #d9edf7;
}

.x-theme-blue .x-infopanel-info .x-infopanel-header .x-header-text {
    color: #31708f;
}

.x-theme-blue .x-infopanel-info .x-infopanel-body {
    background: #d9edf7;
    color: #31708f;
}

.x-theme-blue .x-infopanel-success {
    border: solid 1px #d6e9c6;
    background: #dff0d8;
}

.x-theme-blue .x-infopanel-success .x-infopanel-header .x-header-text {
    color: #3c763d;
}

.x-theme-blue .x-infopanel-success .x-infopanel-body {
    background: #dff0d8;
    color: #3c763d;
}

.x-theme-blue .x-infopanel-warning {
    border: solid 1px #faebcc;
    background: #fcf8e3;
}

.x-theme-blue .x-infopanel-warning .x-infopanel-header .x-header-text {
    color: #8a6d3b;
}

.x-theme-blue .x-infopanel-warning .x-infopanel-body {
    background: #fcf8e3;
    color: #8a6d3b;
}

/* Mdv.Diva.Common.Web.Extnet.Controls.CompletionStep
----------------------------------------------------------------------------- */
.x-wizard-step-completion { background-color: white; }

.x-wizard-step-completion .result-text {
    background-repeat: no-repeat;
    background-position: left top;
    padding-top: 60px;
    padding-bottom: 20px;
}

.x-wizard-step-completion .icon-success { background-image: url('./images/icon-complete.gif'); }

.x-wizard-step-completion .icon-warning { background-image: url('./images/icon-warning.gif'); }

.x-wizard-step-completion .icon-failed { background-image: url('./images/icon-error.gif'); }

.x-wizard-step-completion .command-container {
    padding-left: 30px;
    padding-bottom: 30px;
}

.x-wizard-step-completion .command-container .x-btn-inner { font-size: 12px; }

/* Mdv.Diva.Common.Web.Extnet.Controls.MessageBar
----------------------------------------------------------------------------- */
.x-messagebar .x-panel-header {
    background: #fbf2c2 url('./images/msgbar-bg.gif') repeat-x 0 top !important;
    padding: 5px 5px 4px;
}

.x-messagebar .x-panel-header-icon {
    margin-right: 10px;
    margin-bottom: 1px !important;
}

.x-messagebar .x-title-text {
    cursor: default;
    color: black;
    font: 11px/15px tahoma, arial, verdana, sans-serif;
    white-space: normal;
}

.x-messagebar .x-panel-header-default-collapsed-border-top { border-bottom-width: 0 !important; }

.x-messagebar .x-messagebar-summary {
    display: table;
    width: 100%;
}

.x-messagebar .x-messagebar-summary .x-messagebar-summary-title {
    display: table-cell;
    width: 20%;
    vertical-align: middle;
    padding-right: 10px;
    font-weight: bold;
}

.x-messagebar .x-messagebar-summary .x-messagebar-summary-text {
    display: table-cell;
    width: 100%;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: normal;
}

.x-messagebar-summary-moreData {
    cursor: pointer;
    font-style: italic;
    padding-left: 20px;
}

.x-messagebar .x-panel-body { display: none; }

/* MessageBar as StatusBar */

.x-messagebar .x-toolbar {
    background: #fbf2c2 url('./images/msgbar-bg.gif') repeat-x 0 top !important;
    padding: 5px 5px 4px;
}

/* MessageBar Tooltip */

/* .x-tip-body .x-messagebar-tip { } */

.x-tip-body ul {
    margin: 0;
    padding-left: 10px;
}

.x-tip-body .x-messagebar-tip ul { margin: 0; }

.x-tip-body .x-messagebar-tip-padding { padding: 6px 0 0 6px; }

.x-tip-body .x-messagebar-tip li { list-style-type: square; }

/* Mdv.Diva.Common.Web.Extnet.Controls.MultilangTextPanel
----------------------------------------------------------------------------- */
.x-multilangtext-panel {
    border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
}

.x-multilangtext-panel legend { padding-left: 0 !important; }

.x-mdv-panel-body { background-color: transparent !important; }

/* Mdv.Diva.Common.Web.Extnet.Controls.ProgressStep
----------------------------------------------------------------------------- */
.x-wizard-step-progress { background-color: white; }

.x-wizard-step-progress .operation-status {
    background-repeat: no-repeat;
    background-position: left top;
    background-image: url('./images/blue-loading.gif');
    padding-top: 60px;
    padding-left: 60px;
    padding-bottom: 20px;
}

.x-wizard-step-progress .operation-progress { margin-left: 60px; }

/* .x-propertylist .x-list { } */

.x-propertylist .x-list td { font: 11px arial, tahoma, helvetica, sans-serif; }

.x-propertylist .x-list .x-list-name {
    padding: 4px 10px 4px 20px;
    white-space: nowrap;
}

.x-propertylist .x-list .x-list-value {
    padding: 4px 1px;
    width: 100%;
}

.x-propertylist .x-list .x-list-group {
    padding: 10px 0 6px 8px;
    border-bottom: 2px solid #99bbe8;
    color: #3764a0;
    font: bold 11px tahoma, arial, helvetica, sans-serif;
}

/* Mdv.Diva.Common.Web.Extnet.Controls.TransparentPanel
----------------------------------------------------------------------------- */
.x-transparent-panel > div > div {
    background-color: transparent;
}

.x-panel-padding > div > div {
    padding: 10px;
    background-color: transparent;
}

.x-border-left {
    border-left-style: solid;
    border-left-width: 1px;
}

.x-border-right {
    border-right-style: solid;
    border-right-width: 1px;
}

.x-statusbar {
    padding: 2px !important;
}

/* Mdv.Diva.Common.Web.Extnet.Controls.VerbPanel
----------------------------------------------------------------------------- */
.x-verbpanel a {
    color: #3764a0;
    margin-right: 10px;

    /* outline: medium none;
    -moz-outline: 0 none; */
    outline: 0 none;
    cursor: pointer;
}

.x-verbpanel .x-panel-body {
    background-image: none;
    background-color: transparent; /* #d3e1f1; */

    /* background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dfe9f5), color-stop(100%, #d3e1f1));
    background-image: -webkit-linear-gradient(top, #dfe9f5, #d3e1f1);
    background-image: -moz-linear-gradient(top, #dfe9f5, #d3e1f1);
    background-image: -o-linear-gradient(top, #dfe9f5, #d3e1f1);
    background-image: -ms-linear-gradient(top, #dfe9f5, #d3e1f1);
    background-image: linear-gradient(top, #dfe9f5, #d3e1f1); */
    padding: 10px;
}

.x-colorpicker {
    border: 1px solid #98c0f4;
    background: #fff;
}

.x-cp-rgbpicker {
    background-image: url('./images/mask.png');
    background-repeat: no-repeat;
    background-color: red;
    width: 182px;
    height: 182px;
    margin: 7px;
    float: left;
    cursor: pointer;

    /* _margin: 7px 7px 7px 4px;
    _cursor: hand;
    _background-image: none; */

    /* _filter: progid : DXImageTransform.Microsoft.AlphaImageLoader (src='mask.png', sizingMethod = 'scale' ); */
}

.x-cp-rgbslider {
    position: relative;
    left: -7px;
    top: -7px;
    width: 15px;
    height: 15px;
    background-image: url('./images/slider-rgb.gif') !important;
    background-repeat: no-repeat !important;
    cursor: pointer;
    _cursor: hand;
}

.x-cp-huepicker {
    height: 183px;
    width: 9px;
    float: left;
    margin: 7px 0 0 7px;
    background-image: url('./images/hue.png') !important;
    background-repeat: no-repeat;
    cursor: pointer;
    _cursor: hand;
}

.x-cp-hueslider {
    position: relative;
    left: -3px;
    top: -7px;
    width: 15px;
    height: 15px;
    background-image: url('./images/slider-rgb.gif') !important;
    background-repeat: no-repeat;
    cursor: pointer;
    _cursor: hand;
}

.x-cp-formcontainer {
    float: left;
    width: 172px;
    padding: 2px;
    margin: 7px !important;
    background-color: transparent;
}

.x-cp-clearfloat { clear: both; }

.x-cp-colorbox {
    margin: 2px 5px 0;
    border: 1px solid black;
    text-align: center;
    font-size: 10px;
    height: 20px;
    font-weight: bold;
    padding: 3px 0;
    cursor: pointer;
    _cursor: hand;
}

.x-cp-formcontainer input { text-align: center; }

.x-cp-inverse { background-image: url('./images/inverse.png') !important; }

.x-cp-webSafe { background-image: url('./images/webSafe.png') !important; }

.x-cp-noneImage {
    background-image: url('./images/noneImage.png') !important;
    background-repeat: no-repeat;
}

.x-cp-previewbox {
    width: 73px;
    height: 21px;
}

.x-tip-body h3 {
    margin: 0 0 6px;
    font-size: inherit;
}

.x-tip-body h5 {
    font-size: inherit;
    margin: 6px 0;
}

.x-tip-body p { margin: 0 0 5px; }

.x-tip-body p:last-child { margin: 0; }

.x-mdv-tip.x-tip { overflow: hidden; }

/* tree node formatting */

.TreeNodeLineRed span {
    color: red !important;
}

.TreeNodeLineGreen span {
    color: green !important;
}

.TreeNodeLineBlue span {
    color: blue !important;
}

.featureIconSelectedRoute td,
.featureIconSelectedRoute td.x-grid-td {
    background-color: #fcc !important;
}

/* enable dragdrop from tree into iframe */
.treeDdActive iframe {
    pointer-events: none;
}

/* .x-download-result { } */

.x-download-result .x-download-result-message { padding-bottom: 8px; }

.x-download-result .x-download-result-message .x-label-icon {
    margin-left: 0 !important;
    margin-right: 10px !important;
}

.x-download-result .x-download-result-links { padding-left: 26px; }

.x-download-result a { padding-right: 30px; }

.x-tip-body .x-response-time ul {
    margin: 0;
    padding-left: 10px;
    padding-bottom: 10px;
}

.x-tip-body .x-response-time ul:last-child { padding-bottom: 0; }

.x-tip-body .x-response-time li { list-style-type: none; }

.x-runtimeinfo td { vertical-align: top; }

.x-grid-td.x-grid-cell-column-selected.x-grid-cell-selected { background-color: #b8cfee !important; }

.x-grid-cell-column-selected {
    background-color: #dfe8f6 !important;
    border-right-color: #a3bae9;
    border-right-style: dotted;
}

.x-grid-cell-column-before-selected {
    border-right-color: #a3bae9;
    border-right-style: dotted;
}

.x-grid-item-focused .x-grid-cell-inner::before {
    border: none !important;
}

.x-grid-item-selected .x-grid-row-stripe-alt td { background-color: inherit !important; }

.x-grid-item-selected .x-grid-row-stripe td { background-color: inherit !important; }

.x-grid-item-selected .x-grid-lrow-stripe-alt td { background-color: inherit !important; }

.x-grid-item-selected .x-grid-lrow-stripe td { background-color: inherit !important; }

.x-fullscreen-window {
    /* Remove window frame, as the ExtJs property Window.Frame has no effect in ExtJS 4.2 */
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    border-radius: 0;
    border-width: 0;
    border-top-width: 0 !important;
    box-shadow: none;
}

.x-fullscreen-window-tab > .x-panel-body {
    border-left-width: 0 !important;
    border-right-width: 0 !important;
}

.x-fulltab-window {
    /* Remove window frame, as the ExtJs property Window.Frame has no effect in ExtJS 4.2 */
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    border-radius: 0;
    border-width: 0;
    border-top-width: 0 !important;
    box-shadow: none;
}

.x-fulltab-window .x-fulltab-window-header {
    padding: 10px;
    white-space: nowrap;
}

.x-fulltab-window .x-fulltab-window-header h3 {
    margin-top: 0;
    margin-bottom: 5px;
    font-size: large;
}

.x-fulltab-window .x-fulltab-window-header-description { padding-left: 10px; }

.x-fulltab-window-tab > .x-panel-body {
    border-left-width: 0 !important;
    border-right-width: 0 !important;
}

/* Mdv.Diva.Common.Web.Extnet.Controls.LoginWindow
----------------------------------------------------------------------------- */
.x-window-login .logo img {
    padding-bottom: 20px;
    height: 200px;
    width: 380px;
}

.x-window-login .progressMask {
    background: url('./images/blue-loading.gif') no-repeat left 14px;
    height: 80px;
    padding: 15px 0 0 50px;
    font: normal 20px arial, sans-serif;
    color: #4e79b2;
}

.x-window-login .x-panel .messageMask { /* background: url('./images/icon-error.gif') no-repeat left 15px; */ }

.x-window-login .messageMask .x-panel-body {
    background-color: transparent;
    padding: 15px 0 10px 50px;
    font: normal 20px arial, sans-serif;
    color: #4e79b2;
    border: none;
}

.messageInvalid {
    overflow-wrap: anywhere;
}

.x-window-login .messageMask .x-panel-header-default-top { box-shadow: none; }

.x-window-login .formMask .x-panel-header-default {
    background-color: transparent;
    background-image: none;
    padding-bottom: 10px;
}

.x-window-login .formMask .x-panel-header-default-top { box-shadow: none; }

.x-window-login .formMask .x-panel-header-title-default {
    font: normal 20px arial, sans-serif;
    color: #4e79b2;
}

.x-window-login .formMask .x-panel-body {
    padding-top: 10px;
    background-color: transparent;
    border: none;
}

.x-window-login .x-panel-info-bottom {
    border-width: 1px 0 0 !important;
    margin-top: 20px;
    padding-top: 20px;
}

.x-window-login {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
}

.x-window-login .x-window-body-default { border: none !important; }

.x-window-login .x-window-default-mc { background: none; }

.x-window-login .x-window-default-tl { background: none; }

.x-window-login .x-window-default-tr { background: none; }

.x-window-login .x-window-default-tc { background: none; }

.x-window-login .x-window-default-bl { background: none; }

.x-window-login .x-window-default-br { background: none; }

.x-window-login .x-window-default-bc { background: none; }

.x-window-login .x-window-default-ml { background: none; }

.x-window-login .x-window-default-mr { background: none; }

.x-window-login .hr-heading {
    display: block;
    overflow: hidden;
    text-align: center;
    white-space: nowrap;
}

.x-window-login .hr-heading-text {
    color: #999;
    display: inline-block;
    position: relative;
}

.x-window-login .login-hr-heading { font-size: 12px; }

.x-window-login .hr-heading-text::before,
.x-window-login .hr-heading-text::after {
    background: #ddd none repeat scroll 0 0;
    content: "";
    height: 1px;
    position: absolute;
    top: 50%;
    width: 9999px;
}

.x-window-login .hr-heading-text::before {
    margin-right: 15px;
    right: 100%;
}

.x-window-login .hr-heading-text::after {
    left: 100%;
    margin-left: 15px;
}

.x-window-login .hr-heading-light .hr-heading-text { color: #fff; }

.x-window-login .hr-heading-light .hr-heading-text::before,
.x-window-login .hr-heading-light .hr-heading-text::after { background: rgba(255, 255, 255, 0.25) none repeat scroll 0 0; }

.x-window-login .hr-without-text {
    border-color: #ddd;
    border-image: none;
    border-style: solid none none;
    border-width: 1px 0 0;
}

.x-window-login-language { border: 0; }

.x-window-login-language .x-btn-transparent {
    border: 0;
    background: transparent;

    /* color: #4e79b2 !important;
    font: 20px arial !important; */
}

.x-window-login-language .x-btn-transparent .x-btn-inner-default-small {
    color: #4e79b2 !important;
    font: 20px arial, sans-serif !important;
}

/* Mdv.Diva.Common.Web.Extnet.Controls.LoginWizard
----------------------------------------------------------------------------- */
.x-wizard-login .logo img { padding-bottom: 20px; }

.x-wizard-login .x-wizard-header {
    background-color: transparent;
    border: none !important;
}

.x-wizard-login .x-wizard-header-title {
    font: normal 20px arial, sans-serif;
    color: #4e79b2;
    padding-left: 30px;
}

.x-wizard-login .x-wizard-header-step-container { display: none; }

.x-wizard-login .x-panel-info-bottom { padding-top: 20px; }

.x-wizard-login {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
}

.x-wizard-login .x-window-body-default { border: none !important; }

.x-wizard-login .x-window-default-mc { background: none; }

.x-wizard-login .x-window-default-tl { background: none; }

.x-wizard-login .x-window-default-tr { background: none; }

.x-wizard-login .x-window-default-tc { background: none; }

.x-wizard-login .x-window-default-bl { background: none; }

.x-wizard-login .x-window-default-br { background: none; }

.x-wizard-login .x-window-default-bc { background: none; }

.x-wizard-login .x-window-default-ml { background: none; }

.x-wizard-login .x-window-default-mr { background: none; }

/* Mdv.Diva.Common.Web.Extnet.Controls.MessageWindow
----------------------------------------------------------------------------- */

/* .x-window-msg > .x-window-body { } */

.x-window-msg .messageCt {
    background-color: white;
    padding: 10px 10px 10px 60px;
}

.x-window-msg .icon-info,
.x-window-msg .icon-warning,
.x-window-msg .icon-error,
.x-window-msg .icon-question { background: #fff no-repeat 10px 10px; }

.x-window-msg .icon-info { background-image: url('./images/icon-info.gif') !important; }

.x-window-msg .icon-warning { background-image: url('./images/icon-warning.gif') !important; }

.x-window-msg .icon-error { background-image: url('./images/icon-error.gif') !important; }

.x-window-msg .icon-question { background-image: url('./images/icon-question.gif') !important; }

.x-window-msg .msgTitle { font-size: large; }

.x-window-msg .msgText { padding: 10px 0 0; }

.x-window-msg .msgText-no-title { padding: 5px 0 0; }

.x-window-msg .msgText-body h3 {
    margin: 0 0 6px;
    font-size: inherit;
}

.x-window-msg .msgText-body h5 {
    font-size: inherit;
    margin: 6px 0;
}

.x-window-msg .msgText-body ul {
    margin: 0;
    padding-top: 6px;
    padding-left: 16px;
}

.x-window-msg .msgText-body li { list-style-type: square; }

.x-window-msg .details .x-panel-body {
    background-color: white;
    margin-top: 3px;
    padding: 10px;
    border: none;
}

.x-window-msg .x-btn a {
    text-decoration: none;
    color: black;
}

/* Mdv.Diva.Common.Web.Extnet.Controls.ProgressWindow
----------------------------------------------------------------------------- */
.x-window-progress {
    /* Bold border using padding */
    padding: 15px;
}

.x-window-progress .x-window-body {
    background-color: white;
    padding: 30px;
}

.x-window-progress .operation {
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 60px;
}

.x-window-progress .operation-icon-processing { background-image: url('./images/blue-loading.gif'); }

.x-window-progress .operation-icon-success { background-image: url('./images/icon-complete.gif'); }

.x-window-progress .operation-icon-warning { background-image: url('./images/icon-warning.gif'); }

.x-window-progress .operation-icon-failed { background-image: url('./images/icon-error.gif'); }

.x-window-progress .operation .operation-name {
    font-size: large;

    /* text-align: center; */
}

.x-window-progress .operation-progress { margin-left: 60px; }

.x-window-progress .operation-description { padding-bottom: 20px; }

.x-window-progress .operation-status { padding-bottom: 20px; }

.x-window-progress .operation-result { border-top: solid 1px gray; }

.x-window-progress .operation-result .x-panel-body {
    min-height: 1px;

    /* background-color: White; */
    padding-top: 10px;
}

/* Mdv.Diva.Common.Web.Extnet.Controls.FullTabWindow
----------------------------------------------------------------------------- */
.x-fulltab-window .x-window-header { display: none; }

.x-fulltab-window .x-window-mc { border-top: 0 none; }

/* Detail windows */

.detail-window-header h3 {
    font-size: x-large;
    padding-bottom: 1px;
}

.detail-window-header p {
    padding-left: 10px;
    padding-bottom: 1px;
}

.detail-window-header span { padding-right: 10px; }

.detail-window-header a {
    padding-right: 5px;
    text-decoration: none;
}

.x-wizard-header {
    background-color: white;
    padding: 10px;
}

.x-wizard-header-title { font-weight: bold; }

/* .x-wizard-header-step-container { } */

.x-wizard-header-step-text {
    color: #767676;
    text-align: right;
    padding-top: 2px;
}

.x-wizard-header-step-indicator-container {
    float: right;
    margin-right: 6px;
    margin-top: 8px;
}

.x-wizard-header-step-indicator {
    margin-left: 28px;
    float: left;
    background-image: url('./images/wizard-stepindicator.png');
    background-position: 6px 0;
    background-repeat: repeat-x;
    height: 6px;
    width: 6px;
}

.x-wizard-header-step-indicator-active { background-position: 0 0 !important; }