/* ESTILO DOS INPUTS */
.dm-form-post,
.dm-input,
.dm-editor-forum,
.dm-editor-forum > textarea,
#dm-preview,
#dm-button-bar {-webkit-box-sizing: border-box;	-moz-box-sizing: border-box; box-sizing: border-box;}
.dm-form-post {margin: 0 0 50px; width: 100%;display: block;float: left;}
.dm-form-post label {display: block; font-family: Arial; color: #404040;}
.dm-input,
.dm-editor-forum {display:block; /*border:1px solid #e4e4e4;*/ margin-bottom: 10px;}
.dm-input, .dm-editor-forum > textarea, #dm-preview {width: 100%; font-family: Arial;font-size: 14px;}
.dm-input, .dm-editor-forum > textarea {padding: 5px 10px;}
.dm-editor-forum > textarea {border: 0;}
.dm-input-focus, .dm-input:focus, .dm-editor-forum:focus { /*border:1px solid #5897FB;*/ -webkit-box-shadow:0 0 3px rgba(0,0,0,.25);	-moz-box-shadow:0 0 3px rgba(0,0,0,.25); box-shadow:0 0 3px rgba(0,0,0,.25);}
.dm-input:focus:invalid, .dm-editor-forum:focus:invalid {color:#b94a48; border-color:#ee5f5b;}
.dm-input:focus:invalid:focus, .dm-editor-forum:focus:invalid:focus {border-color:#e9322d; -webkit-box-shadow:0 0 6px #f8b9b7; -moz-box-shadow:0 0 6px #f8b9b7; box-shadow:0 0 6px #f8b9b7;}
#dm-preview { min-height: 200px; display: none; margin-bottom: 10px; background: #FFF; float: left;	padding: 10px; color: #404040; border-radius: 2px; -webkit-box-shadow: 0px 0px 0px 1px #DDD; -moz-box-shadow: 0px 0px 0px 1px #DDD; box-shadow: 0px 0px 0px 1px #DDD;}
#dm-preview a.linkpostforum {text-decoration: underline;font-weight: bold;color: #49C5BF;transition: all 200ms linear 0s;}
#dm-preview a.linkpostforum:hover {color: #302f31; text-decoration: underline;}
#dm-preview img {max-width:60%;cursor: pointer;}
#dm-preview > .close-preview { float: right; font-size: 21px; font-weight: bold; line-height: 1; color: #000;  text-decoration: none; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=20); opacity: .2;}
#dm-preview > .close-preview:hover, #dm-preview > .close-preview:focus { color: #000; text-decoration: none;
  cursor: pointer; filter: alpha(opacity=50); opacity: .5;}
#dm-preview > .close-preview:after{clear:both;}
@media(max-width:767px){
	.dm-form-post {margin: 0 auto 50px; float: none; width: 95%;}
}

#dm-button-bar {float:left;	width:100%;	/*border-bottom:1px solid #b6b6b6;*/ padding: 12px 10px 5px; white-space:normal;
	background-color: #f6f6f6;
    border-bottom: 1px solid #e2e2e2;}

#dm-button-bar > span {	float:left; margin:0 6px 5px 0;	filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#ffffff',endColorstr='#e4e4e4');}

#dm-button-bar > span > a { display:inline-block; height:18px; padding:8px; margin: 0 5px; outline:0; cursor:default; float:left;	border:0; color:#474747; text-decoration:none; line-height: 1; background-color: #f6f6f6;}

#dm-button-bar > span > a:last-child { -webkit-border-radius:0 2px 2px 0; -moz-border-radius:0 2px 2px 0; border-radius:0 2px 2px 0}

#dm-button-bar > span > a:first-child { -webkit-border-radius:2px 0 0 2px; -moz-border-radius:2px 0 0 2px; border-radius:2px 0 0 2px}

#dm-button-bar > span > a:focus, #dm-button-bar > span > a:hover {background:#fff; cursor: pointer; transition: .3s ease all;}

.sr-only {position: absolute; top: -9999px; left: -9999px;}

#text{height: 250px; resize:vertical; outline: none;}

/* tags
---------------------------------------------------------------*/
.dm-tag{ background-color: #49c5bf; box-shadow:0px 0px 0px 1px #f3f3f3; font-family: arial; font-size: 12px; text-transform: uppercase; color: #fff; padding: 4px 6px; border-radius: 2px; margin: 0 5px 8px 0; display: inline-block; text-decoration: none; transition: all 150ms linear;}
.dm-tag:hover{background-color: #302f31; color:#eee;}

/* Botões
---------------------------------------------------------------*/
.dm-responder-submit{display: inline-block;background-color: #49C5BF;text-decoration: none;line-height: 20px;font-family: conv_nexa light;font-size: 24px;color: #F1F1F1;border-radius: 2px;transition: all 200ms linear 0s;border: medium none;margin: 15px 0px;padding: 15px 45px;outline:none;}
.dm-responder-submit:hover{background-color: #302f31;color: #fff;}
.dm-responder-reset{display: inline-block;background-color: #F1F1F1;text-decoration: none;line-height: 20px;font-family: conv_nexa light;font-size: 24px;color: #49C5BF;border-radius: 2px;transition: all 200ms linear 0s;border: medium none;margin: 15px 0px;padding: 15px 45px;outline:none;}
.dm-responder-reset:hover{background-color: #D0D0D0;color: #302f31;}

/* ESTILO BOX URL E UPLOAD IMG */

.dm-forum-modal *{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.dm-forum-modal,
.dm-forum-modal > .dm-forum-modal-box > .dm-forum-modal-window {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	/* Prevent artifacts in Mozilla Firefox: */
	-moz-backface-visibility: hidden;
}
.dm-forum-modal > .dm-forum-modal-box > .dm-forum-modal-window {
	margin: auto;
	width: 776px;
	max-width: 100%;
	max-height: 100%;
	opacity: 1;
	background: #FFF;
	border: 4px solid #fff;
	padding: 20px;
	z-index: 90;
	border-radius: 2px;
	background-color:#FFF;
	-webkit-box-shadow: 0px 0px 5px 2px #BBB;
	-moz-box-shadow: 0px 0px 5px 2px #BBB;
	box-shadow: 0px 0px 5px 2px #BBB;
	overflow: auto;
}
.dm-forum-modal > .dm-forum-modal-box > .dm-forum-modal-url,
.dm-forum-modal > .dm-forum-modal-box > .dm-forum-modal-mover {height: 167px;}
.dm-forum-modal > .dm-forum-modal-box > .dm-forum-modal-trocar {height: 169px;}
.dm-forum-modal > .dm-forum-modal-box > .dm-forum-modal-window label{display: block; font-family: Arial; color: #404040;text-align: right;line-height:1.9;}
.dm-forum-modal > .dm-forum-modal-box > .dm-forum-modal-mover label#topico,
.dm-forum-modal > .dm-forum-modal-box > .dm-forum-modal-trocar label#antigoUsuario,
.dm-forum-modal > .dm-forum-modal-box > .dm-forum-modal-trocar label#troca{font-weight: bold; text-align: left;}
.dm-button-group {text-align: right;}
.dm-button-group > span {margin-left:5px;}
@media(min-width:1199px){
	.dm-forum-modal > .dm-forum-modal-box > .dm-forum-modal-window {width: 936px;}
}
@media(max-width:979px){
	.dm-forum-modal > .dm-forum-modal-box > .dm-forum-modal-window {width: 579.2px;}
}
@media(max-width:767px){
	.dm-forum-modal > .dm-forum-modal-box > .dm-forum-modal-window {width: 80%;}
	.dm-forum-modal > .dm-forum-modal-box > .dm-forum-modal-url,
	.dm-forum-modal > .dm-forum-modal-box > .dm-forum-modal-mover {height: 218px;}
	.dm-forum-modal > .dm-forum-modal-box > .dm-forum-modal-trocar {height: 230px;}
	.dm-forum-modal > .dm-forum-modal-box > .dm-forum-modal-window label{text-align: left;}
	.dm-button-group {padding-top:10px;}
}
.dm-forum-modal {
	margin: 50px 0 0 0;
	position: fixed;
	z-index: 4;
	overflow: hidden;
	background: #000;
	background: rgba(255, 255, 255, 0.8);
	opacity: 0;
	display: none;
	direction: ltr;
	-ms-touch-action: none;
	touch-action: none;
}
.dm-forum-modal-display {
	display: block;
	opacity: 1;
}
.dm-forum-modal > .dm-forum-modal-box {
	position: relative;
	float: left;
	width: 100%;
	height: 100%;
	-webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
	 -moz-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
	  -ms-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
	   -o-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
		  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
.dm-forum-modal,
.dm-forum-modal > .dm-forum-modal-box > .dm-forum-modal-window {
	-webkit-transition: opacity 0.5s linear;
	 -moz-transition: opacity 0.5s linear;
	  -ms-transition: opacity 0.5s linear;
	   -o-transition: opacity 0.5s linear;
		  transition: opacity 0.5s linear;
}

.dm-forum-modal > .dm-forum-modal-box > .dm-forum-modal-window {
	-webkit-user-select: none;
	-khtml-user-select: none;
	 -moz-user-select: none;
	  -ms-user-select: none;
		  user-select: none;
}

/* IE7 fixes */
*+html .dm-forum-modal > .dm-forum-modal-box {
	min-height: 300px;
}
*+html .dm-forum-modal > .dm-forum-modal-box > .dm-forum-modal-window {
	position: relative;
}

.dm-forum-modal > .dm-forum-modal-box > .dm-forum-modal-img {overflow: auto; height: 559px;}

#dropbox {
	font-family: Arial, sans-serif;
    border: 4px dashed #ccc;
    border-radius: 2px;
    margin-bottom: 10px;
    height: 393px;
    overflow: auto;
	text-align:center;
}

#dropbox input {display:none;}

#dropbox > div >.message, #dropbox >div > .or, #dropbox > div > .aviso {
    text-align: center;
    color: #ccc;
    padding:10px 0 5px 0;
	display:block;
}

#dropbox > div > .message {font-size: 30px;}

#dropbox > div > .or, #dropbox > div > .aviso {font-size: 13px;font-weight:bold;}

#dropbox > #preview > .preview {
    width:205px;
    height:225px;
	margin: 0 auto;
    margin-top: 25px;
    position: relative;
    text-align: center;
}

#dropbox > #preview > .preview > .imageHolder {
    display: inline-block;
    position:relative;
}

#dropbox > #preview > .preview > .imageHolder > img {
    max-width: 200px;
    max-height:200px;
    border:3px solid #fff;
    display: block;
    box-shadow:0 0 2px #000;
}

#dropbox > #preview > .preview > .imageHolder > .uploaded {
    position: absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
    background: url('../images/done.png') no-repeat center center rgba(255,255,255,0.5);
    display: none;
}

#dropbox > #preview > .preview.done > .imageHolder > .uploaded {display: block;}

#dropbox > #preview > .preview > .progressHolder {
    background-color:#252f38;
    height:12px;
    width:100%;
    margin-top:5px;
	border: 1px solid #252f38;
	border-radius: 2px;
}

#dropbox > #preview > .preview > .progressHolder > .progress {
    background-color:#2586d0;
    height:100%;
    width:0;
    -moz-transition:0.25s;
    -webkit-transition:0.25s;
    -o-transition:0.25s;
    transition:0.25s;
}

#dropbox > #preview > .preview.done > .progressHolder > .progress {width:100% !important;}


@media(max-width:767px){
	#dropbox {height:274px;}
	#dropbox > div >.message, #dropbox > div > .or {display: none;}
	#dropbox > div >.botao {padding-top: 10px;}
	#dropbox > #preview > .preview {width: 155px; height: 175px;}
	#dropbox > #preview > .preview > .imageHolder > img {max-width: 150px; max-height: 150px;}
	.dm-forum-modal > .dm-forum-modal-box > .dm-forum-modal-img {height: 500px;}
	.dm-forum-modal > .dm-forum-modal-box > .dm-forum-modal-window label{text-align: left;}
}
.aviso-erro{color:red!important;font-size: 16px!important;}