/* Minification failed. Returning unminified contents. (742,30): run-time error CSS1036: Expected expression, found '&' (1178,77): run-time error CSS1062: Expected semicolon or closing curly-brace, found '' */ /* *, html, body, p, h1, h2, h3, h4, h5, h6, h7, ol, ul, li, form, fieldset, input, textarea, table, tr, th, td { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } fieldset, img { border:none; } ol, ul { list-style:none; } */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } /* Remember focus styles! */ :focus { outline: 0; } body { line-height: 1; color: black; background: white; } ol, ul { list-style: none; } /* Tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } /*blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; }*/ /* HTML 5 elements as block */ header, footer, section, aside, nav, article, figure { display:block; margin:0; padding:0; } /* * jQuery UI CSS Framework * Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute; left: -99999999px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } /* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix { height:1%; } .ui-helper-clearfix { display:block; } /* end clearfix */ .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* * jQuery UI CSS Framework * Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS,%20Tahoma,%20Verdana,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=6px&bgColorHeader=ffffff&bgTextureHeader=23_fine_grain.png&bgImgOpacityHeader=15&borderColorHeader=d4d1bf&fcHeader=453821&iconColorHeader=b83400&bgColorContent=eceadf&bgTextureContent=23_fine_grain.png&bgImgOpacityContent=10&borderColorContent=d9d6c4&fcContent=1f1f1f&iconColorContent=222222&bgColorDefault=f8f7f6&bgTextureDefault=23_fine_grain.png&bgImgOpacityDefault=10&borderColorDefault=cbc7bd&fcDefault=654b24&iconColorDefault=b83400&bgColorHover=654b24&bgTextureHover=23_fine_grain.png&bgImgOpacityHover=65&borderColorHover=654b24&fcHover=ffffff&iconColorHover=ffffff&bgColorActive=eceadf&bgTextureActive=23_fine_grain.png&bgImgOpacityActive=15&borderColorActive=d9d6c4&fcActive=140f06&iconColorActive=8c291d&bgColorHighlight=f7f3de&bgTextureHighlight=23_fine_grain.png&bgImgOpacityHighlight=15&borderColorHighlight=b2a266&fcHighlight=3a3427&iconColorHighlight=3572ac&bgColorError=b83400&bgTextureError=23_fine_grain.png&bgImgOpacityError=68&borderColorError=681818&fcError=ffffff&iconColorError=fbdb93&bgColorOverlay=6e4f1c&bgTextureOverlay=16_diagonal_maze.png&bgImgOpacityOverlay=20&opacityOverlay=60&bgColorShadow=000000&bgTextureShadow=16_diagonal_maze.png&bgImgOpacityShadow=40&opacityShadow=60&thicknessShadow=5px&offsetTopShadow=0&offsetLeftShadow=-10px&cornerRadiusShadow=18px */ /* Component containers ----------------------------------*/ .ui-widget { /*font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em;*/ box-shadow:2px 2px 1px rgba(0, 0, 0, 0.2); } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { /*font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em;*/ } .ui-widget-content { border: 1px solid #ccc; background:#fff; color: #333; } .ui-widget-content a { color: #1f1f1f; } .ui-widget-header { /*border: 1px solid #d4d1bf; background: #ffffff url(../images/jquery.ui/ui-bg_fine-grain_15_ffffff_60x60.png) 50% 50% repeat; color: #453821; font-weight: bold;*/ text-transform:uppercase; } .ui-widget-header a { color: #453821; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { /*border: 1px solid #cbc7bd; background: #f8f7f6 url(../images/jquery.ui/ui-bg_fine-grain_10_f8f7f6_60x60.png) 50% 50% repeat; font-weight: bold; color: #654b24;*/ } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #654b24; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { /*border: 1px solid #654b24; background: #654b24 url(../images/jquery.ui/ui-bg_fine-grain_65_654b24_60x60.png) 50% 50% repeat; font-weight: bold; color: #ffffff;*/ } .ui-state-hover a, .ui-state-hover a:hover { color: #ffffff; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { background:#1B77BD; color:#fff; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #140f06; text-decoration: none; } .ui-widget :active { outline: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #b2a266; background: #f7f3de url(../images/jquery.ui/ui-bg_fine-grain_15_f7f3de_60x60.png) 50% 50% repeat; color: #3a3427; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #3a3427; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #681818; background: #b83400 url(../images/jquery.ui/ui-bg_fine-grain_68_b83400_60x60.png) 50% 50% repeat; color: #ffffff; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #ffffff; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; background-image: url(../images/jquery.ui/ui-icons_222222_256x240.png); } .ui-widget-content .ui-icon {background-image: url(../images/jquery.ui/ui-icons_222222_256x240.png); } .ui-widget-header .ui-icon {background-image: url(../images/jquery.ui/ui-icons_1b77bd_256x240.png); } .ui-state-default .ui-icon { background-image: url(../images/jquery.ui/ui-icons_1b77bd_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(../images/jquery.ui/ui-icons_5fa0d1_256x240.png); } .ui-state-active .ui-icon {background-image: url(../images/jquery.ui/ui-icons_8c291d_256x240.png); } .ui-state-highlight .ui-icon {background-image: url(../images/jquery.ui/ui-icons_3572ac_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(../images/jquery.ui/ui-icons_fbdb93_256x240.png); } /* positioning */ .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-off { background-position: -96px -144px; } .ui-icon-radio-on { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; } .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; } .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } .ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; } .ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } .ui-corner-right { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } .ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } .ui-corner-all { border-radius:4px; } /* Overlays */ .ui-widget-overlay { background: #6e4f1c url(../images/jquery.ui/ui-bg_diagonal-maze_20_6e4f1c_10x10.png) 50% 50% repeat; opacity: .60;filter:Alpha(Opacity=60); } .ui-widget-shadow { margin: 0 0 0 -10px; padding: 5px; background: #000000 url(../images/jquery.ui/ui-bg_diagonal-maze_40_000000_10x10.png) 50% 50% repeat; opacity: .60;filter:Alpha(Opacity=60); -moz-border-radius: 18px; -webkit-border-radius: 18px; border-radius: 18px; }/* Resizable ----------------------------------*/ .ui-resizable { position: relative;} .ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;} .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/* Accordion ----------------------------------*/ .ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; } .ui-accordion .ui-accordion-li-fix { display: inline; } .ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; } .ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; } /* IE7-/Win - Fix extra vertical space in lists */ .ui-accordion a { zoom: 1; } .ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; } .ui-accordion .ui-accordion-content-active { display: block; }/* Autocomplete ----------------------------------*/ .ui-autocomplete { position: absolute; cursor: default; } .ui-autocomplete-loading { background: white url('images/ui-anim_basic_16x16.gif') right center no-repeat; } /* workarounds */ * html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */ /* Menu ----------------------------------*/ .ui-menu { list-style:none; padding: 2px; margin: 0; display:block; } .ui-menu .ui-menu { margin-top: -3px; } .ui-menu .ui-menu-item { margin:0; padding: 0; zoom: 1; float: left; clear: left; width: 100%; } .ui-menu .ui-menu-item a { text-decoration:none; display:block; padding:.2em .4em; line-height:1.5; zoom:1; } .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; } /* Button ----------------------------------*/ .ui-button { display:inline-block; position:relative; padding:0; margin-right:.1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; border-radius: 4px 4px 4px 4px; } /* the overflow property removes extra width in IE */ .ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */ button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */ .ui-button-icons-only { width: 3.4em; } button.ui-button-icons-only { width: 3.7em; } /*button text element */ .ui-button .ui-button-text { display:block; line-height: 1.2; } .ui-button-text-only .ui-button-text { padding: .3em 1em; } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .3em; text-indent: -9999999px; } .ui-button-text-icon .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .3em 1em .3em 2.1em; } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } /* no icon support for input elements, provide padding by default */ input.ui-button { /*padding: 0.2em 1em;*/ } /*button icon element(s) */ .ui-button-icon-only .ui-icon, .ui-button-text-icon .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } .ui-button-text-icon .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; } .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } /*button sets*/ .ui-buttonset { margin-right: 7px; } .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } /* workarounds */ button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */ /* Dialog ----------------------------------*/ .ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; } .ui-dialog .ui-dialog-titlebar { padding: .5em 1em .3em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .2em 0; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; } .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; } .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; } .ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; } .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } /* Slider ----------------------------------*/ .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width:16px; height:16px; cursor: default; background:#1B77BD; transition-duration:80ms; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } .ui-slider-horizontal { height:8px; background:#fff; box-shadow:none; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; cursor:pointer; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; }/* Tabs ----------------------------------*/ .ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; } /* Datepicker ----------------------------------*/ /*.ui-datepicker { width: 22em; padding: .2em .2em 0; display:none; z-index:20 !important; }*/ /* Removed z-index because it is conflict with jquery theme css*/ .ui-datepicker { width: 22em; padding: .2em .2em 0; display:none; } .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top:5px; width:24px; height:24px; cursor:pointer; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { } .ui-datepicker .ui-datepicker-prev { left:2px; } .ui-datepicker .ui-datepicker-next { right:2px; } .ui-datepicker .ui-datepicker-prev-hover { } .ui-datepicker .ui-datepicker-next-hover { } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; } .ui-datepicker select.ui-datepicker-month-year {width: 100%;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%;} .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; border: 0; } .ui-datepicker td { border:solid 1px #fff; padding: 1px; background:#ccc; font-size:11px; } .ui-datepicker td.ui-datepicker-unselectable { background:#fff; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-tpicker-grid-label td { background:#fff; } .ui-datepicker .ui-state-highlight { border:none; background:#fff; } .ui-datepicker .ui-state-active { border:none; background:#1B77BD; color:#fff; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; font-weight:normal; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { display:none; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width:auto; } .ui-datepicker-multi .ui-datepicker-group { float:left; } .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } .ui-datepicker-row-break { clear:both; width:100%; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } .ui-datepicker-rtl .ui-datepicker-group { float:right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover { display: none; /*sorry for IE5*/ display/**/: block; /*sorry for IE5*/ position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ } /* TimePicker ----------------------------------*/ .ui-timepicker-div .ui-widget-header { margin-bottom:12px; background:#4D4D4D; color:#fff; font-size:18px; font-family:RobotoLight; } .ui-timepicker-div dl { text-align: left; height:100px; } .ui-timepicker-div dl dt { height: 25px; padding-left:0.5em; } .ui-timepicker-div dl dd { margin: -25px 10px 10px 65px; } .ui-timepicker-div td { font-size: 90%; } .ui-timepicker-div .ui-tpicker-grid-label td:hover { color:#1B77BD; } .ui-timepicker-div .ui_tpicker_time { font-size:18px; font-family:RobotoLight; } /* Progressbar ----------------------------------*/ .ui-progressbar { height:2em; text-align: left; } .ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; } /* Common stylesheet for all pages */ /******************/ /* General Styles */ /******************/ html, body { /*background:#f8f8f0;*/ background:#fff; color:#333; } body { font:12px RobotoRegular; position:relative; } body.no-scroll { overflow:hidden; } a { color:#1B77BD; text-decoration:none; transition:all 800ms linear; } a:hover { text-decoration:underline; transition:all 300ms ease; cursor: pointer; } img { transition:all 800ms linear; } img:hover { transition:all 300ms ease; } hr { margin:1em 0; padding:0; height:0; overflow:hidden; border:none; border-top:dotted 1px #dcdcdc; background:none; } h1, h2, h3, h4, h5, h6 { margin-bottom:1em; font-family:RobotoLight; } h1 { font-size:100%; } h2 { font-size:18px; } h3 { font-size:14px; text-transform:uppercase; } h4 { font-size:100%; } h5 { font-size:100%; } h6 { font-size:100%; } input[type="text"], input[type="password"], input[type="search"], input[type="url"], input[type="tel"], input[type="email"], input[type="datetime"], input[type="date"], input[type="time"], input[type="number"] { height:22px; } input[type="text"], input[type="password"], input[type="search"], input[type="url"], input[type="tel"], input[type="email"], input[type="datetime"], input[type="date"], input[type="time"], input[type="number"], textarea, select { font:100% RobotoRegular; padding:2px; border:solid 1px #ccc; vertical-align:top; } input[type="text"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="url"]:focus, input[type="tel"]:focus, input[type="email"]:focus, input[type="datetime"]:focus, input[type="date"]:focus, input[type="time"]:focus, input[type="number"]:focus, textarea:focus, select:focus { background-color:#fefeff; } input[readonly] { background:#eee; } input[readonly]:focus { background:#eee; } input[type="date"], input.date { background:#fff url('/console/assets/images/controls/field-date.svg') no-repeat right center; background-size:contain; padding-right:28px; cursor:pointer; } input.date:focus { background:#ffc url('/console/assets/images/controls/field-date.svg') no-repeat right center; background-size:contain; } input.time { background:#fff url('/console/assets/images/controls/field-time.svg') no-repeat right center; background-size:contain; padding-right:28px; cursor:pointer; } input.time:focus { background:#ffc url('/console/assets/images/controls/field-time.svg') no-repeat right center; background-size:contain; } input.datetime { background:#fff url('/console/assets/images/controls/field-date.svg') no-repeat right center; background-size:contain; padding-right:28px; cursor:pointer; } input.datetime:focus { background:#ffc url('/console/assets/images/controls/field-date.svg') no-repeat right center; background-size:contain; } input.selected { background-color:#eef; } textarea[readonly="readonly"] { background:#eee; } teaxarea[readonly="readonly"]:focus { background:#eee; } div.field-select { } select { cursor:default; -webkit-appearance:none; -moz-appearance:none; height:28px; background:#fff url('/console/assets/images/controls/field-select.svg') no-repeat right center; background-size:contain; padding-right:28px; cursor:pointer; } select { -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; } select::-ms-expand { display:none; } select option { vertical-align:middle; display:block; position:relative; padding:5px 0 4px; } select option[disabled]:first-child { display:none; } select[multiple] { height:auto; background:none; line-height:28px; min-height:28px; padding-right:2px; } select[multiple] option { padding:5px 4px 4px; display:block; } option[disabled=disabled] { background:#ccc; color:#999; } option.blank { color:#999; font-style:italic; } button, button[disabled]:hover { display:inline-block; font-family:RobotoMedium; font-size:12px; background-color:#1B77BD; color:#fff; cursor:pointer; height:30px; line-height:32px; padding:0 16px; margin-right:8px; border:none; border-radius:4px; /*box-shadow:2px 2px 1px rgba(0, 0, 0, 0.2);*/ text-transform:uppercase; transition:background-color 800ms ease; } button:active, button:hover { color:#fff; background-color:#5FA0D1; transition:background-color 300ms ease; } button[disabled] { background:#bbb; color:rgba(255,255,255,0.6); text-shadow:-1px -1px 0 rgba(0,0,0,0.2); } button[disabled]:hover { background:#bbb; color:rgba(255,255,255,0.6); text-shadow:-1px -1px 0 rgba(0,0,0,0.2); cursor:not-allowed; } button.icon { background:none; padding:0; margin:0; border:none; border-radius:0; } button.patient { background-color:#f60; } button.patient:hover { background-color:#f90; } button::-moz-focus-inner { padding:0; border: 0 none; } button:active { /*transform:translate(2px, 2px); box-shadow:1px 1px 0 rgba(0, 0, 0, 0.4);*/ transition:background-color 300ms ease; } button.text { font-size:12px; line-height:28px; width:auto; padding:0 8px; text-indent:0; } button.add { background-image:url('../images/controls/button-add.svg'); } button.edit { background-image:url('../images/controls/button-edit.svg'); } button.delete { background-image:url('../images/controls/button-delete.svg'); } button.save { background-image:url('../images/controls/button-save.svg'); } button.cancel { background-image:url('../images/controls/button-cancel.svg'); } button.submit { background-image:url('../images/controls/button-out.svg'); } button.accept { background-image:url('../images/controls/button-accept.svg'); } button.deny { background-color:#FC4236; background-image:url('../images/controls/button-deny.svg'); } button.search { background-image:url('/console/assets/images/icons/patient-browser-search.svg'); } button.browse { background-image:url('/console/assets/images/icons/patient-browser-browse.svg'); } button.stoptime { background-image:url('/console/assets/images/icons/stopclock.png'); } button.starttime { background-image:url('/console/assets/images/icons/startclock.png'); } button.message-user { background-image:url('../images/controls/button-message-user.svg'); } button.next { background-image:url('../images/controls/button-next.svg'); } button.back { background-image:url('../images/controls/button-prev.svg'); } button.history { background-image:url('../images/controls/button-history.svg'); } button.list { background-image:url('../images/controls/button-list.svg'); } button.snooze { background-image:url('../images/controls/button-snooze.svg'); } button.complete { background-image:url('../images/controls/button-complete.svg'); } button.menu { background-image:url('../images/controls/button-dropdown.svg'); } button.excel { background-image:url('../images/controls/button-excel.svg'); } button[data-tooltip]:before { pointer-events:none; content: attr(data-tooltip); font-size:11px; height:28px; line-height:30px; padding: 0 16px; color: #fff; position: absolute; right: 4px; margin-bottom:9px; white-space: nowrap; z-index: 100; border-radius: 4px 4px 0 4px; box-shadow:2px 2px 2px rgba(0, 0, 0, 0.2); background:#333; text-transform:uppercase; opacity:0; bottom:80%; transition:all 500ms ease; } button[data-tooltip]:after { pointer-events:none; content: ''; position: absolute; border-style: solid; border-width: 8px 9px 0; border-color: #333 transparent; display: block; width: 0; z-index: 101; right: 4px; margin-bottom:1px; opacity:0; bottom:80%; transition:all 500ms ease; } button[data-tooltip]:hover:before { bottom:100%; opacity:1; transition:all 250ms ease; } button[data-tooltip]:hover:after { bottom:100%; opacity:1; transition:all 250ms ease; } code { display:block; margin:0 0 10px; padding:10px; background:#333; color:#999; font-size:100%; } code h1 { color:#fff; font:bold 100% Arial; text-shadow:1px 1px 0 #f00; } abbr { cursor:help; } abbr:hover { border-bottom:dotted 1px #f0f; color:#fff; } table { } table th { text-align:center; font-family:RobotoMedium; text-transform:uppercase; } table td { vertical-align:top; } img.left { float:left; } img.right { float:right; } div.clear { clear:both; height:1%; overflow:hidden; } p { margin-bottom:10px; } p.center { text-align:center; } p.left { text-align:left; } p.right { text-align:right; } strong { font-weight: bold; } em { font-style:italic; } q:before, q:after { content: “ } form { } form .status { display:none; color:#fff; padding:0 8px; height:40px; line-height:40px; margin:0 0 16px; overflow:hidden; } form .validation-summary { color:#f93; margin-bottom:1em; } form .validation { color:#f60; } form .hidden { position:absolute; bottom:0; height:1px; overflow:hidden; z-index:0; } form .hidden p { padding:10px; } form .password-rules { } form .password-rules ul { list-style-type:disc; } form .password-rules .active { color:#f60; } form .password-rules .active span { color:#000; } form .password-rules .active li { color:#000; } form .password-rules .active .active { color:#f60; } form .password-rules .active .active span { color:#000; } form .password-rules .validation { color:#f60; } form .password-rules .validation li { color:#000; } form .password-rules .validation .validation { color:#f60; } form .dynamic-search-popup { background:#666; color:#fff; } form .dynamic-search-popup div.preloader { padding:5px 10px 5px 28px; margin:0; background:#999 url('../images/preloaders/status-small.gif') no-repeat 4px center; } form .dynamic-search-popup footer { padding:10px 5px; text-align:center; background:#999; } form .dynamic-search-popup footer div.status { display:block; padding:0; margin:0; color:#fff; font-size:90%; text-transform:uppercase; background:none; } form .dynamic-search-popup footer div.status strong { font-weight:bold; } form .dynamic-search-popup ul { border:solid 1px #666; margin:0 !important; padding:0; list-style-type:none; } form .dynamic-search-popup li { margin:0; padding:5px 10px; line-height:1.2em; display:block; cursor:pointer; border-bottom:solid 1px #777; } form .dynamic-search-popup li.active { background:#4D4D4D; color:#fff; } form .dynamic-search-popup h1 { margin:0 0 0.2em; padding:0; } form .dynamic-search-popup p { margin:0; padding:0; } form .dynamic-search-popup span { background:#333; color:#fff; } form .dynamic-search-popup li.active span { background:#000; } form textarea { width:296px; padding:4px; resize:vertical; min-height:6em; line-height:1.5em; } form.wait { } form.wait .status { display:block; background:#999 url('../images/preloaders/status.gif') no-repeat 0 center; padding-left:48px; } form.error { } form.error .status { display:block; background:#999 url('../images/icons/status-error.svg') no-repeat 0 center; padding-left:48px; } form.success { } form.success .status { display:block; background:#999 url('../images/icons/status-information.svg') no-repeat 0 center; padding-left:48px; } form.validated { } form.validated input.invalid { border:solid 1px #f93; background-color:#fc6; } form.validated input.invalid:focus { border:solid 1px #f00; background-color:#fc6; } form.validated input:invalid { border:solid 1px #f93; background-color:#fc6; } form.validated select.invalid { border:solid 1px #f93; background-color:#fc6; } form.validated select.invalid:focus { border:solid 1px #f00; background-color:#fc6; } form.validated select:invalid { border:solid 1px #f93; background-color:#fc6; } fieldset { border:solid 1px #ccc; padding:10px; margin-bottom:1em; } fieldset legend { display:block; padding:4px 16px 2px; background:#666; color:#fff; text-transform:uppercase; } fieldset label { float:left; display:inline; width:200px; line-height:1.8em; text-align:right; } fieldset label.inline { float:none; display:inline; width:auto; line-height:1.8em; } fieldset input.short { width:40px; } fieldset input.small { width:40px; } fieldset input.long { width:300px; } fieldset input[type=date], fieldset input.date { width:75px; } fieldset input[type=time], fieldset input.time { width:75px; } fieldset input[type="text"], fieldset input[type="password"], fieldset input[type="email"] { } fieldset input[type="search"] { width:250px; } fieldset input[type="url"] { } fieldset input[type="tel"] { } fieldset input[type="datetime"], fieldset input[type="date"], fieldset input[type="time"], fieldset input[type="number"] { } fieldset input.search::-webkit-input-placeholder { color:#cfcab2; font-style:italic; font-size:90%; } fieldset input.search:-moz-placeholder { color:#cfcab2; font-style:italic; font-size:90%; } fieldset input.search:placeholder { color:#cfcab2; font-style:italic; font-size:90%; } fieldset p { margin-bottom:1em; } fieldset .field { margin-bottom:0.5em; min-height:1.8em; } fieldset .invalid { } fieldset .invalid input { border:solid 1px #f93; background-color:#fc6; } fieldset .invalid input:focus { border:solid 1px #f00; background-color:#fc6; } fieldset .invalid select { border:solid 1px #f93; background-color:#fc6; } fieldset .invalid select:focus { border:solid 1px #f00; background-color:#fc6; } fieldset .invalid { } fieldset .data { margin-left:210px; } fieldset .data label { float:none; position:relative; width:auto; margin:0 0.2em; } fieldset .buttons { padding-left:210px; } fieldset.filter { } fieldset.filter label { text-align:left; width:180px; } fieldset.filter .data { margin-left:190px; } fieldset.filter .data label { position:relative; width:auto; margin:0 0.2em; } fieldset.filter .buttons { padding-left:190px; } fieldset.label-short { } fieldset.label-short label { width:60px; } fieldset.label-short .data { margin-left:70px; } fieldset.label-short .buttons { padding-left:70px; } fieldset.label-long { } fieldset.label-long label { width:180px; } fieldset.label-long .data { margin-left:190px; } fieldset.label-long .buttons { padding-left:190px; } table { background:#4D4D4D; table-layout:fixed; width:100%; margin-bottom:10px; table-layout:fixed; } table .icon { width:35px; text-align:center; } table .context { width:30px; text-align:center; } table .select { text-align:center; vertical-align:top; line-height:1em; } table .icons { text-align:center; } table .date { width:90px; text-align:center; } table .time { width:90px; text-align:center; } table .datetime { width:140px; text-align:center; } table .boolean { width:100px; text-align:center; } table thead tr { background:#4D4D4D; color:#fff; } table thead tr.alternate { background:#999; } table thead tr.normal th { } table tbody tr { background:#fdfdfb; } table tbody tr.alternate { background:#f8f8fc; } table tbody tr.sub-header { font-family:RobotoMedium; color:#333; text-shadow:1px 1px 1px #fff; background:#dcdcdc; } table tbody tr.sub-footer { font-family:RobotoMedium; color:#333; text-shadow:1px 1px 1px #fff; background:#dcdcdc; } table tbody tr.spacer { } table tbody tr.spacer td { padding:0; } table tbody tr.empty { line-height:3em; text-align:center; } table tbody tr.empty td { } table tbody tr.add { background:#caffd8; } table tbody tr.edit { background:#caffd8; } table tbody tr.highlight { background:#ffc; } table tbody tr.disabled { background:#ddd; } table tbody tr.delete { background:#fcc; } table tbody tr.hover { background:#eef; } table tbody tr.selected { background:#eef; } table th { border:solid 1px #ccc; padding:4px 8px; line-height:18px; vertical-align:middle; overflow:hidden; text-overflow:ellipsis; } table td { border:solid 1px #ccc; padding:4px 8px; line-height:18px; overflow:hidden; text-overflow:ellipsis; } table th.icon { width:30px; padding:2px 0; text-align:center; } table th.context { width:30px; padding:4px 0; text-align:center; } table th.select { padding:3px; } table td.select { padding:3px; } table img { width:16px; height:16px; vertical-align:middle; } table th a.sort { color:#999; text-decoration:none; word-spacing:-1em; } table th a.sort:hover { color:#fff; text-decoration:none; } table th a.sort .active { color:#fff; } table th .medication { float:none; margin-right:0.2em; } table th .action { float:none; margin-right:0.2em; } table a.left { float:left; } table a.right { float:right; } table abbr.left { float:left; border:none; } table abbr.right { float:right; border:none; } table .medication { background:#fcc; padding:0 0.4em; float:left; margin:0.1em 0.2em; border-radius:4px; } table .refill { background:#fcc; padding:0.1em 0.4em; margin:0.1em auto; border-radius:4px; } table .right { text-align:right; } table .left { text-align:left; } table .center { text-align:center; } table .middle { vertical-align:middle; } table .icons { /*padding:2px;*/ text-align:center; } table .ellipsis { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } table div.left { float:left; } table div.left .icon { margin-right:4px; } table div.right { float:right; } table div.right .icon { margin-left:4px; } table .tooltip-cell { cursor:help; background-image:url('../images/icon-tooltip.gif'); background-repeat:no-repeat; background-position:right top; } table .tooltip-cell:hover { background-color:#827b00; color:#fff; } table .tooltip-cell:hover a { color:#fff; transition-duration:300ms; } table .tooltip-cell .tooltip { display:none; position:absolute; } table tbody .context { margin:0; padding:0; cursor:pointer; background-image:url('../images/icons/small/context.png'); background-repeat:no-repeat; background-position:center 5px; text-align:left; } table tbody .context .menu { position:absolute; display:none; width:200px; margin-top:1px; /*padding-left:8px; background:url('../images/containers/context-arrow-bg.png') no-repeat 0 4px;*/ border-collapse:separate; z-index:10; box-shadow:2px 2px 1px rgba(0, 0, 0, 0.2); } table tbody .context .menu:after { right:100%; top:12px; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; border-color:rgba(0, 0, 0, 0); border-right-color:#999; border-width:8px; margin-top:-8px; } table tbody .context .menu ul { margin:0 !important; padding:0; list-style-type:none; padding:5px; background:#999; } table tbody .context .menu li { margin:0; padding:0; list-style-type:none; } table tbody .context .menu a { display:block; height:28px; line-height:28px; color:#fff; padding:0 10px; text-decoration:none; background:no-repeat left center; background-size:contain; } table tbody .context .menu a:hover { color:#fff; background-color:#666; } table tbody .patient .context { background-image:url('../images/icons/small/context-blue.png'); } table tbody .doctor .context { background-image:url('../images/icons/small/context-green.png'); } table tbody td.edit { cursor:pointer; padding:0; } table tbody td.edit:hover { background:#1B77BD; color:#fff; transition:all 300ms linear; } table tbody td.edit:hover input { background-color:#1B77BD; color:#fff; transition:all 300ms linear; } table tbody td.edit input { display:block; background:none !important; color:#1B77BD; border:none; padding:0; margin:0 auto; width:99%; cursor:pointer; transition:all 300ms linear; } table tbody td.edit input:focus, table tbody td.edit input:hover { background:#1B77BD !important; color:#fff !important; transition:all 300ms linear; } table tbody td.edit input[readonly] { background-color:#ddd !important; } table tbody td.edit span { display:none; } table tbody .edit.datetime { } table tbody td.readonly { cursor:cell; padding:0; } table tbody td.readonly input { display:block; background:#ddd !important; border:none; padding:0; margin:0 auto; width:99%; cursor:not-allowed; transition:all 300ms linear; } table th.action, table td.action { padding:0; line-height:18px; } table th.action .wrapper, table td.action .wrapper { position:relative; min-height:26px; } table th.action .content, table td.action .content { padding:4px 8px; } table th.action .buttons, table td.action .buttons { position:absolute; top:0; bottom:0; left:0; right:0; text-align:right; font-size:0; } table .action button { margin:0 0 0 1px; height:26px; font-size:12px; border:none; border-radius:0; overflow:hidden; vertical-align:top; } table .action button:not(.text) { width:26px; height:26px; padding:0; font-size:0; background-repeat:no-repeat; background-position:center; background-size:cover; } table .action button.left { float:left; margin:0 1px 0 0; } table .action button.right { float:right; margin:0 0 0 1px; } table .action button.full { float:none; margin:0; display:block; width:100% !important; padding:0 !important; } table .action .icon.alerts { background-image:url('../images/controls/icon-alerts.svg'); } table .action .icon.reports { background-image:url('../images/controls/icon-reports.svg'); } table .action .icon.prescriptions { background-image:url('../images/controls/icon-prescriptions.svg'); } table .action .icon.efiles { background-image:url('../images/controls/icon-efiles.svg'); } table .action .icon.profile { background-image:url('../images/controls/icon-user.svg'); } table .action .icon.messages { background-image:url('../images/controls/icon-message.svg'); } ol { margin-left:2em; margin-bottom:1em; } ul { margin-left:2em; margin-bottom:1em; } ul.disc { list-style-type:disc; } li { margin-bottom:0.4em; } .red { color:#f00; } .orange { color:#f90; } .green { color:#090; } .blue { color:#1B77BD; }.scroller { overflow-x:auto; overflow-y:hidden; } .box { background:#fff; border:solid 1px #dcdcdc; margin-bottom:10px; } .box .padded { padding:8px; } .box > header { background:#4d4d4d; height:26px; overflow:visible; position:relative; } .box > header.alternate { background:#999; } .box > header h1 { font-size:12px; color:#fff; height:26px; line-height:28px; margin:0; padding:0 16px; text-transform:uppercase; font-family:RobotoMedium; text-align:center; } .box > header ul, .box > thead ul { position:absolute; top:0; right:0; height:26px; text-align:right; font-size:0; } .box > thead ul { top:-1px; } .box > header li, .box > thead li { display:inline-block; margin:0 0 0 1px; padding:0; height:26px; position:relative; } .box > header ul ul, .box > thead ul ul { position:absolute; width:26px; margin:0; padding-top:30px; top:0; right:0; background:#4d4d4d; z-index:4; display:none; } .box > header ul ul button, .box > thead ul ul button { display:block; padding-left:30px; width:100px; background-position:left center; text-indent:0; text-align:left; line-height:26px; } .box > header ul ul button:focus, .box > thead ul ul button:focus { } .box > header ul ul li, .box > thead ul ul li { position:relative; display:block; padding:2px; margin:0 0 0 -80px; width:100px; height:24px; background:#4d4d4d; } .box > header .menu, .box > thead .menu { z-index:5; position:relative; } .box > header button, .box > thead button { display:inline-block; border:none; border-radius:0; margin:0; height:26px; } .box > header button:not(.text), .box > thead button:not(.text) { font-size:0; padding:0; width:26px; height:26px; background-repeat:no-repeat; background-position:center; background-size:cover; } .scroller { overflow-x:auto; overflow-y:hidden; } .collapsible-text { cursor:pointer; height:1.5em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-left:20px; background:url('../images/icons/small/bullet_toggle_plus.png') no-repeat left top; } .collapsible-text:hover { cursor:pointer; background-color:#ff9; } .collapsible-text-expanded { height:auto; background-color:#ffd; overflow:auto; white-space:normal; background-image:url('../images/icons/small/bullet_toggle_minus.png'); } .help { } .help .help-content { display:none; } div.legend { margin:30px 0 10px; } div.legend h2 { } div.legend dl img { width:16px; height:16px; } div.legend dt { float:left; width:30px; } div.legend dd { margin-bottom:0.5em; } div.legend dl.users { float:left; width:180px; } div.legend dl.compliance { margin-left:200px; } #popup-shim { position:fixed; top:0; bottom:0; left:0; width:100%; opacity:0; z-index:99; background:rgba(0,0,0,0.7) no-repeat center; overflow:auto; transition:all 800ms ease; } #popup-shim.wait { /*background-image:url('../images/preloaders/status.gif');*/ } #popup-shim.show { opacity:1; transition:all 5000ms ease; } #popup { position:relative; width:580px; left:50%; margin:2% 0 2% -290px; z-index:100; background:#666; box-shadow:3px 3px 5px #000; opacity:0; transition:all 800ms ease; } #popup.show { opacity:1; transition:all 400ms ease; } #popup .inner { padding:30px 40px 20px; position:relative; background:#fff; } #popup header { padding:30px 0 30px 40px; } #popup header h1 { margin:0; text-transform:uppercase; font-family:'RobotoLight'; font-size:14px; line-height:28px; color:#fff; } #popup h2 { line-height:1.5em; } #popup > footer, #popup > form > footer { text-align:center; padding:0; background:#666; font-size:0; } #popup footer button { display:inline-block; font-size:11px; border:none; border-radius:0; margin:0; padding:50px 0 8px; width:64px; height:auto; line-height:18px; background-color:transparent; background-repeat:no-repeat; background-position:center 4px; background-size:48px 48px; } #popup footer button:hover { background-color:#333; } #popup footer button[disabled] { opacity:0.5; text-shadow:none; } #popup button.close { float:right; width:28px; height:28px; margin:0; padding:0; border:none; border-radius:0; font-size:0; overflow:hidden; background:#333 url('../images/controls/popup-close.svg') no-repeat center; background-size:contain; } #popup button.close:hover { background-color:#c00; } #popup .scroll { width:100%; height:100%; overflow:scroll; } #popup .scroll-vertical { height:100%; overflow-y:scroll; } #popup .scroll-horizontal { width:100%; overflow-x:scroll; } #popup.list { } #popup.list ul { list-style:disc; font-size:16px; } #popup.list li { margin-bottom:0.5em; } #popup.insulin-adjustment { } #popup.insulin-adjustment .columns { text-align:center; } #popup.insulin-adjustment .column { width:100px; margin:0 20px; vertical-align:bottom; } #popup.insulin-adjustment .column label { } #popup.insulin-adjustment .column div { font-size:24px; height:24px; padding:8px; margin-top:8px; color:#666; border:solid 1px #ccc; } #popup.prescription { width:540px; left:50%; margin:2% 0 2% -270px; } #popup.prescription .scroll-vertical { position:relative; } #popup.prescription form { } #popup.prescription fieldset { position:relative; margin:0; border:none; padding:0; } #popup.prescription fieldset label { width:140px; } #popup.prescription fieldset input[type=text], #popup.prescription fieldset input[type=search] { width:300px; } #popup.prescription fieldset input.short { width:100px; } #popup.prescription fieldset select { width:306px; } #popup.prescription fieldset select[name=dose-unit], #popup.prescription fieldset select[name=strength-unit] { width:197px; } #popup.prescription fieldset .data { margin-left:150px; } #popup.glucose-edit { width:800px; left:50%; margin:2% 0 2% -400px; } #popup.glucose-edit table { margin:0; } #popup.glucose-edit .scroll-vertical { margin:0 0 10px; padding-right:10px; } #popup.glucose-edit col.value { width:80px; } #popup.glucose-edit col.datetime { width:140px; } #popup.glucose-edit col.action { width:32px; } #popup.glucose-edit col.comment { } #popup.glucose-edit tr.deleted { visibility:hidden; } #popup.glucose-edit td.edit { padding:0; } #popup.glucose-edit td.edit input { padding:4px; } #popup.glucose-edit td.edit input[readonly] { color:#333; } #popup.glucose-edit td.edit.datetime input { width:132px; } #popup.glucose-edit td.edit.value input { width:72px; text-align:right; } #popup.glucose-edit td.edit.comment input { } #popup.glucose-edit td.action.delete { padding:0; background:#600 url('../images/controls/button-delete.svg') no-repeat center; background-size:contain; vertical-align:middle; cursor:pointer; } #popup.glucose-edit td.action.delete:hover { background-color:#c00; } #popup.glucose-edit td.action.delete button { display:none; font-size:0; vertical-align:middle; } #popup.dcf-actiondetails-edit { width:980px; left:50%; margin-left:-490px; } #popup.dcf-actiondetails-edit table { margin:0; } #popup.dcf-actiondetails-edit .scroll-vertical { margin:0 0 10px; padding-right:10px; height:500px; } #popup.dcf-actiondetails-edit col.value { width:80px; } #popup.dcf-actiondetails-edit col.datetime { width:140px; } #popup.dcf-actiondetails-edit col.action { width:32px; } #popup.dcf-actiondetails-edit col.comment { } #popup.dcf-actiondetails-edit tr.deleted { visibility:hidden; } #popup.dcf-actiondetails-edit td.edit { padding:0; } #popup.dcf-actiondetails-edit td.edit input { padding:4px; } #popup.dcf-actiondetails-edit td.edit input[readonly] { color:#333; } #popup.dcf-actiondetails-edit td.edit.datetime input { width:132px; } #popup.dcf-actiondetails-edit td.edit.value input { width:72px; text-align:right; } #popup.dcf-actiondetails-edit td.edit.comment input { } #popup.dcf-actiondetails-edit td.action.delete { padding:0; background:#600 url('../images/controls/button-delete.svg') no-repeat center; background-size:contain; vertical-align:middle; cursor:pointer; } #popup.dcf-actiondetails-edit td.action.delete:hover { background-color:#c00; } #popup.dcf-actiondetails-edit td.action.delete button { display:none; font-size:0; vertical-align:middle; } #popup.glucose-readings-export { width:900px; left:50%; margin-left:-490px; } #popup.glucose-readings-export table { margin:0; } #popup.glucose-readings-export .scroll-vertical { margin:0 0 10px; padding-right:10px; height:500px; } #popup.edit-a1c-values { width:600px; margin-right:auto; margin-left: auto; } #popup.edit-a1c-values table { margin:0; } #popup.edit-a1c-values .scroll-vertical { margin:0 0 10px; padding-right:10px; max-height:50vh; } #popup.edit-a1c-values col.date { width:50%; } #popup.edit-a1c-values col.value { width:50%; } #popup.edit-a1c-values td.edit { padding:0; } #popup.edit-a1c-values td.edit input { padding:4px; } #popup.edit-a1c-values td.edit input[readonly] { color:#333; } #popup.edit-a1c-values td.edit.date input { width:100%; } #popup.edit-a1c-values td.edit.value input { width:100%; text-align:center; } #popup.edit-a1c-values tr.deleted { visibility:hidden; } #popup.edit-a1c-values td.action.delete { padding:0; background:#600 url('../images/controls/button-delete.svg') no-repeat center; background-size:contain; vertical-align:middle; cursor:pointer; } #popup.edit-a1c-values td.action.delete:hover { background-color:#c00; } #popup.edit-a1c-values td.action.delete button { display:none; font-size:0; vertical-align:middle; } #popup.dcf-reviews-list { width:750px; } #popup.dcf-reviews-list table { margin:0; } #popup.dcf-reviews-list .scroll-vertical { margin:0 0 10px; padding-right:10px; max-height:50vh; } #popup.doctor-message-popup { width:550px; margin-right:auto; margin-left: auto; } #tooltip { position:absolute; display:none; z-index:100; width:200px; border:solid 1px #827b00; background:#fff; border-radius:0 6px 6px 6px; box-shadow:2px 2px 2px #888; } #tooltip h4 { padding:5px 8px; margin:0; background:#827b00; color:#fff; text-shadow:1px 1px 1px #010; border-radius:0 5px 0 0; } #tooltip hr { margin:4px 0; } #tooltip .inner { padding:4px 8px; } #tooltip.sidebar { width:400px; border:solid 1px #4D4D4D; background:#fff; } #tooltip.sidebar h4 { background:#4D4D4D; color:#fff; text-shadow:1px 1px 1px #100; display:none; } #tooltip.sidebar .inner { padding:3px; } #tooltip.sidebar table { margin:0; } #tooltip.help { width:400px; border:solid 1px #827b00; background:#fff; } #tooltip.help h4 { background:#827b00; color:#fff; text-shadow:1px 1px 1px #100; } #tooltip.help .inner { padding:3px; } #tooltip.help .inner p { margin-bottom:1em; } #tooltip.list { border:solid 1px #4D4D4D; width:400px; } #tooltip.list h4 { background:#827b00; color:#fff; text-shadow:1px 1px 1px #100; } #tooltip.list .inner { padding:3px; } #header { position:fixed; top:0; left:0; right:0; height:64px; line-height:44px; background:#211546; padding-right:20px; z-index:20; } #header #logo { float:left; width:150px; height:64px; background:url('../images/logo.svg') no-repeat; overflow:hidden; font-size:0; } #header #logo a { display:block; width:100%; height:100%; } #header a { color:#fff; text-transform:uppercase; height:100%; padding:0 10px 0 36px; position:relative; } #header a:hover { text-decoration:none; } #header ul { margin:0; padding:10px 0; float:right; text-align:right; font-size:0; } #header li { display:inline-block; position:relative; background:no-repeat 4px center; margin-left:4px; font-size:14px; text-align:left; transition:all 800ms ease; } #header li:hover { background-color:rgba(0, 0, 0, 0.4); transition:all 300ms ease; } #header li:hover ul { display:block; } #header li.addpatient { background-image:url('../images/icons/header-addpatient.svg'); } #header li.home { background-image:url('../images/icons/header-home.svg'); } #header li.mail { background-image:url('../images/icons/header-mail.svg'); } #header li.tasks { background-image:url('../images/icons/header-tasks.svg'); } #header li.user { background-image:url('../images/icons/header-user.svg'); min-width:140px; } #header li.user:hover ul { display:block; } #header li.id { background-image:url('../images/icons/header-id.svg'); } #header li.help { background-image:url('../images/icons/header-help.svg'); } #header li.logout { background-image:url('../images/icons/header-logout.svg'); } #header ul ul { display:none; position:absolute; padding:0; top:44px; left:0; right:0; background:#211546; box-shadow:2px 2px 2px rgba(0, 0, 0, 0.2); z-index:100; } #header ul ul li { line-height:44px; text-align:left; display:block; margin:0; } #header .count { position:absolute; text-align:center; top:-15; left:0; font-size:12px; width:20px; height:18px; line-height:18px; border-radius:2px; background:#FC4236; color:#fff; } #userpanel { float:right; } #userpanel ul { float:left; } #usersearch { float:left; margin-top:13px; padding:2px 10px; width:160px; height:22px; background:url('../images/searchfield-bg.gif') no-repeat left top; overflow:hidden; } #usersearch input { border:none; padding:0 2px; width:140px; height:22px; background:none; font-size:100%; } #globalnav { padding-left:130px; height:50px; } #mainnav { position:fixed; top:64px; left:0; right:0; height:64px; padding:0 5px; border-bottom:solid 1px #dcdcdc; background:#fff; overflow:visible; z-index:10; text-transform:uppercase; } #mainnav a { height:100%; color:#333; padding:0 15px; text-decoration:none; } /*#mainnav a:hover { color:#fff; background:#ccc; text-shadow:1px 1px 1px #666; }*/ #mainnav ul { margin:0; padding:10px 0; font-size:0; } #mainnav ul li { font-size:14px; line-height:44px; display:inline-block; margin:0; padding:0; } #mainnav ul li:hover { background:#1B77BD; /*box-shadow:2px 2px 2px #888;*/ } #mainnav ul li:hover ul { visibility:visible; } #mainnav ul li:hover a { color:#fff; } #mainnav ul li:hover li a { color:#333; } #mainnav ul li:hover li a:hover { color:#fff; } #mainnav ul ul { position:absolute; background:#fff; min-width:106px; padding:8px 0; box-shadow:2px 2px 2px rgba(0, 0, 0, 0.2); visibility:hidden; border:solid 1px #ccc; border-radius:0 8px 8px 8px; text-transform:none; } #mainnav ul ul li { float:none; display:block; line-height:28px; font-size:13px; } #mainnav ul ul li:hover { box-shadow:none; } #mainnav ul ul a { transition:none; } #mainnav ul ul a:hover { background:#1B77BD; box-shadow:none; transition:none; } #logininfo { float:right; line-height:22px; padding:0 10px; text-align:right; cursor:help; display:none; } #logininfo .tooltip { position:absolute; display:none; right:20px; width:300px; padding:4px; background:#fff; border:solid 1px #4D4D4D; -moz-border-radius:6px 0 6px 6px; border-radius:6px 0 6px 6px; -moz-box-shadow:2px 2px 2px #888; -webkit-box-shadow:2px 2px 2px #888; box-shadow:2px 2px 2px #888; } #logininfo table { background:#4D4D4D; text-align:center; line-height:1em; margin:0; } #logininfo table thead tr { background:#4D4D4D; color:#fff; text-shadow:1px 1px 1px #100; } #logininfo table tbody tr { background:#fdfdfb; } #logininfo table tbody tr.alternate { background:#f8f8fc; } #logininfo table th { border:solid 1px #ccc; padding:4px 8px; vertical-align:middle; } #logininfo table td { border:solid 1px #ccc; padding:4px 8px; } #patient-browser { background:#4d4d4d; margin-top:128px; height:48px; color:#fff; z-index:100; } #patient-browser p { margin:0; padding:0; text-align:center; } #patient-browser button { display:block; width:32px; height:32px; background:none no-repeat center; overflow:hidden; text-indent:-10000px; border:none; padding:0; margin:0; border-radius:0; } #patient-browser button:hover { background-color:#333; } #patient-browser button.search { background-image:url('../images/icons/patient-browser-search.svg'); } #patient-browser button.browse { background-image:url('../images/icons/patient-browser-browse.svg'); } #patient-browser button.stoptime { background-image:url('../images/icons/stopclock.png'); } #patient-browser button.starttime { background-image:url('../images/icons/startclock.png'); } #patient-browser #patient-browser-name { text-transform:uppercase; font-size:20px; font-family:RobotoLight; height:32px; line-height:32px; padding:8px 20px; } #patient-browser #patient-browser-name span { margin-right:16px; float:left; } #patient-browser #patient-browser-name button { float:left; margin-left:4px; cursor:pointer; } #patient-browser-cumulative-time { padding-left: 10px; text-transform:capitalize; } #patient-browser #patient-browser-search { display:none; width:210px; padding:8px 5px; } #patient-browser #patient-browser-search input { display:block; border:none; width:180px; height:32px; padding:0 15px; margin:0; font-size:14px; } #patient-browser #patient-browser-list { display:none; padding:8px 5px; } #patient-browser #patient-browser-list select { display:block; border:none; font-size:14px; cursor:pointer; } #patient-browser #patient-browser-list button.prev { float:left; display:none; } #patient-browser #patient-browser-list button.next { float:right; display:none; } #patient-browser .dynamic-search-popup { background:#4d4d4d; text-transform:none; text-align:left; width:200px !important; border:solid 5px #4d4d4d; margin-left:0; } #patient-browser .dynamic-search-popup div.preloader { padding:5px 10px 5px 34px; margin:0; background:#4d4d4d url('../images/preloaders/status-small.gif') no-repeat 10px center; } #patient-browser .dynamic-search-popup footer { background:#333; padding:7px 5px; } #patient-browser .dynamic-search-popup footer div.status { background:none; height:auto; } #patient-browser .dynamic-search-popup footer div.status strong { font-weight:bold; } #patient-browser .dynamic-search-popup ul { border:none; margin:0; padding:0; list-style-type:none; font-size:13px; } #patient-browser .dynamic-search-popup li { margin:0; padding:7px 10px; border-bottom-color:#333; } #patient-browser .dynamic-search-popup li.active { background:#666; color:#fff; } #patient-browser .dynamic-search-popup h1 { margin:0 0 0.2em; padding:0; text-align:left; } #patient-browser .dynamic-search-popup p { margin:0; padding:0; text-align:left; } #patient-browser .dynamic-search-popup span { background:#000; float:none; } #patient-toolbar { float:right; margin:0 20px 0 0; height:48px; overflow:visible; } #patient-toolbar a { position:absolute; font-size:0; color:#fff; text-transform:uppercase; display:block; height:100%; width:100%; } #patient-toolbar a:hover { text-decoration:none; } #patient-toolbar li { display:inline-block; position:relative; background:no-repeat center; margin:0; padding:0; font-size:14px; width:44px; height:48px; transition:all 800ms ease; } #patient-toolbar li:hover { background-color:#333; } #patient-toolbar li.tasks { background-image:url('../images/icons/header-tasks.svg'); } #patient-toolbar li.comments { background-image:url('../images/icons/header-notes.svg'); } #patient-toolbar.tasks li.tasks, #patient-toolbar.comments li.comments { background-color:#666; } #patient-toolbar li[title] { } #patient-toolbar li[title]:before { pointer-events:none; content: attr(title); font-size:11px; line-height:1em; padding: 8px 16px; color: #fff; position: absolute; right: 22px; margin-top:10px; white-space: nowrap; z-index: 20px; border-radius: 4px 0 4px 4px; box-shadow:2px 2px 2px rgba(0, 0, 0, 0.2); background:#333; text-transform:uppercase; opacity:0; top:80%; transition:all 500ms ease; } #patient-toolbar li[title]:after { pointer-events:none; content: ''; position: absolute; border-style: solid; border-width: 0 0 11px 12px; border-color: #333 transparent; display: block; width: 0; z-index: 21; right: 22px; margin-top:1px; opacity:0; top:80%; transition:all 500ms ease; } #patient-toolbar li[title]:hover:before { top:100%; opacity:1; transition:all 250ms ease; } #patient-toolbar li[title]:hover:after { top:100%; opacity:1; transition:all 250ms ease; } #patient-toolbar ul { display:none; position:absolute; padding:0; top:44px; left:0; right:0; background:#211546; box-shadow:2px 2px 2px rgba(0, 0, 0, 0.2); z-index:100; } #patient-toolbar ul li { line-height:44px; text-align:left; display:block; margin:0; } #patient-toolbar .count { position:absolute; text-align:center; top:4px; left:4px; font-size:12px; width:20px; height:18px; line-height:18px; border-radius:2px; background:#FC4236; color:#fff; } #tasks-bar { background:#4d4d4d; padding:0; border-top:solid 1px #333; } #tasks-bar ul { margin:0; padding:10px 20px; width:180px; } #tasks-bar li { margin:0; padding:0; } #tasks-bar a { color:#fff; height:28px; line-height:28px; overflow:hidden; text-transform:uppercase; text-overflow:ellipsis; } /*****************/ /* Layout Styles */ /*****************/ #container { position:relative; min-height:100%; min-height:100vh; padding:0; margin:0; overflow:hidden; } #container #sidebar, #container #auxiliary-sidebar { width:220px; padding:0 0 96px; /*background:#666;*/ display:none; position:relative; background:#00f; z-index:2; } #container #sidebar:before, #container #auxiliary-sidebar:before { width:220px; background:#666; content:''; position:fixed; top:0; bottom:0; z-index:-1; } #container #sidebar:before { left:0; } #container #auxiliary-sidebar:before { right:0; } #container #sidebar, #container #auxiliary-sidebar, #container #content { margin-top:64px; } #container.has-mainnav { } #container.has-mainnav #sidebar, #container.has-mainnav #auxiliary-sidebar, #container.has-mainnav #content { margin-top:128px; } #container.has-sidebar { } #container.has-sidebar #content { margin-left:220px; } #container.has-sidebar #sidebar { display:block; } #container.has-auxiliary-sidebar { } #container.has-auxiliary-sidebar #content { margin-right:220px; } #container.has-auxiliary-sidebar #auxiliary-sidebar { display:block; } #container.has-patient-browser { } #container.has-patient-browser #sidebar, #container.has-patient-browser #auxiliary-sidebar, #container.has-patient-browser #content { margin-top:0; } #container #patient-browser { z-index:5; position:relative; } #container #footer { z-index:5; } #container.fullscreen { position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; } #container:-webkit-full-screen { position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; } #container:-moz-full-screen { position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; } #container:-ms-full-screen { position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; } #container:-o-full-screen { position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; } #container:full-screen { position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; } #container.message #content { position:absolute; padding:0; margin-top:-132px; top:50%; left:30px; right:30px; height:170px; text-align:center; } #container.message #content > header h1 { margin-bottom:24px; height:auto; line-height:48px; } #container.message #content h2 { font-size:24px; line-height:36px; margin-bottom:12px; } #content { padding:0 0 96px; } #content.left-sidebar { /*margin-left:200px;*/ } #content.right-sidebar { /*margin-right:200px;*/ } #content > header { margin:0; padding:0 30px; } #content > header h1 { margin:0; font-size:36px; line-height:72px; height:64px; color:#666; text-transform:uppercase; } #content > header h2 { font-size:18px; line-height:24px; min-height:24px; color:#666; } #content > div { margin:0; padding:0 30px; } #content > div.controls { border-right:solid 200px #e5dfc5; min-height:300px; } #content > div.left-controls { /*border-left:solid 200px #ccc;*/ margin-left:210px; min-height:300px; } #content > div.right-controls { /*border-right:solid 200px #ccc;*/ margin-right:210px; min-height:300px; } #content .column-container-2 { overflow:auto; } #content .column-container-2:after { } #content .column-container-2 .column-left { width:49.5%; float:left; } #content .column-container-2 .column-right { width:49.5%; margin-left:50.5%; } #content .column-container-3 { overflow:auto; } #content .column-container-3 .column-left { width:33.5%; float:left; } #content .column-container-3 .column-right { width:33.5%; float:right; } #content .column-container-3 .column-center { width:32%; margin:0 auto; } #content .column-container-4 { overflow:auto; } .columns { text-align:justify; } .columns:after { content:""; display:inline-block; width:100%; } .columns > .column { display:inline-block; vertical-align:top; } .columns.x-x > .column { width:49.4%; } .columns.x-x-x > .column { width:32%; } .columns.xx-x > .column { width:65%; } .columns.xx-x > .column ~ .column { width:32%; } #content { line-height:1.5em; } #content > div.inner { } #content ul { list-style-type:disc; margin-bottom:1em; } #content li ul { margin-top:0.4em; } #content ol { list-style-type:decimal; margin-bottom:1em; } #content h1 button { float:right; padding-top:0.1em; padding-bottom:0.1em; margin-top:0.3em; } #content h1 button.icon { margin:5px 0 0; } #content h1 .button { float:right; margin-top:3px; padding:0 10px; text-shadow:none; line-height:1em; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; } #content h1 .button img { float:left; } #content h1 .button span { padding:0.2em 0; line-height:16px; font-size:90%; } #content aside { float:right; padding:0; width:200px; margin-right:30px; } #content aside.left { float:left; margin-left:30px; margin-right:0; } #content aside.right { float:right; } #content aside .panel { border:solid 1px #dcdcdc; padding:0; margin-bottom:10px; } #content aside .panel > form { padding:10px 10px 0; } #content aside .panel > div { padding:10px; } #content aside header { margin:0; background:#999; } #content aside header h1 { color:#fff; line-height:28px; padding:6px 10px; margin:0; text-shadow:none; } #content aside h1 { font-family:RobotoRegular; text-transform:uppercase; } #content aside hr { border-color:#dcdcdc; } #content aside form { padding:10px 10px 0; } #content aside form label { float:none; display:block; width:auto; margin-bottom:0.4em; } #content aside form select { width:180px; } #content aside form input[type=text] { width:174px; } #content aside form label { display:block; float:none; width:auto; margin-bottom:0.2em; padding:0; text-align:left; } #content aside form button { margin-right:2px; } #content aside form .buttons { margin-bottom:10px; } #content aside form .data { margin-bottom:0.4em; } #content aside form .field { margin-bottom:0.6em; } #content aside form .days { width:40px; } #content aside form .buttons { padding:0; text-align:right; } #content aside form input.date { width:146px; } #content aside form input.time { width:146px; } #content aside ul { margin:0; padding:0; list-style:none; } #content aside li { border-bottom:dotted 1px #fff; margin:0; } #content aside li:last-child { border-bottom:none; } #content aside li a { color:#333; display:block; padding:5px 10px; overflow:hidden; } #content aside li a:hover { color:#fff; background-color:#ccc; text-decoration:none; } #content aside li a.active { color:#fff; background-color:#1B77BD; text-decoration:none; } #content aside li a.active:hover { color:#fff; background-color:#1B77BD; text-decoration:none; } #content aside li span.count { float:right; padding:0 3px; height:18px; line-height:20px; background-color:#999; border-radius:2px; color:#fff; } #content aside li a.active span.count { background-color:#fff; color:#1B77BD; } #content aside li a:hover span.count { background-color:#fff; color:#333; } #content aside li span { color:#333; display:block; padding:4px 10px; overflow:hidden; } #content aside li span.active { color:#fff; background:#4D4D4D; text-decoration:none; } #content table .context .menu { width:180px; } #content table .context .menu li a { padding-left:32px; } #content table .context .menu li.view a { background-image:url('../images/context/view.svg'); } #content table .context .menu li.edit a { background-image:url('../images/context/edit.svg'); } #content table .context .menu li.delete a { background-image:url('../images/context/delete.svg'); } #content table .context .menu li.delete-redirect a { background-image:url('../images/context/delete.svg'); } #content table .context .menu li.reports a { background-image:url('../images/context/reports.svg'); } #content table .context .menu li.alerts a { background-image:url('../images/context/alerts.svg'); } #content table .context .menu li.prescriptions a { background-image:url('../images/context/prescriptions.svg'); } #content table .context .menu li.chroniccare a { background-image:url('../images/context/chroniccare.svg'); } #content table .context .menu li.stripcount a { background-image:url('../images/context/glucosestrips.svg'); } #content table .context .menu li.diabetescare a { background-image:url('../images/context/hedis.svg'); } #content table .context .menu li.profile a { background-image:url('../images/context/user.svg'); } #content table .context .menu li.efiles a { background-image:url('../images/context/efiles.svg'); } #content table .context .menu li.message a { background-image:url('../images/context/message.svg'); } #content table .context .menu li.messages a { background-image:url('../images/context/message.svg'); } #content table .context .menu li.feedback a { background-image:url('../images/context/feedback.svg'); } #content table .context .menu li.rewards a { background-image:url('../images/context/rewards.svg'); } #content table .context .menu li.phone a { background-image:url('../images/context/phone.svg'); } #content table .context .menu li.email a { background-image:url('../images/context/email.svg'); } #content table .context .menu li.cellphone a { background-image:url('../images/context/mobile.svg'); } #content table .context .menu li.doctor a { background-image:url('../images/context/doctor.svg'); } #content table .context .menu li.privileges a { background-image:url('../images/context/privileges.svg'); } #content table .context .menu li.network a { background-image:url('../images/context/network.svg'); } #content #filter-letters { padding:0; height:40px; margin-bottom:10px; background:#999; color:#fff; overflow:hidden; cursor:default; } #content #filter-letters span { float:left; height:40px; line-height:40px; text-align:center; background:#999; color:#fff; padding:0 8px; text-align:left; border-right:solid 1px #fff; } #content #filter-letters ul { margin:0 auto; list-style-type:none; color:#fff; } #content #filter-letters li { float:left; width:40px; height:40px; line-height:40px; text-align:center; border-right:solid 1px #fff; background:#666; display:none; } #content #filter-letters li.active { color:#fff; background:#666; text-decoration:none; cursor:pointer; display:block; } #content #filter-letters li.active:hover { color:#fff; background:#4D4D4D; } #content #filter-letters li.selected { background:#1B77BD; color:#fff; } #content #filter-letters li a { color:#fff; text-decoration:none; display:block; } #content #filter-letters li.selected a { color:#fff; text-decoration:none; } #content #paging { padding:0 8px; height:40px; line-height:40px; margin-bottom:10px; background:#999; color:#fff; overflow:hidden; cursor:default; } #content #paging.wait { background:#999 url('../images/preloaders/status.gif') no-repeat 0 center; padding-left:48px; color:#fff; } #content #paging.error { background:#999 url('../images/icons/status-error.svg') no-repeat 0 center; padding-left:48px; color:#fff; } #content #paging.error .count { display:none; } #content #paging .status { float:left; height:24px; padding:0 10px; text-align:center; } #content #paging .count { float:right; height:24px; padding:0 2px; text-align:center; } #content #paging .count label { float:left; margin:0 5px; } #content #paging .count select { float:left; padding:0; width:70px; margin:6px 0; font-size:18px; line-height:24px; cursor:pointer; color:#666; } #content .paging { padding:0 8px; height:40px; line-height:40px; margin-bottom:10px; background:#999; color:#fff; overflow:hidden; cursor:default; } #content .paging.wait { background:#999 url('../images/preloaders/status.gif') no-repeat 0 center; padding-left:48px; color:#fff; } #content .paging.error { background:#999 url('../images/icons/status-error.svg') no-repeat 0 center; padding-left:48px; color:#fff; } #content .paging.error .count { display:none; } #content .paging .status { float:left; height:24px; padding:0 10px; text-align:center; } #content .paging .count { float:right; height:24px; padding:0 2px; text-align:center; } #content .paging .count label { float:left; margin:0 5px; } #content .paging .count select { float:left; padding:0; width:70px; margin:6px 0; font-size:18px; line-height:24px; cursor:pointer; color:#666; } #content .paging-letters { padding:2px; height:18px; margin-bottom:1em; /*background:#cfcab2;*/ background:#e5dfc5; color:#cfcab2; overflow:hidden; cursor:default; } #content .paging-letters ul { margin:0 auto; list-style-type:none; } #content .paging-letters li { float:left; width:24px; height:18px; line-height:18px; text-align:center; margin:0 1px; background:#bbb6a1; /*background:#e5dfc5;*/ } #content .paging-letters li.label { background:#cfcab2; color:#fff; width:auto; padding:0 6px 0 8px; text-align:left; margin:0; } #content .paging-letters li.disabled { color:#cfcab2; } #content .paging-letters a { display:block; color:#fff; background:#bbb6a1; text-decoration:none; font-weight:bold; } #content .paging-letters a:hover { color:#fff; background:#4D4D4D; } #content .paging-numbers { padding:2px; height:18px; line-height:18px; margin-bottom:1em; background:#e5dfc5; color:#cfcab2; overflow:hidden; cursor:default; } #content .paging-numbers .prev { float:left; width:60px; height:18px; text-align:center; } #content .paging-numbers .next { float:right; width:60px; height:18px; text-align:center; } #content .paging-numbers ul { margin:0 auto; list-style-type:none; } #content .paging-numbers li { float:left; width:24px; height:18px; line-height:18px; text-align:center; margin:0 1px; background:#bbb6a1; } #content .paging-numbers li.disabled { color:#cfcab2; } #content .paging-numbers a { display:block; color:#fff; background:#bbb6a1; text-decoration:none; } #content .paging-numbers a:hover { color:#fff; background:#4D4D4D; } #content .paging-numbers ul a { font-weight:bold; } #content .tab-menu { margin:0 30px 30px; padding:0; height:64px; background:#999; border-radius:0; } #content .tab-menu ul { margin:0; list-style-type:none; } #content .tab-menu li { float:left; width:84px; height:64px; margin:0; text-align:center; overflow:hidden; border-right:solid 1px #fff; background-color:#666; background-repeat:no-repeat; background-position:center top; } #content .tab-menu li.profile { background-image:url('../images/icons/ribbon/profile.png'); } #content .tab-menu li.preferences { background-image:url('../images/icons/ribbon/settings.png'); } #content .tab-menu li.devices { background-image:url('../images/icons/ribbon/device.png'); } #content .tab-menu li.invoices { background-image:url('../images/icons/ribbon/invoice.png'); } #content .tab-menu li.insurance { background-image:url('../images/icons/ribbon/insurance.png'); } #content .tab-menu li.hedis { background-image:url('../images/icons/ribbon/hedis.png'); } #content .tab-menu li.disable { background-image:url('../images/icons/ribbon/user-delete.png'); } #content .tab-menu li.messages-inbox { background-image:url('../images/icons/ribbon/messages-inbox.svg'); } #content .tab-menu li.messages-compose { background-image:url('../images/icons/ribbon/messages-compose.svg'); } #content .tab-menu li.messages-deleted { background-image:url('../images/icons/ribbon/messages-deleted.svg'); } #content .tab-menu li.messages-sent { background-image:url('../images/icons/ribbon/messages-sent.svg'); } #content .tab-menu a { display:block; width:100%; height:100%; line-height:72px; overflow:hidden; color:#fff; text-decoration:none; } #content .tab-menu a:hover { } #content .tab-menu span { display:inline-block; vertical-align:bottom; padding:32px 8px 8px; line-height:12px; font-size:10px; } #content .tab-menu li.active { background-color:#1b77bd; } #content .tab-menu li.active:hover { background-color:#1b77bd; } #content .tab-menu li.active a { color:#fff; } #content .tab-menu li:hover { background-color:#4d4d4d; } #content .tab-menu .search-form { float:right; background:#fff; height:32px; margin:16px; } #content .tab-menu input { font-size:18px; border:none; height:32px; line-height:32px; padding:0 8px; color:#666; } #content .tab-menu button { margin:0; padding:0; width:32px; height:32px; border:none; border-radius:0; overflow:hidden; text-indent:-10000px; background:#666 url('../images/icons/ribbon/button-search.svg') no-repeat center; } #content .tab-menu button:hover { background-color:#4d4d4d; } #content section { border:solid 1px #dcdcdc; } #content section > header { background:#4d4d4d; height:28px; overflow:visible; position:relative; } #content section > header h1 { font-size:12px; color:#fff; height:28px; line-height:30px; margin:0; text-transform:uppercase; font-family:RobotoMedium; text-align:center; } #content section > header .controls { position:absolute; top:0; right:0; height:28px; text-align:right; } #content section > header .controls button { display:inline-block; border:none; border-radius:0; padding:0; margin:0; line-height:30px; height:28px; text-align:center; } #content section > header .controls button.text { padding:0 16px; } #content.list-view { } #content.list-view ul { list-style-type:none; margin-bottom:0; } #content.list-view li ul { margin-top:0; } #content.list-view .inner h1, #content.list-view .inner h2, #content.list-view .inner h3 { } #content.list-view .inner h1 { font-size:2em; } #content.list-view .inner h2 { font-size:1.5em; margin-bottom:0; } #content.list-view .inner h3 { font-size:1.2em; } #content.list-view .list-item { padding:1em 0; border-top:dotted 1px #ccc; background:none; } #content.list-view .list-item:first-child { padding-top:0; border:none; } #content.list-view .list-item > header { margin-left:128px; } #content.list-view .list-item > footer { margin-left:128px; text-align:right; } #content.list-view .list-item > div.description { margin-left:128px; } #content.list-view .list-item > div.details { margin-left:128px; } #content.list-view .list-item dl { } #content.list-view .list-item dt { font-weight:bold; margin-top:1em; margin-bottom:0.4em; } #content.list-view .list-item dd { } #content.list-view .list-item dd:last-child { margin-bottom:1em; } #content.list-view .list-item table { clear:left; } #content.list-view .list-item a.button { background:#fcc; padding:0.1em 0.4em; margin:0.1em auto; border-radius:4px; } #content.list-view .list-item .icon { float:left; background:#bbb6a1; } #content.list-view .list-item div.icon { padding-top:16px; width:96px; height:80px; } #content.list-view .list-item img.icon { width:64px; height:64px; padding:16px; } #content.details-view { } #content.details-view .inner h1, #content.details-view .inner h2, #content.details-view .inner h3 { } #content.details-view .inner h1 { font-size:2em; margin-bottom:0; } #content.details-view .inner h2 { font-size:1.5em; margin-bottom:0; } #content.details-view .inner h3 { font-size:1.2em; } #content .graph-container { position:relative; margin:0 0 1em; padding:0; background:#fff; } #content .graph-container .wrapper { background:#222; padding:0 16px; } #content .graph-container button { border:none; border-radius:0; margin:0 8px; padding:0; width:32px; height:32px; background:url('../images/icons/graph/dark/button-base.png') no-repeat center; } #content .graph-container button img { display:block; margin:0; padding:0; width:32px; height:32px; } #content .graph-container nav { position:absolute; left:0; right:0; top:0; height:80px; padding:8px 0; overflow:hidden; z-index:2; background:#222; opacity:0; transition:all 300ms ease; } #content .graph-container nav:hover { opacity:0.8; transition:all 300ms ease; } #content .graph-container nav.active, #content .graph-container nav.active:hover { opacity:1; transition:all 300ms ease; } #content .graph-container nav button { height:80px; margin:0 24px; padding:0; } #content .graph-container nav button.prev { float:left; } #content .graph-container nav button.next { float:right; } #content .graph-container nav button img { } #content .graph-container nav div.list { height:80px; margin:0 64px; overflow:hidden; } #content .graph-container nav ul { height:80px; text-align:center; color:#fff; font-size:90%; margin:0; } #content .graph-container nav li { float:left; margin:0 2px; width:128px; height:40px; padding-top:40px; overflow:hidden; background:#ccc; cursor:pointer; } #content .graph-container nav li img { width:128px; height:80px; } #content .graph-container nav li div { padding:4px; height:32px; line-height:16px; color:#fff; text-shadow:1px 1px 1px #000; background:url('../images/thumbnails/graphs/bg.png'); visibility:hidden; } #content .graph-container nav li:hover { background-color:#fff; } #content .graph-container nav li:hover div { visibility:visible; } #content .graph-container nav li.active { background-color:#fff; } #content .graph-container header { position:relative; height:96px; padding:0 40px; z-index:1; color:#999; } #content .graph-container header .title { float:left; padding-top:40px; } #content .graph-container header .title h1 { color:#1ba1e2; } #content .graph-container header .user { text-align:right; padding-top:40px; } #content .graph-container header h1 { text-shadow:none; font:normal 260% Segoe UI, Calibri, Helvetica; margin:0; } #content .graph-container header h2 { text-shadow:none; font:normal 120% Segoe UI, Calibri, Helvetica; margin:0; } #content .graph-container footer { position:relative; height:48px; overflow:hidden; z-index:2; } #content .graph-container footer .wrapper { height:48px; text-align:right; } #content .graph-container footer button { margin-top:8px; } #content .graph-container .content { position:relative; height:450px; width:100%; overflow:hidden; z-index:1; } #content .graph-container .index img { width:240px; height:180px; } #content .graph-container .content .graph { width:100%; height:100%; } #content .graph-container .content .graph canvas { margin:0 auto; z-index:1; } #content .graph-container .status { display:none; } #content .graph-container-preloading { color:#fff; padding:0; height:40px; line-height:40px; background:#999; } #content .graph-container-preloading .status { display:block; background:#999 url('../images/preloaders/status.gif') no-repeat 0 center; padding-left:48px; } #content .graph-container-preloading > * { display:none; } #content .graph-container-error { padding:20px; height:auto; } #content .graph-container-error .status { display:block; } #content .graph-container-error .content { display:none; } #content .graph-container-error header { display:none; } #content .graph-container-error footer { display:none; } #content .graph-container-fullscreen { position:fixed; top:0; left:0; width:100%; height:100%; z-index:100; } #content .graph-container-fullscreen canvas { } #content .graph-container-print { position:fixed; top:0; left:0; width:100%; height:100%; z-index:100; } #content .graph-container-fullscreen canvas { } #content .insulin-dose-review { } #content .insulin-dose-review label { text-align:left; } #content .insulin-dose-review form { } #content .insulin-dose-review form h1 { } #content .insulin-dose-review form fieldset { border:none; padding:16px; margin:0; min-height:230px; text-align:center; } #content .insulin-dose-review form .group .field { margin-bottom:0; } #content .insulin-dose-review form .field { display:inline-block; width:90px; margin:10px 1px; vertical-align:bottom; } #content .insulin-dose-review form .field label { display:block; width:90px; line-height:1.25em; margin-bottom:0.25em; vertical-align:baseline; } #content .insulin-dose-review form .field label ~ label { height:1em; } #content .insulin-dose-review form .field label.time { color:#999; font-size:10px; text-transform:uppercase; } #content .insulin-dose-review form .field input { padding-left:8px; padding-right:8px; width:68px; text-align:right; } #content .insulin-dose-review form .field input:focus { } #content .insulin-dose-review form .field.operator { text-align:center; width:16px; } #content .insulin-dose-review form .field.operator span { display:block; height:28px; line-height:30px; font-size:24px; color:#999; } #content .insulin-dose-review form .field.adjustment { } #content .insulin-dose-review form .field.adjustment input { width:40px; } #content .insulin-dose-review form fieldset .buttons { margin:10px 0; padding:0; } #content .insulin-dose-review form fieldset .buttons button { margin-bottom:8px; } #content .insulin-dose-review .padded { padding:16px 0; } #content .insulin-dose-review .health-readings { text-align:center; } #content .insulin-dose-review h1 { text-align:center; } #content .insulin-dose-review h2 { text-align:center; line-height:1.5em; } #content .insulin-dose-review h3 { margin:0; text-transform:none; } #content .insulin-dose-review .legend { padding:8px 16px; margin:0; } #content .insulin-dose-review .legend ul { list-style:none; margin:0; padding:0; } #content .insulin-dose-review .legend li { margin:0 0 8px; padding:0 8px; line-height:26px; border:solid 1px #ccc; max-width:140px; font-size:10px; text-align:left; } #content .insulin-dose-review .legend li.suggested { background:#eee; } #content .insulin-dose-review .legend li.manual { background:#F5DA81; } #content .insulin-dose-review .legend img { width:20px; height:20px; background:#1B77BD; vertical-align:middle; } #content .insulin-dose-review .legend p { line-height:20px; } #content .insulin-dose-review .dynamic-search-popup { } #content .insulin-dose-review .dynamic-search-popup ul h1 { font-size:14px; } #content .insulin-dose-review .dynamic-search-popup footer { padding:0; } #content .insulin-dose-review .field button.icon { margin-left:-4px; vertical-align:top; width:28px; height:28px; padding:0; background-color:#1B77BD; background-size:contain; border-radius:0; font-size:0; } #content .insulin-dose-review .field button.icon:hover { background-color:#5FA0D1; } #content .insulin-dose-review.dcf { } #content .insulin-dose-review.dcf table.patient tbody td { padding:2px 0; } #content .insulin-dose-review.dcf table.patient input { width:90%; border:none; } #content .insulin-dose-review.dcf table.patient input:focus { background-color:#caffd8; } #content .healthcare-plan { } #content .healthcare-plan table { } #content .healthcare-plan table h2 { padding:16px 16px; } #content #hedis-dashboard { } #content #hedis-dashboard header { background:#4d4d4d; text-align:center; margin-bottom:10px; } #content #hedis-dashboard header h1 { margin:0; font-size:18px; color:#fff; line-height:40px; } #content #hedis-dashboard h2 { margin-left:60px; margin-bottom:0; padding-bottom:4px; font-size:14px; } #content #hedis-dashboard fieldset { border:none; padding:0; margin-left:56px; margin-bottom:0; } #content #hedis-dashboard .field { float:left; width:auto; margin-right:15px; } #content #hedis-dashboard label { cursor:pointer; display:inline; width:auto; text-align:left; } #content #hedis-dashboard .icon { width:40px; height:40px; padding:0; background:#4d4d4d; } #content #hedis-dashboard button { float:left; display:block; width:40px; height:40px; padding:0; border:none; border-radius:0; background:#1B77BD url('../images/controls/button-save.svg') no-repeat center; background-size:80%; font-size:0; text-indent:-10000px; } #content #hedis-dashboard button img { display:block; width:40px; height:40px; padding:0; border:none; visibility:hidden; } #content #hedis-dashboard button[disabled] { cursor:default; } #content #hedis-dashboard button[disabled] img { visibility:visible; } #content #hedis-dashboard form { } #content #hedis-dashboard form input[type=text] { width:40px; padding-top:0; padding-bottom:0; } #content #hedis-dashboard form input[type=checkbox] { margin-left:40px; } #content #hedis-dashboard form input[type=radio] { float:left; margin-top:3px; } #content #hedis-dashboard .list-item { border:none; padding-top:0; } #content #hedis-appointments { } #content #hedis-appointments header { background:#4d4d4d; text-align:center; margin-bottom:10px; } #content #hedis-appointments header h1 { margin:0; font-size:18px; color:#fff; line-height:40px; } #content #hedis-appointments fieldset { display:none; border:none; margin:0; padding:0; } #content #hedis-appointments fieldset .field > label { width:150px; } #content #hedis-appointments fieldset .data { margin-left:160px; } #content #hedis-appointments fieldset input.integer { width:75px; } #content #hedis-appointments fieldset input.decimal { width:75px; } #content #hedis-appointments .list-item { border:none; } #content #hedis-appointments .list-item:first-child { } #content #hedis-appointments .list-item dl { } #content #hedis-appointments .list-item dd { margin-bottom:8px; } #content #hedis-appointments .list-item dt { margin-top:0; } #content #hedis-appointments .list-item footer { } #content #hedis-appointments .list-item h2 { margin-bottom:8px; margin-left:96px; cursor:pointer; } #content #hedis-appointments .list-item h2:hover { color:#1B77BD; } #content #hedis-appointments .list-item .details { margin-left:96px; } #content #hedis-appointments .list-item:nth-child(even) { } #content #hedis-appointments .buttons { padding-left:160px; } #content #hedis-appointments .buttons button { } #content #hedis-appointments .appointment { min-height:48px; margin-bottom:10px; } #content #hedis-appointments .list-item header h2 { } #content #hedis-appointments .list-item header p { } #content #hedis-appointments .list-item img.icon { position:absolute; display:block; background:#999; width:56px; height:56px; padding:8px; cursor:pointer; } #content #hedis-appointments .list-item img.icon:hover { background:#1B77BD; } #content #hedis-appointments .active { } #content #hedis-appointments .active .list-item { border-bottom:dotted 1px #ccc; padding-bottom:10px; } #content #hedis-appointments .active .list-item header p { display:none; } #content #hedis-appointments .active .list-item div.buttons { display:block; } #content #hedis-appointments .active .list-item img { background:#1B77BD; } #content #hedis-appointments .active .list-item img:hover { background:#1B77BD; } #content #hedis-appointments .active .list-item fieldset { display:block; } #sidebar { float:left; font-family:RobotoRegular; } #sidebar ol { margin:0; } #sidebar ul { margin:0; } #sidebar li { margin:0; } #sidebar .panel { padding-bottom:10px; border-bottom:solid 1px #999; } #sidebar .panel:last-child { border-bottom:none; } #sidebar .panel header { margin:0; padding:0 20px; height:48px; line-height:48px; cursor:default; } #sidebar .panel header h1 { color:#fff; font-size:14px; text-transform:uppercase; } #sidebar .panel .content { font-size:12px; line-height:28px; } #sidebar .panel p { padding:0 10px; margin-bottom:4px; } #sidebar .panel a { color:#fff; display:block; overflow:hidden; transition:all 500ms linear; } #sidebar .panel a:hover { color:#fff; background-color:#4D4D4D; text-decoration:none; transition:all 300ms ease; } #sidebar .panel li.active a { color:#fff; background-color:#333; text-decoration:none; } #sidebar .panel li.active a:hover { color:#fff; background-color:#333; text-decoration:none; text-shadow:1px 1px 1px #100; } #sidebar .panel span.count { float:right; padding:0 3px; margin:4px; height:18px; line-height:20px; background-color:#fff; /*border:solid 1px #DCDCDC;*/ border-radius:2px; color:#666; } #sidebar .panel a.active span.count { /*background-color:#ccc; border-radius:2px; color:#ccc;*/ } #sidebar .panel span { color:#333; display:block; padding:4px 10px; overflow:hidden; } #sidebar .panel span.active { color:#fff; background:#4D4D4D; text-decoration:none; text-shadow:1px 1px 1px #100; } #sidebar .panel ul { padding:0 20px; } #sidebar .panel li { text-transform:uppercase; } #sidebar .panel li a { background-repeat:no-repeat; background-position:0 center; background-size:auto 100%; padding-left:30px; height:28px; line-height:31px; overflow:hidden; } #sidebar .panel.user-info { } #sidebar .panel.user-info li { text-transform:none; } #sidebar .panel.activities li { text-transform:none; line-height:1.5em; background:#ccc; padding:4px 10px; margin-bottom:10px; border-left:solid 5px #999; color:#333; } #sidebar .panel.activities li span { font-family:RobotoMedium; display:inline; padding:0; color:#fff; } #sidebar .panel.activities li:hover { background:#dcdcdc; color:#000; } #sidebar #panel-chat { } #sidebar #panel-chat .content { padding:0 20px; margin-bottom:1px; } #sidebar #panel-chat ul { margin:0 0 10px; } #sidebar #panel-chat li { border:none; text-transform:none; } #sidebar #panel-chat .list { padding:0 0 10px; } #sidebar #panel-chat .list img { vertical-align:top; width:16px; height:16px; } #sidebar #panel-chat .list h1 { margin:0 0 5px; padding:4px 0 0; font-weight:normal; color:#fff; cursor:help; } #sidebar #panel-chat .list h1:hover { font-weight:bold; } #sidebar #panel-chat .list p { margin:0; padding:8px 10px; line-height:1.5em; background:#fff; border-radius:4px; position:relative; } #sidebar #panel-chat .list p:after { content:''; position:absolute; border-style:solid; border-width:0 10px 10px; border-color:#fff transparent; display:block; width:0; z-index:1; top:-10px; left:14px; } #sidebar #panel-chat .list p span { font-family:RobotoMedium; color:#1B77BD; padding:0; } #sidebar #panel-chat form { display:block; margin:0 auto; padding:2px 2px 2px 20px; width:auto; max-height:100px; background:#fff url('../images/controls/chat-black.png') no-repeat 2px 2px; overflow:hidden; } #sidebar #panel-chat form.wait { background:#ccc url('../images/preloaders/status.gif') no-repeat 2px 2px; } #sidebar #panel-chat .message { display:block; margin:0; padding:0; width:144px; height:1.5em; line-height:1.5em; border:none; resize:none; overflow:hidden; background:#fff; position:relative; z-index:2; } #sidebar #panel-chat .message::-webkit-input-placeholder { color:#cfcab2; font-style:italic; font-size:90%; } #sidebar #panel-chat .message:-moz-placeholder { color:#cfcab2; font-style:italic; font-size:90%; } #sidebar #panel-chat .message:placeholder { color:#cfcab2; font-style:italic; font-size:90%; } #sidebar #panel-chat .dummy-message { display:block; margin:0; padding:0 1px; width:142px; min-height:1.5em; line-height:1.7em; border:none; background:red; position:absolute; z-index:1; display:none; } #sidebar #panel-chat footer { margin:0 20px; } #sidebar #panel-activity-summary { } #sidebar #panel-activity-summary ul { border-top:solid 1px #e5dfc5; border-bottom:solid 1px #e5dfc5; margin-bottom:10px; } #sidebar #panel-activity-summary ul ul { border:none; list-style-type:disc; margin-left:2.2em; } #sidebar #panel-activity-summary ul ul li { border:none; padding:4px 0 0; color:#d5652c; } #sidebar #panel-activity-summary ul ul li:first-child { padding:0; } #sidebar #panel-activity-summary ul ul a { display:inline; background:none; padding:0; } #sidebar #panel-activity-summary ul ul a:hover { background:none; text-decoration:underline; color:#333; text-shadow:none; } #sidebar #panel-tips { } #sidebar #panel-tips a { display:inline; padding:0; } #sidebar #panel-template-actions ul div { display:none; } #sidebar #panel-template-actions ul li.active a { font-weight:bold; } #sidebar .tooltip { position:absolute; display:none; } #sidebar .ellipsis { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } #sidebar li.summary a { background-image:url('../images/icons/sidebar/summary.svg'); } #sidebar li.reports a { background-image:url('../images/icons/sidebar/reports.svg'); } #sidebar li.clinic a { background-image:url('../images/icons/sidebar/clinic.svg'); } #sidebar li.clinic a.nolink { background-image:url('../images/icons/sidebar/clinic.svg'); cursor:default; } #sidebar li.alerts a { background-image:url('../images/icons/sidebar/alerts.svg'); } #sidebar a.scheduled_message { background-image:url('../images/icons/sidebar/scheduled_message.svg'); } #sidebar li.prescriptions a { background-image:url('../images/icons/sidebar/prescriptions.svg'); } #sidebar li.chroniccare a { background-image:url('../images/icons/sidebar/chroniccare.svg'); } #sidebar li.stripcount a { background-image:url('../images/icons/sidebar/glucosestrips.svg'); } #sidebar li.diabetescare a { background-image:url('../images/icons/sidebar/hedis.svg'); } #sidebar li.information a { background-image:url('../images/icons/sidebar/information.svg'); } #sidebar li.otherdevices a { background-image:url('../images/icons/sidebar/otherdevices.svg'); } #sidebar li.ehp a { background-image:url('../images/icons/sidebar/checklist.svg'); } #sidebar li.ehp.warning a { background-image:url('../images/icons/sidebar/checklist-warning.svg'); } #sidebar li.clinic a { background-image:url('../images/icons/sidebar/clinic.svg'); } #sidebar li.clinic a.nolink { background-image:url('../images/icons/sidebar/clinic.svg'); cursor:default; } #sidebar li.efiles a { background-image:url('../images/icons/sidebar/efiles.svg'); } #sidebar li.message a { background-image:url('../images/icons/sidebar/message.svg'); } #sidebar li.feedback a { background-image:url('../images/icons/sidebar/feedback.svg'); } #sidebar li.rewards a { background-image:url('../images/icons/sidebar/rewards.svg'); } #sidebar li.phone a { background-image:url('../images/icons/sidebar/phone.svg'); } #sidebar li.phone.none a { background-image:url('../images/icons/sidebar/phone-add.svg'); } #sidebar li.email a { background-image:url('../images/icons/sidebar/email.svg'); } #sidebar li.email.unverified a { background-image:url('../images/icons/sidebar/email-unverified.svg'); } #sidebar li.cellphone a { background-image:url('../images/icons/sidebar/mobile.svg'); } #sidebar li.cellphone.unverified a { background-image:url('../images/icons/sidebar/mobile-unverified.svg'); } #sidebar li.cellphone.none a { background-image:url('../images/icons/sidebar/mobile-add.svg'); } #sidebar li.password a { background-image:url('../images/icons/sidebar/password.svg'); } #sidebar li.password.warning a { background-image:url('../images/icons/sidebar/password-warning.svg'); } #sidebar li.doctor a { background-image:url('../images/icons/sidebar/doctor.svg'); } #sidebar li.name a { background-image:url('../images/icons/sidebar/user.svg'); } #sidebar li.id a { background-image:url('../images/icons/sidebar/id.svg'); } #sidebar li.user-group a { background-image:url('../images/icons/sidebar/user-group.svg'); } #sidebar li.task a { background-image:url('../images/icons/sidebar/task.svg'); } #sidebar li.add a { background-image:url('../images/icons/sidebar/add.svg'); } #sidebar li.none a { } #sidebar li.warning a { color:#f60; } #sidebar li.unverified a { color:#f60; } #sidebar li.doctor ul { padding:0; padding-left: 15px } #sidebar li.doctor-phone { color:#fff; text-transform:lowercase; font-size: 12px; background-image: url(../images/icons/sidebar/phone.svg); background-position: -5px 50%; background-repeat: no-repeat; background-size: auto 100%; } #sidebar li.doctor-mobile { color:#fff; text-transform:lowercase; font-size: 12px; background-image: url(../images/icons/sidebar/mobile.svg); background-position: -5px 50%; background-repeat: no-repeat; background-size: auto 100%; } #sidebar li.doctor-email { color:#fff; text-transform:lowercase; font-size: 12px; background-image: url(../images/icons/sidebar/email.svg); background-position: -5px 50%; background-repeat: no-repeat; background-size: auto 100%; } #sidebar li.termsofuse a { background-image:url('../images/icons/sidebar/termsofuse.svg'); } #sidebar li.consentform a { background-image:url('../images/icons/sidebar/consentform.svg'); } #auxiliary-sidebar { float:right; font-family:RobotoRegular; } #auxiliary-sidebar header { padding:20px 20px 0; } #auxiliary-sidebar header ul { float:right; text-align:left; } #auxiliary-sidebar header ul ul { position:absolute; width:24px; padding-top:27px; top:0; right:0; background:#4d4d4d; z-index:4; display:none; } #auxiliary-sidebar header ul ul button { display:block; padding-left:28px; width:100px; background-position:left center; text-indent:0; text-align:left; line-height:24px; } #auxiliary-sidebar header ul ul button:focus { } #auxiliary-sidebar header ul ul li { position:relative; display:block; padding:2px; margin:0 0 0 -80px; width:100px; height:24px; background:#4d4d4d; } #auxiliary-sidebar header li { display:inline-block; width:24px; height:24px; position:relative; } #auxiliary-sidebar header button { width:24px; height:24px; } #auxiliary-sidebar header .menu { z-index:5; position:relative; } #auxiliary-sidebar h1 { font-size:14px; line-height:24px; overflow:hidden; margin:0; text-transform:uppercase; } #auxiliary-sidebar h2 { font-size:18px; line-height:24px; overflow:hidden; margin:0 0 16px; } #auxiliary-sidebar h3 { font-size:18px; text-transform:none; margin:0 0 8px; } #auxiliary-sidebar ol { margin:0; } #auxiliary-sidebar ul { margin:0; } #auxiliary-sidebar li { margin:0; } #auxiliary-sidebar p { line-height:1.5em; } #auxiliary-sidebar button { border:none; border-radius:0; padding:0; margin:0 0 0 0; display:inline-block; width:24px; height:24px; background-color:#4d4d4d; background-repeat:no-repeat; background-position:center; background-size:contain; overflow:hidden; text-indent:-10000px; } #auxiliary-sidebar button:hover { background-color:#333; } #auxiliary-sidebar button.message-user { background-image:url('../images/controls/button-message-user.svg'); } #auxiliary-sidebar button.next { background-image:url('../images/controls/button-next.svg'); } #auxiliary-sidebar button.back { background-image:url('../images/controls/button-prev.svg'); } #auxiliary-sidebar button.history { background-image:url('../images/controls/button-history.svg'); } #auxiliary-sidebar button.list { background-image:url('../images/controls/button-list.svg'); } #auxiliary-sidebar button.snooze { background-image:url('../images/controls/button-snooze.svg'); } #auxiliary-sidebar button.delete { background-image:url('../images/controls/button-delete.svg'); } #auxiliary-sidebar button.complete { background-image:url('../images/controls/button-complete.svg'); } #auxiliary-sidebar button.menu { background-image:url('../images/controls/button-dropdown.svg'); } #auxiliary-sidebar button.edit { background-image:url('../images/controls/button-edit.svg'); } #auxiliary-sidebar button.save { background-image:url('../images/controls/button-save.svg'); } #auxiliary-sidebar button.cancel { background-image:url('../images/controls/button-cancel.svg'); } #auxiliary-sidebar .buttons { float:right; } #auxiliary-sidebar .field > label, #auxiliary-sidebar .field .column > label { color:#999; font-size:10px; text-transform:uppercase; } #auxiliary-sidebar .data.view { line-height:1.5em; } #auxiliary-sidebar .data.list { } #auxiliary-sidebar .data.list label { position:relative; padding-left:24px; margin-bottom:4px; display:block; } #auxiliary-sidebar .data.list input { position:absolute; margin-left:-24px; margin-top:0; } #auxiliary-sidebar form.view { } #auxiliary-sidebar form.view button.cancel { display:none; } #auxiliary-sidebar form.view button.save { display:none; } #auxiliary-sidebar form.view button.edit { display:inline-block; } #auxiliary-sidebar form.view .field.view { display:block; } #auxiliary-sidebar form.view .field.edit { display:none; } #auxiliary-sidebar form.view .data.view { display:block; } #auxiliary-sidebar form.view .data.edit { display:none; } #auxiliary-sidebar form.edit { } #auxiliary-sidebar form.edit button.cancel { display:inline-block; } #auxiliary-sidebar form.edit button.save { display:inline-block; } #auxiliary-sidebar form.edit button.edit { display:none; } #auxiliary-sidebar form.view .field.view { display:block; } #auxiliary-sidebar form.view .field.edit { display:none; } #auxiliary-sidebar form.edit .data.view { display:none; } #auxiliary-sidebar form.edit .data.edit { display:block; } #auxiliary-sidebar #panel-tasks { } #auxiliary-sidebar #panel-tasks .field > label { color:#999; font-size:10px; text-transform:uppercase; } #auxiliary-sidebar #panel-tasks .menu { } #auxiliary-sidebar #panel-tasks ul.list { padding:0 20px; } #auxiliary-sidebar #panel-tasks .main p { padding:0 20px; } #auxiliary-sidebar #panel-tasks ul.list span { color:#fff; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition:all 500ms linear; background:url('../images/icons/sidebar/task.svg') no-repeat 0 center; background-size:auto 100%; padding-left:30px; height:28px; line-height:31px; cursor:pointer; } #auxiliary-sidebar #panel-tasks ul.list span.snoozed, #auxiliary-sidebar #panel-tasks ul.list span.snoozed:hover { background-image:url('../images/icons/sidebar/task-snoozed.svg'); color:#999; } #auxiliary-sidebar #panel-tasks ul.list span:hover { color:#fff; background-color:#4D4D4D; text-decoration:none; transition:all 300ms ease; } #auxiliary-sidebar #panel-tasks ul.list li { text-transform:none; } #auxiliary-sidebar #panel-tasks ul.list li.active a { color:#fff; background-color:#333; text-decoration:none; } #auxiliary-sidebar #panel-tasks ul.list li.active a:hover { color:#fff; background-color:#333; text-decoration:none; text-shadow:1px 1px 1px #100; } #auxiliary-sidebar #panel-tasks form { padding:20px; color:#fff; } #auxiliary-sidebar #panel-tasks form .field { margin-bottom:8px; } #auxiliary-sidebar #panel-tasks form label { display:block; margin-bottom:4px; } #auxiliary-sidebar #panel-tasks form .data label { cursor:pointer; } #auxiliary-sidebar #panel-tasks form .data em { color:#ccc; } #auxiliary-sidebar #panel-tasks form .creator { font-weight:bold; } #auxiliary-sidebar #panel-tasks form .non-relative { color:#ccc; } #auxiliary-sidebar #panel-tasks form input[type=text] { display:block; border:none; width:172px; padding-left:4px; padding-right:4px; } #auxiliary-sidebar #panel-tasks form select { display:block; border:none; width:100%; } #auxiliary-sidebar #panel-tasks form textarea { display:block; border:none; width:172px; padding:4px; resize:vertical; min-height:6em; line-height:1.5em; } #auxiliary-sidebar #panel-tasks form .columns { text-align:justify; } #auxiliary-sidebar #panel-tasks form .columns:after { content:""; display:inline-block; width:100%; } #auxiliary-sidebar #panel-tasks form .column { display:inline-block; width:45%; } #auxiliary-sidebar #panel-tasks .details form { padding-top:0; } #auxiliary-sidebar #panel-tasks form.schedules { } #auxiliary-sidebar #panel-tasks form.schedules input[type=text] { width:72px; } #auxiliary-sidebar #panel-tasks form.schedules.edit .columns { /*margin:8px 0 0;*/ margin:0; } #auxiliary-sidebar #panel-tasks form.schedules h3 { margin-bottom:6px; } #auxiliary-sidebar #panel-comments { } #auxiliary-sidebar #panel-comments .content { padding:0 20px; margin-bottom:1px; } #auxiliary-sidebar #panel-comments .list { margin:0 20px; padding:0 0 10px; } #auxiliary-sidebar #panel-comments .list li { margin:0 0 20px; border:none; text-transform:none; } #auxiliary-sidebar #panel-comments .list li div { overflow:hidden; text-overflow:ellipsis; } #auxiliary-sidebar #panel-comments .list header { padding:0; } #auxiliary-sidebar #panel-comments .list img { vertical-align:top; width:16px; height:16px; } #auxiliary-sidebar #panel-comments .list h1 { margin:0 0 6px; padding:0; font-weight:normal; font-size:12px; line-height:12px; color:#fff; cursor:help; } #auxiliary-sidebar #panel-comments .list h1:hover { } #auxiliary-sidebar #panel-comments .list h2 { margin:0 0 6px; font-size:12px; line-height:12px; color:#ccc; } #auxiliary-sidebar #panel-comments .list p { margin:0; padding:8px 10px; line-height:1.5em; background:#fff; border-radius:4px; position:relative; } #auxiliary-sidebar #panel-comments .list p:after { content:''; position:absolute; border-style:solid; border-width:0 10px 10px; border-color:#fff transparent; display:block; width:0; z-index:1; top:-10px; left:14px; } #auxiliary-sidebar #panel-comments .list p span { font-family:RobotoMedium; color:#1B77BD; padding:0; } #auxiliary-sidebar #panel-comments form { display:block; margin:20px; padding:4px 2px 4px 24px; width:auto; /*max-height:100px;*/ background:#fff url('../images/controls/form-comment.png') no-repeat 2px 4px; overflow:hidden; border:none; } #auxiliary-sidebar #panel-comments form.wait { background:#ccc url('../images/preloaders/status-message.gif') no-repeat 4px 4px; background-size:18px 18px; } #auxiliary-sidebar #panel-comments form.wait textarea { background:#ccc; } #auxiliary-sidebar #panel-comments textarea { display:block; margin:0; padding:0; width:154px; height:1.5em; line-height:1.5em; border:none; resize:none; overflow:hidden; background:#fff; position:relative; z-index:2; } #auxiliary-sidebar #panel-comments textarea::-webkit-input-placeholder { color:#cfcab2; font-style:italic; } #auxiliary-sidebar #panel-comments textarea:-moz-placeholder { color:#cfcab2; font-style:italic; } #auxiliary-sidebar #panel-comments textarea:placeholder { color:#cfcab2; font-style:italic; } #auxiliary-sidebar #panel-comments .dummy-input { display:block; margin:0; padding:0 1px; width:154px; min-height:1.5em; line-height:1.55em; border:none; background:red; position:absolute; z-index:1; display:none; } #auxiliary-sidebar #panel-comments footer { margin:0 20px; } #mailbox { } #mailbox.list ol { list-style:none; margin:0; padding:0; } #mailbox.list li { margin:0 0 1px; height:48px; line-height:48px; padding:0 0 0 48px; background:url('/console/assets/images/icons/message-opened.svg') no-repeat left center; cursor:pointer; transition:all ease 300ms; } #mailbox.list li:hover { background-color:#ccc; transition:all ease 500ms; } #mailbox.list li.new { background-image:url('/console/assets/images/icons/message-new.svg'); } #mailbox.list li.new a { font-family:RobotoRegular; font-weight:bold; color:#1B77BD; } #mailbox.list li a { display:block; color:#666; text-decoration:none; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } #mailbox.list li a:hover { text-decoration:none; } #mailbox.list li div { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#666; } #mailbox.list li .actions { float:right; height:48px; font-size:0; } #mailbox.list li .action { display:inline-block; width:48px; height:48px; margin-left:1px; } #mailbox.list li .action a { display:block; width:100%; height:100%; background:none no-repeat left center; } #mailbox.list li .action a:hover { background-color:#999; } #mailbox.list li .action.delete a { background-image:url('/console/assets/images/icons/message-delete.svg'); } #mailbox.list li .action.reply a { background-image:url('/console/assets/images/icons/message-reply.svg'); } #mailbox.list li .action.task a { background-image:url('/console/assets/images/icons/message-task.svg'); } #mailbox.list li .content { } #mailbox.list li .content > div { font-size:14px; } #mailbox.list li .date { float:right; width:140px; text-align:center; } #mailbox.list li .sender { float:left; width:190px; padding:0 8px; } #mailbox.list li .subject { margin:0 156px 0 222px; } #mailbox.details { } #mailbox.details article { margin-top:2em; } #mailbox.details header { height:48px; margin-bottom:8px; } #mailbox.details h1 { font-size:24px; line-height:48px; } #mailbox.details h2 { margin-bottom:8px; } #mailbox.details h2 strong { text-transform:lowercase; font-size:12px; margin-right:8px; font-weight:normal; } #mailbox.details .actions { float:right; } #mailbox.details .actions button { display:inline-block; width:48px; height:48px; background:#ccc no-repeat left center; overflow:hidden; text-indent:-10000px; border:none; border-radius:0; } #mailbox.details .actions button:hover { background-color:#999; } #mailbox.details .actions button.delete { background-image:url('/console/assets/images/icons/message-delete.svg'); } #mailbox.details .actions button.reply { background-image:url('/console/assets/images/icons/message-reply.svg'); } #mailbox.details .body { font-size:18px; line-height:2em; font-family:RobotoLight; } #mailbox fieldset { border:none; } #mailbox fieldset label { width:140px; } #mailbox fieldset .data { margin-left:150px; } #mailbox fieldset .data input[type=text], #mailbox fieldset .data select, #mailbox fieldset .data textarea { width:300px; } #mailbox .buttons { padding-left:160px; } #glucosestrips { } #glucosestrips th .action { float:right; display:none; } #glucosestrips th .status { float:left; display:none; cursor:help; } #glucosestrips th .date { background-color:#fff; border-color:#c66; } #glucosestrips #glucosestrips-row-edit, #glucosestrips #glucosestrips-row-message { } #glucosestrips #glucosestrips-refillquantity { width:25px; } #glucosestrips #glucosestrips-comment { width:90%; } #glucosestrips-summary { } #glucosestrips-summary tbody td.data { padding:1px; } #glucosestrips-summary tbody div { padding:1px 4px; text-align:right; } #glucosestrips-summary tbody div.history-tooltip { cursor:help; } #glucosestrips-summary tbody div.history-tooltip label { cursor:help; } #glucosestrips-summary tbody div.history-tooltip:hover { background-color:#4D4D4D; color:#fff; } #glucosestrips-summary tbody label { float:left; width:65%; text-align:left; } #glucosestrips-summary tbody input { width:25%; text-align:right; } #glucosestrips-summary tbody input.edit { } #glucosestrips-summary tbody .time-period { font-weight:bold; } #glucosestrips-summary tbody .time-period input { font-weight:bold; } #glucosestrips-summary tbody .message { display:none; } #glucosestrips-summary .history { display:none; } #popup-glucosestrips { /*width:400px; height:200px;*/ } .graph-container { border:solid 1px #dcdcdc; } .graph-container #graph { margin:3em auto 0; height:270px; position:relative; } .graph-container h2 { } #content #edit-selection-menu { margin:0 30px 30px; padding:0; height:64px; background:#999; border-radius:0; } #content #edit-selection-menu ul { margin:0; list-style-type:none; } #content #edit-selection-menu li { float:left; width:80px; height:64px; margin:0; text-align:center; overflow:hidden; border-right:solid 1px #fff; background-color:#666; background-repeat:no-repeat; background-position:center top; } #content #edit-selection-menu li.profile { background-image:url('../images/icons/ribbon/profile.png'); } #content #edit-selection-menu li.preferences { background-image:url('../images/icons/ribbon/settings.png'); } #content #edit-selection-menu li.devices { background-image:url('../images/icons/ribbon/device.png'); } #content #edit-selection-menu li.invoices { background-image:url('../images/icons/ribbon/invoice.png'); } #content #edit-selection-menu li.insurance { background-image:url('../images/icons/ribbon/insurance.png'); } #content #edit-selection-menu li.hedis { background-image:url('../images/icons/ribbon/hedis.png'); } #content #edit-selection-menu li.disable { background-image:url('../images/icons/ribbon/user-delete.png'); } #content #edit-selection-menu a { display:block; height:20px; padding-top:44px; overflow:hidden; color:#fff; text-decoration:none; } #content #edit-selection-menu a:hover { } #content #edit-selection-menu span { display:block; height:20px; line-height:16px; } #content #edit-selection-menu li.active { background-color:#1b77bd; } #content #edit-selection-menu li.active:hover { background-color:#1b77bd; } #content #edit-selection-menu li.active a { color:#fff; } #content #edit-selection-menu li:hover { background-color:#4d4d4d; } #edit-selection-menu li.hba1cicon { background-image:url('../images/icons/otherdevice/hba1c.png'); } #edit-selection-menu li.weighticon { background-image:url('../images/icons/otherdevice/weight.png'); } #edit-selection-menu li.dieticon { background-image:url('../images/icons/otherdevice/diet.png'); } #edit-selection-menu li.insulinicon { background-image:url('../images/icons/otherdevice/insulin.png'); } #edit-selection-menu li.exerciseicon { background-image:url('../images/icons/otherdevice/exercise.png'); } #edit-selection-menu li.bloodpressureicon { background-image:url('../images/icons/otherdevice/bp.png'); } #edit-selection-menu li.nebulizericon { background-image:url('../images/icons/otherdevice/nebulizer.png'); } @media screen and (min-width:320px) { /* smartphones, iPhone, portrait 480x320 phones */ #footer { bottom:0; left:0; right:0; clear:both; background:#dcdcdc; color:#333; line-height:1.5em; text-shadow:1px 1px 0 #fff; } #footer #copyright { position:absolute; height:3em; margin-top:26em; margin-left:20px; top:50%; text-align:right; } } @media screen and (min-width:481px) { /* portrait e-readers (Nook/Kindle), smaller tablets 600 or 640 wide. */ #footer { bottom:0; left:0; right:0; clear:both; background:#dcdcdc; color:#333; line-height:1.5em; text-shadow:1px 1px 0 #fff; } #footer #copyright { position:absolute; height:3em; margin-top:26em; margin-left:20px; top:50%; text-align:right; } } @media screen and (min-width:641px) { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ #footer { position:absolute; bottom:0; left:0; right:0; clear:both; background:#dcdcdc; color:#333; line-height:1.5em; text-shadow:1px 1px 0 #fff; } #footer #copyright { position:absolute; height:3em; margin-top:-1.2em; margin-left:20px; top:50%; text-align:right; } } #footer > div { } #footer #confidential-notice { padding:20px 30px 15px; margin-left:220px; text-align:justify; border-left:solid 1px #fff; font-size:10px; } #footer #copyright span { display:block; } /*#content .glucose-filter { } #content .glucose-filter .glucose-filter-dropdown { text-transform: uppercase; color: #666; } #content .glucose-filter .divider { border-top: 1px solid #D9D9D9; margin: 0px 0px 15px 0px; } #content .glucose-filter #StartDate { text-transform: uppercase; color: #666; } #content .glucose-filter #EndDate { text-transform: uppercase; color: #666; }*/ #content #content-filter { border-top:1px solid #D9D9D9; margin:0 30px 30px; padding:4px 0 0; text-transform:uppercase; } #content-filter button { background:none; border-radius:0; margin:0; padding:0; color:#666; } #content-filter form > div { display:inline-block; overflow:visible; } #content-filter form > div:first-child { color:#999; } #content-filter form .field { padding-left:18px; position:relative; } #content-filter form .field > button { position:relative; z-index:5; padding:0 8px; } #content-filter form .field > button span { font-size:8px; vertical-align:middle; margin:0 4px; } #content-filter form .field > button { padding-right:0; height:30px; transition:none; } #content-filter form .field > button::after { content:"\25bc"; display:block; float:right; margin-left:4px; width:16px; height:30px; } #content-filter form .field .field-popup { position:absolute; top:30px; right:0; z-index:5; display:block; width:16px; overflow:visible; display:none; } #content-filter form .field.active > button { background:#999; color:#fff; } #content-filter form .field.active > button::after { background:#333; color:#fff; box-shadow:2px 2px 1px rgba(0,0,0,0.2); } #content-filter form .field.active .field-popup { display:block; } #content-filter form .field.dropdown ul { display:inline-block; float:right; margin:0; padding:2px; background:#4d4d4d; box-shadow:2px 2px 1px rgba(0,0,0,0.2); text-align:right; } #content-filter form .field.dropdown li { display:block; padding:4px 12px; margin:0; height:24px; line-height:24px; background:#4d4d4d; color:#fff; font-size:11px; white-space:nowrap; overflow:hidden; cursor:pointer; } #content-filter form .field.dropdown li:hover { background:#333; } #content-filter form .field.date-range .field-popup:focus { display:block; } #content-filter form .field.date-range .ui-datepicker { position:absolute; right:0; } #content-filter form .field.date-range .ui-corner-all { border-top-right-radius:0; } #content-filter form .field.date-range .ui-datepicker-current-day a { background: #ccc; color:#fff; } #content-filter form .field.date-range .ui-datepicker-current-day.ui-state-highlight a, #content-filter form .field.date-range .ui-state-highlight a { background: #1B77BD; color:#fff; } #dcfshowmorereviews{ height:20px; background-color:#eee; color:#999; font-weight:bold; text-align:center; padding:10px 0; cursor:pointer; } #dcfshowmorereviews:hover{ text-decoration:underline; } @media print { #header, #footer, #mainnav, #container #sidebar, #container #sidebar:before, #container #sidebar:after, #container #auxiliary-sidebar, #container #auxiliary-sidebar:before, #container #auxiliary-sidebar:after { display:none !important; } #patient-browser { background:#fff; color:#333; margin:0; padding:0; } #patient-browser .search, #patient-browser .browser, #patient-browser #patient-toolbar { display:none; } #patient-browser #patient-browser-name { padding:0; } #patient-browser #patient-browser-cumulative-time { margin:0; padding:0; } #container #content { margin:0 !important; clear:both; position:relative; } #container #content > header { margin:0; padding:0; } #container #content > header h1 { font-size:24px; } #container #content > .inner { margin:0; padding:0; } #container #content aside { display:none; } } #tblHealthcarePlan td { background-color: #F6F6F6; border: 1px solid #D5D6D6; } /*Filter Patient Panel*/ #btnFilterPatients { position: absolute; right: 30px; top: 148px; z-index: 5; margin: 0; padding: 0; width: 24px; height: 24px; background-position: center; background-color: transparent; transition: none; } .filter-show { background: #ffffff url('/console/assets/images/icons/filter-patients-show.png') no-repeat 0 center; } .filter-hide { background: #ffffff url('/console/assets/images/icons/filter-patients-hide.png') no-repeat 0 center; } #filter-patient-panel { position: absolute; right: 30px; padding: 0; width: 200px; top: 194px; } #filter-patient-panel.left { float: left; margin-left: 30px; margin-right: 0; } #filter-patient-panel.right { float: right; } #filter-patient-panel .panel { border: solid 1px #dcdcdc; padding: 0; margin-bottom: 10px; background-color: #fff; } #filter-patient-panel .panel > form { padding: 10px 10px 0; } #filter-patient-panel .panel > div { padding: 10px; } #filter-patient-panel header { margin: 0; background: #999; } #filter-patient-panel header h1 { color: #fff; line-height: 23px; padding: 6px 10px; margin: 0; text-shadow: none; } #filter-patient-panel h1 { font-weight: 400; text-transform: uppercase; } #filter-patient-panel hr { border-color: #dcdcdc; } #filter-patient-panel form { padding: 10px 10px 0; } #filter-patient-panel form label { float: none; display: block; width: auto; margin-bottom: 0.4em; } #filter-patient-panel form select { width: 180px; } #filter-patient-panel form input[type=text] { width: 174px; } #filter-patient-panel form label { display: block; float: none; width: auto; margin-bottom: 0.2em; padding: 0; text-align: left; } #filter-patient-panel form button { margin-right: 2px; } #filter-patient-panel form .buttons { margin-bottom: 10px; } #filter-patient-panel form .data { margin-bottom: 0.4em; } #filter-patient-panel form .field { margin-bottom: 0.6em; } #filter-patient-panel form .days { width: 40px; } #filter-patient-panel form .buttons { padding: 0; text-align: right; } #filter-patient-panel form input.date { width: 146px; } #filter-patient-panel form input.time { width: 146px; } #filter-patient-panel ul { margin: 0; padding: 0; list-style: none; } #filter-patient-panel li { border-bottom: dotted 1px #fff; margin: 0; } #filter-patient-panel li:last-child { border-bottom: none; } #filter-patient-panel li a { color: #333; display: block; padding: 5px 10px; overflow: hidden; } #filter-patient-panel li a:hover { color: #fff; background-color: #ccc; text-decoration: none; } #filter-patient-panel li a.active { color: #fff; background-color: #1B77BD; text-decoration: none; } #filter-patient-panel li a.active:hover { color: #fff; background-color: #1B77BD; text-decoration: none; } #filter-patient-panel li span.count { float: right; padding: 0 3px; height: 18px; line-height: 20px; background-color: #999; border-radius: 2px; color: #fff; } #filter-patient-panel li a.active span.count { background-color: #fff; color: #1B77BD; } #filter-patient-panel li a:hover span.count { background-color: #fff; color: #333; } #filter-patient-panel li span { color: #333; display: block; padding: 4px 10px; overflow: hidden; } #filter-patient-panel li span.active { color: #fff; background: #4D4D4D; text-decoration: none; } #btnFilterPatients:hover { background-color: #ffffff; transition: none; } #btnFilterPatients[data-tooltip]:before { pointer-events: none; content: attr(data-tooltip); font-size: 11px; height: 28px; line-height: 30px; padding: 0 16px; color: #fff; position: absolute; right: 44px; margin-bottom: -26px; white-space: nowrap; z-index: 0; border-radius: 4px 4px 0 4px; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2); background: #333; text-transform: uppercase; opacity: 0; bottom: 80%; transition: all 500ms ease; } #btnFilterPatients[data-tooltip]:after { pointer-events: none; content: ''; position: absolute; border-style: solid; border-width: 8px 9px 0; border-color: #333 transparent; display: block; width: 0; z-index: 101; right: 31px; margin-bottom: -16px; opacity: 0; bottom: 80%; -ms-transform: rotate(270deg); /* IE 9 */ -webkit-transform: rotate(270deg); /* Chrome, Safari, Opera */ transform: rotate(270deg); transition: all 500ms ease; } #btnFilterPatients[data-tooltip]:hover:before { bottom: 100%; opacity: 1; transition: all 250ms ease; } #btnFilterPatients[data-tooltip]:hover:after { bottom: 100%; opacity: 1; transition: all 250ms ease; } #grdInvitedUsers thead tr, #grdInvitedUsers thead tr th { background: #999; color: #fff; font: 12px RobotoRegular; } @media screen and (min-width:320px) { /* smartphones, iPhone, portrait 480x320 phones */ #dvRegistrationTitle h3 { text-transform: capitalize; position: absolute; font-size: 18px; line-height: 24px; margin-top: 14px; } } @media screen and (min-width:481px) { /* portrait e-readers (Nook/Kindle), smaller tablets 600 or 640 wide. */ #dvRegistrationTitle h3 { text-transform: capitalize; position: absolute; font-size: 18px; line-height: 24px; margin-top: 14px; } } @media screen and (min-width:641px) { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ #dvRegistrationTitle h3 { text-transform: capitalize; position: absolute; bottom: -34px; font-size: 32px; line-height: 24px; margin-top: 0px; } } @media screen and (min-width:961px) { /* tablet, landscape iPad, lo-res laptops ands desktops */ } @media screen and (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ } @media screen and (min-width:1281px) { /* hi-res laptops and desktops */ } #dvRegistrationTitle { height: 42px; vertical-align: bottom; position: relative; margin-left: 157px; color: white; display: block; } .invisible { display:none; } .registration fieldset .data label { vertical-align: bottom; } .registration fieldset .data { padding-top: 1px; } @font-face { font-family: 'RobotoRegular'; src: url('../fonts/roboto/Roboto-Regular-webfont.eot'); src: url('../fonts/roboto/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto/Roboto-Regular-webfont.woff') format('woff'), url('../fonts/roboto/Roboto-Regular-webfont.ttf') format('truetype'), url('../fonts/roboto/Roboto-Regular-webfont.svg#RobotoRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'RobotoItalic'; src: url('../fonts/roboto/Roboto-Italic-webfont.eot'); src: url('../fonts/roboto/Roboto-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto/Roboto-Italic-webfont.woff') format('woff'), url('../fonts/roboto/Roboto-Italic-webfont.ttf') format('truetype'), url('../fonts/roboto/Roboto-Italic-webfont.svg#RobotoItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'RobotoBold'; src: url('../fonts/roboto/Roboto-Bold-webfont.eot'); src: url('../fonts/roboto/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto/Roboto-Bold-webfont.woff') format('woff'), url('../fonts/roboto/Roboto-Bold-webfont.ttf') format('truetype'), url('../fonts/roboto/Roboto-Bold-webfont.svg#RobotoBold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'RobotoBoldItalic'; src: url('../fonts/roboto/Roboto-BoldItalic-webfont.eot'); src: url('../fonts/roboto/Roboto-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto/Roboto-BoldItalic-webfont.woff') format('woff'), url('../fonts/roboto/Roboto-BoldItalic-webfont.ttf') format('truetype'), url('../fonts/roboto/Roboto-BoldItalic-webfont.svg#RobotoBoldItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'RobotoCondensed'; src: url('../fonts/roboto/Roboto-Condensed-webfont.eot'); src: url('../fonts/roboto/Roboto-Condensed-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto/Roboto-Condensed-webfont.woff') format('woff'), url('../fonts/roboto/Roboto-Condensed-webfont.ttf') format('truetype'), url('../fonts/roboto/Roboto-Condensed-webfont.svg#RobotoCondensed') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'RobotoCondensedItalic'; src: url('../fonts/roboto/Roboto-CondensedItalic-webfont.eot'); src: url('../fonts/roboto/Roboto-CondensedItalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto/Roboto-CondensedItalic-webfont.woff') format('woff'), url('../fonts/roboto/Roboto-CondensedItalic-webfont.ttf') format('truetype'), url('../fonts/roboto/Roboto-CondensedItalic-webfont.svg#RobotoCondensedItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'RobotoBoldCondensed'; src: url('../fonts/roboto/Roboto-BoldCondensed-webfont.eot'); src: url('../fonts/roboto/Roboto-BoldCondensed-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto/Roboto-BoldCondensed-webfont.woff') format('woff'), url('../fonts/roboto/Roboto-BoldCondensed-webfont.ttf') format('truetype'), url('../fonts/roboto/Roboto-BoldCondensed-webfont.svg#RobotoBoldCondensed') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'RobotoBoldCondensedItalic'; src: url('../fonts/roboto/Roboto-BoldCondensedItalic-webfont.eot'); src: url('../fonts/roboto/Roboto-BoldCondensedItalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto/Roboto-BoldCondensedItalic-webfont.woff') format('woff'), url('../fonts/roboto/Roboto-BoldCondensedItalic-webfont.ttf') format('truetype'), url('../fonts/roboto/Roboto-BoldCondensedItalic-webfont.svg#RobotoBoldCondensedItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'RobotoThin'; src: url('../fonts/roboto/Roboto-Thin-webfont.eot'); src: url('../fonts/roboto/Roboto-Thin-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto/Roboto-Thin-webfont.woff') format('woff'), url('../fonts/roboto/Roboto-Thin-webfont.ttf') format('truetype'), url('../fonts/roboto/Roboto-Thin-webfont.svg#RobotoThin') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'RobotoThinItalic'; src: url('../fonts/roboto/Roboto-ThinItalic-webfont.eot'); src: url('../fonts/roboto/Roboto-ThinItalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto/Roboto-ThinItalic-webfont.woff') format('woff'), url('../fonts/roboto/Roboto-ThinItalic-webfont.ttf') format('truetype'), url('../fonts/roboto/Roboto-ThinItalic-webfont.svg#RobotoThinItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'RobotoLight'; src: url('../fonts/roboto/Roboto-Light-webfont.eot'); src: url('../fonts/roboto/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto/Roboto-Light-webfont.woff') format('woff'), url('../fonts/roboto/Roboto-Light-webfont.ttf') format('truetype'), url('../fonts/roboto/Roboto-Light-webfont.svg#RobotoLight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'RobotoLightItalic'; src: url('../fonts/roboto/Roboto-LightItalic-webfont.eot'); src: url('../fonts/roboto/Roboto-LightItalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto/Roboto-LightItalic-webfont.woff') format('woff'), url('../fonts/roboto/Roboto-LightItalic-webfont.ttf') format('truetype'), url('../fonts/roboto/Roboto-LightItalic-webfont.svg#RobotoLightItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'RobotoMedium'; src: url('../fonts/roboto/Roboto-Medium-webfont.eot'); src: url('../fonts/roboto/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto/Roboto-Medium-webfont.woff') format('woff'), url('../fonts/roboto/Roboto-Medium-webfont.ttf') format('truetype'), url('../fonts/roboto/Roboto-Medium-webfont.svg#RobotoMedium') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'RobotoMediumItalic'; src: url('../fonts/roboto/Roboto-MediumItalic-webfont.eot'); src: url('../fonts/roboto/Roboto-MediumItalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto/Roboto-MediumItalic-webfont.woff') format('woff'), url('../fonts/roboto/Roboto-MediumItalic-webfont.ttf') format('truetype'), url('../fonts/roboto/Roboto-MediumItalic-webfont.svg#RobotoMediumItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'RobotoBlack'; src: url('../fonts/roboto/Roboto-Black-webfont.eot'); src: url('../fonts/roboto/Roboto-Black-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto/Roboto-Black-webfont.woff') format('woff'), url('../fonts/roboto/Roboto-Black-webfont.ttf') format('truetype'), url('../fonts/roboto/Roboto-Black-webfont.svg#RobotoBlack') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'RobotoBlackItalic'; src: url('../fonts/roboto/Roboto-BlackItalic-webfont.eot'); src: url('../fonts/roboto/Roboto-BlackItalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto/Roboto-BlackItalic-webfont.woff') format('woff'), url('../fonts/roboto/Roboto-BlackItalic-webfont.ttf') format('truetype'), url('../fonts/roboto/Roboto-BlackItalic-webfont.svg#RobotoBlackItalic') format('svg'); font-weight: normal; font-style: normal; }