@font-face 
{
    font-family: 'OpenSans-Regular';
    src: url('../../font/OpenSans-Regular.ttf') format('truetype');
}

body
{
    font-family:'OpenSans-Regular';
    font-size:14px!important;
    margin:0px;
}

.boxLeftMenu,.leftTitle
{
    cursor:pointer;
}

.activeNemoToGraphic
{
    color:#777777!important;
}

.contentSubmenu
{
    background-color:#EEEEEE;
    margin-top:20px;
    height:50px;
    width:100%;
}

.boxMore
{
    float:left;
    padding-left:3%;
    padding-right:3%;
    margin-top:20px;
    height:100px;
    width:27%;
}

.active
{
    background-color: #000000;
    color: #ffffff;
    padding-bottom: 15px;
    padding-top: 15px;
    width: 20%;
}


.activeSubmenu
{
    background-color:#FFFFFF!important;
    font-weight:bold;
}

.contentMore
{
    height:120px;
    width:100%;
}

.contentValueRight
{
    width:100%;
}

.inactive {
    background-color: #FFFFFF;
    border: 6px solid #50E3C2;
    padding-bottom: 10px;
    padding-top: 10px;
    width: 22%;
}

.leftGraphicContent
{
    border-right:1px solid #777777;
    float:left;
}

.button 
{
    cursor: pointer;
    font-size: 14px;
    float: left;
    margin-left: 2.5%;
    text-align: center;
}

.boxValues
{
    float:left;
    margin-left:1%;
    width:13%;
}

.contentButton
{
    height:50px;
    width:100%;
}

.closeMoreAndRelative
{
    float:left;
    width:40%;
}

.centerBoxMore
{
    border-left:1px solid #777777;
    border-right:1px solid #777777;
}

.graphicContent
{    
    display:none;    
    background-color:#FFFFFF;
    height:500px;
    padding-top:30px;
    padding-left:20px;
    width:100%;
}

.leftGraphicContent
{
    padding-right:2%;
    width:18%;
}

.rightGraphicContent
{
    float:right;
    width:78%;
}

.leftTitle
{
    border-bottom:1px solid #777777;
    font-size:16px;
    font-weight:bold;
    padding-bottom:15px;
    padding-left:2%;
    padding-top:15px;
}

.nameMore
{
    font-size:18px;
    font-weight:bold;
    width:100%;
}

.nemoToGraphic
{
    color: #50E3C2;
    padding-bottom:5px;
    padding-left:5%;
    padding-top:5px;
}

.headerList,.rowList
{
    height:40px;
    width:100%;
}

.rowList
{
    cursor:pointer;
}
.nemoList,.valueList
{
    font-weight:bold;
    float:left;
    padding-left:1%;
    margin-top:10px;
    padding-bottom:10px;
    border-bottom:1px solid #000000;
    border-right:1px solid #000000;
}
.rowNemo,.rowUnit,.rowPrize,.rowVariation
{
    padding-left:1%;
    float:left;
    border-bottom:1px solid #EEEEEE;
    border-right:1px solid #EEEEEE;
    margin-top:10px;
    padding-bottom:10px;
}
.rowVariation
{
    color:#777777;
}
.rowNemo
{
    color:#50E3C2;
    width:38.5%;
}

.rowUnit
{
    font-weight:bold;
}

.rowPrize
{
    color:#777777;
    font-weight:bold;
}

.graphic
{  
    float:left;
    height:400px;
    margin-left:15%;
    width:55%;
}

.yesteday,.today{
    width:100%;
}

.yestedayBox,.yestedayvalue,.todayBox,.todayValue
{
    float:left;   
    margin-bottom:10px;
}

.yestedayvalue,.todayValue
{
    color:#777777;
    font-size:12px;
    margin-left:10px;
    width:20%;
}

.yestedayBox,.todayBox
{
    color:#777777;
    font-size:12px;
    border:4px solid #50E3C2;
    padding-bottom:3px;
    padding-top:3px;
    width:60%;
    text-align:center;
}

.todayBox
{
    border:4px solid #3397A1!important;
}

.contentClose
{
    float:left;
    margin-left:20px;
    margin-top:25px;
    width:100px;
}

.nemoList
{
    width:38.5%;
}

.valueList,.rowUnit,.rowPrize,.rowVariation
{
    width:19%;
}

.contentList
{
    border:1px solid #50E3C2;
    padding:5px;
    width:860px;
}

.titleMore
{
    color:#777777;
    font-size:12px;
    width:100%;
}
.relativeMore
{
    font-weight:bold;
}

.subMenu
{
        display: -ms-flexbox;
    -ms-flex-align: center;
    display: -moz-box;
    -moz-box-align: center;
    display: -webkit-box;
    -webkit-box-align: center;
    display: box;
    box-align: center;
    background-color:#EEEEEE;
    border-left:1px solid #777777;
    float:left;
    height:50px;
    padding-left:20px;
    padding-right:50px;
}

.titleValueRight
{
    color:#777777;
    font-size:14px;
}

.variationMore
{
    color: #50E3C2;
    font-weight: bold;
    font-size:20px;
    float:left;
    width:60%;
}

.valueRight
{
    color:#555555;
    font-weight:bold;
}

#page
{
    margin:0px;
}

.green
{
    color:green;
}

.red
{
    color:#ff0000;
}
.indextitle{
    font-size:18px;
    margin:10px;
    color: #50E3C2;
}