@charset "UTF-8";
html {
    overflow: hidden;
}

#home {
    background-color: green;
}

#one {
    background-color: blue;
}

#two {
    background-color: yellow;
}

/* Start Nav Styles */
.navbar {
    display: none;
    position: fixed;
    z-index: 999;
    top: 50%;
    right: 50px;
    transform: translateY(-50%);
}

.navbar .nav-menu {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.navbar .nav-menu li {
    position: relative;
    min-width: 120px;
    text-align: right;
}

.navbar .nav-menu li .dot {
    display: block;
    color: #fff;
    padding: 5px 0;
}

.navbar .nav-menu li .dot::before,
.navbar .nav-menu li .dot::after {
    display: block;
    position: absolute;
    content: '';
    border-radius: 50%;
    top: 50%;
    transition: all .3s ease;
}

.navbar .nav-menu li .dot::before {
    width: 5px;
    height: 5px;
    right: 0;
    border: 2px solid rgba(0,182,159,0.8);
    transform: translateY(-50%);
}

.navbar .nav-menu li .dot::after {
    width: 15px;
    height: 15px;
    border: 2px solid rgba(0,182,159,0.8);
    right: -5px;
    transform: translateY(-50%) scale(0);
}

.navbar .nav-menu li .dot.active::before,
.navbar .nav-menu li:hover .dot::before {
    background: rgba(0,182,159,0.8);
    border-color: rgba(0,182,159,0.8);
}

.navbar .nav-menu li .dot.active::after,
.navbar .nav-menu li:hover .dot::after {
    transform: translateY(-50%) scale(1);
}

.navbar .nav-menu li .dot span {
    display: inline-block;
    opacity: 0;
    font-weight: 700;
    letter-spacing: .5px;
    text-transform: capitalize;
    background-color: rgba(0,182,159,0.8);
    padding: 10px 20px;
    border-radius: 3px;
    margin-right: 30px;
    transform: translateX(20px);
    transition: all .3s ease;
}

.navbar .nav-menu li .dot span::before {
    display: block;
    position: absolute;
    content: '';
    border-left: 7px solid rgba(0,182,159,0.8);
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    top: 50%;
    transform: translate(7px, -50%);
    right: 0;
    transition: all .3s ease;
}

.navbar .nav-menu li .dot.active span {
    transform: translateX(0px);
    opacity: 0;
}

.navbar .nav-menu li:hover .dot span {
    transform: translateX(0px);
    opacity: 1;
}
/* End Nav Styles */


.sec2 .inside2, .sec3 .inside2 {
    max-width : 1400px !important;
}
#chart11.chart, #chart12.chart, #chart13.chart, #chart14.chart {
    height : 250px;
}

#chart21.chart, #chart22.chart, #chart23.chart, #chart24.chart,
#chart25.chart, #chart26.chart, #chart27.chart, #chart28.chart {
    height : 250px;
}

#chart31.chart, #chart32.chart {
    height : 250px;
}

#chart41.chart, #chart42.chart,#chart43.chart, #chart44.chart,#chart45.chart, #chart46.chart {
    height : 250px;
}

a[data-target-id] {
    vertical-align: middle;
    padding-left: 4px;
}

.main_chart_div {

}

[dataflag="plus"] {
    color : #FF0000
}

[dataflag="minus"] {
    color : #0100FF
}

.gray.tui-grid-cell {
  background-color: #F6F6F6;
}