@charset 'UTF-8';

@media (max-width: 576pt) {
	.mx-sm{
		margin-right: 6px !important;
		margin-left: 6px !important;
	}
	.mx-sm-2{
		margin-right: 12px !important;
		margin-left: 12px !important;
	}
}

@media (max-width: 430pt) {
	.dy-sm-none, .dy-sm-none *{
		display: none !important;
	}
}

.m-s{
	margin: min(1.5%, 12px) min(1.5%, 12px) 0 min(1.5%, 12px);
}

.p-s{
	padding: min(1.5%, 12px);
}

.px-s2{
	padding-right: min(2.5%, 20px);
	padding-left: min(2.5%, 20px);
}

.pl-s2{
	padding: 0;
	padding-left: min(2.5%, 20px);
}

.text-s1{
	font-size: max(min(2.7vw, 27px),15px) !important;
}

.text-s2{
	font-size: max(min(3vw, 30px),12px) !important;
}

.text-s3{
	font-size: max(min(5vw, 50px),12px) !important;
}

.button{
	box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.2);
}

.button:hover{
	color: white !important;
	background-color: red !important;
	cursor: pointer;
}

a:focus *{
	color: black;
}

body{
	font-size: 6px;
	font-family: sans-serif;
	overflow: auto !important;
	padding: 0px !important;
}

.bg-4{
	background-color: #df544d;
}

.bg-3{
	background-color: #ff8065;
}

.bg-2{
	background-color: #f2c5a6;
}

.bg-1{
	background-color: #f0d6bb;
}

.bg-0{
	background-color: #f1dca3;
}

h1{
	font-size: 3em;
}

.navbar{
	font-size: 1.5em;
	color: white;
	font-weight: bold;
}

.centered-text{
	text-align: center;
}

.icon{
	height:1.3em;
	width:1.3em;
}

.yel-default-italic-text:hover{
	color: #ffd300 !important;
}

.small-text{
	font-size: 12px;
}

.justify{
	text-align: justify;
}

.collapse {
	z-index: 150;
}

.form-rowlike {
	display: -ms-flexbox;
	display: flex;
	ms-flex-flow: row wrap;
	   flex-flow: row wrap;
}

.word-break-all{
	word-break: break-all;
}

.navin-dropdown{
	top: 118.5px;
}

@media only screen and (min-width : 576px) {
	.navin-dropdown{
		top: 62px;
	}
}

.no-outline{
	outline: none !important;
}

.btn:focus,.btn:active:focus,.btn.active:focus,
.btn.focus,.btn:active.focus,.btn.active.focus {
	box-shadow: none !important;
}

.pointer{
	cursor:pointer;
}

.link{
	cursor:pointer;
	text-decoration: underline;
}

.link:hover{
	color: #3056b3 !important;
}

.better-scroll::-webkit-scrollbar {
	width: 0.25vw;
	height: 0.25vw;
}

.better-scroll::-webkit-scrollbar-track {
	background-color: #dddddd;
}

.better-scroll::-webkit-scrollbar-thumb {
	background-color: #999999;
}

textarea::-webkit-scrollbar {
	width: 0px !important;
	height: 0px !important;
}

*{
	        transition: color 0.3s, background-color 0.3s, border 0.3s, padding 0.3s, margin 0.3s;
	   -moz-transition: color 0.3s, background-color 0.3s, border 0.3s, padding 0.3s, margin 0.3s; /* Firefox 4 */
	-webkit-transition: color 0.3s, background-color 0.3s, border 0.3s, padding 0.3s, margin 0.3s; /* Safari and Chrome */
	     -o-transition: color 0.3s, background-color 0.3s, border 0.3s, padding 0.3s, margin 0.3s; /* Opera */
}

.no-size-transition{
	        transition: color 0.3s, background-color 0.3s, border 0.3s, padding 0.3s, margin 0.3s, width 0s, height 0s !important;
	   -moz-transition: color 0.3s, background-color 0.3s, border 0.3s, padding 0.3s, margin 0.3s, width 0s, height 0s !important; /* Firefox 4 */
	-webkit-transition: color 0.3s, background-color 0.3s, border 0.3s, padding 0.3s, margin 0.3s, width 0s, height 0s !important; /* Safari and Chrome */
	     -o-transition: color 0.3s, background-color 0.3s, border 0.3s, padding 0.3s, margin 0.3s, width 0s, height 0s !important; /* Opera */
}

.box-shadow{
	box-shadow: 6px 6px 5px rgba(0,0,0,0.3);
}

.shadow-small{
	box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

.chat-col{
	overflow: auto;
	overflow-x: hidden;
	height: calc(100vh - 62px);
	max-height: calc(100vh - 62px);
}

.profile-popup{
	min-width: 402px;
	max-width: 402px;
	/*height: 200px;*/
}

.profile-bg{
	z-index: 10;
	background-position: center;
	background-size: cover;
	position: relative;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	width:100%;
	height: 0;
	padding-top: 30%;
}

.publication-button{
	min-width: 85px;
	width: 7vw;
	max-width: 100px;
}

.publication-icon{
	min-width: 54px;
	max-width: 54px;
	min-height: 54px;
	max-height: 54px;
}

.btn-img{
	width: 24px;
	min-width: 24px;
	max-width: 24px;
	height: 24px;
	min-height: 24px;
	max-height: 24px;
	margin-bottom: 1px;
}

.comment-icon{
	width: 4vw;
	min-width: 24px;
	max-width: 36px;
	height: 4vw;
	min-height: 24px;
	max-height: 36px;
	border: 0px;
}

.visible-on-hover img.visible-on-hover-img{
	visibility: hidden;
}

.visible-on-hover:hover img.visible-on-hover-img{
	visibility: visible;
}

.visible-on-hover2 img.visible-on-hover-img2{
	visibility: hidden;
}

.visible-on-hover2:hover img.visible-on-hover-img2{
	visibility: visible;
}

/*rever esse código*/

div.selected{
	background-color: #4b535b;
}

div.selected:hover{
	background-color: #4b535b;
}

.to-select:hover{
	background-color: #3c434a;
}

span.selected.selected-white{
	background-color: #f8f9fa !important;
}

span.selected.selected-white:hover{
	background-color: #fafafa !important;
}

.to-select-white{
	background-color: #e5e5e5;
}

.to-select-white:hover{
	background-color: #f0f0f0 !important;
}

.to-select-gray{
	background-color: gray;
}

.to-select-gray:hover{
	background-color: #c0c0c0 !important;
}

.to-select-white.selected-white{
	background-color: #f8f9fa !important;
}

.to-select-white:hover.selected-white{
	background-color: #fafafa !important;
}

/*noselect*/

.noselect, .my-custom-select *, .my-custom-select, a, .marked, img , .pointer{
	-webkit-touch-callout: none; /* iOS Safari */
	  -webkit-user-select: none; /* Safari */
	   -khtml-user-select: none; /* Konqueror HTML */
		 -moz-user-select: none; /* Firefox */
		  -ms-user-select: none; /* Internet Explorer/Edge */
			  user-select: none; /* Non-prefixed version, currently
									supported by Chrome and Opera */
}

/*messages*/
.overflow-auto{
	overflow: auto;
}

.overflow-hidden{
	overflow: hidden;
}

/*defaults*/
textarea{
	resize: none;
}

body:not(.user-is-tabbing) button:focus,
body:not(.user-is-tabbing) input:focus,
body:not(.user-is-tabbing) select:focus,
body:not(.user-is-tabbing) textarea:focus {
 	outline: none !important;
}

.text-size-normal{
	font-size: 16px;
	text-align: justify;
}

/*text decorations*/
a{
	color: black;
	text-decoration: none !important;
}

a:hover, .marked a:hover{
	text-decoration: none !important;
	color: #3056b3 !important;
}

.marked{
	color: black !important;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 2px;
	padding-top: 1px;
	border-radius: 3px;
	text-decoration: none !important;
	background-color: rgba(0, 0, 0, 0.04);
}

.marked:hover{
	background-color: rgba(0, 0, 0, 0.11);
}

.space{
	min-width: 15px;
	max-width: 15px;
}

.space-small{
	min-width: 5px;
	max-width: 5px;
}