@charset "UTF-8";
/*!
 * Bootstrap v2.2.2
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}a:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}a:hover,a:active{outline:0}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{width:auto\9;height:auto;max-width:100%;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic}#map_canvas img,.google-maps img{max-width:none}button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle}button,input{*overflow:visible;line-height:normal}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}button,html input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button}label,select,button,input[type="button"],input[type="reset"],input[type="submit"],input[type="radio"],input[type="checkbox"]{cursor:pointer}input[type="search"]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}textarea{overflow:auto;vertical-align:top}@media print{*{color:#000!important;text-shadow:none!important;background:transparent!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}@page{margin:.5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}.clearfix:after{clear:both}.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body{margin:0;font-family:"Titillium Web","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:20px;color:#eee;background-color:#272829}a{color:#aee15d;text-decoration:none}a:hover{color:#ceed9e;text-decoration:underline}.img-rounded{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}.img-polaroid{padding:4px;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.2);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.1);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.1);box-shadow:0 1px 3px rgba(0,0,0,0.1)}.img-circle{-webkit-border-radius:500px;-moz-border-radius:500px;border-radius:500px}.row{margin-left:-20px;*zoom:1}.row:before,.row:after{display:table;line-height:0;content:""}.row:after{clear:both}[class*="span"]{float:left;min-height:1px;margin-left:20px}.container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:940px}.span12{width:940px}.span11{width:860px}.span10{width:780px}.span9{width:700px}.span8{width:620px}.span7{width:540px}.span6{width:460px}.span5{width:380px}.span4{width:300px}.span3{width:220px}.span2{width:140px}.span1{width:60px}.offset12{margin-left:980px}.offset11{margin-left:900px}.offset10{margin-left:820px}.offset9{margin-left:740px}.offset8{margin-left:660px}.offset7{margin-left:580px}.offset6{margin-left:500px}.offset5{margin-left:420px}.offset4{margin-left:340px}.offset3{margin-left:260px}.offset2{margin-left:180px}.offset1{margin-left:100px}.row-fluid{width:100%;*zoom:1}.row-fluid:before,.row-fluid:after{display:table;line-height:0;content:""}.row-fluid:after{clear:both}.row-fluid [class*="span"]{display:block;float:left;width:100%;min-height:30px;margin-left:2.127659574468085%;*margin-left:2.074468085106383%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.row-fluid [class*="span"]:first-child{margin-left:0}.row-fluid .controls-row [class*="span"]+[class*="span"]{margin-left:2.127659574468085%}.row-fluid .span12{width:100%;*width:99.94680851063829%}.row-fluid .span11{width:91.48936170212765%;*width:91.43617021276594%}.row-fluid .span10{width:82.97872340425532%;*width:82.92553191489361%}.row-fluid .span9{width:74.46808510638297%;*width:74.41489361702126%}.row-fluid .span8{width:65.95744680851064%;*width:65.90425531914893%}.row-fluid .span7{width:57.44680851063829%;*width:57.39361702127659%}.row-fluid .span6{width:48.93617021276595%;*width:48.88297872340425%}.row-fluid .span5{width:40.42553191489362%;*width:40.37234042553192%}.row-fluid .span4{width:31.914893617021278%;*width:31.861702127659576%}.row-fluid .span3{width:23.404255319148934%;*width:23.351063829787233%}.row-fluid .span2{width:14.893617021276595%;*width:14.840425531914894%}.row-fluid .span1{width:6.382978723404255%;*width:6.329787234042553%}.row-fluid .offset12{margin-left:104.25531914893617%;*margin-left:104.14893617021275%}.row-fluid .offset12:first-child{margin-left:102.12765957446808%;*margin-left:102.02127659574467%}.row-fluid .offset11{margin-left:95.74468085106382%;*margin-left:95.6382978723404%}.row-fluid .offset11:first-child{margin-left:93.61702127659574%;*margin-left:93.51063829787232%}.row-fluid .offset10{margin-left:87.23404255319149%;*margin-left:87.12765957446807%}.row-fluid .offset10:first-child{margin-left:85.1063829787234%;*margin-left:84.99999999999999%}.row-fluid .offset9{margin-left:78.72340425531914%;*margin-left:78.61702127659572%}.row-fluid .offset9:first-child{margin-left:76.59574468085106%;*margin-left:76.48936170212764%}.row-fluid .offset8{margin-left:70.2127659574468%;*margin-left:70.10638297872339%}.row-fluid .offset8:first-child{margin-left:68.08510638297872%;*margin-left:67.9787234042553%}.row-fluid .offset7{margin-left:61.70212765957446%;*margin-left:61.59574468085106%}.row-fluid .offset7:first-child{margin-left:59.574468085106375%;*margin-left:59.46808510638297%}.row-fluid .offset6{margin-left:53.191489361702125%;*margin-left:53.085106382978715%}.row-fluid .offset6:first-child{margin-left:51.063829787234035%;*margin-left:50.95744680851063%}.row-fluid .offset5{margin-left:44.68085106382979%;*margin-left:44.57446808510638%}.row-fluid .offset5:first-child{margin-left:42.5531914893617%;*margin-left:42.4468085106383%}.row-fluid .offset4{margin-left:36.170212765957444%;*margin-left:36.06382978723405%}.row-fluid .offset4:first-child{margin-left:34.04255319148936%;*margin-left:33.93617021276596%}.row-fluid .offset3{margin-left:27.659574468085104%;*margin-left:27.5531914893617%}.row-fluid .offset3:first-child{margin-left:25.53191489361702%;*margin-left:25.425531914893618%}.row-fluid .offset2{margin-left:19.148936170212764%;*margin-left:19.04255319148936%}.row-fluid .offset2:first-child{margin-left:17.02127659574468%;*margin-left:16.914893617021278%}.row-fluid .offset1{margin-left:10.638297872340425%;*margin-left:10.53191489361702%}.row-fluid .offset1:first-child{margin-left:8.51063829787234%;*margin-left:8.404255319148938%}[class*="span"].hide,.row-fluid [class*="span"].hide{display:none}[class*="span"].pull-right,.row-fluid [class*="span"].pull-right{float:right}.container{margin-right:auto;margin-left:auto;*zoom:1}.container:before,.container:after{display:table;line-height:0;content:""}.container:after{clear:both}.container-fluid{padding-right:20px;padding-left:20px;*zoom:1}.container-fluid:before,.container-fluid:after{display:table;line-height:0;content:""}.container-fluid:after{clear:both}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:21px;font-weight:200;line-height:30px}small{font-size:85%}strong{font-weight:bold}em{font-style:italic}cite{font-style:normal}.muted{color:#333}a.muted:hover{color:#1a1a1a}.text-warning{color:#e2b958}a.text-warning:hover{color:#daa72d}.text-error{color:#ff6663}a.text-error:hover{color:#ff3430}.text-info{color:#4aabd9}a.text-info:hover{color:#2a94c6}.text-success{color:#468847}a.text-success:hover{color:#356635}h1,h2,h3,h4,h5,h6{margin:10px 0;font-family:"Cairo","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:normal;line-height:20px;color:inherit;text-rendering:optimizelegibility}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-weight:normal;line-height:1;color:#333}h1,h2,h3{line-height:40px}h1{font-size:38.5px}h2{font-size:31.5px}h3{font-size:24.5px}h4{font-size:17.5px}h5{font-size:14px}h6{font-size:11.9px}h1 small{font-size:24.5px}h2 small{font-size:17.5px}h3 small{font-size:14px}h4 small{font-size:14px}.page-header{padding-bottom:9px;margin:20px 0 30px;border-bottom:1px solid #222}ul,ol{padding:0;margin:0 0 10px 25px}ul ul,ul ol,ol ol,ol ul{margin-bottom:0}li{line-height:20px}ul.unstyled,ol.unstyled{margin-left:0;list-style:none}ul.inline,ol.inline{margin-left:0;list-style:none}ul.inline>li,ol.inline>li{display:inline-block;padding-right:5px;padding-left:5px}dl{margin-bottom:20px}dt,dd{line-height:20px}dt{font-weight:bold}dd{margin-left:10px}.dl-horizontal{*zoom:1}.dl-horizontal:before,.dl-horizontal:after{display:table;line-height:0;content:""}.dl-horizontal:after{clear:both}.dl-horizontal dt{float:left;width:160px;overflow:hidden;clear:left;text-align:right;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}hr{margin:20px 0;border:0;border-top:1px solid #222;border-bottom:1px solid #000}abbr[title],abbr[data-original-title]{cursor:help;border-bottom:1px dotted #333}abbr.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:0 0 0 15px;margin:0 0 20px;border-left:5px solid #222}blockquote p{margin-bottom:0;font-size:16px;font-weight:300;line-height:25px}blockquote small{display:block;line-height:20px;color:#333}blockquote small:before{content:'\2014 \00A0'}blockquote.pull-right{float:right;padding-right:15px;padding-left:0;border-right:5px solid #222;border-left:0}blockquote.pull-right p,blockquote.pull-right small{text-align:right}blockquote.pull-right small:before{content:''}blockquote.pull-right small:after{content:'\00A0 \2014'}q:before,q:after,blockquote:before,blockquote:after{content:""}address{display:block;margin-bottom:20px;font-style:normal;line-height:20px}code,pre{padding:0 3px 2px;font-family:Monaco,Menlo,Consolas,"Courier New",monospace;font-size:12px;color:#999;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}code{padding:2px 4px;color:#d14;white-space:nowrap;background-color:#f7f7f9;border:1px solid #e1e1e8}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:20px;word-break:break-all;word-wrap:break-word;white-space:pre;white-space:pre-wrap;background-color:#f5f5f5;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.15);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}pre.prettyprint{margin-bottom:20px}pre code{padding:0;color:inherit;white-space:pre;white-space:pre-wrap;background-color:transparent;border:0}.pre-scrollable{max-height:340px;overflow-y:scroll}form{margin:0 0 20px}fieldset{padding:0;margin:0;border:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:40px;color:#999;border:0;border-bottom:1px solid #e5e5e5}legend small{font-size:15px;color:#333}label,input,button,select,textarea{font-size:14px;font-weight:normal;line-height:20px}input,button,select,textarea{font-family:"Titillium Web","Helvetica Neue",Helvetica,Arial,sans-serif}label{display:block;margin-bottom:5px}select,textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input{display:inline-block;height:20px;padding:4px 6px;margin-bottom:10px;font-size:14px;line-height:20px;color:#555;vertical-align:middle;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}input,textarea,.uneditable-input{width:206px}textarea{height:auto}textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input{background-color:#444;border:1px solid #aaa;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border linear .2s,box-shadow linear .2s;-moz-transition:border linear .2s,box-shadow linear .2s;-o-transition:border linear .2s,box-shadow linear .2s;transition:border linear .2s,box-shadow linear .2s}textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus,.uneditable-input:focus{border-color:rgba(82,168,236,0.8);outline:0;outline:thin dotted \9;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6)}input[type="radio"],input[type="checkbox"]{margin:4px 0 0;margin-top:1px \9;*margin-top:0;line-height:normal}input[type="file"],input[type="image"],input[type="submit"],input[type="reset"],input[type="button"],input[type="radio"],input[type="checkbox"]{width:auto}select,input[type="file"]{height:30px;*margin-top:4px;line-height:30px}select{width:220px;background-color:#444;border:1px solid #aaa}select[multiple],select[size]{height:auto}select:focus,input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.uneditable-input,.uneditable-textarea{color:#333;cursor:not-allowed;background-color:#414141;border-color:#aaa;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);box-shadow:inset 0 1px 2px rgba(0,0,0,0.025)}.uneditable-input{overflow:hidden;white-space:nowrap}.uneditable-textarea{width:auto;height:auto}input:-moz-placeholder,textarea:-moz-placeholder{color:#333}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#333}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#333}.radio,.checkbox{min-height:20px;padding-left:20px}.radio input[type="radio"],.checkbox input[type="checkbox"]{float:left;margin-left:-20px}.controls>.radio:first-child,.controls>.checkbox:first-child{padding-top:5px}.radio.inline,.checkbox.inline{display:inline-block;padding-top:5px;margin-bottom:0;vertical-align:middle}.radio.inline+.radio.inline,.checkbox.inline+.checkbox.inline{margin-left:10px}.input-mini{width:60px}.input-small{width:90px}.input-medium{width:150px}.input-large{width:210px}.input-xlarge{width:270px}.input-xxlarge{width:530px}input[class*="span"],select[class*="span"],textarea[class*="span"],.uneditable-input[class*="span"],.row-fluid input[class*="span"],.row-fluid select[class*="span"],.row-fluid textarea[class*="span"],.row-fluid .uneditable-input[class*="span"]{float:none;margin-left:0}.input-append input[class*="span"],.input-append .uneditable-input[class*="span"],.input-prepend input[class*="span"],.input-prepend .uneditable-input[class*="span"],.row-fluid input[class*="span"],.row-fluid select[class*="span"],.row-fluid textarea[class*="span"],.row-fluid .uneditable-input[class*="span"],.row-fluid .input-prepend [class*="span"],.row-fluid .input-append [class*="span"]{display:inline-block}input,textarea,.uneditable-input{margin-left:0}.controls-row [class*="span"]+[class*="span"]{margin-left:20px}input.span12,textarea.span12,.uneditable-input.span12{width:926px}input.span11,textarea.span11,.uneditable-input.span11{width:846px}input.span10,textarea.span10,.uneditable-input.span10{width:766px}input.span9,textarea.span9,.uneditable-input.span9{width:686px}input.span8,textarea.span8,.uneditable-input.span8{width:606px}input.span7,textarea.span7,.uneditable-input.span7{width:526px}input.span6,textarea.span6,.uneditable-input.span6{width:446px}input.span5,textarea.span5,.uneditable-input.span5{width:366px}input.span4,textarea.span4,.uneditable-input.span4{width:286px}input.span3,textarea.span3,.uneditable-input.span3{width:206px}input.span2,textarea.span2,.uneditable-input.span2{width:126px}input.span1,textarea.span1,.uneditable-input.span1{width:46px}.controls-row{*zoom:1}.controls-row:before,.controls-row:after{display:table;line-height:0;content:""}.controls-row:after{clear:both}.controls-row [class*="span"],.row-fluid .controls-row [class*="span"]{float:left}.controls-row .checkbox[class*="span"],.controls-row .radio[class*="span"]{padding-top:5px}input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{cursor:not-allowed;background-color:#222}input[type="radio"][disabled],input[type="checkbox"][disabled],input[type="radio"][readonly],input[type="checkbox"][readonly]{background-color:transparent}.control-group.warning .control-label,.control-group.warning .help-block,.control-group.warning .help-inline{color:#e2b958}.control-group.warning .checkbox,.control-group.warning .radio,.control-group.warning input,.control-group.warning select,.control-group.warning textarea{color:#e2b958}.control-group.warning input,.control-group.warning select,.control-group.warning textarea{border-color:#e2b958;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.control-group.warning input:focus,.control-group.warning select:focus,.control-group.warning textarea:focus{border-color:#daa72d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #f1ddaf;-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #f1ddaf;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #f1ddaf}.control-group.warning .input-prepend .add-on,.control-group.warning .input-append .add-on{color:#e2b958;background-color:rgba(192,152,83,0.1);border-color:#e2b958}.control-group.error .control-label,.control-group.error .help-block,.control-group.error .help-inline{color:#ff6663}.control-group.error .checkbox,.control-group.error .radio,.control-group.error input,.control-group.error select,.control-group.error textarea{color:#ff6663}.control-group.error input,.control-group.error select,.control-group.error textarea{border-color:#ff6663;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.control-group.error input:focus,.control-group.error select:focus,.control-group.error textarea:focus{border-color:#ff3430;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #ffcac9;-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #ffcac9;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #ffcac9}.control-group.error .input-prepend .add-on,.control-group.error .input-append .add-on{color:#ff6663;background-color:#f2dede;border-color:#ff6663}.control-group.success .control-label,.control-group.success .help-block,.control-group.success .help-inline{color:#468847}.control-group.success .checkbox,.control-group.success .radio,.control-group.success input,.control-group.success select,.control-group.success textarea{color:#468847}.control-group.success input,.control-group.success select,.control-group.success textarea{border-color:#468847;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.control-group.success input:focus,.control-group.success select:focus,.control-group.success textarea:focus{border-color:#356635;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #7aba7b;-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #7aba7b;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #7aba7b}.control-group.success .input-prepend .add-on,.control-group.success .input-append .add-on{color:#468847;background-color:#dff0d8;border-color:#468847}.control-group.info .control-label,.control-group.info .help-block,.control-group.info .help-inline{color:#4aabd9}.control-group.info .checkbox,.control-group.info .radio,.control-group.info input,.control-group.info select,.control-group.info textarea{color:#4aabd9}.control-group.info input,.control-group.info select,.control-group.info textarea{border-color:#4aabd9;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.control-group.info input:focus,.control-group.info select:focus,.control-group.info textarea:focus{border-color:#2a94c6;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #9ed2eb;-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #9ed2eb;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #9ed2eb}.control-group.info .input-prepend .add-on,.control-group.info .input-append .add-on{color:#4aabd9;background-color:rgba(192,152,83,0.1);border-color:#4aabd9}input:focus:invalid,textarea:focus:invalid,select:focus:invalid{color:#b94a48;border-color:#ee5f5b}input:focus:invalid:focus,textarea:focus:invalid:focus,select:focus:invalid:focus{border-color:#e9322d;-webkit-box-shadow:0 0 6px #f8b9b7;-moz-box-shadow:0 0 6px #f8b9b7;box-shadow:0 0 6px #f8b9b7}.form-actions{padding:19px 20px 20px;margin-top:20px;margin-bottom:20px;background-color:transparent;border-top:1px solid #e5e5e5;*zoom:1}.form-actions:before,.form-actions:after{display:table;line-height:0;content:""}.form-actions:after{clear:both}.help-block,.help-inline{color:#fff}.help-block{display:block;margin-bottom:10px}.help-inline{display:inline-block;*display:inline;padding-left:5px;vertical-align:middle;*zoom:1}.input-append,.input-prepend{margin-bottom:5px;font-size:0;white-space:nowrap}.input-append input,.input-prepend input,.input-append select,.input-prepend select,.input-append .uneditable-input,.input-prepend .uneditable-input,.input-append .dropdown-menu,.input-prepend .dropdown-menu{font-size:14px}.input-append input,.input-prepend input,.input-append select,.input-prepend select,.input-append .uneditable-input,.input-prepend .uneditable-input{position:relative;margin-bottom:0;*margin-left:0;vertical-align:top;-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0}.input-append input:focus,.input-prepend input:focus,.input-append select:focus,.input-prepend select:focus,.input-append .uneditable-input:focus,.input-prepend .uneditable-input:focus{z-index:2}.input-append .add-on,.input-prepend .add-on{display:inline-block;width:auto;height:20px;min-width:16px;padding:4px 5px;font-size:14px;font-weight:normal;line-height:20px;text-align:center;text-shadow:0 1px 0 #000;background-color:#222;border:1px solid #ccc}.input-append .add-on,.input-prepend .add-on,.input-append .btn,.input-prepend .btn,.input-append .btn-group>.dropdown-toggle,.input-prepend .btn-group>.dropdown-toggle{vertical-align:top;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.input-append .active,.input-prepend .active{background-color:#a9dba9;border-color:#46a546}.input-prepend .add-on,.input-prepend .btn{margin-right:-1px}.input-prepend .add-on:first-child,.input-prepend .btn:first-child{-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px}.input-append input,.input-append select,.input-append .uneditable-input{-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px}.input-append input+.btn-group .btn:last-child,.input-append select+.btn-group .btn:last-child,.input-append .uneditable-input+.btn-group .btn:last-child{-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0}.input-append .add-on,.input-append .btn,.input-append .btn-group{margin-left:-1px}.input-append .add-on:last-child,.input-append .btn:last-child,.input-append .btn-group:last-child>.dropdown-toggle{-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0}.input-prepend.input-append input,.input-prepend.input-append select,.input-prepend.input-append .uneditable-input{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.input-prepend.input-append input+.btn-group .btn,.input-prepend.input-append select+.btn-group .btn,.input-prepend.input-append .uneditable-input+.btn-group .btn{-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0}.input-prepend.input-append .add-on:first-child,.input-prepend.input-append .btn:first-child{margin-right:-1px;-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px}.input-prepend.input-append .add-on:last-child,.input-prepend.input-append .btn:last-child{margin-left:-1px;-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0}.input-prepend.input-append .btn-group:first-child{margin-left:0}input.search-query{padding-right:14px;padding-right:4px \9;padding-left:14px;padding-left:4px \9;margin-bottom:0;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px}.form-search .input-append .search-query,.form-search .input-prepend .search-query{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.form-search .input-append .search-query{-webkit-border-radius:14px 0 0 14px;-moz-border-radius:14px 0 0 14px;border-radius:14px 0 0 14px}.form-search .input-append .btn{-webkit-border-radius:0 14px 14px 0;-moz-border-radius:0 14px 14px 0;border-radius:0 14px 14px 0}.form-search .input-prepend .search-query{-webkit-border-radius:0 14px 14px 0;-moz-border-radius:0 14px 14px 0;border-radius:0 14px 14px 0}.form-search .input-prepend .btn{-webkit-border-radius:14px 0 0 14px;-moz-border-radius:14px 0 0 14px;border-radius:14px 0 0 14px}.form-search input,.form-inline input,.form-horizontal input,.form-search textarea,.form-inline textarea,.form-horizontal textarea,.form-search select,.form-inline select,.form-horizontal select,.form-search .help-inline,.form-inline .help-inline,.form-horizontal .help-inline,.form-search .uneditable-input,.form-inline .uneditable-input,.form-horizontal .uneditable-input,.form-search .input-prepend,.form-inline .input-prepend,.form-horizontal .input-prepend,.form-search .input-append,.form-inline .input-append,.form-horizontal .input-append{display:inline-block;*display:inline;margin-bottom:0;vertical-align:middle;*zoom:1}.form-search .hide,.form-inline .hide,.form-horizontal .hide{display:none}.form-search label,.form-inline label,.form-search .btn-group,.form-inline .btn-group{display:inline-block}.form-search .input-append,.form-inline .input-append,.form-search .input-prepend,.form-inline .input-prepend{margin-bottom:0}.form-search .radio,.form-search .checkbox,.form-inline .radio,.form-inline .checkbox{padding-left:0;margin-bottom:0;vertical-align:middle}.form-search .radio input[type="radio"],.form-search .checkbox input[type="checkbox"],.form-inline .radio input[type="radio"],.form-inline .checkbox input[type="checkbox"]{float:left;margin-right:3px;margin-left:0}.control-group{margin-bottom:10px}legend+.control-group{margin-top:20px;-webkit-margin-top-collapse:separate}.form-horizontal .control-group{margin-bottom:20px;*zoom:1}.form-horizontal .control-group:before,.form-horizontal .control-group:after{display:table;line-height:0;content:""}.form-horizontal .control-group:after{clear:both}.form-horizontal .control-label{float:left;width:160px;padding-top:5px;text-align:right}.form-horizontal .controls{*display:inline-block;*padding-left:20px;margin-left:180px;*margin-left:0}.form-horizontal .controls:first-child{*padding-left:180px}.form-horizontal .help-block{margin-bottom:0}.form-horizontal input+.help-block,.form-horizontal select+.help-block,.form-horizontal textarea+.help-block,.form-horizontal .uneditable-input+.help-block,.form-horizontal .input-prepend+.help-block,.form-horizontal .input-append+.help-block{margin-top:10px}.form-horizontal .form-actions{padding-left:180px}table{max-width:100%;background-color:#333;border-collapse:collapse;border-spacing:0}.table{width:100%;margin-bottom:20px}.table th,.table td{padding:8px;line-height:20px;text-align:left;vertical-align:top;border-top:1px solid #1a1a1a}.table th{font-weight:bold}.table thead th{vertical-align:bottom}.table caption+thead tr:first-child th,.table caption+thead tr:first-child td,.table colgroup+thead tr:first-child th,.table colgroup+thead tr:first-child td,.table thead:first-child tr:first-child th,.table thead:first-child tr:first-child td{border-top:0}.table tbody+tbody{border-top:2px solid #1a1a1a}.table .table{background-color:#272829}.table-condensed th,.table-condensed td{padding:4px 5px}.table-bordered{border:1px solid #1a1a1a;border-collapse:separate;*border-collapse:collapse;border-left:0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.table-bordered th,.table-bordered td{border-left:1px solid #1a1a1a}.table-bordered caption+thead tr:first-child th,.table-bordered caption+tbody tr:first-child th,.table-bordered caption+tbody tr:first-child td,.table-bordered colgroup+thead tr:first-child th,.table-bordered colgroup+tbody tr:first-child th,.table-bordered colgroup+tbody tr:first-child td,.table-bordered thead:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child td{border-top:0}.table-bordered thead:first-child tr:first-child>th:first-child,.table-bordered tbody:first-child tr:first-child>td:first-child{-webkit-border-top-left-radius:3px;border-top-left-radius:3px;-moz-border-radius-topleft:3px}.table-bordered thead:first-child tr:first-child>th:last-child,.table-bordered tbody:first-child tr:first-child>td:last-child{-webkit-border-top-right-radius:3px;border-top-right-radius:3px;-moz-border-radius-topright:3px}.table-bordered thead:last-child tr:last-child>th:first-child,.table-bordered tbody:last-child tr:last-child>td:first-child,.table-bordered tfoot:last-child tr:last-child>td:first-child{-webkit-border-bottom-left-radius:3px;border-bottom-left-radius:3px;-moz-border-radius-bottomleft:3px}.table-bordered thead:last-child tr:last-child>th:last-child,.table-bordered tbody:last-child tr:last-child>td:last-child,.table-bordered tfoot:last-child tr:last-child>td:last-child{-webkit-border-bottom-right-radius:3px;border-bottom-right-radius:3px;-moz-border-radius-bottomright:3px}.table-bordered tfoot+tbody:last-child tr:last-child td:first-child{-webkit-border-bottom-left-radius:0;border-bottom-left-radius:0;-moz-border-radius-bottomleft:0}.table-bordered tfoot+tbody:last-child tr:last-child td:last-child{-webkit-border-bottom-right-radius:0;border-bottom-right-radius:0;-moz-border-radius-bottomright:0}.table-bordered caption+thead tr:first-child th:first-child,.table-bordered caption+tbody tr:first-child td:first-child,.table-bordered colgroup+thead tr:first-child th:first-child,.table-bordered colgroup+tbody tr:first-child td:first-child{-webkit-border-top-left-radius:3px;border-top-left-radius:3px;-moz-border-radius-topleft:3px}.table-bordered caption+thead tr:first-child th:last-child,.table-bordered caption+tbody tr:first-child td:last-child,.table-bordered colgroup+thead tr:first-child th:last-child,.table-bordered colgroup+tbody tr:first-child td:last-child{-webkit-border-top-right-radius:3px;border-top-right-radius:3px;-moz-border-radius-topright:3px}.table-striped tbody>tr:nth-child(odd)>td,.table-striped tbody>tr:nth-child(odd)>th{background-color:#f9f9f9}.table-hover tbody tr:hover td,.table-hover tbody tr:hover th{background-color:#383838}table td[class*="span"],table th[class*="span"],.row-fluid table td[class*="span"],.row-fluid table th[class*="span"]{display:table-cell;float:none;margin-left:0}.table td.span1,.table th.span1{float:none;width:44px;margin-left:0}.table td.span2,.table th.span2{float:none;width:124px;margin-left:0}.table td.span3,.table th.span3{float:none;width:204px;margin-left:0}.table td.span4,.table th.span4{float:none;width:284px;margin-left:0}.table td.span5,.table th.span5{float:none;width:364px;margin-left:0}.table td.span6,.table th.span6{float:none;width:444px;margin-left:0}.table td.span7,.table th.span7{float:none;width:524px;margin-left:0}.table td.span8,.table th.span8{float:none;width:604px;margin-left:0}.table td.span9,.table th.span9{float:none;width:684px;margin-left:0}.table td.span10,.table th.span10{float:none;width:764px;margin-left:0}.table td.span11,.table th.span11{float:none;width:844px;margin-left:0}.table td.span12,.table th.span12{float:none;width:924px;margin-left:0}.table tbody tr.success td{background-color:#dff0d8}.table tbody tr.error td{background-color:#f2dede}.table tbody tr.warning td{background-color:rgba(192,152,83,0.1)}.table tbody tr.info td{background-color:rgba(192,152,83,0.1)}.table-hover tbody tr.success:hover td{background-color:#d0e9c6}.table-hover tbody tr.error:hover td{background-color:#ebcccc}.table-hover tbody tr.warning:hover td{background-color:rgba(183,140,67,0.1)}.table-hover tbody tr.info:hover td{background-color:rgba(183,140,67,0.1)}.dropup,.dropdown{position:relative}.dropdown-toggle{*margin-bottom:-3px}.dropdown-toggle:active,.open .dropdown-toggle{outline:0}.caret{display:inline-block;width:0;height:0;vertical-align:top;border-top:4px solid #fff;border-right:4px solid transparent;border-left:4px solid transparent;content:""}.dropdown .caret{margin-top:8px;margin-left:2px}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;list-style:none;background-color:#333;border:1px solid #ccc;border:1px solid #333;*border-right-width:2px;*border-bottom-width:2px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);-moz-box-shadow:0 5px 10px rgba(0,0,0,0.2);box-shadow:0 5px 10px rgba(0,0,0,0.2);-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{*width:100%;height:1px;margin:9px 1px;*margin:-5px 0 5px;overflow:hidden;background-color:#333;border-bottom:1px solid #222}.dropdown-menu li>a{display:block;padding:3px 20px;clear:both;font-weight:normal;line-height:20px;color:#999;white-space:nowrap}.dropdown-menu li>a:hover,.dropdown-menu li>a:focus,.dropdown-submenu:hover>a{color:#fff;text-decoration:none;background-color:#aadf54;background-image:-moz-linear-gradient(top,#aee15d,#a3dd47);background-image:-webkit-gradient(linear,0 0,0 100%,from(#aee15d),to(#a3dd47));background-image:-webkit-linear-gradient(top,#aee15d,#a3dd47);background-image:-o-linear-gradient(top,#aee15d,#a3dd47);background-image:linear-gradient(to bottom,#aee15d,#a3dd47);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffaee15d',endColorstr='#ffa3dd47',GradientType=0)}.dropdown-menu .active>a,.dropdown-menu .active>a:hover{color:#fff;text-decoration:none;background-color:#aadf54;background-image:-moz-linear-gradient(top,#aee15d,#a3dd47);background-image:-webkit-gradient(linear,0 0,0 100%,from(#aee15d),to(#a3dd47));background-image:-webkit-linear-gradient(top,#aee15d,#a3dd47);background-image:-o-linear-gradient(top,#aee15d,#a3dd47);background-image:linear-gradient(to bottom,#aee15d,#a3dd47);background-repeat:repeat-x;outline:0;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffaee15d',endColorstr='#ffa3dd47',GradientType=0)}.dropdown-menu .disabled>a,.dropdown-menu .disabled>a:hover{color:#333}.dropdown-menu .disabled>a:hover{text-decoration:none;cursor:default;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.open{*z-index:1000}.open>.dropdown-menu{display:block}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{border-top:0;border-bottom:4px solid #fff;content:""}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:1px}.dropdown-submenu{position:relative}.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px}.dropdown-submenu:hover>.dropdown-menu{display:block}.dropup .dropdown-submenu>.dropdown-menu{top:auto;bottom:0;margin-top:0;margin-bottom:-2px;-webkit-border-radius:5px 5px 5px 0;-moz-border-radius:5px 5px 5px 0;border-radius:5px 5px 5px 0}.dropdown-submenu>a:after{display:block;float:right;width:0;height:0;margin-top:5px;margin-right:-10px;border-color:transparent;border-left-color:#000;border-style:solid;border-width:5px 0 5px 5px;content:" "}.dropdown-submenu:hover>a:after{border-left-color:#fff}.dropdown-submenu.pull-left{float:none}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px}.dropdown .dropdown-menu .nav-header{padding-right:20px;padding-left:20px}.typeahead{z-index:1051;margin-top:2px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:rgba(255,255,255,0.05);border:1px solid rgba(237,237,237,0.05);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);box-shadow:inset 0 1px 1px rgba(0,0,0,0.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,0.15)}.well-large{padding:24px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}.well-small{padding:9px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.fade{opacity:0;-webkit-transition:opacity .15s linear;-moz-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{position:relative;height:0;overflow:hidden;-webkit-transition:height .35s ease;-moz-transition:height .35s ease;-o-transition:height .35s ease;transition:height .35s ease}.collapse.in{height:auto}.close{float:right;font-size:20px;font-weight:bold;line-height:20px;color:#fff;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)}.close:hover{color:#fff;text-decoration:none;cursor:pointer;opacity:.4;filter:alpha(opacity=40)}button.close{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}.btn{display:inline-block;*display:inline;padding:4px 12px;margin-bottom:0;*margin-left:.3em;font-size:14px;line-height:20px;color:#999;text-align:center;text-shadow:0 1px 1px rgba(255,255,255,0.75);vertical-align:middle;cursor:pointer;background-color:#747474;*background-color:#747474;background-image:-moz-linear-gradient(top,#747474,#747474);background-image:-webkit-gradient(linear,0 0,0 100%,from(#747474),to(#747474));background-image:-webkit-linear-gradient(top,#747474,#747474);background-image:-o-linear-gradient(top,#747474,#747474);background-image:linear-gradient(to bottom,#747474,#747474);background-repeat:repeat-x;border:1px solid #8e8e8e;*border:0;border-color:#747474 #747474 #4e4e4e;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);border-bottom-color:#747474;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff747474',endColorstr='#ff747474',GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);*zoom:1;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05)}.btn:hover,.btn:active,.btn.active,.btn.disabled,.btn[disabled]{color:#999;background-color:#747474;*background-color:#676767}.btn:active,.btn.active{background-color:#5a5a5a \9}.btn:first-child{*margin-left:0}.btn:hover{color:#999;text-decoration:none;background-position:0 -15px;-webkit-transition:background-position .1s linear;-moz-transition:background-position .1s linear;-o-transition:background-position .1s linear;transition:background-position .1s linear}.btn:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn.active,.btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05)}.btn.disabled,.btn[disabled]{cursor:default;background-image:none;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.btn-large{padding:11px 19px;font-size:17.5px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}.btn-large [class^="icon-"],.btn-large [class*=" icon-"]{margin-top:4px}.btn-small{padding:2px 10px;font-size:11.9px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.btn-small [class^="icon-"],.btn-small [class*=" icon-"]{margin-top:0}.btn-mini [class^="icon-"],.btn-mini [class*=" icon-"]{margin-top:-1px}.btn-mini{padding:0 6px;font-size:10.5px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.btn-block{display:block;width:100%;padding-right:0;padding-left:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.btn-block+.btn-block{margin-top:5px}input[type="submit"].btn-block,input[type="reset"].btn-block,input[type="button"].btn-block{width:100%}.btn-primary.active,.btn-warning.active,.btn-danger.active,.btn-success.active,.btn-info.active,.btn-inverse.active{color:rgba(255,255,255,0.75)}.btn{border-color:#c5c5c5;border-color:rgba(0,0,0,0.15) rgba(0,0,0,0.15) rgba(0,0,0,0.25)}.btn-primary{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#608c1b;*background-color:#608c1b;background-image:-moz-linear-gradient(top,#608c1b,#608c1b);background-image:-webkit-gradient(linear,0 0,0 100%,from(#608c1b),to(#608c1b));background-image:-webkit-linear-gradient(top,#608c1b,#608c1b);background-image:-o-linear-gradient(top,#608c1b,#608c1b);background-image:linear-gradient(to bottom,#608c1b,#608c1b);background-repeat:repeat-x;border-color:#608c1b #608c1b #344c0f;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff608c1b',endColorstr='#ff608c1b',GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.btn-primary:hover,.btn-primary:active,.btn-primary.active,.btn-primary.disabled,.btn-primary[disabled]{color:#fff;background-color:#608c1b;*background-color:#517717}.btn-primary:active,.btn-primary.active{background-color:#436113 \9}.btn-warning{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#faa732;*background-color:#f89406;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fbb450),to(#f89406));background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406);background-repeat:repeat-x;border-color:#f89406 #f89406 #ad6704;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450',endColorstr='#fff89406',GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.btn-warning:hover,.btn-warning:active,.btn-warning.active,.btn-warning.disabled,.btn-warning[disabled]{color:#fff;background-color:#f89406;*background-color:#df8505}.btn-warning:active,.btn-warning.active{background-color:#c67605 \9}.btn-danger{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#da4f49;*background-color:#bd362f;background-image:-moz-linear-gradient(top,#ee5f5b,#bd362f);background-image:-webkit-gradient(linear,0 0,0 100%,from(#ee5f5b),to(#bd362f));background-image:-webkit-linear-gradient(top,#ee5f5b,#bd362f);background-image:-o-linear-gradient(top,#ee5f5b,#bd362f);background-image:linear-gradient(to bottom,#ee5f5b,#bd362f);background-repeat:repeat-x;border-color:#bd362f #bd362f #802420;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b',endColorstr='#ffbd362f',GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.btn-danger:hover,.btn-danger:active,.btn-danger.active,.btn-danger.disabled,.btn-danger[disabled]{color:#fff;background-color:#bd362f;*background-color:#a9302a}.btn-danger:active,.btn-danger.active{background-color:#942a25 \9}.btn-success{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#747474;*background-color:#747474;background-image:-moz-linear-gradient(top,#747474,#747474);background-image:-webkit-gradient(linear,0 0,0 100%,from(#747474),to(#747474));background-image:-webkit-linear-gradient(top,#747474,#747474);background-image:-o-linear-gradient(top,#747474,#747474);background-image:linear-gradient(to bottom,#747474,#747474);background-repeat:repeat-x;border-color:#747474 #747474 #4e4e4e;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff747474',endColorstr='#ff747474',GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.btn-success:hover,.btn-success:active,.btn-success.active,.btn-success.disabled,.btn-success[disabled]{color:#fff;background-color:#747474;*background-color:#676767}.btn-success:active,.btn-success.active{background-color:#5a5a5a \9}.btn-info{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#747474;*background-color:#747474;background-image:-moz-linear-gradient(top,#747474,#747474);background-image:-webkit-gradient(linear,0 0,0 100%,from(#747474),to(#747474));background-image:-webkit-linear-gradient(top,#747474,#747474);background-image:-o-linear-gradient(top,#747474,#747474);background-image:linear-gradient(to bottom,#747474,#747474);background-repeat:repeat-x;border-color:#747474 #747474 #4e4e4e;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff747474',endColorstr='#ff747474',GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.btn-info:hover,.btn-info:active,.btn-info.active,.btn-info.disabled,.btn-info[disabled]{color:#fff;background-color:#747474;*background-color:#676767}.btn-info:active,.btn-info.active{background-color:#5a5a5a \9}.btn-inverse{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#888;*background-color:#eee;background-image:-moz-linear-gradient(top,#444,#eee);background-image:-webkit-gradient(linear,0 0,0 100%,from(#444),to(#eee));background-image:-webkit-linear-gradient(top,#444,#eee);background-image:-o-linear-gradient(top,#444,#eee);background-image:linear-gradient(to bottom,#444,#eee);background-repeat:repeat-x;border-color:#eee #eee #c8c8c8;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444',endColorstr='#ffeeeeee',GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.btn-inverse:hover,.btn-inverse:active,.btn-inverse.active,.btn-inverse.disabled,.btn-inverse[disabled]{color:#fff;background-color:#eee;*background-color:#e1e1e1}.btn-inverse:active,.btn-inverse.active{background-color:#d5d5d5 \9}button.btn,input[type="submit"].btn{*padding-top:3px;*padding-bottom:3px}button.btn::-moz-focus-inner,input[type="submit"].btn::-moz-focus-inner{padding:0;border:0}button.btn.btn-large,input[type="submit"].btn.btn-large{*padding-top:7px;*padding-bottom:7px}button.btn.btn-small,input[type="submit"].btn.btn-small{*padding-top:3px;*padding-bottom:3px}button.btn.btn-mini,input[type="submit"].btn.btn-mini{*padding-top:1px;*padding-bottom:1px}.btn-link,.btn-link:active,.btn-link[disabled]{background-color:transparent;background-image:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.btn-link{color:#aee15d;cursor:pointer;border-color:transparent;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.btn-link:hover{color:#ceed9e;text-decoration:underline;background-color:transparent}.btn-link[disabled]:hover{color:#999;text-decoration:none}.btn-group{position:relative;display:inline-block;*display:inline;*margin-left:.3em;font-size:0;white-space:nowrap;vertical-align:middle;*zoom:1}.btn-group:first-child{*margin-left:0}.btn-group+.btn-group{margin-left:5px}.btn-toolbar{margin-top:10px;margin-bottom:10px;font-size:0}.btn-toolbar>.btn+.btn,.btn-toolbar>.btn-group+.btn,.btn-toolbar>.btn+.btn-group{margin-left:5px}.btn-group>.btn{position:relative;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.btn-group>.btn+.btn{margin-left:-1px}.btn-group>.btn,.btn-group>.dropdown-menu,.btn-group>.popover{font-size:14px}.btn-group>.btn-mini{font-size:10.5px}.btn-group>.btn-small{font-size:11.9px}.btn-group>.btn-large{font-size:17.5px}.btn-group>.btn:first-child{margin-left:0;-webkit-border-bottom-left-radius:3px;border-bottom-left-radius:3px;-webkit-border-top-left-radius:3px;border-top-left-radius:3px;-moz-border-radius-bottomleft:3px;-moz-border-radius-topleft:3px}.btn-group>.btn:last-child,.btn-group>.dropdown-toggle{-webkit-border-top-right-radius:3px;border-top-right-radius:3px;-webkit-border-bottom-right-radius:3px;border-bottom-right-radius:3px;-moz-border-radius-topright:3px;-moz-border-radius-bottomright:3px}.btn-group>.btn.large:first-child{margin-left:0;-webkit-border-bottom-left-radius:6px;border-bottom-left-radius:6px;-webkit-border-top-left-radius:6px;border-top-left-radius:6px;-moz-border-radius-bottomleft:6px;-moz-border-radius-topleft:6px}.btn-group>.btn.large:last-child,.btn-group>.large.dropdown-toggle{-webkit-border-top-right-radius:6px;border-top-right-radius:6px;-webkit-border-bottom-right-radius:6px;border-bottom-right-radius:6px;-moz-border-radius-topright:6px;-moz-border-radius-bottomright:6px}.btn-group>.btn:hover,.btn-group>.btn:focus,.btn-group>.btn:active,.btn-group>.btn.active{z-index:2}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group>.btn+.dropdown-toggle{*padding-top:5px;padding-right:8px;*padding-bottom:5px;padding-left:8px;-webkit-box-shadow:inset 1px 0 0 rgba(255,255,255,0.125),inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);-moz-box-shadow:inset 1px 0 0 rgba(255,255,255,0.125),inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);box-shadow:inset 1px 0 0 rgba(255,255,255,0.125),inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05)}.btn-group>.btn-mini+.dropdown-toggle{*padding-top:2px;padding-right:5px;*padding-bottom:2px;padding-left:5px}.btn-group>.btn-small+.dropdown-toggle{*padding-top:5px;*padding-bottom:4px}.btn-group>.btn-large+.dropdown-toggle{*padding-top:7px;padding-right:12px;*padding-bottom:7px;padding-left:12px}.btn-group.open .dropdown-toggle{background-image:none;-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05)}.btn-group.open .btn.dropdown-toggle{background-color:#747474}.btn-group.open .btn-primary.dropdown-toggle{background-color:#608c1b}.btn-group.open .btn-warning.dropdown-toggle{background-color:#f89406}.btn-group.open .btn-danger.dropdown-toggle{background-color:#bd362f}.btn-group.open .btn-success.dropdown-toggle{background-color:#747474}.btn-group.open .btn-info.dropdown-toggle{background-color:#747474}.btn-group.open .btn-inverse.dropdown-toggle{background-color:#eee}.btn .caret{margin-top:8px;margin-left:0}.btn-mini .caret,.btn-small .caret,.btn-large .caret{margin-top:6px}.btn-large .caret{border-top-width:5px;border-right-width:5px;border-left-width:5px}.dropup .btn-large .caret{border-bottom-width:5px}.btn-primary .caret,.btn-warning .caret,.btn-danger .caret,.btn-info .caret,.btn-success .caret,.btn-inverse .caret{border-top-color:#000;border-bottom-color:#000}.btn-group-vertical{display:inline-block;*display:inline;*zoom:1}.btn-group-vertical>.btn{display:block;float:none;max-width:100%;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.btn-group-vertical>.btn+.btn{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn:first-child{-webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0}.btn-group-vertical>.btn:last-child{-webkit-border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px}.btn-group-vertical>.btn-large:first-child{-webkit-border-radius:6px 6px 0 0;-moz-border-radius:6px 6px 0 0;border-radius:6px 6px 0 0}.btn-group-vertical>.btn-large:last-child{-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px}.alert{padding:8px 35px 8px 14px;margin-bottom:20px;text-shadow:0 1px 0 rgba(255,255,255,0.5);background-color:rgba(192,152,83,0.1);border:1px solid rgba(188,126,72,0.1);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.alert,.alert h4{color:#e2b958}.alert h4{margin:0}.alert .close{position:relative;top:-2px;right:-21px;line-height:20px}.alert-success{color:#468847;background-color:#dff0d8;border-color:#d6e9c6}.alert-success h4{color:#468847}.alert-danger,.alert-error{color:#ff6663;background-color:#f2dede;border-color:#eed3d7}.alert-danger h4,.alert-error h4{color:#ff6663}.alert-info{color:#4aabd9;background-color:rgba(192,152,83,0.1);border-color:rgba(188,126,72,0.1)}.alert-info h4{color:#4aabd9}.alert-block{padding-top:14px;padding-bottom:14px}.alert-block>p,.alert-block>ul{margin-bottom:0}.alert-block p+p{margin-top:5px}.nav{margin-bottom:20px;margin-left:0;list-style:none}.nav>li>a{display:block}.nav>li>a:hover{text-decoration:none;background-color:#222}.nav>li>a>img{max-width:none}.nav>.pull-right{float:right}.nav-header{display:block;padding:3px 15px;font-size:11px;font-weight:bold;line-height:20px;color:#333;text-shadow:0 1px 0 rgba(255,255,255,0.5);text-transform:uppercase}.nav li+.nav-header{margin-top:9px}.nav-list{padding-right:15px;padding-left:15px;margin-bottom:0}.nav-list>li>a,.nav-list .nav-header{margin-right:-15px;margin-left:-15px;text-shadow:0 1px 0 rgba(255,255,255,0.5)}.nav-list>li>a{padding:3px 15px}.nav-list>.active>a,.nav-list>.active>a:hover{color:#000;text-shadow:0 -1px 0 rgba(0,0,0,0.2);background-color:#aee15d}.nav-list [class^="icon-"],.nav-list [class*=" icon-"]{margin-right:2px}.nav-list .divider{*width:100%;height:1px;margin:9px 1px;*margin:-5px 0 5px;overflow:hidden;background-color:#e5e5e5;border-bottom:1px solid #000}.nav-tabs,.nav-pills{*zoom:1}.nav-tabs:before,.nav-pills:before,.nav-tabs:after,.nav-pills:after{display:table;line-height:0;content:""}.nav-tabs:after,.nav-pills:after{clear:both}.nav-tabs>li,.nav-pills>li{float:left}.nav-tabs>li>a,.nav-pills>li>a{padding-right:12px;padding-left:12px;margin-right:2px;line-height:14px}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{margin-bottom:-1px}.nav-tabs>li>a{padding-top:8px;padding-bottom:8px;line-height:20px;border:1px solid transparent;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#222 #222 #ddd}.nav-tabs>.active>a,.nav-tabs>.active>a:hover{color:#555;cursor:default;background-color:#272829;border:1px solid #ddd;border-bottom-color:transparent}.nav-pills>li>a{padding-top:8px;padding-bottom:8px;margin-top:2px;margin-bottom:2px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.nav-pills>.active>a,.nav-pills>.active>a:hover{color:#000;background-color:#aee15d}.nav-stacked>li{float:none}.nav-stacked>li>a{margin-right:0}.nav-tabs.nav-stacked{border-bottom:0}.nav-tabs.nav-stacked>li>a{border:1px solid #ddd;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.nav-tabs.nav-stacked>li:first-child>a{-webkit-border-top-right-radius:4px;border-top-right-radius:4px;-webkit-border-top-left-radius:4px;border-top-left-radius:4px;-moz-border-radius-topright:4px;-moz-border-radius-topleft:4px}.nav-tabs.nav-stacked>li:last-child>a{-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-moz-border-radius-bottomleft:4px}.nav-tabs.nav-stacked>li>a:hover{z-index:2;border-color:#ddd}.nav-pills.nav-stacked>li>a{margin-bottom:3px}.nav-pills.nav-stacked>li:last-child>a{margin-bottom:1px}.nav-tabs .dropdown-menu{-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px}.nav-pills .dropdown-menu{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}.nav .dropdown-toggle .caret{margin-top:6px;border-top-color:#aee15d;border-bottom-color:#aee15d}.nav .dropdown-toggle:hover .caret{border-top-color:#ceed9e;border-bottom-color:#ceed9e}.nav-tabs .dropdown-toggle .caret{margin-top:8px}.nav .active .dropdown-toggle .caret{border-top-color:#fff;border-bottom-color:#fff}.nav-tabs .active .dropdown-toggle .caret{border-top-color:#555;border-bottom-color:#555}.nav>.dropdown.active>a:hover{cursor:pointer}.nav-tabs .open .dropdown-toggle,.nav-pills .open .dropdown-toggle,.nav>li.dropdown.open.active>a:hover{color:#000;background-color:#333;border-color:#333}.nav li.dropdown.open .caret,.nav li.dropdown.open.active .caret,.nav li.dropdown.open a:hover .caret{border-top-color:#000;border-bottom-color:#000;opacity:1;filter:alpha(opacity=100)}.tabs-stacked .open>a:hover{border-color:#333}.tabbable{*zoom:1}.tabbable:before,.tabbable:after{display:table;line-height:0;content:""}.tabbable:after{clear:both}.tab-content{overflow:auto}.tabs-below>.nav-tabs,.tabs-right>.nav-tabs,.tabs-left>.nav-tabs{border-bottom:0}.tab-content>.tab-pane,.pill-content>.pill-pane{display:none}.tab-content>.active,.pill-content>.active{display:block}.tabs-below>.nav-tabs{border-top:1px solid #ddd}.tabs-below>.nav-tabs>li{margin-top:-1px;margin-bottom:0}.tabs-below>.nav-tabs>li>a{-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px}.tabs-below>.nav-tabs>li>a:hover{border-top-color:#ddd;border-bottom-color:transparent}.tabs-below>.nav-tabs>.active>a,.tabs-below>.nav-tabs>.active>a:hover{border-color:transparent #ddd #ddd #ddd}.tabs-left>.nav-tabs>li,.tabs-right>.nav-tabs>li{float:none}.tabs-left>.nav-tabs>li>a,.tabs-right>.nav-tabs>li>a{min-width:74px;margin-right:0;margin-bottom:3px}.tabs-left>.nav-tabs{float:left;margin-right:19px;border-right:1px solid #ddd}.tabs-left>.nav-tabs>li>a{margin-right:-1px;-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px}.tabs-left>.nav-tabs>li>a:hover{border-color:#222 #ddd #222 #222}.tabs-left>.nav-tabs .active>a,.tabs-left>.nav-tabs .active>a:hover{border-color:#ddd transparent #ddd #ddd;*border-right-color:#000}.tabs-right>.nav-tabs{float:right;margin-left:19px;border-left:1px solid #ddd}.tabs-right>.nav-tabs>li>a{margin-left:-1px;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0}.tabs-right>.nav-tabs>li>a:hover{border-color:#222 #222 #222 #ddd}.tabs-right>.nav-tabs .active>a,.tabs-right>.nav-tabs .active>a:hover{border-color:#ddd #ddd #ddd transparent;*border-left-color:#000}.nav>.disabled>a{color:#333}.nav>.disabled>a:hover{text-decoration:none;cursor:default;background-color:transparent}.navbar{*position:relative;*z-index:2;margin-bottom:20px;overflow:visible}.navbar-inner{min-height:40px;padding-right:20px;padding-left:20px;background-color:#1f1f1f;background-image:-moz-linear-gradient(top,#222,#1a1a1a);background-image:-webkit-gradient(linear,0 0,0 100%,from(#222),to(#1a1a1a));background-image:-webkit-linear-gradient(top,#222,#1a1a1a);background-image:-o-linear-gradient(top,#222,#1a1a1a);background-image:linear-gradient(to bottom,#222,#1a1a1a);background-repeat:repeat-x;border:1px solid #555;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222',endColorstr='#ff1a1a1a',GradientType=0);*zoom:1;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.065);-moz-box-shadow:0 1px 4px rgba(0,0,0,0.065);box-shadow:0 1px 4px rgba(0,0,0,0.065)}.navbar-inner:before,.navbar-inner:after{display:table;line-height:0;content:""}.navbar-inner:after{clear:both}.navbar .container{width:auto}.nav-collapse.collapse{height:auto;overflow:visible}.navbar .brand{display:block;float:left;padding:10px 20px 10px;margin-left:-20px;font-size:20px;font-weight:200;color:#85b03d;text-shadow:0 1px 0 #222}.navbar .brand:hover{text-decoration:none}.navbar-text{margin-bottom:0;line-height:40px;color:#eee}.navbar-link{color:#85b03d}.navbar-link:hover{color:#fff}.navbar .divider-vertical{height:40px;margin:0 9px;border-right:1px solid #222;border-left:1px solid #1a1a1a}.navbar .btn,.navbar .btn-group{margin-top:5px}.navbar .btn-group .btn,.navbar .input-prepend .btn,.navbar .input-append .btn{margin-top:0}.navbar-form{margin-bottom:0;*zoom:1}.navbar-form:before,.navbar-form:after{display:table;line-height:0;content:""}.navbar-form:after{clear:both}.navbar-form input,.navbar-form select,.navbar-form .radio,.navbar-form .checkbox{margin-top:5px}.navbar-form input,.navbar-form select,.navbar-form .btn{display:inline-block;margin-bottom:0}.navbar-form input[type="image"],.navbar-form input[type="checkbox"],.navbar-form input[type="radio"]{margin-top:3px}.navbar-form .input-append,.navbar-form .input-prepend{margin-top:5px;white-space:nowrap}.navbar-form .input-append input,.navbar-form .input-prepend input{margin-top:0}.navbar-search{position:relative;float:left;margin-top:5px;margin-bottom:0}.navbar-search .search-query{padding:4px 14px;margin-bottom:0;font-family:"Titillium Web","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:13px;font-weight:normal;line-height:1;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px}.navbar-static-top{position:static;margin-bottom:0}.navbar-static-top .navbar-inner{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.navbar-fixed-top,.navbar-fixed-bottom{position:fixed;right:0;left:0;z-index:1030;margin-bottom:0}.navbar-fixed-top .navbar-inner,.navbar-static-top .navbar-inner{border-width:0 0 1px}.navbar-fixed-bottom .navbar-inner{border-width:1px 0 0}.navbar-fixed-top .navbar-inner,.navbar-fixed-bottom .navbar-inner{padding-right:0;padding-left:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:940px}.navbar-fixed-top{top:0}.navbar-fixed-top .navbar-inner,.navbar-static-top .navbar-inner{-webkit-box-shadow:0 1px 10px rgba(0,0,0,0.1);-moz-box-shadow:0 1px 10px rgba(0,0,0,0.1);box-shadow:0 1px 10px rgba(0,0,0,0.1)}.navbar-fixed-bottom{bottom:0}.navbar-fixed-bottom .navbar-inner{-webkit-box-shadow:0 -1px 10px rgba(0,0,0,0.1);-moz-box-shadow:0 -1px 10px rgba(0,0,0,0.1);box-shadow:0 -1px 10px rgba(0,0,0,0.1)}.navbar .nav{position:relative;left:0;display:block;float:left;margin:0 10px 0 0}.navbar .nav.pull-right{float:right;margin-right:0}.navbar .nav>li{float:left}.navbar .nav>li>a{float:none;padding:10px 15px 10px;color:#85b03d;text-decoration:none;text-shadow:0 1px 0 #222}.navbar .nav .dropdown-toggle .caret{margin-top:8px}.navbar .nav>li>a:focus,.navbar .nav>li>a:hover{color:#fff;text-decoration:none;background-color:#85b03d}.navbar .nav>.active>a,.navbar .nav>.active>a:hover,.navbar .nav>.active>a:focus{color:#fff;text-decoration:none;background-color:#85b03d;-webkit-box-shadow:inset 0 3px 8px rgba(0,0,0,0.125);-moz-box-shadow:inset 0 3px 8px rgba(0,0,0,0.125);box-shadow:inset 0 3px 8px rgba(0,0,0,0.125)}.navbar .btn-navbar{display:none;float:right;padding:7px 10px;margin-right:5px;margin-left:5px;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#121212;*background-color:#0d0d0d;background-image:-moz-linear-gradient(top,#151515,#0d0d0d);background-image:-webkit-gradient(linear,0 0,0 100%,from(#151515),to(#0d0d0d));background-image:-webkit-linear-gradient(top,#151515,#0d0d0d);background-image:-o-linear-gradient(top,#151515,#0d0d0d);background-image:linear-gradient(to bottom,#151515,#0d0d0d);background-repeat:repeat-x;border-color:#0d0d0d #0d0d0d #000;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff151515',endColorstr='#ff0d0d0d',GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.075);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.075);box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.075)}.navbar .btn-navbar:hover,.navbar .btn-navbar:active,.navbar .btn-navbar.active,.navbar .btn-navbar.disabled,.navbar .btn-navbar[disabled]{color:#fff;background-color:#0d0d0d;*background-color:#000}.navbar .btn-navbar:active,.navbar .btn-navbar.active{background-color:#000 \9}.navbar .btn-navbar .icon-bar{display:block;width:18px;height:2px;background-color:#f5f5f5;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;-webkit-box-shadow:0 1px 0 rgba(0,0,0,0.25);-moz-box-shadow:0 1px 0 rgba(0,0,0,0.25);box-shadow:0 1px 0 rgba(0,0,0,0.25)}.btn-navbar .icon-bar+.icon-bar{margin-top:3px}.navbar .nav>li>.dropdown-menu:before{position:absolute;top:-7px;left:9px;display:inline-block;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-left:7px solid transparent;border-bottom-color:#333;content:''}.navbar .nav>li>.dropdown-menu:after{position:absolute;top:-6px;left:10px;display:inline-block;border-right:6px solid transparent;border-bottom:6px solid #333;border-left:6px solid transparent;content:''}.navbar-fixed-bottom .nav>li>.dropdown-menu:before{top:auto;bottom:-7px;border-top:7px solid #ccc;border-bottom:0;border-top-color:#333}.navbar-fixed-bottom .nav>li>.dropdown-menu:after{top:auto;bottom:-6px;border-top:6px solid #333;border-bottom:0}.navbar .nav li.dropdown>a:hover .caret{border-top-color:#fff;border-bottom-color:#fff}.navbar .nav li.dropdown.open>.dropdown-toggle,.navbar .nav li.dropdown.active>.dropdown-toggle,.navbar .nav li.dropdown.open.active>.dropdown-toggle{color:#fff;background-color:#85b03d}.navbar .nav li.dropdown>.dropdown-toggle .caret{border-top-color:#85b03d;border-bottom-color:#85b03d}.navbar .nav li.dropdown.open>.dropdown-toggle .caret,.navbar .nav li.dropdown.active>.dropdown-toggle .caret,.navbar .nav li.dropdown.open.active>.dropdown-toggle .caret{border-top-color:#fff;border-bottom-color:#fff}.navbar .pull-right>li>.dropdown-menu,.navbar .nav>li>.dropdown-menu.pull-right{right:0;left:auto}.navbar .pull-right>li>.dropdown-menu:before,.navbar .nav>li>.dropdown-menu.pull-right:before{right:12px;left:auto}.navbar .pull-right>li>.dropdown-menu:after,.navbar .nav>li>.dropdown-menu.pull-right:after{right:13px;left:auto}.navbar .pull-right>li>.dropdown-menu .dropdown-menu,.navbar .nav>li>.dropdown-menu.pull-right .dropdown-menu{right:100%;left:auto;margin-right:-1px;margin-left:0;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px}.navbar-inverse .navbar-inner{background-color:#1b1b1b;background-image:-moz-linear-gradient(top,#222,#111);background-image:-webkit-gradient(linear,0 0,0 100%,from(#222),to(#111));background-image:-webkit-linear-gradient(top,#222,#111);background-image:-o-linear-gradient(top,#222,#111);background-image:linear-gradient(to bottom,#222,#111);background-repeat:repeat-x;border-color:#252525;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222',endColorstr='#ff111111',GradientType=0)}.navbar-inverse .brand,.navbar-inverse .nav>li>a{color:#333;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.navbar-inverse .brand:hover,.navbar-inverse .nav>li>a:hover{color:#fff}.navbar-inverse .brand{color:#333}.navbar-inverse .navbar-text{color:#333}.navbar-inverse .nav>li>a:focus,.navbar-inverse .nav>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .nav .active>a,.navbar-inverse .nav .active>a:hover,.navbar-inverse .nav .active>a:focus{color:#fff;background-color:#111}.navbar-inverse .navbar-link{color:#333}.navbar-inverse .navbar-link:hover{color:#fff}.navbar-inverse .divider-vertical{border-right-color:#222;border-left-color:#111}.navbar-inverse .nav li.dropdown.open>.dropdown-toggle,.navbar-inverse .nav li.dropdown.active>.dropdown-toggle,.navbar-inverse .nav li.dropdown.open.active>.dropdown-toggle{color:#fff;background-color:#111}.navbar-inverse .nav li.dropdown>a:hover .caret{border-top-color:#fff;border-bottom-color:#fff}.navbar-inverse .nav li.dropdown>.dropdown-toggle .caret{border-top-color:#333;border-bottom-color:#333}.navbar-inverse .nav li.dropdown.open>.dropdown-toggle .caret,.navbar-inverse .nav li.dropdown.active>.dropdown-toggle .caret,.navbar-inverse .nav li.dropdown.open.active>.dropdown-toggle .caret{border-top-color:#fff;border-bottom-color:#fff}.navbar-inverse .navbar-search .search-query{color:#000;background-color:#515151;border-color:#111;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1),0 1px 0 rgba(255,255,255,0.15);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1),0 1px 0 rgba(255,255,255,0.15);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1),0 1px 0 rgba(255,255,255,0.15);-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none}.navbar-inverse .navbar-search .search-query:-moz-placeholder{color:#ccc}.navbar-inverse .navbar-search .search-query:-ms-input-placeholder{color:#ccc}.navbar-inverse .navbar-search .search-query::-webkit-input-placeholder{color:#ccc}.navbar-inverse .navbar-search .search-query:focus,.navbar-inverse .navbar-search .search-query.focused{padding:5px 15px;color:#999;text-shadow:0 1px 0 #000;background-color:#fff;border:0;outline:0;-webkit-box-shadow:0 0 3px rgba(0,0,0,0.15);-moz-box-shadow:0 0 3px rgba(0,0,0,0.15);box-shadow:0 0 3px rgba(0,0,0,0.15)}.navbar-inverse .btn-navbar{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#0e0e0e;*background-color:#040404;background-image:-moz-linear-gradient(top,#151515,#040404);background-image:-webkit-gradient(linear,0 0,0 100%,from(#151515),to(#040404));background-image:-webkit-linear-gradient(top,#151515,#040404);background-image:-o-linear-gradient(top,#151515,#040404);background-image:linear-gradient(to bottom,#151515,#040404);background-repeat:repeat-x;border-color:#040404 #040404 #000;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff151515',endColorstr='#ff040404',GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.navbar-inverse .btn-navbar:hover,.navbar-inverse .btn-navbar:active,.navbar-inverse .btn-navbar.active,.navbar-inverse .btn-navbar.disabled,.navbar-inverse .btn-navbar[disabled]{color:#fff;background-color:#040404;*background-color:#000}.navbar-inverse .btn-navbar:active,.navbar-inverse .btn-navbar.active{background-color:#000 \9}.breadcrumb{padding:8px 15px;margin:0 0 20px;list-style:none;background-color:#f5f5f5;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.breadcrumb>li{display:inline-block;*display:inline;text-shadow:0 1px 0 #000;*zoom:1}.breadcrumb>li>.divider{padding:0 5px;color:#ccc}.breadcrumb>.active{color:#333}.pagination{margin:20px 0}.pagination ul{display:inline-block;*display:inline;margin-bottom:0;margin-left:0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;*zoom:1;-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.05);-moz-box-shadow:0 1px 2px rgba(0,0,0,0.05);box-shadow:0 1px 2px rgba(0,0,0,0.05)}.pagination ul>li{display:inline}.pagination ul>li>a,.pagination ul>li>span{float:left;padding:4px 12px;line-height:20px;text-decoration:none;background-color:#747474;border:1px solid #8e8e8e;border-left-width:0}.pagination ul>li>a:hover,.pagination ul>.active>a,.pagination ul>.active>span{background-color:#85b03d}.pagination ul>.active>a,.pagination ul>.active>span{color:#333;cursor:default}.pagination ul>.disabled>span,.pagination ul>.disabled>a,.pagination ul>.disabled>a:hover{color:#333;cursor:default;background-color:transparent}.pagination ul>li:first-child>a,.pagination ul>li:first-child>span{border-left-width:1px;-webkit-border-bottom-left-radius:3px;border-bottom-left-radius:3px;-webkit-border-top-left-radius:3px;border-top-left-radius:3px;-moz-border-radius-bottomleft:3px;-moz-border-radius-topleft:3px}.pagination ul>li:last-child>a,.pagination ul>li:last-child>span{-webkit-border-top-right-radius:3px;border-top-right-radius:3px;-webkit-border-bottom-right-radius:3px;border-bottom-right-radius:3px;-moz-border-radius-topright:3px;-moz-border-radius-bottomright:3px}.pagination-centered{text-align:center}.pagination-right{text-align:right}.pagination-large ul>li>a,.pagination-large ul>li>span{padding:11px 19px;font-size:17.5px}.pagination-large ul>li:first-child>a,.pagination-large ul>li:first-child>span{-webkit-border-bottom-left-radius:6px;border-bottom-left-radius:6px;-webkit-border-top-left-radius:6px;border-top-left-radius:6px;-moz-border-radius-bottomleft:6px;-moz-border-radius-topleft:6px}.pagination-large ul>li:last-child>a,.pagination-large ul>li:last-child>span{-webkit-border-top-right-radius:6px;border-top-right-radius:6px;-webkit-border-bottom-right-radius:6px;border-bottom-right-radius:6px;-moz-border-radius-topright:6px;-moz-border-radius-bottomright:6px}.pagination-mini ul>li:first-child>a,.pagination-small ul>li:first-child>a,.pagination-mini ul>li:first-child>span,.pagination-small ul>li:first-child>span{-webkit-border-bottom-left-radius:2px;border-bottom-left-radius:2px;-webkit-border-top-left-radius:2px;border-top-left-radius:2px;-moz-border-radius-bottomleft:2px;-moz-border-radius-topleft:2px}.pagination-mini ul>li:last-child>a,.pagination-small ul>li:last-child>a,.pagination-mini ul>li:last-child>span,.pagination-small ul>li:last-child>span{-webkit-border-top-right-radius:2px;border-top-right-radius:2px;-webkit-border-bottom-right-radius:2px;border-bottom-right-radius:2px;-moz-border-radius-topright:2px;-moz-border-radius-bottomright:2px}.pagination-small ul>li>a,.pagination-small ul>li>span{padding:2px 10px;font-size:11.9px}.pagination-mini ul>li>a,.pagination-mini ul>li>span{padding:0 6px;font-size:10.5px}.pager{margin:20px 0;text-align:center;list-style:none;*zoom:1}.pager:before,.pager:after{display:table;line-height:0;content:""}.pager:after{clear:both}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px}.pager li>a:hover{text-decoration:none;background-color:#f5f5f5}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:hover,.pager .disabled>span{color:#333;cursor:default;background-color:#fff}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#fff}.modal-backdrop.fade{opacity:0}.modal-backdrop,.modal-backdrop.fade.in{opacity:.8;filter:alpha(opacity=80)}.modal{position:fixed;top:10%;left:50%;z-index:1050;width:560px;margin-left:-280px;background-color:#000;border:1px solid #999;border:1px solid rgba(0,0,0,0.3);*border:1px solid #999;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;outline:0;-webkit-box-shadow:0 3px 7px rgba(0,0,0,0.3);-moz-box-shadow:0 3px 7px rgba(0,0,0,0.3);box-shadow:0 3px 7px rgba(0,0,0,0.3);-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box}.modal.fade{top:-25%;-webkit-transition:opacity .3s linear,top .3s ease-out;-moz-transition:opacity .3s linear,top .3s ease-out;-o-transition:opacity .3s linear,top .3s ease-out;transition:opacity .3s linear,top .3s ease-out}.modal.fade.in{top:10%}.modal-header{padding:9px 15px;border-bottom:1px solid #eee}.modal-header .close{margin-top:2px}.modal-header h3{margin:0;line-height:30px}.modal-body{position:relative;max-height:400px;padding:15px;overflow-y:auto}.modal-form{margin-bottom:0}.modal-footer{padding:14px 15px 15px;margin-bottom:0;text-align:right;background-color:#f5f5f5;border-top:1px solid #ddd;-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;*zoom:1;-webkit-box-shadow:inset 0 1px 0 #000;-moz-box-shadow:inset 0 1px 0 #000;box-shadow:inset 0 1px 0 #000}.modal-footer:before,.modal-footer:after{display:table;line-height:0;content:""}.modal-footer:after{clear:both}.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.tooltip{position:absolute;z-index:1030;display:block;padding:5px;font-size:11px;opacity:0;filter:alpha(opacity=0);visibility:visible}.tooltip.in{opacity:.8;filter:alpha(opacity=80)}.tooltip.top{margin-top:-3px}.tooltip.right{margin-left:3px}.tooltip.bottom{margin-top:3px}.tooltip.left{margin-left:-3px}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;text-decoration:none;background-color:#000;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-top-color:#000;border-width:5px 5px 0}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-right-color:#000;border-width:5px 5px 5px 0}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-left-color:#000;border-width:5px 0 5px 5px}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-bottom-color:#000;border-width:0 5px 5px}.popover{position:absolute;top:0;left:0;z-index:1010;display:none;width:236px;padding:1px;text-align:left;white-space:normal;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.2);-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);-moz-box-shadow:0 5px 10px rgba(0,0,0,0.2);box-shadow:0 5px 10px rgba(0,0,0,0.2);-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover-title{padding:8px 14px;margin:0;font-size:14px;font-weight:normal;line-height:18px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.popover .arrow,.popover .arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover .arrow{border-width:11px}.popover .arrow:after{border-width:10px;content:""}.popover.top .arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:#999;border-top-color:rgba(0,0,0,0.25);border-bottom-width:0}.popover.top .arrow:after{bottom:1px;margin-left:-10px;border-top-color:#fff;border-bottom-width:0}.popover.right .arrow{top:50%;left:-11px;margin-top:-11px;border-right-color:#999;border-right-color:rgba(0,0,0,0.25);border-left-width:0}.popover.right .arrow:after{bottom:-10px;left:1px;border-right-color:#fff;border-left-width:0}.popover.bottom .arrow{top:-11px;left:50%;margin-left:-11px;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,0.25);border-top-width:0}.popover.bottom .arrow:after{top:1px;margin-left:-10px;border-bottom-color:#fff;border-top-width:0}.popover.left .arrow{top:50%;right:-11px;margin-top:-11px;border-left-color:#999;border-left-color:rgba(0,0,0,0.25);border-right-width:0}.popover.left .arrow:after{right:1px;bottom:-10px;border-left-color:#fff;border-right-width:0}.thumbnails{margin-left:-20px;list-style:none;*zoom:1}.thumbnails:before,.thumbnails:after{display:table;line-height:0;content:""}.thumbnails:after{clear:both}.row-fluid .thumbnails{margin-left:0}.thumbnails>li{float:left;margin-bottom:20px;margin-left:20px}.thumbnail{display:block;padding:4px;line-height:20px;border:1px solid #ddd;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.055);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.055);box-shadow:0 1px 3px rgba(0,0,0,0.055);-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}a.thumbnail:hover{border-color:#aee15d;-webkit-box-shadow:0 1px 4px rgba(0,105,214,0.25);-moz-box-shadow:0 1px 4px rgba(0,105,214,0.25);box-shadow:0 1px 4px rgba(0,105,214,0.25)}.thumbnail>img{display:block;max-width:100%;margin-right:auto;margin-left:auto}.thumbnail .caption{padding:9px;color:#555}.media,.media-body{overflow:hidden;*overflow:visible;zoom:1}.media,.media .media{margin-top:15px}.media:first-child{margin-top:0}.media-object{display:block}.media-heading{margin:0 0 5px}.media .pull-left{margin-right:10px}.media .pull-right{margin-left:10px}.media-list{margin-left:0;list-style:none}.label,.badge{display:inline-block;padding:2px 4px;font-size:11.844px;font-weight:bold;line-height:14px;color:#000;text-shadow:0 -1px 0 rgba(0,0,0,0.25);white-space:nowrap;vertical-align:baseline;background-color:#333}.label{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.badge{padding-right:9px;padding-left:9px;-webkit-border-radius:9px;-moz-border-radius:9px;border-radius:9px}.label:empty,.badge:empty{display:none}a.label:hover,a.badge:hover{color:#000;text-decoration:none;cursor:pointer}.label-important,.badge-important{background-color:#ff6663}.label-important[href],.badge-important[href]{background-color:#ff3430}.label-warning,.badge-warning{background-color:#f89406}.label-warning[href],.badge-warning[href]{background-color:#c67605}.label-success,.badge-success{background-color:#468847}.label-success[href],.badge-success[href]{background-color:#356635}.label-info,.badge-info{background-color:#4aabd9}.label-info[href],.badge-info[href]{background-color:#2a94c6}.label-inverse,.badge-inverse{background-color:#999}.label-inverse[href],.badge-inverse[href]{background-color:#808080}.btn .label,.btn .badge{position:relative;top:-1px}.btn-mini .label,.btn-mini .badge{top:0}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-moz-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-ms-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:0 0}to{background-position:40px 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f7f7f7;background-image:-moz-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#f5f5f5),to(#f9f9f9));background-image:-webkit-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-o-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:linear-gradient(to bottom,#f5f5f5,#f9f9f9);background-repeat:repeat-x;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5',endColorstr='#fff9f9f9',GradientType=0);-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1)}.progress .bar{float:left;width:0;height:100%;font-size:12px;color:#000;text-align:center;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#0e90d2;background-image:-moz-linear-gradient(top,#149bdf,#0480be);background-image:-webkit-gradient(linear,0 0,0 100%,from(#149bdf),to(#0480be));background-image:-webkit-linear-gradient(top,#149bdf,#0480be);background-image:-o-linear-gradient(top,#149bdf,#0480be);background-image:linear-gradient(to bottom,#149bdf,#0480be);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf',endColorstr='#ff0480be',GradientType=0);-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-moz-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:width .6s ease;-moz-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress .bar+.bar{-webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,0.15),inset 0 -1px 0 rgba(0,0,0,0.15);-moz-box-shadow:inset 1px 0 0 rgba(0,0,0,0.15),inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 1px 0 0 rgba(0,0,0,0.15),inset 0 -1px 0 rgba(0,0,0,0.15)}.progress-striped .bar{background-color:#149bdf;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;-moz-background-size:40px 40px;-o-background-size:40px 40px;background-size:40px 40px}.progress.active .bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-moz-animation:progress-bar-stripes 2s linear infinite;-ms-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-danger .bar,.progress .bar-danger{background-color:#dd514c;background-image:-moz-linear-gradient(top,#ee5f5b,#c43c35);background-image:-webkit-gradient(linear,0 0,0 100%,from(#ee5f5b),to(#c43c35));background-image:-webkit-linear-gradient(top,#ee5f5b,#c43c35);background-image:-o-linear-gradient(top,#ee5f5b,#c43c35);background-image:linear-gradient(to bottom,#ee5f5b,#c43c35);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b',endColorstr='#ffc43c35',GradientType=0)}.progress-danger.progress-striped .bar,.progress-striped .bar-danger{background-color:#ee5f5b;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-success .bar,.progress .bar-success{background-color:#5eb95e;background-image:-moz-linear-gradient(top,#62c462,#57a957);background-image:-webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#57a957));background-image:-webkit-linear-gradient(top,#62c462,#57a957);background-image:-o-linear-gradient(top,#62c462,#57a957);background-image:linear-gradient(to bottom,#62c462,#57a957);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462',endColorstr='#ff57a957',GradientType=0)}.progress-success.progress-striped .bar,.progress-striped .bar-success{background-color:#62c462;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-info .bar,.progress .bar-info{background-color:#4bb1cf;background-image:-moz-linear-gradient(top,#5bc0de,#339bb9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#5bc0de),to(#339bb9));background-image:-webkit-linear-gradient(top,#5bc0de,#339bb9);background-image:-o-linear-gradient(top,#5bc0de,#339bb9);background-image:linear-gradient(to bottom,#5bc0de,#339bb9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de',endColorstr='#ff339bb9',GradientType=0)}.progress-info.progress-striped .bar,.progress-striped .bar-info{background-color:#5bc0de;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-warning .bar,.progress .bar-warning{background-color:#faa732;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fbb450),to(#f89406));background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450',endColorstr='#fff89406',GradientType=0)}.progress-warning.progress-striped .bar,.progress-striped .bar-warning{background-color:#fbb450;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.accordion{margin-bottom:20px}.accordion-group{margin-bottom:2px;border:1px solid #e5e5e5;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.accordion-heading{border-bottom:0}.accordion-heading .accordion-toggle{display:block;padding:8px 15px}.accordion-toggle{cursor:pointer}.accordion-inner{padding:9px 15px;border-top:1px solid #e5e5e5}.carousel{position:relative;margin-bottom:20px;line-height:1}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner>.item{position:relative;display:none;-webkit-transition:.6s ease-in-out left;-moz-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>img{display:block;line-height:1}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:40%;left:15px;width:40px;height:40px;margin-top:-20px;font-size:60px;font-weight:100;line-height:30px;color:#000;text-align:center;background:#eee;border:3px solid #000;-webkit-border-radius:23px;-moz-border-radius:23px;border-radius:23px;opacity:.5;filter:alpha(opacity=50)}.carousel-control.right{right:15px;left:auto}.carousel-control:hover{color:#000;text-decoration:none;opacity:.9;filter:alpha(opacity=90)}.carousel-caption{position:absolute;right:0;bottom:0;left:0;padding:15px;background:#999;background:rgba(0,0,0,0.75)}.carousel-caption h4,.carousel-caption p{line-height:20px;color:#000}.carousel-caption h4{margin:0 0 5px}.carousel-caption p{margin-bottom:0}.hero-unit{padding:60px;margin-bottom:30px;font-size:18px;font-weight:200;line-height:30px;color:inherit;background-color:#222;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}.hero-unit h1{margin-bottom:0;font-size:60px;line-height:1;letter-spacing:-1px;color:inherit}.hero-unit li{line-height:30px}.pull-right{float:right}.pull-left{float:left}.hide{display:none}.show{display:block}.invisible{visibility:hidden}.affix{position:fixed}

/* Changes to bootstrap styles that could not be done via variables.less.
   These should not be specific to our application but to our theme. */

/* todo put this in the normal web-app tree and organize that all the files get compiled together */

.clearfix {
  *zoom: 1;
}

.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}

.clearfix:after {
  clear: both;
}

.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

button.btn {
  padding-bottom: 3px;
}

.btn,
.nav-tabs > li > a {
  min-height: 21px;
  padding-top: 2px;
  padding-right: 11px;
  padding-bottom: 2px;
  padding-left: 8px;
  margin-right: 1px;
  margin-left: 1px;
  font-weight: 400;
  color: #ffffff;
  text-shadow: none;
  border-top: none;
  border-right: 1px solid #222222;
  border-bottom: 1px solid #222222;
  border-left: none;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}

.nav-tabs > li > a {
  cursor: pointer;
}

.nav-tabs > li.active > a {
  cursor: default;
}

.btn:first-child {
  margin-left: 0;
}

.btn:last-child {
  margin-right: 0;
}

.btn:hover {
  color: #ffffff;
  background: none;
  background-color: #85b03d;
  -webkit-transition: color linear 0.1s;
     -moz-transition: color linear 0.1s;
       -o-transition: color linear 0.1s;
          transition: color linear 0.1s;
}

.btn.disabled:hover {
  color: #999999;
  background-color: #747474;
}

.btn-primary.disabled,
.btn-primary[disabled] {
  color: #bbbbbb;
  background-color: #747474;
  background-image: none;
}

.btn-group > .btn + .btn {
  margin-right: 0;
  margin-left: 0;
}

.btn-group > .btn {
  margin-right: 0;
  border-right: 1px solid #818181;
}

.btn-group > .btn:last-child {
  border-right: 1px solid #222222;
}

.btn-group > .btn:active,
.btn-group > .btn.active {
  z-index: inherit;
}

.btn.active {
  color: #aee15d;
  background-color: #606060;
}

.btn.active:hover {
  color: #ceed9e;
}

body {
  font-family: "Cairo", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
}

h1 {
  font-size: 24px;
}

h2 {
  font-size: 18px;
}

h3 {
  font-size: 19.599999999999998px;
}

h4 {
  font-size: 17.5px;
}

h5 {
  font-size: 14px;
}

h6 {
  font-size: 11.9px;
}

h1 small {
  font-size: 19.599999999999998px;
}

h2 small {
  font-size: 17.5px;
}

h5,
h6 {
  font-family: "Cairo", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
}

h1 {
  color: #999999;
}

.well {
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

a:hover {
  text-decoration: none;
}

.dropdown-menu .divider {
  margin-top: 5px;
  margin-bottom: 5px;
}

.dropdown-menu li > a {
  padding-left: 10px;
  font-weight: 400;
  color: #ffffff;
  cursor: pointer;
}

.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a {
  color: #aee15d;
  text-decoration: none;
  background: none;
  background-color: #222222;
}

.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
  color: #aee15d;
  background: none;
  background-color: #151515;
}

.dropdown-menu li .disabled {
  color: #777777;
}

.dropdown-menu li > .disabled:hover,
.dropdown-menu li > .disabled:focus {
  color: #333333;
  cursor: default;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input,
.focusable {
  margin-bottom: 5px;
  color: #eeeeee;
}

select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus,
.uneditable-input.focus,
.focusable:focus {
  border-color: rgba(175, 225, 93, 0.8);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(175, 225, 93, 0.6);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(175, 225, 93, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(175, 225, 93, 0.6);
}

.focusable {
  outline: 0;
}

.control-group {
  margin-bottom: 0;
}

.control-group label {
  margin-bottom: 1px;
  color: #bbb;
}

.control-group .btn-group {
  margin-bottom: 5px;
}

.muted {
  color: #999999;
}

textarea::-webkit-input-placeholder,
input::-webkit-input-placeholder {
  color: #999999;
}

textarea:-moz-placeholder,
input:-moz-placeholder {
  color: #999999;
}

textarea::-moz-placeholder,
input::-moz-placeholder {
  color: #999999;
}

textarea:-ms-input-placeholder,
input:-ms-input-placeholder {
  color: #999999;
}

.checkbox:hover {
  color: #aee15d;
  -webkit-transition: color linear 0.1s;
     -moz-transition: color linear 0.1s;
       -o-transition: color linear 0.1s;
          transition: color linear 0.1s;
}

.thumbnail {
  border: 1px solid #999999;
}

.help-block,
.help-inline {
  color: #999999;
}

.navbar {
  --nav-colour-base: #939393;
  --nav-colour-active: #fff;
  --nav-transition-duration: 100ms;
  --nav-link-height: 30px;
}

.navbar .nav {
  margin-left: var(--content-region-padding);
}

.navbar .nav > li > a {
  position: relative;
  display: inline-block;
  height: var(--nav-link-height);
  padding: 3px 11px 7px 3px;
  font-size: 13px;
  font-weight: normal;
  line-height: var(--nav-link-height);
  color: var(--nav-colour-base);
  text-shadow: none;
  background: none !important;
}

.navbar .nav > li > a i {
  font-size: 1.2em;
  line-height: inherit;
}

.navbar .nav > li > a::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  height: 0;
  background: #fff;
  content: ' ';
  opacity: 0;
  transition: height 0.1s ease-in-out, opacity 0.1s ease-in-out;
}

.navbar .nav > li > a:hover::after,
.navbar .nav > li > a:active::after {
  height: 3px;
  opacity: 0.5;
}

.navbar .nav > li > a:hover {
  color: var(--nav-colour-base);
}

.navbar .nav > li > a .static-beef-tooltip {
  line-height: normal;
}

.navbar .nav > li.active a,
.navbar .nav > li.active a:hover {
  color: var(--nav-colour-active);
}

.navbar .nav > li.active a::after {
  height: 5px;
  opacity: 1;
}

.navbar .brand {
  height: var(--nav-link-height);
  padding: 3px 5px 7px 16px;
  font-size: 17px;
  line-height: var(--nav-link-height);
  color: var(--nav-colour-base);
}

.navbar .navbar-inner {
  background: var(--navbar-background);
  border: none;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
}

.navbar .brand .app-name {
  position: relative;
  display: inline-block;
  height: 30px;
  padding-right: 5px;
  padding-left: 10px;
  margin-left: 4px;
  font-size: 13px;
  color: #eeeeee;
  border-left: 1px solid #5b5d63;
}

.navbar-text {
  color: #eeeeee;
}

.nav-pills > li > a {
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.nav-tabs {
  border-bottom: 1px solid #666;
}

.nav-tabs > li > a {
  padding-right: 12px;
  padding-left: 12px;
  margin-top: 3px;
  margin-right: 0;
  margin-left: 12px;
  line-height: 23px;
  background-color: #747474;
  border-bottom: 1px solid transparent;
  -webkit-border-bottom-right-radius: 0;
          border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
          border-bottom-left-radius: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  outline: none;
}

.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs > .active > a:focus {
  padding-top: 1px;
  margin-top: 0;
  line-height: 26px;
  color: #fff;
  cursor: default;
  background: var(--body-background-colour);
  border: 1px solid #666;
  border-bottom-color: transparent;
}

.nav-tabs > li > a:hover {
  background-color: #85b03d;
  border-color: #222222 #222222 #666;
  -webkit-transition: color linear 0.1s;
     -moz-transition: color linear 0.1s;
       -o-transition: color linear 0.1s;
          transition: color linear 0.1s;
}

.container {
  width: 1024px;
  overflow: hidden;
}

.table th,
.table td {
  line-height: 21px;
}

.table thead tr,
.table tfoot tr {
  background-color: #666;
}

.table-bordered thead:last-child tr:last-child > th:last-child,
.table-bordered tbody:last-child tr:last-child > td:last-child,
.table-bordered tfoot:last-child tr:last-child > td:last-child {
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

thead td,
.table th,
th {
  font-weight: 400;
}

.table-bordered {
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.table-bordered thead td,
.table-bordered th {
  border-color: #555;
}

.table-bordered thead td:first-child,
.table-bordered thead th:first-child {
  border-color: #1a1a1a;
}

strong {
  font-weight: 400;
}

.alert {
  text-shadow: none;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

legend {
  border-color: #666;
}

@media (max-width: 500px) {
  .account-list .name a {
    word-break: break-all;
  }
}

@media (max-width: 1265px) {
  .container {
    width: auto;
    max-width: 1265px;
  }
}

@media (min-width: 1265px) {
  .container {
    width: 1265px;
  }
}

@media (min-width: 1508px) {
  .container {
    width: 1508px;
  }
}

@media (min-width: 1751px) {
  .container {
    width: 1751px;
  }
}

@media (min-width: 1994px) {
  .container {
    width: 1994px;
  }
}

@media (min-width: 2237px) {
  .container {
    width: 2237px;
  }
}

@media (min-width: 2480px) {
  .container {
    width: 2480px;
  }
}

@media (min-width: 2723px) {
  .container {
    width: 2723px;
  }
}

@media (min-width: 2966px) {
  .container {
    width: 2966px;
  }
}

:root {

    --body-background-hs: 210 2%;
    --body-background-colour: hsl(var(--body-background-hs) 22%);
    --body-background-colour-lighter: hsl(var(--body-background-hs) 25%);
    --section-background-colour: #525354;
    --colour-background-black: #1a1c1d;
    --colour-footer: #666; /* the colour of footers, like section footers, and so on */
    --dialog-title-background-colour: #666;

    /* The gray to use for our headings when they appear on light (usually white) backgrounds. */
    --heading-colour-light: rgb(140, 140, 140);
    /* The colour of our text titles, which are usually on a darker background. */
    --heading-colour-text-dark: rgb(230, 230, 230);

    /* These are our current colour schemes for reporting purposes, defined in the analyst
     * reporting template, created by mike.
     */
    --be-colour-light-grey: #e9e9e9;   /* gridlines, bars and columns, neutral sentiment*/
    --be-colour-mid-grey: #c0c0c0;     /* table borders, bars and columns if light grey is too lightGrey */
    --be-colour-dark-grey: #444444;    /* All text */

    --be-colour-positive: #00b0b9; /* blue */
    --be-colour-neutral: var(--be-colour-mid-grey);  /* Should be light grey, but that's too dark on white */
    --be-colour-negative: hsl(355, 85%, 54%); /* Red */
    --be-colour-net: #1c1f2a;      /* Elite */

    --be-colour-positive-darker: #047075;
    --be-colour-neutral-darker: var(--be-colour-dark-grey);
    --be-colour-negative-darker: hsl(355, 85%, 34%);

    --be-colour-net-sentiment-decrease: #C10F1D; /* For showing negative deltas, especially with net sentiment. */
    --be-colour-net-sentiment-increase: #00C9A0; /* For showing positive deltas, especially with net sentiment. */

    --be-colour-text: var(--be-colour-dark-grey);      /* Our standard text colour on a light background */
    --be-colour-text-dark: var(--be-colour-mid-grey);  /* Our standard text colour on a dark background */
    --be-colour-text-dark__hover: #aee15d;
    --deq-color-text-strong: #fff;
    --deq-color-text-label: #eee;

    --be-colour-muted-text-dark: #888;      /* Muted text on a dark background */
    --be-colour-muted-text-light: #999;      /* Muted text on a dark background */

    --be-colour-warning: orange;        /* the colour used for warning signs and so on. */
    --be-colour-warning-dark: darkorange;

    --be-tooltip-colour: var(--be-colour-text-dark);
    --be-tooltip-dim-colour: var(--be-colour-mid-grey);
    --be-tooltip-strong-colour: #fff;
    --be-filter-tag-hover-colour: #AEE15D;  /* The hover colour for tags in the basic filter */
    --be-filter-tag-hover-colour-subtle: rgba(174, 225, 93, 0.5);

    --be-colour-border-separator: #272727;

    --be-colour-tag-risk-hs: 260, 38%;
    --be-colour-tag-purchase-hs: 37, 89%;
    --be-colour-tag-cancel-hs: 353, 64%;
    --be-colour-tag-service-hs: 20, 87%;
    --be-colour-tag-risk-hsl: var(--be-colour-tag-risk-hs), 50%;
    --be-colour-tag-purchase-hsl: var(--be-colour-tag-purchase-hs), 57%;
    --be-colour-tag-cancel-hsl: var(--be-colour-tag-cancel-hs), 47%;
    --be-colour-tag-service-hsl: var(--be-colour-tag-service-hs), 60%;

    /* tag colours */
    --be-colour-tag-risk: hsla(var(--be-colour-tag-risk-hs), 50%, 1);
    --be-colour-tag-purchase: hsla(var(--be-colour-tag-purchase-hs), 57%, 1);
    --be-colour-tag-cancel: hsla(var(--be-colour-tag-cancel-hs), 47%, 1);
    --be-colour-tag-service: hsla(var(--be-colour-tag-service-hs), 60%, 1);
    --be-colour-tag-conduct: #757788;

    --be-colour-tag-risk-darker: hsl(260, 41%, 46%);
    --be-colour-tag-purchase-darker: hsl(37, 68%, 49%);
    --be-colour-tag-cancel-darker: hsl(353, 71%, 39%);
    --be-colour-tag-service-darker: hsl(19.5, 69%, 52%);
    --be-colour-tag-conduct-darker: #757788;

    /* tag colours on a dark background */
    --be-colour-tag-risk-lighter: hsla(260, 88%, 75%, 1);
    --be-colour-tag-purchase-lighter: hsla(37, 89%, 57%, 1);
    --be-colour-tag-cancel-lighter: hsla(353, 84%, 57%, 1);
    --be-colour-tag-service-lighter: hsla(20, 87%, 60%, 1);
    --be-colour-tag-conduct-lighter: #757788;

    --be-colour-tag-risk-very-dark: hsla(260, 58%, 25%, 1);
    --be-colour-tag-purchase-very-dark: hsla(37, 59%, 19%, 1);
    --be-colour-tag-cancel-very-dark: hsla(353, 54%, 17%, 1);
    --be-colour-tag-service-very-dark: hsla(20, 57%, 20%, 1);
    --be-colour-tag-conduct-very-dark: #757788;


    /* Colour for hyperlinkable things on a light background */
    --light-link-colour: rgb(6, 118, 0);

    /* ------------------------- Colours for account statuses -------------------------------------- */
    --ac-colour-normal: #999;
    --ac-colour-archived: #777;
    --ac-colour-suspended: #ff938f;
    --ac-colour-inactive: #d42426;

    --colour-error: #df8505;

    --colour-tag-background: #222;


    --content-region-padding: 20px; /* The padding around the edges of the screen. */
    --dashboard-nav-width: 30px; /* The width of the dashboard contents bar on the dashboards panel. */

    /* -------------------------  Buttons, etc ------------------------- */

    --disabled-color: var(--be-colour-muted-text-dark);

    /* -------------------------  UI regions ------------------------- */
    --navbar-background: var(--be-colour-net);

    /* --------------------------- social network colours -------------------------------------------------------- */

    --colour-old-twitter: #1da1f2;
    --colour-twitter: #222; /* #000000; */
    --colour-facebook: #3c5a99;
    --colour-youtube: #FF0000;
    --colour-instagram: #C13584;
    --colour-linkedin: #0077B5;
    --colour-tiktok: #eeeeee;
    --colour-tiktok-dark: #222222;
    --colour-trustpilot: #04da8d;
    --colour-telegram: #0088cc;
    --colour-vk: #5181b8;
    --colour-whatsapp: #25D366;
    --colour-googlebusiness: #4285F4;
    --colour-hellopeter: #47a8e2;

    /* --------------------------- transitions -------------------------------------------------------- */

    --transition-duration: 100ms;   /* See prefers-reduced-motion media query below */

    /* --------------------------- Fonts -------------------------------------------------------- */

    --base-font-family: "Cairo", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --number-font-family: "Open Sans", sans-serif;

    /* The default tooltip font */
    --tooltip-font: var(--base-font-family);
    --tooltip-font-size: 14px;
    --font-family-title: var(--base-font-family);

    /* The default font to use on widgets. */
    --widget-font: "Roto Kufi Arabic", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --widget-font-roto-kufi: "Roto Kufi Arabic", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --widget-font-open-sans: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;

    /* The default font for showing rpcs tags -- reintroduce Open Sans when interface is updated */
    --be-rpcs-font: "Roto Kufi Arabic", "Helvetica Neue", Helvetica, Arial, sans-serif;

}

@media (prefers-reduced-motion: reduce) {
    :root {
        --transition-duration: 0.01ms; /* takes it immediately to the ending position */
    }

    html:focus-within {
        scroll-behavior: auto;
    }

    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}
/* Don't put view specific CSS in this file. */

body {
    -webkit-font-smoothing: subpixel-antialiased;
}

body.login {
    display: grid;
    justify-content: center;
    align-content: center;
    height: 80vh;
}

/*noinspection CssUnresolvedCustomProperty*/
body[data-dialogs] #navbar {
    padding-right: var(--popup-scrollbar-width, 0);
}

.login #container-page, .login #navbar {
    width: 500px;
    margin-left: auto;
    margin-right: auto;
}

.login #container-page {
    border-radius: 4px;
}

.login #navbar .navbar-inner {
    border-radius: 4px 4px 0 0;
}

.fullscreen .hide-in-fullscreen {
    display: none !important;
}

.email .hide-in-email {
    display: none !important;
}

.email body,
.email #container-page {
    color: #333333;
    background-color: #fff;
}

.notification-email body,
.notification-email #container-page {
    background-color: #FAFAFA;
    /*background-color: red;*/
}

.login .navbar-fixed-top {
    position: relative;
    top: 0;
}

.login .old-message {
    float: right;
    font-size: small;
}

.login .old-message > a {
    color: inherit;
}

.login .old-message > a:hover {
    color: rgb(153, 196, 81);
}

.login .icon-info {
    float: left;
    font-size: 2em;
    margin-top: 5px;
}

.login h1 {
    margin-bottom: 20px;
}

.login footer {
    background: var(--navbar-background);
    margin-left: calc(-1 * var(--content-region-padding));
    margin-right: calc(-1 * var(--content-region-padding));
    padding: 4px var(--content-region-padding) ;

}

.login footer h5 {
    margin: 0;
}

.login footer .login__media-links {
    display: flex;
    justify-content: space-around;
}

.login .checkbox {
    color: var(--be-colour-text-dark);
}

@media (max-width: 500px) {
    /*
     * This ensures that the login page fits to narrow devices, like phones.
     * Useful for single sign-on, when we might want to be using our phones on
     * other services.
     */
    .login #container-page, .login #navbar {
        width: 95%;
    }

    .login {
        --content-region-padding: 10px;
    }

    .login #content {
        width: 100%;
    }

    .login footer .login__media-links {
        flex-direction: column;
    }
}

.login footer a:hover {--transition-duration: 250ms; color: var(--be-colour-text-dark__hover)}
.login footer a {--transition-duration: 100ms; transition: color var(--transition-duration); }
.login footer a:not(:hover) { color: var(--be-colour-muted-text-dark); }
.login footer a:hover .symbol-twitter {color: var(--colour-twitter);}
.login footer a:hover .symbol-instagram {color: var(--colour-instagram);}
.login footer a:hover .symbol-facebook {color: white; background-color: var(--colour-facebook);}

.login footer a [class^="symbol-"] {
    transition-property: background-color, color;
    transition-duration: var(--transition-duration);
}

#container-page {
    background: var(--body-background-colour);
    position: relative;
    overflow: hidden;
    padding-top: 40px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

body.login #container-page {
    padding-top: 0;
}

.fullscreen #container-page {
    padding: 0;
    margin: 0;
}

.conversation-explorer-active #container-page {
    margin-bottom: 0;
}

#container-page.scrollable {
    overflow: visible;
}

#container-page.scrollable #content {
    overflow: visible;
}

#content {
    min-height: 1000px;
    position: relative;
}

.conversation-explorer-active #content {
    min-height: auto !important;
}

#content-region {
    padding-left: var(--content-region-padding);
    padding-right: var(--content-region-padding);
}

.fullscreen #content-region {
    padding: 0;
}

.conversation-explorer-active #content-region {
    padding-right: 0;
}


#overlay-region {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1001;
}

.login #content {
    min-height: 0;
}

#ajax-container {
    float: left;
    margin-top: 11px;
    position: relative;
}

#ajax-busy {
    --css-spinner-size: 17px;
    --css-wedge-size: 3px;
    display: block;
    opacity: 1.0;
    transition: opacity 0.5s ease-out;
}

#ajax-busy.off {
    opacity: 0.0;
}

#the-great-eye {
    display: none;
    position: absolute;
    width: 17px;
    height: 17px;
    border-radius: 8px;
    top: 0;
    box-shadow:inset 0 0 5px 3px rgba(255, 0, 0, 0.5);
    opacity: 0;
    transition: opacity 1.0s ease-out;
}

#the-great-eye.on {
    opacity: 1.0;
}

.logged-on { padding-left: 8px }

#account-settings {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

#account-settings:hover {
    background-color: var(--navbar-background);
}

.navbar .options {
    font-size: 13px;
    line-height:  40px;
    margin-right: -13px;
}
@media (max-width: 330px) {
    .navbar .options {
        margin-right: -12px;
    }
}
.navbar .options a {
    cursor: pointer;
    display: inline-block;
    height: 26px;
    line-height: normal;
    border-right: 1px solid #353535;
    padding: 0 10px;
    vertical-align: middle;
}

.navbar .options a.brandseye-help {
    padding-left: 5px; /* because of the icon */
}

.navbar .options a:last-child {
    border-right: none;
}

.login .navbar .options {
    display: none;
}

.navbar .notifications {
    display: inline-block;
    height: 26px;
    line-height: 26px;
    margin-top: 7px;
    color: #ccc;
    vertical-align: top;
    padding-left: 10px;
    padding-right: 10px;
}

.navbar .notifications:hover {
    color: #ceed9e;
    background-color: #272727;
}

.navbar .brand a.app-name:hover {
    color: #ceed9e;
}

@media (max-width: 1000px) {
    .navbar a.brand {
        /*noinspection CssUnknownTarget*/
        background-image: url("resource:/static/img/dataeq-venn.svg");
        background-repeat: no-repeat;
        background-size: 20px;
        height: 7px;
        width: 10px;
        padding-left: 0;
        margin-top: 8px;
        margin-right: 2px;
        margin-left: -10px;

    }
}

@media (max-width: 330px) {
    .account-menu-trigger {
        width: 20px;
    }
}

.account-menu-trigger:hover {
    background-color: var(--navbar-background);
}

.account-menu-trigger .caret {
    margin-top: 11px;
}

.account-menu-trigger:hover .caret {
    border-top-color: #ceed9e;
}


/* These styles are used by Javascript code to dynamically adjust the height of our views (for charts mostly) */
.view-auto-height { }
.view-square { }
.view-wide { }
.view-tall { }

.view-auto-height .view-inner,
.view-square .view-inner,
.view-wide .view-inner,
.view-tall .view-inner {
    height: 100%;
}

.view-inner {
    width: 100%;
    position: relative;
}

.view-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
    z-index: 10;
}

.view-overlay .bg {
    background-color: #ffffff;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.1;
}

.spinner-dark {
    background: url("img/spinner16-dark.gif") no-repeat;
}

.spinner {
    background: url("img/spinner16.gif") no-repeat;
}

.spinner-light {
    background: url("img/spinner16-light.gif") no-repeat;
}

.spinner48,
.spinner48-dark {
    background: url("img/spinner48-light.gif") no-repeat; /* http://www.loadinfo.net/ */
    width: 48px;
    height: 48px;
}

.spinner48-dark {
    background: url("img/spinner48.gif") no-repeat; /* http://www.loadinfo.net/ */
}

span.spinner,
span.spinner-dark,
span.spinner-light {
    display: inline-block;
    width: 16px;
    height: 16px;
}

.btn {
    touch-action: manipulation;
}

.btn > span.spinner {
    position: relative;
    top: 2px;
}

.loading {
    min-height: 24px;
}

.view-overlay .spinner {
    position: absolute;
    left: 8px;
    top: 8px;
}

.btn-spinner {
    padding-left: 11px;
}

.btn-primary:not(.disabled):not(:hover) {
    animation: primary-glow 1s ease-in-out both alternate infinite;
}

@keyframes primary-glow {
    0% {
        background: #608c1b;
        box-shadow: inset 0 0 10px transparent;
    }

    100% {
        background: #80ac3b;
        box-shadow: inset 0 0 10px #406c0a;
    }
}

#undo-redo {
    text-align: center;
    position: absolute;
    left: 50%;
}

#undo-redo small {
    display: block;
    margin-left: -50%;
}

.editable {
    cursor: pointer;
}

.editable i {
    vertical-align: baseline;
}

.radio-with-inputs {
    margin-top: 5px;
}

.radio-with-inputs > input[type='radio'] {
    margin-top: 11px;
}

/* this is so inputs without a preprended or appended icon are the same height as those with icons */
.controls input[type="text"] {
    margin-bottom: 5px;
}

legend {
    font-size: 14px;
}

.read-only label {
    cursor: default;
    margin-bottom: 0;
}

.field {
    min-height: 20px;
    padding: 4px 6px;
    font-size: 14px;
    line-height: 20px;
    vertical-align: middle;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #eee;
    background-color: #444;
}

label .help-inline {
    display: inline;
    vertical-align: baseline;
    margin-right: 9px;
}

.control-group.error .uneditable-input {
    border-color: #FF6663;
}

.control-group.error .uneditable-input:focus,
.control-group.error .uneditable-input.focus {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
}

.control-group.error .uneditable-input input:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.tag-input {
    white-space: normal;
    height: auto;
    min-height: 20px;
    padding-top: 3px;
    cursor: pointer;
}

.tag-input.span12 {
    width: 100%;
}

.tag-input.focus {
    border-color: rgba(206, 237, 158, 0.8);
    outline: 0;
    outline: thin dotted \9;
    /* IE6-9 */
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(174, 225, 93, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(174, 225, 93, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(174, 225, 93, 0.6);
}

.tag-input .tag .tag-text {
    padding: 0 3px;
}

.tag-input:not(.tf-read-only) .tag .tag-text {
    padding-right: 0;
}

.tag-input .tag-text i.icon {
    padding-right: 5px;
}

.tag-input.select input {
    opacity: 0.5;
    position: relative;
    cursor: pointer;
}

.tag-input.select i {
    float: right;
}

.tag-input.select.focus i,
.tag-input.select:hover i {
    color: var(--be-filter-tag-hover-colour);
}

.tag-input.readonly {
    cursor: not-allowed;
    border-color: #888;
}

.tag-input.readonly span.tag:hover {
    color: #eee;
}

.tag-input.readonly span.tag .close:hover {
    color: #fff;
    opacity: 0.15;
    cursor: default;
}

.tag .tag__icon {
    transition: background-color var(--transition-duration);
    background: var(--be-colour-dark-grey);
    border-radius: 3px;
    margin: 2px;
    line-height: 1em;
    display: inline-block;
}

label.readonly {
    cursor: default;
}

span.tag {
    display: inline-block;
    position: relative;
    top: 1px;
    background-color: var(--colour-tag-background);
    border-radius: 3px;
    margin-right: 8px;
    padding-left: 3px;
    margin-bottom: 1px;
    --transition-duration: 150ms;
    transition: color var(--transition-duration);
}

span.tag.all {
    font-style: italic;
    font-variant: small-caps;
}

span.tag.topic,
span.tag.parent {
    background-color: rgb(86, 90, 112);
}

span.tag.other {
    background-color: rgb(103,103,103);
}

span.tag.engage {
    background-color: rgb(194, 146, 146);
}

span.tag.invalid {
    background: rgb(100, 0, 0);
}

span.tag:hover {
    color: var(--be-filter-tag-hover-colour);
    /*--transition-duration: 250ms;*/
}

.tag-input.tf-read-only span.tag:hover {
    color: inherit;
    cursor: default;
}



span.tag.other:hover,
span.tag.topic:hover,
span.tag.parent:hover {
    color: var(--be-filter-tag-hover-colour);
}



span.tag:last-child {
    margin-right: 0;
}

span.tag .close {
    font-size: 16px;
    line-height: 18px;
    padding: 0 3px;
    position: static;
    opacity: 0.25;
}

span.tag .close:hover {
    opacity: 1.0;
    color: var(--be-filter-tag-hover-colour);
}

span.tag-neg {
    color: var(--be-colour-negated);
}

span.tag-neg:hover {
    color: #faedaf;
}

input.tag {
    border: none;
    padding: 0;
    width: 60px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: transparent;
}

input.tag:focus {
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.controls input.tag {
    margin-bottom: 0;
    height: 19px;
}

.lots {
    padding: 3px 20px;
    height: 14px;
    display: inline-block;
}

.delim {
}

.btn-collapsed-menu {
    padding: 7px 10px;
}

.btn-collapsed-menu .three-bar {
    display: block;
    width: 18px;
    height: 2px;
    background-color: #f5f5f5;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}

.btn-collapsed-menu .three-bar + .icon-bar {
    margin-top: 3px;
}

.close {
    opacity: 0.5;
    border: none;
    background: none;
}

button.close {
    padding: 10px 13px 2px;
    position: relative;
    right: -21px;
    top: -17px;
}

.close:hover {
    opacity: 1.0;
    border: none;
    background: none;
    transition: opacity 0.15s;
}

.btn-three-bar {
    height: 21px;
    padding-left: 6px;
    padding-right: 6px;
    cursor: pointer;
}

.btn-three-bar:active,
.btn-three-bar:focus {
    outline: none;
}

.btn-three-bar > span {
    position: relative;
    top: 3px;
}

.btn-three-bar .icon-bar,
.three-bar {
    display: block;
    width: 17px;
    height: 3px;
    background-color: #fff;
    opacity: 1.0;
    margin-bottom: 3px;
}

.link-bright {
    color: #fff;
}

.link-bright:hover {
    color: var(--be-filter-tag-hover-colour);
    -webkit-transition: color linear 0.1s;
    -moz-transition: color linear 0.1s;
    -o-transition: color linear 0.1s;
    transition: color linear 0.1s;
}

.ok-cancel {
    margin-top: 20px;
}

.warn[class^="icon-"] {
    color: #ff938f;
}

.control-group-colour {
    color: #bbb;
}

.control-group-spacer {
    margin-top: 10px;
}

.sentiment-neg-1,
.sentiment-neg-2,
.sentiment-neg-3,
.sentiment-neg-4,
.sentiment-neg-5 {
    color: #ff938f;
}

.sentiment-1,
.sentiment-2,
.sentiment-3,
.sentiment-4,
.sentiment-5 {
    color: var(--be-filter-tag-hover-colour);
}

/* ---------------------------------------------------------------------------- */
/* Text colours for sentiment */

/* Used for changing colours on dark backgrounds */
.brandseye-dark {

}

.positive-sentiment {
    color: var(--be-colour-positive);
}

.negative-sentiment {
    color: var(--be-colour-negative);
}

.neutral-sentiment {
    color: var(--be-colour-neutral);
}

.risk-colour {
    color: var(--be-colour-tag-risk);
}

.purchase-colour {
    color: var(--be-colour-tag-purchase);
}

.cancel-colour {
    color: var(--be-colour-tag-cancel);
}

.service-colour {
    color: var(--be-colour-tag-service);
}

.brandseye-dark .risk-colour,
.brandseye-dark .purchase-colour,
.brandseye-dark .cancel-colour,
.brandseye-dark .service-colour {
    filter: brightness(200%);
}


/* ---------------------------------------------------------------------------- */
/* Useful for display choices to the user, like for the rules action selection. */

.action-option {
    font-weight: 400;
    color: #ffffff;
}

.action-options input {
    margin-top: -2px;
    margin-right: 5px;
}

.action-options label {
    margin-bottom: 15px;
}

.action-options .explanation {
    margin-top: -15px;
    margin-left: 30px;
    margin-bottom: 15px;
    font-size: 13px;
    font-style: italic;
    color: #bbb;
}

.label-data-table {
    background: none;
}

.label-data-table td {
    text-align: right;
    padding: 0 16px 0 8px;
}

.label-data-table td.header {
    color: #bbb;
    padding: 0;
}

.label-data-table td:last-child {
    padding-right: 0;
}

/* Use this for text that should not have a line break */
.none-breaking-text {
    white-space: nowrap;
}

.progress {
    background: rgba(255, 255, 255, 0.05);
}

table.small-header thead td,
table.small-header thead th {
    text-transform: uppercase;
    font-size: 12px;
    line-height: 13px;
}

/* ---------------------------------------------------------------------------- */
/* Scrollbars */

.dark-scrollbars::-webkit-scrollbar {
    display: none;
    width: 5px;
    background-color: var(--scrollbar-background-colour);
}

.dark-scrollbars::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar-thumb-colour);
}


.dark-scrollbars {
    scrollbar-width: none;
    scrollbar-color: var(--scrollbar-colour);
}

.dark-scrollbars:hover::-webkit-scrollbar,
.dark-scrollbars.dark-scrollbars--visible::-webkit-scrollbar {
    display: inherit;
}

.dark-scrollbars:hover,
.dark-scrollbars.dark-scrollbars--visible {
    scrollbar-width: var(--scrollbar-width);
}

/* ---------------------------------------------------------------------------- */
/* Debugging */

.general-debug-message {
    color: var(--be-colour-muted-text-dark);
    font-size: 0.9em;
}

/* ---------------------------------------------------------------------------- */

/*
 * Animations
 * These can be used by adding the following tags to any CSS element:
 *
 *    animation-duration: 750ms;
 *    animation-name: slidein;
 * or
 *    animation: slidein 750ms;
 *
 * Of course, use the appropriate animation name from the animations below.
 * Currently only Firefox supports undecorated CSS animation items, so
 * if you use these remember to add the browser specific escapes as well:
 *
 * -webkit-animation: slidein 5s; // Safari and Chrome
 * -o-animation: slidein 5s;      // Opera
 *
 * If you want to know more, have a look at:
 * https://developer.mozilla.org/en-US/docs/CSS/Tutorials/Using_CSS_animations
 */

/*
 * Slides an element in from the right.
 */
@keyframes slidein {
    from {
        margin-left: 100%;
        width: 0%
    }

    to {
        margin-left: 0%;
        width: 100%;
    }
}

@-webkit-keyframes slidein {
    from {
        margin-left: 100%;
        width: 0%
    }

    to {
        margin-left: 0%;
        width: 100%;
    }
}

@-o-keyframes slidein {
    from {
        margin-left: 100%;
        width: 0%
    }

    to {
        margin-left: 0%;
        width: 100%;
    }
}


@keyframes flash-green {
    0%, 50%, 100% {background: #272727;}
    25%, 75% {background: var(--background-menu-hover);}
}
/**
 * Various theme tweaks to handle light background items.
 */

.light a {
    color: var(--light-link-colour);
}

.light h2, .light h3, .light h4, .light h5 {
    color: rgb(153, 153, 153);
}
/*
    Various styles to use to consistently transition certain kinds of css fields.
    See http://easings.net/ for example parametric curve easings.
*/

/* Use this with styles from animation.css to provide shorter animation periods than the .animated style. */
.short-animated {
    animation-duration: 400ms;
    animation-fill-mode: both;
}

.animate-forever {
    animation-iteration-count: infinite;
}

.delay-200 {
    animation-delay:200ms;
}

.delay-300 {
    animation-delay:300ms;
}

.delay-400 {
    animation-delay:400ms;
}

.delay-1000 {
    animation-delay:1000ms;
}

.delay-1500 {
    animation-delay:1500ms;
}

.delay-2000 {
    animation-delay: 2000ms;
}

.delay-3000 {
    animation-delay: 3000ms;
}

.opacity-transition {
    transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1);
}


@keyframes green-flash-transition {
    0% {
        color: #ffffff;
    }
    50% {
        color: #608c1b;
    }
    100% {
        color: #ffffff;
    }
}

.green-flash-transition {
    animation-name: green-flash-transition;
    animation-duration: 2000ms;
    animation-iteration-count: 1;
    animation-timing-function: ease-in-out;
}

@keyframes menu-selected-pulse {
    0% {
        background: var(--background-menu-hover);
    }
    33% {
        background: var(--background-menu-active);
    }
    66% {
        background: var(--background-menu-hover);

    }
    100% {
        background: var(--background-menu-active);
    }
}


@charset "UTF-8";

/* This is based on the icon-* definitions in icon.css, and should
   be updated when that is updated. Note that that file is automatically
   generated using fontello.
 */
[class^="symbol-"]:before, [class*=" symbol-"]:before {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Our main menu icons */
.symbol-reports:before { content: '\e751'; } /* '' */
.symbol-mentions:before { content: '\e718'; } /* '' */
.symbol-authors:before { content: '👤'; } /* '\1f464' */
.symbol-explore:before { content: '🔍'; } /* '\1f50d' */
.symbol-setup:before { content: '\2699'; } /* '⚙' */

/* Icons for our panels and other important sections of the app */
.symbol-user:before { content: '\e81b'; }
.symbol-notification:before { content: '\f1ea'; }   /* For our notifications, like notification panels, etc. */
.symbol-account-health:before { content: '\2665'; } /* '♥' For our account health page. */
.symbol-metric:before { content: '\e751'; }         /* for discussing metrics, and so on */


/* Our data sources / platforms */
.symbol-instagram:before { content: '\f16d'; } /* '' */
.symbol-youtube:before { content: '\f16a'; font-size: 120%; } /* '' */
.symbol-x, .symbol-twitter { position: relative }
:is(.symbol-x, .symbol-twitter):before {
    content: '\e802';
    font-size: 0.7rem;
    bottom: 1.5px;
    position: relative;
}
.symbol-old-twitter:before { content: '\f058'; } /* '' */
.symbol-tiktok:before { content: '\e803'; } /* '' */
.symbol-facebook { display: inline-block; }
.symbol-facebook:before { content: '\f052';} /* '' */
.symbol-facebook-rect:before { content: '\ea06'; } /* '' */
.symbol-csv-doc:before { content: '\e0c1'; } /* '' */
.symbol-telegram:before { content: '\e79b'; } /* '' */
.symbol-vk:before { content: '\e9f9'; } /* '' */
.symbol-vk-rect:before { content: '\e10e'; } /* '' */
.symbol-linkedin:before { content: '\f0e1'; } /* '' */
.symbol-linkedin-rect:before { content: '\f05c'; } /* '' */
.symbol-tumblr-rect:before { content: '\ea0b'; } /* '' */
.symbol-tumblr:before { content: '\f315'; } /* '' */
.symbol-wordpress:before { content: '\ea21'; } /* '' */
.symbol-website:before { content: '\e97b'; } /* '' */
.symbol-whatsapp:before { content: '\f232'; } /* '' */
.symbol-hellopeter:before { content: '\e801'; } /* '' */
.symbol-google-full:before { content: '\f1a0'; }
.symbol-trustpilot:before { content: '\2605'; }

.symbol-help:before { content: '\e704'; }
.symbol-close:before { content: '\ea2f'; }      /* '' */
.symbol-add:before { content: '\e826'; }        /* For adding elements */
.symbol-search:before { content: '🔍'; }        /* For search boxes, and so on. */
.symbol-warning:before {
    color: var(--be-colour-warning-dark);
    content: '\e009';
}
.symbol-edit:before { content: '\270e'; }       /* '✎' For buttons allowing editing, etc. */
.symbol-checkmark:before { content: '\2713'; margin-left: 0; } /* '✓' */
.symbol-download:before { content: '📥'; } /* '\1f4e5' */
.symbol-private:before { content: '\e70b'; }     /* '' For private dashboards, etc. */
.symbol-lock:before { content: '🔒'; }           /* '\1f512' For private dashboards. */
.symbol-lock-open:before { content: '\e82f'; }   /* For visible dashboards. */
.symbol-menu:before { content: '\e78d'; } /* '' The three dot kebab for showing menus */
.symbol-info:before {content: "\e705";}         /* The i in a circle logo. */
.symbol-tip:before { content: '\e0de'; }        /* Used for when showing tips to users */
.symbol-archive:before { content: '\e738'; }    /* The archive button on the dashbaord sidebar */
.symbol-wrong:before { content: '\274c'; }      /* A cross, ❌, for showing 'wrong' things */
.symbol-translate:before { content: '\21c6'; }  /* For translating text*/

.symbol-notification:before { content: '\f1ea'; }       /* For our notifications, like notification panels, etc. */
.symbol-account-health:before { content: '\2665'; }     /* '♥' For our account health page. */
.symbol-metric:before { content: '\e751'; }             /* for discussing metrics, and so on */
.symbol-tags:before { content: '\e70d'; }               /* For the tag panel */
.symbol-crowd:before { content: '👥'; }                 /* For the Crowd Verification panel' */
.symbol-profiles:before { content: '\f0e5'; }           /* For the online profiles panel */
.symbol-rules:before { content: '\e005'; }              /* For the rules panel */
.symbol-topics:before { content: '\e70c'; }             /* For the topics panel */
.symbol-custom-data-source:before { content: '🔗'; }    /* For the custom data sources panel */
.symbol-import:before { content: '\e014'; }
.symbol-volumes:before { content: '\e92f'; }            /* For the volume usage panel */
.symbol-sorter:before { content: '\e84c'; }             /* For the sorter panel */
.symbol-online-profiles:before { content: '\f0e5'; }

.symbol-pin:before { content: '\e8ff'; }

/* Media symbols */
.symbol-pause:before { content: '\2389'; }          /* A pause button ⏸ */
.symbol-play:before { content: '\e86e'; }           /* A play button ▶ */
img.emoji {
    height: 1.3em;
    width: 1.3em;
    margin: 0 .05em 0 .1em;
    vertical-align: -0.1em;
}

.popup {
    display: none;
    position: absolute;
    padding: 0;
    z-index: 1031;
    margin-left: 0;
}

.popup-modal__background {
    position: fixed;
    left: -100vw;
    top: -100vh;
    width: 200vw;
    height: 200vh;
    background: rgba(0, 0, 0, 0.6);
    z-index: -1;
}

.popup.popup-fixed {
    position: fixed;
}

.popup.popup-fixed .popup-fixed__background {
    position: absolute;
    left: -100vw;
    top: -100vh;
    width: 200vw;
    height: 200vh;
    background: rgba(0, 0, 0, 0.6);
    z-index: -1;

}

.popup-styled {
    /* cut and past from bootstrap.css .dropdown-menu */
    top: 100%;
    left: 0;
    float: left;
    min-width: 160px;
    margin: 1px 0 0;
    list-style: none;
    background-color: #333;
    border: 1px solid #222;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

.popup-center {
    display: block;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 370px;
    margin-left: -185px;
    margin-top: -124px;
}

.popup-center > .contents > div {
    height: 249px;
}

.popup-center.medium {
    margin-top: -166px;
    width: 494px;
    margin-left: -247px;
}

.popup-center.medium > .contents > div {
    height: 333px;
}

.popup-center.large {
    margin-top: -250px;
    width: 740px;
    margin-left: -370px;
}

.popup-center.large > .contents > div {
    height: 550px;
}

.dialog {
    -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.75);
    -moz-box-shadow:    0 5px 30px rgba(0, 0, 0, 0.75);
    box-shadow:         0 5px 30px rgba(0, 0, 0, 0.75);
}

.dialog-title {
    position: relative;
    background-color: var(--dialog-title-background-colour);
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.dialog-title h5 {
    margin: 0;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    cursor: default;
    color: #eee;
}

.dialog-title .close {
    position: absolute;
    right: -1px;
    top: -1px;
    padding: 6px 7px 2px 14px;
}

.dialog-body {
    padding: 20px;
    background: var(--body-background-colour);
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.dialog-body-square {
    border-radius: 0;
}

.dialog-body-tooltip {
    padding: 10px;
    border-radius: 0;
}

.dialog-body-notitle {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.dialog-button-bar {
    text-align: right;
    clear: both;
    margin-top: 20px;
}

.dialog-button-bar .btn {
    min-width: 40px;
    color: #fff;
}

.dialog-button-bar .btn.cancel,
.btn-link {
    background: none;
    border-color: transparent;
}

.dialog-button-bar .btn.cancel:hover,
.btn-link:hover {
    color: #aee15d;
    background: none;
    border-color: transparent;
    text-decoration: none;
}

/* Each of these is a gray triangle with a smaller white triangle on top of it to make a little arrow. */

.popup-styled.bottom-left:before {
    position: absolute;
    top: -7px;
    right: 9px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #333;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}

.popup-styled.bottom-left:after {
    position: absolute;
    top: -6px;
    right: 10px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #333;
    border-left: 6px solid transparent;
    content: '';
}

.popup-styled.bottom-right:before {
    position: absolute;
    top: -7px;
    left: 9px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #333;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}

.popup-styled.bottom-right:after {
    position: absolute;
    top: -6px;
    left: 10px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #333;
    border-left: 6px solid transparent;
    content: '';
}

.popup-styled.top-right:before {
    position: absolute;
    bottom: -7px;
    left: 9px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-top: 7px solid #333;
    border-left: 7px solid transparent;
    border-top-color: rgba(0, 0, 0, 0.2);
    content: '';
}

.popup-styled.top-right:after {
    position: absolute;
    bottom: -6px;
    left: 10px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-top: 6px solid #333;
    border-left: 6px solid transparent;
    content: '';
}

.popup-styled.top-left:before {
    position: absolute;
    bottom: -7px;
    right: 9px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-top: 7px solid #333;
    border-left: 7px solid transparent;
    border-top-color: rgba(0, 0, 0, 0.2);
    content: '';
}

.popup-styled.top-left:after {
    position: absolute;
    bottom: -6px;
    right: 10px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-top: 6px solid #333;
    border-left: 6px solid transparent;
    content: '';
}

.popup-styled.right:before {
    position: absolute;
    left: -7px;
    top: 9px;
    display: inline-block;
    border-top: 7px solid transparent;
    border-right: 7px solid #333;
    border-bottom: 7px solid transparent;
    border-right-color: rgba(0, 0, 0, 0.2);
    content: '';
}

.popup-styled.right:after {
    position: absolute;
    left: -6px;
    top: 10px;
    display: inline-block;
    border-top: 6px solid transparent;
    border-right: 6px solid #333;
    border-bottom: 6px solid transparent;
    content: '';
}

.popup-styled.left:before {
    position: absolute;
    right: -7px;
    top: 9px;
    display: inline-block;
    border-top: 7px solid transparent;
    border-left: 7px solid #333;
    border-bottom: 7px solid transparent;
    border-right-color: rgba(0, 0, 0, 0.2);
    content: '';
}

.popup-styled.left:after {
    position: absolute;
    right: -6px;
    top: 10px;
    display: inline-block;
    border-top: 6px solid transparent;
    border-left: 6px solid #333;
    border-bottom: 6px solid transparent;
    content: '';
}

/* This is for preventing scrolling while a fixed in place, modal dialog is open */
/*noinspection CssUnresolvedCustomProperty*/
body[data-dialogs] {
    overflow: hidden !important;
    padding-right: var(--popup-scrollbar-width, 0) !important;
}
.be-rpcs {
    --rpcs-label-outer-height: 1.2em;
    --be-rpcs-colour: #ddd;
    --be-rpcs-colour-lighter: #ddd;
    --rpcs-width-proportion: 1.2;
    --rpcs-end-size: calc(var(--rpcs-label-outer-height)/2);
    display: inline-block;
    height: var(--rpcs-label-outer-height);
    line-height: var(--rpcs-label-outer-height);
    position: relative;
    z-index: 1;
    margin-left: 0.2em;
    color: white;
}

.be-rpcs.be-rpcs--risk     { --be-rpcs-colour: var(--be-colour-tag-risk);     --be-rpcs-colour-lighter: var(--be-colour-tag-risk-lighter);     --be-rpcs-colour-darker: var(--be-colour-tag-risk-darker);       --be-rpcs-colour-very-dark: var(--be-colour-tag-risk-very-dark); }
.be-rpcs.be-rpcs--purchase { --be-rpcs-colour: var(--be-colour-tag-purchase); --be-rpcs-colour-lighter: var(--be-colour-tag-purchase-lighter); --be-rpcs-colour-darker: var(--be-colour-tag-purchase-darker);   --be-rpcs-colour-very-dark: var(--be-colour-tag-purchase-very-dark); }
.be-rpcs.be-rpcs--cancel   { --be-rpcs-colour: var(--be-colour-tag-cancel);   --be-rpcs-colour-lighter: var(--be-colour-tag-cancel-lighter);   --be-rpcs-colour-darker: var(--be-colour-tag-cancel-darker);     --be-rpcs-colour-very-dark: var(--be-colour-tag-cancel-very-dark); }
.be-rpcs.be-rpcs--service  { --be-rpcs-colour: var(--be-colour-tag-service);  --be-rpcs-colour-lighter: var(--be-colour-tag-service-lighter);  --be-rpcs-colour-darker: var(--be-colour-tag-service-darker);    --be-rpcs-colour-very-dark: var(--be-colour-tag-service-very-dark); }

.be-rpcs::before {
    background: var(--be-rpcs-colour-darker);
}
.be-rpcs::after {
    background: linear-gradient(90deg, var(--be-rpcs-colour-darker), var(--be-rpcs-colour) 2.6em);
}

.be-rpcs .be-rpcs__label {
    -webkit-font-smoothing: antialiased;
    font-family: var(--be-rpcs-font);
    font-weight: normal;
    font-style: normal;
    position: relative;
    margin-left: 0.4em;
    margin-right: -0.3em;
    display: inline-block;
}

.be-rpcs::before,
.be-rpcs::after {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
}

/* slanted first bit */
.be-rpcs::before {
    left: 0;
    width: 1em;
    transform: skew(-15.7deg);
    border-radius: 26.7% 50% 7% 6.7%;
}

/* rounded last bit */
.be-rpcs::after {
    left: 0.7em;
    right: 0;
    border-radius: 0 var(--rpcs-end-size) var(--rpcs-end-size) 0;
}

/* label */
.be-rpcs__label::before {
    text-align: left;
    position: relative;
    z-index: 1;
    font-size: 0.85em;
    display: inline-block;
    width: calc(var(--rpcs-label-outer-height) * var(--rpcs-width-proportion));
}

/* Give more breathing space when written in full */
.be-rpcs--full .be-rpcs__label::before {
    width: calc(var(--rpcs-label-outer-height) * var(--rpcs-width-proportion) + 0.2em);
}

.be-rpcs.be-rpcs--risk .be-rpcs__label::before {content: 'R';}
.be-rpcs.be-rpcs--purchase .be-rpcs__label::before {content: 'P';}
.be-rpcs.be-rpcs--cancel .be-rpcs__label::before {content: 'C'; text-indent: -0.1em;}
.be-rpcs.be-rpcs--service .be-rpcs__label::before {content: 'S';}

.be-rpcs.be-rpcs--full.be-rpcs--risk .be-rpcs__label::before {content: 'Risk';}
.be-rpcs.be-rpcs--full.be-rpcs--purchase .be-rpcs__label::before {content: 'Purchase';}
.be-rpcs.be-rpcs--full.be-rpcs--cancel .be-rpcs__label::before {content: 'Cancel';}
.be-rpcs.be-rpcs--full.be-rpcs--service .be-rpcs__label::before {content: 'Service';}

.be-rpcs--full {
    --rpcs-width-proportion: 4.2;
}

/*
.tag-neg ...
Inverted neon when the rpcs tag is associated with a negated tag in the picker
*/
/* .tag-neg .be-rpcs::before,
.tag-neg .be-rpcs::after {
    border: 1px solid var(--be-rpcs-colour-lighter);
    background: var(--be-rpcs-colour-very-dark);
    transition-property: background;
    transition-duration: var(--transition-duration);
}

.tag-neg .be-rpcs::before {
    border-right-width: 0;
}

.tag-neg .be-rpcs::after {
    border-left-width: 0;
}

.tag-neg .be-rpcs {
    transition-property: color;
    transition-duration: var(--transition-duration);
    color: var(--be-rpcs-colour-lighter);
} */

.tag:hover .be-rpcs {
    cursor: pointer;
}

.tag:hover .be-rpcs::before, /* As a tag */
.tag:hover .be-rpcs::after,
li a:hover .be-rpcs::before,/* In a picker dropdown */
li a:hover .be-rpcs::after  {
    background: linear-gradient(90deg, var(--be-rpcs-colour), var(--be-rpcs-colour) 2.6em);
    border: 0;
}

/* handling tags beside one another */
/* be-rpcs-icon[full] + be-rpcs-icon[full] {
    margin-left: -1em;
} */

/* handling stacking of tags */

.be-rpcs-stack {
    --transition-duration: 150ms;
    --transition-delay: 100ms;
}

@media screen and (prefers-reduced-motion: reduce) {
    .be-rpcs-stack {
        --transition-duration: 1ms; /* takes it immediately to the ending position */
        --transition-delay: 0;
    }
}

.be-rpcs-stack .be-rpcs::before {
    box-shadow: 0 -1px 0 1px white;
}

.be-rpcs-stack be-rpcs-icon:not(:last-child) {
    transition-property: margin-right;
    transition-duration: var(--transition-duration);
    transition-timing-function: cubic-bezier(0.33, 1.47, 0.52, 1);
    margin-right: -1.05em;
}

.be-rpcs-stack--expanded .be-rpcs-stack be-rpcs-icon:not(:last-child),
.be-rpcs-stack:hover be-rpcs-icon:not(:last-child) {
    margin-right: -0.3em;
    transition-delay: var(--transition-delay);
}



a.brandseye-help {
    color: rgb(171, 171, 171);
}

a.brandseye-help:hover {
    color: #fff;
}

.navbar a.brandseye-help {
    color: #ffffff;
}

.navbar a.brandseye-help:hover {
    color: #CEED9E;
}


.dialog-title .brandseye-help {
    float: none;
    position: absolute;
    right: 28px;
    top: 6px;
}
.dynamic-picker {
    max-height: 400px;
    min-width: 200px;
    overflow-y: auto;
}

.dynamic-picker ul {
    list-style: none;
    margin: 3px 0;
}

.dynamic-picker ul li {
    cursor: pointer;
    color: #ffffff;
    padding: 3px 20px 3px 10px;
}

.dynamic-picker ul li i.icon {
    padding-right: 5px;
}



.dynamic-picker ul li.active {
    background-color: #487329; /* #85b03d; */
}

.dynamic-picker ul li.disabled:not(.active) {
    color: #777777;
    cursor: default;
}

.dynamic-picker ul li:not(.active):hover:not(.disabled):not(.dynamic-picker__title),
.dynamic-picker ul li:not(.active).selected
{
    color: #aee15d;
    background-color: #222;
    border-radius: 2px;
}

.dynamic-picker ul li.flash {
    animation: 600ms flash-picker ease-in-out;
}

.dynamic-picker .dynamic-picker__title {
    cursor: default;
    font-size: 13px;
    background: black;
    height: 20px;
    padding-top: 0;
    padding-bottom: 0;
    text-transform: uppercase;
    font-family: var(--base-font-family);
    color: var(--be-colour-mid-grey)
}

span.dynamic-picker__dropdown {
}

span.dynamic-picker__dropdown:hover {
    color: var(--background-menu-active);
}

span.dynamic-picker__dropdown:after {
    content: '\e85e';
    font-family: 'fontello';
    font-style: normal;
    font-weight: normal;
    width: 1em;
    line-height: 1em;
    text-align: center;
}

.tag-input.dynamic-picker__input:not(.uneditable-input) {
}

.tag-input.dynamic-picker__input:not(.uneditable-input):focus,
.tag-input.dynamic-picker__input:not(.uneditable-input).focus,
.tag-input.dynamic-picker__input:not(.uneditable-input) input:focus {
    outline: none;
}

@keyframes flash-picker {
    0% { background: #487329; }
    35%   { background: #222; }
    75% { background: #487329; }
    100% { background: #487329; }
}





.framework-dialog {
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.75);
    background: var(--body-background-colour);
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    min-width: 400px;
    max-width: 600px;
    min-height: 100px;
    display: flex;
    flex-direction: column;
}

.framework-dialog header {
    background-color: var(--dialog-title-background-colour);
    display: flex;
    align-content: center;
}

.framework-dialog header h5 {
    margin: 0;
    padding-top: calc(var(--dialog-padding-size) / 2);
    padding-bottom: calc(var(--dialog-padding-size) / 2);
    padding-left: var(--dialog-padding-size);
    cursor: default;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow-x: hidden;
}

.framework-dialog header a {
    margin-left: auto;
    align-self: center;
}

.framework-dialog .body,
.framework-dialog .dialog-button-bar {
    padding: vaR(--dialog-padding-size);
}

.framework-dialog .body {
    flex: 1;
    cursor: default;
}
.framework-dialog.translation-dialog {
    max-width: 800px;
}

.translation-dialog .dialog-button-bar {
    margin-top: 0;
    padding-top: 0;
}

.translation-dialog .body {
    display: grid;
    grid-template-columns: 350px 25px 350px;
    grid-template-rows: 30px 300px 25px;
    grid-template-areas:
            'original-language marker language'
            'mention empty translation'
            'suspected empty logo';
    grid-gap: 5px;
}


.translation-dialog .body .translation-dialog__original,
.translation-dialog .body .translation-dialog__translation {
    box-sizing: border-box;
    margin: auto;
    padding: 20px;
    max-height: 300px;
    max-width: 350px;
    height: 100%;
    width: 100%;
    overflow-y: scroll;
    overflow-x: scroll;
    overflow-wrap: break-word;
    word-wrap: break-word;
    hyphens: auto;

    background-color: white;
    color: var(--be-colour-text);
    font-family: var(--widget-font);
    border: thin solid var(--be-colour-dark-grey)
}

.translation-dialog .body .translation-dialog__original[data-lang='ar'],
.translation-dialog .body .translation-dialog__translation[data-lang='ar'] {
    font-size: 22px;
}

.translation-dialog .body .translation-dialog__original {
    grid-area: mention;
}

.translation-dialog .body .translation-dialog__translation {
    grid-area: translation;
}

.translation-dialog .body .translation-dialog__original-language,
.translation-dialog .body .translation-dialog__language {
    width: 100%;
    font-size: 22px;
    margin-bottom: 10px;
}

.translation-dialog .body .translation-dialog__language {
    grid-area: language;
    text-align: left;
}

.translation-dialog .body .translation-dialog__original-language {
    grid-area: original-language;
    text-align: right;
}

.translation-dialog .body .icon-switch {
    grid-area: marker;
    font-size: 18px;
}

.translation-dialog .body .translation-dialog__suspected-language {
    grid-area: suspected;
}

.translation-dialog .body .translation-dialog__google-logo {
    grid-area: logo;
}

.translation-dialog .body .translation-dialog__translation .css-spinner {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
}
:root {
    --notification-offset: var(--sidebar-size);
}

#notification-area {
    --font-size: var(--tooltip-font-size);
    position: fixed;
    bottom: 2vw;
    left: 2vw;
    min-width: 500px; /* Don't let this get too small on a small window setup. */

    display: flex;
    flex-direction: column-reverse;

    z-index: 10000;

    font-family: "Open Sans", sans-serif;
    font-weight: normal;
    font-size: var(--font-size);
    color: var(--be-tooltip-colour);
}

html.fullscreen #notification-area {
    display: none;
}

#notification-area strong {
    font-weight: bold;
    color: var(--be-tooltip-strong-colour);
    font-size: calc(var(--font-size) + 1px);
}

#notification-area .btn-link {
    flex: 1;
    font-size: 0.85em;
    text-align: left;
    width: 100%;
    box-sizing: border-box;
    margin: auto 0;
    line-height: 2em;
    border: none;
    border-radius: 0;
    display: flex;
    align-items: center;
}

#notification-area .btn-link:not(:hover) {
    color: #aaa;
}

#notification-area .btn-link + .btn-link {
    border-top: thin solid #555;
}

.sidebar-hover #notification-area {
    pointer-events: none;
}


be-notification-item {
    --css-spinner-size: 24px;
    --css-wedge-size: 3px;
    --css-min-height: 80px;

    display: grid;
    grid-template-columns: 50px [message-start] 1fr [message-end] 75px;
    grid-template-rows: [message-start] minmax(var(--css-min-height), max-content) [message-end] auto;
    align-items: center;

    animation: 1000ms backwards ease-out;
    animation-name: notification-slide-in, notification-fade-in;

    --notification-opacity: 0.9;
    --notification-opacity2: calc(var(--notification-opacity) - 0.1);
    background: linear-gradient(to right, rgba(0, 0, 0, var(--notification-opacity)) 0%, rgba(0, 0, 0, var(--notification-opacity2)) 50%, rgba(0, 0, 0, var(--notification-opacity)) 100%);
    backdrop-filter: blur(5px) brightness(150%);

    max-width: 500px;
    width: 100%;
    min-height: var(--css-min-height);

    box-sizing: border-box;
    opacity: 1;
    border-radius: 2px;
    box-shadow: 5px 5px 10px hsl(0 0% 0% / 0.5),
                5px 5px 15px hsl(0 0% 0% / 0.4),
                inset 0 0 8px hsl(0 0% 20%);

    margin-top: 2rem;

    transition: margin-left 250ms, opacity 250ms;
    transition-delay: 1000ms;
}


be-notification-item .notification-item__message {
    grid-area: message;
    padding: 20px 15px;
    cursor: default;
    box-sizing: border-box;
}

be-notification-item .show-more-button {
    display: inline-block;
    padding-top: 1rem;
    text-align: right;
    margin-left: auto;
    width: 100%;
}

be-notification-item .notification-item__more {
    display: none;
    grid-row: 2;
    grid-column: 1 / -1;

    padding: 20px 15px;
    border-top: thin solid #555;
}

be-notification-item[show-more="true"] .notification-item__more {
    display: block;
}

be-notification-item .notification-item__icon {
    padding: 0 0 0 15px;
    cursor: default;
}

be-notification-item .notification-item__icon .symbol-warning {
    color: red;
}

/*
 * Min width is 300px for the notification area. We try to use 25vw (¼ of the screen) if we can, so
 * to make more space when we hit the min 300px we want to hide the icon.
*/
@media (max-width: 1200px) {
    be-notification-item {
        grid-template-columns: 0 [message-start] 1fr [message-end] 75px;
    }
    be-notification-item .notification-item__icon {
        display: none;
    }
}

be-notification-item .notification-item__icon + .notification-item__message {
    padding-left: 10px;
}

be-notification-item .notification-item__icon i {
    font-size: 2em;
    line-height: 2em;
}

be-notification-item .notification-item__actions {
    align-self: stretch;
    transition-property: opacity, flex-basis;
    transition-duration: 500ms;
    overflow: hidden;
    min-height: var(--css-min-height);
    grid-column-start: message-end;
    grid-row: 1;

    box-sizing: border-box;
    padding: 0;
    border-left: thin solid #555;

    display: flex;
    flex-direction: column;
}

/* Hide the action area if this isn't dismisable, and if there are no actions and undo options to display*/
be-notification-item[no-dismiss="true"]:not([action]):not([undo]) .notification-item__actions {
    display: none;
}

be-notification-item.notification-item-removing {
    overflow: hidden;
    transition: width 750ms 750ms,
                height 750ms 750ms,
                min-height 750ms 750ms,
                padding 750ms 750ms,
                margin-top 750ms 750ms;
    animation: notification-size-bounce 500ms ease-in-out forwards;
    transform-origin: 50% 50%;
    padding: 0;
    height: 0;
    min-height: 0;
    margin-top: 0;
    border: none;
}

be-notification-item.notification-item-removing .notification-item__icon,
be-notification-item.notification-item-removing .notification-item__message {
    transition: opacity 250ms,
                padding 250ms;
    opacity: 0;
    overflow: hidden;
    padding: 0;


}

be-notification-item.notification-item-removing .notification-item__actions {
    flex-basis: 0;
    opacity: 0;
}

be-notification-item .css-spinner {
    vertical-align: bottom;
    margin-right: 10px;
}




@keyframes notification-fade-in {
    0% { opacity: 0;}
    100% {opacity: 1;}
}

@keyframes notification-slide-in {
    0% { translate: -100%;}
    30% { translate: 2rem;}
    50% { translate: -1rem;}
    65% { translate: 0;}
    100% {translate: 0;}
}

@keyframes notification-size-bounce {
    0% {
        scale: 100%;
        opacity: 1;
    }

    20% {
        scale: 105%;
    }

    100% {
        scale: 0;
        opacity: 0;
    }
}

.sidebar-hover be-notification-item {
    transition-delay: 500ms;
    margin-left: var(--notification-offset);
    opacity: 0.5;
    z-index: 1001;
    pointer-events: none;
}
.ripcase-popup {
    background: #333; /* use darker, more tooltip-y background */
}
/* we want to highlight some of this better than what we usually do */
.ripcase-popup strong {
    color: white;
    font-size: 1.03em;
}

.ripcase-popup p {
    padding-left: 34px;
}

.ripcase-popup section:not(:last-of-type) {
    margin-bottom: 25px;
}

.ripcase-popup be-rpcs-icon:last-of-type {
    margin-right: 5px;
}
.markdown-display {
    --font-family: var(--widget-font);
    max-height: inherit;
    height: 100%;
    overflow: auto;
    color: #444444;
    font-family: var(--font-family);
    cursor: default;
    box-sizing: border-box;
    padding: 1.42857143em;
    line-height: 1.42857143;
}

.markdown-font-size-10 { font-size: 10px }
.markdown-font-size-11 { font-size: 11px }
.markdown-font-size-12 { font-size: 12px }
.markdown-font-size-13 { font-size: 13px }
.markdown-font-size-14 { font-size: 14px }
.markdown-font-size-15 { font-size: 15px }
.markdown-font-size-16 { font-size: 16px }
.markdown-font-size-17 { font-size: 17px }
.markdown-font-size-18 { font-size: 18px }

.markdown-display h1 { font-size: 171.428571% }
.markdown-display h2 { font-size: 128.571429% }
.markdown-display h3 { font-size: 114.285714% }

.width1 .markdown-display,
.width2 .markdown-display {
    padding-left: 0.71428571em;
    padding-right: 0.71428571em;
}

.height1 .markdown-display,
.height2 .markdown-display {
    padding-top: 0.71428571em;
    padding-bottom: 0.71428571em;
}

.markdown-display h1,
.markdown-display h2,
.markdown-display h3,
.markdown-display h3,
.markdown-display h4,
.markdown-display h5 {
    line-height: 1.2em;
    margin: 1.2em 0 0.5em;
    color: var(--heading-colour-light);
}

.markdown-display h1:first-child,
.markdown-display h2:first-child,
.markdown-display h3:first-child,
.markdown-display h3:first-child,
.markdown-display h4:first-child {
    margin-top: 0;
}

.markdown-display li {
    line-height: 1.42857143;
}

.markdown-display em {
    font-weight: inherit;
}

.markdown-display strong {
    font-weight: bold;
}

.markdown-display .text-loading {
    background: #666;
    color: #666;
    height: 1em;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    border-radius: 2px;
    animation: markdown-loading-pulsate 1s infinite ease-in-out;
}
.markdown-display .text-loading * {
    color: #666;
}

@keyframes markdown-loading-pulsate {
    0%  { opacity: 0.1 }
    50% { opacity: 0.2 }
    100% { opacity: 0.1 }
}

.markdown-display .error,
.markdown-display .loading,
.markdown-display .message {
    font-size: 0.8rem;
    color: #666;
    font-style: italic;
    font-family: monospace;
}

.markdown-display blockquote {
    border-left: 3px solid var(--be-colour-mid-grey);
    margin: 15px 0 15px 5px;
    padding: 5px 0 5px 15px;
}

.markdown-display blockquote:not(:only-child) {
    background-color: rgb(245, 245, 245);
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 20px 0 20px 15px;
}

.markdown-display blockquote:only-child {
    height: auto;
    min-height: 100%;
    border-left: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0;
    padding: 0;
}

.width1 .markdown-display blockquote:only-child,
.width2 .markdown-display blockquote:only-child {
    align-items: center;
}

.markdown-display blockquote h1,
.markdown-display blockquote h2,
.markdown-display blockquote h3,
.markdown-display blockquote h4,
.markdown-display blockquote h5 {
    margin-bottom: 0.625em;
}

.markdown-display blockquote p + h1,
.markdown-display blockquote p + h2,
.markdown-display blockquote p + h3,
.markdown-display blockquote p + h4,
.markdown-display blockquote p + h5 {
    border-top: thin dashed var(--be-colour-mid-grey);
    margin-top: 1.25em;
    padding-top: 1.25em;
}

.height1 .markdown-display blockquote p + h1,
.height1 .markdown-display blockquote p + h2,
.height1 .markdown-display blockquote p + h3,
.height1 .markdown-display blockquote p + h4,
.height1 .markdown-display blockquote p + h5,
.height2 .markdown-display blockquote p + h1,
.height2 .markdown-display blockquote p + h2,
.height2 .markdown-display blockquote p + h3,
.height2 .markdown-display blockquote p + h4,
.height2 .markdown-display blockquote p + h5 {
    margin-top: 0.625em;
    padding-top: 0.625em;
}

.height1 .markdown-display blockquote h1,
.height1 .markdown-display blockquote h2,
.height1 .markdown-display blockquote h3,
.height1 .markdown-display blockquote h4,
.height1 .markdown-display blockquote h5,
.height2 .markdown-display blockquote h1,
.height2 .markdown-display blockquote h2,
.height2 .markdown-display blockquote h3,
.height2 .markdown-display blockquote h4,
.height2 .markdown-display blockquote h5 {
    margin-bottom: 0.5em;
}

.width1 .markdown-display blockquote:only-child p + h1,
.width1 .markdown-display blockquote:only-child p + h2,
.width1 .markdown-display blockquote:only-child p + h3,
.width1 .markdown-display blockquote:only-child p + h4,
.width1 .markdown-display blockquote:only-child p + h5,
.width2 .markdown-display blockquote:only-child p + h1,
.width2 .markdown-display blockquote:only-child p + h2,
.width2 .markdown-display blockquote:only-child p + h3,
.width2 .markdown-display blockquote:only-child p + h4,
.width2 .markdown-display blockquote:only-child p + h5 {
    text-align: center;
    width: 90%;
}

.markdown-display blockquote p {
    font-size: 2em;
    line-height: 1.2em;
}

.markdown-display img.inline-image {
    height: 1.2em;
    margin: 2px;
}

.markdown-display p img.inline-image {
    margin: 2px;
}

.markdown-display blockquote p img.inline-image {
    margin-bottom: 0.21428571em;
}

.width1 .markdown-display blockquote p img.inline-image {
    margin-bottom: 0.14285714em;
}

.markdown-display .markdown__link {
    cursor: pointer;
    transition: color 250ms;
}

.markdown-display .markdown__link:hover {
    cursor: pointer;
    color: var(--light-link-colour);
}

.markdown-display .number {
    word-spacing: inherit;
}

.markdown-display .mention-item-timeline {
    word-wrap: break-word;
    word-break: break-word;
    padding-right: 0;
    padding-left: 58px;
}

.markdown-display .mention-item-timeline .avatar {
    left: 0;
}

@media only screen and (max-device-width : 768px) {
    .width1 .markdown-display,
    .width2 .markdown-display,
    .height1 .markdown-display,
    .height2 .markdown-display {
        font-size: 20%;
    }

    .markdown-display blockquote p {
        font-size: 0.8rem;
    }

    .markdown-display h1 {font-size: 1.1rem;}
    .markdown-display h2 {font-size: 1rem;}
    .markdown-display h3 {font-size: 0.9rem;}

    .height1 .markdown-display blockquote h1,
    .height1 .markdown-display blockquote h2,
    .height1 .markdown-display blockquote h3,
    .height1 .markdown-display blockquote h4,
    .height1 .markdown-display blockquote h5,
    .height2 .markdown-display blockquote h1,
    .height2 .markdown-display blockquote h2,
    .height2 .markdown-display blockquote h3,
    .height2 .markdown-display blockquote h4,
    .height2 .markdown-display blockquote h5 {
        margin-bottom: 4px;
    }
}

.markdown-display be-rpcs-icon {
    font-family: var(--be-rpcs-font);
    text-transform: none;
    text-align: left;
}

/* these are for the comparison table notes */

.markdown-note p:last-child {
    margin-bottom: 0;
}

.markdown-note strong {
    font-weight: 500 !important;
}

.markdown-note h1,
.markdown-note h2,
.markdown-note h3 {
    color: rgb(54, 54, 54);
    line-height: 1.2;
    margin-top: 4px;
    margin-bottom: 4px;
}

.markdown-note h1 { font-size: 18px }
.markdown-note h2 { font-size: 16px }
.markdown-note h3 { font-size: 14px }

.markdown-note li {
    line-height: 1.3;
}

:root {
    --css-spinner-size: 64px;                             /* the base size of the spinner */
    --css-spinner-colour: var(--be-colour-mid-grey);      /* the default colour of the spinner */
    --css-wedge-size: 6px;
}

.css-spinner {
    display: inline-block;
    position: relative;
    width: var(--css-spinner-size);
    height: var(--css-spinner-size);
}

.css-spinner div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: calc(var(--css-spinner-size) - var(--css-wedge-size) / 2);
    height: calc(var(--css-spinner-size) - var(--css-wedge-size) / 2);
    /*margin: 6px;*/
    border: var(--css-wedge-size) solid var(--css-spinner-colour);
    border-radius: 50%;
    animation: css-spinner 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: var(--css-spinner-colour) transparent transparent transparent;
}

.css-spinner div:nth-child(1) {
    animation-delay: -0.45s;
}

.css-spinner div:nth-child(2) {
    animation-delay: -0.3s;
}

.css-spinner div:nth-child(3) {
    animation-delay: -0.15s;
}

@keyframes css-spinner {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.view-stack {
    position: relative;
}

.view-stack > div {
    position: absolute;
}


.popup .contents .integer-picker {
    width: 330px;
    padding: 9px;
}

.popup .contents .integer-picker input[type='text'] {
    width: 50px;
    height: 1em;
}

.popup .contents .integer-picker input[type='radio'] {
    height: 1em;
    margin-bottom: 5px;
    margin-right: 3px;
}

.popup .contents .integer-picker .option-front {
    float: left;
    width: 110px;
}

.popup .contents .integer-picker .error-message {
    display: none;
}
/* Based on code from: http://www.eyecon.ro/bootstrap-datepicker */

.calendar > div {
    display: none;
}

.calendar table {
    width: 100%;
    margin: 0;
}

.calendar td, .calendar th {
    text-align: center;
    width: 20px;
    height: 20px;
    /*-webkit-border-radius: 4px;*/
    /*-moz-border-radius: 4px;*/
    /*border-radius: 4px;*/
}

.calendar td.day:hover {
    color: #85b03d;
    background-color: #222;
    cursor: pointer;
}

.calendar td.disabled.day {
    text-decoration: line-through;
}

.calendar td.disabled.day:hover {
    color: inherit;
    background-color: inherit;
    cursor: inherit;
}

.calendar td.old, .calendar td.new,
.calendar td.old.disabled:hover, .calendar td.new.disabled:hover {
    color: #999999;
}

.calendar td.active, .calendar td.active:hover {
    color: #85b03d;
    background-color: #222;
}

.calendar td.active:hover, .calendar td.active:hover:hover, .calendar td.active:active,
.calendar td.active:hover:active, .calendar td.active.active, .calendar td.active:hover.active,
.calendar td.active.disabled, .calendar td.active:hover.disabled, .calendar td.active[disabled],
.calendar td.active:hover[disabled] {
    background-color: #222;
}

.calendar td.active:active, .calendar td.active:hover:active, .calendar td.active.active, .calendar td.active:hover.active {
    background-color: #003399 \9;
}

.calendar td.selected {
    background-color: #222;
}

.calendar td span {
    display: block;
    width: 47px;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 2px;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.calendar td span:hover {
    color: #85b03d;
    background-color: #222;
}

.calendar td span.active {
    color: #85b03d;
    background-color: #222;
}

.calendar td span.active:hover, .calendar td span.active:active, .calendar td span.active.active, .calendar td span.active.disabled, .calendar td span.active[disabled] {
    background-color: #222;
}

.calendar td span.active:active, .calendar td span.active.active {
    background-color: #222;
}

.calendar td span.old {
    color: #999999;
}

.calendar th.switch {
    width: 145px;
}

.calendar th.next, .calendar th.prev {
    font-size: 19.5px;
}

.calendar thead tr:first-child th {
    cursor: pointer;
}

.calendar thead tr:first-child th:hover {
    color: #85b03d;
    background-color: #222;
}

.input-append.date .add-on i, .input-prepend.date .add-on i {
    display: block;
    cursor: pointer;
    width: 16px;
    height: 16px;
}

.mini-menu,
.mini-menu-icons {
    --background-colour: #333;
}

.mini-menu {
    --mini-menu-padding: 3px 10px;
    margin-top: 3px;
    margin-bottom: 3px;
    background: var(--background-colour);
}

.mini-menu span.spinner-dark {
    vertical-align: -2px;
    margin-left: 4px;
}

.mini-menu-selectable li {
    position: relative;
}

.mini-menu-selectable li a {
    padding-left: 24px;
}

.mini-menu > a,
.mini-menu > .component-tip > a {
    display: block;
    color: #fff;
    padding: var(--mini-menu-padding);
    cursor: pointer;
}

.mini-menu > a:hover,
.mini-menu > .component-tip > a:hover {
    background-color: #222;
    color: #aee15d;
}

.mini-menu a[aria-disabled] {
    color: var(--disabled-color);
    cursor: not-allowed;
}

.mini-menu a.selected:before,
.mini-menu a.up:before,
.mini-menu a.down:before {
    font-family: 'fontello';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: block;
    position: absolute;
    left: 6px;
    top: 7px;
    text-decoration: inherit;
    line-height: 1em;
}

.mini-menu a.selected:before { content: '\e822'; }
.mini-menu a.up:before { content: '\e4af'; }
.mini-menu a.down:before { content: '\e4b0'; }

.mini-menu__loading {
    padding-left: 5px;
    display: flex;
    align-items: center;
    justify-content: left;
}

.mini-menu__loading .css-spinner {
    padding-right: 5px;
}

.mini-menu-icons {
    background: var(--background-colour);
    padding: 5px 8px;
}

.mini-menu-icons a {
    color: var(--be-colour-mid-grey);
    cursor: pointer;
}

.mini-menu-icons a:hover {
    color: var(--background-menu-active);
}

.mini-menu-icons a.disabled {
    color: #777777;
    cursor: default;
}

.popup.mini-menu-icons__popup {
    min-width: unset;
}
:root {
    --tooltip-y-offset: 10px;
    --tooltip-x-offset: 0px;
    --tooltip-radius: 2px;
}

.beef-tooltip,
.static-beef-tooltip,
[tooltip]::after {
    max-width: 500px;
    padding: 4px 10px 3px 10px;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.85) 50%, rgba(0, 0, 0, 0.9) 100%);
    border: none;
    border-radius: var(--tooltip-radius);

    color: var(--be-tooltip-colour);
    box-shadow: 2px 2px 2px 1px rgba(20, 20, 20, 0.8);

    font-family: var(--tooltip-font);
    font-size: var(--tooltip-font-size);
    font-style: normal;
    font-weight: normal;
    white-space: normal;
    text-shadow: none;
    text-transform: none;
    font-variant: none;

    --be-colour-negative: hsl(355, 70%, 54%);
}


.beef-tooltip strong,
.static-beef-tooltip strong {
    font-weight: 600;
    color: var(--be-tooltip-strong-colour);
    font-size: calc(var(--tooltip-font-size) + 1px);
}

.beef-tooltip .number,
.static-beef-tooltip .number {
    font-family: var(--number-font-family);
}

.beef-tooltip .positive-sentiment,
.static-beef-tooltip .positive-sentiment {
    color: var(--be-colour-positive);
}

.beef-tooltip .negative-sentiment,
.static-beef-tooltip .negative-sentiment{
    color: var(--be-colour-negative);
}

.beef-tooltip .neutral-sentiment,
.static-beef-tooltip .neutral-sentiment {
    color: var(--be-colour-neutral);
}

.beef-tooltip table,
.static-beef-tooltip table {
    background: none;
}

.beef-tooltip td.number,
.static-beef-tooltip td.number {
    text-align: right;
    padding-right: 4px;
    color: #ffffff;
    font-weight: 400;
}

.beef-tooltip h1, .beef-tooltip h2, .beef-tooltip h3, .beef-tooltip h4,
.static-beef-tooltip h1, .static-beef-tooltip h2, .static-beef-tooltip h3, .static-beef-tooltip h4 {
    text-transform: none;
    padding: 0;
    margin: 0;
    margin-bottom: 3px;
    font-weight: 600;
    color: var(--be-tooltip-strong-colour);
}

.beef-tooltip h1,
.static-beef-tooltip h1 {
    margin-top: -10px;
    font-size: 1.1rem;
}

.beef-tooltip h1 small,
.static-beef-tooltip h1 small {
    font-size: 0.9em;
    color: var(--be-tooltip-dim-colour)
}

.beef-tooltip h3,
.static-beef-tooltip h3 {
    line-height: 27px;
}



.beef-tooltip p,
.static-beef-tooltip p {
    margin-bottom: 0;
    padding-bottom: 5px;
    line-height: calc(var(--tooltip-font-size) + 6px);
}

.beef-tooltip p:last-of-type,
.static-beef-tooltip p:last-of-type{
    margin-bottom: 0;
    padding-bottom: 0;
}

.beef-tooltip img,
.static-beef-tooltip img {
    height: calc(var(--tooltip-font-size) + 2px);  /* Usually 16px */
    margin: 2px 4px 2px 2px; /* Added 2px to the height */
    vertical-align: text-top;
}

.beef-tooltip .paragraph,
.static-beef-tooltip .paragraph {
    padding-bottom: 5px;
}


.beef-tooltip .example-mention {
    background: white;
    border-radius: 4px;
    height: 95px;
}

.beef-tooltip .mention-loading-message {
    height: 100%;
    display: flex;
    align-items: center;
    color: #666;
}

.beef-tooltip .mention-loading-message .spinner48 {
    margin: 0 15px;
}

.beef-tooltip .example-mention .content {
    cursor: default;
    height: 65px;
    overflow: hidden;
}

.beef-tooltip:not(.beef-tooltip--expanded) .beef-tooltip__more {
    display: none;
}

.beef-tooltip.beef-tooltip--expanded.beef-tooltip--fade-in .beef-tooltip__more {
    animation: fadeIn 750ms;
}

.beef-tooltip:not(.beef-tooltip--expanded) .beef-tooltip__more p.beef-tooltip__brief {
    display: inherit;
    max-width: 100%;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.static-beef-tooltip,
[tooltip]::after {
    position: absolute;
    transform: translate(calc(-20% + var(--tooltip-x-offset)), calc(-100% - var(--tooltip-y-offset)));
    opacity: 0;
    visibility: collapse;
    /*noinspection CssInvalidPropertyValue*/
    width: intrinsic;           /* Safari/WebKit uses a non-standard name */
    width: -moz-max-content;    /* Firefox/Gecko */
    /*noinspection CssInvalidPropertyValue*/
    width: -webkit-max-content; /* Chrome */
    width: max-content;
    max-width: 400px;

    text-align: left;
    font-weight: normal;
    z-index: 200;

    cursor: default;
    pointer-events: none;
}

.static-beef-tooltip--below .static-beef-tooltip,
.static-beef-tooltip--below [tooltip]::after,
[tooltip].static-beef-tooltip--below::after {
    transform: translate(0px, 0px);
    top: calc(100% + 5px);
}

.static-beef-tooltip--left .static-beef-tooltip,
.static-beef-tooltip--left [tooltip]::after,
[tooltip].static-beef-tooltip--left::after{
    transform: translate(0px, 0px);
    right: 10%;
}

.static-beef-tooltip--right .static-beef-tooltip,
.static-beef-tooltip--right [tooltip]::after,
[tooltip].static-beef-tooltip--right::after{
    transform: translate(0px, 0px);
    left: 110%;
}

.static-beef-tooltip--trigger:hover .static-beef-tooltip,
[tooltip]:hover::after {
    transition: opacity 250ms ease-in 500ms; /* Don't want fade out animation, so transition set here */
    visibility: visible;
    opacity: 1;
    z-index: 100;
}

[tooltip]::after {
    content: attr(tooltip);
}

.beef-tooltip li {
    list-style: disc;
}

.be-tooltip__keyword-styling,
.be-tooltip--keyword,
.static-beef-tooltip__keyboard {
    white-space: nowrap;
    background: grey;
    text-transform: lowercase;
    font-variant: small-caps;
    font-size: calc(1em + 3px);
    box-shadow: inset 0 0 10px rgb(60 60 60);
    color: white;
}

.be-tooltip--keyword,
.static-beef-tooltip__keyboard {
    display: inline-block;
    box-sizing: border-box;
    padding-inline: 10px;
    text-align: center;
    margin-left: 10px;
    margin-right: -10px;
    border-bottom-right-radius: var(--tooltip-radius);
    border-top-right-radius: var(--tooltip-radius);
}

.be-tooltip--container {
    display: flex
}

.be-tooltip--keyword {
    flex: 1;
    margin-top: -3px;
    margin-bottom: -2px;
    display: flex;
    align-items: center;
    padding-bottom: 1px;
}
.token-expire-popup h2 {
    color: #999;
}

.token-expire-popup .dialog-body {
    position: relative;
}

.token-expire-popup .dialog-body .info  {
    opacity: 1.0;
    -webkit-transition: opacity 0.1s ease-out;
    -moz-transition: opacity 0.1s ease-out;
    -o-transition: opacity 0.1s ease-out;
    transition: opacity 0.1s ease-out;
}

.token-expire-popup .dialog-body .info.busy {
    opacity: 0.5;
}

.token-expire-popup .date {
    float: right;
    margin-right: 36px;
}

.token-expire-popup b {
    font-weight: 400;
}

.token-expire-popup i {
    font-style: normal;
    color: #fff;
    font-weight: 400;
}
.support-ticket .caret {
    margin: 10px 10px 10px 10px;
}

.support-ticket .query:hover {
    cursor: pointer;
}

.support-ticket .query:hover .caret {
    border-top: 4px solid #aee15d;
}

.support-ticket .text {
    line-height: 20px;
}

.support-ticket .text-box {
    margin-top: 4px;
}

.support-ticket .text-box.dark {
    margin: 0 0 5px 58px;
    padding: 4px 6px 4px 6px;
    width: 83%;
    background-color: rgb(65, 65, 65);
}

@media (max-width: 512px) {
    .support-ticket .text-box.dark {
        width: 74%;
    }

    .support-ticket .query .text {
        width: 170px;
        display: inline-block;
    }
}

.support-ticket .text-box.dark .text {
    color: rgb(168, 168, 168);
}

.support-ticket .text-box.dark .text.selected {
    color: rgb(238, 238, 238);
}

.feed-notify {
    min-width: 160px;
    max-width: 190px;
    padding: 8px;
}

.feed-notify-message-yes-option {
    float: right;
    padding: 8px;
}

.feed-notify-message-no-option {
    float: left;
    padding: 8px;
}
.sidebar {
    position: absolute;
    width: 0;
    height: 100%;
    left: 0;
}
.sidebar-hidden {
    overflow: visible;
    z-index: 1000;
    background-color: rgba(0, 0, 0, 0.0);
    -webkit-transition: background-color linear 0.1s;
    -moz-transition: background-color linear 0.1s;
    -o-transition: background-color linear 0.1s;
    transition: background-color linear 0.1s;
}

.sidebar-hidden.expanded {
    width: 100%;
    background-color: rgba(0, 0, 0, 0.2);
}

.sidebar-right {
    padding-left: var(--sidebar-size);
    width: 100%;
    float: left;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.sidebar .inner,
.sidebar .inner-bg,
.sidebar .fixed-inner {
    width: var(--sidebar-size);
    background-color: var(--colour-background-black);
}

.sidebar .inner,
.sidebar .inner-bg {
    position: absolute;
    height: 100%;
}

.sidebar .fixed-inner {
    position: fixed;
    top: 40px;
}

.sidebar-hidden .inner {
    left: calc(var(--sidebar-size) * -1);
    -webkit-transition: left linear 0.1s;
    -moz-transition: left linear 0.1s;
    -o-transition: left linear 0.1s;
    transition: left linear 0.1s;
}

.sidebar-hidden.expanded .inner {
    left: 0;
    -webkit-box-shadow: 10px 0 30px rgba(50, 50, 50, .6);
    -moz-box-shadow:    10px 0 30px rgba(50, 50, 50, .6);
    box-shadow:         10px 0 30px rgba(50, 50, 50, .6);
}

.sidebar h6 {
    text-transform: uppercase;
    color: var(--clr-sidebar-header);
    margin: 0 0 0 12px;
    line-height: 52px;
    height: 52px;
}

.sidebar h6 .btn-expand-categories-icon {
    margin-left: -4px;
}

.sidebar .btn-three-bar {
    float: right;
    margin-right: 10px;
    margin-top: 15px;
}

.sidebar .btn-three-bar .three-bar {
    background-color: var(--sidebar-grey);
}

.sidebar .btn-three-bar:hover .three-bar {
    background-color: #AEE15D;
}

.sidebar-list .btn,
.sidebar-list .item {
    display: block;
    border: none;
    background: #272727 none;
    line-height: 20px;
    padding: 10px 16px 11px 32px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    text-align: left;
    color: #ccc;
    font-weight: normal;
    letter-spacing: 0;
    position: relative;
    border-right: 1px solid var(--colour-background-black);
    border-left: 1px solid var(--colour-background-black);
    word-wrap: break-word;
}

.sidebar-list.dense .btn,
.sidebar-list.dense .item {
    padding: 5px 8px 5px 20px;
}

.indented-list-item {
    padding-left: 52px !important;
}

.sidebar-list a:focus {
    outline: none;
}

.sidebar-list a.btn.archived-list-item,
.sidebar-list a.btn.private-list-item  {
    color: var(--be-colour-muted-text-dark);
}

.sidebar-list .btn.depth2,
.sidebar-list .btn.depth3,
.sidebar-list .btn.depth4 {
    min-height: inherit;
}

.sidebar-list .btn.depth1 {
    padding-left: 16px;
}

.sidebar-list .btn.depth2 {
    padding-left: 32px;
    font-size: 13px;
    line-height: 13px;
}

.sidebar-list .btn.depth3,
.sidebar-list .btn.depth4 {
    padding-left: 48px;
    font-size: 12px;
    line-height: 12px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.sidebar-list a.depth3 [class^="icon-"]:first-child,
.sidebar-list a.depth3 [class^="symbol-"]:first-child {
    left: 26px;
    top: 8px;
}

.sidebar-list .btn.depth4 {
    padding-left: 64px;
}

.sidebar-list a.depth4 [class^="icon-"]:first-child,
.sidebar-list a.depth4 [class^="symbol-"]:first-child {
    left: 42px;
    top: 8px;
}

.sidebar-list .btn [class^="icon-"]:first-child,
.sidebar-list .btn [class^="symbol-"]:first-child,
.sidebar-list .btn [class*=" icon-"]:first-child,
.sidebar-list .btn [class*=" symbol-"]:first-child{
    position: absolute;
    left: 8px;
    top: 10px;
    padding: 0;
}

.sidebar-list.dense .btn [class^="icon-"]:first-child {
    left: 0;
    top: 5px;
}

.sidebar-list a:hover,
.sidebar-list a.btn.archived-list-item:hover,
.sidebar-list a.btn.private-list-item:hover {
    color: #fff;
    background-color: var(--background-menu-hover); /* #85b03d; */
}

.sidebar-list a .icon {
    position: absolute;
    left: 8px;
    top: 12px;
}

.sidebar-list a.active,
.sidebar-list .active > a,
.sidebar-list .active > a.btn.archived-list-item,
.sidebar-list .active > a.btn.private-list-item {
    background: var(--colour-active-gradient);
    color: #fff;
}

.sidebar-list .btn .expand {
    position: absolute;
    right: 0;
    padding: 8px 8px 4px;
}

.sidebar-list .btn .expand .caret {
    margin-top: 0;
}

.sidebar-list .btn.depth2 .expand {
    padding-top: 6px;
}

.sidebar-list .spinner {
    background: url("img/spinner16-dark.gif") no-repeat;
    width: 16px;
    height: 16px;
    opacity: 1.0;
    margin-left: 30px;
}

.sidebar-actions {
    padding: 10px 10px 10px 22px;
}

.sidebar-action {
    color: #ccc;
}

.sidebar-action:last-child {
    margin-bottom: 0;
}

.sidebar-spinner {
    text-align: center;
}


@media (max-width: 767px) {
    .sidebar {
        display: none;
    }

    .sidebar-right {
        padding-left: 0;
    }
}

.gen-msg .dialog-body {
    position: relative;
}

.gen-msg .not-too-big {
    width: 400px;
}

.gen-msg ul > li {
    display: block;
    width: 360px;
}

.gen-msg ul>li:before{
    content:"•";
    margin-right:10px;
}

.gen-msg .warn-heading {
    color: #df8505;
    font-size: 18px;
}
.beef-pager {
    text-align: center;
}

.beef-pager .next {
    padding-left: 8px;
}

.beef-pager .prev {
    padding-right: 8px;
}

.beef-pager a.disabled {
    color: #999999;
}
.beef-pager {
    text-align: center;
}

.beef-pager .next {
    padding-left: 8px;
    cursor: pointer;
}

.beef-pager .prev {
    padding-right: 8px;
    cursor: pointer;
}

.beef-pager a.disabled {
    color: #999999;
    cursor: default;
}

.beef-pager-fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    background: var(--body-background-colour);
    /*padding-left: 20px;*/
    /*padding-right: 20px;*/
}

.beef-pager-fixed .inner {
    padding-top: 10px;
    padding-bottom: 10px;
}

.beef-pager .css-spinner {
    top: 3px;
}

@media (max-device-width: 375px) {
    .beef-pager-fixed {
        max-width: 270px;
    }
}



.head.title {
    position: relative;
    min-height: 42px;
    border-bottom: 1px solid #666;
    margin-top: 10px;
    margin-bottom: 20px;
    display: block;
}

@media (max-width: 400px) {
    /* At 500px, the main menu becomes a two level menu due to lack of space. */
    .head.title {
        margin-top: 50px;
    }
}

.head.title h1 {
    line-height: 1.5em;
    margin: 0;
    padding-left: 1px;
    color: var(--heading-colour-text-dark);
}
.timezone-picker .timezone-detail {
    color: #808080;
}

.timezone-picker a:hover .timezone-detail {
    color: #4e773b; /* Can't use the usual colour, since this text is darker, and so appears to change oddly. */
}
.dashboard {
    --dashboard-title-height: 42px;
}

.dashboard > .title {
    position: sticky;
    height: var(--dashboard-title-height);
    margin-top: 10px;
    margin-bottom: 10px;
    top: 40px;
    z-index: 110;
    background: var(--body-background-colour);
}

@media (max-height: 700px) or (max-width: 700px){
    .dashboard > .title {
        position: relative;
        top: unset;
    }
}

@media screen and (max-width: 700px) {
    .dashboard > .title {
        overflow-x: hidden;
    }
}

.dashboard > .title h1 {
    line-height: 42px;
    margin: 0;
    padding-left: 40px;
    color: var(--heading-colour-text-dark);
}

.dashboard > .title .buttons-left {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -13px;
}

.dashboard > .title .buttons {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -13px;
}

.dashboard > .title .dashboard-read-only {
    float: right;
    padding-right: 170px;
    font-size: 13px;
    text-transform: none;
}

.dashboard > .title .dashboard-read-only a {
    font-size: 13px;
    line-height: 18px;
}

.dashboard > .title .warn-area {
    display: none;
    position: absolute;
    right: 150px;
    top: 8px;
}

.dashboard.has-warnings > .title .warn-area {
    display: block;
}

.dashboard > .sections {
    margin-top: 10px;
}

.fullscreen .dashboard > .sections {
    margin: 0;
}

.fullscreen .dashboard > .title {
    position: relative;
    top: unset;
}

/**
 * If a number uses spaces as a separator, these should be slightly thinner
 * than a normal space. Word wrap should be disabled as well.
 */
.number {
    word-spacing: -0.1em;
    white-space: nowrap;
}

.dashboard-nav .sidebar .inner-bg { width: 100%; }

.dashboard-font-roto-kufi {
    --widget-font: var(--widget-font-roto-kufi);
}

.dashboard-font-open-sans {
    --widget-font: var(--widget-font-open-sans);
}


.dashboard-nav .sidebar-contents h6 {
    padding-left: 10px;
    text-transform: uppercase;
}

.sidebar-contents {
    position: fixed;
    width: 0;
    height: 100%;
    right: 0;
    overflow: visible;
    z-index: 1000;
    background-color: rgba(0, 0, 0, 0.0);
    -webkit-transition: background-color linear 0.1s;
    -moz-transition: background-color linear 0.1s;
    -o-transition: background-color linear 0.1s;
    transition: background-color linear 0.1s;
}

.sidebar-contents .header {
    cursor: pointer;
}

.sidebar-contents.expanded {
    width: 100vw;
    background-color: rgba(0, 0, 0, 0.2);
}

.sidebar-contents .inner {
    position: absolute;
    height: 100%;
    width: 240px;
    background-color: #1a1a1a;
    right: -240px;
    -webkit-transition: right linear 0.1s;
    -moz-transition: right linear 0.1s;
    -o-transition: right linear 0.1s;
    transition: right linear 0.1s;
}

.sidebar-contents.expanded .inner {
    right: 0;
    -webkit-box-shadow: 10px 0 30px rgba(50, 50, 50, .6);
    -moz-box-shadow:    10px 0 30px rgba(50, 50, 50, .6);
    box-shadow:         10px 0 30px rgba(50, 50, 50, .6);
}

.sidebar-contents .sidebar-list {
    overflow: auto;
    height: 100%;
}

/* there are additional size specific styles in Dashboard.css */

.dashboard-settings {
    width: 650px;
}

.dashboard-settings .resizable {
    display: inline-block;
}

.dashboard-settings .max-width {
    margin-bottom: 0;
}

.landing-order input{
    width: 2em;
    padding: 2px 0 2px 4px;
}

.dashboard-settings .access-control {
    transition: color linear 0.1s;
}

.dashboard-settings .access-control:hover {
    color: #aee15d;
    cursor: pointer;
}
.edit-dashboard-json {
    width: 700px;
}
.section {
    margin-bottom: 30px;
    position: relative;
}

.dashboard-section-list .section {
    border-radius: 4px;
    background: var(--section-background-colour);
}

.email .dashboard-section-list .section {
    background: inherit;
    border-radius: 0;
}

.section-form {
    margin-top: 20px;
}

.section > .main {
    min-height: 189px;
}

.section-form > .main {
    padding: 20px;
}

.section > .header {
    position: sticky;
    height: var(--dashboard-title-height, 42px);
    top: calc(40px + var(--dashboard-title-height));
    background: inherit;
    z-index: 105;
}

@media (max-height: 700px) or (max-width: 700px) {
    .section > .header {
        position: relative;
        top: unset;
    }
}

@media screen and (max-width: 700px) {
    .section > .header {
        overflow-x: hidden;
    }
}

.section > .header .logo {
    position: absolute;
    align-items: center;
    height: 100%;
    right: 8px;
    display: none;
}

.pdf .section > .header .logo {
    display: flex;
}

.section:focus {
    outline: none;
}

.section > .header .title {
    position: relative;
    overflow: hidden;
}

.section > .header h2 {
    margin: 0 0 0 10px;
    line-height: 42px;
}
.section .header .drill-down-label {
    color: #aaa;
    text-transform: none;
    display: none;
}

.section .header .drill-down-label .chevron {
    margin: 0 6px 0 8px;
    color: #999;
}

.section-form > .header h2 {
    margin-left: 20px;
}

.section > .header .buttons {
    height: 42px;
    vertical-align: top;
    white-space: nowrap;
    text-align: right;
    float: right;
}

.section > .header .buttons > span {
    display: inline-block;
    height: 100%;
    cursor: pointer;
}

.section > .header .prev-section,
.section > .header .next-section {
    display: none;
}

.fullscreen .section > .header {
    position: relative;
    top: unset;
}

.fullscreen .section > .header .prev-section,
.fullscreen .section > .header .next-section {
    display: inline-block;
    visibility: hidden;
}

.fullscreen .section:not(:first-child) > .header .prev-section,
.fullscreen .section:not(:last-child) > .header .next-section {
    visibility: visible;
}

.section > .header .spinner {
    margin: 10px 9px 0;
    background: url("img/section-spinner.gif") no-repeat;
    opacity: 1.0;
}

.section > .header .buttons .btn,
.section > .footer .btn {
    border: none;
    background: none;
    height: 42px;
    line-height: 42px;
    padding: 0 20px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    white-space: nowrap;
}

.section > .footer .buttons {
    height: 30px;
    width: 310px;
    margin-left: auto;
    margin-right: auto;
}

.section > .footer .btn {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    width: 110px;
}

.section > .header .buttons .btn .caret {
    margin-top: 20px;
}

.section > .header .buttons .btn:hover,
.section > .footer .btn:hover {
    color: #fff;
    background-color: #85b03d;
}

.section > .footer {
    height: 30px;
    padding-bottom: 8px;
}

.section .main > .settings {
    padding-top: 10px;
    padding-left: 10px;
}

.section > .overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.05);
}

.section > .header .warn-space {
    display: none;
    line-height: 38px;
    color: #df8505;
    font-weight: bold;
    text-align: center;
    float: right;
}

.section.has-warnings > .header .warn-space {
    display: block;
}

.section > .header .sentiment-warning {
    font-size: 22px
}

.section > .header .warn-space:hover {
    background-color: #85b03d;
    cursor: pointer;
}


/* FULLSCREEN */


.fullscreen .section > .header,
.fullscreen .section > .header:before,
.fullscreen .section > .header h2,
.fullscreen .section > .header .buttons .btn {
    height: 50px;
    line-height: 50px;
}

.email .section > .header,
.email .section > .header h2 {
    height: auto;
    line-height: 2.0;
}

.fullscreen .section {
    background: inherit;
    margin-bottom: 0;
    background: #000;
}

.email.single-dashboard .section {
    display: none;
}

.email.single-dashboard .section.active {
    display: block;
}

.section > .header .timestamp {
    display: none;
}

.fullscreen:not(.email) .section > .header .timestamp {
    display: inline;
    padding-left: 16px;
    padding-right: 16px;
    font-size: 80%;
    color: var(--be-colour-muted-text-dark);
    text-transform: uppercase;
}

.fullscreen:not(.email) .section > .header .title {
    text-align: center;
    padding: 0 230px;
}

.fullscreen .section > .header .title > div[class^='span']{
    width: 100%;
}

.fullscreen .section > .header h2 {
    margin-left: 0;
    font-size: 24px;
}

.email .db-width-4 .section > .header { width: calc(var(--width4) - 4px) }
.email .db-width-5 .section > .header { width: calc(var(--width5) - 6px) }
.email .db-width-6 .section > .header { width: calc(var(--width6) - 8px) }
.email .db-width-7 .section > .header { width: calc(var(--width7) - 10px) }
.email .db-width-8 .section > .header { width: calc(var(--width8) - 12px) }
.email .db-width-9 .section > .header { width: calc(var(--width9) - 14px) }
.email .db-width-10 .section > .header { width: calc(var(--width10) - 16px) }
.email .db-width-11 .section > .header { width: calc(var(--width11) - 18px) }
.email .db-width-12 .section > .header { width: calc(var(--width12) - 20px) }
.email .db-width-13 .section > .header { width: calc(var(--width13) - 22px) }
.email .db-width-14 .section > .header { width: calc(var(--width14) - 24px) }
.email .db-width-15 .section > .header { width: calc(var(--width15) - 26px) }
.email .db-width-16 .section > .header { width: calc(var(--width16) - 28px) }
.email .db-width-17 .section > .header { width: calc(var(--width17) - 30px) }
.email .db-width-18 .section > .header { width: calc(var(--width18) - 32px) }
.email .db-width-19 .section > .header { width: calc(var(--width19) - 34px) }
.email .db-width-20 .section > .header { width: calc(var(--width20) - 36px) }

.email .section > .header h2 {
    text-align: center;
}

/* Add single pixel top right to prevent all space above header from being cropped when trotter creates a section image */
.email .section > .header h2:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    border-right: 1px solid #fefefe;
    height: 1px;
}

/* Notification email templates have #fafafa background so use different color pixel */
.notification-email .section > .header h2:after {
    border-right: 1px solid #f8f8f8;
}

.fullscreen .section > .header .buttons {
    background: none;
    position: absolute;
    right: 10px;
    top: 0;
    width: 210px;
    z-index: 1;
}

.fullscreen .section > .header .buttons .btn {
    vertical-align: top;
}

.fullscreen:not(.email) .section > .header:before {
    content: ' ';
    display: table-cell;
    background: url("resource:/static/img/dataeq-logo.svg") left 13px no-repeat;
    background-size: 100px 28px; /* desired image size */
    width: 200px;
    margin-left: 20px;
    position: absolute;
    left: 0;
    top: 0;
}

a.section-cta-big {
    margin: 80px auto 80px;
    border: 1px dashed #999;
    color: #999;
    cursor: pointer;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    width: 560px;
    height: 156px;
    padding: 20px 40px;
    text-align: center;
    text-decoration: none;
}

a.section-cta-big h1 {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

a.section-cta-big:hover {
    color: #aee15d;
}

a.section-cta-big:hover h1 {
    color: #aee15d;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

@media only screen and (max-device-width : 600px) {
    a.section-cta-big {
        width: 80%;
        height: auto;
        padding: 10px 20px;
        box-sizing: border-box;
    }
}
.section-settings {
    width: 700px;
}

.section-settings .compare .media {
    margin-bottom: 0;
}

.section-settings .missing-message {
    display: none;
    background: red;
    color: #ffffff;
    padding: 1em;
}
.footnotes {
    font-size: 80%;
    color: #7b7b7b;
    margin: 5px 0px 5px 0;
    cursor: default;
    padding-right: 5px;
    display: block;
}

.footnotes li {
    line-height: 1.4em;
}

.no-comment-space {
    font-style: italic;
    margin-left: 10px;
}
.widget-type-change {
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.widget-type-change .dialog-body {
    padding: 0;
}


.widget-type-change:focus {
    outline: none;
}

.widget {
    --markdown-width: 40%;
    --title-height: 37px;
    --title-button-offset: 25px;
    --footnote-height: 37px;
    --widget-border-color: #d7d7d7;
    --widget-border-radius: 2px;
    --widget-commentary-width: 40%;
    position: relative;
    background: #ffffff;
    color: #363636;
    width: 100%;
    border-radius: var(--widget-border-radius) ;

    /*
     * If you change the animation time, you should change the
     * width/height delay resize time in ChartItemView#widthHeightUpdated()
     *
     * The below uses cubic ease in/out
     */
    transition-property: width, height;
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}

.widget .markdown {
    border-radius: 0 var(--widget-border-radius) var(--widget-border-radius) 0;
}

.widget.hidden-title:not(:hover):not(.title-temporarily-visible) {
    --title-height: 0px;
}

.widget.widget-hidden {
    background: transparent;
}

.widget .chart-background {
    fill: #ffffff;
}

.widget .mention-item {
    background: #ffffff;
}

.widget-dark {
    background: #1a1a1a;
}

.thumbnails > li.widget {
    margin: 5px;
}

.widget-font,
.widget h5,
.widget h6,
.simple-graph-header h5 {
    font-family: var(--widget-font);
}

.widget-dark h5 {
    font-family: inherit;
    text-transform: uppercase;
}

.widget-font {
    font-weight: 400;
}

.widget-font strong,
.widget-font em,
.widget-font b {
    font-weight: 500;
}

/*
    Original comment from 2013:
    Widths are calculated so a "row" is 1024px wide on the screen. The width of a widget excludes the border (2px).
    The margin between widgets (5px) and the margin of the content area itself (25px left and right) is also taken
    into account. So the width of a row of widgets is 1024 -25 -25 = 974px. This doesn't divide by 4 so 2 px are
    taken off leaving 972px available for widgets.

    2020 modifications:
    These sizes are now being modified so that the metrics scale nicely when exported as an image and copied
    into powerpoint, preserving, for instance, font size. This means that a 14px font label in Analyse will
    appear as a roughly 14px font in powerpoint, which makes it far easier to use Analyse imagery to produce
    good powerpoint images. The applied scale is the constant factor 0.475. The values have been rounded.

    The base width×4 size was changed from 972 to 960, so that everything becomes a whole integer value
    on division.
*/

:root {
    --width1:  104px;  /* (960 / 0.25 * 0.475) -5 -5 */
    --width2:  218px;  /* (960 * 0.50 * 0.475) -5 -5 */
    --width3:  332px;  /* (960 * 0.75 * 0.475) -5 -5 */
    --width4:  446px;  /* (960 * 1 * 0.475) -5 -5           <- start calculations from here */
    --width5:  560px;  /* (960 / 1.25 * 0.475) -5 -5 */
    --width6:  674px;  /* (960 / 1.50 * 0.475) -5 -5 */
    --width7:  788px;  /* (960 / 1.75 * 0.475) -5 -5 */
    --width8:  902px;  /* (960 / 2.00 * 0.475) -5 -5 */
    --width9:  1016px; /* (960 / 2.25 * 0.475) -5 -5 */
    --width10: 1130px; /* (960 / 2.50 * 0.475) -5 -5 */
    --width11: 1244px; /* (960 / 2.75 * 0.475) -5 -5 */
    --width12: 1358px;
    --width13: 1472px;
    --width14: 1586px;
    --width15: 1700px;
    --width16: 1814px;
    --width17: 1928px;
    --width18: 2042px;
    --width19: 2156px;
    --width20: 2270px;

    --height1:  104px;  /* (960 / 0.25 * 0.475) -5 -5 */
    --height2:  218px;  /* (960 * 0.50 * 0.475) -5 -5 */
    --height3:  332px;  /* (960 * 0.75 * 0.475) -5 -5 */
    --height4:  446px;  /* (960 * 1 * 0.475) -5 -5          <- start calculations from here */
    --height5:  560px;  /* (960 / 1.25 * 0.475) -5 -5 */
    --height6:  674px;  /* (960 / 1.50 * 0.475) -5 -5 */
    --height7:  788px;  /* (960 / 1.75 * 0.475) -5 -5 */
    --height8:  902px;  /* (960 / 2.00 * 0.475) -5 -5 */
    --height9:  1016px; /* (960 / 2.25 * 0.475) -5 -5 */
    --height10: 1130px; /* (960 / 2.50 * 0.475) -5 -5 */
    --height11: 1244px; /* (960 / 2.75 * 0.475) -5 -5 */
}

.width1 {
    --widget-width: var(--width1);
}

.width1 .widget-width {
    width: var(--width1);
}

.width2 {
    --widget-width: var(--width2);
    grid-column-end: span var(--width2-cols, 2);
}
.width2 .widget-width {
    width: var(--width2);
}

.width3 {
    --widget-width: var(--width3);
    grid-column-end: span var(--width3-cols, 3);
}
.width3 .widget-width {
    width: var(--width3);
}

.width4 {
    --widget-width: var(--width4);
    grid-column-end: span var(--width4-cols, 4);
}
.width4 .widget-width {
    width: var(--width4);
}

.width5 {
    --widget-width: var(--width5);
    grid-column-end: span var(--width5-cols, 5);
}
.width5 .widget-width {
    width: var(--width5);
}

.width6 {
    --markdown-width: 30%;
    --widget-commentary-width: 30%;
    --widget-width: var(--width6);
    grid-column-end: span var(--width6-cols, 6);
}
.width6 .widget-width {
    width: var(--width6);
}

.width7 {
    --markdown-width: 30%;
    --widget-commentary-width: 30%;
    --widget-width: var(--width7);
    grid-column-end: span var(--width7-cols, 7);
}
.width7 .widget-width {
    width: var(--width7);
}

.width8 {
    --widget-width: var(--width8);
    grid-column-end: span var(--width8-cols, 8);
}
.width8 .widget-width {
    width: var(--width8);
}

.width9 {
    --widget-width: var(--width9);
    grid-column-end: span var(--width9-cols, 9);
}
.width9 .widget-width {
    width: var(--width9);
}

.width10 {
    --widget-width: var(--width10);
    grid-column-end: span var(--width10-cols, 10);
}
.width10 .widget-width {
    width: var(--width10);
}

.width11 {
    --widget-width: var(--width11);
    grid-column-end: span var(--width11-cols, 11);
}
.width11 .widget-width {
    width: var(--width11);
}

.width12 {
    --widget-width: var(--width12);
    grid-column-end: span var(--width12-cols, 12);
}
.width12 .widget-width {
    width: var(--width12);
}

.width13 {
    --widget-width: var(--width13);
    grid-column-end: span var(--width13-cols, 13);
}
.width13 .widget-width {
    width: var(--width13);
}

.width14 {
    --widget-width: var(--width14);
    grid-column-end: span var(--width14-cols, 14);
}
.width14 .widget-width {
    width: var(--width14);
}

.width15 {
    --widget-width: var(--width15);
    grid-column-end: span var(--width15-cols, 15);
}
.width15 .widget-width {
    width: var(--width15);
}

.width16 {
    --widget-width: var(--width16);
    grid-column-end: span var(--width16-cols, 16);
}
.width16 .widget-width {
    width: var(--width16);
}


.width17 {
    --widget-width: var(--width17);
    grid-column-end: span var(--width17-cols, 17);
}
.width17 .widget-width {
    width: var(--width17);
}

.width118 {
    --widget-width: var(--width18);
    grid-column-end: span var(--width18-cols, 18);
}
.width18 .widget-width {
    width: var(--width18);
}

.width19 {
    --widget-width: var(--width19);
    grid-column-end: span var(--width19-cols, 19);
}
.width19 .widget-width {
    width: var(--width19);
}

.width20 {
    --widget-width: var(--width20);
    grid-column-end: span var(--width20-cols, 20);
}
.width20 .widget-width {
    width: var(--width20);
}

/* if you change these also update SelectorWidget.css */

/* If you need to hard fix a div in a widget to the width of the widget give it .widget-width style. Also if it
   has padding or borders do: -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; */

.width1 .title h5 { max-width: calc(var(--widget-width) - var(--title-button-offset)); }
.width2 .title h5 { max-width: calc(var(--widget-width) - var(--title-button-offset)); }
.width3 .title h5 { max-width: calc(var(--widget-width) - var(--title-button-offset)); }
.width4 .title h5 { max-width: calc(var(--widget-width) - var(--title-button-offset)); }
.width5 .title h5 { max-width: calc(var(--widget-width) - var(--title-button-offset)); }
.width6 .title h5 { max-width: calc(var(--widget-width) - var(--title-button-offset)); }
.width7 .title h5 { max-width: calc(var(--widget-width) - var(--title-button-offset)); }
.width8 .title h5 { max-width: calc(var(--widget-width) - var(--title-button-offset)); }
.width9 .title h5 { max-width: calc(var(--widget-width) - var(--title-button-offset)); }
.width10 .title h5 { max-width: calc(var(--widget-width) - var(--title-button-offset)); }
.width11 .title h5 { max-width: calc(var(--widget-width) - var(--title-button-offset)); }
.width12 .title h5 { max-width: calc(var(--widget-width) - var(--title-button-offset)); }
.width13 .title h5 { max-width: calc(var(--widget-width) - var(--title-button-offset)); }
.width14 .title h5 { max-width: calc(var(--widget-width) - var(--title-button-offset)); }
.width15 .title h5 { max-width: calc(var(--widget-width) - var(--title-button-offset)); }
.width16 .title h5 { max-width: calc(var(--widget-width) - var(--title-button-offset)); }
.width17 .title h5 { max-width: calc(var(--widget-width) - var(--title-button-offset)); }
.width18 .title h5 { max-width: calc(var(--widget-width) - var(--title-button-offset)); }
.width19 .title h5 { max-width: calc(var(--widget-width) - var(--title-button-offset)); }
.width20 .title h5 { max-width: calc(var(--widget-width) - var(--title-button-offset)); }

.widget {
    --widget-height: var(--height1);
    height: var(--widget-height);
}

.height1 {
    --widget-height: var(--height1);
}
.height2 {
    --widget-height: var(--height2);
    grid-row-end: span 2;
}
.height3 {
    --widget-height: var(--height3);
    grid-row-end: span 3;
}
.height4 {
    --widget-height: var(--height4);
    grid-row-end: span 4;
}
.height5 {
    --widget-height: var(--height5);
    grid-row-end: span 5;
}
.height6 {
    --widget-height: var(--height6);
    grid-row-end: span 6;
}
.height7 {
    --widget-height: var(--height7);
    grid-row-end: span 7;
}
.height8 {
    --widget-height: var(--height8);
    grid-row-end: span 8;
}
.height9 {
    --widget-height: var(--height9);
    grid-row-end: span 9;
}
.height10 {
    --widget-height: var(--height10);
    grid-row-end: span 10;
}

/* Normal height minus the 37px defined for a widget title. */
.height1 .widget-height-inner,
.height2 .widget-height-inner,
.height3 .widget-height-inner,
.height4 .widget-height-inner,
.height5 .widget-height-inner,
.height6 .widget-height-inner,
.height7 .widget-height-inner,
.height8 .widget-height-inner,
.height9 .widget-height-inner,
.height10 .widget-height-inner {
    --widget-inner-height: calc(var(--widget-height) - var(--title-height));
    max-height: var(--widget-inner-height);
}

.widget.hidden-title .widget-height-inner {
    --widget-inner-height: var(--widget-height);
}

/* Normal height minus the 37px defined for a widget title, minus another 37px for the footnotes */
.height1.widget-footnotes .widget-height-inner,
.height2.widget-footnotes .widget-height-inner,
.height3.widget-footnotes .widget-height-inner,
.height4.widget-footnotes .widget-height-inner,
.height5.widget-footnotes .widget-height-inner,
.height6.widget-footnotes .widget-height-inner,
.height7.widget-footnotes .widget-height-inner,
.height8.widget-footnotes .widget-height-inner,
.height9.widget-footnotes .widget-height-inner,
.height10.widget-footnotes .widget-height-inner {
    --widget-inner-height: calc(var(--widget-height) - var(--title-height) - var(--footnote-height));
    max-height: var(--widget-inner-height);
}

.widget.hidden-title.widget-footnotes .widget-height-inner {
    --widget-inner-height: calc(var(--widget-height) - var(--footnote-height));
}

.scroll-auto {
    overflow: auto;
}

.widget {
    display: flex;
    flex-direction: column;
}

.widget > .title {
    height: var(--title-height);
    position: relative;
}

.widget-dark > .title {
    background: #1a1a1a;
}

.widget > .title > .inner > a.disabled {
    color: var(--be-colour-mid-grey);
    cursor: default;
}

.widget > .title > .inner,
.simple-graph-header {
    border-bottom: 1px solid var(--widget-border-color);
    height: calc(var(--title-height) - 1px); /* make space for the border */
}

.widget-dark > .title > .inner {
    border-bottom: 1px solid transparent;
}

.widget.hidden-title > .title {
    opacity: 0;
    transition: opacity 250ms, background 250ms;  /* Overridden on hover - we want the fade out to be quick, with no delay */
    position: absolute;
    width: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 15%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.9) 90%);
    border-radius: var(--widget-border-radius) var(--widget-border-radius) 0 0;
}

.widget.widget-hidden.hidden-title > .title {
    background: white;
}

.widget.title-temporarily-visible > .title {
    opacity: 1;
}

.widget.hidden-title > .title > .inner {
    border-bottom: none;
}

.widget.hidden-title:not(:hover):not(.title-temporarily-visible) > .title h5 {
    display: none;
}

.widget.title-temporarily-visible,
.widget:hover {
    --title-button-offset: 75px;
}


.widget:hover > .title {
    opacity: 1;
    transition: opacity 500ms ease-in 1s, background 500ms ease-in 1s;
    z-index: 3;
}

.widget.hidden-title.title-temporarily-visible > .title > .inner,
.widget.hidden-title:hover > .title > .inner {
    border-bottom: 1px solid var(--be-colour-light-grey);
}

.widget-data-container {
    display: flex;
    height: 100%;
    overflow: hidden;
    max-height: inherit;
}

.widget-data-container > .widget-markdown {
    width: var(--markdown-width);
    background: rgb(245, 245, 245);
    box-sizing: border-box;
}

.widget-data-container > .widget-commentary {
    width: var(--widget-commentary-width);
    box-sizing: border-box;
}

.width1 .widget-markdown,
.width2 .widget-markdown,
.width3 .widget-markdown,
.width4 .widget-markdown,
.widget > .widget-data-container.no-comment > .widget-markdown {
    display: none;
    width: 0;
}

.width1 .widget-commentary,
.width2 .widget-commentary,
.width3 .widget-commentary,
.width4 .widget-commentary,
.widget > .widget-data-container.no-comment-plus > .widget-commentary {
    display: none;
    width: 0;
}

.widget > .widget-data-container.no-comment-plus > .widget-container {
    width: 100%;
}

.widget > .widget-data-container.no-comment > .widget-container {
    width: 100%;
}

.widget > .widget-data-container > .widget-container {
    height: auto;
    max-height: inherit;
    width: 100%;
    /*flex-grow: 1;*/
    overflow: hidden;
}

.widget > .widget-data-container > .widget-container > div {
    height: 100%;
}

.resizable-grid .widget > .widget-data-container > .widget-container > div {
    max-width: var(--widget-width);
}

.widget > .widget-footnotes {
    display: flex;
    align-items: center;
}

.fullscreen .widget > .widget-footnotes {
    display: none;
}

.widget-no-footnotes > .widget-footnotes,
.widget-dark > .widget-footnotes {
    height: 0;
    position: absolute;
}

.widget > .title h5,
.simple-graph-header h5 {
    margin: 0 0 0 12px;
    color: var(--clr-sidebar-header);
    font-size: 13px;
    line-height: 36px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.fullscreen .widget > .title h5 {
    font-size: 16px;
}

.email .widget {
    border: 1px solid #ccc;
}

.email .widget > .title h5 {
    font-size: 14px;
    line-height: 2.4;
    text-align: center;
}

.email .widget > .title > .inner {
    height: auto;
    border-bottom: none;
}

.menu-trigger,
.mentions-summary .settings-menu-trigger {
    position: absolute;
    width: 23px;
    height: 23px;
    border: 1px solid #bebebe;
    border-radius: 12px;
    top: 6px;
    right: 6px;
    cursor: pointer;
}

.widget-dark .menu-trigger,
.mentions-summary .settings-menu-trigger {
    border: 1px solid transparent;
}

.menu-trigger:hover,
.title-temporarily-visible .menu-trigger,
.mentions-summary .settings-menu-trigger:hover {
    border: 1px solid #5f8b1a;
    box-shadow: 0 0 1px 0 #85b03d;
    transition: border 250ms, box-shadow 250ms, opacity 250ms;
}

.menu-trigger .caret,
.mentions-summary .settings-menu-trigger .caret {
    position: relative;
    top: 9px;
    left: 6px;
    border-top: 6px solid #666;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
}

.widget .download-button {
    position: absolute;
    width: 23px;
    height: 23px;
    top: 8px;
    right: 38px;
    cursor: pointer;
}

.widget a.download-button:not(:hover) {
    color: var(--be-colour-text);
}

.menu-trigger:hover .caret,
.title-temporarily-visible .menu-trigger .caret,
.mentions-summary .settings-menu-trigger:hover .caret {
    transition: border-color 250ms;
    border-top-color: #5f8b1a;
}

/* .widget.hidden-title:not(:hover):not(.title-temporarily-visible) { */
.widget:not(.hidden-title):not(.title-temporarily-visible):not(:hover) .download-button,
.widget:not(.hidden-title):not(.title-temporarily-visible):not(:hover) .menu-trigger {
    opacity: 0;
}

.widget:not(.hidden-title):not(.title-temporarily-visible):hover .download-button,
.widget:not(.hidden-title):not(.title-temporarily-visible):hover .menu-trigger {
    opacity: 0.5;
    transition: opacity 500ms;
}

.widget:not(.hidden-title):not(.title-temporarily-visible) .title:hover .download-button,
.widget:not(.hidden-title):not(.title-temporarily-visible) .title:hover .menu-trigger {
    opacity: 1;
}

.widget > .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: white;
    z-index: 10;
    display: none;
}

.widget-dark > .overlay {
    background: black;
}

.widget > .spinner-overlay {
    background: transparent;
    cursor: default;
}

.widget > .spinner-overlay  .css-spinner,
.widget > .spinner-overlay  .spinner48 {
    float: left;
}

.widget .loading-message {
    width: 150px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -24px;
    position: relative;
    top: 50%;
}

.widget .loading-message h3 {
    padding-left: 3em;
    padding-top: 4px;
}

.widget .message-area {
    position: absolute;
    top: 20%;
    left: 15%;
    bottom: 20%;
    right: 15%;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0);
    text-align: center;
    font-size: 2em;
    line-height: 1em;
    display: none;
    cursor: default;
    overflow-y: auto;
}

.widget.width1.height1 .message-area {
    font-size: 1.5em;
}

.widget .message-area .info {
    font-size: 80%;
    color: grey;
}

.widget .message-area .error {
    font-size: 70%;
    color: darkred;
}

.widget .message-area p.info:first-of-type {
    margin-top: 25px;
}

.dragging {
    z-index: 10;
    -webkit-box-shadow: 5px 5px 17px 0 #000000;
    -moz-box-shadow:    5px 5px 17px 0 #000000;
    box-shadow:         5px 5px 17px 0 #000000;
}

.drag-target {
    /*-webkit-box-shadow: 0px 0px 17px 0 #6be077;*/
    /*-moz-box-shadow:    0px 0px 17px 0 #067600;*/
    box-shadow:         0px 0px 17px 0 #87ff6b;
}


.chart {
    position: relative;
    height: 100%;
    transition: opacity linear 0.1s;
}

.chart > div {
    height: 100%;
}

.chart svg {
    display: block;
}

.chart .nv-bar, .chart .nv-slice {
    cursor: pointer;
    shape-rendering: crispEdges;
}

svg text {
    font-weight: normal;
    font-size: 12px;
    font-family: var(--widget-font);
}

/* The fantastic chart labels on bars come out very small if the font is our widget font */
.fantastic-container .chart-label {
    font-family: "Arial", sans-serif;
}

/*
 * We want to place a line between all the values, but we don't want the line
 * appearing before the first element.
 */
.text-value > .value:not(:first-child) {
    border-top: thin solid #d3d3d3;
}

.text-value .caption {
    margin-top: 0.3em;
    font-size: 2em;
}

.ok-cancel {
    clear: both;
}

.caret-toggle {
    transform: rotateX(180deg);
}

.mention-list-region td {
    display: block;
}

.dim {
    fill-opacity: 0.4;
}

.highlight {
    fill-opacity: 0.85;
}

.widget .widget__warning-area {
    transition: top 300ms;
    display: none;
    position: absolute;
    z-index: 100;
    top: calc(var(--title-height) + 5px);
    left: 5px;
    background: white;
    border: thin solid var(--be-colour-light-grey);
    border-radius: 2rem;
    box-shadow: 3px 5px 4px rgba(0, 0, 0, 0.4);
    width: 2.4rem;
    height: 2.4rem;
    text-align: center;
    line-height: 2.2rem;
}

.widget.has-warnings .widget__warning-area {
    display: block;
}

.widget:hover .widget__warning-area {
    transition-duration:  1000ms; /* Slow things down for when the title fades in */
}
.widget-colour-settings {
}

.metric-settings .widget-colour-settings .control-group,
.widget-colour-settings .control-group {
    margin-bottom: 0;
}

.widget-colour-settings .palettes {
    font-size: 0;
    line-height: 0;
    width: 255px;
}

.widget-colour-settings .palette {
    height: 20px;
    display: inline-block;
    margin-bottom: 6px;
    margin-right: 6px;
}

.widget-colour-settings .palette .inner {
    display: inline-block;
    height: 20px;
}

.widget-colour-settings .swatch {
    display: inline-block;
    position: relative;
    width: 20px;
    height: 20px;
}

.widget-colour-settings .swatch-inner {
    position: absolute;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.widget-colour-settings .swatch:hover .swatch-inner,
.widget-colour-settings .selected .swatch-inner {
    border: 3px solid #1a1a1a;
    left: -3px;
    top: -3px;
    z-index: 1032;
}

.widget-colour-settings .custom-palette {
    font-size: 0;
    margin-left: -3px;
    margin-top: -3px;
    width: 165px;
}

.widget-colour-settings .custom {
    display: inline-block;
    border: 3px solid #444;
    height: 20px;
    width: 20px;
}

.widget-colour-settings .custom.selected,
.widget-colour-settings .custom:hover {
    border: 3px solid #1a1a1a;
}

.widget-colour-settings .sp-replacer {
    border: none;
    padding: 0;
    background: none;
}

.widget-colour-settings .sp-preview {
    margin-right: 0;
    border: none;
    width: 20px;
}

.widget-colour-settings .sp-dd {
    display: none;
    font-size: 0;
}

.colour-settings-edit-hex {
    width: 200px;
}

.widget-settings {
    width: 650px;
}

.widget-settings .comment-text {
    color: #a0a0a0;
}

.widget-settings .ok-cancel {
    margin-top: 10px;
}

.widget-settings .filter-wrapper {
    margin-top: 5px;
}

.widget-settings .private-settings .row-fluid {
    margin-top: 10px;
}

.widget-settings .preview-back {
    background: none;
    border-color: transparent;
}

.widget-settings .preview-back:hover {
    color: #aee15d
}

.widget-settings-preview-widget {
    max-height: calc(90vh - 125px);
    overflow: auto;
}

.settings-container {
    max-height: 80vh;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 10px
}

.widget-settings-preview-widget-container {
    grid-template-columns: repeat(auto-fit, var(--widget-width)) !important;
    animation: fadeIn linear 250ms;
    width: auto !important;
}

.widget-settings-preview-widget-container .widget-height-inner > :first-child {
    pointer-events: none;
}

.widget-settings-preview-widget-container .title {
    pointer-events: none;
}

@keyframes fadeIn {
    0% {opacity:0;}
    100% {opacity:1;}
}

.fullscreen {
    --content-region-padding: 10px;
    --dashboard-nav-width: 0px;
}

.widget-list .thumbnails {
    margin-bottom: 0;
}

.fullscreen:not(.email) .widget-list {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    min-height: calc(100vh - 50px);
}

/* These define the number of columns in a dashboard */
.widget-grid-col4 { --dashboard-cols: 4; }
.widget-grid-col5 { --dashboard-cols: 5; }
.widget-grid-col6 { --dashboard-cols: 6; }
.widget-grid-col7 { --dashboard-cols: 7; }
.widget-grid-col8 { --dashboard-cols: 8; }
.widget-grid-col9 { --dashboard-cols: 9; }
.widget-grid-col10 { --dashboard-cols: 10; }
.widget-grid-col11 { --dashboard-cols: 11; }
.widget-grid-col12 { --dashboard-cols: 12; }
.widget-grid-col13 { --dashboard-cols: 13; }
.widget-grid-col14 { --dashboard-cols: 14; }
.widget-grid-col15 { --dashboard-cols: 15; }
.widget-grid-col16 { --dashboard-cols: 16; }
.widget-grid-col17 { --dashboard-cols: 17; }
.widget-grid-col18 { --dashboard-cols: 18; }
.widget-grid-col19 { --dashboard-cols: 19; }
.widget-grid-col20 { --dashboard-cols: 20; }

.widget-grid {
    --widget-width-unit: 104px;
    --grid-gap: 8px;
    --section-h-padding: 0px;
    position: relative;
    overflow-y: hidden;
    padding: 0 var(--section-h-padding) 8px;
    display: grid;
    grid-template-rows: repeat(auto-fill, var(--widget-width-unit));
    grid-gap: var(--grid-gap);

    /* Default number of columns that a metric of given width spans. Overridden below */
    --width1-cols: var(--dashboard-cols);
    --width2-cols: var(--dashboard-cols);
    --width3-cols: var(--dashboard-cols);
    --width4-cols: var(--dashboard-cols);
    --width5-cols: var(--dashboard-cols);
    --width6-cols: var(--dashboard-cols);
    --width7-cols: var(--dashboard-cols);
    --width8-cols: var(--dashboard-cols);
    --width9-cols: var(--dashboard-cols);
    --width10-cols: var(--dashboard-cols);
    --width11-cols: var(--dashboard-cols);
    --width12-cols: var(--dashboard-cols);
    --width13-cols: var(--dashboard-cols);
    --width14-cols: var(--dashboard-cols);
    --width15-cols: var(--dashboard-cols);
    --width16-cols: var(--dashboard-cols);
    --width17-cols: var(--dashboard-cols);
    --width18-cols: var(--dashboard-cols);
    --width19-cols: var(--dashboard-cols);
    --width20-cols: var(--dashboard-cols);
}

/* ---------------------------------------------------------------------------------------------------- */
/* This defines the layout for non-resizable grids. The width of the widgets are defined in widgets.css */
.widget-grid-col0:not(.resizable-grid) { grid-template-columns: repeat(auto-fill, var(--widget-width-unit)); }
.widget-grid-col4:not(.resizable-grid) { grid-template-columns: repeat(4, var(--widget-width-unit)) }
.widget-grid-col5:not(.resizable-grid) { grid-template-columns: repeat(5, var(--widget-width-unit)) }
.widget-grid-col6:not(.resizable-grid) { grid-template-columns: repeat(6, var(--widget-width-unit)) }
.widget-grid-col7:not(.resizable-grid) { grid-template-columns: repeat(7, var(--widget-width-unit)) }
.widget-grid-col8:not(.resizable-grid) { grid-template-columns: repeat(8, var(--widget-width-unit)) }
.widget-grid-col9:not(.resizable-grid) { grid-template-columns: repeat(9, var(--widget-width-unit)) }
.widget-grid-col10:not(.resizable-grid) { grid-template-columns: repeat(10, var(--widget-width-unit)) }
.widget-grid-col11:not(.resizable-grid) { grid-template-columns: repeat(11, var(--widget-width-unit)) }
.widget-grid-col12:not(.resizable-grid) { grid-template-columns: repeat(12, var(--widget-width-unit)) }
.widget-grid-col13:not(.resizable-grid) { grid-template-columns: repeat(13, var(--widget-width-unit)) }
.widget-grid-col14:not(.resizable-grid) { grid-template-columns: repeat(14, var(--widget-width-unit)) }
.widget-grid-col15:not(.resizable-grid) { grid-template-columns: repeat(15, var(--widget-width-unit)) }
.widget-grid-col16:not(.resizable-grid) { grid-template-columns: repeat(16, var(--widget-width-unit)) }
.widget-grid-col17:not(.resizable-grid) { grid-template-columns: repeat(17, var(--widget-width-unit)) }
.widget-grid-col18:not(.resizable-grid) { grid-template-columns: repeat(18, var(--widget-width-unit)) }
.widget-grid-col19:not(.resizable-grid) { grid-template-columns: repeat(19, var(--widget-width-unit)) }
.widget-grid-col20:not(.resizable-grid) { grid-template-columns: repeat(20, var(--widget-width-unit)) }

/* ---------------------------------------------------------------------------------------------------- */
/* Most of the CSS from here onwards will be used for the resizable dashboards. */
.widget-grid-col4 { --width1-cols: 1; --width2-cols: 2; --width3-cols: 3; --width4-cols: 4; }
.widget-grid-col5 { --width1-cols: 1; --width2-cols: 2; --width3-cols: 3; --width4-cols: 4; --width5-cols: 5;}
.widget-grid-col6 { --width1-cols: 1; --width2-cols: 2; --width3-cols: 3; --width4-cols: 4; --width5-cols: 5; --width6-cols: 6;}
.widget-grid-col7 { --width1-cols: 1; --width2-cols: 2; --width3-cols: 3; --width4-cols: 4; --width5-cols: 5; --width6-cols: 6; --width7-cols: 7; }
.widget-grid-col8 { --width1-cols: 1; --width2-cols: 2; --width3-cols: 3; --width4-cols: 4; --width5-cols: 5; --width6-cols: 6; --width7-cols: 7; --width8-cols: 8; }
.widget-grid-col9 { --width1-cols: 1; --width2-cols: 2; --width3-cols: 3; --width4-cols: 4; --width5-cols: 5; --width6-cols: 6; --width7-cols: 7; --width8-cols: 8; --width9-cols: 9;}
.widget-grid-col10 { --width1-cols: 1; --width2-cols: 2; --width3-cols: 3; --width4-cols: 4; --width5-cols: 5; --width6-cols: 6; --width7-cols: 7; --width8-cols: 8; --width9-cols: 9; --width10-cols: 10;}
.widget-grid-col11 { --width1-cols: 1; --width2-cols: 2; --width3-cols: 3; --width4-cols: 4; --width5-cols: 5; --width6-cols: 6; --width7-cols: 7; --width8-cols: 8; --width9-cols: 9; --width10-cols: 10; --width11-cols: 11;}
.widget-grid-col12 { --width1-cols: 1; --width2-cols: 2; --width3-cols: 3; --width4-cols: 4; --width5-cols: 5; --width6-cols: 6; --width7-cols: 7; --width8-cols: 8; --width9-cols: 9; --width10-cols: 10; --width11-cols: 11; --width12-cols: 12;}
.widget-grid-col13 { --width1-cols: 1; --width2-cols: 2; --width3-cols: 3; --width4-cols: 4; --width5-cols: 5; --width6-cols: 6; --width7-cols: 7; --width8-cols: 8; --width9-cols: 9; --width10-cols: 10; --width11-cols: 11; --width12-cols: 12; --width13-cols: 13;}
.widget-grid-col14 { --width1-cols: 1; --width2-cols: 2; --width3-cols: 3; --width4-cols: 4; --width5-cols: 5; --width6-cols: 6; --width7-cols: 7; --width8-cols: 8; --width9-cols: 9; --width10-cols: 10; --width11-cols: 11; --width12-cols: 12; --width13-cols: 13; --width14-cols: 14;}
.widget-grid-col15 { --width1-cols: 1; --width2-cols: 2; --width3-cols: 3; --width4-cols: 4; --width5-cols: 5; --width6-cols: 6; --width7-cols: 7; --width8-cols: 8; --width9-cols: 9; --width10-cols: 10; --width11-cols: 11; --width12-cols: 12; --width13-cols: 13; --width14-cols: 14; --width15-cols: 15; }
.widget-grid-col16 { --width1-cols: 1; --width2-cols: 2; --width3-cols: 3; --width4-cols: 4; --width5-cols: 5; --width6-cols: 6; --width7-cols: 7; --width8-cols: 8; --width9-cols: 9; --width10-cols: 10; --width11-cols: 11; --width12-cols: 12; --width13-cols: 13; --width14-cols: 14; --width15-cols: 15; --width16-cols: 16; }
.widget-grid-col17 { --width1-cols: 1; --width2-cols: 2; --width3-cols: 3; --width4-cols: 4; --width5-cols: 5; --width6-cols: 6; --width7-cols: 7; --width8-cols: 8; --width9-cols: 9; --width10-cols: 10; --width11-cols: 11; --width12-cols: 12; --width13-cols: 13; --width14-cols: 14; --width15-cols: 15; --width16-cols: 16; --width17-cols: 17;}
.widget-grid-col18 { --width1-cols: 1; --width2-cols: 2; --width3-cols: 3; --width4-cols: 4; --width5-cols: 5; --width6-cols: 6; --width7-cols: 7; --width8-cols: 8; --width9-cols: 9; --width10-cols: 10; --width11-cols: 11; --width12-cols: 12; --width13-cols: 13; --width14-cols: 14; --width15-cols: 15; --width16-cols: 16; --width17-cols: 17; --width18-cols: 18; }
.widget-grid-col19 { --width1-cols: 1; --width2-cols: 2; --width3-cols: 3; --width4-cols: 4; --width5-cols: 5; --width6-cols: 6; --width7-cols: 7; --width8-cols: 8; --width9-cols: 9; --width10-cols: 10; --width11-cols: 11; --width12-cols: 12; --width13-cols: 13; --width14-cols: 14; --width15-cols: 15; --width16-cols: 16; --width17-cols: 17; --width18-cols: 18; --width19-cols: 19;}
.widget-grid-col20 { --width1-cols: 1; --width2-cols: 2; --width3-cols: 3; --width4-cols: 4; --width5-cols: 5; --width6-cols: 6; --width7-cols: 7; --width8-cols: 8; --width9-cols: 9; --width10-cols: 10; --width11-cols: 11; --width12-cols: 12; --width13-cols: 13; --width14-cols: 14; --width15-cols: 15; --width16-cols: 16; --width17-cols: 17; --width18-cols: 18; --width19-cols: 19; --width20-cols: 20;}


.widget-grid.resizable-grid {
    --section-width: calc(100vw - 2 * var(--content-region-padding) - 2 * var(--section-h-padding) - var(--dashboard-nav-width));
    --section-columns: 4;
    /*
    We have the section width, and number of columns, which roughly define the width of a widget. However,
    the each column also has a gap of --grid-gap width between them. If there are 10 columns, there are 9 gaps,
    which need to be taken into account when determining the widget width.
    The subtraction of the 0.01px is because CSS 3 does not support rounding or flooring, and since we are using division,
    we have non-fractional widths coming into play. The subtraction of 0.01px stops the widgets from popping out of the section
    by one pixel in some layout scenarios, but is small enough to prevent the widgets from being smaller than the section width
    by one pixel (well, if we start adding a ton more columns and widgets per section, this may not work, but hopefully CSS 4
    will be widely supported by then, and we can properly round / floor pixel values in a calc statement)
     */
    --widget-width: calc((var(--section-width) - (var(--section-columns) - 1) * var(--grid-gap)) / var(--section-columns) - 0.01px);
    width: var(--section-width);
    grid-template-rows: repeat(auto-fill, var(--widget-width));
    grid-template-columns: repeat(var(--section-columns), var(--widget-width));

    --width1:  calc(var(--widget-width) * var(--width1-cols, 1));
    --width2:  calc(var(--widget-width) * var(--width2-cols, 2) + calc((var(--grid-gap) * var(--width1-cols, 1))));
    --width3:  calc(var(--widget-width) * var(--width3-cols, 3) + calc((var(--grid-gap) * var(--width2-cols, 2))));
    --width4:  calc(var(--widget-width) * var(--width4-cols, 4) + calc((var(--grid-gap) * var(--width3-cols, 3))));
    --width5:  calc(var(--widget-width) * var(--width5-cols, 5) + calc((var(--grid-gap) * var(--width4-cols, 4))));
    --width6:  calc(var(--widget-width) * var(--width6-cols, 6) + calc((var(--grid-gap) * var(--width5-cols, 5))));
    --width7:  calc(var(--widget-width) * var(--width7-cols, 7) + calc((var(--grid-gap) * var(--width6-cols, 6))));
    --width8:  calc(var(--widget-width) * var(--width8-cols, 8) + calc((var(--grid-gap) * var(--width7-cols, 7))));
    --width9:  calc(var(--widget-width) * var(--width9-cols, 9) + calc((var(--grid-gap) * var(--width8-cols, 8))));
    --width10: calc(var(--widget-width) * var(--width10-cols, 10) + calc((var(--grid-gap) * var(--width9-cols, 9))));
    --width11: calc(var(--widget-width) * var(--width11-cols, 11) + calc((var(--grid-gap) * var(--width10-cols, 10))));
    --width12: calc(var(--widget-width) * var(--width12-cols, 12) + calc((var(--grid-gap) * var(--width11-cols, 11))));
    --width13: calc(var(--widget-width) * var(--width13-cols, 13) + calc((var(--grid-gap) * var(--width12-cols, 12))));
    --width14: calc(var(--widget-width) * var(--width14-cols, 14) + calc((var(--grid-gap) * var(--width13-cols, 13))));
    --width15: calc(var(--widget-width) * var(--width15-cols, 15) + calc((var(--grid-gap) * var(--width14-cols, 14))));
    --width16: calc(var(--widget-width) * var(--width16-cols, 16) + calc((var(--grid-gap) * var(--width15-cols, 15))));
    --width17: calc(var(--widget-width) * var(--width17-cols, 17) + calc((var(--grid-gap) * var(--width16-cols, 16))));
    --width18: calc(var(--widget-width) * var(--width18-cols, 18) + calc((var(--grid-gap) * var(--width17-cols, 17))));
    --width19: calc(var(--widget-width) * var(--width19-cols, 19) + calc((var(--grid-gap) * var(--width18-cols, 18))));
    --width20: calc(var(--widget-width) * var(--width20-cols, 20) + calc((var(--grid-gap) * var(--width19-cols, 19))));

    --height1: calc(var(--widget-width) * 1);
    --height2: calc(var(--widget-width) * 2 + calc((var(--grid-gap) * 1)));
    --height3: calc(var(--widget-width) * 3 + calc((var(--grid-gap) * 2)));
    --height4: calc(var(--widget-width) * 4 + calc((var(--grid-gap) * 3)));
    --height5: calc(var(--widget-width) * 5 + calc((var(--grid-gap) * 4)));
    --height6: calc(var(--widget-width) * 6 + calc((var(--grid-gap) * 5)));
    --height7: calc(var(--widget-width) * 7 + calc((var(--grid-gap) * 6)));
    --height8: calc(var(--widget-width) * 8 + calc((var(--grid-gap) * 7)));
    --height9: calc(var(--widget-width) * 9 + calc((var(--grid-gap) * 8)));
    --height10:calc(var(--widget-width) * 10 + calc((var(--grid-gap) * 9)));
    --height11:calc(var(--widget-width) * 11 + calc((var(--grid-gap) * 10)));
}

.fullscreen .widget-grid.resizable-grid {
    margin: 0 var(--content-region-padding);
}

.widget-grid-col0.resizable-grid { --section-columns: 1 }
.widget-grid-col4.resizable-grid { --section-columns: 4 }
.widget-grid-col5.resizable-grid { --section-columns: 5 }
.widget-grid-col6.resizable-grid { --section-columns: 6 }
.widget-grid-col7.resizable-grid { --section-columns: 7 }
.widget-grid-col8.resizable-grid { --section-columns: 8 }
.widget-grid-col9.resizable-grid { --section-columns: 9 }
.widget-grid-col10.resizable-grid { --section-columns: 10 }
.widget-grid-col11.resizable-grid { --section-columns: 11 }
.widget-grid-col12.resizable-grid { --section-columns: 12 }
.widget-grid-col13.resizable-grid { --section-columns: 13 }
.widget-grid-col14.resizable-grid { --section-columns: 14 }
.widget-grid-col15.resizable-grid { --section-columns: 15 }
.widget-grid-col16.resizable-grid { --section-columns: 16 }
.widget-grid-col17.resizable-grid { --section-columns: 17 }
.widget-grid-col18.resizable-grid { --section-columns: 18 }
.widget-grid-col19.resizable-grid { --section-columns: 19 }
.widget-grid-col20.resizable-grid { --section-columns: 20 }


@media only screen and (max-device-width : 414px) {
    .widget-grid-col0.resizable-grid { --section-columns: 1 }
    .widget-grid-col4.resizable-grid { --section-columns: 1 }
    .widget-grid-col5.resizable-grid { --section-columns: 1 }
    .widget-grid-col6.resizable-grid { --section-columns: 1 }
    .widget-grid-col7.resizable-grid { --section-columns: 1 }
    .widget-grid-col8.resizable-grid { --section-columns: 1 }
    .widget-grid-col9.resizable-grid { --section-columns: 1 }
    .widget-grid-col10.resizable-grid { --section-columns: 1 }
    .widget-grid-col11.resizable-grid { --section-columns: 1 }
    .widget-grid-col12.resizable-grid { --section-columns: 1 }
    .widget-grid-col13.resizable-grid { --section-columns: 1 }
    .widget-grid-col14.resizable-grid { --section-columns: 1 }
    .widget-grid-col15.resizable-grid { --section-columns: 1 }
    .widget-grid-col16.resizable-grid { --section-columns: 1 }
    .widget-grid-col17.resizable-grid { --section-columns: 1 }
    .widget-grid-col18.resizable-grid { --section-columns: 1 }
    .widget-grid-col19.resizable-grid { --section-columns: 1 }
    .widget-grid-col20.resizable-grid { --section-columns: 1 }

    .widget-grid.resizable-grid {
        --width1:  var(--section-width);
        --width2:  var(--section-width);
        --width3:  var(--section-width);
        --width4:  var(--section-width);
        --width5:  var(--section-width);
        --width6:  var(--section-width);
        --width7:  var(--section-width);
        --width8:  var(--section-width);
        --width9:  var(--section-width);
        --width10: var(--section-width);
        --width11: var(--section-width);
        --width12: var(--section-width);
        --width13: var(--section-width);
        --width14: var(--section-width);
        --width15: var(--section-width);
        --width16: var(--section-width);
        --width17: var(--section-width);
        --width18: var(--section-width);
        --width19: var(--section-width);
        --width20: var(--section-width);

        --height1: var(--section-width);
        --height2: var(--section-width);
        --height3: var(--section-width);
        --height4: var(--section-width);
        --height5: var(--section-width);
        --height6: var(--section-width);
        --height7: var(--section-width);
        --height8: var(--section-width);
        --height9: var(--section-width);
        --height10:var(--section-width);
        --height11:var(--section-width);
    }

    .widget-grid.resizable-grid .width1 {grid-column: 1/1;}
    .widget-grid.resizable-grid .width2 {grid-column: 1/1;}
    .widget-grid.resizable-grid .width3 {grid-column: 1/1;}
    .widget-grid.resizable-grid .width4 {grid-column: 1/1;}
    .widget-grid.resizable-grid .width5 {grid-column: 1/1;}
    .widget-grid.resizable-grid .width6 {grid-column: 1/1;}
    .widget-grid.resizable-grid .width7 {grid-column: 1/1;}
    .widget-grid.resizable-grid .width8 {grid-column: 1/1;}
    .widget-grid.resizable-grid .width9 {grid-column: 1/1;}
    .widget-grid.resizable-grid .width10 {grid-column: 1/1;}
    .widget-grid.resizable-grid .width11 {grid-column: 1/1;}
    .widget-grid.resizable-grid .width12 {grid-column: 1/1;}
    .widget-grid.resizable-grid .width13 {grid-column: 1/1;}
    .widget-grid.resizable-grid .width14 {grid-column: 1/1;}
    .widget-grid.resizable-grid .width15 {grid-column: 1/1;}
    .widget-grid.resizable-grid .width16 {grid-column: 1/1;}
    .widget-grid.resizable-grid .width17 {grid-column: 1/1;}
    .widget-grid.resizable-grid .width18 {grid-column: 1/1;}
    .widget-grid.resizable-grid .width19 {grid-column: 1/1;}
    .widget-grid.resizable-grid .width20 {grid-column: 1/1;}
}

.widget-grid.show-fold-line::after {
    content: 'Section content below this line is not visible in PDFs, email notifications and section images';
    display: block;
    position: absolute;
    width: 100%;
    text-align: center;
    background: linear-gradient(var(--section-background-colour), rgba(39, 40, 41, 0.0));
    top: calc((var(--widget-width-unit) + var(--grid-gap) + 1px) * 8);
    border-top: 1px dashed #272829;
    padding-top: 2px;
    height: 100px;
    color: #fff;
    pointer-events: none;
}
.widget-palette {
    width: 700px;
    margin: 0;
}

.widget-palette-selector {
    width: 500px;
}

.widget-palette > .header {
    display: block;
    background-color: var(--dialog-title-background-colour);
}

.widget-palette > .header .title {
    display: block;
    text-transform: uppercase;
}

.widget-palette .main {
    padding: 10px;
}

.widget-palette .col {
    float: left;
}

.widget-palette .group {
    background-color: #1a1a1a;
    margin-right: 10px;
    margin-top: 10px;
}

.widget-palette .top { margin-top: 0; }

.widget-palette .right { margin-right: 0; }

.widget-palette h5 {
    box-sizing: border-box;
    margin: 0;
    padding: 10px 0 10px 12px;
    color: #666;
    text-transform: uppercase;
    font-size: 13px;
}

.widget-palette table {
    margin-bottom: 0;
    background-color: #272727;
    box-sizing: border-box;
}

.widget-palette table td {
    padding: 4px 12px;
    color: #ccc;
}

.widget-palette table td {
    vertical-align: middle;
}

.widget-palette table tr.clickable:hover td,
.widget-palette table tr td.clickable:hover {
    background-color: #85b03d;
    cursor: pointer;
    color: #eeeeee;
}

.widget-palette table td:first-child {
    color: #eeeeee;
}

.widget-palette .close {
    float: none;
    position: absolute;
    right: 0;
    top: 9px;
    padding-left: 0;
}

.widget-palette .brandseye-help {
    float: none;
    position: absolute;
    right: 28px;
    top: 10px;
}

.widget-palette .table-bordered thead:first-child tr:first-child > th:last-child,
.widget-palette .table-bordered tbody:first-child tr:first-child > td:last-child,
.widget-palette .table-bordered thead:first-child tr:first-child > th:first-child,
.widget-palette .table-bordered tbody:first-child tr:first-child > td:first-child {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.widget-palette .widget-palette__grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas:
            "benchmark benchmark benchmark"
            "social social demographics"
            "themes themes other";
    column-gap: 10px;
    row-gap: 10px;
}

.widget-palette .widget-palette__grid h5 {
    background-color: #1a1a1a;
}

.widget-palette__group {
    display: flex;
    flex-direction: column;
}

.widget-palette__group > div {
    height: 100%;
}

.widget-palette__group table {
    height: 100%;
}

.widget-palette__grid .widget-palette--benchmarking {
    grid-area: benchmark;
}

.widget-palette__grid .widget-palette--social {
    grid-area: social;
}

.widget-palette__grid .widget-palette--demographics {
    grid-area: demographics;
}

.widget-palette__grid .widget-palette--themes {
    grid-area: themes;
}

.widget-palette__grid .widget-palette--other {
    grid-area: other;
}
.metric-settings .button-array .btn {
    min-width: 4em;;
}

.metric-settings .thumb {
    width: 50px;
    height: 50px;
    font-size: 33px;
    line-height: 50px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.metric-settings .maxItems,
.metric-settings #max-comparisons {
    width: 50px;
    height: 15px;
}

.metric-settings .currency {
    width: 250px;
}

.metric-settings .control-group {
    margin-bottom: 20px;
}

.metric-settings .current-colour {
    display: inline-block;
    width: 11px;
    height: 11px;
    margin-left: 1px;
}

.metric-settings .colour-page {
    display: none;
}

.text-value {
    cursor: default;
    background: none;
    height: 100%;
    width: 100%;
}

.text-value > .value {
}

.text-value .value .key {
}

.text-value td {
    padding: 0 20px 10px 20px;
    display: block;
}

.text-value h3 {
    margin: 0;
}

.single-text-value {
    font-size: 2em;
    line-height: 1.2em;
}
.popup .contents .media-picker {
    width: 480px;
    padding: 9px;
}

.media-picker label {
    font-weight: 400;
    cursor: pointer;
}

.media-picker span {
    font-weight: normal;
}

.media-picker .checkbox input {
    margin-top: 5px;
}

.media-picker .control-group {
    margin-bottom: 0;
}

.media-picker .controls {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
}

.media-picker .controls:hover {
    background-color: #222;
}

.popup .contents .visibility-picker {
    width: 500px;
    padding: 9px;
}

.visibility-picker label {
    font-weight: 400;
    cursor: pointer;
}

.visibility-picker span {
    font-weight: normal;
}

.visibility-picker .checkbox input {
    margin-top: 5px;
}

.visibility-picker .control-group {
    margin-bottom: 0;
}

.visibility-picker .controls {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
}

.visibility-picker .controls:hover {
    background-color: #222;
}

.popup .contents .crowd-job-type-picker {
    width: 480px;
    padding: 9px;
}

.crowd-job-type-picker label {
    font-weight: 400;
    cursor: pointer;
}

.crowd-job-type-picker span {
    font-weight: normal;
}

.crowd-job-type-picker .checkbox input {
    margin-top: 5px;
}

.crowd-job-type-picker .control-group {
    margin-bottom: 0;
}

.crowd-job-type-picker .controls {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
}

.crowd-job-type-picker .controls:hover {
    background-color: #222;
}

.popup .contents .gender-picker {
    width: 170px;
    padding: 9px;
}

.gender-picker label {
    font-weight: 400;
    cursor: pointer;
}

.gender-picker span {
    font-weight: normal;
}

.gender-picker .checkbox input {
    margin-top: 5px;
}

.gender-picker .control-group {
    margin-bottom: 0;
}

.gender-picker .controls {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
}

.gender-picker .controls:hover {
    background-color: #222;
}

.published-picker .help-block {
    margin-top: 4px;
}

.published-picker .range {
    display: inline-block;
    min-width: 180px;
}

.published-picker .days-container {
    margin-left: 15px;
}

.published-picker h6 {
    color: #999;
    margin: 0;
    text-align: center;
}

.published-picker .cal-wrapper {
    display: inline-block;
    background-color: #444444;
    border: 1px solid #747474;
    padding: 4px;
    margin-left: 20px;
}

.published-picker .cal-wrapper:first-child {
    margin-left: 0;
}

.published-picker .time-input {
    width: 60px;
}

.published-picker .time-display {
    padding-left: 20px;
}

.published-picker .time-display label {
    display: inline-block;
    width: 40px;
}

.published-picker .time-display input[type=text] {
    margin-right: 5px;
    text-align: center;
}

.published-picker .time-display input[type=text].error {
    border-color: #FF6663;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
}

.published-picker .error-message {
    width: 160px;
    margin-top: 20px;
    color: #FF6663;
}
.popup .contents .credibility-picker {
    width: 330px;
    padding: 9px;
}

.credibility-picker table {
}

.credibility-picker td {
    padding-left: 10px;
    padding-top: 4px;
    padding-bottom: 5px;
}

.credibility-picker td:first-child {
    font-weight: 400;
}

.credibility-picker td input {
    margin-top: -1px;
    margin-right: 4px;
}

.credibility-picker th {
    text-align: left;
}

.credibility-picker tbody tr:hover {
    cursor: pointer;
    color: #85b03d;
    background-color: #222;
}

.mention-id-tooltip .contents {
    background: #f8f8f8 url('img/chart-background.png');
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 476px;
    padding-top: 6px;
    padding-bottom: 6px;
}

.mention-id-tooltip .mention-item-timeline {
    margin-top: 0;
    margin-bottom: 0;
}
.mention-picker {
    width: 600px;
}

.popup .contents .mention-picker {
    padding-top: 0;
    padding-bottom: 0;
}

.mention-picker .item {
    background: #f8f8f8 url('img/chart-background.png');
    padding-top: 3px;
    padding-bottom: 3px;
    -webkit-transition: background-color linear 0.1s;
    -moz-transition: background-color linear 0.1s;
    -o-transition: background-color linear 0.1s;
    transition: background-color linear 0.1s;
}

.mention-picker .mentions > div:first-child {
    -webkit--webkit-border-top-right-radius: 5px;
    -webkit--webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

.mention-picker .mentions > .item:first-child {
    padding-top: 6px;
}

.mention-picker .mentions > div:last-child {
    -webkit--webkit-border-bottom-right-radius: 5px;
    -webkit--webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.mention-picker .item:hover,
.mention-picker .item.active {
    background: #d8d8d8;
    /*background: #85b03d;*/
}

.mention-picker .mention-item-timeline {
    margin-top: 0;
    margin-bottom: 0;
}

.mention-picker .recent {
    background: #aaa;
    padding-top: 2px;
}

.mention-picker .recent h6 {
    margin: 0 0 0 9px;
    color: #fff;
}

.popup .contents .reshare-of-reply-to-picker {
    width: 300px;
    padding: 9px;
}

.reshare-of-reply-to-picker .radio {
    min-height: 30px;
    line-height: 22px;
}

.reshare-of-reply-to-picker span.ids {
    margin-top: 5px;
    width: 263px;
}

.reshare-of-reply-to-picker input[value="ids"] {
    margin-top: 35px;
}
.popup .contents .sentiment-picker {
    width: 250px;
    padding: 9px;
}

.sentiment-picker table {
    width: 100%;
}

.sentiment-picker td {
    padding-bottom: 5px;
}

.sentiment-picker td:first-child {
    font-weight: 400;
    padding-left: 10px;
}

.sentiment-picker td input {
    margin-top: -1px;
    margin-right: 4px;
}

.sentiment-picker tbody tr:hover {
    cursor: pointer;
    color: #85b03d;
    background-color: #222;
}

.sentiment-picker tbody tr.neg:hover {
     color: var(--be-colour-negated);
    /*color: #faedaf;*/
}


.tag.sentiment .tag__icon .icon-circle::before {
    transform: scale(0.8);
    filter: grayscale(0.5);
    transition-property: transform, filter;
    transition-duration: var(--transition-duration);
}

.tag.sentiment:hover .tag__icon .icon-circle::before {
    transform: none;
    filter: none;
}

.tag.sentiment:hover .tag__icon {
    background: rgba(0, 0, 0, 0);
}
.rpcs-picker {
    padding: 10px;
}


.rpcs-picker .rpcs-picker__all {
    margin-top: 20px;
}

.rpcs-picker .rpcs-picker__all label {
    color: var(--be-colour-mid-grey);
    font-size: 11px;
}

.rpcs-picker .rpcs-picker__all input {
    vertical-align: sub;
}

.rpcs-picker label {
    display: inline-block;
}

.rpcs-picker input {
    margin: 0;
}

.rpcs-picker input[name^='ex'] {
    display: none;
}

.rpcs-picker input[type='checkbox'] + label {
    transition-property: color, background-color, opacity;
    transition-duration: var(--transition-duration);

    box-sizing: border-box;
    padding: 0;
    margin: 0;

    background: transparent;
    border-radius: 3px;
    width: 1.5em;
    text-align: center;
    float: right;
    opacity: 0;
    visibility: hidden;
}

.rpcs-picker input[type='checkbox']:hover + label {
    color: red;
}

.rpcs-picker input[type='checkbox']:checked + label {
    color: red;
    font-weight: bold;
    background: var(--be-colour-dark-grey);
}

.rpcs-picker[data-segments~="1"] input[name="ex-1"] + label {visibility: visible; opacity: 1;}
.rpcs-picker[data-segments~="2"] input[name="ex-2"] + label {visibility: visible; opacity: 1;}
.rpcs-picker[data-segments~="3"] input[name="ex-3"] + label {visibility: visible; opacity: 1;}
.rpcs-picker[data-segments~="4"] input[name="ex-4"] + label {visibility: visible; opacity: 1;}
.popup .contents .social-network-picker {
    display: grid;
    grid-template-columns: 1fr 1fr;
    min-width: 500px;
    padding: 9px;
    --social-network-icon-colour: inherit;
    --social-network-icon-background-colour: inherit;
}

.social-network-picker p {
    grid-column: span 2;
}

.social-network-picker label {
    font-weight: 400;
    cursor: pointer;
}

.social-network-picker span {
    font-weight: normal;
}

.social-network-picker .checkbox input {
    margin-top: 5px;
}

.social-network-picker .control-group {
    margin-bottom: 0;
}

.social-network-picker .controls {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
}

.social-network-picker .controls i {
    transition: color var(--transition-duration);
}

.social-network-picker .controls i::before {
    transform: scale(0.9);
}

.social-network-picker .controls .social-network-picker__icon {
    transition: background-color var(--transition-duration);
    border-radius: 3px;
    padding: 2px;
    margin-left: 2px;
    line-height: 1em;
    width: 25px;
    text-align: center;
    display: inline-block;
}

.social-network-picker .controls:hover {
    background-color: #222;
}

.social-network-picker .controls:hover i,
.social-network-picker .controls input:checked + .social-network-picker__icon i {
    color: var(--social-network-icon-colour);
}

.social-network-picker .controls:hover .social-network-picker__icon,
.social-network-picker .controls input:checked + .social-network-picker__icon {
    background-color: var(--social-network-icon-background-colour);
}

.social-network-picker .controls.twitter    { --social-network-icon-colour: var(--colour-twitter); }
.social-network-picker .controls.facebook   { --social-network-icon-colour: white; --social-network-icon-background-colour: var(--colour-facebook); }
.social-network-picker .controls.youtube    { --social-network-icon-colour: var(--colour-youtube); }
.social-network-picker .controls.instagram  { --social-network-icon-colour: var(--colour-instagram); }
.social-network-picker .controls.trustpilot { --social-network-icon-colour: var(--colour-trustpilot); }
.social-network-picker .controls.linkedin   { --social-network-icon-colour: white; --social-network-icon-background-colour: var(--colour-linkedin); }
.social-network-picker .controls.telegram   { --social-network-icon-colour: white; --social-network-icon-background-colour: var(--colour-telegram); }
.social-network-picker .controls.vk         { --social-network-icon-colour: white; --social-network-icon-background-colour: var(--colour-vk); }
.social-network-picker .controls.hellopeter { --social-network-icon-colour: var(--colour-hellopeter); --social-network-icon-background-colour: white; }
.social-network-picker .controls.google { --social-network-icon-colour: white; --social-network-icon-background-colour: var(--colour-googlebusiness); }

.social-network-picker .controls.unknown    { --social-network-icon-colour: #AEE15D; }
.social-network-picker .controls.tumblr     { --social-network-icon-colour: #AEE15D; }
.social-network-picker .controls.whatsapp   { --social-network-icon-colour: white; --social-network-icon-background-colour: var(--colour-whatsapp);}
.social-network-picker .controls.twitter    { --social-network-icon-colour: white; --social-network-icon-background-colour: var(--colour-twitter);}

.tag.social-network i {
    transition-property: color;
    transition-duration: var(--transition-duration);
}

.tag.social-network .tag__icon i::before {
    transition: transform var(--transition-duration);
    transform: scale(0.8);
}

.tag.social-network:hover .tag__icon i::before {

}

.tag.social-network:hover .tag__icon.twitter  {background-color: var(--colour-twitter);}
.tag.social-network:hover .tag__icon.facebook  {background-color: var(--colour-facebook);}
.tag.social-network:hover .tag__icon.linkedin  {background-color: var(--colour-linkedin);}
.tag.social-network:hover .tag__icon.telegram {background-color: var(--colour-telegram);}
.tag.social-network:hover .tag__icon.whatsapp  {background-color: var(--colour-whatsapp);}
.tag.social-network:hover .tag__icon.vk {background-color: var(--colour-vk);}

.tag.social-network:hover .symbol-twitter { color: white; }
.tag.social-network:hover .symbol-facebook { color: white; }
.tag.social-network:hover .symbol-youtube { color: var(--colour-youtube); }
.tag.social-network:hover .symbol-instagram { color: var(--colour-instagram); }
.tag.social-network:hover .symbol-trustpilot { color: var(--colour-trustpilot); }
.tag.social-network:hover .symbol-linkedin { color: white; }
.tag.social-network:hover .symbol-telegram { color: white; }
.tag.social-network:hover .symbol-vk { color: white; }
.tag.social-network:hover .symbol-whatsapp { color: white; }

.past-date-picker .calendar-region {
    display: inline-block;
    background-color: #444444;
    border: 1px solid #747474;
    padding: 4px;
}

.past-date-picker .control-group:last-child {
    margin-bottom: 0;
}

.past-date-picker .ago label,
.past-date-picker .ago span {
    position: relative;
    top: 2px;
}

.past-date-picker .ago input {
    margin-left: 10px;
    margin-right: 10px;
}

:root {
    --tag-picker-detail: hsl(0, 0%, 50%);
    --tag-picker-none-above: hsl(0, 0%, 70%);
}

.tag-picker a:not(:hover) .tag-detail,
.tag:not(:hover) .tag-detail {
    color: var(--tag-picker-detail);
}

.tag be-rpcs-icon {
    font-size: 13px;
}

.tag .tag-detail {
    transition: color var(--transition-duration);
}

.tag:hover .tag-detail {
    color: #4e773b;
}

.tag-input.tf-read-only .tag:hover .tag-detail {
    color: var(--tag-picker-detail);
}

.tag .tag-picker-name {
    display: inline-block;
    max-width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box;
    vertical-align: bottom;
}

.tag.error .tag-picker-name {
    color: red;
}

.tag .symbol-warning {
    color: red;
    animation: warning-pulse-colour 1.5s linear alternate-reverse infinite;
}

.tag .symbol-warning:before {
    animation: warning-pulse-before 1.5s linear alternate-reverse infinite;
}

@keyframes warning-pulse-colour {
    0% {
        color: red;
    }

    100% {
        color: orange;
    }
}

@keyframes warning-pulse-before {
    0% {
        text-shadow: 0 0 2px rgba(255, 0, 0, 0.3);
    }

    100% {
        text-shadow: 0 0 4px rgba(255, 165, 0, 0.8);
    }
}

.tag.brandseye[data-value='1']:hover {color: var(--be-colour-tag-risk-lighter);}
.tag.brandseye[data-value='2']:hover {color: var(--be-colour-tag-purchase-lighter);}
.tag.brandseye[data-value='3']:hover {color: var(--be-colour-tag-cancel-lighter);}
.tag.brandseye[data-value='4']:hover {color: var(--be-colour-tag-service-lighter);}

.tag-picker  [data-namespace='BrandsEye'],
.tag-picker  [data-namespace='segment_list'] {
    font-style: italic;
}

.tag-picker  a:not(:hover) [data-flag='NONE_OF_THE_ABOVE'] {
    color: var(--tag-picker-none-above);
}

.tag-tooltip {
    padding: 5px;
}

.tag-tooltip ul.children-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline;
}

.tag-tooltip .children-list li {
    display: inline;
    font-style: italic;
}

.tag-tooltip .children-list li:after {
    content: ','
}

.tag-tooltip .children-list li:last-of-type:after {
    content:''
}

.tag-tooltip p {
    margin-left: 10px;
}

.tag-tooltip > be-rpcs-icon {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 20px;
}
.popup .contents .inc-ex-picker {
    width: 380px;
    padding: 9px;
}

.popup .contents .inc-ex-picker-author-name {
    width: 420px;
}

.inc-ex-picker .control-group {
    margin-bottom: 0;
}

.author-id-picker tr:hover,
.author-id-picker tr.active {
    background-color: #85b03d;
    color: #fff;
}

.popup .contents .author-id-picker {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.author-id-picker .table {
    margin-bottom: 0;
}

.author-id-picker td.avatar {
    min-width: 20px;
}

.author-id-picker img.avatar {
    height: 20px;
    display: block;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.author-id-picker .prefix [class^="icon-"]:before {
    margin-left: 0 !important;
}

.author-id-picker .author-id {
    text-align: right;
}

.author-id-picker .location {
    max-width: 300px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.content.tag-input.wunderbar {
    margin-bottom: 15px;
}

.content.tag-input.wunderbar input {
    height: 32px;
}
.location-picker {
    padding-top: 0 !important;
}

.location-picker .location-details,
.tag .location-details  {
    color: #808080;
    transition: color var(--transition-duration);
}

.location-picker .location-name:hover .location-details,
.tag:hover .location-details,
.location-picker a:hover .location-details {
    color: #4e773b; /* Can't use the usual colour, since this text is darker, and so appears to change oddly. */
}

.location-picker .location-header {
    text-align: center;
    width: 100%;
    background-color: #272727;
    color: #CCC;
    display: block;
    cursor: default;
}
.popup .contents .link-picker {
    width: 500px;
    padding: 9px;
}

.link-picker .left-column label {
    cursor: pointer;
}

.link-picker .control-group {
    margin-bottom: 0;
}

.link-picker input.tag {
    width: 100%;
}

.link-picker .or {
    margin-top: 57px;
}


.popup .contents .brand-picker .dialog-body {
    overflow: auto;
    height: 500px;
}

/* hack to fix blank area at bottom of dialog */
.brand-picker.dialog {
    width: 600px;
    background: var(--body-background-colour);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.brand-picker .search {
    width: 200px;
    border-radius: 6px;
    margin: 0;
    margin-left: 8px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.brand-picker .dialog-title h5 span {
    position: relative;
    top: 2px;
}

.brand-picker h6 {
    color: #aaa;
}

.brand-picker .brand {
    margin-bottom: 5px;
}

.brand-picker .expand {
    display: block;
    width: 50px;
    float: right;
    border-left: 2px solid transparent;
}

.brand-picker .expand .caret {
    position: relative;
    top: 8px;
    left: 20px;
    border-top: 6px solid #aaa;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
}

.brand-picker .expand:hover .caret {
    border-top-color: #aee15d;
}

.brand-picker .brand label,
.brand-picker .brand .children .brand {
    margin-bottom: 0;
}

.brand-picker .brand .children {
    padding-left: 20px;
    display: none;
}

.brand-picker.searching .brand {
    display: none;
}

.brand-picker.searching .brand.found {
    display: block;
}

.brand-picker.searching .brand.found > .children,
.brand-picker .brand.expanded > .children {
    display: block;
}

.brand-picker .brand.expanded > .checkbox .caret {
    transform: rotate(180deg);
}

.brand-picker .brand .children label {
    font-size: 12px;
    margin-bottom: 0;
}

.brand-picker .brand label {
    cursor: pointer;
}

.brand-picker .brand label:hover {
    color: #aee15d;
    background-color: rgba(85, 85, 85, 0.5);
    transition: none;
}

.brand-picker .brand label:hover .expand {
    border-left-color: #444;
}


.popup .contents .topicview-picker {
    width: 170px;
    padding: 9px;
}

.topicview-picker label {
    font-weight: 400;
    cursor: pointer;
}

.topicview-picker span {
    font-weight: normal;
}

.topicview-picker .checkbox input {
    margin-top: 5px;
}

.topicview-picker .control-group {
    margin-bottom: 0;
}

.topicview-picker .controls {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
}

.topicview-picker .controls:hover {
    background-color: #222;
}

:root {
    --filter-width: 850px;
}

.basic-filter .nav > li {
    position: relative;
}

.basic-filter .control-group {
    margin-bottom: 0;
}

.basic-filter .control-group .btn-group {
    margin-bottom: 10px;
}

.basic-filter label {
    cursor: default;
}

.basic-filter label a {
    color: #eee;
}

.basic-filter .filter-tab ~ .filter-tab {
    display: none;
}

.basic-filter .advanced {
    margin-top: 10px;
    margin-bottom: 10px;
    color: #ccc;
    cursor: pointer;
    font-size: 13px;
}

.basic-filter .advanced:hover {
    color: #ceed9e;
}

.basic-filter .phrases input {
    margin-bottom: 5px;
    margin-right: 5px;
}

.basic-filter .filter-tab {
    min-height: 236px;
}

.basic-filter .filter-tab h4 {
    text-transform: uppercase;
}

.basic-filter .temp-moved {
    padding-top: 5px;
    padding-bottom: 10px;
    color: yellow;
}

.basic-filter .sect-underline {
    border-bottom:1px solid #666;
}

.basic-filter .data-selected {
    color: #85b03d;
}

.basic-filter .preset {
}

.basic-filter .preset:hover {
    color: #ceed9e;
}

.v4issue {
    margin-bottom: 4px;
}

.basic-filter .v4issue-list {
    margin-top: 10px;
    margin-bottom: 10px;
}

.basic-filter .segments .placeholder {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.basic-filter .cx-filter-region {
    max-height: 65vh;
    overflow-y: auto
}

.basic-filter .cx-filter header {
    display: flex;
    align-items: center;
}

.basic-filter .cx-filter header h4 {
    white-space: nowrap;
}

.basic-filter .cx-filter header p {
    padding: 0 10px;
    margin: 0;
    height: 100%;
}

.basic-filter .cx-filter h5:first-child,
.basic-filter .risk-filter h5:first-child {
    margin-top: 0;
    margin-bottom: 5px;
}

.basic-filter .cx-filter .cx-filter__interactions h5,
.basic-filter .cx-filter .cx-filter__channels h5 {
    cursor: pointer;
}

.basic-filter .risk-filter__layout,
.basic-filter .cx-filter__layout {
    display: flex;
}

.basic-filter .cx-filter__minor,
.basic-filter .risk-filter__minor{
    display: flex;
    flex-direction: column;
    padding-left: 100px;
}

.basic-filter .cx-filter__journey,
.basic-filter .risk-filter__journey{
    display: flex;
    flex-direction: column;
}

.basic-filter .cx-filter__journey-stages,
.basic-filter .risk-filter__journey-stages{
    flex: 1;
    display: flex;
    flex-direction: column;
}

.basic-filter .cx-filter__channels {
    margin-top: 10px;
}

.basic-filter .cx-filter__segment.cx-filter__segment--hidden:not(.active) {
    display: none;
}

.basic-filter .cx-filter__segment.cx-filter__segment--hidden.active.active--implicit {
    display: none;
}

.basic-filter .cx-filter--show-hidden .cx-filter__segment.cx-filter__segment--hidden {
    display: flex !important;
}

.basic-filter .cx-filter .description {
    color: var(--be-colour-mid-grey);
    font-size: 0.9em;
    margin-top: -4px;
}

.basic-filter .cx-filter__segment {
    display: flex;
    align-items: center;

    cursor: pointer;
    border-radius: 3px;
    margin-right: 8px;
    padding-left: 3px;
    margin-bottom: 1px;

    border: thin solid #666;
    background: rgba(255, 255, 255 , 0.1);
}

.basic-filter .cx-filter__segment .rpcs-tag {
    margin-right: 5px;
}

.basic-filter .cx-filter__minor .cx-filter__segment,
.basic-filter .risk-filter__minor .cx-filter__segment{
    margin-left: 5px;
    width: 100%;
}

.basic-filter .cx-filter__minor h5 .cx-filter__segment,
.basic-filter .risk-filter__minor h5 .cx-filter__segment {
    width: unset;
}

.basic-filter .cx-filter__segment-name {
    flex: 1;
}

.basic-filter .cx-filter__close {
    flex-basis: 0.75em;
    transition: color var(--transition-duration);

    font-size: 16px;
    line-height: 18px;
    padding: 0 3px;
    position: static;
    color: #555;
    visibility: hidden;
    font-weight: 700;
}

.basic-filter .cx-filter__close:hover {
    color: #aaa;
}

.basic-filter .cx-filter__close::before {
    content: '×';
}

.basic-filter .cx-filter__segment.active,
.basic-filter h5.active .cx-filter__segment {
    transition: background-color var(--transition-duration);
    background-color: #333;
    border-color: transparent;
}

.basic-filter  h5 .cx-filter__segment {
    display: inline-block;
    margin: 0;
}

.basic-filter  h5:not(:hover):not(.active) .cx-filter__segment {
    background: unset;
    border-color: transparent;
}

.basic-filter .cx-filter__segment.negative {
    color: var(--be-colour-negated)
}

.basic-filter .cx-filter__segment.negative::before {
    content: '-';
}

.basic-filter .active .cx-filter__close {
    visibility: visible;
}

.basic-filter .cx-filter__segment:hover,
.basic-filter h5:hover .cx-filter__segment {
    color: var(--be-filter-tag-hover-colour);
    --transition-duration: 250ms;
}

@media screen and (prefers-reduced-motion: reduce) {
    .basic-filter h5:hover .cx-filter__segment {
        --transition-duration: 1ms; /* takes it immediately to the ending position */
    }
}

.basic-filter .cx-filter__or {
    display: none;
}

.basic-filter [data-and='false'] .cx-filter__or {
    display: inline-block;
}


.basic-filter .cx-filter__interaction-or {
    display: none;
}

.basic-filter [data-interaction-and='false'] .cx-filter__interaction-or {
    display: inline-block;
}




.basic-filter .cx-filter__menu,
.basic-filter .risk-filter__menu {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
}

.basic-filter .cx-filter__menu .cx-filter__segment,
.basic-filter .risk-filter__menu .cx-filter__segment {
    width: 120px;
}

.basic-filter .general-filter {
    max-height: 50vh;
    overflow-y: auto;
    overflow-x: hidden;
}
.advanced-filter textarea {
    height: 150px;
}

.advanced-filter .alert {
    margin-top: 8px;
    margin-bottom: 8px;
}

.advanced-filter .basic {
    margin-top: 8px;
    color: #ccc;
    cursor: pointer;
    font-size: 13px;
}
.section-settings[data-editor] {
    width: var(--filter-width);
}

[data-editor] .dialog-button-bar .basic,
[data-editor] .dialog-button-bar .advanced {
    color: #ccc;
    font-size: 13px;
    padding: 0;
}

[data-editor="basic"] .dialog-button-bar .basic {
    display: none;
}

[data-editor="advanced"] .dialog-button-bar .advanced {
    display: none;
}

.text-search .actions {
    display: inline-block;
    width: 120px;
}

.text-search .items {
    max-height: 50vh;
    overflow-y: auto;
}

.text-search .actions .btn {
    display: block;
    margin-bottom: 4px;
    text-align: left;
}


.phrase-gen.dialog {
    width: 500px;
}
.comp-table {
    overflow: auto;
    max-width: calc(var(--widget-width));
    box-sizing: border-box;
    padding: 0 10px 10px;
    line-height: 1.4;
}

.comp-table table {
    background: none;
    border: none;
    width: 100%;
}

.comp-table th {
    text-align: left;
}

.comp-table th,
.comp-table td {
    border-bottom: 1px solid #d7d7d7;
    padding: 0.33334em 0.66667em 0.33334em;
}

.comp-table th:first-child {
    padding-left: 0;
}

.comp-table thead th {
    position: sticky;
    top: 0;
    z-index: 2;
    background-color: #fff;
    padding-top: 10px;
    vertical-align: bottom;
    text-align: right;
}

.comp-table thead th.left {
    text-align: left;
}

.comp-table thead th.multicol {
    text-align: center;
}

.comp-table thead th.no-value {
    text-align: left;
    padding-left: 0.2em;
}

.comp-table-bar {
    position: relative;
    width: 4em;
    height: 1.2em;
    overflow: hidden;
}

.comp-table-bar .inner {
    position: absolute;
    height: 1.2em;
    background-color: #ccc;
}

.comp-table-delta .arrow {
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: top;
    border-color: #C0C0C0;
    border-right: 0.4em solid transparent;
    border-left: 0.4em solid transparent;
    margin-top: 0.25em;
    margin-right: 0.4em;
}

.comp-table-delta .up {
    border-bottom: 0.75em solid #C0C0C0;
    border-right: 0.4em solid transparent;
    border-left: 0.4em solid transparent;
}

.comp-table-delta .down {
    border-top: 0.75em solid #444444;
    border-right: 0.4em solid transparent;
    border-left: 0.4em solid transparent;
}

.comp-table-delta-negative .up { border-bottom-color: #C10F1D }
.comp-table-delta-negative .down { border-top-color: #00C9A0 }

.comp-table-delta-positive .up,
.comp-table-delta-sentiment .up,
.comp-table-delta-netSentiment .up {
    border-bottom-color: #00C9A0
}

.comp-table-delta-positive .down,
.comp-table-delta-sentiment .down,
.comp-table-delta-netSentiment .down {
    border-top-color: #C10F1D
}

.comp-table .editable,
.comp-table .clickable {
    cursor: pointer;
}

.comp-table .editable:hover,
.comp-table .clickable:hover {
    color: var(--light-link-colour);
    transition: color 0.15s cubic-bezier(0.25, 0.8, 0.5, 1);
}

.comp-table th.hidden {
    text-decoration: line-through;
}



.trending-topic-table {
    position: relative;
    display: flex;
    align-items: stretch;
    box-sizing: border-box;
    padding: 0 15px 10px;
    font-family: var(--widget-font);
    background: white;
    border: thin solid black;
    border-radius: 3px;
    color: var(--be-colour-text);
}

.trending-topic-table:not(:first-of-type) {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top: none;
    padding-top: 10px;
}

.trending-topic-table:not(:first-of-type) .trending-topic-table__heading {
    display: none;
}



.trending-topic-table:not(:last-of-type) {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}


.trending-topic-table__heading {
    padding-bottom: 5px;
    box-sizing: border-box;
    height: 100%;
    font-size: 0.9em;
    color: grey;
    cursor: default;
}


.trending-topic-table__heading--topic {
    text-align: right;
    padding-right: 11px;
}

.trending-topic-table__heading--span {
    grid-column: span 2;
    text-align: center;
}


.trending-topic-table__data {
    transition: filter var(--transition-duration);
    color: var(--be-colour-text);
}

.trending-topic-table__title {
    width: 150px;
    display: flex;
    align-items: stretch;
    padding-right: 10px;
    box-sizing: border-box;
    text-align: center;
    font-size: 0.9em;
    color: grey;
    cursor: default;
}

.trending-topic-table__title-popup,
.trending-topic-table__title-tooltip,
.trending-topic-table__title > .be-tooltip {
    margin: auto 0 auto auto;
    height: auto;
    width: 100px;
    padding: 2px;
}

.trending-topic-table__title .trending-topic-table__title-popup:hover {
    background: var(--background-menu-hover);
    cursor: pointer;
}

.trending-topic-table__title .trending-topic-table__title-popup:hover .trending-topic-table__title-tooltip {
    color: white;
}

.trending-topic-table__title-popup .trending-topic-table__title-tooltip {
}


.trending-topic-table__title-border {
    border-left: thin solid darkgrey;
    border-top: thin solid darkgrey;
    border-bottom: thin solid darkgrey;
    width: 10px;
    margin-left: auto;
    box-sizing: border-box;
}



.trending-topic-table:first-of-type .trending-topic-table__title {
    margin-top: 35px;
}

.trending-topic-table__restriction {
    grid-column: 1 / -1;
    text-align: center;
    font-style: italic;
    cursor: pointer;
    padding-block: 5px;
}

.trending-topic-table__footer {
    position: absolute;
    right: 10px;
    bottom: 5px;
    opacity: 0;
    transition: opacity;
}


.trending-topic-table:not(:last-of-type) .trending-topic-table__footer {
    display: none;
}



.trending-topic-table:hover + .trending-topic-table + .trending-topic-table + .trending-topic-table + .trending-topic-table .trending-topic-table__footer,
.trending-topic-table:hover + .trending-topic-table + .trending-topic-table + .trending-topic-table .trending-topic-table__footer,
.trending-topic-table:hover + .trending-topic-table + .trending-topic-table .trending-topic-table__footer,
.trending-topic-table:hover + .trending-topic-table .trending-topic-table__footer,
.trending-topic-table:hover .trending-topic-table__footer {
    opacity: 0.4;
}



.trending-topic-table__footer:hover {
    opacity: 1 !important;
}



.trending-topic-table__grid {
    --base-grid: auto;
    --average-grid: 50px 100px;
    --grid-cols: 75px;
    flex: 1 1;
    display: grid;
    grid-template-columns: var(--base-grid);
    column-gap: 10px;
    align-items: center;
    padding: 10px 0;
}

.trending-topic-table__grid.with-sentiment {
    --base-grid: auto 80px;
}
.trending-topic-table__grid.with-description {
    --base-grid: minmax(300px, auto) minmax(10%, 100%);
}
.trending-topic-table__grid.with-description.with-sentiment {
    --base-grid: minmax(300px, auto) minmax(10%, 100%) 80px;
}
.trending-topic-table__grid.with-average {
    grid-template-columns: var(--base-grid) var(--average-grid);
}

.trending-topic-table__grid.with-cols {
    grid-template-columns: var(--base-grid) var(--grid-cols);
}

.trending-topic-table__grid.with-cols.with-average {
    grid-template-columns: var(--base-grid) var(--grid-cols) var(--average-grid);
}

.trending-topic-table__grid[data-cols^="1"] {--grid-cols: 75px;}
.trending-topic-table__grid[data-cols^="2"] {--grid-cols: 75px 75px;}
.trending-topic-table__grid[data-cols^="3"] {--grid-cols: 75px 75px 75px;}
.trending-topic-table__grid[data-cols^="4"] {--grid-cols: 75px 75px 75px 75px;}
.trending-topic-table__grid[data-cols^="5"] {--grid-cols: 75px 75px 75px 75px 75px;}
.trending-topic-table__grid[data-cols^="6"] {--grid-cols: 75px 75px 75px 75px 75px 75px;}

.trending-topic-table__weekly {
    text-align: right
}



.trending-topic-table__name {
    text-align: right;
    border-right: thin solid darkgrey;
    padding: 5px 10px 5px 5px;
    transition: color var(--transition-duration), background-color var(--transition-duration), filter var(--transition-duration);
    cursor: pointer;
    box-sizing: border-box;
    color: black;
    font-size: calc(1em + 1px);
}

.trending-topic-table__name-activator {
    display: inline-block;
    height: 100%;
    width: 100%;
}

.trending-topic-table:not(.trending-topic-table--disabled) .trending-topic-table__restriction:hover,
.trending-topic-table:not(.trending-topic-table--disabled) .trending-topic-table__name:hover {
    color: white !important;
    background: var(--background-menu-hover);
}

.trending-topic-table__name .rpcs-tag {
    margin-right: 5px;
}


.trending-topic-table__title-popup--open,
.trending-topic-table__name--open {
    color: white !important;
    background: var(--background-menu-active) !important;
}



.trending-topic-table__bar {
    transition: width 400ms, filter, opacity;;
    /*transition-delay: 400ms; !* Same delay as text coming in *!*/
    background: darkgrey;
    width: 0;
    display: inline-block;
    height: 10px;
}


.trending-topic-table__bar-container:hover .trending-topic-table__bar {
    transition: box-shadow var(--transition-duration);
    box-shadow: 2px 2px 2px rgb(0.2, 0.2, 0.2);
}

.trending-topic-table__description {
    font-size: 0.9em;
    color: dimgrey;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    /*noinspection CssUnknownProperty*/
    -webkit-line-clamp: 3;
}

.trending-topic-table__none {
    text-align: center;
    font-style: italic;
    color: dimgray;
    font-size: 0.9em;
    grid-column: 2 / -1;
}

.trending-topic-table--disabled .trending-topic-table__none,
.trending-topic-table--disabled .trending-topic-table__restriction,
.trending-topic-table--disabled .trending-topic-table__data,
.trending-topic-table--disabled .trending-topic-table__bar,
.trending-topic-table--disabled .trending-topic-table__name {
    transition-delay: 100ms;
    transition-duration: 250ms;
    filter: grayscale(80%) blur(3px);
    cursor: default;
}
.widget .trending-topic-table {
    border: none;
    background: transparent;
}

.widget .trending-topic-table .trending-topic-table__heading {
}

.trending-widget {
    max-width: var(--widget-width);
    overflow: auto;
}

.width1 .trending-topic-table__title,
.width2 .trending-topic-table__title,
.width3 .trending-topic-table__title,
.width4 .trending-topic-table__title {
    width: 90px;
}


.trending-widget .be-rpcs {
    margin-right: 4px;
}
.block-space-widget {
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    justify-items: center;
    height: 100%;
    opacity: 0;
    transition: opacity var(--transition-duration);
    background: white;
}

.widget:hover .block-space-widget {
    opacity: 1;
    transition-delay: 250ms;
}

.block-space-widget__message {
    margin: auto;
    font-style: italic;
    text-align: center;
    color: var(--be-colour-muted-text-dark)
}
.mentions-widget .main {
    min-height: 20px;
}

.mentions-widget .mention-options {
    margin-top: 20px;
    margin-bottom: 10px;
    padding-bottom: 7px;
    border-bottom: 1px solid #666;
}

@media (max-width: 1265px) {
    .mentions-widget .mention-options .invisible-when-small {
        display: none;
    }
}

.mentions-widget .mention-options .actions {
}

.mentions-widget .mention-options .actions .number {
    font-family: var(--number-font-family);
}

.mentions-widget .mention-options .actions .btn-link:not(:hover) {
    color: var(--be-colour-text-dark);
}

.mentions-widget .mention-options .actions .whip-crowd {
    cursor: pointer;
}

.mentions-widget .mention-options .selection {
    text-align: right;
    padding-right: 12px;
}

.mentions-widget .mention-options .selection > span {
    min-width: 170px;
    display: inline-block;
    padding-right: 12px;
}

.mentions-widget .mentions-holder {
    display: table-row;
}

.mentions-widget .mentions {
    display: table-cell;
    vertical-align: top;
    opacity: 1.0;
    -webkit-transition: opacity linear 0.1s;
    -moz-transition: opacity linear 0.1s;
    -o-transition: opacity linear 0.1s;
    transition: opacity linear 0.1s;
}

.mentions-widget .mentions-summary-region {
    display: table-cell;
    vertical-align: top;
    width: 100%;
    padding-top: 10px;
}

.mentions-widget .mentions > div { width: 808px; }

@media (max-width: 1264px) { .mentions-widget .mentions-summary-region > div { display: none } }

@media (max-width: 1023px) { .mentions-widget .mentions > div { width: 404px; } }

@media (min-width: 1674px) { .mentions-widget .mentions > div { width: 1202px; } }
@media (min-width: 2068px) { .mentions-widget .mentions > div { width: 1596px; } }
@media (min-width: 2462px) { .mentions-widget .mentions > div { width: 1990px; } }
@media (min-width: 2856px) { .mentions-widget .mentions > div { width: 2384px; } }
@media (min-width: 3250px) { .mentions-widget .mentions > div { width: 2778px; } }

.mentions-widget .mentions-loading {
    /*filter: grayscale(0.8) blur(2px);*/
    animation: loading-blur 250ms both;
    pointer-events: none;
}

@keyframes loading-blur {
    0% {
        filter: grayscale(0) blur(0);
    }

    100% {
        filter: grayscale(0.8) blur(2px);
    }
}

.mentions-widget .mentions-outer {
    margin-left: -20px;
    margin-bottom: 50px;
    position: relative;
}

.mentions-widget .mentions-outer .no-mentions,
.mentions-widget .mentions-outer .errors {
    text-align: center;
    margin-top: 50px;
}

.mentions-widget .pages-region .inner {
    margin-left: 20px;
}

.mentions-widget .overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.05);
}

.mentions-widget .mentions-spinner {
    margin-left: 20px;
}

.mentions-widget .mentions-spinner .css-spinner {
    top: 3px;
}

.mentions-widget .unsorted-warning {
    margin-left: 20px;
    margin-bottom: 10px;
    padding-left: 64px;
    position: relative;
    max-width: 700px;
}

.mentions-widget .unsorted-warning .warn {
    position: absolute;
    left: 8px;
    font-size: 32px;
    top: 12px;
    color: #ffa040;
}

.mentions-widget .unsorted-warning .unsorted {
    text-shadow: 0 0 10px rgba(255, 128, 0, 0.8);
}

.mentions-widget .unsorted-warning .mark-relevant {
    color: #aee15d;
}

.mentions-widget .english-filter {
    min-height: 30px;
    max-width: 800px;
    margin-bottom: 10px;
    color: var(--be-colour-text-dark);
}

.mentions-widget .english-filter strong {
    color: white;
    white-space: nowrap;
}

.mentions-widget .no-mentions {
    margin-left: 20px;
    color: var(--be-colour-muted-text-dark);
    font-style: italic;
}

.filter-dialog a.brandseye-help {
    float: none;
    position: absolute;
    top: 15px;
    right: 16px;
}

.brand-menu {
    height: calc(100vh - 40px);
    overflow-y: auto;
    position: fixed;
    contain: strict;
    top: 40px;
    width: var(--sidebar-size);
    left: 0;
    overscroll-behavior-y: contain;
}

.mention-words {
    width: 500px;
}

.mention-words .dialog-main {
    min-height: 350px;
}

.mention-words .tag {
    padding-right: 3px;
    margin-right: 4px;
}

.mention-words .tag-input,
.mention-words label {
    cursor: default !important;
}


.brand-menu .btn {
    margin-right: 0;
}

.brand-menu .brand .children {
    display: none;
}

.brand-menu .brand.expanded > .children {
    display: inherit;
}

.brand-menu .brand.expanded > a .expand .caret {
    transform: rotate(180deg);
}

.mention-item {
    --background-colour: white;
    --mention-item__value-bar-height: 0px;

    --mention-item-fade-in-delay: 1500ms;
    --mention-item-slow-transition: 750ms;

    width: var(--mention-item-width);
    height: var(--mention-item-height);

    float: left;
    background: var(--background-colour);
    margin-left: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 3px;

    transition: transform 150ms, background 150ms;
}

.mention-item.rpcs {
    --mention-item__value-bar-height: var(--mention-item__default-value-bar-height);
}

/* Reduce top padding so rpcs mention feels less bulky */
.mention-item.rpcs .author,
.mention-item-author-only.rpcs .author {
    padding-top: 8px;
}

@media (max-device-width: 374px) {
    .mention-item {
        height: auto;
        min-height: 207px;
        width: 270px;
    }
}

@media (max-device-width: 320px) {
    .mention-item {
        height: auto;
        min-height: 207px;
        width: 240px;
    }
}


.mention-item.emediamonitor-video-mention {
    width: 435px;
}

iframe.emediamonitor-net-video {
    width: 400px;
    height: 300px;
}

.mention-item.youtube-mention {
    width: 600px;
}

iframe.youtube-video {
    width: 500px;
    height: 300px;
}

.mention-item.facebook-video-mention {
    width: 600px;
}

iframe.facebook-video {
    width: 500px;
    height: 300px;
}

.mention-item.telegram-video-mention {
    width: 600px;
}

iframe.telegram-video {
    width: 500px;
    height: 300px;
}

.mention-item,
.mention-item-timeline {
    position: relative;
    font-family: var(--widget-font);
    color: #000000;
}

.mention-item.irrelevant,
.mention-item-ball.irrelevant,
.mention-item-author-only.irrelevant {
    box-shadow: inset 0 0 15px 1px rgba(255, 0, 0, 1.0);
}

.mention-item .author,
.mention-item-author-only .author {
    display: inline-block;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    box-sizing: border-box;
}

.mention-item .author a,
.mention-item-ball .author a,
.mention-item-author-only .author a,
.mention-item-timeline .author a {
    color: #222;
}

.mention-item .selected-icon {
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    cursor: pointer;
    color: var(--mention-item-selector-colour);
    opacity: 0;
}

.mention-item.mention-full-chrome .selected-icon,
.mention-item.selected .selected-icon,
.mention-item:hover .selected-icon,
.mentions-selected .mention-item:not(.selected) .selected-icon {
    transition: opacity var(--transition-duration, 250ms);
    opacity: 1;
}

.mention-item .selected-icon:hover,
.mention-item .selected-icon:hover .selected-icon-off {
    color: #aee15d;
}

.mention-item .selected-icon-bg {
    position: absolute;
    left: -14px;
    top: -8px;
    color: var(--background-colour);
    font-size: 26px;
    line-height: 26px;
}

.mention-item.irrelevant .selected-icon-bg {
    text-shadow: 0px 0px 10px red;
}

.mention-item .selected-icon-off,
.mention-item .selected-icon-on {
    position: absolute;
    left: -10px;
    top: -8px;
    font-size: 20px;
    line-height: 26px;
}

.mention-item .selected-icon-on {
    display: none;
}

.mention-item.selected .selected-icon-on {
    display: block;
}

.mention-item .selected-icon-off {
    color: #eee;
}

.mentions-selected .mention-item:not(.selected) .selected-icon-off {
    color: #ddd;
}


.mention-item .selected-icon-on {
}


.mention-item .mention-item__selection-button {
    position: absolute;
    left: -11px;
    top: -11px;
    width: 22px;
    height: 22px;

    cursor: pointer;

    box-sizing: border-box;
    padding: 3px;
    border-radius: 50%;
    background-color: var(--background-colour);
    box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
    transition: opacity 150ms, background-color 150ms;
    opacity: 0;
}

.mentions-selected .mention-item .mention-item__selection-button {
    left: -13px;
    top: -13px;
    width: 26px;
    height: 26px;
}

.mention-item:hover .mention-item__selection-button,
.mention-item.selected .mention-item__selection-button,
.mentions-selected .mention-item__selection-button {
    opacity: 1;
    background: grey;
}

.mention-item.selected .mention-item__selection-button {
    background: var(--mention-item-selector-colour);
}

.mention-item.selected .mention-item__selection-button {
    animation: mention-item-pulse 400ms;
}

/* Make visible slowly if the user hovers over the mention */
.mention-item:not(.selected):hover .mention-item__selection-button {
    transition-duration: var(--mention-item-slow-transition);
    transition-delay: var(--mention-item-fade-in-delay);
    opacity: 0.8;
}

/* Make visible very quickly if the user hovers over the selection button */
.mention-item:not(.selected) .mention-item__selection-button:hover {
    background: var(--mention-item-selector-colour);
    transition-duration: 250ms;
    transition-delay: 0ms;
    opacity: 1;
}

.mention-item .mention-item__selection-box {
    border-radius: 50%;
    border: 3px solid var(--background-colour);
    background: var(--background-colour);
    display: block;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    transition-property: border-color, background-color;
    transition-duration: 250ms;
}

.mention-item:not(.selected) .mention-item__selection-button:hover .mention-item__selection-box {
}

.mention-item.selected .mention-item__selection-box {
    background-color:  var(--mention-item-selector-colour);
    border-color: var(--mention-item-selector-colour);
}

.mention-item .mention-item__selection-box::before {
    content: '\e822';
    font-family: 'fontello';
    position: absolute;
    top: 2px;
    left: 4px;
    color: white;
    opacity: 0;
    transition: opacity 250ms, color 250ms;
}

.mention-item:not(.selected) .mention-item__selection-button:hover .mention-item__selection-box:before {
    opacity: 1;
    color: var(--mention-item-selector-colour);
}

.mentions-selected .mention-item .mention-item__selection-box::before {
    top: 4px;
    left: 6px;
}

.mention-item.selected .mention-item__selection-box::before {
    opacity: 1;
}

.mention-item .avatar,
.mention-item-author-only .avatar {
    height: 32px;
    width: 32px;
    float: left;
    margin-right: 12px;
    border-radius: 3px;
    border-bottom-color: #fff;
    background-color: #eee;
}

.mention-item .author:hover .name,
.mention-item .author:hover .screen-name {

}

.mention-item .author .name,
.mention-item-ball .author .name,
.mention-item-author-only .author .name {
    font-weight: 500;
    font-size: 15px;
    line-height: 15px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.mention-item-ball-small .author .name {
    font-size: 14px;
    line-height: 14px;
}

.mention-item .author .screen-name,
.mention-item-ball .author .screen-name,
.mention-item-author-only .author .screen-name {
    color: #666;
    font-size: 13px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.mention-item-ball .author .name,
.mention-item-ball .author .screen-name {
    width: 165px;
    padding-left: 2px;
    padding-right: 2px;
}

.mention-item-ball-small .author .name,
.mention-item-ball-small .author .screen-name {
    width: 136px;
    padding-left: 2px;
    padding-right: 2px;
}

.mention-item-ball-small .author .screen-name {
    font-size: 12px;
}

.mention-item .author .screen-name strong {
    color: #333;
    font-size: 13px;
}

.mention-item .avatar:hover {
}

.mention-item .author a:hover,
.mention-item .author a:hover .screen-name,
.mention-item .author:hover .screen-name strong,
.mention-item-ball .author a:hover,
.mention-item-ball .author a:hover .screen-name,
.mention-item-author-only .author a:hover,
.mention-item-author-only .author a:hover .screen-name,
.mention-item-timeline .author a:hover,
.mention-item-timeline .author a:hover .screen-name {
    color: #000;
}

.mention-item a:focus,
.mention-item-ball a:focus,
.mention-item-timeline a:focus {
    outline: none;
}

.mention-item .follow,
.mention-item .network-interactions {
    display: inline-block;
    float: right;
    font-weight: 400;
    letter-spacing: -1px;
    padding: 2px 4px 2px 2px;
    border: 1px solid var(--background-colour);
    border-radius: 3px;
}

.mention-item .network-interactions {
    cursor: pointer;
    font-size: 1.2em;
}

.mention-item:hover .follow,
.mention-item:hover .network-interactions {
    transition: filter 250ms, opacity 250ms, border 250ms, text-shadow 250ms;
    border: 1px solid var(--be-colour-light-grey);
}

.mention-item .follow:hover,
.mention-item .network-interactions:hover {
    transition: filter 250ms, opacity 250ms, border 250ms, text-shadow 250ms;
    border: 1px solid #ccc;
    box-shadow: 2px 2px 2px var(--be-colour-mid-grey);
    color: #000;
}

.mention-item .follow:hover i,
.mention-item .network-interactions:hover i {
    text-shadow: 3px 3px 2px var(--be-colour-mid-grey);
}

.mention-item .follow i, .mention-item .network-interactions i { color: var(--colour-twitter); }
.mention-item .follow-facebook i { color: var(--colour-facebook); }
.mention-item .follow-youtube i { color: var(--colour-youtube); }
.mention-item .follow-googleplus i { color: #db4936; }
.mention-item .follow-instagram i { color: var(--colour-instagram); }
.mention-item .follow-linkedin i { color: var(--colour-linkedin); }
.mention-item .follow-tiktok i { color: var(--colour-tiktok-dark); }
.mention-item .follow-vk i { color: var(--colour-vk); }
.mention-item .follow-telegram i { color: var(--colour-telegram); }
.mention-item .follow-trustpilot i { color: var(--colour-trustpilot); }





.mention-item .content {
    clear: both;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 2px;
    margin-top: 6px;
    margin-bottom: 4px;
    line-height: 19px;
    height: 114px;
    overflow: hidden;
    cursor: pointer;
}

.mention-item .content .sentiment {
    display: inline-block;
    margin-right: 2px;
}

.mention-item .content .good,
.mention-item .content .bad,
.mention-item .content .neutral {
    display: inline-block;
}


.mention-item .good {
    color: var(--be-colour-positive);
}

.mention-item .bad {
    color: var(--be-colour-negative);
}

.mention-item .neutral {
    color: var(--be-colour-neutral);
}

.mention-item .author .crowd {
    font-size: 18px;
    color: #E68A00;
}

.mention-item .content .verified {
    color: #25b5c0;
}

.mention-item .author .extra-info {
    float: right;
    padding-top: 2px;
    padding-right: 8px;
}

.mention-item .content a,
.mention-item .content a:active,
.mention-item .content a:visited {
    color: var(--mention-item-colour-link);
    word-wrap: break-word;
    transition: color var(--transition-duration);
}

.mention-item .content a:hover {
    color: var(--mention-item-colour-link-hover);
}

.mention-item-timeline .content a {
    color: #005E80;
    word-wrap: break-word;
}

.mention-item-timeline .content a:hover {
    color: #00acee;
}

.mention-item .content .mention-photo {
    padding-bottom: 5px;
    text-align: center;
}

.mention-item .content .mention-photo img {
    height: auto;
    width: 100%;
}

.mention-item .content .mention-photo video {
    height: auto;
    width: 100%;
}


/*.mention-item.mention-item__deleted .author:hover .screen-name,*/
/*.mention-item.mention-item__deleted .author:hover a .screen-name:hover {*/
/*    color: #666;*/
/*}*/

.mention-item .export-image {
    cursor: pointer;
}

.mention-item .show-graph {
    cursor: pointer;
}

.mention-item .actions {
    float: right;
}

.mention-item .interactions {
    opacity: 0.5;
}

.mention-item .actions {
    opacity: 0;
}

.mention-item .reshare-reply-ribbon {
    opacity: 0.5;
}

.mention-item:hover .reshare-reply-ribbon,
.mention-item.selected .reshare-reply-ribbon,
.mention-item.save-image .reshare-reply-ribbon,
.edit-mention .mention-item .reshare-reply-ribbon,
.mention-item.mention-full-chrome .reshare-reply-ribbon {
    opacity: 1;
}

.mention-item.irrelevant .reshare-reply-ribbon,
.mention-replies .mention-item .reshare-reply-ribbon {
    display: none;
}

.mention-item.mention-full-chrome .actions,
.mention-item.mention-full-chrome .interactions,
.mention-item:hover .actions,
.mention-item:hover .interactions {
    transition: opacity var(--transition-duration, 250ms);
    opacity: 1;
}

.mention-item:hover .actions {
    opacity: 0.5;
    transition-duration: var(--mention-item-slow-transition);
    transition-delay: var(--mention-item-fade-in-delay);
}
.mention-item .actions:hover {
    opacity: 1;
    transition-duration: var(--transition-duration);
    transition-delay: 0ms;
}

.mention-item .translation a:not(:first-child) {
    padding-left: 0;
}

.mention-item .translation a:first-child {
    padding-right: 0;
}


.mention-item .mention-translation-options,
.mention-item .mention-translation {
    cursor: pointer;
}

.mention-item .mention-translation:after {
    border-right: thin solid grey;
    content: "";
    height: 14px;
    position: relative;
    top: 2px;
    left: -3px;
    color: var(--be-colour-mid-grey);
    display: inline-block;
}

.mention-item .mention-translation-options {
    margin-left: -8px;
    width: 1em;
}


.mention-item .footer .verified,
.mention-item .footer a,
.mention-item .footer .date,
.mention-item .footer .direct-message {
    color: #666;
    padding: 4px 3px 7px;
    display: inline-block;
    font-size: 16px;
}

.mention-item .footer .interactions a {
    padding-left: 0;
    padding-right: 0;
}

.mention-item .footer a:hover {
    color: #000;
}

.mention-item .footer a:not(.disabled):hover i {

}

.mention-item .footer a.no-conversation-pointer:hover {
    color: rgb(180, 180, 180);
}

.mention-item .footer a.disabled {
    color: rgb(180, 180, 180);
    cursor: default;
}

.mention-item .footer .no-conversation-pointer {
    color: rgb(180, 180, 180);
    cursor: default;
}

.mention-item .footer .engagement {
}

.mention-item .footer .engagement-value {
    margin-left: -4px;
    font-size: 14px;
}

.mention-item .footer .engagement .icon-chat.adjust-position {
    position: relative;
    top: 1px;
}

.mention-item .footer .engagement.small-engagement .icon-chat {
    font-size: 13px;
}

.mention-item .footer .engagement.medium-engagement .engagement-value {
    font-size: 13px;
}

.mention-item .footer .engagement.medium-engagement .icon-chat {
    font-size: 11px;
}

.mention-item .footer .engagement.large-engagement .engagement-value {
    font-size: 11px;
}

.mention-item .footer .engagement.large-engagement .icon-chat {
    font-size: 10px;
}

.mention-item .footer .date {
    font-size: 14px;
}

.mention-item .footer .date {
    float: left;
    margin-right: 4px;
    padding-left: 15px;
}

.mention-item .footer a.mark-relevant {
    font-size: 13px;
}

.mention-item .mark-relevant:hover i {
    color: var(--background-menu-active);
}

.mention-item .delete-link:hover i {
    color: #8c181e;
}

.mention-item .reshare-reply-ribbon {
    position: absolute;
    right: 0;
    top: 0;
    width: 24px;
    height: 24px;
    background-image: url("img/reshare-reply-ribbon.png");
}

.mention-item .edit-author,
.mention-item-author-only .edit-author {
    cursor: pointer;
}

.mention-item .hint-photo,
.mention-item-author-only .hint-photo {
    cursor: pointer;
}

.mention-item img.edit-author:hover {
    box-shadow: 2px 2px 4px var(--be-colour-dark-grey);
}


.mention-item-author-only img.edit-author:hover,
.mention-item-timeline img.edit-author:hover {
    box-shadow: 0 0 5px 1px #000;
}

.mention-item.save-image {
    background-color: var(--background-colour) !important;
    background: none;
    border: #CFCFDF solid 1px;
    height: auto;
}

.mention-item.save-image .mention-reshare,
.mention-item.save-image .mention-reply,
.mention-item.save-image .mention-favourite,
.mention-item.save-image .actions {
    display: none;
}

.mention-item.save-image.height-auto {
    height: auto !important;
}

.mention-item.save-image .content {
    height: auto !important;
}

.mention-item.save-image .content .mention-photo {
    height: auto !important;
}

.mention-item.save-image .carousel-nav {
    display: none;
}

.mention-item .be-to,
.mention-item .be-post-extract {
    color: grey;
}

.mention-replies .mention-item .be-to,
.mention-replies .mention-item .be-post-extract {
    display: none;
}

.mention-item .be-post-extract .emoji {
    filter: grayscale(90%) contrast(125%);
}

.mention-item:not(:hover) .be-post-extract a {
    color: grey;
}

.mention-item .be-to {
    font-style: italic;
}

.mention-item .be-to::before {
    content: '';
    display: block;
    margin-top: 3px;
}

.mention-item.CHAT .be-extract {
    white-space: pre-wrap;
}

.mention-item.mention-item__deleted .content .mention-text,
.mention-item.mention-item__attachment .content .mention-text {
    text-align: center;
    display: flex;
    width: 100%;
    justify-content: center;
    height: 100%;
    align-items: center;
    color: #777;
}

.mention-item.mention-item__deleted .mention-reshare,
.mention-item.mention-item__deleted .mention-reply,
.mention-item.mention-item__deleted .mention-favourite,
.mention-item.mention-item__deleted .reshare-reply-ribbon {
    display: none;
}

.mention-item.mention-item__deleted .avatar {
    filter: grayscale(100%);
}

.mention-item.mention-item__deleted .footer a.date,
.mention-item.mention-item__deleted .author a {
    cursor: default;
}

.mention-item.mention-item__deleted .author a:hover {
    cursor: default;
    filter: inherit;
}

.mention-item.mention-item__deleted .author:hover .name:hover,
.mention-item.mention-item__deleted .author:hover .screen-name:hover,
.mention-item.mention-item__deleted .author:hover a .name,
.mention-item.mention-item__deleted .author:hover a .screen-name,
.mention-item.mention-item__deleted .footer a.date:hover {
    color: #666;
}

/* ----------------------------------------------------------- */
/* Balls! */

.mention-item-ball {
    position: absolute;
    width: 169px;
    height: 169px;
    margin-left: -85px;
    margin-top: -85px;
    background: #f8f8f8 url('img/chart-background.png');
    color: #000000;
    border-radius: 85px;
    text-align: center;
    font-family: var(--widget-font);
    box-shadow: 0 0 10px 1px #000;
}

.mention-item-ball-small {
    font-size: 13px;
    line-height: 17px;
    width: 140px;
    height: 140px;
    margin-left: -70px;
    margin-top: -70px;
    border-radius: 70px;
}

.mention-item-ball .inner {
    height: 169px;
    display: table-row;
}

.mention-item-ball-small .inner {
    height: 140px;
}

.mention-item-ball .inner-content {
    width: 169px;
    display: table-cell;
    vertical-align: middle;
}

.mention-item-ball-small .inner-content {
    width: 140px;
}

.mention-item-ball .avatar {
    height: 48px;
    width: 48px;
    border-radius: 12px 12px 8px 8px;
    background-color: #eee;
    margin-bottom: 8px;
}

.mention-item-ball-small .avatar {
    height: 32px;
    width: 32px;
    border-radius: 8px 8px 4px 4px;
}

.mention-item-ball a {
    color: #666;
    cursor: pointer;
}

.mention-item-ball a:hover {
    color: #000;
}

.mention-item-ball .author-link {
    display: block;
}

.mention-item-ball .date,
.mention-item-ball .edit-link {
    display: block;
}

.mention-item-ball .edit-link {
    font-weight: 500;
}

.mention-item-ball .date {
    padding-top: 3px;
    padding-bottom: 3px;
}

.mention-item-ball .ots { padding-right: 4px; }
.mention-item-ball .reach { padding-left: 4px; }

.mention-item-ball-small .ots { padding-right: 2px; }
.mention-item-ball-small .reach { padding-left: 2px; }

.mention-item-ball .engagement {
}

.mention-item-author-only {
    position: relative;
    width: 236px;
    height: 66px;
    float: left;
    background: #f8f8f8 url('img/chart-background.png');
    color: #000000;
    margin-left: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 3px;
    font-family: var(--widget-font);
    /*font-weight: normal;*/
}

.mention-item-author-only .content {
    cursor: pointer;
}

.mention-item-timeline {
    box-sizing: border-box;
    padding-left: 68px;
    padding-right: 10px;
    margin-top: 8px;
    margin-bottom: 8px;
    color: #333;
    min-height: 48px;
}

.mention-item-timeline .author {
    display: block;
}

.mention-item-timeline .avatar {
    height: 48px;
    width: 48px;
    border-radius: 6px;
    background-color: #eee;
    position: absolute;
    left: 10px;
    top: 3px;
}

.mention-item-timeline .author .name {
    font-weight: 500;
    font-size: 15px;
    line-height: 15px;
    display: inline;
}

.mention-item a:not(.selected-icon),
.mention-item .emoji {
    filter: grayscale(70%);
    /*transition: filter var(--transition-time, 250ms);*/
}

.mention-item .emoji {
    filter: grayscale(40%);
}

.mention-replies .mention-item a,
.mention-replies .mention-item .emoji {
    filter: none;
}

.edit-mention .mention-item a,
.edit-mention .mention-item .emoji {
    filter: none;
}

/*.mentions-selected .mention-item a,*/
/*.mentions-selected .mention-item emoji,*/
.mention-item.save-image a,
.mention-item.save-image .emoji,
.mention-item.mention-full-chrome a,
.mention-item.mention-full-chrome .emoji,
.mention-item.selected a,
.mention-item.selected .emoji,
.mention-item:hover a,
.mention-item:hover .emoji {
    filter: none;
}

.mention-item .emoji {
    width: 1em;
    height: 1em;
}

.mention-item-timeline .author .screen-name {
    color: #666;
    font-size: 13px;
    display: inline;
}

.mention-item-timeline .content {
    word-wrap: break-word;
    font-family: var(--widget-font);
    cursor: pointer;
}

.mention-item-timeline a.date {
    float: right;
    color: #777;
    font-size: 12px;
}

.mention-item-timeline .footer {
    color: #777;
    font-size: 13px;
}

.mention-item .direct-message {
    /*color: #00acee;*/
    /*font-size: 15px;*/
    /*vertical-align: -1px;*/
    /*line-height: 15px;*/
}

.mention-item .direct-message:hover {
    color: #005E80;
}

.mention-item span.date {
    cursor: default;
}

.mention-item .greyscale {
    filter: grayscale(90%);
}

.mention-item.save-image .greyscale,
.mention-item.mention-full-chrome .greyscale,
.mention-item.selected .greyscale,
.mention-item:hover .greyscale,
.mention-replies .mention-item .greyscale,
.edit-mention .mention-item .greyscale {
    transition: filter 250ms, opacity 250ms, border 250ms;
    filter: none;
}


.mentions-selected .mention-item {
    transition-duration: 250ms;
    transition-timing-function: cubic-bezier(0.33, 2, 0.52, 1);
}

.mentions-selected .mention-item:not(.selected) {
    transform: scale(0.95);
    --background-colour: var(--be-colour-light-grey);
}

.mentions-selected .mention-item:not(.selected):hover {
    transform: scale(0.975);
    --background-colour: white;
}

/*
--- RPCS ONLY ---
Use same transform as when not hovered so the click target doesn't shift on hover.
When RPCS is *the thing*, we can remove this block and remove the transform on :hover above
*/
.mentions-selected .mention-item.rpcs:not(.selected):hover {
    transform: scale(0.95);
}

.mention-item .hint-photo .static-beef-tooltip {
    max-width: 200px;
    width: 200px;
    max-height: 250px;
    --tooltip-y-offset: 30px;
}

.mention-item .hint-photo .static-beef-tooltip img {
    height: unset;
    max-width: 100%;
    max-height: 220px;
    margin: 5px auto;
    border-radius: 5px;
    display: block;
}

.mention-item .hint-photo .static-beef-tooltip iframe {
    width: 100%;
    max-width: 100%;
}

.mention-item .hint-photo .static-beef-tooltip p {
    padding-bottom: 0;
}



/*

VALUE BAR

*/

.mention-item__value-bar {
    height: var(--mention-item__value-bar-height);
    /*background: var(--be-colour-light-grey);*/
    border-bottom: 1px solid var(--be-colour-light-grey);
    display: flex;
    justify-content: space-between;
    padding: 2px 10px 0;
    box-sizing: border-box;
    isolation: isolate;
}
.mention-item__rpcs {
    display: flex;
    height: 21px;
    cursor: pointer;
    font-size: 16px;
}

.mention-item__lower_value {
    display: flex;
    box-sizing: border-box;
}

@keyframes mention-item-pulse {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.2);
    }

    100% {
        transform: scale(1);
    }
}


.mention-item.anonymise .avatar,
.mention-item.anonymise .author .name,
.mention-item.anonymise .author .screen-name {
    filter: blur(5px);
}


.mention-item__mclogo svg {
    height: 10px;
    stroke: rgb(59,61,85);
}

.mention-item__mc-tip svg {
    display: inline-block;
    height: 12px;
    stroke: white;
    margin-left: 2px;
}
.edit-mention {
    width: 760px;
}

.edit-mention .left-col {
    width: 380px;
    overflow: hidden;
}

.edit-mention .right-col {
    width: 314px;
    padding-left: 20px;
    padding-bottom: 10px;
    float: right;
}

.edit-mention .mention-item {
    margin-left: 0;
    margin-top: 0;
    position: absolute;
}

.edit-mention .mention-item .content {
    cursor: default;
}

.edit-mention .mention-link {
    display: block;
    margin-top: 212px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow-x: hidden;
    overflow-y: hidden;
}

.edit-mention.edit-mention__rpcs .mention-link {
    margin-top: 235px;
}

.edit-mention .title {
    font-weight: 400;
}

.edit-mention .bio dt {
    margin-top: 0;
}

.edit-mention .bio i {
    color: #bbb;
}

.edit-mention dt {
    font-weight: 400;
    color: #bbb;
    margin-top: 5px;
}

.edit-mention .phrase-options {
    cursor: pointer;
    padding: 5px 5px 5px 5px;
}

.edit-mention .deleted,
.edit-mention .deleted span {
    text-decoration: line-through;
}

.edit-mention ._topics input,
.edit-mention ._tags input {
    width: 120px;
}

.edit-mention .userId input {
    width: 250px;
}

.edit-mention .sentiments table {
    background: none;
    width: 100%;
}

.edit-mention .sentiments table td {
    padding-top: 2px;
    padding-bottom: 2px;
}

.edit-mention .sentiments table td:first-child {
    padding-left: 10px;
}

.edit-mention .brands dd,
.edit-mention .sentiments dd {
    margin-bottom: 2px;
}

.edit-mention .sentiments dd {
    margin-top: 2px;
}

.edit-mention .collapsed .phrases {
    display: none;
}

.edit-mention .brand .delete,
.edit-mention .brand .path {
    cursor: pointer;
}

.edit-mention .brands .delete:hover,
.edit-mention .brands .path:hover {
    color: #aee15d;
}

.edit-mention .phrases .tag {
    margin-right: 3px;
    padding-right: 3px;
}

.edit-mention .phrases div {
    margin-bottom: 3px;
}

.edit-mention .phrases div:last-child {
    margin-bottom: 0;
}

.edit-mention .sentiments {
    display: table;
    width: 100%;
}

.edit-mention .sentiments .sentiment {
    float: right;
    min-width: 100px;
    margin-right: 0;
    margin-bottom: 0;
    padding-right: 3px;
    padding-left: 3px;
    border: 1px solid #aaaaaa;
    border-radius: 3px;
    cursor: pointer;
    background-color: #414141;
}

.edit-mention .sentiments .sentiment:focus {
    border-color: rgba(175, 225, 93, 0.8);
}

.edit-mention .sentiments .brand-phrases-deleted {
    display: none;
}

.edit-mention .sentiments td.brand {
    width: 100%;
}

.edit-mention .sentiments td.sentiment-warning-col {
    padding-left: 4px;
    padding-right: 4px;
}

.edit-mention .sentiments td.sentiment-col {
    white-space: nowrap;
}

.edit-mention label.read-only {
    cursor: default;
}

.edit-mention .tf-read-only {
    padding-left: 7px;
}

.edit-mention .tf-read-only span.tag {
    padding-right: 3px;
}

.edit-mention .tf-read-only button.close {
    display: none;
}

.edit-mention .sentiments.read-only .sentiment {
    border-color: transparent;
    cursor: default;
    background-color: transparent;
}

.send-to-crowd {
    width: 600px;
}

.send-to-crowd .progress-msg .spinner {
    vertical-align: sub;
    margin-left: 4px;
}

.compare-predicted {
    width: 850px;
}

.compare-predicted .right {
    float: right;
}

.compare-predicted td {
    padding: 0 5px 0 5px;
}

.compare-predicted .test-metrics {
    width: 120px;
}

.compare-predicted .confusion-matrix {
    width: 300px;
}

.compare-predicted .chart-wrapper {
    margin: 0 0 10px 0;
    width: 470px;
    overflow: auto;
    background: #f8f8f8 url('img/chart-background.png');
}

.compare-predicted .legend {
    color: #000;
}

.compare-predicted .marker.machine {
    stroke-width: 2px;
    fill: none;
    stroke-dasharray: 4, 2, 4;
}

.compare-predicted .marker.negative.crowd {
    fill: #f31d21;
}

.compare-predicted .marker.negative.machine {
    stroke: #f31d21;
}

.compare-predicted .marker.neutral.crowd {
    fill: #777;
}

.compare-predicted .marker.neutral.machine {
    stroke: #777;
}

.compare-predicted .marker.positive.crowd {
    fill: #20b7c4;
}

.compare-predicted .marker.positive.machine {
    stroke: #20b7c4;
}

.compare-predicted .marker.net.crowd {
    fill: green;
}

.compare-predicted .marker.net.machine {
    stroke: green;
}

.compare-predicted svg {
    width: 100%;
    height: 170px;
}

.compare-predicted rect.background {
    fill: white;
}

.compare-predicted .data-label {
    font-style: italic;
    font-size: 12px;
    text-anchor: middle;
}

.compare-predicted svg .title {
    fill: #191919;
    font-size: 12px;
    text-anchor: middle;
}

.compare-predicted .axis {
    shape-rendering: crispEdges;
}

.compare-predicted .axis .tick line {
    fill: none;
    stroke: black;
    opacity: 0.2;
}

.compare-predicted .y-axis path {
    stroke-opacity: 0.75;
    stroke: black;
}

.compare-predicted .axis path {
    fill: none;
    shape-rendering: crispEdges;
    stroke-width: 1px;
    pointer-events: none;
}

.compare-predicted .negative .line {
    stroke: #f31d21;
}

.compare-predicted .neutral .line {
    stroke: #777;
}

.compare-predicted .positive .line {
    stroke: #20b7c4;
}

.compare-predicted .net .line {
    stroke: green;
}

.compare-predicted .line {
    fill: none;
    stroke-width: 2px;
    pointer-events: none;
}

.compare-predicted text {
    font-size: 12px;
}

.mention-graph {
    min-width: 100%;
    background: var(--body-background-colour);
    position: relative;
    opacity: 0.0;
    outline: none;
    transition: opacity linear 0.1s;
    z-index: 100;
}

.mention-graph-fadein {
    opacity: 1.0;
}

/* this gets changed to fixed in Javascript when we know where it is */
.mention-graph-toolbar {
    float: right;
    margin-top: 20px;
    margin-right: 20px;
}

.mention-graph .mention-item,
.mention-graph .mention-item-ball {
    display: none;
}

.mention-graph .mention-item {
    position: absolute;
    margin: -85px 0 0 -187px;
    -moz-box-shadow: 0 0 10px 1px #000;
    -webkit-box-shadow: 0 0 10px 1px #000;
    box-shadow: 0 0 10px 1px #000;
}

.mention-graph .line {
    position: absolute;
    padding: 0;
    margin: 0;
    background: #85b03d url('img/arrow-left.png');
    line-height: 1px;
}

.mention-graph .line-reply {
    background-image: url('img/arrow-reply.png');
}

.edit-selected-mentions {
    width: 600px;
}

.filter-dialog {
    width: var(--filter-width);
}

.mention-edit {
    width: 600px;
}

.mention {
    padding: 10px;
    width: 362px;
    height: 150px;
    float: left;
    background: #f8f8f8 url('img/chart-background.png');
    margin-bottom: 10px;
    margin-left: 5px;
    margin-right: 5px;
}

.mention .mention-author {
    font-weight: 400;
}

.mention .mention-author > a {
    color: inherit;
}

.mention .mention-author > a:hover {
    color: green;
}

.mention .mention-time {
    float: right;
    padding-right: 1em;
}

.mention .mention-time > a {
    color: #a9a9a9;
}

.mention .hover-link:hover {
    color: green;
}

.mention > .mention-content {
    margin-left: 56px;
}

.mention > .mention-image {
    position: absolute;
    padding-top: 5px;
    float: left;
}

.mention img {
    border-radius: 5px;
}

.mention .extract {
    overflow: visible;
}

.mention .ellipsis {
    display: none;
}

.mention .mention-title {
    font-weight: 400;
}

.mention .mention-body a:link {
    color: #006400;
}

.mention .mention-body a:hover {
    color: green;
}

.mention .mention-handle, .mention .mention-handle > a {
    color: #a9a9a9;
}

.mention .mention-handle > a:hover {
    color: green;
}

.mention .mention-link {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 300px;
}

.mention-btn {
    padding-left: 300px;
}

.restore {
    background: red;
    background-color: red;
}

.interact-dialog {
    width: 512px;
}

@media (max-width: 512px) {
    .interact-dialog {
        width: 310px;
    }
}

.interact-dialog .header-and-message {
    border: 1px solid rgb(170, 170, 170);
    border-radius: 3px;
    background: rgb(68, 68, 68);
    margin-bottom: 5px;
}

.interact-dialog .interact-label {
    width: 50px;
    display: block;
    float: left;
    margin-left: 8px;
    margin-top: 4px;
    min-height: 28px;
    color: rgb(168, 168, 168);
}

.interact-dialog .user-email-box {
    margin-top: 4px;
}

.interact-dialog .user-email {
    margin-left: 6px;
}

.interact-dialog .email-disclaimer {
    margin-bottom: 5px;
}

.interact-dialog .email-format-warning {
    margin-bottom: 5px;
    display: none;
    color: #ffa040;
}

.interact-dialog .emails input:focus {
    width: 200px;
}

.interact-dialog .sending-to {
    min-height: 20px;
}

.interact-dialog .profile, .interact-dialog .emails, .interact-dialog .message-subject {
    border: none;
    width: 83%;
    min-height: 20px;
}

@media (max-width: 512px) {
    .interact-dialog .profile, .interact-dialog .emails, .interact-dialog .message-subject {
        width: 73%;
    }
}

.interact-dialog .tag-input {
    margin-bottom: 0px;
}

.interact-dialog .message-subject {
    background-color: rgb(65, 65, 65);
}

.interact-dialog .message {
    width: 97%;
    height: 7em;
    min-width: 97%;
    max-width: 97%;
    min-height: 2em;
    border: none;
    border-radius: 0;
}

@media (max-width: 512px) {
    .interact-dialog .message {
        width: 95%;
        min-width: 95%;
        max-width: 95%;
    }
}

.interact-dialog .message, .interact-dialog .sending-to-box, .interact-dialog .subject-box {
    border-top: 1px dashed rgb(170, 170, 170);
}

.interact-dialog .message:focus, .interact-dialog .emails.focus, .interact-dialog .message-subject:focus {
    box-shadow: none;
    -mox-box-shadow: none;
    -webkit-box-shadow: none;
}

.interact-dialog .dialog-button-bar {
    margin-top: 0;
}

.interact-dialog .send {
    min-width: 80px;
    -webkit-transition: background 1000ms linear;
    -moz-transition: background 1000ms linear;
    -o-transition: background 1000ms linear;
    -ms-transition: background 1000ms linear;
    transition: background 1000ms linear;
}

.interact-dialog .send .sending-label {
    display: none;
}

.interact-dialog .sending-label .spinner-dark {
    position: relative;
    top: 2px;
    margin-right: 4px;
}

.interact-dialog .send-active {
    background: rgb(60, 80, 200);
    cursor: default;
}

.interact-dialog .over-limit {
    color: red;
}

.interact-dialog .network-icon {
    cursor: default;
    padding-right: 2px;
}

.interact-dialog .counter {
    display: none;
    cursor: default;
}

.interact-dialog .exact-retweet {
    display: none;
}
.profile-action-popup {
    padding: 5px;
    cursor: default;
}

.profile-action-popup .profile {
    border: none;
}

.profile-action-popup .like-button {
    margin-bottom: 4px;
}
.mention-replies {
    min-width: 100%;
    background: var(--body-background-colour);
    position: relative;
    opacity: 0.0;
    outline: none;
    -webkit-transition: opacity linear 0.1s;
    -moz-transition: opacity linear 0.1s;
    -o-transition: opacity linear 0.1s;
    transition: opacity linear 0.1s;
}

.mention-replies .replies-loading {
    display: none;
    position: relative;
    top: 50px;
    left: 600px;
    width: 175px;
    height: 38px;
    background: #f8f8f8 url('img/chart-background.png');
    border-radius: 3px;
    color: #000000;
    font-family: var(--widget-font);
    padding-left: 15px;
    padding-right: 15px;
    font-size: 24px;
    line-height: 32px;
    cursor: default;
    text-align: center;

    -moz-box-shadow: 0 0 10px 1px #000;
    -webkit-box-shadow: 0 0 10px 1px #000;
    box-shadow: 0 0 10px 1px #000;
}

.mention-replies .replies-loading .spinner {
    padding-right: 5px;
}

.mention-replies-fadein {
    opacity: 1.0;
}

/* this gets changed to fixed in Javascript when we know where it is */
.mention-replies-toolbar {
    position: fixed;
    top: 40px;
    right: 120px;
    float: right;
    margin-top: 20px;
    margin-right: 20px;
    z-index: 100;
}

.mention-replies .mention-item,
.mention-replies .mention-item-ball {
    display: none;
}

.mention-replies .mention-item {
    position: absolute;
    margin: -85px 0 0 -187px;
    height: auto;
    min-height: 169px;
}

.mention-replies .mention-item .content {
    height: auto;
    min-height: 76px;
}

.mention-replies .mention-item-author-only {
    position: absolute;
    margin: -33px 0 0 -118px;
}

.mention-replies .mention-item:not(.irrelevant),
.mention-replies .mention-item-author-only:not(.irrelevant),
.mention-replies .reshare-overflow-item
{
    -moz-box-shadow: 0 0 10px 1px #000;
    -webkit-box-shadow: 0 0 10px 1px #000;
    box-shadow: 0 0 10px 1px #000;
}

.mention-replies .line {
    position: absolute;
    padding: 0;
    margin: 0;
    background: #85b03d url('img/arrow-left.png');
    line-height: 1px;
}

.mention-replies .line-reply {
    background-image: url('img/arrow-reply.png');
}

.mention-replies .bar {
    position: absolute;
    width: 15px;
    margin-left: 10px;
    background: #ff0000;
}

.mention-replies .reshare-bar {
    position: absolute;
    height: 15px;
    margin-top: 25px;
    background: #009e00;
}

.mention-replies .reshare-bar,
.mention-replies .bar {
    border: thin solid #067600;
    border-radius: 2px;
}

.mention-replies .reshare-label {
    position: relative;
    top: -20px;
    left: 4px;
}

.mention-replies .information {
    opacity: 0;
    position: fixed;
    width: 100vw;
    box-sizing: border-box;
    padding-left: 100px;
    padding-right: 100px;
    background: inherit;
    z-index: 100;
    padding-bottom: 10px;
}

.mention-replies .underlined {
    border-bottom: 1px solid rgb(102, 102, 102);
}

.mention-replies .hud .info {
    position: absolute;
    background: #f8f8f8 url('img/chart-background.png');
    float: left;
    padding: 5px;
    color: #000000;
    border-radius: 3px;
}

/* --------------------------- */

.mention-replies .reshare-overflow-item {
    position: absolute;
    background: #f8f8f8 url('img/chart-background.png');
    border-radius: 3px;
    color: #000000;
    height: 66px;
    float: left;
    display: table;
    width: 66px;
    font-family: var(--widget-font);
    padding-left: 15px;
    padding-right: 15px;
    font-size: 15px;
    line-height: 15px;
    cursor: pointer;
    text-align: center;
}

.mention-replies .reshare-overflow-item p {
    display: table-cell;
    vertical-align: middle;
}

/* --------------------------- */

.mention-replies .reply-overflow-item {
    position: absolute;
    background: #f8f8f8 url('img/chart-background.png');
    border-radius: 3px;
    color: #000000;
    height: 66px;
    width: 344px;
    float: left;
    display: table;
    padding-left: 15px;
    padding-right: 15px;
    font-family: var(--widget-font);
    font-size: 15px;
    line-height: 15px;
    cursor: pointer;
    text-align: center;
}

.mention-replies .reply-overflow-item p {
    display: table-cell;
    vertical-align: middle;
}

.vue-mention-conversation {
    min-width: 100%;
    background: var(--body-background-colour);
    position: relative;
    outline: none;
}
.authors-section-v4 .main {
    min-height: 20px;
}

.authors-section-v4 .author-options {
    margin-top: 20px;
    margin-bottom: 10px;
    padding-bottom: 7px;
    border-bottom: 1px solid #666;
}
.authors-section-v4 .author-options .actions {
}

.authors-section-v4 .author-options .selection {
    text-align: right;
    padding-right: 12px;
}

.authors-section-v4 .author-options .selection > span {
    min-width: 170px;
    display: inline-block;
    padding-right: 12px;
}

.authors-section-v4 .authors-holder {
}

.authors-section-v4 .author-list-region {
    margin-left: 20px;
    opacity: 1.0;
    -webkit-transition: opacity linear 0.1s;
    -moz-transition: opacity linear 0.1s;
    -o-transition: opacity linear 0.1s;
    transition: opacity linear 0.1s;
}

.authors-section-v4 .mentions-loading {
    opacity: 0.6;
}

.authors-section-v4 .authors-outer {
    margin-left: -20px;
    margin-bottom: 50px;
    position: relative;
}

.authors-section-v4 .pages-region .inner {
    margin-left: 20px;
}

.authors-section-v4 .overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.05);
}

.authors-section-v4 .english-filter {
    min-height: 15px;
    margin-bottom: 10px;
}

.authors-section-v4 .author-options a.btn.btn-link {
    color: var(--be-colour-text-dark);
}
.author-list-v4 {
    opacity: 1.0;
    -webkit-transition: opacity linear 0.1s;
    -moz-transition: opacity linear 0.1s;
    -o-transition: opacity linear 0.1s;
    transition: opacity linear 0.1s;
}

.author-list-v4-loading {
    opacity: 0.6;
}

.author-list-v4 .outer {
    margin-left: -20px;
    margin-top: 10px;
}

.author-list-v4 .busy {
    margin-top: 10px;
}

.author-list-v4 .author-table {
    width: 100%;
}

.author-list-v4 .author-table .clickable {
    cursor: pointer;
}

.author-list-v4 .author-table .clickable:hover {
    color: #aee15d;
}

.author-list-v4 .author-table thead td.author {
    text-align: left;
}

.author-list-v4 a.mentions {
    display: block;
    height: 36px;
}

.author-list-v4 .good {
    color: #20b7c4;
}

.author-list-v4 .bad {
    color: #ff938f;
}

.author-list-v4 .good:hover {
    color: #3ad1df;
}

.author-list-v4 .bad:hover {
    color: #ffb5b3;
}

.author-list-v4 td {
    text-align: right;
    padding-top: 4px;
    padding-bottom: 6px;
}

.author-list-v4 thead td.author {
    padding-left: 8px;
}

.author-list-v4 thead td.sorted {
    padding-right: 0;
}

.author-list-v4 td.author {
    padding-top: 6px;
    text-align: left;
}

.author-list-v4 .name-and-avatar a {
    color: #eee;
}

.author-list-v4 .name-and-avatar a:hover,
.author-list-v4 a:hover .screen-name {
    color: #aee15d;
}

.author-list-v4 .avatar {
    margin-top: 2px;
    margin-right: 10px;
    margin-left: 2px;
}

.author-list-v4 .name {
    line-height: 18px;
}

.author-list-v4 .screen-name {
    font-size: 13px;
    line-height: 18px;
    color: #ccc;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.author-list-v4 .avatar {
    height: 32px;
    width: 32px;
    float: left;
    margin-right: 12px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border-bottom-color: #fff;
    background-color: #eee;
    cursor: pointer;
}

.author-list-v4 .avatar:hover {
    -moz-box-shadow: 0 0 5px 1px #aee15d;
    -webkit-box-shadow: 0 0 5px 1px #aee15d;
    box-shadow: 0 0 5px 1px #aee15d;
}

.popup .contents > .author-item-v4 {
    padding: 12px;
    border-radius: 6px;
}

.author-item-v4 {
    display: table;
}

.author-item-v4 > .inner {
    display: table-row;
}

.author-item-v4 > .inner > .col {
    display: table-cell;
}

.author-item-v4 .title {
    background: transparent;
    margin-bottom: 12px;
}

.author-item-v4 .bio {
    max-width: 400px;
    margin-left: 10px;
    margin-bottom: 12px;
}

.author-item-v4 .info-row {
    display: table-row;
}

.author-item-v4 .info-row > div {
    display: table-cell;
    padding-right: 16px;
}

.author-item-v4 dt {
    font-weight: 400;
    color: #bbb;
}

.author-item-v4 dd {
    margin-bottom: 5px;
}

.author-item-v4 .location,
.author-item-v4 .timezone {
    white-space: nowrap;
}

.author-item-v4 .avatar {
    width: 48px;
    height: 48px;
    border-radius: 4px;
    margin-right: 12px;
}

.author-item-v4 .name {
    color: #eee;
    white-space: nowrap;
    font-size: 16px;
    line-height: 25px;
}

.author-item-v4 .screen-name {
    color: #ccc;
    white-space: nowrap;
}

.author-item-v4 a:hover div {
    color: inherit;
}
.composite-widget .child {
    height: 100%;
}

.composite-widget .child > div {
    height: 100%;
}
.text-display .text {
    height: 100%;
}


.filter-display .filter-display--text {
    height: 100%;
    box-sizing: border-box;
}
.conversation {
    height: 100%;
    overflow-y: auto;
    max-width: calc(var(--widget-width) - 8px);
}

.topic-wheel {
    --base-font-size: 14px;
}

.height6 .topic-wheel,
.width6 .topic-wheel {
    --base-font-size: 12px;
}

.height4 .topic-wheel,
.width4 .topic-wheel,
.height5 .topic-wheel,
.width5 .topic-wheel
{
    --base-font-size: 10px;
}

.height1 .topic-wheel,
.width1 .topic-wheel,
.height2 .topic-wheel,
.width2 .topic-wheel,
.height3 .topic-wheel,
.width3 .topic-wheel
{
    --base-font-size: 8px;
}

.topic-wheel svg {
    background: #fff;
    height: auto;
}

.topic-wheel path {
    /*stroke: #fff;*/
    fill-rule: evenodd;
}

.topic-wheel .highlighted path {
    opacity: 0.5;
}

.topic-wheel .legend.highlighted .bg {
    fill: #eee;
}

.topic-wheel .slice {
    cursor: pointer;
}

.topic-wheel .has-children.depth0 .slice {
    cursor: default;
}

.topic-wheel .zoomed .has-children.depth0 .slice {
    cursor: pointer;
}

.topic-wheel .segment text {
    font-size: var(--base-font-size);
    font-weight: normal;
}

.topic-wheel .depth0 text {
    font-size: 120%;
}

.topic-wheel .depth0 text,
.topic-wheel .depth1 text {
    font-weight: 400;
}

.topic-wheel .depth2 text {
    font-size: 60%;
}

.width7 .topic-wheel .depth2 text,
.height7 .topic-wheel .depth2 text  {
    font-size: 65%;
}

.width8 .topic-wheel .depth2 text,
.height8 .topic-wheel .depth2 text {
    font-size: 70%;
}

.topic-wheel .legend text {
    font-size: 12px;
    pointer-events: none;
}

.topic-wheel .legend .swatch {
    pointer-events: none;
}

.topic-wheel-tip {
    line-height: 1.5;
    padding: 4px;
    background: #f8f8f8;
    border: 1px solid #888;
    border-radius: 4px;
    text-align: center;
    color: #666;
    font-family: var(--widget-font);
    font-size: 12px;
    width: 200px;
}

.topic-wheel-tip .name {
    font-size: 14px;
    font-weight: 500;
    color: #333;
    margin-bottom: 4px;
}

.topic-wheel-tip .help-inline {
    font-size: 10px;
}

/* Style northward tooltips differently */
.topic-wheel-tip.n:after {
    margin: -1px 0 0 0;
    top: 100%;
    left: 0;
}

.topic-wheel-tip {
    z-index: 3000;
}

.topic-wheel-tip table {
    width: 100%;
}

.topic-wheel-tip table td {
    text-align: left;
}

.topic-wheel-tip table td:first-child {
    text-align: right;
    font-weight: 600;
    color: #333;
}

.topic-wheel-tip table td.neg {
    color: #f31d21;
}

.topic-wheel-tip table td.pos {
    color: #20b7c4;
}


.chord svg {
    background: #fff;
    height: auto;
}

.chord .no-topics {
    font-size: 16px;
    fill: #ddd;
}

.chord .group-tick line {
    stroke: #000;
}

.chord .ribbons {
    fill-opacity: 0.67;
}

.chord textPath.category {
    text-anchor: middle;
}

.chord .ribbon,
.chord .group {
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}

.chord .hl-active .group {
    opacity: 0.3;
}

.chord .hl-active .ribbon {
    opacity: 0.0;
}

.chord .ribbon.hl,
.chord .group.hl {
    opacity: 1.0;
}

.chord .group.sel path {
    stroke-width: 2px;
}

.chord .ribbon.hl:hover {
    stroke-width: 2px;
}

.svg-tip {
    position: absolute;
    box-sizing: border-box;
    pointer-events: none;
    opacity: 0;
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}

.svg-tip-visible {
    opacity: 1.0;
}

.fantastic-chart {
    --text-background: rgb(245, 245, 245);
    --markdown-width: 40%;
    max-width: inherit;
}

.width6 .fantastic-chart,
.width7 .fantastic-chart {
    --markdown-width: 30%;
}


.fantastic-settings .simple .btn {
    min-width: 120px;
}

.fantastic-settings .geometry {
    box-sizing: border-box;
    width: 100%;
}

.fantastic-settings .btn-group > .btn:first-child {
    margin-left: 1px;
}

.fantastic-settings .btn-group > .btn:last-child {
    border-right: inherit;
}

.fantastic-settings .edit-markdown {
    margin-left: 13px;
}

.fantastic-settings .colour-scheme {
    margin-left: 0;
    padding-left: 6px;
    color: #bbb;
}

.fantastic-settings .colour-scheme:hover {
    color: var(--be-colour-text-dark__hover);
}

.fantastic-settings #markdown-edit {
    height: 200px;
}

.fantastic-settings .control-group {
    margin-bottom: 10px;
}

.fantastic-chart .fantastic-container {
    display: flex;
    height: 100%;
    max-height: inherit;
}

.widget-footnotes .fantastic-chart:not(.no-comment) .fantastic-container {
    border-bottom: 1px solid var(--widget-border-color);
}

.fantastic-chart .markdown {
    width: var(--markdown-width);
    background: var(--text-background);
    box-sizing: border-box;
}

.email .fantastic-chart .markdown {
    background: none;
}

.fantastic-chart .chart-holder {
    height: auto;
    max-height: inherit;
    width: 1px;
    flex-grow: 1;
}

.width1 .fantastic-chart .markdown,
.width2 .fantastic-chart .markdown,
.width3 .fantastic-chart .markdown,
.width4 .fantastic-chart .markdown,
.fantastic-chart.no-comment .markdown {
    display: none;
    width: 0;
}

.width1 .fantastic-chart .chart-holder,
.width2 .fantastic-chart .chart-holder,
.width3 .fantastic-chart .chart-holder,
.width4 .fantastic-chart .chart-holder,
.fantastic-chart.no-comment .chart-holder {
    width: 100%;
}



.fantastic-chart--tooltip {
    --be-tooltip-colour: var(--be-colour-mid-grey); /* Darken the default text */
}

.fantastic-chart .x-axis-area .tick line {
    opacity: 0.2;
}

.fantastic-chart .domain-selector circle.target {
    transition: opacity 0.15s cubic-bezier(0.25, 0.8, 0.5, 1);
}

.fantastic-chart .domain-selector circle.target:hover {
    opacity: 0.8;
}

.fantastic-chart .bars rect,
.fantastic-chart .lines path {
    transition: all 0.25s cubic-bezier(.65,.05,.36,1);
}

.email .fantastic-chart .bars rect,
.email .fantastic-chart .bars path {
    transition: none;
}

.toolTip-summary {
    margin-top: 7px;
}


.stats {
    --markdown-width: 40%;
    height: 100%;
    font-size: 14px;
    /* ContrainedWidgetView adds overflow too late
    to stop the Stats drawing outside widget*/
    overflow: auto;
    cursor: default;
    min-width: 100px;
}

.stats .value .css-spinner {
    padding-top: 4px;
}

.stats > table {
    background: none;
    border: none;
    height: 100%;
    width: 100%;
}

.stats > table th {
    text-align: right;
    max-width: 100px;
    color: #666;
    padding: 4px 8px;
    border-right: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
}

.stats > table th:first-child,
.stats > table td:first-child {
    padding-left: 10px;
    border-left: none;
}

.stats > table th:last-child,
.stats > table td:last-child {
    padding-right: 10px;
    border-right: none;
}

.stats > table tr:first-child th,
.stats > table tr:first-child td {
    border-top: none;
}

.stats > table tr:last-child td {
    border-bottom: none;
}

.stats > table td {
    padding: 4px 8px;
    line-height: 21px;
    border: 1px solid #d7d7d7;
}

.stats .value {
    text-align: right;
    white-space: nowrap;
    font-size: 18px;
}

.stats .name {
    color: #666;
}

.stats .delta {
    float: left;
    font-size: 75%;
}

.stats .delta-th {
    text-align: center;
    font-size: 110%;
}

.stats .delta-main {
    border-right: none;
}

.stats th.delta-td {
    min-width: 39px;
}

.stats .delta-td {
    border-left: none;
    font-size: 14px;
    padding: 0 5px 0 0;
}

.stats .delta-td .inner {
    padding-left: 5px;
    position: relative;
}

.stats .delta-td.up .inner:before,
.stats .delta-td.down .inner:before {
    font-family: 'fontello';
    font-style: normal;
    font-weight: normal;
    display: block;
    position: absolute;
    left: 0;
    line-height: 23px;
}

.stats .delta-td.up .inner:before { content: '\e4af'; }

.stats .delta-td.down .inner:before { content: '\e4b0'; }

.stats .delta-td.good { color: #4682B4; }

.stats .delta-td.bad { color:  #a0080b; }

.stats .minus {
    display: inline-block;
    width: 1px;
    overflow: hidden;
    float: left;
}

.stats.save-image {
    background-color: #FFFFFF;
}

/* these help prevent jumping as the spinner disappears */
.stats-oneseries .value { width: 45%; }
.stats-oneseries .name { width: 55%; }

.stats-settings .stats-tabs {
    min-height: 305px;
}

.stats-settings table {
    background: none;
    width: 100%;
}

.stats-settings table tr {
    vertical-align: top;
}

.stats-settings table td {
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 8px;
}

.stats-settings table td label {
    margin-bottom: 0;
}

.stats-settings table td:first-child {
    white-space: nowrap;
    padding-left: 4px;
    padding-right: 4px;
    min-width: 155px;
}

.stats-settings table td:last-child {
    color: #bbb;
}

.stats-settings table td:first-child {
    color: #eee;
}

.stats-settings .nav-tabs {
    margin-bottom: 8px;
}

.stats-settings .nav-tabs a {
    cursor: pointer;
}

.stats-settings table tr:nth-child(even) {
    background-color: rgba(255, 255, 255, 0.0470588);
}

.stats .margin-of-error {
    display: block;
    color: #666;
    font-size: 13px;
    line-height: 13px;
}

.width1 .stats {
    font-size: 12px;
}

.width1 .stats .value {
    font-size: 14px;
}
.brand-matrix {
    height: 100%;
    font-size: 14px;
    /* ContrainedWidgetView adds overflow too late
    to stop the Stats drawing outside widget*/
    overflow: auto;
}

.brand-matrix .no-data {
    margin-top: 16px;
    margin-left: 16px;
}

.brand-matrix .value {
    font-size: 12px;
    font-family: var(--widget-font);
    line-height: 20px;
    /*text-align: center;*/
}

.brand-matrix .cell {
    display: block;
    text-align: left;
    vertical-align: top;
    white-space: nowrap;
}

.brand-matrix .cell * {
    vertical-align: top;
}

.brand-matrix .cell:last-child {
    margin-right: 0;
}

.brand-matrix .num,
.brand-matrix .bar,
.brand-matrix .bar .inner {
    display: inline-block;
    height: 20px;
}

.brand-matrix .vol {
    display: inline-block;
    vertical-align: middle;
    margin: 2px;
}

.brand-matrix .sentiment {
    display: inline-block;
    line-height: 18px;
    vertical-align: middle;
    margin: 2px;
}

.brand-matrix .sentiment .cell,
.brand-matrix .sentiment .num,
.brand-matrix .sentiment .bar {
    height: 16px;
}

.brand-matrix .neg .bar .inner,
.brand-matrix .pos .bar .inner {
    height: 16px;
}

.brand-matrix .sentiment .bar {
    border-left: 1px solid #cdcfd0;
}

.brand-matrix .num {
    width: 35px;
    text-align: right;
}

.brand-matrix .bar {
    position: relative;
    width: 75px;
}

.brand-matrix .circle {
    display: inline-block;
    width: 50px;
    height: 50px;
    position: relative;
}

.brand-matrix .circle .inner {
    display: inline-block;
    border-radius: 50%;
    position: absolute;
}

.brand-matrix .circle .num {
    width: 100%;
    text-align: center;
    position: absolute;
    /*transform: translateY(17%);*/
}

.brand-matrix .circle .num.center {
    /*transform: translateY(50%);*/
    color: white;
}

.brand-matrix .vol .inner { background-color: #58B6FF }
.brand-matrix .neg .inner { background-color: #f31d21 }
.brand-matrix .pos .inner { background-color: #20b7c4 }

.brand-matrix > table {
    background: none;
    border: none;
    height: 100%;
    width: 100%;
    margin-top: -1px;
}

.brand-matrix > table th {
    text-align: right;
    max-width: 100px;
    color: #666;
    padding: 4px 8px;
    border-right: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
}

.brand-matrix > table thead th {
    text-align: left;
    padding-left: 16px;
}

.brand-matrix > table th:first-child,
.brand-matrix > table td:first-child {
    padding-left: 10px;
    border-left: none;
}

.brand-matrix > table th:last-child,
.brand-matrix > table td:last-child {
    padding-right: 10px;
    border-right: none;
}

.brand-matrix > table tr:first-child th,
.brand-matrix > table tr:first-child td {
    border-top: none;
}

/*.brand-matrix > table tr:last-child td {*/
    /*border-bottom: none;*/
/*}*/

.brand-matrix > table td {
    padding: 4px;
    line-height: 21px;
    border: 1px solid #d7d7d7;
}

.brand-matrix .name {
    color: #666;
}

.brand-matrix.save-image {
    background-color: #FFFFFF;
}

.brand-matrix-settings.stats-settings table td:first-child {
    min-width: 100px;
}

.brand-matrix tfoot td {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #666;
    text-align: center;
    font-size: 12px;
    line-height: 14px;
}

.brand-matrix tfoot .item {
    margin: 0 8px 0 0;
    vertical-align: top;
}

.brand-matrix tfoot .item > span {
    vertical-align: top;
}

.brand-matrix tfoot .item:last-child {
    margin-right: 0;
}

.brand-matrix tfoot .inner {
    width: 12px;
    height: 12px;
    display: inline-block;
}

.brand-matrix tfoot .inner.swatch {
    border-radius: 2px;
}

.brand-matrix tfoot .inner.circle {
    border-radius: 50%;
}


.matrix {
    height: 100%;
    font-size: 14px;
    overflow: auto;
}

.matrix .no-data {
    margin-top: 16px;
    margin-left: 16px;
}

.matrix svg {
    display: inline;
    height: auto;
    width: auto;
    float: left;
}

.matrix > table {
    background: none;
    border: none;
    height: 100%;
    width: 100%;
}

.matrix .bg {
    /*fill: rgba(99,99,99,0.1);*/
    fill: #ffffff;
    stroke: #eee;
    shape-rendering: crispEdges;
}

.matrix .no-bg {
  fill: none;
}

.matrix .baseline,
.matrix .gridline {
    stroke: #bbb;
    shape-rendering: crispEdges;
    pointer-events: none;
}

.matrix .bar,
.matrix .pos-bar,
.matrix .neg-bar {
    stroke: none;
    shape-rendering: crispEdges;
    pointer-events: none;
}

.matrix .tt-bar {
    fill: rgba(255,255,255,0);
    stroke: none;
    shape-rendering: crispEdges;
}

.matrix .tt-bar:hover {
    /*fill: rgba(255,255,255,0.5);*/
    fill: rgba(99,99,99,0.1);
}

.matrix .sparkline {
    fill: none;
    stroke-width: 1px;
    pointer-events: none;
}

.matrix .neg {
    stroke: #f31d21;
    stop-color: #f31d21;
}

.matrix .pos {
    stroke: #20b7c4;
    stop-color: #20b7c4;
}

.matrix .net {
    stroke: #666;
}

.matrix .slice {
}

.matrix .slice.neg {
    fill: rgba(243, 29, 33, 0.5);
}

.matrix .slice.neutral {
    fill: rgba(68, 68, 68, 0.3);
    stroke: rgba(68, 68, 68, 0.5);
}

.matrix .slice.pos {
    fill: rgba(32, 183, 196, 0.5);
}

.matrix .slice.vol {
    fill-opacity: 0.6;
}

.matrix text.neg,
.matrix .legend text.neg {
    stroke: none;
    fill: #f31d21;
    font-size: 11px;
}

.matrix text.pos,
.matrix .legend text.pos {
    stroke: none;
    fill: #20b7c4;
    font-size: 11px;
}

.matrix .axis,
.matrix .row-label,
.matrix .col-label {
    fill: #666;
    stroke: none;
    font-size: 14px;
    font-family: var(--widget-font);
}

.matrix .small .axis,
.matrix .small .row-label,
.matrix .small .col-label {
    font-size: 12px;
}

.matrix path.axis {
    fill: none;
    stroke: #666;
    shape-rendering: crispEdges;
}

.matrix .legend text {
    fill: #666;
    stroke: none;
    font-size: 12px;
    font-family: var(--widget-font);
}

.matrix table {
    width: 100%;
    border-collapse: collapse;
}

.matrix thead {
    text-align: center;
}

.matrix td,
.matrix th {
    font-weight: 400;
    color: #666;
    padding: 4px 8px;
    text-align: center;
}

.matrix th {
    text-align: right;
}

.matrix .matrix-legend td {
    padding-top: 16px;
    text-align: center;
}

.matrix .bubble {
}

.matrix .bubble-label {
}

.matrix-tip {
    line-height: 1.5;
    padding: 4px;
    background: #f8f8f8;
    border: 1px solid #ccc;
    border-radius: 4px;
    text-align: center;
    color: #444;
    font-family: var(--widget-font);
    font-size: 12px;
}

.matrix-tip table {
    width: 100%;
}

.matrix-tip .date {
    color: #666;
    border-bottom: 1px solid #ccc;
    margin-bottom: 4px;
}

.matrix-tip .neg {
    color: #f31d21;
}

.matrix-tip .pos {
    color: #20b7c4;
}

.matrix-tip .main-value,
.matrix-tip .sentiment {
    font-size: 12px;
    /*font-weight: 500;*/
}

.matrix-tip table.sentiment {
    background: inherit;
}

.matrix-tip .sentiment td {
    padding: 0;
    text-align: left;
}

.matrix-tip .sentiment td:first-child {
    text-align: right;
    padding-right: 4px;
}

.matrix-tip .notes {
    color: #666;
    border-top: 1px solid #ccc;
    margin-top: 4px;
}

/* Creates a small triangle extender for the tooltip */
.matrix-tip:after {
    box-sizing: border-box;
    display: inline;
    font-size: 10px;
    width: 100%;
    line-height: 1;
    color: #888;
    content: "\25BC";
    position: absolute;
    text-align: center;
}

.matrix-tip.n:after {
    margin: -1px 0 0 0;
    top: 100%;
    left: 0;
}

.matrix-tip.s:after {
    content: "\25B2";
    margin: 0 0 1px 0;
    top: -8px;
    left: 0;
    text-align: center;
}

.matrix-settings table {
    background: none;
    width: 100%;
}

.matrix-settings table tr {
    vertical-align: top;
}

.matrix-settings table td {
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 8px;
}

.matrix-settings table td label {
    margin-bottom: 0;
}

.matrix-settings table td:first-child {
    white-space: nowrap;
    padding-left: 4px;
    padding-right: 4px;
    min-width: 90px;
}

.matrix-settings table td:last-child {
    color: #bbb;
}

.matrix-settings table td:first-child {
    color: #eee;
}

.matrix-settings .current-colour {
    display: inline-block;
    width: 11px;
    height: 11px;
    margin-left: 1px;
}

.matrix-settings .colour-page {
    display: none;
}

.matrix-settings .hidden {

}


.word-cloud .word {
    cursor: pointer;
}

span.word-choice {
    width: 90px
}

.word-cloud .word:hover {
    opacity: 0.70;
}

.removed-words {
    cursor: pointer;
}

.removed-words > i {
    margin-right: 5px;
}

.font-size {
    width: 76px;
}

.world-map {
    height: 100%;
}

.world-map .map-view {
    height: 100%;
    background-color: #fff;
    border-radius: 0 0 var(--widget-border-radius) var(--widget-border-radius);
}

.world-map .country-view {
    height: 100%;
}

.world-map .map-layer path {
    stroke: #d0d9e1;
    stroke-width: 0.75;
}

.world-map .pie-layer path {
    stroke: none;
    stroke-width: 0;
}

.world-map .hover-value {
    font-family: var(--widget-font);
}

.world-map .light-background {
    background-color: #f0f0f0;
    color: #363636;
}

.world-map .dark-background {
    background-color: #363636;
    color: white;
}

.world-map a {
    color: #82ac3b ;
}
.world-map a:hover {
    color: #bde082;
}

.world-map .active a {
    color: #515151;
}
.world-map .active a:hover {
    color: #515151;
}

.world-map .clickable {
    cursor: pointer;
}

.world-map .inline {
    display: inline;
}

.world-map .hud {
    position: absolute;
    white-space: nowrap;
    border-radius: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    opacity: 0;
}

.world-map .hud.top {
    top: 50px;
}
.world-map .hud.bottom {
    bottom: 10px;
}
.world-map .hud.top.left {
    left: 5px;
}

.world-map .hud.top.left ul {
    left: -15px;
}

.world-map .hud.bottom.left {
    left: 5px;
}

.world-map .hud.bottom.left div {
    display: inline-block;
}

.world-map .hud.bottom.left .colour-swatch {
    width: 15px;
    height: 15px;
    vertical-align: -2px;
    border: 1px solid #969696;
}

.world-map .hud.right {
    right: 5px;
}

.world-map-save-image path {
    stroke: #d0d9e1;
    stroke-width: 0.5;
}

.selector-widget-tiles {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    background-color: #272727; /* Stops selector from appearing white while loading its tiles */
}

table.selector-widget-tiles {
    height: calc(100% - 1px);
}

.selector-widget-tiles tr {
    vertical-align: middle;
}

.selector-widget-tiles td {
    padding: 4px 12px;
    background-color: #272727;
    border: 1px solid #1a1a1a;
    border-bottom-width: 0;   /* Need to remove bits of borders to stop scrollbars appearing in chrome */
    color: #fff;
    line-height: 20px;
    cursor: pointer;
}

.text-value.selector-widget-tiles td {
    display: table-cell;
}

.selector-widget-tiles td > div {
    /*white-space: normal;*/
    /*word-wrap: break-word;*/
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

/* from Widget.css .. these leave 82px space for the count column */
.widget-grid:not(.resizable-grid) .width1 .selector-widget-tiles td > div { max-width: 133px; /* Original value of 150 = 233 - 83 caused horizontal scroll bars */ }
.widget-grid:not(.resizable-grid) .width2 .selector-widget-tiles td > div { max-width: 393px; /* 476 - 83 */ }
.widget-grid:not(.resizable-grid) .width3 .selector-widget-tiles td > div { max-width: 636px; /* 719 - 83 */ }
.widget-grid:not(.resizable-grid) .width4 .selector-widget-tiles td > div { max-width: 879px; /* 962 - 83 */ }

.resizable-grid .selector-widget-tiles td > div {
    max-width: calc(var(--widget-width) - 93px);
}

.selector-widget-tiles tr.value:hover td,
.selector-widget-tiles tr td.value:hover {
    background: var(--background-menu-hover);
}

.selector-widget-tiles tr.selected td,
.selector-widget-tiles tr.selected.value:hover td,
.selector-widget-tiles tr td.selected,
.selector-widget-tiles tr td.value.selected:hover {
    background: var(--colour-active-gradient);
}

.selector-widget-tiles tr.value-noid:hover td {
    background: #1a1a1a;
}

.selector-widget-tiles tr.value-noid td {
    color: var(--clr-sidebar-header);
    text-align: left;
    cursor: default;
    font-family: inherit;
    text-transform: uppercase;
    font-size: 13px;
    background: #1a1a1a;
}

.selector-widget-tiles td.num {
    text-align: right;
}

.selector-widget-tiles td h6 {
    color: var(--clr-sidebar-header);
}

.selector-widget-tiles tr.disabled td {
    pointer-events: none;
    cursor: not-allowed;
    color: var(--be-colour-muted-text-dark);
}
.sentiment-selector {
    text-align: center;
}


.popup-center > .contents > .profile-picker,
.profile-picker {
    width: 920px;
    height: 475px;
}

.profile-picker .profile-list {
    height: 400px;
    max-height: 400px;
    overflow-y: auto;
    padding: 1px 1px 1px 2px;
}

.profile-picker .online-presence-list .busy {
    margin-left: 10px;
}

.profile-picker .online-presence-table {
    margin-left: -1px;
    padding-right: 1px;
    max-width: 900px;
}

.profile-picker .online-presence-item {
    display: inline-block;
    width: 204px;
    height: 36px;
    vertical-align: top;
}

.profile-picker .profile-selections {
    padding: 10px;
}

.profile-picker .dialog-body {
    padding: 0;
}
.profile-up {
    color: rgb(133, 176, 61);
}

.profile-down {
    color: rgb(255, 181, 179);
}

.profile-tooltip {
    text-align: center;
}

.profile-tooltip strong {
    white-space: nowrap;
}
.text-online-profile-item {
    font-family: var(--widget-font);
}

.text-online-profile-item.single {
    padding-top: 30px;
}

.text-online-profile-item:not(:first-child) {
    border-top: thin solid #d3d3d3;
}

.text-online-profile-item .title {
    padding: 15px 2px 0 20px;
}

.text-online-profile-item .title.small {
}

.text-online-profile-item .title.multiple {
    float: left;
    width: 50%;
}

.text-online-profile-item.w3 .title.multiple {
    width: 55%;
}

.text-online-profile-item.w4 .title.multiple {
    width: 65%;
}

.text-online-profile-item .title .display-name {
    font-size: 2em;
    line-height: 1.15em;
    padding-right: 10px;
    padding-left: 5px;
}

.text-online-profile-item .title.small .display-name {
    font-size: 1.3em;
    padding-top: 5px;
}

.text-online-profile-item .title .display-name .vanity {
    color: #808080;
    font-size: 0.7em;
    line-height: 1.15em;
}

.text-online-profile-item .title .display-name .vanity.instagram {
    margin-left: -4px;
}

.text-online-profile-item .title .display-name .vanity.facebook-user {
    margin-left: -6px;
}

.text-online-profile-item .title .display-name .vanity.facebook-page {
    margin-left: -1px
}

.text-online-profile-item .title .display-name .vanity.linkedin-company {
    margin-left: -1px
}

.text-online-profile-item .title.small .display-name .vanity,
.text-online-profile-item .title.multiple .display-name .vanity,
.text-online-profile-item .title.multiple .display-name .name {
    max-width: 150px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.text-online-profile-item.w2 .title.multiple .display-name .vanity,
.text-online-profile-item.w2 .title.multiple .display-name .name {
    max-width: 150px;
    font-size: 0.6em;
    line-height: 1.25em;
}

.text-online-profile-item.w3 .title.multiple .display-name .vanity,
.text-online-profile-item.w3 .title.multiple .display-name .name {
    max-width: 300px;
}

.text-online-profile-item.w4 .title.multiple .display-name .vanity,
.text-online-profile-item.w4 .title.multiple .display-name .name {
    max-width: 550px;
}

.text-online-profile-item.w2 .title .display-name .name,
.text-online-profile-item.w2 .title .display-name .vanity{
    max-width: 375px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.text-online-profile-item .title .avatar {
    border-radius: 3px;
    float: left;
    margin-top: 5px;
    margin-right: 5px;
    background-color: rgb(208, 208, 208);
    width: 48px;
    height: 48px;
}

.text-online-profile-item .title.small .avatar {
    width: 20px;
    height: 20px;
}

.text-online-profile-item .title .details {
    color: rgb(100, 100, 100);
    position: relative;
    top: 6px;
}

.text-online-profile-item .body {
    clear: both;
    padding-top: 10px;
}

.text-online-profile-item .body.multiple {
    clear: inherit;
}

.text-online-profile-item a {
    color: inherit;
}

.text-online-profile-item .body a:hover {
    color: green;
}

.text-online-profile-item table {
    background-color: inherit;
}

.text-online-profile-item .area-graph {
    width: 75px;
    height: 1em;
}

.text-online-profile-item .arrow {
    font-size: 1.5em;
    position: relative;
}

.text-online-profile-item .up-arrow {
    color: green;
    top: 2px;
}

.text-online-profile-item .down-arrow {
    color: #ff0000;
    top: 3px;
}

.text-online-profile-item .stat-box {
    padding: 20px 5px 10px 20px;
    font-size: 1em;
    line-height: 1em;
}

.text-online-profile-item .stat-box.small {
    padding-bottom: 25px;
}

.text-online-profile-item .body.multiple .stat-box {
    padding: 12px;
}

.text-online-profile-item .stat-box .number {
    font-size: 1.5em
}

.text-online-profile-item.w2 .body.multiple .stat-box .area-graph {
    display: none;
}

.text-online-profile-item .stat-box .area-graph {
    display: inline-block;
    padding-left: 5px;
    padding-top: 5px;
    float: right;
}

.text-online-profile-item .stat-box .under-stats {
    margin-top: 2px;
}

.text-online-profile-item .highlight {
    font-size: 1.1em;
}

.text-online-profile-item.w2 .multiple .highlight {
    font-size: 1em;
}

.text-online-profile-item.w2 .multiple .highlight .number {
    font-size: 1.8em;
}

.text-online-profile-item .highlight .number {
    font-size: 2em;
}

.text-online-profile-item .group1 {
    float: left;
    padding-right: 16px;
}

.text-online-profile-item table {
    line-height: 12px;
    margin-top: 15px;
}

.text-online-profile-item table .number {
    text-align: right;
    border-right: thin solid black;
}

.text-online-profile-item .profile-table {
    display: table;
    border-spacing: 0px 8px;
}

.text-online-profile-item .profile-trow {
    display: table-row;
}

.text-online-profile-item .profile-tcell {
    display: table-cell;
}

.text-online-profile-item .profile-tcell.divide {
    padding: 0px 8px 0px 9px;
}

.text-online-profile-item .profile-tcell.val {
    min-width: 80px;
    text-align: right;
}

.text-online-profile-item .bm-chart-sparkline-area {
    fill: rgba(0,128,0,.6);
    stroke: green;
}
.widget .nomenclature {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    padding: 20px;
    overflow-y: auto;
    height: var(--widget-inner-height);
}

.nomenclature__intro {
    color: #888;
    margin: 5px 0;
}

.widget .nomenclature header h4 {
    color: var(--be-colour-text);
    font-size: 1.7em;
    margin: 0 0 0.2em;
}

.widget .nomenclature h4 + .nomenclature__intro {
    padding-top: 0;
    margin-top: 0;
}

.widget .nomenclature table {
    box-sizing: border-box;
    background: white;
    margin: auto 10px;
    min-width: 95%;
}

.widget .nomenclature tr:nth-child(odd) {
    background: #eee;
}

.widget .nomenclature td {
    padding: 5px 5px;
}

.widget .nomenclature td:not(:first-of-type) {
    padding-left: 10px
}

.nomenclature__interactions {
    margin-bottom: auto;
}

.nomenclature__name {
    color: black;
    font-weight: 600;
    font-size: 1.05em;
}

.width1 .nomenclature {
    padding: 10px;
    font-size: 12px;
}

.width1 .nomenclature header .nomenclature__intro {
    display: none
}

.width1 .nomenclature header {
    margin-bottom: 15px;
}

.width1 .nomenclature table {
    margin: 0 5px;
}

.width1 .nomenclature tr {
    display: flex;
    flex-direction: column;
    padding: 5px;
}

.width1 .nomenclature td {
    padding: 0
}

.width1 .nomenclature__interactions {
    display: none;
}

.width3 .nomenclature,
.width4 .nomenclature,
.width5 .nomenclature,
.width6 .nomenclature,
.width7 .nomenclature,
.width8 .nomenclature {
    font-size: 15px;
}

.height6, .height7, .height8 .nomenclature__intro {
    margin: 20px 0;
}

.height6, .height7, .height8 h4 + .nomenclature__intro {
    margin-top: 10px;
}
.field-value {
    float: left;
}

.field-title {
    font-weight: 400;
}

/* This is for messages which are not immediately displayed, like loading and error messages. */
.delayed-message {
    display: none;
}

.general-message,
.delayed-message {
    text-align: center;
    width: 100%;
    padding-top: 10em;
}

.no-root-brands .add-section-big {
    height: 230px;
    cursor: pointer;
}

.no-root-brands .add-section-big ol {
    text-align: left;
    padding-left: 40px;
}

.setup-edit-brand-json {
    color: inherit;
}
.account-profile table.settings-table {
    background: none;
    float: left;
    margin-right: 60px;
    margin-bottom: 40px;
}

.account-profile table.settings-table:last-child{
    margin-right: 0;
}

@media (max-width: 700px) {
    .account-profile table.settings-table {
        float: none;
    }
}

.account-profile table.settings-table td {
    padding: 0 12px 12px 0;
    white-space: nowrap;
}

.account-profile table.settings-table td:last-child {
    padding-right: 0;
}

.account-profile .over-limit {
    color: #ff938f;
}

.account-profile .unset {
    color: #aaa;
}

.account-profile .field {
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.profile-popup {
    width: 350px;
}

.billing-popup {
    width: 700px;
}

.client-edit-view {
    width: 700px;
}

.billing-edit-view {
    width: 300px;
}

.activity-list td.edit {
    text-align: center;
}

.activity-list tbody tr:hover {
    color: #85b03d;
}

.activity-list td:first-child {
    padding-left: 10px;
}

.activity-list thead td:last-child {
    padding-right: 10px;
}

.account-profile .crowd-history-region {
    margin-top: 20px;
}
.crowd-history {
}

.crowd-history td {
    text-align: right;
    white-space: nowrap;
    padding-left: 10px;
    padding-right: 10px;
}

.crowd-history .table {
    margin-bottom: 0;
}

.user-list .section .main {
    min-height: 1px;
    margin-top: 20px;
}

.user-list td.edit {
    text-align: center;
}

.user-list td .user-name {
    margin-left: 10px;
}

.user-list tbody tr:hover {
    color: #85b03d;
}

.user-list td:first-child {
    padding-left: 10px;
}

.user-list thead td:last-child {
    padding-right: 10px;
}

.user-dialog {
    width: 500px;
}

.user-dialog .pages {
    /*height: 400px;*/
}

.user-dialog .pages .gravatar-image {
    min-height: 120px;
    width: 120px;
    margin: 0 auto 4px;
    border: 6px solid #FFF;
}

.user-dialog .pages .gravatar-label {
    text-align: center;
}

.user-dialog .details .team-scroller {
    overflow-y: auto;
    max-height: 200px;
}

.user-dialog .details .teams label {
    color: #eee;
}

.user-dialog .details .teams label .name {
    display: inline-block;
    min-width: 80px;
}

.user-dialog .details .teams label .description {
    padding-left: 8px;
    color: #bbb;
}

.user-dialog input[readonly] {
    background-color: #444444;
}

.user-edit {
    cursor: pointer;
    text-decoration: none;
    text-align: center;
}

.locales a,
.locales img {
    border: none;
    width: 32px;
    height: 32px;
}

.locales a {
    display: inline-block;
    margin-right: 10px;
}

.locales a:hover {
    background: none;
}

.root-brand-setup {
    margin-left: 0;
    margin-top: 10px;
}

.root-brand-setup > .header h2 {
    margin-left: 20px;
}

.root-brand-setup .title {
    height: auto;
    min-height: 42px;
}

.root-brand-setup .title .read-only {
    float: right;
    line-height: 42px;
}

.root-brand-setup .title .category {
    float: right;
    line-height: 42px;
}

.root-brand-setup .title h1 {
}

.root-brand-options-container {
    margin-bottom: 20px;
    border-bottom: 1px solid #666;
    overflow: auto;
}

.root-brand-options {
    width: 60%;
    float: left;
}

.feeds .description, .filter .description {
    color: #eee;
}

.root-brand-description {
    width: 40%;
    margin-bottom: 20px;
    position: relative;
}

.edit-root-brand-description {
    cursor: pointer;
}

.root-brand-description-float-right {
    float: right;
}

.remove-brand-description {
    visibility: hidden;
}

.remove-brand-description:hover {
    color: #aee15d;
}

.root-brand-description table {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid #575757;
    margin: 0;
}

.root-brand-description td,
.root-brand-description th {
    border: none;
    padding-top: 6px;
    padding-bottom: 6px;
    word-wrap: break-word;
}

.root-brand-description td {
    color: #ccc;
}

.root-brand-description table {
    table-layout: fixed;
    width: 100%;
}

.root-brand-description tr:hover td {
    background: rgba(255, 255, 255, 0.05);
}

.root-brand-description td:first-child,
.root-brand-description th {
    color: #eee;
    font-size: 15px;
    padding-right: 1px;
    text-align: left;
}

.root-brand-description td:first-child {
    text-align: right;
}

.root-brand-description tr th:first-child {
    width: 30%;
}

.root-brand-description tr th:last-child {
    text-align: right;
    width: 25px;
}

.root-brand-description tr:hover .remove-brand-description {
    visibility: visible;
}

.root-brand-setup .root-brand-options .filter,
.root-brand-setup .root-brand-options .archived,
.root-brand-setup .root-brand-options .feeds {
    color: #aaa;
    display: block;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
    line-height: 26px;
}

/* BRANDSEYE PILL "be-pill" - to be moved to a global component */
.be-pill {
    background: #434344;
    line-height: 22px;
    border-radius: 12px;
    padding: 0 8px;
    margin: 2px 4px 2px 0;
    white-space: nowrap;
    display: inline-block;
    border: 1px solid #575757;
    position: relative;
}
.be-pill:after {
    content: '\e822';
    font-family: "fontello";
    position: absolute;
    width: 0.825rem;
    height: 0.825rem;
    border-radius: 50%;
    background: #434344;
    border: 1px solid #575757;
    line-height: 0.825rem;
    text-align: center;
    font-size: 0.5rem;
    top: -4px;
    right: -4px;
}
.be-pill--inactive:after {
    display: none;
}
.be-pill span {
    color: var(--be-colour-muted-text-dark);
}
.be-pill--inactive span {
    text-decoration: line-through;
    color: var(--be-colour-muted-text-dark);
}
/* ~ crowd */
.be-pill--crowd:after {
    content: '\e894';
}
.be-pill--crowd.be-pill--inactive:after {
    display: none;
}
.be-pill--crowd.be-pill--inactive span {
    text-decoration: none;
}

.root-brand-setup .root-brand-options .edit-brand {
    cursor: pointer;
}

.root-brand-setup .root-brand-options .unarchive {
    cursor: pointer;
    color: #fff;
    padding-left: 16px;
}

.root-brand-setup .root-brand-options .unarchive:hover {
    color: #aee15d;
}

.root-brand-setup .root-brand-options .filter.edit-brand:hover,
.root-brand-setup .root-brand-options .feeds.edit-brand:hover,
.root-brand-setup .root-brand-options .feeds.editable:hover,
.root-brand-setup .root-brand-options .filter.edit-brand:hover .description,
.root-brand-setup .root-brand-options .feeds.edit-brand:hover .description,
.root-brand-setup .root-brand-options .feeds.editable:hover .description {
    color: #AEE15D;
}

.root-brand-setup .main {
    padding: 0;
    min-height: 10px;
}

.root-brand-setup .main tfoot .form-inline {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 3px;
}

.root-brand-setup .main tfoot input[type="checkbox"] {
    margin-top: 4px;
    margin-right: 4px;
}

.root-brand-setup .main tfoot label {
    margin-right: 20px;
}

.root-brand-setup .table td {
    vertical-align: middle;
}

.root-brand-setup td i {
    text-decoration: none;
}

.root-brand-setup tbody.level1 td:first-child { padding-left: 22px; }
.root-brand-setup tbody.level2 td:first-child { padding-left: 44px; }
.root-brand-setup tbody.level3 td:first-child { padding-left: 66px; }

.root-brand-setup tbody.level0 td.add-brand { padding-left: 22px; }
.root-brand-setup tbody.level1 td.add-brand { padding-left: 44px; }
.root-brand-setup tbody.level2 td.add-brand { padding-left: 66px; }
.root-brand-setup tbody.level3 td.add-brand { padding-left: 88px; }

.root-brand-setup tbody.level0.phrases td:first-child { padding-left: 22px; }
.root-brand-setup tbody.level1.phrases td:first-child { padding-left: 44px; }
.root-brand-setup tbody.level2.phrases td:first-child { padding-left: 66px; }
.root-brand-setup tbody.level3.phrases td:first-child { padding-left: 88px; }

.root-brand-setup tbody.phrases td:first-child { padding-top: 0; padding-bottom: 0 }

.root-brand-setup table input {
    margin-top: 0;
}

.root-brand-setup .add-phrase i {
    margin-left: -2px;
}

.root-brand-setup .phrases .tag {
    padding-right: 3px;
    margin-right: 4px;
    cursor: pointer;
    background-color: #1a1a1a;
}

.root-brand-setup .expand-all .minus { display: none; }
.root-brand-setup .expand-all.expanded .minus { display: inline-block; }
.root-brand-setup .expand-all.expanded .plus { display: none; }

.root-brand-setup .toggle-branch .plus { display: none; }
.root-brand-setup .children-collapsed .toggle-branch .plus { display: inline-block; }
.root-brand-setup .children-collapsed .toggle-branch .minus { display: none; }

.root-brand-setup .toggle-phrases .plus { display: none; }
.root-brand-setup .phrases-collapsed .toggle-phrases .plus { display: inline-block; }
.root-brand-setup .phrases-collapsed .toggle-phrases .minus { display: none; }

.root-brand-setup tbody.branch-collapsed {
    display: none;
}

.root-brand-setup .warning,
.root-brand-setup .vol,
.root-brand-setup .trash,
.root-brand-setup td.toggle-phrases {
    text-align: right;
}

.root-brand-setup .vol,
.root-brand-setup .trash {
    cursor: pointer;
}

.root-brand-setup td.brand {
    padding-left: 10px;
}

.root-brand-setup td.edit-brand { text-align: center; width: 50px }
.root-brand-setup td.edit-phrase-pencil { text-align: center }
.root-brand-setup td.edit { width: 30px; }
.root-brand-setup td.topic-tree { text-align: center; width: 60px; }
.root-brand-setup td.phrases { width: 50px; }
.root-brand-setup td.warning { width: 20%; text-align: center }
.root-brand-setup td.vol { width: 60px; }

.root-brand-setup td.trash {
    width: 42px;
    padding-right: 10px;
}

.root-brand-setup tbody td.edit-brand {
    cursor: pointer;
    text-decoration: none;
}

.root-brand-setup td.toggle-phrases { cursor: pointer; }
.root-brand-setup td.toggle-phrases:hover { color: #AEE15D; }

.root-brand-setup td.toggle-branch { cursor: pointer; }
.root-brand-setup td.toggle-branch:hover { color: #AEE15D; }

.root-brand-setup .title.edit-brand { cursor: pointer; }

.root-brand-setup td.edit-brand:hover,
.root-brand-setup .title.edit-brand h1:hover,
.root-brand-setup .title.edit-brand span:hover {
    color: #AEE15D;
}
.root-brand-setup td.leaf:hover { color: #AEE15D; }

.root-brand-setup td.edit-phrase { cursor: pointer; }
.root-brand-setup td.phrase:hover .tag { color: #AEE15D; }
.root-brand-setup td.phrase:hover .tag-neg { color: #faedaf; }

.root-brand-setup td.phrase .tag { cursor: default; }
.root-brand-setup td.phrase.edit-phrase .tag { cursor: pointer; }

.root-brand-setup td.toggle-phrases i {
    margin-left: 4px;
}

.root-brand-setup td .spinner {
    position: relative;
    top: 2px;
    left: -1px;
}

.root-brand-setup .phrase .inner,
.root-brand-setup .adding-phrase .inner {
    position: relative;
    padding-left: 38px;
    margin-bottom: 2px;
}

.root-brand-setup .phrase .inner label {
    position: absolute;
    left: 0;
    display: inline-block;
    margin: 0;
    padding: 3px 3px 4px 21px;
}

.root-brand-setup .phrase .inner label span {
    position: absolute;
    right: -13px;
}

.root-brand-setup .add-phrase a {
    position: relative;
    padding-left: 21px;
    line-height: 28px;
    color: #eee;
    cursor: pointer;
}

.root-brand-setup .add-phrase a:hover {
    color: #AEE15D;
}

.root-brand-setup .q {
    padding-top: 3px;
}

.root-brand-setup .q span.tag {
    margin-bottom: 3px;
}

.root-brand-setup .adding-phrase .spinner {
    position: absolute;
    left: 19px;
    top: 5px;
}

.root-brand-setup .deleted td,
.root-brand-setup .deleted span.tag {
    text-decoration: line-through;
}

.root-brand-setup .overlay .spinner {
    position: absolute;
    left: 56px;
    top: 7px;
}

.root-brand-setup span.add-brand {
    float: right;
    padding-left: 7px;
    padding-right: 7px;
    cursor: pointer;
}

.root-brand-setup td.brand-warn,
.root-brand-setup td.warn {
    color: #ff938f;
    cursor: pointer;
}

.root-brand-setup td.brand-warn:hover,
.root-brand-setup td.warn:hover {
    color: #ffb5b3;
}

.root-brand-setup .expand-all {
    text-align: center;
    cursor: pointer;
    color: #eeeeee;
    margin-left: 164px;
}

.root-brand-setup .expand-all:hover {
    color: #ceed9e;
}

.root-brand-setup .extras {
    margin-left: 20px;
    padding-bottom: 20px;
}

.root-brand-setup .approval-pending {
    float: right;
}

.root-brand-setup .no-colour .sp-replacer {
    width: 1px;
    overflow: hidden;
    padding: 0;
    visibility: hidden;
}

.root-brand-setup .sp-replacer {
    border: none;
    background: none;
    position: relative;
    top: -1px;
    padding: 0 4px;
}

.root-brand-setup .sp-preview {
    margin: 0;
    width: 24px;
    height: 16px;
    border: none;
    border-radius: 3px;
}

.root-brand-setup .sp-preview-inner {
    border-radius: 3px;
}

.root-brand-setup .sp-dd {
    display: none;
    font-size: 0;
}

.root-brand-setup .support-profiles .tag {
    padding-right: 3px;
    margin-right: 4px;
}

.root-brand-setup .support-profiles button {
    display: none;
}

.root-brand-setup .root-brand-options .inactive {
    text-decoration: line-through;
}

.root-brand-setup .sub-phrase-matching {
    font-variant: small-caps;
    padding-left: 8px;
}
.edit-brand-tree-json {
    width: 600px;
}
.root-brand-filter .country-options,
.root-brand-filter .country-options-help {
    padding-left: 10px;
}

.root-brand-filter .country-options-help {
    padding-top: 5px;
}

.root-brand-filter .country-options-help label,
.root-brand-filter .country-options label:first-child {
    cursor: default;
}

.root-brand-filter .country-options label {
    display: inline-block;
}

.root-brand-filter .country-options .checkbox input {
    margin-left: -14px;
}

.edit-brand.dialog {
    width: 600px;
}

.edit-imported-brand.dialog {
    width: 350px;
}

.edit-brand-topic-tree.dialog {
    width: 640px;
}

.edit-brand-topic-tree .topic-wheel {
    margin-top: 5px;
    min-height: 600px;
}


.edit-brand-segments.dialog {
    width: 730px;
}

.edit-brand-segments .main-form {
    height: 400px;
    overflow-y: scroll;
}

.edit-brand-segments .active-cb {
    text-align: center;
}

.edit-brand-segments input[type="checkbox"] {
    margin-top: -4px;
    margin-right: 4px;
}

.limit-reached {
    width: 400px;
}


.limit-reached {
    width: 400px;
}


.phrase-goodness {
    color: var(--be-colour-text-dark);
}

.phrase-goodness .phrase-mention {
    padding: 5px 27px 5px 63px;
    position: relative;
    min-height: 48px;
    margin-bottom: 10px;
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 0, 0, 0.05);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.phrase-goodness .phrase-mention:hover {
    background-color: rgba(255, 255, 255, 0.10);
}

.phrase-goodness .phrase-mention.selected {
    background-color: rgba(255, 0, 0, 0.10);
    border: 1px solid rgba(218, 79, 73, 0.3);
}

.phrase-goodness .phrase-mention.selected:hover {
    background-color: rgba(255, 0, 0, 0.15);
}

.phrase-goodness .phrase-mention img.profile {
    position: absolute;
    left: 5px;
    top: 5px;
}

.phrase-goodness .phrase-mention .author {
    padding-right: 8px;
}

.phrase-goodness .phrase-mention input {
    /* for some reason float:right makes it impossible to click the checkbox */
    position: absolute;
    right: 5px;
    top: 5px;
}

.phrase-goodness .spinner {
    position: relative;
    top: 2px;
    margin-right: 4px;
}

.phrase-goodness strong {
    color: var(--strong-colour-dark);
    font-size: var(--strong-font-size);
    line-height: calc(var(--default-line-height) + 1px);
}
.phrase-tune .words label {
    padding: 2px 10px 2px 22px;
    margin-right: 5px;
    margin-bottom: 8px;
    display: inline-block;
    white-space: nowrap;
    background-color: #333;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.phrase-tune .words label input {
    margin-left: -16px;
}

.phrase-tune .words label:hover {
    color: #AEE15D;
    -webkit-transition: color 0.15s linear;
    -moz-transition: color 0.15s linear;
    -o-transition: color 0.15s linear;
    transition: color 0.15s linear;
}

.phrase-tune .words label.selected {
    color: var(--be-colour-negated);
}

.phrase-tune .words label.selected:hover {
    color: #faedaf;
}

.edit-phrase.dialog {
    width: 650px;
}

.edit-phrase.dialog .pages {
    height: 520px;
    overflow-y: auto;
    padding-right: 15px;
}

.edit-phrase.dialog ._exclude input.tag,
.edit-phrase.dialog ._include input.tag {
    width: 50%;
}

.edit-phrase.dialog .include .tag {
    padding-right: 3px;
    margin-right: 4px;
}

.edit-phrase.dialog .unlock {
    padding-left: 12px;
}

.edit-phrase.dialog .approval {
    float: right;
    color: #bbb;
}
.generate-phrases {
    width: 650px;
}

.generate-phrases .pages > div {
    min-height: 516px;
}

.generate-phrases .page-confirm .tag {
    background-color: #1a1a1a;
    padding-right: 3px;
}


.move-phrase {
    width: 740px;
}

.move-phrases-container {
    max-height: 80vh;
    overflow-y: auto;
}

.move-phrase .brand-picker {
    height: 500px;
}
.move-brand {
    width: 740px;
}

.move-brand-container {
    max-height: 80vh;
    overflow-y: auto;
}

.move-brand .brand-picker {
    height: 500px;
}
.import-brand.dialog {
    width: 800px;
}

.import-brand .brand-list {
    height: 500px;
    overflow: auto;
    margin-top: 10px;
}

.import-brand .brand-list .table {
    margin-bottom: 0;
}

.import-brand .brand-list td.account-code {
    width: 1em;
}

.import-brand .brand-list tr {
    cursor: pointer;
}

.import-brand .brand-list tr.selected td:first-child {
    font-style: italic;
    background-color: #85b03d;
    color: #fff;
}

.volume-warning-help {
    width: 400px;
}

.volume-warning-help .control-group:last-child {
    margin-bottom: 0;
}

.volume-warning-help .dialog-body {
    background: #333 none;
}

.auto-tag-rule-settings h1 {
    border-bottom: 1px solid #666;
    margin-top: 0;
}

.auto-tag-rule-settings .probability,
.auto-tag-rule-settings .tag-text {
    cursor: pointer;
}

.edit-auto-tag-dialog {
    width: 400px;
}
.mention-preview .preview-has-mentions, .mention-preview .preview-no-mentions {
    display: none;
}

.mention-preview .preview-has-mentions, .mention-preview .preview-no-mentions, .mention-preview .preview-loading-message {
    cursor: default;
}
.actions .tags > input {
    width: 200px;
}

.actions .userId > input {
    width: 240px;
}
.engage-rule-settings .control-group {
    margin-bottom: 10px;
}


.topics-setup .topic-discovered-on {
    min-width: 120px;
}

.topics-setup .topics-table {
    opacity: 1.0;
    -webkit-transition: opacity linear 0.1s;
    -moz-transition: opacity linear 0.1s;
    -o-transition: opacity linear 0.1s;
    transition: opacity linear 0.1s;
}


.topics-setup .topics-loading {
    text-align: center;
}

.section.topics-section .body {
    padding: 10px 10px 10px 10px;
}
.feed-dialog {
    width: 700px;
}

.edit-feed-icon {
    cursor: pointer;
}

.feed-list td.edit {
    text-align: center
}

.feed-list tbody tr:hover td {
    color: #aee15d;
}

.feed-list td:first-child {
    padding-left: 10px;
}

.feed-list thead td:last-child {
    padding-right: 10px;
}

.feed-list .warn {
    color: #ff938f;
}

.feed-list .num {
    text-align: right;
}

.crowd-setup {
}

.crowd-settings tr.editable td:hover {
    color: #AEE15D;
}

.crowd-settings .num {
    text-align: right;
}

.crowd-settings .temp-crowd {
    color: #ff938f;
}


.edit-brand-crowd-quota {
    width: 500px;
}

.edit-brand-tier {
    width: 500px;
}

div.online-presence-item {
    background: #333333;;
    padding: 6px 5px 6px 15px;
    margin: 0 0 1px 1px;
    position: relative;
}

div.online-presence-item.selected {
}

.online-presence-item .avatar {
    height: 32px;
    width: 32px;
    float: left;
    margin-top: 2px;
    margin-left: 2px;
    margin-right: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border-bottom-color: #fff;
    background-color: #eee;
    cursor: pointer;
}

.online-presence-item .avatar.edit:hover {
    -moz-box-shadow: 0 0 5px 1px #aee15d;
    -webkit-box-shadow: 0 0 5px 1px #aee15d;
    box-shadow: 0 0 5px 1px #aee15d;
}

.online-presence-item i.smiley-warn {
    font-size: large;
    float: right;
    color: orange;
    cursor: pointer;
}

.online-presence-item i.smiley-warn:hover {
    -moz-box-shadow: 0 0 5px 1px #aee15d;
    -webkit-box-shadow: 0 0 5px 1px #aee15d;
    box-shadow: 0 0 5px 1px #aee15d;
}

.online-presence-item .handle {
    font-weight: 500;
    font-size: 15px;
    line-height: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.online-presences-setup .online-presence-item .handle {
    width: 300px;
}

.online-presence-item .handle-id {
    position: relative;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 15px;
    overflow: hidden;
    color: var(--be-colour-text-dark)
}

.online-presence-item i.facebook,
.online-presence-item i.telegram {
    margin-left: -4px;
}

.online-presence-item .with-selector .avatar {
    margin-left: 24px;
}

.online-presence-item td.handle-and-avatar {
    padding-top: 6px;
}

.online-presence-item .handle-and-avatar a {
    color: #eee;
}

.online-presence-item .handle-and-avatar a:hover {
    color: #aee15d;
}

.online-presence-item .edit {
    cursor: pointer;
}

.online-presence-item td.edit:hover {
    color: #aee15d;
}

.online-presence-item .authorize-field {
    text-align: center;
}


.online-presence-item a.authorize {
    color: inherit;
}

.online-presence-item a.authorize:hover {
    color: #aee15d;
}

.online-presence-item .deleted,
.online-presence-item .deleted .handle-id {
    text-decoration: line-through;
}

.online-presence-item .stats {
    text-align: right;
}

.online-presence-item .following {
    font-size: 12px;
    line-height: 18px;
    color: #ccc;
}

.online-presence-item .selected-icon {
    position: absolute;
    left: 4px;
    top: 11px;
    cursor: pointer;
    color: #7cb324;
}

.online-presence-item .selectable-area {
    cursor: pointer;
}

.online-presence-item .selected-icon-off,
.online-presence-item .selected-icon-on {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 20px;
    line-height: 26px;
}

.online-presence-item .selected-icon:hover,
.online-presence-item .selected-icon:hover .selected-icon-off {
    color: #aee15d;
}

.online-presence-item .selected-icon-on {
    display: none;
}

.online-presence-item.selected .selected-icon-on {
    display: block;
}

.online-presence-item .selected-icon-off {
    color: #888;
}

.online-presence-item .brands .brand {
    padding-left: 20px;
    position: relative;
    line-height: 18px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.online-presence-item .brands .brand .icon-dot {
    position: absolute;
    left: 0;
}

.online-presence-item .brands .brand .delim {
    color: #ccc;
}

.online-presence-item .extra-brands .brand { display: none; }
.online-presence-item .extra-brands.expanded .brand { display: block; }

.online-presence-item .extra-brands .toggle {
    cursor: pointer;
}

.online-presence-item .extra-brands .minus { display: none }
.online-presence-item .extra-brands.expanded .plus { display: none }
.online-presence-item .extra-brands.expanded .minus { display: inline-block }

.online-presence-item .tag-name {
    background-color: var(--colour-background-black);
}

.online-presence-list {
    opacity: 1.0;
    -webkit-transition: opacity linear 0.1s;
    -moz-transition: opacity linear 0.1s;
    -o-transition: opacity linear 0.1s;
    transition: opacity linear 0.1s;
}

.online-presence-list-loading {
    opacity: 0.6;
}

.online-presence-list .busy {
    margin-top: 10px;
}

.online-presence-list .add-buttons {
    margin-bottom: 15px;
}

.online-presence-list .add-buttons .btn {
    min-height: 64px;
    min-width: 55px;
    padding-top: 5px;
}

.online-presence-list .add-buttons .btn i {
    font-size: 16px;
}

.online-presence-list thead td {
    vertical-align: bottom;
}

.online-presence-list thead .edit {
    width: 26px;
}

.online-presence-list thead .authorise-head {
    width: 90px;
}

.online-presence-list td.brands {
    width: 42%;
}

.online-presence-list thead td.stats {
    width: 85px;
    text-align: right;
    padding-right: 10px;
}

div.online-presence-table {
    background: #1a1a1a;
    padding-top: 1px;
}

.online-presence-list a.action:hover {
    cursor: pointer;
    font-weight: bold;
}

.online-presence-list .fb-login-btn {
    font-size: 18px;
    background: #4267B2;
    padding: 4px 10px 4px 4px;
    border-radius: 3px;
    color: #fff;
    text-decoration: none;
    display: inline-block;
    width: 190px;
    margin-bottom: 10px;
}

.online-presence-list a.fb-login-btn:hover {
    cursor: pointer;
    border-style: solid;
    border-width: 1px;
}

.online-presence-list .toggle:hover {
    color: var(--be-colour-text-dark__hover);
    cursor: pointer;
}

.online-presence-list .profile-types .checkbox {
    margin: 0;
}

.online-presence-list .checkbox-group {
    display: inline-block;
    min-width: 90px;
}

.fb-user-login-btn {
    background: #4267B2;
    padding: 2px 11px 2px 8px;
    border-radius: 3px;
    color: #fff;
    min-height: 21px;
    display: inline-block;
    text-align: center;
}

.fb-user-login-btn:hover {
    cursor: pointer;
    background: #4267B2;
    filter: brightness(1.2);
    color: #fff;
}

.unexpected-fb-data__user {
    margin: 20px 0;
    display: flex;
    align-items: center;
    column-gap: 10px;
}

.unexpected-fb-data__user img {
    border-radius: 4px;
    size: 30px;
}

.unexpected-fb-data__unauthorised-page-list {
    max-height: 350px;
    overflow-y: auto;
    border: 1px solid #1a1a1a;
    margin: 20px 0;
    max-width: 600px;
}

.unexpected-fb-data__unauthorised-page-container {
    display: flex;
    background: #333;
    align-items: center;
    border-bottom: 1px solid #1a1a1a;
}

.unexpected-fb-data__unauthorised-page-container:last-of-type {
    border: 0;
}

.unexpected-fb-data__unauthorised-page {
    display: flex;
    align-items: center;
    column-gap: 10px;
    padding-left: 10px;
    margin-right: 20px;
}

.profile-text {
    max-width: 100px;
}

.connected-profile {
    margin-left: 20px;
}

.unexpected-fb-data__unauthorised-page img {
    border-radius: 4px;
    width: 50px;
    height: 50px;
}

.unexpected-fb-data__unauthorised-page h5 {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    cursor: default;
}

.unexpected-fb-data__important-note {
    background: #222222;
    padding: 10px;
    border-radius: 6px;
    margin-bottom: 20px;
}

.unexpected-fb-data__missing-permissions {
    margin-top: 20px;
    margin-bottom: 20px;
    list-style: circle;
}

.unexpected-fb-data__missing-permissions li p {
    font-size: 0.9em;
    color: #999;
}


.unexpected-fb-data__important-note ul {
    margin-top: 20px;
    margin-bottom: 20px;
}

.unexpected-fb-data__important-note h2 {
    margin: 0;
    padding: 0;
}

.unexpected-fb-data__btn-bar {
    margin-top: 20px;
    float: right;
}

.unexpected-fb-data__disabled-btn {
    pointer-events: none;
    background: #747474;
    color: #bbbbbb;
}
.search-job-chart path.line {
    stroke-width: 1;
    fill: none;
    vector-effect: non-scaling-stroke;
}

.search-job-chart .axis path,
.search-job-chart .axis line {
    fill: none;
    stroke: grey;
    stroke-width: 1;
    shape-rendering: crispEdges;
}

.search-job-chart .tick line {
    opacity: 0.2;
}

.search-job-chart .x.axis .tick line {
    opacity: 1;
}

.search-job-chart .tooltip-hover-layer {
    shape-rendering: crispEdges;
}

#chart-container .chart {
    width: 100%;
    height: 520px;
}

.search-job-chart .title {
    min-height: 36px;
    border-bottom: 1px solid #d7d7d7;
}

.search-job-chart .title,
.search-job-chart .chart-menu a {
    color: #666;
}

.search-job-chart .title i {
    color: #888;
}

#chart-container {
    background: #f8f8f8 url('img/chart-background.png');
}

.search-job-chart h5 {
    margin: 0 0 0 12px;
    line-height: 36px;
}

.search-job-chart a {
    color: #608c1b;
}

.search-job-chart a:hover {
    cursor: pointer;
}

.search-job-chart .progress-bar {
    width: 0;
    height: 4px;
    max-width: 100%;
    background: #5473BD;
}

.search-job-chart .chart-legend {
    min-height: 20px;
    padding: 0 40px 20px 70px;
    color: #000;
}

.search-job-chart .marker {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px 0 0;
    border-radius: 2px;
}

.search-job-chart .legend-entry {
    margin: 0 20px 0 0;
    display: inline-block;
}

.search-job-chart .legend-entry.hide {
    color: #717171;
}

.search-job-chart .line.hide {
    opacity: 0;
}

.search-job-chart .legend-entry.active:hover {
    cursor: pointer;
}

.search-job-chart .legend-entry .remove-line {
    margin: 0;
    visibility: hidden;
}

.search-job-chart .legend-entry:hover .remove-line {
    visibility: visible;
}

.search-job-chart .legend-label {
    position: inherit;
}

.search-job-chart .chart-background {
    fill: #fff;
}

.search-job-chart .chart-background {
    fill: #fff;
}

.search-job-chart .chart .chart-elements {
    visibility: hidden;
}

.search-job-chart .data-label {
    font-style: italic;
}

.search-job-chart .brush rect.extent {
    stroke: #fff;
    fill-opacity: .125;
    shape-rendering: crispEdges;
}

.search-job-chart .chart-menu {
    position: inherit;
    margin: 6px 6px 0 0;
    font-size: 16px;
}

.search-job-chart .chart-menu i:hover {
    cursor: pointer;
    color: #373737;
}

.search-job-chart .chart-menu i.active {
    color: #373737;
}

.search-job-chart .widget > .overlay {
    background: transparent;
}

.search-job-chart .widget .loading-message h3 {
    padding-left: 0;
    padding-top: 4px;
    text-align: center;
}

.search-job-chart .spinner-light {
    visibility: hidden;
    vertical-align: middle;
    margin: 0 5px 0 0;
}

.search-job-chart  h5 {
    font-size: 16px;
}

.beef-tooltip .search-job-chart  h5 {
    margin: 0 0 0 0;
}

.beef-tooltip .search-job-chart {
    color: #c3c3c3;
}

.beef-tooltip .search-job-chart .number {
    color: #ffffff;
}

.search-job-chart i.warn {
    margin: 0 5px 0 0;
}

.search-job-chart .sample-layer {
    cursor: default;
}

.search-job-chart .sample-layer rect {
    shape-rendering: crispEdges;
}

.search-job td.phrase.editable:hover {
    cursor: pointer;
}

.search-job td.phrase:hover .tag {
    color: #AEE15D;
}

.search-job td.phrase:hover .tag-neg {
    color: #faedaf;
}

.search-job td span {
    cursor: pointer;
}

.search-job td span:hover {
    color: #AEE15D;
}

.search-job .phrases .tag {
    padding-right: 3px;
    margin-right: 4px;
    background-color: #1a1a1a;
}

.search-job .title .buttons {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -13px;
}

.search-setup-block {
    padding: 0;
}

.search-job-options > .filter > h6 {
    margin-bottom: 0;
    color: #eee;
}

.search-job-options p {
    color: #999;
}

.search-job .head.edit-search-job h1:hover,
.search-job-options.edit-search-job > h4:hover,
.search-job-options.edit-search-job > p:hover {
    color: #AEE15D;
    cursor: pointer;
}

.search-job .button-region {
    margin: 0 0 46px 0;
}

.search-job .button-region p {
    margin-top: 10px;
}

.search-job .mention-item {
    word-wrap: break-word;
}

.search-job .mention-item .content {
    overflow: hidden;
    cursor: default;
}

.search-job .mention-item {
    margin: 10px 20px 10px 0;
}

.search-job .beef-pager-fixed {
    padding-left: 20px;
    z-index: 1;
}

.historical-search-overview td.narrow {
    width: 70px;
}

.historical-search-overview td.published {
    width: 100px;
}

.historical-search-overview div.search-setup-block {
    padding-bottom: 20px;
}

.historical-search-overview td.name:hover {
    cursor: pointer;
}

.historical-search-overview td.name.selected {
    color: #AEE15D;
}

.setup-popup .page {
    height: 350px;
    width: 486px;
    overflow-y: auto;
}

.setup-popup .text.selected {
    color: rgb(238, 238, 238);
}

.setup-popup .controls .root-brand {
    width: 486px;
}

.setup-popup .spinner {
    vertical-align: middle;
    margin: 0 5px 0 0;
}

.setup-popup .phrases .tag {
    padding-right: 3px;
    margin-right: 4px;
    background-color: #1a1a1a;
}

.setup-popup td.phrase:hover .tag {
    color: #aee15d;
}
.setup-popup td.phrase:hover .tag-neg {
    color: #faedaf;
}

.setup-popup .filter-warning {
    color: #999;
    font-style: italic;
}

.setup-popup .reset:hover {
    color: #aee15d;
}

.setup-popup .phrase-region {
    margin: 10px 0 0 0;
}

.setup-popup .brand-dropdown li span {
    padding: 3px 20px 3px 24px;
}

.add-search-job {
    visibility: hidden;
}

.historical-search.dialog {
    width: 480px;
}

.list-of-icons .entry {
    display: inline-block;
    width: 50px;
    text-align: center;
    /*background-color: #1a1a1a;*/
    margin: 2px 2px 4px;
    padding-top: 4px;
    padding-bottom: 2px;
    /*color: rgb(68, 68, 68);*/
    /*background-color: #fff;*/
}

.list-of-icons .entry div {
    color: #ccc;
}
.response-sankey {
}


.response-sankey .node,
.response-sankey .link {
    transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}

.response-sankey .node rect {
    stroke: #ccc;
    fill: #eee;
    cursor: pointer;
    transition: 0.15s cubic-bezier(0.25, 0.8, 0.5, 1);
}

.response-sankey .from-engage .node rect {
    cursor: default;
}

.response-sankey .node rect:hover {
    stroke-opacity: 1.0 !important;
    fill-opacity: 0.5 !important;
}

.response-sankey .node text {
    pointer-events: none;
}

.response-sankey .node.closed rect,
.response-sankey .node.resolved rect,
.response-sankey .node.responded rect,
.response-sankey .node.escalation rect,
.response-sankey .node.engaged rect,
.response-sankey .node.respondedTo rect {
    stroke: #4aa3bd;
    stroke-opacity: 1.0;
    fill: #4aa3bd;
    fill-opacity: 1.0;
}

.response-sankey .node.needsResponse rect {
    stroke: #bbb;
    fill: #ddd;
}

.response-sankey .node.risk rect {
    fill: var(--be-colour-tag-risk);
    stroke: var(--be-colour-tag-risk);
    fill-opacity: 1.0;
}

.response-sankey .node.purchase rect {
    fill: var(--be-colour-tag-purchase);
    stroke: var(--be-colour-tag-purchase);
    fill-opacity: 1.0;
}

.response-sankey .node.cancel rect {
    fill: var(--be-colour-tag-cancel);
    stroke: var(--be-colour-tag-cancel);
    fill-opacity: 1.0;
}

.response-sankey .node.service rect {
    fill: var(--be-colour-tag-service);
    stroke: var(--be-colour-tag-service);
    fill-opacity: 1.0;
}

.response-sankey .node.notRespondedTo rect {
    stroke: #cd858d;
    stroke-opacity: 1.0;
    fill: #cd858d;
    fill-opacity: 1.0;
}

.response-sankey .link {
    fill: none;
    stroke: #ccc;
    stroke-opacity: .2;
    cursor: pointer;
}

.response-sankey .from-engage .link {
    cursor: default;
}

.response-sankey .link:hover {
    stroke-opacity: .5;
}

.response-sankey .link.engaged,
.response-sankey .link.replied,
.response-sankey .link.pending,
.response-sankey .link.details,
.response-sankey .link.direct.needsResponse,
.response-sankey .link.indirect.needsResponse {
    stroke: #888;
}

.response-sankey .link.risk {
    stroke: var(--be-colour-tag-risk-lighter);
}

.response-sankey .link.purchase {
    stroke: var(--be-colour-tag-purchase-lighter);
}

.response-sankey .link.cancel {
    stroke: var(--be-colour-tag-cancel-lighter);
}

.response-sankey .link.service {
    stroke: var(--be-colour-tag-service-lighter);
}

.response-table {
    padding: 0 4px;
}

.response-table table.data {
    background: none;
    color: #666;
    margin-left: auto;
    margin-right: auto;
}

.response-table tr.spacer td {
    padding-top: 16px;
}

.response-table tbody:first-child tr.spacer td {
    padding-top: 5px;
}

.response-table tr.header th {
    text-align: left;
    font-size: 14px;
}

.response-table tr.data td {
    position: relative;
    font-size: 12px;
    line-height: 18px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.response-table td.header {
    text-align: left;
    padding: 0 20px 0 0;
}

.response-table td.data {
    padding-left: 0;
    padding-right: 5px;
}

.response-table th.col1,
.response-table td.col1 {
    padding-left: 20px;
    padding-right: 20px;
}

.response-table .header th.col0,
.response-table td.data {
    cursor: pointer;
    transition: background-color 0.15s cubic-bezier(0.25, 0.8, 0.5, 1);
}

.response-table .header th.col0:hover,
.response-table td.data:hover {
    background-color: #f8f8f8;
}

.response-table td.data:hover .inner {
    opacity: 0.5;
}

.response-table .wrap {
    display: flex;
    align-items: center;
}

.response-table .value {
    color: #333;
    padding-right: 6px;
    min-width: 30px;
    text-align: right;
}

.response-table .outer {
    position: relative;
}

.response-table .bar {
    background-color: #eee;
    transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
    position: relative;
    top: -1px;
}

.response-table .inner {
    height: 18px;
    opacity: 0.8;
    transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}

.response-table .day-marker,
.response-table .day-marker-text,
.response-table .bar-label {
    font-size: 10px;
    position: absolute;
    color: #888;
}

.response-table .bar-label.left {
    left: 36px;
}

.response-table .bar-label.right {
    right: 0;
}

.response-table .day-marker {
    border-left: 1px solid rgba(0,0,0,0.5);
    z-index: 1;
    top: -3px;
}

.response-table .risk .inner {
    background: var(--be-colour-tag-risk);
}

.response-table .purchase .inner {
    background: var(--be-colour-tag-purchase);
}

.response-table .cancel .inner {
    background: var(--be-colour-tag-cancel);
}

.response-table .service .inner {
    background: var(--be-colour-tag-service);
}

.response-table td.col1 .bar {
    background-color: #cd858d;
}

.response-table td.col1 .inner {
    background: #4aa3bd;
    border-right: 1px solid #fff;
}

.response-table td.col2 .inner {
    background: #9c0d1e;
}

.response-table-settings .checkboxes label {
    margin-bottom: 8px;
}
.venn {
}

.venn .venn-circle {
    --fill-colour: white;
    fill: var(--fill-colour);
    cursor: pointer;
    transition-property: filter, stroke-width, fill;
    transition-duration: var(--transition-duration);
    stroke-width: 0;
}

.email .venn .venn-circle {
    transition: none;
}

.venn .venn-circle:hover {
    --transition-duration: 100ms;
    --stroke-colour: white;
    --drop-colour: rgba(0, 0, 0, 0.4);
    filter: drop-shadow( 3px 3px 2px var(--drop-colour));
    stroke-width: 3px;
}

@media screen and (prefers-reduced-motion: reduce) {
    .venn .venn-circle:hover {
        --transition-duration: 1ms; /* takes it immediately to the ending position */
    }
}

.email .venn .venn-circle:hover {
    transition: none;
}

.venn .venn-circle[data-venn-sets="Risk"] {
    --fill-colour: var(--be-colour-tag-risk);
    --stroke-colour: hsla(var(--be-colour-tag-risk-hs), 30%, 1);
}

.venn .venn-circle[data-venn-sets="Risk"]:hover {
    --fill-colour: hsla(var(--be-colour-tag-risk-hs), 35%, 1);
}

.venn .venn-circle[data-venn-sets="Purchase"] {
    --fill-colour: var(--be-colour-tag-purchase);
    --stroke-colour: hsla(var(--be-colour-tag-purchase-hs), 40%, 1);
}

.venn .venn-circle[data-venn-sets="Purchase"]:hover {
    --fill-colour: hsla(var(--be-colour-tag-purchase-hs), 45%, 1);
}

.venn .venn-circle[data-venn-sets="Cancel"] {
    --fill-colour: var(--be-colour-tag-cancel);
    --stroke-colour: hsla(var(--be-colour-tag-cancel-hs), 30%, 1);
}

.venn .venn-circle[data-venn-sets="Cancel"]:hover {
    --fill-colour: hsla(var(--be-colour-tag-cancel-hs), 35%, 1);
}

.venn .venn-circle[data-venn-sets="Service"] {
    --fill-colour: var(--be-colour-tag-service);
    --stroke-colour: hsla(var(--be-colour-tag-service-hs), 40%, 1);
}

.venn .venn-circle[data-venn-sets="Service"]:hover {
    --fill-colour: hsla(var(--be-colour-tag-service-hs), 45%, 1);
}

.venn text {
    fill: #fff;
    font-size: 13px;
    text-anchor: middle;
    pointer-events: none;
}