body{overflow:auto!important;}

.Odontogramhdr{
    color: #000;
    font-weight: bold;
}
.Odontogram.table-bordered>tbody>tr>td {
    border: 1px solid #ddd!important;
}
.Odontogram td:nth-child(1),
.Odontogram td:nth-child(4){
     width:50px;
    text-align: center;
    color: #000;
    font-weight: bold;
}
.Odontogram td:nth-child(2){
    
}
.Odontogram td:nth-child(3){

}
.OdontogramImg td{
    border:0!important;
    text-align:center;
    color:#000; font-weight:bold;
    font-size:80%;
}
.OdontogramImg img{
    cursor:pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.OdontogramImg img:hover{
    box-shadow: inset 0 0 transparent, 0 0 0 3px #FC7700;
    -moz-box-shadow: inset 0 0 transparent, 0 0 0 3px #FC7700;
    -webkit-box-shadow: inset 0 0 transparent, 0 0 0 3px #FC7700;
}

.OdontogramRight {
    position: absolute;
    left: -11px;
    top: 86px;
    color: #000;
    font-weight: bold;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
}
.OdontogramLeft {
    color: #000;
    font-weight: bold;
    position: absolute;
    right: -6px;
    top: 90px;
    transform: rotate(90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
}

/******************************************
        Permanent Teeth Charting 
******************************************/
#Charting{position:relative; margin:25px auto; width:1043px; background:#fff;}
.ChartingHeader
{
    font-size: 130%;
    font-weight: 500;
    color: #1B2432;
    margin: 0;
    padding: 8px 15px;
    position: relative;
    text-align: center;
}
        
.Maxilla{ width:100%;}
/*.Maxilla td, .Mandible td{ padding-left: 5px; padding-right: 5px;}
.Maxilla .innTable td:nth-child(1),  .Mandible .innTable td:nth-child(1) {width: 58px;}
.Maxilla .innTable td:nth-child(2),  .Mandible .innTable td:nth-child(2) {width: 58px;}
.Maxilla .innTable td:nth-child(3),  .Mandible .innTable td:nth-child(3) {width: 58px;}
.Maxilla .innTable td:nth-child(4),  .Mandible .innTable td:nth-child(4) {width: 56px;}
.Maxilla .innTable td:nth-child(5),  .Mandible .innTable td:nth-child(5) {width: 56px;}
.Maxilla .innTable td:nth-child(6),  .Mandible .innTable td:nth-child(6) {width: 56px;}
.Maxilla .innTable td:nth-child(7),  .Mandible .innTable td:nth-child(7) {width: 54px;}
.Maxilla .innTable td:nth-child(8),  .Mandible .innTable td:nth-child(8) {width: 57px;}
.Maxilla .innTable td:nth-child(9),  .Mandible .innTable td:nth-child(9) {width: 57px;}
.Maxilla .innTable td:nth-child(10), .Mandible .innTable td:nth-child(10){width: 54px;}
.Maxilla .innTable td:nth-child(11), .Mandible .innTable td:nth-child(11){width: 56px;}
.Maxilla .innTable td:nth-child(12), .Mandible .innTable td:nth-child(12){width: 56px;}
.Maxilla .innTable td:nth-child(13), .Mandible .innTable td:nth-child(13){width: 56px;}
.Maxilla .innTable td:nth-child(14), .Mandible .innTable td:nth-child(14){width: 58px;}
.Maxilla .innTable td:nth-child(15), .Mandible .innTable td:nth-child(15){width: 58px;}
.Maxilla .innTable td:nth-child(16), .Mandible .innTable td:nth-child(16){width: 58px;}*/
.Maxilla .innTable td, .Mandible .innTable td{padding:0;position: relative;}
     
                              
.MaxillaBuccal{}
.MaxillaOcclusal{}
.MaxillaLingual{}
        
.relative{position:relative;}
        
.Mandible{width:100%;}
        
svg.chart{position:absolute; top:0; left:0; z-index:2;}
        
        
/*.lineMain .D{width: 4px;height: 5px;background: #5e6d57;display: block;position: absolute;bottom: 0;left: 5px;}
.lineMain .C{width: 4px;height: 7px;background: #ff0000;display: block;position: absolute;bottom: 0;left: 50%; margin-left:-3px;}
.lineMain .M{width: 4px;height: 3px;background: #0000ff;display: block;position: absolute;bottom: 0;right: 9px;}*/
.circle{width: 4px; height: 4px; background: transparent;position: absolute;z-index: 1;}

.circle.PDCircleRed:before,
.circle.PDCircleGreen:before,
.circle.PDCircleYellow:before{
    content: "";
    width: 2px;
    height:2px;
    position: absolute;
    left: 100%;
    bottom: 0px;
    background: #000;
}
.circle.PDCircleRed:after,
.circle.PDCircleGreen:after,
.circle.PDCircleYellow:after{
    content: "";
    height: calc(100% - 2px);
    width: 2px;
    position: absolute;
    left: 100%;
    top: 1px;
    background: #000;
    -webkit-transform: skew(0deg,35deg);
    -moz-transform: skew(0deg,35deg);
    -ms-transform: skew(0deg,35deg);
    -O-transform: skew(0deg,35deg);
    transform: skew(0deg,35deg);
}

.PDCircleRed{background: #ff0000;}
.PDCircleGreen{background:#008000;}
.PDCircleYellow{background:#f3bc00;}
        
        
.MaxillaBuccal:before,
.MaxillaLingual:before,
.MandibleBuccal:before,
.MandibleLingual:before
{
    display:none;
    position: absolute;
    left: -60px;
    line-height: normal;
    font-size: 12pt;
    font-weight: 600;
    color: #ff0000;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.MaxillaBuccal > table,
.MaxillaOcclusal > table,
.MaxillaLingual > table,
.MandibleBuccal > table,
.MandibleOcclusal > table,
.MandibleLingual > table {
    margin:0 auto;
}    
        
.MaxillaBuccal > table >tbody > tr > td:first-child,
.MaxillaOcclusal > table >tbody > tr > td:first-child,
.MaxillaLingual > table >tbody > tr > td:first-child,
.MandibleBuccal > table >tbody > tr > td:first-child,
.MandibleOcclusal > table >tbody > tr > td:first-child,
.MandibleLingual > table >tbody > tr > td:first-child{
    /*width: 150px;*/
    width: 136px;
    font-size: 109%;
    font-weight: 500;
    color: #1B2432;
    text-align: right;
    padding-left: 0;
    padding-right: 25px;
    white-space: nowrap;
}
         
.MaxillaBuccal > table >tbody > tr > td:nth-child(2),
.MaxillaOcclusal > table >tbody > tr > td:nth-child(2),
.MaxillaLingual > table >tbody > tr > td:nth-child(2),
.MandibleBuccal > table >tbody > tr > td:nth-child(2),
.MandibleOcclusal > table >tbody > tr > td:nth-child(2),
.MandibleLingual > table >tbody > tr > td:nth-child(2){
    padding:0;
}
         
         
#Charting .table-bordered>tbody>tr>td, 
#Charting .table-bordered>tbody>tr>th, 
#Charting .table-bordered>tfoot>tr>td, 
#Charting .table-bordered>tfoot>tr>th, 
#Charting .table-bordered>thead>tr>td, 
#Charting .table-bordered>thead>tr>th,
#PedoCharting .table-bordered>tbody>tr>td, 
#PedoCharting .table-bordered>tbody>tr>th, 
#PedoCharting .table-bordered>tfoot>tr>td, 
#PedoCharting .table-bordered>tfoot>tr>th, 
#PedoCharting .table-bordered>thead>tr>td, 
#PedoCharting .table-bordered>thead>tr>th{border-color: #a4a4a4!important;}
         
.martp-1{ margin-top:-1px;}     

#Charting.RestoCharting .NonRestoCharting,
#PedoCharting.PedoRestoCharting .NonRestoCharting{display:none;}

#Charting.PerioCharting .NonPerioCharting,
#PedoCharting.PedoPerioCharting .NonPerioCharting{display:none;}

         
#Charting.BothCharting .NonPerioCharting,
#Charting.RestoCharting .NonPerioCharting,
#PedoCharting.PedoBothCharting .NonPerioCharting,
#PedoCharting.PedoRestoCharting .NonPerioCharting{display:block!important;}
         

.lineMain{height: 110px;width: 100%;position: absolute;left: 0;right: 0;/*z-index: 1;*/}
.lineMain:before{background:#000; width:100%; height:1px;position: absolute;left: 0;right: 0; content:"";z-index: 1;}
.lineMain>.line{
    height: -webkit-calc(100%/10);
    height: -moz-calc(100%/10);
    height: -ms-calc(100%/10);
    height: -o-calc(100%/10);
    height: calc(100%/10);
    position:relative;
}
      
         
.MaxillaBuccalTeeth,
.MaxillaLingualTeeth{
    height: 130px;
    margin: 20px 0 0px;
} 
.MaxillaBuccalTeeth .ArrowContainer,
.MaxillaLingualTeeth .ArrowContainer{
    position: relative;
    bottom: -15px;
}  
.MaxillaBuccal:before{content: "BUCCAL"; top: 52px;}
.MaxillaBuccal .lineMain{top: -4px;}
.MaxillaBuccal .lineMain:before, .MaxillaLingual .lineMain:before{bottom:0;}

.MaxillaBuccal .lineMain>.line{border-top: 1px solid #ccc;}
.MaxillaBuccal .circle{ bottom: 0px;}
.MaxillaBuccal .lineMain>.line:nth-child(10), .MaxillaLingual .lineMain>.line:nth-child(10){border-bottom: 1px solid #ffafaf;}  
                                                                                                                  
.MaxillaBuccal .lineMain .line:before,
.MaxillaLingual .lineMain .line:before{font-size: 11px;position: absolute;left: -18px;top: -7px;width: 11px;text-align: right;line-height: normal;font-weight: 600;color: #1B2432;}

.MaxillaBuccal .lineMainMinus .lineMinus:before,
.MaxillaLingual .lineMainMinus .lineMinus:before{font-size: 11px;position: absolute;left: -18px;top: 6px;width: 11px;text-align: right;line-height: normal;font-weight: 600;color: #1B2432;}


.MaxillaBuccal .lineMain .line:nth-child(10):after{content: "0";font-size: 11px;position: absolute;left: -18px;bottom: -7px;width: 11px;text-align: right;line-height: normal;color:#ff0000;}
.MaxillaBuccal .lineMain .line:nth-child(1):before, .MaxillaLingual .lineMain .line:nth-child(1):before {content: "10";}
.MaxillaBuccal .lineMain .line:nth-child(2):before, .MaxillaLingual .lineMain .line:nth-child(2):before {content: "9";}
.MaxillaBuccal .lineMain .line:nth-child(3):before, .MaxillaLingual .lineMain .line:nth-child(3):before {content: "8";}
.MaxillaBuccal .lineMain .line:nth-child(4):before, .MaxillaLingual .lineMain .line:nth-child(4):before {content: "7";}
.MaxillaBuccal .lineMain .line:nth-child(5):before, .MaxillaLingual .lineMain .line:nth-child(5):before {content: "6";}
.MaxillaBuccal .lineMain .line:nth-child(6):before, .MaxillaLingual .lineMain .line:nth-child(6):before {content: "5";}
.MaxillaBuccal .lineMain .line:nth-child(7):before, .MaxillaLingual .lineMain .line:nth-child(7):before {content: "4";}
.MaxillaBuccal .lineMain .line:nth-child(8):before, .MaxillaLingual .lineMain .line:nth-child(8):before {content: "3";}
.MaxillaBuccal .lineMain .line:nth-child(9):before, .MaxillaLingual .lineMain .line:nth-child(9):before {content: "2";}
.MaxillaBuccal .lineMain .line:nth-child(10):before, .MaxillaLingual .lineMain .line:nth-child(10):before{content: "1";}


.lineMainMinus{height: 55px;width: 100%;position: absolute;left: 0;right: 0; }
.lineMainMinus>.lineMinus{
    height: -webkit-calc(100%/5);
    height: -moz-calc(100%/5);
    height: -ms-calc(100%/5);
    height: -o-calc(100%/5);
    height: calc(100%/5);
    position:relative;
}

.MaxillaBuccal .lineMainMinus, .MaxillaLingual .lineMainMinus{bottom:-55px;}
.MaxillaBuccal .lineMainMinus>.lineMinus, .MaxillaLingual .lineMainMinus>.lineMinus{border-bottom: 1px solid #ccc;}
.MaxillaBuccal .lineMainMinus .lineMinus:nth-child(1):before, .MaxillaLingual .lineMainMinus .lineMinus:nth-child(1):before {content: "1";}
.MaxillaBuccal .lineMainMinus .lineMinus:nth-child(2):before, .MaxillaLingual .lineMainMinus .lineMinus:nth-child(2):before {content: "2";}
.MaxillaBuccal .lineMainMinus .lineMinus:nth-child(3):before, .MaxillaLingual .lineMainMinus .lineMinus:nth-child(3):before {content: "3";}
.MaxillaBuccal .lineMainMinus .lineMinus:nth-child(4):before, .MaxillaLingual .lineMainMinus .lineMinus:nth-child(4):before {content: "4";}
.MaxillaBuccal .lineMainMinus .lineMinus:nth-child(5):before, .MaxillaLingual .lineMainMinus .lineMinus:nth-child(5):before {content: "5";}


.MaxillaBuccal .TeethImag td{position:relative;/*padding-bottom:15px;*/}
.MaxillaBuccal .TeethImag td img{ position: relative; z-index:1;}
.MaxillaBuccal .TeethImag td:nth-child(1) img{top: -16px;}      
.MaxillaBuccal .TeethImag td:nth-child(2) img{top: -22px;}
.MaxillaBuccal .TeethImag td:nth-child(3) img{top: -17px;}
.MaxillaBuccal .TeethImag td:nth-child(4) img{top: 3px;}
.MaxillaBuccal .TeethImag td:nth-child(5) img{top: 0px;}
.MaxillaBuccal .TeethImag td:nth-child(6) img{top: 0px;}
.MaxillaBuccal .TeethImag td:nth-child(7) img{top: 2px;}
.MaxillaBuccal .TeethImag td:nth-child(8) img{top: 8px;}
.MaxillaBuccal .TeethImag td:nth-child(9) img{top: 9px;}
.MaxillaBuccal .TeethImag td:nth-child(10) img{top: 4px;}
.MaxillaBuccal .TeethImag td:nth-child(11) img{top: 2px;}
.MaxillaBuccal .TeethImag td:nth-child(12) img{top: 1px;}
.MaxillaBuccal .TeethImag td:nth-child(13) img{top: 2px;}
.MaxillaBuccal .TeethImag td:nth-child(14) img{top: -17px;}
.MaxillaBuccal .TeethImag td:nth-child(15) img{top: -20px;}
.MaxillaBuccal .TeethImag td:nth-child(16) img{top: -16px;}
        
.TwoSideArrow td{ text-align:center;}

.TwoSideArrow .TwoSideArrowGreen{font-size:10pt;color:Green; display:block;line-height: 0.5;position: relative;z-index: 1;}
.TwoSideArrow .TwoSideArrowYellow{font-size:14pt;color:#f3bc00; display:block;line-height: 0.5;position: relative;z-index: 1;}
.TwoSideArrow .TwoSideArrowRed{font-size:18pt;color:#ff0000; display:block;line-height: 0.5;position: relative;z-index: 1;}
.stop td{text-align:center;    line-height: 0.5;}

.stop .fa-stop 
{
    font-size: 5pt;margin: 0 2px;
    overflow:hidden;color:transparent;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.stop .fa-stop.redStop:before{
    color: #ff0000;
}
.stop .fa-stop.yellowStop:before{
    color: #f3bc00;
}
.stop .fa-stop.halfStop:before{
    color: #ff0000;
}
.stop .fa-stop.halfStop:after
{
    content: "\f04d";
    font-family: FontAwesome;
    position: absolute;
    top: 0;
    left: 1px;
    line-height: 0;
    font-size: 8pt;
    color: #f3bc00;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
        
.Maxilla .TeethCap{position: absolute;top: 0px;z-index: 2;}
.Mandible .TeethCap{position: absolute;bottom: 0px;z-index: 2;}
.TeethCapCount td{ text-align:center;line-height:normal; }
.TeethCapCount td>div
{
    position: relative;
    width: 12px;
    height: 12px;
    margin: 0 auto;
    padding-top: 6px;
    color: #000;
    font-weight: 700;
    z-index: 1;
}
.TeethCapCount td>div:before
{
    content: "";
    border-left: 2px solid #000;
    border-top: 2px solid #000;
    position: absolute;
    left: 0px; right: 0; top: 0px; bottom: 0;
    text-align: center;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}  

.teethNumber td{
    font-weight: 600;
    color: #1B2432;
    background: #E6E6E6;
    /*font-size: 10pt;*/
    text-align:center;
    line-height:normal;
    height: 22px;  width: 40px; 
}  
.TeethImag td{text-align: center;position: relative;    width: 40px; /*padding:0px 5px;vertical-align: bottom;*/}
.TeethImag td img{width: 80%;}


.MaxillaBuccal .TeethImag td, .MaxillaLingual .TeethImag td{vertical-align: bottom;}
.MaxillaOcclusal .TeethImag td, .MandibleOcclusal .TeethImag td{vertical-align: middle; /*padding-top: 10px; padding-bottom: 10px;*/}
.MandibleBuccal .TeethImag td, .MandibleLingual .TeethImag td{vertical-align: top;}
        



        
        
.MaxillaLingual:before{content: "LINGUAL"; bottom:52px;}
.MaxillaLingual .lineMain{top: 0;/*z-index: 1;*/}
.MaxillaLingual .circle{ bottom: 0px;}
.MaxillaLingual .lineMain>.line{border-top: 1px solid #ccc;}                                                                                                   
.MaxillaLingual .lineMain .line:nth-child(10):after{content: "0";font-size: 11px;position: absolute;left: -18px;bottom: -7px;width: 11px;text-align: right;line-height: normal;color:#ff0000;}
.MaxillaLingual .TeethImag td{position:relative;/*padding-top: 15px;*/}
.MaxillaLingual .TeethImag td img{ position: relative; z-index:1;}
.MaxillaLingual .TeethImag td:nth-child(1) img{top: -14px;}     
.MaxillaLingual .TeethImag td:nth-child(2) img{top: -13px;}
.MaxillaLingual .TeethImag td:nth-child(3) img{top: -11px;}
.MaxillaLingual .TeethImag td:nth-child(4) img{top: -5px;}
.MaxillaLingual .TeethImag td:nth-child(5) img{top: 0px;}
.MaxillaLingual .TeethImag td:nth-child(6) img{top: 1px;}
.MaxillaLingual .TeethImag td:nth-child(7) img{top: 1px;}
.MaxillaLingual .TeethImag td:nth-child(8) img{top: 1px;}
.MaxillaLingual .TeethImag td:nth-child(9) img{top: 0px;}
.MaxillaLingual .TeethImag td:nth-child(10) img{top: 0px;}
.MaxillaLingual .TeethImag td:nth-child(11) img{top: 2px;}
.MaxillaLingual .TeethImag td:nth-child(12) img{top: -2px;}
.MaxillaLingual .TeethImag td:nth-child(13) img{top: -6px;}
.MaxillaLingual .TeethImag td:nth-child(14) img{top: -11px;}
.MaxillaLingual .TeethImag td:nth-child(15) img{top: -16px;}
.MaxillaLingual .TeethImag td:nth-child(16) img{top: -12px;}






.MandibleBuccalTeeth,
.MandibleLingualTeeth{
    height: 130px;
    margin: 20px 0 0px;
} 
.MandibleBuccalTeeth .ArrowContainer,
.MandibleLingualTeeth .ArrowContainer{
    position: relative;
    top: -4px;
}

.MandibleBuccal:before{content: "BUCCAL"; bottom:52px;}
.MandibleBuccal .lineMain{bottom: -20px;}
.MandibleBuccal .lineMain:before, .MandibleLingual .lineMain:before{top:0;}
.MandibleBuccal .circle{  top: 0px;}
.MandibleBuccal .lineMain>.line{border-bottom: 1px solid #ccc;}
.MandibleBuccal .lineMain>.line:nth-child(1), .MandibleLingual .lineMain>.line:nth-child(1){border-top: 1px solid #ffafaf;}

.MandibleBuccal .lineMain .line:before,
.MandibleLingual .lineMain .line:before{font-size: 11px;position: absolute;left: -18px;top: 6px;width: 11px;text-align: right;line-height: normal;font-weight: 600;color: #1B2432;}
.MandibleBuccal .lineMainMinus .lineMinus:before,
.MandibleLingual .lineMainMinus .lineMinus:before{font-size: 11px;position: absolute;left: -18px;top: -7px;width: 11px;text-align: right;line-height: normal;font-weight: 600;color: #1B2432;}


.MandibleBuccal .lineMain .line:nth-child(1):after{content: "0";font-size: 11px;position: absolute;left: -18px;top: -7px;width: 11px;text-align: right;line-height: normal;color:#ff0000;}
.MandibleBuccal .lineMain .line:nth-child(1):before, .MandibleLingual .lineMain .line:nth-child(1):before {content: "1";}
.MandibleBuccal .lineMain .line:nth-child(2):before, .MandibleLingual .lineMain .line:nth-child(2):before {content: "2";}
.MandibleBuccal .lineMain .line:nth-child(3):before, .MandibleLingual .lineMain .line:nth-child(3):before {content: "3";}
.MandibleBuccal .lineMain .line:nth-child(4):before, .MandibleLingual .lineMain .line:nth-child(4):before {content: "4";}
.MandibleBuccal .lineMain .line:nth-child(5):before, .MandibleLingual .lineMain .line:nth-child(5):before {content: "5";}
.MandibleBuccal .lineMain .line:nth-child(6):before, .MandibleLingual .lineMain .line:nth-child(6):before {content: "6";}
.MandibleBuccal .lineMain .line:nth-child(7):before, .MandibleLingual .lineMain .line:nth-child(7):before {content: "7";}
.MandibleBuccal .lineMain .line:nth-child(8):before, .MandibleLingual .lineMain .line:nth-child(8):before {content: "8";}
.MandibleBuccal .lineMain .line:nth-child(9):before, .MandibleLingual .lineMain .line:nth-child(9):before {content: "9";}
.MandibleBuccal .lineMain .line:nth-child(10):before, .MandibleLingual .lineMain .line:nth-child(10):before{content: "10";}


.MandibleBuccal .lineMainMinus, .MandibleLingual .lineMainMinus{top:-55px;}
.MandibleBuccal .lineMainMinus>.lineMinus, .MandibleLingual .lineMainMinus>.lineMinus{border-top: 1px solid #ccc;}
.MandibleBuccal .lineMainMinus .lineMinus:nth-child(1):before, .MandibleLingual .lineMainMinus .lineMinus:nth-child(1):before {content: "5";}
.MandibleBuccal .lineMainMinus .lineMinus:nth-child(2):before, .MandibleLingual .lineMainMinus .lineMinus:nth-child(2):before {content: "4";}
.MandibleBuccal .lineMainMinus .lineMinus:nth-child(3):before, .MandibleLingual .lineMainMinus .lineMinus:nth-child(3):before {content: "3";}
.MandibleBuccal .lineMainMinus .lineMinus:nth-child(4):before, .MandibleLingual .lineMainMinus .lineMinus:nth-child(4):before {content: "2";}
.MandibleBuccal .lineMainMinus .lineMinus:nth-child(5):before, .MandibleLingual .lineMainMinus .lineMinus:nth-child(5):before {content: "1";}


.MandibleBuccal .TeethImag td{position:relative;/*padding-bottom:15px;*/}
.MandibleBuccal .TeethImag td img{ position: relative;z-index: 1;}
.MandibleBuccal .TeethImag td:nth-child(1) img{top: 22px;}
.MandibleBuccal .TeethImag td:nth-child(2) img{top: 22px;}
.MandibleBuccal .TeethImag td:nth-child(3) img{top: 25px;}
.MandibleBuccal .TeethImag td:nth-child(4) img{top: 13px;}
.MandibleBuccal .TeethImag td:nth-child(5) img{top: 14px;}
.MandibleBuccal .TeethImag td:nth-child(6) img{top: 4px;}
.MandibleBuccal .TeethImag td:nth-child(7) img{top: 6px;}
.MandibleBuccal .TeethImag td:nth-child(8) img{top: 7px;}
.MandibleBuccal .TeethImag td:nth-child(9) img{top: 5px;}
.MandibleBuccal .TeethImag td:nth-child(10) img{top: 6px;}
.MandibleBuccal .TeethImag td:nth-child(11) img{top: 0px;}
.MandibleBuccal .TeethImag td:nth-child(12) img{top: 15px;}
.MandibleBuccal .TeethImag td:nth-child(13) img{top: 13px;}
.MandibleBuccal .TeethImag td:nth-child(14) img{top: 24px;}
.MandibleBuccal .TeethImag td:nth-child(15) img{top: 21px;}
.MandibleBuccal .TeethImag td:nth-child(16) img{top: 23px;}
        

.MandibleLingual:before{content: "LINGUAL"; bottom:52px;}
.MandibleLingual .lineMain{bottom: -15px;}

.MandibleLingual .circle{ top: 0px;}
.MandibleLingual .lineMain>.line{border-bottom: 1px solid #ccc;}

.MandibleLingual .lineMain .line:nth-child(1):after{content: "0";font-size: 11px;position: absolute;left: -18px;top: -7px;width: 11px;text-align: right;line-height: normal;color:#ff0000;}
.MandibleLingual .TeethImag td img{ position: relative; z-index:1;}
.MandibleLingual .TeethImag td:nth-child(1) img{top: 22px;}
.MandibleLingual .TeethImag td:nth-child(2) img{top: 18px;}
.MandibleLingual .TeethImag td:nth-child(3) img{top: 17px;}
.MandibleLingual .TeethImag td:nth-child(4) img{top: 21px;}
.MandibleLingual .TeethImag td:nth-child(5) img{top: 12px;}
.MandibleLingual .TeethImag td:nth-child(6) img{top: 0px;}
.MandibleLingual .TeethImag td:nth-child(7) img{top: 5px;}
.MandibleLingual .TeethImag td:nth-child(8) img{top: 1px;}
.MandibleLingual .TeethImag td:nth-child(9) img{top: 3px;}
.MandibleLingual .TeethImag td:nth-child(10) img{top: 6px;}
.MandibleLingual .TeethImag td:nth-child(11) img{top: -1px;}
.MandibleLingual .TeethImag td:nth-child(12) img{top: 9px;}
.MandibleLingual .TeethImag td:nth-child(13) img{top: 20px;}
.MandibleLingual .TeethImag td:nth-child(14) img{top: 18px;}
.MandibleLingual .TeethImag td:nth-child(15) img{top: 17px;}
.MandibleLingual .TeethImag td:nth-child(16) img{top: 22px;}
        
/*svg{display:none;}*/     
        
.OneInput input[type=text]
{
    width:100%;
    border:0;
    text-align:center;
    outline:0;
}
.ThreeInput input[type=text]
{
    width:33.33%;
    float: left;
    border:0;outline:0;
    text-align:center;
}
.ThreeInput td{ white-space:nowrap;}
        
.ThreeInput label.radiobtn,
.ThreeInput label.cbox
{
    padding:0;
}
.ThreeInput label.radiobtn input[type="radio"] + i:before, 
.ThreeInput label.cbox input[type="checkbox"] + i:before {
    font-size: 14px;
    float:left;
}

.ToothDefaultImg{
    top: inherit!important;
}
        
.dot{
    position: absolute;
    width: 0px; height: 0px; z-index: 1;background: #ff0000;
    /*width: 4px; height: 4px;z-index: 3;background: #000000;
    margin: 0 0 -2px -1px;
    border-radius: 100%;*/
    
}
/*#DrawingMaxillaBR .Graphline {z-index: 1;}
#DrawingMaxillaBLOA .Graphline {z-index: 2;}*/
.GraphlineBlue {z-index: 1;}
.GraphlineRed {z-index: 2;}
.selectedteeth {background-color:aqua!important;}


.ldvHide{margin:0 auto; float:none; width: 100%!important;}

/******************************************
        Permanent Teeth Charting end 
******************************************/


/******************************************
          Pedo Charting
******************************************/
#PedoCharting{position:relative; margin:0 auto; width:880px;  background:#fff;}

.PedoMaxilla .innTable, .PedoMandible .innTable{width:800px;}
.PedoMaxilla td, .PedoMandible td{ width:50px; text-align:center;}
/*.PedoMaxilla td, .PedoMandible td{ padding-left: 5px; padding-right: 5px;}
.PedoMaxilla .innTable td, .PedoMandible .innTable td{padding:0;}

.PedoMaxilla .innTable td:nth-child(1),  .PedoMandible .innTable td:nth-child(1) {width: 56px;}
.PedoMaxilla .innTable td:nth-child(2),  .PedoMandible .innTable td:nth-child(2) {width: 57px;}
.PedoMaxilla .innTable td:nth-child(3),  .PedoMandible .innTable td:nth-child(3) {width: 46px;}
.PedoMaxilla .innTable td:nth-child(4),  .PedoMandible .innTable td:nth-child(4) {width: 39px;}
.PedoMaxilla .innTable td:nth-child(5),  .PedoMandible .innTable td:nth-child(5) {width: 42px;}
.PedoMaxilla .innTable td:nth-child(6),  .PedoMandible .innTable td:nth-child(6) {width: 42px;}
.PedoMaxilla .innTable td:nth-child(7),  .PedoMandible .innTable td:nth-child(7) {width: 39px;}
.PedoMaxilla .innTable td:nth-child(8),  .PedoMandible .innTable td:nth-child(8) {width: 46px;}
.PedoMaxilla .innTable td:nth-child(9),  .PedoMandible .innTable td:nth-child(9) {width: 57px;}
.PedoMaxilla .innTable td:nth-child(10), .PedoMandible .innTable td:nth-child(10){width: 56px;}*/


.PedoMaxillaBuccal .TeethImag td, .PedoMaxillaLingual .TeethImag td{vertical-align: bottom; padding: 5px 0;}
.PedoMaxillaOcclusal.TeethImag td, .PedoMandibleOcclusal.TeethImag td{vertical-align: middle; /*padding-top: 10px; padding-bottom: 10px;*/}
.PedoMandibleBuccal .TeethImag td, .PedoMandibleLingual .TeethImag td{vertical-align: top; padding: 5px 0;}


.PedoMaxillaBuccal > table >tbody > tr > td:first-child, .PedoMaxillaOcclusal > table >tbody > tr > td:first-child, 
.PedoMaxillaLingual > table >tbody > tr > td:first-child, .PedoMandibleBuccal > table >tbody > tr > td:first-child, 
.PedoMandibleOcclusal > table >tbody > tr > td:first-child, .PedoMandibleLingual > table >tbody > tr > td:first-child {
    width: 80px;
    font-size: 109%;
    font-weight: 500;
    color: #1B2432;
    text-align: right;
    padding-right: 15px;
    padding-left: 0;
}

/******************************************
          Pedo Charting end
******************************************/



/******************************************
         Region Wise
******************************************/
.RegionWiseMain{
    width:620px; height:320px; margin:80px auto;
    position:relative;
}
.RegionWise{
    width:100%; height:100%; background-color:#fff;
    overflow:hidden;border-radius:100%; border:1px solid #ccc;
}
.RegionWise:after{
    content:"";
    width:1px;
    position:absolute;
    left:50%; top:0; bottom:0;
    background-color:#ccc;
}
.RegionWise:before{
    content:"";
    height:1px;
    position:absolute;
    left:0; right:0; top:50%;
    background-color:#ccc;
}
.RegionWise .selected{
    background-color:#eee;
}
.RegionWise .Region{
    width:25%;
    height:50%;
    float:left;
}
.RegionWise .Region .UpperAnterior{
    height: 50%;
    margin-top: 80px;
}
.RegionWise .Region .LowerAnterior{
    height: 50%;
}
.RegionWiseBtn input[type=button]{
    position:absolute;
    z-index: 2;
}
.RegionWiseBtn #UpperRight {
    top: 25%;
    left: 125px;
    -webkit-transform: translateY(-25%);
    -moz-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    -o-transform: translateY(-25%);
    transform: translateY(-25%);
}
.RegionWiseBtn #UpperAnterior{
    top:25%;
    left:50%;
    -webkit-transform: translate(-50%, -25%);
    -moz-transform: translate(-50%, -25%);
    -ms-transform: translate(-50%, -25%);
    -o-transform: translate(-50%, -25%);
    transform: translate(-50%, -25%);
}
.RegionWiseBtn #UpperLeft{
    top: 25%;
    right: 125px;
    -webkit-transform: translateY(-25%);
    -moz-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    -o-transform: translateY(-25%);
    transform: translateY(-25%);
}
.RegionWiseBtn #LowerRight {
    top: 75%;
    left: 125px;
    -webkit-transform: translateY(-75%);
    -moz-transform: translateY(-75%);
    -ms-transform: translateY(-75%);
    -o-transform: translateY(-75%);
    transform: translateY(-75%);
}
.RegionWiseBtn #LowerAnterior{
    top: 75%;
    left:50%;
    -webkit-transform: translate(-50%, -75%);
    -moz-transform: translate(-50%, -75%);
    -ms-transform: translate(-50%, -75%);
    -o-transform: translate(-50%, -75%);
    transform: translate(-50%, -75%);
}
.RegionWiseBtn #LowerLeft{
    top: 75%;
    right: 125px;
    -webkit-transform: translateY(-75%);
    -moz-transform: translateY(-75%);
    -ms-transform: translateY(-75%);
    -o-transform: translateY(-75%);
    transform: translateY(-75%);
}
.RegionWiseBtn #FullMouth{
    left:50%;
    top:50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.RegionWiseBtn #UpperArch{
    left:50%;
    top:-45px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.RegionWiseBtn #LowerArch{
    left:50%;
    bottom:-45px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.RegionLeftPannel { 
    width: 100px;
    position: absolute;
    top: 100px;
    left: 0px;
    right: 0;
}
/******************************************
         Region Wise end
******************************************/
/*Popup*/

.popupdvCharting {
    text-align: left;
    min-width: 220px;
    padding:9px 14px;
    color: #000;
    z-index: 9999;
    position: absolute;
    top: 40px;
    text-align: left;
    white-space: normal;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.popupdvCharting:before{
    content: '';
    position: absolute;
    left: 50%;
    top: -12px;
    z-index: 1;
    margin-left: -12px;
    border: 12px solid transparent;
    border-bottom-color: rgba(0,0,0,.2)!important;
    border-top: 0;
    -webkit-transition: all ease-out 0.2s;
    -moz-transition: all ease-out 0.2s;
    -ms-transition: all ease-out 0.2s;
    -o-transition: all ease-out 0.2s;
    transition: all ease-out 0.2s;
}
.popupdvCharting:after{
    content: '';
    position: absolute;
    left: 50%;
    top: -10px;
    z-index: 1;
    margin-left: -10px;
    border: 10px solid transparent;
    border-bottom-color: #fff!important;
    border-top: 0;
    -webkit-transition: all ease-out 0.2s;
    -moz-transition: all ease-out 0.2s;
    -ms-transition: all ease-out 0.2s;
    -o-transition: all ease-out 0.2s;
    transition: all ease-out 0.2s;
}
.popover-content img, .popupdvCharting > img{
    width: 40px!important;
    height:auto!important;
    margin-bottom: 5px;
    border-radius: 100%;
}
.popupdvCharting > span.scheduletitle {
    font-size:100%;
    font-weight:bold;
}
.popupdvCharting > span{
    font-size:85%;
    display:block;
    margin-bottom:5px;
}
/* End Popup*/


.HighFrenum {
    position: absolute;
    z-index: 999;
    left: 50px;
    top: 38px;
}
.HighFrenum > img{
    height: 50px;
}
.Supernumerary {
    position: absolute;
    z-index: 999;
    left: 50px;
    top: 25px;
}
.Supernumerary > img{
    height: 40px;
}

.MandibleSupernumerary {
    position: absolute;
    z-index: 999;
    left: 50px;
    top: 65px;
}
.MandibleSupernumerary > img{
    height: 40px;
}
.FoodImpactionMaxilla {
    position: absolute;
    top: 30px;
    left: 53px;
}
.FoodImpactionMandible {
    position: absolute;
    top: 5px;
    left: 53px;
}
.BuccalInclusiveMaxilla {
    position: absolute;
    /* top: 5px; */
    left: 20px;
    bottom: 50px
}

.LinguallyInclined {
    position: absolute;
    left: 20px;
}

.Red {
 color:red;
}
.Green {
 color:green;
}