body{background:#1c1a20;overflow:unset !important}body,span,p,h1,h2,h3,h4,h5,h6,label,input,button,select,textarea,div{direction:ltr !important;text-align:left}#main{height:calc(var(--vh, 1vh) * 100)}.main-header{background:#000;padding:10px;margin-bottom:unset;border:#000;justify-content:space-between;margin-left:0;margin-right:0;gap:10px}.main-header .left-panel{align-self:center;display:inline-flex}.main-header .left-panel .main-logo{padding:6px;display:flex;align-items:center;margin-right:1rem}.main-header .right-panel{display:inline-flex;gap:10px;align-items:center}.main-content{padding:1rem;padding-bottom:0;background:#1c1a20;text-align:center}#layout_canvas{justify-content:center}canvas{position:absolute;width:100%;left:0}.canvasWrapper{position:relative;width:100%;height:30rem}#layout_not_canvas{flex:0 1 auto;background:#1c1a20;border:11px solid #4c4c4e;position:relative;padding:1em;margin:1em}#layout_not_canvas .label-r,#layout_not_canvas .label-l{position:absolute;top:50%;transform:translateY(-50%);font-family:Inter;font-size:1.5rem;font-weight:800;color:#fff}#layout_not_canvas .label-l{right:3%}#layout_not_canvas .label-r{left:3%}.tooth-map .col-12,.tooth-map .quadrant{display:flex;justify-content:center}.image-teeth img{max-width:100%}.image-teeth0{text-align:center}.image-teeth0 img{max-width:100%;height:calc(var(--vh, 1vh) * 12)}.right-content{background:#000}.tooth-data-panel{display:flex;flex-flow:column;height:100%}.tooth-index{flex:1 1 auto;text-align:center;position:relative;margin:2em 0}.empty-state{position:absolute;top:5%;left:50%;transform:translateX(-50%);color:#fff;text-align:center}.empty-state>div{text-align:center;width:15rem}.reporty-info.floater,.reporty-info2.floater,#xray-toolbar{position:absolute;top:1rem;left:50%;transform:translateX(-50%);display:flex;align-items:center;z-index:1000;width:100%;justify-content:center;padding:0 10px}#xray-toolbar{justify-content:center;width:20rem}.reporty-info span{font-family:Inter;font-weight:400;font-size:1rem;color:#0994fd;margin-left:10px}.reporty-info{display:flex;align-items:flex-start;margin-bottom:1rem}.reporty-info2{display:flex;align-items:center;margin-bottom:1rem;border-radius:6px;background-color:#2d2b31;padding:10px}.reporty-info2 span{font-family:Inter;font-weight:400;font-size:1rem;color:#fff;margin-left:10px}#report-ready,#report-ready2{position:relative;display:flex;flex-direction:column;gap:1.5rem;margin:1.5rem 0}#report-ready .box{display:flex;align-items:center;gap:10px;background:#c0e1ff;font-family:Inter;font-weight:600;font-size:1.25rem;color:#fff;border:1px solid #c5e3fb;border-radius:4px;padding:1rem;margin-bottom:.5rem}#report-ready .box img{width:24px}#report-ready .box span{font-size:14px;font-weight:500;color:#212121}#report-ready .lang{color:#fff}#report-ready .lang a{font-weight:700;text-decoration:underline}#report-ready2 .box{display:flex;align-items:flex-start;gap:10px;background:#fff;font-family:Inter;font-weight:600;font-size:1.25rem;color:#fff;border:1px solid #c5e3fb;border-radius:4px;padding:1rem;margin-bottom:.5rem}#report-ready2 .box .detail{flex:1 1 auto}#report-ready2 .box img{width:24px}#report-ready2 .box span{font-size:16px;font-weight:700;color:#212121}#report-ready2 .box .box-item{flex:1 1 auto}#report-ready2 .box .lang{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}#report-ready2 .box .lang .lang-item{display:flex;align-items:center}#report-ready2 .box .lang span{font-size:14px;font-weight:400;color:#999}#report-ready2 .box .lang img{width:16px}#report-ready2 .box .lang a{font-weight:800;font-size:16px;color:#36a8fd;text-decoration:underline}#tooth-report-button{position:relative;display:flex;gap:10px;flex-wrap:wrap}#tooth-report-button button{flex:0 1 auto;white-space:nowrap}.quadrant-section{margin:16px 0}.quadrant-header{color:#fff;font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:24px;margin:16px 0}.quadrant-section .quadrant-header2{color:#fff;font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:16px}.btn-submit-container{display:flex;justify-content:left;align-items:center;gap:5px;width:100%;position:fixed;bottom:0;background:#000;padding:1rem}.btn-download-container{position:fixed;bottom:0;background:#000;padding:1rem;margin-left:-15px;z-index:1039}.steps-header{color:#fff;font-size:14px;padding:.25rem}#treatment_plan_report:disabled+label{cursor:not-allowed}.mytooltip .tooltiptext{visibility:hidden;color:#fff;text-align:center;position:absolute;z-index:100;top:3rem;margin-left:-1rem;opacity:0;transition:opacity .3s;border-radius:6px;background:#0185ff}.tooltiptext .head{font-family:Inter;font-size:14px;font-style:normal;font-weight:600;line-height:20px;text-align:left;color:#fff;margin:8px 12px}.tooltiptext .detail{font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:20px;text-align:left;margin:8px 12px;color:#fff}.mytooltip .tooltiptext2{visibility:hidden;color:#fff;text-align:center;position:absolute;z-index:100;opacity:0;transition:opacity .3s;right:10px;border-radius:6px;background:#0994fd;padding:.5rem;width:20rem;text-align:justify}.tooltiptext2::after{content:"";position:absolute;top:-9px;right:1px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #0994fd}.mytooltip:hover .tooltiptext,.mytooltip:hover .tooltiptext2{visibility:visible;opacity:1}.tooltip-text{display:none;position:absolute;background:black;color:#fff;font-size:12px;padding:5px;border-radius:4px;white-space:wrap;left:50%;bottom:120%;transform:translateX(-50%);z-index:10}.mytooltip-container{display:inline-block;position:relative;width:100%}.button-toolbar{display:flex;align-items:center;padding:16px;background:#373737}.button-toolbar-active{background:#0994fd;color:white}.btn-reporty{text-align:center;font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:16px;border-radius:4px;padding:8px 16px;border:1px solid #0672d9;width:fit-content;height:fit-content;white-space:nowrap;color:#000;background:#fff}.button-primary{color:#fff !important;background:#0672d9 !important}.button-outline-primary{color:#0672d9 !important;background:transparent !important}.button-white{color:#0672d9 !important;background:#fff !important;border:1px solid #fff !important}.btn-reporty:disabled{color:#999 !important;background:#f0f0f0 !important;border-color:#d6d6d6 !important;cursor:not-allowed}.btn-reporty.button-primary:disabled,.btn-reporty.button-primary-disabled{background:#373737 !important;color:#979797 !important;border:1px solid #373737 !important;cursor:not-allowed}.btn-reporty.button-outline-primary:disabled,.btn-reporty.button-outline-primary-disabled{background:transparent !important;color:#979797 !important;border:1px solid #373737 !important;cursor:not-allowed}.button-white:disabled{color:#ccc !important;background:#f8f8f8 !important;border-color:#f8f8f8 !important;cursor:not-allowed}.btn-toggle{display:inline-block;font-weight:400 !important;cursor:pointer;user-select:none;color:#fff !important;background:#2d2b31 !important;border:1px solid #474747;width:100% !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;position:relative}.btn-toggle-lang{display:inline-block;font-size:16px;font-weight:400 !important;cursor:pointer;user-select:none;color:#000 !important;background:#fff !important;border:unset;border-radius:unset;width:100% !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;position:relative}.btn-toggle.selected{color:#1c1a20 !important;background:#fff !important}.btn-toggle-lang.selected{background:#0994fd !important}.btn-toggle input[type="radio"],.btn-toggle input[type="checkbox"],.btn-toggle-lang input[type="radio"]{display:none}.btn-toggle .label-text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.btn-toggle-lang .label-text{display:block;width:100%;height:50px;align-content:center}.selected-label{display:inline-flex;align-items:center;background:#0994fd;color:#fff;padding:4px 8px;border-radius:4px;margin:4px;cursor:pointer}.remove-label{margin-left:8px;font-weight:bold;cursor:pointer}.radio-label{color:#fff;font-weight:700}.select-custom{padding-left:10px;padding-right:10px;border-radius:4px;border:1px solid #373737;background:#fff;display:flex}.selection-containerLA{display:none;margin:0 1rem 1rem;border:1px solid #373737;border-radius:10px;padding:10px;background:#373737}.selection-listLA{list-style:none;padding:0;margin:0}.selection-listLA li{padding:5px;cursor:pointer;border-radius:4px;transition:background .3s;position:relative;font-family:Inter;font-size:13px;color:white}.selection-listLA li:hover{background:#007bff}.selection-listLA li.selected{background:#007bff;color:white}.selectedLA{display:none;margin:0 1rem 1rem;font-family:Inter;font-size:13px;color:white}#selectProcedureCount.collapse{border-radius:0 0 10px 10px}#selectProcedureCount.collapse:not(.show){border-radius:10px}#selectProcedureCount,.selecttreatmentsteps{background:#373737;border-color:#373737;padding:10px}#selectProcedureCount label,.selecttreatmentsteps label{background:#373737 !important}#selectContainer button,#proceduresContainer button{border-radius:10px;transition:border-radius .3s ease;background:#373737;border-color:#373737}#selectContainer button[aria-expanded="true"],#proceduresContainer button[aria-expanded="true"]{border-radius:10px 10px 0 0}.checkbox-wrapper{display:flex;align-items:center}.checkbox-wrapper input[type="checkbox"]{appearance:none;width:16px;height:16px;background-color:black;border:1px solid white;border-radius:4px;cursor:pointer;position:relative;margin-right:8px;display:flex;align-items:center;justify-content:center;font-size:0}.checkbox-wrapper input[type="checkbox"]:checked::after{content:"✔";color:white;font-size:12px;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.checkbox-wrapper input[type="checkbox"]:checked{background-color:#007bff}.checkbox-wrapper label{color:white;cursor:pointer;font-family:Inter;font-weight:400;font-size:14px;line-height:24.47px}.report-date span{color:#979797;font-weight:600}.report-date .label{color:#fff !important}.tooth-card{padding:12px;border-radius:5px;display:flex;justify-content:space-between;margin:10px 0;text-align:left;background:#fff;align-items:center}.tooth-card .tooth-problem{color:#2f2d32;font-family:Inter;font-weight:700;font-size:16px}.tooth-card .tooth-numberi{color:#2f2d32;font-family:Inter;font-weight:400;font-size:16px;display:flex;align-items:center;gap:5px}.tooth-card .tooth-button{font-weight:400;font-size:16px;color:#36a8fd;width:4em;cursor:pointer;display:flex;align-items:center;gap:5px;justify-content:center;white-space:nowrap;margin-right:10px}#patientNameModal{top:50%;left:50%;transform:translate(-50%,-50%);overflow-y:auto;height:100%;width:100%}#patientNameModal .modal-dialog{top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;margin:0;padding:.5rem;max-width:max-content}#patientNameModal .modal-content{border-radius:5px;padding:2rem;max-width:500px}#patientNameModal .modal-title{font-family:Inter;font-weight:800;font-size:1.25rem;color:#2f2d32;margin-bottom:1rem;text-align:left}#patientNameModal .modal-content .form-group label{font-family:Inter,sans-serif;font-weight:400;font-size:1rem;color:#2f2d32;display:flex;align-items:center;justify-content:space-between;width:100%}#patientNameModal .modal-content .form-group input[type="text"],#patientNameModal .modal-content .form-group .phone-number{border-radius:5px;border:1px solid #4c4c4e;background:#f0f0f0}#patientNameModal .modal-content .form-group .form-control::placeholder{color:#85818e}.phone-number{display:flex;align-items:center;flex-grow:1;position:relative;z-index:10}#patientNameModal .modal-content .form-group .phone-number input{border:unset;background:#f0f0f0}#backConfirmModal,#transparentModal{top:50%;left:50%;transform:translate(-50%,-50%);overflow-y:auto;height:400px;width:100%;z-index:1051 !important}#backConfirmModal .modal-dialog,#transparentModal .modal-dialog{display:flex;justify-content:center}#backConfirmModal .modal-content,#transparentModal .modal-content{background-color:#373737;color:#fff;text-align:center;max-width:25rem}#backConfirmModal .modal-title,#backConfirmModal p,#transparentModal p{font-family:Inter;font-weight:600;font-size:1rem;margin-bottom:1rem;text-align:center}#backConfirmModal p,#transparentModal p{font-weight:400;font-size:.75rem}#backConfirmModal .modal-footer,#transparentModal .modal-footer{display:flex;justify-content:center;gap:10px;border:unset}#editToothModal .modal-dialog{top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;margin:0;padding:.5rem;max-width:1200px}#editToothModal .modal-content{border-radius:5px;padding:2rem;max-width:1200px}#editToothModal .modal-content h5{font-size:1.5rem;font-weight:700;color:#1c1a20}#editToothModal .modal-content .quadrant-item h4{font-size:1rem;font-weight:700}#searchModal .modal-dialog{max-width:100%;margin:0;height:100%}#searchModal .modal-content{height:100%;border:0;border-radius:0;background:#1c1a20}#searchModal .modal-content h5{font-size:1.5rem;font-weight:700;color:#fff;margin:1rem 0}#search-card-wrapper{height:calc((var(--vh, 1vh) * 100) - 250px)}#languageModal .modal-dialog{top:10%;left:50%;transform:translate(-50%,-10%);display:flex;justify-content:center;margin:0;padding:.5rem;max-width:400px}.nav-tabs .nav-link{font-size:.875rem;color:#fff;height:100%}.nav-tabs .nav-link.active{border-top-left-radius:10px;border-top-right-radius:10px;font-weight:500;color:#2f2d32}.nav-reporting{display:flex;flex-wrap:nowrap;width:100%}.nav-tabs.nav-reporting .nav-link.active{border-top-left-radius:10px;border-top-right-radius:10px;font-weight:400;color:#66c4af;border-bottom:2px solid #66c4af}.nav-link.disabled-tab{pointer-events:none;opacity:.5;cursor:not-allowed}.toggle-switch{position:relative;display:inline-block;width:36px;height:16px}.toggle-switch .toggle-track{position:absolute;top:50%;left:0;width:32px;height:10px;background:#d9d9d9;border-radius:10px;transform:translateY(-50%);transition:background .3s}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch .toggle-dot{position:absolute;top:50%;left:0;width:16px;height:16px;background-color:#979797;border-radius:50%;transform:translateY(-50%);transition:.3s}.toggle-switch input:checked+.toggle-track{background:#95d2ff}.toggle-switch input:checked+.toggle-track+.toggle-dot{left:16px;background-color:#0994fd}.select2-custom-dropdown{width:15rem !important}.select2-container .select2-selection--single,.select2-container .select2-selection--multiple{background:transparent !important;border:unset !important}#phone_code option{background-color:black}.loading-container{display:flex;justify-content:center;align-items:center;height:3rem}.small-circle{border:4px solid #3498db;border-top:4px solid transparent;border-radius:50%;width:2.5rem;height:2.5rem;animation:spin 1s linear infinite}.dropdown{position:relative;display:inline-block}.dropdown-button{background-color:#0994fd !important;color:white;cursor:pointer}.dropdown-content{display:none;position:absolute;background-color:#0994fd;width:100%;box-shadow:0 8px 16px rgba(0,0,0,0.2);z-index:1;border-radius:5px;overflow:hidden}.dropdown-content a{color:white !important;text-decoration:none;border:0;display:block;text-align:left;width:100%}.dropdown-content a:hover{background-color:#3498db}.dropdown-show{display:block}#right-panel-head{display:flex;transition:transform .3s ease,opacity .3s ease}#tooth-edit-open{display:flex;align-items:center;gap:5px;font-family:Inter;font-weight:400;font-size:16px;color:#36a8fd}.edit-teeth-container{position:relative}.vertical-line{position:absolute;top:-1rem;bottom:-1rem;left:50%;width:2px;background-color:black;transform:translateX(-1px);z-index:1}.quadrants{position:relative;z-index:2;margin-top:2rem}.quadrant-row{display:flex;justify-content:center;width:100%;gap:2rem;margin:2rem 0 1rem}.quadrant-item{display:flex;flex-direction:column;gap:5px}.quadrant-upper,.quadrant-lower{display:flex;flex-direction:column}.teeth-grid{display:flex;flex-wrap:wrap;gap:5px;margin:10px 0}.teeth-grid-small{display:flex;flex-wrap:wrap;gap:5px}.tooth{position:relative}.tooth input{display:none}.tooth label{display:inline-block;width:2.5rem;height:2.5rem;line-height:2.25rem;text-align:center;border:2px solid #2196f3;border-radius:6px;cursor:pointer;font-family:sans-serif;font-size:1.25rem;font-weight:700}.tooth input:checked+label{background-color:#2196f3;color:white;font-weight:bold;border:unset}.separator{width:100%;height:2px;background-color:black;margin:10px 0}#tooth-diagnosis-form{flex:1 1 auto}#skipButton{color:#0994fd;font-size:1rem;font-weight:700;cursor:pointer;border:1px solid #0994fd;background:transparent;padding:8px 16px}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@media(max-width:991.98px){.image-teeth0 img{height:auto}.hidden-above-xl.inline-flex{display:inline-flex !important}.hidden-above-xl.inline{display:inline !important}.hidden-above-xl.block{display:block !important}.hidden-above-xl.flex{display:flex !important}.hidden-below-xl{display:none !important}.responsive-wrapper{flex-direction:column-reverse !important;align-items:center !important}.responsive-div{justify-content:center !important;width:100%}#main,.right-content{background:#1c1a20}.main-content{padding:0}#tooth-diagnosis-summary{display:none !important}#right-panel-head{position:fixed;top:0;right:0;background-color:#1c1a20;width:100%;height:100%;z-index:1050;transform:translateX(100%);opacity:0;padding:1rem;box-shadow:-2px 0 5px rgba(0,0,0,0.3);flex-direction:column;align-items:flex-start}#right-panel-head.active{transform:translateX(0);opacity:1}#right-panel-head .close-btn{align-self:flex-end;margin-bottom:1rem}.close-btn{background:transparent;line-height:0;padding:unset;border:unset}#toggle-right-panel{padding:unset;border:unset;line-height:0}#layout_not_canvas{border:5px solid #4c4c4e}#layout_not_canvas .label-r,#layout_not_canvas .label-l{font-size:.5rem}#tooth-diagnosis-mobile{display:block}#tooth-diagnosis-desktop{display:none}.separator,.vertical-line{display:none}.quadrant-row{flex-direction:column}.quadrant.align-right{align-items:flex-start}.quadrant-lower{flex-direction:column-reverse}body.edit-tooth-modal-open .modal-backdrop.show,body.search-modal-open .modal-backdrop.show{opacity:0 !important}#editToothModal .modal-dialog{padding:0;top:64px;left:0;transform:unset}#editToothModal .modal-content{height:calc((var(--vh, 1vh) * 100) - 64px);overflow:auto;padding:0;background:#1c1a20;border:unset;border-radius:unset}#editToothModal .modal-content h5{text-align:center;color:white}#editToothModal .modal-content .reporty-info{justify-content:center}#editToothModal .modal-content .quadrant-item h4{color:#fff}#searchModal .modal-dialog{top:64px;height:calc((var(--vh, 1vh) * 100) - 64px)}#search-card-wrapper{height:calc((var(--vh, 1vh) * 100) - 250px)}.tooth label{width:2rem;height:2rem;line-height:1.75rem;font-size:1rem;color:#fff}.quadrant-row{gap:.5rem;margin:.5rem 0}#start-report-info{position:relative;height:2.5rem}#reporting-tab-mobile{margin:1rem;border:0}#reporting-tab-mobile .nav-link.active{background:unset;color:#0994fd;border:0;border-bottom:1px solid}#upload-dropdown{display:none}.btn-submit-container{margin-left:-20px}.btn-download-container{width:100%}}@media(min-width:992px){.hidden-below-xl.inline-flex{display:inline-flex !important}.hidden-below-xl.inline{display:inline !important}.hidden-below-xl.block{display:block !important}.hidden-below-xl.flex{display:flex !important}.hidden-above-xl{display:none !important}.height-content{height:calc(100% - 70px)}#main,.right-content{background:#000}.tooth-diagnosis-mobile{display:none !important}#tooth-diagnosis-mobile{display:none}#tooth-diagnosis-desktop{display:block}#tooth-diagnosis-form{position:relative}#editToothModal .modal-content .quadrant-item h4{display:none}.quadrant-reverse{flex-direction:row-reverse;margin:1rem 0}.quadrant-item .align-right{align-self:flex-end;flex-direction:row-reverse}#tooth-edit-dismiss{display:none}#reporting-tab-mobile{display:none !important}.btn-submit-container{padding-left:2.5rem;margin-left:-2.5rem}}.reporty-bg-blue{background-color:#0994fd !important}.reporty-outline-blue{border:1px solid #0994fd !important;color:#0994fd !important}.scroll-custom{overflow-y:auto}.scroll-custom::-webkit-scrollbar{width:6px}.scroll-custom::-webkit-scrollbar-track{background:transparent}.scroll-custom::-webkit-scrollbar-thumb{background-color:#666;border-radius:10px}.scroll-custom{scrollbar-width:thin;scrollbar-color:#666 transparent}/*! onboarding */.onboarding-h1{color:#212121;font-weight:700;margin:2.5rem 0 1.5rem 0;font-size:1.5rem}.onboarding-ul{list-style:outside;margin:1rem;margin-right:0}.onboarding-ul li{margin-bottom:.5rem}.onboarding-warning{display:flex;align-items:center;background:#fff8e9;border:1px solid #ffc955;gap:10px;border-radius:4px;padding:8px;margin:1rem 0}.onboarding-info{display:flex;align-items:center;background:#c0e1ff63;border:1px solid #c5e3fb;gap:10px;border-radius:4px;padding:8px;margin:1rem 0}.blur-screen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.4);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:1039;pointer-events:none;display:none}.zindex_front{z-index:1200}.blur-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.4);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:1041;pointer-events:none;display:none}.modal{z-index:1050}.weight-400{font-weight:400px}.dot-stepper{width:6px;height:6px;border-radius:50%;background-color:#d9d9d9;padding:0 !important;margin:0 !important}.dot-stepper.active{background-color:#4c4c4e}.arrow-up{margin:0;padding:0;width:0;height:0;border-left:21px solid transparent;border-right:21px solid transparent;border-bottom:21px solid #0994fd}.arrow-down{margin:0;padding:0;width:0;height:0;border-left:21px solid transparent;border-right:21px solid transparent;border-top:21px solid #0994fd}.arrow-right{width:0;height:0;border-top:21px solid transparent;border-bottom:21px solid transparent;border-left:21px solid #0994fd}.blur-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.6);z-index:10000;pointer-events:none}.highlight-me{position:relative;z-index:100001 !important;background:white;padding:20px;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,0.3)}