:root {
	--cor_primaria: #006a97;
}

* {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}


span.label-target-credits{
    position: absolute;
    bottom: 0;
    text-align: center;
    left: 7px;
    border: 1px solid #006a97;
    padding: 0 20px;
    color: #006a97;
    font-size: 10px;
	background: white;
}

.conversation-list .odd .ctext-wrap {
	    word-break: break-word;
}

body .left-side-menu,
body .navbar-custom {
	position: absolute;
}


.conversation-text img.p-img {
	max-width: 120px;
}

.w100 {
	width: 100%;
}


.whitespace {
	white-space: nowrap;
}


.mt5 {
	margin-top: 5px;
}

.relative {
	position: relative;
}

.minlength_placeholder.valid,
.message-counter.valid {
	color: green;
}

.minlength_placeholder.invalid,
.message-counter.invalid {
	color: red;
}


span.user-icons {
    font-size: 20px;
	transition: .2s;
	display: inline-block;
	cursor: pointer;
}

span.user-icons:hover {
	transform: scale(1.26);
}

span.user-icons.create_user {
    color: #1abc9c;
}

span.user-icons.create_message {
    color: #FF5722;
}


span.user-icons.moderador {
    color: #108fc5;
}

span.user-icons.administrador {
    color: #d43bef;
}

span.user-icons.superadmin {
    color: #ff598e;
}

span.user-icons.hired {
    color: #9e9e9e;
}

td.td-icons {
	white-space: nowrap;
}


.content-page {
	margin-top: 120px;
	margin-top: 70px;
}

body:not(.logged) .content-page {
	margin-left: 0;
}


.footer {
	left: 0;
	width: 100%;
}







.btn-primary {
	background: var(--cor_primaria);
	border-color: var(--cor_primaria);
}


.btn-primary:hover {
	background: #005477;
	border-color: #005477;
}

.btn-link {
	color: var(--cor_primaria);
}




.inbox-widget .inbox-item .inbox-item-text {
	max-width: 85%;
}




.content-page img {
	max-width: 100%;
	height: auto;
}

.chat_report_1 .col-chat .chat-target-data {
	position: relative;
}

.chat_report_1 .col-chat .chat-target-data:after {
	content: 'Conversa reportada';
	display: inline-block;
	padding: 5px 10px;
	background: rgba(255, 0, 0, 0.5);
	color: white;
	font-size: 1.2rem;
	position: absolute;
	bottom: 10px;
	right: 10px;
}

.chat_report_1 .col-chat .chat-fields {
	display: none;
}	


body.chat-app .col-xl-3, body.chat-app .col-lg-3,
body.chat-app .col-xl-6, body.chat-app .col-lg-6 {
	padding-left: 5px;
	padding-right: 5px;
}

body.chat-app .card-body {
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}



/* CHAT */
body.chat-app .content-page {
	margin-top: 70px;
}


.chat-app .target-img-profile,
.chat-app .player-img {
	width: 110px;
	height: 110px;
	object-fit: cover;
	object-position: center 10%;
}


.chat-app .player-img {
	width: 90px;
	height: 90px;
}

.chat-app .conversation-list .chat-avatar {
	width: 65px;
}

.chat-app .conversation-list .chat-avatar img {
	width: 64px;
    height: 64px;
    object-fit: cover;
    object-position: center 10%;
}

.chat-app .chat-details {
	padding-left: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: flex-start;
	margin-left: -10px;
	margin-right: -10px;
	margin-bottom: 0;
}

.chat-app .chat-details > li {
	margin: 3px 10px;
	font-size: .75rem;
}


.class-target-information {
	max-height: 80vh;
	overflow-y: auto;
	overflow-x: hidden;
}

.row-info {
	border-bottom: 1px solid rgba(0,0,0,.1);
	margin-bottom: 10px !important;
}


.class-target-information a[aria-expanded='true'] i:before {
    content: "\F0374";
}

.btn-delete-info {
	position: absolute;
	top: 0;
	right: 0;
}


#chat_profile_images {
	padding-lefT: 0;
	list-style-type: none;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

#chat_profile_images li {
	margin: 0 5px;
}
#chat_profile_images li img {
	width: 100px;
	height: 100px;
	object-fit: cover;
	object-position: top center;
	cursor: pointer;
	border: 2px solid transparent;
}
#chat_profile_images li img.selected {
	border-color: #2196F3;
    border-radius: 10px;
}