/*********************
BASE
*********************/
.ng-cloak {
    display: none;
}
/*********************
CLEARFIXIN'
*********************/
.clearfix, header {
    zoom: 1; }
.clearfix:before, header:before, .clearfix:after, header:after {
    content: "";
    display: table; }
.clearfix:after, header:after {
    clear: both; }

/*********************
TOOLS
*********************/
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

.image-replacement {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden; }

body.noscroll {
    position: fixed;
    overflow-y: scroll;
}

body.navbar_noscroll {
    overflow: hidden;
}

/*********************
COLORS
Need help w/ choosing your colors? Try this site out:
http://0to255.com/
*********************/
/*
Here's a great tutorial on how to
use color variables properly:
http://sachagreif.com/sass-color-variables/
*/
/*********************
TYPOGRAPHY
*********************/
/*  To embed your own fonts, use this syntax
  and place your fonts inside the
  library/fonts folder. For more information
  on embedding fonts, go to:
  http://www.fontsquirrel.com/
  Be sure to remove the comment brackets.
*/
/*  @font-face {
      font-family: 'Font Name';
      src: url('library/fonts/font-name.eot');
      src: url('library/fonts/font-name.eot?#iefix') format('embedded-opentype'),
             url('library/fonts/font-name.woff') format('woff'),
             url('library/fonts/font-name.ttf') format('truetype'),
             url('library/fonts/font-name.svg#font-name') format('svg');
      font-weight: normal;
      font-style: normal;
  }
*/
/*
use the best ampersand
http://simplebits.com/notebook/2008/08/14/ampersands-2/
*/
span.amp {
    font-family: Baskerville,'Goudy Old Style',Palatino,'Book Antiqua',serif !important;
    font-style: italic; }

.text-left {
    text-align: left; }

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

.text-right {
    text-align: right; }

.float-left {
    float: left !important; }

.float-right {
    float: right !important; }

.center {
    text-align: center;
    margin: auto;
}
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/*
 * Corrects `block` display not defined in IE6/7/8/9 & FF3.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section,
summary {
    display: block; }

/*
 * Corrects `inline-block` display not defined in IE6/7/8/9 & FF3.
 */
audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1; }

/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS5 devices.
 */
audio:not([controls]) {
    display: none;
    height: 0; }

/*
 * Addresses styling for `hidden` attribute not present in IE7/8/9, FF3, S4.
 * Known issue: no IE6 support.
 */
[hidden] {
    display: none; }

/* ==========================================================================
   Base
   ========================================================================== */
/*
 * 1. Corrects text resizing oddly in IE6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
    font-size: 100%;
    /* 1 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
    -ms-text-size-adjust: 100%;
    /* 2 */ }

/*
 * Addresses `font-family` inconsistency between `textarea` and other form
 * elements.
 */
html,
button,
input,
select,
textarea {
    font-family: sans-serif; }

/*
 * Addresses margins handled incorrectly in IE6/7.
 */
body {
    margin: 0;
    font-family: sans-serif;
}

/* ==========================================================================
   Links
   ========================================================================== */
/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
    outline: thin dotted; }

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 * people.opera.com/patrickl/experiments/keyboard/test
 */
a:active,
a:hover {
    outline: 0; }

/* ==========================================================================
   Typography
   ========================================================================== */
/*
 * Addresses font sizes and margins set differently in IE6/7.
 * Addresses font sizes within `section` and `article` in FF4+, Chrome, S5.
 */
h1 {
    font-size: 2em;
    margin: 0.67em 0; }

h2 {
    font-size: 1.5em;
    margin: 0.83em 0; }

h3 {
    font-size: 1.17em;
    margin: 1em 0; }

h4 {
    font-size: 1em;
    margin: 1.33em 0; }

h5 {
    font-size: 0.83em;
    margin: 1.67em 0; }

h6 {
    font-size: 0.75em;
    margin: 2.33em 0; }

/*
 * Addresses styling not present in IE7/8/9, S5, Chrome.
 */
abbr[title] {
    border-bottom: 1px dotted; }

/*
 * Addresses style set to `bolder` in FF3+, S4/5, Chrome.
 */
b,
strong {
    font-weight: bold; }
.nobr br {
    display: none; }
blockquote {
    margin: 1em 40px; }

/*
 * Addresses styling not present in S5, Chrome.
 */
dfn {
    font-style: italic; }

/*
 * Addresses styling not present in IE6/7/8/9.
 */
mark {
    background: #ff0;
    color: #000; }

/*
 * Addresses margins set differently in IE6/7.
 */
p,
pre {
    margin: 1em 0; }

/*
 * Corrects font family set oddly in IE6, S4/5, Chrome.
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
 */
code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em; }

/*
 * Improves readability of pre-formatted text in all browsers.
 */
pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word; }

/*
 * Addresses CSS quotes not supported in IE6/7.
 */
q {
    quotes: none; }

/*
 * Addresses `quotes` property not supported in S4.
 */
q:before,
q:after {
    content: '';
    content: none; }

small {
    font-size: 75%; }

/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 * gist.github.com/413930
 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline; }

sup {
    top: -0.5em; }

sub {
    bottom: -0.25em; }

/* ==========================================================================
   Lists
   ========================================================================== */
/*
 * Addresses margins set differently in IE6/7.
 */
dl,
menu,
ol,
ul {
    margin: 1em 0; }

dd {
    margin: 0 0 0 40px; }

/*
 * Addresses paddings set differently in IE6/7.
 */
menu,
ol,
ul {
    padding: 0 0 0 40px; }

/*
 * Corrects list images handled incorrectly in IE7.
 */
nav ul,
nav ol {
    list-style: none;
    list-style-image: none; }

/* ==========================================================================
   Embedded content
   ========================================================================== */
/*
 * 1. Removes border when inside `a` element in IE6/7/8/9, FF3.
 * 2. Improves image quality when scaled in IE7.
 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */
img {
    border: 0;
    /* 1 */
    -ms-interpolation-mode: bicubic;
    /* 2 */ }

/*
 * Corrects overflow displayed oddly in IE9.
 */
svg:not(:root) {
    overflow: hidden; }

/* ==========================================================================
   Figures
   ========================================================================== */
/*
 * Addresses margin not present in IE6/7/8/9, S5, O11.
 */
figure {
    margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */
/*
 * Corrects margin displayed oddly in IE6/7.
 */
form {
    margin: 0; }

/*
 * Define consistent border, margin, and padding.
 */
fieldset {
    border: 1px solid #999999;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em; }

/*
 * 1. Corrects color not being inherited in IE6/7/8/9.
 * 2. Corrects text not wrapping in FF3.
 * 3. Corrects alignment displayed oddly in IE6/7.
 */
legend {
    border: 0;
    /* 1 */
    padding: 0;
    white-space: normal;
    /* 2 */
    *margin-left: -7px;
    /* 3 */ }

/*
 * 1. Corrects font size not being inherited in all browsers.
 * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome.
 * 3. Improves appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
    font-size: 100%;
    /* 1 */
    margin: 0;
    /* 2 */
    vertical-align: baseline;
    /* 3 */
    *vertical-align: middle;
    /* 3 */ }

/*
 * Addresses FF3/4 setting `line-height` on `input` using `!important` in the
 * UA stylesheet.
 */
button,
input {
    line-height: normal; }

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Removes inner spacing in IE7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    /* 2 */
    cursor: pointer;
    /* 3 */
    *overflow: visible;
    /* 4 */ }

/*
 * Re-set default cursor for disabled elements.
 */
button[disabled],
input[disabled] {
    cursor: default !important;
}

/*
 * 1. Addresses box sizing set to content-box in IE8/9.
 * 2. Removes excess padding in IE8/9.
 * 3. Removes excess padding in IE7.
 *    Known issue: excess padding remains in IE6.
 */
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
    *height: 13px;
    /* 3 */
    *width: 13px;
    /* 3 */ }

/*
 * 1. Addresses `appearance` set to `searchfield` in S5, Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in S5, Chrome (include `-moz`
 *    to future-proof).
 */
input[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    /* 2 */
    box-sizing: content-box; }

/*
 * Removes inner padding and search cancel button in S5, Chrome on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none; }

/*
 * Removes inner padding and border in FF3+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0; }

/*
 * 1. Removes default vertical scrollbar in IE6/7/8/9.
 * 2. Improves readability and alignment in all browsers.
 */
textarea {
    overflow: auto;
    /* 1 */
    vertical-align: top;
    /* 2 */ }

/* ==========================================================================
   Tables
   ========================================================================== */
/*
 * Remove most spacing between table cells.
 */
table {
    border-collapse: collapse;
    border-spacing: 0; }

/******************************************************************
CUSTOMIZED RESET VALUES
I added these extra styles as a more personalized reset. Feel free
to remove them if you like or add your own. If you want to update
the normalize styles, make sure to edit from this point up.
******************************************************************/
p {
    -webkit-hyphens: auto;
    -epub-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto; }

b, strong, .strong {
    font-weight: bold; }

dfn, em, .em {
    font-style: italic; }

small, .small {
    font-size: 75%; }

ul, ol {
    padding: 0;
    list-style-type: none; }

dd {
    margin: 0; }

.sidebar ul,
.sidebar ol,
.commentlist {
    list-style: none; }

/*********************
TYPOGRAPHY
*********************/
/******************************************************************
H1, H2, H3, H4, H5 STYLES
******************************************************************/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
    font-family: "Open Sans", sans-serif;
    text-rendering: optimizelegibility;
    font-weight: 500;
    /*
  if you're going to use webfonts, be sure to check your weights
  http://css-tricks.com/watch-your-font-weight/
  */
    /* removing text decoration from all headline links */ }
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
    text-decoration: none; }

h3, .h3 {
    font-size:  16px;
    font-size:  1rem;
    margin:  8px;
    margin:  0.5rem;
    color: #2b2b2b;
    font-weight: 600;
    text-transform: capitalize; }

h4, .h4 {
    font-size:  18.4px;
    font-size:  1.15rem;
    margin:  8px 8px 8px 0;
    margin:  0.5rem 0.5rem 0.5rem 0;
    color: #2b2b2b;
    font-weight: 600; }

.with-subhead {
    margin-bottom: 0;
}

label:hover {
    cursor: pointer;
}

.inline-header {
    display: none;
    vertical-align: middle; }
@media (min-width: 64em) { /* 1024px */
    .inline-header {
        display: inline-block;
        float: left;
        font-size: 13px;
        font-weight: bolder;
        margin-top: 0.6rem;} }

.single-post__timestamp {
    font-size:  18.4px;
    font-size:  1.15rem;
    margin-top:  6.4px;
    margin-top:  0.4rem;
    margin-bottom:  6.4px;
    margin-bottom:  0.4rem;
    margin-right:  6.4px;
    margin-right:  0.4rem;
    display: inline-block;
    float: left;
    font-weight: 700; }
@media (min-width: 64em) { /* 1024px */
    .single-post__timestamp {
        margin-bottom:  0;
        margin-bottom:  0;
        margin-right:  0;
        margin-right:  0; } }

.keyword {
    color: #599FEE !important;
    font-weight: 700;
    font-style: normal !important;
    text-decoration: none;
}
.keyword.emoji {
    background-color: #D0D6FF;
    text-decoration: none;
}

.pre-link .keyword.emoji {
    padding: 3px 0;
}

.geo_keyword {
    color: #49A278 !important;
    font-weight: 700;
    font-style: normal !important;
    text-decoration: none;
}
.geo_keyword.emoji {
    background-color: #B4DAC8;
    text-decoration: none;
}

.search_term {
    background-color: yellow;
    font-style: normal !important;
    text-decoration: none;
}

.entry-highlight {
    padding:  0.1rem;
    margin-bottom:  12px;
    margin-bottom:  0.75rem;
    color: #2b2b2b;
    background: #68a9d2;
    border-radius: 3px;
    display: block;
    color: white;
    width: 100%; }
.entry-highlight h3 {
    color: white;
    font-weight: 500; }

p.text--small {
    font-size:  14.4px;
    font-size:  0.7rem;
    margin-top:  12.8px;
    margin-top:  0.8rem;
    margin-bottom: 0; }

.onecol {
    width: 5.801104972%; }

/* 4.85%;  } /* grid_1  */
.twocol {
    width: 14.364640883%; }

/* 13.45%; } /* grid_2  */
.threecol {
    width: 22.928176794%; }

/* 22.05%; } /* grid_3  */
.fourcol {
    width: 31.491712705%; }

/* 30.75%; } /* grid_4  */
.fivecol {
    width: 40.055248616%; }

/* 39.45%; } /* grid_5  */
.sixcol {
    width: 48.618784527%; }

/* 48%;    } /* grid_6  */
.sevencol {
    width: 57.182320438000005%; }

/* 56.75%; } /* grid_7  */
.eightcol {
    width: 65.74585634900001%; }

/* 65.4%;  } /* grid_8  */
.ninecol {
    width: 74.30939226%; }

/* 74.05%; } /* grid_9  */
.tencol {
    width: 82.87292817100001%; }

/* 82.7%;  } /* grid_10 */
.elevencol {
    width: 91.436464082%; }

/* 91.35%; } /* grid_11 */
.twelvecol {
    width: 99.999999993%; }

/* 100%;   } /* grid_12 */
.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol, .twelvecol {
    position: relative;
    float: left;
    margin-left: 2.762430939%; }

.first {
    margin-left: 0; }

.last {
    float: right; }
/*********************
LAYOUT
*********************/
body {
    background: #f3f3f4;
    color: #282729;
    font-family: "Open Sans", sans-serif;
    font-size: 100%;
    line-height: 1.5; }
header {
    z-index: 200;
}
.header__wrap {
    /*width: 100%;*/
    /*max-width: 980px;*/
    padding: 0 20px;
    margin: 0 auto;
}
@media (min-width: 64em) { /* 1024px */
    .header__wrap {
        width: 100%; } }

.wrap {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: box; }
@media (min-width: 48em) { /* 768px */
    .wrap {
        width: 100%; } }

.right-bar-slide, .left-bar {
    padding:  12px;
    padding:  0.75rem 0 0;
    width:  92.8px;
    width:  8.4rem;
    background: #243645; }
@media (min-width: 64em) { /* 1024px */
    .left-bar {
        text-indent: 0;
        white-space: nowrap;
        overflow: hidden; }
    .left-bar #full-left__inside span {
        white-space: normal;
    }
}

.left-bar {
    width: 140px;
    width:10rem;
}

.left-bar a span, #header__account-info a span, #start-menu-items a span {
    text-align: center; }

.left-bar #full-left__inside a span {
    text-align: left;
    display: inline-block;
    width: 97px;
}

.main-content {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    display: flex;
    display: -webkit-flex;
}

.main-content-centered {
    text-align: -webkit-center;
}

.centre-content {
    /*-webkit-box-flex: 1;*/
    /*margin: auto;*/
    width: 100%;
}

.main-content__sub-nav {
    padding: 10px 20px;
    background: white;
    display: block;
    -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); }

.main-content__unsub-nav {
    padding: 10px 20px;
    background: #000;
    display: block;
    -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); }

.sub-nav__view-control, .sub-nav__tab-control {
    padding-left: 0;
}

.sub-nav__tab-control {
    margin-left: 20px; }

.sub-nav__view-control--right {
    float: right; }

.sub-nav__list-control {
    margin: 0 auto;
    text-align: center; }
.sub-nav__list-control .button, .sub-nav__list-control .nav__link {
    margin:  0 4px;
    margin:  0 0.25rem; }

#filter-by-header {
    margin-top: 0;
}

.social-media-icon {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.4;
    margin: 0 2px;
}

.selected-icon {
    -webkit-filter: grayscale(0%) !important;
    filter: grayscale(0%) !important;
    border-radius: 6px;
    opacity: 1 !important;
    margin: 0 2px !important;

}

.target-icon {
    border-radius: 6px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.4;
    margin: 0 2px;
}

.channel__filter {
    margin-right:  16px;
    margin-right:  1rem;
    float: left;
}
@media (min-width: 86em) { /* 1376px */
    .channel__filter {
        margin-top:  0;
        margin-top:  0;
        width: auto; } }
.channel__filter a, #channel__filter a, .channel__filter b  {
    display: inline-block;
    /*
    font-size: 18px;
    border-radius: 30px;
    line-height: 28px;
    margin-top: 6px;
    margin-right: 0;
    height: 30px;
    width: 30px;
    text-align: center;
    background: #ddd;
    font-weight: bold;
*/
}

#channel__filter a, .channel__filter b {
    padding: 0;
}

.extra-channels {
    background-color: #f9fafa;
    /*display: none;*/
    padding:  12px;
    padding:  0.75rem;
    margin-top:  12px;
    margin-top:  0.75rem;
    float: left;
    width: 100%;
    text-align: center; }
.extra-channels a {
    margin-left:  12px;
    margin-left:  0.75rem; }

.post-list {
    margin:  0 24px;
    margin:  0 1.5rem; }

.post-list .tiled {
    max-width: 530px;
    padding: 0 1em; }

.single-post__header,
.single-post__header--blue-grey,
.single-post__content,
.single-post__footer {
    padding:  12px;
    padding:  0.50rem 0.75rem;

    background-color: #fff;
    width: 100%; }

.single-post__header,
.single-post__header--blue-grey {
    border-radius: 0 0 0 0; }

.single-post__footer {
    border-top: 1px solid #f0f2f4;
}

.single-post__header--blue-grey {
    background: #243645 none repeat scroll 0 0;
    color: white; }
.single-post__header--blue-grey h3 {
    color: white; }

.single-post__content {
    background-color: white;
    border-radius: 0 0 0 0;
    border-top: 1px solid #e7eaec;
}

.single-post__content .panel {
    width: 48%;
    float: left;
    margin-right: 1em;
    text-align: justify;
    background-color: #efefef;
    border-radius: 5px;
    min-height: 125px;
    padding: 0.5em 0.5em 0 0.5em; }
.single-post__content .panel .button,
.single-post__content .panel .nav__link,
.single-post__content .panel .button:visited,
.single-post__content .panel .nav__link:visited {
    border-radius: 5px;
}
@media (max-width: 1070px) {
    .single-post__content .panel {
        width: 100%;
        margin-right: 0; } }

.single-post__middle-content {
    background-color: white;
    border-radius: 0;
    border-top: 1px solid #f0f2f4; }

.single-post__buttons {
    float: right; }
@media (min-width: 1249px) {
    .single-post__buttons {
        float: right; } }
@media (min-width: 86em) { /* 1376px */
    .single-post__buttons {
        float: right; } }

.single-post__profile-image {
    margin:  0 12px 0 0;
    margin:  0 0.75rem 0 0;
    height:  50px;
    height:  3.125rem;
    width:  50px;
    width:  3.125rem;
    float: left; }
.single-post__profile-image img {
    border-radius: 30px;
    margin: 5px;
    width: 76%;
    height: 76%; }

.single-post__profile-image--large {
    margin:  0 12px 0 0;
    margin:  0 0.75rem 0 0;
    height:  150px;
    height:  9.375rem;
    width:  150px;
    width:  9.375rem;
    text-align: center;
    float: left; }
.single-post__profile-image--large img {
    margin-bottom:  12px;
    margin-bottom:  0.75rem;
    border-radius: 8px;
    max-width:  150px;
    max-width:  9.375rem;
    max-height:  150px;
    max-height:  9.375rem;
    border-radius: 130px;
}
.profile-view .post-details .single-post__profile-image--large {
    height: auto;
    width: auto;
    max-height:  150px;
    max-height:  9.375rem;
    max-width:  150px;
    max-width:  9.375rem;
}

.profile-view .single-post__text {
    overflow: inherit;
    margin-left: 105px;
}

.profile-view .btn {
    font-size: 13px;
}

.post-details {
    margin-bottom:  12px;
    margin-top: 12px;
    margin-bottom:  0.75rem;
    float: left;
    min-height: 100px;
    width: 85%;
}

.post-details .post-media-container {
    display: inline-block;
}

@media (min-width: 86em) { /* 1376px */
    .post-details {
        width: 83%; padding-left: 15px;} }

.keyword__list--item {
    width: 100%; }
.keyword__list--item:first-of-type {
    margin-top:  0; }
.keyword__list--item:last-of-type {
    margin-bottom:  12px;
    margin-bottom:  0.75rem; }

.keyword__list--count {
    float: right;
    font-size: 12px;
    font-weight: bold; }

.map__container {
    position: relative;
    background: #FFFFFF;
}

.container--full-width {
    display: block;
    float: left;
    width: 100%; }

.container--half-width {
    display: block;
    float: left;
    margin-right: 2%;
    width: 100%; }
.container--half-width:last-of-type {
    margin-right: 0; }
@media (min-width: 64em) { /* 1024px */
    .container--half-width {
        width: 48%; } }

.container--quarter-width {
    padding-left:  12px;
    padding-left:  0.75rem;
    display: block;
    float: left;
    margin-right: 1%;
    width: 100%; }
.container--quarter-width:last-of-type {
    margin-right: 0; }
@media (min-width: 64em) { /* 1024px */
    .container--quarter-width {
        width: 24%; } }
.container--quarter-width h3 {
    margin-top:  1rem; }
.container--quarter-width .button, .container--quarter-width .nav__link {
    margin-top:  12px;
    margin-top:  0.75rem; }

.container--drawer {
    position: absolute;
    overflow-y: hidden;
    display: none;
    z-index: 2;
    right: -450px;
    width: 450px;
    margin-top: 70px;
}

.profile-photo {
    margin-right:  12px;
    border-radius: 10px;
    margin-right:  0.75rem; }

/*********************
MODAL WINDOWS
*********************/
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 10000;
    overflow: auto;
}

.overlay1 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 10001; }

.hidden {
    display: none !important;
}

.unhidden {
    display: block; }

.sortaHidden {
    position: absolute;
    left: -9999px;
}
.responsive-table{
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}
@media (max-width: 1024px) {
    .responsive-table{
        width: 100%;
        padding: 0 20px;
    }
}
/*********************
BUTTONS
*********************/
.button, .nav__link, .button:visited, .nav__link:visited {
    -webkit-transition: all 0.2s ease-in-out;
    -transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    background: #243645 none repeat scroll 0 0;
    color: #f9fafa;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    border-radius: 0;
    text-align: center; }
.button:not(.case-management-vendors-disabled):hover, .button:not(.case-management-vendors-disabled).focus, .nav__link:hover, .button:not(.case-management-vendors-disabled):focus, .nav__link:focus, .button:not(.case-management-vendors-disabled):visited:hover, .nav__link:visited:hover, .button:not(.case-management-vendors-disabled):visited:focus, .nav__link:visited:focus {
    color: white !important;
    background: #243645 !important;
    border-color: #243645 !important; }
.button:active, .nav__link:active, .button:visited:active, .nav__link:visited:active {
    background: #00415a;
    border-color: #002f41; }


.button-form {
    border: none;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    padding: 10px;
}

.button--large {
    padding:  9.2px 20px;
    padding:  0.3rem 0.6rem;
    font-size:  14px;
    font-size:  0.875rem; }
@media (min-width: 64em) { /* 1024px */
    .button--large {
        font-size:  14px;
        font-size:  0.875rem; } }


.button--med {
    padding:  6px 20px;
    padding:  0.3rem 0.60rem;
    font-size:  14px;
    font-size:  0.875rem; }
@media (min-width: 64em) { /* 1024px */
    .button--large {
        font-size:  14px;
        font-size:  0.875rem; }
}

.button--small {
    padding:  11.2px 0;
    padding:  0.7rem 0;
    font-size:  12px;
    font-size:  0.75rem;
    font-weight: 600;
    width: 100%; }

.button--square {
    margin-right:  11.2px;
    margin-right:  0.7rem;
    padding:  9.6px 0;
    padding:  0.6rem 0;
    width:  55.2px;
    width:  3.45rem;
    float: left; }

.button--fixed-150 {
    padding:  9.6px 0;
    padding:  0.6rem 0;
    width:  150px;
    width:  9.375rem; }

.left-bar__button {
    padding:  11.2px;
    padding:  0.7rem;
    font-size:  18.4px;
    font-size:  1.15rem;
    margin-bottom:  16px;
    margin-bottom:  1rem;
    width:  52px;
    width:  3.25rem;
    border: 0;
    color: #f9fafa;
    text-align: left; }
@media (min-width: 64em) { /* 1024px */
    .left-bar__button {
        width:  160px;
        width:  10rem; } }

@media (min-width: 64em) { /* 1024px */
    .button--post {
        margin-left:  4px;
        margin-left:  -0.1rem;
        margin-right:  0;
        margin-right:  0;
        width:  auto; } }
.button--channel {
    padding:  9.2px 20px;
    padding:  0.575rem 0.6rem;
    font-size:  14px;
    font-size:  0.875rem;
    margin-left:  0;
    margin-right:  0;
    font-weight: 400;
    float: left; }
@media (min-width: 64em) { /* 1024px */
    .button--channel {
        font-size:  14px;
        font-size:  0.875rem;
        margin-left:  0;
        margin-right:  10px; } }

.button--padding {
    padding-right: 25px !important;
    padding-left: 25px !important;
}

.left-bar a.current-state span,
.left-bar a.current-state span:visited,
.left-bar a.current-state span:hover,
.left-bar a.current-state span:focus {
    color: white;
}

.sub-nav__view-control .button, .sub-nav__view-control .nav__link,
.sub-nav__view-control--right .button,
.sub-nav__view-control--right .nav__link {
    margin-right:  12px;
    margin-right:  0.75rem;
    float: left; }

.button--free-floating {
    margin:  0 0 24px 24px;
    margin:  0 0 1.5rem 1.5rem; }

/*********************
LINKS
*********************/
a, a:visited {
    color: #243645;
    text-decoration: none !important;
    /* on hover */
    /* on click */
    /* mobile tap color */ }
a:hover, a:focus, a:visited:hover, a:visited:focus {
    color: #006a92; }
a:link, a:visited:link {
    /*
    this highlights links on iPhones/iPads.
    so it basically works like the :hover selector
    for mobile devices.
    */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); }

a.post-link {
    color: #555;
}

.pre-link {
    white-space: pre-wrap;       /* css-3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
    word-break: break-all;
    max-width: 1046px;
}

#post-view .pre-link {
    max-width: none;
    word-break: keep-all;
}

#post-dialog .pre-link {
    max-width: none;
}

#post-view .note-text {
    margin-top: 10px;
    font-weight: 700;
}

.post-link img {
    max-width: 300px;
    max-height: 300px;
}

.post-link .image-container {
    text-align: center;
}

.post-link > .single-post__video--overlay {
    top: 60px;
    left: 130px;
    width: 50px;
    height: 50px;
    z-index: 9999 !important;
    border-top-width: 25px;
    border-bottom-width: 25px;
    border-left-width: 45px;
}

.image-container .list_view_media {
    float: none !important;
}

.list_view_media {
    float: left;
    padding-right: 20px;
}

.list_view_media img{
    max-width: 100px;
    max-height: 100px;
}

.list_view_media .multiple-image-overlay {
    position: absolute;
    right: 6px;
    bottom: 5px;
    color: #FFF;
    text-shadow: 0 0 4px #000;
}

/****************
MORE ICONS
****************/

.iconred {
    color: #FF0000;
}

@font-face {
    font-family: "moreicons";
    src:url("../fonts/moreicons.eot");
    src:url("../fonts/moreicons.eot?#iefix") format("embedded-opentype"),
    url("../fonts/moreicons.woff") format("woff"),
    url("../fonts/moreicons.ttf") format("truetype"),
    url("../fonts/moreicons.svg#moreicons") format("svg");
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"]:before, [class*=" icon-"]:before,
[class^="icon-"]:after, [class*=" icon-"]:after {
    font-family: moreicons;
    font-size:  24px;
    font-size:  1.5rem;
    width:  36.8px;
    width:  2.3rem;
    color: #005474;
    display: inline-block;
    font-style: normal;
    text-align: center; }

[class^="bluemoreicon-"]:before, [class*=" bluemoreicon-"]:before,
[class^="bluemoreicon-"]:after, [class*=" bluemoreicon-"]:after {
    font-family: moreicons;
    font-size:  20px;
    font-size:  1.25rem;
    width:  28px;
    width:  1.75rem;
    color: #243645;
    display: inline-block;
    font-style: normal; }

[class^="navmoreicon-"]:before, [class*=" navmoreicon-"]:before,
[class^="navmoreicon-"]:after, [class*=" navmoreicon-"]:after {
    font-family: moreicons;
    font-size:  32px;
    font-size:  2rem;
    color: #edeff0;
    display: block;
    font-style: normal;
    margin: 0 auto;
    text-align: center; }

[class^="navredicon-"]:before, [class*=" navredicon-"]:before,
[class^="navredicon-"]:after, [class*=" navredicon-"]:after {
    font-family: moreicons;
    font-size:  32px;
    font-size:  2rem;
    color: #FF0000;
    display: block;
    font-style: normal;
    margin: 0 auto;
    text-align: center; }

[class^="redicon-"]:before, [class*=" redicon-"]:before,
[class^="redicon-"]:after, [class*=" redicon-"]:after {
    font-family: moreicons;
    font-size:  32px;
    font-size:  2rem;
    color: #FF0000;
    font-style: normal;
    margin: 0 auto;
    text-align: center; }

[class^="grayicon-"]:before, [class*=" grayicon-"]:before,
[class^="grayicon-"]:after, [class*=" grayicon-"]:after {
    font-family: moreicons;
    font-size:  32px;
    font-size:  2rem;
    color: #999999;
    font-style: normal;
    margin: 0 auto;
    text-align: center; }

[class^="sgrayicon-"]:before, [class*=" sgrayicon-"]:before,
[class^="sgrayicon-"]:after, [class*=" sgrayicon-"]:after {
    font-family: moreicons;
    font-size:  26px;
    font-size:  1.6rem;
    color: #999999;
    font-style: normal;
    margin: 0 auto;
    text-align: center; }

[data-icon]:before {
    font-family: "moreicons" !important;
    content: attr(data-icon);
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
    font-family: "moreicons" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


.icon-comments:before,
.bluemoreicon-comments:before,
.navmoreicon-comments:before {
    content: "a";
}

.icon-list:before,
.bluemoreicon-list:before,
.navmoreicon-list:before {
    content: "b";
}

.icon-mail:before,
.bluemoreicon-mail:before,
.navmoreicon-mail:before {
    content: "c";
}

.icon-flag:before,
.bluemoreicon-flag:before,
.redicon-flag:before,
.grayicon-flag:before,
.navmoreicon-flag:before,
.navredicon-flag:before {
    content: "d";
}

.icon-map:before,
.bluemoreicon-map:before,
.navmoreicon-map:before {
    content: "e";
}

.icon-trash:before,
.bluemoreicon-trash:before,
.navmoreicon-trash:before {
    content: "f";
}

.icon-help:before,
.bluemoreicon-help:before,
.navmoreicon-help:before {
    content: "g";
}

.icon-magnifying-glass:before,
.bluemoreicon-magnifying-glass:before,
.navmoreicon-magnifying-glass:before,
.sgrayicon-magnifying-glass:before {
    content: "h";
}

a.current-state [class^="navmoreicon-"]:before, a.current-state [class*=" navmoreicon-"]:before,
a.current-state [class^="navmoreicon-"]:after, a.current-state [class*=" navmoreicon-"]:after {
    color: white; }

a.current-state [class^="navredicon-"]:before, a.current-state [class*=" navredicon-"]:before,
a.current-state [class^="navredicon-"]:after, a.current-state [class*=" navredicon-"]:after {
    color: white; }

a:hover [class^="icon-"]:before, a:hover [class*=" icon-"]:before,
a:hover [class^="icon-"]:after, a:hover [class*=" icon-"]:after {
    color: #243645; }

/*********************
ICONS
*********************/
@font-face {
    font-family: "Flaticon";
    src: url("../fonts/flaticon.eot");
    src: url("../fonts/flaticon.eot#iefix") format("embedded-opentype"), url("../fonts/flaticon.woff") format("woff"), url("../fonts/flaticon.ttf") format("truetype"), url("../fonts/flaticon.svg") format("svg");
    font-weight: normal;
    font-style: normal; }
[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {
    font-family: Flaticon;
    font-size:  24px;
    font-size:  1.5rem;
    width:  36.8px;
    width:  2.3rem;
    color: #005474;
    display: inline-block;
    font-style: normal;
    text-align: center; }

[class^="blueicon-"]:before, [class*=" blueicon-"]:before,
[class^="blueicon-"]:after, [class*=" blueicon-"]:after {
    font-family: Flaticon;
    font-size:  20px;
    font-size:  1.25rem;
    width:  28px;
    width:  1.75rem;
    color: #243645;
    display: inline-block;
    font-style: normal; }

[class^="navicon-"]:before, [class*=" navicon-"]:before,
[class^="navicon-"]:after, [class*=" navicon-"]:after {
    font-family: Flaticon;
    font-size:  32px;
    font-size:  2rem;
    display: block;
    font-style: normal;
    margin: 0 auto;
    text-align: center; }

.flaticon-analytics5:before,
.blueicon-analytics5:before,
.navicon-analytics5:before {
    content: "\e000"; }

.flaticon-church2:before,
.blueicon-church2:before,
.navicon-church2:before {
    content: "\e001"; }

.flaticon-dashboard2:before,
.blueicon-dashboard2:before,
.navicon-dashboard2:before {
    content: "\e002"; }

.flaticon-documents7:before,
.blueicon-documents7:before,
.navicon-documents7:before {
    content: "\e003"; }

.flaticon-facebook12:before,
.blueicon-facebook12:before,
.navicon-facebook12:before {
    content: "\e004"; }

.flaticon-instagram3:before,
.blueicon-instagram3:before,
.navicon-instagram3:before {
    content: "\e005"; }

.flaticon-logo4:before,
.blueicon-logo4:before,
.navcon-logo4:before {
    content: "\e006"; }

.flaticon-settings21:before,
.blueicon-settings21:before,
.navicon-settings21:before {
    content: "\e007"; }

.flaticon-social19:before,
.blueicon-social19:before,
.navicon-social19:before {
    content: "\e008"; }

.flaticon-support2:before,
.blueicon-support2:before,
.navicon-support2:before {
    content: "\e009"; }

.flaticon-user82:before,
.blueicon-user82:before,
.navicon-user82:before {
    content: "\e00a"; }

.icon--large:before, .icon--large:after {
    font-size:  28px;
    font-size:  1.75rem;
    width:  40px;
    width:  2.5rem; }

a.current-state [class^="navicon-"]:before, a.current-state [class*=" navicon-"]:before,
a.current-state [class^="navicon-"]:after, a.current-state [class*=" navicon-"]:after {
    color: white; }

a:hover [class^="flaticon-"]:before, a:hover [class*=" flaticon-"]:before,
a:hover [class^="flaticon-"]:after, a:hover [class*=" flaticon-"]:after {
    color: #243645; }

.single-post__channel-icon {
    margin-right:  4px;
    margin-right:  0.25rem;
    margin-top:  -6.4px;
    margin-top:  -0.4rem;
    display: inline-block;
    float: left;
    text-align: center; }

.button--large i {
    display: inline-block; }
@media (min-width: 64em) { /* 1024px */
    .button--large i {
        display: inline; } }

.button.selected:not(.case-management-vendors-disabled) {
    color: white !important;
    background: #243645 !important;
    border-color: #243645 !important;
}

.button.case-management-vendors-disabled {
    color: #243645 !important;
    background-color: white !important;
    border: 1px solid #ddd !important;
}

.button.case-management-vendors-menu-disabled {
    color: #243645 !important;
    background-color: white !important;
}

/*********************
HEADER
*********************/
header {
    background-color: #243645;
    display: block;
    /*height: 50px;*/
    height: 40px;
    width: 100%;
    border-bottom: 1px solid #152431;
}

.logo__block {
    width: 7rem;
    /*padding-top: 10px;*/
    padding-top: 7px;
    max-height: 68px;
    float: left;
    /*margin-left: 20px;*/
}

.header__nav {
    float: left;
    z-index: 1000;
}

.nav__link {
    float: left;
    vertical-align: top; }

.header__user-profile {
    position: absolute;
    right: 0;
    padding: 0 11px;
    cursor: pointer;
}

.header__user-profile--image {
    width:  56px;
    margin: 0 0 0;
    width:  2.8rem;
    display: block;
    float: left;
}

.header__user-profile--image i {
    line-height: 1.1;
    color: #FFFFFF;
    font-size: 36px;
}

.header__user-profile--image.opener {
    width: inherit;
    margin-right: 0;
    margin-left: 15px;
}

.header__user-profile--image.opener i {
    font-size: 1.3em;
    margin-top: 14px;
    color: #EFEFEF;
}

.user-profile__details {
    display: block;
    margin: 5px 12px 12px 0;
    line-height: 0.5;
    float: left;
    color: #fff;
}

.user-profile__details--name {
    margin-top: 10px;
    font-size: 13px;
    font-size:  21.6px;
    font-size:  0.8rem; }

.user-profile__details--organisation {
    margin-top: 7px;
    line-height: 1.2;
    font-size:  16px;
    font-size:  0.65rem;
    font-weight: 300; }

.user-profile__details--readonly i {
    font-size: 15px;
    line-height: 0.5;
    margin-right: 7px;
}

#header__account-info {
    display: none;
    position: absolute;
    top: 50px;
    right: 0;
    width: 140px;
    width: 10rem;
    background: #243645;
}
#header__account-info :first-child {
    border-top: 0;
}
#header__account-info :last-child {
    border-bottom: 0;
}
.header__button--log-out {
    padding:  12.8px 24px;
    padding:  1.3rem 1.5rem;
    height: 30px;
    background: #000 !important;
    font-weight: bold;
    font-size: 13px;
    float: right;
}


/**************************************************************************
START OF PAGE LAYOUT
**************************************************************************/
.start-menu-header {
    display: inline-block;
    /*white-space: nowrap;
    line-break: unset;
    overflow: auto;*/
    width: 100%;
    height: 100%;
}
.start-menu-search-results {
    right: 0;
}
.start-bar-search {
    display:none;
    float: left !important;
    height: 28px !important;
    /*padding-top: 0px !important;*/
    right: 0;
}
.start-bar-search span {
    background-color: #FFF;
    /*border-color: #999999;
    display: initial !important;
    padding: 3px 2px 6px 5px !important;*/
}
.start-menu {
    float: right;
    padding: 0 0 0 10px;
    cursor: pointer;
}
#start-menu-close,
#start-menu-account-close {
    position: absolute;
    top: 10px;
    right: 15px;
}
.start-menu-blocks-container {
    display: inline-block;
    width: 98%;
    margin-left: 40px;
}
#start-menu-account-info .start-menu-blocks-container {
    display: block;
    width: auto;
    margin-left: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 0px !important;
    padding-bottom: 14px!important;
}
#start-menu-account-menu-options a {
    margin: 0px 14px 0px 14px !important;
}
.start-menu-footer {
    height: 50px;
    color: #FFFFFF;
    background: #EFEFEF;
    display: block;
    width: 100%;
    padding: 0px 40px;
    border-top: 1px solid #243645;
}
.start-menu-footer a {
    margin: 0px 10px;
    cursor: pointer;
    font-size: 13px;
}
.start-menu-footer a:last-child {
    margin-right: 0px;
}
.start-menu-footer-links {
    padding-top: 10px;
    float: right;
}
.start-menu-image, .start-menu-search-icon, .start-menu-pins-icon, .start-menu-case-icon {
    margin: 0px 10px;
    display: block;
    position: relative;
    float: left;
}
.start-menu-image i, .start-menu-search-icon i,
.start-menu-image i, .start-menu-search-icon i {
    line-height: 1.5;
    color: #EFEFEF;
    font-size: 16px;
}
.start-menu-image.closer {
    width: inherit;
    margin: 0;
    width: 40px;
    /*height: 100%;*/
    cursor: pointer;
}
.start-menu-image.closer i {
    color: #243645;
    float: right;
}
.start-menu-image.opener i, .start-menu-search-icon i, .start-menu-pins-icon i {
    display: inline-block;
    margin-top: 6px;
    color: #EFEFEF;
}
.start-menu-pins-icon .start-menu-icon-clickable {
    float: right;
}
.start-menu-search-icon i.ico-search-circle,
.start-menu-search-icon i.ico-search-circle-thin,
.start-menu-image.opener i.ico-hamburger-circle,
.start-menu-image.opener i.ico-hamburger-circle-thin,
.start-menu-pins-icon i.ico-pin-circle-thin {
    margin-top: 4px;
    font-size: 25px;
}
.start-menu-image.opener i.fa-chevron-circle-down {
    font-size: 1.1em !important;
}
#start-menu-user-icon-container, .start-menu-user-icon-separator {
    float: left;
    display: block;
    margin-left: 10px;
    color: #EFEFEF;
}
.start-menu-user-icon-separator {
    margin: 9px 5px 0px 4px;
    font-size: 14px;
}
.start-menu-user-icon {
    float: left;
    display: block;
    background: #EFEFEF33;
    width: 25px;
    height: 25px;
    margin-top: 7px;
    border-radius: 13px;
    border: 1px solid #EFEFEF;
    text-align: center;
}
.start-menu-case-icon {
    float: left;
    display: block;
    background: transparent;
    width: 25px;
    height: 25px;
    margin-top: 7px;
    border-radius: 13px;
    border: 1px solid #EFEFEF;
    text-align: center;
}

.start-menu-case-icon-selected {
    float: left;
    display: block;
    background: transparent;
    width: 120px;
    height: 25px;
    margin-top: 7px;
    border-radius: 13px;
    border: 2px solid #EFEFEF;
    text-align: center;
}


#start-menu-account-info {
    display: none;
    right: 0;
    width: auto;
    position: relative;
    top: 9px !important;
    text-align: initial;
    float: right;
    background: #FFF;
    border: 1px solid #243645;
    border-top: 0;
    border-radius: 0px 0px 25px 25px;
}
.start-menu-user-icon-initial {
    width: 100%;
    height: 100%;
    line-height: 2.25;
    font-size: 8pt;
}

.start-menu-case-icon-initial, .start-menu-gsoc-icon-initial {
    width: 100%;
    height: 100%;
    line-height: 2.25;
    font-size: 8pt;
    color: #ffffff;
}

.start-menu-case-icon-initial-selected {
    width: 80%;
    font-size: 10pt;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-left: 10px;
    line-height: 1.6;
}

.start-menu-gsoc-icon-initial-selected {
    cursor: default;
    width: 98%;
    font-size: 10pt;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-left: 2px;
    margin-top: -3px;
}

.read-only-icon {
    background: #990000;
}

.start-menu-details-organisation {
    line-height: 1.2;
    font-size: 0.65rem;
    font-weight: 300; }

.start-menu-details-readonly i {
    font-size: 15px;
    line-height: 0.5;
    margin-right: 7px;
}

.start-menu-user-details {
    display: block;
    line-height: 1.5;
    margin-top: 4px;
    margin-left: 14px;
    float: left;
    color: #243645;
    cursor: default;
    padding-right: 40px;
    white-space: nowrap;
}
.start-menu-user-details-name {
    font-size: 14px;
}
.start-menu-user-details-organisation {
    font-size: 12px;
    font-weight: 300;
}
.start-menu-user-details-readonly i {
    font-size: 16px;
    line-height: 0.5;
    margin-right: 7px;
}
.start-menu-items-block {
    display: block;
    float: left;
    margin: 0px 5px;
    width: 30%;
    min-width: 250px;
}
.start-menu-item-sub-block {
    min-width: 125px;
    width: 100%;
    display:inline-block;
    float: left;
}
#start-menu-account-menu-options {
    width: 100%;
    display: inline-block;
    border-top: 1px solid #243645;
    padding-top: 10px;
    margin-top: 5px;
    white-space: nowrap;
}
.start-menu-items-title {
    font-size:  18px;
    font-weight: bold;
    padding: 6px 15px 6px 10px;
    border-bottom: 1px solid #243645;
    display: block;
    color: #243645 !important;
    min-width: 250px;
    cursor: default;
}
.quick-pins-container {
    right: 0px !important;
}

.add-to-case-btn {
    margin-left: -15px !important;
}

.case-container {
    right: 150px !important;
}

.share-col-username,
.share-col-email,
.case-col-username {
    max-width: 190px;
    width: 190px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow: ellipsis;
}

.share-col-username,
.share-col-email {
    max-width: 300px;
    width: auto;
}

.case-col-permissions {
    max-width: 150px;
    width: 150px;
    overflow:hidden;
    white-space:nowrap;
}

.share-col-delete {
    max-width: 30px;
}

#share_user_edit, #case_user_edit, #container_source_input, #share_gsoc_edit, #gsoc_user_edit {
    display: inline-block;
    /*width: inherit !important;*/
    width: 250px !important;
}

#gsoc_name {
    box-shadow: none;
    width: 300px;
    margin-top: 0.5em;
}

#gsoc_footer {
    margin-top: 1em;
}

.gsoc_disabledlink {
    cursor: not-allowed;
    pointer-events: none;
    color: grey;
}

#alert_user_edit, #alert_assets_user_edit, #alert_user_phone_edit, #alert_pushuser_edit, #sa-alert_user_edit, #sa-alert_push_user_edit, #alert_assets_push_user_edit, #slack_channel_edit, #slack_user_edit, #slack_channel_search, #slack_user_search, #googlechat_space_edit {
    display: inline-block;
    width: 300px;
}

#alert_new_email_input {
    display: inline-block;
    width: 300px;
}

#sa-alert_new_email_input {
    display: inline-block;
    width: 300px;
}

#asset-alert_new_email_input {
    display: inline-block;
    width: 300px;
}

#alert_new_phone_number {
    display: inline-block;
    width: 250px;
}

#alert_new_phone_prefix {
    display: inline-block;
    width: 20px;
}

.alertApiCheckbox {
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 4px;
    border: 1px solid #999999;
    border-radius: 5px 5px 5px 5px;
    color: #555;
    font-size:  12px;
    font-family: "Open Sans", sans-serif;
}

.isAlertApiDisabled {
    color: currentColor;
    cursor: not-allowed;
    opacity: 0.5;
    text-decoration: none;
}

#edit-case i.case-input, #container_source_selection i.source-input-down, #alerts i.alert-input, #sa-view-alerts i.alert-input, #assets-alerts-save i.alert-input, #edit-gsoc i.gsoc-input {
    margin-left: -26px;
    display: inline-block;
    height:0px;
    overflow:visible;
    pointer-events:none;
    background:none !important;
}

#overlayDashboard .share-users-table a,
#overlayDashboard .share-gsocs-table a,
#edit-case .case-users-table a,
#alerts .case-users-table a,
#edit-gsoc .gsoc-users-table a {
    color: #555;
    font-size: inherit;
    margin-top: -1px;
}

#share_user_list.selectable-dropdown,
#edit-case .selectable-dropdown,
#search-sources .selectable-dropdown,
#search-filters .selectable-dropdown,
#selected_source_list,
#alert_user_list,
#alert_pushuser_list,
#alert_phone_list,
#edit-gsoc .selectable-dropdown,
#share_gsoc_list.selectable-dropdown,
#googlechat_space_list,
#slack_channel_list,
#slack_user_list{
    position: absolute;
    display: block;
    max-height: 200px;
    min-width: 300px;
    background-color: #f9f9f9;
    border: 1px solid #999999;
    border-radius: 0 0 5px 5px;
    overflow-x: hidden;
    overflow-y: scroll;
    z-index: 102;
}

#sa-alert_push_user_list,
#sa-alert_user_list,
#alert_assets_push_user_list,
#alert_assets_user_list{
    position: relative;
    display: block;
    max-height: 200px;
    min-width: 300px;
    background-color: #f9f9f9;
    border: 1px solid #999999;
    border-radius: 0 0 5px 5px;
    overflow-x: hidden;
    overflow-y: scroll;
    z-index: 102;
}

#alert_user_list,
#alert_assets_user_list,
#alert_pushuser_list,
#alert_phone_list,
#sa-alert_push_user_list,
#sa-alert_user_list,
#alert_assets_push_user_list,
#googlechat_space_list,
#slack_channel_list,
#slack_user_list{
    margin-bottom: 25px;
}

#share_user_list.selectable-dropdown,
#edit-case .selectable-dropdown,
#search-sources .selectable-dropdown,
#search-filters .selectable-dropdown,
#selected_source_list .empty-results,
#edit-gsoc .selectable-dropdown,
#share_gsoc_list.selectable-dropdown{
    padding: 5px;
}

#share_user_list.selectable-dropdown,
#edit-case .selectable-dropdown,
#edit-gsoc .selectable-dropdown,
#share_gsoc_list.selectable-dropdown{
    max-width: 670px;
}

#selected_source_list h3.selectedSourceHeader {
    background: #243645;
    color: #f9f9f9;
    margin: 0 !important;
    padding: 0.5rem !important;
}

#share_user_list .selectable-dropdown-option,
#edit-case .selectable-dropdown-option,
#search-sources .selectable-dropdown-option,
#search-filters .selectable-dropdown-option,
#selected_source_list .selectable-dropdown-option,
#alerts .selectable-dropdown-option,
#sa-view-alerts .selectable-dropdown-option,
#assets-alerts-save .selectable-dropdown-option,
#edit-gsoc .selectable-dropdown-option,
#share_gsoc_list .selectable-dropdown-option{
    display: block;
    padding: 5px 10px;
    overflow-x: hidden;
    color: #2b2b2b;
    cursor: pointer;
}

#share_user_list .selectable-dropdown-option:nth-child(odd),
#edit-case .selectable-dropdown-option:nth-child(odd),
#search-sources .selectable-dropdown-option:nth-child(odd),
#search-filters .selectable-dropdown-option:nth-child(odd),
#selected_source_list .selectable-dropdown-option:nth-child(odd),
#alerts .selectable-dropdown-option:nth-child(odd),
#sa-view-alerts .selectable-dropdown-option:nth-child(odd),
#assets-alerts-save .selectable-dropdown-option:nth-child(odd),
#edit-gsoc .selectable-dropdown-option:nth-child(odd),
#share_gsoc_list .selectable-dropdown-option:nth-child(odd){
    background-color: #efefef;
}

#share_user_list .selectable-dropdown-option .sdo-name,
#edit-case .selectable-dropdown-option .sdo-name,
#search-sources .selectable-dropdown-option .sdo-name,
#search-filters .selectable-dropdown-option .sdo-name,
#selected_source_list .selectable-dropdown-option .sdo-name,
#alerts .selectable-dropdown-option .sdo-name,
#sa-view-alerts .selectable-dropdown-option .sdo-name,
#assets-alerts-save .selectable-dropdown-option .sdo-name,
#edit-gsoc .selectable-dropdown-option .sdo-name,
#share_gsoc_list .selectable-dropdown-option .sdo-name
{
    float: left;
}

#share_user_list .selectable-dropdown-option .sdo-email,
#edit-case .selectable-dropdown-option .sdo-email,
#selected_source_list .selectable-dropdown-option .sdo-status,
#alerts .selectable-dropdown-option .sdo-email,
#sa-view-alerts .selectable-dropdown-option .sdo-email,
#assets-alerts-save .selectable-dropdown-option .sdo-email,
#edit-gsoc .selectable-dropdown-option .sdo-email,
#share_gsoc_list .selectable-dropdown-option .sdo-email
{
    float: right;
    padding-left: 32px;
}

#share_user_list .selectable-dropdown-option .sdo-name,
#edit-case .selectable-dropdown-option .sdo-name,
#edit-gsoc .selectable-dropdown-option .sdo-name,
#share_gsoc_list .selectable-dropdown-option .sdo-name
{
    max-width: 310px;
    overflow: hidden;
}

#share_user_list .selectable-dropdown-option .sdo-email,
#edit-case .selectable-dropdown-option .sdo-email,
#edit-gsoc .selectable-dropdown-option .sdo-email,
#share_gsoc_list .selectable-dropdown-option .sdo-email
{
    max-width: 310px;
    overflow: hidden;
    padding-left: 10px;
}


@media (max-width: 532px) {
    #share_user_list .selectable-dropdown-option .sdo-email,
    #edit-case .selectable-dropdown-option .sdo-email,
    #edit-gsoc .selectable-dropdown-option .sdo-email,
    #selected_source_list .selectable-dropdown-option .sdo-status,
    #alerts .selectable-dropdown-option .sdo-email,
    #sa-view-alerts .selectable-dropdown-option .sdo-email,
    #assets-alerts-save .selectable-dropdown-option .sdo-email,
    #share_gsoc_list .selectable-dropdown-option .sdo-email{
        padding-left: 0px;
    }
}
/*
#search-sources .selectable-dropdown-option {
    display: flex;
}*/

#edit-case .form-bottom,
#edit-gsoc .form-bottom {
    overflow: hidden;
    text-align: left;
}

#edit-case label,
#edit-gsoc label {
    float: inherit !important;
    margin-top: auto;
}

#overlayDashboard .share-users-table table,
#edit-case .case-users-table table,
#edit-gsoc .gsoc-users-table table {
    height: 200px;
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    display: block;
}

#overlayDashboard .share-users-table table,
#overlayDashboard .share-gsocs-table table {
    height: auto;
    font-size: 14px;
}

#overlayDashboard .share-users-table thead,
#edit-case .case-users-table thead,
#edit-gsoc .gsoc-users-table thead {
    display: table-header-group;
    text-align: left !important;
}

#overlayDashboard .share-users-table tbody,
#edit-case .case-users-table tbody,
#edit-gsoc .gsoc-users-table tbody {
    display: table-row-group;
    text-align: left !important;
}

#overlayDashboard .share-selected-users-list,
#edit-case .case-selected-users-list,
#edit-gsoc .gsoc-selected-users-list {
    display: block;
    max-size: 200pc;
    overflow-y: auto;
    overflow-x: hidden;
}

#edit-case td.custom_centered, th.custom_centered,
#edit-gsoc td.custom_centered, th.custom_centered {
    text-align: center;
}

#edit-case input[type="checkbox"],
#edit-gsoc input[type="checkbox"] {
    display: inherit;
}

#edit-case input,
#edit-gsoc input {
    margin: 0;
}

#quick-pins-list {
    width:0px !important;
    margin-right:0px !important;
}
#start-menu-items, #quick-pins-list {
    display: none;
}
#start-menu-items.main-navigation-menu {
    position: fixed;
    top: 0;
    /*right: 65px;*/
    left: 150px;
    width: 100%;
    max-width: 980px;
    background: #FFF;
    border: 1px solid #243645;
    border-top: 0;
    border-radius: 0px 0px 25px 25px;
    overflow: hidden;
    overflow: -moz-hidden-unscrollable;
    overflow-y: auto;
}

.start-menu-item {
    font-size:  14px;
    padding: 10px 15px 10px 10px;
    display: block;
    -webkit-transition: all 0.1s ease-in-out;
    -transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    color: #243645 !important;
    cursor: pointer;
    width: auto;
}
.super-user-logout {
    min-width: 250px;
}
#start-menu-account-menu-options .start-menu-item {
    font-size:  13px;
    width: auto;
    padding: 5px 0px 5px 0px;
    display: inline-block;
}
a.start-menu-item:hover {
    color: white !important;
    background-color: #243645;
}
a.start-menu-quick-option.start-menu-item:hover {
    color: inherit;
    background-color: inherit;
}
#start-menu-account-menu-options .start-menu-item:hover{
    background: none;
    color: #006a92 !important;
}
.start-menu-item.disabled,
.start-menu-item.disabled:hover {
    cursor: not-allowed !important;
    color: #AAAAAA !important;
    background: unset !important;
}
#start-menu-quick-options {
    display: inline-block;
    max-width: 1000px;
    white-space: nowrap;
    line-break: unset;
    overflow: hidden;
    width: auto;
    margin-left: 50px;
    float: left;
    max-height: 39px;
}
@media (max-width: 1700px) {
    #start-menu-quick-options {
        max-width: 975px;
    }
}
@media (max-width: 1675px) {
    #start-menu-quick-options {
        max-width: 950px;
    }
}
@media (max-width: 1650px) {
    #start-menu-quick-options {
        max-width: 925px;
    }
}
@media (max-width: 1625px) {
    #start-menu-quick-options {
        max-width: 900px;
    }
}
@media (max-width: 1600px) {
    #start-menu-quick-options {
        max-width: 875px;
    }
}
@media (max-width: 1575px) {
    #start-menu-quick-options {
        max-width: 850px;
    }
}
@media (max-width: 1550px) {
    #start-menu-quick-options {
        max-width: 825px;
    }
}
@media (max-width: 1525px) {
    #start-menu-quick-options {
        max-width: 800px;
    }
}
@media (max-width: 1500px) {
    #start-menu-quick-options {
        max-width: 775px;
    }
}
@media (max-width: 1475px) {
    #start-menu-quick-options {
        max-width: 750px;
    }
}
@media (max-width: 1450px) {
    #start-menu-quick-options {
        max-width: 725px;
    }
}
@media (max-width: 1425px) {
    #start-menu-quick-options {
        max-width: 700px;
    }
}
@media (max-width: 1400px) {
    #start-menu-quick-options {
        max-width: 675px;
    }
}
@media (max-width: 1375px) {
    #start-menu-quick-options {
        max-width: 650px;
    }
}
@media (max-width: 1350px) {
    #start-menu-quick-options {
        max-width: 625px;
    }
}
@media (max-width: 1325px) {
    #start-menu-quick-options {
        max-width: 600px;
    }
}
@media (max-width: 1300px) {
    #start-menu-quick-options {
        max-width: 575px;
    }
}
@media (max-width: 1275px) {
    #start-menu-quick-options {
        max-width: 550px;
    }
}
@media (max-width: 1250px) {
    #start-menu-quick-options {
        max-width: 525px;
    }
}
@media (max-width: 1225px) {
    #start-menu-quick-options {
        max-width: 500px;
    }
}
/*@media (min-width: 1175px) {
    #start-menu-items.main-navigation-menu {
        left: 150px;
    }
}*/
@media (max-width: 1200px) {
    #start-menu-quick-options {
        max-width: 475px;
    }
    #start-menu-items.main-navigation-menu {
        left: 125px;
    }
}
@media (max-width: 1175px) {
    #start-menu-quick-options {
        max-width: 450px;
    }
    #start-menu-items.main-navigation-menu {
        left: 100px;
    }
}
@media (max-width: 1150px) {
    #start-menu-quick-options {
        max-width: 425px;
    }
    #start-menu-items.main-navigation-menu {
        left: 75px;
    }
}
@media (max-width: 1125px) {
    #start-menu-quick-options {
        max-width: 400px;
    }
    #start-menu-items.main-navigation-menu {
        left: 50px;
    }
}
@media (max-width: 1100px) {
    #start-menu-quick-options {
        max-width: 375px;
    }
    #start-menu-items.main-navigation-menu {
        left: 25px;
    }
}
@media (max-width: 1075px) {
    #start-menu-quick-options {
        max-width: 350px;
    }
    #start-menu-items.main-navigation-menu {
        left: 0px;
    }
}
@media (max-width: 1060px) {
    #right-drawer,
    #right-drawer .filter {
        width: 180px;
        max-width: 180px;
    }
    .dashboard-data-controller {
        top: 49px;
        position: relative;
    }
}
@media (max-width: 1050px) {
    #start-menu-quick-options {
        max-width: 325px;
    }
}
@media (max-width: 1025px) {
    #start-menu-quick-options {
        max-width: 300px;
    }
}
@media (max-width: 1000px) {
    #start-menu-quick-options {
        max-width: 275px;
    }
}
@media (max-width: 975px) {
    #start-menu-quick-options {
        max-width: 250px;
    }
}
@media (max-width: 950px) {
    #start-menu-quick-options {
        max-width: 225px;
    }
}
@media (max-width: 925px) {
    #start-menu-quick-options {
        max-width: 200px;
        display: none !important;
    }
}
@media (max-width: 1025px) {
    .right-drawer-container {
        position: absolute !important;
    }
}
@media (max-width: 650px) {
    .start-menu-search-icon,
    .start-menu-pins-icon {
        display: none !important;
    }
}
@media (max-width: 820px) {
    #start-menu-items.main-navigation-menu {
        position: fixed;
        top: 0;
        bottom: 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        overflow: auto !important;
        overflow-x: hidden !important;
        overflow-y: scroll !important;
    }
    .start-menu-blocks-container {
        width: 100% !important;
        display: grid !important;
        height: auto !important;
        margin: 0 !important;
        padding-bottom: 50px !important;
    }
    .start-menu-items-block {
        width: auto !important;
        margin: 0 !important;
    }
    #start-menu-account-info .start-menu-blocks-container {
        padding-bottom: 20px!important;
    }
    .start-menu-footer {
        display: table !important;
        position: fixed !important;
        bottom: 0px !important;
    }
}

@media (max-width: 500px) {
    #main-controller {
        overflow-x: hidden !important;
    }
    .start-menu-blocks-container {
        width: 100% !important;
        display: grid !important;
        height: auto !important;
        margin: 0px !important;
        padding-bottom: 78px !important;
    }
    .start-menu-footer {
        padding: 0 !important;
    }
    .start-menu-footer-links {
        float: left !important;
    }
    #start-menu-account-info .start-menu-blocks-container {
        padding-bottom: 20px!important;
    }
}
.start-menu-quick-option {
    float: left;
    display: inline-block;
    color: #EFEFEF;
    background: none;
    font-size: 13px;
}
.start-menu-quick-option.start-menu-item {
    color: #EFEFEF !important;
}
.landing.non-fs {
    max-width: 1115px !important;
    margin: auto;
}
#header__search .header_search_result i,
#quick-pins-list .header_search_result i {
    color: #243645;
}

/*********************
TOOLBAR
*********************/

toolbar {
    position: fixed;
    z-index: 199;
    width: 100%;
    text-align: center;
    left: 0;
    top: 40px;
    border-bottom: 1px solid #CCCCCC;
    background: #f3f3f4;
    min-height: fit-content;
}
.toolbar {
    padding: 0 20px;
    width: 100%;
}

.toolbar .sub-nav__view-control {
    padding: unset !important;
}
.toolbar .toolbar-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.toolbar .toolbar-section-left,
.toolbar .toolbar-section-right {
    display: flex;
}

.toolbar .toolbar-section-left {
    flex-wrap: wrap;
    flex-grow: 1;
    width: min-content;
}

.toolbar-section-left translation {
    display: none;
}

.toolbar .btn-group {
    margin-top: 3px;
}

.toolbar .btn {
    font-size: 13px !important;
}
.toolbar .bread-crumb {
    font-size: 13px;
    line-height: 32px;
    padding-right: 10px;
    max-width: 33.33%;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.toolbar .bread-crumb a {
    font-size: 13px;
}

.toolbar .bc-sep {
    padding: 0 5px;
    font-size: 15px;
}

.toolbar .toolbar-button,
.toolbar .post-view-options-button-span,
.map-menu-section-header .btn
{
    padding: 4px 10px;
}

.toolbar .toolbar-button.only {
    border-radius: 5px !important;
}

.toolbar .toolbar-buttons-container {
    white-space: nowrap;
    padding: 0 !important;
    margin: 0 !important;
}

.toolbar .loneDropDown {
    margin-right: 10px;
    margin-bottom: 4px;
}

.toolbar .translate_box {
    margin-top: 3px;
}

.toolbar .trans_wait {
    margin-right: 50px !important;
}

.toolbar .dropdown-menu>li>a:hover {
    background-color: #243645 !important;
}

.toolbar .help-open a,
.toolbar a.fullscreen-open,
.toolbar a.fullscreen-close,
.toolbar a.info-popover,
.toolbar a.note-popup-toggle {
    font-size: 20px;
    line-height: initial;
    margin-right: 5px !important;
    margin-top: 5px !important;
}

.toolbar .help-open a .help-icon-block-text {
    font-size: 18px;
    line-height: 18px;
    margin-right: -2px;
}

.toolbar .translation-options-box {
    position: absolute;
    top: 32px;
    right: 5px;
    z-index: 102;
    display: none;
    min-width: 160px;
    padding: 5px 0 !important;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.toolbar .translation-options-box-container {
    display: block;
    width: auto;
    margin: 5px;
}

.toolbar .note {
    background: none;
}

.toolbar .fullscreen-open, .toolbar .fullscreen-close {
    padding: 1px 0 1px 5px !important;
    cursor: pointer !important;
}
.toolbar .fullscreen-open {
    margin: 0px !important;
}

.toolbar .fullscreen-close {
    margin: -1px 0px 0px 0px !important;
}

.toolbar .dropdown-menu {
    width: -moz-max-content;
    width: max-content;
    padding: 10px;
}

.toolbar .dropdown-info {
    float: right !important;
    display: block;
    padding: 14px 20px;
    border-left: 1px solid #e5e5e5;
    margin-left: -1px;
}

.toolbar .dropdown-info .dropdown-info-item {
    float: none !important;
    line-height: 28px;
}

.dropdown-info-alert-sources {
    width:100%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.toolbar .dropdown-info .container-source {
    white-space: nowrap;
}

.toolbar .dropdown-info .container-source-list {
    max-width: 60vw;
    white-space: normal !important;
}

.toolbar .dropdown-menu-panel {
    display: inline-flex;
}

.toolbar .dropdown-menu-container {
    padding-right: 10px;
    border-right: 1px solid #e5e5e5;
}

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

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

@media (min-width: 768px) {
	.dropdown-menu.pull-sm-right {
      left: auto;
      right: 0;
	}
}

.toolbar .relevance-toolbar-button {
    width: 120px;
}

.toolbar .relevance-toolbar-button.relevance-es {
    width: 140px;
}

.toolbar .slider-min-max {
    display: inline-block;
    padding: 0 5px;
}

.toolbar .relevance-slider {
    width: 100px;
    display: inline-block;
}

.toolbar .switch-animate,
.toolbar .switch-left,
.toolbar .knob,
.toolbar .switch-right {
    font-size: 12px;
    padding: unset !important;
    line-height: 25px;
}

.toolbar .switch-animate {
    height: 28px;
}

.toolbar .switch {
    margin: 0 10px 0 2px;
    width: 60px;
    height: 28px;
    padding-left: unset !important;
    border-radius: 5px !important;
    border: 1px solid #bbb !important;
    cursor: pointer !important;
    text-align: left !important;
    vertical-align: middle !important;
    overflow: hidden !important;
    line-height: 8px !important;
    min-width: 50px !important;
    font-size: 85% !important;
}

@media (max-width: 1025px) {
    toolbar {
        position: absolute !important;
        height: auto !important;
    }
}
@media (max-width: 992px) {
    .toolbar .bread-crumb {
        max-width: 25%;
    }

    .toolbar .bread-crumb {
        max-width: none;
        width: 70%;
    }
}
@media (max-width: 768px) {
    .toolbar {
        padding: 0 10px;
    }

    .toolbar .toolbar-section-right {
        align-content: flex-end;
        flex-wrap: wrap;
    }

    .toolbar .btn-group {
        margin-top: 6px;
        padding-left: 10px;
    }

    .toolbar .btn {
        line-height: 40px;
    }

    #bulk-actions-dropdown button {
        line-height: 40px !important;
    }

    .toolbar .bread-crumb {
        width: 100%;
        padding-left: 10px;
        white-space: nowrap;
        /*overflow: hidden;
        text-overflow: ellipsis;*/
        text-align: left;
    }

    .toolbar .bread-crumb a {
        line-height: 40px;
    }

    .toolbar .translate_box {
        padding-left: 0;
        margin-top: 6px;
        height: unset !important;
        max-height: unset !important;
        margin-bottom: 6px;
    }

    .query_relevance_filter a {
        height: unset !important;
    }

    .toolbar .toolbar-button,
    .toolbar .post-view-options-button-span,
    .toolbar .btn.dropdown-toggle {
        padding: 4px 8px !important;
    }

    .toolbar .btn:last-child,
    .toolbar .loneDropDown {
        margin-right: 0 !important;
    }

    .toolbar .help-open,
    .toolbar .fullscreen-open,
    .toolbar .fullscreen-close {
        display: none;
    }

    .toolbar-section-left translation {
        display: inline-block;
        margin-left: 10px;
    }

    .toolbar-section-right {
        display: none !important;
    }
}
@media (max-width: 640px) {
    .toolbar .dropdown-info {
        display: none !important;
    }
    .toolbar .dropdown-menu-container {
        border: none !important;
    }
}
/*.toolbar #relevance-apply-button {
    display: none;
}*/
/* this is for the new data notification that is shown just below the toolbar when auto refresh is enabled*/
#new-data-message.new-data-notification-box {
    position: fixed;
    top: 32px;
    right: 5px;
    z-index: 102;
    float: left;
    min-width: 160px;
    padding: 5px 0 !important;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #f2f2f2;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    width: -moz-fit-content;
    width: fit-content;
}
#new-data-message .new-data-notification-box-container {
    display: block;
    width: auto;
    margin: 0px 30px;
    padding-bottom: 2px;
}
#new-data-message .new-data-notification-box-container a {
    color: #337ab7 !important;
}

.right-drawer-container {
    height: 100%;
    z-index: 150;
    max-width: 250px !important;
    float: right;
    position: fixed;
    top: 75px;
    right: 0;
}
.right-drawer-tab-container {
    float: left;
    display: inline-block;
}
#right-drawer-handle {
    width: 34px;
    color: #f3f3f4;
    background: #243645;
    height: 60px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    padding: 17px 0;
    margin-right: -1px;
    text-align: center;
}
#right-drawer-handle:hover {
    cursor: pointer;
}
#right-drawer-handle.filter-on {
    padding: 5px;
}
#right-drawer-filter-icon {
    font-size: 5px;
}
.fullscreen-toolbar {
    top: 0px !important;
}
.fullscreen-toolbar-dashboard {
    background: #243645 !important;
    color: #EFEFEF !important;
}
.fullscreen-toolbar-dashboard #breadcrumb div,
.fullscreen-toolbar-dashboard a,
.fullscreen-toolbar-dashboard a:visited
{
    font-size: 1.1em !important;
    color: #EFEFEF !important;
}
.fullscreen-toolbar-dashboard .logo__block {
    padding: 0 !important;
    margin-right: 20px;
}
.fullscreen-toolbar-dashboard .toolbar .fullscreen-close {
    right: 10px !important;
}
#right-drawer {
    width: 210px !important;
    height: 100%;
    display: inline-block;
    float: right;
}
#right-drawer .filter {
    /*background-color: rgba(36, 54, 69, 0.5);*/
    background-color: #d3d3d4; /*#f3f3f4;*/
    width: 210px !important;
    height: 100%;
    /*border-top: 1px solid #243645;
    border-bottom: 1px solid #243645;*/
    border-left: 1px solid #243645;
    display: inline-block;
    float: right;
    top: unset;/*75px*/
}
#right-drawer .filter .search_term_box,
#sa-events #filters .search_term_box{
    border: 1px solid #243645;
}
#right-drawer .filter .target-controller-filter {
    white-space: nowrap;
}
.fullscreen-drawer {
    top: 35px !important;
}
.fullscreen-data-offset {
    padding-top: 35px;
}
.landing .fullscreen-data-offset {
    padding-top: 40px;
}

/**************************************************************************
END OF PAGE LAYOUT
**************************************************************************/


/*********************
NAVIGATION
*********************/
/*********************
LEFT BAR NAVIGATION
*********************/
.left-bar__nav {
    width: 100%;
    background: #243645;
    position: relative;
}

.left-bar__nav .disabled {
    color: #dddddd66 !important;
}

.leaveLinksAlone a {
    cursor: pointer !important;
    display: inline !important;
    float: none !important;
    font-size: 100% !important;
    margin-top: 0 !important;
}

.left-bar__link {
    font-size:  12px;
    padding: 0.8em 1.5em 0.7em 0.8em;
    border-bottom: 1px solid #152431;
    border-top: 1px solid #2e4051;
    display: block;
    font-weight: 300;
    -webkit-transition: all 0.2s ease-in-out;
    -transition: all 0.2s ease-in-out;
    transition: all 0.5s ease-in-out;
    color: #DDDDDD !important;
    text-shadow: 1px 1px #243645;
    width: 100%;
    cursor: pointer;
}

a.left-bar__link:hover {
    color: white !important;
    background-color: #1b2b38; }

/*********************
FOOTER
*********************/
footer {
    color: #4F4F4F;
    font-size: 11px;
    font-weight: 800;
    padding: 0.75rem 20px;
    text-align: left;
    width: 100%; }

a.footer__link {
    margin-left:  16px;
    margin-left:  0.3rem; }

/*********************
FORMS
*********************/
select {
    width: 100%;
    margin: 1.5em 0; }

input.form-field,
select.form-field,
textarea.form-field {
    -webkit-transition: all 0.2s ease-in-out;
    -transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    border: 1px solid #edeff0;
    background: #edeff0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -khtml-border-radius: 3px;
    color: #2b2b2b;
    display: block;
    font-family: "Open Sans", sans-serif;
    margin: 1em 0;
    padding: 0.5em;
    font-size: 13px;
    vertical-align: middle;
    width: 100%;
}

.mm-page input.form-field#confirm_password,
.mm-page input.form-field#password {
    display: inline-block;
}

input.form-field:focus,
textarea.form-field:focus {
    background: white;
    outline: 0; }
select.form-field {
    line-height: 32px;
    height: 32px; }
.date__filter {
    margin:  12px 0 0 0;
    margin:  0.75rem 0 0 0;
    float: right; }

.input-helper {
    display: inline-block;
    float: left;
    font-size: 12px;
    font-weight: 300;
    margin-bottom: 0.25rem;
    position: relative;
    text-transform: uppercase;}

.input-helper:before {
    content: '';
    display: block;
    position: absolute; }

.input-helper--checkbox {
    padding-left:  20px;
    padding-left:  1.25rem; }

.input-helper--checkbox:before {
    width:  12.8px;
    width:  0.8rem;
    height:  12.8px;
    height:  0.8rem;
    top:  4px;
    top:  0.25rem;
    left: 0;
    background: white;
    border: 1px solid #ccc;
    border-radius: 30px; }

input[type="checkbox"] {
    display: none;
}

input[type="checkbox"]:checked + label:before {
    background: #243645; border: none;}

.checkbox__container {
    padding:  8px 12px 8px 8px;
    padding:  0.5rem 0.75rem 0.5rem 0.5rem;
    display: block;
    float: left;
    width: 50%; }
.checkbox__container:last-of-type {
    padding-right: 0; }

/*********************
MODAL FORMS
*********************/
.modal-form, .password-form {
    margin:  80px auto 0 auto;
    padding:  8px;
    width:  750px;
    z-index: 10001;
    min-width: 750px;
}
.modal-form.large {
    width: 80%;
}
.modal-form.large .form-content {
    height: 500px;
}
.modal-form form, .password-form form {
    margin: 0 auto;
    width: 96%; }
.modal-form .form-top, .password-form .form-top {
    background: #243645;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    -khtml-border-radius: 5px 5px 0 0;
    padding: 1em; }
.modal-form .form-top h3, .password-form .form-top h3 {
    color: white !important;
    font-weight: 500 !important;
    text-align: center !important;
}
.modal-form .form-content.short {
    height: auto !important;
}
.modal-form .form-content {
    height: 385px;
    padding: 10px 15px 5px 5px;
    overflow-y: scroll;
    overflow-x: hidden;
    background: white;
}
.modal-form .form-bottom, .password-form .form-bottom {
    background: white;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    -khtml-border-radius: 0 0 5px 5px;
    padding: 1em; }
.modal-form .form-bottom a, .password-form .form-bottom a {
    cursor: pointer;
    display: block;
    float: left;
    font-size: 0.875em;
    margin-top: 1.5em; }
.modal-form .form-bottom .submit, .password-form .form-bottom .submit {
    border: 0;
    float: right;
}

.modal-form label, .password-form label {
    display: block;
    float: left;
    font-family: "Open Sans", sans-serif;
    font-size: 0.875em;
    font-weight: 500;
    margin-top: 1.6em;
    text-transform: capitalize;
}

.modal-form #form-get-insights-query .form-body {
    background: white;
    min-height: 100px;
    padding: 16px;
}

.modal-form #form-get-insights-query label {
    text-transform: none;
}

.modal-form #form-get-insights-query span {
    color: gray;
    font-size: 0.75em;
}

#insights-list-item #insights-view-result {
    color: #337ab7;
    text-decoration: underline !important;
    margin-left: 4px;
}

#insights-list-item #insights-view-result:hover {
    color: #23527c;
}

#insights-list-item .fa-bar-chart-o:hover {
    color: #23527c;
}

#insights-list-item .fa-exclamation-circle {
    color: #c00000;
    margin-left: 4px;
}

#post-dialog #map-layers-container {
    max-width: 100px;
}

#post-dialog #map-layers-container #map-layers label {
    font-weight: 700;
    font-size: 11px;
    margin-top: 0px;
    text-transform: none;
    font-family: Roboto, Arial, sans-serif;
}

.modal-form .submit, .password-form .submit {
    width: 100%; }

#addNewPoi {
    margin-top: 0.5em;
}

.select--small,
input.form-field--small {
    width:  64px;
    width:  4rem;
    margin:  12.8px 20px 0 12px;
    margin:  0.8rem 1.25rem 0 0.75rem;
    float: left; }

input.form-field--small {
    margin:  3.2px 20px 0 12px;
    margin:  0.2rem 1.25rem 0 0.75rem; }

input.form-field--error {
    margin-bottom: 0px;
}

/*********************
VALIDATION
*********************/
.validation {
    font-size:  14.4px;
    font-size:  0.9rem;
    padding:  8px;
    padding:  0.5rem;
    border-radius: 3px;
    display: block;
    font-weight: 600;
    width: 100%; }

.validation--error {
    background: #f9fafa;
    color: #c00000;
    clear:both;
}

.validation--margin {
    margin-bottom: 5px;
}

/*********************
TABLES
*********************/
.keyword__list--table {
    margin:  24px auto;
    margin:  1.5rem auto;
    width:  192px;
    width:  12rem;
    color: #2b2b2b;
    display: block; }

.keyword__list--table tr td {
    padding-bottom:  5.6px;
    padding-bottom:  0.35rem; }

.keyword__list--table tr td:first-of-type {
    width:  176px;
    width:  11rem; }

.keyword__list--table tr td:last-of-type {
    width:  16px;
    width:  1rem;
    text-align: right; }

/*********************
ANIMATIONS
*********************/
.animated {
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s; }

.animated.hinge {
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s; }

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0; }

    100% {
        opacity: 1; } }
@-moz-keyframes fadeIn {
    0% {
        opacity: 0; }

    100% {
        opacity: 1; } }
@-o-keyframes fadeIn {
    0% {
        opacity: 0; }

    100% {
        opacity: 1; } }
@keyframes fadeIn {
    0% {
        opacity: 0; }

    100% {
        opacity: 1; } }
.fadeIn {
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    -o-animation-name: fadeIn;
    animation-name: fadeIn; }

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px); }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0); } }
@-moz-keyframes fadeInUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(20px); }

    100% {
        opacity: 1;
        -moz-transform: translateY(0); } }
@-o-keyframes fadeInUp {
    0% {
        opacity: 0;
        -o-transform: translateY(20px); }

    100% {
        opacity: 1;
        -o-transform: translateY(0); } }
@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px); }

    100% {
        opacity: 1;
        transform: translateY(0); } }
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    animation-name: fadeInUp; }

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px); }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0); } }
@-moz-keyframes fadeInDown {
    0% {
        opacity: 0;
        -moz-transform: translateY(-20px); }

    100% {
        opacity: 1;
        -moz-transform: translateY(0); } }
@-o-keyframes fadeInDown {
    0% {
        opacity: 0;
        -o-transform: translateY(-20px); }

    100% {
        opacity: 1;
        -o-transform: translateY(0); } }
@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-20px); }

    100% {
        opacity: 1;
        transform: translateY(0); } }
.fadeInDown {
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown; }

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px); }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0); } }
@-moz-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -moz-transform: translateX(-20px); }

    100% {
        opacity: 1;
        -moz-transform: translateX(0); } }
@-o-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -o-transform: translateX(-20px); }

    100% {
        opacity: 1;
        -o-transform: translateX(0); } }
@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(-20px); }

    100% {
        opacity: 1;
        transform: translateX(0); } }
.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft; }

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px); }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0); } }
@-moz-keyframes fadeInRight {
    0% {
        opacity: 0;
        -moz-transform: translateX(20px); }

    100% {
        opacity: 1;
        -moz-transform: translateX(0); } }
@-o-keyframes fadeInRight {
    0% {
        opacity: 0;
        -o-transform: translateX(20px); }

    100% {
        opacity: 1;
        -o-transform: translateX(0); } }
@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(20px); }

    100% {
        opacity: 1;
        transform: translateX(0); } }
.fadeInRight {
    -webkit-animation-name: fadeInRight;
    -moz-animation-name: fadeInRight;
    -o-animation-name: fadeInRight;
    animation-name: fadeInRight; }

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1; }

    100% {
        opacity: 0; } }
@-moz-keyframes fadeOut {
    0% {
        opacity: 1; }

    100% {
        opacity: 0; } }
@-o-keyframes fadeOut {
    0% {
        opacity: 1; }

    100% {
        opacity: 0; } }
@keyframes fadeOut {
    0% {
        opacity: 1; }

    100% {
        opacity: 0; } }
.fadeOut {
    -webkit-animation-name: fadeOut;
    -moz-animation-name: fadeOut;
    -o-animation-name: fadeOut;
    animation-name: fadeOut; }

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0); }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px); } }
@-moz-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -moz-transform: translateY(0); }

    100% {
        opacity: 0;
        -moz-transform: translateY(-20px); } }
@-o-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -o-transform: translateY(0); }

    100% {
        opacity: 0;
        -o-transform: translateY(-20px); } }
@keyframes fadeOutUp {
    0% {
        opacity: 1;
        transform: translateY(0); }

    100% {
        opacity: 0;
        transform: translateY(-20px); } }
.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    -moz-animation-name: fadeOutUp;
    -o-animation-name: fadeOutUp;
    animation-name: fadeOutUp; }

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0); }

    100% {
        opacity: 0;
        -webkit-transform: translateY(20px); } }
@-moz-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -moz-transform: translateY(0); }

    100% {
        opacity: 0;
        -moz-transform: translateY(20px); } }
@-o-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -o-transform: translateY(0); }

    100% {
        opacity: 0;
        -o-transform: translateY(20px); } }
@keyframes fadeOutDown {
    0% {
        opacity: 1;
        transform: translateY(0); }

    100% {
        opacity: 0;
        transform: translateY(20px); } }
.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    -moz-animation-name: fadeOutDown;
    -o-animation-name: fadeOutDown;
    animation-name: fadeOutDown; }

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0); }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px); } }
@-moz-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -moz-transform: translateX(0); }

    100% {
        opacity: 0;
        -moz-transform: translateX(-20px); } }
@-o-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -o-transform: translateX(0); }

    100% {
        opacity: 0;
        -o-transform: translateX(-20px); } }
@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        transform: translateX(0); }

    100% {
        opacity: 0;
        transform: translateX(-20px); } }
.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    -moz-animation-name: fadeOutLeft;
    -o-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft; }

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0); }

    100% {
        opacity: 0;
        -webkit-transform: translateX(20px); } }
@-moz-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -moz-transform: translateX(0); }

    100% {
        opacity: 0;
        -moz-transform: translateX(20px); } }
@-o-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -o-transform: translateX(0); }

    100% {
        opacity: 0;
        -o-transform: translateX(20px); } }
@keyframes fadeOutRight {
    0% {
        opacity: 1;
        transform: translateX(0); }

    100% {
        opacity: 0;
        transform: translateX(20px); } }
.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    -moz-animation-name: fadeOutRight;
    -o-animation-name: fadeOutRight;
    animation-name: fadeOutRight; }

@-webkit-keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px); }

    100% {
        -webkit-transform: translateY(0); } }
@-moz-keyframes slideInDown {
    0% {
        opacity: 0;
        -moz-transform: translateY(-2000px); }

    100% {
        -moz-transform: translateY(0); } }
@-o-keyframes slideInDown {
    0% {
        opacity: 0;
        -o-transform: translateY(-2000px); }

    100% {
        -o-transform: translateY(0); } }
@keyframes slideInDown {
    0% {
        opacity: 0;
        transform: translateY(-2000px); }

    100% {
        transform: translateY(0); } }
.slideInDown {
    -webkit-animation-name: slideInDown;
    -moz-animation-name: slideInDown;
    -o-animation-name: slideInDown;
    animation-name: slideInDown; }

@-webkit-keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px); }

    100% {
        -webkit-transform: translateX(0); } }
@-moz-keyframes slideInLeft {
    0% {
        opacity: 0;
        -moz-transform: translateX(-2000px); }

    100% {
        -moz-transform: translateX(0); } }
@-o-keyframes slideInLeft {
    0% {
        opacity: 0;
        -o-transform: translateX(-2000px); }

    100% {
        -o-transform: translateX(0); } }
@keyframes slideInLeft {
    0% {
        opacity: 0;
        transform: translateX(-2000px); }

    100% {
        transform: translateX(0); } }
.slideInLeft {
    -webkit-animation-name: slideInLeft;
    -moz-animation-name: slideInLeft;
    -o-animation-name: slideInLeft;
    animation-name: slideInLeft; }

@-webkit-keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px); }

    100% {
        -webkit-transform: translateX(0); } }
@-moz-keyframes slideInRight {
    0% {
        opacity: 0;
        -moz-transform: translateX(2000px); }

    100% {
        -moz-transform: translateX(0); } }
@-o-keyframes slideInRight {
    0% {
        opacity: 0;
        -o-transform: translateX(2000px); }

    100% {
        -o-transform: translateX(0); } }
@keyframes slideInRight {
    0% {
        opacity: 0;
        transform: translateX(2000px); }

    100% {
        transform: translateX(0); } }
.slideInRight {
    -webkit-animation-name: slideInRight;
    -moz-animation-name: slideInRight;
    -o-animation-name: slideInRight;
    animation-name: slideInRight; }

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0); }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px); } }
@-moz-keyframes slideOutUp {
    0% {
        -moz-transform: translateY(0); }

    100% {
        opacity: 0;
        -moz-transform: translateY(-2000px); } }
@-o-keyframes slideOutUp {
    0% {
        -o-transform: translateY(0); }

    100% {
        opacity: 0;
        -o-transform: translateY(-2000px); } }
@keyframes slideOutUp {
    0% {
        transform: translateY(0); }

    100% {
        opacity: 0;
        transform: translateY(-2000px); } }
.slideOutUp {
    -webkit-animation-name: slideOutUp;
    -moz-animation-name: slideOutUp;
    -o-animation-name: slideOutUp;
    animation-name: slideOutUp; }

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0); }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px); } }
@-moz-keyframes slideOutLeft {
    0% {
        -moz-transform: translateX(0); }

    100% {
        opacity: 0;
        -moz-transform: translateX(-2000px); } }
@-o-keyframes slideOutLeft {
    0% {
        -o-transform: translateX(0); }

    100% {
        opacity: 0;
        -o-transform: translateX(-2000px); } }
@keyframes slideOutLeft {
    0% {
        transform: translateX(0); }

    100% {
        opacity: 0;
        transform: translateX(-2000px); } }
.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    -moz-animation-name: slideOutLeft;
    -o-animation-name: slideOutLeft;
    animation-name: slideOutLeft; }

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0); }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px); } }
@-moz-keyframes slideOutRight {
    0% {
        -moz-transform: translateX(0); }

    100% {
        opacity: 0;
        -moz-transform: translateX(2000px); } }
@-o-keyframes slideOutRight {
    0% {
        -o-transform: translateX(0); }

    100% {
        opacity: 0;
        -o-transform: translateX(2000px); } }
@keyframes slideOutRight {
    0% {
        transform: translateX(0); }

    100% {
        opacity: 0;
        transform: translateX(2000px); } }
.slideOutRight {
    -webkit-animation-name: slideOutRight;
    -moz-animation-name: slideOutRight;
    -o-animation-name: slideOutRight;
    animation-name: slideOutRight; }

.slow-spin {
    -webkit-animation: fa-spin 4s infinite linear;
    animation: fa-spin 4s infinite linear; }

.loading-indicator {
    -webkit-transition: top 200ms;
    -moz-transition: top 200ms;
    -o-transition: top 200ms;
    transition: top 200ms;
    left: -5000px;
    position: fixed;
    top: -125px;
    z-index: 205; }

.loading-indicator .loading-indicator-bg {
    background: #2b2b2b;
    border-radius: 0 0 10px 10px;
    color: white;
    background-repeat: no-repeat;
    width: 103px;
    height: 125px;
    left: 10px;
    position: absolute;
    text-align: center;
    top: 0;
    padding-top: 10px;
    z-index: 205; }

.spinner {
    left: 31px;
    position: absolute;
    top: 18px;
    z-index: 210; }

.spinner {
    height: 60px;
    width: 60px;
    position: relative; }

.spinner .icon {
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    color: #fff;
    display: block;
    font-size: 32px;
    line-height: 60px;
    position: absolute;
    text-align: center; }

.spinner .spinner-bg {
    position: relative;
    text-indent: -119988px;
    overflow: hidden;
    text-align: left;
    background-image: url("../img/spinner-main.png?1395806741");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    margin-top: 25px;
    width: 61px;
    height: 61px; }

.show {
    top: 0;
    left: 0;
    position: fixed;
    left: 50%;
    top: 0;
    /*
  Nope =(
  margin-left: -25%;
  margin-top: -25%;
  */
    /*
  Yep!
  */
    transform: translate(-50%, 0); }

@media (max-width: 640px) {
    .show {left: 40%;}
}

@media (max-width: 480px) {
    .show {left: 30%;}
}

.spin {
    -webkit-animation: spin 1s infinite linear;
    -moz-animation: spin 1s infinite linear;
    -ms-animation: spin 1s infinite linear;
    animation: spin 1s infinite linear; }

@-webkit-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg); }

    100% {
        -moz-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -ms-transform: rotate(359deg); } }
@-ms-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg); }

    100% {
        -moz-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -ms-transform: rotate(359deg); } }
@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg); }

    100% {
        -moz-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -ms-transform: rotate(359deg); } }
@keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg); }

    100% {
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -ms-transform: rotate(360deg); } }
@-webkit-keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(0);
        transform: translateX(0); }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px); }

    20%, 40%, 60%, 80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px); } }
@keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0); }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px); }

    20%, 40%, 60%, 80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px); } }
.shake {
    -webkit-animation-name: shake;
    animation-name: shake; }

/*************
Setting
*************/
#mapSetting {
    position: relative;
    padding-bottom: 60%;
    padding-top: 30px;
    overflow: hidden;
    width: 100%;
    height: auto;
}

#mapHistoric {
    position: relative;
    padding-bottom: 60%;
    padding-top: 30px;
    overflow: hidden;
    width: 100%;
    height: auto;
}

.error-message {
    border: 1px solid;
    margin: 10px 0;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    color: #D8000C;
    background-color: #FFBABA;
}

.confirm-message {
    border: 1px solid;
    margin: 10px 0;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    color: #4F8A10;
    background-color: #DFF2BF;
}

.error_message {
    background: rgba(217,83,79,0.8);
    padding: 5px;
    width: 300px;
    font-size: 12px;
    text-align: center;
    margin: 20px auto;
    border-radius: 6px;
    border: 2px solid #BF3430;
}

.notice-message {
    padding: 10px;
    max-width: 350px;
    font-size: 14px;
    text-align: center;
    margin: 20px auto;
    border-radius: 6px;
    color: #212529;
    background-color: #fcb040;
}

.success_message {
    background: #569953;
    border: 2px solid #31612F;
    padding: 5px;
    width: 300px;
    font-size: 12px;
    text-align: center;
    margin: 20px auto;
    border-radius: 6px;
}

.warning {
    color: #000000;
    background-color: rgba(255, 255, 128, 0.75);
    border-radius: 5px;
    border: 1px solid #c3c300;
    padding: 5px;
    margin: 5px 0 10px 0;
    font-size: 14px;
    text-align: center;
}

#waitingMessage {
    border: 1px solid;
    margin: 10px 0;
    padding:15px 10px 15px 10px;
    background-repeat: no-repeat;
    background-position: 10px center;
    text-align: center;
    color: #00529B;
    background-color: #BDE5F8;
    top: 50%;
    left: 50%;
    width:30em;
    height:3.5em;
    margin-top: -3em; /*set to a negative number 1/2 of your height*/
    margin-left: -15em; /*set to a negative number 1/2 of your width*/
    position:fixed;
}

#confirmMessage, #errorMessage, #warningMessage {
    border-radius: 10px;
    border: 2px solid #FFF;
    box-shadow: 2px 2px 3px 2px #7a7a7a;
    padding: 2px;
    text-align: center;
    line-height: initial !important;
    color: #7a7a7a;
    top: 260px;
    left: 0;
    right: 0;
    width: 480px;
    margin: auto;
    position:fixed;
    z-index: 10001 !important;
}

#confirmMessage a, #confirmMessage a:visited,
#errorMessage a, #errorMessage a:visited,
#warningMessage a, #warningMessage a:visited {
    color: unset;
}

#confirmMessage {
    background-color: #0cad25;
}

#errorMessage {
    background-color: #ff0c27;
}

#warningMessage {
    background-color: #ffd33d;
}

.messagePanel {
    display: flex;
    background-color: #FFF;
    border-radius: 7px;
    padding: 5px;
    width: 100%;
}

.messageIcon {
    display: inline-block;
    margin-top: -12px;
    font-size: 50px;
    text-shadow: 0px 0px 2px #7a7a7a;
    width: 50px;
}

#errorMessage .messageIcon {
    margin-left: -5px;
    color: #ff0c27;
}

#warningMessage .messageIcon {
    margin-top: -5px;
    margin-left: 5px;
    color: #ffd33d;
}

#confirmMessage .messageIcon {
    margin-top: -10px;
    color: #0ccc25;
}

.messageContent {
    display: inline-block;
    float: left;
    width: 400px;
    margin: 5px;
    padding: 10px 0 10px 0;
}

.messageClose {
    display: inline-block;
    font-size: 24px;
    margin: 0px 5px;
    width: 30px;
}

#errorKeyword, #errorKeywordExcluded, #errorKeywordGeo, #confirmSave, #errorSave, #confirmMessage, #errorMessage, .errorMessageKeyword, #waitingMessage, #warningMessage {
    display: none;
}

#main-loading-overlay {
    text-align: center;
    display: table;
}

#main-loading-overlay > p {
    display: table-cell;
    vertical-align: middle;
}

#main-loading-overlay > p > img {
    width: 3%;
}

/**************
Post View
**************/
#mapPost {
    /*width: 100%;*/
    height: 600px;
}

/**************
List View
**************/

.searchdiv {
    float: left;
    width: 220px;
    height: 40px;
    background-color: #EDEFF0;
    margin-top: 3px;
    padding-left: 8px;
    border-radius: 5px;
    margin-left: 20px;
}

#dashsearch {
    padding: 0;
    margin-top: 0;
    position: relative;
    top: -5px;
    width: 175px;
    background-color: #FFF;
    padding-left: 5px;
}

.flagbutton {
    float: left;
    margin-right: 20px;
}

.listmarkerpin {
    float: left;
    margin-top: 5px;
    margin-right: 20px;
    width: 20px;
}

.listcity {
    font-size: 80%;
    padding-right: 270px;
    float: right;
}

.listcityview {
    font-size: 80%;
    padding-right: 370px;
    float: right;
}

/**************
Map View
**************/

.markerpin {
    float: right;
    width: 20px;
    margin-right: 10px;
}

.markerdate {
    padding-bottom: 5px;
}

.markerflag {
    float: right;
    width: 40px;
    margin-top: -6px;
}

.markerbuttons {
    float: left;
    padding-left: 176px;
    line-height: 1.3em;
}

.markeravatar {
    vertical-align: top;
    float: left;
    margin-right: 20px;
    border: 1px solid #243645;
    border-radius: 3px;
}

.markercontent {
    clear: both;
    margin-bottom: 15px;
    background-color: #F2F2F2;
    padding: 3px;
    margin-top: 5px;
    border-radius: 0 7px 7px 7px;
    border: 1px solid #CCC;
}

/*------------------------------------*\
  Compact Theme Styles
\*------------------------------------*/

.compact-theme a, .compact-theme span {
    float: left;
    color: #333;
    font-size:14px;
    line-height:24px;
    font-weight: normal;
    text-align: center;
    border: 1px solid #AAA;
    border-right: none;
    min-width: 14px;
    padding: 0 7px;
    background: #efefef; /* Old browsers */
}

.compact-theme a:hover {
    text-decoration: none;
    background: #efefef; /* Old browsers */
}

.compact-theme .prev {
    border-radius: 3px 0 0 3px;
}

.compact-theme .next {
    border-right: 1px solid #AAA;
    border-radius: 0 3px 3px 0;
}

.compact-theme .current {
    background: #bbbbbb; /* Old browsers */
    cursor: default;
}

.compact-theme .ellipse {
    background: #EAEAEA;
    padding: 0 10px;
    cursor: default;
}

/*------------------------------------*\
  Light Theme Styles
\*------------------------------------*/

.light-theme a, .light-theme span {
    float: left;
    color: #243645;
    font-size:14px;
    line-height:24px;
    font-weight: normal;
    text-align: center;
    border: 1px solid #BBB;
    min-width: 14px;
    padding: 0 7px;
    margin: 0 5px 0 0;
    border-radius: 3px;
}

.light-theme a:hover {
    text-decoration: none;
    background: #243645;
    color: #FFFFFF;
}

.light-theme .current {
    background: #243645;
    color: #FFF;
    border-color: #444;
    cursor: default;
}

.light-theme .prev:not(.page-link),
.light-theme .next:not(.page-link) {
    background: #CCC;
    border-color: #DDD;
}

.light-theme .ellipse {
    background: none;
    border: none;
    border-radius: 0;
    box-shadow: none;
    font-weight: bold;
    cursor: default;
}

/*Filters search*/
input.form-field_filters, textarea.form-field_filters {
    -webkit-transition: all 0.2s ease-in-out;
    -transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    border: 2px solid #edeff0;
    background: #edeff0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -khtml-border-radius: 3px;
    color: #2b2b2b;
    font-family: "Open Sans", sans-serif;
    margin: 1em 0;
    vertical-align: middle;
    padding: 0.2em;
    width: 15em; }
input.form-field_filters:focus, textarea.form-field_filters:focus {
    background: white;
    outline: 0; }

input.form-field_filters, .date_ranges {
    width: 8em;
}

.query-expires {
    vertical-align: middle;
    padding: 8px !important;
    margin-left: 0.5em;
    width: 9em;
}

#infoWindow {
    width: 500px;
}

@media (max-width: 1080px) {
    #social-channels{
        display: none;
    }
}

.logo__block img {
    /*width: 140px;
    max-height: 32px;*/
    width: auto;
    max-height: 25px;
}

@media (max-width: 620px) {
    .db-menu {display: none;}
    .mb-logout {display: none;}
    .header__user-profile--image, .user-profile__details {display: none;}
    /*.mb-slide-menu {display: block;float:left}*/
    /*.mb-slide-menu a.button--large i {display: block;font-size: 15px;}*/
    /*nav.header__nav.mb-slide-menu a.nav__link {margin: 10px 0;}*/
    .mm-menu .mm-hidden {display: none;}
    #full-left {display: none;}
    .single-post__buttons {width:100%;}
    .single-post__buttons a.button--post {width: 25%;float: left;margin-left: -1px;}
    .post-details small {width: 100%;}
    .single-post__timestamp {padding: 0 4px;margin: 5px 0;}
    .single-post__profile-image {width: 2.325rem;}
    .single-post__header h4 {display: inline-block;font-size: 20px;margin: 0 0.5rem 0.5rem 0;width: 100%;}
    footer {text-align: center;}
    .left-bar__link i.fa, .left-bar__link i.ico {width: auto;}
    .left-bar a span {display: inline-block;font-size: 15px;font-weight: bold;margin-left: 15px;text-align: center;}
    .right-bar-slide a span {display: inline-block;font-size: 15px;font-weight: bold;margin-left: 15px;text-align: center;}
    .right-bar-slide .left-bar__link i.fa, .right-bar-slide .left-bar__link i.ico {font-size: 1.2rem;padding-left: 15px;}
    .main-content__sub-nav {display: block;}
    .header__button--log-out {background: transparent !Important}
    .post-details {display: block;float: left;width: 100%;margin-top: 0;}
    .inlineipt input {width: 55%;float: left;}
    .single-post__header {border-top: 1px solid #eee;margin-top:10px;}
    .nav__link i.fa.fa-cog {font-size: 25px;}
    .nav__link.set {font-size: 20px;display: block;padding: 10px 0;}
    header {
        position: fixed;
        z-index: 200;
    }
    .mm-fixed-top, .mm-fixed-bottom {padding-top: 110px;}
    .fixed-menu ul {display: block;width: 100%;background: #222;position: absolute;margin: 0;top: 68px;box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);}
    .fixed-menu ul li {width: 33%;background: #222;float: left;padding: 10px 0;text-align: center;border-right: 1px solid #2d2d2d;}
    .fixed-menu ul li a {color: #888;font-size: 12px;font-weight: lighter;}
    .fixed-menu ul li a:hover {color: #fff;}
    .fixed-menu {display: block;}
    .slide-option {background: #333;}
    .slide-option .main-content__sub-nav {display: block}
    .slide-option .search-ipt{display: none;}
    .slide-option .sub-nav__view-control {width: 100%}
    .slide-option .sub-nav__view-control a.button {width: 100%;border: none;}
    .slide-option  a.button {width: 100%;border: none;}
    .slide-option  .sub-nav__view-control--right {width: 100%;}
    .slide-option  .single-post__profile-image {width: 0;height: 100px;text-align: center;}
    .slide-option  .main-content__sub-nav .single-post__profile-image img {width: 27%;border-radius: 50px;}
    .slide-option  .channel__filter {width: 100%;text-align: center;}
    .slide-option  .channel__filter a {margin-right: 6px;}
    .slide-option a.button {margin-bottom: 15px;}
    .menu-channel {margin-top: -16px;text-align: center;}
    h3.inline-header {display: block;color: #fff;}
    .ct_map small {width: 100%;}
    .widhalf {width: 40%;margin-top: 75px;}
    .people-history a {display:block; margin-bottom:5px!important;}
    .profile-view .single-post.wdfull {margin-top:10px;}
    .post-details.widhalf {padding-top: 230px;}
}

@media (max-width: 479px) {
    .main-content__sub-nav {display: block;}
    #filter-by-header {float:left;color:#000;}
    .mm-fixed-top, .mm-fixed-bottom {padding-top: 60px;}
}

@media (min-width: 768px) {
    .mm-menu .mm-hidden {display: block;}
    .single-post {width: 100%;border-top: 1px solid #e7eaec;vertical-align: top;display: inline-table;margin: 0;}
    .post-details {width: 100%;}
    .menu-channel {text-align: center;}
    .channel__filter {width: 40%;margin-top: 10px;text-align: left;}
    /*.header__wrap {margin: 0;width: 100%;}*/
    .main-content__load {display: none;}
    footer {display: none;}
    .search-ipt {margin-top: 10px;}
    .search-ipt i {margin: 9px 12px;position: absolute;font-size: 15px;color: #888888;}
    .search-ipt input {width: 90px;-webkit-transition: width 1s ease-in-out;-moz-transition:width 1s ease-in-out;-o-transition: width 1s ease-in-out;transition: width 1s ease-in-out;}
    .search-ipt input:focus {width: 150px;border-color: #008ac2;position: absolute;}
    .button--channel i {display: none;}
    #showchannel {margin-right: 10px;}
    .single-post__profile-image i {background: none repeat scroll 0 0 #fff;border-radius: 30px;color: #243645;margin-left: -15px;margin-top: 35px;padding: 2px;display:block;}
    .widhalf {width: 45%;padding-left: 15px;}
    .gnleft {margin: 0;}
    .mgn-button a.button {margin: 10px 3px;width: 30%;padding: .575rem 0.6rem}
    .button--post {float: left;font-size: 0.87rem;font-weight: 600;margin: 10px -0.1rem 5px 0;padding: 0.2rem 0.1rem; width: 1.9rem; }
    .channel__filter {margin-left: 10px;margin-top: 0;text-align: left;width: auto;}
    .db-menu {display: block;}
    .dropit {display: none;}
    .mb-logout {display: block;}
    /*.mb-slide-menu {display: none;}*/
    /*.mb-slide-menu a.button--large i {display: block;font-size: 28px;}*/
    /*nav.header__nav.mb-slide-menu a.nav__link {margin: 13px 0;}*/
    #full-left {display: block;padding-top:20px;min-height:91.3vh;}
    .search-ipt {margin-top: 2px;}
    .single-post__timestamp {padding: 5px 9px;margin: 5px;}
    footer {text-align: left;}
    .left-bar__link i.fa, .left-bar__link i.ico {width: 100%;}
    .main-content__sub-nav {display: block;}
    .inlineipt input {width: 75%;display: inline-block;height: 40px;}
    .header__nav a.keyword-tgr {display: block;}
    .nav__link.set {font-size: 25px;display: none;}
    header {position: fixed;}
    .mm-fixed-top, .mm-fixed-bottom {padding-top: 0;}
    .fixed-menu {display: none;}
    .ct_map small {width: auto;}
}

@media (max-width: 868px) {
    .progress_canvas {
        display: none;
    }
}

@media (max-width: 768px) {
    .db-menu {display: none;}
    .mb-logout {display: none;}
    #header__search, #quick-pins-list, .header__user-profile--image, .user-profile__details {display: none;}
    #header__account-info {display: none !important;}
    /*#start-menu-items {display: none !important;}*/
    /*.mb-slide-menu {display: block;float:left}*/
    /*.mb-slide-menu a.button--large i {display: block;font-size: 28px;}*/
    /*nav.header__nav.mb-slide-menu a.nav__link {margin: 6px 0;}*/
    .mm-menu .mm-hidden {display: none;}
    #full-left {display: none;}
    .single-post.person-search-card{border-top: 1px solid #e7eaec !important;}
    .single-post__profile-image {width: 3.325rem;}
    footer {text-align: center;}
    .left-bar__link i.fa, .left-bar__link i.ico {width: auto;}
    .left-bar a span {display: inline-block;font-size: 15px;font-weight: bold;margin-left: 15px;text-align: center;}
    .right-bar-slide a span {display: inline-block;font-size: 15px;font-weight: bold;margin-left: 15px;text-align: center;}
    .right-bar-slide .left-bar__link i.fa, .right-bar-slide .left-bar__link i.ico {font-size: 1.2rem;padding-left: 15px;}
    .main-content__sub-nav {display: block;}
    /*.logo__block a {margin: 10px 65px}*/
    .header__button--log-out {background: transparent !Important}
    .post-details {display: block;float: left;width: 100%;margin-top: 0;}
    /*.inlineipt input {width: 55%;float: left;}*/
    .single-post__header {border-top: 1px solid #eee;margin-top:10px;}
    /*.logo__block img {width: 124px; padding-top: 3px;}*/
    .nav__link i.fa.fa-cog {font-size: 25px;}
    .nav__link.set {font-size: 25px;display: block;padding: 6px 10px;}
    header {
        position: fixed;
        z-index: 200;
    }
    .mm-fixed-top, .mm-fixed-bottom {padding-top: 67px;}
    #full-left-mb-menu { width: 300px; }
    .fixed-menu ul {display: block;width: 100%;background: #222;position: absolute;margin: 0;top: 68px;box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);}
    .fixed-menu ul li {width: 33%;background: #222;float: left;padding: 10px 0;text-align: center;border-right: 1px solid #2d2d2d;}
    .fixed-menu ul li a {color: #888;font-size: 12px;font-weight: lighter;}
    .fixed-menu ul li a:hover {color: #fff;}
    .fixed-menu {display: block;}
    .slide-option {background: #333;}
    .slide-option .main-content__sub-nav {display: block}
    .slide-option .search-ipt{display: none;}
    .slide-option .sub-nav__view-control {width: 100%}
    .slide-option .sub-nav__view-control a.button {width: 100%;border: none;}
    .slide-option  a.button {width: 100%;border: none;}
    .slide-option  .sub-nav__view-control--right {width: 100%;}
    .slide-option  .single-post__profile-image {width: 100%;height: 100px;text-align: center;}
    .slide-option  .main-content__sub-nav .single-post__profile-image img {width: 27%;border-radius: 50px;}
    .slide-option  .channel__filter {width: 100%;text-align: center;}
    .slide-option  .channel__filter a {margin-right: 6px;}
    .slide-option a.button {margin-bottom: 15px;}

    .post-details.widhalf {float:none;width:70%;overflow:hidden;}
    .profile-view-buttons a { margin: 2px; }
    .single-post__buttons .button { padding: 5px 7px;margin: 0 !important;}
    .modal-form {width: 90% !important;}

    #twitter_section_3 {float:none;display:block;}
    .channel__filter h3 {display:inline!important;color:#555;vertical-align:top;}
    .channel__filter { margin: 5px; }
    .inlineipt a {margin-top:0 !important;}

}

@media (min-width: 1024px) {
    .mm-menu .mm-hidden {display: block;}
    .single-post {width: 98%;border-top: 4px solid #CCCCCC;display: inline-table;margin: 5px 10px;vertical-align: top}
    /*.post-details {width: 75%;padding-left: 5px;}*/
    .post-details {width: 100%;padding-left: 5px;}
    .channel__filter {width: auto;margin: 0;}
    .left-bar__nav a.left-bar__link span.not {display: none; background: #ce483b;border-radius: 30px;color: #fff;font-size: 10px;font-weight: bold;margin-left: 60px;margin-top: 0;padding: 4px 9px;position: absolute;border: 3px solid #233646}
    .wrap {top: -5px;position: relative;}
    .main-content__load {display: block;}
    footer {display: block;}
    .search-ipt input {width: 85px;}
    .search-ipt input:focus {width: 150px;border-color: #008ac2;position: absolute;}
    .search-ipt i {color: #888888;margin: 9px;position: absolute;font-size: 15px;}
    .search-ipt {margin-top: 0;}
    .button--channel i {display: inline-block;}
    .single-post__profile-image i {background: none repeat scroll 0 0 #fff;border-radius: 30px;color: #243645;margin-left: -15px;margin-top: 35px;padding: 2px;position: absolute;}
    .widhalf {width: 78%;float: left;padding-left: 15px;}
    .gnleft {margin-left: 10px;}
    .mgn-button a.button {margin: 10px 3px;width: 37%;}
    .button--post {padding:  11.2px 0;padding:  0.5rem 0.9rem;font-size:  0.87rem;margin: 5px -0.1rem 0 0;font-weight: 600;float: left;width:  2.7rem; }
    .db-menu {display: block;}
    .dropit {display: none;}
    .mb-logout {display: block;}
    /*.mb-slide-menu {display: none;}*/
    #full-left {display: block;}
    .single-post__timestamp {padding: 5px 9px;margin: 5px;}
    footer {text-align: left;}
    .left-bar__link i.fa, .left-bar__link i.ico {width: 100%;}
    .main-content__sub-nav {display: block;}
    .inlineipt input {width: 75%;display: inline-block;height: 40px;}
    .header__nav a.keyword-tgr {display: none;}
    .nav__link.set {font-size: 25px;display: none;}
    header {position: fixed;}
    .mm-fixed-top, .mm-fixed-bottom {padding-top: 0;}
    .fixed-menu {display: none;}
    .ct_map small {width: auto;}

}

/* Additional Style */
.btn_map a.button {border-radius: 5px;margin: 0 5px;background: #fff;border: 2px solid #bbb;color: #555;font-size: 12px;}
.btn_map {text-align: left;border-top: 1px solid #ddd;padding-top: 10px;}
.head_map { border-bottom: 1px solid #ddd;width: 100%;display: inline-block;margin: 10px 0;padding: 0 0 10px 0;min-width:520px;}
.head_map .single-post__profile-image {margin: 0 0.1rem 0 0;}
.head_map h4 { display: inline-block;}
.head_map .icon { display: inline-block;float: right;}
.head_map .icon i {font-size: 22px;margin: 10px 5px;}
.head_map .icon i.fa-flag{ color: #ce483b;}
.head_map .single-post__buttons {margin-right: 5px;}
.head_map a {color: #555;}
.ct_map small {font-size: 12px;margin-bottom: 10px;display: inline-block;color: #999;}
.ct_map {font-size: 15px;margin-bottom: 20px;}
#mapNode .ct_map {margin-bottom: 0;}
.button--infowindow {border: 1px solid #DDDDDD; border-radius: 4px; margin-top: 10px; display: inline-block; padding: 2px 5px; font-size: 0.8em;}
.button--infowindow:hover {color: #FFFFFF !important; background: #243645 !important; border-color: #243645 !important;}
.btn-bl a.button {background: #243645 !important;border: 0 !important;color: #fff !important;padding: 10px 20px;}
.text-left a.btn-brd {margin-left: 10px;}
.keywordwrapper {
    background:#599FEE;
    border-radius:10px;
    padding:5px;
    padding-left:10px;
    display:inline-block !important;
    margin:5px;
    float:left;
    position:relative;
}
.keywordwrapper p { display:inline; padding-right:10px; font-size:15px; color:white; }
.keywordwrapper a { padding:0 5px; margin-top:0; color:white; }
.keywordwrapper span { padding-left:5px; }
.keywordwrapper.exclude { background: #393939 !important; }
.keywordwrapper.geolocation { background: #49A278 !important; }
.keywordwrapper.languages { background: #efefef; border: 1px solid #243645; }
.keywordwrapper.languages p, .keywordwrapper.languages a { color: #243645; }
.query-languages-button { margin-top: 5px; }
.query-languages-button-items { margin: 5px; }
.inlineipt {display: inline-block;text-align: left;}
.inlineipt a {float: right; display: inline-block;margin-top: 13px;}
.header__user-profile--image img {border-radius: 3px;width: 35px;border: 3px solid #fff;}
.post-details h4 {font-size: 1rem;text-transform: none;line-height: 18px;}
a.post-link {color: #555;font-size: 14px;font-weight: 300;margin-top: 8px;display: block;}
.single-post__timestamp {padding: 5px 9px;}
.single-post__timestamp span {height: 1.2em;}
.post-details small {color: #999;}
.post-details hr {border-top: 1px solid #999;}
.single-post__buttons a.button--post {background: #fff;max-width:45px;color: #555;border: 1px solid #ddd;}
.single-post__timestamp {border-radius: 30px;}
.single-post__timestamp.aboutme i,
.single-post__timestamp.altsocial i,
.single-post__timestamp.altsocialplus i,
.single-post__timestamp.angellist i,
.single-post__timestamp.blog i,
.single-post__timestamp.blogger i,
.single-post__timestamp.board i,
.single-post__timestamp.chanboards i,
.single-post__timestamp.chan4chan i,
.single-post__timestamp.dailymotion i,
.single-post__timestamp.darkweb i,
.single-post__timestamp.deepweb i,
.single-post__timestamp.default i,
.single-post__timestamp.delicious i,
.single-post__timestamp.ebay i,
.single-post__timestamp.etsy i,
.single-post__timestamp.facebook i,
.single-post__timestamp.facebook_public i,
.single-post__timestamp.flickr i,
.single-post__timestamp.foursquare i,
.single-post__timestamp.foursquare-new i,
.single-post__timestamp.ftp i,
.single-post__timestamp.gab i,
.single-post__timestamp.github i,
.single-post__timestamp.goodreads i,
.single-post__timestamp.google-chat i,
.single-post__timestamp.gravatar i,
.single-post__timestamp.hi5 i,
.single-post__timestamp.i2p i,
.single-post__timestamp.instagram i,
.single-post__timestamp.keybase i,
.single-post__timestamp.klout i,
.single-post__timestamp.lastfm i,
.single-post__timestamp.linkedin i,
.single-post__timestamp.mastodon i,
.single-post__timestamp.medium i,
.single-post__timestamp.myspace i,
.single-post__timestamp.naver i,
.single-post__timestamp.news i,
.single-post__timestamp.onion i,
.single-post__timestamp.onlyfans i,
.single-post__timestamp.pastebin i,
.single-post__timestamp.patreon i,
.single-post__timestamp.pinterest i,
.single-post__timestamp.plancast i,
.single-post__timestamp.plurk i,
.single-post__timestamp.reddit i,
.single-post__timestamp.scribd i,
.single-post__timestamp.sinaweibo i,
.single-post__timestamp.skype i,
.single-post__timestamp.slack i,
.single-post__timestamp.slideshare i,
.single-post__timestamp.soundcloud i,
.single-post__timestamp.stackoverflow i,
.single-post__timestamp.telegram i,
.single-post__timestamp.tiktok i,
.single-post__timestamp.tinder i,
.single-post__timestamp.tripadvisor i,
.single-post__timestamp.tumblr i,
.single-post__timestamp.tw i,
.single-post__timestamp.twitagram i,
.single-post__timestamp.twitch i,
.single-post__timestamp.twitface i,
.single-post__timestamp.twitsquare i,
.single-post__timestamp.twitter i,
.single-post__timestamp.vimeo i,
.single-post__timestamp.vk i,
.single-post__timestamp.wordpress i,
.single-post__timestamp.youtube i
{color: #fff;font-size: 20px;}

.single-post__timestamp.aboutme {background: #164f76;}
.single-post__timestamp.altsocial {background: #01d078;}
.single-post__timestamp.altsocialplus {background: #E39B2E;}
.single-post__timestamp.angellist {background: #000000;}
.single-post__timestamp.bitly {background: #f1f7fc;}
.single-post__timestamp.blog {background: #F29363;}
.single-post__timestamp.blogger {background: #f57d00;}
.single-post__timestamp.board {background: #87d1e2;}
.single-post__timestamp.chanboards {background: #006500;}
.single-post__timestamp.chan4chan {background: #335c9f;}
.single-post__timestamp.dailymotion {background: #00669d;}
.single-post__timestamp.darkweb {background: #000000;}
.single-post__timestamp.deepweb {background: #110066;}
.single-post__timestamp.default {background: #83939a;}
.single-post__timestamp.delicious {background: #222222;}
.single-post__timestamp.dribbble {background: #ea4c89;}
.single-post__timestamp.ebay {background: #e53238;}
.single-post__timestamp.etsy {background: #f56400;}
.single-post__timestamp.facebook {background: #47639e;}
.single-post__timestamp.facebook_public {background: #47639e;}
.single-post__timestamp.flickr {background: #ff0084;}
.single-post__timestamp.foursquare {background: #f94877;}
.single-post__timestamp.foursquare-new {background: #f94877;}
.single-post__timestamp.friendfeed {background: #B0CBE9;}
.single-post__timestamp.ftp {background: #d1b36b;}
.single-post__timestamp.gab {background: #21cf7a;}
.single-post__timestamp.github {background: #2ebc4f;}
.single-post__timestamp.goodreads {background: #553b08;}
.single-post__timestamp.google {background: #dd4b39;}
.single-post__timestamp.googleplus {background: #dd4b39;}
.single-post__timestamp.gravatar {background: #1e8cbe;}
.single-post__timestamp.hi5 {background: #fd9827;}
.single-post__timestamp.i2p {background: #60bb46;}
.single-post__timestamp.instagram {background: #b08971;}
.single-post__timestamp.intensedebate {background: #39a1f1;}
.single-post__timestamp.keybase {background: #33a0ff;}
.single-post__timestamp.klout {background: #E44600;}
.single-post__timestamp.lastfm {background: #d51007;}
.single-post__timestamp.layers {background: #000000;}
.single-post__timestamp.layers-o {background: #000000;}
.single-post__timestamp.linkedin {background: #007bb6;}
.single-post__timestamp.mastodon {background: #2b90d9;}
.single-post__timestamp.medium {background: #00ab6c;}
.single-post__timestamp.menu {background: #000000;}
.single-post__timestamp.myspace {background: #030303;}
.single-post__timestamp.naver {background: #19ce60;}
.single-post__timestamp.news {background: #1232B4;}
.single-post__timestamp.onion {background: #7d4698;}
.single-post__timestamp.onion-large {background: #000000;}
.single-post__timestamp.onlyfans {background: #00AFF0;}
.single-post__timestamp.other {background: #555;}
.single-post__timestamp.pastebin {background: #023859;}
.single-post__timestamp.patreon {background: #ff424d;}
.single-post__timestamp.pinterest {background: #bd081c;}
.single-post__timestamp.plancast {background: #111;}
.single-post__timestamp.plurk {background: #FF574D;}
.single-post__timestamp.reddit {background: #ff4500;}
.single-post__timestamp.scribd {background: #113948;}
.single-post__timestamp.sinaweibo {background: #BB3E3E;}
.single-post__timestamp.skype {background: #00aff0;}
.single-post__timestamp.slideshare {background: #0077b5;}
.single-post__timestamp.soundcloud {background: #ff3300;}
.single-post__timestamp.stackoverflow {background: #F48024;}
.single-post__timestamp.telegram {background: #0088CC;}
.single-post__timestamp.tinder {background: #fe3c72;}
.single-post__timestamp.tiktok {background: #000000;}
.single-post__timestamp.topix {background: #384684;}
.single-post__timestamp.tripadvisor {background: #00af87;}
.single-post__timestamp.tumblr {background: #495269;}
.single-post__timestamp.twitagram {background: #b08971;}
.single-post__timestamp.twitch {background: #6441a5;}
.single-post__timestamp.twitface {background: #47639e;}
.single-post__timestamp.twitsquare {background: #f94877;}
.single-post__timestamp.twitter {background: #008bc0;}
.single-post__timestamp.video {background: #9dbb79;}
.single-post__timestamp.vimeo {background: #1ab7ea;}
.single-post__timestamp.vk {background: #4c75a3;}
.single-post__timestamp.wordpress {background: #1e8cbe;}
.single-post__timestamp.yikyak {background: #94e0c8;}
.single-post__timestamp.youtube {background: #e74234;}


.post-details h4 a {color: #555;}
.single-post__timestamp .fa-altsocial {color: #01d078;}
.single-post__timestamp .fa-altsocialplus {color: #E39B2E;}
.single-post__timestamp .fa-bitly {color: #ee6123;}
.single-post__timestamp .fa-blog {color: #fff;}
.single-post__timestamp .fa-board {color: #fff;}
.single-post__timestamp .fa-chanboards {color: #fff;}
.single-post__timestamp .fa-chan4chan {color: #fff;}
.single-post__timestamp .fa-dailymotion {color: #fff;}
.single-post__timestamp .fa-darkweb {color: #000000;}
.single-post__timestamp .fa-deepweb {color: #fff;}
.single-post__timestamp .fa-default {color: #fff;}
.single-post__timestamp .fa-ebay {background: #fff;}
.single-post__timestamp .fa-etsy {background: #fff;}
.single-post__timestamp .fa-facebook {color: #47639e;}
.single-post__timestamp .fa-facebook_public {color: #47639e;}
.single-post__timestamp .fa-foursquare-new {color: #f94877;}
.single-post__timestamp .fa-ftp {color: #fff;}
.single-post__timestamp .fa-google-chat {color: #4a154b;}
.single-post__timestamp .fa-google-plus {color: #e56146;}
.single-post__timestamp .fa-i2p {color: #fff;}
.single-post__timestamp .fa-instagram {color: #b08971;}
.single-post__timestamp .fa-intensedebate {color: #fff;}
.single-post__timestamp .fa-layers {color: #fff;}
.single-post__timestamp .fa-layers-o {color: #fff;}
.single-post__timestamp .fa-naver {color: #fff;}
.single-post__timestamp .fa-mastodon {color: #fff;}
.single-post__timestamp .fa-menu {color: #fff;}
.single-post__timestamp .fa-onion {color: #fff;}
.single-post__timestamp .fa-onion-large {color: #000000;}
.single-post__timestamp .fa-onlyfans {color: #fff;}
.single-post__timestamp .fa-pastebin {color: #fff;}
.single-post__timestamp .fa-patreon {color: #fff;}
.single-post__timestamp .fa-reddit {color: #000;}
.single-post__timestamp .fa-scribd {color: #113948;}
.single-post__timestamp .fa-sinaweibo {color: #BB3E3E;}
.single-post__timestamp .fa-slack {color: #4a154b;}
.single-post__timestamp .fa-telegram {color: #fff;}
.single-post__timestamp .fa-tiktok {color: #fff;}
.single-post__timestamp .fa-tinder {color: #fff;}
.single-post__timestamp .fa-topix {color: #fff;}
.single-post__timestamp .fa-tripadvisor {color: #fff;}
.single-post__timestamp .fa-tumblr {color: #fff;}
.single-post__timestamp .fa-twitagram {color: #008bc0;}
.single-post__timestamp .fa-twitface {color: #47639e;}
.single-post__timestamp .fa-twitsquare {color: #f94877;}
.single-post__timestamp .fa-twitter {color: #008bc0;}
.single-post__timestamp .fa-video {color: #fff;}
.single-post__timestamp .fa-vk {color: #4c75a3;}
.single-post__timestamp .fa-wordpress {color: #fff;}
.single-post__timestamp .fa-yikyak {color: #765800;}
.single-post__timestamp .fa-youtube {color: #e74234;}

.left-bar__nav a.left-bar__link:first-child { /*border-top: 0; */}
.left-bar__nav a.left-bar__link:last-child {border-bottom: 1px solid #222;}
#facebook_page_search_label a.button, .actions a.button, .profile-view a.button, .sub-nav__view-control a.button, #export_button, .sub-nav__tab-control a.tab, a.button--channel, .button.button--small, .sub-nav__list-control a.button, .sub-nav__view-control--right .button, .single-post__profile-image--large a.button, .container--half-width a.button, .container--quarter-width a.button, .container--full-width a.button, .tags a.button, .single-post__header a.btn-brd {background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #bbb;color: #555;font-size: 12px;border-radius: 5px;}
.search-ipt {float: right;padding-top: 3px;}
.search-ipt input {border-radius: 30px;border: 2px solid #eee;height: 35px;padding: 0 10px 0 25px;font-size: 12px;font-weight: lighter;color: #888;}
.right {float: right;}
.main-content__load {margin-top: 50px;text-align: left;border-bottom: 1px solid #ddd;padding-bottom: 50px;}
.channel__filter a.altsocial-short, .channel__filter b.altsocial-short {background: #01d078 !important;color: #fff;}
.channel__filter a.altsocialplus-short, .channel__filter b.altsocialplus-short {background: #E39B2E !important;color: #fff;}
.channel__filter a.chanboards-short, .channel__filter b.chanboards-short {background: #006500 !important;color: #fff;}
.channel__filter a.chan4chan-short, .channel__filter b.chan4chan-short {background: #335c9f !important;color: #fff;}
.channel__filter a.ebay-short, .channel__filter b.ebay-short {background: #e53238 !important;color: #fff;}
.channel__filter a.default-short, .channel__filter b.default-short {background: #83939a !important;color: #fff;}
.channel__filter a.twitter-short, .channel__filter b.twitter-short {background: #008bc0 !important;color: #fff;}
.channel__filter a.facebook-short, .channel__filter b.facebook-short {background: #47639e !important;color: #fff;}
.channel__filter a.facebook_public-short, .channel__filter b.facebook_public-short {background: #47639e !important;color: #fff;}
.channel__filter a.youtube-short, .channel__filter b.youtube-short {background: #e74234 !important;color: #fff;}
.channel__filter a.instagram-short, .channel__filter b.instagram-short {background: #b08971 !important;color: #fff;}
.channel__filter a.twitagram-short, .channel__filter b.twitagram-short {background: #b08971 !important;color: #fff;}
.channel__filter a.twitface-short, .channel__filter b.twitface-short {background: #47639e !important;color: #fff;}
.channel__filter a.twitsquare-short, .channel__filter b.twitsquare-short {background: #f94877 !important;color: #fff;}
.channel__filter a.foursquare-new-short, .channel__filter b.foursquare-new-short {background: #f94877 !important;color: #fff;}
.channel__filter a.dailymotion-short, .channel__filter b.dailymotion-short {background: #00669d !important;color: #fff;}
.channel__filter a.blog-short, .channel__filter b.blog-short {background: #fb6800 !important;color: #fff;}
.channel__filter a.board-short, .channel__filter b.board-short {background: #87d1e2 !important;color: #fff;}
.channel__filter a.intensedebate-short, .channel__filter b.intensedebate-short {background: #39a1f1 !important;color: #fff;}
.channel__filter a.tumblr-short, .channel__filter b.tumblr-short {background: #495269 !important;color: #fff;}
.channel__filter a.video-short, .channel__filter b.video-short {background: #9dbb79 !important;color: #fff;}
.channel__filter a.wordpress-short, .channel__filter b.wordpress-short {background: #1e8cbe !important;color: #fff;}
.channel__filter a.mastodon-short, .channel__filter b.mastodon-short {background: #2b90d9 !important;color: #fff;}
.channel__filter a.tinder-short, .channel__filter b.tinder-short {background: #fe3c72 !important;color: #fff;}
.channel__filter a.tripadvisor-short, .channel__filter b.tripadvisor-short {background: #00af87 !important;color: #fff;}
.channel__filter a.patreon-short, .channel__filter b.patreon-short {background: #ff424d !important;color: #fff;}
.channel__filter a.etsy-short, .channel__filter b.etsy-short {background: #f56400 !important;color: #fff;}
.channel__filter a.naver-short, .channel__filter b.naver-short {background: #19ce60 !important;color: #fff;}
.channel__filter a.reddit-short, .channel__filter b.reddit-short {background: #cee3f8 !important;color: #000;}
.channel__filter a.topix-short, .channel__filter b.topix-short {background: #384684 !important;color: #fff;}
.channel__filter a.bitly-short, .channel__filter b.bitly-short {background: #f1f7fc !important;color: #ee6123;}
.channel__filter a.yikyak-short, .channel__filter b.yikyak-short {background: #94e0c8 !important;color: #765800;}
.channel__filter a.vk-short, .channel__filter b.vk-short {background: #4c75a3 !important;color: #fff;}
.channel__filter a.sinaweibo-short, .channel__filter b.sinaweibo-short {background: #BB3E3E !important;color: #fff;}
.channel__filter a.slack-short, .channel__filter b.clack-short {background: #4a154b !important;color: #fff;}
.channel__filter a.google-chat-short, .channel__filter b.clack-short {background: #4a154b !important;color: #fff;}
.channel__filter a.darkweb-short, .channel__filter b.darkweb-short {background: #000000 !important;color: #fff;}
.channel__filter a.tiktok-short, .channel__filter b.tiktok-short {background: #000000 !important;color: #fff;}
.channel__filter a.onion-large-short, .channel__filter b.onion-large-short {background: #000000 !important;color: #fff;}
.channel__filter a.ftp-short, .channel__filter b.ftp-short {background: #d1b36b !important;color: #fff;}
.channel__filter a.i2p-short, .channel__filter b.i2p-short {background: #60bb46 !important;color: #fff;}
.channel__filter a.onion-short, .channel__filter b.onion-short {background: #7d4698 !important;color: #fff;}
.channel__filter a.onlyfans-short, .channel__filter b.onlyfans-short {background: #00AFF0 !important;color: #fff;}
.channel__filter a.deepweb-short, .channel__filter b.deepweb-short {background: #110066 !important;color: #fff;}
.channel__filter a.pastebin-short, .channel__filter b.pastebin-short {background: #023859 !important;color: #fff;}
.channel__filter a.telegram-short, .channel__filter b.telegram-short {background: #0088CC !important;color: #fff;}
.channel__filter a.menu-short, .channel__filter b.menu-short {background: #000000 !important;color: #fff;}
.channel__filter a.layers-short, .channel__filter b.layers-short {background: #000000 !important;color: #fff;}
.channel__filter a.layers-o-short, .channel__filter b.layers-o-short {background: #000000 !important;color: #fff;}
.channel__filter a.scribd-short, .channel__filter b.scribd-short {background: #113948 !important;color: #fff;}
.channel__filter a.gp {background: #e56146 !important;color: #fff;}
.channel__filter a.in {background: #006291 !important;color: #fff;}
.channel__filter a.pt {background: #d80b00 !important;color: #fff;}
.channel__filter a.tm {background: #3d5a71 !important;color: #fff;}
.channel__filter a.add {background: #fff !important;color: #888;}
.menu-channel {width: 100%;padding: 10px 35px;background: #ddd;display: inline-block;border-bottom: 1px solid #d0d0d0;}

.left-bar__link i.fa, .left-bar__link i.ico {font-size: 16px;text-align: center;padding: 0; display: inline-block; width: 2rem; }
#full-left__inside .left-bar__link i.fa, #full-left__inside .left-bar__link i.ico { vertical-align: top; }
.main-content__sub-nav .single-post__profile-image img {width: 80%;}
.bgcolor {background: #233646;}
.profile-view .single-post { background: #FFFFFF; padding: 20px; }
.single-post__profile-image--large a.button {border-radius: 3px;}
.post-details .brd {margin-top: 30px; border-top: 1px solid #e7eaec;}
.post-details p {font-size: 13px;color: #888;}
.post-details p strong {font-size: 13px;color: #333;}
/*.profile-view .post-details p { min-height: 110px; min-height: 7rem; }*/
/*.single-post__header h3 {margin: 0;text-transform: none !Important;}*/
.container--half-width a.button {border-radius: 4px; white-space: nowrap;}
.container--half-width a.button--post {margin-right: 10px;}
.single-post__middle-content .container--full-width {border-top: 1px solid #eee;padding-bottom: 20px;}
.single-post__footer a.button--square {border-radius: 5px;margin-right: 0.7rem;margin-top: 3px;padding: 0.4rem 0;width: 2.45rem;}
.single-post__footer select.select--small {float: left;font-size: 12px;margin: 0.3rem 1.25rem 0 0.75rem;padding: 7px;width: 4rem;}
.container--half-width select {font-size: 12px;padding: 1px;}
.single-post__header--blue-grey h3 {margin: 0;text-transform: none;}
.entry-highlight h3 {text-transform: none;font-size: 13px;font-weight: normal;}
.gntp {margin: 15px 0;}
.current-state i {color: #fff;}
small .fa-map-marker {color: #243645;}
.single-post__buttons a.button--post:first-child {border-radius: 5px 0 0 5px;}
.single-post__buttons a.button--post:last-child {border-radius: 0 5px 5px 0;}
.single-post__buttons a.button--post:only-child {border-radius: 5px 5px 5px 5px;}
.single-post__header h4 {display: inline-block;margin: 0.6rem 0.5rem 0.5rem 0;}
.single-post__header h4 a {color: #555;}
.slide-keyword {background: #fff;}
.slide-keyword h2.text-center, .slide-option h2.text-center {text-align: left !Important;color: #fff;margin-top: 0;}
.slide-keyword .keyword__list--item {border-bottom: 1px dotted #444;padding-bottom: 15px;}
.slide-keyword a.button {background: #777;border: none;}
#export_button { margin-bottom: 8px; float: right; }
#inferred-location-switch { margin-bottom: 8px; float: right; }
/* SQUARED THREE */
.squaredThree {
    width: 100%;
    margin: 3px auto;
    margin-left: 5px;
    position: relative;
}

.squaredThree label span {
    padding-left: 10px;
    white-space: nowrap;
    font-weight: normal;
}

.squaredThree label {
    cursor: pointer;
    position: absolute;
    width: 12px;
    height: 12px;
    top: 0;
    border-radius: 6px;
    background: transparent;
    border: 2px solid #243645; /*#aaa;*/
    line-height: 9px;
}

.squaredThree label:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    content: '';
    position: absolute;
    width: 5px;
    height: 3px;
    background: transparent;
    top: 1px;
    left: 1px;
    border: 2px solid #243645;
    border-top: none;
    border-right: none;

    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.squaredThree label:hover::after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    opacity: 0.3;
}

.squaredThree input[type=checkbox]:checked + label:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}
.keyword__list {text-align: left;}


html, body, #map-canvas {
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
    position: relative;
}

/*
  jQuery.mmenu position extension CSS
*/
.mm-page {
    position: fixed;
    overflow-y: auto;
    height: 100%;
    width: 100%;
}

.mm-menu.mm-top {
    width: 100%; }

html.mm-top.mm-opened .mm-page,
html.mm-top.mm-opened #mm-blocker {
    top: 0; }

html.mm-top.mm-opened.mm-opening .mm-page,
html.mm-top.mm-opened.mm-opening #mm-blocker,
html.mm-top.mm-opened.mm-opening .mm-fixed-top,
html.mm-top.mm-opened.mm-opening .mm-fixed-bottom {
    left: 0; }

.mm-menu.mm-right {
    left: auto;
    right: 0; }

html.mm-right.mm-opened .mm-page,
html.mm-right.mm-opened #mm-blocker,
html.mm-right.mm-opened .mm-fixed-top,
html.mm-right.mm-opened .mm-fixed-bottom {
    left: auto;
    right: 0; }

html.mm-right.mm-opened.mm-opening .mm-page,
html.mm-right.mm-opened.mm-opening #mm-blocker,
html.mm-right.mm-opened.mm-opening .mm-fixed-top,
html.mm-right.mm-opened.mm-opening .mm-fixed-bottom {
    left: auto; }

.mm-menu.mm-bottom {
    width: 100%;
    top: auto;
    bottom: 0; }

html.mm-bottom.mm-opened .mm-page,
html.mm-bottom.mm-opened #mm-blocker {
    bottom: 0;
    top: auto; }

html.mm-bottom.mm-opened.mm-opening .mm-page,
html.mm-bottom.mm-opened.mm-opening #mm-blocker,
html.mm-bottom.mm-opened.mm-opening .mm-fixed-top,
html.mm-bottom.mm-opened.mm-opening .mm-fixed-bottom {
    top: auto;
    left: 0; }

.mm-menu.mm-top {
    height: 80%; }

html.mm-top.mm-opening .mm-page,
html.mm-top.mm-opening #mm-blocker,
html.mm-top.mm-opening .mm-fixed-top {
    top: 80%; }
html.mm-top.mm-opening .mm-fixed-bottom {
    bottom: -80%; }

@media all and (max-height: 175px) {
    .mm-menu.mm-top {
        height: 140px; }

    html.mm-top.mm-opening .mm-page,
    html.mm-top.mm-opening #mm-blocker,
    html.mm-top.mm-opening .mm-fixed-top {
        top: 140px; }
    html.mm-top.mm-opening .mm-fixed-bottom {
        bottom: -140px; } }
@media all and (min-height: 1100px) {
    .mm-menu.mm-top {
        height: 880px; }

    html.mm-top.mm-opening .mm-page,
    html.mm-top.mm-opening #mm-blocker,
    html.mm-top.mm-opening .mm-fixed-top {
        top: 880px; }
    html.mm-top.mm-opening .mm-fixed-bottom {
        bottom: -880px; } }
.mm-menu.mm-right {
    width: 80%; }

html.mm-right.mm-opening .mm-page,
html.mm-right.mm-opening #mm-blocker,
html.mm-right.mm-opening .mm-fixed-top,
html.mm-right.mm-opening .mm-fixed-bottom {
    right: 80%; }

@media all and (max-width: 175px) {
    .mm-menu.mm-right {
        width: 140px; }

    html.mm-right.mm-opening .mm-page,
    html.mm-right.mm-opening #mm-blocker,
    html.mm-right.mm-opening .mm-fixed-top,
    html.mm-right.mm-opening .mm-fixed-bottom {
        right: 140px; } }
@media all and (min-width: 550px) {
    .mm-menu.mm-right {
        width: 440px; }

    html.mm-right.mm-opening .mm-page,
    html.mm-right.mm-opening #mm-blocker,
    html.mm-right.mm-opening .mm-fixed-top,
    html.mm-right.mm-opening .mm-fixed-bottom {
        right: 440px; } }
.mm-menu.mm-bottom {
    height: 40%; }

html.mm-bottom.mm-opening .mm-page,
html.mm-bottom.mm-opening #mm-blocker,
html.mm-bottom.mm-opening .mm-fixed-bottom {
    bottom: 40%; }
html.mm-bottom.mm-opening .mm-fixed-top {
    top: -80%; }

@media all and (max-height: 175px) {
    .mm-menu.mm-bottom {
        height: 140px; }

    html.mm-bottom.mm-opening .mm-page,
    html.mm-bottom.mm-opening #mm-blocker,
    html.mm-bottom.mm-opening .mm-fixed-bottom {
        bottom: 140px; }
    html.mm-bottom.mm-opening .mm-fixed-top {
        top: -140px; } }
@media all and (min-height: 1100px) {
    .mm-menu.mm-bottom {
        height: 880px; }

    html.mm-bottom.mm-opening .mm-page,
    html.mm-bottom.mm-opening #mm-blocker,
    html.mm-bottom.mm-opening .mm-fixed-bottom {
        bottom: 880px; }
    html.mm-bottom.mm-opening .mm-fixed-top {
        top: -880px; } }
/*
  jQuery.mmenu z-position extension CSS
*/
html.mm-front.mm-opened .mm-page {
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important; }

.mm-menu.mm-front,
.mm-menu.mm-next {
    -webkit-transition: none 0.4s ease;
    -moz-transition: none 0.4s ease;
    -ms-transition: none 0.4s ease;
    -o-transition: none 0.4s ease;
    transition: none 0.4s ease;
    -webkit-transition-property: top, right, bottom, left, -webkit-transform;
    -moz-transition-property: top, right, bottom, left, -moz-transform;
    -ms-transition-property: top, right, bottom, left, -o-transform;
    -o-transition-property: top, right, bottom, left, -o-transform;
    transition-property: top, right, bottom, left, transform; }

html.mm-front .mm-page,
html.mm-front #mm-blocker {
    z-index: 0; }

.mm-menu.mm-front {
    z-index: 201;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); }

html.mm-opened.mm-next .mm-page {
    box-shadow: none; }

html.mm-opening .mm-menu.mm-front, html.mm-opening .mm-menu.mm-next {
    left: 0; }

.mm-menu.mm-top.mm-front, .mm-menu.mm-top.mm-next {
    left: 0; }

html.mm-opening .mm-menu.mm-top.mm-front, html.mm-opening .mm-menu.mm-top.mm-next {
    left: 0;
    top: 0; }

.mm-menu.mm-right.mm-front, .mm-menu.mm-right.mm-next {
    left: auto; }

html.mm-opening .mm-menu.mm-right.mm-front, html.mm-opening .mm-menu.mm-right.mm-next {
    left: auto;
    right: 0; }

.mm-menu.mm-bottom.mm-front, .mm-menu.mm-bottom.mm-next {
    top: auto;
    left: 0; }

html.mm-opening .mm-menu.mm-bottom.mm-front, html.mm-opening .mm-menu.mm-bottom.mm-next {
    left: 0;
    bottom: 0; }

.mm-menu.mm-front, .mm-menu.mm-next {
    left: -80%; }

@media all and (max-width: 175px) {
    .mm-menu.mm-front, .mm-menu.mm-next {
        left: -140px; } }
@media all and (min-width: 550px) {
    .mm-menu.mm-front, .mm-menu.mm-next {
        left: -440px; } }
.mm-menu.mm-top.mm-front, .mm-menu.mm-top.mm-next {
    top: -80%; }

@media all and (max-height: 175px) {
    .mm-menu.mm-top.mm-front, .mm-menu.mm-top.mm-next {
        top: -140px; } }
@media all and (min-height: 1100px) {
    .mm-menu.mm-top.mm-front, .mm-menu.mm-top.mm-next {
        top: -880px; } }
.mm-menu.mm-right.mm-front, .mm-menu.mm-right.mm-next {
    right: -80%; }

@media all and (max-width: 175px) {
    .mm-menu.mm-right.mm-front, .mm-menu.mm-right.mm-next {
        right: -140px; } }
@media all and (min-width: 550px) {
    .mm-menu.mm-right.mm-front, .mm-menu.mm-right.mm-next {
        right: -440px; } }
.mm-menu.mm-bottom.mm-front, .mm-menu.mm-bottom.mm-next {
    bottom: -80%; }

@media all and (max-height: 175px) {
    .mm-menu.mm-bottom.mm-front, .mm-menu.mm-bottom.mm-next {
        bottom: -140px; } }
@media all and (min-height: 1100px) {
    .mm-menu.mm-bottom.mm-front, .mm-menu.mm-bottom.mm-next {
        bottom: -880px; } }
html.mm-front .mm-fixed-top,
html.mm-front .mm-fixed-bottom,
html.mm-opening.mm-front .mm-fixed-top,
html.mm-opening.mm-front .mm-fixed-bottom {
    left: 0;
    right: auto; }
html.mm-front .mm-fixed-top,
html.mm-opening.mm-front .mm-fixed-top {
    top: 0; }
html.mm-front .mm-fixed-bottom,
html.mm-opening.mm-front .mm-fixed-bottom {
    bottom: 0; }

/* start angular dropdown */
#main-controller .wrap-dd-select {
    width: 220px;
    display: inline-block;
    color: #555555;
    background: #edeff0;
    padding-top: 2px;
    padding-bottom: 1px;
    border: 2px solid #edeff0;
    border-radius: 3px;
    text-align: left;
    padding-left: 1em;
}

#main-controller .wrap-dd-select li a {
    color: #555555;
    background: #edeff0;
    box-shadow: none;
    border-radius: 0 !important;
    text-align: left;
    padding-left: 1em;
}

#main-controller .wrap-dd-select li a:hover {
    color: #ffffff;
    background: #243645;
}

#main-controller .wrap-dd-select i.fa {
    padding-right: 0.5em;
    float: inherit;
}

.loneDropDown button {
    background-color: #FFFFFF;
    border: 1px solid #BBBBBB;
    color: #555555;
    padding-top: 4px;
    padding-bottom: 4px;
}

.loneDropDown a {
    border-radius: 0 !important;
    border: none !important;
    font-size: 1em !important;
    text-align: left !important;
    float: none !important;
    display: block !important;
    margin: 0 !important;
}

.loneDropDown .divider {
    border-collapse: collapse;
    box-sizing: border-box;
    line-height: 20px;
}

/* end angular dropdown */

/* LOGIN */
.block_login {
    padding:15px;
    background-repeat:repeat;
    color:#fff;
    /*width:500px;*/
    min-height:200px;
    text-align:center;
    margin: 50px auto 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
body.lgn {
    background-color: #000000;
    float: left;
    height: 100%;
    min-height: 100%;
    width: 100%;
    margin: 0;
    overflow: auto;
    padding: 0;
    position: relative;
}

.lgn .row {
    height: 100%;
    max-width: 100%;
    overflow: auto;
    position: relative;
}
.block_login hr {
    border-color:#000;
    height: 1px;
    opacity:0.3;
}
.block_login input {
    border: none;
    width: 80%;
    display: block;
    max-width: 500px;
    margin: auto;
}
.block_login input[type="text"],
.block_login input[type="email"],
.block_login input[type="password"] {
    padding-left:45px;
    padding-top: 8px;
    padding-bottom: 8px;
    font-weight:400;
    height: 38px;
    margin-bottom: 10px;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    line-height: 22px;
    width: 100%;
}
.block_login input[type="submit"] {
    padding: 10px 0;
    background: #007D79;
    border-radius: 4px;
    color: #FFF;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}
.block_login input[type="submit"]:hover {
    background: #2F6B68 !important;
}
.block_login input[type="text"] {
    background-image:none;
}
.block_login > h2 {
    color:#fff;
}
.block_login > h6 {
    color:#fff;
    font-family: "Open Sans", sans-serif;
    font-style: normal;
    font-weight:600;
    font-size: 16px;
    margin-bottom:15px;
    text-transform: capitalize;
    line-height: 22px;
}
.block_login .t_sml {
    color:#fff;
    font-weight:400;
    font-style: normal;
    font-family: "Open Sans", sans-serif;
    margin-bottom:10px;
    font-size:12px;
}
.block_login .t_sml a {
    color:#fff;
    border-bottom:1px dotted #fff;
}
.block_login .t_sml a:visited {
    color:#fff;
    border-bottom:1px dotted #fff;
}
.block_login .t_sml a:hover {
    opacity:0.5;
}

.modal-close-button {
    float:right;
    cursor: pointer;
    margin-top: -30px;
}

input.usr {
    background-image:url("../img/user_icon.png") !important;
    background-repeat: no-repeat !important;
    background-position:1.0em 0.5em !important;
    border-radius: 4px;
    max-width: min(500px, 80%);
}
input.pwd {
    background-image:url("../img/pass_icon.png") !important;
    background-repeat: no-repeat !important;
    background-position:1.0em 0.6em !important;
    display: inline-block;
    margin-left: 4px;
    border-radius: 4px;
}

.password-button-container {
    display: flex;
    width: 80%;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 500px;
    position: relative;
}

input.show-hide-password {
    position: absolute;
    margin-right: -20px;
    background-color: transparent;
    height: 38px;
    width: auto;
    text-transform: uppercase;
    color: #555555;
    padding-right: 16px;
    padding-left: 16px;
    font-size: 12px;
    font-family: "Open Sans", sans-serif;
    right: 0;
    display: inline-block;
}

.account-page-password-button-container {
    display: flex;
    position: relative;
}

.password-button-container input {
    margin: 0;
}

.account-page-show-hide-password-button {
    width: auto;
    border: none;
    background: transparent;
    text-transform: uppercase;
    margin-top: 1em;
    margin-bottom: 1em;
    height: 32px;
    vertical-align: middle;
    font-size: 12px;
    font-family: "Open Sans", sans-serif;
    color: #555555;
    text-align: right;
    padding-right: 16px;
    padding-left: 16px;
    position: absolute;
    right: 0;
    top: 0;
}

#alerts {
    background-color: #FFFFFF;
}
#alerts > .alerts {
    border: 1px solid #c0c0c0;
    border-radius: 3px;
    margin: 1em;
}

#alerts .button--large .ico {
    position: relative;
    top: 1px;
    font-size: 14px;
}

.alerts .single-post__content:first-child {
    border-top: 0;
}

.alerts label {
    margin-left: 0.5em;
    font-weight: normal;
}

#alerts .alerts label {
    font-size: 14px;
}

#alerts .alerts th.centered-header {
    text-align: center !important;
}

#alerts .alerts .query-listing table,
#alerts .alerts .alert-listing table {
    width: 750px;
    min-width: 750px;
    color: #555;
}

#alerts .alerts .query-listing .content-list,
#alerts .alerts .alert-listing .content-list {
    font-size: 0.8em;
}

#alerts .alerts .query-listing table td.alert-table-name-col,
#alerts .alerts .alert-listing table td.alert-table-name-col {
    overflow: hidden;
    white-space: nowrap;
    width: 400px;
    max-width: 400px;
}

#alerts .alerts .alert-listing table td.alert-table-recipient-col,
#alerts .alerts .alert-listing table td.alert-table-date-range-col {
    overflow: hidden;
    white-space: nowrap;
    min-width: 150px;
    max-width: 150px;
}

#alerts .alerts .alert-listing table td.alert-table-recipient-col {
    width: 250px;
    min-width: 250px;
    max-width: 250px;
}

#alerts .alerts .alert-listing table td.alert-table-status-col {
    min-width: 85px;
    width: 85px;
}

#alerts .alerts .alert-listing table td.alert-table-status-col i {
    padding-left: 5px;
}

#alerts .alerts .query-listing table td.delete-column,
#alerts .alerts .alert-listing table td.delete-column {
    text-align: right;
    width: 30px;
}

#alerts .alerts .alert-listing table td.delete-column .btn-group {
    min-width: 65px !important;
}

#alerts .alerts .query-listing a,
#alerts .alerts .alert-listing a {
    color: #555;
    font-size: inherit;
    margin-top: -1px;
}

.alert_type {
    text-transform: uppercase;
    font-size: 70%;
    background-color: #243645;
    color: #FFFFFF;
    margin-left: 10px;
    padding: 0 3px;
}

.alert_type_element {
    text-transform: uppercase;
    font-size: 70%;
    background-color: #3A526D;
    color: white;
    margin-left: 10px;
    padding: 0 3px;
}

#poi_select, #alert_query, #alert_keyword_query {
    padding: 3px;
    margin: 0 20px 0 0;
    width: 230px;
    display: inline-block;
}

#alerts #poi_select, #alerts #alert_query, #alerts #alert_type_select {
    width: 300px !important;
    margin-top: 0.5em !important;
    margin-left: 0 !important;
    display: block;
}

.post-list .actions {
    float: left;
    margin-top: 10px;
    margin-right: 10px;
}
.post-list .ico {
    color: #FFFFFF;
}

.dashboard .content-list .ico {
    color: #000000;
}

.web-search .content-list.search-results .ico {
    color: #FFFFFF;
}

.post-list .name {
    float: left;
    width: 450px;
    margin-top: 0;
    margin-bottom: 0;
}
.post-list div.username {
    font-size: 0.75em;
    margin-left: 62px;
    font-weight: normal;
}
.post-list .single-post__header h4 a {
    display: block;
    margin-top: 5px;
}
.post-list .page-desc {
    float: left;
    margin-top: 10px;
    max-width: 100%;
    font-size: smaller;
}

#timezone_select, #locale_select, #type_account, #parent_select {
    padding: 3px;
    margin: 10px 20px 0 0;
    width: 230px;
    display: block;
}

#fbtoken_instructions {
    display: inline-block;
    border-radius: 3px;
    border: 1px solid #666;
    background-color: #F2F2F2;
    text-align: left;
    font-size: 14px;
    width: 600px;
    padding: 15px;
}

#fbtoken_instructions p {
    font-weight: bold;
}

#profile .content {
    margin-left: 170px;
    margin-top: 1em;
    min-height: 440px;
}

#post-view-profile #profile .main-content__sub-nav {
    padding: 9px 0px;
}

#post-view-profile #profile .content {
    margin-left: auto;
    margin-top: auto;
    min-height: auto;
    background: #F2F2F2;
    border-radius: 5px;
}

#profile .section {
    width: 100%;
    padding: 0 0 0 10px;
    float: left;
}
#profile .actions {
    position: absolute;
    left: -180px;
    top: 0;
    width: 170px;
}
#profile .author {
    position: relative;
}
#profile h1 {
    font-size: 1.5em;
    margin-bottom: 0;
    margin-top: 0;
    overflow: hidden;
    line-height: 1.5;
}
#profile h3 {
    margin-top: 0;
    margin-left: 0;
}
#profile .single-post__timestamp {
    margin: 8px 5px 15px 5px;
}

#profile .last-post {
    overflow: hidden;
    font-size: 12px;
    line-height: 16px;
    max-height: 8em;
}
#profile .profile-view {
    width: 170px;
    text-align: center;
    float: left;
}
#profile .profile-view img {
    border-radius: 130px;
    object-fit: cover;
    height: 130px;
    width: 130px;
    margin-top: 10px;
    margin-bottom: 10px;
    overflow-y: hidden;
    background-color: #FFF
}
#profile .map img {
    margin-bottom: 5px;
    border-radius: 5px;
}
#profile .boxes {
    padding: 10px 0 70px 0;
}
#profile .boxes div {
    padding-top: 10px;
    background-color: #243645;
    font-size: 20px;
    width: 106px;
    height: 50px;
    float: left;
    color: #FFFFFF;
    margin-right: 10px;
    line-height: 9px;
    border-radius: 5px;
    text-align: center;
}
#profile .boxes div:last-child {
    margin-right: 0;
}
#profile .boxes div  p {
    font-size: 12px;
    font-weight: bold;
}
#profile .keyword-match select {
    margin-top: 0;
    max-width: 360px;
}
#profile .no-keyword-match {
    padding-top: 10px;
    margin-top: 10px;
    border-top: 1px solid #CCC;
    max-width: 360px;
}

.profile-search-help {
    font-size: 13px;
}

.profile-search-help ul {
    padding: unset;
    list-style-type: unset;
    margin: unset;
    padding-inline-start: 25px;
}

.profile-search-help .valid-profile-input {
    color: #00ff00;
}

.additional {
    font-size: 13px;
    color: #888888;
}
.additional.title {
    color: #000;
    margin-left: 1em;
}

.keyword-balloon {
    border-radius: 50%;
    width: 120px;
    height: 120px;
    margin-right: 15px;
    margin-bottom: 15px;
    margin-top: 15px;
    background-color: #b44839;
    color: #FFFFFF;;
    float: left;
    text-align: center;
}

.keyword-balloon:nth-child(1) {
    background-color: #b8d652;
}
.keyword-balloon:nth-child(2) {
    background-color: #008bc0;
}
.keyword-balloon:nth-child(3) {
    background-color: #b44839;
}
.keyword-balloon:nth-child(4) {
    background-color: #dbae3c;
}
.keyword-balloon:nth-child(5) {
    background-color: #000000;
}

.keyword-balloon-val {
    display: block;
    padding-top: 30px;
    padding-bottom: 5px;
    font-size: 40px;
    line-height: 35px;
}

.keyword-balloon-key {
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    color: #FFFFFF !important;
}
#keyword-score {
    clear: both;
}
#keyword-score i {
    color: #243645;
    margin-right: 0.5em;
    font-size: 1.25em;
}
#keyword-score select {
    width: 200px;
    margin: 10px 10px 0 0;
}

#profile .profile-view > img {
    display: none;
}

.profile-search-results h4 {
    margin-bottom: 24px;
    margin-bottom: 1.5rem;
}
.profile-view .address-map-marker {
    float: left;
    width: 20px;
    height: 40px;
    margin-right: 5px;
    vertical-align: top;
}

.profile-view .profile-view-action-menu,
.profile-view .profile-view-enhanced-search {
    display: inline-block;
    float: left;
}

.profile-view .profile-view-enhanced-search a {
    margin-left: 48px;
    font-weight: bolder;
    border: 1px solid #666;
}

.profile-view .photos {
    max-width: 1024px;
    height: 235px;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
}
.profile-view .photos > div {
    max-width: 200px;
    display: inline-block;
    vertical-align: middle;
}
.profile-view .photos img {
    max-width: 200px;
    max-height: 200px;
}
@media (max-width: 1300px) {
    .profile-view .photos {
        max-width: 768px;
    }
}
@media (max-width: 1060px) {
    .profile-view .photos {
        max-width: 700px;
    }
}
@media (max-width: 768px) {
    .profile-view .photos {
        max-width: 600px;
    }
}
@media (max-width: 768px) {
    #profile .content {
        margin-left: 0;
    }
    #profile .author > .profile-view {
        float: none;
        width: 100%;
    }
    #profile .author div .profile-view {
        width: initial;
        margin: 0 15px;
    }
    #profile .actions {
        position: relative;
        text-align: left;
        left: 0;
        width: 100%;
    }
    #profile .actions .twitter_button {
        width: 100%;
    }
    #profile .profile-view .actions > img {
        display: none;
    }
    #profile .profile-view > img {
        display: inline;
        width: 100px;
        border-radius: 100px;
    }
    #profile .single-post__timestamp {
        margin: 8px 5px 15px 5px;
    }
    #profile .keyword-match select {
        max-width: 320px;
    }

}

#profiles .form-field.narrow {
    max-width: 48%;
}
#profiles .container--drawer {
    display: block;
    margin-top: 20px;
}
#profiles .form-field.float-left {
    margin-top: 0;
}
#profiles #country {
    padding: 1px;
}
#profiles .input-note {
    margin-left: 1em;
    color: #FFFFFF;
    width: 300px;
    display: inline-block;
}
#profiles .form-field.ng-invalid {
    border-color: #FF0000;
}

#mapProfile {
    width: 50%;
    height: 235px;
}

@media (max-width: 1024px) {
    #mapProfile {
        width: 100%;
    }
}

.upgrade {
    border: 2px solid #243645;
    background-color: #f3f3f4;
    margin: 0.5em 1.5em;
    padding: 10px 14px 14px;
}

.twitter_button {
    margin-bottom: 10px;
}

.switch {
    border: 1px solid #BBBBBB;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.switch .knob {
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #e6e6e6;
    /* Darken IE7 buttons by default so they stand out more given they won't have borders */

    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.switch .switch-left {
    background-image: -moz-linear-gradient(top, #0044cc, #0088cc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0044cc), to(#0088cc));
    background-image: -webkit-linear-gradient(top, #0044cc, #0088cc);
    background-image: -o-linear-gradient(top, #0044cc, #0088cc);
    background-image: linear-gradient(to bottom, #0044cc, #0088cc);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0044cc', endColorstr='#ff0088cc', GradientType=0);
    border-color: #0088cc #0088cc #005580;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #0088cc;
    /* Darken IE7 buttons by default so they stand out more given they won't have borders */

    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.switch .switch-right {
    background-color: #f0f0f0;
    background-image: -moz-linear-gradient(top, #e6e6e6, #ffffff);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e6e6e6), to(#ffffff));
    background-image: -webkit-linear-gradient(top, #e6e6e6, #ffffff);
    background-image: -o-linear-gradient(top, #e6e6e6, #ffffff);
    background-image: linear-gradient(to bottom, #e6e6e6, #ffffff);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe6e6e6', endColorstr='#ffffffff', GradientType=0);
    border-color: #ffffff #ffffff #d9d9d9;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #ffffff;
    /* Darken IE7 buttons by default so they stand out more given they won't have borders */

    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.switch {
    border-radius: 5px;
    border: 2px solid #bbb;
    cursor: pointer;
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    overflow: hidden;
    line-height: 8px;
    min-width: 80px;
    font-size: 85%;
}

.switch.disabled > div > span.knob {
    background: #AAA;
}

.switch span {
    cursor: pointer;
    display: inline-block;
    float: left;
    height: 100%;
    line-height: 20px;
    padding: 4px;
    text-align: center;
    width: 33%;
    white-space: nowrap;

    box-sizing: border-box;
    -o-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.switch > div {
    position: relative;
    width: 150%;
}

.switch .knob {
    background: red;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    background-color: #f5f5f5;
    width: 34%;
    z-index: 100;
    height: 2em;
}

.switch .switch-on {
    left: 0;
}

.switch .switch-off {
    left: -50%
}

.switch .switch-left, .switch .switch-right {
    z-index: 1;
}

.switch .switch-left {
    color: #fff;
    background: #243645;
}

.switch .switch-right {
    color: #333;
    background: #FFFFFF;
}

.switch-animate {
    transition: left 0.5s;
    -o-transition: left 0.5s;
    -moz-transition: left 0.5s;
    -webkit-transition: left 0.5s;
}

/*
    on the query edit screen we have slightly different sized toggle switches
*/
#query-edit .switch,
#dark-web-search .switch {
    min-width: 70px !important;
}

#dark-web-search .switch {
    font-size: 12px; /*inherit !important;*/
}

#query-edit .switch span,
.new-data-view-toggle .switch span,
#dark-web-search .switch span {
    line-height: 15px !important;
}

#query-edit .switch .knob,
.new-data-view-toggle .switch span,
#dark-web-search .switch .knob {
    height: 23px !important;
}

#dark-web-search .switch {
    width: 65px;
}

#author_details {
    float: left;
}

.progress_canvas {
    margin-right: 600px;
    float: right;
    margin-top: 30px;
}

.controls {
    border: 1px solid transparent;
    border-radius: 2px 0 0 2px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin-top: 10px;
    margin-left: 10px;
    height: 32px;
    outline: none;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
}

.pac-input, #pac-input-preview {
    border: 1px solid transparent !important; /* <- WHY??? */
    border-radius: 2px 0 0 2px !important;
    background-color: #fff;
    padding: 0 11px 0 13px;
    margin-left: 90px;
    width: 300px;
    font-family: Roboto;
    font-size: 15px;
    font-weight: 300;
    text-overflow: ellipsis;
}

#pac-input-sa-map {
    border-radius: 2px !important;
    background-color: #fff;
    padding: 0 11px 0 13px;
    width: 300px;
    height: 29px;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 300;
    text-overflow: ellipsis;
}

/* if the order of the controls is wrong, manually move the search to the top of the window */
.pac-input.controls.top, #pac-input-preview.controls.top/*, #pac-input-sa-map.controls.top*/ {
    margin-top: -103px;
}
.pac-input:focus, #pac-input-preview:focus {
    border-color: #4d90fe;
}

.map-menu-custom-control-button {
    background-color: #ffffff;
    border: 2px solid #fff;
    border-radius: 3px;
    box-shadow: 0 2px 6px rgba( 0, 0, 0, .3 );
    cursor: pointer;
    margin-bottom: 20px;
    margin-top: 10px;
    margin-left: 10px;
    text-align: center;
    color: rgb( 25, 25, 25 );
    padding-left: 10px;
    padding-right: 10px;
    font-family: Roboto, Arial, sans-seri;
    font-size: 13px;
    line-height: 26px;
}

.map-menu-custom-control-button:hover {
    text-shadow: 0px 0px 1px rgb( 25, 25, 25 );
}

#map-menu-views-button-list, #map-menu-assets-alerts-button-list {
    position: absolute;
    top: 49px;
    left: 28em;
    background-color: white;
    border-radius: 2px;
    padding: 13px 6px 4px;
    font-size: 13px;
    font-weight: 700;
    color: #666666;
    font-family: Roboto, sans-serif;
    width: 216px;
    display: none;
    max-height: calc(100% - 53px);
    overflow-y: auto;
}

#map-menu-assets-alerts-button-list {
    left: 33.2em !important;
}

#map-menu-views-button-list .no-views, #map-menu-assets-alerts-button-list .no-views {
    font-weight: normal;
    font-style: italic;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

#map-menu-views-button-list .list-still-loading, #map-menu-assets-alerts-button-list .list-still-loading {
    display: block;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}

#map-menu-views-button-list .save-view-button, #map-menu-assets-alerts-button-list .save-asset-alert-button {
    display: block;
    margin-left: 19px;
}

#map-menu-views-button-list .save-view-button a, #map-menu-assets-alerts-button-list .save-asset-alert-button a {
    background-color: white;
    color: #666;
    border: 1px solid #bbb;
    border-radius: 5px;
    font-size: 12px;
}

#map-menu-views-button-list .list-container, #map-menu-assets-alerts-button-list .list-container {
    margin-top: 12px;
}

#map-menu-views-button-list .sa-view-options, #map-menu-assets-alerts-button-list .sa-view-options,
#map-menu-views-button-list .sa-asset-alerts-options, #map-menu-assets-alerts-button-list .sa-asset-alerts-options{
    margin-right: 0;
}

#translation {
    font-size: 14px;
    color: #999;
    font-style: italic;
    padding: 10px;
}

.translate_box {
    background-color: #F2F2F2;
    border: 1px solid #999;
    /*padding: 10px 20px 0;
    border-radius: 3px;
    font-size: 12px;*/
}

.sentiment {
    color: #999;
    padding-top: 5px;
    font-size: 12px;
}

.button--translate {
    padding: 0.2rem 0;
    width: 5rem;
}

.high_risk {
    font-size: 80%;
}

.tile-view .high_risk_highlight {
    border-top-color: #ff0000;
}

.subject-list-item .high_risk_highlight {
    color: #ff0000 !important;
    float: right;
    padding: 2.5px 5px 5px;
    font-size: 150%;
}

.high_risk_on {
    color: #E42132;
    opacity: 0.8;
    cursor: pointer;
}

.high_risk_off {
    color: #CCC;
    cursor: pointer;
}

.high_risk i, .high_risk_post i {
    color: red;
    margin-right: 5px;
    font-size: 14px;
}

.high_risk input[type="checkbox"] {
    display: inline;
    height: 100%;
    width: 20px;
}

.high_risk_post {
    color: red;
    font-size: 14px;
    padding-top: 5px;
}

.high_risk_post_map {
    color: red;
    font-size: 12px;
    padding-top: 5px;
}
/* MultiSelect */
.multiSelect {
    overflow: auto;
}
.multiSelect .select {
    margin-right: 25px;
    float: left;
}

.multiSelect .select select {
    width: 275px;
    height: 8.75em;
    clear: both;
    display: block;
    font-size: 75%;
    margin: 0;
    border: 1px solid #000000;
    border-radius: 3px;
    /*height: inherit;*/
    background-color: #FFFFFF;
}

.multiSelect label {
    text-transform: capitalize;
}

.multiSelect .text {
    clear: both;
    font-size: 11px;
}
#multiselect-keywords {
    display: block;
    margin-bottom: 2em;
}
#multiselect-keywords .multiSelect label {
    margin-top: 0;
}
.share_comment {
    width: 94%;
    margin-bottom: 1em;
    border: 1px solid #000000;
    border-radius: 3px;
}

.capitalize {
    text-transform: capitalize;
}

.btn.mover {
    display: block;
    margin-top: 35px;
    vertical-align: top;
}
.btn.mover.left {
    padding: 3px 8px 2px 6px;
}
.btn.mover.right {
    margin-top: 30px;
    padding: 3px 7px 2px;
}
.btn.mover i {
    margin: 0;
}

.thumb {
    border-radius: 3px;border: 3px solid #006d9c;
    width: 48px;
}

.reset-search {
    background-color: #f3f3f4;
    border-radius: 5px;
    padding: 7px 5px 8px 10px;
    margin-left: 5px;
    width: initial;
    display: inline-block;
}
.reset-search a {
    margin-left: 1em;
    float: right;
    padding: 2px 5px;
    padding: 0.1rem 0.3rem;
}
@media (max-width: 768px) {
    .reset-search {
        margin-top: 10px;
        margin-left: 0;
        width: 100%;
    }
}

.faq-item {
    text-align: left;
    padding-bottom: 10px;
    border-bottom: 1px solid #CCC;
    font-size: 12px;
}

.faq-question {
    font-weight: bold;
}

.faq-answer {
    margin: 10px;
}

#social-channels {
    padding-top: 10px;
}

div[ng-view].ng-enter {
    transition: all 0.5s linear;
    opacity: 0;
}

div[ng-view].ng-enter-active {
    opacity: 1;
}

/*********************
ICONS MAP
*********************/
@font-face {
    font-family: "FlaticonMap";
    src: url("../fonts/flaticon_map_controls.eot");
    src: url("../fonts/flaticon_map_controls.eot#iefix") format("embedded-opentype"),
    url("../fonts/flaticon_map_controls.woff") format("woff"),
    url("../fonts/flaticon_map_controls.ttf") format("truetype"),
    url("../fonts/flaticon_map_controls.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}
[class^="flaticonmap-"]:before, [class*=" flaticonmap-"]:before,
[class^="flaticonmap-"]:after, [class*=" flaticonmap-"]:after {
    font-family: FlaticonMap;
    font-size: 20px;
    font-style: normal;
}
.flaticonmap-circle:before {
    content: "\e000";
}
.flaticonmap-rectangle:before {
    content: "\e002";
}
.flaticonmap-polygon:before {
    content: "\e001";
}

.itemsPerPage {
    display: inline-block !important;
    max-width: 5em;
    height: 24px !important;
    line-height: 24px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.single-post__content input {
    padding: 5px;
}
.single-post__content input.pac-input {
    padding: unset !important;
}
.single-post__helptext {
    font-size: 13px;
    background: #eee;
    padding: 10px;
    border-radius: 6px;
    border: 4px solid #ddd;
    color: #777;
    margin-bottom: 5px;
}

.list_view_media {
    position: relative !important;
}

.single-post__video--overlay {
    position: absolute;
    top: 20px;
    left: 40px;
    width: 50px;
    height: 30px;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;

    border-left: 25px solid white;
    opacity: 0.9;
}

#word_cloud {
    margin: auto;
    width: 800px;
    height: 400px;
}

#word_cloud_web_search {
    margin: auto;
    width: 800px;
    height: 600px;
}

.yikyakuser {
    background: #696969;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: block;
    text-align: center;
    font-size: 1.2em;
    padding: 5px 9px;
    margin: 5px;
    vertical-align: top;
}

.single-post__icon {
    float: left;
    display: block;
    margin-right: 10px;
}

.single-post__text {
    overflow: hidden;
    padding: 2px 0 !important;
    margin: 0;
}

.block {
    display: block;
}


.help-open {
    padding: 1px 5px 5px;
    cursor: pointer;
    min-width: fit-content;
}

.fullscreen-open {
    padding: 2px 5px;
    cursor: pointer;
}

#help-view {
    width: 80%;
    height: 70%;
}
#notice-view {
    width: 80%;
}
#help-view .form-bottom {
    position: relative;
    height: 100%;
    min-height: 200px;
    padding: 0;
}
#help-view .form-bottom #urlHelp {
    overflow-y: scroll;
    height: 81%;
    padding-left: 1em;
    padding-right: 1em;
}
#notice-view .form-content {
    padding: 10px 15px 5px 15px;
}
#notice-view .form-content ul {
    list-style-type: disc; margin-left: 2em; line-height: 1.5em;
}
#notice-view .form-bottom .close-button,
#help-view .form-bottom .close-button {
    position: absolute;
    bottom: 0;
    padding: 1em;
}
#notice-view ul,
#help-view ul {
    padding: inherit;
    list-style-type: inherit;
}
#help-view ul li {
    margin-bottom: 0.5em;
}
#help-view ul {
    margin-left: 1em;
}
#help-view ul ul {
    margin-left: 1.5em;
}
@media (min-height: 768px) {
    #notice-view .form-bottom #noticeContent,
    #help-view .form-bottom #urlHelp {
        height: 88%;
    }
}
.help-video {
    display: inline-block;
    position: absolute;
    top: -1.5em;
    left: 75%;
    width: 150px;
    font-size: 0.8em;
    line-height: 1.2;
    text-align: center;
}
.help-video.dialog {
    position: static;
    float: right;
    margin-left: 1em;
}
@media (max-width: 946px) {
    .help-video {
        position: static;
        margin-top: 1em;
    }
}

#full-left__inside {
    position: fixed;
    width: inherit;
    z-index: 100;
    -webkit-overflow-scrolling: touch;
    top: 50px;
}

/* new query styling */

.live-posts-query .single-post__header {
    padding: 20px;
}

.newquery-header {
    text-transform: uppercase;
    font-weight: lighter;
    color: #707070;
    display: block;
    margin-top: 50px;
    font-size:18px;
}

.live-posts-query hr {
    height: 2px;
    color: #d9d9d9;
    background: #d9d9d9;
    font-size: 0;
    border: 0;
    margin-bottom: 15px;

}

.help-text {
    margin-top: 0;
    font-size: 14px;
    color: #7a7a7a;
}

.live-posts-query .channel__filter {
    padding-left: 10px;
}

.live-post__keyword-group {
    background: #EBEBEB;
    border-radius: 6px;
    padding: 20px;
}

.live-posts-query h4 {
    display: block;
    padding-top: 20px;
    font-size: 17px;
}

.live-posts-query h5 {
    font-size: 15px;
    color: #555;
    margin: 0;
}

.live-posts-query input, .group-keyword input, .group-keyword textarea, .web-search-term input, .web-search-form input, .web-search-form select {
    border: 1px solid #BDBDBD;
    border-radius: 6px;
    padding: 10px;
    font-size: 14px;
    display: inline;
}

.live-posts-query .button,
.web-search-term .button {
    background: #fff;color: #555;border: 2px solid #bbb;border-radius:6px;font-size: 14px;
}
.live-posts-query .bar>.button,
.web-search-term .bar>.button {
    border-radius: 0;
}

.inline-box,
.live-posts-query .top-keywords {
    padding: 10px;
    margin-top: 10px;
    background-color: #EBEBEB;
    border-radius: 6px;
    font-size: 0.9em;
}
.inline-box > h3,
.live-posts-query .top-keywords h3 {
    margin-top: 0;
}
.inline-box > div {
    margin-left: 10px;
}

.group-keyword label,
.web-search-term label {
    min-width: 3em;
    margin-top: 0.5em;
    margin-right: 0.5em;
    text-transform: inherit;
    font-weight: bold;
}
.group-keyword .section select {
    background: inherit;
    border: 1px solid #BDBDBD;
    width: 30%;
}
.group-keyword #group_keyword_name,
.web-search-term #web_search_term_name {
    width: 70%;
}

#group-keywords-select .live-post__keyword-group {
    padding: 10px;
}
#group-keywords-select .single-post__content,
#web-search-term-select .single-post__content {
    border-top: 0;
}
#group-keywords-select .post-details,
#web-search-term-select .post-details {
    margin: 0;
    min-height: inherit;
}
#group-keywords-select .post-details h4,
#web-search-term-select .post-details h4 {
    padding-top: 0;
}
.group-keyword-shared-note {
    font-size: 12px;
    font-weight: bold;
}
.web-search-term .delete {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 1.2em !important;
    margin: 0 !important;
}

.keywordGroupNav {
    float: right;
    position: relative;
    z-index: 1;
}
.keywordGroupNav a.button {
    float: right;
    width: 150px;
}
.keywordGroupNav a.button.open {
    color: white !important;
    background: #243645 !important;
    border-color: #243645 !important;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.keywordGroupNav a.button .fa {
    margin-left: 5px;
}
.keywordGroupNav nav {
    background: #243645;
    position: absolute;
    right: 0;
    top: 30px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    z-index: 1;
    display: none;
}
.keywordGroupNav nav a {
    width: 150px;
    height: 3em;
    padding: 0.7em 1em 0.5em 1em;
    font-size: 12px;
    font-size: 0.75rem;
    border-bottom: 1px solid #152431;
    border-top: 1px solid #2e4051;
    display: block;
    font-weight: 300;
    transition: all 0.5s ease-in-out;
    color: #DADADA;
    cursor: pointer;
}
.keywordGroupNav nav a:hover {
    color: white !important;
    background-color: #1b2b38;
}
.keywordGroupNav nav a > i {
    padding-right: 2px;
}
.keywordGroupNav nav a:last-child {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
.web-search .keywordGroupNav {
    z-index: inherit;
}
.web-search .keywordGroupNav a.button,
.web-search .keywordGroupNav nav a {
    width: 140px;
}

.live-post__keyword-group a.remove {
    float: right;
    position: relative;
    top: -15px;
    left: 10px;
    font-size: 20px;
}
.live-posts-query .top-keywords a.remove,
.usage-details a.remove {
    float: right;
    position: relative;
    top: -5px;
    font-size: 20px;
}
.live-post__keyword-group a.remove:hover {
    color: #243645 !important;
}

.live-post__keyword-group .auto-translate-toggle {
    display:inline-block;
    padding: 5px;
}
.live-post__keyword-group .auto-translate-toggle p {
    float: left;
    margin: 0.25em 5px;
}
.live-post__keyword-group .auto-translate-toggle .switch {
    float: left;
    margin: 0 5px;
}

.keyword-edit-actions > input {
    width: 36.5%;
    float: left;
    margin: 0 10px 10px 0;
}

.keyword-edit-actions > div {
    display: inline-block;
    margin-top: -17px;
}

.keyword-edit-actions > div > a {
    padding: 9.2px 20px;
    margin: 0 10px 10px 0;
}

.ui-datepicker {
    background: white !important;
}

.ui-datepicker-div {
    border: 1px solid #888 !important;
}
.ui-datepicker-header {
    background: none !important;
    border: none !important;
    border-bottom: 1px solid #4F99C3;
}

.ui-state-default {
    background: white !important;
    color: #555 !important;
    border: none !important;
    font-weight: normal !important;
    text-align: center !important;
}

.ui-state-default:hover {
    background: #2676AE !important;
    color: white !important;
    border-radius: 5px;
}

.ui-datepicker-calendar thead {
    border-bottom: 1px solid #eee;
}

.ui-datepicker-calendar th {
    font-weight: normal !important;
}

.ui-state-highlight {
    background: white !important;
    border: 1px solid #72a8d0 !important;
    border-radius: 5px;
}

.ui-state-active {
    background: #2676AE !important;
    border: none !important;
    color: white !important;
    border-radius: 5px;
}

.ui-datepicker-prev.ui-state-hover,
.ui-datepicker-next.ui-state-hover {
    background: none !important;
}

.ui-progressbar .ui-widget-header {
    background: #243645 !important;
    border-color: #243645 !important;
}

.people-active {
    background: #243645;
}
.people-active a {
    color: white !important;
}

.people-advanced .advanced-email {
    position: relative;
}

.people-advanced .advanced-email:before {
    position:absolute;
    font-family: FontAwesome;
    top:0;
    left:-5px;
    content: "\f218";
}

span.input-example {
    font-size: 1.1em;
    font-weight: bold;
    background-color: #F5F5F5;
    padding: 2px;
}

.sub-nav__view-control {
    display: inline-block;
}

.button-people{
    background:#243645;
    color: white !important;
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 6px;
}

.wrap-dd-select .dropdown {
    max-height: 325px !important;
}

#facebook_page_search_label small {
    float: left;
    line-height: 30px;
    line-height: 1.875rem;
}

#facebook_page_search_label a.button {
    margin-left: 0.5em;
    margin-top: 0;
}

#empty-welcome,
#empty-welcome-web-search {
    display: none;
}
#empty-welcome .sub-nav__list-control,
#empty-welcome-web-search .sub-nav__list-control {
    text-align: left;
    padding-bottom: 5em;
}

#empty-list {
    display: none;
    padding-left: 2em;
    padding-top: 2em;
}

/* start create / edit query */
#query-edit .section, .alerts .help-text {
    margin-left: 5px;
    padding-left: 1em;
    border-left: 1px solid #f3f3f4;
}

#query-edit .section select, #container_source_input {
    display: inline;
    width:auto;
    font-size: 14px;
    height: 38px;
    border: 1px solid #BDBDBD;
    border-radius: 6px;
    margin-top: 0;
    margin-bottom: 0;
}

#query-edit .channel__filter {
    max-width: 415px;
    float: inherit;
}

#query-edit .channel__filter a {
    display: block;
    color: #CCCCCC;
    text-transform: capitalize;
    width: 200px;
    float: left;
}

#query-edit .channel__filter a img {
    vertical-align: bottom;
    padding-top: 8px;
}

#query-edit .channel__filter a span.selected {
    color: #000000;
}

#query-edit .social-media-nongeo i {
    color: #000;
    font-size: 0.8em;
}

#query-edit .social-media-nongeo span {
    color: #000;
}

.query-edit__alert {
    width: 50%;
    padding: 20px;
    background: #EBEBEB;
    border-radius: 6px;
    padding-top: 0px;
    padding-bottom: 0px;
}

/* end create / query */

/* start authors link */
.authors .post-details {
    background-color: #FFFFFF;
    border-top: 4px solid #243645;
    padding: 0 10px 10px 10px;
    margin-bottom: 0;
}
.authors .single-post__timestamp {
    line-height: 24px;
    height: 37px;
}
/* end authors list */

/* start data-preview / peek */
#filters-drawer>.container--full-width {
    height: auto;
    width: 430px;
    background-color: #919aa2;
    padding: 10px;
    border: 0;
    /*border-top: 5px solid #243645;
    border-bottom: 5px solid #243645;
    border-left: 5px solid #243645;*/
    border-top: 1px solid #243645;
    border-bottom: 1px solid #243645;
    border-left: 1px solid #243645;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    margin-left: 20px;
}
#filters-drawer .sub-nav__tab-control>.tab {
    position: relative;
    z-index: 1;
    min-width: 140px;
    margin-right: 4px;
    background-color: #666666;
    border-color: #666666;
    border-bottom-color: #243645;
    color: #FFFFFF;
    margin-bottom: -2px;
    border-bottom-left-radius: 0;
    -moz-border-bottom-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -khtml-border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    -moz-border-bottom-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -khtml-border-bottom-right-radius: 0;
}
#filters-drawer .sub-nav__tab-control>.tab.active {
    border-color: #243645;
    background-color: #243645;
}
#filters-drawer-handle {
    position: absolute;
    top: 66px;
    left: 0;
    display: block;
    width: 21px;
    background-color: #243645;
    height: 60px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
#filters-drawer-handle i {
    position: relative;
    top: 19px;
    color: #FFFFFF;
}
#filters-drawer-handle i.fa-chevron-left {
    left: 5px;

}
#filters-drawer-handle i.fa-chevron-right {
    left: 7px;
}
#filters-drawer .post-details {
    margin: 0 0 5px 0;
}
.fa-stack {
    font-size: 0.6em;
    margin-top: 2px;
}
#data-preview-controller .input-keywords {
    width: 325px !important;
    border-color: #CCCCCC !important;
}
#polygonHint {
    display: none;
    margin-left: 1em;
    max-width: 280px;
    font-size: 0.9em;
    line-height: 1.0em;
    position: absolute;
    top: 89px;
    left: 0;
    margin-top: 9px;
    z-index: 101;
    background-color: #fff6bd !important;
    border: 1px solid #bbb;
    width: max-content;
}
#displayingPosts {
    margin-left: 1em;
}
#data-preview-controller {
    background-color: #FFFFFF;
}
#data-preview-controller #word_cloud {
    margin: 10px;
    width: 400px !important;
    height: 300px !important;
}
#data-preview-controller #word_cloud { color: #09f; }
#data-preview-controller #word_cloud a { color: inherit; }
#data-preview-controller #word_cloud a:hover { color: #599fee; }
#data-preview-controller #word_cloud span.w10 { color: #ffffff; }
#data-preview-controller #word_cloud span.w9 { color: #fdfdf6; }
#data-preview-controller #word_cloud span.w8 { color: #fcfced; }
#data-preview-controller #word_cloud span.w7 { color: #fbfbe5; }
#data-preview-controller #word_cloud span.w6 { color: #faf9dc; }
#data-preview-controller #word_cloud span.w5 { color: #f8f9d4; }
#data-preview-controller #word_cloud span.w4 { color: #f8f7cb; }
#data-preview-controller #word_cloud span.w3 { color: #f7f5c6; }
#data-preview-controller #word_cloud span.w2 { color: #f6f4ba; }
#data-preview-controller #word_cloud span.w1 { color: #f5f3b2; }

#data-preview-controller .authors.post-list {
    margin: 0 10px 0 0;
}
#data-preview-controller .authors .post-details {
    background-color: rgba(36, 54, 69, 0.2);
    border: 0;
    min-height: inherit;
    float: left;
    width: 100%;
    padding-bottom: 5px;
}
#data-preview-controller .authors h4 {
    color: #fff;
    margin-bottom: 0;
}
#data-preview-controller .authors .post-details h4 a {
    display: inline-block;
    max-width: 200px;
    color: #fff;
}
#data-preview-controller .authors .single-post__profile-image img {
    width: 60%;
    height: 60%;
}
#data-preview-controller .authors .single-post__timestamp {
    height: 30px;
    line-height: 20px;
    padding: 5px 5px;
    font-size: 1em;
    margin-right: 0;
}
#data-preview-controller .authors .post-count {
    background-color: #666;
    color: #fff;
    border-radius: 5px;
    font-weight: bold;
    padding: 0 5px;
    margin: 5px;
    display: inline-block;
}
#data-preview-controller .authors .button {
    float: right;
    position: relative;
    top: 15px;
}
#data-preview-controller .authors .post-details div.username {
    margin-left: 95px;
    max-width: 200px;
}
#data-preview-controller .authors .post-details.keywordwrapper div:not(.username),
#data-preview-controller .authors .post-details.keywordwrapper .post-count {
    display: none;
}
#data-preview-controller .authors .post-details.keywordwrapper {
    background-color: inherit;
    width: inherit;
    padding: 0;
}
#data-preview-controller .authors .post-details.keywordwrapper h4 {
    line-height: inherit;
    margin: 0;
}
#data-preview-controller .authors .post-details.keywordwrapper div.username {
    background-color: #666666;
    border-radius: 10px;
    padding: 5px 5px 5px 10px;
    margin: 0 2px;
    font-size: 15px;
    display: inline-block;
}
#data-preview-controller .authors .post-details.keywordwrapper div.username span {
    padding-right: 10px;
    text-decoration: line-through;
}
#data-preview-controller #mapNode {
    padding: 0;
}

.peek.fullscreen .options-bar {
    margin-top: 35px;
}

/* end data-preview / peek */

/* start org settings dialog */
#support-settings label {
    text-transform: inherit;
    margin-top: 0;
    margin-bottom: 1em;
}
#support-settings select {
    margin: 0;
    margin-left: 0.5em;
    width: inherit;
}
#support-settings input[type=checkbox] {
    display: inline;
    margin-right: 0.5em;
    height: 1em;
}
/* end org settings dialog */

/* start dashboard */
.dashboard .main-content__sub-nav,
.dashboard #dashboard-data-controller {
    /*margin-right: 210px;*/
    padding-bottom: 0;
    background-color: #FFFFFF;
    -webkit-box-shadow: 1px 0 0 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 1px 0 0 0 rgba(0, 0, 0, 0.1);
    box-shadow: 1px 0 0 0 rgba(0, 0, 0, 0.1);
}
.dashboard #dashboard-data-controller .right-drawer-indent {
    margin-right: 210px;
}
.dashboard .sub-nav__view-control,
.dashboard #dashboard-data-controller .main-content__sub-nav {
    width: 100%;
    padding-right: 10px;
}
.dashboard .view-select {
    float: left;
}
.dashboard .view-select > .btn-group {
    margin-bottom: 10px;
    float: left;
}
.dashboard .info-popover {
    display: inline-block;
    vertical-align: baseline;
    padding: 0 10px;
    margin-left: -10px;
}
.dashboard .info-popover > i {
    padding-top: 6px;
}

.view-select a:not(:last-child) {
    margin-right: 0 !important;
}
.dashboard .refresh-select,
.dashboard .action-select {
    float: right;
}
.dashboard .refresh-select > div,
.dashboard .action-select > div {
    float: right;
}
@media(max-width:1190px){
    .dashboard .refresh-select,
    .dashboard .action-select {
        float: left;
    }
}
.dashboard .actions {
    text-align: left;
}

.dashboard .filter_container {
    width: 210px;
    float: right;
    background: #F3F3F4;
    border-left: 1px solid #ddd;
}

.dashboard .filter {
    /*position: fixed;*/
    padding: 8px;
    line-height: 1.2;
    top: 77px;
}
.dashboard .filter input {
    width: 100%;
    padding: 8px;
    border: 1px solid #ddd;
    border-radius: 3px;
    font-size: 13px;
    margin-bottom: 7px;
}
.dashboard .filter .date-ranges input {
    float: left;
}
.dashboard .filter .date-ranges #from {
    max-width: 48%;
    margin-right: 9px;
}
.dashboard .filter .date-ranges #to {
    max-width: 47%
}
.dashboard .filter .form-field {
    background-color: #FFFFFF;
}

.dashboard .filter .keywords-search-condition input {
    width: 20px !important;
}
.dashboard .filter .keywords-search-condition label:first-child {
    padding-right: 20px;
}

.dashboard .filter .search_term_box {
    border-radius: 5px;
    border: 1px solid #D8D8D8;
    padding: 5px;
    margin-bottom: 5px;
}
.dashboard .filter .search_term_box_warning {
    border-radius: 3px;
    border: 1px solid #FEEFB3;
    color: #9F6000;
    background-color: #FEEFB3;
    font-size:x-small;
    padding: 3px;
    margin-bottom: 3px;
}

.dashboard .filter label {
    font-size: 12px;
    font-weight: bolder;
    padding-left: 3px;
    margin-bottom: 4px;
}
.dashboard .filter #query_select,
.dashboard .filter #target_language,
.dashboard .filter #sentiment,
.dashboard .filter #items_per_page {
    margin: 0 0 8px 0;
    font-size: 13px;
}
.dashboard .filter #query_select {
    display: inline-block;
    vertical-align: baseline;
}
.dashboard .query_select label {
    display: inline-block !important;
}
.dashboard .filter a {
    font-size: 14px;
}

.dashboard .filter .actions a {
    width: 48%;
}

.dashboard .filter .filter-toggle-table {
    margin-bottom: 10px;
    border-collapse: separate;
    width: 100%;
}

.dashboard .filter .filter-toggle-table td {
    /*border: 1px solid #1A1A1A;*/
    padding: 3px 2px 3px 3px;
}

.dashboard .filter .filter-toggle-table tr.filter-location-row:first-child,
.dashboard .filter .filter-toggle-table tr.filter-location-row td:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border: 1px solid #243645;
    border-right: none;
}

.dashboard .filter .filter-toggle-table tr.filter-location-row td:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border: 1px solid #243645;
    border-left: none;
}

.dashboard .filter .filter-toggle-table tr.filter-location-row td:last-child .ico {
    top: 1px;
}

.dashboard .filter .filter-toggle-table tr.filter-location-spacer {
    height: 5px;
}

.dashboard .filter .filter-toggles-label {
    width: 40%;
}

.dashboard .filter .filter-toggles, .filter-toggles > div {
    margin: 0 0 0.5em 0;
}

.dashboard .filter .filter-toggles span {
    width: 30%;
    font-size: 1.2em;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}

.dashboard .filter .filter-toggles span.fa,
.dashboard .filter .filter-toggles-label span.fa {
    margin-top: 2px;
}

.dashboard .filter .filter-toggle-table .filter-toggles span {
    width: 30px !important;
}

.dashboard .filter .filter-toggle-table .filter-toggles.filter-toggles-label span {
    width: 20px !important;
}

.dashboard .filter .filter-toggles.filter-icons-right {
    width: 60%;
}

.dashboard .filter .filter-toggles.filter-icons-right.filter-icons-two {
    padding-left: 20px !important;
}

.dashboard .filter .filter-toggles span.adv_geo_filter {
    width: 20% !important;
    padding-left: 10px;
    padding-right: 10px;
}

.dashboard .filter .filter-toggle-table .filter-toggles span.adv_geo_filter {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.unselected {
    color: #A6A6A6 !important;
    /*color: #CCCCCC !important;*/
}
.dashboard .filter #target_language {
    margin-bottom: 0.5em;
    padding: 1px;
}
.dashboard .filter #with_geo,
.dashboard .filter #with_geo2,
.dashboard .filter .adv_geo_filter,
.dashboard .with_geo i {
    color: #49A278;
}
.dashboard .filter #with_high_risk {
    color: #E42132;
}
.dashboard .filter #with_media, .dashboard .media-indicator {
    color: #800080;
}
.dashboard .filter #sentiment_negative {
    color: #E42132;
}
.dashboard .filter #sentiment_positive {
    color: #005700;
}

.dashboard #keywords-button {
    font-size: 13px;
    padding: 6px;
    margin-bottom: 7px;
}
.dashboard #target-controller-filter {
    width: 100%;
}
.dashboard #target-controller-filter a {
    display: inline-block;
    margin-bottom: 7px;
}

.dashboard .info {
    display: inline-block;
    float: left;
    margin: 10px 0 -10px 3px;
    padding-bottom: 10px;
    font-size: 0.9em;
    color: #555;
}
.dashboard .info span {
    margin-right: 1em;
}

.dashboard .inline-box {
    width: 48%;
    width: -webkit-calc(50% - 5px);
    width: calc(50% - 5px);
    background: #FFFFFF;
    border: 1px solid #EBEBEB;
    border-radius: 3px;
    float: left;
    margin-bottom: 10px;
}

@media (max-width: 1150px) {
    .dashboard .filter .date-ranges #from,
    .dashboard .filter .date-ranges #to {
        float: none;
        max-width: 100%;
        margin-right: 4px;
    }
    .dashboard .filter .actions a {
        width: 100%;
        margin-bottom: 10px;
    }
}

@media (max-width: 1060px) {
    .dashboard .main-content__sub-nav,
    .dashboard #dashboard-data-controller {
        margin-right: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
    .dashboard .filter_container {
        float: none;
        width: 100%;
    }
    .dashboard .filter {
        position: inherit;
        background-color: #FFFFFF;
        padding-left: 30px;
        padding-right: 30px;
    }
    .dashboard .filter .keyword_container,
    .dashboard .filter .keywords-search-condition,
    .dashboard .filter .filter-divider,
    .dashboard .filter .filter-toggle-table,
    .dashboard .filter .filter-toggles,
    .dashboard .filter #target_language,
    .dashboard .filter #sentiment,
    .dashboard .filter #items_per_page,
    .dashboard label {
        display: none;
    }
    .dashboard .filter input {
        width: 9em;
        margin-right: 9px;
        margin-bottom: 8px;
        float: left;
    }
    .dashboard .filter .search_term_box {
        border: 0 !important;
        border-radius: 0;
        padding: 0;
        margin: 0;
        display: inline-block;
        float: left;
    }

    .dashboard #query_select {
        margin-bottom: 5px;
    }
    .dashboard #target-controller-filter {
        padding-bottom: 3px;
    }
    .dashboard .filter .actions a {
        width: 9em;
        margin-right: 4px;
        padding: 6px 0;
    }
}

@media (max-width: 768px) {
    .dashboard #target-controller-filter {
        display: none;
    }
    .dashboard .sub-nav__view-control {
        text-align: center;
    }
    .dashboard .info {
        width: 100%;
        text-align: center;
    }
    .dashboard .view-select {
        float: none;
        margin-bottom: 10px;
    }
    .dashboard .view-select a {
        padding: 10px 15px;
    }
    .dashboard .view-select .info-popover {
        padding-top: 6px;
    }
    .dashboard .filter input {
        width: 100%;
        margin-bottom: 5px;
    }
    .dashboard .filter #query_select,
    .dashboard .filter .actions a,
    .dashboard .filter .search_term_box {
        width: 100%;
    }
}

@media (max-width: 550px) {
    .dashboard #export,
    .dashboard .view-select,
    .compact-list-view .post-list > .single-post > .check {
        display: none;
    }
}

#new-dashboard-label {
    float: left;
    margin-right: 0.75rem;
    margin-top: 4px;
    font-size: 0.9em;
}

.dashboard-clickable-symbol {
    cursor: pointer;
    font-size: 30px !important;
    margin-right: 10px;
}

.compact-list-view {
    background-color: #FFFFFF;
}
.compact-list-view .post-list {
    display: table;
    width: 100%;
    margin: 0;
    font-size: 14px;
}
.compact-list-view .post-list > .single-post {
    display: table-row;
}
.compact-list-view .post-list > .single-post > a,
.compact-list-view .post-list > .single-post > div.content,
.compact-list-view .post-list > .single-post > div.high_risk {
    display: table-cell;
    white-space: nowrap;
    background-color: #FFFFFF;
    border-top: 1px solid #e7eaec;
    padding: 0.4rem 0.75rem;
}
.compact-list-view .post-list > .single-post > .check {
    padding-left: 0.75rem !important;
    min-width: 38px;
    max-width: 38px;
}
.compact-list-view .post-list > .single-post > .more-info {
    padding-right: 0 !important;
}

.compact-list-view .post-list > .single-post .channel-icon {
    color: #243645;
}

.compact-list-view .post-list > .single-post > .author {
    padding-left: 0 !important;
    max-width: 210px;
    overflow: hidden;
}
.web-search .compact-list-view .post-list > .single-post > .author {
    padding-left: 10px !important;
}

.compact-list-view .post-list > .single-post > div.high_risk {
    padding: 0;
}
.compact-list-view .post-list > .single-post > .content {
    width: 100%;
    max-width: 300px;
    overflow: hidden;
}
.compact-list-view .post-list > .single-post > .date {
    text-align: right;
}
.compact-list-view .tags {
    margin-top: 0;
}
.compact-list-view .post-list > .single-post .post-author-box {
    position: absolute;
    border: 1px solid #999999;
    overflow: hidden;
    visibility: hidden;
    background-color: #FFFFFF;
    margin-top: 30px;
    margin-left: 20px;
    z-index: 1;
    box-shadow: 2px 2px 2px #999999;
}
.thick-buttons > a.button {
    border: 2px solid #BBBBBB;
}
@-moz-document url-prefix() {
    .compact-list-view .post-list > .single-post .post-author-box {
        margin-top: 10px;
    }
}

@media (max-width: 1024px) {
    .compact-list-view .post-list > .single-post > span {
        padding-top: 0.2rem;
        padding-bottom: 0.2rem;
    }
}
/* end dashboard */

/* start map controls */
.map__container .buttonShape {
    border-radius: 2px;
    background-color: #FFFFFF;
    cursor: pointer;
    text-align: center;
    padding: 0px 2px;
    border-width: 2px;
    border-style: solid;
    height: 29px;
}
.map__container .buttonShape.on {
    border-color: #666666;
}
/* end map controls */

/* start map layer */
#map-layers-title {
    width: 98px;
    height: 32px;
    padding-top: 7px;
    font-size: 11px;
    text-align: center;
    cursor: pointer;
}

#map-menu-title {
    color: #243645;
    display: inline-block;
    float: left;
    font-size: 20px;
    margin: 5px 0px -1px 0px;
}

#map-layers-container, #map-layers-preview-container {
    font-size: 11px;
    background-color: #FFFFFF;
}
#map-layers-container:hover, #map-layers-preview-container:hover {
    background-color: #EEEEEE;
}
.mapMenuContainer {
    z-index: 1 !important;
    right: unset !important;
}
.pac-container { z-index: 99999999999 !important; }
.mapMenuContainer, #map-layers-menu-container {
    border-radius: 2px;
    font-size: 16px;
    background-color: #FFFFFF;
    color: #666666;
    position: absolute;
    top: 0;
    margin-left: 60px;
}
.gm-style-mtc { left: 360px !important; }
.mapMenuContainer:hover, #map-layers-menu-container:hover,
.map__container .buttonShape:hover
{
    background-color: #EEEEEE;
    color: #243645;
    cursor: pointer;
}
.mapMenuContainer:hover .pac-input {
    background-color: #EEEEEE;
}

.mapMenuContainer .map-menu-icon {
    display:inline-block;
    height: 100%;
}
/* Unfortunately due to the way the colors are being set on some items on pages that use maps we have to do the following: */
.map-menu-items #map-menu-content .ico,
.map-menu-items .map-menu-close i.ico,
.map-menu-items .map-toggles,
.map-menu-items .map-checkboxes,
.map-menu-items .map-toggles:hover,
.map-menu-items .map-checkboxes:hover,
.map-menu-items .map-toggles.map-option-on,
.map-menu-items .map-checkboxes:not(.disabled).map-checkbox-checked,
.map-menu-items .map-checkboxes:not(.disabled) .check.fa-check-square-o,
.map-menu-items .map-checkboxes:not(.disabled) .check.fa-check-square,
.mapMenuContainer .map-menu-icon i.ico
{
    color: unset;
}
.map-menu-section-header {
    display: inline-block;
    width: 100%;
}
#map-menu-save-view-btn, #map-menu-save-assets-alerts-btn {
    float: right;
    margin-right: 20px;
}
.mapMenuContainer .map-menu-icon i.ico {
    top: 7px;
    left: 8px;
    position: relative;
}
.mapMenuContainer #map-menu-search {
    display:inline-block;
    margin: 4px 10px 0 10px;
    font-size: 12px;
    vertical-align: middle;
}
.mapMenuContainer #map-menu-search .pac-input {
    height: 100%;
    margin: 0px !important;
    box-shadow: none;
    padding: unset !important;
}
#map-menu-content .panel-default {
    border-color: none !important;
}

#map-menu-content .panel {
    margin-bottom: unset !important;
    background-color: unset !important;
    border: 0 !important;
    border-radius: 0 !important;
    -webkit-box-shadow: unset !important;
    box-shadow: unset !important;
}
.map-menu-items .map-menu-heading {
    font-size: 16px;
    font-weight: bold;
    color: #243645;
    cursor: pointer;
}
.map-menu-items .map-menu-separator {
    width:100%;
    height: 1px;
    border-top: 1px #DDDDDD solid;
    margin: 8px 0px 8px 0px;
}
.map-menu-items .map-toggles,
.map-menu-items .map-checkboxes,
.map-menu-items .sa-view-items,
.map-menu-items .sa-assets-alerts-items
{
    color: #666666;
}
.map-menu-items .map-toggles:hover,
.map-menu-items .map-checkboxes:hover,
.map-menu-items .sa-view-items span:hover,
.map-menu-items .sa-view-items i:hover,
.map-menu-items .sa-assets-alerts-items span:hover,
.map-menu-items .sa-assets-alerts-items i:hover
{
    color: #243645;
}

#map-menu-views-button-list .list-container .map-checkbox-checked,
.map-menu-items .map-toggles.map-option-on,
.map-menu-items .sa-view-items.map-option-on,
.map-menu-items .sa-assets-alerts-items.map-option-on,
.map-menu-items .map-checkboxes:not(.disabled).map-checkbox-checked,
.map-menu-items .map-checkboxes:not(.disabled) .check.fa-check-square-o,
.map-menu-items .map-checkboxes:not(.disabled) .check.fa-check-square
{
    color: #306DA4; /* #297ca4 */
}
.map-menu-items .map-checkboxes .check{
    padding-right: 30px;
    font-size: 18px;
    vertical-align: middle; /*This effectivly makes the font awesome font line up centered with the text */
}

label.disabled,
.button.disabled,
.map-menu-items #map-menu-content .local-group.disabled,
.map-menu-items #map-menu-content .local-group.disabled:hover {
    color: #AAAAAA !important;
    cursor: not-allowed !important;
}

#bulk-actions-dropdown .button.disabled {
    cursor: not-allowed !important;
}

#bulk-actions-dropdown .dropdown-menu,
#bulk-actions-dropdown .dropdown-menu-panel,
#bulk-actions-dropdown .dropdown-menu-container
{
    padding-left: 0;
    padding-right: 0;
}

#bulk-actions-dropdown li a {
    padding-left: 20px;
    padding-right: 20px;
}

#bulk-actions-dropdown li.heading {
    padding: 0;
    background-color: #eee;
    font-weight: bold;
    text-align: center;
}

#bulk-actions-dropdown .dropdown-menu-right {
    margin-top: 7px;
    margin-bottom: 7px;
}

#bulk-actions-dropdown button {
    padding: 4px 10px;
    font-size: 12px;
    line-height: 18px;
    font-family: "Open Sans", sans-serif;
}

#bulk-actions-dropdown button i.fa-caret-down {
    padding-left: 5px;
}

.mapMenuContainer label {
    font-size: 12px;
}
.map-menu-items #map-menu-content {
    margin-left: 10px;
    font-size: 13px;
    /*margin-top: 80px;
    position: absolute;*/
    /*top: 0;
    left: 0;*/
    width: 100%;
    bottom: 0;
    overflow-y: auto;
    overflow-x: hidden;
}
.map-menu-items #map-menu-content .ico,
.map-menu-items .sa-view-items i,
.map-menu-items .sa-assets-alerts-items i
{
    font-size: 18px;
    line-height: 1px; /*This effectivly makes the icon line up centered with the text */
    padding-right: 10px;
}
.map-menu-items #sa-views {
    margin-top: 5px;
}
.map-menu-items .sa-view-items .check,
.map-menu-items .sa-assets-alerts-items .check
{
    padding-right: unset !important;
}
#map-layers, .map-menu-items {
    z-index: 1;
    display: none;
    background-color: #FFFFFF;
    margin-left: 0;
    margin-top: 0;
    padding: 2px;
    height: auto;
    margin-left: -1px;
}
.map-menu-items {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    max-height: 100%;
    overflow-y: auto !important;
    width: 300px;
    max-width: 300px;
    white-space: nowrap;
    background: #f3f3f4;
    border-top: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    z-index: 1000;
}
.map-menu-items #map-menu-toolbar {
    margin-left: 10px;
    line-height: 1;
    display: inline-block;
    width: 100%;
}
.map-menu-items .map-menu-close {
    margin: 5px 20px -2px 0;
    float: right;
    color: #666666;
    font-size: 18px;
}
.map-menu-items .map-menu-close:hover {
    cursor: pointer;
    color: #243645;
}
#map-layers input, .map-menu-items input {
    display: inline-block;
    margin-right: 3px;
}
#map-layers label, .map-menu-items label {
    display: block;
    padding: 6px;
    float: unset;
}
#map-shape {
    font-size: 20px;
    font-style: normal;
    color: #666666;
    padding: 2px 1px;
    line-height: 30px;
}
.sa-assets-alerts-inputs,
.sa-views-inputs,
.sa-subjects-inputs {
    text-align: center;
    position: relative;
    /*margin-left: 15px;*/
}
.sa-views-inputs-top{
    text-align: left;
    position: relative;
    width: auto !important;
    /*margin-left: 15px;*/
}
.sa-assets-alerts-inputs-settings {
    float: left;
    margin: 0.5em !important;
}

.sa-views-inputs .sa-views-text-input {
    /*float: left;*/
}

.sa-assets-alerts-inputs .sa-assets-alerts-add-btn,
.sa-views-inputs .sa-views-alerts-add-btn,
.sa-subjects-inputs .sa-subjects-add-btn {
    margin: 1em 0 1em 1em;
    float: none;
    width: auto !important;
}

.sa-assets-alerts-inputs .sa-assets-alerts-add-btn .btn,
.sa-views-inputs .sa-views-alerts-add-btn .btn,
.sa-subjects-inputs .sa-subjects-add-btn .btn {
    padding: 6px 12px !important;
}
.sa-subjects-inputs .btn-group {
    width: unset !important;
}
.sa-confirm-delete-content,
.sa-confirm-save-content {
    margin: 1em;
}
.sa-confirm-delete-content .sa-confirm-delete-item {
    margin: 0 20px;
    font-size: 1.15em;
    font-weight: bold;
    color: #990000;
}
/* end map layer */

/* start reports */
#reports {
    position: relative;
}
#reports .summary {
    float: left;
    width: 50%;
}
#reports .summary.big {
    font-size: 1.4em;
    width: 100%;
}
#reports .container--chart {
    float: left;
    margin-bottom: 20px;
}
#reports .container--chart .title {
    text-align: center;
    font-weight: bold;
    margin-bottom: 10px;
}
#reports .timeline {
    width: 100%;
}
#reports .timeline .chart {
    height: 120px;
}
#reports .download {
    position: absolute;
    top: 15px;
    right: 15px;
}

#reports .pie {
    width: 50%;
    min-width: 350px;
}
#reports .pie .chart {
    margin: 0 auto;
    height: 350px;
}

#reports .bar {
    width: 50%;
    min-width: 600px;
    overflow: hidden;
}
#reports .bar .chart {
    height: 450px;
}

#reports svg > g > g:last-child {
    pointer-events: none;
}

@media (max-width: 479px) {
    #reports .summary, #reports .timeline, #reports .pie, #reports .bar {
        min-width: 49%;
    }
}
@media (max-width: 768px) {
    #reports .download {
        position: inherit;
        margin-bottom: 1.5em;
    }
}

#form-confirm-create-report label {
    display: inline-block;
    float: none;
    text-transform: none;
    font-weight: bold;
    font-size: 1em;
}

#form-confirm-create-report input {
    border: 1px solid #BDBDBD;
    border-radius: 5px;
    padding: 8px;
}

#form-confirm-create-report select {
    width: inherit;
    min-width: 15em;
}

/* end reports */

/* start guest links */
#guest-links h3 {
    text-transform: none;
}
#guest-links table {
    margin-left: 0.5em;
}
#guest-links tr.title td {
    padding-left: 1em;
    padding-top: 0.5em;
    font-weight: bold;
}
#guest-links tr.data td {
    padding-left: 2em;
}
#guest-links td:first-child {
    min-width: 175px;
}
#guest-links td:nth-child(2) {
    white-space: nowrap;
    padding-bottom: 0.25em;
    min-width: 185px;
    vertical-align: top;
}

@media (max-width: 479px) {
    #guest-links table,
    #guest-links tr,
    #guest-links tr {
        display: block;
        margin: 0;
    }
    #guest-links td {
        position: relative;
    }
    #guest-links td:before {
        position: absolute;
        white-space: nowrap;
    }
}

#new-guest-link select {
    height: 38px;
    border: 1px solid #BDBDBD;
    border-radius: 6px;
    margin-top: 0;
    margin-bottom: 0;
}
#new-guest-link option {
    font-weight: normal;
}
#new-guest-link label {
    margin-top: 1em;
    text-transform: none;
}
#new-guest-link #email_address {
    margin-bottom: 0;
}

#view-guest-link a {
    display: inline;
    float: none;
    font-size: inherit;
    margin-top: 0;
}
#view-guest-link .link {
    margin-top: 0.6em;
    font-size: 1.2em;
}
#view-guest-link .link>i {
    font-size: 1.5em;
    vertical-align: middle;
}
#view-guest-link .link>input {
    width: 92%;
    border: 1px solid #EFEFEF;
    background-color: #EFEFEF;
    padding: 10px;
}
/* end guest links */

/* start tile view */
.tile-view {
    margin: 5px auto;
}
.tile-view .single-post {
    width: 250px;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    margin: 5px 0 5px 10px;
    display: inline-block;
}
.tile-view .single-post.grid-sizer {
    height: 0;
    margin-top: 0;
    margin-bottom: 0;
    border-top: 0;
    border-bottom: 0;
}

.has-case-management-vendors a.button--post {
    width: 17% !important;
    padding-left: 0.7rem;
}

.tile-view .single-post__buttons a.button--post {
    width: 25%;
}

case-management-vendor-widgets a {
    border-radius: 0 !important;
}

case-management-vendor-widgets a i {
    display: inline-block;
    vertical-align: middle;
    height: 18px;
}

.tile-view .single-post .single-post__buttons {
    float: none;
    margin-left: 1%;
}
.tile-view a.post-link {
    margin: 0;
    cursor: pointer;
}

.tile-view .post-author-name img.joypixels {
    height: 2ex !important;
}

.tile-view .single-post__header h4 {
    display: block;
    margin: 4px 0 0 70px;
    line-height: 1.1;
    font-size: 1.1em;
}

.tile-view .single-post__header h4 a {
    position: absolute;
    width: 150px;
    margin: 0;
}

.tile-view .single-post__header h4 a span,
.tile-view .single-post__header h4 a small {
    display: inline-block;
    height: 1.2em;
    overflow: hidden;
    width: 150px;
    white-space: nowrap;
}

.tile-view .single-post__timestamp {
    font-size: 18px;
    padding: 2px 5px;
    margin: 5px 0 10px 0;
    color: #FFF;
}
.tile-view .single-post__profile-image {
    width: 40px;
    height: 40px;
}

.tile-view .single-post__content.details {
    height: 143.5px;
    margin: 0;
    padding: 0 5px;
    overflow-y: hidden;
}

.tile-view .post-details {
    height: 99px;
    min-height: 99px;
    margin: 0;
    padding: 0 5px;
    overflow: hidden;
}

.tile-view .single-post__content.details.touch-enabled .post-details {
    height: 86px;
    min-height: 86px;
}

.web-search .tile-view .post-details {
    height: 88px;
    min-height: 88px;
}

.tile-view .single-post__content.details.tall {
    height: 365px;
}
.web-search .tile-view .single-post__content.details.tall {
    height: 315px;
}

.tile-view .single-post__content.details.tall.touch-enabled .post-details {
    height: 287px;
    min-height: 287px;
}

.tile-view .single-post__content.details.tall .post-details {
    height: 320px;
    min-height: 320px;
}

.tile-view .single-post__content.details.tall.touch-enabled .post-details {
    height: 307px;
    min-height: 307px;
}

.tile-view .single-post__content.details.touch-enabled>span {
    bottom: 27px;
}

.tile-view .single-post__content.details>span {
    display: block;
    position: absolute;
    left: 10px;
    bottom: 5px;
}

.tile-view .list_view_media {
    padding: 10px 0 0 0;
    display: inline-block;
}
.tile-view .list_view_media img {
    max-width: 228px;
    max-height: 228px;
}
.tile-view .tags {
    margin-left: 0;
}
.tile-view .pre-link {
    white-space: normal;
    word-break: normal;
    padding-top: 5px;
}

.pre-link span {
    display: inline-block;
    width: 100%;
}

.tile-view .single-post__video--overlay {
    top: 38%;
    left: 44%;
    width: 50px;
    height: 50px;
    z-index: 10;
    border-top-width: 25px;
    border-bottom-width: 25px;
    border-left-width: 45px;
}

.tile-view .single-post__content .geo {
    display: inline-block;
    overflow: hidden;
    height: 1.5em;
}

.tile-view .single-post > a {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 10px;
    font-size: 1.2em;
    color: #243645;
    background-color: #ffffff;
}

.tile-view .more {
    display: none;
    position: absolute;
    width: 250px;
    border: 1px solid #243645;
    margin-left: -1px;
    z-index: 100;
}

/* hover for desktops */
.no-touch .tile-view .single-post:hover .more {
    display: block;
}
.no-touch .tile-view .single-post:hover {
    border-color: #243645;
    z-index: 102;
}

/* class for touch devices */
.tile-view .single-post.open .more {
    display: block;
}
.tile-view .single-post.open {
    border-color: #243645;
    z-index: 100;
}

@media (max-width: 768px) {
    .tile-view .single-post__header {
        margin-top: 0;
    }
    .tile-view .single-post.open,
    .tile-view .single-post:hover {
        border: 1px solid #243645;
    }
    .tile-view .single-post__buttons a.button--post {
        width: 20%;
        max-width: 20%;
    }
}

.tile-view .tile-footer {
    background-color: white;
    width: 235px;
    font-size: 75%;
    display: flex;
}

.tile-view .tile-footer .tf-left {
    max-width: 150px;
    min-width: 150px;
    float: left;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
}

.tile-view .tile-footer .tf-right {
    max-width: 90px;
    max-width: 90px;
    float: right;
    display: inline-block;
    white-space: nowrap;
}

.tile-view .tile-footer i.location-tagged {
    color: #49A278;
}

.tile-view .tile-footer i.inferred-location,
.tile-view .tile-footer span.inferred-location,
.post-list .high_risk .with_geo i.inferred-location {
    color: #888;
}

.tile-view .tile-footer i.profile-location,
.tile-view .tile-footer span.profile-location,
.post-list .high_risk .with_geo i.profile-location {
    color: #888;
}

.tile-apron-control {
    display: block;
    width: 100%;
    text-align: center;
    background-color: #7f7f7f2f !important;
    font-size: 75% !important;
    height: 22px;
    padding-top: 2px !important;
}

/* end tile view */

.input-keywords {
    display: inline-block !important;
    margin-left: 9px !important;
    width:36.5% !important;
}

.share-by-phone input {
    display: inline-block !important;
    margin-bottom: 2px;
}
.share-by-phone-alert {
    margin-top: 10px;
}
.share-by-phone-alert input {
    display: inline-block !important;
    margin-top: 0;
    margin-bottom: 2px;
}
.share-by-phone span {
    display: inline-block;
    margin-bottom: 3px;
    line-height: 2;
    vertical-align: bottom;
}

.share-by-phone-prefix {
    width: 70px !important;
    margin-right: 5px;
}

.share-by-phone-number {
    width:300px !important;
}

#country_code_label {
    width: 400px !important;
    font-size: 9px;
    text-transform: uppercase;
    margin-left: 15px;
    margin-bottom: 15px;
}

.country_code_label {
    font-size: 9px;
    text-transform: uppercase;
    margin-left: 15px;
    margin-bottom: 15px;
}

/* start tag elements */
.tag-elements .single-post__buttons a {
    background-color: #fff;
    max-width: 45px;
    color: #555;
    border: 1px solid #ddd;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}
.tag-elements .table-with-drawer {
    margin-right: 20px !important;
}

.tag-elements h3 {
    text-transform: none;
    padding-left: 25px;
}

.landing .card,
.tag-elements .card {
    float: left;
    width: calc(33.33% - 1em);
    height: 205px;
    border-radius: 10px;
    background-color: #EFEFEF;
    padding: 1em 2em 1em 1em;
    margin: 0 1em 1em 0;
    cursor: default;
    position: relative;
    text-align: initial;
}
@media (max-width: 900px) {
    .landing .card,
    .tag-elements .card {
        width: calc(50% - 1em);
        min-width: 280px;
    }
}

@media (max-width: 640px) {
    .landing .card,
    .tag-elements .card {
        width: 100%;
        margin-right: 0;
    }
}
.landing .card h3,
.tag-elements .card h3 {
    white-space: nowrap;
}
.landing .card i,
.tag-elements .card i {
    font-size: 6em;
    color: #AAAAAA;
    position: absolute;
    top: 20px;
    right: 10px;
}
.landing .card:hover i,
.tag-elements .card:hover i {
    color: #666666;
}
.landing .card .count,
.tag-elements .card .count {
    font-size: 4em;
    line-height: 1;
    margin-left: 10px;
    color: #243645;
    position: absolute;
    right: 10px;
    bottom: 55px;
}
.landing .card > a,
.tag-elements .card > a {
    float: right;
    margin: 1em;
    position: relative;
    top: 11.5em;
    left: 3em;
}
.landing .card .preview,
.tag-elements .card .preview {
    position: absolute;
    top: 55px;
    left: 35px;
    width: calc(100% - 155px);
    max-height: 9em;
    font-size: 0.9em;
    overflow: hidden;
    color: #999999;
}
.landing .card .preview div,
.tag-elements .card .preview div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tag-elements .single-post__content {
    border-top-color: #AAAAAA;
}
.tag-elements .single-post {
    border: 1px solid #AAAAAA;
    margin: 5px 10px;
}
@media (min-width: 768px) {
    .tag-elements .single-post {
        border-top-width: 1px;
    }
}
@media (min-width: 1024px) {
    .tag-elements .single-post {
        border-top-width: 4px;
    }
}
/* end tag elements */

/* start site search */
#header__search, #quick-pins-list, #case-menu {
    width: 280px;
    /*padding-top: 10px;*/
    padding-top: 4px;
    margin-left: auto;
    margin-right: 10px;
    font-size: 14px;
    float: right;
}

#header__search {
    width: 200px;
    padding-top: 0px;
    margin-top: 6px;
}
#cases_search{
    width: 200px;
}

#header__search span, #quick-pins-list span, #case-menu span {
    position: relative;
    display: inline-block;
    border: 1px solid #8E9EAE;
    border-radius: 5px;
    color: #8E9EAE;
    white-space: nowrap;
    overflow-x: hidden;
    padding: 2px 24px 2px 24px;
}
#header__search span {
    border: none;
}
#header__search span a.handle i {
    color: #8E9EAE;
    margin-top: 0;
}
#header__search.focus span, #cases_search/*, #quick-pins-list.focus span*/ {
    border-color: #999999;
    background-color: #FFFFFF;
    color: #243645;
}
#header__search:not(.focus) > div/*, #quick-pins-list:not(.focus) > div*/ {
    display: none;
}

#header__search a, #quick-pins-list a, #case-menu a {
    cursor: pointer;
}
#header__search span a, #quick-pins-list span a, #case-menu span a {
    padding: 5px;
}
#header__search span a.handle, #quick-pins-list span a.handle, #case-menu span a.handle {
    text-align: center;
    padding: 0;
    position: absolute;
    left: 0;
    top: 2px;
    z-index: 1;
    width: 24px;
    height: 24px;
    color: #8E9EAE;
    vertical-align: text-bottom;
}
#header__search.focus span a.handle/*, #quick-pins-list.focus span a.handle*/ {
    color: #243645;
}
#header__search span a.clear, #quick-pins-list span a.clear, #case-menu span a.clear {
    text-align: center;
    padding: 0;
    position: absolute;
    right: 0;
    top: 2px;
    z-index: 1;
    width: 24px;
    height: 24px;
}
#header__search div small,
#header__search div small a,
#quick-pins-list div small,
#quick-pins-list div small a,
#case-menu div small,
#case-menu div small a
{
    line-height: 2.2;
    font-weight: normal;
    color: #AAAAAA;
}
#header__search div small a:hover, #quick-pins-list div small a:hover, #case-menu div small a:hover {
    color: #243645;
}

#header__search input, #cases_search input/*, #quick-pins-list input*/ {
    background-color: transparent;
    width: 100%;
    line-height: 24px;
    padding: 0 2px;
    border: 0;
    border-radius: 5px;
    outline: none;
}
#header__search input::-moz-placeholder/*,
#quick-pins-list input::-moz-placeholder*/ {
    color: #8E9EAE;
}
#header__search input::-webkit-input-placeholder/*,
#quick-pins-list input::-webkit-input-placeholder*/ {
    color: #8E9EAE;
}
#header__search input:-ms-input-placeholder/*,
#quick-pins-list input::-ms-input-placeholder*/ {
    color: #8E9EAE;
}
#header__search.focus input/*, #quick-pins-list.focus input*/ {
    background-color: #FFFFFF;
}
#header__search input::-ms-clear/*, #quick-pins-list input::-ms-clear*/ {
    display: none;
}

#header__search > div, #quick-pins-list > div, #case-menu > div {
    position: absolute;
    top: 50px;
    width: 29em;
    height: 18.75em;
    z-index: 200;
    overflow-y: scroll;
    border: 1px solid #999999;
    border-radius: 0 0 5px 5px;
    background-color: #FFFFFF;
    border-top-color: #999999;
}

#case-menu > div {
    overflow: auto;
    position: fixed !important;
}
#header__search div div, #quick-pins-list div div/*, #case-menu div div*/ {
    margin-bottom: 15px;
}
#header__search div div div, #quick-pins-list div div div/*, #case-item-list div div div*/ {
    margin: 5px 15px;
}
#header__search .section-title, #quick-pins-list .section-title, #case-menu .section-title {
    padding: 5px 10px;
    margin: 5px 0;
    font-weight: bold;
    background-color: #f3f3f4;
    border-top: 1px solid #999999;
}

.case-title {
    height: 3.000em;
}

.case-col {
    overflow: hidden !important;
    padding: 2px;
    width:210px; /* or whatever width you want. */
    max-width:210px; /* or whatever width you want. */
    display: inline-block !important;
    height: 23px;
    max-height: 23px;
}

.case-color-box {
    overflow: unset !important;
    border: 1px;
    background-color: transparent;
    border-radius: 4px;
    width:23px !important; /* or whatever width you want. */
    max-width:23px !important; /* or whatever width you want. */
    padding: 1px 2px;
    color: #FFFFFF;
    text-align: center;
}

.case-col-buttons {
    float: right;
    /*width:55px;*/
    max-width:60px;
}

#header__search .section-title:first-child, #quick-pins-list .section-title:first-child, #case-menu .section-title:first-child {
    margin-top: 0;
    border-top: 0;
}
#header__search .section-title > i, #quick-pins-list .section-title > i, #case-menu .section-title > i {
    float: right;
    line-height: 1.5;
}
/*#header__search > div .fa, #quick-pins-list > div .fa, #case-menu > div .fa {
    margin-right: 5px;
}*/

#header__search .ico, #quick-pins-list .ico, #case-menu .ico {
    top: 1px !important;
    color: #999999;
}

#header__search .header_search_result .type_symbol,
#quick-pins-list .header_search_result .type_symbol,
#case-menu .header_search_result .type_symbol
{
    display: inline;
    border: none;
    color: #999999;
    background-color: transparent;
    border-radius: 0;
    padding: 0;
}

#header__search .header_search_result .type_symbol span,
#quick-pins-list .header_search_result .type_symbol span,
#case-menu .header_search_result .type_symbol span{
    display: inline;
    border: none;
    color: #999999;
    background-color: transparent;
    border-radius: 0;
    padding: 0;
}

.case-container {
    text-align: left;
}

.case-list-item {
    border-bottom: 1px solid #CCCCCC;
    margin: 5px; /* 15px;*/
    padding: 5px 10px;
}

.simplecolorpicker.case-color-box {
    padding-top: 0 !important;
    overflow: hidden !important;
}

.simplecolorpicker .fa {
    margin-left: -2px;
}

/*.simplecolorpicker span.color[data-selected] {
    border: none;
}*/

.simplecolorpicker.glyphicons span.color[data-selected]:after {
    top: 0px !important;
    padding: 0px !important;
    margin-left: auto !important;
}

.simplecolorpicker.picker {
    max-width: 232px !important;
}

.button-case-new {
    float: right;
}

.button-case-exit {
    float: right;
}

.type_symbol div {
    margin: -2px 0 0 0 !important;
    display: inline-block;
    border: 1px solid #999999;
    border-radius: 32px;
    background-color: #999999;
    color: #ffffff;
    font-size: 0.7em;
    width: 17px;
    height: 17px;
    text-align: center;
    vertical-align: middle;
    line-height: 15px;
    padding-right: 1px;
}
/* end site search */

div.show-image-post {
    position: relative;
}

div.show-image-post:hover img{
    opacity:0.5;
}
div.show-image-post:hover a.storage {
    display: block;
    top:0;
    left:0;
    position:absolute;
}

div.show-image-post a.storage {
    display:none;
}

.is-subject {
    color: #599FEE !important;
}

#new-historic-query .target-icon,
#clone-query .target-icon {
    vertical-align: top;
}
#new-historic-query .channel__filter a,
#clone-query .channel__filter a {
    color: #CCCCCC;
    margin: 0 2em 1em 0;
    font-size: inherit;
}
#new-historic-query .channel__filter a span.selected,
#clone-query .channel__filter a span.selected {
    color: #000000;
}

#query-edit .query-type-container .qt-selected {
    border-radius: 5px;
    border: 2px solid #243645;
    background-color: #f3f3f4;
}

#query-edit .query-type-container > div {
    display: inline-block;
    text-align: center;
    width: 215px;
    height: 260px;
    padding: 24px 5px;
    vertical-align: top;
}

#query-edit .query-type-container a.qt-selection-disabled {
    color: silver;
}

#query-edit .query-type-container i {
    font-size: 65px;
    padding-bottom: 10px;
    height: 75px;
}

#query-edit .query-type-container .query-type-description {
    margin-top: 4px;
    width: 100%;
    text-align: left;
    font-size: 75%;
}

#query-edit .query-type-container.query-type-description-container {
    height: 100px;
}

#query-edit .query-type-container i.icon {
    padding-bottom: 5px;
    font-size: 55px;
}

/* start web search / web tracking */
.web-search {
    background-color: #FFFFFF;
}
.web-search .web-search-form {
    background: #EBEBEB;
    border-radius: 6px;
    padding: 20px;
    margin-top: 1em;
    margin-bottom: 1em;
}
.web-search .web-search-form h4 {
    margin-top: 0;
}
.web-search .web-search-form input,
.web-search .web-search-form select {
    background-color: #FFFFFF;
}

.web-search .web-search-form select {
    height: 40px;
    line-height: 40px;
    padding: 8px;
}

.web-search .web-search-form input[type=radio] {
    margin-right: 3px;
    border: 0;
    background-color: transparent;
}
.web-search .web-search-form label {
    margin-right: 0.5em;
}
.web-search .container--half-width {
    box-shadow: none;
}

.web-search #web-search-field,
.web-search #instagram-tags-keywords-field,
.web-search #deep-search-keywords-field,
.web-search #deep-search-keywords-exclude-field,
.web-search #chanboards-keywords-field,
.web-search #chanboards-keywords-exclude-field,
.web-search #telegram-channel-id-field,
.web-search #dark-web-keywords-field,
.web-search #dark-web-category-field,
.web-search #dark-web-filters-field,
.web-search #dark-web-keywords-exclude-field,
.web-search #dark-web-email-field,
.web-search #dark-web-email-domain-field,
.web-search #dark-web-domain-field,
.web-search #dark-web-ip-field,
.web-search #dark-web-ccn-field,
.web-search #dark-web-ssn-field {
    display: inline-block;
    width: 100%;
    border: 1px solid #BDBDBD;
    border-radius: 5px;
    color: #8E9EAE;
    white-space: nowrap;
    padding: 5px 5px 5px 10px;
    background-color: #FFFFFF;
    margin: 0.5em 0;
    position: relative;
}

.web-search #dark-web-email-field,
.web-search #dark-web-email-domain-field,
.web-search #dark-web-domain-field,
.web-search #dark-web-ip-field,
.web-search #dark-web-ccn-field,
.web-search #dark-web-ssn-field {
    color: #2b2b2b !important;
}

.web-search #dark-web-source-field,
.web-search #dark-web-source-exclude-field {
    display: inline-block;
    width: 100%;
    border: 1px solid #BDBDBD;
    border-radius: 5px;
    color: #8E9EAE;
    height: 170px;
    background-color: #FFFFFF;
    position: relative;
}
.web-search #deep-search-keywords-exclude-field,
.web-search #chanboards-keywords-exclude-field {
    margin-top: 1px;
    margin-bottom: 4px;
}
.web-search #api-monitor-keywords-field,
.web-search #api-monitor-keywords-exclude-field,
.web-search #api-monitor-source-id-field {
    display: inline-block;
    width: 100%;
    white-space: nowrap;
    position: relative;
}
.web-search #web-search-field input,
.web-search #instagram-tags-keywords-field input,
.web-search #deep-search-keywords-field input,
.web-search #deep-search-keywords-exclude-field input,
.web-search #chanboards-keywords-field input,
.web-search #chanboards-keywords-exclude-field input,
.web-search #telegram-channel-id-field input,
.web-search #dark-web-keywords-field input,
.web-search #dark-web-filters-field input,
.web-search #dark-web-keywords-exclude-field input,
.web-search #dark-web-email-field input,
.web-search #dark-web-email-domain-field input,
.web-search #dark-web-domain-field input,
.web-search #dark-web-ip-field input,
.web-search #dark-web-ccn-field input,
.web-search #dark-web-ssn-field input {
    display: inline-block;
    max-width: 95%;
    padding: 5px 5px 5px 0;
    border: 0;
    background: #FFFFFF;
    border-radius: 5px;
    outline: none;
    margin: 0;
}

.web-search #dark-web-source-field select,
.web-search #dark-web-source-exclude-field select {
    color: #233546;
    width: 95%;
    margin-top: -1px;
    margin-bottom: -1px;
    border-top: 1px solid #BDBDBD;
    border-bottom: 1px solid #BDBDBD;
    border-radius: 0;
    height: 95%;
}

.web-search #dark-web-category-field {
    padding: 0;
}
.web-search #dark-web-category-field  select {
    color: #777777;
    width: 95%;
    margin-top: -1px;
    margin-bottom: -1px;
    border-top: 1px solid #BDBDBD;
    border-bottom: 1px solid #BDBDBD;
    border-radius: 0;
}

.web-search .dark-web.search-results .pre-link > em {
    font-style: normal;
    background-color: yellow;
}

#api-monitor-keywords-field input,
.web-search #api-monitor-keywords-field input,
.web-search #api-monitor-keywords-exclude-field input,
.web-search #api-monitor-source-id-field input {
	display: inline-block;
    outline: none;
}
.web-search #web-search-field input::-ms-clear,
.web-search #instagram-tags-keywords-field input::-ms-clear,
.web-search #deep-search-keywords-field input::-ms-clear,
.web-search #deep-search-keywords-exclude-field input::-ms-clear,
.web-search #chanboards-keywords-field input::-ms-clear,
.web-search #chanboards-keywords-exclude-field input::-ms-clear,
.web-search #telegram-channel-id-field input::-ms-clear,
.web-search #dark-web-keywords-field input::-ms-clear,
.web-search #dark-web-filters-field input::-ms-clear,
.web-search #dark-web-keywords-exclude-field input::-ms-clear,
.web-search #dark-web-email-field input::-ms-clear,
.web-search #dark-web-email-domain-field input::-ms-clear,
.web-search #dark-web-domain-field input::-ms-clear,
.web-search #dark-web-ip-field input::-ms-clear,
.web-search #dark-web-ccn-field input::-ms-clear,
.web-search #dark-web-ssn-field input::-ms-clear,
.web-search #api-monitor-keywords-field input::-ms-clear,
.web-search #api-monitor-keywords-exclude-field input::-ms-clear,
.web-search #api-monitor-source-id-field input::-ms-clear {
    display: none;
}
.web-search #web-search-field a,
.web-search #instagram-tags-keywords-field a,
.web-search #deep-search-keywords-field a,
.web-search #deep-search-keywords-exclude-field a,
.web-search #chanboards-keywords-field a,
.web-search #chanboards-keywords-exclude-field a,
.web-search #telegram-channel-id-field a,
.web-search #dark-web-keywords-field a,
.web-search #dark-web-filters-field a,
.web-search #dark-web-keywords-exclude-field a,
.web-search #dark-web-email-field a,
.web-search #dark-web-email-domain-field a,
.web-search #dark-web-domain-field a,
.web-search #dark-web-ip-field a,
.web-search #dark-web-ccn-field a,
.web-search #dark-web-ssn-field a {
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 8px;
}

#api-monitor-keywords-field a,
.web-search #api-monitor-keywords-field a,
.web-search #api-monitor-keywords-exclude-field a,
.web-search #api-monitor-source-id-field a {
    white-space: nowrap;
    cursor: pointer;
    vertical-align: middle;
    display: inline-block;
    float: none;
    position: absolute;
    right: 10px;
}
.web-search #dark-web-languages-field select,
.web-search #deep-search-languages-field select,
.web-search #deep-search-countries-field select,
.web-search #deep-search-categories-field select {
    display: inline-block;
    padding: 5px 5px 5px 5px;
    border: 0;
    background: #FFFFFF;
    border-radius: 5px;
    outline: none;
    margin: 0.4em 0;
}
#deep-search-select-fields select,
#dark-web-select-fields select {
    width: 31%;
    margin: 0.6em 0.4em;
}
@media (max-width: 1130px) {
    #deep-search-select-fields select {
        width: 100%;
    }
    #dark-web-select-fields select {
        width: 100%;
    }
}
.web-search .web-search-type,
#select_engine {
    text-transform: capitalize !important;
    padding: 1px;
}


#dark-web-keywords-field a {
    right: 90px !important;
}

#dark-web-keywords-field input {
    max-width: 97% !important;
}
#dark-web-search #or-clause {
    margin-top: 10px;
    margin-left: -85px;
    position: relative;
}
#dark-web-search #or-clause.dws-or-clause-es {
    margin-left: -160px;
}
#dark-web-search #or-clause-label {
    display: none;
}

.web-search #formBackpageCombos > div {
    white-space: nowrap;
    display: inline-block;
}

.web-search .results {
    margin-bottom: 1em;
}
.web-search .results .tall {
    height: 325px;
}
.web-search .results .tile-view a.post-link {
    overflow-x: hidden;
    cursor: pointer;
}
.web-search .image {
    float: left;
    font-size: 0.9em;
    margin: 0 10px 10px 0;
    max-width: 200px;
    min-height: 300px;
}

.web-search .image a.content {
    display: inline-block;
    max-width: 200px;
    max-height: 105px;
    overflow: hidden;
}
.web-search .tile-view .list_view_media {
    width: 225px;
    height: 225px;
}
.web-search .tile-view .list_view_media img {
    max-width: 225px;
    max-height: 225px;
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.web-search .tile-view .single-post__content.details.tall .post-details {
    height: 370px;
    min-height: 370px;
}
.web-search .tile-view .single-post__content.details > span .link {
    display: inline-block;
    width: 230px;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: bottom;
}
.web-search .single-post__content a.link {
    display: inline-block;
    margin-top: 0.3em;
    font-size: 0.9em;
}

#save-query .section label,
#save-api-query .section label,
.web-search #save-query.modal-form label,
.web-search #save-api-query.modal-form label,
#web-search-queries #save-query.modal-form label,
#web-search-queries #save-api-query.modal-form label,
.web-search #web-search-term-save.modal-form label,
#org-user-limits.modal-form label,
#query-relevance-settings.modal-form label,
#sa #setting-sa-news.modal-form label {
    text-transform: none;
    font-weight: bold;
    margin-top: 0.5em;
    padding-top: 1em;
    min-width: 8em;
}
.web-search #web-search-term-select .live-post__keyword-group {
    position: relative;
}

.web-search #select_backpage_countries,
.web-search #select_backpage_cities {
    margin-bottom: 0;
    padding: 1px;
}
.web-search #select_backpage_categories {
    padding: 1px;
}
#web-search-queries .container--drawer {
    display: block;
    margin-top: 20px;
}

@media (max-width: 479px) {
    #web-search-queries .display-web-search {
        margin-bottom: 1em;
    }
    .web-search .track-button {
        margin-top: 1em;
    }
    .web-search #formBackpageCombos br {
        display: none;
    }
    .web-search #formBackpageCombos > div {
        display: block;
    }
    .web-search #select_backpage_countries,
    .web-search #select_backpage_cities,
    .web-search #select_backpage_categories {
        width: 100% !important;
    }
    .web-search a.button--large {
        display: block;
        margin-bottom: 1em;
    }
}
@media (max-width: 768px) {
    .web-search .container--full-width {
        width: 100% !important;
    }
}

/* end web search / web tracking */

/* start dark web */

#dark-web-search {
    padding: 10px;
    margin: 10px;
}
/*#dark-web-search .switch {
    border-width: 1px;
}*/
#dark-web-search .text-field {
    background: #EDEFF0 !important;
    max-width: 600px !important;
    width: 60% !important;
    border-radius: 0;
    /*border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;*/
}
#dark-web-search .text-field:focus {
    background: #EDEFF0 !important;
}
#dark-web-search .text-field * {
    background: #EDEFF0 !important;
}
/*
#dark-web-search .text-field.filter {
    max-width: 500px !important;
    width: 50% !important;
}*/
/*#dark-web-search #dark-web-filters-field,
#dark-web-search #dark-web-filters-field > input {
    background: #FFFFFF !important;
}*/
#dark-web-search #current-search-fields {
    width: 100%;
}

#dark-web-search .input-container {
     white-space: nowrap;
 }
#dark-web-search select {
    display: inline-block;
    width: 200px;
    color: #FFFFFF;
    background: #243646 !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 0 0 0 10px;
    height: 40px;
    border: 0;
    margin: 5px -5px 5px 0;
}
#dark-web-search select::-ms-expand {
    display: none;
}
#dark-web-search span.open-icon {
    color: #FFFFFF;
    margin-left: -30px;
    margin-right: 25px;
    padding-right: 10px;
    pointer-events: none;
}

#dark-web-search span.open-icon.filter-select,
#dark-web-search span.open-icon.source-select {
    color: #2b2b2b;
    background: unset !important;
    margin-left: -25px !important;
}

#dark-web-search .section {
    display: inline-block;
    vertical-align: top;
    color: #243645;
    padding: 5px;
}

#dark-web-search #metadata-items {
    max-width: 800px;
    overflow-x: auto;
}

#dark-web-search #current-search-fields > div,
#dark-web-search #metadata-items div.search-filter-item {
    display: inline-block;
    font-size: 0.8em;
    padding: 2px 3px 2px 0;
    margin-right: 5px;
    margin-top: 0.5em;
    overflow: hidden;
    border: 1px solid #EDEFF0;
    border-radius: 3px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    cursor: pointer;
}

#dark-web-search #metadata-items div.search-filter-item {
    border: 1px solid #BDBDBD !important;
    border-radius: 20px !important;
    padding-left: 10px;
    padding-right: 10px;
}

#dark-web-search #metadata-items div.search-filter-divider {
    display: inline-block;
    font-size: 0.8em;
    padding: 2px 3px 2px 0;
    margin-right: 5px;
    margin-top: 0.5em;
    overflow: hidden;
    border: none !important;
}

#dark-web-search #metadata-items div.search-filter-multi-item-container {
    display: inline-block;
}

#dark-web-search #current-search-fields > div > span:first-child {
    color: #FFFFFF;
    background-color: #243645;
    padding: 4px 10px 5px 7px;

}

#dark-web-search #current-search-fields > div > span:last-child {
    padding: 5px 5px 5px 2px;
}

#dark-web-search #search-limit-options.container,
#dark-web-search #search-sources.container,
#dark-web-search #search-filters.container {
    margin: unset;
    max-width: 800px;
    padding: 0;
}

#dark-web-search #search-sources.container select,
#dark-web-search #search-filters.container select {
    min-width: 200px;
}

#dark-web-search #search-sources.container .open-icon,
#dark-web-search #search-filters.container .open-icon {
    margin-right: 25px;
}

#dark-web-search #search-limit-options .section {
    font-size: 12px;
}

#dark-web-search .modal-form .text-field {
    border-radius: 0 !important;
}

#dark-web-search select.internal-select-box,
#dark-web-search select.source-select {
    padding: 0 5px 0 5px;
    height: unset;
    /*border: inherit;*/
    color: #2b2b2b;
    background: #FFF !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    line-height: 26px !important;
    min-width: 150px !important;
    width: 150px !important;
    border: 1px solid #BDBDBD !important;
}

#dark-web-search #search-filters.input-container {
    padding: 5px 0 5px 0;
}

#dark-web-filters-field input {
    max-width: 60% !important;
}

#web-search .external-url {
    word-wrap: break-word;
    max-width: 450px;
}

.dark-web #save-api-query .dark-web-field {
    position: relative;
    display: inline-block;
    width: 80%;
}
.dark-web #save-api-query .dark-web-field > a {
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: -10px;
}
.dark-web #save-api-query .section.left {
    float: left;
    width: 50%;
}
.dark-web #save-api-query .section.right {
    float: right;
    width: 49%;
}
.dark-web #save-api-query .section.left .dark-web-field,
.dark-web #save-api-query .section.right .dark-web-field {
    width: 60%;
}

#overlay-setting-web-search-queries #save-api-query label,
.dark-web #save-api-query label {
    min-width: 9em !important;
    padding-top: 0.2em !important;
    font-size: 0.8em !important;
}

#overlay-setting-web-search-queries .section.wide label,
.dark-web #save-api-query .section.wide label {
    width: 239px;
    padding-top: 0.5em !important;
}

#overlay-setting-web-search-queries #save-api-query .form-field,
.dark-web #save-api-query .form-field {
    margin: 0.25em 0;
}

@media (max-width: 768px) {
    #dark-web-keywords-field input {
        max-width: 95% !important;
    }
}
@media (max-width: 479px) {
    #dark-web-search .form-field,
    #dark-web-search .text-field,
    #dark-web-search .text-field.filter {
        width: 100% !important;
    }
    #dark-web-search .input-container {
        white-space: normal;
    }
    #dark-web-search #or-clause-label {
        display: inline;
    }
    #dark-web-search #or-clause {
        margin-left: 0;
    }
    #dark-web-keywords-field input {
        max-width: 95% !important;
    }
}

td.dark-web-name-column {
    max-width: 200px !important;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/* end dark web */

#org-user-limits.modal-form label,
#query-relevance-settings.modal-form label{
    padding-top: 0.5em;
    min-width: 15em;
}
#org-user-limits.modal-form .form-field,
#query-relevance-settings.modal-form .form-field {
    width: 15%;
    margin: 0.5em 0;
}

.usage-details table td {
    padding: 5px;
}
.usage-details table td:last-child {
    text-align: right;
}
.usage-details table thead td {
    text-transform: capitalize;
}
.usage-details table tbody tr.odd {
    background-color: #F3F3F4;
}

/* start fullscreen */

/*.fullscreen-close {
    display: none;
}
.fullscreen .fullscreen-close {
    display: inline-block;
    float: right;
    margin: 4px -25px 4px 4px;
    cursor: pointer;
}*/
.fullscreen {
    width: 100%;
    height: 100%;
    overflow: scroll;
}
.fullscreen.dashboard #dashboard-data-controller,
.fullscreen.dashboard .main-content__sub-nav {
    margin-right: 0;
}
/*.fullscreen.dashboard .fullscreen-close {
    position: absolute;
    top: 13px;
    right: 13px;
    margin: 0;
}*/
.fullscreen.dashboard #dashboard-data-controller,
.fullscreen.dashboard #urlView,
.fullscreen.dashboard #urlView > .single-post__content,
.fullscreen.dashboard .map__container,
.fullscreen.dashboard #map {
    height: 100%;
}
.fullscreen .full-hide {
    display: none;
}
.fullscreen .full-show {
    display: block;
    border: 0;
    margin: 0;
}

.fullscreen #data-preview-controller #urlView {
    padding: 0;
}

/* end fullscreen */

/* start dashboards and widgets */

.landing .dash-switch {
    display: inline-block;
    width: initial;
    min-width: 8em;
    margin: 0;
    height: 30px;
    line-height: 30px;
}
.landing .dash-widget {
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    width: 48.5%;
    float: left;
    margin: 0 10px 10px 0;
    height: 250px;
}
.landing .dash-widget .map {
    height: 215px;
}
.landing .dash-widget h3 {
    margin: 0 0 5px 0;
    padding: 7px 0 3px 5px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background-color: #f2f2f2;
    font-size: 0.9em;
    white-space: nowrap;
    height: 2em;
}
.landing .dash-widget .form-field {
    height: 24px;
    line-height: 24px;
    background-color: #FFFFFF;
    font-size: 14px;
    vertical-align: top;
    padding: 1px;
}
.landing .dash-widget .button {
    background: transparent;
    border: 0;
    font-size: 16px;
    padding: 2px 5px 0 5px;
}
.landing .dash-widget.wide {
    width: 98.5%;
    max-width: 98.5%;
    height: 185px;
}
.landing .dash-widget.tall {
    height: 510px;
}
.landing .dash-widget .widget-control {
    float: right;
    line-height: 1.4em;
    display: none;
    background-color: #f2f2f2;
    position: absolute;
    right: 0;
    padding-left: 5px;
    top: 3px;
}
.landing .dash-widget .no-data, .meta-data-searchable .searching {
    color: #CCCCCC;
    font-size: 20px;
    margin-left: 25px;
    margin-top: 25px;
}

.meta-data-searchable .searching {
    margin-top: 8px;
    margin-bottom: 8px;
}

.landing .dash-widget h3:hover .widget-control {
    display: inline-block;
    font-weight: normal;
}
.landing .fullscreen .dash-widget h3:hover > a {
    display: inline;
}
.landing .dash-widget .map {
    height: 219px;
}
.landing .dash-widget .time-range,
.landing .dash-widget .widget-type {
    display: inline-block;
    margin: 0;
    width: initial;
}
.landing .dash-widget .widget-type-title {
    font-weight: normal;
}
.landing .dash-widget h3:hover .widget-type-title {
    display: none;
}
.landing .dash-widget .dashboard_list {
    overflow-y: auto;
    overflow-x:hidden;
    max-height: 200px;
}
.landing .dash-widget.tall .dashboard_list {
    max-height: 475px;
}
.landing .dash-widget .dashboard_list .subject-list-item {
    min-height: 40px;
    overflow: auto;
    padding: 5px 0;
}
.landing .dash-widget .dashboard_list > div {
    background: none;
}
.landing .dash-widget .dashboard_list > div:nth-child(even) {
    background: rgba(80, 80, 100, 0.1);
}
.landing .dash-widget .dashboard_list .content {
    margin-left: 5px;
    font-size: 13px;
    float: left;
    width: 90%;
}
.landing .dash-widget .dashboard_list .content small {
    font-size: 12px;
}
.landing .dash-widget .dashboard_list .avatar img {
    border-radius: 30px;
    margin: 5px;
    width: 30px;
    height: 30px;
}
.landing .dash-widget .dashboard_list .avatar {
    float: left;
}

.dash-widget svg > g:last-child {
    pointer-events: none;
}

.landing .dash-title {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    color: #FFFFFF;
    background-color: #243645;
    z-index: 1000;
    height: 45px;
    border-bottom: 1px solid #f2f2f2;
    padding: 5px 15px;
    display: none;
}
.landing .dash-title h1 {
    font-size: 1.5em;
    float: left;
    margin: 0;
    padding-left: 20px;
}
.landing .dash-title img {
    height: 30px;
    float: left;
}
.landing .word_cloud {
    margin: 10px;
    height: 209px !important;
    background-color: #FFFFFF;
}

@media (max-width: 900px) {
    .landing .dash-widget {
        width: 98.5%;
    }
}
@media (min-width: 1440px) {
    .landing .dash-widget {
        max-width: 32.5%;
    }
}
/*.landing .fullscreen-close {
    color: #FFFFFF;
    margin-right: 0;
}*/
.landing .fullscreen-open {
    float: right;
    margin: 3px 10px 0 0;
}
.landing .fullscreen .fullscreen-open {
    visibility: visible;
    position: fixed;
    top: 10px;
    right: 10px;
    z-index: 1;
    background-color: #FFFFFF;
    padding: 5px;
}
.landing .fullscreen.all-dashboard .fullscreen-open {
    background-color: transparent;
    top: 3px;
    right: 3px;
}
.landing .fullscreen.all-dashboard {
    padding: 10px;
    padding-top: 55px;
    float: none !important;
    background-color: rgba(255,255,255,1);
}
.landing .fullscreen.dash,
.landing .dash:-webkit-full-screen,
.landing .dash:-moz-full-screen,
.landing .dash:-ms-fullscreen,
.landing .dash:fullscreen {
    background-color: rgba(255,255,255,1);
}
.landing .fullscreen .dash-title {
    display: block;
}
.landing .fullscreen .dash-widget {
    overflow: visible;
    display: none;
    padding: 0;
    margin: 0 !important;
    margin-top: 45px !important;
}
.landing .fullscreen.all-dashboard .dash-widget {
    margin: 0 0 10px 10px !important;
}
.landing .fullscreen .full-hide {
    display: none;
}
.landing .fullscreen .full-show {
    display: block;
    border: 0;
    margin: 0;
}

#overlayLanding label {
    text-transform: none;
    font-weight: bold;
}
#overlayLanding .switch {
    margin-bottom: 1em;
}
#edit-dashboard td {
    padding-right: 5px;
}
#edit-dashboard td:last-child {
    padding-right: 0;
}

#dashboard-data-decision.extra-margin {
    margin-bottom: 1em;
}

#dashboard-data-decision label {
    display: inline;
    font-weight: normal;
    float: none;
    margin-right: 2em;
}

/* end dashboards and widgets */

/* start situational / global awareness */

.off_future_events input[type="checkbox"] {
    display: inline !important;
}

#sa-word-cloud-social-media {
    background-color: rgba(24, 72, 95, 0.9);
}

.sa-word-cloud-content {
    background: rgba(80, 80, 80, 0.5);/* rgba(24, 72, 95, 0.9);*/
    width: 100%;
    height: 100px;
    display: block;
}

.sa-word-cloud-content span.jqcloud-word { cursor: pointer; }

/*.sa-word-cloud-content span.w10 { color: #e0faff !important; }
.sa-word-cloud-content span.w9 { color: #d0eaf0 !important; }
.sa-word-cloud-content span.w8 { color: #b0daef !important; }
.sa-word-cloud-content span.w7 { color: #90cae0 !important; }
.sa-word-cloud-content span.w6 { color: #70badf !important; }
.sa-word-cloud-content span.w5 { color: #50aad0 !important; }
.sa-word-cloud-content span.w4 { color: #309acf !important; }
.sa-word-cloud-content span.w3 { color: #108ac0 !important; }
.sa-word-cloud-content span.w2 { color: #007abf !important; }
.sa-word-cloud-content span.w1 { color: #006a90 !important; }*/

.sa-word-cloud-content span.w10 { color: #e0faff !important; }
.sa-word-cloud-content span.w9 { color: #d0eafa !important; }
.sa-word-cloud-content span.w8 { color: #c0dff0 !important; }
.sa-word-cloud-content span.w7 { color: #b0daef !important; }
.sa-word-cloud-content span.w6 { color: #a0cfea !important; }
.sa-word-cloud-content span.w5 { color: #90cae0 !important; }
.sa-word-cloud-content span.w4 { color: #80bfdf !important; }
.sa-word-cloud-content span.w3 { color: #70bada !important; }
.sa-word-cloud-content span.w2 { color: #60aad0 !important; }
.sa-word-cloud-content span.w1 { color: #50a0cf !important; }

.sa-word-cloud-content span.jqcloud-word.sa_selected_word_cloud {
    color: #ffc800 !important;
    /*font-weight: bold !important;*/
}

.sa-view-name,
.sa-asset-alert-name
{
  width : 150px;
  max-width: 150px;
  overflow:hidden;
  display:inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sa-asset-alerts-options,
.sa-view-options {
    display:inline-block;
    margin-right: 20px;
    float:right;
}

#sa {
    width: 100%;
    height: 100%;
    overflow: hidden !important;
}

#sa #sa-map {
    height: 100%;
    width: 78%;
}

#sa #sa-map.hide-sa-side {
    width: 100%;
}

#sa .close-link a {
    color: #ffffff;
    float:right;
}

#sa .close-link a:hover {
    color: white;
}

#sa .form-content {
    height: auto;
    padding: 10px 15px 5px 5px;
    overflow-y: scroll;
    overflow-x: hidden;
    background: white;
    white-space: normal;
}

#sa #form-confirm-delete-asset-alert .form-content,
#sa #form-confirm-sa-view .form-content,
#sa #form-confirm-sa-view-delete .form-content,
#sa #form-confirm-sa-view-delete-alert .form-content
{
    overflow-y: hidden;
    height: auto;
    min-height: 75px;
}
#sa #modal-sa-map .form-content {
    font-size: 0.9em;
}

#sa #modal-sa-map #event-loading-sa-map{
    padding-top: 30%;
    text-align: center;
    font-size: 48px;
    color: #BBB;
}

#sa .form-content h2 {
    background-color: #f5f5f5;
    padding: 5px 5px 5px 5px;
    font-size: 1.1em;
    font-weight: bold;
}

#sa .form-content h2:first-child {
    margin-top: 0;
}

#sa .form-content p {
    padding-left: 20px;
    margin: 0.5em 0;
}

#sa .form-content #sa-inferred-location {
    padding-left: 14px;
}

#sa-view-alerts.modal-form {
    width: auto;
    max-width: 50%;
}

#sa #form-confirm-sa-alerts .form-content h3 {
    margin-bottom: -5px;
}

#sa #form-confirm-sa-alerts .container--full-width {
    margin-bottom: 0.5em;
    padding-left: 20px;
}

#sa #form-confirm-sa-alerts .container--full-width.view-title {
    text-align: center;
}

#sa #form-confirm-sa-alerts .container--full-width input[type="text"],
#sa #form-confirm-sa-alerts .container--full-width a,
#sa #form-confirm-sa-alerts .container--full-width table,
#sa #form-confirm-sa-alerts .container--full-width label {
    margin-left: 10px;
    margin-top: 1.6em;
}

#sa #form-confirm-sa-alerts .container--full-width table {
    /*width: fit-content;*/
}

#sa #form-confirm-sa-alerts .alert-edit-popup-menu {
    position: relative;
    top: -30px;
    left: 40px;
    display: block;
    max-width: 425px;
}

#sa #form-confirm-sa-alerts .alert-form-header-container {
    display: inline-block;
    float: left;
}

#sa #form-confirm-sa-alerts .alerts-drop-down-selector {
    float: left;
}

#sa #form-confirm-sa-alerts .alert-event-category-select-dropdown,
#sa #form-confirm-sa-alerts .alert-category-select-dropdown {
    position: absolute;
    display: block;
    height: 250px;
    max-height: 250px;
    min-width: 275px;
    width: 275px;
    max-width: 440px;
    background-color: #f9f9f9;
    border: 1px solid #243645;
    border-radius: 0 3px 3px 3px;
    z-index: 102;
}

#sa #form-confirm-sa-alerts .alert-event-category-select-dropdown {
    width: 440px;
}

#sa #form-confirm-sa-alerts .container--full-width {
    display: block;
    float: left;
    width: 100%;
    padding-bottom: 1em;
    border-bottom: 1px solid #ddd;
}

#sa #form-confirm-sa-alerts .container--full-width.recipient-selection-container {
    border-bottom: 0;
    margin-bottom: 0;
}

#sa #form-confirm-sa-alerts .recipient-selection-container .alert-recipient-selection-block {
    display: block;
    width: 100%;
    float: left;
}

#sa #form-confirm-sa-alerts .container--full-width table {
    margin-top: 0.6em !important;
}

#sa #form-confirm-sa-alerts .container--full-width .alerts-drop-down-selector a {
    margin-top: 0 !important;
}

#sa #form-confirm-sa-alerts .container--full-width .alerts-drop-down-selector a.selection-active {
    color: white !important;
    background: #243645 !important;
    border-color: #243645 !important;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

#sa #form-confirm-sa-alerts .alert-select-dropdown {
    position: absolute;
    display: block;
    max-height: 200px;
    min-width: 200px;
    display: inline-block;
    float: left;
    margin-left: -1px;
    margin-top: -1px;
    width: 100%;
    background-color: #f9f9f9;
    border: 1px solid #243645;
    overflow-x: hidden;
    overflow-y: scroll;
    z-index: 102;
}

#sa #form-confirm-sa-alerts .asset-listing-block .alert-select-dropdown {
    max-height: 210px;
    /*min-height: 210px;*/
    height: 210px;
}

#sa #form-confirm-sa-alerts .alert-event-category-select-dropdown .alert-select-dropdown {
    max-height: 200px !important;
    height: 200px;
    width: 225px !important;
    max-width: 225px;
}

#sa #form-confirm-sa-alerts .alert-category-select-dropdown.asset-alert-dropdown {
    max-height: 300px;
    height: 300px
}

#sa #form-confirm-sa-alerts .alert-event-category-select-dropdown.asset-alert-dropdown {
    max-height: 250px;
}

#sa #form-confirm-sa-alerts .alert-category-select-dropdown .alert-select-dropdown,
#sa #form-confirm-sa-alerts .alert-event-category-select-dropdown .alert-select-dropdown {
    position: relative;
}

#sa #form-confirm-sa-alerts .alert-category-select-dropdown .alert-categories-options,
#sa #form-confirm-sa-alerts .alert-event-category-select-dropdown .alert-categories-options {
    display: inline-block;
    float: left;
    width: 200px;
    padding: 5px;
}

#sa #form-confirm-sa-alerts .alert-event-category-select-dropdown .alert-categories-options {
    position: relative;
    height: 200px;
}

#sa #form-confirm-sa-alerts .alert-event-category-select-dropdown .alert-options-dropdown-actions,
#sa #form-confirm-sa-alerts .alert-category-select-dropdown .alert-options-dropdown-actions {
    width: 100%;
    bottom: 10px;
    left: 10px;
    position: absolute;
}

#sa #form-confirm-sa-alerts .alert-event-category-select-dropdown .sa-assets-alerts-inputs-settings {
    margin: unset !important;
    height: 34px;
}

#sa #form-confirm-sa-alerts .alert-event-category-select-dropdown h3 {
    margin-bottom: 10px;
}

#sa #form-confirm-sa-alerts .alert-event-category-select-dropdown .assets-alerts-field-heading {
    margin: 5px 10px 5px 10px;
}

#sa #form-confirm-sa-alerts .alert-category-select-dropdown .asset-listing-block {
    float: left;
}

#sa #form-confirm-sa-alerts .alert-category-select-dropdown .asset-filter-input {
    margin: 5px 10px 5px 10px !important;
    width: 220px;
}

#sa #form-confirm-sa-alerts .alerts-category-header {
    display: block;
}

#sa #form-confirm-sa-alerts .alerts-category-header tr {
    width: 100%;
    display: inline-table;
}

#sa #form-confirm-sa-alerts .alerts-category-header th {
    border-bottom: 0 !important;
}

#sa #form-confirm-sa-alerts .alerts-selected-options-table {
    display: table;
    max-height: 200px;
    width: 100%;
    background-color: #f9f9f9;
    border: 1px solid #bbb;
    border-radius: 5px;
    overflow-x: hidden;
    overflow-y: scroll;
}

#sa #form-confirm-sa-alerts .no-radius .alert-category-name-col {
    width: 389px;
    max-width: 389px;
}

#sa #form-confirm-sa-alerts .has-radius .alert-category-name-col {
    width: 248px;
    max-width: 248px;
}

#sa #form-confirm-sa-alerts .alert-category-impact-col {
    width: 200px;
    max-width: 200px;
}

#sa #form-confirm-sa-alerts .alert-list-item-delete {
    width: 40px;
    max-width: 40px;
}

#sa #form-confirm-sa-alerts .alert-asset-name-col {
    width: 55%;
    max-width: 215px;
}
#sa #form-confirm-sa-alerts .alert-asset-category-col {
    width: 45%;
    max-width: 215px;
}
#sa #form-confirm-sa-alerts .alert-asset-trash-col {
    width: 40px;
    min-width: 40px;
}

#sa #form-confirm-sa-alerts .alert-asset-category-name-col {
    width: 95%;
}

#sa #form-confirm-sa-alerts th.alert-asset-trash-col {
    min-width: 55px;
}

#sa #form-confirm-sa-alerts .alerts-selected-options-table tr:nth-child(even) {
    background-color: #FFF
}

#sa #form-confirm-sa-alerts .alerts-selected-options-table tr:nth-child(odd) {
    background-color: #f5f5f5;
}

#sa #form-confirm-sa-alerts .alerts-selected-options-table tr:hover {
    background-color: #efefef;
}

#sa #form-confirm-sa-alerts .alert-category-radius-col {
    width: 140px;
    max-width: 140px;
}

#sa #form-confirm-sa-alerts .alert-category-table-col {
    padding: 0 10px 0 10px;
    white-space: nowrap;
    overflow-x: clip;
    text-overflow: ellipsis;
}

#sa #form-confirm-sa-alerts table .alert-category-impact-col select {
    width: 166px;
}

#sa #form-confirm-sa-alerts table .alert-category-radius-col select {
    width: fit-content;
}

#sa #form-confirm-sa-alerts th.alert-category-table-col {
    padding: 5px 10px 5px 10px;
}

#sa #form-confirm-sa-alerts .alert-category-table-col select {
    padding: 0;
}

#sa #form-confirm-sa-alerts .no-data {
    color: #CCCCCC;
    font-size: 20px;
    margin-left: 25px;
    margin-top: 25px;
}

#sa #form-confirm-sa-alerts .category-selected {
    background: #0075ff;
    color: #f9f9f9;
}

#sa #form-confirm-sa-alerts .ico.ico-slack {
    position: initial;
    top: initial;
}

#sa #form-confirm-sa-alerts #slack_user_search {
    margin-left: 0 !important;
    margin-top: 1em !important;
}


@media  (min-height: 620px) {
    #sa #form-confirm-sa-alerts .form-content {
        height: 500px;
    }
}

@media  (min-height: 755px) {
    #sa #form-confirm-sa-alerts .form-content {
        height: 620px;
    }
}

@media  (min-height: 935px) {
    #sa #form-confirm-sa-alerts .form-content {
        height: 700px;
    }
}

#sa .sa-views-dropdown {
    padding: 0;
    width: 250px;
}

#sa .sa-views-dropdown ul {
    margin: 0 !important;
}

#sa .sa-views-dropdown .sa-tab a {
    color: #666;
}

#sa .sa-views-dropdown .sa-tab a:hover {
    color: #f9f9f9;
}

#sa .sa-views-dropdown .list-container {
    margin-top: 0 !important;
    overflow-y: scroll;
    height: 500px;
    max-height: 500px;
}

#sa #del_event_form .form-content {
    height: auto;
}

@media  (min-height: 300px) {
    #sa .sa-views-dropdown .list-container {
        max-height: 100px;
    }
}

@media  (min-height: 350px) {
    #sa .sa-views-dropdown .list-container {
        max-height: 150px;
    }
}

@media  (min-height: 400px) {
    #sa .sa-views-dropdown .list-container {
        max-height: 200px;
    }
}

@media  (min-height: 450px) {
    #sa .sa-views-dropdown .list-container {
        max-height: 250px;
    }
}

@media  (min-height: 500px) {
    #sa .sa-views-dropdown .list-container {
        max-height: 300px;
    }
}

@media  (min-height: 550px) {
    #sa .sa-views-dropdown .list-container {
        max-height: 350px;
    }
}

@media  (min-height: 600px) {
    #sa .sa-views-dropdown .list-container {
        max-height: 400px;
    }
}

@media  (min-height: 650px) {
    #sa .sa-views-dropdown .list-container {
        max-height: 450px;
    }
}

@media  (min-height: 710px) {
    #sa .sa-views-dropdown .list-container {
        max-height: 500px;
    }
}

#sa .sa-views-dropdown .alerts-popup-menu-content {
    /*padding-top: 10px;*/
}

#sa .sa-views-dropdown .sa-view-items,
#sa .sa-views-dropdown .sa-assets-alerts-items {
    width: 100%;
    padding: 10px 1em 5px 0;
    border-bottom: 1px solid #ddd;
}

#sa .sa-views-dropdown label.sa-view-items,
#sa .sa-views-dropdown label.sa-assets-alerts-items {
    margin-bottom: 0 !important;
}

#sa #map-menu-views-button-list.sa-views-dropdown {
    overflow: unset !important;
}

#sa .sa-views-dropdown .sa-assets-alerts-items {
    padding-left: 19px;
}

#sa .sa-views-dropdown .save-view-button {
    text-align: center;
    padding: 1em;
    margin: 0 !important;
    border-top: 1px solid #ddd;
}

#sa .sa-views-dropdown .save-view-button a,
#sa .sa-views-dropdown .save-asset-alert-button a{
    background: #243645 !important;
    border: 0 !important;
    color: #fff !important;
}

#sa .map__container .fullscreen-close {
    border-radius: 2px;
    background-color: #FFFFFF;
    font-size: 1.5em;
    padding: 4px 5px 2px 5px;
    margin-left: 10px;
    color: #666666;
}

#sa .map__container .fullscreen-close:hover {
    background: #EEEEEE;
    color: #243645;
    cursor: pointer;
}

#sa .sa-map-label {
    font-weight: bold;
}

#sa #sa-map-event-category {
    margin-top: 10px;
    margin-left: 19px;
    font-size: 12px;
}

#sa h3.widget-title {
    position: relative;
    margin: 0;
    padding: 7px 0 3px 10px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    color: #F2F2F2;
    background-color: #151515;
    font-size: 12.8px;
    white-space: nowrap;
    height: 2.3em;
}

#sa h3.widget-title .widget-control {
    float: right;
    line-height: 1.3em;
    display: none;
    position: absolute;
    right: 10px;
    padding-left: 5px;
    top: 5px;
    color: #F2F2F2;
}

#sa h3.widget-title .widget-control a {
    color: #F2F2F2;
    display: inline-block;
    font-weight: normal;
}

#sa h3.widget-title:hover .widget-control {
    display: inline-block;
    font-weight: normal;
}

#sa #sa-events {
    color: #dddddd;
}

#sa-events #filters {
    padding: 20px;
    font-size: 12px;
    overflow-y: hidden;
}

#sa-events #filters > div {
    margin-bottom: 20px;
}

#sa-events #filters input[type=text] {
    height: 30px;
}

#sa-events #filters input,
#sa-events #filters .popover {
    color: #2b2b2b;
}

#sa-events #filters select {
    margin: 0 !important;
    height: 30px;
    padding: 0 0.5em;
}

#sa-events #filters label {
    margin-bottom: 0px !important;
    margin-left: 5px;
}

#sa-events #filters input.ng-invalid {
    border-color: #FF0000;
}

#sa-events #filters .date-ranges #from,
#sa-events #filters .date-ranges #to {
    width: 47%;
}
@media (max-width: 1350px) {
    #sa-events #filters .date-ranges #from,
    #sa-events #filters .date-ranges #to {
        float: left;
        margin-right: 0px;
        width: 100%;
    }
}

#sa-events #filters .date-ranges #from {
    float: left;
    margin-right: 15px;
}

#sa-events #filters .date-ranges #to {
    float: right;
}

#sa-events #filters #keyword {
    width: 100%;
}

#sa-events #filters .search_term_box_warning {
    border-radius: 3px;
    border: 1px solid #FEEFB3;
    color: #9F6000;
    background-color: #FEEFB3;
    font-size:x-small;
    padding: 3px;
    margin-bottom: 3px;
}

#sa-events #filters #event_impact {
    width: 50%;
}

#sa-events #filters #filter-info {
    color: #dddddd;
    font-size: 18px;
    margin-left: 10px;
}

#sa-events #filters .switch {
    margin-left: 10px;
    border: 1px solid #bbb;
    width: 80px;
    font-size: 12px;
    min-width: 70px !important;
}

#sa-events #filters .switch span {
    line-height: 16px !important;
}

#sa-social-media-word-cloud, #sa-social-media-posts{
    border-radius: 5px;
    border: 1px #AAAAAA solid;
    position: absolute;
    color: #dddddd;
}
#sa #sa-social-media-word-cloud-min, #sa #sa-social-media-posts-min {
    border-radius: 5px;
    border: 1px #AAAAAA solid;
    position: absolute;
    overflow-y: hidden;
    color: #dddddd;
    width:auto;
}

#sa #sa-social-media-word-cloud {
    top: 10px;
    right: 10px;
    min-width: 390px;
    width: 25%;
}

#sa #map-layers-container {
    border-radius: 3px;
}

#sa .list > div {
    background:  rgba(24, 72, 95, 0.5);
}

#sa .list > div:nth-child(even) {
    background:  rgba(80, 80, 80, 0.5);
}

#sa .list {
    position: relative;
}

#sa .list a {
    color: #FAFAFA;
    display: block;
}

#sa .list a:hover {
    color: #FFF;
}

#sa .list small > a {
    display: inline;
}

#sa #pac-input-sa-map {
/*    margin-left: 185px;*/
}

#sa .list .icon {
    position: absolute;
    padding: 8px 0px 0px 14px;
    font-family: FontAwesome;
}
#sa .list img.icon {
    padding: 3px 0px 0px 4px !important;
}

#sa .list .avatar {
    position: absolute;
}
#sa .list .avatar img {
    border-radius: 30px;
    margin: 5px;
    width: 30px;
    height: 30px;
}
#sa .list .content {
    margin-left: 40px;
    font-size: 12px;
}

#sa #list-subject {
    overflow-y: auto;
    overflow-x: hidden;
    background-color: rgba(24, 72, 95, 0.9);
}
#sa #list-subject-news {
    color: rgb(221,221,221);
}

#sa #list-subject .empty {
    margin: 20px;
}

#sa #sa-side {
    position: absolute;
    top: 0;
    width: 22%;
    right: 0;
    background: rgb(25, 72, 96);
}

#sa #sa-side.hide-sa-side {
    width: 0;
}

#sa #sa-side-hide:hover {
    background-color: #2f4759;
}

#sa #sa-side-hide {
    float: left;
    position: absolute;
    color: white;
    left: -21px;
    background-color: #243645;
    top: 66px;
    height: 60px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    padding: 17px 4px 4px;
    width: 21px;
    border-top: 1px solid black;
    border-left: 1px solid black;
    border-bottom: 1px solid black;
}

#sa #sa-side-resize-handle:hover {
    background-color: #383838;
}

#sa #sa-side-resize-handle {
    height: 6px;
    background-color: #282828;
    background-image: url("/library/img/sa-resize-grip.png");
    cursor: ns-resize;
    background-repeat: repeat-y;
    background-position: center;
}

#sa #sa-side-resize-top-parent {
    margin-bottom: -3px;
}

#sa #list-subject-news,
#sa #list-social-media-posts {
    height: 100%;
    overflow-y:auto;
    overflow-x:hidden;
    background-color: rgba(24, 72, 95, 0.9);
    /*
    background-color: rgba(59, 59, 59, 0.5);
    */
}
#sa #setting-subject-author {
    width: 1333px;
}
#container-query-sources #category-select .query_type,
#sa #setting-subject-author #category-select .query_type,
#element-select .element_type {
    border-radius: 10px;
    padding: 5px 5px 5px 10px;
    display: block;
    margin: 5px 5px 5px 10px;
    border: 1px solid #243645;
    width: 138px;
    cursor: pointer;
}
#container-query-sources #category-select .active,
#sa #setting-subject-author #category-select .active,
#element-select .element_type.active,
#element-select .element_type:hover {
    color: white;
    background-color: #243645;
    font-weight: bold;
}
#container-query-sources #category-select #no-queries,
#sa #setting-subject-author #category-select #no-queries {
    width: 10em;
    font-size: 92%;
    font-style: italic;
    margin-top: 10px;
}
#container-query-sources #category-select,
#sa #setting-subject-author #category-select {
    width: auto;
    display: table-cell;
    padding-left: 14px;
}

#container-query-sources #query-select #results-container,
#sa #setting-subject-author #query-select #results-container {
    margin-top: 1em;
    overflow: auto;
    height: 285px;
    width: 360px;
    border: 1px solid #bdbdbd;
}
#container-query-sources #query-select .query:hover,
#sa #setting-subject-author #query-select .query:hover {
    background-color: #deeaff !important;
}
#container-query-sources #query-select .query,
#sa #setting-subject-author #query-select .query {
    display: block;
    width: auto;
    padding-left: 10px;
    color: #282729;
    cursor: pointer;
    padding-top: 5px;
    padding-bottom: 5px;
}
#container-query-sources #query-select .query:nth-child(even),
#sa #setting-subject-author #query-select .query:nth-child(even) {
    background-color: #f9f9f9;
}
#container-query-sources #query-select .query:nth-child(odd),
#sa #setting-subject-author #query-select .query:nth-child(odd) {
    background-color: #efefef;
}
#container-query-sources #query-select .fusion-query-instructions,
#sa #setting-subject-author #query-select .fusion-query-instructions {
    font-size: 12px;
    padding-bottom: 8px;
}
#container-query-sources #query-select,
#sa #setting-subject-author #query-select {
    width: 400px;
    display: table-cell;
    padding-left: 25px;
}
#container-query-sources #query-select input,
#sa #setting-subject-author #query-select input {
    border: 1px solid #BDBDBD;
    border-radius: 6px;
    padding: 10px;
    font-size: 14px;
    display: inline;
}

#sa #setting-subject-author #currently-selected table tr td:first-child,
#sa #setting-subject-author #currently-selected table tr th:first-child {
    text-align: center;
    width: 4em;
}
#container-query-sources #currently-selected table thead tr th.accounts,
#container-query-sources #currently-selected table tbody tr td.accounts {
    text-align: center;
}
#container-query-sources #currently-selected table tr td:last-child,
#container-query-sources #currently-selected table tr th:last-child {
    text-align: center;
}

#poi-authors table {
    width: 100%;
    margin-left: 5px;
    margin-right: 5px;
}
#poi-authors table tr:nth-child(odd) {
    background-color: #f9f9f9;
}
#poi-authors table tr:nth-child(even) {
    background-color: #efefef;
}
#poi-authors table tr td {
    padding: 4px;
}
#poi-authors table tr td:first-child {
    text-align: center;
    width: 32px;
}

#sa #setting-subject-author #currently-selected table tr td:last-child,
#sa #setting-subject-author #currently-selected table tr th:last-child {
    text-align: center;
    width: 9em;
}
#sa #setting-subject-author #currently-selected table {
    width: 96%;
}
#container-query-sources #currently-selected div.content-list,
#sa #setting-subject-author #currently-selected div.content-list {
    max-height: 350px;
    overflow: auto;
}
#container-query-sources #currently-selected,
#sa #setting-subject-author #currently-selected {
    width: 640px;
    display: table-cell;
}
#container-query-sources #currently-selected table {
    width: 640px;
}
#sa #setting-subject-author #currently-selected a {
    color: #282729;
}

#sa #setting-subject-author div.form-content {
    overflow: hidden;
}

#sa #setting-subject-author .content-list .btn-group {
    width: inherit;
}
#sa #sa-mini-container {
    position: absolute;
    height: 25px;
    bottom: 2px;
    left: 80px; /*80 px so that it is right of the Google Logo*/
}
#sa #sa-mini-container h3{
    padding: 4px !important;
    margin: 0px !important;
    height: 100%;
}

sasubject {
    position: relative;
}

.sasubject-setting-title {
    margin: 0;
    padding: 15px;
}

#sa #subject-widget {
    overflow-y: auto;
    overflow-x: hidden;
    color: #dddddd;
}

#sa #subject-widget-setting-button {
    position: absolute;
    top: -27px;
    float: right;
    color: rgba(242, 242, 242, 1.0);
    left: 20.5vw;
}

#sa #subject-widget-setting-button:hover {
    color: rgba(242, 242, 242, 0.6);
}

#sa #subject-widget-news {
    position: relative;
}

#sa #subject-widget-news .setting-button {
    top: -24px;
    float: right;
    position: absolute;
    width: 35%;
    right: 5px;
    opacity: 0.2;
}

#sa #subject-widget-news .setting-button:hover {
    opacity: 1.0;
}
#sa #sa-social-media-posts {
    right: 10px;
}

#sa #sa-social-media-posts {
    bottom: 30px;
    min-width: 250px;
    width: 25%;
    overflow-y: auto;
    overflow-x: hidden;
}

#sa #subject-widget .subject-list-item, #sa #subject-widget-news .subject-list-item, #sa #sa-social-media-posts .subject-list-item {
    min-height: 40px;
}

#sa #news-widget-min, #sa #sa-social-media-word-cloud-min, #sa #sa-social-media-posts-min {
    position: absolute;
    /*height: 25px;*/
    display: inline-block;
    /*float: left;
    margin-right: 1px;*/
}

#sa #sa-social-media-word-cloud-min h3.widget-title,
#sa #sa-social-media-posts-min h3.widget-title,
#sa #news-widget-min h3.widget-title {
    padding: 7px 10px 0px 10px;
    cursor: pointer;
}

#sa #sa-social-media-posts-min {
    bottom: 30px;
    right: 10px;
}

#sa #sa-social-media-word-cloud-min {
    top: 10px;
    right: 10px;
}

#sa #select-subject {
    height: 30px;
    width: 250px;
    margin-top: 10px;
    margin-left: 10px;
    font-size: 10px;
    opacity: 0.6;
}

#sa #news-widget { /* used by un-referenced news widget */
    width: 33%;
    display:inline-block;
    vertical-align: top;
}
#sa #list-news { /* used by un-referenced news widget */
    overflow-y:auto;
    overflow-x:hidden;
    font-size: 0.9em;
}
#sa #list-events {
    /*height: 330px;*/
    background-color: rgba(59, 59, 59, 0.5);
    overflow-y: auto;
    overflow-x: hidden;
}
#sa #sa-map-event-category .btn-default {
    border-radius: 2px !important;
    font-size: 12px !important;
}
#sa .button.add-subject .button.save-view {
    float: none;
    display: inline;
    margin-left: 5px;
}

.sa-minimize {
    min-height: 0 !important;
    min-width: 0 !important;
    max-height: 0;
    max-width: 0;
    display: none;
}

#sa .focus-button {
    float: left;
    margin-right: 10px;
}

#sa .share-button {
    float: left;
    margin-right: 10px;
}

#sa .close-button {
    float: right;
}

#sa #add_event_form {
    position: absolute;
    top: 84px;
    left: 50px;
    border: 1px solid #AAAAAA;
    border-radius: 5px;
    min-width: 250px;
    width: 25%;
}

#sa #add_event_form select {
    width: auto;
    margin: 0;
}

#sa #add_event_form p {
    padding-left: 10px !important;
}

#sa #add_event_form .form-field {
    margin: 0 0 1em 0;
}

#sa #add_event_form .form-top {
    background-color: #151515;
}
#sa #add_event_form .form-content {
    font-size: 85%;
    height: initial;
    padding-bottom: 0.5em;
    padding-top: 0;
}

#sa #add_event_form input[type="date"] {
    width: 11em;
    display: inline-block;
    margin-bottom: 5px;
}
#sa #add_event_form input[type="time"] {
    width: 9em;
    display: inline-block;
    margin-bottom: 5px;
}

#sa #add_event_form .prov-state {
    min-width: 212px;
}

#sa #add_event_form .delete-button {
    float: right;
}

.sa.loading-indicator,
.refresh.loading-indicator {
    -webkit-transition: unset;
    -moz-transition: unset;
    -o-transition: unset;
    transition: unset;
    -webkit-transition: bottom 200ms;
    -moz-transition: bottom 200ms;
    -o-transition: bottom 200ms;
    transition: bottom 200ms;
    left: -5000px;
    position: fixed;
    top: unset;
    bottom: -125px;
    z-index: 205; }

.sa.loading-indicator .loading-indicator-bg,
.refresh.loading-indicator .loading-indicator-bg {
    background: rgba(80, 80, 80, 0.5);
    border-radius: 5px;
    border: 1px #AAAAAA solid;
    color: white;
    background-repeat: no-repeat;
    width: 110px;
    height: 32px;
    left: 10px;
    position: absolute;
    text-align: center;
    top: unset;
    bottom: 15px;
    padding: 2px;
    z-index: 205; }

.sa.show,
.refresh.show {
    top: unset;
    bottom: 15px;
    left: 0;
    position: fixed;
    left: 50%;
    bottom: 15px;
    transform: translate(-50%, 0);
}

@media (max-width: 768px) {
    #sa #sa-events, #sa #sa-social-media-posts {
        border-radius: 0; /* having a border radius causes some mobile views (in chome) to have blurred text int he container */
        margin-top: 5px;
        display: block;
        width: 100%;
        position: relative;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;
        background: grey;
        max-height: 230px;
        background: rgba(59, 59, 59, 0.4);
    }

    #sa #list-events,
    #sa #list-subject,
    #sa #list-subject-news {
        /*height: 200px;*/
        overflow-y:auto;
        overflow-x:hidden;
    }

    #sa .form-content {
        /*height: 300px;*/
    }
    #sa .button.add-subject {
        position: absolute;
        top: 14px;
        left: 55%;
    }
    #sa h3.widget-title .widget-control {
        display: inline-block;
        font-weight: normal;
    }
    #sa i.fa-compress {
        display:none;
    }
}


#sa .nav_container>ul {
    /*padding-top: 3px;
    padding-left: 1px;*/
    background-color: #151515 !important;
    /*border-top-left-radius: 5px;*/
    position: relative;
    margin: 0;
    font-size: 12.8px;
    white-space: nowrap;
    font-weight: 600;
}

/* tab color */
#sa .nav-tabs>li>a {
    /*background-color: #000000;
    border-color: #151515;*/
    color:#fff;
    padding: 5px 10px;
    border: 0;
    height: 2.3em;
    font-size: 12.8px;
}

/* active tab color */
#sa .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    color: #fff;
    background-color: unset;
    border: 0;
    outline: 0;
    -moz-outline-style: none;
}

/* hover tab color */
#sa .nav-tabs>li>a:hover {
    /*border-color: #8B8378;*/
    background-color: unset;
    border: 0;
    /*background-color: #243645; /*#8B8378;*/
}

#sa-events-and-social-title .widget-control {
    float: right;
    line-height: 1.3em;
    /*display: none;*/
    position: absolute;
    right: 10px;
    padding-left: 5px;
    top: 5px;
    color: #F2F2F2;
}

#sa-events-and-social-title .widget-control a {
    color: #F2F2F2;
    display: inline-block;
    font-weight: normal;
    font-size: 12.8px;
}

/*
#sa-events-and-social-title .widget-control {
    display: inline-block;
    font-weight: normal;
}
*/

#sa-events-and-social-title:hover .widget-control {
    display: inline-block;
    font-weight: normal;
}

.sa_events_overlay {
    overflow: visible;
    pointer-events: none;
    background:none !important;
    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */
    user-select: none;          /* Likely future */
    /*border-bottom: 1px solid #fff !important;*/
}

#sa li.sa-tab {
    border-left: 1px #AAAAAA solid;
    border-right: 1px #AAAAAA solid;
}
#sa li.sa-tab:first-child {
    /*border-top-left-radius: 3px;*/
    border-left: 0;
}
#sa li.sa-tab:hover {
    /*background-color: #AAAAAA;*/
    background-color: #243645; /*#8B8378;*/
}
#sa li.sa-tab.active {
    background-color: #666666;
}
#btn_social_media:hover,
#sa li.sa-tab a.social-media-refresh-link {
    cursor: pointer !important;
}

#sa #sa-map-layers-menu-button {
    font-size: 24px;
    margin-left: -4px;
    margin-right: -4px;
    display: block;
    height: 36px;
    padding-top: 5px;
}

.sa-dialog {
    display: none;
    position: absolute;
    background-color: white;
    border-radius: 3px;
}

#sa .sa-event-categories-dialog {
    top: 10px;
    left: 414px;
}

#sa .sa-map-options-dialog {
    bottom: 201px;
    left: 10px;
    z-index: 2000;
}

#sa .sa-time-range-dialog {
    top: 10px;
    left: 457px;
}

#sa .sa-map-options-dialog tr.option {
    cursor: pointer;
    border-top: 1px solid #dedede;
}

#sa .sa-map-options-dialog tr {
    vertical-align: middle;
}

#sa .sa-map-options-dialog tr > * {
    padding: 6px;
    color: #545454;
}

#sa .sa-map-options-dialog tr > *:nth-child(1) i {
    margin-bottom: -5px;
    display: block;
}

#sa .sa-map-options-dialog tr > *:nth-child(2) {
    padding-right: 5em;
}

#sa .sa-map-options-dialog tr > th:last-child,
#sa .sa-map-options-dialog tr > td:last-child {
    text-align: right;
}

.sa-dialog .title {
    line-height: 36px;
    padding-top: 5px;
}

#sa .sa-dialog .title span {
    font-weight: bold;
    top: -2px;
    position: relative;
}

#sa .sa-dialog .title i {
    font-size: 24px;
    padding: 3px 8px 6px 6px;
}

#sa .sa-event-categories-dialog .title a {
    float: right;
    margin-right: 8px;
    margin-top: 8px;
    margin-left: 2em;
}

#sa .sa-time-range-dialog .title span {
    padding-left: 9px;
}

#sa .sa-time-range-dialog .time-range-option {
    padding: 8px 10px 6px 6px;
    margin: 1px 0 0;
    border-top: solid 1px #bbb;
    display: block;
}

#sa .sa-time-range-dialog .time-range-option .sa-time-range-checkmark {
    visibility: hidden;
    float: right;
    padding-top: 4px;
}

#sa .sa-time-range-dialog .time-range-option.selected {
    background-color: #f9f9f9;
}
#sa .sa-time-range-dialog .time-range-option.selected .sa-time-range-checkmark {
    visibility: initial;
}

#sa .sa-event-categories-dialog #select-all a {
    color: #3170a7;
}

#sa .sa-event-categories-dialog #select-all {
    text-align: right;
    background-color: #f3f3f3;
    border-top: 1px solid #bcbcbc;
    padding-right: 8px;
}

#sa .sa-event-categories-dialog .event-category {
    border-top: 1px solid #d8d8d8;
    padding: 8px;
    cursor: pointer;
}

#sa .sa-event-categories-dialog .event-category label {
    float: right;
    padding-left: 24px;
    padding-top: 2px;
}

#sa #sa-event-categories-button {
    font-size: 24px;
    margin-left: -6px;
    margin-right: -6px;
    display: block;
    height: 28px;
    padding-top: 1px;
}

.sa-time-range-dialog {
    display: none;
    position: absolute;
    top: 10px;
    background-color: white;
    left: 361px;
    border-radius: 3px;
}

#sa .sa-time-range-dialog .title i {
    font-size: 24px;
    padding: 3px 8px 6px 6px;
}

#sa .sa-time-range-dialog .title a {
    float: right;
    margin-right: 10px;
    margin-top: 8px;
    margin-left: 2em;
}

#sa #sa-time-range-button {
    font-size: 24px;
    margin-left: -6px;
    margin-right: -6px;
    display: block;
    height: 28px;
    padding-top: 2px;
}

#sa #free-map-menu-custom-control-button {
    float: left;
    bottom: 233px;
    position: absolute;
    z-index: 10;
}

#sa #free-sa-map-layers-menu-button {
    float: left;
    bottom: 181px;
    position: absolute;
    z-index: 10;
}

#sa .sa-geosure-layers-menu-button-hidden {
    display: none;
}

#sa #map-menu-sa-map-options-dialog {
    z-index: 2000;
}

#sa .sa-geosure-options-dialog {
    bottom: 253px;
    left: 10px;
    z-index: 2000;
}

#sa-geosure-layers-menu-button {
    margin: 2px -7px;
    width: 29px;
}

#sa .sa-geosure-options-dialog tr.option {
    cursor: pointer;
    border-top: 1px solid #dedede;
}

#sa .sa-geosure-options-dialog tr {
    vertical-align: middle;
}

#sa .sa-geosure-options-dialog tr > * {
    padding: 6px;
    color: #545454;
}

#sa .sa-geosure-options-dialog tr > *:nth-child(1) i {
    margin-bottom: -5px;
    display: block;
}

#sa .sa-geosure-options-dialog tr > th:last-child,
#sa .sa-geosure-options-dialog tr > td:last-child {
    text-align: right;
    color: #000000;
}


/* end situational / global awareness */

/* start content lists */

.content-list {
    font-size: 0.9em;
}

.content-list .btn {
    padding: 3px 6px;
}

.content-list > .table {
    width: initial;
    margin-left: 20px;
    margin-right : 20px;
}
.content-list > .table-with-drawer {
    margin-right: 470px;
}
.content-list > .table tbody {
    border: 2px solid #DDDDDD;
}
@media (max-width: 1024px) {
    .content-list > .table {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    .content-list > tbody {
        border: 0;
    }
}
.content-list tr td:first-child {
    padding-left: 10px;
}
.content-list tr td:last-child {
    padding-right: 10px;
}
.content-list td {
    vertical-align: inherit !important;
}
.content-list td > a {
    color: #337ab7;
}
.content-list td > a[data-toggle=popover] {
    color: #243645;
}
.content-list .lim-height {
    overflow: hidden;
    max-height: 133px;
    line-height: 1.5em;
}
.content-list .btn-group {
    width: 120px;
}
.web-search .content-list .btn-group {
    width: 190px;
}

.dashboard .btn-group .btn {
    margin-right: 0;
    display: inline-block;
}

.dashboard .btn-group .btn:last-child {
    margin-right: 10px;
}

@media (min-width: 768px) {
    .show-when-skinny {
        display: none;
    }
}

.bottom-margin-when-skinny {
    margin-bottom: 4px;
}

.content-list button {
    background-color: #FFFFFF;
    border: 1px solid #BBBBBB;
    color: #555555;
}
.content-list .btn-group > button:active,
.content-list .btn-group > button:hover {
    background-color: #243645;
    border: 1px solid #243645;
    color: #FFFFFF;
}
.content-list .dropdown-menu > li a.notemenu,
.content-list .dropdown-menu > li > a {
    border-radius: 0;
    border: none;
    font-size: 1em;
    text-align: left;
    padding-left: 20px;
}

.content-list .dropdown-menu > li:first-of-type.divider {
    display: none;
}

.content-list .tags {
    margin: 0;
}
.content-list .tags .popup .title a {
    position: absolute;
    left: 325px;
}

.content-list .single-post__profile-image {
    width: 32px;
    width: 2rem;
    height: 32px;
    height: 2rem;
}
.compact-list-view div.high_risk {
    text-align: right;
}

.popover-data-content {
    display: none;
}
.popover {
    line-height: 2em;
    max-width: 450px;
    min-width: 40px;
}

.popover-extended {
    min-width: 650px;
    max-width: 650px;
}
.popover-content div {
    padding-left: 8px;
}
.popover-content > :nth-child(even) {
    background-color: #F9F9F9;
}

/* end content lists */

/* Translation related stylings */
.translate-group {
    border: 0 solid transparent !important;
    background-color:transparent !important;
    /*padding: 4px 0 3px 5px !important;
    margin-top: -4px !important;*/
}
.translate-active{
    background-color: #fff6bd !important;
}
.translate-group a {
    float:none !important;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #bbb;
    color: #555;
    /*font-size: 12px;
    border-radius: 5px;
    margin-right: 5px !important;*/
}
.translate-group .trans-status {
    white-space: nowrap !important;
}
.translate-group .trans-status .trans-show{
    display: inline-block !important;
}
.translate-group .trans-status .trans-hide{
    display: none !important;
}
.translate-group .trans-status-on {
    color: blue;
}
.translate-group .fa {
    margin-right: 5px;
}
.translate-group select {
    display: inline-block;
    width: 140px;
    margin: -1px 5px 0 5px;
    font-size: 12px;
}
.view-select .translate-group a:not(:last-child) {
    margin-right: 5px !important;
}
.trans-append {
    white-space: pre;
}

/* End of Translation style settings */

.slideshow-container .slide {
    display: none;
    max-width: 400px;
    max-height: 400px;
}
.slideshow-container .slide .slide-image-container {
    width: 400px;
    height: 400px;
    position: relative;
}

.slideshow-container .slide .slide-image-container img {
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.slideshow-container .slide video {
    width: 400px;
    height: 400px;
}

.slideshow-container .slide-button {
    cursor: pointer;
    color: #ddd;
    font-weight: bold;
    font-size: 1.3em;
    display: inline-block;
}

.slideshow-controls {
    width: 100%;
    height: 24px;
    background-color: #243645;
    text-align: center;
    font-size: 0.75em;
}

.slideshow-container .numbertext {
    color: #ddd;
    height: 100%;
    margin-top: 4px;
    display: inline-block;
    float: none;
}

.slideshow-container .right {
    padding-right: 11%;
    float: right;
}

.slideshow-container .left {
    padding-left: 11%;
    float: left;
}

.blacklisted-url-warning {
    color: #ff0000;
    font-weight: bold;
}

.post-meta-data {
    font-size: 13px;
}

.post-meta-data > div {
    margin-left: 1em;
}

.post-meta-data .title {
    color: #282729;
}

.post-meta-data .value, .post-meta-data .value-item {
    color: #888888;
}

.post-meta-data .value-list {
    margin-left: 2em;
    margin-top: 0;
    list-style-type: disc;
}

.post-meta-data .value-count {
    font-size: 9px;
}

.post-meta-data .value-count::before {
    content: ' [ ';
}

.post-meta-data .value-count::after {
    content: ' ]';
}

#post-dialog .form-top, #profileSourceDialog .form-top  {
    position: relative;
}
#post-dialog .form-top a, #profileSourceDialog .form-top a {
    color: #FFFFFF;
    position: absolute;
    top: 5px;
    right: 10px;
}
#post-dialog #map-menu-search {
    margin: 4px 10px 0px 10px;
}
#post-view.centre-content, #profile-source-view.centre-content {
    background-color: #FFFFFF;
}
#post-view .single-post__content, #profile-source-view .single-post__content {
    padding-bottom: 0;
    margin-left: 10px;
    margin-right: 10px;
    width: 99%;
}
#post-view .high_risk_post {
    margin-top: 5px;
}
#post-view .btn-group, #profile-source-view .btn-group {
    width: inherit;
}
#post-view button, #profile-source-view button {
    background-color: #FFFFFF;
    border: 1px solid #BBBBBB;
    color: #555555;
    padding: 0.3rem 0.6rem;
    font-size: 13px;
}
#post-view .btn-group > button:active,
#post-view .btn-group > button:hover,
#profile-source-view .btn-group > button:active,
#profile-source-view .btn-group > button:hover {
    background-color: #243645;
    border: 1px solid #243645;
    color: #FFFFFF;
}

a.prevNext.prev {
    margin-left: 33%;
}
@media (max-width: 768px) {
    a.prevNext.prev {
        margin-left: 17%;
    }
}

a.notemenu {
    width: 100%;
}

#post-view .dropdown-menu li a.notemenu,
#post-view .dropdown-menu li > a,
#profile-source-view .dropdown-menu li > a,
#urlView .dropdown-menu li > a {
    border-radius: 0;
    border: none;
    font-size: 1em;
    text-align: left;
    padding-left: 20px;
    width: 100%;
}
#postMapContainer {
    margin: 5px 10px;
}
#postMapContainer #mapPost,
#postMapContainer #mapPost > div {
    border-radius: 5px;
}
#post-view #meta-id {
    margin-left: -20px;
    display: inline-block;
    margin-right: 0;
}
#post-view #map-id {
    display: inline-block;
    margin-right: 0;
}
#post-view #post-id,
#post-view #snippets,
#post-view #post-preview,
#post-view #post-meta-data {
    background: #F2F2F2;
    margin: 10px 0 20px 0;
    padding: 10px;
    border-radius: 5px;
}
#post-view .to-top {
    color: #CCCCCC;
    vertical-align: text-top;
}
#post-view .to-top:hover {
    color: #243645;
}
#post-view .translation-container {
    float: right;
    margin-left: 1em;
}
#post-view .single-post__header {
    padding-top: 0;
    padding-bottom: 5px;
}
#post-view .actions-group {
    float: right;
    margin-left: 1em;
}
@media (max-width: 550px) {
    #post-view .actions-group,
    #profile-source-view .actions-group{
        float: left;
        margin-top: 10px;
        margin-left: 0;
    }
}
@media (max-width: 64em) {
    #post-view .single-post__header,
    #profile-source-view .single-post__header {
        border-top: 0;
        padding-top: 0;
        margin-top: 0;
    }
    #post-view .translate_box {
        margin-top: 5px !important;
        margin-left: -20px;
    }
    #post-view .translation-container {
        float: none;
    }
}
#main-container > #post-view .single-post__header,
#main-container > #profile-source-view .single-post__header {
    padding-top: 10px;
}

#post-view .single-post__header > actions,
#profile-source-view .single-post__header > actions {
    white-space: nowrap;
    font-size: 1em;
}

.sortDropDown {
    font-size: 12px;
    float: right;
}

.network-sort-dropdown {
    margin-right: 20px;
}

.dynamicWidthByDrawer .sortDropDown {
    float: none;
}

@media (max-width: 479px) {
    .sortDropDown {
        margin-top: 10px;
        float: left !important;
        position: unset !important;
    }
}

.deepWebSortWidget {
    text-align: right;
    position: absolute;
    right: 0;
    margin-right: 20px;
}

@media (max-width: 1040px) {
    .deepWebSortWidget {
        position: initial;
    }
}

.profilesSortWidget {
    float: right;
}

.sortDropDown span {
    top: 1px;
    position: relative;
}

.sortDropDown select {
    display: inline;
    width: auto;
    margin: 0;
    font-weight: normal;
    padding-top: 4px;
}

.tag-elements .sortDropDown {
    margin-right: 50px;
}

#phone > * {
    float:none; display: inline-block;
}

/* person search results stylings */
.profile-search-results .profile-image-container {
    width: 120px;
    height: 100%;
    padding: 10px;
    float: left;
    display: inline-table;
}
.profile-image-container img {
    display: block;
    width: 100%;
    height: auto;
}
.profile-search-results .profile-info-container {
    max-width: 390px;
    float: left;
    display: inline-table;
}
.profile-search-results .profile-info-container-no-image {
    max-width: 100%;
}
.single-post.person-search-card {
    width: 525px;
}
.person-search-card .single-post__header {
    min-height: 60px;
    padding: 12px;
    padding-bottom: 0px;
}
.person-search-card .single-post__header h4 {
    margin-left: 0;
}
.person-search-card img {
    margin: 0px;
}
.person-search-card .single-post__content.details {
    min-height: 155px;
    max-height: 155px;
    overflow-y: auto;
    padding: 5px 10px;
    width: 390px;
}
.person-search-card .single-post__content.details span{
    position: inherit;
}
.person-search-card .single-post__content.more {
    padding: 10px;
    width:100%;
    display: block;
    position: relative;
    margin: 0;
    border: unset;
    border-top: 1px solid #e7eaec;
    z-index: unset;
}
.person-search-card .single-post__buttons {
    margin: 0 !important;
}

/* end of person search results stylings */

/* Edit Profile CSS */
.profile-toolbar {
    display: inline-block;
    padding: 0px 5px;
    border-left: 1px #BBB solid;
    margin: 0px 5px;
}
.profile-source-toolbar {
    border: none;
}
.profile-toolbar .notes-button, .profile-toolbar .pinContainer {
    display: inline-block;
    margin: 5px 5px 0px 5px;
    float: left;
}

.profile-toolbar .content-list, .profile-toolbar .button--large {
    display: inline-block;
    margin: 0px 5px;
    float: left;
    vertical-align: auto;
}
.profile-content-block {
     display: block;
     clear: both;
 }
.pe-text-sm {
    width: 20em !important;
}
.pe-item-container {
    width: 100%;
    float: left;
    display: contents;
}
.pe-item-container.pe-vertical-list {
    display: grid !important;
    margin-bottom: 10px;
}
.pe-btn-group {
    color: #282729 !important;
    width: auto !important;
    display: flex;
}
.pe-item-button {
    padding: unset !important;
    width: 24px;
    height: 24px;
    color: #bd081c !important;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #bbb;
    border-radius: 5px;
}
.pe-photo-button {
    margin: 5px 5px;
}
.pe-item-button-upper-right {
    position: relative;
    top: 0;
    right: 0;
}
.pe-multi-line-item-container {
    display: grid;
}
.pe-multi-line-item {
    float: left;
    clear: both;
}
pe-right-delete-button {
    float: right;
}
.pe-item-button-name {
    border: 1px #BBB solid;
    border-right: 0px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    padding: 2px 6px;
    float: left;
}
.pe-item-button .btn {
    line-height: 1.5;
}
/*.pe-item-button .btn:hover{
    color: #fff;
    background: #243645 !important;
    border-color: #243645 !important;
}*/
.pe-item-large {
    position: relative;
    width: fit-content;
    min-width: 525px;
    border: 1px #BBB solid;
    border-radius: 4px;
    padding: 3px 6px;
    overflow-x: auto;
}
.pe-item-large .single-post__profile-image {
    width: 50px;
    height: 50px;
}
.pe-phone {
    display: inline-block;
    float: left;
}
.pe-photo-list {
    height: 250px !important;
}
.pe-photo-container {
    max-height: unset !important;
    max-width: unset !important;
}
.pe-photo {
    margin: 0px 5px;
    border: 1px #BBB solid;
}
.pe-photo img {
    min-width: 100px;
    min-height: 100px;
}
.pe-photo-delete.btn {
    position: absolute;
    right: 5px;
    top: 5px;
    padding: 3px 8px;
    margin-right: 5px;
}
.pe-photo .pe-avatar-identifier {
    position: absolute;
    right: 10px;
    bottom: 5px;
    min-width: unset !important;
    min-height: unset !important;
    width: auto;
    height: auto;
}

.ps-search-td {
    text-align: center;
    width: 45px;
}

.ps-search-td button {
    padding: unset !important;
    width: 24px;
    height: 24px;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #bbb;
    border-radius: 5px;
    font-size: 10px;
    vertical-align: middle;
}

#profile-source-view .profile-source-container {
    position: relative;
    width: 100%;
    min-width: 525px;
    border: 1px #BBB solid;
    border-radius: 4px;
    padding: 3px 6px;
    text-overflow: ellipsis;
    margin-bottom: 50px;
}
#profile-source-view .profile-source-item-container {
    display: block;
    border: 1px solid #BBB;
    background: #BBBBBB1A;
    padding: 5px;
    margin: 5px;
}
#profile-source-view .profile-source-image {
    max-width: 250px;
    max-height: 250px;
    width: auto;
    height: auto;
}
#profile-source-view .profile-source-item {
    /*position: relative;*/
    display: inline-block;
    margin: 3px 5px;
    width: fit-content;
    max-width: 525px;
    border: 1px #BBB solid;
    border-radius: 4px;
    padding: 3px 6px;
    overflow-x: auto;
    background-color: #FFFFFF;
}

#profile-source-view .profile-source-delete.btn {
    position: absolute;
    padding: 0px 10px;
    top: 10px;
    right: 10px;
    font-size: 32px;
    color: #bd081c;
}
#profile-source-view .btn:hover{
    color: #fff;
    background: #243645 !important;
    border-color: #243645 !important;
}

/* End of Edit Profile CSS */

div.pinContainer {
    display: inline-block;
}

li i.pin {
    margin-left: 10px;
    font-size: 13px;
    padding-left: 3px;
    padding-right: 3px;
}

li.menu-pin-adjust i.pin {
    margin-left: 0px !important;
    margin-right: 0px !important;
}
li.report-menu-pin-adjust i.pin {
    margin-left: 14px !important;
    margin-right: -1px !important;
}
li.profile-menu-pin-adjust i.pin {
    margin-left: 14px !important;
    margin-right: 0px !important;
}

li.people-search-menu-pin-adjust i.pin {
    margin-left: 0;
}

.pinSpan a {
    height: 26px;
}

.container--full-width .pinSpan a.button, .profile-view .pinSpan a {
    border: none !important;
    border-radius: unset !important;
    font-size: 14px !important;
    line-height: 21px !important;
    width: 100%;
    text-align: left;
}

.profile-view .pinSpan a i {
    margin-left: 16px;
    margin-right: 3px;
}

.tag-elements .pinSpan a i {
}

.pinContainer .pinnable, .pinned {
    cursor: pointer;
    /*margin-left: -20px;*/
}

div.pinContainer .pinnable {
    opacity: 0.4;
}

div.pinContainer .pinnable:hover {
    opacity: 1;
}
div.pinContainer .pinned:hover {
    opacity: 0.4;
}

div.pinContainer .fa-spinner {
    font-size: 90%;
    vertical-align: 0;
}

/* Custom options button on post view
    This MUST be near the bottom of the CSS file
*/
.post-view-options-button,
.profile-source-view-options-button{
    padding: 0rem 0.6rem 0rem 0rem !important;
}
.post-view-options-button-span,
.profile-source-view-options-button-span {
    border-right: 1px solid #BBB;
    margin-right: 0.6rem;
    padding: 0.3rem 0.6rem 0.3rem 0.6rem;
    display: inline-block;
}
/* end of custom post view options button */

.blockedKeyword {
    border: 5px solid #f2db35;
    margin-top: 0;
    margin-bottom: 0;
}
.keyword-list {
    border: 1px solid #999;
    border-radius: 10px;
    background: #CCC;
    margin-right: 5px;
    padding-right: 5px;
    float: left;
}
.keyword-list .keyword-item {
    float: left;
}
.keyword-list-only {
    margin-top:20px;
}
.keyword-query-list {
    font-size: 14px;
}
.keyword-query-list-title {
    font-size: 14px;
    font-weight: bold;
    margin: 5px 0;
}
.keyword-query-list-container {
    margin: 5px 0 25px 0;
    max-height: 128px;
    overflow: auto;
}

.no-keywords-selected {
    margin-top: 1em;
    font-style: italic;
}

.exampleBlockedKeyword {
    transform: scale(0.75);
    margin-left: -16px;
    margin-right: -14px;
}

.exampleBlockedKeywordExplanation {
    font-size: 80%;
    line-height: 15px;
    padding-top: 6px;
    color: #999;
    margin-left: 125px;
}

.geolocation .exampleBlockedKeywordExplanation {
    margin-left: 105px;
}

.similar-keyword-list .no-similar-terms {
    font-style: italic;
    padding: 5px;
    font-size: 85%;
}

.keywordwrapper .keywordExample {
    text-transform: lowercase;
}

.keywordwrapper .keyword-language-tag {
    display: initial;
    font-size: 10px;
    border: 1px solid #efefef;
    border-radius: 10px;
    /*background: #337ab7;*/
    background: #fff6bd;
    color: #2b2b2b; /*#efefef;*/
    padding: 1px 5px;
    position: relative;
    top: -1px;
}

/*.keywordwrapper .keyword-language-tag.exclude {
    background: #777;
    background-color: #fff6bd;
}*/
/*
.keywordwrapper .keyword-language-tag.geo {
    background: #377555;
    background-color: #fff6bd;
}
*/
.keywordwrapper .keyword-language-tag.base-language-tag {
    border: 1px solid #efefef;
    background: none !important;
    color: #efefef;
}

.add-keyword-btn {
    float: none !important;
}

.add-keyword-btn.disabled, .add-geokeyword-btn.disabled, .add-excludekeyword-btn.disabled {
    cursor: not-allowed !important;
}

.similar-keyword-box {
    position: absolute;
    border: 1px solid #bdbdbd;
    border-radius: 10px;
    background: #fff;
    display: inline-table;
    max-width: 400px;
    z-index: 1;
}

@media (max-width: 699px) {
    .similar-keyword-box {
        position: unset !important;
    }
}

.similar-keyword-title {
    padding: 5px;
}

.similar-keyword-title .keywordwrapper {
    float: left;
}

.similar-keyword-close, .similar-keyword-info {
    float: right;
    font-size: 20px;
    color: #599FEE;
}

.similar-keyword-close a, .similar-keyword-info a {
    margin: 0 !important;
}

.similar-keyword-list, .similar-keyword-buttons {
    border-top: 1px solid #bdbdbd;
    display: inherit;
    padding: 5px;
    width: 100%;
}

.similar-keyword-buttons a {
    margin: 0 5px !important;
}

.similar-keyword {
    display: inline-block;
    font-size: 15px;
    border: 1px solid #599FEE;
    background: none !important;
    color: #599FEE;
}

.similar-keyword-list a {
    margin: 0px !important;
}

.similar-keyword p {
    margin: 0px !important;
    color: #599FEE;
}

.similar-keyword a {
    margin-top: 0px !important;
    color: #599FEE;
}

.similar-keyword.geolocation {
    color: #377555 !important;
    border: 1px solid #377555;
    background: none !important;
}

.similar-keyword.exclude {
    color: #393939 !important;
    border: 1px solid #393939;
    background: none !important;
}

.similar-keyword.geolocation p, .similar-keyword.geolocation a {
    color: #377555;
}

.similar-keyword.exclude p, .similar-keyword.exclude a {
    color: #393939 !important;
}

.similar-keyword .keyword-item {
    float: left;
}

.similar-keywords-quick-link-uncurve {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.similar-keywords-quick-link {
    position: relative;
    right: 5px;
    float: left;
    top: 5px;
    background-color: white;
    padding: 6px;
    border-radius: 0 10px 10px 0;
    font-size: 15px;
}

#network_frame {
    border: 0px !important;
}

.tokenNotReceivedMsg {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    font-size: 0.75em;
    margin-top: 1em;
    font-weight: 400;
}
.dashboard__content {
    margin-left: 5px;
}

.dashboard-no-widgets {
    padding-left: 2em;
    padding-bottom: 2ex;
}

.map__content {
    padding: 0 !important;
}

#query_relevance_top_filter_button {
    margin-right: 10px;
}

#query_relevance_top_filter_button a {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.query_relevance_threshold_holder {
    width: 100%;
}

.query_relevance_threshold_holder tr {
    vertical-align: middle;
}

.query_relevance_threshold_holder td:nth-child(1), .query_relevance_threshold_holder td:nth-child(3) {
    width: 1%;
    white-space: nowrap;
}

.query_relevance_threshold_holder td:nth-child(1) {
    padding-right: 1em;
}

.query_relevance_threshold_holder td:nth-child(2) input {
    margin-bottom: 0;
}

.query_relevance_threshold_holder td:nth-child(3) {
    padding-left: 1em;
    padding-right: 1em;
}

.query_relevance_threshold_holder input[type="range"] {
    padding-right: 0;
    padding-left: 0;
}

#query_relevance_filter_container {
    position: absolute;
    left: 0px;
    z-index: 102;
    display: none;
    top: 34px;
    min-width: 160px;
    padding: 5px 0 !important;
    margin: 2px 0 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.query_relevance_filter {
    /*width: 19rem;*/
    display: inline-flex;
}

.query_relevance_filter span {
    font-size: 13px !important;
    text-transform: none !important;
    /*line-height: 28px;
    font-weight: 700 !important;*/
}

.query_relevance_filter input[type="checkbox"] {
    display: inline;
}

.query_relevance_filter td {
    font-size: 12px !important;
    text-transform: none !important;
}

.query_relevance_filter label {
    margin-bottom: 0;
}
.query_relevance_filter a {
    padding: 4px 10px;
    height: 28px;
    margin: 0 5px;
}

.query_relevance_filter input[type="range"] {
    padding-top: 0;
    padding-bottom: 0;
}

#checkbox_query_relevance_score_filter_label {
    display: initial !important;
}

td.menu_and_pin {
    text-align: right;
    white-space: nowrap;
}

td.menu_and_pin div.btn-group > .btn {
    float: none;
    margin-left: -5px;
}

td.menu_and_pin div.btn-group {
    display: inline-block;
    width: auto !important;
    margin-right: 4px;
    margin-left: 12px;
}

td i.icon.list-icon {
    margin-top: 5px;
}

.tool_bar_social_media {
    background-color: rgba(24, 72, 95, 0.9);
}

.single-post.ng-enter {
    opacity: 0;
    transition: all .5s ease;
}
.single-post.ng-enter-active {
    opacity: 1;
}

table.telegram-summary-table {
    margin-left: 20px;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 0.9em;
}

table.telegram-summary-table tr {
    vertical-align: top;
}

table.telegram-summary-table tr td:nth-child(2) {
    padding-left: 0.5em;
}

.telegram-media-warning {
    line-height: 12px !important;
    font-size: 66%;
    color: #999;
}

a.non-profile-interaction-type {
    cursor: initial;
}

a.non-profile-interaction-type:hover {
    color: #555;
}

.data-status-container {
    /*font-size: 75%;*/
}

.action-select .current-status {
    display: none;
}

.action-select .data-status-container {
    padding-left: 0 !important;
    line-height: 1.3 !important;
}

.data-status-controls-list-view .data-status-container {
    white-space: nowrap;
    position: relative;
}

#data-status-toolbar-button .status-option-container {
    padding: 2px 2px 2px 2px;
}

#data-status-toolbar-button .status-option {
    clear: both;
    width: 100%;
    padding-left: 0;
}

#data-status-toolbar-button .status-option:hover {
    color: white;
}

.data-status-container .status-option {
    color: #282729;
    cursor: pointer;
}

.data-status-container .status-option > div {
    padding-left: 1em !important;
    padding-right: 1em;
    width: 100%;
    line-height: 20px !important;
}

.data-status-container .status-option > div:hover {
    color: #ffffff !important;
    background-color: #243645;
}

.data-status-container .current-status {
    float: right;
    padding-top: 5px;
}

.unread {
    font-size: 66%;
}

.clickable {
    cursor: pointer;
}

.tile-view .data-status-container .current-status {
    padding-left: 5px;
    padding-top: 0 !important;
    background-color: #FFFFFF;
}

.single-post__content .data-status-container {
    float: none !important;
    font-size: 12px;
}

.status-option-container .selected-status {
    font-weight: bold;
}

.data-status-controls-list-view {
    border-top: 1px solid #e7eaec;
    line-height: 5ex;
}

.data-status-controls-list-view .status-option {
    line-height: 23px;
}

.data-status-controls-list-view .data-status-container .hidden-in-list-view {
    display: none;
}

.data-status-controls-post-view {

}

.data-status-controls-post-view .data-status-container .current-status {
    float: none !important;
}

.data-status-filters {
    font-size: 12px;
}

.data-status-filters label {
    display: block;
    margin-bottom: 0 !important;
}

.data-status-filters label span {
    font-size: 100% !important;
}

.data-status-filters input[type="checkbox"] {
    display: initial;
    width: initial;
    border: none;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: top;
}

.data-status-container .status-option-container {
    left: 17px;
    padding: 2px;
    margin-top: -19px;
}

.data-status-controls-post-view .status-option-container {
    position: absolute;
    top: auto;
    left: auto;
    margin-top: 0;
}

.data-status-controls-tile-view .status-option-container {
    left: 80px;
}

.data-status-controls-list-view .status-option-container {
    left: 15px;
}

.data-status-controls-tile-view {
    right: 7px;
}

.data-status-controls-list-view *,
.post-details .data-status-controls-list-view {
    border-top: none;
}

.data-status-controls-list-view .data-status-container  {
    margin-left: 6px;
}

.data-status-controls-list-view .data-status-container .current-status {
    float: none;
}

.data-status-container .pin {
    font-size: 85%;
}

.unsubscribe table {
    margin-left: auto;
    margin-right: auto;
}

.unsubscribe table td {
    padding: 7px;
}

.unsubscribe table tr {
    vertical-align: middle;
}

.unsubscribe table tr:nth-child(odd) {
    background-color: #000;
}

.unsubscribe input[type="checkbox"] {
    display: inline;
    width: auto;
}

.unsubscribe .email {
    font-weight: bold;
}
.unsubscribe label {
    color: white;
}

.unsubscribe-count {
    font-weight: bold;
}

.alert-multi select {
    display: inline-block;
    width: 300px;
}

.alert-multi input {
    display: inline-block;
    width: 300px;
}

.alert-multi input.share-by-phone-prefix {
    width: 40px !important;
}

.alert-multi input.phone-body {
    width: 260px;
}

.alert-list-selected {
    min-width: 300px;
    width: fit-content;
    display: block;
    font-size: 14px;
    padding: 10px 0;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 200px;

}

.alert-listing {
    display: table;
    width: fit-content;
    width: -moz-fit-content;
}

.alert-list-selected .alert-list-item {
    width: 100%;
    height: 35px;
    display: block;
    border: 1px solid #bbb;
    color: #555;
    padding: 5px 10px;
    margin-bottom: -1px;
}

.alert-list-selected .alert-list-item:nth-child(odd) {
    background-color: #efefef;
}
.alert-list-selected .alert-list-item .alert-list-item-icon {
    padding-right: 10px;
    display: inline-block;
    float: left;
}

.alert-list-selected .alert-list-item .alert-list-item-value {
    display: inline-block;
    float: left;
}

.alert-list-selected .alert-list-item .alert-list-item-delete {
    padding-left: 10px;
    display: inline-block;
    float: right;
}

#alerts .alerts .query-listing table td.query-list-item-delete.delete-column,
#alerts .alerts .alert-listing table td.alert-list-item-delete.delete-column {
    width: auto;
}

#alerts .alerts .query-listing table td.query-list-item-delete.delete-column .btn-group {
    display: inline-block;
    width: auto !important;
}

#alerts .alerts .alert-listing table td.alert-list-item-delete.delete-column .btn-group {
    display: inline-block;
    width: 65px !important;
}

#alerts .alerts .query-listing table td,
#alerts .alerts .alert-listing table td {
    min-height: 48px;
    height: 48px;
}

#alerts .alerts .single-post__content input[type="checkbox"] {
    display: inline-block;
}

#alerts .alerts .container--full-width input[type="text"] {
    box-shadow: none;
    width: 300px;
    margin-top: 0.5em;
}

#alerts .alerts .container--full-width input[type="text"].disabled-text {
    background-color: unset;
    border: 1px solid #babbbb;
    font-size: 12px;
    border-radius: 5px;
}

#sa-view-alerts .container--full-width input[type="text"] {
    box-shadow: none;
    width: 300px;
    margin-top: 0.5em;
}

#sa-view-alerts table td.alert-list-item-controls {
    width: fit-content;
    text-align: center;
    padding-right: 1px;
    padding-left: 1px;
}

#sa-view-alerts table td.alert-list-item-controls .btn-group {
    width: fit-content;
    display: inline-block;
}

#sa-view-alerts .alerts-selected-options-table .alert-list-item-delete,
#sa-view-alerts .alerts-selected-options-table .alert-list-item-icon,
#sa-view-alerts .alerts-category-header .alert-list-item-icon {
    padding-left: 5px;
    padding-right: 5px;
    width: 40px;
    max-width: 40px;
    overflow: hidden;
}

#sa-view-alerts .alerts-selected-options-table .alert-list-item-delete  .btn-group {
    display: inline-block;
    width: auto !important;
}


#sa-view-alerts .alerts-selected-options-table .alert-table-name-col,
#sa-view-alerts .alerts-category-header .alert-table-name-col {
    width: 56%;
    max-width: 350px;
    overflow: hidden;
}

#sa-view-alerts .alerts-selected-options-table .alert-table-schedule-col,
#sa-view-alerts .alerts-category-header .alert-table-schedule-col {
    width: 100px;
    max-width: 100px;
    overflow: hidden;
}

#sa-view-alerts table th.alert-table-status-col {
    text-align: center;
}

#sa-view-alerts .alerts-selected-options-table .alert-table-status-col,
#sa-view-alerts .alerts-category-header .alert-table-status-col {
    width: 100px;
    max-width: 100px;
    overflow: hidden;
}

#sa-view-alerts .alerts-selected-options-table .alert-list-item-summary-type {
    white-space: nowrap;
    text-transform: capitalize;
}

#sa-view-alerts .selectable-dropdown .selectable-dropdown-option {
    text-align: left;
}

#assets-alerts-save .container--full-width input[type="text"] {
    box-shadow: none;
    width: 300px;
    margin-top: 0.5em;
}

.asset-upload-warning-block {
    margin-bottom: 25px;
}

.phone-alert-warning {
    margin-top: 15px;
    font-size: 85%;
    font-style: italic;
}

.query-type-option {
    margin: 0.5em 0 0 0;
}

.query-type-option label {
    float: none;
}

#container-query-sources .section {
    height: 200px;
    overflow-y: auto;
    width: fit-content;
    min-width: 40%;
}

#container-query-sources .section.no-height-restriction {
    height: auto;
}

#container-query-sources .empty {
    font-style: italic;
}

#container-query-sources table {
    width: 100%;
}

#container-query-sources table .query-group-title {
    font-weight: bold;
}

#container-query-sources table .query-checkbox {
    width: 24px;
    text-align: center;
}

#container-query-sources table .query-name {
    padding-left: 1ex;
}

#container-query-sources table .query-status {
    text-transform: capitalize;
    font-size: 0.8em;
}

#container-query-sources .section {
    display: table;
}

#container-query-sources .section > div:first-child {
    padding-left: 0;
}

#container-query-sources .section > div:last-child {
    border-right: none;
}

#container-query-sources .source-select-category {
    display: inline-block;
    vertical-align: top;
    min-width: 280px;
    margin-right: 6px;
    max-width: 350px;
}

#container-query-sources .selected-source-list {
    position: absolute;
    z-index: 1000;
    min-width: 200px;
    max-height: 300px;
    overflow-y: auto;
}

#container-query-sources .selected-source-list table {
    border: 1px solid #bbbbbb;
    width: 100%
}

#container-query-sources .selected-source-list tr:nth-child(even) {
    background-color: #efefef;
}

#container-query-sources .selected-source-list tr:nth-child(odd) {
    background-color: #f9f9f9;
}

#container-query-sources .selected-source-list tr td {
    padding: 2px 12px;
}

#container-query-sources .selected-source-list tr:hover {
    background-color: #deeaff;
}

.post-tabs {
    white-space: nowrap;
    padding: 0 !important;
    margin: 0 !important;
}

.metadata-block {
    display: inline-block;
    padding-left: 92px;
    width: 50%;
    vertical-align: top;
}

#post-view .metadata-block > p {
    float: left;
    width: 45%;
}

#post-view .metadata-block > p .metadata-span {
    float: left;
}

.meta-data-searchable {
    color: #243645;
    border: 1px solid #bbb;
    border-radius: 0.5em;
    margin: 0.75em 17px 0.75em 0;
    font-size: 13px;
    padding: 5px 10px;
}

.meta-data-count {
    color: #7a7a7a;
}

.meta-data-action {
    color: #7a7a7a;
}

.meta-data-action:hover {
    color: #243645;
}

.meta-search-no-results {
    font-style: italic;
}

.meta-data-item {
    padding: 2px 10px;
}

.meta-search-area {
    display: inline-block;
    border-radius: 3px;
    border: 1px solid #bbb;
    padding-left: 4px;
    padding-right: 4px;
    width: 212px;
    background-color: #f3f3f4;
}

.meta-search-area input {
    padding: 0;
    border: none;
    outline: none;
    width: 168px;
    background-color: #f3f3f4;
}

.meta-search-area i {
    float: right;
    cursor: pointer;
    padding-top: 3px;
}

.meta-search-area a {
    float: right;
    padding-right: 3px;
}

@media (max-width: 64em) {
    .meta-search-area {
        zoom: 150%;
    }
}

.button-row {
    font-size: 13px;
    cursor: pointer;
}

.button-row > * {
    border: 1px solid #bbb;
    padding: 4px 10px;
    display: inline-block;
    color: rgb(85, 85, 85);
    background-color: white;
    transition: all 0.2s ease-in-out;
}

.button-row > *.selected, .button-row > *:hover {
    background-color: #243645;
    color: white;
    border-color: #243645;
}

.button-row > *:first-child:not(:last-child) {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.button-row > *:last-child:not(:first-child) {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.button-row > *:not(:first-child) {
    margin-left: -5px;
}

#inline-post-view-container {
    background-color: white;
    padding-right: 20px;
    padding-top: 6px;
}

.sort-date-relevance > select {
    width: auto;
    display: inline-block;
    margin: 0 0 8px 0;
    font-size: 13px;
    height: 24px !important;
    line-height: 24px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.deep-search-enhance {
    float: right;
    border: 1px solid #b2b2b2;
    border-radius: 10px;
    text-align: center;
    padding: 16px;
    margin-right: 40%;
}

.keywords-controls-container {
    margin-top: 3ex;
}

.keywords-controls-container fieldset {
    border-radius: 10px;
}

.keywords-controls-container legend {
    width: auto;
    padding-left: 0.5ex;
    padding-right: 0.5ex;
}

.keywords-controls-container .logic-join {
    width: 128px;
}

.keywords-controls-container .logic-join fieldset {
    padding: 10px;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
}

.keywords-controls-container .logic-join > div {
    height: 1.5em;
    border-left: 1px solid #999999;
    margin-left: 50%;
}

.keywords-controls-container .hidden-fieldset {
    border: none;
    padding: 0;
}

.keywords-controls-container .macro-fieldset {
    margin-top: 1em;
}

.keyword-counts {
    font-size: 12px;
    color: white;
    display: inline-block;
    position: relative;
    top: -1px;
    background-color: #243645;
    padding: 4px 5px;
    border-radius: 6px;
    left: -91px;
    margin-right: -80px;
    width: 80px;
    text-align: center;
}

.keyword-count {
    font-size: 14px;
    line-height: 33px;
}

@media(max-width: 650px) {
    .keyword-counts {
        left: 120px;
        top: 0.5px;
    }
}

#new-group-keyword,
#group-keyword-edit {
    width: 50%;
}

#keyword-group-edit #group-keywords-import {
    top: 0;
    position: absolute;
    left: 25%;
    width: 50%;
}

#keywords-clear-confirm .keywords-container {
    max-height: 30em;
    overflow: auto;
}

.display-only-in-toolbar {
    display: none;
}

.display-only-in-toolbar .caret {
    margin-left: 0.5em;
}

.toolbar .display-only-in-toolbar {
    display: initial;
}

.toolbar .hide-in-toolbar {
    display: none;
}

.toolbar .fa-volume-off {
    color: #bbbbbb;
}

.post-freshness {
    border-radius: 20px;
    padding: 0 5px 1px 5px;
}

.very-new-post .post-freshness {
    background-color: #00b53b;
    color: #EFEFEF;
}

.new-post .post-freshness {
    background-color: #008bc7;
    color: #EFEFEF;
}

.compact-list-view .post-freshness {
    display: none;
}

.compact-list-view .very-new-post .post-freshness,
.compact-list-view .new-post .post-freshness {
    display: inline;
}

.tile-relevance-score {
    /*font-size: 75%;*/
    color: #282729;
    font-family: "Open Sans", sans-serif;
    float: right;
    bottom: 25px !important;
    margin-left: 180px;
    text-align: right;
    width: 52px;
}

.list-relevance-score {
    width: 90px;
    text-align: right;
    border-top: 1px solid #e7eaec;
    padding: 0.525rem 0.75rem;
    height: 23px;
}

.tile-view-map-marker-adjustments {
    margin-left: 2px;
    margin-right: 2px;
}

.item-checkbox a {
    color: #282729 !important;
}

.checkbox-header {
    width: 30px;
}

#web-search-queries #bulk-actions-dropdown {
    float: none;
}

#profiles #bulk-actions-dropdown {
    float: none;
}

.network-bulk-actions-dropdown {
    float: none;
}

.reports-bulk-actions-dropdown {
    float: left;
}

.tags-bulk-actions-dropdown {
    float: left;
}

.user-bulk-action {
    float: none;
}

#training-videos {
    text-align: center;
}

#training-videos .training-video {
    width: 100%;
    padding: 24px;
}

#training-videos .title {
}

#support-tabs {
    border-bottom: 1px solid #bbb;
}

#support-tabs li {
    display: inline-block;
    border-top: 1px solid #bbb;
    border-left: 1px solid #bbb;
    border-right: 1px solid #bbb;
    background-color: #bbb;
    border-bottom: none;
    border-radius: 5px 5px 0 0;
    padding: 2px 12px;
    margin-bottom: -1px;
    margin-left: 4px;
}

#support-tabs li.selected {
    background-color: white;
    font-weight: bold;
    border-bottom: 1px solid white;
}

.simple-advanced-buttons {
    width: 100%;
    text-align: center;
    color: #555555;
    padding: 5px
}

.simple-advanced-buttons a {
    background-color: #fff;
    border: 1px solid #bbb;
    font-size: 11px !important;
    padding: 5px 12px;
}

.simple-advanced-buttons a.active {
    background-color: #243645;
    color: #fff;
}

.simple-advanced-buttons :first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    margin-right: -1px;
}

.simple-advanced-buttons :last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-left: -1px;
}

.filter-divider {
    margin-left: -8px;
    padding-bottom: 8px;
    width: 210px !important;
    border-top: 1px solid #243645;
}

.filter-author input:first-child {
    margin-top:-8px !important;
}

.filter-level-toggle {
    padding: 5px 12px;
    text-align: center;
}

.filter-level-toggle a,
.filter-level-toggle a.active {
    font-size: 11px !important;
    color: #243645;
    text-decoration: none !important;

}

#live-query-select {
    position: absolute;
    width: 300px;
    background-color: white;
    padding: 5px;
    right: 5px;
    border: 1px solid #999;
    border-radius: 3px;
    font-size: 13px;
    color: #243645;
    max-height: 380px;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 1;
}

#live-query-select-chevron {
    cursor: pointer;
    float: right;
    position: relative;
    right: 7px;
    top: -32px;
    background-color: white;
}

#live-query-select .header {
    font-weight: bold;
}

#live-query-select .item {
    font-weight: normal;
    padding: 2px 2px 2px 1em;
    cursor: pointer;
    white-space: nowrap;
}

#live-query-select .item:hover, #live-query-select .selected {
    color: white;
    background-color: #243645;
}

#query_select_label {
    cursor: pointer;
}

.readonly-query .keywords-controls-container legend {
    margin-bottom: 0;
}

.readonly-query .keywords-controls-container h4 {
    padding-top: 0;
}

.readonly-query label {
    cursor: text;
}

#dashboard-widgets-container fieldset {
    border-radius: 5px;
    padding-right: 0;
    padding-left: 27px;
    padding-top: 15px;
}

#dashboard-widgets-container fieldset legend {
    width: auto;
    padding-left: 0.5ex;
    padding-right: 0.5ex;
    margin-bottom: 0;
    font-size: 0.9em;
}

#poi-clone-last-step {
    font-size: 75%;
    margin-left: 0.5rem;
}

.dark-domain-tip {
    font-style: italic;
    font-size: 80%;
    padding-top: 6px;
    color: #2b2b2b;
}

/* PEOPLE SEARCH FORM */
#people-searches .web-search-form {
    width: 1045px;
    background: white;
    border: 1px solid #282729;
    padding: 10px;
}

#people-searches .single-post__profile-image {
    margin: 0 !important;
}

#people-searches .single-post__profile-image img {
    margin: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

#people-searches #empty-list {
    font-size: 14px;
    padding: unset;
    padding-left: 2em;
}

#search-elements .form-content {
    min-height: 400px;
    height: 400px;
}

#search-options-none-selected {
    font-size: 14px;
}

#element-select {
    width: 190px; /*roughly 15% */
}

#element-select .element_type {
    background: #EBEBEB;
    width: 170px;
    border-radius: 5px;
    margin: 0 5px 5px 0px;
    position: relative;
    font-size: 14px;
}

#element-select .element_type i.fa {
    position: absolute;
    right: 10px;
    top: 9px;
}

#element-select .element_type i.fa.ico-stacked-pluses {
    right: 9px;
}

#element-select .element_type.disabled {
    border: 1px solid #bbb !important;
    background: #EBEBEB !important;
    color: #AAAAAA !important;
    cursor: not-allowed !important;
}

#element-data-entry {
    width: 330px; /*roughly 27%*/
    border-left: 1px solid #BDBDBD;
    /*border-right: 1px solid #BDBDBD;*/
    overflow-y: auto;
}

#element-data-entry input.form-field,
#element-data-entry select.form-field,
#element-data-entry textarea.form-field {
    margin: 0 0 1em 0;
}

#element-data-entry .gender-selection {
    margin-top: 10px;
}

#element-data-entry input[type="text"],
#element-data-entry input[type="email"],
#element-data-entry input[type="number"] {
    max-width: 310px !important;
}

#element-data-entry select {
    max-width: 310px;
}

#element-data-entry #country_code_label {
    margin-left: 0px !important;
}

#element-data-entry #phone_prefix_container {
    width: 70px;
    float: left;
}

#element-data-entry #phone_prefix {
    width: 70px;
    margin-bottom: 0;
}

#element-data-entry #phone_number_container {
    width: 230px;
    float: left;
    padding-left: 10px;
}

#element-data-entry #phone {
    width: 220px;
    margin-bottom: 0;
}

#element-data-entry #phone_prefix_container .input-subtext,
#element-data-entry #phone_number_container .input-subtext {
    font-size: 9px;
    text-transform: uppercase;
}

#search-element-display {
    min-width: 325px;
    width: 500px;
}

#search-element-display .sed-criteria {
    padding: 3px 10px;
}

#search-element-display .sed-email-criteria {
    /*position: relative;*/
    max-width: 480px;
}

#search-element-display .sed-email-criteria .sed-email-address {
    /*width: 400px;*/
    max-width: 390px;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
}

#search-element-display .sed-email-criteria .sed-email-actions {
    /*right: -30px;*/
    float: left;
}

.search-form-column {
    float: left;
    padding: 10px;
    height: 100%;
}

.search-form-column h3 {
    margin-top: 0;
}

.search-form-column label {
    font-weight: unset;
}

#search-element-display .search-built {
    border: 1px solid #BDBDBD;
    border-radius: 5px;
    /*padding-right: 35px;*/
    background: #FFFFFF;
    height: 85%;
    overflow-y: auto;
    overflow-x: hidden;
}

#search-element-display a.built-search-button {
    padding: 5px 0px 5px 0px;
    border-radius: 0;
    border: none;
    font-size: 1em;
    text-align: left;
    color: #BDBDBD;
}

#search-element-display .summary-header {
    font-weight: bold;
}

#search-element-display a.built-search-button:hover {
    color: red;
}

#search-element-display a.built-search-button.edit-search-criteria:hover {
    color: #555555;
}

#search-element-display .build-search-block {
    position: relative;
    max-width: 435px;
}

#search-element-display .build-search-block span.built-search-toolbox {
    position: absolute;
    right: -30px;
    top: 0;
    padding: 2px 0px 2px 0px;
}

.credits-display {
    margin-right: 20px;
}

.credits-display .credits-value-display {
    font-weight: bold;
    width: 2em;
    display: inline-block;
}

.credits-display .problem {
    font-weight: bold;
    color: red;
}

#search-options {
    float: left;
    padding-top: 10px;
}

#search-options.search-options-right {
    float: right;
}

.search-main-action-button a.button {
    border: 1px solid #243645;
    background: #EBEBEB;
    font-weight: bold;
}

.search-main-action-button a.button.disabled {
    border: 1px solid #bbb;
    background: unset;
    font-weight: normal;
}

#element-data-entry input.ng-invalid {
    border-color: #FF0000;
}

@media (max-width: 1100px) {
    #people-searches .web-search-form {
        max-width: 580px;
        width: 100%;
    }
}

@media (max-width: 1085px) {
    #search-elements .form-content {
        min-height: unset;
        height: 350px;
    }
}

@media (max-width: 600px) {
    #people-searches .web-search-form,
    .search-boxes.container--full-width {
        width: 470px;
        max-width: 470px;
    }

    #search-options-none-selected {
        display: none;
    }

    #search-elements .form-content {
        min-height: auto;
        height: auto;
    }

    #element-select {
        width: auto;
        max-width: 480px;
    }

    #element-select .element_type {
        display: inline-block;
    }

    #search-element-display {
        width: auto;
    }

    #element-data-entry {
        border: none;
    }

    #search-element-display .search-built {
        height: 300px;
    }

    #search-element-display .sed-email-criteria .sed-email-address {
        max-width: 335px;
    }
}

table.people-search-record-display-small {
    min-width: 450px;
}

.people-search-view .person-search-avatar {
    position: relative;
    max-width:  150px;
    max-width:  9.375rem;
    max-height:  150px;
    max-height:  9.375rem;
}

.people-search-view .single-post__profile-image--large {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 130px;
    border: 1px solid #d3d3d3;
    overflow: hidden;
    vertical-align: middle;
    float: none !important;

}

.people-search-view .single-post__profile-image--large img {
    margin-bottom: unset !important;
    border-radius: unset !important;
}

.people-search-view .container--full-width {
    display: inline-flex;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}
@media (max-width: 768px) {
    .table-responsive {
        border: 0;
    }
    .table-responsive thead{
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }
    .table-responsive tr {
        display: block;
        border-bottom: 2px solid #ddd;
    }

    .table-responsive td {
        display: block;
        overflow: hidden;
    }
    .table-responsive tr td:first-child{
        padding-left: 5px;
    }
    .table-responsive td.additional{
        font-size: inherit;
        color: #282729;
    }
    .table-responsive td.additional p{
        margin-top: 0;
    }
    .table-responsive td .profile-username{
        display: block;
        width: calc(100% -10px);
        word-wrap: break-word;
    }
    .table-responsive td .profile-url{
        display: block;
        width: 100%;
        word-break: break-word;
    }
    .table-responsive td::before {
        /*
        * aria-label has no advantage, it won't be read inside a table
        content: attr(aria-label);
        */
        content: attr(data-label);
        font-weight: bold;
        display: block;
    }

    .table-responsive td:last-child {
        border-bottom: 0;
    }
    .table-responsive td.people-search-inputs-info{
        width: 100%;
        text-align:left;
        padding-top: 10px;
    }
    .table-responsive td.people-search-view-social{
        overflow: visible;
    }
}

.people-search-view .basic-info-container {
    margin-left: 15px;
}

.people-search-view .photos {
    max-width: 1024px;
}

.people-search-view .basic-information {
    margin-bottom: 24px;
}

.people-search-view .photos > div {
    max-width: 150px;
    display: inline-block;
    vertical-align: middle;
}

.people-search-view .photos img.pe-avatar-identifier {
    position: absolute;
    right: 5px;
    top: 5px;
}

.people-search-view .photos img {
    max-width: 150px;
    max-height: 150px;
}

.people-search-view .photos .photo-card {
    width: 154px;
    height: 154px;
    padding: 1px;
    margin: 5px;
    /*border: 1px solid #ff0000;*/
}

.people-search-view .photos .photo-card > a {
    display: block;
    width: fit-content;
}

.people-search-view .photos .photo-card .photo-info-container {
    position: relative;
}

.people-search-view .photos .pe-photo-button.photo-card {
    border: 1px #BBB solid;
}

.people-search-view .pe-text-sm {
    width: 50em !important;
}

.people-search-view td .pe-item-button {
    float: right;
}

.people-search-view .search-created-info {
    float: right;
    border: 1px solid #e7eaec;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #f9f9f9;
    color: #888888;
    padding: 5px;
    margin-right: 25px;
}

.people-search-view-action-menu {
    display: inline-block;
    float: left;
}

.people-search-view .content-list > .table {
    margin-left: 0.5rem;
    min-width: 900px;
}

.people-search-view .basic-information,
.people-search-view .photos,
.people-search-view .map__container {
    padding: 0.5rem;
}

.people-search-view #mapProfile {
    width: 900px;
}

@media (max-width: 1024px) {
    .people-search-view .container--full-width{
        padding-left: 1px;
        padding-right: 1px;
    }
    .people-search-view .content-list > .table,
    .people-search-view #mapProfile {
        min-width: unset;
        width: 100%;
    }
    .people-search-view .content-list > .table{
        margin-left: 0;
    }
}

.people-search-toolbar {
    width: 100%;
    display: inline-block;
    padding: 0 5px;
    margin: 0 5px;
}

.people-search-toolbar.top {
    border-bottom: 1px solid #e7eaec;
    padding-bottom: 10px;
}

.people-search-toolbar.bottom {
    border-top: 1px solid #e7eaec;
    padding-top: 10px;
}

.people-search-view-social.single-post__profile-image {
    margin-right: 0;
}

.people-search-view-social.single-post__profile-image img {
    width: 36px;
    height: 36px;
    margin: -2px 0 0 0;
}

.people-search-view-social.single-post__icon {
    width: 36px;
    height: 36px;
    padding: 5px 8px;
}

td.people-search-view-social > div > div {
    margin-bottom: 0;
}

.comp-logo-column {
    max-width: 60px;
    width: 60px;
}

.not-found {
    color:#888;
}

.invisible {
    visibility: hidden;
}

.basic-info-container span.people-search-inputs-info div.people-search-inputs-info {
    display: inline;
}

.basic-info-container span.people-search-inputs-info div.people-search-inputs-info a {
    opacity: 25%;
}

.photos div.people-search-inputs-info {
    position: absolute;
    bottom: 0px;
    right: 1px;
}

.photos div.people-search-inputs-info .people-search-inputs-info .popover.top{
    min-width: 190px;
}

.photos div.people-search-inputs-info a {
    background-color: white;
    border-radius: 10px;
    display: inline-block;
    width: 20px;
    text-align: center;
    height: 20px;
    line-height: 1;
    padding-top: 2px;
}

td.people-search-inputs-info {
    text-align: center;
    width: 45px;
}

.people-search-inputs-info {
    color: #282729;
}

.people-search-inputs-info .title {
    font-weight: bold;
}

.people-search-inputs-info .key-title {
    font-weight: bold;
}

.people-search-inputs-info .input-block {
    background-color: transparent;
    white-space: nowrap;
}

.people-search-inputs-info .input-block ul {
    margin: 0;
    list-style: unset;
    padding-top: unset;
    padding-right: unset;
    padding-left: 2em;
    padding-bottom: 6px;
}

.people-search-inputs-info .input-block ul li {
    line-height: 16px;
}

.people-search-inputs-info .type {
    background-color: transparent;
}

.people-search-inputs-info .type .source-label {
    font-weight: bold;
}

#share-leave-warn {
    position: absolute;
    left: calc(50vw - 750px / 2);
    top: 33px;
}

#share-leave-warn-modal {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
}
#share_user_icon, #share_gsoc_icon {
    position: relative;
    left: -27px;
}

#asset-list-table tr {
    vertical-align: top;
}

.asset-list-asset-name {
    min-width: 200px;
    max-width: 50vw;
}

.asset-list-description {
    min-width: 300px;
}

.asset-list-visibility,
.asset-list-expiry {
    min-width: 125px;
    max-width: 125px;
    white-space: nowrap;
}

.asset-list-expiry {
    text-align: right;
}

.asset-list-category {
    min-width: 125px;
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
}

@media (max-width: 1425px) {
    .asset-list-description {
        max-width: 300px;
        min-width: 200px;
    }
}

@media (max-width: 1125px) {
    .asset-list-expiry {
        display: none;
    }

    .asset-list-description {
        max-width: 200px;
        min-width: 100px;
    }
}

@media (max-width: 1025px) {
    .asset-list-asset-name {
        min-width: 100px;
        max-width: 200px;
    }

    .asset-list-description {
        max-width: 150px;
        min-width: 100px;
    }

    .asset-list-visibility {
        min-width: 50px;
        max-width: 75px;
    }
}

@media (max-width: 725px) {
    .asset-list-description {
        display: none;
    }

    .asset-list-visibility,
    .asset-list-category {
        min-width: 50px;
        max-width: 75px;
    }
}

.asset-form .asset-category .search a.reset {
    padding: 5px;
    cursor: pointer;
    margin-left: -32px;
}

.asset-form .asset-category .search a.create {
    margin-left: 10px;
    margin-bottom: 1px;
}

.asset-form .asset-category select {
    width: 15em !important;
    height: auto !important;
}

.asset-form .free-text-input {
    width: 25%;
}

.asset-form .location label {
    width: auto;
    text-align: right
}

.asset-form .location div {
    display: inline-block;
    text-align: right;
    width: 6em;
}

#share_user_edit, #alert_assets_user_edit,
#alert_assets_push_user_edit, #case_user_edit,
#sa-alert_user_edit, #sa-alert_push_user_edit,
#gsoc_user_edit, #share_gsoc_edit {
    padding-right: 3%;
}

#alert_user_edit, #alert_pushuser_edit, #alert_user_phone_edit {
    padding-right: 2%;
}

.content-list > .table.audit-log-list {
    width: calc( 100% - 40px);
}
@media (max-width: 1024px) {
    .content-list > .table.audit-log-list {
        margin-left: 0;
        margin-right: 0;
    }
}
table.audit-log-list .case-container div.case-color-box {
    zoom: 0.75;
    margin-bottom: -5px;
}

.audit-log-list td {
    white-space: nowrap;
}

.audit-log-list .name {
    max-width: 25vw;
    overflow: hidden;
    text-overflow: ellipsis;
}
.audit-log-filter-wrapper{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

#alert-date-picker,
.audit-log-filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#alert-date-picker .filter-select,
.audit-log-filter .filter-select {
    font-size: 12px;
    width: max-content;
    padding: 5px 10px;
    margin-top: 0;
    margin-right: 5px;
    margin-bottom: 5px;
    border-radius: 5px;
    border: 1px solid #bbb;
    position: relative;
}
@media (max-width: 1025px) {
    #alert-date-picker .filter-select,
    .audit-log-filter .filter-select {
        display: none;
    }
}

#alert-date-picker .filter-select label,
.audit-log-filter .filter-select label{
    margin-bottom: 0;
}

#alert-date-picker .filter-options,
.audit-log-filter .filter-options{
    position: absolute;
    left: 0;
    top: calc(100% + 2px);
    padding: 0;
    min-width: 200px;
    max-width: 300px;
    background: #EBEBEB;
    z-index: 2;
    border: 1px solid #CCCCCC;
    -webkit-box-shadow: 0px 3px 5px 2px rgba(204,204,204,0.5);
    box-shadow: 0px 3px 5px 2px rgba(204,204,204,0.5);
}

#alert-date-picker .container--full-width {
    margin-bottom: 0.5em;
    padding-left: 20px;
}

#alert-date-picker .alert-popup-line-item {
    margin: 0.5rem;
}

#alert-date-picker .search-boxes {
    margin-bottom: 24px;
    width: fit-content;
}

#alert-date-picker .form-bottom {
    border-radius: 5px;
}

#alert-date-picker .date-time,
.audit-log-filter .date-time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    border: 1px solid #bbb;
    border-radius: 4px;
    margin-right: 5px;
    margin-bottom: 5px;
}

#alert-date-picker .date-group,
.audit-log-filter .date-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
}

#alert-date-picker .date-time label,
.audit-log-filter .date-time label {
    font-size: 12px;
    margin-bottom: 0;
    padding-left: 5px;
    line-height: 28px;
}

#alert-date-picker .date-time label {
    margin-top: 0 !important;
}

#alert-date-picker .date-time .date-to,
.audit-log-filter .date-time .date-to {
    border-left: 1px solid #bbb;
}

#alert-date-picker .date-wrapper,
.audit-log-filter .date-wrapper {
    display: inline-block;
    position: relative;
    border-right: 1px solid #e9e9e9;
}

.audit-log-filter .date-wrapper .button--clear {
    margin: 0;
    padding: 0;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    position: absolute;
    right: 4px;
    top: 5px;
    border: none;
    color: #282729;
    background: none;
    z-index: 1;
    font-size: 12px;
}

#alert-date-picker .date-wrapper .button-delete-date-range {
    width: 18px;
    height: 18px;
    position: absolute;
    right: 1px;
    top: 1px;
    color: #282729;
    background: none;
    z-index: 1;
    font-size: 16px;
}
#alert-date-picker .date-wrapper .button-delete-date-range:hover {
    font-size: 18px;
    right: 2px;
    top: 0px;
}

#alert-date-picker .date-time input,
#alert-date-picker .date-time select,
.audit-log-filter .date-time input,
.audit-log-filter .date-time select {
    border: none;
    border-radius: 0;
    font-size: 12px;
    display: inline-block;
    margin: 0;
    padding: 5px 8px;
    height: 28px;
}

#alert-date-picker .date-time select,
.audit-log-filter .date-time select {
    width: max-content;
    height: 28px;
    padding: 0 4px 0 4px;
    margin-right: 4px;
}

#alert-date-picker .filter-all-none,
.audit-log-filter .filter-all-none {
    padding: 5px 10px;
    border-bottom: 1px solid #ccc;
}

#alert-date-picker .filter-all-none a.button,
.audit-log-filter .filter-all-none a.button {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #bbb;
    color: #555;
    font-size: 12px;
    border-radius: 5px;
}

#alert-date-picker .button--apply,
.audit-log-filter .button--apply {
    border: 1px solid #bbb;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: 700;
    height: 30px;
    background: #ededed;
    color: #282729;
    border-radius: 5px;
}
.audit-log-view .items-per-page {
    margin-left: auto;
    box-shadow: none;
    text-align: right;
}

.audit-log-view .audit-log-filter .container--full-width {
    display: inline-block;
    width: max-content;
    margin-left: 4px;
}

.audit-log-view .audit-log-filter .container--full-width:first-child {
    margin-left: 0;
}

.audit-log-view .audit-log-filter .filter-expand {
    cursor: pointer;
}

.audit-log-view .audit-log-filter table tr {
    vertical-align: top;
}

.audit-log-view .audit-log-filter table td:first-child {
    padding-right: 4px;
}

.audit-log-view .audit-log-filter .check-list {
    max-height: 19em;
    overflow: auto;
}

.audit-log-view .audit-log-filter .check-list label {
    display: block;
    padding: 3px 10px;
    font-weight: 700;
}
.audit-log-view .audit-log-filter .check-list input {
    display: inline;
}
.audit-log-view .audit-log-filter .unused {
    font-style: italic;
}

.audit-log-view .audit-log-filter .cases .case-item .case-color-box {
    width: 10px !important;
    height: 10px !important;
    margin-left: 4px;
    margin-right: 4px;
}

.audit-log-view .no-results {
    padding-top: 58px;
}

.audit-log-view .audit-log-filter .cases .case-item .case-color-box {
    width: 10px !important;
    height: 10px !important;
    margin-left: 4px;
    margin-right: 4px;
}

.audit-log-view .no-results {
    padding-top: 58px;
}

.audit-log-view .audit-log-list .deleted {
    font-style: italic;
    color: #4a0000;
}

.audit-log-view .audit-log-list .deleted_item,
.audit-log-view .audit-log-filter .deleted_item {
    font-style: italic;
}

.audit-log-view .audit-log-list .deleted_item i,
.audit-log-view .audit-log-filter .deleted_item i {
    color: #c00000;
}

@media (max-width: 1024px) {
    #alert-date-picker .date-time,
    .audit-log-filter .date-time {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        border: none;
        margin-right: 0;
        border-radius: 0;
        margin-bottom: 0;
    }

    #alert-date-picker .date-time .date-to,
    .audit-log-filter .date-time .date-to {
        border-left: none;
    }

    #alert-date-picker .date-group,
    .audit-log-filter .date-group {
        border: 1px solid #bbb;
        margin-right: 5px;
        margin-bottom: 5px;
        border-radius: 4px;
    }
}
@media (max-width: 479px) {
    .items-per-page .sortDropDown {
        margin-top: 0px;
        float: none !important;
        position: unset !important;
    }
}

.asset-form .location input {
    text-align: right;
    width: 9em;
    margin: 5px;
}

.asset-form .location .centering-buttons {
    display: inline-block;
    width: auto;
}

.asset-form .location .centering-buttons a {
    white-space: nowrap;
    margin-top: 2px;
    margin-bottom: 2px;
}

.asset-form #map {
    width: 900px;
}

@media (max-width: 1024px) {
    .asset-form #map {
        min-width: unset;
        width: 100%;
    }
}

.asset-form #visibility label {
    padding-left: 1em;
    margin-top: inherit;
    text-transform: none;
}

.asset-form .expire-at select {
    display: inline-block;
    max-width: 10em;
}

.asset-form .expire-at input {
    display: inline-block;
    max-width: 8em;
}

#assets label.filter, div.statistics {
    margin-left: 20px;
    margin-bottom: 20px;
}

#assets div.statistics > div.main-box {
    margin-top: 10px;
    border: 1px solid #BBBBBB;
    text-align: center;
    border-radius: 4px;
    width: 245px;
    height: 45px;
}

#assets div.statistics > div.main-box > div.box {
    float: left;
    width: 33.33%;
    height: 99%;
}

#assets div.statistics > div.main-box > div.box-right-border {
    border-right: 1px solid #BBBBBB;
}

#assets div.statistics > div > div.box > div.stat-num {
    font-size: 14px;
    padding-top: 3px;
}

#assets div.statistics > div > div.box > div.stat-text {
    font-size: 10px;
}

#assets .empty {
    max-width: 50%;
}

#assets-upload #upload_option label,
#assets-upload #visibility label {
    margin-top: inherit;
    text-transform: none;
}

#assets-upload .section {
    margin-left: 5px;
    padding-left: 1em;
    border-left: 1px solid #f3f3f4;
}

#assets-upload h4 {
    margin-top: 1em;
}

.metadata-loader-sec {
    text-align: center;
    font-size: 18px;
}
.meta-data-processing {
    text-align: center;
    color: green;
}
@keyframes example {
    0%   {width:30px; height:30px; margin-top: 15px; margin-left: 15px;}
    100%  {width:60px; height:60px; margin-top: 0px; margin-left: 0px;}
}

img[src^='library/img/blipring_1.png'],
img[src^='library/img/blipring_2.png'],
img[src^='library/img/blipring_3.png'],
img[src^='library/img/blipring_4.png'],
img[src^='library/img/blipring_5.png']
{
    animation-name: example;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}

#post-view-external form {
    margin-top: 1em;
}

#post-view-external .login-link a {
    color: white;
    text-decoration: underline !important;
    text-decoration-style: solid !important;
}

#post-view-external .pre-link {
    margin-bottom: 2em;
}

#post-view-external form input[type="submit"] {
    background: #212126 !important;
    color: white !important;
    font-weight: 600;
    border: 2px solid #007D79;
    border-radius: 4px;
}

#post-view-external form input[type="submit"]:hover {
    background: #424349 !important;
    color: white !important;
    font-weight: 600;
    border: 2px solid #007D79;
    border-radius: 4px;
}

.secure-brsr-warning-icn {
    height: 50px;
    position: relative;
}

.secure-brsr-warning-icn i {
    position: absolute;
    top: 80%;
    left: 70%;
    transform: translate(-50%, -50%);
    color: #FBAB33;
    font-size:50px;
}

.limit-reach-msg {
    font-size: 18px;
}

.warning-line {
    margin-top: 0px;
    border-top: 2px solid #eee;
}
.secure-limit-reached {
    width: 450px;
}

#secure-browser-btn {
    background: #212126 !important;
    font-family: "Open Sans", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    color: white !important;
    border: 2px solid #007D79;
    border-radius: 4px;
    padding: 10px 0;
    text-transform: uppercase;
    margin-top: 1em;
}
#secure-browser-btn input[type="button"]:hover {
    background: #424349 !important;
    border: 2px solid #007D79;
    font-weight: 600;
    border-radius: 4px;
}
#slack-button {
    width:25%;
    background-color: #212126 !important;
    font-family: "Open Sans", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    border: 2px solid #007D79 !important;
    color: white !important;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    padding: 10px;
}

a#slack-button:hover {
    background-color: #424349 !important;
    border: 2px solid #007D79;
    font-weight: 600;
    border-radius: 4px;
}

#googlechat-button {
    width:25%;
    background-color: #212126 !important;
    font-family: "Open Sans", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    border: 2px solid #007D79 !important;
    color: white !important;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    padding: 10px;
}
img#googlechat-logo-img {
    height: 50px;
}

a#googlechat-button:hover {
    background-color: #424349 !important;
    border: 2px solid #007D79;
    font-weight: 600;
    border-radius: 4px;
}

#googlechat-button,
#slack-button {
    text-transform: uppercase;
}

.slack-selector {
    width: fit-content !important;
}

#sa-alert-recipient-select .button.disabled:active,
#sa-alert-recipient-select .button.disabled:focus,
#sa-alert-recipient-select .button.disabled:hover,
#alert-recipient-select .button.disabled:active,
#alert-recipient-select .button.disabled:focus,
#alert-recipient-select .button.disabled:hover {
    background-color: white !important;
    color: rgb(170, 170, 170) !important;
    border-color: rgb(187, 187, 187) !important;
}

#sa-alert-recipient-select #sa-slack-options > label {
    float: none;
    display: inline-block;
}

#sa-alert-recipient-select #googlechat_channel_list,
#sa-alert-recipient-select #slack_channel_list,
#sa-alert-recipient-select #slack_user_list {
    position: relative;
    max-width: fit-content;
}
#sa-alert-recipient-select #sa-googlechat-options > label {
    float: none;
    display: inline-block;
}

#sa-navi-not-detected-message {
    margin-top: 1em;
}

.utoggle {
    --width: 40px;
    --height: calc(var(--width) / 2);
    --border-radius: calc(var(--height) / 2);
    display: inline-block;
    cursor: pointer;
    margin-bottom: 0;
}
.utoggle__input {
    display: none !important;
}
.utoggle__fill {
    position: relative;
    width: var(--width);
    height: var(--height);
    border-radius: var(--border-radius);
    background: #dddddd;
    transition: background 0.2s;
}
.utoggle__fill::after {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    height: calc(var(--height) - 4px);
    width: calc(var(--height) - 4px);
    background: #ffffff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
    border-radius: var(--border-radius);
    transition: transform 0.2s;
}
.utoggle__input:checked ~ .utoggle__fill {
    background: #306DA4;
}
.utoggle__input:checked ~ .utoggle__fill::after {
    -webkit-transform: translateX(calc(var(--height) - 1px));
    -ms-transform: translateX(calc(var(--height) - 1px));
    transform: translateX(calc(var(--height) - 1px));
}

#sa-sm-wrapper {
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    overflow: hidden;
}

#sa-sm-sidebar-wrapper {
    z-index: 198;
    position: absolute;
    left: 250px;
    width: 0;
    height: 92vh;
    margin-left: -250px;
    overflow-y: auto;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

#sa-sm-wrapper.toggled #sa-sm-sidebar-wrapper {
    width: 50px;
    overflow: hidden;
    height: 300px;
}

#sa-sm-wrapper.toggled:not(.toggled-2) #sa-sm-sidebar-wrapper.withAddEvent {
    height: 175px;
}
#sa-sm-wrapper.toggled:not(.toggled-2) #sa-sm-sidebar-wrapper.withoutAddEvent {
    height: 135px;
}

#sa-sm-wrapper.toggled-2 #sa-sm-sidebar-wrapper {
    width: 560px;
    background: #fff;
    height: calc(100vh - 80px);
}

#sa-sm-sidebar-wrapper-content {
    z-index: 1000;
    position: absolute;
    left: 60px;
    border-left: rgba(182, 182, 191, 0.78) 1px solid;
    padding-left: 5px;
    width: 500px;
    height: 100%;
    background: #fff;
}

#sa-sm-wrapper.toggled #page-content-wrapper {
    position: relative;
    margin-left: 150px;
}
#sa-sm-sidebar-wrapper ul{
    margin: 9px;
    font-size: 12px;
    border-radius: 2px;
    background-color: #FFFFFF;
    border: rgba(182, 182, 191, 0.78) 1px solid;
    color: #666666;
    width: 40px;
}

.sa-sm-sidebar-nav {
    position: absolute;
    top: 0px;
    width: 300px;
    margin: 0;
    padding: 0px;
    list-style: none;

}

.sa-sm-sidebar-nav li {
    text-align: center;
    vertical-align: center;
    display: block;
    float: left;
    clear: left;
    font-weight: bolder;
    font-size: larger;
    color: #243645;
}

.sa-sm-sidebar-nav li:hover {
    /*border-radius: 2px;*/
    width: 100%;
    text-decoration: none;
    color: #152431;
    background: rgba(99, 102, 106, 0.1);
    cursor: pointer;
}

.sa-sm-sidebar-nav .selectedItem {
    border-radius: 2px;
    width: 100%;
    margin: 0;
    text-decoration: none;
    color: #152431;
    background: rgba(99, 102, 106, 0.2);
}

#sa-sm-page-content-wrapper {
    position: absolute;
    width: 100%;
    overflow: hidden;
    background-color: black;
}
#sa-sm-item-title {
    font-size: 18px;
    font-weight: bold;
    padding-left: 15px;
    padding-top: 15px;
    width: 100%
}
#sa-sm-item-grid {
    border-bottom: #e3e3e3 1px solid;
    padding: 8px 0 8px 0;
    margin: 0 10px 0 10px;
    width: 450px;
}

#sa-sm-sidebar-wrapper-content .item-3,
#sa-sm-sidebar-wrapper-content .item-2 {
    height: 100%;
}

#sa-sm-sidebar-wrapper-content .item-3 .content,
#sa-sm-sidebar-wrapper-content .item-2 .content {
    height: 100%;
}

#sa-sm-sidebar-wrapper-content .item-3 .content .content-scroller,
#sa-sm-sidebar-wrapper-content .item-2 .content .content-scroller {
    overflow-y: scroll;
    height: calc(100% - 148px);
}

#sa-sm-item-grid p span {
    font-size: medium;
    font-weight: bold;
}
#sa-sm-item-grid-item-title {
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    color: #306DA4;
}

#sa-sm-item-grid-item-title .subtext {
    font-size: 9px;
    color: #666666;
}

#sa-sm-item-grid-item-title .ml {
    margin-left: 23px;
}

.sa-sm-item-grid-item-actions {
    border-radius: 2px;
    font-size: 14px;
    border:1px solid #e3e3e3;
    height: 18px;

}
.sa-sm-item-grid-item-action {
    cursor: pointer;
    text-align: center;
    height: 18px;
    width: 20px;
    margin: 0 2px 0 2px;

}
.sa-sm-item-grid-item-action-divider {
    border-left: 1px solid #e3e3e3;
}
#sa-sm-item-grid-footer {
    position: absolute;
    bottom: 20px;
    left: 0;
    margin: 0 10px 0 10px;
    width: 85%
}
#sa-sm-item-grid-footer-link {
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #306DA4;
}

#org_details #data_details_chart {
    padding: 14px 28px 14px 14px;
}

.usage-report-table tr th:first-child,
.usage-report-table tr td:first-child {
    width: auto;
}
.fixed-col {
    width: 20%;
}
.width-full {
    width: 100%;
}

#sa-add-event-form .sa-sm-item-grid {
    height: 74.5vh;
    border: 0;
}
.full-col {
    width: 6.6%;
}

#sa-add-event-form .sa-date-rages {
    width: 180px;
    display: inline-block;
}

.usage-report-table tr th:not(:first-child),
.usage-report-table tr td:not(:first-child) {
    width: 8vw;
}

.usage-report-table-halves tr th,
.usage-report-table-halves tr td {
    width: 50%;
}

.usage-report-table-thirds tr th,
.usage-report-table-thirds tr td {
    width: 33%;
}

.usage-report-table-quarters tr th,
.usage-report-table-quarters tr td {
    width: 25%;
}

#sa-add-event-form  .mw-50 {
    max-width: 50px;
}

#sa-add-event-form  .sa-textarea-height {
    height: 85px;
}

#sa-add-event-form  #sa-sm-item-grid-footer {
    padding-top: 16px;
    background-color: #FFFFFF !important;
    border-top: #e3e3e3 1px solid;
}

.usecases-info{
    display: inline-block;
    margin-left: 5px;
}
.usecases-info .fa{
    position: relative;
    top: 2px;
}

#form-confirm-status-poi .already-have {
    margin-top: 1em;
}

.usage-report{
    background-color: #fff;
    /*overflow: hidden;*/
    padding: 0 20px;
}
.usage-report .nav-tabs{
    margin: 0 -20px 20px;
    padding: 15px 20px 0;
}
.usage-report .nav-title{
    width: 100%;
    margin-bottom: 10px;
}
#sa .usage-report .nav-tabs>li.active>a, .usage-report .nav-tabs>li.active>a:hover, .usage-report .nav-tabs>li.active>a:focus{
    color: inherit;
    border: 1px solid #ddd;
    border-bottom: 1px solid #fff;
}
.usage-report .panel-heading{
    padding-left: 10px;
    padding-right: 10px;
}
.usage-report .panel-body{
    padding: 0;
}
.usage-report .panel-heading h3{
    margin: 0;
}
.usage-report .panel-body .table{
    margin-bottom: 0;
}
.panel-nav{
    margin-bottom: 20px;
}
.panel-body .table>tbody>tr>th, .panel-body .table>thead>tr>th {
    border-top: none;
    background-color: #f1f1f1;
}
.panel-body .table>tbody>tr>th, .panel-body .table>thead>tr>th, .panel-body .table>tbody>tr>td{
    text-align: center;
    border-right: 1px solid #ddd;
}
.panel-body .table>tbody>tr>th:first-child, .panel-body .table>thead>tr>th:first-child, .panel-body .table>tbody>tr>td:first-child{
    text-align: left;
}
.panel-body .table>tbody>tr>th:last-child, .panel-body .table>thead>tr>th:last-child, .panel-body .table>tbody>tr>td:last-child{
    border-right: none;
    text-align: center;
}
.card-usage {
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    color: #282729;
}
.utilization-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
}

.utilization-item {
    padding: 15px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: 100%;
    width: 50%;
    position: relative;
}
.utilization-item h5 {
    font-size: 0.875em;
    font-weight: 600;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: 0;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.utilization-item h5.with-popover{
    overflow: visible;
}
.utilization-item h2 {
    font-size: 2em;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 0;
}
.utilization-item p {
    font-size: 0.875em;
    line-height: 1.4;
    margin-top: 5px;
    margin-bottom: 0;
}
.utilization-item .progress {
    height: 4px;
    background: #ddd;
    margin-top: 5px;
    margin-bottom: 0;
    border-radius: 0;
    box-shadow: none;
}
.utilization-item .progress-bar {
    background: #53A8E2;
    box-shadow: none;
}
.utilization-item:before {
    content: "";
    position: absolute;
    left: 0;
    top: 20px;
    bottom: 20px;
    width: 1px;
    background: #ddd;
}
.utilization-item:nth-child(2n+1):before {
    display: none;
}
.utilization-item.over-use p {
    color: #BF0404;
}
.utilization-item.over-use .progress-bar {
    background: #BF0404;
}

.ut-popover {
    position: relative;
}
.ut-popover .ut-popover-body {
    text-align: left;
    position: absolute;
    margin-left: 6px;
    margin-bottom: 10px;
    bottom: 15px;
    cursor: default;
    left: 0;
    z-index: 1060;
    display: none;
    width: 180px;
    padding: 0.75em;
    color: #282729;
    font-weight: 400;
    line-break: auto;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    font-size: 13px;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgb(0 0 0 / 20%);
    box-shadow: 0 5px 10px rgb(0 0 0 / 20%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.ut-popover:focus .ut-popover-body,
.ut-popover:hover .ut-popover-body {
    display: block;
}
.ut-popover-arrow{
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 11px;
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-color: #999;
    border-top-color: rgba(0,0,0,.25);
    border-bottom-width: 0;
}
.ut-popover-arrow:after{
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 10px;
    bottom: 1px;
    margin-left: -10px;
    content: " ";
    border-top-color: #fff;
    border-bottom-width: 0;
}

@media (min-width: 576px) {
    .utilization-item {
        width: 33.33%;
    }
    .utilization-item:nth-child(2n+1):before {
        display: block;
    }
    .utilization-item:nth-child(3n+1):before {
        display: none;
    }
}

@media (min-width: 768px) {
    .usage-report .nav-title{
        width: auto;
        margin-bottom: 0px;
        margin-right: 30px;
    }
    .utilization-item {
        width: 25%;
    }
    .utilization-item:nth-child(3n+1):before {
        display: block;
    }
    .utilization-item:nth-child(4n+1):before {
        display: none;
    }
}

@media (min-width: 1200px) {
    .utilization-item {
        width: 14.285%;
    }
    .utilization-item:nth-child(4n+1):before {
        display: block;
    }
    .utilization-item:nth-child(8n+1):before {
        display: none;
    }
}

optgroup {
    text-transform: capitalize;
}

.notice-a-href {
    color: #337ab7 !important;
    text-decoration: underline !important;
}

.source-status {
    padding-left: 5px;
    background-color: #cacaca;
}



/*
    https://dev.to/dcodeyt/creating-a-css-only-toggle-switch-5cg3
*/
#usage-report-users-tab .feature_item {
    border-bottom: 1px solid #ededed;
    padding: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

#usage-report-users-tab .panel-title {
    line-height: 34px;
}

#usage-report-users-tab .panel-toolbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

#usage-report-users-tab .panel-toolbar .input-group {
    margin-right: 1rem;
    width: 240px;
}

#usage-report-users-tab .panel-toolbar .input-group-addon {
    background: #fff;
}

#usage-report-users-tab .table-fixed-col2 {
    border-collapse: separate;
}

#usage-report-users-tab .table-fixed-col2 > tbody > tr > th:first-child, #usage-report-users-tab .table-fixed-col2 > thead > tr > th:first-child {
    position: sticky;
    min-width: 120px;
    max-width: 120px;
    background: #f1f1f1;
    border-right: 1px solid #ddd;
    left: 0;
    z-index: 101;
}

#usage-report-users-tab .table-fixed-col2 > tbody > tr > td:first-child {
    position: sticky;
    min-width: 120px;
    max-width: 120px;
    background: #fff;
    border-right: 1px solid #ddd;
    left: 0;
    z-index: 103;
    word-wrap: break-word;
}

#usage-report-users-tab .table-fixed-col2 > tbody > tr:nth-of-type(odd) > td:first-child, #usage-report-users-tab .table-fixed-col2 > tbody > tr:nth-of-type(odd) > td:nth-child(2) {
    background-color: #f9f9f9;
}

#usage-report-users-tab .panel-body .table > tbody > tr.nested_columns > th:first-child,
#usage-report-users-tab .panel-body .table > thead > tr.nested_columns > th:first-child,
#usage-report-users-tab .panel-body .table > tbody > tr.nested_columns > td:first-child {
    text-align: center;
    position: inherit;
    min-width: inherit;
    max-width: inherit;
}

#usage-report-users-tab .panel-body .table > tbody > tr.nested_columns > th:last-child,
#usage-report-users-tab .panel-body .table > thead > tr.nested_columns > th:last-child,
#usage-report-users-tab .panel-body .table > tbody > tr.nested_columns > td:last-child {
    border-right: 1px solid #ddd;
    position: inherit;
    min-width: inherit;
    max-width: inherit;
}

#usage-report-users-tab .panel-body .table > tbody > tr.nested_columns > th,
#usage-report-users-tab .panel-body .table > thead > tr.nested_columns > th,
#usage-report-users-tab .panel-body .table > tbody > tr.nested_columns > td {
    border-top: 1px solid #ddd;
    position: inherit;
    min-width: inherit;
    max-width: inherit;
}

#usage-report-users-tab .table-fixed-col2 > tbody > tr > td:nth-child(3) {
    min-width: 200px;
}

.pagination-gap a {
    margin: 0 5px;
    border-radius: 4px;
}

.pagination-gap > li > a, .pagination-gap > li > span {
    color: #282729;
}

.pagination-gap > .active > a, .pagination-gap > .active > a:focus, .pagination-gap > .active > a:hover, .pagination-gap > .active > span, .pagination-gap > .active > span:focus, .pagination-gap > .active > span:hover {
    background-color: #282729;
    border-color: #282729;
}

.pagination-gap > .disabled > a, .pagination-gap > .disabled > a:focus, .pagination-gap > .disabled > a:hover, .pagination-gap > .disabled > span, .pagination-gap > .disabled > span:focus, .pagination > .disabled > span:hover {
    background-color: #ddd;
    border-color: #ddd;
    color: #fff;
}

#usage-report-users-tab .table-scrollable {
    overflow-x: auto;
}

/* Overwrite the default to keep the scrollbar always visible */
#usage-report-users-tab .table-scrollable::-webkit-scrollbar {
    -webkit-appearance: none;
    background-color: white;
    border-radius: 10px;
    width: 20px;
}

#usage-report-users-tab .table-scrollable::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
    background-color: grey;
    border-radius: 10px;
    border: 3px solid white;
}

@media (min-width: 768px) {
    #usage-report-users-tab .panel-toolbar {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    #usage-report-users-tab .table-fixed-col2 > tbody > tr > th:nth-child(2), #usage-report-users-tab .table-fixed-col2 > thead > tr > th:nth-child(2) {
        position: sticky;
        max-width: 200px;
        min-width: 200px;
        background: #f1f1f1;
        border-right: 1px solid #ddd;
        left: 120px;
        z-index: 102;
    }

    #usage-report-users-tab .table-fixed-col2 > tbody > tr > td:nth-child(2) {
        position: sticky;
        min-width: 200px;
        max-width: 200px;
        background: #fff;
        border-right: 1px solid #ddd;
        left: 120px;
        z-index: 104;
        word-wrap: break-word;
    }
}

@media (min-width: 992px) {
    #usage-report-users-tab .table-fixed-col2 > tbody > tr > th:first-child, #usage-report-users-tab .table-fixed-col2 > thead > tr > th:first-child {
        min-width: 144px;
        max-width: 144px;
    }

    #usage-report-users-tab .table-fixed-col2 > tbody > tr > th:nth-child(2), #usage-report-users-tab .table-fixed-col2 > thead > tr > th:nth-child(2) {
        max-width: 256px;
        min-width: 256px;
        left: 144px;
    }

    #usage-report-users-tab .table-fixed-col2 > tbody > tr > td:first-child {
        min-width: 144px;
        max-width: 144px;
    }

    #usage-report-users-tab .table-fixed-col2 > tbody > tr > td:nth-child(2) {
        min-width: 256px;
        max-width: 256px;
        left: 144px;
    }
}


label.curated-feed-edit-toggle {
    position: relative;
    top: 4px;
    padding-left: 10px;
}

#curated-feed-new-toggle {

}

#curated-feed-new-toggle label {
    float: none;
    display: inline-block;
}

label.curated-feed-edit-toggle {
    position: relative;
    top: 4px;
    padding-left: 10px;
}

#curated-feed-new-toggle label {
    float: none;
    display: inline-block;
}

#sa #safety-scores {
    overflow-y: auto;
}

#sa #safety-scores table {
    width: 100%;
}

#sa #safety-scores tr:nth-child(odd) {
    background-color: #263942;
}

#sa #safety-scores tr:nth-child(even) {
    background-color: #2a424e;
}

#sa #safety-scores tr td:nth-child(1) {
    padding: 7px;
    width: 40px;
    text-align: center;
}

#sa #safety-scores tr td:nth-child(2) {

}

#geosure-info-window table {
    margin-bottom: 4px;
}

#geosure-info-window table tr {
    vertical-align: top;
}

#geosure-info-window table tr td {
    padding: 4px;
}

#geosure-info-window a {
    color: #337AB7;
    margin-left: 4px;
    cursor: pointer;
    font-weight: 500;
}

#geosure-info-window .name {
    font-weight: bold;
}

#geosure-details {
    max-height: calc(100vh - 340px);
}

#geosure-details table {
    width: 100%
}

#geosure-details table.header tr td:nth-child(1) {
    padding-left: 0.5rem;
}

#geosure-details table.header tr td:nth-child(2) {
    font-style: italic;
    text-align: right;
    padding-right: 0.5rem;
}

#geosure-details table.breakdown {
    margin-top: 1em;
}

#geosure-details table.breakdown tbody tr:nth-child(1) td {
    background-color: #F5F5F5;
    font-weight: bold;
    padding-left: 1em;
    padding-top: 4px;
    padding-bottom: 4px;
}

#geosure-details table.breakdown tbody tr:nth-child(2) td:nth-child(1) {
    padding: 1em;
    text-align: center;
}

#geosure-details table.breakdown tbody tr:nth-child(2) td:nth-child(2) {

}

#geosure-details table.breakdown tr {
    vertical-align: middle;
}

#sa #safety-scores {
    overflow-y: auto;
}

#sa #safety-scores table {
    width: 100%;
}

#sa #safety-scores tr:nth-child(odd) {
    background-color: #263942;
}

#sa #safety-scores tr:nth-child(even) {
    background-color: #2a424e;
}

#sa #safety-scores tr td:nth-child(1) {
    padding: 7px;
    width: 40px;
    text-align: center;
}

#sa #safety-scores tr td:nth-child(2) {

}

#geosure-info-window table {
    margin-bottom: 4px;
}

#geosure-info-window table tr {
    vertical-align: top;
}

#geosure-info-window table tr td {
    padding: 4px;
}

#geosure-info-window a {
    color: #337AB7;
    margin-left: 4px;
    cursor: pointer;
    font-weight: 500;
}

#geosure-info-window .name {
    font-weight: bold;
}

#geosure-details {
    max-height: calc(100vh - 340px);
}

#geosure-details table {
    width: 100%
}

#geosure-details table.header tr td:nth-child(1) {
    padding-left: 0.5rem;
}

#geosure-details table.header tr td:nth-child(2) {
    font-style: italic;
    text-align: right;
    padding-right: 0.5rem;
}

#geosure-details table.breakdown {
    margin-top: 1em;
}

#geosure-details table.breakdown tbody tr:nth-child(1) td {
    background-color: #F5F5F5;
    font-weight: bold;
    padding-left: 1em;
    padding-top: 4px;
    padding-bottom: 4px;
}

#geosure-details table.breakdown tbody tr:nth-child(2) td:nth-child(1) {
    padding: 1em;
    text-align: center;
}

#geosure-details table.breakdown tbody tr:nth-child(2) td:nth-child(2) {

}

#geosure-details table.breakdown tr {
    vertical-align: middle;
}

#sa #safety-scores {
    overflow-y: auto;
}

#sa #safety-scores table {
    width: 100%;
}

#sa #safety-scores tr:nth-child(odd) {
    background-color: #263942;
}

#sa #safety-scores tr:nth-child(even) {
    background-color: #2a424e;
}

#sa #safety-scores tr td:nth-child(1) {
    padding: 7px;
    width: 40px;
    text-align: center;
}

#sa #safety-scores tr td:nth-child(2) {

}

.keyword-query-link a {
    white-space: nowrap;
}

#youtube_search_label > a {
    margin-top: 0px;
    font-size: 12px;
    color: #337ab7 !important;
}

.list-item-event .new-chip {
    background-color: #599FEE;
    color: #000000;
    font-weight: 700;
    font-size: 8px;
    padding: 0 4px;
    gap: 8px;
    display: inline-flex;
    border-radius: 10px;
    vertical-align: middle;
}

#react_navbar img#react-navbar-loading {
    height: 39px;
    padding: 5px;
}

#baseContentContainer {
    top: 0;
}

#baseContentContainer.react-navbar toolbar:not(.fullscreen toolbar) {
    top: 45px;
}

@media (max-width: 900px) {
    #baseContentContainer.react-navbar toolbar:not(.fullscreen toolbar) {
        top: 56px;
    }

    #baseContentContainer.react-navbar #sa-sm-wrapper.toggled-2 #sa-sm-sidebar-wrapper {
        height: calc(100vh - 91px);
    }
}

h4.ui-pnotify-title  {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 166px;
    display: inline-block;
    margin-right: 0;
}

.ui-pnotify .ui-pnotify-icon {
    display: inline-block;
}

#list-events .events-still-loading {
    margin: 20px;
    background: transparent !important;
    text-align: center;
}

.new-data-view-toggle {
    display: flex;
    float: left;
    gap: 6px;
    padding: 0px 12px;
    height: 30px;
    align-items: center;
}

.new-data-view-toggle .help-text {
    margin-top: 12px;
}

.tracking-analytics-ga-event-pins {
    width: 26px;
    height: 26px;
}

#greeting-modal {
    height: auto;
    border: 3px solid #BDBDBD;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    width: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    padding: 48px;
    border-radius: 12px;
}

#greeting-modal #accept-button {
    margin-top: 28px;
    padding: 12px;
    background-color: #2a2c35;
    color: white;
    border-radius: 6px;
}

.cursor-pointer {
    cursor: pointer;
}

#status-alert p.secondary-message .warning-icon {
    color: #FFCC33;
    margin-right: 5px;
}