* {
    /*font-family: 'Roboto';*/
    /*font-size: small;*/
}

h1, h2, h3, h4, h5, h6 {
    color: #31335a;
}

/*h1 {*/
/*    font-family: "Roboto Black";*/
/*    margin-bottom: 0;*/

/*}*/

h2 {
    font-family: Comfortaa, Roboto, sans-serif;
    font-size: 30px;
    line-height: 40px;
    /*font-family: "Roboto Condensed";*/
    /**/
}

h3 {
    font-family: Comfortaa, Roboto, sans-serif;
    font-size: 20px;
    line-height: 30px;
    /*font-family: "Roboto Condensed";*/
    /**/
}

h4 {
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #41c3e8;
    text-transform: uppercase;
    letter-spacing: 0;
    /*font-size: medium;*/
    /*margin-top: 0;*/
    /*margin: 0;*/
}

.code {
    font-family: monospace !important;
    background-color: white;
    padding: 5px;
}

.top_header {
    /*background-color: #f9f9f9;*/
    /*background-color: blue;*/
    /*vertical-align: middle;*/
    /*display: flex;*/
    /*justify-content: center;*/
    /*align-items: center;*/
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
}

.centre {
    display: flex;
    justify-content: center;
    align-items: center;
}

body {
    background-color: #f9f9f9;
    color: #6b6b6b;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}

p {
    /*font-family: 'Roboto';*/
    /*font-weight: 400;*/
    /*font-size: 16px;*/
    /*line-height: 24px;*/

    /*    !*padding-top: 10px;*!*/
    /*    !*padding-bottom: 10px;*!*/
    /*    !*padding-left: 50px;*!*/
    /*    !*padding-right: 50px;*!*/
}

/*#header_date_preset_1, #header_date_preset_2 .Select-input{*/
/*    height: 45px;*/
/*}*/
/*#header_date_preset_1, #header_date_preset_2 .Select-control{*/
/*    height: 45px;*/
/*}*/
/*#header_date_preset_1, #header_date_preset_2 .Select-placeholder{*/
/*    line-height: 45px;*/
/*}*/

.DateRangePickerInput__withBorder {
    border: 0;
}

#header_date_preset_1 #header_date_preset_2 .Select-control {
    border: 0;
}

.card {
    border: 0;
}

.bg-primary {
    background-color: #41C3E8 !important;
}

.custom-control-input:checked ~ .custom-control-label::before {
    border-color: #41C3E8;
    background-color: #41C3E8
}

a {
    color: rgb(65, 195, 232);
    text-decoration: none;
}

a:hover, a:active, a:focus {
    color: rgb(65, 195, 232);
    text-decoration: underline;

}

.Select--multi .Select-value {
    background-color: rgba(65, 195, 232, 0.1);
}

.offcanvas-top {
    height: 20vh;
}

div.dash-table-container .dash-spreadsheet-container .dash-spreadsheet-inner .column-header-name {
    margin-left: unset;
}

.header_filter {
    max-width: 350px;
    min-width: 170px;
    padding-top: 5px;
}