@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
* { font-family: 'Roboto', sans-serif; padding:0; margin:0; outline:none; }
html { -webkit-text-size-adjust:100%; }
select { -webkit-appearance:none; -moz-appearance:none; appearance:none; }
select::-ms-expand { display:none }
.cl { clear:both }
img { max-width: 100%; }
body { background-color:#f3f7fa; }
h1 { font-size: 34px; font-weight: 400; line-height: 1; }
.scnt { width:800px; margin:0 auto; }
.vh { width:1920px; max-width:100%; height:100vh; vertical-align:middle; display:table-cell; }
#login_box { display:table; width:800px; max-width:100%; }
#login_box > div { max-width:calc(50% - 120px); width:280px; vertical-align:middle; padding:100px 60px; display:table-cell; }
.login_left { background-color:#079dae; color:#fff; font-size: 14px; font-weight: 400; }
.login_left p { margin-top:16px; }
.login_right { background-color:#fff; }
.login_form label { display:block; margin-bottom:10px; }
.login_form label p { font-size:14px; color:#000; margin-bottom:5px; }
.login_form label input[type=email], .login_form label input[type=password] { border:0; border-bottom:1px solid #949494; color:#000; font-size:16px; height:32px; width:100%; }
.login_form a { transition:0.3s ease; color:#000; letter-spacing:1px; margin:20px 0; font-style:italic; font-size:11px; display:block; text-decoration:underline; }
.login_form a:hover { color:#079dae; text-decoration:none; }
.sub_button, .gen_results > span, .gen_results > a { transition:0.3s ease; display:inline-block; text-decoration:none; cursor:pointer; font-weight:500; font-size:14px; border:0; padding:0 20px; text-transform:uppercase; height:40px; line-height:42px; color:#fff; background-color:#079dae; border-radius:3px; }
.sub_button.greybutton { background-color:rgba(0,0,0,.38); }
.cnt { margin-right:40px; margin-left:100px; width:calc(100% - 145px); display:block; }
#head { background-color:#fff; padding:10px 0; width:100%; position:relative; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.12); box-shadow: 0 1px 3px rgba(0,0,0,.12); }
#head::after { content:""; display:block; clear:both; }
#user_menu { border-radius:3px; cursor:pointer; transition:0.3s ease; background-image:url(images/dentist.png); background-repeat:no-repeat; background-position:10px center; background-size:24px auto; color:#079dae; display:block; float:right; height:36px; line-height:36px; font-size:14px; font-weight:500; padding-left:45px; padding-right:30px; position:relative; }
#user_menu::after { position:absolute; right:10px; top:10px; content:""; border: solid #079dae; border-width: 0 2px 2px 0; display: inline-block; padding: 4px; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
#user_menu:hover { background-color:#e1f3f5; }
.user_nav { z-index:20; width:176px; display:none; position:absolute; right:0; top:0; background-color:#fff; box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12); }
.user_nav a { text-decoration:none; display:block; line-height:40px; font-size:15px; color:#000; font-weight:500; transition:0.3s ease; padding:0 12px; }
.user_nav a:hover { background-color:#f5f5f5; }
#content { padding:20px 0; }
#side_nav { z-index:550; position:fixed; overflow:hidden; top:0; left:0; width:74px; transition:0.3s ease; padding-top:80px; height:calc(100vh - 80px); background-image: linear-gradient(#079bad,#0790a7,#086492); }
#side_nav .side_men { width:300px; }
#side_nav .side_men a { position:relative; transition:0.3s ease; background-size:auto 24px; text-decoration:none; color:#fff; font-size:15px; font-weight:500; display:block; height:65px; line-height:65px; text-decoration:none; padding-left:75px; width:calc(100% - 75px); background-position:25px center; background-repeat:no-repeat;  }
#side_nav .side_men a.m1 { background-image:url(images/add.png); }
#side_nav .side_men a.m2 { background-image:url(images/patients.png); }
#side_nav .side_men a.m3 { background-image:url(images/plans.png); }
#side_nav .side_men a.m4 { background-image:url(images/prices.png); }
#side_nav .side_men a.m5 { background-image:url(images/doc.png); }
#side_nav .side_men a.m6 { background-image:url(images/custom.png); }
#side_nav .side_men a.on { background-color:rgba(255,255,255,0.05); }
#side_nav .side_men a:hover { background-color:#068696; }
#side_nav .side_men a.on::before { content:""; width:100%; height:1px; background-color:rgba(255,255,255,0.1); position:absolute; left:0; top:0; }
#side_nav .side_men a.on::after { content:""; width:100%; height:1px; background-color:rgba(255,255,255,0.1); position:absolute; left:0; bottom:0; }
#side_nav:hover { width:300px; }
#home_page a { transition:0.5s ease; height:220px; text-decoration:none; padding-top:104px; width:calc(20% - 40px); text-align:center; background-color:#fff; border-top:5px solid #079dae; margin:20px; border-radius:5px; display:block; float:left; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.12); box-shadow: 0 1px 3px rgba(0,0,0,.12); }
#home_page a span { transition:0.5s ease; color:#079dae; display:block; margin-top:40px; text-transform: uppercase; font-weight: 500; height: 38px; }
#home_page a img { width:40px; margin:0 auto; display:block; filter: invert(50%) sepia(76%) saturate(5388%) hue-rotate(161deg) brightness(101%) contrast(94%); }
#home_page a p { transition:0.5s ease; margin:0 15px; margin-top:20px; color:#666; line-height:1.7; font-size:15px; }
#home_page a:hover { color:#fff; padding-top:99px; margin-bottom:25px; background-color:#079dae; }
#home_page a:hover span, #home_page a:hover p { color:#fff; }
#home_page a:hover img { filter:none; }
#home_page::after { content:""; display:block; clear:both; }
.show_over { display:none; z-index:19; width:100%; height:100vh; position:fixed; left:0; top:0; }
.left_half_item, .right_half_item, .full_item { border-radius:5px; background-color:#fff; width:calc(50% - 10px); float:left; border-top:5px solid #079dae; }
.left_half_item { position:relative; }
.right_half_item { float:right; }
.full_item { width:100%; float:none; }
.lh_title { position:relative; padding:20px; display:block; border-bottom:1px solid #e3e8ee; margin-bottom:12px; }
.lh_title h1 { line-height:36px; font-size:16px; font-weight:500; color:#111; }
.add_button { text-decoration:none; transition:0.3s ease; background-image:url(images/plus.png); background-repeat:no-repeat; background-size:16px auto; background-position:10px center; border-radius:3px; transition:0.3s ease; display:inline-block; color:#079dae; cursor:pointer; font-size:14px; font-weight:500; padding:0px 20px 0px 35px; border:1px solid #079dae; height:34px; line-height:36px; }
.lh_title .add_button { float:right; }
.search_button { display:block; float:right; width:34px; height:34px; border:1px dotted #111; border-radius:50%; background-image:url(images/search.png); background-position:center; background-size:16px auto; margin-right:15px; cursor:pointer; background-repeat:no-repeat; }
.add_button:hover { background-color:#e1f3f5; }
.patients_list { display:block; padding:20px; }
.patients_list > a { background-image:url(images/person.png); background-repeat:no-repeat; background-size:24px auto; background-position:20px center; transition:0.3s ease; position:relative; padding-left:65px; padding-right:15px; text-decoration:none; color:#333; display:block; height:48px; line-height:48px; }
.patients_list > a::before { opacity:0; transition:0.3s ease; position:absolute; left:0; top:0; content:""; width:4px; height:100%; background-color:#079dae; }
.patients_list > a.on::before { opacity:1; }
.patients_list > a:hover { background-color:#f5f5f5; }
.patients_list > a::after { content:""; display:block; clear:both; }
.patients_list > a > p:first-child { float:left; font-size:15px; font-weight:500; }
.patients_list > a > p:nth-child(2) { float:right; color:#555; font-size:13px; }
.close { transition:0.3s ease; opacity:0.9; width:36px; position:relative; height:36px; float:right; display:block; cursor:pointer; }
.close::before { content:""; width:20px; height:2px; background-color:#079dae; position:absolute; left:calc(50% - 10px); top:calc(50% - 1px); transform:rotate(45deg); }
.close::after { content:""; width:2px; height:20px; background-color:#079dae; position:absolute; top:calc(50% - 10px); left:calc(50% - 1px); transform:rotate(45deg); }
.paddings { display:block; padding:20px; }
.p_form label { display:block; margin-bottom:16px; }
.p_form label p { font-size:13px; color:#333; margin-bottom:3px; }
.p_form label input[type=text], .p_form label textarea { transition:0.3s ease; border:0; border-bottom:1px solid #949494; color:#000; font-size:16px; height:32px; width:100%; }
.p_form label select { transition:0.3s ease; border:0; border-bottom:1px solid #949494; background-color:#fff; color:#000; font-size:16px; height:32px; width:100%; }
.p_form label textarea { overflow:auto; height:86px; padding-top:10px; padding-bottom:10px; }
.p_form .p_rs label textarea { height:146px; }
.p_ls { float:left; width:calc(50% - 10px); }
.p_rs { float:right; width:calc(50% - 10px); }
.p_form label input[type=text]:hover, .p_form label textarea:hover { border-color:#079dae; }
.radio { display:inline-block !important; line-height:22px; margin:10px 10px 10px 0px; font-size:15px; color:#111; }
.radio > input { display:none; }
.radio > input + span { position:relative; display:block; float:left; margin-right:10px; width:16px; border:2px solid #079dae; border-radius:50%; height:16px; }
.radio > input:checked + span::after { content:""; width:8px; height:8px; position:absolute; display:block; background-color:#079dae; left:calc(50% - 4px); top:calc(50% - 4px); border-radius:50%; }
.mh { display:block; height:25px; }
.remove_button { display:inline-block; transition:0.3s ease; text-decoration:none; margin-left:15px; cursor:pointer; font-weight:500; font-size:14px; border:0; padding:0 20px; text-transform:uppercase; height:40px; line-height:42px; color:#f44336; background-color:#fff; border-radius:3px; }
.remove_button:hover { background-color:#fee8e7; }
.border_t { border-top:1px solid #e3e8ee; }
.ptext p { font-size:15px; color:#111; margin-bottom:10px; }
.no_plans_element { background-image: url(images/plans.png); background-size:auto 44px; background-position:center 15px; background-repeat:no-repeat; display:block; padding-top:80px; color:#fff; padding-bottom:40px; text-align:center; font-size:14px; opacity:0.5; filter: brightness(0) saturate(100%) invert(0%) sepia(8%) saturate(1832%) hue-rotate(277deg) brightness(93%) contrast(101%); }
.no_plans_element::after { content:"Kol kas neturite jokių planų."; }
.no_gb_element { background-image: url(images/custom.png); background-size:auto 44px; background-position:center 15px; background-repeat:no-repeat; display:block; padding-top:80px; color:#fff; padding-bottom:20px; text-align:center; font-size:14px; opacity:0.5; filter: brightness(0) saturate(100%) invert(0%) sepia(8%) saturate(1832%) hue-rotate(277deg) brightness(93%) contrast(101%); }
.no_gb_element::after { content:"Kol kas neturite individualių gydymo būdų."; }
.fl_right { float:right; }
.paddings::after { display:block; content:""; clear:both; }
.search_field { display:none; width:calc(100% - 153px); position:absolute; left:20px; height:36px; background-color:#fff; z-index:2; }
.search_field input[type=text] { border:0; border-bottom:1px solid #949494; color:#000; font-size:16px; height:35px; width:calc(100% - 36px); float:right; }
.sf_back { display:block; float:left; width:30px; height:36px; cursor:pointer; position:relative; }
.sf_back::before { position:absolute; left:0; top:13px; content:""; border: solid #111; border-width: 0 2px 2px 0; display: inline-block; padding: 4px; transform: rotate(135deg); -webkit-transform: rotate(135deg); }
.sf_back::after { content:""; position:absolute; left:1px; top:17px; width:16px; height:2px; background-color:#111; }
.sf_close { cursor:pointer; z-index:3; position:absolute; right:0; top:8px; width:20px; height:20px; background-color:#111; border-radius:50%; }
.sf_close::before { content:""; width:12px; height:2px; background-color:#fff; position:absolute; left:calc(50% - 6px); top:calc(50% - 1px); transform:rotate(45deg); }
.sf_close::after { content:""; width:2px; height:12px; background-color:#fff; position:absolute; top:calc(50% - 6px); left:calc(50% - 1px); transform:rotate(45deg); }
#plans_list_table { width:100%; border:0; border-collapse:collapse; }
#plans_list_table tr th { text-align:left; font-weight:500; font-size:13px; padding:10px 28px 16px 28px; border-bottom:1px solid #e3e8ee; }
#plans_list_table tr { position:relative; }
.plan_click { display:block; width:100%; position:absolute; left:0; top:0; height:100%; cursor:pointer; z-index:2; }
#plans_list_table tr td { position:relative; transition:0.3s ease; text-align:left; font-size:14px; padding:14px 28px 14px 28px; line-height:22px; }
#plans_list_table tr:hover td { background-color:#f5f5f5; }
#plans_list_table tr td:first-child { border-left:8px solid transparent; padding-left:24px; }
#plans_list_table tr:hover td:first-child { border-color:#079dae; }
#plans_list_table tr td:last-child { width:90px; position:relative; }
.dublicate { position:relative; z-index:3; opacity:0; transition:0.3s ease; display:inline-block; height:20px; width:20px; margin:3px 5px 0px 5px; margin-bottom:-3px; background-image:url(images/dublicate.png); background-repeat:no-repeat; background-position:center; background-size:auto 100%; }
.delete_plan { position:relative; z-index:3; opacity:0; transition:0.3s ease; display:inline-block; height:20px; width:20px; margin:3px 5px 0px 5px; margin-bottom:-3px; background-image:url(images/trash.png); background-repeat:no-repeat; background-position:center; background-size:auto 100%; }
.open_plan_pdf { position:relative; z-index:3; opacity:0; transition:0.3s ease; display:inline-block; height:20px; width:20px; margin:3px 5px 0px 5px; margin-bottom:-3px; background-image:url(images/doc-black.png); background-repeat:no-repeat; background-position:center; background-size:auto 100%; }
#plans_list_table tr:hover .dublicate, #plans_list_table tr:hover .delete_plan, #plans_list_table tr:hover .open_plan_pdf { opacity:1; }
.documents_list { display:block; padding:20px; }
.documents_list > a { font-weight:500; font-size:15px; background-image:url(images/doc-black.png); background-repeat:no-repeat; background-size:24px auto; background-position:20px center; transition:0.3s ease; position:relative; padding:14px 0; padding-left:65px; padding-right:15px; text-decoration:none; color:#333; display:block; line-height:24px; }
.documents_list > a::before { opacity:0; transition:0.3s ease; position:absolute; left:0; top:0; content:""; width:4px; height:100%; background-color:#079dae; }
.documents_list > a.on::before, .documents_list > a:hover::before { opacity:1; }
.documents_list > a:hover { background-color:#f5f5f5; text-decoration:underline; }
.documents_list > a::after { content:""; display:block; clear:both; }
.documents_list > a.user_pp_fil { background-image:url(images/doc-black-user.png?v=1); }
.prices_items_list { border:1px solid #e3e8ee; display:block; }
.price_item { position:relative; padding:11px 25px; height:25px; line-height:25px; font-size:15px; color:#000; display:block; border-bottom:1px solid #e3e8ee; border-top:1px solid #e3e8ee; margin-top:-1px; }
.price_item:last-child { border-bottom:0; }
.prices_edit { display:none; }
.price_item > p { width:calc(100% - 115px); float:left; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; height:25px; overflow:hidden; }
.editable_price { float:right; display:block; position:relative; cursor:pointer; }
.editable_price::after { content:""; left:0; position:absolute; bottom:0px; width:100%; border-top:1px dotted #079dae; }
.price_item::after, .has_in_items::after { content:""; display:block; clear:both; }
.has_in_items { display:block; margin:10px; border:1px solid #e3e8ee; }
.price_item > a { display:block; width:100%; color:#000; text-decoration:none; }
.price_item.has_in { cursor:pointer;  }
.price_item.has_in:hover { background-color:#f5f5f5; }
.price_item.has_in::before { transition:0.3s ease; position:absolute; right: 33px; top: 17px; content:""; border: solid #000; border-width: 0 2px 2px 0; display: inline-block; padding: 4px; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.price_item.has_in.on::before { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); top: 21px; }
.prices_edit { float:right; width:110px; }
.save_price { position:relative; cursor:pointer; transition:0.3s ease; display:block; float:left; width:25px; height:25px; background-color:#079dae; }
.save_price::after { content: ""; position: absolute; left: 9px; top: 5px; width: 5px; height: 9px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.save_price:hover, .sub_button:hover, .gen_results > span:hover, .gen_results > a:hover { background-color:#086492; }
.cancel_price { position:relative; cursor:pointer; transition:0.3s ease; display:block; float:left; width:25px; height:25px; background-color:#bbc6cb; }
.cancel_price::before { content:""; width:16px; height:4px; display:block; background:#fff; position:absolute; left:calc(50% - 8px); top:calc(50% - 2px); transform:rotate(45deg); }
.cancel_price::after { content:""; height:16px; width:4px; display:block; background:#fff; position:absolute; top:calc(50% - 8px); left:calc(50% - 2px); transform:rotate(45deg); }
.cancel_price:hover { background-color:#f44336; }
.prices_edit input { transition:0.3s ease; color:#000; font-size:15px; float:left; width:calc(100% - 50px); height:24px; border:0; border-bottom:1px solid #f5f5f5; }
.prices_edit input:hover, .prices_edit input:focus { border-color:#079dae; }
.plan_name_box .prices_edit { width:250px; }
.plan_name_box .prices_edit#plan_name_edit_box { width:300px; }
.plan_name_box .prices_edit input { padding-left:15px; width: calc(100% - 65px); }
.custom_list { display:block; padding:20px; }
.custom_list > a { transition:0.3s ease; position:relative; padding-left:24px; padding-right:20px; text-decoration:none; color:#333; display:block; height:48px; line-height:48px; }
.custom_list > a::before { opacity:0; transition:0.3s ease; position:absolute; left:0; top:0; content:""; width:4px; height:100%; background-color:#079dae; }
.custom_list > a.on::before, .custom_list > a:hover::before { opacity:1; }
.custom_list > a:hover { background-color:#f5f5f5; }
.custom_list > a::after { content:""; display:block; clear:both; }
.custom_list > a > p:first-child { width:calc(100% - 130px); margin-right:5px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow:hidden; float:left; font-size:15px; font-weight:500; line-height:48px; }
.custom_list > a > p:nth-child(2) { width:125px; display: table-cell; height:48px; vertical-align:middle; overflow:hidden; text-align:right; color:#555; font-size:13px; line-height:13px; }
.saved_popup { display:none; max-width:230px; position:fixed; bottom:30px; right:30px; z-index:20; background-color:#8bc34a; padding:22px 80px 17px 20px; color:#fff; }
.saved_popup h2 { font-size:20px; font-weight:500; margin-bottom:8px; color:#fff; }
.saved_popup::after { content: ""; position: absolute; right: 27px; top: 20px; width: 16px; height: 28px; border: solid white; border-width: 0 5px 5px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.saved_popup::before { content:""; width:100%; height:5px; position:absolute; top:0; left:0; background-color:#689f38; }
@keyframes wid{ from{width:0%;} to{width:100%;} }
.saved_popup.show::before { animation:wid 5s; }
.saved_popup p { font-size:15px; }
.plan_li_info .add_button { float:right; margin-top:14px; }
.plan_li_info .p_form { float:left; width:calc(100% - 210px); }
.plan_li.plan_deactive .plan_li_info { display:none; }
.plan_li > p { transition:0.3s ease; padding:20px; line-height:24px; font-size:14px; color:#333;  }
.plan_li > p > span { color:#fff; background-color:#079dae; color:#fff; display:block; border-radius:50%; font-size:14px; font-weight:500; text-align:center; width:24px; height:24px; float:left; margin-right:10px; }
.plan_li > p:hover { background-color:#f5f5f5; }
.plan_li.plan_deactive > p > span { background-color:rgba(0,0,0,.38); }
.plan_li_info { padding:10px 0px 10px 55px; position:relative; }
.plan_li_info::before { content:""; position:absolute; left:31px; top:-10px; width:1px; height:calc(100% + 20px); background-color:#e0e0e0; }
.plan_li_info::after { content:""; display:block; clear:both; }
.plan_li.sec .plan_li_info::before { height:100%; }
.plan_li.ok > p > span { color:#079dae; position:relative; }
.plan_li.ok > p > span::after { content: ""; position: absolute; left: 8px; top: 5px; width: 5px; height: 9px; border: solid white; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.plan_li.ok .plan_li_info { display:none; }
.plan_li.ok > p > span::before { content:""; position:absolute; left:11px; top:29px; width:1px; height:30px; background-color:#e0e0e0; }
.hidder { display:block; height:100vh; width:100%; position:fixed; top:0; left:0; background-color:rgba(0,0,0,0.5); z-index:150; }
#new_p_popup .hidder { z-index:232; }
.popup { z-index:241; position:absolute; left:calc(50% - 475px); top:calc(50vh - 285px); width:950px; background-color:#fff; }
.delete_popup { z-index:151; position:absolute; left:calc(50% - 220px); padding:20px; top:150px; width:400px; background-color:#fff; }
.duplicate_popup { z-index:151; position:absolute; left:calc(50% - 220px); padding:20px; top:150px; width:400px; background-color:#fff; }
.text { font-size:16px; color:#000; line-height:150%; padding-bottom:50px; }
.text p { margin-bottom:8px; }
.text hr { margin-top: 35px; color:#666; margin-bottom: 16px; }
.delete_popup h2, .duplicate_popup h2 { line-height: 36px; font-size: 24px; font-weight: 500; color: #111; }
.delete_popup p, .duplicate_popup p { font-size:16px; margin-top:8px; color:#111; margin-bottom:16px; }
.del_conf_button a { background-color:#fee8e7; display: block; float:left; width:calc(50% - 10px); transition: 0.3s ease; text-decoration: none; cursor: pointer; font-weight: 500; font-size: 14px; border: 0; border:1px dashed #f44336; text-align:center; height: 40px; line-height: 42px; color: #f44336; border-radius: 3px; }
.del_conf_button a:nth-child(2) { float:right; background-color:#fff; border-color:#fff; color:#111; }
.del_conf_button::after { content:""; display:block; clear:both; }
.del_conf_button a:nth-child(1):hover { background-color:#ffe5e4; }
.del_conf_button a:nth-child(2):hover { background-color:#e0e0e0; border-color:#111; }
.duplicate_popup .sub_button { width:calc(50% - 10px); text-align:center;  padding: 0; height: 42px; line-height: 43px; }
.select2-container--default .select2-selection--single { border-radius:0; border:0; border-bottom:1px solid #949494; height:33px; }
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 33px; }
#plan_pagination { display:block; margin-top:-10px; }
#plan_pagination > a { position:relative; margin-right:30px; transition:0.3s ease; color:#000; font-size:15px; display:inline-block; height:24px; line-height:24px; padding:15px; text-decoration:none; }
#plan_pagination > a > span { display:block; float:left; line-height:24px; height:24px; width:24px; border-radius:50%; text-align:center; color:#fff; background-color:#999; margin-right:20px; }
#plan_pagination > a:hover { text-decoration:underline; background-color:#f5f5f5; }
#plan_pagination > a:hover > span, #plan_pagination > a.on > span { background-color:#058b9d; }
#plan_pagination > a::after { display:block; position:absolute; top:50%; right:-29px; content:""; width:30px; height:1px; background:#e3e8ee; }
#plan_pagination > a:last-child::after { display:none; }
.patient_icon { display:block; float:right; font-size:15px; color:#111; background-image:url(images/person.png); background-repeat:no-repeat; background-position:left center; background-size:24px auto; font-weight:500; padding-left:36px; height:25px; line-height:25px; margin-left:50px; }
.plan_name_icon { cursor:pointer; text-decoration:underline; display:block; float:right; font-size:15px; color:#111; background-image:url(images/doc-black.png); background-repeat:no-repeat; background-position:left center; background-size:auto 24px; font-weight:500; padding-left:36px; height:25px; line-height:25px; }
.plan_name_icon:hover { text-decoration:none; }
#tabs { width:calc(100% - 320px); background-color:#fff; float:left; margin-top:10px; }
#tabs > a { cursor:pointer; transition:0.3s ease; text-decoration:none; color:#000; font-size:14px; line-height:20px; text-align:center; background:linear-gradient(0,#f4f7f8,#fbfcfd); border-radius:5px 5px 0 0; height:70px; display:block; float:left; width:calc(11.11% - 1px); margin-right:-1px; border:1px solid #e3e8ee; }
#tabs::after { content:""; display:block; clear:both; }
#tabs > a > span { width:200px; height:70px; max-width:100%; display:table-cell; vertical-align:middle; }
#tabs > a.on, #tabs > a:hover { background:#058b9d; color:#fff; }
#tabs_content { margin-top:-1px; min-height:calc(100vh - 290px); border:1px solid #e3e8ee; width:calc(100% - 380px); background-color:#fff; padding:30px; float:left; }
.circle360 { display:block; border-radius:50%; margin: 90px auto; width: 196px; height: 196px; position: relative; font-size: 14px; }
.circle360 > span { position:absolute; left:0; top:0; width:196px; height:196px; display:block; background-repeat:no-repeat; background-position:center; }
#circle_1 { background-image:url(images/dantys/360_2_g.png); }
#circle_2 { background-image:url(images/dantys/360_1_g.png); }
#circle_3 { background-image:url(images/dantys/360_3_g.png); }
#circle_4 { background-image:url(images/dantys/360_4_g.png); }
#circle_5 { background-image:url(images/dantys/360_5_g.png); }
#circle_6 { background-image:url(images/dantys/360_6_g.png); }
#circle_7 { background-image:url(images/dantys/360_7_g.png); }
#circle_8 { background-image:url(images/dantys/360_8_g.png); }
#circle_1.on { background-image:url(images/dantys/360_2_o.png); }
#circle_2.on { background-image:url(images/dantys/360_1_o.png); }
#circle_3.on { background-image:url(images/dantys/360_3_o.png); }
#circle_4.on { background-image:url(images/dantys/360_4_o.png); }
#circle_5.on { background-image:url(images/dantys/360_5_o.png); }
#circle_6.on { background-image:url(images/dantys/360_6_o.png); }
#circle_7.on { background-image:url(images/dantys/360_7_o.png); }
#circle_8.on { background-image:url(images/dantys/360_8_o.png); }
.circle360 > p { text-transform:uppercase; display:block; color:#999; position:absolute; width:60px; text-align:center; font-weight:600; font-size:30px; position:absolute; left:calc(50% - 30px); top:61px; }
.circle360 > p > span { font-weight:400; display:block; font-size:14px; }
.circle360_nav { cursor:pointer; position:absolute; color:#000; text-decoration:none; font-size:16px; font-weight:400; text-transform:uppercase; }
.place360 { position:relative; }
#c360_n2 { left:calc(50% - 320px); top:49px; width:200px; text-align:right; }
#c360_n4 { right:calc(50% - 380px); top:49px; width:260px; }
#c360_n1 { left: calc(50% - 320px); top: -20px; width:270px; text-align:right; }
#c360_n3 { right: calc(50% - 320px); top: -20px; width:270px; }
#c360_n8 { left:calc(50% - 395px); top:128px; width:280px; text-align:right; }
#c360_n5 { right:calc(50% - 415px); top:128px; width:300px; }
#c360_n6 { right: calc(50% - 350px); top: 195px; width:300px; }
#c360_n7 { left: calc(50% - 320px); top:195px; width:270px; text-align:right; }
.place360 > a:hover { text-decoration:underline; }
.tab_left_menu { width:345px; float:left; margin-left:-30px; margin-top:-30px; margin-bottom:-30px; }
.tab_left_menu > ul { list-style-type:none; }
.tab_left_menu > ul > li { display:block; border-bottom:1px solid #eff0f0; }
.tab_left_menu > ul > li > span { transition:0.3s ease; cursor:pointer; display:block; padding:15px 20px; line-height:24px; font-size:15px; color:#000; cursor:pointer; }
.tab_left_menu > ul > li > span:hover, .tab_left_menu > ul > li > span.selected { color:#058b9d; }
.tab_left_menu > ul > li > div { display:none; padding:5px 20px 15px 20px; }
.tab_left_menu > ul > li > span.selected + div { display:block; }
.tab_left_menu > ul > li > div > label { display:block; font-size:15px; line-height:20px; cursor:pointer; color:#000; clear:both; margin-bottom:12px; }
.tab_left_menu > ul > li > div > label > input { display:none; }
.tab_left_menu > ul > li > div > label > input[type=checkbox] + span { transition:0.3s ease; position:relative; height:16px; display:block; width:16px; border:2px solid #666; float:left; margin-right:12px; }
.tab_left_menu > ul > li > div > label:hover > input[type=checkbox] + span { background-color:#666; }
.tab_left_menu > ul > li > div > label > input[type=checkbox]:checked + span { background-color:#058b9d; border-color:#058b9d; }
.tab_left_menu > ul > li > div > label > input[type=checkbox]:checked + span::after { content: ""; position: absolute; left: 5px; top: 1px; width: 5px; height: 9px; border: solid white; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.tab_left_menu > ul > li > div > label > input[type=radio] + span { transition:0.3s ease; position:relative; height:16px; display:block; width:16px; border:2px solid #666; float:left; margin-right:12px; border-radius:50%; }
.tab_left_menu > ul > li > div > label > input[type=radio] + span::after { transition:0.3s ease; width:8px; height:8px; border-radius:50%; position:absolute; left:calc(50% - 4px); top:calc(50% - 4px); content:""; display:block; background-color:#666; opacity:0; }
.tab_left_menu > ul > li > div > label:hover > input[type=radio] + span::after { opacity:1; }
.tab_left_menu > ul > li > div > label > input[type=radio]:checked + span { border-color:#058b9d; }
.tab_left_menu > ul > li > div > label > input[type=radio]:checked + span::after { opacity:1; background-color:#058b9d; }
.odontogram { width: 768px; display:block; height: 312px; margin: 65px auto 0 auto; position: relative; }
#odontogram_content { background-color: #fff; position: absolute; top: 220px; z-index: 200; width: 850px; left: 485px; }
.odontogram > div { position:absolute; }
.odontogram > div::before { content:""; width:calc(100% - 4px); background:#999; height:3px; position:absolute; left:2px; top:-15px; display:block; opacity:0; }
.odontogram > div:hover, .odontogram > div.selected { opacity:0.6; }
.odontogram > div.selected::before { opacity:1; }
.odontogram > div.tooth_3q::before, .odontogram > div.tooth_4q::before { top:auto; bottom:-15px; }
.tab_pp { position:relative; z-index:30; background-color:#fff; min-height: calc(100vh - 290px); padding-top: 30px; margin-top: -30px; }
#tooth_18 { width: 51px; height: 99px; top: 0; left: 0; }
#tooth_18 > div { background-position:0 0; }
#tooth_17 { width: 56px; height: 126px; top: 0; left: 51px; }
#tooth_17 > div { background-position: -51px 0; }
#tooth_16 { width: 53px; height: 137px; top: 0; left: 107px; }
#tooth_16 > div { background-position: -107px 0; }
#tooth_15 { width: 42px; height: 149px; top: 0; left: 160px; }
#tooth_15 > div { background-position: -160px 0; }
#tooth_14 { width: 43px; height: 159px; top: 0; left: 202px; }
#tooth_14 > div { background-position: -202px 0; }
#tooth_13 { width: 41px; height: 172px; top: 0; left: 245px; }
#tooth_13 > div { background-position: -245px 0; }
#tooth_12 { width: 43px; height: 181px; top: 0; left: 286px; }
#tooth_12 > div { background-position: -286px 0; }
#tooth_11 { width: 55px; height: 189px; top: 0; left: 329px; }
#tooth_11 > div { background-position: -329px 0; }
#tooth_21 { width: 55px; height: 189px; top: 0; left: 384px; }
#tooth_21 > div { background-position: -384px 0; }
#tooth_22 { width: 43px; height: 181px; top: 0; left: 439px; }
#tooth_22 > div { background-position: -439px 0; }
#tooth_23 { width: 41px; height: 172px; top: 0; left: 482px; }
#tooth_23 > div { background-position: -482px 0; }
#tooth_24 { width: 43px; height: 159px; top: 0; left: 523px; }
#tooth_24 > div { background-position: -523px 0; }
#tooth_25 { width: 42px; height: 149px; top: 0; left: 566px; }
#tooth_25 > div { background-position: -566px 0; }
#tooth_26 { width: 53px; height: 137px; top: 0; left: 608px; }
#tooth_26 > div { background-position: -608px 0; }
#tooth_27 { width: 56px; height: 126px; top: 0; left: 661px; }
#tooth_27 > div { background-position: -661px 0; }
#tooth_28 { width: 51px; height: 99px; top: 0; left: 717px; }
#tooth_28 > div { background-position: -717px 0; }
#tooth_48 { width: 64px; height: 186px; bottom: 0; left: 0; }
#tooth_48 > div { background-position: 0 -126px; }
#tooth_47 { width: 59px; height: 180px; bottom: 0; left: 64px; }
#tooth_47 > div { background-position: -64px -132px; }
#tooth_46 { width: 61px; height: 163px; bottom: 0; left: 123px; }
#tooth_46 > div { background-position: -123px -149px; }
#tooth_45 { width: 45px; bottom: 0; height: 154px; left: 184px; }
#tooth_45 > div { background-position: -184px -158px; }
#tooth_44 { height: 142px; left: 229px; width: 45px; bottom: 0; }
#tooth_44 > div { background-position: -229px -170px; }
#tooth_43 { width: 37px; height: 137px; bottom: 0; left: 274px; }
#tooth_43 > div { background-position: -274px -175px; }
#tooth_42 { width: 36px; height: 129px; bottom: 0; left: 311px; }
#tooth_42 > div { background-position: -311px -183px; }
#tooth_41 { width: 37px; height: 121px; bottom: 0; left: 347px; }
#tooth_41 > div { background-position: -347px -191px; }
#tooth_31 { width: 37px; height: 121px; bottom: 0; left: 384px; }
#tooth_31 > div { background-position: -384px -191px; }
#tooth_32 { width: 36px; height: 129px; bottom: 0; left: 421px; }
#tooth_32 > div { background-position: -421px -183px; }
#tooth_33 { width: 37px; height: 137px; bottom: 0; left: 457px; }
#tooth_33 > div { background-position: -457px -175px; }
#tooth_34 { width: 45px; bottom: 0; height: 142px; left: 494px; }
#tooth_34 > div { background-position: -494px -170px; }
#tooth_35 { height: 154px; left: 539px; width: 45px; bottom: 0; }
#tooth_35 > div { background-position: -539px -158px; }
#tooth_36 { width: 61px; height: 163px; bottom: 0; left: 584px; }
#tooth_36 > div { background-position: -584px -149px; }
#tooth_37 { width: 59px; height: 180px; bottom: 0; left: 645px; }
#tooth_37 > div { background-position: -645px -132px; }
#tooth_38 { width: 64px; height: 186px; bottom: 0; left: 704px; }
#tooth_38 > div { background-position: -704px -126px; }
.tooth-img { position:absolute; top:0; left:0; z-index:100; display:block; width:100%; height:100%; background-image:url(images/dantys/odontogram.png); }
.gengiva { position:absolute; top:0; left:0; z-index:120; display:block; width:100%; height:100%; background-image:url(images/dantys/gengiva_normal.png); }
.bone { position:absolute; top:0; left:0; z-index:120; display:block; width:100%; height:100%; background-image:url(images/dantys/bone_normal.png); }
.bone-line { position:absolute; top:0; left:0; z-index:120; display:block; width:100%; height:100%; background-image:url(images/dantys/bone_line.png); }
.added_sd { position:absolute; top:0; left:0; z-index:119; display:block; width:100%; height:100%; }
.saved_sd { position:absolute; top:0; left:0; z-index:119; display:block; width:100%; height:100%; }
.tabs_right_nav { position:relative; margin-top: -1px; margin-right:-30px; min-height: calc(100vh - 270px); border: 1px solid #e3e8ee; width: 300px; background-color: #fff; padding: 20px; float: right; }
#diagnosis_nav { cursor:pointer; line-height:24px; float:right; display:block; padding-left:24px; background-image:url(images/list.png); background-repeat:no-repeat; background-position:left center; background-size:16px auto; }
#diagnosis_nav > span { display:block; width:20px; height:20px; text-align:center; line-height:20px; border-radius:50%; color:#fff; font-size:10px; font-weight:500; background-color:#e53935; }
.tabs_right_nav h2 { color:#079dae; font-weight:500; text-transform:uppercase; font-size:15px; line-height:24px; margin-bottom:20px; }
.tabs_right_nav p { font-size:14px; color:#000; margin-bottom:24px; text-transform:uppercase; }
.tabs_right_nav p > span { display:block; text-transform:none; font-size:13px; margin-top:8px; }
.tabs_right_nav textarea, .desc_full_ta textarea { transition:0.3s ease; border:0; border-bottom:1px solid #949494; color:#000; font-size:16px; width:100%; overflow:auto; height:60px; padding-top:10px; padding-bottom:10px; }
.tabs_right_nav input[type=text] { transition:0.3s ease; border:0; border-bottom:1px solid #949494; color:#000; font-size:16px; width:100%; height:30px; }
.tabs_right_nav input[name=gdate] { background-image:url(images/calendar.png); background-repeat:no-repeat; background-position:right 5px center; background-size:20px auto; }
.tabs_right_nav .sub_button { width:calc(100% - 40px); display:block; padding-left:0; padding-right:0; text-align:center; position:absolute; bottom:20px; left:20px; }
.diagnosis_list { max-height:300px; overflow-y:auto; }
.diagnosis_list_item { display:block; padding:15px 25px; margin-top:-12px; margin-bottom:12px; border-bottom:1px solid #e3e8ee; }
.handle { display:block; float:left; cursor:pointer; width:24px; height:24px; opacity:0.6; margin-right:20px; background-image:url(images/menu.png); background-size:100% auto; background-position:center; background-repeat:no-repeat; }
.diagnosis_list_item::after { content:""; display:block; clear:both; }
.remove_dli { cursor:pointer; opacity:0.6; display:block; float:right; width:20px; height:20px; background-repeat:no-repeat; background-position:center; background-image:url(images/trash.png); background-size: auto 100%; }
.dli_text { width:300px; display:block; float:left; font-size:13px; color:#000; line-height:150%; }
.dli_notes { width:calc(100% - 400px); display:block; float:left; margin-left:20px; font-size:13px; }
.dli_notes p { padding-bottom:2px; cursor:pointer; display:inline-block; border-bottom:1px dashed #079dae; }
.dli_notes p:hover { border-bottom:1px solid #079dae; }
.dli_notes .prices_edit { width:100%; }
.dli_notes .prices_edit textarea { transition:0.3s ease; color:#000; font-size:14px; float:left; width:calc(100% - 65px); padding-top:5px; padding-bottom:5px; height:50px; border:0; border-bottom:1px solid #f5f5f5; }
.dli_notes .prices_edit textarea:hover, .dli_notes .prices_edit textarea:focus { border-color:#079dae; }
.tooth_elem { cursor:pointer; }
.hide_bone .bone-line, .hide_gengiva .gengiva, .hide_bon .bone, .hide_gbon .bone, .hide_gbon .gengiva { opacity:0 !important; }
.sdiag_58, .sdiag_153, .sdiag_154, .sdiag_155 { z-index:118; background:#fff; }
.sdiag_60, .sdiag_61, .sdiag_62, .sdiag_63 { background-color:#fff; }
.sdiag_68_73 { background-image:url(images/dantys/restoration_ok_b.png); }
.sdiag_69_73 { background-image:url(images/dantys/restoration_ok_d.png); }
.sdiag_70_73 { background-image:url(images/dantys/restoration_ok_l.png); }
.sdiag_71_73 { background-image:url(images/dantys/restoration_ok_m.png); }
.sdiag_72_73 { background-image:url(images/dantys/restoration_ok_o.png); }
.sdiag_68_74 { background-image:url(images/dantys/restoration_nok_b.png); }
.sdiag_69_74 { background-image:url(images/dantys/restoration_nok_d.png); }
.sdiag_70_74 { background-image:url(images/dantys/restoration_nok_l.png); }
.sdiag_71_74 { background-image:url(images/dantys/restoration_nok_m.png); }
.sdiag_72_74 { background-image:url(images/dantys/restoration_nok_o.png); }
.odontogram_selections { width:140px; position:absolute; bottom:-240px; right:30px; }
.odontogram_selections > div { cursor:pointer; opacity:0.7; width:70px; height:35px; display:block; float:left; background-repeat:no-repeat; background-image:url(images/dantys/teeth-selection.png); }
#odo_1 { background-position: -144px 0; }
#odo_2 { background-position: -214px 0; float:right; }
#odo_3 { background-position: -214px -40px; float:right; }
#odo_4 { background-position: -144px -40px; margin-bottom:16px; }
.odontogram_selections > div:hover { opacity:0.9; }
.odontogram_selections > div.selected_all { opacity:1; }
.clear_odo_select { transition:0.3s ease; cursor:pointer; border-radius:3px; display:block; text-align:center; font-size:12px; clear:both; margin-top:16px; font-weight:500; color:#9b9b9b; border:1px solid #9b9b9b; height:24px; line-height:24px; }
.clear_odo_select:hover { color:#fff; background:#9b9b9b; }
.first_selected .sdiag_83 { background-image:url(images/dantys/splint_m.png); }
.last_selected .sdiag_83 { background-image:url(foto/ok-91de.png); }
.last_selected.tooth_2q .sdiag_83 { background-image:url(images/dantys/splint_m.png); }
.first_selected.tooth_2q .sdiag_83 { background-image:url(foto/ok-91de.png); }
.last_selected.tooth_3q .sdiag_83 { background-image:url(images/dantys/splint_m.png); }
.first_selected.tooth_3q .sdiag_83 { background-image:url(foto/ok-91de.png); }
.first_selected .sdiag_84 { background-image:url(images/dantys/splint_nok_m.png); }
.last_selected .sdiag_84 { background-image:url(foto/unsatisfactory-fb6d.png); }
.last_selected.tooth_2q .sdiag_84 { background-image:url(images/dantys/splint_nok_m.png); }
.first_selected.tooth_2q .sdiag_84 { background-image:url(foto/unsatisfactory-fb6d.png); }
.last_selected.tooth_3q .sdiag_84 { background-image:url(images/dantys/splint_nok_m.png); }
.first_selected.tooth_3q .sdiag_84 { background-image:url(foto/unsatisfactory-fb6d.png); }
.first_selected .sdiag_108 { background-image:url(images/dantys/bridge_ok_m.png), url(images/dantys/bridge_ok.png); }
.last_selected .sdiag_108 { background-image:url(foto/ok-e226.png), url(images/dantys/bridge_ok.png); }
.last_selected.tooth_2q .sdiag_108 { background-image:url(images/dantys/bridge_ok_m.png), url(images/dantys/bridge_ok.png); }
.first_selected.tooth_2q .sdiag_108 { background-image:url(foto/ok-e226.png), url(images/dantys/bridge_ok.png); }
.last_selected.tooth_3q .sdiag_108 { background-image:url(images/dantys/bridge_ok_m.png), url(images/dantys/bridge_ok.png); }
.first_selected.tooth_3q .sdiag_108 { background-image:url(foto/ok-e226.png), url(images/dantys/bridge_ok.png); }
.first_selected .sdiag_109, .first_selected .sdiag_110, .first_selected .sdiag_111, .first_selected .sdiag_112, .first_selected .sdiag_113 { background-image:url(images/dantys/bridge_nok_m.png), url(images/dantys/bridge_nok.png); }
.last_selected .sdiag_109, .last_selected .sdiag_110, .last_selected .sdiag_111, .last_selected .sdiag_112, .last_selected .sdiag_113 { background-image:url(foto/leaking-31e9.png), url(images/dantys/bridge_nok.png); }
.last_selected.tooth_2q .sdiag_109, .last_selected.tooth_2q .sdiag_110, .last_selected.tooth_2q .sdiag_111, .last_selected.tooth_2q .sdiag_112, .last_selected.tooth_2q .sdiag_113 { background-image:url(images/dantys/bridge_nok_m.png), url(images/dantys/bridge_nok.png); }
.first_selected.tooth_2q .sdiag_109, .first_selected.tooth_2q .sdiag_110, .first_selected.tooth_2q .sdiag_111, .first_selected.tooth_2q .sdiag_112, .first_selected.tooth_2q .sdiag_113 { background-image:url(foto/leaking-31e9.png), url(images/dantys/bridge_nok.png); }
.last_selected.tooth_3q .sdiag_109, .last_selected.tooth_3q .sdiag_110, .last_selected.tooth_3q .sdiag_111, .last_selected.tooth_3q .sdiag_112, .last_selected.tooth_3q .sdiag_113 { background-image:url(images/dantys/bridge_nok_m.png), url(images/dantys/bridge_nok.png); }
.first_selected.tooth_3q .sdiag_109, .first_selected.tooth_3q .sdiag_110, .first_selected.tooth_3q .sdiag_111, .first_selected.tooth_3q .sdiag_112, .first_selected.tooth_3q .sdiag_113 { background-image:url(foto/leaking-31e9.png), url(images/dantys/bridge_nok.png); }
.tab_right_content { width:calc(100% - 375px); float:right; }
.tab_right_content::after, #tab_itm_121::after { content:""; display:block; clear:both; }
.tab_itm_121_itm { width:calc(25% - 30px); float:left; margin-bottom:40px; margin-right:40px; }
.tab_itm_121_itm:nth-child(4n) { margin-right:0; }
.tab_itm_121_itm:nth-child(4n+5) { clear:both; }
.tab_itm_imgs { display:block; margin-bottom:16px; }
.tab_itm_buttons > label, .tabiz > label > input + span > span { display:inline-block; margin-right:5px; margin-bottom:5px; }
.tab_itm_buttons > label > input, .tabiz > label > input { display:none; }
.tab_itm_buttons > label > input + span { transition:0.3s ease; cursor:pointer; display:block; height:32px; border:1px solid #ccc; border-radius:3px; line-height:32px; padding:0 15px; color:#000; font-weight:500; font-size:12px; }
.tab_itm_buttons > label > input:checked + span, .tabiz > label > input:checked + span > span { background-color:#079dae; color:#fff; border-color:#079dae; }
.tab_itm_buttons > label > input:disabled + span { background-color:#999; color:#fff; border-color:#999; }
#tab_itm_122 > p, #tab_itm_123 > p { margin-bottom:25px; display:block; font-size:16px; font-weight:500; }
.tabiz { margin-bottom:40px; }
.tabiz::after { content:""; display:block; clear:both; }
.tabiz > label > input + span > span { transition:0.3s ease; cursor:pointer; height:32px; border:1px solid #ccc; border-radius:3px; line-height:32px; padding:0 15px; color:#000; font-weight:500; font-size:12px; }
.tabiz img { height:156px; display:block; margin-bottom:16px; }
.tabiz > label > input + span { display:block; }
.tabiz > label { display:block; float:left; margin-right:45px; width:calc(33.33% - 30px); }
.tabiz > label:nth-child(3n) { margin-right:0; }
#tab_itm_158 > div { display:block; margin-bottom:10px; }
#tab_itm_158 > div > p { display:inline-block; min-width:120px; line-height:34px; font-size:14px; }
#tab_itm_158 > div > div { display:inline-block; }
.sdiag_158_1_1_1 { background-color:#fff; background-image:url(images/sdiag_158_1_1_1.png); }
.sdiag_158_1_1_2 { background-color:#fff; background-image:url(images/sdiag_158_1_1_2.png); }
.sdiag_158_1_2_1, .sdiag_158_1_2_ { background-color:#fff; background-image:url(images/sdiag_158_1_2_1.png); }
.sdiag_158_1_3_ { background-color:#fff; background-image:url(images/sdiag_158_1_3.png); }
.sdiag_158_2_1_1 { background-color:#fff; background-image:url(images/sdiag_158_2_1_1.png); }
.sdiag_158_2_1_2 { background-color:#fff; background-image:url(images/sdiag_158_2_1_2.png); }
.sdiag_158_2_2_1, .sdiag_158_2_2_ { background-color:#fff; background-image:url(images/sdiag_158_2_2_1.png); }
.sdiag_158_2_3_ { background-color:#fff; background-image:url(images/sdiag_158_2_3.png); }
.checkchange { cursor:pointer; margin-bottom:12px; display:block; line-height:20px; font-size:14px; color:#000; }
.checkchange > input { display:none; }
.checkchange > input + span { transition:0.3s ease; position:relative; border-radius:6px; background-color:rgba(0,0,0,.38); display:block; float:left; width:35px; height:12px; margin:4px 15px 4px 0; }
.checkchange > input + span::before { box-shadow: 0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12); background-color:#fafafa; content:""; width:20px; height:20px; border-radius:50%; position:absolute; left:-1px; top:-4px; transition:0.3s ease; }
.checkchange > input:checked + span { background-color:rgba(7,157,174,0.5); }
.checkchange > input:checked + span::before { left:15px; background-color:#079dae; }
.checkbox { display:inline-block; font-size:14px; color:#000; line-height:22px; margin-right:20px; margin-bottom:10px; }
.checkbox > input { display:none; }
.checkbox > input + span { transition:0.3s ease; position:relative; height:16px; display:block; width:16px; border:2px solid #666; float:left; margin-right:12px; }
.checkbox:hover > input + span { background-color:#666; }
.checkbox > input:checked + span { background-color:#058b9d; border-color:#058b9d; }
.checkbox > input:checked + span::after { content: ""; position: absolute; left: 5px; top: 1px; width: 5px; height: 9px; border: solid white; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
iframe { border:0; }
.plr_right { float: right; height:calc(100vh - 160px); position:relative; width: calc(50% - 30px); }
.act_ditem { display:block; padding:5px 0; font-size: 14px; color: #000; line-height:24px; border-bottom:1px solid #e3e8ee; border-top:1px solid #e3e8ee; margin-bottom:-1px; }
.rem_ditem { cursor:pointer; opacity:0.5; position:relative; z-index:3; transition:0.3s ease; display:inline-block; height:16px; width:16px; float:right; margin:4px 0px 4px 10px; background-image:url(images/trash.png); background-repeat:no-repeat; background-position:center; background-size:auto 100%; }
.edit_ditem { cursor:pointer; opacity:0.5; margin-right:8px; position:relative; z-index:3; transition:0.3s ease; display:inline-block; height:16px; width:16px; float:right; margin:4px 0px 4px 10px; background-image:url(images/edit.png); background-repeat:no-repeat; background-position:center; background-size:auto 100%; }
.edit_ditem:hover, .rem_ditem:hover { opacity:1; }
.tooth_1q.sdiag_115_first .sdiag_115, .tooth_4q.sdiag_115_first .sdiag_115, .tooth_3q.sdiag_115_last .sdiag_115, .tooth_2q.sdiag_115_last .sdiag_115 { background-image: url(foto/ok-01c2.png),url(images/dantys/denture_ok_m.png) !important; }
.tooth_1q.sdiag_115_last .sdiag_115, .tooth_4q.sdiag_115_last .sdiag_115, .tooth_3q.sdiag_115_first .sdiag_115, .tooth_2q.sdiag_115_first .sdiag_115 { background-image: url(foto/ok-01c2.png),url(images/dantys/denture_ok_d.png) !important; }
.sdiag_115_first.sdiag_115_last .sdiag_115 { background-image: url(foto/ok-01c2.png) !important; }
.tooth_1q.sdiag_116_first .sdiag_116, .tooth_4q.sdiag_116_first .sdiag_116, .tooth_3q.sdiag_116_last .sdiag_116, .tooth_2q.sdiag_116_last .sdiag_116, .tooth_1q.sdiag_116_first .sdiag_117, .tooth_4q.sdiag_116_first .sdiag_117, .tooth_3q.sdiag_116_last .sdiag_117, .tooth_2q.sdiag_116_last .sdiag_117, .tooth_1q.sdiag_116_first .sdiag_118, .tooth_4q.sdiag_116_first .sdiag_118, .tooth_3q.sdiag_116_last .sdiag_118, .tooth_2q.sdiag_116_last .sdiag_118, .tooth_1q.sdiag_116_first .sdiag_119, .tooth_4q.sdiag_116_first .sdiag_119, .tooth_3q.sdiag_116_last .sdiag_119, .tooth_2q.sdiag_116_last .sdiag_119, .tooth_1q.sdiag_116_first .sdiag_120, .tooth_4q.sdiag_116_first .sdiag_120, .tooth_3q.sdiag_116_last .sdiag_120, .tooth_2q.sdiag_116_last .sdiag_120 { background-image: url(foto/leaking-51d4.png),url(images/dantys/denture_nok_m.png) !important; }
.tooth_1q.sdiag_116_last .sdiag_116, .tooth_4q.sdiag_116_last .sdiag_116, .tooth_3q.sdiag_116_first .sdiag_116, .tooth_2q.sdiag_116_first .sdiag_116 { background-image: url(foto/leaking-51d4.png),url(images/dantys/denture_nok_d.png) !important; }
.sdiag_116_first.sdiag_116_last .sdiag_116 { background-image: url(foto/leaking-51d4.png) !important; }
.sdiag_131, .sdiag_156, .sdiag_157 { z-index:91 !important; }
.sdiag_168 { background-image: url(images/splint_d.png),url(images/splint_m.png) !important; }
.tooth_1q.sdiag_168_first .sdiag_168, .tooth_4q.sdiag_168_first .sdiag_168, .tooth_3q.sdiag_168_last .sdiag_168, .tooth_2q.sdiag_168_last .sdiag_168 { background-image: url(images/splint_m.png) !important; }
.tooth_1q.sdiag_168_last .sdiag_168, .tooth_4q.sdiag_168_last .sdiag_168, .tooth_3q.sdiag_168_first .sdiag_168, .tooth_2q.sdiag_168_first .sdiag_168 { background-image: url(images/splint_d.png) !important; }
.sdiag_168_first.sdiag_168_last .sdiag_168 { background:none !important; }
.tooth_1q.sdiag_186_first .sdiag_186, .tooth_4q.sdiag_186_first .sdiag_186, .tooth_3q.sdiag_186_last .sdiag_186, .tooth_2q.sdiag_186_last .sdiag_186, .tooth_1q.sdiag_186_first .sdiag_193, .tooth_4q.sdiag_186_first .sdiag_193, .tooth_3q.sdiag_186_last .sdiag_193, .tooth_2q.sdiag_186_last .sdiag_193 { background-image: url(foto/tiltas-0ae3.png), url(images/dantys/bridge_m.png) !important; }
.tooth_1q.sdiag_186_last .sdiag_186, .tooth_4q.sdiag_186_last .sdiag_186, .tooth_3q.sdiag_186_first .sdiag_186, .tooth_2q.sdiag_186_first .sdiag_186, .tooth_1q.sdiag_186_last .sdiag_193, .tooth_4q.sdiag_186_last .sdiag_193, .tooth_3q.sdiag_186_first .sdiag_193, .tooth_2q.sdiag_186_first .sdiag_193 { background-image: url(foto/tiltas-0ae3.png), url(images/dantys/bridge_d.png) !important; }
.tooth_1q.sdiag_189_first .sdiag_189, .tooth_4q.sdiag_189_first .sdiag_189, .tooth_3q.sdiag_189_last .sdiag_189, .tooth_2q.sdiag_189_last .sdiag_189, .tooth_1q.sdiag_189_first .sdiag_190, .tooth_4q.sdiag_189_first .sdiag_190, .tooth_3q.sdiag_189_last .sdiag_190, .tooth_2q.sdiag_189_last .sdiag_190 { background-image: url(foto/acrylic-ae6d.png), url(images/dantys/denture_m.png) !important; }
.tooth_1q.sdiag_189_last .sdiag_189, .tooth_4q.sdiag_189_last .sdiag_189, .tooth_3q.sdiag_189_first .sdiag_189, .tooth_2q.sdiag_189_first .sdiag_189, .tooth_1q.sdiag_189_last .sdiag_190, .tooth_4q.sdiag_189_last .sdiag_190, .tooth_3q.sdiag_189_first .sdiag_190, .tooth_2q.sdiag_189_first .sdiag_190 { background-image: url(foto/acrylic-ae6d.png), url(images/dantys/denture_d.png) !important; }
.photo_sab_tit input[type=text] { transition: 0.3s ease; border: 0; border-bottom-style: none; border-bottom: 1px solid #949494; color: #000; font-size: 16px; width: 100%; height: 30px; }
.photo_sab_tit p { font-size: 14px; color: #000; margin-bottom: 8px; }
.phtemp_radios { display:block; margin-top:20px; }
.phtemp_radios label input { display:none; }
.phtemp_radios label input + span { transition:0.3s ease; display:block; line-height:40%; border:2px solid #949494; border-radius:4px; overflow:hidden; }
.phtemp_radios label { cursor:pointer; float:left; width:calc(20% - 12px); margin-right:15px; }
.phtemp_radios label:nth-child(5n) { margin-right:0; }
.phtemp_radios::after { content:""; display:block; clear:both; }
.phtemp_radios label:hover input + span, .phtemp_radios label input:checked + span { border-color:#079dae; }
.ph_edi_items { text-align:center; position:relative; }
.img_edit { text-align:center; display:inline-block; margin-top:16px; }
.img_edit img { cursor:pointer; border:2px solid #fff; border-radius:5px; transition:0.3s ease; text-align:center; margin:0 auto; display:block; margin-bottom:8px; }
.ph_edi_items:hover img { border-color:#079dae; }
.img_edit input { display:none; }
.img_edit label { display:block; border:2px solid #949494; }
.ph_edi_items input[type=text] { border:0; width:100%; text-align:center; height:30px; margin-bottom:20px; font-size:16px; color:#222; }
.remove_photo_xx { z-index:10; transition:0.3s ease; width:18px; position:absolute; left:calc(50% + 50px); top:6px; background:#fff; height:18px; border:2px solid #079dae; border-radius:50%; float:right; display:block; cursor:pointer; opacity:0; display:none; }
.remove_photo_xx::before { content:""; width:12px; height:2px; background-color:#079dae; position:absolute; left:calc(50% - 6px); top:calc(50% - 1px); transform:rotate(45deg); }
.remove_photo_xx::after { content:""; width:2px; height:12px; background-color:#079dae; position:absolute; top:calc(50% - 6px); left:calc(50% - 1px); transform:rotate(45deg); }
.ph_edi_items:hover .remove_photo_xx { opacity:1; }
.remove_photo_xx.visib { display:block; }
#applis { overflow: auto; max-height: calc(100vh - 330px); }
.six_phedi .ph_edi_items { width:calc(50% - 5px); float:left; }
.six_phedi .ph_edi_items:nth-child(2n) { float:right; }
.sev_phedi .ph_edi_items { width:calc(33.33% - 5px); float:left; }
.sev_phedi .ph_edi_items:nth-child(3), .sev_phedi .ph_edi_items:nth-child(2n+5) { float:right; }
.sev_phedi .ph_edi_items:nth-child(n+4) { width:calc(50% - 5px); }
.sev_phedi .ph_edi_items:nth-child(2) { margin-left:8px; }
.plr_right::before { position:absolute; left:calc(50% - 24px); z-index:0; content:""; margin:50px auto; width: 48px; height: 48px; border: 5px solid #FFF; border-bottom-color: #079dae; border-radius: 50%; display: block; box-sizing: border-box; animation: rotation 1s linear infinite; }
@keyframes rotation { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } 
.plr_right iframe { position:relative; z-index:2; }
.gen_results { position:absolute; bottom:-70px; }
.gen_results > a, .gen_results > span { margin-right:15px; margin-top:10px; }
.gen_results p { font-size:11px; margin-top:5px; }
.gen_results p b { font-weight:600; }
.msg { font-size:12px; position:relative; margin-bottom:20px; display:block; background-color:#8bc34a; padding:22px 80px 17px 20px; color:#fff; }
.msg h2 { font-size:20px; font-weight:500; margin-bottom:8px; color:#fff; }
.msg.ok::after { content: ""; position: absolute; right: 27px; top: 20px; width: 16px; height: 28px; border: solid white; border-width: 0 5px 5px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.msg.bad { background-color:#cc0000; }
.msg.bad::after { content: ""; position: absolute; right: 27px; top: 20px; width: 4px; height: 28px; background:#fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.msg.bad::before { content: ""; position: absolute; right: 15px; top: 32px; width: 28px; height: 4px; background:#fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }