/*! jQuery UI - v1.10.3 - 2013-11-25 * http://jqueryui.com * Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.autocomplete.css, jquery.ui.menu.css, jquery.ui.theme.css * Copyright 2013 jQuery Foundation and other contributors; Licensed MIT */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 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:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { min-height: 0; /* support: IE7 */ } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } .ui-front { z-index: 100; } /* 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: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; 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; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } .ui-menu { list-style: none; padding: 2px; margin: 0; display: block; outline: none; } .ui-menu .ui-menu { margin-top: -3px; position: absolute; } .ui-menu .ui-menu-item { margin: 0; padding: 0; width: 100%; /* support: IE10, see #8844 */ list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7); } .ui-menu .ui-menu-divider { margin: 5px -2px 5px -2px; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px .4em; line-height: 1.5; min-height: 0; /* support: IE7 */ font-weight: normal; } .ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; } .ui-menu .ui-state-disabled { font-weight: normal; margin: .4em 0 .2em; line-height: 1.5; } .ui-menu .ui-state-disabled a { cursor: default; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item a { position: relative; padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: .2em; left: .2em; } /* right-aligned */ .ui-menu .ui-menu-icon { position: static; float: right; } /* 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;*/ background: #ffffff; 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;*/ background: #cccccc; 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 #ccc; /*background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;*/ background: #eee; 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 #ccc; /* background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;*/ background: #eee; font-weight: normal; color: #212121; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited { 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;*/ background: #fff; font-weight: normal; color: #212121; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: 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;*/ background: #fbf9ee; 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;*/ background: #fef1ec; 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; } .ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); /* For IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } /* .ui-icon, .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-blank { background-position: 16px 16px; } .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-on { background-position: -96px -144px; } .ui-icon-radio-off { 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 { border-top-left-radius: 2px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 2px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 2px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 2px; } /* Overlays */ .ui-widget-overlay { /*background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;*/ background: #aaa; opacity: .3; 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;*/ background: #aaa; opacity: .3; filter: Alpha(Opacity=30); border-radius: 8px; } /*! normalize.css 2012-03-11T12:53 UTC - http://github.com/necolas/normalize.css */ /* ============================================================================= HTML5 display definitions ========================================================================== */ /* * Corrects block display not defined in IE6/7/8/9 & FF3 */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; } /* * Corrects inline-block display not defined in IE6/7/8/9 & FF3 */ audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } /* * Prevents modern browsers from displaying 'audio' without controls * Remove excess height in iOS5 devices */ audio:not([controls]) { display: none; height: 0; } /* * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4 * Known issue: no IE6 support */ [hidden] { display: none; } /* ============================================================================= Base ========================================================================== */ /* * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units * http://clagnut.com/blog/348/#c790 * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom * www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ html { font-size: 100%; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ } /* * Addresses font-family inconsistency between 'textarea' and other form elements. */ html, button, input, select, textarea { font-family: sans-serif; } /* * Addresses margins handled incorrectly in IE6/7 */ body { margin: 0; } /* ============================================================================= Links ========================================================================== */ /* * Addresses outline displayed oddly in Chrome */ a:focus { outline: thin dotted; } /* * Improves readability when focused and also mouse hovered in all browsers * people.opera.com/patrickl/experiments/keyboard/test */ a:hover, a:active { outline: 0; } /* ============================================================================= Typography ========================================================================== */ /* * Addresses font sizes and margins set differently in IE6/7 * Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5 */ h1 { font-size: 2em; margin: 0.67em 0; } h2 { font-size: 1.5em; margin: 0.83em 0; } h3 { font-size: 1.17em; margin: 1em 0; } h4 { font-size: 1em; margin: 1.33em 0; } h5 { font-size: 0.83em; margin: 1.67em 0; } h6 { font-size: 0.75em; margin: 2.33em 0; } /* * Addresses styling not present in IE7/8/9, S5, Chrome */ abbr[title] { border-bottom: 1px dotted; } /* * Addresses style set to 'bolder' in FF3+, S4/5, Chrome */ b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } /* * Addresses styling not present in S5, Chrome */ dfn { font-style: italic; } /* * Addresses styling not present in IE6/7/8/9 */ mark { background: #ff0; color: #000; } /* * Addresses margins set differently in IE6/7 */ p, pre { margin: 1em 0; } /* * Corrects font family set oddly in IE6, S4/5, Chrome * en.wikipedia.org/wiki/User:Davidgothberg/Test59 */ pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } /* * Improves readability of pre-formatted text in all browsers */ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } /* * 1. Addresses CSS quotes not supported in IE6/7 * 2. Addresses quote property not supported in S4 */ /* 1 */ q { quotes: none; } /* 2 */ q:before, q:after { content: ''; content: none; } small { font-size: 75%; } /* * Prevents sub and sup affecting line-height in all browsers * gist.github.com/413930 */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* ============================================================================= Lists ========================================================================== */ /* * Addresses margins set differently in IE6/7 */ dl, menu, ol, ul { margin: 1em 0; } dd { margin: 0 0 0 40px; } /* * Addresses paddings set differently in IE6/7 */ menu, ol, ul { padding: 0 0 0 40px; } /* * Corrects list images handled incorrectly in IE7 */ nav ul, nav ol { list-style: none; list-style-image: none; } /* ============================================================================= Embedded content ========================================================================== */ /* * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3 * 2. Improves image quality when scaled in IE7 * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */ img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ } /* * Corrects overflow displayed oddly in IE9 */ svg:not(:root) { overflow: hidden; } /* ============================================================================= Figures ========================================================================== */ /* * Addresses margin not present in IE6/7/8/9, S5, O11 */ figure { margin: 0; } /* ============================================================================= Forms ========================================================================== */ /* * Corrects margin displayed oddly in IE6/7 */ form { margin: 0; } /* * Define consistent border, margin, and padding */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /* * 1. Corrects color not being inherited in IE6/7/8/9 * 2. Corrects text not wrapping in FF3 * 3. Corrects alignment displayed oddly in IE6/7 */ legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px; /* 3 */ } /* * 1. Corrects font size not being inherited in all browsers * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome * 3. Improves appearance and consistency in all browsers */ button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ } /* * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet */ button, input { line-height: normal; /* 1 */ } /* * 1. Improves usability and consistency of cursor style between image-type 'input' and others * 2. Corrects inability to style clickable 'input' types in iOS * 3. Removes inner spacing in IE7 without affecting normal text inputs * Known issue: inner spacing remains in IE6 */ button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; /* 1 */ -webkit-appearance: button; /* 2 */ *overflow: visible; /* 3 */ } /* * Re-set default cursor for disabled elements */ button[disabled], input[disabled] { cursor: default; } /* * 1. Addresses box sizing set to content-box in IE8/9 * 2. Removes excess padding in IE8/9 * 3. Removes excess padding in IE7 Known issue: excess padding remains in IE6 */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */ } /* * 1. Addresses appearance set to searchfield in S5, Chrome * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof) */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /* * Removes inner padding and search cancel button in S5, Chrome on OS X */ input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } /* * Removes inner padding and border in FF3+ * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* * 1. Removes default vertical scrollbar in IE6/7/8/9 * 2. Improves readability and alignment in all browsers */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /* ============================================================================= Tables ========================================================================== */ /* * Remove most spacing between table cells */ table { border-collapse: collapse; border-spacing: 0; } @charset "UTF-8"; @font-face { font-family: "rainloop"; src:url("fonts/rainloop.eot"); src:url("fonts/rainloop.eot?#iefix") format("embedded-opentype"), url("fonts/rainloop.woff") format("woff"), url("fonts/rainloop.ttf") format("truetype"), url("fonts/rainloop.svg#rainloop") format("svg"); font-weight: normal; font-style: normal; } [data-icon]:before { font-family: "rainloop" !important; content: attr(data-icon); font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "rainloop" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-arrows-in:before { content: "\e000"; } .icon-arrows-out:before { content: "\e001"; } .icon-list:before { content: "\e002"; } .icon-search:before { content: "\e003"; } .icon-user:before { content: "\e004"; } .icon-user-add:before { content: "\e005"; } .icon-tags:before { content: "\e006"; } .icon-paper-plane:before { content: "\e007"; } .icon-reply:before { content: "\e008"; } .icon-reply-all:before { content: "\e009"; } .icon-forward:before { content: "\e00a"; } .icon-info:before { content: "\e00b"; } .icon-right-dir:before { content: "\e00c"; } .icon-down-dir:before { content: "\e00d"; } .icon-image:before { content: "\e00e"; } .icon-print:before { content: "\e00f"; } .icon-calendar:before { content: "\e010"; } .icon-cog:before { content: "\e011"; } .icon-wrench:before { content: "\e012"; } .icon-rocket:before { content: "\e013"; } .icon-fire:before { content: "\e014"; } .icon-purchase:before { content: "\e015"; } .icon-apple:before { content: "\e016"; } .icon-dropbox:before { content: "\e017"; } .icon-skype:before { content: "\e018"; } .icon-creative-commons:before { content: "\e019"; } .icon-ellipsis:before { content: "\e01a"; } .icon-left:before { content: "\e01b"; } .icon-right:before { content: "\e01c"; } .icon-down:before { content: "\e01d"; } .icon-right-mini:before { content: "\e01e"; } .icon-down-mini:before { content: "\e01f"; } .icon-up:before { content: "\e020"; } .icon-star-empty:before { content: "\e021"; } .icon-star:before { content: "\e022"; } .icon-at:before { content: "\e023"; } .icon-list-add:before { content: "\e024"; } .icon-google:before { content: "\e025"; } .icon-google-plus:before { content: "\e026"; } .icon-twitter:before { content: "\e027"; } .icon-youtube:before { content: "\e028"; } .icon-warning:before { content: "\e029"; } .icon-warning-alt:before { content: "\e02a"; } .icon-power:before { content: "\e02b"; } .icon-plus:before { content: "\e02c"; } .icon-ok:before { content: "\e02d"; } .icon-remove:before { content: "\e02e"; } .icon-file:before { content: "\e02f"; } .icon-file-code:before { content: "\e030"; } .icon-file-chart-graph:before { content: "\e031"; } .icon-file-zip:before { content: "\e032"; } .icon-file-music:before { content: "\e033"; } .icon-file-text:before { content: "\e034"; } .icon-file-bookmark:before { content: "\e035"; } .icon-file-image:before { content: "\e036"; } .icon-file-analytics:before { content: "\e037"; } .icon-file-certificate:before { content: "\e038"; } .icon-attachment:before { content: "\e039"; } .icon-file-excel:before { content: "\e03a"; } .icon-file-movie:before { content: "\e03b"; } .icon-folder-add:before { content: "\e03c"; } .icon-folder:before { content: "\e03d"; } .icon-floppy:before { content: "\e03e"; } .icon-eye:before { content: "\e03f"; } .icon-facebook-alt:before { content: "\e040"; } .icon-facebook:before { content: "\e041"; } .icon-bolt:before { content: "\e042"; } .icon-download:before { content: "\e043"; } .icon-upload:before { content: "\e044"; } .icon-bug:before { content: "\e045"; } .icon-popup:before { content: "\e046"; } .icon-github:before { content: "\e047"; } .icon-telephone:before { content: "\e048"; } .icon-mobile:before { content: "\e049"; } .icon-pencil:before { content: "\e04a"; } .icon-trash:before { content: "\e04b"; } .icon-left-middle:before { content: "\e04c"; } .icon-right-middle:before { content: "\e04d"; } .icon-repeat:before { content: "\e04e"; } .icon-key:before { content: "\e04f"; } .icon-lock:before { content: "\e050"; } .icon-home:before { content: "\e051"; } .icon-address-book:before { content: "\e052"; } .icon-share:before { content: "\e053"; } .icon-suitcase:before { content: "\e054"; } .icon-new-sign:before { content: "\e055"; } .icon-users:before { content: "\e056"; } .icon-earth:before { content: "\e057"; } .icon-happy-smiley:before { content: "\e058"; } .icon-mail:before { content: "\e059"; } .icon-checkbox-checked:before { content: "\e05a"; } .icon-checkbox-unchecked:before { content: "\e05b"; } .icon-checkbox-partial:before { content: "\e05c"; } .icon-radio-checked:before { content: "\e05d"; } .icon-radio-unchecked:before { content: "\e05e"; } .icon-google-drive:before { content: "\e05f"; } .icon-spinner:before { content: "\e060"; } .icon-archive:before { content: "\e061"; } .icon-buy-sign:before { content: "\e062"; } .icon-filter:before { content: "\e063"; } /** initial setup **/ .nano { /* position : relative; width : 100%; height : 100%;*/ overflow : hidden !important; } .nano .content { position : absolute; overflow : scroll; /*overflow-x : hidden;*/ top : 0; right : 0; bottom : 0; left : 0; -webkit-overflow-scrolling: touch; } .nano .content .content-wrapper { height: 100%; } .nano .content::-webkit-scrollbar { visibility: hidden; } .has-scrollbar .content::-webkit-scrollbar { /*visibility: visible;*/ visibility: hidden; } .nano-visibility-hidden::-webkit-scrollbar { visibility: hidden; } .nano > .pane { background : none; position : absolute; width : 5px; right : 0; top : 1px; bottom : 1px; opacity : .01; filter: alpha(opacity=1); -webkit-transition : .4s; -moz-transition : .4s; -o-transition : .4s; transition : .4s; -moz-border-radius : 5px; -webkit-border-radius : 5px; border-radius : 5px; z-index: 10000; margin : 2px; } .nano > .pane2 { background : none; position : absolute; height : 5px; right : 1px; left : 1px; bottom : 0; opacity : .01; filter: alpha(opacity=1); -webkit-transition : .4s; -moz-transition : .4s; -o-transition : .4s; transition : .4s; -moz-border-radius : 5px; -webkit-border-radius : 5px; border-radius : 5px; z-index: 10000; margin : 2px; } .nano > .pane > .slider { background-color: #999; background-color: rgba(0, 0, 0, 0.3); position : relative; margin : 0; -moz-border-radius : 3px; -webkit-border-radius : 3px; border-radius : 3px; width : 5px; } .nano > .pane2 > .slider2 { background-color: #999; background-color: rgba(0, 0, 0, 0.3); position : relative; margin : 0; -moz-border-radius : 3px; -webkit-border-radius : 3px; border-radius : 3px; height : 5px; } .nano:hover > .pane, .nano:hover > .pane2, .pane.active, .pane2.active, .pane.flashed, .pane2.flashed { visibility : visible\9; /* Target only IE7 and IE8 with this hack */ opacity : 0.99; filter: alpha(opacity=99); } .nano > .pane:hover, .nano > .pane.active { background-color: rgba(0, 0, 0, 0.15); } .nano > .pane2:hover, .nano > .pane2.active { background-color: rgba(0, 0, 0, 0.15); } .nano > .pane:hover > .slider, .nano > .pane.active > .slider { background-color: rgba(0, 0, 0, 0.4); } .nano > .pane2:hover > .slider2, .nano > .pane2.active > .slider2 { background-color: rgba(0, 0, 0, 0.4); } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; filter: alpha(opacity=80); } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #cccccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #cccccc; } .mfp-preloader a:hover { color: white; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: white; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: white; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #cccccc; font-size: 12px; line-height: 18px; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid white; margin-left: 31px; } .mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3f3f3f; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid white; margin-left: 39px; } .mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #3f3f3f; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: black; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444444; } .mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure { /* The shadow behind the image */ } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .mfp-ie7 .mfp-img { padding: 0; } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; } /* overlay at start */ .mfp-fade.mfp-bg { opacity: 0; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } /* overlay animate in */ .mfp-fade.mfp-bg.mfp-ready { opacity: 0.8; } /* overlay animate out */ .mfp-fade.mfp-bg.mfp-removing { opacity: 0; } /* content at start */ .mfp-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; -webkit-transform: translateX(-50px); -moz-transform: translateX(-50px); transform: translateX(-50px); } /* content animate it */ .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0); } /* content animate out */ .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; -webkit-transform: translateX(50px); -moz-transform: translateX(50px); transform: translateX(50px); } .simple-pace { -webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .simple-pace-inactive { display: none; } .simple-pace .simple-pace-progress { background-color: #939595; position: fixed; z-index: 2000; top: 0; left: 0; height: 3px; overflow: hidden; -webkit-transition: width .5s; -moz-transition: width .5s; -o-transition: width .5s; transition: width .5s; } .simple-pace .simple-pace-progress-inner { position: absolute; top: 0; left: 0; right: -32px; bottom: 0; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.3)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.3)), color-stop(0.75, rgba(255, 255, 255, 0.3)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent); -webkit-background-size: 32px 32px; -moz-background-size: 32px 32px; -o-background-size: 32px 32px; background-size: 32px 32px; -webkit-animation: simple-pace-stripe-animation 500ms linear infinite; -moz-animation: simple-pace-stripe-animation 500ms linear infinite; -ms-animation: simple-pace-stripe-animation 500ms linear infinite; -o-animation: simple-pace-stripe-animation 500ms linear infinite; animation: simple-pace-stripe-animation 500ms linear infinite; } @-webkit-keyframes simple-pace-stripe-animation { 0% { -webkit-transform: none; transform: none; } 100% { -webkit-transform: translate(-32px, 0); transform: translate(-32px, 0); } } @-moz-keyframes simple-pace-stripe-animation { 0% { -moz-transform: none; transform: none; } 100% { -moz-transform: translate(-32px, 0); transform: translate(-32px, 0); } } @-o-keyframes simple-pace-stripe-animation { 0% { -o-transform: none; transform: none; } 100% { -o-transform: translate(-32px, 0); transform: translate(-32px, 0); } } @-ms-keyframes simple-pace-stripe-animation { 0% { -ms-transform: none; transform: none; } 100% { -ms-transform: translate(-32px, 0); transform: translate(-32px, 0); } } @keyframes simple-pace-stripe-animation { 0% { transform: none; transform: none; } 100% { transform: translate(-32px, 0); transform: translate(-32px, 0); } } .inputosaurus-container { background-color:#fff; border:1px solid #bcbec0; margin:0 5px 0 0; padding:0 3px; display : inline-block; cursor:text; font-size : 14px; font-family : "Helvetica Neue", Helvetica, Arial, sans-serif; } .inputosaurus-container li { display : block; float : left; overflow: hidden; margin : 2px 2px 0; padding : 2px 3px; white-space : nowrap; overflow : hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; background-color:#e5eff7; border:#a9cae4 solid 1px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; color:#5b9bcd; -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.75) inset; -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.75) inset; box-shadow: 0 1px 0 rgba(255,255,255,0.75) inset; line-height : 20px; cursor: default; } .inputosaurus-container li.inputosaurus-selected { background-color:#bdd6eb; } .inputosaurus-container li a { font-size:16px; color:#5b9bcd; padding : 1px; text-decoration : none; outline : none; } .inputosaurus-container .inputosaurus-input { border:none; box-shadow: none; background-color:#fff; margin-top : 3px; } .inputosaurus-container .inputosaurus-input input { border:none; height : 23px; font-size : 14px; line-height : 20px; color : #555; margin : 0; outline : none; padding : 0 0 1px 1px; width : 25px; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; } .inputosaurus-container .inputosaurus-input input:hover { -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; } .inputosaurus-input-hidden { display:none; } .flag-wrapper { width: 24px; height: 16px; display: inline-block; } .flag { width: 16px; height: 11px; display: inline-block; background: url(flags.png) no-repeat; } .flag.flag-en {background-position: -144px -154px} .flag.flag-en-us {background-position: -144px -154px} .flag.flag-en-gb {background-position: -240px -33px} .flag.flag-en-ca {background-position: -48px -22px} .flag.flag-nl, .flag.flag-nl-nl {background-position: -80px -110px} .flag.flag-pl, .flag.flag-pl-pl {background-position: -32px -121px} .flag.flag-ru, .flag.flag-ru-ru {background-position: -224px -121px} .flag.flag-ro, .flag.flag-ro-ro {background-position: -192px -121px} .flag.flag-ua, .flag.flag-ua-ua {background-position: -96px -154px} .flag.flag-de, .flag.flag-de-de {background-position: -80px -33px} .flag.flag-it, .flag.flag-it-it {background-position: -208px -66px} .flag.flag-is, .flag.flag-is-is {background-position: -192px -66px} .flag.flag-lv, .flag.flag-lv-lv {background-position: -112px -88px} .flag.flag-hu, .flag.flag-hu-hu {background-position: -32px -66px} .flag.flag-no, .flag.flag-nb, .flag.flag-nb-no {background-position: -96px -110px} .flag.flag-fr, .flag.flag-fr-fr, .flag.flag-fr-ca {background-position: -144px -44px} .flag.flag-es, .flag.flag-es-es, .flag.flag-es-la {background-position: -16px -44px} .flag.flag-ja, .flag.flag-jp, .flag.flag-ja-jp {background-position: -16px -77px} .flag.flag-ko-kr {background-position: -144px -77px} .flag.flag-pt, .flag.flag-pt-pt {background-position: -112px -121px} .flag.flag-pt-br {background-position: -192px -11px} .flag.flag-cn, .flag.flag-zh-tw, .flag.flag-zh-cn, .flag.flag-zh-hk {background-position: -208px -22px} /* RainLoop Webmail (c) RainLoop Team | Licensed under CC BY-NC-SA 3.0 */ .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } .hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body { margin: 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px; color: #333333; background-color: #ffffff; } a { color: #0088cc; text-decoration: none; } a:hover { color: #005580; text-decoration: underline; } .img-rounded { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .img-polaroid { padding: 4px; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } .img-circle { -webkit-border-radius: 500px; -moz-border-radius: 500px; border-radius: 500px; } .row { margin-left: -20px; *zoom: 1; } .row:before, .row:after { display: table; content: ""; line-height: 0; } .row:after { clear: both; } [class*="span"] { float: left; margin-left: 20px; } .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 940px; } .span12 { width: 940px; } .span11 { width: 860px; } .span10 { width: 780px; } .span9 { width: 700px; } .span8 { width: 620px; } .span7 { width: 540px; } .span6 { width: 460px; } .span5 { width: 380px; } .span4 { width: 300px; } .span3 { width: 220px; } .span2 { width: 140px; } .span1 { width: 60px; } .offset12 { margin-left: 980px; } .offset11 { margin-left: 900px; } .offset10 { margin-left: 820px; } .offset9 { margin-left: 740px; } .offset8 { margin-left: 660px; } .offset7 { margin-left: 580px; } .offset6 { margin-left: 500px; } .offset5 { margin-left: 420px; } .offset4 { margin-left: 340px; } .offset3 { margin-left: 260px; } .offset2 { margin-left: 180px; } .offset1 { margin-left: 100px; } .row-fluid { width: 100%; *zoom: 1; } .row-fluid:before, .row-fluid:after { display: table; content: ""; line-height: 0; } .row-fluid:after { clear: both; } .row-fluid [class*="span"] { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; margin-left: 2.127659574468085%; *margin-left: 2.074468085106383%; } .row-fluid [class*="span"]:first-child { margin-left: 0; } .row-fluid .span12 { width: 100%; *width: 99.94680851063829%; } .row-fluid .span11 { width: 91.48936170212765%; *width: 91.43617021276594%; } .row-fluid .span10 { width: 82.97872340425532%; *width: 82.92553191489361%; } .row-fluid .span9 { width: 74.46808510638297%; *width: 74.41489361702126%; } .row-fluid .span8 { width: 65.95744680851064%; *width: 65.90425531914893%; } .row-fluid .span7 { width: 57.44680851063829%; *width: 57.39361702127659%; } .row-fluid .span6 { width: 48.93617021276595%; *width: 48.88297872340425%; } .row-fluid .span5 { width: 40.42553191489362%; *width: 40.37234042553192%; } .row-fluid .span4 { width: 31.914893617021278%; *width: 31.861702127659576%; } .row-fluid .span3 { width: 23.404255319148934%; *width: 23.351063829787233%; } .row-fluid .span2 { width: 14.893617021276595%; *width: 14.840425531914894%; } .row-fluid .span1 { width: 6.382978723404255%; *width: 6.329787234042553%; } .row-fluid .offset12 { margin-left: 104.25531914893617%; *margin-left: 104.14893617021275%; } .row-fluid .offset12:first-child { margin-left: 102.12765957446808%; *margin-left: 102.02127659574467%; } .row-fluid .offset11 { margin-left: 95.74468085106382%; *margin-left: 95.6382978723404%; } .row-fluid .offset11:first-child { margin-left: 93.61702127659574%; *margin-left: 93.51063829787232%; } .row-fluid .offset10 { margin-left: 87.23404255319149%; *margin-left: 87.12765957446807%; } .row-fluid .offset10:first-child { margin-left: 85.1063829787234%; *margin-left: 84.99999999999999%; } .row-fluid .offset9 { margin-left: 78.72340425531914%; *margin-left: 78.61702127659572%; } .row-fluid .offset9:first-child { margin-left: 76.59574468085106%; *margin-left: 76.48936170212764%; } .row-fluid .offset8 { margin-left: 70.2127659574468%; *margin-left: 70.10638297872339%; } .row-fluid .offset8:first-child { margin-left: 68.08510638297872%; *margin-left: 67.9787234042553%; } .row-fluid .offset7 { margin-left: 61.70212765957446%; *margin-left: 61.59574468085106%; } .row-fluid .offset7:first-child { margin-left: 59.574468085106375%; *margin-left: 59.46808510638297%; } .row-fluid .offset6 { margin-left: 53.191489361702125%; *margin-left: 53.085106382978715%; } .row-fluid .offset6:first-child { margin-left: 51.063829787234035%; *margin-left: 50.95744680851063%; } .row-fluid .offset5 { margin-left: 44.68085106382979%; *margin-left: 44.57446808510638%; } .row-fluid .offset5:first-child { margin-left: 42.5531914893617%; *margin-left: 42.4468085106383%; } .row-fluid .offset4 { margin-left: 36.170212765957444%; *margin-left: 36.06382978723405%; } .row-fluid .offset4:first-child { margin-left: 34.04255319148936%; *margin-left: 33.93617021276596%; } .row-fluid .offset3 { margin-left: 27.659574468085104%; *margin-left: 27.5531914893617%; } .row-fluid .offset3:first-child { margin-left: 25.53191489361702%; *margin-left: 25.425531914893618%; } .row-fluid .offset2 { margin-left: 19.148936170212764%; *margin-left: 19.04255319148936%; } .row-fluid .offset2:first-child { margin-left: 17.02127659574468%; *margin-left: 16.914893617021278%; } .row-fluid .offset1 { margin-left: 10.638297872340425%; *margin-left: 10.53191489361702%; } .row-fluid .offset1:first-child { margin-left: 8.51063829787234%; *margin-left: 8.404255319148938%; } [class*="span"].hide, .row-fluid [class*="span"].hide { display: none; } [class*="span"].pull-right, .row-fluid [class*="span"].pull-right { float: right; } .container { margin-right: auto; margin-left: auto; *zoom: 1; } .container:before, .container:after { display: table; content: ""; line-height: 0; } .container:after { clear: both; } .container-fluid { padding-right: 20px; padding-left: 20px; *zoom: 1; } .container-fluid:before, .container-fluid:after { display: table; content: ""; line-height: 0; } .container-fluid:after { clear: both; } p { margin: 0 0 10px; } .lead { margin-bottom: 20px; font-size: 20px; font-weight: 200; line-height: 30px; } small { font-size: 85%; } strong { font-weight: bold; } em { font-style: italic; } cite { font-style: normal; } .muted { color: #999999; } h1, h2, h3, h4, h5, h6 { margin: 10px 0; font-family: inherit; font-weight: bold; line-height: 1; color: inherit; text-rendering: optimizelegibility; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-weight: normal; line-height: 1; color: #999999; } h1 { font-size: 36px; line-height: 40px; } h2 { font-size: 30px; line-height: 40px; } h3 { font-size: 24px; line-height: 40px; } h4 { font-size: 18px; line-height: 20px; } h5 { font-size: 14px; line-height: 20px; } h6 { font-size: 12px; line-height: 20px; } h1 small { font-size: 24px; } h2 small { font-size: 18px; } h3 small { font-size: 14px; } h4 small { font-size: 14px; } .page-header { padding-bottom: 9px; margin: 20px 0 30px; border-bottom: 1px solid #eeeeee; } ul, ol { padding: 0; margin: 0 0 10px 25px; } ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; } li { line-height: 20px; } ul.unstyled, ol.unstyled { margin-left: 0; list-style: none; } dl { margin-bottom: 20px; } dt, dd { line-height: 20px; } dt { font-weight: bold; } dd { margin-left: 10px; } .dl-horizontal dt { float: left; width: 120px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 130px; } hr { margin: 20px 0; border: 0; border-top: 1px solid #eeeeee; border-bottom: 1px solid #ffffff; } abbr[title] { cursor: help; border-bottom: 1px dotted #999999; } abbr.initialism { font-size: 90%; text-transform: uppercase; } blockquote { padding: 0 0 0 15px; margin: 0 0 20px; border-left: 5px solid #eeeeee; } blockquote p { margin-bottom: 0; font-size: 16px; font-weight: 300; line-height: 25px; } blockquote small { display: block; line-height: 20px; color: #999999; } blockquote small:before { content: '\2014 \00A0'; } blockquote.pull-right { float: right; padding-right: 15px; padding-left: 0; border-right: 5px solid #eeeeee; border-left: 0; } blockquote.pull-right p, blockquote.pull-right small { text-align: right; } blockquote.pull-right small:before { content: ''; } blockquote.pull-right small:after { content: '\00A0 \2014'; } q:before, q:after, blockquote:before, blockquote:after { content: ""; } address { display: block; margin-bottom: 20px; font-style: normal; line-height: 20px; } code, pre { padding: 0 3px 2px; font-family: Monaco, Menlo, Consolas, "Courier New", monospace; font-size: 12px; color: #333333; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } code { padding: 2px 4px; color: #d14; background-color: #f7f7f9; border: 1px solid #e1e1e8; } pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 20px; word-break: break-all; word-wrap: break-word; white-space: pre; white-space: pre-wrap; background-color: #f5f5f5; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } pre.prettyprint { margin-bottom: 20px; } pre code { padding: 0; color: inherit; background-color: transparent; border: 0; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } form { margin: 0 0 20px; } fieldset { padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: 40px; color: #333333; border: 0; border-bottom: 1px solid #e5e5e5; } legend small { font-size: 15px; color: #999999; } label, input, button, select, textarea { font-size: 14px; font-weight: normal; line-height: 20px; } input, button, select, textarea { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } label { display: block; margin-bottom: 5px; } select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { display: inline-block; height: 20px; padding: 4px 6px; margin-bottom: 9px; font-size: 14px; line-height: 20px; color: #555555; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } input, textarea { width: 210px; } textarea { height: auto; } textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { background-color: #ffffff; border: 1px solid #cccccc; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border linear .2s, box-shadow linear .2s; -moz-transition: border linear .2s, box-shadow linear .2s; -o-transition: border linear .2s, box-shadow linear .2s; transition: border linear .2s, box-shadow linear .2s; } textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { border-color: rgba(82, 168, 236, 0.8); outline: 0; outline: thin dotted \9; /* IE6-9 */ -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); } input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; *margin-top: 0; /* IE7 */ margin-top: 1px \9; /* IE8-9 */ line-height: normal; cursor: pointer; } input[type="file"], input[type="image"], input[type="submit"], input[type="reset"], input[type="button"], input[type="radio"], input[type="checkbox"] { width: auto; } select, input[type="file"] { height: 30px; /* In IE7, the height of the select element cannot be changed by height, only font-size */ *margin-top: 4px; /* For IE7, add top margin to align select with labels */ line-height: 30px; } select { width: 220px; border: 1px solid #bbb; background-color: #ffffff; } select[multiple], select[size] { height: auto; } select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .uneditable-input, .uneditable-textarea { color: #999999; background-color: #fcfcfc; border-color: #cccccc; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); cursor: not-allowed; } .uneditable-input { overflow: hidden; white-space: nowrap; } .uneditable-textarea { width: auto; height: auto; } input:-moz-placeholder, textarea:-moz-placeholder { color: #999999; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #999999; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #999999; } .radio, .checkbox { min-height: 18px; padding-left: 18px; } .radio input[type="radio"], .checkbox input[type="checkbox"] { float: left; margin-left: -18px; } .controls > .radio:first-child, .controls > .checkbox:first-child { padding-top: 5px; } .radio.inline, .checkbox.inline { display: inline-block; padding-top: 5px; margin-bottom: 0; vertical-align: middle; } .radio.inline + .radio.inline, .checkbox.inline + .checkbox.inline { margin-left: 10px; } .input-mini { width: 60px; } .input-small { width: 90px; } .input-medium { width: 150px; } .input-large { width: 210px; } .input-xlarge { width: 270px; } .input-xxlarge { width: 530px; } input[class*="span"], select[class*="span"], textarea[class*="span"], .uneditable-input[class*="span"], .row-fluid input[class*="span"], .row-fluid select[class*="span"], .row-fluid textarea[class*="span"], .row-fluid .uneditable-input[class*="span"] { float: none; margin-left: 0; } .input-append input[class*="span"], .input-append .uneditable-input[class*="span"], .input-prepend input[class*="span"], .input-prepend .uneditable-input[class*="span"], .row-fluid input[class*="span"], .row-fluid select[class*="span"], .row-fluid textarea[class*="span"], .row-fluid .uneditable-input[class*="span"], .row-fluid .input-prepend [class*="span"], .row-fluid .input-append [class*="span"] { display: inline-block; } input, textarea, .uneditable-input { margin-left: 0; } .controls-row [class*="span"] + [class*="span"] { margin-left: 20px; } input.span12, textarea.span12, .uneditable-input.span12 { width: 926px; } input.span11, textarea.span11, .uneditable-input.span11 { width: 846px; } input.span10, textarea.span10, .uneditable-input.span10 { width: 766px; } input.span9, textarea.span9, .uneditable-input.span9 { width: 686px; } input.span8, textarea.span8, .uneditable-input.span8 { width: 606px; } input.span7, textarea.span7, .uneditable-input.span7 { width: 526px; } input.span6, textarea.span6, .uneditable-input.span6 { width: 446px; } input.span5, textarea.span5, .uneditable-input.span5 { width: 366px; } input.span4, textarea.span4, .uneditable-input.span4 { width: 286px; } input.span3, textarea.span3, .uneditable-input.span3 { width: 206px; } input.span2, textarea.span2, .uneditable-input.span2 { width: 126px; } input.span1, textarea.span1, .uneditable-input.span1 { width: 46px; } .controls-row { *zoom: 1; } .controls-row:before, .controls-row:after { display: table; content: ""; line-height: 0; } .controls-row:after { clear: both; } .controls-row [class*="span"] { float: left; } input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] { cursor: not-allowed; background-color: #eeeeee; } input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"][readonly], input[type="checkbox"][readonly] { background-color: transparent; } .control-group.warning > label, .control-group.warning .help-block, .control-group.warning .help-inline { color: #c09853; } .control-group.warning .checkbox, .control-group.warning .radio, .control-group.warning input, .control-group.warning select, .control-group.warning textarea { color: #c09853; border-color: #c09853; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .control-group.warning .checkbox:focus, .control-group.warning .radio:focus, .control-group.warning input:focus, .control-group.warning select:focus, .control-group.warning textarea:focus { border-color: #a47e3c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; } .control-group.warning .input-prepend .add-on, .control-group.warning .input-append .add-on { color: #c09853; background-color: #fcf8e3; border-color: #c09853; } .control-group.error > label, .control-group.error .help-block, .control-group.error .help-inline { color: #b94a48; } .control-group.error .checkbox, .control-group.error .radio, .control-group.error input, .control-group.error select, .control-group.error textarea { color: #b94a48; border-color: #b94a48; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .control-group.error .checkbox:focus, .control-group.error .radio:focus, .control-group.error input:focus, .control-group.error select:focus, .control-group.error textarea:focus { border-color: #953b39; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; } .control-group.error .input-prepend .add-on, .control-group.error .input-append .add-on { color: #b94a48; background-color: #f2dede; border-color: #b94a48; } .control-group.success > label, .control-group.success .help-block, .control-group.success .help-inline { color: #468847; } .control-group.success .checkbox, .control-group.success .radio, .control-group.success input, .control-group.success select, .control-group.success textarea { color: #468847; border-color: #468847; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .control-group.success .checkbox:focus, .control-group.success .radio:focus, .control-group.success input:focus, .control-group.success select:focus, .control-group.success textarea:focus { border-color: #356635; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; } .control-group.success .input-prepend .add-on, .control-group.success .input-append .add-on { color: #468847; background-color: #dff0d8; border-color: #468847; } input:focus:required:invalid, textarea:focus:required:invalid, select:focus:required:invalid { color: #b94a48; border-color: #ee5f5b; } input:focus:required:invalid:focus, textarea:focus:required:invalid:focus, select:focus:required:invalid:focus { border-color: #e9322d; -webkit-box-shadow: 0 0 6px #f8b9b7; -moz-box-shadow: 0 0 6px #f8b9b7; box-shadow: 0 0 6px #f8b9b7; } .form-actions { padding: 19px 20px 20px; margin-top: 20px; margin-bottom: 20px; background-color: #f5f5f5; border-top: 1px solid #e5e5e5; *zoom: 1; } .form-actions:before, .form-actions:after { display: table; content: ""; line-height: 0; } .form-actions:after { clear: both; } .help-block, .help-inline { color: #595959; } .help-block { display: block; margin-bottom: 10px; } .help-inline { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; vertical-align: middle; padding-left: 5px; } .input-append, .input-prepend { margin-bottom: 5px; font-size: 0; white-space: nowrap; } .input-append input, .input-prepend input, .input-append select, .input-prepend select, .input-append .uneditable-input, .input-prepend .uneditable-input { position: relative; margin-bottom: 0; *margin-left: 0; font-size: 14px; vertical-align: top; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } .input-append input:focus, .input-prepend input:focus, .input-append select:focus, .input-prepend select:focus, .input-append .uneditable-input:focus, .input-prepend .uneditable-input:focus { z-index: 2; } .input-append .add-on, .input-prepend .add-on { display: inline-block; width: auto; height: 20px; min-width: 16px; padding: 4px 5px; font-size: 14px; font-weight: normal; line-height: 20px; text-align: center; text-shadow: 0 1px 0 #ffffff; background-color: #eeeeee; border: 1px solid #ccc; } .input-append .add-on, .input-prepend .add-on, .input-append .btn, .input-prepend .btn { margin-left: -1px; vertical-align: top; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .input-append .active, .input-prepend .active { background-color: #a9dba9; border-color: #46a546; } .input-prepend .add-on, .input-prepend .btn { margin-right: -1px; } .input-prepend .add-on:first-child, .input-prepend .btn:first-child { -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; } .input-append input, .input-append select, .input-append .uneditable-input { -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; } .input-append .add-on:last-child, .input-append .btn:last-child { -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } .input-prepend.input-append input, .input-prepend.input-append select, .input-prepend.input-append .uneditable-input { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .input-prepend.input-append .add-on:first-child, .input-prepend.input-append .btn:first-child { margin-right: -1px; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; } .input-prepend.input-append .add-on:last-child, .input-prepend.input-append .btn:last-child { margin-left: -1px; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } input.search-query { padding-right: 14px; padding-right: 4px \9; padding-left: 14px; padding-left: 4px \9; /* IE7-8 doesn't have border-radius, so don't indent the padding */ margin-bottom: 0; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } /* Allow for input prepend/append in search forms */ .form-search .input-append .search-query, .form-search .input-prepend .search-query { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .form-search .input-append .search-query { -webkit-border-radius: 14px 0 0 14px; -moz-border-radius: 14px 0 0 14px; border-radius: 14px 0 0 14px; } .form-search .input-append .btn { -webkit-border-radius: 0 14px 14px 0; -moz-border-radius: 0 14px 14px 0; border-radius: 0 14px 14px 0; } .form-search .input-prepend .search-query { -webkit-border-radius: 0 14px 14px 0; -moz-border-radius: 0 14px 14px 0; border-radius: 0 14px 14px 0; } .form-search .input-prepend .btn { -webkit-border-radius: 14px 0 0 14px; -moz-border-radius: 14px 0 0 14px; border-radius: 14px 0 0 14px; } .form-search input, .form-inline input, .form-horizontal input, .form-search textarea, .form-inline textarea, .form-horizontal textarea, .form-search select, .form-inline select, .form-horizontal select, .form-search .help-inline, .form-inline .help-inline, .form-horizontal .help-inline, .form-search .uneditable-input, .form-inline .uneditable-input, .form-horizontal .uneditable-input, .form-search .input-prepend, .form-inline .input-prepend, .form-horizontal .input-prepend, .form-search .input-append, .form-inline .input-append, .form-horizontal .input-append { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; margin-bottom: 0; vertical-align: middle; } .form-search .hide, .form-inline .hide, .form-horizontal .hide { display: none; } .form-search label, .form-inline label, .form-search .btn-group, .form-inline .btn-group { display: inline-block; } .form-search .input-append, .form-inline .input-append, .form-search .input-prepend, .form-inline .input-prepend { margin-bottom: 0; } .form-search .radio, .form-search .checkbox, .form-inline .radio, .form-inline .checkbox { padding-left: 0; margin-bottom: 0; vertical-align: middle; } .form-search .radio input[type="radio"], .form-search .checkbox input[type="checkbox"], .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { float: left; margin-right: 3px; margin-left: 0; } .control-group { margin-bottom: 10px; } legend + .control-group { margin-top: 20px; -webkit-margin-top-collapse: separate; } .form-horizontal .control-group { margin-bottom: 20px; *zoom: 1; } .form-horizontal .control-group:before, .form-horizontal .control-group:after { display: table; content: ""; line-height: 0; } .form-horizontal .control-group:after { clear: both; } .form-horizontal .control-label { float: left; width: 140px; padding-top: 5px; text-align: right; } .form-horizontal .controls { *display: inline-block; *padding-left: 20px; margin-left: 160px; *margin-left: 0; } .form-horizontal .controls:first-child { *padding-left: 160px; } .form-horizontal .help-block { margin-top: 10px; margin-bottom: 0; } .form-horizontal .form-actions { padding-left: 160px; } table { max-width: 100%; background-color: transparent; border-collapse: collapse; border-spacing: 0; } .table { width: 100%; margin-bottom: 20px; } .table th, .table td { padding: 8px; line-height: 20px; text-align: left; vertical-align: top; border-top: 1px solid #dddddd; } .table th { font-weight: bold; } .table thead th { vertical-align: bottom; } .table caption + thead tr:first-child th, .table caption + thead tr:first-child td, .table colgroup + thead tr:first-child th, .table colgroup + thead tr:first-child td, .table thead:first-child tr:first-child th, .table thead:first-child tr:first-child td { border-top: 0; } .table tbody + tbody { border-top: 2px solid #dddddd; } .table-condensed th, .table-condensed td { padding: 4px 5px; } .table-bordered { border: 1px solid #dddddd; border-collapse: separate; *border-collapse: collapse; border-left: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .table-bordered th, .table-bordered td { border-left: 1px solid #dddddd; } .table-bordered caption + thead tr:first-child th, .table-bordered caption + tbody tr:first-child th, .table-bordered caption + tbody tr:first-child td, .table-bordered colgroup + thead tr:first-child th, .table-bordered colgroup + tbody tr:first-child th, .table-bordered colgroup + tbody tr:first-child td, .table-bordered thead:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child td { border-top: 0; } .table-bordered thead:first-child tr:first-child th:first-child, .table-bordered tbody:first-child tr:first-child td:first-child { -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; } .table-bordered thead:first-child tr:first-child th:last-child, .table-bordered tbody:first-child tr:first-child td:last-child { -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-topright: 4px; } .table-bordered thead:last-child tr:last-child th:first-child, .table-bordered tbody:last-child tr:last-child td:first-child, .table-bordered tfoot:last-child tr:last-child td:first-child { -webkit-border-radius: 0 0 0 4px; -moz-border-radius: 0 0 0 4px; border-radius: 0 0 0 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; } .table-bordered thead:last-child tr:last-child th:last-child, .table-bordered tbody:last-child tr:last-child td:last-child, .table-bordered tfoot:last-child tr:last-child td:last-child { -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; } .table-bordered caption + thead tr:first-child th:first-child, .table-bordered caption + tbody tr:first-child td:first-child, .table-bordered colgroup + thead tr:first-child th:first-child, .table-bordered colgroup + tbody tr:first-child td:first-child { -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; } .table-bordered caption + thead tr:first-child th:last-child, .table-bordered caption + tbody tr:first-child td:last-child, .table-bordered colgroup + thead tr:first-child th:last-child, .table-bordered colgroup + tbody tr:first-child td:last-child { -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-right-topleft: 4px; } .table-striped tbody tr:nth-child(odd) td, .table-striped tbody tr:nth-child(odd) th { background-color: #f9f9f9; } .table-hover tbody tr:hover td, .table-hover tbody tr:hover th { background-color: #f5f5f5; } table [class*=span], .row-fluid table [class*=span] { display: table-cell; float: none; margin-left: 0; } table .span1 { float: none; width: 44px; margin-left: 0; } table .span2 { float: none; width: 124px; margin-left: 0; } table .span3 { float: none; width: 204px; margin-left: 0; } table .span4 { float: none; width: 284px; margin-left: 0; } table .span5 { float: none; width: 364px; margin-left: 0; } table .span6 { float: none; width: 444px; margin-left: 0; } table .span7 { float: none; width: 524px; margin-left: 0; } table .span8 { float: none; width: 604px; margin-left: 0; } table .span9 { float: none; width: 684px; margin-left: 0; } table .span10 { float: none; width: 764px; margin-left: 0; } table .span11 { float: none; width: 844px; margin-left: 0; } table .span12 { float: none; width: 924px; margin-left: 0; } table .span13 { float: none; width: 1004px; margin-left: 0; } table .span14 { float: none; width: 1084px; margin-left: 0; } table .span15 { float: none; width: 1164px; margin-left: 0; } table .span16 { float: none; width: 1244px; margin-left: 0; } table .span17 { float: none; width: 1324px; margin-left: 0; } table .span18 { float: none; width: 1404px; margin-left: 0; } table .span19 { float: none; width: 1484px; margin-left: 0; } table .span20 { float: none; width: 1564px; margin-left: 0; } table .span21 { float: none; width: 1644px; margin-left: 0; } table .span22 { float: none; width: 1724px; margin-left: 0; } table .span23 { float: none; width: 1804px; margin-left: 0; } table .span24 { float: none; width: 1884px; margin-left: 0; } .table tbody tr.success td { background-color: #dff0d8; } .table tbody tr.error td { background-color: #f2dede; } .table tbody tr.info td { background-color: #d9edf7; } .dropup, .dropdown { position: relative; } .dropdown-toggle { *margin-bottom: -3px; } .dropdown-toggle:active, .open .dropdown-toggle { outline: 0; } .caret { display: inline-block; width: 0; height: 0; vertical-align: top; border-top: 4px solid #000000; border-right: 4px solid transparent; border-left: 4px solid transparent; content: ""; } .dropdown .caret { margin-top: 8px; margin-left: 2px; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; background-color: #ffffff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); *border-right-width: 2px; *border-bottom-width: 2px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu .divider { *width: 100%; height: 1px; margin: 9px 1px; *margin: -5px 0 5px; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid #ffffff; } .dropdown-menu a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 20px; color: #333333; white-space: nowrap; } .dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a { text-decoration: none; color: #ffffff; background-color: #0088cc; background-color: #0081c2; background-image: -moz-linear-gradient(top, #0088cc, #0077b3); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3)); background-image: -webkit-linear-gradient(top, #0088cc, #0077b3); background-image: -o-linear-gradient(top, #0088cc, #0077b3); background-image: linear-gradient(to bottom, #0088cc, #0077b3); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0); } .dropdown-menu .active > a, .dropdown-menu .active > a:hover { color: #ffffff; text-decoration: none; outline: 0; background-color: #0088cc; background-color: #0081c2; background-image: -moz-linear-gradient(top, #0088cc, #0077b3); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3)); background-image: -webkit-linear-gradient(top, #0088cc, #0077b3); background-image: -o-linear-gradient(top, #0088cc, #0077b3); background-image: linear-gradient(to bottom, #0088cc, #0077b3); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0); } .dropdown-menu .disabled > a, .dropdown-menu .disabled > a:hover { color: #999999; } .dropdown-menu .disabled > a:hover { text-decoration: none; background-color: transparent; cursor: default; } .open { *z-index: 1000; } .open > .dropdown-menu { display: block; } .pull-right > .dropdown-menu { right: 0; left: auto; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px solid #000000; content: "\2191"; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 1px; } .dropdown-submenu { position: relative; } .dropdown-submenu > .dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px 6px; border-radius: 0 6px 6px 6px; } .dropdown-submenu:hover .dropdown-menu { display: block; } .dropdown-submenu > a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #cccccc; margin-top: 5px; margin-right: -10px; } .dropdown-submenu:hover > a:after { border-left-color: #ffffff; } .dropdown .dropdown-menu .nav-header { padding-left: 20px; padding-right: 20px; } .typeahead { margin-top: 2px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } .well blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, 0.15); } .well-large { padding: 24px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .well-small { padding: 9px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -moz-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .fade.in { opacity: 1; } .collapse { position: relative; height: 0; overflow: hidden; overflow: visible \9; -webkit-transition: height 0.35s ease; -moz-transition: height 0.35s ease; -o-transition: height 0.35s ease; transition: height 0.35s ease; } .collapse.in { height: auto; } .close { float: right; font-size: 20px; font-weight: bold; line-height: 20px; color: #000000; text-shadow: 0 1px 0 #ffffff; opacity: 0.2; filter: alpha(opacity=20); } .close:hover { color: #000000; text-decoration: none; cursor: pointer; opacity: 0.4; filter: alpha(opacity=40); } button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } .btn { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; padding: 4px 14px; margin-bottom: 0; font-size: 14px; line-height: 20px; *line-height: 20px; text-align: center; vertical-align: middle; cursor: pointer; color: #333333; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); background-color: #f5f5f5; background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #e6e6e6; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); border: 1px solid #bbbbbb; *border: 0; border-bottom-color: #a2a2a2; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; *margin-left: .3em; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); } .btn:hover, .btn:active, .btn.active, .btn.disabled, .btn[disabled] { color: #333333; background-color: #e6e6e6; *background-color: #d9d9d9; } .btn:active, .btn.active { background-color: #cccccc \9; } .btn:first-child { *margin-left: 0; } .btn:hover { color: #333333; text-decoration: none; background-color: #e6e6e6; *background-color: #d9d9d9; /* Buttons in IE7 don't get borders, so darken on hover */ background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } .btn:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn.active, .btn:active { background-color: #e6e6e6; background-color: #d9d9d9 \9; background-image: none; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); } .btn.disabled, .btn[disabled] { cursor: default; background-color: #e6e6e6; background-image: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn-large { padding: 9px 14px; font-size: 16px; line-height: normal; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .btn-large [class^="icon-"] { margin-top: 2px; } .btn-small { padding: 3px 9px; font-size: 12px; line-height: 18px; } .btn-small [class^="icon-"] { margin-top: 0; } .btn-mini { padding: 2px 6px; font-size: 11px; line-height: 16px; } .btn-block { display: block; width: 100%; padding-left: 0; padding-right: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .btn-block + .btn-block { margin-top: 5px; } .btn-primary.active, .btn-warning.active, .btn-danger.active, .btn-success.active, .btn-info.active, .btn-inverse.active { color: rgba(255, 255, 255, 0.75); } .btn { border-color: #c5c5c5; border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25); } .btn-primary { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #006dcc; background-image: -moz-linear-gradient(top, #0088cc, #0044cc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); background-image: -o-linear-gradient(top, #0088cc, #0044cc); background-image: linear-gradient(to bottom, #0088cc, #0044cc); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0); border-color: #0044cc #0044cc #002a80; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #0044cc; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] { color: #ffffff; background-color: #0044cc; *background-color: #003bb3; } .btn-primary:active, .btn-primary.active { background-color: #003399 \9; } .btn-warning { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #faa732; background-image: -moz-linear-gradient(top, #fbb450, #f89406); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); background-image: -webkit-linear-gradient(top, #fbb450, #f89406); background-image: -o-linear-gradient(top, #fbb450, #f89406); background-image: linear-gradient(to bottom, #fbb450, #f89406); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0); border-color: #f89406 #f89406 #ad6704; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #f89406; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] { color: #ffffff; background-color: #f89406; *background-color: #df8505; } .btn-warning:active, .btn-warning.active { background-color: #c67605 \9; } .btn-danger { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #da4f49; background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f)); background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f); background-image: -o-linear-gradient(top, #ee5f5b, #bd362f); background-image: linear-gradient(to bottom, #ee5f5b, #bd362f); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0); border-color: #bd362f #bd362f #802420; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #bd362f; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] { color: #ffffff; background-color: #bd362f; *background-color: #a9302a; } .btn-danger:active, .btn-danger.active { background-color: #942a25 \9; } .btn-success { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #5bb75b; background-image: -moz-linear-gradient(top, #62c462, #51a351); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351)); background-image: -webkit-linear-gradient(top, #62c462, #51a351); background-image: -o-linear-gradient(top, #62c462, #51a351); background-image: linear-gradient(to bottom, #62c462, #51a351); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0); border-color: #51a351 #51a351 #387038; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #51a351; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] { color: #ffffff; background-color: #51a351; *background-color: #499249; } .btn-success:active, .btn-success.active { background-color: #408140 \9; } .btn-info { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #49afcd; background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4)); background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4); background-image: -o-linear-gradient(top, #5bc0de, #2f96b4); background-image: linear-gradient(to bottom, #5bc0de, #2f96b4); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0); border-color: #2f96b4 #2f96b4 #1f6377; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #2f96b4; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] { color: #ffffff; background-color: #2f96b4; *background-color: #2a85a0; } .btn-info:active, .btn-info.active { background-color: #24748c \9; } .btn-inverse { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #363636; background-image: -moz-linear-gradient(top, #444444, #222222); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222)); background-image: -webkit-linear-gradient(top, #444444, #222222); background-image: -o-linear-gradient(top, #444444, #222222); background-image: linear-gradient(to bottom, #444444, #222222); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0); border-color: #222222 #222222 #000000; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #222222; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] { color: #ffffff; background-color: #222222; *background-color: #151515; } .btn-inverse:active, .btn-inverse.active { background-color: #080808 \9; } button.btn, input[type="submit"].btn { *padding-top: 3px; *padding-bottom: 3px; } button.btn::-moz-focus-inner, input[type="submit"].btn::-moz-focus-inner { padding: 0; border: 0; } button.btn.btn-large, input[type="submit"].btn.btn-large { *padding-top: 7px; *padding-bottom: 7px; } button.btn.btn-small, input[type="submit"].btn.btn-small { *padding-top: 3px; *padding-bottom: 3px; } button.btn.btn-mini, input[type="submit"].btn.btn-mini { *padding-top: 1px; *padding-bottom: 1px; } .btn-link, .btn-link:active { background-color: transparent; background-image: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn-link { border-color: transparent; cursor: pointer; color: #0088cc; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .btn-link:hover { color: #005580; text-decoration: underline; background-color: transparent; } .btn-group { position: relative; font-size: 0; white-space: nowrap; *margin-left: .3em; } .btn-group:first-child { *margin-left: 0; } .btn-group + .btn-group { margin-left: 5px; } .btn-toolbar { font-size: 0; margin-top: 10px; margin-bottom: 10px; } .btn-toolbar .btn-group { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; } .btn-toolbar .btn + .btn, .btn-toolbar .btn-group + .btn, .btn-toolbar .btn + .btn-group { margin-left: 5px; } .btn-group > .btn { position: relative; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .btn-group > .btn + .btn { margin-left: -1px; } .btn-group > .btn, .btn-group > .dropdown-menu { font-size: 14px; } .btn-group > .btn-mini { font-size: 11px; } .btn-group > .btn-small { font-size: 12px; } .btn-group > .btn-large { font-size: 16px; } .btn-group > .btn:first-child { margin-left: 0; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; } .btn-group > .btn:last-child, .btn-group > .dropdown-toggle { -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; } .btn-group > .btn.large:first-child { margin-left: 0; -webkit-border-top-left-radius: 6px; -moz-border-radius-topleft: 6px; border-top-left-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-left-radius: 6px; } .btn-group > .btn.large:last-child, .btn-group > .large.dropdown-toggle { -webkit-border-top-right-radius: 6px; -moz-border-radius-topright: 6px; border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; -moz-border-radius-bottomright: 6px; border-bottom-right-radius: 6px; } .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active { z-index: 2; } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } .btn-group > .btn + .dropdown-toggle { padding-left: 8px; padding-right: 8px; -webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); *padding-top: 5px; *padding-bottom: 5px; } .btn-group > .btn-mini + .dropdown-toggle { padding-left: 5px; padding-right: 5px; *padding-top: 2px; *padding-bottom: 2px; } .btn-group > .btn-small + .dropdown-toggle { *padding-top: 5px; *padding-bottom: 4px; } .btn-group > .btn-large + .dropdown-toggle { padding-left: 12px; padding-right: 12px; *padding-top: 7px; *padding-bottom: 7px; } .btn-group.open .dropdown-toggle { background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); } .btn-group.open .btn.dropdown-toggle { background-color: #e6e6e6; } .btn-group.open .btn-primary.dropdown-toggle { background-color: #0044cc; } .btn-group.open .btn-warning.dropdown-toggle { background-color: #f89406; } .btn-group.open .btn-danger.dropdown-toggle { background-color: #bd362f; } .btn-group.open .btn-success.dropdown-toggle { background-color: #51a351; } .btn-group.open .btn-info.dropdown-toggle { background-color: #2f96b4; } .btn-group.open .btn-inverse.dropdown-toggle { background-color: #222222; } .btn .caret { margin-top: 8px; margin-left: 0; } .btn-mini .caret, .btn-small .caret, .btn-large .caret { margin-top: 6px; } .btn-large .caret { border-left-width: 5px; border-right-width: 5px; border-top-width: 5px; } .dropup .btn-large .caret { border-bottom: 5px solid #000000; border-top: 0; } .btn-primary .caret, .btn-warning .caret, .btn-danger .caret, .btn-info .caret, .btn-success .caret, .btn-inverse .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; } .btn-group-vertical { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; } .btn-group-vertical .btn { display: block; float: none; width: 100%; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .btn-group-vertical .btn + .btn { margin-left: 0; margin-top: -1px; } .btn-group-vertical .btn:first-child { -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .btn-group-vertical .btn:last-child { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .btn-group-vertical .btn-large:first-child { -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; } .btn-group-vertical .btn-large:last-child { -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; } .alert { padding: 8px 35px 8px 14px; margin-bottom: 20px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #fcf8e3; border: 1px solid #fbeed5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #c09853; } .alert h4 { margin: 0; } .alert .close { position: relative; top: -2px; right: -21px; line-height: 20px; } .alert-success { background-color: #dff0d8; border-color: #d6e9c6; color: #468847; } .alert-danger, .alert-error { background-color: #f2dede; border-color: #eed3d7; color: #b94a48; } .alert-info { background-color: #d9edf7; border-color: #bce8f1; color: #3a87ad; } .alert-block { padding-top: 14px; padding-bottom: 14px; } .alert-block > p, .alert-block > ul { margin-bottom: 0; } .alert-block p + p { margin-top: 5px; } .modal-open .dropdown-menu { z-index: 2050; } .modal-open .dropdown.open { *z-index: 2050; } .modal-open .popover { z-index: 2060; } .modal-open .tooltip { z-index: 2080; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop, .modal-backdrop.fade.in { opacity: 0.8; filter: alpha(opacity=80); } .modal { position: fixed; top: 50%; left: 50%; z-index: 1050; overflow: auto; width: 560px; margin: -250px 0 0 -280px; background-color: #ffffff; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.3); *border: 1px solid #999; /* IE6-7 */ -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; } .modal.fade { -webkit-transition: opacity .3s linear, top .3s ease-out; -moz-transition: opacity .3s linear, top .3s ease-out; -o-transition: opacity .3s linear, top .3s ease-out; transition: opacity .3s linear, top .3s ease-out; top: -25%; } .modal.fade.in { top: 50%; } .modal-header { padding: 9px 15px; border-bottom: 1px solid #eee; } .modal-header .close { margin-top: 2px; } .modal-header h3 { margin: 0; line-height: 30px; } .modal-body { overflow-y: auto; max-height: 400px; padding: 15px; } .modal-form { margin-bottom: 0; } .modal-footer { padding: 14px 15px 15px; margin-bottom: 0; text-align: right; background-color: #f5f5f5; border-top: 1px solid #ddd; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; -webkit-box-shadow: inset 0 1px 0 #ffffff; -moz-box-shadow: inset 0 1px 0 #ffffff; box-shadow: inset 0 1px 0 #ffffff; *zoom: 1; } .modal-footer:before, .modal-footer:after { display: table; content: ""; line-height: 0; } .modal-footer:after { clear: both; } .modal-footer .btn + .btn { margin-left: 5px; margin-bottom: 0; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .tooltip { position: absolute; z-index: 1030; display: block; visibility: visible; padding: 5px; font-size: 11px; opacity: 0; filter: alpha(opacity=0); } .tooltip.in { opacity: 0.8; filter: alpha(opacity=80); } .tooltip.top { margin-top: -3px; } .tooltip.right { margin-left: 3px; } .tooltip.bottom { margin-top: 3px; } .tooltip.left { margin-left: -3px; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #eeeeee; text-align: center; text-decoration: none; background-color: #333333; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #333333; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #333333; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #333333; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #333333; } .popover { position: absolute; top: 0; left: 0; z-index: 1010; display: none; width: 236px; padding: 1px; background-color: #ffffff; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } .popover.top { margin-bottom: 10px; } .popover.right { margin-left: 10px; } .popover.bottom { margin-top: 10px; } .popover.left { margin-right: 10px; } .popover-title { margin: 0; padding: 8px 14px; font-size: 14px; font-weight: normal; line-height: 18px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } .popover-content { padding: 9px 14px; } .popover-content p, .popover-content ul, .popover-content ol { margin-bottom: 0; } .popover .arrow, .popover .arrow:after { position: absolute; display: inline-block; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover .arrow:after { content: ""; z-index: -1; } .popover.top .arrow { bottom: -10px; left: 50%; margin-left: -10px; border-width: 10px 10px 0; border-top-color: #ffffff; } .popover.top .arrow:after { border-width: 11px 11px 0; border-top-color: rgba(0, 0, 0, 0.25); bottom: -1px; left: -11px; } .popover.right .arrow { top: 50%; left: -10px; margin-top: -10px; border-width: 10px 10px 10px 0; border-right-color: #ffffff; } .popover.right .arrow:after { border-width: 11px 11px 11px 0; border-right-color: rgba(0, 0, 0, 0.25); bottom: -11px; left: -1px; } .popover.bottom .arrow { top: -10px; left: 50%; margin-left: -10px; border-width: 0 10px 10px; border-bottom-color: #ffffff; } .popover.bottom .arrow:after { border-width: 0 11px 11px; border-bottom-color: rgba(0, 0, 0, 0.25); top: -1px; left: -11px; } .popover.left .arrow { top: 50%; right: -10px; margin-top: -10px; border-width: 10px 0 10px 10px; border-left-color: #ffffff; } .popover.left .arrow:after { border-width: 11px 0 11px 11px; border-left-color: rgba(0, 0, 0, 0.25); bottom: -11px; right: -1px; } .label, .badge { font-size: 11.844px; font-weight: bold; line-height: 14px; color: #ffffff; vertical-align: baseline; white-space: nowrap; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #999999; } .label { padding: 1px 4px 2px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .badge { padding: 1px 9px 2px; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; } a.label:hover, a.badge:hover { color: #ffffff; text-decoration: none; cursor: pointer; } .label-important, .badge-important { background-color: #b94a48; } .label-important[href], .badge-important[href] { background-color: #953b39; } .label-warning, .badge-warning { background-color: #f89406; } .label-warning[href], .badge-warning[href] { background-color: #c67605; } .label-success, .badge-success { background-color: #468847; } .label-success[href], .badge-success[href] { background-color: #356635; } .label-info, .badge-info { background-color: #3a87ad; } .label-info[href], .badge-info[href] { background-color: #2d6987; } .label-inverse, .badge-inverse { background-color: #333333; } .label-inverse[href], .badge-inverse[href] { background-color: #1a1a1a; } .btn .label, .btn .badge { position: relative; top: -1px; } .btn-mini .label, .btn-mini .badge { top: 0; } @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-moz-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-ms-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-o-keyframes progress-bar-stripes { from { background-position: 0 0; } to { background-position: 40px 0; } } @keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } .progress { overflow: hidden; height: 20px; margin-bottom: 20px; background-color: #f7f7f7; background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9)); background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .progress .bar { width: 0%; height: 100%; color: #ffffff; float: left; font-size: 12px; text-align: center; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #0e90d2; background-image: -moz-linear-gradient(top, #149bdf, #0480be); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be)); background-image: -webkit-linear-gradient(top, #149bdf, #0480be); background-image: -o-linear-gradient(top, #149bdf, #0480be); background-image: linear-gradient(to bottom, #149bdf, #0480be); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0); -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: width 0.6s ease; -moz-transition: width 0.6s ease; -o-transition: width 0.6s ease; transition: width 0.6s ease; } .progress .bar + .bar { -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15); -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15); box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15); } .progress-striped .bar { background-color: #149bdf; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 40px 40px; -moz-background-size: 40px 40px; -o-background-size: 40px 40px; background-size: 40px 40px; } .progress.active .bar { -webkit-animation: progress-bar-stripes 2s linear infinite; -moz-animation: progress-bar-stripes 2s linear infinite; -ms-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } .progress-danger .bar, .progress .bar-danger { background-color: #dd514c; background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35)); background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35); background-image: -o-linear-gradient(top, #ee5f5b, #c43c35); background-image: linear-gradient(to bottom, #ee5f5b, #c43c35); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0); } .progress-danger.progress-striped .bar, .progress-striped .bar-danger { background-color: #ee5f5b; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-success .bar, .progress .bar-success { background-color: #5eb95e; background-image: -moz-linear-gradient(top, #62c462, #57a957); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957)); background-image: -webkit-linear-gradient(top, #62c462, #57a957); background-image: -o-linear-gradient(top, #62c462, #57a957); background-image: linear-gradient(to bottom, #62c462, #57a957); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0); } .progress-success.progress-striped .bar, .progress-striped .bar-success { background-color: #62c462; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-info .bar, .progress .bar-info { background-color: #4bb1cf; background-image: -moz-linear-gradient(top, #5bc0de, #339bb9); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9)); background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9); background-image: -o-linear-gradient(top, #5bc0de, #339bb9); background-image: linear-gradient(to bottom, #5bc0de, #339bb9); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0); } .progress-info.progress-striped .bar, .progress-striped .bar-info { background-color: #5bc0de; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-warning .bar, .progress .bar-warning { background-color: #faa732; background-image: -moz-linear-gradient(top, #fbb450, #f89406); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); background-image: -webkit-linear-gradient(top, #fbb450, #f89406); background-image: -o-linear-gradient(top, #fbb450, #f89406); background-image: linear-gradient(to bottom, #fbb450, #f89406); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0); } .progress-warning.progress-striped .bar, .progress-striped .bar-warning { background-color: #fbb450; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .pull-right { float: right; } .pull-left { float: left; } .hide { display: none; } .show { display: block; } .invisible { visibility: hidden; } .affix { position: fixed; } [class^="icon-"], [class*=" icon-"] { display: inline-block; width: 16px; height: 16px; line-height: 17px; font-size: 16px; vertical-align: text-top; } .icon-folder, .icon-folder-add, .icon-list { line-height: 18px; font-size: 18px; margin-top: -1px; margin-left: -1px; width: 17px; } .iconsize24 { line-height: 24px; font-size: 24px; } /* White icons with optional class, or on hover/active states of certain elements */ .icon-white, .nav > .active > a > [class^="icon-"], .nav > .active > a > [class*=" icon-"] { color: #fff; } .g-ui-menu .e-item:hover [class^="icon-"], .g-ui-menu .e-item:hover [class*=" icon-"] { color: #fff; } .icon-none { background-image: none !important; } .icon-checkbox-checked, .icon-checkbox-unchecked, .icon-checkbox-partial, .icon-radio-checked, .icon-radio-unchecked { cursor: pointer; color: #555; font-size: 1em; } .icon-checkbox-checked:hover, .icon-checkbox-unchecked:hover, .icon-checkbox-partial:hover, .icon-radio-checked:hover, .icon-radio-unchecked:hover, .icon-checkbox-checked:active, .icon-checkbox-unchecked:active, .icon-checkbox-partial:active, .icon-radio-checked:active, .icon-radio-unchecked:active { color: #000; } .icon-white.icon-checkbox-checked, .icon-white.icon-checkbox-unchecked, .icon-white.icon-checkbox-partial, .icon-white.icon-radio-checked, .icon-white.icon-radio-unchecked { color: #eee; } .icon-white.icon-checkbox-checked:hover, .icon-white.icon-checkbox-unchecked:hover, .icon-white.icon-checkbox-partial:hover, .icon-white.icon-radio-checked:hover, .icon-white.icon-radio-unchecked:hover, .icon-white.icon-checkbox-checked:active, .icon-white.icon-checkbox-unchecked:active, .icon-white.icon-checkbox-partial:active, .icon-white.icon-radio-checked:active, .icon-white.icon-radio-unchecked:active { color: #fff; } .denied-by-browser { cursor: default; } .denied-by-browser .icon-checkbox-checked, .denied-by-browser icon-checkbox-unchecked { cursor: default; } .right-mini, .down-mini { width: 16px; line-height: 20px; } @-webkit-keyframes rotation { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); } } @-moz-keyframes rotation { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(359deg); } } @keyframes rotation { from { transform: rotate(0deg); } to { transform: rotate(359deg); } } .icon-spinner { width: 16px; height: 16px; } .icon-spinner:before { font-size: 16px; line-height: 100%; } html.no-cssanimations .icon-spinner { background-image: url('images/sync.png'); background-repeat: no-repeat; font-family: Arial; } html.no-cssanimations .icon-spinner:before { content: ""; } html.no-cssanimations .icon-spinner.animated { background-image: url('images/sync.gif'); } html.cssanimations .icon-spinner.animated { -webkit-animation: rotation 1s infinite linear; -moz-animation: rotation 1s infinite linear; animation: rotation 1s infinite linear; } body { background-color: transparent; } label { cursor: pointer; } .legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: 40px; color: #333333; border: 0; border-bottom: 1px solid #e5e5e5; } .legend small { font-size: 15px; color: #999999; } .legend + .control-group { margin-top: 20px; -webkit-margin-top-collapse: separate; } .input-append input, .input-append select, .input-append .uneditable-input { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } select { width: 223px; } .btn-small.btn-small-small { padding: 3px 9px; font-size: 11px; line-height: 11px; } .btn.btn-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .btn.btn-narrow { padding-left: 12px; padding-right: 12px; } .btn-group.btn-group-custom-margin > .btn + .btn { margin-left: 0px; } .dropdown-menu { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .btn { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-image: none; text-shadow: 0 1px 0 #fff; } .btn.disabled, .btn[disabled] { -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); } html.rgba.textshadow .btn.btn-danger, html.rgba.textshadow .btn.btn-success, html.rgba.textshadow .btn.btn-primary { text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); } .btn-toolbar { margin-top: 0; margin-bottom: 0; } .dropdown-menu { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); } .tooltip { font-size: 14px; } .tooltip.in { opacity: 1; filter: alpha(opacity=100); } .tooltip .tooltip-big { font-size: 18px; padding: 0 10px; } .tooltip-inner { padding: 5px 10px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .btn-group > .btn:first-child { -webkit-border-top-left-radius: 2px; -moz-border-radius-topleft: 2px; border-top-left-radius: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-bottomleft: 2px; border-bottom-left-radius: 2px; } .btn-group > .btn:last-child, .btn-group > .dropdown-toggle { -webkit-border-top-right-radius: 2px; -moz-border-radius-topright: 2px; border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 2px; -moz-border-radius-bottomright: 2px; border-bottom-right-radius: 2px; } .btn-group > .btn.large:first-child { -webkit-border-top-left-radius: 2px; -moz-border-radius-topleft: 2px; border-top-left-radius: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-bottomleft: 2px; border-bottom-left-radius: 2px; } .btn-group > .btn.large:last-child, .btn-group > .large.dropdown-toggle { -webkit-border-top-right-radius: 2px; -moz-border-radius-topright: 2px; border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 2px; -moz-border-radius-bottomright: 2px; border-bottom-right-radius: 2px; } textarea, input[type="text"], input[type="password"], input[type="email"], input[type="search"] { border: 1px solid #cccccc; } textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="search"]:focus { background-color: #fff; border: 1px solid #999999; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } input[type="text"], input[type="password"], input[type="email"], input[type="search"] { height: 20px; line-height: 20px; } select { border: 1px solid #cccccc; } .alert a { text-decoration: underline; } .alert.alert-null-left-margin { margin-left: 0; } .alert.alert-error a { color: #b94a48; } html.no-rgba .modal { border-width: 0px !important; } .modal-backdrop, .modal-backdrop.fade.in { opacity: 0.1; filter: alpha(opacity=10); } .popups { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1100; overflow: auto; } .popups .modal { position: static; z-index: 1101; margin: 5% auto; background-color: transparent; overflow: hidden; -webkit-box-shadow: 0 5px 80px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 5px 80px rgba(0, 0, 0, 0.3); box-shadow: 0 5px 80px rgba(0, 0, 0, 0.3); } .popups .modal .modal-body { background-color: #fff; max-height: none; } .modal.fade { -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; top: 0; } .modal.fade.in { top: 0; } .modal.loginContent .modal-body, .modal.loginAdminContent .modal-body { background-color: transparent !important; } .picker.modal-dialog-bg, .picker.picker-dialog-bg { z-index: 2000 !important; } .picker.modal-dialog, .picker.picker-dialog { z-index: 2001 !important; } .control-label.remove-padding-top { padding-top: 0; } .inputosaurus-container { width: 99%; line-height: 20px; padding: 2px; border: 1px solid #cccccc; border-radius: 3px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border linear .2s, box-shadow linear .2s; -moz-transition: border linear .2s, box-shadow linear .2s; -o-transition: border linear .2s, box-shadow linear .2s; transition: border linear .2s, box-shadow linear .2s; } .inputosaurus-container li { max-width: 500px; background-color: #eee; border: 1px solid #aaa; line-height: 18px; padding: 2px 15px 2px 5px; margin: 2px 2px 2px; color: #555; z-index: 100; position: relative; } .inputosaurus-container li.ui-draggable.ui-draggable-dragging { z-index: 101; } .inputosaurus-container li a { color: #999; font-size: 12px; position: absolute; top: 1px; right: 2px; } .inputosaurus-container li a:hover { color: #666; } .inputosaurus-container li span { padding-right: 3px; } .inputosaurus-container li.inputosaurus-required { padding-rigth: 5px; } .inputosaurus-container li.inputosaurus-selected { background-color: #ddd; } .inputosaurus-container .inputosaurus-input { margin: 1px 10px 1px 0px; height: 22px; } .inputosaurus-container .inputosaurus-input input { border: 0px; height: 21px; padding-left: 0; } .ui-autocomplete { z-index: 2000; } .inputosaurus-fake-span { position: absolute; top: 0; left: -5000px; } /*.cke_button__sourcedialog_label { display: none !important; }*/ .cke_plain { background-color: #fff; outline: none; overflow: auto; z-index: 1; margin: 0; border: 0; padding: 10px; padding-right: 0; /*font-family: arial, sans-serif;*/ font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 13px; line-height: 16px; color: #333; resize: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .cke_plain:focus, .cke_source:focus { border: 0; } .b-compose .cke_chrome { border-right: 0; border-left: 0; border-bottom: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .cke_wysiwyg_div { padding: 10px !important; font-family: arial, sans-serif; font-size: 13px; line-height: 16px; color: #333; } .cke_wysiwyg_div ul { padding-left: 40px; } .cke_wysiwyg_div ul li { list-style-type: disc !important; } .cke_wysiwyg_div ol { padding-left: 40px; } .cke_wysiwyg_div ol li { list-style-type: decimal !important; } .cke_wysiwyg_div pre { margin: 0px; padding: 0px; background: #fff; border: none; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; } .cke_wysiwyg_div blockquote { border: 0; border-left: solid 2px #444; margin: 5px 0 5px 5px; padding-left: 5px; } .cke_wysiwyg_div blockquote * { font-family: arial, sans-serif; font-size: 13px; line-height: 16px; color: #333; } .cke_wysiwyg_div img { vertical-align: bottom; } .cke_wysiwyg_div a { color: blue; text-decoration: underline; } .cke_wysiwyg_div a:visited { color: #609; } .cke_wysiwyg_div a:active { color: red; } .g-ui-user-select-none { -webkit-user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; standard-user-select: none; } .g-ui-user-select-allow { -webkit-user-select: inherit; -webkit-touch-callout: inherit; -khtml-user-select: inherit; -moz-user-select: inherit; -ms-user-select: inherit; -o-user-select: inherit; user-select: inherit; standard-user-select: inherit; } .g-ui-clearfix { *zoom: 1; } .g-ui-clearfix:before, .g-ui-clearfix:after { display: table; content: ""; line-height: 0; } .g-ui-clearfix:after { clear: both; } .g-ui-link { color: #336699; text-decoration: underline; cursor: pointer; } .g-ui-min-height-300 { min-height: 300px; } .g-ui-absolute-reset { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 0; margin: 0; border: 0; z-index: 0; } .g-ui-menu { max-height: 400px; max-width: 300px; overflow-y: auto; overflow-x: hidden; } .g-ui-menu .e-link { text-decoration: none; cursor: pointer; } .g-ui-menu .e-item.selected > .e-link { background-color: #eee; } .g-ui-menu .e-item > .e-link:hover { background-color: #555; background-image: none; color: #fff; } .g-ui-menu .e-item.disable > .e-link { cursor: not-allowed; background-color: #fff; background-image: none; color: grey; } .g-ui-menu .e-item.disable [class^="icon-"] { color: grey; } .g-ui-table { display: table; width: 100%; } .g-ui-table .e-row { display: table-row; } .g-ui-table .e-cell { display: table-cell; vertical-align: top; text-align: left; } .g-ui-height-100proc { height: 100%; } .g-ui-resizable-delimiter-highlight { border: none; border-right: 6px solid #aaa; } .e-pagenator .e-page { display: inline-block; color: #999; text-decoration: none; font-size: 24px; padding: 3px; cursor: pointer; } .e-pagenator .e-page:hover .e-page-number { color: #555; } .e-pagenator .e-page.current .e-page-number { font-size: 28px; color: #333; border-bottom: 2px solid #000; } html.rgba .g-ui-resizable-delimiter-highlight { border-right-color: rgba(0, 0, 0, 0.2); } .settings-saved-trigger { display: inline-block; line-height: 17px; font-size: 16px; } .settings-saved-trigger .animated { color: green; } .settings-saved-trigger .success { color: green; -webkit-transition: opacity 0.5s linear; -moz-transition: opacity 0.5s linear; -o-transition: opacity 0.5s linear; transition: opacity 0.5s linear; opacity: 0; filter: alpha(opacity=0); } .settings-saved-trigger .error { color: red; -webkit-transition: opacity 0.5s linear; -moz-transition: opacity 0.5s linear; -o-transition: opacity 0.5s linear; transition: opacity 0.5s linear; opacity: 0; filter: alpha(opacity=0); } .settings-saved-trigger .visible { opacity: 1; filter: alpha(opacity=100); } .settings-saved-trigger-input.success { border-color: green !important; -webkit-transition: border-color 0.5s linear; -moz-transition: border-color 0.5s linear; -o-transition: border-color 0.5s linear; transition: border-color 0.5s linear; } .settings-saved-trigger-input.error { border-color: red !important; -webkit-transition: border-color 0.5s linear; -moz-transition: border-color 0.5s linear; -o-transition: border-color 0.5s linear; transition: border-color 0.5s linear; } e-spinner { display: none; } html.cssanimations .e-spinner { display: block; margin: 5px auto 0; width: 100px; text-align: center; } html.cssanimations .e-spinner .e-bounce { width: 15px; height: 15px; background-color: #ddd; margin: 0 5px; border-radius: 100%; display: inline-block; -webkit-animation: bouncedelay 1.4s infinite ease-in-out; animation: bouncedelay 1.4s infinite ease-in-out; /* Prevent first frame from flickering when animation starts */ -webkit-animation-fill-mode: both; animation-fill-mode: both; } html.cssanimations .e-spinner .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } html.cssanimations .e-spinner .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); } 40% { -webkit-transform: scale(1); } } @keyframes bouncedelay { 0%, 80%, 100% { transform: scale(0); -webkit-transform: scale(0); } 40% { transform: scale(1); -webkit-transform: scale(1); } } html { margin: 0; padding: 0; overflow: hidden; font-family: Arial, Verdana, Geneva, sans-serif; height: 100%; } body { margin: 0; padding: 0; overflow: hidden; background-color: #e3e3e3; font-family: Arial, Verdana, Geneva, sans-serif; -webkit-touch-callout: none; position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: 100%; } textarea { resize: none; } option:disabled { color: #aaa; cursor: not-allowed; } body:before { content: ""; position: fixed; top: -10px; left: 0; width: 100%; height: 8px; z-index: 100; -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6); } * { outline: none; } select:focus { outline: none; } html.mobile * { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } #rl-bg { z-index: -1; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } #rl-content { height: 100%; width: 100%; } #rl-center { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 0; margin: 0; border: 0; z-index: 0; min-width: 700px; min-height: 400px; } #rl-top { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 0; margin: 0; border: 0; z-index: 0; bottom: auto; z-index: 2; } #rl-bottom { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 0; margin: 0; border: 0; z-index: 0; top: auto; z-index: 1; } #rl-left { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 0; margin: 0; border: 0; z-index: 0; width: 200px; min-width: 120px; } #rl-right { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 0; margin: 0; border: 0; z-index: 0; z-index: 1; left: 200px; } #rl-sub-left { position: absolute; top: 0; bottom: 0; left: 0; width: 500px; } #rl-sub-right { position: absolute; top: 0; bottom: 0; right: 0; left: 500px; } html.ssm-state-desktop-large #rl-left { width: 220px; } html.ssm-state-desktop-large #rl-right { left: 220px; } html.ssm-state-desktop-large #rl-sub-left { width: 500px; } html.ssm-state-desktop-large #rl-sub-right { left: 500px; } html.ssm-state-desktop-large .b-compose.modal { width: 1000px; } html.ssm-state-desktop-large .b-contacts-content.modal { width: 1000px; } html.ssm-state-desktop #rl-left { width: 200px; } html.ssm-state-desktop #rl-right { left: 200px; } html.ssm-state-desktop #rl-sub-left { width: 350px; } html.ssm-state-desktop #rl-sub-right { left: 350px; } html.ssm-state-tablet #rl-left { width: 150px; } html.ssm-state-tablet #rl-right { left: 150px; } html.ssm-state-tablet #rl-sub-left { width: 310px; } html.ssm-state-tablet #rl-sub-left .messageList .inputSearch { width: 220px; } html.ssm-state-tablet #rl-sub-right { left: 310px; } html.ssm-state-tablet .b-compose.modal { width: 800px; } html.ssm-state-tablet .b-contacts-content.modal { width: 800px; } html.ssm-state-mobile #rl-left { width: 120px; } html.ssm-state-mobile #rl-right { left: 120px; } html.ssm-state-mobile #rl-sub-left { width: 310px; } html.ssm-state-mobile #rl-sub-left .messageList .inputSearch { width: 220px; } html.ssm-state-mobile #rl-sub-right { left: 310px; } html.ssm-state-mobile .b-compose.modal { width: 800px; } html.ssm-state-mobile .b-contacts-content.modal { width: 800px; } .ui-resizable-helper { border-right: 5px solid #777; border-right-color: rgba(255, 255, 255, 0.7); } html.rl-no-preview-pane #rl-sub-left { right: 5px !important; width: inherit; } html.rl-no-preview-pane #rl-sub-left .messageList .inputSearch { width: 300px !important; } html.rl-no-preview-pane #rl-sub-right { left: 0 !important; } html.rl-no-preview-pane #rl-right .ui-resizable-handle { display: none !important; } #rl-loading, #rl-loading-error { position: absolute; font: 30px Tahoma; top: 50%; width: 100%; height: 65px; margin: 0; margin-top: -60px; background-color: transparent; text-align: center; color: #000; } #rl-loading-error { background-image: none; display: none; } /** ::-webkit-scrollbar { height: 10px; width: 10px; overflow: visible; } ::-webkit-scrollbar-button { height: 0; width: 0; } ::-webkit-scrollbar-thumb, ::-webkit-scrollbar-track { background-color: transparent; background-clip: padding-box; border-width: 1px 1px 1px 6px; min-height: 18px; } ::-webkit-scrollbar-thumb { background-color: #bbb; background-color: rgba(0, 0, 0, 0.2); border: 2px solid transparent; } ::-webkit-scrollbar-corner { background: transparent; } /**/.b-system-drop-down .b-toolbar { position: absolute; top: 0; right: 0; height: 30px; padding: 10px 8px; z-index: 103; } .b-system-drop-down .e-facebook-name { display: inline-block; padding-top: 4px; } .b-system-drop-down .btn.system-dropdown { padding-left: 10px; padding-right: 10px; } .b-system-drop-down .button-fb-logout { margin: 5px; } .b-system-drop-down .email-title { display: inline-block; max-width: 200px; text-align: left; text-overflow: ellipsis; overflow: hidden; } .rl-view-model.RL-Login, .rl-view-model.RL-LoginNew, .rl-view-model.RL-AdminLogin { position: relative; height: 100%; z-index: 5; } .b-login-content { height: 100%; text-align: center; } .b-login-content .loginFormWrapper { display: inline-block; vertical-align: middle; text-align: center; } .b-login-content .loginFormWrapper .descWrapper { margin-bottom: 10px; } .b-login-content .loginFormWrapper .descWrapper .desc { font-size: 18px; padding: 2px; } .b-login-content .loginFormWrapper .alertError { max-width: 450px; } .b-login-content .loginFormWrapper .loginForm { background-color: #efefef; text-align: left; color: #333; margin: 0; float: none; } .b-login-content .loginFormWrapper .control-label { font-size: 16px; line-height: 30px; } .b-login-content .loginFormWrapper .control-group { margin-bottom: 25px; } .b-login-content .loginFormWrapper .wrapper { padding: 40px 40px 10px 40px; } .b-login-content .loginFormWrapper #recaptcha_image img { border: 1px solid #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .b-login-content .loginFormWrapper .inputLoginForm, .b-login-content .loginFormWrapper .inputEmail, .b-login-content .loginFormWrapper .inputLogin, .b-login-content .loginFormWrapper .inputPassword { font-size: 18px; height: 30px; line-height: 29px; } .b-login-content .loginFormWrapper .signMeLabel { margin-top: 5px; } .b-login-content .loginFormWrapper .input-append .add-on { position: relative; height: 30px; background: none; margin-left: -35px; z-index: 1000; border: 0px; } .b-login-content .loginFormWrapper .input-append .add-on i { font-size: 17px; line-height: 29px; color: #999; } .b-login-content .loginFormWrapper .control-group.error .add-on i { color: #b94a48; } .b-login-content .buttonLogin { margin: 0; } .b-login-content .alert { margin: 0 0 20px 0; text-align: left; } .b-login-content .loginAfter { display: inline-block; height: 90%; vertical-align: middle; width: 0px; } .b-login-content .flag-selector { margin-bottom: 0; } .popups .b-ask-content.modal { z-index: 10000; } .popups .b-ask-content .modal-header { background-color: #fff; } .popups .b-ask-content .modal-body { text-align: center; } .popups .b-ask-content .desc-place { font-size: 18px; } .b-folders .b-toolbar { position: absolute; top: 0; right: 0; left: 0; height: 30px; padding: 10px 10px 0 8px; color: #fff; } .b-folders .b-footer { position: absolute; bottom: 20px; right: 0; left: 0; height: 20px; padding: 0 10px 0 0; z-index: 101; } .b-folders .b-content { position: absolute; top: 58px; bottom: 43px; left: 0; right: 0; overflow: hidden; overflow-y: auto; } .b-folders .b-content .content { -webkit-overflow-scrolling: touch; } .b-folders .b-list-delimiter { margin: 10px; border-top: 0px solid #000; border-bottom: 1px solid #999; } .b-folders .b-content .e-item { overflow: hidden; white-space: nowrap; } .b-folders .b-content .e-item .e-link { display: block; position: relative; z-index: 1; height: 34px; line-height: 34px; background-color: transparent; vertical-align: middle; color: grey; cursor: not-allowed; font-size: 14px; padding: 0; padding-left: 10px; padding-right: 10px; outline: 0; text-decoration: none; } .b-folders .b-content .e-item .e-link.selectable { color: #000; cursor: pointer; } .b-folders .b-content .e-item .e-link.selectable:hover, .b-folders .b-content .e-item .e-link.selectable.selected, .b-folders .b-content .e-item .e-link.selectable.droppableHover { background-color: #555; color: #fff; } .b-folders .b-content .e-item .e-link.system { cursor: default; color: grey; } .b-folders .b-content .e-item .e-link .count { position: relative; display: none; margin-top: 5px; line-height: 19px; } .b-folders .b-content .e-item .e-link.print-count { font-weight: bold; } .b-folders .b-content .e-item .e-link.print-count .count { display: inline; } .b-folders .b-content .e-item .e-link.unread-sub { font-weight: bold; } .b-folders .b-content .e-item .e-link .e-collapsed-sign { cursor: pointer; width: 22px; height: 30px; line-height: 30px; text-align: center; vertical-align: inherit; } .b-folders .b-content .e-item .hidden.e-link { display: none; } .b-folders .b-content .e-item .b-sub-folders.collapsed { max-height: 0; height: 0; display: none; } .b-folders .b-folder-system-item { font-weight: bold; } .b-folders .b-sub-folders .e-item .e-link { padding-left: 25px; } .b-folders .b-sub-folders.unpaddig-folder .e-item .e-link { padding-left: 10px; } .b-folders .b-sub-folders .b-sub-folders .e-item .e-link { padding-left: 40px; } .b-folders .b-sub-folders.unpaddig-folder .b-sub-folders .e-item .e-link { padding-left: 25px; } .b-folders .b-sub-folders .b-sub-folders .b-sub-folders .e-item .e-link { padding-left: 55px; } .b-folders .b-sub-folders.unpaddig-folder .b-sub-folders .b-sub-folders .e-item .e-link { padding-left: 40px; } .b-folders .b-sub-folders .b-sub-folders .b-sub-folders .b-sub-folders .e-item .e-link { padding-left: 70px; } .b-folders .b-sub-folders.unpaddig-folder .b-sub-folders .b-sub-folders .b-sub-folders .e-item .e-link { padding-left: 55px; } .popups .b-folder-clear-content .modal-header { background-color: #fff; } .popups .b-folder-create-content .modal-header { background-color: #fff; } .popups .b-folder-system-content.modal { z-index: 1102; } .popups .b-folder-system-content .modal-header { background-color: #fff; } .popups .b-languages-content.modal { z-index: 1103; width: 700px; } .popups .b-languages-content.exp { width: 701px; } .popups .b-languages-content .modal-header { background-color: #fff; } .popups .b-languages-content .lang-item { display: inline-block; padding: 5px 15px; margin: 2px 5px; width: 180px; background-color: #fff; text-align: left; } .popups .b-languages-content .lang-item.selected { background-color: #f5f5f5; } .popups .b-languages-content .lang-item:hover { background-color: #eee; } .popups .b-account-add-content .modal-header { background-color: #fff; } .popups .b-open-pgp-key-view-content .modal-header, .popups .b-open-pgp-key-generate-content .modal-header, .popups .b-open-pgp-key-add-content .modal-header, .popups .b-compose-open-pgp-content .modal-header { background-color: #fff; } .popups .b-open-pgp-key-view-content.modal, .popups .b-open-pgp-key-generate-content.modal, .popups .b-open-pgp-key-add-content.modal, .popups .b-compose-open-pgp-content.modal { width: 570px; } .popups .b-open-pgp-key-view-content .inputKey, .popups .b-open-pgp-key-generate-content .inputKey, .popups .b-open-pgp-key-add-content .inputKey, .popups .b-compose-open-pgp-content .inputKey { font-family: Monaco, Menlo, Consolas, "Courier New", monospace; } .popups .b-open-pgp-key-view-content .key-viewer, .popups .b-open-pgp-key-generate-content .key-viewer, .popups .b-open-pgp-key-add-content .key-viewer, .popups .b-compose-open-pgp-content .key-viewer { max-height: 500px; overflow: auto; } .popups .b-identity-content .modal-header { background-color: #fff; } .popups .b-identity-content .textEmail { margin-top: 5px; font-weight: bold; } .popups .b-advanced-search-content.modal { width: 750px; } .popups .b-advanced-search-content.modal .control-label { width: 100px; } .popups .b-advanced-search-content.modal .controls { margin-left: 110px; } .popups .b-advanced-search-content .modal-header { background-color: #fff; } html.rl-no-preview-pane .messageList.message-selected { display: none; } .messageList .toolbar { position: absolute; top: 0; right: 0; left: 0; height: 30px; padding: 10px 1px; z-index: 102; } .messageList .b-footer { position: absolute; bottom: 0; right: 0; left: 0; height: 30px; padding: 7px; z-index: 101; background-color: #eee; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-left-radius: 5px; } .messageList .b-footer .e-quota { display: inline-block; margin-top: 5px; margin-left: 5px; font-size: 18px; cursor: help; } .messageList .b-footer .e-quota:hover { border-bottom: 1px dashed #333; } .messageList .inputSearch { width: 258px; } .messageList .btn.buttonMoreSearch { padding-left: 8px; padding-right: 8px; } .messageList .b-message-list-wrapper { position: absolute; top: 50px; right: 0; left: 0; bottom: 5px; border: 1px solid #aaaaaa; -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; z-index: 101; } .messageList .second-toolbar { position: absolute; top: 0; right: 0; left: 0; height: 29px; padding: 10px 8px 10px 11px; z-index: 101; background-color: #eee; -webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px; border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; border-top-left-radius: 5px; } .messageList .second-toolbar .checkboxCkeckAll { margin: 5px 0; } .messageList .mainDelimiter { position: absolute; left: 0; right: 0; height: 1px; z-index: 101; background-color: #bbb; } .messageList .toolbarDelimiter { top: 49px; } .messageList .footerDelimiter { bottom: 44px; } .messageList .b-content { position: absolute; top: 50px; bottom: 45px; left: 0; right: 0; padding: 0; overflow-x: hidden; overflow-y: auto; z-index: 101; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #fff; } .messageList .b-content .content { -webkit-overflow-scrolling: touch; } .messageList .b-content .listClear { color: #333; text-align: center; padding: 10px; font-size: 14px; line-height: 13px; } .messageList .b-content .listEmptyList, .messageList .b-content .listEmptyListLoading, .messageList .b-content .listDragOver, .messageList .b-content .listError, .messageList .b-content .listEmptySearchList { color: #999; text-align: center; padding: 60px 10px; font-size: 24px; line-height: 30px; } .messageList .b-content .listEmptyList .e-icon, .messageList .b-content .listEmptyListLoading .e-icon, .messageList .b-content .listDragOver .e-icon, .messageList .b-content .listError .e-icon, .messageList .b-content .listEmptySearchList .e-icon { font-size: 24px; line-height: 30px; } .messageList .b-content .listDragOver { max-height: 0; overflow: hidden; padding: 0 10px; } .messageList .b-content .listDragOver.viewAppendArea { max-height: 120px; padding: 30px 10px; } .messageList .b-content .listDragOver.dragOverEnter { background-color: #e0fdda; color: #333; } .messageList .b-content .listError { color: #DA4F49; } .messageList .b-content .listSearchDesc { font-size: 20px; padding: 20px; border-bottom: 1px solid #eee; } .messageList .b-content .delimiter { display: block; height: 1px; background-color: #e5e5e5; } .messageList .b-content .messageListItem:last-child { border-bottom: 1px solid #e5e5e5; } .messageList .b-content .messageListItem:last-child.selected { border-bottom: 1px solid #bfd5ef; } .messageList .b-content .fullThreadsParent { height: 25px; padding: 3px 5px; background-color: #f4f4f4; text-align: center; } .messageList .b-content .messageListItem { position: relative; height: 52px; max-height: 60px; font-size: 12px; line-height: 21px; overflow: hidden; cursor: pointer; margin: 0px; border: 0px solid transparent; z-index: 100; background-color: #f9f9f9; /* &:nth-child(even) { background-color: #f3f3f3; }*/ } .messageList .b-content .messageListItem .delimiter { position: relative; display: block; height: 1px; background-color: #999; opacity: 0.2; filter: alpha(opacity=20); } .messageList .b-content .messageListItem .wrapper { padding: 5px 0; } .messageList .b-content .messageListItem .sidebarParent { display: inline-block; width: 6px; background-color: #eee; float: left; height: 100%; } .messageList .b-content .messageListItem.e-single-line { height: 35px; } .messageList .b-content .messageListItem.e-single-line .wrapper { line-height: 25px; padding: 5px; } .messageList .b-content .messageListItem.new { max-height: 0px; } .messageList .b-content .messageListItem.deleted { max-height: 0px; border-color: transparent !important; } .messageList .b-content .messageListItem .checkedParent { display: inline-block; float: left; margin-top: 11px; padding: 0 8px 0 6px; font-size: 14px; } .messageList .b-content .messageListItem.e-single-line .checkedParent { margin-top: 1px; } .messageList .b-content .messageListItem .flagParent { display: inline-block; float: right; padding: 0 8px 0 5px; } .messageList .b-content .messageListItem.e-single-line .flagParent { float: left; padding: 0 8px 0 2px; } .messageList .b-content .messageListItem .dateParent { display: inline-block; float: right; position: relative; margin: 0 5px; color: #999; font-size: 11px; } .messageList .b-content .messageListItem .attachmentParent { display: inline-block; float: right; position: relative; margin: 2px 8px 0 5px; } .messageList .b-content .messageListItem.e-single-line .attachmentParent { float: left; margin: 0 5px 0 0; } .messageList .b-content .messageListItem .senderParent { display: block; overflow: hidden; text-overflow: ellipsis; } .messageList .b-content .messageListItem .threadsCountParent { display: inline; overflow: hidden; background-color: #eee; padding: 1px 5px; margin-right: 5px; border: 1px solid #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .messageList .b-content .messageListItem .threadsCountParent.lastSelected { background-color: #999; border-color: #999; color: #fff; } .messageList .b-content .messageListItem .threadsCountParent:hover { border-color: #666; } .messageList .b-content .messageListItem.e-single-line .senderParent { display: inline-block; text-overflow: none; width: 200px; float: left; font-weight: normal; } .messageList .b-content .messageListItem .subjectParent { display: block; overflow: hidden; text-overflow: ellipsis; color: #000; } .messageList .b-content .messageListItem .senderParent, .messageList .b-content .messageListItem .subjectParent, .messageList .b-content .messageListItem .dateParent { white-space: nowrap; } .messageList .b-content .messageListItem .subjectParent .emptySubjectText { display: none; font-style: italic; color: #999; } .messageList .b-content .messageListItem.emptySubject .subjectParent .subject { display: none; } .messageList .b-content .messageListItem.emptySubject .subjectParent .emptySubjectText { display: inline; } .messageList .b-content .messageListItem .sender, .messageList .b-content .messageListItem .subject { overflow: hidden; text-overflow: ellipsis; } .messageList .b-content .messageListItem .attachment { display: none; } .messageList .b-content .messageListItem .flagOff, .messageList .b-content .messageListItem .flagOn, .messageList .b-content .messageListItem .flagOnHalf { cursor: pointer; display: inline-block; } .messageList .b-content .messageListItem .flagOff { opacity: 0.5; filter: alpha(opacity=50); } .messageList .b-content .messageListItem .flagOff:hover { opacity: 1; filter: alpha(opacity=100); } .messageList .b-content .messageListItem .flagOn, .messageList .b-content .messageListItem .flagOnHalf { display: none; color: orange; } .messageList .b-content .messageListItem .replyFlag, .messageList .b-content .messageListItem .forwardFlag { display: none; } .messageList .b-content .messageListItem.answered .replyFlag { display: inline-block; } .messageList .b-content .messageListItem.forwarded .forwardFlag { display: inline-block; } .messageList .b-content .messageListItem.withAttachments .attachment { display: inline-block; color: #666; text-shadow: 0px 1px 0px #eee; } .messageList .b-content .messageListItem.unseen { background-color: #FFFFD9; } .messageList .b-content .messageListItem.unseen .sender, .messageList .b-content .messageListItem.unseen .subject { font-weight: bold; } .messageList .b-content .messageListItem.unseen .sidebarParent { background-color: orange; } .messageList .b-content .messageListItem.hasUnseenSubMessage { background-color: #FFFFD9; } .messageList .b-content .messageListItem.hasUnseenSubMessage .sidebarParent { background-color: #ffdb99; } .messageList .b-content .messageListItem.hasParentMessage { background-color: #ecf0f1; } .messageList .b-content .messageListItem.hasParentMessage .sidebarParent { background-color: #bdc3c7; } .messageList .b-content .messageListItem.hasParentMessage.unseen { background-color: #dde4e6; } .messageList .b-content .messageListItem.hasParentMessage.unseen .sidebarParent { background-color: #6c777f; } .messageList .b-content .messageListItem.checked .sidebarParent { background-color: #69a8f5 !important; } .messageList .b-content .messageListItem.selected { background-color: #DFEFFF; z-index: 102; } .messageList .b-content .messageListItem.selected .sidebarParent { background-color: #398CF2 !important; } .messageList .b-content .messageListItem.selected .delimiter { background-color: #398CF2; opacity: 0.2; filter: alpha(opacity=20); } .messageList .b-content .messageListItem.selected + .messageListItem .delimiter { background-color: #398CF2; opacity: 0.3; filter: alpha(opacity=30); } .messageList .b-content .messageListItem.hasFlaggedSubMessage .flagOff, .messageList .b-content .messageListItem.hasFlaggedSubMessage .flagOn { display: none; } .messageList .b-content .messageListItem.hasFlaggedSubMessage .flagOnHalf { display: inline-block; } .messageList .b-content .messageListItem.flagged .flagOff, .messageList .b-content .messageListItem.flagged .flagOnHalf { display: none; } .messageList .b-content .messageListItem.flagged .flagOn { display: inline-block; } .messageList.hideMessageListCheckbox .checkedParent, .messageList.hideMessageListCheckbox .checkboxCkeckAll { display: none !important; } .messageList.hideMessageListCheckbox .sidebarParent { margin-right: 10px !important; } html.ssm-state-desktop-large .messageList .b-content .messageListItem { font-size: 13px; } html.ssm-state-desktop-large .messageList .b-content .messageListItem .dateParent { font-size: 13px; } .draggablePlace { z-index: 10002; color: #fff; background-color: #333; background-color: rgba(0, 0, 0, 0.5); padding: 4px 10px; min-width: 30px; height: 20px; cursor: pointer; cursor: move; } html.rl-no-preview-pane .messageView { display: none; } html.rl-no-preview-pane .messageView.message-selected { display: block; } .messageView { z-index: 100; } .messageView .toolbar { position: absolute; top: 0; right: 0; left: 0; height: 30px; padding: 10px 0; color: #fff; } .messageView .b-content { position: absolute; margin: 0; top: 58px; bottom: 13px; right: 8px; left: 0; overflow: hidden; border: 1px solid #aaaaaa; border-left: 0px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topright: 3px; border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-bottomright: 3px; border-bottom-right-radius: 3px; background-color: #fff; } .messageView .b-content .b-message-view-desc { text-align: center; font-size: 24px; line-height: 30px; padding-top: 120px; color: #999; } .messageView .b-content .b-message-view-desc.error { color: #DA4F49; } .messageView .b-content .content { -webkit-overflow-scrolling: touch; } .messageView .b-content .messageItem { position: absolute; top: 0px; bottom: 0; left: 0; right: 0; overflow: auto; -webkit-overflow-scrolling: touch; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .messageView .b-content .messageItem .emptySubjectText { display: none; font-style: italic; color: #999; } .messageView .b-content .messageItem.emptySubject .emptySubjectText { display: inline; } .messageView .b-content .messageItem .buttonUp, .messageView .b-content .messageItem .buttonUnFull, .messageView .b-content .messageItem .buttonFull { display: inline-block; position: fixed; right: 30px; top: 90px; height: 30px; width: 30px; text-align: center; vertical-align: middle; line-height: 30px; background-color: transparent; background-color: #fff; border: 1px solid #333; color: #333; z-index: 2; cursor: pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; opacity: 0.3; filter: alpha(opacity=30); } .messageView .b-content .messageItem .buttonUp:hover, .messageView .b-content .messageItem .buttonUnFull:hover, .messageView .b-content .messageItem .buttonFull:hover { opacity: 0.8; filter: alpha(opacity=80); border-color: #000; background-color: #888; color: #fff; } .messageView .b-content .messageItem .buttonUp { right: 70px; z-index: 0; } .messageView .b-content .messageItem .buttonUnFull { display: none; } .messageView .b-content .messageItem .messageItemHeader { position: relative; padding: 10px; background-color: #f8f8f8; border-top: 0px; border-bottom: 1px solid #ddd; z-index: 1; } .messageView .b-content .messageItem .messageItemHeader .fromPic { display: inline-block; width: 50px; height: 50px; float: left; padding: 2px; margin: 0 5px 0 0; background: #fff; border: 1px solid #ccc; border-radius: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .messageView .b-content .messageItem .messageItemHeader .subjectParent { font-size: 16px; font-weight: bold; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin-left: 3px; } .messageView .b-content .messageItem .messageItemHeader .senderParent { margin-top: 10px; } .messageView .b-content .messageItem .messageItemHeader .messageButtons { margin-top: 5px; } .messageView .b-content .messageItem .messageItemHeader .informationShort { margin-left: 15px; } .messageView .b-content .messageItem .messageItemHeader .informationShort a { color: #336699; text-decoration: underline; cursor: pointer; } .messageView .b-content .messageItem .messageItemHeader .informationFull { margin-top: 10px; border: 1px solid #ddd; background-color: #fff; border-radius: 5px; padding: 10px 15px; } .messageView .b-content .messageItem .loading { text-align: center; font-size: 24px; color: grey; padding-top: 50px; } .messageView .b-content .messageItem .line-loading { height: 0px; } .messageView .b-content .messageItem .showImages, .messageView .b-content .messageItem .readReceipt, .messageView .b-content .messageItem .pgpSigned, .messageView .b-content .messageItem .pgpEncrypted { cursor: pointer; padding: 10px 15px; border-bottom: 1px solid #ddd; background-color: #eee; } .messageView .b-content .messageItem .readReceipt { background-color: #ffffd9; } .messageView .b-content .messageItem .attachmentsPlace { padding: 10px; } .messageView .b-content .messageItem .attachmentsPlace .attachmentList { margin: 0; } .messageView .b-content .messageItem .attachmentsPlace .attachmentList .attachmentItem { display: inline-block; margin: 5px; padding: 5px; max-width: 170px; min-width: 60px; overflow: hidden; cursor: pointer; list-style: none; line-height: 24px; border: 2px solid grey; background-color: #fff; box-shadow: 1px 1px 5px #ccc; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .messageView .b-content .messageItem .attachmentsPlace .attachmentList .attachmentItem .attachmentIcon { font-size: 23px; width: 23px; height: 23px; } .messageView .b-content .messageItem .attachmentsPlace .attachmentList .attachmentItem .attachmentPreview { color: #999; margin: 0px 5px; } .messageView .b-content .messageItem .attachmentsPlace .attachmentList .attachmentItem .attachmentPreview:hover { color: #333; } .messageView .b-content .messageItem .rlBlockquoteSwitcher { background-color: #eee; border: 1px solid #999; display: inline-block; width: 30px; height: 14px; line-height: 14px; text-align: center; cursor: pointer; margin: 10px 0px; opacity: 0.5; filter: alpha(opacity=50); } .messageView .b-content .messageItem .rlBlockquoteSwitcher:hover { opacity: 1; filter: alpha(opacity=100); } .messageView .b-content .messageItem .bodyText { color: #000; font-family: Arial, Verdana, Geneva, sans-serif; } .messageView .b-content .messageItem .bodyText .b-text-part div[data-x-div-type=html] { height: 100%; } .messageView .b-content .messageItem .bodyText .b-text-part div[data-x-div-type=html] div[data-x-div-type=html] { height: 100%; } .messageView .b-content .messageItem .bodyText .b-text-part a { color: blue; text-decoration: underline; } .messageView .b-content .messageItem .bodyText .b-text-part a:visited { color: #609; } .messageView .b-content .messageItem .bodyText .b-text-part a:active { color: red; } .messageView .b-content .messageItem .bodyText .b-text-part table { border-collapse: separate; } .messageView .b-content .messageItem .bodyText .b-text-part blockquote { border-left: 2px solid #000; margin: 0; padding: 0px 10px; } .messageView .b-content .messageItem .bodyText .b-text-part .rl-bq-switcher.hidden-bq { display: none; } .messageView .b-content .messageItem .bodyText .b-text-part.rtl-text-part { direction: rtl; } .messageView .b-content .messageItem .bodyText .b-text-part.html div[data-x-div-type=body] { margin: 15px; } .messageView .b-content .messageItem .bodyText .b-text-part.html pre { margin: 0px; padding: 0px; background: #fff; border: none; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; } .messageView .b-content .messageItem .bodyText .b-text-part.plain { padding: 15px; } .messageView .b-content .messageItem .bodyText .b-text-part.plain pre { margin: 0px; padding: 0px; background: #fff; border: none; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; } .messageView .b-content .messageItem .bodyText .b-text-part.plain blockquote { border-left: 2px solid blue; color: blue; } .messageView .b-content .messageItem .bodyText .b-text-part.plain blockquote blockquote { border-left: 2px solid green; color: green; } .messageView .b-content .messageItem .bodyText .b-text-part.plain blockquote blockquote blockquote { border-left: 2px solid red; color: red; } html.rl-no-preview-pane .messageView .toolbar { padding-left: 1px; } html.rl-no-preview-pane .messageView .b-content { top: 50px; bottom: 5px; right: 5px; border: 1px solid #aaaaaa; -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } html.rl-no-preview-pane .messageView .b-content .buttonUp, html.rl-no-preview-pane .messageView .b-content .buttonUnFull, html.rl-no-preview-pane .messageView .b-content .buttonFull { top: 70px; } html.cssanimations.rl-anim .line-loading { height: 5px !important; } html.rl-message-fullscreen #rl-left, html.rl-message-fullscreen #rl-bottom { display: none !important; } html.rl-message-fullscreen #rl-right .RL-MailMessageList, html.rl-message-fullscreen #rl-right .RL-SettingsPane, html.rl-message-fullscreen #rl-right .RL-SystemDropDown, html.rl-message-fullscreen #rl-right .RL-MailMessageView .messageView .toolbar { display: none !important; } html.rl-message-fullscreen .messageView .b-content { position: fixed; margin: 5px; top: 0; left: 0; right: 0; bottom: 0; z-index: 10000; border: 1px solid #aaaaaa; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } html.rl-message-fullscreen .messageView .b-content .buttonUp, html.rl-message-fullscreen .messageView .b-content .buttonUnFull { display: inline-block; top: 36px; } html.rl-message-fullscreen .messageView .b-content .buttonFull { display: none; } .b-contacts-content .control-group .control-label.fix-width { width: 90px; } .b-contacts-content .control-group .controls.fix-width { margin-left: 110px; } .b-contacts-content.modal { position: absolute; right: 0; top: 0; bottom: 0; left: 0; width: 900px; min-height: 300px; max-height: 700px; margin: auto; } .b-contacts-content.modal .modal-body { overflow: auto; height: 100%; background-color: #f5f5f5; padding: 0; } .b-contacts-content.modal .b-header-toolbar { height: 40px; background-color: #aaaaaa; color: #fff; background-color: #333; background-color: rgba(0, 0, 0, 0.8) !important; } .b-contacts-content.modal .b-header-toolbar .close { color: #fff; opacity: 1; filter: alpha(opacity=100); } .b-contacts-content.modal .b-header-toolbar .btn { margin-top: 4px; } .b-contacts-content.modal .b-header-toolbar .button-new-message { margin-left: 8px; } .b-contacts-content.modal .b-header-toolbar .button-delete { margin-left: 8px; } .b-contacts-content.modal .b-list-toopbar { padding: 0; height: 45px; text-align: center; width: 250px; -webkit-box-shadow: inset 0 -1px 0 #cccccc; -moz-box-shadow: inset 0 -1px 0 #cccccc; box-shadow: inset 0 -1px 0 #cccccc; } .b-contacts-content.modal .b-list-toopbar .e-search { margin-top: 7px; width: 225px; } .b-contacts-content.modal .b-list-footer-toopbar { position: absolute; left: 0; bottom: 0; height: 105px; width: 250px; background-color: #eee; -webkit-box-shadow: inset 0 1px 0 #cccccc; -moz-box-shadow: inset 0 1px 0 #cccccc; box-shadow: inset 0 1px 0 #cccccc; } .b-contacts-content.modal .b-list-footer-toopbar .footer-pager { padding: 8px 10px 0 0; } .b-contacts-content.modal .b-list-content { position: absolute; top: 45px; bottom: 105px; left: 0; width: 250px; overflow: hidden; overflow-y: auto; } .b-contacts-content.modal .b-list-content .content { -webkit-overflow-scrolling: touch; } .b-contacts-content.modal .b-list-content .listClear { color: #333; text-align: center; padding: 10px; font-size: 14px; line-height: 13px; background-color: #fff; -webkit-box-shadow: inset 0 -1px 0 #cccccc; -moz-box-shadow: inset 0 -1px 0 #cccccc; box-shadow: inset 0 -1px 0 #cccccc; } .b-contacts-content.modal .b-list-content .listEmptyList, .b-contacts-content.modal .b-list-content .listEmptyListLoading, .b-contacts-content.modal .b-list-content .listEmptySearchList { color: #999; text-align: center; padding: 60px 10px; font-size: 24px; line-height: 30px; } .b-contacts-content.modal .b-list-content.hideContactListCheckbox .checkedParent, .b-contacts-content.modal .b-list-content.hideContactListCheckbox .checkboxCkeckAll { display: none !important; } .b-contacts-content.modal .b-list-content.hideContactListCheckbox .sidebarParent { margin-right: 10px !important; } .b-contacts-content.modal .b-list-content .e-contact-foreach { border-bottom: 1px solid #ddd; } .b-contacts-content.modal .b-list-content .e-contact-item { position: relative; height: 45px; max-height: 45px; line-height: 45px; overflow: hidden; cursor: pointer; margin: 0px; border: 0px solid transparent; z-index: 100; } .b-contacts-content.modal .b-list-content .e-contact-item .delimiter { position: relative; display: block; height: 1px; background-color: #999; opacity: 0.2; filter: alpha(opacity=20); } .b-contacts-content.modal .b-list-content .e-contact-item .wrapper { padding: 0; } .b-contacts-content.modal .b-list-content .e-contact-item .sidebarParent { display: inline-block; width: 6px; background-color: #eee; float: left; height: 100%; } .b-contacts-content.modal .b-list-content .e-contact-item.deleted { max-height: 0px; border-color: transparent !important; } .b-contacts-content.modal .b-list-content .e-contact-item .checkedParent { display: inline-block; float: left; padding: 0 8px 0 6px; } .b-contacts-content.modal .b-list-content .e-contact-item .shareParent { display: none; float: right; position: relative; margin: 2px 8px 0 5px; } .b-contacts-content.modal .b-list-content .e-contact-item .nameParent { display: block; overflow: hidden; text-overflow: ellipsis; color: #333; font-size: 16px; } .b-contacts-content.modal .b-list-content .e-contact-item .nameParent, .b-contacts-content.modal .b-list-content .e-contact-item .emailParent { white-space: nowrap; } .b-contacts-content.modal .b-list-content .e-contact-item .displayName, .b-contacts-content.modal .b-list-content .e-contact-item .displayEmail { overflow: hidden; text-overflow: ellipsis; } .b-contacts-content.modal .b-list-content .e-contact-item .displayImg { display: inline-block; float: right; position: relative; margin: 0 5px; } .b-contacts-content.modal .b-list-content .e-contact-item.shared .shareParent { display: inline-block; } .b-contacts-content.modal .b-list-content .e-contact-item.checked { z-index: 101; } .b-contacts-content.modal .b-list-content .e-contact-item.checked .sidebarParent { background-color: #69A8F5; } .b-contacts-content.modal .b-list-content .e-contact-item.selected { background-color: #fff; z-index: 102; } .b-contacts-content.modal .b-list-content .e-contact-item.selected .sidebarParent { background-color: #398CF2; } .b-contacts-content.modal .b-view-content { position: absolute; top: 0; bottom: 60px; left: 250px; right: 0; overflow: hidden; overflow-y: auto; background-color: #fff; border-left: 1px solid #ddd; } .b-contacts-content.modal .b-view-content .content { -webkit-overflow-scrolling: touch; } .b-contacts-content.modal .b-view-content .contactValueStatic { height: 20px; line-height: 20px; font-size: 18px; display: inline-block; padding: 5px 7px; color: #555; display: none; } .b-contacts-content.modal .b-view-content.read-only .contactValueStatic { display: inline-block; } .b-contacts-content.modal .b-view-content.read-only .contactValueInput { display: none; } .b-contacts-content.modal .b-view-content .b-contact-view-desc { text-align: center; font-size: 24px; line-height: 30px; padding-top: 120px; color: #999; } .b-contacts-content.modal .b-view-content .top-part { padding-top: 20px; } .b-contacts-content.modal .b-view-content .property-line { margin-bottom: 5px; } .b-contacts-content.modal .b-view-content .top-row { padding: 10px 0; height: 30px; } .b-contacts-content.modal .b-view-content .add-link { margin-left: 2px; padding: 5px; font-size: 12px; color: #aaa; } .b-contacts-content.modal .b-view-content .contactValueStatic { font-size: 18px; display: none; } .b-contacts-content.modal .b-view-content .contactValueInput { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-color: #fff; font-size: 18px; width: 300px; } .b-contacts-content.modal .b-view-content .contactValueInput:hover { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); border-color: #ccc; } .b-contacts-content.modal .b-view-content .contactValueInput:focus { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); border-color: #999; } .b-contacts-content.modal .b-view-content .contactValueInput::-webkit-input-placeholder { color: #ddd; } .b-contacts-content.modal .b-view-content .contactValueInput::-moz-placeholder { color: #ddd; } .b-contacts-content.modal .b-view-content .contactValueInput:-moz-placeholder { color: #ddd; } .b-contacts-content.modal .b-view-content .contactValueInput:-ms-input-placeholder { color: #ddd; } .b-contacts-content.modal .b-view-content .hasError .contactValueInput { color: #ee5f5b; border-color: #ee5f5b; } .b-contacts-content.modal .b-view-content .e-save-trigger { position: absolute; top: 25px; left: 10px; } .b-contacts-content.modal .b-view-content .e-read-only-sign { display: none; position: absolute; top: 20px; right: 40px; } .b-contacts-content.modal .b-view-content .e-share-sign { position: absolute; top: 60px; right: 20px; cursor: pointer; } .b-contacts-content.modal .b-view-content .button-save-contact { position: absolute; top: 20px; right: 20px; } .b-contacts-content.modal .b-view-content .button-save-contact.no-disabled.dirty { color: #51a351; font-weight: bold; } .b-contacts-content.modal .b-view-content.read-only .e-read-only-sign { display: inline-block; } .b-contacts-content.modal .b-view-content.read-only .e-share-sign { display: none; } .b-contacts-content.modal .b-view-content.read-only .button-save-contact { display: none; } .b-contacts-content .e-contact-item { position: relative; height: 55px; max-height: 60px; line-height: 22px; overflow: hidden; cursor: pointer; margin: 0px; border: 0px solid transparent; z-index: 100; } .b-compose.modal { width: 850px; margin: 10px auto; } .b-compose.modal .modal-body { overflow: auto; padding: 0px; } .b-compose .textAreaParent { overflow: hidden; } .b-compose .b-header-toolbar { height: 40px; background-color: #aaaaaa; color: #fff; background-color: #333; background-color: rgba(0, 0, 0, 0.8) !important; } .b-compose .b-header-toolbar .close { color: #fff; opacity: 1; filter: alpha(opacity=100); } .b-compose .b-header-toolbar .btn.disable.button-delete { visibility: hidden; } .b-compose .b-header-toolbar .button-save, .b-compose .b-header-toolbar .button-delete, .b-compose .b-header-toolbar .saved-text { margin-left: 8px; } .b-compose .b-header-toolbar .disable.button-delete { margin-left: 0px; } .b-compose .b-header { padding: 10px; /*border-bottom: 1px solid #333;*/ background-color: #eee; color: #333; } .b-compose .b-header .e-identity { font-weight: bold; } .b-compose .b-header .e-identity.multiply { cursor: pointer; border-bottom: 1px dashed #555; } .b-compose .b-header .e-row { line-height: 30px; } .b-compose .b-header .e-label { text-align: right; width: 1%; min-width: 70px; padding: 6px 10px; } .b-compose .b-header .e-value { padding: 2px 0px; } .b-compose .b-header .e-value textarea, .b-compose .b-header .e-value input[type="text"] { width: 98%; } .b-compose .b-header .e-value textarea { height: 40px; } .b-compose .b-header .error-desc { color: red; } .b-compose .b-header .b-appachments .b-attacment { line-height: 20px; padding-bottom: 10px; } .b-compose .b-header .b-appachments .b-attacment-in-process { line-height: 20px; padding-bottom: 10px; } .b-compose .b-header .b-appachments .b-attacment-in-process .uploading { display: none; padding-right: 5px; } .b-compose .b-header .b-appachments .b-attacment-in-process.uploading .uploading { display: inline; } .b-compose .b-header .b-appachments .b-attacment-in-process .upload-progress { font-weight: bold; } .b-compose .b-header .b-appachments .b-attacment-in-process.error .namedStr { color: #888; } .b-compose .b-header .b-appachments .b-attacment-in-process .error { color: red; } .b-compose .b-header .b-appachments .b-attacment-in-process .close { float: left; padding-right: 13px; } .b-compose .b-attachment-button { display: inline-block; } .b-compose .b-attachment-place { position: absolute; height: 120px; border: 2px #777 dashed; line-height: 119px; text-align: center; background-color: #fff; z-index: 300; left: 20px; right: 20px; font-size: 24px; } .b-compose .b-attachment-place.drag-and-drop-over { background: #777; color: #fff; } .b-admin-left .b-toolbar { position: absolute; top: 0; right: 0; left: 0; height: 34px; padding: 8px 0 0 8px; } .b-admin-left .b-content { position: absolute; top: 68px; bottom: 8px; left: 0; right: 0; overflow: hidden; } .b-admin-left .b-content .content { -webkit-overflow-scrolling: touch; } .b-admin-menu .e-item { overflow: hidden; text-decoration: none; outline: 0; } .b-admin-menu .e-link { position: relative; display: block; height: 30px; line-height: 29px; cursor: pointer; font-size: 18px; z-index: 1; cursor: default; background-color: transparent; color: #888; padding: 4px 10px; outline: 0; text-decoration: none; } .b-admin-menu .e-item.selectable .e-link { cursor: pointer; } .b-admin-menu .e-item.selectable:hover .e-link, .b-admin-menu .e-item.selectable.selected .e-link { background-color: #555; color: #fff; } .b-admin-right .b-toolbar { position: absolute; top: 0; right: 0; left: 0; height: 34px; padding: 8px 8px; color: #fff; } .b-admin-right .b-content { position: absolute; top: 58px; bottom: 8px; left: 0; right: 8px; overflow-y: auto; z-index: 2; background-color: #fff; border: 1px solid #aaaaaa; -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .b-admin-right .b-content .content { -webkit-overflow-scrolling: touch; } .b-admin-right .b-settings-content { padding: 20px; } .b-admin-general .flag-selector { padding-top: 5px; } .b-admin-general .flag-name { border-bottom: 1px dashed #555; } .b-admin-domains .process-place { width: 600px; padding: 14px 0; text-align: center; visibility: hidden; } .b-admin-domains-list-table { width: 600px; } .b-admin-domains-list-table .e-item .e-action { cursor: pointer; } .b-admin-domains-list-table .e-item .domain-name { display: inline-block; word-break: break-all; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .b-admin-domains-list-table .e-item.disabled .domain-name { color: #bbb; } .b-admin-domains-list-table .e-item .button-delete { margin-right: 15px; visibility: hidden; opacity: 0; filter: alpha(opacity=0); } .b-admin-domains-list-table .e-item .delete-access.button-delete { visibility: visible; margin-right: 0; opacity: 1; filter: alpha(opacity=100); } .b-admin-domains-list-table .e-item .delete-domain, .b-admin-domains-list-table .e-item .disable-domain { cursor: pointer; opacity: 0.5; filter: alpha(opacity=50); } .b-admin-domains-list-table .e-item.disabled .disable-domain { opacity: 0.5; filter: alpha(opacity=50); } .b-admin-domains-list-table .e-item .delete-domain:hover, .b-admin-domains-list-table .e-item .disable-domain:hover { opacity: 1; filter: alpha(opacity=100); } .b-domain-content.modal { width: 645px; } .b-domain-content .modal-header { background-color: #fff; } .b-domain-content .modal-body { position: relative; overflow: hidden; width: 1300px; height: 390px; left: 0; } .b-domain-content.domain-edit .modal-body { height: 350px; } .b-domain-content.domain-white-list-page .modal-body { left: -640px; } .b-domain-content .error-desc { color: red; margin-left: 10px; } .b-domain-content .testing-done .imap-header, .b-domain-content .testing-done .smtp-header { color: green; font-weight: bold; } .b-domain-content .testing-error .imap-header, .b-domain-content .testing-error .smtp-header { color: red; } .b-admin-packages .alert { width: 650px; } .b-admin-packages .process-place { visibility: hidden; } .b-admin-packages-list-table { width: 700px; } .b-admin-packages-list-table .e-item .package-img { font-size: 12px; margin-right: 2px; } .b-admin-packages-list-table .e-item .package-name.core { font-weight: bold; } .b-admin-packages-list-table .e-item .package-desc { color: #999; font-size: 12px; } .b-admin-packages-list-table .e-item .e-action { cursor: pointer; } .b-admin-packages-list-table .e-item .package-release-parent, .b-admin-packages-list-table .e-item .package-actions-parent { text-align: center; } .b-admin-packages-list-table .e-item .package-actions-parent { vertical-align: middle; } .b-admin-plugins .process-place { visibility: hidden; } .b-admin-plugins-list-table.disabled { opacity: 0.5; filter: alpha(opacity=50); background-color: #eee; } .b-admin-plugins-list-table .e-item .e-action { cursor: pointer; } .b-admin-plugins-list-table .e-item .plugin-img { font-size: 12px; margin-right: 2px; } .b-admin-plugins-list-table .e-item.disabled .plugin-img, .b-admin-plugins-list-table .e-item.disabled .plugin-name { color: #bbb; } .b-admin-plugins-list-table .e-item.disabled .disable-plugin { opacity: 0.5; filter: alpha(opacity=50); } .b-admin-plugin-property .help-block { margin-bottom: 5px; } .b-plugin-content.modal { width: 660px; } .b-plugin-content.modal .modal-body { overflow: auto; } .b-plugin-content .modal-header { background-color: #fff; } .b-plugin-content .information { display: inline-block; background-color: #ddd; border-radius: 10px; cursor: pointer; height: 25px; width: 30px; text-align: center; padding-top: 5px; } .b-plugin-content textarea { width: 400px; height: 50px; } .popups .b-activate-content { width: 700px; } .popups .b-activate-content .modal-header { background-color: #fff; } .popups .b-activate-content .help-inline { padding-left: 0px; } .b-settins-left .b-toolbar { position: absolute; top: 0; right: 0; left: 0; height: 34px; padding: 8px 0 0 8px; } .b-settins-left .b-content { position: absolute; top: 68px; bottom: 8px; left: 0; right: 0; overflow: hidden; } .b-settins-left .b-content .content { -webkit-overflow-scrolling: touch; } .b-settings-menu .e-item { overflow: hidden; text-decoration: none; outline: 0; } .b-settings-menu .e-link { position: relative; display: block; height: 30px; line-height: 29px; font-size: 18px; z-index: 1; cursor: default; background-color: transparent; color: #888; padding: 4px 10px; outline: 0; text-decoration: none; } .b-settings-menu .e-item.selectable .e-link { cursor: pointer; } .b-settings-menu .e-item.selectable:hover .e-link, .b-settings-menu .e-item.selectable.selected .e-link { background-color: #555; color: #fff; } .b-settins-right .b-toolbar { position: absolute; top: 0; right: 0; left: 0; height: 34px; padding: 8px 5px; color: #fff; } .b-settins-right .b-content { position: absolute; top: 58px; bottom: 8px; left: 0; right: 8px; overflow-y: auto; z-index: 2; background-color: #fff; border: 1px solid #aaaaaa; -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .b-settins-right .b-content .content { -webkit-overflow-scrolling: touch; } .b-settins-right .b-settings-content { padding: 20px; } .b-settings-general .notification-desc-denied { color: #999; display: none; } .b-settings-general .denied-by-browser .notification-desc-denied { display: inline; } .b-settings-general .denied-by-browser .notification-desc { color: #999; } .b-settings-general .flag-selector { padding-top: 5px; } .b-settings-general .flag-name { border-bottom: 1px dashed #555; } .b-settings-accounts .process-place { text-align: center; width: 600px; padding: 14px 0; } .b-settings-accounts .list-table { width: 600px; } .b-settings-accounts .list-table td { padding: 4px 8px; line-height: 30px; } .b-settings-accounts .list-table .account-img { font-size: 12px; margin-right: 5px; } .b-settings-accounts .list-table .account-name { display: inline-block; word-break: break-all; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 22px; cursor: default; } .b-settings-accounts .account-item .button-delete { margin-right: 15px; margin-top: 5px; visibility: hidden; opacity: 0; filter: alpha(opacity=0); } .b-settings-accounts .account-item .delete-access.button-delete { visibility: visible; margin-right: 0; opacity: 1; filter: alpha(opacity=100); } .b-settings-accounts .account-item .delete-account { cursor: pointer; opacity: 0.5; filter: alpha(opacity=50); } .b-settings-identity .e-signature-place { display: inline-block; width: 680px; height: 250px; } .b-settings-identities .process-place { text-align: center; width: 600px; padding: 14px 0; } .b-settings-identities .e-signature-place { display: inline-block; width: 680px; height: 250px; } .b-settings-identities .list-table { width: 600px; } .b-settings-identities .list-table td { padding: 4px 8px; line-height: 30px; } .b-settings-identities .list-table .identity-img { font-size: 12px; margin-right: 5px; } .b-settings-identities .list-table .identity-name { display: inline-block; word-break: break-all; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 22px; cursor: pointer; } .b-settings-identities .identity-item .e-action { cursor: pointer; } .b-settings-identities .identity-item .button-delete { margin-right: 15px; margin-top: 5px; visibility: hidden; opacity: 0; filter: alpha(opacity=0); } .b-settings-identities .identity-item .delete-access.button-delete { visibility: visible; margin-right: 0; opacity: 1; filter: alpha(opacity=100); } .b-settings-identities .identity-item .delete-identity { cursor: pointer; opacity: 0.5; filter: alpha(opacity=50); } .b-settings-open-pgp .process-place { text-align: center; width: 600px; padding: 14px 0; } .b-settings-open-pgp .list-table { width: 750px; } .b-settings-open-pgp .list-table td { padding: 4px 8px; line-height: 30px; } .b-settings-open-pgp .list-table .open-pgp-key-img { font-size: 12px; margin-right: 5px; } .b-settings-open-pgp .list-table .open-pgp-key-id, .b-settings-open-pgp .list-table .open-pgp-key-user { display: inline-block; word-break: break-all; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 22px; cursor: default; } .b-settings-open-pgp .open-pgp-key-item .button-delete { margin-right: 15px; margin-top: 5px; visibility: hidden; opacity: 0; filter: alpha(opacity=0); } .b-settings-open-pgp .open-pgp-key-item .delete-access.button-delete { visibility: visible; margin-right: 0; opacity: 1; filter: alpha(opacity=100); } .b-settings-open-pgp .open-pgp-key-item .delete-open-pgp-key, .b-settings-open-pgp .open-pgp-key-item .view-open-pgp-key { cursor: pointer; opacity: 0.5; filter: alpha(opacity=50); } /*.folderPaddingHelper(@i) { (~".folder-padding.deep-@{i}") { width: 15px * @i + 10px; } }*/ .b-settings-folders { /* .folderPaddingHelper(1); .folderPaddingHelper(2); .folderPaddingHelper(3); .folderPaddingHelper(4); .folderPaddingHelper(5);*/ } .b-settings-folders.ignore-folder-subscribe .subscribe-folder, .b-settings-folders.ignore-folder-subscribe .unsubscribe-folder { display: none; } .b-settings-folders .process-place { text-align: center; width: 600px; padding: 14px 0; } .b-settings-folders .folders-list-error { width: 550px; margin: 10px 0px; } .b-settings-folders .list-table { width: 600px; } .b-settings-folders .list-table .e-action { cursor: pointer; } .b-settings-folders .list-table td { padding: 4px 8px; line-height: 30px; } .b-settings-folders .list-table .folder-padding { display: inline-block; width: 0; } .b-settings-folders .list-table .folder-name { display: inline-block; word-break: break-all; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-left: 7px; line-height: 22px; cursor: default; } .b-settings-folders .list-table .folder-system-name { display: inline-block; line-height: 22px; color: #999; cursor: default; } .b-settings-folders .list-table .folder-name.can-be-edited:hover { border-bottom: 1px dashed #333; cursor: pointer; } .b-settings-folders .list-table .folder-name-input { border-width: 1px; margin-bottom: 0; margin-left: -4px; } .b-settings-folders .folder-item.system .folder-name { font-weight: bold; } .b-settings-folders .folder-item .button-delete { margin-right: 15px; margin-top: 5px; visibility: hidden; opacity: 0; filter: alpha(opacity=0); } .b-settings-folders .folder-item .delete-access.button-delete { visibility: visible; margin-right: 0; opacity: 1; filter: alpha(opacity=100); } .b-settings-folders .folder-item .delete-folder, .b-settings-folders .folder-item .subscribe-folder, .b-settings-folders .folder-item .unsubscribe-folder { cursor: pointer; opacity: 0.6; filter: alpha(opacity=60); } .b-settings-folders .folder-item .unsubscribe-folder { opacity: 0.25; filter: alpha(opacity=25); } .b-settings-folders .folder-padding.deep-1 { width: 25px; } .b-settings-folders .folder-padding.deep-2 { width: 40px; } .b-settings-folders .folder-padding.deep-3 { width: 55px; } .b-settings-folders .folder-padding.deep-4 { width: 70px; } .b-settings-folders .folder-padding.deep-5 { width: 85px; } .b-themes-list .e-item { display: inline-block; border: 2px solid transparent; cursor: pointer; color: #000; background-color: #fff; padding: 16px; margin: 5px; } .b-themes-list .e-item:hover { border: 2px solid grey; } .b-themes-list .e-item.selected { background-color: #eee; border: 2px solid #000; } .b-themes-list .e-item .e-image { width: 100px; height: 100px; border: 1px solid #ddd; } @keyframes highlight-folder-row { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } @-moz-keyframes highlight-folder-row { 0% { -moz-transform: scale(1); } 50% { -moz-transform: scale(1.1); } 100% { -moz-transform: scale(1); } } @-webkit-keyframes highlight-folder-row { 0% { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(1.1); } 100% { -webkit-transform: scale(1); } } @-webkit-keyframes textLoadingAnimationKeyFrame { 0% { opacity: 1; } 33% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes textLoadingAnimationKeyFrame { 0% { opacity: 1; } 33% { opacity: 0; } 100% { opacity: 1; } } @keyframes textLoadingAnimationKeyFrame { 0% { opacity: 1; } 33% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes animate-stripes { 0% { background-position: 0 0; } 100% { background-position: 60px 0; } } @-moz-keyframes animate-stripes { 0% { background-position: 0 0; } 100% { background-position: 60px 0; } } @keyframes animate-stripes { 0% { background-position: 0 0; } 100% { background-position: 60px 0; } } html.rl-started-trigger.no-mobile .b-login-content .loginFormWrapper { -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); transform: translateY(-30px); } html.rl-started-trigger.no-mobile #rl-content { opacity: 0.7; filter: alpha(opacity=70); } #rl-loading { -webkit-transition: opacity 0.5s linear; -moz-transition: opacity 0.5s linear; -o-transition: opacity 0.5s linear; transition: opacity 0.5s linear; } .rl-anim.csstransitions.no-mobile #rl-left { -webkit-transition: width 0.3s ease-out; -moz-transition: width 0.3s ease-out; -o-transition: width 0.3s ease-out; transition: width 0.3s ease-out; } .rl-anim.csstransitions.no-mobile #rl-right { -webkit-transition: left 0.3s ease-out; -moz-transition: left 0.3s ease-out; -o-transition: left 0.3s ease-out; transition: left 0.3s ease-out; } .rl-anim.csstransitions.no-mobile #rl-sub-left, .rl-anim.csstransitions.no-mobile #rl-sub-left .messageList .inputSearch { -webkit-transition: width 0.3s ease-out; -moz-transition: width 0.3s ease-out; -o-transition: width 0.3s ease-out; transition: width 0.3s ease-out; } .rl-anim.csstransitions.no-mobile #rl-sub-right { -webkit-transition: left 0.3s ease-out; -moz-transition: left 0.3s ease-out; -o-transition: left 0.3s ease-out; transition: left 0.3s ease-out; } .rl-anim.csstransitions.no-mobile #rl-content { -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } .rl-anim.csstransitions.no-mobile .b-login-content .loginFormWrapper { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .rl-anim.rgba.cssanimations.backgroundsize .e-strip-animation { -webkit-background-size: 60px 60px; -moz-background-size: 60px 60px; background-size: 60px 60px; background-image: -webkit-linear-gradient(135deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(135deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 75%, transparent 75%, transparent); background-image: -ms-linear-gradient(135deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(135deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 75%, transparent 75%, transparent); background-image: linear-gradient(135deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 75%, transparent 75%, transparent); -webkit-animation: animate-stripes 2s linear infinite; -moz-animation: animate-stripes 2s linear infinite; animation: animate-stripes 2s linear infinite; } .rl-anim.csstransitions .b-settings-folders .folder-item .button-delete { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .rl-anim.csstransitions .b-settings-accounts .account-item .button-delete { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .rl-anim.csstransitions .b-settings-identities .identity-item .button-delete { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .rl-anim.csstransitions .b-admin-domains .e-item .button-delete { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .rl-anim.csstransitions .b-compose .button-delete { -webkit-transition: margin-left 0.2s linear; -moz-transition: margin-left 0.2s linear; -o-transition: margin-left 0.2s linear; transition: margin-left 0.2s linear; } .rl-anim.cssanimations .b-folders .e-item .anim-action-class { -webkit-animation: highlight-folder-row 0.5s linear; -moz-animation: highlight-folder-row 0.5s linear; animation: highlight-folder-row 0.5s linear; } .rl-anim.csstransitions .messageList .messageListItem { -webkit-transition: max-height 400ms ease; -moz-transition: max-height 400ms ease; -o-transition: max-height 400ms ease; transition: max-height 400ms ease; } .rl-anim.csstransitions .messageList .listDragOver { -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; } .rl-anim.csstransitions .b-list-content .e-contact-item { -webkit-transition: max-height 400ms ease; -moz-transition: max-height 400ms ease; -o-transition: max-height 400ms ease; transition: max-height 400ms ease; } .rl-anim.csstransitions .modal.b-domain-content .modal-body { -webkit-transition: left 500ms ease; -moz-transition: left 500ms ease; -o-transition: left 500ms ease; transition: left 500ms ease; } .rl-anim.csstransitions .modal.fade { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); transform: translateY(-20px); } .rl-anim.csstransitions .modal.fade.in { -webkit-transform: none; -moz-transform: none; transform: none; } .rl-anim.cssanimations .b-compose.loading .b-header-toolbar { -webkit-background-size: 60px 60px; -moz-background-size: 60px 60px; background-size: 60px 60px; background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); -webkit-animation: animate-stripes 2s linear infinite; -moz-animation: animate-stripes 2s linear infinite; animation: animate-stripes 2s linear infinite; } .textLoadingAnimationD1, .textLoadingAnimationD2, .textLoadingAnimationD3 { -webkit-animation: textLoadingAnimationKeyFrame 1s linear infinite 0s; -moz-animation: textLoadingAnimationKeyFrame 1s linear infinite 0s; animation: textLoadingAnimationKeyFrame 1s linear infinite 0s; } .textLoadingAnimationD2 { -webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; animation-delay: 0.3s; } .textLoadingAnimationD3 { -webkit-animation-delay: 0.6s; -moz-animation-delay: 0.6s; animation-delay: 0.6s; }