/*
    Name: SocialBro App
    Date: July 2013
    Description: App Cloud
    Version: 2.0
    Author:SocialBro
    Theme: Daigoro
*/

/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::           GLOBAL    STYLES           :::::::*/
/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/

* {
    outline: 0;
    padding: 0;
    margin: 0;
}

* b, * strong {
    font-weight: 800;
}

textarea {
    resize: none;
}

body {
    font-size: 11px;
    font-family: sans-serif, arial;
    margin: 0;
    color: #555;
    background: #f2f2f2;
}

button {
    font-family: sans-serif;
}

h1 {
    font-size: 30px;
    margin: 0;
    font-family: sans-serif, arial;
    font-weight: lighter;
    padding: 0;
    text-align: left;
}

a {
    color: rgb(29, 184, 233);
    text-decoration: none;

}

a img {
    text-decoration: none;
    color: transparent;
    border: 0;
}

a figure img {
    text-decoration: none;
    color: transparent;
    border: 0;
    border-radius: 50%;
}

img:link {
    border: 0;
    background: 0;
    color: transparent;
    text-decoration: none;
}

p {
    color: #4B4B4B;
    margin: 5px 0 0;
}

* p:last-child {
    margin-bottom: 0;
}

strong, b {
    font-weight: 700;
}

em, i {
    font-style: italic;
}

/* Normalize.css include margin: 1em 40px; */
figure {
    margin: 0;
}

/* CLEARFIX */

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.clearfix {
    display: inline-table;
}

* html .clearfix {
    height: 1%
}

.clearfix {
    display: block;
}

.clear {
    clear: both;
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::           APP       STYLES           :::::::*/
/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/

.tester-mode-only {
  display: none !important;
}

/* Menu showing when you click in restore dashboard */

#dashmenu {
    width: 200px;
    box-shadow: 0 0 3px rgba(0, 0, 0, .35)
}

/* POSITION UNIVERSAL CLASSES */

.notransition {
    transition: none !important;
}

.noMarginLeft {
    margin-left: 0 !important;
}

.noPaddingLeft {
    padding-left: 30px !important;
}

label.error, .error label {
    color: #E42020 !important;
    font-weight: 700;
}

/* container for the app */
#container {
    min-width: 800px;
    height: 100%;
    margin: 0 auto;
    position: relative;
}

/*  TOOLTIPS  */

.tag_window {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    top: 45px;
    left: 625px;
    padding-bottom: 10px;
    max-width: 200px;
    min-width: 50px;
    z-index: 99999999;
    word-wrap: break-word;
}

.tag_window.visible {
    visibility: visible;
    transition: opacity .1s linear .2s;
    opacity: 1;
}

.tag_window_content {
    transition: opacity .1s linear .5s;
    position: relative;
    color: #fff;
    font-size: 13px;
    padding: 10px;
    border-radius: 3px;
    background: #000;
    text-align: center;
}

/* default styles for tooltip marker */
.tag_b:after {
    position: absolute;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    content: ' ';
    pointer-events: none;
}

/* botton tooltip marker */
.tag_b_bottom:after {
    left: 20px;
    margin-left: -10px;
    border-top-color: #000;
}

/* up tooltip marker */
.tag_b_up:after {
    bottom: 100%;
    left: 20px;
    margin-left: -10px;
    border-bottom-color: #000;
}

/* right tooltip marker */
.tag_b_right:after {
    right: 5%;
    border-top-color: #000;
}

/*  MY-COMMUNITY TAGS  */

.search_tab_input {
    font-size: 15px;
    box-sizing: border-box;
    width: 100%;
    margin: 5px 0;
    padding: 5px;
    border: 1px solid #e7e4e4;
    border-radius: 5px;
}

.search_tab_input:hover {
    background: #f9f9f9
}


#lightbox_window .back_bt {
    position: absolute;
    top: 12px;
    right: 45px;
    text-align: right;
    width: 150px;
    font-size: 13px;
}

#lightbox_window .back_bt > a {
    color: #808080;
}

#lightbox_window #progress_box {
    width: 100%;
    font-size: 13px;
    float: left;
    padding: 1px;
    height: 18px;
    margin: 10px 20px 0 0;
    border: #408C95 1px solid;
    border-radius: 2px;
    background-color: #fff;
}

#lightbox_window .progress_bar {
    float: left;
    height: 18px;
    background-color: #408C95;
    border-radius: 2px;
    margin: 0 4px 0 0;
}

/* Checkbox used in buffer, filters, hootsuite */
.check_share {
    float: left;
    margin: 0 0 0 24px;
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::             TOUR    VIDEOS           :::::::*/
/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/

/* Box with video used in insight, campaings, bttt */

.SB_tour {
    position: relative;
    overflow: hidden;
    width: 99%;
    margin: 0 0 10px 5px;
    border-radius: 5px;
    background: #fff;
}

.SB_tourtitle {
    margin: 5px;
    padding: 5px;
    border-radius: 4px 4px 0 0;
    background: rgba(0, 0, 0, .05);
}

.SB_tourbody {
    display: inline-block;
    padding: 0 0 6px;
}

.SB_tour_player {
    display: inline-block;
    padding: 0 10px;
}

.SB_tour_message {
    display: inline-block;
    width: 40%;
    padding: 0 10px;
    vertical-align: top;
}

.SB_tour_player iframe {
    border-radius: 5px;
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::     Map inside create sources form   :::::::*/
/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/

#mapcontainer {
    border: 3px solid #fff;
    display: inline-block;
    margin: 30px 15px 0 15px;
    position: relative;
}

#mapcontainer h4 {
    width: 80%;
    text-align: center;
    margin-top: 50px;
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::              BUFFER   EXPORT         :::::::*/
/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/

.buffer_form {
    margin: 0 0 15px;
    padding: 15px 10px;
    border: 1px solid #3d878f;
    border-radius: 4px;
    width: 100%;
    box-sizing: border-box;
}

.buffer_form h4 {
    font-size: 15px;
    margin: 5px 0 15px 10px;
}

.buffer_form .big_input {
    margin: 0;
    height: 34px;
    display: block;
    padding: 0 10px;
}

.buffer_form .big_input label {
    float: left;
    margin: 4px 4px 0 0;
    min-width: 113px;
    font-size: 13px;
}

.buffer_form .update_user_sel {
    width: 80px;
    height: 26px;
    background-color: #fff;
    font-size: 13px;
    text-align: center;
    position: relative;
}

.buffer_form .check_input {
    margin: 10px 0 20px;
}

.buffer_form .check_input label {
    float: left;
    margin: 0 0 0 5px;
    font-size: 13px;
    line-height: 15px;
}

.buffer_form .check_input .check_share {
    margin: 0 0 0 10px;
}

.tweets_schedule ul {
    margin: 15px 0 0 20px;
    min-height: 65px;
    max-height: 170px;
    overflow-y: auto;
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::        SEARCH SIDEBAR  STYLES        :::::::*/
/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/
.sidebar-toggler {
    background-color: #FFF;
    border-radius: 0 3px 3px 0;
    border: 3px solid #fff;
    border-bottom-width: 6px;
    border-top-width: 6px;
    cursor: pointer;
    left: 260px;
    position: absolute;
    top: 184px;
    z-index: 8;
}

.sidebar-toggler .icon {
    fill: #0B2F3D;
    height: 18px;
    width: 5px;
}

.left_sidebar_searchbox {
    display: block;
    margin: 4px 0 0 8px;
    background: #fcfcfc;
    border-radius: 4px;
    position: relative;
    height: 30px;
    border: 1px solid #ECEBEB;
}

/*  SEARCH FIELD */

.search_text {
    background: transparent;
    border: 0;
    position: absolute;
}

.search_bt {
    fill: #B9B9B9;
}

.search_bt:hover {
    fill: #B1B1B1;
}

.search_field {
    padding: 6px;
    font-size: 1.3em;
    color: #b9b9b9;
    width: 210px;
}

.search-tab-icon {
    height: 20px;
    width: 20px;
}

.tabs_bt_on .search-tab-icon {
    fill: #565656;
}

.tabs_bt_off .search-tab-icon {
    fill: #676767;
}

.search_field:hover, .search_field:focus {
    color: #2aa89e;
}

.left_sidebar_searchbox:hover, .left_sidebar_searchbox:focus, .left_sidebar_searchbox:active {
    background: #f9f9f9;
}

.search_bt {
    position: absolute;
    top: 6px;
    right: 6px;
    width: 14px;
    height: 16px;
    cursor: pointer;
}

/*   FILTER FORM  */

#filter_form {
    position: absolute;
    top: 30px;
    left: -1px;
    z-index: 10;
    padding: 10px 0;
    width: 241px;
    border: 1px solid #eee;
    border-radius: 0 5px 5px 5px;
    background: #fff;
}


/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::     DASHBOARD SETTINGS    STYLES     :::::::*/
/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/
.settings-btn {
    display: block;
    height: 25px;
    width: 25px;
    background: rgb(219, 219, 219) url(../img/settings-cog.png) 3px 3px no-repeat;
    position: absolute;
    right: 5px;
    top: 5px;
    border-radius: 100%;
}

.dashbard-export-item {
    width: 80px;
}

.dashsettings {
    width: 23px;
    height: 25px;
    background: url(../img/socialbro_app_sprite_1_1.png) no-repeat top left;
    background-position: -299px -31px;
    cursor: pointer;
    opacity: .65;
    filter: alpha(opacity=65);
    margin-top: 10px;
}

.dashsettings:hover {
    background-position: -299px -1px;
    opacity: 1;
    filter: alpha(opacity=100);
}

.insight-title {
    border: 0 !important;
    font-size: 13px;
    padding: 0 0 5px 10px;
}

.feedback {
    float: right;
    display: block !important;
    margin: 0 !important;
    color: #a8a8a8 !important;
    font-size: 11px !important;
    text-decoration: none !important;
    text-transform: capitalize !important;
    position: absolute !important;
    top: 9px !important;
    right: 92px !important;
}

.twitter_msg {
    color: #B9DCE1;
    font-size: 10px;
    float: left;
    margin: 0 25px 5px 18px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .75);
    text-decoration: none;
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::        LEFT SIDEBAR  STYLES          :::::::*/
/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/

#left_sidebar {
    width: 271px;
    float: left;
    position: relative;
    height: 100%;
    margin: 0 10px 0 -10px;
    transition: width .15s;
    overflow: hidden;
}

#left_sidebar_filter {
    border: 1px solid #EDEDED;
    border-radius: 0 5px 5px 0;
    background-color: #fff;
}

#left_sidebar_top {
    position: relative;
    padding: 5px;
    background: #fff;
    margin: 0 5px;
    width: 250px;
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::          SOURCES    STYLES           :::::::*/
/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/

#source_selected {
    height: 22px;
    border-radius: 3px;
    color: #666;
    font-size: 11px;
    position: relative;
}

.source_selected_provider {
    position: absolute;
    top: 14px;
    left: 15px;
}

#source_selected span:after {
    content: "\25BE";
    position: absolute;
    color: #707070;
    top: 36px;
    right: 10px;
    font-size: 19px;
    z-index: 1;
}

#source_selected .source_icon {
    margin: 2px 2px 0 4px;
}

#source_selected span {
    color: #666;
    font-size: 14px;
    margin: -17px 10px 0 32px;
    display: block;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.subsource_line {
    float: left;
    width: 11px;
    height: 16px;
    padding: 0;
    margin: 0 0 0 13px;
    position: relative;
    background: url(../img/source_line.png) top left no-repeat;
    display: none;
}

.source_subopt_provider {
    position: absolute;
    top: 17px;
    left: 20px;
}

#subsource_selected {
    height: 25px;
    border-radius: 2px;
    font-size: 11px;
    position: relative;
    margin: 9px 0 0;
    padding: 5px;
    color: #666;
    background: #eee;
    display: block !important;
}

#subsource_selected:hover {
    background: #f9f9f9;
}

#subsource_selected span {
    float: left;
    width: 100%;
    height: 23px;
    color: #666;
    padding: 5px 0 0 4px;
    display: block;
    cursor: pointer;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

#source_select_box {
    position: absolute;
    padding: 0;
    background-color: #fff;
    color: #666;
    font-size: 11px;
    z-index: 10;
    display: table;
    clear: both;
    border-radius: 4px;
    top: 71px;
    left: 5px;
    right: 5px;
    box-shadow: 0 0 3px #ddd;
}

#source_select_area {
    height: 330px;
    overflow: auto;
    padding-bottom: 60px;
    margin-bottom: 50px;
}

#source_select_area li {
    position: relative;
    cursor: pointer;
    padding: 5px;
    list-style: none;
    display: block;
    overflow: hidden;
}

.source_item_selected, .source_item_selected span {
    color: #666 !important;
}

#source_select_area li span {
    color: #666;
    font-size: 12px;
    margin: -19px 0 0 32px;
    display: block;
}

#source_select_area li:hover span {
    position: relative;
    color: #666;
}

#source_select_area li img {
    margin: 2px 2px 0;
}

#source_select_area ul {
    display: none;
    min-width: 150px;
    margin: 5px 0 0;
    padding-top: 2px 0 4px 0;
    z-index: 999999;
    overflow: auto;
    border-bottom: 1px solid #F1F1F1;
}

#source_select_area li ul li {
    cursor: pointer;
    margin: 0;
    padding: 5px 0 5px 25px;
    list-style: none;
    display: block;
    font-size: 12px;
    color: #666;
    overflow: hidden;
    background: 0;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

.source_subitem_selected, #source_select_area li ul li:hover {
    background-color: rgba(42, 168, 158, .07);
    border-top: 1px solid #2aa89e;
    border-bottom: #2aa89e 1px solid;
}

#source_select_area li:hover .delsource_bt {
    position: absolute;
    top: 0;
    right: 8px;
    width: 14px;
    height: 14px;
    background: url(../img/socialbro_app_sprite_1_1.png) no-repeat top left;
    background-position: -173px -54px;
    display: block;
    cursor: pointer;
}

#source_select_area li:hover .delsource_bt:hover {
    opacity: .7;
}

.add_source_bt {
    position: absolute;
    bottom: 10px;
    right: 10px;
    color: #fff;
    font-size: 15px;
    padding: 11px 10px;
}

#progress_box {
    float: left;
    width: 90%;
    height: 14px;
    margin: 10px 20px 0 0;
    border: #fff 1px solid;
    border-radius: 2px;
}

#left_sidebar .progress_bar {
    float: left;
    height: 12px;
    background-color: #408C95;
    border-radius: 2px;
    margin: 0 4px 0 0;
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::         SYNC BUTTON  STYLES          :::::::*/
/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/
#sync_wait_prompt {
    font-size: 20px;
    color: #666;
    line-height: 1.5;
    margin: 0 40px;
}

.sync_bt {
    float: left;
    width: 198px;
    height: 40px;
    background: url(../img/sync_bt_bg.png) top left no-repeat;
    margin: 0 0 0 -5px;
    padding: 10px 6px 0 48px;
    cursor: pointer;
    text-decoration: none;
}

.sync_bt:hover {
    background: url(../img/sync_bt_bg.png) bottom left no-repeat;
}

.sync_bt h3 {
    font-size: 16px;
    color: #306469;
    margin: 0;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, .75);
}

.sync_bt span {
    margin: -2px 0 0 0;
    float: left;
    font-size: 10px;
    color: #306469;
}

.sync_bt b {
    margin: -2px 0 0 2px;
    float: left;
    color: #306469;
    font-size: 10px;
}

.sync_off_bt {
    float: left;
    width: 198px;
    height: 40px;
    background: url(../img/sync_off_bt_bg.png) top left no-repeat;
    margin: 0 0 0 -5px;
    padding: 10px 6px 0 48px;
    cursor: pointer;
    text-decoration: none;
}

.sync_off_bt:hover {
    background: url(../img/sync_off_bt_bg.png) bottom left no-repeat;
}

.sync_off_bt h3 {
    font-size: 16px;
    color: #fff;
    margin: 0;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, .25);
}

.sync_off_bt span {
    margin: -2px 0 0 0;
    float: left;
    font-size: 10px;
    color: #E7AB99;
}

.sync_off_bt b {
    margin: -2px 0 0 2px;
    float: left;
    color: #fff;
    font-size: 10px;
}

.status_icon {
    float: left;
    margin: 0 0 0 2px;
    display: block;
    background: url(../img/socialbro_app_sprite_1_1.png) no-repeat top left;
    width: 24px;
    height: 24px;
}

.uploading_ico {
    background-position: -75px -84px;
}

.ok_ico {
    background-position: -0px -84px;
}

.warning_ico {
    background-position: -25px -84px;
}

.error_ico {
    background-position: -50px -84px;
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::         SUPERBUTTON  STYLES          :::::::*/
/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/

/* UNIVERSAL BUTTON */

.superbutton, .standard_bt {
    width: auto;
    line-height: 1;
    text-decoration: none;
    font-weight: 400;
    display: inline-block;
    cursor: pointer;
    float: right;
    text-align: center;
    border-radius: 3px;
    background: #F3F3F3;
    border: solid #e9e9e9 1px;
    color: #666 !important;
    padding: 10px 15px;
    margin: 0 0 0 10px;
}

.superbutton:hover, .standard_bt:hover, .superbutton:focus, .standard_bt:focus {
    background: rgba(229, 229, 229, 1);
}

.superbutton:active, .standard_bt:active {
    background: rgba(245, 245, 245, 1);
}

.superbutton.disabled {
    color: #d1d1d1 !important;
    pointer-events: none;
    cursor: default;
}

.superbutton.disabled:hover, .superbutton.disabled:focus, .superbutton.disabled:active {
    background: rgba(229, 229, 229, 1);
}

/* BUTTON FOR CALL TO ACTION */

.superbuttonCallToAction, .superbuttonCallToAction:focus {
    color: #fff !important;
    text-decoration: none !important;
    cursor: pointer;
    background: #f29556;
    border: 1px solid #f08136;
}

.superbuttonCallToAction:hover {
    color: #fff;
    background: #f18b46;
}

.superbuttonCallToAction:active {
    background: #f08136;
}

.superbuttonBigger {
    padding: 15px;
    font-size: 12px;
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::        LEFT SIDEBAR TABS             :::::::*/
/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/

#msg_close {
    float: none;
}

#left_sidebar_tabs_box {
    width: 260px;
    overflow: hidden;
    position: relative;
    font-size: 12px;
    margin: 0 auto;
    padding: 10px 5px;
}

#left_sidebar_tabs_container {
    overflow: hidden;
    margin: 0;
    height: auto;
    min-height: 350px;
    background: #fff;
    padding: 0;
    border-radius: 5px;
}

#tabs_bts_area {
    overflow: hidden;
    margin: 0;
    height: 37px;
}

.tabs_bt {
    float: left;
    cursor: pointer;
    border-radius: 5px 5px 0 0;
    text-align: center;
    margin: 0 2px 0 0;
}

.tabs_bt_off {
    color: #fafafa;
    cursor: pointer;
    font-weight: 400;
    background-color: #f7f7f7;
    transition: background-color .2s ease-out;
}

.tabs_bt_off:hover, .tabs_bt_off:focus {
    background-color: #f7f7f7;
    color: #666;
    border-color: #d6d6d6;
}

.first_tab {
    margin-left: 13px;
}

.tabs_box_input_area {
    margin: 0 auto;
    color: #585b5c;
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    padding: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.tabs_box_input_area:hover, .tabs_box_input_area:focus {
    cursor: pointer;
}

.tabs_box_input_area select {
    background: none repeat scroll 0 0 #FDFDFD;
    border: 1px solid #F0F0F0;
    border-radius: 3px;
    color: #444444;
    float: right;
    font-size: 14px;
    height: 30px;
    overflow: hidden;
    padding: 3px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    z-index: 2;
}

.tabs_box_input_area select:hover, .tabs_box_input_area select:focus {
    cursor: pointer;
}

.icoTab {
    background-image: url(../img/tabicons/tabssprite.png);
    background-position: top left;
    background-repeat: no-repeat;
    text-indent: -999999px;
    padding: 10px 10px 15px 10px;
    width: 30px;
}

.tabFilters {
    background-position: 9px -160px;
}

.tabBios {
    background-position: 8px -2px;
}

.tabFaves {
    background-position: 8px -44px;
}

.tabTags {
    background-position: 9px -122px;
}

.tabs_bt_on {
    background-color: #eee;
    color: #666;
    border-bottom: 0;
    border-radius: 5px 5px 0 0;
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::          SEARCH BOX  STYLES          :::::::*/
/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/

.search_bars_box {
    margin: 0 auto;
    padding: 0;
}

.search_bars_box ul {
    margin: 0px 2px 0 13px;
    padding: 0;
    background: #eee;
    border-radius: 0 4px 4px 4px;
    overflow: hidden;
}

.search_bars_box li {
    list-style: none;
    clear: both;
    position: relative;
    text-align: center;
    padding: 5px 0 10px;
    background: #EEEEEE;
    border-radius: 0;
    margin: 0;
    border-bottom: 1px solid #FFF;
}

.search_bars_box li:last-child {
    border-bottom: none;
}

.search_bars_box li:hover, .search_bars_box .search_bars_boxCurrent {
    background: rgba(225, 255, 221, 0.36);
}

.search_bars_box li strong {
    font-weight: 400;
}

.search_bars_box label {
    margin: 3px auto;
    text-align: center;
    margin-bottom: -12px;
    font-size: 12px;
    display: none;
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::      DASHBOARD ITEMS  STYLES         :::::::*/
/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/

.title {
    color: #666;
    display: block !important;
}

.dashboard_item_header img {
    opacity: .4;
    filter: alpha(opacity=40);
    float: left;
}

.SB_BTTsubcontainer .dashboard_item_header img {
    opacity: 1;
    filter: alpha(opacity=100);
}

#items_loading {
    background: #F3F2F2 !important;
}

.happyLoading {
    position: fixed;
    top: 101px;
    right: 0;
    bottom: 0;
    left: 0px;
    background: #FFF;
    z-index: 99999999;
}

.happyLoading-center {
    position: fixed;
    top: 50%;
    right: 50%;
    left: 50%;
    margin-left: -15%;
}

.happyLoading-img {
    margin-top: -10%;
}

.happyLoading-text {
    margin-top: 7%;
    font-size: 14px;
    text-align: center;
    width: 400px;
}

/*  SLIDERS */

.lower {
    float: left;
    color: #333;
    margin-left: 10px;
}

.upper {
    float: right;
    color: #333;
    margin-right: 10px;
}

.range {
    font-size: 10px;
    color: #fff;
    width: 100%;
    margin: 0 0 5px;
    display: block;
}

.ui-slider {
    width: 210px;
    height: 2px;
    position: relative;
    background-color: #B3C7BE;
    border-radius: 3px;
    margin: 10px auto 0;
    border: 1px solid #EAF5F0;
}

.ui-slider-handle {
    display: block;
    position: absolute;
    height: 7px;
    width: 7px;
    top: -6px;
    left: -2px;
    background-color: #bbb;
    border: #fff 3px solid;
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer;
    cursor: -webkit-grab;
    background-clip: content-box;
    transition: transform .2s ease-out;
}

.ui-slider-handle:hover,
.ui-slider-handle:focus,
.ui-slider-handle:active {
    background: tomato;
}

.ui-slider-handle:active {
    transform: scale(2);
    cursor: -webkit-grabbing;
}

.ui-slider-range {
    width: 210px;
    height: 5px;
    background-color: #29c4d0;
    position: absolute;
    clip: rect(0 158px 10px 110px);
    top: -1px;
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::      CUSTOM FILTERS  STYLES          :::::::*/
/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/

#custom_filters_bars_box {
    width: 90%;
    margin: 0 auto;
}

#custom_filters {
    padding: 0;
    height: auto;
    overflow: auto;
}

#custom_filters .message {
    list-style: none;
    margin: 0 auto;
    text-align: center;
}

#custom_filters .notags:before {
    border: 0;
}

#custom_filters .notags:after {
    border: 0;
    background: transparent;
}

#custom_filters .filter {
    background: #9355AD;
}

#custom_filters .filter span,
#custom_filters .filter svg {
   cursor: pointer;
}

#custom_filters .textboxlist-bit-box-label {
    max-width: 165px;
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::             TAGS   STYLES            :::::::*/
/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/

#tags_bars_box {
    width: 90%;
    margin: 0 auto;
}

#tags_list {
    padding: 0;
    width: 225px;
    height: auto;
    overflow: auto;
}

#tags_list .textboxlist-bit-box-label {
    max-width: 155px;
}

.draggingtag {
    background: #0089E0;
    border-radius: 4px;
    box-shadow: 0 3px 3px rgba(0,0,0,0.5);
    color: white;
    font-size: 12px;
    line-height: 26px;
    text-align: center;
    z-index: 12;
}

#tags_list .notags {
    color: #fff;
    opacity: 1;
    background: #0089e0;
    padding: 5px 19px;
    font-size: 15px;
    border-radius: 5px;
    text-align: center;
}

#tags_list .notags:before {
    border: 0;
}

#tags_list .notags:after {
    border: 0;
    background: transparent;
}

#tags_list .notags:hover {
    color: #fff;
    opacity: 1;
}

.draggingtag span {
    position: absolute;
    right: 4px;
    top: 4px;
    display: block;
    font-size: 1px;
    background: url(../img/close.gif) 0 -14px no-repeat;
    height: 7px;
    width: 7px;
    cursor: pointer;
}

.draggingtag li div {
    cursor: move;
    display: block;
    font-size: 12px;
    font-weight: 700;
    left: 8px;
    position: absolute;
    text-shadow: 1px 1px 0 #08395f;
    top: 5px;
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::           FILTERS    STYLES          :::::::*/
/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/

#filter_bars_box {
    width: 90%;
    margin: 0 auto;
    padding: 0;
}

.filter_form_wrapper {
    background: #EEE;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 0 5px 5px 5px;
}

.filter_form_input_area {
    margin: 10px 0 0;
    width: 100%;
    overflow: hidden;
    float: left;
    color: #636363;
}

.filter_form_input_area label {
    display: inline-block;
    text-align: right;
    margin: 10px 0;
    font-size: 13px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 65px;
    color: #666;
}

.filter_form_input_area input {
    width: 140px;
    height: 15px;
    padding: 5px;
    color: #666;
    font-size: 11px;
    display: inline-block;
    position: relative;
    vertical-align: top;
    margin: 0 10px 0 0;
    border-radius: 3px;
    background: #fcfcfc;
    border: 1px solid #ECEBEB;
}

.filter_form_input_area input:hover {
    background: #f9f9f9;
}

.filter_bars_box_bt {
    color: #fff;
    float: right;
    padding: 10px 0;
    width: 90px;
    text-align: center;
}

#filter_bars_box .advertise_area a {
    display: block;
    float: left;
    width: 200px;
    height: 200px;
    background-color: #fff;
    margin: -92px 0 0 30px;
    border-radius: 4px;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: .1s linear;
    -webkit-transition-property: -webkit-transform margin;
}

#filter_bars_box .advertise_area a:hover {
    opacity: .9;
    filter: alpha(opacity=90);
    -webkit-transform-origin: center center;
    -webkit-transform: scale(0.98);
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::         ADVERTISE AREA  STYLES       :::::::*/
/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/

.adv_search_bt {
    float: right;
    margin: 10px 15px;
}

.advertise_area {
    float: left;
    width: 200px;
    height: 200px;
}

.advertise_area span {
    float: left;
    transform: rotate(270deg);
    display: block;
    margin: 76px 0 0 -54px;
    font-size: 18px;
    text-shadow: 3px 3px 2px #4b4b4b;
}

.copyright {
    color: #369dac;
    font-size: 11px;
    margin: -10px 25px 5px 0;
    text-decoration: none;
    position: absolute;
    bottom: -6px;
    left: 15px;
}

.version {
    color: #B9DCE1;
    font-size: 10px;
    float: left;
    margin: -10px 25px 5px 18px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .75);
    text-decoration: none;
}

::selection {
    background: rgba(112, 213, 226, .2);
}

::-moz-selection {
    background: rgba(112, 213, 226, .2);
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::         MAIN CENTER  STYLES          :::::::*/
/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/

#main_center {
    position: relative;
    margin: 0;
    /*height: 84%;*/
    /*min-width: 700px;*/
    overflow: auto;
    background-color: #3D919B;
    padding: 0;
    border: 0;
    background: 0;
    z-index: 1;
}
#search_result {
    margin: 0 auto;
    will-change: contents;
}
/*@media only screen and (max-width: 1050px) and (min-width: 350px) {
    #search_result {
        display: inline-block;
        padding: 0 10px;
    }
}*/
#users_content h2 {
    color: #666;
    font-family: sans-serif, arial;
}

.link_to_tweet {
    display: inline-block;
    width: 83px;
    font-size: 11px;
    text-align: center;
    color: white !important;
    margin-left: 16px;
    background: url(../img/external_link.gif) 100px 8px no-repeat #55acee;
    margin-top: 8px;
    border-radius: 5px;
    padding-right: 21px;
    border: none;
}

.link_to_tweet:hover {
    background: url(../img/external_link.gif) 100px 8px no-repeat #74bbf1;
}

#no_result_suggestions {
    margin: 20px 20px 20px 5px;
    padding: 30px;
    position: relative;
    list-style: none;
    font-size: 14px
}

#no_result_suggestions li {
    margin: 0 0 10px;
    font-size: 16px;
}

#no_result_suggestions li:before {
    content: "·";
    font-size: 15px;
    margin-right: 10px;
    font-weight: bold;
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::          TAG CLOUD   STYLES          :::::::*/
/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/

/**
 *  getTagCloud()
 *
 *  Styles for tagcloud page
 */

.tag-clouds {
    padding: 15px 0 15px 10px;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    background: #fff;
}

.tag-item {
    display: inline-block;
    margin: 3px;
    padding: 2px 5px;
    transition: background .5s;
    vertical-align: middle;
    color: #fff;
    border-radius: 5px;
    background: #42b6c0;
}

.tag-item:hover,
.tag-item:focus {
    background: #2a878f;
}

/* end */

#stat_map, .tank-graph-adv .stat-tagcloud {
    width: 95%;
    margin: 0;
    padding: 15px 0 15px 10px !important;
    text-align: left;
    position: relative;
    border-radius: 5px;
    border: solid #e0e0e0 1px !important;
    background: #fff;
}

#tagcloud2 {
    margin: 0 0 12px;
    text-align: center;
}

#stat_map a, #tagcloud2 a, .tank-graph-adv .stat-tagcloud a, .tagcloud-item {
    color: #fff;
    font-size: 12px;
    padding: 2px 5px;
    display: inline-block;
    text-decoration: none;
    background: #42b6c0;
    border-radius: 5px;
    margin: 3px;
    vertical-align: middle;
    transition: background .5s;
}

#stat_map a:hover, #tagcloud2 a:hover, .tank-graph-adv .stat-tagcloud a:hover, #stat_map a:focus, #tagcloud2 a:focus, .tank-graph-adv .stat-tagcloud a:focus {
    text-decoration: none;
    background: #2a878f;
}

.tagcloud-wrapper {
    width: calc(50% - 10px);
    float: left;
    margin: 0 5px;
}

.tagcloud-wrapper .tagcloud {
    border: 1px #d6d6d6 solid;
    border-radius: 5px;
    min-height: 225px;
    padding: 25px;
}

.tagcloud-wrapper .tagcloud-item {
    margin: 15px 10px;
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::         USERS LISTS   STYLES          :::::::*/
/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/

.tuser_wrap {
    float: left;
}

.tuser_overlay {
    transition: opacity 1s;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    visibility: hidden;
    opacity: 0;
    border-radius: 5px;
}

.tuser_overlay:after {
    position: absolute;
    margin: 15% 50% 50%;
    font-size: 30px;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, .25);
}

/* Error */

.tuser_error_icon {
    background: #E45151;
    border-radius: 50%;
    color: #FFF;
    height: 17px;
    left: 5px;
    position: absolute;
    text-align: center;
    top: 5px;
    width: 17px;
    z-index: 3;
}

.tuser_error_icon span {
    display: block;
    text-align: center;
    margin-top: 2px;
    color: #FFF;
    font-size: 14px;
}

.tuser_error .tuser_overlay {
    background: rgba(228, 81, 81, .95);
    border: 5px solid #fff;
}

.tuser_error .tuser_overlay:after {
    content: "\00D7";
}

/* Done */

.tuser_done .tuser_overlay {
    background: rgba(177, 177, 177, 0.6)
}

/* Warn */
.tuser_warn .tuser_overlay {
    background: rgba(236, 215, 106, .5);
}

/* Transition between states */
.tuser_trans .tuser_overlay {
    visibility: visible;
    opacity: 0.7;
}

.tuser_loading {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background: #f5f5f5;
    opacity: .75;
}

.tuser:hover {
    background: #f6f7e1;
}

.tuser_avatar_section {
    width: 52px;
    height: 106px;
    float: left;
    position: relative;
}

.tuser_avatar {
    float: left;
    display: block;
    margin: 0 0 0 10px;
}

#main_center .tuser_avatar figure {
    border: 0;
    background: 0;
    display: block;
    text-align: center;
}

#main_center .tuser_avatar figure img {
    width: 32px;
    height: 32px;
    background: #f0f0f0;
    border: 1px solid #f0f0f0
}

.tuser_relation_arrow {
    float: left;
    width: 35px;
    height: 23px;
    background: url(../img/socialbro_app_sprite_1_1.png) no-repeat top left;
    margin: 5px 0 0 9px;
}

.arrow_1 {
    background-position: 0 -1px;
}

.arrow_2 {
    background-position: -36px -1px;
}

.arrow_3 {
    background-position: -72px -1px;
}

.arrow_4 {
    background-position: -109px -1px;
}

.arrow_1a {
    background-position: 0 -191px;
}

.arrow_2a {
    background-position: -36px -191px;
}

.arrow_3a {
    background-position: -72px -191px;
}

.arrow_4a {
    background-position: -109px -191px;
}

.follow_check {
    display: block;
    margin: 0;
    position: absolute;
    right: 5px;
    top: 9px;
}

.tuser_content {
    overflow: hidden;
}

.tuser_content p {
    margin: 5px 280px 0 5px;
    color: #4B4B4B;
    font-size: 11px;
}

.tuser_content a {
    margin: 0 0 0 6px;
}

.tuser_details_area {
    width: 90%;
    height: 18px;
    color: #333;
    overflow: hidden;
    position: relative;
    padding: 0 0 0 5px;
}

.tuser_text {
    max-width: 80%;
    float: left;
}

.tuser_text a {
    color: #1db8e9;
    font-size: 12px;
    font-weight: 400;
    float: left;
    margin: 0;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tuser_text b {
    font-size: 12px;
    font-weight: 700;
    float: left;
    margin: 0 0 0 3px;
}

.tuser_text address {
    float: left;
    font-size: 11px;
    font-style: normal;
    margin: 1px 3px 0;
    overflow: hidden;
}

.verified {
    background: url(../img/socialbro_app_sprite_1_1.png) no-repeat top left;
    background-position: -96px -25px;
    width: 15px;
    height: 15px;
    float: left;
}

.tuser svg.blacklisted {
    fill: #8a4fa2
}

.tuser svg.is-private {
    fill: #C60e32;
}

.tuser svg.tagged {
    fill: #009ee1
}

.tuser svg.whitelisted {
    fill: #6ab624
}

.user_candado_close {
    float: left;
    background: url(../img/socialbro_app_sprite_1_1.png) no-repeat top left;
    background-position: -82px -27px;
    width: 12px;
    height: 12px;
    position: absolute;
    left: 3px;
    top: 34px;
}

.tuser_buttons {
    position: absolute;
    right: 20px;
    top: 4px;
    height: 21px;
    padding: 4px 4px 0 10px;
    border-radius: 3px;
}

#main_center .tuser_buttons a {
    color: #4E4E4E;
    font-size: 9px;
    text-decoration: none;
    display: inline-block;
    margin: 0 6px 0 0;
    height: 13px;
    background-position: top right;
}

.tuser_bt_reply {
    background: transparent url(../img/tuser_bt_reply.png) no-repeat;
    padding: 0 14px 0 0;
}

.tuser_bt_dm {
    background: transparent url(../img/tuser_bt_dm.png) no-repeat;
    padding: 0 17px 0 0;
}

.tuser_bt_follow {
    background: transparent url(../img/tuser_bt_follow.png) no-repeat;
    padding: 0 16px 0 0;
}

.tuser_bt_unfollow {
    background: transparent url(../img/tuser_bt_unfollow.png) no-repeat;
    padding: 0 16px 0 0;
}

.tuser_bt_block {
    background: transparent url(../img/tuser_bt_block.png) no-repeat;
    padding: 0 13px 0 0;
}

.tuser_bt_add_list {
    background: transparent url(../img/tuser_bt_add_list.png) no-repeat;
    padding: 0 18px 0 0;
}

.tuser_bt_more {
    background: transparent url(../img/tuser_bt_more.png) no-repeat;
    padding: 0 15px 0 0;
}

#main_center .tuser_buttons a:hover {
    color: #48A3AE;
    background-position: center right;
}

.tuser_others_stats {
    position: absolute;
    right: 30px;
    top: 36px;
    width: 210px;
    height: 30px;
    text-align: right;
    font-size: 10px;
}

.tuser_others_stats span {
    display: block;
    color: #296369;
    margin: 0 0 2px;
    overflow: hidden;
}

.tuser_others_stats b {
    margin: 0 2px 0 0;
    font-weight: 400;
    color: #4dc5cf;
}

.tuser:hover .tuser_tweets_stats {
    background: #f6f7e1;
}

.tuser_tweets_stats_item {
    display: block;
    float: left;
    width: 54px;
    height: 35px;
    overflow: hidden;
    text-align: center;
}

.tuser_tweets_stats_item b {
    display: block;
    font-size: 14px;
    color: #796f6f;
    font-weight: 400;
}

.tuser:hover .tuser_tweets_stats .tuser_tweets_stats_item b {
    color: #858585;
}

.tuser_tweets_stats_item span {
    display: block;
    font-size: 11px;
    color: #aca6a6;
}

.tuser_tiny .tuser_tweets_stats {
    position: absolute;
    right: 27px !important;
    top: 40px !important;
}

.tuser_bg .tuser_tweets_stats {
    position: absolute;
    top: 75px;
    right: 20px;
}

.tuser_bg .SB_ranking_Kred, .tuser_tiny .SB_ranking_Kred {
    bottom: 0;
}

.tuser_grid .SB_ranking_Kred {
    bottom: 5px;
}

.tuser_selected .tuser_tweets_stats .tuser_tweets_stats_item b {
    color: #858585;
}

.tuser_tiny {
    height: 74px;
    width: 99.3%
}

#users_content .tuser_tiny .tuser_avatar_section {
    height: 70px;
}

#users_content .tuser_tiny .tuser_relation_arrow {
    margin: 5px 8px 10px 5px;
}

#users_content .tuser_tiny .follow_check {
    right: 5px;
    top: 9px;
    z-index: 1;
}

.highcharts-container {
    margin: 0 auto;
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::         TWEET AREA   STYLES          :::::::*/
/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/

.tweet_area {
    position: fixed;
    z-index: 16;
    top: 10px;
    top: 117px;
    left: 279px;
    display: none;
    width: 500px;
    padding: 10px;
    cursor: move;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 10px 10px rgba(0, 0, 0, .25);
}

.tweet_area h3 {
    font-size: 18px;
    line-height: 2em;
}

.tweet_area_form {
    position: relative;
}

.tweet_area_textarea {
    font-size: 13px;
    line-height: 1.2em;
    box-sizing: border-box;
    width: 100%;
    min-height: 50px;
    padding: 10px;
    border: 1px solid #eee;
    border-radius: 3px;
    background: #f8f8f8;
}

.tweet_area_helpers {
    position: absolute;
    bottom: -50px;
    left: 0;
    height: 40px;
}

.tweet_area_leftcharts {
    font-size: 20px;
    display: inline-block;
    margin-bottom: 5px;
    color: #ccc;
}

.tweet_area .close_x_red {
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::       USERS LISTS GRID  STYLES       :::::::*/
/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/

.tuser_grid {
    float: left;
    width: calc(20% - 10px);
    min-width: 200px;
    max-width: 200px;
    height: 102px;
    margin: 0 10px 10px 0;
}

.tuser_grid .tuser_avatar_section {
    height: 104px;
}

#users_content .tuser_grid .follow_check {
    left: 90%;
    top: 7px;
}

#users_content .tuser_grid .tuser_content {
    width: 70%;
    height: 54px;
    margin: 2px 0 0 36px;
    overflow: hidden;
}

.tuser_grid .tuser_content a {
    margin: 0;
}

.tuser_grid .tuser_details_area {
    width: 100%;
    height: 54px;
    margin: 2px 0 0 4px;
    color: #333;
    overflow: hidden;
    position: relative;
    padding: 0 0 0 4px;
}

#users_content .tuser_grid .tuser_text {
    float: left;
    display: block;
    max-width: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
}

.tuser_grid .tuser_text a {
    color: #1db8e9;
    font-size: 12px;
    font-weight: 400;
    margin: 0 0 2px;
    padding: 0;
    width: 86%
}

.tuser_grid .tuser_text b {
    width: 88%;
    font-size: 12px;
    font-weight: 400;
    float: left;
    margin: 2px 0 2px 11px;
    color: #888;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tuser_grid .tuser_text address {
    width: 88%;
    margin: 1px 0 2px 11px;
    color: #bbb;
    float: left;
    font-size: 10px;
    font-style: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tuser_grid .verified {
    position: absolute;
    background: url(../img/socialbro_app_sprite_1_1.png) no-repeat top left;
    background-position: -96px -25px;
    width: 15px;
    height: 15px;
    top: 17px;
    left: 0;
}

.tuser_grid .candado_close {
    float: left;
    background: url(../img/socialbro_app_sprite_1_1.png) no-repeat top left;
    background-position: -82px -27px;
    width: 12px;
    height: 12px;
    margin: 1px 0 0 2px;
}

.influence_i {
    float: left;
    background: url(../img/socialbro_app_sprite_1_1.png) no-repeat top left;
    background-position: -294px -139px;
    width: 15px;
    height: 15px;
    margin: 0 0 0 2px;
    color: #000;
    font-size: 11px;
    font-weight: 700;
    padding: 3px 0 0 3px;
}

.tuser_grid .tuser_buttons {
    position: absolute;
    right: 17px;
    top: 65px;
    height: 22px;
    padding: 4px 4px 0 8px;
    border-radius: 3px;
    width: 122px;
    visibility: hidden;
    z-index: 10;
}

.tuser_grid:hover .tuser_buttons {
    visibility: visible;
}

#users_content .tuser_grid .tuser_buttons a {
    color: #4E4E4E;
    font-size: 9px;
    text-decoration: none;
    display: inline-block;
    margin: 2px 6px 0 0;
    height: 13px;
    background-position: top right;
}

#users_content .tuser_grid .tuser_buttons a:hover {
    color: #48A3AE;
    background-position: center right;
}

.tuser_grid .tuser_tweets_stats {
    width: 70%;
    height: 36px;
    margin: 0 auto;
    text-align: center;
    position: relative !important;
    z-index: 8;
    margin-left: 57px;
    top: 1px !important;
    left: 0 !important;
}

.tuser_grid:hover .tuser_tweets_stats {
    display: none;
}

.tuser_grid .tuser_tweets_stats_item {
    margin: 0 0 0 8px;
    width: auto;
    height: auto;
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::       NOTIFICATIONS  STYLES          :::::::*/
/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/
#notifications {
    bottom: 45px;
    position: fixed;
    right: 60px;
    width: 240px;
    z-index: 9999999999;
}

.user_menu_notifications .home-notifications {
    box-sizing: border-box;
    margin: 15px 5px 20px 20px;
    max-height: 180px;
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 0 0 20px 0;
}

.user_menu_notifications .home-notifications li {
    list-style: none;
    margin: 0 0 10px 0;
    padding: 0;
    position: relative;
    width: 95%;
}

.user_menu_notifications .home-notifications a {
    color: #777;
    display: block;
    padding: 0 0 0 15px;
    transition: color .75s ease-out;
}

.notification-help {
    color: #29C8D6;
    display: block;
    font-size: 12px;
    margin: 5px 0;
}

.user_menu_notifications .home-notifications a:before {
    background: #0FB10F;
    border-radius: 50%;
    content: '';
    height: 7px;
    left: 0px;
    position: absolute;
    top: 4px;
    width: 7px;
}

.user_menu_notifications .home-notifications a:hover {
    color: #444
}

.user_menu_notifications .home-notifications a.read:before {
    background: #ddd;
}

.notification {
    background: white;
    border-radius: 3px;
    border: 1px solid #d7d7d7;
    box-shadow: 0 20px 10px rgba(0, 0, 0, .1);
    cursor: pointer;
    display: block;
    margin: 0 0 5px 0;
    overflow: hidden;
    padding-right: 24px;
    padding: 10px;
    position: relative;
    width: 100%;
    z-index: 9999999999;
}

.notification h3 {
    color: #000;
    font-size: 14px;
    font-weight: normal;
    margin: 0;
}

.notification .close_x_red {
    cursor: pointer;
    display: block;
    position: absolute;
    right: 5px;
    top: 5px;
}

.notification > .task_pending {
    background: rgba(0, 0, 0, 0);
    border-radius: 6px;
    float: left;
    margin: 0 10px 0 0;
    padding: 0;
}

.user_menu_notifications {
    padding-bottom: 5px;
}

#notifications-clearall {
    color: #999;
}

#notifications-clearall:hover,
#notifications-clearall:focus {
    color: red;
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::       LATEST TWEETS AREA STYLES      :::::::*/
/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/


.lastest_tweets_item {
    float: left;
    padding: 9px 0 20px 5px;
    margin: 0;
    position: relative;
    background: #fff;
    border-bottom: 1px solid #eee;
}

.lastest_tweets_item:last-child {
    border-bottom: 0 !important;
}

.lastest_tweets_item .tuser_avatar {
    float: left;
    width: 32px;
    height: 32px;
    display: block;
    margin: 0 0 0 5px;
}

.lastest_tweets_item .tuser_text {
    float: left;
    margin: 6px 0 0;
    display: block;
    width: 100%
}

.lastest_tweets_item .tuser_text a {
    color: #1db8e9;
    font-weight: 400;
    float: left;
    margin: 0 0 0 5px;
    text-decoration: none;
}

.lastest_tweets_item .tuser_text b {
    font-weight: 400;
    float: left;
    margin: 0 0 0 15px;
    color: #857e7e;
    clear: both;
}

.lastest_tweets_item p {
    color: #424242;
    font-size: 12px;
    float: left;
    margin: 10px 10px 0 5px;
    word-break: break-word;
    border: 1px solid #eee;
    padding: 10px;
    background: #f9f9f9;
    position: relative;
    border-radius: 3px;

}

.lastest_tweets_item p:after, .lastest_tweets_item p:before {
    bottom: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.lastest_tweets_item p:after {
    border-color: rgba(249, 249, 249, 0);
    border-bottom-color: #f9f9f9;
    border-width: 7px;
    left: 7%;
    margin-left: -7px;
}

.lastest_tweets_item p:before {
    border-color: rgba(238, 238, 238, 0);
    border-bottom-color: #eee;
    border-width: 8px;
    left: 7%;
    margin-left: -8px;
}

#left_sidebar_user_details .lastest_tweets_item p a {
    text-decoration: none;
}

#left_sidebar_user_details .lastest_tweets_item p a:hover {
    text-decoration: underline;
}

.lastest_tweets_item_date {
    position: absolute;
    top: 5px;
    right: 5px;
    height: 15px;
    text-align: right;
    /*background: url(../img/tiny_twit_blue_bird.png) 5px 0 no-repeat;*/
    padding: 0 0 0 21px;
}

.lastest_tweets_item .tuser_text a:before {
    content: "@"
}

#left_sidebar_user_details .lastest_tweets_item_date a {
    text-decoration: none;
}

#left_sidebar_user_details .lastest_tweets_item_date a:hover {
    color: #333;
}

/*Instagram post details*/
.instagram_post_detail {
    display: block;
    overflow: hidden;
    box-sizing: border-box;
    background: #fff;
    border-bottom: solid 1px #F2F2F2;
    border-radius: 4px;
}

.instagram_picture {
    width: 100%;
    float: none;
    margin: 0 auto;
    border-radius: 5px;
    overflow: hidden;
    background: none;
    padding: 0;
    padding-top: 5px;
}

.instagram_picture a {
    display: block;
    margin: 5px auto;
    width: 100%;
    border: 0;
    border-radius: 7px;
    padding-bottom: 0;
    background: rgb(255, 255, 255) url(../img/preloader-sutil.gif) center 15% no-repeat;
    text-align: center;
}

.instagram_picture a img {
    border: solid 3px #333333;
    margin: 0 auto;
    width: 85%;
}
.instagram_picture .instagram_picture_hover {
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s; /* Safari */
}

.instagram_picture:hover .instagram_picture_hover {
    opacity: 1;
}

.instagram_picture_hover {
    border: solid 5px #B1B1B1;
    background: rgba(103,103,103, 0.3);
    display: inline;
    height: 170px;
    left: 10px;
    opacity: 0;
    position: absolute;
    width: 85%;
}

.instagram_picture_hover span {
    color: #FFF;
    left: 0px;
    margin-top: 55%;
    position: absolute;
    width: 100%;
}

.instagram_picture_hover svg {
    margin-top: 35%;
    fill: white;
    height: 30px;
    width: 30px;
}

.instagram_post_descript {
    width: 90%;
    margin: 0 auto;
    float: none;
    word-break: break-word;
}

.instagram_post_descript p {
    font-size: 12px;
    color: #666;
    margin: 0 0 4px;
}

.instagram_post_descript address {
    width: 88%;
    margin: 3px 0px 2px;
    color: rgb(153, 153, 153);
    float: left;
    font-size: 11px;
    font-style: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.location_icon {
    float: left;
    width: 15px;
    height: 12px;
    background: url("../img/instagram_sprite.png") no-repeat scroll -5px -5px transparent;
    margin: 0px 0px 0px 1px;
}

.instagram_post_descript time {
    width: 100%;
    margin: 0;
    color: rgb(86, 191, 240);
    float: none;
    font-size: 10px;
    text-align: right;
}

.date_icon {
    float: left;
    width: 15px;
    height: 12px;
    background: url("../img/instagram_sprite.png") no-repeat scroll -5px -25px transparent;
    margin: 0px 0px 0px 1px;
    display: none;
}

.instagram_post_info {
    width: 90%;
    margin: 0 auto;
    float: none;
    word-break: break-word;
    padding: 5px 0 15px 0;
}

.instagram_post_descript .instagram_likes {
    margin: 3px 0px 2px;
    *color: rgb(153, 153, 153);
    float: left;
    font-size: 11px;
    font-style: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.total_likes {
    float: left;
    width: 16px;
    height: 18px;
    background: url("../img/instagram_sprite.png") no-repeat scroll -2px -43px transparent;

}

.likes_icon,
.likes_icon_on {
    float: left;
    height: 18px;
    margin: 0px 0px 0px 1px;
}

.likes_icon_on svg {
    fill: #C60E32;;
}

.likes_icon svg {
    fill: #B1B1B1;
}

.likes_icon svg,
.likes_icon_on svg {
    margin-right: 2px;
}

.instagram_post_descript .instagram_comments {
    margin: 3px 0px 2px;
    color: rgb(153, 153, 153);
    float: left;
    font-size: 11px;
    font-style: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.instagram_comments .comment {
    width: 100%;
    float: none;
    display: block;
    margin: 4px 0;
    padding: 5px;
    background: rgb(248, 248, 248);
    box-sizing: border-box;
    border-radius: 4px;
}

.comments_icon {
    float: left;
    height: 18px;
    color: #999999;
    padding-left: 16px;
    cursor: pointer;
}

.comments_icon svg,
.comments_icon_on svg{
    fill: #B1B1B1;
}

.comments_icon_on {
    float: left;
    height: 18px;
    padding-left: 16px;
    cursor: pointer;
}

.comments_icon_0 {
    float: left;

    height: 18px;
    background: url("../img/instagram_sprite.png") no-repeat scroll -2px -63px transparent;
    margin: 3px 0px 0px 1px;
    padding-left: 16px;
    cursor: pointer;
}

.instagram_ico {
    display: inline;
    margin-right: 10px;
}

.instagram_post_hearts {
    display: inline-block;
    width: 50px;
}

.instagram_post_info .instagram_likes {

    color: rgb(153, 153, 153);
    float: left;
    font-size: 11px;
    font-style: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: normal;
}

.instagram_post_info .instagram_comments {
    width: 100%;
    margin: 3px 0px 2px;
    color: rgb(153, 153, 153);
    float: left;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
}

.instagram_comments .comment figure img {

    float: left;
    margin: 0 10px 0 0;
}

.instagram_comments .comment figure {
    font-weight: normal;
}

.instagram_comments .comment .comment_text {
    width: 80%;
    margin-left: 44px;
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::            FULLCONTACT               :::::::*/
/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/
.fullcontact {
    margin-left: 10px;
    color: #444;
}

.fullcontact-error {
    text-align: center;
    font-size: 1.2em;
    padding: 10px;
}

.fullcontact, .fullcontact ul {
    padding-top: 5px;
    padding-bottom: 5px;
    list-style: none;
}

.fullcontact .photos img {
    width: 50px;
}

.fullcontact .photos li .label {
    text-align: center;
    font-weight: 300 !important;
}

.fullcontact .photos li {
    display: inline-block;
    width: 70px;
}

.lv0 > li {
    margin-top: 10px;
}

.lv0 .label {
    font-size: 1.5em;
}

.topics li {
    display: inline-block;
    margin-right: 5px;
}

.lv1 .label {
    font-size: 1.1em;
    font-weight: 700 !important;
}

.lv2 .label, .lv0 li.label, .lv1 li.label  {
    font-weight: 300 !important;
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::        BUTTONS PANEL STYLES          :::::::*/
/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/

.buttons-svg-panel {
    bottom: 2px;
    height: 18px;
    left: 10px;
    line-height: 18px;
    position: absolute;
    width: 100%;
}

.buttons-svg-panel > a {
    color: #333;
    margin-right: 25px;
}

.buttons-svg-panel svg {
    fill: #AAB8C2;
    display: inline-block;
}

.reply svg {
    fill: #AAB8C2;
}

.reply:hover svg {
    fill: #4A90E2;
}

.retweet:hover svg,
.retweet_on svg {
    fill: #19CF86;
}

.favorite:hover svg,
.favorite_on svg {
    fill: #E81C4F;
}

.buttons-svg-panel .icon-fav {
    height: 12px;
    width: 12px;
}

.tweet-metrics-interactions .buttons-svg-panel {
    bottom: -10px;
    left: 10px;
    right: auto;
}

.tweet-metrics-interactions .buttons-svg-panel a {
    float: left;
    margin: 0 15px 0 0;
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::          HOME PAGE   STYLES          :::::::*/
/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/

#home_content {
    margin: 0 0 0 8px;
    overflow: hidden;
}

.home_column {
    float: left;
    width: 49%;
    margin: 0 1% 0 0;
}

.home_column header {
    font-size: 19px;
    color: #FFEFB0;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, .75);
    margin: 0 0 5px;
    font-weight: 700;
}

.home_option {
    position: relative;
    width: 95%;
    min-height: 65px;
    background: -webkit-gradient(linear, left top, left bottom, from(#FEF0BA), to(#FFE784));
    background-image: -moz-linear-gradient(top, #FEF0BA, #FFE784);
    background-image: -ms-linear-gradient(top, #FEF0BA, #FFE784);
    background: #5ead28;
    display: block;
    border-radius: 5px;
    margin: 0 0 8px;
    padding: 4px 10px 2px;
    cursor: pointer;
}

.home_option:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(#FEE789), to(#FFD93E));
    background-image: -moz-linear-gradient(top, #FEE789, #FFD93E);
    background-image: -ms-linear-gradient(top, #FEE789, #FFD93E);
    background: #fee789;
}

.home_option:hover span {
    color: #453701;
}

.home_option b {
    display: block;
    font-size: 18px;
    color: #333;
    font-weight: 700;
    margin: 4px 0;
}

.home_option span {
    font-size: 11px;
    color: #453701;
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::         HOME STATS  STYLES           :::::::*/
/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/

#home_stats {
    margin: 0 0 0 8px;
    overflow: hidden;
}


.yellow_title {
    color: #666 !important;
    font-family: sans-serif, arial;
    font-weight: bold !important;
    font-size: 30px;
    padding: 20px 0 20px 0;
    letter-spacing: -1px;
}

#home_stats a.printstats {
    position: absolute;
    margin: 0;
    display: block;
    background: url(../img/socialbro_app_sprite_1_1.png) no-repeat top left;
    background-position: 0 -148px;
    width: 106px;
    height: 40px;
    top: 15px;
    right: 37px;
}

#home_stats a.printstats:hover {
    background: url(../img/socialbro_app_sprite_1_1.png) no-repeat top left;
    background-position: -108px -148px;
}

.stats_menu_area {
    width: 98%;
    margin: 10px 0 0;
    overflow: hidden;
    display: block;
    padding: 0 0 8px;
}

.stats_menu_column {
    overflow: hidden;
    float: left;
    margin: 0;
}

.stats_bt {
    width: 32%;
    position: relative;
    background: rgba(0, 0, 0, .4);
    margin: 5px 0 8px;
    padding: 10px 3px 10px 6px;
    cursor: pointer;
    float: left;
    list-style: none;
    text-transform: none;
    display: table-row;
    transition: background .1s;
}

.stats_bt:nth-of-type(1) {
    margin: 5px 5px 5px 0;
}

.stats_bt:nth-of-type(2) {
    margin: 5px 5px 5px 0;
}

.stats_bt:nth-of-type(3) {
    margin: 5px 0;
}

.stats_bt:nth-of-type(4) {
    margin: 0 5px 5px 0;
}

.stats_bt:nth-of-type(5) {
    margin: 0 5px 5px 0;
}

.stats_bt:nth-of-type(6) {
    margin: 0 0 5px;
}

.stats_bt:hover span, .stats_bt_active span {
    color: #fff;
}

.stats_bt b {
    width: 100%;
    height: 26px;
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    margin: 0;
    text-align: center;
    display: block;
}

.stats_bt span {
    width: 100%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    margin: 0;
    font-weight: 400;
    display: block;
    vertical-align: middle;
}
#source_stats {
    width: 98%;
    margin: 0 0 0 2px;
    overflow: hidden;
    display: block;
}

#source_stats h3 {
    font-size: 20px;
    color: #666;
    margin: 2px 0 4px;
}

#source_stats h3 strong {
    font-size: 22px;
    color: #fc5f06;
}

.my_graph {
    width: 100%;
    margin: 0;
    overflow: hidden;
    display: block;
}

.stat_area {
    width: 100%;
    height: 100%;
    background-color: #fff;
    border-radius: 10px;
    position: relative;
    list-style: none;
    text-transform: none;
    display: block;
    float: left;
    margin: 0 0 6px;
}

.dashboard_big_item2 .stat_progress_box img {
    position: absolute;
    width: 22px;
    height: 22px;
    top: 50%;
    left: 45%
}

.stats_title {
    width: 98.5%;
    display: block;
    font-size: 15px;
    color: #666;
    padding: 7px 0;
    text-align: center;
    background: #f8f8f8;
    border: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.stats_title span {
    font-size: 11px;
}

.my_graph_menu li span {
    cursor: pointer;
    border-bottom: 1px solid #41BDE4;
}

.my_graph_menu li span:hover, .my_graph_menu li span:focus {
    border-bottom-style: dashed;
}

.tiny_twit_bt {
    float: left;
    width: 15px;
    height: 15px;
    background: url(../img/socialbro_app_sprite_1_1.png) no-repeat top left;
    background-position: -122px -81px;
    cursor: pointer;
    margin: 0 1px 0 0;
}

.tiny_twit_bt:hover {
    background-position: -122px -98px;
}

.tiny_lup_bt {
    float: left;
    width: 15px;
    height: 15px;
    background: url(../img/socialbro_app_sprite_1_1.png) no-repeat top left;
    background-position: -104px -81px;
    cursor: pointer;
    margin: 0 1px 0 2px;
}

.tiny_lup_bt:hover {
    background-position: -104px -98px;
}

a.printstats {
    float: right;
    margin: 0 40px 0 0;
    display: block;
    background: url(../img/socialbro_app_sprite_1_1.png) no-repeat top left;
    background-position: -174px -54px;
    width: 25px;
    height: 25px;
}

.user_slide_menu, .more_slide_menu {
    position: absolute;
    top: 20px;
    right: 20px;
    background-color: #fff;
    z-index: 9999;
    border-radius: 5px;
    box-shadow: 0 0 3px rgba(0, 0, 0, .35);
    opacity: 1;
    color: #666;
    padding: 5px 0;
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::           UPLOADER  STYLES           :::::::*/
/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/

.qq-uploader {
    position: relative;
    width: 100%
}

.qq-upload-drop-area, .qq-upload-extra-drop-area {
    position: absolute;
    top: -8px;
    left: 0;
    width: 300px;
    z-index: 2;
    text-align: center;
}

.qq-upload-extra-drop-area {
    position: relative;
    margin-top: 50px;
    font-size: 16px;
    padding-top: 30px;
    height: 20px;
    min-height: 40px;
}

.qq-upload-drop-area-active {
    background: #FF7171;
}

.qq-upload-list {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    z-index: 10;
}

.qq-upload-list li {
    margin: 0 !important;
    padding: 9px 5px;
    line-height: 15px;
    font-size: 14px !important;
    background-color: #FFFFF5;
    color: #000;
    border-radius: 4px;
    border: 1px solid #F5F3C8;
}

.qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text, .qq-upload-finished {
    margin-right: 12px;
}

.qq-upload-file {
    color: #5F5F5F !important;
    width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    margin: 0 !important;
}

.qq-upload-spinner {
    display: inline-block;
    background: url(../img/loading.gif);
    width: 15px;
    height: 15px;
    vertical-align: text-bottom;
    float: left;
}

.qq-upload-finished {
    display: none;
    width: 15px;
    height: 15px;
    vertical-align: text-bottom;
}

.qq-upload-size, .qq-upload-cancel {
    ont-size: 12px !important;
    font-weight: normal;
    color: rgb(226, 226, 226);
    background: rgb(151, 151, 151);
    padding: 5px 8px;
    border-radius: 100px;
    display: inline-block !important;
    vertical-align: top;
}

.qq-upload-cancel {
    opacity: .75;
    font-size: 11px !important;
    padding: 0;
    margin: 0;
    margin-top: 1px;
    background: none;
    color: #BDB96B;
    float: right;
}

.qq-upload-failed-text {
    display: none;
    font-style: normal;
    font-weight: 700;
    color: red !important;
    white-space: initial;
}

.qq-upload-failed-icon {
    display: none;
    width: 15px;
    height: 15px;
    vertical-align: text-bottom;
}

.qq-upload-fail .qq-upload-failed-text {
    font-size: 12px !important;
    font-weight: normal;
    display: inline-block;
    color: #943636 !important;
    margin-right: 0;
    text-shadow: none;
}

.qq-upload-list li.qq-upload-success {
    padding: 0 10px;
    border-radius: 5px;
    border-width: 1px;
    border-style: solid;
    margin: 16px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
    color: #468847;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    font-style: normal;
}

.qq-upload-list .qq-upload-fail {
    margin: 10px 0 !important;
    padding: 10px;
    border-radius: 3px;
    border-width: 1px;
    border-style: solid;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
    color: #b94a48 !important;
    background-color: #f2dede;
    border-color: #eed3d7;
    font-style: normal;
}

.qq-progress-bar {
    background: -moz-linear-gradient(top, rgba(30, 87, 153, 1) 0, rgba(41, 137, 216, 1) 50%, rgba(32, 124, 202, 1) 51%, rgba(125, 185, 232, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(30, 87, 153, 1)), color-stop(50%, rgba(41, 137, 216, 1)), color-stop(51%, rgba(32, 124, 202, 1)), color-stop(100%, rgba(125, 185, 232, 1)));
    background: -webkit-linear-gradient(top, rgba(30, 87, 153, 1) 0, rgba(41, 137, 216, 1) 50%, rgba(32, 124, 202, 1) 51%, rgba(125, 185, 232, 1) 100%);
    background: -o-linear-gradient(top, rgba(30, 87, 153, 1) 0, rgba(41, 137, 216, 1) 50%, rgba(32, 124, 202, 1) 51%, rgba(125, 185, 232, 1) 100%);
    background: -ms-linear-gradient(top, rgba(30, 87, 153, 1) 0, rgba(41, 137, 216, 1) 50%, rgba(32, 124, 202, 1) 51%, rgba(125, 185, 232, 1) 100%);
    background: linear-gradient(to bottom, rgba(30, 87, 153, 1) 0, rgba(41, 137, 216, 1) 50%, rgba(32, 124, 202, 1) 51%, rgba(125, 185, 232, 1) 100%);
    width: 0;
    height: 15px;
    border-radius: 6px;
    margin-bottom: 3px;
    display: none;
}

.qq-upload-drop-area span {
    display: block;
    margin: 0 !important;
    padding: 7px 20px;
    width: auto;
    height: 37px;
    border: 1px dashed #bbb;
    border-radius: 4px;
    background: rgb(252, 252, 252);
    color: #76d881 !important;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px !important;
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::   USER DETAILS LIST  STYLES          :::::::*/
/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/

.user_details_list {
    position: absolute;
    top: 21px;
    background-color: #fff;
    z-index: 9999;
    border-radius: 5px;
    padding: 2px 4px 4px 2px;
    border: #fff 1px solid;
}

#header_nav_menu .user_details_list {
    position: absolute;
    top: 40px;
    display: none;
    background-color: #fff;
    z-index: 9999;
    border-radius: 5px;
    padding: 0;
    opacity: 1;
    filter: alpha(opacity=94);
    width: 400px;
    color: #666;
    background: #fff;
    border: 1px solid #fff;
}

#helpmenu, #savedfiltersmenu {
    width: 200px !important;
}

#header_nav_menu .user_details_list:after, #header_nav_menu .user_details_list:before {
    bottom: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

#header_nav_menu .user_details_list:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 10px;
    left: 10%;
    margin-left: -10px;
}

#header_nav_menu .user_details_list:before {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 11px;
    left: 10%;
    margin-left: -11px;
}

#header_nav_menu .user_slide_menu ul, #header_nav_menu .user_details_list ul {
    overflow: auto;
    width: 100%
}

#left_sidebar .user_details_list {
    position: absolute;
    top: 21px;
    left: 95px !important;
    display: none;
    background-color: #fff;
    z-index: 9999;
    border-radius: 5px;
    box-shadow: 0 0 3px rgba(0, 0, 0, .35);
    width: 155px;
    color: #666;
    margin-top: -25px;
    padding: 5px 0;
}

#left_sidebar .user_details_list ul li {
    width: 155px;
}

.tuser_tiny .user_details_list {
    left: 110px !important;
}

.user_slide_menu ul, .user_details_list ul {
    overflow: auto;
    width: auto;
}

.user_slide_menu ul li, .user_details_list ul li, .more_slide_menu ul li {
    display: block;
    margin: 0;
    padding: 9px;
    font-size: 12px;
    overflow: hidden;
    font-weight: 400;
    float: left;
    width: 200px;
    background: #fff;
    box-sizing: border-box;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    color: #666;
    position: relative;
}

.user_slide_menu ul li:hover, .user_details_list ul li:hover {
    cursor: pointer;
    border-top: 1px solid #2aa89e;
    border-bottom: 1px solid #2aa89e;
    background: rgba(42, 168, 158, .08);
}

#header_nav_menu .del_bt, .del_bt {
    position: absolute;
    top: 8px;
    right: 3px;
    width: 14px;
    height: 14px;
    background: url(../img/socialbro_app_sprite_1_1.png) no-repeat top left;
    background-position: -173px -54px;
    display: block;
    cursor: pointer;
    margin: 0;
    border: 0;
}

#header_nav_menu .del_bt:hover, .del_bt:hover {
    opacity: .7;
    filter: alpha(opacity=70);
}

.slide_menu_check {
    float: left;
    margin: 0 4px 0 0;
}

.user_slide_menu label span, .user_details_list label span {
    display: block;
    float: left;
    margin: 2px 0 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 120px;
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::         MORE SLIDES  STYLES          :::::::*/
/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/

.more_slide_menu {
    position: absolute;
    top: 28px;
    right: 5px;
    z-index: 9999;
    border-radius: 5px;
    display: none;
    font-size: 12px;
    box-shadow: 0 0 3px rgba(0, 0, 0, .35)
}

#left_sidebar .more_slide_menu {
    position: absolute;
    top: 35px;
    right: 0;
    z-index: 9999;
    border-radius: 5px;
    display: none;
    font-size: 12px;
    text-align: left;
}

.more_slide_menu_grid {
    top: 88px;
}

.more_slide_menu_grid_top {
    top: -65px;
}

.more_slide_menu_grid_top_instagram {
    top: -18px;
}

.more_slide_menu ul {
    overflow: auto;
    width: 150px;
    height: auto;
}

.more_slide_menu ul li {
    display: block;
    margin: 0;
    padding: 4px 0;
    font-size: 12px;
    overflow: hidden;
    position: relative;
    width: 150px;
}

.more_slide_menu ul li span {
    display: inline-block;
    margin: 2px 0 0;
    text-align: left;
    vertical-align: middle;
}

.more_slide_menu ul li img {
    display: inline-block;
    margin: 0 5px;
    vertical-align: middle;
    height: 13px;
    width: 13px;
}

.more_slide_menu ul li:hover {
    cursor: pointer;
    border-top: 1px solid #2aa89e;
    border-bottom: 1px solid #2aa89e;
    background: rgba(42, 168, 158, .08);
}

.more_slide_menu svg {
    margin: 0 5px 0 10px;
}

.notes_notify {
    width: 24px;
    height: 24px;
    position: absolute;
    bottom: -1px;
    left: -1px;
    display: block;
    background: url(../img/socialbro_app_sprite_1_1.png) no-repeat top left;
    background-position: -263px -69px;
}

.interaction_notify {
    width: 24px;
    height: 24px;
    position: absolute;
    bottom: -1px;
    right: -1px;
    display: block;
    background: url(../img/socialbro_app_sprite_1_1.png) no-repeat top left;
    background-position: -305px -194px;
}

.newacc {
    padding: 1.2em;
    text-align: center;
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::        DASHBOARD PAGE STYLES         :::::::*/
/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/

.dashboard_big_item2 {
    background: transparent;
    color: black;
}

.dashboard_big_item {
    position: relative;
    width: 98%;
    display: block;
    margin: 0 auto;
    float: none;
    padding: 0 !important;
    border-radius: 5px;
    background: #fff;
    clear: left;
    border: 1px solid #ececec;
}

.dashboard_left_col > .dashboard_big_item, .dashboard_right_col > .dashboard_big_item {
    width: 100%
}

.dash_panel_loading {
    position: absolute;
    width: 99%;
    height: 98%;
    opacity: .9;
    filter: alpha(opacity=90);
    z-index: 99;
    background: #666 url(../img/loader.png) center center no-repeat;
}

.dashboard_big_item .dashboard_item_header {
    width: 100%;
    margin: 0 0 10px;
    padding: 5px 0;
    border-radius: 5px 5px 0 0;
}

.dashboard_item_header header {
    float: left;
}

.dashboard_item_header header span {
    color: #666;
    font-size: 13px;
    float: right;
    font-weight: 400;
    margin: 3px 0 0 5px;
    cursor: pointer;
    font-family: sans-serif, arial;
}

.dashboard_empty_panel {
    font-size: 14px;
    padding: 20px;
    text-align: center;
    color: #AAA;
}

.SB_BTTlabel {
    font-size: 12px !important;
    margin: 0 0 0 5px !important;
    cursor: text !important;
    float: left !important;
}

.default_cursor {
    cursor: default;
}

.panel_move_bt {
    width: 14px;
    height: 15px;
    background: url(../img/socialbro_app_sprite_1_1.png) no-repeat top left;
    background-position: -167px -93px;
    display: block;
    margin: 0 6px 0 4px;
    cursor: move;
    float: left;
}

.panel_help_bt {
    width: 18px;
    height: 18px;
    background: url(../img/socialbro_app_sprite_1_1.png) no-repeat top left;
    background-position: -186px -93px;
    display: block;
    margin: 2px 6px 0 2px;
    cursor: help;
    float: right;
}

.panel_close_bt {
    width: 18px;
    height: 18px;
    background: url(../img/socialbro_app_sprite_1_1.png) no-repeat top left;
    background-position: -207px -93px;
    display: block;
    margin: 2px 6px 0 2px;
    cursor: pointer;
    float: right;
    border-radius: 100%;
}

.panel_close_bt2 {
    width: 18px;
    height: 18px;
    background: url(../img/socialbro_app_sprite_1_1.png) no-repeat top left;
    background-position: -207px -93px;
    display: block;
    margin: 2px 2px 0;
    cursor: pointer;
    position: absolute;
    right: 8px;
    top: 8px;
    border-radius: 100%;
}

.panel_close_bt2:hover, .panel_close_bt:hover {
    background: url(../img/socialbro_app_sprite_1_1.png) no-repeat top left;
    background-position: -207px -73px;
}

.panel_help_bt:hover {
    background: url(../img/socialbro_app_sprite_1_1.png) no-repeat top left;
    background-position: -186px -73px;
}

.dashboard_big_item .dashboard_item_content {
    width: 99%;
    position: relative;
    display: block;
    margin: 0;
}

.dash_stats_area {
    width: 90%;
    display: block;
    margin: 4px auto 6px;
    clear: both;
    text-align: center;
}

.dashboard_item_demo {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    z-index: 100;
    cursor: pointer;
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::       BIG DASHBOARD  STYLES          :::::::*/
/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/

.bigdash_stats_item {
    position: relative;
    border-radius: 5px;
    border: solid #e0e0e0 1px !important;
    display: inline-block;
    margin: 0 5px;
    width: 31.33%;
    min-width: 31.33%;
    max-width: 220px;
    transition: background .25s;
    border-bottom: 1px solid #cfcfcf !important;
    padding: 1px 8px 6px;
}

.positiveNumber {
    color: #3bb945 !important;
    font-weight: 900;
    font-size: 14px;
}

.negativeNumber {
    color: #da1d1d !important;
    font-weight: 900;
    font-size: 14px;
}

#global_stats_panel .bigdash_stats_item {
    padding: 0 35px 10px 10px;
}

.bigdash_stats_item.good {
    background-color: #ECFDEC;
}

.bigdash_stats_item.bad {
    background-color: #FFEDED;
}

.bigdash_stats_item.link, #global_stats_panel .bigdash_stats_item {
    cursor: pointer;
}

.bigdash_stats_item:hover {
    background-color: #f0f0f0;
    color: #fff;
    border-bottom: 4px solid #31a3a8;
    margin-bottom: -4px;
}

.bigdash_stats_item b {
    color: #777;
    font-size: 37px;
    display: block;
    margin: 0;
    padding: 0;
    text-align: center;
    text-decoration: none;
}

.bigdash_stats_item b a:hover {
    color: #454545;
}

.bigdash_stats_item span {
    color: #666;
    font-size: 12px;
    display: block;
    margin: -4px 0 0 0;
    padding: 0;
    font-weight: 700;
    width: 100%;
    text-align: center;
}

.bigdash_stats_item .dash_counter_ico {
    position: absolute;
    top: 10px;
    right: 12px;
    width: 28px;
    height: 12px;
    padding: 18px 0 0;
    font-size: 10px;
    text-align: center;
}

.dash_counter_down {
    background: url(../img/counter_down.png) top center no-repeat;
    color: #FF6464;
}

.dash_counter_up {
    background: url(../img/counter_up.png) top center no-repeat;
    color: #009D6A;
}

.dash_counter_downgreen {
    background: url(../img/counter_down_green.png) top center no-repeat;
    color: #009D6A;
}

.dash_counter_upred {
    background: url(../img/counter_up_red.png) top center no-repeat;
    color: #FF6464;
}

.dash_counter_equal {
    background: url(../img/counter_equal.png) top center no-repeat;
    color: #09C;
}

.grafic_section {
    display: block;
    min-height: 250px;
    width: 100%;
}

.highcharts-tooltip-evolution {
  background: rgb(247, 247, 247);
  border: 1px solid red;
  border-radius: 3px;
  display: block;
  padding: 8px;
  box-shadow: 1px 1px 1px rgba(0,0,0,0.2)
}

#tweets_analytics_chart {
    min-height: 234px;
}

.rts_dash_stats_area {
    width: 328px;
    display: block;
    margin: 4px auto 6px;
    overflow: hidden;
    padding: 2px 0 21px;
    height: 74px;
}

.rts_bigdash_stats_item {
    position: relative;
    border-radius: 5px;
    display: block;
    float: left;
    padding: 1px 34px 6px 8px;
    margin: 4px 10px 0;
    width: 100px;
}

.rts_bigdash_stats_item b {
    color: #666;
    font-size: 37px;
    display: block;
    margin: 0;
    padding: 0;
    text-align: center;
    text-decoration: none;
}

.rts_bigdash_stats_item span {
    color: #666;
    font-size: 12px;
    display: block;
    margin: -4px 0 0 0;
    padding: 0;
    font-weight: 700;
    width: 100%;
    text-align: center;
}

.rts_bigdash_stats_item .dash_counter_ico {
    position: absolute;
    top: 10px;
    right: 3px;
    width: 28px;
    height: 12px;
    padding: 18px 0 0;
    font-size: 10px;
    text-align: center;
}



/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::     DASHBOARD ITEMS  STYLES          :::::::*/
/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/

#users_content > .dashboard_item {
    width: 98%
}

.dashboard_item {
    position: relative;
    width: 100%;
    display: block;
    margin: 0 auto;
    float: none;
    padding: 0 !important;
    border-radius: 5px;
    background: #fff;
    clear: left;
    overflow: hidden;
    border: 1px solid #ececec;
}

.dashboard_drop_on {
    float: left;
    width: 99%;
    text-align: center;
    padding-top: 50px;
    font-size: 14px;
    color: #888;
    text-transform: uppercase;
    height: 90px;
    border: 1px solid #fff;
    margin: 5px 0;
    background: #fff;
    border-radius: 0;
}

.dashboard_drop_off {
    float: left;
    width: 99%;
    height: 10px;
    border: 0;
    margin: 0;
    background: transparent;
    border-radius: 0;
}

.dashboard_item .dash_panel_loading {
    width: 98%;
    height: 96%;
}

.dashboard_item .dashboard_item_header {
    width: 100%;
    height: 20px;
    float: left;
    margin: 0;
    padding: 5px 0;
    border-radius: 5px 5px 0 0;
}

.dashboard_item .dashboard_item_header .panel_close_bt,
.dashboard_item .dashboard_item_header .panel_help_bt {
    visibility: hidden;
}

.dashboard_item:hover .dashboard_item_header .panel_close_bt,
.dashboard_item:hover .dashboard_item_header .panel_help_bt {
    visibility: visible;
}

.dashboard_big_item .dashboard_item_header .panel_close_bt,
.dashboard_big_item .dashboard_item_header .panel_help_bt {
    visibility: hidden;
}

.dashboard_big_item:hover .dashboard_item_header .panel_close_bt,
.dashboard_big_item:hover .dashboard_item_header .panel_help_bt {
    visibility: visible;
}

.dashboard_item .dashboard_item_content {
    clear: both;
    width: 100%;
    overflow: hidden;
    position: relative;
    display: block;
    padding: 0;
    text-align: left;
}

.dashboard_item .dashboard_item_content2 {
    clear: both;
    width: 100%;
    overflow: hidden;
    position: relative;
    display: block;
    padding: 2px 5px 26px;
}

.addToDashboardButton {
    width: 10px;
    line-height: 1;
    text-decoration: none;
    font-weight: normal;
    display: inline-block;
    cursor: pointer;
    float: right;
    text-align: center;
    border-radius: 3px;
    background-color: rgba(245, 245, 245, 1);
    border: solid #e9e9e9 1px;
    color: #666 !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
    text-transform: uppercase;
    padding: 10px 15px;
    margin: 0 0 0 10px;
    position: absolute;
    top: 5px;
    right: 5px;
    text-indent: -999999px;
    background-image: url(../img/ico-addtodashboard.png);
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 1;
}

.addToDashboardButton:hover,
.addToDashboardButton:focus {
    background-color: rgba(229, 229, 229, 1);
}

.addToDashboardButton:active {
    background-color: rgba(245, 245, 245, 1);
}

.dashboard_item_content2 a {
    margin: 1px;
}

#rts_users a img {
    border-radius: 50%;
}

.left_panel_margin {
    margin: 0 10px 10px 0;
}

.dashboard_cols {
    width: 98%;
    float: none;
    margin: 0 auto;
}

.dashboard_left_col {
    margin: 0;
    float: left;
    width: 49.43%
}

.dashboard_right_col {
    float: right;
    width: 49.43%;
    margin: 0;
}

@media only screen and (max-width: 800px) {
    .dashboard_cols {
        float: none;
        margin: 0 auto;
        width: 95%;
    }

    .dashboard_left_col {
        float: none;
        margin: 0 auto;
        width: 100%;
    }

    .dashboard_right_col {
        float: none;
        margin: 0 auto;
        width: 100%;
    }
}

.dashboard_item .dash_stats_item {
    display: block;
    position: relative;
    margin: 0 auto;
    padding: 0;
    width: 42%;
    height: 80px;
    text-align: center;
    vertical-align: middle;
}

.dashboard_item .dash_stats_item b a {
    color: #8a8a8a;
    font-size: 51px;
    display: block;
    float: left;
    text-decoration: none;
    letter-spacing: -.1em;
    font-weight: 400;
    margin: -9px 0 0 30px;
}

.dashboard_item .dash_stats_item b a:hover {
    color: #454545;
}

.dash_stats_item .dash_counter_ico {
    text-align: center;
    width: 18px;
    height: 18px;
    padding: 0 0 2px 2px;
    margin: 0 auto;
}

.dashboard_item .dash_stats_item span {
    margin: 0;
    color: #666;
    text-align: right;
    display: block;
    width: 100%
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::   DAHSBOARD USERS LISTS  STYLES      :::::::*/
/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/

.dash_users_list {
    display: inline-block;
    width: 50%;
    max-width: 50%;
    margin: 0 0 15px 0;
    overflow: hidden;
    vertical-align: middle;
    height: 35px;
    max-height: 35px;
    padding-right: 20px;
    background: url(../img/moreicon.jpg) no-repeat top left;
    text-align: left;
}

.dash_users_list img {
    margin: 0 0 0 1px;
    float: none;
    border: 0;
    border-radius: 10%;
}

.dash_users_list img:hover {
    border: 0;
    background-color: #efefef;
    opacity: .8;
}

.dash_metrics img, .dash_metrics p {
    margin-top: 55px;
}

.dash_bottom_bts {
    clear: both;
    position: relative;
    right: 0;
    bottom: 0;
    margin-right: 0;
    padding: 10px 2px 10px 0;
    background: rgba(0, 0, 0, 0.04);
    color: #666;
    text-align: right;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, .75);
}

.dash_bottom_bts a {
    font-size: 11px;
    color: #666;
    margin: 0 4px 0 0;
    padding: 0 3px;
    text-decoration: none;
}

.dash_bottom_bts a:hover {
    color: #4e797a;
    text-decoration: none;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, .75);
}

a.kred_more_dashboard {
    text-indent: -999999px;
    display: inline-block;
    vertical-align: middle;
}

.kred_more_dashboard img {
    display: block;
    width: 97px;
    padding-bottom: 10px;
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::       OPTIONS LISTS  STYLES          :::::::*/
/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/

.get_started header {
    color: #3D919B;
    font-size: 20px;
    margin: 0 0 6px;
    font-weight: 400;
}

.get_started .options_list {
    float: left;
    margin: 6px 0 4px 4px;
}

.options_list ul {
    font-size: 15px;
    color: #838383;
    margin: 0 0 5px 6px;
}

.options_list ul li {
    margin: 0 0 6px 2px;
    list-style: none;
}

#container .options_list ul li a.options_list_item {
    margin: 0 10px 2px 0;
    list-style: none;
    color: #838383;
    text-decoration: none;
    font-size: 14px;
    display: block;
    padding: 8px 0 6px 20px;
    background: url(../img/files_ico.png) center left no-repeat;
}

#container .options_list ul li a.options_list_item:hover {
    color: #3D919B;
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::              VIDEOS  STYLES          :::::::*/
/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/

.videos_sb {
    overflow: hidden;
}

.videos_content {
    float: left;
    width: 96%;
    margin: 10px 0 0 20px;
    overflow: hidden;
    height: 190px;
}

.video_item {
    float: left;
    margin: 4px 10px 20px 0;
    width: 256px;
    text-align: center;
    color: #3D919B;
}

.video_item .player {
    margin: 0 0 6px;
}

.video_item span {
    color: #3D919B;
    padding: 4px 0 0;
}

.sync_panel {
    text-align: center;
    font-size: 14px;
}

.sync_loading {
    margin: 0 auto;
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::       PROGRESS BAR   STYLES          :::::::*/
/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/

.dash_progress_box {
    position: absolute;
    width: 40%;
    height: 16px;
    margin: 0 30%;
    border: #408C95 1px solid;
    border-radius: 2px;
    background-color: #fff;
}

.dash_progress_box .progress_bar {
    float: left;
    height: 16px;
    background-color: #408C95;
    border-radius: 2px;
    margin: 0 4px 0 0;
}

.dashboard_item .dash_progress_box {
    width: 60%;
    height: 15px;
    margin: 0 20%
}

.dashboard_item .dash_progress_box .progress_bar {
    height: 15px;
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::            FOOTER   STYLES           :::::::*/
/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/

#app_footer {
    display: block;
    height: 60px;
    color: #666;
    margin: 0;
    padding: 0 0 0 275px;
    vertical-align: top;
}

.order_by_title {
    margin: 0 0 0 4px;
}

#order_by_selected {
    float: left;
    width: 140px;
    padding: 7px 2px 5px 4px;
    margin: 1px 4px 0 2px;
    color: #666;
    font-size: 13px;
    cursor: pointer;
    background: #f9f9f9;
    border-radius: 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    border: 1px solid #ececec;
    box-sizing: border-box;
}

#order_by_select_area li {
    cursor: pointer;
    margin: 2px;
    padding: 4px;
    list-style: none;
    display: block;
    height: 14px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

#order_by_select_area li:hover {
    cursor: pointer;
    border-top: 1px solid #2aa89e;
    border-bottom: 1px solid #2aa89e;
    background: rgba(42, 168, 158, .08);
}

.footer_arrow_up {
    float: left;
    display: block;
    width: 12px;
    height: 16px;
    background: url(../img/socialbro_app_sprite_1_1.png) no-repeat top left;
    background-position: -1px -56px;
    margin: 7px 0 0 -20px;
    cursor: pointer;
    position: relative;
}

.footer_arrow_down {
    float: left;
    display: block;
    width: 12px;
    height: 16px;
    background: url(../img/socialbro_app_sprite_1_1.png) no-repeat top left;
    background-position: -62px -56px;
    margin: 7px 0 0 -20px;
    cursor: pointer;
    position: relative;
}

#selected_more .bulkfollow1, #selected_more .bulkunfollow {
    background-image: url(../img/bulkfollow.png);
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999999px;
    margin-right: 5px;
}

#selected_more .bulkfollow1 {
    background-position: top left;
}

#selected_more .bulkunfollow {
    background-position: top right;
}

.f_active {
    opacity: 1;
    filter: alpha(opacity=100);
    background-color: #c2c2c2 !important;
}

.f_follow_all_bt {
    cursor: pointer;
    filter: alpha(opacity=100);
    opacity: 1;
}

.f_unfollow_all_bt {
    cursor: pointer;
    filter: alpha(opacity=100);
    opacity: 1;
}

.f_add_list_bt {
    cursor: pointer;
    opacity: 1;
    filter: alpha(opacity=100);
}

.main_view_grid, .main_view_full, .main_view_single {
    float: left;
    display: block;
    width: 29px;
    height: 29px;
    background-image: url(../img/socialbro_app_sprite_1_1.png);
    cursor: pointer;
    background-color: #29c4d0;
    border-radius: 4px 0 0 4px;
    margin: 0;
    position: relative;
}

.main_view_grid {
    background-position: -139px -85px;
    border-left: 0;
    border-radius: 0 4px 4px 0;
}

.main_view_full {
    background-position: -12px -52px;
    border-left: 0;
    border-radius: 0;
}

.main_view_single {
    background-position: -33px -53px;
    border-radius: 4px 0 0 4px;
}

.f_active:after, .f_active:before {
    border: transparent;
}

.footer_bt {
    color: #272727;
    float: left;
    border-radius: 4px;
    padding: 6px 10px;
    margin: 10px 0 0 4px;
    font-size: 11px;
    border: #000 1px solid;
}

.footer_bt:hover {
    background-image: -moz-linear-gradient(top, #e4e4e4, silver);
    background-image: -ms-linear-gradient(top, #e4e4e4, silver);
    background: -webkit-gradient(linear, left top, left bottom, from(#e4e4e4), to(silver));
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::       FROZEN LISTS   STYLES          :::::::*/
/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/

.f_frozen_list {
    float: left;
    display: block;
    width: 29px;
    height: 29px;
    background: url(../img/socialbro_app_sprite_1_1.png) no-repeat top left;
    background-position: 0 -222px;
    margin: 7px 2px 0 0;
    cursor: pointer;
    opacity: 1;
    background-color: #d5d5d5;
}

.f_more_arrow_bt {
    float: left;
    display: block;
    width: 29px;
    height: 29px;
    background: url(../img/socialbro_app_sprite_1_1.png) no-repeat top left;
    background-position: -204px -33px;
    margin: 7px 1px 0 0;
    cursor: pointer;
    opacity: 1;
    filter: alpha(opacity=100);
    background-color: #d5d5d5;
}

.f_follow_all_bt:hover, .f_unfollow_all_bt:hover, .f_desp_arrow_bt:hover, .f_add_list_bt:hover {
    opacity: .8;
}

.frozen:after {
    position: absolute;
    content: "";
    width: 15px;
    height: 16px;
    right: 8px;
    top: 22px;
    background: red url(../img/socialbro_app_sprite_1_1.png);
}

.frozen.whitelisted:after {
    background-position: -48px -229px;
}

.frozen.blacklisted:after {
    background-position: -32px -229px;
}

.f_more_slide_menu {
    position: absolute;
    background-color: #fff;
    border-radius: 5px;
    padding: 0;
    overflow: auto;
    z-index: 9997;
    bottom: 44px;
    left: 373px;
    border: #fff 1px solid;
    filter: alpha(opacity=94);
    opacity: .94;
    display: none;
}

.f_frozen_list_menu {
    left: 332px;
}

.f_more_slide_menu ul {
    width: 150px;
    height: auto;
}

.f_frozen_list_menu ul {
    width: 182px;
}

.f_more_slide_menu li {
    display: block;
    padding: 4px;
    font-size: 12px;
    overflow: hidden;
    position: relative;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.f_more_slide_menu li span {
    vertical-align: middle;
    display: inline-block;
    margin: 2px 0 0 2px;
    color: #666;
    font-size: 12px;
    text-transform: capitalize;
}

.f_more_slide_menu li img {
    display: inline-block;
    margin: 0 2px 0 0;
    width: 16px;
    height: 16px;
    vertical-align: middle;
}

.f_more_slide_menu li:hover {
    cursor: pointer;
    border-top: 1px solid #2aa89e;
    border-bottom: 1px solid #2aa89e;
    background: rgba(42, 168, 158, .08);
}

.f_more_slide_menu p {
    background: #666;
    padding: 9px !important;
    margin: 0;
    border: 0 !important;
    text-transform: uppercase;
    font-size: 9px !important;
}

.slide_menu_bottom {
    position: fixed;
    float: left;
    width: 14px;
    height: 8px;
    margin: 4px 0 0 55px;
    background: url(../img/slide_menu_bottom.png) top left no-repeat;
    display: none;
}

.f_users-options {
    margin: 6px 0 0 !important;
}

.f_users-options > li {
    position: relative;
    vertical-align: top;
    color: rgba(255, 255, 255, .86);
    display: inline-block;
    margin-top: -6px;
    margin-left: 5px;
    margin-right: -2px;
    background: #29c4d0;
    line-height: 30px;
    padding-left: 6px;
    padding-right: 5px;
    cursor: pointer;
    border-radius: 5px;
    font-size: 10px;
    font-weight: lighter;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .11);
    min-height: 30px;
    min-width: 20px;
}

.f_arrow {
    background: url(../img/socialbro_app_sprite_1_1.png) no-repeat center left;
    background-position: -210px -35px;
    display: inline-block;
    width: 15px;
    height: 17px;
}

.f_menu {
    width: 180px;
    left: auto !important;
    margin-left: -10px;
}

.f_menu > li {
    line-height: initial;
}

.f_menu > li i {
    background-image: url(../img/socialbro_app_sprite_1_1.png);
    width: 18px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
}

.f_more_slide_menu .f_break {
    border-top: solid 1px #E6DDDD;
    padding: 0;
}

.f_follow_all_bt > i {
    background-position: -209px -6px;
}

.f_unfollow_all_bt > i {
    background-position: -242px -37px;
}

.f_add_list_bt > i {
    background-position: -243px -6px;
}

.ffh-launcher > i {
    background-position: -66px -230px;
}

.f_unselect > i {
    background-position: -9999px -230px;
}

.f_menu .header {
    padding: 0;
    margin: 0;
    border-top: 0;
    border-bottom: 0;
}

.f_menu .header:hover {
    border: 0;
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::          PAGINATOR   STYLES          :::::::*/
/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/

#paginator {
    margin: 5px 20px 0 0;
    float: none;
    overflow: hidden;
}
.paginator_prev, .paginator_next {
    display: none;
    opacity: 0;
    top: 7px;
    bottom: 5px;
    position: absolute;
    background: rgba(75, 75, 75, 0.65);
    cursor: pointer;
    width: 35px;
    z-index: 11;
}
.paginator_prev > svg, .paginator_next > svg {
    color: white;
    display: block;
    height: 36px;
    margin-top: -18px;
    margin-left: -18px;
    opacity: .8;
    left: 50%;
    position: absolute;
    top: 50%;
    width: 36px;
}
.paginator_prev {
    border-radius: 3px 0 0 3px;
    left: 7px;
}
.paginator_prev > svg {
    transform: rotate(90deg);
}

.paginator_next {
    border-radius: 0 3px 3px 0;
    right: 7px;
}
.paginator_next > svg {
    transform: rotate(-90deg);
}

#paginator span {
    display: block;
    font-size: 12px !important;
    text-align: right;
    float: right;
    margin: 0;
    padding: 5px 10px;
    position: relative;
}

#paginator #paginator-total {
    display: block;
    font-size: 12px !important;
    text-align: right;
    float: right;
    margin: 0;
    padding: 5px 10px;
    position: relative;
}

#paginator ul {
    float: right;
    overflow: hidden;
    margin-left: 10px;
}

#paginator ul li {
    list-style: none;
    float: left;
}

#paginator a {
    width: auto;
    color: #666;
    font-size: 12px;
    text-align: center;
    background: #CECECE;
    line-height: 1;
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    padding: 5px 7px;
    border-radius: 11%;
    margin: 0 2px;
}

#paginator a:hover {
    background: #f29556;
    color: #fff !important;
}

#paginator #num_act a {
    background: #e45816;
    color: #fff;
    border-radius: 11%;
}

#paginator #num_act a:hover {
    color: #fff;
    background: #bbb;
}

#next a, #next a:visited, #prev a, #prev a.visited {
    letter-spacing: -1px;
    background: #29c4d0;
    color: #fff;
}

#next a {
    border-radius: 11% 50% 50% 11%;
}

#prev a {
    border-radius: 50% 11% 11% 50%;
}

#paginator .disabled {
    cursor: default;
    background: #ccc;
}

#paginator .disabled:hover {
    background: #ccc !important;
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::             LOGIN   STYLES           :::::::*/
/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/

#intro_logo {
    display: block;
    height: 79px;
    background: transparent url(../img/intro_logo.png) center 20px no-repeat;
    margin: 20px auto 0;
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*:: MACONTAINER  STYLES  BY Fabio Miranda Costa ::::*/
/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/

.ma-container {
    position: absolute;
    visibility: hidden;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 9997;
    top: 0;
    left: 0;
    background-color: whitesmoke;
    border-radius: 3px;
    padding: 2px 4px 4px 2px;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ma-container ul {
    list-style: none;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ma-container li {
    cursor: pointer;
    float: left;
    width: 100%;
    padding: 2px 2px 2px 4px;
    font-size: 12px;
    color: #666;
}

.ma-container li img {
    float: left;
    margin-right: 8px;
    border-radius: 50%;
}

.ma-container li span {
    float: left;
    margin-top: 4px;
    font-size: 11px;
    color: #666;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 175px;
}

.ma-container li strong {
    text-decoration: none;
    font-weight: 400;
    background: #fcfc91;
    color: #666;
}

.ma-container .ma-odd {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ma-container .ma-even {
    background-color: #f9f9f9;
}

.ma-container .ma-hover {
    background-color: #DFF3F5;
}

.ma-loading {
    background-color: #fafba4;
}

/*.ma-selected {}*/

/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::     TEXTBOX  STYLES  BY Guillermo Rauch    ::::*/
/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*  TextboxList Style guidelines
            This style doesn't necessarily have to be in a separate file.
            It's advisable not to set widths and margins from here, but instead apply it to a particular object or class (#id .textboxlist { width: xxx } or .class .textboxlist { width: xxx })
            The padding-top + padding-left + height of ".textboxlist-bit-editable-input {}" has to match the line-height of ".textboxlist-bit-box {}" for UI consistency.
            The font configuration has to be present in .textboxlist and .textboxlist-bit-editable-input (for IE reasons)
            The *padding-bottom (notice the *) property of .textboxlist-bits {} has to be equal to the margin-bottom of .textboxlist-bit {} for IE reasons.
            The padding-top of .textboxlist ul {} has to match the margin-bottom of .textboxlist-bit, and the padding-bottom has to be null.
            Make sure the border-width of the .textboxlist-bit-editable {} is equal to the border-width of the box (a border that matches the background is advisable for the input)
            Feel free to edit the borders, fonts, backgrounds and radius.
*/

.textboxlist-bits {
    zoom: 1;
    overflow: hidden;
    margin: 0;
    padding: 3px 4px 0;
    *padding-bottom: 3px;
}

.textboxlist-bit {
    list-style-type: none;
    float: left;
    display: block;
    padding: 0;
    margin: 0 5px 3px 0;
    cursor: default;
}

.textboxlist-bit-editable {
    border: 1px solid #fff;
}

.textboxlist-bit-editable-input {
    border: 0;
    padding: 2px 0;
    *padding-bottom: 0;
    height: 14px;
    font: 11px "Lucida Grande", Verdana;
}

.textboxlist-bit-editable-input:focus {
    outline: 0;
}

.textboxlist-bit-box {
    background: #069AFF;
    border-radius: 4px;
    color: #fff;
    float: left;
    line-height: 24px;
    margin: 5px !important;
    padding-right: 5px;
    position: relative;
    text-decoration: none;
}

.textboxlist-bit-box.textboxlist-bit-focus {
    background: #009EE1;
}

.textboxlist-bit-box-error {
    background-color: #be1931;
    color: #fff;
}

.textboxlist-bit-box-error:before {
    border-right-color: #be1931;
}


.textboxlist-bit-box .textboxlist-bit-box-deletebutton {
    fill: white;
    vertical-align: middle;
}

.textboxlist-bit-box .textboxlist-bit-box-dragger {
    border-radius: 4px 0 0 4px;
    fill: white;
    height: 24px;
    padding: 0 5px;
    vertical-align: middle;
}

.tag-container .textboxlist-bit-box-deletable {
    padding-left: 10px;
}

.textboxlist-bit-box .textboxlist-bit-box-deletebutton {
    border: 0;
    border-radius: 0 4px 4px 0px;
    cursor: pointer;
    margin-left: 8px;
    width: 8px;
}

.textboxlist-bit-box .textboxlist-bit-box-dragger {
    background: #0089E0;
    border-radius: 4px 0 0 4px;
    cursor: move;
    margin-right: 4px;
}

.textboxlist-bit-box-label {
    color: inherit;
    display: inline-block;
    padding-left: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
}

.textboxlist-bit-box-focus {
    border: 0;
    text-decoration: none;
}

.textboxlist-autocomplete {
    position: absolute;
    z-index: 100;
}

.textboxlist-autocomplete-placeholder, .textboxlist-autocomplete-results {
    opacity: .9;
    filter: alpha(opacity=90);
    background: #eee;
    border: 1px solid #ddd;
}

.textboxlist-autocomplete-placeholder {
    padding: 5px 7px;
}

.textboxlist-autocomplete-results {
    display: none;
    margin: 0;
    padding: 0;
    width: 96%
}

.textboxlist-autocomplete-result {
    margin: 0;
    padding: 5px;
    list-style-type: none;
    background: #eee;
}

.textboxlist-autocomplete-result-focus {
    background: #C6D9E4;
}

.textboxlist-autocomplete-highlight {
    background: #EEF0C4;
    font-weight: 700;
}

#logout {
    color: #fff;
    background: tomato;
    padding: 3px;
    border-radius: 3px;
}

a#hsexport {
    padding: 10px;
    color: #fff;
    text-shadow: none;
}

a#trial-choose-plan {
    text-transform: uppercase;
}

.big_input {
    position: relative;
    margin: 0 0 20px;
}

.big_input select, .big_input input {
    position: absolute;
    top: 0;
    right: 0;
}

#addsourcebtn, #canceladdsource {
    padding-right: 5px;
    padding-left: 5px;
    margin-top: 12px;
    float: right;
    min-width: 40px;
}

#settings_changepw {
    margin: 0 0 20px 0;
    font-size: 11px;
}

#account-info .validation-failed {
    background: #FFEDED !important;
    border: solid 1px #E28484 !important;
}

.savefilter_bt {
    margin: 0 auto;
    padding: 5px;
    display: block;
}

#lightbox_window input[type=text], #lightbox_window input[type=password], #lightbox_window input[type=email], #lightbox_window textarea {
    background: #fff;
    border-radius: 2px !important;
    color: #666;
}

#lightbox_window input[type=text], #lightbox_window input[type=password], #lightbox_window input[type=email] {
    background: #fff;
    border-radius: 2px !important;
    color: #666;
    font-size: 12px;
    padding: 1px 5px;
}

#lightbox_window input[type=text]:hover, #lightbox_window input[type=password]:hover, #lightbox_window input[type=email]:hover {
    color: rgba(81, 148, 160, .92);
}

#settings_notes .big_input {
    width: 100%;
    position: relative;
    height: auto;
    padding: 0;
    margin-top: 0 !important;
}

#settings_notes .big_input textarea {
    border: 1px solid #eee;
    background: #eee !important;
    width: 91%;
    padding: 5px;
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::          BEST TIME TO TWEET STYLES        ::::*/
/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/

.SB_BTTcontainer {
    display: block;
    width: 100%
}

.SB_BTTsubcontainer {
    float: left;
    display: block;
    vertical-align: top;
    margin: 0;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
}

.SB_BTTsubcontainer .dashboard_item_header header {
    float: left;
    width: 100%;
}

.trashIcon {
    width: 18px;
    height: 18px;
    background: url(../img/socialbro_app_sprite_1_1.png) no-repeat top left;
    background-position: bottom left;
    display: block;
    margin: 2px 2px 0;
    cursor: pointer;
    position: absolute;
    right: 8px;
    top: 8px;
    border-radius: 100%;
}

.trashIcon:hover {
    background: url(../img/socialbro_app_sprite_1_1.png) no-repeat top left;
    background-position: -20px -281px;
}

.SB_viewAndcriteria {
    float: right;
    padding: 0 0 0 55px;
    position: relative;
}

.SB_viewAndcriteria--DM {
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.SB_BTTsubcontainer .standard_bt {
    width: auto;
}

.SB_BTTicon {
    float: left;
    height: 120px;
    width: 0px;
    margin: 10px 0 0 10px;
    display: none;
    padding: 0;
    background: white !important;
}

.SB_BTTicon img {
    width: 25px;
}

.SB_resultTags {
    float: none;
    display: block;
    padding: 0 0 0 50px;
    box-sizing: border-box;
    overflow: auto;
    overflow-x: hidden;
    margin-right: 175px;
}

#search-status-params {
    width: 80%
}

.SB_resultTags span,
.SB_resultTags div {
    color: #999 !important;
    margin: 0;
    float: left;
    padding: 5px 10px;
    border-radius: 3px;
    font-size: 12px !important;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    background: none;
}

.SB_resultTagsClear {
    display: none;
}

.SB_lastUpdated {
    position: absolute;
    font-size: 11px;
    color: #A2A2A2;
    bottom: 10px;
    right: 5px;
    font-style: italic;
    font-weight: normal;
    font-family: open sans, arial, sans-serif;
}

.SB_pending {
    vertical-align: middle;
    margin: 0 0 0 2px;
    width: 10px;
}

.task_pending {
    margin: 4px 4px 0;
    float: left;
    padding: 10px;
    background: rgba(0, 0, 0, 0);
    border-radius: 6px;
}

.SB_context {
    color: #666;
    font-size: 12px;
    padding: 13px 0 0 80px;
    position: relative;
}

.SB_context:after {
    background-color: #72C427;
    border-radius: 50%;
    box-sizing: border-box;
    content: '';
    height: 6px;
    left: 69px;
    margin-top: -3px;
    position: absolute;
    top: 20px;
    width: 6px;
}

.SB_context:before {
    border-bottom: 2px solid #72C427;
    border-left: 2px solid #72C427;
    box-sizing: border-box;
    content: '';
    height: 19px;
    left: 60px;
    position: absolute;
    top: 2px;
    width: 11px;
}

.SB_BTTpic {
    border-radius: 3px;
    display: block;
    float: left;
    height: 40px;
    margin: 0 10px 0 0;
    width: 40px;
}

svg.SB_BTTpic {
    background-color: #29C4D0;
    border-radius: 3px;
    box-sizing: border-box;
    color: #FFF;
    padding: 7px;
}

.SB_BTT_dashboard_big_item {
    background: #fff;
    border-radius: 5px;
    position: relative;
    width: 49.2%;
    margin: 5px 0 5px 5px;
    overflow: hidden;
    display: inline-block;
    float: left;
    box-sizing: border-box;
    min-height: 200px;
    border: 1px solid #ececec;
}

@media only screen and (max-width: 1024px) {
    .SB_BTT_dashboard_big_item {
        background: #fff;
        border-radius: 5px;
        position: relative;
        width: 99%;
        margin: 0 auto 10px;
        overflow: hidden;
        display: block;
        float: none;
        box-sizing: border-box;
        min-height: 180px;
    }
}

.SB_reportMessage {
    margin: 10px 0;
}

.SB_generateReport {
    margin: 0 0 10px;
    font-size: 15px;
    font-weight: 400;
    color: #8E8E8E;
}

a.SB_getReport {
    width: auto;
    margin: 5px 0 0;
}

.SB_upgrade {
    padding: 20px;
    font-family: arial;
    margin: 0 auto;
    border-radius: 5px;
}

.SB_upgrade .SB_upgrade_title {
    font-size: 19px;
    font-family: sans-serif, arial;
    border-bottom: 1px solid #ddd;
    font-weight: bold;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

.SB_upgradeOptionsTable {
    border: 1px solid #dfdfdf;
    border-radius: 4px;
    padding: 0;
    margin: 0 auto;
}

.SB_upgradeOptionsTable form input {
    display: none;
}

.SB_upgradeOptionsTable td {
    padding: 0 10px 10px;
    border-right: 1px solid #dfdfdf;
    text-align: center;
    position: relative;
    height: 150px;
    width: 250px;
    border-radius: 3px;
    background: #f5f5f5;
}

.SB_upgradeOptionsTable td:last-child {
    border-right: 0;
}

.SB_upgrade_remover {
  margin-top: 20px;
  padding: 0;
}

.SB_upgrade_remover .upgrade-sources-container .screen-name {
  display: inline-block;
  font-size: 14px !important;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
}

.SB_upgradeLesserPrize, .SB_upgradeBestPrize, .SB_upgradeExpensivePrize {
    font-weight: 700;
    color: #666;
}

.SB_upgradeOptionsTable p {
  /* !important necessary to override !important from popup styles */
  font-size: 14px !important;
}

td.SB_upgradeLesserPrize {
    border-radius: 4px 0 0 4px;
}

td.SB_upgradeBestPrize {
    border-radius: 0;
}

td.SB_upgradeExpensivePrize {
    border-radius: 0 4px 4px 0;
}

.SB_upgradeBestPrize .SB_upgradeBttn {
    width: 200px;
    font-size: 18px;
    text-transform: uppercase;
}

.SB_upgradeBttn em {
    text-transform: none;
    width: 130px;
    font-size: 16px;
    font-style: normal;
    color: #81362a;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .18);
    margin: 5px auto 0;
    display: block;
}

.SB_upgrade hr {
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, .4);
    background: 0;
    margin: 10px auto;
    width: 100%
}

.SB_upgradeBttn {
    width: 150px;
    padding: 8px 15px;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    border-radius: 5px;
    border: 1px solid #B04A39;
    border-bottom: 1px solid #CB523F;
    background: #C1513F;
    text-shadow: 0 -1px 0 #8A3A2D;
    cursor: pointer;
    text-decoration: none;
    margin: 0 auto;
    margin-top: 20px;
    display: block;
    text-align: center;
}

.SB_upgradeBttn:active {
    cursor: pointer;
    position: relative;
    top: 10px;
    left: 0;
}

.SB_upgrade .SB_upgrade_amount_desc,
.SB_upgrade .SB_upgrade_why {
  color: #0c3940;
  font-size: 15px;
  font-style: normal;
  line-height: 18px;
  margin-top: 15px;
  text-align: justify;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .23);
}

.SB_upgrade .SB_upgrade_amount_desc .amount {
  font-weight: bold;
}

.SB_upgradeLink {
    margin-top: 15px !important;
    font-size: 1.2em;
    text-decoration: none;
}

.SB_upgradeBack {
    position: absolute;
    bottom: 2px;
    left: 5px;
    color: #444 !important;
}

.SB_upgradeLink:hover {
    text-decoration: none;
}

#upgrade-remove {
  margin: 0 auto 0;
  position: relative;
}

.upgrade-remove-info {
  position: relative;
  width: 100%;
}

.upgrade-remove-info:before {
    position: absolute;
    width: 40px;
    height: 40px;
    margin-left: -48px;
    margin-top: -3px;
    display: inline-block;
}

.upgrade-remove-info.error:before {
    background: transparent url(../img/dialog_no.png) center center no-repeat;
}

.upgrade-remove-info.ok:before {
    background: transparent url(../img/dialog_yes.png) center center no-repeat;
}

.upgrade-remove-info .contacts {
    font-size: 18px;
    text-align: center;
}

.upgrade-remove-info .status {
    font-size: 20px !important;
    text-align: center;
    margin: 10px auto;
    width: 90%;
}

#myCS #current-contacts,
#myCS .supported-contacts {
    font-size: 18px;
}

#bt-goto-app {
    display: none;
    margin: 10px 0px;
}

.accounts-source-editor-title {
  font-size: 28px;
  line-height: 28px;
}

.upgrade-sources-container {
    border-top: 1px solid #ddd;
    padding: 20px 0 20px 0;
}

.upgrade-sources-container img {
    width: 25px;
    vertical-align: middle;
    margin-right: 5px;
    border-radius: 4px;
}

.upgrade-sources-container .screen-name {
    font-size: 1.5em !important;
}

.upgrade-sources-container .column {
  display: inline-block;
  width: 45%;
}

.upgrade-sources-container .column ul {
  display: inline-block;
  max-height: 185px;
  margin-top: 10px;
  overflow: auto;
  vertical-align: top;
  width: 100%;
}

.column .sources-list li {
  background: rgba(0, 0, 0, .02);
  border: 1px solid rgba(0, 0, 0, .018);
  border-radius: 0 3px 3px 0;
  font-size: 13px;
  list-style: none;
  margin: 4px 2px;
  padding: 1px 3px;
}

.sources-list li {
    cursor: pointer;
    position: relative;
}

.source-remove {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    visibility: hidden;
    border: 1px solid rgba(162, 47, 20, 0.25);
    border-radius: 3px;
    background: rgba(185, 74, 72, 0.3);
    text-align: center;
    opacity: .7;
}

.source-remove-text {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0 !important;
  color: #b94a48 !important;
  font-size: 11px !important;
  text-align: right;
  text-transform: uppercase;
  visibility: hidden;
  z-index: 101;
  padding: 6px 25px 0 0;
  font-weight: 800;
  background: url(../img/bin.png) 99% 4px no-repeat;
}

.sources-list li:hover > .source-remove, .sources-list li:hover > .source-remove-text {
    visibility: visible;
}

.sources-list li:hover .screen-name {
  max-width: 55%;
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::            INTERACTIONS  STYLES           ::::*/
/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/

.interactions_tweets, .interactions_tweets2 {
    width: 100%;
    border-radius: 0;
    margin: 0;
    padding: 0;
    z-index: 1;
    overflow: auto;
    float: left;
    max-height: 300px;
    overflow-x: hidden;
    border-top: 1px solid #F7F7F7;
    box-sizing: border-box;
}

.latest_interactions_area {
    float: left;
    width: 250px;
    margin: 8px 0 0;
    position: relative;
}

#latest_interactions_box_tabs_area {
    float: left;
    width: 250px;
    margin: 0 0 0 3px;
    font-size: 10.5px;
    position: relative;
    z-index: 1;
}

.latest_interactions_tabs_bt {
    float: left;
    display: inline-block;
    cursor: pointer;
    border: 1px solid #fff;
    border-radius: 5px 5px 0 0;
    width: 80px;
    text-align: center;
    background-color: #ddd;
    padding: 10px 0;
    margin: 0 0 0 1px;
    color: #fff;
    border-bottom: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.latest_interactions_tabs_bt_on {
    background-color: #fff;
    padding: 10px 0;
    margin: 0 0 2px 1px;
    color: #666;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    transition: background .25s;
    border-radius: 5px 5px 0 0;
    background: #fff;
}

.latest_interactions_first_tab {
    margin-left: 0;
}

.latest_interactions_tabs_bt_off {
    background: #DBDBDB;
    color: #666;
    border: 1px solid #fff;
    border-bottom: 0;
}

.SB-inset-whiteshadow {
    background: url(../img/whiteshadow-tobttm.png) repeat-x top left;
    position: absolute;
    top: 25px;
    left: 1px;
    height: 25px;
    width: 227px;
    z-index: 2;
    padding: 0;
    margin: 0;
    display: none;
}

.SB-inset-whiteshadow:hover, .SB-inset-whiteshadow:focus {
    background: transparent url(../img/whiteshadow-tobttm.png) repeat-x top left;
}

.SB-glossy-user {
    width: 100%;
    height: 50px;
    position: relative;
}

.SB-glossy-user-gloss {
    background: url(../img/glossy-user.png) center center no-repeat;
    position: absolute;
    top: 7px;
    left: 12px;
    z-index: 100;
    height: 45px;
    width: 50px;
    display: none;
}

.SB-glossy-user img {
    border-radius: 50%;
    position: relative;
    z-index: 1;
}

.latest_interactions_avatar {
    display: table;
    padding: 10px 10px 0px 10px;
}

.SB-lit-heading {
    margin: 17px 36px 0 0;
    float: right;
    height: 40px;
    width: 148px;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #666;
}

.SB-bocadillol, .SB-bocadillor {
    margin: 0;
    text-align: center;
    width: 127px;
    height: 95px;
    position: relative;
    display: inline-block;
}

.SB-bocadillol a, .SB-bocadillor a {
    font-size: 12px;
    font-weight: 400;
    text-decoration: none;
    color: #1db8e9;
}

.SB-bocadillol-pointer {
    background: url(../img/bocadillo-pointer-l.png) center center no-repeat;
    position: absolute;
    bottom: -19px;
    left: 0;
    height: 30px;
    width: 121px;
    display: none;
}

.interactions_name {
    text-align: center;
    width: 78%;
    display: block;
    padding: 10px 5px;
    border-radius: 4px;
    margin: 5px auto;
    color: #fff !important;
    position: relative;
    background: #3097e6;
    border: 1px solid #2b88cf;
}

.interactions_name:after, .interactions_name:before {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.interactions_name:after {
    border-color: rgba(48, 151, 230, 0);
    border-top-color: #3097e6;
    border-width: 7px;
    left: 50%;
    margin-left: -7px;
}

.interactions_name:before {
    border-color: rgba(43, 136, 207, 0);
    border-top-color: #2b88cf;
    border-width: 8px;
    left: 50%;
    margin-left: -8px;
}

.SB-bocadillor-pointer {
    background: url(../img/bocadillo-pointer-r.png) center center no-repeat;
    position: absolute;
    bottom: -19px;
    right: 7px;
    height: 30px;
    width: 121px;
    display: none;
}

.SB-interactions_avatar_section-bocadillo {
    margin: 15px auto;
    width: 255px;
    margin-bottom: 15px;
}

.SB-bocadillol .SB-glossy-user {
    position: relative;
    margin: 0;
}

.SB-bocadillor .SB-glossy-user {
    width: 100%;
    height: 50px;
    position: relative;
    margin: 0;
    text-align: center;
}

.tabs_box_input_area label {
    visibility: hidden;
    height: 0;
    text-indent: -99999999;
    margin: 0 !important;
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::           INSIGHTS EDITOR   STYLES        ::::*/
/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/

.ins-editor-insights-criteria {
    display: block;
    float: left;
    padding: 2px 5px;
    font-weight: 400;
    background: #DEE7F8;
    border: 1px solid #CAD8F3;
    font-size: 12px !important;
    margin: 0 1px 2px !important;
    border-radius: 4px;
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::            SCROLLBARS    STYLES           ::::*/
/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/

/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::         SIGNUP WITH TWITTER  STYLES       ::::*/
/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/

.force_loading_bt {
    color: #96bbc0 !important;
    font-size: 11px !important;
    text-align: center;
    display: block;
    margin: 5px 0 0 !important;
    width: 200px;
}

#force_loading_bt {
    text-decoration: underline;
}

.SB_signup_containter .bottom_bts {
    float: left;
    margin: 0;
    overflow: hidden;
    position: relative;
    padding: 5px;
    line-height: 4;
    color: #000;
}

.betaBadge {
    background: url(../img/betabadge.png) -9px -6px no-repeat;
    position: absolute;
    height: 20px;
    width: 40px;
    top: -5px;
    right: -5px;
}

.SB_signup_tweet {
    position: absolute;
    top: 14px;
    left: 20px;
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::            SIGN UP PRO  STYLES            ::::*/
/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/

#gopro_modal .gopro_modal_button, .sync_bt, .add_source_bt, #SB_exportaccount .SB_exportaccount_button, .SB_GoPro, .SB_GoPro_Sync a {
    border-radius: 3px;
    border-bottom: 0;
}

#gopro_modal .gopro_modal_button:hover, .sync_bt:hover, #SB_exportaccount .SB_exportaccount_button:hover, .SB_GoPro:hover {
    border-radius: 3px;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
}

#gopro_modal .gopro_modal_button:active, .sync_bt:active, #SB_exportaccount .SB_exportaccount_button:active, .SB_GoPro:active {
    background: tomato;
}

.tuser .more_slide_menu {
    right: -15px;
}

.tuser_buttons .user_slide_menu {
    right: -3px;
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::            ACCOUNTS MENU  STYLES           ::::*/
/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/

.SB-user-account-details {
    position: absolute;
    top: 40px;
    display: none;
    background: #FFF;
    border-radius: 5px;
    width: 200px;
    height: auto;
    font-family: sans-serif, arial;
    font-size: 11px;
    z-index: 99999999;
    box-shadow: 0 10px 10px rgba(0, 0, 0, .2);
}

.SB-user-account-details-lists li.selected {
    font-weight: 800;
}

.SB-user-account-details-lists {
    margin-top: -1px;
}

.SB-user-account-details:after, .SB-user-account-details:before {
    bottom: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.SB-user-account-details:after {
    border-color: rgba(237, 237, 237, 0);
    border-bottom-color: #fff;
    border-width: 10px;
    left: 50%;
    margin-left: -10px;
}

.SB-user-account-details:before {
    border-color: transparent;
    border-bottom-color: #bbb;
    border-width: 11px;
    left: 50%;
    margin-left: -11px;
}

.SB-user-account-details-cursor-right:after {
    left: auto;
    right: 23px;
}

.SB-user-account-details-cursor-right:before {
    left: auto;
    right: 22px;
}

.SB-user-account-details-body {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 250px;
    position: relative;
    border-radius: 0;
    background: transparent;
    padding-bottom: 5px;
}

.SB-user-account-details-header {
    height: 5px;
    background: #fff;
    width: 200px;
    z-index: 11;
    font-size: 13px;
    border-radius: 5px 5px 0 0;
}

.SB-user-account-details-header p {
    padding: 10px !important;
    color: #666;
}

.SB-user-account-details ul {
    margin: 0;
    padding: 0;
    border-radius: 5px;
    background: transparent;
    overflow: hidden;
}

.SB-user-account-details hr {
    height: 1px;
    border: 0;
    background: #fff;
    margin: 0;
}

.SB-user-account-details p {
    padding: 5px 0 5px 5px;
    margin: 0;
}

.SB-user-account-details-lists li.empty {
    color: #AAA;
    text-align: center;
    padding: 3px;
}

.menu-users-add {
    position: absolute;
    right: 15px;
}

.SB-user-account-details-name {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 160px;
    display: inline-block;
}

.SB-user-account-details p small {
    font-weight: 400;
    width: 185px;
    overflow: hidden;
    float: left;
    margin-top: 3px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.SB-user-account-details-clear {
    clear: both;
    content: " "
}

.SB-user-account-details-twitter, .SB-user-account-details-collaborators, .SB-user-account-details-support {
    height: auto;
    overflow-x: hidden;
}

.SB-user-account-details li {
    margin: 0;
    padding: 0;
    position: relative;
    border-top: #fff 1px solid;
    border-bottom: #fcfcfc 1px solid;
    background: #FFF;
}

.SB-user-account-details li:hover {
    background: rgba(42, 168, 158, .15);
    border-top: rgba(42, 168, 158, 1) 1px solid;
    border-bottom: rgba(42, 168, 158, 1) 1px solid;
}

.SB-user-account-details li a {
    color: #666;
    text-decoration: none;
    width: 100%;
    display: block;
    padding: 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
    z-index: 8;
    font-size: 13px;
    margin: 0;
}

.SB-user-account-details-collaborators > li > a {
    padding-left: 20px;
}

.SB-user-account-details-collaborators > .subdomain > a {
    background: url(../img/appbar.group.png) center left no-repeat;
}

.SB-user-account-details-twitter li .del, .SB-user-account-details-collaborators li .del {
    top: 6px;
    position: absolute;
    z-index: 9;
    right: 5px;
    visibility: hidden;
    cursor: pointer;
}

.SB-user-account-details-twitter li:hover .del:hover, .SB-user-account-details-collaborators li:hover .del:hover {
    top: 6px;
    position: absolute;
    z-index: 9;
    right: 5px;
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
    filter: none;
    -webkit-filter: grayscale(0);
}

.SB-user-account-details-twitter li:hover .del, .SB-user-account-details-collaborators li:hover .del {
    top: 6px;
    position: absolute;
    z-index: 10;
    right: 5px;
    visibility: visible;
    opacity: .5;
    filter: alpha(opacity=50);
    filter: gray;
    -webkit-filter: grayscale(1);
}

.SB-user-account-details-twitter:hover, .SB-user-account-details-collaborators:hover, .SB-user-account-details-support:hover {
    border-radius: 0;
}

.SB-user-account-details-lists-groups {
    background: #f9f9f9;
    color: #666;
    font-weight: 400;
    text-transform: uppercase;
}

.SB-user-account-details-lists-users {
    position: relative;
    background-color: #f9f9f9;
    color: #666;
    font-weight: 400;
    text-transform: uppercase;
    border-top: 0;
}

.SB-user-account-details-footer {
    border-radius: 0 0 5px 5px;
    background: #f9f9f9;
    padding: 10px;
    text-align: right;
}

.SB-user-account-details-footer a {
    margin-left: 10px;
    color: #45c0d1;
}

.SB-user-account-details-footer a:hover {
    text-decoration: none;
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::       COLLABORATION TEAMS STYLES          ::::*/
/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/

#col-main {
    color: #666;
}

#col-main .tabs_bt {
    width: 100px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-right: 3px;
}

#settings_members_start {
    background: #fff;
    padding: 2px 2px 10px;
    border-radius: 5px;
    border: solid #e0e0e0 1px !important;
    border-bottom: 1px solid #c9c9c9 !important;
    width: 97% !important;
}

#settings_members_start .col-head-img {
    margin-top: 3px;
}

#settings_members_start .col-group {
    width: 50%;
    margin-left: 15px;
    margin-top: 15px;
}

#settings_plan .col-group {
    width: 95.3%;
}

.col-input-yoururl {
    border: 1px solid #ccc;
    width: 250px;
}

.col-start-text {
    line-height: 18px;
    margin-bottom: 15px;
    float: right;
    width: 40%;
    margin-right: 50px;
    margin-top: 0;
}

.col-start-submit {
    margin-right: 26px;
    margin-top: 20px;
    margin-left: 50px;
}

.col-start-label {
    display: block;
    font-size: 14px;
    font-weight: 700;
    color: #0B8B77;
}

span#col-url-label {
    color: #AAA;
}

span#col-final-url {
    color: #1cadb9;
    font-size: 14px;
    font-weight: 600;
    padding: 0;
}

.col-head-img {
    display: inline-block;
    width: 46px;
    height: 22px;
    background: url(../img/collab_icons_sprite.png) -3px -28px no-repeat no-repeat;
    vertical-align: top;
    margin-right: 10px;
    margin-top: 5px;
    margin-left: 10px;
}

.col-head {
    color: #666;
    margin-top: 10px;
    margin-bottom: 10px;
}

#col-tab-container {
    position: relative;
    height: 543px;
}

#col-tab-container h2 {
    color: #07A89E;
    margin-top: 5px;
    margin-left: 10px;
    margin-bottom: 5px;
    float: left;
}

#col-tab-container h2.editable {
    border: none;
    padding: 7px;
    width: 200px;
    color: #666;
    border-radius: 5px;
    background-color: #f5f5f5;
    font-weight: 400;
}

#col-tab-container h3 {
    color: #666;
    padding: 5px 0 0 5px;
}

.col-team-list-panel {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 200px;
    overflow: auto;
    background: #ccc;
    border-radius: 5px;
}

.col-team-list-item {
    height: 50px;
    color: #6e6e6e;
    font-size: 12px;
    background-color: #e9e9e9;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: background .2s;
}

.col-team-list-item.active {
    background-color: #FFF;
    color: #0a7b80;
}

.col-team-list-item:hover {
    cursor: pointer;
}

.col-team-list-item-name {
    line-height: 50px;
    margin-left: 10px;
}

.col-team-list-item-arrow {
    display: inline-block;
    float: right;
    margin-top: 15px;
    margin-right: 10px;
    height: 18px;
    width: 17px;
    background: url(../img/collab_icons_sprite.png) -5px -3px;
}

.col-team-list-item.active .col-team-list-item-arrow {
    background: url(../img/collab_icons_sprite.png) -31px -3px;
}

.col-team-info-panel {
    margin-left: 275px;
}

.col-team-head {
    position: relative;
    width: 789px;
    margin-bottom: 10px;
    background: #FFF;
    border-radius: 3px;
}

.col-team-name-buttons {
    float: left;
    padding-top: 4px;
    margin-left: 5px;
    display: none;
}

.col-team-name-buttons .superbutton {
    float: none;
    margin: 0;
}

.col-team-edit-img {
    position: absolute;
    right: 10px;
    top: 6px;
    float: left;
    width: 24px;
    height: 20px;
    cursor: pointer;
    background: url(../img/socialbro_app_sprite_1_1.png) -31px -31px;
}

.col-team-edit-menu ul {
    position: absolute;
    background: #FFF;
    right: 11px;
    top: 25px;
    color: #666;
    list-style: none;
    border: solid 1px #ABABAB;
    font-size: 12px;
    z-index: 1;
}

.col-team-edit-menu li {
    border-bottom: solid 1px #ABABAB;
    padding-left: 10px;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-right: 7px;
    cursor: pointer;
}

.col-team-edit-menu li:last-child {
    border-bottom: 0;
}

.col-team-edit-menu li:hover {
    background: #eee;
}

.col-team-edit-menu-icon {
    display: inline-block;
    width: 20px;
    height: 22px;
    vertical-align: bottom;
}

.col-team-edit-menu-icon.edit {
    background: url(../img/collab_icons_sprite.png) -30px 26px;
}

.col-team-edit-menu-icon.delete {
    background: url(../img/collab_icons_sprite.png) -30px 50px;
}

.col-team-info-column {
    float: left;
    width: 372px;
    margin-right: 5px;
    font-size: 14px
}

.col-team-members {
    padding-bottom: 10px;
}

#col-member-list .col-member {
    position: relative;
    display: inline-block;
    margin: 0 0 0 30px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 12px;
    color: #333;
    width: 330px;
}

.col-pending:before, .col-accepted:before {
    position: absolute;
    background: transparent;
    width: 16px;
    height: 16px;
    left: -25px;
    margin-top: -2px;
}

.col-pending:before {
    content: url(../img/send-pending.png);
}

.col-accepted:before {
    content: url(../img/collaborator-on.png);
}

.col-member a, .col-member span {
    display: block;
    right: 10px;
}

.col-member-info {
    float: right;
    margin-right: 5px;
    text-align: right;
}

.col-member-email {
    float: left;
}

.col-member-owner {
    font-weight: 700;
}

#col-member-list .col-member span {
    margin: 0;
    font-size: 14px;
    color: #5D5D5D;
}

.col-member-opts {
    display: none;
    margin-top: 10px;
}

.col-member-role {
    float: left;
    margin-left: 5px;
    padding-top: 8px;
}

.col-member-links {
    float: right;
}

.col-member-links .btn-base {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 0;
    margin-top: 0;
}

.col-member-close {
    color: #5d5d5d;
    font-size: 12px;
}

.col-member-editor-tools {
    margin: 15px 10px;
    text-align: right;
}

.col-member-saving {
    color: #000;
    display: none;
    font-size: 11px;
    margin-left: 10px;
}

#col-member-list {
    padding: 2% 0;
    display: table;
    list-style-type: none;
    clear: both;
    width: 100%;
}

.col-addcollaborator {
    border-radius: 4px;
    padding: 4px 3px;
    margin: 0 4px;
    font-size: 10px;
    border: #bbb 1px solid !important;
    width: auto;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    text-shadow: none;
    background-image: none;
    background: #eee;
    background: -moz-linear-gradient(top, #eee 0, #ccc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eee), color-stop(100%, #ccc));
    background: -webkit-linear-gradient(top, #eee 0, #ccc 100%);
    background: -o-linear-gradient(top, #eee 0, #ccc 100%);
    background: -ms-linear-gradient(top, #eee 0, #ccc 100%);
    background: linear-gradient(to bottom, #eee 0, #ccc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0);
    text-align: center;
    font-weight: 400;
    color: #333 !important;
    opacity: .9;
}

#col-new-email {
    margin: 0 1% 0 0;
    display: inline-block;
    padding: 3px;
    width: 150px;
    color: #666;
    border-radius: 5px;
    background-color: #eee;
    font-weight: 400;
    border: none;
}

#col-member-list li {
    background: rgba(255, 255, 255, .6);
    border: 1px solid rgba(0, 0, 0, .1);
    border-top: 0;
    padding: 2px 0;
    margin: 0;
}

#col-member-list li:first-child {
    border-top: 1px solid rgba(0, 0, 0, .1);
}

#col-member-list .member-links {
    font-size: 12px;
    margin: 0 15px;
    text-align: right;
}

#col-member-list .member-links li {
    border: none;
    list-style-type: none;
    display: inline-block;
    margin-right: 6px;
}

#col-member-list .member-links li:last-child {
    margin-right: 0;
}

.col-addcollaborator {
    margin: 0 0 0 1%;
    padding: 1% 2%;
    float: none !important;
}

#col-add-member-form {
    margin-top: 8px;
    padding: 0 1.5%;
    display: table;
    content: "";
    clear: both;
    width: 100%
}

#col-add-team {
    margin-right: 16px;
}

.col-team-size-label {
    font-weight: 700;
    color: #fff;
    font-size: 13px;
    background: #29c4d0;
    padding: 5px 13px;
    border-radius: 4px;
    margin: 10px 0 0 -68px;
    width: 176px;
    display: block;
    float: left;
}

.col-share-warn {
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #fbeed5;
    margin: 5px 0 0 205px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
    background-color: #fcf8e3;
    color: #c09853;
    font-size: 14px;
}

#col-start-form, #col-shared-accounts, #col-shared-sources {
    color: #555;
    padding: 0 1%;
    display: table;
    width: 100%;
    vertical-align: middle;
    margin: 10px;
}

#col-shared-accounts .col-shared-account, #col-shared-sources .col-shared-source {
    display: inline-block;
    margin: 1.5% 3% 0 0;
    float: left;
}

#col-start-form li img, #col-shared-accounts li img, #col-shared-sources li img {
    float: left;
    margin: .6% 0 0;
}

.col-shared-item {
    position: relative;
}

#col-shared-sources .saving, #col-shared-accounts .saving {
    position: absolute;
    top: 5px;
    right: 0;
    margin: 0;
    font-size: 11px;
    display: none;
    background-color: #FFFBCA;
    padding: 3px;
    font-weight: 700;
}

#col-start-form li label, #col-shared-accounts li label, #col-shared-sources li label {
    margin: 1% 2%;
    float: left;
    width: 108px;
    height: 14px;
    text-overflow: ellipsis;
    overflow: hidden;
}

#col-shared-accounts li label {
    width: 105px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

#col-start-form li, #col-shared-accounts li, #col-shared-sources li {
    display: inline-block;
    width: 150px;
    padding: 1.5% 2%;
    background: rgba(255, 255, 255, .6);
    border: 1px solid rgba(0, 0, 0, .1);
    margin-left: 4px;
    border-radius: 5px;
}

#col-url {
    padding: 1%;
    margin: 3% 1% 4%;
    text-align: right;
    font-size: 14px;
}

#settings_account,
#settings_link_shortening,
.col-group,
.mylabels {
    background: #fff;
    padding: 10px;
    border-radius: 3px;
    margin: 0 0 0 20px;
}

.col-shared-accounts, .col-shared-sources {
    margin: 0 0 5px;
    width: 100%
}

#settings_plan h2 {
    font-size: 18px;
    margin: -9px -9px 0 -9px;
    font-weight: bolder;
    background: rgb(46, 175, 180);
    color: #fff;
    padding: 10px 0;
    border-radius: 2px 2px 0 0;
    text-align: center;
}

#settings_plan ul li {
    position: relative;
    text-align: right;
    font-weight: 700;
    font-size: 15px;
    margin: 7px 0 0;
}

#settings_plan ul li b {
    font-size: 14px;
    text-align: left;
    float: left;
}

/*::::::::::::::::::::::::::::*/
/*       Pricing on App       */
/*::::::::::::::::::::::::::::*/

#pricingOnApp {
    height: 175px;
}

#upgrade_settings_go {
    font-size: 16px;
}

#pricingOnApp li {
    width: 92%;
    float: left;
    margin: 0 5px 0 0 !important;
    border-bottom: 1px solid #eee;
    padding: 8px 15px;
    position: relative;
}

#pricingOnApp li:first-child {
    border-top: none;
}

#pricingOnApp li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

#pricingOnApp .sliderOn {
    color: white;
}

#pricingOnApp .settings-editPlanFeature {
    padding: 5px;
    font-size: 14px;
    position: absolute;
    z-index: 2;
    top: 1px;
    right: 0;
}

#pricingOnApp .settings-updatedFeature {
    background: rgba(255, 255, 182, 0.57);
}

/*::::::::::::::::::::::::::::*/
/*    End  Pricing on App     */
/*::::::::::::::::::::::::::::*/

/*::::::::::::::::::::::::::::*/
/*       Syncro button        */
/*::::::::::::::::::::::::::::*/

.lastsyncro {
    text-align: right;
    color: #b4b4b4;
    width: 300px;
    display: block;
    position: absolute;
    right: 114px;
    padding: 10px 0;
    border-radius: 3px;
    top: 4px;
}

.syncro {
    height: 40px;
    width: 40px;
    background: url(../img/sync-ico.png) center center no-repeat;
    cursor: pointer;
    opacity: .5;
    filter: alpha(opacity=50);
    float: left;
}

.syncro:hover {
    opacity: .3;
    filter: alpha(opacity=30);
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::            BENCHMARK  STYLES           ::::*/
/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/

.benchmark-head-title {
    margin: 0 0 10px;
    padding: 20px 0 0;
    color: #666;
}

.bench-topic {
    margin: 0 auto;
    background: #f5f5f5;
    padding: 10px;
    border-radius: 3px;
    font-size: 12px;
    width: 95%;
}

.bench-topic select {
    position: relative;
    z-index: 2;
    padding: 0 15px 0 10px;
    background: #F9F9F9;
    color: #444;
    border-radius: 3px;
    border: 1px solid #ddd;
    float: left;
    font-size: 14px;
    width: auto;
    height: 35px;
    margin: 0 10px 0 0;
    vertical-align: middle;
    display: inline-block;
}

.benchmark-charts h2 {
    text-transform: uppercase;
    padding: 15px 0 20px 15px;
    margin: 0;
    text-align: center;
}

.benchmark-charts, .benchmark-influence {
    position: relative;
    width: 100%;
    display: block;
    border-radius: 5px;
    padding: 0;
    color: #666;
    margin: 0 0 20px;
    box-sizing: border-box;
    float: left;
    background: #fff;
    border: 1px solid #ececec;
}

.benchmark-influence {
    padding: 10px;
}

.benchmark-tabs {
    float: left;
    box-sizing: border-box;
    display: inline-block;
    width: 230px;
}

.benchmark-chart {
    padding: 0 !important;
    float: left;
    width: auto;
    box-sizing: border-box;
    display: inline-block;
    margin-right: 10px;
}

.benchmark-tab {
    display: block;
    text-align: center;
    font-size: 1.3em;
    background: #f8f8f8;
    box-sizing: border-box;
    padding: 5px;
    margin: 0 0 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    cursor: pointer;
    transition: background 1s;
}

.benchmark-tab:hover, .benchmark-tab:focus {
    background: rgba(229, 252, 255, .54);
}

.benchcurrent {
    background: rgba(229, 252, 255, .54);
    border-color: #c7dadd;
}

.benchmark-tabs, .benchmark-chart {
    padding: 20px;
}

.benchmark-container {
    display: block;
    width: 98%;
    margin: 0 auto;
}

.benchmark-charts-container {
    width: 100%;
    display: table;
    min-width: 950px;
}

.benchseparator {
    width: 5%;
    text-align: center;
    display: inline-block;
}

.benchoptimal, .benchbad, .benchgood {
    font-weight: 700;
    padding: 0;
    display: inline-block;
    border-radius: 3px;
    text-align: center;
    box-sizing: border-box;
    width: 100%
}

.benchbad {
    background: #e9c4c4;
    color: #ca4e4e;
}

.benchoptimal, .benchgood {
    background: #bedaac;
    color: #659149;
    box-sizing: border-box;
}

.benchlabel {
    font-size: 1em;
    text-decoration: none;
    display: block;
    text-transform: capitalize;
    margin: 0 0 4px;
    text-align: left;
    color: #666;
}

.bench-stats-bars-container {
    width: 320px;
    clear: left;
    float: left;
    margin-top: 0;
    margin-bottom: 0;
}

.bench-stat {
    height: 75px;
    position: relative;
    overflow: hidden;
}

.bench-statsbars {
    padding: 0;
    width: 130px;
    position: relative;
    text-align: center;
    box-sizing: border-box;
    margin: 20px 0 20px 20px;
    display: inline-block;
}

.bench-progress {
    margin: 0 0 0 30px;
    background: transparent;
    overflow: hidden;
    position: relative;
    z-index: 2;
    height: 70px;
}

.bench-progress .bench-account {
    display: block;
    height: 26%;
    width: 40%;
    background: #29c4d0;
    bottom: 0;
    position: absolute;
    left: 20px;
    border: 3px solid transparent;
    box-sizing: border-box;
    background-clip: content-box;
    border-bottom: 0;
    border-left: 0;
    text-align: center;
}

.bench-progress .bench-bench {
    display: block;
    height: 46%;
    width: 40%;
    background: #f29556;
    bottom: 0;
    position: absolute;
    right: 20px;
    border: 3px solid transparent;
    box-sizing: border-box;
    background-clip: content-box;
    border-bottom: 0;
    border-right: 0;
    text-align: center;
}

.bench-integer-container {
    position: absolute;
    bottom: 2%;
    left: 0;
    text-align: center;
    width: 100%
}

.bench-integer {
    font-family: sans-serif, arial;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
}

.bench-stat-linemeter {
    padding: 0;
    position: absolute;
    top: 0;
    left: 30px;
    z-index: 1;
    width: 100%;
    margin: 0;
}

.bench-stat-linemeter li {
    line-height: 12px;
    padding-bottom: 1px;
    border-bottom: 1px solid #ccc;
    list-style-type: none;
    width: 100%
}

.bench-top-mark, .bench-lowest-mark {
    font-size: 11px;
    color: #666;
    text-align: right;
    left: 0;
    z-index: 3;
    width: 24px;
    font-family: sans-serif, arial;
}

.bench-top-mark {
    position: absolute;
    top: 0;
}

.bench-lowest-mark {
    position: absolute;
    bottom: 4px;
}

.bench-title {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.bench-statsbars h2 {
    font-family: sans-serif, arial;
    text-transform: uppercase;
    font-size: 12px;
    text-align: center;
    margin: 0 0 10px;
    padding-left: 20px;
}

.bench-legend {
    font-size: 8px;
    display: block;
    position: absolute;
    bottom: 25px;
    left: 27px;
}

.bench-legend .bench-you span {
    background: #2aa89e;
}

.bench-legend .bench-bencher span {
    background: #f29556;
}

.bench-legend .bench-you span, .bench-legend .bench-bencher span {
    display: inline-block;
    height: 10px;
    width: 10px;
    margin: 5px 5px 0 0;
}

.bench-legend .bench-you b, .bench-legend .bench-bencher b {
    font-weight: 400;
    text-transform: uppercase;
    color: #666;
}

.bench-active {
    background: url(../img/eye-2-24.png) 30px 13px no-repeat;
}

.benchmark-kred {
    width: 400px;
    position: relative;
    display: inline-block;
}

.bench-statsbars-kred h2 {
    text-transform: uppercase;
    font-size: 12px;
    margin: 0 0 10px;
    padding-left: 53px;
    font-family: sans-serif, arial;
}

.bench-kred-container {
    position: relative;
    float: left;
    margin: 0;
    background: url(../img/kred_badge.png) left 20px no-repeat;
    padding-left: 100px;
}

.bench-statsbars-kred {
    padding: 0;
    width: 235px;
    position: relative;
    box-sizing: border-box;
    margin: 25px 0 0 20px;
    display: block;
}

.bench-progress .bench-account-kred-i {
    display: block;
    height: 26%;
    width: 38%;
    bottom: 0;
    position: absolute;
    background: #75a249;
    left: 10px;
    border: 3px solid transparent;
    box-sizing: border-box;
    background-clip: content-box;
    border-bottom: 0;
    border-left: 0;
    text-align: center;
}

.bench-progress .bench-bench-kred-i {
    display: block;
    height: 46%;
    width: 38%;
    bottom: 0;
    position: absolute;
    background: #b8e272;
    right: 40px;
    border: 3px solid transparent;
    box-sizing: border-box;
    background-clip: content-box;
    border-bottom: 0;
    border-right: 0;
    text-align: center;
}

.bench-progress .bench-account-kred-o {
    display: block;
    height: 26%;
    width: 38%;
    bottom: 0;
    position: absolute;
    background: #5594b9;
    left: 10px;
    border: 3px solid transparent;
    box-sizing: border-box;
    background-clip: content-box;
    border-bottom: 0;
    border-left: 0;
    text-align: center;
}

.bench-progress .bench-bench-kred-o {
    display: block;
    height: 46%;
    width: 38%;
    bottom: 0;
    position: absolute;
    background: #9acbe6;
    right: 40px;
    border: 3px solid transparent;
    box-sizing: border-box;
    background-clip: content-box;
    border-bottom: 0;
    border-right: 0;
    text-align: center;
}

.bench-legend-kred {
    font-size: 8px;
    display: block;
    position: absolute;
    bottom: 3px;
    right: 0;
}

.bench-legend-kred .bench-you-kred-i span, .bench-legend-kred .bench-bencher-kred-i span {
    display: inline-block;
    height: 10px;
    width: 10px;
    margin: 5px 5px 0 0;
}

.bench-legend-kred .bench-you-kred-o span, .bench-legend-kred .bench-bencher-kred-o span {
    display: inline-block;
    height: 10px;
    width: 10px;
    margin: 5px 5px 0 0;
}

.bench-legend-kred .bench-you-kred-i b, .bench-legend-kred .bench-bencher-kred-i b {
    font-weight: 400;
    text-transform: uppercase;
    color: #666;
}

.bench-legend-kred .bench-you-kred-o b, .bench-legend-kred .bench-bencher-kred-o b {
    font-weight: 400;
    text-transform: uppercase;
    color: #666;
}

.bench-legend-kred .bench-you-kred-i span {
    background: #75a249;
}

.bench-legend-kred .bench-bencher-kred-i span {
    background: #b8e272;
}

.bench-legend-kred .bench-you-kred-o span {
    background: #5594b9;
}

.bench-legend-kred .bench-bencher-kred-o span {
    background: #9acbe6;
}

.bench-kred-shield-i, .bench-kred-shield-o {
    position: absolute;
    display: block;
    font-size: 20px;
    color: #fff;
    text-align: right;
}

.bench-kred-shield-i {
    top: 60px;
    left: 15px;
}

.bench-kred-shield-o {
    top: 90px;
    left: 50px;
}

.benchmark-kred h2 {
    text-transform: uppercase;
}

.benchmark-pi {
    width: 500px;
    position: relative;
    display: inline-block;
}

.bench-pi-container-index {
    position: absolute;
    display: block;
    font-size: 25px;
    color: #fff;
    text-align: center;
    top: 55px;
    left: 10px;
    width: 80px;
}

.benchmark-pi h2 {
    text-transform: uppercase;
}

.bench-statsbars-pi h2 {
    text-transform: uppercase;
    font-size: 12px;
    margin: 0 0 10px;
    padding-left: 53px;
    font-family: sans-serif, arial;
}

.bench-pi-container {
    position: relative;
    float: left;
    margin: 0 0 40px;
    background: url(../img/pi-bench.png) left 20px no-repeat;
    padding-left: 100px;
    width: 440px;
}

.bench-pi-container-charts {
    width: 450px;
}

.bench-statsbars-pi {
    padding: 0;
    width: 150px;
    position: relative;
    box-sizing: border-box;
    margin: 25px 0 23px 20px;
    display: inline-block;
}

.bench-progress .bench-account-pi-i {
    display: block;
    height: 26%;
    width: 35%;
    bottom: 0;
    position: absolute;
    background: #2a4ca4;
    left: 20px;
    border: 3px solid transparent;
    box-sizing: border-box;
    background-clip: content-box;
    border-bottom: 0;
    border-left: 0;
    text-align: center;
}

.bench-progress .bench-bench-pi-i {
    display: block;
    height: 46%;
    width: 35%;
    bottom: 0;
    position: absolute;
    background: #6285e1;
    right: 40px;
    border: 3px solid transparent;
    box-sizing: border-box;
    background-clip: content-box;
    border-bottom: 0;
    border-right: 0;
    text-align: center;
}

.bench-progress .bench-account-pi-o {
    display: block;
    height: 26%;
    width: 50px;
    bottom: 0;
    position: absolute;
    background: #2a4ca4;
    left: 0;
    border: 3px solid transparent;
    box-sizing: border-box;
    background-clip: content-box;
    border-bottom: 0;
    border-left: 0;
    text-align: center;
}

.bench-progress .bench-bench-pi-o {
    display: block;
    height: 46%;
    width: 50px;
    bottom: 0;
    position: absolute;
    background: #6285e1;
    right: 0;
    border: 3px solid transparent;
    box-sizing: border-box;
    background-clip: content-box;
    border-bottom: 0;
    border-right: 0;
    text-align: center;
}

.bench-legend-pi {
    font-size: 8px;
    display: block;
    position: absolute;
    bottom: 13px;
    right: 0;
}

.bench-legend-pi .bench-you-pi-i span, .bench-legend-pi .bench-bencher-pi-i span {
    display: inline-block;
    height: 10px;
    width: 10px;
    margin: 5px 5px 0 0;
}

.bench-legend-pi .bench-you-pi-o span, .bench-legend-pi .bench-bencher-pi-o span {
    display: inline-block;
    height: 10px;
    width: 10px;
    margin: 5px 5px 0 0;
}

.bench-legend-pi .bench-you-pi-i b, .bench-legend-pi .bench-bencher-pi-i b {
    font-weight: 400;
    text-transform: uppercase;
    color: #666;
}

.bench-legend-pi .bench-you-pi-o b, .bench-legend-pi .bench-bencher-pi-o b {
    font-weight: 400;
    text-transform: uppercase;
    color: #666;
}

.bench-legend-pi .bench-you-pi-i span {
    background: #2a4ca4;
}

.bench-legend-pi .bench-bencher-pi-i span {
    background: #6285e1;
}

.bench-legend-pi .bench-you-pi-o span {
    background: #2a4ca4;
}

.bench-legend-pi .bench-bencher-pi-o span {
    background: #6285e1;
}

.bench-pi-shield-i, .bench-pi-shield-o {
    position: absolute;
    display: block;
    font-size: 20px;
    color: #fff;
    text-align: right;
}

.bench-pi-shield-i {
    top: 60px;
    left: 15px;
}

.bench-pi-shield-o {
    top: 90px;
    left: 50px;
}

.filter-date {
    margin: 0 auto;
    margin-bottom: 3px;
    margin-top: 10px;
    text-align: right;
    background: #fff;
    font-size: 12px;
    font-weight: 600;
    border-radius: 5px;
    margin-right: 18px;
}

.filter-date .date-range {
    right: 10px;
    position: relative;
    top: 0;
}

.filter-date select {
    font-size: 1.5em;
}

.date-range {
    position: relative;
    display: inline-block;
}

#date-range-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

.date-range-selector {
    position: relative;
    z-index: 2;
    background: #F9F9F9 url(../img/pointer-down-head.png) no-repeat 96% 13px;
    color: #444;
    border-radius: 3px;
    border: solid 1px #ddd;
    float: right;
    font-size: 14px;
    width: 200px;
    padding: 10px;
}

.date-range::after {
    position: absolute;
    content: "\25BE";
    width: 20px;
    top: 10px;
    right: 2PX;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-top: 1px;
    margin-bottom: 1px;
    color: #858585;
    font-family: tahoma;
    font-weight: lighter;
    cursor: pointer;
    z-index: 1;
}

.stats_menu_area .date-range::after {
    right: 0;
}

.new_mini_metrics_dashboard-box {
    font-size: 13px;
    color: #666;
    margin: 0 auto;
    text-align: center;
    display: block;
    padding-bottom: 15px;
}

.new_mini_metrics_dashboard {
    padding: 0;
    border-radius: 3px;
    margin: 10px auto;
    width: 90%;
    background: #fff;
}

.new_mini_metrics_dashboard th, .new_mini_metrics_dashboard td {
    padding: 5px 10px;
    font-size: 11px;
    text-align: center;
    background: #eee;
    width: 20%
}

.new_mini_metrics_dashboard th:last-child, .new_mini_metrics_dashboard td:last-child {
    border: 0;
}

.new_mini_metrics_dashboard td, .new_mini_metrics_dashboard td:hover, .new_mini_metrics_dashboard td:focus {
    background: #f9f9f9;
}

.ajax-loader-abs {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
}

.ajax-loader-fixed {
    position: fixed;
}

.ajax-loader {
    padding: 8px;
    background: rgba(0, 0, 0, .5);
    border-radius: 5px;
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::            TWEETMETRIC   STYLES           ::::*/
/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/

#tweet-metric-wrapp {
    width: calc(100% - 20px);
    margin: 0;
    position: relative;
}

#tweet-metric-wrapp .metric-value {
    display: block;
    font-size: 20px;
}

.tweet-metrics-placeholder {
    display: none;
    padding: 20px;
    font-size: 16px;
    width: 95%;
    box-sizing: border-box;
    margin: 40px auto;
    float: none;
    text-align: center;
    border-radius: 4px;
}

.tweet-metrics {
    font-size: 12px;
    width: 100%;
    font-family: sans-serif, arial;
    margin: 20px auto;
}

.tweet-metrics p {
    margin: 10px;
    color: #777;
    text-align: left;
}

.tweet-metrics-container {
    width: 100%;
    box-sizing: border-box;
}

.tweet-metrics-item {
    box-sizing: border-box;
    padding: 0;
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 50px;
}

.tweet-metrics-item > .tweet-metrics-avatar {
    padding: 0;
    margin: 10px;
}

.tweet-metrics-item + .tweet-metrics-item {
    width: 580px;
    padding-right: 80px;
}

.tweet-metrics-img {
    border-radius: 50%;
}

.tm-chartAxis {
    position: relative;
    display: inline-block;
    padding: 10px;
    margin-top: 10px;
    background-color: #FFF;
    border: 1px solid #ddd;
}

.chart-tooltip {
    position: absolute;
    background: #000;
    color: #fff;
    opacity: .8;
    display: none;
    z-index: 12;
    max-width: 300;
    border-radius: 5px;
}

.chart-tooltip-wrapper {
    padding: 5px;
}

.chart-tooltip dt, .chart-tooltip dd {
    display: inline-block;
}

.chart-tooltip dd {
    float: left;
    width: 100px;
}

.chart-tooltip .content {
    display: inline-block;
    width: 300px;
    font-size: 12px;
}

.chart-tooltip ul {
    width: 300px;
    text-align: center;
    list-style: none;
    margin-top: 5px;
    background-color: #222;
    padding: 3px;
}

.chart-tooltip li {
    float: left;
    width: 70px;
}

.chart-selector {
    margin-top: 15px;
}

.chart-selector li.active {
    background: #eeeeee;
}

.tooltip {
    position: relative;
}

.tooltip:after, .tooltip:before {
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.tooltip:after {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #fff;
    border-width: 10px;
    margin-left: -10px;
}

.tooltip:before {
    border-color: rgba(255, 0, 0, 0);
    border-top-color: #ddd;
    border-width: 11px;
    margin-left: -11px;
}

.tooltip-bottomLeft:after, .tooltip-bottomLeft:before {
    left: 20px;
    top: 100%
}

.chart-tooltip .tooltip-bottomLeft:after {
    border-top-color: #000;
}

.tweet-metrics .tweetma {
    position: relative;
    background: #fff;
    padding: 0 0 45px 0;
    border-radius: 4px;
    margin: 0;
    width: calc(100% - 55px);
    display: inline-block;
    overflow: hidden;
    border: 1px solid #ececec;
}

.tweet-metrics .tweetma:after, .tweet-metrics .tweetma:before {
    right: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.tweet-metrics .tweetma:after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #fff;
    border-width: 10px;
    top: 25%;
    margin-top: -10px;
}

.tweet-metrics .tweetma:before {
    border-color: rgba(221, 221, 221, 0);
    border-right-color: #fff;
    border-width: 11px;
    top: 25%;
    margin-top: -11px;
}

.tweet-metrics .tweetmaForeverAlone {
    border-radius: 4px;
    padding-bottom: 5px;
}

.tweet-metrics .tweetmaForeverAlone:after, .tweet-metrics .tweetmaForeverAlone:before {
    right: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.tweet-metrics .tweetmaForeverAlone:after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #fff;
    border-width: 10px;
    top: 38%;
    margin-top: -10px;
}

.tweet-metrics .tweetmaForeverAlone:before {
    border-color: rgba(221, 221, 221, 0);
    border-right-color: #ddd;
    border-width: 11px;
    top: 38%;
    margin-top: -11px;
}

.tweet-metrics-list {
    list-style: none;
    font-size: 13px;
    width: 100%;
    border-radius: 0 0 5px 5px;
    position: absolute;
    bottom: 0;
    left: 0;
    display: table-row;
    margin: 0;
    padding: 0;
    border-top: 1px solid #ddd;
    overflow: hidden;
    background: #f9f9f9;
}

.tweet-metrics-list25 li, .tweet-metrics-list li {
    display: block;
    float: left;
    width: 20%
}

.tweet-metrics-list25 li {
    width: 25%;
}

.tweet-metrics-list li > div, .tmlResumeHeader {
    color: #666;
    background: #f9f9f9;
    padding: 10px;
    text-align: center;
    font-weight: 900;
    margin: 0;
    display: block;
    min-height: 26px;
}

.tweet-metrics-list li > .tweet-metrics-active:hover {
    cursor: pointer;
}

.tweet-metrics-list li > .tweet-metrics-active:after {
    content: "";
    border-left: 5px solid rgba(0, 0, 0, 0);
    border-right: 5px solid rgba(0, 0, 0, 0);
    border-top: 5px solid #000;
    top: 15px;
    margin-left: 6px;
    position: absolute;
}

.tweet-metrics-list-resume {
    margin: 0 0 20px;
    border-radius: 4px;
    display: table;
    width: 100%;
    border: 1px solid #eee;
}

.tmlResumeHeader {
    padding: 0;
    border: 0;
}

.tweet-metrics-list-resumeRow > div {
    display: block;
    padding: 10px 0;
    margin: 0;
    float: left;
    width: 20%;
    text-align: center;
    border-top: 0;
    border-bottom: 0;
}

.tweet-metrics-list-resume4col > div {
    width: 25%;
}

.tmlResumetd {
    background: #fff !important;
}

.tweet-metrics-interactions-container {
    margin: 0 0 0 53px;
    padding: 0;
    border-radius: 4px;
}

.more-interactions {
    text-align: center;
    padding: 5px;
    display: block;
}

.tweet-metrics-interactions {
    display: none;
    position: relative;
    background: #fff;
    margin-top: -1px;
    width: 100%;
    border-radius: 0 0 4px 4px;
    text-align: left;
    border: 1px solid #eee;
    padding: 5px 0 20px;
}

.tweet-metrics-interactions + .tweet-metrics-interactions {
    margin-top: -2px;
}

.tweet-metrics-interactions:after, .tweet-metrics-interactions:before {
    bottom: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.tweet-metrics-interactions:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 6px;
    margin-left: -10px;
}

.tweet-metrics-interactions:before {
    border-color: rgba(221, 221, 221, 0);
    border-bottom-color: #ddd;
    border-width: 7px;
    margin-left: -11px;
}

.tweet-metrics-interactions.users_replies:before, .tweet-metrics-interactions.users_replies:after {
    left: 30%
}

.tweet-metrics-interactions.users_rt:before, .tweet-metrics-interactions.users_rt:after {
    left: 10%
}

.tweet-metrics-interactions.users_fav:before, .tweet-metrics-interactions.users_fav:after {
    left: 70%
}

.tweet-metrics-interaction-img {
    border-radius: 50%;
    width: 60%;
    padding: 10px;
}

.tweet-metrics-follow-bttn {
    position: absolute;
    top: 16px;
    right: 10px;
}

.tweet-metrics-h4 {
    color: #666;
    font-size: 2em;
    font-family: sans-serif, arial;
    padding: 0 20px;
}

.tweet-metrics-sup {
    color: #666;
    font-size: .657em;
    font-family: sans-serif, arial;
    top: 0;
}

.tweet-metrics-tweet-time {
    font-size: .786em;
    color: #666;
    display: block;
    min-height: 20px;
}

.tweet-metrics-list-resumeRow .tmlResumeHeader:first-child {
    border-radius: 4px 0 0;
}

.tweet-metrics-list-resumeRow .tmlResumeHeader:last-child {
    border-radius: 0 4px 0 0;
}

.tweet-metrics-list-resumeRow .tmlResumetd:first-child {
    border-radius: 0 0 0 4px;
}

.tweet-metrics-list-resumeRow .tmlResumetd:last-child {
    border-radius: 0 0 4px;
}

.ico-time-tweet {
    background-image: url(../img/tiny_twit_blue_bird.png);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 11px;
    vertical-align: bottom;
    display: inline-block;
    padding-top: 0px;
}

.metric-svg-label {
    color: #A2A2A2;
    display: inline-block;
    font-size: 14px;
    line-height: 16px;
    vertical-align: middle;
}

.tweet-metrics-item .metric-label {
    display: inline-block;
    background-image: url(../img/tmSprite.png);
    background-repeat: no-repeat;
    padding-left: 20px;
    margin-left: -20px;
    line-height: 16px;
    font-size: 12px;
}

.tmMentions .metric-label {
    background-position: 0 -1px;
}

.tmClicks .metric-label {
    background-position: 0 -66px;
}

.tmFavorites .metric-label {
    background-position: 0 -132px;
}

.tmPotencial .metric-label {
    background-position: 0 -198px;
}

.tmRetweet .metric-label {
    background-position: 0 -264px;
}

.tmTweet .metric-label {
    background-position: 0 -400px;
}

.tmLists .metric-label {
    background-position: 0 -333px;
}

.tmTotals {
    font-weight: 900;
    font-size: 16px;
    color: #666;
}

.tmTotals sup {
    top: 0;
}

.tmMetrics {
    font-size: 25px;
}

.tmRatios {
    font-size: 13px;
    font-weight: 400;
}

.tmFilters {
    font-size: 11px;
    margin: 20px 0;
}

.tmFilters a {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    border-radius: 4px;
    min-width: 60px;
    text-align: center;
    margin-left: 0;
    padding: 8px 5px;
}

.tmFiltersAll {
    float: left;
}

.tmFiltersTweets {
    float: left;
}

.tmFiltersMentions {
    float: left;
}

.tweets-metrics-title {
    margin: 0 0 20px;
    border-radius: 4px;
    padding: 0 10px;
    position: relative;
}

.tweets-metrics-titleh1 {
    color: #666;
    font-size: 30px;
    font-family: sans-serif, arial;
}

.tweets-metrics-loadMore {
    color: #969696;
    text-align: center;
    font-size: 1.5em;
    font-style: italic;
}

.tweets-metrics-title .date-range {
    float: right;
}

.tweey-metric-icon {
    background: url(../img/icon-tweet-analytics.png) top left no-repeat;
    padding-left: 55px;
    width: calc(100% - 55px);
    padding-top: 0;
}

.add_source {
    display: none;
}

.tweet-metrics-container:hover .add_source {
    display: inline-block;
}

#settings_general select {
    width: 50% !important;
    float: right;
}

.dsk-welcome {
    position: absolute;
    padding: 0;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99999999;
}

.probadge {
    background: tomato;
    color: #fff;
    border-radius: 50%;
    padding: 8px 5px;
    font-style: italic;
    font-size: 11px;
}

.dks-container {
    display: block;
    border-radius: 5px;
    margin: 0 auto;
    padding: 24px 24px 0 20px;
    z-index: 99998;
    color: #5D5D5D;
    background: #000;
    padding-top: 6px;
    width: 600px;
    height: 105px;
}

.welcomeh1 {
    color: #fff;
    font-size: 20px;
    line-height: 1.5em;
    display: inline-block;
}

.dks-options {
    display: inline-block;
    width: 330px;
    text-align: right;
}

.dsk-sep {
    border-left: solid 1px #FFF;
    margin-left: 10px;
    margin-right: 10px;
}

.welcomebttn {
    display: inline-block;
    color: #FFF;
}

.welcomebttn:hover, .welcomebttn:focus {
    text-decoration: underline;
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::                  CHANGE PLAN              ::::*/
/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/
.change-plan {
    font-size: 14px;
    font-family: sans-serif, arial;
    position: relative;
    vertical-align: middle;
    outline: 0;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
}

.change-plan table {
    width: 100%;
    border-radius: 5px;
    border: solid #ddd 1px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.change-plan table td, .change-plan table th {
    border-right: solid #ddd 1px;
    border-bottom: solid #ddd 1px;
    padding: 10px;
    max-width: 50px;
    font-size: .857em;
}

.change-plan .hover {
    background-color: #25CFC9;
}

.change-plan table tr {
    opacity: .9;
}

.change-plan table th {
    font-size: inherit;
}

.change-plan table td.lastcptd, .change-plan table th.lastcpth {
    border-right: 0;
}

.change-plan table td.lastcptdbbttm, .change-plan table th.lastcptdbbttm {
    border-bottom: 0;
}

.change-plan th.lastcpbrl {
    border-radius: 0 0 0 5px;
}

.change-plan td.lastcpbrr {
    border-radius: 0 0 5px;
}

.change-plan-headers {
    background: #fff;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(229, 229, 229, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(229, 229, 229, 1)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(229, 229, 229, 1) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(229, 229, 229, 1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(229, 229, 229, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0, rgba(229, 229, 229, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0);
}

.change-plan-headers th {
    padding: 10px;
}

.change-plan-headers th.firstcpth {
    border-radius: 5px 0 0;
}

.change-plan-headers th.lastcph {
    border-radius: 0 5px 0 0;
}

.change-plan-rwhite {
    background: #f9f9f9;
}

.change-plan-rwhitesmoke {
    background: #f5f5f5;
}

.change-plan-nocbg:hover {
    background: inherit;
}

.change-plan-coldetail {
    background: #f6f6f6;
}

.change-plan-warning {
    background: url(../img/stripe-warning-light.png) top left;
}

.change-plan-succeed {
    background: url(../img/stripe-succeed.png) top left;
}

.change-plan tr:hover .change-plan-warning {
    background: url(../img/stripe-warning-light.png) top left;
}

.change-plan tr:hover .change-plan-succeed {
    background: url(../img/stripe-succeed.png) top left;
}

.change-plan th[scope=row] {
    text-align: left;
}

.change-plan tr:hover th[scope=row], .change-plan tr:hover td {
    background: #fff;
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::            TANK CONTAINERS  STYLES        ::::*/
/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/

.tank {
    background: #fff;
    border-radius: 3px;
    position: relative;
    border: 1px solid #efefef;
}

.tank-big {
    width: 100%;
    box-sizing: border-box;
    border: 5px solid transparent;
    float: left;
}

.tank-medium {
    width: 50%;
    box-sizing: border-box;
    border: 5px solid transparent;
    float: left;
}

.tank-small {
    width: 25%;
    box-sizing: border-box;
    border: 5px solid transparent;
    float: left;
}

.tank-plus-bottom {
    padding-bottom: 50px;
}

.tank-title {
    background: #fff;
    border-radius: 3px 3px 0 0;
    padding: 16px 10px;
}

.tank-title h2 {
    line-height: 0;
    text-transform: uppercase;
    text-shadow: 0 1px 0 #fff;
    position: relative;
}

.tank-buttons {
    position: absolute;
    top: 9px;
    right: 9px;
    z-index: 3;
}

.tank-o-content {
    padding: 10px;
    z-index: 2;
}

.tank-content-placeholder {
    font-size: 13px;
    text-align: center;
    padding: 50px;
    color: #8F8F8F;
}

.tank-i-content {
    font-size: .813em;
}

.tank-adv {
    box-sizing: border-box;
    border: 5px solid transparent;
    float: left;
    padding-bottom: 5px;
}

.tank-big-adv {
    width: 100%;
    box-sizing: border-box;
    border: 5px solid transparent;
    float: left;
    padding-bottom: 5px;
}

.tank-medium-adv {
    width: 50%;
    box-sizing: border-box;
    border: 5px solid transparent;
    float: left;
    padding-bottom: 4px;
}

.tank-small-adv {
    width: 25%;
    box-sizing: border-box;
    border: 5px solid transparent;
    float: left;
}

.tank-title-adv {
    border-radius: 3px 3px 0 0;
    padding: 16px 10px;
}

.tank-title-adv h2 {
    font-size: 1.5em;
    line-height: 1em;
    text-transform: uppercase;
    text-shadow: 0 1px 0 #fff;
    z-index: 1;
    position: relative;
    text-align: center;
    color: #666;
}

.tank-title-adv p {
    font-size: 1.1em;
    line-height: 1.2em;
    text-transform: none;
    text-shadow: 0 1px 0 #fff;
    z-index: 1;
    position: relative;
    text-align: center;
    margin-bottom: -1.2em;
    padding: 0;
    height: 40px;
    color: #8f8f8f;
}

.tank-footer-adv {
    background: rgba(41, 196, 208, 0.12);
    border-radius: 0 0 2px 2px;
    height: 100px;
    overflow-y: scroll;
    padding: 10px;
}

ul.tank-footer-adv-info {
    font-size: .786em;
    padding: 0;
    box-sizing: border-box;
}

ul.tank-footer-adv-info li {
    display: inline-block;
    list-style: none;
    color: #41BDE4;
    text-decoration: none;
    padding: 0 10px 10px 0;
    font-size: 14px;
    width: 30%;
    vertical-align: top;
    box-sizing: border-box;
}

.tank-graph-adv {
    display: block;
    margin: 0 auto;
    width: 100%;
    padding: 20px 0 0;
}

.tank-graph-adv #tagcloud, #stat_map, .tank-graph-adv .stat-tagcloud {
    width: 100%;
    margin: 0;
    padding: 0 !important;
    text-align: center;
    position: relative;
    border: 0 !important;
    background: 0;
}

.tank-o-content-nbr {
    border-top: 0;
}

.tank-o-content-npddg {
    padding-top: 0;
}

.buffer-bttns-tank {
    width: 100%;
    margin: 0 0 -40px 0;
    padding: 0 !important;
}

.tank-o-content-noborder {
    border-top: 0;
}

.source-stats {
    width: 97.5%;
    margin: 0 0 0 10px;
    overflow: hidden;
    display: block;
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::                TABS     STYLES            ::::*/
/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/

.tabGroup {
    width: calc(100% - 12px);
    height: auto;
    text-shadow: 0 1px 0 #fff;
    margin-left: 6px;
}

.tabGroup > input[type=radio] {
    position: absolute;
    left: -10000000px;
    top: -10000000px;
}

.tabGroup > input[type=radio] + label {
    display: inline-block;
    border-radius: 5px 5px 0 0;
    border-bottom: 0;
    padding: 10px;
    background-color: #e8e8e8;
    cursor: pointer;
    margin: 0 -1px 0 0;
    color: #666;
    font-size: 17px;
    text-transform: capitalize;
    text-shadow: none;
}

.tabGroup > input[type=radio]:focus + label {
    border: 1px solid #ddd;
}

.tabGroup > input[type=radio]:checked + label {
    background-color: #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    margin-bottom: -1px;
    z-index: 5;
    cursor: pointer;
    color: #666;
    position: relative;
}

.tabGroup > div {
    display: none;
    background-color: #e3e3e3;
    padding: 10px;
    height: 100%;
    overflow: auto;
    border-radius: 0 3px 3px;
    font-size: inherit;
    position: relative;
    z-index: 0;
}

.tab1:checked ~ .tab1, .tab2:checked ~ .tab2, .tab3:checked ~ .tab3 {
    display: block;
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::             COMPARISON   STYLES           ::::*/
/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/

.comparison-user {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
}

.comparison-title {
    margin: 0 0 10px;
    padding: 20px 0 0;
    color: #666;
    font-weight: lighter;
    font-size: 30px;
    font-family: sans-serif, arial;
}

#comparison .comparison-user img {
    text-decoration: none;
    color: transparent;
    border: 0;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
}

#comparison .comparison-user b {
    display: inline-block;
    font-size: 1.8em;
    color: #2AA89E;
    vertical-align: middle;
    margin: 0 0 0 10px;
    font-weight: 400;
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::          TWITTER MASTER  STYLES           ::::*/
/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/

.button {
    color: #fff !important;
    text-decoration: none !important;
    cursor: pointer;
    background: #f29556;
    border: 1px solid #f29556;
    border-radius: 4px;
}

.button:hover {
    color: #fff;
    background: #e87161;
}

.button:active {
    background: #fc7d6a;
}

.button-small, .button-w-small {
    font-size: 11px !important;
    text-transform: uppercase !important;
    padding: 10px !important;
    color: #666 !important;
}

.button-medium, .button-w-medium {
    font-size: 1.125em;
    padding: 10px;
}

.button-large, .button-w-large {
    font-size: 1.5em;
    padding: 15px;
}

.button-w {
    width: auto;
    line-height: 1;
    text-decoration: none;
    font-weight: 400;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    border-radius: 3px;
    background: rgba(245, 245, 245, 1);
    border: solid #ddd 1px;
    color: #666 !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
    text-transform: uppercase;
    padding: 10px 15px;
    margin: 0 0 0 10px;
}

.button-w:hover, .button-w:focus {
    background: rgba(229, 229, 229, 1);
}

.button-w:active {
    background: rgba(245, 245, 245, 1);
}

.button-w-small a {
    color: #444
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::         CHECKBOX SLIDER  STYLES           ::::*/
/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/

label.sliderLabel {
    border: 1px solid #a2a2a2;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    height: 28px;
    margin: 0 !important;
    overflow: hidden;
    position: relative;
    width: 70px;
}

.sliderLabel input {
    display: none;
}

.sliderLabel input:checked + .slider {
    left: 0;
}

.sliderLabel .slider {
    left: -65px;
    position: absolute;
    top: 0;
    transition: left .25s ease-out;
    margin: 0 !important;
}

.sliderLabel .sliderOn, .sliderLabel .sliderBlock, .sliderLabel .sliderOff {
    display: block;
    font-family: arial, verdana, sans-serif;
    font-weight: 700;
    height: 28px;
    line-height: 30px;
    position: absolute;
    text-align: center;
    top: 0;
    margin: 0 !important;
}

.sliderLabel .sliderOn {
    background: #fc7d6a !important;
    background: -moz-linear-gradient(top, #fc7d6a 0, #e87161 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fc7d6a), color-stop(100%, #e87161));
    background: -webkit-linear-gradient(top, #fc7d6a 0, #e87161 100%);
    background: -o-linear-gradient(top, #fc7d6a 0, #e87161 100%);
    background: -ms-linear-gradient(top, #fc7d6a 0, #e87161 100%);
    background: linear-gradient(to bottom, #fc7d6a 0, #e87161 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc7d6a', endColorstr='#e87161', GradientType=0);
    color: #fff;
    left: 0;
    width: 45px;
    margin: 0 !important;
}

.sliderLabel .sliderBlock {
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0, #e5e5e5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #e5e5e5));
    background: -webkit-linear-gradient(top, #fff 0, #e5e5e5 100%);
    background: -o-linear-gradient(top, #fff 0, #e5e5e5 100%);
    background: -ms-linear-gradient(top, #fff 0, #e5e5e5 100%);
    background: linear-gradient(to bottom, #fff 0, #e5e5e5 100%);
    border-right: 1px solid #a2a2a2;
    border-left: 1px solid #a2a2a2;
    border-radius: 3px;
    height: 28px;
    left: 44px;
    width: 50px;
}

.sliderLabel .sliderOff {
    color: #666 !important;
    background: #efefef;
    left: 96px;
    width: 39px;
}

.js-add-rule {
    margin: 20px 9px 0 0;
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::      SOCIAL CONTACTS BAR  STYLES          ::::*/
/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/

.scbContainerDash {
    color: #666;
    margin: 0 auto;
    width: 99%
}

.scbBubbleDash {
    position: relative;
    background: #fff;
}

.scb {
    overflow: hidden;
    background: rgba(235, 235, 235, 1);
    border-radius: 100px;
}

.scb-title {
    font-family: sans-serif, arial;
    font-size: 18px;
    color: #fff;
    text-shadow: 0 -1px 0 #000;
    background: url(../img/ico-bucket.png) left center no-repeat;
    padding-left: 30px;
    float: left;
    width: 100px;
    margin-top: 8px;
}

.scb-info {
    display: inline-block;
    vertical-align: middle;
    font-size: 11px;
    margin-left: 10px;
    opacity: .7;
}

.scb-tooltip {
    top: -63px;
    height: 46px;
    z-index: 1;
}

.scb-tooltipText {
    position: relative;
    width: 170px;
    text-align: center;
    font-size: 12px;
    margin-bottom: 5px;
}

.scb-planLimit {
    position: absolute;
    height: 10px;
    z-index: 1;
    opacity: .1;
    background: url(../img/stripe-mission.png) top left;
}

.scb-planLimitMark {
    position: absolute;
    z-index: 17;
    height: 20px;
    border-left: #EC3030 solid 2px;
    top: -5px;
}

.scb-block {
    float: left;
    padding-top: 10px;
    opacity: .9;
    list-style: none;
    border-radius: 0;
    transition: width 500ms;

}

.scb-block:hover {
    opacity: 1;
}

.scb-menu {
    display: none;
    position: absolute;
    padding: 7px;
    min-width: 180px;
    z-index: 1;
    cursor: default;
    color: #000;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0 3px rgba(0, 0, 0, .35);
}

.scb-detailsInfo {
    text-transform: none;
}

.scb-detailsInfoItem {
    display: inline-block;
}

.scb-detailsList {
    margin-top: 5px;
    margin-bottom: 10px;
    list-style: none;
    max-height: 300px;
    overflow: auto;
}

.scb-detailsListItem {
    list-style: none;
    position: relative;
    padding: 7px 0 !important;
    font-size: 11px;
    border-bottom: 1px dotted #ddd;
    cursor: pointer;
}

.scb-detailsListItem .demoFordash-Free {
    font-size: 8px;
    top: 5px;
    right: 0;
    text-shadow: 0 0;
}

.scb-icoProvider {
    position: absolute;
    left: 18px;
    top: 24px;
}

.scb-detailsListItem dt, .scb-detailsListItem dl {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-transform: none;
}

.scb-detailsListItem:hover {
    background: rgba(112, 213, 226, .2);
}

.scb-detailsListItem:hover .scb-del {
    display: inline-block;
    margin-top: 5px;
    margin-right: 5px;
}

.scb-detailsAvatar {
    width: 24px;
    vertical-align: top;
    margin-right: 5px;
    padding: 3px;
}

.scb-detailsData {
    margin-left: 35px;
    margin-top: -14px;
}

.scb-del {
    position: absolute;
    display: none;
    background: url(../img/del.png);
    top: 0;
    right: 0;
    width: 11px;
    height: 10px;
}

.scb-legendColor {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    width: 10px;
    height: 10px;
    border-bottom: 1px solid #fff;
    border-radius: 100% !important;
    margin-top: -1px;
}

.scb-legend {
    overflow: hidden;
    margin-top: 5px;
}

.scb-legendItem {
    display: inline-block;
    margin-right: 10px;
    list-style: none;
    text-transform: uppercase;
    font-size: 10px;
    color: #888;
    text-shadow: 0 1px 0 #fff;
    padding-top: 0;
    cursor: default;
}

.scb-legendItem:hover .scb-menu {
    display: block;
    z-index: 9999999;
}
.scb-legendItem .superbutton {
    text-shadow: none;
}
.scb-total {
    float: right;
    text-transform: lowercase;
    text-align: right;
    margin-right: 0;
}

.scb-available {
    background: #eee;
}

.scb-planInfo {
    color: #000;
    font-size: 12px;
}

.scb-planInfo:hover {
    font-weight: bold;
}

.scb-planInfo:hover + .scb-planArea {
    background: rgba(255, 255, 86, 0.4);
}

.scb-planName {
    display: inline-block;
    width: 107px;
}

.scb-planPrice {
    display: inline-block;
    width: 44px;
}

.scb-planContacts {
    min-width: 75px;
    display: inline-block;
}

.scb-planArea {
    display: block;
    position: absolute;
    top: 17px;
    opacity: .5;
    border-width: 1px;
    border-color: #bbb;
    border-style: dashed dashed none none;
}

.scb-planAreaTiny {
    border-top-color: rgba(0, 0, 0, 0);
    border-right-style: solid;
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::      WELCOME SCREENS ICONS  STYLES        ::::*/
/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/

#welcomeScreenWrapper {
    color: #666;
    font-size: 16px;
    width: 100%;
    box-sizing: border-box;
    border: 10px solid transparent;
    border-top: 0;
    float: left;
}

#welcomeScreenWrapper h1 {
    font-size: 40px;
    margin: 5px 0 10px 5px;
    font-family: sans-serif, arial;
}

.ws-Content {
    height: 200px;
    overflow: hidden;
}

.ws-CTAoptions {
    width: 100%;
    margin-top: 20px;
}

.ws-CTAoptions a {
    position: absolute;
    bottom: 20px;
    right: 10px;
}

.wS-sprite {
    background: url(../img/wS-sprite.png) top left no-repeat;
    padding: 5px 40px;
    white-space: nowrap;
    overflow: hidden;
    line-height: .7em !important;
}

.wS-icoMedia {
    background-position: 0 -58px;
}

.wS-icoSync {
    background-position: 0 -3px;
}

.wS-icoGuide {
    background-position: 0 -88px;
}

.wS-icoSupport {
    background-position: 0 -238px;
}

.wS-icoWebinar {
    background-position: 0 -147px;
}

.wS-icoBlog {
    background-position: 0 -206px;
}

.wS-icoVideo {
    background-position: 0 -117px;
}

.wS-icoFeedback {
    background-position: 0 -177px;
}

.wS-icoHelp {
    background-position: 0 -30px;
}

.wS-extLink {
    background: url(../img/wS-sprite.png) 0 -277px no-repeat;
    display: inline-block;
    vertical-align: middle;
    height: 13px;
    width: 16px;
}

.ws-helpMenu {
    list-style: none;
    float: left;
}

.ws-helpMenu li {
    float: left;
    padding: 9px 0 9px 40px;
    margin-right: 0;
    margin-bottom: 25px;
    width: 150px;
    white-space: nowrap;
    overflow: hidden;
}

.ws-helpMenu li a {
    text-decoration: underline;
    color: #666;
}

.ws-helpMenu li a:hover {
    text-decoration: none;
    color: #1DB8E9;
}

.ws-videopMenu {
    list-style: none;
    float: left;
}

.ws-videoMenu li {
    float: left;
    padding: 0;
    margin-right: 10px;
    width: 175px;
    height: 100px;
    overflow: hidden;
    background: #ddd;
    margin-bottom: 10px;
}

.ws-bigVideo {
    height: 210px !important;
    width: 380px !important;
    display: block;
}

.ws-tinyVideo {
    float: left;
}

.wS-topContainer {
    margin: 0;
}

.wS-bttmContainer {
    margin: 0;
}

.wS-img {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 0 0;
    border-radius: 10%;
    max-width: 48px;
}

.wS-data {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
}

.wS-usr {
    font-weight: strong !important;
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::             FF HELPER  STYLES             ::::*/
/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/

.sidebarContainer {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
}

.ffh {
    position: fixed;
    margin-bottom: 6px;
    background: #fff;
    border-radius: 5px;
    color: #666;
    padding: 10px;
    font-size: 1.2em;
    width: 300px;
    z-index: 16;
    top: 50px;
    left: 40%;
    box-shadow: 0px 1px 10px 3px rgba(0, 0, 0, .2);
}

.ffh-field {
    float: left;
    margin: 5px 10px 0 0;
}

.ffh-combo {
    width: 125px;
}

.ffh-title {
  padding: 0px 0 0px 8px;
  cursor: move;
  font-size: 18px;
}

.ffh-title > .panel_move_bt {
    width: 15px;
    height: 15px;
    background: url(../img/socialbro_app_sprite_1_1.png?v=%VERSION%) no-repeat top left;
    background-position: -167px -93px;
    display: inline-block;
    margin: 0;
    cursor: move;
    float: none;
    position: absolute;
    right: 10px;
    top: 16px;
}

.ffh-form {
    height: 400px;
}

.ffh-settings, .ffh-tweets {
    position: relative;
    border: none;
    border-radius: 3px;
    padding: 0 10px 10px 10px;
    background: #F3F3F3;
}

.ffh-tweets {
    height: 55%;
    margin-bottom: 14px;
    margin-top: 10px;
}

.ffh-settingsLegend, .ffh-tweetsLegend {
    color: #666;
    padding: 5px 10px 10px 5px;
    background: #F3F3F3;
    font-weight: 800;
    font-size: 12px;
    border-radius: 3px;
    margin: 0 0 0 -10px;
}

.ffh label {
    display: block;
    font-weight: 400;
    margin-bottom: 5px;
    font-size: 12px;
}

.ffh-tweetsPlaceholder {
    padding: 20px;
    text-align: center;
    font-weight: normal;
    font-size: 15px !important;
}

.ffh-tweetsCount {
    margin-left: 2px;
}

.ffh-tweetContainer {
    overflow: auto;
    position: absolute;
    top: 40px;
    bottom: 0;
    margin: 0 auto;
    left: 0;
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
}

.ffh-userList .uLBox-checkboxContainer {
    display: none;
}

.ffh-userList .tuser {
    cursor: pointer;
}

.ffh-user {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: auto;
    width: auto;
    background: rgba(49, 179, 191, .93) url(../img/add_mention.png) center center no-repeat;
    border-radius: 5px;
    z-index: 10;
    text-align: center;
    font-size: 13px;
    padding-top: 12px;
}

.ffh-launcher {
    cursor: pointer;
    opacity: 1;
}

.ffh-tweetEditor {
    width: 100%;
    resize: vertical;
    color: #727272 !important;
    font-size: 12px;
    padding: 5px;
    border: 1px solid #eee;
    background: #fff;
    border-radius: 3px;
    box-sizing: border-box;
    margin: 0 auto;
    max-height: 200px;
}

.ffh-tweetListItem > .ffh-tweetEditor {
    max-height: 100px;
}

.ffh-tweetEditorExpandable:focus {
    height: 80px;
}

.ffh-tpl {
    resize: vertical;
    overflow: hidden;
}

.ffh-tpl:hover .ffh-tpl:focus, .ffh-tweetEditor:hover, .ffh-tweetEditor:focus {
    color: rgba(81, 148, 160, .92);
}

.ffh-tweetListItem {
    margin: 0 0 25px;
    position: relative;
    display: block;
}

.ffh-tweetCounter {
    float: left;
    font-weight: 900;
    font-size: 10px;
    color: #999;
    margin-left: 10px;
}

.ffh-removeItem {
    font-size: 10px;
    text-align: right;
    float: right;
    color: #D18F8F;
    font-weight: 400;
    margin-right: 10px;
}

.ffh-removeItem:hover {
  color: #C60E32;
}

.ffh-removeAll {
    font-size: 10px;
    text-align: right;
    float: right;
    color: #FFFFFF;
    font-weight: 400;
    margin-right: -10px;
    margin-top: -33px;
    display: none;
    background: #C60E32;
    padding: 2px 5px;
    border-radius: 3px;
}

.ffh-results {
    display: none;
    margin-top: 30px;
    height: 95%
}

.ffh-resultsList {
    margin-bottom: 20px;
    height: 85%;
    overflow: auto;
}

.ffh-resultsList > li > img {
    float: right;
    margin-right: -12px;
    margin-top: -12px;
    width: 32px;
    height: 32px;
}

.ffh-resultsList > li {
    list-style: none;
    overflow: hidden;
    margin: 0 0 5px 0;
}

.ffh-tweetFailed {
    background-color: transparent;
}

.ffh-tweetSent {
    background-color: transparent;
}

.scbListImg {
    width: 20px;
    height: 20px;
}

.scb-color1 {
    border-radius: 100px 0 0 100px;
    background: #6db3f2;
}

.scb-color2 {
    background: #9dd53a;
}

.scb-color3 {
    background: #fceabb;
}

.scb-color4 {
    background: rgba(255, 127, 4, 1);
}

.scb-color5 {
    background: #cb60b3;
}

.scb-color6 {
    background: #eee518;
}

.scb-color7 {
    border-radius: 0 100px 100px 0;
    background: #6A85F0;
}

.scbBubble {
    position: relative;
    background: #fff;
    border: 1px solid #ddd;
    float: right;
    padding: 10px;
    margin-left: 20px;
    width: 80%;
    border-radius: 5px;
}

.scbBubble:after, .scbBubble:before {
    right: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.scbBubble:after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #fff;
    border-width: 10px;
    top: 50%;
    margin-top: -10px;
}

.scbBubble:before {
    border-color: rgba(221, 221, 221, 0);
    border-right-color: #ddd;
    border-width: 11px;
    top: 50%;
    margin-top: -11px;
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::      GOAL PICKER WIDGET  STYLES           ::::*/
/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/

.gpw-container {
    position: absolute;
    padding: 10px;
    z-index: 100000000;
    color: #000;
    background: #fff;
    border-radius: 5px 0 5px 5px;
    border: solid 1px #e0e0e0;
    width: 380px;
}

.gpw-body {
    overflow: hidden;
}

.gpw-filters {
    float: left;
}

.gpw-goals {
    float: left;
    margin-left: 30px;
}

.gpw-fieldRow {
    margin-top: 3px;
    margin-bottom: 9px;
}

.gpw-label {
    display: block;
    font-size: 1.2em;
    margin-bottom: 3px;
}

.gpw-select {
    width: 200px;
}

.gpw-goal {
    font-size: 12px;
    list-style: none;
    border: solid 1px #F1F1F1;
    width: 130px;
    padding: 8px;
    height: 100px;
    overflow: auto;
}

.gpw-goal > li {
    margin-bottom: 5px;
}

.gpw-goal .goal {
    margin-right: 5px;
}

.gpw-buttonsRow {
    margin-top: 13px;
}


/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::         DASH DASH TANKS  STYLES           ::::*/
/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/

.tankDash {
    background: #fff;
    border-radius: 3px;
    position: relative;
    border: 1px solid #efefef;
}

.tankDash > .ribbon {
    padding: 0 35px
}

.tankDash > .ribbon-tr {
    right: -33px;
    top: 10px;
}

.tankDashDetail {
    position: relative;
}

.tankDash-big,
.tankDash-medium,
.tankDash-small,
.tankDash-smallDetail {
    display: inline-block;
    vertical-align: top;
}

.tankDash-big {
    width: 100%;
    box-sizing: border-box;
    border: 10px solid transparent;
}

.tankDash-medium {
    width: 50%;
    box-sizing: border-box;
    border: 10px solid transparent;
}

.tankDash-small {
    width: 25%;
    box-sizing: border-box;
    border: 10px solid transparent;
}

.tankDash-title small {
    font-size: 14px;
    color: #A7A3A3;
    font-weight: lighter;
}

.tankDash-smallDetail {
    width: 180px;
    box-sizing: border-box;
    border: 10px solid transparent;
}

.tankDash-title {
    padding: 15px 10px 5px;
    font-size: 16px;
    font-weight: bold !important;
    font-family: sans-serif;
}

.tankDash-title h2 {
    font-size: .875em;
    text-transform: uppercase;
    text-shadow: 0 1px 0 #fff;
    z-index: 1;
    position: relative;
}

.tankDash-buttons {
    position: absolute;
    top: 9px;
    right: 9px;
    z-index: 3;
}

.tankDash-o-content {
    padding: 10px;
    z-index: 2;
}

.tankDash-o-contentDetail {
    padding: 0;
    z-index: 2;
}

.tankDash-i-content {
    font-size: 1.25em;
    color: #666;
}

.tankDash-smallDetail a .tankDash-i-content {
    color: #666;
    font-size: .85em;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.loyaltyDiscount {
    background: url(../img/30off.png) center center no-repeat;
    height: 150px;
    width: 300px;
    margin: 0 auto;
    margin-bottom: 20px;
}

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

.lD-couponCode {
    text-align: center;
    background: #DBEBCD;
    padding: 20px;
    border-radius: 2px;
    color: #5E7749;
    font-size: 30px;
    font-weight: 800;
    border: 1px dashed #B4C9A1;
    position: relative;
}

.lD-languageEn {
    color: white;
    text-align: center;
    display: block;
    vertical-align: bottom;
    padding-top: 104px;
    font-size: 25px;
    font-weight: 400;
}

.lD-scissors {

    font-size: 30px;
    position: absolute;
    top: -28px;
    left: 20px;
    color: #5E7749;
}

.lD-scissors:before {
    content: "\2701";
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::            SHOW    MORE    STATS          ::::*/
/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/

#more-global-stats {
    position: absolute;
    background: #fff url(../img/more-stats.png) 0 0 no-repeat;
    display: block;
    height: 32px;
    width: 32px;
    top: 110px;
    right: 105px;
}

#more-global-stats.reload {
    position: absolute;
    background: #fff url(../img/more-stats.png) 0 0 no-repeat;
    background-position: 0px -39px;
    display: block;
    height: 32px;
    width: 32px;
    top: 131px;
    right: 22px;
    z-index: 1;

}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::    DASH SOURCES/ACCOUNTS BOXES  STYLE     ::::*/
/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/

.dash-group-small .tankDashAddAccount {
    height: 180px;
}

.dash-group-small .dashAddAccount b {
  margin: 10px auto 20px;
}

.dashAccountText {
    display: inline-block;
    margin: 0 auto;
    vertical-align: top;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 10px;
}

p .dash-account-initial {
    display: inline-block;
}

.dash-account-initial {
    color: white;
    text-align: center;
    font-size: 20px;
    position: relative;
}

.dash-account-initial > span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.dashboard_item_header header .dash-account-initial span {
    margin: 0 auto;
    color: white;
}

.user-details-initial {
    font-size: 30px;
    height: 50px;
    line-height: 50px;
    width: 50px;
}

.dashIcoProvider {
    position: absolute;
    left: -5px;
}

.dashAccountAvatar {
    width: 45px;
    height: 45px;
    display: block;
    vertical-align: middle;
    margin: 0 auto;
    border-radius: 50%;
    font-size: 36px;
    line-height: 75px;
}

.dashAccountAvatar.not-rounded {
    border-radius: 0;
}

.dashSourceIcon {
  display: block;
  fill: #565656;
  height: 25px;
  margin: 0 auto;
  width: 25px;
}

.js-only-twitter .dashAccountAvatar {
    width: 55px;
    height: auto;
    display: block;
    vertical-align: middle;
    margin: 0 auto;
    border-radius: 0;
}

.dashAccountInfoCell {
    height: 125px;
}

.dashAccountInfoBtn {
    width: 145px;
}

.dashAccountInfo-Data {
    font-size: .58em;
    display: block;
    font-weight: 400;
    padding: 0;
    width: 40%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.dashAccountInfo-DataPositive {
    float: left;
}

.dashAccountInfo-DataNegative {
    float: right;
}

.dashAccountInfo-DataPositive b {
    color: #46b623 !important;
    font-weight: 400;
}

.dashAccountInfo-DataNegative b {
    color: #da632b !important;
    font-weight: 400;
}

.dashAccountInfo-Data strong {
    font-size: 1.1em !important;
    margin: 11px 0 0;
    display: block;
}

.tankDashTrash {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 20px;
    height: 20px;
    background: url(../img/socialbro_app_sprite_1_1.png) no-repeat 0px -280px;
}

.tankDashTrash:hover {
    background: url(../img/socialbro_app_sprite_1_1.png) no-repeat -20px -280px;
}

/* notice DM */

#users_content .noticeDM {
    font-size: 14px !important;
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::      ADD ACCOUNT BOX     STYLES           ::::*/
/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/

.tankDashAddAccount {
    border: dashed #cecece 1px;
    color: #999 !important;
    background: #f0f0f0;
    height: 180px;
    transition: all .2s ease-out;
}

.tankDash.tankDashAddAccount:hover {
    background: #f8f8f8;
}

.dashAddAccountDash .dashAccountInfo {
    border: 0 !important;
}

.dashAddAccount b {
    display: block;
    font-size: 10.2em;
    color: #eee;
    background: url(../img/add-plus.png) center center;
    border-radius: 100%;
    width: 100px;
    height: 100px;
    line-height: 0.7;
    margin: 20px auto 20px;
    opacity: .5;
    filter: alpha(opacity=50);
}

.dashAddAccount strong {
    color: #999;
    white-space: normal;
}

.dashModuleMore {
    float: right;
    font-size: 12px;
    line-height: 24px;
}

.dashKPI {
    cursor: pointer;
}

/* Icons for deiff services */

.dashSource-twitter, .dashSource-instagram {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    display: inline-block;
    margin: 0 0 0 0;
    background: url(../img/bg-bcrumb.png) 0 0 no-repeat;
    vertical-align: middle;
}

.dashSource-twitter {
    background-position: -75px -415px;
}

.dashSource-instagram {
    background-position: -135px -415px;
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::      DASH DASH BANNER RIGHT  STYLES       ::::*/
/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/

.dashBanner {
    overflow: hidden;
    border-radius: 3px;
}

.dashBanner .tankDash-o-content {
    padding: 0;
}

.containerDashBannerSlides .slidesjs-container {
    width: auto !important;
    height: auto !important;
    margin-bottom: 0;
}

.containerDashBannerSlides .slidesjs-slideFigure {
    min-height: auto;
    display: block;
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::         DASH DASH SLIDER  STYLES          ::::*/
/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/

#slidesDash {
    display: none;
}

#slidesDash a:link,
#slidesDash a:visited {
    color: #333;
}

#slidesDash a:hover,
#slidesDash a:active {
    color: #29C4D0;
}

.containerDashSlides {
    margin: 0 auto;
}

.navbar {
    overflow: hidden;
}

span.ico {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    width: 30px;
    height: 30px;
}

span.bigIco {
    width: 50px;
    height: 50px;
}

.ico-tac2 {
    background: url(../img/appicons/light/appbar.twitter.birdwhite.png) center center no-repeat;
    margin-bottom: 5px;
    background-color: rgb(66, 171, 221);
    border-radius: 100%;
    margin-left: 15px;
    margin-right: 10px;
}

.ico-igram2 {
    background: url(../img/appicons/light/appbar.instagramwhite.png) center center no-repeat;
    margin-bottom: 5px;
    background-color: #517fa4;
    border-radius: 100%;
    margin-left: 15px;
    margin-right: 10px;
}

.yellow_title .ico-ts {
    background: url(../img/appicons/light/appbar.magnify.png) center center no-repeat !important;
}

.yellow_title .ico-ytl {
    background: url(../img/appicons/light/appbar.page.text.png) center center no-repeat !important;
}

.yellow_title .ico-otl {
    background: url(../img/appicons/light/appbar.page.search.png) center center no-repeat !important;
}

.yellow_title .ico-tf {
    background: url(../img/appicons/light/appbar.paperclip.png) center center no-repeat !important;
}

.yellow_title .ico-ef {
    background: url(../img/appicons/light/appbar.tools.email.png) center center no-repeat !important;
}

.yellow_title .ico-gls {
    background: url(../img/appicons/light/appbar.location.round.png) center center no-repeat !important;
}

.yellow_title .ico-fbr {
    background: url(../img/appicons/light/appbar.reply.people.png) center center no-repeat !important;
}

.yellow_title .ico-gu {
    background: url(../img/appicons/light/appbar.uguide.png) center center no-repeat !important;
}

.yellow_title .ico-wb {
    background: url(../img/appicons/light/appbar.webinar.png) center center no-repeat !important;
}

.yellow_title .ico-cv {
    background: url(../img/appicons/light/appbar.vchannel.png) center center no-repeat !important;
}

.yellow_title .ico-sg {
    background: url(../img/appicons/light/appbar.suggest.png) center center no-repeat !important;
}

.yellow_title .ico-bl {
    background: url(../img/appicons/light/appbar.sbblog.png) center center no-repeat !important;
}

.yellow_title .ico-sp {
    background: url(../img/appicons/light/appbar.sbsupport.png) center center no-repeat !important;
}

.ico-mut {
    background: url(../img/appicons/light/appbar.mute.png) center center no-repeat;
}

.ico-unm {
    background: url(../img/appicons/light/appbar.unmute.png) center center no-repeat;
}

.ico-title, .ico-desc, .ico-upload, .ico-twacc, .ico-freq, .ico-time, .ico-mail {
    background: #39B3C2;
}

.ico-instagram {
    background-image: url(../img/provider-sprite.png);
}

.ico-mid.ico-instagram {
    background-position: 0px -4px;
}

.ico-small.ico-instagram {
    background-position: -48px -81px;
}

.ico-big.ico-instagram {
    background-position: -47px -82px;
}

.ico-twitter {
    background-image: url(../img/provider-sprite.png);
}

.ico-mid.ico-twitter {
    background-position: 0px 33px;
}

.ico-small.ico-twitter {
    background-position: -48px -44px;
}

.ico-tiny,
.ico-small,
.ico-mid,
.ico-big {
    display: inline-block;
    vertical-align: middle;
}

.ico-mid {
    width: 35px;
    height: 30px;
}

.ico-small {
    width: 16px;
    height: 16px;
}

.ico-tiny {
    width: 12px;
    height: 12px;
}

.ico-big {
    width: 50px;
    height: 50px;
}

.info {
    text-align: center;
    margin: 0;
    border-radius: 0;
    padding: 20px;
}

.info p {
    font-size: 14px;
    color: inherit;
    margin: 15px 0;
}

.info a {
    text-decoration: underline;
    cursor: pointer;
}

.info .superbuttonCallToAction {
    float: none;
}

#timer {
    padding: 10px;
}

#mediaCardContainer {
    font: lighter 14px sans-serif, arial;
}

.embedlyCard {
    background: #fff;
    border-radius: 3px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2);
    padding: 10px 0;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 20px;
}

.embedlyCard header {
    color: #b1b1b1;
    padding-left: 20px;
    margin: 0 10px;
    line-height: 20px;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 16px;
}

.embedlyCard main {
    display: flex;
    flex-wrap: wrap;
}

.embedlyCard main,
.embedlyCard footer {
    padding: 0 10px;
}

.embedlyCard main .title {
    font-size: 18px;
    padding: 10px 0;
    width: 80%;
}

.embedlyCard main .title .open {
    visibility: hidden;
    color: #d1d1d1;
    padding-left: 5px;
}

.embedlyCard main .title:hover .open {
    visibility: visible;
}

.embedlyCard main .total {
    width: 20%;
    text-align: center;
    position: relative;
    top: -14px;
}

.embedlyLink main .total {
    top: 0px;
}

.embedlyCard main .total :first-child {
    margin: 0;
    font-size: 18px;
    color: #4B4B4B;
}

.embedlyCard main .total :last-child {
    margin: 0;
    font-size: 12px;
    color: #d1d1d1;
}

.embedlyCard main .media, .description {
    width: 100%;
    padding: 10px 0;
}

.searchesTopCTA {
    float: left;
    padding: 10px;
    font-size: 1.2em;
    margin: -10px 0 0 0;
}

.subNavMenu b, .subNavMenu span {
    margin: 0 5px;
    color: #333 !important;
}

.subNavMenuActive {
    background: #fff url(../img/eye_inv.png) 5% center no-repeat !important;
    padding-left: 25px !important;
}

.subNavMenu {
    display: inline-block;
    list-style: none;
    font-size: 1.15em;
    padding: 10px 5px;
    border-radius: 4px;
    margin: 0 5px 0 0;
    background: #f9f9f9;
    border: 1px solid #e9e9e9;
    cursor: pointer;
}

.searchesTweetArea {
    background: #fdfdfd;
    color: #444;
    font-size: 16px;
    line-height: 1.3em;
    padding: 10px 40px 10px 15px;
}

.banner-search-tweet {
    border-top: 1px solid #f7f7f7;
    border-bottom: 1px solid #f7f7f7;
    padding: 15px;
    font-size: 12px;
    position: relative;
    margin-bottom: 5px;
}

.banner-search-tweet-title {
    margin-bottom: 12px;
}

.banner-search-tweet .btn-base {
    text-align: left;
    float: right;
    margin: 0;
}

.searchesTweetArea-criteria {
    display: block;
    padding: 10px 5px;
    font-weight: normal;
    font-size: 13px !important;
    text-transform: uppercase;
    margin: 5px 0;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    background: #55ACEE;
    box-sizing: border-box;
    color: #fff;
    border-radius: 4px;
}

.searchesTweetArea-criteria > span > a {
    color: #FFF;
    text-decoration: underline;
}

.searchesResult {
    font-family: sans-serif, arial;
    font-weight: lighter;
    line-height: 1em;
}

.top_mentioned ~ .top_mentioned {
    margin-top: 30px;
}

.top_mentioned .sT-r a {
    padding: 7px 5px;
}

.searchesTag {
    margin: 1px 1px 0 0;
    text-decoration: none;
    float: left;
    text-align: left;
    position: relative;
}

.sT-l {
    display: block;
    float: left;
}

.sT-r {
    font-size: 20px;
    display: block;
    font-weight: bolder;
    float: right;
    position: relative;
}

.sT-l a {
    padding: 15px 5px;
}

.sT-r a {
    padding: 15px 5px;
    font-size: 27px !important;
    font-weight: 400 !important;
    min-width: 40px;
}

.searchesTag a {
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    text-align: center;
    position: relative;
    display: block;
    letter-spacing: .05em;
    font-weight: bolder;
}

.searchesTag .search-tooltip {
    display: none;
    padding: 10px 3px;
    color: #fff;
    font-weight: lighter;
    z-index: 1;
    min-width: 90px;
    text-align: center;
    font-size: 11px !important;
    background: #000;
    border-radius: 2px;
    position: relative;
    letter-spacing: 0;
    top: -30px !important;
}

.sT-r b {
    left: -20px !important;
}

.searchesTag .search-tooltip:after {
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -7px;
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-top-color: #000;
    content: ' ';
    pointer-events: none;
}

.searchesTag a:hover .search-tooltip {
    display: block;
    position: absolute;
    top: 40px;
    left: 20px;
}

.sR-1 {
    background: #f15f5d;
}

.sR-2 {
    background: #d46c7a;
}

.sR-3 {
    background: #ba7894;
}

.sR-4 {
    background: #a285ad;
}

.sR-5 {
    background: #8891c6;
}

.sR-6 {
    background: #6e9fdf;
}

.sR-7 {
    background: #51b6fc;
}

h3.title-reports-chart {
    color: #00AFF0;
    font-family: sans-serif, arial;
    font-weight: lighter;
    font-size: 18px;
    margin-bottom: 12px;
}

.dropdown-menu {
    position: absolute;
    width: 110px;
    padding: 2px;
    background: #FFF;
    top: 134px;
    margin-top: -45px;
    border: 1px solid rgba(0, 0, 0, .2);
    left: 1059px;
    border-radius: 5px;
    font-size: 14px;
    color: #000;
    z-index: 100;
}

.dropdown-menu-list {
    list-style: none;
    text-align: left;
}

.dropdown-menu-list > li {
    padding: 5px;
    cursor: pointer;

    border-top: #fff 1px solid;
    border-bottom: #fff 1px solid;
}

.dropdown-menu-list > li:hover {
    background: rgba(42, 168, 158, .15);
    border-top: rgba(42, 168, 158, 1) 1px solid;
    border-bottom: rgba(42, 168, 158, 1) 1px solid;
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid rgba(0, 0, 0, 0);
    border-left: 4px solid rgba(0, 0, 0, 0);
    content: ""
}

/*.insight-options {
    position: absolute;
    right: 20px;
    top: 30px;
}*/
.cajaLeyenda {
    color: #000;
    width: 120px;
    height: 55px;
    position: absolute;
    left: 8%;
    border: 1px solid #909090;
    border-radius: 10px;
    z-index: 3;
}

.cajaLeyenda ul {
    list-style: none;
    left: 5%;
    margin-top: 5px;
    position: relative;
}

.cajaLeyenda ul li texto {
    font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #274b6d;
    vertical-align: bottom;
    display: inline-block;
}

.cajaLeyenda ul li div {
    width: 10px;
    height: 10px;
    opacity: .5;
    vertical-align: bottom;
    display: inline-block;
    margin-right: 5px;
    border-radius: 5px;
}

.cajaLeyenda ul li #firstBox {
    background-color: #29c4d0;
}

.cajaLeyenda ul li #secondBox {
    background-color: #ed346e;
}

.cajaLeyenda ul li #thirdBox {
    background-color: #8bbcd1;
}

.newBottomMenu {
    position: relative;
    padding: 0 0 20px;
    width: 100%;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 0 3px rgba(0, 0, 0, .35);
    color: #666;
    font-size: 14px;
    font-family: sans-serif, arial;
}

.newBottomMenu:after, .newBottomMenu:before {
    position: absolute;
    top: 100%;
    width: 0;
    height: 0;
    border: solid transparent;
    content: ' ';
    pointer-events: none;
}

.newBottomMenu:after {
    left: 50%;
    margin-left: -10px;
    border-width: 10px;
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #fff;
}

.newBottomMenu:before {
    left: 50%;
    margin-left: -11px;
    border-width: 11px;
    border-color: rgba(221, 221, 221, 0);
    border-top-color: #ddd;
}

/* menu blocks */

.newBottomMenuBlock {
    display: inline-block;
    margin: 0 -4px 0 0;
    padding: 0;
    width: 100%;
    border-right: solid 1px rgba(221, 221, 221, 0.45);
    vertical-align: top;
}

.newBottomMenuBlock:last-child {
    margin: 0;
    border: none;
}

/* menu elements */

.newBottomMenu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.newBottomMenuTitleBubble {
    position: relative;
    padding: 15px 0;
    border-radius: 0;
    background: #36bfcb;
    text-align: center;
}

.newBottomMenuBlockBorderFix {
    border-radius: 5px 5px 0 0;
}

.newBottomMenuTitleBubbleFirst {
    border-radius: 5px 0 0 0;
}

.newBottomMenuTitleBubbleLast {
    border-radius: 0 5px 0 0;
}

.newBottomMenuTitleBubbleUnique {
    border-radius: 5px 5px 0 0;
}

.sbMenu {
    position: absolute;
    right: 25%;
    bottom: 40px;
}

.newBottomMenu hr {
    margin: 3px 0;
    height: 1px;
    border: none;
    background: #ddd;
}

/* menu text */

.newBottomMenu h1 {
    margin: 0 0 10px 0;
    width: 100%;
    color: white;
    text-transform: uppercase;
    font-weight: lighter;
    font-size: 1.046em;
}

.newBottomMenu h2 {
    margin: 10px 10px 10px 20px;
    width: 100%;
    color: #06a0a7;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.32);
    font-weight: lighter;
    font-size: .85em;
}

.newBottomMenu li a {
    display: block;
    padding: 8px 10px 8px 20px;
    width: auto;
    border: solid 1px #fff;
    border-right: none;
    border-left: none;
    color: #666;
    text-decoration: none;
    transition: background .2s ease-out;
    table-layout: fixed;
    width: 100%;
    box-sizing: border-box;
}

.newBottomMenu ul li a:hover {
    border-top-color: #2aa89e;
    border-bottom-color: #2aa89e;
    background: rgba(42, 168, 158, .08);
}

.newBottomMenu ul li a svg {
    fill: #565656;
}

/* icons */
.ico {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    width: 30px;
    height: 30px;
}

.icoOffset {
    margin-left: 30px;
}

.bigIco {
    width: 50px;
    height: 50px;
}

.icoTop {
    vertical-align: top;
}

.ico-ads {
    background: url(../img/appicons/light/menuesprite.png) 0px -1527px no-repeat transparent;
}

/* twitter ads */
.ico-ci {
    background: url(../img/appicons/light/menuesprite.png) 0px -794px no-repeat transparent;
}

/* community insight */
.ico-rep {
    background: url(../img/appicons/light/menuesprite.png) 0px -1433px no-repeat transparent;
}

/*reports */
.ico-bttt {
    background: url(../img/appicons/light/menuesprite.png) 0px -1114px no-repeat transparent;
}

/* best time to tweet */
.ico-ta {
    background: url(../img/appicons/light/menuesprite.png) 0px -634px no-repeat transparent;
}

/* twitter analytics */
.ico-rta {
    background: url(../img/appicons/light/menuesprite.png) 0px -874px no-repeat transparent;
}

/* real time analytics */
.ico-ac {
    background: url(../img/appicons/light/menuesprite.png) 0px -554px no-repeat transparent;
}

/* account comparison */
.ico-bm {
    background: url(../img/appicons/light/menuesprite.png) 0px -1034px no-repeat transparent;
}

/* benchmark */
.ico-dmc {
    background: url(../img/appicons/light/menuesprite.png) 0px -474px no-repeat transparent;
}

/* direct message campaings */
.ico-mhlp {
    background: url(../img/appicons/light/menuesprite.png) 0px -714px no-repeat transparent;
}

/* Mention helper */
.ico-li {
    background: url(../img/appicons/light/menuesprite.png) 0px -394px no-repeat transparent;
}

/* latest interactions */
.ico-dntu {
    background: url(../img/appicons/light/menuesprite.png) 0px -1360px no-repeat transparent;
}

/* discover new twitter users */
/*.ico-as  { background: url(../img/appicons/light/menuesprite.png) 0px  -52px no-repeat transparent; }   /* add sources */
.ico-tac {
    background: url(../img/appicons/light/menuesprite.png) 0px -64px no-repeat transparent;
}

/* twitter account */
.ico-ts {
    background: url(../img/appicons/light/menuesprite.png) 0px -164px no-repeat transparent;
}

/* twitter search */
.ico-ytl {
    background: url(../img/appicons/light/menuesprite.png) 0px -111px no-repeat transparent;
}

/* your twitter lists */
.ico-otl {
    background: url(../img/appicons/light/menuesprite.png) 0px -13px no-repeat transparent;
}

/* other twitter list*/
.ico-tf {
    background: url(../img/appicons/light/menuesprite.png) 0px -264px no-repeat transparent;
}

/* text file */
.ico-ef {
    background: url(../img/appicons/light/menuesprite.png) -2px -1194px no-repeat transparent;
}

/* Email list */
.ico-rf {
    background: url(../img/appicons/light/menuesprite.png) -2px -1279px no-repeat transparent;
}

/* geolocated search */
.ico-fbr {
    background: url(../img/appicons/light/menuesprite.png) 0px -956px no-repeat transparent;
}

/* followback rules */
.ico-gu {
    background: url(../img/appicons/light/appbar.uguide.png) center center no-repeat transparent
}

/* user guide */
.ico-wb {
    background: url(../img/appicons/light/appbar.webinar.png) center center no-repeat transparent
}

/* webinars */
.ico-cv {
    background: url(../img/appicons/light/appbar.vchannel.png) center center no-repeat transparent
}

/* video channel */
.ico-sg {
    background: url(../img/appicons/light/appbar.suggest.png) center center no-repeat transparent
}

/* blog */
.ico-bl {
    background: url(../img/appicons/light/appbar.sbblog.png) center center no-repeat transparent
}

/* support */
.ico-sp {
    background: url(../img/appicons/light/appbar.sbsupport.png) center center no-repeat transparent
}

/* instagram */

.ico-csv {
    background: url(../img/appicons/light/appbar.csv.png) center center no-repeat transparent
}

.ico-igram {
    background: url(../img/appicons/light/menuesprite.png) 0px -314px no-repeat transparent;
}

/* instagram */
.ico-rt-source {
    background: url(../img/appicons/light/menuesprite.png) 0px -1448px no-repeat transparent;
}

.ico-gu, .ico-wb, .ico-cv, .ico-sg, .ico-bl, .ico-sp {
    background-size: 115% auto;
    opacity: .65;
}

.ico-awl {
    background: url(../img/appicons/light/appbar.add.whitelist.png) center center no-repeat;
}

/* add to white list */
.ico-abl {
    background: url(../img/appicons/light/appbar.add.blacklist.png) center center no-repeat;
}

/* add to blacklist */
.ico-rfw {
    background: url(../img/appicons/light/appbar.remove.whitelist.png) center center no-repeat;
}

/* remove from whitelist */
.ico-rfb {
    background: url(../img/appicons/light/appbar.remove.blacklist.png) center center no-repeat;
}

/* remove from blacklist */
.ico-fol {
    background: url(../img/appicons/light/appbar.user.add.png) center center no-repeat;
}

/* follow */
.ico-unf {
    background: url(../img/appicons/light/appbar.user.minus.png) center center no-repeat;
}

/* unfollow */
.ico-fun {
    background: url(../img/appicons/light/appbar.force.unfollow.png) center center no-repeat;
}

/* force unfollow */
.ico-ffh {
    background: url(../img/appicons/light/appbar.ff.png) center center no-repeat;
}

/* follow friday helper */
.ico-atl {
    background: url(../img/appicons/light/appbar.tolist.check.png) center center no-repeat;
}

/* add to list */
.ico-rfl {
    background: url(../img/appicons/light/appbar.quitlist.png) center center no-repeat;
}

/* add to list */

.ico-atg {
    background: url(../img/appicons/light/appbar.tag.tags.png) center center no-repeat;
}

/* add tags */
.ico-blk {
    background: url(../img/appicons/light/appbar.lock.png) center center no-repeat;
}

/* block */
.ico-unb {
    background: url(../img/appicons/light/appbar.unlock.png) center center no-repeat;
}

/* unblock */
.ico-uns {
    background: url(../img/appicons/light/appbar.user.unselect.png) center center no-repeat;
}

/* unselect */
.ico-sea {
    background: url(../img/appicons/light/appbar.user.sea.png) center center no-repeat;
    opacity: .65
}

/* unselect */

.ico-svf {
    background: url(../img/appicons/light/appbar.filter.png) center center no-repeat;
}

/* save filter */
.ico-aal {
    background: url(../img/appicons/light/appbar.list.check.png) center center no-repeat;
}

/* add all to list */
.ico-atta {
    background: url(../img/appicons/light/appbar.tag.png) center center no-repeat;
}

/* add tags to all */
.ico-bttr {
    background: url(../img/appicons/light/appbar.timer.check.png) center center no-repeat;
}

/* best time to tweet report */
.ico-insr {
    background: url(../img/appicons/light/appbar.pie.quarter.png) center center no-repeat;
}

/* insights report */
.ico-epdf {
    background: url(../img/appicons/light/appbar.page.pdf.text.png) center center no-repeat;
}

/* export pdf */
.ico-exlsx {
    background: url(../img/appicons/light/appbar.page.excel.png) center center no-repeat;
}

/* export xlsx */

.ico-obfol {
    background: url(../img/appicons/light/appbar.suggest.png) center center no-repeat;
}

/* order by followers */
.ico-obfri {
    background: url(../img/appicons/light/appbar.sbblog.png) center center no-repeat;
}

/* order by friends */
.ico-obtwe {
    background: url(../img/appicons/light/appbar.sbsupport.png) center center no-repeat;
}

/* order by tweets */
.ico-obtpd {
    background: url(../img/appicons/light/appbar.sbsupport.png) center center no-repeat;
}

/* order by tweets per day*/
.ico-obdlt {
    background: url(../img/appicons/light/appbar.sbsupport.png) center center no-repeat;
}

/* order by date late tweet */
.ico-obdfy {
    background: url(../img/appicons/light/appbar.sbsupport.png) center center no-repeat;
}

/* order by date followed you */
.ico-obyin {
    background: url(../img/appicons/light/appbar.sbsupport.png) center center no-repeat;
}

/* order by influence */

.ico-awl, .ico-abl, .ico-rfw, .ico-rfb, .ico-fol, .ico-unf, .ico-fun, .ico-atl, .ico-rfl, .ico-atg, .ico-blk, .ico-unb, .ico-uns, .ico-svf, .ico-aal, .ico-atta, .ico-bttr, .ico-insr, .ico-epdf, .ico-exlsx, .ico-obfol, .ico-obfri, .ico-obtwe, .ico-obtpd, .ico-obdlt, .ico-obdfy, .ico-obyin, .ico-ffh {
    background-size: 115% auto;
    opacity: .65;
}

.ico-mut, .ico-unm {
    background-size: 150% auto;
    opacity: .85;
}

.ico-ad {
    display: inline-block;
    background-image: url(../img/audience_sprite.png);
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-right: 10px;
    opacity: .65
}

.ico-ad--st {
    width: 30px !important;
    height: 30px !important;
    background-position: 0 0;
}

.ico-ad--add {
    width: 30px !important;
    height: 30px !important;
    background-position: -30px 0;
}

.ico-ad--less {
    width: 30px !important;
    height: 30px !important;
    background-position: -60px 0;
}

/* new TITLES icons */

.icoIR {
    background: url(../img/appicons/light/appbar.pie.quarter.png) left 15px no-repeat;
    padding-left: 50px;
}

/* insights report*/
.icoCIR {
    background: url(../img/appicons/light/appbar.pie.quarter.png) left 15px no-repeat;
    padding-left: 50px;
}

/* insights report custom*/
.icoIA {
    background: url(../img/appicons/light/appbar.pie.quarter.png) left 15px no-repeat;
    padding-left: 50px;
}

/* insights report about*/
.icoBTTT {
    background: url(../img/appicons/light/appbar.timer.check.png) left 15px no-repeat;
    padding-left: 50px;
}

/* best time to tweet*/
.icoTA {
    background: url(../img/appicons/light/appbar.medical.pulse.png) left 15px no-repeat;
    padding-left: 50px;
}

/* tweet analytics */
.icoRTA {
    background: url(../img/appicons/light/appbar.radar.screen.png) left 15px no-repeat;
    padding-left: 50px;
}

/* real time analytics */
.icoAC {
    background: url(../img/appicons/light/appbar.group.add.png) left 13px no-repeat;
    padding-left: 50px;
}

/* account comparison */
.icoBM {
    background: url(../img/appicons/light/appbar.stock.up.png) left -8px no-repeat;
    padding-left: 50px;
}

/* benchmark */
.icoDMC {
    background: url(../img/appicons/light/appbar.email.png) left 15px no-repeat;
    padding-left: 50px;
}

/* direct message campaings */
.icoFBR {
    background: url(../img/appicons/light/appbar.reply.people.png) left 15px no-repeat;
    padding-left: 50px;
}

/* followback rules */
.icoAnnt {
    background: url(../img/appicons/light/appbar.annotations.png) 10px 17px no-repeat;
    padding-left: 50px;
}

.trash-svg-icon {
    cursor: pointer;
    display: none;
    height: 14px;
    padding: 2px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 16px;
}

.trash-svg-icon:hover {
    fill: #D60F36;
}

/* annotations */
.annt-del-icon {
  cursor: pointer;
  fill: #565656;
}

.annt-del-icon:hover {
  fill: #E6103A;
}

.annt-newForm input.error {
  border-color: #CC8383;
  background: #FFE6E6;
  color: #CC8383;
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::                      MEDIA CARDS            :::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.column-50 {
    float: left;
    width: 48%;
    width: calc(50% - 10px);
    margin: 5px;
    border-radius: 5px;
}

.column-25 {
    float: left;
    width: calc(25% - 10px);
    margin: 5px;
    border-radius: 5px;
}

.embedlyCards-wrapper {
    float: left;
    width: calc(100% - 30px);
    margin: 5px;
    border-radius: 5px;
    padding: 10px;
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::         DISCOVER TWITTER USERS              :::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.TwtrSearch {
    margin: 100px auto 40px;
    text-align: center;
    font-weight: lighter !important;
}

.TwtrSearch .TS-form {
    position: relative;
    overflow: hidden;
    border-radius: 4px 4px 4px 4px;
    font-family: 'sans-serif', Arial;
}

.TwtrSearch .TS-form .form-input {
    background: #fff;
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 14px;
    height: 48px;
    line-height: 18px;
    border: 1px solid #ECECEC;
    font-family: 'sans-serif', Arial;
    max-width: 960px;
    font-weight: 400;
    margin: 0;
    padding: 0 18px;
}

.TwtrSearch .TS-form .first-input {
    width: 30%;
    display: inline-block;
}

.TwtrSearch .TS-form .middle-input {
    width: 20%;
    display: inline-block;
}

.TwtrSearch .TS-form .last-input {
    width: 20%;
    display: inline-block;
    border-right: 1px solid #d4d4d4;
}

.TwtrSearch .TS-form .p-input {
    display: inline-block;
    width: 5%;
    font-size: 14px;
}

.TwtrSearchTitle {
    color: #444;
    font-weight: lighter;
    margin: 40px 0;
}

.TwtrSearchPayoff {
    color: #666;
    font-size: 16px;
    margin: 40px 0;
}

.TwtrSearch .TS-form .form-button {
    font-family: 'sans-serif', Arial;
    font-size: 16px;
    font-weight: 400;
    -moz-appearance: none;
    -webkit-appearance: none;
    outline: none;
    margin: 0 0 0 20px;
    border-radius: 4px;
    box-sizing: border-box;
    width: 10%;
    padding: 0;
    vertical-align: top;
    height: 48px;
    color: #fff !important;
    text-decoration: none !important;
    cursor: pointer;
    background: #f29556;
    border: 1px solid #f08136;
    text-align: center;
    display: inline-block;
    text-transform: uppercase;
}

.TwtrSearch .TS-form .form-button:focus,
.TwtrSearch .TS-form .form-button:hover {
    font-family: 'sans-serif', Arial;
    color: #fff;
    background: #e87161
}

.TwtrSearch .TS-form .form-button:active {
    background: #fc7d6a;
}

.TwtrSearch .TS-form .form-action {
    color: #fff;
}

.TwtrSearchContent {
    width: 80%;
    margin: 0 auto;
}

.full .TwtrSearchGotoAdvanced {
    position: absolute;
    top: 115px;
    left: -40px;
    padding: 12px 0 0 40px;
    font-family: 'Indie Flower', cursive;
    color: #39b3c2;
    font-size: 13px;
    width: 79px;
    line-height: 1em;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.53);
    visibility: visible;
    height: 50px;
}

.TwtrSearchGotoAdvanced.en {
    background: url(../img/try-a-search-en.jpg) 40px 0px no-repeat;
}

.TwtrSearchGotoAdvanced.es {
    background: url(../img/try-a-search-es.jpg) 40px 0px no-repeat;
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::      END  DISCOVER TWITTER USERS            :::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::             AVINAR ON DASH                  :::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

.dashAvinarContent {
    margin-top: 20px;
    float: left;
}

.dashAvinarFix {
    position: relative;
    border-radius: 5px;
    display: inline-block;
    margin: 0 5px;
    width: 31.33%;
    min-width: 31.33%;
    max-width: 220px;
    transition: background .25s;
    padding: 1px 8px 6px;
    text-transform: none;
    float: none;
}

.dashAvinarFix b {
    color: #777;
    font-size: 37px;
    display: block;
    margin: 0;
    padding: 0;
    text-align: center;
    text-decoration: none;
}

.dashAvinarFix span {
    color: #666;
    font-size: 12px;
    display: block;
    margin: -4px 0 0 0;
    padding: 0;
    font-weight: 700;
    width: 100%;
    text-align: center;
}

.dashAvinarFix .dash_counter_ico {
    position: absolute;
    top: 10px;
    right: 12px;
    width: 28px;
    height: 12px;
    padding: 18px 0 0;
    font-size: 10px;
    text-align: center;
}

.dashAvinarContent .dash_tweets_stats_area {
    margin: 0 27px;
    padding: 10px 0 15px;
    border-radius: 4px;
}

.dashAvinar .dashAvinarTopNumbers {
    position: relative;
    display: inline-block;
    width: 33.3%;
}

.dashAvinar .dashAvinarTopNumbers b {
    color: #777;
    font-size: 37px;
    display: block;
    margin: 0;
    padding: 0;
    text-align: center;
    text-decoration: none;
}

.dashAvinar .dashAvinarTopNumbers span {
    display: block;
    margin: 0 auto;
    padding: 0;
    width: 60%;
    color: #666;
    text-align: center;
    font-weight: 700;
    font-size: 12px;
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::        END  AVINAR ON DASH                  :::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

.bigNumber {
    display: inline-block;
    position: relative;
    float: none;
    text-align: center;
    margin-right: 5px;
    padding-right: 0;
}

.bigNumber a:hover, .bigNumber a:focus {
    cursor: pointer;
    color: #31B3BF;
}

.bigNumber a {
    font-size: 50px;
    font-weight: 700;
    color: #8a8a8a;
    text-shadow: 0 1px 0 #fff;
    text-align: right;
}

.statusNumber {
    position: relative;
    top: 0;
    right: 0;
    display: inline-block;
    margin-top: 2px;
    width: auto;
    height: 40px;
    text-align: center;
}

.bigNumberData {
    text-align: center !important;
    color: #888;
    font-size: 13px !important;
    float: none !important;
    margin: 0 auto !important;
}

.pi_grafic_section {
    display: block;
    float: left;
    height: 201px;
    width: 100%;
    z-index: 1;
    position: relative;
    background: white;
    margin-bottom: 10px;
}

.dash_metrics {
    display: none;
    float: left;
    height: 0;
    width: 100%;
    text-align: center;
    z-index: 1;
    background: white;
    position: relative;
    margin-bottom: 14px;
}

.tank_ttt_topstats {
    width: 100%;
}

.tank_ttt_topstats .dash_bottom_bts {
    background-color: white !important
}

.tagBTTT {
    width: 97.5% !important;
    margin: 0 0 0 9px;
    overflow: hidden;
    display: block;
}

.fixStatsPanel {
    margin: 0 auto 20px;
    text-align: center;
}

.fixStatsPanelbt {
    min-width: 15%;
    max-width: 220px;
}

.first-sync-msg {
    position: absolute;
    top: 18px;
    right: 30px;
    width: 30%;
    line-height: 17px;
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*      RESPONSIVE (always at the bottom of css)     */
/*:::::::::::::::::::::::::::::::::::::::::::::::::::*/

/* bigger screens */
@media only screen and (max-width: 1050px) and (min-width: 350px) {

    .header_nav_menu a {
        margin-right: 10px;
    }

    .dashboard-header {
        width: 100%;
        min-width: 100%;
    }

    #main_center {
        min-width: 520px;
    }

    #paginator a {
        font-size: 20px !important;
    }

    #paginator .page {
        display: none;
    }

    .dash-main {
        width: 100%;
    }

    .dash-aside {
        width: 50%;
    }

    .scb-legendItem {
        display: block;
        float: left;
        margin: 5px 0 10px 0;
        width: 50%;
        font-size: 11px;
    }

    .tank-title-adv p {
        font-size: 1.1em;
    }

    .subNavMenu {
        margin: 0 5px 5px 0;
    }

    .genBTTtext {
        margin: 0 0 10px 0;
        width: 100%;
    }

    .tank-medium-adv {
        width: 100%;
    }

    .tmlResumeHeader {
        height: 25px;
    }

    .tweet-metrics-list li > div, .tmlResumeHeader {
        padding: 15px 0;
        height: 10px;
    }

    .tweet-metric-dRangePos {
        top: 58px;
        left: 0;
    }

    #benchmark-tabs {
        width: 100%;
    }

    #benchmark-chart {
        margin-top: 20px;
        width: 100%;
    }

    .benchmark-charts-container {
        display: block;
        margin: 0 auto;
        min-width: 90%;
        width: 90%;
    }

    .benchmark-pi,
    .benchmark-kred {
        position: relative;
        display: block;
        float: none !important;
        margin: 0 auto;
        width: 80% !important;
    }

    .progressbar {
        margin: 10px auto;
    }

    .camp-stats_table,
    .camp-stats_table_progress {
        margin: 10px auto;
        background: #fff;
    }

    .scb-total {
        float: left;
        margin: 10px 0 0 0;
        text-align: left;
        text-transform: lowercase;
        font-size: 13px;
    }

    #search-status-params {
        width: 75%;
    }

    .dashboard_big_item {
        padding: 0 !important;
    }

    .dashboard_item .dash_stats_item {
        position: relative;
        display: block;
        margin: 0 auto 0;
        padding: 2px 0;
        width: 100%;
        height: 80px;
        text-align: center;
    }

    .bigNumber {
        position: relative;
        display: inline-block;
        float: none;
        margin-right: 5px;
        padding-right: 0;
        text-align: center;
    }

    .bigNumber a:hover, .bigNumber a:focus {
        color: #31b3bf;
        cursor: pointer;
    }

    .bigNumber a {
        color: #8a8a8a;
        text-align: right;
        text-shadow: 0 1px 0 #fff;
        font-weight: 700;
        font-size: 50px;
    }

    .statusNumber {
        position: relative;
        top: 0;
        right: 0;
        display: inline-block;
        margin-top: 2px;
        text-align: center;
    }

    .bigNumberData {
        float: none !important;
        margin: 0 auto !important;
        color: #888;
        text-align: center !important;
        font-size: 13px !important;
    }

    .dash_users_list {
        display: none;
    }

    .pi_grafic_section {
        position: relative;
        z-index: 1;
        display: block;
        float: left;
        margin-bottom: 10px;
        width: 100%;
        height: 201px;
        background: white;
    }

    .dash_metrics {
        position: relative;
        z-index: 1;
        display: none;
        float: left;
        margin-bottom: 14px;
        width: 100%;
        height: 0;
        background: white;
        text-align: center;
    }

    .analyticsMenu {
        left: 180px;
    }

    .engagementMenu {
        left: 230px;
    }

    .targetMenu {
        left: 286px;
    }

    .analyticsMenu.instagram {
        left: 75px;
    }

    .targetMenu.instagram {
        left: 127px;
    }

    .tank_ttt_topstats {
        width: 100%;
    }

    .tagBTTT {
        display: block;
        overflow: hidden;
        margin: 0 0 0 9px;
        width: 97.5% !important;
    }

    .settings-avatar {
        display: block;
        margin: 0 auto;
        width: 72px;
        height: 72px;
        border-radius: 5px;
        text-align: center;
    }

    .settings-notifyRowLeft {
        display: block;
        margin: 0 auto;
    }

    .settings-notifyRowRight {
        margin: 10px auto 0;
        width: 100% !important;
        text-align: center;
    }

    .bcrumb-tags {
        width: 150px;
    }
}

@media only screen and (max-width: 1215px) and (min-width: 1052px) {

    .dash_users_list {
        width: 47%;
    }

    .dashAvinarFix {
        margin: 10px;
        min-width: 160px;
        max-width: 220px;
    }

    .dashAvinar .dashAvinarTopNumbers {
        position: relative;
        display: block;
        float: left;
        margin: 10px auto;
        width: 33.3%;
    }

    .dashAvinar .dashAvinarTopNumbers span {
        display: block;
        margin: 0 auto;
        padding: 0;
        width: 78%;
        color: #666;
        text-align: center;
        font-weight: 700;
        font-size: 12px;
    }
}

@media only screen and (max-width: 1051px) and (min-width: 700px) {

    .dashAvinarFix {
        margin: 10px;
        min-width: 160px;
        max-width: 220px;
    }

    .dashAvinar .dashAvinarTopNumbers span {
        display: block;
        margin: 0 auto;
        padding: 0;
        width: 50%;
        color: #666;
        text-align: center;
        font-weight: 700;
        font-size: 12px;
    }

}

@media only screen and (max-width: 1316px) and (min-width: 1216px) {
    .dash_users_list {
        width: 60%;
    }

    .dashAvinarFix {
        min-width: 160px;
        max-width: 220px;
    }

}

/* Large screens ----------- */
@media only screen and (max-width: 1680px) and (min-width: 1280px) {

    .dashAvinarFix {
        min-width: 220px;
        max-width: 220px;
    }

    .tankDash-smallDetail {
        width: 200px;
    }

    .tank-big-adv {
        width: 50%;
    }

    .tank_ttt_topstats {
        width: 100%;
    }

    .tagBTTT {
        display: block;
        overflow: hidden;
        margin: 0 0 0 9px;
        width: 97.5% !important;
    }
}

/*::::::::::::::::::::::::::::::::::*/
/*:::   TUTORIALS AND MISSIONS   :::*/
/*::::::::::::::::::::::::::::::::::*/

#tut {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}

.tut {
    position: absolute;
    border: 5px solid #fff;
    background: rgb(255, 255, 255);
    border-radius: 5px;
}

#lightbox_window.tut {
    border: 10px solid white;
    background: white;
}

.t-container {
    max-width: 400px;
}

.t-titleH1 {
    font-size: 18px;
    font-weight: bold;
}

.t-tiptext {
    position: relative;
    background: #ffffff;
    border: 1px solid #ddd;
    padding: 20px;
    border-right: none;
    border-left: none;
}

.t-tiptext:after, .t-tiptext:before {
    bottom: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.t-tiptext:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 10px;
    left: 5%;
    margin-left: -10px;
}

.t-tiptext:before {
    border-color: rgba(221, 221, 221, 0);
    border-bottom-color: #ddd;
    border-width: 11px;
    left: 5%;
    margin-left: -11px;
}

.t-nav {
    padding: 10px 10px 10px 20px;
    color: rgb(87, 150, 142);
}

.t-nav span {
    float: left;
    padding-top: 10px;
    color: #444;
    width: 100px;
    font-size: 14px;
    background: transparent;
    text-align: left;
}

#lightbox_window.tut .t-nav {
    position: relative;
    margin-left: -44px;
    right: -24px;
    overflow: hidden;
    bottom: -16px;
}

#lightbox_window.tut .t-nav span {
    margin: 0;
    font-size: 12px;
    float: left;
    color: #2c91ab;
}

.t-nav a {
    color: inherit;
    text-decoration: none;
    background: #fff;
    padding: 8px 12px;
}

.t-nav b {
    float: right;
    font-size: 10px;
}

.t-imgExplain {
    float: left;
    margin: 0 20px 20px 0;
    border: 1px solid #ddd;
    width: 350px;
    height: 350px;
    background: #fff;
    overflow: hidden;
}

.t-content {
    /*position:relative;*/
    padding: 10px;
}

.t-tooltip {
    background: url(../img/t-sprite-white.png) transparent 0 0 no-repeat;
    height: 40px;
    width: 40px;
    display: block;
}

.t-top {
    position: absolute;
    top: -20px;
    left: 40%;
    background-position: 0px -11px;
}

.t-right {
    position: absolute;
    top: 50%;
    right: -20px;
    background-position: -43px 0px;
    margin-top: -27px;
}

.t-bottom, .t-bottom-s {
    position: absolute;
    bottom: -30px;
    left: 40%;
    background-position: -48px -48px;
    background-image: url(../img/t-sprite-white.png);
}

.t-bottom-s {
    bottom: -18px;
}

.t-left {
    position: absolute;
    top: 50%;
    left: -20px;
    background-position: -11px -48px;
    margin-top: -27px;
}

.t-text {
    color: #000;
    overflow: hidden;
    font-size: 14px;
    margin-top: 3px;
    text-align: left;
    margin-right: 20px;
    line-height: 1.5;
}

#lightbox_window.tut .t-text {
    font-size: 15px;
    color: rgb(20, 20, 20);
    text-align: left;
    line-height: 1.5;
}

.t-closeImg {
    background-image: url(../img/t-close.png);
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1;
    width: 15px;
    height: 15px;
}

.annt-menu {
    left: auto;
    top: 79px;
    right: 89px
}

.annt-header,
.annt-table {
    width: 75%;
    margin: 0 auto;
}

.limit-hSplitter {
    padding: 15px 10px 15px 20px;
    font-size: 14px;
}

.limit-vSplitter {
    margin-top: 20px;
    margin-bottom: 20px;
    border-top: solid 1px #F1F1F1;
}

.limit-buttons {
    margin: 30px 0 20px 15px;
}

.limit-links > a {
    color: #00aaf2;
    font-size: 12px;
    border-bottom: 1px dotted #DDD;
}

.limit-middleLink {
    margin: 0 20px;
}

.limit-btnOption {
    width: 140px;
}

/*
    Latest Interactions
*/

.latestInteractions {
    position: relative;
    font-family: open sans, sans-serif;
    font-size: 13px;
    max-width: 255px;
    float: left;
}

.lI-top {
    margin: 0;
    padding: 0;
    height: 20px;
}

.lI-time {
    float: right;
}

.lI-icoTwtr {
    background: url(../img/sprite-linteractions.png) 0px 0px no-repeat;
    display: inline-block;
    height: 20px;
    width: 20px;
    vertical-align: middle;
}

.lI-date {
    color: rgb(29, 184, 233);
    font-size: 11px;
    display: inline-block;
    vertical-align: middle;
}

.lI-date:hover, .lI-date:focus {
    color: #444;
}

.lI-icoStatus-rt {
    fill: #19CF86;
    vertical-align: middle;
}

.lI-icoStatus-fav {
    fill: #C60E32;
    vertical-align: middle;
}

.lI-fav {
    background-position: 0px 0px;
}

.lI-rt {
    background-position: 0px 0px;
}

.lI-rtfav {
    background-position: 0px 0px;
}

.lI-userPack {
    vertical-align: middle;
    display: inline-block;
    margin: 0 0 0 10px;
}

.lI-userFav {
    background: url(../img/sprite-linteractions.png) -40px -120px no-repeat;
    height: 30px;
    width: 30px;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
}

.lI-userRT {
    background: url(../img/sprite-linteractions.png) -40px -60px no-repeat;
    height: 30px;
    width: 30px;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
}

.lI-userFavRT {
    background: url(../img/sprite-linteractions.png) -40px -4px no-repeat;
    height: 30px;
    width: 30px;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
}

.lI-icoAvatar {
    display: inline-block;
    vertical-align: middle;
    border-radius: 100%;
}

.lI-userDesc {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}

.lI-handle {
    display: block;
    color: rgb(29, 184, 233);
    font-size: 12px;
}

.lI-realName {
    display: block;
    text-transform: capitalize;
    color: #3A3636;
    font-weight: bold;
    font-family: arial, sans-serif;
    font-size: 12px;
}

.lI-divider {
    border: none;
    margin: 5px 0 5px 0;
    height: 1px;
    clear: both;
}

.lI-dividerx2 {
    border: none;
    background: #eee;
    margin: 0 auto 5px;
    clear: both;
    height: 1px;
    width: 100%;
}

.lI-messageNoArrow {
    position: relative;
    background: #f9f9f9;
    border: 1px solid #eee;
    border-radius: 3px;
    margin: 0 10px;
    padding: 0 0 5px 0;
}

.lI-message {
    position: relative;
    background: #FAFAFA;
    border: 1px solid #F3F3F3;
    border-radius: 4px;
}

.lI-message:after, .lI-message:before {
    top: 100%;
    left: 66%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.lI-message:after {
    border-color: rgba(245, 245, 245, 0);
    border-top-color: #FAFAFA;
    border-width: 9px;
    margin-left: -9px;
}

.lI-message:before {
    border-color: rgba(222, 222, 222, 0);
    border-top-color: #F3F3F3;
    border-width: 10px;
    margin-left: -10px;
}

.lI-messageText {
    padding: 0 12px 0 10px;
    margin: 5px 0;
    font-size: 12px;
    color: #424242;
    font-family: arial, sans-serif;
}

.lI-hashLink {
    color: #00B0F5;
    font-weight: bold;
    font-family: arial;
}

.lI-bttm {
    float: right;
    margin-bottom: 15px;
}

.fancychart-tooltip {
    background: white;
    border: 1px solid #eee;
    border-radius: 3px;
    padding: 8px;
    text-align: center;
}

.fancychart-tooltipDate {
    font-size: 10px;
}

.fancychart-tooltipValue {
    font-size: 14px;
    text-align: center;
}