/*  OBSERVATORIO COVID-19 BR */
/* Designed by Rafael Badain */

/* LEGENDS */
.card-legend {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
       -ms-flex-pack: center;
     justify-content: center;
    -webkit-box-pack: center;
    padding-top: .5rem;
    padding-bottom: 0;
}
.legend-square {
    font-family: 'Poppins', sans-serif;
    font-size: 0.85rem;
    font-weight: 500;
    margin-right: 1rem;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-item-align: center;
             align-self: center;
}
.legend-square:last-child {
    margin: 0;
}

/* legenda: square */
.legend-square:before {
    content: "";
    width: 20px;
    height: 20px;
    margin: 0 0.3rem 0 0;
    border-radius: 4px;
}

/* legenda: square colors */
/* wong */
.legend-square#wong_black:before {
    background-color: #000;
}
.legend-square#wong_orange:before {
    background-color: #e69f00;
}
.legend-square#wong_yellow:before {
    background-color: #F0E442;
}
.legend-square#wong_red:before {
    background-color: #D55E00;
}
.legend-square#wong_pink:before {
    background-color: #CC79A7;
}
.legend-square#wong_green:before {
    background-color: #009E73;
}
.legend-square#wong_darkblue:before {
    background-color: #0072B2;
}
.legend-square#wong_lightblue:before {
    background-color: #56B4E9;
}
/* ibm */
.legend-square#ibm_ultramarine:before {
    background-color: #648fff;
}
.legend-square#ibm_indigo:before {
    background-color: #785ef0;
}
.legend-square#ibm_magenta:before {
    background-color: #dc267f;
}
.legend-square#ibm_orange:before {
    background-color: #fe6100;
}
.legend-square#ibm_gold:before {
    background-color: #ffb000;
}
.legend-square#ibm_ultramarine_dark:before {
    background-color: #1D62CB;
}
.legend-square#ibm_indigo_dark:before {
    background-color: #4A39A3;
}
.legend-square#ibm_magenta_dark:before {
    background-color: #8F3053;
}
.legend-square#ibm_orange_dark:before {
    background-color: #B3411F;
}
.legend-square#ibm_gold_dark:before {
    background-color: #BC8538;
}
.legend-square#ibm_ultramarine_light:before {
    background-color: #B0C6FF;
}
.legend-square#ibm_indigo_light:before {
    background-color: #B5A7F2;
}
.legend-square#ibm_magenta_light:before {
    background-color: #E16AA4;
}
.legend-square#ibm_orange_light:before {
    background-color: #FF914D;
}
.legend-square#ibm_gold_light:before {
    background-color: #FFC64D;
}
/* legacy */
.legend-square#legendGrey:before {
    background-color: #6c757d;
}
.legend-square#legendBlue:before {
    background-color: #377eb8;
}
.legend-square#legendRed:before {
    background-color: #e41a1c;
}

/* texto da legenda */
.legenda {
    text-align: center;
    margin: 0 .5rem;
    color: #6c757d;
}

/* inline text color */
/* wong */
.wong_black {
    color: #000;
}
.wong_orange {
    color: #e69f00;
}
.wong_yellow {
    color: #F0E442;
}
.wong_red {
    color: #D55E00;
}
.wong_pink {
    color: #CC79A7;
}
.wong_green {
    color: #009E73;
}
.wong_darkblue {
    color: #0072B2;
}
.wong_lightblue {
    color: #56B4E9;
}
/* ibm */
.ibm_ultramarine {
    color: #648fff;
}
.ibm_indigo {
    color: #785ef0;
}
.ibm_magenta {
    color: #dc267f;
}
.ibm_orange {
    color: #fe6100;
}
.ibm_gold {
    color: #ffb000;
}
.ibm_ultramarine_dark {
    color: #1D62CB;
}
.ibm_indigo_dark {
    color: #4A39A3;
}
.ibm_magenta_dark {
    color: #8F3053;
}
.ibm_orange_dark {
    color: #B3411F;
}
.ibm_gold_dark {
    color: #BC8538;
}
.ibm_ultramarine_light {
    color: #B0C6FF;
}
.ibm_indigo_light {
    color: #B5A7F2;
}
.ibm_magenta_light {
    color: #E16AA4;
}
.ibm_orange_light {
    color: #FF914D;
}
.ibm_gold_light {
    color: #FFC64D;
}

/* legacy */
.legendBlack {
    color: #000;
}
.legendGrey {
    color: #6c757d;
}
.legendBlue {
    color: #007bff;
}
.legendRed {
    color: #e41a1c;
}

/* CHARTS */
#htmlwidget_container {
    position: static!important;
    top: 0px!important;
    right: 0px!important;
    bottom: 0px!important;
    left: 0px!important;
}
iframe {
    border: 0;
    width: 100%;
    height: 350px;
}
@media (max-width: 575.98px) {
.chart-fix {
    padding: 1.25rem 0 !important;
    margin: 0.5rem -0.25rem !important;
}
}

/** SVGS DINAMICOS **/
.tamanho_dinamico {
    width: 100%;
} 

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .tamanho_dinamico {
        width: 75%;
    } 
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .tamanho_dinamico {
        width: 60%;
    } 
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .tamanho_dinamico {
        width: 55%;
    } 
}

/* TOAST MESSAGES */
.toast-wrap {
    width:100%;
    z-index:1010;
    position:fixed;
    bottom: 1.5rem;
    padding: 0 1.5rem 0 0;
    -webkit-box-pack: end;
       -ms-flex-pack: end;
     justify-content: flex-end;
}
@media (max-width: 991.98px) { 
.toast-wrap {
    padding: 0;
    -webkit-box-pack: center;
       -ms-flex-pack: center;
     justify-content: center;
}
}.example {
    display: -ms-grid;
    display: grid;
    -webkit-transition: all .5s;
         -o-transition: all .5s;
            transition: all .5s;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    background: -webkit-gradient(linear, left top, left bottom, from(white), to(black));
    background: -o-linear-gradient(top, white, black);
    background: linear-gradient(to bottom, white, black);
}