.row-50>* {
    margin-top: 0;
    margin-bottom: 50px;
}
.row-30>* {
    margin-top: 0;
    margin-bottom: 30px;
}
.btn-login {
    background-position: right center;
}
.btn-icon {
    width: 42px;
    height: 42px;
    border: 1px solid #CFCFD3;
    border-radius: 12px;
	margin-right: 10px;
	cursor:pointer;
}
.btn-icon:last-child, .btn-icon-text:last-child {margin-right: 0;}
.btn-icon.icon-filter {
    background: url(../images/filter.png) no-repeat center;
}
.btn-icon.icon-filter.active {
    background: url(../images/filter_active.png) no-repeat center;
}
.btn-icon.icon-paper {
    background: url(../images/paper.png) no-repeat center;
}
.btn-icon.icon-cross {
    background: url(../images/cross.png) no-repeat center;
}
.btn-icon.icon-more {
    background: url(../images/more.png) no-repeat center;
}
.btn-icon.icon-bookmark {
    background: url(../images/bookmark.png) no-repeat center;
}
.btn-icon.icon-bookmark.active {
    background: url(../images/bookmark_active.png) no-repeat center;
}
.btn-icon-text {
    font-size: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #EDEDEE;
    border-radius: 12px;
    margin-right: 10px;
	background-color: #EDEDEE;
}
.btn-icon-text:hover {
	background-color: #fff;
    border-color: #218979;
    color: inherit;
}
.buttons button {
    margin-left: 7px;
    margin-right: 0;
	width: 30%;
}
.buttons .btn-primary {
	padding-top: 9px;
	padding-bottom: 9px;
}
/*
.btn-icon-text::after {
    display: block;
    content: '';
    margin-left: 8px;
}
*/
.btn-icon-text.icon-delete {color: #FF0000;}
.btn-icon-text.icon-delete::after {
    width: 18px;
    height: 18px;
    background: url(../images/delete.png) no-repeat center;
    background-size: contain;
}
.icon {
    display: flex;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 10px;
    width: 32px;
    height: 32px;
}
.icon-bg {background-color: #F8F8F8;}
.icon.icon-shield {
    background-image: url(../images/shield.png);
}
.icon.icon-shield.top {
    background-image: url(../images/shield_top.png);
}
.icon.icon-shield-big {
    background-image: url(../images/shield_big.png);
}
.icon.icon-shield-successbig {
    background-image: url(../images/shield_success_big.png);
}
.icon.icon-bookmark {
    background-image: url(../images/bookmark.png);
}
.icon.icon-bookmark.active {
    background-image: url(../images/bookmark_active.png);
}
.icon.icon-chat {
    background-image: url(../images/chat.png);
}
.icon.icon-chat.active {
    background-image: url(../images/chat_active.png);
}
.icon.icon-arrow-right {
    background-image: url(../images/arrow_right.png);
}
.icon.icon-camera {
	display: block !important;
    background-image: url(../images/camera.png);
	position: absolute;
    top: 35%;
	left: 50%;
    transform: translateX(-50%);
}
.icon.icon-info {
    background: url(../images/info.png) no-repeat center;
}
.icon.icon-plus {
    background: url(../images/plus_grey.png) no-repeat center;
}
.icon.icon-activity {
    background: url(../images/activity.png) no-repeat center;
}
.btn-chat::before {
    display: block;
    content: '';
    margin-right: 8px;
    width: 20px;
    height: 20px;
    background: url(../images/chat_white.png) no-repeat center;
    background-size: contain;
}
.btn-send {
    display: flex;
}
.btn-send::before {
    display: block;
    content: '';
    margin-right: 8px;
    width: 20px;
    height: 20px;
    background: url(../images/send.png) no-repeat center;
    background-size: contain;
}
.list-unstyled li {
    margin-bottom: 15px;
    display: flex;
}
.list-text li span:first-child {
	width: 55%;
}
.list-text li span.short {
	width: 90px !important;
}
.list-icon li {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}
.list-icon span:first-child {
    background-color: #F8F8F8;
    border-radius: 10px;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}
.so-head {
    background: #FFFFFF;
    box-shadow: 0px 3px 6px -2px rgba(0, 0, 0, 0.13);
    padding: 20px 0;
}
.so-head__logo {
    font-weight: 300;
    font-size: 23px;
    color: #111315;
    display: flex;
    align-items: center;
}
.so-head__logo .cr {
    font-weight: 500;
}
.so-head__logo small {
    font-size: 11px;
    line-height: 12px;
    color: #8B8B93;
    display: block;
    text-transform: none;
}
.so-head__logo img {
    margin-right: 12px;
}
.so-head__logo:hover #admin-menu {
	display: block;
}
.so-head__nav {
    align-items: center;
    display: flex;
	margin-top: 10px;
	padding-left: 0;
	padding-right: 0;
}
.so-profil {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.so-profil__hover {
	position: relative;
	display: flex;
	flex-direction: row;
	padding: 0;
	margin: 0;
}
.so-profil__hover:hover #user-menu {
	display: block;
}
#admin-menu {
	left: 0;
}
#user-menu {
	right: 0;
}
.dropdown-menu-edited {
	width: 230px;
	padding-top: 0;
	padding-bottom: 0;
	box-shadow: 0 5px 17px 0 rgba(0, 0, 0, .15);
	white-space: nowrap;
	z-index: 1000;
}
.dropdown-menu-edited li {
	height: 35px;
	line-height: 30px;
	border-bottom: 1px solid #e5e5e5;
	padding-left: 10px;
}
.dropdown-link {
	display: inline-block;
	padding-left: 15px;
	font-weight: normal;
}
.so-head__logo div small {
	line-height: 14px;
}
.so-profil__name {
    margin-right: 12px;
    font-size: 16px;
    text-align: right;
    display: flex;
    flex-direction: column;
}
.so-profil__name .status {
    font-size: 11px;
    line-height: 15px;
    color: #A2A2A8;
}
.so-profil__img {
	height: 40px;
}
main, .so-section {
    min-height: calc(100vh - 88px);
}
.section-info {
	padding-left: 20px;
    background: url(../images/pic_7.png) no-repeat 97% 80%, url(../images/bg.png) no-repeat 90% bottom;
    padding-bottom: 90px;
}
.section-info .tab-content {
    padding-right: 250px;
}
table td {
    /*padding: 20px;*/
}
table th {
    padding: 10px 20px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
}
table tr.hr {height: 12px;}
table .list-icon, table .list-icon li {margin-bottom: 0;}

.table-unstyle th, .table-unstyle td {
    padding: 5px 20px;
	text-align: center;
}
.table-border td {
	padding: 16px;
}
.table-unstyle th {
    font-size: 14px;
    line-height: 19px;
    color: #8B8B93;
}
.table-unstyle tr.hr {
    border-bottom: 1px solid #EDEDEE;
}
.table-light tbody tr, .table-border tbody tr {
    background-color: #fff;
}
.table-light tbody tr td:first-child,
.table-border tbody tr td:first-child {
    border-radius: 12px 0 0 12px;
    -moz-border-radius: 12px 0 0 12px; 
    -webkit-border-radius: 12px 0 0 12px; 
    -khtml-border-radius: 12px 0 0 12px; 
}
.table-light tbody tr td:last-child,
.table-border tbody tr td:last-child {
    border-radius: 0 12px 12px 0;
    -moz-border-radius: 0 12px 12px 0; 
    -webkit-border-radius: 0 12px 12px 0; 
    -khtml-border-radius: 0 12px 12px 0; 
}
.table-border tbody tr td {
    border-top: 1px solid #EDEDEE;
    border-bottom: 1px solid #EDEDEE;
}
.table-border tbody tr td:first-child {
    border-left: 1px solid #EDEDEE;
    border-top: 1px solid #EDEDEE;
    border-bottom: 1px solid #EDEDEE;
}
.table-border tbody tr td:last-child {
    border-right: 1px solid #EDEDEE;
    border-top: 1px solid #EDEDEE;
    border-bottom: 1px solid #EDEDEE;
}
.sort span {
    display: flex;
    align-items: center;
    font-size: 14px;
	text-align: left;
}
.sort a {
    display: block;
    width: 18px;
    height: 14px;
}
.sort a.sort-desc {
    background-image: url(../images/arrow_desc.png);
    background-size: contain;
}
.sort a.sort-asc {
    background-image: url(../images/arrow_asc.png);
	background-size: contain;
}
.sort a.sort-no {
    background-image: url(../images/arrow_sort.png);
	background-size: contain;
}
.period {
    display: flex;
    align-items: center;
	max-width: 300px;
    justify-content: space-between;
}
.process {
    background: #EDEDEE;
    height: 3px;
    border-radius: 2px;
    width: 50%;
    /*display: flex;
	max-width: 88px;*/
    align-items: center;
    position: relative;
    margin: 0 12px;
}
.process.expired::after,
.process.expected::after,
.process.completed::after{
    display: block;
    content: '';
    background: #EDEDEE;
    border-radius: 8px;
    position: absolute;
    z-index: 5;
    top: -6px;
    left: 50%;
    height: 16px;
    font-size: 10px;
    line-height: 14px;
    text-align: center;
    color: #111315;
}
.process.expired::after {
    content: 'истёк';
    color: #8B8B93;
    margin-left: -25.5px;
    width: 52px;
}
.process.expected::after {
    content: 'ожидается';
    color: #8B8B93;
    margin-left: -31.5px;
    width: 64px;
}
.process.completed::after {
    content: 'продан';
    color: #8B8B93;
    margin-left: -29.5px;
    width: 60px;
}
.process .cr-open {
    background: #1EB91B;
    border-radius: 2px;
    display: block;
    height: 2px;
}
.process .cr-expired {
    background: #A0522D;
    border-radius: 2px;
    display: block;
    height: 2px;
}
.process .cr-expected {
    background: #FFD700;
    border-radius: 2px;
    display: block;
    height: 2px;
}
.process .cr-completed {
    background: #111315;
    border-radius: 2px;
    display: block;
    height: 2px;
}
table td.colspan {
    font-size: 14px;
    line-height: 140%;
    text-transform: uppercase;
    color: #A2A2A8;
    border: 0!important;
    padding: 8px 20px;
}
.section-bidding__head {
    margin-bottom: 20px;
}
.section-bidding__head .btn-create {
	height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
	padding: 0 40px;
	color: #fff;
	background-color: #01897B;	
	border: none;
	border-radius: 12px;
}
/*
.section-bidding__head .btn-create::before {
    display: block;
    content: '';
    width: 22px;
    height: 22px;
    background-image: url(../images/plus.png);
    margin-right: 8px;
}
*/
.bid-filter {
    background: #FFFFFF;
    border-radius: 12px;
    padding: 16px 12px;
    margin-bottom: 16px;
}
.bid-filter select {
    margin-bottom: 12px;
}
.bid-filter__prop {
    width: 16.67%;
    margin-right: 15px;
}
.bid-filter__prop select {
	color: #A2A2A8;
	font-size: 14px;
}
.bid-filter__prop select option:not(:first-child):hover {
    box-shadow: 0 0 10px 100px #01897B inset;
}
select option:hover {
    box-shadow: 0 0 10px 100px #01897B inset;
}
.bid-filter__prop
.bid-filter__prop:last-child {margin-right: 0;}
.bid-filter .prop-value {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #EDEDEE;
    border-radius: 10px;
    font-size: 14px;
    line-height: 140%;
    padding: 6px 10px;
    margin-bottom: 8px;
}
.bid-filter .prop-value:last-child {
    margin-bottom: 0;
}
.bid-filter .prop-value .btn-close {
    display: block;
    content: '';
    background: url(../images/close.png);
    width: 11px;
    height: 11px;
	cursor: pointer;
}
.so-content {
    padding: 25px 30px 15px 30px;
}
.popup {
	margin-top: 20px;
}
.popup .so-content {
    background: #FFFFFF;
    border-radius: 30px 30px 0px 0px;
	padding-bottom: 30px;
}
.so-content .so-title {
    margin-bottom: 20px;
}
.so-content .title-content span {
    font-size: 24px;
    line-height: 32px;
    margin-left: 15px;
}
.so-content .title-btn button {
    margin-right: 12px;
}
.so-content .title-btn button:last-child {
    margin-right: 0;
}
.popup .line-year {
    border: 1px solid #F8F8F8;
    border-radius: 10px;
    margin-left: 5px;
}
.popup .line-year span {
    font-size: 14px;
    line-height: 140%;
    color: #CFCFD3;
    padding: 0 8px;
}
.popup .line-year span.active {
    background: #EDEDEE;
    border-radius: 10px;
}
.popup .table-border {
    margin-top: 24px;
}
.rating {
    font-weight: 500;
}
.rating.bad {
    color: #FF0000;
}
.rating.normal {
    color: #FFA800;
}
.rating.good {
    color: #111315;
}
.rating.great {
    color: #1EB91B;
}
.popup table .buttons {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.info {
    padding: 12px 16px 12px 42px;
    background: #D3E9DD;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}
.info::before {
    display: block;
    content: '';
    width: 16px;
    height: 16px;
    background: url(../images/star.png) no-repeat center;
    background-size: contain;
    position: absolute;
    left: 16px;
    top: 50%;
    margin-top: -8px;
}
.info .btn-confirm {
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
}
.info .btn-confirm::before {
    display: block;
    content: '';
    width: 15px;
    height: 18px;
    background-image: url(../images/shield_light.png);
    margin-right: 8px;
}
.so-content .form-control {
    margin-bottom: 15px;
}
.so-content textearea {
    min-height: 95px;
}
.so-content h2 {
    font-size: 26px;
    margin-bottom: 15px;
}
.so-content h3 {
    font-size: 20px;
    margin-bottom: 24px;
}
.so-content div[class^=area-] {
    background-color: #EDEDEE;
    border: 1px solid #EDEDEE;
    height: 144px;
    border-radius: 12px;
}
.so-content .area-load {
	padding: 10px;
	height: 100vh;
    width: 100%;
    position: relative;
	margin-bottom: 10px;
}
.so-content .area-add {
    width: 88px;
}
.popup-review {
    width: 710px;
    margin: 30px auto;
}
.popup-review .so-content {
    border-radius: 30px;  
    padding: 40px;
}
.popup-review__top {
    margin-bottom: 26px;
    padding-bottom: 16px;
    border-bottom: 1px solid #EDEDEE;
}
.popup-review__top h4 {
    margin: 0 40px 0 0;
}
.popup-review__bottom {
    margin-top: 40px;
}
.form-rating {
    margin-top: 25px;
}
.star-rating{
    font-size: 0;
}
.star-rating__wrap{
    display: inline-block;
    font-size: 1rem;
}
.star-rating__wrap:after{
    content: "";
    display: table;
    clear: both;
}
.star-rating__ico{
    float: right;
    padding-left: 2px;
    cursor: pointer;
    color: #EDEDEE;
}
.star-rating__ico:last-child{
    padding-left: 0;
}
.star-rating__input{
    display: none;
}
.star-rating__ico:hover:before,
.star-rating__ico:hover ~ .star-rating__ico:before,
.star-rating__input:checked ~ .star-rating__ico:before
{
    content: "\f005";
    font-weight: 900;
    color: #FFB300;
}

.so-page-profil .list-icon {
    margin-top: 28px;
}
.so-page-profil .prop-value {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    background-color: #F5F5F5;
    border-radius: 10px;
    font-size: 14px;
    line-height: 140%;
    padding: 6px 10px;
    margin-bottom: 8px;
    margin-right: 8px;
}
.so-page-profil .prop-value:last-child {margin-right: 0;}
.so-page-profil .prop-value .btn-close {
    display: block;
    content: '';
    background: url(../images/close_light.png);
    background-size: contain;
    width: 11px;
    height: 11px;
    margin-left: 7px;
	margin-top: 3px;
}

.form-search {
    width: 365px;
    margin-left: 12px;
}
.form-search form {position: relative;}
.form-search .form-control {
    border-color: transparent;
    font-size: inherit;
    line-height: inherit;
    padding: 11px 16px;
}
.form-search input[type=submit] {
    border: 0;
    background: url(../images/search.png);
    width: 24px;
    height: 24px;
    background-size: contain;
    position: absolute;
    top: 50%;
    margin-top: -12px;
    right: 15px;
}

.list-chats, .chat-messages {
    background: #fff;
    border-radius: 12px;
    border: 2px solid transparent;
}
.list-chats .chat {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 10px;
	padding-right: 10px;
	cursor: pointer;
}
.list-chats .chat.active, .list-chats .chat:hover {
    background: #FDF5E6;
    border-radius: 12px;
}
.list-chats .chat .chat-left {
	flex-grow: 1;
}
.list-chats .chat .chat-left,
.list-chats .chat .chat-right {
	position: relative;
    display: flex;
    align-items: center;
	padding-top: 10px;
	padding-bottom: 10px;
}
.div_photo_small {
    position: relative;
	display: inline;
    margin-right: 7px;
}
.div_photo_small.online::after {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #1EB91B;
    border: 1px solid #fff;
}
.list-chats .chat .chat-right .icon {
    margin-right: 12px;
}
.list-chats .chat .chat-right .icon:last-child {
    margin-right: 0;
}
.chat-messages {
    padding: 12px 16px;
    margin-bottom: 16px;
    position: relative;
    border: 0;
    overflow: hidden;
}
.chat-message {
    margin-bottom: 8px;
}
.chat-message .message-date {
    font-size: 14px;
    line-height: 140%;
    color: #A2A2A8;
    margin-bottom: 5px;
}
.chat-message .message-content {
    display: inline-flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 16px;
    background: #F8F8F8;
    max-width: 620px;
}
.chat-messages__left .message-content {
    border-radius: 12px 12px 12px 2px;
}
.chat-messages__right .message-content {
    border-radius: 12px 12px 2px 12px;
}
.chat-messages__right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.chat-message .icon {
    flex: 1 0 32px;
    margin-right: 10px;
}
.chat-message__send {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    padding: 12px 0;
    background: #FFFFFF;
    box-shadow: inset 0px 1px 0px rgba(26, 26, 37, 0.08);
    margin-top: 35px;
}
.chat-message__send .load {
    flex: 0 0 32px;
    background: url(../images/camera.png) no-repeat center;
    height: 32px;
}
.chat-message__send .text {
    flex: 0 0 90%;
    color: #A2A2A8;
    padding: 5px 16px;
}
.chat-message__send .send {
    flex: 0 0 32px; 
    background: url(../images/send_big.png) no-repeat center;
    height: 32px;
}
.chat-messages .info {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
}


.section-title h1 {
    margin-top: 25px;
    margin-bottom: 32px;
}
.section-about {
    background: url(../images/bg.png) no-repeat 90% bottom;
}
.section-about .list-card {
    margin: 25px 0 120px 0;
    padding: 0;
    list-style: none;
    display: flex;
}
.section-about .list-card li {
    width: 180px;
    margin-right: 48px;
    text-align: center;
}
.section-about .list-card li:last-child {margin-right: 0;}
.section-about .list-card li div {
    width: 100%;
    height: 256px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
    background: #fff;
    box-shadow: 0px 8px 16px -4px rgba(0, 0, 0, 0.13);
    border-radius: 12px;
}
.section-about h3 {
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 8px;
}
.section-about a {text-decoration: underline;}

.list-number {
  counter-reset: li;   
    list-style: none;
    padding: 0;
    margin: 0;
}
.list-number li {
    margin-bottom: 25px;
    position: relative;
    padding-left: 50px;
}
.list-number li::before {
    counter-increment: li;                 
    content: counter(li);
    width: 28px;
    height: 28px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    line-height: 27px;
    color: #fff;
    position: absolute;
    left: 0;
}
.list-number li h4 {
    margin-bottom: 5px;
}
.list-number li span {
    color: #8B8B93;
}
.list-number.blue li::before {
    background: #4283A2;
}
.list-number.green li::before {
    background: #01897B;
}
.list-number li:last-child::before {
    background: #1EB91B;
}

.section-contact {
    background: url(../images/pic_8.png) no-repeat 90% 60%, url(../images/bg.png) no-repeat 90% bottom;
}
.section-contact form {
    margin: 24px 0 60px 0;
}
.section-contact form span {
    font-size: 14px;
    color: #8B8B93;
}
.statistics {
	height: 190px;
    padding: 0 15px !important;
	margin-top: 10px;
	margin-bottom: 20px;
}
.stat-body {
	position: relative;
	height: 100%;
	margin: 15px 0 10px 0;
	padding-top: 15px;
	background-color: white;
	border-radius: 12px;
	line-height: 1.2 !important;
	text-align: center;
}
.stat-title {
	text-align: center;
	color: #218979;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
}
.stat-waste {
	padding-left: 20%;
	text-align: left;
}
.stat-title-small {
	text-align: center;
	margin-bottom: 5px;
	font-size: 14px;
	font-weight: 500;
}
.stat-icon {
	padding: 0;
	margin: 0;
	display: inline-block;
	margin-right: 10px;
	width: 16px;
	height: 16px;
}
.stat-name {
	display: inline-block;
	width: 180px;
	height: 16px;
	font-size: 12px;
	text-align: left;
}
.stat-table {
	width: 80%;
	margin: 0 auto;
}
.stat-table td {
	text-align: left;
	vertical-align: middle;
	padding: 0 !important;
}
.stat-sale {
	display: inline-block;
	width: 76px;
	margin-bottom: 20px;
	margin-right: 10px;
	font-size: 12px;
}
.stat-count {
	display: inline-block;
	color: #FFB300;
	font-size: 18px;
	font-weight: bold;
	vertical-align: top;
}
.stat-user {
	display: inline-block;
	text-align: left;
	width: 70%;
	margin-bottom: 4px;
	font-size: 12px;
	white-space: nowrap; /* Текст не переносится */
    overflow: hidden; /* Обрезаем всё за пределами блока */
    text-overflow: ellipsis; /* Добавляем многоточие */
}
.stat-number {
	display: inline-block;
	margin-bottom: 4px;
	overflow: hidden;
	font-size: 12px;
	color: #FFB300;
}
/*
.stat-user a {
	color: #111315;
	text-decoration: none;
	padding-bottom: 2px;
	border-bottom: 1px dotted #212529;
}
*/
.stat-data {
	text-align: right;
	color: #01897B;
	font-size: 22px;
	font-weight: bold;
}
.rating-table {
	margin-left: 10px;
}
.rating-table td {
	text-align: left;
	width: 50%;
	padding: 0 !important;
}
.link_rating_all {
	position: absolute;
	bottom: 10px;
	text-align: right;
	display: block;
	width: 100%;
}
.link_rating_all a {
	font-size: 12px;
	text-decoration: none;
	padding-right: 20px;
}
span.offers_filter_title {
	display: inline-block;
	width: 40px;
	text-align: right;
	margin-right: 5px;
	font-size: 10px;
}
div.offers_filter_wrapper {
	display: inline-block;
	margin-bottom: 7px;
	position: relative;
	width: 150px;
	height: 22px;
	border: none !important;
	padding: 0;
}
.offers_filter {
	position: relative;
	width: 100%;
	height: 22px;
	background-color: #ececec;
	border: none;
	border-radius: 5px;
	font-size: 10px;
}
a.offers_filter_calend {
	display: inline-block;
	width: 22px;
	height: 22px;
}
.filter_date_end {
	width: 80px;
	padding-left: 5px;
}
.filter-input {
	background-color: white !important;
	color: #A2A2A8;
	margin-bottom: 12px;
	font-size: 14px;
}
table.offers td {
	padding: 25px 10px 20px 10px;
	line-height: 18px;
	vertical-align: baseline;
}
.offer_none {
	text-align: left;
	color: #8B8B93;
	font-size: 14px;
	font-style: italic;
}
.top-icon {
	vertical-align: middle;
	margin: 0 0 0 10px;
}
#icon_messages {
	position: relative;
	margin-right: 20px;
}
#count_messages {
	position: absolute;
	top: 5px;
	left: 28px;
	color: white;
	font-size: 10px;
	width: 35%;
	text-align: center;
	z-index: 10000;
}
.toast {
	position: absolute;
	top: 85px;
	left: 15px;
	min-width: 250px;
	margin: 5px;
	border: 1px solid #01897B;
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3) !important;
}
.toast-header {
	font-size: 14px;
	padding-left: 10px;
	background-color: #218979 !important;
	color: white;
}
.toast-header .close {
	margin-top: -2px;
	margin-right: 10px;
	color: white;
}
.toast-body {
	padding: 10px;
	font-size: 14px;
	background-color: #fff8dc !important;
}
.select-css {
	display: block; 
	font-size: 16px; 
	font-family: sans-serif; 
	font-weight: 700; 
	color: #444; 
	line-height: 1.3; 
	padding: .6em 1.4em .5em .8em; width: 100%; 
	max-width: 100%; 
	box-sizing: border-box; 
	margin: 0; 
	border: 1px solid #aaa;
	 box-shadow: 0 1px 0 1px rgba(0,0,0,.04); 
	border-radius: .5em;
	 -moz-appearance: none;
	 -webkit-appearance: none;
	 appearance: none;
	 background-color: #fff; 
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'), linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); 
	background-repeat: no-repeat, repeat;
	background-position: right .7em top 50%, 0 0;
	background-size: .65em auto, 100%; 
} 
.select-css::-ms-expand {
	display: none;
} 
.select-css:hover {
	 border-color: #888;
} 
 .select-css:focus {
	border-color: #aaa; 
	box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
	box-shadow: 0 0 0 3px -moz-mac-focusring; 
	color: #222;
	outline: none; 
} 
 .select-css option { font-weight:normal; } 
 *[dir="rtl"] .select-css, :root:lang(ar) .select-css, :root:lang(iw) .select-css { 
background-position: left .7em top 50%, 0 0; 
padding: .6em .8em .5em 1.4em; 
}
.icon-waste {
	display: inline-block;
	margin-right: 5px;
	height: 25px;
	width: 25px;
	vertical-align: top;
}
.offer_upload_form {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	text-align: center;
}
.user_upload_form {
	position: absolute;
	padding: 0;
	margin: 0;
	top: 0;
	left: 0;
    height: 100%;
    width: 100%;
	cursor: pointer;
	text-align: center;
}
.upload_file {
	height: 100%;
    width: 100%;
	max-width: 100%;
	min-width: 100%;
	cursor: pointer;
	opacity: 0;
}
.symbol_plus, .symbol_del {
	display: inline-block;
	width: 25px !important;
	height: 25px !important;
	text-align: center;
	line-height: 18px;
	color: #A2A2A8;
	font-weight: normal;
	margin-left: -7px;
}
.symbol_plus {
	font-size: 28px;
}
.symbol_del {
	font-size: 22px;
}
.symbol_plus:hover, .symbol_del:hover {
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.15);
	border-radius: 7px;
}
.block-close {
	float: right;
	margin-top: -10px;
	/*margin-right: -10px;*/
}
.link-close {
	text-align: center;
	width: 25px !important;
	height: 25px !important;
}
.button-photo-link {
	position: relative;
	padding: 0;
	font-size: 10px;
	color: #8E8E8E;
	text-align: center;
	width: 100%;
	height: 100%;
	cursor: pointer;
}
.button-photo-link:hover {
	text-decoration: none;
	color: #8E8E8E;
}
.review_stars_wrap {
  overflow: hidden;
  margin-bottom: 10px;
}
#review_stars {
  overflow: hidden;
  position: relative;
  float: left;
}
#review_stars input {
  opacity: 0;
  position: absolute;
  top: 0;
  z-index: 0;
}
#review_stars input ~ label i {
  color: gainsboro;
}
#review_stars input:checked ~ label i, #review_stars label:hover i, #review_stars label:hover ~ label i {
  color: #FFBC54;
}
.rating_stars {
	color: #01897B;
}
#review_stars label {
  float: right;
  cursor: pointer;
  position: relative;
  z-index: 1;
  width: auto !important;
}
a.delete_photo {
	display: inline-block;
	margin-top: -5px;
	margin-left: 4px;
	vertical-align: top;
}
.button-link {
	display: block;
	margin-top: 10px;
	text-align: left;
	color: #8E8E8E;
}
span.error {
	display: block;
	color: #ff573e;
}
span.error a {
	color: #ff573e;
}
span.success {
	display: block;
	color: #54a640;
}
span.success a {
	color: #54a640;
}
.offer-group {
	display: flex;
	height: 32px;
	align-items: center;
	margin-bottom: 1rem;
}
.offer-group label {
	margin: 0 auto;
	font-size: 10px;
	padding-right: 0;
}
.offer-group .form-control {
	height: 32px;
	border: 0;
	border-radius: 3px;
	box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.15);
	font-size: 10px;
}
.offer-group .form-text {
	margin: 0 auto;
	/*height: 32px;*/
	font-size: 12px;
	font-weight: bold;
}
.filter-group {
	margin-top: 20px; 
	margin-left: 20px;
	height: auto !important;
}
.col-read {
	margin-bottom: 12px;
}
.col-read label {
	margin-bottom: 0;
}
.col-fields {
	margin-bottom: 10px;
}
img.photo_small {
	display: inline-block;
	height: 40px;
	margin: 2px 2px 2px 0;
	padding: 3px;
	border: 1px solid Gainsboro;
	border-radius: 3px;
	background-color: white;
}
img.photo_medium {
	display: inline-block;
	margin: 0;
	max-width: 100%;
	max-height: 100%;
	padding: 5px;
	border: 1px solid Gainsboro;
	border-radius: 4px;
	background-color: white;
}
img.photo_big {
	display: inline-block;
	height: 70px;
	padding: 7px;
	border: 1px solid Gainsboro;
	border-radius: 5px;
	background-color: white;
}
tr.sort th {
	/*padding-top: 22px;*/
}
.button-white-green, .button-green-white, .button-white-red, .button-red-white, .button-white-orange, .button-orange-white {
	border-radius: 12px;
	font-size: 16px;
	white-space: nowrap;
	padding: 10px 20px;
	cursor: pointer;
	position: relative;
}
.button-white-green {
	background-color: #ffffff;
	border: 1px solid #218979;
	color: #218979;
}
.button-white-green:hover {
	background-color: #218979;
	border: 1px solid #218979;
	color: #ffffff;
}
.button-green-white {
	background-color: #218979;
	border: 1px solid #218979;
	color: #ffffff;
	padding: 8px 20px;
}
.button-green-white:hover {
	background-color: #ffffff;
	border: 1px solid #218979;
	color: #218979;
}
.button-green-white.disabled {
	background-color: #989898;
	border: 1px solid #989898;
}
.button-white-green.disabled {
	border: 1px solid #989898;
	color: #989898;
}
.button-white-red {
	background-color: #ffffff;
	color: #ff573e;
	border: 1px solid #ff573e;
}
.button-white-red:hover {	
	background-color: #ff573e;
	color: #ffffff;
	border: 1px solid #ff573e;
}
.button-red-white {
	background-color: #ff573e;
	border: 1px solid #ff573e;	
	color: #ffffff;
	padding: 8px 20px;
}
.button-red-white:hover {
	background-color: #ffffff;
	border: 1px solid #ff573e;
	color: #ff573e;
}
.button-white-orange {
	background-color: #ffffff;
	color: #FFA500;
	border: 1px solid #FFA500;
	cursor: auto;
}
.button-orange-white {
	background-color: #FFA500;
	border: 1px solid #FFA500;
	color: #ffffff;
	padding: 8px 20px;
}
table.answers th, table.answers th span, table.answers td {
	text-align: center;
}
.price_info {
	display: block;
	margin-bottom: 10px;
	font-weight: bold;
	line-height: 30px;
}
.offers-buttons {
	text-align: center;
	/*
	padding-left: 5px !important;
	padding-right: 5px !important;
	*/
}
.offers-buttons button {
	font-size: 14px;
	padding-right: 10px !important;
	padding-left: 10px !important;
}
.text-new-price {
	display: block;
	margin-bottom: 5px;
	line-height: 30px;
}
.password {
	position: relative;
}
.password-control {
	position: absolute;
	top: 10px;
	right: 16px;
	display: inline-block;
	width: 20px;
	height: 20px;
	background-image: url(view.svg);
	background-repeat: no-repeat;
	background-position-x: 0;
	background-position-y: 0;
	background-size: 18px 18px;
}
.password-control.view {
	background-image: url(no-view.svg);
}
.offer_photo_block {
	display: inline-block;
	vertical-align: bottom;
}
.offer_photo {
	object-fit: cover;
	object-position: center;
    height: 100%;
    width: 100%;
}
.photo_icon {
	position: relative;
	padding: 0;
	display: inline-block;
	margin-top: -7px;
	margin-left: 4px;
	vertical-align: top;
	width: 25px !important;
	height: 25px !important;
}
.font-icon {
	display: inline-block;
	margin-right: 7px;
	font-size: 18px;
	color: #01897B;
}
.user_name {
	font-size: 18px;
	font-weight: bold;
	padding-right: 10px;
}
.user_photo {
	height: 50px;
	border: 1px solid silver;
}
.block_photo_online {
	position: relative;
}
.block_photo_online::after {
    display: inline-block;
    content: '';
    position: absolute;
    top: 2px;
    left: 2px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #1EB91B;
    border: 1px solid #fff;
}
.offer_waste {
	display: inline-block;
	margin-bottom: 10px;
}
table.customers-rating td {
	padding: 20px;
}
img.photo_rating {
    display: inline-block;
    height: 50px;
    margin: 0;
	margin-right: 5px;
    padding: 3px;
    border: 1px solid Gainsboro;
    border-radius: 3px;
    background-color: white;
}
table.customers-rating tr.hover:hover {
	background-color: #FDF5E6;
}
.clear_date {
	display: inline-block;
	width: 20px;
    height: 20px;
	color: #218979;
	font-size: 20px;
}
button.multiselect {
	border: 1px solid #A2A2A8;
	border-radius: 12px;
	font-size: 16px;
	width: 100%;
	height: 100% !important;
	padding-top: 8px;
	padding-bottom: 8px;
	min-width: 250px;
}
.message_block {
	margin-bottom: 10px;
	vertical-align: top;
}
.message_green, .message_system, .message_blue, .message_date {
	display: inline-block;
	padding: 10px;
	border-radius: 15px;
	border: 1px solid white;
}
.message_green {
	width: 70%;
	background-color: #ddf9d6;
}
.message_system {
	width: 70%;
	background-color: #F0F0F0;
}
.message_blue {
	width: 70%;
	background-color: #D6F1FF;
}
.message_date {
	vertical-align: top;
	color: Grey;
	font-style: italic;
	padding: 12px 0 5px 0;
}
.message_text {
	
}
.message_system .message_text {
	text-align: center;
	font-style: italic;
}
.message_unread {
	font-weight: bold;
}
textarea#message_new {
	margin: 0 auto;
	width: 72%;
	height: 4em;
	border-radius: 10px;
	text-align: left;
}
.chat-icon {
	display: inline-block;
	margin-left: 5px;
	font-size: 22px;
	color: #E9E9E9;
	text-shadow: 0 0 2px Black;
}
td.td_user {
	width: 25%;
	padding: 35px 0 10px 0;
	vertical-align: top;
}
td.td_text {
	width: 75%;	
	padding: 10px;
}
td.td_text a:hover {
	text-decoration: none;
	color: #212529;
}
td.td_user_left {
	width: 50%;
	text-align: left;
	padding-left: 10px;
	font-weight: bold;
}
td.td_user_right {
	width: 50%;
	text-align: right;
	padding-right: 10px;
	font-weight: bold;
}
.users_count {
	text-align: right;
	padding: 0;
	margin-top: -5px;
	color: Grey;
	font-style: italic;
}
#icon_messages {
	position: relative;
}
#count_messages {
	position: absolute;
	top: 4px;
	left: 28px;
	color: white;
	z-index: 10000;
}
.messages-image-upload {
	position: relative;
	top: -88px;
	height: 27px;
	width: 12%;
}
.messages-image-upload-icon {
	width: 23px;
	height: 23px;
}

.messages-image-upload-block {
	float: right; 
	position: relative; 
	width: 23px; 
	height: 23px;
}
.message_photo_link {
	width: 100%;
	height: 100%;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
}
.message_photo {
	width: auto;
	height: 100%;
}
.users_table td {
	background-color: #DEE8F3;
}
.users_table th {
	background: none !important;
	color: #212529;
	font-weight: bold !important;
	border-top: 1px dotted #212529;
	border-bottom: 1px dotted #212529;
}
/*
img.online {
	display: inline-block;
	margin-left: 5px;
	width: 25px;
	height: 25px;
}
*/

.message_block a.offer_link:active {
	text-decoration: none;
	color: inherit;
}
.message_block a.offer_link {
  text-decoration: none;
  color: inherit;
  padding-bottom: 0;
  border-bottom: 1px dotted #212529;
}
.new_message_block {
	text-align: center;
	margin: 30px 0 10px 0;
}
.reviews-title {
	font-size: 20px;
	margin-bottom: 30px;
}
.price {
	white-space: nowrap;
}
.winned-price {
	color: #00FF00;
	font-weight: bold;
}
.row-title {
	display: block;
	margin-top: 15px;
	color: #A2A2A8;
}
.row-title:first {
	margin-top: 0;
}
.title_date {
	color: grey;
	text-align: center;
	margin: 20px 0 10px 0;
}
.user-settings {
	font-size: 20px;
	color: grey;
	cursor: pointer;
	padding-bottom: 10px;
}
.user_block {
	text-align: center;
	margin-top: 30px;
	margin-bottom: 20px;
	line-height: 18px;
}
 /* Dropdown Button */
/*
.dropbtn {
    background-color: #3498DB;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}
*/

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    z-index: 10000;
}
/*
.dropdown-content a {
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}
*/
.show {
	display: block;
}
.back-grey {
	background-color: #EDEDEE;
}
.line-grey {
	border-bottom: 1px solid silver;
}
table.answers td {
	padding-top: 12px;
	/*padding-bottom: 5px;*/
}
.name_info {
	display: block;
	color: grey;
	font-style: italic;
	font-size: 12px;
	margin-bottom: 10px;
}
.mailing_table .dropdown-menu-edited {
	width: 280px !important;
}
.filter_table th {
	padding-left: 10px;
	padding-right: 0;
}
.icon-toggle {
	margin-left: 10px;
	height: 28px;
	width: 80px;
	color: #A2A2A8;
	font-size: 16px;
	background-color: white;
	border: 1px solid #A2A2A8;
	border-radius: 12px;
}
.text-aquamarine {
	color: #218979;
}
.text-silver {
	color: silver;
}
textarea {
	word-wrap: break-word;
	overflow: hidden;
	margin-bottom: 0 !important;
}
#waste_statistics .stat-number {
	margin-bottom: 0 !important;
}