html,
    body,
    #container {
      width: 100%;
      height: 100%;
      margin: 0;
      padding: 0;

    }

    .anychart-tooltip {
      padding: 15px;
      background: white;
      color: #333;
      box-shadow: 2px 2px 5px #333;
      border-radius: 0;
    }

    #rca_show_table {
      height: 200px;
      display: inline-block;
      width: 100%;
      overflow: auto;
    }
    #rta_show_table {
      height: 200px;
      display: inline-block;
      width: 100%;
      overflow: auto;
      color: #000;
    }
    #exp_show_table {
      height: 200px;
      display: inline-block;
      width: 100%;
      overflow: auto;
    }
    #app_show_table {
      height: 200px;
      display: inline-block;
      width: 100%;
      overflow: auto;
    }
    #show_rank_agri_table {
      height: 250px;
      display: inline-block;
      width: 100%;
      overflow: auto;
    }
     #show_rank_market_table {
      height: 250px;
      display: inline-block;
      width: 100%;
      overflow: auto;
    }
    .fa-info{
        position: absolute;
    right: 0;
 
    }
    .color_rca1 {
      color: #006400 !important;
    }
    
    
    
@media screen and (max-width:767px){
    .logo-header .logo-image {
    float: none;
    width: 100%;
}
.main-title h1 {
    margin-top: 30px;
    width: 100%;
}
.fao-dashboard{
    display:block;
}
.container{
        padding: 15px;
}
.fao-dashboard .leftside,
.fao-dashboard .right{
     width: 100%;
}
.middle {
    width: 100%;
    padding: 0px 0px;
    margin-top: 10px;
}
.selction .dropdown-2 {
    width: 100%;
}
.product-country .selction{
    display:block;
}
.product-country .dropdown-2{
          gap: 10px;
    margin-top: 10px;
}
.anychart-ui-support{
    height:330px;
}
.dataAuthors {
    margin-bottom: 15px;
    text-align: center;
    display: block;
    width: 100%;
}
.containerBottom p{
     text-align: center;
    display: block;
    width: 100%;
}
#footer .left ul li {
    float: left;
    width: 100%;
    line-height: 25px;
}
#footer .right ul li {
    float: left;
    margin-right: 10px;
    margin-top: 25px;
    margin-left: 0;
}
#footer .right {
    float: left;
    width: 100%;
    display: block;
    text-align: center;
}
.container1{
    width:100% !imp;
}
}
 