@import 'ec.css';

/**/
.btn-sm {
    line-height: 0.75;
}

#send-button,
#collapseCurrentConversationOptionsButton {
    margin-top: 5px;
}

.ql-toolbar.ql-snow {
    padding: 0;
}

#klatchat #message {
    padding: 0;
 }

.ql-editor {
    padding: 0;
}

/*#klatchat #message .ql-container {*/
/*    padding: 0;*/
/* }*/

#content-heading{}

#content-display{}

#shout-options{
    border: solid 1px rgba(0, 0, 0, 0.98);
}

#shout-image-label{
    float: left;
    margin-right: 10px;
    margin-top: 5px;
}
.settings {
    margin-left: 10px;
}

.audio-controls {
    margin-left: 5px;
}

video {
    width: 250px;
    display: inline-block;
    vertical-align: baseline;
    height: 18px;
}

.nano-footer {
    line-height: normal;
}

#nano-chat {
    margin-bottom: 5px;
}

#setting-voice-select,
#voice-select,
#r-voice-select {
    display: none;
}

#sai-voice-select,
#pai-voice-select,
#rai-voice-select {
    display: none;
}

.rate-value, .pitch-value {
    /*float: right;*/
    /*width: 5%;*/
    /*line-height: 1.5;*/
}

#rate, #pitch, #setting-rate, #setting-pitch, #r-rate, #r-pitch,
#setting-volume, #r-volume, #volume {
    /*float: right;*/
    width: 75px;
    display: unset;
    vertical-align: middle;}


.audio-play,
.audio-play:hover,
.audio-play:focus,
.audio-play:active
{
    /*height: 21px;*/
    width: 27px;
    background-image: url(../media/audio-play.png);
    /*background-image: url(../media/videorecord.png);*/
    background-size: contain !important;
    background-repeat: no-repeat;
    background-position: 4px;
    /*background-color: white;*/
    margin-left: 0px;
    margin-right: -12px;
    vertical-align: text-top;
}

.audio-mute,
.audio-mute:hover,
.audio-mute:focus,
.audio-mute:active
{
    /*height: 21px;*/
    width: 27px;
    background-image: url(../media/muted.svg);
    /*background-image: url(../media/videorecord.png);*/
    background-size: contain !important;
    background-repeat: no-repeat;
    background-position: 6px;
    /*background-color: white;*/
    margin-left: 0px;
    vertical-align: text-top;
}



audio {
    /*width: 66px;*/
    /*!*border: 1px solid #000;*!*/
    /*overflow: hidden;*/
    /*direction: ltr;*/
    /*border-top-right-radius: 0.5em 0.5em;*/
    /*border-bottom-right-radius: 1em 0.7em;*/
    }

#my-nickname {
/*,#my-nano-nickname{*/
    display: inline-flex;
    /*display: flex;*/
    width: 100%;
}

#neon-link {
    float: right!important;
    display: inline-flex;
    justify-content: left;
    /*width: 57px;*/
    /*margin-top: 5px;*/
}

.spoken-shout {
    font-weight: bold;
}

.ai-response {
    color: red;
    /*font-weight: bold;*/
    font-style: italic;
}

.ec-encrypted {
    height: 17px;
    width: 23px;
    /*background-image: url(http://klat.com/sites/default/files/addShoutSm.png);*/
    background-size: 20px 16px !important;
    background: url(../media/lock1.png) no-repeat 3px 1px;
    display: inline-block;
}

.kybd-icon,
.kybd-icon:hover,
.kybd-icon:focus,
.kybd-icon:active
{
    height: 21px;
    width: 31px;
    background-image: url(../media/keyboardtrans.png);
    background-size: contain !important;
    background-repeat: no-repeat;
    background-position: 1px 0px;
    margin-left: 5px;}

.mic-icon,
.mic-icon:hover,
.mic-icon:focus,
.mic-icon:active
{
    height: 21px;
    width: 21px;
    background-image: url(../media/voicetrans.png);
    background-size: contain !important;
    background-repeat: no-repeat;
    background-position: 2px 0px;
    margin-left: 5px;}

.vidrec-icon,
.vidrec-icon:hover,
.vidrec-icon:focus,
.vidrec-icon:active
{
    height: 21px;
    width: 27px;
    background-image: url(../media/audiochat.png);
    /*background-image: url(../media/videorecord.png);*/
    background-size: contain !important;
    background-repeat: no-repeat;
    background-position: 0px;
    background-color: white;
    margin-left: 5px;}

.vidmic-icon,
.vidmic-icon:hover,
.vidmic-icon:focus,
.vidmic-icon:active
{
    height: 21px;
    width: 32px;
    background-image: url(../media/videochat3.png);
    background-size: contain !important;
    background-repeat: no-repeat;
    background-position: 2px 0px;
    margin-left: 5px;}

.nanoCopy-icon,
.nanoCopy-icon:hover,
.nanoCopy-icon:focus,
.nanoCopy-icon:active
{
    height: 21px;
    width: 32px;
    background-image: url(../media/nanoCopy.png);
    background-size: contain !important;
    background-repeat: no-repeat;
    background-position: 2px 0px;
    background-color: transparent;
    border-color: #ffffff;
    margin-left: 5px;}

.threeSpeakers-icon,
.threeSpeakers-icon:hover,
.threeSpeakers-icon:focus,
.threeSpeakers-icon:active
{
    height: 21px;
    width: 32px;
    background-image: url(../media/3strans.png);
    background-size: contain !important;
    background-repeat: no-repeat;
    background-position: 2px 0px;
    background-color: white;
    margin-left: 5px;}

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

.navbar-header {
    margin-right: 0 !important;
    margin-left: 0 !important;
    width: auto !important;
}

.list-group-item {
    position: static;
}

/*@media only screen and (max-width: 575px) {*/
/*.r-tabs .r-tabs-nav {*/
/*display: none;*/
/*}*/

/*.r-tabs .r-tabs-accordion-title {*/
/*display: block;*/
/*}*/
/*}*/

    #lines .ec-user {
        border-radius: 50%;
    }

    #lines .ec-user img {
        vertical-align: -3px;
    }

    #nickbox img {
        vertical-align: -8px;
        margin:  5px;
    }

    #visited-dropdown-span select {
        max-width: 150px;
    }

    #private-dropdown-span select {
        max-width: 150px;
    }

    #visited-dropdown-span {
        display: block;
        margin-left: 10px;
        margin-right: 20px;
    }

    #private-dropdown-span {
        display: block;
        margin-left: 10px;
        margin-right: 20px;
    }

/* following lines to make dropdown arrow always visible. */
input::-webkit-calendar-picker-indicator {
    opacity: 100;
}

#scroll-lock-div {
    float: right;
}

#article-summary {
    height: auto;
    /*height: 8.5ex;*/
    overflow-y: auto;
    border: solid 1px;
    resize: vertical;
    width: 100%;
}

#smmry-conversation-container {
    -webkit-columns: 3 280px;
    -moz-columns: 3 280px;
    columns: 3 280px;
    overflow-y: auto;
}

.smmry-conversation-display {
    height: 9.5ex;
    overflow-y: auto;
    border: solid 1px;
    resize: vertical;
}

/*.follows-display-conversation-link {*/
/*min-width: 280px;*/
/*width: 50%;*/
/*}*/

.share-button {
    height: 17px;
    width: 17px;
        background-image: url(../media/Sharethis.png);
        background-position: 0px 1px;
    background-size: contain !important;
        background-repeat: no-repeat;
    display: inline-block;
}

#domain-header {
    /*font-size: 10vw;*/
    font-size: 40px;
    /*margin-right: 10px;*/
    /*margin-top: -16px;*/
    display: inline-block;
    /*display: block;*/
    /*height: 80px;*/
    width: 100%;
    background: #495782;
    text-align: center;
}

.center-domain-header {
    /*font-size: 40px;*/
    /*margin-right: 10px;*/
    /*margin-top: -16px;*/
    /*display: block;*/
    /*height: 80px;*/
    /*background: #495782;*/
    /*width: 500px;*/
    /*text-align: center;*/
    margin-left: auto;
    margin-right: auto;
}

#home-link {
    color: #fff;
}

b {
    font-weight: bold;
}

/*input[type="text"] {*/
/*    width: 100%;*/
/*}*/

#nano-message  {
    width: 80%;
}

/*input[type="text"]#nano-message  {*/
/*    width: 80%;*/
/*}*/

.profile-conversation {
    cursor: pointer;
}

/*Note that the iPhone 5 does not have a 16:9 aspect ratio. It is in fact 40:71.*/

/*iPhone < 5:*/
/*@media screen and (device-aspect-ratio: 2/3) {}*/

/*iPhone 5:*/
/*@media screen and (device-aspect-ratio: 40/71) {}*/

/*iPhone 6:*/
/*@media screen and (device-aspect-ratio: 375/667) {}*/

/*iPhone 6 Plus:*/
/*@media screen and (device-aspect-ratio: 16/9) {}*/

/*iPad:*/
/*@media screen and (device-aspect-ratio: 3/4) {}*/
/**/

body {
    background-color: lightgrey;
}

/*@media screen and (device-aspect-ratio: 40/71) and (orientation: landscape) {*/
/*@media only screen*/
/*and (min-device-width : 320px)*/
/*and (max-device-width : 568px)*/
/*and (orientation : portrait) {*/
/*!*@media screen and (device-aspect-ratio: 40/71) {*!*/
/*body {*/
/*background-color: lightseagreen;*/
/*!*width: 568px;*!*/
/*}*/
/*}*/

/*!*@media (orientation: landscape) {*!*/
/*!*@media screen and (device-aspect-ratio: 40/71) and (orientation: portrait) {*!*/
/*@media only screen*/
/*and (min-device-width : 320px)*/
/*and (max-device-width : 568px)*/
/*and (orientation : landscape) {*/
/*body {*/
/*background-color: lightblue;*/
/*}*/
/*#chat {*/
/*width: 95%;*/
/*max-width: 95%;*/
/*min-width: 95%;*/
/*}*/
/*}*/
* {
    box-sizing: border-box;
}

.row::after {
    content: "";
    clear: both;
    display: block;
}

    #conversation-select-tabs{
/*width: 54%;*/
    }

html, body, div {
    /*margin: 5px;*/
    padding: 0;
    border: 0;
    outline: 0;
    font-size: medium;
    vertical-align: baseline;
    /*font: inherit !important;*/
}

div {
    display: block;
}

label {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    font: inherit;
    display: block;
    font-weight: bold;
    cursor: default;
}

textarea {
    min-height: 40px;
    overflow: auto;
    resize: vertical;
    width: 100%;
}

.expand-summaries,
.expand-shouts,
.expand-replies,
.expand-follows,
.expand-followers,
.expand-likes,
.expand-domains-followed,
.expand-conversations-followed,
.expand-online-now,
.expand-conversation-navigator,
.expand-settings,
.expand-shout-options,
.expand-create-conversation,
.expand-active-conversations,
.expand-filter-search,
.expand-conversation-summaries,
.expand-change-domain,
.expand-article-summary,
*[class^='expand-active-conversation-']
{
    cursor: -webkit-grab
;
    /*height: 17px;*/
    /*width: 21px;*/
    /*background-image: sites/default/files/triRight2.png;*/
    /*background-position: 0px 0px;*/
    /*background-size: 18px 18px;*/
    /*background-repeat: no-repeat;*/
    /*display: inline-block;*/
}


/* rusty@4lambda.io
textarea {
    min-height: 40px;
    overflow: auto;
    resize: vertical;
    width: 100%;
}

textarea, select[size], select[multiple] {
    height: auto;
}

textarea, select, input[type="date"], input[type="datetime"], input[type="datetime-local"]
, input[type="email"], input[type="month"], input[type="number"], input[type="password"]
, input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"]
, input[type="week"] {
    -webkit-appearance: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-background-clip: padding;
    -webkit-background-clip: padding;
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid;
    border-color: #848484 #c1c1c1 #e1e1e1;
    color: #000;
    outline: 0;
    padding: 2px 3px;
    font-size: 16px;
    font-family: Arial, sans-serif;
    height: 1.8em;
}
textarea {
    margin: 0;
    vertical-align: middle;
}

body {
    font-family: Verdana, Helvetica, Arial, sans-serif;
}

label {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    font: inherit;
    display: block;
    font-weight: bold;
    cursor: default;
}
#profile-edit-display-data .textbox {
    display: none;
}

.textbox {
    display: inline-block;
    border: 1px solid;
    padding: 2px;
}

button, input[type="reset"], input[type="submit"], input[type="button"] {
    -webkit-appearance: none;
    -moz-border-radius: 11px;
    -webkit-border-radius: 11px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding;
    background-clip: padding-box;
    border-radius: 11px;
    background: #ddd url(http://klat.com/sites/all/themes/omega/omega/images/button.png) repeat-x;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(1,#ddd));
    background: -moz-linear-gradient(top center,#fff 0%,#ddd 100%);
    border: 1px solid;
    border-color: #ddd #bbb #999;
    cursor: pointer;
    color: #333;
    font: bold 12px/1.2 Arial,sans-serif;
    outline: 0;
    padding: 3px 10px 4px;
    text-shadow: #fff 0 1px 1px;
    width: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
*/

#nickname-form-btn-register {
    margin-left: 13px;
    margin-right: 26px;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: none;
}

#login-form-btn-login {
    float: left;
}

#login-form-btn-register {
    /*float: left;*/
    margin-left: 44px;
}

#login-form-btn-cancel {
    float: right;
}

#zone-content {
    margin-top: 0;
}

/*@media (min-device-width: 980px) and (min-width: 980px),*/
/*(max-device-width: 1024px) and (min-width: 1024px) and (orientation: landscape)*/
/*{*/
/**/
/*}*/
/*!* For desktop: *!*/
/*.col-1 {width: 8.33%;}*/
/*.col-2 {width: 16.66%;}*/
/*.col-3 {width: 25%;}*/
/*.col-4 {width: 33.33%;}*/
/*.col-5 {width: 41.66%;}*/
/*.col-6 {width: 50%;}*/
/*.col-7 {width: 58.33%;}*/
/*.col-8 {width: 66.66%;}*/
/*.col-9 {width: 75%;}*/
/*.col-10 {width: 83.33%;}*/
/*.col-11 {width: 91.66%;}*/
/*.col-12 {width: 100%;}*/

.container-12 {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
}

.profile-conversation {
    color: blue;
}

#followed-shouts p {
    margin: 0;
}

.ui-dialog .ui-dialog-buttonpane {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    border-width: 0 0 0 0;
}

p {
    margin-bottom: 0;
}

.validateTips {
    /*float: right;*/
}

#chat .flex-direction-nav {
    display: none;
}

/*#summary-header {*/
/*overflow-y: scroll;*/
/*max-height: 3em;*/
/*margin-top: 5px;*/
/*}*/

/* rusty@4lambda.io
.expand-summaries,
.expand-shouts,
.expand-replies,
.expand-follows,
.expand-followers,
.expand-likes,
.expand-domains-followed,
.expand-conversations-followed,
.expand-online-now,
.expand-conversation-navigator,
.expand-settings,
.expand-shout-options,
.expand-create-conversation,
.expand-active-conversations,
.expand-filter-search,
.expand-conversation-summaries,
.expand-change-domain,
.expand-article-summary,
*[class^='expand-active-conversation-']
{
    height: 17px;
    width: 21px;
    background-image: sites/default/files/triRight2.png;
    background-position: 0px 0px;
    background-size: 18px 18px;
    background-repeat: no-repeat;
    display: inline-block;
}
.expand-join-conversation,
.expand-current-conversation,
.expand-current-conversation-shouts,
.expand-current-conversation-followed-shouts {
    height: 17px;
    width: 21px;
    background-image: url(http://klat.com/sites/default/files/triDown2.png);
    background-position: 0px 0px;
    background-size: 18px 18px;
    background-repeat: no-repeat;
    display: inline-block;
}
*/

.new-shout {
    height: 17px;
    width: 25px;
    background-size: 25px 17px !important;
    background: url(../media/klatguyreply-button.png) no-repeat 0 1px;
    display: inline-block;
}

.new-conversation {
    height: 17px;
    width: 23px;
    /*background-image: url(http://klat.com/sites/default/files/addShoutSm.png);*/
    background-size: 20px 16px !important;
    background: url(../media/addConversation2.png) no-repeat 3px 1px;
    display: inline-block;
}

.change-convo-view {
    height: 17px;
    width: 23px;
    background-size: 20px 16px !important;
    background: url(../media/triRight2.png) no-repeat 3px 1px;
    /*background: url(../media/closeColumn1.png) no-repeat 3px 1px;*/
    display: inline-block;
}

#current-conversation-collapse.collapsed {
    height: 17px;
    width: 23px;
    background-size: 20px 16px !important;
    background: url(../media/triRight2.png) no-repeat 3px 1px;
    /*background: url(../media/closeColumn1.png) no-repeat 3px 1px;*/
    display: inline-block;
}

#current-conversation-collapse.not-collapsed {
    height: 17px;
    width: 23px;
    background-size: 20px 16px !important;
    background: url(../media/triDown2.png) no-repeat 3px 1px;
    /*background: url(../media/closeColumn1.png) no-repeat 3px 1px;*/
    display: inline-block;
}

#conversation-navigator-collapse.collapsed {
    height: 17px;
    width: 23px;
    background-size: 20px 16px !important;
    background: url(../media/triRight2.png) no-repeat 3px 1px;
    /*background: url(../media/closeColumn1.png) no-repeat 3px 1px;*/
    display: inline-block;
}

#conversation-navigator-collapse.not-collapsed {
    height: 17px;
    width: 23px;
    background-size: 20px 16px !important;
    background: url(../media/triDown2.png) no-repeat 3px 1px;
    /*background: url(../media/closeColumn1.png) no-repeat 3px 1px;*/
    display: inline-block;
}

.ng-chatbox-iframe .menu-row, #zone-menu {
    display: none;
}

a.echat-home.center {
    /*height: 17px;*/
    /*width: 21px;*/
    background-size: contain !important;
    /*background-size: 18px 18px;*/
    /*background: 'app/static/media/qm5.png' no-repeat 0 0;*/
    /*background: url(../media/qm5.png) no-repeat 0 0;*/
    display: inline-block;
    margin-left: 25px;
}

a.echat-help.center {
    height: 17px;
    width: 21px;
    background-size: contain !important;
    /*background-size: 18px 18px;*/
    /*background: 'app/static/media/qm5.png' no-repeat 0 0;*/
    background: url(../media/help-transparent-back.png) no-repeat 0 0;
    /*background: url(../media/qm5.png) no-repeat 0 0;*/
    display: inline-block;
    margin-left: 25px;
}

a.echat-help-top.center {
    height: 17px;
    width: 21px;
    background-size: contain !important;
    /*background-size: 18px 18px;*/
    /*background: 'app/static/media/qm5.png' no-repeat 0 0;*/
    background: url(../media/help-transparent-back.png) no-repeat 0 0;
    display: inline-block;
    margin-left: 20px;
}

a.echat-settings-icon.center {
    height: 17px;
    width: 21px;
    background-size: contain !important;
    /*background-size: 18px 18px;*/
    /*background: 'app/static/media/qm5.png' no-repeat 0 0;*/
    background: url(../media/gear2.png) no-repeat 0 0;
    display: inline-block;
    margin-left: 30%;
}

a.echat-settings-icon.top {
    height: 17px;
    width: 21px;
    background-size: contain !important;
    /*background-size: 18px 18px;*/
    /*background: 'app/static/media/qm5.png' no-repeat 0 0;*/
    background: url(../media/gear2.png) no-repeat 0 0;
    display: inline-block;
    margin-left: 3px;
}

a.nano-settings-icon.center {
    height: 17px;
    width: 21px;
    background-size: contain !important;
    /*background-size: 18px 18px;*/
    /*background: 'app/static/media/qm5.png' no-repeat 0 0;*/
    background: url(../media/gear2.png) no-repeat 0 0;
    display: inline-block;
    /*margin-left: 30%;*/
}

a.echat-1cols.center {
    height: 17px;
    width: 21px;
    background-size: contain !important;
    background: url(../media/1cols.png) no-repeat 0 0;
    display: inline-block;
    margin-top: 3px;
    margin-left: 18px;
}

a.echat-2cols.center {
    height: 17px;
    width: 21px;
    background-size: contain !important;
    background: url(../media/2cols.png) no-repeat 0 0;
    display: inline-block;
    margin-left: 5px;
}

a.echat-3cols.center {
    height: 17px;
    width: 21px;
    background-size: contain !important;
    background: url(../media/3cols.png) no-repeat 0 0;
    display: inline-block;
    margin-left: 5px;
}

a.echat-2colsWG {
    height: 17px;
    width: 21px;
    background-size: contain !important;
    background: url(../media/2colsWG.png) no-repeat 0 0;
    display: inline-block;
    margin-left: 5px;
}

#nano-header-center {
    display: inline-flex;
    /*justify-content: space-around;*/
    width: 59%;
    vertical-align: middle;
}

button.echat-2colsWG,
button.echat-2colsWG:hover
{
    height: 31px;
    width: 29px;
    background-size: contain !important;
    background: url(../media/2colsWG.png) no-repeat 0 0;
    display: inline-block;
    margin-left: 5px;
}

/*rusty@4lambda.io *!*/
#nicknames {
    overflow-y: scroll;
    height: 59px;
    font-size: small;
    min-width: 200px;
}

#lines img {
    max-width: 100%;
}

/*#conversation-select-tabs{*/
/*!*max-width: 300px;*!*/
/*}*/
#new-conversation-form {
    margin-top: 5px;
}

.ui-widget select {
    font-size: medium;
}

#conversation-select-list,
#all-conversation-select-list,
#conversation-list-popular,
#conversation-list-visited,
#conversation-list-trending,
#conversation-list-for-you {
    width: 100%;
    overflow: scroll;
}

/*#cur-conversation, #saySomething,*/
#summary-header .profile-conversation,
#tabbed-shouts-follows .profile-conversation,
#tabbed-shouts-foryou .profile-conversation,
#tabbed-shouts-popular .profile-conversation,
#tabbed-shouts-trending .profile-conversation,
#tabbed-shouts-visited .profile-conversation,
#tabbed-shouts-all .profile-conversation,
#tabbed-shouts-dom .profile-conversation,
#followed-shouts .profile-conversation,
.profile-shouts .profile-conversation,
.profile-replies .profile-conversation,
.profile-conversations-followed .profile-conversation,
.profile-likes .profile-conversation {
    background-image: linear-gradient(bottom, rgb(251, 203, 254) 25%, rgb(250, 202, 253) 100%);
    background-image: -o-linear-gradient(bottom, rgb(251, 203, 254) 25%, rgb(250, 202, 253) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(251, 203, 254) 25%, rgb(250, 202, 253) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(251, 203, 254) 25%, rgb(250, 202, 253) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(251, 203, 254) 25%, rgb(250, 202, 253) 100%);
    background-image: -webkit-gradient(
            linear,
            left bottom,
            left top,
            color-stop(0.25, rgb(251, 203, 254)),
            color-stop(1, rgb(250, 202, 253))
    );
    border: solid 1px rgba(0, 0, 0, 0.5);
    /* vendor rules */
    border-radius: 4px;
    /* vendor rules */
    box-shadow: inset 0 5px 5px rgba(255, 255, 255, 0.4), 0 1px 3px rgba(0, 0, 0, 0.2);
    /* vendor rules */
    box-sizing: border-box;
    clear: both;
    float: left;
    /*margin-bottom: 20px;*/
    padding: 3px 3px;
    position: relative;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.7);
    width: 100%;
    max-width: 100%;
    /*word-wrap: break-word !important;*/
    /*word-break: break-word !important;*/
    /*margin-bottom: 5px;*/
}

.ui-dialog-titlebar {
    text-align: center;
}

.ui-button-text-only .ui-button-text {
    padding: .4em 3px;
}

.red {
    float: left;
    clear: left;
    width: 180px;
    margin-top: 2px;
}

.swatch {
    width: 18px;
    height: 18px;
    margin-top: 0;
    margin-left: 222px;
    background: rgb(0, 0, 204) none;
}

.red .ui-slider-range {
    background-image: url("../media/rainbowrectangle.jpg");
    background-size: 180px !important;
}

.red {
    background-image: url("../media/rainbowrectangle.jpg");
    background-size: 180px !important;
}

.red .ui-slider-handle {
    width: 5px;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    /* border: 1px solid #d3d3d3; */
    /*background: #e6e6e6 "sites/default/files/rainbowrectangle.jpg" 50% 50% repeat-x;*/
    font-weight: normal;
    color: #555555;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: 0;
}

#nickbox {
    /* background: #fcf8b3; */
    border: 1px solid #aaa;
    /* margin: 10px; */
    padding: 1px 3px 1px 3px;
    /* width: 330px; */
    -webkit-box-shadow: 2px 2px 0 #888;
    -moz-box-shadow: 2px 2px 0 #888;
    box-shadow: 2px 2px 0 #888;
}

#loginbox {
    /* background: #fcf8b3; */
    border: 1px solid #aaa;
    /* margin: 10px; */
    padding: 0 3px 0 3px;
    /* width: 330px; */
    -webkit-box-shadow: 2px 2px 0 #888;
    -moz-box-shadow: 2px 2px 0 #888;
    box-shadow: 2px 2px 0 #888;
    float: right;
    /*font-size: 15px;*/
}

.ui-widget-overlay {
    opacity: .5;
    filter: Alpha(Opacity=30);
    /* support: IE8; */
    background: #333232;
}

#conversation-list-follows-wrap .scroll {
    /*max-width: 562px;*/
}

.shout-bubble-yellow {
    border: 3px;
    max-height: 7em;
    /*resize: both;*/
    overflow-y: auto;
}

.scroll {
    /*width: 800px;*/
    height: 400px;
    /*max-height: 300px;*/
    background: #82899E;
    /*background: #495782;*/
    min-height: 40px;
    overflow: auto;
    resize: vertical;
    width: 100%;
    /*color: white;*/
    margin-bottom: 5px;
}

.scroll-nano {
    /* width: 800px; */
    height: 500px;
    /*height: 150px;*/
    /* max-height: 300px; */
    /* background: #82899E; */
    /* background: #495782; */
    min-height: 40px;
    overflow: auto;
    resize: vertical;
    width: 100%;
    /* color: white; */
    margin-bottom: 5px;
}

.scroll::-webkit-scrollbar {
    width: 12px;
    background: #ffffff;
    color: #1a4064;
}

.scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
}

.scroll::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.8);
}

small {
    font-size: small;
    /*font-size: x-small;*/
}

#lines hr {
    margin: 0 0 0 0;
}

#lines p {
    margin-bottom: 5px;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
}

.r-tabs-panel p {
    margin-bottom: 5px;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
}

/*.mce-path {display:none;}*/

#chat {
    width: 100%;
    /*height: 600px;*/
    /*!*border: solid 1px green;*!*/
    /*display: flex;*/
    /*flex-direction: column;*/
    /*flex-wrap: wrap;*/
    position: relative;
    margin: 0 auto;
    font-size: medium;
}

#chatNavigator {
    margin: 0 auto;
}

#header {
    width: 100%;
    /*height: 600px;*/
    /*!*border: solid 1px green;*!*/
    /*display: flex;*/
    /*flex-direction: column;*/
    /*flex-wrap: wrap;*/
    position: relative;
    margin: 0 auto;
}

#send-form {
    width: 100%;
    /*height: 600px;*/
    /*!*border: solid 1px green;*!*/
    /*display: flex;*/
    /*flex-direction: column;*/
    /*flex-wrap: wrap;*/
    /*position: relative;*/
    margin: 0 auto;
    /*display: none;*/
}

#chat-options {
    width: 100%;
    border-top: 3px solid #93B0BF;
    table-layout: fixed;
}

.new-conversation-form {
    display: none;
}

#active-conversations {
    /*width: -moz-min-content;*/
    /*height: 600px;*/
    /*!*border: solid 1px green;*!*/
    /*display: flex;*/
    /*flex-direction: column;*/
    /*flex-wrap: wrap;*/
    /*position: relative;*/
    margin: 0 auto;
    overflow-y: scroll;
    height: 350px;
    /*text-overflow: ellipsis;*/
    line-height: 110%;
    font-size: medium;
    /*width: 43%;*/
}

#active-conversations p {
    /*width: 257px;*/
    /*width: 400px;*/
}

#summary-header .shout-bubble,
#followed-shouts .shout-bubble,
#chat .shout-bubble,
#nano-chat .shout-bubble,
    /*#cur-conversation,*/
.profile-shouts .shout-bubble,
.profile-replies .shout-bubble,
.profile-likes .shout-bubble,
.profile-conversations-followed .shout-bubble {
    background-image: linear-gradient(bottom, rgb(210, 244, 254) 25%, rgb(149, 194, 253) 100%);
    background-image: -o-linear-gradient(bottom, rgb(210, 244, 254) 25%, rgb(149, 194, 253) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(210, 244, 254) 25%, rgb(149, 194, 253) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(210, 244, 254) 25%, rgb(149, 194, 253) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(210, 244, 254) 25%, rgb(149, 194, 253) 100%);
    background-image: -webkit-gradient(
            linear,
            left bottom,
            left top,
            color-stop(0.25, rgb(210, 244, 254)),
            color-stop(1, rgb(149, 194, 253))
    );
    border: solid 1px rgba(0, 0, 0, 0.5);
    /* vendor rules */
    border-radius: 5px;
    /* vendor rules */
    box-shadow: inset 0 5px 5px rgba(255, 255, 255, 0.4), 0 1px 3px rgba(0, 0, 0, 0.2);
    /* vendor rules */
    box-sizing: border-box;
    clear: both;
    /*float: left;*/
    /*margin-bottom: 20px;*/
    padding: 3px 3px;
    position: relative;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.7);
    width: fit-content;
    /*width: 100%;*/
    max-width: 80%;
    /*word-wrap: break-word !important;*/
    /*word-break: break-word !important;*/
    margin-bottom: 2px;
    line-height: 16px;
    display: block;
    margin: 0 auto;
}

#chat .shout-bubble-blue-nav {
    background-image: linear-gradient(bottom, rgb(210, 244, 254) 25%, rgb(149, 194, 253) 100%);
    background-image: -o-linear-gradient(bottom, rgb(210, 244, 254) 25%, rgb(149, 194, 253) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(210, 244, 254) 25%, rgb(149, 194, 253) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(210, 244, 254) 25%, rgb(149, 194, 253) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(210, 244, 254) 25%, rgb(149, 194, 253) 100%);
    background-image: -webkit-gradient(
            linear,
            left bottom,
            left top,
            color-stop(0.25, rgb(210, 244, 254)),
            color-stop(1, rgb(149, 194, 253))
    );
    border: solid 1px rgba(0, 0, 0, 0.5);
    /* vendor rules */
    border-radius: 5px;
    /* vendor rules */
    box-shadow: inset 0 5px 5px rgba(255, 255, 255, 0.4), 0 1px 3px rgba(0, 0, 0, 0.2);
    /* vendor rules */
    box-sizing: border-box;
    clear: both;
    float: left;
    /*margin-bottom: 20px;*/
    padding: 3px 3px;
    position: relative;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.7);
    /*width: fit-content;*/
    width: 100%;
    /*max-width: 80%;*/
    /*word-wrap: break-word !important;*/
    /*word-break: break-word !important;*/
    margin-bottom: 2px;
    line-height: 16px;
    display: block;
    margin: 0 auto;
}

/*#nano-message {*/
    /*-webkit-user-select: none; !* Safari 3.1+ *!*/
    /*-moz-user-select: none; !* Firefox 2+ *!*/
    /*-ms-user-select: none; !* IE 10+ *!*/
    /*user-select: none; !* Standard syntax *!*/
/*}*/

#cur-conversation, #nano-cur-conversation, #saySomething, #nano-saySomething,
#chat #nano-chat .shout-bubble-blue
{
    background-image: linear-gradient(bottom, rgb(210,244,254) 25%, rgb(149,194,253) 100%);
    background-image: -o-linear-gradient(bottom, rgb(210,244,254) 25%, rgb(149,194,253) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(210,244,254) 25%, rgb(149,194,253) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(210,244,254) 25%, rgb(149,194,253) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(210,244,254) 25%, rgb(149,194,253) 100%);
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.25, rgb(210,244,254)),
        color-stop(1, rgb(149,194,253))
    );
    border: solid 1px rgba(0, 0, 0, 0.5);
     /*vendor rules*/
    /*border-radius: 20px;*/
     /*vendor rules*/
    box-shadow: inset 0 5px 5px rgba(255, 255, 255, 0.4), 0 1px 3px rgba(0, 0, 0, 0.2);
     /*vendor rules*/
    box-sizing: border-box;
    clear: both;
    float: left;
    margin-bottom: 20px;
    padding: 3px 3px;
    position: relative !important;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.7);
    width: 100%;
    max-width: 100%;
    word-wrap: break-word !important;
    word-break: break-word !important;
    margin-bottom: 2px;
    line-height: 16px;
     border: 3px;
     /*max-height: 21em;*/
     resize: both;
     overflow-y: auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
 }
.collapseCurrentConversationOptionsButton {
    margin: 5px;
}

.image-error .video-error {
    display: none;
}

#chat .shout-bubble-yellow {
    background-image: linear-gradient(bottom, rgb(199, 221, 179) 25%, rgb(223, 253, 149) 100%);
    background-image: -o-linear-gradient(bottom, rgb(199, 221, 179) 25%, rgb(223, 253, 149) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(199, 221, 179) 25%, rgb(223, 253, 149) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(199, 221, 179) 25%, rgb(223, 253, 149) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(199, 221, 179) 25%, rgb(223, 253, 149) 100%);
    /*background-image: -webkit-gradient(*/
    /*linear,*/
    /*left bottom,*/
    /*left top,*/
    /*color-stop(0.25, rgb(210,244,254)),*/
    /*color-stop(1, rgb(149,194,253))*/
    /*);*/
    background-image: -webkit-gradient(
            linear,
            left bottom,
            left top,
            color-stop(0.25, rgb(199, 221, 179)),
            color-stop(1, rgb(199, 221, 179)));
            /*color-stop(1, rgb(223, 253, 149)));*/
    border: solid 1px rgba(0, 0, 0, 0.5);
    /* vendor rules */
    border-radius: 5px;
    /* vendor rules */
    box-shadow: inset 0 5px 5px rgba(255, 255, 255, 0.4), 0 1px 3px rgba(0, 0, 0, 0.2);
    /* vendor rules */
    box-sizing: border-box;
    clear: both;
    float: left;
    /*margin-bottom: 20px;*/
    padding: 3px 3px;
    position: relative;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.7);
    width: 100%;
    /*width: auto;*/
    /*max-width: 100%;*/
    /*word-wrap: break-word !important;*/
    /*word-break: break-word !important;*/
    margin-bottom: 2px;
    line-height: 16px;
}

    #chat .shout-bubble-red {
        background-image: linear-gradient(bottom, rgb(253, 142, 134) 25%, rgb(254, 163, 159) 100%);
        background-image: -o-linear-gradient(bottom, rgb(253, 142, 134) 25%, rgb(254, 163, 159) 100%);
        background-image: -moz-linear-gradient(bottom, rgb(253, 142, 134) 25%, rgb(254, 163, 159) 100%);
        background-image: -webkit-linear-gradient(bottom, rgb(253, 142, 134) 25%, rgb(254, 163, 159) 100%);
        background-image: -ms-linear-gradient(bottom, rgb(253, 142, 134) 25%, rgb(254, 163, 159) 100%);
        /*background-image: -webkit-gradient(*/
        /*linear,*/
        /*left bottom,*/
        /*left top,*/
        /*color-stop(0.25, rgb(210,244,254)),*/
        /*color-stop(1, rgb(149,194,253))*/
        /*);*/
        background-image: -webkit-gradient(
            linear,
            left bottom,
            left top,
            color-stop(0.25, rgb(253, 142, 134)),
            color-stop(1, rgb(253, 142, 134)) );
            /*color-stop(1, rgb(254, 163, 159)) );*/
        border: solid 1px rgba(0, 0, 0, 0.5);
        /* vendor rules */
        border-radius: 5px;
        /* vendor rules */
        box-shadow: inset 0 5px 5px rgba(255, 255, 255, 0.4), 0 1px 3px rgba(0, 0, 0, 0.2);
        /* vendor rules */
        box-sizing: border-box;
        clear: both;
        float: left;
        /*margin-bottom: 20px;*/
        padding: 3px 3px;
        position: relative;
        text-shadow: 0 1px 1px rgba(255, 255, 255, 0.7);
        width: 100%;
        /*width: auto;*/
        /*max-width: 100%;*/
        /*word-wrap: break-word !important;*/
        /*word-break: break-word !important;*/
        margin-bottom: 2px;
        line-height: 16px;
    }

    #chat .shout-bubble-red-right {
        background-image: linear-gradient(bottom, rgb(253, 142, 134) 25%, rgb(254, 163, 159) 100%);
        background-image: -o-linear-gradient(bottom, rgb(253, 142, 134) 25%, rgb(254, 163, 159) 100%);
        background-image: -moz-linear-gradient(bottom, rgb(253, 142, 134) 25%, rgb(254, 163, 159) 100%);
        background-image: -webkit-linear-gradient(bottom, rgb(253, 142, 134) 25%, rgb(254, 163, 159) 100%);
        background-image: -ms-linear-gradient(bottom, rgb(253, 142, 134) 25%, rgb(254, 163, 159) 100%);
        /*background-image: -webkit-gradient(*/
        /*linear,*/
        /*left bottom,*/
        /*left top,*/
        /*color-stop(0.25, rgb(210,244,254)),*/
        /*color-stop(1, rgb(149,194,253))*/
        /*);*/
        background-image: -webkit-gradient(
            linear,
            left bottom,
            left top,
            color-stop(0.25, rgb(253, 142, 134)),
            color-stop(1, rgb(253, 142, 134)) );
            /*color-stop(1, rgb(254, 163, 159)) );*/
        border: solid 1px rgba(0, 0, 0, 0.5);
        /* vendor rules */
        border-radius: 5px;
        /* vendor rules */
        box-shadow: inset 0 5px 5px rgba(255, 255, 255, 0.4), 0 1px 3px rgba(0, 0, 0, 0.2);
        /* vendor rules */
        box-sizing: border-box;
        clear: both;
        float: right;
        /*margin-bottom: 20px;*/
        padding: 3px 3px;
        position: relative;
        /*text-shadow: 0 1px 1px rgba(255, 255, 255, 0.7);*/
        /*width: 100%;*/
        /*width: auto;*/
        max-width: 80%;
        /*word-wrap: break-word !important;*/
        /*word-break: break-word !important;*/
        margin-bottom: 2px;
        line-height: 16px;
    }

    #chat .shout-bubble-orange {
        background-image: linear-gradient(bottom, rgb(253, 183, 31) 25%, rgb(254, 106, 6) 100%);
        background-image: -o-linear-gradient(bottom, rgb(253, 183, 31) 25%, rgb(254, 106, 6) 100%);
        background-image: -moz-linear-gradient(bottom, rgb(253, 183, 31) 25%, rgb(254, 106, 6) 100%);
        background-image: -webkit-linear-gradient(bottom, rgb(253, 183, 31) 25%, rgb(254, 106, 6) 100%);
        background-image: -ms-linear-gradient(bottom, rgb(253, 183, 31) 25%, rgb(254, 106, 6) 100%);
        /*background-image: -webkit-gradient(*/
        /*linear,*/
        /*left bottom,*/
        /*left top,*/
        /*color-stop(0.25, rgb(210,244,254)),*/
        /*color-stop(1, rgb(149,194,253))*/
        /*);*/
        background-image: -webkit-gradient(
            linear,
            left bottom,
            left top,
            color-stop(0.25, rgb(253, 183, 31)),
            color-stop(1, rgb(253, 183, 31)) );
        border: solid 1px rgba(0, 0, 0, 0.5);
        /* vendor rules */
        border-radius: 5px;
        /* vendor rules */
        box-shadow: inset 0 5px 5px rgba(255, 255, 255, 0.4), 0 1px 3px rgba(0, 0, 0, 0.2);
        /* vendor rules */
        box-sizing: border-box;
        clear: both;
        float: right;
        /*margin-bottom: 20px;*/
        padding: 3px 3px;
        position: relative;
        /*text-shadow: 0 1px 1px rgba(255, 255, 255, 0.7);*/
        /*width: 100%;*/
        /*width: auto;*/
        max-width: 80%;
        /*word-wrap: break-word !important;*/
        /*word-break: break-word !important;*/
        margin-bottom: 2px;
        line-height: 16px;
    }

    #chat .shout-bubble-keyword {
        background-image: linear-gradient(bottom, rgb(109, 253, 111) 25%, rgb(199, 254, 147) 100%);
        background-image: -o-linear-gradient(bottom, rgb(109, 253, 111) 25%, rgb(199, 254, 147) 100%);
        background-image: -moz-linear-gradient(bottom, rgb(109, 253, 111) 25%, rgb(199, 254, 147) 100%);
        background-image: -webkit-linear-gradient(bottom, rgb(109, 253, 111) 25%, rgb(199, 254, 147) 100%);
        background-image: -ms-linear-gradient(bottom, rgb(109, 253, 111) 25%, rgb(199, 254, 147) 100%);
        /*background-image: -webkit-gradient(*/
        /*linear,*/
        /*left bottom,*/
        /*left top,*/
        /*color-stop(0.25, rgb(210,244,254)),*/
        /*color-stop(1, rgb(149,194,253))*/
        /*);*/
        background-image: -webkit-gradient(
            linear,
            left bottom,
            left top,
            color-stop(0.25, rgb(109, 253, 111)),
            color-stop(1, rgb(199, 254, 147)) );
        border: solid 1px rgba(0, 0, 0, 0.5);
        /* vendor rules */
        border-radius: 5px;
        /* vendor rules */
        box-shadow: inset 0 5px 5px rgba(255, 255, 255, 0.4), 0 1px 3px rgba(0, 0, 0, 0.2);
        /* vendor rules */
        box-sizing: border-box;
        clear: both;
        float: left;
        /*margin-bottom: 20px;*/
        padding: 3px 3px;
        position: relative;
        text-shadow: 0 1px 1px rgba(255, 255, 255, 0.7);
        width: 100%;
        /*width: auto;*/
        /*max-width: 100%;*/
        /*word-wrap: break-word !important;*/
        /*word-break: break-word !important;*/
        margin-bottom: 2px;
        line-height: 16px;
    }

    #chat .shout-bubble-green {
        /*background-image: linear-gradient(bottom, rgb(2, 208, 22) 25%, rgb(199, 254, 147) 100%);*/
        /*background-image: -o-linear-gradient(bottom, rgb(2, 208, 22) 25%, rgb(199, 254, 147) 100%);*/
        /*background-image: -moz-linear-gradient(bottom, rgb(2, 208, 22) 25%, rgb(199, 254, 147) 100%);*/
        /*background-image: -webkit-linear-gradient(bottom, rgb(2, 208, 22) 25%, rgb(199, 254, 147) 100%);*/
        /*background-image: -ms-linear-gradient(bottom, rgb(2, 208, 22) 25%, rgb(199, 254, 147) 100%);*/
        /*background-image: -webkit-gradient(*/
        /*    linear,*/
        /*    left bottom,*/
        /*    left top,*/
        /*    color-stop(0.25, rgb(2, 208, 22)),*/
        /*    color-stop(1, rgb(2, 208, 22)) );*/
            /*color-stop(1, rgb(199, 254, 147)) );*/
        border: solid 1px rgba(0, 0, 0, 0.5);
        /* vendor rules */
        border-radius: 5px;
        /* vendor rules */
        box-shadow: inset 0 5px 5px rgba(255, 255, 255, 0.4), 0 1px 3px rgba(0, 0, 0, 0.2);
        /* vendor rules */
        box-sizing: border-box;
        clear: both;
        float: left;
        /*margin-bottom: 20px;*/
        padding: 3px 3px;
        position: relative;
        text-shadow: 0 1px 1px rgba(255, 255, 255, 0.7);
        /*width: 100%;*/
        /*width: auto;*/
        max-width: 80%;
        /*word-wrap: break-word !important;*/
        /*word-break: break-word !important;*/
        margin-bottom: 2px;
        line-height: 16px;
        background-color: rgb(2, 208, 22);
    }

    /*#chat .shout-bubble-green.Blender,*/
    /*#chat .shout-bubble-green.blender {*/
    /*    background-image: linear-gradient(bottom, rgb(26, 248, 37) 25%, rgb(26, 248, 37) 100%);*/
    /*    background-image: -o-linear-gradient(bottom, rgb(26, 248, 37) 25%, rgb(26, 248, 37) 100%);*/
    /*    background-image: -moz-linear-gradient(bottom, rgb(26, 248, 37) 25%, rgb(26, 248, 37) 100%);*/
    /*    background-image: -webkit-linear-gradient(bottom, rgb(26, 248, 37) 25%, rgb(26, 248, 37) 100%);*/
    /*    background-image: -ms-linear-gradient(bottom, rgb(26, 248, 37) 25%, rgb(26, 248, 37) 100%);*/
    /*    background-image: -webkit-gradient(*/
    /*        linear,*/
    /*        left bottom,*/
    /*        left top,*/
    /*        color-stop(0.25, rgb(26, 248, 37)),*/
    /*        color-stop(1, rgb(26, 248, 37) ));*/
    /*    !*border: solid 1px rgba(0, 0, 0, 0.5);*!*/
    /*    !*border-radius: 5px;*!*/
    /*    !*box-shadow: inset 0 5px 5px rgba(255, 255, 255, 0.4), 0 1px 3px rgba(0, 0, 0, 0.2);*!*/
    /*    !*box-sizing: border-box;*!*/
    /*    !*clear: both;*!*/
    /*    !*float: left;*!*/
    /*    !*padding: 3px 3px;*!*/
    /*    !*position: relative;*!*/
    /*    !*text-shadow: 0 1px 1px rgba(255, 255, 255, 0.7);*!*/
    /*    !*max-width: 80%;*!*/
    /*    !*margin-bottom: 2px;*!*/
    /*    !*line-height: 16px;*!*/
    /*}*/

    /*#chat .shout-bubble-green.Wolfram,*/
    /*#chat .shout-bubble-green.wolfram {*/
    /*    background-image: linear-gradient(bottom, rgb(181, 248, 26) 25%, rgb(181, 248, 26) 100%);*/
    /*    background-image: -o-linear-gradient(bottom, rgb(181, 248, 26) 25%, rgb(181, 248, 26) 100%);*/
    /*    background-image: -moz-linear-gradient(bottom, rgb(181, 248, 26) 25%, rgb(181, 248, 26) 100%);*/
    /*    background-image: -webkit-linear-gradient(bottom, rgb(181, 248, 26) 25%, rgb(181, 248, 26) 100%);*/
    /*    background-image: -ms-linear-gradient(bottom, rgb(181, 248, 26) 25%, rgb(181, 248, 26) 100%);*/
    /*    background-image: -webkit-gradient(*/
    /*            linear,*/
    /*            left bottom,*/
    /*            left top,*/
    /*            color-stop(0.25, rgb(181, 248, 26)),*/
    /*            color-stop(1, rgb(181, 248, 26) ));*/
    /*}*/

    /*#chat .shout-bubble-green.kbot,*/
    /*#chat .shout-bubble-green.Kbot {*/
    /*    background-image: linear-gradient(bottom, rgb(111, 248, 26) 25%, rgb(111, 248, 26) 100%);*/
    /*    background-image: -o-linear-gradient(bottom, rgb(111, 248, 26) 25%, rgb(111, 248, 26) 100%);*/
    /*    background-image: -moz-linear-gradient(bottom, rgb(111, 248, 26) 25%, rgb(111, 248, 26) 100%);*/
    /*    background-image: -webkit-linear-gradient(bottom, rgb(111, 248, 26) 25%, rgb(111, 248, 26) 100%);*/
    /*    background-image: -ms-linear-gradient(bottom, rgb(111, 248, 26) 25%, rgb(111, 248, 26) 100%);*/
    /*    background-image: -webkit-gradient(*/
    /*            linear,*/
    /*            left bottom,*/
    /*            left top,*/
    /*            color-stop(0.25, rgb(111, 248, 26)),*/
    /*            color-stop(1, rgb(111, 248, 26) ));*/
    /*}*/

    /*#chat .shout-bubble-green.gruff,*/
    /*#chat .shout-bubble-green.Gruff {*/
    /*    background-image: linear-gradient(bottom, rgb(33, 248, 26) 25%, rgb(33, 248, 26) 100%);*/
    /*    background-image: -o-linear-gradient(bottom, rgb(33, 248, 26) 25%, rgb(33, 248, 26) 100%);*/
    /*    background-image: -moz-linear-gradient(bottom, rgb(33, 248, 26) 25%, rgb(33, 248, 26) 100%);*/
    /*    background-image: -webkit-linear-gradient(bottom, rgb(33, 248, 26) 25%, rgb(33, 248, 26) 100%);*/
    /*    background-image: -ms-linear-gradient(bottom, rgb(33, 248, 26) 25%, rgb(33, 248, 26) 100%);*/
    /*    background-image: -webkit-gradient(*/
    /*            linear,*/
    /*            left bottom,*/
    /*            left top,*/
    /*            color-stop(0.25, rgb(33, 248, 26)),*/
    /*            color-stop(1, rgb(33, 248, 26) ));*/
    /*}*/

    #chat .shout-bubble-yellow-left {
        background-image: linear-gradient(bottom, rgb(243, 248, 21) 25%, rgb(252, 254, 186) 100%);
        background-image: -o-linear-gradient(bottom, rgb(243, 248, 21) 25%, rgb(252, 254, 186) 100%);
        background-image: -moz-linear-gradient(bottom, rgb(243, 248, 21) 25%, rgb(252, 254, 186) 100%);
        background-image: -webkit-linear-gradient(bottom, rgb(243, 248, 21) 25%, rgb(252, 254, 186) 100%);
        background-image: -ms-linear-gradient(bottom, rgb(243, 248, 21) 25%, rgb(252, 254, 186) 100%);
        /*background-image: -webkit-gradient(*/
        /*linear,*/
        /*left bottom,*/
        /*left top,*/
        /*color-stop(0.25, rgb(210,244,254)),*/
        /*color-stop(1, rgb(149,194,253))*/
        /*);*/
        background-image: -webkit-gradient(
            linear,
            left bottom,
            left top,
            color-stop(0.25, rgb(243, 248, 21)),
            color-stop(1, rgb(243, 248, 21)) );
            /*color-stop(1, rgb(252, 254, 186)) );*/
        border: solid 1px rgba(0, 0, 0, 0.5);
        /* vendor rules */
        border-radius: 5px;
        /* vendor rules */
        box-shadow: inset 0 5px 5px rgba(255, 255, 255, 0.4), 0 1px 3px rgba(0, 0, 0, 0.2);
        /* vendor rules */
        box-sizing: border-box;
        clear: both;
        float: left;
        /*margin-bottom: 20px;*/
        padding: 3px 3px;
        position: relative;
        text-shadow: 0 1px 1px rgba(255, 255, 255, 0.7);
        /*width: 100%;*/
        /*width: auto;*/
        max-width: 80%;
        /*word-wrap: break-word !important;*/
        /*word-break: break-word !important;*/
        margin-bottom: 2px;
        line-height: 16px;
    }

    #chat .shout-bubble-yellow-right {
        background-image: linear-gradient(bottom, rgb(243, 248, 21) 25%, rgb(252, 254, 186) 100%);
        background-image: -o-linear-gradient(bottom, rgb(243, 248, 21) 25%, rgb(252, 254, 186) 100%);
        background-image: -moz-linear-gradient(bottom, rgb(243, 248, 21) 25%, rgb(252, 254, 186) 100%);
        background-image: -webkit-linear-gradient(bottom, rgb(243, 248, 21) 25%, rgb(252, 254, 186) 100%);
        background-image: -ms-linear-gradient(bottom, rgb(243, 248, 21) 25%, rgb(252, 254, 186) 100%);
        /*background-image: -webkit-gradient(*/
        /*linear,*/
        /*left bottom,*/
        /*left top,*/
        /*color-stop(0.25, rgb(210,244,254)),*/
        /*color-stop(1, rgb(149,194,253))*/
        /*);*/
        background-image: -webkit-gradient(
            linear,
            left bottom,
            left top,
            color-stop(0.25, rgb(243, 248, 21)),
            color-stop(1, rgb(243, 248, 21)) );
        border: solid 1px rgba(0, 0, 0, 0.5);
        /* vendor rules */
        border-radius: 5px;
        /* vendor rules */
        box-shadow: inset 0 5px 5px rgba(255, 255, 255, 0.4), 0 1px 3px rgba(0, 0, 0, 0.2);
        /* vendor rules */
        box-sizing: border-box;
        clear: both;
        float: right;
        /*margin-bottom: 20px;*/
        padding: 3px 3px;
        position: relative;
        text-shadow: 0 1px 1px rgba(255, 255, 255, 0.7);
        /*width: 100%;*/
        /*width: auto;*/
        max-width: 80%;
        /*word-wrap: break-word !important;*/
        /*word-break: break-word !important;*/
        margin-bottom: 2px;
        line-height: 16px;
    }

/*#chat::before {*/
/*content: '';*/
/*width: 5px;*/
/*!*background-color: red;*!*/
/*display: inline-block; !* needed only by IE *!*/
/*order: 150;*/
/*flex-basis: 100%;*/
/*}*/

.f-none {
    float: none;
    max-width: 400px;
}

.left {
    float: left;
}

.right {
    float: right;
}

/*#header {*/
/*width:800px;*/
/*}*/

#show-timestamps-wrap {
    width: 100%;
}

.break-word {
    /*word-wrap: break-word !important;*/
    /*word-break: break-word !important;*/
    /*word-break: break-all !important;*/
}

/* rusty@4lambda.io
.next-conversation
{
    position: absolute;
    top: 55px;
    right: 5px;
    background-position: 0 -32px;
    display: block;
    width: 32px;
    height: 32px;
    margin-top: 13px;
    float: right;
    background-image: url(http://klat.com/sites/default/files/arrows.png);
    cursor: pointer;
    background-image: url(/sites/default/files/arrows.png);
}

.previous-conversation
{
    position: absolute;
    top: 55px;
    left: 5px;
    background-position: -32px 0;
    display: block;
    width: 32px;
    height: 32px;
    margin-top: 13px;
    float: left;
    background-image: url(http://klat.com/sites/default/files/arrows.png);
    cursor: pointer;
    background-image: url(/sites/default/files/arrows.png);
}

.next-domain
{
    position: absolute;
    top: 55px;
    right: 5px;
    background-position: 0 64px;
    display: block;
    width: 32px;
    height: 32px;
    margin-top: 13px;
    float: right;
    background-image: url(http://klat.com/sites/default/files/arrows.png);
    cursor: pointer;
    background-image: url(/sites/default/files/arrows.png);
}

.previous-domain
{
    position: absolute;
    top: 55px;
    left: 5px;
    background-position: 0px 32px;
    display: block;
    width: 32px;
    height: 32px;
    margin-top: 13px;
    float: left;
    background-image: url(http://klat.com/sites/default/files/arrows.png);
    cursor: pointer;
    background-image: url(/sites/default/files/arrows.png);
}

#follows-button {
    width: 18px;
    height: 19px;
    margin-top: 13px;
    float: left;
    vertical-align: text-top;
    background-image: url(http://klat.com/sites/default/files/curvedArrowGreen.png);
    cursor: hand;
    margin-left: -5px;
}
rusty@4lambda.io */

/*#filter-button {*/
    /*width: 18px;*/
    /*height: 19px;*/
    /*!* margin-top: 13px; *!*/
    /*!* float: left; *!*/
    /*vertical-align: text-top;*/
    /*!* background-image: url(http://klat.com/sites/default/files/curvedArrowGreen.png); *!*/
    /*cursor: hand;*/
    /*margin-left: -5px;*/
/*}*/

/*@media screen and (min-width: 661pc) and (max-width: 980px) {*/
/*!* for tablets *!*/
/*.col-m-1 {width: 8.33%;}*/
/*.col-m-2 {width: 16.66%;}*/
/*.col-m-3 {width: 25%;}*/
/*.col-m-4 {width: 33.33%;}*/
/*.col-m-5 {width: 41.66%;}*/
/*.col-m-6 {width: 50%;}*/
/*.col-m-7 {width: 58.33%;}*/
/*.col-m-8 {width: 66.66%;}*/
/*.col-m-9 {width: 75%;}*/
/*.col-m-10 {width: 83.33%;}*/
/*.col-m-11 {width: 91.66%;}*/
/*.col-m-12 {width: 100%;}*/

/*#conversation-select-tabs{*/
/*!*width: 98%;*!*/
/*}*/

/*#chat {*/
/*width: 100%;*/
/*}*/

/*#header {*/
/*width: 100%;*/
/*}*/

/*#send-form {*/
/*width: 95%;*/
/*}*/

/*#new-conversation-form {*/
/*width: 60%;*/
/*padding: 1% 1%;*/
/*}*/

/*!*#conversation-select-list-wrap {*!*/
/*!*width: 60%;*!*/
/*!*padding: 3% 4%;*!*/
/*!*}*!*/

/*#show-timestamps-wrap {*/
/*width: 30%;*/
/*padding: 3% 4%;*/
/*}*/

/*#active-conversations {*/
/*margin-top: 10px;*/
/*!*width: 95%;*!*/
/*!*margin: 0 auto;*!*/
/*overflow-y: scroll;*/
/*max-width: 323px;*/
/*line-height: 110%;*/
/*font-size: 90%;*/
/*}*/
/*#active-conversations p {*/
/*!*width: 95%;*!*/
/*}*/
/*!*#sidebar .widget {*!*/
/*!*padding: 8% 7%;*!*/
/*!*margin-bottom: 10px;*!*/
/*!*}*!*/

/*}*/

/*@media screen and (min-width: 431px) and (max-width: 660px) {*/

/*!* for smaller tablets/phones *!*/
/*.col-s-1 {width: 8.33%;}*/
/*.col-s-2 {width: 16.66%;}*/
/*.col-s-3 {width: 25%;}*/
/*.col-s-4 {width: 33.33%;}*/
/*.col-s-5 {width: 41.66%;}*/
/*.col-s-6 {width: 50%;}*/
/*.col-s-7 {width: 58.33%;}*/
/*.col-s-8 {width: 66.66%;}*/
/*.col-s-9 {width: 75%;}*/
/*.col-s-10 {width: 83.33%;}*/
/*.col-s-11 {width: 91.66%;}*/
/*.col-s-12 {width: 100%;}*/

/*#conversation-select-tabs{*/
/*!*width:90%;*!*/
/*}*/

/*!*#chat-options {*!*/
/*!*width: 333px;*!*/
/*!*}*!*/

/*#chat {*/
/*width: auto;*/
/*overflow: hidden;*/
/*}*/

/*#header {*/
/*height: auto;*/
/*float: none;*/
/*margin: 6px 0 8px 0;;*/
/*}*/

/*#searchform {*/
/*position: absolute;*/
/*top: 5px;*/
/*right: 0;*/
/*}*/

/*#main-nav {*/
/*position: static;*/
/*}*/

/*#site-logo {*/
/*margin: 15px 100px 5px 0;*/
/*position: static;*/
/*}*/

/*#site-description {*/
/*margin: 0 0 15px;*/
/*position: static;*/
/*}*/

/*#chat {*/
/*width: auto;*/
/*float: none;*/
/*margin: 0 0 0 0;*/
/*}*/

/*#send-form {*/
/*width: auto;*/
/*float: none;*/
/*margin: 20px 0;*/
/*}*/

/*#new-conversation-form {*/
/*width: auto;*/
/*float: none;*/
/*margin: 20px 0;*/
/*}*/

/*#show-timestamps-wrap {*/
/*width: 40px;*/
/*float: none;*/
/*margin: 20px 0;*/
/*}*/

/*#active-conversations {*/
/*!*width: auto;*!*/
/*!*float: none;*!*/
/*!*width: 100%;*!*/
/*!*float: left;*!*/
/*margin: 0 auto;*/
/*overflow-y: scroll;*/
/*!*margin: 20px 0;*!*/
/*line-height: 110%;*/
/*font-size: 90%;*/
/*}*/
/*#active-conversations p {*/
/*!*width: auto;*!*/
/*}*/

/*}*/

/*@media screen and (max-width: 430px)*/
/*!*,screen*!*/
/*!*and (device-width: 320px)*!*/
/*!*and (device-height: 640px)*!*/
/*!*and (-webkit-device-pixel-ratio: 1.5)*!*/
/*{*/

/*!* For mobile phones: *!*/
/*[class*="col-"] {*/
/*float: left;*/
/*padding: 2px;*/
/*width: 100%;*/
/*}*/

/*#conversation-select-tabs{*/
/*!*width:90%;    *!*/
/*}*/
/**/
/*!*html {*!*/
/*!*-webkit-text-size-adjust: none;*!*/
/*!*}*!*/

/*!*#conversation-select-tabs {*!*/
/*!*width: 280px;*!*/
/*!*}*!*/

/*!*#chat-options {*!*/
/*!*width: 280px;*!*/
/*!*}*!*/

/*#chat {*/
/*font-size: 90%;*/
/*padding: 0 0 0 0;*/
/*overflow: hidden;*/
/*}*/
/*#active-conversations {*/
/*margin: 0 auto;*/
/*overflow-y: scroll;*/
/*!*width: 100%;*!*/
/*!*float: left;*!*/
/*line-height: 110%;*/
/*font-size: 90%;*/
/*display: block;*/
/*!*margin: 20px 0;*!*/
/*}*/
/*!*#active-conversations p {*!*/
/*!*width: 55%;*!*/
/*!*}*!*/

/*#show-timestamps-wrap {*/
/*width: 40px;*/
/*float: none;*/
/*margin: 20px 0;*/
/*}*/
/*#ec-dialog-form {*/
/*width: auto;*/
/*height: auto;*/
/*}*/
/*width: auto;*/
/*height: auto;*/
/*}*/
/*}*/
/*@media only screen and (max-width: 479px) {*/
/*#chat-stuff { width: 90%; }*/
/*}*/

/*p {*/
/*background-color: lightblue;*/
/*width: 50%;*/
/*}*/