//Start files
/*
* jQuery UI CSS Framework 1.8.15
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Theming/API
*/
/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.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 1.8.15
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Theming/API
*
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
*/
/* Component containers
----------------------------------*/
.ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; }
.ui-widget-content a { color: #222222; }
.ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; }
.ui-widget-header a { color: #222222; }
/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; 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 #999999; background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; 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 #fcefa1; background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; }
.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/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); }
.ui-state-default .ui-icon { background-image: url(images/ui-icons_888888_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_454545_256x240.png); }
.ui-state-active .ui-icon {background-image: url(images/ui-icons_454545_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_2e83ff_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_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-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
/* Overlays */
.ui-widget-overlay { background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/*
* jQuery UI Resizable 1.8.15
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Resizable#theming
*/
.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;}/*
* jQuery UI Selectable 1.8.15
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Selectable#theming
*/
.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; }
/*
* jQuery UI Accordion 1.8.15
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Accordion#theming
*/
/* IE/Win - Fix animation bug - #4615 */
.ui-accordion { width: 100%; }
.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; }
.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; }
/*
* jQuery UI Autocomplete 1.8.15
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Autocomplete#theming
*/
.ui-autocomplete { position: absolute; cursor: default; }
/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */
/*
* jQuery UI Menu 1.8.15
*
* Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Menu#theming
*/
.ui-menu {
list-style:none;
padding: 2px;
margin: 0;
display:block;
float: left;
}
.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;
}
/*
* jQuery UI Button 1.8.15
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Button#theming
*/
.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; } /* 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.4; }
.ui-button-text-only .ui-button-text { padding: .4em 1em; }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 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: .4em 1em; }
/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .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-primary .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-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .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 */
/*
* jQuery UI Dialog 1.8.15
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Dialog#theming
*/
.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 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 { position: relative; 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 .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
/*
* jQuery UI Slider 1.8.15
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Slider#theming
*/
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.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: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.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; }/*
* jQuery UI Tabs 1.8.15
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Tabs#theming
*/
.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; }
/*
* jQuery UI Datepicker 1.8.15
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Datepicker#theming
*/
.ui-datepicker { width: 17em; 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: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.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; font-weight: bold; border: 0; }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.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; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
/* 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%; font-size:0em; }
/* 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*/
}/*
* jQuery UI Progressbar 1.8.15
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Progressbar#theming
*/
.ui-progressbar {
height:2em;
text-align: left;
height: 24px;
border: solid 1px #85cd2f;
}
.ui-progressbar .ui-progressbar-value {
margin: -1px;
height:100%;
background: #85cd2f;
border: 1px solid #85cd2f;
}
.ui-dialog .ui-dialog-titlebar-full {
position: absolute;
right: 2em;
top: 50%;
width: 19px;
margin: -10px 0 0 0;
padding: 1px;
height: 18px;
}
.ui-dialog .ui-dialog-titlebar-full span {
display: block;
margin: 1px;
}
.ui-dialog .ui-dialog-titlebar-full:hover,
.ui-dialog .ui-dialog-titlebar-full:focus {
padding: 0;
}
/*
* qTip2 - Pretty powerful tooltips
* http://craigsworks.com/projects/qtip2/
*
* Version: nightly
* Copyright 2009-2010 Craig Michael Thompson - http://craigsworks.com
*
* Dual licensed under MIT or GPLv2 licenses
* http://en.wikipedia.org/wiki/MIT_License
* http://en.wikipedia.org/wiki/GNU_General_Public_License
*
* Date: Mon Aug 1 10:57:03 PDT 2011
*/
/* Core qTip styles */
.ui-tooltip, .qtip{
position: absolute;
left: -28000px;
top: -28000px;
display: none;
max-width: 280px;
min-width: 50px;
font-size: 10.5px;
line-height: 12px;
z-index: 15000;
}
/* Fluid class for determining actual width in IE */
.ui-tooltip-fluid{
display: block;
visibility: hidden;
position: static !important;
float: left !important;
}
.ui-tooltip-content{
position: relative;
padding: 5px 9px;
overflow: hidden;
border-width: 1px;
border-style: solid;
text-align: left;
word-wrap: break-word;
overflow: hidden;
}
.ui-tooltip-titlebar{
position: relative;
min-height: 14px;
padding: 5px 35px 5px 10px;
overflow: hidden;
border-width: 1px 1px 0;
border-style: solid;
font-weight: bold;
}
.ui-tooltip-titlebar + .ui-tooltip-content{ border-top-width: 0px !important; }
/*! Default close button class */
.ui-tooltip-titlebar .ui-state-default{
position: absolute;
right: 4px;
top: 50%;
margin-top: -9px;
cursor: pointer;
outline: medium none;
border-width: 1px;
border-style: solid;
}
* html .ui-tooltip-titlebar .ui-state-default{ top: 16px; } /* IE fix */
.ui-tooltip-titlebar .ui-icon,
.ui-tooltip-icon .ui-icon{
display: block;
text-indent: -1000em;
}
.ui-tooltip-icon, .ui-tooltip-icon .ui-icon{
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.ui-tooltip-icon .ui-icon{
width: 18px;
height: 14px;
text-align: center;
text-indent: 0;
font: normal bold 10px/13px Tahoma,sans-serif;
color: inherit;
background: transparent none no-repeat -100em -100em;
}
/* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */
.ui-tooltip-focus{
}
/* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */
.ui-tooltip-hover{
}
/*! Default tooltip style */
.ui-tooltip-default .ui-tooltip-titlebar,
.ui-tooltip-default .ui-tooltip-content{
border-color: #F1D031;
background-color: #FFFFA3;
color: #555;
}
.ui-tooltip-default .ui-tooltip-titlebar{
background-color: #FFEF93;
}
.ui-tooltip-default .ui-tooltip-icon{
border-color: #CCC;
background: #F1F1F1;
color: #777;
}
.ui-tooltip-default .ui-tooltip-titlebar .ui-state-hover{
border-color: #AAA;
color: #111;
}
/* Tips plugin */
.ui-tooltip .ui-tooltip-tip{
margin: 0 auto;
overflow: hidden;
background: transparent !important;
border: 0px dashed transparent !important;
z-index: 10;
}
.ui-tooltip .ui-tooltip-tip,
.ui-tooltip .ui-tooltip-tip *{
position: absolute;
line-height: 0.1px !important;
font-size: 0.1px !important;
color: #123456;
background: transparent;
border: 0px dashed transparent;
}
.ui-tooltip .ui-tooltip-tip canvas{ top: 0; left: 0; }
/* Modal plugin */
#qtip-overlay{
position: fixed;
left: -10000em;
top: -10000em;
}
/* Applied to modals with show.modal.blur set to true */
#qtip-overlay.blurs{ cursor: pointer; }
/* Change opacity of overlay here */
#qtip-overlay div{
position: absolute;
left: 0; top: 0;
width: 100%; height: 100%;
background-color: black;
opacity: 0.7;
filter:alpha(opacity=70);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
/*! Light tooltip style */
.ui-tooltip-light .ui-tooltip-titlebar,
.ui-tooltip-light .ui-tooltip-content{
border-color: #E2E2E2;
color: #454545;
}
.ui-tooltip-light .ui-tooltip-content{
background-color: white;
}
.ui-tooltip-light .ui-tooltip-titlebar{
background-color: #f1f1f1;
}
/*! Dark tooltip style */
.ui-tooltip-dark .ui-tooltip-titlebar,
.ui-tooltip-dark .ui-tooltip-content{
border-color: #303030;
color: #f3f3f3;
}
.ui-tooltip-dark .ui-tooltip-content{
background-color: #505050;
}
.ui-tooltip-dark .ui-tooltip-titlebar{
background-color: #404040;
}
.ui-tooltip-dark .ui-tooltip-icon{
border-color: #444;
}
.ui-tooltip-dark .ui-tooltip-titlebar .ui-state-hover{
border-color: #303030;
}
/*! Cream tooltip style */
.ui-tooltip-cream .ui-tooltip-titlebar,
.ui-tooltip-cream .ui-tooltip-content{
border-color: #6593CF;
color: #A27D35;
}
.ui-tooltip-cream .ui-tooltip-content{
background-color: #E0E8F3;
}
.ui-tooltip-cream .ui-tooltip-titlebar{
background-color: #7FA9E4;
}
.ui-tooltip-cream .ui-state-default .ui-tooltip-icon{
background-position: -82px 0;
}
/*! Red tooltip style */
.ui-tooltip-red .ui-tooltip-titlebar,
.ui-tooltip-red .ui-tooltip-content{
border-color: #D95252;
color: #912323;
}
.ui-tooltip-red .ui-tooltip-content{
background-color: #F78B83;
}
.ui-tooltip-red .ui-tooltip-titlebar{
background-color: #F06D65;
}
.ui-tooltip-red .ui-state-default .ui-tooltip-icon{
background-position: -102px 0;
}
.ui-tooltip-red .ui-tooltip-icon{
border-color: #D95252;
}
.ui-tooltip-red .ui-tooltip-titlebar .ui-state-hover{
border-color: #D95252;
}
/*! Green tooltip style */
.ui-tooltip-green .ui-tooltip-titlebar,
.ui-tooltip-green .ui-tooltip-content{
border-color: #90D93F;
color: #3F6219;
}
.ui-tooltip-green .ui-tooltip-content{
background-color: #CAED9E;
}
.ui-tooltip-green .ui-tooltip-titlebar{
background-color: #B0DE78;
}
.ui-tooltip-green .ui-state-default .ui-tooltip-icon{
background-position: -42px 0;
}
/*! Blue tooltip style */
.ui-tooltip-blue .ui-tooltip-titlebar,
.ui-tooltip-blue .ui-tooltip-content{
border-color: #ADD9ED;
color: #5E99BD;
}
.ui-tooltip-blue .ui-tooltip-content{
background-color: #E5F6FE;
}
.ui-tooltip-blue .ui-tooltip-titlebar{
background-color: #D0E9F5;
}
.ui-tooltip-blue .ui-state-default .ui-tooltip-icon{
background-position: -2px 0;
}
/*! Add shadows to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE6+, Safari 2+ */
.ui-tooltip-shadow{
-webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
}
.ui-tooltip-shadow .ui-tooltip-titlebar,
.ui-tooltip-shadow .ui-tooltip-content{
filter: progid:DXImageTransform.Microsoft.Shadow(Color='gray', Direction=135, Strength=3);
-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Color='gray', Direction=135, Strength=3)";
_margin-bottom: -3px; /* IE6 */
.margin-bottom: -3px; /* IE7 */
}
/*! Add rounded corners to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE9+, Safari 2+ */
.ui-tooltip-rounded,
.ui-tooltip-rounded .ui-tooltip-content,
.ui-tooltip-tipsy,
.ui-tooltip-tipsy .ui-tooltip-content,
.ui-tooltip-youtube,
.ui-tooltip-youtube .ui-tooltip-content{
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.ui-tooltip-rounded .ui-tooltip-titlebar,
.ui-tooltip-tipsy .ui-tooltip-titlebar,
.ui-tooltip-youtube .ui-tooltip-titlebar{
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
}
.ui-tooltip-rounded .ui-tooltip-titlebar + .ui-tooltip-content,
.ui-tooltip-tipsy .ui-tooltip-titlebar + .ui-tooltip-content,
.ui-tooltip-youtube .ui-tooltip-titlebar + .ui-tooltip-content{
-moz-border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
}
/*! Youtube tooltip style */
.ui-tooltip-youtube{
-webkit-box-shadow: 0 0 3px #333;
-moz-box-shadow: 0 0 3px #333;
box-shadow: 0 0 3px #333;
}
.ui-tooltip-youtube .ui-tooltip-titlebar,
.ui-tooltip-youtube .ui-tooltip-content{
_margin-bottom: 0; /* IE6 */
.margin-bottom: 0; /* IE7 */
background: transparent;
background: rgba(0, 0, 0, 0.85);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000)";
color: white;
border-color: #CCCCCC;
}
.ui-tooltip-youtube .ui-tooltip-icon{
border-color: #222;
}
.ui-tooltip-youtube .ui-tooltip-titlebar .ui-state-hover{
border-color: #303030;
}
/* jQuery TOOLS Tooltip style */
.ui-tooltip-jtools{
background: #232323;
background: rgba(0, 0, 0, 0.7);
background-image: -moz-linear-gradient(top, #717171, #232323);
background-image: -webkit-gradient(linear, left top, left bottom, from(#717171), to(#232323));
border: 2px solid #ddd;
border: 2px solid rgba(241,241,241,1);
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0 0 12px #333;
-moz-box-shadow: 0 0 12px #333;
box-shadow: 0 0 12px #333;
}
/* IE Specific */
.ui-tooltip-jtools .ui-tooltip-titlebar{
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A)";
}
.ui-tooltip-jtools .ui-tooltip-content{
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323)";
}
.ui-tooltip-jtools .ui-tooltip-titlebar,
.ui-tooltip-jtools .ui-tooltip-content{
background: transparent;
color: white;
border: 0 dashed transparent;
}
.ui-tooltip-jtools .ui-tooltip-icon{
border-color: #555;
}
.ui-tooltip-jtools .ui-tooltip-titlebar .ui-state-hover{
border-color: #333;
}
/* Cluetip style */
.ui-tooltip-cluetip{
-webkit-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
}
.ui-tooltip-cluetip .ui-tooltip-titlebar{
background-color: #87876A;
color: white;
border: 0 dashed transparent;
}
.ui-tooltip-cluetip .ui-tooltip-content{
background-color: #D9D9C2;
color: #111;
border: 0 dashed transparent;
}
.ui-tooltip-cluetip .ui-tooltip-icon{
border-color: #808064;
}
.ui-tooltip-cluetip .ui-tooltip-titlebar .ui-state-hover{
border-color: #696952;
color: #696952;
}
/* Tipsy style */
.ui-tooltip-tipsy{
border: 0;
}
.ui-tooltip-tipsy .ui-tooltip-titlebar,
.ui-tooltip-tipsy .ui-tooltip-content{
_margin-bottom: 0; /* IE6 */
.margin-bottom: 0; /* IE7 */
background: transparent;
background: rgba(0, 0, 0, .87);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000)";
color: white;
border: 0px transparent;
font-size: 11px;
font-family: 'Lucida Grande', sans-serif;
font-weight: bold;
line-height: 16px;
text-shadow: 0 1px black;
}
.ui-tooltip-tipsy .ui-tooltip-titlebar{
padding: 6px 35px 0 10;
}
.ui-tooltip-tipsy .ui-tooltip-content{
padding: 6px 10;
}
.ui-tooltip-tipsy .ui-tooltip-icon{
border-color: #222;
text-shadow: none;
}
.ui-tooltip-tipsy .ui-tooltip-titlebar .ui-state-hover{
border-color: #303030;
}
/* Tipped style */
.ui-tooltip-tipped{
}
.ui-tooltip-tipped .ui-tooltip-titlebar,
.ui-tooltip-tipped .ui-tooltip-content{
border: 3px solid #959FA9;
filter: none; -ms-filter: none;
}
.ui-tooltip-tipped .ui-tooltip-titlebar{
background: #3A79B8;
background-image: -moz-linear-gradient(top, #3A79B8, #2E629D);
background-image: -webkit-gradient(linear, left top, left bottom, from(#3A79B8), to(#2E629D));
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D)";
color: white;
font-weight: normal;
font-family: serif;
border-bottom-width: 0;
-moz-border-radius: 3px 3px 0 0;
-webkit-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;
}
.ui-tooltip-tipped .ui-tooltip-content{
background-color: #F9F9F9;
color: #454545;
-moz-border-radius: 0 0 3px 3px;
-webkit-border-radius: 0 0 3px 3px;
border-radius: 0 0 3px 3px;
}
.ui-tooltip-tipped .ui-tooltip-icon{
border: 2px solid #285589;
background: #285589;
}
.ui-tooltip-tipped .ui-tooltip-icon .ui-icon{
background-color: #FBFBFB;
color: #555;
}
/* IE9 fix - removes all filters */
.ui-tooltip:not(.ie9haxors) div.ui-tooltip-content,
.ui-tooltip:not(.ie9haxors) div.ui-tooltip-titlebar{
filter: none;
-ms-filter: none;
}
/* base stylesheet */
.t-reset { margin: 0; padding: 0; border: 0; outline: 0; text-decoration: none; font-size: 100%; list-style: none; }
.t-floatwrap:after{content:"";display:block;clear:both;visibility:hidden;height:0;overflow:hidden;}
.t-floatwrap{display:inline-block;}
.t-floatwrap{display:block;}
.t-widget,
.t-widget .t-input,
.t-widget .text-box,
.t-button
{
font-size: 100%;
}
.t-widget
{
border-width: 1px;
border-style: solid;
}
.t-link
{
cursor: pointer;
outline: none;
}
html body .t-button
{
text-decoration: none; /*Site.css*/
}
.t-button
{
display: inline-block;
margin: 0;
padding: 4px 8px 3px 8px;
border-width: 1px;
border-style: solid;
font-family: inherit;
font-size: 100%;
line-height: 1.435;
text-align: center;
cursor: pointer;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.popup-buttons .t-button
{
padding: 5px 12px;
font-size: 13px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
*+html .t-button { display: inline; zoom: 1 }
* html .t-button { display: inline; zoom: 1 }
*+html .t-button { overflow: visible; margin-right: 4px}
* html .t-button { overflow: visible; margin-right: 4px}
*+html .t-button-expand { margin-right: 0; }
* html .t-button-expand { margin-right: 0; }
*+html a.t-button { line-height: 1.6; padding-left: 7px; padding-right: 7px;/*+1*/ }
* html a.t-button { line-height: 1.6; padding-left: 7px; padding-right: 7px;/*+1*/ }
.t-button-icontext
{
line-height: 1.453;
}
a.t-button{-moz-padding-start: 9px;-moz-padding-end: 9px;/*+3*/}
a.t-button-expand
{
display: block;
}
button.t-button-expand
{
width: 100%;
}
body .t-button-icon
{
padding-left: 4px;
padding-right: 4px;
}
button.t-button-icon{-moz-padding-start: 1px;-moz-padding-end: 1px;/*-3*/}
*+html a.t-button-icon{padding-left: 5px;padding-right: 5px;}
* html a.t-button-icon{padding-left: 5px;padding-right: 5px;}
.t-button-icontext
{
padding-right: 8px;
overflow: visible; /*IE9*/
}
a.t-button-icontext{-moz-padding-end: 11px;/*+3*/}
.t-button-icontext .t-icon
{
margin: 0 3px 0 -3px;
vertical-align: top;
}
*+html .t-button-icontext .t-icon{margin-right: 4px}
* html .t-button-icontext .t-icon{margin-right: 4px}
html body .t-button-bare
{
background: none !important; /*spares long selectors*/
border-width: 0;
}
.t-icon, .t-editor-button .t-tool-icon
{
background-color: transparent;
background-repeat: no-repeat;
}
.t-header .t-link
{
text-decoration: none;
}
.t-state-disabled,
.t-state-disabled .t-link
{
cursor: default;
outline: none;
}
.t-icon, .t-sprite, .t-editor-button .t-tool-icon
{
display: inline-block;
width: 16px;
height: 16px;
overflow: hidden;
font-size: 0;
line-height: 0;
text-indent: -3333px;
text-align: center;
vertical-align: middle;
}
* html .t-icon,* html .t-sprite,* html .t-editor-button .t-tool-icon{display: inline;zoom: 1}
* html .t-icon, .t-sprite { text-indent: 0; }
*+html .t-icon, .t-sprite { text-indent: 0; }
.t-image
{
border: 0;
}
.t-state-empty
{
font-style: italic;
}
/* Window */
div.t-window
{
display: inline-block;
*display: inline;
zoom: 1;
z-index: 10001;
position: absolute;
border-width: 0;
border-width: 5px\9;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 0 5px 2px #aaa;
-webkit-box-shadow: 0 0 5px 2px #aaa;
box-shadow: 0 0 5px 2px #aaa;
}
div.t-window > div.window-overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: url("/Modules/EleWise.ELMA.BPM.Web.Common/Content/Images/x24/overlay.png");
}
:root .t-window
{
border-width: 0;
}
.t-window-titlebar
{
padding: .4em 0;
font-size: 1.2em;
line-height: 1.5em;
white-space: nowrap;
border-bottom-width: 1px;
border-bottom-style: solid;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.t-window-title
{
cursor: default;
position: absolute;
text-overflow: ellipsis;
overflow: hidden;
left: .5em;
right: .5em;
}
.t-window-title .t-image
{
margin: 0 5px 0 0;
vertical-align: middle;
}
div.t-window-content
{
padding: .4em .5em;
/*padding: 0\9;
margin: .4em .5em\9;
border-width: 0\9;*/ /*removed due to ImageBrowser issues, no side effects found*/
overflow: auto;
position: relative;
-moz-border-radius-bottomleft: 4px;
-moz-border-radius-bottomright: 4px;
-webkit-border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.t-window-titlebar .t-window-actions
{
position: absolute;
right: .5em;
top: 0;
padding-top: .3em;
white-space: nowrap;
}
.t-window-titlebar .t-window-action
{
width: 16px;
height: 16px;
padding: 2px;
text-decoration: none;
vertical-align: middle;
display: inline-block;
*display: inline;
zoom: 1;
opacity: .7;
filter: alpha(opacity=70);
}
.t-window-titlebar .t-state-hover
{
border-width: 1px;
border-style: solid;
padding: 1px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
opacity: 1;
filter: alpha(opacity=100);
}
.t-window-action .t-icon
{
margin: 0;
vertical-align: top;
}
.t-window .t-resize-handle
{
position: absolute;
z-index: 1;
background-color: #fff;
opacity: 0;
filter: alpha(opacity=0);
zoom: 1;
line-height: 6px;
font-size: 0;
}
.t-resize-n { top: -3px; left: 0; width: 100%; height: 6px; cursor: n-resize; }
.t-resize-e { top: 0; right: -3px; width: 6px; height: 100%; cursor: e-resize; }
.t-resize-s { bottom: -3px; left: 0; width: 100%; height: 6px; cursor: s-resize; }
.t-resize-w { top: 0; left: -3px; width: 6px; height: 100%; cursor: w-resize; }
.t-resize-se { bottom: -3px; right: -3px; width: 16px; height: 16px; cursor: se-resize; }
.t-resize-sw { bottom: -3px; left: -3px; width: 6px; height: 6px; cursor: sw-resize; }
.t-resize-ne { top: -3px; right: -3px; width: 6px; height: 6px; cursor: ne-resize; }
.t-resize-nw { top: -3px; left: -3px; width: 6px; height: 6px; cursor: nw-resize; }
.t-overlay {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
background-color: #000;
filter: alpha(opacity=50);
z-index: 10000;
background: url("/Modules/EleWise.ELMA.BPM.Web.Common/Content/Images/x24/overlay.png");
overflow: auto;
}
.t-window .t-overlay
{
background-color: #fff;
opacity: 0;
filter: alpha(opacity=0);
position: absolute;
width: 100%;
height: 100%;
}
.t-window .t-widget
{
z-index: 10002;
}
/* TabStrip */
.t-tabstrip
{
margin: 0;
padding: 0;
zoom: 1;
}
.t-tabstrip .t-tabstrip-items
{
padding: 0;
margin-bottom: -1px!important;
}
.t-tabstrip-items .t-item,
.t-panelbar .t-tabstrip-items .t-item
{
list-style-type: none;
vertical-align: top;
display: inline-block;
*display: inline;
zoom: 1;
border-width: 1px 1px 0;
border-style: solid;
margin: .1em .3em 0 0;
padding: 0;
position: relative;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.t-tabstrip-items .t-state-active,
.t-panelbar .t-tabstrip-items .t-state-active
{
padding-bottom: 0px;
margin-bottom: 0px;
}
.t-tabstrip-items .t-link,
.t-panelbar .t-tabstrip-items .t-link
{
padding: .3em .9em;
display: inline-block;
*display: inline;
zoom: 1;
border-bottom-width: 0;
outline: 0;
}
.t-tabstrip-items .t-icon,
.t-panelbar .t-tabstrip-items .t-icon
{
margin: -1px 4px 0 -3px;
vertical-align: top;
}
.t-tabstrip-items .t-item .t-image,
.t-tabstrip-items .t-item .t-sprite,
.t-panelbar .t-tabstrip-items .t-item .t-image,
.t-panelbar .t-tabstrip-items .t-item .t-sprite
{
vertical-align: middle;
margin: -3px 3px 0 -6px;
}
* html .t-tabstrip-items .t-item .t-image,
* html .t-tabstrip-items .t-item .t-sprite
{
vertical-align: top;
margin-top: -1px;
}
*+html .t-tabstrip-items .t-item .t-image,
*+html .t-tabstrip-items .t-item .t-sprite
{
vertical-align: top;
margin-top: -1px;
}
.t-tabstrip .t-content,
.t-panelbar .t-tabstrip .t-content
{
border-width: 1px;
border-style: solid;
margin: 0;
padding: .3em 1em;
display: none;
position: static;
zoom: 1;
}
/* PanelBar */
.t-panelbar
{
zoom: 1;
}
.t-panelbar .t-item
{
list-style-type: none;
display: block;
zoom: 1;
margin: 0;
top: 0;
border-width: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}
.t-panelbar .t-image,
.t-panelbar .t-sprite
{
vertical-align: middle;
margin-right: 5px;
margin-top: 4px;
float: left;
}
.t-panelbar .t-group .t-image,
.t-panelbar .t-group .t-sprite
{
margin-top: 1px;
}
.t-panelbar .t-link
{
line-height: 2.05em;
padding: 0 1em;
border-bottom: 1px solid;
display: block;
position: relative;
text-decoration: none;
zoom: 1;
}
.t-panelbar-expand,
.t-panelbar-collapse
{
position: absolute;
top: 5px;
right: 2px;
}
.t-panelbar .t-group,
.t-panelbar .t-content
{
position: relative;
zoom: 1;
padding: 0;
margin: 0;
border-bottom-width: 1px;
border-bottom-style: solid;
}
.t-panelbar .t-group .t-link
{
line-height: 1.7em;
border-bottom: 0;
font-size: .95em;
}
.t-panelbar .t-group .t-arrow-up,
.t-panelbar .t-group .t-arrow-down
{
top: 2px;
}
.t-panelbar .t-group .t-group .t-link
{
padding-left: 2em;
}
.t-panelbar .t-last .t-link
{
border-bottom: 0;
}
.t-panelbar .t-group .t-group
{
border-bottom: 0;
}
.t-tabstrip .t-panelbar .t-content
{
display: block;
}
/* Menu */
.t-menu
{
cursor: default;
}
.t-menu,
.t-menu .t-group
{
list-style: none;
padding: 0;
margin: 0;
zoom: 1;
}
.t-menu .t-group .t-link
{
padding-right: 2em;
}
.t-menu .t-item
{
position: relative;
display: flex;
flex-direction: column;
zoom: 1;
border-width: 0 1px 0 0;
border-style: solid;
vertical-align: top;
align-items: stretch;
}
#rootTable.minimized .t-menu .t-item {
flex-direction: row;
}
.t-menu-vertical .t-item {
display: block;
border-width: 0;
}
.t-menu .t-image,
.t-menu .t-sprite
{
margin: 0 4px 0 -4px;
vertical-align: top;
}
.t-menu .t-link
{
text-decoration: none;
padding: 7px 12px;
display: block;
}
.t-menu .t-group
{
display: none;
white-space: nowrap;
border-style: solid;
border-width: 1px;
overflow: visible;
-moz-box-shadow: 2px 2px 2px #aaa;
-webkit-box-shadow: 2px 2px 2px #aaa;
box-shadow: 2px 2px 2px #aaa;
}
.t-menu .t-group .t-item
{
display: block;
border-width: 0;
}
.t-menu .t-group .t-link
{
zoom: 1;
}
.t-menu .t-arrow-next
{
position: absolute;
right: 0;
top: 7px;
}
.t-menu .t-loading
{
position: absolute;
right: 3px;
top: 3px;
}
.t-menu .t-animation-container,
.t-menu .t-group
{
left: -1px;
position: absolute;
}
.t-menu .t-animation-container .t-animation-container,
.t-menu .t-group .t-group
{
left: 100%;
top: -1px;
}
.t-menu-vertical .t-animation-container,
.t-menu-vertical .t-group
{
left: 100%;
top: -1px;
}
.t-menu .t-animation-container .t-group
{
left: auto;
top: auto;
}
/* Grid */
.t-grid
{
position: relative;
zoom: 1;
}
.t-grid table
{
width: 100%;
border-collapse: separate;
empty-cells: show;
border: 0;
}
.t-grid-header .t-header
{
text-align: left;
}
.t-grid-header .t-header,
.t-grid-header .t-last-header
{
padding: .3em .6em;
border-width: 0 1px 1px 0;
border-style: solid;
font-weight: normal;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.t-grid-header .t-last-header
{
border-right-width: 0;
}
.t-grid-header .t-header .t-link
{
line-height: 18px; /* due to sorting icons*/
height: 18px;
display: block;
margin: -.3em -.6em;
padding: .3em 2.4em .3em .6em;
border: 0;
}
.t-grid-header .t-header .t-icon
{
position: static;
}
.t-grid .t-state-hover
{
cursor: pointer;
}
.t-grid td
{
padding: .25em .6em;
border: 0;
vertical-align: middle;
line-height: 1.6em;
overflow: hidden;
}
.t-grid .t-last
{
border-right-width: 0;
border-bottom-width: 0;
}
.t-grid-header-wrap,
.t-grid-footer-wrap
{
position: relative;
overflow: hidden;
zoom: 1;
}
.t-grid td.t-edit-cell
{
vertical-align: top!important;
}
div.t-grid-header,
div.t-grid-footer
{
/*padding-right: 17px;*/ /* width of scrollbar. may vary across operating systems. can be calculated. */
zoom: 1;
border-bottom-width: 1px;
/*border-bottom-style: solid;*/
}
div.t-grid-header .t-header,
div.t-grid-header .t-last-header
{
border-bottom-width: 0;
}
div.t-grid-header .t-last-header
{
border-right-width: 1px;
}
.t-grid-content
{
position: relative;
overflow: auto;
overflow-x: auto;
overflow-y: scroll;
zoom: 1;
}
.t-grid-header table,
.t-grid-content table,
.t-grid-footer table
{
table-layout: fixed;
}
* html .t-grid-content table { width: auto; }
*+html .t-grid-content table { width: auto; }
/* Grid : : paging */
.t-grid-pager
{
padding: .2em .6em;
line-height: 1.8em;
overflow: hidden;
}
.t-grid-bottom
{
border: 0;
}
* html .t-grid-pager input { vertical-align: middle; }
*+html .t-grid-pager input { vertical-align: middle; }
.t-grid .t-pager,
.t-grid .t-status,
.t-grid .t-status-text,
.t-pager .t-numeric,
.t-pager .t-page-i-of-n,
.t-pager .t-link,
.t-pager span,
.t-pager input,
.t-pager .t-page-size,
.t-grouping-row p
{
display: inline-block;
*display: inline;
zoom: 1;
vertical-align: middle;
}
.t-pager .t-page-size
{
line-height:1.2em;
}
.t-footer-template td
{
border-width: 1px 1px 0 0;
border-style: solid;
}
.t-group-footer td,
.t-group-footer .t-last
{
border-width: 1px 0;
border-style: solid;
}
.t-grid-footer
{
border-style: solid;
border-width: 1px 0 0;
}
.t-grid-footer td
{
border-top-width: 0;
}
.t-grid .t-status
{
float: left;
margin: -.3em .6em -.2em -.6em;
padding: .2em .6em;
height: 1.85em;
border-right-width: 1px;
border-right-style: solid;
}
.t-grid .t-pager
{
float: left;
cursor: default;
}
.t-grid .t-status-text
{
float: right;
margin-right: .2em;
}
.t-pager .t-link
{
text-decoration: none;
padding: 1px;
margin-top: .2em;
border: 0;
line-height: 16px;
}
.t-pager .t-state-active,
.t-pager .t-state-hover
{
padding: 0;
border-width: 1px;
border-style: solid;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.t-pager span,
.t-pager .t-link
{
vertical-align: top;
}
.t-pager .t-numeric,
.t-pager .t-page-i-of-n
{
margin: 0 7px;
vertical-align: top;
}
.t-numeric .t-link,
.t-numeric .t-state-active
{
margin-top: 0;
padding: 0 5px;
line-height: 22px;
vertical-align: top;
}
.t-numeric .t-state-active,
.t-numeric .t-state-hover
{
padding: 0 4px;
line-height: 20px;
}
.t-page-i-of-n input
{
width: 2em;
vertical-align: baseline;
font-size: 1em;
}
.t-grid-pager .t-status .t-icon
{
vertical-align: top;
margin-top: 3px;
}
/* Grid :: filtering */
.t-grid-filter
{
float: right;
height: 18px;
padding: .3em .2em;
position: relative;
display: inline-block;
*display: inline;
zoom: 1;
margin: -1.8em -.6em -.3em 3px;
margin-top /*\**/: -.3em\9;
}
.t-link + .t-grid-filter { margin-top /*\**/: -1.8em\9; }
*+html .t-grid .t-grid-filter { margin-top: -1.8em; }
.t-grid-filter .t-icon
{
vertical-align: top;
}
.t-grid .t-animation-container
{
position: absolute;
}
.t-filter-options
{
position: absolute;
border-width: 1px;
border-style: solid;
padding: 3px;
width: 148px;
-moz-box-shadow: 2px 2px 2px #aaa;
-webkit-box-shadow: 2px 2px 2px #aaa;
box-shadow: 2px 2px 2px #aaa;
}
.t-filter-options .t-filter-help-text,
.t-filter-options select,
.t-filter-options input,
.t-filter-options .t-button,
.t-filter-options .t-datepicker
{
display: block;
margin-bottom: 4px;
}
.t-filter-options .t-button { width: 145px; }
.t-filter-options select { width: 148px; }
.t-filter-options input { width: 142px; }
.t-filter-options .t-datepicker { width: 100%; }
.t-filter-options .t-filter-button
{
margin-bottom: 0;
}
/* Grid :: grouping */
.t-grouping-row .t-icon
{
margin: 0 4px;
}
.t-grouping-row p
{
padding: 0 .6em;
margin-left: -.6em;
}
.t-grid td.t-group-cell,
.t-grid td.t-hierarchy-cell
{
border-right: 0;
}
.t-grid .t-group-col,
.t-grid .t-hierarchy-col
{
width: 30px;
}
.t-grouping-header,
.t-grouping-dropclue
{
height: 24px;
line-height: 24px;
}
.t-grouping-dropclue
{
position: absolute;
width: 6px;
}
.t-grouping-header .t-group-indicator
{
display: inline-block;
*display: inline;
zoom: 1;
border-width: 1px;
border-style: solid;
line-height: 1.5em;
padding: .15em .15em .15em .4em;
margin: 0 3px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.t-grouping-header .t-link
{
text-decoration: none;
display: inline-block;
*display: inline;
zoom: 1;
line-height: normal;
padding: 0;
border-style: none;
}
.t-grouping-header .t-button
{
padding: 0;
border: 0;
background: transparent;
line-height: 1;
}
.t-grouping-header .t-link .t-icon
{
margin: 0 0 0 -3px;
}
.t-grouping-header .t-button .t-icon
{
margin: 0 0 0 3px;
}
.t-grouping-header a,
.t-grouping-header .t-button
{
display: inline-block;
*display: inline;
zoom: 1;
vertical-align: middle;
}
/* Grid :: editing */
.t-dirty
{
width: 0;
height: 0;
vertical-align: top;
position: absolute;
padding: 0;
margin: -0.45em 0 0 -0.6em;
overflow: hidden;
border-width: 3px;
border-style: solid;
border-color: #f00 transparent transparent #f00;
}
* html .t-dirty
{
border-color: #f00 pink pink #f00;
filter: chroma(color=pink);
}
.t-grouping-header,
.t-grid-toolbar
{
cursor: default;
margin: 0;
padding: .25em;
}
.t-grouping-header
{
border-bottom-width: 1px;
border-bottom-style: solid;
}
.t-grid .t-edit-container
{
padding: 0;
border-right: 0;
}
.t-edit-form
{
padding: 0;
margin: 0;
}
.t-edit-form td
{
border-top: 0;
border-bottom: 0;
}
.t-grid-edit-row .text-box,
.t-grid-edit-row .t-numerictextbox,
.t-grid-edit-row .t-datepicker
{
vertical-align: middle;
/*width: 5em;*/
/*max-width: 90%;*/
/*min-width: 90%; /* IE8 calculates width: 90% wrong, so we have to trick it */
margin: -.4em -.3em -.15em;
}
.t-grid-edit-row div.text-box input.text-box
{
vertical-align: initial;
}
.t-grid-edit-row .t-dropdown,
.t-grid-edit-row .t-combobox
{
/*width: 5em;*/
/*max-width: 90%;*/
/*min-width: 90%; /* IE8 calculates width: 90% wrong, so we have to trick it */
line-height: normal;
margin: -.1em -.3em -.45em;
}
/** html .t-grid .text-box { width: 90%; }*/
.t-edit-form-container
{
position: relative;
}
.t-grid .field-validation-error
{
display: block;
}
.t-grid .input-validation-error
{
border-style: ridge;
border-color: #f00;
background-color: #ffc0cb;
}
.t-grid-toolbar .t-button
{
vertical-align: middle;
}
.t-grid-actions
{
display: inline-block;
}
* html .t-grid-actions{display: inline;zoom: 1;vertical-align: bottom}
*+html .t-grid-actions{display: inline;zoom: 1;vertical-align: bottom}
.t-grid .t-button,
.t-edit-form .t-button
{
margin: 0 .2em;
}
.t-grid tbody .t-button
{
min-width: 0; /*main setting*/
}
.t-grid tbody button.t-button, #ie8#skips
{
min-width: 0; /*+14 for buttons, except IE8*/
}
*+html .t-grid tbody a.t-button
{
min-width: 0; /*-2 for links for IE7*/
}
.t-grid tbody a.t-button
{
/*restore paddings for Firefox*/
-moz-padding-start: 6px;
-moz-padding-end: 6px;
}
.t-grid tbody a.t-button-icon
{
/*restore paddings for icon buttons in Firefox*/
-moz-padding-start: 4px;
-moz-padding-end: 4px;
}
html body .t-grid tbody .t-button-icon
{
min-width: 0;
width: auto;
}
.t-detail-row
{
position: relative;
}
.t-grid .t-detail-cell
{
overflow: visible;
}
/* Grid :: resizing */
.t-grid-resize-indicator
{
position: absolute;
width: 2px;
background-color: #aaa;
}
.t-grid .t-resize-handle
{
cursor: col-resize;
position: absolute;
height: 25px;
}
/* AutoComplete*/
.t-autocomplete
{
background-position: 100% 50% !important;
}
/* ComboBox & Drop-down*/
.t-combobox,
.t-dropdown,
.t-selectbox
{
/*display: inline-block;
*display: inline;*/
zoom: 1;
position: relative;
overflow: hidden;
white-space: nowrap;
/*width: 150px;*/
border-width: 0;
}
*+html .t-combobox{overflow: visible} /*positions icon properly*/
* html .t-combobox{overflow: visible}
.t-dropdown-wrap,
.t-picker-wrap
{
position: relative;
display: block;
cursor: default;
}
.t-picker-wrap
{
padding: 0 25px 0 0;
}
.t-dropdown-wrap
{
padding-right: 22px; /* icon width*/
border-width: 1px;
border-style: solid;
box-shadow: inset 0px 1px 1px 1px #eee;
border-radius:2px;
}
.t-combobox>.t-dropdown-wrap
{
padding-right: 30px; /* icon width + input paddings, except IE6 */
}
.t-combobox>.t-dropdown-wrap.t-two-selects
{
padding-right: 39px; /* icon width + input paddings, except IE6 */
}
* html .t-combobox .t-dropdown-wrap { height: 20px; }
* html .t-picker-wrap { height: 20px; padding-right: 20px; }
.t-picker-wrap .t-input,
.t-combobox .t-input
{
vertical-align: top;
width: 100%;
}
.t-combobox .t-input
{
outline: 0;
border: 0;
}
/*removes excessive spacing in IE6-7*/
*+html .t-combobox .t-input { margin:-1px 0; }
* html .t-combobox .t-input { margin:-1px 0; }
* html { position: absolute; top: 0; }
.t-picker-wrap .t-select,
.t-dropdown-wrap .t-select
{
text-decoration: none;
vertical-align: top;
display: inline-block;
*display: inline;
zoom: 1;
cursor: default;
position: absolute; /* icon positioning */
top: 0;
right: 0;
}
* html .t-picker-wrap .t-select,
* html .t-dropdown-wrap .t-select { top: 1px; right: 1px; }
.t-combobox .t-select
{
border-width: 0 0 0 1px;
border-style: solid;
border-color: inherit; /* will be skin-related, inherit does not work in ie7- */
}
.t-combobox .t-icon
{
margin-top: 1px;
}
.t-dropdown .t-select,
.t-selectbox .t-select
{
border: 0;
text-decoration: none;
font: inherit;
color: inherit;
overflow: hidden;
cursor: default;
}
.t-dropdown .t-input,
.t-selectbox .t-input
{
overflow: hidden;
display: block;
text-overflow: ellipsis;
padding: .2em 0 .2em 3px;
}
.t-picker-wrap .t-select,
.t-dropdown-wrap .t-select
{
position: absolute;
right: 0;
top: 0;
}
.t-picker-wrap .t-icon,
.t-dropdown-wrap .t-icon
{
vertical-align: top;
margin-top: 2px;
}
.t-combobox .t-input
{
background:none;
height: 18px;
line-height: 18px;
padding: 4px 0 4px 5px;
border: 0;
margin: 0;
}
.t-picker-wrap .t-select,
.t-dropdown-wrap .t-select
{
height: 26px;
line-height: 26px;
}
.t-popup
{
border-width: 1px;
border-style: solid;
}
.t-popup .t-item
{
padding: 3px 5px 3px 3px;
cursor: default;
}
/* Calendar */
.t-calendar
{
display: inline-block;
*display: inline;
zoom: 1;
width: 203px;
position: relative;
overflow: hidden;
}
.t-calendar .t-link
{
text-decoration: none;
}
.t-calendar .t-action-link
{
text-decoration: underline;
}
.t-calendar .t-header
{
padding: .4em 0;
text-align: center;
position: relative;
zoom: 1;
}
.t-calendar .t-nav-prev,
.t-calendar .t-nav-next
{
position: absolute;
top: .3em;
}
.t-calendar .t-nav-prev { left: 1%; }
.t-calendar .t-nav-next { right: 1%; }
.t-calendar .t-content
{
text-align: right;
display: table;
width: 100%;
height: 169px;
table-layout: fixed;
border-style: none;
margin: 0;
padding: 0;
}
.t-calendar .t-animation-container .t-content
{
height: 100%;
}
.t-calendar .t-nav-fast
{
display: inline-block;
*display: inline;
zoom: 1;
width: 75%;
}
.t-calendar .t-nav-fast .t-icon
{
vertical-align: top;
}
.t-calendar th
{
border-bottom-style: solid;
border-bottom-width: 0;
font-weight: normal;
cursor: default;
}
.t-calendar td
{
cursor: pointer;
padding: 1px;
}
.t-calendar .t-state-focus
{
border-width: 1px;
border-style: dotted;
padding: 0;
}
.t-calendar .t-content .t-link
{
display: block;
overflow: hidden;
position: relative;
}
.t-calendar th,
.t-calendar .t-content .t-link
{
padding: .25em .45em .3em .1em;
}
.t-calendar .t-meta-view .t-link
{
padding: .25em 0 .3em;
text-align: center;
}
/* Date/Time Pickers */
.t-timepicker,
.t-datetimepicker,
.t-datepicker
{
border: 0;
white-space: nowrap;
width: 8.5em;
}
.t-datetimepicker
{
width: 13em;
}
div.t-timepicker,
div.t-datetimepicker,
div.t-datepicker
{
background-color: transparent; /* don't allow t-widget to add background-color */
}
.t-datetimepicker .t-picker-wrap
{
padding-right: 44px;
}
* html .t-datetimepicker .t-picker-wrap { padding-right: 40px; }
.t-datetimepicker .t-icon-calendar
{
margin-right: 3px;
}
.t-picker-wrap .t-icon
{
cursor: pointer;
}
.t-state-disabled .t-picker-wrap .t-icon
{
cursor: default;
}
.t-timepicker,
.t-datepicker,
.t-datetimepicker
{
display: inline-block;
*display: inline;
zoom: 1;
vertical-align: top;
}
.t-picker-wrap .t-input
{
margin: 0;
}
.t-iframe-overlay
{
position: absolute;
width: 100%;
border: 0;
top: 0;
left: 0;
filter: alpha(opacity=0);
}
.t-time-popup .t-item
{
padding: 1px 3px;
}
/* TreeView */
div.t-treeview {
/* don't allow t-widget to add border or background */
border-width: 0;
background: none;
overflow: hidden hidden;
}
div.t-treeview:hover {
overflow: auto;
}
.t-treeview .t-item
{
padding: 0 0 0 16px;
margin: 0;
border-width: 0;
position: static;
top: auto;
display: block;
}
.t-treeview .t-group,
.t-treeview .t-content
{
list-style-type: none;
background: none;
margin: 0; padding: 0;
}
.t-treeview .t-animation-container
{
height: auto !important;
}
.t-treeview .t-icon,
.t-treeview .t-image,
.t-treeview .t-sprite,
.t-treeview .t-in
{
display: inline-block;
zoom: 1;
vertical-align: top;
}
.t-treeview .t-plus,
.t-treeview .t-minus,
.t-treeview .t-plus-disabled,
.t-treeview .t-minus-disabled
{
margin-left: -16px;
margin-top: 2px;
float: left; /* required for Opera */
*float: none; /* IE6 does not like it as node text wraps */
}
.t-treeview .t-plus,
.t-treeview .t-minus
{
cursor: pointer;
}
.t-treeview .t-plus-disabled,
.t-treeview .t-minus-disabled
{
cursor: default;
}
.t-treeview .t-sprite,
.t-treeview .t-image
{
margin-right: 3px;
}
.t-treeview .t-in
{
margin: 1px 0;
padding: 2px 4px 2px 3px;
text-decoration: none;
line-height: 16px;
margin-left: 2px;
white-space: nowrap;
}
.t-treeview span.t-in
{
cursor: default;
}
.t-treeview .t-state-hover,
.t-treeview .t-state-selected
{
padding: 1px 3px 1px 2px;
border-width: 1px;
border-style: solid;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.t-treeview .t-drop-clue
{
width: 80px;
visibility: hidden;
height: 5px;
position: absolute;
margin-top: -3px;
z-index: 10000;
background-color: transparent;
background-repeat: no-repeat;
}
/* TreeView :: node lines */
.t-treeview-lines .t-top,
.t-treeview-lines .t-mid,
.t-treeview-lines .t-bot
{
background-repeat: no-repeat;
margin-left: -16px;
padding-left: 16px;
}
.t-treeview-lines .t-top { background-position: -91px 0; }
.t-treeview-lines .t-bot { background-position: -69px -22px; }
.t-treeview-lines .t-mid { background-position: -47px -44px; }
.t-treeview-lines .t-last .t-top { background-position: -25px -66px; }
.t-treeview-lines .t-group .t-last .t-bot { background-position: -69px -22px; }
.t-treeview-lines .t-item
{
background-repeat: no-repeat;
}
.t-treeview-lines .t-first
{
background-repeat: no-repeat;
background-position: 0 16px;
}
/* NumericTextBox */
div.t-numerictextbox
{
/*display: inline-block;
*display: inline;*/
zoom: 1;
vertical-align: middle;
white-space: nowrap;
background: #fff;
position: relative;
}
.t-numerictextbox .t-input /*alignment of arrows in WebKit*/
{
margin: 0;
}
.t-formatted-value
{
position: absolute;
padding: 3px 4px 2px 3px;
}
.t-numerictextbox .t-icon
{
margin-left: -25px;
}
.t-numerictextbox .t-link
{
border-style: none;
display: inline-block;
*display: inline;
zoom: 1;
}
.t-numerictextbox .t-arrow-up
{
vertical-align: top;
margin-top: 0px;
height: 13px;
}
.t-numerictextbox .t-arrow-down
{
vertical-align: bottom;
margin-bottom: 0px;
height: 13px;
}
/* ColorPicker */
.t-colorpicker
{
display: inline-block;
*display: inline;
zoom: 1;
vertical-align: middle;
}
.t-colorpicker .t-tool-icon
{
display: inline-block;
*display: inline;
zoom: 1;
vertical-align: top;
padding: 2px 3px;
font-size: 0;
line-height: 0;
}
.t-colorpicker .t-selected-color
{
display: block;
height: 16px;
width: 16px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}
.t-colorpicker .t-icon
{
vertical-align: middle;
margin-top: 2px;
}
.t-colorpicker-popup
{
line-height: 0;
width: 136px;
}
.t-colorpicker-popup .t-reset
{
padding: .25em;
margin: 0;
display: inline-block;
*display: inline;
zoom: 1;
}
.t-colorpicker-popup .t-item
{
float: left;
display: block;
overflow: hidden;
width: 12px;
height: 12px;
font-size: 0;
padding: 0;
margin: 0 1px 1px 0;
}
/* Editor */
.t-editor
{
border-width: 1px;
border-style: solid;
border-collapse: separate;
height: 250px;
font-size: 100%;
table-layout: fixed;
vertical-align: top;
width: 100%;
}
.t-editor .t-editor-toolbar-wrap
{
border: 0;
padding: 0;
}
.t-editor-toolbar
{
margin: 0;
padding: .1em 0;
list-style-type: none;
cursor: default;
line-height: 1.3em;
}
.t-editor-toolbar li
{
display: inline; /* would have been inline-block, if not for IE */
vertical-align: middle;
}
.t-editor-toolbar .t-editor-dropdown,
.t-editor-toolbar .t-editor-combobox,
.t-editor-toolbar .t-editor-selectbox,
.t-editor-toolbar .t-editor-colorpicker
{
margin-right: 2px;
}
.t-editor-toolbar .t-separator
{
border-width: 0 1px 0 0;
border-style: solid;
padding: 0 0 0 1px;
font-size: 1.3em;
margin: 0 .15em;
position: relative;
top: 1px;
}
.t-editor-toolbar .t-break
{
display: block;
height: 1px;
line-height: 0;
font-size: 0;
}
.t-editor-toolbar .t-dropdown,
.t-editor-toolbar .t-combobox,
.t-editor-toolbar .t-selectbox,
.t-editor-toolbar .t-colorpicker
{
vertical-align: middle;
}
.t-editor-button .t-tool-icon
{
vertical-align: middle;
width: 22px;
height: 22px;
margin: 1px;
}
.t-editor-colorpicker .t-tool-icon
{
padding: 17px 3px 2px;
}
.t-editor-colorpicker .t-icon
{
border-style: solid;
border-color: #ccc;
border-width: 0 0 0 1px;
}
.t-editor-colorpicker .t-selected-color
{
height: 3px;
}
.t-editor-combobox .t-input
{
height: 20px;
line-height: 20px;
}
.t-editor-combobox .t-select
{
height: 22px;
line-height: 22px;
}
.t-bold { background-position: -22px 0; }
.t-italic { background-position: -44px 0; }
.t-underline { background-position: -66px 0; }
.t-strikethrough { background-position: -88px 0; }
.t-justifyLeft { background-position: -110px 0; }
.t-justifyCenter { background-position: -132px 0; }
.t-justifyRight { background-position: -154px 0; }
.t-justifyFull { background-position: -176px 0; }
.t-insertOrderedList { background-position: -198px 0; }
.t-insertUnorderedList { background-position: -220px 0; }
.t-createLink { background-position: -242px 0; }
.t-unlink { background-position: -264px 0; }
.t-insertImage { background-position: -286px 0; }
.t-foreColor .t-tool-icon { background-position: -308px -2px; }
.t-backColor .t-tool-icon { background-position: -330px -2px; }
.t-indent { background-position: -352px 0; }
.t-outdent { background-position: -374px 0; }
/* default tool widths */
.t-fontName { width: 110px; }
.t-fontSize { width: 124px; }
.t-formatBlock { width: 147px; }
.t-editor-button .t-state-hover,
.t-editor-button .t-state-active
{
vertical-align: middle;
border-width: 1px;
border-style: solid;
margin: 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.t-editor-button .t-state-disabled
{
opacity: .3;
filter: alpha(opacity=30);
}
.t-editor .t-editable-area
{
outline: none;
height: 100%;
width: 100%;
border-width: 1px;
border-style: solid;
}
.t-editor .t-content
{
height: 100%;
width: 100%;
display: block;
padding: 0;
margin: 0;
border: 0;
}
.t-editor .t-raw-content
{
border: 0;
margin: 0;
padding: 0;
font-size: inherit;
font-family: Consolas, "Courier New", monospace;
}
.t-editor-dialog
{
padding: 1em;
}
.t-editor-dialog ol
{
margin: 0;
padding: 0;
list-style: none;
}
.t-form-text-row,
.t-form-checkbox-row
{
padding-bottom: 1em;
}
.t-form-text-row label
{
display: inline-block;
*display: inline;
zoom: 1;
width: 7em;
text-align: right;
padding-right: .5em;
}
.t-form-checkbox-row input
{
margin-left: 7em;
font-size: inherit;
padding: 0;
}
.t-form-checkbox-row label
{
padding-left: .3em;
}
.t-form-checkbox-row input,
.t-form-checkbox-row label,
.t-form-text-row label
.t-form-text-row input,
.t-form-text-row select
{
vertical-align: middle;
}
.t-form-text-row input,
.t-form-text-row select
{
width: 20em;
}
.t-editor-dialog .t-button-wrapper
{
padding-top: .5em;
text-align: right;
}
.t-editor-dialog .t-button
{
display: inline-block;
*display: inline;
zoom: 1;
}
/* drag&drop module */
.t-drag-clue
{
border-width: 1px;
border-style: solid;
font-size: .9em;
padding: .05em .15em;
position: absolute;
z-index: 10003;
white-space: nowrap;
cursor: default;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.t-drag-status
{
margin-right: 4px;
vertical-align: top;
margin-top: -1px;
}
.t-reorder-cue
{
position: absolute;
width: 1px;
overflow: visible;
}
.t-reorder-cue .t-icon
{
width: 8px;
height: 4px;
position: absolute;
left: -4px;
}
.t-reorder-cue .t-arrow-down { top: -4px; background-position: -20px -182px; }
.t-reorder-cue .t-arrow-up { bottom: -4px; background-position: -20px -166px; }
/* Slider */
div.t-slider
{
position: relative;
border-width: 0;
background-color: transparent;
-khtml-user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.t-slider-vertical
{
width: 22px;
height: 200px; /* default height */
}
.t-slider-horizontal
{
display: inline-block;
height: 22px;
width: 200px; /* default width */
}
*+html .t-slider-horizontal { display: inline; zoom: 1; }
* html .t-slider-horizontal { display: inline; zoom: 1; }
.t-slider-wrap
{
width: 100%;
height: 100%;
}
.t-slider .t-button,
.t-grid .t-slider .t-button
{
position: absolute;
top: 0;
min-width: 0;
width: 20px;
height: 20px;
margin: 0;
padding: 0;
outline: none;
}
.t-state-disabled .t-button,
.t-state-disabled .t-draghandle
{
cursor: default;
}
.t-state-disabled .t-slider-track
{
opacity: .6;
filter: alpha(opacity=60);
}
.t-slider .t-button-decrease
{
left: 0;
}
.t-slider-vertical .t-button-decrease
{
top: auto;
bottom: 0;
}
.t-slider .t-button-increase
{
right: 0;
}
.t-slider .t-icon
{
cursor: pointer;
}
.t-state-disabled .t-slider-wrap .t-icon,
.t-state-disabled .t-slider .t-icon
{
cursor: default;
}
*+html .t-slider .t-icon { margin-top: 2px; }
* html .t-slider .t-icon { margin-top: 2px; }
.t-slider-track,
.t-slider-selection
{
position: absolute;
margin: 0;
padding: 0;
}
.t-slider-horizontal .t-slider-track,
.t-slider-horizontal .t-slider-selection
{
height: 6px;
top: 50%;
left: 0;
margin-top: -3px;
background-repeat: repeat-x;
}
.t-slider-horizontal .t-slider-track
{
border-width: 0 1px;
border-style: solid;
background-position: 0 -464px;
}
.t-slider-horizontal .t-slider-selection
{
background-position: 0 -470px;
}
.t-slider-horizontal .t-slider-buttons .t-slider-track
{
left: 27px;
}
.t-slider-vertical .t-slider-track,
.t-slider-vertical .t-slider-selection
{
width: 6px;
left: 50%;
bottom: 0;
margin-left: -3px;
background-repeat: repeat-y;
}
.t-slider-vertical .t-slider-track
{
border-width: 1px 0;
border-style: solid;
background-position: 0 0;
}
.t-slider-vertical .t-slider-selection
{
background-position: -6px 0;
}
.t-slider-vertical .t-slider-buttons .t-slider-track
{
bottom: 27px;
}
.t-draghandle
{
position: absolute;
background-repeat: no-repeat;
background-color: transparent;
text-indent: -3333px;
text-decoration: none;
text-align: center;
overflow: hidden;
cursor: pointer;
}
.t-slider-horizontal .t-draghandle
{
top: -7px;
width: 11px;
height: 20px;
}
.t-slider-vertical .t-draghandle
{
left: -7px;
width: 20px;
height: 11px;
}
.t-slider-horizontal .t-draghandle,
.t-state-disabled.t-slider-horizontal a.t-draghandle,
.t-state-disabled .t-slider-horizontal a.t-draghandle
{
background-position: 0 -368px;
}
.t-slider-horizontal .t-draghandle:hover,
.t-slider-horizontal .t-draghandle:focus
{
background-position: 0 -400px;
}
.t-slider-horizontal a.t-draghandle.t-state-active
{
background-position: 0 -432px;
}
.t-slider-vertical .t-draghandle,
.t-state-disabled.t-slider-vertical a.t-draghandle,
.t-state-disabled .t-slider-vertical a.t-draghandle
{
background-position: -32px -368px;
}
.t-slider-vertical .t-draghandle:hover,
.t-slider-vertical .t-draghandle:focus
{
background-position: -32px -400px;
}
.t-slider-vertical a.t-draghandle.t-state-active
{
background-position: -32px -432px;
}
.t-slider-items
{
display: inline-block; /* float clearing */
}
.t-slider-items
{
display: block; /* float clearing */
}
.t-slider-buttons .t-slider-items
{
margin-left: 27px;
}
.t-slider-horizontal .t-slider-items
{
height: 100%;
}
.t-slider-vertical .t-slider-items
{
padding-top: 1px;
}
.t-slider-vertical .t-slider-buttons .t-slider-items
{
padding-top: 0;
}
.t-slider-vertical .t-slider-buttons .t-slider-items
{
margin: 0;
padding-top: 28px;
}
.t-slider-items: after
{
content: "";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.t-slider .t-tick
{
position: relative;
margin: 0;
padding: 0;
background-color: transparent;
background-repeat: no-repeat;
background-position: center center;
cursor: default;
}
.t-slider-horizontal .t-tick
{
float: left;
text-align: center;
height: 100%;
}
/* fixes ticks position and removes spacing between them in IE6-7 */
*+html .t-slider-vertical .t-tick { float: left; clear: left; width: 100%; }
* html .t-slider-vertical .t-tick { float: left; clear: left; width: 100%; }
.t-slider-horizontal .t-first
{
background-position: 0 center;
}
.t-slider-horizontal .t-last
{
background-position: 100% center;
}
.t-slider-vertical .t-tick
{
text-align: right;
}
.t-slider-vertical .t-slider-topleft .t-tick
{
text-align: left;
}
.t-slider-vertical .t-first
{
background-position: center 100%;
}
.t-slider-vertical .t-last
{
background-position: center 0;
}
.t-slider .t-label
{
position: absolute;
}
.t-slider-horizontal .t-label
{
left: 0;
width: 100%;
}
.t-slider-horizontal .t-first .t-label
{
left: -50%;
}
.t-slider-horizontal .t-last .t-label
{
right: -50%;
}
.t-slider-horizontal .t-label
{
bottom: -1.2em;
}
.t-slider-horizontal .t-slider-topleft .t-label
{
top: -1.2em;
}
.t-slider-vertical .t-label
{
left: 120%;
display: block;
text-align: left;
}
.t-slider-vertical .t-last .t-label
{
top: -0.5em;
}
.t-slider-vertical .t-first .t-label
{
bottom: -0.5em;
}
.t-slider-vertical .t-slider-topleft .t-label
{
left: auto;
right: 120%;
}
/* Tooltip */
.t-tooltip
{
position: absolute;
border-width: 1px;
border-style: solid;
padding: 4px 5px;
background-repeat: repeat-x;
z-index: 10002;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
min-width:10px; /*slider tooltip only*/
text-align:center; /*slider tooltip only*/
}
.t-callout
{
position: absolute;
}
.t-callout-n,
.t-callout-s
{
width: 9px;
height: 6px;
}
.t-callout-w,
.t-callout-e
{
width: 6px;
height: 9px;
}
.t-callout-n
{
top: -6px;
left: 50%;
margin-left: -4px;
background-position: -64px -368px;
}
.t-callout-w
{
left: -6px;
top: 50%;
margin-top: -4px;
background-position: -64px -384px;
}
.t-callout-s
{
top: 100%;
left: 50%;
margin-left: -4px;
background-position: -64px -400px;
}
.t-callout-e
{
left: 100%;
top: 50%;
margin-top: -4px;
background-position: -64px -416px;
}
/* Splitter */
.t-splitter
{
position: relative;
height: 300px;
}
.t-splitter .t-pane
{
overflow: hidden;
}
.t-splitter .t-scrollable
{
overflow: auto;
}
.t-splitter .t-pane-loading
{
position: absolute;
left: 50%;
top: 50%;
margin: -8px 0 0 -8px;
}
.t-ghost-splitbar,
.t-splitbar
{
position: absolute;
border-style: solid;
font-size: 0;
}
.t-splitter .t-ghost-splitbar-horizontal,
.t-splitter .t-splitbar-horizontal
{
top: 0;
width: 5px;
border-width: 0 1px;
background-repeat: repeat-y;
}
.t-ghost-splitbar-vertical,
.t-splitbar-vertical
{
left: 0;
height: 5px;
border-width: 1px 0;
background-repeat: repeat-x;
}
.t-splitbar-draggable-horizontal
{
cursor: w-resize;
}
.t-splitbar-draggable-vertical
{
cursor: n-resize;
}
.t-splitbar .t-resize-handle
{
display: none;
}
.t-restricted-size-horizontal,
.t-restricted-size-vertical
{
background-color: #f00;
}
.t-splitbar-horizontal .t-icon
{
width: 5px;
height: 21px;
position: absolute;
top: 50%;
margin-top: -10px;
}
.t-collapse-prev, .t-collapse-next,
.t-expand-prev, .t-expand-next { cursor: pointer; }
.t-splitbar-horizontal .t-collapse-prev { margin-top: -31px; }
.t-splitbar-horizontal .t-collapse-next { margin-top: 11px; }
.t-splitbar-vertical .t-icon
{
height: 5px;
width: 21px;
position: absolute;
left: 50%;
margin-left: -10px;
}
.t-splitbar-vertical .t-collapse-prev { margin-left: -31px; }
.t-splitbar-vertical .t-collapse-next { margin-left: 11px; }
.t-splitbar-draggable-vertical .t-resize-handle,
.t-splitbar-draggable-horizontal .t-resize-handle
{
display: inline-block;
*display: inline;
zoom: 1;
}
.t-splitbar-horizontal { background-position: 5px 0; }
.t-splitbar-horizontal-hover { background-position: -12px 0; }
.t-splitbar-horizontal-active,
.t-ghost-splitbar-horizontal { background-position: -17px 0; }
.t-restricted-size-horizontal { background-position: -22px 0; }
.t-splitbar-horizontal .t-resize-handle { background-position: -10px -496px; }
.t-splitbar-horizontal-hover .t-resize-handle { background-position: -10px -517px; }
.t-splitbar-horizontal .t-collapse-prev,
.t-splitbar-horizontal .t-expand-next { background-position: 0 -496px; }
.t-splitbar-horizontal-hover .t-collapse-prev,
.t-splitbar-horizontal-hover .t-expand-next { background-position: 0 -517px; }
.t-splitbar-horizontal .t-collapse-next,
.t-splitbar-horizontal .t-expand-prev { background-position: -5px -496px; }
.t-splitbar-horizontal-hover .t-collapse-next,
.t-splitbar-horizontal-hover .t-expand-prev { background-position: -5px -517px; }
.t-splitbar-vertical { background-position: 0 5px; }
.t-splitbar-vertical-hover { background-position: 0 -476px; }
.t-splitbar-vertical-active,
.t-ghost-splitbar-vertical { background-position: 0 -481px; }
.t-restricted-size-vertical { background-position: 0 -486px; }
.t-splitbar-vertical .t-resize-handle { background-position: -16px -496px; }
.t-splitbar-vertical-hover .t-resize-handle { background-position: -16px -501px; }
.t-splitbar-vertical .t-collapse-prev,
.t-splitbar-vertical .t-expand-next { background-position: -16px -506px; }
.t-splitbar-vertical-hover .t-collapse-prev,
.t-splitbar-vertical-hover .t-expand-next { background-position: -16px -517px; }
.t-splitbar-vertical .t-collapse-next,
.t-splitbar-vertical .t-expand-prev { background-position: -16px -511px; }
.t-splitbar-vertical-hover .t-collapse-next,
.t-splitbar-vertical-hover .t-expand-prev { background-position: -16px -522px; }
/* Upload */
html .t-upload
{
position: relative;
border-width:0;
background: none;
}
.t-dropzone,
.t-upload-files
{
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.t-dropzone em,
.t-upload-button
{
vertical-align: middle;
}
*+html .t-dropzone em, *+html .t-upload-button { vertical-align: baseline; }
* html .t-dropzone em, * html .t-upload-button { vertical-align: baseline; }
.t-dropzone
{
border-style: solid;
border-width: 0;
padding: 4px;
background-color: transparent;
}
.t-dropzone em
{
margin-left: .6em;
visibility: hidden;
}
.t-dropzone-active
{
border-width:1px;
padding: 3px;
}
.t-dropzone-active em
{
visibility: visible;
}
.t-upload-button
{
width: 86px;
position: relative;
direction: ltr;
overflow: hidden !important; /*!important required by IE7*/
}
.t-upload-button input
{
font: 500px monospace !important; /* The input font size and family are critical for the operation of the Upload */
opacity: 0;
filter: alpha(opacity=0);
position: absolute;
padding: 0;
margin: 0;
cursor: pointer;
right: 0; top: 0;
z-index: 1;
}
.t-state-disabled .t-upload-button input
{
cursor: default;
}
.t-upload-files
{
border-style: solid;
border-width: 1px;
margin: .2em 0 0;
padding: .3em .7em .5em;
line-height: 1.9em;
}
.t-upload-files .t-button
{
position:relative;
top: 1px;
margin-left: 8px;
padding-top: 0;
padding-bottom: 0;
font-size: 84%;
}
*+html .t-upload-files .t-button{line-height: 1;} /*IE7*/
* html .t-upload-files .t-button{line-height: 1;} /*IE6*/
.t-upload .t-delete,
.t-upload .t-cancel,
.t-upload .t-retry
{
height: 8px;
vertical-align: baseline;
}
.t-upload .t-delete,
.t-upload .t-cancel
{
width: 7px;
background-position: -5px -292px;
}
.t-retry{ background-position: -66px -228px; width: 11px; }
.t-success{ background-position: -64px -240px; }
.t-fail{ background-position: -64px -256px; }
.t-filename
{
position: relative;
display: inline-block;
min-width: 120px;
vertical-align: middle;
}
.t-progress,
.t-progress-status
{
position: absolute;
bottom: -2px;
left: 0;
width: 118px;
height: 2px;
border-style: solid;
border-width: 1px;
background-repeat: repeat-x;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}
.t-progress-status
{
left: -1px;
bottom: -1px;
width: 50%;
}
.t-upload-selected
{
min-width: 86px;
box-sizing: content-box;
-moz-box-sizing: content-box;
-ms-box-sizing: content-box;
margin: 3px 0 0;
}
*+html .t-upload-selected { min-width: 100px; }
/* ImageBrowser */
.t-tiles-buttons .t-dropzone em,
.t-tiles-buttons .t-upload-files
{
display: none;
}
.t-tiles-buttons .t-dropzone
{
border: 0;
padding: 0;
background-color: transparent;
}
.t-search-wrap
{
float: right;
width: auto;
position: relative;
padding: 0;
}
.t-search-wrap label
{
position: absolute;
top: 0;
left: 4px;
line-height: 20px;
font-style: italic;
}
.t-search-wrap input.t-input
{
width: 158px;
padding-left: 0;
padding-right: 0;
}
.t-search
{
background-position: -64px -176px;
}
.t-search-wrap .t-search
{
position:absolute;
top:1px;
right:2px;
}
.t-breadcrumbs
{
float: left;
position: relative;
width: 560px;
}
.t-breadcrumbs-wrap
{
position:absolute;
z-index:1;
top:0;
left:0;
padding-left:5px;
line-height:18px;
}
html input.t-breadcrumbs-input
{
width:100%;
padding-left:2px;
font-family:inherit;
}
.t-breadcrumbs .t-link,
.t-breadcrumbs-wrap .t-icon
{
text-decoration: none;
vertical-align: middle;
margin-top: 0;
}
.t-breadcrumbs .t-link:hover
{
text-decoration:underline;
}
.t-imagebrowser .t-breadcrumbs .t-first
{
text-decoration:none;
cursor:default;
}
.t-tiles-toolbar
{
clear:both;
border-style:solid;
border-width:1px;
margin: 8px 0 0;
padding: 2px 0 3px;
background-repeat:repeat-x;
line-height:23px;
white-space:nowrap; /*required by WebKit*/
}
.t-imagebrowser .t-upload
{
float: left;
}
.t-imagebrowser .t-upload-button
{
width: auto;
vertical-align: top;
}
.t-imagebrowser .t-upload .t-icon
{
vertical-align: bottom;
}
*+html .t-imagebrowser .t-upload-button, *+html .t-imagebrowser .t-upload .t-icon { vertical-align: baseline; position: relative; top: 1px; }
* html .t-imagebrowser .t-upload-button, * html .t-imagebrowser .t-upload .t-icon { vertical-align: baseline; position: relative; top: 1px; }
*+html .t-imagebrowser .t-upload .t-icon { top: 2px; }
* html .t-imagebrowser .t-upload .t-icon { top: 2px; }
*+html .t-tiles-toolbar .t-button-icon { vertical-align: middle; }
* html .t-tiles-toolbar .t-button-icon { vertical-align: middle; }
.t-addfolder
{
background-position:-64px -192px;
}
.t-goup
{
background-position:-64px -208px;
}
.t-tiles-toolbar .t-state-disabled
{
opacity:.5;
filter:alpha(opacity=50);
}
.t-tiles-buttons
{
float:left;
}
.t-tiles-arrange
{
float:right;
}
* html .t-tiles-arrange
{
margin: 3px 0 0;
}
.t-tiles-arrange .t-arrow-down
{
margin:0 2px 0 3px;
}
.t-tiles-arrange a
{
text-decoration:none;
}
.t-tiles
{
clear:both;
height:390px;
border-style:solid;
border-width:1px;
border-top-width:0;
margin:0 0 1.4em;
padding:9px;
overflow:auto;
line-height:1.2;
}
.t-tile
{
width:223px;
height:88px;
overflow:hidden;
float:left;
border-width:1px;
border-style:solid;
margin:1px;
padding:0 0 4px;
cursor:pointer;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.t-imagebrowser .t-thumb
{
float: left;
display: inline;
width: 86px;
height: 86px;
margin: 4px 10px 0 4px;
-khtml-user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.t-imagebrowser .t-image
{
margin:2px 0 0 2px;
-moz-box-shadow:1px 1px 3px #aaa;
-webkit-box-shadow:1px 1px 3px #aaa;
box-shadow:1px 1px 3px #aaa;
}
.t-imagebrowser .t-folder
{
width:80px;
height:80px;
background-position:0 -200px;
background-repeat:no-repeat;
}
.t-goback
{
background-position:-64px -224px;
}
.t-imagebrowser .t-loading
{
margin:35px 0 0 33px;
}
.t-tile strong,
.t-tile input
{
margin:10px 0 4px;
font-weight:normal;
}
.t-tile strong
{
float: left;
width: 120px;
overflow: hidden;
text-overflow: ellipsis;
}
.t-tile input
{
width: 100px;
}
.t-tile em,
.t-tile .t-filesize
{
clear: left;
font-weight: normal;
font-style: normal;
}
.t-tile strong,
.t-tile input,
.t-tile em,
.t-tile .t-filesize
{
display:block;
}
.t-imagebrowser .t-form-text-row input
{
width:628px;
}
/*
* html .t-imagebrowser .t-form-text-row input{width:610px;}
*+html .t-imagebrowser .t-form-text-row input{width:610px;}
*/
.t-tile-empty
{
margin:160px 0 0;
}
.t-tile-empty .t-dialog-upload
{
font-weight:bold;
font-size:120%;
}
.t-tile-empty strong
{
display:block;
margin:0 0 0.2em;
font-size:3em;
font-weight:normal;
}
.t-tile-empty,
.t-tile-empty .t-button-wrapper
{
text-align:center;
}
.t-touch-scrollbar
{
position:absolute;
display:none;
z-index:200000;
height: 8px;
width: 8px;
border: 1px solid #8a8a8a;
background-color: #858585;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.t-touch-scrollbar
{
height: 12px;
width: 12px;
-webkit-border-radius: 7px;
}
}
/* Office2007 theme*/
.t-widget
{
border-color: #688caf;
/*font-size: .75em; /* 12px base, if there are no inherited font-sizes (MVC default) */
background-color: #fff;
}
/* .small .t-widget { font-size: .687em; } /* 11px base, if there are no inherited font-sizes (MVC default) */
/*
.t-header,
.t-grid-header
{
border-color: #688caf;
background: #c3d8f1 url('Office2007/sprite.png') repeat-x 0 -752px;
}
*/
.t-panelbar .t-state-hover { background-image: none; }
.t-icon { background-image: url('Office2007/sprite.png'); }
.t-editor .t-tool-icon { background-image: url('Office2007/editor.png'); }
.t-expand { background-position: 0 -160px; }
.t-collapse { background-position: 0 -176px; }
.t-rtl .t-expand { background-position: -64px -160px; }
.t-plus, .t-plus-disabled { background-position: 0 -256px; }
.t-minus, .t-minus-disabled { background-position: -16px -256px; }
.t-rtl .t-plus, .t-rtl .t-plus-disabled { background-position: 0 -272px; }
.t-rtl .t-minus, .t-rtl .t-minus-disabled { background-position: -16px -272px; }
.t-arrow-up, .t-arrow-down
{
background-image: url('Images/Buttons/UpDown.png');
width:16px;
height:16px;
}
.t-arrow-up { background-position: 0 0; }
.t-arrow-down { background-position: 0 -16px; }
.t-arrow-down.t-loading
{
background-position: 4px 4px!important;
}
.t-select .t-arrow-down
{
background-image: url('Images/x16/DropDownButton.png');
background-position: center;
width: 24px;
height: 24px;
}
/*
.t-state-disabled .t-arrow-up { background-position: -32px -160px; }
.t-state-disabled .t-arrow-down { background-position: -32px -176px; }
.t-state-hover .t-arrow-up { background-position: -48px -160px; }
.t-state-hover .t-arrow-down { background-position: -48px -176px; }
*/
.t-numerictextbox .t-arrow-up, .t-numerictextbox .t-arrow-down
{
background-image: url('Images/Buttons/NumericUpDown.png');
width: 24px;
height: 13px;
border-left:1px solid #d0d5da;
}
.t-numerictextbox .t-arrow-up { background-position: 0 0; }
.t-numerictextbox .t-arrow-down { background-position: 0 -13px; }
.t-arrow-up-small { background-position: 0 -304px; }
.t-arrow-down-small { background-position: -16px -304px; }
.t-arrow-first { background-position: 0 -192px; }
.t-arrow-prev { background-position: -16px -192px; }
.t-arrow-next { background-position: -32px -192px; }
.t-arrow-last { background-position: -48px -192px; }
.t-state-disabled .t-arrow-first { background-position: 0 -208px; }
.t-state-disabled .t-arrow-prev { background-position: -16px -208px; }
.t-state-disabled .t-arrow-next { background-position: -32px -208px; }
.t-state-disabled .t-arrow-last { background-position: -48px -208px; }
.t-state-hover .t-arrow-first { background-position: 0 -224px; }
.t-state-hover .t-arrow-prev { background-position: -16px -224px; }
.t-state-hover .t-arrow-next { background-position: -32px -224px; }
.t-state-hover .t-arrow-last { background-position: -48px -224px; }
.t-filter { background-position: 0 -240px; }
.t-clear-filter { background-position: -16px -240px; }
.t-refresh { background-position: -32px -240px; }
.t-icon-calendar { background-position: -48px -240px; }
.t-icon-clock { background-position: -64px -336px; }
.t-edit { background-position: 0 -336px; }
.t-delete { background-position: -16px -336px; }
.t-insert, .t-update { background-position: -32px -336px; }
.t-cancel { background-position: -48px -336px; }
.t-group-delete { background-position: 0 -288px; }
.t-maximize { background-position: -16px -288px; }
.t-restore { background-position: -32px -288px; }
.t-close { background-position: -64px -288px; }
.t-insert-top { background-position: 0 -320px; }
.t-insert-middle { background-position: -16px -320px; }
.t-insert-bottom { background-position: -32px -320px; }
.t-add { background-position: -48px -320px; }
.t-denied { background-position: -64px -320px; }
.t-loading,
.t-widget .t-loading { background: transparent url('Office2007/loading.gif') no-repeat 0 0; }
.t-widget,
.t-link:link,
.t-link:active,
.t-link:visited,
.t-popup
{
color: #000;
}
.t-group,
.t-content,
.t-editable-area
{
border-color: #73c5fc;
background-color: #fff;
}
.t-colorpicker .t-arrow-down
{
border-color: #688caf;
}
.t-separator
{
border-color: #ebf1f9;
background-color: #a0b2c7;
}
.t-alt
{
background-color: #fff;
}
.t-state-default
{
border-color: #d0d5da;
}
.t-active-filter
{
background-color: #c0d9ef;
}
.t-state-hover,
.t-state-hover:hover
{
background-color: #F0F0F0;
border-color: #eee;
}
.t-state-active
{
background-color: #fff;
border-color: #688caf;
}
.t-state-selected
{
background-color: #ffd176;
}
.t-state-error
{
border-style: ridge;
border-color: #f00;
background-color: #ffc0cb;
}
.t-state-disabled,
.t-state-disabled .t-link,
.t-state-disabled .t-button
{
color: #999;
}
.t-toolbar,
.t-grouping-header,
.t-grid-pager,
.t-widget .t-status
{
border-color: #5d8cc9;
background-color: #d6e5f3;
}
.t-grouping-row td
{
background: #fff url('Office2007/sprite.png') repeat-x 0 -48px;
}
.t-footer-template td
{
background-color: #d6e5f3;
border-color: #567db0 #d6e5f3 #fff;
}
.t-group-footer td
{
background-color: #d6e5f3;
border-color: #567db0;
}
.t-grid-footer,
.t-grid-footer-wrap table
{
background-color: #d6e5f3;
border-color: #567db0;
}
.t-grouping-header .t-group-indicator
{
color: #333;
border-color: #aaa;
}
.t-grouping-dropclue
{
background: url('Office2007/sprite.png') no-repeat -48px -288px;
}
.t-grouping-row .t-group-cell,
.t-grouping-row p
{
background: #fff;
}
.t-treeview .t-drop-clue
{
background-image: url('Office2007/sprite.png');
background-position: 0 -358px;
}
.t-treeview .t-state-hover,
.t-treeview .t-state-hover:hover
{
border-width:1px;
border-style:solid;
}
.t-treeview .t-state-selected
{
border-color: #A3BAE9;
}
.t-panelbar .t-link,
.t-panelbar .t-group,
.t-panelbar .t-content
{
border-color: #5d8cc9;
}
.t-calendar th
{
border-color: #9ebfdb;
}
.t-other-month .t-link
{
color: #777;
}
.t-treeview-lines .t-top,
.t-treeview-lines .t-mid,
.t-treeview-lines .t-bot
{
background-image: url('Office2007/treeview-nodes.png');
}
.t-rtl .t-treeview-lines .t-top,
.t-rtl .t-treeview-lines .t-mid,
.t-rtl .t-treeview-lines .t-bot
{
background-image: url('Office2007/treeview-nodes-rtl.png');
}
.t-treeview-lines .t-item { background-image: url('Office2007/treeview-line.png'); }
.t-treeview-lines .t-last { background-image: none; }
.t-editor-button .t-state-hover
{
border-color: #e8f0fa #98b2d0 #98b2d0 #e8f0fa;
background-color: #d4e3f5;
}
.t-editor-button .t-state-active
{
border-color: #88a4c5 #d0dcea #d0dcea #88a4c5;
background-color: #9fbad9;
}
/*Slider*/
.t-slider .t-draghandle
{
background-image:url('Office2007/sprite.png');
color:#688caf;
}
.t-slider-track
{
border-color:#6b89b2;
}
.t-slider-horizontal .t-slider-track,
.t-slider-horizontal .t-slider-selection
{
background-image:url('Office2007/sprite.png');
}
.t-slider-vertical .t-slider-track,
.t-slider-vertical .t-slider-selection
{
background-image:url('Office2007/sprite-vertical.png');
}
.t-slider-horizontal .t-tick { background-image:url('Office2007/slider-hs-both.gif'); }
.t-slider-horizontal .t-slider-topleft .t-tick { background-image:url('Office2007/slider-hs-top.gif'); }
.t-slider-horizontal .t-slider-bottomright .t-tick { background-image:url('Office2007/slider-hs-bottom.gif'); }
.t-slider-horizontal .t-tick-large { background-image:url('Office2007/slider-h-both.gif'); }
.t-slider-horizontal .t-slider-topleft .t-tick-large { background-image:url('Office2007/slider-h-top.gif'); }
.t-slider-horizontal .t-slider-bottomright .t-tick-large { background-image:url('Office2007/slider-h-bottom.gif'); }
.t-slider-vertical .t-tick { background-image:url('Office2007/slider-vs-both.gif'); }
.t-slider-vertical .t-slider-topleft .t-tick { background-image:url('Office2007/slider-vs-left.gif'); }
.t-slider-vertical .t-slider-bottomright .t-tick { background-image:url('Office2007/slider-vs-right.gif'); }
.t-slider-vertical .t-tick-large { background-image:url('Office2007/slider-v-both.gif'); }
.t-slider-vertical .t-slider-topleft .t-tick-large { background-image:url('Office2007/slider-v-left.gif'); }
.t-slider-vertical .t-slider-bottomright .t-tick-large { background-image:url('Office2007/slider-v-right.gif'); }
/*Tooltip*/
.t-tooltip
{
border-color:#767676;
background:#cad9ef 0 -96px repeat-x url('Office2007/sprite.png');
color:#333;
}
.t-callout
{
background-image:url('Office2007/sprite.png');
}
/* Splitter */
.t-splitter
{
border-color: #9eb6ce;
}
.t-splitbar-vertical,
.t-splitbar-horizontal
{
background-color: #d7e6f7;
border-color: #9eb6ce;
}
.t-splitbar-vertical,
.t-ghost-splitbar-vertical
{
background-image: url('Office2007/sprite.png');
}
.t-splitbar-horizontal,
.t-ghost-splitbar-horizontal
{
background-image: url('Office2007/sprite-vertical.png');
}
/* Upload */
.t-dropzone-active,
.t-upload-files
{
border-color: #688caf;
}
.t-dropzone-hovered,
.t-upload-files
{
background-color: #d6e5f3;
}
.t-dropzone em
{
color: #3e7ecf;
}
.t-progress,
.t-progress-status
{
background-image: url('Office2007/sprite.png');
}
.t-progress
{
background-position: 0 -465px;
border-color: #82a6d7 #8aacda #82a6d7;
}
.t-progress-status
{
background-position: 0 -472px;
border-color: #6b89b2 transparent;
}
/* ImageBrowser */
.t-imagebrowser .t-content
{
background: #dde8f5;
}
.t-breadcrumbs .t-link
{
color: #3e7ecf;
}
.t-breadcrumbs .t-link:hover
{
color: #00156e;
}
.t-breadcrumbs .t-first,
.t-breadcrumbs .t-first:hover,
.t-search-wrap label
{
color: #8bb2e2;
}
.t-tiles-toolbar
{
border-color: #8bb2e2;
background: #c3d8f1 url('Office2007/sprite.png') repeat-x 0 -752px;
}
.t-tiles-arrange
{
color: #3e7ecf;
}
.t-tiles-toolbar .t-upload .t-button,
.t-tiles-arrange .t-link
{
color: #00156e;
}
.t-tiles
{
border-color: #8bb2e2;
background: #fff;
}
.t-tile
{
border-color: #fff;
background:0 100px repeat-x url('Office2007/imagebrowser.png');
}
.t-tiles li.t-state-hover
{
border-color: #c5af7f;
background-position: 0 0;
}
.t-tiles li.t-state-selected
{
border-color: #c0a776;
background-position: 0 -100px;
}
.t-tile .t-folder
{
background-image:url('Office2007/imagebrowser.png');
}
.t-tile em,
.t-tile .t-filesize
{
color: #636363;
}
.t-tile-empty strong
{
color: #8bb2e2;
}
/*
* FullCalendar v1.5.2 Stylesheet
*
* Copyright (c) 2011 Adam Shaw
* Dual licensed under the MIT and GPL licenses, located in
* MIT-LICENSE.txt and GPL-LICENSE.txt respectively.
*
* Date: Sun Aug 21 22:06:09 2011 -0700
*
*/
.fc {
direction: ltr;
text-align: left;
}
.fc table {
border-collapse: collapse;
border-spacing: 0;
}
html .fc,
.fc table {
font-size: 1em;
}
.fc td,
.fc th {
padding: 0;
vertical-align: top;
}
/* Header
------------------------------------------------------------------------*/
.fc-header td {
white-space: nowrap;
}
.fc-header-left {
width: 25%;
text-align: left;
}
.fc-header-center {
text-align: center;
}
.fc-header-right {
width: 25%;
text-align: right;
}
.fc-header-title {
display: inline-block;
vertical-align: top;
}
.fc-header-title h2 {
margin-top: 0;
white-space: nowrap;
}
.fc .fc-header-space {
padding-left: 10px;
}
.fc-header .fc-button {
margin-bottom: 1em;
vertical-align: top;
}
/* buttons edges butting together */
.fc-header .fc-button {
margin-right: -1px;
}
.fc-header .fc-corner-right {
margin-right: 1px; /* back to normal */
}
.fc-header .ui-corner-right {
margin-right: 0; /* back to normal */
}
/* button layering (for border precedence) */
.fc-header .fc-state-hover,
.fc-header .ui-state-hover {
z-index: 2;
}
.fc-header .fc-state-down {
z-index: 3;
}
.fc-header .fc-state-active,
.fc-header .ui-state-active {
z-index: 4;
}
/* Content
------------------------------------------------------------------------*/
.fc-content {
clear: both;
}
.fc-view {
width: 100%; /* needed for view switching (when view is absolute) */
overflow: hidden;
}
/* Cell Styles
------------------------------------------------------------------------*/
.fc-widget-header, /* | , usually */
.fc-widget-content { /* | , usually */
border: 1px solid #ccc;
}
.fc-state-highlight { /* | today cell */ /* TODO: add .fc-today to | */
background: #ffc;
}
.fc-cell-overlay { /* semi-transparent rectangle while dragging */
background: #9cf;
opacity: .2;
filter: alpha(opacity=20); /* for IE */
}
/* Buttons
------------------------------------------------------------------------*/
.fc-button {
position: relative;
display: inline-block;
cursor: pointer;
}
.fc-state-default { /* non-theme */
border-style: solid;
border-width: 1px 0;
}
.fc-button-inner {
position: relative;
float: left;
overflow: hidden;
}
.fc-state-default .fc-button-inner { /* non-theme */
border-style: solid;
border-width: 0 1px;
}
.fc-button-content {
position: relative;
float: left;
height: 1.9em;
line-height: 1.9em;
padding: 0 .6em;
white-space: nowrap;
}
/* icon (for jquery ui) */
.fc-button-content .fc-icon-wrap {
position: relative;
float: left;
top: 50%;
}
.fc-button-content .ui-icon {
position: relative;
float: left;
margin-top: -50%;
*margin-top: 0;
*top: -50%;
}
/* gloss effect */
.fc-state-default .fc-button-effect {
position: absolute;
top: 50%;
left: 0;
}
.fc-state-default .fc-button-effect span {
position: absolute;
top: -100px;
left: 0;
width: 500px;
height: 100px;
border-width: 100px 0 0 1px;
border-style: solid;
border-color: #fff;
background: #444;
opacity: .09;
filter: alpha(opacity=9);
}
/* button states (determines colors) */
.fc-state-default,
.fc-state-default .fc-button-inner {
border-style: solid;
border-color: #ccc #bbb #aaa;
background: #F3F3F3;
color: #000;
}
.fc-state-hover,
.fc-state-hover .fc-button-inner {
border-color: #999;
}
.fc-state-down,
.fc-state-down .fc-button-inner {
border-color: #555;
background: #777;
}
.fc-state-active,
.fc-state-active .fc-button-inner {
border-color: #555;
background: #777;
color: #fff;
}
.fc-state-disabled,
.fc-state-disabled .fc-button-inner {
color: #999;
border-color: #ddd;
}
.fc-state-disabled {
cursor: default;
}
.fc-state-disabled .fc-button-effect {
display: none;
}
/* Global Event Styles
------------------------------------------------------------------------*/
.fc-event {
border-style: solid;
border-width: 0;
font-size: .85em;
cursor: default;
}
a.fc-event,
.fc-event-draggable {
cursor: pointer;
}
a.fc-event {
text-decoration: none;
}
.fc-rtl .fc-event {
text-align: right;
}
.fc-event-skin {
border-color: #36c; /* default BORDER color */
background-color: #36c; /* default BACKGROUND color */
color: #fff; /* default TEXT color */
}
.fc-event-inner {
position: relative;
width: 100%;
height: 100%;
border-style: solid;
border-width: 0;
overflow: hidden;
}
.fc-event-inner.fc-event-skin {
padding-left: 3px;
}
.fc-event-time,
.fc-event-title {
padding: 0 1px;
}
.fc .ui-resizable-handle { /*** TODO: don't use ui-resizable anymore, change class ***/
display: block;
position: absolute;
z-index: 99999;
overflow: hidden; /* hacky spaces (IE6/7) */
font-size: 300%; /* */
line-height: 50%; /* */
}
/* Horizontal Events
------------------------------------------------------------------------*/
.fc-event-hori {
border-width: 1px 0;
margin-bottom: 1px;
}
/* resizable */
.fc-event-hori .ui-resizable-e {
top: 0 !important; /* importants override pre jquery ui 1.7 styles */
right: -3px !important;
width: 7px !important;
height: 100% !important;
cursor: e-resize;
}
.fc-event-hori .ui-resizable-w {
top: 0 !important;
left: -3px !important;
width: 7px !important;
height: 100% !important;
cursor: w-resize;
}
.fc-event-hori .ui-resizable-handle {
_padding-bottom: 14px; /* IE6 had 0 height */
}
/* Fake Rounded Corners (for buttons and events)
------------------------------------------------------------*/
.fc-corner-left {
margin-left: 1px;
}
.fc-corner-left .fc-button-inner,
.fc-corner-left .fc-event-inner {
margin-left: -1px;
}
.fc-corner-right {
margin-right: 1px;
}
.fc-corner-right .fc-button-inner,
.fc-corner-right .fc-event-inner {
margin-right: -1px;
}
.fc-corner-top {
margin-top: 1px;
}
.fc-corner-top .fc-event-inner {
margin-top: -1px;
}
.fc-corner-bottom {
margin-bottom: 1px;
}
.fc-corner-bottom .fc-event-inner {
margin-bottom: -1px;
}
/* Fake Rounded Corners SPECIFICALLY FOR EVENTS
-----------------------------------------------------------------*/
.fc-corner-left .fc-event-inner {
border-left-width: 1px;
}
.fc-corner-right .fc-event-inner {
border-right-width: 1px;
}
.fc-corner-top .fc-event-inner {
border-top-width: 1px;
}
.fc-corner-bottom .fc-event-inner {
border-bottom-width: 1px;
}
/* Reusable Separate-border Table
------------------------------------------------------------*/
table.fc-border-separate {
border-collapse: separate;
}
.fc-border-separate th,
.fc-border-separate td {
border-width: 1px 0 0 1px;
}
.fc-border-separate th.fc-last,
.fc-border-separate td.fc-last {
border-right-width: 1px;
}
.fc-border-separate tr.fc-last th,
.fc-border-separate tr.fc-last td {
border-bottom-width: 1px;
}
.fc-border-separate tbody tr.fc-first td,
.fc-border-separate tbody tr.fc-first th {
border-top-width: 0;
}
/* Month View, Basic Week View, Basic Day View
------------------------------------------------------------------------*/
.fc-grid th {
text-align: center;
}
.fc-grid .fc-day-number {
float: right;
padding: 0 2px;
}
.fc-grid .fc-other-month .fc-day-number {
opacity: 0.3;
filter: alpha(opacity=30); /* for IE */
/* opacity with small font can sometimes look too faded
might want to set the 'color' property instead
making day-numbers bold also fixes the problem */
}
.fc-grid .fc-day-content {
clear: both;
padding: 2px 2px 1px; /* distance between events and day edges */
}
/* event styles */
.fc-grid .fc-event-time {
font-weight: bold;
}
/* right-to-left */
.fc-rtl .fc-grid .fc-day-number {
float: left;
}
.fc-rtl .fc-grid .fc-event-time {
float: right;
}
/* Agenda Week View, Agenda Day View
------------------------------------------------------------------------*/
.fc-agenda table {
border-collapse: separate;
}
.fc-agenda-days th {
text-align: center;
}
.fc-agenda .fc-agenda-axis {
width: 50px;
padding: 0 4px;
vertical-align: middle;
text-align: right;
white-space: nowrap;
font-weight: normal;
}
.fc-agenda .fc-day-content {
padding: 2px 2px 1px;
}
/* make axis border take precedence */
.fc-agenda-days .fc-agenda-axis {
border-right-width: 1px;
}
.fc-agenda-days .fc-col0 {
border-left-width: 0;
}
/* all-day area */
.fc-agenda-allday th {
border-width: 0 1px;
}
.fc-agenda-allday .fc-day-content {
min-height: 34px; /* TODO: doesnt work well in quirksmode */
_height: 34px;
}
/* divider (between all-day and slots) */
.fc-agenda-divider-inner {
height: 2px;
overflow: hidden;
}
.fc-widget-header .fc-agenda-divider-inner {
background: #eee;
}
/* slot rows */
.fc-agenda-slots th {
border-width: 1px 1px 0;
}
.fc-agenda-slots td {
border-width: 1px 0 0;
background: none;
}
.fc-agenda-slots td div {
height: 20px;
}
.fc-agenda-slots tr.fc-slot0 th,
.fc-agenda-slots tr.fc-slot0 td {
border-top-width: 0;
}
.fc-agenda-slots tr.fc-minor th,
.fc-agenda-slots tr.fc-minor td {
border-top-style: dotted;
}
.fc-agenda-slots tr.fc-minor th.ui-widget-header {
*border-top-style: solid; /* doesn't work with background in IE6/7 */
}
/* Vertical Events
------------------------------------------------------------------------*/
.fc-event-vert {
border-width: 0 1px;
}
.fc-event-vert .fc-event-head,
.fc-event-vert .fc-event-content {
position: relative;
z-index: 2;
width: 100%;
overflow: hidden;
}
.fc-event-vert .fc-event-time {
font-size: 10px;
}
.fc-event-vert .fc-event-bg { /* makes the event lighter w/ a semi-transparent overlay */
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #fff;
opacity: .3;
filter: alpha(opacity=30);
}
.fc .ui-draggable-dragging .fc-event-bg, /* TODO: something nicer like .fc-opacity */
.fc-select-helper .fc-event-bg {
display: none\9; /* for IE6/7/8. nested opacity filters while dragging don't work */
}
/* resizable */
.fc-event-vert .ui-resizable-s {
bottom: 0 !important; /* importants override pre jquery ui 1.7 styles */
width: 100% !important;
height: 8px !important;
overflow: hidden !important;
line-height: 8px !important;
font-size: 11px !important;
font-family: monospace;
text-align: center;
cursor: s-resize;
}
.fc-agenda .ui-resizable-resizing { /* TODO: better selector */
_overflow: hidden;
}
.eng-local-sub {
margin-left: -1.5em;
font-size: 0.5em;
}
.eng-local-sup {
margin-left: 0.5em;
}
/* Basic element styles */
* {margin: 0; padding:0;}
html, body
{
height:100%;
width: 100%;
}
body
{
color:#333;
background:#eee;
font-family:Arial, Tahoma, Arial, Helvetica, sans-serif;
/*overflow: auto;*/
font-size:12px;
}
body.Gadget
{
background-color: white;
}
img, body, html
{
border:0 none;
}
img.inline-text
{
margin: -3px 0;
}
legend
{
padding: 0 5px;
}
table
{
border-collapse:collapse;
border-spacing:0;
padding:0;
border:0;
font-size:12px;
}
table td
{
vertical-align:top;
}
th
{
font-style: normal;
font-weight: normal;
}
a
{
color: #3366CC;
text-decoration:none;
cursor:pointer;
}
a:hover
{
color:#6690c8;
}
input
{
font-size:12px;
padding: 2px 0 2px 2px;
font-family:Tahoma,Arial,Helvetica,sans-serif;
}
input.t-input::-ms-clear
{
display: none;
}
textarea
{
font-size:12px;
padding-left:2px;
font-family:Tahoma,Arial,Helvetica,sans-serif;
resize:vertical;
}
h1, h2, h3, h4, h5, h6
{
font-size: 100%;
}
h2
{
font-family: OpenSans;
font-size: 17px;
font-weight: normal;
margin-bottom:5px;
}
h3
{
font-family: OpenSans;
font-size: 15px;
font-weight: normal;
margin-bottom:5px;
}
h4
{
color: #003366;
font-weight: bold;
font-size:12px;
margin-bottom:5px;
}
ins, del
{
text-decoration: none;
}
ul
{
list-style-type:none;
}
select
{
border: 1px solid #d0d5da;
border-radius: 2px;
box-shadow: inset 0px 1px 1px 1px #eee;
outline: 0 none;
}
/* Common styles */
.pointer
{
cursor: pointer;
}
.no-pointer
{
cursor: default !important;
}
.lh12, .lh12 *
{
line-height: 12px;
}
.space-bottom
{
margin-bottom: 10px;
}
div.loader {
height: 100%;
text-align: center;
}
div.loader span {
display: inline-block;
height: 100%;
vertical-align: middle;
}
div.loader img {
vertical-align: middle;
}
.paragraph {
margin: 10px 0;
}
.paragraph:first-of-type {
margin-top: 0;
}
.paragraph:last-of-type {
margin-bottom: 0;
}
.instruction {
width: 800px;
height: 600px;
overflow: auto;
}
.instruction img {
width: 400px;
display: block;
}
.instruction ul,.instruction ol {
padding-left: 30px;
}
.instruction ul {
list-style-type:circle;
}
.instruction ol {
list-style-type:decimal;
}
.instruction p {
margin: 10px 0;
}
.instruction a.download:before {
content: "";
display: block;
}
.instruction a.download {
background-color: #5b9bd5;
border: 1px solid #41719c;
border-radius: 5px;
color: white;
display: inline-block;
font-weight: bold;
height: 27px;
padding-left: 15px;
padding-right: 50px;
padding-top: 15px;
position: relative;
}
.instruction a.download:hover {
color: white;
}
.instruction a.download:after {
content: " ";
background: url('Images/x24/Download.png') no-repeat;
display: block;
height: 24px;
position: absolute;
right: 13px;
top: 6px;
width: 24px;
}
.instruction li li a.download,.instruction li li img {
margin-left: -30px;
}
ul.Select {
overflow: auto;
border: 1px solid #d0d5da;
border-radius: 2px;
}
ul.Select, ul.Select * {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
li.list2listItem, li.list2listItem-nosort {
padding: 5px;
height: 17px;
overflow: hidden;
}
ul.Select li.list2listItem {
cursor: pointer;
}
ul.Select.Draggable li.list2listItem {
cursor: url("/Content/Images/Cursors/openhand.ico"), default;
cursor: -moz-grab;
cursor: -webkit-grab;
}
ul.Select.Draggable:not(.drop-hover) > li.list2listItem:hover {
background: #cdeaff url("/Content/Images/x16/grab.png") no-repeat scroll 0 0;
background-color: #cdeaff;
}
li.list2listItem.disabled {
display: none!important;
}
li.list2listItem>span,li.list2listItem-nosort>span
{
height: 17px;
line-height: 20px;
margin-left: 6px;
white-space: nowrap;
}
ul.Select.Draggable.selectedItems li {
position: relative;
}
ul.Select.Draggable li.list2listItem>i.del {
float: right;
cursor: pointer;
position: absolute;
top: 0;
right: 0;
padding: 0;
margin: 0;
width: 20px;
height: 27px;
}
ul.Select.Draggable li.list2listItem>i.del:after {
content: ' ';
position: absolute;
top: 2px;
right: 2px;
background: url('Images/x10/delete_small.png') no-repeat;
width: 10px;
height: 10px;
}
ul.Select.Draggable li.list2listItem>i.del:hover {
background-color: #cdeaff;
}
ul.Select.Draggable li.list2listItem.selected>i.del:hover {
background-color: #84ccff;
}
ul.Select.Draggable li.list2listItem>i.del:hover:after {
top: 6px;
right: 3px;
background-image: url('Images/x16/delete.png');
width: 16px;
height: 16px;
}
.ui-draggable-dragging, .ui-sortable-helper {
z-index: 20000!important;
}
.ui-draggable-dragging li.list2listItem, .ui-sortable-helper li.list2listItem {
width: auto !important;
list-style-type: none;
padding: 5px;
background: #cdeaff url("/Content/Images/x16/grab.png") no-repeat scroll 0 0;
cursor: url("/Content/Images/Cursors/closedhand.ico"), default;
cursor: -moz-grabbing;
cursor: -webkit-grabbing;
}
.availableItems li.list2listItem>i.del, li.list2listItem.ui-draggable-dragging>i.del, li.list2listItem.ui-sortable-helper>i.del, .ui-draggable-dragging li.list2listItem>i.del, .ui-sortable-helper li.list2listItem>i.del {
display: none
}
li.list2listItem.selected, ul.Select.Draggable li.list2listItem.selected:hover {
background-color: #84ccff;
}
ul.Select .ui-sortable-placeholder, ul.Select .ui-sortable-placeholder.selected {
outline: 1px dotted black;
outline-offset: -1px;
visibility: visible !important;
background-color: inherit;
}
ul.Select .ui-sortable-placeholder, ul.Select .ui-sortable-placeholder.selected * {
visibility: hidden;
}
ul.Select.drop-hover {
background-color: #fff7da;
}
li.list2listItem.ui-sortable-placeholder {
background: inherit;
}
li.list2listItem-nosort {
cursor: default !important;
}
.needtranslate {
border: 2px solid red;
display: inline-block;
cursor: pointer;
}
.translated {
border: 2px solid green;
display: inline-block;
cursor: pointer;
}
.qtip-wiki{
max-width: 500px;
}
.qtip-wiki p{
margin: 0 0 6px;
}
.listEditor {
position: relative;
margin-bottom: 3px;
}
.listEditor .container {
margin-right: 25px;
}
.listEditor .button {
position: absolute;
top: 2px;
right: 0;
}
input.t-input:-webkit-autofill {
-webkit-box-shadow: inset 0 0 0 50px white !important;
-webkit-text-fill-color: white !important;
color: white !important;
}
input.t-input:-webkit-autofill:hover,
input.t-input:-webkit-autofill:focus,
input.t-input:-webkit-autofill:active {
-webkit-text-fill-color: black !important;
}
/*combobox*/
/*icon*/
.combobox-icon-wrapper {
position: absolute;
width: 24px;
height: 26px;
border-style: solid!important;
border-width: 0 0 0 1px;
border-color: #d0d5da!important;
}
.combobox-icon {
position: absolute;
top: 0;
top: 50%;
margin-top: -12px;
}
.t-combobox.input-large .combobox-icon-wrapper {
position: absolute;
width: 24px;
height: 30px;
border-style: solid!important;
border-width: 0 0 0 1px;
border-color: #d0d5da!important;
}
/*x icon*/
.combobox-x-icon-wrapper {
position: absolute;
top: 0;
width: 16px;
height: 26px;
}
.combobox-x-icon {
position: absolute;
top: 50%;
margin-top: -4px;
left: 50%;
margin-left: -4px;
width: 8px;
height: 8px;
}
.t-combobox.input-large .combobox-x-icon-wrapper {
position: absolute;
top: 0;
width: 16px;
height: 30px;
}
/*template*/
/*wrapper*/
.combobox-template-wrapper {
position: relative;
margin-top: -26px;
height: 18px;
padding: 4px 0 4px 5px;
margin-right: -5px;
overflow: hidden;
cursor: text;
}
.t-combobox.input-large .combobox-template-wrapper {
position: relative;
margin-top: -30px;
height: 18px;
padding: 6px 0 6px 9px;
margin-right: -9px;
overflow: hidden;
cursor: text;
}
.combobox-template-wrapper-hover {
margin-right: 11px!important;
}
.t-combobox.input-large .combobox-template-wrapper-hover {
margin-right: 7px!important;
}
.combobox-template-text-element {}
/*inner wrapper*/
.combobox-inner-template-wrapper {
position: absolute;
}
/*default template*/
.combobox-default-template {
line-height: 20px;
}
/*link*/
.combobox-template-link {
line-height: 20px;
outline: none;
}
/*edit icon*/
.combobox-template-edit-icon-wrapper {
position: absolute;
top: 0;
right: 0;
width: 16px;
height: 26px;
display: none;
cursor: text;
}
.combobox-template-edit-icon {
position: absolute;
display: block;
top: 50%;
margin-top: -8px;
right: 0;
width: 16px;
height: 16px;
}
.t-combobox.input-large .combobox-template-edit-icon-wrapper {
position: absolute;
top: 0;
width: 16px;
height: 30px;
}
/*padding for input*/
.combobox-input-one-icon {
padding-right: 30px!important;
}
.combobox-input-two-icon {
padding-right: 55px!important;
}
.combobox-input-three-icon {
padding-right: 80px!important;
}
.combobox-input-one-icon-x {
padding-right: 21px!important;
}
.combobox-input-two-icon-x {
padding-right: 46px!important;
}
.combobox-input-three-icon-x {
padding-right: 71px!important;
}
.combobox-input-four-icon-x {
padding-right: 96px!important;
}
/*padding for input large*/
.t-combobox.input-large .combobox-input-one-icon {
padding-right: 34px!important;
}
.t-combobox.input-large .combobox-input-two-icon {
padding-right: 59px!important;
}
.t-combobox.input-large .combobox-input-three-icon {
padding-right: 84px!important;
}
.t-combobox.input-large .combobox-input-one-icon-x {
padding-right: 25px!important;
}
.t-combobox.input-large .combobox-input-two-icon-x {
padding-right: 50px!important;
}
.t-combobox.input-large .combobox-input-three-icon-x {
padding-right: 75px!important;
}
.t-combobox.input-large .combobox-input-four-icon-x {
padding-right: 100px!important;
}
/*right for icons*/
.combobox-first-icon {
right: 0;
}
.combobox-second-icon {
right: 25px;
}
.combobox-third-icon {
right: 50px;
}
.combobox-fourth-icon {
right: 75px;
}
.combobox-edit-second-icon-x {
right: 16px;
}
.combobox-edit-third-icon-x {
right: 41px;
}
.combobox-edit-fourth-icon-x {
right: 66px;
}
.combobox-edit-fifth-icon-x {
right: 91px;
}
.border-panel {
border-color: #e6e6e6;
border-style: solid;
border-width: 1px;
}
/* Entity collection */
.entity-collection-item {
position: relative;
border-width: 1px;
border-style: solid;
border-color: #e6e6e6;
-ms-border-radius: 2px;
border-radius: 2px;
margin-bottom: 10px;
}
.entity-collection-item.active {
position: relative;
border-width: 1px;
border-style: solid;
border-color: #A0A0A0;
-ms-border-radius: 2px;
border-radius: 2px;
margin-bottom: 10px;
box-shadow: 0 0 1px 1px #d5d5d5;
}
.entity-collection-edit-icon {
position: absolute;
display: none;
height: 24px;
width: 24px;
top: 5px;
right: 29px;
}
.entity-collection-delete-icon {
position: absolute;
display: none;
height: 24px;
width: 24px;
top: 5px;
right: 5px;
}
/* Styles for text */
.bold_text
{
font-weight: bold;
}
.bold_text a
{
font-weight: bold;
text-decoration: none;
}
.boldfont span
{
font-weight: bold;
}
.line-through td
{
text-decoration: line-through;
}
.line-through td.t-hierarchy-cell
{
text-decoration: none!important;
}
.TextWrap
{
white-space: -moz-pre-wrap!important; /* Mozilla, начиная с 1999 года */
white-space: -pre-wrap!important; /* Opera 4-6 */
white-space: -o-pre-wrap!important; /* Opera 7 */
word-wrap: break-word!important; /* Internet Explorer 5.5+ */
}
span.display-string, u.display-string {
white-space: pre-wrap;
word-wrap: break-word;
}
.caption, .caption-required
{
font-weight: 700;
color: #444;
}
.caption-required:after
{
content: '*';
display: inline;
color: Red;
font-weight: bold;
white-space: nowrap;
padding-left: 5px;
}
/* Styles for text - colors */
.color-red td {
color: red;
}
.green_text {
color: green;
}
.green_text a {
color: green;
text-decoration: none;
}
.gray_text {
color: #777777;
}
.gray_text a {
color: #777777;
text-decoration: none;
}
.red_text {
color: red;
}
.red_text a {
color: red;
text-decoration: none;
}
.normal_text {
color: #000;
}
.normal_text a {
color: #3366CC;
}
.text_light_gray {
color: #A3ABB6;
}
/* Images */
.delete_small
{
background-image: url('Images/x16/delete_small.png'); cursor:pointer;
}
.delete_middle
{
background-image: url('Images/x16/delete_middle.png'); cursor:pointer;
}
.attach
{
background-image: url('Images/x16/attach.png');
}
@font-face {
font-family: 'OpenSansLight';
src: url('/Content/Fonts/OpenSans-Light.eot');
src: url('/Content/Fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
url('/Content/Fonts/OpenSans-Light.woff') format('woff'),
url('/Content/Fonts/OpenSans-Light.ttf') format('truetype'),
url('/Content/Fonts/OpenSans-Light.svg#OpenSansLight') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'OpenSans';
src: url('/Content/Fonts/OpenSans-Regular-webfont.eot');
src: url('/Content/Fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
url('/Content/Fonts/OpenSans-Regular-webfont.woff') format('woff'),
url('/Content/Fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
url('/Content/Fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'OpenSans';
src: url('/Content/Fonts/OpenSans-Light.eot');
src: url('/Content/Fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
url('/Content/Fonts/OpenSans-Light.woff') format('woff'),
url('/Content/Fonts/OpenSans-Light.ttf') format('truetype'),
url('/Content/Fonts/OpenSans-Light.svg#OpenSansLight') format('svg');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'OpenSans';
src: url('/Content/Fonts/OpenSans-Bold-webfont.eot');
src: url('/Content/Fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
url('/Content/Fonts/OpenSans-Bold-webfont.woff') format('woff'),
url('/Content/Fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
url('/Content/Fonts/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'OpenSans';
src: url('/Content/Fonts/OpenSans-BoldItalic-webfont.eot');
src: url('/Content/Fonts/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
url('/Content/Fonts/OpenSans-BoldItalic-webfont.woff') format('woff'),
url('/Content/Fonts/OpenSans-BoldItalic-webfont.ttf') format('truetype'),
url('/Content/Fonts/OpenSans-BoldItalic-webfont.svg#open_sansbold_italic') format('svg');
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: 'OpenSans';
src: url('/Content/Fonts/OpenSans-Semibold-webfont.eot');
src: url('/Content/Fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
url('/Content/Fonts/OpenSans-Semibold-webfont.woff') format('woff'),
url('/Content/Fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
url('/Content/Fonts/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'OpenSans';
src: url('/Content/Fonts/OpenSans-SemiboldItalic-webfont.eot');
src: url('/Content/Fonts/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'),
url('/Content/Fonts/OpenSans-SemiboldItalic-webfont.woff') format('woff'),
url('/Content/Fonts/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'),
url('/Content/Fonts/OpenSans-SemiboldItalic-webfont.svg#open_sanssemibold_italic') format('svg');
font-weight: 600;
font-style: italic;
}
/* TILES */
.commonbrick {
padding: 15px;
}
.commonbrick > table,
.brick > table,
.smallbrick > table,
.bigbrick > table
{
width: 100%;
}
.brick {
padding: 15px;
height: 140px;
}
.smallbrick {
padding: 15px;
height: 100px;
}
.bigbrick {
padding: 15px;
min-height: 215px;
}
.brickTitle {
font-family: 'OpenSans';
font-size: 22px;
font-weight: 300;
white-space: nowrap;
padding: 0px 20px 8px 33px !important;
background-position: left top;
background-repeat: no-repeat;
border: 0 none;
vertical-align: middle;
}
.brickTitle span
{
position: relative;
top: -4px;
}
.brickTitle a
{
position: relative;
top: -4px;
color: inherit;
}
.brickTitle img
{
padding-left: 12px;
border: 0 none;
}
.three-brick-table tr td {
padding: 0 3.333px 0 3.333px;
}
.three-brick-table tr td:first-child {
padding: 0 6.666px 0 0;
}
.three-brick-table tr td:last-child {
padding: 0 0 0 6.666px;
}
.mini2brick {
width: 66.6666%;
height: 120px;
}
.mini2brick > div {
padding: 10px 0 0 20px;
height: 110px;
}
.minibrick {
width: 33.3333%;
}
.minibrick a {
width: 100%;
height: 120px;
background-position: center center;
background-repeat: no-repeat;
display: inline-block;
}
.minibrick a > span {
padding-left: 10px;
position: relative;
top: 97px;
}
.two-brick-table > tbody > tr > td:first-child {
padding-right: 5px;
}
.two-brick-table > tbody > tr > td:last-child {
padding-left: 5px;
}
/* Brick Panel */
.brickPanelContainer-right
{
width: 33%;
min-width: 300px;
max-width: 500px;
padding-left: 10px;
}
.brickPanelContainer-left
{
width: 30%;
min-width: 300px;
max-width: 500px;
padding-right: 10px;
}
.brickPanel
{
padding: 10px 15px;
margin-bottom: 10px;
}
.brickPanel .brickTitle
{
font-size: 17px;
padding: 0 0 10px 0!important;
}
.brickPanel .collapsible-panel.collapsed .brickTitle
{
padding: 0!important;
}
.brickPanel .brickTitle span
{
top: 0;
}
.brickPanel .brickTitle a
{
top: 0;
}
.brickPanel .collapsible-panel-header.brickTitle .collapseImage,
.brickPanel .collapsible-panel-header.brickTitle .expandImage
{
width: 24px;
height: 24px;
left: -4px;
top: -2px;
}
.brickPanel .collapsible-panel-header.brickTitle .title
{
left: -3px;
}
.brickPanel .collapsible-panel-header.brickTitle .collapseImage
{
background-image: Url('Images/x24/PortletCollapseGray.png');
}
.brickPanel .collapsible-panel-header.brickTitle .expandImage
{
background-image: Url('Images/x24/PortletExpandGray.png');
}
/* ELEMENTS */
ul.portletList li {
line-height: 20px;
}
ul.portletList li a, a.portletLink
{
padding-top: 10px;
font-weight: normal;
text-decoration: none;
color: #034af3;
}
ul.portletList li a:hover, a.portletLink:hover
{
text-decoration: underline;
}
.portletList .column {
float: left;
width: 30%;
margin-left: 7px;
}
.portletList.two_cols .column {
float: left;
width: 45%;
margin-left: 7px;
}
.portletList .column li {
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
}
/* COLORS */
.metroGreen {
background-color: #d2eab5;
}
.metroRed {
background-color: #eccbc6;
}
.metroBlue {
background-color: #c7e5f8;
}
.metroYellow {
background-color: #fff1c1;
}
.metroGray {
background-color: #e1dede;
}
.metroWhite
{
background-color: #fff;
}
a.metroGreen:hover{
background-color: #C8E3A9;
}
a.metroGray:hover
{
background-color: #D7D4D4;
}
.metroGreenLight {
background-color: #e8f2d8;
}
.metroRedLight {
background-color: #f3e4e0;
}
.metroBlueLight {
background-color: #e4f1fb;
}
.metroYellowLight {
background-color: #fff5d7;
}
.metroGrayLight {
background-color: #f3f3f3;
}
.brickTitle .important
{
color: #fff;
font-weight: normal;
padding: 3px 10px;
}
.metroGreen .brickTitle .important,
.metroGreenLight .brickTitle .important
{
background: #73c312;
}
.metroRed .brickTitle .important,
.metroRedLight .brickTitle .important
{
background: #d14530;
}
.metroBlue .brickTitle .important,
.metroBlueLight .brickTitle .important
{
background: #469fd7;
}
.metroYellow .brickTitle .important,
.metroYellowLight .brickTitle .important
{
background: #d3a401;
}
.metroGray .brickTitle .important,
.metroGrayLight .brickTitle .important
{
background: #7e7e7e;
}
.lite .outsideElement {
overflow: auto;
width: auto;
height: auto;
display: block;
}
body.lite {
background-color: white;
margin: 0;
padding: 0;
display: block;
overflow: auto;
}
.lite .divContent {
overflow: auto;
}
.lite .topMenu {
border-bottom: 2px solid #cdd0d4;
display: flex;
flex-direction: row;
background-color: #eeeeee;
height: 58px;
justify-content: space-between;
}
.lite .topMenu a {
color: black;
text-decoration: none;
}
.lite .topMenu a:hover {
color: black;
}
.lite .navigationContainer {
display: flex;
flex-direction: row;
padding-top: 12px;
}
.lite ul.navigation {
display: flex;
list-style: none;
}
.lite ul li.navigation-item {
display: block;
min-width: 50px;
font-size: 14px;
padding: 15px 20px 0 20px;
max-width: 149px;
overflow: hidden;
text-overflow: clip;
white-space: nowrap;
}
.lite ul.navigation li.navigation-item.active {
background-color: white;
margin-bottom: -3px;
border: 2px solid #cdd0d4;
border-bottom: 2px solid white;
}
.lite ul.navigation li.navigation-item.active a {
color: #3366CC;
}
.lite ul.navigation li.navigation-item.active a:hover {
color: #6690c8;
}
.lite .UserInfo_Table {
display: flex;
}
.lite #UserInfo_Main {
border-right: none;
padding: 0px 20px;
}
.lite div#UserInfo_Main {
display: flex;
flex-direction: row;
align-items: center;
}
.lite #UserInfo_Main.Expanded {
border-left: none;
}
.lite #UserInfo_Main #UserInfo_AdditionalInfo {
background-color: #eeeeee;
}
.lite .UserInfo_UserName {
font-size: 16px;
color: #959595;
}
.lite #elma_lite_logo {
padding: 5px 10px;
}
.lite .td_toolbar {
min-height: 72px;
}
.lite .mainContent {
padding: 0px 10px;
}
.lite .navigation-item {
background-color: #EEEEEE;
padding: 0px 20px;
white-space: nowrap;
text-align: center;
vertical-align: middle;
font-size: 14px;
color: black;
text-overflow: ellipsis;
overflow: hidden;
max-width: 149px;
min-width: 50px;
}
.lite #hidden_Light_container li.navigation-item {
padding-bottom: 15px;
padding-top: 15px;
}
/* Tooltip */
.ui-tooltip-default .ui-tooltip-titlebar, .ui-tooltip-default .ui-tooltip-content {
border-color: #fadc83;
background-color: #fffedc;
color: #444;
}
/* Telerik for ELMA */
.t-state-selected
{
background-color: #F0F0F0;
border-color: #A3BAE9;
border-width:1px;
border-style:solid;
}
td span.t-state-disabled
{
color: #BBB !important;
}
ul.t-reset li.t-virtual-item
{
font-weight: bold;
padding: 3px 5px 3px 3px;
}
/* Telerik Pickers */
.t-picker-wrap
{
background: #fff;
border: 1px solid #d0d5da;
border-radius: 2px;
box-shadow: inset 0px 1px 1px 1px #eee;
padding: 0 28px 0 0!important;
}
.t-picker-wrap .t-input
{
background: none;
border: 0;
box-shadow: none;
outline: 0 none;
padding: 4px 0 4px 5px!important;
margin: 0;
line-height: 18px;
height: 18px;
}
.t-picker-wrap .t-select
{
border-style: solid!important;
border-width: 0 0 0 1px;
border-color: #d0d5da!important;
}
.t-state-disabled .t-picker-wrap
{
background: #eee;
}
/* Inputs */
.t-input-active
{
border-color:#73c5fc!important;
}
.t-input-hover:not(.t-input-active):not(:focus)
{
border-color:#b8bcc0!important;
}
.field-validation-error
{
color:red;
padding-top: 5px;
display: block;
clear: both;
}
.validation-summary-errors
{
border:1px solid #990808;
}
label.input-label
{
display: inline!important;
cursor: pointer;
}
.vertical-list .radio-button-item {
padding-bottom: 8px !important;
}
.vertical-list .radio-button-item > label > span
{
}
.horizontal-list .radio-button-item {
display: inline-block;
padding: 0 16px 15px 0;
}
.horizontal-list .radio-button-item > label > span
{
max-width: 200px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
div.enumlist, div.enumlist div.enumDiv {
display: inline-block;
white-space: nowrap;
}
div.enumlist div.enumDiv {
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
cursor: pointer;
border: 1px ridge #d0d0d0;
padding: 5px !important;
margin-right: -1px;
text-align: center;
max-width: 200px;
overflow: hidden;
text-overflow: ellipsis;
}
div.enumlist div.enumDiv.selected {
background: #d0d0d0;
color: #ffffff;
font-weight: bold;
}
div.overTimeZone {
padding-top: 6px;
}
div.overTimeZone span.note {
padding: 5px;
}
div.ModernSelector .ModernSelectorButton span {
vertical-align: inherit !important;
}
div.ModernSelector .ModernSelectorButton img {
margin-top: -2px !important;
}
div.ModernSelectorHideDelete img.editablelist-delete-img {
display: none;
}
/* Buttons - LinkButton */
a.link-button {
display: block;
margin: 3px;
padding: 3px;
font-size: 12px;
border: 1px solid #FFF;
}
a.link-button img {
vertical-align: middle;
margin-right: 5px;
}
a.link-button:hover {
background-color: #FED03E;
border: 1px solid #CE902E;
}
/* Telerik button styles */
.t-button
{
color: #333;
border-bottom-width: 2px;
border-color: #e0e0e0 #d0d0d0 #d0d0d0 #d0d0d0;
background-color: #e0e0e0;
outline: 0 none!important;
-webkit-appearance: none;
}
.t-button:hover:not(:focus):not(:disabled)
{
border-color: #d8d8d8 #c8c8c8 #c8c8c8 #c8c8c8!important;
background-color: #d8d8d8;
}
.t-button.t-state-disabled,
.t-button:disabled,
.t-button.t-state-disabled:hover,
.t-button:disabled:hover
{
border-color: #eeeeee #e8e8e8 #e8e8e8 #e8e8e8;
background-color: #eeeeee;
color: #777;
cursor: default;
}
.t-button.confirm,
.t-button.blue
{
border-color: #4e80c1 #4f80bf #4f80bf #4f80bf;
background-color: #4e80c1;
color: #fff;
}
.t-button.light-blue
{
border-color: #E4F1FB #e5f1f9 #e5f1f9 #e5f1f9;
background-color: #E4F1FB;
color: #3366CC;
}
.t-button.confirm:hover:not(:focus):not(:disabled),
.t-button.blue:hover:not(:focus):not(:disabled)
{
border-color: #366aaf #2d5a94 #2d5a94 #2d5a94!important;
background-color: #366aaf;
}
.t-button.light-blue:hover:not(:focus):not(:disabled) {
border-color: #CBE2FF #CBD9F4 #CBD9F4 #CBD9F4 !important;
background-color: #CBE2FF
}
.t-button.confirm.t-state-disabled,
.t-button.confirm:disabled,
.t-button.confirm.t-state-disabled:hover,
.t-button.confirm:disabled:hover,
.t-button.blue.t-state-disabled,
.t-button.blue:disabled,
.t-button.blue.t-state-disabled:hover,
.t-button.blue:disabled:hover,
.t-button.light-blue.t-state-disabled,
.t-button.light-blue:disabled,
.t-button.light-blue.t-state-disabled:hover,
.t-button.light-blue:disabled:hover
{
border-color: #93b1d3 #8da5bf #8da5bf #8da5bf;
background-color: #93b1d3;
color: #eee;
cursor: default;
}
.t-button.green
{
border-color: #3caa6c #319f61 #319f61 #319f61;
background-color: #3caa6c;
color: #fff;
}
.t-button.green:hover:not(:focus):not(:disabled)
{
border-color: #269355 #1f894d #1f894d #1f894d!important;
background-color: #269355;
}
.t-button.green.t-state-disabled,
.t-button.green:disabled,
.t-button.green.t-state-disabled:hover,
.t-button.green:disabled:hover
{
border-color: #7eb899 #6ba385 #6ba385 #6ba385!important;
background-color: #7eb899!important;
color: #eee;
cursor: default;
}
.t-button.yellow
{
border-color: #f0d888 #ebd179 #ebd179 #ebd179;
background-color: #fae7a4;
color: #333;
}
.t-button.yellow:hover:not(:focus):not(:disabled)
{
border-color: #e8ce78 #e0c25e #e0c25e #e0c25e!important;
background-color: #f9e291;
}
.t-button.yellow.t-state-disabled,
.t-button.yellow:disabled,
.t-button.yellow.t-state-disabled:hover,
.t-button.yellow:disabled:hover
{
border-color: #d6ccaa #c8bf9e #c8bf9e #c8bf9e!important;
background-color: #d6ccaa!important;
color: #777;
cursor: default;
}
.t-button.gray
{
border-color: #888 #777 #777 #777;
background-color: #888;
color: #fff;
}
.t-button.gray:hover:not(:focus):not(:disabled)
{
border-color: #777 #666 #666 #666!important;
background-color: #777;
}
.t-button.gray.t-state-disabled,
.t-button.gray:disabled,
.t-button.gray.t-state-disabled:hover,
.t-button.gray:disabled:hover
{
border-color: #999 #888 #888 #888;
background-color: #999;
color: #ddd;
cursor: default;
}
.t-button.red
{
border-color: #e74c3c #db4030 #db4030 #db4030;
background-color: #e74c3c;
color: #fff;
}
.t-button.red:hover:not(:focus):not(:disabled)
{
border-color: #d04133 #ce3222 #ce3222 #ce3222!important;
background-color: #d04133;
}
.t-button.red.t-state-disabled,
.t-button.red:disabled,
.t-button.red.t-state-disabled:hover,
.t-button.red:disabled:hover
{
border-color: #b0675f #a15b53 #a15b53 #a15b53;
background-color: #b0675f;
color: #ddd;
cursor: default;
}
.transparent-color-button
{
background-color: #fff;
display: inline-block;
border: 2px solid #DCE4ED;
height: 30px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
height: 30px;
line-height: 30px;
}
.transparent-color-button:hover {
background-color: #e4f1fb;
border: 2px solid #469fd7;
}
.transparent-color-button.small {
font-size: 12px;
min-width: 50px;
line-height: 0px;
cursor: pointer;
}
.transparent-color-button.small.fixed-width {
width: 56px;
}
.transparent-color-button.pressed {
border-color: #d8d8d8 #c8c8c8 #c8c8c8 #c8c8c8;
background-color: #e0e0e0;
}
/* SwitchButton */
.cb-enable, .cb-disable, .cb-enable span, .cb-disable span { background: url(Images/Buttons/switch.gif) repeat-x; display: block; float: left; height:30px; }
.cb-enable, .cb-disable { padding: 0px !important; }
.cb-enable span, .cb-disable span { line-height: 30px; display: block; background-repeat: no-repeat; font-weight: bold; }
.cb-enable span { background-position: left -90px; }
.cb-disable span { background-position: right -180px; }
.cb-disable.selected { background-position: 0 -30px; }
.cb-disable.selected span { background-position: right -210px; color: #fff; }
.cb-enable.selected { background-position: 0 -60px; }
.cb-enable.selected span { background-position: left -150px; color: #fff; }
.switch label { cursor: pointer; }
.switch input { display: none; }
/* Telerik - calendar popup */
.t-calendar
{
font-family: OpenSans;
}
.t-calendar .t-content .t-link
{
padding:8px 0px!important;
font-size:12px!important;
color: #555;
}
.t-calendar .t-content .t-other-month .t-link
{
color: #888;
font-weight:normal!important;
}
.t-calendar .t-content .t-holiday .t-link
{
color: #ef5b4b!important;
}
.t-calendar .t-content td.t-item,
.t-calendar .t-content td.t-alternative-item
{
background: #fff;
}
.t-calendar .t-content td.t-item.t-other-month,
.t-calendar .t-content td.t-alternative-item.t-other-month
{
background: transparent;
}
.t-calendar .t-header
{
background: #b7d8ff;
color: #000!important;
font-size: 14px!important;
font-weight: normal!important;
padding: 0;
height: 36px;
border-bottom: 1px solid #b9b9b9;
}
.t-calendar .t-header a
{
color: #000!important;
font-size: 14px!important;
font-weight: normal!important;
}
.t-calendar .t-week-header th
{
font-size: 12px;
font-weight: normal!important;
color: #333;
background: transparent;
height: 24px!important;
}
.t-calendar .t-week-header th.t-holiday
{
color: #ed7c70;
}
div.t-calendar
{
background-color: #b7d8ff;
border: 1px solid #b9b9b9;
width: 210px;
}
.t-calendar tr.t-alternative-item
{
background: transparent;
}
.t-calendar td
{
line-height:12px;
font-size:12px;
height:19px;
}
.t-calendar td > span
{
padding: 8px 0;
display: block;
}
.t-calendar .t-content
{
background-color:#f2f2f2;
height: 194px!important;
border-top: 1px solid #dbdbdb;
}
.t-calendar td, .t-calendar th
{
text-align:center;
vertical-align:middle;
padding:0px!important;
}
.t-calendar .t-hoilday
{
color: #e44b3b!important;
}
.t-calendar .t-state-hover,
.t-calendar .t-content td.t-item.t-state-hover,
.t-calendar .t-content td.t-alternative-item.t-state-hover
{
background: #FED03E!important;
}
.t-calendar .t-nav-prev,
.t-calendar .t-nav-next
{
top: 0;
}
.t-calendar .t-nav-next
{
right: 0;
}
.t-calendar .t-arrow-next
{
background-image: url("Images/Calendar/CalendarNext.png");
background-position: center;
background-repeat: no-repeat;
width: 36px;
height: 36px;
margin: 0;
padding: 0;
}
.t-calendar .t-arrow-next:hover
{
background-color: #99c4f7;
}
.t-calendar .t-nav-next.t-state-disabled .t-arrow-next
{
background-color: transparent;
}
.t-calendar .t-nav-prev
{
left: 0;
}
.t-calendar .t-arrow-prev
{
background-image: url("Images/Calendar/CalendarPrevious.png");
background-position: center;
background-repeat: no-repeat;
width: 36px;
height: 36px;
margin: 0;
padding: 0;
}
.t-calendar .t-arrow-prev:hover
{
background-color: #99c4f7;
}
.t-calendar .t-nav-prev.t-state-disabled .t-arrow-prev
{
background-color: transparent;
}
.t-calendar .t-nav-fast
{
width:120px;
margin-left:0;
padding: 9px 0;
}
.t-calendar .t-action-link,
.t-calendar .t-content .t-link.t-action-link
{
text-decoration: none !important;
font-weight: 700 !important;
}
.t-calendar .t-state-selected
{
font-weight: bold !important;
background-color: #FED03E !important;
border: none !important;
}
.t-calendar .t-item.t-state-focus,
.t-calendar .t-alternative-item.t-state-focus
{
border: 0!important;
background-image: none;
}
.t-calendar .t-item.t-state-focus > a,
.t-calendar .t-item.t-state-focus > span,
.t-calendar .t-alternative-item.t-state-focus > a,
.t-calendar .t-alternative-item.t-state-focus > span
{
border: 1px solid #FED03E !important;
border-radius: 0;
margin: -1px;
position: relative;
}
.t-calendar .t-today-day
{
border: 0!important;
background-image: none;
}
.t-calendar .t-item.t-today-day > a,
.t-calendar .t-item.t-today-day > span,
.t-calendar .t-alternative-item.t-today-day > a,
.t-calendar .t-alternative-item.t-today-day > span
{
border: 2px solid #ffe9a5 !important;
border-radius: 3px;
margin: -2px;
position: relative;
}
.t-calendar .t-footer
{
display: none;
}
/* Telerik - date picker */
.t-datepicker-calendar
{
overflow: visible!important;
margin-top: 7px;
-webkit-box-shadow: 0px 0px 3px #aaa;
box-shadow: 0px 0px 3px #aaa;
border-top-color: #bbb!important;
}
.t-datepicker-calendar:before
{
content:"";
background: url('Images/Calendar/CalendarBorderArrow.png');
width: 13px;
height: 7px;
top: -7px;
left: 82px;
margin-bottom: -7px;
position: relative;
display: block;
}
.t-datepicker .t-picker-wrap .t-select
{
background: none;
}
.t-datepicker .t-picker-wrap .t-select .t-icon-calendar
{
background-image: url("Images/Calendar/CalendarInputButton.png");
background-position: center;
width: 24px;
height: 24px;
}
.t-datepicker-calendar .t-footer
{
display: block;
background-color: #f2f2f2;
text-align: center;
padding: 8px;
}
.t-datepicker-calendar .t-today-title
{
font-weight: 600;
color: #555;
}
.t-datepicker-calendar .t-footer button
{
font-size: 12px;
border-color: #f5de97 #d5c695 #bdb69f #d5c695;
background-color: #ffe9a5;
color: #333;
padding: 5px 32px;
}
.t-datepicker-calendar .t-footer button:hover:not(:focus):not(:disabled)
{
border-color: #f5de97 #cdc095 #b2ab96 #cdc095!important;
background-color: #f5d571;
}
.t-datepicker-calendar .t-footer button.t-state-disabled,
.t-datepicker-calendar .t-footer button:disabled,
.t-datepicker-calendar .t-footer button.t-state-disabled:hover,
.t-datepicker-calendar .t-footer button:disabled:hover
{
border-color: #eeeeee #e8e8e8 #e8e8e8 #e8e8e8;
background-color: #eeeeee;
color: #777;
cursor: default;
}
/* Telerik - Time picker */
.t-timepicker .t-picker-wrap .t-select
{
background: none;
vertical-align: middle;
}
.t-timepicker .t-picker-wrap .t-select .t-icon-clock
{
background: url("Images/x16/DropDownButton.png");
background-position: center;
background-repeat: no-repeat;
width: 24px;
height: 24px;
}
/* Telerik - drop down */
.t-dropdown .t-input
{
padding:4px 5px!important;
}
.t-dropdown
{
background-color: transparent;
}
.t-dropdown-wrap
{
background-color: #fff;
}
.t-dropdown.t-header
{
background-image:none!important;
background-color:transparent;
outline: 0 none;
}
.t-dropdown-wrap .t-select
{
border-style: solid!important;
border-width: 0 0 0 1px;
border-color: #d0d5da!important;
cursor: pointer;
}
.t-dropdown-wrap span.t-input
{
background:none;
height: 18px!important;
line-height: 18px!important;
}
.t-dropdown.input-large .t-input
{
padding: 6px 9px!important;
}
.t-dropdown.input-large .t-select
{
height: 30px;
line-height: 30px;
}
/* Telerik - combobox */
.t-combobox
{
background-color: transparent;
}
.t-combobox.input-large .t-input
{
padding: 6px 0 6px 9px!important;
}
.t-combobox.input-large .t-dropdown-wrap
{
padding-right: 33px;
}
.t-combobox.input-large .t-select
{
height: 30px;
line-height: 30px;
}
.t-combobox.input-large .t-icon
{
margin-top: 4px;
}
.t-state-disabled .t-dropdown-wrap
{
background: #eee;
}
/* Telerik - Numeric text box */
.t-numerictextbox
{
background: #fff;
border: 1px solid #d0d5da;
border-radius: 2px;
box-shadow: inset 0px 1px 1px 1px #eee;
padding: 0 5px 0 0;
}
.t-numerictextbox .t-input
{
background: none;
border: 0!important;
box-shadow: none;
outline: 0 none;
padding: 4px 0 4px 5px;
margin: 0;
line-height: 18px;
width: 100%;
height: 18px;
vertical-align: initial;
}
.t-numerictextbox .t-formatted-value
{
width: inherit;
overflow-x: hidden;
text-overflow: ellipsis;
}
.t-formatted-value
{
overflow: hidden;
padding: 4px 5px 4px 5px !important;
}
/* TreeView */
.t-treeview
{
background-color: #FFFFFF!important;
}
.treeview-border .t-treeview-container
{
background-color: #FFFFFF!important;
border:0;
margin-top:-2px;
}
.treeview-border .t-treeview-container .t-treeview
{
border:0!important;
}
.treeview-border .t-treeview-container .t-treeview-linkcontainer
{
text-align: right;
padding: 2px;
}
.treeview-border .t-treeview-container .t-treeview-linkcontainer a
{
font-weight: normal!important;
}
.t-treeview .t-item .t-in .t-image
{
margin: 0 5px 0 0;
max-height: 24px;
max-width: 24px;
}
.t-treeview .t-item .t-in .t-checkbox
{
margin: 0 2px;
}
.t-treeview .t-item .t-in img {
vertical-align: text-bottom !important;
}
.t-treeview a
{
font-weight:normal!important;
}
.tree-not-lines .t-item, .tree-not-lines .t-item div
{
background-image: none;
}
.tree-not-lines .t-item
{
padding-left: 0px;
}
.tree-cursor-pointer span.t-in {
cursor: pointer;
}
/*span.i-in*/ a.tree-item-button
{
display: none;
}
/*span.i-in*/ span.tree-item-button
{
display: none;
}
span.t-state-hover a.tree-item-button
{
display: inline;
}
span.t-state-selected a.tree-item-button
{
display: inline;
}
span.t-state-hover span.tree-item-button
{
display: inline;
}
span.t-state-selected span.tree-item-button
{
display: inline;
}
.treeview-container
{
position: relative;
}
.treeview-buttons
{
width: 60px;
position: absolute;
top: 0;
right: 26px;
display: none;
padding: 4px 0;
opacity: 0.3;
}
.treeview-buttons a
{
display: table-cell;
}
.t-drag-clue
{
background-color: white;
padding: 2px;
border-radius: 0;
}
/* Text box */
.text-box
{
border: 1px solid #d0d5da;
border-radius: 2px;
box-shadow: inset 0px 1px 1px 1px #eee;
outline: 0 none;
padding: 4px 5px;
-webkit-appearance: none;
}
input.text-box
{
line-height: 18px;
height: 18px;
}
div.text-box
{
background: #fff;
border: 1px solid #d0d5da;
border-radius: 2px;
box-shadow: inset 0px 1px 1px 1px #eee;
padding: 0 5px 0 0;
position: relative;
}
div.text-box input.text-box
{
background: none;
box-shadow: none;
border: 0 none;
outline: 0 none;
padding: 4px 0 4px 5px;
margin: 0;
line-height:18px;
height: 18px;
}
div.text-box textarea.text-box
{
background:none;
box-shadow: none;
border: 0 none;
outline: 0 none;
padding: 4px 0 4px 5px;
margin: 0;
}
.text-box.input-large
{
padding: 6px 9px!important;
}
div.text-box.input-large
{
padding: 0 9px 0 0!important;
}
div.text-box.input-large input.text-box
{
padding: 6px 0 6px 9px!important;
}
.input-validation-error.text-box, .input-validation-error.text {
border:1px solid #990808;
}
/* CheckBox */
.checkboxes
{
border: 0px;
display: inline-block;
width: 100%;
}
.checkboxes li
{
border: 0px;
list-style: none;
padding: 2px 3px 2px 0 !important;
}
.checkboxes .column {
float: left;
width: 30%;
margin-left: 7px;
}
.checkboxes.two_cols .column {
float: left;
width: 45%;
margin-left: 7px;
}
.checkboxes .column li {
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
}
.checkboxes .input-label
{
padding-right: 16px;
}
/* SmartCheckBox */
.smartcheckbox-container
{
text-indent: 0!important;
width: 36px;
height: 22px;
margin: -2px -3px;
display: block;
overflow: hidden;
}
.smartcheckbox-button
{
border: 1px solid #c0d2e8;
border-radius: 3px;
text-align: center;
padding: 0;
width: 34px;
height: 20px;
cursor: pointer;
position: relative;
display: inline-block;
overflow: hidden;
}
.smartcheckbox-button:hover
{
background-color: #daebff;
}
.smartcheckbox-button .t-arrow-down
{
vertical-align: baseline;
position: relative!important;
left: 9px;
top: 2px;
}
.smartcheckbox-checkbox
{
position: relative;
display: inline-block;
top: -1px;
left: -36px;
width: 20px;
height: 20px;
overflow: hidden;
}
/* RadioButtons */
.radio-button-list
{
border: 0px solid #000;
}
.radio-button-item label
{
font-weight: bold;
padding-left: 5px;
}
.radio-button-item .description
{
display: block;
font-style: italic;
padding-left: 15px;
font-size: 11px;
}
.radio-button-item
{
padding-bottom: 15px;
}
.radio-button-list-container-no-padding .radio-button-item
{
padding-bottom: 0;
}
.horizontal-radio .radio-button-item {
display: inline;
padding-bottom: 0px;
}
.horizontal-radio label {
font-weight: inherit;
}
table.t-boolinput-radio
{
width: auto !important;
}
table.t-boolinput-radio td
{
vertical-align: middle !important;
padding-top: 0px !important;
}
/* TimeSpan box */
.t-timespanbox
{
width: auto !important;
}
.t-timespanbox .t-timespanbox-caption
{
padding: 0 6px 0 2px !important;
vertical-align: middle;
}
/* File uploader */
.qq-uploader {
position: relative;
width: 100%;
white-space: nowrap;
min-width: 300px;
border-collapse: unset;
max-width: 300px;
}
.qq-upload-button
{
font-size: 12px;
padding: 3px 12px 6px 12px;
text-align: left;
background: #deedff;
border-top:1px solid #e7e7e7;
border-left:1px solid #dfdfdf;
border-right:1px solid #dfdfdf;
border-bottom:1px solid #c9c9c9;
border-radius: 4px 0px 0px 4px;
color: #333;
cursor: pointer;
outline: 0 none;
max-width: 285px;
min-height: 60px;
max-height: 76px;
z-index: 0;
white-space: normal;
}
.qq-scan-button
{
border-radius: 4px;
width: 285px;
height: 60px;
}
.qq-scan-button-hover
{
background: #f0e0c0 !important;
}
.qq-clipboard-button
{
font-size: 12px;
padding: 3px 12px 6px 12px;
text-align: left;
background: #deedff;
border-top:1px solid #e7e7e7;
border-left:1px solid #dfdfdf;
border-right:1px solid #dfdfdf;
border-bottom:1px solid #c9c9c9;
border-radius: 0px 4px 4px 0px;
color: #333;
cursor: pointer;
outline: 0 none;
width: 50px;
min-height: 60px;
max-height: 76px;
height: 60%;
z-index: 0;
white-space: normal;
margin-left: -1px;
}
.qq-clipboard-button > img {
padding-top: 15px;
}
/* Фича для IE, так как на нем не работает вставка скриншота из буффера */
@media screen and (min-width:0\0) {
.qq-clipboard-button {
display: none;
}
.qq-upload-button {
width: 285px;
border-right: 1px solid #dfdfdf;
border-radius: 4px;
}
}
.qq-clipboard-button-hover
{
background: #d5e7fc;
}
.qq-upload-button input
{
position: absolute;
right: 0;
top: 0;
z-index: 1;
font-size: 60px;
margin: 0;
padding: 0;
cursor: pointer;
opacity: 0;
vertical-align: top;
height: 30;
display: none;
}
.no-drop .qq-upload-button input
{
display: inline-block;
}
.qq-upload-button.fileSelected input
{
display: none;
}
.qq-upload-button-hover
{
background: #d5e7fc;
}
.no-drop .qq-upload-button-hover
{
cursor: default;
background: #deedff;
}
.qq-upload-button:focus,
.qq-upload-button-focus
{
border-top-color:#73c5fc;
border-left-color:#73c5fc;
border-right-color:#73c5fc;
border-bottom-color:#73c5fc;
}
.qq-upload-header
{
white-space: nowrap;
height: 30px;
line-height: 30px;
}
.qq-upload-button.fileSelected .qq-upload-header
{
display: none;
}
.qq-upload-title
{
color: #4e80c1;
font-size: 16px;
font-family: OpenSans;
text-decoration: underline;
}
.qq-upload-comment-right,
.qq-upload-comment-bottom
{
color:#888;
font-size:11px;
font-style: italic;
}
.qq-upload-comment-right
{
padding-left: 10px;
}
.qq-upload-comment-bottom
{
min-width: 259px;
display:block;
}
.no-drop .qq-upload-comment-bottom
{
display: none;
}
.show-description .qq-upload-comment-bottom {
display: block;
}
.qq-upload-inner-container
{
min-height: 24px;
padding-top: 6px;
display: none;
}
.qq-upload-button.fileSelected .qq-upload-inner-container
{
display: block;
}
.qq-upload-inner-container .qq-upload-list
{
display: inline-block;
cursor: default;
}
.qq-upload-drop-area-active
{
background:#A3C0DE;
}
.qq-upload-list {
margin: 2px;
padding: 0;
list-style: none;
}
.qq-upload-list li {
margin: 0;
padding: 0 0 2px;
font-size: 12px;
/*white-space: nowrap;*/
}
.qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text {
margin-right: 7px;
}
.qq-upload-actions {
white-space: nowrap;
display: inline-block;
}
.qq-upload-file {
vertical-align: bottom;
white-space: nowrap;
display: inline-block;
}
.qq-upload-file a {
vertical-align: baseline !important;
}
.qq-upload-spinner {
display: inline-block;
background-image: url("images/x16/loading.gif");
width: 15px;
height: 15px;
vertical-align: baseline;
}
.qq-upload-size, .qq-upload-cancel {
display: inline;
font-size: 11px;
vertical-align: bottom;
}
.qq-upload-failed-text {
display: none;
vertical-align: baseline;
color: Red;
}
.qq-upload-fail .qq-upload-failed-text {
display: inline;
}
.qq-upload-remove {
display: none;
background-image: url("images/x16/delete_small.png");
width: 15px;
height: 12px;
}
.qq-upload-success .qq-upload-remove {
display: inline-block;
vertical-align: baseline;
}
/* FileUploader in grid */
.t-grid-content .qq-uploader
{
margin-bottom: -5px;
margin-top: -1px;
}
.t-grid-content .qq-upload-button
{
padding: 1px 12px 0px 12px;
max-width: 110px;
min-width: 100px;
}
.t-grid-content .qq-clipboard-button
{
padding: 1px 12px 0px 0px;
width: 45px;
}
.t-grid-content .qq-upload-header
{
height: 25px;
line-height: 25px;
}
.t-grid-content .qq-upload-title
{
font-size: 15px;
}
.t-grid-content .qq-upload-comment-right,
.t-grid-content .qq-upload-comment-bottom
{
display: none;
}
.t-grid-content .qq-upload-inner-container
{
min-height: 18px;
padding-top: 0;
}
/* Блок календаря */
td.td_calendar_navigator {
vertical-align: middle;
padding: 0px;
width: 24px;
}
td.td_calendar_navigator div.calendar_navigator_next, td.td_calendar_navigator div.calendar_navigator_prev, td.td_calendar_navigator div.calendar_navigator_today, div.calendar_navigator_select {
float:left;
display:block;
width:32px;
height:32px;
vertical-align:middle;
background-repeat: no-repeat;
background-position: center center;
cursor: pointer;
padding-left: 7px;
padding-right: 7px;
}
td.td_calendar_navigator span {
float:left;
white-space: nowrap;
color:#003366;
padding: 0px;
}
td.td_calendar_navigator .page_header_title
{
padding: 0px 4px 3px 4px !important;
font-family: OpenSans;
font-size: 20px;
}
td.td_calendar_navigator div.calendar_navigator_next {
background-image: url("/Content/Images/x32/next.png");
}
td.td_calendar_navigator div.calendar_navigator_prev {
background-image: url("/Content/Images/x32/prev.png");
}
td.td_calendar_navigator div.calendar_navigator_today {
background-image: url("/Content/Images/x32/today.png");
}
td.td_calendar_navigator div.calendar_navigator_select {
background-image: url("/Content/Images/x32/week.png");
}
.page_header_title.notCurrentPeriod {
color: red;
}
/* CollapsiblePanel */
.t-document .collapsible-panel
{
margin-bottom: 5px;
/*border-bottom: 1px solid #CCC; */
}
.collapsible-panel-header .expandImage, .collapsible-panel-header .collapseImage {
height:16px;
width:16px;
display: inline-block;
vertical-align:middle;
}
.collapsible-panel-header .collapseImage {
background-image: Url('Images/x16/close.png');
}
.collapseImage {
background-image: Url('Images/x16/close.png');
width: 16px; height: 16px;
display: inline-block;
}
.collapsible-panel-header .expandImage {
background-image: Url('Images/x16/open.png');
}
.expandImage {
background-image: Url('Images/x16/open.png');
width: 16px; height: 16px;
display: inline-block;
}
.modernCollapseImage {
background-image: url("Office2007/sprite.png");
background-position: 0 -176px;
vertical-align: -4px;
width: 16px; height: 16px;
display: inline-block;
}
.modernExpandImage {
background-image: url("Office2007/sprite.png");
background-position: 0 -160px;
vertical-align: -2px;
width: 16px; height: 16px;
display: inline-block;
}
.collapsible-panel-header {
cursor:pointer;
}
.t-document .collapsible-panel-header
{
cursor:pointer;
padding: 5px;
white-space: nowrap;
display:block;
/*width:60% !important;
background: url("Office2007/sprite.png") repeat-x scroll 0 -752px #C3D8F1;
border-color: #688CAF;
border-top:1px solid #688CAF;
border-left: 1px solid #688CAF;
border-right: 1px solid #688CAF;*/
}
.t-document .collapsible-panel-header span
{
padding-top: 2px;
}
.collapsible-panel td
{
border: 0;
padding: 0;
}
.ShowHideBlock
{
font-weight:bold;
cursor:pointer;
padding: 0 20px 0 20px;
background:no-repeat 0 -1px;
background-image:url(Images/x16/close.png);
}
.ShowHideBlockActive
{
background-image:url(Images/x16/open.png);
}
.BaseShowHideBlock
{
font-weight:bold;
cursor:pointer;
}
.collapsible-panel .counter
{
margin: -4px 0 -4px 4px;
padding: 3px 5px;
border-radius: 4px;
background: #b7c9df;
}
/* Separators */
.StandardSeparator
{
height: 5px;
font-size: 1px;
border-top: 1px solid lightGrey;
margin-top: 5px;
}
.panel-content
{
background: #fff;
}
/* Input separators */
.Input_Separator,
.Gray_Input_Separator,
.separator-blue,
.separator-gray,
.separator-yellow,
.separator-trasparent
{
font-weight: normal;
font-size: 13px;
text-align: left;
vertical-align: middle;
padding: 0 12px 0 12px!important;
line-height: 30px;
border-bottom-width: 2px;
border-bottom-style: solid;
}
.collapsible-panel-header.Input_Separator .collapseImage,
.collapsible-panel-header.Gray_Input_Separator .collapseImage,
.collapsible-panel-header.separator-blue .collapseImage,
.collapsible-panel-header.separator-gray .collapseImage,
.collapsible-panel-header.separator-yellow .collapseImage,
.collapsible-panel-header.separator-trasparent .collapseImage
{
background-image: url("Office2007/sprite.png");
background-position: 0 -176px;
vertical-align: -4px;
}
.collapsible-panel-header.Input_Separator .expandImage,
.collapsible-panel-header.Gray_Input_Separator .expandImage,
.collapsible-panel-header.separator-blue .expandImage,
.collapsible-panel-header.separator-gray .expandImage,
.collapsible-panel-header.separator-yellow .expandImage,
.collapsible-panel-header.separator-trasparent .expandImage
{
background-image: url("Office2007/sprite.png");
background-position: 0 -160px;
vertical-align: -2px;
}
tr.collapsible-panel td
{
border: 0!important;
padding: 0!important;
}
/* Input separators - default (blue) */
.Input_Separator,
.separator-blue
{
background-color: #cbe2ff;
border-bottom-color: #c0d2e8;
color: #000000;
}
.collapsible-panel-header.Input_Separator:hover,
.collapsible-panel-header.separator-blue:hover
{
background-image: none;
background-color: #c0dcff;
}
/* Input separators - Gray */
.Gray_Input_Separator,
.separator-gray
{
background-color: #eee;
border-bottom-color: #ddd;
color: #000000;
}
.collapsible-panel-header.Gray_Input_Separator:hover,
.collapsible-panel-header.separator-gray:hover
{
background-color: #e0e0e0;
}
/* Input separators - Yellow */
.separator-yellow
{
background-color: #fff5d7;
border-bottom-color: #eeeadd;
color: #000000;
}
.collapsible-panel-header.separator-yellow:hover
{
background-color: #ffefbf;
}
/*Input separators = Transparent*/
.separator-trasparent {
background: none;
border: 0;
}
.separator-trasparent.no-padding {
padding: 0 !important;
}
.separator-trasparent.small-with-border {
border-bottom: solid 1px #CCCCCC;
line-height: 25px;
}
/* EditableList */
.editablelist {
padding-bottom: 3px;
}
.editablelist-delete-img
{
cursor:pointer;
vertical-align: text-top;
padding-right: 3px;
}
.editablelist-blank-img
{
cursor:auto;
vertical-align: text-top;
padding-right: 3px;
}
.editablelist-img
{
vertical-align: text-top;
padding-right: 3px;
}
.editablelist-item
{
padding-bottom: 3px;
}
.editablelist-item span
{
white-space: normal;
}
table.editablelist
{
border: 0;
}
table.editablelist-items td {
padding: 3px 5px !important;
border: 0px;
vertical-align: middle;
}
/* SortableList */
ul.sortable-list {
list-style-type: none;
overflow: auto;
}
ul.sortable-list li {
background-color: rgb(250, 245, 245);
background-position: 5px center;
padding-top: 5px;
padding-left: 25px;
margin: 0 5px 5px 5px;
font-size: 1.1em;
min-height: 1.5em;
line-height: 1.1em;
}
ul.sortable-list li.ui-state-highlight {
background-image: url(images/ui-bg_glass_55_fbf9ee_1x400.png);
background-position: 50% 50%;
background-repeat: repeat-x;
background-color: #fbf9ee;
}
ul.sortable-list li.ui-sortable-helper {
height: 1.5em;
overflow: hidden;
padding-top: 5px;
margin: 0 5px 5px 5px;
}
ul.sortable-list li img.float-right {
float: right;
padding-right: 5px;
cursor: pointer;
}
/* Tables - "list" (ELMA 2.5 style) */
.list
{
width:100%;
font-size:12px;
}
.list th
{
background: #666666;
color: #ffffff;
text-align: left;
padding: 5px;
}
.list th a
{
color: #ffffff
}
.list th a:hover
{
color: #EEEEEE
}
.list th a.button
{
vertical-align: middle;
font-weight: normal;
border: solid 1px #cccccc;
height: 18px;
color: #ffffff;
padding: 0px 5px 2px 5px;
text-decoration: none;
margin: 0 2px;
}
.list th a:hover.button
{
color: #FFFF99;
}
.list td
{
padding: 3px 5px;
border-bottom: solid 1px #CCCCCC;
vertical-align:middle;
}
.list td a
{
/*vertical-align:middle;*/
font-size:11px;
}
.list td a.InText
{
vertical-align:baseline;
}
.list td a.add_button span
{
top:-5px;
position:relative;
}
.list td input
{
vertical-align:middle;
}
.list td.nodata
{
border-bottom: 0;
text-align: center
}
.list td.alignTop
{
vertical-align:top;
}
.list th.thFixed
{
position:relative;
z-index: 20;
}
.list tr.selectRowList
{
background-color: #F0F5FC;
font-weight: bold;
}
tr.selectRowList {
background-color: #F0F5FC;
font-weight: bold;
}
.list .select a
{
font-weight: bold;
}
.list .EmptyDataCell
{
padding:0;
}
.listPager td
{
border-bottom: 0px;
white-space: nowrap;
font-size:12px;
}
.listPager table td {
border-bottom: 0px;
}
/* Tables - "listTaskExec" */
.listTaskExec
{
width: 100%;
border: 0px;
border-collapse: collapse;
}
.listTaskExec td.TableFooter
{
background: #666666;
color: #ffffff;
text-align: left;
padding: 5px;
font-size: 9px;
font-weight: bold;
}
.listTaskExec td, .InputCardDocument_td
{
border-bottom: solid 1px #CCCCCC;
padding:5px;
}
.listTaskExec td table td
{
border:0;
padding:0;
}
.listTaskExec td table.listTaskExec td
{
border-bottom: solid 1px #CCCCCC;
padding:5px;
}
/* Tables - table with inputs */
table.table_with_inputs
{
width:100%;
}
table.table_with_inputs label
{
display:inline;
}
table.table_with_inputs .checkboxes li
{
padding: 2px 3px 2px 0;
}
table.table_with_inputs td
{
padding: 5px 0;
/*height: 20px;*/
vertical-align:top;
}
table.table_with_inputs tr:first-of-type td
{
padding-top: 0;
}
table.td-top-border td {
border-top: 1px solid #E3E3E3;
}
table.td-top-border tr:first-of-type td {
border-top-width: 0;
/*padding-top: 0;*/
}
table.td-top-border td td, table.td-top-border tr td td:first-child {
border: 0;
}
table.td-topbottom-border td
{
border-top: 1px solid #E3E3E3;
border-bottom: 1px solid #E3E3E3;
}
table.table_with_inputs tr td:first-child
{
padding-top: 8px;
}
table.table_with_inputs tr:first-of-type td:first-child
{
padding-top: 3px;
}
table.table_with_inputs div.t-entity-input tr:first-of-type td:first-child
{
padding-top: 0;
}
table.table_with_inputs td td, table.table_with_inputs tr td td:first-child
{
border: 0;
padding: 0;
}
table.table_with_inputs td input
{
vertical-align: top;
line-height: 20px;
}
table.table_with_inputs .no_padding_table
{
width:100%;
}
table.table_with_inputs .no_padding_table td
{
padding:0;
}
table.table_with_inputs td.input_header
{
vertical-align: bottom;
height: 15px;
}
.boldCaption .captionCell
{
font-weight: bold;
}
/* Tables - "table_display" */
table.table_display td
{
padding-top: 12px;
vertical-align:top;
}
table.table_display tr:first-of-type td
{
padding-top: 3px;
}
/* Tables - "ultable" */
table.ultable
{
border: 0;
padding: 0;
margin: 0;
}
table.ultable td
{
padding:0;
margin: 0;
/*line-height: 25px;*/
vertical-align: middle;
}
/* Tables - additional styles */
.noborder td
{
border:0;
}
.listNoBorders td
{
border:0;
}
tr.tr-hidden
{
display: none;
}
.nolasttrborderbottom > tbody > tr > td
{
padding-bottom: 10px;
}
.nolasttrborderbottom > tbody > tr:last-of-type > td
{
padding-bottom: 0;
border-bottom-color: transparent;
}
/* Tables - "viewGroup" */
.viewGroup td
{
text-align: left;
border-bottom: solid 1px #CCC;
padding: 8px 5px 7px 0;
}
.viewGroup .tdPicker td, .viewGroup .tableNoBorder td
{
padding: 0px;
border-bottom: 0;
}
.viewGroup .noLine
{
padding-left: 10px;
border-bottom-style: none;
}
/* Tables - "fields" */
table.Fields td
{
padding: 0 5px 5px 5px;
vertical-align:middle;
}
td.captionCell, td.dft_table_td
{
width: 160px;
padding-right: 10px!important;
color: #686868;
}
/* Tables - "dft_table_td" */
table.shortTable .dft_table_td
{
width:8%;
min-width: 90px;
padding-right: 10px!important;
/*white-space: nowrap; */
}
table.shortTable2 .dft_table_td
{
width:8%;
min-width: 120px;
padding-right: 10px!important;
/*white-space: nowrap; */
}
table.settings_table td.dft_table_td
{
width:250px !important;
}
table.details_table td.dft_table_td
{
width:150px !important;
}
.dft_table_td_inputs
{
width:160px;
}
/* Tables - Model table */
table.table-form-container
{
background: #fff;
padding: 6px 10px;
}
table.table-form
{
width:100%;
background:#fff;
}
/* Tables - table-form */
.table-form-container
{
background: #fff;
padding: 0 10px;
}
.table-form
{
width: 100%;
border: 0;
border-collapse: separate;
background: #fff;
}
.table-form > tbody > tr > td
{
border-bottom: solid 1px transparent;
padding: 5px 0;
vertical-align: middle;
}
.table-form > thead > tr > th
{
text-align: center;
font-weight: bold;
padding: 5px;
}
.table-form.nobackground {
background: none;
}
.table-form.show-lines > tbody > tr > td
{
border-bottom-color: #e8e8e8;
}
.table-form.show-lines > tbody > tr:last-of-type > td
{
border-bottom-color: transparent;
}
.table-form > tbody > tr:first-of-type:not(.collapsible-panel) > td
{
padding-top: 10px;
}
.table-form > tbody > tr:last-of-type:not(.collapsible-panel) > td
{
padding-bottom: 10px;
}
.table-form > tbody > tr:last-of-type > td
{
border-bottom: 0;
}
.table-form > tbody > tr > td.captionCell,
.table-form > tbody > tr > td.dft_table_td
{
padding: 10px 10px 11px 0;
vertical-align: top;
}
.table-form > tbody > tr:first-of-type:not(.collapsible-panel) > td.captionCell,
.table-form > tbody > tr:first-of-type:not(.collapsible-panel) > td.dft_table_td
{
padding-top: 16px;
}
.table-form > tbody > tr:last-of-type:not(.collapsible-panel) > td.captionCell,
.table-form > tbody > tr:last-of-type:not(.collapsible-panel) > td.dft_table_td
{
padding-bottom: 16px;
}
.table-form-container > .table-form > tbody > tr > td > .Input_Separator,
.table-form-container > .table-form > tbody > tr > td > .Gray_Input_Separator,
.table-form-container > .table-form > tbody > tr > td > .separator-blue,
.table-form-container > .table-form > tbody > tr > td > .separator-gray,
.table-form-container > .table-form > tbody > tr > td > .separator-yellow
{
margin: 0 -10px;
}
.t-window-content .table-ColumnItem > tbody > tr > td.captionCell {
width: 160px;
}
.t-window-content .table-ColumnItem > tbody > tr > td + td {
min-width: 300px;
}
.t-window-content .table-ColumnItem > tbody > tr > td.table-SingleColumnItem {
min-width: 160px;
}
.t-grid
{
border:0px!important;
background:none!important;
}
.t-grid.validtionError .input-validation-error {
background-color: transparent;
}
.t-grid.validtionError tr.t-grid-edit-row >td:first-of-type {
border-left: 1px solid red !important;
}
.t-grid.validtionError tr.t-grid-edit-row >td:last-of-type {
border-right: 1px solid red !important;
}
.t-grid.validtionError tr.t-grid-edit-row >td {
border-top: 1px solid red !important;
border-bottom: 1px solid red !important;
}
.t-grid .input-validation-error {
background-color: white;
}
.t-grid tr, .t-grid-content
{
background:#fff;
}
.t-grid-header, .t-grid-header tr
{
background:none !important;
}
/* Non-scrollable grid */
.t-grid-table
{
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border:1px solid #c0d2e8!important;
}
.t-grid.no-border > .t-grid-table
{
border:0!important;
}
.t-grid-table.noth
{
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.t-grid-header .noth
{
display:none;
}
.t-grid-header .t-header
{
background: #cbe2ff!important;
border-bottom:2px solid #c0d2e8!important;
}
.t-grid-header .t-first-header
{
border-top-left-radius: 3px;
}
.t-grid-header .t-last-header
{
border-top-right-radius: 3px;
}
/* Scrollable grid */
.t-grid-header-wrap
{
background: #cbe2ff!important;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-top:1px solid #c0d2e8!important;
border-bottom:2px solid #c0d2e8!important;
border-left:1px solid #c0d2e8!important;
border-right:1px solid #c0d2e8!important;
}
.t-grid-content
{
border-bottom:1px solid #c0d2e8!important;
border-left:1px solid #c0d2e8!important;
border-right:1px solid #c0d2e8!important;
}
.t-grid-table-container
{
border: 1px solid #c0d2e8 !important;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
overflow-x: auto;
}
.t-grid-table-container>.t-grid-table
{
border: 0!important;
}
.t-grid-header-wrap .t-header
{
border-bottom:0px!important;
}
.t-grid-header-wrap .t-first-header, .t-grid-header-wrap .t-last-header
{
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
.t-grid-header, .t-grid-header .t-link
{
color:#444;
}
th.t-header
{
text-align: left;
border:0!important;
padding: 0px!important;
margin:0px!important;
line-height: 18px;
height: 18px;
font-size: 12px;
padding: 0!important;
}
th.t-header .t-link, th.t-header .t-state-hover
{
border:0!important;
margin:0px!important;
padding: 5px 5px!important;
font-size: 12px;
}
th.t-header .t-state-hover
{
color: #555;
background-color: #daebff;
}
th.t-header .t-header-content
{
display: block;
padding: 5px 5px!important;
}
.t-grid table.t-grid-table > tbody > tr > td,
.t-grid table.resize-mode-gui > tbody > tr > td,
.t-grid table.resize-mode-web > tbody > tr > td,
.t-grid > table > tbody > tr > td,
table.t-grid > tbody > tr > td
{
border:0!important;
border-bottom: 1px solid #e6e6e6!important;
padding: 3px 5px!important;
/*vertical-align: middle!important;*/
font-size:12px!important;
z-index:1;
line-height: 1.6em;
}
td.summaryTable-state-hover:hover
{
background: #daebff;
}
.t-grid table > tbody > tr.t-last-row > td,
table.t-grid > tbody > tr.t-last-row > td,
.t-grid table > tbody > tr:last-of-type > td,
table.t-grid > tbody > tr:last-of-type > td
{
border-bottom: 0px!important;
}
.t-grid td input
{
font-size:12px!important;
}
.t-grid-pager
{
background:none!important;
font-size:12px!important;
text-align:right;
white-space: nowrap;
overflow: hidden;
padding:2px 4px;
line-height:21px;
}
.t-grid .t-status
{
background:none!important;
border:0px!important;
float:none !important;
padding:3px 0;
margin:0 0 0 -1px;
}
.t-grid .t-pager .t-state-active
{
background: #b9b9b9 !important;
border:1px solid #b9b9b9!important;
padding:1px 5px;
margin:-2px 0;
color: #FFF;
border-radius: 3px;
font-weight:bold;
}
.t-grid .t-pager a, .t-grid .t-pager a.t-state-hover
{
padding: 0 5px 0 5px!important;
border:1px solid transparent!important;
line-height:22px!important;
margin:-2px 0;
}
.t-grid .t-pager a.t-state-hover
{
border:1px solid #f4f4f4!important;
background:#f4f4f4!important;
}
.t-pager-text
{
color:#777;
}
.t-pager-total
{
padding-right:4px;
}
.t-grid .t-pager a
{
font-size:12px!important;
color:#000!important;
text-decoration:underline;
}
.t-grid .t-pager a.t-state-hover
{
color:#3366FF!important;
}
.t-grid .t-status-text
{
float:none !important;
background-image: none;
padding:4px 10px;
}
.t-grid .t-pager
{
float:none !important;
padding:4px 10px;
}
.t-grid .t-grid-pager .t-page-size
{
display:inline-block;
vertical-align:bottom;
padding:0px 10px;
background-image: none;
text-align:left;
}
.t-grid .t-grid-pager .t-grid-pager-label
{
display: inline-block;
padding:4px 4px 4px 0px;
}
.t-grid .t-grid-pager .t-grid-pager-dropDown
{
display: inline-block;
vertical-align: top;
/*margin-top:1px;*/
}
/*
.t-page-size .t-dropdown-wrap
{
padding-right: 22px;
}
.t-page-size .t-dropdown .t-input
{
padding: 3px 5px!important;
}
.t-page-size .t-dropdown-wrap .t-select
{
height: 24px;
line-height: 24px;
}
.t-page-size .t-dropdown-wrap .t-arrow-down
{
width: 22px;
height: 22px;
}
*/
.t-grid-pager .t-status .t-button
{
padding: 5px 5px;
margin: -3px 0;
background:#f8f8f8;
height: 16px;
width: 16px;
border-radius: 2px;
}
.t-grid-pager .t-status .t-button:hover
{
background:#f4f4f4;
}
.t-grid-pager .t-status .t-button .t-icon
{
margin: 0;
}
.t-pager .t-numeric, .t-pager .t-page-i-of-n
{
margin: 0px 4px 0px 4px;
}
.t-headerSummary-text {
float: left;
display: inline-block;
padding:4px 0px;
}
.t-grid .t-grid-pager .t-settings span.t-icon
{
background-image: url("Images/x16/settings_system.png");
background-repeat:no-repeat;
background-position: center 0;
}
.t-grid .t-grid-pager .t-export-excel span.t-icon
{
background-image: url("Images/excel_export.gif");
background-repeat:no-repeat;
background-position: center 0;
}
.t-grid .t-grid-pager .t-export-excel.t-wait span.t-icon {
background-position: center -16px;
}
.t-grid .t-grid-pager .t-export-excel.t-download span.t-icon {
background-position: center -32px;
}
table.noth thead
{
display:none;
}
.t-alt-grid td
{
border: 0px !important;
}
.t-alt-grid tr.t-alt td
{
background-color: #DDD !important;
}
table.noborder
{
border: 0px !important;
width:auto !important;
line-height: normal;
}
table.noborder th
{
border: 0px !important;
line-height: normal;
}
table.noborder td
{
border: 0px !important;
line-height: normal;
}
table.alternation tr.t-alt
{
background-color: #EEEEEE;
}
.t-grouping-header
{
border:1px dashed #ddd;
border-radius: 4px;
float:none;
padding:2px 4px 1px 4px;
font-size:12px!important;
height:22px;
line-height:22px;
overflow: hidden;
background: none!important;
color: #777;
min-width: 100px;
}
.t-toolbar
{
height:auto;
overflow:hidden;
padding:2px 0 2px 0;
}
.t-toolbar a
{
float: left;
}
.t-grid-content
{
overflow-y: auto;
}
.t-grouping-row td
{
background: none;
background-color: #fff5d7;
}
.t-grouping-row .t-group-cell, .t-grouping-row p
{
background-color: transparent;
font-size: 13px!important;
margin-left: 0;
padding: 0 2px;
}
.t-grid-edit-row div.text-box,
.t-grid-edit-row .t-numerictextbox,
.t-grid-edit-row .t-dropdown,
.t-grid-edit-row .t-combobox,
.t-grid-edit-row .t-entity-input,
.t-grid-edit-row table.t-timespanbox,
.t-grid-edit-row table.t-boolinput-radio
{
margin: -.1em -.3em -.15em;
}
.t-grid-edit-row .t-datepicker,
.t-grid-edit-row .t-timepicker
{
margin: -.1em 0 -.15em -.3em;
}
.t-grid-edit-row .t-timespanbox .t-numerictextbox
{
margin: 0;
padding-right: 2px;
}
/*EntityInput*/
.t-grid-edit-row .t-entity-input .t-dropdown,
.t-grid-edit-row .t-entity-input .t-combobox
{
margin: 0;
}
/*ComboBox*/
.t-grid-edit-row .t-dropdown .t-icon,
.t-grid-edit-row .t-combobox .t-icon
{
margin-top: 1px;
}
.t-grid-edit-row .t-dropdown .t-input,
.t-grid-edit-row .t-combobox .t-input
{
height: 16px !important;
line-height: 16px !important;
}
.t-grid-edit-row .t-dropdown .t-select,
.t-grid-edit-row .t-combobox .t-select
{
height: 26px;
line-height: 26px;
}
/*Date/time picker*/
.t-grid-edit-row .t-picker-wrap .t-icon
{
margin-top: 1px;
}
.t-grid-edit-row .t-picker-wrap .t-input
{
height: 16px !important;
line-height: 16px !important;
}
.t-grid-edit-row .t-picker-wrap .t-select
{
height: 18px;
line-height: 18px;
}
/*Buttons*/
.t-grid a.t-button-icon
{
padding: 1px 2px;
}
.t-grid tbody a.t-button-icon
{
margin: -.1em 0.2em -.15em;
}
.t-grid tbody a.t-button-icon
{
-moz-padding-end: 2px;
-moz-padding-start: 2px;
}
tr.selectable:hover,
td.selectable:hover
{
cursor: pointer;
background-color: #FFF5D7 !important;
border-color: #A3BAE9 !important;
}
tr.selected
{
background-color: #FFF5D7 !important;
border-color: #A3BAE9 !important;
}
.grouping_field
{
background-color: #F1F5FC;
}
.grouping_field_label
{
color: #3360CD;
font-weight: bold;
}
.t-edit-form-container
{
padding: 8px;
}
.t-grid td.grid-empty-cell, .t-grid td div.t-grid table td.grid-empty-cell
{
border: 1px solid #f00 !important;
background: #fbb;
}
.t-grid img
{
vertical-align: middle;
}
.t-grid-toolbar-container
{
display: inline-block;
vertical-align: top;
}
.t-grid-top-container {
display: inline-block;
width: 100%;
}
.t-grid-pager-container
{
display: inline-block;
float: right;
vertical-align: top;
}
.t-grid-toolbar
{
padding: 3px 0;
background: none!important;
}
.t-grid-add
{
margin: 0 8px 0 0!important;
background-image: url('/Content/Images/x16/AddWhite.png');
background-repeat: no-repeat;
background-position: 5px 5px;
padding-left: 26px!important;
}
.t-grouping-header .t-group-indicator
{
background: #cbe2ff!important;
border-color: #c0d2e8!important;
margin: -1px 4px 0 0;
}
.t-grouping-header .t-group-indicator .t-icon.t-arrow-up-small,
.t-grouping-header .t-group-indicator .t-icon.t-arrow-down-small
{
background-image: url('Images/Buttons/UpDown.png');
width: 16px;
height: 16px;
margin-right: 4px;
background-position: 0 0;
}
.t-grouping-header .t-group-indicator .t-icon.t-arrow-down-small
{
background-position: 0 -16px;
}
.t-grouping-header .t-group-indicator .t-icon.t-group-delete
{
background-image: url('Images/x16/Delete_Small.png');
width: 16px;
height: 16px;
background-position: 0 0;
}
.t-grouping-header .t-group-indicator .t-button:hover
{
background-color: transparent;
}
.t-grid-edit,
.t-grid-delete,
.t-grid-content .t-grid-insert,
.t-grid-content .t-grid-update,
.t-grid-content .t-grid-cancel
{
min-width: 0;
border:0!important;
width: 16px;
height: 16px;
padding: 3px;
margin-bottom: -6px!important;
}
.t-grid-edit .t-button-text,
.t-grid-delete .t-button-text,
.t-grid-content .t-grid-insert .t-button-text,
.t-grid-content .t-grid-update .t-button-text,
.t-grid-content .t-grid-cancel .t-button-text
{
display: none;
}
.t-grid-edit
{
background: transparent url('Images/x16/edit.png') no-repeat 3px 3px!important;
}
.t-grid-delete
{
background: transparent url('Images/x16/Delete.png') no-repeat 3px 3px!important;
}
.t-grid-insertOnly
{
display: none;
}
.t-grid-content .t-grid-insert,
.t-grid-content .t-grid-update
{
background: transparent url('Images/x16/save.png') no-repeat 3px 3px!important;
}
.t-grid-content .t-grid-cancel
{
background: transparent url('Images/x16/cancel.png') no-repeat 3px 3px!important;
}
/* Overlays */
#overlay-message
{
background-color:#FFF0D8;
border: 1px solid #DEDEDE;
display: block;
height: auto;
width: 300px;
position: fixed;
right: 20px;
top: 100px;
z-index: 12000;
padding: 5px 5px 5px 5px;
font-size: 11px;
font-weight: bold;
white-space: pre-wrap;
max-height: 200px;
overflow-y: hidden;
box-shadow: 1px 1px 2px 2px #A0A0A0;
-moz-box-shadow: 1px 1px 2px 2px #A0A0A0;
-webkit-box-shadow: 1px 1px 2px 2px #A0A0A0;
}
#overlay-message-info
{
background-color:#daffd8;
border: 1px solid #5efe8f;
display: block;
height: auto;
width: 300px;
position: fixed;
right: 20px;
top: 100px;
z-index: 12000;
padding: 5px 5px 5px 5px;
font-size: 11px;
font-weight: bold;
white-space: pre-wrap;
max-height: 200px;
overflow-y: hidden;
box-shadow: 1px 1px 2px 2px #A0A0A0;
-moz-box-shadow: 1px 1px 2px 2px #A0A0A0;
-webkit-box-shadow: 1px 1px 2px 2px #A0A0A0;
}
#overlay-wait
{
background-color:#E6E6E6;
border: 1px solid #DEDEDE;
display: block;
height: 34px;
width: 120px;
position: fixed;
right: 20px;
top: 100px;
z-index: 11000;
background-image: url("Images/wait.gif");
background-repeat:no-repeat;
background-position:10px 10px;
padding: 14px 5px 5px 54px;
font-size: 11px;
font-weight: bold;
box-shadow: 1px 1px 2px 2px #A0A0A0;
-moz-box-shadow: 1px 1px 2px 2px #A0A0A0;
-webkit-box-shadow: 1px 1px 2px 2px #A0A0A0;
text-align:left;
}
#overlay-wait.overlay-wait-percent {
padding-top: 19px;
padding-bottom: 0px;
}
.overlay
{
display: block;
/*height: 100%;*/
width: 100%;
position: fixed;
left: 0px;
top: 0px;
z-index: 10900;
background-color: #B0B0B0;
opacity: 0.5;
}
/* Popups */
.elma-window .x-window-tc {
background-image: url('images/PanelImages/bg_mod_title.gif');
height: 30px;
}
.elma-window .x-window-bc {
background-image: url("images/PanelImages/top-bottom.png");
}
.elma-window .x-window-tl .x-window-header {
color: #FFFFFF;
padding:8px 4px 4px;
}
.elma-window .x-window-mc {
background-color: #FFFFFF;
border-width: 0px;
}
.elma-window .x-window-ml,
.elma-window .x-window-mr {
background-image: url("images/PanelImages/left-right.png");
}
.elma-window .x-window-tl,
.elma-window .x-window-bl {
background-image: url('images/PanelImages/left-corners.png');
}
.elma-window .x-window-tr,
.elma-window .x-window-br {
background-image: url("images/PanelImages/right-corners.png");
}
.elma-window-content {
padding: 10px;
}
.t-overlay
{
filter:alpha(opacity=70);
-moz-opacity:70;
}
.t-window-title
{
color:#333;
font-family: OpenSans;
font-weight: normal;
font-size: 17px;
text-align:center;
padding-right: 28px;
}
div.t-window
{
border: 1px solid #000;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
div.t-window-content, .t-window-content
{
border-left: 1px solid #ced2d8;
border-bottom: 1px solid #ced2d8;
border-right: 1px solid #ced2d8;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
padding: 0px;
margin: 0px;
}
.t-window-titlebar
{
padding: 8px 0;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-left: 1px solid #ced2d8;
border-top: 1px solid #ced2d8;
border-right: 1px solid #ced2d8;
border-bottom: 2px solid #e4e4e4;
background:#f4f4f4;
}
.t-window-titlebar .t-window-actions
{
background: none !important;
}
.t-window-titlebar .t-window-action
{
height:24px;
}
.t-window-titlebar .t-window-action.t-state-hover
{
height:24px;
border-color:transparent;
background:none;
}
.t-header .t-close
{
background-image: url("images/x16/CloseWindow.png") !important;
background-position: 0px 4px !important;
height:24px;
}
.t-window-titlebar .t-state-hover
{
border-bottom-left-radius: 0px 0px;
border-bottom-right-radius: 0px 0px;
border-top-left-radius: 0px 0px;
border-top-right-radius: 0px 0px;
}
.t-window-content fieldset
{
border: 0px solid #000;
padding: 0px;
}
#popup_container {
min-width: 300px; /* Dialog will be no smaller than this */
max-width: 600px; /* Dialog will wrap after this width */
border: 0;
box-shadow: 0 0 5px 2px #aaa;
border-radius:4px;
background:none;
}
#popup_content {
border-left: 1px solid #ced2d8;
border-bottom: 1px solid #ced2d8;
border-right: 1px solid #ced2d8;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
margin: 0px;
background:#fff;
}
#popup_container .t-window-titlebar {
height: 17px;
}
#popup_content.alert {
background-image: url(images/Themes/default/window/icon-info.gif);
background-position: 10px 10px;
background-repeat:no-repeat;
}
#popup_content.confirm {
background-image: url(images/Themes/default/window/icon-question.gif);
background-position: 10px 10px;
background-repeat:no-repeat;
}
#popup_content.prompt {
background-image: url(images/x16/help.png);
background-position: 10px 10px;
background-repeat:no-repeat;
}
#popup_message {
padding-left: 48px;
padding-bottom: 15px;
min-height: 30px;
}
#popup_prompt {
margin: .5em 0em;
}
/* dialogs */
div.popup-buttons
{
border-top:1px solid #e4e4e4;
vertical-align: middle;
text-align: right;
padding: 10px;
background: #f4f4f4;
margin-top: 10px;
white-space: nowrap;
}
div.popup-buttons input[type=button],
div.popup-buttons input[type=submit],
div.popup-buttons .t-button
{
margin-left: 6px;
}
.elma-window-content div.elma-window-content-autosize
{
overflow-y: auto;
margin: -10px;
padding: 10px;
}
.elma-window-content div.popup-buttons
{
margin: 10px -10px -10px -10px;
}
/*Permission popup tree*/
.permission-popup-div .t-treeview .t-item .t-group {
padding-left: 20px;
}
/* Tab control */
.x-tab-right, .x-tab-left, .x-tab-strip-inner
{
}
.x-tab-strip-active span.x-tab-strip-text
{
}
.x-tab-strip span.x-tab-strip-text
{
}
.x-tab-panel-body
{
border-color: #6B8EBC;
}
.x-tab-panel-header-plain .x-tab-strip-spacer, .x-tab-panel-footer-plain .x-tab-strip-spacer
{
background-color: #FDEFC3;
border-color: #6B8EBC;
}
ul.x-tab-strip-top
{
border-bottom-color: #6B8EBC;
}
.x-vr-tab-panel
{
background: none;
}
.x-vr-tab-panel ul.x-tab-strip
{
margin-top: 0px;
}
.x-vr-tab-panel ul.x-tab-strip li
{
margin-bottom: 1px;
border-bottom: 1px solid #6B8EBC;
}
.x-vr-tab-panel ul.x-tab-strip-top
{
border: 0;
}
.x-vr-tab-panel-bwrap
{
float: none !important;
border:1px solid #99BBE8;
}
.x-vr-tab-panel .x-tab-panel-header-plain .x-tab-strip-spacer, .x-vr-tab-panel .x-tab-panel-footer-plain .x-tab-strip-spacer
{
display: none;
}
/*.x-vr-tab-panel .x-tab-strip-top .x-tab-right, .x-vr-tab-panel .x-tab-strip-top .x-tab-left, .x-vr-tab-panel .x-tab-strip-top .x-tab-strip-inner {
background-image:url("ExtJs/resources/images/gray/verticaltabs/tabs-sprite.gif");
}*/
.tab_panel div.t-header.t-tabstrip
{
background: none!important;
border: 1px solid #ced2d8;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
.tab_panel .t-tabstrip-items
{
background: #cbe2ff;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
padding-right: 4px;
border-bottom: 2px solid #b5c5d8;
margin-bottom:0!important;
white-space: nowrap;
}
.t-tabstrip-items .t-link
{
padding: 8px 12px 8px 12px;
}
.tab_panel li.t-item
{
background:none!important;
margin: 0;
height: 31px;
border: 0!important;
border-radius: 0!important;
}
.tab_panel li.t-item:after
{
content: "";
height: 20px;
display: block;
position: absolute;
right: -1px;
top: 5px;
width: 0px;
margin-left: 1px;
border-left: 1px solid #b5c5d8;
background: #fff;
}
.tab_panel li.t-item:first-child
{
border-top-left-radius: 4px!important;
}
.tab_panel li.t-item:not(:first-child)
{
margin-left: -1px;
margin-right: -1px;
}
.tab_panel li.t-item .counter
{
margin: -4px 0 -4px 4px;
padding: 3px 5px;
border-radius: 4px;
background: #b7c9df;
}
.tab_panel li.t-state-hover
{
background-color: #ffe9a4!important;
border: 0!important;
border-radius: 0!important;
height: 33px;
margin-bottom: -2px;
}
.tab_panel li.t-item.t-state-hover:after
{
border-left-color: transparent;
background: transparent;
}
.tab_panel li.t-item.t-state-hover .counter
{
background: #e5d193;
}
.tab_panel li.t-state-active
{
background-color: #fff!important;
border: 0!important;
border-radius: 0!important;
height: 33px;
margin-bottom: -2px;
}
.tab_panel li.t-item.t-state-active:after
{
border-left-color: transparent;
background: transparent;
}
.tab_panel li.t-item.t-state-active .counter
{
background: #e0e0e0;
}
.tab_panel .t-content
{
padding:10px!important;
border: 0;
}
/* home tab panel */
table.home_tabs
{
height: 35px;
}
table.home_tabs img
{
border: 0px !important;
}
table.home_tabs td.home_tab_item
{
background: url("Images/TabImages/MainPagesUnselected.png") repeat-x;
}
table.home_tabs td.home_tab_item_active
{
background: url("Images/TabImages/MainPagesSelected.png") repeat-x;
}
table.home_tabs td.home_tab_item_active a, table.home_tabs td.home_tab_item a
{
color: #333;
font-family: OpenSans;
font-size: 12px;
height: 23px;
padding: 9px 14px 4px 14px;
display: block;
white-space: nowrap;
}
table.home_tabs td.home_tab_item_active a
{
color: #000;
}
/* Wizard */
tr.tr_wizard .td_wizard{
padding-bottom:10px;
}
td.td_wizard_content{
padding:2px 0px 0px 0px;
}
table.Wizard{
background-color: #77a4df;
height: 89px;
width: 100%;
border-top: solid 1px #CEE1FA;
}
table.Wizard td{
font-family: OpenSans;
font-size: 20px;
vertical-align:middle;
}
table.Wizard span.WizardStepIndex{
color: #003366;
margin-left: 20px;
}
table.Wizard span.WizardStepName{
color:#ffffff;
}
table.Wizard td.WizardStep{
width: 80px;
background: url('Images/Wizard/wizard_step_default.png') no-repeat;
vertical-align:top;
}
table.Wizard td.WizardCurrentStep{
background: url('Images/Wizard/wizard_step_active.png') no-repeat;
}
table.Wizard td.WizardStep a{
padding-right: 20px;
padding-top: 16px;
vertical-align: text-top;
display: block;
text-align: center;
cursor:pointer;
}
table.Wizard td.WizardStep a p{
padding-top: 14px;
font-size:10px;
color: #ffffff;
text-align: center;
}
table.Wizard td.WizardStep .Digit{
color: #ffffff;
}
table.Wizard td.WizardCurrentStep .Digit{
color: #003366;
}
/* Portlet */
.portlet-panel, .portlet
{
border: 1px solid #dadada !important;
background: none !important;
background-color:#fff !important;
margin: 0 0 10px 0;
border-bottom-left-radius: 6px 6px !important;
border-bottom-right-radius: 6px 6px !important;
border-top-left-radius: 6px 6px !important;
border-top-right-radius: 6px 6px !important;
font-size: 12px;
}
.portlet-no-border
{
border: 1px solid #dadada !important;
border-bottom-left-radius: 6px 6px !important;
border-bottom-right-radius: 6px 6px !important;
border-top-left-radius: 6px 6px !important;
border-top-right-radius: 6px 6px !important;
background: #fff !important;
margin: 0 0 10px 0;
font-size: 12px;
}
.portlet-no-border.portlet-no-header
{
border: 0!important;
background: none !important;
}
.portlet-header
{
margin: -1px !important;
height:24px;
/*background: #AFCAED url("images/PanelImages/bg_mod_title.gif") !important;*/
background-color:#77a4df;
color:White;
font-family:OpenSans;
font-size: 14px;
border: 0px solid #000;
padding: 5px 10px !important;
vertical-align:middle;
border-bottom-left-radius: 0px 0px !important;
border-bottom-right-radius: 0px 0px !important;
border-top-left-radius: 6px 6px !important;
border-top-right-radius: 6px 6px !important;
}
.portlet-header .ui-icon
{
cursor: pointer;
float: right;
margin-right: 2px;
margin-left: 2px;
width:24px;
height:24px;
}
.portlet-header .ui-icon-delete
{
background-image: url("images/x24/portlet_remove.png") !important;
}
.portlet-header .ui-icon-update
{
background-image: url("images/x24/portlet_refresh.png") !important;
}
.portlet-header .ui-icon-edit
{
background-image: url("images/x24/portlet_edit.png") !important;
}
.portlet-header a
{
color: #FFF;
text-decoration: none;
height:24px;
vertical-align:middle;
}
.portlet-header a:hover
{
color: #FFFF99;
}
.portlet-header > span
{
vertical-align: middle;
}
.portlet-header-name
{
vertical-align: middle;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.portlet-header-image
{
margin-right: 10px;
margin-top: -1px;
float: left;
}
.portlet-title
{
padding: 10px;
background: none;
}
.portlet-title hr
{
clear: both;
border: 0px;
color: #A3C0DD;
background-color: #A3C0DD;
height: 1px;
}
.portlet-title label
{
color: #036;
font-size: 16px;
}
.portlet-content
{
padding: 10px;
}
.portlet-no-border .portlet-content
{
padding: 0;
}
.portlet-no-border .portlet-content .html_string
{
padding: 10px;
border-bottom-left-radius: 6px 6px !important;
border-bottom-right-radius: 6px 6px !important;
}
.portlet-no-border.portlet-no-header .html_string
{
padding: 0px;
background: none;
border-bottom-left-radius: 0px 0px !important;
border-bottom-right-radius: 0px 0px !important;
}
.portlet-settings-buttons
{
padding: 10px 10px 5px;
text-align: right;
border-top: 1px solid #E4E4E4;
margin-top: 10px;
vertical-align: middle;
}
.ui-icon-portlet {
width: 24px !important;
float: none !important;
display: table-cell;
padding-left: 2px;
padding-right: 2px;
background-position: center;
}
.ui-icon-collapse
{
background-image: url("images/x24/PortletCollapse.png") !important;
}
.ui-icon-expand
{
background-image: url("images/x24/PortletExpand.png") !important;
}
.ui-icon-delete
{
background-image: url("images/x24/portlet_remove.png") !important;
}
.ui-icon-settings
{
background-image: url("images/x24/PortletSettings.png") !important;
}
.ui-icon-update
{
background-image: url("images/x24/portlet_refresh.png") !important;
}
.ui-icon-edit
{
background-image: url("images/x24/portlet_edit.png") !important;
}
.ui-sortable .portlet-header
{
cursor: move;
}
.column { min-height: 10px; }
.portlet-table-edit .ui-sortable-placeholder { border: 1px dotted black; visibility: visible !important; height: 50px !important; }
.portlet-table-edit .ui-sortable-placeholder * { visibility: hidden; }
.portlet-content .collapsible-panel .partial-bg
{
border-bottom: 1px solid #91B6E6;
margin-top: 10px;
}
.portlet-content .messagePanel-Error .collapsible-panel {
border-bottom: 0;
margin-top: 0px;
}
.portlet-content .collapsible-panel-header.partial-bg
{
cursor:pointer;
background-color: #91B6E6;
padding: 5px;
color: #FFF;
white-space: nowrap;
display:block;
width: 190px !important;
}
.portlet-content .collapsible-panel-header.partial-bg a
{
color: #FFF;
}
.portlet-content .collapsible-panel-header.partial-bg a:hover
{
text-decoration: underline;
}
.portlet-content .collapsible-panel-header.partial-bg span
{
padding-top: 2px;
}
.portlet-content .collapsible-panel .partial-bg.gray-bg
{
background-color: #959595 !important;
}
.portlet-content .collapsible-panel .partial-bg.green-bg
{
background-color: #008000 !important;
}
.portlet-content .collapsible-panel .partial-bg.red-bg
{
background-color: Red !important;
}
.portlet-zone
{
}
.portlet-zone-container-edit {
border: 1px dotted #5F97AF;
padding-left: 10px;
padding-top: 10px;
height: 46px;
}
.portlet-table-edit {
border-spacing: 10px 10px;
border-collapse: separate;
}
.portlet-zoneselect {
width: 100%;
border-spacing: 5px 5px;
border-collapse: separate;
}
.portlet-zoneselect td div img {
vertical-align: middle;
}
.portlet-zoneselect td div {
cursor: pointer;
width: 150px;
height: 150px;
text-align: center;
background-color: #eeeeee;
}
.portlet-zoneselect td div:hover {
background-color: #ccdef8;
}
span.valign-helper {
display: inline-block;
height: 100%;
vertical-align: middle;
}
.zone-move-up, .zone-move-down, .zone-delete {
width: 12px;
height: 12px;
cursor: pointer;
margin-bottom: 3px;
}
.zone-move-up {
background: url('/Content/Images/x12/arrowUp.png') 0 12px;
}
.zone-move-up:hover {
background: url('/Content/Images/x12/arrowUp.png');
}
.zone-move-down {
background: url('/Content/Images/x12/arrowDown.png') 0 12px;
}
.zone-move-down:hover {
background: url('/Content/Images/x12/arrowDown.png');
}
.zone-delete {
background: url('/Content/Images/x12/lightdelete.png') 0 12px;
}
.zone-delete:hover {
background: url('/Content/Images/x12/lightdelete.png');
}
div.form_panel
{
padding-top: 5px;
width: 100%;
}
div.form-label
{
padding-bottom:2px;
}
div.form-input
{
padding-bottom:5px;
}
/* Search form */
.filter-search-form table.table_with_inputs td
{
border-bottom: solid 1px #CCCCCC;
}
.filter-search-form table.table_with_inputs td td
{
border-bottom: none;
}
.filter-search-form
{
/*width: 100%;
display: table;*/
}
.filter-search-form-content
{
background-color: #fff;
border: 1px solid #d0d4da;
border-radius: 5px;
box-shadow: 0px 1px 0px 0px #dbdde0;
border-collapse: separate;
min-width: 100%;
}
.filter-search-form-content.expandable
{
border-radius: 5px 5px 5px 0;
}
.filter-search-form-content.expandable .filter-fields
{
border-top: 1px solid #d0d4da;
}
.quick-search-form
{
width: 100%;
}
table.quick-search-form > tr > td,
table.quick-search-form > tbody > tr > td
{
padding: 12px 6px;
vertical-align: top;
white-space: nowrap;
}
table.quick-search-form > tbody > tr > td:first-child
{
padding-left: 12px;
}
table.quick-search-form > tbody > tr > td:last-child
{
padding-right: 12px;
}
table.quick-search-form > tbody > tr:not(:first-of-type) > td
{
padding-top: 0;
}
.quick-search-button
{
height: 32px;
background-image: url('Images/x24/SearchWhite.png');
background-repeat: no-repeat;
background-position: 4px 3px;
padding-left: 34px;
}
table.quick-search-form div.t-entity-input td
{
padding: 0;
}
.filter-search-form .expand-button
{
background-image: url('Images/PanelImages/FilterSearchExpand.png');
background-repeat: no-repeat;
width:252px;
height:28px;
margin-top: -1px;
cursor:pointer;
display:inline-block;
}
.filter-search-form .expand-button-content
{
padding: 3px 14px;
}
.filter-search-form .expand-button img
{
vertical-align: middle;
}
.filter-search-form .filter-fields
{
padding: 12px;
display: block;
}
.filter-search-form .quicksearch-fields
{
padding-top: 0!important;
border-top: 0!important;
}
.filter-search-form .filter-buttons
{
padding-top:12px;
}
.filter-fields .table_with_inputs td .t-entity-input td {
vertical-align: middle;
}
.filter-search-form .switch-searchmode
{
float: right;
cursor: pointer;
}
.filter-search-form .eql-filter-buttons td
{
padding-top: 0;
}
.filter-search-form .t-switchview
{
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
border-style: solid;
border-width: 0;
cursor: pointer;
padding: 6px 10px 6px 10px;
margin: 0 1px 0 1px;
}
.filter-search-form .current-watch
{
background-color: #FAEEC3;
}
.filter-search-form .t-switchview
{
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
border-style: solid;
border-width: 0;
cursor: pointer;
padding: 6px 10px 6px 10px;
margin: 0 1px 0 1px;
}
.filter-search-form .current-watch
{
background-color: #FAEEC3;
}
.filter-search-form .backlight:hover
{
background-color: #eeeeee !important;
}
#tdContent > .t-button:first-of-type
{
margin-top: 10px;
}
.link-image
{
vertical-align: middle;
}
.inline-property-value
{
display: inline;
vertical-align: middle;
}
.inline-block-value
{
padding: 10px 0;
}
.table-form > tbody > tr > td.row-valueCell {
padding: 10px 0 11px;
}
.row-valueCell > .table-form-container
{
padding: 0;
}
/* cmenu ubuntu styles*/
.cmenu
{
white-space: nowrap;
display: none;
position: absolute;
cursor: pointer;
z-index: 10105;
background: #fff;
padding: 0;
border: 1px solid #cdd0d4;
-moz-box-shadow: 2px 2px 2px #aaa;
-webkit-box-shadow: 2px 2px 2px #aaa;
box-shadow: 2px 2px 2px #aaa;
font-family: OpenSans;
font-size: 11px;
}
.cmenu a
{
color: #222222;
}
.cmenu img{
vertical-align:middle;
}
.cmenuItem{
white-space: nowrap;
height: 20px;
text-align:left;
cursor:pointer;
color: #222222;
cursor: pointer;
outline: 0 none;
padding: 6px 12px 2px 12px;
text-decoration: none;
}
.cmenuItem .cmenuIcon {
width: 22px;
height: 16px;
margin: 0;
display: inline-block;
vertical-align:top;
}
.cmenuItem .cmenuTitle {
height: 16px;
display: inline-block;
vertical-align: top;
margin-right: 15px;
}
.cmenuItem .submenuBullet {
width: 9px;
height: 16px;
/*clear: right;*/
margin-left: -15px;
margin-right: -8px;
display: inline-block;
vertical-align: top;
}
.cmenuItem .hasSubmenu {
background: url(Images/MenuImages/menu-parent.gif) no-repeat 50% 50%;
float: right;
}
.cmenuItem:hover{
background: #b4d3fa;
}
.cmenuItemWithSub{
background: #b4d3fa;
}
.cmenu hr{
height: 1px;
border-width: 0;
padding-left: 3px;
padding-right: 3px;
color: #718BB7;
background-color: #cdd0d4;
}
.html_string ul,.html_string ol,.mceContentBody ul,.mceContentBody ol {
padding-left: 40px;
}
.html_string ul,.mceContentBody ul {
list-style-type: disc !important;
}
.html_string ol,.mceContentBody ol {
list-style-type: decimal !important;
}
.html_string p,.mceContentBody p {
margin: 10px 0 !important;
}
.html_string>div.top {
margin: -10px 0 10px !important;
}
.html_string>div.bottom {
margin: 10px 0 -10px !important;
}
.html_string h1,.html_string h2,.html_string h3,.html_string h4,.html_string h5,.html_string h6,
.mceContentBody h1,.mceContentBody h2,.mceContentBody h3,.mceContentBody h4,.mceContentBody h5,.mceContentBody h6 {
color: black !important;
padding: 0 !important;
}
.html_string h1,.mceContentBody h1 {
font-size: 20px !important;
border-bottom: 0 !important;
font-weight: 700 !important;
margin-top: 0px !important;
margin-bottom: 13.4px !important;
}
.html_string h2,.mceContentBody h2 {
font-size: 15px !important;
margin: 12.45px 0 !important;
}
.html_string h3,.mceContentBody h3 {
font-size: 12px !important;
margin: 11.7px 0 !important;
}
.html_string h4,.mceContentBody h4 {
font-size: 10px !important;
margin: 13.3px 0 !important;
}
.html_string h5,.mceContentBody h5 {
font-size: 8.3px !important;
margin: 13.8667px 0 !important;
}
.html_string h6,.mceContentBody h6 {
font-size: 7.5px !important;
margin: 17.4833px 0 !important;
}
table.mceLayout,
table.mceLayout tr.mceFirst td.mceToolbar,
table.mceLayout tr.mceLast td
{
border-color: #d0d5da!important;
}
table.mceLayout
{
border-radius: 2px;
}
table.mceLayout tr.mceFirst td.mceToolbar
{
border-radius: 2px 2px 0 0;
}
table.mceLayout.t-input-hover tr.mceFirst td.mceToolbar
{
border-top-color:#b8bcc0!important;
}
table.mceLayout.t-input-active
{
border-color:#73c5fc!important;
}
table.mceLayout.t-input-active tr.mceFirst td.mceToolbar
{
border-top-color:#73c5fc!important;
}
table.mceLayout.t-input-active tr.mceLast td.mceIframeContainer
{
border-bottom-color:#73c5fc!important;
}
/* Grid - resizable */
.dotted
{
width: 15px;
background-image:url('/Content/Images/Grid/dotted.png');
background-repeat:repeat-y;
}
.JColResizer
{
table-layout:fixed;
}
.JColResizer th
{
overflow:hidden;
text-indent: 5px;
}
/*
.JColResizer th.t-header .t-link,
.JColResizer th.t-header .t-state-hover,
.JColResizer th.t-header .t-header-content
{
padding-left:0!important;
padding-right:0!important;
}
*/
.JColResizer th.t-header:not(.t-first-header) .t-link,
.JColResizer th.t-header:not(.t-first-header) .t-state-hover,
.JColResizer th.t-header:not(.t-first-header) .t-header-content
{
padding-left:0!important;
}
.JColResizer th.t-header .t-link,
.JColResizer th.t-header .t-state-hover,
.JColResizer th.t-header .t-header-content
{
padding-right:0!important;
}
.JCLRgrips
{
height:0px; position:relative;
}
.JCLRgrip
{
margin-left:-5px;
position:absolute;
}
.JCLRgrip .JColResizer
{
position:absolute;
background-color:red;
filter:alpha(opacity=1);
opacity:0;
width:10px;
height:100%;
top:0px
}
.JCLRLastGrip
{
position:absolute;
width:1px;
}
.JCLRgripDrag
{
border-left:1px dotted black;
}
.JCLRgripInner
{
position: absolute;
left: 3px;
width: 2px;
height:19px;
margin-top: 5px;
background-image: url('/Content/Images/Grid/handle.png');
}
/* AutoComplete */
.t-entity-input-table .t-entity-clearbutton {
visibility: visible;
}
.t-entity-input-table.t-entity-input-empty .t-entity-clearbutton {
visibility: hidden;
}
.t-entity-input-table>tbody>tr>td {
padding: 0;
}
.t-entity-input td.open-select-image
{
padding-left: 2px !important;
padding-top: 4px;
width: 20px;
vertical-align: top;
}
.elma-autocomplete /*текстовое поле*/
{
display: block!important;
font-family: Arial, Sans-Serif;
font-size: 12px;
margin: 0 ;
padding: 0;
position: relative;
}
.elma-autocomplete .suggestions /*выпадающий список*/
{
background: #fff;
border: 1px solid #688CAF;
max-height: 300px;
left: 0;
margin: 0;
overflow: auto;
padding: 0;
position: absolute;
width: 100%;
z-index: 10900;
}
.elma-autocomplete ul /*список*/
{
list-style:none;
margin: 0;
padding: 0;
width: 100%;
}
.elma-autocomplete li /*элемент списка*/
{
background-color: #FFFFFF;
cursor: pointer;
list-style:none;
margin: 0;
padding: 0 5px 0 10px;
white-space: normal;
}
.elma-autocomplete li.active /*активный элемент списка*/
{
background-color: #3C78B5;
color: #fff;
}
span.suggestvalue
{
color: GrayText; /*цвет текста в квадратных скобках*/
}
li.active span.suggestvalue
{
color: LightGray; /*цвет текста в квадратных скобках при выборе подсказки*/
}
.user-selector-with-group > div:first-child {
margin-right: 270px;
}
/* Widgets (styles from Orchard) */
.widgets {}
.widget h1 { font-size: 1.077em; }
/* Edit Mode Widgets */
/* These are the edit controls that appear when you're logged-in */
.widget-control { position: relative; border: 1px dotted #5f97af; }
.widget-control .manage-actions { position:absolute; top: 0px; right: 0px; }
/*.widget-control .manage-actions a { display: block; background-color: #dbdbdb; color: #434343; padding: 3px 6px; }
.widget-control .manage-actions a:hover { background-color: #434343; color: #fff; text-decoration: none; }*/
/* Content Mode */
.content-control { position: relative; border: 1px dotted #5f97af; margin: 5px; }
.content-control .manage-actions { position:absolute; top: 0px; right: 0px; }
.content-control .manage-actions a { display: block; padding: 3px 6px; }
/*.content-control .manage-actions a { display: block; background-color: #dbdbdb; color: #434343; padding: 3px 6px; }
.content-control .manage-actions a:hover { background-color: #434343; color: #fff; text-decoration: none; }*/
/* Content lists and details */
.content-description { font-size: 1.154em; }
.content-items { padding: 0; margin: 0; list-style: none; }
.content-items li { padding: 0; margin: 0; }
.content-items .content-item { border-top: 1px solid #dbdbdb; padding: 6px 0 6px 0; }
.content-items .content-item header {}
.content-items .content-item header h1 { font-size: 1.308em; color:#ff0000; }
.content-items .content-item header h1 a { color: #434343; }
.content-items .content-item header h1 a:hover {}
.content-item { border-top: 1px solid #dbdbdb; padding: 6px 0 6px 0; }
.content-item header {}
.content-item header h1 { color: #003366; display: block; font-size: 20px; font-family: Tahoma,Arial,Helvetica,sans-serif; font-weight: 400; border-bottom:1px solid #A3C0DD; padding-top: 5px; padding-bottom: 5px; margin-bottom: 5px; }
.content-item h1 { color: #003366; display: block; font-size: 20px; font-family: Tahoma,Arial,Helvetica,sans-serif; font-weight: 400; border-bottom:1px solid #A3C0DD; padding-top: 5px; padding-bottom: 5px; margin-bottom: 5px; }
.content-item h2 { color: #003366; display: block; font-size: 18px; font-family: Tahoma,Arial,Helvetica,sans-serif; font-weight: 400 ; border-bottom:1px solid #A3C0DD; padding-top: 5px; padding-bottom: 5px; margin-bottom: 5px; }
.zone h1 { color: #003366; display: block; font-size: 20px; font-family: Tahoma,Arial,Helvetica,sans-serif; font-weight: 400; border-bottom:1px solid #A3C0DD; padding-top: 5px; padding-bottom: 5px; margin-bottom: 5px; }
.zone fieldset { padding: 6px 0 0; margin: 0 0 0em 0; border: 0px solid #dbdbdb; }
.zone label { font-weight:normal; display:block; padding: 0 0 0.3em 0; }
.zone label.forcheckbox { margin:0 0 0 .4em; display:inline; }
.zone input.large.text, .zone textarea {
width:99%;
}
.manage {
float:right;
margin:0 0 1em .8em;
}
/* Content item lists
----------------------------------------------------------*/
.contentItems {
border:1px solid #eaeaea;
background:#FFF;
clear:both;
margin:1em 0;
padding:0;
}
.contentItems li {
margin:0;
overflow:hidden;
padding:0 1.4em .8em;
border-bottom:1px solid #eaeaea;
}
.contentItems li.last {
border-bottom:none;
}
.contentItems.bulk-items li {
padding-bottom:.6em;
padding-left:.6em;
}
#tdContent .contentItems li .actions {
color:#EAE9D9;
height:auto;
margin:-1.3em 0 0;
padding:0 0 .1em;
}
#tdContent .contentItems li .actions .ibutton {
margin-right:6px;
}
#tdContent .contentItems li .actions .destruct .ibutton {
margin-left:8px;
margin-right:0;
}
#tdContent .contentItems li:hover .ibutton { background-position:0 0; }
#tdContent .contentItems li:hover .ibutton.remove { background-position:-20px 0; }
#tdContent .contentItems li:hover .ibutton.view { background-position:-40px 0; }
#tdContent .contentItems li:hover .ibutton.add.page { background-position:-60px 0; }
#tdContent .contentItems li:hover .ibutton.edit { background-position:-80px 0; }
#tdContent .contentItems li:hover .ibutton.publish { background-position:-100px 0; }
#tdContent .contentItems li:hover .ibutton.blog { background-position:-120px 0; }
.contentItems .summary {
clear:both;
padding:1.2em .4em .5em;
}
.contentItems .properties {
float:left;
}
.contentItems h3 {
padding-top:0;
}
.contentItems .metadata ul {
display:inline;
}
.contentItems.bulk-items .metadata, .contentItems.bulk-items .primary {
margin:.7em 0 .7em 2em;
overflow:auto;
}
.contentItems.bulk-items .primary {
clear:both;
margin-top:0;
}
.contentItems .properties li {
border:0;
float:left;
padding:0 0 .1em 0;
}
.contentItems .properties .icon {
margin:0 .2em -.2em;
}
.contentItems .related {
text-align:right;
}
.contentItems .commentcount {
line-height:2em;
}
#tdContent .contentItems p {
margin:1em 0 0;
}
.contentItems .summary {
clear:both;
padding:1.2em .4em .5em;
}
.contentItems .properties {
float:left;
}
.contentItems h3 {
padding-top:0;
}
.contentItems .metadata ul {
display:inline;
}
.contentItems.bulk-items .metadata, .contentItems.bulk-items .primary {
margin:.7em 0 .7em 2em;
overflow:auto;
}
.contentItems.bulk-items .primary {
clear:both;
margin-top:0;
}
.contentItems .properties li {
border:0;
float:left;
padding:0 0 .1em 0;
}
.contentItems .properties .icon {
margin:0 .2em -.2em;
}
.contentItems .related {
text-align:right;
}
.contentItems .commentcount {
line-height:2em;
}
/* Core Modules
***************************************************************/
/* Routable */
.permalink input.text {
background:transparent;
border-color:#EAE9D9;
border-style:dashed;
margin-left:0;
margin-right:2em;
width:350px;
}
.permalink input.text:focus {
background:#FFF;
border-color:#666d51;
border-style:solid;
}
/* Routable and Containers (Core) */
.with-checkbox .checkbox-and-label { /* todo: (heskew) routable should be changed to use this too */
margin-left:10px;
}
.checkbox-and-label {
white-space:nowrap;
}
/* Settings */
.orchard-media fieldset div, .settings fieldset div, .settings .button {
margin:.5em 0;
}
.settings legend {
margin:0 0 -.4em;
}
/* Core Contents and Orchard.PublishLater */
.edit-item-sidebar fieldset {
margin:0;
padding:0;
}
fieldset.publish-button, fieldset.delete-button, fieldset.save-button {
clear:none;
float:left;
}
fieldset.save-button {
clear:left;
}
fieldset.publish-button {
margin: 0 12px 0 0;
padding: 0 12px;
border-right:1px solid #ccc;
}
fieldset.delete-button {
margin: 0 0 0 12px;
}
/* Forms
***************************************************************/
form.inline, form.inline fieldset { /* todo: (heskew) need something other than .inline ... */
display:inline;
}
form.inline fieldset {
margin:0;
}
.bulk-actions {
display:inline;
height:auto;
margin:0 1.4em 0 0;
padding-top:0;
}
.bulk-actions label, .bulk-items h3, label.sub {
display:inline;
}
/* Core Contents and Orchard.PublishLater */
.edit-item-sidebar fieldset {
margin:0;
padding:0;
}
fieldset.publish-button, fieldset.delete-button, fieldset.save-button {
clear:none;
float:left;
}
fieldset.save-button {
clear:left;
}
fieldset.publish-button {
margin: 0 12px 0 0;
padding: 0 12px;
border-right:1px solid #ccc;
}
fieldset.delete-button {
margin: 0 0 0 12px;
}
/* Confirmations, Messages and the like
***************************************************************/
.message, .validation-summary-errors {
margin:10px 0 4px 0;
padding:4px;
}
messages div.message {
clear:both;
}
span.message {
display:block;
margin:4px 0 4px 4px;
}
.messages a {
font-weight:bold;
}
/* todo: (heskew) what else (other inputs) needs this? */
.critical.message {
border:1px solid #990808;
}
.critical.message, .validation-summary-errors {
background:#e68585; /* red */
color:#fff;
}
.message-Information {
background:#e6f1c9; /* green */
border:1px solid #cfe493;
color:#062232;
}
.message-Warning {
background:#fdf5bc; /* yellow */
border:1px solid #ffea9b;
}
.message-Error {
background:#e68585; /* red */
border:1px solid #990808;
color:#fff;
}
.debug.message {
background:#eee;
border:1px dashed #D2D6C6;
color:#7a7a7a;
margin:20px 0 14px 0;
}
.debug.message:before {
content:"DEBUG � ";
}
.panel
{
background:#fff;
}
/* System messages, comments */
.messages
{
padding: 0px 10px 10px;
}
.local-messages
{
padding: 0px 0px 10px;
}
.messagePanel-Error
{
background:#ff9c9c; /* red */
border:1px solid #e56a6a;
}
.messagePanel-Warning
{
background:#ffed97; /* yellow */
border:1px solid #f59b26;
color:#000;
padding:5px;
margin-top:2px;
/*text-align:center;*/
}
.messagePanel-Information
{
background:#d2eab5;
border:1px solid #b6df84;
}
.messagePanel-Description
{
background:#fff;
border:1px solid #ced2d8;
color:#000;
padding:10px;
margin-top:2px;
/*text-align:center;*/
}
.messagePanel-Information, .messagePanel-Error
{
color:#000;
padding:10px;
margin-top:2px;
border-bottom-width: 2px;
}
div.messagePanel-Information {
background-image: url("/Content/Images/x16/info_message.png");
background-repeat: no-repeat;
background-position: 5px 5px;
font-weight: bold;
padding-left: 31px;
}
div.info-block {
margin-bottom: 10px;
padding: 5px;
border: 1px solid #A3C0DD;
}
.note
{
background-color: #fff5d7;
border: 1px solid #e9d79b;
border-bottom-width: 2px;
border-radius: 4px;
}
.comment
{
padding-left: 20px;
padding-top: 5px;
color: #666666;
font-style: italic;
font-weight: normal !important;
clear: both;
}
.comment-warning
{
background-color: #FDFAEC;
border: 1px solid #EFEBDD;
padding-left: 20px;
padding-top: 5px;
padding-bottom: 5px;
color: red;
font-style: italic;
font-weight: bold !important;
clear: both;
}
.comment a
{
color: #666666;
}
.comment3
{
color: #666666;
font-style: italic;
}
.description
{
border: 1px solid #d0d5da;
outline: 0 none;
padding: 3px;
}
.warning-panel
{
background: url("Images/warning_icon.png") left top no-repeat, #fff;
border:15px solid #FFF;
font-family: OpenSans;
font-size: 13px;
margin: 50px auto;
min-width: 500px;
width: 70%;
}
.portlet-content .warning-panel,
.elma-window-content .warning-panel,
.t-content .warning-panel
{
width: auto;
margin: 0;
}
.warning-panel-header
{
padding: 10px 0 10px 60px;
font-size: 15px;
font-weight: bold;
}
.warning-panel-message
{
padding: 10px 0;
}
.warning-panel-error-info
{
background: #f9f0d6;
font-family: 'Courier New', Courier, monospace;
font-size: 12px;
padding: 10px;
}
.users-help
{
padding: 10px 0;
}
.users-help a
{
text-decoration: underline;
padding-right: 7px;
display: none;
}
.users-help a:nth-child(-n+6)
{
display: inline;
}
a.users-show-more
{
margin-left: 1em;
display: inline;
text-decoration: none;
border-bottom: 2px dotted silver;
}
.show-error-info
{
border-bottom: 2px dotted silver;
display: block;
width: 156px;
margin: 15px 0 10px 0;
color: #3366CC;
}
/* FullCalendar for ELMA */
.fc
{
margin-right: 0;
}
.fc-content
{
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
.fc-header-right
{
padding-top: 14px!important;
}
.fc-header-title
{
color: #333;
font-family: OpenSans;
font-size: 20px;
padding: 10px 8px 11px 8px;
}
.fc-state-default, .fc-state-default .fc-button-inner {
border-style: solid;
border-color: #9EBFE9 #94B8E7 #7BA7E1;
background: #C2DCFF;
color: #003366;
}
.fc-state-active, .fc-state-active .fc-button-inner {
border-color: #003366;
background: #7BA7E1;
color: #FFF;
}
.fc-state-disabled, .fc-state-disabled .fc-button-inner {
color: #9EBFE9;
border-color: #9EBFE9;
}
.fc-button-prev,
.fc-button-next,
.fc-button-prev span,
.fc-button-next span
{
border: none !important;
background-color: transparent !important;
}
.fc-button-prev,
.fc-button-next
{
background-repeat:no-repeat;
background-position: 0 9px;
border:0px;
width:32px;
height:32px;
cursor: pointer;
vertical-align: -12px!important;
margin-bottom: 0!important;
padding: 8px 0 8px 0;
}
.fc-button-prev.calendar_navigator,
.fc-button-next.calendar_navigator
{
background-position: 0 0;
vertical-align: baseline;
padding: 0;
}
.fc-button-prev
{
background-image: url('Images/x32/prev.png');
}
.fc-button-next
{
background-image: url('Images/x32/next.png');
}
.fc .fc-header-space
{
padding-left: 2px;
}
.fc-border-separate th.fc-widget-header
{
background: #77a4df;
font-family: OpenSans;
font-size: 15px;
font-weight:normal;
color:#fff;
height:32px;
text-align:center;
vertical-align:middle;
border: 0px;
/*border-bottom: 2px solid #91B6E6 !important;*/
}
.fc-border-separate th.fc-agenda-gutter,
.fc-border-separate th.fc-agenda-axis
{
background: none;
background-color: #fff;
}
.fc-border-separate thead th.fc-widget-header
{
background: #77a4df;
}
.fc-border-separate thead th.fc-widget-header.fc-first
{
border-top-left-radius: 6px;
}
.fc-border-separate .fc-widget-content
{
border-left: 2px solid #91B6E6 !important;
}
.fc-agenda-slots .fc-widget-content
{
height: 20px;
border-top-style: solid !important;
}
.fc-agenda-slots .fc-agenda-axis
{
border: 0;
border-top: 1px solid #CCC;
color: #333;
font-family: OpenSans;
font-size: 18px;
font-weight: normal;
text-decoration: none;
padding: 0 5px;
text-align: center;
vertical-align: middle;
white-space: nowrap;
}
.fc-agenda-slots .fc-agenda-axis sup
{
font-size: 10px;
}
.fc-today
{
background-color:#FAEEC3;
}
.fc-holiday
{
background-color:#EEE;
}
.fc-view-month .fc-widget-content
{
border-bottom: 2px solid #91B6E6 !important;
border-top: 0;
}
.fc-view-month table tr td.fc-last
{
border-right: 2px solid #91B6E6 !important;
}
.fc-day-number
{
display: block;
text-align: center;
padding: 2px 0 !important;
background-color: #E8EEF7;
float: none !important;
color: #36C;
cursor: pointer;
text-decoration: underline;
}
.fc-week-number
{
display: block;
text-align: center;
padding: 2px 0 !important;
float: none !important;
color: #36C;
cursor: pointer;
}
.fc-other-month .fc-day-number
{
background-color: #EEE;
color: #333;
}
.fc-exception {
background-color: #fff;
}
.fc-day-holiday {
background-color: #eccbc6;
}
.fc-day-exception {
background-color: #f5deb3;
}
.fc-header-name {
background: none!important;
color: red;
font-family: OpenSans;
font-size: 20px;
font-weight: normal;
padding: 10px 8px 11px 8px;
text-decoration: underline;
vertical-align: top;
white-space: nowrap;
display: inline-block;
}
.favorite-button
{
cursor: pointer;
vertical-align: -4px;
}
.fc-event-vert
{
border: solid 1px #F5E9C6;
}
.fc-event-skin {
border: 1px solid #F5E9C6;
background-color: #FFFBDE;
color: #000000;
min-height: 16px;
}
.fc-event-skin-days {
background-color: #D7F6D3;
border: 1px solid #AECE9F;
height: 16px;
padding: 2px;
background-position: 2px 2px;
background-repeat: no-repeat;
padding-left: 20px;
}
.day-slot-scroller {
max-height: 100px;
}
.fc-event-skin .fc-event-skin
{
border: 0;
background-color: transparent;
}
.fc-event hr
{
height: 1px;
margin: 1px 0 2px 0;
background-color: #F5E9C6;
border: solid 0px #F5E9C6;
display: block;
clear: both;
}
.fc-event
{
font-size: 12px !important;
min-height: 18px;
}
.fc-event-inform, .fc-event-inform .fc-event-skin{
font-style: italic !important;
color: #7D7B7E !important;
}
.fc-event-completed, .fc-event-completed div, .fc-event-completed span {
text-decoration: line-through !important;
}
.fc-event-expired, .fc-event-expired a {
color: #F00;
}
a.fc-event-completed:hover {
color: #000;
}
.fc-event .fc-event-description
{
font-style: italic;
font-size: 11px !important;
padding: 0 2px 2px 2px;
}
.fc-event .fc-event-head, .fc-event .fc-event-content
{
float: left;
width: auto !important;
}
.fc-event .fc-event-content
{
padding: 0;
}
.fc-event .fc-event-time
{
font-size: 12px !important;
font-weight: bold;
padding-left: 3px;
padding-right: 3px;
height: 18px;
background-position: 1px 1px;
background-repeat: no-repeat;
line-height: 16px;
display: inline-block;
}
.fc-event-icon {
background-repeat: no-repeat;
min-height: 17px;
width: 18px;
background-position: 2px 1px;
display: inline-block;
vertical-align: text-bottom;
}
.fc-event-remove
{
cursor: pointer;
float: right;
width: 14px;
height: 14px;
display: block;
position: absolute;
top: 0px;
right: 0px;
z-index: 1000;
background-position: 0px -1px;
background-repeat: no-repeat;
padding-right: 2px;
}
.fc-event-copy
{
cursor: pointer;
float: right;
width: 18px;
height: 18px;
display: block;
position: absolute;
bottom: 2px;
right: 2px;
z-index: 1000;
background-position: 2px 2px;
background-repeat: no-repeat;
}
.fc-state-not-work {
background: #EEE !important;
border-left: 2px solid #91B6E6 !important;
}
table.fc-agenda-days
{
background: #fff;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
.fc-agenda-days th.fc-last {
border-left: none !important;
border-top-right-radius: 6px;
}
.fc-agenda-allday-sep {
border: 0px;
border-bottom: 1px solid #91B6E6 !important;
height: 1px;
}
.fc-agenda-allday-sep div, .fc-widget-header .fc-agenda-divider-inner {
background-color:#91B6E6;
height: 1px;
}
.fc-agenda-allday th.fc-widget-header {
border: 0px solid #FFF !important;
}
.fc-agenda-days tbody tr th.fc-first
{
border-left: 1px solid #dadada !important;
}
.fc-agenda-days tbody tr td.fc-last
{
border-right: 1px solid #dadada !important;
}
.fc-agenda-days tbody tr.fc-last td,
.fc-agenda-days tbody tr.fc-last th
{
border-bottom: 1px solid #dadada !important;
}
.fc-agenda-allday .fc-day-content {
min-height: 20px;
_height: 20px;
padding: 0;
}
.mb-Button {
position: relative;
}
.mb-ButtonLink {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
/*display: inline-block;*/
}
.mb-InLine {
overflow: hidden;
height: 34px;
}
.mb-Item {
margin-bottom: 5px;
display: inline-block;
}
.mb-ShowInLineButton {
display: inline-block;
padding-left: 20px;
}
.mb-InLine .mb-ShowInLineButton {
display: none;
}
.mb-ShowAllButton {
display: none;
}
.mb-EnableShowAll .mb-ShowAllButton {
display: block;
}
.filter-search-form .mb-ButtonLink {
border-width: 1px !important;
}
.mb-ButtonLink.t-switchview {
border-color: #e5e5e5 #e5e5e5 #e5e5e5 #e5e5e5 !important;
}
.mb-ButtonLink.current-watch {
border-color: #faeec3 #faeec3 #faeec3 #faeec3 !important;
}
.mb-ButtonLink.mb-ShowButton {
border-color: #4e80c1 #4e80c1 #4e80c1 #4e80c1 !important;
}
.mb-ShowButton {
background: #4e80c1 !important;
color: #ffffff;
}
.mb-ButtonLink.mb-ShowButton:hover {
background-color: #366aaf !important;
}
/*
Default styles for jsPlumb Toolkit
Copyright 2015 https://jsplumbtoolkit.com
*/
/* --------------------------------------------------------------------------------------------- */
/* --- SURFACE WIDGET -------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------- */
/*
Assigned to every node managed by an instance of the Toolkit. They are required to be positioned absolute, to
enable dragging to work properly.
*/
.jtk-node {
position: absolute;
}
/*
This style was created in response to this Chrome bug:
http://stackoverflow.com/questions/13758215/artifacts-when-css-scaled-in-chrome
Basically it's about how sometimes there can be artefacts left on screen when the user drags an element. It seems
the issue has been fixed in more recent versions of Chrome, but the style is left here in case you come across
the problem.
*/
.jtk-node.jsplumb-drag {
/*-webkit-backface-visibility: hidden;*/
}
/*
Assigned to an element that is the `Container` in a `render` call.
Elements that are acting as Surface widgets should have overflow:hidden set to prevent libs from
scrolling them during drag (we don't want scrollbars; we have an infinite canvas). Position is set to
`relative` as this is the parent for nodes, which are positioned absolute (and for absolute positioning
to work, you need to ensure the parent node has `position:relative`). This style also sets some default
values for the cursor - using a `grab` cursor where supported.
*/
.jtk-surface {
overflow: hidden !important;
position: relative;
cursor: move;
cursor: -moz-grab;
cursor: -webkit-grab;
/*
For IE10+. As discussed on this page:
https://msdn.microsoft.com/en-us/library/ie/jj583807(v=vs.85).aspx
Microsoft have very helpfully implemented default behaviours for a bunch of touch events and
then consumed the events so you don't have to be bothered by them. They've "done a lot of research"
about this stuff and put together a really great default experience for everyone in the entire world.
*/
touch-action:none;
/*
Another Chrome issue that appears to have been fixed in later versions
http://stackoverflow.com/questions/15464055/css-transition-effect-makes-image-blurry-moves-image-1px-in-chrome
*/
/*
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0) scale(1.0, 1.0);
*/
}
/*
Assigned to the surface when it is being panned. The default is to change the cursor (in browsers that support
a `grabbing` cursor), and to disable tex selection.
*/
.jtk-surface-panning {
cursor: -moz-grabbing;
cursor: -webkit-grabbing;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/*
The work area in a surface renderer.
*/
.jtk-surface-canvas {
overflow: visible !important;
}
/*
For IE10+. Discussed above in the .jtk-surface styles. This one is specific to elements that are configured
to be droppable on a Surface via its `registerDroppableNodes` method.
*/
.jtk-surface-droppable-node {
touch-action:none;
}
/*
Assigned to a Surface widget when panning is disabled (and therefore the app is relying on scrollbars when the content overflows).
*/
.jtk-surface-nopan {
overflow: scroll !important;
cursor:default;
}
/*
Assigned to tile images in a tiled background
*/
.jtk-surface-tile {
border:none;
outline:none;
margin:0;
-webkit-transition: opacity .3s ease .15s;
-moz-transition: opacity .3s ease .15s;
-o-transition: opacity .3s ease .15s;
-ms-transition: opacity .3s ease .15s;
transition: opacity .3s ease .15s;
}
/*
Assigned to the element used for node select with the mouse ("lasso").
*/
.jtk-lasso {
border: 2px solid rgb(49, 119, 184);
background-color: WhiteSmoke;
opacity: 0.5;
filter: alpha(opacity=50);
display: none;
z-index: 20000;
position: absolute;
}
/*
This class is added to the document body on lasso drag start and removed at the end of lasso dragging. Its purpose
is to switch off text selection on all elements while the user is dragging the lasso.
*/
.jtk-lasso-select-defeat * {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/*
Assigned to some element that has been selected (either via lasso or programmatically).
*/
.jtk-surface-selected-element {
border: 2px dashed #f76258 !important;
}
/*
Assigned to all pan buttons in a surface widget.
*/
.jtk-surface-pan {
background-color: Azure;
opacity: 0.4;
filter: alpha(opacity=40);
text-align: center;
cursor: pointer;
z-index: 2;
-webkit-transition: background-color 0.15s ease-in;
-moz-transition: background-color 0.15s ease-in;
-o-transition: background-color 0.15s ease-in;
transition: background-color 0.15s ease-in;
}
/*
Specific styles for the top and bottom pan buttons.
Top/bottom are 100% width and 20px high by default
*/
.jtk-surface-pan-top, .jtk-surface-pan-bottom {
width: 100%;
height: 20px;
}
/*
Hover styles for all pan buttons.
On hover, change color, background color, font weight and opacity.
*/
.jtk-surface-pan-top:hover, .jtk-surface-pan-bottom:hover, .jtk-surface-pan-left:hover, .jtk-surface-pan-right:hover {
opacity: 0.6;
filter: alpha(opacity=60);
background-color: rgb(49, 119, 184);
color: white;
font-weight: bold;
}
/*
Specific styles for the left and right pan buttons.
Left/right pan buttons are 100% height and 20px wide
*/
.jtk-surface-pan-left, .jtk-surface-pan-right {
width: 20px;
height: 100%;
line-height: 40;
}
/*
Assigned to a pan button when the user is pressing it.
*/
.jtk-surface-pan-active, .jtk-surface-pan-active:hover {
background-color: #f76258;
}
/* --------------------------------------------------------------------------------------------- */
/* --- MINIVIEW WIDGET ------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------- */
/*
Assigned to an element that is acting as a Miniview.
As with Surface, Miniview elements should have overflow:hidden set to prevent
libs from scrolling them during drag. This style also provides a default width/height for a miniview,
which you may wish to override.
*/
.jtk-miniview {
overflow: hidden !important;
width: 125px;
height: 125px;
position: relative;
background-color: #B2C9CD;
border: 1px solid #E2E6CD;
border-radius: 4px;
opacity: 0.8;
}
/*
Assigned to the element that shows the size of the related viewport in a Miniview widget, and which can be dragged to
move the surface.
*/
.jtk-miniview-panner {
border: 5px dotted WhiteSmoke;
opacity: 0.4;
filter: alpha(opacity=40);
background-color: rgb(79, 111, 126);
cursor: move;
cursor: -moz-grab;
cursor: -webkit-grab;
}
/*
Assigned to the miniview's panner when it is being dragged.
*/
.jtk-miniview-panning {
cursor: -moz-grabbing;
cursor: -webkit-grabbing;
}
/*
Added to all elements displayed in a miniview.
*/
.jtk-miniview-element {
background-color: rgb(96, 122, 134);
position: absolute;
}
/*
Assigned to the collapse/expand miniview button
*/
.jtk-miniview-collapse {
color: whiteSmoke;
position: absolute;
font-size: 18px;
top: -1px;
right: 3px;
cursor: pointer;
font-weight: bold;
}
/*
The '-' symbol when the miniview is expanded
*/
.jtk-miniview-collapse:before {
content: "\2012";
}
/*
Assigned to the miniview element when it is collapsed.
*/
.jtk-miniview-collapsed {
background-color: #449ea6;
border-radius: 4px;
height: 22px;
margin-right: 0;
padding: 4px;
width: 21px;
}
/*
Hide all children of the miniview (except the expand button) when it is collapsed so you don't see anything
poking through under the + icon.
*/
.jtk-miniview-collapsed .jtk-miniview-element, .jtk-miniview-collapsed .jtk-miniview-panner {
visibility: hidden;
}
/*
The '+' symbol when the miniview is collapsed.
*/
.jtk-miniview-collapsed .jtk-miniview-collapse:before {
content: "+";
}
/*
Hover state for the collapse/expand icon.
*/
.jtk-miniview-collapse:hover {
color: #E4F013;
}
/* ------------------------------------------------------------------------------------------- */
/* --- DIALOGS --------------------------------------------------------------------------------*/
/* ------------------------------------------------------------------------------------------- */
/*
This is the element that acts as the dialog underlay - the modal "mask". Note the high z-index default
set here (and note also the overlay style below has a z-index with a value higher by one).
*/
.jtk-dialog-underlay {
left: 0;
right: 0;
top: 0;
bottom: 0;
position: fixed;
z-index: 100000;
opacity: 0.8;
background-color: #CCC;
display: none;
}
/*
This is the element that acts as the parent for dialog content.
*/
.jtk-dialog-overlay {
position: fixed;
z-index: 100001;
display: none;
background-color: white;
font-family: "Open Sans", sans-serif;
padding: 7px;
box-shadow: 0 0 5px gray;
overflow: hidden;
}
.jtk-dialog-overlay-x {
max-height:0;
transition: max-height 0.5s ease-in;
-moz-transition: max-height 0.5s ease-in;
-ms-transition: max-height 0.5s ease-in;
-o-transition: max-height 0.5s ease-in;
-webkit-transition: max-height 0.5s ease-in;
}
.jtk-dialog-overlay-y {
max-width:0;
transition: max-width 0.5s ease-in;
-moz-transition: max-width 0.5s ease-in;
-ms-transition: max-width 0.5s ease-in;
-o-transition: max-width 0.5s ease-in;
-webkit-transition: max-width 0.5s ease-in;
}
.jtk-dialog-overlay-top {
top:20px;
}
.jtk-dialog-overlay-bottom {
bottom:20px;
}
.jtk-dialog-overlay-left {
left:20px;
}
.jtk-dialog-overlay-right {
right:20px;
}
.jtk-dialog-overlay-x.jtk-dialog-overlay-visible {
max-height:1000px;
}
.jtk-dialog-overlay-y.jtk-dialog-overlay-visible {
max-width:1000px;
}
/*
The element containing buttons in a dialog.
*/
.jtk-dialog-buttons {
text-align: right;
margin-top: 5px;
}
/*
An individual button in a dialog.
*/
.jtk-dialog-button {
border: none;
cursor: pointer;
margin-right: 5px;
min-width: 56px;
background-color: white;
outline: 1px solid #ccc;
}
/*
Hover style for an individual button in a dialog.
*/
.jtk-dialog-button:hover {
color: white;
background-color: #234b5e;
}
/*
The titlebar of a dialog.
*/
.jtk-dialog-title {
text-align: left;
font-size: 14px;
margin-bottom: 9px;
}
.jtk-dialog-content {
font-size:12px;
text-align:left;
min-width:250px;
margin: 0 14px;
}
.jtk-dialog-content ul {
width:100%;
padding-left:0;
}
.jtk-dialog-content label {
cursor: pointer;
font-weight: inherit;
}
.jtk-dialog-overlay input, .jtk-dialog-overlay textarea {
background-color: #FFF;
border: 1px solid #CCC;
color: #333;
font-size: 14px;
font-style: normal;
outline: none;
padding: 6px 4px;
margin-right: 6px;
}
.jtk-dialog-overlay input:focus, .jtk-dialog-overlay textarea:focus {
background-color: #cbeae1;
border: 1px solid #83b8a8;
color: #333;
font-size: 14px;
font-style: normal;
outline: none;
}
/* -------------------------------------------------------------------------------------------- */
/* --- DRAWING TOOLS -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------- */
/*
Assigned to the element that is drawn around some other element when a drawing operation is taking place.
*/
.jtk-draw-skeleton {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
outline: 2px solid #84acb3;
opacity: 0.8;
}
/*
Assigned to every handle (top left, top right, bottom left, bottom right, center) in a draw skeleton.
*/
.jtk-draw-handle {
position: absolute;
width: 7px;
height: 7px;
background-color: #84acb3;
}
/*
Assigned to the top left handle in a draw skeleton
*/
.jtk-draw-handle-tl {
left: 0;
top: 0;
cursor: nw-resize;
}
/*
Assigned to the top right handle in a draw skeleton
*/
.jtk-draw-handle-tr {
right: 0;
top: 0;
cursor: ne-resize;
}
/*
Assigned to the bottom left handle in a draw skeleton
*/
.jtk-draw-handle-bl {
left: 0;
bottom: 0;
cursor: sw-resize;
}
/*
Assigned to the bottom right handle in a draw skeleton
*/
.jtk-draw-handle-br {
bottom: 0;
right: 0;
cursor: se-resize;
}
/*
Assigned to the center handle in a draw skeleton (the handle by which the element may be dragged). This is
not visible by defaut; enable if you need it.
*/
.jtk-draw-drag {
display:none;
position: absolute;
left: 50%;
top: 50%;
margin-left: -10px;
margin-top: -10px;
width: 20px;
height: 20px;
background-color: #84acb3;
cursor: move;
}
/*
This class is added to the document body on drag resize start and removed at the end of resizing. Its purpose
is to switch off text selection on all elements while the user is resizing an element.
*/
.jtk-draw-select-defeat * {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#miniview {
position: absolute;
top: 0px;
right: 0;
background-color: #B2C9CD;
opacity: 0.9;
z-index: 900;
margin-right: 25px;
margin-top: 25px;
border: 1px solid #E2E6CD;
border-radius: 4px;
}
.miniView-container {
position: relative;
background-color: white;
opacity: 0.2;
}
.mini {
position: absolute;
background-color: rgb(96, 122, 134);
font-size: 1px;
line-height: 1px;
}
.port {
position: absolute;
background-color: rgb(79, 111, 126);
opacity: 0.5 ;
cursor: move;
cursor: -moz-grab;
cursor: -webkit-grab;
}
.miniview-button div {
display: none;
}
.miniview-button div.miniView-collapse {
display: initial;
}
.miniView-collapse {
color: whiteSmoke;
position: absolute;
font-size: 18px;
top: -2px;
right: 4px;
cursor: pointer;
font-weight: bold;
}
.miniView-collapse:hover {
color: yellow;
}
.miniView-collapse:before {
content: "−";
}
.miniView-collapse:before {
position: absolute;
padding: 2px;
right: 0px;
top: 0px;
}
.miniview-button .miniView-collapse:before {
content: "+";
top: -2px;
}
.miniview-button .miniView-collapse {
position: absolute;
top: -4px !important;
padding: 0px;
margin: 4px;
right: 0px !important;
display: block !important;
}
.miniview-move {
cursor: -moz-grabbing;
cursor: -webkit-grabbing;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.elma-media-player video {
min-width: 0px;
max-width: none;
min-height: 0px;
max-height: none;
width: 100%;
}
.fullscreen {
height: 100%;
}
.elma-media-container {
position: relative;
padding: 10px;
}
.elma-media-play, .elma-volume-button {
cursor: pointer;
}
.elma-media-timer, .elma-media-timer-end{
cursor: default;
}
.elma-media-player {
width: 100%;
height: 100%;
}
.elma-media-player .elma-media-controls {
position: absolute;
height: 30px;
width: 100%;
background-color: #fff;
z-index: 2147483647;
bottom: 0;
left: 0;
right: 0;
}
.elma-media-player .elma-media-play, .elma-media-player .elma-media-seek, .elma-media-player .elma-volume-box, .elma-media-timer {
bottom: 0;
}
/* Play, Pause */
.elma-media-player .elma-media-play {
position: absolute;
left: 6px;
bottom: 3px;
display: block;
width: 24px;
height: 24px;
background: url(/Content/Images/Media/play.png) no-repeat;
opacity: 0.7;
-moz-transition: all 0.2s ease-in-out; /* Firefox */
-webkit-transition: all 0.2s ease-in-out; /* Safari and Chrome */
-o-transition: all 0.2s ease-in-out; /* Opera */
transition: all 0.2s ease-in-out;
}
.elma-media-player .elma-paused-button {
background: url(/Content/Images/Media/pause.png) no-repeat;
}
.elma-media-player video {
height: 100%;
width: 100%;
}
.elma-media-player .elma-media-play:hover {
opacity: 1;
}
/* Полоса прогресса */
.elma-media-player .elma-media-seek {
position: absolute;
width: 229px;
left: 106px;
right: 77px;
bottom: 9px;
height: 10px;
border: 1px solid #494949;
-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
background: #535353;
background-image: -moz-linear-gradient(top, #535353, #333333);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #535353),color-stop(1, #333333));
box-shadow: inset 0 -3px 3px #333333;
}
.elma-media-player .elma-media-seek .ui-slider-handle {
width: 15px;
height: 15px;
border: 1px solid #333;
top: -4px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
background: #e6e6e6;
background-image: -moz-linear-gradient(top, #e6e6e6, #d5d5d5);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #e6e6e6),color-stop(1, #d5d5d5));
box-shadow: inset 0 -3px 3px #d5d5d5;
}
.elma-media-player .elma-media-seek .ui-slider-handle.ui-state-hover {
background: #fff;
}
.elma-media-player .elma-media-seek .ui-slider-range {
-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
background: #4cbae8;
background-image: -moz-linear-gradient(top, #4cbae8, #39a2ce);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #4cbae8),color-stop(1, #39a2ce));
box-shadow: inset 0 -3px 3px #39a2ce;
}
/* Таймер */
.elma-media-player .elma-media-timer {
position: absolute;
color: #999;
font-size: 0.9em;
font-weight: bold;
}
.elma-media-player .elma-media-timer-current {
left: 66px;
bottom: 8px;
}
.elma-media-player .elma-media-timer-remaining {
left: 349px;
bottom: 8px;
}
/* Слайдер громкости */
.elma-media-player .elma-volume-box {
position: absolute;
left: 36px;
bottom: 3px;
overflow: hidden;
width: 22px;
height: 30px;
color: #fff;
-moz-transition: all 0.1s ease-in-out; /* Firefox */
-webkit-transition: all 0.1s ease-in-out; /* Safari and Chrome */
-o-transition: all 0.2s ease-in-out; /* Opera */
transition: all 0.1s ease-in-out;
}
.elma-media-player .elma-volume-box:hover {
width: 133px;
height: 20px;
padding-top: 5px;
}
.elma-media-player .elma-volume-box:hover .elma-volume-slider {
position: relative;
visibility: visible;
opacity: 1;
z-index: 10;
}
.elma-media-player .elma-volume-slider {
position: absolute;
height: 7px;
width: 100px;
left: 24px;
top: 3px;
visiblity: hidden;
opacity: 0;
border: 1px solid #444;
-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
background: #535353;
background-image: -moz-linear-gradient(top, #535353, #333333);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #535353),color-stop(1, #333333));
box-shadow: 0 0 13px #000000;
-moz-transition: all 0.1s ease-in-out; /* Firefox */
-webkit-transition: all 0.1s ease-in-out; /* Safari and Chrome */
-o-transition: all 0.1s ease-in-out; /* Opera */
transition: all 0.1s ease-in-out;
}
.elma-media-player .elma-volume-slider .ui-slider-handle {
width: 12px;
height: 12px;
top: -3px;
margin-bottom:-0.6em;
/*margin-left:0;*/
border: 1px solid #333;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
background: #e6e6e6;
background-image: -moz-linear-gradient(top, #e6e6e6, #d5d5d5);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #e6e6e6),color-stop(1, #d5d5d5));
box-shadow: inset 0 3px 3px #d5d5d5;
}
.elma-media-player .elma-volume-slider .ui-slider-handle.ui-state-hover {
background: #fff;
}
.elma-media-player .elma-volume-slider .ui-slider-range {
-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
background: #e6e6e6;
background-image: -moz-linear-gradient(top, #e6e6e6, #d5d5d5);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #e6e6e6),color-stop(1, #d5d5d5));
box-shadow: inset 0 3px 3px #d5d5d5;
}
/* Кнопка громкости */
.elma-media-player .elma-volume-button {
position: absolute;
bottom: 0px;
display: block;
width: 24px;
height: 24px;
background: url(/Content/Images/Media/volume-full.png) no-repeat;
text-indent: -9999px;
opacity: 0.8;
}
.elma-media-player .elma-volume-button:hover {
opacity: 1;
}
.elma-media-player .elma-volume-mute {
background: url(/Content/Images/Media/volume-mute.png) no-repeat;
}
/*Кнопка полный экран*/
.elma-media-player .elma-media-fullscreen {
background: url(/Content/Images/Media/fullscreen.png) no-repeat;
position: absolute;
width: 24px;
height: 24px;
bottom: 3px;
opacity: 0.8;
left: 381px;
}
.elma-media-player .elma-media-fullscreen:hover {
opacity: 1;
}
/* Styles for page layout */
body {
overflow: hidden;
}
.outsideElement {
display: flex;
flex-direction: column;
overflow: hidden;
width: 100vw;
height: 100vh;
height: calc(var(--vh, 1vh) * 100);
}
#rootTable {
min-width: 700px;
display: flex;
flex-direction: column;
flex-grow: 1;
position: relative;
}
#beforeRootTable {
}
#rootTable,
#rootToolBar,
#rootToolBarDiv,
#mainContentTable,
#ContentTable {
width: 100%;
}
#rootToolBarDiv {
padding: 0;
margin: 0;
height: 72px;
border-bottom: 3px solid #cdcccc;
display: flex;
flex-direction: row;
background-color: white;
justify-content: space-between;
position: absolute;
top: 0;
left: 0;
right: 0;
}
#contentContainer
{
display: flex;
flex-direction: row;
flex-grow: 1;
position: absolute;
top: 75px;
left: 0;
right: 0;
bottom: 0;
}
#rootTable.minimized #contentContainer {
top: 50px;
}
#rootTable.minimized #page_start_button_container,
#rootTable.minimized #page_start_menu {
background-position-y: -14px;
}
#rootTable.minimized #tr_page_top,
#rootTable.minimized #rootToolBarDiv,
#rootTable.minimized tr.tr_toolbar,
#rootTable.minimized #page_start_button_container,
#rootTable.minimized #page_start_button,
#rootTable.minimized #page_start_menu,
#rootTable.minimized #page_start_info,
#rootTable.minimized #UserInfo_Table,
#rootTable.minimized td.td_toolbar {
height: 47px;
}
#rootTable.minimized #UserInfo_Table,
#rootTable.minimized #page_start_info_day,
#rootTable.minimized #UserInfo_Settings > ul.t-menu {
display: none;
}
#rootTable.minimized #page_start_info {
}
.td_container {
overflow: auto;
position: relative;
flex-grow: 1;
flex-basis: 0px;
}
#rootToolBar {
position: relative;
}
#tr_page_top
{
background:#fff;
height:72px;
}
#tr_page_top td, div.elma-window-toolbar div.div_toolbar
{
border-bottom:3px solid #cdd0d4;
height: 72px;
}
#tr_page_top td td
{
border-bottom:0;
}
td.td_header{
height:48px;
padding:0 10px;
vertical-align:middle;
}
td.td_header hr
{
clear:both;
border: 0;
color:#A3C0DD;
background-color:#A3C0DD;
height:1px;
margin:5px 0;
}
* html td.td_header hr
{
margin-top:0;
margin-bottom:5px;
}
td.td_header div{
position: relative;
}
span.page_header_title
{
font-family:OpenSans;
color:#333;
font-size:20px;
padding:10px 25px 8px 5px;
display:block;
}
td.td_header span.page_header_title img {
vertical-align: bottom;
margin-right: 5px;
}
td.td_header a.page_header_help_link
{
position:absolute;
right:5px;
top:10px;
display:block;
width:16px;
height:16px;
background-image:url(Images/icons/16x16/help.gif);
background-repeat:no-repeat;
}
* html td.td_header a.page_header_help_link{
right:10px;
}
span.page_header_title span.headerButtons {
float: right;
margin-right: -25px;
}
span.page_header_title span.headerButtons span {
float: none !important;
margin-right: 0px !important;
}
td.td_content{
padding:0 10px 10px 10px;
}
.header-tag
{
font-family: Arial, Tahoma, Arial, Helvetica, sans-serif;
padding: 0px 0px 5px 0px;
border-bottom: 1px solid #D7D4D4;
font-size: 65%;
color: #686868;
}
.td_footer {
text-align: right;
font-size: 9px;
color: #808080;
margin-right: 20px;
margin-bottom: 10px;
}
td.td_footer span{
white-space:nowrap;
}
#page_start
{
background:#e8ecf0;
overflow:hidden;
border-right: 1px solid #cdcccc;
flex-grow: 0;
}
#page_start_border
{
background:#e8ecf0;
border-right:1px solid #cdd0d4;
border-left:1px solid #e8ecf0;
width:3px;
}
#page_start_button_container
{
background-image:url(Images/MenuImages/StartButtonSprite.png);
background-repeat:no-repeat;
width:81px;
height:72px;
display:block;
float:left;
overflow:visible;
position:absolute;
z-index:1000;
}
#page_start_button_container.hover
{
background-position:-162px 0;
}
#page_start_button_container.active
{
background-position:-81px 0;
}
#page_start_button
{
margin-left: 1px;
width: 67px;
height: 72px;
display: inline-block;
cursor: pointer;
outline: 0 none;
}
#page_start_menu
{
background-image:url(Images/MenuImages/StartMenuSprite.png);
background-repeat:no-repeat;
width:80px;
height:72px;
cursor:pointer;
display:block;
float:left;
overflow:visible;
position:absolute;
z-index:999;
}
#page_start_menu:hover
{
background-position:-81px 0;
}
#page_start_info
{
float:right;
overflow:hidden;
padding:0 8px 0 0;
text-align:right;
color:#747a83;
max-height:72px;
white-space:nowrap;
display:inline;
margin-left:-1000px;
font-family:OpenSans;
}
#page_start_info > span {
display: block;
}
#page_start_info_date
{
margin-top: 11px;
font-size:19px;
}
#page_start_info_day
{
font-size:14px;
}
#transationPanel {
display: flex;
flex-direction: row;
padding: 7px 7px 5px 7px;
align-items: center;
align-content: flex-start;
justify-content: space-between;
}
div.translationContainer
{
min-height: 30px;
display: flex;
flex-direction: row;
}
div.translationContainer > ul {
list-style: none;
display: flex;
flex-direction: row;
align-items: center;
}
div.translationContainer > ul > li {
padding-left: 2px;
}
div.translationContainer > ul > li > a {
padding-right: 10px;
}
div.translationContainer-PageTitle
{
min-height: 30px;
}
#PanelPageTitle {
min-width: 150px;
}
/*-- Main menu full --*/
td.td_main_menu {
border: 0;
background: #d4e7fd;
width: 185px;
background-repeat:repeat-x;
}
#div_main_menu {
max-height: calc(100vh - 50px);
display: flex;
flex-direction: row;
border-right: 1px solid #cdcccc;
}
#div_main_menu.ui-state-disabled {
opacity: 1;
}
#main_menu {
padding: 0;
margin: 0;
overflow: hidden;
font-family: OpenSans;
height: 100%;
}
#main_menu:hover {
overflow-y: auto;
}
#main_menu > li > div.single_child_menu_container div.t-treeview {
height: calc(100vh - 170px);
}
#main_menu > li > div.single_child_menu_container div.t-treeview {
height: calc(100vh - 170px);
}
#rootTable.minimized #main_menu > li > div.single_child_menu_container div.t-treeview {
height: calc(100vh - 145px);
}
#main_menu_header {
background: #fff;
height: 72px;
border-bottom: 2px solid #d2d2d2;
}
#main_menu a {
font-size:11px;
}
#main_menu .t-treeview .t-item
{
font-size:11px;
}
#main_menu .Tree a {
display: inline;
}
#main_menu li.active_item[fullheight="true"] {
height: 100%;
}
#main_menu li a.menu_item {
height: 44px;
border: 0;
display: block;
color: #333;
}
#main_menu li a.menu_item span.inner-item, #main_menu li a.menu_subitem span.inner-item
{
height: 42px;
border: 1px solid transparent;
margin-left: 0;
position: relative;
top: 0;
display: flex;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
#main_menu .menu_item .inner-item .menu-item-img {
margin-left: 10px;
display: block;
float: left;
height: 32px;
margin: 5px 0 0 8px;
min-width: 32px;
}
#main_menu li a.menu_subitem span.inner-item {
height: 34px;
}
#main_menu li a.menu_item i
{
margin-left: 10px;
display: block;
float: left;
height: 32px;
margin: 5px 0 0 8px;
min-width: 32px;
}
#main_menu a.menu_item span {
margin-left: 4px;
position: relative;
top: 10px;
font-size: 13px;
width: 100%;
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
padding-right: 3px;
}
.item_counter_border
{
border:2px solid #fff;
display: inline-block;
border-radius: 10px;
margin:0!important;
}
.item_counter
{
background-color: #65acdb;
color: #fff;
padding:2px 5px 3px 5px;
margin:-1px!important;
display: inline-block;
text-align: center;
font-family:OpenSans;
font-size: 12px;
min-width: 12px;
border-radius: 10px;
top:auto!important;
}
.item_counter_border.important .item_counter
{
background-color: #e74c3c!important;
}
#main_menu .item_counter_border
{
position: absolute!important;
left: 24px!important;
top: 20px!important;
border-radius: 9px;
border:0;
}
#main_menu .item_counter
{
display:inline-block!important;
padding:3px 5px 3px 5px!important;
border-radius: 9px!important;
font-size: 10px!important;
margin:0!important;
min-width: 9px;
width:auto!important;
}
#main_menu a.menu_item span.two_lines
{
top: 3px;
}
#main_menu li a.menu_item:hover
{
background:#b4d3fa;
}
#main_menu .main_menu_subitems a.menu_subitem:hover
{
background:#b4d3fa;
}
#main_menu li.active_item a
{
color:#000;
}
#main_menu li.active_item a.menu_item,
#main_menu li.active_item a.menu_item:hover
{
background:#ffe9a4;
}
#main_menu .main_menu_subitems .active_subitem a.menu_subitem,
#main_menu .main_menu_subitems .active_subitem a.menu_subitem:hover
{
background-color:#b4d3fa;
/* border-color: white;
background: url('images/menuimages/menu_active.png') 0 0 repeat-x #f7da71;
*/
}
#main_menu .main_menu_subitems {
background-color:#e7f1fc;
font-size:12px;
}
#main_menu .main_menu_subitems a.menu_subitem {
display:block;
height:36px;
font-size:12px;
font-weight:normal;
text-decoration:none;
margin:0px 5px;
/*
-moz-border-radius: 2px;
border-radius:2px;
*/
border: 1px solid transparent;
}
#main_menu .main_menu_subitems .active_subitem a.menu_subitem
{
color:#000;
}
#main_menu .main_menu_subitems a.menu_subitem i {
background:none repeat scroll 0 0 transparent;
float:left;
height:24px;
margin:6px 6px 0 14px;
width:24px;
}
#main_menu .main_menu_subitems .active_subitem a.menu_subitem {
color:#000;
}
#main_menu .main_menu_subitems a.menu_subitem span {
position:relative;
top:10px;
}
#main_menu .main_menu_subitems li {
list-style-type:none;
/*padding:2px 0 2px 5px;*/
}
#main_menu li a.menu_subitem span.inner-item
{
border: none;
height:36px;
}
#main_menu .main_menu_subitems a.menu_subitem
{
margin:0;
border: none;
height:36px;
}
#main_menu .main_menu_subitems a.menu_subitem:hover
{
background-image: none !important;
background-color:#b4d3fa;
}
#main_menu .main_menu_subitems .active_subitem a.menu_subitem,
#main_menu .main_menu_subitems .active_subitem a.menu_subitem:hover {
background-image: none !important;
background-color:#f9f0d6;
}
#main_menu .main_menu_subitems .Tree li {
list-style-type:none;
padding:0;
}
/*-- Main menu collapsed --*/
.collapsed .main_menu_head .logo { display: none; }
.collapsed .main_menu_head .arrow { background-position: -18px 0; right:12px; }
.collapsed #main_menu { width: 62px; }
.collapsed #main_menu li a.menu_item { width:62px; }
.collapsed #main_menu li a.menu_item span { display: none; }
.collapsed #main_menu li .main_menu_subitems { display: none; }
.collapsed #main_menu .menu_filters_tree { display: none; }
/*
.collapsed #main_menu li.hovered .main_menu_subitems {
position: absolute;
display: block;
left: 40px; top: 0;
/*width: 170px;!1!
/*height: 300px;!1!
/*padding: 2px;!1!
margin: 0;
border: 1px solid #a3c0dd;
/*background: #d9e7f9;!1!
z-index: 1000;
}
.collapsed #main_menu li.hovered .main_menu_subitems .x-panel {
position: relative;
border: 1px solid #a3c0dd;
width: auto !important;
}
*/
#main_menu_ver
{
font-size: 10px;
}
#main_menu_ver span
{
position: relative;
left: 80px;
color: Gray;
}
.collapsed #main_menu_ver
{
position:absolute;
}
.collapsed #main_menu_ver span
{
left: 5px;
top: 1px;
}
td.collapsed .ui-resizable-handle{
cursor: default !important;
}
#contentContainer .ui-resizable-e {
z-index: 0;
width: 8px;
right: -5px;
}
.main_menu_splitter_drag
{
border-right-color: #3366CC;
border-right-style: dashed;
border-right-width: 1px;
}
td.td_main_menu_splitter {
border-left: 1px solid #cdcccc;
border-right: 1px solid #cdcccc;
background: #e4e4e4;
vertical-align: top;
width: 3px;
max-width: 3px;
}
#arrow
{
margin-top:250px;
margin-left:-1px;
cursor:pointer;
width:14px;
height:58px;
position:relative;
float:right;
z-index:1;
background:url('images/menuimages/MenuCollapse.png') 0 0 no-repeat;
}
.td_main_menu_splitter #arrow.collapsed
{
background: url('images/menuimages/MenuExpand.png') 0 0 no-repeat;
}
#arrow_right
{
margin-left:-12px;
cursor:pointer;
width:14px;
height:58px;
position:absolute;
z-index:1;
background:url('images/menuimages/MenuCollapseRight.png') 0 0 no-repeat;
}
.td_main_menu_splitter #arrow_right.collapsed
{
background: url('images/menuimages/MenuExpandRight.png') 0 0 no-repeat;
}
.top_menu
{
}
/* 3 level menu */
#main_menu .main_menu_3level_items a.menu_subitem:hover
{
border-color: white;
background: url('images/menuimages/menu_hover.png') 0 0 repeat-x #cdeaff !important;
}
#main_menu .main_menu_3level_items a.menu_subitem:hover span.inner-item
{
border-color: #cdeaff;
}
#main_menu .main_menu_3level_items .active_subitem a.menu_subitem
{
background-color:#f5f4f4;
}
#main_menu .main_menu_3level_items .active_subitem a.menu_subitem:hover
{
background-color:#cdeaff;
}
#main_menu .main_menu_3level_items .active_subitem a.menu_subitem span.inner-item,
#main_menu .main_menu_3level_items .active_subitem a.menu_subitem:hover span.inner-item
{
border-color: #f5f4f4;
}
#main_menu .main_menu_3level_items {
background-color:#FAEEC3;
font-size:12px;
padding:0;
}
#main_menu .main_menu_3level_items a.menu_subitem {
font-weight:normal;
text-decoration:none;
font-size:11px;
border:1px solid transparent;
margin:0;
border: none;
height:28px;
background-color:#ffffff !important;
}
#main_menu .main_menu_3level_items .active_subitem a.menu_subitem
{
color:#000;
}
#main_menu .main_menu_3level_items a.menu_subitem i {
background:none repeat scroll 0 0 transparent;
float:left;
height:16px;
margin:6px 6px 0 21px;
width:16px;
}
#main_menu .main_menu_3level_items a.menu_subitem span {
position:relative;
top:6px;
}
#main_menu .main_menu_3level_items a.menu_subitem span.inner-item {
height: 28px;
}
#main_menu .main_menu_3level_items li {
list-style-type:none;
}
#main_menu .main_menu_3level_items a.menu_subitem:hover,
#main_menu .main_menu_3level_items .active_subitem a.menu_subitem:hover {
background-image: none !important;
background-color:#cdeaff !important;
}
#main_menu .main_menu_3level_items .active_subitem a.menu_subitem {
background-image: none !important;
background-color: #f5f4f4 !important;
}
#main_menu .main_menu_3level_items .Tree li {
list-style-type:none;
padding:0;
}
#main_menu .main_menu_3level_items .t-treeview-container
{
border-bottom: 1px solid #cdcccc;
}
.collapsed #main_menu li .main_menu_3level_items { display: none; }
.top_menu .t-menu
{
background: repeat-x 0 0;
background-color: #F0F0F0;
background-image: url("images/Themes/gray/toolbar/bg.gif");
border-color: #D0D0D0;
border-top: 0px;
}
.top_menu .t-menu .t-item
{
border:0px;
padding:1px 2px;
font: normal 11px arial,tahoma,verdana,helvetica;
color: #333;
height: 22px;
}
.top_menu .t-menu .t-item .t-link .t-image {
width: 16px;
height: 16px;
}
.top_menu .t-link, .top_menu span.t-state-hover
{
padding:1px 0.75em!important;
}
.top_menu
{
border-bottom: 1px solid #A0A5AC;
font: 11px arial,tahoma,helvetica,sans-serif;
}
.top_menu .t-arrow-down
{
background-image: url("images/Themes/default/button/arrow.gif");
background-position:0 center;
}
.top_menu .t-state-hover .t-arrow-down
{
background-image: url("images/Themes/default/button/arrow.gif");
background-position:0 center;
}
.top_menu .t-link
{
-moz-border-radius:2px;
border-radius: 2px;
border:1px solid transparent;
color: #222;
height: 18px;
padding-top: 2px ;
line-height: 18px;
}
.top_menu .t-state-hover
{
background-image: url("images/Themes/default/button/btn.gif");
background-repeat:repeat-x;
-moz-border-radius:2px;
border-radius: 2px;
background-position:0 -2168px;
border:1px solid #83a6d2;
}
.top_menu .t-group .t-state-hover {
color: #233d6d;
}
.top_menu .t-group .t-link {
padding-left: 27px !important;
padding-right: 15px !important;
}
.top_menu .t-group .t-link img
{
margin-left: -24px;
margin-right: 8px;
}
.top_menu .t-group .t-animation-container {
top: 0px !important;
}
.t-menu .t-group .t-animation-container {
top: 0px !important;
}
.top_menu .t-group
{
background: #F0F0F0 url("images/Themes/default/menu/menu.gif") repeat-y;
border: 1px solid #718BB7;
z-index:15000;
}
.top_menu li.t-menu-sep span
{
display: block;
font-size: 1px;
line-height: 1px;
/*margin: 2px 3px;*/
border-top: 1px solid;
overflow: hidden;
/*background-color: #E0E0E0;*/
border-top-color: white;
font-size: 1px;
line-height: 1px;
height: 1px;
}
.top_menu li.t-menu-sep span.t-state-hover
{
background-image: none;
-moz-border-radius:0px;
border-radius: 0px;
border:none;
}
.top_menu li.t-menu-sep
{
height: 1px ! important;
/*font-size: 1px;
line-height: 1px;
height: 1px ! important;*/
}
#rootTable .floatMainMenu {
margin: 0px;
padding: 0px;
width: inherit;
position: relative;
background-color: #d4e7fd;
display: flex;
flex-direction: column;
justify-content: space-between;
position: relative;
}
#rootTable.minimized .left_menu_splitter,
#rootTable.minimized .floatMainMenu,
#rootTable.minimized #contentContainer {
height: calc(100vh - 50px);
}
.menu_collapser_container {
min-height: 50px;
border-top: 1px solid #cdcccc;
display: flex;
justify-content: flex-end;
position: absolute;
left: 0;
right: 0;
bottom: 0;
}
#left_menu_collaser {
width: 50px;
display: flex;
justify-content: center;
align-items: center;
user-select: none;
-ms-user-select: none;
min-height: 50px;
}
#left_menu_collaser:hover {
cursor: pointer;
}
#left_menu_collaser:hover > img {
opacity: 1;
}
#left_menu_collaser > img {
width: 24px;
height: 24px;
opacity: 0.6;
}
#div_main_menu.minimized #main_menu span.inner-item > span,
#div_main_menu.minimized .main_menu_subitems,
#div_main_menu.minimized .t-treeview-container
{
display: none;
}
#div_main_menu.minimized #left_menu_collaser > img {
-moz-transform: rotate(180deg); /* Для Firefox */
-ms-transform: rotate(180deg); /* Для IE */
-webkit-transform: rotate(180deg); /* Для Safari, Chrome, iOS */
-o-transform: rotate(180deg); /* Для Opera */
transform: rotate(180deg);
}
.main_menu_container {
overflow: hidden;
position: absolute;
top: 0;
bottom: 50px;
left: 0;
right: 0;
}
.emulation_right_menu_container {
display: flex;
flex-direction: row;
}
.emulation_right_menu_container .td_main_menu_splitter {
width: 3px;
border-left: 1px solid #cdcccc;
border-right: 1px solid #cdcccc;
background: #e4e4e4;
display: flex;
flex-direction: column;
justify-content: space-around;
}
#ringt_menu_panel {
overflow: auto;
}
/* Toolbar */
/* Toolbar row */
tr.tr_toolbar
{
background: #fff;
height:72px;
}
/* Toolbar TD */
.td_toolbar
{
display: flex;
flex-grow: 1;
}
.td_toolbar.collapsed
{
padding-left:12px;
}
.td_toolbar li.t-item,
.td_toolbar li.t-link
{
white-space: normal!important;
}
.toolbar a
{
color: #333!important;
}
.td_toolbar .t-menu .t-item
{
display: flex;
align-items: center;
align-items: stretch;
margin: 0 -1px 0 0;
}
/* Toolbar group */
.toolbar
{
display: flex;
max-height: 75px;
height: 75px;
border: 0;
border-right: 2px solid #ced2d8;
}
/* Toolbar button LI */
/* Toolbar button : hover */
.toolbar li.t-item
{
border:0;
}
/*ul.toolbar > li.t-item:hover*/
.toolbar a.button:hover {
background: #b4d3fa;
box-shadow: 0px 2px 2px #89b3e9;
margin-left: -1px;
padding-left: 7px;
margin-bottom: 3px;
}
.toolbar .t-root-item > .t-animation-container {
margin-top: -2px;
}
#rootTable.minimized #rootToolBarDiv #td_toolbar .toolbar .t-root-item > .t-animation-container.t-main-toolbar:not(.minimized) {
margin-top: -28px;
}
#rootTable:not(.minimized) #td_toolbar .toolbar .t-root-item > .t-animation-container.t-main-toolbar.minimized {
margin-top: 24px;
}
/* Toolbar button */
.toolbar a.button {
display: flex;
font-family: OpenSans;
font-size: 11px;
margin: 0;
text-align: center;
width: 80px;
border: 0;
cursor: pointer;
color: #000 !important;
line-height: 1.1;
border-bottom: 3px solid transparent;
flex-direction: column;
padding: 6px 6px 3px 6px;
flex-grow: 1;
justify-content: flex-start;
}
.toolbar a.button.main-action
{
background: #e8f2d8;
margin-bottom: 3px;
}
.toolbar .t-state-hover,
.toolbar .t-state-hover:hover {
background: #b4d3fa;
}
#rootTable.minimized #rootToolBarDiv .toolbar {
height: 47px;
}
#rootTable.minimized #rootToolBarDiv .toolbar a.button:not(.t-arrow-down) {
height: 35px;
justify-content: center;
}
#rootTable.minimized #rootToolBarDiv .toolbar a.button > div > img,
#rootTable.minimized #rootToolBarDiv .toolbar a.button > br {
display: none;
}
/* Toolbar button : selected */
.t-group > li.t-item > a.active:hover,
.t-group > li.t-item > a.active {
background: #ffe9a4;
}
.toolbar > li.t-root-item > a.active:hover,
.toolbar > li.t-root-item > a.active {
background: #ffe9a4;
border-left: 3px solid #f2da8d;
border-right: 3px solid #f2da8d;
border-top: 3px solid #e9d494;
box-shadow: 0 2px 1px #e9d494;
width: 74px;
height: 33px;
margin-left: -2px;
padding-left: 8px;
padding-top: 3px;
margin-bottom: 3px;
}
/* Arrow for toolbar button */
.toolbar .t-arrow-down {
background-image: url("Images/ToolbarImages/toolbar_more.png");
background-position: 26px 4px;
background-repeat: no-repeat;
display: block;
width: 80px;
position: absolute;
bottom: 8px;
}
.toolbar a.t-arrow-down,
.toolbar a.t-arrow-down:hover {
background-image: url("Images/ToolbarImages/toolbar_more.png");
background-position: 32px 0px;
background-repeat: no-repeat;
display: block;
position: absolute;
top: 55px;
height: 5px;
left: 0;
}
#rootTable.minimized #rootToolBarDiv .toolbar a.t-arrow-down {
top: 30px;
}
#rootTable.minimized #rootToolBarDiv .toolbar a.button > span.t-arrow-down {
display: block;
position: absolute;
bottom: 5px;
}
#rootTable.minimized #rootToolBarDiv .t-menu .t-item.hasChildren {
width: 90px;
}
#rootTable.minimized #rootToolBarDiv .t-menu .t-item.hasChildren a.button img {
margin-left: 23px;
}
/* Toolbar arrow button */
.toolbar a.t-arrow-down,
.toolbar a.t-arrow-down:hover {
clear: both;
}
.toolbar a.t-arrow-down
{
background-image:url('Images/ToolbarImages/toolbar_more.png');
}
.toolbar a.t-arrow-down:hover
{
background-color:transparent;
background-image:url('Images/ToolbarImages/toolbar_more_selected.png');
box-shadow: 0px 2px 0px #e4cd87;
margin-bottom: -3px;
background-position-x: 33px;
}
/* Toolbar buttons separator */
.toolbar .t-root-item:after {
content: "";
height: 56px;
display: block;
position: absolute;
left: -1px;
top: 8px;
margin-left: 0px;
border-left: 1px solid #cdcccc;
}
#rootTable.minimized #rootToolBarDiv .toolbar .t-root-item:after {
height: 30px;
}
.toolbar .t-root-item.t-first:after
{
display: none;
}
/* SubItems */
.toolbar .t-group
{
border: 1px solid #cdd0d4;
font-size: 11px;
padding:0px!important;
}
/* SubItems - item style */
td.td_toolbar .t-menu .t-group .t-item
{
white-space: nowrap !important;
}
/* SubItems - button */
.toolbar .t-group .t-link
{
border:0;
display: flex;
align-items: center;
flex-wrap: nowrap;
white-space: nowrap;
flex-grow: 1;
}
.toolbar .t-group .t-link.blue
{
background-color: #CBE7FA;
}
.toolbar .t-group .t-link.green
{
background-color: #D2EAB5;
}
.toolbar .t-group .t-link.red
{
background-color: #ECCBC6;
}
.toolbar .t-group .t-link.yellow
{
background-color: #FFF1C1;
}
.toolbar .t-group .t-link.gray
{
background-color: #d0d5da;
}
/* SubItems - button hover */
.toolbar .t-group .t-state-hover
{
border:0;
background-color: #b4d3fa;
}
.toolbar .t-group .t-link.blue:hover
{
background-color: #90C4E5;
}
.toolbar .t-group .t-link.green:hover
{
background-color: #B3D689;
}
.toolbar .t-group .t-link.red:hover
{
background-color: #EAA59B;
}
.toolbar .t-group .t-link.yellow:hover
{
background-color: #F4DE90;
}
.toolbar .t-group .t-link.gray:hover
{
background-color: #CCC;
}
/* SubItems - button image */
.toolbar .t-group .t-link img
{
margin: 0px 4px 0px 0px!important;
}
/* Button without icon */
.no-icon
{
background-image:none!important;
height:1px!important;
width:1px!important;
}
/* Current user info panel */
.UserInfo {
flex-grow: 0;
display: flex;
flex-direction: row;
}
#UserInfo_Main
{
display: flex;
flex-direction: row;
min-width: 150px;
border-left:1px solid transparent;
border-right:1px solid #ced2d8;
padding-left:8px;
padding-right:8px;
}
#UserInfo_Main #UserInfo_CommonInfo {
display: flex;
flex-direction: column;
}
#UserInfo_Main.Expanded {
border-left: 1px solid #ced2d8;
}
#UserInfo_Photo
{
width:54px;
height:54px;
padding-top:9px;
padding-right:8px;
}
#rootTable.minimized #UserInfo_Photo {
width: 32px;
height: 32px;
padding-top: 9px;
padding-right: 8px;
}
.UserInfo_UserName {
height: 22px;
text-align: left;
vertical-align: middle;
padding: 6px 8px 0 4px;
font-family: OpenSans;
font-size: 14px;
font-weight: 600;
}
.UserInfo_UserName a,
.UserInfo_UserName a:hover
{
color: #777!important;
}
.UserInfo_UserName a:hover
{
text-decoration: underline;
}
#rootTable.minimized .UserInfo_UserName {
display: none;
}
#rootTable.minimized .UserInfo_Actions {
margin-top: 5px;
}
.UserInfo_Actions {
display: flex;
flex-direction: row;
height: 44px;
justify-content: flex-end;
}
.UserInfo_Actions li
{
display:inline-block;
}
.UserInfo_Actions a
{
display:inline-block;
float:left;
padding:2px;
height:26px;
width:32px;
padding-top:14px;
/*
height:32px;
width:36px;
padding-top:8px;
*/
}
.UserInfo_Actions img
{
float:left;
}
.UserInfo_Actions .item_counter_border
{
float:left!important;
margin-left: 10px!important;
margin-top: -33px!important;
}
.UserInfo_Actions #UserInfo_ExpandButton
{
height:32px;
width:24px;
padding-top:10px;
margin-bottom:-2px;
}
#UserInfo_ExpandButton span
{
display:inline-block;
height:32px;
background-image:url('images/ToolbarImages/UserPanelExpand.png');
background-repeat:no-repeat;
background-position:center;
width:24px;
}
#UserInfo_Main.Expanded #UserInfo_ExpandButton span
{
background-image:url('images/ToolbarImages/UserPanelCollapse.png');
}
#UserInfo_Main #UserInfo_AdditionalInfo
{
background:#fff;
border:1px solid #ced2d8;
border-top:0;
display:none;
position:absolute;
padding: 8px;
margin-top:-1px;
z-index:100;
box-shadow: #ccc 0px 2px 2px 0px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
#UserInfo_Main.Expanded #UserInfo_AdditionalInfo
{
display:block;
}
#UserInfo_AdditionalInfo a
{
display:inline-block;
height: 20px;
padding-top: 8px;
}
#UserInfo_AdditionalInfo img
{
margin: -6px 4px;
}
#UserInfo_Settings
{
width:38px;
}
#UserInfo_Settings a
{
color:#333!important
}
#UserInfo_Settings a.button:hover
{
background:#b4d3fa;
}
#UserInfo_Settings li.user-info-button
{
width:38px;
height:38px;
border:0;
display:list-item;
}
#UserInfo_Settings li.user-info-button:after
{
display:none!important;
}
#UserInfo_Settings li.user-info-button > a
{
display:block;
width:24px;
height:24px;
padding: 6px 7px;
}
#UserInfo_Settings .t-group
{
border: 1px solid #cdd0d4;
font-size: 12px;
padding: 0px!important;
}
#UserInfo_Settings .t-group .t-state-hover
{
border:0;
background-color: #b4d3fa;
}
#UserInfo_Settings .t-menu .t-animation-container
{
left: auto;
right: -1px;
}
#UserInfo_Right
{
border-left:1px solid #ced2d8;
width:10px;
}
.t-treeview-lines .t-in .hidden
{
text-decoration: line-through;
}
.t-treeview-lines .t-in .posible-hidden
{
color: #888888
}
.toolbar-truncate-button {
overflow:hidden;
height:22.59px;
width:80px;
text-overflow: ellipsis;
display:inline-block;
}
.component-toolbar {
height: 50px;
display: flex;
}
.component-toolbar li.t-item {
height: auto;
}
.component-toolbar .toolbar {
height: 40px;
max-height: 40px;
border-style: none solid none none;
border-width: 0 2px 0 0;
}
.component-toolbar li.t-root-item {
height: 40px;
flex-direction: row;
}
.component-toolbar li.t-root-item a.button {
border: none;
height: 38px;
width: auto;
padding: 0;
margin: 0;
flex-direction: row;
}
.component-toolbar li.t-root-item a.button.open-link {
}
.component-toolbar li.t-root-item::after {
height: 30px;
border-left: 1px solid #d9dde1;
}
.component-toolbar li.t-root-item a.button span {
display: none;
}
.component-toolbar li.t-root-item a.button br {
display: none;
}
.component-toolbar li.t-root-item a.button span.t-arrow-down {
display: inline-block;
background-position: 0px 0;
position: relative;
height: 40px;
width: 18px;
left: -8px;
top: -2px;
background-position-y: 14px;
}
.component-toolbar li.t-root-item a.button img {
padding: 2px 4px 2px 6px;
}
.component-toolbar li.t-root-item a.button:hover {
border-bottom: none;
width: auto;
}
.component-toolbar li.t-root-item a.button.active, .component-toolbar li.t-root-item a.button.active:hover {
height: 38px;
border: none;
padding: 0;
margin: 0;
}
.component-toolbar li.t-root-item a.button.active img, .component-toolbar li.t-root-item a.button.active:hover img {
padding: 1px 5px 2px;
}
.component-toolbar .toolbar a {
color: #000;
}
/* Dialog "About" */
.about
{
font-family: Tahoma;
width: 582px;
height: 378px;
background: url('images/Logon/about.png') no-repeat #fff;
padding: 0px;
text-align: left;
margin: auto;
}
.about a
{
color: #03578A;
text-decoration: none;
}
.about .logo_text
{
margin: 27px 0 0 235px;
color: #336699;
font-size: 16px;
border-left: 1px solid #336699;
padding: 2px 8px;
position: absolute;
}
.about .logo_registration
{
width: 582px;
margin-top: 142px;
position: absolute;
padding: 0px 50px;
}
.about .logo_buy
{
margin-top: 265px;
position: absolute;
width: 582px;
}
.about .logo_buy .labels
{
font-size: 12px;
}
.about .bottom
{
margin-top: 344px;
font-size: 11px;
position: absolute;
padding: 10px 10px 10px 17px;
}
.about .blue
{
color: #03578A;
text-decoration: none;
}
.about .align_right
{
margin-left: 354px;
}
.about .copyright
{
color: #03578A;
text-decoration:none;
white-space:nowrap;
}
.about .labels
{
font-size: 13px;
color: #03578A;
text-decoration: none;
font-weight: bold;
white-space:nowrap;
text-align: left;
}
.about .labels a
{
display: block;
font-weight: normal;
padding-top: 5px;
}
.about .in-internet-image
{
margin-top:10px;
width: 24px;
height: 24px;
float:left;
background: url('images/x24/web.gif') no-repeat #fff;
}
.about .contacts-image
{
margin-top:10px;
width: 24px;
height: 24px;
float:left;
background: url('images/x24/contacts.gif') no-repeat #fff;
}
.about .activation-image
{
width: 32px;
height: 32px;
float:left;
background: url('images/x32/licence.gif') no-repeat #fff;
}
.about .activation-text
{
font-weight: normal;
}
.about h2
{
font-size: 15px;
}
.about h3
{
font-size: 13px;
}
.about .close-buttun-div
{
position:absolute;
width: 26px;
text-align:right;
padding-left: 552px;
padding-top:5px;
}
.about .close-button
{
width: 25px;
height: 25px;
background: url('images/x24/close.gif') no-repeat #fff;
cursor:pointer;
}
/*
* imgAreaSelect animated border style
*/
.imgareaselect-border1 {
background: url('images/imgAreaSelect/border-anim-v.gif') repeat-y left top;
}
.imgareaselect-border2 {
background: url('images/imgAreaSelect/border-anim-h.gif') repeat-x left top;
}
.imgareaselect-border3 {
background: url('images/imgAreaSelect/border-anim-v.gif') repeat-y right top;
}
.imgareaselect-border4 {
background: url('images/imgAreaSelect/border-anim-h.gif') repeat-x left bottom;
}
.imgareaselect-border1, .imgareaselect-border2,
.imgareaselect-border3, .imgareaselect-border4 {
filter: alpha(opacity=50);
opacity: 0.5;
}
.imgareaselect-handle {
background-color: #fff;
border: solid 1px #000;
filter: alpha(opacity=50);
opacity: 0.5;
}
.imgareaselect-outer {
background-color: #000;
filter: alpha(opacity=50);
opacity: 0.5;
}
.imgareaselect-selection {
}
/*-- MultiEdit plugin --*/
div.multiedit {
float: right;
margin-top: -7px;
margin-right: -10px;
padding-left: 10px;
}
div.multiedit-custom {
margin-top: -7px;
display: inline;
padding-left: 10px;
}
div.warningPanel {
position: absolute !important;
width: 330px;
background-color: #EEEEEE;
z-index: 1000;
}
div.warningPanel div.warningPanelContent {
padding: 10px;
margin: 5px;
line-height: 1;
text-align: left;
}
div.warningPanel div.warningPanelContent span.header-text {
padding-top: 0;
color: black;
font-size: 12px;
}
div.warningPanel div.warningPanelContent div table.multiedit-userslist {
width: 100%;
}
div.warningPanel div.warningPanelContent div table.multiedit-userslist td {
padding: 5px;
}
/* Security module */
.UserInfo_Photo img {
width: 54px;
height: 54px;
border-radius: 54px;
margin: 7px 8px 0 0;
}
#rootTable.minimized .UserInfo_Photo img {
width: 32px;
height: 32px;
border-radius: 32px;
margin: 7px 8px 0 0;
}
div.userphoto-item {
font-family: OpenSans;
}
div.userphoto-item-display
{
font-family: OpenSans;
float: left;
width: 200px;
}
div.userphoto-item-button
{
font-family: OpenSans;
border-top: 1px dotted #CACACA;
}
div.userphoto-item-image {
float: left;
width: 32px;
height: 32px;
text-align: center;
margin-left: -2px;
padding: 2px;
}
img.userphoto-item-image
{
width:32px;height:32px;width:auto;height:auto;max-width:100%;max-height:100%;border: 1px solid #CACACA;
}
div.userphoto-item-content
{
margin-left: 40px;
min-height: 40px;
}
div.userphoto-item-content-button {
margin-left: 43px;
min-height: 25px;
padding-top: 6px;
cursor: pointer;
}
div.object-separator {
border: 0;
line-height: 25px;
}
img.object-separator-image {
margin-right: 3px;
}
div.object-separator-text {
}
div.userphoto-item-content {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
div.userphoto-item-content a
{
font-family: OpenSans;
}
div.userphoto-item-content .comment3
{
padding-top: 2px;
padding-left: 2px;
font-family: OpenSans Italic;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
}
.userphoto-item div.userphoto-item-title
{
padding-bottom: 5px;
}
.employees_webpart_title {
margin-top: 10px;
}
.BlockReReplacing {
border:1px solid Red;
padding: 5px;
margin-bottom: 10px;
}
.BlockReReplacing .BlockReReplacing-Title {
font-weight: bold;
margin-top: 5px;
padding: 5px;
border: 1px solid #c0d2e8 !important;
background: #cbe2ff;
border-bottom: 0px !important;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.BlockReReplacing .t-grid-table-container {
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
div.trustedLoginInfo
{
padding: 10px;
}
.trustedDevicesGridContainer .t-grid-table
{
border-top: 0!important;
border-top-left-radius: 0!important;
border-top-right-radius: 0!important;
}
.trustedDevicesGridContainer .t-grid-header .t-header
{
border-radius: 0!important;
}
.permission-delete-img
{
cursor:pointer;
vertical-align: text-top;
}
.permission-item-div
{
padding-bottom: 3px;
}
/* Security - User Profile */
.profile_foto{
float: left;
width: 120px;
}
.profile_info{
margin: 0 0 0 155px;
}
.profile_title {
font-size: 14px;
color: #FFF;
font-weight: bold;
line-height: 30px;
clear: both;
margin: 0 0 20px 0;
}
.userSelectAllLink {
font: normal 12px arial,helvetica,tahoma,sans-serif;
float: right;
}
.profile_block
{
padding-bottom: 5px;
min-height: 22px;
}
.profile_block h4 {
display: block;
font-size: 100%;
font-weight: bold;
padding: 0 0 6px 0;
margin: 0 0 8px 0;
border-bottom: 1px solid #d1dfee;
}
.profile_block p {
margin-bottom: 5px;
}
.user-profile-separator
{
font-family: OpenSans;
font-size: 15px;
font-weight: 300;
}
ul.profile_nav {
margin: 15px 0 0 5px;
padding: 0;
list-style-type: none;
list-style-image: none;
}
ul.profile_nav_2 {
margin: 0;
}
ul.profile_nav li {
display: block;
font-size: 12px;
padding: 5px 0 5px 25px;
margin: 0 0 3px 0;
background-repeat: no-repeat;
background-position: 0 center;
list-style-type: none;
list-style-image: none;
}
ul.profile_nav li.task_profile { background-image: url('Images/x16/add_poruch.png'); }
ul.profile_nav li.event_profile { background-image: url('Images/x16/calendar.png'); }
ul.profile_nav li.phone_profile { background-image: url('Images/x16/add_ring.png'); }
ul.profile_nav li.meet_profile { background-image: url('Images/x16/add_meeting.png'); }
ul.profile_nav li.other_profile { background-image: url('Images/x16/add.png'); }
ul.profile_nav li.substitution_profile{ background-image: url('Images/x16/Unk16.gif'); }
ul.profile_nav li.missing_profile{ background-image: url('Images/x16/Unk16.gif'); }
ul.profile_processes {
margin: 0 0 5px 15px;
}
table.profile_contact_table
{
width: 100%;
}
table.profile_contact_table td
{
padding: 4px 8px 4px 0;
}
table.profile_contact_table td.captionCell
{
width: 20%;
min-width: 60px;
color: #777;
padding-right: 16px!important;
}
table.profile_contact_table td a
{
text-decoration: underline;
}
div.userphoto-item-content .absences, .ui-tooltip-content .absences
{
color: #E96156;
padding-top: 2px;
font-family: OpenSans Italic;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-style: italic;
}
div.blocked
{
background: url('Images/x16/user_blocked.png') no-repeat;
width: 16px;
height: 16px;
display: block;
margin-top: -23px;
margin-left: 2px;
position: relative;
}
div.userphoto-item-display div.blocked,
div.userphoto-item div.blocked
{
display: none;
}
div.userphoto-item-display.blocked-user div.blocked,
div.userphoto-item.blocked-user div.blocked
{
margin-top: -17px;
margin-left: 0;
display: block;
}
li.userSelectPopup.list2listItem {
height: auto;
min-height: 47px;
}
li.userSelectPopup.list2listItem > i.del {
height: 100%;
}
li.list2listItem div.userphoto-item-display {
margin-left: 6px;
width: auto;
float: none;
display: inline-block;
}
li.userSelectPopup.list2listItem.selectedTypeHide {
display: none!important;
}
#membersPopupGroupsTree, #membersPopupOrganizationTree {
height: 400px !important;
}
.replacementUser {
color: #E96156;
font-style: italic;
text-align: right;
}
img.entityTypeIcon {
vertical-align: text-bottom !important;
}
span.iconTypeText
{
white-space: nowrap;
padding-right: 5px;
}
span.replacementRule {
float: left;
width: 24px;
}
span.replacementRule img.entityTypeIcon {
width: 24px;
height: 24px;
margin-top: 2px;
}
span.propertyReplacementRule {
display: block;
}
span.objectReplacementRule {
font-weight: bold;
}
div.emptyOrgStructure {
padding: 5px;
width: 330px;
}
/* Common */
img.entityTypeIcon {
vertical-align: text-bottom !important;
}
span.iconTypeText
{
white-space: nowrap;
padding-right: 5px;
}
span.reminder
{
margin-left: 8px;
}
table.reminder {
width: 100%;
border-spacing:0;
border-collapse:collapse;
}
table.reminder td {
vertical-align: middle;
padding: 0 3px;
}
div.help-item {
padding-bottom: 5px;
}
div.help-item .comment3 {
padding-top: 3px;
}
div.filter-fields .comment3 {
font-size: 8pt;
color: #888888;
}
.iColorPicker
{
box-shadow: none!important;
}
.common-comment
{
padding: 3px 5px;
margin: 0px 0px 3px 0px;
vertical-align: middle;
}
.common-comment-header
{
padding-bottom: 10px;
}
.common-comment-set .common-comment
{
border-bottom: 1px solid #CCC;
}
.common-comment:last-child
{
border-bottom: none;
}
/* Common - filter tree */
.filter_tree_edit li.default_filter span.t-in {
font-weight: bold;
}
.filter_tree_edit li.systemDefault_filter span.t-in {
}
.addReminderController {
padding-top: 10px;
}
.addReminderController > div, .addReminderController > div > div{
float: left;
padding-left:2px;
}
.addReminderController .textBlock {
padding: 7px 5px 0 0;
}
.reminderLists {
padding-top: 15px;
clear: both;
}
.reminderLists > .reminderList {
padding-bottom: 10px;
}
.addReminderController > div > .reminderDateBlock {
width: 105px;
height: 18px;
padding: 7px 5px 1px 5px;
margin-left: 3px;
float: left;
}
.reminderList .collapsible-panel-header .expandImage {
margin-left: 1px;
}
#aboluteDateBlock {
display: none
}
.reminderRadioButtonList .radio-button-list {
padding-top: 10px;
}
.reminderRadioButtonList .radio-button-item {
float: left;
padding: 0 30px 0 0;
}
.reminderSerialCheckBox {
padding: 10px 0 0 5px;
}
/* Common - scroll top button */
#scrollup {
width: 32px;
height: 32px;
position: fixed;
bottom: 15px;
left: 15px;
cursor: pointer;
display: none;
background: url("/Modules/EleWise.ELMA.BPM.Web.Common/Content/Images/ScrollTop.png") no-repeat center;
border-radius: 100%;
opacity: 0.5;
}
#scrollup:hover{
opacity: 1;
}
/* History header */
div.audit-header
{
font-size: 12px;
border: solid 1px #CCCCCC;
border-bottom-width: 0;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
background-color: #E4F0FF;
padding-left: 8px;
white-space: nowrap;
position: relative;
}
div.audit-header.blocker {
margin: -1px -1px 0;
opacity: 0.5;
filter:alpha(opacity=50);
position: absolute;
left: 0;
right: 0;
top: 0;
}
div.audit-header-in-tab
{
background: #ffffff;
margin: -10px -10px 0px -10px !important;
border: 0px !important;
border-top-left-radius: 0px !important;
border-top-right-radius: 0px !important;
}
div.audit-header.blocker.audit-header-in-tab
{
left: 10px;
right: 10px;
top: 10px;
}
div.audit-header-in-tab a.button
{
margin: 4px 0px 4px 4px !important;
}
div.audit-header a.button
{
border-radius: 3px;
border: 0;
border-bottom-width: 0;
margin: 2px;
display: inline-block;
}
div.audit-header a.button span
{
border-radius: 4px;
border: solid 1px transparent;
padding: 4px 7px;
display: inline-block;
height: 17px;
}
div.audit-header a.button img {
vertical-align: top;
}
div.audit-header a.selected
{
}
div.audit-header a.selected span
{
border: solid 1px #E0B589;
background: #f9e1a6;
}
div.audit-header a.button:hover
{
}
div.audit-header a.button:hover span
{
border: solid 1px #99BDE6;
background: #d3e6fe;
}
div.audit-header a.selected:hover
{
}
div.audit-header a.selected:hover span
{
border: solid 1px #E0B589;
background: #f9e1a6;
}
div.audit-content {
border: solid 1px #CCCCCC;
background: #fff;
padding: 10px;
}
div.audit-content-in-tab
{
border: 0px !important;
margin: 0px -10px 0px -10px !important;
}
/* History items from Site.css */
div.history-item
{
margin-top: 5px;
}
div.history-item-image {
float: left;
width: 32px;
height: 32px;
text-align: center;
margin-top: 3px;
margin-left: -2px;
padding: 2px;
}
img.history-item-image
{
width:32px;height:32px;width:auto;height:auto;max-width:100%;max-height:100%;border: 1px solid #CACACA;
}
.history-item div.history-item-content
{
margin-left: 45px;
min-height: 40px;
}
.history-item div.history-item-title
{
padding-bottom: 5px;
}
table td.history-item-changerow-caption
{
padding: 2px;
width: 1%;
min-width: 120px;
white-space: nowrap;
vertical-align: top;
color: #8e8e8e;
}
table td.history-item-changerow-values
{
padding: 2px;
padding-left: 30px;
vertical-align: top;
}
td.history-item-changerow-values img.history-arrow-right
{
vertical-align: middle;
padding: 0px 10px;
}
td.history-item-changerow-values ins.text-new-item
{
background-color: #d9f5ca;
}
td.history-item-changerow-values del.text-old-item
{
background-color: #f5caca;
}
/* History items */
div.history-comment-content
{
padding: 5px;
background-color: #fffbde;
border: #cacaca solid 1px;
margin-bottom: 5px;
white-space: -moz-pre-wrap !important; /* Mozilla, начиная с 1999 года */
white-space: -pre-wrap !important; /* Opera 4-6 */
white-space: -o-pre-wrap!important; /* Opera 7 */
word-wrap: break-word!important; /* Internet Explorer 5.5+ */
}
div.history-comment-content div.history-comment-angle
{
background: url('/Content/Images/History/angle.gif') no-repeat 0px 5px transparent;
height: 18px;
left: -11px;
margin-top: -18px;
position: relative;
top: 13px;
width: 7px;
}
div.history-action-editvalues
{
padding: 5px;
border: #d9d9d9 solid 1px;
margin-bottom: 14px;
}
div.history-action-editvalues .history-action-all-values
{
display: none;
}
.history-action-editvalues div.history-action-arrow
{
left: -6px;
margin-bottom: -14px;
position: relative;
height: 14px;
width: 126px;
cursor: pointer;
}
.history-action-editvalues div.history-action-arrow.up
{
background: url('/Content/Images/History/up.gif') no-repeat 0px 5px transparent;
}
.history-action-editvalues div.history-action-arrow.down
{
background: url('/Content/Images/History/down.gif') no-repeat 0px 5px transparent;
}
div.audit-header a.history-order
{
position: absolute;
right: 0px;
}
div.audit-header a.history-order.place-holder.button
{
position: relative;
right: auto;
visibility: hidden;
}
div.audit-header a.history-order.place-holder.button span
{
display: block;
height: 2px;
padding-top: 0;
padding-bottom: 0;
margin: 0 0 0 10px;
}
div.audit-header a.history-order.button:hover span
{
border-color: transparent;
background: none;
}
div.history-comment-content hr.multi-comment
{
margin-bottom: 2pt;
margin-top: 2pt;
border: none;
background-color: lightgray;
color: lightgray;
height: 1px;
}
div.audit-content div.history-load-button-in-tab {
margin-bottom: -10px;
height: 20px;
text-align: center;
}
div.audit-content div.history-load-button {
margin-bottom: -10px;
height: 20px;
text-align: center;
padding-bottom: 5px;
}
div.history-load-button img.wait {
display: none;
position: absolute;
}
div.history-load-button-wait img.wait {
display: inline-block;
}
div.modulesContainer {
margin-right: -10px;
display: flex;
flex-direction: column;
justify-content: flex-start;
flex-wrap: wrap;
}
div.moduleContainer
{
float: left;
width: 50%;
background-color: transparent;
margin: 0 0 10px 0;
overflow: hidden;
}
.module
{
height:100%;
display: block;
margin-right: 10px;
text-decoration: none;
color: black;
background-color: transparent;
background-color: white;
border: solid 1px #E6E6E6;
}
/*.module:hover
{
cursor: default;
border-color: #E94C3E;
}*/
div.moduleContainerFull,div.moduleBPM
{
width: 100%;
}
tr.activationToken1
{
display: none;
}
td.activationToken2
{
display: table-cell;
padding-bottom: 10px;
padding-right: 10px;
}
.elma-window-content tr.activationToken1
{
display: table-row;
}
.elma-window-content td.activationToken2
{
display: none;
}
/* GO FULL WIDTH AT LESS THAN 1280 PIXELS */
@media only screen and (max-width: 1280px) {
div.moduleContainer
{
width: 100%;
}
tr.activationToken1
{
display: table-row;
}
td.activationToken2
{
display: none;
}
}
.module table
{
width: 100%;
}
.module .moduleTypeIcon
{
width: 100px;
padding-right: 20px;
}
.module .moduleType
{
padding: 0 15px;
height: 37px;
border: 1px solid transparent;
border-bottom-right-radius: 3px;
font-weight: bold;
font-size: 12px;
background-color: #FDEB9B;
color: #CE8616;
position: relative;
}
.module .moduleType>span
{
display: block;
position: absolute;
bottom: 5px;
}
.module .moduleIcon
{
margin: 10px;
width: 64px;
height: 64px;
}
/* Цвета типов модулей */
.moduleType.Module { background-color: #FDEB9B;color: #CE8616; }
.moduleType.Application { background-color: #B3D1E8;color: #0962B9; }
.moduleType.Solution { background-color: #D4A9D2;color: #663181; }
.moduleType.MobileApplication { background-color: #F5B8B1;color: #E74D3D; }
.moduleType.ProcessPackage { background-color: #FCD4A5;color: #D85523; }
.moduleType.Process { background-color: #CDE6BB;color: #599831; }
.moduleType.ExternalApplication { background-color: #D6D6D6;color: #808080; }
.moduleType.Report { background-color: #99DDD8;color: #038478; }
.moduleType.Platform { background-color: #CDE6BB;color: #599831; }
.module .moduleTitle
{
height: 65px!important;
}
.module .moduleTitle td
{
padding-top: 10px;
font-size: 20px;
color: #3366CC;
}
.module .moduleTitle a
{
display: block;
height: 49px;
overflow: hidden;
}
.module .moduleInformation>table>tbody>tr
{
height: 20px;
}
.module hr
{
background-color: #E6E6E6;
border: 0;
height: 1px;
margin: 0 15px;
color: #E6E6E6;
}
.module .moduleDescription
{
height: 60px;
line-height: 15px;
margin: 15px;
white-space: pre-wrap;
overflow: hidden;
}
.t-window div.moduleContainer
{
margin: -10px -10px 0;
width: inherit!important;
float: none;
}
.t-window .module
{
margin: 0;
border: 0;
}
.t-window .module .moduleDescription
{
height: inherit;
}
.module .additionalInformation
{
margin: 0 10px;
}
.module .additionalInformation .collapsible-panel>div
{
border-top: 1px solid #B4C4D7;
border-left: 1px solid #B4C4D7;
border-right: 1px solid #B4C4D7;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.module .additionalInformation .panel-content
{
padding: 10px;
border-bottom: 1px solid #B4C4D7;
border-left: 1px solid #B4C4D7;
border-right: 1px solid #B4C4D7;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
.module .additionalInformation .panel-content>table
{
width: 100%;
}
.module .additionalInformation .panel-content>table>colgroup>col.caption
{
width: 150px;
}
.module .additionalInformation .packages-header
{
font-weight: bold;
margin: 10px 0;
}
.module .additionalInformation .t-grid.packages
{
padding: 0 10px;
border: 2px solid #D9D9D9!important;
max-height: 200px;
overflow: auto;
}
.module .additionalInformation .packages>table>colgroup>col.package
{
width: 100%;
}
.module .additionalInformation .packages>table>tbody>tr>td
{
padding: 3px 0 !important;
}
.module .moduleInformation .caption
{
width: 130px;
font-weight: normal;
color: inherit;
padding-right: 10px;
}
.module .moduleInformation .version
{
color: #848484
}
.module .moduleInformation .expiratedLicense
{
color: red;
font-weight: bold;
}
.moduleBPM .module .moduleInformation .caption
{
width: 200px;
}
.module-counter
{
color: white;
padding: 2px 5px;
border: 1px solid transparent;
border-radius: 2px;
}
.module-attention
{
background-color: #E74C3C;
}
.module-update
{
background-color: #80C056;
}
.module-available
{
background-color: #6B7D91;
}
.module div.popup-buttons
{
padding: 10px;
vertical-align: middle;
background: none;
border: 0;
margin: 0;
}
.moduleActions
{
float: left;
}
div.popup-buttons .moduleActions input[type="button"], div.popup-buttons .moduleActions input[type="submit"], div.popup-buttons .moduleActions .t-button
{
margin-left: 0;
margin-right: 6px;
}
.module div.popup-buttons input#close {
visibility: hidden;
width: 0;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
.popup-buttons input.t-button.setup,
.popup-buttons input.t-button.enable,
.popup-buttons input.t-button.activate
{
border-color: #4e80c1 #4f80bf #4f80bf #4f80bf;
background-color: #4e80c1;
color: #fff;
}
.popup-buttons input.t-button.setup:hover:not(:focus):not(:disabled),
.popup-buttons input.t-button.enable:hover:not(:focus):not(:disabled),
.popup-buttons input.t-button.activate:hover:not(:focus):not(:disabled)
{
border-color: #366aaf #2d5a94 #2d5a94 #2d5a94 !important;
background-color: #366aaf;
}
.popup-buttons input.t-button.update
{
border-color: #81c054 #3b6b03 #3b6b03 #3b6b03;
background-color: #81c054;
color: #fff;
}
.popup-buttons input.t-button.update:hover:not(:focus):not(:disabled)
{
border-color: #76af45 #335902 #335902 #335902 !important;
background-color: #76af45;
}
/*.module .popup-buttons input.t-button.attention
{
border-color: #e84c3e #9b0b0b #9b0b0b #9b0b0b;
background-color: #e84c3e;
color: #fff;
}
.module .popup-buttons input.t-button.attention:hover:not(:focus):not(:disabled)
{
border-color: #db433b #880606 #880606 #880606 !important;
background-color: #db433b;
}*/
.updateComponents .popup-buttons #selectionStatus
{
float: left;
margin-top: 10px;
}
.updateComponents
{
width: 600px;
}
.updateComponents table
{
width: 100%;
}
.updateComponents td
{
padding: 5px;
vertical-align: middle;
cursor: default;
border-top: 1px solid #E6E6E6;
border-left: 1px solid #E6E6E6;
}
.updateComponents td.checkBox
{
border-left: 0;
}
.updateComponents td.title
{
width: 100%;
}
.updateComponents td.icon img
{
height: 16px;
width: 16px;
}
.updateComponents tr.first td
{
border-top: 0;
}
.searchComponent td {
border-color: transparent;
}
.componentsList
{
overflow: auto;
max-height: 400px;
}
.updateComponents td.version
{
color: #848484;
}
.updateComponents td.lastVersion
{
color: #81C054;
}
#LicenseContainer .messagePanel-Warning a.t-button:hover
{
color: #333;
}
#LicenseContainer .messagePanel-Warning .t-button img
{
margin-bottom: -2px;
}
div.SelectableGrid th.t-first-header {
text-indent: 0px;
}
tr.SelectableGridSelectRow {
background-color: #F0F0F0;
}
div.AutoResizeTextbox textarea {
resize: initial;
}
div.AutoResizeTextbox textarea.text-box
{
line-height: 18px;
height: 18px;
overflow-y: hidden;
background: none;
box-shadow: none;
border: 0 none;
outline: 0 none;
padding: 4px 0 3px 5px;
margin: 0;
}
div.AutoResizeTextbox div.AutoResizeTextboxDescription
{
padding-top: 10px;
color: gray;
display: none;
}
div.AutoResizeTextbox div.AutoResizeTextboxDescription.AutoResizeTextboxDescriptionShow {
display: block;
}
div.AutoResizeTextbox div.text-box.input-large textarea.text-box
{
padding: 6px 0 6px 9px !important;
}
div.AutoResizeTextbox textarea.AutoResizeTextboxInput {
padding-right: 1px !important;
}
div.BigTextContainer table {
top: -4px;
position: relative;
}
div.BigTextContainer {
max-height: 154px;
overflow: hidden;
line-height: 16px;
}
div.BigTextFullSize div.BigTextContainer {
max-height: none;
overflow: auto;
}
div.BigTextReadNext {
padding-top: 3px;
padding-left: 7px;
}
div.BigTextFullSize div.BigTextReadNext {
display: none;
}
/* Messages module */
div.history-wall .messageBack
{
background-color: #FFFBDE;
}
div.history-wall .messageBackNew
{
background-color: #FEF3A7;
}
div.history-wall .commentBack
{
background-color: #FBFBFB;
}
div.messageAngle
{
height: 18px;
left: -11px;
margin-top: -18px;
position: relative;
top: 13px;
width: 7px;
}
.AngleMessage
{
background: url("/Content/Images/Message/angle.gif") no-repeat scroll 0 5px transparent;
}
.AngleMessageNew
{
background: url("/Content/Images/Message/anglenew.gif") no-repeat scroll 0 5px transparent;
}
.AngleComment
{
background: url("/Content/Images/Message/anglecomment.gif") no-repeat scroll 0 5px transparent;
}
.messageUp
{
background: url("/Content/Images/Message/up.gif") no-repeat scroll 0 5px transparent !important;
}
.commentUp
{
background: url("/Content/Images/Message/upcomment.gif") no-repeat scroll 0 5px transparent !important;
}
.messageUpNew
{
background: url("/Content/Images/Message/upnew.gif") no-repeat scroll 0 5px transparent !important;
}
.messageDown
{
background: url("/Content/Images/Message/down.gif") no-repeat scroll 0 5px transparent !important;
}
.commentDown
{
background: url("/Content/Images/Message/downcomment.gif") no-repeat scroll 0 5px transparent !important;
}
.messageDownNew
{
background: url("/Content/Images/Message/downnew.gif") no-repeat scroll 0 5px transparent !important;
}
div.AngleButtonMessage
{
float:right;
margin-top:-5px;
width:15px;
height:20px;
background-image: url("/Content/Images/Message/anglebuttons.gif");
background-repeat: no-repeat;
}
div.ButtonMessage
{
float:right;
margin-right: -5px;
margin-top:-3px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #D9D9D9;
display:block;
padding: 0px;
padding-right: 5px;
position: relative;
background-color: #FFFFFF;
height:19px;
top: -2px;
}
div.history-wall.SystemFeedBlock .messageBack
{
background-color: #FBFBFB;
}
div.history-wall.SystemFeedBlock .messageBackNew
{
background-color: #ECECEC;
}
.messageBack .history-item-title, .messageBackNew .history-item-title {
font-size: 13px;
}
.messageBackNew .history-item-title a {
font-weight: bold;
}
div.history-wall.SystemFeedBlock .AngleMessage
{
background: url("/Content/Images/Message/anglesystem.gif") no-repeat scroll 0 5px transparent;
}
div.history-wall.SystemFeedBlock .AngleMessageNew
{
background: url("/Content/Images/Message/anglesystemnew.gif") no-repeat scroll 0 5px transparent;
}
div.FeedBodyMessage
{
padding: 3px;
line-height: 20px;
font-size: 11px !important;
}
div.FeedBodyMessage td.notificationFull
{
padding-top: 0px !important;
}
div.FeedBodyMessage td
{
font-size: 11px !important;
}
img.FeedTitleIcon
{
vertical-align: text-bottom !important;
}
div.FeedCommentsGrid .t-grid-table-container {
border: 0px !important;
overflow-x: inherit !important;
}
div.FeedCommentsGrid table.t-grid-table, div.FeedCommentsGrid tr, div.FeedCommentsGrid table.t-grid-table td.t-first, div.FeedCommentsGrid table.t-grid-table td.t-last
{
padding: 0px !important;
margin: 0px !important;
border-style: none none none !important;
background-color: transparent !important;
}
div.FeedCommentsGrid div.FeedCommentMessage-Bottom div.MessageBottomBorder
{
border-style: solid;
border-width: 0px 1px 0px 1px;
border-color: #CFCEC5;
height: 5px;
margin-left: -1px;
margin-right: -1px;
}
div.FeedCommentsGrid table tr:last-child .MessageBottomBorder {
display: none;
}
div.FeedCommentsGrid table tr:first-child .FeedCommentMessage-Top {
-ms-border-radius: 4px 4px 0px 0px !important;
border-radius: 4px 4px 0px 0px !important;
margin-top: 4px;
}
div.ChannelMessageInfo.FeedBlock {
margin-bottom: 0px !important;
}
div.FeedCommentsGrid table.t-grid-table
{
padding: 0px !important;
margin: 0px !important;
border-style: none none none !important;
}
div.channels-buttons
{
padding-top: 10px;
padding-bottom: 10px;
text-align: right;
white-space:nowrap;
}
div.channels-button-text
{
padding: 0px;
padding-right: 7px;
margin-right: 7px;
display: inline;
border-right: 1px solid #cacaca;
white-space:nowrap;
}
div.channels-button-text.channels-button-end
{
border-right: none;
margin-right: 0px;
}
div.MessageTitlePrev, div.MessageTitlePrev td {
display: none;
width: 200px;
}
div.MessageBodyPrev, div.MessageBodyPrev td {
display: none;
width: 200px;
}
/* Notification message table */
table.notificationMessage
{
border:0;
}
table.notificationMessage td.notificationLeft
{
padding-right: 16px !important;
white-space: nowrap;
width: 10%;
}
table.notificationMessage td.notificationFull
{
padding-top: 6px !important;
}
.FeedCommentsGrid .t-grid-pager {
z-index: 2;
}
.FeedCommentsGrid .t-grid-table-container {
border: none !important;
}
/************************************************************
Feed ver. 3.5
***********************************************************/
/*
$Feed-BgColor = #FFE9A4
$FeedIsRead-BgColor = #FFF5E4
*/
.FeedGray {
color: #848484;
}
.attachment-text {
white-space: nowrap;
overflow: hidden;
padding-bottom: 6px;
color: gray;
}
div.FeedCommentPlaceHolder {
margin-top: 5px;
position: absolute;
z-index: 2;
}
div.FeedCommentPlaceHolder a
{
text-decoration: underline;
color: #808080 !important;
}
div.FeedCommentPlaceHolder a:hover {
color: #6690C8 !important;
}
.FeedCreateComment, .FeedCreateQuestion {
padding: 8px;
color: #6690C8 !important;
text-decoration: underline;
cursor: pointer;
}
.FeedCreateQuestion {
margin-left: 30px;
}
.portlet-content .FeedCommentPlaceHolder {
white-space: nowrap;
}
.portlet-content .FeedCreateQuestion {
margin-left: 5px;
}
div.FeedBlock {
margin-bottom: 20px;
}
div.FeedMessageTextInnerContainer {
white-space: pre-line;
white-space: -moz-pre-wrap !important; /* Mozilla, начиная с 1999 года */
white-space: -pre-wrap !important; /* Opera 4-6 */
white-space: -o-pre-wrap!important; /* Opera 7 */
word-wrap: break-word!important; /* Internet Explorer 5.5+ */
}
.FeedAttachments {
padding-top: 10px;
}
.FeedAttachments div.fileAttach {
white-space: nowrap;
padding-top: 3px;
}
.FeedAttachments .documentAttach {
display: block;
padding-top: 3px;
}
.FeedAttachments div {
padding-top: 3px;
}
.FeedAttachments div .documentAttach {
display: inline;
}
.FeedAttachments .attach {
background-repeat: no-repeat;
display: inline-block;
height: 16px;
white-space: nowrap;
padding-left: 20px;
}
.FeedBlock .FeedAttachments .attach {
padding-top: 2px;
}
.FeedCommentsGrid .FeedAttachments .attach {
padding-top: 0px;
}
.Feed-animationContainer {
z-index: 2 !important;
position: relative;
}
div.FeedMessageObjects {
padding-bottom: 10px;
}
div.FeedMessageObjects table:first-child
{
width: auto;
}
div.FeedMessageTextContainer {
max-height: 160px;
overflow: hidden;
line-height: 16px;
}
div.FeedMessageTextFullSize div.FeedMessageTextContainer {
max-height: none;
overflow: auto;
}
div.FeedMessageTextReadNext {
padding-top: 10px;
}
div.FeedMessageTextFullSize div.FeedMessageTextReadNext {
display: none;
}
div.FeedMessageTextContainer td {
line-height: 16px !important;
padding: 0px !important;
}
div.FeedText table.notificationMessage td {
margin: 0px !important;
padding: 0px !important;
}
div.FeedText table {
table-layout: fixed;
width: 100%;
padding: 0px;
margin: 0px;
border: 0px;
}
img.feed-button-next {
position: relative;
padding-left: 10px;
top: 5px;
}
div.FeedLoadButtons img.wait {
display: none;
margin-top: 5px;
position: absolute;
padding-left: 13px;
}
div.feed-button-next-wait img.wait {
display: inline-block;
}
div.feed-button-next-wait img.feed-button-next {
display: none;
}
.tdFeedButtonSend {
padding-right: 12px;
width: 10px;
display: none;
}
.GroupControlsContainer-Active .tdFeedButtonSend {
display: table-cell;
}
.tdFeedButtonSend input {
margin-top: 16px;
}
.portlet-content .tdFeedButtonSend input {
background-image: url("/Modules/EleWise.ELMA.Messages.Web/Content/Images/x24/send.png");
background-repeat: no-repeat;
background-position: center;
color: transparent !important;
width: 32px;
}
.portlet-content .FeedComment {
min-width: 330px;
}
.portlet-content .AutoResizeTextbox {
padding-right: 8px !important;
}
.FeedFastSearch {
min-width: 570px;
}
.FeedSearch td.FeedSearch-cell-first {
vertical-align: top;
}
td.FeedSearch-cell {
padding-left: 10px;
vertical-align: top;
}
.FeedSearch-title {
font-weight: bold;
padding-top: 6px;
}
.FeedSearch-SecondRow {
margin-top: 15px;
}
.FeedSearch .dtr-delimeter {
margin-top: 3px;
}
.FeedText td.notificationLeft {
width: 150px !important;
white-space: normal !important;
}
/**********************
Message ObjectType
**********************/
.t-grid .FeedBlock td {
overflow: inherit !important;
vertical-align: top !important;
line-height: normal !important;
padding: inherit;
}
table.FeedObjectTypeTitle {
margin-top: 10px;
}
table.FeedObjectTypeTitle td {
text-align: left;
}
div.FeedObjectTypeTitle {
margin-left: -16px;
display: inline-block;
margin-bottom: 12px;
margin-top: -3px;
vertical-align: top;
}
div.FeedObjectTypeTitle-Left {
width: 3px;
height: 24px;
display: inline-block;
vertical-align: top;
}
div.FeedObjectTypeTitle-Right {
width: 5px;
height: 21px;
display: inline-block;
vertical-align: top;
}
div.FeedObjectTypeTitle-Text {
display: inline-block;
vertical-align: middle;
height: 17px;
border-style: solid;
border-top-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-width: 0px;
margin: 0px;
padding-top: 2px;
padding-bottom: 0px;
padding-left: 8px;
padding-right: 8px;
}
/*****************************
Message ObjectType Styles
*****************************/
div.FeedObjectTypeTitle-Left {
background: url("/Modules/EleWise.ELMA.Messages.Web/Content/Images/feedtype-title-Default-l.png") no-repeat;
}
div.FeedObjectTypeTitle-Right {
background: url("/Modules/EleWise.ELMA.Messages.Web/Content/Images/feedtype-title-Default-r.png") no-repeat;
}
div.FeedObjectTypeTitle-Text {
background-color: #D9D9D9;
border-color: #BCBCBC;
}
div.FeedTypeChannelMessage div.FeedObjectTypeTitle-Left {
background: url("/Modules/EleWise.ELMA.Messages.Web/Content/Images/feedtype-title-Message-l.png") no-repeat;
}
div.FeedTypeChannelMessage div.FeedObjectTypeTitle-Right {
background: url("/Modules/EleWise.ELMA.Messages.Web/Content/Images/feedtype-title-Message-r.png") no-repeat;
}
div.FeedTypeChannelMessage div.FeedObjectTypeTitle-Text {
background-color: #FDDD73;
border-color: #F1CD59;
}
/******************
Parent Message
******************/
div.FeedParentMessage
{
margin-left: 65px;
padding: 12px;
background-color: #FFE9A4;
position: relative;
border: #CFCEC5 solid 1px;
}
div.FeedParentMessage-Top {
padding-bottom: 8px;
border-bottom: 0px;
-ms-border-radius: 4px 4px 0px 0px !important;
border-radius: 4px 4px 0px 0px !important;
position: relative;
}
div.FeedParentMessage-Bottom {
padding: 0px;
border-top: 0px;
height: 4px;
-ms-border-radius: 0px 0px 4px 4px !important;
border-radius: 0px 0px 4px 4px !important;
position: relative;
z-index: 1;
}
div.FeedParentMessage.FeedIsRead {
background-color: #FFF5E4;
}
.FeedMessageSubject img.FeedObjectIcon {
float: left;
margin-top: -3px;
padding-right: 4px;
}
.FeedMessageSubject img.FeedObjectWatchIcon {
float: left;
padding-right: 4px;
}
.FeedParentMessage .FeedMessageSubject {
font-size: 16px;
padding-top: 2px;
display: inline;
white-space: pre-line;
white-space: -moz-pre-wrap !important; /* Mozilla, начиная с 1999 года */
white-space: -pre-wrap !important; /* Opera 4-6 */
white-space: -o-pre-wrap!important; /* Opera 7 */
word-wrap: break-word!important; /* Internet Explorer 5.5+ */
}
div.FeedParentUserImage {
float: left;
height: 48px;
width: 48px;
margin-top: 1px;
}
img.FeedParentUserImage
{
border: #CFD1D5 solid 1px !important;
height: auto !important;
max-height: 100%;
max-width: 100%;
width: auto !important;
padding: 0px;
margin: 0px;
}
div.FeedParentUserImage-Arrow {
position: relative;
float: left;
margin-left: 11px;
margin-top: 20px;
z-index: 3;
width: 7px;
height: 17px;
background-color: transparent;
background: url("/Modules/EleWise.ELMA.Messages.Web/Content/Images/UserArrow.png") no-repeat;
}
div.FeedParentUserImage-Arrow.FeedIsRead {
background: url("/Modules/EleWise.ELMA.Messages.Web/Content/Images/UserArrowIsRead.png") no-repeat;
background-color: transparent;
}
.t-grid td.FeedParent-Author, .FeedParent-Author {
padding-left: 10px;
padding-right: 15px;
}
div.FeedParent-Recipients {
padding-left: 3px;
position: relative;
}
.FeedParent-Recipients-Container {
padding-bottom: 2px;
}
.FeedParent-Recipients-Icon {
display: none;
}
.FeedParent-Recipients-Icon img {
vertical-align: middle;
}
.FeedParent-Recipients-Expand .FeedParent-Recipients-Icon {
display: block;
padding-bottom: 3px;
}
.FeedParent-Recipients-List
{
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.FeedParent-Recipients-Expand .FeedParent-Recipients-List {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #D3D3D3;
max-height: 100px;
overflow: auto;
padding: 5px;
white-space: normal;
margin-bottom: 3px;
}
.FeedParent-Recipients-Container-Button {
padding-right: 20px;
cursor: pointer;
background: url("/Content/Images/x16/arrow_down2.png") no-repeat;
background-position: right;
}
.FeedParent-Recipients-Container-Button.FeedParent-Recipients-Expand {
background: url("/Content/Images/x16/arrow_up2.png") no-repeat;
background-position: right;
}
.FeedParent-Date {
float: right;
}
div.FeedFavorite {
background: url("/Modules/EleWise.ELMA.Messages.Web/Content/Images/x24/nonfavorites.png") no-repeat;
display: inline-block;
float: right;
margin-left: 7px;
position: relative;
margin-top: -5px;
width: 24px;
height: 24px;
cursor: pointer;
margin-right: -3px;
}
div.FeedFavoriteLike {
background: url("/Modules/EleWise.ELMA.Messages.Web/Content/Images/x24/favorites.png") no-repeat;
}
table.FeedCanCreateQuestion .FeedNotCanQuestionRecipient {
display: none;
}
/******************
Comment Message
******************/
.FeedCommentsBlock {
margin-left: 75px;
}
.FeedCommentMessage {
padding: 12px;
margin-top: -1px;
margin-left: 49px;
border: #CFCEC5 solid 1px;
background-color: #FFE9A4;
}
div.FeedCommentMessage-Top {
margin-top: -4px;
padding-bottom: 8px;
border-bottom: 0px;
min-height: 27px;
}
div.FeedCommentMessage-Bottom {
padding: 0px;
border-top: 0px;
height: 4px;
-ms-border-radius: 0px 0px 4px 4px !important;
border-radius: 0px 0px 4px 4px !important;
position: relative;
z-index: 1;
}
.FeedComment {
border: #CFCEC5 solid 1px;
background-color: #FFF5E4;
margin-top: -4px;
margin-left: 49px;
-ms-border-radius: 0px 0px 4px 4px !important;
border-radius: 0px 0px 4px 4px !important;
}
.FeedComment div.AutoResizeTextbox
{
padding: 12px;
padding-top: 16px;
}
div.FeedCommentUserImage {
float: left;
height: 32px;
width: 32px;
margin-top: 16px;
}
img.FeedCommentUserImage {
height: auto !important;
max-height: 100%;
max-width: 100%;
width: auto !important;
padding: 0px;
margin: 0px;
}
div.FeedCommentUserImage-Arrow {
position: relative;
float: left;
margin-left: 11px;
margin-top: 24px;
z-index: 3;
width: 7px;
height: 17px;
background: url("/Modules/EleWise.ELMA.Messages.Web/Content/Images/UserArrow.png") no-repeat;
}
div.FeedCommentContainer.FeedIsRead div.FeedCommentUserImage-Arrow {
background: url("/Modules/EleWise.ELMA.Messages.Web/Content/Images/UserArrowIsRead.png") no-repeat;
background-color: transparent;
}
div.FeedCommentContainer.FeedIsRead .FeedCommentMessage {
background-color: #FFF5E4;
}
.FeedComment-Author {
padding-bottom: 10px;
}
.FeedComment-Date {
float: right;
}
.FeedCommentAddInfo {
margin-left: 0px;
padding-bottom: 10px;
}
.FeedCommentAddInfo:empty {
display: none;
}
.CommentAddInfoDefault {
font-weight: bold;
}
.CommentAddInfoDefault img.FeedCommentActionIcon {
padding-right: 4px;
vertical-align: bottom;
}
td.tdFeedRecipient
{
padding-left: 40px;
padding-right: 8px;
display: none;
width: 350px;
}
table.tableFeedCommentRecipient td.tdFeedRecipient {
display: table-cell;
}
.portlet-content td.tdFeedRecipient {
padding-left: 5px;
width: 140px;
}
.portlet-content td.FeedRecipient-Caption {
display: none;
}
td.tdFeedRecipient .FeedRecipientContainer {
/*position: absolute;*/
margin-top: 16px;
}
td.FeedRecipient-Caption {
padding-right: 20px;
vertical-align: top !important;
padding-top: 7px;
}
.portlet-content td.FeedRecipient-Caption {
padding-right: 5px;
}
td.FeedRecipient-Editor
{
width: 300px;
vertical-align: middle !important;
}
.FeedNotCanCreateQuestion .FeedQuestionRecipient {
display: none !important;
}
.FeedCommentsLoadButtons img.wait {
display: none;
position: absolute;
padding-left: 10px;
}
/******************
Load buttons
******************/
div.FeedEndOfMessages {
border: #D0D5DA solid 1px;
-ms-border-radius: 4px !important;
border-radius: 4px !important;
padding: 10px;
border-bottom-width: 2px;
cursor: pointer;
}
div.FeedEndOfMessages-title {
text-align: center;
font-size: 16px;
}
div.FeedEndOfMessages-info {
text-align: center;
padding-top: 10px;
font-size: 12px;
}
div.FeedLoadButtons {
margin-top: 12px;
text-align: center;
border: #D0D5DA solid 1px;
border-bottom-width: 2px;
-ms-border-radius: 4px !important;
border-radius: 4px !important;
background-color: #ebebeb;
padding: 10px;
font-size: 20px;
cursor: pointer;
}
div.FeedLoadButtons-Light {
background-color: #e8e8e8;
}
div.FeedCommentsLoadButtons-Container {
margin-left: 49px;
}
div.FeedCommentsLoadButtons {
text-align: left;
border: #CFCEC5 solid 1px;
background-color: #ebebeb;
padding-top: 10px;
padding-left: 12px;
cursor: pointer;
}
div.FeedCommentsLoadButtons-Top {
margin-top: -4px;
padding-bottom: 6px;
border-bottom: 0px;
}
div.FeedCommentsLoadButtons-Bottom {
padding: 0px;
border-top: 0px;
height: 4px;
-ms-border-radius: 0px 0px 4px 4px !important;
border-radius: 0px 0px 4px 4px !important;
position: relative;
z-index: 2;
}
div.FeedCommentsLoadButtons-Light div.FeedCommentsLoadButtons {
background-color: #e8e8e8;
}
/**********************
SystemMessage
**********************/
div.FeedCommentContainer.FeedSystemComment .FeedCommentMessage {
background-color: #f5f5f5;
}
/*************************
Priority Dialog
*************************/
div.FeedPrioritySettingsTitle {
font-size: 16px;
padding-top: 5px;
padding-bottom: 15px;
}
div.FeedPrioritySettingsSplitterHight
{
display: inline-block;
text-align: left;
color: red;
padding-right: 80px;
padding-bottom: 10px;
font-style: italic;
}
div.FeedPrioritySettingsSplitterLow {
display: inline-block;
text-align: right;
color: green;
padding-left: 80px;
padding-bottom: 10px;
font-style: italic;
}
div.FeedProiritySettingsDesc
{
margin-top: 15px;
border: solid 1px #FFD33A;
padding: 8px;
text-align: left;
margin-bottom: 10px;
}
/***************
Сплиттер
***************/
div.FeedPriority
{
width: 192px;
display: inline-block;
background: url("/Modules/EleWise.ELMA.Messages.Web/Content/Images/PrioritySlider.png") no-repeat;
}
/* Контейнер слайдера */
div.FeedPriority .ui-slider {
position: relative;
height: 20px;
top: -2px;
}
/* Ползунок */
div.FeedPriority .ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 13px;
height: 11px;
background: url("/Modules/EleWise.ELMA.Messages.Web/Content/Images/PrioritySliderArrow.png") no-repeat;
cursor: pointer;
border: 0px;
}
div.FeedPriority .ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
overflow: hidden;
}
/* позиционируем ползунки */
div.FeedPriority .ui-slider-horizontal .ui-slider-handle {
top: 11px;
margin-left: -4px;
}
div.FeedPriority .ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
/* оформление полосы по которой ходит ползунок */
div.FeedPriority .ui-widget-content
{
border: 0px;
background: none;
width: 152px;
display: inline-block;
}
div.FeedPriority-left, div.FeedPriority-right
{
position: relative;
height: 20px;
width: 20px;
display: inline-block;
top: -2px;
}
span.counterRed
{
margin: -4px 0 -4px 4px;
padding: 3px 5px;
border-radius: 4px;
background: #e74c3c !important;
color: #FFFFFF !important;
}
span.counterBlue
{
margin: -4px 0 -4px 4px;
padding: 3px 5px;
border-radius: 4px;
background: #65acdb !important;
color: #FFFFFF !important;
}
/* Feed */
div.FeedTypeDocument div.FeedObjectTypeTitle-Left {
background: url("/Modules/EleWise.ELMA.Documents.Web/Content/Images/feedtype-title-Document-l.png") no-repeat;
}
div.FeedTypeDocument div.FeedObjectTypeTitle-Right {
background: url("/Modules/EleWise.ELMA.Documents.Web/Content/Images/feedtype-title-Document-r.png") no-repeat;
}
div.FeedTypeDocument div.FeedObjectTypeTitle-Text {
background-color: #B1D274;
border-color: #9AB472;
}
div.FeedAttachments div.documentAttach {
white-space: nowrap;
padding-top: 5px;
}
.DocumentAgentButton {
vertical-align: middle;
cursor: pointer;
padding-right: 0px;
width: 16px;
height: 16px;
background: url("/Content/Images/x16/elma_agent.png") no-repeat;
display: inline-block;
}
.elma-agent-button
{
background-color: #fff;
display: inline-block;
border: 2px solid #DCE4ED;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
max-width: 100%;
height: 30px;
}
.elma-agent-button .elma-agent-button-table {
border-width: 0px;
padding: 0;
vertical-align: middle;
max-width: 100%;
}
.elma-agent-button .elma-agent-leftbutton {
border-right: 1px solid #DCE4ED;
vertical-align: middle;
padding: 7px;
}
.elma-agent-button .elma-agent-textbutton {
padding: 6px 7px;
border-right: 2px solid #DCE4ED;
vertical-align: middle;
white-space: nowrap;
}
/*.elma-agent-button .elma-agent-leftbutton:hover,
.elma-agent-button .elma-agent-textbutton:hover
{
background-color: #E4F1FB;
}*/
.elma-agent-button a:hover {
color: #3366CC;
}
.elma-agent-button .elma-agent-downbutton{
padding: 7px 8px;
vertical-align: middle;
}
.documentAttachInfo, .documentAttachInfo * {
vertical-align: bottom;
}
.html_string {
background-color: #fff;
}
.contentactionwizard .step1, .contentactionwizard .step2,
.contentactionwizard .step3, .contentactionwizard .loader-step,
.contentactionwizard .registry-step {
height: 510px;
}
.contentactionwizard .content
{
padding: 5px 5px 0 5px;
height: 454px;
overflow: auto;
}
.contentactionwizard .group-title {
font-size: 16px;
font-weight: bold;
padding: 5px;
border-bottom: 1px dotted cornflowerblue;
margin-bottom: 4px;
margin-left: 4px;
margin-right: 5px;
}
.contentactionwizard .element {
cursor: pointer;
padding: 9px;
font-size: 14px;
height: 30px;
vertical-align: middle;
border: 1px solid #89b3e9;
width: 270px;
display: inline-block;
margin: 5px 3px 5px 3px;
}
.contentactionwizard .element img {
vertical-align: middle;
padding-right: 8px;
}
.contentactionwizard .element:hover {
background: #b4d3fa;
border: 1px solid #89b3e9;
}
.contentactionwizard .popup-buttons input {
width: 95px;
margin-left: 5px;
}
#documentParametersContainer {
padding: 15px 5px 0 0;
height: 363px;
overflow-y: auto;
}
.contentactionwizard #processParameters {
height: 382px;
overflow-y: auto;
}
.elementViewType {
width: 130px;
height: 45px;
vertical-align: middle;
}
div.elementViewType {
padding: 5px;
text-align: center;
cursor: pointer;
display: inline-block;
background-color: #fff;
border: 1px solid #fff;
}
div.elementViewType a {
position: relative;
top: 13px;
}
div.elementViewType input {
width: 120px!important;
height: 35px!important;
}
div.elementViewType:hover {
background-color: #dae9fd;
}
div.elementViewType.selected {
background-color: #dae9fd;
border-color: #90c0ff;
}
.contentactionwizard .preview {
height: 76px;
padding: 5px;
overflow: auto;
text-align: center;
border-left: 1px dashed #aaa;
border-right: 1px dashed #aaa;
border-bottom: 1px dashed #aaa;
}
div.elementViewType input, div.elementViewType a {
cursor: default!important;
}
.htmlelement-shadowbutton {
border: 0;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-webkit-box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.25);
-moz-box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.25);
box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.25);
word-wrap: break-word;
word-break: break-word;
white-space: normal;
margin: 5px;
text-align: center;
vertical-align: top;
}
.htmlelement-shadowbutton:active {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
position: relative;
top: 2px;
left: 2px;
}
.pagesExplorer li.crumbs {
padding: 5px;
background-color: #eee;
}
.pagesExplorer li.crumbs:hover
{
background-color: #eee;
}
.pagesExplorer li.crumbs span, .pagesExplorer li.crumbs a {
vertical-align: initial;
padding-left: 0;
}
ul.folderContent, ul.selectedPages {
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
overflow: auto;
border: 1px solid #d0d5da;
border-radius: 2px;
}
ul.folderContent li, ul.selectedPages li {
padding: 5px;
cursor: default;
height: 17px;
overflow: hidden;
}
ul.folderContent li.folder {
padding: 5px;
cursor: pointer;
}
ul.folderContent li.selected:hover{
background-color: #84CCFF !important;
}
ul.folderContent li span, ul.selectedPages li span
{
height: 17px;
line-height: 20px;
}
ul.folderContent li.crumbs span, ul.folderContent li.crumbs a {
height: auto;
line-height: 17px;
}
ul.folderContent li img, ul.folderContent li span,
ul.selectedPages li img, ul.selectedPages li span,
.page.ui-draggable.ui-draggable-dragging span, .page.ui-draggable.ui-draggable-dragging img {
vertical-align: middle;
}
ul.folderContent li span, ul.selectedPages li span,
.page.ui-draggable.ui-draggable-dragging span,
ul.folderContent li a, ul.selectedPages li a {
padding-left: 5px;
}
ul.folderContent li.disabled {
color: #888;
}
ul.folderContent.drop-hover{
background-color: #fff7da;
}
ul.folderContent li.disabled:hover {
color: #888;
background-color: #fff;
}
ul.folderContent li img, ul.selectedPages li img {
padding-left: 6px;
}
ul.folderContent li.page, ul.selectedPages li {
cursor: url("/Content/Images/Cursors/openhand.ico"), default;
cursor: -moz-grab;
cursor: -webkit-grab;
}
ul.folderContent:not(.drop-hover) li.page:hover{
background-image: url('/Content/Images/x16/grab.png');
background-repeat: no-repeat;
background-position: 0 0;
background-color: #cdeaff;
}
ul.folderContent li.page.disabled, ul.selectedPages li.disabled {
cursor: default;
}
ul.folderContent li.page.disabled:hover, ul.selectedPages li.disabled:hover{
background-image: none;
background-color: #fff;
}
li.list2listItem > img {
padding: 0px 0px 0 5px;
}
li.list2listItem.page.disabled{
display: block !important;
}
li.list2listItem.disabled > img.disabledImage{
display: inline-block;
}
li.list2listItem.disabled > img.enabledImage{
display: none;
}
li.list2listItem:not(.disabled) > img.disabledImage{
display: none;
}
li.list2listItem:not(.disabled) > img.enabledImage{
display: inline-block;
}
li.list2listItem.non_removable > i{
display: none;
}
.page.ui-draggable-dragging,.selectedPages .ui-sortable-helper {
z-index: 20000;
list-style-type: none;
padding: 5px;
background-color: lightskyblue;
min-width: 250px;
cursor: url("/Content/Images/Cursors/closedhand.ico"), default;
cursor: -moz-grabbing;
cursor: -webkit-grabbing;
}
.selectedPages-hover {
background-color: #FFF7DA;
}
ul.selectedPages li {
position: relative;
}
ul.selectedPages li img.del {
float: right;
cursor: default;
position: absolute;
top: 7px;
right: 3px;
background: #fff;
padding: 0;
margin: 0;
}
ul.selectedPages .ui-sortable-placeholder { border: 1px dotted black; visibility: visible !important; }
ul.selectedPages .ui-sortable-placeholder * { visibility: hidden; }
ul.selectedPages li.visible-pages-splitter {
text-align: center;
height: 2px;
}
ul.selectedPages li.visible-pages-splitter:hover
{
background-color: #fff;
background-image: none;
cursor: default!important;
}
.pages-editor-header
{
text-align: center;
padding-bottom: 5px;
}
ul.selectedPages li.visible-pages-hint
{
height: 100%;
text-align: center;
vertical-align: middle;
display: table;
}
ul.selectedPages li.visible-pages-hint:hover
{
background-color: #fff;
background-image: none;
}
ul.selectedPages li.visible-pages-hint span {
display: table-cell;
padding: 15px;
font-size: 27px;
font-weight: 200;
font-family: OpenSans;
text-align: center;
vertical-align: middle;
line-height: normal;
}
ul.selectedPages.readOnly li {
cursor: default!important;
}
ul.selectedPages.readOnly li:hover {
background: transparent;
}
ul.selectedPages.readOnly li img.del {
display: none;
}
#hiddenTabsContainerWrapper {
position: relative;
top: -5px;
z-index: 100;
}
#hiddenTabsContainer {
position: absolute;
background: white;
width: 260px;
border: 1px solid lightgray;
border-bottom: 2px solid lightgray;
right: 0;
text-align: left;
border-radius: 0 0 5px 5px;
}
#hiddenTabsContainer .popup-buttons input {
padding: 5px 9px;
font-size: 12px;
}
.hiddenTab {
display: inline-block;
padding: 4px;
margin-left: 5px;
width: 207px;
cursor: pointer;
font-family: OpenSans;
overflow: hidden;
padding-left: 24px;
background: url('/Modules/EleWise.ELMA.BPM.Web.Content/Content/Images/x16/page.png') no-repeat 3px;
}
.hiddenTab:hover {
text-decoration: underline;
}
.userInfo_Actions li {
display: inline-block;
}
.userInfo_Actions a {
position: relative;
display: inline-block;
height: 24px;
width: 24px;
margin-right: 10px;
}
.userInfo_Actions li a div {
display: none;
height: 24px;
width: 24px;
position: absolute;
top: 0;
background-color: white;
opacity: 0.6;
filter: alpha(opacity=60);
}
.userInfo_Actions li.disable a div {
display: block;
}
.WorkPlaceFieldEditWarning .comment
{
color: black;
font-style: normal !important;
font-weight: bold !important;
padding: 0;
padding-right: 10px;
}
.background-hint {
overflow: hidden;
height: 100%;
font-size: 21px;
font-weight: 200;
font-family: OpenSans;
text-align: center;
vertical-align: middle;
color: #91b6e6;
display: block;
position: absolute;
line-height: 1;
top: 30%;
cursor: default;
padding: 0 10px 0 10px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.background-hint.hidden{
display:none;
}
.visible-pages-counter.hidden {
display: none;
}
#StartMenuOverlay
{
width:100%;
height:100%;
z-index:998;
position:fixed;
top:0;
left:0;
display:none;
background-color:#333;
opacity:0.5;
filter:alpha(opacity=50);
}
#StartMenu
{
z-index:1001;
position:absolute;
top:0;
left:0;
display:none;
left: 67px;
max-width: calc(100vw - 67px);
overflow: auto;
}
#StartMenu_Padding
{
width:67px;
min-width:67px;
}
#StartMenu_Create
{
background-color:#e0f1ce;
width:265px;
min-width:265px;
border-left:2px solid #cccfd4;
border-bottom:2px solid #cccfd4;
}
#StartMenu_Content
{
background-color:#fff;
width:auto;
border-left:1px solid #fff;/*for iPad*/
padding:8px;
border-bottom:2px solid #cccfd4;
border-right:2px solid #cccfd4;
}
.loading #StartMenu_Create
{
border: 0;
}
.loading #create_menu_header
{
padding-top: 20px;
height: 52px;
}
.loading #create_menu_header div {
background: url('/Content/Images/wait.gif') 0 0 no-repeat #D1E8B7;
padding-top: 2px;
}
#StartMenu_Content>table.StartMenuLine1 {
margin: 10px 2px 0 10px;
}
#StartMenu_Content>table.StartMenuLine2 {
margin: 0 2px 2px 10px;
}
.StartMenu_Group {
padding: 0 8px 8px 0;
}
.StartMenu_Group_Header {
border: 1px solid transparent;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
margin-bottom: 8px;
height: 25px;
padding: 8px 0 0 4px;
display: block;
color: #333333;
}
.StartMenu_Group_Header:hover {
color: #333333;
}
.StartMenu_Group div.StartMenu_Group_Content {
position: relative;
}
.StartMenu_Group div.StartMenu_Group_Content>.shutter {
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.StartMenu_Group div.StartMenu_Group_Content:hover>.shutter, #StartMenu.ShowAll .StartMenu_Group div.StartMenu_Group_Content>.shutter {
display: none;
}
.StartMenu_Item {
width: 102px;
height: 102px;
margin: 0 8px 8px 0;
display: block;
color: #333333;
position: relative;
}
.StartMenu_Item:hover {
color: #333333;
}
.last>.StartMenu_Item {
margin-right: 0;
}
tr.last>td>.StartMenu_Item {
margin-bottom: 0;
}
.StartMenu_Row2 .StartMenu_Item {
height: 212px;
margin-bottom: 0;
}
.StartMenu_Col2 .StartMenu_Item {
width: 212px;
}
.StartMenu_Col3 .StartMenu_Item {
width: 322px;
}
.StartMenu_Col4 .StartMenu_Item {
width: 432px;
}
.StartMenu_Col5 .StartMenu_Item {
width: 542px;
}
.StartMenu_Item i {
display: block;
width: 74px;
height: 74px;
position: relative;
top: 4px;
left: 14px;
}
.StartMenu_Item i img {
width: 74px;
height: 74px;
}
.StartMenu_Row2 .StartMenu_Item i {
top: 60px;
}
.StartMenu_Col2 .StartMenu_Item i {
left: 69px;
}
.StartMenu_Col3 .StartMenu_Item i {
left: 128px;
}
.StartMenu_Col4 .StartMenu_Item i {
left: 179px;
}
.StartMenu_Col5 .StartMenu_Item i {
left: 243px;
}
.shutter.StartMenu_Row2 .StartMenu_Item i {
width: 85px;
height: 85px;
margin-left: -5px;
top: 54px;
}
.shutter.StartMenu_Row2 .StartMenu_Item i img {
width: 85px;
height: 85px;
}
.StartMenu_Item span
{
font-size: 11px;
position: absolute;
display: block;
bottom: 3px;
padding: 0 5px;
white-space: normal;
}
.StartMenu_Group.Group_blue .StartMenu_Group_Header {
background-color: #90C4E5;
}
.StartMenu_Group.Group_blue .StartMenu_Item, .t-item.Group_blue>.shutter>span>img.t-image {
background-color: #CBE7FA;
}
.StartMenu_Group.Group_gray .StartMenu_Group_Header {
background-color: #ccc7c7;
}
.StartMenu_Group.Group_gray .StartMenu_Item, .t-item.Group_gray>.shutter>span>img.t-image {
background-color: #e1dede;
}
.StartMenu_Group.Group_green .StartMenu_Group_Header {
background-color: #B3D689;
}
.StartMenu_Group.Group_green .StartMenu_Item, .t-item.Group_green>.shutter>span>img.t-image {
background-color: #D2EAB5;
}
.StartMenu_Group.Group_red .StartMenu_Group_Header {
background-color: #EAA59B;
}
.StartMenu_Group.Group_red .StartMenu_Item, .t-item.Group_red>.shutter>span>img.t-image {
background-color: #ECCBC6;
}
.StartMenu_Group.Group_yellow .StartMenu_Group_Header {
background-color: #F4DE90;
}
.StartMenu_Group.Group_yellow .StartMenu_Item, .t-item.Group_yellow>.shutter>span>img.t-image {
background-color: #FFF1C1;
}
.t-item.Group_blue>div>span>img.t-image, .t-item.Group_gray>div>span>img.t-image, .t-item.Group_green>div>span>img.t-image, .t-item.Group_red>div>span>img.t-image, .t-item.Group_yellow>div>span>img.t-image {
padding: 4px;
width: 24px;
height: 24px;
}
#div_create_menu {
}
#create_menu_header {
background-color: #D1E8B7;
height: 55px;
padding: 17px 0 0 30px;
cursor: default;
}
#create_menu_header div {
background: url('/Modules/EleWise.ELMA.BPM.Web.Content/Content/Images/Plus.png') 0 0 no-repeat #D1E8B7;
font-family: OpenSans;
font-size: 20px;
padding: 5px 0 0 45px;
height: 35px;
}
ul#create_menu>li {
border-bottom: 1px solid #BBD5A0;
padding: 7px 0 13px 2px;
}
ul#create_menu>li:last-of-type {
border-bottom: 0;
}
#create_menu li .menu_item, #create_menu li .menu_subitem {
border: 0 none;
color: #333333;
display: block;
height: 29px;
}
#create_menu li .menu_subitem {
height: 27px;
}
#create_menu li .menu_item i {
display: block;
float: left;
height: 24px;
margin: 5px 8px 0 8px;
width: 24px;
}
#create_menu li .menu_subitem i {
display: block;
float: left;
background: url('/Modules/EleWise.ELMA.BPM.Web.Content/Content/Images/point.png') no-repeat;
height: 10px;
margin: 13px 0 0 40px;
width: 16px;
}
#create_menu .menu_item span, #create_menu li .menu_subitem span {
font-size: 11px;
position: relative;
top: 4px;
}
#create_menu a.menu_item:hover span, #create_menu li a.menu_subitem:hover span {
text-decoration: underline;
}
span.menu_item, span.menu_subitem {
cursor: default;
}
.div_WorkPlaceCustomizer
{
background-color: #ffd89b;
border-bottom: 3px solid #fdbd58;
}
.div_WorkPlaceCustomizer tr.tr_WorkPlaceCustomizer>td
{
white-space: nowrap!important;
width: 1%;
height: 34px;
max-height: 34px;
padding: 0 5px;
}
.div_WorkPlaceCustomizer tr.tr_WorkPlaceCustomizer>td>div
{
vertical-align: middle;
display: inline-block;
padding: 4px 5px 0;
font-size: 12px;
font-weight: 600;
height: 28px;
}
.div_WorkPlaceCustomizer tr.tr_WorkPlaceCustomizer div.UserInfo
{
height: 28px;
color: #777777;
font-family: OpenSans;
font-size: 14px;
}
.div_WorkPlaceCustomizer a.button,.div_WorkPlaceCustomizer tr.tr_WorkPlaceCustomizer div.UserInfo>span
{
display: inline-block;
height: 24px;
padding: 5px 0 0 27px;
background-repeat: no-repeat;
}
.div_WorkPlaceCustomizer tr.tr_WorkPlaceCustomizer div.UserInfo>span
{
padding-top: 3px;
}
.div_WorkPlaceCustomizer tr.tr_WorkPlaceCustomizer>td.SelectWorkPlcae
{
border-right: 3px solid #fdbd58;
}
.div_WorkPlaceCustomizer tr.tr_WorkPlaceCustomizer>td.UserInfo
{
border-left: 3px solid #fdbd58;
}
.div_WorkPlaceCustomizer tr.tr_WorkPlaceCustomizer>td.separator
{
border-left: 1px solid #fdbd58;
}
.div_WorkPlaceCustomizer tr.tr_WorkPlaceCustomizer > td > div.complete
{
padding-top: 10px;
padding-left: 30px;
}
.div_WorkPlaceCustomizer .complete a.button
{
height: 32px;
width: 32px;
padding: 0;
}
#divWorkPlaceSwitch
{
background-color: #ffd89b;
border: 3px solid #fdbd58;
border-radius: 3px;
}
#divWorkPlaceSwitch .WorkPlaceCustomizerDescription
{
padding-right: 30px;
}
#divWorkPlaceSwitch .WorkPlaceCustomizerDescription .header
{
font-size: 20px;
}
#divWorkPlaceSwitch .WorkPlaceCustomizerDescription .customizer_enabled
{
color: green;
font-weight: bold;
padding-left: 20px;
padding-top: 5px;
}
#divWorkPlaceSwitch .cb-enable,
#divWorkPlaceSwitch .cb-disable
{
height: inherit;
float: none;
display: table-cell;
background: none;
vertical-align: middle;
cursor: pointer;
}
#divWorkPlaceSwitch .cb-enable.selected,
#divWorkPlaceSwitch .cb-disable.selected {
cursor: default;
}
#divWorkPlaceSwitch .cb-enable span,
#divWorkPlaceSwitch .cb-disable span
{
border: 2px solid #fdbd58;
border-radius: 4px;
}
#divWorkPlaceSwitch .cb-enable span,
#divWorkPlaceSwitch .cb-disable span
{
padding: 5px 10px;
color: white;
}
#divWorkPlaceSwitch .cb-enable span
{
background: green;
}
#divWorkPlaceSwitch .cb-disable span
{
background: #6B7D91;
}
.login_div_fields
{
height: 160px;
padding: 20px 40px 0 40px;
}
.text-box-with-image .image
{
border-right: 1px solid #d0d5da;
width: 34px;
height: 34px;
display: block;
float: left;
background-position: 5px 5px;
background-repeat: no-repeat;
background-color: transparent;
}
.text-box-with-image input
{
width: 351px;
padding: 7px 8px 7px 8px!important;
line-height:20px!important;
height: 20px!important;
font-size: 14px!important;
margin: 0!important;
}
.login_button_conatainer
{
text-align: center;
height: 50px;
}
.login_button
{
padding: 11px 24px;
font-size: 14px;
font-weight: 600;
}
.login_div_fields .error {
font-size: 14px !important;
}
#login_box_div
{
margin-bottom: 28px;
}
#login_box_div .image
{
background-image: url('/Content/images/Logon/UserName.png');
}
#password_box_div
{
margin-bottom: 20px;
}
#password_box_div .image
{
background-image: url('/Content/images/Logon/Password.png');
}
.div_WorkPlaceCustomizer .userInfo_Actions a div {
background-color: #ffd89b;
}
/* Calendar */
/* ??? old styles */
.CalendarTodayHeader .caption
{
background: #91B6E6;
border-bottom: solid 1px #91B6E6;
white-space: nowrap;
cursor: pointer;
}
.CalendarTodayHeader .caption span
{
width: 70px;
}
.CalendarTodayHeader .line
{
border-bottom: solid 1px #91B6E6;
width: 100%;
}
/* Calendar - for left menu */
div.left-menu-calendar {
border: 0;
background: #f2f2f2;
}
div.left-menu-calendar div.t-calendar {
width: 100%;
margin: 0px;
border: 0;
}
.now_arrow {
position: absolute;
background: transparent url(Images/Calendar/now_arrow.gif) no-repeat;
height: 24px;
width: 100%;
}
.now_arrow hr {
border: none;
background-color: #91B6E6;
color: #91B6E6;
height: 2px;
margin-top: 11px;
margin-left: 4px;
}
#external-events .t-grid-bottom .t-page-size, #external-events .t-grid-bottom .t-status-text, #external-events .t-grid-bottom .t-status, #external-events .t-grid-bottom .t-pager-text{
display: none;
}
#external-events .t-grid-bottom {
border-style: none;
}
#external-events table tbody tr:hover, .external-event:hover
{
background-color: #CCC;
}
#external-events .t-numeric a {
font-size: 10px !important;
}
#external-events .t-numeric .t-state-active {
background-color: #FFF !important;
color: #000;
font-weight: bold;
}
.unplaned-bg {
background-color: #888 !important;
}
.external-event {
color: #000;
font-size: 11px;
cursor: pointer;
}
.external-event img
{
margin: 0 5px 2px 0;
vertical-align: middle;
}
#external-events
{
border: 1px solid #91B6E6;
padding: 0 5px 10px 5px;
text-align: left;
width: 180px;
}
#external-events .collapsible-panel
{
border-bottom: 1px solid #91B6E6;
margin-top: 10px;
}
#external-events .collapsible-panel-header
{
cursor:pointer;
background-color: #91B6E6;
padding: 5px;
color: #FFF;
white-space: nowrap;
display:block;
width: 140px !important;
}
#external-events .collapsible-panel-header span
{
padding-top: 2px;
}
table.calendar
{
width: 100%;
font-size: 12px;
border-collapse: collapse;
}
table.calendar td
{
padding: 5px;
}
table.calendar tr.t-row
{
background: #fff;
}
table.calendar tr.t-alt
{
background: #f5f5f5;
}
table.calendar td.object-icon img
{
vertical-align: -4px;
}
table.calendar .tr-header td
{
border-bottom: solid 1px #888;
white-space: nowrap;
padding: 0;
}
table.calendar .tr-header .td-header
{
background: #888;
color: white;
width: 180px;
padding: 7px 10px;
}
table.calendar .tr-header .td-header a, table.calendar .tr-header .td-header a:hover
{
display: block;
color: white;
}
table.calendar .today .td-header
{
background: #91B6E6;
}
table.calendar .today td
{
border-bottom-color: #91B6E6;
}
table.calendar .expired .td-header
{
background: #f85353;
}
table.calendar .expired td
{
border-bottom: solid 1px #f85353;
}
#calendar_favorites_tree
{
background: #FFFBDE !important;
}
.calendar-vertical-splitter
{
width: 22px;
background-image:url("/Modules/EleWise.ELMA.BPM.Web.Calendar/Content/Images/collapse_v_green.png");
background-repeat: no-repeat;
/*background-position: 5px 5px;
background-color: #91B6E6;*/
cursor: pointer;
}
.calendar-vertical-splitter.collapsed {
background-image:url("/Modules/EleWise.ELMA.BPM.Web.Calendar/Content/Images/expand_v_green.png");
}
.scheduleSelect .object-separator {
padding-left: 6px !important;
}
.scheduleSelect .t-item {
padding-left: 12px;
}
table.timeSlotsTable td.captionCell {
width: 80px;
padding: 5px 0px;
}
div.nextAvailableTimeSlots {
padding: 7px;
cursor: pointer;
border: #DCE4ED solid 2px;
text-align: center;
height: 15px;
}
/* Feed */
div.FeedTypeCalendarEvent div.FeedObjectTypeTitle-Left {
background: url("/Modules/EleWise.ELMA.BPM.Web.Calendar/Content/Images/feedtype-title-CalendarEvent-l.png") no-repeat;
}
div.FeedTypeCalendarEvent div.FeedObjectTypeTitle-Right {
background: url("/Modules/EleWise.ELMA.BPM.Web.Calendar/Content/Images/feedtype-title-CalendarEvent-r.png") no-repeat;
}
div.FeedTypeCalendarEvent div.FeedObjectTypeTitle-Text {
background-color: #FFCAD2;
border-color: #FEA5AF;
}
div.CalendarEventParentAddInfo {
padding: 3px;
display: inline-block;
border: 1px solid red;
color: red;
margin-bottom: 10px !important;
}
/*Periodical Event*/
div.FeedTypeCalendarEventPeriodical div.FeedObjectTypeTitle-Left {
background: url("/Modules/EleWise.ELMA.BPM.Web.Calendar/Content/Images/feedtype-title-CalendarEventPeriodical-l.png") no-repeat;
}
div.FeedTypeCalendarEventPeriodical div.FeedObjectTypeTitle-Right {
background: url("/Modules/EleWise.ELMA.BPM.Web.Calendar/Content/Images/feedtype-title-CalendarEventPeriodical-r.png") no-repeat;
}
div.FeedTypeCalendarEventPeriodical div.FeedObjectTypeTitle-Text {
background-color: #9eb5e1;
border-color: #839bc9;
}
.smsStatisticsFilterForm tr > td:first-child {
padding: 16px 10px 11px 0;
vertical-align: top;
color: #686868;
}
.smsStatisticsFilterForm tr > td:last-child {
padding: 10px 20px 5px 0;
vertical-align: top;
}
.smsStatisticsFilterFormContainer {
padding: 12px 22px 12px 22px;
}
.smsStatisticContainer {
background-color: #fff;
border: 1px solid #d0d4da;
-ms-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0px 1px 0px 0px #dbdde0;
-ms-box-shadow: 0px 1px 0px 0px #dbdde0;
box-shadow: 0px 1px 0px 0px #dbdde0;
border-collapse: separate;
height: 100%;
width: 100%;
}
.statisticsSeparator {
height: 10px;
clear: both;
}
.smsStatisticChartContainer {
padding: 20px 0 0 22px;
}
#firstStatisticsDate {
float: left;
font-style: italic;
}
#lastStatisticsDate {
float: right;
font-style: italic;
}
.statistic-filter-textbox {
width: 380px;
}
.statistic-filter-name {
width: 200px;
}
.smsStatisticContainer .radio-button-item {
float: left;
padding-right: 70px
}
.smsStatisticContainer .radio-button-item > label {
color: #686868;
}
.statisticsHeader {
padding-bottom: 10px;
}
#rightSeparatorContainer {
position: absolute;
width: 10px;
top: 0;
left: 730px;
height: 100%;
}
.smsStatisticContainer .rightSeparator {
border-right: 1px dotted #5F97AF;
height: 100%;
padding-right: 5px;
}
#smsStatisticsChartCanvas {
padding: 0 15px 15px 0;
}
.staticsCanvasContainer {
position: relative;
padding-right: 20px;
}
#rightSeparatorContainer:hover{
cursor: move;
}
/* Tasks module */
.from-me-tasks .portlet-header
{
background: #4BA151!important;
}
a.FromMeTaskLinkCount, a:hover.FromMeTaskLinkCount {
color: white;
padding-left: 3px;
padding-right: 3px;
position: relative;
left: -1px;
top: -1px;
left: -9px;
display: inline;
border: 1px solid white;
font-size: 10px;
text-decoration:none;
}
/* Tasks - WorkLogs */
/*
.t-grid table.WorkLogGrid td input
{
font-size:12px!important;
height:17px!important;
}
.t-grid table.WorkLogGrid td .text-box
{
height:16px!important;
}
.t-grid table.WorkLogGrid .t-combobox .t-dropdown-wrap {
height: 20px !important;
}
.t-grid table.WorkLogGrid .t-combobox .t-input {
height: 18px !important;
}
*/
.WorkLogItemGrid table td {
vertical-align: top
}
tr.workLogOvertime td
{
background-color: #FFE9E9;
}
.WorkLogItemEditPopup table td td {
vertical-align: middle;
}
.WorkLogItemEditPopup table.table_with_inputs td td {
vertical-align:middle;
}
/* Tasks - Question and Answer */
div.qa-block
{
margin-bottom: 18px;
background-color: #FFF;
border: #CFCEC5 solid 1px;
border-radius: 6px 6px 6px 6px !important;
-ms-border-radius: 6px 6px 6px 6px !important;
}
div.a-block
{
padding-top: 10px;
}
div.q-userimage, div.a-userimage
{
float: left;
height: 48px;
width: 48px;
margin-top: 1px;
}
img.q-userimage, img.a-userimage
{
border: #CFD1D5 solid 1px !important;
height: auto !important;
max-height: 100%;
max-width: 100%;
width: auto !important;
padding: 0px;
margin: 0px;
}
div.q-header
{
padding: 4px 0;
}
div.a-header
{
padding: 4px 0 0 0;
min-height: 46px;
}
div.q-body, div.a-body
{
padding: 8px;
margin-left: 5px;
}
div.q-body div.q-text, div.a-body div.a-text {
padding: 5px 0 5px 3px;
}
div.q-body div.q-attachments, div.a-body div.a-attachments {
padding-top: 5px;
}
div.q-info, div.a-info
{
margin-left: 65px;
margin-right: 5px;
padding-top: 2px;
position: relative;
}
div.q-date, div.a-date
{
float: right;
}
.available-watch a:hover
{
text-decoration: underline;
}
.gray-watch a
{
color: gray;
}
a.tasks_filterselector
{
border-bottom: 1px dashed;
color: black;
font-size: 65%;
}
div.task-comment-arrow-top {
margin-bottom: -1px;
padding-left: 15px;
width: 12px;
height: 9px;
z-index: 10;
}
div.comment-body
{
border: 1px solid #E1E1E1;
padding: 10px;
background-color: #FFF5E4;
}
div.info-block.task-info-block
{
font-weight: bold;
background-color: white;
float: left;
}
div.task-info-block.date
{
background-color: transparent;
color: #848484;
border: 0;
float: right;
}
div.userphoto-item-display.task-userphoto-item-display
{
width: 300px;
padding: 2px 0;
cursor: default;
}
div.userphoto-item-content.task-userphoto-item-content
{
min-height: inherit;
}
.task-brickTitle
{
font-size: 12px;
font-weight: bold;
padding: 2px 0 6px 0 !important;
cursor: default;
}
.addquestion-image
{
background-image: url('/Modules/EleWise.ELMA.BPM.Web.Tasks/Content/Images/x32/add_question.png');
width: 32px;
height: 32px;
float: right;
cursor: pointer;
}
div.comment3.taskuserpositions:hover
{
white-space: normal;
}
div.task-attachments
{
padding: 10px 10px 20px 10px;
}
/*TaskExtension.StatusLink*/
span.taskStatusLink a.NewOrder,
span.taskStatusLink a.OnApproval {
font-weight:bold;
}
span.taskStatusLink a.CompleteControlled,
span.taskStatusLink a.IncompleteControlled,
span.taskStatusLink a.WasClosed {
text-decoration:line-through;
}
span.taskStatusLink a.CompleteControlled {
color:#006600;/*GREEN_COMPLETE*/
}
span.taskStatusLink a.IncompleteControlled {
color:#FF5F0F;/*RED_COMPLETE*/
}
span.taskStatusLink a.Incomplete,
span.taskStatusLink a.IncompleteNeedControl,
span.taskStatusLink a.RefuseApproval,
span.taskStatusLink a.RefuseApprovalExecutor {
color: #FF5F0F; /*RED_COMPLETE*/
}
span.taskStatusLink a.Complete,
span.taskStatusLink a.CompleteNeedControl {
color: #006600; /*GREEN_COMPLETE*/
}
span.taskStatusLink a.InProgress{
color:#008000;/*GREEN*/
}
span.taskStatusLink a.lineThrough {
text-decoration:line-through;
}
span.taskStatusLink a.TaskExpired {
color:#FF0000;/*RED*/
}
.NthIncludedDaySettings > div.table-form-container {
padding: 0px;
}
div.usertasks{
border: none;
margin-bottom: 22px;
background-color: white;
}
div.usertasks .usertasks-tasks-slider, div.usertasks .usertasks-tasks-action.tasks{
display: none;
}
div.usertasks div.usertasks-action-arrow{
left: -6px;
margin-bottom: -14px;
position: relative;
height: 14px;
width: 126px;
cursor: pointer;
}
div.usertasks-item{
padding: 10px;
}
div.usertasks-item:hover{
background-color:#b4d3fa;
cursor: pointer;
}
.usertasks-tasks-corner
{
background-image: url("/Modules/EleWise.ELMA.BPM.Web.Tasks/Content/Images/user_corner1.png");
background-position: top left;
background-repeat:no-repeat;
display: inline-block;
width: 111px;
height: 18px;
margin-top: 0px;
margin-right: 0px;
float: left;
text-align: center;
font-family: Tahoma;
font-size: 11px;
cursor: pointer;
}
.usertasks-tasks-slider{
padding-left: 10px;
padding-bottom: 10px;
padding-right: 10px;
}
div.usertasks .usertasks-tasks-slider hr{
margin: 10px 5px;
color: #CACACA; background-color: #CACACA;
border: 0px none;
height: 1px;
clear: both;
}
div.usertasks .usertasks-tasks {
border-top-width: 0;
}
div.usertasks .usertasks-item img.usertasks-item-image {
border: 1px solid #CACACA;
float: left;
height: 32px;
width: 32px;
}
div.usertasks .usertasks-item div.usertasks-item-content {
margin-left: 45px;
height: 32px;
}
div.usertasks .usertasks-item div.periodtasks-item-content {
margin-right: 45px;
}
div.usertasks .usertasks-item div.periodtasks-item-buttons {
float: right;
}
div.usertasks .usertasks-item .usertasks-item-counts .usertasks-item-counts-count {
font-weight: bold;
}
div.usertasks .usertasks-item .usertasks-item-counts-expired {
color: red;
}
div.usertasks .usertasks-tasks-action.tasks .t-grid tr:last-of-type td {
border-bottom-width: 0px!important;
}
/* Company */
div.department_user_div.userDivSelected
{
border: 1px solid #85B958;
}
div.department_div
{
padding: 0.5%;
width: 48.5%;
overflow: hidden;
background-color: transparent;
position: relative;
}
div.department_user_div
{
padding: 8px;
padding-bottom: 16px;
border: 1px solid #FFF;
overflow: hidden;
background-color: #FFF
}
div.loadingbar
{
font-size: 16px;
font-weight: bold;
text-align: center;
display: none;
padding: 0.5%;
border: 1px solid #A3C0DD;
background-color: #FFF;
}
div.detailsloadingbar
{
font-size: 12px;
font-weight: bold;
text-align: center;
padding: 0.5%;
border: 1px solid #A3C0DD;
background-color: #FFF;
}
/* SECTIONS */
.section
{
width:100%;
display:inline-block;
vertical-align:top;
clear: both;
padding: 0;
margin: 0;
}
/* GROUPING */
.group:after {
clear:both;
}
.group {
zoom:1; /* For IE 6/7 */
}
/* COLUMN SETUP */
.col {
display: block;
float:left;
margin: 0 0.6% 0.6% 0;
}
.col:nth-child(even) { margin-right: 0; }
/* GO FULL WIDTH AT LESS THAN 1280 PIXELS */
@media only screen and (max-width: 1280px) {
.col
{
margin-right: 0;
}
div.department_div
{
width: 99%;
}
}
/* USER DETAILS */
th.details_worklog
{
background-color:#FDE9D9;
border-bottom:1px solid #C6E0FF;
padding: 5px;
vertical-align: middle;
}
tr.details_worklog td.details_worklog
{
background-color:#FCF8F4;
border-bottom:1px solid #dfecff;
}
th.details_tasks
{
background-color:lightcyan;
border-bottom:1px solid #C6E0FF;
padding: 5px;
vertical-align: middle;
}
tr.details_tasks td.details_tasks
{
background-color:azure;
border-bottom:1px solid #dfecff;
padding: 5px;
vertical-align: middle;
}
.department_user_corner
{
background-image: url("/Modules/EleWise.ELMA.BPM.Web.Tasks/Content/Images/user_corner.png");
background-position: top right;
background-repeat:no-repeat;
display: inline-block;
width: 111px;
height: 16px;
margin-top: -5px;
float: right;
text-align: center;
font-family: Tahoma;
font-size: 11px;
cursor: pointer;
}
.department_user_corner.selected
{
background-image: url("/Modules/EleWise.ELMA.BPM.Web.Tasks/Content/Images/user_selected_corner.png");
width: 112px;
height: 17px;
}
div.absence-tail {
background: url("/Modules/EleWise.ELMA.BPM.Web.Tasks/Content/Images/absence_tail.png") no-repeat;
width: 20px;
height: 24px;
display: inline-block;
vertical-align: middle;
margin-left: -4px;
}
div.absence-text
{
background-color: #FCCE2C;
border-color: #E8B400;
border-style: solid;
border-top-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-width: 0;
display: inline-block;
vertical-align: middle;
height: 18px;
}
.graydashedlink
{
color: gray;
font-size: 11px;
border-bottom: 1px dashed gray;
cursor: pointer;
font-family: Tahoma;
}
div.useractionsdiv {
cursor: default;
}
div.useractionsdiv div
{
display:inline-block;
width: 28px;
text-align: center;
vertical-align: middle;
padding-top: 8px;
}
.keyfeature-text, .keyfeature-text a
{
font-family:'OpenSansLight';
font-weight:bold;
white-space: nowrap;
color: black;
}
.keyfeature-text.green, .keyfeature-text.green a
{
color: #7EB733
}
.keyfeature-text.yellow, .keyfeature-text.yellow a
{
color: #F6D142
}
.keyfeature-text.red, .keyfeature-text.red a
{
color: #DB5A46
}
.keyfeature-text.small
{
font-size: 75%;
}
/* CHECK-UNCHECK IMAGE */
.checkuncheckimg.checked, .checkuncheckimg.unchecked
{
position: absolute;
width: 120px;
height: 120px;
display: block;
}
.checkuncheckimg.checked
{
background-image: url("/Modules/EleWise.ELMA.BPM.Web.Tasks/Content/Images/yes.png");
background-position: top left;
background-repeat: no-repeat;
}
.checkuncheckimg.checked:hover
{
background-image: url("/Modules/EleWise.ELMA.BPM.Web.Tasks/Content/Images/group_minus.png");
background-position: top left;
background-repeat: no-repeat;
}
.checkuncheckimg.unchecked
{
background-image: none;
}
.checkuncheckimg.unchecked:hover
{
background-image: url("/Modules/EleWise.ELMA.BPM.Web.Tasks/Content/Images/group_plus.png");
background-position: top left;
background-repeat: no-repeat;
}
.PositionsDiv
{
word-wrap: break-word;
white-space: nowrap;
height: 1.429em;
overflow:hidden;
text-overflow: ellipsis;
text-align: left;
}
/* Feed */
div.FeedTypeTask div.FeedObjectTypeTitle-Left {
background: url("/Modules/EleWise.ELMA.BPM.Web.Tasks/Content/Images/feedtype-title-Task-l.png") no-repeat;
}
div.FeedTypeTask div.FeedObjectTypeTitle-Right {
background: url("/Modules/EleWise.ELMA.BPM.Web.Tasks/Content/Images/feedtype-title-Task-r.png") no-repeat;
}
div.FeedTypeTask div.FeedObjectTypeTitle-Text {
background-color: #99CCDE;
border-color: #84ABBF;
}
div.ClosedQuestionParentAddInfo {
padding: 3px;
display: inline-block;
border: 1px solid #006600;
color: #006600;
margin-bottom: 10px !important;
}
div.FeedTypeQuestion div.FeedObjectTypeTitle-Left {
background: url("/Modules/EleWise.ELMA.BPM.Web.Tasks/Content/Images/feedtype-title-Task-l.png") no-repeat;
}
div.FeedTypeQuestion div.FeedObjectTypeTitle-Right {
background: url("/Modules/EleWise.ELMA.BPM.Web.Tasks/Content/Images/feedtype-title-Task-r.png") no-repeat;
}
div.FeedTypeQuestion div.FeedObjectTypeTitle-Text {
background-color: #99CCDE;
border-color: #84ABBF;
}
/* Processes module */
#MainProcessTree #MainProcessTree_tree {
width: 490px;
height: 360px;
}
span.migrationItem.New,
span.migrationItem.Work,
span.migrationPackage.New,
span.migrationPackage.InProgress
{
font-weight:bold;
}
span.migrationItem.ValidationCriticalError,
span.migrationItem.OtherError,
span.migrationPackage.ProcessedWithErrors
{
color:#FF0000;
}
span.migrationItem.NewVersion,
span.migrationItem.UpdateIsNotRequired,
span.migrationPackage.Processed
{
color:#006600;
}
/* CRM */
.saleFunnel-table {
border-bottom: solid 1px #AFAFAF;
width: 100%;
}
.saleFunnel-table th {
border-bottom: solid 1px #AFAFAF;
padding-bottom: 2px;
}
.saleFunnel-table td {
vertical-align: middle;
}
.saleFunnel-table .captionCell {
min-width: 100px;
width: 20%;
}
.saleFunnel-table .saleFunnel-barCell {
min-width: 150px;
width: 70%;
}
.saleFunnel-table .saleFunnel-barCell .saleFunnel-bar {
padding: 4px 0 4px 5px;
height: 22px;
}
.saleFunnel-table .saleFunnel-barCell .saleFunnel-bar div.outer-item {
padding: 1px;
min-width: 2px;
}
.saleFunnel-table .saleFunnel-barCell .saleFunnel-bar div.inner-item {
height: 8px;
background-color: white;
}
.saleFunnel-table .saleFunnel-barCell .saleFunnel-bar div.saleFunnel-barPlan {
background-image: url("Images/dashed.gif");
margin-top: 11px;
}
.saleFunnel-table .saleFunnel-barCell .saleFunnel-bar div.saleFunnel-barFact {
margin-top: -19px;
}
.saleFunnel-table .saleFunnel-barCell .saleFunnel-bar div.saleFunnel-barPlan div.inner-item {
opacity: 0.6;
filter:alpha(opacity=60);
}
.saleFunnel-table .saleFunnel-barCell .saleFunnel-bar div.saleFunnel-barFact div.inner-item {
opacity: 0.4;
filter:alpha(opacity=40);
}
.saleFunnel-table .saleFunnel-count, .saleFunnel-table .saleFunnel-fact, .saleFunnel-table .saleFunnel-plan {
padding-left: 5px;
text-align: right;
min-width: 50px;
}
.saleFunnel-table td.saleFunnel-barCell, .saleFunnel-table td.saleFunnel-count, .saleFunnel-table td.saleFunnel-fact, .saleFunnel-table td.saleFunnel-plan {
background-color: #EEEFF0;
}
.saleFunnel-table .saleFunnel-fact {
min-width: 55px;
}
.saleFunnel-table th.saleFunnel-count, .saleFunnel-table th.saleFunnel-fact, .saleFunnel-table th.saleFunnel-plan {
text-align: center;
}
.saleFunnel-table .saleFunnel-fact {
font-weight: bold;
}
.saleFunnel-table .saleFunnel-plan {
padding-right: 5px;
}
.marketingCountersTable {
width: 100%;
}
.marketingCountersTable tr td {
text-align: right;
padding: 4px 0;
}
.marketingCountersTable tr td:first-child {
text-align: left;
}
.marketingCountersTable tr td:last-child {
font-size: 11px;
color: #999;
}
.marketingCountersTable .col1 {
width: 120px;
}
.marketingCountersTable .col2 {
width: 20px;
padding-left: 10px;
}
.marketingCountersTable .col3 {
width: 70px;
padding-left: 10px;
}
.marketingTag {
margin-right: 5px;
margin-top: 3px;
padding: 2px 7px 2px 7px;
background-color: #fff09c;
border-radius: 4px;
border: 1px solid #f4b800;
color: #6a5218;
float: left;
}
.marketingTag .delete_small {
margin-left: 4px;
vertical-align: middle;
display: inline-block;
width: 13px;
height: 16px;
}
.inpayment-subgrid-total {
padding-top: 5px;
padding-bottom: 5px;
margin-left: 2px;
}
.inpayment-subgrid-total .total-caption
{
margin-right: 15px;
}
.inpayment-subgrid-total .total-value
{
margin-right: 7px;
}
.global-order-up, .global-order-up-disabled, .global-order-down, .global-order-down-disabled
{
height: 12px;
width: 16px;
background-image: url('Images/salefunnel.png');
display: block;
}
.global-order-up {
background-position: 0px 0px;
}
.global-order-up-disabled {
background-position: -16px 0px;
}
.global-order-down {
background-position: -32px 0px;
}
.global-order-down-disabled {
background-position: -48px 0px;
}
.order-block-footer {
margin-bottom: 12px;
}
.order-block-content {
border: solid 1px;
margin-bottom: -1px;
border-radius: 7px;
}
.order-block-content td {
padding: 2px 6px 2px 6px;
margin:0;
vertical-align: middle;
}
.order-arrow-up a, .order-arrow-down a
{
position: relative;
top: 2px;
}
.order-arrow-up
{
padding: 0 0 0 3px!important
}
.order-arrow-up a {
float: right;
}
.order-arrow-down {
border-right: solid 1px;
width: 20px;
padding: 0 3px 0 0!important
}
.order-shrinkage {
height: 27px;
padding: 0!important;
border-radius: 0px 6px 6px 0px;
}
.order-shrinkage span {
width: 40px;
text-align: center;
display: block;
}
/*Scoring panel*/
#ScoringPanel {
background-color: white;
display: block;
box-shadow: 0 1px 0 0 #dbdde0;
border-radius: 0 0 5px 5px;
border-width: 0 1px 1px 1px;
border-style: solid;
border-color: #d0d4da;
}
.scoring-contractor {
background-color: #66cdaa;
}
#LeadDublicateSettingsProperty .t-grid-table-container, #ContractorDublicateSettingsProperty .t-grid-table-container {
border: none !important;
}
.lead-dynamic {
background: #cbe2ff none repeat scroll 0 0 !important;
border: 1px solid #c0d2e8;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
display: inline-block;
margin-top: 20px;
}
.lead-dynamic table {
width: 100%;
}
.lead-dynamic th {
border-bottom: 2px solid #c0d2e8 !important
}
.lead-dynamic td {
background-color: white;
}
.lead-dynamic th, .lead-dynamic td {
text-align: left;
padding: 7px 10px;
}
.lead-dynamic .JCLRgrip {
margin-top: -7px;
margin-left: -10px;
}
.hide-property {
display: none;
}
.currencyImportTextBlock {
padding-bottom: 10px;
}
.currencyFormButton {
padding-top: 10px;
}
.checkboxes.two_cols > li {
float: left;
width: 300px;
margin-left: 7px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.checkboxes.two_cols > li:hover {
overflow: visible;
white-space:normal;
}
#CurrencyList {
padding: 20px 0 0 10px;
}
#currencyTable {
padding: 10px 0 10px 0;
}
#currencyImportContent {
padding: 10px 0 10px 20px;
}
#currencyImportContent .exchangeRateImportGridTable {
width: 100%;
min-width: 600px;
}
.exchangeRateImportGridTable tr.gridRow {
height:35px;
}
.exchangeRateImportGridTable tr.gridRow td {
vertical-align:inherit;
}
#LoadFileForCurrencyImport {
padding-top: 10px;
}
#ExchangeRateImportGrid {
width: 500px;
}
#ExchangeRateImportGrid tr:last-child {
width: 50px;
}
#CurrencyImportForm .currencyDynamicsSettingsTable {
width: 700px;
}
#CurrencyImportForm .currencyDynamicsSettingsTable > tbody > tr > td {
padding-top: 3px;
}
td.td_calendar_navigator span.calendar_navigator_next {
background-image: url("/Content/Images/x32/next.png");
}
td.td_calendar_navigator span.calendar_navigator_prev {
background-image: url("/Content/Images/x32/prev.png");
}
td.td_calendar_navigator span.nav-arrow {
cursor: pointer;
display: inline-block;
font-size: 20px;
padding: 0;
vertical-align: top;
width: 32px;
height: 32px;
}
.lead-count {
cursor: pointer;
}
.lead-count-hide {
opacity: 0.2;
}
#LeadDynamicGrid {
width: 100%;
/*background: #CBE2FF none repeat scroll 0 0 !important;*/
background-color: #ffffff;
border: 1px solid #c0d2e8;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
z-index: 1;
position: relative;
}
.lead-dynamic-grid-table {
display: table;
width: 100%;
table-layout: fixed;
}
.lead-dynamic-grid-head {
display: table-header-group;
}
.lead-dynamic-grid-th {
display: table-cell;
background-color: #CBE2FF;
text-align: center;
padding: 2px 0;
border-bottom: 2px solid #c0d2e8 !important;
}
.lead-dynamic-grid-th span.lead-count {
font-size: 16px;
}
.lead-dynamic-grid-th div.lead-date {
font-weight: bold;
padding: 0 5px;
text-align: center;
}
.lead-dynamic-grid-body {
display: table-row-group;
background-color: transparent !important;
}
.lead-dynamic-grid-row {
display: table-row;
}
.lead-dynamic-grid-td {
display: table-cell;
padding: 0;
text-align: center;
border-style: solid;
border-color: #e6e6e6;
border-width: 0 0 1px 0;
line-height: 30px;
}
.lead-dynamic-grid-td:first-child {
border: 0;
text-align: left;
}
.current-period {
background-color: lightblue;
}
div.period-block {
border-color: lightseagreen;
border-style: solid;
border-width: 0 0 0 4px;
background-color: #daeef6;
position: absolute;
z-index: -1;
height: 27px;
margin-top: 1px;
opacity: 0.6;
}
div.group-tree {
background-color: white;
}
div.group-tree > ul {
font-size: 0px;
}
div.group-tree > ul > li {
font-size: 12px;
}
div.group-tree ul > li > div {
background-color: white;
padding: 7px 10px;
text-align: left;
border-style: solid;
border-color: #e6e6e6;
border-width: 0 0 1px 0;
}
.marketing-calendar {
width: 100%;
background: #77a4df none repeat scroll 0 0 !important;
border: 1px solid #c0d2e8;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
margin-top: 20px;
position: relative;
}
.marketing-calendar table {
width: 100%;
}
.marketing-calendar tbody td {
background-color: white;
padding: 7px 5px;
text-align: left;
border-style: solid;
border-color: #e6e6e6;
border-width: 0 0 1px 0;
white-space: nowrap;
}
.marketing-calendar thead td {
padding: 7px 5px;
border-bottom: 2px solid #c0d2e8 !important;
color: white;
font-size: 13px;
}
.mc-activity-div {
position: absolute;
left: 0;
top: 0;
width: 100%;
}
.mc-activity {
background-color: steelblue;
cursor: pointer;
position: absolute;
}
.marketing-budget-collapse {
background-image: url("Office2007/sprite.png");
vertical-align: -2px;
}
span.marketing-budget-collapse.collapseImage {
background-position: 0 -176px;
}
span.marketing-budget-collapse.expandImage {
background-position: 0 -160px;
}
.tag-caption-bottom td.dft_table_td {
vertical-align: bottom !important;
}
#MarketingStatisticGrid {
width: 100%;
/*background: #CBE2FF none repeat scroll 0 0 !important;*/
background-color: #ffffff;
border: 1px solid #c0d2e8;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
z-index: 1;
position: relative;
}
#MarketingStatisticGrid table {
width: 100%;
table-layout: fixed;
}
#MarketingStatisticGrid thead td {
background-color: #CBE2FF;
text-align: center;
padding: 7px 0px;
border-bottom: 2px solid #c0d2e8 !important;
}
#MarketingStatisticGrid thead td span.lead-count {
font-size: 14px;
}
#MarketingStatisticGrid thead td div.lead-date {
font-weight: bold;
padding: 0 5px;
text-align: center;
}
#MarketingStatisticGrid tbody {
background-color: transparent !important;
}
#MarketingStatisticGrid tbody td {
padding: 0 7px;
text-align: center;
border-style: solid;
border-color: #e6e6e6;
border-width: 0 0 1px 0;
line-height: 30px;
}
#MarketingStatisticGrid tbody td:first-child {
text-align: left;
}
#MarketingPaymentGrid .t-grid-table-container {
border: none !important;
}
#MarketingPaymentGrid tr {
background-color: inherit;
}
.statistic-sum {
font-size: 14px;
}
div.FeedWorkflowInstanceNotificationSubject {
border: #BFBFBF solid 1px;
background-color: #ECECEC;
padding: 3px;
font-weight: bold;
}
/* Documents.Docflow styles */
#NomenclatureTree
{
border: 0px !important;
}
.dft_table_td_delo
{
width: 25%;
}
.document-task-arrow {
width: 17px;
height: 7px;
margin-bottom: -1px;
margin-left: 30px;
position: relative;
background: url("/Modules/EleWise.ELMA.Documents.Docflow.Web/Content/Images/UserArrow.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.document-task-header-status {
min-height: 24px;
}
.document-task-status-content {
margin-top: 10px;
}
.document-task-status
{
vertical-align: middle;
position: relative;
padding: 0 10px 0 5px;
font-size: 14px;
background-color: #fff;
display: inline-block;
}
.confirmStatus {
color: #6ba93d;
border: 1px solid #6ba93d;
}
.grayStatus {
color: #455463;
border: 1px solid #455463;
}
.noneStatus {
color: #e7b51a;
border: 1px solid #e7b51a;
}
.cancelStatus {
color: #E84F35;
border: 1px solid #E84F35;
}
.document-task-datetime-color {
color: #848484;
white-space: nowrap;
}
.document-task-datetime
{
position: relative;
top: -24px;
text-align: right;
height: 0;
}
.document-task-registration-number {
color: #848484;
word-wrap: break-word;
word-break: break-all;
display: inline-block;
text-align: left;
}
.document-task-status-item {
}
.document-task-status-item-separator
{
height: 1px;
margin-top: 5px;
margin-bottom: 5px;
}
.confirmStatus-separator {
border-bottom: 1px solid #6ba93d;
}
.confirmStatus-light-separator {
border-bottom: 1px solid #d3e5c9;
}
.noneStatus-light-separator {
border-bottom: 1px solid #f7e091;
}
.cancelStatus-light-separator {
border-bottom: 1px solid #f5c9bd;
}
.arrowRouteApprovementButtons {
float: left;
padding: 0 2px;
}
#RouteApprovementGrid td.t-first {
width: 42px
}
.routeApprovementContainer > .t-entity-input{
float: left;
padding-right: 20px;
}
.routeApprovementContainer > .createRouteApprovementButton {
float: left;
}
.routeApprovementContainerForName {
padding:5px 0 10px 0
}
.stageApprovementTable {
margin-top: 10px;
}
table.stageApprovementTable.t-grid-table > tbody > tr > td {
vertical-align: top;
padding: 10px 5px 3px 5px !important;
}
.routeNameBlock {
padding: 20px 0 10px 0;
font-weight: bold;
}
.documentTaskStatusItem{
padding: 5px 10px;
min-height: 40px;
}
.documentTaskStatusItem > .documentTaskStatusItemDate{
float: right;
margin-top: -40px;
}
.documentTaskStatusItem > .itemStatusImage {
float: left;
padding: 11px 5px 0 0;
}
.documentTaskStatusStageBlock {
padding-top: 15px;
position: relative;
}
.documentTaskStatusStageBlock {
margin-top: 15px;
}
.itemBorderForNoneStatus {
border: 1px solid #e7b51a;
}
.itemBorderForConfirmStatus {
border: 1px solid #6ba93d;
}
.itemBorderForCancelStatus {
border: 1px solid #E84F35;
}
.documentTaskStatusText {
position: absolute;
top:-10px;
padding: 0 10px;
font-size: 15px;
left: 25px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 80%;
}
.cellWithIndex {
text-align: center;
}
.groupsWithoutStagesTitle, .groupsWithStagesTitle {
font-family: 'OpenSans';
font-size: 17px;
font-weight: 300;
white-space: nowrap;
background-position: left top;
background-repeat: no-repeat;
border: 0 none;
vertical-align: middle;
}
.columnDocStatusInPopup {
white-space: nowrap;
width: 65px;
padding: 4px 0 4px 0;
float: right;
}
.doNotApprovePopupText {
padding: 15px 60px;
}
#doNotApprovePopupBody {
overflow-y: auto;
height: 210px;
width: 480px;
margin: 0 auto;
}
table.stageApprovementTable.t-grid-table > tbody > tr > td {
vertical-align: top;
padding: 10px 5px 3px 5px !important;
}
/* Feed */
div.FeedTypeDocumentTask div.FeedObjectTypeTitle-Left {
background: url("/Modules/EleWise.ELMA.Documents.Docflow.Web/Content/Images/feedtype-title-DocumentTask-l.png") no-repeat;
}
div.FeedTypeDocumentTask div.FeedObjectTypeTitle-Right {
background: url("/Modules/EleWise.ELMA.Documents.Docflow.Web/Content/Images/feedtype-title-DocumentTask-r.png") no-repeat;
}
div.FeedTypeDocumentTask div.FeedObjectTypeTitle-Text {
background-color: #B1D274;
border-color: #9AB472;
}
div.CommentApprovementAddInfo {
margin-left: 0px;
padding: 3px;
padding-left: 22px;
}
div.CommentApprovementAddInfo img {
vertical-align: text-bottom;
}
div.FeedDocumentApprovement-Confirm {
border: #82C154 solid 1px;
background: url("/Modules/EleWise.ELMA.Documents.Docflow.Web/Content/Images/x16/Confirm.png") no-repeat 2px 3px;
display: inline;
}
div.FeedDocumentApprovement-UnConfirm {
border: red solid 1px;
background: url("/Modules/EleWise.ELMA.Documents.Docflow.Web/Content/Images/x16/UnConfirm.png") no-repeat 2px 3px;
display: inline;
}
.performance-black {
background: #333333;
}
.performance-green {
background: #7eb733;
}
.performance-yellow {
background: #f6d142;
}
.performance-red {
background: #db5a46;
}
.viz-root{
position: relative;
width: 500px;
transition: height 0.1s linear;
height: 55px;
}
.viz-root-empty
{
position: relative;
width: 500px;
height: 55px;
text-align: center;
line-height: 50px;
}
.viz-tip-empty{
text-align: center;
width: 500px;
margin-top: -20px;
font-size: 0.8em;
line-height: 20px;
color: #aaa;
user-select: none;
}
.viz-desc{
position: relative;
width: 100%;
height: 60px;
user-select: none;
}
.viz-scale-container {
position: relative;
width: 100%;
height: 10px;
user-select: none;
}
.viz-scale{
position: relative;
bottom: 40px;
width: 100%;
height: 100%;
width: 99%;
border: 1px solid gray;
border-radius: 3px;
background-color: white;
overflow: hidden;
user-select: none;
}
.viz-range{
position: absolute;
height: 100%;
outline: 1px solid #333;
user-select: none;
}
.viz-handles {
position: absolute;
top: -40px; /* противоположно .viz-scale{bottom} */
left: 0;
width: 100%;
height: 10px;
user-select: none;
}
.viz-handle {
position: absolute;
top: -3px;
width: 16px;
height: 16px;
border: 1px solid #cccccc;
border-radius: 3px;
background: rgb(230, 230, 230);
transform: translateX(-50%);
}
.viz-handle:hover {
border: 1px solid #999999;
}
.viz-label{
position: absolute;
text-align: center;
}
.viz-desc-dv{
position:absolute;
bottom: 5px;
text-align: left;
color: gray;
transform: translateX(-50%);
background: white;
}
.color-sample {
position: relative;
display: inline-block;
margin: 5px;
border: 7px solid white;
border-radius: 100%;
width: 10px;
height: 10px;
}
.color-sample.color-sample-selected {
border: 0px solid white;
border-radius: 6px;
width: 24px;
height: 24px;
}
div.report_panel
{
padding: 5px;
background-color: #ffffff;
border: solid 1px #CCCCCC;
border-radius: 5px;
}
div.repot_param_panel
{
padding: 5px;
background-color: #ffffff;
border: solid 1px #CCCCCC;
border-radius: 5px;
margin-bottom: 5px;
}
//End files
|