html {box-sizing: border-box;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;overflow-x: hidden}
* {font-family: -apple-system, BlinkMacSystemFont, font-family, 'Montserrat', 'Arial', sans-serif;
font-size: 13px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}    
*, *:before, *:after {box-sizing: inherit}
body {margin: 0;background-color: #fff;}

h1,h2,h3,h4,h5,h6,p {color: #3e575e}
h1 {text-align: center;background-color: #eff0f3;font-size: 24px;padding: 4px 0;border-bottom: 1px solid #c6cad1;border-radius: 4px 4px 0 0;margin:0;width: 100%;font-weight: 600}
h1 span {text-align: center;color: #BF8700;font-size: 28px;font-weight: 600}
.m-lable {color: #7c9596; font-size: 14px; font-weight: 700}
img {border-style: none;vertical-align: middle}

.m-top-36{margin-top: 36px}
.m-top-24{margin-top: 24px}
.m-top-12{margin-top: 12px}
.m-top-8{margin-top: 8px}
.m-bottom-12{margin-bottom: 12px}
.m-bottom-8{margin-bottom: 8px}
.m-left-3{margin-left: 3px}
.m-right-3{margin-right: 3px}

.m-hide{display:none!important}.m-show-block,.m-show{display:block!important}.m-show-inline-block{display:inline-block!important}
@media (max-width:600px){.m-hide-small{display:none!important}}
@media (max-width:992px) and (min-width:601px){.m-hide-medium{display:none!important}}
@media (min-width:993px){.m-hide-large{display:none!important}}

form {width: 100%;text-align: center;}
form input {text-align: center;color:#3e575e;}
form input[type="submit"] {text-align: center;color: #ffffff;background-color: #7c9596;font-size: 16px;font-weight: 600;padding: 4px 32px;border:none;border-radius: 4px;margin: 18px auto 4px auto;cursor: pointer;outline-style: none;text-decoration: none;}
a {text-align: center;color: #ffffff;background-color: #7c9596;font-size: 16px;font-weight: 600;padding: 4px 32px;border:none;border-radius: 4px;margin: 4px auto 24px auto;cursor: pointer;outline-style: none;text-decoration: none;}
@media (min-width:769px) {form input[type="submit"] {text-align: center;color: #ffffff;background-color: #7c9596;font-size: 16px;font-weight: 600;padding: 4px 40px;border:none;border-radius: 4px;margin: 18px auto 4px auto;cursor: pointer;outline-style: none;text-decoration: none;}
a {text-align: center;color: #ffffff;background-color: #7c9596;font-size: 16px;font-weight: 600;padding: 4px 40px;border:none;border-radius: 4px;margin: 4px auto 24px auto;cursor: pointer;outline-style: none;text-decoration: none;}}
form input[type="submit"]:hover, a:hover {background-color: #3e575e;transition: background-color 0.2s;}

.m-input-mode {padding: 8px 2px;display: block;text-align: center;color: #3e575e;font-weight: 700; border: 3px solid #3e575e;border-radius: 4px;width: 100%;/* margin: -8px 0.5% */}
.m-input {padding: 4px 2px;display: block;text-align: center;color: #3e575e;font-size: 18px;font-weight: 800; border: 3px solid #3e575e;border-radius: 4px;width: 100%;/* margin: -8px 0.5% */}

.m-card-logo {background-color: #ffffff;border-radius: 4px;margin: 12px auto;width: 100%;display: flex;flex-wrap: wrap;justify-content: center;}
.m-img-logo {margin-bottom: -36px; z-index: 0;}
.m-card-nav {background-color: #eff0f4; border-radius: 4px; margin: 0 auto; padding: 16px;width: 98%;display: flex;flex-wrap: wrap;justify-content: center;}
@media (min-width:769px) {.m-card-nav {background-color: #eff0f4; border-radius: 4px; margin: 0 auto; padding: 8px;width: 98%;display: flex;flex-wrap: wrap;justify-content: center;}}

.m-card {background-color: #ffffff;margin: 8px auto; width: 98%;display: flex;flex-wrap: wrap;justify-content: center;}
.m-card-chart {background-color: #fff;border-radius: 4px;margin: 8px auto 0 auto; width: 98%;display: flex;flex-wrap: wrap;justify-content: center;}
.m-bg-white{background-color: #fff;}

/* BUTTONS */
.btn {width: 100%;font-weight: 600;border: none;border-radius: 4px;cursor: pointer;text-decoration: none;text-align: center;color: #fff;transition: background-color 0.2s;outline-style: none;}
.btn:hover {color: #ffffff;font-weight: 600}
.disable-btn {pointer-events: none;}
.box-btn {background-position: center;height: 100%;background-size: cover;position: relative;text-align: center;}
#moveLeft, #moveRight, #prevDay, #nextDay, #prevMonth, #nextMonth, #prevYear, #nextYear, #prevHour, #nextHour, #prevZoom, #nextZoom 
{background-position: center;height: 100%;background-size: cover;position: relative; padding: 10px 0;font-weight: 600; border-radius: 4px;
cursor: pointer;text-decoration: none;text-align: center;color: #fff;transition: background-color 0.2s;}
#moveLeft {background-image: url('../img/moveLeft.png'); background-repeat: no-repeat}
#moveRight {background-image: url('../img/moveRight.png'); background-repeat: no-repeat}
#moveLeft:hover {background-image: url('../img/moveLeft-light.png'); background-repeat: no-repeat}
#moveRight:hover {background-image: url('../img/moveRight-light.png'); background-repeat: no-repeat}
#prevDay, #prevMonth, #prevYear, #prevHour {background-image: url('../img/left.png'); background-repeat: no-repeat}
#prevZoom {background-image: url('../img/leftLong.png'); background-repeat: no-repeat}
#prevDay:hover, #prevMonth:hover, #prevYear:hover, #prevHour:hover {background-image: url('../img/left-light.png'); background-repeat: no-repeat}
#prevZoom:hover {background-image: url('../img//leftLong-light.png'); background-repeat: no-repeat}
#nextDay, #nextMonth, #nextYear, #nextHour {background-image: url('../img/right.png'); background-repeat: no-repeat}
#nextZoom {background-image: url('../img/rightLong.png'); background-repeat: no-repeat}
#nextDay:hover, #nextMonth:hover, #nextYear:hover, #nextHour:hover {background-image: url('../img/right-light.png'); background-repeat: no-repeat}
#nextZoom:hover {background-image: url('../img/rightLong-light.png'); background-repeat: no-repeat}
.m-ico {position: relative;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;
margin-top:-4px;border-radius: 4px;cursor: pointer;user-select: none;transition: all 0.4s ease;background-color: inherit}
.m-up{margin-top:-8px}
.m-down{margin-bottom: -8px}

.box-container-left {margin: 0px; padding: 20px 2px 8px 4px; border-radius: 4px 0 0 4px}
.box-container-right {margin: 0px; padding: 20px 4px 8px 2px; border-radius: 0 4px 4px 0}
.box-container {margin:0; padding: 0}

.m-row:after,.m-row:before, .row,.row:before,.row:after,.m-container,.m-container::before,.m-container::after {content: "";display: table;clear: both}

.m-row {display: inline-flex;width: 100%;text-align: center}
.m-row .m-1 {width: 8.33333%}.m-row .m-2 {width: 16.46666%}.m-3 {width: 24.89999%}.m-4 {width: 33.23333%}
.m-row .m-5 {width: 41.66666%}.m-row .m-half {width: 49.99999%}.m-half {width: 49.99999%}.m-row .m-7 {width: 58.23333%}
.m-row .m-8 {width: 66.766666%}.m-row .m-12 {width: 99.99999%}

/*CONTAINERS*/
.container-input{display:flex;flex-direction:column;justify-content: center;text-align: center}
.box1.s12{width:99.99999%}.box2.s12{width:99.99999%}.box3.s12,.box3-1.s12{width:99.99999%;margin-top:6px}
.box4.s12{width:99.99999%;margin-top:6px}.box4-1.s12{width:99.99999%;margin:16px 0 0 0}

@media (min-width:769px){.container-input{display:flex;flex-direction:column;justify-content: center;text-align: center}
.container-input-m{display:flex;flex-direction:row;}.box1.m6{width:49.99999%}.box2.m6{width:49.99999%}.box3-1.m6{width:49.99999%}
.box3.m6{width:49.99999%;margin-top:6px}.box4-1.m6{width:49.99999%}.box4.m6{width:49.99999%;margin-top:6px}}

@media (min-width:993px){.container-input{display:flex;flex-direction:row;justify-content: space-around;text-align: center}.container-input-m{display:flex;flex-direction:row;width:49.99999%}
.box1.l6{width:49.99999%}.box2.l6{width:49.99999%}.box3-1.l6{width:49.99999%}.box3.l6{width:49.99999%;margin-top:0}
.box4-1.l6{width:49.99999%}.box4.l6{width:49.99999%;margin-top:0}}

.container_all {display: flex;flex-direction: row;}
.m-container {width: 99.99999%}
.content-1.s4 {width: 33.23333%}
.content-1.s8 {width: 66.766666%}
.content-1.s12 {width: 99.99999%}
.content-2.s8 {width: 66.766666%}
.content-2.s12 {width: 99.99999%}
.box-btn {height: 100%;}

/* TABLE */
table {margin-top: 0px;margin-bottom: 0px;width: 100%;}
table,td {border-collapse: collapse;border: 1px solid #3e575e;}
th,td {text-align: center;padding: 6px 0;}
th {font-size: 16px; font-weight: 700; color: #fff;border-right: 1px solid #3e575e}
th:last-child {border-right: none}
td {color: #3e575e}
td:first-child {border-left: none}
td:last-child {border-right: none}
table > tbody > tr:first-child {font-weight: 700; border-top: none};
table > tbody > tr:last-child {border-bottom: none};