.p-text-bold {
	font-weight: bold;
}

.text-align-left {
	text-align: left;
}

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

.text-align-right {
	text-align: right;
}

.text-color-white {
	color: #fff;
}

.text-color-primary {
	color: #673AB7;
}

.text-color-secondary {
	color: #607D8B;
}

.text-color-success {
	color: #689F38;
}

.text-color-warning {
	color: #FBC02D;
}

.text-color-info {
	color: #0288D1;
}

.text-color-help {
	color: #9C27B0;
}

.text-color-danger {
	color: #D32F2F;
}

.flex-text-ellipsis {
	-webkit-box-flex: 1;
	flex: 1;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.vertical-align-top {
	vertical-align: top;
}

.vertical-align-middle {
	vertical-align: middle;
}

.vertical-align-bottom {
	vertical-align: bottom;
}

.display-flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.display-block {
	display: block;
}

.display-inline-block {
	display: inline-block;
}

.hidden {
	visibility: hidden;
}

.manymenu-advanced.ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td:nth-child(2) {
	/*width: 1rem;*/
	padding: 0rem;
}

.ui-selectmanymenu .ui-selectlistbox-item > td {
	padding: 0.25rem !important;
	padding-left: 1rem !important;
}

.flex-wrap {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.text-no-wrap {
	white-space: nowrap;
}

.no-border {
	border: none;
}

body .ui-datascroller .ui-datascroller-content {
	border: none;
	padding: 0;
}


.card-contact {
    border-radius: 4px;
    background: #ffffff;
    padding: 1.25rem;
    border: 0 none;
    box-shadow: 0 2px 1px -1px rgb(0 0 0 / 20%), 0 1px 1px 0 rgb(0 0 0 / 14%), 0 1px 3px 0 rgb(0 0 0 / 12%);
    border-radius: 4px;
}


.card.border {
	border: 1px solid #dee2e6;
	box-shadow: none;
}

.card-shadow{
	transition: 0.4s;
}

.card-shadow:hover {
	box-shadow: 0 0 20px 0px rgba(0,0,0,0.15);
}

.overflow-scroll {
	overflow: scroll;
}

.overflow-hidden {
	overflow: hidden;
}

.position-relative {
	position: relative;
}

.selectable-text {
	-webkit-touch-callout: text; /* iOS Safari */
	-webkit-user-select: text; /* Safari */
	-khtml-user-select: text; /* Konqueror HTML */
	-moz-user-select: text; /* Old versions of Firefox */
	-ms-user-select: text; /* Internet Explorer/Edge */
	user-select: text;
}

.do-not-show{
	display:none;
}

.fs-1 {
	font-size: .25rem;
}

.fs-2 {
	font-size: .5rem;
}

.fs-3 {
	font-size: 1rem;
}

.fs-4 {
	font-size: 1.5rem;
}

.fs-5 {
	font-size: 2rem;
}

.fs-6 {
	font-size: 3rem;
}

.multiline {
	display: inline-block;
	white-space: pre-line;
}

body {
	background: #fff;
}

.exception-body.error {
	background-image: none;
	background-color: #D32F2F;
}

.exception-body.access {
	background-image: none;
	background-color: #FBC02D;
}

.with-cards {
	background: #f8f9fa;
}

.scroll-dialog {
	overflow-y: auto; 
	max-height: 500px;
}


.layout-sidebar .layout-menu li:not(.layout-root-menuitem) a {
	display: block;
	border-radius: 4px;
	padding: 1rem 0.5rem;
	transition: background-color 0.2s;
}

.layout-wrapper.layout-slim .layout-menu .layout-root-menuitem>a {
	padding: 1rem 0;
}

.p-field>label {
	font-weight: bold;
	margin-bottom: 0rem;
}

.table-no-header table thead {
	display: none;
}

.layout-content-inbox {
	flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	min-width: 992px;
}

.inbox-wrapper {
	display: -ms-flexbox;
	display: flex;
	height: calc(100vh - 4rem);
}

.left-panel {
	background: #fff;
	width: 25%;
	height: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	border-right: 1px solid #dee2e6;
}

.right-panel {
	width: 75%;
	height: 100%;
	display: -ms-flexbox;
	display: flex;
	background-color: #f8f9fa;
}

.conversation {
	width: 100%;
	height: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
}

.showing-contact-info .conversation {
	width: 65%;
}


.contact-info {
	width: 35%;
	height: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	background-color: #fff;
	border-left: 1px solid #dee2e6;
}

.contact-info .output-text {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}

.contact-info .fields .editable .edit-button {
	display: none;
}

.contact-info .fields .editable:hover .edit-button {
	display: inline-block;
}

.contact-info .fields .editing-field {
	background: #f8f9fa;
	border-radius: 4px;
}

.inbox-options-bar {
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	height: 5rem;
	padding: 2rem;
	background-color: #fff;
	border-bottom: 1px solid #dee2e6;
}

.inbox-bottom-bar {
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	padding: 1rem 2rem;
	align-items: center;
}

.dialog-inbox-bottom-bar{
	max-height: 650px;
	overflow-y:scroll;
	height: 650px;
	position:absolute;
}

.dialog-inbox-comment {
	max-width: 100% !important;
}

.chat {
	height: 100%;
	width: 100%;
	padding: 0 1rem;
}

.inbox-bottom-bar.conversation-assigned {
	background-color: #fff;
	border-top: 1px solid #dee2e6;
}

/* ----------------- */
/* ATTACHMENTS PANEL */
/* ----------------- */
.attachments-panel {
	width: 100%;
	height: 100%;
	position: absolute;
	background: #f8f9fa;
	display: flex;
	flex-direction: column;
	bottom: -100%;
	transition: bottom .5s cubic-bezier(0, 0, 0, 1);
}

.DragAndDropZone.fileuploader-dragging .attachments-panel,
	.DragAndDropZone .attachments-panel.show-attachments-panel {
	bottom: 0;
}

.attachments-panel .inbox-options-bar {
	background-color: #673AB7;
}

.attachments-panel .DragAndDropBox {
	flex: 1;
	padding: 1rem;
}

.attachments-panel .DragAndDropBox>div {
	width: 100%;
	height: 100%;
	border: 4px dashed #dee2e6;
}

.attachments-panel .files-panel {
	height: 100px;
	width: 100%;
	background: #dee2e6;
	padding: 1rem;
}

.attachments-panel .files-wrapper {
	max-width: 100%;
	height: 100%;
}

.attachments-panel .ui-fileupload-simple .ui-button {
	height: 100%;
	display: flex;
	align-items: center;
}

.ui-fileupload-simple .ui-fileupload-filename {
	display: none;
}

.fileuploader-items {
	overflow-x: scroll;
}

.fileuploader-items li {
	list-style: none;
	max-width: 14rem;
}

.fileuploader-items li:last-child {
	margin-right: 0 !important;
}

.ui-fileupload-simple.outlined-button .ui-button {
	background-color: transparent;
	color: #673AB7;
	border: 1px solid;
}

.ui-fileupload-simple.outlined-button .ui-button.ui-state-hover {
	background: rgba(103, 58, 183, 0.04);
}

.ui-fileupload-simple.outlined-button .ui-button.ui-state-focus {
	box-shadow: none;
}

.inbox-bottom-bar .ui-fileupload-simple .ui-button {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0.5rem;
	background-color: transparent;
	color: #607D8B;
	border-color: transparent;
	border-radius: 50%;
	height: 2.357rem;
	width: 2.357rem;
}

.inbox-bottom-bar .ui-fileupload-simple .ui-button:hover {
	background: rgba(96, 125, 139, 0.04);
}

.inbox-bottom-bar .ui-fileupload-simple .ui-button.ui-state-focus {
	box-shadow: 0 0 0 0.2rem #beccd2;
}

.inbox-bottom-bar .ui-fileupload-simple .ui-button.ui-button-text-icon-left .ui-icon
	{
	position: relative;
	left: 0;
	top: 0;
	margin: 0;
}

.inbox-bottom-bar .ui-fileupload-simple .ui-button.ui-button-text-icon-left .ui-button-text
	{
	display: none;
}

.progress .progress-bar {
	height: 10px;
	background: repeating-linear-gradient(120deg, #8446f3, #8446f3 7px, #673AB7 7px,
		#673AB7 14px);
	background-size: 200% 200%;
	margin-top: 0.2rem;
	border-radius: 2px;
	animation: barberpole 10s linear infinite;
}

@keyframes barberpole { 100% {
	background-position: 100% 100%;
}

}
.progress .progress-bar.bg-success {
	display: none;
}

/* --------------------- */
/* END ATTACHMENTS PANEL */
/* --------------------- */
.input-chat {
	width: 100%;
	max-height: 8.4rem;
	resize: none;
	border: 1px solid #f8f9fa !important;
	box-shadow: none !important;
}

.conversations-filters .ui-selectonebutton>.ui-button {
	border: none;
	border-radius: 4px;
	text-align: left;
}

.conversations-filters .ui-selectonebutton>.ui-button:not(:last-child) {
	margin-bottom: 1rem;
}

.message-info {
	height: 1.5rem;
}

.message-info .ui-badge {
	line-height: 1;
}

.conversation-list {
	overflow: auto;
}

.conversation-list-item-wrapper {
	display: block;
	border-bottom: 1px solid #dee2e6;
}

.conversation-list-item {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	padding: 1rem 2rem 1rem 1.75rem;
	border-right: 0.25rem solid transparent;
	cursor: pointer;
}

.conversation-list-item:hover, .conversation-list-item.ui-state-highlight
	{
	background-color: #f8f9fa;
}

.conversation-list-item.ui-state-highlight {
	border-right-color: #673bb7;
}

.conversation-list-item .media-icon {
	opacity: 0.4;
}

.conversation-info {
	width: calc(100% - 5rem);
	color: #495057;
}

.conversation-info.unread .date {
	color: #673AB7;
}

.conversation-info.unread .message {
	font-weight: bold;
}

.conversation-info .icon .read, .widget-chat ul li .icon .read {
	color: #2196F3;
}

.question-text-area {
	width: 100%;
	background-color: #ffffff !important;
	height: 3rem;
	width: -webkit-fill-available;
}

.question-container {
	flex-direction: row;
	width: 100%;
	display: flex;
}

.question-input {
	width: -webkit-fill-available;
	display: block;
}

.question-button-container {
	max-height: 3rem;
}

.contact-name {
	font-size: 1.25rem;
	font-weight: 600;
}

.profile-image {
	width: 4rem;
	min-width: 4rem;
	height: 4rem;
	display: -ms-flexbox;
	display: flex;
	border-radius: 2rem;
	background-color: #607D8B;
	border: 1px solid;
	color: #fff;
	font-size: 1.5rem;
	font-weight: 700;
}

.widget-chat ul li {
	flex-direction: column;
	padding: unset;
}

.widget-chat ul li {
	margin: 0.1rem 0;
}

.widget-chat ul li.message-own div {
	max-width: 65%;
}

.widget-chat ul li div.with-media {
	width: 24rem;
}

.widget-chat ul li.message-own {
	align-items: flex-end;
}

.widget-chat ul li .user-name {
	order: 1;
}

.widget-chat ul li.session-summary, .widget-chat ul li.session-finished
	{
	align-items: center;
}

.session-finished .ui-button, .session-summary .ui-button {
	width: 80%;
}

.widget-chat ul li.message-own div {
	background: #dcf8c6;
	border: solid 1px #cce8b6;
}

.widget-chat ul li.message-from div {
	background: #fff;
	border: 1px solid #dee2e6;
}

.widget-chat ul li.session-finished>div {
	color: #121212;
	background: #f7f6c1;
	border: solid 1px #f2eba5;
	background: #fff;
	border: 1px solid #dee2e6;
	background: #d9edf7;
	border: solid 1px #bce8f1;
}

.blank-space {
	width: 6.5rem;
	display: inline-block;
}

.message-wrapper {
	position: relative;
}

.message-status {
	display: block;
	font-size: 0.875rem;
	color: rgba(18, 18, 18, 0.4);
	text-align: right;
	margin-left: 1rem;
}

.message-wrapper .media-container {
	display: block;
	position: relative;
	overflow: hidden;
}

.message-wrapper .media-container.image-container, .message-wrapper .media-container.video-container,
	.message-wrapper .media-container.file-container {
	margin: -0.25rem -0.75rem 0.25rem -0.75rem;
	border-radius: 0.125rem;
}

.message-wrapper.with-message .media-container {
	margin-bottom: 0.5rem;
}

.message-wrapper .media-container.file-container {
	cursor: pointer;
	padding: 1rem;
}

.message-wrapper .media-container.file-container, .message-wrapper .media-container.image-container
	{
	background: rgba(73, 80, 87, 0.1);
}

.message-wrapper .media-container>* {
	width: 100% !important;
}

.message-wrapper .media-container img, .message-wrapper .media-container audio,
	.message-wrapper .media-container video {
	margin: 0 !important;
	display: block;
	width: 100%;
}

.message-wrapper .media-container audio:focus, .message-wrapper .media-container video:focus
	{
	outline: none;
}

.message-wrapper .media-container div.corner {
	background: linear-gradient(15deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)
		45%, rgba(0, 0, 0, .12) 70%, rgba(0, 0, 0, .33));
	position: absolute;
	right: 0;
	top: 0;
	border: none;
	height: 3rem;
	width: 50%;
	padding: 0;
	margin: 0;
	border-radius: 0;
	opacity: 0;
}

.message-wrapper .media-container.image-container:hover div.corner {
	opacity: 1;
}

body .widget-chat .ui-datalist .ui-datalist-content {
	border: none;
	background: transparent;
	padding: 0;
}

.ui-menubutton.rounded-button .ui-button {
	border-radius: 50%;
	border: none;
}

.ui-menubutton.secondary-button .ui-button {
	color: #607D8B;
}

.ui-menubutton.text-button .ui-button {
	background-color: transparent;
	border-color: transparent;
}

.ui-menubutton .ui-button.ui-state-hover {
	background: rgba(96, 125, 139, 0.04);
}

.ui-menubutton .ui-button.ui-state-focus {
	box-shadow: 0 0 0 0.2em #beccd2;
}

.widget-chat ul li.session-finished>div {
	color: #121212;
	width: 100%;
	max-width: none;
	background: none;
	border-radius: 0;
	border: none;
	border-bottom: dashed 2px #7e7f96;
}

.widget-chat ul li.session-finished {
	align-items: center;
	margin-left: -2rem;
	margin-right: -2rem;
}

/* TAGS */
.inbox-edit-tags {
	padding-bottom: 0;
	margin-bottom: 0;
}

.widget-chat .inbox-edit-tags {
	max-width: 100%;
	min-width: 200px;
	padding: 0;
}



.open-session-tags  {
	max-width: 100%;
	min-width: 200px;
	padding: 0;
}

.widget-chat .inbox-edit-tags>div>span {
	flex-grow: 1;
}

.ui-widget .open-session-tags>div {
	flex-grow: 1;
	margin-bottom: 0.25rem;
}

.ui-widget .open-session-tags>div>span {
	flex-grow: 1;
}

.widget-chat .tag-editor-title {
	max-width: 100%;
	padding: 0;
}

.widget-chat .inbox-edit-tags>div {
	max-width: 100%;
	padding: 0;
}

.edit-tags-panel {
	position: fixed;
	max-height: 400px;
	overflow-y: auto;
	box-sizing: content-box;
	display: -webkit-box;
	padding: 0 !important;
}

.widget-chat .edit-tags-panel .ui-overlaypanel-content {
	max-width: 350px;
	padding: 1rem;
	max-height: 453px;
	overflow-y: auto;
	text-align: left;
}

.widget-chat .edit-tags-panel .ui-overlaypanel-content .ui-chkbox {
	max-width: unset;
	padding: unset;
}

.widget-chat .edit-tags-panel .ui-overlaypanel-content .ui-chkbox-box {
	max-width: unset;
	padding: unset;
}

.widget-chat .edit-tags-panel .ui-overlaypanel-content .ui-selectmanycheckbox
	{
	max-width: unset;
	padding: unset;
}

.report-tags .ui-selectcheckboxmenu-panel {
	min-width: 17rem;
}

.report-tags .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox
	{
	display: none;
}

.report-tags .ui-selectcheckboxmenu-close {
	display: none;
}

.crud-combobox .ui-selectcheckboxmenu-panel {
	min-width: 17rem;
}

.crud-combobox .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox
	{
	display: none;
}

.crud-combobox .ui-selectcheckboxmenu-close {
	display: none;
}

/*TAG COLOR SELECTOR*/
.widget-chat .inbox-tags .session-tags {
	padding: 0;
}

.tag-colors .ui-button {
	width: 65px;
	height: 65px;
	margin-right: 6px;
	border-radius: 4px !important;
}
/*Green*/
.tag-colors div:first-child.ui-state-default {
	background: #61bd4f;
	border-color: #61bd4f;
}

.tag-colors div:first-child.ui-state-active {
	background: #61bd4f;
	border-color: #61bd4f;
	box-shadow: 0 0 0 0.1rem #333a31;
}

.tag-colors div:first-child.ui-state-hover {
	background: #8fd082;
	border-color: #8fd082;
}

.tag-colors div:first-child.ui-state-active:not(.ui-state-disabled):hover
	{
	background: #8fd082;
	border-color: #8fd082;
}

.tag-colors div:first-child.ui-state-focus {
	box-shadow: 0 0 0 0.1rem #333a31;
}

/*Yellow*/
.tag-colors div:nth-child(2).ui-state-default {
	background: #f2d600;
	border-color: #f2d600;
}

.tag-colors div:nth-child(2).ui-state-active {
	background: #f2d600;
	border-color: #f2d600;
	box-shadow: 0 0 0 0.1rem #333a31;
}

.tag-colors div:nth-child(2).ui-state-hover {
	background: #ffeb5b;
	border-color: #ffeb5b;
}

.tag-colors div:nth-child(2).ui-state-active:not(.ui-state-disabled):hover
	{
	background: #ffeb5b;
	border-color: #ffeb5b;
}

.tag-colors div:nth-child(2).ui-state-focus {
	box-shadow: 0 0 0 0.1rem #333a31;
}

/*Orange*/
.tag-colors div:nth-child(3).ui-state-default {
	background: #ff9f1a;
	border-color: #ff9f1a;
}

.tag-colors div:nth-child(3).ui-state-active {
	background: #ff9f1a;
	border-color: #ff9f1a;
	box-shadow: 0 0 0 0.1rem #333a31;
}

.tag-colors div:nth-child(3).ui-state-hover {
	background: #ffc16f;
	border-color: #ffc16f;
}

.tag-colors div:nth-child(3).ui-state-active:not(.ui-state-disabled):hover
	{
	background: #ffc16f;
	border-color: #ffc16f;
}

.tag-colors div:nth-child(3).ui-state-focus {
	box-shadow: 0 0 0 0.1rem #333a31;
}

/*Red*/
.tag-colors div:nth-child(4).ui-state-default {
	background: #eb5a46;
	border-color: #eb5a46;
}

.tag-colors div:nth-child(4).ui-state-active {
	background: #eb5a46;
	border-color: #eb5a46;
	box-shadow: 0 0 0 0.1rem #333a31;
}

.tag-colors div:nth-child(4).ui-state-hover {
	background: #f2978a;
	border-color: #f2978a;
}

.tag-colors div:nth-child(4).ui-state-active:not(.ui-state-disabled):hover
	{
	background: #f2978a;
	border-color: #f2978a;
}

.tag-colors div:nth-child(4).ui-state-focus {
	box-shadow: 0 0 0 0.1rem #333a31;
}

/*Purple*/
.tag-colors div:nth-child(5).ui-state-default {
	background: #c377e0;
	border-color: #c377e0;
}

.tag-colors div:nth-child(5).ui-state-active {
	background: #c377e0;
	border-color: #c377e0;
	box-shadow: 0 0 0 0.1rem #333a31;
}

.tag-colors div:nth-child(5).ui-state-hover {
	background: #d9a9eb;
	border-color: #d9a9eb;
}

.tag-colors div:nth-child(5).ui-state-active:not(.ui-state-disabled):hover
	{
	background: #d9a9eb;
	border-color: #d9a9eb;
}

.tag-colors div:nth-child(5).ui-state-focus {
	box-shadow: 0 0 0 0.1rem #333a31;
}

/*Blue*/
.tag-colors div:nth-child(6).ui-state-default {
	background: #0079bf;
	border-color: #0079bf;
}

.tag-colors div:nth-child(6).ui-state-active {
	background: #0079bf;
	border-color: #0079bf;
	box-shadow: 0 0 0 0.1rem #333a31;
}

.tag-colors div:nth-child(6).ui-state-hover {
	background: #48ace8;
	border-color: #48ace8;
}

.tag-colors div:nth-child(6).ui-state-active:not(.ui-state-disabled):hover
	{
	background: #48ace8;
	border-color: #48ace8;
}

.tag-colors div:nth-child(6).ui-state-focus {
	box-shadow: 0 0 0 0.1rem #333a31;
}

/*Sky-blue*/
.tag-colors div:nth-child(7).ui-state-default {
	background: #00c2e0;
	border-color: #00c2e0;
}

.tag-colors div:nth-child(7).ui-state-active {
	background: #71edff;
	border-color: #71edff;
	box-shadow: 0 0 0 0.1rem #333a31;
}

.tag-colors div:nth-child(7).ui-state-hover {
	background: #71edff;
	border-color: #71edff;
}

.tag-colors div:nth-child(7).ui-state-active:not(.ui-state-disabled):hover
	{
	background: #9bf2ff;
	border-color: #9bf2ff;
}

.tag-colors div:nth-child(7).ui-state-focus {
	box-shadow: 0 0 0 0.1rem #333a31;
}

/*Sea-green*/
.tag-colors div:nth-child(8).ui-state-default {
	background: #51e898;
	border-color: #51e898;
}

.tag-colors div:nth-child(8).ui-state-active {
	background: #51e898;
	border-color: #51e898;
	box-shadow: 0 0 0 0.1rem #333a31;
}

.tag-colors div:nth-child(8).ui-state-hover {
	background: #96f1c1;
	border-color: #96f1c1;
}

.tag-colors div:nth-child(8).ui-state-active:not(.ui-state-disabled):hover
	{
	background: #96f1c1;
	border-color: #96f1c1;
}

.tag-colors div:nth-child(8).ui-state-focus {
	box-shadow: 0 0 0 0.1rem #333a31;
}

/*Pink*/
.tag-colors div:nth-child(9).ui-state-default {
	background: #ff78cb;
	border-color: #ff78cb;
}

.tag-colors div:nth-child(9).ui-state-active {
	background: #ff78cb;
	border-color: #ff78cb;
	box-shadow: 0 0 0 0.1rem #333a31;
}

.tag-colors div:nth-child(9).ui-state-hover {
	background: #ffaee1;
	border-color: #ffaee1;
}

.tag-colors div:nth-child(9).ui-state-active:not(.ui-state-disabled):hover
	{
	background: #ffaee1;
	border-color: #ffaee1;
}

.tag-colors div:nth-child(9).ui-state-focus {
	box-shadow: 0 0 0 0.1rem #333a31;
}

/*Dark blue*/
.tag-colors div:last-child.ui-state-default {
	background: #344563;
	border-color: #344563;
}

.tag-colors div:last-child.ui-state-active {
	background: #344563;
	border-color: #344563;
	box-shadow: 0 0 0 0.1rem #333a31;
}

.tag-colors div:last-child.ui-state-hover {
	background: #7e94bc;
	border-color: #7e94bc;
}

.tag-colors div:last-child.ui-state-active:not(.ui-state-disabled):hover
	{
	background: #7e94bc;
	border-color: #7e94bc;
}

.tag-colors div:last-child.ui-state-focus {
	box-shadow: 0 0 0 0.1rem #333a31;
}

/* SETTINGS */
.settings-item>a>div {
	min-width: 200px;
	width: 200px;
	transition: 0.2s;
}

.settings-item>a>div:hover {
	box-shadow: 4px 4px 9px 0px rgba(0, 0, 0, 0.2), 0 1px 1px 0
		rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
}

.settings-item:hover>a>div>i {
	color: #a988e4 !important;
}

body .ui-commandlink.settings-item-text {
	color: #495057;
}

body .ui-commandlink.settings-item-text>div>i {
	color: #673AB7;
	font-size: 50px;
	transition: 0.3s;
}

body .ui-link.settings-item-text {
	color: #495057;
}

body .ui-link.settings-item-text>div>i {
	color: #673AB7;
	font-size: 50px;
	transition: 0.3s;
}

body .ui-button.user-tags-field {
	padding: 0.5rem 0.5rem;
}

body .ui-button.user-tags-field:hover {
	color: #495057;
}

body .ui-button.user-tags-field>span {
	padding: 0 !important;
	text-align: left;
}

.user-tags {
	width: 250px;
}

.user-tags>div>div>span {
	flex-grow: 1;
}

/* SETTINGS */
.settings-item>a>div {
	min-width: 200px;
	width: 200px;
	transition: 0.2s;
	height: 150px;
}

.settings-item>a>div:hover {
	box-shadow: 4px 4px 9px 0px rgba(0, 0, 0, 0.2), 0 1px 1px 0
		rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
}

.settings-item:hover>a>div>i {
	color: #a988e4 !important;
}

body .ui-commandlink.settings-item-text {
	color: #495057;
}

body .ui-commandlink.settings-item-text>div>i {
	color: #673AB7;
	font-size: 50px;
	transition: 0.3s;
}

body .ui-link.settings-item-text {
	color: #495057;
}

body .ui-link.settings-item-text>div>i {
	color: #673AB7;
	font-size: 50px;
	transition: 0.3s;
}

.ui-selectcheckboxmenu .ui-selectcheckboxmenu-label {
	width: calc(100% - 2.357rem);
	white-space: nowrap;
	overflow: hidden;
}

/* ROLES CRUD */
.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox {
	display: none;
}

.report-bot-actions .ui-selectcheckboxmenu-panel {
	min-width: 17rem;
}

.report-bot-actions .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox
	{
	display: none;
}

.report-bot-actions .ui-selectcheckboxmenu-close {
	display: none;
}

/* MEDIA QUERIES */
@media screen and (min-width: 992px) {
	.login-body .login-wrapper .login-image {
		background: none;
		background-color: #673AB7;
	}
	.layout-sidebar .layout-menu>li:not(.layout-root-menuitem) a {
		text-align: center;
	}
	.layout-sidebar .layout-menu>li:not(.layout-root-menuitem) a .layout-menuitem-icon
		{
		font-size: 1.25rem;
	}
	.layout-sidebar .layout-menu>li>a>span, .layout-wrapper.layout-slim .layout-menu .layout-root-menuitem>a .layout-menuitem-text
		{
		display: none;
	}
}

@media screen and (max-width: 991px) {
	.layout-sidebar .layout-menu li:not(.layout-root-menuitem) a .layout-menuitem-icon
		{
		margin-right: 0.5rem;
	}
}