/* Common stuff */

.smartshoutbox,
.smartshoutbox.editor
{
	min-width: 350px;
	position: relative;
	overflow: visible;
}

.smartshoutbox *
{
	text-shadow: none;
	box-sizing: border-box;
	outline: none;
}

.smartshoutbox.rtl *
{
	direction: rtl;
}

.smartshoutbox button .fa,
.smartshoutbox button .fas,
.smartshoutbox button .far
{
	font-size: 14px;
}

.smartshoutbox a,
.smartshoutbox a:hover
{
	text-decoration: none;
	background: transparent;
}

.smartshoutbox a.disabled,
.smartshoutbox a.disabled:hover
{
    background: transparent;
    border: none;
    opacity: 1.0;
    cursor: default;
}

.smartshoutbox img
{
	box-sizing: inherit;
	max-width: none;
}

.smartshoutbox ul,
.smartshoutbox ol
{
	margin: 10px 0;
}

.smartshoutbox p
{
	margin: 10px 0;
}

.smartshoutbox form
{
	margin: 0;
	padding: 0;
}

.smartshoutbox table,
.smartshoutbox table tr,
.smartshoutbox table tbody tr,
.smartshoutbox table tr th,
.smartshoutbox table tbody tr th,
.smartshoutbox table tr td,
.smartshoutbox table tbody tr td
{
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
	background: transparent;
	border-spacing: 0;
}

.smartshoutbox textarea::-moz-placeholder,
.smartshoutbox input[type="text"]::-moz-placeholder
{
	color: #444444;
    opacity: 0.6;
}

.smartshoutbox textarea:focus::-moz-placeholder,
.smartshoutbox input[type="text"]:focus::-moz-placeholder
{
    color: #C2C2C2;
    opacity: 0.4;
}

.smartshoutbox .shout-form textarea,
.smartshoutbox .announce input[type="text"],
.smartshoutbox .shout-form input[type="text"]
{
	background: transparent;
	padding: 5px;
	border: 1px solid #e1e1e1;
	border-radius: 2px;
	margin: 0;
	width: 100%;
	line-height: 32px;
	min-height: 32px;
	height: 32px;
	transition: none;
	box-shadow: none;
}

.smartshoutbox .shout-form textarea:focus,
.smartshoutbox .announce input[type="text"]:focus,
.smartshoutbox .shout-form input[type="text"]:focus
{
  	outline-style: solid;
  	outline-width: 0;
  	box-shadow: none;
  	transition: none;
}

.smartshoutbox .shout-form textarea
{
	resize: vertical;
	padding: 0 5px 0 5px;
	border: none;
	border-radius: 0;
	background: transparent;
}

.smartshoutbox .table
{
	display: table;
	width: 100%;
	border-spacing: 0;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}

.smartshoutbox .table-row
{
	display: table-row;
	vertical-align: middle;
}

.smartshoutbox .table-cell
{
	display: table-cell;
}

/* Lightbox */

.image-thumb
{
    background: #FFFFFF;
    border: 1px solid #E4E4E4;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
	display: inline-block;
    padding: 3px;
    transition: all 0.2s ease-in-out 0s;
}

.image-thumb img
{
    display: block;
    cursor: zoom-in;
    width: 160px;
    height: auto;
}

.video-player
{
    width: 320px;
    height: 180px;
}

.image-lightbox
{
    display: none;
}

.featherlight.featherlight-iframe .featherlight-close-icon
{
	display: none;
}

.featherlight iframe.image-lightbox
{
    width: 640px;
    height: 360px;
}

/* Filters */

.smartshoutbox .filters .form-well
{
    min-height: 20px;
    padding: 10px;
    margin-bottom: 20px;
    background-color: #f7f7f9;
    border: 1px solid #e3e3e3;
    border-radius: 0;
    overflow: hidden;
}

.smartshoutbox .filters .form-column
{
    width: 50%;
    float: left;
	position: relative;
	min-height: 1px;
	padding-left: 10px;
	padding-right: 10px;
}

.smartshoutbox .filters .form-fields
{
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 0;
}

.smartshoutbox .filters .form-fields + .form-fields
{
    border-top: 1px solid #ededed;
}

.smartshoutbox .filters .form-fields select,
.smartshoutbox .filters .form-fields input[type='text']
{
    display: block;
    width: 100%;
    height: 35px;
    padding: 0 10px;
	line-height: 35px; 
    font-size: 100%;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #eeeeee;
    border-radius: 3px;
    -webkit-transition: border-color ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s;
	box-shadow: none;
}

.smartshoutbox .filters .form-fields select:hover,
.smartshoutbox .filters .form-fields input[type='text']:hover
{
    border: 1px solid #b9b9b9;
    box-shadow: none;
}

.smartshoutbox .filters .form-fields select:focus,
.smartshoutbox .filters .form-fields input[type='text']:focus
{
    border-color: #b9b9b9;
    box-shadow: none;
}

.smartshoutbox .filters .btn
{
	line-height: 32px;
	margin-right: 5px;
}

.smartshoutbox.sidebar .filters .btn
{
    line-height: 38px;
    height: 38px;
    padding: 0;
    width: 38px;
}

.smartshoutbox.sidebar .filters .btn i
{
    font-size: 16px;
}

/* Announce */

.smartshoutbox .announce
{
	background: #46494F;
	padding: 5px;
	border: none;
	display: block;
	overflow: hidden;
}

.smartshoutbox .announce .table-cell
{
	padding-right: 5px;
}

.smartshoutbox.rtl .announce .table-cell
{
	padding-left: 5px;
}

.smartshoutbox .announce .table-cell:first-child
{
	width: 99%;
}

.smartshoutbox .announce .table-cell:last-child
{
	width: 1%;
	padding-right: 0;
	text-align: center;
}

.smartshoutbox.rtl .announce .table-cell:last-child
{
	padding-left: 0;
	padding-right: initial;
}

.smartshoutbox .announce input[type="text"],
.smartshoutbox .announce input[type="text"]:disabled
{
	color: #ffffff;
    float: left;
    font-size: 125%;
    background: transparent;
    border: none;
	margin: 0;
	width: 100%;
	padding: 0 5px;
}

.smartshoutbox.rtl .announce input[type="text"],
.smartshoutbox.rtl .announce input[type="text"]:disabled
{
	float: right;
}

.smartshoutbox .announce.editable input[type="text"]
{
	background: #e3e3e3;
	color: #000000;
}

.smartshoutbox .announce a
{
	cursor: pointer;
	padding: 0;
	background: transparent;
	text-decoration: none;
	color: #ffffff;
	border: none;
	opacity: 0.6;
	font-size: 20px;
	width: 32px;
	display: block;
	float: right;
	line-height: 32px;
	height: 32px;
	text-align: center;
}

.smartshoutbox.rtl .announce a
{
	float: left;
}

.smartshoutbox .announce a:hover
{
    opacity: 1.0;
}

/* Categories */

.smartshoutbox .shout-categories
{
    background: #e5e5e5;
    border-bottom: 5px solid #d5d5d5;
    width: 100%;
    overflow: hidden;
}

.smartshoutbox .shout-categories .category-tabs
{
    overflow: hidden;
    border: 1px solid #d5d5d5;
    border-bottom: none;
}

.smartshoutbox .shout-categories .category-tab
{
	display: block;
    float: left;
    padding: 5px 10px;
    background: #f5f5f5;
    border-right: 1px solid #cccccc;
    cursor: pointer;
}

.smartshoutbox.rtl .shout-categories .category-tab
{
	float: right;
}

.smartshoutbox .shout-categories .category-tab .fa,
.smartshoutbox .shout-categories .category-tab .fas,
.smartshoutbox .shout-categories .category-tab .far
{
	margin-right: 5px;
}

.smartshoutbox.rtl .shout-categories .category-tab .fa,
.smartshoutbox.rtl .shout-categories .category-tab .fas
.smartshoutbox.rtl .shout-categories .category-tab .far
{
	margin-right: initial;
	margin-left: 5px;
}

.smartshoutbox .shout-categories .category-tab.active
{
    background: #ffffff;
}

.smartshoutbox .shout-categories .category-tab.updated
{
    background: #ecf2d8;
}

.smartshoutbox.sidebar .shout-categories .category-tab
{
	display: none;
	float: none;
	border-right: none;
}
	
.smartshoutbox.rtl.sidebar .shout-categories .category-tab
{
	border-right: initial;
	border-left: none;
}
		
.smartshoutbox.sidebar .shout-categories .category-tab.active
{
	display: block;
}

.smartshoutbox .shout-categories .category-description
{
    background: #ffffff;
    border: 1px solid #d5d5d5;
    border-bottom: none;
    color: #555555;
    line-height: 100%;
    margin: 0;
    padding: 10px;
    display: none;
}

.smartshoutbox .shout-categories .category-description.active
{
	display: block;
}

.smartshoutbox .shout-categories .category-description > p
{
    margin: 0;
}

.smartshoutbox .button-categories
{
	text-align: center;
}

.smartshoutbox .button-categories .button-menu
{
	display: none;
}
		
.smartshoutbox.sidebar .shout-categories .button-menu
{
	display: block;
	float: right;
	line-height: 100%;
}
		
.smartshoutbox.rtl.sidebar .shout-categories .button-menu
{
	float: left;
}

/* Shouts list */

.smartshoutbox .shout-container h1,
.smartshoutbox .shout-container h2,
.smartshoutbox .shout-container h3,
.smartshoutbox .shout-container h4,
.smartshoutbox .shout-container h5,
.smartshoutbox .shout-container h6
{
	display: block;
}

.smartshoutbox .subform-table
{
    overflow: visible;
    width: auto;
    border-spacing: 0;
}

.smartshoutbox .copyright
{
    text-align: right;
    font-size: 75%;
}

.smartshoutbox.rtl .copyright
{
    text-align: left;
}

.smartshoutbox .shout-form .copyright a
{
	margin: 0;
}

.smartshoutbox .shout-form td.message-use
{
	margin: 0;
	padding: 5px;
	text-align: justify;
	display: block;
}

.smartshoutbox .message-view
{
	margin: 0;
	padding: 10px;
	text-align: justify;
	display: block;
}

.smartshoutbox .shout-container
{
	background: #ffffff;
	padding: 5px;
	border: 1px solid #d5d5d5;
	border-bottom: 5px solid #d5d5d5;
}

.smartshoutbox .toggle-container
{
	margin-top: 5px;
}

.smartshoutbox .shout-window
{
	border: 1px solid #d5d5d5;
	display: block;
	overflow: auto;
	margin: 0;	
}

.smartshoutbox .category-items
{
	display: none;
}

.smartshoutbox .category-items.active
{
	display: block;
}

.smartshoutbox .category-items table
{
	font-size: 100%;
	color: #444446;
	background: #f7f7f9;
 	width: 100%;
 	border-spacing: 0;
}

.smartshoutbox .category-items table td
{
	vertical-align: middle;
	padding: 7px 5px;
}

.smartshoutbox.rtl .category-items table td:nth-child(n+2)
{
	border-left: initial;
	border-right: 1px solid transparent;
}

.smartshoutbox .table-row td
{
    background: inherit;
}

.smartshoutbox .shout-empty td
{
    padding: 2%;
    text-align: center;
}

.smartshoutbox .shout-likes
{
    background: #999999;
    color: #ffffff;
    text-align: center;
    white-space: nowrap;
    width: 1%;
    font-size: 75%;
    cursor: pointer;
}

.smartshoutbox .shout-likes > span
{
    display: block;
    line-height: 200%;
    width: 100%;
}

.smartshoutbox .shout-actions
{
    width: 1%;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABxJREFUeNpi/P//PwMMMIGI9+/fg0UYkWUAAgwA2fEJyx6vJ5YAAAAASUVORK5CYII=');
}

/* Form */

.smartshoutbox .shout-form
{
	margin-top: 5px;
	width: 100%;
	display: table;
	padding: 0;
}

.smartshoutbox .shout-form .table
{
	padding: 0;
	vertical-align: top;
	border-spacing: 0;
}

.smartshoutbox .shout-form .form-avatar
{
    width: 1%;
    white-space: nowrap;
}

.smartshoutbox .shout-form a.shout-avatar
{
	margin: 0;
}

.smartshoutbox .shout-form .user
{
    color: #97B931;
    display: block;
    padding: 0;
}

.smartshoutbox .shout-form .user img
{
	width: 32px;
	height: 32px;
}

.smartshoutbox .shout-form .form-author
{
	width: auto;
	white-space: nowrap;
}

.smartshoutbox .shout-form .form-author.helper
{
	padding-right: 0;
}

.smartshoutbox.rtl .shout-form .form-author.helper
{
	padding-right: initial;
	padding-left: 0;
}

.smartshoutbox .shout-form .form-author span
{
	display: table-cell;
	vertical-align: middle;
}

.smartshoutbox .shout-form .form-author input[type='text'],
.smartshoutbox .shout-form .form-author input[type='text']:focus
{
	border: none;
	border-radius: 0;
	background: transparent;
	max-width: 200px;
	display: none;
	min-width: 0;
	box-shadow: none;
	transition: none;
}

.smartshoutbox .shout-form .form-author input[type='text'].empty
{
	color: #d14311;
	background: #f7ede9;
}

.smartshoutbox .shout-form td:nth-child(n+2)
{
	padding-left: 5px;
}

.smartshoutbox.editor .shout-form td:nth-child(n+2)
{
	padding-left: 0;
}

.smartshoutbox.rtl .shout-form td:nth-child(n+2)
{
	padding-left: initial;
	padding-right: 5px;
}

.smartshoutbox .shout-form .form-submit
{
    width: 1%;
    text-align: right;
    white-space: nowrap;
    vertical-align: top;
}

.smartshoutbox.rtl .shout-form .form-submit
{
    text-align: left;
}

.smartshoutbox .shout-form .submit-row > td
{
	border-bottom: 1px solid #d5d5d5;
	padding-bottom: 5px;
}

.smartshoutbox .shout-form .buttons-row > td
{
	padding-top: 5px;
}

.smartshoutbox a[class^="button-"]
{
	background: transparent;
	text-decoration: none;
	cursor: pointer;
	color: #404040;
    padding: 5px;
    border: none;
    opacity: 0.8;
    font-size: 22px;
    width: 32px;
    height: 32px;
    line-height: 32px;
    display: inline;
}

.smartshoutbox a[class^="button-"]:hover
{
	opacity: 1.0;
}

.smartshoutbox a.button-submit
{
    box-sizing: border-box;
    color: #555555;
    display: inline-block;
    font-weight: 300;
    letter-spacing: normal;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
	text-decoration: none;
	cursor: pointer;
    font-size: 22px;
    padding: 0 5px;
}

.smartshoutbox a.button-submit:hover
{
    background-image: none;
    border-color: #d6d6d6;
    color: #333333;
    outline: none;
    text-decoration: none;
}
 
.smartshoutbox a.button-submit.disabled,
.smartshoutbox a.button-submit.disabled:hover
{
	opacity: 0.4;
	outline: none;
	text-decoration: none;
	cursor: not-allowed;
}

.smartshoutbox.editor a.button-submit
{
	background: #94d843;
	border-top: 1px solid #6e9e35;
	border-bottom: 1px solid #6e9e35;
	color: #ffffff;
	float: right;
	height: 37px;
	line-height: 37px;
	padding: 0;
	width: 36px;
}

.smartshoutbox .buttons-container
{
    width: 1%;
    text-align: right;
    white-space: nowrap;  
}

.smartshoutbox.rtl .buttons-container
{
    text-align: left;
}

.smartshoutbox .buttons-container > div
{
    height: 30px;
}

.smartshoutbox .shout-subform
{
	width: 100%;
}

.smartshoutbox input[name='upload']
{
	display: none;
}

.smartshoutbox .shout-subform .button-read i.read
{
	color: #aa1111;
}

/* Shouts list */

.smartshoutbox .category-items table .hidden-column
{
	display: none;
}


.smartshoutbox .category-items table .shout-day td
{
    background: #dddddd none repeat scroll 0 0;
    color: #555555;
    font-weight: 700;
    padding: 5px;
}

.smartshoutbox .category-items table .shout-row
{
	background: inherit;
	border-bottom: 1px solid #d5d5d5;
	padding: 5px;    
}

.smartshoutbox .category-items table .shout-row.odd
{
	background: #ffffff;
}

.smartshoutbox .category-items table .shout-row:last-child
{
	border-bottom: none;
}

.smartshoutbox .shout-avatar
{
	text-align: center;
}

.smartshoutbox .shout-avatar img
{
	width: 20px;
	height: 20px;
	padding: 1px;
	border: 1px solid #d6d6d6;
	background: white;
	float: left;
}

.smartshoutbox.rtl .shout-avatar img
{
	float: right;
}

.smartshoutbox .category-items table .shout-avatar
{
	width: 1%;
	white-space: nowrap;
}

.smartshoutbox .shout-author
{
	width: 5%;
	white-space: nowrap;
}

.smartshoutbox .shout-author .guest
{
	color: #45567b;
}

.smartshoutbox .shout-author .registered,
.smartshoutbox .shout-author .registered a
{
	color: #4b9854;
}

.smartshoutbox .shout-author .superusers,
.smartshoutbox .shout-author .superusers a
{
	color: #984b4b;
}

.smartshoutbox .shout-message
{
	text-align: justify;
	line-height: 125%;
    -ms-word-break: break-all;
    word-break: break-all;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
	hyphens: auto;
}

.smartshoutbox .shout-message .shout-smiley
{
    height: auto;
    margin: 0 2px;
    vertical-align: middle;
    width: 24px;
}

.smartshoutbox .shout-category
{
	padding: 5px 5px 5px 0;
	width: 10%;
	font-size: 85%;
	white-space: nowrap;
	text-align: center;
	display: none;
}

.smartshoutbox .shout-date
{
	height: 16px;
	width: 5%;
	font-size: 85%;	
	white-space: nowrap;
	border-right: 1px solid #eeeeee;
	text-align: center;
}

.smartshoutbox.rtl .shout-date
{
	border-right: initial;
	border-left: 1px solid #eeeeee;
}
	
.smartshoutbox .shout-date .short-date
{
	display: none;
}

.smartshoutbox .banned .shout-author,
.smartshoutbox .banned .shout-author a,
.smartshoutbox .banned .shout-profile,
.smartshoutbox .banned .shout-profile a
{
    color: #e02f19;
}

.smartshoutbox .attached-links
{
	border-top: 1px dotted #dddddd;
	margin-top: 5px;
	padding-top: 5px;
	overflow: hidden;
}

.smartshoutbox .attached-media
{
	margin-top: 10px;
}

.smartshoutbox .attached-links span
{
    float: left;
    font-weight: bold;
    line-height: 24px;
    margin-right: 5px;
    font-size: 85%;
}

.smartshoutbox.rtl .attached-links span
{
    float: right;
    margin-right: initial;
    margin-left: 5px;
}

.smartshoutbox .attached-links a
{
	float: left;
}

.smartshoutbox.rtl .attached-links a
{
	float: right;
}

/* Shout actions */

.smartshoutbox .actions-container
{
	text-align: center;
}

.smartshoutbox .shout-actions a[class^="button-"],
.smartshoutbox .actions-container a[class^="button-"]
{
	color: #404040;
	height: 16px;
	width: 16px;
	line-height: 16px;
	font-size: 14px;
	text-align: center;
	padding: 3px;
	margin: 0;
	display: inline-block;
}

.smartshoutbox .actions-container a[class^="button-"]
{
	margin-right: 3px;
}

.smartshoutbox .actions-container .disabled,
.smartshoutbox .actions-container .disabled:hover
{
	opacity: 0.4;
}

.smartshoutbox .actions-container a.button-ban
{
    color: #aa1111;
}

.smartshoutbox .actions-container a.button-ban.banned
{
    color: #11aa11;
}

/* Footer */

.smartshoutbox .shoutbox-stats
{
	width: 100%;
	text-align: center;
	margin-top: 20px;
}

.smartshoutbox .shoutbox-footer
{
	padding: 5px;
}

/* Pagination */

.smartshoutbox .shout-pagination
{
	list-style: none outside none;
	text-align: center;
	padding: 0;
	margin: 0;
}

.smartshoutbox .shout-pagination
{
	margin: 25px 0;
}

.smartshoutbox .shout-pagination form,
.smartshoutbox .shout-pagination ul
{
	padding: 0;
	margin: 0;
}

.smartshoutbox .shout-pagination li
{
	display: inline-block;
	letter-spacing: normal;
	margin-bottom: 5px;
}

.smartshoutbox .shout-pagination li:nth-child(n+2)
{
	margin-left: 5px;
}

.smartshoutbox.rtl .shout-pagination li:nth-child(n+2)
{
	margin-left: initial;
	margin-right: 5px;
}

.smartshoutbox .shout-pagination li > a,
.smartshoutbox .shout-pagination li > span
{
	border: 1px solid rgba(0, 0, 0, 0.07);
	border-radius: 2px;
	box-sizing: content-box;
	display: inline-block;
	line-height: 20px;
	min-width: 16px;
	padding: 3px 5px;
	text-align: center;
	text-decoration: none;
}

.smartshoutbox .shout-pagination li > a
{
	background: linear-gradient(to bottom, #f9f9f9, #f0f0f0) repeat scroll 0 0 #ffffff;
	color: #4f5054;
}

.smartshoutbox .shout-pagination li > a:hover,
.smartshoutbox .shout-pagination li > a:focus
{
	background-color: #f7f7f7;
	background-image: none;
	border-color: rgba(0, 0, 0, 0.16);
	color: #1e1e1f;
	outline: medium none;
}

.smartshoutbox .shout-pagination li.active > span
{
	background: linear-gradient(to bottom, #4e535a, #404348) repeat scroll 0 0 #46494f;
	color: #ffffff;
}

.smartshoutbox .shout-pagination li.inactive > span
{
	background: linear-gradient(to bottom, #f9f9f9, #f0f0f0) repeat scroll 0 0 #ffffff;
	color: #4f5054;
	opacity: 0.6;
}

/* Tooltiplster */

body .tooltipster-sidetip .tooltipster-box
{
	border-radius: 3px; 
	border-width: 1px;
}

body .tooltipster-sidetip .tooltipster-arrow-border
{
	top: 1px;
}

body .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background
{
	top: 0;
}

body .tooltipster-sidetip .tooltipster-content
{
	padding: 5px;
}

body .tooltipster-content a
{
    cursor: pointer;
    display: inline-block;
    margin: 2px;
    opacity: 0.8;
    border: 1px solid transparent;
    border-radius: 2px;
}

body .tooltipster-content a:hover
{
    opacity: 1;
}

body .tooltipster-content .smileys-container a:hover
{
    border-color: #aaaaaa;
}

body .tooltipster-content .smileys-container a img
{
    width: 24px;
    height: 24px;
}

/* Sidebar */
	
.smartshoutbox.sidebar .shout-message
{
  	line-height: 125%;
   	font-size: 90%;
}

.smartshoutbox.sidebar .shout-author
{
	display: none;
}
	
.smartshoutbox.sidebar .shout-date .full-date
{
	display: none;
}
	
.smartshoutbox.sidebar .shout-date .short-date
{
	display: block;
}

.smartshoutbox.sidebar .trumbowyg-button-group:nth-child(n+4)
{
	display: none;
}

/* Editor */

.smartshoutbox .trumbowyg-box,
.smartshoutbox .trumbowyg-editor
{
	margin: 0 auto;
	border: none;
	min-height: 200px;
}

.smartshoutbox .trumbowyg-editor,
.smartshoutbox .trumbowyg-textarea
{
	padding: 20px 10px;
	min-height: 200px;
}

.smartshoutbox .trumbowyg-editor.trumbowyg-reset-css
{
	background: transparent !important;
	font-family: inherit !important;
}

.smartshoutbox .trumbowyg-editor.trumbowyg-reset-css.empty
{
	border-bottom: 3px solid #d14311;
}

.smartshoutbox .trumbowyg-editor[contenteditable="true"]:empty:not(:focus)::before
{
	opacity: 0.6;
}

.smartshoutbox .trumbowyg-editor[contenteditable="true"].empty:empty:not(:focus)::before
{
    color: #d14311;
}


.smartshoutbox .trumbowyg-button-pane
{
	padding: 0;
	border-top: 1px solid #d7e0e2;
}

.smartshoutbox .trumbowyg-button-pane::after
{
	height: 0;
}

.smartshoutbox .trumbowyg-button-pane .trumbowyg-button-group:not(:empty) + .trumbowyg-button-group::before
{
	margin: 0;
}

.smartshoutbox .trumbowyg-button-pane button
{
	margin-bottom: 0;
}

.smartshoutbox .trumbowyg-button-pane button i
{
    color: #555555;
}

.smartshoutbox .trumbowyg-editor .shout-smiley
{
	width: 24px;
    height: 24px;
}

.smartshoutbox .trumbowyg-modal
{
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	max-width: 520px;
	width: 100%;
	height: 350px;
	z-index: 11;
	overflow: hidden;
  	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.smartshoutbox .trumbowyg-modal .trumbowyg-modal-box
{
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  max-width: 500px;
  width: calc(100% - 20px);
  padding-bottom: 45px;
  z-index: 1;
  background-color: #FFF;
  text-align: center;
  font-size: 14px;
  box-shadow: rgba(0, 0, 0, 0.2) 0 2px 3px;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }
          
.smartshoutbox .trumbowyg-modal .trumbowyg-modal-box .trumbowyg-modal-title
{
    font-size: 24px;
    font-weight: bold;
    margin: 0 0 20px;
    padding: 15px 0 13px;
    display: block;
    border-bottom: 1px solid #EEE;
    color: #333;
    background: #fbfcfc; }

.smartshoutbox .trumbowyg-modal .trumbowyg-modal-box .trumbowyg-progress
{
    width: 100%;
    height: 3px;
    position: absolute;
    top: 58px; }

.smartshoutbox .trumbowyg-modal .trumbowyg-modal-box .trumbowyg-progress .trumbowyg-progress-bar
{
    background: #2BC06A;
    height: 100%;
    -webkit-transition: width 150ms linear;
	transition: width 150ms linear;
}

.smartshoutbox .trumbowyg-modal .trumbowyg-modal-box label
{
    display: block;
    position: relative;
    margin: 15px 12px;
    height: 29px;
    line-height: 29px;
    overflow: hidden;
}

.smartshoutbox .trumbowyg-modal .trumbowyg-modal-box label .trumbowyg-input-infos
{
	display: block;
	text-align: left;
	height: 25px;
	line-height: 25px;
	-webkit-transition: all 150ms;
	transition: all 150ms;
}

.smartshoutbox .trumbowyg-modal .trumbowyg-modal-box label .trumbowyg-input-infos span
{
	display: block;
	color: #69878f;
	background-color: #fbfcfc;
	border: 1px solid #DEDEDE;
	padding: 0 7px;
	width: 150px;
}

.smartshoutbox .trumbowyg-modal .trumbowyg-modal-box label .trumbowyg-input-infos span.trumbowyg-msg-error
{
	color: #e74c3c;
}

.smartshoutbox .trumbowyg-modal .trumbowyg-modal-box label.trumbowyg-input-error input,
.smartshoutbox .trumbowyg-modal .trumbowyg-modal-box label.trumbowyg-input-error textarea
{
	border: 1px solid #e74c3c;
}

.smartshoutbox .trumbowyg-modal .trumbowyg-modal-box label.trumbowyg-input-error .trumbowyg-input-infos
{
	margin-top: -27px;
}

.smartshoutbox .trumbowyg-modal .trumbowyg-modal-box label input
{
	position: absolute;
	top: 0;
	right: 0;
	height: 27px;
	line-height: 27px;
	border: 1px solid #DEDEDE;
	background: #fff;
	font-size: 14px;
	max-width: 330px;
	width: 70%;
	padding: 0 7px;
	-webkit-transition: all 150ms;
	transition: all 150ms;
	min-height: 0;
	border-radius: 0;
}

.smartshoutbox .trumbowyg-modal .trumbowyg-modal-box label input:hover,
.smartshoutbox .trumbowyg-modal .trumbowyg-modal-box label input:focus
{
	outline: none;
	border: 1px solid #95a5a6;
}

.smartshoutbox .trumbowyg-modal .trumbowyg-modal-box label input:focus
{
	background: #fbfcfc;
}

.smartshoutbox .trumbowyg-modal .trumbowyg-modal-box .error
{
	margin-top: 25px;
    display: block;
    color: red;
}

.smartshoutbox .trumbowyg-modal .trumbowyg-modal-box .trumbowyg-modal-button
{
    position: absolute;
    bottom: 10px;
    right: 0;
    text-decoration: none;
    color: #FFF;
    display: block;
    width: 100px;
    height: 35px;
    line-height: 33px;
    margin: 0 10px;
    background-color: #333;
    border: none;
    cursor: pointer;
    font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif;
    font-size: 16px;
    -webkit-transition: all 150ms;
            transition: all 150ms; }

.smartshoutbox .trumbowyg-modal .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit {
      right: 110px;
      background: #2bc06a; }
      
.smartshoutbox .trumbowyg-modal .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:hover,
.smartshoutbox .trumbowyg-modal .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:focus {
        background: #40d47e;
        outline: none; }
        
.smartshoutbox .trumbowyg-modal .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:active
{
        background: #25a25a; }

.smartshoutbox .trumbowyg-modal .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset {
      color: #555;
      background: #e6e6e6; }
      
.smartshoutbox .trumbowyg-modal .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:hover,
.smartshoutbox .trumbowyg-modal .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:focus
{
        background: #fbfbfb;
        outline: none; }
        
.smartshoutbox .trumbowyg-modal .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:active
{
        background: #d5d5d5;
}

.smartshoutbox .trumbowyg-backColor-button i:before
{
	color: #ecf0f1;
	background-color: #555555;
	padding: 1px 2px;
	font-size: 85%;
	line-height: 200%;
}

.smartshoutbox .trumbowyg-createLink-dropdown-button i:before,
.smartshoutbox .trumbowyg-unlink-dropdown-button i:before,
.smartshoutbox .trumbowyg-p-dropdown-button i:before,
.smartshoutbox .trumbowyg-blockquote-dropdown-button i:before,
.smartshoutbox .trumbowyg-h1-dropdown-button i:before,
.smartshoutbox .trumbowyg-h2-dropdown-button i:before,
.smartshoutbox .trumbowyg-h3-dropdown-button i:before,
.smartshoutbox .trumbowyg-h4-dropdown-button i:before
{
	margin-right: 10px;
}

.input-selected .table #container .system-message
{
	float: none
	line-height: 100%
	border: none
	width: auto
	margin-bottom: 0
	background-color: #000000;
}