.dental-chart__tooth {
    min-height: 186px;
    min-width: 56px;
}

    .dental-chart__tooth svg g#bounds,
    .dental-chart__tooth svg g#codes,
    .dental-chart__tooth svg g#procedures g:not(#surface) {
        visibility: hidden;
    }

    .dental-chart__tooth svg g#root path#r1,
    .dental-chart__tooth svg g#root path#r3 {
        fill: #f2ecbe;
    }

    .dental-chart__tooth svg g:not(g#impacted) path {
        stroke-dasharray: 0;
    }

    .dental-chart__tooth g#surface path {
        stroke-width: 0.5;
        stroke: #cecece;
    }

        .dental-chart__tooth g#root path:hover,
        .dental-chart__tooth g#surface path:hover {
            stroke: #008fbb !important;
            stroke-width: 2 !important;
        }

.dental-chart__tooth--selected.b path#b,
.dental-chart__tooth--selected.d path#d,
.dental-chart__tooth--selected.db path#db,
.dental-chart__tooth--selected.dl path#dl,
.dental-chart__tooth--selected.l path#l,
.dental-chart__tooth--selected.m path#m,
.dental-chart__tooth--selected.mb path#mb,
.dental-chart__tooth--selected.ml path#ml,
.dental-chart__tooth--selected.o path#o,
.dental-chart__tooth--selected.r1 path#r1,
.dental-chart__tooth--selected.r2 path#r2,
.dental-chart__tooth--selected.r3 path#r3,
.dental-chart__tooth--selected.rb1 path#rb1,
.dental-chart__tooth--selected.rb2 path#rb2,
.dental-chart__tooth--selected.rb3 path#rb3 {
    fill: #008fbb !important;
}

.dental-chart__tooth.diag.K08-1 svg g#crown,
.dental-chart__tooth.diag.K08-1 svg g#root,
.dental-chart__tooth.diag.K08-1 svg g#surface {
    opacity: 0;
}

.dental-chart__tooth.diag.K08-1.implant svg g#crown,
.dental-chart__tooth.diag.K08-1.implant svg g#surface,
.dental-chart__tooth.diag.K08-1.prostho svg g#crown,
.dental-chart__tooth.diag.K08-1.prostho svg g#surface {
    opacity: 1;
}

.dental-chart__tooth.diag.K01-1 svg g#crown,
.dental-chart__tooth.diag.K01-1 svg g#root,
.dental-chart__tooth.diag.K01-1 svg g#surface {
    opacity: 0;
}

.dental-chart__tooth.diag.K01-1 svg g#codes g#impacted {
    visibility: visible;
}

.dental-chart__tooth.diag.K02-b #b,
.dental-chart__tooth.diag.K02-d #d,
.dental-chart__tooth.diag.K02-db #db,
.dental-chart__tooth.diag.K02-dl #dl,
.dental-chart__tooth.diag.K02-l #l,
.dental-chart__tooth.diag.K02-m #m,
.dental-chart__tooth.diag.K02-mb #mb,
.dental-chart__tooth.diag.K02-ml #ml,
.dental-chart__tooth.diag.K02-o #o {
    fill: var(--dx-color-dark) !important;
    stroke-width: 0.5 !important;
}

.dental-chart__tooth.diag.K03.K03-0 svg g#codes g#attrition,
.dental-chart__tooth.diag.K03.K03-1 svg g#codes g#abrasion,
.dental-chart__tooth.diag.K03.K03-2 svg g#codes g#erosion,
.dental-chart__tooth.diag.K03.K03-81 svg g#codes g#fracture {
    visibility: visible;
}

.dental-chart__tooth.diag.K04 svg g#root #r1,
.dental-chart__tooth.diag.K04 svg g#root #r2,
.dental-chart__tooth.diag.K04 svg g#root #r3 {
    stroke-width: 2px !important;
    stroke: var(--dx-color-dark);
}

.dental-chart__tooth.diag.K04.K04-4 svg g#abscess,
.dental-chart__tooth.diag.K04.K04-5 svg g#abscess,
.dental-chart__tooth.diag.K04.K04-6 svg g#abscess,
.dental-chart__tooth.diag.K04.K04-7 svg g#abscess,
.dental-chart__tooth.diag.K04.K04-8 svg g#abscess {
    visibility: visible;
    fill: var(--dx-color-dark);
}

.dental-chart__tooth.diag.K06.K06-0 svg g#ginrecession,
.dental-chart__tooth.diag.K06.K06-1 svg g#ginlarge,
.dental-chart__tooth.fluoride svg g#cleaning {
    visibility: visible;
}

.dental-chart__tooth.fluoride--planned svg g#cleaning path {
    stroke-width: 0;
    fill: url(#linearGradientPlanned);
}

.dental-chart__tooth.fluoride--confirmed svg g#cleaning path {
    stroke-width: 0;
    fill: url(#linearGradientConfirmed);
}

.dental-chart__tooth.fluoride--existing svg g#cleaning path {
    stroke-width: 0;
    fill: url(#linearGradientExisting);
}

.dental-chart__tooth.cleaning svg g#cleaning,
.dental-chart__tooth.whitening svg g#cleaning {
    visibility: visible;
}

    .dental-chart__tooth.cleaning svg g#cleaning path,
    .dental-chart__tooth.whitening svg g#cleaning path {
        stroke-dasharray: 5 5 !important;
        stroke-width: 2px !important;
    }

.dental-chart__tooth.cleaning--planned svg g#cleaning path,
.dental-chart__tooth.whitening--planned svg g#cleaning path {
    stroke: var(--dx-color-danger);
}

.dental-chart__tooth.cleaning--confirmed svg g#cleaning path,
.dental-chart__tooth.whitening--confirmed svg g#cleaning path {
    stroke: var(--dx-color-success);
}

.dental-chart__tooth.cleaning--existing svg g#cleaning path,
.dental-chart__tooth.whitening--existing svg g#cleaning path {
    stroke: var(--dx-color-secondary);
}

.dental-chart__tooth.whitening svg g#whitening {
    visibility: visible;
}

.dental-chart__tooth.whitening--planned svg g#whitening path {
    fill: var(--dx-color-danger);
}

.dental-chart__tooth.whitening--confirmed svg g#whitening path {
    fill: var(--dx-color-success);
}

.dental-chart__tooth.whitening--existing svg g#whitening path {
    fill: var(--dx-color-secondary);
}

.dental-chart__tooth.sealant svg g#sealant {
    visibility: visible;
}

.dental-chart__tooth.sealant--planned svg g#sealant path {
    stroke: var(--dx-color-danger);
}

.dental-chart__tooth.sealant--confirmed svg g#sealant path {
    stroke: var(--dx-color-success);
}

.dental-chart__tooth.sealant--existing svg g#sealant path {
    stroke: var(--dx-color-secondary);
}

.dental-chart__tooth.postcore svg g#postcore {
    visibility: visible;
}

.dental-chart__tooth.postcore--planned svg g#postcore path {
    fill: var(--dx-color-danger);
}

.dental-chart__tooth.postcore--confirmed svg g#postcore path {
    fill: var(--dx-color-success);
}

.dental-chart__tooth.postcore--existing svg g#postcore path {
    fill: var(--dx-color-secondary);
}

.dental-chart__tooth.veneer svg g#crown {
    visibility: visible;
}

    .dental-chart__tooth.veneer svg g#crown path {
        stroke-width: 2;
    }

.dental-chart__tooth.veneer--planned svg g#crown path {
    stroke: var(--dx-color-danger);
}

.dental-chart__tooth.veneer--confirmed svg g#crown path {
    stroke: var(--dx-color-success);
}

.dental-chart__tooth.veneer--existing svg g#crown path {
    stroke: var(--dx-color-secondary);
}

.dental-chart__tooth.crown svg g#crown,
.dental-chart__tooth.crown svg g#surface,
.dental-chart__tooth.denture svg g#crown,
.dental-chart__tooth.denture svg g#surface,
.dental-chart__tooth.implant svg g#crown,
.dental-chart__tooth.implant svg g#surface,
.dental-chart__tooth.onlay svg g#crown,
.dental-chart__tooth.onlay svg g#surface {
    visibility: visible !important;
}

    .dental-chart__tooth.crown svg g#surface path:not(path#shape),
    .dental-chart__tooth.denture svg g#surface path:not(path#shape),
    .dental-chart__tooth.implant svg g#surface path:not(path#shape),
    .dental-chart__tooth.onlay svg g#surface path:not(path#shape) {
        visibility: hidden;
    }

    .dental-chart__tooth.crown svg g#surface path,
    .dental-chart__tooth.crown:not(.onlay) svg g#crown path,
    .dental-chart__tooth.denture svg g#surface path,
    .dental-chart__tooth.denture:not(.onlay) svg g#crown path,
    .dental-chart__tooth.implant svg g#surface path,
    .dental-chart__tooth.implant:not(.onlay) svg g#crown path,
    .dental-chart__tooth.onlay svg g#surface path,
    .dental-chart__tooth.onlay:not(.onlay) svg g#crown path {
        stroke-width: 2px;
    }

.dental-chart__tooth.onlay svg g#onlay {
    visibility: visible;
}

.dental-chart__tooth.onlay--planned svg g#surface path {
    stroke: var(--dx-color-danger);
}

.dental-chart__tooth.onlay--planned svg g#onlay path {
    fill: var(--dx-color-danger);
    stroke: var(--dx-color-danger);
}

.dental-chart__tooth.onlay--confirmed svg g#surface path {
    stroke: var(--dx-color-success);
}

.dental-chart__tooth.onlay--confirmed svg g#onlay path {
    fill: var(--dx-color-success);
    stroke: var(--dx-color-success);
}

.dental-chart__tooth.onlay--existing svg g#surface path {
    stroke: var(--dx-color-secondary);
}

.dental-chart__tooth.onlay--existing svg g#onlay path {
    fill: var(--dx-color-secondary);
    stroke: var(--dx-color-secondary);
}

.dental-chart__tooth.denture svg g#denture {
    visibility: visible;
}

.dental-chart__tooth.denture svg g#crown path {
    stroke-width: 2px;
}

.dental-chart__tooth.denture--planned svg g#crown path,
.dental-chart__tooth.denture--planned svg g#surface path {
    stroke: var(--dx-color-danger);
}

.dental-chart__tooth.denture--planned svg g#denture path {
    fill: var(--dx-color-danger);
}

.dental-chart__tooth.denture--confirmed svg g#crown path,
.dental-chart__tooth.denture--confirmed svg g#surface path {
    stroke: var(--dx-color-success);
}

.dental-chart__tooth.denture--confirmed svg g#denture path {
    fill: var(--dx-color-success);
}

.dental-chart__tooth.denture--existing svg g#crown path,
.dental-chart__tooth.denture--existing svg g#surface path {
    stroke: var(--dx-color-secondary);
}

.dental-chart__tooth.denture--existing svg g#denture path {
    fill: var(--dx-color-secondary);
}

.dental-chart__tooth.crown svg g#crown path {
    stroke-width: 2px;
}

.dental-chart__tooth.crown-perm--planned svg g#crown path,
.dental-chart__tooth.crown-perm--planned svg g#surface path {
    stroke: var(--dx-color-danger);
}

.dental-chart__tooth.crown-perm--confirmed svg g#crown path,
.dental-chart__tooth.crown-perm--confirmed svg g#surface path {
    stroke: var(--dx-color-success);
}

.dental-chart__tooth.crown-perm--existing svg g#crown path,
.dental-chart__tooth.crown-perm--existing svg g#surface path {
    stroke: var(--dx-color-secondary);
}

.dental-chart__tooth.crown-tmp svg g#crown path,
.dental-chart__tooth.crown-tmp svg g#surface path {
    stroke: #ff2bbe;
}

.dental-chart__tooth.extraction svg g#crown,
.dental-chart__tooth.extraction svg g#root,
.dental-chart__tooth.extraction svg g#surface {
    visibility: hidden;
}

.dental-chart__tooth.implant svg g#implant {
    visibility: visible;
}

.dental-chart__tooth.implant svg g#root {
    visibility: hidden;
}

.dental-chart__tooth.implant--planned svg g#crown path,
.dental-chart__tooth.implant--planned svg g#surface path {
    stroke: var(--dx-color-danger);
}

.dental-chart__tooth.implant--planned svg g#implant path {
    fill: var(--dx-color-danger);
}

.dental-chart__tooth.implant--confirmed svg g#crown path,
.dental-chart__tooth.implant--confirmed svg g#surface path {
    stroke: var(--dx-color-success);
}

.dental-chart__tooth.implant--confirmed svg g#implant path {
    fill: var(--dx-color-success);
}

.dental-chart__tooth.implant--existing svg g#crown path,
.dental-chart__tooth.implant--existing svg g#surface path {
    stroke: var(--dx-color-secondary);
}

.dental-chart__tooth.implant--existing svg g#implant path {
    fill: var(--dx-color-secondary);
}

.dental-chart__tooth.sinuslift svg g#root {
    visibility: hidden;
}

.dental-chart__tooth.sinuslift svg g#sinuslift {
    visibility: visible;
}

    .dental-chart__tooth.sinuslift svg g#sinuslift path {
        stroke-dasharray: 0 7 !important;
    }

.dental-chart__tooth.sinuslift--planned svg g#sinuslift path {
    stroke: var(--dx-color-danger);
}

.dental-chart__tooth.sinuslift--confirmed svg g#sinuslift path {
    stroke: var(--dx-color-success);
}

.dental-chart__tooth.sinuslift--existing svg g#sinuslift path {
    stroke: var(--dx-color-secondary);
}

.dental-chart__tooth.resection svg g#resection {
    visibility: visible;
}

    .dental-chart__tooth.resection svg g#resection path {
        stroke-width: 4px;
    }

.dental-chart__tooth.resection--planned svg g#resection path {
    stroke: var(--dx-color-danger);
}

.dental-chart__tooth.resection--confirmed svg g#resection path {
    stroke: var(--dx-color-success);
}

.dental-chart__tooth.resection--existing svg g#resection path {
    stroke: var(--dx-color-secondary);
}

.dental-chart__tooth.restoration-perm-b--planned svg g#surface path#b,
.dental-chart__tooth.restoration-perm-d--planned svg g#surface path#d,
.dental-chart__tooth.restoration-perm-db--planned svg g#surface path#db,
.dental-chart__tooth.restoration-perm-dl--planned svg g#surface path#dl,
.dental-chart__tooth.restoration-perm-l--planned svg g#surface path#l,
.dental-chart__tooth.restoration-perm-m--planned svg g#surface path#m,
.dental-chart__tooth.restoration-perm-mb--planned svg g#surface path#mb,
.dental-chart__tooth.restoration-perm-ml--planned svg g#surface path#ml,
.dental-chart__tooth.restoration-perm-o--planned svg g#surface path#o {
    fill: var(--dx-color-danger) !important;
}

.dental-chart__tooth.restoration-perm-b--confirmed svg g#surface path#b,
.dental-chart__tooth.restoration-perm-d--confirmed svg g#surface path#d,
.dental-chart__tooth.restoration-perm-db--confirmed svg g#surface path#db,
.dental-chart__tooth.restoration-perm-dl--confirmed svg g#surface path#dl,
.dental-chart__tooth.restoration-perm-l--confirmed svg g#surface path#l,
.dental-chart__tooth.restoration-perm-m--confirmed svg g#surface path#m,
.dental-chart__tooth.restoration-perm-mb--confirmed svg g#surface path#mb,
.dental-chart__tooth.restoration-perm-ml--confirmed svg g#surface path#ml,
.dental-chart__tooth.restoration-perm-o--confirmed svg g#surface path#o {
    fill: var(--dx-color-success) !important;
}

.dental-chart__tooth.restoration-perm-b--existing svg g#surface path#b,
.dental-chart__tooth.restoration-perm-d--existing svg g#surface path#d,
.dental-chart__tooth.restoration-perm-db--existing svg g#surface path#db,
.dental-chart__tooth.restoration-perm-dl--existing svg g#surface path#dl,
.dental-chart__tooth.restoration-perm-l--existing svg g#surface path#l,
.dental-chart__tooth.restoration-perm-m--existing svg g#surface path#m,
.dental-chart__tooth.restoration-perm-mb--existing svg g#surface path#mb,
.dental-chart__tooth.restoration-perm-ml--existing svg g#surface path#ml,
.dental-chart__tooth.restoration-perm-o--existing svg g#surface path#o {
    fill: var(--dx-color-secondary) !important;
}

.dental-chart__tooth.restoration-perm--planned svg g#surface path#shape {
    stroke: var(--dx-color-danger);
    stroke-width: 5px !important;
    stroke-dasharray: 5 5 !important;
}

.dental-chart__tooth.restoration-perm--confirmed svg g#surface path#shape {
    stroke: var(--dx-color-success);
    stroke-width: 5px !important;
    stroke-dasharray: 5 5 !important;
}

.dental-chart__tooth.restoration-perm--existing svg g#surface path#shape {
    stroke: var(--dx-color-secondary);
    stroke-width: 5px !important;
    stroke-dasharray: 5 5 !important;
}

.dental-chart__tooth.restoration-tmp-b svg g#surface path#b,
.dental-chart__tooth.restoration-tmp-d svg g#surface path#d,
.dental-chart__tooth.restoration-tmp-db svg g#surface path#db,
.dental-chart__tooth.restoration-tmp-dl svg g#surface path#dl,
.dental-chart__tooth.restoration-tmp-l svg g#surface path#l,
.dental-chart__tooth.restoration-tmp-m svg g#surface path#m,
.dental-chart__tooth.restoration-tmp-mb svg g#surface path#mb,
.dental-chart__tooth.restoration-tmp-ml svg g#surface path#ml,
.dental-chart__tooth.restoration-tmp-o svg g#surface path#o {
    fill: #ff2bbe !important;
}

.dental-chart__tooth.rootcanal-perm-r1--planned svg g#root path#r1,
.dental-chart__tooth.rootcanal-perm-r2--planned svg g#root path#r2,
.dental-chart__tooth.rootcanal-perm-r3--planned svg g#root path#r3,
.dental-chart__tooth.rootcanal-perm-rb1--planned svg g#root path#rb1,
.dental-chart__tooth.rootcanal-perm-rb2--planned svg g#root path#rb2,
.dental-chart__tooth.rootcanal-perm-rb3--planned svg g#root path#rb3 {
    fill: var(--dx-color-danger) !important;
}

.dental-chart__tooth.rootcanal-perm-r1--confirmed svg g#root path#r1,
.dental-chart__tooth.rootcanal-perm-r2--confirmed svg g#root path#r2,
.dental-chart__tooth.rootcanal-perm-r3--confirmed svg g#root path#r3,
.dental-chart__tooth.rootcanal-perm-rb1--confirmed svg g#root path#rb1,
.dental-chart__tooth.rootcanal-perm-rb2--confirmed svg g#root path#rb2,
.dental-chart__tooth.rootcanal-perm-rb3--confirmed svg g#root path#rb3 {
    fill: var(--dx-color-success) !important;
}

.dental-chart__tooth.rootcanal-perm-r1--existing svg g#root path#r1,
.dental-chart__tooth.rootcanal-perm-r2--existing svg g#root path#r2,
.dental-chart__tooth.rootcanal-perm-r3--existing svg g#root path#r3,
.dental-chart__tooth.rootcanal-perm-rb1--existing svg g#root path#rb1,
.dental-chart__tooth.rootcanal-perm-rb2--existing svg g#root path#rb2,
.dental-chart__tooth.rootcanal-perm-rb3--existing svg g#root path#rb3 {
    fill: var(--dx-color-secondary) !important;
}

.dental-chart__tooth.rootcanal-perm--planned svg g#root path#r1,
.dental-chart__tooth.rootcanal-perm--planned svg g#root path#r2,
.dental-chart__tooth.rootcanal-perm--planned svg g#root path#r3 {
    fill: var(--dx-color-danger) !important;
}

.dental-chart__tooth.rootcanal-perm--confirmed svg g#root path#r1,
.dental-chart__tooth.rootcanal-perm--confirmed svg g#root path#r2,
.dental-chart__tooth.rootcanal-perm--confirmed svg g#root path#r3 {
    fill: var(--dx-color-success) !important;
}

.dental-chart__tooth.rootcanal-perm--existing svg g#root path#r1,
.dental-chart__tooth.rootcanal-perm--existing svg g#root path#r2,
.dental-chart__tooth.rootcanal-perm--existing svg g#root path#r3 {
    fill: var(--dx-color-secondary) !important;
}

.dental-chart__tooth.rootcanal-tmp--confirmed svg g#root path#r1,
.dental-chart__tooth.rootcanal-tmp--confirmed svg g#root path#r2,
.dental-chart__tooth.rootcanal-tmp--confirmed svg g#root path#r3,
.dental-chart__tooth.rootcanal-tmp--existing svg g#root path#r1,
.dental-chart__tooth.rootcanal-tmp--existing svg g#root path#r2,
.dental-chart__tooth.rootcanal-tmp--existing svg g#root path#r3,
.dental-chart__tooth.rootcanal-tmp--planned svg g#root path#r1,
.dental-chart__tooth.rootcanal-tmp--planned svg g#root path#r2,
.dental-chart__tooth.rootcanal-tmp--planned svg g#root path#r3,
.dental-chart__tooth.rootcanal-tmp-r1 svg g#root path#r1,
.dental-chart__tooth.rootcanal-tmp-r2 svg g#root path#r2,
.dental-chart__tooth.rootcanal-tmp-r3 svg g#root path#r3,
.dental-chart__tooth.rootcanal-tmp-rb1 svg g#root path#rb1,
.dental-chart__tooth.rootcanal-tmp-rb2 svg g#root path#rb2,
.dental-chart__tooth.rootcanal-tmp-rb3 svg g#root path#rb3 {
    fill: #ff2bbe !important;
}

.dental-chart__tooth .dental-chart-perio .dental-chart__tooth svg g#crown path {
    fill: transparent !important;
}


[_nghost-nes-c114] .dx-tab[_ngcontent-nes-c114] .dx-icon[_ngcontent-nes-c114] {
    display: block;
    margin: 0 auto;
    width: 25px;
    height: 25px;
    line-height: 25px;
    border-radius: 4px
}

[_nghost-nes-c114] .container[_ngcontent-nes-c114] {
    height: 100vh
}

[_nghost-nes-c114] .drawer-template[_ngcontent-nes-c114] {
    width: 70px;
    height: 100vh
}

[_nghost-nes-c114] .dx-menu-item[_ngcontent-nes-c114] {
    text-align: center;
    width: 70px;
    height: 70px;
    padding-top: 14px
}

    [_nghost-nes-c114] .dx-menu-item[_ngcontent-nes-c114] i[_ngcontent-nes-c114], [_nghost-nes-c114] .dx-menu-item[_ngcontent-nes-c114] img[_ngcontent-nes-c114] {
        display: block;
        width: 22px;
        margin: 0 auto 4px;
        border-radius: 4px;
        height: 22px;
        line-height: 22px
    }

    [_nghost-nes-c114] .dx-menu-item[_ngcontent-nes-c114] img[_ngcontent-nes-c114] {
        margin-bottom: 0
    }

    [_nghost-nes-c114] .dx-menu-item[_ngcontent-nes-c114] i[_ngcontent-nes-c114] {
        background: var(--dx-color-light)
    }

    [_nghost-nes-c114] .dx-menu-item[_ngcontent-nes-c114] i.active[_ngcontent-nes-c114] {
        background: #008fbb;
        color: var(--dx-color-primary-contrast)
    }

    [_nghost-nes-c114] .dx-menu-item[_ngcontent-nes-c114] span[_ngcontent-nes-c114] {
        font-weight: 700;
        font-size: .7rem
    }

[_nghost-nes-c114] .user-actions[_ngcontent-nes-c114] {
    position: absolute;
    bottom: 3px;
    width: 100%
}

    [_nghost-nes-c114] .user-actions[_ngcontent-nes-c114] .avatar[_ngcontent-nes-c114] {
        display: block;
        margin: 0 auto;
        width: 36px;
        height: 36px;
        cursor: pointer
    }

[_nghost-nes-c107] .search-box[_ngcontent-nes-c107] {
    padding: 16px 16px 0
}

[_nghost-nes-c107] .sidebar-actions[_ngcontent-nes-c107] {
    background: #f7f7f7;
    padding: 16px;
    border-bottom: 1px solid var(--dx-color-light)
}

[_nghost-nes-c107] .patients[_ngcontent-nes-c107] {
    position: absolute;
    overflow: hidden;
    top: 0;
    z-index: 11;
    left: 70px;
    height: 100%;
    width: 100%;
    transition: all .2s;
    opacity: 0 !important
}

[_nghost-nes-c107] .patients__content[_ngcontent-nes-c107] {
    background: #fff;
    width: 550px;
    height: 100%;
    transition: all .2s;
    margin-inline-start: -550px;
    box-shadow: 0 0 8px -4px #000
}

[_nghost-nes-c107] .patients__bg[_ngcontent-nes-c107] {
    background: rgba(255,255,255,.8);
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    transition: all .2s
}

[_nghost-nes-c107] .patients--opened[_ngcontent-nes-c107] {
    opacity: 1 !important
}

    [_nghost-nes-c107] .patients--opened[_ngcontent-nes-c107] .patients__content[_ngcontent-nes-c107] {
        margin-inline-start: 0
    }

    [_nghost-nes-c107] .patients--opened[_ngcontent-nes-c107] .patients__bg[_ngcontent-nes-c107] {
        left: 550px
    }

[_nghost-nes-c107] .patients.dx-rtl[_ngcontent-nes-c107] {
    left: 0px !important;
    right: 70px
}

    [_nghost-nes-c107] .patients.dx-rtl[_ngcontent-nes-c107] .patients__content[_ngcontent-nes-c107] {
        margin-inline-end: -550px;
        margin-inline-start: 70px !important;
        box-shadow: -2px 0 8px -4px #000 !important
    }

[_nghost-nes-c107] .patients.dx-rtl.patients--opened[_ngcontent-nes-c107] .patients__bg[_ngcontent-nes-c107] {
    right: 620px
}

[_nghost-nes-c126] .day-cell-time[_ngcontent-nes-c126] {
    font-size: .7rem;
    color: #ccc
}

[_nghost-nes-c126] .day-cell-resource-begin[_ngcontent-nes-c126], [_nghost-nes-c126] .day-cell-resource-inner[_ngcontent-nes-c126], [_nghost-nes-c126] .day-cell-resource-end[_ngcontent-nes-c126] {
    position: relative;
    height: 100%;
    background: var(--dx-color-primary-shade)
}

    [_nghost-nes-c126] .day-cell-resource-begin[_ngcontent-nes-c126]:hover, [_nghost-nes-c126] .day-cell-resource-inner[_ngcontent-nes-c126]:hover, [_nghost-nes-c126] .day-cell-resource-end[_ngcontent-nes-c126]:hover {
        background: #008fbb !important;
        cursor: pointer !important
    }

[_nghost-nes-c126] #scroll[_ngcontent-nes-c126], [_nghost-nes-c126] #list[_ngcontent-nes-c126] {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%
}

[_nghost-nes-c126] .resource-cell[_ngcontent-nes-c126] {
    line-height: 48px
}

[_nghost-nes-c126] .resource-cell-name[_ngcontent-nes-c126] {
    font-size: 1rem
}

[_nghost-nes-c98] as-split-area[_ngcontent-nes-c98] {
    max-height: 100vh
}

    [_nghost-nes-c98] as-split-area[_ngcontent-nes-c98] .as-split-area-container[_ngcontent-nes-c98] {
        position: relative;
        height: 100%
    }

[_nghost-nes-c135] .dx-toolbar-wrapper[_ngcontent-nes-c135] {
    display: block;
    box-shadow: 0 7px 9px -11px #000;
    margin-bottom: 16px;
    padding-bottom: 8px
}

[_nghost-nes-c96] {
    align-items: stretch;
    display: flex;
    flex-wrap: nowrap;
    height: 100%;
    justify-content: flex-start;
    overflow: hidden;
    width: 100%
}

    [_nghost-nes-c96] > .as-split-gutter[_ngcontent-nes-c96] {
        align-items: center;
        background-color: #eee;
        display: flex;
        flex-grow: 0;
        flex-shrink: 0;
        justify-content: center
    }

    [_nghost-nes-c96] > .as-split-gutter.as-split-gutter-collapsed[_ngcontent-nes-c96] {
        flex-basis: 1px !important;
        pointer-events: none
    }

    [_nghost-nes-c96] > .as-split-gutter[_ngcontent-nes-c96] > .as-split-gutter-icon[_ngcontent-nes-c96] {
        background-position: 50%;
        background-repeat: no-repeat;
        height: 100%;
        width: 100%
    }

    [_nghost-nes-c96] > .as-split-area {
        flex-grow: 0;
        flex-shrink: 0;
        overflow-x: hidden;
        overflow-y: auto
    }

        [_nghost-nes-c96] > .as-split-area.as-hidden {
            flex: 0 1 0px !important;
            overflow-x: hidden;
            overflow-y: hidden
        }

.as-horizontal[_nghost-nes-c96] {
    flex-direction: row
}

    .as-horizontal[_nghost-nes-c96] > .as-split-gutter[_ngcontent-nes-c96] {
        cursor: col-resize;
        flex-direction: row;
        height: 100%
    }

        .as-horizontal[_nghost-nes-c96] > .as-split-gutter[_ngcontent-nes-c96] > .as-split-gutter-icon[_ngcontent-nes-c96] {
            background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjpo5aiZeMwF+yNnOs5KSvgAAAABJRU5ErkJggg==")
        }

    .as-horizontal[_nghost-nes-c96] > .as-split-area {
        height: 100%
    }

.as-vertical[_nghost-nes-c96] {
    flex-direction: column
}

    .as-vertical[_nghost-nes-c96] > .as-split-gutter[_ngcontent-nes-c96] {
        cursor: row-resize;
        flex-direction: column;
        width: 100%
    }

        .as-vertical[_nghost-nes-c96] > .as-split-gutter[_ngcontent-nes-c96] .as-split-gutter-icon[_ngcontent-nes-c96] {
            background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAFCAMAAABl/6zIAAAABlBMVEUAAADMzMzIT8AyAAAAAXRSTlMAQObYZgAAABRJREFUeAFjYGRkwIMJSeMHlBkOABP7AEGzSuPKAAAAAElFTkSuQmCC")
        }

    .as-vertical[_nghost-nes-c96] > .as-split-area {
        width: 100%
    }

        .as-vertical[_nghost-nes-c96] > .as-split-area.as-hidden {
            max-width: 0
        }

.as-disabled[_nghost-nes-c96] > .as-split-gutter[_ngcontent-nes-c96] {
    cursor: default
}

    .as-disabled[_nghost-nes-c96] > .as-split-gutter[_ngcontent-nes-c96] .as-split-gutter-icon[_ngcontent-nes-c96] {
        background-image: url()
    }

.as-transition.as-init[_nghost-nes-c96]:not(.as-dragging) > .as-split-area, .as-transition.as-init[_nghost-nes-c96]:not(.as-dragging) > .as-split-gutter[_ngcontent-nes-c96] {
    transition: flex-basis .3s
}

[_nghost-nes-c153] .sidebar-actions[_ngcontent-nes-c153] {
    background: #f7f7f7;
    padding: 16px;
    box-shadow: 0 2px 8px -3px
}

[_nghost-nes-c150] .dx-toolbar-wrapper[_ngcontent-nes-c150] {
    display: block;
    box-shadow: 0 7px 9px -11px #000;
    margin-bottom: 16px;
    padding-bottom: 8px
}

    [_nghost-nes-c150] .dx-toolbar-wrapper[_ngcontent-nes-c150] .dx-toolbar-sub[_ngcontent-nes-c150] {
        margin-top: 12px;
        padding-top: 8px;
        border-top: 1px solid var(--dx-color-light)
    }

[_nghost-nes-c73] .avatar[_ngcontent-nes-c73] {
    background: #e7f3fc;
    text-align: center;
    border-radius: 130px;
    width: 50px;
    height: 50px;
    text-transform: uppercase;
    color: #000;
    background-size: cover !important
}

[_nghost-nes-c73] .pointer[_ngcontent-nes-c73] {
    cursor: pointer
}

[_nghost-nes-c73] .avatar--small[_ngcontent-nes-c73] {
    width: 36px;
    height: 36px;
    line-height: 36px
}

    [_nghost-nes-c73] .avatar--small[_ngcontent-nes-c73] .avatar__letters[_ngcontent-nes-c73] {
        line-height: 36px;
        font-size: .7rem;
        font-weight: 500
    }

[_nghost-nes-c73] .hoveredState[_ngcontent-nes-c73] {
    background: var(--ion-color-dark) !important
}

    [_nghost-nes-c73] .hoveredState[_ngcontent-nes-c73] .avatar__letters[_ngcontent-nes-c73] {
        display: none
    }

    [_nghost-nes-c73] .hoveredState[_ngcontent-nes-c73] ion-icon[_ngcontent-nes-c73] {
        font-size: 13px;
        padding-top: 9px;
        color: #fff
    }

[_nghost-nes-c73] .avatar--xsmall[_ngcontent-nes-c73] {
    width: 24px;
    height: 24px;
    line-height: 21px
}

    [_nghost-nes-c73] .avatar--xsmall[_ngcontent-nes-c73] .avatar__letters[_ngcontent-nes-c73] {
        line-height: 21px;
        font-size: .7rem;
        font-weight: 500
    }

[_nghost-nes-c73] .avatar--xlarge[_ngcontent-nes-c73] {
    display: inline-block;
    height: 0;
    width: 100%;
    padding-bottom: 100%
}

[_nghost-nes-c73] .avatar--large[_ngcontent-nes-c73] {
    width: 96px;
    height: 96px;
    line-height: 96px
}

    [_nghost-nes-c73] .avatar--large[_ngcontent-nes-c73] .avatar__letters[_ngcontent-nes-c73] {
        line-height: 96px;
        font-size: .7rem;
        font-weight: 500
    }

[_nghost-nes-c73] .avatar__letters[_ngcontent-nes-c73] {
    position: relative;
    line-height: 50px;
    font-weight: 500;
    font-size: 14px
}

[_nghost-nes-c73] .avatar__img[_ngcontent-nes-c73] {
    border-radius: 50px;
    overflow: hidden
}

[_nghost-nes-c163] {
    display: block
}

@media screen and (min-height: 600px) {
    [_nghost-nes-c163] {
        display: flex;
        height: 100%;
        align-items: center;
        justify-content: center
    }
}

[_nghost-nes-c163] .button[_ngcontent-nes-c163] {
    display: block;
    cursor: pointer;
    border: 1px solid var(--dx-color-light);
    background: #fff !important;
    font-family: "Manrope",sans-serif;
    border-radius: 4px
}

    [_nghost-nes-c163] .button[_ngcontent-nes-c163]:hover {
        background: var(--dx-color-light-shade) !important
    }

[_nghost-nes-c163] .teeth-child-switch[_ngcontent-nes-c163] {
    position: absolute;
    margin-top: 191px;
    height: 44px;
    padding: 0 8px;
    font-weight: 700
}

[_nghost-nes-c163] .teeth-toggle[_ngcontent-nes-c163] {
    margin-inline-start: -65px;
    width: 40px !important;
    margin-inline-end: 16px;
    height: 30px !important
}

    [_nghost-nes-c163] .teeth-toggle[_ngcontent-nes-c163] img[_ngcontent-nes-c163] {
        width: 24px;
        margin-top: 3px
    }

[_nghost-nes-c163] .teeth-toggle-top[_ngcontent-nes-c163] {
    margin-top: 180px
}

[_nghost-nes-c163] .teeth-toggle-bottom[_ngcontent-nes-c163] {
    margin-top: 4px
}

    [_nghost-nes-c163] .teeth-toggle-bottom[_ngcontent-nes-c163] img[_ngcontent-nes-c163] {
        transform: scale(-1)
    }

[_nghost-nes-c163] .dental-chart[_ngcontent-nes-c163] {
    zoom: .85;
    margin: 0 auto;
    width: 900px
}

[_nghost-nes-c163] .dental-chart--child[_ngcontent-nes-c163] {
    width: 540px
}

[_nghost-nes-c163] .dental-chart__top[_ngcontent-nes-c163], [_nghost-nes-c163] .dental-chart__bottom[_ngcontent-nes-c163] {
    display: flex
}

    [_nghost-nes-c163] .dental-chart__bottom[_ngcontent-nes-c163] > section[_ngcontent-nes-c163] {
        align-items: flex-end
    }

[_nghost-nes-c163] .dental-chart[_ngcontent-nes-c163] .tooth__number[_ngcontent-nes-c163] {
    font-size: 1rem;
    text-align: center;
    font-weight: 600;
    font-family: "Manrope",sans-serif
}

[_nghost-nes-c163] .dental-chart[_ngcontent-nes-c163] .tooth__number--selected[_ngcontent-nes-c163] {
    background: #008fbb;
    color: #fff
}

[_nghost-nes-c163] .dental-chart__section[_ngcontent-nes-c163] {
    display: flex
}

    [_nghost-nes-c163] .dental-chart__section[_ngcontent-nes-c163] section[_ngcontent-nes-c163] {
        cursor: pointer
    }

        [_nghost-nes-c163] .dental-chart__section[_ngcontent-nes-c163] section.tooth--selected[_ngcontent-nes-c163], [_nghost-nes-c163] .dental-chart__section[_ngcontent-nes-c163] section[_ngcontent-nes-c163]:hover {
            background: var(--dx-color-primary-shade) !important
        }

            [_nghost-nes-c163] .dental-chart__section[_ngcontent-nes-c163] section[_ngcontent-nes-c163]:hover .canals__item--add[_ngcontent-nes-c163] {
                visibility: visible
            }

            [_nghost-nes-c163] .dental-chart__section[_ngcontent-nes-c163] section[_ngcontent-nes-c163]:hover .tooth__number[_ngcontent-nes-c163] {
                background: #008fbb;
                color: #fff
            }

[_nghost-nes-c163] .dental-chart__section--right[_ngcontent-nes-c163] {
    transform: scaleX(-1)
}

    [_nghost-nes-c163] .dental-chart__section--right[_ngcontent-nes-c163] .tooth__number[_ngcontent-nes-c163], [_nghost-nes-c163] .dental-chart__section--right[_ngcontent-nes-c163] .diagnoses[_ngcontent-nes-c163], [_nghost-nes-c163] .dental-chart__section--right[_ngcontent-nes-c163] .canals[_ngcontent-nes-c163] {
        transform: scaleX(-1)
    }

[_nghost-nes-c163] .dental-chart__tooth[_ngcontent-nes-c163] {
    display: block
}

[_nghost-nes-c163] .dental-chart__tooth--selected[_ngcontent-nes-c163]:not(.crown) g#surface[_ngcontent-nes-c163] {
    stroke: #008fbb;
    stroke-width: .5
}

[_nghost-nes-c163] .teeth-arch[_ngcontent-nes-c163] {
    position: absolute;
    right: 30px;
    top: 185px;
    border-radius: 4px
}

    [_nghost-nes-c163] .teeth-arch[_ngcontent-nes-c163] ion-item[_ngcontent-nes-c163] {
        width: 57px;
        --padding-start: 12px;
        --ion-safe-area-right: -5px;
        border-radius: 4px;
        margin-bottom: 8px
    }

    [_nghost-nes-c163] .teeth-arch[_ngcontent-nes-c163] ion-item.teeth-arch__bottom[_ngcontent-nes-c163] {
        transform: rotate(180deg)
    }

    [_nghost-nes-c163] .teeth-arch[_ngcontent-nes-c163] ion-item.selected[_ngcontent-nes-c163] ion-img[_ngcontent-nes-c163] {
        filter: invert(100%)
    }

[_nghost-nes-c163] .dental-chart__diagnoses-list[_ngcontent-nes-c163] ion-label[_ngcontent-nes-c163] {
    font-size: 20px
}

[_nghost-nes-c163] .dental-chart__top[_ngcontent-nes-c163] .diagnoses[_ngcontent-nes-c163] {
    margin-top: 5px
}

[_nghost-nes-c163] .dental-chart__bottom[_ngcontent-nes-c163] .diagnoses[_ngcontent-nes-c163] {
    margin-bottom: 5px
}

[_nghost-nes-c163] .diagnoses[_ngcontent-nes-c163] {
    display: flex;
    justify-content: center;
    height: 20px;
    display: none
}

[_nghost-nes-c163] .diagnoses__item[_ngcontent-nes-c163] {
    font-size: .7rem;
    width: 20px;
    height: 20px;
    background: #de2e57;
    border-radius: 30px;
    display: block;
    color: #fff;
    line-height: 20px;
    text-align: center;
    margin-right: 2px
}

    [_nghost-nes-c163] .diagnoses__item[_ngcontent-nes-c163]:last-child {
        margin-right: 0
    }

[_nghost-nes-c216] {
    display: block;
    height: 100%;
    overflow: hidden
}

    [_nghost-nes-c216] .wrapper[_ngcontent-nes-c216] {
        height: 65px;
        padding: 14px 16px;
        box-shadow: 0 0 14px -8px #000
    }

    [_nghost-nes-c216] .dxm-button-checkbox[_ngcontent-nes-c216] {
        border: 0;
        border-radius: 0;
        border-top: 1px solid var(--dx-color-light);
        height: 37px
    }

        [_nghost-nes-c216] .dxm-button-checkbox[_ngcontent-nes-c216] .dx-button-content {
            padding: 7px !important
        }

        [_nghost-nes-c216] .dxm-button-checkbox[_ngcontent-nes-c216] .dx-checkbox-text {
            padding-inline-start: 8px;
            font-weight: 700;
            color: #008fbb
        }

[_nghost-nes-c190] .dxm-radio-tabs[_ngcontent-nes-c190] {
    height: 35px;
    border: 1px solid var(--dx-color-light);
    border-radius: 4px
}

    [_nghost-nes-c190] .dxm-radio-tabs[_ngcontent-nes-c190] .dx-radiobutton {
        line-height: 33px !important;
        padding: 0 8px;
        margin: 0;
        height: 32px !important;
        font-size: .8rem
    }

        [_nghost-nes-c190] .dxm-radio-tabs[_ngcontent-nes-c190] .dx-radiobutton:last-child .dx-radiobutton-icon-dot {
            border-color: var(--dx-color-danger) !important;
            background: var(--dx-color-danger) !important
        }

        [_nghost-nes-c190] .dxm-radio-tabs[_ngcontent-nes-c190] .dx-radiobutton:not(:last-child) {
            border-inline-end: 1px solid var(--dx-color-light)
        }

[_nghost-nes-c190] .dxm-tabs-teeth-actions[_ngcontent-nes-c190] {
    border: 0
}

[_nghost-nes-c190] .dxm-tabs-teeth-actions.planned[_ngcontent-nes-c190] .dx-tab-selected {
    box-shadow: inset 0 -5px 0 var(--dx-color-danger)
}

[_nghost-nes-c190] .dxm-tabs-teeth-actions.confirmed[_ngcontent-nes-c190] .dx-tab-selected {
    box-shadow: inset 0 -5px 0 var(--dx-color-success)
}

[_nghost-nes-c190] .dxm-tabs-teeth-actions.existing[_ngcontent-nes-c190] .dx-tab-selected {
    box-shadow: inset 0 -5px 0 var(--dx-color-secondary)
}

[_nghost-nes-c190] .dxm-tabs-teeth-actions[_ngcontent-nes-c190] .dx-tab {
    background: transparent !important;
    border-radius: 0 !important
}

    [_nghost-nes-c190] .dxm-tabs-teeth-actions[_ngcontent-nes-c190] .dx-tab img, [_nghost-nes-c190] .dxm-tabs-teeth-actions[_ngcontent-nes-c190] .dx-tab i.caret {
        opacity: .3
    }

    [_nghost-nes-c190] .dxm-tabs-teeth-actions[_ngcontent-nes-c190] .dx-tab img {
        width: 24px;
        display: block
    }

        [_nghost-nes-c190] .dxm-tabs-teeth-actions[_ngcontent-nes-c190] .dx-tab img.existing {
            filter: hue-rotate(-29deg) brightness(1.15)
        }

        [_nghost-nes-c190] .dxm-tabs-teeth-actions[_ngcontent-nes-c190] .dx-tab img.confirmed {
            filter: hue-rotate(236deg) brightness(1.15)
        }

        [_nghost-nes-c190] .dxm-tabs-teeth-actions[_ngcontent-nes-c190] .dx-tab img.planned {
            filter: hue-rotate(122deg) brightness(1.15)
        }

        [_nghost-nes-c190] .dxm-tabs-teeth-actions[_ngcontent-nes-c190] .dx-tab img.diagnoses {
            filter: brightness(1) saturate(0)
        }

    [_nghost-nes-c190] .dxm-tabs-teeth-actions[_ngcontent-nes-c190] .dx-tab span {
        display: block;
        padding: 0 8px
    }

    [_nghost-nes-c190] .dxm-tabs-teeth-actions[_ngcontent-nes-c190] .dx-tab.dx-tab-selected img, [_nghost-nes-c190] .dxm-tabs-teeth-actions[_ngcontent-nes-c190] .dx-tab.dx-tab-selected i.caret {
        opacity: 1 !important
    }

    [_nghost-nes-c190] .dxm-tabs-teeth-actions[_ngcontent-nes-c190] .dx-tab.dx-tab-selected:after {
        display: none !important
    }

    [_nghost-nes-c190] .dxm-tabs-teeth-actions[_ngcontent-nes-c190] .dx-tab i.caret {
        position: absolute;
        background: #fff;
        width: 12px;
        height: 12px;
        line-height: 5px;
        margin-inline-start: 7px;
        border-radius: 4px;
        border: 1px solid var(--dx-color-dark);
        top: 10px
    }

[_nghost-nes-c190] .button-all[_ngcontent-nes-c190] span.dx-button-text, [_nghost-nes-c190] .button-status[_ngcontent-nes-c190] span.dx-button-text {
    font-weight: 500 !important;
    font-size: .8rem !important
}

[_nghost-nes-c190] .button-status[_ngcontent-nes-c190] {
    height: 35px
}

    [_nghost-nes-c190] .button-status[_ngcontent-nes-c190] .dx-button-content, [_nghost-nes-c190] .button-status[_ngcontent-nes-c190] .dx-button-text {
        display: flex;
        align-items: center
    }

    [_nghost-nes-c190] .button-status[_ngcontent-nes-c190] span.dx-button-text:before {
        display: block;
        width: 20px;
        height: 20px;
        background: var(--dx-color-danger);
        border: 1px solid var(--dx-color-medium-shade);
        border-radius: 4px;
        margin-inline-end: 8px;
        content: " "
    }

[_nghost-nes-c190] .button-status.existing[_ngcontent-nes-c190] span.dx-button-text:before {
    background: var(--dx-color-secondary)
}

[_nghost-nes-c190] .button-status.confirmed[_ngcontent-nes-c190] span.dx-button-text:before {
    background: var(--dx-color-success)
}

.restoration-828f8174-846b-4f9c-bbc5-787cb8df7075-m g#surface path#m {
    fill: null !important;
}

.restoration-828f8174-846b-4f9c-bbc5-787cb8df7075-o g#surface path#o {
    fill: null !important;
}

.restoration-828f8174-846b-4f9c-bbc5-787cb8df7075-d g#surface path#d {
    fill: null !important;
}

.restoration-828f8174-846b-4f9c-bbc5-787cb8df7075-l g#surface path#l {
    fill: null !important;
}

.restoration-828f8174-846b-4f9c-bbc5-787cb8df7075-b g#surface path#b {
    fill: null !important;
}

.restoration-828f8174-846b-4f9c-bbc5-787cb8df7075-ml g#surface path#ml {
    fill: null !important;
}

.restoration-828f8174-846b-4f9c-bbc5-787cb8df7075-mb g#surface path#mb {
    fill: null !important;
}

.restoration-828f8174-846b-4f9c-bbc5-787cb8df7075-dl g#surface path#dl {
    fill: null !important;
}

.restoration-828f8174-846b-4f9c-bbc5-787cb8df7075-db g#surface path#db {
    fill: null !important;
}

.restoration-bab4f1e8-f72d-410d-b5cc-7ae0c3c133c7-m g#surface path#m {
    fill: null !important;
}

.restoration-bab4f1e8-f72d-410d-b5cc-7ae0c3c133c7-o g#surface path#o {
    fill: null !important;
}

.restoration-bab4f1e8-f72d-410d-b5cc-7ae0c3c133c7-d g#surface path#d {
    fill: null !important;
}

.restoration-bab4f1e8-f72d-410d-b5cc-7ae0c3c133c7-l g#surface path#l {
    fill: null !important;
}

.restoration-bab4f1e8-f72d-410d-b5cc-7ae0c3c133c7-b g#surface path#b {
    fill: null !important;
}

.restoration-bab4f1e8-f72d-410d-b5cc-7ae0c3c133c7-ml g#surface path#ml {
    fill: null !important;
}

.restoration-bab4f1e8-f72d-410d-b5cc-7ae0c3c133c7-mb g#surface path#mb {
    fill: null !important;
}

.restoration-bab4f1e8-f72d-410d-b5cc-7ae0c3c133c7-dl g#surface path#dl {
    fill: null !important;
}

.restoration-bab4f1e8-f72d-410d-b5cc-7ae0c3c133c7-db g#surface path#db {
    fill: null !important;
}

.rootcanal-473aa7bf-2203-4318-8c63-fbde8956fdc6-r1 g#root path#r1 {
    fill: null !important;
}

.rootcanal-473aa7bf-2203-4318-8c63-fbde8956fdc6-r2 g#root path#r2 {
    fill: null !important;
}

.rootcanal-473aa7bf-2203-4318-8c63-fbde8956fdc6-r3 g#root path#r3 {
    fill: null !important;
}

.rootcanal-473aa7bf-2203-4318-8c63-fbde8956fdc6-rb1 g#root path#rb1 {
    fill: null !important;
}

.rootcanal-473aa7bf-2203-4318-8c63-fbde8956fdc6-rb2 g#root path#rb2 {
    fill: null !important;
}

.rootcanal-473aa7bf-2203-4318-8c63-fbde8956fdc6-rb3 g#root path#rb3 {
    fill: null !important;
}

.rootcanal-4cebe065-1b64-41ad-b592-10d0bf6ac225-r1 g#root path#r1 {
    fill: null !important;
}

.rootcanal-4cebe065-1b64-41ad-b592-10d0bf6ac225-r2 g#root path#r2 {
    fill: null !important;
}

.rootcanal-4cebe065-1b64-41ad-b592-10d0bf6ac225-r3 g#root path#r3 {
    fill: null !important;
}

.rootcanal-4cebe065-1b64-41ad-b592-10d0bf6ac225-rb1 g#root path#rb1 {
    fill: null !important;
}

.rootcanal-4cebe065-1b64-41ad-b592-10d0bf6ac225-rb2 g#root path#rb2 {
    fill: null !important;
}

.rootcanal-4cebe065-1b64-41ad-b592-10d0bf6ac225-rb3 g#root path#rb3 {
    fill: null !important;
}

.crown-b6722941-f723-4451-9ba6-a1a69be5e06f g#crown path {
    fill: null !important;
}

.crown-f087ecb9-ceca-4a99-ab02-21e38c9b5b5f g#crown path {
    fill: null !important;
}
.ess-s-01 .tooth__number,
section.ess-d-01 .tooth__number {
    background: #0690b7;
    color: #FFF;
}
section.ess-s-01 app-tooth svg,
section.ess-d-01 app-tooth svg {
    display: none !important;
}
section.ess-s-01 app-tooth,
section.ess-d-01 app-tooth {
    border: 1px dashed #e3e3e3;
}
section.ess-o-01 .tooth__number,
section.ess-o-02 .tooth__number,
section.ess-d-02 .tooth__number {
    background: #008abb;
    color: #FFF
}

section.ess-d-02 g path {
    fill: #FFF !important;
    stroke-width: 2px !important;
    stroke: #000 !important;
}
 
section.ess-d-02 g.tooth_surface path {
    stroke: #FFF !important;
}

section.ess-d-02 g.tooth_surface path#shape {
        stroke: #000 !important;
        border: 2px solid #000 !important;
}

section.ess-d-03, section.ess-d-04, section.ess-d-05, section.ess-d-06 {
    background: #e3e3e3;
}

    section.ess-d-03 .tooth__number,
    section.ess-d-04 .tooth__number,
    section.ess-d-05 .tooth__number,
    section.ess-d-06 .tooth__number,
    section.ess-d-07 .tooth__number,
    section.ess-d-08 .tooth__number,
    section.ess-d-09 .tooth__number,
    section.ess-d-10 .tooth__number,
    section.ess-d-11 .tooth__number,
    section.ess-d-12 .tooth__number,
    section.ess-d-13 .tooth__number,
    section.ess-d-14 .tooth__number,
    section.ess-d-15 .tooth__number,
    section.ess-d-16 .tooth__number,
    section.ess-d-17 .tooth__number,
    section.ess-d-18 .tooth__number,
    section.ess-d-19 .tooth__number,
    section.ess-d-20 .tooth__number,
    section.ess-d-21 .tooth__number,
    section.ess-d-22 .tooth__number,
    section.ess-d-23 .tooth__number,
    section.ess-d-24 .tooth__number,
    section.ess-d-25 .tooth__number,
    section.ess-d-26 .tooth__number,
    section.ess-d-27 .tooth__number {
        background: #000;
        color: #FFF
    }

.tooth_surface .ess-d-03,
.tooth_surface .ess-d-04,
.tooth_surface .ess-d-05 {
    fill: var(--secondary-color);
}

.ess-d-26 .sub-codes .ginlarge path,
.ess-d-27 .sub-codes .ginlarge path,
.ess-d-07 .sub-codes .attrition path,
.ess-d-08 .sub-codes .abrasion path,
.ess-d-09 .sub-codes .erosion path,
.ess-d-10 .sub-codes .fracture path,
.ess-d-11.fracture path {
    stroke: var(--secondary-color);
    stroke-width: 2px !important;
    visibility: visible;
}

.ess-aes-01 .sub-codes .cleaning path,
.ess-aes-04 .sub-codes .whitening path {
    visibility: visible;
    fill: #52bfff;
    stroke-dasharray: 5!important;
} 
.ess-aes-04 .sub-codes .cleaning path,
.ess-aes-02 .sub-codes .cleaning path {
    visibility: visible;
}
.ess-aes-02.planned-case .sub-codes .cleaning path {
    fill: url(#linearGradientPlanned);
}
.ess-aes-02.completed-case .sub-codes .cleaning path {
    fill: url(#linearGradientCompleted);
}
.ess-aes-02.existing-case .sub-codes .cleaning path {
    fill: url(#linearGradientExisting);
}

.ess-t-09.planned-case .sub-codes .postcore path {
    visibility: visible;
    fill: #ff5252;
}

.ess-t-09.completed-case .sub-codes .postcore path {
    visibility: visible;
    fill: #43cf41;
}

.ess-t-09.existing-case .sub-codes .postcore path {
    visibility: visible;
    fill: #52bfff;
}
.ess-p-01.existing-case .tooth_crown path,
.ess-p-02.existing-case .tooth_crown path {
    stroke: #52bfff;
    stroke-width: 2px;
}
.ess-p-01.completed-case .tooth_crown path,
.ess-p-02.completed-case .tooth_crown path {
    stroke: #43cf41;
    stroke-width: 2px;
}
.ess-p-01.planned-case .tooth_crown path,
.ess-p-02.planned-case .tooth_crown path {
    stroke: #ff5252;
    stroke-width: 2px;
}




.ess-p-02.existing-case .sub-codes .onlay path {
    fill: #52bfff;
    visibility: visible;
}

.ess-p-02.completed-case .sub-codes .onlay path {
    fill: #43cf41;
    visibility: visible;
}

.ess-p-02.planned-case .sub-codes .onlay path {
    fill: #ff5252;
    visibility: visible;
}
.ess-s-02 .tooth_surface path,
.ess-p-03 .tooth_surface path,
.ess-p-05 .tooth_surface path,
.ess-p-07 .tooth_surface path,
.ess-p-08 .tooth_surface path {
    fill: white;
    stroke: #FFF !important;
}
.ess-s-02.planned-case .tooth_crown path,
.ess-p-03.planned-case .tooth_crown path,
.ess-p-05.planned-case .tooth_crown path,
.ess-p-07.planned-case .tooth_crown path,
.ess-p-08.planned-case .tooth_crown path,
.ess-s-02.planned-case .tooth_surface path#shape,
.ess-p-03.planned-case .tooth_surface path#shape,
.ess-p-05.planned-case .tooth_surface path#shape,
.ess-p-07.planned-case .tooth_surface path#shape,
.ess-p-08.planned-case .tooth_surface path#shape {
    stroke: #ff5252 !important;
    stroke-width: 2px !important;
}
.ess-s-02.existing-case .tooth_crown path,
.ess-p-03.existing-case .tooth_crown path,
.ess-p-05.existing-case .tooth_crown path,
.ess-p-07.existing-case .tooth_crown path,
.ess-p-08.existing-case .tooth_crown path,
.ess-s-02.existing-case .tooth_surface path#shape,
.ess-p-03.existing-case .tooth_surface path#shape,
.ess-p-05.existing-case .tooth_surface path#shape,
.ess-p-07.existing-case .tooth_surface path#shape,
.ess-p-08.existing-case .tooth_surface path#shape {
    stroke: #52bfff !important;
    stroke-width: 2px !important;
}
.ess-s-02.completed-case .tooth_crown path,
.ess-p-03.completed-case .tooth_crown path,
.ess-p-05.completed-case .tooth_crown path,
.ess-p-07.completed-case .tooth_crown path,
.ess-p-08.completed-case .tooth_crown path,
.ess-s-02.completed-case .tooth_surface path#shape,
.ess-p-03.completed-case .tooth_surface path#shape,
.ess-p-05.completed-case .tooth_surface path#shape,
.ess-p-07.completed-case .tooth_surface path#shape,
.ess-p-08.completed-case .tooth_surface path#shape {
    stroke: #43cf41 !important;
    stroke-width: 2px !important;
}
.ess-s-03 .tooth_root,
.ess-s-02 .tooth_root {
    visibility: hidden;
}
.ess-s-04 .sub-codes .resection path,
.ess-s-02 .sub-codes .implant path,
.ess-s-03 .sub-codes .sinuslift path,
.ess-p-03 .sub-codes .denture path {
    visibility: visible;
}
.ess-s-03 .sub-codes .sinuslift path {
    stroke-dasharray:0 7 !important;
}
.ess-s-04.planned-case .sub-codes .resection path,
.ess-s-03.planned-case .sub-codes .sinuslift path {
    stroke: #ff5252;
}
.ess-s-02.planned-case .sub-codes .implant path {
    fill: #ff5252;
}
.ess-s-04.existing-case .sub-codes .resection path,
.ess-s-03.existing-case .sub-codes .sinuslift path {
    stroke: #52bfff;
}
.ess-s-02.existing-case .sub-codes .implant path {
    fill: #52bfff;
}
.ess-s-04.completed-case .sub-codes .resection path,
.ess-s-03.completed-case .sub-codes .sinuslift path {
    stroke: #43cf41;
}
.ess-s-02.completed-case .sub-codes .implant path {
    fill: #43cf41;
}



.ess-p-03.planned-case .sub-codes .denture path {
    fill: #ff5252;
}
.ess-p-03.existing-case .sub-codes .denture path {
    fill: #52bfff;
}
.ess-p-03.completed-case .sub-codes .denture path {
    fill: #43cf41;
}
    .ess-p-06 .tooth_surface path {
        fill: white;
        stroke: #FFF !important;
    }

.ess-p-06.planned-case .tooth_crown path,
.ess-p-06.planned-case .tooth_surface path#shape,
.ess-p-06.existing-case .tooth_crown path,
.ess-p-06.existing-case .tooth_surface path#shape,
.ess-p-06.completed-case .tooth_crown path,
.ess-p-06.completed-case .tooth_surface path#shape {
    stroke: #ff2bbe !important;
    stroke-width: 2px !important;
}



.ess-aes-04 .sub-codes .cleaning path {
    visibility: visible;
    stroke-dasharray: 5 5 !important;
    stroke-width: 2px !important;
    stroke: #52bfff !important;
}
.ess-aes-01.completed-case .sub-codes path,
.ess-aes-02.completed-case .sub-codes path, 
.ess-aes-04.completed-case .sub-codes path {
    stroke: #43cf41 !important;
}
.ess-aes-01.planned-case .sub-codes path,
.ess-aes-02.planned-case .sub-codes path, 
.ess-aes-04.planned-case .sub-codes path {
    stroke: #ff5252 !important;
}
.ess-aes-01.existing-case .sub-codes path,
.ess-aes-02.existing-case .sub-codes path, 
.ess-aes-04.existing-case .sub-codes path {
    stroke: #52bfff !important;
}
section.ess-aes-03.planned-case {
    border: 1px dashed #ff5252;
}
section.ess-aes-03.existing-case {
    border: 1px dashed #52bfff;
}
section.ess-aes-03.completed-case {
    border: 1px dashed #43cf41;
}

.ess-t-01 .tooth_surface path#shape,
.ess-t-03 .tooth_surface path#shape,
.ess-t-04 .tooth_surface path#shape {
    stroke: #ff5252;
    stroke-width: 5px !important;
    stroke-dasharray: 5 5 !important;
}
.ess-t-01.existing-case .tooth_surface path#shape,
.ess-t-03.existing-case .tooth_surface path#shape,
.ess-t-04.existing-case .tooth_surface path#shape {
    stroke: #52bfff;
}
.ess-t-01.planned-case .tooth_surface path#shape,
.ess-t-03.planned-case .tooth_surface path#shape,
.ess-t-04.planned-case .tooth_surface path#shape {
    stroke: #ff5252;
}
.ess-t-01.completed-case .tooth_surface path#shape,
.ess-t-03.completed-case .tooth_surface path#shape,
.ess-t-04.completed-case .tooth_surface path#shape {
    stroke: #43cf41;
}

.ess-t-01.existing-case .tooth_surface .ess-t-01,
.ess-t-03.existing-case .tooth_surface .ess-t-03,
.ess-t-04.existing-case .tooth_surface .ess-t-04 {
    fill: #52bfff;
}

.ess-t-01.planned-case .tooth_surface .ess-t-01,
.ess-t-03.planned-case .tooth_surface .ess-t-03,
.ess-t-04.planned-case .tooth_surface .ess-t-04 {
    fill: #ff5252;
}
.ess-t-03.completed-case .tooth_surface .ess-t-03,
.ess-t-04.completed-case .tooth_surface .ess-t-04,
.ess-t-01.completed-case .tooth_surface .ess-t-01 {
    fill: #43cf41;
}

.ess-t-02.existing-case .tooth_surface .ess-t-02,
.ess-t-02.planned-case .tooth_surface .ess-t-02,
.ess-t-02.completed-case .tooth_surface .ess-t-02 {
    fill: #ff2bbe;
}


.ess-t-02.existing-case .tooth_surface path#shape,
.ess-t-02.planned-case .tooth_surface path#shape,
.ess-t-02.completed-case .tooth_surface path#shape {
    stroke: #ff2bbe;
}

.ess-d-17 .sub-codes .abscess path,
.ess-d-18 .sub-codes .abscess path,
.ess-d-19 .sub-codes .abscess path,
.ess-d-20 .sub-codes .abscess path,
.ess-d-21 .sub-codes .abscess path,
.ess-d-17 .r1, .ess-d-17 .r2, .ess-d-17 .r3,
.ess-d-18 .r1, .ess-d-19 .r2, .ess-d-17 .r3,
.ess-d-19 .r1, .ess-d-18 .r2, .ess-d-19 .r3,
.ess-d-20 .r1, .ess-d-20 .r2, .ess-d-20 .r3,
.ess-d-21 .r1, .ess-d-21 .r2, .ess-d-21 .r3 {
    stroke: var(--secondary-color);
    stroke-width: 2px !important;
    visibility: visible;
}


.ess-d-22.r1, .ess-d-22.r2, .ess-d-22.r3,
.ess-d-23.r1, .ess-d-23.r2, .ess-d-23.r3,
.ess-d-24.r1, .ess-d-24.r2, .ess-d-24.r3,
.ess-d-25.r1, .ess-d-25.r2, .ess-d-24.r3,
.ess-d-26.r1, .ess-d-26.r2, .ess-d-26.r3,
.ess-d-27.r1, .ess-d-27.r2, .ess-d-27.r3,
.ess-d-12.r3,
.ess-d-12.r1,
.ess-d-12.r2,
.ess-d-13.r3,
.ess-d-13.r2,
.ess-d-13.r1,
.ess-d-14.r3,
.ess-d-14.r2,
.ess-d-14.r1,
.ess-d-15.r3,
.ess-d-15.r2,
.ess-d-15.r1,
.ess-d-16.r3,
.ess-d-16.r2,
.ess-d-16.r1 {
    fill: var(--secondary-color) !important;
}
.ess-t-05.existing-case.r1,
.ess-t-07.existing-case.r1,
.ess-t-08.existing-case.r1,
.ess-t-05.existing-case.r2,
.ess-t-07.existing-case.r2,
.ess-t-08.existing-case.r2,
.ess-t-05.existing-case.r3,
.ess-t-07.existing-case.r3,
.ess-t-08.existing-case.r3 {
    fill: #52bfff !important;
}
.ess-t-05.planned-case.r1,
.ess-t-07.planned-case.r1,
.ess-t-08.planned-case.r1,
.ess-t-05.planned-case.r2,
.ess-t-07.planned-case.r2,
.ess-t-08.planned-case.r2,
.ess-t-05.planned-case.r3,
.ess-t-07.planned-case.r3,
.ess-t-08.planned-case.r3 {
    fill: #ff5252 !important;
}
.ess-t-05.completed-case.r1,
.ess-t-06.completed-case.r1,
.ess-t-07.completed-case.r1,
.ess-t-05.completed-case.r2,
.ess-t-06.completed-case.r2,
.ess-t-07.completed-case.r2,
.ess-t-05.completed-case.r3,
.ess-t-06.completed-case.r3,
.ess-t-07.completed-case.r3
{
    fill: #43cf41 !important;
}

.ess-t-06.existing-case.r1,
.ess-t-06.planned-case.r1,
.ess-t-06.completed-case.r1,
.ess-t-06.existing-case.r2,
.ess-t-06.planned-case.r2,
.ess-t-06.completed-case.r2,
.ess-t-06.existing-case.r3,
.ess-t-06.planned-case.r3,
.ess-t-06.completed-case.r3 {
    fill: #ff2bbe !important
}

.ess-d-22.rb1, .ess-d-22.rb2, .ess-d-22.rb3,
.ess-d-23.rb1, .ess-d-23.rb2, .ess-d-23.rb3,
.ess-d-24.rb1, .ess-d-24.rb2, .ess-d-24.rb3,
.ess-d-25.rb1, .ess-d-25.rb2, .ess-d-24.rb3,
.ess-d-26.rb1, .ess-d-26.rb2, .ess-d-26.rb3,
.ess-d-27.rb1, .ess-d-27.rb2, .ess-d-27.rb3 {
    fill: #c3c3c3 !important;
}