/* 100 - thin 200 - extra-light 300 - light 400 - normal 500 - medium 600 - semi-bold 700 - bold 800 - exta-bold 900 - ultra-bold */ * { box-sizing:border-box; } HTML, BODY { height:100%; color:#212121; font-family:'Work Sans',sans-serif; font-size:16px; font-weight:500; line-height:20px; } HTML { height:100%; } BODY { margin:0; padding:70px 50px 0 200px; background:#f5f5f5; transition:all 0.5s ease-in-out; } BODY.small-menu { padding:70px 50px 0 70px; } H1, H2, H3, H4, H5, H6, P, TD { margin:0; padding:0; font-family:'Work Sans',sans-serif; } H1 { color:#03b8ec; font-size:24px; font-weight:500; } H2 { color:#03b8ec; font-size:18px; font-weight:500; } H3 { color:#03b8ec; font-size:18px; font-weight:500; } H4, H3.black { color:#212121; font-size:18px; font-weight:500; } A { color:#03b8ec; text-decoration:underline; } A:hover { color:#3a89c9; } A:focus { text-decoration:none !important; } A[disabled], A.disabled { color: #808898 !important; } textarea, input, *:focus { outline: none !important; } .clear { clear:both; } .hidden { display:none !important; } .align-left { float:left !important; } .align-right { float:right !important; } .text-left { text-align:left !important; } .text-right { text-align:right !important; } .text-center { text-align:center !important; } .text-small { font-size:75%; } .nowrap { white-space:nowrap; } .small { display:inline-block; line-height:normal; font-size:75%; } .w50 { display:inline-block !important; width:45% !important; } .h40px { height:40px; } .mt0 { margin-top:0px; } .mt-15 { margin-top:-15px; } .ml10 { margin-left:10px !important; } .ml20 { margin-left:20px !important; } .ml30 { margin-left:30px !important; } .pl15 { padding-left:15px; } .nomargin { margin:0 !important; } .nopad { padding:0 !important; } .mdl-grid.nopad { margin-left:-8px; margin-right:-8px; } .mdl-grid.nopad .mdl-cell { margin-top:0; margin-bottom:0; } .mdl-grid.border-bottom { padding-bottom:10px !important; border-bottom:1px solid #ccc; } .mdl-cell.use-bg { position:relative; } .mdl-cell.use-bg:before { content:''; position:absolute; top:0; bottom:0; left:-8px; right:100%; background:inherit; } .mdl-cell.use-bg:after { content:''; position:absolute; top:0; bottom:0; left:100%; right:-8px; background:inherit; } .material-icons.active-hide { display:block; } .material-icons.active-show { display:none; } .active .material-icons.active-hide { display:none; } .active .material-icons.active-show { display:block; } .text-white { color:#ffffff !important; } .text-blue { color:#03b8ec !important; } .text-orange { color:#febe04 !important; } .text-green { color:#59bd03 !important; } .text-red { color:#df2b40 !important; } .text-pink { color:#f78997 !important; } .text-lila { color:#9262ce !important; } .text-silver { color:#abb8c3 !important; } .text-hover-blue:hover { color:#03b8ec !important; } .text-hover-orange:hover { color:#febe04 !important; } .text-hover-green:hover { color:#59bd03 !important; } .text-hover-red:hover { color:#df2b40 !important; } .text-hover-pink:hover { color:#f78997 !important; } .text-hover-lila:hover { color:#9262ce !important; } .text-hover-silver:hover { color:#abb8c3 !important; } .bg-orange { background:#febe04 !important; color:#000 !important; } .bg-pink { background:#f78997 !important; color:#000 !important; } .bg-red { background:#df2b40 !important; color:#000 !important; } .bg-purple { background:#9262ce !important; color:#fff !important; } .bg-dblue { background:#3a89c9 !important; color:#fff !important; } .bg-lblue { background:#03b8ec !important; color:#000 !important; } .bg-cyan { background:#00ced1 !important; color:#000 !important; } .bg-green { background:#59bd03 !important; color:#000 !important; } .bg-yellow { background:#fef504 !important; color:#000 !important; } .bg-brown { background:#9c790e !important; color:#fff !important; } .bg-silver { background:#c4cbd8 !important; color:#000 !important; } .bg-black { background:#2c333f !important; color:#fff !important; } .bg2-orange{ background:rgba(254,190, 4,.2) !important; } .bg2-pink { background:rgba(247,137,151,.2) !important; } .bg2-red { background:rgba(223, 43, 64,.2) !important; } .bg2-purple{ background:rgba(146, 98,206,.2) !important; } .bg2-dblue { background:rgba( 58,137,201,.2) !important; } .bg2-lblue { background:rgba( 3,184,236,.2) !important; } .bg2-cyan { background:rgba( 0,206,209,.2) !important; } .bg2-green { background:rgba( 89,189, 3,.2) !important; } .bg2-yellow{ background:rgba(254,245, 4,.2) !important; } .bg2-brown { background:rgba(156,121, 14,.2) !important; } .bg2-silver{ background:rgba(196,203,216,.2) !important; } .bg2-black { background:rgba( 44, 51, 63,.2) !important; } .cell-bg, .cell-bg-full, .cell-bg-frame { position:relative; } .cell-bg:before { content:""; position:absolute; top:0; bottom:0; left:-8px; right:-8px; z-index:0; } .cell-bg-frame:before { content:""; position:absolute; top:-5px; bottom:-5px; left:-10px; right:-10px; z-index:0; } .cell-bg-full:before { content:""; position:absolute; top:-10px; bottom:-10px; left:-10px; right:-10px; z-index:0; } .cell-bg.cell-bg-rounded-left:before { border-radius:5px 0 0 5px; } .cell-bg.cell-bg-rounded-right:before { border-radius:0 5px 5px 0; } .cell-bg2-orange:before { background:rgba(254,190, 4,.2) !important; } .cell-bg2-pink:before { background:rgba(247,137,151,.2) !important; } .cell-bg2-red:before { background:rgba(223, 43, 64,.2) !important; } .cell-bg2-purple:before { background:rgba(146, 98,206,.2) !important; } .cell-bg2-dblue:before { background:rgba( 58,137,201,.2) !important; } .cell-bg2-lblue:before { background:rgba( 3,184,236,.2) !important; } .cell-bg2-cyan:before { background:rgba( 0,206,209,.2) !important; } .cell-bg2-green:before { background:rgba( 89,189, 3,.2) !important; } .cell-bg2-yellow:before { background:rgba(254,245, 4,.2) !important; } .cell-bg2-brown:before { background:rgba(156,121, 14,.2) !important; } .cell-bg2-silver:before { background:rgba(196,203,216,.2) !important; } .cell-bg2-black:before { background:rgba( 44, 51, 63,.2) !important; } BODY > HEADER { position:fixed; top:0; left:0; right:0; height:70px; padding-right:10px; background:#fff; color:#000; text-align:right; z-index:9999; box-shadow:0px 0px 20px #777; } BODY > HEADER > * { display:inline-block; padding:15px 10px; line-height:40px; color:#000; text-align:left; vertical-align:middle; transition:all 0.5s ease-in-out; } BODY > HEADER A I.fa { display:inline-block; width:30px; font-size:1.5em; text-align:center; vertical-align:middle; } BODY > HEADER A:hover { color:#ffab40; } BODY > HEADER .logo { position:absolute; top:0; left:0; width:200px; height:70px; line-height:50px; padding:10px 10px 10px 70px; background-position:10px 10px; background-repeat:no-repeat; background-size:auto 50px; font-size:18px; text-decoration:none; overflow:hidden; transition:all 0.5s ease-in-out; } BODY > HEADER .logo:after { content:""; position:absolute; top:10px; bottom:10px; right:0px; border-right:1px solid #d4d9e5; } BODY.small-menu > HEADER .logo { width:70px; padding:10px 0 10px 70px; } BODY > HEADER > H1 { position:absolute; top:0px; left:200px; height:70px; padding-left:20px; color:#03b8ec; font-weight:400; } BODY > HEADER > H1 B { position:absolute; top:-5px; display:block; font-size:12px; font-weight:400; color:#2c333f; } BODY > HEADER > H1 SPAN { font-weight:500; } BODY > HEADER > H1 SPAN.description { display:block; height:20px; line-height:20px; margin-top:-7px; color:#212121; font-size:14px; font-weight:400; } BODY > HEADER > H1 SPAN.description .mdl-button { margin-top:-3px; height:18px; line-height:18px !important; vertical-align:middle; } BODY.small-menu > HEADER > H1 { left:70px; } #user > SPAN { display:inline-block; padding-right:15px; line-height:normal; vertical-align:middle; } #user > SPAN SMALL { font-size:12px; } #p-tags { margin-left:15px; height:20px; line-height:20px; } .p-tags { height:20px; line-height:20px; } #p-tags .tags { display:inline-block; } #p-tags .btn-tags, #p-tags .tags .ptag, .p-tags .ptag { display:inline-block; min-width:22px; height:18px; line-height:16px; padding:1px 2px; border-radius:4px; font-size:14px; text-align:center; } #p-tags .btn-tags { margin-top:-2px; } #p-tags .btn-tags * { font-size:18px; } #supportMenu { position:relative; display:inline-block; } #supportMenu #supportMenuBtn { cursor:pointer; } #supportMenu #supportMenuBtn .material-icons { color:#03b8ec; font-size:32px; } #supportMenu DIV.items { position:absolute; display:none; margin:0; padding:0; min-width:200px; line-height:20px; background:#fff; box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2); z-index:9; } #supportMenu DIV.items A { display:block; padding:5px 10px; text-decoration:none; } #supportMenu DIV.items A:hover { background:#eee; } #supportMenu:hover #supportMenuBtn { color:#3a89c9; } #supportMenu:hover DIV.items { display:block; } .faq-cats { display:flex; margin:0px -10px 0 -20px; padding:20px 10px 0 20px; background:#f5f5f5; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:stretch; align-content:stretch; gap:10px; } .faq-cats .faq-cat { display:block; width:calc(20% - 10px); padding:10px 15px; background:#fff; text-decoration:none; border-radius:10px; box-shadow:0px 8px 16px 0px rgba(0,0,0,.2); } .faq-cats .faq-cat.active { background:#03b8ec; color:#fff; } .faq-cats .faq-cat:hover { background:#eee; } .faq-items { } .faq-items H3 { display:block; width:100%; line-height:normal; margin-top:40px; margin-bottom:-10px; padding:5px 14px; background:#3a89c9; color:#fff; border-radius:7px; font-size:20px; font-weight:bold; text-transform:uppercase; text-shadow:3px 3px 5px rgba(0,0,0,.2); } .faq-items > DIV { display:flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:flex-start; gap:20px; } .faq-items > DIV ARTICLE { width:calc(50% - 10px); line-height:normal; padding:0 15px 10px; background:#fff; border-radius:7px; box-shadow:0px 8px 16px 0px rgba(0,0,0,.2); } .faq-items > DIV ARTICLE H4 { margin:0 -15px 10px; padding:0px 15px; background:#03b8ec; color:#fff; font-size:16px; border-radius:7px 7px 0 0; vertical-align:middle; } @media (max-width:770px) { .faq-items > DIV ARTICLE { width:100%; } } #btnHeaderHelp { color:#03b8ec; } #btnHeaderHelp:hover { color:#3a89c9; } #btnHeaderHelp .material-icons { font-size:32px; } #mobile-menu { display:none; } .mobile-menu { display:none; clip:inherit !important; } NAV#menu { position:fixed; top:70px; bottom:0; left:0; width:200px; padding:10px 0 70px; box-shadow:0px 0px 10px #777;} NAV#menu, .mobile-menu { background:#3db8ed; color:#fff; z-index:1000; transition:all 0.5s ease-in-out; } NAV#menu UL, .mobile-menu, .mobile-menu UL { margin:0; padding:0; list-style-type:none; } NAV#menu UL LI { display:block; height:50px; line-height:50px; margin:0; padding:0; border-bottom:1px solid #37abd9; overflow:initial; opacity:1; } NAV#menu A { position:relative; display:block; padding:5px 10px 5px 60px; height:50px; line-height:40px; color:#fff; overflow:hidden; vertical-align:middle; } NAV#menu A I { position:absolute; left:0px; top:0px; display:block; width:70px; height:50px; line-height:50px; font-size:26px; text-align:center; vertical-align:middle; transition:all 0.5s ease-in-out; } NAV#menu A I:before { display:block; vertical-align:middle; } NAV#menu A .label, .mobile-menu A .label { display:inline-block; line-height:normal; vertical-align:middle; transition:all 0.5s ease-in-out; } NAV#menu UL LI.has-sub > UL, .mobile-menu LI.has-sub > UL { position:absolute; display:block !important; top:15px; left:-100%; padding-top:40px; background:#363e4b; opacity:0; transition:all .25s ease-in-out; } NAV#menu UL LI.has-sub:hover > UL, .mobile-menu LI.has-sub:hover > UL { display:block !important; opacity:1; left:100%; } NAV#menu UL LI.has-sub > UL:before, .mobile-menu LI.has-sub > UL:before { content:attr(data-title); position:absolute; display:block; top:0; left:0; right:0; padding:10px 15px; height:40px; line-height:20px; border-bottom:1px solid #37abd9; color:#fff; font-weight:600; } NAV#menu UL LI.has-sub > UL:after, .mobile-menu LI.has-sub > UL:after { content:""; position:absolute; top:20px; left:-6px; margin-top:-6px; width:0; height:0; border-style:solid; border-width:6px 6px 6px 0; border-color:transparent #363e4b transparent transparent; } NAV#menu UL LI.has-sub > UL LI, .mobile-menu LI.has-sub > UL LI { height:30px; line-height:30px; border-bottom:0 none; } NAV#menu UL LI.has-sub > UL A, .mobile-menu LI.has-sub > UL A { padding:5px 15px; height:30px; line-height:20px; } NAV#menu LI#is-status A { display:static; height:auto; line-height:normal; padding:0; color:#fff; } NAV#menu LI#is-status A:hover { color:#fafafa; } .mobile-menu LI.has-sub { overflow:visible; } .mobile-menu LI.has-sub > UL { top:5px; } .mobile-menu LI.has-sub > UL A { color:#fff; } NAV#menu LI:hover > A, NAV#menu LI:hover > A *, .mobile-menu LI:hover > A, .mobile-menu LI:hover > A * { color:#fff !important; text-decoration:none; } NAV#menu LI:hover > A, NAV#menu LI.active > A, .mobile-menu LI:hover > A, .mobile-menu LI.active > A { background: #3db8ed; background: -moz-linear-gradient(top, #3db8ed 0%, #338eea 100%); background: -webkit-linear-gradient(top, #3db8ed 0%,#338eea 100%); background: linear-gradient(to bottom, #3db8ed 0%,#338eea 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3db8ed', endColorstr='#338eea',GradientType=0 ); } NAV#menu .toggle-menu { position:absolute; bottom:0; left:0; right:0; border-bottom:0 none; } NAV#menu .mdl-tooltip { display:none !important; } .small-menu NAV#menu { width:70px; } .small-menu NAV#menu A { overflow:inherit; } .small-menu NAV#menu .mdl-tooltip { display:inline-block !important; } .small-menu NAV#menu .label, .small-menu NAV#menu SMALL { display:none !important; } .small-menu NAV#menu UL LI.active > UL { display:none; } .mobile-menu .mdl-navigation__link .label { color:; } NAV#user .mdl-menu__item A { display:block; height:48px; line-height:24px; margin:0 -16px; padding:12px 40px 12px 16px; text-decoration:none; white-space:nowrap; } NAV#user .mdl-menu__item A.disabled { cursor:not-allowed; } NAV#user .mdl-menu__item.user-profile { position:relative; } NAV#user .mdl-menu__item.user-profile IMG, NAV#user .mdl-menu__item.user-profile SPAN.material-icons { position:absolute; display:block; top:15px; right:10px; width:19.5px; height:18px; border:0 none; font-size:16px; } .btn-logout { color:#f34235; } .users-list { max-height:392px; border-bottom:1px solid rgba(0,0,0,.12); } .users-list UL { padding:0; } DL { display:table; margin-top:20px; } DL > DIV { display:table-row; } DL DIV > DT, DL DIV > DD { display:table-cell; padding:5px 15px; } DL DIV > DT, DL DIV.header > DT, DL DIV.header > DD { font-size:14px; font-weight:400; } DL DIV > DT { padding-left:0; } DL DIV.header > DT, DL DIV.header > DD { border-bottom:1px solid #37abd9; } DL DIV.footer > DT, DL DIV.footer > DD { border-top:1px solid #37abd9; color:#37abd9; font-weight:600; } .text-field { display:block; min-height:34px; padding:7px 10px; background:rgba(3,184,236,0.05); } .mdl-card DL { margin:0 auto; } .mdl-card DL DIV > DT, .mdl-card DL DIV > DD { padding-top:1px; padding-bottom:1px; } .flash { position:fixed; top:0; left:50%; padding:15px 30px; transform:translate(-50%, 0); z-index:999999; border-radius:0 0 5px 5px; } .flash.success { background:#59bd03; color:#fff; } .flash.danger { background:#df2b40; color:#fff; } .flash.info { background:#03b8ec; color:#fff; } .flash.warning { background:#febe04; color:#000; } DETAILS { padding-left:40px !important; transition:all 0.5s ease-in-out; } DETAILS SUMMARY { margin-left:-20px; transition:all 0.5s ease-in-out; } DETAILS SUMMARY::-webkit-details-marker { display:none; } DETAILS SUMMARY:after { content:"+"; display:inline-block; float:left; padding-right:10px; } DETAILS[open] SUMMARY { padding-bottom:5px; font-weight:bold; } DETAILS[open] SUMMARY:after { content:"-"; } #snippet--sbDPatient { height:calc(100% - 23px); } #snippet--sbWPatient { height:calc(100% - 23px); } BODY.sidebox-open { padding-right:300px; } ASIDE#sidebox { position:fixed; top:70px; bottom:0; right:0; width:50px; padding:10px 0 0; background:#363e4b; color:#fff; box-shadow:0px 0px 10px #777; transition:all 0.5s ease-in-out; z-index:999; } ASIDE#sidebox.open { width:300px; padding-top:50px; } ASIDE#sidebox DETAILS { padding:0px!important; } ASIDE#sidebox DETAILS SUMMARY { margin:0; padding:5px!important; line-height:40px; text-align:center; cursor:pointer; } ASIDE#sidebox DETAILS:nth-child(1) SUMMARY { top:10px; } ASIDE#sidebox DETAILS:nth-child(2) SUMMARY { top:60px; } ASIDE#sidebox DETAILS:nth-child(3) SUMMARY { top:90px; } ASIDE#sidebox DETAILS:nth-child(4) SUMMARY { top:140px; } ASIDE#sidebox DETAILS:nth-child(5) SUMMARY { top:190px; } ASIDE#sidebox DETAILS:nth-child(6) SUMMARY { top:240px; } ASIDE#sidebox DETAILS SUMMARY .material-icons { font-size:26px; } ASIDE#sidebox DETAILS SUMMARY:hover, ASIDE#sidebox DETAILS[open] SUMMARY { background:#1c232f; } ASIDE#sidebox DETAILS SUMMARY:after { content:none; } ASIDE#sidebox.open DETAILS[open] { height:100%; } ASIDE#sidebox.open DETAILS SUMMARY { position:absolute; top:0px; width:45px; } ASIDE#sidebox.open DETAILS:nth-child(1) SUMMARY { left:0px; } ASIDE#sidebox.open DETAILS:nth-child(2) SUMMARY { left:45px; } ASIDE#sidebox.open DETAILS:nth-child(3) SUMMARY { left:90px; } ASIDE#sidebox.open DETAILS:nth-child(4) SUMMARY { left:135px; } ASIDE#sidebox.open DETAILS:nth-child(5) SUMMARY { left:180px; } ASIDE#sidebox.open DETAILS:nth-child(6) SUMMARY { left:225px; } ASIDE#sidebox DETAILS > DIV { position:absolute; top:50px; right:0; bottom:0; width:100%; height:calc(100% - 50px); padding:7px 10px; background:#1c232f; font-size:14px; } ASIDE#sidebox DETAILS > DIV * { opacity:0; } ASIDE#sidebox.open DETAILS[open] > DIV * { opacity:1; } ASIDE#sidebox #sidebox-hide { display:block; position:absolute; top:0; right:0px; width:30px; line-height:30px; color:#fff; text-align:center; opacity:0.000; z-index:-1; transition:all 0.5s ease-in-out; } ASIDE#sidebox #sidebox-hide:hover { background:#1c232f; } ASIDE#sidebox.open #sidebox-hide { display:block; opacity:1; z-index:9; } ASIDE#sidebox INPUT[type='text'], ASIDE#sidebox .selectize-input { position:static; width:100%; padding:1px 4px; border:0 none; background:#fff!important; color:#2c333f; } /*ASIDE#sidebox #wait-patient + .selectize-control .selectize-dropdown { display:none!important; }*/ ASIDE#sidebox #sb-wpatients-finding { padding-top:10px; color:#fff; } ASIDE#sidebox #sb-wpatients-result { padding:3px 0 0 0; } ASIDE#sidebox #sb-wpatients-result .option { position:relative; line-height:24px; padding:3px 30px 3px 4px; border-bottom:1px dotted #f5f5f5; } ASIDE#sidebox .option .btn-showfunc { display:block; position:absolute; top:3px; right:4px; width:24px; line-height:24px; color:#fff; transition:all 0.5s ease-in-out; } ASIDE#sidebox .option .option-func { height:0; opacity:0; overflow:hidden; padding-bottom:0px; transition:all 0.5s ease-in-out; } ASIDE#sidebox .option.open .btn-showfunc, ASIDE#sidebox .option:hover .btn-showfunc { transform:scale(1,-1); } ASIDE#sidebox .option.open .option-func, ASIDE#sidebox .option:hover .option-func { height:30px; opacity:1; padding-bottom:4px; } FOOTER { position:fixed; left:200px; right:0; bottom:0; height:30px; line-height:20px; padding:5px 25px; z-index:0; background: #abb8c3; background: -moz-linear-gradient(top, #f5f5f5 0%, #abb8c3 100%); background: -webkit-linear-gradient(top, #f5f5f5 0%,#abb8c3 100%); background: linear-gradient(to bottom, #f5f5f5 0%,#abb8c3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#abb8c3',GradientType=0 ); } /* FOOTER A { color:#f5f5f5; } */ .small-menu FOOTER { left:70px; } .form-login FOOTER { left:0; } #IS-version { font-size:12px; } /*** LOGIN SCREEN ***/ BODY.form-login { display:table; width:100%; height:100%; padding:0; background-color:#f5f5f5; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; } .form-login #content { display:table; width:100%; max-width:850px; height:100%; padding:0; font-size:14px; text-align:center; } .form-login #content .form-wrap { display:table-cell; margin:0 auto; width:380px; vertical-align:middle; } .form-login #content .space { display:table-cell; } .form-login #form-box { position:relative; width:100%; max-width:100%; } .form-login .mdl-dialog__title { padding:30px 30px 20px; } .form-login .mdl-dialog__title { line-height:20px; color:#808b98; font-size:17px; text-align:left; } .form-login .mdl-dialog__title SPAN { display:inline-block; padding-top:5px; } .form-login .mdl-dialog__content { padding:30px; } .form-login .mdl-checkbox { float:left; width:auto; margin:6px 0; } .form-login .mdl-checkbox__label { color:#212121; font-size:12px; } .form-login .mdl-button { float:right; } /*** DASHBOARD ***/ .dashboard.has-banner { display:table; width:100%; } .dashboard.has-banner .grid { display:table-cell; width:calc(100% - 320px); } .dashboard.has-banner #banner { display:table-cell; width:320px; padding:20px 0 0 20px; } .grid { position:relative; } .grid ASIDE { position:absolute; width:375px; /* min-width:300px; max-width:400px; */ height:250px; border-radius:10px; } .grid .mdl-card .mdl-card__title { height:45px; line-height:24px; padding:7px 16px; border-bottom:1px solid #ccc; } .grid .mdl-card .mdl-card__title A { text-decoration:none; } .mdl-card__supporting-text { width:100%; height:205px; line-height:24px; font-size:14px; } .mdl-card__supporting-text .small { font-size:12px; } .layout-box { } .layout-box H2 { padding:0 20px; background:#03b8ec; color:#fff; } .layout-box DETAILS { padding:20px; } .layout-box SUMMARY {} .layout-box .actions { padding:10px 20px; border-top:1px solid #212121; } .news-box-info { display:inline-block; line-height:normal; padding-right:20px; font-size:12px; white-space:nowrap; vertical-align:middle; } .news-box-info SPAN { display:block; font-size:8px; text-transform:uppercase; } /*** MODULES ***/ .buttons.filter { float:none; width:100%; height:50px; } .buttons.filter .mdl-textfield { display:block; line-height:20px; margin-top:-10px; } .buttons.filter INPUT, .buttons.filter SELECT, .buttons.filter BUTTON { width:100%; } .btn-nczi-edit { float:right; } #content HEADER { } #content.calendar > HEADER { margin-left:-15px; } #content HEADER:after { content:""; display:block; clear:both; } #content HEADER H2, #content HEADER .buttons, #content HEADER .search { display:block; float:left; height:45px; line-height:30px; margin-top:5px; padding:5px 15px; } #content HEADER H2 { position:absolute; top:-15px; left:-6px; height:auto; line-height:normal; padding:0; font-size:60px; letter-spacing:-2px; opacity:.25; z-index:-1; } #content HEADER .buttons { border-left:1px solid #d3dae6; } #content HEADER .buttons.no-border { border-left:0 none; } #content HEADER .search { float:right; height:48px; line-height:48px; padding:0; background:#fff; box-shadow:0px 0px 20px rgba(0,0,0,0.2); vertical-align:middle; } #content HEADER .search BUTTON, #content HEADER .search INPUT { display:block; margin:0; padding:10px; border:0 none; background:#fff; width:48px; height:48px; line-height:28px; vertical-align:middle; } #content HEADER .search BUTTON { float:left; text-align:center; } #content HEADER .search INPUT { float:right; width:220px; padding-left:0; font-size:14px; text-align:left; } #content HEADER .search .selectize-control { float:right; width:220px; padding-left:0; font-size:14px; text-align:left; } #content HEADER .search .selectize-control INPUT { float:left; width:220px!important; position:relative!important; opacity:1; left:0; } #content HEADER .search .selectize-control .selectize-dropdown { left:unset!important; right:0; } #content { position:relative; height:100%; padding:10px 15px 30px 20px; } #content.dashboard { padding-top:0; } #content.calendar { padding-top:10px; padding-left:55px; } #content.patient { padding:5px 10px 30px 10px; } #content .mdl-data-table { width:100%; box-shadow:0 0 20px rgba(0,0,0,0.2); } #content .mdl-tabs .mdl-data-table { width:100%; border:0 none; box-shadow:none; } #content .mdl-tabs .mdl-data-table THEAD TH { padding-top:8px; border-bottom:1px solid rgba(0,0,0,.12); } #content.patient .mdl-tabs__tab-bar { height:30px; background:#03b8ec; border-bottom:2px solid #03b8ec; } #content.patient .mdl-tabs__tab { position:relative; height:30px; line-height:30px; padding:0 15px; z-index:2; color:#fff; /* flex-shrink:0; */ } #content.patient .mdl-tabs__tab:hover { background: #3db8ed; background: -moz-linear-gradient(top, #3db8ed 0%, #338eea 100%); background: -webkit-linear-gradient(top, #3db8ed 0%,#338eea 100%); background: linear-gradient(to bottom, #3db8ed 0%,#338eea 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3db8ed', endColorstr='#338eea',GradientType=0 ); } #content.patient .mdl-tabs__tab.is-active { background:#338eea; color:#fff; } #content.patient #tab-dcross.mdl-tabs__panel { height:calc(100% - 30px); } #content.patient #tab-dcross.mdl-tabs__panel .mdl-tabs__panel-buttons { height:50px; padding:0 25px; } #content.patient .mdl-tabs__tab.is-active:after { background-color:#338eea; } #content .mdl-data-table THEAD .mdl-button, .mdl-button.mdl-button-small, .mdl-textfield .mdl-button.mdl-button-small { position:static; width:30px; min-width:30px; height:30px; line-height:30px; padding:0; border:0 none; color:#c3c9d5; } .mdl-button.mdl-button-small I { font-size:18px; margin-right:-5px; } #content .mdl-data-table THEAD .mdl-button.mdl-button--raised { width:auto; line-height:26px; padding:0 20px; border:2px solid #3db8ed; } #content .mdl-data-table THEAD .mdl-button.mdl-button--raised.mdl-button--accent { width:auto; line-height:26px; padding:0 20px; color:#fff; border:2px solid #3db8ed; } #content .mdl-data-table THEAD .mdl-button:hover, .mdl-button.mdl-button-small:hover, .mdl-textfield .mdl-button.mdl-button-small:hover { border:0 none; color:#3db8ed; background:none; } #content .mdl-data-table THEAD .mdl-button.mdl-button--raised:hover { border:2px solid #3db8ed; } #content .mdl-data-table TH { font-size:16px; } #content .mdl-data-table TH A { text-decoration:none; } #content .filter-chars, #content .frm-pages { padding:10px; font-size:14px; } #content .filter-chars { float:left; } #content .frm-pages { float:right; padding:0; } #content .frm-pages .paging { display:inline-block; padding:0 6px; min-width:36px; height:30px; line-height:30px; text-align:center; } #content .frm-pages .paging.num { min-width:24px; padding:0; } #content .frm-pages .paging.active { font-weight:700; } #content .frm-pages .page { display:inline-block; line-height:30px; padding:0 12px; } #content .frm-pages .mdl-select { padding-right:12px; font-size:14px; } #content .frm-pages .mdl-select LABEL { display:inline-block; padding-right:12px; } #content .frm-pages .mdl-select__input { border-bottom:0 none; font-size:14px; } .filterForm { display:none; position:relative; margin:-25px -25px 25px; padding:5px 25px; border-bottom:1px solid #c4cbd8; background:#f5f5f5; } .filterForm .search-desc { position:absolute; left:40px; bottom:3px; color:#abb8c3; font-size:12px; font-weight:400; } .filterForm .mdl-textfield { margin:-20px 0; } .filterForm .mdl-button { margin-top:-5px; margin-bottom:5px; } .checkboxlist { overflow:hidden; } .checkboxlist BR { display:none; } .checkboxlist LABEL { float:left; width:33.3333%; } .checkboxlist LABEL INPUT { margin-right:10px; } #snippet--boxPlaning, #snippet--dialogDoc { height:100%; } #content--doclist { position:relative; width:calc(100% - 350px); height:calc(100% + 40px); margin:-24px 0 -25px -25px; padding-right:5px; overflow:hidden; } #content--doclist .scroll-box { height:calc(100% - 40px) !important; margin:10px 0 0 0 !important; } #content--doclist .mdl-tabs__panel-buttons { width:100%; height:30px; line-height:30px; padding:0 25px; } #content--doclist .mdl-tabs__panel-buttons .mdl-select { padding:0 12px 0 0; } .dialogAddDoc { margin:15px 10px 0 20px; border:1px solid #d2d5e0; box-shadow:0px 0px 20px rgba(0, 0, 0, .2); } .dialogAddDoc .mdl-dialog__title { line-height:20px; padding:5px 10px; background:#03b8ec; color:#fff; font-size:16px; text-transform:uppercase; cursor:pointer; } .dialogAddDoc .mdl-dialog__title I { width:16px; text-align:center; transition:all .5s ease-in-out; } .dialogAddDoc .mdl-dialog__title SMALL { color:#fff; } .dialogAddDoc .mdl-dialog__content { height:0 !important; min-height:0px; padding:0; overflow:hidden; transition:all .5s ease-in-out; } .dialogAddDoc.open .mdl-dialog__title I { transform:rotate(90deg); } .dialogAddDoc.open .mdl-dialog__content { height:auto !important; min-height:420px; padding:5px; } #frm-docForm-doc_date, #frm-docForm-doc_time { font-size:14px; } #sidebar--buttons { position:absolute; right:0; top:1px; bottom:0; width:75px; padding:5px; border-left:1px solid #03b6ec; } #sidebar--buttons A { display:block; margin:5px 0; padding:0; } #sidebar--buttons .line, #content--doclist .line { margin:10px -5px; border-top:1px solid #03b8ec; } #sidebar--doclist { position:absolute; right:75px; top:1px; bottom:0px; width:325px; background:#fff; border-left:1px solid #03b6ec; z-index:20; } #sidebar--doclist .scroll-box { height:100%; margin:0; } #sidebar--doclist H3 { line-height:30px; font-size:13px; text-transform:uppercase; } #sidebar--doclist H3 A.align-right { margin-top:-3px; } #sidebar--doclist TABLE { width:100%; } #sidebar--doclist TABLE TD.label { padding:2px 5px 2px 0; line-height:16px; vertical-align:top; } #sidebar--doclist TABLE TD.value { padding:0 5px 0 0; line-height:normal; font-size:14px; vertical-align:middle; } #sidebar--doclist TABLE TD.value.text-small { font-size:12px; } #sidebar--doclist TABLE TD.value STRONG { font-size:16px; } #sidebar--doclist TABLE TD.combine { padding:0 0 0 10px; line-height:normal; font-size:12px; } #sidebar--doclist TABLE TD.label, #sidebar--doclist TABLE TD.combine SMALL { display:inline-block; line-height:16px; font-size:12px; font-weight:600; color:#03b8ec; } #sidebar--doclist TABLE TD.combine SMALL { margin-left:-10px; } #plan-table TBODY TD { padding-top:0; padding-bottom:0; } /*#tab-card .mdl-tabs__panel-buttons { width:calc(100% - 300px); }*/ #tab-card .scroll, .mdl-tabs__panel .scroll-box, #sidebox .scroll-box { height:100%; margin:0; padding:0; } .mdl-tabs__panel .scroll-box { height:calc(100% - 29px); margin:-10px 0 -10px -10px; padding:0; overflow:auto; overflow-x:hidden; } .mdl-layout .scroll-box, .mdl-dialog .scroll-box { height:calc(100% - 150px); margin:0px; overflow:auto; } .mdl-card .scroll-box, #sidebox .scroll-box { height:calc(100% - 0px); overflow:auto; overflow-x:hidden; } SECTION#content > .scroll-box { height:calc(100% - 60px); padding-right:20px; overflow:auto; } .mdl-dialog .scroll-box { overflow-x:hidden; } .scroll-box.scroll-v { overflow-y:scroll; overflow-x:hidden; } .scroll-box.scroll-h { overflow-y:hidden; overflow-x:scroll; } .scroll.scroll-outer .mCSB_scrollTools { right:-20px !important; } #diag-service-box .diag-service-row { position:relative; } #diag-service-box .diag-service-row:before { content:"\f110"; display:none; position:absolute; width:20px; height:20px; font:normal normal normal 14px/1 FontAwesome; text-align:center; line-height:20px; left:5px; animation:fa-spin 1s infinite steps(8); top:10px; } #diag-service-box .diag-service-row.finding:before { display:block; } .mCSB_outside + .mCSB_scrollTools { right:-20px; } #calendar .mCSB_outside+.mCSB_scrollTools, #tab-card .mCSB_outside+.mCSB_scrollTools, .mdl-layout__content > .mCSB_outside+.mCSB_scrollTools, .mdl-dialog__content .mCSB_outside+.mCSB_scrollTools, .mdl-cell .mCSB_outside+.mCSB_scrollTools { right:2px; } .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp { opacity:.75; } .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover, .mCSB_scrollTools .mCSB_buttonUp:hover { opacity:1; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail { background-color:#03b8ec; background-color:rgba(3,184,236,.25); } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color:#3a89c9; background-color:rgba(3,184,236,1); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color:#3a89c9; background-color:rgba(58,137,201,1); } #tab-card .doc-items { margin:0px; padding:20px 10px 20px 20px; } #tab-card ARTICLE { position:relative; margin:0 0 15px; padding:0; border:1px solid #d2d5e0; transition:all .5s linear; } #tab-card ARTICLE.docType2 { background-color:rgba(0, 82, 147, 0.05); background-image:url('/img/eHealth/evysetrenie.svg'); background-repeat:no-repeat; background-position:right 5px top 5px; background-size:20px; } #tab-card ARTICLE.docType22 { background-color:rgba(0, 82, 147, 0.05); background-image:url('/img/eHealth/pacientsky-sumar.svg'); background-repeat:no-repeat; background-position:right 5px top 5px; background-size:20px; } #tab-card ARTICLE:last-child { margin-bottom:0; } #tab-card ARTICLE.docType2:after { border-color:transparent rgba(0, 82, 147, 0.05) transparent transparent; } #tab-card ARTICLE.docType22:after { border-color:transparent rgba(0, 82, 147, 0.05) transparent transparent; } /* #tab-card ARTICLE .datetime { position:absolute; top:-5px; left:-65px; width:60px; padding:50px 5px 5px 5px; text-align:center; } #tab-card ARTICLE .datetime .fa { position:absolute; top:5px; right:5px; width:40px; height:40px; line-height:40px; color:#fff; text-align:center; border-radius:50%; z-index:2; } #tab-card ARTICLE .datetime .date, #tab-card ARTICLE .datetime .time { display:block; height:20px; line-height:20px; background:rgba(255,255,255,.75); color:#03b8ec; font-size:14px; text-align:center; } #tab-card ARTICLE .datetime .date { font-size:10px; font-weight:bold; } */ #tab-card ARTICLE .buttons-box { position:relative; padding:10px 15px; border-top:1px solid #d2d5e0; background:#fff; text-align:right; z-index:2; } /* #tab-card ARTICLE .box { overflow:hidden; } */ #tab-card ARTICLE .content, #tab-card ARTICLE .data { position:relative; width:100%; line-height:18px; margin:0; padding:15px 20px; } #tab-card ARTICLE .data { padding-left:0px; } #tab-card ARTICLE .data { display:table; padding:0 20px 0 15px; min-height:50px; font-size:12px; box-shadow:0px 0px 20px rgba(0,0,0,0.2); } #tab-card ARTICLE .data DIV { display:table-cell; width:35%; line-height:25px; margin:0; vertical-align:middle; } #tab-card ARTICLE .data DIV.doctype { width:0.1%; } #tab-card ARTICLE .data DIV.doctype .material-icons, #tab-card ARTICLE .data DIV.doctype .fa { position:absolute; top:10px; left:-15px; display:block; width:30px; height:30px; line-height:30px; color:#fff; font-size:18px; text-align:center; border-radius:50%; z-index:2; } #tab-card ARTICLE .data DIV.doctype .new { background:#abb8c3; } #tab-card ARTICLE .data DIV.doctype .doc { background:#59bd03; } #tab-card ARTICLE .data DIV.doctype .lab { background:#df2b40; } #tab-card ARTICLE .data DIV.doctype .rec { background:#febe04; } #tab-card ARTICLE .data DIV.datetime { width:7.9%; line-height:normal; padding:10px 25px 10px 5px; color:#03b8ec; text-align:center; } #tab-card ARTICLE .data DIV.datetime .date { display:block; font-size:11px; font-weight:bold; } #tab-card ARTICLE .data DIV.datetime .time { display:block; font-size:14px; } #tab-card ARTICLE .data DIV.doctor { width:30%; line-height:18px; } #tab-card ARTICLE .data DIV.doctor SPAN { display:inline-block; width:65px; } #tab-card ARTICLE .data DIV.insurance { width:25%; line-height:18px;} #tab-card ARTICLE .data DIV.insurance SPAN { display:inline-block; width:105px; } #tab-card ARTICLE .data DIV.buttons { width:35%; line-height:30px; text-align:right; white-space:nowrap; } #tab-card ARTICLE .data DIV.buttons .tooltip { width:auto; max-width:200px; } #tab-card ARTICLE .data STRONG { color:#03b8ec; } /*#tab-card ARTICLE .data SPAN { display:inline-block; height:20px; line-height:20px; margin:0 2px 2px 0; padding:0 4px; background:#03b8ec; color:#fff; font-size:11px; border-radius:3px; }*/ #tab-card .docForm--hidden { display:none; height:60px; } .buttons-box .attach-box { line-height:37px; } .buttons-box .attach-box + .align-left { max-width:200px; margin-top:-10px; margin-left:20px; padding-left:20px; border-left:1px solid #d2d5e0; } .buttons-box .attach-box + .align-left .mdl-textfield { display:inline-block; width:48%; margin-top:-5px; margin-bottom:-8px; text-align:left; } .buttons-box #snippet--attachList { float:left; } .buttons-box .attach-items { height:37px; line-height:37px; margin:0; padding:0; list-style-type:none; } .buttons-box .attach-items LI { float:left; padding:0 20px 0 0; } .mdl-dialog__actions .set-date { position:absolute; top:-5px; left:20px; width:60%; } .mdl-dialog__actions .set-date > DIV { float:left; width:calc(30% - 10px); margin-top:0; margin-right:10px; vertical-align:middle; } .mdl-dialog__actions .set-date > DIV + DIV + DIV { float:right; width:40%; margin-right:0; } .selectize--right .selectize-dropdown { left:auto !important; right:0 !important; } #frm-vysForm .mdl-tabs TEXTAREA, #frm-vysForm .mdl-tabs INPUT, #frm-vysForm .mdl-tabs SELECT, #frm-vysForm .mdl-tabs .selectize-control, #frm-vysForm-nazov_vysetrenia { background-color:#fff; } #frm-vysForm .mdl-tabs TEXTAREA { box-shadow:inset 1px 20px 20px -20px rgba(0, 0, 0, .2), inset 1px -20px 20px -20px rgba(0, 0, 0, .2); } #eVysetrenie-nczi-state { min-height:30px; line-height:20px; padding:5px 10px; background:#df2b40; color:#fff; font-weight:bold; } #eVysetrenie-nczi-state-msg { font-weight:normal; font-size:14px; } .psItemList LI { position:relative; } .psItemDel { float:right; display:inline-block; line-height:normal; padding:3px 5px; color:#a3b8c3; } .psItemDel:hover { color:#df2b40; } .psItemDel:hover:after { content:''; position:absolute; top:0; bottom:0; left:0; right:0; background:rgba(223,43,64,0.1); z-index:-1; } .psItemPrompt { position:absolute; top:100%; right:0; background:#e6ebf0; padding:5px 10px; z-index:99; } .psItemPrompt:before { content:''; position:absolute; top:-5px; right:5px; width:0; height:0; border-style:solid; border-width:0 5px 5px 5px; border-color:transparent transparent #e6ebf0 transparent; } #files { margin:0; padding:0; list-style-type:none; } #files LI { float:left; width:100px; height:135px; margin-right:2px; background:#fafafa; } #files LI .dz-details { opacity:1; } #files LI .dz-details .dz-filename { position:absolute; left:0; right:0; bottom:0; height:35px; line-height:20px; background:#fafafa; } #files LI .dz-details .dz-filename SPAN { padding:3px; } #files LI .dz-details .dz-filename SPAN[data-dz-date] { display:block; line-height:15px; padding:0; font-size:10px; } #files LI .dz-details .file-type { position:absolute; top:0; left:0; right:0; height:100px; line-height:100px; font-size:48px; } #files LI .dz-details .file-type:before { content:"\f016"; } #files LI .dz-details .file-type.file-image:before { content:"\f1c5"; } #files LI .dz-details .file-type.file-audio:before { content:"\f1c7"; } #files LI .dz-details .file-type.file-video:before { content:"\f1c8"; } #files LI .dz-details .file-type.file-pack:before { content:"\f1c6"; } #files LI .dz-details .file-type.file-doc:before { content:"\f0f6"; } #files LI .dz-details .file-type.file-xls:before { content:"\f1c3"; } #files LI .dz-details .file-type.file-pdf:before { content:"\f1c1"; } #files LI .dz-details IMG { width:100%; height:auto; } #files LI:hover .dz-details .dz-filename { overflow:visible; } #files LI:hover .dz-details .dz-filename SPAN[data-dz-name] { display:block; padding:3px; line-height:normal; background:rgba(250,250,250,.75); overflow:visible; overflow-wrap:anywhere; white-space:pre-wrap; } /* #files LI:hover .dz-details .dz-filename SPAN { display:block; width:100%; white-space:pre-wrap; } */ .docItem .attachments { margin:10px -10px -15px -10px; padding:10px 0 0; border-top:1px dotted #d2d5e0; list-style-type:none; overflow:hidden; } .docItem .attachments LI { float:left; width:48px; height:48px; line-height:48px; text-align:center; } .docItem .attachments LI { display:block; width:48px; height:48px; line-height:48px; text-align:center; } #snippet--calendar { height:calc(100% - 70px); margin:20px -10px -30px 0; } #calDate + .material-icons + .datepicker { position:absolute; display:block; width:216px; height:auto; } #calDate + .material-icons + .datepicker .datepickerContainer { min-width:216px; } #cal-today, #cal-prev, #cal-next { min-width:auto; height:30px; line-height:26px !important; padding:0 5px; } #content > HEADER .buttons { height:30px; padding:0 15px; margin-bottom:5px; } #content > HEADER .buttons .mdl-textfield { height:45px; line-height:30px; margin-top:-15px; padding-bottom:0; vertical-align:middle; } #content > HEADER .buttons .mdl-textfield .mdl-textfield__label { top:-5px!important; height:50px; line-height:30px; } #content > HEADER .buttons .mdl-textfield .mdl-textfield__input:not(textarea) { height:30px; padding:0 5px; } #content > HEADER .buttons.sel-doctors .mdl-textfield { margin-right:0; } #content > HEADER .mdl-textfield__label:after { bottom:0; } #content > HEADER .sel-doctors .mdl-textfield__label:after { bottom:5px; } #content > HEADER .mdl-textfield SELECT + .mdl-textfield__label:after { bottom:0; height:30px; } #content > HEADER .buttons .selectize-input { height:25px; line-height:25px; margin-top:1px; overflow:hidden; } #content > HEADER .buttons .selectize-control { height:30px; line-height:30px; } #content > HEADER .buttons .mdl-button { height:32px; line-height:28px; } #content > HEADER .buttons .mdl-button .material-icons { font-size:22px; } #cal-interval { margin-right:0; } #calendar_int { height:30px; padding:1px 0px 0; } #calWeek { font-size:14px!important; } #calendar { height:calc(100% - 45px); margin:5px 0 0 0; background:#fff; box-shadow:0px 0px 20px rgba(0,0,0,0.2); } #calendar HEADER { position:relative; display:block; width:100%; height:60px; } #calendar HEADER .drcalbox-name { display:block; height:20px; line-height:20px; padding:0px 3px; border-top:1px solid #a3b8c3; border-bottom:1px solid #a3b8c3; border-right:1px solid #a3b8c3; font-size:11px; text-align:center; white-space:nowrap; overflow:hidden; } #calendar HEADER .drcalbox { margin-right:5px; border-left:1px solid #a3b8c3; } #calendar HEADER .drcalbox:last-of-type { padding-right:0; } /* #calendar HEADER .drcalbox:last-of-type .drcalbox-name { border-right:0px none; } */ #calendar HEADER #switch-cal-type { position:absolute; top:20px; left:-40px; } #calendar HEADER .day { position:relative; display:block; float:left; width:16.2857%; height:40px; line-height:15px; padding:2px 5px 0; border-right:1px solid #c4cbd8; border-bottom:1px solid #c4cbd8; background:#fafafa; z-index:1; } #calendar HEADER .day.wday6, #calendar HEADER .day.wday7 { width:9.2857%; } #calendar HEADER .day.dday { width:100%; border-left:0 none; } #calendar HEADER .day .nday { position:absolute; display:block; top:-4px; right:0px; width:25px; height:25px; line-height:25px; color:#03b8ec; font-size:18px; text-align:center; border-radius:15px; } #calendar HEADER .day.wday6 .nday, #calendar HEADER .day.wday7 .nday { top:-3px; width:20px; height:20px; line-height:20px; font-size:14px; border-radius:10px; } #calendar HEADER .day .wday, #calendar HEADER .day .date, #calendar HEADER .day .date-short, #calendar HEADER .day .holiday { display:block; } #calendar HEADER .day .wday { position:absolute; top:1px; left:2px; display:block; color:#212121; font-size:11px; } #calendar HEADER .day.wday6 .wday, #calendar HEADER .day.wday7 .wday { font-size:10px; } #calendar HEADER .day .date, #calendar HEADER .day .date-short { display:none; color:#808b98; font-size:12px; } #calendar HEADER .day .date-short { display:none; } #calendar HEADER .day .holiday { position:absolute; display:block; right:2px; bottom:2px; line-height:normal; color:#df2b40; font-size:12px; } #calendar HEADER .day .note { position:absolute; display:block; bottom:0px; left:0px; width:calc(100% - 15px); line-height:normal; padding:2px; color:#3a89c9; font-size:9px; text-transform:uppercase; cursor:pointer; } #calendar HEADER .day.today { width:calc(16.2857% + 5px); height:45px; margin:-5px -2.5px 0; padding:5px 5px 0; background:#fff; z-index:2; box-shadow:0px 0px 20px rgba(0,0,0,0.2); } #calendar HEADER .day.wday6.today, #calendar HEADER .day.wday7.today { width:calc(9.2857% + 5px); } #calendar HEADER .day.dday.today { width:100%; height:40px; margin:0; } #calendar HEADER .day.today .nday { top:0px; color:#fff; font-size:17px; background: #008fec; background: -moz-linear-gradient(top, #008fec 0%, #03b8ec 100%); background: -webkit-linear-gradient(top, #008fec 0%,#03b8ec 100%); background: linear-gradient(to bottom, #008fec 0%,#03b8ec 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008fec', endColorstr='#03b8ec',GradientType=0 ); } #calendar HEADER .day.today .holiday { margin-top:0; padding-top:2px; } /*#calendar .week .drcal-day-box { position:absolute; top:0; bottom:0; z-index:-2; }*/ #calendar .scroll, #calendar .scroll-box { position:relative; height:calc(100% - 60px); margin:0 -10px 0 -55px; padding:0 20px 0 0; overflow-y:scroll; } #calendar .scroll-box { padding-right:0px; } /*#calendar .hours { position:absolute; top:0; left:0; width:55px; line-height:30px; }*/ #calendar .hours { float:left; width:55px; line-height:30px; } #calendar .hours .hour { position:relative; margin:0; padding-left:30px; } #calendar .hours .hour .nhour { position:absolute; top:0; bottom:0; left:0; width:30px; line-height:100%; border-top:1px solid #808898; font-size:16px; text-align:center; } #calendar .hours .hour.h0 .nhour { border-top:0 none; } #calendar.int1 .hours .hour .nhour { line-height:30px; } #calendar.int2 .hours .hour .nhour { line-height:60px; } #calendar.int3 .hours .hour .nhour { line-height:90px; } #calendar.int4 .hours .hour .nhour { line-height:120px; } #calendar.int6 .hours .hour .nhour { line-height:180px; } #calendar.int12 .hours .hour .nhour { line-height:360px; } #calendar .hours .hour .min { display:block; height:30px; line-height:30px; border-top:1px solid #b9bfc5; font-size:13px; text-align:left; } #calendar .hours .hour .min.m0 { border-top:1px solid #808898; } #calendar .hours .hour.h0 .min.m0 { border-top:0 none; } #calendar .hours .hour .nhour.active, #calendar .hours .hour .min.active { color:#03b8ec; } /* #calendar .week { position:relative; margin-left:55px; }*/ #calendar .week { position:relative; float:left; width:calc(100% - 55px); margin-right:5px; border-left:1px solid #a3b8c3; } #calendar .week:last-of-type { padding-right:0; } #calendar .week:after { content:""; display:block; clear:both; } #calendar .week .day { position:relative; display:block; float:left; width:16.2857%; padding:0; background:#fafafa; border-right:1px solid #d3dae6; z-index:1; } #calendar .week .day:before { content:""; position:absolute; top:0; bottom:0; left:0; right:0; background:#fafafa; z-index:-1; } #calendar .week .day.wday6, #calendar .week .day.wday7 { width:9.2857%; } #calendar .week .day.wday7 { border-right:1px solid #363e4b; } #calendar .week:last-of-type .day.wday7 { border-right:1px solid #d3dae6; } #calendar .week .day .min { position:relative; display:block; height:30px; line-height:26px; padding:2px 5px; border-top:1px solid #d3dae6; color:rgba(54,62,75,0.45); font-size:10px; cursor:pointer; z-index:5; transition:all .25s ease-in-out; } #calendar .week .day .min[data-time$=':00'] { border-top:1px solid #808898; } #calendar .week .day .min[data-time='00:00'] { border-top:0 none; } #calendar .week .day .min A { display:none; position:absolute; top:0; bottom:0; left:0; right:0; line-height:26px; padding:2px 5px; background:#c4cbd8; color:#212121; text-decoration:none; z-index:2; } #calendar .week .day .min A I { color:#03b8ec; font-size:18px; } #calendar .week .day .min:hover, #calendar .week .day .min:active { background:#c4cbd8; color:rgba(54,62,75,1); } #calendar .week .day .min:hover A, #calendar .week .day .min:active A { display:block; } #calendar .week .day .min.disabled, #calendar .week .day .min.disabled:hover, #calendar .week .day .min.disabled:active { background:rgba(250,250,250,.75); color:rgba(54,62,75,0.2); cursor:default; } #calendar .week .day .min.disabled:hover A, #calendar .week .day .min.disabled:active A { display:none; } #calendar .week .day .ohours, #calendar .week .day .ihours { position:absolute; left:0; right:0; background:rgba(61,184,236,.1); z-index:-2; border-radius:7px; } #calendar .week .day .ohours[data-desc]:before { content:attr(data-desc); position:absolute; top:0; left:50%; max-width:95%; line-height:normal; padding:2px 15px; border-radius:10px 10px 0 0; color:#fff; background:inherit; font-size:12px; opacity:.75; transform:translateY(-100%) translateX(-50%); } #calendar .week .day .ihours { background:rgba(254,192,4,.1); z-index:-1; } #calendar .week .day.today .ohours, #calendar .week .day.today .ihours { z-index:-1; } #calendar .week .day.today { width:calc(16.2857% + 5px); margin:0 -2.5px 0; border-right:0 none; background:#fff; box-shadow:0px 0px 20px rgba(0,0,0,0.2); z-index:10; } #calendar .week .day.today:before { background:#fff; } #calendar .week .day.wday6.today, #calendar .week .day.wday7.today { width:calc(9.2857% + 5px); } #calendar .dday { position:relative; float:left; width:calc(100% - 55px); padding-right:5px; border-left:1px solid #a3b8c3; } /*#calendar .dday:last-of-type { padding-right:0; }*/ #calendar .dday:after { content:""; display:block; clear:both; } #calendar .dday .day { position:relative; display:block; float:left; width:100%; padding:0; background:#fafafa; border-right:1px solid #a3b8c3; z-index:1; } #calendar .dday .day:before { content:""; position:absolute; top:0; bottom:0; left:0; right:0; background:#fafafa; z-index:-1; } #calendar .dday .day { border-right:1px solid #a3b8c3; } #calendar .dday:last-of-type .day { border-right:1px solid #a3b8c3; } #calendar .dday .day .min { position:relative; display:block; height:30px; line-height:26px; padding:2px 5px; border-top:1px solid #d3dae6; color:rgba(54,62,75,0.45); font-size:10px; cursor:pointer; z-index:5; transition:all .25s ease-in-out; } #calendar .dday .day .min[data-time$=':00'] { border-top:1px solid #808898; } #calendar .dday .day .min[data-time='00:00'] { border-top:0 none; } #calendar .dday .day .min A { display:none; position:absolute; top:0; bottom:0; left:0; right:0; line-height:26px; padding:2px 5px; background:#c4cbd8; color:#212121; text-decoration:none; z-index:2; } #calendar .dday .day .min A I { color:#03b8ec; font-size:18px; } #calendar .dday .day .min:hover, #calendar .dday .day .min:active { background:#c4cbd8; color:rgba(54,62,75,1); } #calendar .dday .day .min:hover A, #calendar .dday .day .min:active A { display:block; } #calendar .dday .day .min.disabled, #calendar .dday .day .min.disabled:hover, #calendar .dday .day .min.disabled:active { background:rgba(250,250,250,.75); color:rgba(54,62,75,0.2); cursor:default; } #calendar .dday .day .min.disabled:hover A, #calendar .dday .day .min.disabled:active A { display:none; } #calendar .dday .day .ohours, #calendar .dday .day .ihours { position:absolute; left:0; right:0; background:rgba(61,184,236,.1); z-index:-1; } #calendar .dday .day .ihours { background:rgba(254,192,4,.1); } #calendar .dday .day.today .ohours, #calendar .dday .day.today .ihours { z-index:-1; } #calendar .dday .day.today { margin:0; background:#fff; box-shadow:0px 0px 20px rgba(0,0,0,0.2); z-index:10; } #calendar .dday .day.today:before { background:#fff; } #calendar .act-time { position:absolute; left:0; right:0; margin-top:-1px; border-top:2px solid rgba(3,184,236,0.5); z-index:11; } #calendar .order { position:absolute; display:block; width:calc(16.2857% - 2px); z-index:10; } #calendar .order.wday6, #calendar .order.wday7 { width:calc(9.2857% - 2px); } #calendar .order.today { width:calc(16.2857% + 13px); margin:0 -7.5px; z-index:13; } #calendar .order.wday6.today, #calendar .order.wday7.today { width:calc(9.2857% + 13px); } #calendar .order.dday.today { width:100%; margin:0; z-index:13; } #calendar .order.vys-blocked { z-index:10; } #calendar .order.vys-blocked.today { z-index:13; } #calendar .order.st-xx .box { border-left:5px solid #fee904; } #calendar .order.st-ok .box { border-left:5px solid #59bd03; } #calendar .order.st-in .box { border-left:5px solid #fea204; } #calendar .order.st-no .box { border-left:5px solid #2c333f; } #calendar .order .box { position:absolute; width:100%; height:100%; line-height:24px; padding:2px 5px; border:1px solid #fff; border-radius:5px; font-size:11px; text-decoration:none; overflow:hidden; z-index:1; } #calendar .order .list { display:block; height:auto; line-height:12px; padding-right:20px; overflow:hidden; transition:all .25s ease-in-out; } #calendar .order .detail { position:absolute; display:block; top:0; left:50px; width:200px; height:0; line-height:18px; margin:-2px -5px; background:#ccc; border-radius:0 5px 5px 5px; overflow:hidden; transition:all .25s ease-in-out; z-index:2; } #calendar .order.wday6 .detail, #calendar .order.wday7 .detail { left:-200px; } #calendar .order .detail.algn-top { top:10px; bottom:initial; } #calendar .order .detail.algn-top:before { top:0px !important; bottom:initial !important; } #calendar .order .detail.algn-bottom { top:initial; bottom:10px; } #calendar .order .detail.algn-bottom:before { top:initial !important; bottom:0px !important; } #calendar .order .detail.algn-left { left:auto; right:20px; } #calendar .order .detail.algn-right { left:20px; } #calendar .order .detail * { text-decoration:none; } #calendar .order .detail .order-detail { display:block; } #calendar .order .detail .order-detail.order-data { padding:5px 5px 3px; background-color:rgba(255,255,255,.5); color:#212121; font-size:14px; } #calendar .order .detail .order-detail.order-data EM { font-size:12px; font-style:none; } #calendar .order .detail .order-detail.patient-data { padding:3px 5px; border-top:1px dotted #212121; background-color:rgba(255,255,255,.25); color:#212121; font-size:13px; } #calendar .order .detail .order-detail.patient-data STRONG { font-size:12px; } #calendar .order .detail .order-detail.patient-data A { color:#03b8ec; text-decoration:underline; } #calendar .order .detail .order-detail.patient-data A:hover, #calendar .order .detail .order-detail.patient-data A:active { color:#212121; } #calendar .order .detail .order-detail.patient-data A.mdl-button { float:right; } #calendar .order .detail .order-detail.other-data { padding:3px 5px 5px; border-bottom:1px solid #fff; background:rgba(255,255,255,.5); color:#000; font-size:12px; } #calendar .order .detail .order-detail.other-desc { padding:3px 5px 5px; border-bottom:1px solid #fff; background:rgba(255,255,255,.25); color:#fff; font-size:12px; } #calendar .order .detail .order-btns { padding:5px; border-top:1px solid #212121; text-align:center; } #calendar .order .detail .order-btns *, #calendar .order .detail .mdl-button, #calendar .order .detail .mdl-button *, #calendar .order .detail .tooltip * { color:#fff !important; } #calendar .order .box > .icons { position:absolute; top:1px; right:3px; height:26px; line-height:13px; text-align:right; z-index:99; } #calendar .order .box > .icons * { font-size:12px; vertical-align:middle; } #calendar .order .box > .icons .tag, #calendar .order .detail .order-detail.patient-data .tag, #calPatientTags .tag { display:inline-block; padding:0 2px; border-radius:3px; } #calendar .order .box > .icons .material-icons.ispresent { display:inline-block; width:20px; height:20px; line-height:16px; padding:2px; font-size:13px; font-weight:normal; background:#59bd03; color:#fff!important; text-align:center; vertical-align:middle; border-radius:50%; } #calendar .order .detail .order-detail.patient-data .tag, #calPatientTags .tag { padding:0 4px; } #calendar .order:hover, #calendar .order:active { /* height:auto !important; */ z-index:18; box-shadow:0px 0px 10px #03b8ec; } #calendar .order.today:hover, #calendar .order.today:active { height:auto !important; z-index:18; } #calendar .order.vys-blocked:hover, #calendar .order.vys-blocked:active { z-index:14; } #calendar .order.vys-blocked.today:hover, #calendar .order.vys-blocked.today:active { z-index:14; } #calendar .order:hover .list, #calendar .order:active .list { display:block; /* height:0; */ } #calendar .order:hover .detail, #calendar .order:active .detail { display:block; border:1px solid #000; background:#ccc; height:auto; overflow:visible; } #calendar .order:hover .detail:before, #calendar .order:active .detail:before { content:''; position:absolute; top:0px; left:-10px; width:0; height:0; border-style:solid; border-width:10px 10px 10px 0; border-color:transparent #000000 transparent transparent; } #calendar .order:hover .detail.algn-top:before, #calendar .order:active .detail.algn-top:before { top:0px; bottom:initial; } #calendar .order:hover .detail.algn-bottom:before, #calendar .order:active .detail.algn-bottom:before { top:initial; bottom:0px; } #calendar .order:hover .detail.algn-left:before, #calendar .order:active .detail.algn-left:before { left:initial; right:-10px; border-width:10px 0 10px 10px; border-color:transparent transparent transparent #000000; } #calendar .order:hover .detail.algn-right:before, #calendar .order:active .detail.algn-right:before { left:-10px; right:initial; border-width:10px 10px 10px 0; border-color:transparent #000000 transparent transparent; } #calendar .order.wday6:hover .detail:before, #calendar .order.wday7:hover .detail:before, #calendar .order.wday6:active .detail:before, #calendar .order.wday7:active .detail:before { left:100%; border-width:10px 0 10px 10px; border-color:transparent transparent transparent #000000; } #calendar .order:hover .detail *, #calendar .order:active .detail * { color:#212121; text-decoration:none; } #calendar .order.vys-blocked .list { line-height:24px; } #calendar .order.vys-blocked .detail, #calendar .order.vys-blocked .detail * { line-height:24px; } .p-calendar .ui-multiselect-menu { padding-bottom:50px; } .p-calendar .ui-multiselect-menu .ui-multiselect-header { position:absolute; left:0; right:0; bottom:0; } .p-calendar .ui-multiselect-menu LI.ui-multiselect-close { position:relative; display:block; width:100%; text-align:center; } .p-calendar .ui-multiselect-menu LI.ui-multiselect-close A { display:block; float:none; width:auto; height:20px; line-height:20px; margin-top:5px; background:#03b8ec; color:#fff; border-radius:5px; text-align:center; text-decoration:none; } .p-calendar .ui-multiselect-menu LI.ui-multiselect-close A:before { content:'Uložit a zavřít >'; } .p-calendar .ui-multiselect-menu LI.ui-multiselect-close A SPAN { display:none; } #calendar .custom { position:absolute; display:block; width:calc(16.2857% - 2px); z-index:4; border-right:2px solid rgba(41,123,198,.5); } #calendar .custom.wday6, #calendar .custom.wday7 { width:calc(9.2857% - 2px); } #calendar .custom.today { width:calc(16.2857% + 13px); margin:0 -7.5px; z-index:16; } #calendar .custom.wday6.today, #calendar .custom.wday7.today { width:calc(9.2857% + 13px); } #calendar .custom.dday.today { width:100%; margin:0; z-index:16; } #calendar .custom .box { position:absolute; right:0; width:auto; min-width:75px; height:auto; min-height:25px; line-height:25px; padding:2px 4px; font-size:11px; background:rgba(41,123,198,.25); border-top:1px solid #df2b40; border-bottom:1px solid #df2b40; border-left:5px solid #df2b40; border-radius:5px 0 0 5px; text-align:center; text-decoration:none; overflow:hidden; z-index:1; } #calendar .custom .detail { position:absolute; display:block; top:0; left:15px; width:200px; height:0; line-height:normal; margin:-2px -5px; background:#ccc; overflow:hidden; font-size:14px; text-align:left; transition:all .25s ease-in-out; z-index:2; } #calendar .custom .detail * { text-decoration:none; } #calendar .custom.wday6 .detail, #calendar .custom.wday7 .detail { left:-200px; } #calendar .custom:hover, #calendar .custom:active { height:auto !important; z-index:19; } #calendar .custom.today:hover, #calendar .custom.today:active { height:auto !important; z-index:19; } #calendar .custom:hover .detail, #calendar .custom:active .detail { display:block; padding:5px 10px; border:1px solid #000; height:auto; overflow:visible; } #calendar .custom:hover .detail:before, #calendar .custom:active .detail:before { content:''; position:absolute; top:10px; left:-10px; width:0; height:0; border-style:solid; border-width:10px 10px 10px 0; border-color:transparent #000000 transparent transparent; } #calendar .custom.wday6:hover .detail:before, #calendar .custom.wday7:hover .detail:before, #calendar .custom.wday6:active .detail:before, #calendar .custom.wday7:active .detail:before { left:100%; border-width:10px 0 10px 10px; border-color:transparent transparent transparent #000000; } #calendar HEADER .drcalbox1 { background:rgba(3,184,236,.4); color:#000; } #calendar HEADER .drcalbox2 { background:rgba(89,189,3,.4); color:#000; } #calendar HEADER .drcalbox3 { background:rgba(254,190,4,.4); color:#000; } #calendar HEADER .drcalbox4 { background:rgba(223,43,64,.4); color:#000; } #calendar HEADER .drcalbox5 { background:rgba(247,137,151,.4); color:#000; } #calendar HEADER .drcalbox6 { background:rgba(58,137,201,.4); color:#000; } #calendar HEADER .drcalbox7 { background:rgba(3,184,236,.4); color:#000; } #calendar HEADER .drcalbox8 { background:rgba(89,189,3,.4); color:#000; } #calendar HEADER .drcalbox9 { background:rgba(254,190,4,.4); color:#000; } #calendar HEADER .drcalbox10 { background:rgba(223,43,64,.4); color:#000; } #calendar HEADER .drcalbox11 { background:rgba(3,184,236,.4); color:#000; } #calendar HEADER .drcalbox12 { background:rgba(89,189,3,.4); color:#000; } #calendar HEADER .drcalbox13 { background:rgba(254,190,4,.4); color:#000; } #calendar HEADER .drcalbox14 { background:rgba(223,43,64,.4); color:#000; } #calendar HEADER .drcalbox15 { background:rgba(247,137,151,.4); color:#000; } #calendar HEADER .drcalbox16 { background:rgba(58,137,201,.4); color:#000; } #calendar HEADER .drcalbox17 { background:rgba(3,184,236,.4); color:#000; } #calendar HEADER .drcalbox18 { background:rgba(89,189,3,.4); color:#000; } #calendar HEADER .drcalbox19 { background:rgba(254,190,4,.4); color:#000; } #calendar HEADER .drcalbox20 { background:rgba(223,43,64,.4); color:#000; } #calendar HEADER .drcalbox21 { background:rgba(3,184,236,.4); color:#000; } #calendar HEADER .drcalbox22 { background:rgba(89,189,3,.4); color:#000; } #calendar HEADER .drcalbox23 { background:rgba(254,190,4,.4); color:#000; } #calendar HEADER .drcalbox24 { background:rgba(223,43,64,.4); color:#000; } #calendar HEADER .drcalbox25 { background:rgba(247,137,151,.4); color:#000; } #calendar HEADER .drcalbox26 { background:rgba(58,137,201,.4); color:#000; } #calendar HEADER .drcalbox27 { background:rgba(3,184,236,.4); color:#000; } #calendar HEADER .drcalbox28 { background:rgba(89,189,3,.4); color:#000; } #calendar HEADER .drcalbox29 { background:rgba(254,190,4,.4); color:#000; } #calendar HEADER .drcalbox30 { background:rgba(223,43,64,.4); color:#000; } #calendar .week.drcalbox1 .day:before, #calendar .dday.drcalbox1 .day:before { background:rgba( 3,184,236,.05); color:#000; } #calendar .week.drcalbox2 .day:before, #calendar .dday.drcalbox2 .day:before { background:rgba( 89,189, 3,.05); color:#000; } #calendar .week.drcalbox3 .day:before, #calendar .dday.drcalbox3 .day:before { background:rgba(254,190, 4,.05); color:#000; } #calendar .week.drcalbox4 .day:before, #calendar .dday.drcalbox4 .day:before { background:rgba(223, 43, 64,.05); color:#000; } #calendar .week.drcalbox5 .day:before, #calendar .dday.drcalbox5 .day:before { background:rgba(247,137,151,.05); color:#000; } #calendar .week.drcalbox6 .day:before, #calendar .dday.drcalbox6 .day:before { background:rgba( 58,137,201,.05); color:#000; } #calendar .week.drcalbox7 .day:before, #calendar .dday.drcalbox7 .day:before { background:rgba( 3,184,236,.05); color:#000; } #calendar .week.drcalbox8 .day:before, #calendar .dday.drcalbox8 .day:before { background:rgba( 89,189, 3,.05); color:#000; } #calendar .week.drcalbox9 .day:before, #calendar .dday.drcalbox9 .day:before { background:rgba(254,190, 4,.05); color:#000; } #calendar .week.drcalbox10 .day:before, #calendar .dday.drcalbox10 .day:before { background:rgba(223, 43, 64,.05); color:#000; } #calendar .week.drcalbox11 .day:before, #calendar .dday.drcalbox11 .day:before { background:rgba( 3,184,236,.05); color:#000; } #calendar .week.drcalbox12 .day:before, #calendar .dday.drcalbox12 .day:before { background:rgba( 89,189, 3,.05); color:#000; } #calendar .week.drcalbox13 .day:before, #calendar .dday.drcalbox13 .day:before { background:rgba(254,190, 4,.05); color:#000; } #calendar .week.drcalbox14 .day:before, #calendar .dday.drcalbox14 .day:before { background:rgba(223, 43, 64,.05); color:#000; } #calendar .week.drcalbox15 .day:before, #calendar .dday.drcalbox15 .day:before { background:rgba(247,137,151,.05); color:#000; } #calendar .week.drcalbox16 .day:before, #calendar .dday.drcalbox16 .day:before { background:rgba( 58,137,201,.05); color:#000; } #calendar .week.drcalbox17 .day:before, #calendar .dday.drcalbox17 .day:before { background:rgba( 3,184,236,.05); color:#000; } #calendar .week.drcalbox18 .day:before, #calendar .dday.drcalbox18 .day:before { background:rgba( 89,189, 3,.05); color:#000; } #calendar .week.drcalbox19 .day:before, #calendar .dday.drcalbox19 .day:before { background:rgba(254,190, 4,.05); color:#000; } #calendar .week.drcalbox20 .day:before, #calendar .dday.drcalbox20 .day:before { background:rgba(223, 43, 64,.05); color:#000; } #calendar .week.drcalbox21 .day:before, #calendar .dday.drcalbox21 .day:before { background:rgba( 3,184,236,.05); color:#000; } #calendar .week.drcalbox22 .day:before, #calendar .dday.drcalbox22 .day:before { background:rgba( 89,189, 3,.05); color:#000; } #calendar .week.drcalbox23 .day:before, #calendar .dday.drcalbox23 .day:before { background:rgba(254,190, 4,.05); color:#000; } #calendar .week.drcalbox24 .day:before, #calendar .dday.drcalbox24 .day:before { background:rgba(223, 43, 64,.05); color:#000; } #calendar .week.drcalbox25 .day:before, #calendar .dday.drcalbox25 .day:before { background:rgba(247,137,151,.05); color:#000; } #calendar .week.drcalbox26 .day:before, #calendar .dday.drcalbox26 .day:before { background:rgba( 58,137,201,.05); color:#000; } #calendar .week.drcalbox27 .day:before, #calendar .dday.drcalbox27 .day:before { background:rgba( 3,184,236,.05); color:#000; } #calendar .week.drcalbox28 .day:before, #calendar .dday.drcalbox28 .day:before { background:rgba( 89,189, 3,.05); color:#000; } #calendar .week.drcalbox29 .day:before, #calendar .dday.drcalbox29 .day:before { background:rgba(254,190, 4,.05); color:#000; } #calendar .week.drcalbox30 .day:before, #calendar .dday.drcalbox30 .day:before { background:rgba(223, 43, 64,.05); color:#000; } #calendar .drcalbox { float:left; height:100%; } #calendar .drcalbox.drboxw1 { width:calc(100% - 5px); } #calendar .drcalbox.drboxw2 { width:calc(50% - 5px); } #calendar .drcalbox.drboxw3 { width:calc(33.3333% - 5px); } #calendar .drcalbox.drboxw4 { width:calc(25% - 5px); } #calendar .drcalbox.drboxw5 { width:calc(20% - 5px); } #calendar .drcalbox.drboxw6 { width:calc(16.6666% - 5px); } #calendar .drcalbox.drboxw7 { width:calc(14.2857% - 5px); } #calendar .drcalbox.drboxw8 { width:calc(12.5% - 5px); } #calendar .drcalbox.drboxw9 { width:calc(11.1111% - 5px); } #calendar .drcalbox.drboxw10 { width:calc(10% - 5px); } #calendar .drcalbox.drboxw11 { width:calc(9.0909% - 5px); } #calendar .drcalbox.drboxw12 { width:calc(8.3333% - 5px); } #calendar .drcalbox.drboxw13 { width:calc(7.6923% - 5px); } #calendar .drcalbox.drboxw14 { width:calc(7.143% - 5px); } #calendar .drcalbox.drboxw15 { width:calc(6.6667% - 5px); } #calendar .drcalbox.drboxw16 { width:calc(6.25% - 5px); } #calendar .drcalbox.drboxw17 { width:calc(5.88% - 5px); } #calendar .drcalbox.drboxw18 { width:calc(5.5556% - 5px); } #calendar .drcalbox.drboxw19 { width:calc(5.263% - 5px); } #calendar .drcalbox.drboxw20 { width:calc(5% - 5px); } #calendar .drcalbox.drboxw21 { width:calc(4.7619% - 5px); } #calendar .drcalbox.drboxw22 { width:calc(4.5454% - 5px); } #calendar .drcalbox.drboxw23 { width:calc(4.3478% - 5px); } #calendar .drcalbox.drboxw24 { width:calc(4.1667% - 5px); } #calendar .drcalbox.drboxw25 { width:calc(4% - 5px); } #calendar .drcalbox.drboxw26 { width:calc(3.846% - 5px); } #calendar .drcalbox.drboxw27 { width:calc(3.7037% - 5px); } #calendar .drcalbox.drboxw28 { width:calc(3.5714% - 5px); } #calendar .drcalbox.drboxw29 { width:calc(3.448% - 5px); } #calendar .drcalbox.drboxw30 { width:calc(3.3333% - 5px); } #calendar .week.drboxw1, #calendar .dday.drboxw1 { width:calc(100% - 60px); } #calendar .week.drboxw2, #calendar .dday.drboxw2 { width:calc(50% - 32.5px); } #calendar .week.drboxw3, #calendar .dday.drboxw3 { width:calc(33.3333% - 23.3333px); } #calendar .week.drboxw4, #calendar .dday.drboxw4 { width:calc(25% - 18.75px); } #calendar .week.drboxw5, #calendar .dday.drboxw5 { width:calc(20% - 16px); } #calendar .week.drboxw6, #calendar .dday.drboxw6 { width:calc(16.6666% - 14.1666px); } #calendar .week.drboxw7, #calendar .dday.drboxw7 { width:calc(14.2857% - 12.857px); } #calendar .week.drboxw8, #calendar .dday.drboxw8 { width:calc(12.5% - 11.875px); } #calendar .week.drboxw9, #calendar .dday.drboxw9 { width:calc(11.1111% - 11.1111px); } #calendar .week.drboxw10, #calendar .dday.drboxw10 { width:calc(10% - 10.5px); } #calendar .week.drboxw11, #calendar .dday.drboxw11 { width:calc(9.0909% - 10px); } #calendar .week.drboxw12, #calendar .dday.drboxw12 { width:calc(8.3333% - 9.5833px); } #calendar .week.drboxw13, #calendar .dday.drboxw13 { width:calc(7.6923% - 9.2308px); } #calendar .week.drboxw14, #calendar .dday.drboxw14 { width:calc(7.1429% - 8.9286px); } #calendar .week.drboxw15, #calendar .dday.drboxw15 { width:calc(6.6667% - 8.6667px); } #calendar .week.drboxw16, #calendar .dday.drboxw16 { width:calc(6.25% - 8.4375px); } #calendar .week.drboxw17, #calendar .dday.drboxw17 { width:calc(5.8824% - 8.2353px); } #calendar .week.drboxw18, #calendar .dday.drboxw18 { width:calc(5.5556% - 8.0556px); } #calendar .week.drboxw19, #calendar .dday.drboxw19 { width:calc(5.2632% - 7.8947px); } #calendar .week.drboxw20, #calendar .dday.drboxw20 { width:calc(5% - 7.75px); } #calendar .week.drboxw21, #calendar .dday.drboxw21 { width:calc(4.7619% - 7.619px); } #calendar .week.drboxw22, #calendar .dday.drboxw22 { width:calc(4.5455% - 7.5px); } #calendar .week.drboxw23, #calendar .dday.drboxw23 { width:calc(4.3478% - 7.3913px); } #calendar .week.drboxw24, #calendar .dday.drboxw24 { width:calc(4.1667% - 7.2917px); } #calendar .week.drboxw25, #calendar .dday.drboxw25 { width:calc(4% - 7.2px); } #calendar .week.drboxw26, #calendar .dday.drboxw26 { width:calc(3.8462% - 7.1154px); } #calendar .week.drboxw27, #calendar .dday.drboxw27 { width:calc(3.7037% - 7.037px); } #calendar .week.drboxw28, #calendar .dday.drboxw28 { width:calc(3.5714% - 6.9643px); } #calendar .week.drboxw29, #calendar .dday.drboxw29 { width:calc(3.4483% - 6.8966px); } #calendar .week.drboxw30, #calendar .dday.drboxw30 { width:calc(3.3333% - 6.8333px); } #calendar .dday.drboxw1 { width:calc(100% - 55px); } #calendar .dday.drboxw2 { width:calc(50% - 27.5px); } #calendar .dday.drboxw3 { width:calc(33.3333% - 18.3333px); } #calendar .dday.drboxw4 { width:calc(25% - 13.75px); } #calendar .dday.drboxw5 { width:calc(20% - 11px); } #calendar .dday.drboxw6 { width:calc(16.6666% - 9.1666px); } #calendar .dday.drboxw7 { width:calc(14.2857% - 7.857px); } #calendar .dday.drboxw8 { width:calc(12.5% - 6.875px); } #calendar .dday.drboxw9 { width:calc(11.1111% - 6.1111px); } #calendar .dday.drboxw10 { width:calc(10% - 5.5px); } #calendar .dday.drboxw11 { width:calc(9.0909% - 5px); } #calendar .dday.drboxw12 { width:calc(8.3333% - 4.5833px); } #calendar .dday.drboxw13 { width:calc(7.6923% - 4.2308px); } #calendar .dday.drboxw14 { width:calc(7.1429% - 3.9286px); } #calendar .dday.drboxw15 { width:calc(6.6667% - 3.6667px); } #calendar .dday.drboxw16 { width:calc(6.25% - 3.4375px); } #calendar .dday.drboxw17 { width:calc(5.8824% - 3.2353px); } #calendar .dday.drboxw18 { width:calc(5.5556% - 3.0556px); } #calendar .dday.drboxw19 { width:calc(5.2632% - 2.8947px); } #calendar .dday.drboxw20 { width:calc(5% - 2.75px); } #calendar .dday.drboxw21 { width:calc(4.7619% - 2.619px); } #calendar .dday.drboxw22 { width:calc(4.5455% - 2.5px); } #calendar .dday.drboxw23 { width:calc(4.3478% - 2.3913px); } #calendar .dday.drboxw24 { width:calc(4.1667% - 2.2917px); } #calendar .dday.drboxw25 { width:calc(4% - 2.2px); } #calendar .dday.drboxw26 { width:calc(3.8462% - 2.1154px); } #calendar .dday.drboxw27 { width:calc(3.7037% - 2.037px); } #calendar .dday.drboxw28 { width:calc(3.5714% - 1.9643px); } #calendar .dday.drboxw29 { width:calc(3.4483% - 1.8966px); } #calendar .dday.drboxw30 { width:calc(3.3333% - 1.8333px); } #CalItemSelected { position:fixed; bottom:40px; left:265px; padding:10px 35px 10px 15px; background:rgba(3,184,236,.5); border:1px solid #03b8ec; border-radius:15px; z-index:9999; transition:all 0.5s ease-in-out; } .small-menu #CalItemSelected { left:135px; } #CalItemSelected #CalItemCancel { position:absolute; display:block; top:0px; right:0px; padding:3px 5px; z-index:10; } #CalItemSelected .moveIcon { position:absolute; top:-50px; padding:7px; border-radius:5px; } #CalItemSelected #CalItemCopy { left:25px; background:rgba( 89,189,3,.75); color:#fff; } #CalItemSelected #CalItemMove { left:75px; background:rgba(254,190,4,.75); color:#fff; } .vys-blocked{ background:rgba(128,128,128,.25) !important; color:#000 !important; } #calendar .order:hover .detail.vys-blocked, #calendar .order:active .detail.vys-blocked { background:rgba(128,128,128,.9) !important; color:#000 !important; } .vys-default { background:#cccccc !important; color:#000 !important; } .vys-internet{ background:#fec004 !important; color:#000 !important; } .vys-pink { background:#f78997 !important; color:#000 !important; } .vys-magenta { background:#ff3399 !important; color:#000 !important; } .vys-dpink { background:#990099 !important; color:#fff !important; } .vys-nlila { background:#ff66cc !important; color:#000 !important; } .vys-dlila { background:#660033 !important; color:#fff !important; } .vys-lred { background:#ff0000 !important; color:#000 !important; } .vys-red { background:#df2b40 !important; color:#000 !important; } .vys-dred { background:#800000 !important; color:#fff !important; } .vys-lpurple { background:#cc33ff !important; color:#000 !important; } .vys-purple { background:#9262ce !important; color:#fff !important; } .vys-llblue { background:#66ccff !important; color:#000 !important; } .vys-lblue { background:#03b8ec !important; color:#000 !important; } .vys-blue { background:#0000ff !important; color:#fff !important; } .vys-dblue { background:#3a89c9 !important; color:#fff !important; } .vys-cyan { background:#00ced1 !important; color:#000 !important; } .vys-losos { background:#ff5050 !important; color:#000 !important; } .vys-llgreen { background:#99ffcc !important; color:#000 !important; } .vys-lgreen { background:#99ff66 !important; color:#000 !important; } .vys-green { background:#59bd03 !important; color:#000 !important; } .vys-ngreen { background:#66ff33 !important; color:#000 !important; } .vys-dgreen { background:#006600 !important; color:#fff !important; } .vys-lyellow { background:#ffff66 !important; color:#000 !important; } .vys-yellow { background:#fef504 !important; color:#000 !important; } .vys-dyellow { background:#e6e600 !important; color:#000 !important; } .vys-orange { background:#ff9900 !important; color:#000 !important; } .vys-dorange { background:#ff6600 !important; color:#000 !important; } .vys-lbrown { background:#ff794d !important; color:#000 !important; } .vys-brown { background:#9c790e !important; color:#fff !important; } .vys-body { background:#ff9999 !important; color:#000 !important; } .vys-cinnamon{ background:#ff8c1a !important; color:#000 !important; } .vys-powdery { background:#ffcc99 !important; color:#000 !important; } .vys-choco { background:#663300 !important; color:#fff !important; } .vys-silver { background:#c4cbd8 !important; color:#000 !important; } .vys-lblack { background:#47476b !important; color:#fff !important; } .vys-black { background:#2c333f !important; color:#fff !important; } .vys-default * { color:#000 !important; } .vys-internet * { color:#000 !important; } .vys-magenta * { color:#000 !important; } .vys-pink * { color:#000 !important; } .vys-dpink * { color:#fff !important; } .vys-nlila * { color:#000 !important; } .vys-dlila * { color:#fff !important; } .vys-lred * { color:#000 !important; } .vys-red * { color:#000 !important; } .vys-dred * { color:#fff !important; } .vys-lpurple * { color:#000 !important; } .vys-purple * { color:#fff !important; } .vys-llblue * { color:#000 !important; } .vys-lblue * { color:#000 !important; } .vys-blue * { color:#fff !important; } .vys-dblue * { color:#fff !important; } .vys-cyan * { color:#000 !important; } .vys-losos * { color:#000 !important; } .vys-llgreen * { color:#000 !important; } .vys-lgreen * { color:#000 !important; } .vys-green * { color:#000 !important; } .vys-ngreen * { color:#000 !important; } .vys-dgreen * { color:#fff !important; } .vys-lyellow * { color:#000 !important; } .vys-yellow * { color:#000 !important; } .vys-dyellow * { color:#000 !important; } .vys-orange * { color:#000 !important; } .vys-dorange * { color:#000 !important; } .vys-lbrown * { color:#000 !important; } .vys-brown * { color:#fff !important; } .vys-body * { color:#000 !important; } .vys-cinnamon * { color:#000 !important; } .vys-powdery * { color:#000 !important; } .vys-choco * { color:#fff !important; } .vys-silver * { color:#000 !important; } .vys-lblack * { color:#fff !important; } .vys-black * { color:#fff !important; } #charSet A { display:inline-block; margin:1px; padding:2px 3px; font-size:18px; border:1px solid #03b8ec; } #charSet A:hover { background:#3a89c9; border:1px solid #3a89c9; color:#fff; } #dekurzTabsVys { background:#f5f5f5; } .dekurzTabs > DIV { position:relative; padding:5px 10px 5px !important; } .dekurzTabs INPUT, .dekurzTabs TEXTAREA, .dekurzTabs SELECT, .dekurzTabs .selectize-control { background:#ffffff; } .voiceRecorder { position:absolute; top:3px; right:3px; width:20px; height:20px; z-index:9; text-align:center; } .has-voicerec > .voiceRecorder { top:50px; } .inputCounter { position:absolute; right:0; bottom:-10px; width:auto; font-size:12px; text-align:right; z-index:9; } .has-counter > .inputCounter { margin-top:20px; margin-bottom:0px; } .has-counter.has-editor > .inputCounter { margin-top:20px; margin-bottom:-10px; } .inputCounter[data-shortcut]:after { content:'↑ ' attr(data-shortcut); position:absolute; left:5px; bottom:0px; font-size:10px; color:#777; } .inputSaving { position:absolute; float:left; bottom:-10px; left:0; width:25%; color:#d00; font-size:10px; font-weight:bold; text-align:left; text-transform:uppercase; z-index:12; } .html-editor + .inputSaving { bottom:-1px; left:3px; } DL.patient-address { margin:0; } DL.patient-address DIV > DT, DL.patient-address DIV > DD { padding:0; } DL.patient-address DIV > DT { padding-right:5px; } #dekurz-filter { margin:5px 10px -15px 20px; font-size:12px; color:#808898; } #dekurz-filter A { color:#808898; text-decoration:none; } #dekurz-filter A.selected { font-weight:bold; } #dekurz-filter A.all.selected { color:#3a89c9; } #dekurz-filter A.doc.selected { color:#59bd03; } #dekurz-filter A.lab.selected { color:#df2b40; } #dekurz-filter A:hover { color:#03b8ec!important; } .ins-alert-changed { position:fixed; top:0; left:50%; padding:4px 10px; max-width:40%; background:#c00; color:#fff; border-radius:0 0 10px 10px; transform:translateX(-50%); text-align:center; z-index:888888; } .ins-alert-changed STRONG { font-size:16px; } .ins-alert-changed A { text-transform:uppercase; } #tab-dcross { padding:0 20px; } #tab-dcross .mdl-grid { padding:0; } #tab-dcross .allow-switch { position:relative; padding-right:50px; } #tab-dcross .allow-switch A#tooth-switch { display:block; } #tab-dcross A#tooth-switch { position:absolute; display:none; top:50%; right:0; margin-top:-14px; } #tab-dcross .scroll-box { height:calc(100% - 107px); margin:0; padding:0 15px; } .tooth-boxes { display:flex; height:auto !important; margin:0 -15px !important; flex-direction:row; flex-wrap:wrap; justify-content:space-around; align-items:stretch; align-content:stretch; } .tooth-boxes .toothbox { position:relative; display:table; width:50%; } .tooth-boxes .toothbox-q1 { order:1; } .tooth-boxes .toothbox-q2 { order:2; } .tooth-boxes .toothbox-q3 { order:4; } .tooth-boxes .toothbox-q4 { order:3; } .tooth-boxes .toothbox-q1, .tooth-boxes .toothbox-q4 { border-right:1px solid #d3dae6; } .tooth-boxes .toothbox-q1, .tooth-boxes .toothbox-q2 { border-bottom:1px solid #d3dae6; } .tooth-boxes .toothbox .elTooth { position:relative; display:table-cell; width:11.25%; z-index:20; text-align:center; vertical-align:top; } .tooth-boxes .toothbox .elTooth:before { content:attr(data-num); position:absolute; left:0; right:0; height:20px; line-height:20px; color:#abb8c3; text-align:center; } .tooth-boxes .toothbox-q1 .elTooth:before, .tooth-boxes .toothbox-q2 .elTooth:before { top:0; } .tooth-boxes .toothbox-q3 .elTooth:before, .tooth-boxes .toothbox-q4 .elTooth:before { bottom:0; } .tooth-boxes .toothbox-q1 .elTooth, .tooth-boxes .toothbox-q2 .elTooth { padding:20px 0 0 0; } .tooth-boxes .toothbox-q3 .elTooth, .tooth-boxes .toothbox-q4 .elTooth { padding:0 0 20px 0; } .tooth-boxes .toothbox .tooth { position:relative; margin:5px 0; z-index:5; } .tooth-boxes .toothbox .tooth:before { content:""; position:absolute; display:none; top:1px; bottom:1px; left:1px; right:1px; border:1px solid #03b8ec; box-shadow:inset 0px 0px 5px #03b8ec; z-index:-1; } .tooth-boxes .toothbox .tooth.active:before { display:block; } .tooth-boxes .toothbox .tooth IMG { position:relative; display:block; width:100%; max-width:40px; height:auto; margin:0 auto; z-index:3; } .tooth-boxes .toothbox .tooth .signs { min-height:40px; line-height:15px; } .tooth-boxes .toothbox .tooth .dtooth { display:block; width:100%; max-width:40px; margin:0 auto; } .tooth-boxes .toothbox .tooth .t-layer { position:absolute; top:40px; bottom:0; left:50%; width:100%; max-width:40px; background-size:cover !important; transform:translateX(-50%); } .tooth-boxes .toothbox .tooth .t-root { z-index:1; } .tooth-boxes .toothbox .tooth .t-crown { z-index:2; } .tooth-boxes .toothbox .tooth .t-shape { z-index:10; cursor:pointer; } .tooth-boxes .toothbox .tooth .t-fill { z-index:5; } .tooth-boxes .toothbox-q1 .tooth .t-layer, .tooth-boxes .toothbox-q2 .tooth .t-layer { top:40px; bottom:0; } .tooth-boxes .toothbox-q3 .tooth .t-layer, .tooth-boxes .toothbox-q4 .tooth .t-layer { top:0; bottom:40px; } #pcross-inputs { padding-bottom:10px; } #pcross-inputs .mdl-cell .mdl-cell { padding-bottom:5px; } #pcross-inputs .mdl-cell .text-center .mdl-cell { padding-bottom:0px; } #pcross-inputs .mdl-cell INPUT { text-align:center; } #pcross-inputs #tooth_sel { display:block; width:100%; max-width:40px; padding:10px 0; color:#03b8ec; font-size:28px; text-align:center; } #pcross-inputs .disableInputs, #pcross-inputs .disableInputExt { position:relative; } #pcross-inputs .disableInputs:after, #pcross-inputs .disableInputExt:after { content:''; position:absolute; top:0; bottom:0; left:0; right:0; background:rgba(255,255,255,.5); z-index:999; } #tab-pcross .tooth-boxes .toothbox .tooth IMG { max-width:50px; } #tab-pcross .scroll-box { height:calc(100% - 147px); margin:0; padding:0 15px; } #tab-pcross .toothbox-q1, #tab-pcross .toothbox-q4 { padding-left:10px; } #tab-pcross .toothbox-q2, #tab-pcross .toothbox-q3 { padding-right:15px; } #tab-pcross .elTooth[data-num='18']:after { content:'16 12 8 4 0 / | \\ 0 4 8 12 16'; position:absolute; top:24.5px; bottom:0px; left:-12px; width:10px; line-height:13.2px; color:#03b8ec; font-size:10px; text-align:center; } #tab-pcross .elTooth[data-num='48']:after { content:'16 12 8 4 0 / | \\ 0 4 8 12 16'; position:absolute; top:4.5px; bottom:20px; left:-12px; width:10px; line-height:13.2px; color:#03b8ec; font-size:10px; text-align:center; } #tab-pcross .elTooth[data-num='28']:after { content:'16 12 8 4 0 \\ | / 0 4 8 12 16'; position:absolute; top:24.5px; bottom:0px; right:-12px; width:10px; line-height:13.2px; color:#03b8ec; font-size:10px; text-align:center; } #tab-pcross .elTooth[data-num='38']:after { content:'16 12 8 4 0 \\ | / 0 4 8 12 16'; position:absolute; top:4.5px; bottom:20px; right:-12px; width:10px; line-height:13.2px; color:#03b8ec; font-size:10px; text-align:center; } .tooth-boxes .toothbox .tooth .mdt { position:absolute; display:flex; top:50%; left:50%; margin:-21px 0 0 -25px; width:50px; height:42px; border:6px solid #ccc; border-radius:5px; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; align-content:flex-start; z-index:5; } .tooth-boxes .toothbox .tooth .mdt > SPAN { position:relative; display:block; width:50%; height:15px; line-height:15px; font-size:14px; text-align:center; z-index:3; } .tooth-boxes .toothbox .tooth .mdt .cpitn { color:#3F8402; } .tooth-boxes .toothbox .tooth .mdt .mob { color:#BF8D03; } .tooth-boxes .toothbox .tooth .mdt .psigns { width:100%; color:#B22331; } .tooth-boxes .toothbox .tooth .mdt .psigns .pcross-ext { position:absolute; top:-15px; left:1px; width:calc(100% - 2px); height:30px; background:#fff; font-size:26px; line-height:30px; color:#000; z-index:9; } .tooth-boxes .toothbox .tooth .mdt[data-b]:before { content:''; position:absolute; top:-6px; bottom:-6px; left:-6px; right:-6px; border-radius:5px; z-index:1; } .tooth-boxes .toothbox .tooth .mdt[data-p]:after { content:''; position:absolute; top:-3px; bottom:-3px; left:-3px; right:-3px; border-radius:4px; z-index:2; } .tooth-boxes .toothbox-q1 .tooth .mdt[data-b*='d']:before, .tooth-boxes .toothbox-q4 .tooth .mdt[data-b*='d']:before, .tooth-boxes .toothbox-q2 .tooth .mdt[data-b*='m']:before, .tooth-boxes .toothbox-q3 .tooth .mdt[data-b*='m']:before { border-left:4px solid #e00; } .tooth-boxes .toothbox-q1 .tooth .mdt[data-b*='m']:before, .tooth-boxes .toothbox-q4 .tooth .mdt[data-b*='m']:before, .tooth-boxes .toothbox-q2 .tooth .mdt[data-b*='d']:before, .tooth-boxes .toothbox-q3 .tooth .mdt[data-b*='d']:before { border-right:4px solid #e00; } .tooth-boxes .toothbox-q1 .tooth .mdt[data-b*='p']:before, .tooth-boxes .toothbox-q2 .tooth .mdt[data-b*='p']:before, .tooth-boxes .toothbox-q3 .tooth .mdt[data-b*='v']:before, .tooth-boxes .toothbox-q4 .tooth .mdt[data-b*='v']:before { border-top:4px solid #e00; } .tooth-boxes .toothbox-q1 .tooth .mdt[data-b*='v']:before, .tooth-boxes .toothbox-q2 .tooth .mdt[data-b*='v']:before, .tooth-boxes .toothbox-q3 .tooth .mdt[data-b*='l']:before, .tooth-boxes .toothbox-q4 .tooth .mdt[data-b*='l']:before { border-bottom:4px solid #e00; } .tooth-boxes .toothbox-q1 .tooth .mdt[data-p*='d']:after, .tooth-boxes .toothbox-q4 .tooth .mdt[data-p*='d']:after, .tooth-boxes .toothbox-q2 .tooth .mdt[data-p*='m']:after, .tooth-boxes .toothbox-q3 .tooth .mdt[data-p*='m']:after { border-left:4px solid #03d; } .tooth-boxes .toothbox-q1 .tooth .mdt[data-p*='m']:after, .tooth-boxes .toothbox-q4 .tooth .mdt[data-p*='m']:after, .tooth-boxes .toothbox-q2 .tooth .mdt[data-p*='d']:after, .tooth-boxes .toothbox-q3 .tooth .mdt[data-p*='d']:after { border-right:4px solid #03d; } .tooth-boxes .toothbox-q1 .tooth .mdt[data-p*='p']:after, .tooth-boxes .toothbox-q2 .tooth .mdt[data-p*='p']:after, .tooth-boxes .toothbox-q3 .tooth .mdt[data-p*='v']:after, .tooth-boxes .toothbox-q4 .tooth .mdt[data-p*='v']:after { border-top:4px solid #03d; } .tooth-boxes .toothbox-q1 .tooth .mdt[data-p*='v']:after, .tooth-boxes .toothbox-q2 .tooth .mdt[data-p*='v']:after, .tooth-boxes .toothbox-q3 .tooth .mdt[data-p*='l']:after, .tooth-boxes .toothbox-q4 .tooth .mdt[data-p*='l']:after { border-bottom:4px solid #03d; } .tooth-boxes .toothbox .tooth .ptooth-canvast, .tooth-boxes .toothbox .tooth .ptooth-canvasb { position:absolute; left:0; right:0; width:100%; z-index:4; } .tooth-boxes .toothbox .tooth .ptooth-canvast { top:0; height:64px; background:url('../img/tooth/lines-top.svg'); background-position:top; background-size:100% 64px; background-repeat:no-repeat; } .tooth-boxes .toothbox .tooth .ptooth-canvasb { bottom:0; height:64px; background:url('../img/tooth/lines-bottom.svg'); background-position:bottom; background-size:100% 64px; background-repeat:no-repeat; } /* #tab-cross .tooth-boxes { height:100%; margin:-25px; padding:25px; overflow:auto; overflow-x:hidden; } .tooth-boxes { position:relative; display:block; overflow:hidden; } .tooth-boxes .toothbox { position:relative; display:table; width:50%; margin:0; text-align:center; } .tooth-boxes .toothbox-q1, .tooth-boxes .toothbox-q4 { float:left; border-right:1px solid #d3dae6; } .tooth-boxes .toothbox-q2, .tooth-boxes .toothbox-q3 { float:right; } .tooth-boxes .toothbox-q1, .tooth-boxes .toothbox-q2 { border-bottom:1px solid #d3dae6; } .tooth-boxes .toothbox .hdTooth, .tooth-boxes .toothbox .elTooth { display:table-cell; width:11.25%; text-align:center; vertical-align:top; } .tooth-boxes .toothbox .hdTooth { width:10%; } .tooth-boxes .toothbox .elTooth { position:relative; z-index:20; } .tooth-boxes .toothbox .param { display:block; height:20px; line-height:19px; font-size:14px; font-weight:normal; text-align:center; } .tooth-boxes .toothbox .param.sel { position:absolute; top:50%; width:10%; height:auto; transform:translate(0,-50%); z-index:5; } .tooth-boxes .toothbox-q1 .param.sel, .tooth-boxes .toothbox-q4 .param.sel { left:0; } .tooth-boxes .toothbox-q2 .param.sel, .tooth-boxes .toothbox-q3 .param.sel { right:0; } .tooth-boxes .toothbox .param.sel .mdl-button.mdl-button-small { width:calc(100% - 5px); line-height:22px; margin:2.5px 0; padding:0; } .tooth-boxes .toothbox .param.sel .mdl-button.mdl-button-small.mdl-button-colored { line-height:22px; } .tooth-boxes .toothbox .elTooth .param.cpitn, .tooth-boxes .toothbox .elTooth .param.kod, .tooth-boxes .toothbox .elTooth .param.pbi { position:absolute; left:50%; top:50%; width:56.174%; height:18px; max-width:24px; transform:translate(-50%,-50%); z-index:10; } .tooth-boxes .toothbox .param INPUT { display:inline-block; width:calc(100% - 2px); max-width:24px; height:20px; line-height:19px; margin:0; padding:0; border-bottom:1px solid #363e4b; font-size:14px; text-align:center; } .tooth-boxes .toothbox .elTooth .param.cpitn INPUT, .tooth-boxes .toothbox .elTooth .param.kod INPUT, .tooth-boxes .toothbox .elTooth .param.pbi INPUT { width:100%; height:18px; line-height:18px; border-bottom-width:0; } .tooth-boxes .toothbox .param.pv INPUT { width:13px; margin:0 1px; } .tooth-boxes .toothbox .hdTooth .pv-box { position:absolute; top:0; bottom:0; left:0; right:0; z-index:10; } .tooth-boxes .toothbox-q1 .hdTooth .pv-box, .tooth-boxes .toothbox-q4 DT .pv-box { left:10%; right:0; } .tooth-boxes .toothbox-q2 .hdTooth .pv-box, .tooth-boxes .toothbox-q3 DT .pv-box { left:0; right:10%; } .tooth-boxes .toothbox-q1 .hdTooth .pv-box, .tooth-boxes .toothbox-q2 DT .pv-box { top:50px; bottom:50px; } .tooth-boxes .toothbox-q3 .hdTooth .pv-box, .tooth-boxes .toothbox-q4 DT .pv-box { top:50px; bottom:50px; } .tooth-boxes .toothbox .tooth .line { position:absolute; display:block; top:0; bottom:0; left:0; right:0; z-index:5; } .tooth-boxes .toothbox .tooth .line:before, .tooth-boxes .toothbox .tooth .line:after { content:""; position:absolute; left:0; right:0; border-top:1px solid rgba(50, 50, 50, 0.2); z-index:5; } .tooth-boxes .toothbox .tooth .line.l0:before { top:38.241%; } .tooth-boxes .toothbox .tooth .line.l1:before { top:33.992%; } .tooth-boxes .toothbox .tooth .line.l2:before { top:29.743%; } .tooth-boxes .toothbox .tooth .line.l3:before { top:25.494%; } .tooth-boxes .toothbox .tooth .line.l4:before { top:21.245%; } .tooth-boxes .toothbox .tooth .line.l5:before { top:16.996%; } .tooth-boxes .toothbox .tooth .line.l6:before { top:12.747%; } .tooth-boxes .toothbox .tooth .line.l7:before { top:8.498%; } .tooth-boxes .toothbox .tooth .line.l8:before { top:4.249%; } .tooth-boxes .toothbox .tooth .line.l9:before { top:0%; } .tooth-boxes .toothbox .tooth .line.l0:after { bottom:38.241%; } .tooth-boxes .toothbox .tooth .line.l1:after { bottom:33.992%; } .tooth-boxes .toothbox .tooth .line.l2:after { bottom:29.743%; } .tooth-boxes .toothbox .tooth .line.l3:after { bottom:25.494%; } .tooth-boxes .toothbox .tooth .line.l4:after { bottom:21.245%; } .tooth-boxes .toothbox .tooth .line.l5:after { bottom:16.996%; } .tooth-boxes .toothbox .tooth .line.l6:after { bottom:12.747%; } .tooth-boxes .toothbox .tooth .line.l7:after { bottom:8.498%; } .tooth-boxes .toothbox .tooth .line.l8:after { bottom:4.249%; } .tooth-boxes .toothbox .tooth .line.l9:after { bottom:0%; } .tooth-boxes .toothbox .tooth .tooth-grid { position:absolute; } .tooth-boxes .toothbox .tooth .tgrid-t { top:50%; margin-top:-20px; } .tooth-boxes .toothbox .tooth .tgrid-b { top:50%; } .tooth-boxes .toothbox .tooth .tgrid-l { left:50%; width:30.435%; max-width:14px; margin-left:-23px; } .tooth-boxes .toothbox .tooth .tgrid-m { left:50%; width:39.13%; max-width:18px; transform:translate(-50%,0); } .tooth-boxes .toothbox .tooth .tgrid-r { left:50%; width:30.435%; max-width:14px; margin-left:9px; } .tooth-boxes .toothbox .tooth .tgrid-f { left:50%; width:100%; max-width:46px; margin-left:0px; transform:translate(-50%,0); } */ .tooth-rec { display:block; color:#df2b40; line-height:12px; font-size:11px; font-weight:bold; } .selectize-control.multi .selectize-input [data-value='581'], .selectize-control.multi .selectize-input [data-value='582'], .selectize-control.multi .selectize-input [data-value='583'], .selectize-control.multi .selectize-input [data-value='584'], .selectize-control.multi .selectize-input [data-value='585'], .selectize-control.multi .selectize-input [data-value='586'], .selectize-control.multi .selectize-input [data-value='587'], .selectize-control.multi .selectize-input [data-value='588'], .selectize-control.multi .selectize-input [data-value='589'], .selectize-control.multi .selectize-input [data-value='581'].active, .selectize-control.multi .selectize-input [data-value='582'].active, .selectize-control.multi .selectize-input [data-value='583'].active, .selectize-control.multi .selectize-input [data-value='584'].active, .selectize-control.multi .selectize-input [data-value='585'].active, .selectize-control.multi .selectize-input [data-value='586'].active, .selectize-control.multi .selectize-input [data-value='587'].active, .selectize-control.multi .selectize-input [data-value='588'].active, .selectize-control.multi .selectize-input [data-value='589'].active { border: 1px solid #bb2436; background-color: #df2b40; background-image: -moz-linear-gradient(top, #df2b40, #bb2436); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#df2b40), to(#bb2436)); background-image: -webkit-linear-gradient(top, #df2b40, #bb2436); background-image: -o-linear-gradient(top, #df2b40, #bb2436); background-image: linear-gradient(to bottom, #df2b40, #bb2436); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdf2b40', endColorstr='#ffbb2436', GradientType=0); } .selectize-control.plugin-remove_button [data-value='581'] .remove, .selectize-control.plugin-remove_button [data-value='582'] .remove, .selectize-control.plugin-remove_button [data-value='583'] .remove, .selectize-control.plugin-remove_button [data-value='584'] .remove, .selectize-control.plugin-remove_button [data-value='585'] .remove, .selectize-control.plugin-remove_button [data-value='586'] .remove, .selectize-control.plugin-remove_button [data-value='587'] .remove, .selectize-control.plugin-remove_button [data-value='588'] .remove, .selectize-control.plugin-remove_button [data-value='589'] .remove { border-left: 1px solid #bb2436; } .tooth-cpitn { display:block; color:#59bd03; line-height:12px; font-size:11px; font-weight:bold; } .selectize-control.multi .selectize-input [data-value='990'], .selectize-control.multi .selectize-input [data-value='991'], .selectize-control.multi .selectize-input [data-value='992'], .selectize-control.multi .selectize-input [data-value='993'], .selectize-control.multi .selectize-input [data-value='994'], .selectize-control.multi .selectize-input [data-value='995'], .selectize-control.multi .selectize-input [data-value='990'].active, .selectize-control.multi .selectize-input [data-value='991'].active, .selectize-control.multi .selectize-input [data-value='992'].active, .selectize-control.multi .selectize-input [data-value='993'].active, .selectize-control.multi .selectize-input [data-value='994'].active, .selectize-control.multi .selectize-input [data-value='995'].active { border: 1px solid #499903; background-color: #59bd03; background-image: -moz-linear-gradient(top, #59bd03, #499903); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#59bd03), to(#499903)); background-image: -webkit-linear-gradient(top, #59bd03, #499903); background-image: -o-linear-gradient(top, #59bd03, #499903); background-image: linear-gradient(to bottom, #59bd03, #499903); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff59bd03', endColorstr='#ff499903', GradientType=0); } .selectize-control.plugin-remove_button [data-value='990'] .remove, .selectize-control.plugin-remove_button [data-value='991'] .remove, .selectize-control.plugin-remove_button [data-value='992'] .remove, .selectize-control.plugin-remove_button [data-value='993'] .remove, .selectize-control.plugin-remove_button [data-value='994'] .remove, .selectize-control.plugin-remove_button [data-value='995'] .remove { border-left: 1px solid #499903; } #toothstate-list UL { display:flex; padding:0; list-style-type:none; flex-direction:row; flex-flow:wrap; justify-content:flex-start; align-items:flex-start; align-content:stretch; } #toothstate-list UL LI { min-width:33%; align-self:flex-start; padding:1px; } #toothstate-list UL LI A { display:block; border:1px solid #808898; background:#a3b8c3; color:#212121; text-align:center; text-decoration:none; } #toothstate-list UL LI A:hover { border:1px solid #03b8ec; background:#13c8fc; } #toothstate-list UL LI A.active { border:1px solid #3a89c9; background:#03b8ec; color:#ffffff; } #toothstate-list .cat1 LI { min-width:12.5%; } #tooth-bookmarks { position:absolute; width:40%; border:1px solid #a3b8c3; background:rgba(245,245,245,.75); z-index:999; box-shadow:inset 0px 0px 5px #a3b8c3; } #tooth-bookmarks #tooth-bookmarks-close { position:absolute; top:-26px; right:0; width:30px; height:26px; line-height:26px; background:#a3b8c3; color:#fff; text-align:center; } #tooth-bookmarks .bookmark-items { padding:8px 10px; overflow:auto; } #tooth-bookmarks DL { display:table; margin:0 0 3px; width:100%; } #tooth-bookmarks DT, #tooth-bookmarks DD { display:table-cell; line-height:22px; vertical-align:top; } #tooth-bookmarks DT { width:60px; font-size:12px; font-weight:bold; } #tooth-bookmarks UL { display:flex; margin:0; padding:0; list-style-type:none; flex-direction:row; flex-flow:wrap; justify-content:flex-start; align-items:flex-start; align-content:stretch;} #tooth-bookmarks UL LI { margin:0; padding:1px; min-width:33%; line-height:20px; align-self:flex-start; } #tooth-bookmarks UL LI A { display:block; margin:0 1px; padding:2px 4px; line-height:14px; border:1px solid #808898; border-radius:2px; background:#a3b8c3; color:#212121; font-size:12px; text-align:center; text-decoration:none; } #tooth-bookmarks UL LI A:hover { border:1px solid #3a89c9; background:#8697A0; } #tooth-bookmarks DD .material-icons { font-size:12px; } #tooth-bookmarks DD .sign { display:inline-block; min-width:12px; height:12px; } #tooth-bookmarks DD.btns UL LI { min-width:25%; } #tooth-bookmarks DD.icns UL LI { min-width:20px; } #tooth-bookmarks DD.icns UL LI A { border:1px solid #3a89c9; background:#03b8ec; } #tooth-bookmarks DD.icns UL LI A.active, #tooth-bookmarks DD.icns UL LI A:hover { border:1px solid #3a89c9; background:#0397c2; } #tooth-bookmarks DD.fill UL LI { min-width:20px; } #tooth-bookmarks DD.fill UL LI A { border:2px solid #808898; } #tooth-bookmarks DD.fill UL LI A.active, #tooth-bookmarks DD.fill UL LI A:hover { border:2px solid #03b8ec; } #tooth-bookmarks DD.pos UL LI { min-width:25px; } #tooth-bookmarks DD.pos UL LI A { border:1px solid #417228; background:#59bd03; } #tooth-bookmarks DD.pos UL LI A.active, #tooth-bookmarks DD.pos UL LI A:hover { border:1px solid #417228; background:#479603; } #tooth-bookmarks DD.nav UL LI { min-width:30px; } #tooth-bookmarks DD.nav UL LI A { border:1px solid #911b29; background:#df2b40; } #tooth-bookmarks DD.nav UL LI A.active, #tooth-bookmarks DD.nav UL LI A:hover { border:1px solid #911b29; background:#aa2030; } #tooth-bookmarks DD UL LI A.active { border:1px solid #ff9900 !important; box-shadow:0px 0px 5px rgba(255,0,0,.75); } .toothbox .t-root { filter:url(#root-standard); -webkit-filter:url(#root-standard); } .toothbox .t-fill { display:none; } .toothbox .t-crown { filter:url(#crown-crown); -webkit-filter:url(#crown-crown); } .toothbox .tooth .signs .sign { position:relative; display:inline-block; width:20px; height:20px; vertical-align:middle; } .icon.crown, .sign.crown { background:url('../img/tooth/icon-crown.svg') no-repeat center center; background-size:cover; border:0 none; } .icon.crown-half, .sign.crown-half { background:url('../img/tooth/icon-crown-half.svg') no-repeat center center; background-size:cover; border:0 none; } .icon.crown-c, .sign.crown-c { background:url('../img/tooth/icon-crown-c.svg') no-repeat center center; background-size:cover; border:0 none; } .icon.crown-f, .sign.crown-f { background:url('../img/tooth/icon-crown-f.svg') no-repeat center center; background-size:cover; border:0 none; } .icon.parvr, .sign.parvr { background:url('../img/tooth/icon-parvr.svg') no-repeat center center; background-size:cover; border:0 none; } .icon.kldef, .sign.kldef { background:url('../img/tooth/icon-kldef.svg') no-repeat center center; background-size:cover; border:0 none; } .icon.pivot, .sign.pivot { background:url('../img/tooth/icon-pivot.svg') no-repeat center center; background-size:cover; border:0 none; } .icon.implant, .sign.implant { display:inline-block; position:relative; width:20px; height:20px; border:0 none; } .icon.implant:before, .sign.implant:before { content:"\f175"; position:absolute; top:0px; left:0; right:0; font:normal normal normal 8px/1 FontAwesome; text-align:center; } .icon.implant:after, .sign.implant:after { content:"+"; position:absolute; bottom:-8px; left:0; right:0; font-family:sans-serif; font-size:8px; text-align:center; } .sign.implant:before { top:-1px; } .sign.implant:after { bottom:-8px; } .signs .sign.implant:before { top:2px; } .signs .sign.implant:after { bottom:-4px; } .sign.implant:before, .sign.implant:after { font-size:10px; } .icon.skaz, .sign.skaz { position:relative; border:0 none; } .icon.skaz:after, .sign.skaz:after { content:"/"; position:absolute; top:0; bottom:0; left:0; right:0; font-size:110%; text-align:center; } .icon.medziclen, .icon.medziclen-f { display:inline-block; line-height:12px; font-style:normal; border:0 none !important; transform: rotate(90deg); -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg); filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1); } @media (min-height:900px) { #tab-dcross .tooth-boxes .toothbox .tooth { margin:10px 0; } #tab-dcross .tooth-boxes .toothbox .tooth IMG { max-width:50px; } #tab-dcross .tooth-boxes .toothbox .tooth .signs { min-height:50px; line-height:16px; } #tab-dcross .tooth-boxes .toothbox .tooth .dtooth { max-width:50px; } #tab-dcross .tooth-boxes .toothbox .tooth .t-layer { top:50px; max-width:50px; } #tab-dcross .tooth-boxes .toothbox-q1 .tooth .t-layer, #tab-dcross .tooth-boxes .toothbox-q2 .tooth .t-layer { top:50px; bottom:0; } #tab-dcross .tooth-boxes .toothbox-q3 .tooth .t-layer, #tab-dcross .tooth-boxes .toothbox-q4 .tooth .t-layer { top:0; bottom:50px; } } #tab-dcross .date-line, #tab-pcross .date-line { position:relative; float:left; display:flex; width:50%; margin:25px 0 0; padding:0; list-style-type:none; flex-direction:row-reverse; flex-wrap:nowrap; justify-content:space-between; align-items:stretch; align-content:flex-start; } #tab-dcross .date-line:after, #tab-pcross .date-line:after { content:""; position:absolute; top:0px; left:0; right:0; border-top:1px solid #c4cbd8; } #tab-dcross .date-line LI, #tab-pcross .date-line LI { display:block; margin-top:-12px; width:24px; height:24px; z-index:5; } #tab-dcross .date-line LI A, #tab-pcross .date-line LI A { display:block; width:24px; height:24px; background:#fff; text-decoration:none; } #tab-dcross .mdl-tabs__panel-buttons .mdl-button, #tab-pcross .mdl-tabs__panel-buttons .mdl-button { float:right; margin-top:8px; } #tab-planning .planning { position:relative; width:calc(100% - 100px); margin:25px 50px 0; } #tab-planning .planning .mdl-slider__container, #tab-planning .planning .mdl-slider__ie-container { width:100%; } #tab-planning .planning SPAN.now, #tab-planning .planning SPAN.future { position:absolute; top:0; width:50px; font-size:14px; text-align:center; } #tab-planning .planning SPAN.now { left:-50px; } #tab-planning .planning SPAN.future { right:-50px; } #tab-planning .mdl-tooltip { position:absolute !important; top:50px !important; left:50% !important; width:100px; margin-left:-45px !important; font-size:12px; transform:scale(1); -webkit-transform:scale(1); animation:initial !important; -webkit-animation:initial !important; } #tab-planning .mdl-tooltip:before { content:""; position:absolute; top:-5px; left:50%; margin-left:-5px; width:0; height:0; border-style:solid; border-width:0 5px 5px 5px; border-color:transparent transparent rgba(97,97,97,.9) transparent; } .dialogForm { height:100%; } .dialogForm.has-button-bar { height:calc(100% - 20px); } .dialogForm SMALL { color:#808b98; } .dialogForm .scroll { position:relative; height:calc(100% - 48px); } .dialogForm .scroll.has-buttons { height:calc(100% - 118px); } .openhours-box { display:table; width:100%; max-width:600px; } .openhours-box INPUT, .openhours-box SELECT { width:calc(100% - 10px); height:30px; line-height:24px; padding:4px 0 2px; border:0 none; border-bottom:2px solid #c4cbd8; } .openhours-box .openhours-row { display:table-row; padding:3px 5px; font-size:14px; } .openhours-box .openhours-row > * { display:table-cell; text-align:center; vertical-align:middle; } .openhours-box .openhours-header > * { height:30px; line-height:30px; border-bottom:1px solid #d3dae6; font-weight:600; text-align:center; } .openhours-box .openhours-move { width:30px; text-align:center; } .openhours-box .openhours-time { width:50px; text-align:center; } .openhours-box .openhours-func { width:50px; text-align:right; } .openhours-box .ui-state-highlight { height:30px; border:0 none; background:#03b8ec; } .rating-current STRONG, .rating-current I, .rating-rate I { display:inline-block; color:#febe04; vertical-align:middle; } .rating-current STRONG { color:#03b8ec; font-size:24px; } .rating-rate I { font-size:40px; } #image-thumb { height:140px; } .dialogImgPreview .mdl-dialog__actions { flex-wrap:nowrap; } .dialogImgPreview .mdl-dialog__actions .events { display:flex; width:100%; line-height:36px; flex-wrap:nowrap; } .dialogImgPreview .mdl-dialog__actions .events #previewZoomLvl { font-size:12px; font-weight:300; } .mdl-data-table #filter th { height:auto; } #filter INPUT, #filter SELECT { width:100%; height:24px; line-height:22px; color:#000; font-size:14px; font-weight:normal; } #frm-searchOrderForm .mdl-dialog__content { height:calc(100% - 73px); } #searchResult { height:250px !important; } #searchResult .item { line-height:22px; padding:10px 0; border-top:1px solid #ccc; } #searchResult .item SPAN { display:inline-block; vertical-align:middle; } #searchResult .item .icons, #searchResult .item .icons .material-icons { line-height:22px; font-size:14px; } #snippet--searchResult { width:calc(100% - 15px); } .ui-slider-horizontal { height:2px; margin-top:11px; background:rgba(0,0,0,.26); border:0 none; } .ui-slider .ui-slider-handle { width:24px; line-height:24px; height:24px; top:-11px; background:#03b8ec; border:0 none; border-radius:12px; color:#fff; font-size:11px; font-weight:bold; text-align:center; } .ui-slider .ui-slider-range { background:#03b8ec; border:0 none; } #odpvys { position:relative; padding:15px 7px 0 !important; background:rgba(3,184,236,0.1); } #odpvys:before { content:''; position:absolute; top:-15px; right:25px; width:0; height: 0; border-style:solid; border-width:0 15px 15px 15px; border-color:transparent transparent rgba(3,184,236,0.1) transparent; } #odpvys-send { position:relative; padding:15px 7px 0 !important; background:rgba(89,189,3,0.1); } #tin-recipe UL, #tin-aidrec UL { padding:0; list-style-type:none; } #tin-recipe UL LI, #tin-aidrec UL LI { display:inline-block; margin:0 5px 5px 0; padding:0 7px; border-radius:5px; color:#fff; cursor:default; background:#03b8ec; background: -moz-linear-gradient(top, #3a89c9 0%, #03b8ec 100%); background: -webkit-linear-gradient(top, #3a89c9 0%,#03b8ec 100%); background: linear-gradient(to bottom, #3a89c9 0%,#03b8ec 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a89c9', endColorstr='#03b8ec', GradientType=0 ); } #tin-recipe UL LI A, #tin-aidrec UL LI A { display:inline-block; margin-left:10px; } #tin-recipe UL LI A .material-icons, #tin-aidrec UL LI A .material-icons { color:#fff; font-size:12px; } #tin-doc501 .mdl-textfield { margin-bottom:-20px; } #ambulance-files { display:flex; flex-direction:row; flex-wrap:wrap; } #ambulance-files SPAN { position:relative; display:block; width:20%; padding:5px; } #ambulance-files SPAN IMG { width:100%; height:auto; } #ambulance-files SPAN A { position:absolute; top:0; right:0; padding:3px; } #pricelist-files { display:flex; flex-direction:row; flex-wrap:wrap; align-content:flex-start; } #pricelist-files SMALL { display:block; width:100%; } #pricelist-files SPAN { position:relative; display:block; width:20%; padding:5px; } #pricelist-files SPAN .icon { display:block; width:100%; height:auto; text-align:center; } #pricelist-files SPAN A.do-delete { position:absolute; top:0; right:0; padding:3px; color:#f00; } #pricelist-files SPAN A.do-delete:hover { color:#a00; } .custom-table { width:100%; } .custom-table .custom-table-header { padding:5px 0; border-bottom:2px solid #ccc; font-weight:bold; } .custom-table .custom-table-row { padding:2.5px 0; border-bottom:1px solid #ccc; } .custom-table .custom-table-header .mdl-cell, .custom-table .custom-table-header TD, .custom-table .custom-table-footer .mdl-cell, .custom-table .custom-table-footer TD { line-height:normal; padding:5px 0px; font-size:12px; font-weight:bold; vertical-align:middle; } .custom-table .custom-table-row .mdl-cell, .custom-table .custom-table-row TD { padding:2.5px 0px; } .custom-table .custom-table-header TD, .custom-table .custom-table-footer TD, .custom-table .custom-table-row TD { margin:0!important; padding:2.5px 5px; } .custom-table INPUT, .custom-table SELECT { padding:0 3px; border:1px solid #aaa; text-align:center; } .custom-table INPUT.cash-text { text-align:left; } #frm-cashForm INPUT[readonly] { color:#000; background-color:rgba(0,0,0,.05); } #doc-selector { margin-top:-2px; } #doc-selector .ui-accordion-content UL { display:flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:stretch; align-content:stretch; margin:0; padding:0; } #doc-selector .ui-accordion-content UL LI { display:inline-flex; flex-grow:1; width:100%; max-height:120px; line-height:16px; margin:0; padding:5px; list-style-type:none; } #doc-selector .ui-accordion-content UL LI .doc-sel { position:relative; display:block; width:100%; height:100%; padding:7px 10px 7px 40px; background:rgba(163,184,195,.5); color:#212121; text-align:left; text-decoration:none; } #doc-selector .ui-accordion-content UL LI .doc-sel:before { content:"\f15c"; position:absolute; top:50%; left:10px; margin-top:-10px; width:20px; height:20px; line-height:20px; color:#03b8ec; font:normal normal normal 18px/1 FontAwesome; text-align:center; } #doc-selector .ui-accordion-content UL LI .doc-sel:hover { color:#03b8ec; } #tin-hasdocument { margin:0 0 10px; padding:7px 15px; background:#03b8ec; color:#ffffff; } #recipeTable, #aidrecTable { width:100%; } #recipeTable TD, #aidrecTable TD { padding:0 5px; } #recipeTable TD:first-child, #aidrecTable TD:first-child { padding-left:0; } #recipeTable TD:last-child, #aidrecTable TD:last-child { padding-right:0; } #recipeTable .col-diag, #aidrecTable .col-diag { width:20%; } #recipeTable .col-drug, #aidrecTable .col-aid { font-size:14px; } #aidrecTable .col-count { width:10%; } #recipeTable .col-qntz, #aidrecTable .col-qntz { width:125px; } #recipeTable INPUT, #aidrecTable INPUT { width:100%; } #generika { position:relative; margin:0 0 10px; padding:5px; line-height:24px; background:#f5f5f5; } #generika #close-generika { position:absolute; display:block; top:5px; right:5px; width:20px; height:20px; line-height:20px; text-align:center; } #generika-list { width:100%; line-height:18px; } #generika-list .row1 { border-top:1px solid #a3b8c3; } #generika-list TD { font-size:12px; } #generika-list TD SPAN { font-size:11px; font-weight:400; } #insDoctorsAll { float:right; margin-top:-18px; font-size:12px; text-decoration:none; } .reportTable { width:100%; /* border:1px solid #a3b8c3; */ border-collapse:collapse; } .reportTable TD { padding:3px 5px; line-height:normal; border:1px solid #a3b8c3; } .reportTable THEAD TD { line-height:normal; background:#808898; color:#fff; font-size:12px; text-align:center; } .reportTable TFOOT TD { background:#f5f5f5; } .reportTable A { text-decoration:none; } LEGEND { margin-bottom:5px; } @media (max-width:1080px) { #sidebox { display:none !important; } BODY { padding-right:0!important; } #calendar HEADER .day .nday { width:40px; height:40px; line-height:40px; margin:-5px; font-size:28px; } #calendar HEADER .day .wday { font-size:13px; } #calendar HEADER .day .date { font-size:11px; } #sidebar--buttons { width:75px; zoom:0.9; } #content--doclist { width:calc(100% - 240px); } #sidebar--doclist { width:250px; zoom:0.9; } #snippet--doclist { width:100%; } } @media (max-width:960px) { .hide-tablet, #sidebox { display:none !important; } #content { padding:30px; } #content HEADER H2, #content HEADER .buttons, #content HEADER .search { padding:5px 10px; height:auto; } #content HEADER .buttons.no-border { padding-left:0; } #content.calendar { padding-left:50px; } #calendar .scroll { margin-left:-50px; } #calendar .hours { width:50px; } #calendar .hours .hour { padding-left:25px; } #calendar .hours .hour .nhour { width:25px; } #calendar .week.drboxw1 { width:calc(100% - 50px); } #calendar .week.drboxw2 { width:calc(50% - 25px); } #calendar .week.drboxw3 { width:calc(33.3333% - 16.6666px); } #calendar .week.drboxw4 { width:calc(25% - 12.5px); } #calendar .week.drboxw5 { width:calc(20% - 10px); } #calendar .week.drboxw6 { width:calc(16.6666% - 8.3333px); } #calendar .week.drboxw7 { width:calc(14.2857% - 7.142857px); } #calendar .week.drboxw8 { width:calc(12.5% - 6.25px); } #calendar .week.drboxw9 { width:calc(11.1111% - 5.5555px); } #calendar .week.drboxw10 { width:calc(10% - 5px); } #calendar .dday.drboxw1 { width:calc(100% - 50px); } #calendar .dday.drboxw2 { width:calc(50% - 25px); } #calendar .dday.drboxw3 { width:calc(33.3333% - 16.6666px); } #calendar .dday.drboxw4 { width:calc(25% - 12.5px); } #calendar .dday.drboxw5 { width:calc(20% - 10px); } #calendar .dday.drboxw6 { width:calc(16.6666% - 8.3333px); } #calendar .dday.drboxw7 { width:calc(14.2857% - 7.142857px); } #calendar .dday.drboxw8 { width:calc(12.5% - 6.25px); } #calendar .dday.drboxw9 { width:calc(11.1111% - 5.5555px); } #calendar .dday.drboxw10 { width:calc(10% - 5px); } #calendar HEADER .day .date { display:none; } #calendar HEADER .day .date-short { display:block; } #content.calendar .buttons .mdl-textfield { vertical-align:top; height:auto; } #content.calendar .buttons .mdl-textfield #calWeek { display:inline-block; float:left; width:75px; line-height:12px; margin-top:7px; font-size:11px; } #sidebar--doclist { display:none; } #content--doclist { width:calc(100% - 10px); } #tab-card .mdl-tabs__panel-buttons { width:100%; } } @media (max-width:770px) { .ml30 { margin-left:10px !important; } .hide-mobile, #user > SPAN, NAV#menu, NAV#menu .toggle-menu, .dashboard.has-banner #banner, #calendar HEADER .day.week .nday, BODY > HEADER .logo, #content.calendar .buttons #cal-today, #content.calendar .buttons #cal-prev, #content.calendar .buttons #cal-next, #content.calendar .buttons #cal-interval, #content.calendar .buttons #btnPrint, #content.calendar .buttons #btnOrder, #content.calendar .buttons #btnOrder SPAN, #content.calendar .buttons #btnOrderDeleted { display:none; } BODY > HEADER > H1 { left:70px; right:130px; } BODY, BODY.small-menu { padding:70px 0 0; } BODY.small-menu HEADER.bar H1 { left:150px; padding-left:10px; padding-right:60px; font-size:18px; } BODY.small-menu HEADER.bar H1 B { display:inline-block; line-height:20px; font-weight:500; } BODY > HEADER .logo { left:80px; width:70px; padding-left:60px; } #mobile-menu { display:inline-block; position:absolute; left:15px; top:15px; width:40px; height:40px; padding:0; overflow:initial; border-radius:20px; } #mobile-menu:after { content:""; position:absolute; top:-5px; bottom:-5px; right:-15px; border-right:1px solid #d4d9e5; } .mobile-menu { display:inline-block; } .mobile-menu .mdl-navigation__link { display:block; margin:0 -16px; padding:11px 24px 11px 16px; } .dashboard.has-banner .grid { width:100%; } #content HEADER .search:before { content:""; display:block; clear:both; } #content HEADER .search { float:left; margin-top:15px; clear:both; } #content.calendar > HEADER { position:relative; margin-left:-25px; padding-left:0px; } #calendar { height:calc(100% - 60px); margin-top:0; } #calendar HEADER .day .date-short { padding-top:2px; color:#03b8ec; font-size:14px; font-weight:bold; } HEADER .mdl-textfield SELECT.mdl-textfield__input { height:36px; line-height:25px; font-size:12px; } FOOTER { left:0; } #content HEADER .buttons { height:50px !important; } #content.calendar .buttons #cal-today { position:absolute; left:0px; top:-10px; bottom:-10px; width:30px; min-width:unset; height:calc(100% + 10px); line-height:60px; padding:0 5px; border-radius:0; border:0 none; background:#59bd03; color:#fff; } #content.calendar .buttons #cal-prev, #content.calendar .buttons #cal-next { position:absolute; top:-10px; bottom:-10px; width:25px; min-width:unset; height:calc(100% + 10px); padding:0 5px; border-radius:0; border:0 none; background:#03b8ec; color:#fff; } #content.calendar .buttons #cal-prev:hover, #content.calendar .buttons #cal-next:hover { background:#3a89c9 !important; } #content.calendar .buttons #cal-prev I, #content.calendar .buttons #cal-next I { color:#fff; } #content.calendar .buttons #cal-prev { left:-25px; } #content.calendar .buttons #cal-next { right:-15px; } #calendar HEADER { margin-left:-25px; padding-right:1px; width:calc(100% + 25px); } #calendar HEADER .day .nday { display:none; } #calendar HEADER .day.today { width:calc(14.2857% + 10px); height:45px; margin:-5px -5px 0; padding:10px 10px 0; background:rgba(0,143,236,1); } #calendar HEADER .day.today .nday { color:#fff; background:transparent; } #calendar HEADER .day .date-short { padding-top:0; text-align:right; } #calendar HEADER .day.today .date-short { margin-top:-10px; color:#fff; } #calendar HEADER #switch-cal-type { position:absolute; top:-40px; left:10px; } #calendar HEADER #switch-cal-type .fa-2x { font-size:1em; } #calendar .week .day.today { width:calc(14.2857% + 10px); margin:0 -5px; } #calendar .dday .day.today { width:100%; margin:0; } #calendar .order.today { width:calc(14.2857% + 8px); margin:0 -5px; } #calendar .order:hover, #calendar .order:active { /* width:auto !important; */ z-index:50 !important; } #content.calendar { padding-left:25px; } #calendar .scroll, #calendar .scroll-box { margin-left:-25px; } #calendar .hours { display:none; width:25px; } #calendar .hours .hour { padding-left:0; } #calendar .hours .hour .nhour { line-height:15px !important; margin-top:-1px; padding-top:1px; padding-left:2px; border-top:1px solid #000; font-size:12px; text-align:left; } #calendar .hours .hour .nhour:after { content:':'; } #calendar .hours .hour .min { line-height:15px; padding-top:15px; padding-right:3px; font-size:10px; text-align:right; } #calendar .week.drboxw1 { width:calc(100% + 0px); } #calendar .week.drboxw2 { width:calc(50% - 12.5px); } #calendar .week.drboxw3 { width:calc(33.3333% - 8.3333px); } #calendar .week.drboxw4 { width:calc(25% - 6.25px); } #calendar .week.drboxw5 { width:calc(20% - 5px); } #calendar .week.drboxw6 { width:calc(16.6666% - 4.16666px); } #calendar .week.drboxw7 { width:calc(14.2857% - 3.5714px); } #calendar .week.drboxw8 { width:calc(12.5% - 3.125px); } #calendar .week.drboxw9 { width:calc(11.1111% - 2.7777px); } #calendar .week.drboxw10 { width:calc(10% - 2.5px); } #calendar .dday.drboxw1 { width:calc(100% - 25px); } #calendar .dday.drboxw2 { width:calc(50% - 12.5px); } #calendar .dday.drboxw3 { width:calc(33.3333% - 8.3333px); } #calendar .dday.drboxw4 { width:calc(25% - 6.25px); } #calendar .dday.drboxw5 { width:calc(20% - 5px); } #calendar .dday.drboxw6 { width:calc(16.6666% - 4.16666px); } #calendar .dday.drboxw7 { width:calc(14.2857% - 3.5714px); } #calendar .dday.drboxw8 { width:calc(12.5% - 3.125px); } #calendar .dday.drboxw9 { width:calc(11.1111% - 2.7777px); } #calendar .dday.drboxw10 { width:calc(10% - 2.5px); } #calendar .week .day .min A SPAN { display:inline-block; width:calc(100% - 22px); line-height:13px; vertical-align:middle; } #calendar .week .day .min[class*='m0'] { height:31px; margin-top:-1px; padding-top:3px; border-top:1px solid #000; } #calendar .dday .day .min A SPAN { display:inline-block; width:calc(100% - 22px); line-height:13px; vertical-align:middle; } #calendar .dday .day .min[class*='m0'] { height:31px; margin-top:-1px; padding-top:3px; border-top:1px solid #000; } #content.calendar .buttons .mdl-textfield #calWeek { width:50px; height:24px; font-size:12px!important; overflow:hidden; } #content.calendar .buttons #calendar_view { max-width:60px; } } @media (max-width:480px) { .btn-logout, #content.calendar .buttons.cal-interval, #calendar HEADER .drcalbox-name, #calendar HEADER .day.dday .nday, #calendar HEADER .day .date-short, .filter-chars .c-filter, #tab-card .doc-items:before, #tab-card ARTICLE .datetime I, #tab-card ARTICLE:before, BODY.p-patients.m-detail > HEADER > H1 B, BODY.p-patients.m-detail > HEADER > H1 SPAN.description, BODY.p-patients.m-detail > HEADER > H1 SPAN SMALL, #content.patients > HEADER .buttons, #tab-card #btnPrint, #tab-card #btnAddVys, #tab-card #btnAddPS, #content.patient .mdl-tabs__tab[href='#tab-dcross'], #content.patient .mdl-tabs__tab[href='#tab-pcross'], #content.patient .mdl-tabs__tab[href='#tab-planning'], #content.patient .mdl-tabs__tab[href='#tab-files'], #content.patient .mdl-tabs__tab[href='#tab-documents'], #content.patient #snippet--doclist .frm-pages .mdl-select, #tab-card ARTICLE .data DIV.buttons { display:none; } BODY, BODY.small-menu { padding:50px 0 0 0; } BODY > HEADER { height:50px; } BODY > HEADER > * { padding:5px; } BODY > HEADER > H1 { height:50px; left:70px !important; right:75px; font-size:18px; } BODY > HEADER > H1 SPAN { display:inline-block; line-height:normal; font-size:16px; } #mobile-menu { top:5px; } #content HEADER H2, #content HEADER .buttons, #content HEADER .search { height:50px; padding-bottom:0; } /* .mdl-data-table TR TH:first-child, .mdl-data-table TR TD:first-child { display:none !important; } */ #user LI:last-child { display:block !important; } #content { padding:15px; } #content HEADER H2 { float:left; } #content HEADER .buttons:after { content:""; display:block; clear:both; } #content HEADER .actions { display:block; border-left:0 none; clear:both; } #calendar .scroll, #calendar .scroll-box { height:calc(100% - 25px); margin-right:-15px; padding-right:0; } #snippet--calendar { margin-right:0 !important; } #calendar HEADER #switch-cal-type { top:3px; } #calendar .week .day .min A I { display:none; } #calendar .week .day .min A SPAN { width:auto; padding:2px 0; line-height:11px; font-size:10px; } #calendar .week .day .min A SPAN:before { content:'+ '; display:inline-block; color:#03b8ec; font-size:12px; font-weight:bold; } #calendar .dday .day .min A I { display:none; } #calendar .dday .day .min A SPAN { width:auto; padding:2px 0; line-height:11px; font-size:10px; } #calendar .dday .day .min A SPAN:before { content:'+ '; display:inline-block; color:#03b8ec; font-size:12px; font-weight:bold; } #calendar HEADER { height:25px; } #calendar HEADER .day { height:25px; padding:5px 2px; text-align:center; } #calendar HEADER .day.today { width:calc(16.2857% + 5px); height:27.5px; margin:-2.5px -2.5px 0; } #calendar HEADER .day.dday { height:25px; padding:0px 2px; text-align:center; } #calendar HEADER .day.dday.today { height:25px; margin:0; padding:0; } #calendar HEADER .day .wday { position:absolute; top:2px; left:3px; width:auto; font-size:10px !important; } #calendar HEADER .day.dday .wday { left:5px; font-size:12px !important; line-height:20px; } #calendar HEADER .day .nday { display:block; right:3px; bottom:2px; width:auto !important; height:auto !important; line-height:normal !important; margin:0; font-weight:bold; font-size:12px !important; } #calendar HEADER .day.dday .date-short { position:absolute; display:block; top:2px; right:5px; font-size:12px; line-height:20px; } #calendar .week .day.today { width:calc(16.2857% + 5px); margin:0 -2.5px; } #calendar .dday .day.today { width:100%; margin:0; } #calendar .order.today { width:calc(14.2857% + 3px); margin:0 -2.5px; } #calendar .week .day .min { font-size:10px; } #calendar .dday .day .min { font-size:10px; } #calendar .mCSB_outside+.mCSB_scrollTools, #tab-card .mCSB_outside+.mCSB_scrollTools, .mdl-layout__content > .mCSB_outside+.mCSB_scrollTools, .mdl-dialog__content .mCSB_outside+.mCSB_scrollTools, .mdl-cell .mCSB_outside+.mCSB_scrollTools { right:0; } #content.patients HEADER .search { margin-top:0; padding-top:0; } .filter-chars .c-filter.t-filter { display:inline-block; } #content.patient .filterForm { padding:0 10px; } #content.patient .filterForm .mdl-grid { padding:0 8px; } #content.patient .filterForm .mdl-button { margin:0; } #content .frm-pages .page { padding:0 12px; } #snippet--doclist { height:calc(100% - 44px); } #tab-card .doc-items { padding:10px 25px 10px 10px; } #tab-card ARTICLE { margin-top:30px; margin-bottom:10px; } #tab-card ARTICLE .datetime { top:-25px; left:5px; width:90%; text-align:left; } #tab-card ARTICLE .datetime .date, #tab-card ARTICLE .datetime .time { display:inline-block; width:auto; } #tab-card ARTICLE .data DIV.doctor { width:65%; } #tab-card ARTICLE .data DIV.insurance { width:35%; } FOOTER { height:15px; line-height:15px; padding:0 15px; font-size:9px; } } @media (max-width:400px) { #calendar .week .day .min A SPAN:before, #calendar .dday .day .min A SPAN:before, #content.calendar .buttons #btnOrderSearch { display:none; } BODY.small-menu HEADER.bar H1 { font-size:14px; font-weight:400; } .form-login #content .form-wrap { width:97.5%; } } /*** MATERIAL DESIGN ***/ .material-icons { vertical-align:middle; } .mdl-dialog { position:absolute; max-width:95%; padding:0; border:0 none; background:#fff; box-shadow:20px 20px 50px rgba(0,0,0,.3); text-align:left; z-index:9999; } .mdl-dialog__title, H1.is-dialog-title { margin:0; padding:25px; border-bottom:1px solid #d3dae6; font-size:24px; } .mdl-dialog__content { padding:25px; color:#212121; } .mdl-dialog.mdl-dialog--with-buttons .mdl-dialog__title { padding:0 15px; background:#3db8ed; color:#fff; font-size:18px; font-weight:500; text-transform:uppercase; } .mdl-dialog.mdl-dialog--with-buttons .mdl-dialog__content { padding:15px 15px 90px; } .mdl-dialog.mdl-dialog--with-buttons .mdl-dialog__content.scroll { height:calc(100% - 150px); padding:20px 20px !important; } .mdl-dialog.mdl-dialog--with-buttons .mdl-dialog__actions { position:absolute; bottom:0; left:0; right:0; padding:20px; border-top:1px solid #d3dae6; } .mdl-layout__content.fixed { height:calc(100% - 70px); } .mdl-data-table TFOOT TH { padding:8px 15px !important; font-weight:500; white-space:normal; } .mdl-data-table__cell--multi-line.mdl-data-table__cell--multi-line { text-align:left; white-space:normal; } .mdl-textfield { position:relative; display:block; width:100%; margin:0; padding:15px 0 5px; font-size:16px; } .mdl-textfield { position:relative; display:block; width:100%; margin:0; padding:15px 0 5px; font-size:16px; } .mdl-textfield__label:after { bottom:5px; } .mdl-textfield .mdl-textfield__input { padding:0; border-top:1px dotted #c4cbd8; border-left:1px dotted #c4cbd8; border-right:1px dotted #c4cbd8; } .mdl-textfield .mdl-textfield__input:not(textarea):not(div) { height:25px; } .mdl-textfield .mdl-textfield__input.selectize-control { min-height:26px; height:auto; } .mdl-textfield.mdl-selectize-autoheight .mdl-textfield__input.selectize-control { height:auto; } .mdl-textfield.multi-line .mdl-textfield__input.selectize-control { height:auto; } .mdl-textfield .mdl-textfield__input.selectize-control .selectize-input .item { /* white-space:nowrap; */ } .dialogForm .mdl-textfield { margin-top:-15px; } .dialogForm .mdl-textfield:first-child { margin-top:0px; } .dialogForm .mdl-grid .mdl-textfield { margin-top:0px; } .buttons .mdl-textfield { display:inline-block; width:auto; height:70px; line-height:36px; margin:-17px 10px 0 0;} .mdl-textfield__label { z-index:2; } .mdl-textfield__label:after, .mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after { background-color:#03b8ec; } .mdl-textfield.checkbox-multi { overflow:hidden; } .mdl-textfield.checkbox-multi BR { display:none; } .mdl-textfield.checkbox-multi LABEL:first-child, .mdl-textfield.checkbox-multi BR + LABEL { display:block; float:left; width:50%; min-width:; line-height:24px; font-size:14px; } .mdl-textfield.checkbox-multi LABEL INPUT[type='checkbox'] { display:inline-block; width:30px; margin-top:5px; } .mdl-textfield__input { display:block; width:100%; margin:0; padding:4px 0; border:0 none; border-bottom:2px solid #c4cbd8; font-size:16px; text-align:left; } /* INPUT.mdl-textfield__input { height:30px; } */ .mdl-textfield__input[readonly] { color:#abb8c3; background:rgba(54,62,75,.05); } .mdl-textfield__input[disabled] { color:#abb8c3; background:rgba(44,51,63,.1); } .mdl-textfield--floating-label.is-dirty .mdl-textfield__label, .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label { color:#03b8ec; font-size:16px; } .mdl-textfield--floating-label.is-invalid .mdl-textfield__label { color:#f34235; font-size:12px; } .mdl-textfield--floating-label.is-dirty .mdl-textfield__label { top:-1px; font-size:12px; } .mdl-textfield--floating-label.is-focused .mdl-textfield__label { top:-1px; color:#03b8ec; font-size:12px !important; } .mdl-textfield--floating-label .mdl-textfield__label, .mdl-textfield--floating-label.do-dirty .mdl-textfield__label { top:-1px; font-size:12px; color:#03b8ec; } /* color:#c4cbd8; */ .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label { top:-1px; font-size:12px; color:#03b8ec; } HEADER .mdl-textfield SELECT.mdl-textfield__input { padding:5px 10px 6px; border:2px solid #c4cbd8; border-radius:18px; } HEADER .mdl-textfield--floating-label SELECT + .mdl-textfield__label, HEADER .mdl-textfield--floating-label .selectize-control + .mdl-textfield__label { top:-5px; } HEADER .mdl-textfield--floating-label SELECT + .mdl-textfield__label:after, HEADER .mdl-textfield--floating-label .selectize-control + .mdl-textfield__label:after { bottom:15px; } HEADER .mdl-textfield--floating-label.is-focused SELECT + .mdl-textfield__label, HEADER .mdl-textfield--floating-label.is-dirty SELECT + .mdl-textfield__label, HEADER .mdl-textfield--floating-label.has-placeholder SELECT + .mdl-textfield__label { top:-5px; } HEADER .mdl-textfield SELECT + .mdl-textfield__label:after { height:36px; border:2px solid #03b8ec; background:transparent !important; border-radius:18px; } .mdl-checkbox { height:auto; min-height:24px; } .mdl-checkbox.is-checked .mdl-checkbox__box-outline { border-color:#03b8ec; } .mdl-checkbox.is-checked .mdl-checkbox__tick-outline, .mdl-checkbox__ripple-container .mdl-ripple { background-color:#03b8ec; } LEGEND .mdl-switch, .mdl-switch.mdl-switch-inline { position:relative; width:auto; min-width:40px; top:-2px; } #frm-ticketForm-erecept-drug-box .selectize-dropdown { height:calc(100vh - 300px); max-width:100%; } #frm-ticketForm-erecept-drug-box .selectize-dropdown .selectize-dropdown-content { max-height:100%; } FIELDSET .fieldset-switch-content { display:none; } FIELDSET.active .fieldset-switch-content { display:block; } .mdl-slider { width:100%; margin:0; } .mdl-slider__background-flex { width:calc(100% - 12px); margin:0 6px; } .mdl-slider__container, .mdl-slider__ie-container { width:calc(100% - 100px); height:36px; line-height:36px; } .mdl-slider__ie-container { position:relative; } .rangeValue { position:absolute; top:0; right:-100px; width:100px; height:36px; line-height:36px; text-align:center; } .mdl-button { position:relative; line-height:32px; padding:0 15px; font-size:14px; border-radius:18px; text-transform:none; text-decoration:none; box-shadow:none; transition: all .5s ease-in-out; } .mdl-button[data-shortcut]:after { content:attr(data-shortcut); position:absolute; left:0; right:0; bottom:-12px; width:100%; font-size:10px; text-align:center; } .mdl-button .material-icons { margin-top:-2px; /* margin-left:-5px; */ } .mdl-button.mdl-button-small .material-icons { margin-top:-3px; margin-left:-5px; margin-right:-5px; font-size:17px; } .p-setup.m-services .mdl-button.mdl-button-small .material-icons { margin-top:3px; margin-left:-1px; } .mdl-button.mdl-button--icon { min-width:50px; padding:0 15px; border-color:#d3dae6 !important; } .mdl-button.mdl-button--icon:hover { border-color:#808b98 !important; background:transparent !important; } .mdl-button.mdl-button--icon .material-icons { margin-top:0; margin-left:0; color:#03b8ec; font-size:22px; } .mdl-button.mdl-button--circle { width:32px; min-width:0; height:32px; padding:0!important; border-radius:16px; text-align:center; } .mdl-button, .mdl-button--raised.mdl-button--colored { border:2px solid #03b8ec; background:transparent; color:#212121; } .mdl-button:hover, .mdl-button--raised.mdl-button--colored:hover, .mdl-button--raised.mdl-button--colored:focus:not(:active) { border:2px solid #03b8ec; background:#03b8ec; color:#fff; text-decoration:none; box-shadow:none; } .mdl-button--accent.mdl-button--accent.mdl-button--raised, .mdl-button--accent.mdl-button--accent.mdl-button--fab { line-height:32px; border:2px solid #03b8ec; color:#fff; background:#03b8ec; background: -moz-linear-gradient(left, #03b8ec 0%, #03b8ec 100%); background: -webkit-linear-gradient(left, #03b8ec 0%,#03b8ec 100%); background: linear-gradient(to right, #03b8ec 0%,#03b8ec 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03b8ec', endColorstr='#03b8ec',GradientType=1 ); } .mdl-button--accent.mdl-button--accent.mdl-button--raised:hover, .mdl-button--accent.mdl-button--accent.mdl-button--fab:hover, .mdl-button--raised.mdl-button--accent:focus:not(:active), .mdl-button--raised.mdl-button--fab:focus:not(:active) { border:2px solid #3a89c9; color:#fff; box-shadow:none; background:#03b8ec; background: -moz-linear-gradient(left, #3a89c9 0%, #03b8ec 100%); background: -webkit-linear-gradient(left, #3a89c9 0%,#03b8ec 100%); background: linear-gradient(to right, #3a89c9 0%,#03b8ec 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a89c9', endColorstr='#03b8ec',GradientType=1 ); } .mdl-button--raised.mdl-button--red { border:2px solid #df2b40; color:#fff !important; background:#df2b40; } .mdl-button--raised.mdl-button--red:hover { border:2px solid #bb2436; color:#fff !important; background:#df2b40; background: -moz-linear-gradient(left, #bb2436 0%, #df2b40 100%); background: -webkit-linear-gradient(left, #bb2436 0%,#df2b40 100%); background: linear-gradient(to right, #bb2436 0%,#df2b40 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bb2436', endColorstr='#df2b40',GradientType=1 ); } .mdl-button--raised.mdl-button--green { border:2px solid #59bd03; color:#fff !important; background:#59bd03; } .mdl-button--raised.mdl-button--green:hover { border:2px solid #459302; color:#fff !important; background:#59bd03; background: -moz-linear-gradient(left, #459302 0%, #59bd03 100%); background: -webkit-linear-gradient(left, #459302 0%,#59bd03 100%); background: linear-gradient(to right, #459302 0%,#59bd03 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#459302', endColorstr='#59bd03',GradientType=1 ); } .mdl-button--raised.mdl-button--orange { border:2px solid #ff9900; color:#fff !important; background:#ff9900; } .mdl-button--raised.mdl-button--orange:hover { border:2px solid #c57600; color:#fff !important; background:#ff9900; background: -moz-linear-gradient(left, #c57600 0%, #ff9900 100%); background: -webkit-linear-gradient(left, #c57600 0%,#ff9900 100%); background: linear-gradient(to right, #c57600 0%,#ff9900 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c57600', endColorstr='#ff9900',GradientType=1 ); } .mdl-button--raised.mdl-button--disabled, .mdl-button--raised[disabled][disabled], .mdl-button--raised.mdl-button--disabled.mdl-button--disabled, .mdl-button--raised.mdl-button--disabled:hover, .mdl-button--raised[disabled][disabled]:hover, .mdl-button--raised.mdl-button--disabled.mdl-button--disabled:hover { border:2px solid #808898; color:#fff !important; background:#808898; } .mdl-button.mdl-button-small { position:static; width:auto; height:24px; line-height:20px !important; padding:0 10px; font-size:12px; } .buttons .mdl-button.mdl-button-small { position:static; width:auto; height:28px; line-height:24px !important; padding:0 10px; font-size:12px; } .buttons-box .mdl-button.mdl-button-small { position:static; width:auto; height:28px; line-height:24px; padding:0 10px; font-size:12px; } .mdl-card__supporting-text { width:100%; height:193px; line-height:24px; } .mdl-layout__container { position:relative; height:100%; margin-top:0; background:#fff; box-shadow:0 0 20px rgba(0,0,0,0.2); } .has-filter .mdl-layout__container { height:calc(100% - 70px); margin-top:20px; } .layout-boxes .mdl-layout__container { height:auto; margin-top:20px; } .mCSB_container { min-height:100%; } .mdl-layout FIELDSET .mCSB_container { min-height:100%; padding:0px;} .mdl-layout .mCSB_container { padding:25px; } .mdl-tabs { position:relative; width:100%; height:calc(100% - 80px); margin-top:40px; background:#fff; overflow:hidden; box-shadow:0 0 20px rgba(0,0,0,0.2); } .dialogForm .mdl-tabs, .mdl-tabs.no-buttons { height:100%; } .dialogForm .mdl-grid .mdl-tabs { height:auto; margin-top:-20px; box-shadow:none; } .dialogForm .mdl-grid .mdl-tabs .mdl-tabs__panel { padding:15px 0 0; } .mdl-tabs.no-buttons { margin-top:0; } .mdl-tabs__tab-bar { position:relative; justify-content:flex-start; -webkit-justify-content:flex-start; -ms-flex-pack:flex-start; } .mdl-tabs__tab-bar A:hover { text-decoration:none; } .mdl-tabs__panel { position:relative; height:calc(100% - 30px); padding:15px 25px; background:#fff; } .dialogAddDoc .mdl-tabs__panel { padding:0; } .mdl-tabs__buttons, .mdl-tabs__panel-buttons { border-top:1px solid #e0e0e0; height:70px; line-height:50px; padding:10px 25px; text-align:right; } .mdl-tabs__panel-buttons { position:absolute; bottom:0; left:0; right:0; margin:0; border-top:0 none; z-index:20; box-shadow: 0 0 20px rgba(0,0,0,0.2); } @media (min-width:840px) { .mdl-cell--1_5-col, .mdl-cell--1_5-col-desktop.mdl-cell--1_5-col-desktop { width:calc(12.5% - 16px); } } @media (max-width:960px) { .has-filter .mdl-layout__container { height:calc(100% - 140px); } } @media (max-width:770px) { #content .mdl-data-table .mdl-button.mdl-button--raised { padding:0 10px; } .mdl-data-table.mdl-data-table--hide-button-text .mdl-button SPAN { display:none; } .mdl-button { padding:0 10px; } } @media (max-width:480px) { .has-filter .mdl-layout__container { height:calc(100% - 140px); margin-top:0; } .mdl-dialog { width:95% !important; height:95% !important; } .mdl-dialog.mdl-dialog--with-buttons .mdl-dialog__content { height:calc(100% - 83px); } .mdl-tabs__panel { height:calc(100% - 30px) !important; } .mdl-tabs__tab-bar, .mdl-tabs__tab { height:30px; line-height:30px; } .mdl-tabs__buttons, .mdl-tabs__panel-buttons { height:40px; } .mdl-tabs__panel-buttons { height:40px; line-height:40px; padding:0px 15px; } } .ui-datepicker { border:0 none; border-radius:0; box-shadow:0 20px 50px rgba(0, 0, 0, .3); } .ui-datepicker .ui-datepicker-header { border:0 none; background:transparent; } .ui-datepicker .ui-datepicker-title { height:28px; line-height:28px; font-size:14px; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top:9px; width:28px; height:28px; line-height:28px; border:0 none; background:transparent; cursor:pointer; border-radius:50%; transition:all .2s ease-in-out; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { background:#03b8ec; color:#fff; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-prev-hover { left:10px; } .ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-next-hover { right:10px; } .ui-datepicker .ui-datepicker-prev SPAN, .ui-datepicker .ui-datepicker-next SPAN { position:relative; top:0; left:0; width:auto; height:auto; margin:0 0 0 2px; background:none; font-family:'Material Icons'; font-size:24px; font-feature-settings:"liga" 1; text-indent:0px; text-rendering:optimizeLegibility; } .ui-datepicker .ui-datepicker-prev-hover SPAN, .ui-datepicker .ui-datepicker-next-hover SPAN { color:#fff; } .ui-datepicker .ui-datepicker-calendar { width:calc(100% - 2em); margin:0 1em; } .ui-datepicker .ui-datepicker-calendar TD A { position:relative; border:0 none; background:transparent; color:#212121; font-weight:500; text-align:center; z-index:1; } .ui-datepicker .ui-datepicker-calendar TD.ui-datepicker-today A { color:#03b8ec; } .ui-datepicker .ui-datepicker-calendar TD A.ui-state-active { color:#fff; } .ui-datepicker .ui-datepicker-calendar TD A.ui-state-active:before { content:""; position:absolute; top:50%; left:50%; width:26px; height:26px; margin:-13px 0 0 -13px; background:#03b8ec; border-radius:50%; z-index:-1; } .ui-datepicker .ui-datepicker-buttonpane { margin-top:0; border-top:0 none; } .ui-datepicker .ui-datepicker-buttonpane button { padding:5px 10px; border:0 none; background:transparent; color:#212121; font-size:14px; font-weight:600; text-transform:uppercase; } /*** PLUGINS & FIXES ***/ .tooltip { z-index:999999 !important; } LABEL, .label { margin-bottom:0; font-size:100%; font-weight:500; } .note-editor { margin-bottom:0; } .note-editor.note-frame { border:0 none; overflow:hidden; } .mdl-textfield .note-editor.note-frame { margin-top:0; margin-bottom:-20px; border-top:1px solid #d2d5e0; } .panel-default > .panel-heading { border:0 none; background-color:#f5f5f5; } .note-popover .popover-content, .panel-heading.note-toolbar, .note-editor.note-frame .note-statusbar { position:relative; box-shadow:0 0 20px rgba(0, 0, 0, .2); z-index:2; } .note-editor .dropdown-menu > li > a { text-decoration:none !important; } .note-editor .btn { margin:0; padding:5px 10px; background:#03b8ec; border:1px solid #ddd; border-radius:5px; cursor:pointer; } .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default { background-color:#03b8ec; border:1px solid #ddd; } .note-editor .btn:hover { background:rgba(3,184,236,.75); } .note-btn-group.note-style .tooltip.fade.bottom { display:none; } /* .note-btn-group.note-style .tooltip.fade.bottom .tooltip-inner { left } .note-btn-group.note-style .tooltip.fade.bottom .tooltip-arrow { left:15px !important; } */ .panel { border-radius:0; } #spinner-wrap, #spinner-local { position:fixed; display:none; top:0; bottom:0; left:0; right:0; background:rgba(0,0,0,.1); z-index:10000000; } #spinner-wrap #spinner-ajax, #spinner-local #spinner-loader { position:fixed; top:50%; left:50%; width:50px; height:50px; margin:-25px 0 0 -25px; background-color:#03b8ec; border-radius:100%; z-index:10000001; animation:sk-scaleout 1.0s infinite ease-in-out; -webkit-animation:sk-scaleout 1.0s infinite ease-in-out; } #spinner-local, #spinner-local #spinner-loader { position:absolute; } @keyframes sk-scaleout { 0% { transform:scale(0); -webkit-transform:scale(0); } 100% { opacity:0; transform:scale(1.0); -webkit-transform:scale(1.0); } } @-webkit-keyframes sk-scaleout { 0% { -webkit-transform:scale(0); } 100% { opacity:0; -webkit-transform:scale(1.0); } } .selectize-input > input { opacity:0; position:absolute; left:-10000px; } .selectize-input, .selectize-control.single .selectize-input.input-active { background:transparent !important; } .selectize-dropdown { width:calc(100% + 100px) !important; min-width:250px; max-width:500px; z-index:1000; } .dropdown-left .selectize-dropdown { left:auto!important; right:0!important; } .selectize-dropdown-content { line-height:16px; background:#f5f5f5; font-size:12px; } #frm-diagForm .selectize-dropdown, .col-drug .selectize-dropdown-content { width:100% !important; } .selectize-dropdown-content .item-icon { display:inline-block; width:50px; height:28px; line-height:20px; margin:-5px 10px -5px -5px; padding:4px 5px; background:rgba(3,184,236,0.1); text-align:center; } .selectize-dropdown-content .item-icon .icon { position:relative; display:inline-block; width:14px; height:14px; border:1px solid #2c333f; border-radius:4px; vertical-align:middle; } .selectize-trasparent .selectize-dropdown { background:rgba(245,245,245,0.75) !important; } .selectize-trasparent .selectize-dropdown-content { background:transparent !important; } .selectize-dropdown .active { background:rgba(58,137,201,.25) !important; } .selectize-trasparent .selectize-dropdown .active { background:rgba(58,137,201,.5) !important; } .dropdown-menu.dropdown-template { left:auto; right:0; max-height:200px; overflow:auto; } @media (max-width:770px) { .selectize-dropdown { width:calc(100% + 80px) !important; } } @media (max-width:480px) { .selectize-dropdown { width:calc(100% + 50px) !important; } } .item-icon .icon.seal { background:#000; } .item-icon .icon.seal.temp { background:#4a7d55; } .item-icon .icon.seal.compozit { background:#00cc00; filter:none; -webkit-filter:none; } .item-icon .icon.seal.amalgan { background:#656565; } .item-icon .icon.seal.glass { background:#62a7dd; } .item-icon .icon.seal.ceramic { background:#ea80e4; } .item-icon .icon.seal.gold { background:#d1ca7d; } .item-icon .icon.crown { background:#777; } .item-icon .icon.crown.ceramic { background:#ea80e4; } .item-icon .icon.crown.metalceramic { background:#c180ea; } .item-icon .icon.crown.metal { background:#b4b9c3; } .item-icon .icon.crown.fazet { background:#e98c62; } .item-icon .icon.crown.plast { background:#ff9900; } .item-icon .icon.carie { background:#f00; } .item-icon .icon.extraction { background:#fff; border:1px dashed #2c333f; } .ident-check { width:calc(100% - 30px); } .ident-check .check-state { position:absolute; display:block; display:none; top:25px; right:-30px; } .ident-check .check-w { color:#363e4b; } .ident-check .check-no { color:#febe04; } .ident-check .check-ch { color:#febe04; } .ident-check .check-ok { color:#59bd03; } .ident-check .check-er { color:#df2b40; } SPAN > .material-icons { color:#e3e9f5; } .app-box A { float:left; display:block; width:25%; line-height:normal; padding:0 10px 10px; font-size:10px; text-align:left; text-decoration:none; } .app-box A STRONG { display:block; font-size:12px; } .app-box A IMG { display:block; margin:0 auto 10px; } @media (max-width:770px) { .app-box A { width:33%; } } @media (max-width:480px) { .app-box A { width:50%; } } /*** SPECIAl PRINT ***/ .cash-doc { padding:20px; background:#fff; } .cash-doc TABLE TD { padding:15px; } .cash-doc .list TABLE TD { padding:3px 5px; } .cash-doc .list TABLE THEAD TD { border-bottom:1px solid #777; font-weight:bold; text-align:center; } .cash-doc .from .val { display:inline-block; padding:15px 10px 5px; line-height:30px; border-bottom:1px dotted #333; } .cash-doc .from DIV.val { display:block; } .cash-doc .from SPAN.val { display:inline-block; } .cash-doc .val { font-size:18px; } .cash-doc .sign { line-height:75px; border-bottom:1px dotted #333; } .print-doc { padding:0; background:#fff; } .print-doc H3 { margin:0 0 10px; color:#000; font-weight:bold; } .print-doc TABLE TD { padding:3px 20px 3px 0; } .print-doc UL, .print-doc OL { margin-top:0; margin-bottom:0; } .report-doc { padding:20px; background:#fff; } .report-doc TABLE TD { padding:15px; } .report-doc .list TABLE TD { padding:3px 5px; } .report-doc .list TABLE THEAD TD { font-weight:bold; text-align:center; } .report-doc .from .val { display:inline-block; padding:15px 10px 5px; line-height:30px; border-bottom:1px dotted #333; } .report-doc .from DIV.val { display:block; } .report-doc .from SPAN.val { display:inline-block; } .report-doc .val { font-size:18px; } .report-doc .sign { line-height:75px; border-bottom:1px dotted #333; } @media print { THEAD { display:table-header-group; } TFOOT { display:table-footer-group; } } .small-menu NAV#menu UL LI#is-status { display:none; } NAV#menu UL LI#is-status { height:auto; padding:5px 10px; line-height:25px; border-bottom:0 none; cursor:default; } NAV#menu UL LI#is-status:hover { background-color:transparent !important; } NAV#menu UL LI#is-status DIV { } NAV#menu UL LI#is-status DIV SPAN { display:inline-block; vertical-align:middle; } NAV#menu UL LI#is-status DIV > SPAN { width:50px; line-height:20px; padding:5px 0 0; font-size:12px; color:#fff; font-weight:500; } NAV#menu UL LI#is-status DIV:not(.insurance-2500) > SPAN { text-transform:capitalize; } NAV#menu UL LI#is-status DIV SPAN.ins-is-state { position:relative; width:15px; padding:5px 0 0; font:normal normal normal 14px/1 FontAwesome; text-align:center; } NAV#menu UL LI#is-status DIV SPAN.ins-is-state[data-state='-1']:before { content:" "; display:inline; color:#a3b8c3; } NAV#menu UL LI#is-status DIV SPAN.ins-is-state[data-state='0']:before { content:"\f00d"; display:inline; color:#df2b40; } NAV#menu UL LI#is-status DIV SPAN.ins-is-state[data-state='1']:before { content:"\f00c"; display:inline; color:#abeb73; } NAV#menu UL LI#is-status DIV SPAN.ins-is-state[data-state='2']:before { content:"\f12a"; display:inline; color:#febe04; } NAV#menu UL LI#is-status DIV SPAN.month-points { position:relative; width:40px; line-height:15px; padding:10px 2px 0; font-size:12px; font-weight:600; text-align:center; } NAV#menu UL LI#is-status DIV SPAN.month-points:before { content:attr(data-month); position:absolute; display:block; top:0; left:0; right:0; height:10px; line-height:10px; text-align:center; font-size:9px; font-weight:300; } NAV#menu UL LI#is-lights, #is-lights { height:auto; padding:5px; line-height:30px; border-bottom:0 none; cursor:default; } .form-login #is-lights { line-height:20px; } NAV#menu UL LI#is-lights:hover, #is-lights:hover { background-color:transparent !important; } #is-lights I.fa { position:relative; color:#cccccc; } #is-lights I.fa[data-state='on'] { color:#00ff00; } #is-lights I.fa[data-state='off'] { color:#ff0000; } #is-lights I.fa[data-state='load'] { color:#ffcc00; } #is-lights I.fa[data-state='read'] { color:#00ff00; } #is-lights I.fa .is-light-spinner { display:none !important; } #is-lights I.fa[data-state='load'] .is-light-spinner, #is-lights I.fa[data-state='read'] .is-light-spinner { display:block !important; } #is-lights #is-light-vpn { position:absolute; bottom:-3px; right:-2px; font-size:10px; color:#f90; } .is-light-spinner { position:absolute; display:block; left:-4px; bottom:-10px; margin:auto; box-sizing:border-box; background-clip:padding-box; width:24px; height:24px; border-radius:24px; border:3px solid rgba(255, 255, 255, 0.1); -webkit-mask:linear-gradient(rgba(0, 0, 0, 0.1), #000000 90%); transform-origin:50% 60%; transform:perspective(200px) rotateX(66deg); animation:spinner-wiggle 1.2s infinite; } .is-light-spinner:before, .is-light-spinner:after { content:""; position:absolute; margin:-4px; box-sizing:inherit; width:inherit; height:inherit; border-radius:inherit; opacity:.05; border:inherit; border-color:transparent; animation:is-light-spinner-spin 1.2s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, is-light-spinner-fade 1.2s linear infinite; } .is-light-spinner:before { border-top-color: #ffcc00; } .is-light-spinner:after { border-top-color:#ffcc00; animation-delay:0.3s; } @keyframes is-light-spinner-spin { 100% { transform:rotate(360deg); } } @keyframes is-light-spinner-fade { 20% { opacity:.1; } 40% { opacity: 1; } 60% { opacity:.1; } } .dialogPopupWindow .mdl-dialog__content .content { width:100% !important; margin:0 !important; } #ncziEvLog > DIV { position:relative; padding:5px 10px; font-size:12px; line-height:normal; } #ncziEvLog > DIV:before { content:""; position:absolute; top:7px; left:0; width:0; height:0; border-style:solid; border-width:5px 0 5px 5px; border-color:transparent transparent transparent #03b9ec; } #sip-log { position:fixed; bottom:calc(100% - 31px); left:50%; width:300px; min-height:90px; background:#fff; border:1px solid #03b8ec; border-radius:0 0 5px 5px; z-index:99999; } #sip-log.showed { top:-1px; bottom:auto; } #sip-log #sip-log-title { padding:0px 10px; height:30px; line-height:30px; border-radius:0 0 5px 5px; background:#03b8ec; color:#fff; font-size:14px; } #sip-log #sip-log-title A { color:#fff; text-decoration:none; } #sip-log #sip-log-title .fa { display:inline-block; width:20px; margin-right:5px; color:#fff; text-align:center; } #sip-log #sip-log-title #sip-missed { display:block; float:right; height:30px; line-height:30px; color:#f00; font-size:16px; } #sip-log #sip-log-title #sip-missed .material-icons { color:#f00; font-size:16px; } #sip-log #sip-log-msg { padding:2.5px 10px; min-height:60px; font-size:13px; } .sip-patient-row { line-height:26px; } #sipPatient .sip-patient-row { line-height:36px; } .sip-patient-row .mdl-button { display:block; float:right; margin:0 0 0 5px; vertical-align:middle; font-size:14px; } .sip-patient-row .mdl-button I { display:inline-block; width:20px; vertical-align:middle; font-size:14px; text-align:center; } .labVysledok { margin:5px 0; width:100%; border-collapse:collapse; border-color:#ccc; font-size:12px; } .labVysledok TD { padding:1px 3px; line-height:normal; } .labVysledok .title { width:25%; } .labVysledok .value { width:15%; text-align:center; white-space:nowrap; } .labVysledok .desc { width:45%; } #repTable { width:calc(100% - 20px); } #repTable TH { white-space:nowrap; } #repTable TH { padding:2px 4px; } #repTable TD { padding:2px 4px; } #repTable .selectize-control { border:1px solid #aaa; padding:2px 0; min-width:75px; width:100%; max-width:200px; } #repTable INPUT, #repTable SELECT { min-width:75px; width:100%; max-width:200px; } #VKmessages { padding:0 35px 0 15px; } #VKmessages .item { position:relative; margin-top:10px; border-radius:10px; } #VKmessages .item:before { content:''; position:absolute; top:0; } #VKmessages .item.t-patient { background:rgba(3,184,236,.25); border-top-right-radius:0px; } #VKmessages .item.t-patient:before { right:-15px; width:0; height:0; border-style:solid; border-width:15px 15px 0 0; border-color:rgba(3,184,236,.25) transparent transparent transparent; } #VKmessages .item.t-main { background:rgba(89,189,3,.25); border-top-left-radius:0px; } #VKmessages .item.t-main:before { left:-15px; width:0; height:0; border-style:solid; border-width:0 15px 15px 0; border-color:transparent rgba(89,189,3,.25) transparent transparent; } #VKmessages .item .message { padding:10px 15px 3px; } #VKmessages .item .message .questions { margin:0 0 5px; border-bottom:1px dotted #333; overflow:hidden; } #VKmessages .item .message .questions P { float:left; width:50%; line-height:normal; margin:0; padding:0 0 5px; font-size:14px; } #VKmessages .item .message .questions P.w-full { float:none; width:100%; clear:both; } #VKmessages .item .message .questions P EM { font-size:12px; } #VKmessages .item .files { padding:0 15px 10px; font-size:14px; } #VKmessages .item .files A { text-decoration:none; } #VKmailForm, #VKmailForm-status { padding:15px 35px 5px 15px; } #VKmailForm #cMessage { width:100%; height:200px; } #VKmailForm #VKformSend { float:right; } #printDocFrame1 { position:relative; width:210pt; height:297pt; margin:0 auto; padding:10pt; border:1px solid #333; background:#f5f5f5; } #printDocFrame1 .prnHeader { height:20pt; margin-bottom:5pt; border:1px dotted #3a89c9; } #printDocFrame1 .prnContent { height:252pt; border:1px solid #3a89c9; } #printDocFrame1 #prnLine { position:absolute; width:100%; height:10pt; margin:0 -10pt; border:2px solid #03b8ec; border-bottom:0 none; background:#a3b8c3; cursor:n-resize; } #printDocFrame1 #prnLine:before { content:attr(data-top); position:relative; display:block; top:-20px; color:#000; font-size:12px; text-align:center; } #printDocFrame2 { width:210pt; height:297pt; margin:0 auto; padding:10pt; border:1px solid #333; background:#f5f5f5; } #printDocFrame2 .prnHeader { height:20pt; margin-bottom:5pt; border:1px dotted #3a89c9; } #printDocFrame2 .prnContent { height:111pt; border:1px solid #3a89c9; } #printDocFrame2 .prnContent.mB { margin-bottom:5pt; } .tblInsReport { width:100%; border-collapse:collapse; } .tblInsReport THEAD, .tblInsReport THEAD TH, .tblInsReport THEAD TD { text-align:center; } .tblInsReport TD, .tblInsReport TH { padding:2px 5px; } .tblInsReport TD.ac { text-align:center; } .tblInsReport TD.ar { text-align:right; } .tblInsReport TD.bt { border-top:2px solid #000; } .tblInsReport TD.bb { border-bottom:2px solid #000; } .tblInsReport TD.bl { border-left:2px solid #000; } .tblInsReport TD.br { border-right:2px solid #000; } .textTemplates { position:absolute; top:0; right:0; font-size:12px; max-width:50%; } .table-small { width:100%; line-height:normal; } .table-small.table-border { border-collapse:collapse; } .table-small TH { padding:2px 5px; text-align:center; } .table-small TD { padding:2px 5px; } .ui-multiselect-menu { position:relative; background:#fff; border-radius:0px 5px 5px 5px; box-shadow:0 0 20px rgba(0,0,0,0.2); } .ui-multiselect-menu .ui-multiselect-header { position:absolute; right:0; z-index:3; border-radius:5px 5px 5px 5px; } .ui-multiselect-menu .ui-multiselect-checkboxes { background:#fff; border-radius:0px 5px 5px 5px; } .ui-multiselect-menu .ui-multiselect-checkboxes A { text-decoration:none; } .ui-autocomplete.ui-front.ui-menu { min-width:200px; background:#fff; border:0 none; border-radius:0px 5px 5px 5px; box-shadow:0 0 20px rgba(0,0,0,0.2); } .ui-autocomplete.ui-front.ui-menu .ui-menu-item { padding:0; border-bottom:1px dotted #777; line-height:normal; } .ui-autocomplete.ui-front.ui-menu .ui-menu-item:last-child { border:0 none !important; } .ui-autocomplete.ui-front.ui-menu .ui-menu-item A { display:block; line-height:normal; border-top:3px solid #fff; border-bottom:3px solid #fff; border-left:5px solid #fff; border-right:5px solid #fff; } .ui-autocomplete.ui-front.ui-menu .ui-menu-item A.ui-state-focus { border-top:3px solid #03b8ec; border-bottom:3px solid #03b8ec; border-left:5px solid #03b8ec; border-right:5px solid #03b8ec; } .setupMenu .header { padding-top:10px; padding-bottom:10px; } .setupMenu DIV[data-iditem] { position:relative; margin-bottom:10px !important; padding:10px 15px 60px; background:#fff; border:1px solid #ccc; text-align:center; cursor:pointer; } .setupMenu DIV[data-iditem] STRONG { display:block; margin-bottom:10px; text-align:center; } .setupMenu DIV[data-iditem] SMALL { display:block; line-height:normal; font-size:12px; text-align:left; } .setupMenu DIV[data-iditem] A.btn-detail { position:absolute; bottom:10px; left:50%; transform:translate(-50%, 0); } .tooltip-arrow { display:block!important; width:0 !important; } .tooltip-inner { line-height:normal!important; } .tooltip.left .tooltip-arrow { top:50%!important; } UL.css-dropdown { position:absolute; height:auto; line-height:40px; max-height:150px; margin:-2px 0 0; padding:0; border:1px solid #c4cbd8; overflow:auto; z-index:9; } UL.css-dropdown:before { content:"\f107"; position:absolute; display:block; top:50%; right:0; width:20px; height:40px; line-height:40px!important; margin-top:-20px; text-align:center; font:normal normal bold 16px/1 FontAwesome; cursor:pointer; z-index:-1; } UL.css-dropdown LI { width:100%; padding:0px 20px 0 10px; z-index:2; white-space:nowrap; overflow:hidden; cursor:pointer; } UL.css-dropdown LI:not(.init) { float:left; width:100%; height:20px; line-height:20px; display:none; background:#fff; } UL.css-dropdown LI:not(.init):hover, UL.css-dropdown LI.selected:not(.init) { background: #ccc; } UL.css-dropdown LI.init { position:absolute; top:0; left:0; cursor:pointer; } UL.css-dropdown LI A { display:block; width:100%; text-decoration:none; color:#323232; } .btn-submenu { position:relative; display:inline-block; /* z-index:50; */ } .btn-submenu > UL { display:none; position:absolute; top:100%; left:0; margin:0; padding:0; border:1px solid #777; border-radius:5px; background:#fff; box-shadow:10px 10px 20px rgba(119,119,119,.25); list-style-type:none; z-index:10; overflow:hidden; } .btn-submenu.submenu-left > UL { left:auto; right:0; } .btn-submenu > UL LI { margin:0; padding:0; display:block; text-align:left; } .btn-submenu > UL LI A { display:block; padding:3px 10px; color:#212121; text-decoration:none; white-space:nowrap; } .btn-submenu > UL LI A:hover { background:#3db8ed; color:#fff; } .btn-submenu:hover > UL { display:block; } ::-webkit-scrollbar { width:10px; height:10px; background-color:transparent; } ::-webkit-scrollbar-button { width:10px; height:5px; line-height:20px; background-color:transparent; margin:5px 0; text-align:center; cursor:pointer; } /* ::-webkit-scrollbar-button:single-button { position:relative; display:block; background-color:#f5f5f5; width:16px; height:20px; } ::-webkit-scrollbar-button:single-button:vertical:decrement { border-width:0 8px 8px 8px; border-color:transparent transparent #03b8ec transparent; } ::-webkit-scrollbar-button:single-button:vertical:decrement:hover { border-color:transparent transparent #3a89c9 transparent; } ::-webkit-scrollbar-button:single-button:vertical:increment { margin-top:3px; border-width:8px 8px 0 8px; border-color:#03b8ec transparent transparent transparent; } ::-webkit-scrollbar-button:single-button:vertical:increment:hover { border-color:#3a89c9 transparent transparent transparent; } */ ::-webkit-scrollbar-thumb { width:10px; height:10px; background-color:#03b8ec; border:0px solid #f5f5f5; border-radius:5px; cursor:pointer; } ::-webkit-scrollbar-track, ::-webkit-scrollbar-track-piece { width:10px; border:0px solid #f5f5f5; background-color:#aaddec; border-radius:5px; box-shadow:inset 0 0 5px rgba(0, 0, 0, 0.5); } ::-webkit-scrollbar-corner { background:transparent; }