body {
    max-width:      1920px;
    font-size:      11pt;
    position:       relative;
    top:            10px;
    margin:         auto;
    /* margin:         10px auto 10px auto; */
    /* padding:        10px;    */
    display:        block;
}

div.system-menu {
    position:           absolute;
    top:                0px;
    right:              0px;
    display:            block;
    height:             2em;
/*    line-height:        1.4em;    */
    padding-right:      25px;
    padding-left:       25px;
    font-size:          16pt;
    background-color:   #efe;
    border-radius:      0px 20px 0px 20px;
/*    border:             1px solid red;    */
/*    font-size:          14pt; */
}

a.menu-anchor {
    text-decoration:    none;
    color:              black;
}

div.banner {
    /* position:               relative;    */
    /* top:                    20px;        */
    height:                 120px;
    background-image:       url("/images/banner-smallcrowd.png");
    background-repeat:      no-repeat;
    background-size:        cover;
    background-position:    center;
    border-radius:          20px 20px 0px 0px;
}

div.menubar {
    background-color:       #efe;
    height:                 2em;
    vertical-align:         middle;
    padding-bottom:         10px;
    border-radius:          0px 0px 20px 20px;
}

div.user-mainmenu, div.user-submenu, div.user-menu, div.system-mainmenu, div.system-menu, div.system-submenu {
    display:            list-item;
    line-height:        1.8em;
    list-style-type:    none;
}

div.user-mainmenu, div.system-mainmenu {
    min-width:          120px;
    max-width:          130px;
    display:            inline-block; 
    text-align:         center;
    font-size:          16pt;
    /* height:             100%;    */
}

div.user-mainmenu {
    line-height: 39px;
    height: 39px;
    padding: 0px 15px 0px 15px;
    /* margin: 0px 5px 0px 5px; */
    /* border-radius:      0px 0px 0px 20px; */
}

i.fa-home.instorebit-dashboard-home {
    line-height:        39px;
    vertical-align:     -7%;
}

div.user-mainmenu:hover, div.system-mainmenu:hover, div.user-submenu:hover, div.system-submenu:hover, div.system-menu:hover  {
    background-color:   gray;
    color:              white;
}

div.user-menulist {
    position:           absolute;
    display:            none;
}

div.user-submenu, div.system-submenu {
    background-color:   #efe;
    min-width:          150px;
    text-align:         left;
    padding-left:       2em;
    font-size:          13pt;
    list-style-type:    none;
    display:            list-item;
}

div.user-menulist.active {
    display:            block;
}

div.user-mainmenu {
    position:           relative;
}

div.active {
    display:            block;
}

div.control-board.submit {
    margin:             0px auto 0px 50%;
    min-height:         32px;
}

div.instorebit-widget-box {
    border:     1px solid #eee;
    border-radius:  20px;
    margin-top:     20px;
    margin-bottom:  20px;
    padding:        20px;
/*    max-height:     450px;    */
/*    height:         450px;    */
    display:        inline-block;
    width:          45%;
    vertical-align: top;
}

div.instorebit-widget {
/*    display:        inline-block; */
}

div.instorebit-widget.addPivot {
    width:          unset;
    max-width:      unset;
}

div.instorebit-widget.chart-parallel, div.instorebit-widget.addComparisonChart, div.instorebit-widget.addMapChart, div.instorebit-widget.addTableChart, div.instorebit-widget.addPivot {
    height:         unset;
    max-height:     unset;
}

#chart-immochan-last10-store-stat-data {
    min-width:      50%;
}

div.instorebit-chart.chart-parallel {
    height:         unset;
    max-width:      45%;
    max-height:     450px;
    margin:         auto;
}

div.instorebit-widget.comment {
    line-height:    1.3em;
    font-size:      14pt;
}

div.instorebit-widget-label {
    margin:         auto;
    text-align:     center;
    font-size:      18pt;
    font-weight:    bold;
    font-family:    Bree Serif, serif, Verdana;
    color:          #00a;
}

text.xgroup-label {
    font-size:      9pt;
}

strong {
    color:          blue;
}

div.debug {
    width:          90%;
    margin:         auto;
    display:        block;
    border-left:    14px solid #aaa;
    white-space:    pre-wrap;
    font-size:      9pt;
    font-family:    Courier;
}

div.dashboard-processor.error {
    display:        block;
    border-left:    10px solid red;
}

div.dashboard-processor.warning {
    display:        block;
    border-left:    10px solid yellow;
}

.instorebit-time-selector {
    min-width:      200px;
    line-height:    1.2em;
    font-size:      14pt;
    border-radius:  20px;
    padding:        0px 5px 0px 5px;
}

line.svg-grid, path.svg-grid {
    stroke:     #ddd;
    fill:       none;
}

line.chart-axis {
    stroke:         #aaa;
    stroke-width:   2px;
    fill:           none;
}

circle.chart-point {
    /*  border:     4px;    */
    stroke-width:   4px;
}

circle.chart-point:hover {
    transition:     0.5s;
    stroke-width:   10px;
}

rect.statistics-label {
    stroke:     #ccc;
    fill:       lightgrey;
}

rect.number-men-value {
    fill:       lightblue;
    stroke:     lightblue;
}

rect.number-women-value {
    fill:       pink;
    stroke:     pink;
}

rect.number-returned-value {
    fill:       lightgreen;
    stroke:     lightgreen;
}

rect.number-new-customer-value {
    fill:       gray;
    stroke:     gray;
}

rect.premium-value {
    fill:       #f0f;
    stroke:     #f0f;
}

rect.legend-background {
    fill:       none;
/*    stroke:     #ddd;     */
} 

rect.barchart-value-background {
    fill:       none;
}

text.legend-text {
    font-size:      12pt;
    background:     white;
/*    text-anchor:    middle;       */
/*    alignment-baseline: middle;   */
}

text.barchart-value {
    font-size:      10pt;
    alignment-baseline: middle;
    text-anchor:    middle;
}

text.ycoord-label {
    color:      #ddd;
    font-size:  9pt;
    text-anchor:    middle;
}

text.xcoord-label {
    text-anchor:    middle;
    font-size:      10pt;
}

path.linechart-line, line.linechart-line {
    fill:           none;
    stroke-width:   2px;
}

.piechart-donut {
    opacity:        0.5;
}

.radarchart-line {
    fill:           none;
    stroke-width:   2px;
}

text.linechart-line.data-value {
    fill:           black;
    stroke-width:   0px;
    stroke:         black;
    font-size:      8pt;
    font-weight:    normal;
}

a.link-anchor, a.link-anchor:visited {
    text-decoration: none;
    font-weight:    bold;
    fill:           blue;
    color:          blue;
    cursor:         pointer;
}

a.link-anchor:before, i.link-anchor:before{
    content:        "\f0a4\ ";
}

div.instorebit-chart {
    margin:     auto;
    text-align: center;
}

div.instorebit-widget-box {
    max-width:      760px;
}

.control-form {
    display:    inline-flex;
}

label.control-form {
    margin-top: 0.5em;
    margin-left: 1em;
    font-size: 10pt;
    color: gray;
    font-weight: bold;
    font-family: Verdana, Arial;
}

input.control-form, select.control-form {
    margin-left:    2.5em;
    line-height:    1.6em;
    height:         2em;
}

div.instorebit-box.last-valid {
    position:       absolute;
    right:          0px;
    top:            170px;
    line-height:    1.4em;
    background-color:   #eda;
    font-weight:    bold;
    text-align:     center;
    font-size:      14pt;
    padding:        10px;
    border-radius:  15px;
    border:         1px solid #dc9;
}