Guest User

Untitled

a guest
Feb 15th, 2017
209
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 462.85 KB | None | 0 0
  1. /* stylesheet for 'Dreamily', generated on Fri, 06 Jan 2017 22:43:13 +0000 -- DO NOT EDIT */
  2.  
  3. @import "https://fonts.googleapis.com/css?family=Oxygen:400,700";html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;}
  4. h1, h2, h3, h4, h5, h6 {font-weight: normal;}
  5. article, aside, details, figcaption, figure, footer, header, menu, nav, section {display: block;}
  6. ol, ul {list-style: none;}
  7. blockquote, q {quotes: none;}
  8.  
  9. @media screen and (max-width: 800px){
  10. body{
  11. overflow-x: hidden;
  12. }
  13. }
  14.  
  15. blockquote::before, blockquote::after, q::before, q::after {content: '';content: none;}
  16. .clearfix::before, .clearfix::after {display: table;content: "";}
  17. .clearfix::after {clear: both;}
  18. .userSelectNone {-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
  19. .aclList, .aclPermissionList {margin-top: 0;min-height: 100px;}
  20. .aclList > li, .aclPermissionList > li {display: block;padding: 4px;}
  21. .aclList > li:first-child, .aclPermissionList > li:first-child {border-top-left-radius: 0px;border-top-right-radius: 0px;}
  22. .aclList > li:last-child:not(:first-child), .aclPermissionList > li:last-child:not(:first-child) {border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;}
  23. .aclList {margin-bottom: 7px;}
  24. .aclList > li {cursor: pointer;}
  25. .aclList > li:hover, .aclList > li.active:hover {background-color: #f1f1f1;}
  26. .aclList > li.active {background-color: #f9f9f9;}
  27. .aclList > li > span:last-child {float: right;margin-right: 7px;}
  28. .aclPermissionList {margin-top: 7px;min-height: 200px;text-align: right;}
  29. .aclPermissionList > li:hover {background-color: #f1f1f1;}
  30. .aclPermissionList > li.aclCategory {background-color: #f4f4f4;padding: 4px 11px;text-align: left;}
  31. .aclPermissionList > li.aclFullAccess {background-color: #f9f9f9;}
  32. .aclPermissionList > li > span {float: left;padding-left: 7px;}
  33. .aclPermissionList > li > label {cursor: pointer;margin: 0 7px;padding: 0 21px;}
  34. .info, .error, .success, .warning {border-width: 1px;border-style: solid;line-height: 1.5;margin-top: 14px;padding: 11px 14px 11px 48px;position: relative;}
  35. .info::after, .error::after, .success::after, .warning::after {font-family: FontAwesome;font-size: 28px;display: block;height: 32px;left: 13px;margin-top: -19px;position: absolute;top: 50%;width: 32px;}
  36. .info a, .error a, .success a, .warning a {text-decoration: underline;}
  37. @media only screen and (max-width: 800px) {
  38. .info, .error, .success, .warning {margin-left: 7px;margin-right: 7px;padding: 4px 7px;}
  39. .info::after, .error::after, .success::after, .warning::after {display: none;}
  40. }
  41. .error > .fa-times, .notice > .fa-times {float: right;}
  42. .info {background-color: #ddeeff;border-color: #99bbee;color: #6688bb;text-shadow: 0 1px 0 transparent;}
  43. .info::after {content: "\f05a";}
  44. .info a, .info a:hover {color: #6688bb;}
  45. .info .icon {color: #6688bb;text-shadow: 0 1px 0 transparent;}
  46. .success {background-color: #eeffee;border-color: #00cc00;color: #009900;text-shadow: 0 1px 0 transparent;}
  47. .success::after {content: "\f058";}
  48. .success a, .success a:hover {color: #009900;}
  49. .success .icon {color: #009900;text-shadow: 0 1px 0 transparent;}
  50. .warning {
  51. background-color: #D8334A !important;
  52. border-bottom: 5px solid #BF263C !important;
  53. border-left: 0 !important;
  54. border-right: 0 !important;
  55. border-top: 0 !important;
  56. color: #fff !important;
  57. text-shadow: 0 1px 0 rgba(0,0,0,0);
  58. }
  59. .warning::after {content: "\f071";}
  60. .warning a, .warning a:hover {color: #ECF0F1 !important;}
  61. .warning .icon {color: #999900;text-shadow: 0 1px 0 transparent;}
  62. .error {background-color: #ffeeee;border-color: #ff9999;color: #cc0000;text-shadow: 0 1px 0 transparent;}
  63. .error::after {content: "\f05e";}
  64. .error a, .error a:hover {color: #cc0000;}
  65. .error .icon {color: #cc0000;text-shadow: 0 1px 0 transparent;}
  66. .innerError {background-color: #CC3A4F;border: 1px solid #ff9999;color: #cc0000;display: table;line-height: 1.5;margin-top: 8px;padding: 2px 10px;position: relative;}
  67. .innerError::after {border: 7px solid transparent;border-bottom-color: #ff9999;border-top-width: 0;content: "";display: inline-block;left: 9px;position: absolute;top: -7px;z-index: 100;}
  68. .innerError::before {border: 6px solid transparent;border-bottom-color: #ffeeee;border-top-width: 0;content: "";display: inline-block;left: 10px;position: absolute;top: -6px;z-index: 101;}
  69. .attachmentThumbnailList, .attachmentFileList {padding-top: 7px !important;}
  70. .attachmentThumbnailList > fieldset, .attachmentFileList > fieldset {padding: 0;}
  71. .attachmentThumbnailList > fieldset > legend, .attachmentFileList > fieldset > legend {border-bottom: 0;font-size: 1.2rem;padding-bottom: 7px;}
  72. .attachmentThumbnailList {padding-bottom: 7px !important;}
  73. .attachmentThumbnailList > fieldset > ul {padding: 0 11px 0 4px;}
  74. .attachmentThumbnailList > fieldset > ul > li {margin: 0 0 14px 7px;vertical-align: top;}
  75. .attachmentFileList > fieldset > ul > li:not(:first-child) {margin-top: 4px;}
  76. .attachmentThumbnail {background-color: white;display: inline-block;min-height: 210px;min-width: 280px;position: relative;}
  77. .attachmentThumbnail > a {display: inline-block;min-height: 210px;min-width: 280px;}
  78. .attachmentThumbnail > div {background-color: rgba(0,0,0,0.6);bottom: 0;color: #fff;position: absolute;width: 100%;padding: 7px 0;}
  79. .attachmentThumbnail > div > p, .attachmentThumbnail > div > small {margin: 0 7px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;}
  80. .attachmentThumbnail > div > small {display: block;height: 0;-webkit-transition-property: height;transition-property: height;-webkit-transition-duration: .25s;transition-duration: .25s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
  81. .attachmentThumbnail:hover > div > small {height: 1.27em;}
  82. .formAttachmentList {border-bottom: 1px solid #dddddd;margin-bottom: 7px;padding-bottom: 7px;}
  83. .formAttachmentList > li {margin-bottom: 7px;}
  84. .formAttachmentList > li > div > div {margin-right: 7px;}
  85. .formAttachmentList > li > div > div > p {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
  86. .formAttachmentList > li > div > div > p > a {display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
  87. .formAttachmentList > li > div > ul {margin-top: 7px;}
  88. .formAttachmentList > li > div > ul > li {display: inline-block;}
  89. .formAttachmentList.sortableList {list-style-type: none;margin-left: 0;}
  90. .formAttachmentContent .jsButtonAttachmentInsertAll {vertical-align: baseline;}
  91. .formAttachmentContent .uploadButton {vertical-align: bottom;}
  92. .formAttachmentContent > dl div + small {margin-top: 7px !important;}
  93. @media only screen and (min-width: 801px) {
  94. .formAttachmentList > li {float: left;width: 50%;}
  95. }
  96. .box48 .attachmentTinyThumbnail {max-height: 48px;max-width: 48px;}
  97. .box64 .attachmentTinyThumbnail {max-height: 64px;max-width: 64px;}
  98. .embeddedAttachmentLink, .embeddedImageLink {display: inline-block;max-width: 100%;min-height: 48px;position: relative;}
  99. .embeddedAttachmentLink::after, .embeddedImageLink::after {background-color: rgba(0,0,0,0.8);border-radius: 2px;bottom: 7px;color: white;content: "\f002";display: block;font-family: FontAwesome;font-size: 21px;opacity: .5;padding: 2px 8px;position: absolute;right: 7px;text-decoration: none;box-shadow: 0 0 0 3px rgba(0,0,0,0.15);-webkit-transition-property: opacity;transition-property: opacity;-webkit-transition-duration: .1s;transition-duration: .1s;-webkit-transition-timing-function: linear;transition-timing-function: linear;}
  100. .embeddedAttachmentLink:hover::after, .embeddedImageLink:hover::after {opacity: .8;}
  101. .codeBox {background-color: #ffffff;clear: both;margin: 11px 0;}
  102. .codeBox > div {padding: 14px 21px 14px 14px;box-shadow: inset 4em 0 0 #ffffff , inset 4.1em 0 0 #f7f7f7;}
  103. .codeBox > div > div {margin: 0 0 7px 3.4em;}
  104. .codeBox > div > div > h3 {font-size: 1.2rem;font-weight: bold;padding-left: 7px;position: relative;}
  105. .codeBox > div > div > h3 > span.icon {position: absolute;right: 0;top: 3px;}
  106. .codeBox > div > ol {list-style-type: decimal;margin-left: 3.4em;}
  107. .codeBox > div > ol > li {font-family: Consolas, 'Courier New', monospace;margin: 0;padding-left: 7px;position: relative;white-space: pre-wrap;word-break: break-all;word-wrap: break-word;}
  108. .codeBox > div > ol > li > .lineAnchor {display: block;height: 1.4em;left: -3.6em;position: absolute;top: 0;width: 3.0em;}
  109. .codeBox > div > ol > li:target {background-color: #ffff66;}
  110. .codeBox.minimized {max-height: 200px;overflow: hidden;position: relative;}
  111. .codeBox.minimized > .codeBoxExpand {background-color: #ffffff;border-top: 1px solid #dddddd;bottom: 0;cursor: pointer;display: block;height: 20px;left: 0;padding: 4px;position: absolute;right: 0;text-align: center;box-shadow: 0 -10px 25px 5px #ffffff;}
  112. html[dir='rtl'] .codeBox > div {box-shadow: inset -4em 0 0 #ffffff , inset -4.1em 0 0 #f7f7f7;}
  113. @media only screen and (max-width: 800px) {
  114. .codeBox > div {padding: 7px;box-shadow: 0 0 5px 0 transparent;}
  115. .codeBox > div > div {margin-left: 0;}
  116. .codeBox > div > div > h3 {padding-left: 0;}
  117. .codeBox > div > ol {list-style-type: none;margin-left: 0;overflow: auto;}
  118. .codeBox > div > ol > li {padding-left: 0;white-space: pre;word-wrap: normal;}
  119. }
  120. .codeBox .hlQuotes {color: red;}
  121. .codeBox .hlComments, .codeBox .hlOperators {color: green;}
  122. .codeBox .hlKeywords1 {color: blue;}
  123. .codeBox .hlKeywords2 {color: darkred;}
  124. .codeBox .hlKeywords3 {color: darkviolet;}
  125. .codeBox .hlKeywords4 {color: darkgoldenrod;}
  126. .codeBox .hlKeywords5 {color: crimson;}
  127. .codeBox .hlNumbers {color: darkorange;}
  128. .diffHighlighter .hlComments {color: darkviolet;}
  129. .diffHighlighter .hlRemoved {color: red;}
  130. .diffHighlighter .hlAdded {color: green;}
  131. .phpHighlighter .hlKeywords2 {color: green;}
  132. .phpHighlighter .hlComments {color: darkgoldenrod;}
  133. .cssHighlighter .hlComments {color: #236e26;}
  134. .cssHighlighter .hlColors {color: #751116;}
  135. .cssHighlighter .hlNumbers, .sqlHighlighter .hlNumbers {color: #1906fd;}
  136. .cssHighlighter .hlKeywords1 {color: #87154f;}
  137. .cssHighlighter .hlKeywords2 {color: #994509;}
  138. .cssHighlighter .hlKeywords3, .cssHighlighter .hlKeywords4 {color: inherit;}
  139. .sqlHighlighter .hlKeywords1 {color: #663821;}
  140. .sqlHighlighter .hlKeywords2 {color: #871550;}
  141. .quoteBox {min-height: 28px;position: relative;}
  142. .quoteBox::before, .quoteBox::after {display: table;content: "";}
  143. .quoteBox::after {clear: both;}
  144. .quoteBox.quoteBoxSimple {clear: both;margin: 11px 0;padding-left: 54px;}
  145. .quoteBox.container {background-color: #ffffff;}
  146. .quoteBox > header {padding-bottom: 4px;border-bottom: 1px dotted #dddddd;margin-bottom: 7px;-moz-user-select: none;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-ms-user-select: none;user-select: none;}
  147. .quoteBox > header > h3 {font-weight: bold;}
  148. .quoteBox > div:first-of-type::before {content: "\f10d";color: #888888;font-family: FontAwesome;font-size: 28px;position: absolute;left: 14px;top: 7px;}
  149. .quoteBox .quoteBox {margin-left: 0;padding-left: 21px;min-height: 0;}
  150. .quoteBox .quoteBox > div:first-of-type::before {display: none;}
  151. .quoteBoxAuthor {clear: both;margin: 11px 0;position: relative;}
  152. .quoteBoxAuthor::before, .quoteBoxAuthor::after {display: table;content: "";}
  153. .quoteBoxAuthor::after {clear: both;}
  154. .quoteBoxAuthor > .quoteAuthorAvatar {float: left;}
  155. .quoteBoxAuthor > .quoteAuthorAvatar::before, .quoteBoxAuthor > .quoteAuthorAvatar::after {border-style: inset solid inset none;border-width: 15px;content: "";display: block;height: 0;position: absolute;top: 15px;width: 0;}
  156. .quoteBoxAuthor > .quoteAuthorAvatar::before {border-color: transparent #dddddd transparent transparent;left: 75px;z-index: 100;}
  157. .quoteBoxAuthor > .quoteAuthorAvatar::after {border-color: transparent #ffffff transparent transparent;left: 76px;z-index: 101;}
  158. .quoteBoxAuthor > .quoteAuthorAvatar + .quoteBox {margin-left: 90px;padding-left: 21px;}
  159. .quoteBoxAuthor > .quoteAuthorAvatar + .quoteBox > div:first-of-type::before {display: none;}
  160. .quoteBoxAuthor > .quoteAuthorAvatar > a {display: inline-block;}
  161. .quoteBoxAuthor .quoteBoxAuthor > .quoteAuthorAvatar {display: none;}
  162. .quoteBoxAuthor .quoteBoxAuthor > .quoteAuthorAvatar + .quoteBox {margin-left: 0;}
  163. @media only screen and (max-width: 800px) {
  164. .quoteBoxAuthor > .quoteAuthorAvatar {display: none;}
  165. .quoteBox {margin-left: 0 !important;padding-left: 28px !important;}
  166. .quoteBox > div:first-of-type::before {display: block !important;font-size: 14px;left: 7px;}
  167. .quoteBox .quoteBox {padding-left: 7px !important;}
  168. .quoteBox .quoteBox > div:first-of-type::before {display: none !important;}
  169. }
  170. .spoilerBox {background-color: #ffffff;clear: both;font-size: 1rem;padding-bottom: 7px;}
  171. .spoilerBox > header {margin-bottom: 7px;-moz-user-select: none;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-ms-user-select: none;user-select: none;}
  172. .spoilerBox > div {overflow: hidden;padding-bottom: 7px;}
  173. .inlineCode {background-color: #ffffff;border: 1px solid #dddddd;border-radius: 3px;display: inline-block;font-family: Consolas, 'Courier New', monospace;margin: 0 2px;padding: 0 5px;word-break: break-all;word-wrap: break-word;}
  174. ul.smileyList > li {display: inline;}
  175. .bbcodeTable {display: inline-block;}
  176. @media screen and (max-width: 800px) {
  177. .bbcodeTable {display: block;}
  178. }
  179. .gist .highlight {background-color: inherit;}
  180. button, input[type='reset'], input[type='submit'], input[type='button'], .button {border-radius: 15px;border-style: solid;border-width: 1px;cursor: pointer;display: inline-block;margin: 0 4px;padding: 5px 13px;position: relative;}
  181. .button, input[type='reset']:not([disabled]), input[type='submit']:not([disabled]), input[type='button']:not([disabled]), button:not([disabled]) {background-color: #f9f9f9;border-color: #dddddd;color: #666666;text-decoration: none;text-shadow: 0 1px 0 transparent;}
  182. .button.buttonPrimary, input[type='submit']:not([disabled]), input[type='button']:not([disabled]).buttonPrimary, button:not([disabled]).buttonPrimary {background-color: #f7eec6;border-color: #cacc66;color: #cacc66;font-weight: bold;text-shadow: 0 1px 0 transparent;}
  183. .button.buttonPrimary .icon, input[type='submit']:not([disabled]) .icon, input[type='button']:not([disabled]).buttonPrimary .icon, button:not([disabled]).buttonPrimary .icon {color: #cacc66;}
  184. .button:hover, input[type='reset']:not([disabled]):hover, input[type='submit']:not([disabled]):hover, input[type='button']:not([disabled]):hover, button:not([disabled]):hover {background-color: #f1f1f1;border-color: #e0e0e0;color: #666666;text-decoration: none;z-index: 100;text-shadow: 0 1px 0 transparent;}
  185. .button:hover .icon, input[type='reset']:not([disabled]):hover .icon, input[type='submit']:not([disabled]):hover .icon, input[type='button']:not([disabled]):hover .icon, button:not([disabled]):hover .icon {color: #666666;}
  186. .button.buttonPrimary:hover, input[type='submit']:not([disabled]):hover, input[type='button']:not([disabled]).buttonPrimary:hover, button:not([disabled]).buttonPrimary:hover {background-color: #f5eab9;border-color: #bdbf40;color: #cacc66;text-shadow: 0 1px 0 transparent;}
  187. .button.buttonPrimary:hover .icon, input[type='submit']:not([disabled]):hover .icon, input[type='button']:not([disabled]).buttonPrimary:hover .icon, button:not([disabled]).buttonPrimary:hover .icon {color: #cacc66;}
  188. input[type='reset']:disabled, input[type='submit']:disabled, input[type='button']:disabled, button:disabled {background-color: #f9f9f9;border-color: #dddddd;color: #808080;cursor: not-allowed;text-decoration: none;text-shadow: 0 1px 0 transparent;}
  189. .button.active, input[type='button'].active, button.active, .button.active:hover, input[type='button'].active:hover, button.active:hover {background-color: #666666;border-color: #595959;color: #f9f9f9;box-shadow: inset 0 1px 1px 0 rgba(0,0,0,0.1);text-shadow: 0 1px 0 transparent;text-shadow: 0 -1px 0 transparent;}
  190. .button.active .icon, input[type='button'].active .icon, button.active .icon, .button.active:hover .icon, input[type='button'].active:hover .icon, button.active:hover .icon {color: #f9f9f9;text-shadow: 0 1px 0 transparent;text-shadow: 0 -1px 0 transparent;}
  191. button.small, .button.small {border-radius: 3px;font-size: .85rem;min-height: 13px;padding: 4px 9px;margin: 0 2px;}
  192. .buttonList {font-size: 0;margin-bottom: -7px;}
  193. .buttonList > li {display: inline-block;font-size: 1rem;margin-bottom: 7px;}
  194. .buttonList > li:not(:last-child) {margin-right: 8px;}
  195. .buttonList > li .button {margin-left: 0;margin-right: 0;}
  196. .buttonList.smallButtons > li:not(:last-child) {margin-right: 4px;}
  197. .buttonList.iconList > li:not(:last-child) {margin-right: 2px;}
  198. .buttonGroup {font-size: 0;}
  199. .buttonGroup > li {font-size: 1rem;display: inline-block;}
  200. .buttonGroup > li.likeButton {display: inline-block !important;}
  201. .buttonGroup > li > .button {border-radius: 0;margin: 0 0 0 -1px;}
  202. .buttonGroup > li:first-child > .button:not(.small) {border-top-left-radius: 15px;border-bottom-left-radius: 15px;}
  203. .buttonGroup > li:first-child > .button.small {border-top-left-radius: 3px;border-bottom-left-radius: 3px;}
  204. .buttonGroup > li:last-child > .button:not(.small) {border-top-right-radius: 15px;border-bottom-right-radius: 15px;}
  205. .buttonGroup > li:last-child > .button.small {border-top-right-radius: 3px;border-bottom-right-radius: 3px;}
  206. .smallButtons > li {font-size: .85rem;}
  207. nav.buttonGroupNavigation > a.dropdownLabel {display: none;}
  208. @media only screen and (max-width: 800px) {
  209. nav.buttonGroupNavigation > a.dropdownLabel {display: inline-block;outline: 0;}
  210. nav.buttonGroupNavigation > a.dropdownLabel span.icon {font-size: 21px;height: 24px;width: 24px;}
  211. nav.buttonGroupNavigation > ul {display: none;font-size: 0;position: absolute;right: -3px;top: 24px;z-index: 450;}
  212. nav.buttonGroupNavigation > ul.open {display: block;}
  213. nav.buttonGroupNavigation > ul.buttonGroup > li > .button {margin: 0;}
  214. nav.buttonGroupNavigation > ul > li {display: block;float: none;font-size: 0 !important;margin-bottom: 0;opacity: 1 !important;overflow: hidden;}
  215. nav.buttonGroupNavigation > ul > li:not(:last-child) > a {border-bottom-width: 0;}
  216. nav.buttonGroupNavigation > ul > li > a {border-radius: 3px;border-style: solid;border-width: 1px;cursor: pointer;display: inline-block;margin: 0 4px;padding: 5px 13px;position: relative;background-color: #9b9940;border-color: #9b9940;color: #ffffff;text-decoration: none;text-shadow: 0 -1px 0 rgba(0,0,0,0);font-family: Oxygen, sans-serif;font-weight: bold;line-height: 1.28;border-radius: 15px;background-color: #f9f9f9;border-color: #dddddd;color: #666666;text-shadow: 0 1px 0 transparent;border-radius: 0 !important;font-size: .85rem;overflow: hidden;text-overflow: ellipsis;width: 124px;white-space: nowrap;word-wrap: normal;}
  217. nav.buttonGroupNavigation > ul > li > a > span.invisible {display: inline;}
  218. }
  219. .sidebar button, .sidebar input[type='reset'], .sidebar input[type='submit'], .sidebar input[type='button'], .sidebar .button {font-size: .85rem;padding: 5px 11px;}
  220. .button > .icon {margin: -1px -5px;}
  221. .button > .icon + span {margin-left: 6px;}
  222. #colorPickerGradient {background-color: #f00;background-image: url('../images/colorPickerGradient.png');background-repeat: no-repeat;border: 1px solid #000000;cursor: default;display: inline-block;height: 256px;overflow: hidden;position: relative;width: 256px;}
  223. #colorPickerGradient > span {border: 1px solid #000000;border-radius: 10px;display: block;height: 10px;left: -4px;position: absolute;top: -4px;width: 10px;}
  224. #colorPickerGradient > span > span {border: 1px solid #ffffff;border-radius: 10px;display: block;height: 8px;width: 8px;}
  225. #colorPickerBar {background-image: url('../images/colorPickerBar.png');background-repeat: repeat-x;border: 1px solid #000000;cursor: default;display: inline-block;height: 256px;margin-left: 10px;position: relative;width: 16px;}
  226. #colorPickerBar > span {display: inline-block;height: 1px;left: 0;position: absolute;top: 27px;width: 16px;}
  227. #colorPickerBar > span::after, #colorPickerBar > span::before {content: "";display: block;height: 0;position: absolute;top: 0;width: 0;}
  228. #colorPickerBar > span::after {border-bottom: 5px solid transparent;border-right: 5px solid #000000;border-top: 5px solid transparent;right: -7px;top: -5px;}
  229. #colorPickerBar > span::before {border-bottom: 5px solid transparent;border-left: 5px solid #000000;border-top: 5px solid transparent;left: -7px;top: -5px;}
  230. #colorPickerForm {display: inline-block;margin-left: 20px;position: relative;text-align: center;width: 100px;}
  231. #colorPickerForm > .colors {margin-left: 2px;}
  232. #colorPickerForm > .colors > .new, #colorPickerForm > .colors > .old {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEX////MzMw46qqDAAAAD0lEQVQI12P4z4Ad4ZAAAH6/D/Hgw85/AAAAAElFTkSuQmCC);border: 1px solid #000000;display: block;height: 24px;}
  233. #colorPickerForm > .colors > .new > span, #colorPickerForm > .colors > .old > span {display: block;height: 24px;}
  234. #colorPickerForm > .colors > .old {background-position: 8px 0;border-top-width: 0;}
  235. #colorPickerForm > .hex {margin-top: 21px;}
  236. #colorPickerForm > .rgba {margin-top: 21px;}
  237. #colorPickerForm > .rgba > li.a {margin-top: 7px;}
  238. #colorPickerForm > .rgba > li.g, #colorPickerForm > .rgba > li.b {margin-top: 2px;}
  239. #colorPickerForm > .rgba > li, #colorPickerForm > .hex > li {text-align: right;}
  240. #colorPickerForm > .rgba > li input, #colorPickerForm > .hex > li input {margin-left: 7px;width: 80px;}
  241. .comment, .commentResponse {position: relative;}
  242. .commentList .buttonGroupNavigation {position: absolute;top: 4px;right: 14px;}
  243. .commentList .buttonGroupNavigation > ul > li {float: left;opacity: 0;-webkit-transition-property: opacity;transition-property: opacity;-webkit-transition-duration: .1s;transition-duration: .1s;-webkit-transition-timing-function: linear;transition-timing-function: linear;}
  244. .commentList .buttonGroupNavigation > ul > li > a {padding: 4px;}
  245. .commentResponseList .buttonGroupNavigation {right: 7px;}
  246. .commentContent:hover > .buttonGroupNavigation > ul > li {opacity: 1;}
  247. .commentList textarea {line-height: 1.2em;min-height: 13px;max-height: 130px;}
  248. .commentList textarea + button {margin-top: 4px;}
  249. .commentResponse {border-top: 1px solid #dddddd;padding: 7px;}
  250. .commentOptionContainer > ul {font-size: 0;}
  251. .commentOptionContainer > ul > li {display: inline-block;font-size: .85rem;padding-right: 3px;}
  252. .commentOptionContainer > ul > li:not(:last-child)::after {content: " - ";}
  253. .commentOptionContainer.jsAddResponseActive, .commentResponseList:not(:empty) + .commentOptionContainer {border-top: 1px solid #dddddd;padding: 7px 7px 0;}
  254. .commentResponseList:empty, .commentContent + .commentOptionContainer:not(.jsAddResponseActive) {margin-top: 4px;}
  255. .commentContent + .commentOptionContainer.jsAddResponseActive {margin-top: 14px;}
  256. .commentResponseList:not(:empty) {margin-top: 14px;}
  257. .commentList > li:nth-child(2n) .commentResponseList .commentResponse:nth-child(2n+1) {background-color: #ffffff;-webkit-transition-property: background-color;transition-property: background-color;-webkit-transition-duration: .1s;transition-duration: .1s;-webkit-transition-timing-function: linear;transition-timing-function: linear;}
  258. .commentList > li:nth-child(2n+1) .commentResponseList .commentResponse:nth-child(2n+1) {background-color: #f9f9f9;-webkit-transition-property: background-color;transition-property: background-color;-webkit-transition-duration: .1s;transition-duration: .1s;-webkit-transition-timing-function: linear;transition-timing-function: linear;}
  259. .commentResponseList > li:hover {background-color: #f4f4f4 !important;}
  260. .commentList > li:not(.commentAdd):hover {background-color: #ffffff;}
  261. .commentList > li:not(.commentAdd):hover:nth-child(2n) {background-color: #f9f9f9;}
  262. .commentList > .commentLoadNext {text-align: center;}
  263. .commentList > .commentLoadNext > button {padding-left: 30px;padding-right: 30px;}
  264. .commentList .userMessage {margin-top: 0;}
  265. .commentResponseContent {position: relative;}
  266. .commentList .likesBadge {display: inline-block;margin: -2px 0 -2px 4px;}
  267. @media only screen and (max-width: 800px) {
  268. .commentList .buttonGroupNavigation {top: 1px;right: 7px;}
  269. .commentResponseList .buttonGroupNavigation {right: 0;}
  270. .commentList .containerHeadline > h3 {padding-right: 35px;}
  271. .commentResponseContent > .containerHeadline > h3 {padding-right: 28px;}
  272. }
  273. .ui-datepicker {background-color: #ffffff;border: 1px solid #dddddd;color: #666666;margin-top: 7px;z-index: 450 !important;box-shadow: 2px 2px 10px 0 rgba(0,0,0,0.2);}
  274. .ui-datepicker::after {border: 7px solid transparent;border-bottom-color: #dddddd;border-top-width: 0;content: "";display: inline-block;left: 9px;position: absolute;top: -7px;z-index: 100;}
  275. .ui-datepicker::before {border: 6px solid transparent;border-bottom-color: #ffffff;border-top-width: 0;content: "";display: inline-block;left: 10px;position: absolute;top: -6px;z-index: 101;}
  276. .ui-datepicker a:hover {text-decoration: none;}
  277. .ui-datepicker > .ui-datepicker-header {padding: 4px;text-align: center;}
  278. .ui-datepicker > .ui-datepicker-header > .ui-datepicker-prev, .ui-datepicker > .ui-datepicker-header > .ui-datepicker-next {display: inline-block;margin: 2px 2px 0 2px;}
  279. .ui-datepicker > .ui-datepicker-header > .ui-datepicker-prev > span, .ui-datepicker > .ui-datepicker-header > .ui-datepicker-next > span {display: none;}
  280. .ui-datepicker > .ui-datepicker-header > .ui-datepicker-prev {float: left;}
  281. .ui-datepicker > .ui-datepicker-header > .ui-datepicker-prev::before {content: "\f060";font-family: FontAwesome;font-size: 14px;}
  282. .ui-datepicker > .ui-datepicker-header > .ui-datepicker-next {float: right;}
  283. .ui-datepicker > .ui-datepicker-header > .ui-datepicker-next::before {content: "\f061";font-family: FontAwesome;font-size: 14px;}
  284. .ui-datepicker > table {border-collapse: collapse;border-spacing: 0;width: 100%;}
  285. .ui-datepicker > table > thead {background-color: #cacc66;}
  286. .ui-datepicker > table > thead > tr > th {color: #ffffff;font-size: .85rem;padding: 5px 0;text-transform: uppercase;text-shadow: 0 1px 0 transparent;}
  287. .ui-datepicker > table > tbody > tr {border-bottom: 1px solid #dddddd;}
  288. .ui-datepicker > table > tbody > tr:last-child {border-bottom: 0;}
  289. .ui-datepicker > table > tbody > tr > td {border-right: 1px solid #dddddd;}
  290. .ui-datepicker > table > tbody > tr > td:last-child {border-right: 0;}
  291. .ui-datepicker > table > tbody > tr > td > span, .ui-datepicker > table > tbody > tr > td > a {display: inline-block;color: #666666;font-weight: bold;height: 30px;line-height: 30px;text-align: center;width: 30px;text-shadow: 0 1px 0 transparent;}
  292. .ui-datepicker .ui-datepicker-calendar .ui-state-default {background-color: #f9f9f9;}
  293. .ui-datepicker .ui-datepicker-unselectable .ui-state-default {background-color: #ffffff;color: #888888;}
  294. .ui-datepicker .ui-datepicker-calendar .ui-state-hover {background-color: #f4f4f4;}
  295. .ui-datepicker .ui-datepicker-calendar .ui-state-active {background-color: #f4f4f4;}
  296. .ui-datepicker .ui-timepicker-div {border-top: 1px solid #dddddd;}
  297. .ui-datepicker .ui-timepicker-div > dl > dt {margin-top: 4px !important;width: 100px;}
  298. .ui-datepicker .ui-timepicker-div > dl > dd {margin-left: 120px;margin-top: 4px !important;}
  299. .ui-datepicker.timeOnlyPicker .ui-timepicker-div {border-top: none;}
  300. .ui-datepicker.timeOnlyPicker .ui-timepicker-div > .ui-widget-header {display: none;}
  301. .ui-datepicker.timeOnlyPicker .ui-timepicker-div > dl {margin-right: 4px;}
  302. .ui-datepicker.timeOnlyPicker .ui-timepicker-div > dl > dt {width: 70px;}
  303. .ui-datepicker.timeOnlyPicker .ui-timepicker-div > dl > dd {margin-left: 90px;}
  304. .dialogContainer {background: rgba(0,0,0,0.4);border: 14px solid transparent;border-radius: 15px;margin-left: auto;margin-right: auto;max-width: 90%;min-width: 500px;position: fixed;box-shadow: 0 1px 23px 0 rgba(0,0,0,0.3);}
  305. @media only screen and (max-width: 800px) {
  306. .dialogContainer {border: 0;border-radius: 0;left: 0 !important;max-width: none;min-width: 0;position: absolute;top: 0 !important;width: 100%;}
  307. }
  308. .dialogTitlebar {background-color: #cacc66;border-bottom: 1px solid rgba(0,0,0,0.1);border-top-left-radius: 7px;border-top-right-radius: 7px;display: block;padding: 10px 20px;min-height: 27px;position: relative;}
  309. .dialogTitlebar .dialogTitle {color: #ffffff;display: block;font-size: 1.7rem;font-weight: bold;margin-right: 28px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-shadow: 0 1px 0 transparent;}
  310. .dialogTitlebar .dialogCloseButton {color: #ffffff;cursor: pointer;display: inline-block;font-family: FontAwesome;font-size: 28px;height: 32px;position: absolute;right: 10px;text-align: center;text-decoration: none;top: 7px;width: 32px;text-shadow: 0 1px 0 transparent;}
  311. .dialogTitlebar .dialogCloseButton::before {content: "\f057";}
  312. .dialogTitlebar .dialogCloseButton span {display: none;}
  313. @media only screen and (max-width: 800px) {
  314. .dialogTitlebar {border-radius: 0;}
  315. }
  316. .dialogContent {background-color: #ffffff;color: #666666;padding: 10px 20px 20px;}
  317. .dialogContent:not(.dialogForm) {border-bottom-left-radius: 7px;border-bottom-right-radius: 7px;}
  318. .dialogContent > .icon-spinner {left: 50%;margin: -21px -21px 0 0;padding: 0 21px 0 21px;position: absolute;top: 50%;}
  319. .dialogContent dl:not(.plain) > dt {width: 170px;}
  320. .dialogContent dl:not(.plain) > dd {margin-left: 190px;}
  321. .dialogContent .formSubmit {background-color: #f9f9f9;border-bottom-left-radius: 7px;border-bottom-right-radius: 7px;border-top: 1px solid #dddddd;bottom: 0;left: 0;padding: 10px 0;position: absolute;width: 100%;}
  322. @media only screen and (max-width: 800px) {
  323. .dialogContent {max-height: none !important;max-width: none !important;}
  324. .dialogContent:not(.dialogForm) {border-radius: 0;}
  325. .dialogContent .formSubmit {border-radius: 0;}
  326. }
  327. .dialogOverlay {background-color: rgba(0,0,0,0.5);bottom: 0;left: 0;position: fixed;right: 0;top: 0;}
  328. #packageInstallationDialogContainer > .boxHeadline {margin-top: 0;}
  329. .spinner {border: 1px solid rgba(0,0,0,0.3);border-radius: 6px;box-sizing: border-box;-moz-box-sizing: border-box;color: #fff;left: 50%;padding: 7px 0;position: fixed;text-align: center;top: 200px;z-index: 401;box-shadow: 0 1px 7px 0 rgba(0,0,0,0.5);background-color: rgba(0,0,0,0.5);background-image: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.7));background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.7));}
  330. .spinner > .icon {color: #fff;}
  331. .spinner > span:not(.icon) {display: block;margin-top: 7px;}
  332. .systemConfirmation p {padding-top: 7px;}
  333. #systemNotification {left: 0;pointer-events: none;position: fixed;top: 0;width: 100%;z-index: 460;}
  334. #systemNotification > p {border-top-left-radius: 0;border-top-right-radius: 0;border-top-width: 0;cursor: pointer;display: table;margin: 0 auto;max-width: 80%;pointer-events: auto;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
  335. .dropdown .dropdownToggle:active, .dropdown.dropdownOpen .dropdownToggle {outline: 0;}
  336. .dropdown.preInput {display: table;width: 100%;}
  337. .dropdown.preInput input {border-radius: 0 0;display: table-cell;margin: 0;width: 99%;}
  338. .dropdown.preInput textarea {border-radius: 0 ;display: block;margin-top: 0;}
  339. .dropdown.preInput .dropdownCaption {cursor: pointer;display: table-cell;letter-spacing: -1px;padding: 0 7px 0 4px;vertical-align: middle;width: 1%;}
  340. .dropdown.preInput .dropdownCaption.button {border-right-width: 0;border-radius: 0 0 ;}
  341. .dropdown.preInput .dropdownCaption span {margin-right: -1px;padding-left: 4px;white-space: nowrap;word-wrap: normal;}
  342. .dropdown.preInput .dropdownCaption span.active::after {content: "\f0d7";font-family: FontAwesome;font-size: 14px;margin-left: 7px;}
  343. .dropdown.preInput .dropdownCaptionTextarea {cursor: pointer;margin: 0 0 -1px 0;padding-left: 7px;padding-right: 7px;}
  344. .dropdown.preInput .dropdownCaptionTextarea.button {border-radius: 0 0;}
  345. .dropdown.preInput .dropdownCaptionTextarea~ .dropdownMenu {top: 10%;}
  346. .dropdown.preInput .dropdownCaptionTextarea span {white-space: nowrap;word-wrap: normal;}
  347. .dropdown.preInput .dropdownCaptionTextarea span.active::after {content: "\f0d7";font-family: FontAwesome;font-size: 14px;margin-left: 7px;}
  348. .dropdown.dropdownOpen .dropdownMenu {display: block;}
  349. .dropdown .dropdownToggle {cursor: pointer;}
  350. .dropdownMenu {background-color: #ffffff;color: #666666;display: none;float: left;min-width: 160px;position: absolute;text-align: left;z-index: 450;box-shadow: 2px 2px 10px 0 rgba(0,0,0,0.2);}
  351. .dropdownMenu::after {border: 7px solid transparent;border-bottom-color: #dddddd;border-top-width: 0;content: "";display: inline-block;left: 9px;position: absolute;top: -7px;z-index: 100;}
  352. .dropdownMenu::before {border: 6px solid transparent;border-bottom-color: #ffffff;border-top-width: 0;content: "";display: inline-block;left: 10px;position: absolute;top: -6px;z-index: 101;}
  353. .dropdownMenu.dropdownArrowRight::after {left: auto;right: 9px;}
  354. .dropdownMenu.dropdownArrowRight::before {left: auto;right: 10px;}
  355. .dropdownMenu.dropdownArrowBottom::after {border: 7px transparent solid;border-top-color: #dddddd;border-bottom-width: 0;bottom: -7px;top: auto;}
  356. .dropdownMenu.dropdownArrowBottom::before {border: 6px transparent solid;border-top-color: #ffffff;border-bottom-width: 0;bottom: -6px;top: auto;}
  357. .dropdownMenu.dropdownOpen {display: block;}
  358. .dropdownMenu li {display: block;}
  359. .dropdownMenu li:hover:not(.dropdownDivider):not(.dropdownList):not(.dropdownText), .dropdownMenu li.dropdownList > li:hover:not(.dropdownDivider), .dropdownMenu li.dropdownNavigationItem, .dropdownMenu li.active {background-color: #f4f4f4;}
  360. .dropdownMenu li.dropdownDivider {
  361. margin-top: 5px;}
  362. .dropdownMenu li.dropdownText {font-size: .85rem;padding: 4px 14px;}
  363. .dropdownMenu li.boxFlag {padding-top: 2px;}
  364. .dropdownMenu li > a, .dropdownMenu li > span {clear: both;color: #666666;cursor: pointer;display: block;max-width: 350px;overflow: hidden;padding: 0 14px;text-decoration: none;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;text-shadow: 0 1px 0 transparent;}
  365. .dropdownMenu li > a:hover, .dropdownMenu li > span:hover {color: #666666;text-shadow: 0 1px 0 transparent;}
  366. .dropdownMenu li > a > div > h3, .dropdownMenu li > span > div > h3 {overflow: hidden;text-overflow: ellipsis;}
  367. .dropdownMenu li > a > small {display: block;}
  368. .dropdownMenu li > a + span.badge {display: none;}
  369. .dropdownMenu li > .box16 {cursor: pointer;min-height: 0;padding: 4px 4px 4px 7px;}
  370. .dropdownMenu li > .box16 > div {margin-left: 21px;}
  371. .dropdownMenu li > label {display: block;}
  372. .dropdownMenu li .containerHeadline {margin-bottom: 0;}
  373. .dropdownMenu li .containerHeadline > p {font-size: .85rem;}
  374. .dropdownMenu .scrollableDropdownMenu {max-height: 300px;overflow: auto;}
  375. .boxFlag > .box24, .boxFlag.box24 {min-height: 20px;}
  376. @media only screen and (max-width: 800px) {
  377. .dropdownMenu {left: 0 !important;right: 0 !important;}
  378. .dropdownMenu li {overflow: hidden;}
  379. .dropdownMenu li > a, .dropdownMenu li > span {max-width: none;white-space: normal;}
  380. }
  381. .interactiveDropdown {background-color: #f9f9f9;border: 1px solid #dddddd;color: #666666;display: block;position: absolute;z-index: 450;box-shadow: 0 3px 8px 0 rgba(0,0,0,0.25);}
  382. .interactiveDropdown:not(.open) {display: none !important;}
  383. .interactiveDropdown > .interactiveDropdownHeader {padding: 7px 11px;}
  384. .interactiveDropdown > .interactiveDropdownHeader > .interactiveDropdownTitle {font-weight: bold;}
  385. .interactiveDropdown > .interactiveDropdownHeader > .interactiveDropdownLinks {float: right;}
  386. .interactiveDropdown > .interactiveDropdownHeader > .interactiveDropdownLinks > li {display: inline-block;margin-left: 11px;}
  387. .interactiveDropdown > .interactiveDropdownHeader:after {clear: both;}
  388. .interactiveDropdown > .interactiveDropdownItemsContainer {border: 1px solid #dddddd;border-width: 1px 0;max-height: 300px;}
  389. .interactiveDropdown > .interactiveDropdownItemsContainer.ps-container > .interactiveDropdownItems {position: relative;z-index: 100;}
  390. .interactiveDropdown > .interactiveDropdownItemsContainer.ps-container > .ps-scrollbar-y-rail {z-index: 200;}
  391. .interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li {background-color: #ffffff;-webkit-transition-property: background-color, background-position;transition-property: background-color, background-position;-webkit-transition-duration: .3s;transition-duration: .3s;-webkit-transition-timing-function: linear;transition-timing-function: linear;}
  392. .interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li.loading, .interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li.noItems {font-size: 1.2rem;padding: 21px 14px;text-align: center;}
  393. .interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li:not(.loading):not(.noItems) {overflow: hidden;padding: 7px 11px;position: relative;text-shadow: 0 1px 0 transparent;}
  394. .interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li:not(.loading):not(.noItems):not(:last-child) {border-bottom: 1px solid #dddddd;}
  395. .interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li:not(.loading):not(.noItems):hover {background-color: #f4f4f4;}
  396. .interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li:not(.loading):not(.noItems).interactiveDropdownItemOutstanding {background-color: #f4f4f4;background-repeat: no-repeat;background-size: 200%;background-image: -webkit-linear-gradient(to left, #f4f4f4 50%, #ffffff 100%);background-image: linear-gradient(to left, #f4f4f4 50%, #ffffff 100%);}
  397. .interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li:not(.loading):not(.noItems).interactiveDropdownItemOutstanding:hover {background-position: 100%;}
  398. .interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li:not(.loading):not(.noItems).interactiveDropdownItemOutstandingIcon > div.box32 {padding-right: 27px;}
  399. .interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li:not(.loading):not(.noItems).notificationItem .userLink {font-weight: bold;}
  400. .interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li:not(.loading):not(.noItems).interactiveDropdownItemShadow > .box32 {position: relative;}
  401. .interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li:not(.loading):not(.noItems).interactiveDropdownItemShadow > .box32, .interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li:not(.loading):not(.noItems).interactiveDropdownItemShadow > .interactiveDropdownItemMarkAsRead {pointer-events: none;z-index: 20;}
  402. .interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li:not(.loading):not(.noItems).interactiveDropdownItemShadow > .box32 a, .interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li:not(.loading):not(.noItems).interactiveDropdownItemShadow > .interactiveDropdownItemMarkAsRead a {pointer-events: all;}
  403. .interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li:not(.loading):not(.noItems).interactiveDropdownItemShadow > .interactiveDropdownItemShadowLink {bottom: 0;left: 0;position: absolute;right: 0;top: 0;z-index: 10;}
  404. .interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li:not(.loading):not(.noItems).groupedNotificationItem > .box32 > .framed > span.fa-users:before {position: relative;top: 3px;}
  405. .interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems.interactiveDropdownItemsUserMenu > li.dropdownDivider {padding: 0 !important;}
  406. .interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems.interactiveDropdownItemsUserMenu > li:not(.dropdownDivider) {border-bottom-width: 0 !important;padding: 11px;}
  407. .interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems.interactiveDropdownItemsUserMenu > li > .box32 > .containerHeadline > h3 {font-size: 1.1rem;}
  408. .interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems.interactiveDropdownItemsUserMenu > li > .box64 {position: relative;}
  409. .interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems.interactiveDropdownItemsUserMenu > li > .box64 > .containerHeadline > .interactiveDropdownUserMenuLinkList {bottom: 0;position: absolute;}
  410. .interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems.interactiveDropdownItemsUserMenu > li .interactiveDropdownUserMenuLinkList > li {display: inline-block;font-size: .85rem;}
  411. .interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems.interactiveDropdownItemsUserMenu > li .interactiveDropdownUserMenuLinkList > li:after {content: " \2013 ";}
  412. .interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems.interactiveDropdownItemsUserMenu > li .interactiveDropdownUserMenuLinkList > li:last-child:after {content: "";}
  413. .interactiveDropdown > .interactiveDropdownShowAll {display: block;padding: 7px 11px;text-align: center;}
  414. .interactiveDropdown > .pointer {border: 10px solid transparent;border-bottom-color: #dddddd;border-top-width: 0;content: "";display: inline-block;position: absolute;top: -10px;z-index: 100;}
  415. .interactiveDropdown > .pointer > span {border: 8px solid transparent;border-bottom-color: #f9f9f9;border-top-width: 0;content: "";display: inline-block;left: -8px;position: absolute;top: 2px;z-index: 101;}
  416. .interactiveDropdown.interactiveDropdownUserMenu > .interactiveDropdownItemsContainer {overflow: visible;max-height: none;}
  417. .interactiveDropdown.interactiveDropdownUserMenu > .pointer {border-width: 0 7px 7px 7px;top: -7px;}
  418. .interactiveDropdown.interactiveDropdownUserMenu > .pointer > span {border-width: 0 5px 5px 5px;left: -5px;}
  419. @media only screen and (min-width: 801px) {
  420. .interactiveDropdown {min-width: 350px;}
  421. .interactiveDropdown > .interactiveDropdownItemsContainer {overflow: hidden;position: relative;}
  422. .interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li:not(.loading) {max-width: 400px;box-sizing: border-box;}
  423. .interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li:not(.loading).interactiveDropdownItemOutstandingIcon > div.interactiveDropdownItemMarkAsRead {opacity: .6;position: absolute;right: 11px;top: 50%;transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);-webkit-transition-property: opacity;transition-property: opacity;-webkit-transition-duration: .3s;transition-duration: .3s;-webkit-transition-timing-function: linear;transition-timing-function: linear;}
  424. .interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li:not(.loading).interactiveDropdownItemOutstandingIcon:hover > div.interactiveDropdownItemMarkAsRead {opacity: 1;}
  425. }
  426. @media only screen and (max-width: 800px) {
  427. .interactiveDropdown {border-width: 1px 0;box-sizing: border-box;left: 0 !important;right: 0 !important;width: 100%;}
  428. .interactiveDropdown > .interactiveDropdownItemsContainer {overflow-x: auto;}
  429. .interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li.interactiveDropdownItemOutstandingIcon > div.interactiveDropdownItemMarkAsRead {bottom: 0;position: absolute;right: 0;top: 0;width: 38px;}
  430. .interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li.interactiveDropdownItemOutstandingIcon > div.interactiveDropdownItemMarkAsRead > a {display: block;height: 100%;text-align: center;}
  431. .interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li.interactiveDropdownItemOutstandingIcon > div.interactiveDropdownItemMarkAsRead > a > .icon {position: relative;top: 50%;transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);}
  432. }
  433. fieldset {padding-top: 14px;}
  434. fieldset > legend {border-bottom: 1px solid #dddddd;color: #888888;font-family: "Trebuchet MS", Arial, sans-serif;font-size: 1.4rem;font-weight: bold;width: 100%;padding-bottom: 4px;text-shadow: 0 1px 0 transparent;}
  435. fieldset > legend + small {display: inline-block;margin-bottom: 4px;position: relative;top: -7px;}
  436. fieldset > dl:not(:first-of-type) {margin-top: 11px;}
  437. fieldset:not(:first-of-type) {margin-top: 14px;}
  438. dl:not(.plain) {position: relative;}
  439. dl:not(.plain)::before, dl:not(.plain)::after {display: table;content: "";}
  440. dl:not(.plain)::after {clear: both;}
  441. dl:not(.plain) > dd:not(:first-of-type), dl:not(.plain) > dt:not(:first-of-type) {margin-top: 11px;}
  442. dl:not(.plain) > dt {color: #666666;float: left;text-align: right;width: 230px;}
  443. dl:not(.plain) > dt > label {display: block;}
  444. dl:not(.plain) > dt.reversed {left: 270px;margin-top: 2px;position: absolute;text-align: left;white-space: nowrap;width: auto;word-wrap: normal;right: 0;}
  445. dl:not(.plain) > dt.reversed ~ dd > input[type='checkbox'], dl:not(.plain) > dt.reversed ~ dd > input[type='radio'] {margin-left: 0;}
  446. dl:not(.plain) > dt.reversed > label {overflow: hidden;text-overflow: ellipsis;}
  447. dl:not(.plain) > dd {margin-left: 250px;}
  448. dl:not(.plain) > dd > small:not(.innerError) {color: #888888;display: block;margin-top: 3px;}
  449. dl:not(.plain) > dd > label {color: #666666;display: block;}
  450. dl:not(.plain) > dd > label > input[type='checkbox'], dl:not(.plain) > dd > label > input[type='radio'] {margin: 2px 2px 2px 0;}
  451. dl:not(.plain) > dd > input[type='checkbox'] ~ small, dl:not(.plain) > dd > input[type='radio'] ~ small {margin-left: 21px;margin-top: 2px;}
  452. dl:not(.plain) > dd:not(.floated) > label ~ small {margin-left: 21px;}
  453. dl:not(.plain) > dd.floated > label {display: inline-block;margin-right: 7px;}
  454. dl:not(.plain) > dd > input + label, dl:not(.plain) > dd textarea + label, dl:not(.plain) > dd select + label {margin-top: 2px;}
  455. dl:not(.plain) > dd > .innerError + label {margin-top: 2px;}
  456. dl:not(.plain) > dd:after {clear: left;content: "";display: block;}
  457. dl:not(.plain).wide > dt {display: none;}
  458. dl:not(.plain).wide > dd {margin-left: 0;}
  459. dl:not(.plain).disabled > dt, dl:not(.plain).disabled > dd > label {color: #888888;}
  460. dl:not(.plain).condensed > dt {float: none;margin-bottom: 4px;text-align: left;width: auto !important;}
  461. dl:not(.plain).condensed > dt:empty {margin-bottom: 0;}
  462. dl:not(.plain).condensed > dd {margin-left: 0 !important;}
  463. @media only screen and (max-width: 1024px) {
  464. dl:not(.plain) > dt {float: none;margin-bottom: 4px;text-align: left;width: auto !important;}
  465. dl:not(.plain) > dt.reversed {left: 20px;}
  466. dl:not(.plain) > dd {margin-left: 0 !important;}
  467. fieldset > dl:not(:first-of-type) {margin-top: 14px;}
  468. }
  469. .sidebar dl:not(.plain):not(:last-child) {margin-bottom: 14px;}
  470. .sidebar dl:not(.plain) > dt {text-align: left;float: none;width: auto;text-shadow: 0 1px 0 transparent;}
  471. .sidebar dl:not(.plain) > dd {margin-top: 2px;margin-left: 0;}
  472. .formSubmit {font-size: 0;margin-top: 14px;text-align: center;}
  473. .formSubmit button, .formSubmit input[type='reset'], .formSubmit input[type='submit'], .formSubmit input[type='button'], .formSubmit .button {font-size: 1rem;}
  474. button, input[type='reset'], input[type='submit'], input[type='button'], input[type='checkbox'], input[type='radio'], select:not([multiple]) {cursor: pointer;}
  475. input[type='text'], input[type='search'], input[type='date'], input[type='email'], input[type='number'], input[type='url'], input[type='password'], textarea, select[multiple] {box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;border-radius: ;font-family: "Trebuchet MS", Arial, sans-serif;padding: 4px 3px;margin: 0;}
  476. select {margin: 0;max-width: 100%;min-width: 1px;padding: 3px;}
  477. input[type='number'] {text-align: right;}
  478. textarea {font-size: 1rem;}
  479. input[type='text'], input[type='search'], input[type='date'], input[type='datetime'], input[type='email'], input[type='number'], input[type='url'], input[type='password'], textarea, select[multiple] {background-color: #ffffff;border-color: #00838f;border-style: solid;border-width: 1px;color: #666666;}
  480. input[type='text']::-webkit-input-placeholder, input[type='search']::-webkit-input-placeholder, input[type='date']::-webkit-input-placeholder, input[type='datetime']::-webkit-input-placeholder, input[type='email']::-webkit-input-placeholder, input[type='number']::-webkit-input-placeholder, input[type='url']::-webkit-input-placeholder, input[type='password']::-webkit-input-placeholder, textarea::-webkit-input-placeholder, select[multiple]::-webkit-input-placeholder {color: #999999;}
  481. input[type='text']::-moz-placeholder, input[type='search']::-moz-placeholder, input[type='date']::-moz-placeholder, input[type='datetime']::-moz-placeholder, input[type='email']::-moz-placeholder, input[type='number']::-moz-placeholder, input[type='url']::-moz-placeholder, input[type='password']::-moz-placeholder, textarea::-moz-placeholder, select[multiple]::-moz-placeholder {color: #999999;}
  482. input[type='text']:-ms-input-placeholder, input[type='search']:-ms-input-placeholder, input[type='date']:-ms-input-placeholder, input[type='datetime']:-ms-input-placeholder, input[type='email']:-ms-input-placeholder, input[type='number']:-ms-input-placeholder, input[type='url']:-ms-input-placeholder, input[type='password']:-ms-input-placeholder, textarea:-ms-input-placeholder, select[multiple]:-ms-input-placeholder {color: #999999;}
  483. input[type='text']:hover, input[type='search']:hover, input[type='date']:hover, input[type='datetime']:hover, input[type='email']:hover, input[type='number']:hover, input[type='url']:hover, input[type='password']:hover, textarea:hover, select[multiple]:hover {background-color: #0cb7bf;border-color: #046367;}
  484. input[type='text']:active, input[type='search']:active, input[type='date']:active, input[type='datetime']:active, input[type='email']:active, input[type='number']:active, input[type='url']:active, input[type='password']:active, textarea:active, select[multiple]:active, input[type='text']:focus, input[type='search']:focus, input[type='date']:focus, input[type='datetime']:focus, input[type='email']:focus, input[type='number']:focusinput[type='url']:focus, input[type='password']:focus, textarea:focus, select[multiple]:focus {background-color: #0cb7bf;border-color: #046367;outline: 0;}
  485. input[type='text'][readonly], input[type='search'][readonly], input[type='email'][readonly], input[type='number'][readonly], input[type='date'][readonly], input[type='datetime'][readonly], input[type='url'][readonly], input[type='password'][readonly], textarea[readonly], select[multiple][readonly] {background-color: #f2f2f2;border-color: #00838f;}
  486. input[type='text'][disabled], input[type='search'][disabled], input[type='date'][disabled], input[type='datetime'][disabled], input[type='email'][disabled], input[type='number'][disabled], input[type='url'][disabled], input[type='password'][disabled], textarea[disabled], select[multiple][disabled] {background-color: #f2f2f2;border-color: #00838f;color: #888888;cursor: not-allowed;opacity: 1;}
  487. .formSuccess input[type='text'], .formSuccess input[type='search'], .formSuccess input[type='email'], .formSuccess input[type='number'], .formSuccess input[type='url'], .formSuccess input[type='password'], .formSuccess textarea {background-color: #eeffee;border-color: #00cc00;}
  488. .formError input[type='text'], .formError input[type='search'], .formError input[type='email'], .formError input[type='number'], .formError input[type='url'], .formError input[type='password'], .formError textarea {background-color: #ffeeee;border-color: #ff9999;}
  489. textarea {width: 100%;}
  490. .tiny {width: 80px;}
  491. .short {min-width: 80px;width: 10%;}
  492. .medium {min-width: 150px;width: 30%;}
  493. .long {min-width: 150px;width: 100%;}
  494. @media only screen and (max-width: 800px) {
  495. textarea {max-height: 160px;}
  496. .medium {width: 100%;}
  497. }
  498. .uploadButton {cursor: pointer;display: inline-block;overflow: hidden;position: relative;}
  499. .uploadButton input {cursor: pointer;right: 0;opacity: 0;padding: 4px 0;position: absolute;top: 0;}
  500. .uploadButton, .uploadFallbackButton {margin-top: 7px;}
  501. .structuredList {background-color: #ffffff;}
  502. .structuredList li {padding: 4px 7px;text-align: right;}
  503. .structuredList li:hover {background-color: #f1f1f1;}
  504. .structuredList li:first-child {border-radius: 0px 0px 0 0;}
  505. .structuredList li:last-child {border-radius: 0 0 0px 0px;}
  506. .structuredList li.category {background-color: #ffffff;}
  507. .structuredList li.category:hover {background-color: #f1f1f1;}
  508. .structuredList li span {float: left;}
  509. .structuredList li label {cursor: pointer;margin: 0 7px;padding: 0 21px;}
  510. .editableItemList ul li {cursor: pointer;margin-left: 4px;}
  511. .editableItemList ul li:first-child {margin-left: 0;}
  512. select > option {display: block !important;}
  513. .reCaptcha input.marginTop {margin-top: 14px;}
  514. @media only screen and (max-width: 800px) {
  515. 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"], .cke_editable, .redactor-editor {font-size: 16px;}
  516. }
  517. html, body {font-size: 13px;}
  518. body {background-color: #e0e0e0;color: #000 !important;font-family: "Trebuchet MS", Arial, sans-serif;line-height: 1.28;word-wrap: break-word;}
  519. small {font-size: .85rem;}
  520. img {vertical-align: middle;}
  521. img.disabled {opacity: .3;}
  522. a {color: #ff9100;cursor: pointer;text-decoration: none;}
  523. a:hover {color: #ff6d00;text-decoration: underline;}
  524. a.externalURL::after {content: "\f08e";display: inline-block;font-family: FontAwesome !important;font-size: 14px !important;font-weight: normal !important;font-style: normal !important;margin-left: 4px;vertical-align: -1px;}
  525. pre {word-wrap: normal;white-space: pre;}
  526. .footerContent, .logo {color: #666666;}
  527. .footerContent a, .logo a {color: #ff9100;}
  528. .footerContent a:hover, .logo a:hover {color: #ff6d00;}
  529. .nativeList {margin: 1em 0;margin-left: 40px;}
  530. .nativeList ul, .nativeList ol {margin-bottom: 0;margin-top: 0;}
  531. .nativeList li {margin: 7px 0;}
  532. ul.nativeList {list-style-type: disc;}
  533. ol.nativeList {list-style-type: decimal;}
  534. .htmlContent p {margin: 1em 0;}
  535. .htmlContent h1 {font-size: 1.4rem;}
  536. .htmlContent h2 {font-size: 1.2rem;}
  537. .htmlContent h1, .htmlContent h2, .htmlContent h3, .htmlContent h4, .htmlContent h5, .htmlContent h6 {font-weight: bold;margin: 0.5em 0;}
  538. .htmlContent ul, .htmlContent ol {margin: 1em 0 1em 40px;margin: 1em 0;margin-left: 40px;}
  539. .htmlContent ul ul, .htmlContent ul ol, .htmlContent ol ul, .htmlContent ol ol {margin-bottom: 0;margin-top: 0;}
  540. .htmlContent ul li, .htmlContent ol li {margin: 7px 0;}
  541. .htmlContent ul {list-style-type: disc;}
  542. .htmlContent ol {list-style-type: decimal;}
  543. .datetime {display: inline-block; color: #434343 !important}
  544. body > iframe[src="about:blank"] {display: none;}
  545. ::selection {text-shadow: 0 1px 0 rgba(255,255,255,0.5) !important;color: #300;background-color: rgba(255,170,34,0.7);}
  546. .invisible {display: none;}
  547. .marginTopLarge {margin-top: 21px;}
  548. .marginTop, .marginMedium {margin-top: 14px;}
  549. .marginTopSmall {margin-top: 7px;}
  550. .marginTopTiny {margin-top: 4px;}
  551. .textLeft {text-align: left;}
  552. .textCenter, .center {text-align: center;}
  553. .textRight {text-align: right;}
  554. .textJustify {text-align: justify;}
  555. .pointer {cursor: pointer;}
  556. .dimmed {color: #888888;}
  557. .monospace {font-family: Consolas, 'Courier New', monospace !important;}
  558. .iconFlag {background-color: #ffffff;border: 1px solid #dddddd;padding: 1px;height: 15px;width: 24px;}
  559. .framed > canvas, .framed > img, .framed > .icon { background-color: #ffffff; border: 1px solid #ececec;}
  560. .highlight {background-color: #ffff66;}
  561. .grayscale {filter: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cfilter%20id%3D%22grayscale%22%3E%3CfeColorMatrix%20type%3D%22matrix%22%20values%3D%220.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200%200%200%201%200%22%2F%3E%3C%2Ffilter%3E%3C%2Fsvg%3E#grayscale);filter: gray;-webkit-filter: grayscale(1);}
  562. fieldset {min-width: 0;}
  563. @-moz-document url-prefix() {fieldset {display: table-column;}
  564. }
  565. .balloonTooltip {background-color: rgba(0,0,0,0.8);border-radius: 6px;color: #ffffff;font-size: .85rem;max-width: 300px;padding: 5px 10px 7px;position: absolute;z-index: 800;box-shadow: 0 3px 7px 0 rgba(0,0,0,0.3);}
  566. .balloonTooltip .pointer {border-color: rgba(0,0,0,0.8) transparent;border-style: solid;border-width: 0 5px 5px;left: 50%;position: absolute;top: -5px;}
  567. .balloonTooltip.inverse .pointer {border-width: 5px 5px 0;}
  568. .popover {background-color: rgba(0,0,0,0.4);border-radius: 6px;padding: 7px;position: absolute;vertical-align: middle;width: 400px !important;z-index: 500;box-shadow: 0 1px 7px 0 rgba(0,0,0,0.3);}
  569. .popover > .icon-spinner {color: white;left: 50%;margin-left: -21px;margin-top: -21px;position: absolute;top: 50%;text-shadow: 0 -1px 0 transparent;}
  570. .popover > .popoverContent {background-color: #ffffff;border-radius: 6px;color: #666666;max-height: 300px;min-height: 16px;opacity: 0;overflow: hidden;padding: 7px 14px;}
  571. .popover::after {border: 10px solid transparent;content: "";display: inline-block;position: absolute;z-index: 100;}
  572. .popover.top::after {border-bottom-width: 0;border-top-color: rgba(0,0,0,0.3);bottom: -10px;}
  573. .popover.bottom::after {border-bottom-color: rgba(0,0,0,0.3);border-top-width: 0;top: -10px;}
  574. .popover.right::after {left: 10px;}
  575. .popover.left::after {right: 10px;}
  576. .badge {background-color: #666666;border-radius: 9px;color: #ffffff;display: inline-block;font-size: .85rem;font-weight: bold;padding: 1px 6px 1px;position: relative;text-shadow: none !important;vertical-align: middle;white-space: nowrap;word-wrap: normal;}
  577. .badge.label {border-radius: 4px;font-weight: normal;}
  578. .badge.badgeUpdate {background-color: #cacc66;color: #ffffff;}
  579. .badge.badgeInverse {background-color: #ffffff;color: #cacc66;}
  580. .badge.green {background-color: #009900;color: #eeffee;}
  581. .badge.red {background-color: #cc0000;color: #ffeeee;}
  582. .badge.black {background-color: #333;color: #fff;}
  583. .badge.brown {background-color: #c63;color: #fff;}
  584. .badge.orange {background-color: #f90;color: #fff;}
  585. .badge.yellow {background-color: #ff0;color: #333;}
  586. .badge.blue {background-color: #369;color: #fff;}
  587. .badge.purple {background-color: #c0f;color: #fff;}
  588. .badge.pink {background-color: #f0c;color: #fff;}
  589. a.badge:hover {color: #ffffff;text-decoration: none;}
  590. a.badge:hover.black {background-color: #000;}
  591. a.badge:hover.brown {background-color: #930;}
  592. a.badge:hover.red {background-color: #900;}
  593. a.badge:hover.orange {background-color: #f60;}
  594. a.badge:hover.yellow {background-color: #cc0;}
  595. a.badge:hover.green {background-color: #060;}
  596. a.badge:hover.blue {background-color: #036;}
  597. a.badge:hover.purple {background-color: #90c;}
  598. a.badge:hover.pink {background-color: #c09;}
  599. @media only screen and (max-width: 800px) {
  600. html {caption-side: bottom;}
  601. body {caption-side: top;}
  602. }
  603. @media only screen and (max-width: 800px) and (-webkit-min-device-pixel-ratio: 2) {
  604. html {-webkit-text-size-adjust: 100%;}
  605. }
  606. .googleMap {height: 400px;}
  607. .sidebarGoogleMap {height: 250px;}
  608. .googleMapsCustomControlContainer {cursor: pointer !important;margin-top: 5px;}
  609. .googleMapsCustomControlContainer .googleMapsCustomControl {-moz-user-select: none;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-ms-user-select: none;user-select: none;text-align: center;position: relative;color: #565656;font-size: 11px !important;background-color: #ffffff;padding: 1px 6px;border-radius: 3px;background-clip: padding-box;border: 1px solid rgba(0,0,0,0.14902);box-shadow: rgba(0,0,0,0.298039) 0px 1px 4px -1px;min-width: 29px;}
  610. .googleMapsCustomControlContainer .googleMapsCustomControl:hover {background-color: #ebebeb;color: #000000;}
  611. .googleMapsCustomControlContainer .googleMapsCustomControl.active {color: #000000;font-weight: 500;}
  612. .googleMapsUseLocationSuggestionLink {font-size: .85rem;}
  613. @font-face {font-family: 'FontAwesome';src: url('../font/getFont.php?type=eot&v=4.4.0');src: url('../font/getFont.php?type=eot&v=4.4.0#iefix') format('embedded-opentype'), url('../font/getFont.php?type=woff2&v=4.4.0') format('woff2'), url('../font/getFont.php?type=woff&v=4.4.0') format('woff'), url('../font/getFont.php?type=ttf&v=4.4.0') format('truetype');font-weight: normal;font-style: normal;}
  614. .icon, .fa {color: #666666;display: inline-block;font-family: FontAwesome;font-weight: normal !important;font-style: normal !important;line-height: 1em;text-align: center;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;text-shadow: 0 1px 0 transparent;}
  615. .icon.disabled, .fa.disabled {opacity: .3;}
  616. .icon:hover, .fa:hover {text-decoration: none;}
  617. .icon.green, .fa.green {color: #009900;}
  618. .icon.red, .fa.red {color: #cc0000;}
  619. .icon.black, .fa.black {color: #333;}
  620. .icon.brown, .fa.brown {color: #c63;}
  621. .icon.orange, .fa.orange {color: #f90;}
  622. .icon.yellow, .fa.yellow {color: #ff0;}
  623. .icon.blue, .fa.blue {color: #369;}
  624. .icon.purple, .fa.purple {color: #c0f;}
  625. .icon.pink, .fa.pink {color: #f0c;}
  626. span.icon:not(.pointer):not(.disabled), span.fa:not(.pointer):not(.disabled) {cursor: default;}
  627. a > span.icon:not(.pointer), a > span.fa:not(.pointer) {cursor: pointer !important;}
  628. .icon16 {font-size: 14px;height: 16px;width: 16px;}
  629. .icon24 {font-size: 18px;height: 24px;width: 24px;}
  630. .icon32 {font-size: 28px;height: 32px;width: 32px;vertical-align: -5px;}
  631. .icon48 {font-size: 42px;height: 48px;width: 48px;}
  632. .icon96 {font-size: 84px;height: 96px;width: 96px;}
  633. .icon-spinner, .fa-spinner {height: auto;-moz-animation: spin 2s infinite linear;-o-animation: spin 2s infinite linear;-webkit-animation: spin 2s infinite linear;animation: spin 2s infinite linear;}
  634. @-moz-keyframes spin {0% {-moz-transform: rotate(0deg);}
  635. 100% {-moz-transform: rotate(359deg);}
  636. }
  637. @-webkit-keyframes spin {0% {-webkit-transform: rotate(0deg);}
  638. 100% {-webkit-transform: rotate(359deg);}
  639. }
  640. @-o-keyframes spin {0% {-o-transform: rotate(0deg);}
  641. 100% {-o-transform: rotate(359deg);}
  642. }
  643. @-ms-keyframes spin {0% {-ms-transform: rotate(0deg);}
  644. 100% {-ms-transform: rotate(359deg);}
  645. }
  646. @keyframes spin {0% {transform: rotate(0deg);}
  647. 100% {transform: rotate(359deg);}
  648. }
  649. .icon-rotate-90:before, .fa-rotate-90:before {-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);}
  650. .icon-rotate-180:before, .fa-rotate-180:before {-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);}
  651. .icon-rotate-270:before, .fa-rotate-270:before {-webkit-transform: rotate(270deg);-moz-transform: rotate(270deg);-ms-transform: rotate(270deg);-o-transform: rotate(270deg);transform: rotate(270deg);filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}
  652. .icon-flip-horizontal:before, .fa-flip-horizontal:before {-webkit-transform: scale(-1,1);-moz-transform: scale(-1,1);-ms-transform: scale(-1,1);-o-transform: scale(-1,1);transform: scale(-1,1);}
  653. .icon-flip-vertical:before, .fa-flip-vertical:before {-webkit-transform: scale(1,-1);-moz-transform: scale(1,-1);-ms-transform: scale(1,-1);-o-transform: scale(1,-1);transform: scale(1,-1);}
  654. .icon-glass:before, .fa-glass:before {content: "\f000";}
  655. .icon-music:before, .fa-music:before {content: "\f001";}
  656. .icon-search:before, .fa-search:before {content: "\f002";}
  657. .icon-envelope-alt:before, .fa-envelope-o:before {content: "\f003";}
  658. .icon-heart:before, .fa-heart:before {content: "\f004";}
  659. .icon-star:before, .fa-star:before {content: "\f005";}
  660. .icon-star-empty:before, .fa-star-o:before {content: "\f006";}
  661. .icon-user:before, .fa-user:before {content: "\f007";}
  662. .icon-film:before, .fa-film:before {content: "\f008";}
  663. .icon-th-large:before, .fa-th-large:before {content: "\f009";}
  664. .icon-th:before, .fa-th:before {content: "\f00a";}
  665. .icon-th-list:before, .fa-th-list:before {content: "\f00b";}
  666. .icon-ok:before, .fa-check:before {content: "\f00c";}
  667. .icon-remove:before, .fa-times:before {content: "\f00d";}
  668. .icon-zoom-in:before, .fa-search-plus:before {content: "\f00e";}
  669. .icon-zoom-out:before, .fa-search-minus:before {content: "\f010";}
  670. .icon-power-off:before, .fa-power-off:before, .icon-off:before, .fa-power-off:before {content: "\f011";}
  671. .icon-signal:before, .fa-signal:before {content: "\f012";}
  672. .icon-gear:before, .fa-gear:before, .icon-cog:before, .fa-cog:before {content: "\f013";}
  673. .icon-trash:before, .fa-trash-o:before {content: "\f014";}
  674. .icon-home:before, .fa-home:before {content: "\f015";}
  675. .icon-file-alt:before, .fa-file-o:before {content: "\f016";}
  676. .icon-time:before, .fa-clock-o:before {content: "\f017";}
  677. .icon-road:before, .fa-road:before {content: "\f018";}
  678. .icon-download-alt:before, .fa-download:before {content: "\f019";}
  679. .icon-download:before, .fa-arrow-circle-o-down:before {content: "\f01a";}
  680. .icon-upload:before, .fa-arrow-circle-o-up:before {content: "\f01b";}
  681. .icon-inbox:before, .fa-inbox:before {content: "\f01c";}
  682. .icon-play-circle:before, .fa-play-circle-o:before {content: "\f01d";}
  683. .icon-rotate-right:before, .fa-rotate-right:before, .icon-repeat:before, .fa-repeat:before {content: "\f01e";}
  684. .icon-refresh:before, .fa-refresh:before {content: "\f021";}
  685. .icon-list-alt:before, .fa-list-alt:before {content: "\f022";}
  686. .icon-lock:before, .fa-lock:before {content: "\f023";}
  687. .icon-flag:before, .fa-flag:before {content: "\f024";}
  688. .icon-headphones:before, .fa-headphones:before {content: "\f025";}
  689. .icon-volume-off:before, .fa-volume-off:before {content: "\f026";}
  690. .icon-volume-down:before, .fa-volume-down:before {content: "\f027";}
  691. .icon-volume-up:before, .fa-volume-up:before {content: "\f028";}
  692. .icon-qrcode:before, .fa-qrcode:before {content: "\f029";}
  693. .icon-barcode:before, .fa-barcode:before {content: "\f02a";}
  694. .icon-tag:before, .fa-tag:before {content: "\f02b";}
  695. .icon-tags:before, .fa-tags:before {content: "\f02c";}
  696. .icon-book:before, .fa-book:before {content: "\f02d";}
  697. .icon-bookmark:before, .fa-bookmark:before {content: "\f02e";}
  698. .icon-print:before, .fa-print:before {content: "\f02f";}
  699. .icon-camera:before, .fa-camera:before {content: "\f030";}
  700. .icon-font:before, .fa-font:before {content: "\f031";}
  701. .icon-bold:before, .fa-bold:before {content: "\f032";}
  702. .icon-italic:before, .fa-italic:before {content: "\f033";}
  703. .icon-text-height:before, .fa-text-height:before {content: "\f034";}
  704. .icon-text-width:before, .fa-text-width:before {content: "\f035";}
  705. .icon-align-left:before, .fa-align-left:before {content: "\f036";}
  706. .icon-align-center:before, .fa-align-center:before {content: "\f037";}
  707. .icon-align-right:before, .fa-align-right:before {content: "\f038";}
  708. .icon-align-justify:before, .fa-align-justify:before {content: "\f039";}
  709. .icon-list:before, .fa-list:before {content: "\f03a";}
  710. .icon-indent-left:before, .fa-outdent:before {content: "\f03b";}
  711. .icon-indent-right:before, .fa-indent:before {content: "\f03c";}
  712. .icon-facetime-video:before, .fa-video-camera:before {content: "\f03d";}
  713. .icon-picture:before, .fa-picture-o:before {content: "\f03e";}
  714. .icon-pencil:before, .fa-pencil:before {content: "\f040";}
  715. .icon-map-marker:before, .fa-map-marker:before {content: "\f041";}
  716. .icon-adjust:before, .fa-adjust:before {content: "\f042";}
  717. .icon-tint:before, .fa-tint:before {content: "\f043";}
  718. .icon-edit:before, .fa-pencil-square-o:before {content: "\f044";}
  719. .icon-share:before, .fa-share-square-o:before {content: "\f045";}
  720. .icon-check:before, .fa-check-square-o:before {content: "\f046";}
  721. .icon-move:before, .fa-arrows:before {content: "\f047";}
  722. .icon-step-backward:before, .fa-step-backward:before {content: "\f048";}
  723. .icon-fast-backward:before, .fa-fast-backward:before {content: "\f049";}
  724. .icon-backward:before, .fa-backward:before {content: "\f04a";}
  725. .icon-play:before, .fa-play:before {content: "\f04b";}
  726. .icon-pause:before, .fa-pause:before {content: "\f04c";}
  727. .icon-stop:before, .fa-stop:before {content: "\f04d";}
  728. .icon-forward:before, .fa-forward:before {content: "\f04e";}
  729. .icon-fast-forward:before, .fa-fast-forward:before {content: "\f050";}
  730. .icon-step-forward:before, .fa-step-forward:before {content: "\f051";}
  731. .icon-eject:before, .fa-eject:before {content: "\f052";}
  732. .icon-chevron-left:before, .fa-chevron-left:before {content: "\f053";}
  733. .icon-chevron-right:before, .fa-chevron-right:before {content: "\f054";}
  734. .icon-plus-sign:before, .fa-plus-circle:before {content: "\f055";}
  735. .icon-minus-sign:before, .fa-minus-circle:before {content: "\f056";}
  736. .icon-remove-sign:before, .fa-times-circle:before {content: "\f057";}
  737. .icon-ok-sign:before, .fa-check-circle:before {content: "\f058";}
  738. .icon-question-sign:before, .fa-question-circle:before {content: "\f059";}
  739. .icon-info-sign:before, .fa-info-circle:before {content: "\f05a";}
  740. .icon-screenshot:before, .fa-crosshairs:before {content: "\f05b";}
  741. .icon-remove-circle:before, .fa-times-circle-o:before {content: "\f05c";}
  742. .icon-ok-circle:before, .fa-check-circle-o:before {content: "\f05d";}
  743. .icon-ban-circle:before, .fa-ban:before {content: "\f05e";}
  744. .icon-arrow-left:before, .fa-arrow-left:before {content: "\f060";}
  745. .icon-arrow-right:before, .fa-arrow-right:before {content: "\f061";}
  746. .icon-arrow-up:before, .fa-arrow-up:before {content: "\f062";}
  747. .icon-arrow-down:before, .fa-arrow-down:before {content: "\f063";}
  748. .icon-mail-forward:before, .fa-mail-forward:before, .icon-share-alt:before, .fa-share:before {content: "\f1e0";}
  749. .icon-resize-full:before, .fa-expand:before {content: "\f065";}
  750. .icon-resize-small:before, .fa-compress:before {content: "\f066";}
  751. .icon-plus:before, .fa-plus:before {content: "\f067";}
  752. .icon-minus:before, .fa-minus:before {content: "\f068";}
  753. .icon-asterisk:before, .fa-asterisk:before {content: "\f069";}
  754. .icon-exclamation-sign:before, .fa-exclamation-circle:before {content: "\f06a";}
  755. .icon-gift:before, .fa-gift:before {content: "\f06b";}
  756. .icon-leaf:before, .fa-leaf:before {content: "\f06c";}
  757. .icon-fire:before, .fa-fire:before {content: "\f06d";}
  758. .icon-eye-open:before, .fa-eye:before {content: "\f06e";}
  759. .icon-eye-close:before, .fa-eye-slash:before {content: "\f070";}
  760. .icon-warning-sign:before, .fa-exclamation-triangle:before {content: "\f071";}
  761. .icon-plane:before, .fa-plane:before {content: "\f072";}
  762. .icon-calendar:before, .fa-calendar:before {content: "\f073";}
  763. .icon-random:before, .fa-random:before {content: "\f074";}
  764. .icon-comment:before, .fa-comment:before {content: "\f075";}
  765. .icon-magnet:before, .fa-magnet:before {content: "\f076";}
  766. .icon-chevron-up:before, .fa-chevron-up:before {content: "\f077";}
  767. .icon-chevron-down:before, .fa-chevron-down:before {content: "\f078";}
  768. .icon-retweet:before, .fa-retweet:before {content: "\f079";}
  769. .icon-shopping-cart:before, .fa-shopping-cart:before {content: "\f07a";}
  770. .icon-folder-close:before, .fa-folder:before {content: "\f07b" !important;}
  771. .icon-folder-open:before, .fa-folder-open:before {content: "\f07b" !important;}
  772. .icon-resize-vertical:before, .fa-arrows-v:before {content: "\f07d";}
  773. .icon-resize-horizontal:before, .fa-arrows-h:before {content: "\f07e";}
  774. .icon-bar-chart:before, .fa-bar-chart:before, .fa-bar-chart-o:before {content: "\f080";}
  775. .icon-twitter-sign:before, .fa-twitter-square:before {content: "\f081";}
  776. .icon-facebook-sign:before, .fa-facebook-square:before {content: "\f082";}
  777. .icon-camera-retro:before, .fa-camera-retro:before {content: "\f083";}
  778. .icon-key:before, .fa-key:before {content: "\f084";}
  779. .icon-gears:before, .fa-gears:before, .icon-cogs:before, .fa-cogs:before {content: "\f085";}
  780. .icon-comments:before, .fa-comments:before {content: "\f086";}
  781. .icon-thumbs-up-alt:before, .fa-thumbs-o-up:before {content: "\f087";}
  782. .icon-thumbs-down-alt:before, .fa-thumbs-o-down:before {content: "\f088";}
  783. .icon-star-half:before, .fa-star-half:before {content: "\f089";}
  784. .icon-heart-empty:before, .fa-heart-o:before {content: "\f08a";}
  785. .icon-signout:before, .fa-sign-out:before {content: "\f08b";}
  786. .icon-linkedin-sign:before, .fa-linkedin-square:before {content: "\f08c";}
  787. .icon-pushpin:before, .fa-thumb-tack:before {content: "\f08d";}
  788. .icon-external-link:before, .fa-external-link:before {content: "\f08e";}
  789. .icon-signin:before, .fa-sign-in:before {content: "\f090";}
  790. .icon-trophy:before, .fa-trophy:before {content: "\f091";}
  791. .icon-github-sign:before, .fa-github-square:before {content: "\f092";}
  792. .icon-upload-alt:before, .fa-upload:before {content: "\f093";}
  793. .icon-lemon:before, .fa-lemon-o:before {content: "\f094";}
  794. .icon-phone:before, .fa-phone:before {content: "\f095";}
  795. .icon-unchecked:before, .fa-unchecked:before, .icon-check-empty:before {content: "\f096";}
  796. .icon-bookmark-empty:before, .fa-bookmark-o:before {content: "\f097";}
  797. .icon-phone-sign:before, .fa-phone-square:before {content: "\f098";}
  798. .icon-twitter:before, .fa-twitter:before {content: "\f099";}
  799. .icon-facebook:before, .fa-facebook-f:before, .fa-facebook:before {content: "\f09a";}
  800. .icon-github:before, .fa-github:before {content: "\f09b";}
  801. .icon-unlock:before, .fa-unlock:before {content: "\f09c";}
  802. .icon-credit-card:before, .fa-credit-card:before {content: "\f09d";}
  803. .icon-rss:before, .fa-rss:before {content: "\f09e";}
  804. .icon-hdd:before, .fa-hdd-o:before {content: "\f0a0";}
  805. .icon-bullhorn:before, .fa-bullhorn:before {content: "\f0a1";}
  806. .icon-bell:before, .fa-bell-o:before {content: "\f0a2";}
  807. .icon-certificate:before, .fa-certificate:before {content: "\f0a3";}
  808. .icon-hand-right:before, .fa-hand-o-right:before {content: "\f0a4";}
  809. .icon-hand-left:before, .fa-hand-o-left:before {content: "\f0a5";}
  810. .icon-hand-up:before, .fa-hand-o-up:before {content: "\f0a6";}
  811. .icon-hand-down:before, .fa-hand-o-down:before {content: "\f0a7";}
  812. .icon-circle-arrow-left:before, .fa-arrow-circle-left:before {content: "\f0a8";}
  813. .icon-circle-arrow-right:before, .fa-arrow-circle-right:before {content: "\f0a9";}
  814. .icon-circle-arrow-up:before, .fa-arrow-circle-up:before {content: "\f0aa";}
  815. .icon-circle-arrow-down:before, .fa-arrow-circle-down:before {content: "\f0ab";}
  816. .icon-globe:before, .fa-globe:before {content: "\f0ac";}
  817. .icon-wrench:before, .fa-wrench:before {content: "\f0ad";}
  818. .icon-tasks:before, .fa-tasks:before {content: "\f0ae";}
  819. .icon-filter:before, .fa-filter:before {content: "\f0b0";}
  820. .icon-briefcase:before, .fa-briefcase:before {content: "\f0b1";}
  821. .icon-fullscreen:before, .fa-arrows-alt:before {content: "\f0b2";}
  822. .icon-group:before, .fa-users:before {content: "\f0c0";}
  823. .icon-link:before, .fa-link:before {content: "\f0c1";}
  824. .icon-cloud:before, .fa-cloud:before {content: "\f0c2";}
  825. .icon-beaker:before, .fa-flask:before {content: "\f0c3";}
  826. .icon-cut:before, .fa-scissors:before {content: "\f0c4";}
  827. .icon-copy:before, .fa-files-o:before {content: "\f0c5";}
  828. .icon-paperclip:before, .fa-paperclip:before, .icon-paper-clip:before, .fa-paperclip:before {content: "\f0c6";}
  829. .icon-save:before, .fa-floppy-o:before {content: "\f0c7";}
  830. .icon-sign-blank:before, .fa-square:before {content: "\f0c8";}
  831. .icon-reorder:before, .fa-bars:before {content: "\f0c9";}
  832. .icon-list-ul:before, .fa-list-ul:before {content: "\f0ca";}
  833. .icon-list-ol:before, .fa-list-ol:before {content: "\f0cb";}
  834. .icon-strikethrough:before, .fa-strikethrough:before {content: "\f0cc";}
  835. .icon-underline:before, .fa-underline:before {content: "\f0cd";}
  836. .icon-table:before, .fa-table:before {content: "\f0ce";}
  837. .icon-magic:before, .fa-magic:before {content: "\f0d0";}
  838. .icon-truck:before, .fa-truck:before {content: "\f0d1";}
  839. .icon-pinterest:before, .fa-pinterest:before {content: "\f0d2";}
  840. .icon-pinterest-sign:before, .fa-pinterest-square:before {content: "\f0d3";}
  841. .icon-google-plus-sign:before, .fa-google-plus-square:before {content: "\f0d4";}
  842. .icon-google-plus:before, .fa-google-plus:before {content: "\f0d5";}
  843. .icon-money:before, .fa-money:before {content: "\f0d6";}
  844. .icon-caret-down:before, .fa-caret-down:before {content: "\f0d7";}
  845. .icon-caret-up:before, .fa-caret-up:before {content: "\f0d8";}
  846. .icon-caret-left:before, .fa-caret-left:before {content: "\f0d9";}
  847. .icon-caret-right:before, .fa-caret-right:before {content: "\f0da";}
  848. .icon-columns:before, .fa-columns:before {content: "\f0db";}
  849. .icon-sort:before, .fa-sort:before {content: "\f0dc";}
  850. .icon-sort-down:before, .fa-sort-asc:before {content: "\f0dd";}
  851. .icon-sort-up:before, .fa-sort-desc:before {content: "\f0de";}
  852. .icon-envelope:before, .fa-envelope:before {content: "\f0e0";}
  853. .icon-linkedin:before, .fa-linkedin:before {content: "\f0e1";}
  854. .icon-rotate-left:before, .fa-rotate-left:before, .icon-undo:before, .fa-undo:before {content: "\f0e2";}
  855. .icon-legal:before, .fa-gavel:before {content: "\f0e3";}
  856. .icon-dashboard:before, .fa-tachometer:before {content: "\f0e4";}
  857. .icon-comment-alt:before, .fa-comment-o:before {content: "\f0e5";}
  858. .icon-comments-alt:before, .fa-comments-o:before {content: "\f0e6";}
  859. .icon-bolt:before, .fa-bolt:before {content: "\f0e7";}
  860. .icon-sitemap:before, .fa-sitemap:before {content: "\f0e8";}
  861. .icon-umbrella:before, .fa-umbrella:before {content: "\f0e9";}
  862. .icon-paste:before, .fa-clipboard:before {content: "\f0ea";}
  863. .icon-lightbulb:before, .fa-lightbulb-o:before {content: "\f0eb";}
  864. .icon-exchange:before, .fa-exchange:before {content: "\f0ec";}
  865. .icon-cloud-download:before, .fa-cloud-download:before {content: "\f0ed";}
  866. .icon-cloud-upload:before, .fa-cloud-upload:before {content: "\f0ee";}
  867. .icon-user-md:before, .fa-user-md:before {content: "\f0f0";}
  868. .icon-stethoscope:before, .fa-stethoscope:before {content: "\f0f1";}
  869. .icon-suitcase:before, .fa-suitcase:before {content: "\f0f2";}
  870. .icon-bell-alt:before, .fa-bell:before {content: "\f0f3";}
  871. .icon-coffee:before, .fa-coffee:before {content: "\f0f4";}
  872. .icon-food:before, .fa-cutlery:before {content: "\f0f5";}
  873. .icon-file-text-alt:before, .fa-file-text-o:before {content: "\f0f6";}
  874. .icon-building:before, .fa-building-o:before {content: "\f0f7";}
  875. .icon-hospital:before, .fa-hospital-o:before {content: "\f0f8";}
  876. .icon-ambulance:before, .fa-ambulance:before {content: "\f0f9";}
  877. .icon-medkit:before, .fa-medkit:before {content: "\f0fa";}
  878. .icon-fighter-jet:before, .fa-fighter-jet:before {content: "\f0fb";}
  879. .icon-beer:before, .fa-beer:before {content: "\f0fc";}
  880. .icon-h-sign:before, .fa-h-square:before {content: "\f0fd";}
  881. .icon-plus-sign-alt:before, .fa-plus-square:before {content: "\f0fe";}
  882. .icon-double-angle-left:before, .fa-angle-double-left:before {content: "\f100";}
  883. .icon-double-angle-right:before, .fa-angle-double-right:before {content: "\f101";}
  884. .icon-double-angle-up:before, .fa-angle-double-up:before {content: "\f102";}
  885. .icon-double-angle-down:before, .fa-angle-double-down:before {content: "\f103";}
  886. .icon-angle-left:before, .fa-angle-left:before {content: "\f104";}
  887. .icon-angle-right:before, .fa-angle-right:before {content: "\f105";}
  888. .icon-angle-up:before, .fa-angle-up:before {content: "\f106";}
  889. .icon-angle-down:before, .fa-angle-down:before {content: "\f107";}
  890. .icon-desktop:before, .fa-desktop:before {content: "\f108";}
  891. .icon-laptop:before, .fa-laptop:before {content: "\f109";}
  892. .icon-tablet:before, .fa-tablet:before {content: "\f10a";}
  893. .icon-mobile-phone:before, .fa-mobile:before {content: "\f10b";}
  894. .icon-circle-blank:before, .fa-circle-o:before {content: "\f10c";}
  895. .icon-quote-left:before, .fa-quote-left:before {content: "\f10d";}
  896. .icon-quote-right:before, .fa-quote-right:before {content: "\f10e";}
  897. .icon-spinner:before, .fa-spinner:before {content: "\f110" !important;}
  898. .icon-circle:before, .fa-circle:before {content: "\f111";}
  899. .icon-mail-reply:before, .fa-mail-reply:before, .icon-reply:before, .fa-reply:before {content: "\f112";}
  900. .icon-github-alt:before, .fa-github-alt:before {content: "\f113";}
  901. .icon-folder-close-alt:before, .fa-folder-o:before {content: "\f114";}
  902. .icon-folder-open-alt:before, .fa-folder-open-o:before {content: "\f115";}
  903. .icon-expand-alt:before, .fa-expand-o:before {content: "\f196";}
  904. .icon-collapse-alt:before, .fa-square-o:before {content: "\f096";}
  905. .icon-smile:before, .fa-smile-o:before {content: "\f118";}
  906. .icon-frown:before, .fa-frown-o:before {content: "\f119";}
  907. .icon-meh:before, .fa-meh-o:before {content: "\f11a";}
  908. .icon-gamepad:before, .fa-gamepad:before {content: "\f11b";}
  909. .icon-keyboard:before, .fa-keyboard-o:before {content: "\f11c";}
  910. .icon-flag-alt:before, .fa-flag-o:before {content: "\f11d";}
  911. .icon-flag-checkered:before, .fa-flag-checkered:before {content: "\f11e";}
  912. .icon-terminal:before, .fa-terminal:before {content: "\f120";}
  913. .icon-code:before, .fa-code:before {content: "\f121";}
  914. .icon-reply-all:before, .fa-reply-all:before, .icon-mail-reply-all:before, .fa-mail-reply-all:before {content: "\f122";}
  915. .icon-star-half-full:before, .fa-star-half-full:before, .icon-star-half-empty:before, .fa-star-half-o:before {content: "\f123";}
  916. .icon-location-arrow:before, .fa-location-arrow:before {content: "\f124";}
  917. .icon-crop:before, .fa-crop:before {content: "\f125";}
  918. .icon-code-fork:before, .fa-code-fork:before {content: "\f126";}
  919. .icon-unlink:before, .fa-chain-broken:before {content: "\f127";}
  920. .icon-question:before, .fa-question:before {content: "\f128";}
  921. .icon-info:before, .fa-info:before {content: "\f129";}
  922. .icon-exclamation:before, .fa-exclamation:before {content: "\f12a";}
  923. .icon-superscript:before, .fa-superscript:before {content: "\f12b";}
  924. .icon-subscript:before, .fa-subscript:before {content: "\f12c";}
  925. .icon-eraser:before, .fa-eraser:before {content: "\f12d";}
  926. .icon-puzzle-piece:before, .fa-puzzle-piece:before {content: "\f12e";}
  927. .icon-microphone:before, .fa-microphone:before {content: "\f130";}
  928. .icon-microphone-off:before, .fa-microphone-slash:before {content: "\f131";}
  929. .icon-shield:before, .fa-shield:before {content: "\f132";}
  930. .icon-calendar-empty:before, .fa-calendar-o:before {content: "\f133";}
  931. .icon-fire-extinguisher:before, .fa-fire-extinguisher:before {content: "\f134";}
  932. .icon-rocket:before, .fa-rocket:before {content: "\f135";}
  933. .icon-maxcdn:before, .fa-maxcdn:before {content: "\f136";}
  934. .icon-chevron-sign-left:before, .fa-chevron-circle-left:before {content: "\f137";}
  935. .icon-chevron-sign-right:before, .fa-chevron-circle-right:before {content: "\f138";}
  936. .icon-chevron-sign-up:before, .fa-chevron-circle-up:before {content: "\f139";}
  937. .icon-chevron-sign-down:before, .fa-chevron-circle-down:before {content: "\f13a";}
  938. .icon-html5:before, .fa-html5:before {content: "\f13b";}
  939. .icon-css3:before, .fa-css3:before {content: "\f13c";}
  940. .icon-anchor:before, .fa-anchor:before {content: "\f13d";}
  941. .icon-unlock-alt:before, .fa-unlock-alt:before {content: "\f13e";}
  942. .icon-bullseye:before, .fa-bullseye:before {content: "\f140";}
  943. .icon-ellipsis-horizontal:before, .fa-ellipsis-h:before {content: "\f141";}
  944. .icon-ellipsis-vertical:before, .fa-ellipsis-v:before {content: "\f142";}
  945. .icon-rss-sign:before, .fa-rss-square:before {content: "\f143";}
  946. .icon-play-sign:before, .fa-play-circle:before {content: "\f144";}
  947. .icon-ticket:before, .fa-ticket:before {content: "\f145";}
  948. .icon-minus-sign-alt:before, .fa-minus-square:before {content: "\f146";}
  949. .icon-check-minus:before, .fa-minus-square-o:before {content: "\f147";}
  950. .icon-level-up:before, .fa-level-up:before {content: "\f148";}
  951. .icon-level-down:before, .fa-level-down:before {content: "\f149";}
  952. .icon-check-sign:before, .fa-check-square:before {content: "\f14a";}
  953. .icon-edit-sign:before, .fa-pencil-square:before {content: "\f14b";}
  954. .icon-external-link-sign:before, .fa-external-link-square:before {content: "\f14c";}
  955. .icon-share-sign:before, .fa-share-square:before {content: "\f14d";}
  956. .icon-compass:before, .fa-compass:before {content: "\f14e";}
  957. .icon-collapse:before, .fa-caret-square-o-down:before {content: "\f150";}
  958. .icon-collapse-top:before, .fa-caret-square-o-up:before {content: "\f151";}
  959. .icon-expand:before, .fa-caret-square-o-right:before {content: "\f152";}
  960. .icon-euro:before, .fa-euro:before, .icon-eur:before, .fa-eur:before {content: "\f153";}
  961. .icon-gbp:before, .fa-gbp:before {content: "\f154";}
  962. .icon-dollar:before, .fa-dollar:before, .icon-usd:before, .fa-usd:before {content: "\f155";}
  963. .icon-rupee:before, .fa-rupee:before, .icon-inr:before, .fa-inr:before {content: "\f156";}
  964. .icon-yen:before, .fa-yen:before, .icon-jpy:before, .fa-jpy:before {content: "\f157";}
  965. .icon-renminbi:before, .fa-renminbi:before, .icon-cny:before, .fa-rub:before {content: "\f158";}
  966. .icon-won:before, .fa-won:before, .icon-krw:before, .fa-krw:before {content: "\f159";}
  967. .icon-bitcoin:before, .fa-bitcoin:before, .icon-btc:before, .fa-btc:before {content: "\f15a";}
  968. .icon-file:before, .fa-file:before {content: "\f15b";}
  969. .icon-file-text:before, .fa-file-text:before {content: "\f15c";}
  970. .icon-sort-by-alphabet:before, .fa-sort-alpha-asc:before {content: "\f15d";}
  971. .icon-sort-by-alphabet-alt:before, .fa-sort-alpha-desc:before {content: "\f15e";}
  972. .icon-sort-by-attributes:before, .fa-sort-amount-asc:before {content: "\f160";}
  973. .icon-sort-by-attributes-alt:before, .fa-sort-amount-desc:before {content: "\f161";}
  974. .icon-sort-by-order:before, .fa-sort-numeric-asc:before {content: "\f162";}
  975. .icon-sort-by-order-alt:before, .fa-sort-numeric-desc:before {content: "\f163";}
  976. .icon-thumbs-up:before, .fa-thumbs-up:before {content: "\f164";}
  977. .icon-thumbs-down:before, .fa-thumbs-down:before {content: "\f165";}
  978. .icon-youtube-sign:before, .fa-youtube-square:before {content: "\f166";}
  979. .icon-youtube:before, .fa-youtube:before {content: "\f167";}
  980. .icon-xing:before, .fa-xing:before {content: "\f168";}
  981. .icon-xing-sign:before, .fa-xing-square:before {content: "\f169";}
  982. .icon-youtube-play:before, .fa-youtube-play:before {content: "\f16a";}
  983. .icon-dropbox:before, .fa-dropbox:before {content: "\f16b";}
  984. .icon-stackexchange:before, .fa-stack-overflow:before {content: "\f16c";}
  985. .icon-instagram:before, .fa-instagram:before {content: "\f16d";}
  986. .icon-flickr:before, .fa-flickr:before {content: "\f16e";}
  987. .icon-adn:before, .fa-adn:before {content: "\f170";}
  988. .icon-bitbucket:before, .fa-bitbucket:before {content: "\f171";}
  989. .icon-bitbucket-sign:before, .fa-bitbucket-square:before {content: "\f172";}
  990. .icon-tumblr:before, .fa-tumblr:before {content: "\f173";}
  991. .icon-tumblr-sign:before, .fa-tumblr-square:before {content: "\f174";}
  992. .icon-long-arrow-down:before, .fa-long-arrow-down:before {content: "\f175";}
  993. .icon-long-arrow-up:before, .fa-long-arrow-up:before {content: "\f176";}
  994. .icon-long-arrow-left:before, .fa-long-arrow-left:before {content: "\f177";}
  995. .icon-long-arrow-right:before, .fa-long-arrow-right:before {content: "\f178";}
  996. .icon-apple:before, .fa-apple:before {content: "\f179";}
  997. .icon-windows:before, .fa-windows:before {content: "\f17a";}
  998. .icon-android:before, .fa-android:before {content: "\f17b";}
  999. .icon-linux:before, .fa-linux:before {content: "\f17c";}
  1000. .icon-dribbble:before, .fa-dribbble:before {content: "\f17d";}
  1001. .icon-skype:before, .fa-skype:before {content: "\f17e";}
  1002. .icon-foursquare:before, .fa-foursquare:before {content: "\f180";}
  1003. .icon-trello:before, .fa-trello:before {content: "\f181";}
  1004. .icon-female:before, .fa-female:before {content: "\f182";}
  1005. .icon-male:before, .fa-male:before {content: "\f183";}
  1006. .icon-gittip:before, .fa-gittip:before, .fa-gratipay:before {content: "\f184";}
  1007. .icon-sun:before, .fa-sun-o:before {content: "\f185";}
  1008. .icon-moon:before, .fa-moon-o:before {content: "\f186";}
  1009. .icon-archive:before, .fa-archive:before {content: "\f187";}
  1010. .icon-bug:before, .fa-bug:before {content: "\f188";}
  1011. .icon-vk:before, .fa-vk:before {content: "\f189";}
  1012. .icon-weibo:before, .fa-weibo:before {content: "\f18a";}
  1013. .icon-renren:before, .fa-renren:before {content: "\f18b";}
  1014. .fa-pagelines:before {content: "\f18c";}
  1015. .fa-stack-exchange:before {content: "\f18d";}
  1016. .fa-arrow-circle-o-right:before {content: "\f18e";}
  1017. .fa-arrow-circle-o-left:before {content: "\f190";}
  1018. .fa-toggle-left:before, .fa-caret-square-o-left:before {content: "\f191";}
  1019. .fa-dot-circle-o:before {content: "\f192";}
  1020. .fa-wheelchair:before {content: "\f193";}
  1021. .fa-vimeo-square:before {content: "\f194";}
  1022. .fa-turkish-lira:before, .fa-try:before {content: "\f195";}
  1023. .fa-plus-square-o:before {content: "\f196";}
  1024. .fa-empire:before, .fa-ge:before {content: "\f1d1";}
  1025. .fa-space-shuttle:before {content: "\f197";}
  1026. .fa-slack:before {content: "\f198";}
  1027. .fa-envelope-square:before {content: "\f199";}
  1028. .fa-wordpress:before {content: "\f19a";}
  1029. .fa-openid:before {content: "\f19b";}
  1030. .fa-institution:before, .fa-bank:before, .fa-university:before {content: "\f19c";}
  1031. .fa-mortar-board:before, .fa-graduation-cap:before {content: "\f19d";}
  1032. .fa-yahoo:before {content: "\f19e";}
  1033. .fa-google:before {content: "\f1a0";}
  1034. .fa-reddit:before {content: "\f1a1";}
  1035. .fa-reddit-square:before {content: "\f1a2";}
  1036. .fa-stumbleupon-circle:before {content: "\f1a3";}
  1037. .fa-stumbleupon:before {content: "\f1a4";}
  1038. .fa-delicious:before {content: "\f1a5";}
  1039. .fa-digg:before {content: "\f1a6";}
  1040. .fa-pied-piper-square:before, .fa-pied-piper:before {content: "\f1a7";}
  1041. .fa-pied-piper-alt:before {content: "\f1a8";}
  1042. .fa-drupal:before {content: "\f1a9";}
  1043. .fa-joomla:before {content: "\f1aa";}
  1044. .fa-language:before {content: "\f1ab";}
  1045. .fa-fax:before {content: "\f1ac";}
  1046. .fa-building:before {content: "\f1ad";}
  1047. .fa-child:before {content: "\f1ae";}
  1048. .fa-paw:before {content: "\f1b0";}
  1049. .fa-spoon:before {content: "\f1b1";}
  1050. .fa-cube:before {content: "\f1b2";}
  1051. .fa-cubes:before {content: "\f1b3";}
  1052. .fa-behance:before {content: "\f1b4";}
  1053. .fa-behance-square:before {content: "\f1b5";}
  1054. .fa-steam:before {content: "\f1b6";}
  1055. .fa-steam-square:before {content: "\f1b7";}
  1056. .fa-recycle:before {content: "\f1b8";}
  1057. .fa-automobile:before, .fa-car:before {content: "\f1b9";}
  1058. .fa-cab:before, .fa-taxi:before {content: "\f1ba";}
  1059. .fa-tree:before {content: "\f1bb";}
  1060. .fa-spotify:before {content: "\f1bc";}
  1061. .fa-deviantart:before {content: "\f1bd";}
  1062. .fa-soundcloud:before {content: "\f1be";}
  1063. .fa-database:before {content: "\f1c0";}
  1064. .fa-file-pdf-o:before {content: "\f1c1";}
  1065. .fa-file-word-o:before {content: "\f1c2";}
  1066. .fa-file-excel-o:before {content: "\f1c3";}
  1067. .fa-file-powerpoint-o:before {content: "\f1c4";}
  1068. .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before {content: "\f1c5";}
  1069. .fa-file-zip-o:before, .fa-file-archive-o:before {content: "\f1c6";}
  1070. .fa-file-sound-o:before, .fa-file-audio-o:before {content: "\f1c7";}
  1071. .fa-file-movie-o:before, .fa-file-video-o:before {content: "\f1c8";}
  1072. .fa-file-code-o:before {content: "\f1c9";}
  1073. .fa-vine:before {content: "\f1ca";}
  1074. .fa-codepen:before {content: "\f1cb";}
  1075. .fa-jsfiddle:before {content: "\f1cc";}
  1076. .fa-life-bouy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before {content: "\f1cd";}
  1077. .fa-circle-o-notch:before {content: "\f1ce";}
  1078. .fa-ra:before, .fa-rebel:before {content: "\f1d0";}
  1079. .fa-git-square:before {content: "\f1d2";}
  1080. .fa-git:before {content: "\f1d3";}
  1081. .fa-hacker-news:before {content: "\f1d4";}
  1082. .fa-tencent-weibo:before {content: "\f1d5";}
  1083. .fa-qq:before {content: "\f1d6";}
  1084. .fa-wechat:before, .fa-weixin:before {content: "\f1d7";}
  1085. .fa-send:before, .fa-paper-plane:before {content: "\f1d8";}
  1086. .fa-send-o:before, .fa-paper-plane-o:before {content: "\f1d9";}
  1087. .fa-history:before {content: "\f1da";}
  1088. .fa-genderless:before, .fa-circle-thin:before {content: "\f1db";}
  1089. .fa-header:before {content: "\f1dc";}
  1090. .fa-paragraph:before {content: "\f1dd";}
  1091. .fa-sliders:before {content: "\f1de";}
  1092. .fa-share-alt:before {content: "\f1e0";}
  1093. .fa-share-alt-square:before {content: "\f1e1";}
  1094. .fa-bomb:before {content: "\f1e2";}
  1095. .fa-soccer-ball-o:before, .fa-futbol-o:before {content: "\f1e3";}
  1096. .fa-tty:before {content: "\f1e4";}
  1097. .fa-binoculars:before {content: "\f1e5";}
  1098. .fa-plug:before {content: "\f1e6";}
  1099. .fa-slideshare:before {content: "\f1e7";}
  1100. .fa-twitch:before {content: "\f1e8";}
  1101. .fa-yelp:before {content: "\f1e9";}
  1102. .fa-newspaper-o:before {content: "\f1ea";}
  1103. .fa-wifi:before {content: "\f1eb";}
  1104. .fa-calculator:before {content: "\f1ec";}
  1105. .fa-paypal:before {content: "\f1ed";}
  1106. .fa-google-wallet:before {content: "\f1ee";}
  1107. .fa-cc-visa:before {content: "\f1f0";}
  1108. .fa-cc-mastercard:before {content: "\f1f1";}
  1109. .fa-cc-discover:before {content: "\f1f2";}
  1110. .fa-cc-amex:before {content: "\f1f3";}
  1111. .fa-cc-paypal:before {content: "\f1f4";}
  1112. .fa-cc-stripe:before {content: "\f1f5";}
  1113. .fa-bell-slash:before {content: "\f1f6";}
  1114. .fa-bell-slash-o:before {content: "\f1f7";}
  1115. .fa-trash:before {content: "\f1f8";}
  1116. .fa-copyright:before {content: "\f1f9";}
  1117. .fa-at:before {content: "\f1fa";}
  1118. .fa-eyedropper:before {content: "\f1fb";}
  1119. .fa-paint-brush:before {content: "\f1fc";}
  1120. .fa-birthday-cake:before {content: "\f1fd";}
  1121. .fa-area-chart:before {content: "\f1fe";}
  1122. .fa-pie-chart:before {content: "\f200";}
  1123. .fa-line-chart:before {content: "\f201";}
  1124. .fa-lastfm:before {content: "\f202";}
  1125. .fa-lastfm-square:before {content: "\f203";}
  1126. .fa-toggle-off:before {content: "\f204";}
  1127. .fa-toggle-on:before {content: "\f205";}
  1128. .fa-bicycle:before {content: "\f206";}
  1129. .fa-bus:before {content: "\f207";}
  1130. .fa-ioxhost:before {content: "\f208";}
  1131. .fa-angellist:before {content: "\f209";}
  1132. .fa-cc:before {content: "\f20a";}
  1133. .fa-shekel:before, .fa-sheqel:before, .fa-ils:before {content: "\f20b";}
  1134. .fa-meanpath:before {content: "\f20c";}
  1135. .fa-buysellads:before {content: "\f20d";}
  1136. .fa-connectdevelop:before {content: "\f20e";}
  1137. .fa-dashcube:before {content: "\f210";}
  1138. .fa-forumbee:before {content: "\f211";}
  1139. .fa-leanpub:before {content: "\f212";}
  1140. .fa-sellsy:before {content: "\f213";}
  1141. .fa-shirtsinbulk:before {content: "\f214";}
  1142. .fa-simplybuilt:before {content: "\f215";}
  1143. .fa-skyatlas:before {content: "\f216";}
  1144. .fa-cart-plus:before {content: "\f217";}
  1145. .fa-cart-arrow-down:before {content: "\f218";}
  1146. .fa-diamond:before {content: "\f219";}
  1147. .fa-ship:before {content: "\f21a";}
  1148. .fa-user-secret:before {content: "\f21b";}
  1149. .fa-motorcycle:before {content: "\f21c";}
  1150. .fa-street-view:before {content: "\f21d";}
  1151. .fa-heartbeat:before {content: "\f21e";}
  1152. .fa-venus:before {content: "\f221";}
  1153. .fa-mars:before {content: "\f222";}
  1154. .fa-mercury:before {content: "\f223";}
  1155. .fa-transgender:before {content: "\f224";}
  1156. .fa-transgender-alt:before {content: "\f225";}
  1157. .fa-venus-double:before {content: "\f226";}
  1158. .fa-mars-double:before {content: "\f227";}
  1159. .fa-venus-mars:before {content: "\f228";}
  1160. .fa-mars-stroke:before {content: "\f229";}
  1161. .fa-mars-stroke-v:before {content: "\f22a";}
  1162. .fa-mars-stroke-h:before {content: "\f22b";}
  1163. .fa-neuter:before {content: "\f22c";}
  1164. .fa-facebook-official:before {content: "\f230";}
  1165. .fa-pinterest-p:before {content: "\f231";}
  1166. .fa-whatsapp:before {content: "\f232";}
  1167. .fa-server:before {content: "\f233";}
  1168. .fa-user-plus:before {content: "\f234";}
  1169. .fa-user-times:before {content: "\f235";}
  1170. .fa-hotel:before, .fa-bed:before {content: "\f236";}
  1171. .fa-viacoin:before {content: "\f237";}
  1172. .fa-train:before {content: "\f238";}
  1173. .fa-subway:before {content: "\f239";}
  1174. .fa-medium:before {content: "\f23a";}
  1175. .fa-yc:before, .fa-y-combinator:before {content: "\f23b";}
  1176. .fa-optin-monster:before {content: "\f23c";}
  1177. .fa-opencart:before {content: "\f23d";}
  1178. .fa-expeditedssl:before {content: "\f23e";}
  1179. .fa-battery-4:before, .fa-battery-full:before {content: "\f240";}
  1180. .fa-battery-3:before, .fa-battery-three-quarters:before {content: "\f241";}
  1181. .fa-battery-2:before, .fa-battery-half:before {content: "\f242";}
  1182. .fa-battery-1:before, .fa-battery-quarter:before {content: "\f243";}
  1183. .fa-battery-0:before, .fa-battery-empty:before {content: "\f244";}
  1184. .fa-mouse-pointer:before {content: "\f245";}
  1185. .fa-i-cursor:before {content: "\f246";}
  1186. .fa-object-group:before {content: "\f247";}
  1187. .fa-object-ungroup:before {content: "\f248";}
  1188. .fa-sticky-note:before {content: "\f249";}
  1189. .fa-sticky-note-o:before {content: "\f24a";}
  1190. .fa-cc-jcb:before {content: "\f24b";}
  1191. .fa-cc-diners-club:before {content: "\f24c";}
  1192. .fa-clone:before {content: "\f24d";}
  1193. .fa-balance-scale:before {content: "\f24e";}
  1194. .fa-hourglass-o:before {content: "\f250";}
  1195. .fa-hourglass-1:before, .fa-hourglass-start:before {content: "\f251";}
  1196. .fa-hourglass-2:before, .fa-hourglass-half:before {content: "\f252";}
  1197. .fa-hourglass-3:before, .fa-hourglass-end:before {content: "\f253";}
  1198. .fa-hourglass:before {content: "\f254";}
  1199. .fa-hand-grab-o:before, .fa-hand-rock-o:before {content: "\f255";}
  1200. .fa-hand-stop-o:before, .fa-hand-paper-o:before {content: "\f256";}
  1201. .fa-hand-scissors-o:before {content: "\f257";}
  1202. .fa-hand-lizard-o:before {content: "\f258";}
  1203. .fa-hand-spock-o:before {content: "\f259";}
  1204. .fa-hand-pointer-o:before {content: "\f25a";}
  1205. .fa-hand-peace-o:before {content: "\f25b";}
  1206. .fa-trademark:before {content: "\f25c";}
  1207. .fa-registered:before {content: "\f25d";}
  1208. .fa-creative-commons:before {content: "\f25e";}
  1209. .fa-gg:before {content: "\f260";}
  1210. .fa-gg-circle:before {content: "\f261";}
  1211. .fa-tripadvisor:before {content: "\f262";}
  1212. .fa-odnoklassniki:before {content: "\f263";}
  1213. .fa-odnoklassniki-square:before {content: "\f264";}
  1214. .fa-get-pocket:before {content: "\f265";}
  1215. .fa-wikipedia-w:before {content: "\f266";}
  1216. .fa-safari:before {content: "\f267";}
  1217. .fa-chrome:before {content: "\f268";}
  1218. .fa-firefox:before {content: "\f269";}
  1219. .fa-opera:before {content: "\f26a";}
  1220. .fa-internet-explorer:before {content: "\f26b";}
  1221. .fa-tv:before, .fa-television:before {content: "\f26c";}
  1222. .fa-contao:before {content: "\f26d";}
  1223. .fa-500px:before {content: "\f26e";}
  1224. .fa-amazon:before {content: "\f270";}
  1225. .fa-calendar-plus-o:before {content: "\f271";}
  1226. .fa-calendar-minus-o:before {content: "\f272";}
  1227. .fa-calendar-times-o:before {content: "\f273";}
  1228. .fa-calendar-check-o:before {content: "\f274";}
  1229. .fa-industry:before {content: "\f275";}
  1230. .fa-map-pin:before {content: "\f276";}
  1231. .fa-map-signs:before {content: "\f277";}
  1232. .fa-map-o:before {content: "\f278";}
  1233. .fa-map:before {content: "\f279";}
  1234. .fa-commenting:before {content: "\f27a";}
  1235. .fa-commenting-o:before {content: "\f27b";}
  1236. .fa-houzz:before {content: "\f27c";}
  1237. .fa-vimeo:before {content: "\f27d";}
  1238. .fa-black-tie:before {content: "\f27e";}
  1239. .fa-fonticons:before {content: "\f280";}
  1240. #lbOverlay {background-color: #000;bottom: 0;left: 0;position: fixed;right: 0;top: 0;z-index: 399;}
  1241. #lbPrevLink, #lbNextLink {display: block;overflow: hidden;position: absolute;top: 0;width: 50%;outline: none;}
  1242. #lbPrevLink > span, #lbNextLink > span {background-color: #fff;display: none;padding: 7px;position: absolute;top: 20%;}
  1243. #lbPrevLink:hover > span, #lbNextLink:hover > span {box-shadow: 0 0 20px 0 #e0e0e0;}
  1244. #lbPrevLink {left: 0;}
  1245. #lbPrevLink > span {border-radius: 0 30px 30px 0;left: 0;padding-right: 14px;}
  1246. #lbNextLink {right: 0;}
  1247. #lbNextLink > span {border-radius: 30px 0 0 30px;padding-left: 14px;right: 0;}
  1248. #lbEnlarge, #lbCloseLink {cursor: pointer;display: block;float: right;padding-right: 7px;outline: none;}
  1249. #lbCenter, #lbBottomContainer {background-color: #fff;overflow: hidden;position: absolute;z-index: 400;}
  1250. #lbCenter > .icon-spinner {left: 50%;margin: -21px 0 0 -21px;position: absolute;top: 50%;}
  1251. #lbImage {background-repeat: no-repeat;background-size: cover;border: 10px solid #fff;left: 0;position: absolute;top: 0;}
  1252. #lbImage:hover #lbNextLink > span, #lbImage:hover #lbPrevLink > span {display: block;}
  1253. #lbBottom {border: 10px solid #fff;border-top-style: none;color: #666;}
  1254. #lbCaption, #lbNumber {margin-right: 71px;}
  1255. #lbCaption {font-weight: bold;}
  1256. .wcfImageViewer {background-color: #000000;bottom: 0;display: none;left: 0;opacity: 0;position: fixed;right: 0;top: 0;z-index: 399;}
  1257. .wcfImageViewer .icon {color: #666666;text-shadow: 0 1px 0 rgba(255,255,255,0.8);}
  1258. .wcfImageViewer.open {display: block;opacity: 1; z-index: 99999 !important}
  1259. .wcfImageViewer.maximized:not(.wcfImageViewerMobile) > header {top: -100px;}
  1260. .wcfImageViewer.maximized:not(.wcfImageViewerMobile) > div {bottom: 0;border-color: rgba(51,51,51,0);top: 0;}
  1261. .wcfImageViewer.maximized:not(.wcfImageViewerMobile) > footer {bottom: -100px;}
  1262. .wcfImageViewer.wcfImageViewerStatic > header > div > h1, .wcfImageViewer.wcfImageViewerStatic > header > div > h2, .wcfImageViewer.wcfImageViewerStatic > header > div > h3 {margin-left: 0 !important;}
  1263. .wcfImageViewer.wcfImageViewerMobile > header, .wcfImageViewer.wcfImageViewerMobile > footer {background-color: #000000;opacity: 1;position: absolute;visibility: visible;z-index: 402;}
  1264. .wcfImageViewer.wcfImageViewerMobile.maximized > header, .wcfImageViewer.wcfImageViewerMobile.maximized > footer {opacity: 0;visibility: hidden;transition: visibility 0s linear .5s, opacity .5s linear;}
  1265. .wcfImageViewer.wcfImageViewerMobile.maximized > div > ul > li.pointer {opacity: 0;}
  1266. .wcfImageViewer.wcfImageViewerMobile > div {bottom: 0;top: 0;}
  1267. .wcfImageViewer.wcfImageViewerMobile > div > ul > li {background-color: #e0e0e0;border-radius: 30px;margin-top: -24px;opacity: 0;position: absolute;top: 50%;-webkit-transition-property: opacity;transition-property: opacity;-webkit-transition-duration: .3s;transition-duration: .3s;-webkit-transition-timing-function: linear;transition-timing-function: linear;}
  1268. .wcfImageViewer.wcfImageViewerMobile > div > ul > li.pointer {opacity: 1;}
  1269. .wcfImageViewer.wcfImageViewerMobile > div > ul > li.wcfImageViewerSlideshowButtonPrevious {left: 10px;}
  1270. .wcfImageViewer.wcfImageViewerMobile > div > ul > li.wcfImageViewerSlideshowButtonPrevious > span {left: -3px;position: relative;top: 2px;}
  1271. .wcfImageViewer.wcfImageViewerMobile > div > ul > li.wcfImageViewerSlideshowButtonNext {right: 10px;}
  1272. .wcfImageViewer.wcfImageViewerMobile > div > ul > li.wcfImageViewerSlideshowButtonNext > span {position: relative;right: -1px;top: 2px;}
  1273. .wcfImageViewer.wcfImageViewerMobile > div > ul > li.wcfImageViewerSlideshowButtonFull {bottom: 80px;left: 50%;top: auto;transform: translateX(-50%);-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);}
  1274. .wcfImageViewer.wcfImageViewerMobile > div > ul > li.wcfImageViewerSlideshowButtonFull > span {font-size: 32px;left: 2px;position: relative;top: 10px;}
  1275. .wcfImageViewer.wcfImageViewerMobile > div > ul > li.wcfImageViewerSlideshowButtonToggle, .wcfImageViewer.wcfImageViewerMobile > div > ul > li.wcfImageViewerSlideshowButtonEnlarge {display: none;}
  1276. .wcfImageViewer.wcfImageViewerMobile > footer > .wcfImageViewerButtonPrevious, .wcfImageViewer.wcfImageViewerMobile > footer > .wcfImageViewerButtonNext {display: none;}
  1277. .wcfImageViewer.wcfImageViewerMobile > footer > div {margin: 0;}
  1278. .wcfImageViewer > header, .wcfImageViewer > div, .wcfImageViewer > footer {box-sizing: border-box;-moz-box-sizing: border-box;left: 0;position: fixed;right: 0;z-index: 400;}
  1279. .wcfImageViewer > header {height: 100px;overflow: hidden;padding: 1rem;top: 0;}
  1280. .wcfImageViewer > header > div > h1, .wcfImageViewer > header > div > h2, .wcfImageViewer > header > div > h3 {color: #d3d3d3;margin-left: 80px !important;}
  1281. .wcfImageViewer > header > div > h1 > a, .wcfImageViewer > header > div > h2 > a, .wcfImageViewer > header > div > h3 > a {color: #d3d3d3;}
  1282. .wcfImageViewer > header > div > h1 {font-size: 1.75rem;}
  1283. .wcfImageViewer > header > div > h2 {font-size: 1.25rem;}
  1284. .wcfImageViewer > header > div > h3 {color: #d3d3d3;font-size: .85rem;margin-top: .25rem;}
  1285. .wcfImageViewer > header > div > a > img {height: 64px;width: 64px;}
  1286. .wcfImageViewer > header > .wcfImageViewerButtonClose {opacity: .6;position: absolute;right: 26px;top: 26px;-webkit-transition-property: opacity;transition-property: opacity;-webkit-transition-duration: .3s;transition-duration: .3s;-webkit-transition-timing-function: linear;transition-timing-function: linear;}
  1287. .wcfImageViewer > header > .wcfImageViewerButtonClose:hover {opacity: 1;}
  1288. .wcfImageViewer > div {background-color: #000000;border-bottom: 1px solid #333333;border-top: 1px solid #333333;bottom: 100px;top: 100px;z-index: 401;-webkit-transition-property: top, bottom, border-color;transition-property: top, bottom, border-color;-webkit-transition-duration: .3s;transition-duration: .3s;-webkit-transition-timing-function: linear;transition-timing-function: linear;}
  1289. .wcfImageViewer > div.loading:before {content: "\f110";margin: -24px 0 0 -24px;left: 50%;position: absolute;top: 50%;color: #666666;display: inline-block;font-family: FontAwesome;font-weight: normal !important;font-style: normal !important;line-height: 1em;text-align: center;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;text-shadow: 0 1px 0 transparent;font-size: 42px;height: 48px;width: 48px;animation: 2s linear 0s normal none infinite running spin;height: auto;-moz-animation: spin 2s infinite linear;-o-animation: spin 2s infinite linear;-webkit-animation: spin 2s infinite linear;animation: spin 2s infinite linear;}
  1290. .wcfImageViewer > div > img {opacity: 0;position: absolute;top: 50%;z-index: 10;-webkit-transition-property: opacity;transition-property: opacity;-webkit-transition-duration: .75s;transition-duration: .75s;-webkit-transition-timing-function: linear;transition-timing-function: linear;}
  1291. .wcfImageViewer > div > img.animateTransformation {transition: left .3s, margin-top .3s, height .3s, width .3s, opacity .75s;-webkit-transition: left .3s, margin-top .3s, height .3s, width .3s, opacity .75s;}
  1292. .wcfImageViewer > div > img.active {opacity: 1;z-index: 20;}
  1293. .wcfImageViewer:not(.wcfImageViewerMobile) > header {-webkit-transition-property: top;transition-property: top;-webkit-transition-duration: .3s;transition-duration: .3s;-webkit-transition-timing-function: linear;transition-timing-function: linear;}
  1294. .wcfImageViewer:not(.wcfImageViewerMobile) > footer {-webkit-transition-property: bottom;transition-property: bottom;-webkit-transition-duration: .3s;transition-duration: .3s;-webkit-transition-timing-function: linear;transition-timing-function: linear;}
  1295. .wcfImageViewer:not(.wcfImageViewerMobile) > div {cursor: pointer;}
  1296. .wcfImageViewer:not(.wcfImageViewerMobile) > div > img, .wcfImageViewer:not(.wcfImageViewerMobile) > div > ul {cursor: default;}
  1297. .wcfImageViewer:not(.wcfImageViewerMobile) > div > ul {background-color: #000000;border: 1px solid #333333;border-bottom-width: 0;border-radius: 5px 5px 0 0;bottom: 0;display: inline-block;left: 50%;margin-left: -122px;opacity: .4;position: absolute;z-index: 30;-webkit-transition-property: opacity;transition-property: opacity;-webkit-transition-duration: .5s;transition-duration: .5s;-webkit-transition-timing-function: linear;transition-timing-function: linear;}
  1298. .wcfImageViewer:not(.wcfImageViewerMobile) > div > ul:hover {opacity: 1;}
  1299. .wcfImageViewer:not(.wcfImageViewerMobile) > div > ul > li {display: inline-block;opacity: .6;-webkit-transition-property: opacity;transition-property: opacity;-webkit-transition-duration: .5s;transition-duration: .5s;-webkit-transition-timing-function: linear;transition-timing-function: linear;}
  1300. .wcfImageViewer:not(.wcfImageViewerMobile) > div > ul > li.pointer > span.icon {cursor: pointer;}
  1301. .wcfImageViewer:not(.wcfImageViewerMobile) > div > ul > li.active, .wcfImageViewer:not(.wcfImageViewerMobile) > div > ul > li.pointer:hover {opacity: 1;}
  1302. .wcfImageViewer:not(.wcfImageViewerMobile) > div > ul > li.wcfImageViewerSlideshowButtonToggle > span, .wcfImageViewer:not(.wcfImageViewerMobile) > div > ul > li.wcfImageViewerSlideshowButtonEnlarge > span, .wcfImageViewer:not(.wcfImageViewerMobile) > div > ul > li.wcfImageViewerSlideshowButtonFull > span {font-size: 28px;}
  1303. .wcfImageViewer:not(.wcfImageViewerMobile) > div > ul > li.wcfImageViewerSlideshowButtonToggle > span:before, .wcfImageViewer:not(.wcfImageViewerMobile) > div > ul > li.wcfImageViewerSlideshowButtonEnlarge > span:before, .wcfImageViewer:not(.wcfImageViewerMobile) > div > ul > li.wcfImageViewerSlideshowButtonFull > span:before {left: 2px;position: relative;top: 9px;}
  1304. .wcfImageViewer:not(.wcfImageViewerMobile) > div > ul > li.wcfImageViewerSlideshowButtonEnlarge, .wcfImageViewer:not(.wcfImageViewerMobile) > div > ul > li.wcfImageViewerSlideshowButtonFull {border-left: 1px solid #333333;box-sizing: border-box;}
  1305. .wcfImageViewer:not(.wcfImageViewerMobile) > div > ul > li > span {vertical-align: middle;}
  1306. .wcfImageViewer > footer {bottom: 0;height: 100px;padding: 10px;}
  1307. .wcfImageViewer > footer:hover > div > ul > li > img {filter: none;-webkit-filter: none;}
  1308. .wcfImageViewer > footer > span {bottom: 0;font-size: 48px;padding-top: 26px;opacity: 0;position: absolute;top: 0;width: 30px;z-index: 2;-webkit-transition-property: opacity;transition-property: opacity;-webkit-transition-duration: .5s;transition-duration: .5s;-webkit-transition-timing-function: linear;transition-timing-function: linear;}
  1309. .wcfImageViewer > footer > span.pointer {opacity: .6;}
  1310. .wcfImageViewer > footer > span.pointer:hover {opacity: 1;}
  1311. .wcfImageViewer > footer > span.wcfImageViewerButtonPrevious {left: 5px;}
  1312. .wcfImageViewer > footer > span.wcfImageViewerButtonNext {right: 5px;}
  1313. .wcfImageViewer > footer > div {height: 80px;margin: 0 35px;overflow: hidden;white-space: nowrap;}
  1314. .wcfImageViewer > footer > div > ul {font-size: 0;height: 80px;z-index: 1;transition: margin-left cubic-bezier(.5,1.595,.56,.98) .75s;-webkit-transition: margin-left cubic-bezier(.5,1.595,.56,.98) .75s;}
  1315. .wcfImageViewer > footer > div > ul > li {display: inline-block;height: 80px;opacity: .6;position: relative;width: 80px;-webkit-transition-property: opacity;transition-property: opacity;-webkit-transition-duration: .5s;transition-duration: .5s;-webkit-transition-timing-function: linear;transition-timing-function: linear;}
  1316. .wcfImageViewer > footer > div > ul > li.active, .wcfImageViewer > footer > div > ul > li:hover {opacity: 1;}
  1317. .wcfImageViewer > footer > div > ul > li:not(:last-child) {margin-right: 10px;}
  1318. .wcfImageViewer > footer > div > ul > li.active > img {filter: none;-webkit-filter: none;}
  1319. .wcfImageViewer > footer > div > ul > li.loading:before {content: "\f110";margin: -16px 0 0 -16px;left: 50%;position: absolute;top: 50%;z-index: -1;color: #666666;display: inline-block;font-family: FontAwesome;font-weight: normal !important;font-style: normal !important;line-height: 1em;text-align: center;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;text-shadow: 0 1px 0 transparent;font-size: 28px;height: 32px;vertical-align: -5px;width: 32px;animation: 2s linear 0s normal none infinite running spin;height: auto;-moz-animation: spin 2s infinite linear;-o-animation: spin 2s infinite linear;-webkit-animation: spin 2s infinite linear;animation: spin 2s infinite linear;}
  1320. .wcfImageViewer > footer > div > ul > li.loading > img {opacity: 0;}
  1321. .wcfImageViewer > footer > div > ul > li > img {height: 80px;opacity: 1;width: 80px;filter: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cfilter%20id%3D%22grayscale%22%3E%3CfeColorMatrix%20type%3D%22matrix%22%20values%3D%220.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200%200%200%201%200%22%2F%3E%3C%2Ffilter%3E%3C%2Fsvg%3E#grayscale");filter: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cfilter%20id%3D%22grayscale%22%3E%3CfeColorMatrix%20type%3D%22matrix%22%20values%3D%220.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200%200%200%201%200%22%2F%3E%3C%2Ffilter%3E%3C%2Fsvg%3E#grayscale);filter: gray;-webkit-filter: grayscale(1);transition: filter .5s, opacity 1s;-webkit-transition: -webkit-filter .5s, opacity 1s;}
  1322. @media only screen and (max-width: 800px) {
  1323. .wcfImageViewer > header {height: 80px;}
  1324. .wcfImageViewer > header > .wcfImageViewerButtonClose {right: 16px;top: 16px;}
  1325. .wcfImageViewer > footer {height: 80px;}
  1326. .wcfImageViewer > footer > div {height: 60px;}
  1327. .wcfImageViewer > footer > div > ul {height: 60px;}
  1328. .wcfImageViewer > footer > div > ul > li {height: 60px;}
  1329. }
  1330. .labelList {font-size: 0;margin-bottom: -4px;}
  1331. .labelList > li {display: inline-block;margin-bottom: 4px;}
  1332. .labelList > li:not(:last-child) {margin-right: 4px;}
  1333. .boxHeadline.labeledHeadline {font-size: 0;}
  1334. .boxHeadline.labeledHeadline > ul {display: inline-block;font-size: 1rem;}
  1335. .boxHeadline.labeledHeadline > ul:not(:empty) {margin-right: 7px;}
  1336. .boxHeadline.labeledHeadline > ul.statusIcons > li {display: inline-block;}
  1337. .boxHeadline.labeledHeadline > ul.labelList {position: relative;top: -4px;}
  1338. .boxHeadline.labeledHeadline > h1, .boxSubHeadline.labeledHeadline > h2 {display: inline-block;margin-right: 7px;}
  1339. #labelList::before, #labelList::after {display: table;content: "";}
  1340. #labelList::after {clear: both;}
  1341. #labelList li {float: left;margin-right: 1%;width: 30%;}
  1342. #labelList li.labelCustomClass {position: relative;}
  1343. #labelList li.labelCustomClass input[type='radio'] {left: 0;position: absolute;top: 0;}
  1344. #labelList li.labelCustomClass span {display: block;margin-left: 24px;}
  1345. .labelChooser > .dropdownToggle > span {cursor: pointer;}
  1346. .layoutFluid {margin-left: auto;margin-right: auto;min-width: 980px;max-width: 90%;}
  1347. @media only screen and (max-width: 800px) {
  1348. .layoutFluid {min-width: 0;max-width: none;}
  1349. }
  1350. .layoutFixed {margin-left: auto;margin-right: auto;width: 1200px;}
  1351. @media only screen and (max-width: 800px) {
  1352. .layoutFixed {width: auto;}
  1353. }
  1354. @media only screen and (min-width: 801px) {
  1355. body {min-width: 980px;}
  1356. }
  1357. #pageHeader {z-index: 100;}
  1358. @media only screen and (max-width: 800px) {
  1359. #pageHeader {margin-top: 48px;}
  1360. }
  1361. #top {display: block;height: 1px;visibility: hidden;}
  1362. .userPanel {background-color: #001c1d !important;height: 40px;left: 0;overflow: hidden;position: absolute;top: 0;right: 0;z-index: 200;}
  1363. .userPanel .icon {color: #ff6d00;text-shadow: 0 -1px 0 transparent;}
  1364. .userPanel > div {position: relative;}
  1365. .userPanel > div > ul.userPanelItems::before, .userPanel > div > ul.userPanelItems::after {display: table;content: "";}
  1366. .userPanel > div > ul.userPanelItems::after {clear: both;}
  1367. .userPanel > div > ul.userPanelItems > li {float: left;}
  1368. .userPanel > div > ul.userPanelItems > li > a, .userPanel > div > ul.userPanelItems > li > div:not(.dropdownMenu) {color: #ffffff;display: block;height: 20px;padding: 12px 8px 8px 8px;text-shadow: 0 -1px 0 transparent;-webkit-transition-property: background-color;transition-property: background-color;-webkit-transition-duration: .2s;transition-duration: .2s;-webkit-transition-timing-function: linear;transition-timing-function: linear;}
  1369. .userPanel > div > ul.userPanelItems > li > a span{margin-left: 6px;}
  1370. .userPanel > div > ul.userPanelItems > li > a:hover, .userPanel > div > ul.userPanelItems > li > div:not(.dropdownMenu):hover {background-color: #3c3c3c;color: #ffffff;text-decoration: none;}
  1371. .userPanel > div > ul.userPanelItems > li > a > .badge.badgeInverse, .userPanel > div > ul.userPanelItems > li > div:not(.dropdownMenu) > .badge.badgeInverse {background-color: #cacc66;color: #ffffff;}
  1372. .userPanel > div > ul.userPanelItems > li > a > img, .userPanel > div > ul.userPanelItems > li > div:not(.dropdownMenu) > img {position: relative;top: -2px;}
  1373. .userPanel > div > ul.userPanelItems > li > .framed > img {margin-top: -5px;margin-bottom: -4px;padding: 0px;top: 0;}
  1374. .userPanel > div > .searchBar {background-color: #3c3c3c;position: absolute;right: 0;top: 0;}
  1375. .userPanel > div > .searchBar::before {content: "\f002";color: #ffffff;font-family: FontAwesome;font-size: 14px;left: 7px;position: absolute;top: 12px;}
  1376. .userPanel > div > .searchBar.loading::before {content: "\f110";-moz-animation: spin 2s infinite linear;-o-animation: spin 2s infinite linear;-webkit-animation: spin 2s infinite linear;animation: spin 2s infinite linear;}
  1377. .userPanel > div > .searchBar > form {display: inline-block;}
  1378. .userPanel > div > .searchBar > form input[type="search"] {background-color: transparent;border-width: 0;color: #ffffff;height: 40px;padding: 6px 12px 5px 26px;width: 240px;-webkit-appearance: textfield;text-shadow: 0 -1px 0 transparent;}
  1379. .userPanel > div > .searchBar > form input[type="search"]:focus {outline: 0;}
  1380. .userPanel > div > .searchBar > form input[type="search"]::-webkit-input-placeholder {color: #cccccc;}
  1381. .userPanel > div > .searchBar > form input[type="search"]::-moz-placeholder {color: #cccccc;}
  1382. .userPanel > div > .searchBar > form input[type="search"]:-ms-input-placeholder {color: #cccccc;}
  1383. .userPanel > div > .searchBar > form input[type="search"]::-webkit-search-cancel-button {display: none;}
  1384. .userPanel > div > .searchBar .dropdownMenu li > span {max-width: 210px;overflow: hidden;text-overflow: ellipsis;}
  1385. @media only screen and (max-width: 800px) {
  1386. .userPanel {height: 41px;}
  1387. .userPanel .icon {font-size: 21px;height: auto;width: auto;}
  1388. .userPanel > div > ul.userPanelItems > li > a, .userPanel > div > ul.userPanelItems > li > div:not(.dropdownMenu) {height: 21px;padding: 11px 11px 9px 11px;}
  1389. .userPanel > div > ul.userPanelItems > li > .framed > img {margin-top: -4px;}
  1390. .userPanel > div > ul.userPanelItems > li > a > span:not(.icon):not(.badge), .userPanel > div > ul.userPanelItems > li#pageLanguageContainer > div > div > div > h3 {display: none;}
  1391. .userPanel > div > ul.userPanelItems > li > a > .badge {top: -4px;}
  1392. .userPanel > div > .searchBar {height: 41px;min-width: 40px;right: 0 !important;}
  1393. .userPanel > div > .searchBar::before {font-size: 21px;}
  1394. .userPanel > div > .searchBar > form {display: none;}
  1395. .userPanel > div > .searchBar > form input[type="search"] {height: 41px;padding-left: 40px;width: 100%;}
  1396. .userPanel > div > .searchBar.searchBarOpen {width: 100%;}
  1397. .userPanel > div > .searchBar.searchBarOpen > form {display: block;}
  1398. .userPanel > div > .searchBar::before {top: 8px;}
  1399. #mainMenu { position: fixed !important; z-index: 99999}
  1400. }
  1401.  
  1402. .logo {margin-bottom: 21px;margin-top: 14px;}
  1403. .logo::before, .logo::after {display: table;content: "";}
  1404. .logo::after {clear: both;}
  1405. .logo a {display: block;}
  1406. .logo a:hover {text-decoration: none;}
  1407. .logo a h1 {color: #ff6d00;float: right;font-size: 1.7rem;padding-top: 21px;text-shadow: 0 1px 0 transparent;}
  1408. .userPanel + .logo {margin-top: 57px;}
  1409. @media only screen and (max-width: 800px) {
  1410. .logo {display: none;}
  1411. }
  1412. .sitemapList {margin: 0 -7px;}
  1413. .sitemapList li > a, .sitemapList li > h3 {overflow: hidden;padding: 4px 14px;}
  1414. .sitemapList li > a {border-radius: 6px;display: block;-webkit-transition-property: background-color;transition-property: background-color;-webkit-transition-duration: .1s;transition-duration: .1s;-webkit-transition-timing-function: linear;transition-timing-function: linear;}
  1415. .sitemapList li > a:hover {background-color: #f4f4f4;text-decoration: none;}
  1416. .sitemapList > li:not(:first-child) {margin-top: 7px;}
  1417. .sitemapList > li:not(:last-child) {border-bottom: 1px solid #dddddd;padding-bottom: 7px;}
  1418. .sitemapList > li > ul > li > a {padding-left: 35px;}
  1419. .sitemapList > li > ul > li > ul > li a {padding-left: 56px;}
  1420. .mainMenu {font-size: 0;white-space: nowrap;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
  1421. .mainMenu > ul {background-color: #f9f9f9;display: inline-block;}
  1422. .mainMenu > ul > li {display: inline-block;font-size: 1.2rem;vertical-align: middle;}
  1423. .mainMenu > ul > li > a {color: #666666;display: inline-block;padding: 4px 9px;text-shadow: 0 1px 0 transparent;}
  1424. .mainMenu > ul > li > a:hover {color: #ff9100;text-decoration: none;}
  1425. .mainMenu > ul > li > a > span {color: #666666;text-shadow: 0 1px 0 transparent;}
  1426. .mainMenu > ul > li > a > span:hover {text-decoration: none;}
  1427. .mainMenu > ul > li.active > a, .mainMenu > ul > li.active > a:hover {background-color: #ffffff;color: #ff9100;font-weight: bold;text-align: center;text-shadow: 0 1px 0 transparent;}
  1428. .mainMenu > ul > li:not(:last-child) > a {border-right: 1px solid #dddddd;}
  1429. @media screen and (min-width: 801px),print {
  1430. .mainMenu > ul > li {margin-top: -7px;vertical-align: bottom;}
  1431. .mainMenu > ul > li > a {padding: 9px 21px;}
  1432. .mainMenu > ul > li.active {font-size: 1.4rem;margin-top: -8px;}
  1433. .mainMenu > ul > li.active > a {min-width: 80px;padding: 14px 21px 8px;}
  1434. .mainMenu > ul > li:not(.active) {padding-top: 5px;}
  1435. }
  1436. @media only screen and (max-width: 800px) {
  1437. .mainMenu > ul > li.active {margin-bottom: -1px;}
  1438. .mainMenu > ul > li.active > a {padding-bottom: 5px;}
  1439. }
  1440. .navigation {padding: 0 7px;}
  1441. .navigation > ul {display: inline-block;font-size: 0;}
  1442. .navigation > ul.navigationItems, .navigation > ul.navigationIcons {float: right;}
  1443. .navigation > ul.navigationItems > li, .navigation > ul.navigationIcons > li {float: right;}
  1444. .navigation > ul.navigationIcons > li {padding: 0 3px;}
  1445. .navigation > ul.navigationIcons > li > a {display: inline-block;padding: 4px 3px 3px;}
  1446. .navigation > ul.navigationItems {border-right: 1px dotted #dddddd;}
  1447. .navigation > ul.navigationItems > li > p {color: #ff9100;}
  1448. .navigation > ul.navigationItems > li, .navigation > ul.navigationMenuItems > li {font-size: 1rem;margin: 4px 7px 2px;}
  1449. .navigation > ul.navigationItems > li > a, .navigation > ul.navigationMenuItems > li > a {color: #288682;}
  1450. .navigation > ul.navigationItems > li > a:hover, .navigation > ul.navigationMenuItems > li > a:hover {color: #ff6d00;text-decoration: none;}
  1451. .navigation > ul.navigationItems .icon, .navigation > ul.navigationMenuItems .icon, .navigation > ul.navigationIcons .icon {color: #ff9100;}
  1452. .navigation > ul.navigationMenuItems {float: left;}
  1453. .navigation > ul.navigationMenuItems > li {display: inline-block;}
  1454. .navigation > ul.navigationMenuItems > li > .badge {top: -2px;}
  1455. @media only screen and (max-width: 800px) {
  1456. .navigation.navigationHeader > ul.navigationIcons, .navigation.navigationHeader > ul.navigationItems {display: none;}
  1457. .navigation.navigationFooter > ul.navigationIcons, .navigation.navigationFooter > ul.navigationItems {display: none;}
  1458. .navigation.navigationFooter > ul.navigationMenuItems > li {margin: 4px 7px 4px 0;}
  1459. }
  1460. .navigationHeader {overflow: hidden;background-color: #ffffff;border-bottom: 1px solid #dddddd;border-top: 1px solid #dddddd;}
  1461. .navigationHeader::before, .navigationHeader::after {display: table;content: "";}
  1462. .navigationHeader::after {clear: both;}
  1463. .navigationHeader > ul.navigationMenuItems {white-space: nowrap;}
  1464. .navigationFooter {background-color: #f9f9f9;border-top: 1px solid #dddddd;}
  1465. .navigationFooter::before, .navigationFooter::after {display: table;content: "";}
  1466. .navigationFooter::after {clear: both;}
  1467. @media only screen and (max-width: 800px) {
  1468. .navigationHeader {min-height: 4px;}
  1469. }
  1470. .footer {padding-bottom: 14px;z-index: 100;background-size: cover; background: url(../images/dreamily/background.jpg); background-position: bottom center;}
  1471. .footer .footerContent {text-align: center;}
  1472. .footer .footerContent a {text-shadow: 0 1px 0 transparent;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: .1s;transition-duration: .1s;-webkit-transition-timing-function: linear;transition-timing-function: linear;}
  1473. .footer .footerContent a:hover {text-decoration: none;}
  1474. @media only screen and (max-width: 800px) {
  1475. .footerContent {margin: 0 14px;}
  1476. }
  1477. #main {background-color: #ffffff;border-right: 1px solid transparent;box-sizing: border-box;-moz-box-sizing: border-box;z-index: 110;}
  1478. #main.sidebarOrientationRight {background-color: #f4f4f4;}
  1479. #main > div {display: table;table-layout: fixed;width: 100%;}
  1480. #main > div > div {display: table-row;}
  1481. #main > div > div > .sidebar, #main > div > div > .content {display: table-cell;vertical-align: top;}
  1482. #main > div > div > .sidebar > .mobileSidebarToggleButton, #main > div > div > .content > .mobileSidebarToggleButton {display: none;}
  1483. #main > div > div > .sidebar {background-color: #f4f4f4;width: 300px;z-index: 120;-webkit-transition-property: width;transition-property: width;-webkit-transition-duration: .2s;transition-duration: .2s;-webkit-transition-timing-function: ease;transition-timing-function: ease;}
  1484. #main > div > div > .sidebar > span {display: inline-block;position: absolute;}
  1485. #main > div > div > .sidebar > span > .collapsibleButton {background-color: #f4f4f4;border-radius: 6px 0 0 6px;display: block;height: 24px;left: -20px;position: absolute;text-decoration: none;top: 0;width: 24px;}
  1486. #main > div > div > .sidebar > span > .collapsibleButton::before {content: "\f054";font-family: FontAwesome;font-size: 14px;position: absolute;left: 6px;top: 4px;text-shadow: 0 1px 0 transparent;}
  1487. #main > div > div > .sidebar > div {overflow: hidden;width: 300px;-webkit-transition-property: width;transition-property: width;-webkit-transition-duration: .2s;transition-duration: .2s;-webkit-transition-timing-function: ease;transition-timing-function: ease;}
  1488. #main > div > div > .content {background-color: #ffffff;min-height: 100px;padding: 7px 38px 21px;z-index: 130;}
  1489. #main:not(.sidebarOrientationLeft):not(.sidebarOrientationRight) .sidebar {display: none;}
  1490. @media only screen and (max-width: 800px) {
  1491. #main {position: relative;}
  1492. #main > div > div > .sidebar, #main > div > div > .content {width: 100%;}
  1493. #main.sidebarOrientationLeft > div > div > .sidebar {display: none;}
  1494. #main.sidebarOrientationLeft > div > div > .sidebar > div {width: 100%;}
  1495. #main.sidebarOrientationLeft > div > div > .sidebar > div fieldset {width: 100%;}
  1496. #main.sidebarOrientationLeft > div > div > .sidebar > .mobileSidebarToggleButton {border-radius: 0 0 0 3px;border-width: 0 0 1px 1px;display: block;right: -3px;position: absolute;top: 0;}
  1497. #main.sidebarOrientationLeft > div > div > .content {padding-top: 35px;}
  1498. #main.sidebarOrientationLeft > div > div > .content > .mobileSidebarToggleButton {border-radius: 0 0 3px 0;border-width: 0 1px 1px 0;display: block;left: -3px;position: absolute;top: 0;}
  1499. #main.sidebarOrientationRight > div > div > .sidebar {display: none;}
  1500. #main.sidebarOrientationRight > div > div > .sidebar > div {width: 100%;}
  1501. #main.sidebarOrientationRight > div > div > .sidebar > div fieldset {width: 100%;}
  1502. #main.sidebarOrientationRight > div > div > .sidebar > .mobileSidebarToggleButton {border-radius: 0 0 3px 0;border-width: 0 1px 1px 0;display: block;left: -3px;position: absolute;top: 0;}
  1503. #main.sidebarOrientationRight > div > div > .content {padding-top: 35px;}
  1504. #main.sidebarOrientationRight > div > div > .content > .mobileSidebarToggleButton {border-radius: 0 0 0 3px;border-width: 0 0 1px 1px;display: block;right: -3px;position: absolute;top: 0;}
  1505. #main.mobileShowSidebar > div > div > .sidebar {display: table-cell;padding-top: 35px;}
  1506. #main.mobileShowSidebar > div > div > .content {display: none;}
  1507. #main .content {border-left: 0 !important;border-right: 0 !important;margin-left: 0;margin-right: 0;padding-left: 0 !important;padding-right: 0 !important;}
  1508. #main .content > *:first-child {margin-top: 0;}
  1509. }
  1510. @media only screen and (min-width: 801px) and (max-width: 1239px) {
  1511. #main > div > .content {padding-left: 28px;padding-right: 28px;}
  1512. }
  1513. @media only screen and (min-width: 801px) {
  1514. #main.sidebarOrientationRight.sidebarCollapsed > div > div > .sidebar {width: 20px;}
  1515. #main.sidebarOrientationRight.sidebarCollapsed > div > div > .sidebar > span > .collapsibleButton::before {content: "\f053";}
  1516. #main.sidebarOrientationRight.sidebarCollapsed > div > div > .sidebar > div {width: 0;}
  1517. }
  1518. html[dir="rtl"] #main.sidebarOrientationRight > div > div > .sidebar > span > .collapsibleButton::before {content: "\f053";}
  1519. html[dir="rtl"] #main.sidebarOrientationRight.sidebarCollapsed > div > div > .sidebar > span > .collapsibleButton::before {content: "\f054";}
  1520. .boxHeadline {margin-top: 14px;overflow: hidden;}
  1521. .boxHeadline h1 {font-size: 1.7rem;}
  1522. .boxHeadline > p {color: #888888;font-size: .85rem;}
  1523. .boxHeadline > .dataList, .boxHeadline > .inlineDataList {color: #888888;font-size: .85rem;}
  1524. .boxHeadline > h1, .boxSubHeadline > h2 {color: #666666;font-family: "Trebuchet MS", Arial, sans-serif;font-weight: bold;text-shadow: 0 1px 0 transparent;}
  1525. .boxHeadline > h1 a, .boxSubHeadline > h2 a {color: #666666;text-decoration: none;}
  1526. .boxSubHeadline > h2 {font-size: 1.4rem;}
  1527. @media only screen and (max-width: 800px) {
  1528. .boxHeadline {margin-top: 7px;margin-left: 7px;margin-right: 7px;}
  1529. }
  1530. @media only screen and (min-width: 641px) and (max-width: 800px) {
  1531. .boxHeadline {margin-left: 14px;margin-right: 14px;}
  1532. }
  1533. .contentNavigation {display: table;width: 100%;}
  1534. .contentNavigation > * {margin-top: 14px;}
  1535. .contentNavigation > nav.pageNavigation > ul {float: left;}
  1536. .contentNavigation > nav:not(.pageNavigation) > ul:not(.buttonGroup) {margin-right: 2px;float: right;font-size: 0;margin-bottom: -7px;}
  1537. .contentNavigation > nav:not(.pageNavigation) > ul:not(.buttonGroup) > li {display: inline-block;font-size: 1rem;margin-bottom: 7px;}
  1538. .contentNavigation > nav:not(.pageNavigation) > ul:not(.buttonGroup) > li:not(:last-child) {margin-right: 8px;}
  1539. .contentNavigation > nav:not(.pageNavigation) > ul:not(.buttonGroup) > li .button {margin-left: 0;margin-right: 0;}
  1540. .contentNavigation > nav:not(.pageNavigation) > ul:not(.buttonGroup).smallButtons > li:not(:last-child) {margin-right: 4px;}
  1541. .contentNavigation > nav:not(.pageNavigation) > ul:not(.buttonGroup).iconList > li:not(:last-child) {margin-right: 2px;}
  1542. .contentNavigation > nav:not(.pageNavigation) > ul:not(.buttonGroup) > li:not(:last-child) {margin-right: 0;}
  1543. .contentNavigation > nav:not(.pageNavigation) > ul:not(.buttonGroup) > li:not(:first-child) {margin-left: 8px;}
  1544. .contentNavigation > nav:not(.pageNavigation) > ul.buttonGroup {float: right;}
  1545. .contentNavigation > nav:not(.pageNavigation) + nav.jsClipboardEditor > ul, .contentNavigation > nav:not(.pageNavigation) + nav > ul.buttonGroup {margin-right: 8px;}
  1546. @media only screen and (max-width: 800px) {
  1547. .contentNavigation {box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;padding-left: 7px;padding-right: 7px;}
  1548. }
  1549. @media only screen and (min-width: 641px) and (max-width: 800px) {
  1550. .contentNavigation {padding-left: 14px;padding-right: 14px;}
  1551. }
  1552. .container {background-color: #ffffff;}
  1553. .containerPadding {padding: 14px 21px 14px;}
  1554. @media only screen and (max-width: 800px) {
  1555. .container {border-width: 1px 0;}
  1556. .containerPadding {padding: 7px;}
  1557. }
  1558. @media only screen and (min-width: 641px) and (max-width: 800px) {
  1559. .containerPadding {padding-left: 14px;padding-right: 14px;}
  1560. }
  1561. .containerHeadline > h3 {font-size: 1.2rem;font-weight: bold;}
  1562. .containerHeadline > h3 > small {color: #888888;font-weight: normal;text-shadow: none;white-space: nowrap;word-wrap: normal;}
  1563. .containerHeadline > h3 > .badge {top: -1px;}
  1564. .containerHeadline > h3, .containerHeadline > h3 > a {text-shadow: 0 1px 0 transparent;}
  1565. .containerHeadline + * {margin-top: 7px;}
  1566. .containerList > li {padding: 14px 21px;-webkit-transition-property: background-color;transition-property: background-color;-webkit-transition-duration: .1s;transition-duration: .1s;-webkit-transition-timing-function: linear;transition-timing-function: linear;}
  1567. .containerList > li:nth-child(even) {background-color: #fff;}
  1568. .containerList > li:hover > div > div > .buttonGroupNavigation > .buttonList {opacity: 1;}
  1569. .containerList > li:hover > div > div > .containerHeadline > .containerContentType {color: #888888;}
  1570. .containerList > li.showMore {text-align: center;}
  1571. .containerList > li.showMore > button {padding-left: 30px;padding-right: 30px;}
  1572. .containerList > li.showMore > small {color: #888888;}
  1573. .containerList > li > div > div {position: relative;}
  1574. .containerList > li > div > div > .buttonGroupNavigation {margin-top: 0;position: absolute;right: 0;top: 0;}
  1575. .containerList > li > div > div > .buttonGroupNavigation > .buttonList {opacity: 0;-webkit-transition-property: opacity;transition-property: opacity;-webkit-transition-duration: .1s;transition-duration: .1s;-webkit-transition-timing-function: linear;transition-timing-function: linear;}
  1576. .containerList > li > div > div > .containerHeadline > .containerContentType {color: #bbbbbb;position: absolute;right: 0;top: 3px;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: .1s;transition-duration: .1s;-webkit-transition-timing-function: linear;transition-timing-function: linear;}
  1577. .containerList > li > div > div > .containerHeadline .newContentBadge {color: #ffffff;text-transform: uppercase;text-shadow: 0 1px 0 transparent;text-shadow: 0 -1px 0 transparent;background-color: #bdbf40;background-image: -webkit-linear-gradient(#cacc66,#bdbf40);background-image: linear-gradient(#cacc66,#bdbf40);}
  1578. .containerList > * > li {padding: 14px 21px;}
  1579. .containerList.styleList > li > div.box64 > span {text-align: center;width: 110px;}
  1580. .containerList.styleList > li > div.box64 > div {margin-left: 115px;}
  1581. @media only screen and (max-width: 800px) {
  1582. .containerList > li {padding: 7px;}
  1583. .containerList > li .containerContentType {display: none;}
  1584. .containerList.infoBoxList > li.box32 > span.icon {display: none;}
  1585. .containerList.infoBoxList > li.box32 > div {margin-left: 0;}
  1586. }
  1587. @media only screen and (min-width: 641px) and (max-width: 800px) {
  1588. .containerList > li {padding: 7px 14px;}
  1589. }
  1590. @media screen and (min-width: 1240px) {
  1591. .containerList.doubleColumned {overflow: hidden;}
  1592. .containerList.doubleColumned > li {padding: 0;float: left;width: 50%;height: 90px;overflow: hidden;}
  1593. .containerList.doubleColumned > li:nth-child(even) {float: right;}
  1594. .containerList.doubleColumned > li:nth-child(4n), .containerList.doubleColumned > li:nth-child(4n+1) {background-color: #ffffff;}
  1595. .containerList.doubleColumned > li:nth-child(4n+2), .containerList.doubleColumned > li:nth-child(4n+3) {background-color: #f9f9f9;}
  1596. .containerList.doubleColumned > li:hover {background-color: #f4f4f4;}
  1597. .containerList.doubleColumned > li > div {padding: 14px 21px;}
  1598. .containerList.doubleColumned::after {content: "";display: table;clear: left;}
  1599. }
  1600. .nestedCategoryList > li {margin-top: 14px;overflow: hidden;}
  1601. .nestedCategoryList > li:first-child {margin-top: 0;}
  1602. .nestedCategoryList > li > div {padding: 0 14px;}
  1603. .nestedCategoryList > li > div > ol {margin-top: 0;}
  1604. .nestedCategoryList > li > div > ol > li {display: inline-block;font-size: .85rem;}
  1605. .flexibleCategoryList {position: relative;}
  1606. .flexibleCategoryList > li {margin-bottom: 14px;}
  1607. .flexibleCategoryList > li > ol {margin-left: 21px;}
  1608. .flexibleCategoryList > li > ol > li > ol {margin-bottom: 7px;margin-left: 21px;}
  1609. .flexibleCategoryList > li > ol > li > ol > li {font-size: .85rem;}
  1610. @media all and (min-width: 801px) {
  1611. .nestedCategoryList.doubleColumned > li {float: left;width: 50%;}
  1612. .nestedCategoryList.doubleColumned > li:nth-child(odd):not(:first-child) {clear: left;}
  1613. .nestedCategoryList.doubleColumned > li:nth-child(2) {margin-top: 0;}
  1614. .nestedCategoryList.doubleColumned::after {content: "";display: table;clear: left;}
  1615. .flexibleCategoryList:not(.flexibleCategoryListDisabled) {-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;}
  1616. .flexibleCategoryList:not(.flexibleCategoryListDisabled) > li {-webkit-column-break-inside: avoid;break-inside: avoid;}
  1617. .flexibleCategoryList:not(.flexibleCategoryListDisabled) > li > ol > li > ol {font-size: 0;}
  1618. .flexibleCategoryList:not(.flexibleCategoryListDisabled) > li > ol > li > ol > li {display: inline-block;}
  1619. @-moz-document url-prefix() {.flexibleCategoryList:not(.flexibleCategoryListDisabled) > li {display: block;overflow: hidden;}
  1620. }
  1621. }
  1622. .sidebarNestedCategoryList ol {margin-left: 14px;}
  1623. .sidebarNestedCategoryList li {margin: 6px 0;position: relative;}
  1624. .sidebarNestedCategoryList li > span {position: absolute;right: 0;top: 2px;}
  1625. .sidebarNestedCategoryList li > a {display: block;overflow: hidden;padding-right: 45px;text-overflow: ellipsis;}
  1626. .sidebarNestedCategoryList li.active > a {font-weight: bold;}
  1627. .containerBoxList {margin-bottom: -7px;}
  1628. .containerBoxList > li {margin-bottom: 7px;}
  1629. .containerBoxList > li > div {overflow: hidden;white-space: nowrap;word-wrap: normal;}
  1630. @media all and (min-width: 801px) {
  1631. .containerBoxList.doubleColumned::before, .containerBoxList.doubleColumned::after, .containerBoxList.tripleColumned::before, .containerBoxList.tripleColumned::after {display: table;content: "";}
  1632. .containerBoxList.doubleColumned::after, .containerBoxList.tripleColumned::after {clear: both;}
  1633. .containerBoxList.doubleColumned > li, .containerBoxList.tripleColumned > li {float: left;}
  1634. .containerBoxList.doubleColumned > li > div, .containerBoxList.tripleColumned > li > div {margin-right: 21px;}
  1635. .containerBoxList.doubleColumned > li {width: 50%;}
  1636. .containerBoxList.doubleColumned > li:nth-child(odd):not(:first-child) {clear: left;}
  1637. .containerBoxList.tripleColumned > li {width: 33%;}
  1638. .containerBoxList.tripleColumned > li:nth-child(3n+1):not(:first-child) {clear: left;}
  1639. }
  1640. .box16 {min-height: 20px;}
  1641. .box16 > :first-child {float: left;}
  1642. .box16 > *:not(:first-child) {margin-left: 20px;}
  1643. .box16 > .framed ~ * {margin-left: 24px;}
  1644. .box24 {min-height: 28px;}
  1645. .box24 > :first-child {float: left;}
  1646. .box24 > *:not(:first-child) {margin-left: 28px;}
  1647. .box24 > .framed ~ * {margin-left: 32px;}
  1648. .box32 {min-height: 36px;}
  1649. .box32 > :first-child {float: left;}
  1650. .box32 > *:not(:first-child) {margin-left: 39px;}
  1651. .box32 > .framed ~ * {margin-left: 43px;}
  1652. .box48 {min-height: 52px;}
  1653. .box48 > :first-child {float: left;}
  1654. .box48 > *:not(:first-child) {margin-left: 55px;}
  1655. .box48 > .framed ~ * {margin-left: 59px;}
  1656. .box64 {min-height: 68px;}
  1657. .box64 > :first-child {float: left;}
  1658. .box64 > *:not(:first-child) {margin-left: 71px;}
  1659. .box64 > .framed ~ * {margin-left: 75px;}
  1660. .box96 {min-height: 100px;}
  1661. .box96 > :first-child {float: left;}
  1662. .box96 > *:not(:first-child) {margin-left: 107px;}
  1663. .box96 > .framed ~ * {margin-left: 111px;}
  1664. .box128 {min-height: 132px;}
  1665. .box128 > :first-child {float: left;}
  1666. .box128 > *:not(:first-child) {margin-left: 139px;}
  1667. .box128 > .framed ~ * {margin-left: 143px;}
  1668. .box256 {min-height: 260px;}
  1669. .box256 > :first-child {float: left;}
  1670. .box256 > *:not(:first-child) {margin-left: 277px;}
  1671. .box256 > .framed ~ * {margin-left: 281px;}
  1672. .breadcrumbs {box-sizing: border-box;overflow: hidden;position: relative;text-align: left;}
  1673. .breadcrumbs > ul::before, .breadcrumbs > ul::after {display: table;content: "";}
  1674. .breadcrumbs > ul::after {clear: both;}
  1675. .breadcrumbs > ul > li {float: left;font-size: .85rem;list-style: none;max-width: 30%;padding-right: 10px;position: relative;}
  1676. .breadcrumbs > ul > li:first-child > a::before {content: "\f015";display: inline-block;font-family: FontAwesome;font-size: 14px;margin: -3px 7px -3px 0;vertical-align: -1px;}
  1677. .breadcrumbs > ul > li > a {color: #666666;display: block;overflow: hidden;padding: 5px 1px 5px 5px;text-decoration: none;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;text-shadow: 0 1px 0 transparent;}
  1678. .breadcrumbs > ul > li > .pointer {padding: 5px 0;position: absolute;top: 0;right: 0;}
  1679. @media only screen and (max-width: 800px) {
  1680. .content > .breadcrumbs {background-color: #ffffff;border: 1px solid #dddddd;border-radius: 6px;display: inline-block;margin-left: 7px;margin-right: 7px;max-width: 90%;}
  1681. .content > .breadcrumbs > ul > li {float: none;max-width: none;padding-right: 0;}
  1682. .content > .breadcrumbs > ul > li:not(:last-child) {display: none;}
  1683. .content > .breadcrumbs > ul > li > a {padding: 4px 14px;}
  1684. .content > .breadcrumbs > ul > li > a::before {content: "\f062";font-family: FontAwesome;font-size: 14px;padding-right: 7px;}
  1685. .content > .breadcrumbs > ul > li > .pointer {display: none;}
  1686. .content > .breadcrumbs ~ .breadcrumbs {display: none;}
  1687. }
  1688. @media only screen and (min-width: 641px) and (max-width: 800px) {
  1689. .content > .breadcrumbs {margin-left: 14px;margin-right: 14px;}
  1690. }
  1691. .smallBreadcrumbs > li {display: inline;font-size: .85rem;}
  1692. .tabMenu {display: block;margin-top: 21px;position: relative;text-align: left;}
  1693. .tabMenu > ul {background-color: #f9f9f9;border-color: #dddddd;border-style: solid;border-width: 1px 1px 0 1px;display: inline-block;font-size: 0;position: relative;white-space: nowrap;word-wrap: normal;text-shadow: 0 1px 0 transparent;}
  1694. .tabMenu > ul > li {display: inline-block;outline: 0;}
  1695. .tabMenu > ul > li.ui-state-active > a {background-color: #ffffff;border-color: #dddddd #dddddd #ffffff;border-style: solid;border-width: 1px;color: #ff9100;font-weight: bold;z-index: 30;}
  1696. .tabMenu > ul > li > a {color: #888888;display: inline-block;font-size: 1.1rem;outline: 0;padding: 7px 10px;position: relative;text-decoration: none;z-index: 10;}
  1697. .tabMenu > ul > li > a > .badge {top: -1px;}
  1698. .tabMenu > ul > li:not(.ui-state-active) > a:hover {color: #ff9100;}
  1699. @media only screen and (max-width: 800px) {
  1700. .tabMenu > ul > li.ui-state-active {margin-top: -1px;}
  1701. .tabMenu > ul > li.ui-state-active:first-child {margin-left: -1px;}
  1702. .tabMenu > ul > li.ui-state-active:last-child {margin-right: -1px;}
  1703. }
  1704. @media all and (min-width: 801px) {
  1705. .tabMenu > ul {padding: 0 5px 3px 5px;}
  1706. .tabMenu > ul > li > a {bottom: -3px;padding: 1px 10px 3px;}
  1707. .tabMenu > ul > li.ui-state-active > a {font-size: 1.3rem;margin-top: -10px;padding: 10px 15px 5px;}
  1708. .tabMenu > ul > li.ui-state-active:first-child {margin-left: -6px;}
  1709. .tabMenu > ul > li.ui-state-active:last-child {margin-right: -6px;}
  1710. }
  1711. .tabMenu > ul > li.ui-state-active > a, .tabMenu > ul > li.ui-state-disabled > a, .tabMenu > ul > li.ui-state-processing > a {cursor: default;}
  1712. .tabMenuContent {display: block;margin-top: -1px;min-height: 21px;position: relative;z-index: 20;}
  1713. .tabMenuContainer.containerPadding > .menu {margin: -14px -21px 14px -21px;}
  1714. .tabMenuContainer > .menu {border-bottom: 1px solid #dddddd;padding: 4px 7px;background-color: #ffffff;background-image: -webkit-linear-gradient(#ffffff,#f9f9f9);background-image: linear-gradient(#ffffff,#f9f9f9);}
  1715. .tabMenuContainer > .menu ul {display: inline-block;font-size: 0;white-space: nowrap;}
  1716. .tabMenuContainer > .menu ul li {display: inline-block;outline: 0;vertical-align: bottom;}
  1717. .tabMenuContainer > .menu ul li.ui-state-active a, .tabMenuContainer > .menu ul li.ui-state-active a:hover {background-color: #f7eec6;border-color: #cacc66;color: #cacc66;cursor: default;}
  1718. .tabMenuContainer > .menu ul li a {background-color: #ffffff;border: 1px solid #dddddd;border-radius: 15px;color: #666666;display: block;font-size: .85rem;margin: 4px 0;outline: 0;padding: 4px 7px;}
  1719. .tabMenuContainer > .menu ul li a:hover {background-color: #f1f1f1;border-color: #e0e0e0;color: #666666;text-decoration: none;}
  1720. .tabMenuContainer > .menu ul li:not(:last-child) {padding-right: 4px;}
  1721. .tabMenuContainer > .menu ul li.dropdown > a {font-size: 1.0rem;padding: 4px 7px 2px;}
  1722. @media only screen and (max-width: 800px) {
  1723. .tabMenuContainer.containerPadding > .menu {margin: -7px -14px 7px -14px;}
  1724. }
  1725. .containerPadding > .tabMenuContainer:last-child {margin-bottom: 7px;}
  1726. .ui-tabs .ui-tabs-hide {display: none !important;}
  1727. .ui-helper-hidden {display: none;}
  1728. .ui-helper-hidden-accessible {position: absolute !important;clip: rect(1px 1px 1px 1px);clip: rect(1px,1px,1px,1px);}
  1729. .tabularBox {background-color: #cacc66;border: 1px solid #dddddd;}
  1730. .tabularBox > .container {border: 0;}
  1731. .tabularBoxTitle > header {color: #ffffff;padding: 5px 7px;}
  1732. .tabularBoxTitle > header > h2 {font-size: 1.2rem;font-weight: bold;text-shadow: 0 1px 0 transparent;}
  1733. .tabularBoxTitle > header > h2 > a {color: #ffffff;}
  1734. .tabularBoxTitle > header > h2 > a:hover {color: #ffffff;text-decoration: none;}
  1735. .tabularBoxTitle > header .icon {color: #ffffff;text-shadow: 0 1px 0 transparent;}
  1736. @media only screen and (max-width: 800px) {
  1737. .tabularBox {border-width: 1px 0;}
  1738. .tabularBoxTitle {border-top-width: 0;}
  1739. }
  1740. @media only screen and (min-width: 641px) and (max-width: 800px) {
  1741. .tabularBoxTitle > header {padding-left: 14px;padding-right: 14px;}
  1742. }
  1743. .table, .cke_wysiwyg_div table {border-spacing: 0;width: 100%;}
  1744. .table th, .table td, .cke_wysiwyg_div table th, .cke_wysiwyg_div table td {padding: 7px;text-align: left;vertical-align: middle;word-break: break-word;}
  1745. .table th > label, .table td > label, .cke_wysiwyg_div table th > label, .cke_wysiwyg_div table td > label {cursor: pointer;display: block;margin: -7px;padding: 7px;}
  1746. .table th > label > input[type="checkbox"], .table td > label > input[type="checkbox"], .cke_wysiwyg_div table th > label > input[type="checkbox"], .cke_wysiwyg_div table td > label > input[type="checkbox"] {margin: -1px 3px 0;}
  1747. .table th, .cke_wysiwyg_div table th {border-right: 1px solid rgba(0,0,0,0.2);color: #ffffff;font-size: .85rem;font-weight: bold;white-space: nowrap;word-wrap: normal;text-shadow: 0 1px 0 transparent;background-color: rgba(0,0,0,0.3);background-image: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.3));background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.3));}
  1748. .table th > a, .cke_wysiwyg_div table th > a {color: #ffffff;display: block;margin: -7px;position: relative;}
  1749. .table th > a:hover, .cke_wysiwyg_div table th > a:hover {text-decoration: none;}
  1750. .table th > a > img, .cke_wysiwyg_div table th > a > img {margin: -5px 0;}
  1751. .table th.active > a, .cke_wysiwyg_div table th.active > a {background-color: rgba(0,0,0,0.1);color: #ffffff;box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.1);}
  1752. .table th.ASC > a, .table th.DESC > a, .cke_wysiwyg_div table th.ASC > a, .cke_wysiwyg_div table th.DESC > a {padding-right: 20px;}
  1753. .table th.ASC > a::after, .table th.DESC > a::after, .cke_wysiwyg_div table th.ASC > a::after, .cke_wysiwyg_div table th.DESC > a::after {display: inline-block;font-family: FontAwesome;font-size: 14px;position: absolute;margin-left: 4px;text-shadow: 0 1px 0 transparent;}
  1754. .table th.ASC > a::after, .cke_wysiwyg_div table th.ASC > a::after {content: "\f0de";top: 8px;}
  1755. .table th.DESC > a::after, .cke_wysiwyg_div table th.DESC > a::after {content: "\f0dd";top: 3px;}
  1756. .table th:hover > a, .cke_wysiwyg_div table th:hover > a {background-color: rgba(0,0,0,0.2);color: #ffffff;}
  1757. .table th > *, .cke_wysiwyg_div table th > * {padding: 7px;}
  1758. .table td, .cke_wysiwyg_div table td {background-color: #ffffff;-webkit-transition-property: background;transition-property: background;-webkit-transition-duration: .1s;transition-duration: .1s;-webkit-transition-timing-function: linear;transition-timing-function: linear;}
  1759. .table td.columnMark, .table td.columnStatus, .cke_wysiwyg_div table td.columnMark, .cke_wysiwyg_div table td.columnStatus {text-align: center;width: 1px;white-space: nowrap;word-wrap: normal;}
  1760. .table td.columnDigits, .table td.columnID, .cke_wysiwyg_div table td.columnDigits, .cke_wysiwyg_div table td.columnID {text-align: right;width: 1px;white-space: nowrap;word-wrap: normal;}
  1761. .table td.columnIcon, .cke_wysiwyg_div table td.columnIcon {text-align: left;width: 1px;white-space: nowrap;word-wrap: normal;}
  1762. .table td.columnTitle, .cke_wysiwyg_div table td.columnTitle {font-weight: bold;text-align: left;}
  1763. .table td.columnText, .cke_wysiwyg_div table td.columnText {font-weight: normal;text-align: left;max-width: 20%;}
  1764. .table td.columnDate, .cke_wysiwyg_div table td.columnDate {font-size: .85rem;text-align: right;width: 1px;white-space: nowrap;word-wrap: normal;}
  1765. .table td.columnURL, .table td.columnSmallText, .cke_wysiwyg_div table td.columnURL, .cke_wysiwyg_div table td.columnSmallText {font-size: .85rem;text-align: left;}
  1766. .table > tbody > tr:nth-child(even) > td, .cke_wysiwyg_div table > tbody > tr:nth-child(even) > td {background-color: #f9f9f9;}
  1767. .table > tbody > tr:not(:last-child) > td, .cke_wysiwyg_div table > tbody > tr:not(:last-child) > td {border-bottom: 1px solid rgba(255,255,255,0.3);}
  1768. .table > tbody > tr:hover > td, .cke_wysiwyg_div table > tbody > tr:hover > td {background-color: #f4f4f4;}
  1769. .table > tbody > tr > td:not(:last-child), .cke_wysiwyg_div table > tbody > tr > td:not(:last-child) {border-right: 1px solid rgba(255,255,255,0.3);}
  1770. .table > tbody > tr > td.focus, .cke_wysiwyg_div table > tbody > tr > td.focus {background-color: #f4f4f4;}
  1771. .table > tbody > tr > td.left, .cke_wysiwyg_div table > tbody > tr > td.left {text-align: left;}
  1772. .table > tbody > tr > td.right, .cke_wysiwyg_div table > tbody > tr > td.right {text-align: right;}
  1773. .table .statusDisplay, .cke_wysiwyg_div table .statusDisplay {float: right;}
  1774. .table .statusDisplay .statusIcons, .cke_wysiwyg_div table .statusDisplay .statusIcons {float: right;margin-left: 7px;}
  1775. .table .statusDisplay .statusIcons li, .cke_wysiwyg_div table .statusDisplay .statusIcons li {display: inline-block;}
  1776. .table tr.jsMarked, .cke_wysiwyg_div table tr.jsMarked {color: #666666;}
  1777. .table tr.jsMarked > td, .cke_wysiwyg_div table tr.jsMarked > td {background-color: #ffffc8 !important;}
  1778. .table tr.jsMarked a:not(.badge), .cke_wysiwyg_div table tr.jsMarked a:not(.badge) {color: #666666;}
  1779. @media screen and (max-width: 800px) {
  1780. .responsiveTable {display: block;}
  1781. .responsiveTable thead, .responsiveTable tbody, .responsiveTable th, .responsiveTable td, .responsiveTable tr {display: block;}
  1782. .responsiveTable thead tr {display: none;}
  1783. .responsiveTable tr {border: 1px solid #dddddd;border-top-width: 0;}
  1784. .responsiveTable tr:last-child {border-bottom-width: 0;}
  1785. .responsiveTable td {text-align: left !important;max-width: none !important;width: auto !important;}
  1786. }
  1787. dl.statsDataList > dt {color: #888888;display: block;float: right;font-size: .85rem;line-height: 1.5;overflow: hidden;text-align: left;white-space: nowrap;width: 62%;word-wrap: normal;}
  1788. dl.statsDataList > dt > a {text-decoration: none;}
  1789. dl.statsDataList > dt:not(:first-child) {clear: both;}
  1790. dl.statsDataList > dd {color: #666666;float: left;font-weight: bold;margin: 0;overflow: hidden;text-align: right;text-overflow: ellipsis;white-space: nowrap;width: 35%;word-wrap: normal;}
  1791. dl.statsDataList > dd > a {text-decoration: none;}
  1792. dl.statsDataList::after {display: table;content: "";clear: both;}
  1793. dl.inlineDataList {overflow: hidden;}
  1794. dl.inlineDataList > dd {display: inline-block;margin: 0 4px 0 0;padding: 0;}
  1795. dl.inlineDataList > dt {color: #888888;display: inline-block;margin: 0;text-align: left;width: auto;}
  1796. dl.inlineDataList > dt::after {content: ":";}
  1797. dl.dataList::before, dl.dataList::after {display: table;content: "";}
  1798. dl.dataList::after {clear: both;}
  1799. dl.dataList dt {color: #888888;clear: right;float: left;margin-right: 4px;text-align: left;}
  1800. dl.dataList dt::after {content: ":";}
  1801. dl.dataList dd {float: right;text-align: right;}
  1802. dl.dataList dd:not(:last-child) {margin-bottom: 3px;}
  1803. ul.inlineDataList li, ul.dataList li {display: inline-block;}
  1804. ul.inlineDataList li:not(:last-child)::after, ul.dataList li:not(:last-child)::after {content: ",";}
  1805. ul.inlineDataList {display: inline-block;}
  1806. .contentNavigation .pageNavigation {float: left;margin: 19px 0 3px;}
  1807. .contentNavigation .pageNavigation ul li {margin: 0 2px;}
  1808. .pageNavigation ul li {border-radius: 3px;float: left;font-weight: bold;margin: 0 1px;min-width: 19px;padding: 0;text-align: center;}
  1809. .pageNavigation ul li:not(.active):not(.disabled) {cursor: pointer;}
  1810. .pageNavigation ul li.disabled {background-image: none;border: 1px solid rgba(0,0,0,0.1);cursor: not-allowed;}
  1811. .pageNavigation ul li.skip > a {padding: 2px 0 1px;}
  1812. .pageNavigation ul li.skip > span {padding: 3px 0 1px;}
  1813. .pageNavigation ul li:not(.disabled):hover > a {color: #666666;}
  1814. .pageNavigation ul li:not(.skip) > a {padding: 2px 3px;}
  1815. .pageNavigation ul li.active > span {padding: 2px 3px;}
  1816. .pageNavigation ul li > a {color: #666666;display: block;text-decoration: none;text-shadow: 0 1px 0 transparent;}
  1817. .pageNavigation ul li > span:not(.invisible) {display: inline-block;}
  1818. @media only screen and (max-width: 800px) {
  1819. .pageNavigation > ul > li:not(.skip):not(.active) {display: none;}
  1820. .pageNavigation > ul > li:nth-last-child(2):not(.active) {display: block;}
  1821. .pageNavigation > ul > li.active > span.invisible {display: inline-block;}
  1822. .pageNavigation > ul > li.active > span:not(.invisible) {display: none;}
  1823. }
  1824. .statusDisplay .pageNavigation {font-size: .85rem;float: left;margin-top: 2px;}
  1825. .statusDisplay .pageNavigation ul li {min-width: 13px;}
  1826. .statusDisplay .pageNavigation ul li:not(.skip) a {padding: 1px;}
  1827. .sidebar > div > fieldset:not(:last-child), .sidebar > div > div:not(:last-child) {border-bottom: 1px solid #dddddd;margin-bottom: 14px;}
  1828. .sidebar.collapsibleMenu > div > fieldset, .sidebar.collapsibleMenu > div > div {border-bottom-width: 0;}
  1829. .sidebar {padding: 21px 0 7px;}
  1830. .sidebar fieldset {padding: 7px 14px 14px;margin-top: 0;box-sizing: border-box;-moz-box-sizing: border-box;min-width: 300px;width: 300px;}
  1831. .sidebar fieldset > legend {border-width: 0;color: #666666;font-family: "Trebuchet MS", Arial, sans-serif;font-weight: normal;font-size: 1rem;padding: 0;text-transform: uppercase;text-shadow: 0 1px 0 transparent;}
  1832. .sidebar fieldset > legend > .badge {float: right;}
  1833. .sidebar fieldset > legend > a {color: #666666;text-decoration: none;}
  1834. .sidebar fieldset > legend.invisible + div {margin-top: -7px;}
  1835. .sidebar fieldset::after {content: "";height: 0;display: block;clear: both;}
  1836. .sidebar fieldset .button.more {margin: 5px 0 0;float: right;}
  1837. .sidebar fieldset > nav {margin: 0 -14px 0;}
  1838. .sidebar fieldset > nav ul > li.active {background-color: #ffffff;}
  1839. .sidebar fieldset > nav ul > li.active > a {font-weight: bold;}
  1840. .sidebar fieldset > nav ul > li:hover:not(.active) > a {color: #ff6d00;}
  1841. .sidebar fieldset > nav ul > li > a {color: #ff9100;display: block;padding: 4px 14px 7px 21px;text-shadow: 0 1px 0 transparent;}
  1842. .sidebar fieldset > nav ul > li > a:hover {text-decoration: none;}
  1843. .sidebar .sidebarBoxList > li:not(:last-child) {margin-bottom: 7px;}
  1844. .sidebar .sidebarBoxList {overflow: hidden;}
  1845. .sidebar .sidebarBoxHeadline > h3 {color: #ff9100;margin-bottom: 1px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;text-shadow: 0 1px 0 transparent;}
  1846. .sidebar .sidebarBoxHeadline > h3 a {text-shadow: 0 1px 0 transparent;}
  1847. .sidebar .sidebarBoxHeadline > h3 small {text-shadow: none;}
  1848. .sidebar .formSubmit {margin-bottom: 14px;margin-top: 0;width: 300px;}
  1849. .sidebar.collapsibleMenu legend {color: #ff9100;cursor: pointer;font-weight: bold;font-size: 1.3rem;padding-left: 41px;position: relative;margin-left: -14px;text-transform: none;}
  1850. .sidebar.collapsibleMenu legend::before {content: "\f054";display: inline-block;font-family: FontAwesome;font-size: 14px;height: 16px;left: 21px;position: absolute;text-align: center;top: 2px;width: 16px;}
  1851. .sidebar.collapsibleMenu legend.active::before {content: "\f078";}
  1852. .sidebar.collapsibleMenu nav ul > li > a {padding-left: 41px;}
  1853. .sidebar dl.dataList {font-size: .85rem;overflow: hidden;}
  1854. .sidebar dl.inlineDataList {font-size: .85rem;}
  1855. .sidebar dl.inlineDataList > dt {float: left;}
  1856. .sidebar dl.inlineDataList > dd {display: block;padding-right: 14px;text-align: right;}
  1857. .sideBySide {display: table;table-layout: fixed;width: 100%;}
  1858. .sideBySide > * {display: table-cell;width: 50%;}
  1859. .wcfAdLocation {overflow: hidden;}
  1860. .wcfAdLocationHeaderContent, .wcfAdLocationFooterContent, .wcfAdLocationFooterBottom {text-align: center;}
  1861. .wcfAdLocationHeaderContent > div, .wcfAdLocationFooterContent > div, .wcfAdLocationFooterBottom > div {display: inline-block;text-align: left;}
  1862. .wcfAdLocationHeaderContent {margin-top: 7px;}
  1863. .wcfAdLocationFooterContent, .wcfAdLocationFooterBottom {margin-top: 14px;}
  1864. .wcfAdLocationSidebarTop, .wcfAdLocationSidebarBottom {padding: 0 14px 14px;text-align: center;}
  1865. .wcfAdLocationSidebarTop > div, .wcfAdLocationSidebarBottom > div {display: inline-block;text-align: left;}
  1866. .wcfAdLocationLogo {float: right;padding: 0 14px;}
  1867. @media print {
  1868. * {background-color: transparent !important;background-image: none !important;box-shadow: none !important;color: #000 !important;text-shadow: none !important;}
  1869. html, body {font-size: 12pt !important;}
  1870. .badge::before {content: "[";}
  1871. .badge::after {content: "]";}
  1872. .content {padding-left: 0 !important;padding-right: 0 !important;}
  1873. .logo {margin-top: 14px !important;}
  1874. a.externalURL::after {content: " (" attr(href) ")";font-size: .85rem;}
  1875. .sidebar, .button, .navigationIcons, .navigationMenuItems, .navigationHeader, .userPanel, .styleChooser {display: none !important;}
  1876. }
  1877. .CodeMirror-linenumber {min-width: 32px !important;}
  1878. .CodeMirror-lines {line-height: 1.2;}
  1879. .CodeMirror {direction: ltr;}
  1880. .ui-resizable {position: relative;}
  1881. .ui-resizable-handle {position: absolute;font-size: 0.1px;z-index: 99999;display: block;}
  1882. .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {display: none;}
  1883. .ui-resizable-n {cursor: n-resize;height: 7px;width: 100%;top: -5px;left: 0px;}
  1884. .ui-resizable-s {cursor: s-resize;height: 7px;width: 100%;bottom: -5px;left: 0px;}
  1885. .ui-resizable-e {cursor: e-resize;width: 7px;right: -5px;top: 0px;height: 100%;}
  1886. .ui-resizable-w {cursor: w-resize;width: 7px;left: -5px;top: 0px;height: 100%;}
  1887. .ui-resizable-se {cursor: se-resize;width: 12px;height: 12px;right: 1px;bottom: 1px;}
  1888. .ui-resizable-sw {cursor: sw-resize;width: 9px;height: 9px;left: -5px;bottom: -5px;}
  1889. .ui-resizable-nw {cursor: nw-resize;width: 9px;height: 9px;left: -5px;top: -5px;}
  1890. .ui-resizable-ne {cursor: ne-resize;width: 9px;height: 9px;right: -5px;top: -5px;}
  1891. .ps-container:hover > .ps-scrollbar-y-rail > .ps-scrollbar-y {background-color: rgba(102,102,102,0.6);}
  1892. .ps-container.ps-active-y > .ps-scrollbar-y-rail {display: block;}
  1893. .ps-container > .ps-scrollbar-y-rail {background-color: rgba(102,102,102,0);border-radius: 4px;bottom: 0;display: none;position: absolute;right: 2px;width: 8px;-webkit-transition-property: background-color;transition-property: background-color;-webkit-transition-duration: .3s;transition-duration: .3s;-webkit-transition-timing-function: linear;transition-timing-function: linear;}
  1894. .ps-container > .ps-scrollbar-y-rail:hover {background-color: rgba(102,102,102,0.3);}
  1895. .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {background-color: rgba(102,102,102,0);border-radius: 4px;position: relative;-webkit-transition-property: background-color;transition-property: background-color;-webkit-transition-duration: .3s;transition-duration: .3s;-webkit-transition-timing-function: linear;transition-timing-function: linear;}
  1896. .messageGroupList .columnSubject > .labelList {float: right;padding-left: 7px;}
  1897. .messageGroupList .columnSubject > h3 > .messageGroupLink {font-size: 1.2rem;}
  1898. .messageGroupList .columnSubject > h3 > .badge.label {top: -2px;}
  1899. .messageGroupList .columnSubject > small {display: block;}
  1900. .messageGroupList .columnSubject > nav {font-size: .85rem;}
  1901. .messageGroupList .columnSubject > nav > ul > li {display: inline;}
  1902. .messageGroupList tr.new .columnSubject > h3 > .messageGroupLink {font-weight: bold;}
  1903. .messageGroupList tr.new .columnAvatar div > p > img, .messageGroupList tr:hover .columnAvatar div > p > img {opacity: 1;}
  1904. .messageGroupList tr.messageDisabled {color: #009900;}
  1905. .messageGroupList tr.messageDisabled > td {background-color: #eeffee !important;}
  1906. .messageGroupList tr.messageDisabled a:not(.badge) {color: #009900;}
  1907. .messageGroupList tr.messageDeleted {color: #cc0000;}
  1908. .messageGroupList tr.messageDeleted > td {background-color: #ffeeee !important;}
  1909. .messageGroupList tr.messageDeleted a:not(.badge) {color: #cc0000;}
  1910. .messageGroupList tr .columnSubject .statusDisplay .pageNavigation {opacity: 0;-webkit-transition-property: opacity;transition-property: opacity;-webkit-transition-duration: .2s;transition-duration: .2s;-webkit-transition-timing-function: linear;transition-timing-function: linear;}
  1911. .messageGroupList tr:hover .columnSubject .statusDisplay .pageNavigation {opacity: 1;}
  1912. .messageGroupList tr.new .columnAvatar > div::after {color: #ff9100;content: "\f069";font-family: FontAwesome;font-weight: normal !important;font-style: normal !important;font-size: 14px;position: absolute;text-decoration: none !important;top: -4px;right: -2px;text-shadow: 0 1px 0 transparent;}
  1913. .messageGroupList .columnAvatar div {position: relative;width: 40px;height: 38px;}
  1914. .messageGroupList .columnAvatar div > p > img {opacity: .6;-webkit-transition-property: opacity;transition-property: opacity;-webkit-transition-duration: .2s;transition-duration: .2s;-webkit-transition-timing-function: linear;transition-timing-function: linear;}
  1915. .messageGroupList .columnAvatar .myAvatar {position: absolute;width: 16px;height: 16px;bottom: -2px;left: 24px;opacity: 1;box-shadow: 0 0 3px 0 rgba(0,0,0,0.3);}
  1916. .messageGroupList .columnLastPost {white-space: nowrap;word-wrap: normal;}
  1917. .messageGroupList .columnLastPost > div > div > small {color: #888888;}
  1918. .messageGroupList .messageGroupInfo {font-size: .85rem;}
  1919. .messageGroupList .messageGroupInfo > li {display: inline-block;}
  1920. .messageGroupList .messageGroupInfo > li:not(:first-child)::before {content: " - ";}
  1921. .messageGroupList .messageGroupInfo.mobileOptimization > li.messageGroupLastPoster, .messageGroupList .messageGroupInfo.mobileOptimization > li.messageGroupLastPostTime {display: none;}
  1922. @media only screen and (max-width: 800px) {
  1923. .messageGroupList .messageGroupInfo.mobileOptimization > li.messageGroupAuthor, .messageGroupList .messageGroupInfo.mobileOptimization > li.messageGroupTime {display: none;}
  1924. .messageGroupList .messageGroupInfo.mobileOptimization > li.messageGroupLastPoster, .messageGroupList .messageGroupInfo.mobileOptimization > li.messageGroupLastPostTime {display: inline-block;}
  1925. .messageGroupList .messageGroupInfo.mobileOptimization > li.messageGroupLastPoster::before {display: none;}
  1926. }
  1927. @media only screen and (min-width: 801px) {
  1928. .messageList .messageGroupStarter {position: relative;}
  1929. .messageList .messageGroupStarter > .message::after {content: "\f005";font-family: FontAwesome;font-size: 14px;display: block;left: 4px;position: absolute;top: 2px;text-shadow: 0 1px 0 transparent;}
  1930. .messageList .messageGroupStarter > .message.messageSidebarOrientationRight::after {left: auto;right: 4px;}
  1931. }
  1932. .message {background-color: #f4f4f4;border: 1px solid #eff1f3;position: relative;}
  1933. .message:hover .messageHeader .messageQuickOptions > li {opacity: 1;}
  1934. .message:hover .messageOptions nav {opacity: 1;}
  1935. .message.messageDisabled:not(.messageReduced) {background-color: #eeffee;}
  1936. .message.messageDisabled:not(.messageReduced) .messageSidebar {color: #009900;}
  1937. .message.messageDisabled:not(.messageReduced) .messageSidebar a {color: #009900;}
  1938. .message.messageDeleted:not(.messageReduced) {background-color: #ffeeee;}
  1939. .message.messageDeleted:not(.messageReduced) .messageSidebar {color: #cc0000;}
  1940. .message.messageDeleted:not(.messageReduced) .messageSidebar a {color: #cc0000;}
  1941. .message.jsMarked:not(.messageReduced) {background-color: #ffffc8;}
  1942. .message.jsMarked:not(.messageReduced) .messageSidebar {color: #666666;}
  1943. .message.jsMarked:not(.messageReduced) .messageSidebar a {color: #666666;}
  1944. .message .messageOptions {font-size: .85rem;position: relative;}
  1945. .message .messageOptions.forceHidden nav {display: none !important;}
  1946. .message .messageOptions.forceOpen nav {opacity: 1;}
  1947. .message .messageOptions nav {bottom: -2px;opacity: 0;position: absolute;right: -22px;text-align: right;-webkit-transition-property: opacity;transition-property: opacity;-webkit-transition-duration: .1s;transition-duration: .1s;-webkit-transition-timing-function: linear;transition-timing-function: linear;}
  1948. .message .messageOptions nav ul.smallButtons > li a.button {border-radius: 0;}
  1949. .message .messageHeader .messageQuickOptions {float: right;}
  1950. .message .messageHeader .messageQuickOptions > li {display: inline-block;opacity: .6;-webkit-transition-property: opacity;transition-property: opacity;-webkit-transition-duration: .2s;transition-duration: .2s;-webkit-transition-timing-function: linear;transition-timing-function: linear;}
  1951. .message .messageHeader .messageQuickOptions > li span.icon {color: #888888;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: .2s;transition-duration: .2s;-webkit-transition-timing-function: linear;transition-timing-function: linear;}
  1952. .message .messageHeader .messageQuickOptions > li > a:hover > span.icon {color: #ff9100;}
  1953. .message .messageHeader .messageQuickOptions > li > .badge {top: -2px;}
  1954. .message .messageHeader .messageQuickOptions input[type=checkbox] {position: relative;top: 1px;}
  1955. .message .messageHeader .permalink {color: #888888;}
  1956. .message.dividers .userCredits {border-top: 1px solid #dddddd;}
  1957. .touch .message .messageOptions nav {opacity: 1;}
  1958. .touch .messageBody > footer {padding-bottom: 28px;}
  1959. @media only screen and (max-width: 800px) {
  1960. .message {border-width: 1px 0;}
  1961. }
  1962. .message.messageSidebarOrientationLeft .messageContent {border-left: 1px solid #dddddd;margin: 0 0 0 211px;}
  1963. .message.messageSidebarOrientationLeft .messageSidebar {float: left;}
  1964. .message.messageSidebarOrientationRight .messageContent {border-right: 1px solid #dddddd;margin: 0 211px 0 0;}
  1965. .message.messageSidebarOrientationRight .messageSidebar {float: right;}
  1966. .message.messageSidebarOrientationLeft .messageHeader::before, .message.messageSidebarOrientationLeft .messageHeader::after, .message.messageSidebarOrientationRight .messageHeader::before, .message.messageSidebarOrientationRight .messageHeader::after {border-width: 20px;content: "";display: block;height: 0;position: absolute;top: 35px;width: 0;}
  1967. .message.messageSidebarOrientationLeft .messageHeader::before, .message.messageSidebarOrientationRight .messageHeader::before {z-index: 100;}
  1968. .message.messageSidebarOrientationLeft .messageHeader::after, .message.messageSidebarOrientationRight .messageHeader::after {z-index: 101;}
  1969. .message.messageSidebarOrientationLeft .messageHeader::before, .message.messageSidebarOrientationLeft .messageHeader::after {border-style: inset solid inset none;}
  1970. .message.messageSidebarOrientationLeft .messageHeader::before {border-color: transparent #dddddd transparent transparent;left: -20px;}
  1971. .message.messageSidebarOrientationLeft .messageHeader::after {border-color: transparent #ffffff transparent transparent;left: -19px;}
  1972. .message.messageSidebarOrientationRight .messageHeader::before, .message.messageSidebarOrientationRight .messageHeader::after {border-style: inset none inset solid;}
  1973. .message.messageSidebarOrientationRight .messageHeader::before {border-color: transparent transparent transparent #dddddd;right: -20px;}
  1974. .message.messageSidebarOrientationRight .messageHeader::after {border-color: transparent transparent transparent #ffffff;right: -19px;}
  1975. .message .newMessageBadge {color: #ffffff;display: block;font-size: .85rem;font-weight: bold;padding: 6px 10px;position: absolute;text-transform: uppercase;top: 24px;box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.2);background-color: #bdbf40;background-image: -webkit-linear-gradient(#cacc66,#bdbf40);background-image: linear-gradient(#cacc66,#bdbf40);text-shadow: 0 1px 0 transparent;text-shadow: 0 -1px 0 transparent;}
  1976. .message .newMessageBadge::before {border-bottom: 4px solid #979933;content: "";display: block;position: absolute;top: -4px;}
  1977. .message.messageSidebarOrientationLeft .newMessageBadge {border-radius: 0 5px 5px 0;left: -219px;}
  1978. .message.messageSidebarOrientationLeft .newMessageBadge::before {border-left: 6px solid transparent;left: 0;}
  1979. .message.messageSidebarOrientationRight .newMessageBadge {right: -219px;}
  1980. .message.messageReduced .newMessageBadge {right: -7px;top: 21px;}
  1981. .message.messageSidebarOrientationRight .newMessageBadge, .message.messageReduced .newMessageBadge {border-radius: 5px 0 0 5px;}
  1982. .message.messageSidebarOrientationRight .newMessageBadge::before, .message.messageReduced .newMessageBadge::before {border-right: 6px solid transparent;right: 0;}
  1983. .messageBody {color: #666666;display: block;line-height: 1.5;}
  1984. .messageBody > div:not(.messageFooter):not(.redactor-box):not(.messageTabMenu) {overflow: hidden;padding-bottom: 14px;}
  1985. .messageBody > div:not(.messageFooter):not(.redactor-box):not(.messageTabMenu) > div.messageText img {max-width: 100%;}
  1986. .messageBody > div:not(.messageFooter):not(.redactor-box):not(.messageTabMenu) > div.messageText table img {max-width: none;}
  1987. .messageBody > footer {padding-bottom: 14px;}
  1988. .messageBody > .messageSignature {color: #888888;}
  1989. .messageBody > .messageSignature img {max-height: 150px;}
  1990. .messageBody .messageFooter > *:not(:first-child) {margin-top: 7px;}
  1991. .messageTextPreview img {max-width: 100%;}
  1992. .messageTextPreview table img {max-width: none;}
  1993. .messageFooterNote {border-left: 2px solid #dddddd;color: #888888;font-size: .85rem;padding: 4px 7px;background-image: -webkit-linear-gradient(90deg, rgba(221,221,221,0.2) 0%, rgba(221,221,221,0) 40%);background-image: linear-gradient(90deg, rgba(221,221,221,0.2) 0%, rgba(221,221,221,0) 40%);}
  1994. html[dir='rtl'] .messageFooterNote {background-image: -webkit-linear-gradient(270deg, rgba(221,221,221,0.2) 0%, rgba(221,221,221,0) 40%);background-image: linear-gradient(270deg, rgba(221,221,221,0.2) 0%, rgba(221,221,221,0) 40%);}
  1995. .messageHeader + .messageBody > div:first-child:not(.redactor-box), .messageBody > div:not(.messageFooter):not(.messageTabMenu):not(.redactor-box):not(:first-child) {border-top: 1px dotted #dddddd;padding: 14px 0;}
  1996. .message .messageBody {padding: 14px 21px 1px;}
  1997. .message .messageContent {background-color: #ffffff;}
  1998. .message .messageContent .messageHeader {padding: 14px 21px 0;position: relative;}
  1999. .message .messageContent .messageHeader .messageHeadline > h1 {color: #666666;font-size: 1.4rem;font-weight: bold;overflow: hidden;padding-right: 21px;text-overflow: ellipsis;text-shadow: 0 1px 0 transparent;}
  2000. .message .messageContent .messageHeader .messageHeadline > h1 + p {margin-top: 2px;}
  2001. .message .messageContent .messageHeader .messageHeadline > p {font-size: .85rem;}
  2002. .message .messageContent .messageHeader .messageHeadline > p > .likesBadge {margin: -2px 0 -1px 4px;}
  2003. .message .messageContent .messageHeader .messageHeadline > p > .username::after {content: " - ";}
  2004. .message .messageContent .messageHeader .box32 > .messageHeadline > p:first-child {font-size: 1rem;}
  2005. .message .messageContent .messageHeader .box32 > .messageHeadline > p:first-child > .username {font-size: 1.2rem;font-weight: bold;text-shadow: 0 1px 0 transparent;}
  2006. .message .messageContent .messageHeader .box32 > .messageHeadline > p:first-child > .username {display: block;}
  2007. .message .messageContent .messageHeader .box32 > .messageHeadline > p:first-child > .username::after {content: "";}
  2008. .message .messageContent .messageHeader .box32 > .messageHeadline > p:first-child > .likesBadge {font-size: .85rem;top: -1px;}
  2009. .message .messageSidebar {line-height: 1.3;margin-bottom: -1px;padding: 14px 21px 21px;position: relative;text-align: center;width: 170px;}
  2010. .message .messageSidebar::after {clear: both;content: '';display: block;}
  2011. .message .messageSidebar header .username {color: #ff9100;font-size: 1.2rem;font-weight: bold;padding: 0 3px 1px;text-shadow: 0 1px 0 transparent;}
  2012. .message .messageSidebar header .username a {text-decoration: none;}
  2013. .message .messageSidebar .userTitle {margin: 7px 0 0;}
  2014. .message .messageSidebar .userRank {margin: 2px 0 0;}
  2015. .message .messageSidebar .userAvatar {display: inline-block;margin: 7px 0 0;position: relative;text-align: left;}
  2016. .message .messageSidebar .userAvatar > .badgeOnline {border-radius: 0 5px 5px 0;color: #fff;bottom: 7px;left: -5px;position: absolute;text-transform: uppercase;box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.2);background-color: #ffac00 !important;text-shadow: 0 -1px 0 transparent;}
  2017. .message .messageSidebar .userAvatar > .badgeOnline::before {border-bottom: 4px solid #e46100 !important;border-left: 6px solid transparent;content: "";display: block;left: 0;position: absolute;top: -4px;}
  2018. .message .messageSidebar .userCredits {font-size: .85rem;margin: 7px 0 0;overflow: hidden;padding: 7px 0 0;}
  2019. .message:not(.messageReduced) .messageOptions::before, .message:not(.messageReduced) .messageOptions::after {display: table;content: "";}
  2020. .message:not(.messageReduced) .messageOptions::after {clear: both;}
  2021. .message:not(.messageReduced) .messageBody::before, .message:not(.messageReduced) .messageBody::after {display: table;content: "";}
  2022. .message:not(.messageReduced) .messageBody::after {clear: both;}
  2023. li:nth-child(2n+1) .message.messageSidebarOrientationLeft .messageHeader::after {border-right-color: #f9f9f9;}
  2024. li:nth-child(2n+1) .message.messageSidebarOrientationRight .messageHeader::after {border-left-color: #f9f9f9;}
  2025. li:nth-child(2n+1) .message .messageContent {background-color: #f9f9f9;}
  2026. .messageReduced .messageOptions > .breadcrumbs {bottom: 10px;left: 0;opacity: 1;position: relative;}
  2027. .messageReduced.messageDisabled {border-color: #009900;}
  2028. .messageReduced.messageDisabled .messageContent {background-image: -webkit-linear-gradient(180deg, #eeffee, rgba(238,255,238,0) 90px);background-image: linear-gradient(180deg, #eeffee, rgba(238,255,238,0) 90px);}
  2029. .messageReduced.messageDeleted {border-color: #cc0000;}
  2030. .messageReduced.messageDeleted .messageContent {background-image: -webkit-linear-gradient(180deg, #ffeeee, rgba(255,238,238,0) 90px);background-image: linear-gradient(180deg, #ffeeee, rgba(255,238,238,0) 90px);}
  2031. .messageReduced.jsMarked {border-color: #666666;}
  2032. .messageReduced.jsMarked .messageContent {background-image: -webkit-linear-gradient(180deg, #ffffc8, rgba(255,255,200,0) 90px);background-image: linear-gradient(180deg, #ffffc8, rgba(255,255,200,0) 90px);}
  2033. .messageCollapsed {color: #888888;opacity: .8;padding: 14px 21px;-webkit-transition-property: opacity;transition-property: opacity;-webkit-transition-duration: .1s;transition-duration: .1s;-webkit-transition-timing-function: linear;transition-timing-function: linear;}
  2034. .messageCollapsed:hover {opacity: 1;}
  2035. .messageCollapsed.messageCollapsedExpandable {cursor: pointer;}
  2036. .messageCollapsed h1 {font-size: .85rem;}
  2037. .messageCollapsed .messageCounter {padding-top: 3px;}
  2038. .messageCollapsed.jsMarked {background-color: #ffffc8 !important;color: #666666;}
  2039. .messageCollapsed.jsMarked a {color: #666666;}
  2040. @media only screen and (max-width: 800px) {
  2041. .messageCollapsed {padding: 7px;}
  2042. }
  2043. @media only screen and (min-width: 641px) and (max-width: 800px) {
  2044. .messageCollapsed {padding: 7px 14px;}
  2045. }
  2046. .messageBody > span.icon-spinner {left: 50%;margin: -21px -21px 0 0;position: absolute;top: 50%;}
  2047. #messageQuickReply .formSubmit {padding-bottom: 14px;}
  2048. #showQuotes {bottom: 25px;cursor: pointer;opacity: .7;position: fixed;right: 25px;-webkit-transition-property: opacity;transition-property: opacity;-webkit-transition-duration: .2s;transition-duration: .2s;-webkit-transition-timing-function: linear;transition-timing-function: linear;}
  2049. #showQuotes:hover {opacity: 1;}
  2050. #messageQuoteList {max-width: 800px !important;}
  2051. #messageQuoteList li:not(:first-child) {margin-top: 7px;}
  2052. #messageQuoteList li > span {float: left;}
  2053. #messageQuoteList li > span > input {vertical-align: bottom;}
  2054. #messageQuoteList li > span > span {cursor: pointer;vertical-align: middle;}
  2055. #messageQuoteList li div.jsQuote {margin-left: 60px;}
  2056. #messageQuoteList li div.jsFullQuote {display: none;}
  2057. #quoteManagerCopy > span:not(.pointer) {cursor: pointer;}
  2058. #quoteManagerCopy > .jsQuoteManagerQuoteAndInsert {border-left: 1px solid #ffffff;margin-left: 4px;padding-left: 4px;}
  2059. #quoteManagerCopy > .pointer {border-width: 5px 5px 0;bottom: -5px;margin-left: -5px;top: auto;}
  2060. .messageShareButtons > ul > li {display: inline-block;}
  2061. .messageShareButtons > ul > li > a {text-decoration: none;}
  2062. .messageShareButtons > ul > li > a > .icon {height: 28px;}
  2063. .messageShareButtons > ul > li > .badge {background-color: #ffffff;border: 1px solid #dddddd;border-radius: 3px;color: #666666;line-height: 23px;padding: 0 7px;position: relative;vertical-align: 1px;}
  2064. .messageShareButtons > ul > li > .badge::before {border: 6px solid #dddddd;border-color: transparent #dddddd transparent transparent;content: "";display: block;height: 0;margin-top: -6px;position: absolute;right: 100%;top: 50%;width: 0;}
  2065. .messageShareButtons > ul > li > .badge::after {border: 6px solid #ffffff;border-color: transparent #ffffff transparent transparent;content: "";display: block;height: 0;margin-right: -1px;margin-top: -6px;position: absolute;right: 100%;top: 50%;width: 0;}
  2066. .messageShareButtons .jsShareFacebook:not(.disabled) > a > .icon {color: #3b5998;}
  2067. .messageShareButtons .jsShareTwitter:not(.disabled) > a > .icon {color: #4099ff;}
  2068. .messageShareButtons .jsShareGoogle:not(.disabled) > a > .icon {color: #d34836;}
  2069. .messageShareButtons .jsShareReddit:not(.disabled) > a > .icon {color: #5f99cf;}
  2070. .contentNavigation > .messageShareButtons {float: right;margin-right: 14px;margin-top: 0;}
  2071. .messageSearchResultList > li > .box48 > div > .containerHeadline > h3 {padding-right: 100px;}
  2072. .likeButton.active .icon, .wcfLikeButton.active .icon {color: #009900;}
  2073. .dislikeButton.active .icon, .wcfDislikeButton.active .icon {color: #cc0000;}
  2074. @media screen and (max-width: 800px),print {
  2075. .message.messageSidebarOrientationLeft .messageContent, .message.messageSidebarOrientationRight .messageContent {border: 0;margin: 0;}
  2076. .message.messageSidebarOrientationLeft .messageSidebar, .message.messageSidebarOrientationRight .messageSidebar {float: none;min-height: 37px;}
  2077. .message.messageSidebarOrientationLeft .messageHeader::before, .message.messageSidebarOrientationLeft .messageHeader::after, .message.messageSidebarOrientationRight .messageHeader::before, .message.messageSidebarOrientationRight .messageHeader::after {display: none;}
  2078. .message .messageHeader .messageQuickOptions, .message .messageBody .messageSignature, .message .messageSidebar .userCredits {display: none;}
  2079. .message .messageSidebar {padding: 7px;text-align: left;width: auto;}
  2080. .message .messageSidebar > div {margin-left: 40px;}
  2081. .message .messageSidebar .userAvatar {left: 7px;position: absolute;top: 0;}
  2082. .message .messageSidebar .userAvatar img {height: 32px !important;width: 32px !important;}
  2083. .message .messageSidebar .userAvatar > .badgeOnline {display: none;}
  2084. .message .messageSidebar .userTitle {margin-top: -2px;}
  2085. .message .messageContent .messageHeader {padding: 7px 7px 0;}
  2086. .message .messageBody {padding: 7px;}
  2087. .message .messageBody > div:not(.messageFooter):not(.messageTabMenu):not(.redactor-box) {padding: 7px 0;}
  2088. .message .messageBody > footer {padding: 0;position: absolute;right: 7px;top: 7px;}
  2089. .message .messageOptions nav {opacity: 1;position: static;text-align: left;}
  2090. .message .newMessageBadge {display: none;}
  2091. }
  2092. @media screen and (min-width: 641px) and (max-width: 800px),print {
  2093. .message .messageSidebar, .message .messageContent .messageHeader, .message .messageBody {padding-left: 14px;padding-right: 14px;}
  2094. .message .messageSidebar .userAvatar {left: 14px;}
  2095. .message .messageBody > footer {right: 14px;}
  2096. }
  2097. @media only screen and (max-width: 800px) {
  2098. .moderationList thead {display: none;}
  2099. .moderationList tbody .columnAssignedUserID, .moderationList tbody .columnLastChangeTime {display: none;}
  2100. }
  2101. .editHistoryDiff > .sideBySide:first-child {margin-bottom: 21px;text-align: center;}
  2102. .editHistoryDiff .sideBySide > div:first-child {padding-right: 14px;}
  2103. .editHistoryDiff .sideBySide > div:last-child {padding-left: 14px;}
  2104. @media only screen and (max-width: 800px) {
  2105. .editHistoryVersionList .columnUser, .editHistoryVersionList .columnEditReason {display: none;}
  2106. }
  2107. .messageFloatObjectLeft {float: left;margin: 0 14px 7px 0;}
  2108. .messageFloatObjectRight {float: right;margin: 0 0 7px 14px;}
  2109. #pollOptionContainer .sortableList {padding: 7px 0;}
  2110. #pollOptionContainer .sortableList .sortableNode {margin-top: 7px;}
  2111. #pollOptionContainer .sortableList .sortableNode .sortableButtonContainer > img {cursor: pointer;margin-right: 14px;}
  2112. .pollContainer {float: left;margin: 0 14px 7px 0;max-width: 50%;min-width: 300px;}
  2113. .pollContainer > .formSubmit {background-color: #f9f9f9;border-top: 1px solid #dddddd;margin: 14px -21px -14px -21px;padding: 10px 0;}
  2114. .pollInnerContainer > p:first-of-type {margin-top: 7px;}
  2115. .pollResultList li {margin-bottom: 8px;padding: 1px 0;position: relative;z-index: 0;-webkit-transition-property: background-color;transition-property: background-color;-webkit-transition-duration: .1s;transition-duration: .1s;-webkit-transition-timing-function: linear;transition-timing-function: linear;}
  2116. .pollResultList li:last-child {margin-bottom: 0px;}
  2117. .pollResultList li:hover {background-color: #f9f9f9;border-radius: 0 5px 5px 0;}
  2118. .pollResultList li .pollMeter {background-color: #f4f4f4;border-radius: 0 5px 5px 0;height: 100%;left: 0;position: absolute;top: 0;z-index: -1;}
  2119. .pollResultList li .caption {color: #ff9100;padding: 2px 0;}
  2120. .pollResultList li .caption .optionName {display: block;padding: 0 3.5em 0 7px;}
  2121. .pollResultList li .caption .relativeVotes {position: absolute;right: 7px;top: 3px;}
  2122. @media only screen and (max-width: 800px) {
  2123. .pollContainer > .formSubmit {margin: 14px -14px -7px -14px;}
  2124. }
  2125. @font-face {font-family: 'RedactorFont';src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype'), url(data:application/font-woff;charset=utf-8;base64,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) format('woff');font-weight: normal;font-style: normal;}
  2126. .re-icon {font-family: 'RedactorFont';}
  2127. .re-icon > i:before {position: relative;font-size: 14px;}
  2128. .re-video:before {content: "\e600";}
  2129. .re-unorderedlist:before {content: "\e601";}
  2130. .re-undo:before {content: "\e602";}
  2131. .re-underline:before {content: "\e603";}
  2132. .re-textdirection:before {content: "\e604";}
  2133. .re-fontcolor:before {content: "\e605";}
  2134. .re-table:before {content: "\e606";}
  2135. .re-redo:before {content: "\e607";}
  2136. .re-quote:before {content: "\e608";}
  2137. .re-outdent:before {content: "\e609";}
  2138. .re-orderedlist:before {content: "\e60a";}
  2139. .re-link:before {content: "\e60b";}
  2140. .re-horizontalrule:before {content: "\e60c";}
  2141. .re-italic:before {content: "\e60d";}
  2142. .re-indent:before {content: "\e60e";}
  2143. .re-image:before {content: "\e60f";}
  2144. .re-fullscreen:before {content: "\e610";}
  2145. .re-normalscreen:before {content: "\e611";}
  2146. .re-formatting:before {content: "\e612";}
  2147. .re-fontsize:before {content: "\e613";}
  2148. .re-fontfamily:before {content: "\e614";}
  2149. .re-deleted:before {content: "\e615";}
  2150. .re-html:before {content: "\e616";}
  2151. .re-clips:before {content: "\e617";}
  2152. .re-bold:before {content: "\e618";}
  2153. .re-backcolor:before {content: "\e619";}
  2154. .re-file:before {content: "\e61a";}
  2155. .re-alignright:before {content: "\e61b";}
  2156. .re-alignment:before, .re-alignleft:before {content: "\e61c";}
  2157. .re-alignjustify:before {content: "\e61d";}
  2158. .re-aligncenter:before {content: "\e61e";}
  2159. .re-gallery:before {content: "\e61f";}
  2160. .redactor-box {border: 1px solid #dddddd;font-size: 0;line-height: 1.28;position: relative;}
  2161. .redactor-box + .messageTabMenu {padding: 0;}
  2162. .redactor-box + .innerError, .redactor-box > .innerError {border-radius: 0;box-shadow: none;display: block;margin-top: -1px;}
  2163. .redactor-box > .innerError {margin: -1px;}
  2164. .redactor-box > .redactorAutosaveNotice {background-color: #ffffff;border: 1px solid #dddddd;border-width: 1px 0 0 1px;bottom: 0;font-size: 1rem;opacity: 0;padding: 7px;position: absolute;right: 0;transition: visibility 0s linear .3s, opacity .3s linear;visibility: hidden;}
  2165. .redactor-box > .redactorAutosaveNotice.open {opacity: 1;visibility: visible;transition-delay: 0s;}
  2166. .redactor-box > .redactorAutosaveNotice.redactorAutosaveNoticeIcons > span.fa-check {margin-right: 7px;}
  2167. .redactor-box > .redactorAutosaveNotice > span.redactorAutosaveMessage {padding: 0 7px;}
  2168. .redactor-editor {max-height: 500px;padding: 10px;position: relative;outline: none;overflow: auto;}
  2169. .redactor-editor + textarea {border-width: 0;box-shadow: none;font-size: 1rem;line-height: 1.28;outline: none;padding: 10px;resize: vertical;}
  2170. .redactor-editor + textarea:focus {box-shadow: none;}
  2171. .redactor-editor ul, .redactor-editor ol {margin: 1em 0 1em 40px;margin: 1em 0;margin-left: 40px;}
  2172. .redactor-editor ul ul, .redactor-editor ul ol, .redactor-editor ol ul, .redactor-editor ol ol {margin-bottom: 0;margin-top: 0;}
  2173. .redactor-editor ul li, .redactor-editor ol li {margin: 7px 0;}
  2174. .redactor-editor ul {list-style-type: disc;}
  2175. .redactor-editor ol {list-style-type: decimal;}
  2176. .redactor-editor img {border: 1px solid transparent;max-width: 100%;}
  2177. .redactor-editor table {border-collapse: collapse;font-size: 14px;line-height: 1.6em;}
  2178. .redactor-editor table td {border: 1px solid #ddd;padding: 5px;vertical-align: top;}
  2179. .redactor-editor .quoteBox {clear: none;}
  2180. .redactor-editor .quoteBox > header {position: relative;}
  2181. .redactor-editor .quoteBox > header > .redactorQuoteEdit {bottom: -7px;left: -14px;right: -14px;top: -14px;padding-top: 14px;padding-left: 14px;position: absolute;}
  2182. .redactor-editor .codeBox {overflow: hidden;position: relative;}
  2183. .redactor-editor .codeBox .redactorEditCodeBox {background-color: rgba(255,255,255,0.8);bottom: 0;left: 0;opacity: 0;position: absolute;right: 0;text-align: center;top: 0;z-index: 200;-webkit-transition-property: opacity;transition-property: opacity;-webkit-transition-duration: .3s;transition-duration: .3s;-webkit-transition-timing-function: linear;transition-timing-function: linear;}
  2184. .redactor-editor .codeBox .redactorEditCodeBox > div {cursor: pointer;font-size: 1.4rem;left: 50%;padding: 1em 3em;position: absolute;top: 50%;transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);}
  2185. .redactor-editor .codeBox:hover .redactorEditCodeBox {opacity: 1;}
  2186. .redactor-editor .codeBox ol {margin-bottom: 0;margin-top: 0;}
  2187. .redactor-editor.msie .quoteBox {min-height: auto;}
  2188. @media all and (min-width: 801px) {
  2189. .redactor-editor {font-size: 1rem;}
  2190. }
  2191. @media only screen and (max-width: 800px) {
  2192. .redactor-editor + textarea {font-size: 16px;max-height: 500px;}
  2193. }
  2194. .redactor-toolbar {background: #ffbf0c;border-bottom: 5px solid #f37a16; color: #fff;}
  2195. .redactor-toolbar > li {display: inline-block;margin-bottom: 1px;vertical-align: middle;}
  2196. .redactor-toolbar > li:last-of-type, .redactor-toolbar > li.separator {border-right: 1px solid #f3af16;}
  2197. .redactor-toolbar > li > a {box-sizing: border-box;color: #666666;display: block;font-size: 14px;height: 30px;outline: none;padding: 6px 0;text-align: center;text-decoration: none;width: 30px;text-shadow: 0 1px 0 transparent;}
  2198. .redactor-toolbar > li > a.redactor-button-disabled, .redactor-toolbar > li > a.redactor-button-disabled:before, .redactor-toolbar > li > a.redactor-button-disabled > i:before {color: rgba(102,102,102,0.4);cursor: default;}
  2199. .redactor-toolbar > li > a:before {color: #666666;}
  2200. .redactor-toolbar > li > a > i {height: 14px;width: 12px;}
  2201. .redactor-toolbar > li > a > i:before {color: #666666;}
  2202. .redactor-toolbar > li > a:not(.redactor-button-disabled):hover, .redactor-toolbar > li > a.redactor-act, .redactor-toolbar > li > a.dropact {background-color: #f4f4f4;text-shadow: 0 1px 0 transparent;}
  2203. .redactor-toolbar > li > a:not(.redactor-button-disabled):hover > i, .redactor-toolbar > li > a.redactor-act > i, .redactor-toolbar > li > a.dropact > i {text-shadow: none;}
  2204. .redactor-toolbar > li > a.fa-redactor-btn:before {content: "";}
  2205. .redactor-toolbar > li > a.redactor-btn-image {background-position: center;background-repeat: no-repeat;}
  2206. .redactor-toolbar > li > a.redactor-btn-image.redactor-button-disabled {opacity: .5;}
  2207. .redactor-toolbar-tooltip {background-color: #40729a;border-radius: 6px;box-shadow: 0 3px 7px 0 rgba(0,0,0,0.3);color: #ffffff;font-size: 0.85rem;max-width: 300px;padding: 5px 10px 7px;position: absolute;z-index: 800;background-color: rgba(0,0,0,0.8);font-size: .85rem;}
  2208. .redactor-toolbar-tooltip .pointer {border-color: rgba(0,0,0,0.8) transparent;border-style: solid;border-width: 0 5px 5px;left: 50%;position: absolute;top: -5px;}
  2209. .redactor-toolbar-tooltip.inverse .pointer {border-width: 5px 5px 0;}
  2210. #redactor-image-box {border: 1px dashed rgba(0,0,0,0.5);display: inline-block;line-height: 0;max-width: 100%;position: relative;}
  2211. #redactor-image-box > img {border-width: 0;opacity: .5;}
  2212. #redactor-image-editter {background-color: #40729a;border-radius: 6px;box-shadow: 0 3px 7px 0 rgba(0,0,0,0.3);color: #ffffff;font-size: 0.85rem;max-width: 300px;padding: 5px 10px 7px;position: absolute;z-index: 800;background-color: rgba(0,0,0,0.8);font-size: .85rem;cursor: pointer;left: 50%;line-height: .85rem;margin-top: -13px;top: 50%;z-index: 5;}
  2213. #redactor-image-editter .pointer {border-color: rgba(0,0,0,0.8) transparent;border-style: solid;border-width: 0 5px 5px;left: 50%;position: absolute;top: -5px;}
  2214. #redactor-image-editter.inverse .pointer {border-width: 5px 5px 0;}
  2215. #redactor-image-resizer {background-color: #000000;border: 1px solid #ffffff;bottom: -4px;cursor: nw-resize;height: 8px;line-height: 1;position: absolute;right: -5px;width: 8px;z-index: 10;}
  2216. .redactorAttachmentContainer {background-color: #ffffff;border: 1px solid #eeeeee;border-top-width: 0;padding: 7px 14px 7px;}
  2217. .messageTabMenu {border: 1px solid #dddddd;border-top-width: 0;line-height: 1.28;}
  2218. .messageTabMenu > nav.messageTabMenuNavigation > ul {background-color: #ffffff;font-size: 0;white-space: nowrap;}
  2219. .messageTabMenu > nav.messageTabMenuNavigation > ul > li {display: inline-block;}
  2220. .messageTabMenu > nav.messageTabMenuNavigation > ul > li > a {color: #666666;display: block;font-size: 1rem;line-height: 1.28;margin-bottom: -1px;padding: 7px 14px 8px 14px;text-decoration: none;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
  2221. .messageTabMenu > nav.messageTabMenuNavigation > ul > li > a:hover {color: #ff9100;}
  2222. .messageTabMenu > nav.messageTabMenuNavigation > ul > li > a > span.icon {display: none;}
  2223. .messageTabMenu > nav.messageTabMenuNavigation > ul > li.active > a {background-color: #ffffff;color: #ff9100;}
  2224. .messageTabMenu > div, .messageTabMenu > fieldset {background-color: #ffffff;border-width: 0;border-radius: 0;border-top: 1px solid #dddddd;display: none;position: static;}
  2225. .messageTabMenu > div.active, .messageTabMenu > fieldset.active {display: block;}
  2226. .messageTabMenu > div > nav {background-color: #ffffff;border-bottom: 1px solid #dddddd;margin: -14px -21px 14px -21px;padding: 4px 7px;}
  2227. .messageTabMenu > div > nav ul {display: inline-block;font-size: 0;white-space: nowrap;}
  2228. .messageTabMenu > div > nav ul li {display: inline-block;outline: 0;vertical-align: baseline;}
  2229. .messageTabMenu > div > nav ul li.active a, .messageTabMenu > div > nav ul li.active a:hover {color: #cacc66;cursor: default;}
  2230. .messageTabMenu > div > nav ul li a {color: #666666;display: block;font-size: .85rem;outline: 0;padding: 0 7px;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
  2231. .messageTabMenu > div > nav ul li a:hover {color: #666666;text-decoration: none;}
  2232. .messageTabMenu > div > nav ul li:not(:last-child) {padding-right: 4px;}
  2233. .messageTabMenu > div > nav ul li.dropdown > a {font-size: 1.0rem;padding: 4px 7px 2px;}
  2234. .messageTabMenu > div > div, .messageTabMenu > div > fieldset {border-top-width: 0;}
  2235. @media only screen and (max-width: 800px) {
  2236. .redactor-toolbar > li > a:hover {background-color: transparent !important;}
  2237. .messageTabMenu > nav > ul > li:not(.active) > a > span.icon {display: block;}
  2238. .messageTabMenu > nav > ul > li:not(.active) > a > span:not(.icon) {display: none;}
  2239. .messageTabMenu > div > nav {margin: -3px -7px 7px -7px;}
  2240. }
  2241. @-moz-document url-prefix() {fieldset + .messageTabMenu {margin-top: -3px;}
  2242. }
  2243. .redactor-dropdown-box-fontcolor {width: 200px;}
  2244. .redactor-dropdown-box-fontcolor > li.redactorColorPallet {padding: 0 4px;}
  2245. .redactor-dropdown-box-fontcolor > li.redactorColorPallet:hover {background-color: #ffffff !important;}
  2246. .redactor-dropdown-box-fontcolor > li.redactorColorPallet > a {border: 2px solid #ffffff;border-bottom-width: 0;display: inline-block;font-size: 0;height: 20px;padding: 0;margin: 0;width: 20px;}
  2247. .redactorDropArea {background-color: #ffffcc;border: 5px dashed #ffcc00;box-sizing: border-box;font-size: 1.4rem;position: absolute;text-align: center;vertical-align: middle;z-index: 360;}
  2248. .redactorDropArea.active {background-color: #CEF6CE;border-color: #04B404;}
  2249. .redactor-link-tooltip {background-color: rgba(0,0,0,0.8);border-radius: 6px;color: #ffffff;font-size: .85rem;padding: 5px 10px 7px;position: absolute;z-index: 800;box-shadow: 0 3px 7px 0 rgba(0,0,0,0.3);}
  2250. .redactor-link-tooltip > a {color: #ffffff;}
  2251. .redactor-link-tooltip > a + a {border-left: 1px solid #ffffff;margin-left: 10px;padding-left: 10px;}
  2252. .slideshowContainer {overflow: hidden;position: relative;}
  2253. .slideshowContainer > ul:not(.slideshowButtonList) > li:not(:first-child) {display: none;}
  2254. .slideshowContainer > .slideshowItemList {position: absolute;-webkit-transition-property: left;transition-property: left;-webkit-transition-duration: .8s;transition-duration: .8s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
  2255. .slideshowContainer > .slideshowItemList > li.slideshowItem {display: block;float: left;overflow: hidden;position: absolute;top: 0;-webkit-transform: translate3d(0,0,0);}
  2256. .slideshowContainer > .slideshowButtonList {position: absolute;right: 0;top: 0;}
  2257. .slideshowContainer > .slideshowButtonList > li {display: inline-block;}
  2258. .slideshowContainer > .slideshowButtonList > li > a > .icon {color: #f4f4f4;}
  2259. .slideshowContainer > .slideshowButtonList > li > a > .icon.active {color: #ff9100;}
  2260. .slideshowContainer > .slideshowButtonList > li:hover > a > .icon {color: #ff6d00;}
  2261. .sortableListContainer .sortablePlaceholder {background-color: #ffffdd;border: 1px solid #cccc00;color: #999900;margin: 4px 0;padding: 4px;}
  2262. .sortablePlaceholder.sortableInvalidTarget {background-color: #ffeeee;border: 1px solid #ff9999;color: #cc0000;}
  2263. .sortableList {list-style-position: outside;list-style-type: decimal;margin-left: 21px;}
  2264. .sortableList .jsCollapsibleCategory > .sortableNodeLabel {background-color: #cacc66;color: #ffffff;padding-left: 7px;}
  2265. .sortableList .jsCollapsibleCategory > .sortableNodeLabel > a {color: #ffffff;}
  2266. .sortableList .jsCollapsibleCategory > .sortableNodeLabel .icon {color: #ffffff;text-shadow: 0 1px 0 transparent;}
  2267. .sortableList .statusDisplay {float: right;}
  2268. .sortableNode {cursor: move;}
  2269. .sortableNode.ui-sortable-helper {list-style: none;}
  2270. .sortableNodeLabel {padding: 7px 7px 7px 0;display: block;}
  2271. .sortableList:not(.simpleSortableList) .sortableNodeLabel {border-bottom: 1px solid #dddddd;}
  2272. .simpleSortableList {min-height: 21px;}
  2273. .colorPreview {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEX////MzMw46qqDAAAAD0lEQVQI12P4z4Ad4ZAAAH6/D/Hgw85/AAAAAElFTkSuQmCC);border: 1px solid #dddddd;border-radius: 0px;display: inline-block;}
  2274. .colorPreview:hover {box-shadow: 0 0 15px 0 #dddddd;}
  2275. .colorPreview > div {border: 2px solid #ffffff;border-radius: 0px;cursor: pointer;display: block;height: 60px;width: 180px;}
  2276. .colorList > li {float: left;padding: 7px;}
  2277. .colorList > li > figure > figcaption {font-size: .85rem;margin-bottom: 7px;text-align: center;}
  2278. .colorList::after {clear: both;content: "";display: block;}
  2279. #tplStyleAdd #styleLogo {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEX////MzMw46qqDAAAAD0lEQVQI12P4z4Ad4ZAAAH6/D/Hgw85/AAAAAElFTkSuQmCC);}
  2280. .tagList > li {display: inline-block;}
  2281. .tag {border-radius: 0 4px 4px 0;font-weight: normal;height: 13px;margin-left: 6px;padding-bottom: 2px;padding-left: 10px;}
  2282. .tag::before {border-color: transparent #666666 transparent transparent;border-style: inset solid inset inset;border-width: 8px 8px 8px 0;clip: rect(auto auto auto 2px);content: "";height: 0;left: -8px;position: absolute;top: 0;width: 0;}
  2283. .tag::after {background: #ffffff;border-radius: 2px;content: "";height: 4px;left: -2px;position: absolute;top: 6px;width: 4px;box-shadow: 0 -1px 2px 0 rgba(0,0,0,0.2);}
  2284. .tag:hover {background-color: #cacc66;color: #ffffff;}
  2285. .tag:hover::before {border-right-color: #cacc66;}
  2286. .editableItemList li.tag {margin-bottom: 11px;margin-left: 10px;}
  2287. .editableItemList li.tag:first-child {margin-left: 6px;}
  2288. .sidebar .userAvatar {text-align: center;overflow: hidden;}
  2289. .sidebar .userAvatar > a {display: block;}
  2290. .sidebar .userList > li > a {font-size: .85rem;}
  2291. .framedIconList li {float: left;margin: 0 2px 4px 0;}
  2292. .framedIconList li .framed {display: inline-block;}
  2293. .framedIconList::after {content: "";height: 0;display: block;clear: both;}
  2294. .userInformation > .inlineDataList, .userInformation > .dataList {font-size: .85rem; color: #000 !important;}
  2295. .userInformation > .dataList {margin-top: 0;}
  2296. .userInformation > .inlineDataList {margin-top: 7px;}
  2297. .userInformation > .inlineDataList ~ .inlineDataList {margin-top: 0;}
  2298. .userInformation > .containerHeadline + .inlineDataList {margin-top: 0;}
  2299. .userInformation > .containerHeadline > p {margin-bottom: 2px;}
  2300. .userInformation > .userFacts {overflow: hidden;}
  2301. .userTitleBadge {font-weight: normal;max-width: 154px;overflow: hidden;text-overflow: ellipsis;}
  2302. .userProfilePreview {position: relative;}
  2303. .userProfilePreview > .userInformation {padding-bottom: 16px;}
  2304. .userProfilePreview > .userInformation > .userStats, .userProfilePreview > .userInformation > .userFields {margin-bottom: 5px;padding-top: 5px;border-top: 1px solid #dddddd;}
  2305. .userProfilePreview > .userInformation > .userFields {padding-bottom: 5px;border-bottom: 1px solid #dddddd;}
  2306. .userProfilePreview > .userInformation > .buttonGroupNavigation {position: absolute;bottom: 0;right: 0;}
  2307. .userHeadline {padding-right: 428px;position: relative;}
  2308. .userHeadline > nav.buttonGroupNavigation {position: absolute;right: 7px;top: 7px;}
  2309. .userHeadline > .dataList {overflow: hidden;}
  2310. .letters > li {margin-bottom: 4px;}
  2311. .letters > li > .button {min-width: 1.2em;text-align: center;}
  2312. .recentActivityList > li.recentActivitiesMore {text-align: center;}
  2313. .recentActivityList > li.recentActivitiesMore > button {padding-left: 30px;padding-right: 30px;}
  2314. .recentActivityList > li.recentActivitiesMore > small {color: #888888;}
  2315. .recentActivityList > li > div.box48 > div {overflow: hidden;}
  2316. .likeList > li:first-child {padding-bottom: 7px;text-align: right;}
  2317. .likeList > li:first-child:hover {background-color: #ffffff;}
  2318. .likeList > li:first-child > ul.buttonGroup {display: inline-block;margin-bottom: 7px;}
  2319. .likeList > li:first-child > ul.buttonGroup:not(:first-child) {margin-left: 4px;}
  2320. @media only screen and (max-width: 800px) {
  2321. .likeList > li:first-child {padding-bottom: 0;}
  2322. }
  2323. .dashboardBoxSidebarButton {padding-bottom: 21px !important;}
  2324. .dashboardBoxSidebarButton > div {text-align: center;}
  2325. .dashboardBoxSidebarButton > div > .button {font-size: 1.2rem;padding: 5px 13px;}
  2326. .usersOnlineInfoBox .usersOnlineLegend {margin-top: 7px;}
  2327. .usersOnlineInfoBox .usersOnlineLegend > p {display: inline-block;}
  2328. .usersOnlineInfoBox .usersOnlineLegend > ul {display: inline-block;}
  2329. @media only screen and (max-width: 800px) {
  2330. #tplUser .userHeadline {overflow: visible;padding-right: 30px;}
  2331. #tplUser .userHeadline > .invisible {display: block;float: left;}
  2332. #tplUser .userHeadline > *:not(.invisible) {margin-left: 59px;}
  2333. }
  2334. .userAvatarCrop {cursor: pointer;}
  2335. #userAvatarCropSelection {position: relative;margin: 0 auto;}
  2336. #userAvatarCropOverlay {background-color: #000000;height: 100%;opacity: 0.5;position: absolute;left: 0;top: 0;width: 100%;z-index: 10;}
  2337. #userAvatarCropOverlaySelection {cursor: move;position: absolute;left: 0;top: 0;height: 128px;overflow: hidden;width: 128px;z-index: 20;}
  2338. .buttonList.thirdPartyLogin {text-align: center;}
  2339. .thirdPartyLoginButton {border-radius: 3px;border: 1px solid rgba(255,255,255,0.1);color: #fff;display: inline-block;font-size: 0;}
  2340. .thirdPartyLoginButton:hover {color: #fff;text-decoration: none;}
  2341. .thirdPartyLoginButton > .icon {border-right: 1px solid rgba(0,0,0,0.1);color: #fff;text-shadow: none;padding: 4px 6px;}
  2342. .thirdPartyLoginButton > span:not(.icon) {font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size: 1rem;padding: 4px 12px;}
  2343. .thirdPartyLoginButton.googleLoginButton {background-color: #dd4b39;}
  2344. .thirdPartyLoginButton.googleLoginButton:hover {background-color: #ca3523;}
  2345. .thirdPartyLoginButton.facebookLoginButton {background-color: #3b5998;}
  2346. .thirdPartyLoginButton.facebookLoginButton:hover {background-color: #30487b;}
  2347. .thirdPartyLoginButton.twitterLoginButton {background-color: #55acee;}
  2348. .thirdPartyLoginButton.twitterLoginButton:hover {background-color: #309aea;}
  2349. .thirdPartyLoginButton.githubLoginButton {background-color: #444444;}
  2350. .thirdPartyLoginButton.githubLoginButton:hover {background-color: #303030;}
  2351. .userNotificationItemList > .notificationItem.groupedNotificationItem > div > .framed > span.fa-users:before {position: relative;top: 3px;}
  2352. .userNotificationItemList > .notificationItem.notificationUnconfirmed {position: relative;}
  2353. .userNotificationItemList > .notificationItem.notificationUnconfirmed > div > .details {padding-right: 37px;}
  2354. .userNotificationItemList > .notificationItem.notificationUnconfirmed > .notificationItemMarkAsConfirmed {opacity: .6;position: absolute;right: 21px;top: 50%;transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);-webkit-transition-property: opacity;transition-property: opacity;-webkit-transition-duration: .3s;transition-duration: .3s;-webkit-transition-timing-function: linear;transition-timing-function: linear;}
  2355. .userNotificationItemList > .notificationItem.notificationUnconfirmed:hover > .notificationItemMarkAsConfirmed {opacity: 1;}
  2356. .userNotificationItemList > .notificationItem > div > .details {padding-top: 3px;}
  2357. .userNotificationItemList > .notificationItem > div > .details .userLink {font-weight: bold;}
  2358. .dashboardBoxRecentActivityHeadline {overflow: visible;position: relative;min-height: 30px;}
  2359. .dashboardBoxRecentActivityHeadline > nav.buttonGroupNavigation {position: absolute;right: 4px;top: 2px;}
  2360. #aboutMe img {max-width: 100%;}
  2361. #conversationLabelFilter {margin-bottom: 14px;}
  2362. .conversationLabelList {margin-bottom: 14px;}
  2363. .conversationLabelList li:not(:last-child) {margin-bottom: 4px;}
  2364. .conversationLabelList~small {display: block;}
  2365. #unreadConversations .dropdownMenu > li h3 {max-width: 250px;overflow: hidden;text-overflow: ellipsis;}
  2366. .conversationParticipantList > li .inlineDataList {font-size: .85rem;}
  2367. .conversationParticipantList > li.conversationLeft > div > a > img, .conversationParticipantList > li.conversationLeft > div > span > img {filter: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cfilter%20id%3D%22grayscale%22%3E%3CfeColorMatrix%20type%3D%22matrix%22%20values%3D%220.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200%200%200%201%200%22%2F%3E%3C%2Ffilter%3E%3C%2Fsvg%3E#grayscale");filter: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cfilter%20id%3D%22grayscale%22%3E%3CfeColorMatrix%20type%3D%22matrix%22%20values%3D%220.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200%200%200%201%200%22%2F%3E%3C%2Ffilter%3E%3C%2Fsvg%3E#grayscale);filter: gray;-webkit-filter: grayscale(1);}
  2368. .conversationLeft .userLink, .conversationLeft.userLink, .conversationLeft p > span {text-decoration: line-through;}
  2369. .sidebar fieldset.conversationQuota > div {text-align: center;}
  2370. .conversationUsageBar {background-color: #666666;border-radius: 5px;height: 20px;padding: 4px;box-shadow: inset 0 1px 5px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .5);}
  2371. .conversationUsageBar > span {border-radius: 3px;color: transparent;display: block;height: 100%;box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5);background-color: #a5df41;background-image: -webkit-linear-gradient(#a5df41,#4ca916);background-image: linear-gradient(#a5df41,#4ca916);}
  2372. .conversationUsageBar.yellow > span {background-color: #fecf23;background-image: -webkit-linear-gradient(#fecf23,#fd9215);background-image: linear-gradient(#fecf23,#fd9215);}
  2373. .conversationUsageBar.red > span {background-color: #f0a3a3;background-image: -webkit-linear-gradient(#f0a3a3,#f42323);background-image: linear-gradient(#f0a3a3,#f42323);}
  2374. .conversationFolderList > li > a > span {float: right;}
  2375. @media only screen and (max-width: 800px) {
  2376. .conversationList thead {display: none;}
  2377. .conversationList tbody .columnMark, .conversationList tbody .columnReplies, .conversationList tbody .columnParticipants, .conversationList tbody .columnLastPost, .conversationList tbody .conversationParticipantSummary, .conversationList tbody .columnSubject .statusDisplay {display: none;}
  2378. }
  2379. @media only screen and (max-width: 1239px) {
  2380. .conversationList thead .columnParticipants, .conversationList tbody .columnParticipants {display: none;}
  2381. }
  2382. .wbbBoardList .wbbDepth2.wbbBoardContainer > .wbbBoard {padding-left: 43px;}
  2383. .wbbBoardList .wbbDepth2.wbbCategory > header {padding-left: 43px;}
  2384. .wbbBoardList .wbbDepth3.wbbBoardContainer > .wbbBoard {padding-left: 79px;}
  2385. .wbbBoardList .wbbDepth3.wbbCategory > header {padding-left: 79px;}
  2386. .wbbBoardList .wbbCategory .wbbDepth2.wbbBoardContainer > .wbbBoard {padding-left: 7px;}
  2387. .wbbBoardList .wbbCategory .wbbDepth3.wbbBoardContainer > .wbbBoard {padding-left: 43px;}
  2388. .wbbBoardList .tabularBox:not(.wbbDepth1) {border-width: 1px 0 0;}
  2389. .wbbBoardList .wbbStats {left: 49%;margin-top: 0;position: absolute;top: 14px;width: 16%;}
  2390. .wbbBoardList .wbbStats > dl > dt {line-height: 1.28;width: 48%;}
  2391. .wbbBoardList .wbbStats > dl > dd {font-weight: normal;font-size: .85rem;width: 50%;}
  2392. .wbbBoardList .wbbLastPost {left: 66%;margin-top: 0;position: absolute;top: 14px;width: 34%;}
  2393. .wbbBoardList .wbbLastPost > div > div > p, .wbbBoardList .wbbLastPost > div > div > small {overflow: hidden;text-overflow: ellipsis;width: 98%;white-space: nowrap;word-wrap: normal;}
  2394. .wbbBoardList .wbbLastPost > div > div > p {color: #ff9100;}
  2395. .wbbBoardList .wbbLastPost > div > div > p > .badge {font-size: .85rem;max-width: 33%;overflow: hidden;text-overflow: ellipsis;top: -1px;}
  2396. .wbbBoardList .wbbLastPost > div > div > small {display: block;}
  2397. .wbbBoardList .wbbLastPost > div > div > small time {color: #888888;}
  2398. .wbbBoardList .wbbSubBoards {margin-top: 7px;}
  2399. .wbbBoardList .wbbSubBoards li {display: inline-block;}
  2400. .wbbBoardList .wbbSubBoards li > span.icon {position: relative;top: 2px;}
  2401. .wbbBoardList .wbbSubBoards + .wbbUsersOnline {margin-top: 0;}
  2402. .wbbBoardList .wbbUsersOnline {margin-top: 7px;}
  2403. .wbbBoardList .wbbUsersOnline > span.icon {position: relative;top: 1px;}
  2404. .wbbBoardList .wbbBoardContainer {position: relative;}
  2405. .wbbBoardList .wbbDepth1 {margin-top: 14px;}
  2406. .wbbBoardList .wbbBoard {min-height: 44px;padding: 7px;padding-right: 51%;-webkit-transition-property: background;transition-property: background;-webkit-transition-duration: .1s;transition-duration: .1s;-webkit-transition-timing-function: linear;transition-timing-function: linear;}
  2407. .wbbBoardList .wbbBoard:hover {background-color: #f4f4f4;}
  2408. .wbbBoardList .wbbBoardNode1 {background-color: #ffffff;}
  2409. .wbbBoardList .wbbBoardNode2 {background-color: #f9f9f9;}
  2410. .wbbBoardList .wbbBoard > div > .containerHeadline > h3 {font-weight: normal;}
  2411. .wbbBoardList .new > div > .containerHeadline > h3, .wbbBoardList .wbbSubBoards li.new a {font-weight: bold;}
  2412. .wbbBoardList .wbbCollapsibleCategory .collapsibleButton {display: inline-block;margin-right: 7px;}
  2413. .wbbBoardList .wbbCollapsibleCategory > header > small {display: inline-block;margin-left: 23px;}
  2414. .wbbBoardList .icon {color: #022e2f;}
  2415. @media only screen and (max-width: 800px) {
  2416. .wbbBoardList .wbbBoard {padding-right: 7px;}
  2417. .wbbBoardList .wbbBoard > div {margin-left: 0;}
  2418. .wbbBoardList .wbbBoard > div > .containerHeadline > h3 > a {display: inline-block;width: 88%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;}
  2419. .wbbBoardList .wbbCategory > header > h2 {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;}
  2420. .wbbBoardList .wbbCategory > header > h2 > a {display: inline-block;text-overflow: ellipsis;overflow: hidden;width: 100%;}
  2421. .wbbBoardList .wbbBoardDescription, .wbbBoardList .wbbSubBoards, .wbbBoardList .wbbStats, .wbbBoardList .wbbUsersOnline, .wbbBoardList .collapsibleButton, .wbbBoardList .wbbBoard > span.icon {display: none !important;}
  2422. .wbbBoardList .wbbLastPost {position: static;width: auto;}
  2423. .wbbBoardList .wbbCollapsibleCategory > header > small {margin-left: 0;}
  2424. }
  2425. @media only screen and (min-width: 641px) and (max-width: 800px) {
  2426. .wbbBoardList .wbbBoard {padding: 7px 14px;}
  2427. }
  2428. @media only screen and (min-width: 801px) and (max-width: 1239px) {
  2429. .wbbBoardList .wbbBoard {padding-right: 56%;}
  2430. .wbbBoardList .wbbStats {display: none !important;}
  2431. .wbbBoardList .wbbLastPost {left: 55%;width: 45%;}
  2432. }
  2433. .wbbBoardListReduced .wbbBoardContainer > div {padding: 7px;}
  2434. .wbbBoardListReduced .wbbDepth2.wbbBoardContainer > div {padding-left: 28px;}
  2435. .wbbBoardListReduced .wbbDepth2.wbbCategory > header {padding-left: 28px;}
  2436. .wbbBoardListReduced .wbbDepth3.wbbBoardContainer > div {padding-left: 56px;}
  2437. .wbbBoardListReduced .wbbDepth3.wbbCategory > header {padding-left: 56px;}
  2438. .wbbBoardListReduced .wbbCategory .wbbDepth2.wbbBoardContainer > div {padding-left: 7px;}
  2439. .wbbBoardListReduced .wbbCategory .wbbDepth3.wbbBoardContainer > div {padding-left: 28px;}
  2440. #tplBoard .wbbThreadList tr.wbbThreadSticky + tr:not(.wbbThreadSticky):not(.wbbThreadAnnouncement) > td, #tplBoard .wbbThreadList tr.wbbThreadAnnouncement + tr:not(.wbbThreadSticky):not(.wbbThreadAnnouncement) > td {border-top: 1px solid #dddddd;}
  2441. @media only screen and (max-width: 800px) {
  2442. .wbbThreadList thead {display: none;}
  2443. .wbbThreadList tbody .columnMark, .wbbThreadList tbody .columnReplies, .wbbThreadList tbody .columnLikes, .wbbThreadList tbody .columnViews, .wbbThreadList tbody .columnLastPost, .wbbThreadList tbody .columnSubject .statusDisplay {display: none;}
  2444. #tplBoard .boxHeadline > p {display: none;}
  2445. }
  2446. @media only screen and (max-width: 1239px) {
  2447. .wbbThreadList thead .columnViews, .wbbThreadList tbody .columnViews {display: none;}
  2448. }
  2449. @media only screen and (min-width: 641px) and (max-width: 800px) {
  2450. .wbbThreadList tbody .columnAvatar {padding-left: 14px;}
  2451. .wbbThreadList tbody .columnSubject {padding-right: 14px;}
  2452. }
  2453. @media only screen and (max-width: 800px) {
  2454. #tplThread .contentNavigation > nav:not(.pageNavigation) .button:not(.buttonPrimary):not(.jsThreadInlineEditor) {display: none;}
  2455. }
  2456. .wbbSimilarThreadList .box48 > div > p:not(:first-child) {color: #888888;}
  2457. .wbbSimilarThreadList .box48 > div > p:not(:first-child) a {color: #888888;}
  2458. .wbbSimilarThreadList .box48 > div > p:first-child > a {display: block;overflow: hidden;text-overflow: ellipsis;}
  2459. .wbbInlineSimilarThreadList {margin: 7px 0;}
  2460. .wbbPostPreview .labelList {margin-bottom: 7px;}
  2461. .wbbMarkAsDone.icon-check {color: #009900;}
  2462. .wbbMarkAsDone.icon-check-empty {color: #cc0000;}
  2463. .wbbAdLocationIn1stPost {float: left;margin-bottom: 7px;margin-right: 14px;}
  2464. .wbbAdLocationPostList, .wbbAdLocationBoardList {margin-top: 14px;text-align: center;}
  2465. .wbbAdLocationPostList > div, .wbbAdLocationBoardList > div {display: inline-block;text-align: left;}
  2466. html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video {border: 0 none;font-size: 100%;margin: 0;padding: 0;}
  2467. .styleChooser {display: none;}
  2468. h1, h2, h3, h4, h5, h6 {font-weight: normal;}
  2469. .logo > a {width: 100%;height: auto; margin-top: 60px; margin-bottom: -20px;}
  2470. .logo > a > img {display: block;max-height: 240px;margin: 0 auto;margin-top: 0;}
  2471. article, aside, details, figcaption, figure, footer, header, menu, nav, section {display: block;}
  2472. ol, ul {list-style: outside none none;}
  2473. blockquote, q {quotes: none;}
  2474. blockquote::before, blockquote::after, q::before, q::after {content: none;}
  2475. .clearfix::before, .clearfix::after {content: "";display: table;}
  2476. .clearfix::after {clear: both;}
  2477. .userSelectNone {-moz-user-select: none;}
  2478. .aclList, .aclPermissionList {margin-top: 0;min-height: 100px;}
  2479. .aclList > li, .aclPermissionList > li {display: block;padding: 4px;}
  2480. .aclList > li:first-child, .aclPermissionList > li:first-child {border-top-left-radius: 0;border-top-right-radius: 0;}
  2481. .aclList > li:last-child:not(:first-child), .aclPermissionList > li:last-child:not(:first-child) {border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
  2482. .aclList {margin-bottom: 7px;}
  2483. .aclList > li {cursor: pointer;}
  2484. .aclList > li:hover, .aclList > li.active:hover {background-color: #9b9940;}
  2485. .aclList > li.active {background-color: #ffffff;}
  2486. .aclList > li > span:last-child {float: right;margin-right: 7px;}
  2487. .aclPermissionList {margin-top: 7px;min-height: 200px;text-align: right;}
  2488. .aclPermissionList > li:hover {background-color: #9b9940;}
  2489. .aclPermissionList > li.aclCategory {background-color: #9b9940;padding: 4px 11px;text-align: left;}
  2490. .aclPermissionList > li.aclFullAccess {background-color: #ffffff;}
  2491. .aclPermissionList > li > span {float: left;padding-left: 7px;}
  2492. .aclPermissionList > li > label {cursor: pointer;margin: 0 7px;padding: 0 21px;}
  2493. .info, .error, .success, .warning {border-style: solid;border-width: 1px;line-height: 1.5;margin-top: 14px;padding: 11px 14px 11px 48px;position: relative;}
  2494. .info::after, .error::after, .success::after, .warning::after {display: block;font-family: FontAwesome;font-size: 28px;height: 32px;left: 13px;margin-top: -19px;position: absolute;top: 50%;width: 32px;}
  2495. .info a, .error a, .success a, .warning a {text-decoration: underline;}
  2496. @media only screen and (max-width: 800px) {
  2497. .info, .error, .success, .warning {margin-left: 7px;margin-right: 7px;padding: 4px 7px;}
  2498. .info::after, .error::after, .success::after, .warning::after {display: none;}
  2499. }
  2500. .error > .fa-times, .notice > .fa-times {float: right;}
  2501. .info {background-color: #00838f; border: none; border-bottom: 5px solid #066c6f;;color: #fff;text-shadow: 0 1px 0 rgba(0,0,0,0);}
  2502. .info::after {content: "";}
  2503. .info a, .info a:hover {color: #eef;}
  2504. .info .icon {color: #eef;text-shadow: 0 1px 0 rgba(0,0,0,0);}
  2505. .success {background-color: #5fd75f;border-color: #5fd75f;color: #040;text-shadow: 0 1px 0 rgba(0,0,0,0);}
  2506. .success::after {content: "";}
  2507. .success a, .success a:hover {color: #040;}
  2508. .success .icon {color: #040;text-shadow: 0 1px 0 rgba(0,0,0,0);}
  2509. .warning {background-color: #efef70;border-color: #efef70;color: #440;text-shadow: 0 1px 0 rgba(0,0,0,0);}
  2510. .warning::after {content: "";}
  2511. .warning a, .warning a:hover {color: #440;}
  2512. .warning .icon {color: #440;text-shadow: 0 1px 0 rgba(0,0,0,0);}
  2513. .error {background-color: #D8334A;border-bottom: 5px solid #BF263C !important; color: #fff;text-shadow: 0 -1px 0 rgba(0,0,0,0);}
  2514. .error::after {content: "";}
  2515. .error a, .error a:hover {color: #fee;}
  2516. .error .icon {color: #fee;text-shadow: 0 -1px 0 rgba(0,0,0,0);}
  2517. .innerError {border-bottom: 5px solid #BF263C !important;color: #fff;display: table;line-height: 1.5;margin-top: 8px;padding: 2px 10px;position: relative;}
  2518. .innerError::after {-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;border-color: transparent transparent #da5050;border-image: none;border-style: solid;border-width: 0 7px 7px;content: "";display: inline-block;left: 9px;position: absolute;top: -7px;z-index: 100;}
  2519. .innerError::before {-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;border-color: transparent transparent #da5050;border-image: none;border-style: solid;border-width: 0 6px 6px;content: "";display: inline-block;left: 10px;position: absolute;top: -6px;z-index: 101;}
  2520. .attachmentThumbnailList, .attachmentFileList {padding-top: 7px !important;}
  2521. .attachmentThumbnailList > fieldset, .attachmentFileList > fieldset {padding: 0;}
  2522. .attachmentThumbnailList > fieldset > legend, .attachmentFileList > fieldset > legend {border-bottom: 0 none;font-size: 1.2rem;padding-bottom: 7px;}
  2523. .attachmentThumbnailList {padding-bottom: 7px !important;}
  2524. .attachmentThumbnailList > fieldset > ul {padding: 0 11px 0 4px;}
  2525. .attachmentThumbnailList > fieldset > ul > li {margin: 0 0 14px 7px;vertical-align: top;}
  2526. .attachmentFileList > fieldset > ul > li:not(:first-child) {margin-top: 4px;}
  2527. .attachmentThumbnail {background-color: white;display: inline-block;min-height: 210px;min-width: 280px;position: relative;}
  2528. .attachmentThumbnail > a {display: inline-block;min-height: 210px;min-width: 280px;}
  2529. .attachmentThumbnail > div {background-color: rgba(0,0,0,0.6);bottom: 0;color: #fff;padding: 7px 0;position: absolute;width: 100%;}
  2530. .attachmentThumbnail > div > p, .attachmentThumbnail > div > small {margin: 0 7px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;}
  2531. .attachmentThumbnail > div > small {display: block;height: 0;transition-duration: 0.25s;transition-property: height;transition-timing-function: ease-out;}
  2532. .attachmentThumbnail:hover > div > small {height: 1.27em;}
  2533. .formAttachmentList {border-bottom: 1px solid #d3d8dc;margin-bottom: 7px;padding-bottom: 7px;}
  2534. .formAttachmentList > li {margin-bottom: 7px;}
  2535. .formAttachmentList > li > div > div {margin-right: 7px;}
  2536. .formAttachmentList > li > div > div > p {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
  2537. .formAttachmentList > li > div > div > p > a {display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
  2538. .formAttachmentList > li > div > ul {margin-top: 7px;}
  2539. .formAttachmentList > li > div > ul > li {display: inline-block;}
  2540. .formAttachmentList.sortableList {list-style-type: none;margin-left: 0;}
  2541. .formAttachmentContent .jsButtonAttachmentInsertAll {vertical-align: baseline;}
  2542. .formAttachmentContent .uploadButton {vertical-align: bottom;}
  2543. .formAttachmentContent > dl div + small {margin-top: 7px !important;}
  2544. @media only screen and (min-width: 801px) {
  2545. .formAttachmentList > li {float: left;width: 50%;}
  2546. }
  2547. .box64 .attachmentTinyThumbnail {max-height: 64px;max-width: 64px;}
  2548. .embeddedAttachmentLink, .embeddedImageLink {display: inline-block;max-width: 100%;min-height: 48px;position: relative;}
  2549. .embeddedAttachmentLink::after, .embeddedImageLink::after {background-color: rgba(0,0,0,0.8);border-radius: 2px;bottom: 7px;box-shadow: 0 0 0 3px rgba(0,0,0,0.15);color: white;content: "";display: block;font-family: FontAwesome;font-size: 21px;opacity: 0.5;padding: 2px 8px;position: absolute;right: 7px;text-decoration: none;transition-duration: 0.1s;transition-property: opacity;transition-timing-function: linear;}
  2550. .embeddedAttachmentLink:hover::after, .embeddedImageLink:hover::after {opacity: 0.8;}
  2551. .codeBox {background-color: #ffffff;clear: both;margin: 11px 0;}
  2552. .codeBox > div {box-shadow: 4em 0 0 #ffffff inset, 4.1em 0 0 #eff1f3 inset;padding: 14px 21px 14px 14px;}
  2553. .codeBox > div > div {margin: 0 0 7px 3.4em;}
  2554. .codeBox > div > div > h3 {font-size: 1.2rem;font-weight: bold;padding-left: 7px;position: relative;}
  2555. .codeBox > div > div > h3 > span.icon {position: absolute;right: 0;top: 3px;}
  2556. .codeBox > div > ol {list-style-type: decimal;margin-left: 3.4em;}
  2557. .codeBox > div > ol > li {font-family: Consolas, "Courier New", monospace;margin: 0;padding-left: 7px;position: relative;white-space: pre-wrap;word-break: break-all;word-wrap: break-word;}
  2558. .codeBox > div > ol > li > .lineAnchor {display: block;height: 1.4em;left: -3.6em;position: absolute;top: 0;width: 3em;}
  2559. .codeBox > div > ol > li:target {background-color: #efef70;}
  2560. .codeBox.minimized {max-height: 200px;overflow: hidden;position: relative;}
  2561. .codeBox.minimized > .codeBoxExpand {background-color: #ffffff;border-top: 1px solid #d3d8dc;bottom: 0;box-shadow: 0 -10px 25px 5px #ffffff;cursor: pointer;display: block;height: 20px;left: 0;padding: 4px;position: absolute;right: 0;text-align: center;}
  2562. html[dir="rtl"] .codeBox > div {box-shadow: -4em 0 0 #ffffff inset, -4.1em 0 0 #eff1f3 inset;}
  2563. @media only screen and (max-width: 800px) {
  2564. .codeBox > div {box-shadow: 0 0 5px 0 transparent;padding: 7px;}
  2565. .codeBox > div > div {margin-left: 0;}
  2566. .codeBox > div > div > h3 {padding-left: 0;}
  2567. .codeBox > div > ol {list-style-type: none;margin-left: 0;overflow: auto;}
  2568. .codeBox > div > ol > li {padding-left: 0;white-space: pre;word-wrap: normal;}
  2569. }
  2570. .codeBox .hlQuotes {color: red;}
  2571. .codeBox .hlComments, .codeBox .hlOperators {color: green;}
  2572. .codeBox .hlKeywords1 {color: blue;}
  2573. .codeBox .hlKeywords2 {color: darkred;}
  2574. .codeBox .hlKeywords3 {color: darkviolet;}
  2575. .codeBox .hlKeywords4 {color: darkgoldenrod;}
  2576. .codeBox .hlKeywords5 {color: crimson;}
  2577. .codeBox .hlNumbers {color: darkorange;}
  2578. .diffHighlighter .hlComments {color: darkviolet;}
  2579. .diffHighlighter .hlRemoved {color: red;}
  2580. .diffHighlighter .hlAdded {color: green;}
  2581. .phpHighlighter .hlKeywords2 {color: green;}
  2582. .phpHighlighter .hlComments {color: darkgoldenrod;}
  2583. .cssHighlighter .hlComments {color: #236e26;}
  2584. .cssHighlighter .hlColors {color: #751116;}
  2585. .cssHighlighter .hlNumbers, .sqlHighlighter .hlNumbers {color: #1906fd;}
  2586. .cssHighlighter .hlKeywords1 {color: #87154f;}
  2587. .cssHighlighter .hlKeywords2 {color: #994509;}
  2588. .cssHighlighter .hlKeywords3, .cssHighlighter .hlKeywords4 {color: inherit;}
  2589. .sqlHighlighter .hlKeywords1 {color: #663821;}
  2590. .sqlHighlighter .hlKeywords2 {color: #871550;}
  2591. .quoteBox {min-height: 28px;position: relative;}
  2592. .quoteBox::before, .quoteBox::after {content: "";display: table;}
  2593. .quoteBox::after {clear: both;}
  2594. .quoteBox.quoteBoxSimple {clear: both;margin: 11px 0;padding-left: 54px;}
  2595. .quoteBox.container {background-color: #ffffff;}
  2596. .quoteBox > header {-moz-user-select: none;border-bottom: 1px dotted #d3d8dc;margin-bottom: 7px;padding-bottom: 4px;}
  2597. .quoteBox > header > h3 {font-weight: bold;}
  2598. .quoteBox > div:first-of-type::before {color: #708a99;content: "";font-family: FontAwesome;font-size: 28px;left: 14px;position: absolute;top: 7px;}
  2599. .quoteBox .quoteBox {margin-left: 0;min-height: 0;padding-left: 21px;}
  2600. .quoteBox .quoteBox > div:first-of-type::before {display: none;}
  2601. .quoteBoxAuthor {clear: both;margin: 11px 0;position: relative;}
  2602. .quoteBoxAuthor::before, .quoteBoxAuthor::after {content: "";display: table;}
  2603. .quoteBoxAuthor::after {clear: both;}
  2604. .quoteBoxAuthor > .quoteAuthorAvatar {float: left;}
  2605. .quoteBoxAuthor > .quoteAuthorAvatar::before, .quoteBoxAuthor > .quoteAuthorAvatar::after {border-style: inset solid inset none;border-width: 15px;content: "";display: block;height: 0;position: absolute;top: 15px;width: 0;}
  2606. .quoteBoxAuthor > .quoteAuthorAvatar::before {border-color: transparent #d3d8dc transparent transparent;left: 75px;z-index: 100;}
  2607. .quoteBoxAuthor > .quoteAuthorAvatar::after {border-color: transparent #ffffff transparent transparent;left: 76px;z-index: 101;}
  2608. .quoteBoxAuthor > .quoteAuthorAvatar + .quoteBox {margin-left: 90px;padding-left: 21px;}
  2609. .quoteBoxAuthor > .quoteAuthorAvatar + .quoteBox > div:first-of-type::before {display: none;}
  2610. .quoteBoxAuthor > .quoteAuthorAvatar > a {display: inline-block;}
  2611. .quoteBoxAuthor .quoteBoxAuthor > .quoteAuthorAvatar {display: none;}
  2612. .quoteBoxAuthor .quoteBoxAuthor > .quoteAuthorAvatar + .quoteBox {margin-left: 0;}
  2613. @media only screen and (max-width: 800px) {
  2614. .quoteBoxAuthor > .quoteAuthorAvatar {display: none;}
  2615. .quoteBox {margin-left: 0 !important;padding-left: 28px !important;}
  2616. .quoteBox > div:first-of-type::before {display: block !important;font-size: 14px;left: 7px;}
  2617. .quoteBox .quoteBox {padding-left: 7px !important;}
  2618. .quoteBox .quoteBox > div:first-of-type::before {display: none !important;}
  2619. }
  2620. .spoilerBox {background-color: #ffffff;clear: both;font-size: 1rem;padding-bottom: 7px;}
  2621. .spoilerBox > header {-moz-user-select: none;margin-bottom: 7px;}
  2622. .spoilerBox > div {overflow: hidden;padding-bottom: 7px;}
  2623. .inlineCode {background-color: #ffffff;border: 1px solid #d3d8dc;border-radius: 3px;display: inline-block;font-family: Consolas, "Courier New", monospace;margin: 0 2px;padding: 0 5px;word-break: break-all;word-wrap: break-word;}
  2624. ul.smileyList > li {display: inline;}
  2625. .bbcodeTable {display: inline-block;}
  2626. @media screen and (max-width: 800px) {
  2627. .bbcodeTable {display: block;}
  2628. }
  2629. .gist .highlight {background-color: inherit;}
  2630. button, input[type="reset"], input[type="submit"], input[type="button"], .button {border-radius: 3px;border-style: solid;border-width: 1px;cursor: pointer;display: inline-block;margin: 0 4px;padding: 5px 13px;position: relative;}
  2631. .button, input[type="reset"]:not([disabled]), input[type="submit"]:not([disabled]), input[type="button"]:not([disabled]), button:not([disabled]) {background-color: #ffaa09; border-bottom: 3px solid #e86900;color: #ffffff;text-decoration: none;text-shadow: 0 -1px 0 rgba(0,0,0,0);}
  2632. .button.buttonPrimary, input[type="submit"]:not([disabled]), input.buttonPrimary[type="button"]:not([disabled]), button.buttonPrimary:not([disabled]) {background-color: #00838f;border: none; border-bottom: 2px solid #034446;color: #ffffff;font-weight: bold;text-shadow: 0 -1px 0 rgba(0,0,0,0);}
  2633. .button.buttonPrimary .icon, input[type="submit"]:not([disabled]) .icon, input.buttonPrimary[type="button"]:not([disabled]) .icon, button.buttonPrimary:not([disabled]) .icon {color: #ffffff;}
  2634. .button:hover, input[type="reset"]:hover:not([disabled]), input[type="submit"]:hover:not([disabled]), input[type="button"]:hover:not([disabled]), button:hover:not([disabled]) {background-color: #f18e0c;border-bottom: 3px solid #e46c00;color: #ffffff;text-decoration: none;text-shadow: 0 -1px 0 rgba(0,0,0,0);z-index: 100;}
  2635. .dialogContent .button:hover, input[type="reset"]:hover:not([disabled]), input[type="submit"]:hover:not([disabled]), input[type="button"]:hover:not([disabled]), button:hover:not([disabled]) {background-color: #d12e45;border-bottom: 3px solid #bb273c;color: #ffffff;text-decoration: none;text-shadow: 0 -1px 0 rgba(0,0,0,0);z-index: 100;}
  2636. .button:hover .icon, input[type="reset"]:hover:not([disabled]) .icon, input[type="submit"]:hover:not([disabled]) .icon, input[type="button"]:hover:not([disabled]) .icon, button:hover:not([disabled]) .icon {color: #ffffff;}
  2637. .button.buttonPrimary:hover, input[type="submit"]:hover:not([disabled]), input.buttonPrimary[type="button"]:hover:not([disabled]), button.buttonPrimary:hover:not([disabled]) {background-color: #005e67;;border-color: #034446;color: #ffffff;text-shadow: 0 -1px 0 rgba(0,0,0,0);}
  2638. .button.buttonPrimary:hover .icon, input[type="submit"]:hover:not([disabled]) .icon, input.buttonPrimary[type="button"]:hover:not([disabled]) .icon, button.buttonPrimary:hover:not([disabled]) .icon {color: #ffffff;}
  2639. input[type="reset"]:disabled, input[type="submit"]:disabled, input[type="button"]:disabled, button:disabled {background-color: #9b9940;border-color: #9b9940;color: #ffffff;cursor: not-allowed;text-decoration: none;text-shadow: 0 -1px 0 rgba(0,0,0,0);}
  2640. .button.active, input.active[type="button"], button.active, .button.active:hover, input.active[type="button"]:hover, button.active:hover {background-color: #f18e0c;
  2641. /* padding-top: 1px; */
  2642. /* padding-left: 2px; */
  2643. /* padding-right: 2px; */
  2644. padding: 5px 13px;
  2645. border: none;
  2646. border-bottom: 3px solid #AD4F0A;
  2647. box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1) inset;
  2648. color: #fff !important;
  2649. text-shadow: 0 1px 0 rgba(0,0,0,0);}
  2650. .button.active .icon, input.active[type="button"] .icon, button.active .icon, .button.active:hover .icon, input.active[type="button"]:hover .icon, button.active:hover .icon {color: rgba(0,0,0,0.05) !important;text-shadow: 0 1px 0 rgba(0,0,0,0.69);}
  2651. button.small, .button.small {border-radius: 3px;font-size: 0.85rem;margin: 0 2px;min-height: 13px;padding: 10px 17px;}
  2652. .buttonList {font-size: 0;margin-bottom: -7px;}
  2653. .buttonList > li {display: inline-block;font-size: 1rem;margin-bottom: 7px;}
  2654. .buttonList > li:not(:last-child) {margin-right: 8px;}
  2655. .buttonList > li .button {margin-left: 0;margin-right: 0;}
  2656. .buttonList.smallButtons > li:not(:last-child) {margin-right: 4px;}
  2657. .buttonList.iconList > li:not(:last-child) {margin-right: 2px;}
  2658. .buttonGroup {font-size: 0;}
  2659. .buttonGroup > li {display: inline-block;font-size: 1rem;}
  2660. .buttonGroup > li.likeButton {display: inline-block !important;}
  2661. .buttonGroup > li > .button {border-radius: 0;margin: 0 0 0 -1px;}
  2662. .buttonGroup > li:first-child > .button:not(.small) {border-bottom-left-radius: 3px;border-top-left-radius: 3px;}
  2663. .buttonGroup > li:first-child > .button.small {border-bottom-left-radius: 3px;border-top-left-radius: 3px;}
  2664. .buttonGroup > li:last-child > .button:not(.small) {border-bottom-right-radius: 3px;border-top-right-radius: 3px;}
  2665. .buttonGroup > li:last-child > .button.small {border-bottom-right-radius: 3px;border-top-right-radius: 3px;}
  2666. .smallButtons > li {font-size: 0.85rem;}
  2667. nav.buttonGroupNavigation > a.dropdownLabel {display: none;}
  2668. @media only screen and (max-width: 800px) {
  2669. nav.buttonGroupNavigation > a.dropdownLabel {display: inline-block;outline: 0 none;}
  2670. nav.buttonGroupNavigation > a.dropdownLabel span.icon {font-size: 21px;height: 24px;width: 24px;}
  2671. nav.buttonGroupNavigation > ul {display: none;font-size: 0;position: absolute;right: -3px;top: 24px;z-index: 450;}
  2672. nav.buttonGroupNavigation > ul.open {display: block;}
  2673. nav.buttonGroupNavigation > ul.buttonGroup > li > .button {margin: 0;}
  2674. nav.buttonGroupNavigation > ul > li {display: block;float: none;font-size: 0 !important;margin-bottom: 0;opacity: 1 !important;overflow: hidden;}
  2675. nav.buttonGroupNavigation > ul > li:not(:last-child) > a {border-bottom-width: 0;}
  2676. nav.buttonGroupNavigation > ul > li > a {background-color: #f18e0c;border-color: #f18e0c;border-radius: 0 !important; border-bottom: 1px solid #e46c00 !important;color: #ffffff;cursor: pointer;display: inline-block;font-family: Oxygen, sans-serif;font-size: 0.85rem;font-weight: bold;line-height: 1.28;margin: 0 4px;overflow: hidden;padding: 5px 13px;position: relative;text-decoration: none;text-overflow: ellipsis;text-shadow: 0 -1px 0 rgba(0,0,0,0);white-space: nowrap;width: 124px;word-wrap: normal;}
  2677. nav.buttonGroupNavigation > ul > li > a .icon {color: #ffffff;text-shadow: 0 -1px 0 rgba(0,0,0,0);}
  2678. nav.buttonGroupNavigation > ul > li > a.buttonPrimary .icon {text-shadow: 0 -1px 0 rgba(0,0,0,0);}
  2679. nav.buttonGroupNavigation > ul > li > a.active {border-color: #40729a;}
  2680. nav.buttonGroupNavigation > ul > li > a > span.invisible {display: inline;}
  2681. }
  2682. .sidebar button, .sidebar input[type="reset"], .sidebar input[type="submit"], .sidebar input[type="button"], .sidebar .button {font-size: 0.85rem;padding: 10px 17px;}
  2683. .button > .icon {margin: -1px -5px;}
  2684. .button > .icon + span {margin-left: 6px;}
  2685. #colorPickerGradient {background-color: #f00;background-image: url("../images/colorPickerGradient.png");background-repeat: no-repeat;border: 1px solid #000000;cursor: default;display: inline-block;height: 256px;overflow: hidden;position: relative;width: 256px;}
  2686. #colorPickerGradient > span {border: 1px solid #000000;border-radius: 10px;display: block;height: 10px;left: -4px;position: absolute;top: -4px;width: 10px;}
  2687. #colorPickerGradient > span > span {border: 1px solid #ffffff;border-radius: 10px;display: block;height: 8px;width: 8px;}
  2688. #colorPickerBar {background-image: url("../images/colorPickerBar.png");background-repeat: repeat-x;border: 1px solid #000000;cursor: default;display: inline-block;height: 256px;margin-left: 10px;position: relative;width: 16px;}
  2689. #colorPickerBar > span {display: inline-block;height: 1px;left: 0;position: absolute;top: 27px;width: 16px;}
  2690. #colorPickerBar > span::after, #colorPickerBar > span::before {content: "";display: block;height: 0;position: absolute;top: 0;width: 0;}
  2691. #colorPickerBar > span::after {border-bottom: 5px solid transparent;border-right: 5px solid #000000;border-top: 5px solid transparent;right: -7px;top: -5px;}
  2692. #colorPickerBar > span::before {border-bottom: 5px solid transparent;border-left: 5px solid #000000;border-top: 5px solid transparent;left: -7px;top: -5px;}
  2693. #colorPickerForm {display: inline-block;margin-left: 20px;position: relative;text-align: center;width: 100px;}
  2694. #colorPickerForm > .colors {margin-left: 2px;}
  2695. #colorPickerForm > .colors > .new, #colorPickerForm > .colors > .old {background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEX////MzMw46qqDAAAAD0lEQVQI12P4z4Ad4ZAAAH6/D/Hgw85/AAAAAElFTkSuQmCC");border: 1px solid #000000;display: block;height: 24px;}
  2696. #colorPickerForm > .colors > .new > span, #colorPickerForm > .colors > .old > span {display: block;height: 24px;}
  2697. #colorPickerForm > .colors > .old {background-position: 8px 0;border-top-width: 0;}
  2698. #colorPickerForm > .hex {margin-top: 21px;}
  2699. #colorPickerForm > .rgba {margin-top: 21px;}
  2700. #colorPickerForm > .rgba > li.a {margin-top: 7px;}
  2701. #colorPickerForm > .rgba > li.g, #colorPickerForm > .rgba > li.b {margin-top: 2px;}
  2702. #colorPickerForm > .rgba > li, #colorPickerForm > .hex > li {text-align: right;}
  2703. #colorPickerForm > .rgba > li input, #colorPickerForm > .hex > li input {margin-left: 7px;width: 80px;}
  2704. .comment, .commentResponse {position: relative;}
  2705. .commentList .buttonGroupNavigation {position: absolute;right: 14px;top: 4px;}
  2706. .commentList .buttonGroupNavigation > ul > li {float: left;opacity: 0;transition-duration: 0.1s;transition-property: opacity;transition-timing-function: linear;}
  2707. .commentList .buttonGroupNavigation > ul > li > a {padding: 4px;}
  2708. .commentResponseList .buttonGroupNavigation {right: 7px;}
  2709. .commentContent:hover > .buttonGroupNavigation > ul > li {opacity: 1;}
  2710. .commentList textarea {line-height: 1.2em;max-height: 130px;min-height: 13px;}
  2711. .commentList textarea + button {margin-top: 4px;}
  2712. .commentResponse {border-top: 1px solid #d3d8dc;padding: 7px;}
  2713. .commentOptionContainer > ul {font-size: 0;}
  2714. .commentOptionContainer > ul > li {display: inline-block;font-size: 0.85rem;padding-right: 3px;}
  2715. .commentOptionContainer > ul > li:not(:last-child)::after {content: " - ";}
  2716. .commentOptionContainer.jsAddResponseActive, .commentResponseList:not(:empty) + .commentOptionContainer {border-top: 1px solid #d3d8dc;padding: 7px 7px 0;}
  2717. .commentResponseList:empty, .commentContent + .commentOptionContainer:not(.jsAddResponseActive) {margin-top: 4px;}
  2718. .commentContent + .commentOptionContainer.jsAddResponseActive {margin-top: 14px;}
  2719. .commentResponseList:not(:empty) {margin-top: 14px;}
  2720. .commentList > li:nth-child(2n) .commentResponseList .commentResponse:nth-child(2n+1) {background-color: #ffffff;transition-duration: 0.1s;transition-property: background-color;transition-timing-function: linear;}
  2721. .commentList > li:nth-child(2n+1) .commentResponseList .commentResponse:nth-child(2n+1) {background-color: #ffffff;transition-duration: 0.1s;transition-property: background-color;transition-timing-function: linear;}
  2722. .commentResponseList > li:hover {background-color: #f4f7f8 !important;}
  2723. .commentList > li:not(.commentAdd) {background-color: #ffffff;border-bottom: 1px solid #f3f3f3; border-left: 5px solid #e86900 !important;}
  2724. .commentList > li:hover:not(.commentAdd) {background-color: #ffffff;border-bottom: 1px solid #f3f3f3; border-left: 5px solid #e86900 !important;}
  2725. .commentList > li:hover:nth-child(2n):not(.commentAdd) {background-color: #ffffff;}
  2726. .commentList > .commentLoadNext {text-align: center;}
  2727. .commentList > .commentLoadNext > button {padding-left: 30px;padding-right: 30px;}
  2728. .commentList .userMessage {margin-top: 0;}
  2729. .commentResponseContent {position: relative;}
  2730. .commentList .likesBadge {display: inline-block;margin: -2px 0 -2px 4px;}
  2731. @media only screen and (max-width: 800px) {
  2732. .commentList .buttonGroupNavigation {right: 7px;top: 1px;}
  2733. .commentResponseList .buttonGroupNavigation {right: 0;}
  2734. .commentList .containerHeadline > h3 {padding-right: 35px;}
  2735. .commentResponseContent > .containerHeadline > h3 {padding-right: 28px;}
  2736. }
  2737. .ui-datepicker {background-color: #ffffff;border: 1px solid #d3d8dc;box-shadow: 2px 2px 10px 0 rgba(0,0,0,0.2);color: #008593;margin-top: 7px;z-index: 450 !important;}
  2738. .ui-datepicker::after {-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;border-color: transparent transparent #d3d8dc;border-image: none;border-style: solid;border-width: 0 7px 7px;content: "";display: inline-block;left: 9px;position: absolute;top: -7px;z-index: 100;}
  2739. .ui-datepicker::before {-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;border-color: transparent transparent #ffffff;border-image: none;border-style: solid;border-width: 0 6px 6px;content: "";display: inline-block;left: 10px;position: absolute;top: -6px;z-index: 101;}
  2740. .ui-datepicker a:hover {text-decoration: none;}
  2741. .ui-datepicker > .ui-datepicker-header {padding: 4px;text-align: center;}
  2742. .ui-datepicker > .ui-datepicker-header > .ui-datepicker-prev, .ui-datepicker > .ui-datepicker-header > .ui-datepicker-next {display: inline-block;margin: 2px 2px 0;}
  2743. .ui-datepicker > .ui-datepicker-header > .ui-datepicker-prev > span, .ui-datepicker > .ui-datepicker-header > .ui-datepicker-next > span {display: none;}
  2744. .ui-datepicker > .ui-datepicker-header > .ui-datepicker-prev {float: left;}
  2745. .ui-datepicker > .ui-datepicker-header > .ui-datepicker-prev::before {content: "";font-family: FontAwesome;font-size: 14px;}
  2746. .ui-datepicker > .ui-datepicker-header > .ui-datepicker-next {float: right;}
  2747. .ui-datepicker > .ui-datepicker-header > .ui-datepicker-next::before {content: "";font-family: FontAwesome;font-size: 14px;}
  2748. .ui-datepicker > table {border-collapse: collapse;border-spacing: 0;width: 100%;}
  2749. .ui-datepicker > table > thead {background-color: #ffffff;}
  2750. .ui-datepicker > table > thead > tr > th {color: #576c7d;font-size: 0.85rem;padding: 5px 0;text-shadow: 0 1px 0 rgba(0,0,0,0);text-transform: uppercase;}
  2751. .ui-datepicker > table > tbody > tr {border-bottom: 1px solid #d3d8dc;}
  2752. .ui-datepicker > table > tbody > tr:last-child {border-bottom: 0 none;}
  2753. .ui-datepicker > table > tbody > tr > td {border-right: 1px solid #d3d8dc;}
  2754. .ui-datepicker > table > tbody > tr > td:last-child {border-right: 0 none;}
  2755. .ui-datepicker > table > tbody > tr > td > span, .ui-datepicker > table > tbody > tr > td > a {color: #008593;display: inline-block;font-weight: bold;height: 30px;line-height: 30px;text-align: center;text-shadow: 0 1px 0 rgba(0,0,0,0);width: 30px;}
  2756. .ui-datepicker .ui-datepicker-calendar .ui-state-default {background-color: #ffffff;}
  2757. .ui-datepicker .ui-datepicker-unselectable .ui-state-default {background-color: #ffffff;color: #708a99;}
  2758. .ui-datepicker .ui-datepicker-calendar .ui-state-hover {background-color: #f4f7f8;}
  2759. .ui-datepicker .ui-datepicker-calendar .ui-state-active {background-color: #f4f7f8;}
  2760. .ui-datepicker .ui-timepicker-div {border-top: 1px solid #d3d8dc;}
  2761. .ui-datepicker .ui-timepicker-div > dl > dt {margin-top: 4px !important;width: 100px;}
  2762. .ui-datepicker .ui-timepicker-div > dl > dd {margin-left: 120px;margin-top: 4px !important;}
  2763. .ui-datepicker.timeOnlyPicker .ui-timepicker-div {border-top: medium none;}
  2764. .ui-datepicker.timeOnlyPicker .ui-timepicker-div > .ui-widget-header {display: none;}
  2765. .ui-datepicker.timeOnlyPicker .ui-timepicker-div > dl {margin-right: 4px;}
  2766. .ui-datepicker.timeOnlyPicker .ui-timepicker-div > dl > dt {width: 70px;}
  2767. .ui-datepicker.timeOnlyPicker .ui-timepicker-div > dl > dd {margin-left: 90px;}
  2768. .dialogContainer {background: rgba(0,0,0,0.4) none repeat scroll 0 0;border: 14px solid transparent;border-radius: 15px;box-shadow: 0 1px 23px 0 rgba(0,0,0,0.3);margin-left: auto;margin-right: auto;max-width: 90%;min-width: 500px;position: fixed;}
  2769. @media only screen and (max-width: 800px) {
  2770. .dialogContainer {border: 0 none;border-radius: 0;left: 0 !important;max-width: none;min-width: 0;position: absolute;top: 0 !important;width: 100%;}
  2771. }
  2772. .dialogTitlebar {background-color: #ffa907;border-bottom: #f3862c solid 5px;border-top-left-radius: 7px;border-top-right-radius: 7px;display: block;min-height: 27px;padding: 10px 20px;position: relative;}
  2773. .dialogTitlebar .dialogTitle {color: #fff;display: block;font-size: 2rem;font-weight: bold;margin-right: 28px;overflow: hidden;text-overflow: ellipsis;text-shadow: 0 1px 0 rgba(0,0,0,0);white-space: nowrap;}
  2774. .dialogTitlebar .dialogCloseButton {color: #fff;cursor: pointer;display: inline-block;font-family: FontAwesome;font-size: 28px;height: 32px;position: absolute;right: 10px;text-align: center;text-decoration: none;text-shadow: 0 1px 0 rgba(0,0,0,0);top: 7px;width: 32px;}
  2775. .dialogTitlebar .dialogCloseButton::before {content: "";}
  2776. .dialogTitlebar .dialogCloseButton span {display: none;}
  2777. @media only screen and (max-width: 800px) {
  2778. .dialogTitlebar {border-radius: 0;}
  2779. }
  2780. .dialogContent {background-color: #ffffff;color: #012020;padding: 10px 20px 20px;}
  2781. .dialogContent:not(.dialogForm) {border-bottom-left-radius: 7px;border-bottom-right-radius: 7px;}
  2782. .dialogContent > .icon-spinner {left: 50%;margin: -21px -21px 0 0;padding: 0 21px;position: absolute;top: 50%;}
  2783. .dialogContent dl:not(.plain) > dt {width: 170px;}
  2784. .dialogContent dl:not(.plain) > dd {margin-left: 190px;}
  2785. .dialogContent .formSubmit {background-color: #ffffff;border-bottom-left-radius: 7px;border-bottom-right-radius: 7px;border-top: 1px solid #d3d8dc;bottom: 0;left: 0;padding: 10px 0;position: absolute;width: 100%;}
  2786. @media only screen and (max-width: 800px) {
  2787. .dialogContent {max-height: none !important;max-width: none !important;}
  2788. .dialogContent:not(.dialogForm) {border-radius: 0;}
  2789. .dialogContent .formSubmit {border-radius: 0;}
  2790. }
  2791. .dialogOverlay {background-color: rgba(0,0,0,0.5);bottom: 0;left: 0;position: fixed;right: 0;top: 0;}
  2792. #packageInstallationDialogContainer > .boxHeadline {margin-top: 0;}
  2793. .spinner {background-color: rgba(0,0,0,0.5);background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.7));border: 1px solid rgba(0,0,0,0.3);border-radius: 6px;box-shadow: 0 1px 7px 0 rgba(0,0,0,0.5);box-sizing: border-box;color: #fff;left: 50%;padding: 7px 0;position: fixed;text-align: center;top: 200px;z-index: 401;}
  2794. .spinner > .icon {color: #fff;}
  2795. .spinner > span:not(.icon) {display: block;margin-top: 7px;}
  2796. .systemConfirmation p {padding-top: 7px;}
  2797. #systemNotification {left: 0;pointer-events: none;position: fixed;top: 0;width: 100%;z-index: 460;}
  2798. #systemNotification > p {-moz-user-select: none;border-top-left-radius: 0;border-top-right-radius: 0;border-top-width: 0;cursor: pointer;display: table;margin: 0 auto;max-width: 80%;pointer-events: auto;}
  2799. .dropdown .dropdownToggle:active, .dropdown.dropdownOpen .dropdownToggle {outline: 0 none;}
  2800. .dropdown.preInput {display: table;width: 100%;}
  2801. .dropdown.preInput input {border-radius: 0 3px 3px 0;display: table-cell;margin: 0;width: 99%;}
  2802. .dropdown.preInput textarea {border-radius: 0 3px 3px;display: block;margin-top: 0;}
  2803. .dropdown.preInput .dropdownCaption {cursor: pointer;display: table-cell;letter-spacing: -1px;padding: 0 7px 0 4px;vertical-align: middle;width: 1%;}
  2804. .dropdown.preInput .dropdownCaption.button {border-radius: 3px 0 0 3px;border-right-width: 0;}
  2805. .dropdown.preInput .dropdownCaption span {margin-right: -1px;padding-left: 4px;white-space: nowrap;word-wrap: normal;}
  2806. .dropdown.preInput .dropdownCaption span.active::after {content: "";font-family: FontAwesome;font-size: 14px;margin-left: 7px;}
  2807. .dropdown.preInput .dropdownCaptionTextarea {cursor: pointer;margin: 0 0 -1px;padding-left: 7px;padding-right: 7px;}
  2808. .dropdown.preInput .dropdownCaptionTextarea.button {border-radius: 3px 3px 0 0;}
  2809. .dropdown.preInput .dropdownCaptionTextarea ~ .dropdownMenu {top: 10%;}
  2810. .dropdown.preInput .dropdownCaptionTextarea span {white-space: nowrap;word-wrap: normal;}
  2811. .dropdown.preInput .dropdownCaptionTextarea span.active::after {content: "";font-family: FontAwesome;font-size: 14px;margin-left: 7px;}
  2812. .dropdown.dropdownOpen .dropdownMenu {display: block;}
  2813. .dropdown .dropdownToggle {cursor: pointer;}
  2814. .dropdownMenu {background-color: #ffffff;box-shadow: 2px 2px 10px 0 rgba(0,0,0,0.2);color: #000;display: none;float: left;min-width: 160px;padding: 0;position: absolute;text-align: left;z-index: 450;}
  2815. .dropdownMenu::after {-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;border-color: transparent transparent #d3d8dc;border-image: none;border-style: solid;border-width: 0 7px 7px;content: "";display: inline-block;left: 9px;position: absolute;top: -7px;z-index: 100;}
  2816. .dropdownMenu::before {-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;border-color: transparent transparent #ffffff;border-image: none;border-style: solid;border-width: 0 6px 6px;content: "";display: inline-block;left: 10px;position: absolute;top: -6px;z-index: 101;}
  2817. .dropdownMenu.dropdownArrowRight::after {left: auto;right: 9px;}
  2818. .dropdownMenu.dropdownArrowRight::before {left: auto;right: 10px;}
  2819. .dropdownMenu.dropdownArrowBottom::after {-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;border-color: #d3d8dc transparent transparent;border-image: none;border-style: solid;border-width: 7px 7px 0;bottom: -7px;top: auto;}
  2820. .dropdownMenu.dropdownArrowBottom::before {-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;border-color: #ffffff transparent transparent;border-image: none;border-style: solid;border-width: 6px 6px 0;bottom: -6px;top: auto;}
  2821. .dropdownMenu.dropdownOpen {display: block;}
  2822. .dropdownMenu li {display: block;}
  2823. .dropdownMenu li:hover:not(.dropdownDivider):not(.dropdownList):not(.dropdownText), .dropdownMenu li.dropdownList > li:hover:not(.dropdownDivider), .dropdownMenu li.dropdownNavigationItem, .dropdownMenu li.active {background-color: #558cb8;}
  2824. .dropdownMenu li.dropdownDivider {}
  2825. .dropdownMenu li.dropdownText {font-size: 0.85rem;padding: 4px 14px;}
  2826. .dropdownMenu li.boxFlag {padding-top: 2px;}
  2827. .dropdownMenu li > a, .dropdownMenu li > span {clear: both;color: #fff;cursor: pointer;display: block;max-width: 350px;overflow: hidden;padding: 4px 14px;text-decoration: none;text-overflow: ellipsis;text-shadow: 0 1px 0 rgba(0,0,0,0);white-space: nowrap;word-wrap: normal;background: #feaa09;}
  2828. .dropdownMenu li > a:hover, .dropdownMenu li > span:hover {color: #9b9940;text-shadow: 0 -1px 0 rgba(0,0,0,0);}
  2829. .dropdownMenu li > a > div > h3, .dropdownMenu li > span > div > h3 {overflow: hidden;text-overflow: ellipsis;}
  2830. .dropdownMenu li > a > small {display: block;}
  2831. .dropdownMenu li > a + span.badge {display: none;}
  2832. .dropdownMenu li > .box16 {cursor: pointer;min-height: 0;padding: 4px 4px 4px 7px;}
  2833. .dropdownMenu li > .box16 > div {margin-left: 21px;}
  2834. .dropdownMenu li > label {display: block;}
  2835. .dropdownMenu li .containerHeadline {margin-bottom: 0;}
  2836. .dropdownMenu li .containerHeadline > p {font-size: 0.85rem;}
  2837. .dropdownMenu .scrollableDropdownMenu {max-height: 300px;overflow: auto;}
  2838. .boxFlag > .box24, .boxFlag.box24 {min-height: 20px;}
  2839. @media only screen and (max-width: 800px) {
  2840. .dropdownMenu {
  2841. left: 0 !important;
  2842. z-index: 99999 !important;
  2843. top: 41px !important;
  2844. right: 0 !important;}
  2845. .dropdownMenu li {overflow: hidden;}
  2846. .dropdownMenu li > a, .dropdownMenu li > span {max-width: none;white-space: normal;}
  2847. }
  2848. .interactiveDropdown {background-color: #ffffff;border: 1px solid #d3d8dc;box-shadow: 0 3px 8px 0 rgba(0,0,0,0.25);color: #046468;display: block;position: absolute;z-index: 450;}
  2849. .interactiveDropdown:not(.open) {display: none !important;}
  2850. .interactiveDropdown > .interactiveDropdownHeader {padding: 7px 11px;}
  2851. .interactiveDropdown > .interactiveDropdownHeader > .interactiveDropdownTitle {font-weight: bold;}
  2852. .interactiveDropdown > .interactiveDropdownHeader > .interactiveDropdownLinks {float: right;}
  2853. .interactiveDropdown > .interactiveDropdownHeader > .interactiveDropdownLinks > li {display: inline-block;margin-left: 11px;}
  2854. .interactiveDropdown > .interactiveDropdownHeader::after {clear: both;}
  2855. .interactiveDropdown > .interactiveDropdownItemsContainer {-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;border-color: #d3d8dc;border-image: none;border-style: solid;border-width: 1px 0;max-height: 300px;}
  2856. .interactiveDropdown > .interactiveDropdownItemsContainer.ps-container > .interactiveDropdownItems {position: relative;z-index: 100;}
  2857. .interactiveDropdown > .interactiveDropdownItemsContainer.ps-container > .ps-scrollbar-y-rail {z-index: 200;}
  2858. .interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li {background-color: #ffffff;transition-duration: 0.3s;transition-property: background-color, background-position;transition-timing-function: linear;}
  2859. .interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li.loading, .interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li.noItems {font-size: 1.2rem;padding: 21px 14px;text-align: center;}
  2860. .interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li:not(.loading):not(.noItems) {overflow: hidden;padding: 7px 11px;position: relative;text-shadow: 0 1px 0 rgba(0,0,0,0);}
  2861. .interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li:not(.loading):not(.noItems):not(:last-child) {border-bottom: 1px solid #d3d8dc;}
  2862. .interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li:hover:not(.loading):not(.noItems) {background-color: #f1f1f1; color: #022e2f !important}
  2863. .interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li.interactiveDropdownItemOutstanding:not(.loading):not(.noItems) {border:none; border-left: 5px solid #ff9100;}
  2864. .interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li.interactiveDropdownItemOutstanding:hover:not(.loading):not(.noItems) {background-position: 100% center;}
  2865. .interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li.interactiveDropdownItemOutstandingIcon:not(.loading):not(.noItems) > div.box32 {padding-right: 27px;}
  2866. .interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li.notificationItem:not(.loading):not(.noItems) .userLink {font-weight: bold;}
  2867. .interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li.interactiveDropdownItemShadow:not(.loading):not(.noItems) > .box32 {position: relative;}
  2868. .interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li.interactiveDropdownItemShadow:not(.loading):not(.noItems) > .box32, .interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li.interactiveDropdownItemShadow:not(.loading):not(.noItems) > .interactiveDropdownItemMarkAsRead {pointer-events: none;z-index: 20;}
  2869. .interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li.interactiveDropdownItemShadow:not(.loading):not(.noItems) > .box32 a, .interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li.interactiveDropdownItemShadow:not(.loading):not(.noItems) > .interactiveDropdownItemMarkAsRead a {pointer-events: all;}
  2870. .interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li.interactiveDropdownItemShadow:not(.loading):not(.noItems) > .interactiveDropdownItemShadowLink {bottom: 0;left: 0;position: absolute;right: 0;top: 0;z-index: 10;}
  2871. .interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li.groupedNotificationItem:not(.loading):not(.noItems) > .box32 > .framed > span.fa-users::before {position: relative;top: 3px;}
  2872. .interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems.interactiveDropdownItemsUserMenu > li.dropdownDivider {padding: 0 !important;}
  2873. .interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems.interactiveDropdownItemsUserMenu > li:not(.dropdownDivider) {border-bottom-width: 0 !important;padding: 11px;}
  2874. .interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems.interactiveDropdownItemsUserMenu > li > .box32 > .containerHeadline > h3 {font-size: 1.1rem;}
  2875. .interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems.interactiveDropdownItemsUserMenu > li > .box64 {position: relative;}
  2876. .interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems.interactiveDropdownItemsUserMenu > li > .box64 > .containerHeadline > .interactiveDropdownUserMenuLinkList {bottom: 0;position: absolute;}
  2877. .interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems.interactiveDropdownItemsUserMenu > li .interactiveDropdownUserMenuLinkList > li {display: inline-block;font-size: 0.85rem;}
  2878. .interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems.interactiveDropdownItemsUserMenu > li .interactiveDropdownUserMenuLinkList > li::after {content: " –";}
  2879. .interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems.interactiveDropdownItemsUserMenu > li .interactiveDropdownUserMenuLinkList > li:last-child::after {content: "";}
  2880. .interactiveDropdown > .interactiveDropdownShowAll {display: block;padding: 7px 11px;text-align: center;}
  2881. .interactiveDropdown > .pointer {-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;border-color: transparent transparent #d3d8dc;border-image: none;border-style: solid;border-width: 0 10px 10px;content: "";display: inline-block;position: absolute;top: -10px;z-index: 100;}
  2882. .interactiveDropdown > .pointer > span {-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;border-color: transparent transparent #ffffff;border-image: none;border-style: solid;border-width: 0 8px 8px;content: "";display: inline-block;left: -8px;position: absolute;top: 2px;z-index: 101;}
  2883. .interactiveDropdown.interactiveDropdownUserMenu > .interactiveDropdownItemsContainer {max-height: none;overflow: visible;}
  2884. .interactiveDropdown.interactiveDropdownUserMenu > .pointer {border-width: 0 7px 7px;top: -7px;}
  2885. .interactiveDropdown.interactiveDropdownUserMenu > .pointer > span {border-width: 0 5px 5px;left: -5px;}
  2886. @media only screen and (min-width: 801px) {
  2887. .interactiveDropdown {min-width: 350px;}
  2888. .interactiveDropdown > .interactiveDropdownItemsContainer {overflow: hidden;position: relative;}
  2889. .interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li:not(.loading) {box-sizing: border-box;max-width: 400px;}
  2890. .interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li.interactiveDropdownItemOutstandingIcon:not(.loading) > div.interactiveDropdownItemMarkAsRead {opacity: 0.6;position: absolute;right: 11px;top: 50%;transform: translateY(-50%);transition-duration: 0.3s;transition-property: opacity;transition-timing-function: linear;}
  2891. .interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li.interactiveDropdownItemOutstandingIcon:hover:not(.loading) > div.interactiveDropdownItemMarkAsRead {opacity: 1;}
  2892. }
  2893. @media only screen and (max-width: 800px) {
  2894. .interactiveDropdown {border-width: 1px 0;box-sizing: border-box;left: 0 !important;right: 0 !important;width: 100%; z-index: 100001;}
  2895. .interactiveDropdown > .interactiveDropdownItemsContainer {overflow-x: auto;}
  2896. .interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li.interactiveDropdownItemOutstandingIcon > div.interactiveDropdownItemMarkAsRead {bottom: 0;position: absolute;right: 0;top: 0;width: 38px;}
  2897. .interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li.interactiveDropdownItemOutstandingIcon > div.interactiveDropdownItemMarkAsRead > a {display: block;height: 100%;text-align: center;}
  2898. .interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li.interactiveDropdownItemOutstandingIcon > div.interactiveDropdownItemMarkAsRead > a > .icon {position: relative;top: 50%;transform: translateY(-50%);}
  2899. }
  2900. fieldset {padding-top: 14px;}
  2901. fieldset > legend {border-bottom: 1px solid #d3d8dc;color: #194355;font-family: Oxygen, sans-serif;font-size: 1.4rem;font-weight: bold;padding-bottom: 4px;text-shadow: 0 1px 0 rgba(0,0,0,0);width: 100%;}
  2902. fieldset > legend + small {display: inline-block;margin-bottom: 4px;position: relative;top: -7px;}
  2903. fieldset > dl:not(:first-of-type) {margin-top: 11px;}
  2904. fieldset:not(:first-of-type) {margin-top: 14px;}
  2905. dl:not(.plain) {position: relative;}
  2906. dl:not(.plain)::before, dl:not(.plain)::after {content: "";display: table;}
  2907. dl:not(.plain)::after {clear: both;}
  2908. dl:not(.plain) > dd:not(:first-of-type), dl:not(.plain) > dt:not(:first-of-type) {margin-top: 11px;}
  2909. dl:not(.plain) > dt {color: #194355;float: left;text-align: right;width: 230px;}
  2910. dl:not(.plain) > dt > label {display: block;}
  2911. dl:not(.plain) > dt.reversed {left: 270px;margin-top: 2px;position: absolute;right: 0;text-align: left;white-space: nowrap;width: auto;word-wrap: normal;}
  2912. dl:not(.plain) > dt.reversed ~ dd > input[type="checkbox"], dl:not(.plain) > dt.reversed ~ dd > input[type="radio"] {margin-left: 0;}
  2913. dl:not(.plain) > dt.reversed > label {overflow: hidden;text-overflow: ellipsis;}
  2914. dl:not(.plain) > dd {margin-left: 250px;}
  2915. dl:not(.plain) > dd > small:not(.innerError) {color: #003d3e;display: block;margin-top: 3px;}
  2916. dl:not(.plain) > dd > label {color: #003d3e;display: block;}
  2917. dl:not(.plain) > dd > label > input[type="checkbox"], dl:not(.plain) > dd > label > input[type="radio"] {margin: 2px 2px 2px 0;}
  2918. dl:not(.plain) > dd > input[type="checkbox"] ~ small, dl:not(.plain) > dd > input[type="radio"] ~ small {margin-left: 21px;margin-top: 2px;}
  2919. dl:not(.plain) > dd:not(.floated) > label ~ small {margin-left: 21px;}
  2920. dl:not(.plain) > dd.floated > label {display: inline-block;margin-right: 7px;}
  2921. dl:not(.plain) > dd > input + label, dl:not(.plain) > dd textarea + label, dl:not(.plain) > dd select + label {margin-top: 2px;}
  2922. dl:not(.plain) > dd > .innerError + label {margin-top: 2px;}
  2923. dl:not(.plain) > dd::after {clear: left;content: "";display: block;}
  2924. dl.wide:not(.plain) > dt {display: none;}
  2925. dl.wide:not(.plain) > dd {margin-left: 0;}
  2926. dl.disabled:not(.plain) > dt, dl.disabled:not(.plain) > dd > label {color: #708a99;}
  2927. dl.condensed:not(.plain) > dt {float: none;margin-bottom: 4px;text-align: left;width: auto !important;}
  2928. dl.condensed:not(.plain) > dt:empty {margin-bottom: 0;}
  2929. dl.condensed:not(.plain) > dd {margin-left: 0 !important;}
  2930. @media only screen and (max-width: 1024px) {
  2931. dl:not(.plain) > dt {float: none;margin-bottom: 4px;text-align: left;width: auto !important;}
  2932. dl:not(.plain) > dt.reversed {left: 20px;}
  2933. dl:not(.plain) > dd {margin-left: 0 !important;}
  2934. fieldset > dl:not(:first-of-type) {margin-top: 14px;}
  2935. }
  2936. .sidebar dl:not(.plain):not(:last-child) {margin-bottom: 14px;}
  2937. .sidebar dl:not(.plain) > dt {float: none;text-align: left;text-shadow: 0 1px 0 rgba(0,0,0,0);width: auto;}
  2938. .sidebar dl:not(.plain) > dd {margin-left: 0;margin-top: 2px;}
  2939. .formSubmit {font-size: 0;margin-top: 14px;text-align: center;}
  2940. .formSubmit button, .formSubmit input[type="reset"], .formSubmit input[type="submit"], .formSubmit input[type="button"], .formSubmit .button {font-size: 1rem;}
  2941. button, input[type="reset"], input[type="submit"], input[type="button"], input[type="checkbox"], input[type="radio"], select:not([multiple]) {cursor: pointer;}
  2942. input[type="text"], input[type="search"], input[type="date"], input[type="email"], input[type="number"], input[type="url"], input[type="password"], textarea, select[multiple] {border-radius: 3px;box-sizing: border-box;font-family: Tahoma, Arial, Helvetica, sans-serif;margin: 0;padding: 4px 3px;}
  2943. select {margin: 0;max-width: 100%;min-width: 1px;padding: 3px;}
  2944. input[type="number"] {text-align: right;}
  2945. textarea {font-size: 1rem;}
  2946. input[type="text"], input[type="search"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="url"], input[type="password"], textarea, select[multiple] {background-color: #ffffff;border-color: #d3d8dc;border-style: solid;border-width: 1px;color: #676767 !important;}
  2947. input[type="text"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="date"]::-moz-placeholder, input[type="datetime"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="password"]::-moz-placeholder, textarea::-moz-placeholder, select[multiple]::-moz-placeholder {color: #798e9c;}
  2948. input[type="text"]:hover, input[type="search"]:hover, input[type="date"]:hover, input[type="datetime"]:hover, input[type="email"]:hover, input[type="number"]:hover, input[type="url"]:hover, input[type="password"]:hover, textarea:hover, select[multiple]:hover {background-color: #f4f7f8;border-color: #558cb8;}
  2949. input[type="text"][readonly], input[type="search"][readonly], input[type="email"][readonly], input[type="number"][readonly], input[type="date"][readonly], input[type="datetime"][readonly], input[type="url"][readonly], input[type="password"][readonly], textarea[readonly], select[multiple][readonly] {background-color: #f2f2f2;border-color: #d3d8dc;}
  2950. input[type="text"][disabled], input[type="search"][disabled], input[type="date"][disabled], input[type="datetime"][disabled], input[type="email"][disabled], input[type="number"][disabled], input[type="url"][disabled], input[type="password"][disabled], textarea[disabled], select[multiple][disabled] {background-color: #f2f2f2;border-color: #d3d8dc;color: #708a99;cursor: not-allowed;opacity: 1;}
  2951. .formSuccess input[type="text"], .formSuccess input[type="search"], .formSuccess input[type="email"], .formSuccess input[type="number"], .formSuccess input[type="url"], .formSuccess input[type="password"], .formSuccess textarea {background-color: #fff;border-color: #5fd75f;}
  2952. .formError input[type="text"], .formError input[type="search"], .formError input[type="email"], .formError input[type="number"], .formError input[type="url"], .formError input[type="password"], .formError textarea {background-color: #fff;border-color: #da5050;}
  2953. textarea {width: 100%;}
  2954. .tiny {width: 80px;}
  2955. .short {min-width: 80px;width: 10%;}
  2956. .medium {min-width: 150px;width: 30%;}
  2957. .long {min-width: 150px;width: 100%;}
  2958. @media only screen and (max-width: 800px) {
  2959. textarea {max-height: 160px;}
  2960. .medium {width: 100%;}
  2961. }
  2962. .uploadButton {cursor: pointer;display: inline-block;overflow: hidden;position: relative;}
  2963. .uploadButton input {cursor: pointer;opacity: 0;padding: 4px 0;position: absolute;right: 0;top: 0;}
  2964. .uploadButton, .uploadFallbackButton {margin-top: 7px;}
  2965. .structuredList {background-color: #ffffff;}
  2966. .structuredList li {padding: 4px 7px;text-align: right;}
  2967. .structuredList li:hover {background-color: #40729a;}
  2968. .structuredList li:first-child {border-radius: 0;}
  2969. .structuredList li:last-child {border-radius: 0;}
  2970. .structuredList li.category {background-color: rgba(255,255,255,0.1);}
  2971. .structuredList li.category:hover {background-color: #40729a;}
  2972. .structuredList li span {float: left;}
  2973. .structuredList li label {cursor: pointer;margin: 0 7px;padding: 0 21px;}
  2974. .editableItemList ul li {cursor: pointer;margin-left: 4px;}
  2975. .editableItemList ul li:first-child {margin-left: 0;}
  2976. select > option {display: block !important;}
  2977. .reCaptcha input.marginTop {margin-top: 14px;}
  2978. @media only screen and (max-width: 800px) {
  2979. 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"], .cke_editable, .redactor-editor {font-size: 16px;}
  2980. }
  2981. html, body {font-size: 13px;}
  2982. body {background-color: #383838;color: #9b9940;font-family: Tahoma, Arial, Helvetica, sans-serif;line-height: 1.6;word-wrap: break-word;}
  2983. small {font-size: 0.85rem;}
  2984. img {vertical-align: middle;}
  2985. img.disabled {opacity: 0.3;}
  2986. a {color: #022e2f;cursor: pointer;text-decoration: none;}
  2987. a:hover {color: #5a788f;text-decoration: underline;}
  2988. a.externalURL::after {content: "";display: inline-block;font-family: FontAwesome !important;font-size: 14px !important;font-style: normal !important;font-weight: normal !important;margin-left: 4px;vertical-align: -1px;}
  2989. pre {white-space: pre;word-wrap: normal;}
  2990. .footerContent, .logo {color: #9b9940;}
  2991. .footerContent a, .logo a {color: #dddddd;}
  2992. .footerContent a:hover, .logo a:hover {color: #ffffff;}
  2993. .nativeList {margin: 1em 0 1em 40px;}
  2994. .nativeList ul, .nativeList ol {margin-bottom: 0;margin-top: 0;}
  2995. .nativeList li {margin: 7px 0;}
  2996. ul.nativeList {list-style-type: disc;}
  2997. ol.nativeList {list-style-type: decimal;}
  2998. .htmlContent p {margin: 1em 0;}
  2999. .htmlContent h1 {font-size: 1.4rem;}
  3000. .htmlContent h2 {font-size: 1.2rem;}
  3001. .htmlContent h1, .htmlContent h2, .htmlContent h3, .htmlContent h4, .htmlContent h5, .htmlContent h6 {font-weight: bold;margin: 0.5em 0;}
  3002. .htmlContent ul, .htmlContent ol {margin: 1em 0 1em 40px;}
  3003. .htmlContent ul ul, .htmlContent ul ol, .htmlContent ol ul, .htmlContent ol ol {margin-bottom: 0;margin-top: 0;}
  3004. .htmlContent ul li, .htmlContent ol li {margin: 7px 0;}
  3005. .htmlContent ul {list-style-type: disc;}
  3006. .htmlContent ol {list-style-type: decimal;}
  3007. body > iframe[src="about:blank"] {display: none;}
  3008. .invisible {display: none;}
  3009. .marginTopLarge {margin-top: 21px;}
  3010. .marginTop, .marginMedium {margin-top: 14px;}
  3011. .marginTopSmall {margin-top: 7px;}
  3012. .marginTopTiny {margin-top: 4px;}
  3013. .textLeft {text-align: left;}
  3014. .textCenter, .center {text-align: center;}
  3015. .textRight {text-align: right;}
  3016. .textJustify {text-align: justify;}
  3017. .pointer {cursor: pointer;}
  3018. .dimmed {color: #708a99;}
  3019. .monospace {font-family: Consolas, "Courier New", monospace;}
  3020. .iconFlag {background-color: #ffffff;border: 1px solid #d3d8dc;height: 15px;padding: 1px;width: 24px;}
  3021. .framed > canvas, .framed > img, .framed > .icon {background-color: #ffffff;border: 1px solid #d3d8dc;padding: 1px;}
  3022. .highlight {background-color: #efef70;}
  3023. .grayscale {filter: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cfilter%20id%3D%22grayscale%22%3E%3CfeColorMatrix%20type%3D%22matrix%22%20values%3D%220.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200%200%200%201%200%22%2F%3E%3C%2Ffilter%3E%3C%2Fsvg%3E#grayscale");}
  3024. fieldset {min-width: 0;}
  3025. @-moz-document url-prefix("") {fieldset {display: table-column;}
  3026. }
  3027. .balloonTooltip {background-color: #006f74;box-shadow: 0 3px 7px 0 rgba(0,0,0,0.3);color: #ffffff;font-size: 0.85rem;max-width: 300px;padding: 5px 10px 7px;position: absolute;z-index: 800;}
  3028. .balloonTooltip .pointer {border: none;border-bottom: 3px solid #004245;left: 50%;position: absolute;top: -5px;}
  3029. .balloonTooltip.inverse .pointer {}
  3030. .popover {background-color: rgba(0,0,0,0.4);border-radius: 6px;box-shadow: 0 1px 7px 0 rgba(0,0,0,0.3);padding: 7px;position: absolute;vertical-align: middle;width: 400px !important;z-index: 500;}
  3031. .popover > .icon-spinner {color: white;left: 50%;margin-left: -21px;margin-top: -21px;position: absolute;text-shadow: 0 -1px 0 rgba(0,0,0,0);top: 50%;}
  3032. .popover > .popoverContent {background-color: #ffffff;border-radius: 6px;color: #000;max-height: 300px;min-height: 16px;opacity: 0;overflow: hidden;padding: 7px 14px;}
  3033. .popover::after {border: 10px solid transparent;content: "";display: inline-block;position: absolute;z-index: 100;}
  3034. .popover.top::after {border-bottom-width: 0;border-top-color: rgba(0,0,0,0.3);bottom: -10px;}
  3035. .popover.bottom::after {border-bottom-color: rgba(0,0,0,0.3);border-top-width: 0;top: -10px;}
  3036. .popover.right::after {left: 10px;}
  3037. .popover.left::after {right: 10px;}
  3038. .badge {background-color: #028098;border-radius: 9px;color: #ffffff;display: inline-block;font-size: 0.85rem;font-weight: bold;padding: 1px 6px;position: relative;text-shadow: none !important;vertical-align: middle;white-space: nowrap;word-wrap: normal;}
  3039. .badge.colorAdmin {background-color: #B22222 !important;}
  3040. .badge.colorModerator {background-color: #D8334A;}
  3041. .badge.colorDeveloper{background-color: #00838f;}
  3042. .badge.colorWebDeveloper{background-color: #046468;}
  3043. .badge.colorBuilder{background-color: #27AE60;}
  3044. .badge.colorQuak{background-color: #F39C12;}
  3045. .badge.colorSupporter{background-color:#2980B9;}
  3046. .badge.colorSpieler{background-color: #95A5A6;}
  3047. .badge.label {border-radius: 4px;font-weight: normal;}
  3048. .badge.badgeUpdate {background-color: #ffffff;color: #576c7d;}
  3049. .badge.badgeInverse {background-color: #576c7d;color: #ffffff;}
  3050. .badge.green {background-color: #009900;color: #eeffee;}
  3051. .badge.red {background-color: #cc0000;color: #ffeeee;}
  3052. .badge.black {background-color: #333;color: #fff;}
  3053. .badge.brown {background-color: #c63;color: #fff;}
  3054. .badge.orange {background-color: #f90;color: #fff;}
  3055. .badge.yellow {background-color: #ff0;color: #333;}
  3056. .badge.blue {background-color: #369;color: #fff;}
  3057. .badge.purple {background-color: #c0f;color: #fff;}
  3058. .badge.pink {background-color: #f0c;color: #fff;}
  3059. a.badge:hover {color: #ffffff;text-decoration: none;}
  3060. a.badge.black:hover {background-color: #000;}
  3061. a.badge.brown:hover {background-color: #930;}
  3062. a.badge.red:hover {background-color: #900;}
  3063. a.badge.orange:hover {background-color: #f60;}
  3064. a.badge.yellow:hover {background-color: #cc0;}
  3065. a.badge.green:hover {background-color: #060;}
  3066. a.badge.blue:hover {background-color: #036;}
  3067. a.badge.purple:hover {background-color: #90c;}
  3068. a.badge.pink:hover {background-color: #c09;}
  3069. @media only screen and (max-width: 800px) {
  3070. html {caption-side: bottom;}
  3071. body {caption-side: top;}
  3072. }
  3073. @media not all {
  3074. html.iOS, html.iOS > body {overflow: hidden;width: 100%;}
  3075. }
  3076. .googleMap {height: 400px;}
  3077. .sidebarGoogleMap {height: 250px;}
  3078. .googleMapsCustomControlContainer {cursor: pointer !important;margin-top: 5px;}
  3079. .googleMapsCustomControlContainer .googleMapsCustomControl {-moz-user-select: none;background-clip: padding-box;background-color: #ffffff;border: 1px solid rgba(0,0,0,0.15);border-radius: 3px;box-shadow: 0 1px 4px -1px rgba(0,0,0,0.298);color: #565656;font-size: 11px !important;min-width: 29px;padding: 1px 6px;position: relative;text-align: center;}
  3080. .googleMapsCustomControlContainer .googleMapsCustomControl:hover {background-color: #ebebeb;color: #000000;}
  3081. .googleMapsCustomControlContainer .googleMapsCustomControl.active {color: #000000;font-weight: 500;}
  3082. .googleMapsUseLocationSuggestionLink {font-size: 0.85rem;}
  3083. @font-face {font-family: "FontAwesome";font-style: normal;font-weight: normal;src: url("../font/getFont.php?type=eot&v=4.3.0#iefix") format("embedded-opentype"), url("../font/getFont.php?type=woff&v=4.3.0") format("woff"), url("../font/getFont.php?type=ttf&v=4.3.0") format("truetype");}
  3084. .icon, .fa {-moz-user-select: none;color: #022e2f;display: inline-block;font-family: FontAwesome;font-style: normal !important;font-weight: normal !important;line-height: 1em;text-align: center;text-shadow: 0 1px 0 rgba(0,0,0,0);}
  3085. .icon.disabled, .fa.disabled {opacity: 0.3;}
  3086. .icon:hover, .fa:hover {text-decoration: none;}
  3087. .icon.green, .fa.green {color: #009900;}
  3088. .icon.red, .fa.red {color: #cc0000;}
  3089. .icon.black, .fa.black {color: #333;}
  3090. .icon.brown, .fa.brown {color: #c63;}
  3091. .icon.orange, .fa.orange {color: #f90;}
  3092. .icon.yellow, .fa.yellow {color: #ff0;}
  3093. .icon.blue, .fa.blue {color: #369;}
  3094. .icon.purple, .fa.purple {color: #c0f;}
  3095. .icon.pink, .fa.pink {color: #f0c;}
  3096. span.icon:not(.pointer):not(.disabled), span.fa:not(.pointer):not(.disabled) {cursor: default;}
  3097. a > span.icon:not(.pointer), a > span.fa:not(.pointer) {cursor: pointer !important;}
  3098. .icon16 {font-size: 14px;height: 16px;width: 16px;}
  3099. .icon24 {font-size: 18px;height: 24px;width: 24px;}
  3100. .icon32 {font-size: 28px;height: 32px;vertical-align: -5px;width: 32px;}
  3101. .icon48 {font-size: 42px;height: 48px;width: 48px;}
  3102. .icon96 {font-size: 84px;height: 96px;width: 96px;}
  3103. .icon-spinner, .fa-spinner {animation: 2s linear 0s normal none infinite running spin;height: auto;}
  3104. @keyframes spin {0% {transform: rotate(0deg);}
  3105. 100% {transform: rotate(359deg);}
  3106. }
  3107. @keyframes spin {0% {transform: rotate(0deg);}
  3108. 100% {transform: rotate(359deg);}
  3109. }
  3110. .icon-rotate-90::before, .fa-rotate-90::before {transform: rotate(90deg);}
  3111. .icon-rotate-180::before, .fa-rotate-180::before {transform: rotate(180deg);}
  3112. .icon-rotate-270::before, .fa-rotate-270::before {transform: rotate(270deg);}
  3113. .icon-flip-horizontal::before, .fa-flip-horizontal::before {transform: scale(-1,1);}
  3114. .icon-flip-vertical::before, .fa-flip-vertical::before {transform: scale(1,-1);}
  3115. .icon-glass::before, .fa-glass::before {content: "";}
  3116. .icon-music::before, .fa-music::before {content: "";}
  3117. .icon-search::before, .fa-search::before {content: "";}
  3118. .icon-envelope-alt::before, .fa-envelope-o::before {content: "";}
  3119. .icon-heart::before, .fa-heart::before {content: "";}
  3120. .icon-star::before, .fa-star::before {content: "";}
  3121. .icon-star-empty::before, .fa-star-o::before {content: "";}
  3122. .icon-user::before, .fa-user::before {content: "";}
  3123. .icon-film::before, .fa-film::before {content: "";}
  3124. .icon-th-large::before, .fa-th-large::before {content: "";}
  3125. .icon-th::before, .fa-th::before {content: "";}
  3126. .icon-th-list::before, .fa-th-list::before {content: "";}
  3127. .icon-ok::before, .fa-check::before {content: "";}
  3128. .icon-remove::before, .fa-times::before {content: "";}
  3129. .icon-zoom-in::before, .fa-search-plus::before {content: "";}
  3130. .icon-zoom-out::before, .fa-search-minus::before {content: "";}
  3131. .icon-power-off::before, .fa-power-off::before, .icon-off::before, .fa-power-off::before {content: "";}
  3132. .icon-signal::before, .fa-signal::before {content: "";}
  3133. .icon-gear::before, .fa-gear::before, .icon-cog::before, .fa-cog::before {content: "";}
  3134. .icon-trash::before, .fa-trash-o::before {content: "";}
  3135. .icon-home::before, .fa-home::before {content: "";}
  3136. .icon-file-alt::before, .fa-file-o::before {content: "";}
  3137. .icon-time::before, .fa-clock-o::before {content: "";}
  3138. .icon-road::before, .fa-road::before {content: "";}
  3139. .icon-download-alt::before, .fa-download::before {content: "";}
  3140. .icon-download::before, .fa-arrow-circle-o-down::before {content: "";}
  3141. .icon-upload::before, .fa-arrow-circle-o-up::before {content: "";}
  3142. .icon-inbox::before, .fa-inbox::before {content: "";}
  3143. .icon-play-circle::before, .fa-play-circle-o::before {content: "";}
  3144. .icon-rotate-right::before, .fa-rotate-right::before, .icon-repeat::before, .fa-repeat::before {content: "";}
  3145. .icon-refresh::before, .fa-refresh::before {content: "";}
  3146. .icon-list-alt::before, .fa-list-alt::before {content: "";}
  3147. .icon-lock::before, .fa-lock::before {content: "";}
  3148. .icon-flag::before, .fa-flag::before {content: "";}
  3149. .icon-headphones::before, .fa-headphones::before {content: "";}
  3150. .icon-volume-off::before, .fa-volume-off::before {content: "";}
  3151. .icon-volume-down::before, .fa-volume-down::before {content: "";}
  3152. .icon-volume-up::before, .fa-volume-up::before {content: "";}
  3153. .icon-qrcode::before, .fa-qrcode::before {content: "";}
  3154. .icon-barcode::before, .fa-barcode::before {content: "";}
  3155. .icon-tag::before, .fa-tag::before {content: "";}
  3156. .icon-tags::before, .fa-tags::before {content: "";}
  3157. .icon-book::before, .fa-book::before {content: "";}
  3158. .icon-bookmark::before, .fa-bookmark::before {content: "";}
  3159. .icon-print::before, .fa-print::before {content: "";}
  3160. .icon-camera::before, .fa-camera::before {content: "";}
  3161. .icon-font::before, .fa-font::before {content: "";}
  3162. .icon-bold::before, .fa-bold::before {content: "";}
  3163. .icon-italic::before, .fa-italic::before {content: "";}
  3164. .icon-text-height::before, .fa-text-height::before {content: "";}
  3165. .icon-text-width::before, .fa-text-width::before {content: "";}
  3166. .icon-align-left::before, .fa-align-left::before {content: "";}
  3167. .icon-align-center::before, .fa-align-center::before {content: "";}
  3168. .icon-align-right::before, .fa-align-right::before {content: "";}
  3169. .icon-align-justify::before, .fa-align-justify::before {content: "";}
  3170. .icon-list::before, .fa-list::before {content: "";}
  3171. .icon-indent-left::before, .fa-outdent::before {content: "";}
  3172. .icon-indent-right::before, .fa-indent::before {content: "";}
  3173. .icon-facetime-video::before, .fa-video-camera::before {content: "";}
  3174. .icon-picture::before, .fa-picture-o::before {content: "";}
  3175. .icon-pencil::before, .fa-pencil::before {content: "";}
  3176. .icon-map-marker::before, .fa-map-marker::before {content: "";}
  3177. .icon-adjust::before, .fa-adjust::before {content: "";}
  3178. .icon-tint::before, .fa-tint::before {content: "";}
  3179. .icon-edit::before, .fa-pencil-square-o::before {content: "";}
  3180. .icon-share::before, .fa-share-square-o::before {content: "";}
  3181. .icon-check::before, .fa-check-square-o::before {content: "";}
  3182. .icon-move::before, .fa-arrows::before {content: "";}
  3183. .icon-step-backward::before, .fa-step-backward::before {content: "";}
  3184. .icon-fast-backward::before, .fa-fast-backward::before {content: "";}
  3185. .icon-backward::before, .fa-backward::before {content: "";}
  3186. .icon-play::before, .fa-play::before {content: "";}
  3187. .icon-pause::before, .fa-pause::before {content: "";}
  3188. .icon-stop::before, .fa-stop::before {content: "";}
  3189. .icon-forward::before, .fa-forward::before {content: "";}
  3190. .icon-fast-forward::before, .fa-fast-forward::before {content: "";}
  3191. .icon-step-forward::before, .fa-step-forward::before {content: "";}
  3192. .icon-eject::before, .fa-eject::before {content: "";}
  3193. .icon-chevron-left::before, .fa-chevron-left::before {content: "";}
  3194. .icon-chevron-right::before, .fa-chevron-right::before {content: "";}
  3195. .icon-plus-sign::before, .fa-plus-circle::before {content: "";}
  3196. .icon-minus-sign::before, .fa-minus-circle::before {content: "";}
  3197. .icon-remove-sign::before, .fa-times-circle::before {content: "";}
  3198. .icon-ok-sign::before, .fa-check-circle::before {content: "";}
  3199. .icon-question-sign::before, .fa-question-circle::before {content: "";}
  3200. .icon-info-sign::before, .fa-info-circle::before {content: "";}
  3201. .icon-screenshot::before, .fa-crosshairs::before {content: "";}
  3202. .icon-remove-circle::before, .fa-times-circle-o::before {content: "";}
  3203. .icon-ok-circle::before, .fa-check-circle-o::before {content: "";}
  3204. .icon-ban-circle::before, .fa-ban::before {content: "";}
  3205. .icon-arrow-left::before, .fa-arrow-left::before {content: "";}
  3206. .icon-arrow-right::before, .fa-arrow-right::before {content: "";}
  3207. .icon-arrow-up::before, .fa-arrow-up::before {content: "";}
  3208. .icon-arrow-down::before, .fa-arrow-down::before {content: "";}
  3209. .icon-mail-forward::before, .fa-mail-forward::before, .icon-share-alt::before, .fa-share::before {content: "";}
  3210. .icon-resize-full::before, .fa-expand::before {content: "";}
  3211. .icon-resize-small::before, .fa-compress::before {content: "";}
  3212. .icon-plus::before, .fa-plus::before {content: "";}
  3213. .icon-minus::before, .fa-minus::before {content: "";}
  3214. .icon-asterisk::before, .fa-asterisk::before {content: "";}
  3215. .icon-exclamation-sign::before, .fa-exclamation-circle::before {content: "";}
  3216. .icon-gift::before, .fa-gift::before {content: "";}
  3217. .icon-leaf::before, .fa-leaf::before {content: "";}
  3218. .icon-fire::before, .fa-fire::before {content: "";}
  3219. .icon-eye-open::before, .fa-eye::before {content: "";}
  3220. .icon-eye-close::before, .fa-eye-slash::before {content: "";}
  3221. .icon-warning-sign::before, .fa-exclamation-triangle::before {content: "";}
  3222. .icon-plane::before, .fa-plane::before {content: "";}
  3223. .icon-calendar::before, .fa-calendar::before {content: "";}
  3224. .icon-random::before, .fa-random::before {content: "";}
  3225. .icon-comment::before, .fa-comment::before {content: "";}
  3226. .icon-magnet::before, .fa-magnet::before {content: "";}
  3227. .icon-chevron-up::before, .fa-chevron-up::before {content: "";}
  3228. .icon-chevron-down::before, .fa-chevron-down::before {content: "";}
  3229. .icon-retweet::before, .fa-retweet::before {content: "";}
  3230. .icon-shopping-cart::before, .fa-shopping-cart::before {content: "";}
  3231. .icon-folder-close::before, .fa-folder::before {content: "";}
  3232. .icon-folder-open::before, .fa-folder-open::before {content: "";}
  3233. .icon-resize-vertical::before, .fa-arrows-v::before {content: "";}
  3234. .icon-resize-horizontal::before, .fa-arrows-h::before {content: "";}
  3235. .icon-bar-chart::before, .fa-bar-chart::before, .fa-bar-chart-o::before {content: "";}
  3236. .icon-twitter-sign::before, .fa-twitter-square::before {content: "";}
  3237. .icon-facebook-sign::before, .fa-facebook-square::before {content: "";}
  3238. .icon-camera-retro::before, .fa-camera-retro::before {content: "";}
  3239. .icon-key::before, .fa-key::before {content: "";}
  3240. .icon-gears::before, .fa-gears::before, .icon-cogs::before, .fa-cogs::before {content: "";}
  3241. .icon-comments::before, .fa-comments::before {content: "";}
  3242. .icon-thumbs-up-alt::before, .fa-thumbs-o-up::before {content: "";}
  3243. .icon-thumbs-down-alt::before, .fa-thumbs-o-down::before {content: "";}
  3244. .icon-star-half::before, .fa-star-half::before {content: "";}
  3245. .icon-heart-empty::before, .fa-heart-o::before {content: "";}
  3246. .icon-signout::before, .fa-sign-out::before {content: "";}
  3247. .icon-linkedin-sign::before, .fa-linkedin-square::before {content: "";}
  3248. .icon-pushpin::before, .fa-thumb-tack::before {content: "";}
  3249. .icon-external-link::before, .fa-external-link::before {content: "";}
  3250. .icon-signin::before, .fa-sign-in::before {content: "";}
  3251. .icon-trophy::before, .fa-trophy::before {content: "";}
  3252. .icon-github-sign::before, .fa-github-square::before {content: "";}
  3253. .icon-upload-alt::before, .fa-upload::before {content: "";}
  3254. .icon-lemon::before, .fa-lemon-o::before {content: "";}
  3255. .icon-phone::before, .fa-phone::before {content: "";}
  3256. .icon-unchecked::before, .fa-unchecked::before, .icon-check-empty::before {content: "";}
  3257. .icon-bookmark-empty::before, .fa-bookmark-o::before {content: "";}
  3258. .icon-phone-sign::before, .fa-phone-square::before {content: "";}
  3259. .icon-twitter::before, .fa-twitter::before {content: "";}
  3260. .icon-facebook::before, .fa-facebook-f::before, .fa-facebook::before {content: "";}
  3261. .icon-github::before, .fa-github::before {content: "";}
  3262. .icon-unlock::before, .fa-unlock::before {content: "";}
  3263. .icon-credit-card::before, .fa-credit-card::before {content: "";}
  3264. .icon-rss::before, .fa-rss::before {content: "";}
  3265. .icon-hdd::before, .fa-hdd-o::before {content: "";}
  3266. .icon-bullhorn::before, .fa-bullhorn::before {content: "";}
  3267. .icon-bell::before, .fa-bell-o::before {content: "";}
  3268. .icon-certificate::before, .fa-certificate::before {content: "";}
  3269. .icon-hand-right::before, .fa-hand-o-right::before {content: "";}
  3270. .icon-hand-left::before, .fa-hand-o-left::before {content: "";}
  3271. .icon-hand-up::before, .fa-hand-o-up::before {content: "";}
  3272. .icon-hand-down::before, .fa-hand-o-down::before {content: "";}
  3273. .icon-circle-arrow-left::before, .fa-arrow-circle-left::before {content: "";}
  3274. .icon-circle-arrow-right::before, .fa-arrow-circle-right::before {content: "";}
  3275. .icon-circle-arrow-up::before, .fa-arrow-circle-up::before {content: "";}
  3276. .icon-circle-arrow-down::before, .fa-arrow-circle-down::before {content: "";}
  3277. .icon-globe::before, .fa-globe::before {content: "";}
  3278. .icon-wrench::before, .fa-wrench::before {content: "";}
  3279. .icon-tasks::before, .fa-tasks::before {content: "";}
  3280. .icon-filter::before, .fa-filter::before {content: "";}
  3281. .icon-briefcase::before, .fa-briefcase::before {content: "";}
  3282. .icon-fullscreen::before, .fa-arrows-alt::before {content: "";}
  3283. .icon-group::before, .fa-users::before {content: "";}
  3284. .icon-link::before, .fa-link::before {content: "";}
  3285. .icon-cloud::before, .fa-cloud::before {content: "";}
  3286. .icon-beaker::before, .fa-flask::before {content: "";}
  3287. .icon-cut::before, .fa-scissors::before {content: "";}
  3288. .icon-copy::before, .fa-files-o::before {content: "";}
  3289. .icon-paperclip::before, .fa-paperclip::before, .icon-paper-clip::before, .fa-paperclip::before {content: "";}
  3290. .icon-save::before, .fa-floppy-o::before {content: "";}
  3291. .icon-sign-blank::before, .fa-square::before {content: "";}
  3292. .icon-reorder::before, .fa-bars::before {content: "";}
  3293. .icon-list-ul::before, .fa-list-ul::before {content: "";}
  3294. .icon-list-ol::before, .fa-list-ol::before {content: "";}
  3295. .icon-strikethrough::before, .fa-strikethrough::before {content: "";}
  3296. .icon-underline::before, .fa-underline::before {content: "";}
  3297. .icon-table::before, .fa-table::before {content: "";}
  3298. .icon-magic::before, .fa-magic::before {content: "";}
  3299. .icon-truck::before, .fa-truck::before {content: "";}
  3300. .icon-pinterest::before, .fa-pinterest::before {content: "";}
  3301. .icon-pinterest-sign::before, .fa-pinterest-square::before {content: "";}
  3302. .icon-google-plus-sign::before, .fa-google-plus-square::before {content: "";}
  3303. .icon-google-plus::before, .fa-google-plus::before {content: "";}
  3304. .icon-money::before, .fa-money::before {content: "";}
  3305. .icon-caret-down::before, .fa-caret-down::before {content: "";}
  3306. .icon-caret-up::before, .fa-caret-up::before {content: "";}
  3307. .icon-caret-left::before, .fa-caret-left::before {content: "";}
  3308. .icon-caret-right::before, .fa-caret-right::before {content: "";}
  3309. .icon-columns::before, .fa-columns::before {content: "";}
  3310. .icon-sort::before, .fa-sort::before {content: "";}
  3311. .icon-sort-down::before, .fa-sort-asc::before {content: "";}
  3312. .icon-sort-up::before, .fa-sort-desc::before {content: "";}
  3313. .icon-envelope::before, .fa-envelope::before {content: "";}
  3314. .icon-linkedin::before, .fa-linkedin::before {content: "";}
  3315. .icon-rotate-left::before, .fa-rotate-left::before, .icon-undo::before, .fa-undo::before {content: "";}
  3316. .icon-legal::before, .fa-gavel::before {content: "";}
  3317. .icon-dashboard::before, .fa-tachometer::before {content: "";}
  3318. .icon-comment-alt::before, .fa-comment-o::before {content: "";}
  3319. .icon-comments-alt::before, .fa-comments-o::before {content: "";}
  3320. .icon-bolt::before, .fa-bolt::before {content: "";}
  3321. .icon-sitemap::before, .fa-sitemap::before {content: "";}
  3322. .icon-umbrella::before, .fa-umbrella::before {content: "";}
  3323. .icon-paste::before, .fa-clipboard::before {content: "";}
  3324. .icon-lightbulb::before, .fa-lightbulb-o::before {content: "";}
  3325. .icon-exchange::before, .fa-exchange::before {content: "";}
  3326. .icon-cloud-download::before, .fa-cloud-download::before {content: "";}
  3327. .icon-cloud-upload::before, .fa-cloud-upload::before {content: "";}
  3328. .icon-user-md::before, .fa-user-md::before {content: "";}
  3329. .icon-stethoscope::before, .fa-stethoscope::before {content: "";}
  3330. .icon-suitcase::before, .fa-suitcase::before {content: "";}
  3331. .icon-bell-alt::before, .fa-bell::before {content: "";}
  3332. .icon-coffee::before, .fa-coffee::before {content: "";}
  3333. .icon-food::before, .fa-cutlery::before {content: "";}
  3334. .icon-file-text-alt::before, .fa-file-text-o::before {content: "";}
  3335. .icon-building::before, .fa-building-o::before {content: "";}
  3336. .icon-hospital::before, .fa-hospital-o::before {content: "";}
  3337. .icon-ambulance::before, .fa-ambulance::before {content: "";}
  3338. .icon-medkit::before, .fa-medkit::before {content: "";}
  3339. .icon-fighter-jet::before, .fa-fighter-jet::before {content: "";}
  3340. .icon-beer::before, .fa-beer::before {content: "";}
  3341. .icon-h-sign::before, .fa-h-square::before {content: "";}
  3342. .icon-plus-sign-alt::before, .fa-plus-square::before {content: "";}
  3343. .icon-double-angle-left::before, .fa-angle-double-left::before {content: "";}
  3344. .icon-double-angle-right::before, .fa-angle-double-right::before {content: "»";}
  3345. .icon-double-angle-up::before, .fa-angle-double-up::before {content: "";}
  3346. .icon-double-angle-down::before, .fa-angle-double-down::before {content: "";}
  3347. .icon-angle-left::before, .fa-angle-left::before {content: "";}
  3348. .icon-angle-right::before, .fa-angle-right::before {content: "";}
  3349. .icon-angle-up::before, .fa-angle-up::before {content: "";}
  3350. .icon-angle-down::before, .fa-angle-down::before {content: "";}
  3351. .icon-desktop::before, .fa-desktop::before {content: "";}
  3352. .icon-laptop::before, .fa-laptop::before {content: "";}
  3353. .icon-tablet::before, .fa-tablet::before {content: "";}
  3354. .icon-mobile-phone::before, .fa-mobile::before {content: "";}
  3355. .icon-circle-blank::before, .fa-circle-o::before {content: "";}
  3356. .icon-quote-left::before, .fa-quote-left::before {content: "";}
  3357. .icon-quote-right::before, .fa-quote-right::before {content: "";}
  3358. .icon-spinner::before, .fa-spinner::before {content: "" !important;}
  3359. .icon-circle::before, .fa-circle::before {content: "";}
  3360. .icon-mail-reply::before, .fa-mail-reply::before, .icon-reply::before, .fa-reply::before {content: "";}
  3361. .icon-github-alt::before, .fa-github-alt::before {content: "";}
  3362. .icon-folder-close-alt::before, .fa-folder-o::before {content: "\f07b";}
  3363. .icon-folder-open-alt::before, .fa-folder-open-o::before {content: "";}
  3364. .icon-expand-alt::before, .fa-expand-o::before {content: "";}
  3365. .icon-collapse-alt::before, .fa-square-o::before {content: "";}
  3366. .icon-smile::before, .fa-smile-o::before {content: "";}
  3367. .icon-frown::before, .fa-frown-o::before {content: "";}
  3368. .icon-meh::before, .fa-meh-o::before {content: "";}
  3369. .icon-gamepad::before, .fa-gamepad::before {content: "";}
  3370. .icon-keyboard::before, .fa-keyboard-o::before {content: "";}
  3371. .icon-flag-alt::before, .fa-flag-o::before {content: "";}
  3372. .icon-flag-checkered::before, .fa-flag-checkered::before {content: "";}
  3373. .icon-terminal::before, .fa-terminal::before {content: "";}
  3374. .icon-code::before, .fa-code::before {content: "";}
  3375. .icon-reply-all::before, .fa-reply-all::before, .icon-mail-reply-all::before, .fa-mail-reply-all::before {content: "";}
  3376. .icon-star-half-full::before, .fa-star-half-full::before, .icon-star-half-empty::before, .fa-star-half-o::before {content: "";}
  3377. .icon-location-arrow::before, .fa-location-arrow::before {content: "";}
  3378. .icon-crop::before, .fa-crop::before {content: "";}
  3379. .icon-code-fork::before, .fa-code-fork::before {content: "";}
  3380. .icon-unlink::before, .fa-chain-broken::before {content: "";}
  3381. .icon-question::before, .fa-question::before {content: "";}
  3382. .icon-info::before, .fa-info::before {content: "";}
  3383. .icon-exclamation::before, .fa-exclamation::before {content: "";}
  3384. .icon-superscript::before, .fa-superscript::before {content: "";}
  3385. .icon-subscript::before, .fa-subscript::before {content: "";}
  3386. .icon-eraser::before, .fa-eraser::before {content: "";}
  3387. .icon-puzzle-piece::before, .fa-puzzle-piece::before {content: "";}
  3388. .icon-microphone::before, .fa-microphone::before {content: "";}
  3389. .icon-microphone-off::before, .fa-microphone-slash::before {content: "";}
  3390. .icon-shield::before, .fa-shield::before {content: "";}
  3391. .icon-calendar-empty::before, .fa-calendar-o::before {content: "";}
  3392. .icon-fire-extinguisher::before, .fa-fire-extinguisher::before {content: "";}
  3393. .icon-rocket::before, .fa-rocket::before {content: "";}
  3394. .icon-maxcdn::before, .fa-maxcdn::before {content: "";}
  3395. .icon-chevron-sign-left::before, .fa-chevron-circle-left::before {content: "";}
  3396. .icon-chevron-sign-right::before, .fa-chevron-circle-right::before {content: "";}
  3397. .icon-chevron-sign-up::before, .fa-chevron-circle-up::before {content: "";}
  3398. .icon-chevron-sign-down::before, .fa-chevron-circle-down::before {content: "";}
  3399. .icon-html5::before, .fa-html5::before {content: "";}
  3400. .icon-css3::before, .fa-css3::before {content: "";}
  3401. .icon-anchor::before, .fa-anchor::before {content: "";}
  3402. .icon-unlock-alt::before, .fa-unlock-alt::before {content: "";}
  3403. .icon-bullseye::before, .fa-bullseye::before {content: "";}
  3404. .icon-ellipsis-horizontal::before, .fa-ellipsis-h::before {content: "";}
  3405. .icon-ellipsis-vertical::before, .fa-ellipsis-v::before {content: "";}
  3406. .icon-rss-sign::before, .fa-rss-square::before {content: "";}
  3407. .icon-play-sign::before, .fa-play-circle::before {content: "";}
  3408. .icon-ticket::before, .fa-ticket::before {content: "";}
  3409. .icon-minus-sign-alt::before, .fa-minus-square::before {content: "";}
  3410. .icon-check-minus::before, .fa-minus-square-o::before {content: "";}
  3411. .icon-level-up::before, .fa-level-up::before {content: "";}
  3412. .icon-level-down::before, .fa-level-down::before {content: "";}
  3413. .icon-check-sign::before, .fa-check-square::before {content: "";}
  3414. .icon-edit-sign::before, .fa-pencil-square::before {content: "";}
  3415. .icon-external-link-sign::before, .fa-external-link-square::before {content: "";}
  3416. .icon-share-sign::before, .fa-share-square::before {content: "";}
  3417. .icon-compass::before, .fa-compass::before {content: "";}
  3418. .icon-collapse::before, .fa-caret-square-o-down::before {content: "";}
  3419. .icon-collapse-top::before, .fa-caret-square-o-up::before {content: "";}
  3420. .icon-expand::before, .fa-caret-square-o-right::before {content: "";}
  3421. .icon-euro::before, .fa-euro::before, .icon-eur::before, .fa-eur::before {content: "";}
  3422. .icon-gbp::before, .fa-gbp::before {content: "";}
  3423. .icon-dollar::before, .fa-dollar::before, .icon-usd::before, .fa-usd::before {content: "";}
  3424. .icon-rupee::before, .fa-rupee::before, .icon-inr::before, .fa-inr::before {content: "";}
  3425. .icon-yen::before, .fa-yen::before, .icon-jpy::before, .fa-jpy::before {content: "";}
  3426. .icon-renminbi::before, .fa-renminbi::before, .icon-cny::before, .fa-rub::before {content: "";}
  3427. .icon-won::before, .fa-won::before, .icon-krw::before, .fa-krw::before {content: "";}
  3428. .icon-bitcoin::before, .fa-bitcoin::before, .icon-btc::before, .fa-btc::before {content: "";}
  3429. .icon-file::before, .fa-file::before {content: "";}
  3430. .icon-file-text::before, .fa-file-text::before {content: "";}
  3431. .icon-sort-by-alphabet::before, .fa-sort-alpha-asc::before {content: "";}
  3432. .icon-sort-by-alphabet-alt::before, .fa-sort-alpha-desc::before {content: "";}
  3433. .icon-sort-by-attributes::before, .fa-sort-amount-asc::before {content: "";}
  3434. .icon-sort-by-attributes-alt::before, .fa-sort-amount-desc::before {content: "";}
  3435. .icon-sort-by-order::before, .fa-sort-numeric-asc::before {content: "";}
  3436. .icon-sort-by-order-alt::before, .fa-sort-numeric-desc::before {content: "";}
  3437. .icon-thumbs-up::before, .fa-thumbs-up::before {content: "";}
  3438. .icon-thumbs-down::before, .fa-thumbs-down::before {content: "";}
  3439. .icon-youtube-sign::before, .fa-youtube-square::before {content: "";}
  3440. .icon-youtube::before, .fa-youtube::before {content: "";}
  3441. .icon-xing::before, .fa-xing::before {content: "";}
  3442. .icon-xing-sign::before, .fa-xing-square::before {content: "";}
  3443. .icon-youtube-play::before, .fa-youtube-play::before {content: "";}
  3444. .icon-dropbox::before, .fa-dropbox::before {content: "";}
  3445. .icon-stackexchange::before, .fa-stack-overflow::before {content: "";}
  3446. .icon-instagram::before, .fa-instagram::before {content: "";}
  3447. .icon-flickr::before, .fa-flickr::before {content: "";}
  3448. .icon-adn::before, .fa-adn::before {content: "";}
  3449. .icon-bitbucket::before, .fa-bitbucket::before {content: "";}
  3450. .icon-bitbucket-sign::before, .fa-bitbucket-square::before {content: "";}
  3451. .icon-tumblr::before, .fa-tumblr::before {content: "";}
  3452. .icon-tumblr-sign::before, .fa-tumblr-square::before {content: "";}
  3453. .icon-long-arrow-down::before, .fa-long-arrow-down::before {content: "";}
  3454. .icon-long-arrow-up::before, .fa-long-arrow-up::before {content: "";}
  3455. .icon-long-arrow-left::before, .fa-long-arrow-left::before {content: "";}
  3456. .icon-long-arrow-right::before, .fa-long-arrow-right::before {content: "";}
  3457. .icon-apple::before, .fa-apple::before {content: "";}
  3458. .icon-windows::before, .fa-windows::before {content: "";}
  3459. .icon-android::before, .fa-android::before {content: "";}
  3460. .icon-linux::before, .fa-linux::before {content: "";}
  3461. .icon-dribbble::before, .fa-dribbble::before {content: "";}
  3462. .icon-skype::before, .fa-skype::before {content: "";}
  3463. .icon-foursquare::before, .fa-foursquare::before {content: "";}
  3464. .icon-trello::before, .fa-trello::before {content: "";}
  3465. .icon-female::before, .fa-female::before {content: "";}
  3466. .icon-male::before, .fa-male::before {content: "";}
  3467. .icon-gittip::before, .fa-gittip::before, .fa-gratipay::before {content: "";}
  3468. .icon-sun::before, .fa-sun-o::before {content: "";}
  3469. .icon-moon::before, .fa-moon-o::before {content: "";}
  3470. .icon-archive::before, .fa-archive::before {content: "";}
  3471. .icon-bug::before, .fa-bug::before {content: "";}
  3472. .icon-vk::before, .fa-vk::before {content: "";}
  3473. .icon-weibo::before, .fa-weibo::before {content: "";}
  3474. .icon-renren::before, .fa-renren::before {content: "";}
  3475. .fa-pagelines::before {content: "";}
  3476. .fa-stack-exchange::before {content: "";}
  3477. .fa-arrow-circle-o-right::before {content: "";}
  3478. .fa-arrow-circle-o-left::before {content: "";}
  3479. .fa-toggle-left::before, .fa-caret-square-o-left::before {content: "";}
  3480. .fa-dot-circle-o::before {content: "";}
  3481. .fa-wheelchair::before {content: "";}
  3482. .fa-vimeo-square::before {content: "";}
  3483. .fa-turkish-lira::before, .fa-try::before {content: "";}
  3484. .fa-plus-square-o::before {content: "";}
  3485. .fa-empire::before, .fa-ge::before {content: "";}
  3486. .fa-space-shuttle::before {content: "";}
  3487. .fa-slack::before {content: "";}
  3488. .fa-envelope-square::before {content: "";}
  3489. .fa-wordpress::before {content: "";}
  3490. .fa-openid::before {content: "";}
  3491. .fa-institution::before, .fa-bank::before, .fa-university::before {content: "";}
  3492. .fa-mortar-board::before, .fa-graduation-cap::before {content: "";}
  3493. .fa-yahoo::before {content: "";}
  3494. .fa-google::before {content: "";}
  3495. .fa-reddit::before {content: "";}
  3496. .fa-reddit-square::before {content: "";}
  3497. .fa-stumbleupon-circle::before {content: "";}
  3498. .fa-stumbleupon::before {content: "";}
  3499. .fa-delicious::before {content: "";}
  3500. .fa-digg::before {content: "";}
  3501. .fa-pied-piper-square::before, .fa-pied-piper::before {content: "";}
  3502. .fa-pied-piper-alt::before {content: "";}
  3503. .fa-drupal::before {content: "";}
  3504. .fa-joomla::before {content: "";}
  3505. .fa-language::before {content: "";}
  3506. .fa-fax::before {content: "";}
  3507. .fa-building::before {content: "";}
  3508. .fa-child::before {content: "";}
  3509. .fa-paw::before {content: "";}
  3510. .fa-spoon::before {content: "";}
  3511. .fa-cube::before {content: "";}
  3512. .fa-cubes::before {content: "";}
  3513. .fa-behance::before {content: "";}
  3514. .fa-behance-square::before {content: "";}
  3515. .fa-steam::before {content: "";}
  3516. .fa-steam-square::before {content: "";}
  3517. .fa-recycle::before {content: "";}
  3518. .fa-automobile::before, .fa-car::before {content: "";}
  3519. .fa-cab::before, .fa-taxi::before {content: "";}
  3520. .fa-tree::before {content: "";}
  3521. .fa-spotify::before {content: "";}
  3522. .fa-deviantart::before {content: "";}
  3523. .fa-soundcloud::before {content: "";}
  3524. .fa-database::before {content: "";}
  3525. .fa-file-pdf-o::before {content: "";}
  3526. .fa-file-word-o::before {content: "";}
  3527. .fa-file-excel-o::before {content: "";}
  3528. .fa-file-powerpoint-o::before {content: "";}
  3529. .fa-file-photo-o::before, .fa-file-picture-o::before, .fa-file-image-o::before {content: "";}
  3530. .fa-file-zip-o::before, .fa-file-archive-o::before {content: "";}
  3531. .fa-file-sound-o::before, .fa-file-audio-o::before {content: "";}
  3532. .fa-file-movie-o::before, .fa-file-video-o::before {content: "";}
  3533. .fa-file-code-o::before {content: "";}
  3534. .fa-vine::before {content: "";}
  3535. .fa-codepen::before {content: "";}
  3536. .fa-jsfiddle::before {content: "";}
  3537. .fa-life-bouy::before, .fa-life-saver::before, .fa-support::before, .fa-life-ring::before {content: "";}
  3538. .fa-circle-o-notch::before {content: "";}
  3539. .fa-ra::before, .fa-rebel::before {content: "";}
  3540. .fa-git-square::before {content: "";}
  3541. .fa-git::before {content: "";}
  3542. .fa-hacker-news::before {content: "";}
  3543. .fa-tencent-weibo::before {content: "";}
  3544. .fa-qq::before {content: "";}
  3545. .fa-wechat::before, .fa-weixin::before {content: "";}
  3546. .fa-send::before, .fa-paper-plane::before {content: "";}
  3547. .fa-send-o::before, .fa-paper-plane-o::before {content: "";}
  3548. .fa-history::before {content: "";}
  3549. .fa-genderless::before, .fa-circle-thin::before {content: "";}
  3550. .fa-header::before {content: "";}
  3551. .fa-paragraph::before {content: "";}
  3552. .fa-sliders::before {content: "";}
  3553. .fa-share-alt::before {content: "";}
  3554. .fa-share-alt-square::before {content: "";}
  3555. .fa-bomb::before {content: "";}
  3556. .fa-soccer-ball-o::before, .fa-futbol-o::before {content: "";}
  3557. .fa-tty::before {content: "";}
  3558. .fa-binoculars::before {content: "";}
  3559. .fa-plug::before {content: "";}
  3560. .fa-slideshare::before {content: "";}
  3561. .fa-twitch::before {content: "";}
  3562. .fa-yelp::before {content: "";}
  3563. .fa-newspaper-o::before {content: "";}
  3564. .fa-wifi::before {content: "";}
  3565. .fa-calculator::before {content: "";}
  3566. .fa-paypal::before {content: "";}
  3567. .fa-google-wallet::before {content: "";}
  3568. .fa-cc-visa::before {content: "";}
  3569. .fa-cc-mastercard::before {content: "";}
  3570. .fa-cc-discover::before {content: "";}
  3571. .fa-cc-amex::before {content: "";}
  3572. .fa-cc-paypal::before {content: "";}
  3573. .fa-cc-stripe::before {content: "";}
  3574. .fa-bell-slash::before {content: "";}
  3575. .fa-bell-slash-o::before {content: "";}
  3576. .fa-trash::before {content: "";}
  3577. .fa-copyright::before {content: "";}
  3578. .fa-at::before {content: "";}
  3579. .fa-eyedropper::before {content: "";}
  3580. .fa-paint-brush::before {content: "";}
  3581. .fa-birthday-cake::before {content: "";}
  3582. .fa-area-chart::before {content: "";}
  3583. .fa-pie-chart::before {content: "";}
  3584. .fa-line-chart::before {content: "";}
  3585. .fa-lastfm::before {content: "";}
  3586. .fa-lastfm-square::before {content: "";}
  3587. .fa-toggle-off::before {content: "";}
  3588. .fa-toggle-on::before {content: "";}
  3589. .fa-bicycle::before {content: "";}
  3590. .fa-bus::before {content: "";}
  3591. .fa-ioxhost::before {content: "";}
  3592. .fa-angellist::before {content: "";}
  3593. .fa-cc::before {content: "";}
  3594. .fa-shekel::before, .fa-sheqel::before, .fa-ils::before {content: "";}
  3595. .fa-meanpath::before {content: "";}
  3596. .fa-buysellads::before {content: "";}
  3597. .fa-connectdevelop::before {content: "";}
  3598. .fa-dashcube::before {content: "";}
  3599. .fa-forumbee::before {content: "";}
  3600. .fa-leanpub::before {content: "";}
  3601. .fa-sellsy::before {content: "";}
  3602. .fa-shirtsinbulk::before {content: "";}
  3603. .fa-simplybuilt::before {content: "";}
  3604. .fa-skyatlas::before {content: "";}
  3605. .fa-cart-plus::before {content: "";}
  3606. .fa-cart-arrow-down::before {content: "";}
  3607. .fa-diamond::before {content: "";}
  3608. .fa-ship::before {content: "";}
  3609. .fa-user-secret::before {content: "";}
  3610. .fa-motorcycle::before {content: "";}
  3611. .fa-street-view::before {content: "";}
  3612. .fa-heartbeat::before {content: "";}
  3613. .fa-venus::before {content: "";}
  3614. .fa-mars::before {content: "";}
  3615. .fa-mercury::before {content: "";}
  3616. .fa-transgender::before {content: "";}
  3617. .fa-transgender-alt::before {content: "";}
  3618. .fa-venus-double::before {content: "";}
  3619. .fa-mars-double::before {content: "";}
  3620. .fa-venus-mars::before {content: "";}
  3621. .fa-mars-stroke::before {content: "";}
  3622. .fa-mars-stroke-v::before {content: "";}
  3623. .fa-mars-stroke-h::before {content: "";}
  3624. .fa-neuter::before {content: "";}
  3625. .fa-facebook-official::before {content: "";}
  3626. .fa-pinterest-p::before {content: "";}
  3627. .fa-whatsapp::before {content: "";}
  3628. .fa-server::before {content: "";}
  3629. .fa-user-plus::before {content: "";}
  3630. .fa-user-times::before {content: "";}
  3631. .fa-hotel::before, .fa-bed::before {content: "";}
  3632. .fa-viacoin::before {content: "";}
  3633. .fa-train::before {content: "";}
  3634. .fa-subway::before {content: "";}
  3635. .fa-medium::before {content: "";}
  3636. #lbOverlay {background-color: #000;bottom: 0;left: 0;position: fixed;right: 0;top: 0;z-index: 399;}
  3637. #lbPrevLink, #lbNextLink {display: block;outline: medium none;overflow: hidden;position: absolute;top: 0;width: 50%;}
  3638. #lbPrevLink > span, #lbNextLink > span {background-color: #fff;display: none;padding: 7px;position: absolute;top: 20%;}
  3639. #lbPrevLink:hover > span, #lbNextLink:hover > span {box-shadow: 0 0 20px 0 #40729a;}
  3640. #lbPrevLink {left: 0;}
  3641. #lbPrevLink > span {border-radius: 0 30px 30px 0;left: 0;padding-right: 14px;}
  3642. #lbNextLink {right: 0;}
  3643. #lbNextLink > span {border-radius: 30px 0 0 30px;padding-left: 14px;right: 0;}
  3644. #lbEnlarge, #lbCloseLink {cursor: pointer;display: block;float: right;outline: medium none;padding-right: 7px;}
  3645. #lbCenter, #lbBottomContainer {background-color: #fff;overflow: hidden;position: absolute;z-index: 400;}
  3646. #lbCenter > .icon-spinner {left: 50%;margin: -21px 0 0 -21px;position: absolute;top: 50%;}
  3647. #lbImage {background-repeat: no-repeat;background-size: cover;border: 10px solid #fff;left: 0;position: absolute;top: 0;}
  3648. #lbImage:hover #lbNextLink > span, #lbImage:hover #lbPrevLink > span {display: block;}
  3649. #lbBottom {-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;border-color: #fff;border-image: none;border-style: none solid solid;border-width: 10px;color: #666;}
  3650. #lbCaption, #lbNumber {margin-right: 71px;}
  3651. #lbCaption {font-weight: bold;}
  3652. .wcfImageViewer {background-color: #000000;bottom: 0;display: none;left: 0;opacity: 0;position: fixed;right: 0;top: 0;z-index: 399;}
  3653. .wcfImageViewer .icon {color: #666666;text-shadow: 0 1px 0 rgba(255,255,255,0.8);}
  3654. .wcfImageViewer.open {display: block;opacity: 1;}
  3655. .wcfImageViewer.maximized:not(.wcfImageViewerMobile) > header {top: -100px;}
  3656. .wcfImageViewer.maximized:not(.wcfImageViewerMobile) > div {border-color: rgba(51,51,51,0);bottom: 0;top: 0;}
  3657. .wcfImageViewer.maximized:not(.wcfImageViewerMobile) > footer {bottom: -100px;}
  3658. .wcfImageViewer.wcfImageViewerStatic > header > div > h1, .wcfImageViewer.wcfImageViewerStatic > header > div > h2, .wcfImageViewer.wcfImageViewerStatic > header > div > h3 {margin-left: 0 !important;}
  3659. .wcfImageViewer.wcfImageViewerMobile > header, .wcfImageViewer.wcfImageViewerMobile > footer {background-color: #000000;opacity: 1;position: absolute;visibility: visible;z-index: 402;}
  3660. .wcfImageViewer.wcfImageViewerMobile.maximized > header, .wcfImageViewer.wcfImageViewerMobile.maximized > footer {opacity: 0;transition: visibility 0s linear 0.5s, opacity 0.5s linear 0s;visibility: hidden;}
  3661. .wcfImageViewer.wcfImageViewerMobile.maximized > div > ul > li.pointer {opacity: 0;}
  3662. .wcfImageViewer.wcfImageViewerMobile > div {bottom: 0;top: 0;}
  3663. .wcfImageViewer.wcfImageViewerMobile > div > ul > li {background-color: #e0e0e0;border-radius: 30px;margin-top: -24px;opacity: 0;position: absolute;top: 50%;transition-duration: 0.3s;transition-property: opacity;transition-timing-function: linear;}
  3664. .wcfImageViewer.wcfImageViewerMobile > div > ul > li.pointer {opacity: 1;}
  3665. .wcfImageViewer.wcfImageViewerMobile > div > ul > li.wcfImageViewerSlideshowButtonPrevious {left: 10px;}
  3666. .wcfImageViewer.wcfImageViewerMobile > div > ul > li.wcfImageViewerSlideshowButtonPrevious > span {left: -3px;position: relative;top: 2px;}
  3667. .wcfImageViewer.wcfImageViewerMobile > div > ul > li.wcfImageViewerSlideshowButtonNext {right: 10px;}
  3668. .wcfImageViewer.wcfImageViewerMobile > div > ul > li.wcfImageViewerSlideshowButtonNext > span {position: relative;right: -1px;top: 2px;}
  3669. .wcfImageViewer.wcfImageViewerMobile > div > ul > li.wcfImageViewerSlideshowButtonFull {bottom: 80px;left: 50%;top: auto;transform: translateX(-50%);}
  3670. .wcfImageViewer.wcfImageViewerMobile > div > ul > li.wcfImageViewerSlideshowButtonFull > span {font-size: 32px;left: 2px;position: relative;top: 10px;}
  3671. .wcfImageViewer.wcfImageViewerMobile > div > ul > li.wcfImageViewerSlideshowButtonToggle, .wcfImageViewer.wcfImageViewerMobile > div > ul > li.wcfImageViewerSlideshowButtonEnlarge {display: none;}
  3672. .wcfImageViewer.wcfImageViewerMobile > footer > .wcfImageViewerButtonPrevious, .wcfImageViewer.wcfImageViewerMobile > footer > .wcfImageViewerButtonNext {display: none;}
  3673. .wcfImageViewer.wcfImageViewerMobile > footer > div {margin: 0;}
  3674. .wcfImageViewer > header, .wcfImageViewer > div, .wcfImageViewer > footer {box-sizing: border-box;left: 0;position: fixed;right: 0;z-index: 400;}
  3675. .wcfImageViewer > header {height: 100px;overflow: hidden;padding: 1rem;top: 0;}
  3676. .wcfImageViewer > header > div > h1, .wcfImageViewer > header > div > h2, .wcfImageViewer > header > div > h3 {color: #d3d3d3;margin-left: 80px !important;}
  3677. .wcfImageViewer > header > div > h1 > a, .wcfImageViewer > header > div > h2 > a, .wcfImageViewer > header > div > h3 > a {color: #d3d3d3;}
  3678. .wcfImageViewer > header > div > h1 {font-size: 1.75rem;}
  3679. .wcfImageViewer > header > div > h2 {font-size: 1.25rem;}
  3680. .wcfImageViewer > header > div > h3 {color: #d3d3d3;font-size: 0.85rem;margin-top: 0.25rem;}
  3681. .wcfImageViewer > header > div > a > img {height: 64px;width: 64px;}
  3682. .wcfImageViewer > header > .wcfImageViewerButtonClose {opacity: 0.6;position: absolute;right: 26px;top: 26px;transition-duration: 0.3s;transition-property: opacity;transition-timing-function: linear;}
  3683. .wcfImageViewer > header > .wcfImageViewerButtonClose:hover {opacity: 1;}
  3684. .wcfImageViewer > div {background-color: #000000;border-bottom: 1px solid #333333;border-top: 1px solid #333333;bottom: 100px;top: 100px;transition-duration: 0.3s;transition-property: top, bottom, border-color;transition-timing-function: linear;z-index: 401;}
  3685. .wcfImageViewer > div.loading::before {-moz-user-select: none;animation: 2s linear 0s normal none infinite running spin;color: #9b9940;content: "";display: inline-block;font-family: FontAwesome;font-size: 42px;font-style: normal !important;font-weight: normal !important;height: auto;left: 50%;line-height: 1em;margin: -24px 0 0 -24px;position: absolute;text-align: center;text-shadow: 0 1px 0 rgba(0,0,0,0);top: 50%;width: 48px;}
  3686. .wcfImageViewer > div > img {opacity: 0;position: absolute;top: 50%;transition-duration: 0.75s;transition-property: opacity;transition-timing-function: linear;}
  3687. .wcfImageViewer > div > img.animateTransformation {transition: left 0.3s ease 0s, margin-top 0.3s ease 0s, height 0.3s ease 0s, width 0.3s ease 0s, opacity 0.75s ease 0s;}
  3688. .wcfImageViewer > div > img.active {opacity: 1;}
  3689. .wcfImageViewer:not(.wcfImageViewerMobile) > header {transition-duration: 0.3s;transition-property: top;transition-timing-function: linear;}
  3690. .wcfImageViewer:not(.wcfImageViewerMobile) > footer {transition-duration: 0.3s;transition-property: bottom;transition-timing-function: linear;}
  3691. .wcfImageViewer:not(.wcfImageViewerMobile) > div {cursor: pointer;}
  3692. .wcfImageViewer:not(.wcfImageViewerMobile) > div > img, .wcfImageViewer:not(.wcfImageViewerMobile) > div > ul {cursor: default;}
  3693. .wcfImageViewer:not(.wcfImageViewerMobile) > div > ul {-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;background-color: #000000;border-color: #333333;border-image: none;border-radius: 5px 5px 0 0;border-style: solid;border-width: 1px 1px 0;bottom: 0;display: inline-block;left: 50%;margin-left: -122px;opacity: 0.4;position: absolute;transition-duration: 0.5s;transition-property: opacity;transition-timing-function: linear;}
  3694. .wcfImageViewer:not(.wcfImageViewerMobile) > div > ul:hover {opacity: 1;}
  3695. .wcfImageViewer:not(.wcfImageViewerMobile) > div > ul > li {display: inline-block;opacity: 0.6;transition-duration: 0.5s;transition-property: opacity;transition-timing-function: linear;}
  3696. .wcfImageViewer:not(.wcfImageViewerMobile) > div > ul > li.pointer > span.icon {cursor: pointer;}
  3697. .wcfImageViewer:not(.wcfImageViewerMobile) > div > ul > li.active, .wcfImageViewer:not(.wcfImageViewerMobile) > div > ul > li.pointer:hover {opacity: 1;}
  3698. .wcfImageViewer:not(.wcfImageViewerMobile) > div > ul > li.wcfImageViewerSlideshowButtonToggle > span, .wcfImageViewer:not(.wcfImageViewerMobile) > div > ul > li.wcfImageViewerSlideshowButtonEnlarge > span, .wcfImageViewer:not(.wcfImageViewerMobile) > div > ul > li.wcfImageViewerSlideshowButtonFull > span {font-size: 28px;}
  3699. .wcfImageViewer:not(.wcfImageViewerMobile) > div > ul > li.wcfImageViewerSlideshowButtonToggle > span::before, .wcfImageViewer:not(.wcfImageViewerMobile) > div > ul > li.wcfImageViewerSlideshowButtonEnlarge > span::before, .wcfImageViewer:not(.wcfImageViewerMobile) > div > ul > li.wcfImageViewerSlideshowButtonFull > span::before {left: 2px;position: relative;top: 9px;}
  3700. .wcfImageViewer:not(.wcfImageViewerMobile) > div > ul > li.wcfImageViewerSlideshowButtonEnlarge, .wcfImageViewer:not(.wcfImageViewerMobile) > div > ul > li.wcfImageViewerSlideshowButtonFull {border-left: 1px solid #333333;box-sizing: border-box;}
  3701. .wcfImageViewer:not(.wcfImageViewerMobile) > div > ul > li > span {vertical-align: middle;}
  3702. .wcfImageViewer > footer {bottom: 0;height: 100px;padding: 10px;}
  3703. .wcfImageViewer > footer:hover > div > ul > li > img {filter: none;}
  3704. .wcfImageViewer > footer > span {bottom: 0;font-size: 48px;opacity: 0;padding-top: 26px;position: absolute;top: 0;transition-duration: 0.5s;transition-property: opacity;transition-timing-function: linear;width: 30px;z-index: 2;}
  3705. .wcfImageViewer > footer > span.pointer {opacity: 0.6;}
  3706. .wcfImageViewer > footer > span.pointer:hover {opacity: 1;}
  3707. .wcfImageViewer > footer > span.wcfImageViewerButtonPrevious {left: 5px;}
  3708. .wcfImageViewer > footer > span.wcfImageViewerButtonNext {right: 5px;}
  3709. .wcfImageViewer > footer > div {height: 80px;margin: 0 35px;overflow: hidden;white-space: nowrap;}
  3710. .wcfImageViewer > footer > div > ul {font-size: 0;height: 80px;transition: margin-left 0.75s cubic-bezier(0.5,1.595,0.56,0.98) 0s;z-index: 1;}
  3711. .wcfImageViewer > footer > div > ul > li {display: inline-block;height: 80px;opacity: 0.6;position: relative;transition-duration: 0.5s;transition-property: opacity;transition-timing-function: linear;width: 80px;}
  3712. .wcfImageViewer > footer > div > ul > li.active, .wcfImageViewer > footer > div > ul > li:hover {opacity: 1;}
  3713. .wcfImageViewer > footer > div > ul > li:not(:last-child) {margin-right: 10px;}
  3714. .wcfImageViewer > footer > div > ul > li.active > img {filter: none;}
  3715. .wcfImageViewer > footer > div > ul > li.loading::before {-moz-user-select: none;animation: 2s linear 0s normal none infinite running spin;color: #9b9940;content: "";display: inline-block;font-family: FontAwesome;font-size: 28px;font-style: normal !important;font-weight: normal !important;height: auto;left: 50%;line-height: 1em;margin: -16px 0 0 -16px;position: absolute;text-align: center;text-shadow: 0 1px 0 rgba(0,0,0,0);top: 50%;vertical-align: -5px;width: 32px;z-index: -1;}
  3716. .wcfImageViewer > footer > div > ul > li.loading > img {opacity: 0;}
  3717. .wcfImageViewer > footer > div > ul > li > img {filter: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cfilter%20id%3D%22grayscale%22%3E%3CfeColorMatrix%20type%3D%22matrix%22%20values%3D%220.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200%200%200%201%200%22%2F%3E%3C%2Ffilter%3E%3C%2Fsvg%3E#grayscale");height: 80px;opacity: 1;transition: filter 0.5s ease 0s, opacity 1s ease 0s;width: 80px;}
  3718. @media only screen and (max-width: 800px) {
  3719. .wcfImageViewer > header {height: 80px;}
  3720. .wcfImageViewer > header > .wcfImageViewerButtonClose {right: 16px;top: 16px;}
  3721. .wcfImageViewer > footer {height: 80px;}
  3722. .wcfImageViewer > footer > div {height: 60px;}
  3723. .wcfImageViewer > footer > div > ul {height: 60px;}
  3724. .wcfImageViewer > footer > div > ul > li {height: 60px;}
  3725. }
  3726. .labelList {font-size: 0;margin-bottom: -4px;}
  3727. .labelList > li {display: inline-block;margin-bottom: 4px;}
  3728. .labelList > li:not(:last-child) {margin-right: 4px;}
  3729. .boxHeadline.labeledHeadline {font-size: 0;}
  3730. .boxHeadline.labeledHeadline > ul {display: inline-block;font-size: 1rem;}
  3731. .boxHeadline.labeledHeadline > ul:not(:empty) {margin-right: 7px;}
  3732. .boxHeadline.labeledHeadline > ul.statusIcons > li {display: inline-block;}
  3733. .boxHeadline.labeledHeadline > ul.labelList {position: relative;top: -4px;}
  3734. .boxHeadline.labeledHeadline > h1, .boxSubHeadline.labeledHeadline > h2 {display: inline-block;margin-right: 7px;}
  3735. #labelList::before, #labelList::after {content: "";display: table;}
  3736. #labelList::after {clear: both;}
  3737. #labelList li {float: left;margin-right: 1%;width: 30%;}
  3738. #labelList li.labelCustomClass {position: relative;}
  3739. #labelList li.labelCustomClass input[type="radio"] {left: 0;position: absolute;top: 0;}
  3740. #labelList li.labelCustomClass span {display: block;margin-left: 24px;}
  3741. .labelChooser > .dropdownToggle > span {cursor: pointer;}
  3742. .layoutFluid {margin-left: auto;margin-right: auto;max-width: 90%;min-width: 980px;}
  3743. @media only screen and (max-width: 800px) {
  3744. .layoutFluid {max-width: none;min-width: 0;}
  3745. }
  3746. .layoutFixed {margin-left: auto;margin-right: auto;width: 1200px;}
  3747. @media only screen and (max-width: 800px) {
  3748. .layoutFixed {width: auto;}
  3749. }
  3750. @media only screen and (min-width: 801px) {
  3751. body {min-width: 980px;}
  3752. }
  3753. #pageHeader {z-index: 100;}
  3754. @media only screen and (max-width: 800px) {
  3755. #pageHeader {margin-top: 48px; background: url(../images/dreamily/background.jpg); background-size: cover; background-position: center center;}
  3756. }
  3757. #top {display: block;height: 1px;visibility: hidden;}
  3758. .userPanel {background-color: #181d24;height: 40px;left: 0;overflow: hidden;position: absolute;right: 0;top: 0;z-index: 200;}
  3759. .userPanel .icon {color: #dddddd;text-shadow: 0 -1px 0 rgba(0,0,0,0);}
  3760. .userPanel > div {position: relative;}
  3761. .userPanel > div > ul.userPanelItems::before, .userPanel > div > ul.userPanelItems::after {content: "";display: table;}
  3762. .userPanel > div > ul.userPanelItems::after {clear: both;}
  3763. .userPanel > div > ul.userPanelItems > li {float: left;}
  3764. .userPanel > div > ul.userPanelItems > li > a, .userPanel > div > ul.userPanelItems > li > div:not(.dropdownMenu) {color: #dddddd;display: block;height: 20px;padding: 12px 8px 8px;text-shadow: 0 -1px 0 rgba(0,0,0,0);transition-duration: 0.2s;transition-property: background-color;transition-timing-function: linear;}
  3765. .userPanel > div > ul.userPanelItems > li > a:hover, .userPanel > div > ul.userPanelItems > li > div:hover:not(.dropdownMenu) {background-color: rgba(0,0,0,0);color: #ffffff;text-decoration: none;}
  3766. .userPanel > div > ul.userPanelItems > li > a > .badge.badgeInverse, .userPanel > div > ul.userPanelItems > li > div:not(.dropdownMenu) > .badge.badgeInverse {background-color: #ffffff;color: #576c7d;}
  3767. .userPanel > div > ul.userPanelItems > li > a > img, .userPanel > div > ul.userPanelItems > li > div:not(.dropdownMenu) > img {position: relative;top: -2px;}
  3768. .userPanel > div > ul.userPanelItems > li > .framed > img {margin-bottom: -4px;margin-top: -5px;padding: 0;top: 0;}
  3769. .userPanel > div > .searchBar {background-color: rgba(0,0,0,0);position: absolute;right: 0;top: 0;}
  3770. .userPanel > div > .searchBar::before {color: #dddddd;content: "";font-family: FontAwesome;font-size: 14px;left: 7px;position: absolute;top: 12px;}
  3771. .userPanel > div > .searchBar.loading::before {animation: 2s linear 0s normal none infinite running spin;content: "";}
  3772. .userPanel > div > .searchBar > form {display: inline-block;}
  3773. .userPanel > div > .searchBar > form input[type="search"] {background-color: transparent;border-width: 0;color: #dddddd;height: 40px;padding: 6px 12px 5px 26px;text-shadow: 0 -1px 0 rgba(0,0,0,0);width: 240px;}
  3774. .userPanel > div > .searchBar > form input[type="search"]:focus {outline: 0 none;}
  3775. .userPanel > div > .searchBar > form input[type="search"]::-moz-placeholder {color: #aaaaaa;}
  3776. .userPanel > div > .searchBar .dropdownMenu li > span {max-width: 210px;overflow: hidden;text-overflow: ellipsis;}
  3777. @media only screen and (max-width: 800px) {
  3778. .userPanel {height: 41px; position: fixed;}
  3779. .userPanel .icon {font-size: 21px;height: auto;width: auto;}
  3780. .userPanel > div > ul.userPanelItems > li > a, .userPanel > div > ul.userPanelItems > li > div:not(.dropdownMenu) {height: 21px;padding: 11px 11px 9px;}
  3781. .userPanel > div > ul.userPanelItems > li > .framed > img {margin-top: -4px;}
  3782. .userPanel > div > ul.userPanelItems > li > a > span:not(.icon):not(.badge), .userPanel > div > ul.userPanelItems > li#pageLanguageContainer > div > div > div > h3 {display: none;}
  3783. .userPanel > div > ul.userPanelItems > li > a > .badge {top: -4px;}
  3784. .userPanel > div > .searchBar {height: 41px;min-width: 40px;right: 0 !important;}
  3785. .userPanel > div > .searchBar::before {font-size: 21px;}
  3786. .userPanel > div > .searchBar > form {display: none;}
  3787. .userPanel > div > .searchBar > form input[type="search"] {height: 41px;padding-left: 40px;width: 100%;}
  3788. .userPanel > div > .searchBar.searchBarOpen {width: 100%; background: #001c1d; color: #fff;}
  3789. .userPanel > div > .searchBar.searchBarOpen > form {display: block;}
  3790. .userPanel > div > .searchBar::before {top: 5px;}
  3791. }
  3792. .logo {margin-bottom: 21px;margin-top: 14px;}
  3793. .logo a {display: block;}
  3794. .logo a:hover {text-decoration: none;}
  3795. .logo a h1 {color: #ffffff;float: right;font-size: 2rem;padding-top: 21px;text-shadow: 0 -1px 0 rgba(0,0,0,0);}
  3796. .userPanel + .logo {margin-top: 57px;}
  3797. @media only screen and (max-width: 800px) {
  3798. .logo {display: block;}
  3799. }
  3800. .sitemapList {margin: 0 -7px;}
  3801. .sitemapList li > a, .sitemapList li > h3 {overflow: hidden;padding: 4px 14px;}
  3802. .sitemapList li > a {border-radius: 6px;display: block;transition-duration: 0.1s;transition-property: background-color;transition-timing-function: linear;}
  3803. .sitemapList li > a:hover {background-color: #f4f7f8;text-decoration: none;}
  3804. .sitemapList > li:not(:first-child) {margin-top: 7px;}
  3805. .sitemapList > li:not(:last-child) {border-bottom: 1px solid #d3d8dc;padding-bottom: 7px;}
  3806. .sitemapList > li > ul > li > a {padding-left: 35px;}
  3807. .sitemapList > li > ul > li > ul > li a {padding-left: 56px;}
  3808. .mainMenu {-moz-user-select: none;font-size: 0;white-space: nowrap;}
  3809. .mainMenu > ul {background-color: #001c1d !important; border-bottom: 5px solid #000e0e; display: inline-block; width:100%}
  3810. .mainMenu > ul > li {display: inline-block;font-size: 1.2rem;vertical-align: middle;}
  3811. .mainMenu > ul > li > a {color: #dddddd;display: inline-block;padding: 4px 9px;text-shadow: 0 -1px 0 rgba(0,0,0,0);}
  3812. .mainMenu > ul > li > a:hover {color: #ffffff;text-decoration: none;}
  3813. .mainMenu > ul > li > a > span {color: #dddddd;text-shadow: 0 -1px 0 rgba(0,0,0,0);}
  3814. .mainMenu > ul > li > a > span:hover {text-decoration: none;}
  3815. .mainMenu > ul > li.active > a, .mainMenu > ul > li.active > a:hover {background-color: rgba(255,255,255,0.1);color: #ffffff;font-weight: bold;text-align: center;text-shadow: 0 1px 0 rgba(0,0,0,0);}
  3816. .mainMenu > ul > li:not(:last-child) > a {border-right: 1px solid #d3d8dc;}
  3817. @media screen and (min-width: 801px),print {
  3818. .mainMenu > ul > li {margin-top: -7px;vertical-align: bottom;}
  3819. .mainMenu > ul > li > a {padding: 9px 21px;}
  3820. .mainMenu > ul > li.active {font-size: 1.4rem;margin-top: -8px;}
  3821. .mainMenu > ul > li.active > a {min-width: 80px;padding: 14px 21px 8px;}
  3822. .mainMenu > ul > li:not(.active) {padding-top: 5px;}
  3823. }
  3824. @media only screen and (max-width: 800px) {
  3825. .mainMenu > ul > li.active {margin-bottom: -1px;}
  3826. .mainMenu > ul > li.active > a {padding-bottom: 5px;}
  3827. }
  3828. .navigation > ul {display: inline-block;font-size: 0;}
  3829. .navigation > ul.navigationItems, .navigation > ul.navigationIcons {float: right;}
  3830. .navigation > ul.navigationItems > li, .navigation > ul.navigationIcons > li {float: right;}
  3831. .navigation > ul.navigationIcons > li {padding: 0 3px;}
  3832. .navigation > ul.navigationIcons > li > a {display: inline-block;padding: 4px 3px 3px;}
  3833. .navigation > ul.navigationItems {border-right: 1px dotted #d3d8dc;}
  3834. .navigation > ul.navigationItems > li > p {color: #558cb8;}
  3835. .navigation > ul.navigationItems > li, .navigation > ul.navigationMenuItems > li {font-size: 1rem;margin: 4px 7px 2px;}
  3836. .navigation > ul.navigationItems > li > a, .navigation > ul.navigationMenuItems > li > a {}
  3837. .navigation > ul.navigationItems > li > a:hover, .navigation > ul.navigationMenuItems > li > a:hover {color: #5a788f;text-decoration: none;}
  3838. .navigation > ul.navigationItems .icon, .navigation > ul.navigationMenuItems .icon, .navigation > ul.navigationIcons .icon {color: #558cb8;}
  3839. .navigation > ul.navigationMenuItems {float: left;}
  3840. .navigation > ul.navigationMenuItems > li {display: inline-block; margin-left: -6px;}
  3841. .navigation > ul.navigationMenuItems > li:nth-child(1){margin-left: 35px;}
  3842. .navigation > ul.navigationMenuItems > li > .badge {top: -2px;}
  3843. @media only screen and (max-width: 800px) {
  3844. .navigation.navigationHeader > ul.navigationIcons, .navigation.navigationHeader > ul.navigationItems {display: none;}
  3845. .navigation.navigationFooter > ul.navigationIcons, .navigation.navigationFooter > ul.navigationItems {display: none;}
  3846. .navigation.navigationFooter > ul.navigationMenuItems > li {margin: 4px 7px 4px 0;}
  3847. }
  3848. .navigationHeader {background-color: rgba(255,255,255,0.1);border-bottom: 1px solid #d3d8dc;border-top: 1px solid #d3d8dc;overflow: hidden;}
  3849. .navigationHeader::before, .navigationHeader::after {content: "";display: table;}
  3850. .navigationHeader::after {clear: both;}
  3851. .navigationHeader > ul.navigationMenuItems {white-space: nowrap;}
  3852. .navigationFooter {background:none; border-top: 1px solid #d3d8dc; position: relative !important;}
  3853. .navigationFooter::before, .navigationFooter::after {content: "";display: table;}
  3854. .navigationFooter::after {clear: both;}
  3855. @media only screen and (max-width: 800px) {
  3856. .navigationHeader {min-height: 4px; opacity: 0;}
  3857. }
  3858. .navigationHeader > ul {display: none;}
  3859. }
  3860. .footer {padding-bottom: 14px;z-index: 100; background: url(../images/dreamily/background.jpg); background-size: cover; background-position: bottom center;}
  3861. .footer .footerContent {text-align: center;}
  3862. .footer .footerContent a {text-shadow: 0 -1px 0 rgba(0,0,0,0);transition-duration: 0.1s;transition-property: color;transition-timing-function: linear;}
  3863. .footer .footerContent a:hover {text-decoration: none;}
  3864. @media only screen and (max-width: 800px) {
  3865. .footerContent {margin: 0 14px;}
  3866. }
  3867. #main {background-color: #ffffff;border-right: 1px solid transparent;box-sizing: border-box;z-index: 110;}
  3868. #main.sidebarOrientationRight {background-color: #f4f7f8;}
  3869. #main > div {display: table;table-layout: fixed;width: 100%;}
  3870. #main > div > div {display: table-row;}
  3871. #main > div > div > .sidebar, #main > div > div > .content {display: table-cell;vertical-align: top;}
  3872. #main > div > div > .sidebar > .mobileSidebarToggleButton, #main > div > div > .content > .mobileSidebarToggleButton {display: none;}
  3873. #main > div > div > .sidebar { background-color: #f7f7f7;
  3874. border-left: 5px solid #f1f1f1;
  3875. border-right: 5px solid #f1f1f1;
  3876. transition-duration: 0.2s;
  3877. transition-property: width;
  3878. transition-timing-function: ease;
  3879. width: 300px;
  3880. z-index: 120;}
  3881. #main > div > div > .sidebar > span {position: relative;}
  3882. #main > div > div > .sidebar > span > .collapsibleButton {background-color: #f4f7f8;border-radius: 6px 0 0 6px;display: block;height: 24px;left: -20px;position: absolute;text-decoration: none;top: 0;width: 24px;}
  3883. #main > div > div > .sidebar > span > .collapsibleButton::before {content: "";
  3884. font-family: FontAwesome;
  3885. font-size: 14px;
  3886. left: -5px;
  3887. position: absolute;
  3888. text-shadow: 0 1px 0 rgba(0, 0, 0, 0);
  3889. top: 20px;}
  3890. #main > div > div > .sidebar > div {overflow: hidden;transition-duration: 0.2s;transition-property: width;transition-timing-function: ease;width: 300px;}
  3891. #main > div > div > .content {background-color: #ffffff;min-height: 100px;padding: 7px 38px 21px;z-index: 130;}
  3892. #main:not(.sidebarOrientationLeft):not(.sidebarOrientationRight) .sidebar {display: none;}
  3893. @media only screen and (max-width: 800px) {
  3894. #main {position: relative;}
  3895. #main > div > div > .sidebar, #main > div > div > .content {width: 100%;}
  3896. #main.sidebarOrientationLeft > div > div > .sidebar {display: none;}
  3897. #main.sidebarOrientationLeft > div > div > .sidebar > div {width: 100%;}
  3898. #main.sidebarOrientationLeft > div > div > .sidebar > div fieldset {width: 100%;}
  3899. #main.sidebarOrientationLeft > div > div > .sidebar > .mobileSidebarToggleButton {border-radius: 0 0 0 3px;border-width: 0 0 1px 1px;display: block;position: absolute;right: -3px;top: 0;}
  3900. #main.sidebarOrientationLeft > div > div > .content {padding-top: 35px;}
  3901. #main.sidebarOrientationLeft > div > div > .content > .mobileSidebarToggleButton {border-radius: 0 0 3px;border-width: 0 1px 1px 0;display: block;left: -3px;position: absolute;top: 0;}
  3902. #main.sidebarOrientationRight > div > div > .sidebar {display: none;}
  3903. #main.sidebarOrientationRight > div > div > .sidebar > div {width: 100%;}
  3904. #main.sidebarOrientationRight > div > div > .sidebar > div fieldset {width: 100%;}
  3905. #main.sidebarOrientationRight > div > div > .sidebar > .mobileSidebarToggleButton {border-radius: 0 0 3px;border-width: 0 1px 1px 0;display: block;left: -3px;position: absolute;top: 0;}
  3906. #main.sidebarOrientationRight > div > div > .content {padding-top: 35px;}
  3907. #main.sidebarOrientationRight > div > div > .content > .mobileSidebarToggleButton {border-radius: 0 0 0 3px;border-width: 0 0 1px 1px;display: block;position: absolute;right: -3px;top: 0;}
  3908. #main.mobileShowSidebar > div > div > .sidebar {display: table-cell;padding-top: 35px;}
  3909. #main.mobileShowSidebar > div > div > .content {display: none;}
  3910. #main .content {border-left: 0 none !important;border-right: 0 none !important;margin-left: 0;margin-right: 0;padding-left: 0 !important;padding-right: 0 !important;}
  3911. #main .content > *:first-child {margin-top: 0;}
  3912. }
  3913. @media only screen and (min-width: 801px) and (max-width: 1239px) {
  3914. #main > div > .content {padding-left: 28px;padding-right: 28px;}
  3915. }
  3916. @media only screen and (min-width: 801px) {
  3917. #main.sidebarOrientationRight.sidebarCollapsed > div > div > .sidebar {width: 20px;}
  3918. #main.sidebarOrientationRight.sidebarCollapsed > div > div > .sidebar > span > .collapsibleButton::before {content: "";}
  3919. #main.sidebarOrientationRight.sidebarCollapsed > div > div > .sidebar > div {width: 0;}
  3920. }
  3921. html[dir="rtl"] #main.sidebarOrientationRight > div > div > .sidebar > span > .collapsibleButton::before {content: "";}
  3922. html[dir="rtl"] #main.sidebarOrientationRight.sidebarCollapsed > div > div > .sidebar > span > .collapsibleButton::before {content: "";}
  3923. .boxHeadline {margin-top: 14px;overflow: hidden;}
  3924. .boxHeadline h1 {font-size: 2rem;}
  3925. .boxHeadline > p {color: #708a99;font-size: 0.85rem;}
  3926. .boxHeadline > .dataList, .boxHeadline > .inlineDataList {color: #708a99;font-size: 0.85rem;}
  3927. .boxHeadline > h1, .boxSubHeadline > h2 {color: #022e2f;font-family: Oxygen, sans-serif;font-weight: bold;text-shadow: 0 1px 0 rgba(0,0,0,0);}
  3928. .boxHeadline > h1 a, .boxSubHeadline > h2 a {color: #022e2f;text-decoration: none;}
  3929. .boxSubHeadline > h2 {font-size: 1.4rem;}
  3930. @media only screen and (max-width: 800px) {
  3931. .boxHeadline {margin-left: 7px;margin-right: 7px;margin-top: 7px;}
  3932. }
  3933. @media only screen and (min-width: 641px) and (max-width: 800px) {
  3934. .boxHeadline {margin-left: 14px;margin-right: 14px;}
  3935. }
  3936. .contentNavigation {display: table;width: 100%;}
  3937. .contentNavigation > * {margin-top: 14px;}
  3938. .contentNavigation > nav.pageNavigation > ul {float: left;}
  3939. .contentNavigation > nav:not(.pageNavigation) > ul:not(.buttonGroup) {float: right;font-size: 0;margin-bottom: -7px;margin-right: 2px;}
  3940. .contentNavigation > nav:not(.pageNavigation) > ul:not(.buttonGroup) > li {display: inline-block;font-size: 1rem;margin-bottom: 7px;}
  3941. .contentNavigation > nav:not(.pageNavigation) > ul:not(.buttonGroup) > li:not(:last-child) {margin-right: 8px;}
  3942. .contentNavigation > nav:not(.pageNavigation) > ul:not(.buttonGroup) > li .button {margin-left: 0;margin-right: 0;}
  3943. .contentNavigation > nav:not(.pageNavigation) > ul.smallButtons:not(.buttonGroup) > li:not(:last-child) {margin-right: 4px;}
  3944. .contentNavigation > nav:not(.pageNavigation) > ul.iconList:not(.buttonGroup) > li:not(:last-child) {margin-right: 2px;}
  3945. .contentNavigation > nav:not(.pageNavigation) > ul:not(.buttonGroup) > li:not(:last-child) {margin-right: 0;}
  3946. .contentNavigation > nav:not(.pageNavigation) > ul:not(.buttonGroup) > li:not(:first-child) {margin-left: 8px;}
  3947. .contentNavigation > nav:not(.pageNavigation) > ul.buttonGroup {float: right;}
  3948. .contentNavigation > nav:not(.pageNavigation) + nav.jsClipboardEditor > ul, .contentNavigation > nav:not(.pageNavigation) + nav > ul.buttonGroup {margin-right: 8px;}
  3949. @media only screen and (max-width: 800px) {
  3950. .contentNavigation {box-sizing: border-box;padding-left: 7px;padding-right: 7px;}
  3951. }
  3952. @media only screen and (min-width: 641px) and (max-width: 800px) {
  3953. .contentNavigation {padding-left: 14px;padding-right: 14px;}
  3954. }
  3955. .container {background-color: #ffffff;}
  3956. .containerPadding {padding: 14px 21px;}
  3957. @media only screen and (max-width: 800px) {
  3958. .container {border-width: 1px 0;}
  3959. .containerPadding {padding: 7px;}
  3960. }
  3961. @media only screen and (min-width: 641px) and (max-width: 800px) {
  3962. .containerPadding {padding-left: 14px;padding-right: 14px;}
  3963. }
  3964. .containerHeadline > h3 {font-size: 1.2rem;font-weight: bold;}
  3965. .containerHeadline > h3 > small {color: #708a99;font-weight: normal;text-shadow: none;white-space: nowrap;word-wrap: normal;}
  3966. .containerHeadline > h3 > .badge {top: -1px;}
  3967. .containerHeadline > h3, .containerHeadline > h3 > a {text-shadow: 0 1px 0 rgba(0,0,0,0);}
  3968. .containerHeadline + * {margin-top: 7px;}
  3969. .containerList > li {padding: 14px 21px;transition-duration: 0.1s;transition-property: background-color;transition-timing-function: linear;}
  3970.  
  3971. @media screen and (min-width: 800px){
  3972. .containerList > li:hover {border-left: 5px solid #e0e0e0!important;}
  3973. }
  3974.  
  3975. .containerList > li:hover > div > div > .buttonGroupNavigation > .buttonList {opacity: 1;}
  3976. .containerList > li:hover > div > div > .containerHeadline > .containerContentType {color: #9b9940;}
  3977. .containerList > li.showMore {text-align: center;}
  3978. .containerList > li.showMore > button {padding-left: 30px;padding-right: 30px;}
  3979. .containerList > li.showMore > small {color: #708a99;}
  3980. .containerList > li > div > div {position: relative;}
  3981. .containerList > li > div > div > .buttonGroupNavigation {margin-top: 0;position: absolute;right: 0;top: 0;}
  3982. .containerList > li > div > div > .buttonGroupNavigation > .buttonList {opacity: 0;transition-duration: 0.1s;transition-property: opacity;transition-timing-function: linear;}
  3983. .containerList > li > div > div > .containerHeadline > .containerContentType {color: #9b9940;position: absolute;right: 0;top: 3px;transition-duration: 0.1s;transition-property: color;transition-timing-function: linear;}
  3984. .containerList > li > div > div > .containerHeadline .newContentBadge {background-color: #e6e6e6;background-image: linear-gradient(#ffffff,#e6e6e6);color: #9b9940;text-shadow: 0 1px 0 rgba(0,0,0,0);text-transform: uppercase;}
  3985. .containerList > * > li {padding: 14px 21px;}
  3986. .containerList.styleList > li > div.box64 > span {text-align: center;width: 110px;}
  3987. .containerList.styleList > li > div.box64 > div {margin-left: 115px;}
  3988. @media only screen and (max-width: 800px) {
  3989. .containerList > li {padding: 7px;}
  3990. .containerList > li .containerContentType {display: none;}
  3991. .containerList.infoBoxList > li.box32 > span.icon {display: none;}
  3992. .containerList.infoBoxList > li.box32 > div {margin-left: 0;}
  3993. }
  3994. @media only screen and (min-width: 641px) and (max-width: 800px) {
  3995. .containerList > li {padding: 7px 14px;}
  3996. }
  3997. @media screen and (min-width: 1240px) {
  3998. .containerList.doubleColumned {overflow: hidden;}
  3999. .containerList.doubleColumned > li {float: left;height: 90px;overflow: hidden;padding: 0;width: 50%;}
  4000. .containerList.doubleColumned > li:nth-child(2n) {float: right;}
  4001. .containerList.doubleColumned > li:nth-child(4n), .containerList.doubleColumned > li:nth-child(4n+1) {background-color: #ffffff;}
  4002. .containerList.doubleColumned > li:nth-child(4n+2), .containerList.doubleColumned > li:nth-child(4n+3) {background-color: #ffffff;}
  4003. .containerList.doubleColumned > li:hover {background-color: #f4f7f8;}
  4004. .containerList.doubleColumned > li > div {padding: 14px 21px;}
  4005. .containerList.doubleColumned::after {clear: left;content: "";display: table;}
  4006. }
  4007. .nestedCategoryList > li {margin-top: 14px;overflow: hidden;}
  4008. .nestedCategoryList > li:first-child {margin-top: 0;}
  4009. .nestedCategoryList > li > div {padding: 0 14px;}
  4010. .nestedCategoryList > li > div > ol {margin-top: 0;}
  4011. .nestedCategoryList > li > div > ol > li {display: inline-block;font-size: 0.85rem;}
  4012. .flexibleCategoryList {position: relative;}
  4013. .flexibleCategoryList > li {margin-bottom: 14px;}
  4014. .flexibleCategoryList > li > ol {margin-left: 21px;}
  4015. .flexibleCategoryList > li > ol > li > ol {margin-bottom: 7px;margin-left: 21px;}
  4016. .flexibleCategoryList > li > ol > li > ol > li {font-size: 0.85rem;}
  4017. @media all and (min-width: 801px) {
  4018. .nestedCategoryList.doubleColumned > li {float: left;width: 50%;}
  4019. .nestedCategoryList.doubleColumned > li:nth-child(2n+1):not(:first-child) {clear: left;}
  4020. .nestedCategoryList.doubleColumned > li:nth-child(2) {margin-top: 0;}
  4021. .nestedCategoryList.doubleColumned::after {clear: left;content: "";display: table;}
  4022. .flexibleCategoryList:not(.flexibleCategoryListDisabled) {-moz-column-count: 2;}
  4023. .flexibleCategoryList:not(.flexibleCategoryListDisabled) > li > ol > li > ol {font-size: 0;}
  4024. .flexibleCategoryList:not(.flexibleCategoryListDisabled) > li > ol > li > ol > li {display: inline-block;}
  4025. @-moz-document url-prefix("") {.flexibleCategoryList:not(.flexibleCategoryListDisabled) > li {display: block;overflow: hidden;}
  4026. }
  4027. }
  4028. .sidebarNestedCategoryList ol {margin-left: 14px;}
  4029. .sidebarNestedCategoryList li {margin: 6px 0;position: relative;}
  4030. .sidebarNestedCategoryList li > span {position: absolute;right: 0;top: 2px;}
  4031. .sidebarNestedCategoryList li > a {display: block;overflow: hidden;padding-right: 45px;text-overflow: ellipsis;}
  4032. .sidebarNestedCategoryList li.active > a {font-weight: bold;}
  4033. .containerBoxList {margin-bottom: -7px;}
  4034. .containerBoxList > li {margin-bottom: 7px;}
  4035. .containerBoxList > li > div {overflow: hidden;white-space: nowrap;word-wrap: normal;}
  4036. @media all and (min-width: 801px) {
  4037. .containerBoxList.doubleColumned::before, .containerBoxList.doubleColumned::after, .containerBoxList.tripleColumned::before, .containerBoxList.tripleColumned::after {content: "";display: table;}
  4038. .containerBoxList.doubleColumned::after, .containerBoxList.tripleColumned::after {clear: both;}
  4039. .containerBoxList.doubleColumned > li, .containerBoxList.tripleColumned > li {float: left;}
  4040. .containerBoxList.doubleColumned > li > div, .containerBoxList.tripleColumned > li > div {margin-right: 21px;}
  4041. .containerBoxList.doubleColumned > li {width: 50%;}
  4042. .containerBoxList.doubleColumned > li:nth-child(2n+1):not(:first-child) {clear: left;}
  4043. .containerBoxList.tripleColumned > li {width: 33%;}
  4044. .containerBoxList.tripleColumned > li:nth-child(3n+1):not(:first-child) {clear: left;}
  4045. }
  4046. .box16 {min-height: 20px;}
  4047. .box16 > *:first-child {float: left;}
  4048. .box16 > *:not(:first-child) {margin-left: 20px;}
  4049. .box16 > .framed ~ * {margin-left: 24px;}
  4050. .box24 {min-height: 28px;}
  4051. .box24 > *:first-child {float: left;}
  4052. .box24 > *:not(:first-child) {margin-left: 28px;}
  4053. .box24 > .framed ~ * {margin-left: 32px;}
  4054. .box32 {min-height: 36px;}
  4055. .box32 > *:first-child {float: left;}
  4056. .box32 > *:not(:first-child) {margin-left: 39px;}
  4057. .box32 > .framed ~ * {margin-left: 43px;}
  4058. .box48 {min-height: 52px;}
  4059. .box48 > *:first-child {float: left;}
  4060. .box48 > *:not(:first-child) {margin-left: 55px;}
  4061. .box48 > .framed ~ * {margin-left: 59px;}
  4062. .box64 {min-height: 68px;}
  4063. .box64 > *:first-child {float: left;}
  4064. .box64 > *:not(:first-child) {margin-left: 71px;}
  4065. .box64 > .framed ~ * {margin-left: 75px;}
  4066. .box96 {min-height: 100px;}
  4067. .box96 > *:first-child {float: left;}
  4068. .box96 > *:not(:first-child) {margin-left: 107px;}
  4069. .box96 > .framed ~ * {margin-left: 111px;}
  4070. .box128 {min-height: 132px;}
  4071. .box128 > *:first-child {float: left;}
  4072. .box128 > *:not(:first-child) {margin-left: 139px;}
  4073. .box128 > .framed ~ * {margin-left: 143px;}
  4074. .box256 {min-height: 260px;}
  4075. .box256 > *:first-child {float: left;}
  4076. .box256 > *:not(:first-child) {margin-left: 277px;}
  4077. .box256 > .framed ~ * {margin-left: 281px;}
  4078. .breadcrumbs {box-sizing: border-box;overflow: hidden;position: relative;text-align: left;}
  4079. .breadcrumbs > ul::before, .breadcrumbs > ul::after {content: "";display: table;}
  4080. .breadcrumbs > ul::after {clear: both;}
  4081. .breadcrumbs > ul > li {float: left;font-size: 0.85rem;list-style: outside none none;max-width: 30%;padding-right: 10px;position: relative;}
  4082. .breadcrumbs > ul > li:first-child > a::before {content: "";display: inline-block;font-family: FontAwesome;font-size: 14px;margin: -3px 7px -3px 0;vertical-align: -1px;}
  4083. .breadcrumbs > ul > li > a {color: #022e2f;display: block;overflow: hidden;padding: 5px 1px 5px 5px;text-decoration: none;text-overflow: ellipsis;text-shadow: 0 1px 0 rgba(0,0,0,0);white-space: nowrap;word-wrap: normal;}
  4084. .breadcrumbs > ul > li > .pointer {padding: 5px 0;position: absolute;right: 0;top: 0;}
  4085. @media only screen and (max-width: 800px) {
  4086. .content > .breadcrumbs {background-color: #ffffff;border: 1px solid #d3d8dc;border-radius: 6px;display: inline-block;margin-left: 7px;margin-right: 7px;max-width: 90%;}
  4087. .content > .breadcrumbs > ul > li {float: none;max-width: none;padding-right: 0;}
  4088. .content > .breadcrumbs > ul > li:not(:last-child) {display: none;}
  4089. .content > .breadcrumbs > ul > li > a {padding: 4px 14px;}
  4090. .content > .breadcrumbs > ul > li > a::before {content: "";font-family: FontAwesome;font-size: 14px;padding-right: 7px;}
  4091. .content > .breadcrumbs > ul > li > .pointer {display: none;}
  4092. .content > .breadcrumbs ~ .breadcrumbs {display: none;}
  4093. }
  4094. @media only screen and (min-width: 641px) and (max-width: 800px) {
  4095. .content > .breadcrumbs {margin-left: 14px;margin-right: 14px;}
  4096. }
  4097. .smallBreadcrumbs > li {display: inline;font-size: 0.85rem;}
  4098. .tabMenu {display: block;margin-top: 21px;position: relative;text-align: left;}
  4099. .tabMenu > ul {background-color: #ffffff;border-color: #d3d8dc;border-style: solid;border-width: 1px 1px 0;display: inline-block;font-size: 0;position: relative;text-shadow: 0 1px 0 rgba(0,0,0,0);white-space: nowrap;word-wrap: normal;}
  4100. .tabMenu > ul > li {display: inline-block;outline: 0 none;}
  4101. .tabMenu > ul > li.ui-state-active > a {background-color: #ffffff;border-color: #d3d8dc #d3d8dc #ffffff;border-style: solid;border-width: 1px;color: #004245;font-weight: bold;z-index: 30;}
  4102. .tabMenu > ul > li > a {color: #515151;display: inline-block;font-size: 1.1rem;outline: 0 none;padding: 7px 10px;position: relative;text-decoration: none;z-index: 10;}
  4103. .tabMenu > ul > li > a > .badge {top: -1px;}
  4104. .tabMenu > ul > li:not(.ui-state-active) > a:hover {color: #022e2f;}
  4105. @media only screen and (max-width: 800px) {
  4106. .tabMenu > ul > li.ui-state-active {margin-top: -1px;}
  4107. .tabMenu > ul > li.ui-state-active:first-child {margin-left: -1px;}
  4108. .tabMenu > ul > li.ui-state-active:last-child {margin-right: -1px;}
  4109. }
  4110. @media all and (min-width: 801px) {
  4111. .tabMenu > ul {padding: 0 5px 3px;}
  4112. .tabMenu > ul > li > a {bottom: -3px;padding: 1px 10px 3px;}
  4113. .tabMenu > ul > li.ui-state-active > a {font-size: 1.3rem;margin-top: -10px;padding: 10px 15px 5px;}
  4114. .tabMenu > ul > li.ui-state-active:first-child {margin-left: -6px;}
  4115. .tabMenu > ul > li.ui-state-active:last-child {margin-right: -6px;}
  4116. }
  4117. .tabMenu > ul > li.ui-state-active > a, .tabMenu > ul > li.ui-state-disabled > a, .tabMenu > ul > li.ui-state-processing > a {cursor: default;}
  4118. .tabMenuContent {display: block;margin-top: -1px;min-height: 21px;position: relative;z-index: 20;}
  4119. .tabMenuContainer.containerPadding > .menu {margin: -14px -21px 14px;}
  4120. .tabMenuContainer > .menu {background-color: #ffffff;background-image: linear-gradient(#ffffff,#ffffff);border-bottom: 1px solid #d3d8dc;padding: 4px 7px;}
  4121. .tabMenuContainer > .menu ul {display: inline-block;font-size: 0;white-space: nowrap;}
  4122. .tabMenuContainer > .menu ul li {display: inline-block;outline: 0 none;vertical-align: bottom;}
  4123. .tabMenuContainer > .menu ul li.ui-state-active a, .tabMenuContainer > .menu ul li.ui-state-active a:hover {background-color: #40729a;border-color: #40729a;color: #ffffff;cursor: default;}
  4124. .tabMenuContainer > .menu ul li a {background-color: #ffffff;border: 1px solid #d3d8dc;border-radius: 3px;color: #ffffff;display: block;font-size: 0.85rem;margin: 4px 0;outline: 0 none;padding: 4px 7px;}
  4125. .tabMenuContainer > .menu ul li a:hover {background-color: #40729a;border-color: #40729a;color: #ffffff;text-decoration: none;}
  4126. .tabMenuContainer > .menu ul li:not(:last-child) {padding-right: 4px;}
  4127. .tabMenuContainer > .menu ul li.dropdown > a {font-size: 1rem;padding: 4px 7px 2px;}
  4128. @media only screen and (max-width: 800px) {
  4129. .tabMenuContainer.containerPadding > .menu {margin: -7px -14px 7px;}
  4130. }
  4131. .containerPadding > .tabMenuContainer:last-child {margin-bottom: 7px;}
  4132. .ui-tabs .ui-tabs-hide {display: none !important;}
  4133. .ui-helper-hidden {display: none;}
  4134. .ui-helper-hidden-accessible {clip: rect(1px,1px,1px,1px);position: absolute !important;}
  4135. .tabularBox {background-color: #ffffff;border: 1px solid #d3d8dc;}
  4136. .tabularBox > .container {border: 0 none;}
  4137. .tabularBoxTitle > header {color: #fff !important;padding: 5px 7px; background: #fff; border-bottom: #01484c 5px solid; margin-bottom:10px;}
  4138. .tabularBoxTitle > header > h2 {font-size: 1.2rem;font-weight: bold;text-shadow: 0 1px 0 rgba(0,0,0,0);}
  4139. .tabularBoxTitle > header > h2 > a {color: #01484c;}
  4140. .tabularBoxTitle > header > h2 > a:hover {color: #015f67;text-decoration: none;}
  4141. .tabularBoxTitle > header .icon {color: #01484c;text-shadow: 0 1px 0 rgba(0,0,0,0);}
  4142. @media only screen and (max-width: 800px) {
  4143. .tabularBox {border-width: 1px 0;}
  4144. .tabularBoxTitle {border-top-width: 0;}
  4145. }
  4146. @media only screen and (min-width: 641px) and (max-width: 800px) {
  4147. .tabularBoxTitle > header {padding-left: 14px;padding-right: 14px;}
  4148. }
  4149. .table, .cke_wysiwyg_div table {border-spacing: 0;width: 100%;}
  4150. .table th, .table td, .cke_wysiwyg_div table th, .cke_wysiwyg_div table td {padding: 7px;text-align: left;vertical-align: middle;}
  4151. .table th > label, .table td > label, .cke_wysiwyg_div table th > label, .cke_wysiwyg_div table td > label {cursor: pointer;display: block;margin: -7px;padding: 7px;}
  4152. .table th > label > input[type="checkbox"], .table td > label > input[type="checkbox"], .cke_wysiwyg_div table th > label > input[type="checkbox"], .cke_wysiwyg_div table td > label > input[type="checkbox"] {margin: -1px 3px 0;}
  4153. .table th, .cke_wysiwyg_div table th {background-color: rgba(0,0,0,0.3);background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.3));border-right: 1px solid rgba(0,0,0,0.2);color: #576c7d;font-size: 0.85rem;font-weight: bold;text-shadow: 0 1px 0 rgba(0,0,0,0);white-space: nowrap;word-wrap: normal;}
  4154. .table th > a, .cke_wysiwyg_div table th > a {color: #576c7d;display: block;margin: -7px;position: relative;}
  4155. .table th > a:hover, .cke_wysiwyg_div table th > a:hover {text-decoration: none;}
  4156. .table th > a > img, .cke_wysiwyg_div table th > a > img {margin: -5px 0;}
  4157. .table th.active > a, .cke_wysiwyg_div table th.active > a {background-color: rgba(0,0,0,0.1);box-shadow: 0 10px 10px -10px rgba(0,0,0,0.1) inset;color: #5a788f;}
  4158. .table th.ASC > a, .table th.DESC > a, .cke_wysiwyg_div table th.ASC > a, .cke_wysiwyg_div table th.DESC > a {padding-right: 20px;}
  4159. .table th.ASC > a::after, .table th.DESC > a::after, .cke_wysiwyg_div table th.ASC > a::after, .cke_wysiwyg_div table th.DESC > a::after {display: inline-block;font-family: FontAwesome;font-size: 14px;margin-left: 4px;position: absolute;text-shadow: 0 1px 0 rgba(0,0,0,0);}
  4160. .table th.ASC > a::after, .cke_wysiwyg_div table th.ASC > a::after {content: "";top: 8px;}
  4161. .table th.DESC > a::after, .cke_wysiwyg_div table th.DESC > a::after {content: "";top: 3px;}
  4162. .table th:hover > a, .cke_wysiwyg_div table th:hover > a {background-color: rgba(0,0,0,0.2);color: #5a788f;}
  4163. .table th > *, .cke_wysiwyg_div table th > * {padding: 7px;}
  4164. .table td, .cke_wysiwyg_div table td {background-color: #ffffff;transition-duration: 0.1s;transition-property: background;transition-timing-function: linear;}
  4165. .table td.columnMark, .table td.columnStatus, .cke_wysiwyg_div table td.columnMark, .cke_wysiwyg_div table td.columnStatus {text-align: center;white-space: nowrap;width: 1px;word-wrap: normal;}
  4166. .table td.columnDigits, .table td.columnID, .cke_wysiwyg_div table td.columnDigits, .cke_wysiwyg_div table td.columnID {text-align: right;white-space: nowrap;width: 1px;word-wrap: normal;}
  4167. .table td.columnIcon, .cke_wysiwyg_div table td.columnIcon {text-align: left;white-space: nowrap;width: 1px;word-wrap: normal;}
  4168. .table td.columnTitle, .cke_wysiwyg_div table td.columnTitle {font-weight: bold;text-align: left;}
  4169. .table td.columnText, .cke_wysiwyg_div table td.columnText {font-weight: normal;max-width: 20%;text-align: left;}
  4170. .table td.columnDate, .cke_wysiwyg_div table td.columnDate {font-size: 0.85rem;text-align: right;white-space: nowrap;width: 1px;word-wrap: normal;}
  4171. .table td.columnURL, .table td.columnSmallText, .cke_wysiwyg_div table td.columnURL, .cke_wysiwyg_div table td.columnSmallText {font-size: 0.85rem;text-align: left;}
  4172. .table > tbody > tr:nth-child(2n) > td, .cke_wysiwyg_div table > tbody > tr:nth-child(2n) > td {background-color: #ffffff;}
  4173. .table > tbody > tr:not(:last-child) > td, .cke_wysiwyg_div table > tbody > tr:not(:last-child) > td {border-bottom: 1px solid rgba(255,255,255,0.3);}
  4174. .table > tbody > tr:hover > td, .cke_wysiwyg_div table > tbody > tr:hover > td {background-color: #f4f7f8;}
  4175. .table > tbody > tr > td:not(:last-child), .cke_wysiwyg_div table > tbody > tr > td:not(:last-child) {border-right: 1px solid rgba(255,255,255,0.3);}
  4176. .table > tbody > tr > td.focus, .cke_wysiwyg_div table > tbody > tr > td.focus {background-color: #f4f7f8;}
  4177. .table > tbody > tr > td.left, .cke_wysiwyg_div table > tbody > tr > td.left {text-align: left;}
  4178. .table > tbody > tr > td.right, .cke_wysiwyg_div table > tbody > tr > td.right {text-align: right;}
  4179. .table .statusDisplay, .cke_wysiwyg_div table .statusDisplay {float: right;}
  4180. .table .statusDisplay .statusIcons, .cke_wysiwyg_div table .statusDisplay .statusIcons {float: right;margin-left: 7px;}
  4181. .table .statusDisplay .statusIcons li, .cke_wysiwyg_div table .statusDisplay .statusIcons li {display: inline-block;}
  4182. .table tr.jsMarked, .cke_wysiwyg_div table tr.jsMarked {color: #440;}
  4183. .table tr.jsMarked > td, .cke_wysiwyg_div table tr.jsMarked > td {background-color: #f7f7f7 !important;}
  4184. .table tr.jsMarked a:not(.badge), .cke_wysiwyg_div table tr.jsMarked a:not(.badge) {color: #440;}
  4185. @media screen and (max-width: 800px) {
  4186. .responsiveTable {display: block;}
  4187. .responsiveTable thead, .responsiveTable tbody, .responsiveTable th, .responsiveTable td, .responsiveTable tr {display: block;}
  4188. .responsiveTable thead tr {display: none;}
  4189. .responsiveTable tr {-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;border-color: #d3d8dc;border-image: none;border-style: solid;border-width: 0 1px 1px;}
  4190. .responsiveTable tr:last-child {border-bottom-width: 0;}
  4191. .responsiveTable td {max-width: none !important;text-align: left !important;width: auto !important;}
  4192. }
  4193. dl.statsDataList > dt {color: #708a99;display: block;float: right;font-size: 0.85rem;line-height: 1.5;overflow: hidden;text-align: left;white-space: nowrap;width: 62%;word-wrap: normal;}
  4194. dl.statsDataList > dt > a {text-decoration: none;}
  4195. dl.statsDataList > dt:not(:first-child) {clear: both;}
  4196. dl.statsDataList > dd {color: #0c223b;float: left;font-weight: bold;margin: 0;overflow: hidden;text-align: right;text-overflow: ellipsis;white-space: nowrap;width: 35%;word-wrap: normal;}
  4197. dl.statsDataList > dd > a {text-decoration: none;}
  4198. dl.statsDataList::after {clear: both;content: "";display: table;}
  4199. dl.inlineDataList {overflow: hidden;}
  4200. dl.inlineDataList > dd {display: inline-block;margin: 0 4px 0 0;padding: 0;}
  4201. dl.inlineDataList > dt {color: #708a99;display: inline-block;margin: 0;text-align: left;width: auto;}
  4202. dl.inlineDataList > dt::after {content: ":";}
  4203. dl.dataList::before, dl.dataList::after {content: "";display: table;}
  4204. dl.dataList::after {clear: both;}
  4205. dl.dataList dt {clear: right;color: #708a99;float: left;margin-right: 4px;text-align: left;}
  4206. dl.dataList dt::after {content: ":";}
  4207. dl.dataList dd {float: right;text-align: right;}
  4208. dl.dataList dd:not(:last-child) {margin-bottom: 3px;}
  4209. ul.inlineDataList li, ul.dataList li {display: inline-block;}
  4210. ul.inlineDataList li:not(:last-child)::after, ul.dataList li:not(:last-child)::after {content: ",";}
  4211. ul.inlineDataList {display: inline-block;}
  4212. .contentNavigation .pageNavigation {float: left;margin: 19px 0 3px;}
  4213. .contentNavigation .pageNavigation ul li {margin: 0 2px;}
  4214. .pageNavigation ul li {border-radius: 3px;float: left;font-weight: bold;margin: 0 1px;min-width: 19px;padding: 0;text-align: center;}
  4215. .pageNavigation ul li:not(.active):not(.disabled) {cursor: pointer;}
  4216. .pageNavigation ul li.disabled {background-image: none;border: 1px solid rgba(0,0,0,0.1);cursor: not-allowed;}
  4217. .pageNavigation ul li.skip > a {padding: 2px 0 1px;}
  4218. .pageNavigation ul li.skip > span {padding: 3px 0 1px;}
  4219. .pageNavigation ul li:hover:not(.disabled) > a {color: #ffffff;}
  4220. .pageNavigation ul li:not(.skip) > a {padding: 2px 3px;}
  4221. .pageNavigation ul li.active > span {padding: 2px 3px;}
  4222. .pageNavigation ul li > a {color: #ffffff;display: block;text-decoration: none;text-shadow: 0 -1px 0 rgba(0,0,0,0);}
  4223. .pageNavigation ul li > span:not(.invisible) {display: inline-block;}
  4224. @media only screen and (max-width: 800px) {
  4225. .pageNavigation > ul > li:not(.skip):not(.active) {display: none;}
  4226. .pageNavigation > ul > li:nth-last-child(2):not(.active) {display: block;}
  4227. .pageNavigation > ul > li.active > span.invisible {display: inline-block;}
  4228. .pageNavigation > ul > li.active > span:not(.invisible) {display: none;}
  4229. }
  4230. .statusDisplay .pageNavigation {float: left;font-size: 0.85rem;margin-top: 2px;}
  4231. .statusDisplay .pageNavigation ul li {min-width: 13px;}
  4232. .statusDisplay .pageNavigation ul li:not(.skip) a {padding: 1px;}
  4233. .sidebar > div > fieldset:not(:last-child), .sidebar > div > div:not(:last-child) {border-bottom: 1px solid #d3d8dc;margin-bottom: 14px;}
  4234. .sidebar.collapsibleMenu > div > fieldset, .sidebar.collapsibleMenu > div > div {border-bottom-width: 0;}
  4235. .sidebar {padding: 20px 0 0}
  4236. .sidebar fieldset {box-sizing: border-box;margin-top: 0;min-width: 300px;padding: 7px 14px 14px;width: 300px;}
  4237. .sidebar fieldset > legend {border-width: 0;color: #022e2f;font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 1rem;font-weight: normal;padding: 0;text-shadow: 0 1px 0 rgba(0,0,0,0);text-transform: uppercase;}
  4238. .sidebar fieldset > legend > .badge {float: right;}
  4239. .sidebar fieldset > legend > a {color: #9b9940;text-decoration: none;}
  4240. .sidebar fieldset > legend.invisible + div {margin-top: -7px;}
  4241. .sidebar fieldset::after {clear: both;content: "";display: block;height: 0;}
  4242. .sidebar fieldset .button.more {float: right;margin: 5px 0 0;}
  4243. .sidebar fieldset > nav {margin: 0 -14px;}
  4244. .sidebar fieldset > nav ul > li.active {background-color: #ffffff;}
  4245. .sidebar fieldset > nav ul > li.active > a {font-weight: bold;}
  4246. .sidebar fieldset > nav ul > li:hover:not(.active) > a {color: #5a788f;}
  4247. .sidebar fieldset > nav ul > li > a {color: #558cb8;display: block;padding: 4px 14px 7px 21px;text-shadow: 0 1px 0 rgba(0,0,0,0);}
  4248. .sidebar fieldset > nav ul > li > a:hover {text-decoration: none;}
  4249. .sidebar .sidebarBoxList > li:not(:last-child) {margin-bottom: 7px;}
  4250. .sidebar .sidebarBoxList {overflow: hidden;}
  4251. .sidebar .sidebarBoxHeadline > h3 {color: #558cb8;margin-bottom: 1px;overflow: hidden;text-overflow: ellipsis;text-shadow: 0 1px 0 rgba(0,0,0,0);white-space: nowrap;word-wrap: normal;}
  4252. .sidebar .sidebarBoxHeadline > h3 a {text-shadow: 0 1px 0 rgba(0,0,0,0);}
  4253. .sidebar .sidebarBoxHeadline > h3 small {text-shadow: none;}
  4254. .sidebar .formSubmit {margin-bottom: 14px;margin-top: 0;width: 300px;}
  4255. .sidebar.collapsibleMenu legend {color: #558cb8;cursor: pointer;font-size: 1.3rem;font-weight: bold;margin-left: -14px;padding-left: 41px;position: relative;text-transform: none;}
  4256. .sidebar.collapsibleMenu legend::before {content: "";display: inline-block;font-family: FontAwesome;font-size: 14px;height: 16px;left: 21px;position: absolute;text-align: center;top: 2px;width: 16px;}
  4257. .sidebar.collapsibleMenu legend.active::before {content: "";}
  4258. .sidebar.collapsibleMenu nav ul > li > a {padding-left: 41px;}
  4259. .sidebar dl.dataList {font-size: 0.85rem;overflow: hidden;}
  4260. .sidebar dl.inlineDataList {font-size: 0.85rem;}
  4261. .sidebar dl.inlineDataList > dt {float: left;}
  4262. .sidebar dl.inlineDataList > dd {display: block;padding-right: 14px;text-align: right;}
  4263. .sideBySide {display: table;table-layout: fixed;width: 100%;}
  4264. .sideBySide > * {display: table-cell;width: 50%;}
  4265. .wcfAdLocation {overflow: hidden;}
  4266. .wcfAdLocationHeaderContent, .wcfAdLocationFooterContent, .wcfAdLocationFooterBottom {text-align: center;}
  4267. .wcfAdLocationHeaderContent > div, .wcfAdLocationFooterContent > div, .wcfAdLocationFooterBottom > div {display: inline-block;text-align: left;}
  4268. .wcfAdLocationHeaderContent {margin-top: 7px;}
  4269. .wcfAdLocationFooterContent, .wcfAdLocationFooterBottom {margin-top: 14px;}
  4270. .wcfAdLocationSidebarTop, .wcfAdLocationSidebarBottom {padding: 0 14px 14px;text-align: center;}
  4271. .wcfAdLocationSidebarTop > div, .wcfAdLocationSidebarBottom > div {display: inline-block;text-align: left;}
  4272. .wcfAdLocationLogo {float: right;padding: 14px 14px 0;}
  4273. @media print {
  4274. * {background-color: transparent !important;background-image: none !important;box-shadow: none !important;color: #000 !important;text-shadow: none !important;}
  4275. html, body {font-size: 12pt !important;}
  4276. .badge::before {content: "[";}
  4277. .badge::after {content: "]";}
  4278. .content {padding-left: 0 !important;padding-right: 0 !important;}
  4279. .logo {margin-top: 14px !important;}
  4280. a.externalURL::after {content: " (" attr(href) ")";font-size: 0.85rem;}
  4281. .sidebar, .button, .navigationIcons, .navigationMenuItems, .navigationHeader, .userPanel, .styleChooser {display: none !important;}
  4282. }
  4283. .CodeMirror-linenumber {min-width: 32px !important;}
  4284. .CodeMirror-lines {line-height: 1.2;}
  4285. #news-twitter-timeline > iframe {width: 100% !important;}
  4286. .ui-resizable {position: relative;}
  4287. .ui-resizable-handle {display: block;font-size: 0.1px;position: absolute;z-index: 99999;}
  4288. .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {display: none;}
  4289. .ui-resizable-n {cursor: n-resize;height: 7px;left: 0;top: -5px;width: 100%;}
  4290. .ui-resizable-s {bottom: -5px;cursor: s-resize;height: 7px;left: 0;width: 100%;}
  4291. .ui-resizable-e {cursor: e-resize;height: 100%;right: -5px;top: 0;width: 7px;}
  4292. .ui-resizable-w {cursor: w-resize;height: 100%;left: -5px;top: 0;width: 7px;}
  4293. .ui-resizable-se {bottom: 1px;cursor: se-resize;height: 12px;right: 1px;width: 12px;}
  4294. .ui-resizable-sw {bottom: -5px;cursor: sw-resize;height: 9px;left: -5px;width: 9px;}
  4295. .ui-resizable-nw {cursor: nw-resize;height: 9px;left: -5px;top: -5px;width: 9px;}
  4296. .ui-resizable-ne {cursor: ne-resize;height: 9px;right: -5px;top: -5px;width: 9px;}
  4297. .ps-container:hover > .ps-scrollbar-y-rail > .ps-scrollbar-y {background-color: rgba(102,102,102,0.6);}
  4298. .ps-container.ps-active-y > .ps-scrollbar-y-rail {display: block;}
  4299. .ps-container > .ps-scrollbar-y-rail {background-color: rgba(102,102,102,0);border-radius: 4px;bottom: 0;display: none;position: absolute;right: 2px;transition-duration: 0.3s;transition-property: background-color;transition-timing-function: linear;width: 8px;}
  4300. .ps-container > .ps-scrollbar-y-rail:hover {background-color: rgba(102,102,102,0.3);}
  4301. .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {background-color: rgba(102,102,102,0);border-radius: 4px;position: relative;transition-duration: 0.3s;transition-property: background-color;transition-timing-function: linear;}
  4302. .messageGroupList .columnSubject > .labelList {float: right;padding-left: 7px;}
  4303. .messageGroupList .columnSubject > h3 > .messageGroupLink {font-size: 1.2rem;}
  4304. .messageGroupList .columnSubject > h3 > .badge.label {top: -2px;}
  4305. .messageGroupList .columnSubject > small {display: block;}
  4306. .messageGroupList .columnSubject > nav {font-size: 0.85rem;}
  4307. .messageGroupList .columnSubject > nav > ul > li {display: inline;}
  4308. .messageGroupList tr.new .columnSubject > h3 > .messageGroupLink {font-weight: bold;}
  4309. .messageGroupList tr.new .columnAvatar div > p > img, .messageGroupList tr:hover .columnAvatar div > p > img {opacity: 1;}
  4310. .messageGroupList tr.messageDisabled {color: #040;}
  4311. .messageGroupList tr.messageDisabled > td {background-color: #5fd75f !important;}
  4312. .messageGroupList tr.messageDisabled a:not(.badge) {color: #040;}
  4313. .messageGroupList tr.messageDeleted {color: #fee;}
  4314. .messageGroupList tr.messageDeleted > td {background-color: #da5050 !important;}
  4315. .messageGroupList tr.messageDeleted a:not(.badge) {color: #fee;}
  4316. .messageGroupList tr .columnSubject .statusDisplay .pageNavigation {opacity: 0;transition-duration: 0.2s;transition-property: opacity;transition-timing-function: linear;}
  4317. .messageGroupList tr:hover .columnSubject .statusDisplay .pageNavigation {opacity: 1;}
  4318. .messageGroupList tr.new .columnAvatar > div::after {color: #558cb8;content: "";font-family: FontAwesome;font-size: 14px;font-style: normal !important;font-weight: normal !important;position: absolute;right: -2px;text-decoration: none !important;text-shadow: 0 1px 0 rgba(0,0,0,0);top: -4px;}
  4319. .messageGroupList .columnAvatar div {height: 38px;position: relative;width: 40px;}
  4320. .messageGroupList .columnAvatar div > p > img {opacity: 0.6;transition-duration: 0.2s;transition-property: opacity;transition-timing-function: linear;}
  4321. .messageGroupList .columnAvatar .myAvatar {bottom: -2px;box-shadow: 0 0 3px 0 rgba(0,0,0,0.3);height: 16px;left: 24px;opacity: 1;position: absolute;width: 16px;}
  4322. .messageGroupList .columnLastPost {white-space: nowrap;word-wrap: normal;}
  4323. .messageGroupList .columnLastPost > div > div > small {color: #708a99;}
  4324. .messageGroupList .messageGroupInfo {font-size: 0.85rem;}
  4325. .messageGroupList .messageGroupInfo > li {display: inline-block;}
  4326. .messageGroupList .messageGroupInfo > li:not(:first-child)::before {content: " - ";}
  4327. .messageGroupList .messageGroupInfo.mobileOptimization > li.messageGroupLastPoster, .messageGroupList .messageGroupInfo.mobileOptimization > li.messageGroupLastPostTime {display: none;}
  4328. @media only screen and (max-width: 800px) {
  4329. .messageGroupList .messageGroupInfo.mobileOptimization > li.messageGroupAuthor, .messageGroupList .messageGroupInfo.mobileOptimization > li.messageGroupTime {display: none;}
  4330. .messageGroupList .messageGroupInfo.mobileOptimization > li.messageGroupLastPoster, .messageGroupList .messageGroupInfo.mobileOptimization > li.messageGroupLastPostTime {display: inline-block;}
  4331. .messageGroupList .messageGroupInfo.mobileOptimization > li.messageGroupLastPoster::before {display: none;}
  4332. }
  4333. @media only screen and (min-width: 801px) {
  4334. .messageList .messageGroupStarter {position: relative;}
  4335. .messageList .messageGroupStarter > .message::after {content: "";display: block;font-family: FontAwesome;font-size: 14px;left: 4px;position: absolute;text-shadow: 0 1px 0 rgba(0,0,0,0);top: 2px;}
  4336. .messageList .messageGroupStarter > .message.messageSidebarOrientationRight::after {left: auto;right: 4px;}
  4337. }
  4338. .message {background-color: #fcfcfc;border-left: 5px solid #E8E8E8;position: relative;}
  4339. .message:hover .messageHeader .messageQuickOptions > li {opacity: 1;}
  4340. .message:hover .messageOptions nav {opacity: 1;}
  4341. .message.messageDisabled:not(.messageReduced) {background-color: #5fd75f;}
  4342. .message.messageDisabled:not(.messageReduced) .messageSidebar {color: #040;}
  4343. .message.messageDisabled:not(.messageReduced) .messageSidebar a {color: #040;}
  4344. .message.messageDeleted:not(.messageReduced) {background-color: #da5050;}
  4345. .message.messageDeleted:not(.messageReduced) .messageSidebar {color: #fee;}
  4346. .message.messageDeleted:not(.messageReduced) .messageSidebar a {color: #fee;}
  4347. .message.jsMarked:not(.messageReduced) {background-color: #f7f7f7 !important;}
  4348. .message.jsMarked:not(.messageReduced) .messageSidebar {color: #440;}
  4349. .message.jsMarked:not(.messageReduced) .messageSidebar a {color: #440;}
  4350. .message .messageOptions {font-size: 0.85rem;position: relative;}
  4351. .message .messageOptions.forceHidden nav {display: none !important;}
  4352. .message .messageOptions.forceOpen nav {opacity: 1;}
  4353. .message .messageOptions nav {bottom: -2px;opacity: 0;position: absolute;right: -22px;text-align: right;transition-duration: 0.1s;transition-property: opacity;transition-timing-function: linear;}
  4354. .message .messageOptions nav ul.smallButtons > li a.button {border-radius: 0;}
  4355. .message .messageHeader .messageQuickOptions {float: right;}
  4356. .message .messageHeader .messageQuickOptions > li {display: inline-block;opacity: 0.6;transition-duration: 0.2s;transition-property: opacity;transition-timing-function: linear;}
  4357. .message .messageHeader .messageQuickOptions > li span.icon {color: #708a99;transition-duration: 0.2s;transition-property: color;transition-timing-function: linear;}
  4358. .message .messageHeader .messageQuickOptions > li > a:hover > span.icon {color: #558cb8;}
  4359. .message .messageHeader .messageQuickOptions > li > .badge {top: -2px;}
  4360. .message .messageHeader .messageQuickOptions input[type="checkbox"] {position: relative;top: 1px;}
  4361. .message .messageHeader .permalink {color: #708a99;}
  4362. .message.dividers .userCredits {border-top: 1px solid #d3d8dc;}
  4363. .touch .message .messageOptions nav {opacity: 1;}
  4364. .touch .messageBody > footer {padding-bottom: 28px;}
  4365. @media only screen and (max-width: 800px) {
  4366. .message {border-width: 1px 0;}
  4367. }
  4368. .message.messageSidebarOrientationLeft .messageContent {border-left: 1px solid #d3d8dc;margin: 0 0 0 211px;}
  4369. .message.messageSidebarOrientationLeft .messageSidebar {float: left;}
  4370. .message.messageSidebarOrientationRight .messageContent {border-right: 1px solid #d3d8dc;margin: 0 211px 0 0;}
  4371. .message.messageSidebarOrientationRight .messageSidebar {float: right;}
  4372. .message.messageSidebarOrientationLeft .messageHeader::before, .message.messageSidebarOrientationLeft .messageHeader::after, .message.messageSidebarOrientationRight .messageHeader::before, .message.messageSidebarOrientationRight .messageHeader::after {border-width: 20px;content: "";display: block;height: 0;position: absolute;top: 35px;width: 0;}
  4373. .message.messageSidebarOrientationLeft .messageHeader::before, .message.messageSidebarOrientationRight .messageHeader::before {z-index: 100;}
  4374. .message.messageSidebarOrientationLeft .messageHeader::after, .message.messageSidebarOrientationRight .messageHeader::after {z-index: 101;}
  4375. .message.messageSidebarOrientationLeft .messageHeader::before, .message.messageSidebarOrientationLeft .messageHeader::after {border-style: inset solid inset none;}
  4376. .message.messageSidebarOrientationLeft .messageHeader::before {border-color: transparent #d3d8dc transparent transparent;left: -20px;}
  4377. .message.messageSidebarOrientationLeft .messageHeader::after {border-color: transparent #ffffff transparent transparent;left: -19px;}
  4378. .message.messageSidebarOrientationRight .messageHeader::before, .message.messageSidebarOrientationRight .messageHeader::after {border-style: inset none inset solid;}
  4379. .message.messageSidebarOrientationRight .messageHeader::before {border-color: transparent transparent transparent #d3d8dc;right: -20px;}
  4380. .message.messageSidebarOrientationRight .messageHeader::after {border-color: transparent transparent transparent #ffffff;right: -19px;}
  4381. .message .newMessageBadge {background:#004647;box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.2);color: #fff;display: block;font-size: 0.85rem;font-weight: bold;padding: 6px 10px;position: absolute;text-shadow: 0 1px 0 rgba(0,0,0,0);text-transform: uppercase;top: 24px;}
  4382. .message .newMessageBadge::before {border-bottom: 4px solid #cccccc;content: "";display: block;position: absolute;top: -4px;}
  4383. .message.messageSidebarOrientationLeft .newMessageBadge {border-radius: 0 5px 5px 0;left: -219px;}
  4384. .message.messageSidebarOrientationLeft .newMessageBadge::before {border-left: 6px solid transparent;left: 0;}
  4385. .message.messageSidebarOrientationRight .newMessageBadge {right: -219px;}
  4386. .message.messageReduced .newMessageBadge {right: -7px;top: 21px;}
  4387. .message.messageSidebarOrientationRight .newMessageBadge, .message.messageReduced .newMessageBadge {border-radius: 5px 0 0 5px;}
  4388. .message.messageSidebarOrientationRight .newMessageBadge::before, .message.messageReduced .newMessageBadge::before {border-right: 6px solid transparent;right: 0;}
  4389. .messageBody {color: #000;display: block;line-height: 1.5;}
  4390. .messageBody > div:not(.messageFooter):not(.redactor-box):not(.messageTabMenu) {overflow: hidden;padding-bottom: 14px;}
  4391. .messageBody > div:not(.messageFooter):not(.redactor-box):not(.messageTabMenu) > div.messageText img {max-width: 100%;}
  4392. .messageBody > div:not(.messageFooter):not(.redactor-box):not(.messageTabMenu) > div.messageText table img {max-width: none;}
  4393. .messageBody > footer {padding-bottom: 14px;}
  4394. .messageBody > .messageSignature {color: #708a99;}
  4395. .messageBody > .messageSignature img {max-height: 150px;}
  4396. .messageBody .messageFooter > *:not(:first-child) {margin-top: 7px;}
  4397. .messageTextPreview img {max-width: 100%;}
  4398. .messageTextPreview table img {max-width: none;}
  4399. .messageFooterNote {background-image: linear-gradient(90deg,rgba(211,216,220,0.2) 0%,rgba(211,216,220,0) 40%);border-left: 2px solid #d3d8dc;color: #708a99;font-size: 0.85rem;padding: 4px 7px;}
  4400. html[dir="rtl"] .messageFooterNote {background-image: linear-gradient(270deg,rgba(211,216,220,0.2) 0%,rgba(211,216,220,0) 40%);}
  4401. .messageHeader + .messageBody > div:first-child:not(.redactor-box), .messageBody > div:not(.messageFooter):not(.messageTabMenu):not(.redactor-box):not(:first-child) {border-top: 1px dotted #d3d8dc;padding: 14px 0;}
  4402. .message .messageBody {padding: 14px 21px 1px;}
  4403. .message .messageContent {background-color: #ffffff;}
  4404. .message .messageContent .messageHeader {padding: 14px 21px 0;position: relative;}
  4405. .message .messageContent .messageHeader .messageHeadline > h1 {color: #003030;font-size: 1.4rem;font-weight: bold;overflow: hidden;padding-right: 21px;text-overflow: ellipsis;text-shadow: 0 1px 0 rgba(0,0,0,0);}
  4406. .message .messageContent .messageHeader .messageHeadline > h1 + p {margin-top: 2px;}
  4407. .message .messageContent .messageHeader .messageHeadline > p {font-size: 0.85rem;}
  4408. .message .messageContent .messageHeader .messageHeadline > p > .likesBadge {margin: -2px 0 -1px 4px;}
  4409. .message .messageContent .messageHeader .messageHeadline > p > .username::after {content: " - ";}
  4410. .message .messageContent .messageHeader .box32 > .messageHeadline > p:first-child {font-size: 1rem;}
  4411. .message .messageContent .messageHeader .box32 > .messageHeadline > p:first-child > .username {font-size: 1.2rem;font-weight: bold;text-shadow: 0 1px 0 rgba(0,0,0,0);}
  4412. .message .messageContent .messageHeader .box32 > .messageHeadline > p:first-child > .username {display: block;}
  4413. .message .messageContent .messageHeader .box32 > .messageHeadline > p:first-child > .username::after {content: "";}
  4414. .message .messageContent .messageHeader .box32 > .messageHeadline > p:first-child > .likesBadge {font-size: 0.85rem;top: -1px;}
  4415. .message .messageSidebar {line-height: 1.3;margin-bottom: -1px;padding: 14px 21px 21px;position: relative;text-align: center;width: 170px;}
  4416. .message .messageSidebar::after {clear: both;content: "";display: block;}
  4417. .message .messageSidebar header .username {color: #558cb8;font-size: 1.2rem;font-weight: bold;padding: 0 3px 1px;text-shadow: 0 1px 0 rgba(0,0,0,0);}
  4418. .message .messageSidebar header .username a {text-decoration: none;}
  4419. .message .messageSidebar .userTitle {margin: 7px 0 0;}
  4420. .message .messageSidebar .userRank {margin: 2px 0 0;}
  4421. .message .messageSidebar .userAvatar {display: inline-block;margin: 7px 0 0;position: relative;text-align: left;}
  4422. .message .messageSidebar .userAvatar > .badgeOnline {background-color: #ffa80a;border-radius: 0;bottom: 7px;box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.2);color: #eeffee;left: -5px;position: absolute;text-shadow: 0 -1px 0 rgba(0,0,0,0);text-transform: uppercase;}
  4423. .message .messageSidebar .userAvatar > .badgeOnline::before {border-bottom: 4px solid #f18a0d;border-left: 6px solid transparent;content: "";display: block;left: 0;position: absolute;top: -4px;}
  4424. .message .messageSidebar .userCredits {font-size: 0.85rem;margin: 7px 0 0;overflow: hidden;padding: 7px 0 0;}
  4425. .message:not(.messageReduced) .messageOptions::before, .message:not(.messageReduced) .messageOptions::after {content: "";display: table;}
  4426. .message:not(.messageReduced) .messageOptions::after {clear: both;}
  4427. .message:not(.messageReduced) .messageBody::before, .message:not(.messageReduced) .messageBody::after {content: "";display: table;}
  4428. .message:not(.messageReduced) .messageBody::after {clear: both;}
  4429. li:nth-child(2n+1) .message.messageSidebarOrientationLeft .messageHeader::after {border-right-color: #ffffff;}
  4430. li:nth-child(2n+1) .message.messageSidebarOrientationRight .messageHeader::after {border-left-color: #ffffff;}
  4431. li:nth-child(2n+1) .message .messageContent {background-color: #ffffff;}
  4432. .messageReduced .messageOptions > .breadcrumbs {bottom: 10px;left: 0;opacity: 1;position: relative;}
  4433. .messageReduced.messageDisabled {border-color: #040;}
  4434. .messageReduced.messageDisabled .messageContent {background-image: linear-gradient(180deg,#5fd75f,rgba(95,215,95,0) 90px);}
  4435. .messageReduced.messageDeleted {border-color: #fee;}
  4436. .messageReduced.messageDeleted .messageContent {background-image: linear-gradient(180deg,#da5050,rgba(218,80,80,0) 90px);}
  4437. .messageReduced.jsMarked {border-color: #440;}
  4438. .messageReduced.jsMarked .messageContent {background-image: linear-gradient(180deg,#efef70,rgba(239,239,112,0) 90px);}
  4439. .messageCollapsed {color: #708a99;opacity: 0.8;padding: 14px 21px;transition-duration: 0.1s;transition-property: opacity;transition-timing-function: linear;}
  4440. .messageCollapsed:hover {opacity: 1;}
  4441. .messageCollapsed.messageCollapsedExpandable {cursor: pointer;}
  4442. .messageCollapsed h1 {font-size: 0.85rem;}
  4443. .messageCollapsed .messageCounter {padding-top: 3px;}
  4444. .messageCollapsed.jsMarked {background-color: #efef70 !important;color: #9b9940;}
  4445. .messageCollapsed.jsMarked a {color: #9b9940;}
  4446. @media only screen and (max-width: 800px) {
  4447. .messageCollapsed {padding: 7px;}
  4448. }
  4449. @media only screen and (min-width: 641px) and (max-width: 800px) {
  4450. .messageCollapsed {padding: 7px 14px;}
  4451. }
  4452. .messageBody > span.icon-spinner {left: 50%;margin: -21px -21px 0 0;position: absolute;top: 50%;}
  4453. #messageQuickReply .formSubmit {padding-bottom: 14px;}
  4454. #showQuotes {bottom: 25px;cursor: pointer;opacity: 0.7;position: fixed;right: 25px;transition-duration: 0.2s;transition-property: opacity;transition-timing-function: linear;}
  4455. #showQuotes:hover {opacity: 1;}
  4456. #messageQuoteList {max-width: 800px !important;}
  4457. #messageQuoteList li:not(:first-child) {margin-top: 7px;}
  4458. #messageQuoteList li > span {float: left;}
  4459. #messageQuoteList li > span > input {vertical-align: bottom;}
  4460. #messageQuoteList li > span > span {cursor: pointer;vertical-align: middle;}
  4461. #messageQuoteList li div.jsQuote {margin-left: 60px;}
  4462. #messageQuoteList li div.jsFullQuote {display: none;}
  4463. #quoteManagerCopy > span:not(.pointer) {cursor: pointer;}
  4464. #quoteManagerCopy > .jsQuoteManagerQuoteAndInsert {border-left: 1px solid #ffffff;margin-left: 4px;padding-left: 4px;}
  4465. #quoteManagerCopy > .pointer {border-width: 5px 5px 0;bottom: -5px;margin-left: -5px;top: auto;}
  4466. .messageShareButtons > ul > li {display: inline-block;}
  4467. .messageShareButtons > ul > li > a {text-decoration: none;}
  4468. .messageShareButtons > ul > li > a > .icon {height: 28px;}
  4469. .messageShareButtons > ul > li > .badge {background-color: #ffffff;border: 1px solid #d3d8dc;border-radius: 3px;color: #9b9940;line-height: 23px;padding: 0 7px;position: relative;vertical-align: 1px;}
  4470. .messageShareButtons > ul > li > .badge::before {-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;border-color: transparent #d3d8dc transparent transparent;border-image: none;border-style: solid;border-width: 6px;content: "";display: block;height: 0;margin-top: -6px;position: absolute;right: 100%;top: 50%;width: 0;}
  4471. .messageShareButtons > ul > li > .badge::after {-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;border-color: transparent #ffffff transparent transparent;border-image: none;border-style: solid;border-width: 6px;content: "";display: block;height: 0;margin-right: -1px;margin-top: -6px;position: absolute;right: 100%;top: 50%;width: 0;}
  4472. .messageShareButtons .jsShareFacebook:not(.disabled) > a > .icon {color: #3b5998;}
  4473. .messageShareButtons .jsShareTwitter:not(.disabled) > a > .icon {color: #4099ff;}
  4474. .messageShareButtons .jsShareGoogle:not(.disabled) > a > .icon {color: #d34836;}
  4475. .messageShareButtons .jsShareReddit:not(.disabled) > a > .icon {color: #5f99cf;}
  4476. .contentNavigation > .messageShareButtons {float: right;margin-right: 14px;margin-top: 0;}
  4477. .messageSearchResultList > li > .box48 > div > .containerHeadline > h3 {padding-right: 100px;}
  4478. .likeButton.active .icon, .wcfLikeButton.active .icon {color: #009900;}
  4479. .dislikeButton.active .icon, .wcfDislikeButton.active .icon {color: #cc0000;}
  4480. @media screen and (max-width: 800px),print {
  4481. .message.messageSidebarOrientationLeft .messageContent, .message.messageSidebarOrientationRight .messageContent {border: 0 none;margin: 0;}
  4482. .message.messageSidebarOrientationLeft .messageSidebar, .message.messageSidebarOrientationRight .messageSidebar {float: none;min-height: 37px;}
  4483. .message.messageSidebarOrientationLeft .messageHeader::before, .message.messageSidebarOrientationLeft .messageHeader::after, .message.messageSidebarOrientationRight .messageHeader::before, .message.messageSidebarOrientationRight .messageHeader::after {display: none;}
  4484. .message .messageHeader .messageQuickOptions, .message .messageBody .messageSignature, .message .messageSidebar .userCredits {display: none;}
  4485. .message .messageSidebar {padding: 7px;text-align: left;width: auto;}
  4486. .message .messageSidebar > div {margin-left: 40px;}
  4487. .message .messageSidebar .userAvatar {left: 7px;position: absolute;top: 0;}
  4488. .message .messageSidebar .userAvatar img {height: 32px !important;width: 32px !important;}
  4489. .message .messageSidebar .userAvatar > .badgeOnline {display: none;}
  4490. .message .messageSidebar .userTitle {margin-top: -2px;}
  4491. .message .messageContent .messageHeader {padding: 7px 7px 0;}
  4492. .message .messageBody {padding: 7px;}
  4493. .message .messageBody > div:not(.messageFooter):not(.messageTabMenu):not(.redactor-box) {padding: 7px 0;}
  4494. .message .messageBody > footer {padding: 0;position: absolute;right: 7px;top: 7px;}
  4495. .message .messageOptions nav {opacity: 1;position: static;text-align: left;}
  4496. .message .newMessageBadge {display: none;}
  4497. }
  4498. @media screen and (min-width: 641px) and (max-width: 800px),print {
  4499. .message .messageSidebar, .message .messageContent .messageHeader, .message .messageBody {padding-left: 14px;padding-right: 14px;}
  4500. .message .messageSidebar .userAvatar {left: 14px;}
  4501. .message .messageBody > footer {right: 14px;}
  4502. }
  4503. @media only screen and (max-width: 800px) {
  4504. .moderationList thead {display: none;}
  4505. .moderationList tbody .columnAssignedUserID, .moderationList tbody .columnLastChangeTime {display: none;}
  4506. }
  4507. .editHistoryDiff > .sideBySide:first-child {margin-bottom: 21px;text-align: center;}
  4508. .editHistoryDiff .sideBySide > div:first-child {padding-right: 14px;}
  4509. .editHistoryDiff .sideBySide > div:last-child {padding-left: 14px;}
  4510. @media only screen and (max-width: 800px) {
  4511. .editHistoryVersionList .columnUser, .editHistoryVersionList .columnEditReason {display: none;}
  4512. }
  4513. .messageFloatObjectLeft {float: left;margin: 0 14px 7px 0;}
  4514. .messageFloatObjectRight {float: right;margin: 0 0 7px 14px;}
  4515. #pollOptionContainer .sortableList {padding: 7px 0;}
  4516. #pollOptionContainer .sortableList .sortableNode {margin-top: 7px;}
  4517. #pollOptionContainer .sortableList .sortableNode .sortableButtonContainer > img {cursor: pointer;margin-right: 14px;}
  4518. .pollContainer {float: left;margin: 0 14px 7px 0;max-width: 50%;min-width: 300px;}
  4519. .pollContainer > .formSubmit {background-color: #ffffff;border-top: 1px solid #d3d8dc;margin: 14px -21px -14px;padding: 10px 0;}
  4520. .pollInnerContainer > p:first-of-type {margin-top: 7px;}
  4521. .pollResultList li {margin-bottom: 8px;padding: 1px 0;position: relative;transition-duration: 0.1s;transition-property: background-color;transition-timing-function: linear;z-index: 0;}
  4522. .pollResultList li:last-child {margin-bottom: 0;}
  4523. .pollResultList li:hover {background-color: #ffffff;border-radius: 0 5px 5px 0;}
  4524. .pollResultList li .pollMeter {background-color: #f4f7f8;border-radius: 0 5px 5px 0;height: 100%;left: 0;position: absolute;top: 0;z-index: -1;}
  4525. .pollResultList li .caption {color: #558cb8;padding: 2px 0;}
  4526. .pollResultList li .caption .optionName {display: block;padding: 0 3.5em 0 7px;}
  4527. .pollResultList li .caption .relativeVotes {position: absolute;right: 7px;top: 3px;}
  4528. @media only screen and (max-width: 800px) {
  4529. .pollContainer > .formSubmit {margin: 14px -14px -7px;}
  4530. }
  4531. @font-face {font-family: "RedactorFont";font-style: normal;font-weight: normal;src: url("data:application/x-font-ttf;charset=utf-8;base64,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") format("truetype"), url("data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AABIoAAoAAAAAEeAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAADgEAAA4Bg0Rie09TLzIAAA74AAAAYAAAAGAIIvzVY21hcAAAD1gAAABMAAAATBpVzHZnYXNwAAAPpAAAAAgAAAAIAAAAEGhlYWQAAA+sAAAANgAAADYACVb9aGhlYQAAD+QAAAAkAAAAJAPhAgVobXR4AAAQCAAAAJAAAACQQQED3m1heHAAABCYAAAABgAAAAYAJFAAbmFtZQAAEKAAAAFmAAABZhHEcG1wb3N0AAASCAAAACAAAAAgAAMAAAEABAQAAQEBDVJlZGFjdG9yRm9udAABAgABADr4HAL4GwP4GAQeCgAZU/+Lix4KABlT/4uLDAeKZviU+HQFHQAAAT8PHQAAAUQRHQAAAAkdAAAN+BIAJQEBDRkbHSAlKi80OT5DSE1SV1xhZmtwdXp/hImOk5idoqessba7wFJlZGFjdG9yRm9udFJlZGFjdG9yRm9udHUwdTF1MjB1RTYwMHVFNjAxdUU2MDJ1RTYwM3VFNjA0dUU2MDV1RTYwNnVFNjA3dUU2MDh1RTYwOXVFNjBBdUU2MEJ1RTYwQ3VFNjBEdUU2MEV1RTYwRnVFNjEwdUU2MTF1RTYxMnVFNjEzdUU2MTR1RTYxNXVFNjE2dUU2MTd1RTYxOHVFNjE5dUU2MUF1RTYxQnVFNjFDdUU2MUR1RTYxRXVFNjFGAAACAYkAIgAkAgABAAQABwAKAA0AQQCYAPEBSQH6Ai8CxwMhA98EGwTXBYEFkQW0BfEGLwagBxEHOgf0CLUJaQmsCfwKhAq5C0QLdAuiC9AMAQxo/JQO/JQO/JQO+5QOi7AVi/gB+JSLi/wB/JSLBfhv990V/EqLi/u5+EqLi/e5Bfu4+5QVi/dv9yb7Avsm+wEFDvcm+AIV+AKLi0L8AouL1AWL+wIV+AKLi0L8AouL1AWL+wIV+AKLi0L8AouL1AX7JvdwFdSLi0JCi4vUBYv7AhXUi4tCQouL1AWL+wIV1IuLQkKLi9QFDviLsBVky0yq+0KWCIshBYuLQMb7LPcT9z33GsW4i4sIiyEF92Wr9wT7QV77Cgj7yfdpFYvIBYuLb3ImSOFBtnqLiwiLfIvXBe6F9yJ7nGSl0PsO6Ps2YwgO9wLUFfe4i4tn+7iLi68FysoVnHmngrGLsounlJydnJ2Up4uyCIv3SUyLi/tXBYt8hoCDg4ODgId8i32Lf4+Dk4OTh5aLmgiL91dLi4v7SQWLZJRvnXkIDvfd+EoVrouL+yrWi4tr+wKLi/dKBbH7kxX3JS/7JS+L1fsDi4uw9wOLi9QF+3LTFfsl5/cl54tC9wOLi2b7A4uLQQWXNhWTg499i3iLf4mBhoSGg4SHgYmOio6KjYiNiI6GjoQIpklri3i5BYuMio2KjYaZhZKEiwiBi4tDbouL90q1iwWfi5mHk4MIVEcVmYsFk4uRjY+Pjo+NkYuUi5SJkoiOh4+FjYOLCH2Li1kFDve393oVRYuu9wyu+wwF+0r7DRXVi6LU7ouiQtWLJve6MIsm+7oFjGcV97iLi0L7uIuL1AUOi7AVi/gB+JSLi/wB/JSLBfdLrxX3JouL1Psmi4tCBYv3AhX3JouL1Psmi4tCBWb3SxX7AYuLQvcBi4vUBYv7AhX7AYuLQvcBi4vUBYv7AhX7AYuLQvcBi4vUBbD3cBWLQvcmi4vU+yaLBfe4ixX7AYuLQvcBi4vUBYv7AhX7AYuLQvcBi4vUBYv7AhX7AYuLQvcBi4vUBQ74lPdzFfss+xNAUIuLCIv1BftCgExsZEte9wr3BPdB92VrCIv1BYuLxV73PfsaCPxYLBWcsvcim+6RCIs/i5oFi4u2nOHVJs5vpIuLCItOBfs2s/sOLqVGCA73zfe2FXNsgGiLY4tpk3Ccd513n4Gji6CLnJKZmpqakpyLn4uehZt+mH+ZfJJ7i32LgIeChQiIiYmKiYuKi4mMioyKjoqPi5GLpJOknKOco6KcqJYIi6EFWXhlcnRrCPthixV0bH9oi2OLaZNwnXecd6CBoougi5ySmpqZmpKci5+LnoWbfph/mX2Seot+i3+IgoQIiImJioqLiYuKjIqMiY6Kj4uRi6SUpJujnKOinKmWCIuhBVh4ZnJzawgOi/gCFfiUi4tC/JSLi9QF90v7AhX33YuLQvvdi4vUBYv7AhX33YuLQvvdi4vUBWZCFYv3S/snL/cnMAUO9yb4AhX4AouLQvwCi4vUBYv7AhX4AouLQvwCi4vUBYv7AhX4AouLQvwCi4vUBfsh9hXPi4ufc4uL6HeLdYWLd6GRi0Jzi4t3Bav7JRWXl5KTjY6PkI2PjY+Mj4yPi5CLlIiThJCFkYKOf4uHi4aKhoqGioaKhokIi3YFkI6QjZCNkIyPjI+LkIuPio6IjoiMh4uGi4iLiImIiYeJh4eHiIiDgX18CIB+i3jPi4ufXosFjo+QkJGRCIuLBQ74AtQVcItyk3aYCIu/qYsFmIWZh5uLvYu0sIu5i7pisFmLe4t9h36FCG2Li78FoJikk6aL3IvMSYs6iztKSTqLCPtL90sV9yaLi0L7JouL1AVmuhV8i3yHfoUIbYuLcwWAfYR6i3iLeZJ5ln0Ii3SpiwWYhZqHmoubi5mPmJEIqYuLVwV2fnKDcIs6i0rNi9uL3MzN3Iumi6SDoH4Ii1dtiwV+kX2Pe4sIDov3lBX4lIuLQvyUi4vUBQ73m/ftFWL7a0qLgFL3VYuWxEuLtPdry4uWxPtVi4BSzIsFDov4AhX4lIuLQvyUi4vUBfdL+wIV992Li0L73YuL1AWL+wIV992Li0L73YuL1AX7S0IVi/dL9ycv+ycwBQ6LsBWL+AH4lIuL/AH8lIsF+G/33RX8SouL+7n4SouL97kF+0r7SxWvi7vqySyLQvwCi4vU9wL3JvcC+yYFDvhv+EsVi/tw+2/3cPdviwVhYBWShIyChoUI+wf7BwWFhoKMhJKEkoqUkJEI9wj3BwWQkJWKkYQI/CD8HxX3b4r7b/dvi/tuBbW1FZKElYqQkAj3B/cHBZCQipWEkoSRgo2FhQj7BvsHBYWGjYGRhQgO97n3kxWL93D3b/tv+2+KBbW3FYSSipSQkQj3B/cGBZGRlIqShJKEjIGGhgj7CPsHBYaGgYyFkgj7CPsJFftvjPdv+3CL928FYWEVhJKBjIaGCPsH+wcFhoaMgZKEkoSUipGRCPcG9wYFkZGJlIWSCA733bAVi/fdZ4uL+91Bi4v3JgVPi1q8i8iLx7y8x4sI9yeLi/wBZosFDvgm9yYV1Ysv+yUv9yXVi4v3J0GL5/cl5/slQYuL+ycF+3+EFYWCgoSBhoGGgIh/i3WLeZF+mH6XhZ2Looujkp2blpqXopGriwiwi4uUBYuUiJKFj4SQgo1/i3+Lf4l/iH+If4V+hAiLugWWkJeOl46XjZiMmIusi6KEmH6ZfZFyi2gIi/sMV4uLowWL1hV2iwV3i32IhIaDhoeCi36LgY6EkIWQhpOIlIuZi5aQkpaTlo+ai58Ii48FDvdC91kVVoum9wml+wkF+x37ChXDi5zS1oudRMOLPvezR4s++7MF+BPwFYuHBYt3h3uDgIOAf4V9i4GLg46GkYWRiJOLlIuYj5WTkJSQmY6giwihiwWt7RV9mXOSaYt8i36Kfol/iH6Hf4YIi1sFmJOYkJiPl46YjZmLl4uViJGHkoaOhIuCCIuCZYsFaYtyhXt/e3+DeItyi3SReZl+mH6ehaOLmIuXjZWQlpCTk5KUCItzwouL9w8Fi6+EpX2ZCA7U95QV+AKLi2b8AouLsAX3U1oVloeUhZGEkYSOgouCi36GgYKEgoR/iHuLe4t6jnuRepB6lHqXCItKBZqEm4Wch5yIm4mci7OLqZOfm5+alKOLq4ujhZ9/mn6bd5dwlAhvlgV3kX6ShZGFkIiTi5OLl4+UlJGTkZeOm4uai5mImoaZhpqEmYIIi8gFfJF8kHuPfI58jXuLaYtxg3h6d3uCdItui3WQeZd+l32hf61+CKuABQ6L928Vr6n3S/snZ277S/cmBYuLFfdL9yevbvtL+ydnqAX4lIsVZ6n7S/snr273S/cmBYuLFftL9ydnbvdL+yevqAUOi2YVi/iU+JSLi/yU/JSLBfhv+HAV/EqLi/xL+EqLi/hLBUL7JhX7uIuL1Pe4i4tCBYv7AhX7uIuL1Pe4i4tCBYv7AhX7uIuL1Pe4i4tCBQ73jPdyFZ6LmYiUg5ODj36LeYt6h3+DhIOEfYd3iwhii4vstIsFi/cVFZuLloiShJKFjoKLfYt+iIGEhYSFgIh7iwhii4vYtIsFJvuqFfCLBbWLqJKemp2ZlKKLqoulhZ9/mn+ZeZRzjZ+NmpKVl5aXkJuLoIungqB5mHqZcJJoiwgmi4v73QUOsIsVi/hL+EqLi/xL/EqLBfeR+AIVR4s/+7nDi5vT1oucQ8KLQPe5BWlWFaX7DFeLpfcMBQ74UPeKFfso+yiHjwV9h3uNfJMIamupbXx8BWJiSYtitAh8mgVitIvNtLQI92v3awW0tM2LtGIImnwFtGKLSWJiCGb3EhVuqFyKbm4I+1n7WgVtbotcp26ob7qLqKkIsrEFg4+EkIWScKaGsJ+gCN3dBZuapIyifwj7EvsRsWb3GvcaBaiojLpuqAgOi/gCFfiUi4tC/JSLi9QF9yb7AhX4AouLQvwCi4vUBfcn+wIV92+Li0L7b4uL1AUOi/gCFfiUi4tC/JSLi9QFi/sCFfgBi4tC/AGLi9QFi/sCFfdwi4tC+3CLi9QFDov4AhX4k4uLQvyTi4vUBYv7AhX4k4uLQvyTi4vUBYv7AhX4lIuLQvyUi4vUBQ73AvgCFfe4i4tC+7iLi9QF+wL7AhX4lIuLQvyUi4vUBfcC+wIV97iLi0L7uIuL1AUO1LIVi9RCi4v3ufhLi4tB1IuL+7j8S4sF99333RX8AYuL+3D4AYuL93AF1UIVZouL+0v73YuLZvgCi4v3cAX7b0IV+0yL5/cB5/sBBfcBZhX7uYuLsPe5i4tmBWL3AhW0QkKLq9QFDviUFPiUFYsMCgAAAAADAgABkAAFAAABTAFmAAAARwFMAWYAAAD1ABkAhAAAAAAAAAAAAAAAAAAAAAEQAAAAAAAAAAAAAAAAAAAAAEAAAOYfAeD/4P/gAeAAIAAAAAEAAAAAAAAAAAAAACAAAAAAAAIAAAADAAAAFAADAAEAAAAUAAQAOAAAAAoACAACAAIAAQAg5h///f//AAAAAAAg5gD//f//AAH/4xoEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAQAAhlBJsl8PPPUACwIAAAAAAM91iyUAAAAAz3WLJf///9sCAAHbAAAACAACAAAAAAAAAAEAAAHg/+AAAAIA//8AAAIAAAEAAAAAAAAAAAAAAAAAAAAkAAAAAAAAAAAAAAAAAQAAAAIAAAACAAAAAgAAAAIAAG4CAAAAAgAAbQIAAAACAAAJAgAASQIA//8CAAAAAgAAAAIAAAACAACSAgAAAAIAAAACAAAlAgAAAAIAAG4CAAAlAgAAJQIAAEkCAAAAAgAAAAIAAJMCAAAlAgAAQgIAAAACAAAAAgAAAAIAAAACAAAAAABQAAAkAAAAAAAOAK4AAQAAAAAAAQAYAAAAAQAAAAAAAgAOAGoAAQAAAAAAAwAYAC4AAQAAAAAABAAYAHgAAQAAAAAABQAWABgAAQAAAAAABgAMAEYAAQAAAAAACgAoAJAAAwABBAkAAQAYAAAAAwABBAkAAgAOAGoAAwABBAkAAwAYAC4AAwABBAkABAAYAHgAAwABBAkABQAWABgAAwABBAkABgAYAFIAAwABBAkACgAoAJAAUgBlAGQAYQBjAHQAbwByAEYAbwBuAHQAVgBlAHIAcwBpAG8AbgAgADEALgAwAFIAZQBkAGEAYwB0AG8AcgBGAG8AbgB0UmVkYWN0b3JGb250AFIAZQBkAGEAYwB0AG8AcgBGAG8AbgB0AFIAZQBnAHUAbABhAHIAUgBlAGQAYQBjAHQAbwByAEYAbwBuAHQARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("woff");}
  4532. .re-icon {font-family: "RedactorFont";}
  4533. .re-icon > i::before {font-size: 14px;position: relative;}
  4534. .re-video::before {content: "";}
  4535. .re-unorderedlist::before {content: "";}
  4536. .re-undo::before {content: "";}
  4537. .re-underline::before {content: "";}
  4538. .re-textdirection::before {content: "";}
  4539. .re-fontcolor::before {content: "";}
  4540. .re-table::before {content: "";}
  4541. .re-redo::before {content: "";}
  4542. .re-quote::before {content: "";}
  4543. .re-outdent::before {content: "";}
  4544. .re-orderedlist::before {content: "";}
  4545. .re-link::before {content: "";}
  4546. .re-horizontalrule::before {content: "";}
  4547. .re-italic::before {content: "";}
  4548. .re-indent::before {content: "";}
  4549. .re-image::before {content: "";}
  4550. .re-fullscreen::before {content: "";}
  4551. .re-normalscreen::before {content: "";}
  4552. .re-formatting::before {content: "";}
  4553. .re-fontsize::before {content: "";}
  4554. .re-fontfamily::before {content: "";}
  4555. .re-deleted::before {content: "";}
  4556. .re-html::before {content: "";}
  4557. .re-clips::before {content: "";}
  4558. .re-bold::before {content: "";}
  4559. .re-backcolor::before {content: "";}
  4560. .re-file::before {content: "";}
  4561. .re-alignright::before {content: "";}
  4562. .re-alignment::before, .re-alignleft::before {content: "";}
  4563. .re-alignjustify::before {content: "";}
  4564. .re-aligncenter::before {content: "";}
  4565. .re-gallery::before {content: "";}
  4566. .redactor-box {border: 1px solid #d3d8dc;font-size: 0;line-height: 1.6;position: relative;}
  4567. .redactor-box + .messageTabMenu {padding: 0;}
  4568. .redactor-box + .innerError, .redactor-box > .innerError {border-radius: 0;box-shadow: none;display: block;margin-top: -1px;}
  4569. .redactor-box > .innerError {margin: -1px;}
  4570. .redactor-box > .redactorAutosaveNotice {-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;background-color: #ffffff;border-color: #d3d8dc;border-image: none;border-style: solid;border-width: 1px 0 0 1px;bottom: 0;font-size: 1rem;opacity: 0;padding: 7px;position: absolute;right: 0;transition: visibility 0s linear 0.3s, opacity 0.3s linear 0s;visibility: hidden;}
  4571. .redactor-box > .redactorAutosaveNotice.open {opacity: 1;transition-delay: 0s;visibility: visible;}
  4572. .redactor-box > .redactorAutosaveNotice.redactorAutosaveNoticeIcons > span.fa-check {margin-right: 7px;}
  4573. .redactor-box > .redactorAutosaveNotice > span.redactorAutosaveMessage {padding: 0 7px;}
  4574. .redactor-editor {max-height: 500px;outline: medium none;overflow: auto;padding: 10px;position: relative;}
  4575. .redactor-editor + textarea {border-width: 0;box-shadow: none;font-size: 1rem;line-height: 1.6;outline: medium none;padding: 10px;resize: vertical;}
  4576. .redactor-editor + textarea:focus {box-shadow: none;}
  4577. .redactor-editor ul, .redactor-editor ol {margin: 1em 0 1em 40px;}
  4578. .redactor-editor ul ul, .redactor-editor ul ol, .redactor-editor ol ul, .redactor-editor ol ol {margin-bottom: 0;margin-top: 0;}
  4579. .redactor-editor ul li, .redactor-editor ol li {margin: 7px 0;}
  4580. .redactor-editor ul {list-style-type: disc;}
  4581. .redactor-editor ol {list-style-type: decimal;}
  4582. .redactor-editor img {border: 1px solid transparent;max-width: 100%;}
  4583. .redactor-editor table {border-collapse: collapse;font-size: 14px;line-height: 1.6em;}
  4584. .redactor-editor table td {border: 1px solid #ddd;padding: 5px;vertical-align: top;}
  4585. .redactor-editor .quoteBox {clear: none;}
  4586. .redactor-editor .quoteBox > header {position: relative;}
  4587. .redactor-editor .quoteBox > header > .redactorQuoteEdit {bottom: -7px;left: -14px;padding-left: 14px;padding-top: 14px;position: absolute;right: -14px;top: -14px;}
  4588. .redactor-editor .codeBox {overflow: hidden;position: relative;}
  4589. .redactor-editor .codeBox .redactorEditCodeBox {background-color: rgba(255,255,255,0.8);bottom: 0;left: 0;opacity: 0;position: absolute;right: 0;text-align: center;top: 0;transition-duration: 0.3s;transition-property: opacity;transition-timing-function: linear;z-index: 200;}
  4590. .redactor-editor .codeBox .redactorEditCodeBox > div {cursor: pointer;font-size: 1.4rem;left: 50%;padding: 1em 3em;position: absolute;top: 50%;transform: translate(-50%,-50%);}
  4591. .redactor-editor .codeBox:hover .redactorEditCodeBox {opacity: 1;}
  4592. .redactor-editor .codeBox ol {margin-bottom: 0;margin-top: 0;}
  4593. .redactor-editor.msie .quoteBox {min-height: auto;}
  4594. @media all and (min-width: 801px) {
  4595. .redactor-editor {font-size: 1rem;}
  4596. }
  4597. @media only screen and (max-width: 800px) {
  4598. .redactor-editor + textarea {font-size: 16px;max-height: 500px;}
  4599. }
  4600. .redactor-toolbar {background: rgba(0,0,0,0) repeating-linear-gradient(0deg,#d3d8dc 0px,#d3d8dc 3%,#ffffff 3%,#ffffff 100%) repeat scroll 0 0% 31px;}
  4601. .redactor-toolbar > li {display: inline-block;margin-bottom: 1px;vertical-align: middle;}
  4602. .redactor-toolbar > li:last-of-type, .redactor-toolbar > li.separator {border-right: 1px solid #f3af16;}
  4603. .redactor-toolbar > li > a {box-sizing: border-box;color: #ffffff;display: block;font-size: 14px;height: 30px;outline: medium none;padding: 6px 0;text-align: center;text-decoration: none;text-shadow: 0 -1px 0 rgba(0,0,0,0);width: 30px;}
  4604. .redactor-toolbar > li > a.redactor-button-disabled, .redactor-toolbar > li > a.redactor-button-disabled::before, .redactor-toolbar > li > a.redactor-button-disabled > i::before {color: rgba(74,90,101,0.4);cursor: default;}
  4605. .redactor-toolbar > li > a::before {color: #fff;}
  4606. .redactor-toolbar > li > a > i {height: 14px;width: 12px;}
  4607. .redactor-toolbar > li > a > i::before {color: #fff;}
  4608. .redactor-toolbar > li > a:hover:not(.redactor-button-disabled), .redactor-toolbar > li > a.redactor-act, .redactor-toolbar > li > a.dropact {background-color: #ffaa09;text-shadow: 0 -1px 0 rgba(0,0,0,0);}
  4609. .redactor-toolbar > li > a:hover:not(.redactor-button-disabled) > i, .redactor-toolbar > li > a.redactor-act > i, .redactor-toolbar > li > a.dropact > i {text-shadow: none;}
  4610. .redactor-toolbar > li > a.fa-redactor-btn::before {content: "";}
  4611. .redactor-toolbar > li > a.redactor-btn-image {background-position: center center;background-repeat: no-repeat;}
  4612. .redactor-toolbar > li > a.redactor-btn-image.redactor-button-disabled {opacity: 0.5;}
  4613. .redactor-toolbar-tooltip {background-color: #40729a;border-radius: 6px;box-shadow: 0 3px 7px 0 rgba(0,0,0,0.3);color: #ffffff;font-size: 0.85rem;max-width: 300px;padding: 5px 10px 7px;position: absolute;z-index: 800;}
  4614. .redactor-toolbar-tooltip .pointer {border-color: #40729a transparent;border-style: solid;border-width: 0 5px 5px;left: 50%;position: absolute;top: -5px;}
  4615. .redactor-toolbar-tooltip.inverse .pointer {border-width: 5px 5px 0;}
  4616. #redactor-image-box {border: 1px dashed rgba(0,0,0,0.5);display: inline-block;line-height: 0;max-width: 100%;position: relative;}
  4617. #redactor-image-box > img {border-width: 0;opacity: 0.5;}
  4618. #redactor-image-editter {background-color: #40729a;border-radius: 6px;box-shadow: 0 3px 7px 0 rgba(0,0,0,0.3);color: #ffffff;cursor: pointer;font-size: 0.85rem;left: 50%;line-height: 0.85rem;margin-top: -13px;max-width: 300px;padding: 5px 10px 7px;position: absolute;top: 50%;z-index: 5;}
  4619. #redactor-image-editter .pointer {border-color: #40729a transparent;border-style: solid;border-width: 0 5px 5px;left: 50%;position: absolute;top: -5px;}
  4620. #redactor-image-editter.inverse .pointer {border-width: 5px 5px 0;}
  4621. #redactor-image-resizer {background-color: #000000;border: 1px solid #ffffff;bottom: -4px;cursor: nw-resize;height: 8px;line-height: 1;position: absolute;right: -5px;width: 8px;z-index: 10;}
  4622. .redactorAttachmentContainer {-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;background-color: #ffffff;border-color: #eeeeee;border-image: none;border-style: solid;border-width: 0 1px 1px;padding: 7px 14px;}
  4623. .messageTabMenu {-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;border-color: #d3d8dc;border-image: none;border-style: solid;border-width: 0 1px 1px;line-height: 1.6;}
  4624. .messageTabMenu > nav.messageTabMenuNavigation > ul {background-color: #FFBF0C;font-size: 0;white-space: nowrap; border-bottom: 5px solid #F37A16;}
  4625. .messageTabMenu > nav.messageTabMenuNavigation > ul > li {display: inline-block;}
  4626. .messageTabMenu > nav.messageTabMenuNavigation > ul > li > a {-moz-user-select: none;border-right: 1px solid #f3af16;;color: #ffffff;display: block;font-size: 1rem;line-height: 1.6;margin-bottom: -1px;padding: 7px 14px 8px;text-decoration: none;}
  4627. .messageTabMenu > nav.messageTabMenuNavigation > ul > li > a:hover {color: #558cb8;}
  4628. .messageTabMenu > nav.messageTabMenuNavigation > ul > li > a > span.icon {display: none;}
  4629. .messageTabMenu > nav.messageTabMenuNavigation > ul > li.active > a {background-color: #ffffff;color: #558cb8;}
  4630. .messageTabMenu > div, .messageTabMenu > fieldset {background-color: #ffffff;border-radius: 0;border-top: 1px solid #d3d8dc;border-width: 1px 0 0;display: none;position: static;}
  4631. .messageTabMenu > div.active, .messageTabMenu > fieldset.active {display: block;}
  4632. .messageTabMenu > div > nav {background-color: #ffffff;border-bottom: 1px solid #d3d8dc;margin: -14px -21px 14px;padding: 4px 7px;}
  4633. .messageTabMenu > div > nav ul {display: inline-block;font-size: 0;white-space: nowrap;}
  4634. .messageTabMenu > div > nav ul li {display: inline-block;outline: 0 none;vertical-align: baseline;}
  4635. .messageTabMenu > div > nav ul li.active a, .messageTabMenu > div > nav ul li.active a:hover {color: #ffffff;cursor: default;}
  4636. .messageTabMenu > div > nav ul li a {-moz-user-select: none;color: #ffffff;display: block;font-size: 0.85rem;outline: 0 none;padding: 0 7px;}
  4637. .messageTabMenu > div > nav ul li a:hover {color: #ffffff;text-decoration: none;}
  4638. .messageTabMenu > div > nav ul li:not(:last-child) {padding-right: 4px;}
  4639. .messageTabMenu > div > nav ul li.dropdown > a {font-size: 1rem;padding: 4px 7px 2px;}
  4640. .messageTabMenu > div > div, .messageTabMenu > div > fieldset {border-top-width: 0;}
  4641. @media only screen and (max-width: 800px) {
  4642. .redactor-toolbar > li > a:hover {background-color: transparent !important;}
  4643. .messageTabMenu > nav > ul > li:not(.active) > a > span.icon {display: block;}
  4644. .messageTabMenu > nav > ul > li:not(.active) > a > span:not(.icon) {display: none;}
  4645. .messageTabMenu > div > nav {margin: -3px -7px 7px;}
  4646. }
  4647. @-moz-document url-prefix("") {fieldset + .messageTabMenu {margin-top: -3px;}
  4648. }
  4649. .redactor-dropdown-box-fontcolor {width: 200px;}
  4650. .redactor-dropdown-box-fontcolor > li.redactorColorPallet {padding: 0 4px;}
  4651. .redactor-dropdown-box-fontcolor > li.redactorColorPallet:hover {background-color: #ffffff !important;}
  4652. .redactor-dropdown-box-fontcolor > li.redactorColorPallet > a {-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;border-color: #ffffff;border-image: none;border-style: solid;border-width: 2px 2px 0;display: inline-block;font-size: 0;height: 20px;margin: 0;padding: 0;width: 20px;}
  4653. .redactorDropArea {background-color: #ffffcc;border: 5px dashed #ffcc00;box-sizing: border-box;font-size: 1.4rem;position: absolute;text-align: center;vertical-align: middle;z-index: 360;}
  4654. .redactorDropArea.active {background-color: #cef6ce;border-color: #04b404;}
  4655. .redactor-link-tooltip {background-color: #40729a;border-radius: 6px;box-shadow: 0 3px 7px 0 rgba(0,0,0,0.3);color: #ffffff;font-size: 0.85rem;padding: 5px 10px 7px;position: absolute;z-index: 800;}
  4656. .redactor-link-tooltip > a {color: #ffffff;}
  4657. .slideshowContainer {overflow: hidden;position: relative;}
  4658. .slideshowContainer > ul:not(.slideshowButtonList) > li:not(:first-child) {display: none;}
  4659. .slideshowContainer > .slideshowItemList {position: absolute;transition-duration: 0.8s;transition-property: left;transition-timing-function: ease-out;}
  4660. .slideshowContainer > .slideshowItemList > li.slideshowItem {display: block;float: left;overflow: hidden;position: absolute;top: 0;}
  4661. .slideshowContainer > .slideshowButtonList {position: absolute;right: 0;top: 0;}
  4662. .slideshowContainer > .slideshowButtonList > li {display: inline-block;}
  4663. .slideshowContainer > .slideshowButtonList > li > a > .icon {color: #f4f7f8;}
  4664. .slideshowContainer > .slideshowButtonList > li > a > .icon.active {color: #558cb8;}
  4665. .slideshowContainer > .slideshowButtonList > li:hover > a > .icon {color: #5a788f;}
  4666. .sortableListContainer .sortablePlaceholder {background-color: #efef70;border: 1px solid #efef70;color: #440;margin: 4px 0;padding: 4px;}
  4667. .sortablePlaceholder.sortableInvalidTarget {background-color: #da5050;border: 1px solid #da5050;color: #fee;}
  4668. .sortableList {list-style-position: outside;list-style-type: decimal;margin-left: 21px;}
  4669. .sortableList .jsCollapsibleCategory > .sortableNodeLabel {background-color: #ffffff;color: #576c7d;padding-left: 7px;}
  4670. .sortableList .jsCollapsibleCategory > .sortableNodeLabel > a {color: #576c7d;}
  4671. .sortableList .jsCollapsibleCategory > .sortableNodeLabel .icon {color: #576c7d;text-shadow: 0 1px 0 rgba(0,0,0,0);}
  4672. .sortableList .statusDisplay {float: right;}
  4673. .sortableNode {cursor: move;}
  4674. .sortableNode.ui-sortable-helper {list-style: outside none none;}
  4675. .sortableNodeLabel {display: block;padding: 7px 7px 7px 0;}
  4676. .sortableList:not(.simpleSortableList) .sortableNodeLabel {border-bottom: 1px solid #d3d8dc;}
  4677. .simpleSortableList {min-height: 21px;}
  4678. .colorPreview {background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEX////MzMw46qqDAAAAD0lEQVQI12P4z4Ad4ZAAAH6/D/Hgw85/AAAAAElFTkSuQmCC");border: 1px solid #d3d8dc;border-radius: 0;display: inline-block;}
  4679. .colorPreview:hover {box-shadow: 0 0 15px 0 #d3d8dc;}
  4680. .colorPreview > div {border: 2px solid #ffffff;border-radius: 0;cursor: pointer;display: block;height: 60px;width: 180px;}
  4681. .colorList > li {float: left;padding: 7px;}
  4682. .colorList > li > figure > figcaption {font-size: 0.85rem;margin-bottom: 7px;text-align: center;}
  4683. .colorList::after {clear: both;content: "";display: block;}
  4684. .tagList > li {display: inline-block;}
  4685. .tag {border-radius: 0 4px 4px 0;font-weight: normal;height: 13px;margin-left: 6px;padding-bottom: 2px;padding-left: 10px;}
  4686. .tag::before {border-color: transparent #00302f transparent transparent;border-style: inset solid inset inset;border-width: 8px 8px 8px 0;clip: rect(auto,auto,auto,2px);content: "";height: 0;left: -8px;position: absolute;top: 0;width: 0;}
  4687. .tag::after {background: #ffffff none repeat scroll 0 0;border-radius: 2px;box-shadow: 0 -1px 2px 0 rgba(0,0,0,0.2);content: "";height: 4px;left: -2px;position: absolute;top: 6px;width: 4px;}
  4688. .tag:hover {background-color: #00302f;color: #fff;}
  4689. .tag:hover::before {border-right-color: #00302f;}
  4690. .editableItemList li.tag {margin-bottom: 11px;margin-left: 10px;}
  4691. .editableItemList li.tag:first-child {margin-left: 6px;}
  4692. .sidebar .userAvatar {overflow: hidden;text-align: center;}
  4693. .sidebar .userAvatar > a {display: block;}
  4694. .sidebar .userList > li > a {font-size: 0.85rem;}
  4695. .framedIconList li {float: left;margin: 0 2px 4px 0;}
  4696. .framedIconList li .framed {display: inline-block;}
  4697. .framedIconList::after {clear: both;content: "";display: block;height: 0;}
  4698. .userInformation > .inlineDataList, .userInformation > .dataList {font-size: 0.85rem;}
  4699. .userInformation > .dataList {margin-top: 0;}
  4700. .userInformation > .inlineDataList {margin-top: 7px;}
  4701. .userInformation > .inlineDataList ~ .inlineDataList {margin-top: 0;}
  4702. .userInformation > .containerHeadline + .inlineDataList {margin-top: 0;}
  4703. .userInformation > .containerHeadline > p {margin-bottom: 2px;}
  4704. .userInformation > .userFacts {overflow: hidden;}
  4705. .userTitleBadge {font-weight: normal;max-width: 154px;overflow: hidden;text-overflow: ellipsis;}
  4706. .userProfilePreview {position: relative;}
  4707. .userProfilePreview > .userInformation {padding-bottom: 16px;}
  4708. .userProfilePreview > .userInformation > .userStats, .userProfilePreview > .userInformation > .userFields {border-top: 1px dotted #d3d8dc;margin-bottom: 5px;padding-top: 5px;}
  4709. .userProfilePreview > .userInformation > .userFields {border-bottom: 1px dotted #d3d8dc;padding-bottom: 5px;}
  4710. .userProfilePreview > .userInformation > .buttonGroupNavigation {bottom: 0;position: absolute;right: 0;}
  4711. .userHeadline {padding-right: 428px;position: relative;}
  4712. .userHeadline > nav.buttonGroupNavigation {position: absolute;right: 7px;top: 7px;}
  4713. .userHeadline > .dataList {overflow: hidden;}
  4714. .letters > li {margin-bottom: 4px;}
  4715. .letters > li > .button {min-width: 1.2em;text-align: center;}
  4716. .recentActivityList > li.recentActivitiesMore {text-align: center;}
  4717. .recentActivityList > li.recentActivitiesMore > button {padding-left: 30px;padding-right: 30px;}
  4718. .recentActivityList > li.recentActivitiesMore > small {color: #708a99;}
  4719. .recentActivityList > li > div.box48 > div {overflow: hidden;}
  4720. .likeList > li:first-child {padding-bottom: 7px;text-align: right;}
  4721. .likeList > li:first-child:hover {background-color: #ffffff;}
  4722. .likeList > li:first-child > ul.buttonGroup {display: inline-block;margin-bottom: 7px;}
  4723. .likeList > li:first-child > ul.buttonGroup:not(:first-child) {margin-left: 4px;}
  4724. @media only screen and (max-width: 800px) {
  4725. .likeList > li:first-child {padding-bottom: 0;}
  4726. }
  4727. .dashboardBoxSidebarButton {padding-bottom: 21px !important;}
  4728. .dashboardBoxSidebarButton > div {text-align: center;}
  4729. .dashboardBoxSidebarButton > div > .button {font-size: 1.2rem;padding: 5px 13px;}
  4730. .usersOnlineInfoBox .usersOnlineLegend {margin-top: 7px;}
  4731. .usersOnlineInfoBox .usersOnlineLegend > p {display: inline-block;}
  4732. .usersOnlineInfoBox .usersOnlineLegend > ul {display: inline-block;}
  4733. @media only screen and (max-width: 800px) {
  4734. #tplUser .userHeadline {overflow: visible;padding-right: 30px;}
  4735. #tplUser .userHeadline > .invisible {display: block;float: left;}
  4736. #tplUser .userHeadline > *:not(.invisible) {margin-left: 59px;}
  4737. }
  4738. .userAvatarCrop {cursor: pointer;}
  4739. #userAvatarCropSelection {margin: 0 auto;position: relative;}
  4740. #userAvatarCropOverlay {background-color: #000000;height: 100%;left: 0;opacity: 0.5;position: absolute;top: 0;width: 100%;z-index: 10;}
  4741. #userAvatarCropOverlaySelection {cursor: move;height: 128px;left: 0;overflow: hidden;position: absolute;top: 0;width: 128px;z-index: 20;}
  4742. .buttonList.thirdPartyLogin {text-align: center;}
  4743. .thirdPartyLoginButton {border: 1px solid rgba(255,255,255,0.1);border-radius: 3px;color: #fff;display: inline-block;font-size: 0;}
  4744. .thirdPartyLoginButton:hover {color: #fff;text-decoration: none;}
  4745. .thirdPartyLoginButton > .icon {border-right: 1px solid rgba(0,0,0,0.1);color: #fff;padding: 4px 6px;text-shadow: none;}
  4746. .thirdPartyLoginButton > span:not(.icon) {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 1rem;padding: 4px 12px;}
  4747. .thirdPartyLoginButton.googleLoginButton {background-color: #dd4b39;}
  4748. .thirdPartyLoginButton.googleLoginButton:hover {background-color: #ca3523;}
  4749. .thirdPartyLoginButton.facebookLoginButton {background-color: #3b5998;}
  4750. .thirdPartyLoginButton.facebookLoginButton:hover {background-color: #30487b;}
  4751. .thirdPartyLoginButton.twitterLoginButton {background-color: #55acee;}
  4752. .thirdPartyLoginButton.twitterLoginButton:hover {background-color: #309aea;}
  4753. .thirdPartyLoginButton.githubLoginButton {background-color: #444444;}
  4754. .thirdPartyLoginButton.githubLoginButton:hover {background-color: #303030;}
  4755. .userNotificationItemList > .notificationItem.groupedNotificationItem > div > .framed > span.fa-users::before {position: relative;top: 3px;}
  4756. .userNotificationItemList > .notificationItem.notificationUnconfirmed {position: relative;}
  4757. .userNotificationItemList > .notificationItem.notificationUnconfirmed > div > .details {padding-right: 37px;}
  4758. .userNotificationItemList > .notificationItem.notificationUnconfirmed > .notificationItemMarkAsConfirmed {opacity: 0.6;position: absolute;right: 21px;top: 50%;transform: translateY(-50%);transition-duration: 0.3s;transition-property: opacity;transition-timing-function: linear;}
  4759. .userNotificationItemList > .notificationItem.notificationUnconfirmed:hover > .notificationItemMarkAsConfirmed {opacity: 1;}
  4760. .userNotificationItemList > .notificationItem > div > .details {padding-top: 3px;}
  4761. .userNotificationItemList > .notificationItem > div > .details .userLink {font-weight: bold;}
  4762. .dashboardBoxRecentActivityHeadline {min-height: 30px;overflow: visible;position: relative;}
  4763. .dashboardBoxRecentActivityHeadline > nav.buttonGroupNavigation {position: absolute;right: 4px;top: 2px;}
  4764. #aboutMe img {max-width: 100%;}
  4765. #conversationLabelFilter {margin-bottom: 14px;}
  4766. .conversationLabelList {margin-bottom: 14px;}
  4767. .conversationLabelList li:not(:last-child) {margin-bottom: 4px;}
  4768. .conversationLabelList ~ small {display: block;}
  4769. #unreadConversations .dropdownMenu > li h3 {max-width: 250px;overflow: hidden;text-overflow: ellipsis;}
  4770. .conversationParticipantList > li .inlineDataList {font-size: 0.85rem;}
  4771. .conversationParticipantList > li.conversationLeft > div > a > img, .conversationParticipantList > li.conversationLeft > div > span > img {filter: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cfilter%20id%3D%22grayscale%22%3E%3CfeColorMatrix%20type%3D%22matrix%22%20values%3D%220.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200%200%200%201%200%22%2F%3E%3C%2Ffilter%3E%3C%2Fsvg%3E#grayscale");}
  4772. .conversationLeft .userLink, .conversationLeft.userLink, .conversationLeft p > span {text-decoration: line-through;}
  4773. .sidebar fieldset.conversationQuota > div {text-align: center;}
  4774. .conversationUsageBar {background-color: #9b9940;border-radius: 5px;box-shadow: 0 1px 5px rgba(0,0,0,0.5) inset, 0 1px 0 rgba(255,255,255,0.5);height: 20px;padding: 4px;}
  4775. .conversationUsageBar > span {background-color: #a5df41;background-image: linear-gradient(#a5df41,#4ca916);border-radius: 3px;box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset;color: transparent;display: block;height: 100%;}
  4776. .conversationUsageBar.yellow > span {background-color: #fecf23;background-image: linear-gradient(#fecf23,#fd9215);}
  4777. .conversationUsageBar.red > span {background-color: #f0a3a3;background-image: linear-gradient(#f0a3a3,#f42323);}
  4778. @media only screen and (max-width: 800px) {
  4779. .conversationList thead {display: none;}
  4780. .conversationList tbody .columnMark, .conversationList tbody .columnReplies, .conversationList tbody .columnParticipants, .conversationList tbody .columnLastPost, .conversationList tbody .conversationParticipantSummary, .conversationList tbody .columnSubject .statusDisplay {display: none;}
  4781. }
  4782. @media only screen and (max-width: 1239px) {
  4783. .conversationList thead .columnParticipants, .conversationList tbody .columnParticipants {display: none;}
  4784. }
  4785. .wbbBoardList .wbbDepth2.wbbBoardContainer > .wbbBoard {padding-left: 43px;}
  4786. .wbbBoardList .wbbDepth2.wbbCategory > header {padding-left: 43px;}
  4787. .wbbBoardList .wbbDepth3.wbbBoardContainer > .wbbBoard {padding-left: 79px;}
  4788. .wbbBoardList .wbbDepth3.wbbCategory > header {padding-left: 79px;}
  4789. .wbbBoardList .wbbCategory .wbbDepth2.wbbBoardContainer > .wbbBoard {padding-left: 7px; border-left: 5px solid #f9f9f9 !important;}
  4790. .wbbBoardList .wbbCategory .wbbDepth2.wbbBoardContainer > .wbbBoard:hover {padding-left: 7px; border-left: 5px solid #e0e0e0 !important;}
  4791. .wbbBoardList .wbbCategory .wbbDepth3.wbbBoardContainer > .wbbBoard {padding-left: 43px;}
  4792. .wbbBoardList .tabularBox:not(.wbbDepth1) {border-width: 1px 0 0;}
  4793. .wbbBoardList .wbbStats {left: 49%;margin-top: 0;position: absolute;top: 14px;width: 16%;}
  4794. .wbbBoardList .wbbStats > dl > dt {line-height: 1.6;width: 48%;}
  4795. .wbbBoardList .wbbStats > dl > dd {font-size: 0.85rem;font-weight: normal;width: 50%;}
  4796. .wbbBoardList .wbbLastPost {left: 66%;margin-top: 0;position: absolute;top: 14px;width: 34%;}
  4797. .wbbBoardList .wbbLastPost > div > div > p, .wbbBoardList .wbbLastPost > div > div > small {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 98%;word-wrap: normal;}
  4798. .wbbBoardList .wbbLastPost > div > div > p {color: #558cb8;}
  4799. .wbbBoardList .wbbLastPost > div > div > p > .badge {font-size: 0.85rem;max-width: 33%;overflow: hidden;text-overflow: ellipsis;top: -1px;}
  4800. .wbbBoardList .wbbLastPost > div > div > small {display: block;}
  4801. .wbbBoardList .wbbLastPost > div > div > small time {color: #B8B3B3;}
  4802. .wbbBoardList .wbbSubBoards {margin-top: 7px;}
  4803. .wbbBoardList .wbbSubBoards li {display: inline-block;}
  4804. .wbbBoardList .wbbSubBoards li > span.icon {position: relative;top: 2px;}
  4805. .wbbBoardList .wbbSubBoards + .wbbUsersOnline {margin-top: 0;}
  4806. .wbbBoardList .wbbUsersOnline {margin-top: 7px;}
  4807. .wbbBoardList .wbbUsersOnline > span.icon {position: relative;top: 1px;}
  4808. .wbbBoardList .wbbBoardContainer {position: relative;}
  4809. .wbbBoardList .wbbDepth1 {margin-top: 14px;}
  4810. .wbbBoardList .wbbBoard {min-height: 44px;padding: 7px 51% 7px 7px;transition-duration: 0.1s;}
  4811. .wbbBoardList .wbbBoard:hover {background-color: #fff;}
  4812. .wbbBoardList .wbbBoardNode1 {background-color: #ffffff;}
  4813. .wbbBoardList .wbbBoardNode2 {background-color: #ffffff;}
  4814. .wbbBoardList .wbbBoard > div > .containerHeadline > h3 {font-weight: normal;}
  4815. .wbbBoardList .new > div > .containerHeadline > h3, .wbbBoardList .wbbSubBoards li.new a {font-weight: bold;}
  4816. .wbbBoardList .wbbCollapsibleCategory .collapsibleButton {display: inline-block;margin-right: 7px;}
  4817. .wbbBoardList .wbbCollapsibleCategory > header > small {display: inline-block;margin-left: 23px;}
  4818. .wbbBoardList .icon {color: #022e2f;}
  4819. @media only screen and (max-width: 800px) {
  4820. .wbbBoardList .wbbBoard {padding-right: 7px;}
  4821. .wbbBoardList .wbbBoard > div {margin-left: 0;}
  4822. .wbbBoardList .wbbBoard > div > .containerHeadline > h3 > a {display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 88%;word-wrap: normal;}
  4823. .wbbBoardList .wbbCategory > header > h2 {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;}
  4824. .wbbBoardList .wbbCategory > header > h2 > a {display: inline-block;overflow: hidden;text-overflow: ellipsis;width: 100%;}
  4825. .wbbBoardList .wbbBoardDescription, .wbbBoardList .wbbSubBoards, .wbbBoardList .wbbStats, .wbbBoardList .wbbUsersOnline, .wbbBoardList .collapsibleButton, .wbbBoardList .wbbBoard > span.icon {display: none !important;}
  4826. .wbbBoardList .wbbLastPost {position: static;width: auto; border-left: 5px solid #ffaa09; padding-left: 5px; background: #fcfcfc;}
  4827. .wbbBoardList .wbbCollapsibleCategory > header > small {margin-left: 0; color: #000;}
  4828. }
  4829. @media only screen and (min-width: 641px) and (max-width: 800px) {
  4830. .wbbBoardList .wbbBoard {padding: 7px 14px;}
  4831. }
  4832. @media only screen and (min-width: 801px) and (max-width: 1239px) {
  4833. .wbbBoardList .wbbBoard {padding-right: 56%;}
  4834. .wbbBoardList .wbbStats {display: none !important;}
  4835. .wbbBoardList .wbbLastPost {left: 55%;width: 45%;}
  4836. }
  4837. .wbbBoardListReduced .wbbBoardContainer > div {padding: 7px;}
  4838. .wbbBoardListReduced .wbbDepth2.wbbBoardContainer > div {padding-left: 28px;}
  4839. .wbbBoardListReduced .wbbDepth2.wbbCategory > header {padding-left: 28px;}
  4840. .wbbBoardListReduced .wbbDepth3.wbbBoardContainer > div {padding-left: 56px;}
  4841. .wbbBoardListReduced .wbbDepth3.wbbCategory > header {padding-left: 56px;}
  4842. .wbbBoardListReduced .wbbCategory .wbbDepth2.wbbBoardContainer > div {padding-left: 7px;}
  4843. .wbbBoardListReduced .wbbCategory .wbbDepth3.wbbBoardContainer > div {padding-left: 28px;}
  4844. #tplBoard .wbbThreadList tr.wbbThreadSticky + tr:not(.wbbThreadSticky):not(.wbbThreadAnnouncement) > td, #tplBoard .wbbThreadList tr.wbbThreadAnnouncement + tr:not(.wbbThreadSticky):not(.wbbThreadAnnouncement) > td {border-top: 1px solid #d3d8dc;}
  4845. @media only screen and (max-width: 800px) {
  4846. .wbbThreadList thead {display: none;}
  4847. .wbbThreadList tbody .columnMark, .wbbThreadList tbody .columnReplies, .wbbThreadList tbody .columnLikes, .wbbThreadList tbody .columnViews, .wbbThreadList tbody .columnLastPost, .wbbThreadList tbody .columnSubject .statusDisplay {display: none;}
  4848. #tplBoard .boxHeadline > p {display: none;}
  4849. }
  4850. @media only screen and (max-width: 1239px) {
  4851. .wbbThreadList thead .columnViews, .wbbThreadList tbody .columnViews {display: none;}
  4852. }
  4853. @media only screen and (min-width: 641px) and (max-width: 800px) {
  4854. .wbbThreadList tbody .columnAvatar {padding-left: 14px;}
  4855. .wbbThreadList tbody .columnSubject {padding-right: 14px;}
  4856. }
  4857. @media only screen and (max-width: 800px) {
  4858. #tplThread .contentNavigation > nav:not(.pageNavigation) .button:not(.buttonPrimary):not(.jsThreadInlineEditor) {display: none;}
  4859. }
  4860. .wbbSimilarThreadList .box48 > div > p:not(:first-child) {color: #708a99;}
  4861. .wbbSimilarThreadList .box48 > div > p:not(:first-child) a {color: #708a99;}
  4862. .wbbSimilarThreadList .box48 > div > p:first-child > a {display: block;overflow: hidden;text-overflow: ellipsis;}
  4863. .wbbInlineSimilarThreadList {margin: 7px 0;}
  4864. .wbbPostPreview .labelList {margin-bottom: 7px;}
  4865. .wbbMarkAsDone.icon-check {color: #040;}
  4866. .wbbMarkAsDone.icon-check-empty {color: #fee;}
  4867. .wbbAdLocationIn1stPost {float: left;margin-bottom: 7px;margin-right: 14px;}
  4868. .wbbAdLocationPostList, .wbbAdLocationBoardList {margin-top: 14px;text-align: center;}
  4869. .wbbAdLocationPostList > div, .wbbAdLocationBoardList > div {display: inline-block;text-align: left;}
  4870. @media screen and (min-width: 801px) {
  4871. body {background: #383838 url("../images/dreamily/background.jpg") no-repeat fixed center top; background-size: cover;}
  4872. }
  4873. a:hover {text-decoration: none;}
  4874. fieldset legend {font-family: Oxygen, sans-serif;}
  4875. .highlight {padding: 0 1px;}
  4876. *::-moz-selection {background-color: #223d52;color: #ffffff;}
  4877. input[type="text"], input[type="search"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="url"], input[type="password"], textarea, select[multiple] {transition-duration: 0.2s;transition-property: background-color, border-color, color;transition-timing-function: linear;}
  4878. input[type="text"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="date"]::-moz-placeholder, input[type="datetime"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="password"]::-moz-placeholder, textarea::-moz-placeholder, select[multiple]::-moz-placeholder {opacity: 1;}
  4879. input[type="text"]:focus, input[type="search"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="url"]:focus, input[type="password"]:focus, textarea:focus, select[multiple]:focus {background-color: #f4f7f8;border-color: #558cb8;}
  4880. input[type="text"]:focus::-moz-placeholder, input[type="search"]:focus::-moz-placeholder, input[type="date"]:focus::-moz-placeholder, input[type="datetime"]:focus::-moz-placeholder, input[type="email"]:focus::-moz-placeholder, input[type="number"]:focus::-moz-placeholder, input[type="url"]:focus::-moz-placeholder, input[type="password"]:focus::-moz-placeholder, textarea:focus::-moz-placeholder, select[multiple]:focus::-moz-placeholder {opacity: 0;}
  4881. .badge {line-height: 1.28;padding: 2px 9px;}
  4882. .badge.badgeUpdate {background-color: #558cb8;color: #ffffff;}
  4883. a.tag {line-height: 1.1;}
  4884. a.tag:hover {background-color: #558cb8;}
  4885. a.tag:hover::before {border-right-color: #558cb8;}
  4886. .dialogContainer {border-radius: 3px;}
  4887. .dialogContainer .dialogTitlebar {border-top-left-radius: 3px;border-top-right-radius: 3px;}
  4888. .dialogContainer .dialogContent:not(.dialogForm), .dialogContainer .dialogContent .formSubmit {border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;}
  4889. .dropdownMenu li:hover > a, .dropdownMenu li:hover > span {color: #ffffff;
  4890. background: #bfbfbf;}
  4891. .interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li:hover:not(.noItems):not(.loading), .interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li:hover:not(.noItems):not(.loading) a {color: #022e2f;}
  4892. .popover {background-color: #fcfcfc;box-shadow: 5px 5px 10px rgba(0,0,0,0.1);padding: 0; border: 1px solid #fcfcfc;}
  4893. .popover > .popoverContent {background-color: #f3f3f3;border-left: 4px solid #d0d0d0}
  4894. .popover.bottom::after {border-bottom-color: #d0d0d0;}
  4895. .popover.top::after {border-top-color: #f3f3f3;}
  4896. .spinner {background: #d0d0d0 none repeat scroll 0 0;border: 0 none;border-radius: 0;padding: 7px;}
  4897. #mainMenu {line-height: 1.28;position: absolute;top: 41px; width: 100%;}
  4898. #mainMenu > ul > li {margin: 0;padding: 0;}
  4899. #mainMenu > ul > li > a {border-right-color: #001718 !important; padding: 12px;}
  4900. #mainMenu > ul > li > a:hover {background-color: #004245 !important;transition: ease-in 0.1s;color: #ffffff;}
  4901. #mainMenu > ul > li > a:hover .badge {background-color: #ffffff;color: #558cb8;}
  4902. #mainMenu > ul > li.active > a {background-color: #006f74 !important; transition: ease-in 0.1s !important;font-weight: normal;min-width: 0;text-align: left;}
  4903. #mainMenu > ul > li.active > a .badge {background-color: #ffffff;color: #558cb8;}
  4904. #mainMenu > ul > li:not(:first-child) > a {border:none;}
  4905. @media screen and (min-width: 801px) {
  4906. #pageHeader {max-width: 100%;min-width: 0;}
  4907. #pageHeader > div {background: url("../images/dreamily/headerBackground.png") no-repeat fixed right top;margin: 0 auto;max-width: 90%;min-width: 90%;position: relative;}
  4908. #pageHeader > div::before, #pageHeader > div::after {content: "";display: block;height: calc(57%);position: absolute;top: 0;width: 30px;}
  4909. ##pageHeader > div::before {left: 0;}
  4910. #pageHeader > div::after {right: 0;}
  4911. #topMenu {height: 55px;line-height: 1.28;margin-top: 0;overflow: inherit;position: relative;}
  4912. #topMenu > div {max-width: 100%;}
  4913. #topMenu > div > ul.userPanelItems {display: inline-block;}
  4914. #topMenu > div > ul.userPanelItems > li {display: inline-block;}
  4915. #topMenu > div > ul.userPanelItems > li > a, #topMenu > div > ul.userPanelItems > li > div:not(.dropdownMenu) {padding: 18px 10px 14px;}
  4916. #topMenu > div > ul.userPanelItems > li > a > span:nth-of-type(2), #topMenu > div > ul.userPanelItems > li > div:not(.dropdownMenu) > span:nth-of-type(2) {display: none;}
  4917. #topMenu > div > ul.userPanelItems > li > a > .badge.badgeInverse, #topMenu > div > ul.userPanelItems > li > div:not(.dropdownMenu) > .badge.badgeInverse {margin-left: 7px;vertical-align: 4px;}
  4918. #topMenu > div > .searchBar { background-color: rgb(0, 14, 14);border-radius: 0;right: 15px;top: 60px;}
  4919. #topMenu > div > .searchBar > form input[type="search"]::-moz-placeholder {color: #dddddd;}
  4920. #topMenu .icon {font-size: 22px;}
  4921. #topMenu .icon:hover {color: #ffffff;}
  4922. #logo {margin: 0;}
  4923. #logo > a {padding: 70px 0 70px 60px;}
  4924. #mainMenu {right: 0;top: 55px;}
  4925. #mainMenu > ul > li {font-size: 1.1rem;}
  4926. #mainMenu > ul > li > a {font-family: Oxygen, sans-serif;height: 18px;padding: 19px 21px 18px;}
  4927. .sidebarOrientationRight .navigationHeader > ul.navigationIcons > li:first-child {margin-right: 26px;}
  4928. }
  4929. .navigationHeader {
  4930. border-top-color: rgba(255,255,255,0.0);
  4931. position: relative;
  4932. background: none;
  4933. height: 24px;}
  4934. .navigationHeader > ul.navigationItems > li > a, .navigationHeader > ul.navigationMenuItems > li > a, .navigationHeader > ul.navigationItems .icon, .navigationHeader > ul.navigationMenuItems .icon, .navigationHeader > ul.navigationIcons .icon {color: #dddddd;}
  4935. .navigationHeader > ul.navigationItems > li > a:hover, .navigationHeader > ul.navigationMenuItems > li > a:hover, .navigationHeader > ul.navigationItems .icon:hover, .navigationHeader > ul.navigationMenuItems .icon:hover, .navigationHeader > ul.navigationIcons .icon:hover {color: #ffffff;}
  4936. #main {border-right: 0 none;}
  4937. #main > div > div > .sidebar {line-height: 1.28;position: relative;}
  4938. #main > div > div > .sidebar > span {position: static;}
  4939. #main > div > div > .sidebar > span > .collapsibleButton {background-color: rgba(0,0,0,0);color: #dddddd;left: auto;right: -7px;top: -48px !important;width: 26px;}
  4940. #main > div > div > .sidebar > span > .collapsibleButton:hover {color: #ffffff;}
  4941. #main > div > div > .sidebar > div > fieldset, #main > div > div > .sidebar > div > div {border-bottom: 1px solid #ececec;
  4942. background: #f7f7f7;}
  4943. #main > div > div > .sidebar fieldset > legend {font-size: 1.2rem;text-transform: none;}
  4944. @media all and (min-width: 801px) {
  4945. #main {background-color: rgba(0,0,0,0) !important;max-width: 100%;min-width: 0;}
  4946. #main > div {border-color: #ffffff;border-style: solid; border-width: 0px 0px; box-sizing: border-box;margin: 0 auto;max-width: 90%;min-width: 90%;}
  4947. #main:not(.sidebarOrientationLeft):not(.sidebarOrientationRight) > div > div > .content {padding-left: 35px;padding-right: 35px;}
  4948. #main.sidebarOrientationLeft > div > div > .content {padding-left: 35px;
  4949. padding-right: 35px;}
  4950. #main.sidebarOrientationRight > div > div > .content {padding-left: 35px; padding-top: 0px; padding-right: 35px;}
  4951. .container {background-color: #ffffff;}
  4952. #about.container {background-color: #ffffff; border-left: 5px solid #194355 !important}
  4953. .containerList > li {background-color: #ffffff;border:none; border-left: 5px solid #F8F8F8;padding: 14px 7px;}
  4954. .jsCommentAdd > li:first-child(1) {background-color: #ffffff;border:none; border-left: 5px solid #f8f8f8;padding: 14px 7px; border-bottom: 1px solid #f3f3f3;}
  4955. .jsCommentAdd > li:first-child:hover {background-color: #ffffff;border:none; border-left: 5px solid #f;padding: 14px 7px; border-bottom: 1px solid #f3f3f3;}
  4956. .containerList > li:not(:last-child) {border-bottom: 1px solid #f3f3f3;}
  4957. @media screen and (min-width: 1240px) and (max-width: 1440px) {
  4958. .containerList.doubleColumned > li {float: none;width: 100%;}
  4959. .containerList.doubleColumned > li:nth-child(2n) {float: none;}
  4960. }
  4961. .tabMenuContent .containerList > li:first-child {box-shadow: none;}
  4962. .containerHeadline > h3 {font-family: Oxygen, sans-serif;}
  4963. .tabularBox {border: 0 none;margin-top: 21px !important;background: #fff}
  4964. .tabularBox > header > h2 {font-family: Oxygen, sans-serif;font-size: 1.4rem;}
  4965. .tabularBox > ul > li {border-top: 1px solid #e1e5e7;}
  4966. .tabularBox > ul > li > div {background-color: #ffffff;box-shadow: 0 1px #ffffff inset;}
  4967. @media all and (min-width: 801px) {
  4968. .tabularBox > ul > li > div {padding: 14px 51% 14px 7px !important;}
  4969. }
  4970. .tabularBox > ul > li > div > div > .containerHeadline ~ * {top: 22px !important;}
  4971. .tabularBox > ul > li > div > div > .containerHeadline ~ aside {top: 0 !important;}
  4972. .tabularBox > ul > li > div > div > .containerHeadline ~ aside > .box24 {border-left: 5px solid #f78d01;padding: 20px 0 20px 7px; background: #fbfbfb}
  4973. .tabularBox > ul > li:first-child {border-color: #d3d8dc;}
  4974. .tabularBox > ul > li:last-child {border-bottom: 1px solid #d3d8dc;}
  4975. .tabularBox > div {background-color: #ffffff;background-image: linear-gradient(#f3f7fa,#ffffff);border-bottom: 1px solid #d3d8dc;border-top: 1px solid #d3d8dc;box-shadow: 0 1px #ffffff inset;}
  4976. @media all and (min-width: 801px) {
  4977. .tabularBox > div {padding: 14px 51% 14px 7px !important;}
  4978. }
  4979. .tabularBox > div > div > .containerHeadline ~ * {top: 21px !important;}
  4980. .tabularBox > div > div > .containerHeadline ~ aside {top: 14px !important;}
  4981. .tabularBox > div > div > .containerHeadline ~ aside > .box24 {background-color: #ffffff;border-bottom-left-radius: 3px;border-color: #d3d8dc;border-style: solid;border-top-left-radius: 3px;border-width: 1px 0 1px 1px;padding: 7px 0 7px 7px;}
  4982. .table th {background: #f4f7f8 none repeat scroll 0 0;}
  4983. .table th:last-child {border-right-width: 0;}
  4984. .table > tbody > tr > td:not(:last-child) {border-right-color: #e1e5e7;}
  4985. .table > tbody > tr:not(:last-child) > td {border-bottom-color: #e1e5e7;}
  4986. .table > tbody > tr:last-child > td {border-bottom: 1px solid #d3d8dc;}
  4987. .table > tbody > tr:not(.messageDeleted):not(.messageDisabled):not(.jsMarked) > td {background-color: #ffffff;background-image: linear-gradient(#f3f7fa,#ffffff);box-shadow: 0 1px #ffffff inset;}
  4988. .navigation > ul.navigationIcons > li > a {padding: 6px 5px 5px;}
  4989. .wbbMarkAsDone.icon-check-empty {color: #da5050;}
  4990. .dashboardBox {line-height: 1.28;}
  4991. .wbbBoardList .wbbStats > dl > dt, .wbbBoardList .wbbStats > dl > dd, .wbbBoardList .wbbLastPost, .wbbBoardList .wbbSubBoards, .wbbBoardList .wbbSubBoards + .wbbUsersOnline {line-height: 1.28;}
  4992. @media all and (min-width: 801px) {
  4993. #pageFooter {max-width: 100%;min-width: 100%;}
  4994. #pageFooter > div {margin: 0 auto;max-width: 90%;min-width: 90%;}
  4995. #pageFooter > div .footerContent a {font-family: Oxygen, sans-serif;}
  4996. }
  4997. input[type="reset"]:disabled, input[type="submit"]:disabled, input[type="button"]:disabled, button:disabled {background-color: #79a4c7;border-color: #79a4c7;color: #ffffff;}
  4998. .button, input[type="reset"]:not([disabled]), input[type="submit"]:not([disabled]), input[type="button"]:not([disabled]), button:not([disabled]) {font-family: Oxygen, sans-serif;font-weight: bold;line-height: 1.28;}
  4999. .button .icon, input[type="reset"]:not([disabled]) .icon, input[type="submit"]:not([disabled]) .icon, input[type="button"]:not([disabled]) .icon, button:not([disabled]) .icon {color: #ffffff;text-shadow: 0 -1px 0 rgba(0,0,0,0);}
  5000. .button.buttonPrimary .icon, input.buttonPrimary[type="reset"]:not([disabled]) .icon, input.buttonPrimary[type="submit"]:not([disabled]) .icon, input.buttonPrimary[type="button"]:not([disabled]) .icon, button.buttonPrimary:not([disabled]) .icon {text-shadow: 0 -1px 0 rgba(0,0,0,0);}
  5001. .button.active, input.active[type="reset"]:not([disabled]), input.active[type="submit"]:not([disabled]), input.active[type="button"]:not([disabled]), button.active:not([disabled]) {border-color: #AD4F0A;}
  5002. .dropdownOpen .button {background-color: #f18e0c;border-color: #e46c00;color: #ffffff;text-shadow: 0 -1px 0 rgba(0,0,0,0);}
  5003. .dropdownOpen .button .icon {color: #ffffff;text-shadow: 0 -1px 0 rgba(0,0,0,0);}
  5004. @media screen and (min-width: 801px) {
  5005. .messageList > li:not(:first-child) {margin-top: -1px;}
  5006. .messageList > li .message {border-width: 1px 0 0;box-shadow: 0 1px #ffffff inset; border-left: 5px solid #E7E7E7}
  5007. .messageList > li .message .messageContent {border-top: 1px solid #eff1f3;margin-top: -1px !important;}
  5008. .messageList > li:nth-last-child(2) .message {border-bottom: 1px solid #d3d8dc;}
  5009. .messageList > li:nth-last-child(2) .message .messageContent {border-bottom: 1px solid #eff1f3;margin-bottom: -1px;}
  5010. }
  5011. .message .messageSidebar {line-height: 1.28;}
  5012. .message .messageSidebar header .username {font-family: Oxygen, sans-serif;}
  5013. .message .messageSidebar .userCredits .dataList > dt {text-align: left;}
  5014. .message .messageSidebar .userCredits .dataList > dt::after {content: ":";}
  5015. .message .messageSidebar .userCredits .dataList > dd {margin-bottom: 2px;text-align: right;}
  5016. .message .messageSidebar .userCredits .dataList > dd a.externalURL::after {content: "";}
  5017. .message .messageOptions {padding-top: 21px;}
  5018. .message .messageOptions nav {bottom: 7px;opacity: 1;right: 0;}
  5019. .message .messageOptions nav ul.smallButtons > li > a.button {margin-left: 0;}
  5020. .message .messageOptions nav ul.smallButtons > li:first-child a.button {border-bottom-left-radius: 3px;border-top-left-radius: 3px;}
  5021. .message .messageOptions nav ul.smallButtons > li:last-child a.button {border-bottom-right-radius: 3px;border-top-right-radius: 3px;}
  5022. .message.jsMarked, .message.messageDeleted, .message.messageDisabled {background-image: none;}
  5023. .message.messageSidebarOrientationLeft .messageContent {border-left: 0 none;}
  5024. .message.messageSidebarOrientationLeft .messageContent .messageHeader::before {content: none;}
  5025. .message.messageSidebarOrientationLeft .messageContent .messageHeader .newMessageBadge::before {border-left: 6px solid rgba(0,0,0,0);left: 0;}
  5026. .message.messageSidebarOrientationRight .messageContent {border-right: 0 none;}
  5027. .message.messageSidebarOrientationRight .messageContent .messageHeader::before {content: none;}
  5028. .message.messageSidebarOrientationRight .messageContent .messageHeader .newMessageBadge::before {border-right: 6px solid rgba(0,0,0,0);right: 0;}
  5029. .codeBox, .quoteBox, .spoilerBox, .pollContainer {background-color: #ffffff;background-image: linear-gradient(#f3f7fa,#ffffff);}
  5030. .pollResultList li {background-color: #d3d8dc;border-bottom-right-radius: 3px;border-top-right-radius: 3px;}
  5031. .pollResultList li .caption {color: #ffffff;}
  5032. .pollResultList li .pollMeter {background-color: #558cb8;border-bottom-right-radius: 3px;border-top-right-radius: 3px;}
  5033. .pollResultList li:hover {background-color: #c5cbd1;}
  5034. .tabMenu > ul {border: 0 none;}
  5035. .tabMenu > ul > li.ui-state-active:first-child {margin-left: 0;}
  5036. .tabMenu > ul > li.ui-state-active:last-child {margin-right: 0;}
  5037. .tabMenu > ul > li.ui-state-active > a {border: none;font-size: 1.1rem;font-weight: normal;margin-top: -4px;padding: 4px 10px; color: #022e2f; border-bottom: 1px solid #001718;}
  5038. .tabMenuContainer > .menu ul li a {color: #9b9940;padding: 2px 7px;}
  5039. .pageNavigation ul li {border-radius: 0;font-size: 0;margin: 0 !important;}
  5040. .pageNavigation ul li > a {font-size: 1rem;height: 17px !important;line-height: 1.28;}
  5041. .pageNavigation ul li.skip a {font-size: 1rem;line-height: 1.28;padding-bottom: 2px;}
  5042. .pageNavigation ul li.skip > span {color: #ffffff;font-size: 1rem;height: 17px;line-height: 1.28;opacity: 1;padding: 3px 2px 1px;}
  5043. .pageNavigation ul li.skip.disabled {background-color: #79a4c7;border-color: #79a4c7;color: #ffffff;}
  5044. .pageNavigation ul li.active span {font-size: 1rem;height: 17px;line-height: 1.28;padding: 2px 7px;}
  5045. .pageNavigation ul li:first-child {border-bottom-left-radius: 3px;border-top-left-radius: 3px;}
  5046. .pageNavigation ul li:last-child {border-bottom-right-radius: 3px;border-top-right-radius: 3px;}
  5047. .pageNavigation ul li:not(.skip) > a {padding: 2px 8px;}
  5048. .statusDisplay .pageNavigation ul li:not(:last-child) {margin-right: 4px;}
  5049. .statusDisplay .pageNavigation ul li:not(.skip) a {padding: 1px 5px;}
  5050. .breadcrumbs {background-color: #ffffff;border-bottom: 1px solid #d3d8dc;border-top: 1px solid #d3d8dc;margin-top: 21px;}
  5051. .breadcrumbs > ul > li {background-color: #ffffff;}
  5052. .breadcrumbs > ul > li > a {padding-left: 5px;padding-right: 9px;}
  5053. .breadcrumbs > ul > li > a:hover {color: #022e2f;}
  5054. .breadcrumbs > ul > li > .pointer {margin-right: 3px;}
  5055. .breadcrumbs > ul > li > .pointer > span {display: none;}
  5056. .breadcrumbs > ul > li > .pointer::before {border-color: #d3d8dc rgba(0,0,0,0) rgba(0,0,0,0);border-style: solid;border-width: 30px 15px 0 0;content: "";display: block;height: 0;position: absolute;right: -3px;top: 0;transition-duration: 0.1s;transition-property: border-color;transition-timing-function: linear;width: 0;}
  5057. .breadcrumbs > ul > li > .pointer::after {border-color: #ffffff rgba(0,0,0,0) rgba(0,0,0,0);border-style: solid;border-width: 30px 15px 0 0;content: "";display: block;height: 0;position: absolute;right: -2px;top: 0;transition-duration: 0.1s;transition-property: border-color;transition-timing-function: linear;width: 0;}
  5058. .breadcrumbs > ul > li:last-child {background-color: rgba(0,0,0,0);}
  5059. .breadcrumbs > ul > li:last-child > a {background-color: #ffffff;}
  5060. dl.statsDataList > dt {line-height: 1.4;}
  5061. dl.statsDataList > dd {font-size: 0.85rem;line-height: 1.4;}
  5062. .error, .info, .success, .warning, .innerError {border-radius: 0;}
  5063. .innerError::before {top: -5px;}
  5064. .innerError::after {top: -6px;}
  5065. .formError input[type="text"]:not(:focus), .formError input[type="search"]:not(:focus), .formError input[type="email"]:not(:focus), .formError input[type="number"]:not(:focus), .formError input[type="url"]:not(:focus), .formError input[type="password"]:not(:focus), .formError textarea:not(:focus) {color: #fee;}
  5066. .formSuccess input[type="text"]:not(:focus), .formSuccess input[type="search"]:not(:focus), .formSuccess input[type="email"]:not(:focus), .formSuccess input[type="number"]:not(:focus), .formSuccess input[type="url"]:not(:focus), .formSuccess input[type="password"]:not(:focus), .formSuccess textarea:not(:focus) {color: #040;}
  5067. .conversationUsageBar {background-color: #f4f7f8;height: 10px;padding: 3px;}
  5068. .conversationUsageBar > span {background: #fff none repeat scroll 0 0;text-indent: -9000px;}
  5069. .conversationUsageBar.red > span {background: #cb0202 none repeat scroll 0 0;}
  5070. .redactor-toolbar > li > a {line-height: 1.28;}
  5071. .messageTabMenu > div > nav {background-color: #ffffff;background-image: linear-gradient(#f3f7fa,#ffffff);}
  5072. .messageTabMenu > div > nav ul li {vertical-align: 0;}
  5073. .messageTabMenu > div > nav ul li a {color: #ffbf0c; border-bottom: 5px solid #e85f00;}
  5074. .messageTabMenu > div > nav ul li a:hover {background-color: #FFAA09;}
  5075. .messageTabMenu > div > nav ul li.active, .messageTabMenu > div > nav ul li.active a {color: #9b9940 !important;}
  5076. .messageTabMenu > nav.messageTabMenuNavigation > ul > li > a {color: #fff; background-color: #FFBF0C;27AE60 border-bottom: 1px solid #F27323}
  5077. .messageTabMenu > nav.messageTabMenuNavigation > ul > li.active > a {background-color: #FFAA09; color: #fff; border-bottom: 1px solid #F27323}
  5078. .messageTabMenu > nav.messageTabMenuNavigation > ul > li:hover > a {background-color: #FFAA09; color: #fff;}
  5079. .galleryImageList > li > div {line-height: 1.28;}
  5080. .colorAdmin {background-color: #B22222 !important;}
  5081. .colorModerator {background-color: #D8334A;}
  5082. .colorDeveloper{background-color: #00838f;}
  5083. .colorWebDeveloper{background-color: #046468;}
  5084. .colorBuilder{background-color: #27AE60;}
  5085. .colorQuak{background-color: #F39C12;}
  5086. .colorSupporter{background-color:#2980B9;}
  5087. .colorSpieler{background-color: #95A5A6;}
  5088. @media only screen and (max-width: 800px) {
  5089. #pageHeader {margin-top: 80px;}
  5090. #pageHeader > div {background: #ffffff url("../images/dreamily/headerBackgroundMobile.jpg") no-repeat scroll right top / cover;}
  5091. #topMenu > div > .searchBar {background-color: #001718 !important;}
  5092. #topMenu > div > .searchBar form input[type="search"] {border-radius: 0;}
  5093. #topMenu > div > .searchBar::before {top: 4px;}
  5094. #logo {display: block;margin: 0;}
  5095. #logo > a {padding: 21px 0;text-align: center;}
  5096. #logo > a > img {height: auto !important;max-width: 100%;}
  5097. #mainMenu {top: 41px;width: 100%;}
  5098. #mainMenu > ul {display: block;}
  5099. #mainMenu > ul > li > a {height: 21px;padding: 10px 12px;}
  5100. #mainMenu > ul > li > a:hover {background-color: #046468 !important;color: #ffffff;transition: ease-in 0.1s !important;}
  5101. #mainMenu > ul > li:not(:first-child) > a {transition: ease-out 0.1s !important;}
  5102. #mainMenu > ul > li > a.icon {padding: 14px 12px 6px;}
  5103. .navigation.navigationHeader > ul.navigationIcons, .navigation.navigationHeader > ul.navigationItems {display: block;}
  5104. #main > div > div > .sidebar > span {display: none;}
  5105. #main.sidebarOrientationLeft > div > div > .sidebar > .mobileSidebarToggleButton, #main.sidebarOrientationRight > div > div > .content > .mobileSidebarToggleButton {right: -2px;}
  5106. }
  5107.  
  5108. #profileButtonContainer li a.button {
  5109. background-color: #005e67;
  5110. border: none;
  5111. border-bottom: 2px solid #003439;
  5112. padding: 9px;
  5113. }
  5114.  
  5115. #profileButtonContainer li a.button:hover {
  5116. background-color: #004e55;
  5117. }
  5118.  
  5119. .jsCommentAdd button.small {
  5120. background: #ffaa09;
  5121. font-size: 16px !important;
  5122. border-bottom: 5px solid #e86900;
  5123. }
  5124.  
  5125. .jsCommentAdd button.small:hover {
  5126. background: #ee900a;
  5127. }
  5128.  
  5129. .navigationFooter ul.navigationMenuItems a{
  5130. padding: 5px;
  5131. background: none;
  5132. color: #325673 !important;
  5133. font-weight: 400;
  5134. }
  5135.  
  5136. .navigationFooter ul.navigationMenuItems a:hover{
  5137. color: #4890cb !important;
  5138. }
  5139.  
  5140. .footerContent {
  5141. color: rgba(255,255,255,0.22) !important;
  5142. }
  5143.  
  5144. .navigationFooter .navigationItems{
  5145. display: none !important;
  5146. }
  5147. .navigation > ul.navigationItems .icon, .navigation > ul.navigationMenuItems .icon, .navigation > ul.navigationIcons .icon {
  5148. color: #fff;
  5149. }
  5150.  
  5151.  
  5152. @media (min-width: 801px){
  5153. .toTopLink a {
  5154. margin-right: -10px;
  5155. /* position: relative; */
  5156. padding: 15px 13px 13px !important;
  5157. }}
  5158.  
  5159. .navigation > ul.navigationMenuItems > li:nth-child(1) {
  5160. margin-left: 35px !important;
  5161. }
  5162.  
  5163.  
  5164. .navigation > ul.navigationMenuItems > li {
  5165. margin-left: 15px !important;
  5166. margin-bottom: 10px;
  5167. margin-top: 10px;
  5168. }
  5169.  
  5170.  
  5171. ul.userFacts:hover li{border:none !important}
  5172. ul.userFacts li{border:none !important}
  5173. ul.dataList:hover li{border:none !important}
  5174. ul.dataList li{border:none !important}
  5175.  
  5176. .navigationIcons{
  5177. margin-top: 7px;
  5178. }
  5179.  
  5180. .toTopLink a{
  5181. margin-top: -7px !important;
  5182. background: #ffaa09;
  5183. border-bottom: #e86900 solid 5px;
  5184. color: #fff;
  5185. }
  5186.  
  5187. .toTopLink a:hover{
  5188. background: #ee900a;
  5189. }
  5190.  
  5191. @media screen and (min-width: 801px){
  5192. #topMenu .icon {
  5193. font-size: 22px;
  5194. margin-left: -6px;
  5195. }}
  5196.  
  5197. .formSubmit button{
  5198. background-color: #D8334A;
  5199. border-bottom: 3px solid #BF263C;
  5200. color: #ffffff;
  5201. text-decoration: none;
  5202. }
  5203.  
  5204. .formSubmit button.buttonPrimary {
  5205. color: #fff !important;
  5206. text-decoration: none;
  5207. }
  5208.  
  5209. .dialogContainer{
  5210. border: none !important;
  5211. }
  5212.  
  5213. .jsCommentAdd textarea{
  5214. height: 80px !important;
  5215. color: #000 !important;
  5216. }
  5217.  
  5218. #recentActivities li:first-child{
  5219. border-left: 5px solid #F8F8F8 !important;
  5220. }
  5221.  
  5222. #likeList li:first-child{
  5223. border-left: 5px solid #F8F8F8 !important;
  5224. }
  5225.  
  5226.  
  5227. .sidebar fieldset > legend > a {
  5228. color: #022e2f;
  5229. text-decoration: none;
  5230. }
  5231.  
  5232.  
  5233. #about .containerPadding {
  5234. padding-left: 15px !important;
  5235. padding-top: 20px !important;
  5236. padding-right: 10px !important;
  5237. padding-bottom: 20px !important;
  5238. }
  5239.  
  5240.  
  5241. .commentList .comment {border-left: 5px solid #E4E4E4 !important}
  5242. .commentList .comment:hover {border-left: 5px solid #A7A7A7 !important}
  5243.  
  5244.  
  5245. .userList li:hover {
  5246. border-left:5px solid #A7A7A7 !important
  5247. }
  5248.  
  5249. .buttonList > li:hover {border:none !important;}
  5250.  
  5251. .messageContent .toTopLink .button{
  5252. padding: 5px 13px !important;
  5253. border-bottom: 3px solid #004040;
  5254. background: #09818d !important;
  5255. border-top: 1px solid #09818d;
  5256. }
  5257.  
  5258.  
  5259. .messageContent .toTopLink .button{
  5260. background: #075562 !important;
  5261. }
  5262.  
  5263. .messageContent .wcfLikeButton .button{
  5264. background: #2ECC71 ;
  5265. border-color: #1b8f4c !important;
  5266. border:none;
  5267. border-bottom: 3px solid;
  5268. padding-top: 6px;
  5269. padding-left:13px;
  5270. padding-right: 13px;
  5271. }
  5272.  
  5273. .messageContent .wcfLikeButton .button:hover{
  5274. background: #24ac5e !important;
  5275. }
  5276.  
  5277. .messageContent .wcfDislikeButton .button{
  5278. background: #D8334A ;
  5279. border-color: #9d1a2d !important;
  5280. border:none;
  5281. border-bottom: 3px solid;
  5282. padding-top: 6px;
  5283. padding-left:13px;
  5284. padding-right: 13px;
  5285. }
  5286.  
  5287. .messageContent .wcfDislikeButton .button:hover{
  5288. background: #b82d40 !important;
  5289. }
  5290.  
  5291.  
  5292. .messageContent .jsWarnPost .button{
  5293. background: #FC6E51 ;
  5294. border-color: #bc2e12 !important;
  5295. border:none;
  5296. border-bottom: 3px solid;
  5297. padding-top: 6px;
  5298. padding-left:13px;
  5299. padding-right: 13px;
  5300. }
  5301.  
  5302. .messageContent .jsWarnPost.button:hover{
  5303. background: #d04029 !important;
  5304. }
  5305.  
  5306. .containerHeadline strong{
  5307. font-weight: 400 !important;
  5308. color: #B3B3B3 !important;
  5309. }
  5310.  
  5311. .message.messageSidebarOrientationLeft .messageHeader::after{
  5312. border:none;
  5313. }
  5314.  
  5315.  
  5316. .messageGroupStarter > article{border-left: 5px solid #fbaa12 !important;}
  5317.  
  5318. .messageList,.messageContent{color: #000 !important;}
  5319.  
  5320.  
  5321. @media screen and (max-width: 800px){
  5322. #pageHeader > #logo {
  5323. margin-top: 97px !important;
  5324. margin-bottom: 49px !important;
  5325. }
  5326.  
  5327. }
  5328.  
  5329. .recentActivitiesMore.showMore button:hover{
  5330. background-color: #f08f0c !important;
  5331. border-bottom: 3px solid #e86900;
  5332. }
  5333.  
  5334. .infoBoxList{border-left: 0 !important;}
  5335.  
  5336. @media (min-width: 801px){
  5337. .tabularBox > ul > li {
  5338. border: none !important;
  5339. }
  5340. }
  5341. .commentList > li.jsCommentAdd{
  5342. border-left: 5px solid #f28002 !important;
  5343. }
  5344.  
  5345.  
  5346. .commentList > li.comment{
  5347. border-left: 5px solid #F3F3F3 !important;
  5348. }
  5349.  
  5350. .commentList > li.comment:hover{
  5351. border-left: 5px solid #c9c9c9 !important;
  5352. }
  5353.  
  5354. .dashboardBox .boxHeadline {
  5355. display: none !important;
  5356. }
  5357.  
  5358. .dashboardBoxRecentActivityHeadline {
  5359. display: none !important;
  5360. }
  5361.  
  5362. .success {
  5363. background: #1ABC9C;
  5364. border-bottom: 5px solid #16A085;
  5365. color: #fff;
  5366. }
  5367. .boxHeadline > h1 a, .boxSubHeadline > h2 a {
  5368. color: #005e67;
  5369. }
  5370.  
  5371. .wbbThreadList {
  5372. border-bottom: none !important;
  5373. }
  5374.  
  5375. @media screen and (min-width: 1px){
  5376.  
  5377. .table th {
  5378. background: #ECF0F1 !important;
  5379. }
  5380.  
  5381. .table th:hover > a, .cke_wysiwyg_div table th:hover > a {
  5382. background: #ECF0F1 !important;
  5383. }
  5384.  
  5385. }
  5386.  
  5387. .table > tbody > tr:not(.messageDeleted):not(.messageDisabled):not(.jsMarked) > td {
  5388. background-color: #ffffff !important;
  5389. }
  5390.  
  5391. .messageGroupList tr.new .columnAvatar div > p > img, .messageGroupList tr .columnAvatar div > p > img {
  5392. opacity: 1 !important;
  5393. }
  5394.  
  5395. @media screen and (max-width: 801px){
  5396. #mainMenu > ul > li > a{
  5397. padding: 12px !important;
  5398. }
  5399. }
  5400.  
  5401. .jsClipboardContainer > header {
  5402. border-bottom: none !important;
  5403. }
  5404.  
  5405. .table > tbody > tr:not(.messageDeleted):not(.messageDisabled):not(.jsMarked) > td {
  5406. background: #fff;
  5407. }
  5408.  
  5409. @media (min-width: 801px){
  5410. .tabularBox > div {
  5411. background: #ffffff;
  5412. border-bottom: 1px solid #d3d8dc;
  5413. border-top: 1px solid #d3d8dc;
  5414. }
  5415. }
  5416.  
  5417. @media (min-width: 801px){
  5418. .tabularBox > div > div > .containerHeadline ~ aside > .box24 {
  5419. border: none;
  5420. border-left: 5px solid #005e67;
  5421. padding: 10px 0 10px 7px;
  5422. background: #fbfbfb;
  5423. border-radius: 0;
  5424. }
  5425. }
  5426.  
  5427. .wbbLastBoxElement .wbbBoardList .wbbDepth1 {
  5428. margin-top: 14px;
  5429. border-left: 5px solid #e0e0e0 ;
  5430. }
  5431.  
  5432. @media screen and (max-width: 799px){
  5433.  
  5434. .badge {background: none;}
  5435. .box48 span.badge.userTitleBadge.colorAdmin {background: #B22222 !important;}
  5436. .userInformation .colorModerator {background: #D8334A !important;}
  5437. .userInformation .colorDeveloper{background: #00838f !important;}
  5438. .userInformation .colorWebDeveloper{background: #046468 !important;}
  5439. .userInformation .colorBuilder{background: #27AE60 !important;}
  5440. .userInformation .colorQuak{background: #F39C12 !important;}
  5441. .userInformation .colorSupporter{background:#2980B9 !important;}
  5442. .userInformation .colorSpieler{background: #95A5A6 !important;}
  5443. }
  5444.  
  5445. @media screen and (max-width: 799px){
  5446. .containerList > li { border-left: 5px solid #fff !important;}
  5447. .interactiveDropdown > .pointer > span {opacity: 0;}
  5448. #recentActivities{
  5449. display:none !important;
  5450. }
  5451. .recentActivityList {
  5452. display: none !important;
  5453. }
  5454. }
  5455.  
  5456. .dashboardBox .recentActivityList {
  5457. display: none !important;
  5458. }
  5459.  
  5460. #wcf1 {
  5461. display:none !important;
  5462. }
  5463.  
  5464. @media screen and (max-width: 800px){
  5465. .button > .icon + span {
  5466. margin-left:17px !important;
  5467. }
  5468. }
  5469.  
  5470. /* FORUM ICONS*/
  5471. /*ALLGEMEINES */
  5472.  
  5473. /* MEGAFON f0a1
  5474. /* AUSRUFEZEICHEN f12a
  5475. /* Info-I f129
  5476. */
  5477.  
  5478. #wcf43 ul li:nth-child(1) span::before{
  5479. content: "\f0a1" !important;
  5480. }
  5481.  
  5482. #wcf43 ul li:nth-child(2) span::before{
  5483. content: "\f12a" !important;
  5484. }
  5485.  
  5486. #wcf43 ul li:nth-child(3) span::before{
  5487. content: "\f129" !important;
  5488. }
  5489.  
  5490. /*SUPPORT */
  5491.  
  5492. /* ORDNER f07b
  5493. /* MARIENKÄFER f188
  5494. /* WARN f0e3
  5495. */
  5496.  
  5497. #wcf44 ul li:nth-child(1) span::before{
  5498. content: "\f07b" !important;
  5499. }
  5500.  
  5501. #wcf44 ul li:nth-child(2) span::before{
  5502. content: "\f0e3" !important;
  5503. }
  5504.  
  5505. #wcf44 ul li:nth-child(3) span::before{
  5506. content: "\f188" !important;
  5507. }
  5508.  
  5509. /*COMMUNITY */
  5510.  
  5511. /* DISKUSSION f086
  5512. /* FEEDBACK f27a
  5513. /* IDEE f0eb
  5514. /* COMMUNITY f0c0
  5515. */
  5516.  
  5517. #wcf44 ul li:nth-child(1) span::before{
  5518. content: "\f086" !important;
  5519. }
  5520.  
  5521. #wcf44 ul li:nth-child(2) span::before{
  5522. content: "\f27a" !important;
  5523. }
  5524.  
  5525. #wcf44 ul li:nth-child(3) span::before{
  5526. content: "\f0eb " !important;
  5527. }
  5528.  
  5529. #wcf44 ul li:nth-child(4) span::before{
  5530. content: "\f0c0 " !important;
  5531. }
  5532.  
  5533. /*SPIELMODIS*/
  5534.  
  5535. /* KONTROLLER f11b
  5536. */
  5537.  
  5538. #wcf45 ul li span::before{
  5539. content: "\f11b" !important;
  5540. }
  5541.  
  5542.  
  5543. /* ------------------------------ */
  5544.  
  5545.  
  5546.  
  5547. .contentNavigation nav.pageNavigation ul li.disabled {
  5548. opacity: 0 !important;
  5549. }
  5550.  
  5551. .skip .fa-angle-double-right::before {
  5552. content:"»" !important;
  5553. }
  5554.  
  5555. body#tplThreadAdd .dropdownMenu li > a, .dropdownMenu li > span {background-color: #f3f3f3;
  5556. color: #333;}
  5557.  
  5558. .jsQouteMessage .active{
  5559. width: 20px !important;
  5560. height: 19px !important;
  5561. vertical-align: middle !important;
  5562. text-align: center !important;
  5563. color: #fff !important;
  5564. }
  5565. #tplBug .codeBox {
  5566. display:none !important;
  5567. }
  5568. }
Add Comment
Please, Sign In to add comment