.odontogram{
    width: 768px;
    height: 312px;
    background-color: #fff;
    position: absolute;
}
.odontogram-placeholder{
    width: 768px;
    height: 312px;
}

.gengvi{
    background-image: url('../img/items/red_line.png');
}

.bone{
    background-image: url('../img/items/bone_normal.png');
}

.bone_line{
    background-image: url('../img/items/bone_line.png');
}

.normal_tooth{
    background-image: url('../img/items/odontograma.png');
}

.gengiva_normal{
    background-image: url('../img/items/gengiva_normal.png');
}
.bone_normal{
    background-image: url('../img/items/bone_normal.png');
}



.caries_buccal{
    background-image: url('../img/items/caries_buccal.png');
}
.caries_distal{
    background-image: url('../img/items/caries_distal.png');
}
.caries_occlusal{
    background-image: url('../img/items/caries_occlusal.png');
}
.caries_lingual{
    background-image: url('../img/items/caries_lingual.png');
}
.caries_mesial{
    background-image: url('../img/items/caries_mesial.png');
}


.fracture_root{
    background-image: url('../img/items/fracture_root.png');
}
.fracture_crown{
    background-image: url('../img/items/fracture_crown.png');
}

.severely_damaged{
    background-image: url('../img/items/severely_damaged.png');
}
.wear_mild{
    background-image: url('../img/items/wear_mild.png');
}
.wear_moderate{
    background-image: url('../img/items/wear_moderate.png');
}
.wear_severe{
    background-image: url('../img/items/wear_severe.png');
}




.plaque_hygiene_mild{
    
}
.plaque_hygiene_moderate{
    
}
.plaque_hygiene_severe{
    
}


.gengivitis_mild{
    
}
.gengivitis_moderate{
    
}
.gengivitis_severe{
    
}



.gingival_recession_mild{
    background-image: url('../img/items/recession_mild.png');
}
.gingival_recession_moderate{
    background-image: url('../img/items/recession_moderate.png');
}
.gingival_recession_severe{
    background-image: url('../img/items/recession_severe.png');
}



.bone_loss_mild{
    background-image: url('../img/items/bone_loss_mild.png');
}
.bone_loss_moderate{
    background-image: url('../img/items/bone_loss_mild.png');
}
.bone_loss_severe{
    background-image: url('../img/items/bone_loss_mild.png');
}

.large_maxillary_sinus{
    background-image: url('../img/items/large_sinus.png');
}



.mobility_mild{
    
}
.mobility_moderate{
    
}
.mobility_severe{
    
}


.gummy_smile{
    background-image: url('../img/items/gummy_smile.png');
}

.gingival_overgrowth{
    background-image: url('../img/items/gingival_overgrowth.png');
}


.necrosis{
    background-image: url('../img/items/necrosis.png');
}



.root_canal_treatment_satisfactory{
    background-image: url('../img/items/rct_ok.png');
}
.root_canal_treatment_unsatisfactory{
    background-image: url('../img/items/rct_nok.png');
}

.apical_lesion_mild{
    background-image: url('../img/items/apical_lesion_mild.png');
}
.apical_lesion_moderate{
    background-image: url('../img/items/apical_lesion_moderate.png');
}
.apical_lesion_severe{
    background-image: url('../img/items/apical_lesion_severe.png');
}

.broken_instrument{
    background-image: url('../img/items/broken_instrument.png');
}


.root_resorption_internal{
    
}
.root_resorption_external{
    
}




.missing_teeth{
    
}

.missing_teeth:hover{
    background-image: url('../img/items/missing_hover.png');
    opacity: 0.5;
}





.implant_ok{
    background-image: url('../img/items/implant_ok.png');
}
.implant_nok{
    background-image: url('../img/items/implant_nok.png');
}

.impacted_teeth{
    background-image: url('../img/items/impacted.png');
}




.restoration_buccal_ok{
    background-image: url('../img/items/restoration_ok_b.png');
}
.restoration_mesial_ok{
    background-image: url('../img/items/restoration_ok_m.png');
}
.restoration_occlusal_ok{
    background-image: url('../img/items/restoration_ok_o.png');
}
.restoration_distal_ok{
    background-image: url('../img/items/restoration_ok_d.png');
}
.restoration_lingual_ok{
    background-image: url('../img/items/restoration_ok_l.png');
}




.restoration_buccal_nok{
    background-image: url('../img/items/restoration_nok_b.png');
}
.restoration_mesial_nok{
    background-image: url('../img/items/restoration_nok_m.png');
}
.restoration_occlusal_nok{
    background-image: url('../img/items/restoration_nok_o.png');
}
.restoration_distal_nok{
    background-image: url('../img/items/restoration_nok_d.png');
}
.restoration_lingual_nok{
    background-image: url('../img/items/restoration_nok_l.png');
}

.post_ok{
    background-image: url('../img/items/post_ok.png');
}
.post_deficient{
    background-image: url('../img/items/post_nok.png');
}


.splint_mesial_ok{
    background-image: url('../img/items/splint_m.png');
}
.splint_mesial_deficient{
    background-image: url('../img/items/splint_nok_m.png');
}

.splint_distal_ok{
    background-image: url('../img/items/splint_d.png');
}
.splint_distal_deficient{
    background-image: url('../img/items/splint_nok_d.png');
}

.discolored_teeth{
    background-image: url('../img/items/discolored.png');
}


.veneer_ok{
    background-image: url('../img/items/veneer_ok.png');
}
.veneer_leaking{
    background-image: url('../img/items/veneer_nok.png');
}
.veneer_fractured{
    background-image: url('../img/items/veneer_nok.png');
}
.veneer_worn{
    background-image: url('../img/items/veneer_nok.png');
}
.veneer_discolored{
    background-image: url('../img/items/veneer_nok.png');
}
.veneer_unaesthetic{
    background-image: url('../img/items/veneer_nok.png');
}



.crown_ok{
    background-image: url('../img/items/crown_ok.png');
}
.crown_leaking{
    background-image: url('../img/items/crown_nok.png');
}
.crown_fractured{
    background-image: url('../img/items/crown_nok.png');
}
.crown_worn{
    background-image: url('../img/items/crown_nok.png');
}
.crown_discolored{
    background-image: url('../img/items/crown_nok.png');
}
.crown_unaesthetic{
    background-image: url('../img/items/crown_nok.png');
}




.onlay_ok{
    background-image: url('../img/items/onlay_ok.png');
}
.onlay_leaking{
    background-image: url('../img/items/onlay_nok.png');
}
.onlay_fractured{
    background-image: url('../img/items/onlay_nok.png');
}
.onlay_worn{
    background-image: url('../img/items/onlay_nok.png');
}
.onlay_discolored{
    background-image: url('../img/items/onlay_nok.png');
}
.onlay_unaesthetic{
    background-image: url('../img/items/onlay_nok.png');
}



.bridge_ok{
    background-image: url('../img/items/bridge_ok.png');
}
.bridge_nok{
    background-image: url('../img/items/bridge_nok.png');
}
.bridge_mesial_ok{
    background-image: url('../img/items/bridge_ok_m.png');
}
.bridge_mesial_nok{
    background-image: url('../img/items/bridge_nok_m.png');
}
.bridge_distal_ok{
    background-image: url('../img/items/bridge_ok_d.png');
}
.bridge_distal_nok{
    background-image: url('../img/items/bridge_nok_d.png');
}




.denture_ok{
    background-image: url('../img/items/denture_ok.png');
}
.denture_nok{
    background-image: url('../img/items/denture_nok.png');
}
.denture_mesial_ok{
    background-image: url('../img/items/denture_ok_m.png');
}
.denture_mesial_nok{
    background-image: url('../img/items/denture_nok_m.png');
}
.denture_distal_ok{
    background-image: url('../img/items/bridge_ok_d.png');
}
.denture_distal_nok{
    background-image: url('../img/items/denture_ok_d.png');
}











.all_mouth_tooths{
    width: 768px;
    height: 313px;
}

.r-tth{
    scursor: pointer;
}

.r-tth:hover{

}

.tth{
    scursor: pointer;
}
.remarks{
    width: 768px;
    height: 40px;
    display: block;
    margin-bottom: 0px;
    margin-top: 20px;
    clear: both;
    background-color: #fff;
}

.remarks-qleft{
    height: 40px;
    float: left;
}
.remarks-qright{
    height: 40px;
    float: right;
}
.remarks span{
    background-color: #fff;
    border: 1px solid #fff;
    height: 10px;
    width: 100%;
    display: block;
}

.remarks small{
    background-color: #fff;
    border: 1px solid #fff;
    height: 10px;
    width: 100%;
    display: block;
    color: gray;
    text-align: center;
    font-weight: 300;
}


.remark_ok{
    font-weight: bold;
    color: #5cb85c;
}


.remark_ok span{
    background-color: #5cb85c;
    border: 1px solid white;
}

.remark_processing{
    font-weight: bold;
    color: #f39c12;
}


.remark_processing span{
    background-color: #f39c12;
    border: 1px solid white;
}




.remark_added{
    font-weight: bold;
    color: #dd4b39;
}


.remark_added span{
    background-color: #dd4b39;
    border: 1px solid white;
}

.tth-added{
    xopacity: 0.7;
}



.remark_selected{
    font-weight: bold;
    color: #3c8dbc;
}


.remark_selected span{
    background-color: #3c8dbc;
    border: 1px solid white;
}

.tth-selected{
    opacity: 0.7;
}


.quater_tooths{
    width: 384px;
    float: left;
}

.tooths1 > div{
    float: right;
}

.tooths2 > div{
    float: left;
}

.tooths4 > div{
    float: right;
}

.tooths3 > div{
    float: left;
}





.quater_tooths > div:hover{
    xopacity: 0.7;
    xcursor: pointer;
}

.elm-top{
    position: absolute;
}
.elm-bottom{
    position: absolute;
}






.t-bg-11{
    background-position: -329px 0;
}
.t-bg-12{
    background-position: -286px 0;
}
.t-bg-13{
    background-position: -245px 0;
}
.t-bg-14{
    background-position: -202px 0;
}
.t-bg-15{
    background-position: -160px 0;
}
.t-bg-16{
    background-position: -107px 0;
}
.t-bg-17{
    background-position: -51px 0;
}
.t-bg-18{
    background-position: 0 0;
}

.t-bg-21{
    background-position: -384px 0;
}
.t-bg-22{
    background-position: -439px 0;
}
.t-bg-23{
   background-position: -482px 0;
}
.t-bg-24{
    background-position: -523px 0;
}
.t-bg-25{
    background-position: -566px 0;
}
.t-bg-26{
    background-position: -608px 0;
}
.t-bg-27{
    background-position: -661px 0;
}
.t-bg-28{
    background-position: -717px 0;
}




.t-bg-31{
    background-position: -384px -191px;
}
.t-bg-32{
    background-position: -421px -183px;
}
.t-bg-33{
    background-position: -457px -175px;
}
.t-bg-34{
    background-position: -494px -170px;
}
.t-bg-35{
    background-position: -539px -158px;
}
.t-bg-36{
    background-position: -584px -149px;
}
.t-bg-37{
    background-position: -645px -132px;
}
.t-bg-38{
    background-position: -704px -126px;
}



.t-bg-41{
    background-position: -347px -191px;
}
.t-bg-42{
    background-position: -311px -183px;
}
.t-bg-43{
    background-position: -274px -175px;
}
.t-bg-44{
    background-position: -229px -170px;
}
.t-bg-45{
    background-position: -184px -158px;
}
.t-bg-46{
    background-position: -123px -149px;
}
.t-bg-47{
    background-position: -64px -132px;
}
.t-bg-48{
    background-position: 0 -126px;
}







.tox1m{
    top: 192px;
}
.tox2m{
    top: 184px;
}
.tox3m{
    top: 176px;
}
.tox4m{
    top: 171px;
}
.tox5m{
    top: 159px;
}
.tox6m{
    top: 150px;
}
.tox7m{
    top: 133px;
}
.tox8m{
    top: 127px;
}











.tooth31m{
    margin-top: 5px;
}
.tooth32m{
    margin-top: -2px;
}
.tooth33m{
    margin-top: -11px;
}
.tooth34m{
    margin-top: -17px;
}
.tooth35m{
    margin-top: -29px;
}
.tooth36m{
    margin-top: -38px;
}
.tooth37m{
    margin-top: -55px;
}
.tooth38m{
    margin-top: -61px;
}



.tooth41m{
    margin-top: 5px;
}
.tooth42m{
    margin-top: -2px;
}
.tooth43m{
    margin-top: -11px;
}
.tooth44m{
    margin-top: -17px;
}
.tooth45m{
    margin-top: -29px;
}
.tooth46m{
    margin-top: -38px;
}
.tooth47m{
    margin-top: -55px;
}
.tooth48m{
    margin-top: -61px;
}





.tw11{
    width:55px;
}
.tw12{
    width:43px;
}
.tw13{
    width:41px;
}
.tw14{
    width:43px;
}
.tw15{
    width:42px;
}
.tw16{
    width:53px;
}
.tw17{
    width: 56px;
}
.tw18{
    width: 51px;
}

.tw21{
    width:55px;
}
.tw22{
    width:43px;
}
.tw23{
    width:41px;
}
.tw24{
    width:43px;
}
.tw25{
    width:42px;
}
.tw26{
    width:53px;
}
.tw27{
    width: 56px;
}
.tw28{
    width: 51px;
}




.tw31{
    width:37px;
}
.tw32{
    width:36px;
}
.tw33{
    width:37px;
}
.tw34{
    width:45px;
}
.tw35{
    width:45px;
}
.tw36{
    width:61px;
}
.tw37{
    width:59px;
}
.tw38{
    width:64px;
}



.tw41{
    width:37px;
}
.tw42{
    width:36px;
}
.tw43{
    width:37px;
}
.tw44{
    width:45px;
}
.tw45{
    width:45px;
}
.tw46{
    width:61px;
}
.tw47{
    width:59px;
}
.tw48{
    width:64px;
}








.th11{
    height:189px;
}
.th12{
    height:181px;
}
.th13{
    height:172px;
}
.th14{
    height:159px;
}
.th15{
    height:149px;
}
.th16{
    height:137px;
}
.th17{
    height: 126px;
}
.th18{
    height: 99px;
}

.th21{
    height:189px;
}
.th22{
    height:181px;
}
.th23{
    height:172px;
}
.th24{
    width:43px;
    height:159px;
}
.th25{
    height:149px;
}
.th26{
    height:137px;
}
.th27{
    height: 126px;
}
.th28{
    height: 99px;
}




.th31{
    height:121px;
}
.th32{
    height:129px;
}
.th33{
    height:137px;
}
.th34{
    height:142px;
}
.th35{
    width:45px;
    height:154px;
}
.th36{
    height:163px;
}
.th37{
    height:180px;
}
.th38{
    height:186px;
}



.th41{
    height:121px;
}
.th42{
    height:129px;
}
.th43{
    height:137px;
}
.th44{
    height:142px;
}
.th45{
    height:154px;
}
.th46{
    height:163px;
}
.th47{
    height:180px;
}
.th48{
    height:186px;
}







#subitems{
    margin-top: 20px;
    margin-bottom: 20px;
}




.mouth-rewiew label{
    font-weight: 100;
}


.quater_tooths .active{
    opacity: 0.5;
}

.r-tth:hover{
    background-color: silver;
    cursor: pointer;
}

.selected_tth_top{
    background-color: #d2d6de;
}