@charset “UTF-8”; @import url(maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css);

span.emoji, span.emoji-inner {

vertical-align: baseline;
text-indent: -9999px;

} open-emoji-panel img:hover, .emoji-menu-tabs .emoji-menu-tab:hover, .emoji-picker-icon:hover,

role=button

{

cursor: pointer;

} .img-responsive, .img-thumbnail, .table, label {

max-width: 100%;

} .nano {

position: relative;

width: 100%;
height: 100%;
overflow: hidden;

} .nano > .nano-content, .nano > .nano-pane {

position: absolute;
top: 0;
right: 0;
bottom: 0;

} .nano > .nano-content {

left: 0;

overflow: scroll;
overflow-x: hidden;

} .nano > .nano-content:focus {

outline: dotted thin;

} .nano > .nano-content::-webkit-scrollbar {

display: none;

} .has-scrollbar > .nano-content::-webkit-scrollbar {

display: block;

} .nano > .nano-pane {

visibility: hidden\9;
width: 10px;

-webkit-transition: .2s;
   -moz-transition: .2s;
     -o-transition: .2s;
        transition: .2s;

opacity: .01;
-webkit-border-radius: 5px;
   -moz-border-radius: 5px;
        border-radius: 5px;
background: rgba(0,0,0,.25);

} .nano > .nano-pane > .nano-slider {

position: relative;

margin: 0 1px;

-webkit-border-radius: 3px;
   -moz-border-radius: 3px;
        border-radius: 3px;
background: #444;
background: rgba(0,0,0,.5);

} .nano-pane.active, .nano-pane.flashed, .nano:hover > .nano-pane {

visibility: visible\9;

opacity: .99;

} span.emoji {

display: inline-block;
width: 1em;
height: 1em;

background-repeat: no-repeat;
background-size: 1em;

-moz-box-orient: vertical;

} span.emoji-sizer {

margin: -2px 0;

font-size: 1em;
line-height: .81em;

} span.emoji-outer {

display: -moz-inline-box;
display: inline-block;
width: 1em;
height: 1em;

} span.emoji-inner {

display: -moz-inline-box;
display: inline-block;
width: 100%;
height: 100%;

} img.emoji {

width: 1.3em;
height: 1.3em;

} .emoji-picker-container {

position: relative;

display: inline-block;
min-width: 300px;

} .emoji-picker-icon {

position: absolute;
top: 0;
right: 0;
z-index: 100;

font-size: 20px;

-webkit-user-select: none;
   -moz-user-select: none;
        user-select: none;
transition: none;

opacity: .7;
color: #9e9e9e;

 -khtml-user-select: none;
     -o-user-select: none;

} .emoji-wysiwyg-editor, .form-control {

-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;

} .emoji-picker-icon:hover {

opacity: 1;

} .emoji-picker-icon.parent-has-scroll {

right: 28px;

} .emoji-wysiwyg-editor:empty:before {

content: attr(placeholder);

color: #9aa2ab;

} .emoji-wysiwyg-editor:active:before, .emoji-wysiwyg-editor:focus:before {

content: none;

} .emoji-wysiwyg-editor {

position: relative;

height: 30px;
max-height: 284px;
min-height: 40px;
padding: 6px 35px 6px 6px;
margin-bottom: 0;
overflow: auto;

line-height: 17px;

resize: both;
-webkit-user-select: text;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
word-wrap: break-word;

border: 1px solid #d2dbe3;
border-radius: 2px;
-webkit-box-shadow: none;
        box-shadow: none;

-webkit-appearance: textarea;
   -moz-appearance: textfield-multiline;

} .emoji-menu, svg:not(:root) {

overflow: hidden;

} .emoji-wysiwyg-editor.parent-has-scroll {

padding-right: 40px;

} .emoji-wysiwyg-editor.single-line-editor {

height: inherit;
min-height: 35px;

} .emoji-wysiwyg-editor img {

width: 20px;
height: 20px;
margin: -3px 0 0;

vertical-align: middle;

} .emoji-menu {

position: absolute;
z-index: 999;

width: 225px;

border: 1px solid #dfdfdf;
-webkit-border-radius: 3px;
   -moz-border-radius: 3px;
        border-radius: 3px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1);
   -moz-box-shadow: 0 1px 1px rgba(0,0,0,.1);
        box-shadow: 0 1px 1px rgba(0,0,0,.1);

} .emoji-items-wrap1 {

padding: 5px 2px 5px 5px;

background: #fff;

} .emoji-items-wrap1 .emoji-menu-tabs {

width: 100%;
margin-top: 3px;
margin-bottom: 8px;

} .emoji-items-wrap1 .emoji-menu-tabs td {

line-height: 0;

text-align: center;

color: #fff;

} .emoji-menu-tabs .emoji-menu-tab {

display: inline-block;
width: 24px;
height: 29px;

border: 0;
background: image-url("/emoji_picker/IconsetSmiles.png") no-repeat;
background-size: 42px 350px;

} .is_1x .emoji-menu-tabs .emoji-menu-tab {

background-image: image-url("/emoji_picker/IconsetSmiles_1x.png");

} .emoji-menu-tabs .emoji-menu-tab {

display: inline-block;
width: 24px;
height: 29px;

border: 0;
background: image-url("emoji_picker/IconsetSmiles.png") no-repeat;
background-size: 42px 350px;

} .emoji-menu-tabs .icon-recent {

background-position: -9px -306px;

} .emoji-menu-tabs .icon-recent-selected {

background-position: -9px -277px;

} .emoji-menu-tabs .icon-smile {

background-position: -9px -34px;

} .emoji-menu-tabs .icon-smile-selected {

background-position: -9px -5px;

} .emoji-menu-tabs .icon-flower {

background-position: -9px -145px;

} .emoji-menu-tabs .icon-flower-selected {

background-position: -9px -118px;

} .emoji-menu-tabs .icon-bell {

background-position: -9px -89px;

} .emoji-menu-tabs .icon-bell-selected {

background-position: -9px -61px;

} .emoji-menu-tabs .icon-car {

background-position: -9px -196px;

} .emoji-menu-tabs .icon-car-selected {

background-position: -9px -170px;

} .emoji-menu-tabs .icon-grid {

background-position: -9px -248px;

} .emoji-menu-tabs .icon-grid-selected {

background-position: -9px -222px;

} .emoji-menu-tabs .icon-bell, .emoji-menu-tabs .icon-car, .emoji-menu-tabs .icon-flower, .emoji-menu-tabs .icon-grid, .emoji-menu-tabs .icon-smile {

opacity: .7;

} .emoji-menu-tabs .icon-bell:hover, .emoji-menu-tabs .icon-car:hover, .emoji-menu-tabs .icon-flower:hover, .emoji-menu-tabs .icon-grid:hover, .emoji-menu-tabs .icon-smile:hover {

opacity: 1;

} .emoji-menu .emoji-items-wrap {

position: relative;

height: 174px;

} .emoji-menu .emoji-items {

padding-right: 8px;

outline: 0!important;

} .emoji-menu img {

width: 20px;
height: 20px;

vertical-align: middle;

border: 0;

} .emoji-menu .emoji-items a {

display: block;
float: left;
padding: 5px;
margin: -1px 0 0 -1px;

border: 0;
border-radius: 2px;

} .emoji-menu .emoji-items a:hover {

background-color: #edf2f5;

} .emoji-menu:after {

display: block;
clear: left;

content: " ";

} .emoji-menu a .label, [hidden], template {

display: none;

} emoji-wrapper {

position: fixed;
top: 0;
bottom: 0;

width: 350px;
height: 300px;
padding: 4px 1px 0;
margin-left: 200px;
overflow-x: hidden;
overflow-y: scroll;

border: 1px solid rgba(0,0,0,.17);
background-color: #fff;

} open-emoji-panel img, .emoji, .emoji-basic, .emoji-image, .emoji-show {

width: 20px;
height: 20px;

vertical-align: middle;

} .label, sub, sup {

vertical-align: baseline;

} .emoji {

margin: 5px;

} emoji-wrapper::-webkit-scrollbar {

width: 12px;

} emoji-wrapper::-webkit-scrollbar-track {

border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);

} emoji-wrapper::-webkit-scrollbar-thumb {

border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.5);

}