 .delegates_num_cnt {
     display: flex;
     flex-direction: row;
     justify-content: space-between;
     align-items: center;
     padding: 0;
     max-width: 850px;
     margin: auto;
 }

 .del_num_item {
     width: 50%;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: flex-start;
 }

 .del_num_name {
     color: #0F0F0F;
     font-family: "SoleSans", Arial, Helvetica, sans-serif;
     font-size: 24px;
     font-style: normal;
     font-weight: 600;
     line-height: normal;
     padding-top: 10px;
 }

 .del_num_name .fuori_corsa {
     color: #0F0F0F;
     font-family: "SoleSans", Arial, Helvetica, sans-serif;
     font-size: 12px;
     font-style: normal;
     font-weight: 400;
     line-height: 20px;
     text-align: center;
     text-transform: uppercase;
 }

 .del_num {
     font-family: "SoleSans", Arial, Helvetica, sans-serif;
     font-size: 70px;
     font-style: normal;
     font-weight: 600;
     line-height: normal;
 }

 .del_num_item:first-of-type .del_num_name,
 .del_num_item:first-of-type .del_num {
     text-align: left;
 }

 .del_num_item:last-of-type .del_num_name,
 .del_num_item:last-of-type .del_num {
     text-align: right;
 }

 .chart_del_num {
     max-width: 850px;
 }


 .delegates_cnt {
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     max-width: 850px;
     margin: auto;
 }

 .delegates_t_head {
     display: flex;
     flex-direction: row;
     justify-content: flex-end;
     align-items: center;
     border-bottom: 2px solid #0f0f0f;
     padding-bottom: 5px;
     margin-bottom: 0;
 }

 .h_delegate_cell {
     margin: 5px;
     display: flex;
     justify-content: center;
     align-self: end;
 }

 .h_delegate_day {
     width: 10%;
     margin-left: 0;
 }

 .h_delegate_state {
     width: 30%;
 }

 .h_delegate_to_be_assigned {
     color: #0F0F0F;
     font-family: "SoleSans", Arial, Helvetica, sans-serif;
     font-size: 15px;
     font-style: normal;
     font-weight: 400;
     line-height: normal;
     text-align: center;
     width: 15%;
     text-transform: uppercase;
 }


 .h_delegate_candidate,
 .h_delegate_others {
     display: flex;
     flex-direction: column;
     justify-content: flex-end;
     align-items: center;
     width: 20%;
 }

 .h_delegate_others {
     width: 20%;
     margin-right: 0;
 }

 .h_image {
     width: 136px;
     height: 136px;
     position: relative;
     outline: 2px solid transparent;
 }

 .h_image img {
     position: absolute;
     top: 0;
     left: 50%;
     transform: translate(-50%);
     width: 136px;
     height: 136px;
     border-radius: 50%;
     z-index: 10;
 }

 .h_name {
     color: #0F0F0F;
     font-family: "SoleSans", Arial, Helvetica, sans-serif;
     font-size: 24px;
     font-style: normal;
     font-weight: 600;
     line-height: normal;
     text-align: center;
     padding-top: 10px;
 }

 .h_total {
     color: #0F0F0F;
     font-family: "SoleSans", Arial, Helvetica, sans-serif;
     font-size: 30px;
     font-style: normal;
     font-weight: 400;
     line-height: normal;
     text-align: center;
 }


 .delegates_t_body {
     display: flex;
     flex-direction: column;
     justify-content: flex-start;
     align-items: flex-start;
     margin: auto;
     margin-top: 0;
 }

 .delegate_row {
     display: flex;
     flex-direction: row;
     justify-content: center;
     align-items: flex-start;
 }

 .delegate_cell {
     margin: 5px;
 }

 .delegate_row:first-of-type .delegate_cell {
     margin-top: 0;
 }

 .delegate_day {
     color: #0F0F0F;
     font-family: "SoleSans", Arial, Helvetica, sans-serif;
     font-size: 18px;
     font-style: normal;
     font-weight: 400;
     line-height: normal;
     text-align: left;
     width: 10%;
     margin-left: 0;
 }

 .delegate_state {
     color: #0F0F0F;
     font-family: "SoleSans", Arial, Helvetica, sans-serif;
     font-size: 18px;
     font-style: normal;
     font-weight: 600;
     line-height: normal;
     text-align: left;
     width: 30%;
 }

 .delegate_to_be_assigned {
     color: #0F0F0F;
     font-family: "SoleSans", Arial, Helvetica, sans-serif;
     font-size: 18px;
     font-style: normal;
     font-weight: 400;
     line-height: normal;
     text-align: center;
     width: 15%;
 }

 .delegate_candidate {
     color: #fff;
     font-family: "SoleSans", Arial, Helvetica, sans-serif;
     font-size: 18px;
     font-style: normal;
     font-weight: 500;
     line-height: normal;
     text-align: center;
     width: 20%;
 }

 .delegate_others {
     color: #fff;
     font-family: "SoleSans", Arial, Helvetica, sans-serif;
     font-size: 18px;
     font-style: normal;
     font-weight: 500;
     line-height: normal;
     text-align: center;
     width: 20%;
     margin-right: 0;
 }

 @media only screen and (max-width: 480px) {
     .del_num_name {
         font-size: 20px;
     }

     .del_num {
         font-size: 50px;
     }

     .chart_del_num {
         max-width: 100%;
     }

     .chart_btn_cnt {
         flex-direction: row;
     }

     .chart_btn {
         min-width: 50%;
     }

     .h_delegate_day {
         width: 15%;
     }

     .h_delegate_state {
         width: 40%;
     }

     .h_delegate_to_be_assigned {
         font-size: 12px;
         padding-bottom: 2px;
     }

     .h_delegate_candidate {
         width: 15%;
     }

     .h_delegate_others {
         width: 15%;
     }

     .h_image {
         width: 50px;
         height: 50px;
     }

     .h_image img {
         width: 50px;
         height: 50px;
     }

     .h_name {
         font-size: 18px;
     }

     .h_total {
         font-size: 18px;
     }

     .delegate_day {
         width: 15%;
         font-size: 15px;
     }

     .delegate_cell {
         margin-left: 0px;
     }

     .delegate_state {
         font-size: 15px;
         width: 40%;
     }

     .delegate_to_be_assigned {
         font-size: 16px;
     }

     .delegate_candidate {
         font-size: 16px;
         width: 15%;
     }

     .delegate_others {
         font-size: 16px;
         width: 15%;
     }

 }