.chart.cell{width:100px;height:100px;float:left;background-color:#fff;border-width:1px;border-style: solid;border-color: #F57500;}
.chart.cell.top{border-top-width:2px;}
.chart.cell.right{border-right-width:2px;}
.chart.cell.bottom{border-bottom-width:2px;}
.chart.cell.left{border-left-width:2px;}
.chart.cell.middle1{border-right-color:#F5F5DC;border-bottom-color:#F5F5DC;}
.chart.cell.middle2{border-left-color:#fff;border-bottom-color:#fff;}
.chart.cell.middle3{border-right-color:#F5F5DC;border-top-color:#F5F5DC;}
.chart.cell.middle4{border-left-color:#F5F5DC;border-top-color:#F5F5DC;}
.chart.clear{clear:left;}
.chart.subcell{width:33.3px !important;height:33.3px !important;float:left;line-height:85%;}
.chart.cell1{background-image:url(/Images/chart-images/aries.gif);background-repeat:no-repeat;background-position:left bottom;}
.chart.cell2{background-image:url(/Images/chart-images/taurus.gif);background-repeat:no-repeat;background-position:left bottom;}
.chart.cell3{background-image:url(/Images/chart-images/gemini.gif);background-repeat:no-repeat;background-position:left bottom;}                
.chart.cell4{background-image:url(/Images/chart-images/cancer.gif);background-repeat:no-repeat;background-position:left bottom;}
.chart.cell5{background-image:url(/Images/chart-images/leo.gif);background-repeat:no-repeat;background-position:left bottom;}
.chart.cell6{background-image:url(/Images/chart-images/virgo.gif);background-repeat:no-repeat;background-position:left bottom;}
.chart.cell7{background-image:url(/Images/chart-images/libra.gif);background-repeat:no-repeat;background-position:left bottom;}                
.chart.cell8{background-image:url(/Images/chart-images/scorpio.gif);background-repeat:no-repeat;background-position:left bottom;}                
.chart.cell9{background-image:url(/Images/chart-images/sagittarius.gif);background-repeat:no-repeat;background-position:left bottom;}              
.chart.cell10{background-image:url(/Images/chart-images/capricorn.gif);background-repeat:no-repeat;background-position:left bottom;}
.chart.cell11{background-image:url(/Images/chart-images/aquarius.gif);background-repeat:no-repeat;background-position:left bottom;}
.chart.cell12{background-image:url(/Images/chart-images/pisces.gif);background-repeat:no-repeat;background-position:left bottom;}           
.chart.chartcontent.position{font-size:xx-small; color:Blue;   }            
.chart.chartcontent.planet{font-size:small; color:Maroon;   }		
.list{list-style:none;}            
.chart.chartcontent.naks{font-size:xx-small; color:Green;   }            
.chart.title{color:Red;font-size:xx-small;}                
.chart.Su{background-color:#FF4500;height:4px;width:4px;border:1px solid black;}             
.chart.Mo{background-color: #82CAFA;height:4px;width:4px;border:1px solid black;}
.chart.Ma{background-color: #FF0000;height:4px;width:4px;border:1px solid black;}
.chart.Me{background-color: #B1FB17;height:4px;width:4px;border:1px solid black;}
.chart.Ju{background-color:#52D017;height:4px;width:4px;border:1px solid black;}
.chart.Ve{background-color:#8D38C9;height:4px;width:4px;border:1px solid black;}
.chart.Sa{background-color:#0000A0;height:4px;width:4px;border:1px solid black;}
.chart.Ra{background-color:#ADDFFF;height:4px;width:4px;border:1px solid black;}
.chart.Ke{background-color: #FAAFBA;height:4px;width:4px;border:1px solid black;}
.chart.Asc(1st House){background-color:#FFEBCD;height:4px;width:4px;border:1px solid black;}
div.chart.container{padding:0px !important;}
#reportnewdesign .chart.Su, #reportnewdesign .chart.Mo, #reportnewdesign .chart.Ma, #reportnewdesign .chart.Me, #reportnewdesign .chart.Ve, #reportnewdesign .chart.Ju, #reportnewdesign .chart.Sa, #reportnewdesign .chart.Ra, #reportnewdesign .chart.Ke, #reportnewdesign .chart.La {
    display: none;}
table.chart-sel-table {
    width: 100%;
}
.birth-chart-result {
    padding: 0;
}
.birth-chart .col-xs-12 {
    padding: 0;
}
#Result .container {
  width: 100% !important;
  max-width: 510px;
  aspect-ratio: 1 / 1;
  margin: 0 auto;
}
#Result .chart.cell {
  width: 25% !important;
  height: 25% !important;
  float: left;
  box-sizing: border-box;
}
#Result .chart.subcell {
  width: 33.33% !important;
  height: 33.33% !important;
  float: left;
  box-sizing: border-box;
}
#Result .chart.clear {
  clear: both;
}
#Result .chartcontent {
  font-size: clamp(8px, 1.8vw, 12px);
  text-align: center;
}
@media (max-width: 480px) {
  #Result .chartcontent {
    font-size: 9px;
  }
}