/*! 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 */ /* 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-popup:before { content: "\e045"; } .icon-github:before { content: "\e046"; } .icon-telephone:before { content: "\e047"; } .icon-mobile:before { content: "\e048"; } .icon-pencil:before { content: "\e049"; } .icon-trash:before { content: "\e04a"; } .icon-left-middle:before { content: "\e04b"; } .icon-right-middle:before { content: "\e04c"; } .icon-repeat:before { content: "\e04d"; } .icon-key:before { content: "\e04e"; } .icon-lock:before { content: "\e04f"; } .icon-home:before { content: "\e050"; } .icon-address-book:before { content: "\e051"; } .icon-share:before { content: "\e052"; } .icon-suitcase:before { content: "\e053"; } .icon-new-sign:before { content: "\e054"; } .icon-users:before { content: "\e055"; } .icon-earth:before { content: "\e056"; } .icon-mail:before { content: "\e057"; } .icon-checkbox-checked:before { content: "\e058"; } .icon-checkbox-unchecked:before { content: "\e059"; } .icon-checkbox-partial:before { content: "\e05a"; } .icon-radio-checked:before { content: "\e05b"; } .icon-radio-unchecked:before { content: "\e05c"; } .icon-google-drive:before { content: "\e05d"; } .icon-spinner:before { content: "\e05e"; } .icon-archive:before { content: "\e05f"; } .icon-buy-sign:before { content: "\e060"; } .icon-filter:before { content: "\e061"; } .icon-sync:before { content: "\e062"; } .icon-ellipsis-alt:before { content: "\e063"; } .icon-cloud-up:before { content: "\e064"; } .icon-cloud-down:before { content: "\e065"; } .icon-import:before { content: "\e066"; } .icon-export:before { content: "\e067"; } .icon-copy:before { content: "\e068"; } .icon-angry-smiley:before { content: "\e069"; } .icon-happy-smiley:before { content: "\e06a"; } .icon-help:before { content: "\e06b"; } .icon-resize-in:before { content: "\e06c"; } .icon-resize-out:before { content: "\e06d"; } .icon-world:before { content: "\e06f"; } /** 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; transition : .4s; border-radius : 5px; z-index: 102; 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; transition : .4s; 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; border-radius : 3px; width : 5px; } .nano > .pane2 > .slider2 { background-color: #999; background-color: rgba(0, 0, 0, 0.3); position : relative; margin : 0; border-radius : 3px; height : 5px; } .nano:hover > .pane, .nano:hover > .pane2, .pane.activescroll, .pane2.activescroll, .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); } .letterfx{display:inline-block;margin:0;padding:0;transition:all 1s;-ms-transition:all 1s;-webkit-transition:all 1s}.letterfx-spin-before{transform:rotate(3600deg);-ms-transform:rotate(3600deg);-webkit-transform:rotate(3600deg)}.letterfx-spin-after{-webkit-transform:none;-ms-transform:none;transform:none}.letterfx-fade-before{opacity:0}.letterfx-grow-before{transform:scale(0,0);-ms-transform:scale(0,0);-webkit-transform:scale(0,0)}.letterfx-grow-after{-webkit-transform:none;-ms-transform:none;transform:none}.letterfx-smear-before{color:transparent;text-shadow:-1px -1px 25px transparent}.letterfx-smear-after{color:inherit;text-shadow:0 0 #333}.letterfx-fall-before{visibility:hidden;transform:scale(3,3);-ms-transform:scale(3,3);-webkit-transform:scale(3,3)}.letterfx-fall-after{transform:scale(1,1);-ms-transform:scale(1,1);-webkit-transform:scale(1,1);text-shadow:0}.letterfx-swirl-before{visibility:hidden;transform:scale(3,3) rotate(3600deg);-ms-transform:scale(3,3) rotate(3600deg);-webkit-transform:scale(3,3) rotate(3600deg)}.letterfx-swirl-after{-webkit-transform:none;-ms-transform:none;transform:none; text-shadow:0}.letterfx-wave-container .letterfx{position:relative}.letterfx-wave-before{bottom:0}.letterfx-wave-after{bottom:15px}.letterfx-fly-left-container .letterfx,.letterfx-fly-right-container .letterfx,.letterfx-fly-top-container .letterfx,.letterfx-fly-bottom-container .letterfx{position:relative}.letterfx-fly-left-before{left:-50em}.letterfx-fly-left-after{left:0}.letterfx-fly-right-before{right:-50em}.letterfx-fly-right-after{right:0}.letterfx-fly-top-before{top:-20em}.letterfx-fly-top-after{top:0}.letterfx-fly-bottom-before{bottom:-20em}.letterfx-fly-bottom-after{bottom:0} .simple-pace { -webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-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; 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: 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-size: 32px 32px; -webkit-animation: simple-pace-stripe-animation 500ms linear infinite; -ms-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); } } @-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% { -webkit-transform: none; transform: none; -webkit-transform: none; transform: none; } 100% { -webkit-transform: translate(-32px, 0); transform: translate(-32px, 0); -webkit-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; border-radius:2px; color:#5b9bcd; 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; box-shadow:none; } .inputosaurus-container .inputosaurus-input input:hover { box-shadow:none; } .inputosaurus-input-hidden { display:none; } /** * Core PhotoSwipe CSS file, http://photoswipe.com * @author Dmitry Semenov */ .pswp { display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; -ms-touch-action: none; z-index: 500; -webkit-text-size-adjust: 100%; -webkit-backface-visibility: hidden; outline: none; } .pswp * { box-sizing: border-box; } .pswp img { max-width: none; } .pswp--animate_opacity { opacity: 0; will-change: opacity; -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp--open { display: block; } .pswp--zoom-allowed .pswp__img { cursor: -webkit-zoom-in; cursor: zoom-in; } .pswp--zoomed-in .pswp__img { cursor: -webkit-grab; cursor: grap; } .pswp--dragging .pswp__img { cursor: -webkit-grabbing; cursor: grabbing; } .pswp__bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: black; opacity: 0; -webkit-backface-visibility: hidden; will-change: opacity; } .pswp__scroll-wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-backface-visibility: hidden; will-change: transform; } .pswp__container, .pswp__zoom-wrap { -ms-touch-action: none; touch-action: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .pswp__container, .pswp__img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-touch-callout: none; } .pswp__zoom-wrap { position: absolute; width: 100%; -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp__container, .pswp__zoom-wrap { -webkit-backface-visibility: hidden; will-change: transform; } .pswp__item { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; } .pswp__img { position: absolute; width: auto; height: auto; -webkit-transition: opacity 0.15s; transition: opacity 0.15s; } .pswp__img--placeholder { -webkit-backface-visibility: hidden; } .pswp__img--placeholder--blank { background: #222222; } .pswp--ie .pswp__img { width: 100%; height: 100%; left: 0; top: 0; } /** * Default PhotoSwipe UI CSS file, http://photoswipe.com * @author Dmitry Semenov */ .pswp__ui { -webkit-font-smoothing: auto; visibility: visible; opacity: 1; z-index: 1050; } .pswp__top-bar { position: absolute; left: 0; top: 0; height: 44px; width: 100%; } /** * Loading indicator, aka preloader. * You can play with preloader is here: http://codepen.io/dimsemenov/pen/yyBWoR */ .pswp__preloader { width: 44px; height: 44px; position: absolute; top: 0; left: 50%; margin-left: -22px; z-index: 20; opacity: 0; position: relative; -webkit-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; will-change: opacity; } .pswp__preloader__icn { width: 20px; height: 20px; margin: 12px; } .pswp__preloader--active { opacity: 1; } .pswp__preloader--active .pswp__preloader__icn { background: url(preloader.gif) 0 0 no-repeat; } .pswp--css_animation .pswp__preloader--active { opacity: 1; } .pswp--css_animation .pswp__preloader--active .pswp__preloader__icn { -webkit-animation: clockwise 500ms linear infinite; animation: clockwise 500ms linear infinite; } .pswp--css_animation .pswp__preloader--active .pswp__preloader__donut { -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; } .pswp--css_animation .pswp__preloader__icn { background: none; opacity: 0.75; width: 14px; height: 14px; position: absolute; left: 15px; top: 15px; margin: 0; } .pswp--css_animation .pswp__preloader__cut { position: relative; width: 7px; height: 14px; overflow: hidden; } .pswp--css_animation .pswp__preloader__donut { box-sizing: border-box; width: 14px; height: 14px; border: 2px solid white; border-radius: 50%; border-left-color: transparent; border-bottom-color: transparent; position: absolute; top: 0; left: 0; background: none; margin: 0; } @-webkit-keyframes clockwise { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes clockwise { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes donut-rotate { 0% { -webkit-transform: rotate(0); } 50% { -webkit-transform: rotate(-140deg); } 100% { -webkit-transform: rotate(0); } } @keyframes donut-rotate { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 50% { -webkit-transform: rotate(-140deg); transform: rotate(-140deg); } 100% { -webkit-transform: rotate(0); transform: rotate(0); } } .pswp__error-msg { position: absolute; left: 0; top: 50%; width: 100%; text-align: center; color: white; font-size: 14px; line-height: 16px; margin-top: -8px; color: white; opacity: 0.7; } .pswp__error-msg a { color: white; text-decoration: underline; } .pswp__button { width: 44px; height: 44px; position: relative; background: none; cursor: pointer; overflow: visible; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; margin: 0; box-shadow: none; float: right; opacity: 0.75; -webkit-transition: opacity 0.25s; transition: opacity 0.25s; } .pswp__button:focus, .pswp__button:hover { opacity: 1; } .pswp__button:active { opacity: 0.9; } .pswp__button::-moz-focus-inner { padding: 0; border: 0; } .pswp--animated-in .pswp__button { -webkit-transition: opacity 0.25s; transition: opacity 0.25s; } .pswp__ui--over-close .pswp__button--close { opacity: 1; } .pswp__button, .pswp__button--arrow--left:before, .pswp__button--arrow--right:before { background: url(default-skin.png) 0 0 no-repeat; background-size: 264px 88px; width: 44px; height: 44px; } @media (-webkit-min-device-pixel-ratio: 1.1), (min-resolution: 105dpi), (min-resolution: 1.1dppx) { .pswp--svg .pswp__button, .pswp--svg .pswp__button--arrow--left:before, .pswp--svg .pswp__button--arrow--right:before { background-image: url(default-skin.svg); } .pswp--svg .pswp__button--arrow--left, .pswp--svg .pswp__button--arrow--right { background: none; } } .pswp__counter, .pswp__share-modal { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .pswp__share-modal { display: block; background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; top: 0; left: 0; padding: 10px; position: absolute; z-index: 1450; opacity: 0; -webkit-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; will-change: opacity; -webkit-backface-visibility: hidden; } .pswp__share-modal--hidden { display: none; } .pswp__share-tooltip { z-index: 1550; position: absolute; background: white; top: 56px; border-radius: 2px; display: block; width: auto; right: 44px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -webkit-transform: translateY(6px); -ms-transform: translateY(6px); transform: translateY(6px); -webkit-transition: -webkit-transform 0.25s; transition: transform 0.25s; will-change: transform; -webkit-backface-visibility: hidden; } .pswp__share-tooltip a { display: block; padding: 8px 12px; color: black; text-decoration: none; font-size: 14px; line-height: 18px; } .pswp__share-tooltip a:hover { text-decoration: none; color: black; } .pswp__share-modal--fade-in { opacity: 1; } .pswp__share-modal--fade-in .pswp__share-tooltip { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .pswp--touch .pswp__share-tooltip a { padding: 16px 12px; } a.pswp__share--facebook:before { content: ''; display: block; width: 0; height: 0; position: absolute; top: -12px; right: 15px; border: 6px solid rgba(0, 0, 0, 0); border-bottom-color: white; -webkit-pointer-events: none; -moz-pointer-events: none; pointer-events: none; } a.pswp__share--facebook:hover { background: #3e5c9a; color: white; } a.pswp__share--facebook:hover:before { border-bottom-color: #3e5c9a; } a.pswp__share--twitter:hover { background: #55acee; color: white; } a.pswp__share--pinterest:hover { background: #cccccc; color: #ce272d; } a.pswp__share--download:hover { background: #dddddd; } .pswp__button--close { background-position: 0 -44px; } .pswp__button--share { background-position: -44px -44px; } .pswp__button--fs { display: none; } .pswp--supports-fs .pswp__button--fs { display: block; } .pswp--fs .pswp__button--fs { background-position: -44px 0; } .pswp__button--zoom { display: none; background-position: -88px 0; } .pswp--zoom-allowed .pswp__button--zoom { display: block; } .pswp--zoomed-in .pswp__button--zoom { background-position: -132px 0; } .pswp__button--arrow--left, .pswp__button--arrow--right { background: none; top: 50%; margin-top: -50px; width: 70px; height: 100px; position: absolute; } .pswp__top-bar, .pswp__button--arrow--left, .pswp__button--arrow--right { -webkit-backface-visibility: hidden; will-change: opacity; } .pswp--touch .pswp__button--arrow--left, .pswp--touch .pswp__button--arrow--right { visibility: hidden; } .pswp__button--arrow--left { left: 0; } .pswp__button--arrow--right { right: 0; } .pswp__button--arrow--left:before, .pswp__button--arrow--right:before { content: ''; top: 35px; background-color: rgba(0, 0, 0, 0.3); height: 30px; width: 32px; position: absolute; } .pswp__button--arrow--left:before { left: 6px; background-position: -138px -44px; } .pswp__button--arrow--right:before { right: 6px; background-position: -94px -44px; } .pswp__counter { position: absolute; left: 0; top: 0; height: 44px; font-size: 13px; line-height: 44px; color: white; opacity: 0.75; padding: 0 10px; } @media screen and (max-width: 1024px) { .pswp_scroll-wrap { top: 0; bottom: 0; } .pswp__caption { margin-top: 0; } .pswp__preloader { position: relative; left: auto; top: auto; margin: 0; float: right; } } .pswp__caption { position: absolute; left: 0; bottom: 0; color: white; width: 100%; min-height: 44px; } .pswp__caption small { font-size: 11px; color: #bbbbbb; } .pswp__caption__center { text-align: left; max-width: 420px; margin: 0 auto; color: white; font-size: 13px; padding: 10px; line-height: 20px; color: #cccccc; } .pswp__caption--empty { display: none; } .pswp__caption--fake { visibility: hidden; } .pswp__bg, .pswp__caption, .pswp__top-bar, .pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right { will-change: opacity; -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp--animated-in .pswp__bg, .pswp--animated-in .pswp__zoom-wrap { -webkit-transition: none; transition: none; } .pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right { visibility: visible; } .pswp__top-bar, .pswp__caption { background-color: rgba(0, 0, 0, 0.5); } .pswp__ui--fit .pswp__top-bar, .pswp__ui--fit .pswp__caption { background-color: rgba(0, 0, 0, 0.3); } .pswp__ui--hidden .pswp__top-bar, .pswp__ui--hidden .pswp__caption, .pswp__ui--hidden .pswp__button--arrow--left, .pswp__ui--hidden .pswp__button--arrow--right { opacity: 0; } .pswp__ui--idle .pswp__top-bar { opacity: 0; } .pswp__ui--idle .pswp__button--arrow--left, .pswp__ui--idle .pswp__button--arrow--right { opacity: 0; } .pswp__ui--hidden .pswp__top-bar, .pswp__ui--hidden .pswp__caption, .pswp__ui--hidden .pswp__bg, .pswp__ui--hidden .pswp__button--arrow--left, .pswp__ui--hidden .pswp__button--arrow--right { opacity: 0.001; } .pswp__element--disabled { display: none !important; } .pswp--minimal--dark .pswp__top-bar { background: none; } .pswp--minimal--dark .pswp__button--arrow--left, .pswp--minimal--dark .pswp__button--arrow--right { background: 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: -176px -44px} .flag.flag-en-uk {background-position: -176px -44px} .flag.flag-en-ca {background-position: -48px -22px} .flag.flag-bg, .flag.flag-bg-bg {background-position: -80px -11px} .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-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-lt, .flag.flag-lt-lt {background-position: -80px -88px} .flag.flag-lv, .flag.flag-lv-lv {background-position: -112px -88px} .flag.flag-hu, .flag.flag-hu-hu {background-position: -32px -66px} .flag.flag-sk, .flag.flag-sk-sk {background-position: -144px -132px} .flag.flag-sv, .flag.flag-sv-sv, .flag.flag-sv-se {background-position: -80px -132px} .flag.flag-sl, .flag.flag-sl-si, .flag.flag-sl-sl {background-position: -160px -132px} .flag.flag-ua, .flag.flag-ua-ua, .flag.flag-uk-ua {background-position: -96px -154px} .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-tr, .flag.flag-tr-tr {background-position: -16px -154px} .flag.flag-cn, .flag.flag-zh-cn, .flag.flag-zh-hk {background-position: -208px -22px} .flag.flag-tw, .flag.flag-zh-tw {background-position: -64px -154px} /* 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; 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 { border-radius: 6px; } .img-polaroid { padding: 4px; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } .img-circle { 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; box-sizing: border-box; float: left; margin-left: 2.12765957%; *margin-left: 2.07446809%; } .row-fluid [class*="span"]:first-child { margin-left: 0; } .row-fluid .span12 { width: 100%; *width: 99.94680851%; } .row-fluid .span11 { width: 91.4893617%; *width: 91.43617021%; } .row-fluid .span10 { width: 82.9787234%; *width: 82.92553191%; } .row-fluid .span9 { width: 74.46808511%; *width: 74.41489362%; } .row-fluid .span8 { width: 65.95744681%; *width: 65.90425532%; } .row-fluid .span7 { width: 57.44680851%; *width: 57.39361702%; } .row-fluid .span6 { width: 48.93617021%; *width: 48.88297872%; } .row-fluid .span5 { width: 40.42553191%; *width: 40.37234043%; } .row-fluid .span4 { width: 31.91489362%; *width: 31.86170213%; } .row-fluid .span3 { width: 23.40425532%; *width: 23.35106383%; } .row-fluid .span2 { width: 14.89361702%; *width: 14.84042553%; } .row-fluid .span1 { width: 6.38297872%; *width: 6.32978723%; } .row-fluid .offset12 { margin-left: 104.25531915%; *margin-left: 104.14893617%; } .row-fluid .offset12:first-child { margin-left: 102.12765957%; *margin-left: 102.0212766%; } .row-fluid .offset11 { margin-left: 95.74468085%; *margin-left: 95.63829787%; } .row-fluid .offset11:first-child { margin-left: 93.61702128%; *margin-left: 93.5106383%; } .row-fluid .offset10 { margin-left: 87.23404255%; *margin-left: 87.12765957%; } .row-fluid .offset10:first-child { margin-left: 85.10638298%; *margin-left: 85%; } .row-fluid .offset9 { margin-left: 78.72340426%; *margin-left: 78.61702128%; } .row-fluid .offset9:first-child { margin-left: 76.59574468%; *margin-left: 76.4893617%; } .row-fluid .offset8 { margin-left: 70.21276596%; *margin-left: 70.10638298%; } .row-fluid .offset8:first-child { margin-left: 68.08510638%; *margin-left: 67.9787234%; } .row-fluid .offset7 { margin-left: 61.70212766%; *margin-left: 61.59574468%; } .row-fluid .offset7:first-child { margin-left: 59.57446809%; *margin-left: 59.46808511%; } .row-fluid .offset6 { margin-left: 53.19148936%; *margin-left: 53.08510638%; } .row-fluid .offset6:first-child { margin-left: 51.06382979%; *margin-left: 50.95744681%; } .row-fluid .offset5 { margin-left: 44.68085106%; *margin-left: 44.57446809%; } .row-fluid .offset5:first-child { margin-left: 42.55319149%; *margin-left: 42.44680851%; } .row-fluid .offset4 { margin-left: 36.17021277%; *margin-left: 36.06382979%; } .row-fluid .offset4:first-child { margin-left: 34.04255319%; *margin-left: 33.93617021%; } .row-fluid .offset3 { margin-left: 27.65957447%; *margin-left: 27.55319149%; } .row-fluid .offset3:first-child { margin-left: 25.53191489%; *margin-left: 25.42553191%; } .row-fluid .offset2 { margin-left: 19.14893617%; *margin-left: 19.04255319%; } .row-fluid .offset2:first-child { margin-left: 17.0212766%; *margin-left: 16.91489362%; } .row-fluid .offset1 { margin-left: 10.63829787%; *margin-left: 10.53191489%; } .row-fluid .offset1:first-child { margin-left: 8.5106383%; *margin-left: 8.40425532%; } [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; 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); 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; 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; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-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 */ 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; 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; 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; 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; 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; 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; 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; 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; 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; 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; 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 { border-radius: 3px 0 0 3px; } .input-append input, .input-append select, .input-append .uneditable-input { border-radius: 3px 0 0 3px; } .input-append .add-on:last-child, .input-append .btn:last-child { border-radius: 0 3px 3px 0; } .input-prepend.input-append input, .input-prepend.input-append select, .input-prepend.input-append .uneditable-input { border-radius: 0; } .input-prepend.input-append .add-on:first-child, .input-prepend.input-append .btn:first-child { margin-right: -1px; border-radius: 3px 0 0 3px; } .input-prepend.input-append .add-on:last-child, .input-prepend.input-append .btn:last-child { margin-left: -1px; 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; border-radius: 15px; } /* Allow for input prepend/append in search forms */ .form-search .input-append .search-query, .form-search .input-prepend .search-query { border-radius: 0; } .form-search .input-append .search-query { border-radius: 14px 0 0 14px; } .form-search .input-append .btn { border-radius: 0 14px 14px 0; } .form-search .input-prepend .search-query { border-radius: 0 14px 14px 0; } .form-search .input-prepend .btn { 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; 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 { 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 { 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 { border-radius: 0 0 0 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 { 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 { 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 { 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; border-radius: 6px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); 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: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3)); background-image: -webkit-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: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3)); background-image: -webkit-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; 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; border-radius: 4px; } .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; 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; border-radius: 6px; } .well-small { padding: 9px; border-radius: 3px; } .fade { opacity: 0; -webkit-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; 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: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-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; border-radius: 4px; *margin-left: .3em; 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; 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; 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); box-shadow: none; } .btn-large { padding: 9px 14px; font-size: 16px; line-height: normal; 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; 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: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); background-image: -webkit-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: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); background-image: -webkit-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: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f)); background-image: -webkit-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: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351)); background-image: -webkit-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: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4)); background-image: -webkit-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: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222)); background-image: -webkit-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; box-shadow: none; } .btn-link { border-color: transparent; cursor: pointer; color: #0088cc; 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; 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; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .btn-group > .btn:last-child, .btn-group > .dropdown-toggle { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .btn-group > .btn.large:first-child { margin-left: 0; border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .btn-group > .btn.large:last-child, .btn-group > .large.dropdown-toggle { border-top-right-radius: 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; 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; 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%; border-radius: 0; } .btn-group-vertical .btn + .btn { margin-left: 0; margin-top: -1px; } .btn-group-vertical .btn:first-child { border-radius: 4px 4px 0 0; } .btn-group-vertical .btn:last-child { border-radius: 0 0 4px 4px; } .btn-group-vertical .btn-large:first-child { border-radius: 6px 6px 0 0; } .btn-group-vertical .btn-large:last-child { 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; 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; } .nav { margin-left: 0; margin-bottom: 20px; list-style: none; } .nav > li > a { display: block; } .nav > li > a:hover { text-decoration: none; background-color: #eeeeee; } .nav > .pull-right { float: right; } .nav-header { display: block; padding: 3px 15px; font-size: 11px; font-weight: bold; line-height: 20px; color: #999999; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); text-transform: uppercase; } .nav li + .nav-header { margin-top: 9px; } .nav-list { padding-left: 15px; padding-right: 15px; margin-bottom: 0; } .nav-list > li > a, .nav-list .nav-header { margin-left: -15px; margin-right: -15px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); } .nav-list > li > a { padding: 3px 15px; } .nav-list > .active > a, .nav-list > .active > a:hover { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); background-color: #0088cc; } .nav-list [class^="icon-"] { margin-right: 2px; } .nav-list .divider { *width: 100%; height: 1px; margin: 9px 1px; *margin: -5px 0 5px; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid #ffffff; } .nav-tabs, .nav-pills { *zoom: 1; } .nav-tabs:before, .nav-pills:before, .nav-tabs:after, .nav-pills:after { display: table; content: ""; line-height: 0; } .nav-tabs:after, .nav-pills:after { clear: both; } .nav-tabs > li, .nav-pills > li { float: left; } .nav-tabs > li > a, .nav-pills > li > a { padding-right: 12px; padding-left: 12px; margin-right: 2px; line-height: 14px; } .nav-tabs { border-bottom: 1px solid #ddd; } .nav-tabs > li { margin-bottom: -1px; } .nav-tabs > li > a { padding-top: 8px; padding-bottom: 8px; line-height: 20px; border: 1px solid transparent; border-radius: 4px 4px 0 0; } .nav-tabs > li > a:hover { border-color: #eeeeee #eeeeee #dddddd; } .nav-tabs > .active > a, .nav-tabs > .active > a:hover { color: #555555; background-color: #ffffff; border: 1px solid #ddd; border-bottom-color: transparent; cursor: default; } .nav-pills > li > a { padding-top: 8px; padding-bottom: 8px; margin-top: 2px; margin-bottom: 2px; border-radius: 5px; } .nav-pills > .active > a, .nav-pills > .active > a:hover { color: #ffffff; background-color: #0088cc; } .nav-stacked > li { float: none; } .nav-stacked > li > a { margin-right: 0; } .nav-tabs.nav-stacked { border-bottom: 0; } .nav-tabs.nav-stacked > li > a { border: 1px solid #ddd; border-radius: 0; } .nav-tabs.nav-stacked > li:first-child > a { border-top-right-radius: 4px; border-top-left-radius: 4px; } .nav-tabs.nav-stacked > li:last-child > a { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .nav-tabs.nav-stacked > li > a:hover { border-color: #ddd; z-index: 2; } .nav-pills.nav-stacked > li > a { margin-bottom: 3px; } .nav-pills.nav-stacked > li:last-child > a { margin-bottom: 1px; } .nav-tabs .dropdown-menu { border-radius: 0 0 6px 6px; } .nav-pills .dropdown-menu { border-radius: 6px; } .nav .dropdown-toggle .caret { border-top-color: #0088cc; border-bottom-color: #0088cc; margin-top: 6px; } .nav .dropdown-toggle:hover .caret { border-top-color: #005580; border-bottom-color: #005580; } /* move down carets for tabs */ .nav-tabs .dropdown-toggle .caret { margin-top: 8px; } .nav .active .dropdown-toggle .caret { border-top-color: #fff; border-bottom-color: #fff; } .nav-tabs .active .dropdown-toggle .caret { border-top-color: #555555; border-bottom-color: #555555; } .nav > .dropdown.active > a:hover { cursor: pointer; } .nav-tabs .open .dropdown-toggle, .nav-pills .open .dropdown-toggle, .nav > li.dropdown.open.active > a:hover { color: #ffffff; background-color: #999999; border-color: #999999; } .nav li.dropdown.open .caret, .nav li.dropdown.open.active .caret, .nav li.dropdown.open a:hover .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; opacity: 1; filter: alpha(opacity=100); } .tabs-stacked .open > a:hover { border-color: #999999; } .tabbable { *zoom: 1; } .tabbable:before, .tabbable:after { display: table; content: ""; line-height: 0; } .tabbable:after { clear: both; } .tab-content { overflow: auto; } .tabs-below > .nav-tabs, .tabs-right > .nav-tabs, .tabs-left > .nav-tabs { border-bottom: 0; } .tab-content > .tab-pane, .pill-content > .pill-pane { display: none; } .tab-content > .active, .pill-content > .active { display: block; } .tabs-below > .nav-tabs { border-top: 1px solid #ddd; } .tabs-below > .nav-tabs > li { margin-top: -1px; margin-bottom: 0; } .tabs-below > .nav-tabs > li > a { border-radius: 0 0 4px 4px; } .tabs-below > .nav-tabs > li > a:hover { border-bottom-color: transparent; border-top-color: #ddd; } .tabs-below > .nav-tabs > .active > a, .tabs-below > .nav-tabs > .active > a:hover { border-color: transparent #ddd #ddd #ddd; } .tabs-left > .nav-tabs > li, .tabs-right > .nav-tabs > li { float: none; } .tabs-left > .nav-tabs > li > a, .tabs-right > .nav-tabs > li > a { min-width: 74px; margin-right: 0; margin-bottom: 3px; } .tabs-left > .nav-tabs { float: left; margin-right: 19px; border-right: 1px solid #ddd; } .tabs-left > .nav-tabs > li > a { margin-right: -1px; border-radius: 4px 0 0 4px; } .tabs-left > .nav-tabs > li > a:hover { border-color: #eeeeee #dddddd #eeeeee #eeeeee; } .tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a:hover { border-color: #ddd transparent #ddd #ddd; *border-right-color: #ffffff; } .tabs-right > .nav-tabs { float: right; margin-left: 19px; border-left: 1px solid #ddd; } .tabs-right > .nav-tabs > li > a { margin-left: -1px; border-radius: 0 4px 4px 0; } .tabs-right > .nav-tabs > li > a:hover { border-color: #eeeeee #eeeeee #eeeeee #dddddd; } .tabs-right > .nav-tabs .active > a, .tabs-right > .nav-tabs .active > a:hover { border-color: #ddd #ddd #ddd transparent; *border-left-color: #ffffff; } .nav > .disabled > a { color: #999999; } .nav > .disabled > a:hover { text-decoration: none; background-color: transparent; cursor: default; } .navbar { overflow: visible; margin-bottom: 20px; color: #555555; *position: relative; *z-index: 2; } .navbar-inner { min-height: 40px; padding-left: 20px; padding-right: 20px; background-color: #fafafa; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2)); background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2); background-image: linear-gradient(to bottom, #ffffff, #f2f2f2); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0); border: 1px solid #d4d4d4; border-radius: 4px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); } .navbar .container { width: auto; } .nav-collapse.collapse { height: auto; } .navbar .brand { float: left; display: block; padding: 10px 20px 10px; margin-left: -20px; font-size: 20px; font-weight: 200; color: #555555; text-shadow: 0 1px 0 #ffffff; } .navbar .brand:hover { text-decoration: none; } .navbar-text { margin-bottom: 0; line-height: 40px; } .navbar-link { color: #555555; } .navbar-link:hover { color: #333333; } .navbar .divider-vertical { height: 40px; margin: 0 9px; border-left: 1px solid #f2f2f2; border-right: 1px solid #ffffff; } .navbar .btn, .navbar .btn-group { margin-top: 6px; } .navbar .btn-group .btn { margin: 0; } .navbar-form { margin-bottom: 0; *zoom: 1; } .navbar-form:before, .navbar-form:after { display: table; content: ""; line-height: 0; } .navbar-form:after { clear: both; } .navbar-form input, .navbar-form select, .navbar-form .radio, .navbar-form .checkbox { margin-top: 5px; } .navbar-form input, .navbar-form select, .navbar-form .btn { display: inline-block; margin-bottom: 0; } .navbar-form input[type="image"], .navbar-form input[type="checkbox"], .navbar-form input[type="radio"] { margin-top: 3px; } .navbar-form .input-append, .navbar-form .input-prepend { margin-top: 6px; white-space: nowrap; } .navbar-form .input-append input, .navbar-form .input-prepend input { margin-top: 0; } .navbar-search { position: relative; float: left; margin-top: 5px; margin-bottom: 0; } .navbar-search .search-query { margin-bottom: 0; padding: 4px 14px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; font-weight: normal; line-height: 1; border-radius: 15px; } .navbar-static-top { position: static; width: 100%; margin-bottom: 0; } .navbar-static-top .navbar-inner { border-radius: 0; } .navbar-fixed-top, .navbar-fixed-bottom { position: fixed; right: 0; left: 0; z-index: 1030; margin-bottom: 0; } .navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner, .navbar-static-top .navbar-inner { border: 0; } .navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner { padding-left: 0; padding-right: 0; border-radius: 0; } .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 940px; } .navbar-fixed-top { top: 0; } .navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner { box-shadow: inset 0 -1px 0 rgba(0,0,0,.1), 0 1px 10px rgba(0,0,0,.1); } .navbar-fixed-bottom { bottom: 0; } .navbar-fixed-bottom .navbar-inner { box-shadow: inset 0 1px 0 rgba(0,0,0,.1), 0 -1px 10px rgba(0,0,0,.1); } .navbar .nav { position: relative; left: 0; display: block; float: left; margin: 0 10px 0 0; } .navbar .nav.pull-right { float: right; } .navbar .nav > li { float: left; } .navbar .nav > li > a { float: none; padding: 10px 15px 10px; color: #555555; text-decoration: none; text-shadow: 0 1px 0 #ffffff; } .navbar .nav .dropdown-toggle .caret { margin-top: 8px; } .navbar .nav > li > a:focus, .navbar .nav > li > a:hover { background-color: transparent; color: #333333; text-decoration: none; } .navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus { color: #555555; text-decoration: none; background-color: #e5e5e5; box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); } .navbar .btn-navbar { display: none; float: right; padding: 7px 10px; margin-left: 5px; margin-right: 5px; color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #ededed; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#e5e5e5)); background-image: -webkit-linear-gradient(top, #f2f2f2, #e5e5e5); background-image: linear-gradient(to bottom, #f2f2f2, #e5e5e5); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffe5e5e5', GradientType=0); border-color: #e5e5e5 #e5e5e5 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #e5e5e5; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075); } .navbar .btn-navbar:hover, .navbar .btn-navbar:active, .navbar .btn-navbar.active, .navbar .btn-navbar.disabled, .navbar .btn-navbar[disabled] { color: #ffffff; background-color: #e5e5e5; *background-color: #d9d9d9; } .navbar .btn-navbar:active, .navbar .btn-navbar.active { background-color: #cccccc \9; } .navbar .btn-navbar .icon-bar { display: block; width: 18px; height: 2px; background-color: #f5f5f5; border-radius: 1px; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); } .btn-navbar .icon-bar + .icon-bar { margin-top: 3px; } .navbar .nav > li > .dropdown-menu:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; top: -7px; left: 9px; } .navbar .nav > li > .dropdown-menu:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #ffffff; position: absolute; top: -6px; left: 10px; } .navbar-fixed-bottom .nav > li > .dropdown-menu:before { border-top: 7px solid #ccc; border-top-color: rgba(0, 0, 0, 0.2); border-bottom: 0; bottom: -7px; top: auto; } .navbar-fixed-bottom .nav > li > .dropdown-menu:after { border-top: 6px solid #ffffff; border-bottom: 0; bottom: -6px; top: auto; } .navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle { background-color: #e5e5e5; color: #555555; } .navbar .nav li.dropdown > .dropdown-toggle .caret { border-top-color: #555555; border-bottom-color: #555555; } .navbar .nav li.dropdown.open > .dropdown-toggle .caret, .navbar .nav li.dropdown.active > .dropdown-toggle .caret, .navbar .nav li.dropdown.open.active > .dropdown-toggle .caret { border-top-color: #555555; border-bottom-color: #555555; } .navbar .pull-right > li > .dropdown-menu, .navbar .nav > li > .dropdown-menu.pull-right { left: auto; right: 0; } .navbar .pull-right > li > .dropdown-menu:before, .navbar .nav > li > .dropdown-menu.pull-right:before { left: auto; right: 12px; } .navbar .pull-right > li > .dropdown-menu:after, .navbar .nav > li > .dropdown-menu.pull-right:after { left: auto; right: 13px; } .navbar .pull-right > li > .dropdown-menu .dropdown-menu, .navbar .nav > li > .dropdown-menu.pull-right .dropdown-menu { left: auto; right: 100%; margin-left: 0; margin-right: -1px; border-radius: 6px 0 6px 6px; } .navbar-inverse { color: #999999; } .navbar-inverse .navbar-inner { background-color: #1b1b1b; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#111111)); background-image: -webkit-linear-gradient(top, #222222, #111111); background-image: linear-gradient(to bottom, #222222, #111111); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0); border-color: #252525; } .navbar-inverse .brand, .navbar-inverse .nav > li > a { color: #999999; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .navbar-inverse .brand:hover, .navbar-inverse .nav > li > a:hover { color: #ffffff; } .navbar-inverse .nav > li > a:focus, .navbar-inverse .nav > li > a:hover { background-color: transparent; color: #ffffff; } .navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus { color: #ffffff; background-color: #111111; } .navbar-inverse .navbar-link { color: #999999; } .navbar-inverse .navbar-link:hover { color: #ffffff; } .navbar-inverse .divider-vertical { border-left-color: #111111; border-right-color: #222222; } .navbar-inverse .nav li.dropdown.open > .dropdown-toggle, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle, .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle { background-color: #111111; color: #ffffff; } .navbar-inverse .nav li.dropdown > .dropdown-toggle .caret { border-top-color: #999999; border-bottom-color: #999999; } .navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret, .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; } .navbar-inverse .navbar-search .search-query { color: #ffffff; background-color: #515151; border-color: #111111; box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15); -webkit-transition: none; transition: none; } .navbar-inverse .navbar-search .search-query:-moz-placeholder { color: #cccccc; } .navbar-inverse .navbar-search .search-query:-ms-input-placeholder { color: #cccccc; } .navbar-inverse .navbar-search .search-query::-webkit-input-placeholder { color: #cccccc; } .navbar-inverse .navbar-search .search-query:focus, .navbar-inverse .navbar-search .search-query.focused { padding: 5px 15px; color: #333333; text-shadow: 0 1px 0 #ffffff; background-color: #ffffff; border: 0; box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); outline: 0; } .navbar-inverse .btn-navbar { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #0e0e0e; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#151515), to(#040404)); background-image: -webkit-linear-gradient(top, #151515, #040404); background-image: linear-gradient(to bottom, #151515, #040404); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff151515', endColorstr='#ff040404', GradientType=0); border-color: #040404 #040404 #000000; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #040404; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .navbar-inverse .btn-navbar:hover, .navbar-inverse .btn-navbar:active, .navbar-inverse .btn-navbar.active, .navbar-inverse .btn-navbar.disabled, .navbar-inverse .btn-navbar[disabled] { color: #ffffff; background-color: #040404; *background-color: #000000; } .navbar-inverse .btn-navbar:active, .navbar-inverse .btn-navbar.active { background-color: #000000 \9; } .breadcrumb { padding: 8px 15px; margin: 0 0 20px; list-style: none; background-color: #f5f5f5; border-radius: 4px; } .breadcrumb li { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; text-shadow: 0 1px 0 #ffffff; } .breadcrumb .divider { padding: 0 5px; color: #ccc; } .breadcrumb .active { color: #999999; } .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 */ border-radius: 6px; box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); background-clip: padding-box; } .modal.fade { -webkit-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; border-radius: 0 0 6px 6px; 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; 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; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; 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; 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; border-radius: 3px; } .badge { padding: 1px 9px 2px; 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; } } @-ms-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 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: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9)); background-image: -webkit-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); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); 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: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be)); background-image: -webkit-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); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-sizing: border-box; -webkit-transition: width 0.6s ease; transition: width 0.6s ease; } .progress .bar + .bar { 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: 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-size: 40px 40px; } .progress.active .bar { -webkit-animation: progress-bar-stripes 2s linear infinite; -ms-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: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35)); background-image: -webkit-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: 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: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957)); background-image: -webkit-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: 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: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9)); background-image: -webkit-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: 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: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); background-image: -webkit-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: 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; } /* @keyframes rotation { to {transform: rotate(1turn);} } .icon-spinner { width: 16px; height: 16px; &:before { transform-origin: 8px 8px; margin-top: 1px; display: inline-block; font-size: 16px; line-height: 100%; } } */ @-webkit-keyframes rotation { to { -webkit-transform: rotate(1turn); transform: rotate(1turn); } } @keyframes rotation { to { -webkit-transform: rotate(1turn); transform: rotate(1turn); } } .icon-spinner { font-family: Arial; height: 11px; width: 11px; margin-right: -1px; background: none; border: 3px solid #aaa; border-top-color: #333; border-radius: 100%; -webkit-animation: none; animation: none; } .icon-spinner:before { content: ""; } .icon-spinner.animated { border-color: transparent; border-top-color: #999; -webkit-animation: rotation .8s infinite linear; animation: rotation .8s infinite linear; } .icon-spinner.big { height: 13px; width: 13px; margin-top: -2px; margin-left: -2px; } .icon-spinner.white { border-color: #fff; border-top-color: #999; } .icon-spinner.white.animated { border-color: transparent; border-top-color: #fff; } html.no-cssanimations .icon-spinner { background: none; background-image: url('images/sync.png'); background-repeat: no-repeat; border: none; box-shadow: none; height: 16px; width: 16px; font-family: Arial; } html.no-cssanimations .icon-spinner:before { content: ""; } html.no-cssanimations .icon-spinner.animated { background: none; background-image: url('images/sync.gif'); } body { background-color: transparent; } label { cursor: pointer; } label.inline { display: inline-block; } .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 { 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; } .btn.btn-large { font-size: 17px; } .dropdown-menu { border-radius: 3px; } .btn-group + .btn-group { margin-left: 3px; } .btn { border-radiu: 3px; background-image: none; padding-left: 13px; padding-right: 13px; text-shadow: 0 1px 0 #fff; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.25); } .btn.disabled, .btn[disabled] { opacity: 0.75; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); } .btn.btn-dark-disabled-border.disabled, .btn.btn-dark-disabled-border[disabled] { border-color: #aaa; } 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 { border-radius: 0; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); } .tooltip { font-size: 14px; z-index: 2000 !important; overflow: hidden; text-overflow: ellipsis; } .tooltip.in { opacity: 1; } .tooltip .tooltip-inner { max-width: 380px; text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); padding: 5px 10px; border-radius: 2px; overflow: hidden; text-overflow: ellipsis; } .tooltip .tooltip-big { font-size: 18px; padding: 0 10px; white-space: nowrap; } .btn-group > .btn:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .btn-group > .btn:last-child, .btn-group > .dropdown-toggle { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .btn-group > .btn.large:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .btn-group > .btn.large:last-child, .btn-group > .large.dropdown-toggle { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .dropdown.colored-toggle.open .btn.dropdown-toggle { color: #BD362F; } .dropdown.colored-toggle.open .btn.dropdown-toggle .caret { border-top-color: #BD362F; } .dropdown.colored-toggle.open .btn.dropdown-toggle [class^="icon-"]:before { color: #BD362F; } 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; 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 a { color: #c09853; } .alert.alert-info a { color: #3a87ad; } .alert.alert-error a { color: #b94a48; } .nav-tabs > li > a { color: #555; } .popover { z-index: 2000; } 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; 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; 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; } .form-horizontal.long-label .control-group .control-label { width: 160px; } .form-horizontal.long-label .control-group .controls { margin-left: 180px; } .control-label.remove-padding-top { padding-top: 0; } .inputosaurus-container { width: 99%; line-height: 20px; padding: 2px; border: 1px solid #cccccc; border-radius: 3px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border linear .2s, box-shadow linear .2s; transition: border linear .2s, box-shadow linear .2s; } .inputosaurus-container.inputosaurus-focused { background-color: #fff; border: 1px solid #999999; box-shadow: none; } .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-right: 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_chrome { border: 1px solid #ccc !important; } .cke_toolgroup, .cke_combo_button { border: 1px solid #A6A6A6 !important; } .cke_top { padding: 6px 4px 1px 6px !important; box-shadow: none !important; } .cke_button { padding: 5px 6px !important; } .cke_combo_text { line-height: 28px !important; padding-left: 8px !important; } .cke_combo_button { /*background: #FBFBFB !important;*/ } .cke_source { font-family: Monaco, Menlo, Consolas, 'Courier New', monospace !important; padding: 10px !important; padding-right: 0 !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;*/ white-space: pre-wrap; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 13px; line-height: 16px; color: #333; resize: none; border-radius: 0; box-shadow: none; 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; 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-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; standard-user-select: none; touch-callout: none; } .g-ui-user-select-allow { webkit-touch-callout: inherit; -webkit-user-select: inherit; -moz-user-select: inherit; -ms-user-select: inherit; user-select: inherit; standard-user-select: inherit; touch-callout: 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 !important; } .g-ui-menu .e-item > .e-link:focus, .g-ui-menu .e-item > .e-link:hover { background-color: #555; background-image: none; color: #fff; } .g-ui-menu .e-item.disabled > .e-link { cursor: not-allowed; background-color: #fff; background-image: none; color: grey; } .g-ui-menu .e-item.disabled [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: 22px; padding: 3px; cursor: pointer; } .e-pagenator .e-page:hover .e-page-number { color: #555; } .e-pagenator .e-page.current .e-page-number { font-size: 25px; 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; transition: opacity 0.5s linear; opacity: 0; } .settings-saved-trigger .error { color: red; -webkit-transition: opacity 0.5s linear; transition: opacity 0.5s linear; opacity: 0; } .settings-saved-trigger .visible { opacity: 1; } .settings-saved-trigger-input.success { border-color: green !important; -webkit-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; transition: border-color 0.5s linear; } e-spinner { display: none; } .e-powered { margin-top: 8px; color: #333; } .e-powered a { color: #333; text-decoration: underline; } .e-powered a:hover { color: #333; } .e-languages { margin-top: 8px; color: #333; } .e-languages .flag-name { color: #333; /*text-decoration: underline;*/ border-bottom: 1px dashed #333; } 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; box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3); 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); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); 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; 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); } input::-ms-clear, input::-ms-reveal { display: none; } #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: 600px; 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: 60px; } #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: 900px; } html.ssm-state-desktop #rl-left { width: 200px; } html.ssm-state-desktop #rl-right { left: 200px; } html.ssm-state-desktop #rl-sub-left { width: 400px; } html.ssm-state-desktop #rl-sub-right { left: 400px; } html.ssm-state-desktop .b-compose.modal { width: 1000px; } html.ssm-state-desktop .b-contacts-content.modal { width: 900px; } html.ssm-state-tablet #rl-left, html.ssm-state-mobile #rl-left { width: 155px; } html.ssm-state-tablet #rl-right, html.ssm-state-mobile #rl-right { left: 155px; } html.ssm-state-tablet #rl-sub-left, html.ssm-state-mobile #rl-sub-left { width: 310px; } html.ssm-state-tablet #rl-sub-left .messageList .inputSearch, html.ssm-state-mobile #rl-sub-left .messageList .inputSearch { width: 200px; } html.ssm-state-tablet #rl-sub-right, html.ssm-state-mobile #rl-sub-right { left: 310px; } html.ssm-state-tablet .b-compose.modal, html.ssm-state-mobile .b-compose.modal { width: 700px; } html.ssm-state-tablet .b-contacts-content.modal, html.ssm-state-mobile .b-contacts-content.modal { width: 700px; } html.ssm-state-tablet .b-contacts-content.modal .contactValueInput, html.ssm-state-mobile .b-contacts-content.modal .contactValueInput { width: 200px; } html.ssm-state-tablet .b-compose.modal { width: 700px; } html.ssm-state-tablet .b-contacts-content.modal { width: 800px; } html.ssm-state-tablet .b-contacts-content.modal .contactValueInput { width: 250px; } .show-on-panel-disabled { display: none; } html.rl-left-panel-disabled #rl-left { width: 60px !important; } html.rl-left-panel-disabled #rl-left .show-on-panel-disabled { display: block; } html.rl-left-panel-disabled #rl-left .opacity-on-panel-disabled { opacity: 0.3; } html.rl-left-panel-disabled #rl-left .visibility-hidden-on-panel-disabled { visibility: hidden; } html.rl-left-panel-disabled #rl-left .hide-on-panel-disabled { display: none; } html.rl-left-panel-disabled #rl-left.ui-state-disabled { opacity: 1; } html.rl-left-panel-disabled #rl-right { left: 60px !important; } .ui-resizable-helper-w { border-right: 5px solid #777; border-right-color: rgba(255, 255, 255, 0.7); } .ui-resizable-helper-h { border-bottom: 5px solid #ccc; border-bottom-color: rgba(0, 0, 0, 0.3); } .ui-resizable-handle { /*background: red;*/ } 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; } html.rl-side-preview-pane #rl-right .ui-resizable-handle { display: none !important; } html.rl-bottom-preview-pane #rl-sub-left { right: 5px !important; width: inherit; } html.rl-bottom-preview-pane #rl-sub-left .b-message-list-wrapper { bottom: inherit; height: 300px; box-shadow: none; } html.rl-bottom-preview-pane #rl-sub-left .messageList .inputSearch { width: 300px !important; } html.rl-bottom-preview-pane #rl-sub-right { left: 0 !important; } html.rl-bottom-preview-pane #rl-sub-right .messageView .top-toolbar { display: none; } html.rl-bottom-preview-pane #rl-sub-right .b-message-view-wrapper { top: 356px; left: 0; right: 5px; box-shadow: none; } .visible-on-ctrl, .visible-on-ctrl-btn { display: none; } .hidden-on-ctrl-btn { display: inline-block; } html.rl-ctrl-key-pressed .visible-on-ctrl { display: inline-block; } html.rl-ctrl-key-pressed .btn-group.open .visible-on-ctrl-btn { display: inline-block; } html.rl-ctrl-key-pressed .hidden-on-ctrl { display: none; } html.rl-ctrl-key-pressed .btn-group.open .hidden-on-ctrl-btn { display: none; } #rl-loading, #rl-loading-error { position: absolute; font-size: 30px; line-height: 100%; 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; } #rl-loading-error-additional { margin-top: 20px; font-size: 20px; } .nano:before, .nano:after { display: none; content: ""; position: absolute; left: 0; width: 100%; height: 10px; z-index: 102; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3); } .fixIndex.nano:before, .fixIndex.nano:after { z-index: 98; } .nano:before { top: -10px; } .nano:after { bottom: -10px; } .nano.nano-scrolllimit-top:before, .nano.nano-scrolllimit-bottom:after { display: block; } .e-component.e-checkbox { cursor: pointer; } .e-component.e-checkbox.disabled { cursor: default; color: #999; } .e-component.e-radio { cursor: pointer; } .e-component.e-radio.disabled { cursor: default; color: #999; } .e-component.material-design { margin-top: 2px; margin-bottom: 6px; } .e-component.material-design.e-checkbox .sub-checkbox-container { display: inline-block; position: relative; -webkit-transform: translateZ(0); transform: translateZ(0); width: 18px; height: 18px; vertical-align: bottom; margin-bottom: 3px; } .e-component.material-design.e-checkbox .sub-label { padding-left: 12px; } .e-component.material-design.e-checkbox .sub-checkbox { position: absolute; box-sizing: border-box; margin-top: 1px; top: 0px; left: 0px; width: 18px; height: 18px; border: solid 2px #999; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .e-component.material-design.e-checkbox .sub-checkbox.checked { border-top: none; border-left: none; border-color: #0F9D58; /* top: -4px; left: 6px; width: 10px; height: 21px;*/ top: -1px; left: 5px; width: 10px; height: 18px; border-right-width: 2px; border-bottom-width: 2px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .e-component.material-design.e-checkbox .sub-checkbox.checked.box { border: solid 2px; -webkit-animation: box-shrink 140ms ease-out forwards; animation: box-shrink 140ms ease-out forwards; } .e-component.material-design.e-checkbox .sub-checkbox.checked.checkmark { border-left: none; border-top: none; -webkit-animation: checkmark-expand 140ms ease-out forwards; animation: checkmark-expand 140ms ease-out forwards; } .e-component.material-design.e-checkbox .sub-checkbox.unchecked.box { -webkit-animation: box-expand 140ms ease-out forwards; animation: box-expand 140ms ease-out forwards; } .e-component.material-design.e-checkbox .sub-checkbox.unchecked.checkmark { border-left: none; border-top: none; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-animation: checkmark-shrink 140ms ease-out forwards; animation: checkmark-shrink 140ms ease-out forwards; } .e-component.material-design.e-checkbox.disabled .sub-checkbox { border-color: #aaa; cursor: not-allowed; color: #aaa; } .e-component.material-design.e-checkbox.disabled .sub-label { cursor: not-allowed; color: #aaa; } @-webkit-keyframes box-shrink { 0% { top: 0px; left: 0px; width: 18px; height: 18px; border: solid 2px #999; -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { top: 13px; left: 5px; width: 4px; height: 4px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } } @keyframes box-shrink { 0% { top: 0px; left: 0px; width: 18px; height: 18px; border: solid 2px #999; -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { top: 13px; left: 5px; width: 4px; height: 4px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } } @-webkit-keyframes checkmark-expand { 0% { top: 13px; left: 5px; width: 4px; height: 4px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } 100% { /* top: -4px; left: 6px; width: 10px; height: 21px;*/ top: -1px; left: 5px; width: 10px; height: 18px; border-right-width: 2px; border-bottom-width: 2px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } } @keyframes checkmark-expand { 0% { top: 13px; left: 5px; width: 4px; height: 4px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } 100% { /* top: -4px; left: 6px; width: 10px; height: 21px;*/ top: -1px; left: 5px; width: 10px; height: 18px; border-right-width: 2px; border-bottom-width: 2px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } } @-webkit-keyframes checkmark-shrink { 0% { /* top: -4px; left: 6px; width: 10px; height: 21px;*/ top: -1px; left: 5px; width: 10px; height: 18px; border-right-width: 2px; border-bottom-width: 2px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } 100% { top: 13px; left: 5px; width: 4px; height: 4px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } } @keyframes checkmark-shrink { 0% { /* top: -4px; left: 6px; width: 10px; height: 21px;*/ top: -1px; left: 5px; width: 10px; height: 18px; border-right-width: 2px; border-bottom-width: 2px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } 100% { top: 13px; left: 5px; width: 4px; height: 4px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } } @-webkit-keyframes box-expand { 0% { top: 13px; left: 5px; width: 4px; height: 4px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } 100% { top: 0px; left: 0px; width: 18px; height: 18px; border: solid 2px #999; -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes box-expand { 0% { top: 13px; left: 5px; width: 4px; height: 4px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } 100% { top: 0px; left: 0px; width: 18px; height: 18px; border: solid 2px #999; -webkit-transform: rotate(0deg); transform: rotate(0deg); } } .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; margin-right: 28px; vertical-align: middle; } .b-system-drop-down .accountPlace { background-color: #000; background-color: rgba(0, 0, 0, 0.5); color: #fff; text-shadow: 0 1px 0 #000; position: absolute; top: 11px; right: 70px; display: inline-block; height: 28px; max-width: 250px; font-size: 16px; line-height: 30px; padding: 1px 8px; overflow: hidden; text-overflow: ellipsis; border-radius: 4px; font-weight: bold; white-space: nowrap; } .b-system-drop-down .account-item .icon-ok { display: none; } .b-system-drop-down .account-item.current .icon-ok { display: inline-block; } .b-system-drop-down .account-item.current .icon-user { display: none; } .b-system-drop-down .counter { display: inline-block; } .b-system-drop-down .g-ui-menu .e-link.account-item { padding-right: 5px; } html.ssm-state-mobile .accountPlace { max-width: 150px !important; } .b-login-content { height: 100%; text-align: center; } .b-login-content .loginFormWrapper { display: inline-block; vertical-align: middle; text-align: center; /* .control-label { font-size: 16px; line-height: 30px; }*/ } .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; width: 303px; } .b-login-content .loginFormWrapper .controls, .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; border-radius: 3px; } .b-login-content .loginFormWrapper .controls .inputLoginForm, .b-login-content .loginFormWrapper .controls .inputEmail, .b-login-content .loginFormWrapper .controls .inputLogin, .b-login-content .loginFormWrapper .controls .inputPassword, .b-login-content .loginFormWrapper .controls .inputAdditionalCode { font-size: 18px; height: 40px; line-height: 20px; } .b-login-content .loginFormWrapper .signMeLabel, .b-login-content .loginFormWrapper .languageLabel { margin-top: 5px; } .b-login-content .loginFormWrapper .languageLabel { margin-right: 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 .controls.error .add-on i, .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; } .b-login-content .social-buttons { margin-top: 5px; } .b-login-content .social-button, .b-login-content .language-button { padding: 5px; outline: none; } .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; } .popups .b-shortcuts-content.modal { width: 700px; } .popups .b-shortcuts-content .modal-header { background-color: #fff; } .b-folders .b-toolbar { position: absolute; top: 0; right: 0; left: 0; height: 30px; padding: 10px 10px 0 8px; color: #fff; z-index: 101; } .b-folders .b-footer { position: absolute; bottom: 20px; right: 0; left: 0; height: 20px; padding: 0 10px 0 5px; z-index: 101; } .b-folders .b-content { position: absolute; top: 58px; bottom: 45px; left: 0; right: 0; overflow: hidden; overflow-y: auto; min-width: 100px; } .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.focused, .b-folders .b-content .e-item .e-link.selectable.droppableHover { background-color: #555; color: #fff; } .b-folders .b-content .e-item .e-link.selectable.focused { color: #fff; } .b-folders .b-content .e-item .e-link.focused { background-color: #888; } .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; } html.rl-left-panel-disabled .btn.buttonContacts { margin-top: 10px !important; margin-left: 0 !important; } .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-header { background-color: #fff; } .popups .b-filter-content { width: 750px; } .popups .b-filter-content .modal-header { background-color: #fff; } .popups .b-filter-content .button-delete { cursor: pointer; } .popups .b-languages-content.modal { 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; border: 1px solid transparent; } .popups .b-languages-content .lang-item.selected { background-color: #f5f5f5; border-color: #ccc; } .popups .b-languages-content .lang-item:hover { background-color: #eee; border-color: #ccc; } .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-two-factor-test-content .modal-header { background-color: #fff; } .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; } .attachmentItem { display: inline-block; margin: 5px; max-width: 200px; min-width: 60px; overflow: hidden; list-style: none; line-height: 24px; border: 0; background-color: #fff; box-shadow: 0 1px 5px #ccc; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.04), 0 1px 5px rgba(0, 0, 0, 0.1); border-radius: 2px; } .attachmentItem.waiting { opacity: 0.6; } .attachmentItem.error .attachmentIcon, .attachmentItem.error .attachmentSize, .attachmentItem.error .attachmentName { color: red; } .attachmentItem .attachmentIconParent { position: relative; height: 56px; width: 60px; background: none; } .attachmentItem .attachmentIconParent .iconPreview, .attachmentItem .attachmentIconParent .iconBG, .attachmentItem .attachmentIconParent .iconMain, .attachmentItem .attachmentIconParent .iconProgress { position: absolute; top: 0; left: 0; display: inline-block; width: 100%; height: 100%; } .attachmentItem .attachmentIconParent .iconProgress { background: #eee; width: 0%; } .attachmentItem .attachmentIconParent .iconBG { font-size: 18px; text-align: center; color: #999; font-weight: bold; line-height: 55px; text-shadow: 0 1px 0 #FFF; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); } .attachmentItem .attachmentIconParent .iconPreview { display: none; background: #555; background-image: none; background: rgba(0, 0, 0, 0.5) !important; } .attachmentItem .attachmentIconParent .iconPreview .attachmentIcon { color: #fff; text-shadow: 0 1px 0 #000; } .attachmentItem .attachmentNameParent { position: relative; margin-left: 60px; padding: 4px; padding-left: 6px; min-width: 90px; cursor: pointer; color: #333; background: #fafafa; border-left: 1px solid #ddd; } .attachmentItem .attachmentIcon { margin: 6px 0 0 13px; font-size: 36px; width: 36px; height: 36px; color: #aaa; } .attachmentItem .attachmentIconText { display: inline-block; font-size: 28px; width: 60px; height: 56px; color: #aaa; line-height: 56px; text-align: center; font-style: normal; } .attachmentItem .attachmentIcon.icon-none { display: none; } .attachmentItem .attachmentIconParent.hasPreview:hover .iconPreview { display: inline-block; } .attachmentItem .attachmentIconParent.hasPreview:hover .iconMain { display: none; } .attachmentItem .showPreview { display: none; } .attachmentItem .attachmentIconParent.hasPreview .showPreview { display: inline; } .attachmentItem .attachmentIconParent.hasPreview .hidePreview { display: none; } 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; border-bottom-right-radius: 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; box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2); 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; border-top-right-radius: 5px; border-top-left-radius: 5px; } .messageList .second-toolbar .checkboxCkeckAll { margin: 5px 0; } .messageList .line-loading { position: absolute; left: 0; right: 0; z-index: 102; height: 0px; top: 50px; } .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; 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.focused .sidebarParent { background-color: #ccc !important; } .messageList .b-content .messageListItem .importantMark { display: none; color: red; margin-right: 5px; } .messageList .b-content .messageListItem.important .importantMark { display: inline; } .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 10px 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 10px 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; 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, .messageList .b-content .messageListItem.emptySubject .subjectParent .subject-prefix, .messageList .b-content .messageListItem.emptySubject .subjectParent .subject-suffix { display: none; } .messageList .b-content .messageListItem.emptySubject .subjectParent .emptySubjectText { display: inline; } .messageList .b-content .messageListItem .sender, .messageList .b-content .messageListItem .subject, .messageList .b-content .messageListItem .subject-suffix { overflow: hidden; text-overflow: ellipsis; } .messageList .b-content .messageListItem .subject-prefix { color: #888; /*font-style: italic;*/ } .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; } .messageList .b-content .messageListItem .flagOff:hover { opacity: 1; } .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, .messageList .b-content .messageListItem.unseen .subject-suffix { font-weight: bold; } .messageList .b-content .messageListItem.unseen .sidebarParent { background-color: orange; } .messageList .b-content .messageListItem.unseen.focused .sidebarParent { background-color: #cc8400 !important; } .messageList .b-content .messageListItem.hasUnseenSubMessage { background-color: #FFFFD9; } .messageList .b-content .messageListItem.hasUnseenSubMessage .sidebarParent { background-color: #ffdb99; } .messageList .b-content .messageListItem.hasUnseenSubMessage.focused .sidebarParent { background-color: #cc8400 !important; } .messageList .b-content .messageListItem.hasParentMessage { background-color: #ecf0f1; } .messageList .b-content .messageListItem.hasParentMessage .sidebarParent { background-color: #bdc3c7; } .messageList .b-content .messageListItem.hasParentMessage.focused .sidebarParent { background-color: #a1aab0 !important; } .messageList .b-content .messageListItem.hasParentMessage.unseen { background-color: #dde4e6; } .messageList .b-content .messageListItem.hasParentMessage.unseen .sidebarParent { background-color: #6c777f; } .messageList .b-content .messageListItem.hasParentMessage.unseen.focused .sidebarParent { background-color: #545e64 !important; } .messageList .b-content .messageListItem.checked .sidebarParent { background-color: #69a8f5 !important; } .messageList .b-content .messageListItem.checked.focused .sidebarParent { background-color: #217ef0 !important; } .messageList .b-content .messageListItem.selected { background-color: #DFEFFF; z-index: 101; } .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; } .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.message-focused .b-message-list-wrapper { background-color: #000; } .messageList.message-focused .b-content { opacity: 0.97; } .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; } html.cssanimations.rl-anim .messageList .line-loading { height: 5px !important; } .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: -2px; /*overflow: hidden;*/ border: 1px solid #aaaaaa; border-radius: 3px; background-color: #fff; } .messageView .b-content .b-message-view-checked-helper { text-align: center; font-size: 70px; line-height: 70px; padding-top: 140px; color: #999; } .messageView .b-content .b-message-view-checked-helper .icon-mail { font-size: 100px; font-size: 50px; line-height: 90px; padding-left: 10px; } .messageView .b-content .b-message-view-desc { text-align: center; font-size: 24px; line-height: 30px; color: #999; padding: 120px 10px 0 10px; } .messageView .b-content .b-message-view-desc.error { color: #DA4F49; } .messageView .b-content .content { -webkit-overflow-scrolling: touch; } .messageView .b-content .message-fixed-button-toolbar { z-index: 100; position: absolute; top: 20px; right: 20px; } .messageView .b-content .messageItem { position: absolute; top: 0px; bottom: 0; left: 0; right: 0; overflow: auto; -webkit-overflow-scrolling: touch; 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: 25px; bottom: 25px; 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; border-radius: 5px; opacity: 0.3; } .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: 65px; z-index: 0; } .messageView .b-content .messageItem .buttonUp, .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: 6px; 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 .pgpInfo { padding: 5px 15px; border-bottom: 1px solid #ddd; background-color: #fcf8e3; } .messageView .b-content .messageItem .pgpInfo.success { background-color: #e9f4ff; } .messageView .b-content .messageItem .readReceipt { background-color: #ffffd9; } .messageView .b-content .messageItem .attachmentsPlace { padding: 10px 10px 6px 10px; background: #eee; border-bottom: 1px solid #ddd; } .messageView .b-content .messageItem .attachmentsPlace .attachmentList { margin: 0; } .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; } .messageView .b-content .messageItem .rlBlockquoteSwitcher:hover { opacity: 1; } .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.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; white-space: pre-wrap; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; } .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; } .messageView.message-focused .b-content { z-index: 102; box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2); border-radius: 3px; border-color: #9d9d9d; } 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; box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2); border-radius: 5px; } html.rl-bottom-preview-pane .messageView .b-content { bottom: 5px; } html.cssanimations.rl-anim .messageItem .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 !important; margin: 5px !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; z-index: 10000 !important; border: 1px solid #aaaaaa !important; border-radius: 3px !important; } html.rl-message-fullscreen .messageView .b-content .buttonUnFull { display: inline-block !important; } html.rl-message-fullscreen .messageView .b-content .buttonFull { display: none !important; } .nano-scrolllimit-top .buttonUp { display: inline-block !important; } .b-contacts-content .control-group .control-label.fix-width { width: 50px; } .b-contacts-content .control-group .controls.fix-width { margin-left: 70px; } .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; } .b-contacts-content.modal .b-header-toolbar .btn { margin-top: 4px; } .b-contacts-content.modal .b-list-toolbar { padding: 0; height: 45px; text-align: right; width: 220px; box-shadow: inset 0 -1px 0 #cccccc; } .b-contacts-content.modal .b-list-toolbar .e-search { margin-top: 7px; width: 200px; } .b-contacts-content.modal .b-list-footer-toolbar { position: absolute; left: 0; bottom: 0; height: 105px; width: 220px; background-color: #eee; box-shadow: inset 0 1px 0 #ccc; } .b-contacts-content.modal .b-list-footer-toolbar .footer-pager { padding: 8px 10px 0 0; } .b-contacts-content.modal .b-list-content { position: absolute; top: 45px; bottom: 105px; left: 0; width: 220px; 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; 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; } .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.focused .sidebarParent { background-color: #bbb; } .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.checked.focused .sidebarParent { background-color: #519af3 !important; } .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-list-content .e-contact-item.selected.focused .sidebarParent { background-color: #217ef0 !important; } .b-contacts-content.modal .b-view-content-toolbar { background-color: #f5f5f5; padding: 7px; position: absolute; top: 0; right: 0; left: 220px; height: 31px; text-align: center; box-shadow: inset 0 -1px 0 #cccccc; } .b-contacts-content.modal .b-view-content-toolbar .button-save-contact.no-disabled.dirty { color: #51a351; font-weight: bold; } .b-contacts-content.modal .b-view-content-toolbar.read-only .button-save-contact { display: none; } .b-contacts-content.modal .b-view-content { position: absolute; top: 45px; bottom: 60px; left: 220px; 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, .b-contacts-content.modal .b-view-content .contactValueLargeStatic, .b-contacts-content.modal .b-view-content .contactValueTextAreaStatic { 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, .b-contacts-content.modal .b-view-content.read-only .contactValueLargeStatic, .b-contacts-content.modal .b-view-content.read-only .contactValueTextAreaStatic { display: inline-block; } .b-contacts-content.modal .b-view-content.read-only .contactValueInput, .b-contacts-content.modal .b-view-content.read-only .contactValueInputLarge, .b-contacts-content.modal .b-view-content.read-only .contactValueTextArea { 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, .b-contacts-content.modal .b-view-content .contactValueLargeStatic, .b-contacts-content.modal .b-view-content .contactValueTextAreaStatic { font-size: 18px; display: none; } .b-contacts-content.modal .b-view-content .contactValueInput, .b-contacts-content.modal .b-view-content .contactValueInputLarge, .b-contacts-content.modal .b-view-content .contactValueTextArea { box-shadow: none; border-color: #fff; font-size: 18px; width: 300px; } .b-contacts-content.modal .b-view-content .contactValueInput:hover, .b-contacts-content.modal .b-view-content .contactValueInputLarge:hover, .b-contacts-content.modal .b-view-content .contactValueTextArea:hover { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); border-color: #ccc; } .b-contacts-content.modal .b-view-content .contactValueInput:focus, .b-contacts-content.modal .b-view-content .contactValueInputLarge:focus, .b-contacts-content.modal .b-view-content .contactValueTextArea:focus { 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, .b-contacts-content.modal .b-view-content .contactValueInputLarge::-webkit-input-placeholder, .b-contacts-content.modal .b-view-content .contactValueTextArea::-webkit-input-placeholder { color: #ddd; } .b-contacts-content.modal .b-view-content .contactValueInput::-moz-placeholder, .b-contacts-content.modal .b-view-content .contactValueInputLarge::-moz-placeholder, .b-contacts-content.modal .b-view-content .contactValueTextArea::-moz-placeholder { color: #ddd; } .b-contacts-content.modal .b-view-content .contactValueInput:-moz-placeholder, .b-contacts-content.modal .b-view-content .contactValueInputLarge:-moz-placeholder, .b-contacts-content.modal .b-view-content .contactValueTextArea:-moz-placeholder { color: #ddd; } .b-contacts-content.modal .b-view-content .contactValueInput:-ms-input-placeholder, .b-contacts-content.modal .b-view-content .contactValueInputLarge:-ms-input-placeholder, .b-contacts-content.modal .b-view-content .contactValueTextArea:-ms-input-placeholder { color: #ddd; } .b-contacts-content.modal .b-view-content .contactValueTextArea { width: 300px; } .b-contacts-content.modal .b-view-content .contactValueInputLarge { width: 400px; } .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: 20px; right: 20px; cursor: pointer; } .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 .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, .b-compose .attachmentAreaParent { overflow: hidden; position: relative; } .b-compose .attachmentAreaParent { padding: 10px 10px 6px 10px; background: #ddd; border-top: 1px solid #ccc; overflow-y: auto; } .b-compose .attachmentAreaParent .no-attachments-desc { padding: 50px 10px; text-align: center; font-size: 24px; color: #666; text-shadow: 0 1px 0 #fff; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); } .b-compose .attachmentAreaParent .attachmentList { margin: 0; padding: 10px; } .b-compose .b-header-toolbar { height: 40px; color: #fff; background-color: #aaaaaa; background-color: #333; background-color: rgba(0, 0, 0, 0.8) !important; } .b-compose .b-header-toolbar .close { color: #fff; opacity: 1; } .b-compose .b-header-toolbar .btn.disabled.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 .button-close, .b-compose .b-header-toolbar .button-skip { margin-left: 8px; } .b-compose .b-header-toolbar .disabled.button-delete { margin-left: 0px; } .b-compose .b-header { padding: 10px; background-color: #eee; color: #333; } .b-compose .b-header .e-identity { color: #333; text-decoration: none; font-weight: bold; } .b-compose .b-header .e-identity:hover { color: #333; text-decoration: none; } .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 .cke_chrome { border-left-width: 0 !important; border-right-width: 0 !important; border-bottom-width: 0 !important; } .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; text-shadow: 0px 1px 1px #000; } .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; box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2); border-radius: 5px; } .b-admin-right .b-content .content { -webkit-overflow-scrolling: touch; } .b-admin-right .b-settings-content { padding: 20px; padding-left: 30px; } .b-admin-general .flag-selector { padding-top: 5px; } .b-admin-general .flag-name { border-bottom: 1px dashed #555; cursor: pointer; } .b-admin-branding .disabled-form { opacity: 0.8; } .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; 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; } .b-admin-domains-list-table .e-item .delete-access.button-delete { visibility: visible; margin-right: 0; opacity: 1; } .b-admin-domains-list-table .e-item .delete-domain, .b-admin-domains-list-table .e-item .disabled-domain { cursor: pointer; opacity: 0.5; } .b-admin-domains-list-table .e-item.disabled .disabled-domain { opacity: 0.5; } .b-admin-domains-list-table .e-item .delete-domain:hover, .b-admin-domains-list-table .e-item .disabled-domain:hover { opacity: 1; } .b-domain-content.modal { width: 810px; } .b-domain-content .modal-header { background-color: #fff; } .b-domain-content .modal-body { position: relative; overflow: hidden; width: 1600px; height: 370px; left: 0; } .b-domain-content.domain-edit .modal-body { height: 320px; } .b-domain-content.domain-second-page .modal-body { left: -800px; } .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; 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 .disabled-plugin { opacity: 0.5; } .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: 70px; } .b-admin-about .rl-logo { display: inline-block; width: 250px; height: 250px; margin-top: -10px; margin-bottom: -10px; background-image: url("images/rainloop-logo.png"); } .b-admin-about .rl-desc { margin-top: 20px; margin-left: -20px; } .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-footer { position: absolute; bottom: 20px; right: 0; left: 0; height: 20px; padding: 0 10px 0 5px; z-index: 101; } .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: 50px; bottom: 8px; left: 0; right: 8px; overflow-y: auto; z-index: 2; background-color: #fff; border: 1px solid #aaaaaa; box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2); border-radius: 5px; } .b-settins-right .b-content .content { -webkit-overflow-scrolling: touch; } .b-settins-right .b-settings-content { padding: 20px; padding-left: 30px; } .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; cursor: pointer; } .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; box-sizing: border-box; line-height: 22px; } .b-settings-accounts .account-item .e-action { cursor: pointer; } .b-settings-accounts .account-item .button-delete { margin-right: 15px; margin-top: 5px; visibility: hidden; opacity: 0; } .b-settings-accounts .account-item .delete-access.button-delete { visibility: visible; margin-right: 0; opacity: 1; } .b-settings-accounts .account-item .delete-account { cursor: pointer; opacity: 0.5; } .b-settings-identity .e-signature-place { display: inline-block; width: 680px; width: 730px; 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; width: 730px; 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; 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; } .b-settings-identities .identity-item .delete-access.button-delete { visibility: visible; margin-right: 0; opacity: 1; } .b-settings-identities .identity-item .delete-identity { cursor: pointer; opacity: 0.5; } .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; 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; } .b-settings-open-pgp .open-pgp-key-item .delete-access.button-delete { visibility: visible; margin-right: 0; opacity: 1; } .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; } .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; white-space: pre-wrap; 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; } .b-settings-folders .folder-item .delete-access.button-delete { visibility: visible; margin-right: 0; opacity: 1; } .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; } .b-settings-folders .folder-item .unsubscribe-folder { opacity: 0.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; } .b-settings-filters .process-place { text-align: center; width: 600px; padding: 14px 0; } .b-settings-filters .list-table { width: 600px; } .b-settings-filters .list-table td { padding: 4px 8px; line-height: 30px; } .b-settings-filters .list-table .filter-img { font-size: 12px; margin-right: 5px; } .b-settings-filters .list-table .filter-name { display: inline-block; word-break: break-all; box-sizing: border-box; line-height: 22px; cursor: pointer; } .b-settings-filters .filter-item .e-action { cursor: pointer; } .b-settings-filters .filter-item .button-delete { margin-right: 15px; margin-top: 5px; visibility: hidden; opacity: 0; } .b-settings-filters .filter-item .delete-access.button-delete { visibility: visible; margin-right: 0; opacity: 1; } .b-settings-filters .filter-item .delete-filter { cursor: pointer; opacity: 0.5; } .b-settings-filters .filter-item.ui-sortable-helper .delete-filter { display: none; } @-webkit-keyframes highlight-folder-row { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes highlight-folder-row { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-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; } } @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); -ms-transform: translateY(-30px); transform: translateY(-30px); } html.rl-started-trigger.no-mobile #rl-content { opacity: 0.7; } #rl-loading { -webkit-transition: opacity 0.5s linear; transition: opacity 0.5s linear; } .rl-anim.csstransitions.no-mobile #rl-left { -webkit-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; 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; transition: width 0.3s ease-out; } .rl-anim.csstransitions.no-mobile #rl-sub-right { -webkit-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; transition: opacity 0.3s ease-out; } .rl-anim.csstransitions.no-mobile .b-login-content .loginFormWrapper { -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .rl-anim.rgba.cssanimations.backgroundsize .e-strip-animation { background-size: 60px 60px; background-image: -webkit-linear-gradient(315deg, 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; animation: animate-stripes 2s linear infinite; } .rl-anim.csstransitions .button-delete-transitions { -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .rl-anim.cssanimations .b-folders .e-item .anim-action-class { -webkit-animation: highlight-folder-row 0.5s linear; animation: highlight-folder-row 0.5s linear; } .rl-anim.csstransitions .b-folders .btn.buttonContacts { -webkit-transition: margin 0.3s linear; transition: margin 0.3s linear; } .rl-anim.csstransitions .b-folders .b-content.opacity-on-panel-disabled { -webkit-transition: opacity 0.3s linear; transition: opacity 0.3s linear; } .rl-anim.csstransitions .messageList .messageListItem { -webkit-transition: max-height 400ms ease; transition: max-height 400ms ease; } .rl-anim.csstransitions .messageList .listDragOver { -webkit-transition: all 400ms ease; transition: all 400ms ease; } .rl-anim.csstransitions .b-list-content .e-contact-item { -webkit-transition: max-height 400ms ease; transition: max-height 400ms ease; } .rl-anim.csstransitions .modal.b-domain-content .modal-body { -webkit-transition: left 500ms ease; transition: left 500ms ease; } .rl-anim.csstransitions .modal.fade { -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } .rl-anim.csstransitions .modal.fade.in { -webkit-transform: none; -ms-transform: none; transform: none; } .rl-anim.cssanimations .b-compose.loading .b-header-toolbar { background-size: 60px 60px; background-image: -webkit-linear-gradient(315deg, 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; animation: animate-stripes 2s linear infinite; } .textLoadingAnimationD1, .textLoadingAnimationD2, .textLoadingAnimationD3 { -webkit-animation: textLoadingAnimationKeyFrame 1s linear infinite 0s; animation: textLoadingAnimationKeyFrame 1s linear infinite 0s; } .textLoadingAnimationD2 { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .textLoadingAnimationD3 { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } .rl-view-model.RL-Login, .rl-view-model.RL-LoginNew, .rl-view-model.RL-AdminLogin, .rl-view-model.RL-About { position: relative; height: 100%; z-index: 5; } .mfp-container .mfp-figure { min-height: 300px; min-width: 300px; } .ui-resizable-e { right: -1px; } .pswp__error-msg { color: #ccc; } .pswp__error-msg a, .pswp__error-msg a:hover { color: #fff; } .pswp__img--placeholder { opacity: 0; } #rl-content { display: block; }