mirror of
https://github.com/MarshalX/telegram-crawler.git
synced 2024-12-01 20:51:03 +01:00
2973 lines
72 KiB
CSS
2973 lines
72 KiB
CSS
html {
|
|
display: block!important;
|
|
}
|
|
body {
|
|
font-family: 'Roboto', sans-serif;
|
|
font-size: 15px;
|
|
color: #222;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.no-transition,
|
|
.no-transition:before,
|
|
.no-transition:after,
|
|
.no-transition *,
|
|
.no-transition *:before,
|
|
.no-transition *:after {
|
|
transition: none !important;
|
|
}
|
|
|
|
.nav .open > a,
|
|
.nav .open > a:hover,
|
|
.nav .open > a:focus,
|
|
.nav-pills > li.active > a,
|
|
.nav-pills > li.active > a:hover,
|
|
.nav-pills > li.active > a:focus {
|
|
background-color: #0f9ae4;
|
|
}
|
|
|
|
.btn,
|
|
a.btn,
|
|
button.btn {
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
line-height: 20px;
|
|
text-transform: uppercase;
|
|
border-radius: 3px;
|
|
padding: 7px 16px 6px;
|
|
border: none;
|
|
}
|
|
.btn:active {
|
|
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.125);
|
|
}
|
|
.btn-xs,
|
|
a.btn-xs,
|
|
button.btn-xs {
|
|
font-size: 11px;
|
|
line-height: 14px;
|
|
padding: 4px 7px 2px;
|
|
}
|
|
.btn-sm,
|
|
a.btn-sm,
|
|
button.btn-sm {
|
|
padding: 5px 14px 4px;
|
|
}
|
|
.btn-lg,
|
|
a.btn-lg,
|
|
button.btn-lg {
|
|
padding: 9px 16px 8px;
|
|
}
|
|
.btn-primary {
|
|
background-color: #0f9ae4;
|
|
}
|
|
.btn-primary:hover,
|
|
.btn-primary:focus,
|
|
.btn-primary:active {
|
|
background-color: #068cd4;
|
|
}
|
|
.btn-default {
|
|
background-color: transparent;
|
|
color: #0086d3;
|
|
}
|
|
.btn-default:hover,
|
|
.btn-default:focus,
|
|
.btn-default:active,
|
|
.open > .dropdown-toggle.btn-default {
|
|
color: #0086d3;
|
|
background-color: #e8f3fa;
|
|
box-shadow: none;
|
|
}
|
|
.btn-default.btn-danger {
|
|
color: #d14e4e;
|
|
background-color: transparent;
|
|
}
|
|
.btn-default.btn-danger:hover,
|
|
.btn-default.btn-danger:focus,
|
|
.btn-default.btn-danger:active {
|
|
color: #d14e4e;
|
|
background-color: #fcdfde;
|
|
}
|
|
.btn-link:active {
|
|
box-shadow: none;
|
|
}
|
|
.btn-muted {
|
|
color: #1a1a1a;
|
|
background-color: #f2f2f2;
|
|
}
|
|
|
|
.ads-btn,
|
|
a.ads-btn,
|
|
button.ads-btn {
|
|
font-size: 14px;
|
|
line-height: 20px;
|
|
font-weight: 600;
|
|
-webkit-font-smoothing: antialiased;
|
|
padding: 9px 22px;
|
|
background-color: #3c9ff0;
|
|
transition: background-color .2s ease;
|
|
text-transform: none;
|
|
color: #fff;
|
|
border-radius: 6px;
|
|
}
|
|
.ads-btn:hover,
|
|
.ads-btn:focus,
|
|
.ads-btn:active {
|
|
color: #fff;
|
|
background-color: #2a96ef;
|
|
}
|
|
.ads-btn.disabled,
|
|
.ads-btn[disabled] {
|
|
opacity: 1;
|
|
color: rgb(255, 255, 255, 0.6);
|
|
}
|
|
.ads-link-btn,
|
|
a.ads-link-btn,
|
|
button.ads-link-btn {
|
|
display: inline-block;
|
|
font-size: 14px;
|
|
line-height: 20px;
|
|
font-weight: 600;
|
|
-webkit-font-smoothing: antialiased;
|
|
margin: 9px 15px;
|
|
text-transform: none;
|
|
cursor: pointer;
|
|
}
|
|
.ads-link-btn.disabled {
|
|
color: #999;
|
|
}
|
|
.ads-del-btn,
|
|
a.ads-del-btn,
|
|
button.ads-del-btn {
|
|
background-color: #d75959;
|
|
}
|
|
.ads-del-btn:hover,
|
|
.ads-del-btn:focus,
|
|
.ads-del-btn:active {
|
|
color: #fff;
|
|
background-color: #d24646;
|
|
}
|
|
|
|
.input {
|
|
white-space: pre-wrap;
|
|
position: relative;
|
|
z-index: 0;
|
|
}
|
|
.input.empty[data-placeholder] {
|
|
position: relative;
|
|
}
|
|
.input.empty[data-placeholder]:before {
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
content: attr(data-placeholder);
|
|
transition: color .2s ease;
|
|
color: #919699;
|
|
font-weight: normal;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
pointer-events: none;
|
|
z-index: -1;
|
|
}
|
|
.input.empty[data-placeholder]:focus:before {
|
|
color: #ccc;
|
|
}
|
|
a.input {
|
|
cursor: text;
|
|
}
|
|
a.input:hover {
|
|
color: #222;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.btn:focus,
|
|
.btn:active:focus,
|
|
button:focus,
|
|
button:active:focus,
|
|
input.form-control:focus,
|
|
textarea.form-control:focus,
|
|
input.form-control,
|
|
textarea.form-control {
|
|
outline: none;
|
|
box-shadow: none;
|
|
}
|
|
input.form-control[disabled],
|
|
textarea.form-control[disabled] {
|
|
cursor: text;
|
|
background-color: #fff;
|
|
}
|
|
.input.ads-form-control {
|
|
overflow: auto;
|
|
-webkit-overflow-scrolling: touch;
|
|
}
|
|
.input.ads-form-control::-webkit-scrollbar {
|
|
display: none;
|
|
}
|
|
.form-control::-webkit-input-placeholder {
|
|
transition: color .2s ease;
|
|
color: #999;
|
|
}
|
|
.form-control::-moz-placeholder {
|
|
transition: color .2s ease;
|
|
color: #999;
|
|
}
|
|
.form-control:-ms-input-placeholder {
|
|
transition: color .2s ease;
|
|
color: #999;
|
|
}
|
|
.form-control::placeholder {
|
|
text-overflow: ellipsis;
|
|
}
|
|
.form-control[placeholder] {
|
|
text-overflow: ellipsis;
|
|
}
|
|
.form-control:focus::-webkit-input-placeholder {
|
|
color: #ccc;
|
|
}
|
|
.form-control:focus::-moz-placeholder {
|
|
color: #ccc;
|
|
}
|
|
.form-control:focus:-ms-input-placeholder {
|
|
color: #ccc;
|
|
}
|
|
.form-control:focus::placeholder {
|
|
text-overflow: ellipsis;
|
|
}
|
|
.form-control[placeholder]:focus {
|
|
text-overflow: ellipsis;
|
|
}
|
|
.field-disabled .form-control {
|
|
color: #919699;
|
|
}
|
|
|
|
i.emoji {
|
|
font-style: normal;
|
|
box-sizing: content-box;
|
|
}
|
|
i.emoji > b {
|
|
font-weight: normal;
|
|
}
|
|
.emoji_default i.emoji {
|
|
background: none !important;
|
|
}
|
|
.emoji_image i.emoji {
|
|
width: 1.25em;
|
|
vertical-align: top;
|
|
display: inline-block;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
background: no-repeat 2px 50%;
|
|
background-position-y: calc(50% - 1px);
|
|
background-size: 1.25em 1.25em;
|
|
text-indent: -10em;
|
|
padding: 3px 3px 3px 2px;
|
|
margin: -3px -2px;
|
|
}
|
|
.emoji_image .rtl i.emoji {
|
|
padding-left: 3px;
|
|
padding-right: 2px;
|
|
}
|
|
.emoji_image i.emoji > b {
|
|
letter-spacing: 12em;
|
|
pointer-events: none;
|
|
}
|
|
|
|
img.emoji {
|
|
width: 1.25em;
|
|
height: 1.25em;
|
|
padding: 0 1px;
|
|
vertical-align: top;
|
|
vertical-align: text-top;
|
|
box-sizing: content-box;
|
|
cursor: inherit;
|
|
}
|
|
a:hover img.emoji {
|
|
border-bottom: 1px solid;
|
|
padding: 0 2px;
|
|
margin: 0 -1px;
|
|
}
|
|
|
|
.close {
|
|
position: relative;
|
|
width: 22px;
|
|
height: 22px;
|
|
opacity: 1;
|
|
}
|
|
.close:hover {
|
|
opacity: 1;
|
|
}
|
|
.close:before,
|
|
.close:after {
|
|
display: inline-block;
|
|
position: absolute;
|
|
background: #c0c0c0;
|
|
left: 50%;
|
|
top: 50%;
|
|
content: '';
|
|
width: 16px;
|
|
height: 2px;
|
|
margin: -1px 0 0 -8px;
|
|
border-radius: 1px;
|
|
transform: rotateZ(45deg) scaleY(.95);
|
|
transition: background-color .2s ease;
|
|
}
|
|
.close:after {
|
|
transform: rotateZ(-45deg) scaleY(.95);
|
|
}
|
|
.close:hover:before,
|
|
.close:hover:after {
|
|
background: #a8a8a8;
|
|
}
|
|
|
|
.radio-item .radio-input-icon:before,
|
|
.checkbox-item .checkbox-input-icon:before {
|
|
border-color: #3c9ff0;
|
|
}
|
|
.radio-item .radio-input-icon:after,
|
|
.checkbox-item .checkbox-input-icon:before {
|
|
background-color: #3c9ff0;
|
|
}
|
|
|
|
.form-control {
|
|
font-size: 14px;
|
|
color: #222;
|
|
}
|
|
|
|
.select {
|
|
position: relative;
|
|
box-shadow: inset 0 -1px 0 #f0f0f0;
|
|
background-color: #ffffff;
|
|
cursor: text;
|
|
}
|
|
.select .items-list {
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
margin: -1px 0;
|
|
background: #fff;
|
|
text-align: left;
|
|
padding: 7px 0;
|
|
box-shadow: 0 0 2px 1px rgba(0, 0, 0, .15);
|
|
border: none;
|
|
transition: all .2s ease;
|
|
visibility: hidden;
|
|
opacity: 0;
|
|
max-height: 220px;
|
|
overflow: auto;
|
|
overflow-x: hidden;
|
|
-webkit-overflow-scrolling: touch;
|
|
z-index: 10;
|
|
}
|
|
.select.open .items-list {
|
|
visibility: visible;
|
|
opacity: 1;
|
|
}
|
|
.select.open .items-list.ohide {
|
|
pointer-events: none;
|
|
visibility: hidden;
|
|
opacity: 0;
|
|
}
|
|
.select.no-search .input {
|
|
opacity: 0;
|
|
}
|
|
.select-list-item,
|
|
.select-list-no-results {
|
|
font-size: 14px;
|
|
line-height: 18px;
|
|
padding: 8px 15px;
|
|
cursor: pointer;
|
|
}
|
|
.select-list-item {
|
|
position: relative;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
}
|
|
.search-item.selected .select-list-item,
|
|
.search-item:hover .select-list-item {
|
|
background: #f2f2f2;
|
|
}
|
|
.select-list-no-results {
|
|
color: #a8a8a8;
|
|
cursor: auto;
|
|
}
|
|
.items-list.team .select-list-item {
|
|
padding-left: 36px;
|
|
}
|
|
.items-list.team .select-list-item:before {
|
|
content: '';
|
|
position: absolute;
|
|
left: 15px;
|
|
bottom: 0;
|
|
top: 0;
|
|
width: 8px;
|
|
height: 8px;
|
|
border-radius: 4px;
|
|
margin: auto 0;
|
|
background-color: #0086d3;
|
|
}
|
|
.items-list.team .select-list-item.team:before {
|
|
background-color: #c11086;
|
|
}
|
|
.selected-items {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: flex-start;
|
|
}
|
|
.selected-item {
|
|
position: relative;
|
|
display: inline-block;
|
|
color: #525252;
|
|
background-color: #efefef;
|
|
padding: 4px 10px 3px;
|
|
margin: 3px 5px 2px 0;
|
|
border-radius: 4px;
|
|
cursor: pointer;
|
|
max-width: 85%;
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
}
|
|
.selected-item.focused {
|
|
background-color: #E8E8E8;
|
|
}
|
|
.select input.ads-form-control,
|
|
.select .input.ads-form-control {
|
|
white-space: nowrap;
|
|
background-color: transparent;
|
|
box-shadow: none;
|
|
width: 50px;
|
|
flex-grow: 100;
|
|
}
|
|
.field-disabled .select,
|
|
.field-disabled .select .selected-item {
|
|
cursor: default;
|
|
}
|
|
.selected-item .label {
|
|
display: block;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
vertical-align: top;
|
|
}
|
|
.selected-item .close {
|
|
margin: -2px -6px -2px 2px;
|
|
float: right;
|
|
opacity: 0.6;
|
|
}
|
|
.selected-item .close:before,
|
|
.selected-item .close:after {
|
|
width: 13px;
|
|
margin-left: -6px;
|
|
}
|
|
.selected-item .close:hover {
|
|
opacity: 1;
|
|
}
|
|
.selected-item.focused .close:before,
|
|
.selected-item.focused .close:after {
|
|
background-color: #9c9c9c;
|
|
}
|
|
.select-clear,
|
|
.select-enter {
|
|
transition: opacity .1s ease, visibility .1s ease;
|
|
pointer-events: none;
|
|
visibility: hidden;
|
|
opacity: 0;
|
|
}
|
|
.field-has-value .select-clear,
|
|
.field-has-value .select-enter {
|
|
pointer-events: auto;
|
|
visibility: visible;
|
|
opacity: 1;
|
|
}
|
|
|
|
.container,
|
|
.container-fluid {
|
|
position: relative;
|
|
margin-right: auto;
|
|
margin-left: auto;
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
width: 100%;
|
|
}
|
|
.xs-hide {
|
|
display: none;
|
|
}
|
|
.xs-show {
|
|
display: block;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.sm-hide {
|
|
display: none;
|
|
}
|
|
.sm-show {
|
|
display: block;
|
|
}
|
|
}
|
|
@media (min-width: 992px) {
|
|
.md-hide {
|
|
display: none;
|
|
}
|
|
.md-show {
|
|
display: block;
|
|
}
|
|
.container {
|
|
width: 970px;
|
|
}
|
|
}
|
|
@media (min-width: 1200px) {
|
|
.lg-hide {
|
|
display: none;
|
|
}
|
|
.lg-show {
|
|
display: block;
|
|
}
|
|
.container {
|
|
width: 1170px;
|
|
}
|
|
}
|
|
|
|
.ads-container {
|
|
max-width: 600px;
|
|
padding: 0;
|
|
margin: 0 auto;
|
|
}
|
|
@media (max-width: 991px) {
|
|
.mobile-hide {
|
|
display: none;
|
|
}
|
|
}
|
|
@media (min-width: 992px) {
|
|
.ads-container {
|
|
max-width: 842px;
|
|
}
|
|
.mobile-show {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
.ads-dropdown-wrap {
|
|
display: inline-block;
|
|
position: relative;
|
|
vertical-align: top;
|
|
}
|
|
.ads-dropdown.dropdown-toggle {
|
|
cursor: pointer;
|
|
}
|
|
.ads-dropdown-wrap span.dropdown-menu {
|
|
left: auto;
|
|
right: -1px;
|
|
margin: 4px 0 -2px 0;
|
|
border: 1px solid rgba(0, 0, 0, .06);
|
|
box-shadow: 0 1px 2px rgba(0,0,0,0.07);
|
|
border-radius: 4px;
|
|
overflow: hidden;
|
|
min-width: 150px;
|
|
}
|
|
.ads-dropdown-wrap.top span.dropdown-menu {
|
|
top: auto;
|
|
bottom: 100%;
|
|
}
|
|
.ads-dropdown-wrap span.dropdown-menu > ul.dropdown-menu {
|
|
position: static;
|
|
display: block;
|
|
float: none;
|
|
border: none;
|
|
box-shadow: none;
|
|
font-size: 14px;
|
|
line-height: 1.42857143;
|
|
border-radius: 0;
|
|
min-width: 0;
|
|
margin: 0 -20px 0 0;
|
|
padding: 7px 20px 7px 0;
|
|
max-height: 245px;
|
|
overflow: auto;
|
|
-webkit-overflow-scrolling: touch;
|
|
}
|
|
.ads-dropdown-wrap ul.dropdown-menu > li > .ads-dropdown-item {
|
|
display: block;
|
|
padding: 6px 15px;
|
|
margin: 0;
|
|
position: relative;
|
|
color: #222;
|
|
}
|
|
.ads-dropdown-wrap ul.dropdown-menu > li > a.ads-dropdown-item {
|
|
cursor: pointer;
|
|
}
|
|
.ads-dropdown-wrap ul.dropdown-menu > li > a.ads-dropdown-item:hover,
|
|
.ads-dropdown-wrap ul.dropdown-menu > li > a.ads-dropdown-item:focus {
|
|
background-color: #f4f4f4;
|
|
color: #222;
|
|
}
|
|
.ads-dropdown-wrap ul.dropdown-menu > li.selected > .ads-dropdown-item {
|
|
padding-right: 45px;
|
|
}
|
|
.ads-dropdown-wrap ul.dropdown-menu > li.selected > .ads-dropdown-item:after {
|
|
content: '';
|
|
display: inline-block;
|
|
position: absolute;
|
|
pointer-events: none;
|
|
bottom: 0;
|
|
right: 0;
|
|
top: 0;
|
|
margin: auto 13px;
|
|
width: 15px;
|
|
height: 12px;
|
|
background-image: url('data:image/svg+xml,%3Csvg viewBox="0 0 15 12" width="15" height="12" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M 2 6 L 5.5 9.5 L 13 3" stroke="%23228fe1" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/%3E%3C/svg%3E');
|
|
}
|
|
.ads-dropdown-wrap ul.dropdown-menu > li.disabled > .ads-dropdown-item {
|
|
color: #9DA2A6;
|
|
pointer-events: none;
|
|
cursor: auto;
|
|
}
|
|
|
|
.ads-header-auth .ads-dropdown-wrap span.dropdown-menu {
|
|
min-width: 230px;
|
|
max-width: 280px;
|
|
}
|
|
.ads-header-auth .ads-dropdown-wrap span.dropdown-menu > ul.dropdown-menu {
|
|
font-size: 13px;
|
|
max-height: none;
|
|
}
|
|
.ads-header-auth .ads-dropdown-wrap ul.dropdown-menu > li > .ads-dropdown-item {
|
|
font-weight: 500;
|
|
line-height: 24px;
|
|
padding-left: 50px;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.ads-header-auth .ads-owner-balance-wrap {
|
|
padding: 2px 0;
|
|
margin: 0;
|
|
}
|
|
.ads-header-auth .ads-owner-balance-photo {
|
|
width: 32px;
|
|
height: 32px;
|
|
margin: 3px 9px;
|
|
}
|
|
.ads-header-auth .ads-owner-balance-photo .photo-char {
|
|
font-size: 14px;
|
|
line-height: 32px;
|
|
}
|
|
.ads-header-auth .ads-owner-balance-content {
|
|
margin-left: 50px;
|
|
margin-right: 15px;
|
|
}
|
|
.ads-dropdown-item-photo {
|
|
position: absolute;
|
|
display: inline-block;
|
|
left: 13px;
|
|
width: 24px;
|
|
height: 24px;
|
|
border-radius: 12px;
|
|
background: #efefef;
|
|
text-align: center;
|
|
overflow: hidden;
|
|
user-select: none;
|
|
}
|
|
.ads-dropdown-item-photo img {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
}
|
|
.ads-dropdown-item-photo .photo-char {
|
|
font-size: 13px;
|
|
vertical-align: middle;
|
|
line-height: 24px;
|
|
color: #999;
|
|
}
|
|
.ads-edit-icon:before,
|
|
.ads-add-icon:before,
|
|
.ads-review-icon:before,
|
|
.ads-funds-icon:before,
|
|
.ads-help-icon:before,
|
|
.ads-quit-icon:before {
|
|
content: '';
|
|
position: absolute;
|
|
display: inline-block;
|
|
left: 13px;
|
|
width: 24px;
|
|
height: 24px;
|
|
}
|
|
.ads-edit-icon:before {
|
|
background-image: url('data:image/svg+xml,%3Csvg%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23979797%22%20stroke-width%3D%221.6%22%3E%3Cpath%20d%3D%22m4.5%2020h3.06c.28%200%20.55-.12.74-.32l10.03-10.87c.75-.82.7-2.08-.11-2.83-.1-.09-.21-.17-.33-.24l-1.49-.9c-.81-.49-1.86-.34-2.5.36l-9.64%2010.51c-.17.19-.26.43-.26.68v3.11c0%20.28.22.5.5.5z%22%2F%3E%3Cpath%20d%3D%22m12.5%206.892857%203.643694%203.643694%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
|
|
}
|
|
.ads-add-icon:before {
|
|
background-image: url('data:image/svg+xml,%3Csvg%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23979797%22%3E%3Crect%20fill%3D%22%23d8d8d8%22%20height%3D%229%22%20rx%3D%22.5%22%20width%3D%221%22%20x%3D%2211.7%22%20y%3D%227.5%22%2F%3E%3Crect%20fill%3D%22%23d8d8d8%22%20height%3D%221%22%20rx%3D%22.5%22%20width%3D%229%22%20x%3D%227.5%22%20y%3D%2211.7%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%228.7%22%20stroke-width%3D%221.6%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
|
|
}
|
|
.ads-review-icon:before {
|
|
background-image: url('data:image/svg+xml,%3Csvg%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23979797%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.6%22%3E%3Cpath%20d%3D%22m%2011.31%2015.36%20l%202.69%202.7%20c%200.08%200.08%200.2%200.08%200.28%200%20c%200%20-0%200.01%20-0.01%200.01%20-0.01%20l%206.34%20-7.32%22%2F%3E%3Cpath%20d%3D%22m4%206.8h14%22%2F%3E%3Cpath%20d%3D%22m4%2011.8h10%22%2F%3E%3Cpath%20d%3D%22m4%2016.8h4%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
|
|
}
|
|
.ads-funds-icon:before {
|
|
background-image: url('data:image/svg+xml,%3Csvg%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212.5%22%20r%3D%228.7%22%20stroke%3D%22%23979797%22%20stroke-width%3D%221.6%22%2F%3E%3Cpath%20d%3D%22m12.28%2017.14c1.6%200%203.02-.68%203.55-1.95.08-.18.11-.35.11-.52%200-.46-.33-.75-.85-.75-.39%200-.6.18-.83.57-.41.82-1.14%201.11-1.99%201.11-1.13%200-1.93-.49-2.22-1.67h2.91c.2%200%20.34-.28.34-.47s-.14-.46-.34-.46h-3.03c-.01-.17-.02-.25-.02-.44%200-.15.01-.41.02-.56h3.03c.2%200%20.32-.13.32-.32%200-.2-.12-.42-.32-.42h-2.93c.3-1.2%201.1-1.71%202.24-1.71.83%200%201.55.35%201.97%201.15.24.4.46.58.86.58.5%200%20.82-.3.82-.74%200-.2-.05-.42-.17-.63-.61-1.21-1.85-1.91-3.52-1.91-2.12%200-3.7%201.08-4.09%203.26h-.72c-.19%200-.3.2-.3.39s.11.35.3.35h.64c-.01.15-.01.41-.01.57%200%20.18%200%20.26.01.43h-.64c-.19%200-.31.27-.31.47%200%20.18.12.46.31.46h.73c.4%202.15%201.96%203.21%204.13%203.21z%22%20fill%3D%22%23979797%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
|
|
}
|
|
.ads-help-icon:before {
|
|
background-image: url('data:image/svg+xml,%3Csvg%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212.5%22%20r%3D%228.7%22%20stroke%3D%22%23979797%22%20stroke-width%3D%221.6%22%2F%3E%3Cpath%20d%3D%22m11.92%2014.29c.46%200%20.71-.25.81-.68.08-.54.28-.82%201.13-1.32.91-.53%201.38-1.19%201.38-2.17%200-1.5-1.23-2.5-3.06-2.5-1.39%200-2.42.54-2.83%201.39-.13.25-.19.49-.19.77%200%20.49.31.81.82.81.4%200%20.69-.18.85-.6.2-.57.63-.88%201.26-.88.71%200%201.2.44%201.2%201.07%200%20.59-.25.92-1.08%201.41-.76.45-1.16.95-1.16%201.71v.09c0%20.53.32.9.87.9zm.02%202.87c.58%200%201.05-.44%201.05-1.01s-.47-1.01-1.05-1.01-1.06.44-1.06%201.01.48%201.01%201.06%201.01z%22%20fill%3D%22%23979797%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
|
|
}
|
|
.ads-quit-icon:before {
|
|
background-image: url('data:image/svg+xml,%3Csvg%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23979797%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.6%22%3E%3Cpath%20d%3D%22m14%2016.48v.42c0%201.16-.92%202.1-2.06%202.1h-5.88c-1.14%200-2.06-.94-2.06-2.1v-9.8c0-1.16.92-2.1%202.06-2.1h5.88c1.14%200%202.06.94%202.06%202.1v.66%22%2F%3E%3Cpath%20d%3D%22m9%2012h11%22%2F%3E%3Cpath%20d%3D%22m17.4%2016%203.3-3.67c.17-.19.17-.47%200-.66l-3.3-3.67%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
|
|
}
|
|
|
|
.ads-icon {
|
|
display: inline-block;
|
|
vertical-align: text-top;
|
|
width: 24px;
|
|
height: 22px;
|
|
margin: -2px 0 0 0;
|
|
background: url('data:image/svg+xml,%3Csvg%20height%3D%2222%22%20viewBox%3D%220%200%2024%2022%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22%232c9ee5%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22m11.68%2015.58.31%202.6c.12.96-.57%201.83-1.54%201.94-.03.01-.06.01-.1.01l-.19.02c-1%20.06-1.94-.5-2.34-1.41l-1.46-2.88c-.12-.24-.03-.53.21-.66.07-.03.15-.05.22-.05h4.41c.24%200%20.45.19.48.43z%22%2F%3E%3Cpath%20d%3D%22m6%205.95h6.21c.27%200%20.49.22.49.49v7.02c0%20.27-.22.49-.49.49h-6.21c-2.21%200-4-1.79-4-4s1.79-4%204-4z%22%2F%3E%3Cpath%20d%3D%22m15.36%205.35%203.43-2.04c.7-.41%201.59-.18%202.01.51.13.23.2.49.2.75v10.86c0%20.81-.66%201.46-1.46%201.46-.27%200-.52-.07-.75-.2l-3.43-2.03c-.84-.5-1.36-1.41-1.36-2.39v-4.54c0-.98.52-1.89%201.36-2.38z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat center;
|
|
}
|
|
.ads-logo-title {
|
|
margin-left: 8px;
|
|
}
|
|
.ads-logo.compact .ads-logo-title {
|
|
display: none;
|
|
}
|
|
.ads-header {
|
|
padding: 14px 15px;
|
|
line-height: 20px;
|
|
border-bottom: 1px solid #e6e6e6;
|
|
display: flex;
|
|
}
|
|
.has-search-header .ads-header {
|
|
border-bottom: none;
|
|
}
|
|
@media (min-width: 992px) {
|
|
.ads-header {
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
}
|
|
.ads-logo.compact .ads-logo-title {
|
|
display: inline;
|
|
}
|
|
}
|
|
.ads-breadcrumb {
|
|
padding: 10px 0 6px;
|
|
margin: 0;
|
|
font-size: 16px;
|
|
list-style: none;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
flex-grow: 1;
|
|
flex-shrink: 1;
|
|
flex-basis: 1px;
|
|
order: 0;
|
|
display: flex;
|
|
}
|
|
.ads-breadcrumb > li {
|
|
display: inline-block;
|
|
font-weight: 500;
|
|
position: relative;
|
|
vertical-align: top;
|
|
white-space: nowrap;
|
|
}
|
|
.ads-breadcrumb > li:after {
|
|
content: '\00a0/\00a0';
|
|
padding: 0 8px 0 6px;
|
|
color: #c4c4c4;
|
|
}
|
|
body.rtl .ads-breadcrumb > li:after {
|
|
padding: 0 6px 0 8px;
|
|
}
|
|
.ads-breadcrumb-item {
|
|
display: inline-block;
|
|
padding: 9px 0 10px;
|
|
flex-shrink: 0;
|
|
}
|
|
.ads-breadcrumb-item.active {
|
|
flex-shrink: 1;
|
|
}
|
|
li.ads-breadcrumb-item {
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
}
|
|
.ads-breadcrumb > li:last-child:after {
|
|
display: none;
|
|
}
|
|
@media (max-width: 543px) {
|
|
li.ads-breadcrumb-item {
|
|
display: none;
|
|
}
|
|
li.ads-breadcrumb-item.active {
|
|
display: inline-block;
|
|
}
|
|
}
|
|
.ads-header-auth {
|
|
float: right;
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
padding: 9px 0 7px 15px;
|
|
white-space: nowrap;
|
|
order: 2;
|
|
}
|
|
body.rtl .ads-header-auth {
|
|
padding-right: 15px;
|
|
padding-left: 0;
|
|
float: left;
|
|
}
|
|
.ads-auth-photo,
|
|
.ad-owner-photo,
|
|
.ads-owner-balance-photo {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
width: 36px;
|
|
height: 36px;
|
|
border-radius: 18px;
|
|
background: #efefef;
|
|
text-align: center;
|
|
overflow: hidden;
|
|
margin: 0 0 0 18px;
|
|
position: relative;
|
|
user-select: none;
|
|
float: right;
|
|
order: 3;
|
|
}
|
|
.ads-auth-photo {
|
|
margin: -9px 0 -7px 18px;
|
|
}
|
|
.ad-owner-photo {
|
|
float: left;
|
|
margin: 0 12px 0 0;
|
|
}
|
|
body.rtl .ads-auth-photo,
|
|
body.rtl .ads-owner-balance-photo {
|
|
margin-left: 0;
|
|
margin-right: 18px;
|
|
}
|
|
body.rtl .ad-owner-photo {
|
|
margin-left: 12px;
|
|
margin-right: 0;
|
|
}
|
|
.ads-auth-photo img,
|
|
.ad-owner-photo img,
|
|
.ads-owner-balance-photo img {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
}
|
|
.ads-auth-photo .photo-char,
|
|
.ad-owner-photo .photo-char,
|
|
.ads-owner-balance-photo .photo-char {
|
|
font-size: 16px;
|
|
vertical-align: middle;
|
|
line-height: 36px;
|
|
color: #999;
|
|
}
|
|
.ads-header-auth .ads-header-text {
|
|
margin-right: 20px;
|
|
position: relative;
|
|
}
|
|
.ads-header-auth .ads-header-text:after {
|
|
display: inline-block;
|
|
content: '';
|
|
width: 4px;
|
|
height: 4px;
|
|
border-radius: 2px;
|
|
background-color: #c0cbd2;
|
|
position: absolute;
|
|
right: -12px;
|
|
top: 7px;
|
|
}
|
|
.ads-auth-name {
|
|
color: #0277C5;
|
|
}
|
|
.ads-auth-name:after {
|
|
content: '';
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
width: 13px;
|
|
height: 6px;
|
|
margin-left: 5px;
|
|
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2213%22%20height%3D%226%22%20viewBox%3D%220%200%2013%206%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%232884CF%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M%201.68%201%20L%205.8%204.46%20C%206.17%204.77%206.71%204.77%207.08%204.46%20L%2011.2%201%20L%2011.2%201%22%2F%3E%3C%2Fsvg%3E');
|
|
}
|
|
body.rtl .ads-auth-name:after {
|
|
margin-right: 5px;
|
|
margin-left: 0;
|
|
}
|
|
|
|
.ads-search-form {
|
|
display: flex;
|
|
padding: 10px 15px;
|
|
justify-content: space-between;
|
|
flex-direction: row-reverse;
|
|
flex-wrap: wrap;
|
|
}
|
|
.ads-search-input-wrap {
|
|
margin: 5px 0;
|
|
box-shadow: inset 0 0 0 1px #d9d9d9;
|
|
border-radius: 6px;
|
|
transition: box-shadow .2s ease;
|
|
position: relative;
|
|
width: 100%;
|
|
}
|
|
@media (min-width: 992px) {
|
|
.ads-search-form {
|
|
flex-direction: row;
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
}
|
|
.ads-account-container .ads-search-input-wrap {
|
|
width: 395px;
|
|
}
|
|
}
|
|
.ads-search-input-wrap:before {
|
|
content: '';
|
|
position: absolute;
|
|
display: inline-block;
|
|
width: 16px;
|
|
height: 16px;
|
|
left: 17px;
|
|
margin: 12px 0;
|
|
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23A6A6A6%22%20stroke-width%3D%222%22%20transform%3D%22translate%282%201%29%22%3E%3Ccircle%20cx%3D%227.2%22%20cy%3D%225.5%22%20r%3D%224.5%22%2F%3E%3Cline%20x1%3D%223.8%22%20y1%3D%229.4%22%20y2%3D%2213.2%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
|
|
}
|
|
body.rtl .ads-search-input-wrap:before {
|
|
right: 16px;
|
|
left: auto;
|
|
}
|
|
.ads-search-input-wrap.field-focused {
|
|
box-shadow: inset 0 0 0 2px #35a3f6;
|
|
}
|
|
.ads-search-input {
|
|
height: auto;
|
|
font-size: 14px;
|
|
line-height: 18px;
|
|
padding: 11px 38px 11px 48px;
|
|
box-shadow: none;
|
|
border: none;
|
|
background: transparent;
|
|
color: #222;
|
|
}
|
|
.ads-search-reset {
|
|
position: absolute;
|
|
width: 38px;
|
|
height: 38px;
|
|
border-radius: 6px;
|
|
top: 1px;
|
|
right: 1px;
|
|
transition: all .1s ease;
|
|
pointer-events: none;
|
|
visibility: hidden;
|
|
opacity: 0;
|
|
}
|
|
body.rtl .ads-search-reset {
|
|
left: 1px;
|
|
right: auto;
|
|
}
|
|
.field-has-value .ads-search-reset {
|
|
pointer-events: auto;
|
|
visibility: visible;
|
|
opacity: 1;
|
|
}
|
|
.ads-search-form .ads-buttons-wrap {
|
|
display: flex;
|
|
width: 100%;
|
|
padding: 1px 0;
|
|
margin: 5px 0;
|
|
}
|
|
.ads-search-form .ads-buttons-wrap .btn {
|
|
padding: 9px 15px;
|
|
flex-grow: 1;
|
|
flex-shrink: 1;
|
|
}
|
|
.ads-search-form .ads-buttons-wrap .btn + .btn,
|
|
.ads-search-form .ads-buttons-wrap .ads-owner-balance-wrap + .btn {
|
|
margin-left: 14px;
|
|
}
|
|
@media screen and (min-width: 992px) {
|
|
.ads-search-form .ads-buttons-wrap {
|
|
width: auto;
|
|
}
|
|
.ads-search-form .ads-buttons-wrap .btn {
|
|
min-width: 140px;
|
|
padding-left: 22px;
|
|
padding-right: 22px;
|
|
}
|
|
.ads-search-form .ads-buttons-wrap .btn + .btn,
|
|
.ads-search-form .ads-buttons-wrap .ads-owner-balance-wrap + .btn {
|
|
margin-left: 18px;
|
|
}
|
|
}
|
|
|
|
.ads-owner-balance-wrap {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
max-width: 240px;
|
|
padding: 0 1px;
|
|
margin-right: 10px;
|
|
border-radius: 6px;
|
|
color: inherit;
|
|
}
|
|
.ads-owner-balance-wrap:hover,
|
|
.ads-owner-balance-wrap:focus {
|
|
text-decoration: none;
|
|
color: inherit;
|
|
}
|
|
.ads-owner-balance-photo {
|
|
margin: 1px;
|
|
margin-left: 0;
|
|
margin-right: 11px;
|
|
float: left;
|
|
}
|
|
body.rtl .ads-owner-balance-photo {
|
|
margin-left: 11px;
|
|
margin-right: 0;
|
|
}
|
|
.ads-owner-balance-content {
|
|
font-size: 14px;
|
|
line-height: 18px;
|
|
margin: 0 0 0 47px;
|
|
}
|
|
.ads-owner-balance-name {
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
-webkit-font-smoothing: antialiased;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.ads-owner-balance-value {
|
|
font-size: 13px;
|
|
font-weight: 500;
|
|
margin-top: 1px;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
.ads-form-control,
|
|
input.ads-form-control {
|
|
font-size: 14px;
|
|
line-height: 18px;
|
|
padding: 15px;
|
|
box-shadow: inset 0 0 0 1px #d9d9d9;
|
|
border-radius: 6px;
|
|
transition: box-shadow .2s ease;
|
|
height: auto;
|
|
border: none;
|
|
}
|
|
textarea.ads-form-control {
|
|
resize: none;
|
|
}
|
|
.ads-form-control:focus,
|
|
input.ads-form-control:focus {
|
|
box-shadow: inset 0 0 0 2px #35a3f6;
|
|
}
|
|
.ads-form-select .select {
|
|
font-size: 15px;
|
|
line-height: 18px;
|
|
box-shadow: inset 0 0 0 1px #d9d9d9;
|
|
border-radius: 6px;
|
|
transition: box-shadow .2s ease;
|
|
height: auto;
|
|
border: none;
|
|
}
|
|
.ads-form-select.has-hint .select {
|
|
padding-right: 48px;
|
|
}
|
|
.ads-form-select .select .items-list {
|
|
border-radius: 6px;
|
|
margin-top: 5px;
|
|
}
|
|
.ads-form-select .select .selected-items {
|
|
padding: 8px 12px;
|
|
}
|
|
.ads-form-select.has-hint .select .selected-items {
|
|
padding-right: 0;
|
|
}
|
|
.ads-form-select .select .selected-item {
|
|
font-size: 12px;
|
|
line-height: 16px;
|
|
font-weight: 600;
|
|
-webkit-font-smoothing: antialiased;
|
|
background-color: #3C9FF0;
|
|
border-radius: 4px;
|
|
margin: 3px 6px 3px 0;
|
|
padding: 5px 9px;
|
|
color: #fff;
|
|
}
|
|
.ads-form-select .ads-placeholder-label + .select .selected-item {
|
|
margin-top: 4px;
|
|
margin-bottom: 2px;
|
|
}
|
|
.ads-form-select.exclude-select .select .selected-item {
|
|
background-color: #D75959;
|
|
}
|
|
.ads-form-select .select .selected-item .label {
|
|
white-space: nowrap;
|
|
}
|
|
.ads-form-select .select .selected-item .close {
|
|
margin: -3px -6px -4px 1px;
|
|
opacity: 1;
|
|
}
|
|
.ads-form-select .select .selected-item .close:before,
|
|
.ads-form-select .select .selected-item .close:after {
|
|
background-color: #fff;
|
|
}
|
|
.ads-form-select .select .selected-item.has-photo {
|
|
padding-left: 34px;
|
|
}
|
|
.ads-form-select .select .selected-item-photo {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
border-radius: 4px;
|
|
background-color: rgba(255, 255, 255, 0.4);
|
|
text-align: center;
|
|
width: 26px;
|
|
height: 26px;
|
|
overflow: hidden;
|
|
user-select: none;
|
|
}
|
|
.ads-form-select .select .selected-item-photo img {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
}
|
|
.ads-form-select .select .selected-item-photo .photo-char {
|
|
font-size: 14px;
|
|
vertical-align: middle;
|
|
line-height: 26px;
|
|
color: #fff;
|
|
}
|
|
.ads-form-select .select .ads-form-control {
|
|
font-size: 14px;
|
|
padding: 7px 0 7px 3px;
|
|
}
|
|
.ads-form-select .select .ads-form-control[data-placeholder]:before {
|
|
padding-left: 3px;
|
|
}
|
|
.ads-form-control-wrap > .ads-form-control-hint {
|
|
position: absolute;
|
|
width: 40px;
|
|
height: 40px;
|
|
margin: 4px;
|
|
top: 0;
|
|
right: 0;
|
|
border-radius: 20px;
|
|
cursor: pointer;
|
|
transition: opacity .2s ease;
|
|
}
|
|
.ads-form-control-wrap > .ads-form-control-hint:before {
|
|
content: '';
|
|
position: absolute;
|
|
display: inline-block;
|
|
width: 18px;
|
|
height: 18px;
|
|
margin: 11px;
|
|
border-radius: 9px;
|
|
background: #c0c4c7 url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M%205.84%208.03%20C%206.32%208.03%206.63%207.81%206.78%207.35%20C%206.84%207.11%206.95%206.91%207.09%206.76%20C%207.24%206.6%207.52%206.41%207.94%206.17%20C%208.41%205.89%208.75%205.59%208.98%205.25%20C%209.2%204.91%209.31%204.51%209.31%204.05%20C%209.31%203.28%209.02%202.66%208.44%202.2%20C%207.86%201.73%207.08%201.5%206.12%201.5%20C%205.42%201.5%204.81%201.62%204.29%201.86%20C%203.78%202.11%203.41%202.44%203.2%202.85%20C%203.07%203.08%203%203.34%203%203.61%20C%203%203.89%203.08%204.12%203.26%204.29%20C%203.43%204.46%203.67%204.55%203.97%204.55%20C%204.45%204.55%204.78%204.34%204.96%203.92%20C%205.16%203.46%205.51%203.23%206.01%203.23%20C%206.3%203.23%206.53%203.31%206.72%203.47%20C%206.9%203.63%206.99%203.84%206.99%204.1%20C%206.99%204.38%206.92%204.6%206.77%204.78%20C%206.63%204.96%206.34%205.18%205.91%205.43%20C%205.55%205.63%205.28%205.86%205.1%206.11%20C%204.93%206.35%204.84%206.64%204.84%206.98%20L%204.84%206.98%20L%204.84%207.02%20C%204.84%207.32%204.93%207.57%205.11%207.75%20C%205.3%207.94%205.54%208.03%205.84%208.03%20Z%20M%205.88%2010.95%20C%206.21%2010.95%206.49%2010.84%206.72%2010.62%20C%206.96%2010.4%207.08%2010.13%207.08%209.81%20C%207.08%209.49%206.96%209.22%206.72%209%20C%206.49%208.78%206.21%208.67%205.88%208.67%20C%205.54%208.67%205.26%208.78%205.03%209%20C%204.79%209.22%204.68%209.49%204.68%209.81%20C%204.68%2010.13%204.79%2010.4%205.03%2010.62%20C%205.26%2010.84%205.54%2010.95%205.88%2010.95%20Z%22%2F%3E%3C%2Fsvg%3E') no-repeat center;
|
|
}
|
|
.ads-form-control-wrap > .ads-form-control-hint.locked:before {
|
|
border-radius: 4px;
|
|
background: url('data:image/svg+xml,%3Csvg%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20width%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m10%202c2.209139%200%204%201.790861%204%204v3h1c1.1045695%200%202%20.8954305%202%202v5c0%201.1045695-.8954305%202-2%202h-10c-1.1045695%200-2-.8954305-2-2v-5c0-1.1045695.8954305-2%202-2h1v-3c0-2.209139%201.790861-4%204-4zm0%202c-1.0543618%200-1.91816512.81587779-1.99451426%201.85073766l-.00548574.14926234v3h4v-3c0-1.1045695-.8954305-2-2-2z%22%20fill%3D%22%23c0c4c7%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E') no-repeat center;
|
|
}
|
|
.field-loading .ads-form-control-wrap.has-hint > .ads-form-control-hint {
|
|
pointer-events: none;
|
|
opacity: 0;
|
|
}
|
|
.ads-form-control-hint-tooltip {
|
|
font-size: 14px;
|
|
line-height: 19px;
|
|
color: #fff;
|
|
padding: 11px 15px 10px;
|
|
border-radius: 8px;
|
|
position: absolute;
|
|
width: max-content;
|
|
max-width: 300px;
|
|
max-width: min(350px, calc(100vw - 30px));
|
|
right: -4px;
|
|
bottom: 100%;
|
|
z-index: 1;
|
|
text-align: center;
|
|
margin-bottom: 7px;
|
|
transition: all .2s ease;
|
|
transform: translateY(-10px);
|
|
visibility: hidden;
|
|
opacity: 0;
|
|
}
|
|
.ads-form-control-wrap > .show-hint .ads-form-control-hint-tooltip {
|
|
transform: translateY(0px);
|
|
visibility: visible;
|
|
opacity: 1;
|
|
}
|
|
.ads-form-control-hint-tooltip > .bubble {
|
|
position: absolute;
|
|
left: 0; right: 0;
|
|
top: 0; bottom: 0;
|
|
border-radius: 8px;
|
|
background-color: #202426;
|
|
opacity: 0.85;
|
|
z-index: -1;
|
|
}
|
|
.ads-form-control-hint-tooltip > .bubble:after {
|
|
content: '';
|
|
position: absolute;
|
|
display: inline-block;
|
|
width: 18px;
|
|
height: 8px;
|
|
margin-top: -1px;
|
|
background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%228%22%20viewBox%3D%220%200%2018%208%22%3E%3Cpath%20fill%3D%22%23202426%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%200%201%20L%200%200%20L%2018%200%20L%2018%201%20C%2017.74%201%2017.24%201.21%2016.86%201.58%20L%2011.47%206.91%20C%2010.3%208.07%208.42%208.07%207.25%206.91%20L%201.86%201.58%20C%201.48%201.21%200.98%201%200.45%201%20Z%22%2F%3E%3C%2Fsvg%3E');
|
|
right: 16px;
|
|
top: 100%;
|
|
}
|
|
.ads-form-control-owner .ads-form-control {
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
color: #222;
|
|
}
|
|
.ads-layer-preview-ad .ads-form {
|
|
padding: 7px 0 0;
|
|
}
|
|
.ads-form-link {
|
|
display: inline-block;
|
|
font-size: 13px;
|
|
line-height: 19px;
|
|
margin: 0 12px;
|
|
float: right;
|
|
right: 0;
|
|
cursor: pointer;
|
|
transition: all .2s ease;
|
|
}
|
|
.ads-form-link.inactive {
|
|
opacity: 0;
|
|
visibility: hidden;
|
|
}
|
|
.ads-preview-ad-wrap {
|
|
height: 320px;
|
|
border-radius: 6px;
|
|
background: #6fa786 url('/img/ad_preview_bg.jpg') no-repeat center;
|
|
background-size: cover;
|
|
overflow: hidden;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: flex-end;
|
|
padding: 20px 0 0;
|
|
cursor: default;
|
|
}
|
|
.ads-preview-ad-message-wrap {
|
|
position: relative;
|
|
top: -8px;
|
|
max-height: 0;
|
|
opacity: 0;
|
|
transition: max-height .2s ease, opacity .2s ease;
|
|
}
|
|
.ads-preview-ad-message-wrap.active {
|
|
max-height: 100%;
|
|
opacity: 1;
|
|
}
|
|
.ads-preview-ad-message {
|
|
padding: 0 20px 12px;
|
|
}
|
|
.ads-preview-ad-message .ad-msg-bubble {
|
|
position: relative;
|
|
background: #fff;
|
|
width: 280px;
|
|
max-width: 100%;
|
|
padding: 7px 10px;
|
|
border-radius: 10px 10px 10px 0;
|
|
box-shadow: 0 0 0 0.5px rgba(118, 142, 106, .3), 0 1px 1px rgba(25, 44, 89, .1);
|
|
}
|
|
.ads-preview-ad-message .ad-msg-bubble-corner {
|
|
display: inline-block;
|
|
position: absolute;
|
|
left: -1px;
|
|
bottom: -1px;
|
|
transform: translateX(-5.7px);
|
|
}
|
|
.ads-preview-ad-message .ad-msg-bubble-corner:before {
|
|
display: inline-block;
|
|
vertical-align: bottom;
|
|
content: '';
|
|
width: 8px;
|
|
height: 16px;
|
|
background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228%22%20height%3D%2216%22%20viewBox%3D%220%200%208%2016%22%20style%3D%22filter%3Adrop-shadow%280%200.5px%200%20rgba%28118%2C%20142%2C%20106%2C%20.3%29%29%3B%22%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%200.33%200%20L%200.4%203.17%20C%200.4%205.6%200.67%208.67%202%2010.67%20C%203%2012.17%204.35%2013.13%205.7%2013.7%20C%205.8%2013.75%206%2013.95%206%2014.25%20C%206%2014.34%206%2014.43%206%2014.56%20C%206%2014.7%205.86%2015%205.53%2015%20C%205.32%2015%203.14%2015%20-1%2015%20L%20-1%200%20L%200.33%200%20Z%22%20transform%3D%22matrix%28-1%200%200%201%207%200%29%22%20style%3D%22filter%3Adrop-shadow%280%201px%201px%20rgba%2825%2C%2044%2C%2089%2C%20.1%29%29%3B%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E') no-repeat;
|
|
}
|
|
.ads-preview-ad-message .ad-msg-from,
|
|
.ads-preview-ad-message .ad-msg-channel-from {
|
|
font-size: 14px;
|
|
line-height: 16px;
|
|
font-weight: 500;
|
|
color: #3487cb;
|
|
}
|
|
.ads-preview-ad-message .ad-msg-from {
|
|
color: #51983e;
|
|
}
|
|
.ads-preview-ad-message .ad-msg-text {
|
|
font-size: 16px;
|
|
line-height: 19px;
|
|
word-break: break-word;
|
|
color: #000;
|
|
margin-top: 5px;
|
|
}
|
|
.ads-preview-ad-message .ad-msg-date {
|
|
font-size: 12px;
|
|
line-height: 14px;
|
|
color: #a1aab3;
|
|
text-align: right;
|
|
margin-top: 5px;
|
|
}
|
|
.ads-preview-ad-message .before_footer + .ad-msg-date {
|
|
margin-top: -14px;
|
|
}
|
|
.ads-preview-ad-message .before_footer + .ad-msg-date .label {
|
|
position: relative;
|
|
}
|
|
.ads-preview-ad-message .ad-msg-btn {
|
|
display: block;
|
|
font-size: 13px;
|
|
line-height: 15px;
|
|
font-weight: 500;
|
|
padding: 10px 20px;
|
|
text-align: center;
|
|
text-transform: uppercase;
|
|
color: #358dd4;
|
|
border: 1px solid #448abf;
|
|
border-radius: 6px;
|
|
margin-top: 8px;
|
|
margin-bottom: 2px;
|
|
}
|
|
.ads-preview-ad-message a.ad-msg-btn:hover {
|
|
text-decoration: none;
|
|
}
|
|
|
|
.tgme_widget_message_bubble {
|
|
padding: 10px 12px;
|
|
}
|
|
.tgme_widget_message_info.short {
|
|
float: right;
|
|
}
|
|
.tgme_widget_message_text.before_footer + .tgme_widget_message_footer {
|
|
margin-top: -17px;
|
|
margin-bottom: -3px;
|
|
}
|
|
.tgme_widget_message_text.before_footer + .tgme_widget_message_footer .tgme_widget_message_info {
|
|
position: relative;
|
|
}
|
|
|
|
|
|
.ads-form {
|
|
display: flex;
|
|
padding: 24px 0;
|
|
justify-content: space-between;
|
|
flex-wrap: wrap;
|
|
}
|
|
.ads-form + .ads-form {
|
|
padding-top: 0;
|
|
}
|
|
.ads-form .form-group-text {
|
|
font-size: 14px;
|
|
line-height: 18px;
|
|
margin: -5px 15px 25px;
|
|
}
|
|
form > .form-group {
|
|
position: relative;
|
|
}
|
|
.ads-form .form-group {
|
|
position: relative;
|
|
padding: 12px 15px 14px;
|
|
max-width: 460px;
|
|
margin: 0 auto;
|
|
}
|
|
.form-group-slim {
|
|
max-width: 460px;
|
|
margin: 0 auto;
|
|
padding: 12px 0 14px;
|
|
}
|
|
.form-group.no-padding,
|
|
.form-group-slim.no-padding {
|
|
padding: 0;
|
|
}
|
|
.form-group-slim .form-group {
|
|
padding: 8px 15px;
|
|
}
|
|
.ads-form .form-group .form-label,
|
|
.ads-form .form-group-slim > .form-label {
|
|
font-size: 15px;
|
|
line-height: 18px;
|
|
font-weight: 600;
|
|
-webkit-font-smoothing: antialiased;
|
|
margin: 0 15px 10px;
|
|
}
|
|
.ads-form .form-group-slim > .form-label {
|
|
margin: 0 30px 10px;
|
|
}
|
|
.form-group > .ads-form-control-hint {
|
|
position: relative;
|
|
font-size: 13px;
|
|
line-height: 17px;
|
|
color: #808080;
|
|
padding: 10px 0 0;
|
|
transition: all .2s ease;
|
|
}
|
|
.form-group > .ads-form-control-hint:empty {
|
|
padding: 0;
|
|
}
|
|
.ads-form .form-group > .ads-form-control-msg,
|
|
.ads-form .form-group > .ads-form-control-hint {
|
|
padding-left: 15px;
|
|
padding-right: 5px;
|
|
}
|
|
.form-group > .ads-form-control-msg {
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
font-size: 13px;
|
|
line-height: 15px;
|
|
color: #808080;
|
|
transition: all .2s ease;
|
|
padding: 11px 0 0;
|
|
z-index: 1;
|
|
box-sizing: content-box;
|
|
height: 15px;
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
}
|
|
.form-group > .ads-form-control-msg.no-hint {
|
|
padding-top: 5px;
|
|
}
|
|
.form-group > .ads-form-control-msg.ohide {
|
|
opacity: 0;
|
|
visibility: hidden;
|
|
}
|
|
.form-group > .ads-form-control-msg + .ads-form-control-hint {
|
|
opacity: 0;
|
|
visibility: hidden;
|
|
}
|
|
.form-group > .ads-form-control-msg.ohide + .ads-form-control-hint {
|
|
opacity: 1;
|
|
visibility: visible;
|
|
}
|
|
.field-invalid > .ads-form-control-msg {
|
|
font-weight: 500;
|
|
color: #d75959;
|
|
}
|
|
.ads-form .form-group-no-label {
|
|
padding-top: 0;
|
|
}
|
|
.ads-form .form-group-slim .radio-group {
|
|
padding: 0 15px 5px;
|
|
}
|
|
.ads-form .form-group-slim .radio-group .radio-item-block {
|
|
margin: 12px 0 5px;
|
|
}
|
|
.ads-form .form-group-slim .radio-group .radio-item-block + .radio-item-block {
|
|
margin-top: 8px;
|
|
}
|
|
.ads-layer-popup .ads-form .form-group {
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
}
|
|
|
|
.add-funds-form .decr-group,
|
|
.add-funds-form.decr .incr-group {
|
|
display: none;
|
|
}
|
|
.add-funds-form.decr .decr-group {
|
|
display: block;
|
|
}
|
|
.form-group.decr-group .ads-form-control {
|
|
padding-left: 45px;
|
|
}
|
|
|
|
.ads-account-button-wrap {
|
|
display: block;
|
|
box-shadow: inset 0 0 0 1px #d9d9d9;
|
|
border-radius: 6px;
|
|
transition: box-shadow .2s ease;
|
|
color: inherit;
|
|
height: 70px;
|
|
margin: 14px 0;
|
|
}
|
|
a.ads-account-button-wrap {
|
|
cursor: pointer;
|
|
}
|
|
.ads-account-button-wrap.current,
|
|
a.ads-account-button-wrap:hover,
|
|
a.ads-account-button-wrap:focus {
|
|
box-shadow: inset 0 0 0 2px #35a3f6;
|
|
color: inherit;
|
|
text-decoration: none;
|
|
}
|
|
.ads-account-button-photo {
|
|
display: inline-block;
|
|
position: relative;
|
|
vertical-align: top;
|
|
width: 44px;
|
|
height: 44px;
|
|
border-radius: 22px;
|
|
background: #efefef;
|
|
text-align: center;
|
|
overflow: hidden;
|
|
margin: 13px 14px;
|
|
float: left;
|
|
user-select: none;
|
|
}
|
|
.ads-account-button-photo img {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
}
|
|
.ads-account-button-photo .photo-char {
|
|
font-size: 20px;
|
|
vertical-align: middle;
|
|
line-height: 44px;
|
|
color: #999;
|
|
}
|
|
.ads-account-button-content {
|
|
padding: 14px 15px 14px 72px;
|
|
}
|
|
.ads-account-button-title,
|
|
.ads-account-button-label {
|
|
font-size: 15px;
|
|
font-weight: 500;
|
|
padding: 3px 0 0;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
.ads-account-button-icon {
|
|
display: inline-block;
|
|
position: relative;
|
|
vertical-align: top;
|
|
width: 44px;
|
|
height: 44px;
|
|
border-radius: 22px;
|
|
margin: 13px 14px;
|
|
float: left;
|
|
background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20width%3D%221%22%20height%3D%229%22%20x%3D%2211.5%22%20y%3D%227.5%22%20stroke%3D%22%23979797%22%20rx%3D%22.5%22%2F%3E%3Crect%20width%3D%229%22%20height%3D%221%22%20x%3D%227.5%22%20y%3D%2211.5%22%20stroke%3D%22%23979797%22%20rx%3D%22.5%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2211%22%20stroke%3D%22%23979797%22%20stroke-width%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') center no-repeat;
|
|
}
|
|
.ads-account-button-label {
|
|
padding: 12px 0;
|
|
}
|
|
.ads-account-button-desc {
|
|
font-size: 13px;
|
|
padding: 1px 0 2px;
|
|
color: #808080;
|
|
}
|
|
|
|
.add-funds-form .ads-account-button-wrap {
|
|
margin: 0;
|
|
}
|
|
|
|
.ads-form-control-inline-wrap {
|
|
display: flex;
|
|
}
|
|
.ads-form-control-inline-wrap .ads-form-control-wrap {
|
|
width: 330px;
|
|
}
|
|
.ads-form-control-inline-wrap .ads-btn {
|
|
margin-left: 10px;
|
|
}
|
|
.ads-form-control-inline-wrap {
|
|
display: flex;
|
|
}
|
|
.ads-form-control-wrap {
|
|
position: relative;
|
|
font-size: 14px;
|
|
line-height: 18px;
|
|
color: #222;
|
|
background-color: #fff;
|
|
border-radius: 6px;
|
|
}
|
|
.ads-form-control-wrap:after {
|
|
content: '';
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
box-shadow: inset 0 0 0 1px #d9d9d9;
|
|
background-color: transparent;
|
|
border-radius: 6px;
|
|
transition: box-shadow .2s ease;
|
|
pointer-events: none;
|
|
}
|
|
.field-focused .ads-form-control-wrap:after {
|
|
box-shadow: inset 0 0 0 2px #35a3f6;
|
|
}
|
|
.field-invalid .ads-form-control-wrap:after {
|
|
box-shadow: inset 0 0 0 1px #d75959;
|
|
}
|
|
.field-focused.field-invalid .ads-form-control-wrap:after {
|
|
box-shadow: inset 0 0 0 2px #d75959;
|
|
}
|
|
.ads-form-control-wrap .ads-form-control-prefix {
|
|
position: absolute;
|
|
padding: 15px 0 15px 15px;
|
|
pointer-events: none;
|
|
}
|
|
.field-disabled .ads-form-control-wrap .ads-form-control-prefix {
|
|
color: #919699;
|
|
}
|
|
.ads-form-control-amount input.ads-form-control,
|
|
.ads-form-control-amount .input.ads-form-control {
|
|
padding-left: 34px;
|
|
}
|
|
.ads-form-control-wrap .ads-form-control,
|
|
.ads-form-control-wrap input.ads-form-control,
|
|
.ads-form-control-wrap .select,
|
|
.field-focused .ads-form-control-wrap .ads-form-control,
|
|
.field-focused .ads-form-control-wrap input.ads-form-control,
|
|
.field-focused .ads-form-control-wrap .select {
|
|
background: none;
|
|
box-shadow: none;
|
|
}
|
|
.ads-form-control-wrap.has-photo .ads-form-control,
|
|
.ads-form-control-wrap.has-progress.field-loading .ads-form-control {
|
|
padding-right: 48px;
|
|
}
|
|
.ads-placeholder-label {
|
|
display: inline-block;
|
|
font-size: 14px;
|
|
line-height: 18px;
|
|
color: #999;
|
|
position: absolute;
|
|
z-index: 1;
|
|
pointer-events: none;
|
|
-webkit-font-smoothing: antialiased;
|
|
left: 0;
|
|
right: 0;
|
|
top: 0;
|
|
padding: 15px 0;
|
|
margin: 0 15px;
|
|
}
|
|
.ads-placeholder-label:before {
|
|
content: attr(data-placeholder);
|
|
position: absolute;
|
|
left: -5px;
|
|
top: 0;
|
|
height: 2px;
|
|
transition: transform .2s ease, box-shadow .2s step-end;
|
|
box-shadow: inset 0 1px #fff;
|
|
transform: scaleX(0);
|
|
transform-origin: 5px 0;
|
|
font-size: 93%;
|
|
padding: 0 5px;
|
|
box-sizing: content-box;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
color: transparent;
|
|
max-width: 100%;
|
|
}
|
|
.ads-placeholder-label:after {
|
|
display: inline-block;
|
|
content: attr(data-placeholder);
|
|
transition: all .2s ease;
|
|
vertical-align: top;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
transform-origin: left;
|
|
max-width: 100%;
|
|
}
|
|
.form-group .ads-placeholder-label {
|
|
font-weight: normal;
|
|
}
|
|
.field-focused .ads-placeholder-label:before {
|
|
box-shadow: inset 0 2px #fff;
|
|
transition-timing-function: ease, step-start;
|
|
}
|
|
.field-has-value .ads-placeholder-label:before,
|
|
.field-focused .ads-placeholder-label:before {
|
|
transform: scaleX(1);
|
|
max-width: 87%;
|
|
}
|
|
.field-has-value .ads-placeholder-label:after,
|
|
.field-focused .ads-placeholder-label:after {
|
|
transform: translateY(-24px) scale(.93);
|
|
pointer-events: auto;
|
|
color: #8a8a8a;
|
|
}
|
|
.field-focused .ads-placeholder-label:after {
|
|
color: #2481cc;
|
|
}
|
|
.field-invalid .ads-placeholder-label:after {
|
|
color: #d75959;
|
|
}
|
|
.field-focused.field-invalid .ads-placeholder-label:after {
|
|
color: #d75959;
|
|
}
|
|
.ads-form-control-amount .ads-placeholder-label + .ads-form-control-prefix {
|
|
opacity: 0;
|
|
transition: opacity .2s ease;
|
|
}
|
|
.field-has-value .ads-placeholder-label + .ads-form-control-prefix,
|
|
.field-focused .ads-placeholder-label + .ads-form-control-prefix {
|
|
opacity: 1;
|
|
}
|
|
.ads-form-control-progress {
|
|
position: absolute;
|
|
width: 44px;
|
|
height: 44px;
|
|
top: 2px;
|
|
right: 2px;
|
|
transform-origin: center;
|
|
pointer-events: none;
|
|
opacity: 0;
|
|
transition: opacity .2s ease;
|
|
}
|
|
.ads-form-control-progress-circle {
|
|
stroke: #c0c4c7;
|
|
stroke-width: 2px;
|
|
stroke-linecap: round;
|
|
fill: transparent;
|
|
stroke-dashoffset: 50px;
|
|
stroke-dasharray: 51px;
|
|
transform-origin: center;
|
|
animation: circle-rotate linear 2s infinite;
|
|
transition: stroke-width .2s ease;
|
|
cx: 50%;
|
|
cy: 50%;
|
|
r: 8px;
|
|
}
|
|
.field-loading .ads-form-control-wrap .ads-form-control-progress {
|
|
opacity: 1;
|
|
}
|
|
.ads-form-control-photo-wrap {
|
|
position: absolute;
|
|
width: 44px;
|
|
height: 44px;
|
|
top: 2px;
|
|
right: 2px;
|
|
opacity: 0;
|
|
visibility: hidden;
|
|
transition: opacity .2s ease;
|
|
pointer-events: none;
|
|
cursor: pointer;
|
|
}
|
|
.ads-form-control-wrap.has-photo .ads-form-control-photo-wrap {
|
|
opacity: 1;
|
|
visibility: visible;
|
|
transition: opacity .2s ease;
|
|
pointer-events: auto;
|
|
}
|
|
.ads-form-control-photo {
|
|
display: inline-block;
|
|
position: relative;
|
|
vertical-align: top;
|
|
width: 30px;
|
|
height: 30px;
|
|
border-radius: 15px;
|
|
background: #efefef;
|
|
text-align: center;
|
|
overflow: hidden;
|
|
margin: 7px;
|
|
user-select: none;
|
|
}
|
|
.ads-form-control-photo img {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
}
|
|
.ads-form-control-photo .photo-char {
|
|
font-size: 13px;
|
|
vertical-align: middle;
|
|
line-height: 32px;
|
|
color: #999;
|
|
}
|
|
.ads-form .ads-form-column {
|
|
margin: 0 auto;
|
|
width: 100%;
|
|
}
|
|
.ads-form .ads-form-content-wrap {
|
|
width: 100%;
|
|
}
|
|
.ads-form .ads-form-content {
|
|
width: 100%;
|
|
padding-left: 15px;
|
|
padding-right: 15px;
|
|
}
|
|
.ads-form .ads-form-footer {
|
|
width: 100%;
|
|
}
|
|
.ads-form .ads-form-footer .form-group {
|
|
display: flex;
|
|
width: 100%;
|
|
padding-top: 8px;
|
|
padding-bottom: 8px;
|
|
justify-content: space-between;
|
|
align-items: baseline;
|
|
flex-wrap: wrap;
|
|
}
|
|
.ads-form .ads-form-footer-column {
|
|
width: 100%;
|
|
padding: 10px 0;
|
|
}
|
|
.ads-form-column .ads-btn.btn-block {
|
|
padding: 15px 22px;
|
|
}
|
|
.ads-form-info-block {
|
|
position: relative;
|
|
font-size: 14px;
|
|
line-height: 20px;
|
|
padding: 10px 10px 10px 40px;
|
|
margin: 0 5px 10px;
|
|
}
|
|
.ads-form-info-block:before {
|
|
content: '';
|
|
position: absolute;
|
|
display: inline-block;
|
|
left: 0;
|
|
top: 0;
|
|
width: 20px;
|
|
height: 20px;
|
|
margin: 10px;
|
|
background: url('data:image/svg+xml,%3Csvg%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20width%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m%2010%200%20c%205.52%200%2010%204.48%2010%2010%20s%20-4.48%2010%20-10%2010%20s%20-10%20-4.48%20-10%20-10%20s%204.48%20-10%2010%20-10%20z%20m%200.07%2012.61%20c%20-0.77%200%20-1.39%200.58%20-1.39%201.31%20c%200%200.74%200.62%201.32%201.39%201.32%20c%200.76%200%201.38%20-0.58%201.38%20-1.32%20c%200%20-0.73%20-0.62%20-1.31%20-1.38%20-1.31%20z%20m%200.01%20-8.35%20c%20-0.81%200%20-1.3%200.48%20-1.3%201.29%20c%200%200.1%200.01%200.23%200.01%200.34%20l%200.14%204.56%20c%200.02%200.75%200.4%201.19%201.14%201.19%20c%200.74%200%201.12%20-0.44%201.14%20-1.19%20l%200.13%20-4.56%20c%200.01%20-0.12%200.01%20-0.25%200.01%20-0.34%20c%200%20-0.81%20-0.48%20-1.29%20-1.28%20-1.29%20z%22%20fill%3D%22%233c9ff0%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E') no-repeat center;
|
|
}
|
|
.ads-draft-btn-wrap {
|
|
position: relative;
|
|
opacity: 0;
|
|
visibility: hidden;
|
|
transition: all .2s ease;
|
|
}
|
|
.ads-draft-btn-wrap.active {
|
|
opacity: 1;
|
|
visibility: visible;
|
|
}
|
|
.ads-draft-saved {
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
line-height: 20px;
|
|
margin: 13px 25px;
|
|
white-space: nowrap;
|
|
position: absolute;
|
|
right: 0;
|
|
z-index: 1;
|
|
opacity: 0;
|
|
visibility: hidden;
|
|
transition: all .2s ease;
|
|
background: #fff;
|
|
}
|
|
.ads-draft-btn-wrap.saved .ads-draft-saved {
|
|
opacity: 1;
|
|
visibility: visible;
|
|
}
|
|
.ads-form-footer .ads-btn {
|
|
padding: 13px 64px;
|
|
border-radius: 6px;
|
|
}
|
|
.ads-form-footer .ads-link-btn {
|
|
margin: 13px 25px;
|
|
}
|
|
.ads-form-footer-delete-column {
|
|
order: 1;
|
|
}
|
|
.ads-form-footer-delete-column .ads-link-btn {
|
|
margin-left: 15px;
|
|
margin-right: 15px;
|
|
}
|
|
@media (min-width: 992px) {
|
|
.ads-form .form-group {
|
|
max-width: none;
|
|
padding: 16px 0 18px;
|
|
}
|
|
.form-group-slim {
|
|
padding: 16px 0 18px;
|
|
}
|
|
.ads-form .form-group-slim > .form-label {
|
|
margin-left: 15px;
|
|
margin-right: 15px;
|
|
}
|
|
.ads-form .ads-form-column {
|
|
width: 300px;
|
|
}
|
|
.ads-new-form .ads-form-column {
|
|
width: 330px;
|
|
margin: 0;
|
|
}
|
|
.ads-new-form .ads-form-column + .ads-form-column {
|
|
width: 430px;
|
|
}
|
|
.add-funds-req-form .ads-article {
|
|
padding: 0;
|
|
}
|
|
.add-funds-req-form .ads-form-column {
|
|
width: 380px;
|
|
margin: 0;
|
|
}
|
|
.add-funds-req-form .ads-form-column + .ads-form-column {
|
|
width: 400px;
|
|
}
|
|
.add-funds-form .ads-form-column,
|
|
.account-edit-form .ads-form-column {
|
|
width: 400px;
|
|
}
|
|
.ads-form .ads-form-footer {
|
|
border-top: 1px solid #ebebeb;
|
|
margin-top: 20px;
|
|
}
|
|
.ads-form .ads-form-footer-column {
|
|
width: auto;
|
|
}
|
|
.ads-form-footer-delete-column {
|
|
order: 0;
|
|
}
|
|
.ads-form-info-block,
|
|
.ads-decline-block {
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
}
|
|
}
|
|
|
|
.ads-no-ads-content {
|
|
text-align: center;
|
|
padding: 25px 15px;
|
|
}
|
|
.ads-no-ads-img {
|
|
display: inline-block;
|
|
width: 100px;
|
|
height: 100px;
|
|
vertical-align: top;
|
|
background: url('data:image/svg+xml,%3Csvg%20height%3D%22100%22%20viewBox%3D%220%200%20100%20100%22%20width%3D%22100%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20fill%3D%22%233c9ff0%22%20r%3D%2250%22%2F%3E%3Cg%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22m%2048.11%2060.88%20l%200.66%205.47%20c%200.26%202.25%20-1.2%204.3%20-3.27%204.58%20c%20-0.07%200.01%20-0.14%200.02%20-0.22%200.02%20l%20-0.4%200.03%20c%20-2.14%200.16%20-4.15%20-1.17%20-5.01%20-3.32%20l%20-3.14%20-6.22%20c%20-0.25%20-0.49%20-0.05%20-1.09%200.44%20-1.34%20c%200.14%20-0.07%200.29%20-0.11%200.45%20-0.11%20h%209.49%20c%200.51%200%200.93%200.38%200.99%200.88%20z%22%2F%3E%3Cpath%20d%3D%22m%2036.5%2040%20h%2014.5%20c%200.55%200%201%200.45%201%201%20v%2015%20c%200%200.55%20-0.45%201%20-1%201%20h%20-14.5%20c%20-4.69%200%20-8.5%20-3.81%20-8.5%20-8.5%20s%203.81%20-8.5%208.5%20-8.5%20z%22%2F%3E%3Cpath%20d%3D%22m%2057.53%2038.31%20l%207.8%20-5.2%20c%201.38%20-0.92%203.24%20-0.55%204.16%200.83%20c%200.33%200.49%200.5%201.07%200.5%201.66%20v%2025.79%20c%200%201.66%20-1.34%203%20-3%203%20c%20-0.59%200%20-1.17%20-0.18%20-1.66%20-0.5%20l%20-7.8%20-5.2%20c%20-1.58%20-1.05%20-2.53%20-2.83%20-2.53%20-4.73%20v%20-10.91%20c%200%20-1.9%200.95%20-3.68%202.53%20-4.73%20z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');
|
|
}
|
|
.ads-no-ads-header {
|
|
font-size: 17px;
|
|
font-weight: 500;
|
|
line-height: 20px;
|
|
margin: 24px 0 8px;
|
|
}
|
|
.ads-no-ads-description {
|
|
font-size: 14px;
|
|
line-height: 18px;
|
|
}
|
|
.ads-no-ads-buttons-wrap {
|
|
margin: 48px auto 12px;
|
|
max-width: 210px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.ads-no-ads-button-wrap {
|
|
font-size: 14px;
|
|
line-height: 20px;
|
|
}
|
|
.ads-no-ads-button-wrap .ads-btn {
|
|
padding: 13px 15px;
|
|
}
|
|
.ads-no-ads-button-wrap + .ads-no-ads-button-wrap {
|
|
margin-top: 22px;
|
|
}
|
|
|
|
.ads-docs-container .ads-content {
|
|
padding: 0 15px 60px;
|
|
}
|
|
.ads-docs-container #dev_page_content_wrap {
|
|
padding-top: 0;
|
|
}
|
|
@media (max-width: 640px) {
|
|
.ads-docs-container #dev_page_content_wrap {
|
|
padding-top: 20px;
|
|
}
|
|
}
|
|
|
|
.ads-container.ads-main .ads-content {
|
|
display: flex;
|
|
min-width: 320px;
|
|
min-height: 100vh;
|
|
align-items: center;
|
|
justify-content: center;
|
|
flex-wrap: wrap;
|
|
}
|
|
.ads-main-content {
|
|
text-align: center;
|
|
padding: 60px 15px 100px;
|
|
max-width: 580px;
|
|
}
|
|
.ads-main-content .ads-main-additional {
|
|
text-align: start;
|
|
margin-top: 70px;
|
|
}
|
|
.ads-main-content #dev_page_content_wrap {
|
|
padding: 0;
|
|
}
|
|
.ads-main-content #dev_page_content,
|
|
.ads-main-content #dev_page_content p {
|
|
font-size: 14px;
|
|
line-height: 21px;
|
|
}
|
|
.ads-main-content #dev_page_content h3 {
|
|
font-size: 16px;
|
|
line-height: 22px;
|
|
font-weight: 600;
|
|
-webkit-font-smoothing: antialiased;
|
|
}
|
|
.ads-main-header {
|
|
font-size: 20px;
|
|
margin: 30px 0 12px;
|
|
}
|
|
.ads-main-description {
|
|
font-size: 14px;
|
|
line-height: 21px;
|
|
}
|
|
.ads-main-button-wrap {
|
|
margin: 30px 0 12px;
|
|
}
|
|
.ads-main-button-wrap .ads-btn {
|
|
width: 210px;
|
|
padding: 13px 20px;
|
|
}
|
|
|
|
@-webkit-keyframes circle-rotate {
|
|
from { stroke-dasharray: 51px; transform: rotateZ(0); }
|
|
50% { stroke-dasharray: 99px; transform: rotateZ(240deg); }
|
|
to { stroke-dasharray: 51px; transform: rotateZ(720deg); }
|
|
}
|
|
@keyframes circle-rotate {
|
|
from { stroke-dasharray: 51px; transform: rotateZ(0); }
|
|
50% { stroke-dasharray: 99px; transform: rotateZ(240deg); }
|
|
to { stroke-dasharray: 51px; transform: rotateZ(720deg); }
|
|
}
|
|
|
|
|
|
|
|
.table {
|
|
font-size: 13px;
|
|
line-height: 16px;
|
|
font-weight: 500;
|
|
}
|
|
.table-responsive {
|
|
border: none;
|
|
}
|
|
.ads-table {
|
|
font-weight: 500;
|
|
margin: 0 0 20px;
|
|
}
|
|
@media screen and (max-width: 991px) {
|
|
.table-responsive {
|
|
width: 100%;
|
|
margin-bottom: 0;
|
|
padding-bottom: 15px;
|
|
overflow-y: hidden;
|
|
overflow-x: auto;
|
|
-ms-overflow-style: -ms-autohiding-scrollbar;
|
|
-webkit-overflow-scrolling: touch;
|
|
}
|
|
.table-responsive > .table {
|
|
margin-bottom: 0;
|
|
}
|
|
.table-responsive > .table > thead > tr > th,
|
|
.table-responsive > .table > tbody > tr > th,
|
|
.table-responsive > .table > tfoot > tr > th,
|
|
.table-responsive > .table > thead > tr > td,
|
|
.table-responsive > .table > tbody > tr > td,
|
|
.table-responsive > .table > tfoot > tr > td {
|
|
white-space: nowrap;
|
|
}
|
|
}
|
|
.ads-table > thead > tr > th,
|
|
.ads-table > tbody > tr > th,
|
|
.ads-table > thead > tr > td,
|
|
.ads-table > tbody > tr > td {
|
|
padding: 7px 10px;
|
|
line-height: 15px;
|
|
vertical-align: middle;
|
|
border-top: none;
|
|
border-bottom: none;
|
|
max-width: 200px;
|
|
height: 42px;
|
|
}
|
|
.ads-table > thead > tr > th,
|
|
.ads-table > thead > tr > td {
|
|
font-size: 12px;
|
|
line-height: 14px;
|
|
text-transform: uppercase;
|
|
font-weight: 600;
|
|
-webkit-font-smoothing: antialiased;
|
|
}
|
|
.ads-table > tbody > tr:nth-child(even) > td,
|
|
.ads-table > tbody > tr:nth-child(even) > th {
|
|
background-color: #f0f3f5;
|
|
}
|
|
.ads-table > thead + tbody > tr:nth-child(odd) > td,
|
|
.ads-table > thead + tbody > tr:nth-child(odd) > th {
|
|
background-color: #f0f3f5;
|
|
}
|
|
.ads-table > thead + tbody > tr:nth-child(even) > td,
|
|
.ads-table > thead + tbody > tr:nth-child(even) > th,
|
|
.ads-table > thead + tbody > tr > td.ads-cell-empty,
|
|
.ads-table > thead + tbody > tr > th.ads-cell-empty,
|
|
.ads-table > thead + tbody > tr > td.ads-cell-empty-full,
|
|
.ads-table > thead + tbody > tr > th.ads-cell-empty-full {
|
|
background-color: transparent;
|
|
}
|
|
.ads-table > thead > tr > td:first-child,
|
|
.ads-table > thead > tr > th:first-child,
|
|
.ads-table > tbody > tr > td:first-child,
|
|
.ads-table > tbody > tr > th:first-child {
|
|
padding-left: 15px;
|
|
}
|
|
.ads-table > thead > tr > td:last-child,
|
|
.ads-table > thead > tr > th:last-child,
|
|
.ads-table > tbody > tr > td:last-child,
|
|
.ads-table > tbody > tr > th:last-child {
|
|
padding-right: 15px;
|
|
}
|
|
@media (min-width: 600px) {
|
|
.ads-table > thead > tr > td:first-child,
|
|
.ads-table > thead > tr > th:first-child,
|
|
.ads-table > tbody > tr > td:first-child,
|
|
.ads-table > tbody > tr > th:first-child {
|
|
border-top-left-radius: 2px;
|
|
border-bottom-left-radius: 2px;
|
|
}
|
|
.ads-table > thead > tr > td:last-child,
|
|
.ads-table > thead > tr > th:last-child,
|
|
.ads-table > tbody > tr > td:last-child,
|
|
.ads-table > tbody > tr > th:last-child {
|
|
border-top-right-radius: 2px;
|
|
border-bottom-right-radius: 2px;
|
|
}
|
|
}
|
|
@media (min-width: 992px) {
|
|
.ads-table {
|
|
table-layout: fixed;
|
|
}
|
|
}
|
|
.ads-sort-marker {
|
|
display: inline-block;
|
|
position: relative;
|
|
width: 8px;
|
|
height: 11px;
|
|
margin: 1px 0 2px 5px;
|
|
vertical-align: top;
|
|
}
|
|
body.rtl .ads-sort-marker {
|
|
margin-right: 5px;
|
|
margin-left: 0;
|
|
}
|
|
.ads-sort-marker:before,
|
|
.ads-sort-marker:after {
|
|
position: absolute;
|
|
border: 4px solid transparent;
|
|
transition: transform .15s ease;
|
|
left: 0;
|
|
content: '';
|
|
}
|
|
.ads-sort-marker:before {
|
|
border-top-width: 0;
|
|
border-bottom-color: #999;
|
|
transform-origin: top center;
|
|
top: 0;
|
|
}
|
|
.ads-sort-marker:after {
|
|
border-bottom-width: 0;
|
|
border-top-color: #999;
|
|
transform-origin: bottom center;
|
|
top: 7px;
|
|
}
|
|
.ads-cell-sort {
|
|
cursor: pointer;
|
|
}
|
|
.ads-cell-sort.sort-active.sort-asc .ads-sort-marker:before {
|
|
transform: scale(1.25) translateY(2px);
|
|
}
|
|
.ads-cell-sort.sort-active .ads-sort-marker:after {
|
|
transform: scale(1.25) translateY(-2px);
|
|
}
|
|
.ads-cell-sort.sort-active.sort-asc .ads-sort-marker:after,
|
|
.ads-cell-sort.sort-active .ads-sort-marker:before {
|
|
transform: scale(0);
|
|
}
|
|
.ads-cell {
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
}
|
|
.ads-cell .ad-link {
|
|
color: inherit;
|
|
}
|
|
.ads-cell-empty .ads-cell,
|
|
.ads-cell-empty-full .ads-cell {
|
|
font-size: 15px;
|
|
font-weight: normal;
|
|
text-align: center;
|
|
color: #70767b;
|
|
}
|
|
.ads-cell-empty-full .ads-cell {
|
|
padding-top: 24px;
|
|
padding-bottom: 24px;
|
|
}
|
|
.ads-no-tme-link {
|
|
color: #999;
|
|
font-style: italic;
|
|
}
|
|
.ad-declined,
|
|
a.ad-declined:hover,
|
|
a.ad-declined:focus {
|
|
color: #d75959;
|
|
}
|
|
|
|
.ads-load-more-wrap {
|
|
font-size: 14px;
|
|
line-height: 22px;
|
|
font-weight: 500;
|
|
padding: 0 15px 10px;
|
|
text-align: center;
|
|
}
|
|
.ads-load-more {
|
|
display: inline-block;
|
|
cursor: pointer;
|
|
text-transform: uppercase;
|
|
color: #999;
|
|
}
|
|
|
|
.ads-pagination {
|
|
padding: 0 15px;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ads-pagination {
|
|
padding: 0 3px;
|
|
}
|
|
}
|
|
.table-responsive + .ads-pagination .pagination {
|
|
margin-top: 10px;
|
|
}
|
|
.ads-pagination .pagination > li > a,
|
|
.ads-pagination .pagination > li > span {
|
|
font-size: 13px;
|
|
line-height: 15px;
|
|
font-weight: 500;
|
|
padding: 5px 12px;
|
|
border-radius: 16px;
|
|
color: #0088cc;
|
|
border: none;
|
|
}
|
|
.ads-pagination .pagination > li {
|
|
display: inline-block;
|
|
}
|
|
.ads-pagination .pagination > li + li {
|
|
margin-left: 4px;
|
|
}
|
|
.ads-pagination .pagination > li > a:hover,
|
|
.ads-pagination .pagination > li > a:focus {
|
|
background-color: #f0f6fa;
|
|
text-decoration: none;
|
|
}
|
|
.ads-pagination .pagination > .active > a,
|
|
.ads-pagination .pagination > .active > span,
|
|
.ads-pagination .pagination > .active > a:hover,
|
|
.ads-pagination .pagination > .active > span:hover,
|
|
.ads-pagination .pagination > .active > a:focus,
|
|
.ads-pagination .pagination > .active > span:focus {
|
|
color: #fff;
|
|
background-color: #0f9ae4;
|
|
border-color: #0f9ae4;
|
|
}
|
|
.ads-pagination .pagination > .disabled > a,
|
|
.ads-pagination .pagination > .disabled > span {
|
|
color: #999;
|
|
cursor: default;
|
|
padding: 5px 7px;
|
|
}
|
|
|
|
.ads-review-list .ads-load-more-wrap {
|
|
padding: 25px 15px;
|
|
}
|
|
.ads-review-header-wrap {
|
|
display: flex;
|
|
line-height: 19px;
|
|
padding: 15px 15px 5px;
|
|
justify-content: space-between;
|
|
flex-wrap: wrap;
|
|
}
|
|
.ads-review-header {
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
-webkit-font-smoothing: antialiased;
|
|
margin: 0;
|
|
}
|
|
.ads-review-header-tabs {
|
|
display: flex;
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
-webkit-font-smoothing: antialiased;
|
|
}
|
|
.ads-review-header-tabs .ads-review-header-tab-wrap + .ads-review-header-tab-wrap {
|
|
margin-left: 20px;
|
|
position: relative;
|
|
}
|
|
.ads-review-header-tabs .ads-review-header-tab-wrap + .ads-review-header-tab-wrap:before {
|
|
display: inline-block;
|
|
content: '';
|
|
width: 4px;
|
|
height: 4px;
|
|
border-radius: 2px;
|
|
background-color: #c0cbd2;
|
|
position: absolute;
|
|
left: -12px;
|
|
top: 7px;
|
|
}
|
|
.ads-review-header-tab-wrap.active .ads-review-header-tab {
|
|
color: inherit;
|
|
pointer-events: none;
|
|
}
|
|
|
|
.ads-review-ad {
|
|
display: flex;
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
padding: 20px 15px;
|
|
}
|
|
.ads-review-ad-empty {
|
|
padding: 60px 35px;
|
|
font-size: 16px;
|
|
color: #70767b;
|
|
text-align: center;
|
|
}
|
|
.ads-review-ad-preview {
|
|
padding: 5px 0;
|
|
margin: 0 -2px 0 -8px;
|
|
flex-grow: 1;
|
|
width: 100%;
|
|
|
|
font-family: 'Roboto', sans-serif;
|
|
font-size: 16px;
|
|
}
|
|
.ads-review-ad-preview * {
|
|
box-sizing: content-box;
|
|
}
|
|
.ads-review-ad-preview .tgme_widget_message {
|
|
width: 100%;
|
|
}
|
|
.ads-review-ad-preview .tgme_widget_message_bubble_logo {
|
|
display: none;
|
|
}
|
|
.ads-review-ad-content {
|
|
padding: 5px 0;
|
|
width: 100%;
|
|
}
|
|
.ads-review-ad-info {
|
|
line-height: 22px;
|
|
padding: 0 0 24px;
|
|
}
|
|
.ads-review-preview-column .ads-review-ad-content {
|
|
padding-top: 15px;
|
|
padding-left: 58px;
|
|
}
|
|
.ads-review-preview-column .ads-review-ad-info {
|
|
padding-bottom: 16px;
|
|
}
|
|
.ads-review-ad-info .ads-ad-info-label {
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
-webkit-font-smoothing: antialiased;
|
|
}
|
|
.ads-review-ad-info .ad-owner-value-wrap {
|
|
padding: 16px 0 0;
|
|
}
|
|
.ads-review-ad-info .ad-owner-value {
|
|
margin: -2px 0;
|
|
}
|
|
.ads-review-ad-info .ad-owner-value .ad-owner-name {
|
|
font-weight: 500;
|
|
line-height: 20px;
|
|
-webkit-font-smoothing: antialiased;
|
|
}
|
|
.ads-review-ad-info .ad-owner-value .ad-owner-date {
|
|
line-height: 20px;
|
|
color: #8a8a8a;
|
|
}
|
|
.ads-review-ad-info .ads-ad-info-value {
|
|
font-size: 15px;
|
|
}
|
|
.ads-ad-info-value .included.a,
|
|
.ads-ad-info-value .excluded.a {
|
|
color: #0088cc;
|
|
}
|
|
.ads-ad-info-value .excluded,
|
|
.ads-ad-info-value .excluded a {
|
|
/*color: #d75959;*/
|
|
}
|
|
.ads-ad-info-value .included:before,
|
|
.ads-ad-info-value .excluded:before {
|
|
width: 12px;
|
|
padding-right: 3px;
|
|
display: inline-block;
|
|
text-align: center;
|
|
}
|
|
.ads-ad-info-value .included:before {
|
|
content: '+';
|
|
}
|
|
.ads-ad-info-value .excluded:before {
|
|
content: '–';
|
|
}
|
|
.ads-review-ad-info-multi {
|
|
display: flex;
|
|
}
|
|
.ads-review-ad-info-multi > .ads-review-ad-info {
|
|
flex-basis: 30%;
|
|
flex-grow: 1;
|
|
}
|
|
.ads-review-ad-status {
|
|
padding: 5px 0;
|
|
font-weight: 600;
|
|
-webkit-font-smoothing: antialiased;
|
|
}
|
|
.ads-status-approved {
|
|
color: #249106;
|
|
}
|
|
.ads-status-declined {
|
|
color: #d75959;
|
|
}
|
|
.ads-review-ad-buttons {
|
|
padding: 10px 0;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
}
|
|
.ads-review-ad-buttons .btn {
|
|
padding: 11px 15px;
|
|
}
|
|
.ads-review-ad-buttons .ads-btn.ads-btn-selected {
|
|
color: #3c9ff0;
|
|
background: #fff;
|
|
box-shadow: inset 0 0 0 1px #3c9ff0;
|
|
cursor: default;
|
|
}
|
|
.ads-review-ad-buttons .ads-del-btn.ads-btn-selected {
|
|
color: #d75959;
|
|
box-shadow: inset 0 0 0 1px #d75959;
|
|
}
|
|
.ads-review-ad-buttons .ads-btn-selected.dropdown-toggle {
|
|
cursor: pointer;
|
|
}
|
|
.ads-review-ad-buttons .review-btn {
|
|
flex-grow: 1;
|
|
flex-shrink: 1;
|
|
max-width: calc(50% - 8px);
|
|
}
|
|
.ads-review-ad-buttons .review-btn .btn {
|
|
width: 100%;
|
|
}
|
|
.ads-review-ad-buttons .review-btn + .review-btn {
|
|
margin-left: 16px;
|
|
}
|
|
.ads-review-ad-buttons .btn.dropdown-toggle {
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
.ads-review-ad-buttons .btn.dropdown-toggle .label {
|
|
display: inline-block;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
}
|
|
.ads-review-ad-buttons .btn.ads-btn-selected .label.sm {
|
|
font-size: 12px;
|
|
letter-spacing: -0.4px;
|
|
}
|
|
.ads-review-ad-buttons .btn.dropdown-toggle:after {
|
|
content: '';
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
width: 13px;
|
|
height: 6px;
|
|
margin-left: 7px;
|
|
flex-shrink: 0;
|
|
align-self: center;
|
|
background-repeat: no-repeat;
|
|
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2213%22%20height%3D%226%22%20viewBox%3D%220%200%2013%206%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23FFF%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M%201.68%201%20L%205.8%204.46%20C%206.17%204.77%206.71%204.77%207.08%204.46%20L%2011.2%201%20L%2011.2%201%22%2F%3E%3C%2Fsvg%3E');
|
|
}
|
|
.ads-review-ad-buttons .ads-del-btn.ads-btn-selected.dropdown-toggle:after {
|
|
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2213%22%20height%3D%226%22%20viewBox%3D%220%200%2013%206%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23d75959%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M%201.68%201%20L%205.8%204.46%20C%206.17%204.77%206.71%204.77%207.08%204.46%20L%2011.2%201%20L%2011.2%201%22%2F%3E%3C%2Fsvg%3E');
|
|
}
|
|
body.rtl .ads-review-ad-buttons .btn.dropdown-toggle:after {
|
|
margin-right: 7px;
|
|
margin-left: 0;
|
|
}
|
|
@media screen and (min-width: 480px) {
|
|
.ads-review-ad-preview {
|
|
margin-left: 0;
|
|
flex-grow: 0;
|
|
}
|
|
}
|
|
@media screen and (min-width: 992px) {
|
|
.ads-review-ad {
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
}
|
|
.ads-review-preview-column {
|
|
width: 480px;
|
|
}
|
|
.ads-review-content-column {
|
|
width: 320px;
|
|
}
|
|
}
|
|
|
|
.ads-page-tabs {
|
|
display: flex;
|
|
padding: 17px 15px 0;
|
|
flex-wrap: wrap;
|
|
justify-content: flex-end;
|
|
}
|
|
.ads-page-tabs .ads-tabs {
|
|
padding-top: 7px;
|
|
flex-grow: 1;
|
|
flex-shrink: 0;
|
|
}
|
|
.ads-page-tabs .ads-links {
|
|
padding-top: 7px;
|
|
flex-shrink: 0;
|
|
}
|
|
.ads-page-tabs .ads-link-btn {
|
|
line-height: 16px;
|
|
margin: 7px 12px;
|
|
}
|
|
.ads-page-tabs + .ads-form {
|
|
padding-top: 16px;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ads-page-tabs {
|
|
padding: 24px 0 0;
|
|
flex-direction: row;
|
|
}
|
|
.ads-page-tabs .ads-links {
|
|
margin-top: 0;
|
|
}
|
|
}
|
|
.ads-tabs > li+li {
|
|
margin-left: 4px;
|
|
}
|
|
.ads-tabs > li > a {
|
|
display: inline-block;
|
|
font-size: 14px;
|
|
line-height: 16px;
|
|
font-weight: 500;
|
|
padding: 7px 15px;
|
|
transition: all .2s ease;
|
|
border-radius: 16px;
|
|
}
|
|
.ads-tabs li.active > a {
|
|
background: #0f9ae4;
|
|
color: #fff;
|
|
}
|
|
|
|
.deleted-title {
|
|
color: #999;
|
|
}
|
|
|
|
.ads-info-block,
|
|
.ads-decline-block {
|
|
position: relative;
|
|
padding: 0 0 0 15px;
|
|
margin: 0 15px;
|
|
}
|
|
.ads-decline-block {
|
|
margin: 30px 15px -10px;
|
|
}
|
|
.ads-info-block:before,
|
|
.ads-decline-block:before {
|
|
content: '';
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
width: 2px;
|
|
background-color: #0f9ae4;
|
|
border-radius: 1px;
|
|
box-shadow: 0 0 0 0.5px #0f9ae4;
|
|
}
|
|
.ads-decline-block:before {
|
|
background-color: #d75959;
|
|
box-shadow: 0 0 0 0.5px #d75959;
|
|
}
|
|
.ads-info-block-header,
|
|
.ads-decline-block-header {
|
|
color: #0088cc;
|
|
font-weight: 500;
|
|
padding-bottom: 4px;
|
|
}
|
|
.ads-decline-block-header {
|
|
color: #d75959;
|
|
}
|
|
.ads-decline-reason {
|
|
font-weight: 500;
|
|
}
|
|
.ads-info-text,
|
|
.ads-decline-reason,
|
|
.ads-decline-reason-desc {
|
|
font-size: 14px;
|
|
}
|
|
.ads-review-ad-buttons .ads-decline-block {
|
|
margin: 20px 0 0;
|
|
flex-basis: 100%;
|
|
}
|
|
|
|
.ads-popup-account {
|
|
display: block;
|
|
margin: 15px 0;
|
|
text-align: center;
|
|
min-width: 240px;
|
|
}
|
|
a.ads-popup-account:hover {
|
|
text-decoration: none;
|
|
}
|
|
.ads-popup-account-text {
|
|
text-align: center;
|
|
}
|
|
.ads-popup-account-photo {
|
|
display: inline-block;
|
|
position: relative;
|
|
vertical-align: top;
|
|
width: 75px;
|
|
height: 75px;
|
|
border-radius: 38px;
|
|
margin: 0 auto 10px;
|
|
background: #efefef;
|
|
text-align: center;
|
|
overflow: hidden;
|
|
user-select: none;
|
|
}
|
|
.ads-popup-account-photo img {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
}
|
|
.ads-popup-account-photo .photo-char {
|
|
font-size: 41px;
|
|
vertical-align: middle;
|
|
line-height: 77px;
|
|
color: #999;
|
|
}
|
|
.ads-popup-account-name {
|
|
font-size: 16px;
|
|
line-height: 21px;
|
|
font-weight: 500;
|
|
max-width: 280px;
|
|
color: #333;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.ads-popup-account-username {
|
|
font-size: 14px;
|
|
line-height: 21px;
|
|
color: #808080;
|
|
}
|
|
|
|
.ads-article {
|
|
padding: 0 15px;
|
|
}
|
|
#dev_page_content,
|
|
#dev_page_content p {
|
|
font-size: 15px;
|
|
line-height: 1.6;
|
|
}
|
|
#dev_page_content h4 {
|
|
font-size: 15px;
|
|
line-height: 22px;
|
|
font-weight: 600;
|
|
-webkit-font-smoothing: antialiased;
|
|
margin: 14px 0 10px;
|
|
}
|
|
#dev_page_content > ul:not(.nav),
|
|
#dev_page_content ul.bulleted,
|
|
#dev_page_content > ul:not(.nav) ul:not(.nav),
|
|
#dev_page_content > ol:not(.nav) ul:not(.nav),
|
|
#dev_page_content ul.bulleted ul.bulleted {
|
|
padding-left: 0;
|
|
}
|
|
#dev_page_content b,
|
|
#dev_page_content strong {
|
|
font-weight: 500;
|
|
}
|
|
|
|
.ads-page-header {
|
|
font-size: 15px;
|
|
line-height: 22px;
|
|
font-weight: 600;
|
|
-webkit-font-smoothing: antialiased;
|
|
padding: 10px 15px;
|
|
margin: 0;
|
|
}
|
|
.ads-graph {
|
|
margin: 0 0 50px;
|
|
}
|
|
.ads-graph .ads-tabs {
|
|
position: relative;
|
|
float: right;
|
|
padding: 7px 17px;
|
|
z-index: 1;
|
|
}
|
|
.ads-graph .ads-tabs > li > a {
|
|
padding: 6px 12px;
|
|
}
|
|
.ads-graph-timezone {
|
|
padding: 10px 15px 0;
|
|
font-size: 12px;
|
|
line-height: 16px;
|
|
color: #70767b;
|
|
}
|
|
|
|
.chart_wrap {
|
|
position: relative;
|
|
transition: all .3s ease;
|
|
}
|
|
.chart_wrap_loading {
|
|
background-color: #fff;
|
|
color: #7A8A93;
|
|
font-size: 16px;
|
|
text-align: center;
|
|
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
padding: 40px 20px;
|
|
position: absolute;
|
|
width: 100%;
|
|
z-index: 300;
|
|
opacity: 1;
|
|
transition: all .2s ease;
|
|
pointer-events: none;
|
|
}
|
|
|
|
.ads-budget-count {
|
|
font-size: 23px;
|
|
line-height: 27px;
|
|
font-weight: 500;
|
|
padding: 0 15px;
|
|
}
|
|
|
|
.amount-sign {
|
|
display: inline-block;
|
|
font-family: monospace;
|
|
padding-right: 3px;
|
|
position: relative;
|
|
top: -1px;
|
|
}
|
|
.ads-table .amount-sign {
|
|
font-weight: 600;
|
|
-webkit-font-smoothing: antialiased;
|
|
}
|
|
.amount-currency:after {
|
|
content: ' ';
|
|
margin-right: -1px;
|
|
}
|
|
.ads-amount {
|
|
color: #777;
|
|
}
|
|
.ads-amount-incr {
|
|
color: #249106;
|
|
}
|
|
.ads-amount-decr {
|
|
color: #d75959;
|
|
}
|
|
|
|
|
|
.popup-container {
|
|
position: fixed;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
background: rgba(0,0,0,.6);
|
|
z-index: 101;
|
|
display: -webkit-flex;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
overflow: auto;
|
|
-webkit-overflow-scrolling: touch;
|
|
}
|
|
.popup {
|
|
max-width: 100%;
|
|
word-wrap: break-word;
|
|
margin: 15px;
|
|
border-radius: 4px;
|
|
background: #fff;
|
|
box-shadow: 0 0 12px rgba(0, 0, 0, .3);
|
|
}
|
|
.popup section {
|
|
position: relative;
|
|
padding-bottom: 60px;
|
|
}
|
|
.popup h4 {
|
|
font-size: 18px;
|
|
margin: 5px 0 15px;
|
|
}
|
|
.popup h4 ~ h4 {
|
|
margin-top: 25px;
|
|
}
|
|
.popup-body {
|
|
padding: 20px;
|
|
}
|
|
.login-popup-container .popup-body {
|
|
padding: 15px 25px 25px;
|
|
}
|
|
@media (min-width: 560px) {
|
|
.popup {
|
|
margin: 50px;
|
|
}
|
|
.popup-body {
|
|
padding: 30px 35px;
|
|
}
|
|
.login-popup-container .popup-body {
|
|
padding: 50px 60px;
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.popup {
|
|
max-width: 600px;
|
|
}
|
|
}
|
|
.popup .popup-text {
|
|
margin: 0;
|
|
line-height: 24px;
|
|
position: relative;
|
|
z-index: 1;
|
|
}
|
|
.popup .popup-buttons {
|
|
margin: -17px -15px -10px;
|
|
position: absolute;
|
|
right: 0;
|
|
bottom: 0;
|
|
}
|
|
|
|
.ads-popup-container {
|
|
align-items: start;
|
|
padding: 70px 10px;
|
|
}
|
|
|
|
.login-popup-container section {
|
|
line-height: 23px;
|
|
max-width: 600px;
|
|
}
|
|
.login-popup-container h2 {
|
|
font-size: 24px;
|
|
margin-top: 15px;
|
|
margin-bottom: 15px;
|
|
}
|
|
.login-popup-container p {
|
|
margin-bottom: 18px;
|
|
}
|
|
.login-popup-container p.help-block {
|
|
margin-top: 18px;
|
|
margin-bottom: -7px;
|
|
}
|
|
.login-popup-container .form-control {
|
|
max-width: 280px;
|
|
}
|
|
|
|
.ads-layer-header {
|
|
font-size: 16px;
|
|
line-height: 20px;
|
|
font-weight: 600;
|
|
-webkit-font-smoothing: antialiased;
|
|
margin: 0 0 20px;
|
|
overflow: hidden;
|
|
}
|
|
.ads-layer-subheader {
|
|
font-size: 13px;
|
|
line-height: 17px;
|
|
font-weight: 500;
|
|
margin: -18px 0 20px;
|
|
overflow: hidden;
|
|
}
|
|
.ads-layer-text {
|
|
font-size: 14px;
|
|
line-height: 21px;
|
|
}
|
|
.ads-layer-popup {
|
|
padding: 21px 23px;
|
|
border-radius: 6px;
|
|
background: #fff;
|
|
box-shadow: 0 0 12px rgba(0, 0, 0, .3);
|
|
flex-shrink: 1;
|
|
max-width: 100%;
|
|
}
|
|
.ads-layer-popup .radio-item-block,
|
|
.ads-layer-popup .checkbox-item-block {
|
|
margin: 10px 0;
|
|
}
|
|
.ads-layer-edit-title,
|
|
.ads-layer-edit-cpm,
|
|
.ads-layer-edit-budget {
|
|
width: 340px;
|
|
}
|
|
.ads-layer-edit-status {
|
|
width: 215px;
|
|
}
|
|
.ads-layer-delete-ad {
|
|
width: 350px;
|
|
}
|
|
.ads-layer-delete-ad {
|
|
width: 350px;
|
|
}
|
|
.ads-layer-delete-ad .popup-primary-btn {
|
|
color: #d14e4e;
|
|
background-color: transparent;
|
|
}
|
|
.ads-layer-delete-ad .popup-primary-btn:hover,
|
|
.ads-layer-delete-ad .popup-primary-btn:focus,
|
|
.ads-layer-delete-ad .popup-primary-btn:active {
|
|
color: #d14e4e;
|
|
background-color: #fcdfde;
|
|
}
|
|
|
|
.ads-layer-popup-empty {
|
|
font-size: 16px;
|
|
line-height: 24px;
|
|
color: #70767b;
|
|
width: 270px;
|
|
padding: 50px 20px 20px;
|
|
text-align: center;
|
|
}
|
|
|
|
.chart_csv_export_wrap {
|
|
position: relative;
|
|
margin-top: -44px;
|
|
float: right;
|
|
z-index: 20;
|
|
}
|
|
.chart_csv_export_wrap .btn.csv_link {
|
|
padding: 9px 18px 7px;
|
|
border-radius: 18px;
|
|
transition: background-color 0.2s;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.ads-suggested-ad {
|
|
display: flex;
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
padding: 20px 15px;
|
|
}
|
|
.ads-suggested-ad-preview {
|
|
padding: 5px 0;
|
|
margin: 0 -2px 0 -8px;
|
|
flex-grow: 1;
|
|
width: 100%;
|
|
|
|
font-family: 'Roboto', sans-serif;
|
|
font-size: 16px;
|
|
}
|
|
.ads-suggested-ad-preview * {
|
|
box-sizing: content-box;
|
|
}
|
|
.ads-suggested-ad-preview .tgme_widget_message {
|
|
width: 100%;
|
|
}
|
|
.ads-suggested-ad-preview .tgme_widget_message_bubble_logo {
|
|
display: none;
|
|
}
|
|
.ads-suggested-ad-buttons {
|
|
flex-grow: 1;
|
|
width: 100%;
|
|
}
|