
    .chart {
      display: block;
      /*width: calc(100% - 48px);*/
      width: 100%;
      max-width: 1200px;
      margin:auto;
      height: 600px;
      background-color:white;
      user-select:none;
      /*margin: 24px;*/
      box-sizing: border-box;
      text-align: center;
    }
    #rankingchart, #rankingchart_2{
      height: 400px;
    }
    #countrychart,#countrychart_2{
      height: 400px;
      
    }
    .lds-ring {
      display: inline-block;
      position: relative;
      width: 80px;
      height: 80px;
      transform: scale(.6);
    }
    .lds-ring div {
      box-sizing: border-box;
      display: block;
      position: absolute;
      width: 64px;
      height: 64px;
      margin: 8px;
      border: 8px solid #000;
      border-radius: 50%;
      animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
      border-color: #000 transparent transparent transparent;
    }
    .lds-ring div:nth-child(1) {
      animation-delay: -0.45s;
    }
    .lds-ring div:nth-child(2) {
      animation-delay: -0.3s;
    }
    .lds-ring div:nth-child(3) {
      animation-delay: -0.15s;
    }
    @keyframes lds-ring {
      0% {
        transform: rotate(0deg);
      }
      100% {
        transform: rotate(360deg);
      }
    }

    input[type='radio'] {
      margin-right: 9px;
      cursor: pointer;
    }
    input[type='radio']:after {
            width: 12px;
        height: 12px;
        border-radius: 15px;
        top: -2px;
        left: -1px;
        position: relative;
        background-color: white;
        content: '';
        display: inline-block;
        visibility: visible;
        border: 3px solid #e4e4e4;
        }

        input[type='radio']:checked:after {
            width: 8px;
        height: 8px;
        border-radius: 15px;
        top: -2px;
        left: -1px;
        position: relative;
        background-color: rgb(255 255 255);
        content: '';
        display: inline-block;
        visibility: visible;
        border: 5px solid #000;
        }


    @media only screen and (max-width : 798px) {
      .chart {
        margin: 0px;
        width: calc(100%);
        height: 320px;
      }
    }

  