.jSignature {
    border: 1px solid #e9ecef !important;
    touch-action: none;
    -ms-touch-action: none;
}
.signaturedpad,
.signaturedpad canvas {
    touch-action: none;
    -ms-touch-action: none;
}
/* Extraction information Area Style Ends */

#ExtractionInformation {
    display: none;
    margin-top: 11em;
    padding-bottom: 5em;
    margin-bottom: 35px;
}

.teeth-row-1,
.teeth-row-checkbox-1 {
    text-align: center;
    width: 750px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.teeth-row-checkbox-1 {
    margin-top: 7px;
}

.teeth-row-2,
.teeth-row-checkbox-2 {
    text-align: center;
    width: 750px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1.2fr 1.5fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1.5fr 1.2fr 1.2fr;
}

.teeth-row-2 {
    margin-bottom: 5em;
}

.teeth-row-3,
.teeth-row-checkbox-3 {
    text-align: center;
    width: 380px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr .7fr .7fr 1fr 1fr .7fr 1fr 1fr 1.2fr;
}

.teeth-row-checkbox-3 {
    margin-top: 3px;
}

.teeth-row-4,
.teeth-row-checkbox-4 {
    text-align: center;
    width: 380px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1.5fr;
}

.teeth-row-4 {
    margin-bottom: 5em;
}

.leftAndRight {
    display: grid;
    grid-template-columns: 1fr 1fr;
    height: 30px;
    width: 850px;
    margin: 0 auto;
}

.leftAndRight2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    height: 30px;
    width: 490px;
    margin: 0 auto;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}

.individual-upper-teeth {
    height: 100px;
    overflow: hidden;
}

.individual-lower-teeth {
    height: 100px;
    overflow: hidden;
}

.individual-lower-teeth img {
    margin-top: -15px;
}

.individual-upper-teeth img {
    filter: brightness(110%);
}

.individual-lower-teeth img {
    filter: brightness(110%);
}

.individual-upper-teeth img:hover {
    cursor: pointer;
    filter: brightness(80%);
}

.individual-lower-teeth img:hover {
    cursor: pointer;
    filter: brightness(80%);
}

.radigraphArea {
    height: 150px;
    margin-top: 20px;
}

.radiographOpt {
    margin-right: 30px;
}
.extractionimg_selected{
    filter: brightness(80%)!important;
}
/* Extraction information Area Style Ends */
.error{
    color:red;
}
.required_field {
    color: red;
    font-weight: bold;
}
.text_bold {
    font-weight: bold !important;
}
.text_italic {
    font-style: italic !important;
}
.text_underline {
    text-decoration: underline !important;
}
.text_uc {
    text-transform: uppercase !important;
}
.text_red {
    color:red !important;
}
.text_center {
    text-align: center !important;
}