/* 100 - thin 200 - extra-light 300 - light 400 - normal 500 - medium 600 - semi-bold 700 - bold 800 - exta-bold 900 - ultra-bold */ @import url('./tooths'); * { 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 0 0 200px; background:#f5f5f5; transition:all 0.5s ease-in-out; } BODY.small-menu { padding:70px 0 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; } 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; } .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; } .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 { position:relative; } .cell-bg:before { content:""; position:absolute; top:-10px; bottom:10px; left:-10px; right:-10px; z-index:-1; } .cell-bg-full:before { content:""; position:absolute; top:-10px; bottom:-10px; left:-10px; right:-10px; z-index:-1; } .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 { font-weight:500; } BODY > HEADER > H1 SPAN { font-weight:500; } BODY > HEADER > H1 SPAN.description { display:block; margin-top:-5px; line-height:normal; color:#212121; font-size:14px; font-weight:400; } 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; } #mobile-menu { display:none; } .mobile-menu { clip:inherit !important; } NAV#menu { position:fixed; top:70px; bottom:0; left:0; width:200px; padding:10px 0 70px; } 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:60px; line-height:60px; margin:0; padding:0; border-bottom:1px solid #37abd9; overflow:initial; opacity:1; } NAV#menu A { position:relative; display:block; padding:10px 10px 10px 60px; height:60px; 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:60px; line-height:60px; font-size:2em; 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 { 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 24px 12px 16px; text-decoration:none; white-space:nowrap; } .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:10101; 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:"-"; } FOOTER { position:fixed; bottom:0; left:200px; right:0; height:30px; line-height:20px; padding:5px 25px; z-index:0; } .small-menu FOOTER { left:70px; } #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:300px; height:250px; } .grid .mdl-card .mdl-card__title { height:57px; line-height:24px; border-bottom:1px solid #ccc; } .grid .mdl-card .mdl-card__title A { text-decoration:none; } .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 HEADER:after { content:""; display:block; clear:both; } #content HEADER H2, #content HEADER .buttons, #content HEADER .search { display:block; float:left; height:50px; line-height:40px; padding:5px 20px; } #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 { position:relative; height:100%; padding:20px 30px 30px 20px; } #content.calendar { padding-top:10px; padding-left:55px; } #content.dashboard { padding-top:0; } #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 .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; } #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:6px; min-width:36px; height:36px; line-height:24px; text-align:center; } #content .frm-pages .paging.num { min-width:24px; padding:6px 0; } #content .frm-pages .paging.active { font-weight:700; } #content .frm-pages .page { padding:6px 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 { 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 { height:100%; } #snippet--doclist { width:calc(100% - 300px); height:100%; } #sidebar--doclist { position:absolute; right:0px; top:79px; bottom:0px; width:300px; background:#fff; border-left:1px solid #03b6ec; z-index:20; } #plan-table TBODY TD { padding-top:0; padding-bottom:0; } #tab-card .mdl-tabs__panel-buttons { width:calc(100% - 300px); } .mdl-tabs__panel .scroll-box { height:calc(100% - 29px); padding:0; overflow:auto; overflow-x:hidden; } #tab-card .scroll-box { margin:-25px; } #tab-card .doc-items { margin:0px; padding:25px 25px 25px 190px; } #tab-card .doc-items:before { content:""; position:absolute; top:78px; bottom:0px; left:145px; border-left:2px solid #c4cbd8; z-index:0; } #tab-card ARTICLE { position:relative; margin:0 0 35px; padding:0; border:1px solid #d2d5e0; transition:all .5s linear; } #tab-card ARTICLE:last-child { margin-bottom:0; } #tab-card ARTICLE:before, #tab-card ARTICLE:after { content:""; position:absolute; width:0; height:0; } #tab-card ARTICLE:before { top:19px; left:-11px; border-style:solid; border-width:10px 10px 10px 0; border-color:transparent #d2d5e0 transparent transparent; } #tab-card ARTICLE:after { top:19px; left:-10px; border-style:solid; border-width:10px 10px 10px 0; border-color:transparent #ffffff transparent transparent; } #tab-card ARTICLE .datetime { position:absolute; top:5px; left:-160px; width:140px; padding:5px 60px 5px 0; } #tab-card ARTICLE .datetime .material-icons { 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 .material-icons.new { background:#abb8c3; } #tab-card ARTICLE .datetime .material-icons.doc { background:#59bd03; } #tab-card ARTICLE .datetime .date, #tab-card ARTICLE .datetime .time { display:block; height:20px; line-height:20px; color:#03b8ec; font-size:14px; text-align:right; } #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 { display:table; padding:5px 20px; 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.doctor { width:25%; } #tab-card ARTICLE .data DIV.insurance { width:15%; } #tab-card ARTICLE .data DIV.buttons { width:25%; line-height:48px; text-align:right; white-space:nowrap; } #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; } #files { margin:0; padding:0; list-style-type:none; } #files LI { float:left; width:100px; height:120px; 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:20px; line-height:20px background:#fafafa; } #files LI .dz-details .dz-filename span { padding:0; } #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; } .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; } #calendar { height:calc(100% - 55px); 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-bottom:1px solid #a3b8c3; border-right:1px solid #a3b8c3; font-size:11px; text-align:center; white-space:nowrap; overflow:hidden; } #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%; } #calendar HEADER .day .nday { position:absolute; display:block; bottom:5px; right:5px; width:30px; height:30px; line-height:30px; color:#03b8ec; font-size:24px; text-align:center; border-radius:15px; } #calendar HEADER .day.wday6 .nday, #calendar HEADER .day.wday7 .nday { width:20px; height:20px; line-height:20px; font-size:16px; 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 { display:block; color:#212121; font-size:12px; } #calendar HEADER .day.wday6 .wday, #calendar HEADER .day.wday7 .wday { font-size:11px; } #calendar HEADER .day .date, #calendar HEADER .day .date-short { color:#808b98; font-size:12px; } #calendar HEADER .day .date-short { display:none; } #calendar HEADER .day .holiday { position:absolute; display:block; left:2px; bottom:0px; width:calc(100% - 4px); line-height:normal; color:#df2b40; font-size:8px; font-weight:500; overflow:hidden; } #calendar HEADER .day.today { width:calc(16.2857% + 5px); height:45px; margin:-5px -2.5px 0; padding:5px 5px 0; border-right:0 none; 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 { color:#fff; 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 { position:relative; height:calc(100% - 60px); margin:0 -20px 0 -55px; padding:0 20px 0 0; overflow:auto; } /*#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); } #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 { background:#c4cbd8; color:rgba(54,62,75,1); } #calendar .week .day .min:hover A { display:block; } #calendar .week .day .min.disabled, #calendar .week .day .min.disabled:hover { background:rgba(250,250,250,.75); color:rgba(54,62,75,0.2); cursor:default; } #calendar .week .day .min.disabled:hover A { display:none; } #calendar .week .day .ohours { position:absolute; left:0; right:0; background:rgba(61,184,236,.1); z-index:-1; } #calendar .week .day.today .ohours { 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); } #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 #d3dae6; 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 #363e4b; } #calendar .dday:last-of-type .day { border-right:1px solid #d3dae6; } #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 { background:#c4cbd8; color:rgba(54,62,75,1); } #calendar .dday .day .min:hover A { display:block; } #calendar .dday .day .min.disabled, #calendar .dday .day .min.disabled:hover { background:rgba(250,250,250,.75); color:rgba(54,62,75,0.2); cursor:default; } #calendar .dday .day .min.disabled:hover A { display:none; } #calendar .dday .day .ohours { position:absolute; left:0; right:0; background:rgba(61,184,236,.1); z-index:-1; } #calendar .dday .day.today .ohours { z-index:-1; } #calendar .dday .day.today { margin:0; border-right:0 none; 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:9; } #calendar .order { position:absolute; display:block; width:calc(16.2857% - 2px); z-index:3; } #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:15; } #calendar .order.wday6.today, #calendar .order.wday7.today { width:calc(9.2857% + 13px); } #calendar .order.dday.today { width:100%; margin:0; z-index:15; } #calendar .order.vys-blocked { z-index:3; } #calendar .order.vys-blocked.today { z-index:13; } #calendar .order .box { position:absolute; width:100%; height:100%; line-height:24px; padding:2px 5px; border:1px solid #fff; 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:20px; width:200px; height:0; line-height:18px; margin:-2px -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 * { 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 { 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; } #calendar .order:hover { height:auto !important; z-index:18; box-shadow:0px 0px 10px #03b8ec; } #calendar .order.today:hover { height:auto !important; z-index:18; } #calendar .order.vys-blocked:hover { z-index:14; } #calendar .order.vys-blocked.today:hover { z-index:14; } #calendar .order:hover .list { display:block; height:0; } #calendar .order:hover .detail { display:block; border:1px solid #000; height:auto; overflow:visible; } #calendar .order:hover .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 .order.wday6:hover .detail:before, #calendar .order.wday7:hover .detail:before { left:100%; border-width:10px 0 10px 10px; border-color:transparent transparent transparent #000000; } #calendar .order:hover .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; } #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 .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 .drcalbox { float:left; height:100%; } #calendar .drcalbox.drboxw1 { width:100%; } #calendar .drcalbox.drboxw2 { width:50%; } #calendar .drcalbox.drboxw3 { width:33.3333%; } #calendar .drcalbox.drboxw4 { width:25%; } #calendar .drcalbox.drboxw5 { width:20%; } #calendar .drcalbox.drboxw6 { width:16.6666%; } #calendar .drcalbox.drboxw7 { width:14.2857%; } #calendar .drcalbox.drboxw8 { width:12.5%; } #calendar .drcalbox.drboxw9 { width:11.1111%; } #calendar .drcalbox.drboxw10 { width:10%; } #calendar .week.drboxw1, #calendar .dday.drboxw1 { width:calc(100% - 55px); } #calendar .week.drboxw2, #calendar .dday.drboxw2 { width:calc(50% - 27.5px); } #calendar .week.drboxw3, #calendar .dday.drboxw3 { width:calc(33.3333% - 18.3333px); } #calendar .week.drboxw4, #calendar .dday.drboxw4 { width:calc(25% - 13.75px); } #calendar .week.drboxw5, #calendar .dday.drboxw5 { width:calc(20% - 11px); } #calendar .week.drboxw6, #calendar .dday.drboxw6 { width:calc(16.6666% - 9.1666px); } #calendar .week.drboxw7, #calendar .dday.drboxw7 { width:calc(14.2857% - 7.857px); } #calendar .week.drboxw8, #calendar .dday.drboxw8 { width:calc(12.5% - 6.875px); } #calendar .week.drboxw9, #calendar .dday.drboxw9 { width:calc(11.1111% - 6.1111px); } #calendar .week.drboxw10, #calendar .dday.drboxw10 { width:calc(10% - 5.5px); } #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 { 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-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-dblue { background:#3a89c9 !important; color:#fff !important; } .vys-lblue { background:#03b8ec !important; color:#000 !important; } .vys-cyan { background:#00ced1 !important; color:#000 !important; } .vys-lgreen { background:#99ff66 !important; color:#000 !important; } .vys-green { background:#59bd03 !important; color:#000 !important; } .vys-dgreen { background:#006600 !important; color:#fff !important; } .vys-yellow { background:#fef504 !important; color:#000 !important; } .vys-orange { background:#ff9900 !important; color:#000 !important; } .vys-brown { background:#9c790e !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-red * { color:#000 !important; } .vys-dred * { color:#fff !important; } .vys-lpurple * { color:#000 !important; } .vys-purple * { color:#fff !important; } .vys-dblue * { color:#fff !important; } .vys-lblue * { color:#000 !important; } .vys-cyan * { color:#000 !important; } .vys-lgreen * { color:#000 !important; } .vys-green * { color:#000 !important; } .vys-dgreen * { color:#fff !important; } .vys-yellow * { color:#000 !important; } .vys-orange * { color:#000 !important; } .vys-brown * { color:#fff !important; } .vys-silver * { color:#000 !important; } .vys-lblack * { color:#fff !important; } .vys-black * { color:#fff !important; } #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 A#tooth-switch { position:absolute; display:none; top:50%; right:0; margin-top:-20px; } .tooth-boxes .allow-switch { position:relative; padding-right:50px; } .tooth-boxes .allow-switch A#tooth-switch { display:block; } .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-q1 .hdTooth, .tooth-boxes .toothbox-q2 .hdTooth, .tooth-boxes .toothbox-q1 .elTooth, .tooth-boxes .toothbox-q2 .elTooth { padding:20px 0 0 0; } .tooth-boxes .toothbox-q3 .hdTooth, .tooth-boxes .toothbox-q4 .hdTooth, .tooth-boxes .toothbox-q3 .elTooth, .tooth-boxes .toothbox-q4 .elTooth { padding:0 0 20px 0; } .tooth-boxes .toothbox-q1 .elTooth:before, .tooth-boxes .toothbox-q2 .elTooth:before, .tooth-boxes .toothbox-q3 .elTooth:before, .tooth-boxes .toothbox-q4 .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 .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 { position:relative; margin:5px 0; } .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: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 .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-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; } .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:baseline; } #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.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:2px; } .sign.implant:after { bottom:-5px; } .sign.implant:before, .sign.implant:after { font-size:12px; } .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) { .tooth-boxes .toothbox .tooth { margin:10px 0; } .tooth-boxes .toothbox .tooth IMG { max-width:50px; } .tooth-boxes .toothbox .tooth .signs { min-height:50px; line-height:16px; } .tooth-boxes .toothbox .tooth .dtooth { max-width:50px; } .tooth-boxes .toothbox .tooth .t-layer { top:50px; max-width:50px; } .tooth-boxes .toothbox-q1 .tooth .t-layer, .tooth-boxes .toothbox-q2 .tooth .t-layer { top:50px; bottom:0; } .tooth-boxes .toothbox-q3 .tooth .t-layer, .tooth-boxes .toothbox-q4 .tooth .t-layer { top:0; bottom:50px; } } #tab-dcross .date-line, #tab-pcross .date-line { position:relative; float:left; width:50%; margin:25px 0 0; padding:0; list-style-type:none; } #tab-dcross .date-line:after, #tab-pcross .date-line:after { content:""; position:absolute; top:0px; left:10%; right:10%; border-top:1px solid #c4cbd8; } #tab-dcross .date-line LI, #tab-pcross .date-line LI { position:absolute; display:block; 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; } #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; } .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-footer .mdl-cell { line-height:normal; padding:5px 0; font-size:12px; font-weight:bold; vertical-align:middle; } .custom-table .custom-table-row .mdl-cell { padding:2.5px 0; } .custom-table INPUT { padding:0 3px; border:1px solid #aaa; text-align:center; } .custom-table INPUT.cash-text { text-align:left; } #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:33.33333%; 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:30px 10px 5px; background:rgba(163,184,195,.5); color:#212121; text-align:center; text-decoration:none; } #doc-selector .ui-accordion-content UL LI .doc-sel:before { content:"\f15c"; position:absolute; top:7px; left:10px; right:10px; 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:10px 0px; padding:10px 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; } .reportTable { width:100%; border:1px solid #a3b8c3; border-collapse:collapse; } .reportTable TD { padding:3px 5px; border:1px solid #a3b8c3; } .reportTable THEAD TD { text-align:center; background:#808898; color:#fff; font-size:12px; } .reportTable TFOOT TD { background:#f5f5f5; } @media (max-width:1080px) { #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--doclist { width:200px; top:87px; zoom:0.9; } #snippet--doclist { width:calc(100% - 180px); } } @media (max-width:960px) { .hide-tablet { 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; } #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; } #snippet--doclist { width:auto; margin-right:-25px; } #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, #content.calendar .buttons #cal-prev, #content.calendar .buttons #cal-next, #content.calendar .buttons #btnOrder SPAN { display:none; } 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 .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; } #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; } #calendar HEADER .day.today { width:calc(14.2857% + 10px); height:65px; margin:-5px -5px 0; padding:10px 10px 0; } #calendar HEADER #switch-cal-type { position:absolute; top:30px; left:-20px; } #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 { width:auto !important; z-index:50 !important; } #content.calendar { padding-left:25px; } #calendar .scroll { margin-left:-25px; } #calendar .hours { 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% - 25px); } #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:45px; } } @media (max-width:480px) { .btn-logout, #content.calendar .buttons.cal-interval { display:none; } /* .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 { height:calc(100% - 40px); margin-right:-15px; padding-right:15px; } #snippet--calendar { margin-right:0 !important; } #calendar HEADER #switch-cal-type { top:10px; } #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:40px; } #calendar HEADER .day { height:40px; padding:5px 2px; text-align:center; } #calendar HEADER .day.dday { height:20px; padding:0px 2px; text-align:center; } #calendar HEADER .day.today { width:calc(14.2857% + 5px); height:42.5px; margin:-2.5px -2.5px 0; } #calendar HEADER .day.dday.today { height:20px; margin:0; padding:0; } #calendar HEADER .day .wday { font-size:13px; } #calendar HEADER .day.dday .wday { float:left; font-size:11px; } #calendar HEADER .day.dday .nday { width:30px; height:20px; line-height:20px; margin:0; bottom:0; right:0; font-size:13px; } #calendar HEADER .day .date-short { font-size:11px; } #calendar .week .day.today { width:calc(14.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; } } @media (max-width:400px) { BODY.small-menu HEADER.bar H1 { font-size:14px; font-weight:400; } #calendar .week .day .min A SPAN:before { display:none; } #calendar .dday .day .min A SPAN:before { display:none; } .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:20px; background:#3db8ed; color:#fff; font-size:24px; } .mdl-dialog.mdl-dialog--with-buttons .mdl-dialog__content { padding:20px 20px 98px; } .mdl-dialog.mdl-dialog--with-buttons .mdl-dialog__content.scroll { height:calc(100% - 150px); padding:20px 20px; } .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:20px 0; font-size:16px; } .dialogForm .mdl-textfield { margin-top:-15px; } .dialogForm .mdl-textfield:first-child { margin-top:0px; } .dialogForm .mdl-grid .mdl-textfield { margin-top:-15px; } .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[disabled] { color:#abb8c3; } .mdl-textfield--floating-label.is-dirty .mdl-textfield__label, .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label { color:#c4cbd8; font-size:16px; } .mdl-textfield--floating-label.is-invalid .mdl-textfield__label { color:#f34235; font-size:16px; } .mdl-textfield--floating-label.is-dirty .mdl-textfield__label { font-size:12px; } .mdl-textfield--floating-label.is-focused .mdl-textfield__label { color:#03b8ec; font-size:12px !important; } .mdl-textfield--floating-label.do-dirty .mdl-textfield__label { top:4px; color:#c4cbd8; font-size:12px; } 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; } 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 { line-height:32px; padding:0 20px; font-size:14px; border-radius:18px; text-transform:none; text-decoration:none; box-shadow:none; transition: all .5s ease-in-out; } .mdl-button .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 { min-width:40px; height:40px; border-radius:20px; } .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:36px; border:0 none; 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:0 none; 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:0 none; color:#fff !important; background:#df2b40; } .mdl-button--raised.mdl-button--red:hover { border:0 none; 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:0 none; color:#fff !important; background:#59bd03; } .mdl-button--raised.mdl-button--green:hover { border:0 none; 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:0 none; color:#fff !important; background:#ff9900; } .mdl-button--raised.mdl-button--orange:hover { border:0 none; 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:0 none; color:#fff !important; background:#808898; } .mdl-button.mdl-button-small { position:static; width:auto; height:24px; line-height:24px !important; padding:0 10px; font-size:12px; } .buttons .mdl-button.mdl-button-small { position:static; width:auto; height:28px; line-height:28px !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 .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%; } .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% - 48px); padding:25px; background:#fff; } .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); } } .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 { margin-top:-20px; margin-bottom:-20px; border:0 none; border-top:1px solid #d2d5e0; overflow:hidden; } .panel-default > .panel-heading { border:0 none; background-color:#fff; } .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 .btn { padding:10px 12.5px; border:0 none; border-radius:0; cursor:pointer; } .panel { border-radius:0; } #spinner-wrap { 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 { 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; } @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; z-index:1000; } .selectize-dropdown-content { line-height:16px; background:#f5f5f5; font-size:12px; } .col-drug .selectize-dropdown-content { width:400px; } .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:#03b8ec; } .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; } .dialogPopupWindow .mdl-dialog__content .content { width:100% !important; margin:0 !important; }