@font-face {
    font-family: RobotoCondensedRegular;
    src: url(https://storage.gra1.cloud.ovh.net/v1/AUTH_67784de433ee4122a68edcbb5d65e66c/ams-storage/fonts/robotocondensed-regular-192adc2c976a.woff2?#iefix) format('woff2'), url(https://storage.gra1.cloud.ovh.net/v1/AUTH_67784de433ee4122a68edcbb5d65e66c/ams-storage/fonts/robotocondensed-regular-956faf7d3491.woff) format('woff'), url(https://storage.gra1.cloud.ovh.net/v1/AUTH_67784de433ee4122a68edcbb5d65e66c/ams-storage/fonts/robotocondensed-regular-0225505c02ac.ttf) format('truetype');
    font-style: normal;
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: RobotoCondensedBold;
    src: url(https://storage.gra1.cloud.ovh.net/v1/AUTH_67784de433ee4122a68edcbb5d65e66c/ams-storage/fonts/robotocondensed-bold-6981b96b404b.woff2?#iefix) format('woff2'), url(https://storage.gra1.cloud.ovh.net/v1/AUTH_67784de433ee4122a68edcbb5d65e66c/ams-storage/fonts/robotocondensed-bold-78f115003518.woff) format('woff'), url(https://storage.gra1.cloud.ovh.net/v1/AUTH_67784de433ee4122a68edcbb5d65e66c/ams-storage/fonts/robotocondensed-bold-bf0694886f58.ttf) format('truetype');
    font-style: normal;
    font-weight: 400;
    font-display: swap
}

body{
    background-color: #f2f2f2;
}

.h2, h2 {
    font-size: 20px;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: RobotoCondensedBold,sans-serif;
    font-weight: 500;
    line-height: 1.3;
    color: #252525;
    margin-top: 0;
    margin-bottom: 11.5px;
}

@font-face {
 font-family:font-custom;
 src:url(https://storage.gra1.cloud.ovh.net/v1/AUTH_67784de433ee4122a68edcbb5d65e66c/ams-storage/fonts/font-custom/font-custom-5e52f376107d.eot);
 src:url(https://storage.gra1.cloud.ovh.net/v1/AUTH_67784de433ee4122a68edcbb5d65e66c/ams-storage/fonts/font-custom/font-custom-5e52f376107d.eot?#iefix}) format('embedded-opentype'),
 url(https://storage.gra1.cloud.ovh.net/v1/AUTH_67784de433ee4122a68edcbb5d65e66c/ams-storage/fonts/font-custom/font-custom-5d2bb75f2082.ttf) format('truetype'),
 url(https://storage.gra1.cloud.ovh.net/v1/AUTH_67784de433ee4122a68edcbb5d65e66c/ams-storage/fonts/font-custom/font-custom-23b29c0e7809.woff) format('woff'),
 url(https://storage.gra1.cloud.ovh.net/v1/AUTH_67784de433ee4122a68edcbb5d65e66c/ams-storage/fonts/font-custom/font-custom-e5c7534a6350.svg#font-custom) format('svg');
 font-weight:400;
 font-style:normal
}
.fa {
 display:inline-block;
 font-family:font-custom;
 font-style:normal;
 font-weight:400;
 line-height:1;
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale
}
.fa-arrow-right:before {
 content:"\f061"
}
.panel-footer{
    font-size: 16px;
}

#index{
    color: #000;
    font-family: RobotoCondensedRegular,sans-serif;
    min-width: 740px;
}

#name, #var{
    display: inline-block;
}
#name{
    padding-right: 100px;
    font-size: 16px;
    font-weight: bold;
    white-space:nowrap;
}
#close{
    font-size: 16px;
    font-family: RobotoCondensedBold,sans-serif;
}
#date{
    padding-top: 15px;
    font-size: 14px;
    color: #6f6f6f
}

.up{
    background-image: url(/img/up.png);
    background-repeat: no-repeat;
    padding-left: 35px;  
    background-size: 20px;  
    background-position: 0% 100%;
}
.up span{
    height: 25px;
    display: inline-block;    
    background-color:#a6dfb0;
    padding: 2px 3px 0px 3px;
}

.down{
    background-image: url(/img/down.png);
    background-repeat: no-repeat;
    padding-left: 35px;    
    background-size: 20px;
    background-position: 0% 100%;
}

.down span{
    height: 25px;
    display: inline-block;    
    background-color:#f4c2c2;
    padding: 2px 3px 0px 3px;
}

.steady span{
    height: 25px;
    display: inline-block;    
}

.btn-secondary, .btn-secondary:active, .btn-secondary:focus, .btn-secondary:hover, .open .dropdown-toggle.btn-secondary {
    color: #fff;
    background-color: #0b3f50;
    border-color: #0b3f50;
}

.carousel-indicators {
    position : static;
    bottom: 0px;
    left: auto;
    z-index: auto;
    width: 100%;
    padding-left: 0;
    margin-left: 0;
    text-align: center;
    list-style: none;
}

.carousel-indicators li {
    background: #ffffff;
    border: 1px solid #ffffff;
    border-radius: 6px;
    display: inline-block;
    font-size: 0;
    height: 8px;
    margin: 0 4px;
    padding: 0;
    text-decoration: none;
    width: 8px;
}

.carousel-indicators .active {
    border-radius: 6px;
    display: inline-block;
    height: 8px;
    margin: 0 4px;
    padding: 0;
    text-decoration: none;
    width: 8px;
}

.table-responsive {
    margin-bottom: 0px !important;
    border: 1px solid #ddd !important;
}

.panel{
    margin-bottom: 0px;
}

.data{
    text-align:right;
    height: 100px;
    padding-left: 0px;

}

.chart{
    padding-right: 0px;

}