/* -------------------------------------------------------------------
// markItUp!
// By Jay Salvat - http://markitup.jaysalvat.com/
// ------------------------------------------------------------------*/
.markItUpHeader ul{

}

.markItUpHeader .markItUpButton,
.markItUpHeader .markItUpButton a{
	display:block;
	text-align:center;
    padding:0;
	width:32px !important;
	height:32px !important;
	line-height:32px !important;
	background-image:none !important;
	font-size:0 !important;
	white-space:none !important;
	color:#55677d !important;
	cursor:pointer;
	position:relative;
	text-decoration:none !important;
}
.markItUpHeader .markItUpButton a{
	font-size:0;
}
.markItUpHeader .markItUpButton:before,
#good_upload_close:before,
#good_tube_close:before,
#good_image_close:before,
#good_tube_form .input_title:before,
#good_tube_form .input_url:before,
#good_image_form .input_url:before{	
  font-family: 'mico';
  font-style: normal;
  font-weight: normal;
  speak: none;
  text-decoration: inherit;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display:block;
  color:#55677d
}
.markItUpHeader .markItUpButton:before,
#good_upload_close:before,
#good_tube_close:before,
#good_image_close:before{
position:absolute;
top:0;
left:0;
z-index:2;
  width:32px !important;
  height:32px !important;
  line-height:32px;
  font-size:16px !important;
}
.markItUpHeader .markItUpButton.markItUpButton1:before{
   padding-left:5px !important;
   padding-right:5px !important;
}

.markItUpHeader .markItUpButton.btnBold:before {
  content: '\e81d';
  font-size:16px;
}
.markItUpHeader .markItUpButton.btnItalic:before {
  content: '\e81c';
  font-size:16px;
}
.markItUpHeader .markItUpButton.btnUnderline:before {
  content: '\f0cd';
}
.markItUpHeader .markItUpButton.btnStroke:before {
  content: '\f0cc';
}
.markItUpHeader .markItUpButton.btnOl:before {
  content: '\e817';
}
.markItUpHeader .markItUpButton.btnUl:before {
  content: '\e818';
}
.markItUpHeader .markItUpButton.btnLink:before {
  content: '\e803';
}

.markItUpHeader .markItUpButton.btnAlignLeft:before {
  content: '\e823';
}
.markItUpHeader .markItUpButton.btnAlignRight:before {
  content: '\e825';
}
.markItUpHeader .markItUpButton.btnAlignCenter:before {
  content: '\e824';
}

.markItUpHeader .markItUpButton.btnQuote:before {
  content: '\f10e';
}

.markItUpHeader .markItUpButton.btnImg:before {
  content: '\e820';
}
.is_image .markItUpHeader .markItUpButton.btnImg{
	background:#eee;
}
.is_image .markItUpHeader .markItUpButton.btnImg:before{
	color:#000;
}

.markItUpHeader .markItUpButton.btnImgUpload:before {
  content: '\e81f';
}
.is_uploader .markItUpHeader .markItUpButton.btnImgUpload{
	background:#eee;
}
.is_uploader .markItUpHeader .markItUpButton.btnImgUpload:before{
	color:#000;
}

.markItUpHeader .markItUpButton.btnVideo:before {
  content: '\e802';
}
.is_tube .markItUpHeader .markItUpButton.btnVideo{
	background:#eee;
}
.is_tube .markItUpHeader .markItUpButton.btnVideo:before{
	color:#000;
}

.markItUpHeader .markItUpButton.btnVideoYoutube:before {
  content: '\f313';
}
.markItUpHeader .markItUpButton.btnVideoFacebook:before {
  content: '\f301';
}
.markItUpHeader .markItUpButton.btnCode:before {
  content: '\f121';
}
.markItUpHeader .markItUpButton.btnSpoiler:before {
  content: '\f141';
}

.markItUpHeader .markItUpButton.btnSmiles:before {
  content: '\f118';
}
.is_smilepanel .markItUpHeader .markItUpButton.btnSmiles{
	background:#eee;
}
.is_smilepanel .markItUpHeader .markItUpButton.btnSmiles:before{
	color:#000;
}


.markItUpHeader .markItUpButton.btnPreview:before {
	content: '\f204';
}
.markItUpHeader .markItUpButton.btnPreview.actived:before {
	content: '\f205';
}


.markItUpHeader .markItUpButton:hover:before{
	  color:#2196F3;
}

.smilepanel {
	overflow:hidden;
	overflow-y:scroll;
	position:relative;
	scroll-behavior: smooth;
    box-sizing: border-box;
	background:#eee;
    max-height: 0px;
    -webkit-transition: max-height .6s ease-in-out;
    transition: max-height .6s ease-in-out;
}
.smilepanel.show {
	max-height:82px;
}
 .smilepanel::-webkit-scrollbar {
    width: 5px;
}
 .smilepanel::-webkit-scrollbar-track {
    background:transparent	
}
 .smilepanel::-webkit-scrollbar-thumb {
    background:rgba(255, 255, 255, .8);
}
 .smilepanel::-webkit-scrollbar-thumb:window-inactive {
	background:rgba(164, 170, 180, .4);
}

.smilepanel > img {
    cursor: pointer;
    padding: 3px !important;
    display: inline-block;
    vertical-align: middle;
    border-radius: 2px;
}
.smilepanel > img:hover {
    background-color: #FFF;
    box-shadow: 0px 0px 9px 3px #FFF;
}

#good_upload_form{
   width:100%;
   display:table;
}
#good_upload_form > input,
#good_image_form > input ,
#good_tube_form > input {
    max-width: 100%;
}
#good_upload_submit,
#good_tube_submit,
#good_image_submit{
	padding:2px 5px;
	cursor:pointer;
}
#good_upload_file{
	margin-bottom:5px !important;
	display:block;
	width:100% !important;
}
#good_upload_file_title,
#good_tube_title,
#good_tube_url,
#good_image_title,
#good_image_url{
	display:block;
	width:100% !important;
	padding:4px 5px;
	box-sizing:border-box;
}
#good_upload_file_title{
	border:1px solid #ccc;	
	margin-bottom:5px !important;
}
#good_tube_title,
#good_tube_url,
#good_image_title,
#good_image_url{
	border:0;
	margin-bottom:0;
}
#good_tube_url,
#good_image_url{
	padding-left:28px;
}
#good_tube_form .input_title,
#good_tube_form .input_url,
#good_image_form .input_title,
#good_image_form .input_url{
	border:1px solid #ccc;
	background:#fff;
	position:relative;
	margin-bottom:3px;
}
#good_tube_form .input_url:before,
#good_image_form .input_url:before{
position:absolute;
top:3px;
left:5px;
z-index:2;
font-size:16px;
color:#888;
}
#good_tube_form .input_url:before{
	content:'\e802';
}
#good_image_form .input_url:before{
	content:'\e81f';
}


.goodcommentsUpload,
.goodcommentsTube,
.goodcommentsImage
{   
    box-sizing:border-box;
	background-color: #eee;
    max-height: 0px;
	overflow:hidden;
    -webkit-transition: max-height .6s ease-in-out;
    transition: max-height .6s ease-in-out;
	position: relative;
    white-space: pre-line;
}
.goodcommentsUpload.show,
.goodcommentsTube.show,
.goodcommentsImage.show {
    max-height: 400px;
}

.goodcommentsUpload > div, .goodcommentsTube > div, .goodcommentsImage > div { padding: 15px; position: relative; } /* for positioning "loading" image */

.goodcommentsUpload label, 
.goodcommentsTube label, 
.goodcommentsImage label
{
	float: left; clear: left;
	width: 4em; height: 2em;
	padding-right: .5em;
	font-size: 80%;
	font-weight: bold;
	color: #666;
	text-align: right;
}
.goodcommentsUpload input,
.goodcommentsTube input,
.goodcommentsImage input{
	font-size:12px !important
}

#good_upload_close,
#good_tube_close,
#good_image_close
{
	width:32px !important;
	height:32px !important;	
	background: none;
	cursor: pointer;
	position:absolute;
	bottom:0;
	right:15px;
}
#good_upload_close:before,
#good_tube_close:before,
#good_image_close:before
{
	  content: '\e80e';
	  font-size:18px !important
}
#good_upload_iframe, #good_tube_iframe, #good_image_iframe { display: none; }


.markItUpFooter{
	overflow:hidden;
}
.markItUpFooter .upload_img,
.markItUpFooter .tube_item{
	max-width:58px;
	float:left;
	padding:5px;
	position:relative;
	display:none;
}
.markItUpFooter .tube_item{
	max-width:58px;
}
.is_uploader .markItUpFooter .upload_img:not([data-isfromurl="1"]),
.is_image .markItUpFooter .upload_img[data-isfromurl="1"],
.is_tube .markItUpFooter .tube_item{ 
    display:block;
}

.markItUpFooter .upload_img a[href="#del"],
.markItUpFooter .tube_item a[href="#del"]{
	display:inline-block;
	color:#fff;
	background:rgba(255, 0, 0, 0.6);
	font-size:16px;
	font-weight:bold;
	padding:4px;
	position:absolute;
	top:0;
	right:0;
}
.markItUpFooter .upload_img img,
.markItUpFooter .tube_item img{
	max-width:100%;
	cursor:pointer;
}
.markItUpFooter .upload_img:hover,
.markItUpFooter .tube_item:hover{
	background:#eee;
}