@charset "UTF-8";

dev {font-style: oblique;border: 1px dashed red;display: block;padding: 5px;margin-bottom: 10px;color: darkred;}
dev s {text-decoration: line-through;}

#yii-debug-toolbar {display: none !important;}


/* style */
#layout {/* outline: 1px dashed red; */}


.search_box input[type="submit"] {outline-offset: 2px;}

.sm_dropdown .dropdown .li.ico_sort:after {outline: 1px dashed orange;}

.sm_button.sort_toggle:after {outline: 1px dashed red;}



/* homepage */
@media only screen and (max-width: 620px) {
	
	.news .add_messenger:before {outline: 1px dashed red;}
}


/* itemlist */
.price_offers .offer_button span:before {outline: 1px dashed yellow;}

.actions .i.status.timeout b:before {outline: 1px dashed red;}
.actions .i.status.rejected b:before {outline: 1px dashed red;}


@media only screen and (min-width: 901px) {
	
	.itemlist.price_offers .tr .col.buttons {outline: 1px dashed #ccc;}
	
	.itemlist.price_offers .tr .r {outline: 1px dashed #ddd;}
}

@media only screen and (min-width: 1561px) {
	
}

/* списки на мобильных */
@media only screen and (max-width: 900px) {
	
}




/* options */


/*
.profile_box .form_box + .form_box,
.profile_box .form_box + .form_result {border-top: 2px dashed red; margin-top: 30px; padding-top: 30px; position: relative;}
.profile_box .form_box + .form_box:before,
.profile_box .form_box + .form_result:before {content: "dev"; background: red; color: #fff; padding: 0 5px; font-size: 10px; display: inline-block; line-height: 12px; position: absolute; top: -8px; left: 10px;}
*/


/* v2 
.chat_layout .inchat_block .input_area.w_counter > textarea {display: block; padding-bottom: 24px;}
.chat_layout .inchat_block .input_area.w_counter .length_counter {display: block;height: 14px;line-height: 14px;font-size: 12px;color: #fff;position: absolute;right: 10px;bottom: 7px;opacity: .4;pointer-events: none;}
/**/

/* v3 
.chat_layout .inchat_block .input_area.w_counter > textarea {display: block; }
.chat_layout .inchat_block .input_area.w_counter .length_counter {display: block;height: 14px;line-height: 14px;font-size: 10px;color: #fff;position: absolute;left: 10px;bottom: -7px;pointer-events: none;background: rgba(0,0,0,.2);padding: 0 5px;border-radius: 6px;}
/**/


/* v4 
.chat_layout .inchat_block .input_area.w_counter {height: 140px;overflow-y: auto;border-radius: 12px;padding-bottom: 22px;background: rgba(0,0,0,.1);}
.chat_layout .inchat_block .input_area.w_counter > textarea {display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 22px;min-height: auto;overflow: hidden;border-radius: 0;background: transparent;}
.chat_layout .inchat_block .input_area.w_counter .length_counter {display: block;height: 14px;line-height: 14px;font-size: 10px;color: #fff;position: absolute;right: 10px;bottom: -7px;pointer-events: none;padding: 0 5px;border-radius: 6px;}
/**/

/* v5
.chat_layout .inchat_block .input_area.w_counter {border-radius: 12px; background: rgba(0,0,0,.1);height: 140px;overflow-y: auto;}
.chat_layout .inchat_block .input_area.w_counter > textarea {display: block;position: absolute;min-height: auto;border-radius: 0;top: 0;left: 0;right: 0;bottom: 0;overflow: hidden;background: transparent;}
.chat_layout .inchat_block .input_area.w_counter .length_counter {display: block;height: 22px;line-height: 22px;font-size: 10px;color: #fff;position: sticky;text-align: right;bottom: 0;pointer-events: none;padding: 0 10px;border-radius: 6px;}
/**/

/* v6 
.chat_layout .inchat_block .input_area.w_counter > textarea {display: block;padding-bottom: 24px;min-height: 128px;}
.chat_layout .inchat_block .input_area.w_counter .length_counter {display: block;height: 14px;line-height: 14px;font-size: 12px;color: #fff;position: absolute;left: 10px;bottom: 7px;background: #006400a8;padding: 0 2px;border-radius: 3px;}
/**/



/*
.page_scroll_helper {display: none;position: fixed;top: 10px;bottom: 58px;right: 10px;z-index: 100;}
.page_scroll_helper .scroll_button {outline: 1px dashed yellow;}

.page_scroll_ready .page_scroll_helper {display: block; }
.page_scroll_ready .page_scroll_helper > .scroll_button {opacity: 1;}

.page_scroll_ready .page_scroll_helper > .scroll_button.up {opacity: 1;}
.page_scroll_ready.page_scrolled_top .page_scroll_helper > .scroll_button.up {opacity: 0;}

.page_scrolled_top .page_scroll_helper > .scroll_button.up {opacity: 0;pointer-events: none;}
.page_scrolled_bottom .page_scroll_helper > .scroll_button.down {opacity: 0; pointer-events: none;}
*/



/* DEV: sticky side menu position:
#main_content {overflow-x: hidden; }
.blocked_info_box {z-index: 260 !important;}

@media only screen and (min-width: 901px) {
	
	#menu {transition: none; position: sticky;top: 44px; margin-left: -61px;float: left;}
	#menu .m {min-height: calc(100vh - 44px);height: 100%; position: relative;overflow-y: auto;}
	
	.menu_toggled #menu {margin-left: -243px;}
	
	
}

@media only screen and (min-width: 1141px) {
	
	.menu_opened #menu {margin-left: -243px;}
}
/**/