/********************************************************************************************************/	
/* сообщения pro + ****************************************************************************************/	
/********************************************************************************************************/

		/* авторазмер сообщения */
		
		#pm_contact .chat .message {
			width: auto!important;
			display: table;
		}
		#pm_contact .chat .message.message-my {
			float: right;
		}
		#pm_chat h3 {
			font-weight: 500;
			clear: both;
		}
		/**/
		
		#pm_chat .message_text {
			font-size: var(--font_size_body)!important;
		}
		#pm_contact .message .user_avatar,
		#pm_contact .message-my .user_avatar,
		#pm_contact .chat .message .title .author,
		#pm_contact .chat .message-my .title .author {
			display: none;
		}
		#pm_chat .content {
			padding: 8px 12px!important;
			background: #fff!important;
			margin-left: 10px!important;
			margin-right: 50px;
			border: none!important;
			border-radius: 4px 4px 4px 0!important;
			box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.06);
		}		
		#pm_chat .content:before {
			top: unset!important;
			bottom: 0;
			left: -12px!important;
			border: 6px solid transparent;
			border-right: 6px solid white;
			border-bottom: 6px solid white;
			display: block;
			width: 0;
			height: 0;
			background: transparent!important;
			transform: rotate(0)!important;
			-webkit-transform: rotate(0)!important;
			-moz-transform: rotate(0)!important;
			-ms-transform: rotate(0)!important;
			-o-transform: rotate(0)!important;
			box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.06);
		}
		#pm_chat .message-my .content:before {
			left: unset!important;
			right: -12px!important;
			border: 6px solid transparent;
			border-left: 6px solid #d6e7fa!important;
			border-bottom: 6px solid #d6e7fa!important;
		}
		#pm_chat .message-my .content {
			margin-right: 5px!important;			
			background: #d6e7fa!important;
			margin-left: 50px!important;
			border-radius: 4px 4px 0 4px!important;
		}
		
		#pm_chat .content.selected {
			border-color: transparent!important;
			box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.06)!important;
			background: #cbe0f6!important;
		}
		#pm_chat .message-my .content.selected:before {
			border-left: 6px solid #cbe0f6!important;
			border-bottom: 6px solid #cbe0f6!important;
		}
		
		#pm_contact .chat .message .title {
			margin-top: 0!important;
		}
		
		/*
		#pm_contact .chat .message .title .date,
		#pm_contact .chat .message .title .date-new	{
			position: absolute!important;
			top: 10px;
			right: -40px;	
			opacity: 0;
		}
		#pm_chat .content.selected .title .date,
		#pm_chat .content.selected .title .date-new {
			opacity: 1;
		}
		#pm_contact .chat .message-my .title .date,
		#pm_chat .message-my .content .title .date-new,
		#pm_chat .message-my .content.selected .title .date-new {
			right: 0;
			left: -40px;			
		}
		
		#pm_contact .chat .message .title .date-new	{	
			opacity: 1;
			color: transparent;
		}
		#pm_chat .message-my .content.selected .title .date-new {
			color: #AAA;		
		}
		#pm_chat .message-my .content.selected .title .date-new:before {
			opacity: 0;			
		}
		#pm_chat .content .title .date-new:before {
			position: absolute;
			bottom: 0;
			left: 0px;
			background: #a7c6ea;
			border-radius: 10px;
			width: 8px;
			height: 8px;
			content: '';			
		}
		#pm_chat .message-my .content .title .date-new:before {
			left: 20px;			
		}
		*/
		
	
	@media screen and (max-width: 640px) {	
		#pm_contact #contact_toggle {
			background: transparent url(/templates/global/images/icons/svg/left-arrow.svg) no-repeat center center!important;
			background-size: 24px!important;
			filter: invert(1);
		}
		#pm_window #user_search_panel {
			background-color: transparent;
		}
		#pm_window #user_search_panel input {
			background: url(../images/icons/search-glyph.png) no-repeat 4px center #f0f0f0!important;
			border-color: transparent!important;
			border-radius: 4px!important;
			font-size: 14px;
		}
		#pm_window .contacts .contact {
			box-shadow: none!important;
			border-bottom: 1px solid #fafafa;
		}
		#pm_window .contacts .contact a {
			padding: 12px!important;
			display: grid;
			grid-template-columns: 45px auto 100px;
			align-items: baseline;
		}
		#pm_window .contacts .contact a:hover {
			background: #fafafa!important;
			color: #000!important;
		}
		#pm_window .contacts .contact a.selected {
			background: #fafafa!important;
			color: inherit!important;
		}
		#pm_window .contacts .contact a > strong {
			font-size: 12px!important;
			color: #828282!important;
			display: inline-block;
			text-align: right;
		}
		#pm_window .contacts .contact a span {
			margin-right: 12px!important;
		}

		#pm_contact .toogle-actions {    
			background: transparent url(/templates/global/images/icons/svg/menu-more.svg) no-repeat center center!important;
			background-size: contain!important;
			filter: invert(1);
			transform: rotate(90deg);
			opacity: 1!important;
		}
		#pm_contact .toogle-actions.toogle-actions-active {
			transform: none;
			background-color: transparent!important;
			background: none!important;
			background-size: auto!important;
			padding: 5px 10px;
		}
		
		#pm_contact .actions.actions-active {
			display: flex;
			overflow-x: auto;
			padding-bottom: 0;
			align-items: center;
			min-height: 54px;
			width: calc(100% - 50px);
		}
		.nyroModalMessage .button-small {
			font-size: var(--font_size_body);
		}
		.nyroModalMessage .actions actions-active .button-small {
			background: none;
			
		}
		#pm_contact .toogle-actions.toogle-actions-active:before {
			content: "\f00d";
			font-family: "FontAwesome";
			margin-right: 5px;
		}
		#pm_contact .actions.actions-active input.button-small {
			background: transparent;
		}
		#pm_contact .overview {
			padding: 11px 0px 9px 9px!important;
			position: fixed!important;
			top: 0;
			right: 0;
			left: 0;
			background: #1976d2!important;
			height: 55px!important;
			border: none!important;
			z-index: 1;
			box-shadow: 0 3px 3px 0px rgba(0, 0, 0, 0.09);
		}
		#pm_contact .overview a {
			color: #fff!important;
			font-size: 14px;
		}
		#pm_contact .overview a span, #pm_contact #contact_toggle {
			margin-right: 10px!important;
		}
		#pm_contact .actions {
			line-height: 55px!important;
			background-color: #1976d2!important;
		}
		
		#pm_contact .chat {
			height: calc(100% - 139px);
		}
		#pm_contact .chat a.show-older {
			background: #fafafa!important;
			color: #888!important;
			border-radius: 4px;
		}
		
		#pm_contact .chat .message .title .date {
			color: #828282!important;
		}
		#pm_contact .chat .message .title .date-new {
			color: #828282!important;
		}
		#pm_chat .content .title .date-new:before {
			position: absolute;
			bottom: 0;
			background: #a7c6ea;
			border-radius: 10px;
			width: 8px;
			height: 8px;
			content: '';
			right: -15px;				
		}
		#pm_chat .message-my .content .title .date-new:before {
			left: -15px;	
			right: unset;
		}
				
		#pm_chat .message_text img {
			width: 100%;
		}
		
		#pm_contact .composer .buttons .ctrenter_hint {
			display: none!important;
		}
		#pm_contact .composer .buttons {
			display: block;
			padding-left: 0;
			margin: 0;
			padding: 0;
		}	
		#pm_contact .composer .buttons .button {
			width: 100%;
		}		
		
	}
	

.nyroModalCont .editor.editor-redactor ul.redactor_toolbar {
	display: flex;
    overflow-x: auto;
    margin-bottom: 10px!important;
    box-shadow: none;
	/*
	text-align: center;
	justify-content: space-between;
    position: relative;
    bottom: 120px;
    top: unset;
    margin: 0 15px!important;
    padding: 15px!important;
    list-style: none !important;
    font-size: 14px !important;
    line-height: 1 !important;
    background: #fff;
    border: none;
    box-shadow: var(--card_shadow);
    border-radius: var(--card_radius);
    z-index: 3;
	*/
}
@media screen and (max-width: 991px) {	
	.nyroModalCont .editor.editor-redactor ul.redactor_toolbar {
		justify-content: space-between;
	}
	.nyroModalCont .editor.editor-redactor .redactor_editor {
		padding: 10px 60px 0 10px;
	}
	.nyroModalCont .editor.editor-redactor .redactor_placeholder {
		color: #777 !important;
		margin-bottom: 0;
	}
	.redactor_dropdown_box_smiles {
		width: 100%;
		height: 130px;
		overflow-x: auto;
		width: 100%!important;
		bottom: 65px;
		left: 0!important;
		right: 0;
		top: unset!important;
		border-top: 1px solid #DDD;
		box-shadow: none!important;
	}
	.redactor_dropdown_box_smiles img {
		padding: 5px;
	}
}
.nyroModalCont .editor.editor-redactor ul.redactor_toolbar li {
    border-radius: var(--card_radius);
    margin-right: 5px!important;
}
.nyroModalCont .editor.editor-redactor ul.redactor_toolbar li a {
    color: #333;
    font-size: 20px;
    padding: 5px;
}
.nyroModalCont .editor.editor-redactor ul.redactor_toolbar li a:hover {
    background-color: transparent!important;
    color: var(--button_background_color);
}
.nyroModalCont .editor.editor-redactor ul.redactor_toolbar li:last-child {
    margin-right: 0!important;
}

.nyroModalCont .editor.editor-redactor .redactor_editor {
    min-height: 40px!important;
	height: auto!important;
    max-height: 180px;
	border-radius: var(--card_radius);
}
.nyroModalCont .editor.editor-redactor .redactor_editor:focus {
    height: auto!important;
}