/*
Theme Name: Twenty Twenty Child
Template: twentytwenty
Text Domain: twentytwenty-child
Version: 1.0
Description: Child theme for Twenty Twenty
*/

/* Add your custom CSS here */

#chart-container{
width:100% !important;
max-width:800px;
}


form#filters_form_graph  {
    display: inline-flex;
}
form#filters_form_graph div{
    margin-right:5px;
}
.option_container_first select {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 13px 9px;
    color: #040404;
    font-size: 14px;
}
#graph_container {
    max-width: 1463px;
}
.option_container_second select, #interval-picker input {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 13px 9px;
    color: #040404;
    font-size: 14px;
}
#filters_form_graph input[type="submit"] {
    height: 45px;
    padding: 0;
    width: 140px;
    line-height: 42px;
    border-radius: 7px;
    margin-top: 28px;
    background: #4bc0c0;
    text-decoration: none;
}
form#filters_form_graph {
    width: 100%;
    display: flex;
    justify-content: center;
}
.option_container_first, .option_container_second {
    width: 50%;
}
#interval-picker input {
    width: 100%;
}
form#filters_form_graph {
    width: 100%;
    display: flex;
    align-items: start;
}
.option_container_first {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.option_container_first {
    width: 100%;
}
.main-cover {
    width: 100%;
}.option_container_first select:focus-visible {
    outline: 0;
}
#check_options input[type=checkbox] + label {
    margin: 0.2em;
    cursor: pointer;
    padding: 0.2em;
    display: flex;
    align-items: center;
    margin-bottom: 17px;
}
#check_options input[type=checkbox] {
  display: none;
}

#check_options input[type=checkbox] + label:before {
    content: "\2714";
    border: 0.1em solid #00000030;
    border-radius: 0.2em;
    display: inline-block;
    width: 22px;
    height: 22px;
    padding-left: 0;
    padding-bottom: 0;
    margin-right: 8px;
    vertical-align: bottom;
    color: transparent;
    transition: .2s;
    text-align: center;
}
#check_options input[type=checkbox] + label:active:before {
  transform: scale(0);
}

#check_options input[type=checkbox]:checked + label:before {
    background-color: #51c1c1;
    border-color: #4bc0c0;
    color: #fff;
}

#check_options input[type=checkbox]:disabled + label:before {
  transform: scale(1);
  border-color: #aaa;
}

#check_options input[type=checkbox]:checked:disabled + label:before {
  transform: scale(1);
  background-color: #F7C28F;
  border-color: #F7C28F;
}
#check_options h3 {
    font-size: 25px;
    margin: 0;
}
.main-ops {
    width: 50%;
}
form#filters_form_graph {
    width: 100%;
    display: flex;
}
div#check_options {
    width: 50%;
}.main-fl .cover-upper {
    width: 24%;
    float: left;
}

#picker-container select {
    width: 100%;
    border: 0;
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 13px 9px;
    color: #040404;
    font-size: 14px;
}.option_container_second {
    width: 100%;
}
label {
    font-family: sans-serif;
    font-size: 14px;
}.option_container_first {
    padding-bottom: 23px;
}
@media screen and (max-width:767px){
	#chart-container{
	padding:20px;
	}
	form#filters_form_graph{
	display:block !important;
}
#graph_container .main-ops{
	width:100%;
}
 #graph_container #check_options{
 width:100%;
 margin-top:20px;
 }
 #graph_container .filter_btn_input{
	 width:100%;
	 display:flex;
	 justify-content:center;
}
.main-fl .cover-upper{
    width:40%;
}
}
@media screen and(max-width:375px){
	.main-fl .cover-upper{
    width:100% !important;
}
}

label#labelOtros2, label#labelOtros1, label#labelExtra2, label#labelExtra1 {
    display: none !important;
}