body {
color: #333;
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
font-size: 13px;
margin: 0;
padding: 0;
background: #f1f2f1;
font-weight: 400;
}
h1 { font-size: 52px; margin: 0; padding: 5px 15px;}
h3 { font-size: 28px; margin: 0; }
h4 { font-size: 24px; margin: 10px 0 0 0; }

h1, h3, h4, h5 {font-weight: 300;}
a {text-decoration: none;}
option:hover {cursor: pointer;}
table {border-collapse: collapse;}
img {border: 0;}
form {margin: 0;overflow:auto;}
input:not([type="checkbox"]), textarea, select, button {
font-family: inherit;
outline: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
input[type="submit"]:active{
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEE), to(#E0E0E0));
border-color: #BBB;
box-shadow: rgb(204, 204, 204) 0px 1px 5px inset;
z-index: 2;
color: #000;
}
select {
background-image: url('images/ico/down_arrow_b.png');
background-repeat: no-repeat;
background-position: center right 10px;
background-size: 8px;
}
::selection {
background:#000;
color:#fff;
}
#loading-bar {
position: fixed;
z-index: 2147483647;
top: 0;
left: -6px;
width: 0;
height: 2px;
background: #f84049;
border-radius: 1px;
-moz-transition: width 500ms ease-out,opacity 400ms linear;
-ms-transition: width 500ms ease-out,opacity 400ms linear;
-o-transition: width 500ms ease-out,opacity 400ms linear;
-webkit-transition: width 500ms ease-out,opacity 400ms linear;
transition: width 500ms ease-out,opacity 400ms linear;
}
#loading-bar dd, dt {
position: absolute;

}
#loading-bar dd {
opacity: .6;
width: 20px;
right: 0;
clip: rect(-6px,22px,14px,10px);
}
#loading-bar dt {
opacity: .6;
width: 180px;
right: -80px;
clip: rect(-6px,90px,14px,-6px);
}
.loader {
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.7);
position: fixed;
overflow: auto;
left: 0;
top: 0;
z-index: 1100;
visibility: hidden;
}
.loader-preloader {
width: 80px;
height: 80px;
position: fixed;
z-index: 1111;
top: 50%;
left: 50%;
transform:translate(-50%, -50%);
background: url('images/Vp3R.gif');
background-size: 80px;
background-repeat: no-repeat;
background-position: center;
}
.av_top {
position: fixed;
right: 0px;
top: 62px;
width: 80px;
height: 100%;
opacity: 0.7;
filter: alpha(opacity=70);
cursor: pointer;
display: none;
}
.av_top:hover{
opacity: 1;
filter: alpha(opacity=100);
}
.av_top span{
display: block;
width: 80px;
margin-top: 20px;
text-align: center;
color: #000;
font-weight: 600;
}

.topbar {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 1000;
height: 65px;
background: #fff;
box-shadow: 0 4px 20px rgba(0,0,0,.08);
}
.header {
margin: 0 auto;
width: 1100px;
padding: 0 10px;
}
.logo-container {
width: 158px;
padding-top: 26px;
margin: 0 auto;
}
.logo {
width: 158px;
height: 15px;
background: url('images/logo.png') no-repeat;
}
#content {
padding: 80px 0 10px 0;
}
#footer {
display: none;
}

.row-page-admin {
border-bottom: 0;
width: 92%;
height: 100%;
margin: 0 auto;
}
.admin-container {
width: 100%;
overflow: auto;
border: 1px solid #dcdcdc;
background: #fff;
display: flex;
border-radius: 6px;
}
.line-clamp-1 {
box-sizing: content-box;
word-wrap: break-word;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
overflow: hidden;
}
.line-clamp-10 {
box-sizing: content-box;
word-wrap: break-word;
display: -webkit-box;
-webkit-line-clamp: 10;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
overflow: hidden;
}
/*login*/
.login-container {
margin: 20px auto 0 auto;
width: 400px;
background: #fff;
border-radius: 20px;
}
.login-admin-ttl {
width: 100%;
padding: 20px 0;
font-size: 18px;
color: #000;
text-align: center;
}
.login-admin-inner {
overflow: auto;
max-width: 350px;
min-height: 250px;
margin: 0 auto;
padding: 0 20px 20px 20px;
}
.login-admin-inner-100 {
width: 100%;
margin: 0 auto;
overflow: auto;
}
.recover-divider {
height: 1px;
width: 100%;
float: left;
margin-bottom: 10px;
}
.login-admin-input {
width: 100%;
max-width: 250px;
margin: 0 auto;
box-sizing: border-box;
}
#username, #password {
padding: 8px;
border: 1px solid #dcdcdc;
border-radius: 10px;
margin: 0;
width: 228px;
font-size: 15px;
color: #000;
text-align: center;
line-height: 24px;
background-color: #fff;
}
#username:hover, #password:hover, #username:focus, #password:focus {
border-color: #999;
}
.login-admin-bottom {
width: 250px;
margin: 0 auto;
padding-top: 10px;
text-align: center;
position: relative;
}
.button-login button {
width: 248px;
color: #fff;
border-radius: 10px;
padding: 8px 0;
font-size: 15px;
line-height: 24px;
border: 1px solid transparent;
background-color: #0095f6;
cursor: pointer;
font-weight: 600;
text-align: center;
margin: 20px auto;
}
.error-box {
width: 100%;
color: #ed4956;
text-align: center;
font-size: 13px;
font-weight: 600;
}
/*headeradmin*/
.admin-header {
width: 100%;
font-size: 20px;
color: #000;
text-align: left;
padding-bottom: 20px;
position: relative;
}
.admin-header-menu {
position: absolute;
right: 0;
top: 5px;
}
.admin-header-logout {
width: 24px;
height: 24px;
background-image: url(images/ico/02-login.png);
background-size: 24px;
background-position: center;
margin-left: 15px;
float: left;
cursor: pointer;
}
/*menuadmin*/
.menu-container {
width: 23%;
}
.menu-content {
width: 100%;
}
.menu-link {
padding: 5px 10px 5px 10px;
display: block;
text-decoration: none;
line-height: 30px;
cursor: pointer;
border-left: 2px solid #fff;
color: #000;
font-size: 14px;
position: relative;
}
.menu-link:hover {
background-color: #EFEFEF;
}
.menu-link-active {
font-weight: 600;
border-left: 2px solid #000;
background-color: #EFEFEF;
}
.menu-link-divider {
height: 1px;
width: 100%;
background: #efefef;
}
.notifications-number {
position: absolute;
right: 10px;
top: 10px;
background: #f84049;
padding: 0 6px 3px 6px;
border-radius: 3px;
color: #FFF;
font-weight: 600;
font-size: 13px;
line-height: 16px;
}
/*Панель приборов*/
.page-container {
width: 77%;
border-left: 1px solid #dcdcdc;
}
.page-header {
width: 100%;
min-width: 100%;
padding-top: 20px;
font-size: 16px;
color: #000;
text-align: center;
font-weight: 600;
position: relative;
}
.page-content {
padding: 20px;
overflow: auto;
}
.page-width100 {
width: 100%;
}
.page-width98 {
width: 98%;
float: left;
padding: 10px 1%;
}
.display-flex {
display: flex;	
}

.info-content-inner {
width: 100%;
position: relative;
padding: 5px;
}
.info-content, .info-content2 {
border: 1px solid #dcdcdc;
border-radius: 10px;
margin: 10px 0;
}
/*Статистика*/
.dash-stats-admin {
width: 194px;
height: 70px;
float: left;
padding: 10px 10px 25px 10px;
margin: 10px;
border-radius: 5px;
border: 1px solid #dcdcdc;
position: relative;
}
.dash-half-admin {
width: 50%;
float: left;
font-size: 13px;
color: #000;
}
.dash-values-admin {
font-size: 22px;
color: #1fa4df;
font-weight: 600;
}
.stats-values {
font-size: 14px;
}
.percentage {
position: absolute;
left: 10px;
bottom: 5px;
}
.neutral {
color: #000;
font-weight: 600;
}
.positive {
color: #1fa4df;
font-weight: 600;
}
.negative {
color: #f84049;
font-weight: 600;
}
.chart {
display: table;
table-layout: fixed;
width: 100%;
height: 53px;
margin: 0;
padding: 9px 0 0 0;
}
.chart li {
position: relative;
display: table-cell;
vertical-align: bottom;
height: 53px;
padding-right: 1px;
}
.chart span {
margin: 0 0;
display: block;
background: #1fa4df;
}
.chart span:hover {
background: #3b5998;
}
.chart p {
position: absolute;
bottom: -20px;
width: 100%;
text-align: center;	
font-size: 8px;
}
.errorage {
position: absolute;
right: 10px;
bottom: 5px;
font-size: 10px;
color: #000;
color: #f84049;
}
/*Статистика категории*/
.stats-container {
width: 100%;
padding: 10px 0;
display: flex;
}
.stats-left-header {
width: 33.333%;
box-sizing: border-box;
padding: 0 0 0 10px;
text-align: left;
color: #000;
font-size: 13px;
font-weight: 600;
}
.stats-center-header {
width: 33.333%;
box-sizing: border-box;
padding: 0 10px;
text-align: center;
color: #000;
font-size: 13px;
font-weight: 600;
}
.stats-right-header {
width: 33.333%;
box-sizing: border-box;
padding: 0 10px 0 0;
text-align: right;
color: #000;
font-size: 13px;
font-weight: 600;
}
.stats-content {
width: 100%;
padding: 5px 0;
display: flex;
}
.stats-content:hover {
background: #EEE;
}
.stats-extra {
background: #f7f7f7;
}
.stats-left-column {
width: 33.333%;
box-sizing: border-box;
color: #000;
font-size: 13px;
padding: 0 0 0 10px;
text-align: left;
}
.stats-center-column {
width: 33.333%;
box-sizing: border-box;
color: #000;
font-size: 13px;
padding: 0 10px;
text-align: center;
}
.stats-right-column {
width: 33.333%;
box-sizing: border-box;
color: #000;
font-size: 13px;
padding: 0 10px 0 0;
text-align: right;
}
/*меню header*/
.menu-header-container {
width: 100%;
display: flex;
padding-top: 10px;
margin: 0 0 10px 0;
border-bottom: 1px solid #dcdcdc;
}
.menu-header-boxes {
box-sizing: border-box;
font-size: 13px;
text-align: center;	
padding: 5px 0;
border-bottom: 1px solid #fff;
}
.boxes7 {
width: 14.2%;
}
.boxes6 {
width: 16.6666%;
}
.boxes5 {
width: 20%;
}
.boxes4 {
width: 25%;
}
.boxes3 {
width: 33.3333%;
}
.boxes2 {
width: 50%;
}

.boxescontent-00 {
color: #34A853;
}
.boxesvalues-00 {
font-size: 18px;
color: #34A853;
font-weight: 600;
}
.boxescontent-01 {
color: #000;
}
.boxesvalues-01 {
font-size: 18px;
color: #000;
font-weight: 600;
}
.boxescontent-02 {
color: #1fa4df;
}
.boxesvalues-02 {
font-size: 18px;
color: #1fa4df;
font-weight: 600;
}
.boxescontent-03 {
color: #f84049;
}
.boxesvalues-03 {
font-size: 18px;
color: #f84049;
font-weight: 600;
}
.boxescontent-04 {
color: #7F0000;
}
.boxesvalues-04 {
font-size: 18px;
color: #7F0000;
font-weight: 600;
}
.boxescontent-05 {
color: #21007F;
}
.boxesvalues-05 {
font-size: 18px;
color: #21007F;
font-weight: 600;
}
.boxescontent-06 {
color: #004A7F;
}
.boxesvalues-06 {
font-size: 18px;
color: #004A7F;
font-weight: 600;
}
.active-boxes {
border-bottom: 1px solid #000;
}
/*меню url*/
.menu-url-container {
width: 100%;
margin: 0;
padding: 0;
list-style-type: none;
display: grid;
grid-gap: 10px;
gap: 5px;
grid-template-columns: repeat(5,1fr);
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid #dcdcdc;
}
.menu-url-container-fo {
width: 100%;
margin: 0;
padding: 0;
list-style-type: none;
display: grid;
grid-gap: 10px;
gap: 5px;
grid-template-columns: repeat(4,1fr);
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid #dcdcdc;
}
.menu-url-item {
font-size: 13px;
color: #262626;
padding: 6px 0;
cursor: pointer;
text-align: center;
margin: 5px;
font-weight: 600;
border: 1px solid #dbdbdb;
border-radius: 5px;
line-height: 22px;
}
.menu-url-active {
border: 1px solid #000 !important;
}

.menu-url-item-ii {
width: 31.3333%;
float: left;
font-size: 13px;
color: #000;
padding: 10px 0;
cursor: pointer;
text-align: center;
margin: 1%;
font-weight: 600;
background: #EFEFEF;
border-radius: 10px;
line-height: 22px;
}
.menu-url-item-ii:hover {
background: #dbdbdb;
}
/*share*/
.share-container {
padding: 10px;
border: 1px solid #dcdcdc;
border-radius: 10px;
display: flex;
margin: 20px 5px;
}
.share-input-container {
width: 25%;
margin-bottom: 10px;
}
.share-input-title {
text-align: left;
width: 90%;
color: #000;
font-size: 13px;
font-weight: 600;
margin-bottom: 5px;
}
.share-input-cont {
width: 90%;
display: flex;
margin-bottom: 10px;
}
.share-input {
width: 100%;
padding: 8px 10px;
border: 1px solid #ccc;
border-radius: 10px;
line-height: 16px;
}
/*Новый объявлении*/
.infoads-content-inner {
padding: 10px;
overflow: auto;
text-align: left;
display: flex;
position: relative;
}
.infoads-content-info {
width: 100%;
}
.infoads-content-images {
margin-right: 20px;
position: relative;
}
.newads-images {
width: 133px;
height: 100px;	
border-radius: 5px;
}
.newads-images img {
width: 133px;
height: 100px;	
border-radius: 5px;
object-fit: cover;
display: block;
}
.images-thumbnail {
top: 7px;
left: 5px;
position: absolute;
color: #fff;
font-size: 11px;
padding: 0 5px 2px 5px;
background-color: rgba(0,0,0,0.7);
border-radius: 3px;
}

.info-datatime-ttl {
font-size: 13px;
color: #333;
position: relative;
padding-right: 40px;
}
.info-text-inc {
width: 100%;
font-size: 14px;
color: #000;
padding-top: 5px;
}
.info-text-in {
width: 100%;
font-size: 14px;
color: #000;
padding: 5px 0;
}
.info-text-in a {
color: #000;
font-weight: 600;
cursor: pointer;
}
.info-text-in span {
color: #000;
font-weight: 600;
}
.info-content-btn {
width: 100%;
padding-top: 5px;
display: flex;
}
.info-button, .info-button3 {
min-width: 100px;
padding: 4px 10px 6px 10px;
border: 0;
border-radius: 10px;
color: #fff;
font-size: 14px;
line-height: 16px;
cursor: pointer;
text-align: center;
margin-right: 10px;
}
.info-button2 {
padding: 4px 10px 6px 10px;
border: 0;
border-radius: 10px;
color: #fff;
font-size: 14px;
line-height: 16px;
cursor: pointer;
text-align: center;
margin-right: 10px;
}
.ignor-button {
background: #1fa4df;
}
.delete-button {
background: #f84049;
}
.like-button {
background: #34A853;
}
.nolike-button {
background: #888;
}

.posts-reply-logobank {
width: 100%;
display: flex;
padding: 10px 0;
}
.posts-reply-bank {
display: flex;
margin-right: 15px;
}
.logobank-ico {
width: 24px;
height: 24px;
margin-top: 3px;
}
.logobank-ico img {
width: 24px;
height: 24px;
}
.logobank-title {
width: 100%;
font-size: 14px;
text-align: left;
color: #000;
margin-left: 10px;
}

/*ads*/
.messages {
width: 100%;
margin: 0;
padding: 0;
list-style-type: none;
display: grid;
grid-gap: 10px;
gap: 10px;
grid-template-columns: repeat(3,1fr);
}
.messages-fo {
width: 100%;
margin: 0;
padding: 0;
list-style-type: none;
display: grid;
grid-gap: 10px;
gap: 10px;
grid-template-columns: repeat(2,1fr);
}
.allads-container {
max-width: 100%;
cursor: pointer;
border-radius: 8px;
border: 1px solid #dcdcdc;
position: relative;
}
.allads-container-div {
float: left;
width: 32%;
cursor: pointer;
border-radius: 8px;
border: 1px solid #dcdcdc;
position: relative;
margin: 5px;
}
.allads-container-title {
font-size: 13px;
color: #666;
text-align: left;
padding: 5px 10px;
border-bottom: 1px solid #dcdcdc;	
position: relative;
}
.allads-container-title span {
color: #000;
font-weight: 600;	
}
.allads-container-menu {
position: absolute;
right: 0;
top: 0;
cursor: pointer;
background-image: url(images/ico/001-more.png);
background-size: 16px;
background-repeat: no-repeat;
background-position: top 5px right 10px;
width: 50px;
height: 26px;
}
.allads-content-inner {
display: flex;
}
.allads-content-image {
width: 60px;
height: 45px;
}
.allads-content-image img {
width: 60px;
height: 45px;
object-fit: cover;
display: block;
}
.alluser-content-image {
width: 35px;
height: 35px;
padding: 10px 0 10px 10px; 
border-radius: 50%;
}
.alluser-content-image img {
width: 35px;
height: 35px;
border-radius: 50%;
object-fit: cover;
display: block;
}
.allads-content-info {
width: 80%;
font-size: 13px;
color: #000;
text-align: left;
padding: 5px 10px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.allads-content-info a {
color: #000;
}

.users-admin-delete {
position: absolute;
right: 10px;
top: 6px;
font-size: 12px;
color: #f84049;
cursor: pointer;
z-index: 1;
}
.users-admin-menu {
position: absolute;
right: 0;
top: 0;
cursor: pointer;
background-image: url(images/ico/001-more.png);
background-size: 16px;
background-repeat: no-repeat;
background-position: top 10px right 10px;
width: 50px;
height: 36px;
}

/*объявлении modal*/
.modalads-content-inner {
padding: 10px;
overflow: auto;
text-align: left;
position: relative;
}
.modalads-inner {
padding-bottom: 10px;
position: relative;
}
.modalads-content-images {
width: 100%;
float: left;
position: relative;
}
.modalads-images {
width: 94px;
height: 70px;	
border-radius: 5px;
float: left;
margin-right: 10px;
margin-bottom: 10px;
position: relative;
background-color: #c0c0c0;
}
.modalads-images img {
max-width: 100%;
height: 100%;
border-radius: 5px;
object-fit: contain;
display: block;
margin: 0 auto;
}
.modalads-imagesXXX {
width: 94px;
height: 70px;	
border-radius: 5px;
float: left;
margin-right: 10px;
margin-bottom: 10px;
position: relative;
}
.modalads-imagesXXX img {
width: 94px;
height: 70px;
border-radius: 5px;
object-fit: cover;
display: block;
}
.img-item-delete-all {
color: #fff;
font-size: 13px;
padding: 5px 0;
background: rgba(0, 0, 0, 0.2);
position: absolute;
bottom: 0px;
right: 0;
left: 0;
cursor: pointer;
text-align: center;
border-radius: 0 0 5px 5px;
}
.image-item-sortable {
width: 20px;
height: 20px;
padding: 2px;
background: rgba(0, 0, 0, 0.3);
position: absolute;
top: 0;
right: 0;
cursor: pointer;
border-radius: 5px;
z-index: 100;

}
.image-item-sortable-ic {
width: 18px;
height: 18px;
background: url(images/ico/move-01.png);
background-size: 18px;
cursor: pointer;
}

.hide-images-add {
position: absolute;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.3);
border-radius: 5px;
width: 24px;
height: 24px;
background-image: url(images/ico/016-fff.png);
background-size: 24px;
background-repeat: no-repeat;
z-index: 100;
cursor: pointer;
}
/*Пользователи modal*/
.modal-margin-top {
margin-top: 10px;
}
.modal-flex {
display: flex;
}
.modal-avatar {
width: 100px;
height: 100px;
border-radius: 50%;
border: 1px solid #dcdcdc;
}
.modal-avatar img {
border-radius: 50%;
width: 98px;
height: 98px;
margin: 1px;
}
.modal-user-in {
padding-left: 20px;
}
.modal-user-name {
text-align: left;
width: 100%;
font-weight: 600;
font-size: 15px;
color: #000;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}

.modal-user-description {
width: 100%;
margin-top: 10px;
text-align: center;
border-top: 1px solid #dcdcdc;
text-align: center;
}
a.modal-cover-button {
padding: 0 10px;
line-height: 19px;
text-decoration: none;
font-size: 14px;
color: #666;
cursor: pointer;
}
a.button-active {
color: #000;
border-top: 1px solid #000;
}
/*Отзывы и предложение*/
.textarea-content {
width: 100%;
padding: 10px 0;
position: relative;
}
.textarea {
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 14px;
padding: 7px 10px 8px 10px;
width: 100%;
margin-bottom: 5px;
text-align: left;
color: #262626;
border: 1px solid #dcdcdc;
border-radius: 10px;
max-height: 200px;
min-height: 100px;
resize: vertical;
}
.textarea-blog {
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 14px;
padding: 7px 10px 8px 10px;
width: 100%;
margin-bottom: 5px;
text-align: left;
color: #262626;
border: 1px solid #dcdcdc;
border-radius: 10px;
max-height: 500px;
min-height: 300px;
resize: vertical;
}
.sendtext-content {
width: 100%;
padding: 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 14px;
margin-bottom: 10px;
text-align: left;
color: #262626;
border: 1px solid #dcdcdc;
border-radius: 10px;
}
/*Техподдержка*/
.users-container-texservise {
width: 48%;	
margin: 10px 1%;
float: left;
}
.users-content-texservise {
border: 1px solid #dcdcdc;
border-radius: 10px;
padding: 10px;
position: relative;
overflow: auto;
}
.users-avatar-texservise {
float: left;
width: 46px;
height: 46px;
border-radius: 50%;
border: 1px solid #dcdcdc;
background: #EFEFEF;
}
.users-avatar-texservise img {
width: 46px;
height: 46px;
border-radius: 50%;
object-fit: cover;
display: block;
background: #EFEFEF;
}
.users-username-texservise {
padding-left: 56px;
padding-right: 70px;
}
.texservise-username {
width: 100%;
font-size: 16px;
color: #000;
word-wrap: break-word;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.texservise-username span {
color: #666;
font-size: 14px;
}
.texservise-ttl {
width: 100%;
padding-top: 5px;
font-size: 13px;
color: #666;
word-wrap: break-word;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.texservise-iconew {
position: absolute;
right: 15px;
bottom: 13px;
height: 8px;
width: 8px;
background-color: rgba(var(--d69,0,149,246),1);
border-radius: 50%;
}
.texservise-state {
position: absolute;
right: 10px;
top: 10px;
font-size: 12px;
color: #fff;
padding: 1px 10px 3px 10px;
border-radius: 10px;
text-align: center;
}

.texservise-dialog-container {
width: 100%;
position: relative;
margin: 0 auto;
}
.texservise-dialog-content {
height: 70vh;
border: 1px solid #dcdcdc;
border-radius: 10px;
position: relative;
}
.texservise-dialog-header {
width: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 10;
}
.dialog-header {
font-size: 16px;
color: #000;
padding: 13px;
height: 30px;
border-bottom: 1px solid #dcdcdc;
position: relative;
text-align: center;
}
.dialog-state {
position: absolute;
right: 20px;
top: 16px;
font-size: 12px;
color: #fff;
padding: 3px 10px 5px 10px;
line-height: 16px;
border-radius: 10px;
text-align: center;
cursor: pointer;
}

.dialog-container {
width: 100%;
float: left;
height: 100%;
position: relative;
}
.dialog-content {
position: absolute;
left: 0;
right: 0;
top: 57px;
bottom: 70px;
overflow: hidden auto;
}
.dialog-listtttt {
float: left;
width: 100%;
height: 30px;
}
.dialog-reply {
width: 94%;
float: left;
padding: 5px 3%;
}
.user-two {
float: left;
margin-right: 10%;
background: #F2F2F2;
border-radius: 0 10px 10px;
}
.user-one {
float: right;
margin-left: 10%;
background: #D6ECFA;
border-radius: 10px 10px 0;
}
.user-oneSt {
float: right;
margin-left: 10%;
background: #dcdcdc;
border-radius: 10px 10px 0;
}
.dialog-reply-message {
max-width: 85%;
padding: 10px;
word-wrap: break-word;
font-size: 13px;
line-height: 18px;
color: #000;
position: relative;
}
.reply-message {
padding: 6px;
background: #F2F2F2;
word-wrap: break-word;
font-size: 13px;
line-height: 18px;
color: #000;
border-radius: 6px;
border-left: 3px solid #1fa4df;
margin-bottom: 5px;
}
.dialog-time {
width: 100%;
float: left;
padding-top: 5px;
font-size: 11px;
color: #999;
position: relative;
}
.dialog-form {
padding: 10px 20px 15px 20px;
float: left;
width: 100%;
box-sizing: border-box;
position: absolute;
left: 0;
bottom: 0;
z-index: 1;
background: #fff;
}
.dialog-form-inner {
border: 1px solid #dcdcdc;
border-radius: 15px;
padding: 10px 0;
width: 100%;
position: relative;
display: flex;
}
#formdialog {
width: 100%;
height: 20px;
max-height: 200px;
font-size: 15px;
color: #000;
border: 0;
padding-left: 10px;
padding-right: 110px;
resize: none;
}
.form-dialog-submit {
position: absolute;
right: 0;
top: 50%;
margin-top: -12px;
}
/*Марки и модель*/
.marka-url-ttl {
font-size: 13px;
color: #666;
font-weight: 600;
}
.marka-url-ttl:hover {
text-decoration: underline;
}

.marka-header-info {
margin: 20px 5px;
display: flex;	
position: relative;
border: 1px solid #dcdcdc;
border-radius: 10px;
margin-bottom: 20px;
}
.marka-header--ttl {
margin-right: 20px;
padding: 10px 10px 13px 10px;
float: left;
font-size: 13px;
color: #000;
font-weight: 600;
line-height: 16px;
}
.marka-header--ttl a {
color: #000;
}
.header-btn-content {
position: absolute;
right: 0;
top: 7px;
display: flex;
}

.marka-info {
width: 100%;
font-weight: 600;
font-size: 15px;
color: #000;
text-align: left;
}

.marka-content {
width: 31.3333%;
margin: 1%;
float: left;
}
.marka-block {
padding: 10px;
cursor: pointer;
border: 1px solid #dcdcdc;
border-radius: 10px;
position: relative;
}
.marka-id {
position: absolute;
left: 10px;
top: 10px;
font-size: 14px;
color: #000;
}
.marka-ico {
width: 30px;
height: 30px;
border-radius: 50%;
border: 1px solid #dcdcdc;
margin: 0 auto;
}
.marka-ico img {
width: 30px;
height: 30px;
border-radius: 50%;
}

.marka-info-m {
width: 100%;
font-size: 14px;
color: #000;
text-align: center;
}
.generation-img {
width: 80px;
height: 50px;
border-radius: 5px;
margin: 0 auto;
background: #EFEFEF;
}
.generation-img img {
width: 80px;
height: 50px;
border-radius: 5px;
object-fit: cover;
display: block;
background: #EFEFEF;
}

.marka-edit-btn {
position: absolute;
right: 10px;
top: 10px;
cursor: pointer;
width: 16px;
height: 16px;
background-size: 16px;
background-position: center;
cursor: pointer;
}
.marka-video-btn {
position: absolute;
right: 10px;
top: 36px;
cursor: pointer;
width: 16px;
height: 16px;
background-size: 16px;
background-position: center;
cursor: pointer;
}
.settings-btn {
background-image: url(images/ico/015-settings.png);
}
.video-btn {
background-image: url(images/ico/026-video.png);
}

.marka-info-region {
text-align: left;
width: 100%;
font-weight: 600;
font-size: 15px;
margin-top: 23px;
color: #000;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.marka-info-region-c {
width: 100%;
font-size: 14px;
color: #000;
text-align: left;
padding-top: 5px;
min-height: 20px;
}
/*generation*/
.generation-add {
margin: 5px 5px 20px 5px;
padding: 10px;
border: 1px solid #dcdcdc;
border-radius: 10px;
overflow: auto;
position: relative;
}
.generation-sub {
width: 100%;
font-size: 14px;
color: #000;
font-weight: 600;
text-align: left;
}
.generation-delete {
font-size: 12px;
color: #f84049;
cursor: pointer;
font-weight: 400;
margin-left: 10px;
}
.generation-header-ttl {
width: 120px;
margin-bottom: 10px;
margin-left: 20px;
}

.generation-add-kuzov {
width: 100%;
margin: 10px 0;
float: left;	
}
.generation-add-btn-content {
width: 100%;
float: left;
}
.menu-dd-mbtn {
float: left;
padding: 3px 10px 6px 10px;
border-radius: 10px;
color: #000;
border: 1px solid #888;
font-size: 13px;
font-weight: 600;
line-height: 16px;
cursor: pointer;
text-align: center;
margin-right: 10px;	
margin-bottom: 10px;	
}

.generation-content-d {
margin-top: 10px;
padding: 10px 20px;
border: 1px solid #dcdcdc;
border-radius: 10px;
overflow: auto;
position: relative;
}
.generation-content-dd {
padding-left: 125px;
}
.generation-name-mod {
width: 100%;
font-size: 14px;
color: #000;
text-align: left;
margin-bottom: 5px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
display: flex;
}
.generation-addbtn {
width: 100%;
font-size: 14px;
color: #1fa4df;
font-weight: 600;
text-align: left;
cursor: pointer;
margin-top: 10px;
}

.marka-add-content {
padding: 15px;
border: 1px solid #dcdcdc;
border-radius: 10px;
position: relative;
}
.marka-add-input-content {
width: 100%;
padding-bottom: 10px;
display: flex;
}
.add-input-content {
width: 100%;
position: relative;
display: flex;
}
.add-input {
width: 100%;
padding: 10px;
color: #000;
font-size: 14px;
border: 1px solid #ccc;
border-radius: 10px;
line-height: 16px;
background-color: #fff;
position: relative;
}
.input-top-15 {
padding-top: 15px;
}
.add-input-minttl {
position: absolute;
left: 10px;
right: 10px;
top: 2px;
color: #666;
font-size: 10px;
}
.add-input-year {
width: 8%;
padding: 10px;
color: #000;
font-size: 14px;
border: 1px solid #ccc;
border-radius: 10px;
line-height: 16px;
}
.input-line {
padding: 0 1%;
}
.input-inner-settings {
width: 100%;
padding: 12px 0;
border: 1px solid #ccc;
border-radius: 10px;
position: relative;
margin: 10px 0;
display: flex;
}
.input-settings {
width: 100%;
color: #000;
font-size: 14px;
line-height: 16px;
background-color: #fff;
padding: 12px 10px 0 10px;
border: 0;
}
.input-minttl {
position: absolute;
left: 10px;
top: 5px;
color: #666;
font-size: 10px;
}
.row-bank-ava {
width: 56px;
height: 56px;
cursor: pointer;
}

.add-set-conteiner {
width: 100%;
display: flex;
}
.add-content-set {
width: 100px;
min-width: 100px;
padding: 6px 10px;
color: #000;
font-size: 14px;
border: 1px solid #ccc;
line-height: 16px;
background-color: #fff;
text-align: left;
font-weight: 600;
float: left;
}
.add-input-set {
width: 100px;
padding: 6px 10px;
color: #000;
font-size: 14px;
border: 1px solid #ccc;
line-height: 16px;
background-color: #fff;
position: relative;
text-align: left;
}
.blocking {
pointer-events: none;
background: #FAFAFA !important;
}
.add-content-image {
width: 32px;
height: 32px;
}
.add-content-image img {
width: 32px;
height: 32px;
object-fit: cover;
display: block;
}

.row-newads-form-container {
width: 100%;
float: left;
}
.row-newads-form-container-tit {
text-align: left;
width: 100%;
height: 24px;
padding: 5px 0;
color: #262626;
font-size: 13px;
position: relative;
cursor: pointer;
}
.row-newads-form-container-input {
width: 100%;
float: left;
box-sizing: border-box;
position: relative;
}
.newads-form-content-input {
width: 100%;
display: flex;
margin-bottom: 5px;
position: relative;
}
.newads-form-input {
width: 100%;
border: 1px solid #dcdcdc;
border-radius: 8px;
padding: 10px 15px;
margin: 0;
font-size: 15px;
line-height: 24px;	
position: relative;
}
#blogmessage {
width: 100%;
border: 1px solid #dcdcdc;
border-radius: 8px;
padding: 10px 15px;
margin: 0;
font-size: 15px;
line-height: 24px;
color: #000;
max-height: 1000px;
min-height: 200px;
resize: vertical;
}
.newads-form-input:focus, #description:focus {
border: 1px solid #ADADAD;
}
.newads-form-input:hover, #description:hover, .newads-form-region:hover, .newads-privacy-marok:hover {
border: 1px solid #ADADAD;
}
#lang, #blogtip, #publicmob {
width: 100%;
border: 1px solid #dcdcdc;
border-radius: 8px;
padding: 10px 15px;
padding-right: 15px;
margin: 0;
font-size: 15px;
line-height: 24px;
text-align-last: left;
background-color: #fff;
}
#blogsummary {
width: 100%;
border: 1px solid #dcdcdc;
border-radius: 8px;
padding: 10px 15px;
margin: 0;
font-size: 15px;
line-height: 24px;
color: #000;
height: 80px;
resize: none;
}
.newads-uploaded-images {
float: left;
width: 100%;
margin-bottom: 10px;
}
#newads-dropped-files {
display: block;
float: left;
width: 100%;
}
.img-myfile-in {
width: 25%;
float: left;
padding-bottom: 10px;
}
.newads-myfile {
width: 200px;
height: 40px;
cursor: pointer;
border-radius: 5px;
float: left;
border: 1px dashed #0095F6;
background: #FAFAFA;
position: relative;
}
.newads-myfile-tit {
position: absolute;
top: 10px;
left: 50%;
transform:translate(-50%, -0%);
color: #0095F6;
font-size: 14px;
}
.img-item {
width: 120px;
height: 96px;
float: left;
position: relative;
border-radius: 5px;
background: #FAFAFA;
}
.img-item img {
width: 120px;
height: 96px;
border-radius: 5px;
background: #FAFAFA;
}
.img-item-preloader {
position: absolute;
top: 50%;
left: 50%;
transform:translate(-50%, -50%);
}
.img-item-delete {
color: #fff;
font-size: 13px;
font-weight: 600;
padding: 2px 0 5px 0;
background: rgba(0, 0, 0, 0.5);
position: absolute;
bottom: 0px;
right: 0;
left: 0;
cursor: pointer;
text-align: center;
border-radius: 5px;
}
.newads-queued-files {
float: left;
width: 100%;
color: #000;
font-size: 15px;
padding-bottom: 5px;
}
#queued-files {
color: #000;
font-size: 15px;
}
.imageblog {
position: relative;
height: 110px;
width: 148px;
box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
background: #fff;
float: left;
border-radius: 2px;
margin: 0 10px 10px 0;
overflow: hidden;
text-align: center;
}
.imageblog img {
max-width: 100%;
height: 100%;
object-fit: cover;
vertical-align: middle;
}

/*settings*/
.settings-header {
width: 80%;
float: left;
padding: 10px 10% 0 10%;
}
.settings-content {
width: 100%;
float: left;
padding: 7px 0;
position: relative;
text-align: left;
display: flex;
}
.settings-content:hover {
background: #EEE;
}
.settings-column {
box-sizing: border-box;
color: #000;
font-size: 13px;
padding-left: 10px;
}
.settings-column a {
color: #000;
text-decoration: underline;
cursor:pointer;
}
.settings-columm {
box-sizing: border-box;
color: #000;
font-size: 13px;
padding-left: 10px;
}
.settings-columm a {
color: #fff;
cursor: pointer;
}
.column-input {
width: 100%;
padding: 5px;
color: #000;
font-size: 13px;
border: 1px solid #ccc;
border-radius: 5px;
line-height: 16px;
background-color: #fff;
position: relative;
}
.column8 {
width: 8%;
}
.column10 {
width: 10%;
}
.column15 {
width: 15%;
}
.column20 {
width: 20%;
}
.column25 {
width: 25%;
}
.column30 {
width: 30%;
}
.column35 {
width: 35%;
}
.column30 {
width: 30%;
}
.column40 {
width: 40%;
}
.column45 {
width: 45%;
}
.column50 {
width: 50%;
}
.column60 {
width: 60%;
}
.column65 {
width: 65%;
}
.column70 {
width: 70%;
}
.column-edit-btn {
position: absolute;
right: 0px;
top: 6px;
cursor: pointer;
width: 16px;
height: 16px;
background-size: 16px;
background-position: center;
cursor: pointer;
}
.settings-delete {
font-size: 12px;
color: #f84049;
cursor: pointer;
margin-left: 15px;
}
.settings-update {
font-size: 12px;
color: #1fa4df;
cursor: pointer;
margin-left: 15px;
}

.settings-content-inner {
padding-left: 20px;
overflow: auto;
text-align: left;
}
.payment-status {
font-size: 12px;
color: #fff;
padding: 0 10px 2px 10px;
border-radius: 10px;
text-align: center;
}
.nowrap {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}

.bank-info-button {
min-width: 100px;
padding: 4px 10px 6px 10px;
border: 0;
border-radius: 10px;
color: #fff;
font-size: 14px;
line-height: 16px;
cursor: pointer;
text-align: center;
position: absolute;
left: 0;
top: 0px;
}

table {
width: 100%;
border-collapse: collapse;
}
th, td {
border: 1px solid #dcdcdc !important;
padding: 8px;
text-align: left;
color: #000;
font-size: 13px;
word-wrap: break-word;
}
th {
background-color: #f2f2f2;
position: relative;
}
tr:nth-child(even) {
background-color: #f9f9f9;
}
tr:hover {
background-color: #f1f1f1;
}

.add-content-image img {
max-width: 50px;
height: auto;
}
.table-button {
cursor: pointer;
font-size: 13px;
font-weight: 400;
padding: 2px 0;
}
.table-delete {
font-size: 12px;
color: #f84049 !important;
}
.table-ok {
font-weight: 600;
color: #1fa4df !important;
}

.table-input {
width: 100%;
color: #000;
font-size: 14px;
border: 0;
padding: 5px 0;
background-color: #fff;
}
.table-file {
width: 80px;
text-align: center;
padding: 5px;
color: #262626;
font-size: 14px;
cursor: pointer;
display: block;
}
.tr-w80 {
min-width: 80px;
max-width: 80px;
}
.tr-w120 {
min-width: 120px;
max-width: 120px;
}
.tr-w60 {
min-width: 50px;
max-width: 60px;
}
.blocking {
pointer-events: none;
background: #FAFAFA !important;
}

/*============================*/
.info-preloader {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(239, 239, 239, 0.5);
z-index: 999;
}
.infopreloader {
position: absolute;
left: 50%;
top: 50%;
margin-top: -11px;
margin-left: -11px;
width: 22px;
height: 22px;
background: url('images/35.gif');
background-size: 22px;
background-repeat: no-repeat;
background-position: center;
z-index: 2;
}
.info-message-no {
width: 100%;
margin: 20px 0;
font-size: 13px;
color: #000;
text-align: center;
}

.preloader-center {
margin: 0 auto;
}
.preloader-center-info {
margin: 20px auto;
}
.preloader {
width: 16px;
height: 16px;
background: url('images/35.gif');
background-size: 16px;
background-repeat: no-repeat;
background-position: center;
}
.loader {
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.7);
position: fixed;
overflow: auto;
left: 0;
top: 0;
z-index: 1000;
}
.loader-preloader {
position: fixed;
z-index: 10000;
top: 20%;
left: 50%;
transform: translate(-50%, -0%);
width: 80px;
height: 80px;
background: url('images/Vp3R.gif');
background-size: 80px 80px;
background-repeat: no-repeat;
background-position: center;
}

.load_more-hotdeals {
text-align: center;
height: 22px;
float: left;
width: 100%;
}
.load_more-hotdeals a {
border: 1px solid #BFBFBF;
background: #fff;
color: #6B6B6B;
border-radius: 3px;
overflow: auto;
padding: 1px 10px 3px 10px;
cursor: pointer;
font-size: 12px;
text-decoration: none;
display: inline-block;
}

#infocontainer {
position: fixed;
z-index: 1011;  
top: 20%;  
left: 52%;  
width: 200px;
display: none;
}
.infocontainer-content {
background-color: rgba(0,0,0,0.8);
width: 200px;
border-radius: 15px;
text-align: center;
}
.infocontainer-text {
color: #fff;
font-size: 14px;
font-weight: 600;
padding: 10px 5px;
}
/*modal*/
.modal-background, .modal-larges-background {
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
position: fixed;
overflow: auto;
left: 0;
top: 0;
display: none;
z-index: 1001;
}
.modal-large  {
position: fixed;
z-index: 1011;  
top: 10%; 
left: 50%; 
transform:translate(-50%, 0%); 
width: 402px;  
display: none;
}
.modal-large-close {
width: 20px;
height: 20px;
top: 10px;
right: 15px;
background: url('images/ico/028-cancel.png');
background-size: 20px;
cursor: pointer;
position: absolute;
z-index: 999;
}
.modal-container {
background: #fff;
width: 400px;  
overflow: auto;
box-shadow: 0 3px 10px rgba(0, 0, 0, .2);
border: 1px solid #dcdcdc;
border-radius: 15px;
text-align: center;
}
.menumodal-scroll {
max-height: 400px;	
}
.modal-divider {
height: 1px;
width: 100%;
background: #efefef;
}
.modal-inner {
padding: 10px;
}
.modal-title {
text-align: center;
font-size: 15px;
font-weight: 600;
color: #000;
}
.modal-title-min {
width: 100%;
padding: 10px 0;
text-align: center;
font-size: 13px;
color: #666;
}

.modal-larges  {
position: absolute;
z-index: 1011;  
top: 10%;  
left: 50%; 
transform:translate(-50%, -0%); 
width: 842px;  
display: none;
}
.modal-larges-container {
background: #fff;
width: 840px;  
overflow: auto;
box-shadow: 0 3px 10px rgba(0, 0, 0, .2);
border: 1px solid #dcdcdc;
border-radius: 15px;
text-align: center;
margin-bottom: 100px;
}
.modal-larges-content {
padding: 15px;
position: relative;
overflow: auto;
}

.menu-dd-row {
padding: 13px 10px 15px 10px;
text-align: center;
color: #000;
font-size: 14px; 
border-radius: 15px;
cursor: pointer;
}
.soldcomplain {
color: #1fa4df;
}
.complain {
color: #FF0000;
}
.menu-dd-row:hover {
background: #FAFAFA;
}
.menu-divider {
height: 1px;
width: 90%;
margin-left: 5%;
margin-right: 5%;
background: #efefef;
}
/*============================*/
/*footer*/
.footer {
width: 100%;
margin-top: 25px;
}
.footer-container {
width: 1100px;
margin: 0 auto;
text-align: center;
padding-top: 15px;
padding-bottom: 50px;
}
.footer-links {
width: 100%;
padding-bottom: 15px;
}
.footer-links a {
color: #000;
font-size: 14px;
padding: 5px;
}
.footer-links a:hover {
text-decoration: underline;
}
.footer-links-ii {
margin-top: 5px;
width: 100%;
color: #000;
font-size: 13px;
}


.menu {
  height: 20px;
  width: 700px;
  border: 1px solid;
  border-bottom: none;
  background-color: #fff1eb;
}

.item_list {
  width: 700px;
  height: 500px;
  display: flex;
  flex-wrap: wrap;
}

.item {
  width: 150px;
  height: 150px;
  border: 1px solid;
  margin: auto;
}
.item img {
  width: 150px;
  height: 150px;
  background: #EFEFEF;
}




.page-width80 {
width: 80%;
float: left;
padding: 10px 10%;
}
.page-width81 {
width: 81%;
float: left;
padding: 10px 9%;
}


.form-content {
width: 100%;
overflow: auto;
}
.form-panel {
padding: 10px 20px;
margin-bottom: 30px;
position: relative;
}
.form-panel-content {
width: 100%;
overflow: auto;
margin-bottom: 10px;
}
.form-input-tit {
width: 100%;
color: #000;
font-size: 14px;
font-weight: 600;
text-align: left;
}
.form-input-content {
width: 100%;
display: flex;
margin: 5px 0;
position: relative;
}
.form-input {
width: 100%;
border: 1px solid #dcdcdc;
border-radius: 5px;
padding: 10px;
margin: 0;
font-size: 15px;
position: relative;
}
.form-select {
width: 100%;
border: 1px solid #dcdcdc;
border-radius: 5px;
padding: 10px 5px;
margin: 0;
font-size: 15px;
position: relative;
}
.form-input-sub {
color: #262626;
font-size: 12px;
text-align: left;
padding-left: 5px;
line-height: 16px;
}
.form-button-content {
width: 100%;
display: flex;
position: relative;
}
.form-button {
min-width: 200px;
padding: 10px;
border: 0;
border-radius: 5px;
background: #1fa4df;
color: #fff;
font-size: 16px;
line-height: 20px;
cursor: pointer;
text-align: center;
margin-right: 20px;
}

.form-checkbox {
cursor: pointer;
padding: 10px 0;
position: relative;
margin-right: 25px;
}
.form-checkbox-ico {
position: absolute;
left: 0;
top: 50%;
transform: translate(-0%, -50%);
background-color: #fff;
border: 3px solid #1fa4df;
border-radius: 50%;
width: 14px;
height: 14px;
background-image: url('images/ico/checkbox-ico.png');
background-size: 14px;
background-repeat: no-repeat;
}
.form-checkbox-title {
font-size: 15px;
color: #000;
text-align: left;
}