@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:#808080!important;
}

.contentSubmenu
{
    background-color:#F4F4F4;
    margin-top:26px;
    margin-left:13px;
    margin-right:13px;
    height:32px;
    width:857px;
}

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

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

.subMenu:hover
{
    background-color:#FFFFFF;
    font-weight:bold;
}
.activeSubmenu,.activeSubmenu:hover
{
    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: 9px;
    padding-top: 10px;
    width: 188px;
}

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

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

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

.contentButton
{
    margin-top:13px;
    height:50px;
    width:870px;
}
.closeMoreAndRelative
{
    float:left;
    width:40%;
}

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

.graphicContent
{    
    display:none;    
    background-color:#FFFFFF;
    height:250px;
    padding-top:10px;
    margin-left:15%;
    width:85%;
}

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

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

.leftTitle
{
    border-bottom:1px solid #808080;
    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;
}
.rowNemo
{
    color:#50E3C2;
    width:38.5%;
}

.rowUnit
{
    font-weight:bold;
}

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

.graphic
{  
    height:200px;
    width:600px;
}

.nemoList
{
    width:38.5%;
}

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

.contentList
{
    border-bottom:1px solid #000000;
    margin-top:30px;
    padding:5px;
    width:860px;
}

.titleMore
{
    color:#808080;
    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 #808080;
    float:left;
    height:32px;
    padding-left:20px;
    padding-right:50px;
    font-size:14px;
}

.titleValueRight
{
    color:#808080;
    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;
    border-top:1px solid #50E3C2;
    border-left:1px solid #50E3C2;
    border-right:1px solid #50E3C2;
    border-bottom:1px solid #50E3C2;
    height:auto;
    width:870px;
}

.red{
    color:#ff0000;
}

.green
{
    color:#26860A;
}

.msg
{
    color:#808080;
    font-size:10px;
    margin-top:30px;
    border-bottom:11px solid #000000;
    padding-bottom:10px;
    width:860px;
}
.button:hover
{
    border:0px;
    background-color: #000000;
    color: #ffffff;
    padding-bottom: 16px;
    padding-top: 15px;
    width: 200px;
}
.contentPeriod{
    display:block;
    width:100%;
    align-items:center;
    padding-top: 10px;
    padding-left:120px;
    height:30px;
}
.btnperiod{
    background-color: #FFFFFF;
    border: 3px solid #50E3C2;
    padding-bottom: 3px;
    padding-top: 3px;
    width: 70px;
    cursor: pointer;
    font-size: 12px;
    float:left;
    margin-left: 7px;
    margin-right: 7px;
    text-align: center;
    box-sizing:border-box;
}
.btnperiod:hover{
    cursor:pointer;
    background-color: #000000;
    border: 3px solid #000000;
    color: #ffffff;
}
.selected
{
    background-color: #000000;
    border: 3px solid #000000;
    color: #ffffff;
}