mirror of
https://github.com/MarshalX/telegram-crawler.git
synced 2024-12-13 10:21:08 +01:00
5515 lines
160 KiB
CSS
5515 lines
160 KiB
CSS
|
html {
|
|||
|
display: block!important;
|
|||
|
}
|
|||
|
body {
|
|||
|
font-family: 'Roboto', sans-serif;
|
|||
|
font-size: 15px;
|
|||
|
color: #222;
|
|||
|
margin: 0;
|
|||
|
padding: 0;
|
|||
|
}
|
|||
|
body {
|
|||
|
--text-color: #222;
|
|||
|
--link-color: #0288db;
|
|||
|
--link-bghover: #e6f1f7;
|
|||
|
--link-bgactive: #d4e6f1;
|
|||
|
--accent-color: #119af5;
|
|||
|
--accent-bghover: #2a96ef;
|
|||
|
--accent-bgactive: #2a96ef;
|
|||
|
}
|
|||
|
:root {
|
|||
|
color-scheme: light;
|
|||
|
}
|
|||
|
|
|||
|
.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: var(--accent-color);
|
|||
|
}
|
|||
|
|
|||
|
.shide {
|
|||
|
opacity: 0;
|
|||
|
visibility: hidden;
|
|||
|
pointer-events: none;
|
|||
|
padding-top: 0 !important;
|
|||
|
padding-bottom: 0 !important;
|
|||
|
margin-top: 0 !important;
|
|||
|
margin-bottom: 0 !important;
|
|||
|
height: 0 !important;
|
|||
|
}
|
|||
|
.sanim,
|
|||
|
.oanim {
|
|||
|
transition: all .2s ease;
|
|||
|
}
|
|||
|
|
|||
|
a,
|
|||
|
a:hover {
|
|||
|
color: var(--link-color);
|
|||
|
}
|
|||
|
|
|||
|
.btn,
|
|||
|
a.btn,
|
|||
|
button.btn {
|
|||
|
font-size: 14px;
|
|||
|
font-weight: 500;
|
|||
|
line-height: 20px;
|
|||
|
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: var(--accent-color);
|
|||
|
}
|
|||
|
.btn-primary:hover,
|
|||
|
.btn-primary:focus,
|
|||
|
.btn-primary:active {
|
|||
|
background-color: var(--accent-bghover);
|
|||
|
}
|
|||
|
.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;
|
|||
|
}
|
|||
|
.btn.csv_link {
|
|||
|
border-radius: 17px;
|
|||
|
transition: background-color .2s ease;
|
|||
|
}
|
|||
|
|
|||
|
.link-after:after {
|
|||
|
display: inline-block;
|
|||
|
content: '';
|
|||
|
vertical-align: top;
|
|||
|
width: 12px;
|
|||
|
height: 18px;
|
|||
|
background: url('data:image/svg+xml,%3Csvg%20height%3D%2218%22%20viewBox%3D%220%200%2012%2018%22%20width%3D%2212%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m4.5%206%203.43%203.43c.04.04.04.1%200%20.14l-3.43%203.43%22%20fill%3D%22none%22%20stroke%3D%22%230288db%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.1%22%2F%3E%3C%2Fsvg%3E') center no-repeat;
|
|||
|
}
|
|||
|
|
|||
|
.gw-btn,
|
|||
|
a.gw-btn,
|
|||
|
button.gw-btn {
|
|||
|
font-size: 14px;
|
|||
|
line-height: 20px;
|
|||
|
font-weight: 600;
|
|||
|
-webkit-font-smoothing: antialiased;
|
|||
|
padding: 8px 20px;
|
|||
|
background-color: var(--accent-color);
|
|||
|
transition: background-color .2s ease;
|
|||
|
text-transform: none;
|
|||
|
color: #fff;
|
|||
|
border-radius: 6px;
|
|||
|
}
|
|||
|
.gw-btn:hover,
|
|||
|
.gw-btn:focus,
|
|||
|
.gw-btn:active {
|
|||
|
color: #fff;
|
|||
|
background-color: #2a96ef;
|
|||
|
}
|
|||
|
.gw-btn.disabled,
|
|||
|
.gw-btn[disabled],
|
|||
|
.popup-button.submit-form-btn.disabled,
|
|||
|
form.disabled .popup-button.submit-form-btn {
|
|||
|
opacity: 1;
|
|||
|
color: rgb(255, 255, 255, 0.6);
|
|||
|
pointer-events: none;
|
|||
|
}
|
|||
|
.gw-link-btn,
|
|||
|
a.gw-link-btn,
|
|||
|
button.gw-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;
|
|||
|
}
|
|||
|
.gw-link-btn.disabled {
|
|||
|
color: #999;
|
|||
|
}
|
|||
|
.gw-del-btn,
|
|||
|
a.gw-del-btn,
|
|||
|
button.gw-del-btn {
|
|||
|
background-color: #d75959;
|
|||
|
}
|
|||
|
.gw-del-btn:hover,
|
|||
|
.gw-del-btn:focus,
|
|||
|
.gw-del-btn:active {
|
|||
|
color: #fff;
|
|||
|
background-color: #d24646;
|
|||
|
}
|
|||
|
.gw-approved-btn,
|
|||
|
a.gw-approved-btn,
|
|||
|
button.gw-approved-btn {
|
|||
|
color: #27931e;
|
|||
|
background-color: rgba(39, 147, 30, .14);
|
|||
|
}
|
|||
|
.gw-approved-btn:hover,
|
|||
|
.gw-approved-btn:focus,
|
|||
|
.gw-approved-btn:active {
|
|||
|
color: #27931e;
|
|||
|
background-color: rgba(39, 147, 30, .21);
|
|||
|
}
|
|||
|
|
|||
|
.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;
|
|||
|
}
|
|||
|
|
|||
|
.upload-form-group {
|
|||
|
text-align: center;
|
|||
|
}
|
|||
|
.btn.upload-button {
|
|||
|
padding: 9px 30px;
|
|||
|
border-radius: 6px;
|
|||
|
}
|
|||
|
.upload-input {
|
|||
|
position: relative;
|
|||
|
margin: 24px 0 5px;
|
|||
|
}
|
|||
|
.gw-form-control-wrap.upload-input:after {
|
|||
|
display: none !important;
|
|||
|
}
|
|||
|
.upload-button > input {
|
|||
|
position: absolute !important;
|
|||
|
height: 1px;
|
|||
|
width: 1px;
|
|||
|
overflow: hidden;
|
|||
|
clip: rect(1px, 1px, 1px, 1px);
|
|||
|
}
|
|||
|
.upload-selected,
|
|||
|
.upload-progress {
|
|||
|
position: absolute;
|
|||
|
top: 0;
|
|||
|
left: 0;
|
|||
|
right: 0;
|
|||
|
font-size: 14px;
|
|||
|
font-weight: 500;
|
|||
|
line-height: 20px;
|
|||
|
background: var(--accent-color);
|
|||
|
text-align: left;
|
|||
|
border-radius: 6px;
|
|||
|
color: #fff;
|
|||
|
display: none;
|
|||
|
overflow: hidden;
|
|||
|
z-index: 1;
|
|||
|
}
|
|||
|
.upload-input.selected .upload-selected,
|
|||
|
.upload-form-group.field-loading .upload-progress {
|
|||
|
display: flex;
|
|||
|
}
|
|||
|
.upload-progress:before {
|
|||
|
content: '';
|
|||
|
display: block;
|
|||
|
position: absolute;
|
|||
|
left: 0;
|
|||
|
top: 0;
|
|||
|
bottom: 0;
|
|||
|
background: #42aff8;
|
|||
|
width: calc(100% * var(--upload-progress, 0));
|
|||
|
}
|
|||
|
.upload-selected-label,
|
|||
|
.upload-progress-label {
|
|||
|
flex-grow: 1;
|
|||
|
flex-shrink: 1;
|
|||
|
padding: 9px 0 9px 13px;
|
|||
|
white-space: nowrap;
|
|||
|
text-overflow: ellipsis;
|
|||
|
overflow: hidden;
|
|||
|
z-index: 1;
|
|||
|
}
|
|||
|
.upload-selected-remove {
|
|||
|
cursor: pointer;
|
|||
|
}
|
|||
|
.upload-selected-remove:after {
|
|||
|
content: '';
|
|||
|
display: inline-block;
|
|||
|
width: 38px;
|
|||
|
height: 38px;
|
|||
|
vertical-align: top;
|
|||
|
border-radius: 0 6px 6px 0;
|
|||
|
background: url('data:image/svg+xml,%3Csvg%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20width%3D%2218%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m5.5%2012.5%207-7m0%207-7-7%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%2F%3E%3C%2Fsvg%3E') no-repeat center;
|
|||
|
}
|
|||
|
.upload-selected-label:before {
|
|||
|
content: attr(data-filename) '\a0';
|
|||
|
}
|
|||
|
.upload-progress-value {
|
|||
|
padding: 9px 13px;
|
|||
|
white-space: nowrap;
|
|||
|
z-index: 1;
|
|||
|
}
|
|||
|
|
|||
|
.circle-progress-wrap {
|
|||
|
transform: scale3d(0, 0, 1);
|
|||
|
visibility: hidden;
|
|||
|
opacity: 0.2;
|
|||
|
transform-origin: 50%;
|
|||
|
transition: all ease .2s;
|
|||
|
}
|
|||
|
.circle-progress-bg {
|
|||
|
fill: rgba(0, 0, 0, .35);
|
|||
|
r: 20px;
|
|||
|
}
|
|||
|
.circle-progress {
|
|||
|
transition: stroke-dashoffset ease .3s, stroke-dasharray ease .3s, stroke-width ease .3s, r ease .3s;
|
|||
|
stroke: #fff;
|
|||
|
stroke-width: 0;
|
|||
|
stroke-linecap: round;
|
|||
|
fill: transparent;
|
|||
|
transform: rotateZ(-90deg);
|
|||
|
transform-origin: 50%;
|
|||
|
stroke-dasharray: 125px;
|
|||
|
r: 20px;
|
|||
|
}
|
|||
|
.file-loading .circle-progress-wrap {
|
|||
|
transform: scale3d(1, 1, 1);
|
|||
|
visibility: visible;
|
|||
|
opacity: 1;
|
|||
|
}
|
|||
|
.file-loading .circle-progress {
|
|||
|
animation: rotate-circle linear 2s infinite;
|
|||
|
stroke-width: 1.5px;
|
|||
|
stroke-dasharray: 106px;
|
|||
|
r: 17px;
|
|||
|
}
|
|||
|
.file-loaded .circle-progress {
|
|||
|
animation: rotate-circle linear 2s infinite;
|
|||
|
stroke-width: 0;
|
|||
|
stroke-dashoffset: 0;
|
|||
|
stroke-dasharray: 125px;
|
|||
|
r: 20px;
|
|||
|
}
|
|||
|
.circle-progress.infinite {
|
|||
|
transition: stroke-width ease .3s, r ease .3s;
|
|||
|
}
|
|||
|
.file-loading .circle-progress.infinite,
|
|||
|
.file-loaded .circle-progress.infinite {
|
|||
|
animation: rotate-circle linear 1.5s infinite, resize-circle linear 360s infinite;
|
|||
|
}
|
|||
|
|
|||
|
@-webkit-keyframes rotate-circle {
|
|||
|
from { transform: rotateZ(-90deg); }
|
|||
|
to { transform: rotateZ(270deg); }
|
|||
|
}
|
|||
|
@keyframes rotate-circle {
|
|||
|
from { transform: rotateZ(-90deg); }
|
|||
|
to { transform: rotateZ(270deg); }
|
|||
|
}
|
|||
|
|
|||
|
@-webkit-keyframes resize-circle {
|
|||
|
from { stroke-dashoffset: 0; }
|
|||
|
to { stroke-dashoffset: 12500px; }
|
|||
|
}
|
|||
|
@keyframes resize-circle {
|
|||
|
from { stroke-dashoffset: 0; }
|
|||
|
to { stroke-dashoffset: 12500px; }
|
|||
|
}
|
|||
|
|
|||
|
.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.gw-form-control {
|
|||
|
overflow: auto;
|
|||
|
-webkit-overflow-scrolling: touch;
|
|||
|
}
|
|||
|
.input.gw-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;
|
|||
|
height: 1.25em;
|
|||
|
vertical-align: top;
|
|||
|
display: inline-block;
|
|||
|
white-space: nowrap;
|
|||
|
overflow: hidden;
|
|||
|
background: no-repeat -1000px -1000px;
|
|||
|
background-size: 1.25em 1.25em;
|
|||
|
text-indent: -10em;
|
|||
|
padding: 3px 3px 3px 2px;
|
|||
|
margin: -3px -2px;
|
|||
|
}
|
|||
|
.emoji_image .emoji:before {
|
|||
|
content: '';
|
|||
|
position: absolute;
|
|||
|
pointer-events: none;
|
|||
|
left: 0;
|
|||
|
top: 0;
|
|||
|
right: 0;
|
|||
|
bottom: 0;
|
|||
|
background: inherit;
|
|||
|
background-position: 2px 50%;
|
|||
|
background-position-y: calc(50% + 1px);
|
|||
|
}
|
|||
|
.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: var(--accent-color);
|
|||
|
}
|
|||
|
.radio-item .radio-input-icon:after,
|
|||
|
.checkbox-item .checkbox-input-icon:before {
|
|||
|
background-color: var(--accent-color);
|
|||
|
}
|
|||
|
|
|||
|
.radio-hidden {
|
|||
|
position: absolute;
|
|||
|
visibility: hidden;
|
|||
|
}
|
|||
|
|
|||
|
.form-control {
|
|||
|
font-size: 14px;
|
|||
|
color: #222;
|
|||
|
}
|
|||
|
.monospace {
|
|||
|
font-family: monospace;
|
|||
|
}
|
|||
|
.noselect {
|
|||
|
-webkit-user-select: none;
|
|||
|
user-select: none;
|
|||
|
}
|
|||
|
|
|||
|
.text-nowrap {
|
|||
|
display: flex;
|
|||
|
white-space: nowrap;
|
|||
|
}
|
|||
|
.text-nowrap > .text-cut {
|
|||
|
text-overflow: ellipsis;
|
|||
|
overflow: hidden;
|
|||
|
flex-shrink: 1;
|
|||
|
}
|
|||
|
|
|||
|
.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-loading,
|
|||
|
.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-item .desc {
|
|||
|
font-size: 12px;
|
|||
|
color: #a8a8a8;
|
|||
|
}
|
|||
|
.select-list-loading,
|
|||
|
.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.gw-form-control,
|
|||
|
.select .input.gw-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;
|
|||
|
}
|
|||
|
}
|
|||
|
|
|||
|
.gw-container {
|
|||
|
max-width: 600px;
|
|||
|
padding: 0;
|
|||
|
margin: 0 auto;
|
|||
|
}
|
|||
|
@media (max-width: 991px) {
|
|||
|
.mobile-hide {
|
|||
|
display: none !important;
|
|||
|
}
|
|||
|
}
|
|||
|
@media (min-width: 992px) {
|
|||
|
.gw-container {
|
|||
|
max-width: 842px;
|
|||
|
}
|
|||
|
.mobile-show {
|
|||
|
display: none;
|
|||
|
}
|
|||
|
}
|
|||
|
@media (min-width: 1152px) {
|
|||
|
.gw-account-wide-container {
|
|||
|
max-width: 1024px;
|
|||
|
}
|
|||
|
}
|
|||
|
|
|||
|
.gw-dropdown-wrap {
|
|||
|
display: inline-block;
|
|||
|
position: relative;
|
|||
|
vertical-align: top;
|
|||
|
}
|
|||
|
.gw-dropdown-wrap.input-dropdown {
|
|||
|
display: block;
|
|||
|
}
|
|||
|
.gw-dropdown.dropdown-toggle {
|
|||
|
cursor: pointer;
|
|||
|
}
|
|||
|
.gw-dropdown-wrap.inline-dropdown {
|
|||
|
display: inline-block;
|
|||
|
}
|
|||
|
.gw-dropdown-wrap.inline-dropdown .gw-form-control {
|
|||
|
padding: 6px 11px;
|
|||
|
}
|
|||
|
.gw-layer-popup .radio-item-block .gw-dropdown-wrap.inline-dropdown {
|
|||
|
margin: -5px 10px;
|
|||
|
}
|
|||
|
.gw-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: 6px;
|
|||
|
overflow: hidden;
|
|||
|
min-width: 150px;
|
|||
|
}
|
|||
|
.gw-dropdown-wrap span.dropdown-menu.dropdown-menu-top {
|
|||
|
margin: -2px 0 4px 0;
|
|||
|
bottom: 100%;
|
|||
|
top: auto;
|
|||
|
}
|
|||
|
.gw-dropdown-wrap.input-dropdown span.dropdown-menu {
|
|||
|
left: -1px;
|
|||
|
}
|
|||
|
.gw-dropdown-wrap.open .gw-form-control {
|
|||
|
box-shadow: inset 0 0 0 2px #35a3f6;
|
|||
|
}
|
|||
|
.gw-dropdown-wrap.input-dropdown .input {
|
|||
|
padding-right: 40px;
|
|||
|
position: relative;
|
|||
|
cursor: pointer;
|
|||
|
}
|
|||
|
.gw-dropdown-wrap.inline-dropdown .input {
|
|||
|
padding-right: 30px;
|
|||
|
}
|
|||
|
.gw-dropdown-wrap.input-dropdown .input:after {
|
|||
|
position: absolute;
|
|||
|
top: 1px;
|
|||
|
bottom: 0;
|
|||
|
right: 0;
|
|||
|
content: '';
|
|||
|
display: inline-block;
|
|||
|
vertical-align: middle;
|
|||
|
margin: auto 14px;
|
|||
|
width: 13px;
|
|||
|
height: 6px;
|
|||
|
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%23c1c4c7%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');
|
|||
|
}
|
|||
|
.gw-dropdown-wrap.inline-dropdown .input:after {
|
|||
|
margin: auto 9px;
|
|||
|
}
|
|||
|
.dropdown-menu .divider {
|
|||
|
height: 1px;
|
|||
|
margin: 6px 0;
|
|||
|
overflow: hidden;
|
|||
|
background-color: #e5e5e5;
|
|||
|
}
|
|||
|
.dropdown-menu .divider-think {
|
|||
|
height: 6px;
|
|||
|
background-color: #f0f0f0;
|
|||
|
}
|
|||
|
.gw-dropdown-wrap.top span.dropdown-menu {
|
|||
|
top: auto;
|
|||
|
bottom: 100%;
|
|||
|
}
|
|||
|
.gw-dropdown-wrap span.dropdown-menu > ul.dropdown-menu {
|
|||
|
position: static;
|
|||
|
display: block;
|
|||
|
float: none;
|
|||
|
border: none;
|
|||
|
box-shadow: none;
|
|||
|
font-size: 14px;
|
|||
|
line-height: 20px;
|
|||
|
border-radius: 0;
|
|||
|
min-width: 0;
|
|||
|
margin: 0 -20px 0 0;
|
|||
|
padding: 6px 20px 6px 0;
|
|||
|
max-height: 245px;
|
|||
|
overflow: auto;
|
|||
|
-webkit-overflow-scrolling: touch;
|
|||
|
}
|
|||
|
.gw-dropdown-wrap ul.dropdown-menu > li > .gw-dropdown-item {
|
|||
|
display: block;
|
|||
|
padding: 8px 15px;
|
|||
|
margin: 0;
|
|||
|
position: relative;
|
|||
|
color: #222;
|
|||
|
}
|
|||
|
.gw-dropdown-wrap ul.dropdown-menu > li > .gw-dropdown-remove-item {
|
|||
|
color: #cc3f3f;
|
|||
|
}
|
|||
|
.gw-dropdown-wrap ul.dropdown-menu > li > a.gw-dropdown-item {
|
|||
|
cursor: pointer;
|
|||
|
}
|
|||
|
.gw-dropdown-wrap ul.dropdown-menu > li > a.gw-dropdown-item:hover,
|
|||
|
.gw-dropdown-wrap ul.dropdown-menu > li > a.gw-dropdown-item:focus {
|
|||
|
background-color: #f4f4f4;
|
|||
|
color: #222;
|
|||
|
}
|
|||
|
.gw-dropdown-wrap ul.dropdown-menu > li > a.gw-dropdown-remove-item:hover,
|
|||
|
.gw-dropdown-wrap ul.dropdown-menu > li > a.gw-dropdown-remove-item:focus {
|
|||
|
color: #cc3f3f;
|
|||
|
}
|
|||
|
.gw-dropdown-wrap ul.dropdown-menu > li.selected > .gw-dropdown-item {
|
|||
|
padding-right: 45px;
|
|||
|
}
|
|||
|
.gw-dropdown-wrap ul.dropdown-menu > li.selected > .gw-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');
|
|||
|
}
|
|||
|
.gw-dropdown-wrap ul.dropdown-menu > li.disabled > .gw-dropdown-item {
|
|||
|
color: #9DA2A6;
|
|||
|
pointer-events: none;
|
|||
|
cursor: auto;
|
|||
|
}
|
|||
|
.gw-ad-preview-dropdown-item {
|
|||
|
padding: 4px 14px;
|
|||
|
}
|
|||
|
.gw-ad-preview-dropdown-item .gw-ad-preview-text {
|
|||
|
font-size: 13px;
|
|||
|
line-height: 17px;
|
|||
|
display: -webkit-box;
|
|||
|
-webkit-line-clamp: 2;
|
|||
|
-webkit-box-orient: vertical;
|
|||
|
max-width: 180px;
|
|||
|
max-height: 34px;
|
|||
|
overflow: hidden;
|
|||
|
color: #222;
|
|||
|
}
|
|||
|
.gw-ad-preview-dropdown-item .gw-ad-preview-link {
|
|||
|
font-size: 12px;
|
|||
|
line-height: 14px;
|
|||
|
margin: 4px 0 0;
|
|||
|
color: #808080;
|
|||
|
}
|
|||
|
.gw-ad-preview-dropdown-item .gw-ad-preview-link a {
|
|||
|
color: #808080;
|
|||
|
}
|
|||
|
|
|||
|
.gw-header-auth .gw-dropdown-wrap span.dropdown-menu {
|
|||
|
min-width: 230px;
|
|||
|
max-width: 280px;
|
|||
|
}
|
|||
|
.gw-dropdown-wrap.full-height span.dropdown-menu > ul.dropdown-menu {
|
|||
|
max-height: none;
|
|||
|
}
|
|||
|
.gw-dropdown-wrap.with-icons ul.dropdown-menu > li > .gw-dropdown-item {
|
|||
|
padding-left: 50px;
|
|||
|
padding-right: 25px;
|
|||
|
white-space: nowrap;
|
|||
|
overflow: hidden;
|
|||
|
text-overflow: ellipsis;
|
|||
|
}
|
|||
|
.gw-header-auth .gw-owner-balance-wrap {
|
|||
|
padding: 2px 0;
|
|||
|
margin: 0;
|
|||
|
}
|
|||
|
.gw-header-auth .gw-owner-balance-photo {
|
|||
|
width: 32px;
|
|||
|
height: 32px;
|
|||
|
margin: 3px 9px;
|
|||
|
}
|
|||
|
.gw-header-auth .gw-owner-balance-photo .photo-char {
|
|||
|
font-size: 14px;
|
|||
|
line-height: 32px;
|
|||
|
}
|
|||
|
.gw-header-auth .gw-owner-balance-content {
|
|||
|
margin-left: 50px;
|
|||
|
margin-right: 15px;
|
|||
|
}
|
|||
|
.gw-header-account-name {
|
|||
|
display: inline-block;
|
|||
|
vertical-align: top;
|
|||
|
text-overflow: ellipsis;
|
|||
|
overflow: hidden;
|
|||
|
max-width: 180px;
|
|||
|
}
|
|||
|
.gw-dropdown-item-photo {
|
|||
|
position: absolute;
|
|||
|
display: inline-block;
|
|||
|
left: 13px;
|
|||
|
width: 24px;
|
|||
|
height: 24px;
|
|||
|
margin: -2px 0;
|
|||
|
border-radius: 12px;
|
|||
|
background: #efefef;
|
|||
|
text-align: center;
|
|||
|
user-select: none;
|
|||
|
}
|
|||
|
.gw-dropdown-item-photo img {
|
|||
|
position: absolute;
|
|||
|
border-radius: 12px;
|
|||
|
top: 0;
|
|||
|
left: 0;
|
|||
|
width: 100%;
|
|||
|
}
|
|||
|
.gw-dropdown-item-photo .photo-char {
|
|||
|
font-size: 13px;
|
|||
|
vertical-align: middle;
|
|||
|
line-height: 24px;
|
|||
|
color: #999;
|
|||
|
}
|
|||
|
.photo-selected .gw-dropdown-item .gw-dropdown-item-photo img,
|
|||
|
.photo-selected .gw-dropdown-item .gw-dropdown-item-photo .photo-char {
|
|||
|
width: 20px;
|
|||
|
height: 20px;
|
|||
|
margin: 2px;
|
|||
|
box-shadow: 0 0 0 1.3px #fff, 0 0 0 2.6px #119af5;
|
|||
|
}
|
|||
|
.photo-selected .gw-dropdown-item .gw-dropdown-item-photo .photo-char {
|
|||
|
display: inline-block;
|
|||
|
border-radius: 20px;
|
|||
|
line-height: 20px;
|
|||
|
}
|
|||
|
.photo-selected .gw-dropdown-item .gw-dropdown-item-photo:before {
|
|||
|
content: '';
|
|||
|
position: absolute;
|
|||
|
width: 12px;
|
|||
|
height: 12px;
|
|||
|
border-radius: 6px;
|
|||
|
background: #119af5 url('data:image/svg+xml,%3Csvg%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20width%3D%2212%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m3.3%206.49%201.95%201.96c.04.04.11.04.14%200%20.01%200%20.01-.01.01-.01l3.39-4.04%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.2%22%2F%3E%3C%2Fsvg%3E') no-repeat center;
|
|||
|
box-shadow: 0 0 0 1.3px #fff;
|
|||
|
bottom: -2px;
|
|||
|
right: -3px;
|
|||
|
z-index: 1;
|
|||
|
}
|
|||
|
.gw-edit-icon:before,
|
|||
|
.gw-user-icon:before,
|
|||
|
.gw-org-icon:before,
|
|||
|
.gw-audiences-icon:before,
|
|||
|
.gw-review-icon:before,
|
|||
|
.gw-funds-icon:before,
|
|||
|
.gw-exp-icon:before,
|
|||
|
.gw-help-icon:before,
|
|||
|
.gw-quit-icon:before,
|
|||
|
.gw-info-icon:before,
|
|||
|
.gw-clone-icon:before,
|
|||
|
.gw-link-icon:before,
|
|||
|
.gw-delete-icon:before,
|
|||
|
.gw-add-user-icon:before,
|
|||
|
.gw-rem-user-icon:before {
|
|||
|
content: '';
|
|||
|
position: absolute;
|
|||
|
display: inline-block;
|
|||
|
margin: -2px 0;
|
|||
|
left: 13px;
|
|||
|
width: 24px;
|
|||
|
height: 24px;
|
|||
|
}
|
|||
|
.gw-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%23222%22%20stroke-width%3D%221.2%22%3E%3Cpath%20d%3D%22m5.5%2020h3.06c.28%200%20.55-.12.74-.32l9.47-10.25c.73-.8.7-2.03-.07-2.79l-1.22-1.19c-.79-.78-2.06-.76-2.83.03-.02.01-.03.03-.05.04l-9.34%2010.19c-.17.19-.26.43-.26.68v3.11c0%20.28.22.5.5.5z%22%2F%3E%3Cpath%20d%3D%22m13.5%206.89%203.64%203.65%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
|
|||
|
}
|
|||
|
.gw-user-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%23222%22%20stroke-width%3D%221.2%22%20transform%3D%22translate%282.56%202.56%29%22%3E%3Ccircle%20cx%3D%229.44%22%20cy%3D%227.78%22%20r%3D%223.01%22%2F%3E%3Ccircle%20cx%3D%229.44%22%20cy%3D%229.44%22%20r%3D%228.84%22%2F%3E%3Cpath%20d%3D%22m4.31%2016.53c0-1.77%201.43-3.2%203.19-3.2h3.95c1.76%200%203.19%201.43%203.19%203.2%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
|
|||
|
}
|
|||
|
.gw-org-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%3Cpath%20d%3D%22m8.23%2010-2.76.87c-.64.2-1.07.79-1.07%201.46v6.75c0%20.51.41.92.92.92h3.08%22%20stroke%3D%22%23222%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.2%22%2F%3E%3Cpath%20d%3D%22m10.13%205h7.95c.84%200%201.52.68%201.52%201.53v12.55c0%20.51-.41.92-.91.92h-10.09v-13.47c0-.85.69-1.53%201.53-1.53z%22%20stroke%3D%22%23222%22%20stroke-width%3D%221.2%22%2F%3E%3Cg%20fill%3D%22%23222%22%3E%3Crect%20height%3D%221.78%22%20rx%3D%22.61%22%20width%3D%221.8%22%20x%3D%2215.27%22%20y%3D%2215.1%22%2F%3E%3Crect%20height%3D%221.78%22%20rx%3D%22.61%22%20width%3D%221.8%22%20x%3D%2215.27%22%20y%3D%2211.6%22%2F%3E%3Crect%20height%3D%221.78%22%20rx%3D%22.61%22%20width%3D%221.8%22%20x%3D%2215.27%22%20y%3D%228.1%22%2F%3E%3Crect%20height%3D%221.78%22%20rx%3D%22.61%22%20width%3D%221.8%22%20x%3D%2211.3%22%20y%3D%2215.1%22%2F%3E%3Crect%20height%3D%221.78%22%20rx%3D%22.61%22%20width%3D%221.8%22%20x%3D%2211.3%22%20y%3D%2211.6%22%2F%3E%3Crect%20height%3D%221.78%22%20rx%3D%22.61%22%20width%3D%221.8%22%20x%3D%2211.3%22%20y%3D%228.1%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');
|
|||
|
}
|
|||
|
.gw-audiences-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%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cmask%20id%3D%22a%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22m10.94%200v8.02h-10.94v-8.02zm-10.36.86v5.93h.76s1.26-.08%203.8-.26l-.82-3.11c-.01-.29-.26-.71-.75-1.23-.49-.53-.91-.86-1.27-.99z%22%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fmask%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23222%22%20stroke-width%3D%221.2%22%3E%3Cpath%20d%3D%22m2%2018.15c0-1.92%201.56-3.48%203.48-3.48h4.88c2.06%200%203.73%201.66%203.73%203.72%22%20stroke-linecap%3D%22round%22%2F%3E%3Cellipse%20cx%3D%227.61%22%20cy%3D%228.51%22%20rx%3D%223.43%22%20ry%3D%223.41%22%2F%3E%3Cellipse%20cx%3D%2216.39%22%20cy%3D%229.51%22%20rx%3D%222.71%22%20ry%3D%222.7%22%2F%3E%3Cpath%20d%3D%22m10.22%205.91c0-2.06-1.67-3.72-3.73-3.72h-3.61%22%20mask%3D%22url%28%23a%29%22%20stroke-linecap%3D%22round%22%20transform%3D%22translate%2811.06%2012.48%29%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
|
|||
|
}
|
|||
|
.gw-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%23222%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.2%22%3E%3Cpath%20d%3D%22m12.5%2015.37%202.65%202.69c.08.08.2.08.28%200%200%200%20.01%200%20.01-.01l5.98-6.8%22%2F%3E%3Cpath%20d%3D%22m4.305%206.8h14%22%2F%3E%3Cpath%20d%3D%22m4.305%2011.8h10.25%22%2F%3E%3Cpath%20d%3D%22m4.305%2016.8h5.395%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
|
|||
|
}
|
|||
|
.gw-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%22%20r%3D%229%22%20stroke%3D%22%23222%22%20stroke-width%3D%221.14%22%2F%3E%3Cpath%20d%3D%22m8.26%2013.22c.41%202.1%201.92%203.35%204.02%203.35%201.55%200%202.96-.65%203.51-2%20.07-.17.09-.33.09-.47%200-.37-.24-.6-.63-.6-.31%200-.5.17-.67.51-.42.97-1.28%201.32-2.3%201.32-1.28%200-2.22-.78-2.58-2.11l-.12-.71c-.02-.17-.03-.35-.03-.53s.01-.35.03-.52l.13-.71c.35-1.32%201.31-2.11%202.57-2.11%201%200%201.86.47%202.28%201.44.17.34.37.51.7.51.36%200%20.62-.24.62-.61%200-.15-.04-.33-.12-.5-.56-1.29-1.8-2.08-3.5-2.08-2.06%200-3.58%201.26-4%203.35l-.11.71c-.01.17-.02.35-.02.52%200%20.18.01.36.02.53z%22%20fill%3D%22%23222%22%20fill-rule%3D%22nonzero%22%2F%3E%3Cg%20stroke%3D%22%23222%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.1%22%3E%3Cpath%20d%3D%22m7.45%2013.2h5%22%2F%3E%3Cpath%20d%3D%22m7.45%2010.8h5%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');
|
|||
|
}
|
|||
|
.gw-exp-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%23222%22%20stroke-width%3D%221.2%22%3E%3Ccircle%20cx%3D%2210.5%22%20cy%3D%2210.5%22%20r%3D%225.4%22%2F%3E%3Cpath%20d%3D%22m14.4%2014.4%204.05%204.05%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
|
|||
|
}
|
|||
|
.gw-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.9%22%20stroke%3D%22%23222%22%20stroke-width%3D%221.2%22%2F%3E%3Cpath%20d%3D%22m11.14%2013.66c0%20.38.22.64.59.64s.53-.22.63-.59c.1-.6.27-.82.92-1.36.79-.66%201.22-1.2%201.22-2.11%200-1.37-1.04-2.24-2.54-2.24-.79%200-1.4.22-1.83.61-.39.35-.63.84-.63%201.28%200%20.32.18.56.51.56.24%200%20.37-.11.53-.4.3-.62.72-.9%201.36-.9.72%200%201.25.47%201.25%201.13%200%20.58-.28.91-.9%201.43-.86.73-1.11%201.15-1.11%201.95zm-.2%202.52c0%20.47.36.82.8.82s.81-.35.81-.82-.37-.82-.81-.82-.8.35-.8.82z%22%20fill%3D%22%23222%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
|
|||
|
}
|
|||
|
.gw-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%23222%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.2%22%3E%3Cpath%20d%3D%22m15.5%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%22m10.5%2012h9.47%22%2F%3E%3Cpath%20d%3D%22m17.9%2015%202.54-2.93c.04-.04.04-.1%200-.14l-2.54-2.93%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
|
|||
|
}
|
|||
|
.gw-info-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%22%20r%3D%228%22%20stroke%3D%22%23222%22%20stroke-width%3D%221.2%22%2F%3E%3Cpath%20d%3D%22m12%2015.623992v-4.218672%22%20stroke%3D%22%23222%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.3%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%228.85%22%20fill%3D%22%23222%22%20r%3D%221%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
|
|||
|
}
|
|||
|
.gw-clone-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%23222%22%20stroke-width%3D%221.2%22%3E%3Cpath%20d%3D%22m16%207.1c.66%200%201.26.27%201.7.7.43.44.7%201.04.7%201.7v8c0%20.66-.27%201.26-.7%201.7-.44.43-1.04.7-1.7.7h-5c-.66%200-1.26-.27-1.7-.7-.43-.44-.7-1.04-.7-1.7v-9c0-.39.16-.74.41-.99s.6-.41.99-.41z%22%2F%3E%3Cpath%20d%3D%22m5.5%2016v-9c0-1.66%201.34-3%203-3h5.38%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
|
|||
|
}
|
|||
|
.gw-link-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%23222%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.2%22%20transform%3D%22matrix%28.70710678%20-.70710678%20.70710678%20.70710678%202.489414%2014.595082%29%22%3E%3Cpath%20d%3D%22m7.01%200h-2.12c-2.7%200-4.89%202.19-4.89%204.89s2.19%204.89%204.89%204.89h2.12%22%2F%3E%3Cpath%20d%3D%22m10.1%200h2.12c2.7%200%204.89%202.19%204.89%204.89s-2.19%204.89-4.89%204.89h-2.12%22%2F%3E%3Cpath%20d%3D%22m5.75%204.89h5.61%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
|
|||
|
}
|
|||
|
.gw-delete-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%23db4646%22%20stroke-width%3D%221.2%22%3E%3Cpath%20d%3D%22m6.33%209.56c0%20.01.5%203.04%201.51%209.11.02.45.46.81%201.01.81h6.36c.54%200%20.99-.36%201-.81l1.32-8.89%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22m5%206.98h14%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22m9.03%206.98v-1.48c0-.88.72-1.6%201.6-1.6h2.8c.88%200%201.6.72%201.6%201.6v1.64%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
|
|||
|
}
|
|||
|
.gw-add-user-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%23222%22%20stroke-width%3D%221.2%22%3E%3Cellipse%20cx%3D%2213.36%22%20cy%3D%227.18%22%20rx%3D%223.9%22%20ry%3D%224.14%22%2F%3E%3Cg%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22m6.57%2018.53v-.35c0-2.2%201.78-3.98%203.98-3.98h5.55c2.19%200%203.97%201.78%203.97%203.98v.61%22%2F%3E%3Cpath%20d%3D%22m.68%2010.54h5.63%22%2F%3E%3Cpath%20d%3D%22m3.5%207.72v5.63%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');
|
|||
|
}
|
|||
|
.gw-rem-user-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%23222%22%20stroke-width%3D%221.2%22%3E%3Cellipse%20cx%3D%2213.36%22%20cy%3D%227.18%22%20rx%3D%223.9%22%20ry%3D%224.14%22%2F%3E%3Cg%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22m6.57%2018.53v-.35c0-2.2%201.78-3.98%203.98-3.98h5.55c2.19%200%203.97%201.78%203.97%203.98v.61%22%2F%3E%3Cpath%20d%3D%22m.68%2010.54h5.63%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');
|
|||
|
}
|
|||
|
|
|||
|
.gw-icon {
|
|||
|
display: inline-block;
|
|||
|
vertical-align: text-top;
|
|||
|
width: 24px;
|
|||
|
height: 22px;
|
|||
|
margin: -2px 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%3Cpath%20d%3D%22m12%200c6.08%200%2011%204.54%2011%2010.15%200%205.6-4.92%2010.15-11%2010.15-1.73%200-3.36-.37-4.82-1.03-.88.67-1.62%201.12-2.21%201.35-1.07.42-1.77.53-3.33.53-.42%200-.66-.4-.3-.69%201.03-.84%201.6-2.69%201.89-4.19-1.4-1.7-2.23-3.82-2.23-6.12%200-5.61%204.92-10.15%2011-10.15zm-5.33%208.74c-.9%200-1.62.72-1.62%201.59%200%20.88.72%201.59%201.62%201.59.89%200%201.61-.71%201.61-1.59%200-.87-.72-1.59-1.61-1.59zm5.33%200c-.89%200-1.62.72-1.62%201.59%200%20.88.73%201.59%201.62%201.59s1.62-.71%201.62-1.59c0-.87-.73-1.59-1.62-1.59zm5.34%200c-.9%200-1.62.72-1.62%201.59%200%20.88.72%201.59%201.62%201.59.89%200%201.61-.71%201.61-1.59%200-.87-.72-1.59-1.61-1.59z%22%20fill%3D%22%23119af5%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E') no-repeat center;
|
|||
|
}
|
|||
|
.gw-logo-title {
|
|||
|
margin-left: 8px;
|
|||
|
}
|
|||
|
.gw-logo.compact .gw-logo-title {
|
|||
|
display: none;
|
|||
|
}
|
|||
|
.gw-header {
|
|||
|
padding: 8px 15px;
|
|||
|
--line-height: 20px;
|
|||
|
line-height: var(--line-height);
|
|||
|
border-bottom: 1px solid #e6e6e6;
|
|||
|
display: flex;
|
|||
|
align-items: center;
|
|||
|
}
|
|||
|
.has-search-header .gw-header {
|
|||
|
border-bottom: none;
|
|||
|
}
|
|||
|
@media (min-width: 992px) {
|
|||
|
.gw-header {
|
|||
|
padding-left: 0;
|
|||
|
padding-right: 0;
|
|||
|
}
|
|||
|
.gw-logo.compact .gw-logo-title {
|
|||
|
display: inline;
|
|||
|
}
|
|||
|
}
|
|||
|
.gw-breadcrumb {
|
|||
|
padding: 3px 0;
|
|||
|
margin: 0;
|
|||
|
font-size: 15px;
|
|||
|
line-height: 18px;
|
|||
|
list-style: none;
|
|||
|
white-space: nowrap;
|
|||
|
overflow: hidden;
|
|||
|
flex-grow: 1;
|
|||
|
flex-shrink: 1;
|
|||
|
flex-basis: 1px;
|
|||
|
order: 0;
|
|||
|
display: flex;
|
|||
|
}
|
|||
|
.gw-breadcrumb > li {
|
|||
|
display: inline-block;
|
|||
|
font-weight: 500;
|
|||
|
line-height: 24px;
|
|||
|
position: relative;
|
|||
|
vertical-align: top;
|
|||
|
white-space: nowrap;
|
|||
|
overflow: hidden;
|
|||
|
flex-shrink: 0;
|
|||
|
}
|
|||
|
.gw-breadcrumb > li.gw-breadcrumb-item:last-child {
|
|||
|
text-overflow: ellipsis;
|
|||
|
flex-shrink: 1;
|
|||
|
}
|
|||
|
.gw-breadcrumb > li:after {
|
|||
|
content: '\00a0/\00a0';
|
|||
|
padding: 0 6px;
|
|||
|
color: #c4c4c4;
|
|||
|
}
|
|||
|
body.rtl .gw-breadcrumb > li:after {
|
|||
|
padding: 0 6px 0 8px;
|
|||
|
}
|
|||
|
.gw-breadcrumb > li:last-child:after {
|
|||
|
display: none;
|
|||
|
}
|
|||
|
.gw-header-auth {
|
|||
|
float: right;
|
|||
|
font-size: 14px;
|
|||
|
font-weight: 500;
|
|||
|
padding: 7px 0 5px 15px;
|
|||
|
white-space: nowrap;
|
|||
|
order: 2;
|
|||
|
}
|
|||
|
body.rtl .gw-header-auth {
|
|||
|
padding-right: 15px;
|
|||
|
padding-left: 0;
|
|||
|
float: left;
|
|||
|
}
|
|||
|
.gw-auth-photo,
|
|||
|
.ad-owner-photo,
|
|||
|
.gw-owner-balance-photo,
|
|||
|
.gw-similar-channel-photo {
|
|||
|
display: inline-block;
|
|||
|
vertical-align: top;
|
|||
|
width: 32px;
|
|||
|
height: 32px;
|
|||
|
border-radius: 16px;
|
|||
|
background: #efefef;
|
|||
|
text-align: center;
|
|||
|
overflow: hidden;
|
|||
|
margin: 0 0 0 18px;
|
|||
|
position: relative;
|
|||
|
user-select: none;
|
|||
|
float: right;
|
|||
|
order: 3;
|
|||
|
}
|
|||
|
.gw-auth-photo {
|
|||
|
margin: -7px 0 -5px 12px;
|
|||
|
}
|
|||
|
.ad-owner-photo {
|
|||
|
float: left;
|
|||
|
margin: 0 12px 0 0;
|
|||
|
}
|
|||
|
body.rtl .gw-auth-photo,
|
|||
|
body.rtl .gw-owner-balance-photo {
|
|||
|
margin-left: 0;
|
|||
|
margin-right: 12px;
|
|||
|
}
|
|||
|
body.rtl .ad-owner-photo {
|
|||
|
margin-left: 12px;
|
|||
|
margin-right: 0;
|
|||
|
}
|
|||
|
.gw-auth-photo img,
|
|||
|
.ad-owner-photo img,
|
|||
|
.gw-owner-balance-photo img,
|
|||
|
.gw-similar-channel-photo img {
|
|||
|
position: absolute;
|
|||
|
top: 0;
|
|||
|
left: 0;
|
|||
|
width: 100%;
|
|||
|
}
|
|||
|
.gw-auth-photo .photo-char,
|
|||
|
.ad-owner-photo .photo-char,
|
|||
|
.gw-owner-balance-photo .photo-char,
|
|||
|
.gw-similar-channel-photo .photo-char {
|
|||
|
font-size: 16px;
|
|||
|
vertical-align: middle;
|
|||
|
line-height: 32px;
|
|||
|
color: #999;
|
|||
|
}
|
|||
|
.photo-link {
|
|||
|
display: inline-block;
|
|||
|
position: absolute;
|
|||
|
top: 0;
|
|||
|
left: 0;
|
|||
|
width: 100%;
|
|||
|
height: 100%;
|
|||
|
background: #119af5 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%23fff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.3%22%20transform%3D%22matrix%28.70710678%20-.70710678%20.70710678%20.70710678%204.575379%2013.767767%29%22%3E%3Cpath%20d%3D%22m4.62%200h-.62c-2.21%200-4%201.79-4%204s1.79%204%204%204h.62%22%2F%3E%3Cpath%20d%3D%22m13%200h-.62c-2.21%200-4%201.79-4%204s1.79%204%204%204h.62%22%20transform%3D%22matrix%28-1%200%200%201%2021.3596%200%29%22%2F%3E%3Cpath%20d%3D%22m4.37%204h4.26%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat center;
|
|||
|
background-size: 84%;
|
|||
|
}
|
|||
|
.gw-header-auth .gw-header-text {
|
|||
|
margin-right: 18px;
|
|||
|
position: relative;
|
|||
|
}
|
|||
|
.gw-header-auth .gw-header-text:after {
|
|||
|
display: inline-block;
|
|||
|
content: '';
|
|||
|
width: 4px;
|
|||
|
height: 4px;
|
|||
|
border-radius: 2px;
|
|||
|
background-color: #c0cbd2;
|
|||
|
position: absolute;
|
|||
|
right: -11px;
|
|||
|
top: 6px;
|
|||
|
}
|
|||
|
.gw-dropdown-label {
|
|||
|
color: var(--link-color);
|
|||
|
}
|
|||
|
.gw-dropdown-label: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%230288db%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 .gw-dropdown-label:after {
|
|||
|
margin-right: 5px;
|
|||
|
margin-left: 0;
|
|||
|
}
|
|||
|
.gw-page-header-dd .gw-dropdown-label:after,
|
|||
|
.gw-review-header-dd .gw-dropdown-label:after {
|
|||
|
width: 9px;
|
|||
|
height: 5px;
|
|||
|
margin-left: 4px;
|
|||
|
background-image: url('data:image/svg+xml,%3Csvg%20height%3D%225%22%20viewBox%3D%220%200%209%205%22%20width%3D%229%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m.5.2%203.93%203.55c.04.04.1.04.14%200l3.93-3.55%22%20fill%3D%22none%22%20stroke%3D%22%230288db%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.2%22%2F%3E%3C%2Fsvg%3E');
|
|||
|
}
|
|||
|
body.rtl .gw-page-header-dd .gw-dropdown-label:after,
|
|||
|
body.rtl .gw-review-header-dd .gw-dropdown-label:after {
|
|||
|
margin-right: 3px;
|
|||
|
margin-left: 0;
|
|||
|
}
|
|||
|
|
|||
|
.gw-section-header {
|
|||
|
font-size: 16px;
|
|||
|
line-height: 19px;
|
|||
|
margin: 31px 13px 3px;
|
|||
|
}
|
|||
|
.gw-section-subheader {
|
|||
|
font-size: 12px;
|
|||
|
line-height: 16px;
|
|||
|
font-weight: normal;
|
|||
|
margin: 7px 13px 7px;
|
|||
|
color: #808080;
|
|||
|
}
|
|||
|
|
|||
|
.gw-search-form {
|
|||
|
display: flex;
|
|||
|
padding: 5px 15px 10px;
|
|||
|
justify-content: space-between;
|
|||
|
flex-direction: row-reverse;
|
|||
|
flex-wrap: wrap;
|
|||
|
}
|
|||
|
.gw-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) {
|
|||
|
.gw-search-form {
|
|||
|
flex-direction: row;
|
|||
|
padding-left: 0;
|
|||
|
padding-right: 0;
|
|||
|
}
|
|||
|
.gw-account-container .gw-search-input-wrap {
|
|||
|
width: 395px;
|
|||
|
}
|
|||
|
}
|
|||
|
@media (min-width: 1152px) {
|
|||
|
.gw-search-form {
|
|||
|
flex-direction: row;
|
|||
|
padding-left: 0;
|
|||
|
padding-right: 0;
|
|||
|
}
|
|||
|
.gw-account-wide-container .gw-search-input-wrap {
|
|||
|
width: 440px;
|
|||
|
}
|
|||
|
}
|
|||
|
.gw-search-input-wrap:before {
|
|||
|
content: '';
|
|||
|
position: absolute;
|
|||
|
display: inline-block;
|
|||
|
width: 24px;
|
|||
|
height: 24px;
|
|||
|
left: 9px;
|
|||
|
margin: 8px 0;
|
|||
|
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%23999%22%20stroke-width%3D%221.3%22%3E%3Ccircle%20cx%3D%2213.18%22%20cy%3D%2210.5%22%20r%3D%224.85%22%2F%3E%3Cpath%20d%3D%22m9.83%2014.38-3.83%203.83%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
|
|||
|
}
|
|||
|
body.rtl .gw-search-input-wrap:before {
|
|||
|
right: 16px;
|
|||
|
left: auto;
|
|||
|
}
|
|||
|
.gw-search-input-wrap.field-focused {
|
|||
|
box-shadow: inset 0 0 0 2px #35a3f6;
|
|||
|
}
|
|||
|
.gw-search-input {
|
|||
|
height: auto;
|
|||
|
font-size: 14px;
|
|||
|
line-height: 18px;
|
|||
|
padding: 11px 38px 11px 44px;
|
|||
|
box-shadow: none;
|
|||
|
border: none;
|
|||
|
background: transparent;
|
|||
|
color: #222;
|
|||
|
}
|
|||
|
.gw-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 .gw-search-reset {
|
|||
|
left: 1px;
|
|||
|
right: auto;
|
|||
|
}
|
|||
|
.field-has-value .gw-search-reset {
|
|||
|
pointer-events: auto;
|
|||
|
visibility: visible;
|
|||
|
opacity: 1;
|
|||
|
}
|
|||
|
.gw-search-form .gw-buttons-wrap {
|
|||
|
display: flex;
|
|||
|
align-items: center;
|
|||
|
width: 100%;
|
|||
|
padding: 1px 0;
|
|||
|
margin: 5px 0;
|
|||
|
}
|
|||
|
.gw-search-form .gw-buttons-wrap .btn {
|
|||
|
flex-grow: 1;
|
|||
|
flex-shrink: 1;
|
|||
|
}
|
|||
|
.gw-search-form .gw-buttons-wrap .btn + .btn,
|
|||
|
.gw-search-form .gw-buttons-wrap .gw-owner-balance-wrap + .btn {
|
|||
|
margin-left: 14px;
|
|||
|
}
|
|||
|
@media screen and (min-width: 992px) {
|
|||
|
.gw-search-form .gw-buttons-wrap {
|
|||
|
width: auto;
|
|||
|
}
|
|||
|
.gw-search-form .gw-buttons-wrap .btn {
|
|||
|
min-width: 140px;
|
|||
|
}
|
|||
|
.gw-search-form .gw-buttons-wrap .btn + .btn,
|
|||
|
.gw-search-form .gw-buttons-wrap .gw-owner-balance-wrap + .btn {
|
|||
|
margin-left: 18px;
|
|||
|
}
|
|||
|
}
|
|||
|
|
|||
|
.gw-owner-balance-wrap {
|
|||
|
display: inline-block;
|
|||
|
vertical-align: top;
|
|||
|
max-width: 100%;
|
|||
|
padding: 0 1px;
|
|||
|
margin-right: 10px;
|
|||
|
border-radius: 6px;
|
|||
|
color: inherit;
|
|||
|
}
|
|||
|
.gw-owner-balance-wrap:hover,
|
|||
|
.gw-owner-balance-wrap:focus {
|
|||
|
text-decoration: none;
|
|||
|
color: inherit;
|
|||
|
}
|
|||
|
.gw-owner-balance-photo {
|
|||
|
margin: 1px;
|
|||
|
margin-left: 0;
|
|||
|
margin-right: 11px;
|
|||
|
float: left;
|
|||
|
}
|
|||
|
body.rtl .gw-owner-balance-photo {
|
|||
|
margin-left: 11px;
|
|||
|
margin-right: 0;
|
|||
|
}
|
|||
|
.gw-owner-balance-content {
|
|||
|
font-size: 14px;
|
|||
|
--line-height: 18px;
|
|||
|
line-height: var(--line-height);
|
|||
|
margin: 0 0 0 47px;
|
|||
|
}
|
|||
|
.gw-owner-balance-name {
|
|||
|
font-size: 14px;
|
|||
|
font-weight: 600;
|
|||
|
-webkit-font-smoothing: antialiased;
|
|||
|
white-space: nowrap;
|
|||
|
overflow: hidden;
|
|||
|
text-overflow: ellipsis;
|
|||
|
}
|
|||
|
.gw-owner-balance-value {
|
|||
|
font-size: 13px;
|
|||
|
font-weight: 500;
|
|||
|
margin-top: 1px;
|
|||
|
white-space: nowrap;
|
|||
|
overflow: hidden;
|
|||
|
text-overflow: ellipsis;
|
|||
|
}
|
|||
|
|
|||
|
.gw-form-control,
|
|||
|
input.gw-form-control {
|
|||
|
font-size: 14px;
|
|||
|
line-height: 18px;
|
|||
|
padding: 11px 13px;
|
|||
|
box-shadow: inset 0 0 0 1px #d9d9d9;
|
|||
|
border-radius: 6px;
|
|||
|
transition: box-shadow .2s ease;
|
|||
|
height: auto;
|
|||
|
border: none;
|
|||
|
}
|
|||
|
textarea.gw-form-control {
|
|||
|
resize: none;
|
|||
|
}
|
|||
|
.gw-form-control:focus,
|
|||
|
input.gw-form-control:focus {
|
|||
|
box-shadow: inset 0 0 0 2px #35a3f6;
|
|||
|
}
|
|||
|
.gw-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;
|
|||
|
}
|
|||
|
.gw-form-select .select.select-disabled {
|
|||
|
-webkit-user-select: none;
|
|||
|
user-select: none;
|
|||
|
}
|
|||
|
.gw-form-select.has-hint .select {
|
|||
|
padding-right: 40px;
|
|||
|
}
|
|||
|
.gw-form-select .select .items-list {
|
|||
|
border-radius: 6px;
|
|||
|
margin-top: 5px;
|
|||
|
}
|
|||
|
.gw-form-select .select .selected-items {
|
|||
|
padding: 5px 7px;
|
|||
|
}
|
|||
|
.gw-form-select.has-hint .select .selected-items {
|
|||
|
padding-right: 0;
|
|||
|
}
|
|||
|
.gw-form-select .select .selected-item {
|
|||
|
font-size: 12px;
|
|||
|
line-height: 16px;
|
|||
|
font-weight: 600;
|
|||
|
-webkit-font-smoothing: antialiased;
|
|||
|
background-color: var(--accent-color);
|
|||
|
border-radius: 4px;
|
|||
|
margin: 2px 4px 2px 0;
|
|||
|
padding: 5px 9px;
|
|||
|
color: #fff;
|
|||
|
}
|
|||
|
.gw-form-select .gw-placeholder-label + .select .selected-item {
|
|||
|
margin-top: 3px;
|
|||
|
margin-bottom: 1px;
|
|||
|
}
|
|||
|
.gw-form-select.exclude-select .select .selected-item {
|
|||
|
background-color: #D75959;
|
|||
|
}
|
|||
|
.gw-form-select .select .selected-item .label {
|
|||
|
white-space: nowrap;
|
|||
|
}
|
|||
|
.gw-form-select .select .selected-item .close {
|
|||
|
margin: -3px -6px -4px 1px;
|
|||
|
opacity: 1;
|
|||
|
}
|
|||
|
.gw-form-select .select .selected-item .close:before,
|
|||
|
.gw-form-select .select .selected-item .close:after {
|
|||
|
background-color: #fff;
|
|||
|
}
|
|||
|
.gw-form-select .select .selected-item.has-photo {
|
|||
|
padding-left: 34px;
|
|||
|
}
|
|||
|
.gw-form-select .select .selected-item-photo {
|
|||
|
position: absolute;
|
|||
|
left: 0;
|
|||
|
top: 0;
|
|||
|
border-radius: 4px 0 0 4px;
|
|||
|
background-color: rgba(255, 255, 255, 0.4);
|
|||
|
text-align: center;
|
|||
|
width: 26px;
|
|||
|
height: 26px;
|
|||
|
overflow: hidden;
|
|||
|
user-select: none;
|
|||
|
}
|
|||
|
.gw-form-select .select .selected-item-photo img {
|
|||
|
position: absolute;
|
|||
|
top: 0;
|
|||
|
left: 0;
|
|||
|
width: 100%;
|
|||
|
}
|
|||
|
.gw-form-select .select .selected-item-photo .photo-char {
|
|||
|
font-size: 14px;
|
|||
|
vertical-align: middle;
|
|||
|
line-height: 26px;
|
|||
|
color: #fff;
|
|||
|
}
|
|||
|
.gw-form-select .select .gw-form-control {
|
|||
|
font-size: 14px;
|
|||
|
padding: 6px 0 6px 6px;
|
|||
|
}
|
|||
|
.gw-form-select .select .gw-form-control[data-placeholder]:before {
|
|||
|
padding-left: 6px;
|
|||
|
}
|
|||
|
.gw-form-select .select.select-disabled .gw-form-control[data-placeholder-disabled]:before {
|
|||
|
content: attr(data-placeholder-disabled);
|
|||
|
}
|
|||
|
.form-label > .gw-form-label-hint,
|
|||
|
.gw-hinted-cell > .gw-cell-hint {
|
|||
|
display: inline-block;
|
|||
|
vertical-align: top;
|
|||
|
position: relative;
|
|||
|
margin: 0 1px;
|
|||
|
border-radius: 9px;
|
|||
|
cursor: pointer;
|
|||
|
}
|
|||
|
.gw-hinted-cell > .gw-cell-hint {
|
|||
|
margin: -2px 1px;
|
|||
|
white-space: normal;
|
|||
|
}
|
|||
|
.form-label > .gw-form-label-hint:before,
|
|||
|
.gw-hinted-cell > .gw-cell-hint:before {
|
|||
|
content: '';
|
|||
|
display: inline-block;
|
|||
|
vertical-align: top;
|
|||
|
width: 18px;
|
|||
|
height: 18px;
|
|||
|
border-radius: 9px;
|
|||
|
background: url('data:image/svg+xml,%3Csvg%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20width%3D%2218%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%229%22%20cy%3D%229.5%22%20r%3D%225.6%22%20stroke%3D%22%23222%22%20stroke-width%3D%221.2%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%227.2%22%20fill%3D%22%23222%22%20r%3D%221%22%2F%3E%3Cpath%20d%3D%22m9%2012.1v-2.822087%22%20stroke%3D%22%23222%22%20stroke-width%3D%221.27%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat center;
|
|||
|
}
|
|||
|
.gw-form-control-wrap > .gw-form-control-hint {
|
|||
|
position: absolute;
|
|||
|
width: 32px;
|
|||
|
height: 32px;
|
|||
|
margin: 4px;
|
|||
|
top: 0;
|
|||
|
right: 0;
|
|||
|
border-radius: 20px;
|
|||
|
cursor: pointer;
|
|||
|
transition: opacity .2s ease;
|
|||
|
}
|
|||
|
.gw-form-control-wrap > .gw-form-control-hint:before {
|
|||
|
content: '';
|
|||
|
position: absolute;
|
|||
|
display: inline-block;
|
|||
|
width: 24px;
|
|||
|
height: 24px;
|
|||
|
margin: 4px;
|
|||
|
border-radius: 12px;
|
|||
|
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;
|
|||
|
}
|
|||
|
.gw-form-control-wrap > .gw-form-control-hint.locked:before {
|
|||
|
border-radius: 4px;
|
|||
|
background: 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%3Crect%20fill%3D%22%23c1c4c7%22%20height%3D%228%22%20rx%3D%222%22%20width%3D%2210%22%20x%3D%227%22%20y%3D%2210%22%2F%3E%3Crect%20height%3D%2210.5%22%20rx%3D%222.25%22%20stroke%3D%22%23c1c4c7%22%20stroke-width%3D%221.5%22%20width%3D%224.5%22%20x%3D%229.75%22%20y%3D%225.75%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat center;
|
|||
|
}
|
|||
|
.field-loading .gw-form-control-wrap.has-hint > .gw-form-control-hint {
|
|||
|
pointer-events: none;
|
|||
|
opacity: 0;
|
|||
|
}
|
|||
|
.gw-cell-hint-tooltip,
|
|||
|
.gw-form-label-hint-tooltip,
|
|||
|
.gw-form-control-hint-tooltip {
|
|||
|
font-size: 13px;
|
|||
|
line-height: 16px;
|
|||
|
font-weight: normal;
|
|||
|
color: #fff;
|
|||
|
padding: 10px 12px 9px;
|
|||
|
border-radius: 8px;
|
|||
|
position: absolute;
|
|||
|
width: max-content;
|
|||
|
max-width: 300px;
|
|||
|
max-width: min(350px, calc(100vw - 30px));
|
|||
|
min-width: 60px;
|
|||
|
right: -8px;
|
|||
|
bottom: 100%;
|
|||
|
z-index: 1;
|
|||
|
text-align: center;
|
|||
|
margin-bottom: 2px;
|
|||
|
transition: all .2s ease;
|
|||
|
transform: translateY(-10px);
|
|||
|
visibility: hidden;
|
|||
|
opacity: 0;
|
|||
|
}
|
|||
|
.gw-cell-hint-tooltip {
|
|||
|
right: -15px;
|
|||
|
margin-bottom: 7px;
|
|||
|
text-align: left;
|
|||
|
}
|
|||
|
.gw-form-control-photo-wrap .gw-form-control-hint-tooltip {
|
|||
|
right: -4px;
|
|||
|
}
|
|||
|
.gw-form-label-hint-tooltip {
|
|||
|
left: -37px;
|
|||
|
right: auto;
|
|||
|
margin-bottom: 7px;
|
|||
|
}
|
|||
|
.form-label > .show-hint .gw-form-label-hint-tooltip,
|
|||
|
.gw-hinted-cell > .show-hint .gw-cell-hint-tooltip,
|
|||
|
.gw-form-control-wrap > .show-hint .gw-form-control-hint-tooltip,
|
|||
|
.gw-form-control-amount-extra > .show-hint .gw-form-control-hint-tooltip {
|
|||
|
transform: translateY(0px);
|
|||
|
visibility: visible;
|
|||
|
opacity: 1;
|
|||
|
}
|
|||
|
.gw-cell-hint-tooltip > .bubble,
|
|||
|
.gw-form-label-hint-tooltip > .bubble,
|
|||
|
.gw-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;
|
|||
|
}
|
|||
|
.gw-cell-hint-tooltip > .bubble:after,
|
|||
|
.gw-form-label-hint-tooltip > .bubble:after,
|
|||
|
.gw-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%;
|
|||
|
}
|
|||
|
.gw-form-label-hint-tooltip > .bubble:after {
|
|||
|
left: 36px;
|
|||
|
right: auto;
|
|||
|
}
|
|||
|
.gw-form-control-owner .gw-form-control {
|
|||
|
font-size: 14px;
|
|||
|
font-weight: 500;
|
|||
|
white-space: nowrap;
|
|||
|
overflow: hidden;
|
|||
|
text-overflow: ellipsis;
|
|||
|
color: #222;
|
|||
|
}
|
|||
|
.gw-layer-preview-ad .gw-form {
|
|||
|
padding: 7px 0 0;
|
|||
|
}
|
|||
|
.gw-form-link {
|
|||
|
display: inline-block;
|
|||
|
font-size: 13px;
|
|||
|
line-height: 18px;
|
|||
|
margin: 0 12px;
|
|||
|
position: absolute;
|
|||
|
float: right;
|
|||
|
right: 15px;
|
|||
|
cursor: pointer;
|
|||
|
transition: opacity .2s ease, visibility .2s ease;
|
|||
|
}
|
|||
|
.gw-form-link.inactive {
|
|||
|
opacity: 0;
|
|||
|
visibility: hidden;
|
|||
|
}
|
|||
|
.gw-form-link.disabled {
|
|||
|
color: #999;
|
|||
|
}
|
|||
|
.gw-preview-ad-wrap {
|
|||
|
min-height: 240px;
|
|||
|
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;
|
|||
|
margin: 0 -23px;
|
|||
|
cursor: default;
|
|||
|
}
|
|||
|
.gw-preview-ad-wrap .gw-preview-ad-message-wrap {
|
|||
|
position: relative;
|
|||
|
top: -8px;
|
|||
|
max-height: 0;
|
|||
|
opacity: 0;
|
|||
|
transition: all .2s ease;
|
|||
|
}
|
|||
|
.gw-preview-ad-wrap .gw-preview-ad-message-wrap.active {
|
|||
|
max-height: 100%;
|
|||
|
opacity: 1;
|
|||
|
}
|
|||
|
.gw-preview-ad-message {
|
|||
|
padding: 0 0 0 13px;
|
|||
|
display: flex;
|
|||
|
}
|
|||
|
.gw-preview-ad-message-wrap.bordered .gw-preview-ad-message {
|
|||
|
position: relative;
|
|||
|
display: block;
|
|||
|
padding: 0;
|
|||
|
}
|
|||
|
.gw-preview-ad-wrap .gw-preview-ad-message {
|
|||
|
padding: 0 24px 12px;
|
|||
|
}
|
|||
|
.gw-preview-ad-message .ad-msg-photo-wrap {
|
|||
|
align-self: flex-end;
|
|||
|
margin: 0 13px 0 -13px;
|
|||
|
}
|
|||
|
.gw-preview-ad-message-wrap.bordered .gw-preview-ad-message .ad-msg-photo-wrap {
|
|||
|
position: absolute;
|
|||
|
left: 0;
|
|||
|
bottom: 0;
|
|||
|
margin: 0;
|
|||
|
}
|
|||
|
.gw-preview-ad-message-wrap.bordered .gw-preview-ad-message .ad-msg-bubble {
|
|||
|
margin-left: 49px;
|
|||
|
}
|
|||
|
.gw-preview-ad-wrap .gw-preview-ad-message .ad-msg-photo-wrap {
|
|||
|
margin: 0 8px 0 -8px;
|
|||
|
transition: opacity .2s ease;
|
|||
|
opacity: 0;
|
|||
|
}
|
|||
|
.gw-preview-ad-message-wrap.picture .ad-msg-photo-wrap {
|
|||
|
opacity: 1;
|
|||
|
}
|
|||
|
.gw-preview-ad-message-wrap.has-media .ad-msg-photo-wrap {
|
|||
|
display: none;
|
|||
|
}
|
|||
|
.gw-preview-ad-message .ad-msg-photo,
|
|||
|
.gw-preview-ad-message .ad-msg-photo img {
|
|||
|
display: inline-block;
|
|||
|
vertical-align: top;
|
|||
|
width: 36px;
|
|||
|
height: 36px;
|
|||
|
border-radius: 18px;
|
|||
|
}
|
|||
|
.gw-preview-ad-message .ad-msg-photo {
|
|||
|
position: relative;
|
|||
|
font-style: normal;
|
|||
|
text-align: center;
|
|||
|
text-transform: uppercase;
|
|||
|
text-decoration: none !important;
|
|||
|
font-size: 16px;
|
|||
|
line-height: 37px;
|
|||
|
color: #999;
|
|||
|
background: #efefef;
|
|||
|
overflow: hidden;
|
|||
|
}
|
|||
|
.gw-preview-ad-message .ad-msg-photo:before {
|
|||
|
content: attr(data-content);
|
|||
|
font-weight: 500;
|
|||
|
}
|
|||
|
.gw-preview-ad-message .ad-msg-photo a {
|
|||
|
text-decoration: none;
|
|||
|
color: #999;
|
|||
|
}
|
|||
|
.gw-preview-ad-message .ad-msg-photo img {
|
|||
|
position: absolute;
|
|||
|
pointer-events: none;
|
|||
|
left: 0;
|
|||
|
top: 0;
|
|||
|
}
|
|||
|
.gw-preview-ad-message .ad-msg-bubble {
|
|||
|
position: relative;
|
|||
|
background: #fff;
|
|||
|
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);
|
|||
|
flex-grow: 1;
|
|||
|
}
|
|||
|
.gw-preview-ad-wrap .gw-preview-ad-message .ad-msg-bubble {
|
|||
|
width: 254px;
|
|||
|
flex-grow: 0;
|
|||
|
}
|
|||
|
.gw-preview-ad-message-wrap.bordered .gw-preview-ad-message .ad-msg-bubble {
|
|||
|
box-shadow: 0 0 0 0.8px #e0e0e0;
|
|||
|
}
|
|||
|
.gw-preview-ad-message .ad-msg-bubble-corner {
|
|||
|
display: inline-block;
|
|||
|
position: absolute;
|
|||
|
left: -1px;
|
|||
|
bottom: -1px;
|
|||
|
transform: translateX(-5.6px);
|
|||
|
}
|
|||
|
.gw-preview-ad-message-wrap.bordered .gw-preview-ad-message .ad-msg-bubble-corner {
|
|||
|
transform: translateX(-6px) translateY(0.4px);
|
|||
|
}
|
|||
|
.gw-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;
|
|||
|
}
|
|||
|
.gw-preview-ad-message-wrap.bordered .gw-preview-ad-message .ad-msg-bubble-corner:before {
|
|||
|
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%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-2%2015%20L%20-2%200%22%20transform%3D%22matrix%28-1%200%200%201%207%200%29%22%20style%3D%22%22%20stroke%3D%22%23e0e0e0%22%20stroke-width%3D%220.8%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E') no-repeat;
|
|||
|
}
|
|||
|
.gw-preview-ad-message .ad-msg-from,
|
|||
|
.gw-preview-ad-message .ad-msg-channel-from {
|
|||
|
font-size: 14px;
|
|||
|
line-height: 16px;
|
|||
|
font-weight: 500;
|
|||
|
color: var(--link-color);
|
|||
|
}
|
|||
|
.gw-preview-ad-wrap .gw-preview-ad-message .ad-msg-from,
|
|||
|
.gw-preview-ad-wrap .gw-preview-ad-message .ad-msg-channel-from {
|
|||
|
color: #3487cb;
|
|||
|
}
|
|||
|
.gw-preview-ad-wrap .gw-preview-ad-message .ad-msg-from {
|
|||
|
color: #51983e;
|
|||
|
}
|
|||
|
.ad-msg-from .verified-icon {
|
|||
|
padding: 0;
|
|||
|
vertical-align: -2px;
|
|||
|
margin-left: 6px;
|
|||
|
}
|
|||
|
.gw-preview-ad-message .ad-msg-text {
|
|||
|
font-size: 16px;
|
|||
|
line-height: 19px;
|
|||
|
word-break: break-word;
|
|||
|
color: #000;
|
|||
|
margin-top: 5px;
|
|||
|
}
|
|||
|
.gw-preview-ad-message .ad-msg-media {
|
|||
|
margin-top: 5px;
|
|||
|
}
|
|||
|
.gw-preview-ad-message .ad-msg-date {
|
|||
|
font-size: 12px;
|
|||
|
line-height: 14px;
|
|||
|
color: #a1aab3;
|
|||
|
text-align: right;
|
|||
|
margin-top: 5px;
|
|||
|
}
|
|||
|
.gw-preview-ad-message .before_footer + .ad-msg-date {
|
|||
|
margin-top: -14px;
|
|||
|
}
|
|||
|
.gw-preview-ad-message .before_footer + .ad-msg-date .label {
|
|||
|
position: relative;
|
|||
|
}
|
|||
|
.gw-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;
|
|||
|
}
|
|||
|
.gw-preview-ad-message a.ad-msg-btn:hover {
|
|||
|
text-decoration: none;
|
|||
|
}
|
|||
|
.gw-preview-ad-message .ad-msg-link-preview {
|
|||
|
--preview-color1: var(--accent-color);
|
|||
|
--preview-gradient-2color:
|
|||
|
var(--preview-color1) 0 6px,
|
|||
|
var(--preview-color2) 6px 12px;
|
|||
|
--preview-gradient-3colors:
|
|||
|
var(--preview-color1) 0 6px,
|
|||
|
var(--preview-color2) 6px 12px,
|
|||
|
var(--preview-color3) 12px 18px;
|
|||
|
--preview-gradient-colors: var(--preview-gradient-3colors, var(--preview-gradient-2color, var(--preview-color1) 0% 100%));
|
|||
|
display: block;
|
|||
|
position: relative;
|
|||
|
color: var(--text-color);
|
|||
|
border-radius: 6px;
|
|||
|
font-size: 13px;
|
|||
|
line-height: 15px;
|
|||
|
padding: 0 7px 0 11px;
|
|||
|
margin: 1px -2px;
|
|||
|
overflow: hidden;
|
|||
|
z-index: 0;
|
|||
|
}
|
|||
|
.gw-preview-ad-message .ad-msg-link-preview:hover {
|
|||
|
text-decoration: none;
|
|||
|
}
|
|||
|
.gw-preview-ad-message .ad-msg-link-preview:before {
|
|||
|
content: '';
|
|||
|
position: absolute;
|
|||
|
background-color: var(--preview-color1);
|
|||
|
opacity: 0.1;
|
|||
|
left: 0;
|
|||
|
top: 0;
|
|||
|
bottom: 0;
|
|||
|
right: 0;
|
|||
|
z-index: -1;
|
|||
|
}
|
|||
|
.gw-preview-ad-message .ad-msg-link-preview:after {
|
|||
|
content: '';
|
|||
|
position: absolute;
|
|||
|
background-color: var(--preview-color1);
|
|||
|
background: repeating-linear-gradient(135deg, var(--preview-gradient-colors));
|
|||
|
background-position-y: 3px;
|
|||
|
background-size: 6px 51px;
|
|||
|
width: 3px;
|
|||
|
left: 0;
|
|||
|
top: 0;
|
|||
|
bottom: 0;
|
|||
|
}
|
|||
|
.gw-preview-ad-message .ad-msg-link-preview-media {
|
|||
|
margin: 7px 0 -1px;
|
|||
|
}
|
|||
|
.gw-preview-ad-message .ad-msg-link-preview-media .gw-ad-media {
|
|||
|
border-radius: 4px;
|
|||
|
}
|
|||
|
.gw-preview-ad-message .ad-msg-link-preview-media .gw-ad-media-duration {
|
|||
|
font-size: 10px;
|
|||
|
line-height: 12px;
|
|||
|
padding: 2px 4px 2px;
|
|||
|
}
|
|||
|
.gw-preview-ad-message .ad-msg-link-preview-sitename,
|
|||
|
.gw-preview-ad-message .ad-msg-link-preview-title {
|
|||
|
line-height: 16px;
|
|||
|
font-weight: 500;
|
|||
|
}
|
|||
|
.gw-preview-ad-message .ad-msg-link-preview-sitename {
|
|||
|
color: var(--preview-color1);
|
|||
|
-webkit-font-smoothing: antialiased;
|
|||
|
text-transform: capitalize;
|
|||
|
margin: 7px 0 0;
|
|||
|
}
|
|||
|
.gw-preview-ad-message .ad-msg-link-preview-title,
|
|||
|
.gw-preview-ad-message .ad-msg-link-preview-desc {
|
|||
|
margin: 1px 0 0;
|
|||
|
}
|
|||
|
.gw-preview-ad-message .ad-msg-link-preview-image {
|
|||
|
display: inline-block;
|
|||
|
width: 42px;
|
|||
|
float: right;
|
|||
|
border-radius: 6px;
|
|||
|
margin: 7px -100px 7px 7px;
|
|||
|
overflow: hidden;
|
|||
|
opacity: 0;
|
|||
|
transform: translateX(42px);
|
|||
|
transition: margin 0s .15s ease, transform .15s ease, opacity .15s ease;
|
|||
|
}
|
|||
|
.gw-preview-ad-message .ad-msg-link-preview-image img {
|
|||
|
max-width: 100%;
|
|||
|
vertical-align: top;
|
|||
|
border-radius: 6px;
|
|||
|
}
|
|||
|
.gw-preview-ad-wrap .gw-preview-ad-message-wrap.picture .gw-preview-ad-message .ad-msg-link-preview-image {
|
|||
|
margin-right: 0;
|
|||
|
opacity: 1;
|
|||
|
transform: translateX(0px);
|
|||
|
transition: margin 0s ease, transform .15s ease, opacity .15s ease;
|
|||
|
}
|
|||
|
.gw-preview-ad-wrap .gw-preview-ad-message-wrap.has-media .gw-preview-ad-message .ad-msg-link-preview-image {
|
|||
|
display: none;
|
|||
|
}
|
|||
|
.gw-preview-ad-message .ad-msg-link-preview-btn {
|
|||
|
font-size: 12px;
|
|||
|
line-height: 16px;
|
|||
|
font-weight: 500;
|
|||
|
color: var(--preview-color1);
|
|||
|
margin: 17px 0 8px;
|
|||
|
text-align: center;
|
|||
|
position: relative;
|
|||
|
}
|
|||
|
.gw-preview-ad-message .ad-msg-link-preview-btn:before {
|
|||
|
content: '';
|
|||
|
position: absolute;
|
|||
|
background-color: var(--preview-color1);
|
|||
|
opacity: 0.2;
|
|||
|
top: -9px;
|
|||
|
height: 1px;
|
|||
|
left: 0;
|
|||
|
right: 0;
|
|||
|
}
|
|||
|
|
|||
|
.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;
|
|||
|
}
|
|||
|
|
|||
|
|
|||
|
.gw-form {
|
|||
|
display: flex;
|
|||
|
padding: 16px 0;
|
|||
|
justify-content: space-between;
|
|||
|
flex-wrap: wrap;
|
|||
|
}
|
|||
|
.gw-form + .gw-form {
|
|||
|
padding-top: 0;
|
|||
|
}
|
|||
|
.gw-review-ad + .gw-form {
|
|||
|
padding-top: 0;
|
|||
|
}
|
|||
|
.gw-form .form-group-text {
|
|||
|
font-size: 14px;
|
|||
|
line-height: 18px;
|
|||
|
margin: 0 15px 25px;
|
|||
|
}
|
|||
|
form > .form-group,
|
|||
|
form > .sanim > .form-group {
|
|||
|
position: relative;
|
|||
|
}
|
|||
|
.gw-form .form-group,
|
|||
|
.gw-form .form-group-link-wrap,
|
|||
|
.gw-popup-edit-form .form-group-link-wrap {
|
|||
|
position: relative;
|
|||
|
padding: 7px 15px;
|
|||
|
max-width: 460px;
|
|||
|
margin: 0 auto;
|
|||
|
}
|
|||
|
.gw-popup-edit-form.gw-popup-edit-status-form {
|
|||
|
margin-top: -18px;
|
|||
|
}
|
|||
|
.gw-popup-edit-status-form .form-group {
|
|||
|
position: relative;
|
|||
|
padding: 7px 0;
|
|||
|
margin: 0;
|
|||
|
}
|
|||
|
.gw-popup-edit-status-form .form-group-link-wrap .form-group-link {
|
|||
|
margin-left: 10px;
|
|||
|
}
|
|||
|
.form-group-divider {
|
|||
|
border-bottom: 1px solid #d9d9d9;
|
|||
|
text-align: center;
|
|||
|
height: 10px;
|
|||
|
margin: -5px auto 32px;
|
|||
|
max-width: 430px;
|
|||
|
user-select: none;
|
|||
|
}
|
|||
|
.form-group-divider-label {
|
|||
|
color: #a8a8a8;
|
|||
|
font-size: 14px;
|
|||
|
line-height: 16px;
|
|||
|
background: #fff;
|
|||
|
padding: 0 7px;
|
|||
|
display: inline-block;
|
|||
|
font-weight: 600;
|
|||
|
-webkit-font-smoothing: antialiased;
|
|||
|
}
|
|||
|
.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: 6px 15px 8px;
|
|||
|
}
|
|||
|
.gw-form .form-group .form-label,
|
|||
|
.gw-form .form-group-slim > .form-label,
|
|||
|
.gw-layer-popup .form-group > .form-label {
|
|||
|
font-size: 14px;
|
|||
|
line-height: 19px;
|
|||
|
height: 18px;
|
|||
|
font-weight: 600;
|
|||
|
-webkit-font-smoothing: antialiased;
|
|||
|
display: flex;
|
|||
|
margin: 0 13px 5px;
|
|||
|
}
|
|||
|
.gw-form .form-group-slim > .form-label {
|
|||
|
margin: 0 30px 10px;
|
|||
|
}
|
|||
|
.form-group > .gw-form-control-hint,
|
|||
|
.form-group-slim > .gw-form-control-hint {
|
|||
|
position: relative;
|
|||
|
font-size: 12px;
|
|||
|
line-height: 17px;
|
|||
|
color: #808080;
|
|||
|
padding: 5px 0 0;
|
|||
|
transition: all .2s ease;
|
|||
|
}
|
|||
|
.form-group-slim > .radio-group + .gw-form-control-hint {
|
|||
|
padding-top: 4px;
|
|||
|
}
|
|||
|
.form-group > .gw-form-control-hint:empty,
|
|||
|
.form-group-slim > .gw-form-control-hint:empty {
|
|||
|
padding: 0;
|
|||
|
}
|
|||
|
.gw-form .form-group > .gw-form-control-msg > .gw-form-control-msg-text,
|
|||
|
.gw-form .form-group > .gw-form-control-hint,
|
|||
|
.gw-form .form-group-slim > .gw-form-control-hint {
|
|||
|
padding-left: 13px;
|
|||
|
padding-right: 5px;
|
|||
|
}
|
|||
|
.form-group > .gw-form-control-msg {
|
|||
|
font-size: 13px;
|
|||
|
line-height: 15px;
|
|||
|
color: #808080;
|
|||
|
transition: all .2s ease;
|
|||
|
z-index: 1;
|
|||
|
box-sizing: content-box;
|
|||
|
position: relative;
|
|||
|
overflow: hidden;
|
|||
|
}
|
|||
|
.form-group > .gw-form-control-msg > .gw-form-control-msg-text {
|
|||
|
padding: 5px 0 0;
|
|||
|
}
|
|||
|
.form-group > .gw-form-control-msg.no-hint > .gw-form-control-msg-text {
|
|||
|
padding-top: 5px;
|
|||
|
}
|
|||
|
.form-group > .gw-form-control-msg.ohide {
|
|||
|
opacity: 0;
|
|||
|
visibility: hidden;
|
|||
|
}
|
|||
|
/*.form-group > .gw-form-control-msg + .gw-form-control-hint {
|
|||
|
opacity: 0;
|
|||
|
visibility: hidden;
|
|||
|
}
|
|||
|
.form-group > .gw-form-control-msg.ohide + .gw-form-control-hint {
|
|||
|
opacity: 1;
|
|||
|
visibility: visible;
|
|||
|
}*/
|
|||
|
@media (min-width: 560px) {
|
|||
|
.form-group > .gw-form-control-msg > .gw-form-control-msg-text,
|
|||
|
.form-group > .gw-form-control-hint,
|
|||
|
.form-group-slim > .gw-form-control-hint {
|
|||
|
padding-left: 15px;
|
|||
|
padding-right: 5px;
|
|||
|
}
|
|||
|
}
|
|||
|
.field-invalid > .gw-form-control-msg > .gw-form-control-msg-text {
|
|||
|
font-weight: 500;
|
|||
|
color: #d75959;
|
|||
|
}
|
|||
|
.gw-form .form-group.form-group-no-label {
|
|||
|
padding-top: 0;
|
|||
|
}
|
|||
|
.gw-form .form-group.form-group-checkbox {
|
|||
|
padding-top: 4px;
|
|||
|
padding-bottom: 10px;
|
|||
|
}
|
|||
|
.gw-form .form-group.form-group-checkbox .checkbox-item,
|
|||
|
.form-group-link-wrap .form-group-link,
|
|||
|
.gw-form .form-group .radio-group {
|
|||
|
margin-left: 13px;
|
|||
|
}
|
|||
|
.gw-form .form-group-slim .radio-group {
|
|||
|
padding: 0 15px 5px;
|
|||
|
}
|
|||
|
.gw-form .form-group-slim .radio-group.two-column {
|
|||
|
display: flex;
|
|||
|
}
|
|||
|
.gw-form .form-group-slim .radio-group .radio-item-block {
|
|||
|
margin: 12px 0 5px;
|
|||
|
}
|
|||
|
.gw-form .form-group-slim .radio-group.two-column .radio-item-block {
|
|||
|
flex-grow: 1;
|
|||
|
}
|
|||
|
.gw-form .form-group-slim .radio-group .radio-item-block + .radio-item-block {
|
|||
|
margin-top: 0;
|
|||
|
}
|
|||
|
.gw-form .form-group-slim .radio-group.two-column .radio-item-block {
|
|||
|
margin-top: 0;
|
|||
|
}
|
|||
|
.gw-form .form-group-link-wrap,
|
|||
|
.gw-popup-edit-form .form-group-link-wrap {
|
|||
|
max-width: 460px;
|
|||
|
padding-top: 0;
|
|||
|
padding-bottom: 0;
|
|||
|
margin: 0 auto;
|
|||
|
}
|
|||
|
.form-group-link-wrap .form-group-link {
|
|||
|
display: inline-block;
|
|||
|
font-size: 13px;
|
|||
|
line-height: 18px;
|
|||
|
padding-bottom: 10px;
|
|||
|
vertical-align: top;
|
|||
|
cursor: pointer;
|
|||
|
}
|
|||
|
.gw-layer-popup .gw-form .form-group {
|
|||
|
padding-left: 0;
|
|||
|
padding-right: 0;
|
|||
|
}
|
|||
|
.form-group .radio-group {
|
|||
|
margin: 8px 0 0;
|
|||
|
}
|
|||
|
.radio-group .radio-item input.radio:disabled ~ .radio-label {
|
|||
|
cursor: default;
|
|||
|
pointer-events: none;
|
|||
|
opacity: .65;
|
|||
|
}
|
|||
|
.form-group .datetime-group {
|
|||
|
display: flex;
|
|||
|
margin: 0 -6px;
|
|||
|
}
|
|||
|
.form-group .datetime-group .date-input-wrap {
|
|||
|
width: 50%;
|
|||
|
margin: 0 6px;
|
|||
|
flex-grow: 1;
|
|||
|
}
|
|||
|
.form-group .datetime-group .date-input-wrap:before {
|
|||
|
position: absolute;
|
|||
|
right: 0;
|
|||
|
top: 0;
|
|||
|
display: inline-block;
|
|||
|
content: '';
|
|||
|
vertical-align: top;
|
|||
|
width: 36px;
|
|||
|
height: 36px;
|
|||
|
margin: 2px;
|
|||
|
pointer-events: none;
|
|||
|
border-radius: 6px;
|
|||
|
background: 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%23808080%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22m16.8%2019h-9.6c-1.22%200-2.2-.98-2.2-2.2v-8.87c0-1.21.98-2.2%202.2-2.2h9.6c1.22%200%202.2.99%202.2%202.2v8.87c0%201.22-.98%202.2-2.2%202.2zm-11.38-8.94h13.16z%22%20stroke-width%3D%221.3%22%2F%3E%3Cpath%20d%3D%22m8.24%205.44v-1.64zm7.52%200v-1.64z%22%20stroke-width%3D%221.4%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') center no-repeat;
|
|||
|
}
|
|||
|
.form-group .datetime-group .date-input-wrap .gw-form-control[readonly] {
|
|||
|
cursor: pointer;
|
|||
|
}
|
|||
|
.form-group .datetime-group .time-input-wrap {
|
|||
|
width: 150px;
|
|||
|
margin: 0 6px;
|
|||
|
flex-grow: 1;
|
|||
|
}
|
|||
|
.form-group .datetime-group .time-input-wrap .gw-form-control {
|
|||
|
padding-right: 90px;
|
|||
|
}
|
|||
|
.form-group .datetime-group .time-input-wrap .time-input-suffix {
|
|||
|
position: absolute;
|
|||
|
right: 0;
|
|||
|
top: 0;
|
|||
|
font-size: 13px;
|
|||
|
padding: 11px 13px 11px 0;
|
|||
|
pointer-events: none;
|
|||
|
color: #999;
|
|||
|
}
|
|||
|
.datetime-group input::-webkit-input-placeholder {
|
|||
|
letter-spacing: 1px;
|
|||
|
}
|
|||
|
.datetime-group input::-moz-placeholder {
|
|||
|
letter-spacing: 1px;
|
|||
|
}
|
|||
|
.datetime-group input:-ms-input-placeholder {
|
|||
|
letter-spacing: 1px;
|
|||
|
}
|
|||
|
.datetime-group input::placeholder {
|
|||
|
letter-spacing: 1px;
|
|||
|
}
|
|||
|
.date-input-wrap input[type="date"],
|
|||
|
.time-input-wrap input[type="time"] {
|
|||
|
position: absolute;
|
|||
|
pointer-events: none;
|
|||
|
visibility: hidden;
|
|||
|
}
|
|||
|
|
|||
|
.gw-budget-form {
|
|||
|
display: flex;
|
|||
|
flex-direction: column;
|
|||
|
}
|
|||
|
.gw-summary-form {
|
|||
|
display: flex;
|
|||
|
flex-wrap: wrap;
|
|||
|
justify-content: center;
|
|||
|
padding: 9px 16px;
|
|||
|
margin: 0 -7px;
|
|||
|
}
|
|||
|
.gw-budget-form .gw-form,
|
|||
|
.gw-budget-form .gw-info-block {
|
|||
|
max-width: 100%;
|
|||
|
align-self: center;
|
|||
|
}
|
|||
|
.gw-budget-form + .gw-form {
|
|||
|
padding-top: 0;
|
|||
|
}
|
|||
|
.gw-summary-wrap,
|
|||
|
.gw-budget-amount-wrap {
|
|||
|
padding: 12px 15px;
|
|||
|
border-radius: 8px;
|
|||
|
background: #f2f5f7;
|
|||
|
text-align: center;
|
|||
|
margin: 0 auto;
|
|||
|
}
|
|||
|
.gw-summary-wrap {
|
|||
|
flex-grow: 1;
|
|||
|
flex-basis: 40%;
|
|||
|
max-width: 200px;
|
|||
|
margin: 7px;
|
|||
|
}
|
|||
|
.gw-budget-form .gw-budget-amount-wrap {
|
|||
|
width: 200px;
|
|||
|
}
|
|||
|
.gw-summary-wrap .gw-summary-count,
|
|||
|
.gw-budget-amount-wrap .gw-budget-count {
|
|||
|
font-size: 22px;
|
|||
|
--line-height: 33px;
|
|||
|
}
|
|||
|
.gw-budget-count .amount-full.disabled {
|
|||
|
opacity: 0.3;
|
|||
|
}
|
|||
|
.gw-summary-wrap .gw-summary-label,
|
|||
|
.gw-budget-amount-wrap .gw-budget-label {
|
|||
|
font-size: 13px;
|
|||
|
line-height: 19px;
|
|||
|
}
|
|||
|
.gw-popup-edit-form {
|
|||
|
margin: 0 -9px;
|
|||
|
}
|
|||
|
.gw-popup-cb-form {
|
|||
|
padding: 0;
|
|||
|
}
|
|||
|
.gw-form.gw-popup-cb-form .checkbox-item-block {
|
|||
|
padding: 8px 0;
|
|||
|
margin: 0;
|
|||
|
}
|
|||
|
@media (min-width: 992px) {
|
|||
|
.gw-budget-form {
|
|||
|
flex-direction: row;
|
|||
|
padding: 25px 0 20px;
|
|||
|
}
|
|||
|
.gw-summary-form {
|
|||
|
flex-wrap: nowrap;
|
|||
|
padding: 18px 0 12px;
|
|||
|
}
|
|||
|
.gw-budget-form .gw-budget-amount-wrap {
|
|||
|
margin-left: 0;
|
|||
|
margin-right: 30px;
|
|||
|
}
|
|||
|
.gw-budget-form .gw-form {
|
|||
|
padding: 0;
|
|||
|
}
|
|||
|
.gw-budget-form .gw-info-block {
|
|||
|
margin: 0;
|
|||
|
}
|
|||
|
.gw-incr-budget-form .gw-form-link {
|
|||
|
right: calc(100% - 330px);
|
|||
|
}
|
|||
|
}
|
|||
|
|
|||
|
.incr-decr-form .decr-group,
|
|||
|
.incr-decr-form.decr .incr-group {
|
|||
|
display: none;
|
|||
|
}
|
|||
|
.incr-decr-form.decr .decr-group {
|
|||
|
display: block;
|
|||
|
}
|
|||
|
.form-group.decr-group .gw-form-control {
|
|||
|
padding-left: 42px;
|
|||
|
}
|
|||
|
.form-group.decr-group .gw-form-control-wrap .gw-form-control-prefix {
|
|||
|
width: 42px;
|
|||
|
}
|
|||
|
|
|||
|
.gw-account-button-wrap {
|
|||
|
display: block;
|
|||
|
box-shadow: inset 0 0 0 1px #d9d9d9;
|
|||
|
border-radius: 6px;
|
|||
|
transition: box-shadow .2s ease;
|
|||
|
color: inherit;
|
|||
|
height: 58px;
|
|||
|
margin: 10px 0;
|
|||
|
}
|
|||
|
a.gw-account-button-wrap {
|
|||
|
cursor: pointer;
|
|||
|
}
|
|||
|
.gw-account-button-wrap.current,
|
|||
|
a.gw-account-button-wrap:hover,
|
|||
|
a.gw-account-button-wrap:focus {
|
|||
|
box-shadow: inset 0 0 0 2px #35a3f6;
|
|||
|
color: inherit;
|
|||
|
text-decoration: none;
|
|||
|
}
|
|||
|
.gw-account-button-photo {
|
|||
|
display: inline-block;
|
|||
|
position: relative;
|
|||
|
vertical-align: top;
|
|||
|
width: 36px;
|
|||
|
height: 36px;
|
|||
|
border-radius: 18px;
|
|||
|
background: #efefef;
|
|||
|
text-align: center;
|
|||
|
overflow: hidden;
|
|||
|
margin: 11px 15px;
|
|||
|
float: left;
|
|||
|
user-select: none;
|
|||
|
}
|
|||
|
.gw-account-button-photo img {
|
|||
|
position: absolute;
|
|||
|
top: 0;
|
|||
|
left: 0;
|
|||
|
width: 100%;
|
|||
|
}
|
|||
|
.gw-account-button-photo .photo-char {
|
|||
|
font-size: 20px;
|
|||
|
vertical-align: middle;
|
|||
|
line-height: 38px;
|
|||
|
color: #999;
|
|||
|
}
|
|||
|
.gw-account-button-content {
|
|||
|
padding: 10px 15px 10px 66px;
|
|||
|
}
|
|||
|
.gw-account-button-title,
|
|||
|
.gw-account-button-label {
|
|||
|
font-size: 14px;
|
|||
|
line-height: 18px;
|
|||
|
font-weight: 500;
|
|||
|
padding: 0;
|
|||
|
overflow: hidden;
|
|||
|
text-overflow: ellipsis;
|
|||
|
white-space: nowrap;
|
|||
|
}
|
|||
|
.gw-account-button-icon {
|
|||
|
display: inline-block;
|
|||
|
position: relative;
|
|||
|
vertical-align: top;
|
|||
|
width: 36px;
|
|||
|
height: 36px;
|
|||
|
border-radius: 18px;
|
|||
|
margin: 11px 15px;
|
|||
|
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;
|
|||
|
}
|
|||
|
.gw-account-button-label {
|
|||
|
padding: 10px 0;
|
|||
|
}
|
|||
|
.gw-account-button-desc {
|
|||
|
font-size: 13px;
|
|||
|
line-height: 17px;
|
|||
|
padding: 3px 0 0;
|
|||
|
color: #808080;
|
|||
|
}
|
|||
|
|
|||
|
.add-funds-form .gw-account-button-wrap {
|
|||
|
margin: 0;
|
|||
|
}
|
|||
|
|
|||
|
.gw-form-control-inline-wrap {
|
|||
|
display: flex;
|
|||
|
}
|
|||
|
.gw-form-control-inline-wrap .gw-form-control-wrap {
|
|||
|
width: 330px;
|
|||
|
}
|
|||
|
.gw-form-control-inline-wrap .gw-btn {
|
|||
|
margin-left: 10px;
|
|||
|
}
|
|||
|
.gw-form-control-inline-wrap {
|
|||
|
display: flex;
|
|||
|
}
|
|||
|
.gw-form-control-wrap {
|
|||
|
position: relative;
|
|||
|
font-size: 14px;
|
|||
|
line-height: 18px;
|
|||
|
color: #222;
|
|||
|
background-color: #fff;
|
|||
|
border-radius: 6px;
|
|||
|
}
|
|||
|
.gw-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 .gw-form-control-wrap:after {
|
|||
|
box-shadow: inset 0 0 0 2px #35a3f6;
|
|||
|
}
|
|||
|
.field-invalid .gw-form-control-wrap:after {
|
|||
|
box-shadow: inset 0 0 0 1px #d75959;
|
|||
|
}
|
|||
|
.field-focused.field-invalid .gw-form-control-wrap:after {
|
|||
|
box-shadow: inset 0 0 0 2px #d75959;
|
|||
|
}
|
|||
|
.gw-form-control-wrap .gw-form-control-prefix {
|
|||
|
position: absolute;
|
|||
|
width: 30px;
|
|||
|
padding: 11px 0 11px 4px;
|
|||
|
text-align: center;
|
|||
|
pointer-events: none;
|
|||
|
}
|
|||
|
.field-disabled .gw-form-control-wrap .gw-form-control-prefix {
|
|||
|
color: #919699;
|
|||
|
}
|
|||
|
.gw-form-control-wrap .gw-form-control-prefix .currency-euro,
|
|||
|
.gw-form-control-wrap .gw-form-control-prefix .currency-credits {
|
|||
|
letter-spacing: normal;
|
|||
|
}
|
|||
|
.gw-form-control-wrap .gw-form-control-prefix .currency-ton,
|
|||
|
.gw-form-control-wrap .gw-form-control-prefix .currency-stars {
|
|||
|
color: var(--accent-color);
|
|||
|
margin-left: 0;
|
|||
|
margin-right: 0;
|
|||
|
}
|
|||
|
.gw-form-control-amount input.gw-form-control,
|
|||
|
.gw-form-control-amount .input.gw-form-control {
|
|||
|
padding-left: 30px;
|
|||
|
padding-right: 150px;
|
|||
|
}
|
|||
|
.gw-form-control-amount .gw-form-control-amount-extra {
|
|||
|
display: flex;
|
|||
|
position: absolute;
|
|||
|
top: 0;
|
|||
|
right: 0;
|
|||
|
bottom: 0;
|
|||
|
transition: opacity .2s ease, visibility .2s ease;
|
|||
|
pointer-events: none;
|
|||
|
}
|
|||
|
.gw-form-control-wrap .gw-form-control-amount-eur {
|
|||
|
padding: 11px 10px 11px 0;
|
|||
|
color: #919699;
|
|||
|
opacity: 0;
|
|||
|
visibility: hidden;
|
|||
|
transition: opacity .2s ease;
|
|||
|
pointer-events: none;
|
|||
|
}
|
|||
|
.gw-form-control-wrap .gw-form-control-amount-eur.active {
|
|||
|
opacity: 1;
|
|||
|
visibility: visible;
|
|||
|
}
|
|||
|
.gw-form-control-amount .gw-form-control-cpm-extra {
|
|||
|
padding: 10px 10px 10px 0;
|
|||
|
pointer-events: auto;
|
|||
|
cursor: pointer;
|
|||
|
display: none;
|
|||
|
}
|
|||
|
.gw-extra-cpm-badge {
|
|||
|
font-size: 12px;
|
|||
|
line-height: 16px;
|
|||
|
font-weight: 500;
|
|||
|
color: #d46d2b;
|
|||
|
background-color: #f8e8da;
|
|||
|
border-radius: 4px;
|
|||
|
padding: 2px 7px;
|
|||
|
text-align: center;
|
|||
|
overflow: hidden;
|
|||
|
}
|
|||
|
.gw-form-control-amount.has-extra-cpm .gw-form-control-cpm-extra {
|
|||
|
display: inline-block;
|
|||
|
}
|
|||
|
.field-loading .gw-form-control-amount .gw-form-control-amount-extra {
|
|||
|
pointer-events: none;
|
|||
|
opacity: 0;
|
|||
|
}
|
|||
|
.gw-form-control-cpm-extra .gw-form-control-hint-tooltip > .bubble:after {
|
|||
|
right: 30px;
|
|||
|
}
|
|||
|
.gw-form-control-wrap .gw-form-control,
|
|||
|
.gw-form-control-wrap input.gw-form-control,
|
|||
|
.gw-form-control-wrap .select,
|
|||
|
.field-focused .gw-form-control-wrap .gw-form-control,
|
|||
|
.field-focused .gw-form-control-wrap input.gw-form-control,
|
|||
|
.field-focused .gw-form-control-wrap .select {
|
|||
|
background: none;
|
|||
|
box-shadow: none;
|
|||
|
}
|
|||
|
.field-readonly .gw-form-control-wrap .gw-form-control {
|
|||
|
background: #F2F2F2;
|
|||
|
cursor: text;
|
|||
|
}
|
|||
|
.field-readonly .gw-form-control-wrap:after {
|
|||
|
display: none;
|
|||
|
}
|
|||
|
.gw-form-control-wrap.has-locked .input,
|
|||
|
.gw-form-control-wrap.has-locked input.form-control,
|
|||
|
.gw-form-control-wrap.has-locked .select {
|
|||
|
padding-right: 40px;
|
|||
|
text-overflow: ellipsis;
|
|||
|
}
|
|||
|
.gw-form-control-wrap.has-photo .gw-form-control,
|
|||
|
.gw-form-control-wrap.has-progress.field-loading .gw-form-control {
|
|||
|
padding-right: 48px;
|
|||
|
}
|
|||
|
fieldset.gw-form-control-wrap {
|
|||
|
padding: 7px 15px 5px;
|
|||
|
}
|
|||
|
fieldset.gw-form-control-wrap .radio-item-block,
|
|||
|
fieldset.gw-form-control-wrap .checkbox-item-block {
|
|||
|
margin: 4px 0;
|
|||
|
}
|
|||
|
.gw-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: 11px 0;
|
|||
|
margin: 0 13px;
|
|||
|
}
|
|||
|
.gw-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: 86%;
|
|||
|
padding: 0 5px;
|
|||
|
box-sizing: content-box;
|
|||
|
white-space: nowrap;
|
|||
|
overflow: hidden;
|
|||
|
color: transparent;
|
|||
|
max-width: 100%;
|
|||
|
}
|
|||
|
.gw-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 .gw-placeholder-label {
|
|||
|
font-weight: normal;
|
|||
|
}
|
|||
|
.open > .dropdown-toggle ~ .gw-placeholder-label:before,
|
|||
|
.field-focused .gw-placeholder-label:before {
|
|||
|
box-shadow: inset 0 2px #fff;
|
|||
|
transition-timing-function: ease, step-start;
|
|||
|
}
|
|||
|
.field-has-value .gw-placeholder-label:before,
|
|||
|
.field-focused .gw-placeholder-label:before {
|
|||
|
transform: scaleX(1);
|
|||
|
max-width: 87%;
|
|||
|
}
|
|||
|
.field-has-value .gw-placeholder-label:after,
|
|||
|
.field-focused .gw-placeholder-label:after {
|
|||
|
transform: translateY(-20px) scale(.86);
|
|||
|
pointer-events: auto;
|
|||
|
color: #8a8a8a;
|
|||
|
}
|
|||
|
.field-focused .gw-placeholder-label:after {
|
|||
|
color: #2481cc;
|
|||
|
}
|
|||
|
.field-invalid .gw-placeholder-label:after {
|
|||
|
color: #d75959;
|
|||
|
}
|
|||
|
.field-focused.field-invalid .gw-placeholder-label:after {
|
|||
|
color: #d75959;
|
|||
|
}
|
|||
|
.gw-form-control-amount .gw-placeholder-label + .gw-form-control-prefix {
|
|||
|
opacity: 0;
|
|||
|
transition: opacity .2s ease;
|
|||
|
}
|
|||
|
.field-has-value .gw-placeholder-label + .gw-form-control-prefix,
|
|||
|
.field-focused .gw-placeholder-label + .gw-form-control-prefix {
|
|||
|
opacity: 1;
|
|||
|
}
|
|||
|
.gw-form-control-progress {
|
|||
|
position: absolute;
|
|||
|
width: 40px;
|
|||
|
height: 40px;
|
|||
|
top: 0px;
|
|||
|
right: 0px;
|
|||
|
transform-origin: center;
|
|||
|
pointer-events: none;
|
|||
|
opacity: 0;
|
|||
|
transition: opacity .2s ease;
|
|||
|
}
|
|||
|
.gw-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-inf linear 2s infinite;
|
|||
|
transition: stroke-width .2s ease;
|
|||
|
cx: 50%;
|
|||
|
cy: 50%;
|
|||
|
r: 8px;
|
|||
|
}
|
|||
|
.field-loading .gw-form-control-wrap .gw-form-control-progress {
|
|||
|
opacity: 1;
|
|||
|
}
|
|||
|
.field-upload .gw-form-control-wrap .gw-form-control-progress-circle {
|
|||
|
animation-name: circle-rotate;
|
|||
|
stroke-dashoffset: calc(51px * calc(1 - var(--upload-progress)));
|
|||
|
}
|
|||
|
.gw-form-control-photo-wrap {
|
|||
|
position: absolute;
|
|||
|
width: 40px;
|
|||
|
height: 40px;
|
|||
|
top: 0;
|
|||
|
right: 0;
|
|||
|
opacity: 0;
|
|||
|
visibility: hidden;
|
|||
|
transition: opacity .2s ease;
|
|||
|
pointer-events: none;
|
|||
|
cursor: pointer;
|
|||
|
}
|
|||
|
.gw-form-control-wrap.has-photo .gw-form-control-photo-wrap {
|
|||
|
opacity: 1;
|
|||
|
visibility: visible;
|
|||
|
transition: opacity .2s ease;
|
|||
|
pointer-events: auto;
|
|||
|
}
|
|||
|
.gw-form-control-photo {
|
|||
|
display: inline-block;
|
|||
|
position: relative;
|
|||
|
vertical-align: top;
|
|||
|
width: 24px;
|
|||
|
height: 24px;
|
|||
|
border-radius: 15px;
|
|||
|
background: #efefef;
|
|||
|
text-align: center;
|
|||
|
overflow: hidden;
|
|||
|
margin: 8px;
|
|||
|
user-select: none;
|
|||
|
}
|
|||
|
.gw-form-control-photo img {
|
|||
|
position: absolute;
|
|||
|
top: 0;
|
|||
|
left: 0;
|
|||
|
width: 100%;
|
|||
|
}
|
|||
|
.gw-form-control-photo .photo-char {
|
|||
|
font-size: 13px;
|
|||
|
vertical-align: middle;
|
|||
|
line-height: 26px;
|
|||
|
color: #999;
|
|||
|
}
|
|||
|
.gw-form .gw-form-column {
|
|||
|
margin: 0 auto;
|
|||
|
max-width: 100%;
|
|||
|
width: 300px;
|
|||
|
}
|
|||
|
.gw-new-form .gw-form-column,
|
|||
|
.gw-new-form-same .gw-form-column {
|
|||
|
width: 100%;
|
|||
|
}
|
|||
|
.gw-form-header {
|
|||
|
font-size: 16px;
|
|||
|
line-height: 19px;
|
|||
|
padding: 5px 13px 3px;
|
|||
|
margin: 0 0 10px;
|
|||
|
}
|
|||
|
.gw-form .gw-form-content-wrap {
|
|||
|
width: 100%;
|
|||
|
margin: 0 auto;
|
|||
|
}
|
|||
|
.gw-form-column .gw-form-content-wrap {
|
|||
|
max-width: 460px;
|
|||
|
}
|
|||
|
.gw-form .gw-form-content {
|
|||
|
width: 100%;
|
|||
|
padding-left: 15px;
|
|||
|
padding-right: 15px;
|
|||
|
}
|
|||
|
.gw-form .gw-form-footer {
|
|||
|
width: 100%;
|
|||
|
}
|
|||
|
.gw-form .gw-form-footer .form-group {
|
|||
|
display: flex;
|
|||
|
width: 100%;
|
|||
|
padding-top: 8px;
|
|||
|
padding-bottom: 8px;
|
|||
|
justify-content: space-between;
|
|||
|
align-items: baseline;
|
|||
|
flex-wrap: wrap;
|
|||
|
}
|
|||
|
.gw-form .gw-form-footer-column {
|
|||
|
width: 100%;
|
|||
|
padding: 10px 0;
|
|||
|
}
|
|||
|
.gw-form-column .gw-btn.btn-block {
|
|||
|
padding: 11px 22px;
|
|||
|
}
|
|||
|
.gw-form-info-block,
|
|||
|
.gw-form-info-checkbox {
|
|||
|
position: relative;
|
|||
|
font-size: 13px;
|
|||
|
line-height: 18px;
|
|||
|
}
|
|||
|
.gw-form-info-block {
|
|||
|
padding: 4px 0 4px 30px;
|
|||
|
}
|
|||
|
.gw-form-info-block b,
|
|||
|
.gw-form-info-block .value {
|
|||
|
font-weight: 500;
|
|||
|
}
|
|||
|
.gw-form-info-block:before {
|
|||
|
content: '';
|
|||
|
position: absolute;
|
|||
|
display: inline-block;
|
|||
|
left: 0;
|
|||
|
top: 0;
|
|||
|
width: 16px;
|
|||
|
height: 16px;
|
|||
|
margin: 5px 4px;
|
|||
|
background: url('data:image/svg+xml,%3Csvg%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20width%3D%2216%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%228%22%20cy%3D%228%22%20fill%3D%22%23ee9939%22%20r%3D%228%22%2F%3E%3Cpath%20d%3D%22m8%2012.73c.62%200%201.13-.51%201.13-1.13s-.51-1.13-1.13-1.13-1.12.51-1.12%201.13.5%201.13%201.12%201.13zm0-9.23c.5%200%20.9.4.9.9v4.5c0%20.5-.4.9-.9.9s-.9-.4-.9-.9v-4.5c0-.5.4-.9.9-.9z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat center;
|
|||
|
}
|
|||
|
.gw-form-info-block.plus:before {
|
|||
|
background-image: url('data:image/svg+xml,%3Csvg%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20width%3D%2216%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%228%22%20cy%3D%228%22%20fill%3D%22%2328be1d%22%20r%3D%228%22%2F%3E%3Cpath%20d%3D%22m8%204c.44%200%20.8.36.8.8v2.4h2.4c.44%200%20.8.36.8.8s-.36.8-.8.8h-2.4v2.4c0%20.44-.36.8-.8.8s-.8-.36-.8-.8v-2.4h-2.4c-.44%200-.8-.36-.8-.8s.36-.8.8-.8h2.4v-2.4c0-.44.36-.8.8-.8z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
|
|||
|
}
|
|||
|
.gw-form-info-block.minus:before {
|
|||
|
background-image: url('data:image/svg+xml,%3Csvg%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20width%3D%2216%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%228%22%20cy%3D%228%22%20fill%3D%22%23d64d4d%22%20r%3D%228%22%2F%3E%3Crect%20fill%3D%22%23fff%22%20height%3D%221.8%22%20rx%3D%22.9%22%20width%3D%229%22%20x%3D%223.5%22%20y%3D%227.1%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
|
|||
|
}
|
|||
|
.gw-form-info-block.info:before {
|
|||
|
background-image: url('data:image/svg+xml,%3Csvg%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20width%3D%2216%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%228%22%20cy%3D%228%22%20fill%3D%22%23a8a8a8%22%20r%3D%228%22%2F%3E%3Cpath%20d%3D%22m8%203.27c.62%200%201.13.51%201.13%201.13s-.51%201.13-1.13%201.13-1.12-.51-1.12-1.13.5-1.13%201.12-1.13zm0%209.23c.5%200%20.9-.4.9-.9v-4.5c0-.5-.4-.9-.9-.9s-.9.4-.9.9v4.5c0%20.5.4.9.9.9z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
|
|||
|
}
|
|||
|
.gw-form-info-checkbox .checkbox-item-block {
|
|||
|
padding: 4px 0;
|
|||
|
margin: 0;
|
|||
|
}
|
|||
|
.gw-form-info-checkbox .checkbox-item-block > .checkbox-label {
|
|||
|
margin-left: 10px;
|
|||
|
}
|
|||
|
.gw-draft-btn-wrap {
|
|||
|
position: relative;
|
|||
|
opacity: 0;
|
|||
|
visibility: hidden;
|
|||
|
transition: all .2s ease;
|
|||
|
}
|
|||
|
.gw-draft-btn-wrap.active {
|
|||
|
opacity: 1;
|
|||
|
visibility: visible;
|
|||
|
}
|
|||
|
.gw-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;
|
|||
|
}
|
|||
|
.gw-draft-btn-wrap.saved .gw-draft-saved {
|
|||
|
opacity: 1;
|
|||
|
visibility: visible;
|
|||
|
}
|
|||
|
.gw-form-footer .gw-btn {
|
|||
|
padding: 13px 64px;
|
|||
|
border-radius: 6px;
|
|||
|
}
|
|||
|
.gw-form-footer .gw-link-btn {
|
|||
|
margin: 13px 25px;
|
|||
|
}
|
|||
|
.gw-form-footer-delete-column {
|
|||
|
order: 1;
|
|||
|
}
|
|||
|
.gw-form-footer-delete-column .gw-link-btn {
|
|||
|
margin-left: 15px;
|
|||
|
margin-right: 15px;
|
|||
|
}
|
|||
|
.gw-target-tabs {
|
|||
|
font-size: 15px;
|
|||
|
padding: 12px 15px 14px;
|
|||
|
max-width: 460px;
|
|||
|
margin: 0 auto 10px;
|
|||
|
}
|
|||
|
.gw-target-options {
|
|||
|
display: none;
|
|||
|
}
|
|||
|
.gw-target-options.visible {
|
|||
|
display: block;
|
|||
|
}
|
|||
|
@media (min-width: 992px) {
|
|||
|
.gw-form .form-group,
|
|||
|
.gw-form .form-group-link-wrap,
|
|||
|
.gw-popup-edit-form .form-group-link-wrap {
|
|||
|
max-width: none;
|
|||
|
padding-left: 0;
|
|||
|
padding-right: 0;
|
|||
|
}
|
|||
|
.gw-form .form-group.no-padding,
|
|||
|
.gw-form .form-group-slim.no-padding {
|
|||
|
padding: 0;
|
|||
|
}
|
|||
|
.form-group-slim {
|
|||
|
padding: 16px 0 18px;
|
|||
|
}
|
|||
|
.form-group-slim .form-group {
|
|||
|
padding: 6px 0 8px;
|
|||
|
}
|
|||
|
.gw-form .form-group-slim > .form-label {
|
|||
|
margin-left: 13px;
|
|||
|
margin-right: 13px;
|
|||
|
}
|
|||
|
.gw-new-form .gw-form-column {
|
|||
|
width: 330px;
|
|||
|
margin: 0;
|
|||
|
}
|
|||
|
.gw-new-form .gw-form-column + .gw-form-column {
|
|||
|
width: 430px;
|
|||
|
}
|
|||
|
.gw-new-form-same {
|
|||
|
justify-content: flex-start;
|
|||
|
}
|
|||
|
.gw-new-form-same .gw-form-column {
|
|||
|
width: 330px;
|
|||
|
margin: 0 55px 0 0;
|
|||
|
}
|
|||
|
.gw-form-link {
|
|||
|
right: 0;
|
|||
|
}
|
|||
|
.add-funds-req-form .gw-article {
|
|||
|
padding: 0;
|
|||
|
}
|
|||
|
.add-funds-req-form .gw-form-column {
|
|||
|
width: 380px;
|
|||
|
margin: 0;
|
|||
|
}
|
|||
|
.add-funds-req-form .gw-form-column + .gw-form-column {
|
|||
|
width: 400px;
|
|||
|
}
|
|||
|
.add-funds-form .gw-form-column,
|
|||
|
.account-edit-form .gw-form-column {
|
|||
|
width: 400px;
|
|||
|
}
|
|||
|
.account-choose-form .gw-form-column {
|
|||
|
width: 330px;
|
|||
|
}
|
|||
|
.gw-form .gw-form-footer {
|
|||
|
border-top: 1px solid #ebebeb;
|
|||
|
margin-top: 20px;
|
|||
|
}
|
|||
|
.gw-form .gw-form-footer-column {
|
|||
|
width: auto;
|
|||
|
}
|
|||
|
.gw-form-footer-delete-column {
|
|||
|
order: 0;
|
|||
|
}
|
|||
|
.gw-form-info-checkbox .checkbox-item-block {
|
|||
|
padding-left: 2px;
|
|||
|
}
|
|||
|
.gw-form-info-checkbox .checkbox-item-block > .checkbox-label {
|
|||
|
margin-left: 8px;
|
|||
|
}
|
|||
|
.gw-decline-block {
|
|||
|
margin-left: 0;
|
|||
|
margin-right: 0;
|
|||
|
}
|
|||
|
.gw-target-tabs {
|
|||
|
max-width: none;
|
|||
|
padding: 0;
|
|||
|
}
|
|||
|
.gw-form-column + .gw-form-column .gw-target-tabs {
|
|||
|
text-align: right;
|
|||
|
}
|
|||
|
}
|
|||
|
|
|||
|
.gw-no-gw-content {
|
|||
|
text-align: center;
|
|||
|
padding: 23px 15px;
|
|||
|
}
|
|||
|
.gw-no-gw-img {
|
|||
|
display: inline-block;
|
|||
|
width: 84px;
|
|||
|
height: 84px;
|
|||
|
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%23119af5%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');
|
|||
|
background-size: 100%;
|
|||
|
}
|
|||
|
.gw-no-gw-header {
|
|||
|
font-size: 17px;
|
|||
|
font-weight: 500;
|
|||
|
line-height: 20px;
|
|||
|
margin: 22px 0 8px;
|
|||
|
}
|
|||
|
.gw-no-gw-description {
|
|||
|
font-size: 14px;
|
|||
|
line-height: 18px;
|
|||
|
}
|
|||
|
.gw-no-gw-buttons-wrap {
|
|||
|
margin: 30px auto 12px;
|
|||
|
max-width: 210px;
|
|||
|
display: flex;
|
|||
|
flex-direction: column;
|
|||
|
}
|
|||
|
.gw-no-gw-button-wrap {
|
|||
|
font-size: 14px;
|
|||
|
line-height: 20px;
|
|||
|
}
|
|||
|
.gw-no-gw-button-wrap .gw-btn {
|
|||
|
padding: 13px 15px;
|
|||
|
}
|
|||
|
.gw-no-gw-button-wrap + .gw-no-gw-button-wrap {
|
|||
|
margin-top: 22px;
|
|||
|
}
|
|||
|
|
|||
|
.gw-docs-container .gw-content {
|
|||
|
padding: 0 15px 60px;
|
|||
|
}
|
|||
|
.gw-docs-container #dev_page_content_wrap {
|
|||
|
padding-top: 0;
|
|||
|
}
|
|||
|
.gw-docs-container #dev_page_content_wrap .dev_side_nav {
|
|||
|
right: -220px;
|
|||
|
}
|
|||
|
.gw-docs-container #dev_page_content_wrap .dev_side_nav > ul {
|
|||
|
padding: 0;
|
|||
|
}
|
|||
|
.gw-docs-container #dev_page_content_wrap .dev_side_nav > ul.affix {
|
|||
|
padding-top: 80px;
|
|||
|
}
|
|||
|
@media (max-width: 1240px) {
|
|||
|
.gw-docs-container #dev_page_content_wrap .dev_side_nav_wrap {
|
|||
|
display: none;
|
|||
|
}
|
|||
|
}
|
|||
|
@media (max-width: 640px) {
|
|||
|
.gw-docs-container #dev_page_content_wrap {
|
|||
|
padding-top: 20px;
|
|||
|
}
|
|||
|
}
|
|||
|
|
|||
|
.gw-container.gw-main .gw-content {
|
|||
|
display: flex;
|
|||
|
min-width: 320px;
|
|||
|
min-height: 100vh;
|
|||
|
align-items: center;
|
|||
|
justify-content: center;
|
|||
|
flex-wrap: wrap;
|
|||
|
}
|
|||
|
.gw-main-content {
|
|||
|
text-align: center;
|
|||
|
padding: 60px 15px 100px;
|
|||
|
max-width: 580px;
|
|||
|
}
|
|||
|
.gw-main-content .gw-main-additional {
|
|||
|
text-align: start;
|
|||
|
margin-top: 70px;
|
|||
|
}
|
|||
|
.gw-main-content #dev_page_content_wrap {
|
|||
|
padding: 0;
|
|||
|
}
|
|||
|
.gw-main-content #dev_page_content,
|
|||
|
.gw-main-content #dev_page_content p {
|
|||
|
font-size: 14px;
|
|||
|
line-height: 21px;
|
|||
|
}
|
|||
|
.gw-main-content #dev_page_content h3 {
|
|||
|
font-size: 16px;
|
|||
|
line-height: 22px;
|
|||
|
font-weight: 600;
|
|||
|
-webkit-font-smoothing: antialiased;
|
|||
|
}
|
|||
|
.gw-main-header {
|
|||
|
font-size: 20px;
|
|||
|
margin: 30px 0 12px;
|
|||
|
}
|
|||
|
.gw-main-description {
|
|||
|
font-size: 14px;
|
|||
|
line-height: 21px;
|
|||
|
}
|
|||
|
.gw-main-button-wrap {
|
|||
|
margin: 30px 0 12px;
|
|||
|
}
|
|||
|
.gw-main-button-wrap .gw-btn {
|
|||
|
width: 210px;
|
|||
|
padding: 13px 20px;
|
|||
|
}
|
|||
|
|
|||
|
.gw-main-content-new {
|
|||
|
display: flex;
|
|||
|
margin: 20px;
|
|||
|
flex-direction: column;
|
|||
|
}
|
|||
|
.gw-main-intro {
|
|||
|
text-align: center;
|
|||
|
}
|
|||
|
.gw-main-intro-img {
|
|||
|
display: inline-block;
|
|||
|
vertical-align: top;
|
|||
|
width: 160px;
|
|||
|
height: 120px;
|
|||
|
background: url('data:image/svg+xml,%3Csvg%20height%3D%22120%22%20viewBox%3D%220%200%20160%20120%22%20width%3D%22160%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22m95.08%2046.27.11%203.61c0%20.17.14.3.31.29.03%200%20.05%200%20.08-.01l3.37-.98c.66-.19%201.35.16%201.59.8l.71%201.87c.23.63-.05%201.34-.66%201.64l-3.37%201.64c-.15.08-.22.26-.14.41%200%20.01.01.02.01.03l2.03%203.15c.37.58.23%201.34-.31%201.75l-1.49%201.12c-.55.42-1.32.33-1.77-.18l-2.44-2.81c-.11-.12-.3-.14-.43-.03-.01.01-.02.03-.03.04l-2.38%202.8c-.44.52-1.21.61-1.76.21l-1.66-1.19c-.55-.39-.71-1.13-.37-1.71l1.99-3.48c.09-.14.04-.33-.11-.41-.01-.01-.02-.01-.03-.02l-3.2-1.36c-.63-.27-.95-.99-.72-1.64l.67-1.86c.22-.63.89-.99%201.54-.83l3.37.82c.16.04.32-.06.36-.22.01-.02.01-.03.01-.05l.27-3.46c.05-.68.62-1.21%201.3-1.21h1.84c.71%200%201.29.56%201.31%201.27z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22m105.45%200c7.18%200%2013%205.82%2013%2013v5.51h-5.32v-3.64c0-3.31-2.69-6-6-6h-45.81c-3.31%200-6%202.69-6%206v90.26c0%203.31%202.69%206%206%206h45.81c3.31%200%206-2.69%206-6v-17.31h5.32v19.18c0%207.18-5.82%2013-13%2013h-42.45c-7.18%200-13-5.82-13-13v-94c0-7.18%205.82-13%2013-13z%22%20fill%3D%22%23363c41%22%2F%3E%3Cpath%20d%3D%22m69%2095.22v-63.78c0-4.39%203.55-7.94%207.94-7.94h73.11c4.38%200%207.94%203.55%207.94%207.94v43.31c0%204.39-3.56%207.94-7.94%207.94h-62.4c-.74%200-1.45.28-2%20.77l-13.39%2012.15c-.57.52-1.31.8-2.07.8-.66%200-1.19-.53-1.19-1.19z%22%20fill%3D%22%23119af5%22%2F%3E%3Cuse%20xlink%3Ahref%3D%22%23a%22%2F%3E%3Cuse%20x%3D%2221%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3Cuse%20x%3D%2242%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fsvg%3E') no-repeat center;
|
|||
|
}
|
|||
|
.gw-main-intro-header {
|
|||
|
font-size: 22px;
|
|||
|
line-height: 36px;
|
|||
|
margin: 19px 0 9px;
|
|||
|
}
|
|||
|
.gw-main-intro-text {
|
|||
|
font-size: 14px;
|
|||
|
line-height: 19px;
|
|||
|
padding: 0 10px;
|
|||
|
}
|
|||
|
.gw-main-intro-text b {
|
|||
|
font-weight: 500;
|
|||
|
}
|
|||
|
.gw-main-intro-button-wrap {
|
|||
|
margin-top: 22px;
|
|||
|
}
|
|||
|
.gw-main-intro-button-wrap .gw-btn {
|
|||
|
width: 100%;
|
|||
|
padding: 12px 20px;
|
|||
|
}
|
|||
|
.gw-main-features {
|
|||
|
display: flex;
|
|||
|
flex-direction: column;
|
|||
|
border: 1px solid #dedede;
|
|||
|
border-radius: 12px;
|
|||
|
padding: 10px 25px;
|
|||
|
margin-top: 30px;
|
|||
|
position: relative;
|
|||
|
}
|
|||
|
.gw-main-features:before {
|
|||
|
content: '';
|
|||
|
position: absolute;
|
|||
|
display: inline-block;
|
|||
|
left: 50%;
|
|||
|
top: -10px;
|
|||
|
width: 27px;
|
|||
|
height: 10px;
|
|||
|
transform: translateX(-50%);
|
|||
|
background: url('data:image/svg+xml,%3Csvg%20height%3D%2210%22%20viewBox%3D%220%200%2027%2010%22%20width%3D%2227%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m0%2010h2.1c.71%200%201.38-.3%201.85-.82l6.08-6.71c.63-.69%201.48-1.08%202.35-1.14s1.77.2%202.49.8l8.75%207.29c.45.38%201.01.58%201.6.58h1.78%22%20fill%3D%22%23fff%22%20stroke%3D%22%23dedede%22%2F%3E%3C%2Fsvg%3E') no-repeat center;
|
|||
|
}
|
|||
|
.gw-main-feature {
|
|||
|
position: relative;
|
|||
|
padding-left: 40px;
|
|||
|
margin: 10px 0;
|
|||
|
}
|
|||
|
.gw-main-feature-title {
|
|||
|
font-size: 15px;
|
|||
|
line-height: 20px;
|
|||
|
font-weight: bold;
|
|||
|
}
|
|||
|
.gw-main-feature-text {
|
|||
|
font-size: 14px;
|
|||
|
line-height: 19px;
|
|||
|
margin-top: 4px;
|
|||
|
}
|
|||
|
.gw-main-feature:before {
|
|||
|
content: '';
|
|||
|
position: absolute;
|
|||
|
display: inline-block;
|
|||
|
left: 0;
|
|||
|
top: 5px;
|
|||
|
width: 24px;
|
|||
|
height: 24px;
|
|||
|
background: no-repeat center;
|
|||
|
}
|
|||
|
.icon-feature1: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%3Cpath%20d%3D%22m3.5%204.8333v15c0%20.18.15.33.33.33h15.67m-12.33-5.16%203.26-3.42c.13-.14.34-.14.47-.01h.01l1.69%201.69c.13.13.34.13.47%200l6.93-6.93m.33%204.33v-4.66c0-.19-.15-.34-.33-.34h-4.67%22%20fill%3D%22none%22%20stroke%3D%22%23222%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.47%22%2F%3E%3C%2Fsvg%3E');
|
|||
|
}
|
|||
|
.icon-feature2: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%3Crect%20height%3D%2213.33%22%20rx%3D%222.78%22%20stroke%3D%22%23222%22%20stroke-width%3D%221.47%22%20width%3D%2216.67%22%20x%3D%223.6667%22%20y%3D%229%22%2F%3E%3Cpath%20d%3D%22m7.17%208.67v-2.67c0-2.67%202.16-4.83%204.83-4.83s4.83%202.16%204.83%204.83v2.67%22%20stroke%3D%22%23222%22%20stroke-width%3D%221.47%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2215.67%22%20fill%3D%22%23222%22%20r%3D%221.67%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
|
|||
|
}
|
|||
|
.icon-feature3: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%3Cpath%20d%3D%22m14%2021.33h4.67c1.47%200%202.66-1.19%202.66-2.66v-13.34c0-1.47-1.19-2.66-2.66-2.66-1.56%200-3.11%200-4.67%200%22%20stroke%3D%22%23222%22%20stroke-dasharray%3D%220%204.33%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.87%22%2F%3E%3Cpath%20d%3D%22m10%2021.33c-1.56%200-3.11%200-4.67%200-1.47%200-2.66-1.19-2.66-2.66v-13.34c0-1.47%201.19-2.66%202.66-2.66h4.67%22%20stroke%3D%22%23222%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%2F%3E%3Cpath%20d%3D%22m12.35%2018.37c.33%200%20.78-.29.78-.73v-.59c1.97-.21%203.04-1.37%203.04-3.05%200-1.45-.87-2.33-2.68-2.73l-1.48-.33c-.93-.21-1.39-.63-1.39-1.26%200-.74.65-1.29%201.66-1.29.82%200%201.39.28%202.03.99.32.34.57.46.91.46.41%200%20.72-.28.72-.71%200-.41-.24-.85-.65-1.26-.54-.51-1.17-.85-2.09-.96v-.61c0-.43-.47-.77-.81-.77-.33%200-.76.33-.76.77v.59c-1.89.17-2.97%201.31-2.97%202.93%200%201.42.87%202.37%202.54%202.74l1.49.35c1.08.25%201.53.63%201.53%201.28%200%20.83-.65%201.36-1.82%201.36-.87%200-1.59-.33-2.25-1.04-.38-.37-.58-.45-.86-.45-.45%200-.78.28-.78.77%200%20.43.25.88.69%201.27.59.53%201.46.86%202.47.95v.58c0%20.44.34.74.68.74z%22%20fill%3D%22%23222%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
|
|||
|
}
|
|||
|
.icon-feature4: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%23222%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22m3.1261%204.5h15.3739m-15.3739%205h10.7072m-10.7072%205h6.6186%22%20stroke-width%3D%221.53%22%2F%3E%3Cpath%20d%3D%22m21.23%2011.4%201.37%201.37c.59.59.59%201.54%200%202.13l-7.22%207.22c-.23.23-.54.37-.87.38l-2.18.06c-.48.01-.87-.36-.89-.84%200-.01%200-.03%200-.05l.06-2.18c.01-.33.15-.64.38-.87l7.22-7.22c.59-.59%201.54-.59%202.13%200zm-2.96%201.97%202.29%202.29%22%20stroke-width%3D%221.47%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
|
|||
|
}
|
|||
|
.icon-feature5: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%23222%22%20stroke-width%3D%221.5%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210.67%22%2F%3E%3Cpath%20d%3D%22m7%208.33h9.99c.22%200%20.4.18.4.4%200%20.07-.02.14-.06.2l-4.72%208.46c-.21.39-.7.53-1.09.31-.13-.07-.24-.18-.31-.32l-4.56-8.46c-.1-.19-.03-.43.16-.54.06-.03.13-.05.19-.05zm5%209.19v-9.19%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
|
|||
|
}
|
|||
|
@media screen and (min-width: 992px) {
|
|||
|
.gw-main-content-new {
|
|||
|
margin: 100px auto;
|
|||
|
flex-direction: row;
|
|||
|
}
|
|||
|
.gw-main-intro {
|
|||
|
width: 360px;
|
|||
|
}
|
|||
|
.gw-main-intro-header {
|
|||
|
margin-top: 24px;
|
|||
|
}
|
|||
|
.gw-main-intro-button-wrap {
|
|||
|
margin-top: 25px;
|
|||
|
}
|
|||
|
.gw-main-features {
|
|||
|
width: 485px;
|
|||
|
margin-top: 0;
|
|||
|
margin-left: 45px;
|
|||
|
padding-left: 27px;
|
|||
|
padding-top: 15px;
|
|||
|
padding-bottom: 15px;
|
|||
|
justify-content: space-between;
|
|||
|
}
|
|||
|
.gw-main-features:before {
|
|||
|
left: -10px;
|
|||
|
top: 100px;
|
|||
|
width: 10px;
|
|||
|
height: 27px;
|
|||
|
transform: translateY(-50%);
|
|||
|
background-image: url('data:image/svg+xml,%3Csvg%20height%3D%2227%22%20viewBox%3D%220%200%2010%2027%22%20width%3D%2210%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m10%2027v-2.1c0-.71-.3-1.38-.82-1.85l-6.71-6.08c-.69-.63-1.08-1.48-1.14-2.35s.2-1.77.8-2.49l7.29-8.75c.38-.45.58-1.01.58-1.6v-1.78%22%20fill%3D%22%23fff%22%20stroke%3D%22%23dedede%22%2F%3E%3C%2Fsvg%3E');
|
|||
|
}
|
|||
|
.gw-main-feature {
|
|||
|
margin: 5px 0;
|
|||
|
}
|
|||
|
}
|
|||
|
|
|||
|
@-webkit-keyframes circle-rotate {
|
|||
|
from { transform: rotateZ(0); }
|
|||
|
to { transform: rotateZ(720deg); }
|
|||
|
}
|
|||
|
@keyframes circle-rotate {
|
|||
|
from { transform: rotateZ(0); }
|
|||
|
to { transform: rotateZ(720deg); }
|
|||
|
}
|
|||
|
|
|||
|
@-webkit-keyframes circle-rotate-inf {
|
|||
|
from { stroke-dasharray: 51px; transform: rotateZ(0); }
|
|||
|
50% { stroke-dasharray: 99px; transform: rotateZ(240deg); }
|
|||
|
to { stroke-dasharray: 51px; transform: rotateZ(720deg); }
|
|||
|
}
|
|||
|
@keyframes circle-rotate-inf {
|
|||
|
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;
|
|||
|
}
|
|||
|
.table-responsive {
|
|||
|
width: 100%;
|
|||
|
border: none;
|
|||
|
}
|
|||
|
.gw-table {
|
|||
|
margin: 0 0 20px;
|
|||
|
}
|
|||
|
.gw-table-sticky {
|
|||
|
position: relative;
|
|||
|
}
|
|||
|
.gw-table-sticky > thead > tr > td,
|
|||
|
.gw-table-sticky > thead > tr > th {
|
|||
|
background-color: #fff;
|
|||
|
position: -webkit-sticky;
|
|||
|
position: sticky;
|
|||
|
z-index: 1;
|
|||
|
top: 0;
|
|||
|
}
|
|||
|
@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;
|
|||
|
}
|
|||
|
}
|
|||
|
.gw-table > thead > tr > th,
|
|||
|
.gw-table > tbody > tr > th,
|
|||
|
.gw-table > thead > tr > td,
|
|||
|
.gw-table > tbody > tr > td {
|
|||
|
padding: 3px 10px;
|
|||
|
line-height: 15px;
|
|||
|
vertical-align: middle;
|
|||
|
border-top: none;
|
|||
|
border-bottom: none;
|
|||
|
max-width: 200px;
|
|||
|
height: 38px;
|
|||
|
}
|
|||
|
.gw-table-vtop > thead > tr > th,
|
|||
|
.gw-table-vtop > tbody > tr > th,
|
|||
|
.gw-table-vtop > thead > tr > td,
|
|||
|
.gw-table-vtop > tbody > tr > td {
|
|||
|
padding: 14px 10px 13px;
|
|||
|
vertical-align: top;
|
|||
|
}
|
|||
|
.gw-table > thead > tr > th,
|
|||
|
.gw-table > thead > tr > td {
|
|||
|
font-size: 11px;
|
|||
|
text-transform: uppercase;
|
|||
|
font-weight: 600;
|
|||
|
-webkit-font-smoothing: antialiased;
|
|||
|
}
|
|||
|
/*.gw-table > tbody > tr:nth-child(even) > td,
|
|||
|
.gw-table > tbody > tr:nth-child(even) > th {
|
|||
|
background-color: #f2f5f7;
|
|||
|
}
|
|||
|
.gw-table > thead + tbody > tr:nth-child(odd) > td,
|
|||
|
.gw-table > thead + tbody > tr:nth-child(odd) > th {
|
|||
|
background-color: #f2f5f7;
|
|||
|
}*/
|
|||
|
.gw-table > tbody > tr:nth-child(odd) > td,
|
|||
|
.gw-table > tbody > tr:nth-child(odd) > th {
|
|||
|
background-color: #f2f5f7;
|
|||
|
}
|
|||
|
/*.gw-table > thead + tbody > tr:nth-child(even) > td,
|
|||
|
.gw-table > thead + tbody > tr:nth-child(even) > th,*/
|
|||
|
.gw-table > tbody > tr > td.gw-cell-empty,
|
|||
|
.gw-table > tbody > tr > th.gw-cell-empty,
|
|||
|
.gw-table > tbody > tr > td.gw-cell-empty-full,
|
|||
|
.gw-table > tbody > tr > th.gw-cell-empty-full,
|
|||
|
.gw-table > tbody + tbody > tr:nth-child(odd) > td,
|
|||
|
.gw-table > tbody + tbody > tr:nth-child(odd) > th {
|
|||
|
background-color: transparent;
|
|||
|
}
|
|||
|
.gw-table > thead > tr > td:first-child,
|
|||
|
.gw-table > thead > tr > th:first-child,
|
|||
|
.gw-table > tbody > tr > td:first-child,
|
|||
|
.gw-table > tbody > tr > th:first-child {
|
|||
|
padding-left: 15px;
|
|||
|
}
|
|||
|
.gw-table > thead > tr > td:last-child,
|
|||
|
.gw-table > thead > tr > th:last-child,
|
|||
|
.gw-table > tbody > tr > td:last-child,
|
|||
|
.gw-table > tbody > tr > th:last-child {
|
|||
|
padding-right: 15px;
|
|||
|
}
|
|||
|
@media (min-width: 600px) {
|
|||
|
.gw-table > thead > tr > td:first-child,
|
|||
|
.gw-table > thead > tr > th:first-child,
|
|||
|
.gw-table > tbody > tr > td:first-child,
|
|||
|
.gw-table > tbody > tr > th:first-child {
|
|||
|
border-top-left-radius: 2px;
|
|||
|
border-bottom-left-radius: 2px;
|
|||
|
}
|
|||
|
.gw-table > thead > tr > td:last-child,
|
|||
|
.gw-table > thead > tr > th:last-child,
|
|||
|
.gw-table > tbody > tr > td:last-child,
|
|||
|
.gw-table > tbody > tr > th:last-child {
|
|||
|
border-top-right-radius: 2px;
|
|||
|
border-bottom-right-radius: 2px;
|
|||
|
}
|
|||
|
}
|
|||
|
@media (min-width: 992px) {
|
|||
|
.gw-table {
|
|||
|
/* table-layout: fixed;*/
|
|||
|
}
|
|||
|
}
|
|||
|
.gw-sort-marker {
|
|||
|
display: inline-block;
|
|||
|
position: relative;
|
|||
|
width: 7px;
|
|||
|
height: 10px;
|
|||
|
margin: 1px 0 1px 5px;
|
|||
|
vertical-align: top;
|
|||
|
}
|
|||
|
body.rtl .gw-sort-marker {
|
|||
|
margin-right: 5px;
|
|||
|
margin-left: 0;
|
|||
|
}
|
|||
|
.gw-sort-marker:before,
|
|||
|
.gw-sort-marker:after {
|
|||
|
position: absolute;
|
|||
|
width: 7px;
|
|||
|
height: 4px;
|
|||
|
background: url('data:image/svg+xml,%3Csvg%20height%3D%224%22%20viewBox%3D%220%200%207%204%22%20width%3D%227%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m3.71%203.29%202.78-2.78c.12-.12.12-.3%200-.42-.06-.06-.13-.09-.21-.09h-5.56c-.16%200-.3.13-.3.3%200%20.08.04.16.09.21l2.78%202.78c.12.12.3.12.42%200z%22%20fill%3D%22%23222%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E') no-repeat top;
|
|||
|
transform-origin: top center;
|
|||
|
transition: transform .15s ease;
|
|||
|
transform: rotateX(360deg);
|
|||
|
left: 0;
|
|||
|
content: '';
|
|||
|
}
|
|||
|
.gw-sort-marker:before {
|
|||
|
transform: rotateX(180deg);
|
|||
|
top: 4px;
|
|||
|
}
|
|||
|
.gw-sort-marker:after {
|
|||
|
/* transform-origin: bottom center;*/
|
|||
|
top: 6px;
|
|||
|
}
|
|||
|
.gw-cell-sort {
|
|||
|
cursor: pointer;
|
|||
|
}
|
|||
|
.gw-cell-sort.sort-active.sort-asc .gw-sort-marker:before {
|
|||
|
transform: rotateX(180deg) scale(1.25) translateY(-2.5px);
|
|||
|
}
|
|||
|
.gw-cell-sort.sort-active .gw-sort-marker:after {
|
|||
|
transform: scale(1.25) translateY(-2.5px);
|
|||
|
}
|
|||
|
.gw-cell-sort.sort-active .gw-sort-marker:before {
|
|||
|
transform: rotateX(180deg) scale(0) translateY(7px);
|
|||
|
}
|
|||
|
.gw-cell-sort.sort-active.sort-asc .gw-sort-marker:after {
|
|||
|
transform: scale(0) translateY(7px);
|
|||
|
}
|
|||
|
.gw-cell {
|
|||
|
white-space: nowrap;
|
|||
|
text-overflow: ellipsis;
|
|||
|
overflow: hidden;
|
|||
|
line-height: var(--line-height);
|
|||
|
}
|
|||
|
.gw-cell-more {
|
|||
|
display: block;
|
|||
|
text-align: center;
|
|||
|
cursor: pointer;
|
|||
|
}
|
|||
|
.gw-hinted-cell {
|
|||
|
white-space: nowrap;
|
|||
|
}
|
|||
|
thead > tr > th > .gw-cell,
|
|||
|
thead > tr > td > .gw-cell {
|
|||
|
padding: 1px 0 0;
|
|||
|
--line-height: 13px;
|
|||
|
}
|
|||
|
tbody > tr > th > .gw-cell,
|
|||
|
tbody > tr > td > .gw-cell {
|
|||
|
--line-height: 15px;
|
|||
|
}
|
|||
|
.gw-cell-wrap {
|
|||
|
min-width: 180px;
|
|||
|
white-space: normal;
|
|||
|
}
|
|||
|
.gw-cell .gw-link,
|
|||
|
.gw-header-auth .gw-link {
|
|||
|
color: inherit;
|
|||
|
}
|
|||
|
.gw-cell-empty .gw-cell,
|
|||
|
.gw-cell-empty-full .gw-cell {
|
|||
|
font-size: 15px;
|
|||
|
font-weight: normal;
|
|||
|
text-align: center;
|
|||
|
color: #70767b;
|
|||
|
}
|
|||
|
.gw-cell-empty-full .gw-cell {
|
|||
|
padding-top: 24px;
|
|||
|
padding-bottom: 24px;
|
|||
|
}
|
|||
|
.gw-cell-in:before {
|
|||
|
content: '';
|
|||
|
display: inline-block;
|
|||
|
width: 7px;
|
|||
|
height: 5px;
|
|||
|
margin: 0 10px 0 3px;
|
|||
|
border: solid #aaa;
|
|||
|
border-width: 0 0 1px 1px;
|
|||
|
position: relative;
|
|||
|
top: -3px;
|
|||
|
}
|
|||
|
.gw-actions-cell {
|
|||
|
text-align: right;
|
|||
|
}
|
|||
|
.table-responsive + .gw-table-buttons {
|
|||
|
text-align: right;
|
|||
|
margin-top: -10px;
|
|||
|
}
|
|||
|
.gw-no-tme-link {
|
|||
|
color: #999;
|
|||
|
font-style: italic;
|
|||
|
}
|
|||
|
.gw-cell-title {
|
|||
|
font-weight: 500;
|
|||
|
position: relative;
|
|||
|
}
|
|||
|
.gw-cell-title small {
|
|||
|
font-weight: normal;
|
|||
|
}
|
|||
|
.gw-cell-title:before {
|
|||
|
content: '';
|
|||
|
display: inline-block;
|
|||
|
width: 18px;
|
|||
|
height: 18px;
|
|||
|
position: absolute;
|
|||
|
left: -1px;
|
|||
|
top: 0;
|
|||
|
bottom: 0;
|
|||
|
margin: auto 0;
|
|||
|
background: no-repeat center;
|
|||
|
vertical-align: top;
|
|||
|
}
|
|||
|
.gw-trg-type-channel,
|
|||
|
.gw-trg-type-user {
|
|||
|
padding-left: 24px;
|
|||
|
}
|
|||
|
.gw-trg-type-channel:before {
|
|||
|
background-image: url('data:image/svg+xml,%3Csvg%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20width%3D%2218%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22%232b2b2b%22%20fill-rule%3D%22evenodd%22%20transform%3D%22translate%283.458333%203.1%29%22%3E%3Cpath%20d%3D%22m5.63440563%208.41900715c.18122799.13380093.27821672.23130757.29096617.2925199.16170465.77637223.28614371%201.36689315.37331718%201.77156285.07302837.714301-.13328013%201.3656614-.71812815%201.4548542-.02032837.0031002-.04072561.0054849-.06116637.007151l-.11404724.0092959c-.6083177.0495837-1.17671311-.3722919-1.42086282-1.0545958-.63511857-.99762307-1.04192305-1.74584039-1.22041346-2.24465193-.01877709-.05247469.04251827-.13118673.18388606-.23613612z%22%2F%3E%3Cpath%20d%3D%22m1.68049661%203.0657047h3.56120266c.33092541%200%20.59919346.26826805.59919346.59919347v3.38191754c0%20.33092541-.26826805.59919347-.59919346.59919347h-2.05354032-1.50766234c-.92811265%200-1.68049661-.75238396-1.68049661-1.68049661v-1.21931126c0-.92811265.75238396-1.68049661%201.68049661-1.68049661z%22%2F%3E%3Cpath%20d%3D%22m7.07713151%202.6682752%202.37366571-1.58094715c.48278821-.32155439%201.13483668-.19084856%201.45639108.29193964.1148593.17245206.176145.37502444.176145.58222573v6.40921073c0%20.5800704-.4702399%201.05031038-1.0503103%201.05031038-.18634134%200-.36932798-.04957473-.5301857-.14363785l-2.38407373-1.3941105c-.2577034-.15069459-.41609978-.42680846-.41609978-.72533802v-3.79032067c0-.28106969.14053554-.54352501.37446772-.69933229z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
|
|||
|
}
|
|||
|
.gw-trg-type-user:before {
|
|||
|
background-image: url('data:image/svg+xml,%3Csvg%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20width%3D%2218%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22%232b2b2b%22%20transform%3D%22translate%282%205%29%22%3E%3Cpath%20d%3D%22m10.0980038%204.4494382c1.023%200%201.8426325-.73775281%201.8426325-1.65168539%200-.91393259-.8196325-1.65168539-1.8426325-1.65168539-1.02300007%200-1.84879527.7377528-1.84879527%201.65168539%200%20.91393258.8257952%201.65168539%201.84879527%201.65168539z%22%2F%3E%3Cpath%20d%3D%22m4.79136758%204.24719101c1.22760003%200%202.21115909-.94853932%202.21115909-2.1235955s-.98355906-2.12359551-2.21115909-2.12359551-2.21855427.94853933-2.21855427%202.12359551.99095424%202.1235955%202.21855427%202.1235955z%22%2F%3E%3Cpath%20d%3D%22m4.67580854%205.15730337c-1.55637627%200-4.67580854.73617978-4.67580854%202.20224719v.72359551c0%20.34606741.53384798.8494382.90123294.8494382h7.7824115c.36738495%200%20.66797265-.28314607.66797265-.62921348v-.94382023c0-1.46606741-3.11943227-2.20224719-4.67580855-2.20224719z%22%2F%3E%3Cpath%20d%3D%22m9.89326728%205.46067416c-.17013607%200-.36373919.01179775-.56907582.02949438.01173352.00589888.01760028.01769663.02346704.0235955.6688108.48960675%201.3783801%201.14438203%201.3783801%202.01151686v.88483146c0%20.20646067-.0410674.40702247-.1056017.58988764h2.5714048c.3226719%200%20.8081583-.48865017.8081583-.81308837v-.66163073c0-1.3744382-2.7397774-2.06460674-4.10673272-2.06460674z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
|
|||
|
}
|
|||
|
.gw-table-settings {
|
|||
|
display: inline-block;
|
|||
|
vertical-align: top;
|
|||
|
width: 18px;
|
|||
|
height: 18px;
|
|||
|
background: url('data:image/svg+xml,%3Csvg%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20width%3D%2218%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m9.43%204c.47%200%20.86.36.93.84.03.25.07.46.11.64.01.04.08.09.2.16l.05.03.06.03.07.04.07.03.08.03.08.04.09.04c.02%200%20.03.01.05.02.13-.05.27-.1.43-.16l.14-.06c.43-.18.93%200%201.16.42l.42.77c.23.41.15.92-.19%201.23l-.11.11-.25.23-.09.08-.12.11c-.01.01-.02.03-.03.04v.05l-.01.08c-.01.07-.02.14-.02.19v.07c0%20.14.01.23.05.26l.34.33.25.26c.31.3.39.78.19%201.17l-.02.04-.43.79-.02.03c-.24.4-.72.57-1.15.39l-.06-.02-.13-.06-.11-.04-.11-.04-.11-.04-.1-.04c-.01%200-.03-.01-.04-.01s-.01%200-.02%200l-.08.04-.07.03c-.03.02-.05.03-.07.04l-.06.04c-.17.09-.26.18-.28.24l-.04.19-.15.6c-.1.42-.46.72-.87.74h-.04-.83c-.41%200-.77-.27-.9-.68l-.04-.14-.04-.14-.02-.07-.04-.13-.03-.12-.03-.11c-.01-.04-.02-.08-.03-.11%200-.01%200-.01%200-.02l-.08-.05-.06-.05-.07-.05-.06-.04-.05-.03-.03-.02-.05-.03-.04-.02c-.01-.01-.02-.01-.03-.01l-.03-.02-.04-.02c-.04-.01-.07-.02-.1-.01l-.1.04-.12.04-.12.04-.14.05-.14.06c-.41.16-.88-.01-1.12-.4l-.02-.04-.43-.78c-.23-.41-.15-.92.19-1.23l.21-.2.09-.09.1-.09.12-.12c.01-.01.02-.02.04-.04.03-.03.04-.1.04-.21v-.06c0-.03-.01-.08-.01-.12l-.01-.07-.01-.08-.01-.08-.02-.09-.02-.1c-.13-.12-.28-.26-.47-.42-.36-.29-.47-.81-.26-1.23l.02-.03.44-.79c.21-.39.66-.58%201.08-.45l.32.1.28.09c.02.01.04.01.07.02.01.01.03.01.05.01.13-.06.24-.11.33-.15.07-.05.16-.13.26-.21l.18-.75c.1-.44.48-.75.91-.75zm-.43%203.2c-.93%200-1.69.81-1.69%201.8s.76%201.8%201.69%201.8%201.69-.81%201.69-1.8-.76-1.8-1.69-1.8z%22%20fill%3D%22%232b2b2b%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E') no-repeat top;
|
|||
|
transform: scale(1.333);
|
|||
|
cursor: pointer;
|
|||
|
}
|
|||
|
.gw-table-actions {
|
|||
|
display: inline-block;
|
|||
|
vertical-align: top;
|
|||
|
width: 18px;
|
|||
|
height: 18px;
|
|||
|
background: 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%22%232b2b2b%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2216.7%22%20r%3D%221.6%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%221.6%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%227.3%22%20r%3D%221.6%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat top;
|
|||
|
background-size: contain;
|
|||
|
transform: scale(1.333);
|
|||
|
cursor: pointer;
|
|||
|
}
|
|||
|
|
|||
|
a.gw-acc-link:hover {
|
|||
|
text-decoration: none;
|
|||
|
}
|
|||
|
a.gw-acc-link:hover .gw-acc-name {
|
|||
|
text-decoration: underline;
|
|||
|
}
|
|||
|
.gw-acc-full-name {
|
|||
|
font-weight: normal;
|
|||
|
color: #222;
|
|||
|
}
|
|||
|
.gw-acc-full-name:before {
|
|||
|
content: '/ ';
|
|||
|
-webkit-font-smoothing: antialiased;
|
|||
|
font-weight: normal;
|
|||
|
padding: 0 2px;
|
|||
|
color: #a8a8a8;
|
|||
|
}
|
|||
|
|
|||
|
.ad-declined,
|
|||
|
a.ad-declined:hover,
|
|||
|
a.ad-declined:focus {
|
|||
|
color: #d75959;
|
|||
|
}
|
|||
|
|
|||
|
.gw-load-more-wrap {
|
|||
|
font-size: 14px;
|
|||
|
line-height: 22px;
|
|||
|
font-weight: 500;
|
|||
|
padding: 0 15px 10px;
|
|||
|
text-align: center;
|
|||
|
}
|
|||
|
.gw-load-more {
|
|||
|
display: inline-block;
|
|||
|
cursor: pointer;
|
|||
|
text-transform: uppercase;
|
|||
|
color: #999;
|
|||
|
}
|
|||
|
|
|||
|
.gw-radio-buttons {
|
|||
|
display: flex;
|
|||
|
flex-wrap: nowrap;
|
|||
|
justify-content: space-between;
|
|||
|
padding: 0;
|
|||
|
margin: 0;
|
|||
|
border: 0;
|
|||
|
min-width: 0;
|
|||
|
}
|
|||
|
.gw-radio-buttons {
|
|||
|
padding: 4px 0;
|
|||
|
margin: 0 -6px;
|
|||
|
border: 0;
|
|||
|
min-width: 0;
|
|||
|
}
|
|||
|
.gw-radio-button {
|
|||
|
display: block;
|
|||
|
margin: 0 6px;
|
|||
|
flex: 1;
|
|||
|
position: relative;
|
|||
|
overflow: hidden;
|
|||
|
cursor: pointer;
|
|||
|
}
|
|||
|
.gw-radio-button > input.radio {
|
|||
|
position: absolute;
|
|||
|
top: -100px;
|
|||
|
}
|
|||
|
.gw-radio-button > .gw-radio-btn {
|
|||
|
display: block;
|
|||
|
width: 100%;
|
|||
|
font-size: 14px;
|
|||
|
line-height: 20px;
|
|||
|
font-weight: 600;
|
|||
|
-webkit-font-smoothing: antialiased;
|
|||
|
padding: 6px 15px;
|
|||
|
box-shadow: inset 0 0 0 1px #d9d9d9;
|
|||
|
background-color: transparent;
|
|||
|
transition: all .2s ease;
|
|||
|
text-transform: none;
|
|||
|
color: var(--text-color);
|
|||
|
border-radius: 6px;
|
|||
|
pointer-events: none;
|
|||
|
}
|
|||
|
.gw-radio-button > .gw-radio-btn:active:hover {
|
|||
|
box-shadow: inset 0 0 0 1px #d9d9d9;
|
|||
|
}
|
|||
|
.gw-radio-button > input.radio:checked ~ .gw-radio-btn {
|
|||
|
box-shadow: inset 0 0 0 1px var(--accent-color);
|
|||
|
background-color: var(--accent-color);
|
|||
|
color: #fff;
|
|||
|
}
|
|||
|
.gw-radio-buttons[disabled] .gw-radio-button > .gw-radio-btn,
|
|||
|
.gw-radio-button > .gw-radio-btn[disabled] {
|
|||
|
opacity: 1;
|
|||
|
color: rgb(255, 255, 255, 0.6);
|
|||
|
}
|
|||
|
|
|||
|
.gw-pagination {
|
|||
|
padding: 0 15px;
|
|||
|
}
|
|||
|
@media (min-width: 768px) {
|
|||
|
.gw-pagination {
|
|||
|
padding: 0 3px;
|
|||
|
}
|
|||
|
}
|
|||
|
.table-responsive + .gw-pagination .pagination {
|
|||
|
margin-top: 10px;
|
|||
|
}
|
|||
|
.gw-pagination .pagination > li > a,
|
|||
|
.gw-pagination .pagination > li > span {
|
|||
|
font-size: 13px;
|
|||
|
line-height: 15px;
|
|||
|
font-weight: 500;
|
|||
|
padding: 5px 12px;
|
|||
|
border-radius: 16px;
|
|||
|
color: var(--link-color);
|
|||
|
border: none;
|
|||
|
}
|
|||
|
.gw-pagination .pagination > li {
|
|||
|
display: inline-block;
|
|||
|
}
|
|||
|
.gw-pagination .pagination > li + li {
|
|||
|
margin-left: 4px;
|
|||
|
}
|
|||
|
.gw-pagination .pagination > li > a:hover,
|
|||
|
.gw-pagination .pagination > li > a:focus {
|
|||
|
background-color: #f0f6fa;
|
|||
|
text-decoration: none;
|
|||
|
}
|
|||
|
.gw-pagination .pagination > .active > a,
|
|||
|
.gw-pagination .pagination > .active > span,
|
|||
|
.gw-pagination .pagination > .active > a:hover,
|
|||
|
.gw-pagination .pagination > .active > span:hover,
|
|||
|
.gw-pagination .pagination > .active > a:focus,
|
|||
|
.gw-pagination .pagination > .active > span:focus {
|
|||
|
color: #fff;
|
|||
|
background-color: var(--accent-color);
|
|||
|
border-color: var(--accent-color);
|
|||
|
}
|
|||
|
.gw-pagination .pagination > .disabled > a,
|
|||
|
.gw-pagination .pagination > .disabled > span {
|
|||
|
color: #999;
|
|||
|
cursor: default;
|
|||
|
padding: 5px 7px;
|
|||
|
}
|
|||
|
|
|||
|
.gw-review-list {
|
|||
|
padding: 5px 0;
|
|||
|
}
|
|||
|
.gw-review-list .gw-load-more-wrap {
|
|||
|
padding: 25px 15px;
|
|||
|
}
|
|||
|
.gw-review-targets-list {
|
|||
|
padding: 18px 0;
|
|||
|
}
|
|||
|
.gw-page-header-block,
|
|||
|
.gw-review-header-block {
|
|||
|
display: flex;
|
|||
|
align-items: center;
|
|||
|
line-height: 22px;
|
|||
|
justify-content: space-between;
|
|||
|
flex-direction: row-reverse;
|
|||
|
flex-wrap: wrap;
|
|||
|
}
|
|||
|
.gw-review-header-block {
|
|||
|
line-height: 19px;
|
|||
|
}
|
|||
|
.gw-page-header-block .gw-page-header-wrap,
|
|||
|
.gw-review-header-wrap {
|
|||
|
display: flex;
|
|||
|
padding: 10px 13px;
|
|||
|
justify-content: flex-start;
|
|||
|
flex-grow: 100000;
|
|||
|
order: 2;
|
|||
|
}
|
|||
|
.gw-review-header-wrap {
|
|||
|
padding: 5px 13px 4px;
|
|||
|
}
|
|||
|
.gw-page-header-block .gw-page-header-wrap > .gw-page-header {
|
|||
|
padding: 0px;
|
|||
|
flex-grow: 0;
|
|||
|
}
|
|||
|
.gw-review-header-tabs {
|
|||
|
display: flex;
|
|||
|
font-size: 15px;
|
|||
|
font-weight: 600;
|
|||
|
padding: 15px 15px 5px;
|
|||
|
-webkit-font-smoothing: antialiased;
|
|||
|
flex-grow: 1;
|
|||
|
order: 1;
|
|||
|
}
|
|||
|
.gw-review-header {
|
|||
|
font-size: 14px;
|
|||
|
line-height: 20px;
|
|||
|
font-weight: bold;
|
|||
|
-webkit-font-smoothing: antialiased;
|
|||
|
margin: 0;
|
|||
|
}
|
|||
|
.gw-page-header-dd,
|
|||
|
.gw-review-header-dd {
|
|||
|
margin-left: 8px;
|
|||
|
}
|
|||
|
.gw-page-header-dd .gw-dropdown-label,
|
|||
|
.gw-review-header-dd .gw-dropdown-label {
|
|||
|
font-size: 14px;
|
|||
|
line-height: 20px;
|
|||
|
}
|
|||
|
.gw-page-header-dd span.dropdown-menu,
|
|||
|
.gw-review-header-dd span.dropdown-menu {
|
|||
|
left: -15px;
|
|||
|
right: auto;
|
|||
|
}
|
|||
|
.gw-review-header-tab-wrap.active .gw-review-header-tab {
|
|||
|
color: inherit;
|
|||
|
pointer-events: none;
|
|||
|
}
|
|||
|
|
|||
|
.gw-review-ad,
|
|||
|
.gw-review-target {
|
|||
|
display: flex;
|
|||
|
width: 100%;
|
|||
|
flex-wrap: wrap;
|
|||
|
justify-content: space-between;
|
|||
|
padding: 10px 15px;
|
|||
|
}
|
|||
|
.gw-review-list .gw-review-target {
|
|||
|
border-top: 1px solid #eaeaea;
|
|||
|
}
|
|||
|
.gw-review-ad-empty {
|
|||
|
padding: 60px 35px;
|
|||
|
font-size: 16px;
|
|||
|
color: #70767b;
|
|||
|
text-align: center;
|
|||
|
}
|
|||
|
.gw-review-ad-preview {
|
|||
|
flex-grow: 1;
|
|||
|
width: 100%;
|
|||
|
position: relative;
|
|||
|
|
|||
|
font-family: 'Roboto', sans-serif;
|
|||
|
font-size: 16px;
|
|||
|
}
|
|||
|
.gw-review-ad-preview * {
|
|||
|
box-sizing: content-box;
|
|||
|
}
|
|||
|
.gw-review-ad-preview .tgme_widget_message {
|
|||
|
width: 100%;
|
|||
|
}
|
|||
|
.gw-review-ad-preview .tgme_widget_message_bubble_logo {
|
|||
|
display: none;
|
|||
|
}
|
|||
|
.gw-review-ad-preview-status {
|
|||
|
position: relative;
|
|||
|
float: right;
|
|||
|
z-index: 1;
|
|||
|
right: -1px;
|
|||
|
top: -1px;
|
|||
|
margin: 0 0 5px 5px;
|
|||
|
}
|
|||
|
.gw-ad-info-label > .ad-status,
|
|||
|
.gw-ad-info-label > .ad-reports-badge {
|
|||
|
display: inline-block;
|
|||
|
vertical-align: top;
|
|||
|
padding: 2px 6px;
|
|||
|
font-size: 11px;
|
|||
|
line-height: 15px;
|
|||
|
font-weight: bold;
|
|||
|
border-radius: 4px;
|
|||
|
margin-left: 2px;
|
|||
|
}
|
|||
|
.gw-ad-info-label > .ad-status:hover,
|
|||
|
.gw-ad-info-label > .ad-reports-badge:hover {
|
|||
|
text-decoration: none;
|
|||
|
}
|
|||
|
.gw-review-ad-preview-status > .ad-status {
|
|||
|
display: inline-block;
|
|||
|
vertical-align: top;
|
|||
|
padding: 2px 9px;
|
|||
|
font-size: 12px;
|
|||
|
line-height: 16px;
|
|||
|
font-weight: bold;
|
|||
|
border-radius: 0 10px 0 10px;
|
|||
|
}
|
|||
|
.gw-review-ad-preview-status > a.ad-status:hover {
|
|||
|
text-decoration: none;
|
|||
|
}
|
|||
|
.gw-ad-status-colored .ad-status.ad-in-review,
|
|||
|
.gw-ad-info-label > .ad-reports-badge {
|
|||
|
color: #e67f0b !important;
|
|||
|
background-color: #fdf0e2;
|
|||
|
}
|
|||
|
.gw-ad-status-colored .ad-status.ad-stopped {
|
|||
|
display: none;
|
|||
|
}
|
|||
|
.gw-review-similar-status .ad-approved,
|
|||
|
.gw-ad-status-colored .ad-status.ad-approved {
|
|||
|
color: #27931e !important;
|
|||
|
background-color: #e0efde;
|
|||
|
}
|
|||
|
.gw-review-similar-status .ad-declined,
|
|||
|
.gw-ad-status-colored .ad-status.ad-declined {
|
|||
|
color: #cc3f3f !important;
|
|||
|
background-color: #f5d8d8;
|
|||
|
}
|
|||
|
.gw-review-target-overview {
|
|||
|
padding: 10px 0 0;
|
|||
|
}
|
|||
|
.gw-review-ad-content {
|
|||
|
width: 100%;
|
|||
|
}
|
|||
|
.gw-review-ad-adv-info {
|
|||
|
margin: 5px 0 -5px;
|
|||
|
}
|
|||
|
.gw-review-ad-adv-text {
|
|||
|
font-size: 12px;
|
|||
|
line-height: 14px;
|
|||
|
color: #8a8a8a;
|
|||
|
}
|
|||
|
.gw-review-ad-adv-text + .gw-review-ad-adv-text {
|
|||
|
margin-top: 4px;
|
|||
|
}
|
|||
|
.gw-review-ad-info {
|
|||
|
--line-height: 20px;
|
|||
|
line-height: var(--line-height);
|
|||
|
padding: 0 0 14px;
|
|||
|
max-width: 100%;
|
|||
|
}
|
|||
|
.gw-review-preview-column,
|
|||
|
.gw-review-content-column,
|
|||
|
.gw-review-target-content-column,
|
|||
|
.gw-review-target-actions-column {
|
|||
|
flex-grow: 1;
|
|||
|
flex-basis: 100%;
|
|||
|
padding: 5px 0;
|
|||
|
}
|
|||
|
.gw-review-preview-column .gw-review-ad-info {
|
|||
|
padding-bottom: 16px;
|
|||
|
}
|
|||
|
.gw-review-target-content-column .gw-review-channel-post {
|
|||
|
padding: 6px 0 16px;
|
|||
|
}
|
|||
|
.gw-review-ad-info .gw-ad-info-row {
|
|||
|
font-size: 14px;
|
|||
|
line-height: 22px;
|
|||
|
padding: 7px 15px 7px 50px;
|
|||
|
margin-left: -16px;
|
|||
|
position: relative;
|
|||
|
}
|
|||
|
.gw-review-ad-info .gw-ad-info-row:before {
|
|||
|
content: '';
|
|||
|
position: absolute;
|
|||
|
left: 0;
|
|||
|
top: 0;
|
|||
|
bottom: 0;
|
|||
|
margin: auto 12px;
|
|||
|
display: inline-block;
|
|||
|
vertical-align: top;
|
|||
|
background-repeat: no-repeat;
|
|||
|
width: 24px;
|
|||
|
height: 24px;
|
|||
|
}
|
|||
|
.info-row-link-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%23222%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.2%22%20transform%3D%22matrix%28.70710678%20-.70710678%20.70710678%20.70710678%202.489414%2014.595082%29%22%3E%3Cpath%20d%3D%22m7.01%200h-2.12c-2.7%200-4.89%202.19-4.89%204.89s2.19%204.89%204.89%204.89h2.12%22%2F%3E%3Cpath%20d%3D%22m10.1%200h2.12c2.7%200%204.89%202.19%204.89%204.89s-2.19%204.89-4.89%204.89h-2.12%22%2F%3E%3Cpath%20d%3D%22m5.75%204.89h5.61%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
|
|||
|
}
|
|||
|
.info-row-owner-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%23222%22%20stroke-width%3D%221.2%22%20transform%3D%22translate%282.56%202.56%29%22%3E%3Ccircle%20cx%3D%229.44%22%20cy%3D%227.78%22%20r%3D%223.01%22%2F%3E%3Ccircle%20cx%3D%229.44%22%20cy%3D%229.44%22%20r%3D%228.84%22%2F%3E%3Cpath%20d%3D%22m4.31%2016.53c0-1.77%201.43-3.2%203.19-3.2h3.95c1.76%200%203.19%201.43%203.19%203.2%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
|
|||
|
}
|
|||
|
.info-row-date-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%23222%22%20stroke-width%3D%221.2%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%227.94%22%2F%3E%3Cpath%20d%3D%22m12%207.99v4.41c0%20.12.1.21.21.21h3.86%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
|
|||
|
}
|
|||
|
.gw-review-ad-info .gw-ad-info-label {
|
|||
|
font-size: 13px;
|
|||
|
font-weight: 600;
|
|||
|
-webkit-font-smoothing: antialiased;
|
|||
|
}
|
|||
|
.gw-review-ad-info .ad-owner-value-wrap {
|
|||
|
padding: 16px 0 0;
|
|||
|
}
|
|||
|
.gw-review-ad-info .ad-owner-value {
|
|||
|
margin: -2px 0;
|
|||
|
}
|
|||
|
.ad-owner-value-wrap .ad-owner-name {
|
|||
|
font-weight: 500;
|
|||
|
line-height: 20px;
|
|||
|
-webkit-font-smoothing: antialiased;
|
|||
|
}
|
|||
|
.ad-owner-name .verified-icon {
|
|||
|
vertical-align: -2px;
|
|||
|
margin-left: 6px;
|
|||
|
}
|
|||
|
.ad-owner-value-wrap .ad-owner-date {
|
|||
|
font-size: 14px;
|
|||
|
line-height: 20px;
|
|||
|
color: #8a8a8a;
|
|||
|
}
|
|||
|
.gw-ad-info-value > .ad-owner-date {
|
|||
|
font-size: 12px;
|
|||
|
line-height: 20px;
|
|||
|
color: #8a8a8a;
|
|||
|
}
|
|||
|
.gw-review-ad-info .gw-ad-info-value {
|
|||
|
font-size: 14px;
|
|||
|
}
|
|||
|
.gw-review-ad-info-multi .gw-review-ad-info + .gw-review-ad-info {
|
|||
|
margin-left: 14px;
|
|||
|
}
|
|||
|
.gw-review-ad-info-multi .gw-review-ad-info .gw-ad-info-value {
|
|||
|
text-overflow: ellipsis;
|
|||
|
white-space: nowrap;
|
|||
|
overflow: hidden;
|
|||
|
}
|
|||
|
.gw-review-target-content .ad-owner-photo {
|
|||
|
width: 50px;
|
|||
|
height: 50px;
|
|||
|
border-radius: 25px;
|
|||
|
}
|
|||
|
.gw-review-target-content .ad-owner-value-wrap {
|
|||
|
padding: 0 0 16px;
|
|||
|
}
|
|||
|
.gw-review-target-content .ad-owner-value {
|
|||
|
padding: 5px 0;
|
|||
|
}
|
|||
|
.gw-ad-info-value .included.a,
|
|||
|
.gw-ad-info-value .excluded.a {
|
|||
|
color: var(--link-color);
|
|||
|
}
|
|||
|
.gw-ad-info-value .excluded,
|
|||
|
.gw-ad-info-value .excluded a {
|
|||
|
/*color: #d75959;*/
|
|||
|
}
|
|||
|
.gw-ad-info-value .included:before,
|
|||
|
.gw-ad-info-value .excluded:before {
|
|||
|
width: 12px;
|
|||
|
padding-right: 3px;
|
|||
|
display: inline-block;
|
|||
|
text-align: center;
|
|||
|
}
|
|||
|
.gw-ad-info-value .included:before {
|
|||
|
content: '+';
|
|||
|
}
|
|||
|
.gw-ad-info-value .excluded:before {
|
|||
|
content: '–';
|
|||
|
}
|
|||
|
.gw-review-ad-info-multi {
|
|||
|
display: flex;
|
|||
|
}
|
|||
|
.gw-review-ad-info-multi > .gw-review-ad-info {
|
|||
|
flex-basis: 33%;
|
|||
|
flex-grow: 1;
|
|||
|
}
|
|||
|
.gw-review-ad-info-multi > .gw-review-ad-info.large {
|
|||
|
flex-basis: 66%;
|
|||
|
}
|
|||
|
.gw-review-ad-info-multi > .gw-review-ad-info.large.half {
|
|||
|
max-width: 66%;
|
|||
|
}
|
|||
|
.gw-review-ad-status {
|
|||
|
padding: 5px 0;
|
|||
|
font-weight: 600;
|
|||
|
-webkit-font-smoothing: antialiased;
|
|||
|
}
|
|||
|
.gw-status-approved {
|
|||
|
color: #249106;
|
|||
|
}
|
|||
|
.gw-status-declined {
|
|||
|
color: #d75959;
|
|||
|
}
|
|||
|
.gw-review-owner-actions {
|
|||
|
font-size: 14px;
|
|||
|
font-weight: 500;
|
|||
|
-webkit-font-smoothing: antialiased;
|
|||
|
display: flex;
|
|||
|
flex-wrap: wrap;
|
|||
|
width: 100%;
|
|||
|
}
|
|||
|
.gw-ad-info-value > .gw-review-owner-actions {
|
|||
|
margin: 10px 0 0;
|
|||
|
}
|
|||
|
.ad-owner-value-wrap .gw-review-owner-actions {
|
|||
|
margin: 15px 0 -5px;
|
|||
|
}
|
|||
|
.gw-review-owner-action + .gw-review-owner-action {
|
|||
|
margin-left: 20px;
|
|||
|
position: relative;
|
|||
|
}
|
|||
|
.gw-review-owner-action + .gw-review-owner-action:before {
|
|||
|
display: inline-block;
|
|||
|
content: '';
|
|||
|
width: 4px;
|
|||
|
height: 4px;
|
|||
|
border-radius: 2px;
|
|||
|
background-color: #c0cbd2;
|
|||
|
position: absolute;
|
|||
|
left: -12px;
|
|||
|
top: 9px;
|
|||
|
}
|
|||
|
.gw-review-ad-preview-actions {
|
|||
|
font-size: 14px;
|
|||
|
font-weight: 500;
|
|||
|
-webkit-font-smoothing: antialiased;
|
|||
|
text-align: center;
|
|||
|
margin: 10px 0 0 45px;
|
|||
|
}
|
|||
|
.gw-review-ad-preview-actions a {
|
|||
|
cursor: pointer;
|
|||
|
}
|
|||
|
.gw-translating-ad {
|
|||
|
color: #808080;
|
|||
|
}
|
|||
|
.gw-review-ad-preview-translated,
|
|||
|
.gw-review-ad-preview-original .gw-translating-ad,
|
|||
|
.ad-translating .gw-review-ad-preview-original .gw-translate-ad {
|
|||
|
display: none;
|
|||
|
}
|
|||
|
.ad-translating .gw-review-ad-preview-original .gw-translating-ad {
|
|||
|
display: none;
|
|||
|
}
|
|||
|
.ad-translated .gw-review-ad-preview-original {
|
|||
|
display: none;
|
|||
|
}
|
|||
|
.ad-translated .gw-review-ad-preview-translated,
|
|||
|
.ad-translating .gw-review-ad-preview-original .gw-translating-ad {
|
|||
|
display: block;
|
|||
|
}
|
|||
|
.gw-review-ad-buttons {
|
|||
|
padding: 10px 0;
|
|||
|
display: flex;
|
|||
|
flex-wrap: wrap;
|
|||
|
width: 100%;
|
|||
|
}
|
|||
|
.gw-review-ad-buttons:empty {
|
|||
|
padding: 0;
|
|||
|
}
|
|||
|
.gw-review-ad-buttons .btn {
|
|||
|
padding: 9px 15px;
|
|||
|
}
|
|||
|
.gw-review-ad-buttons .gw-btn.gw-btn-selected {
|
|||
|
color: var(--accent-color);
|
|||
|
background: #fff;
|
|||
|
box-shadow: inset 0 0 0 1px var(--accent-color);
|
|||
|
}
|
|||
|
.gw-review-ad-buttons .gw-btn.gw-btn-disabled {
|
|||
|
cursor: default;
|
|||
|
}
|
|||
|
.gw-review-ad-buttons .gw-del-btn.gw-btn-selected {
|
|||
|
color: #d75959;
|
|||
|
box-shadow: inset 0 0 0 1px #d75959;
|
|||
|
}
|
|||
|
.gw-review-ad-buttons .review-btn {
|
|||
|
flex-grow: 1;
|
|||
|
flex-shrink: 1;
|
|||
|
max-width: calc(50% - 7px);
|
|||
|
}
|
|||
|
.gw-review-ad-buttons .gw-approve-button {
|
|||
|
margin-right: 5px;
|
|||
|
padding-left: 20px;
|
|||
|
padding-right: 20px;
|
|||
|
}
|
|||
|
.gw-review-ad-buttons .gw-decline-buttons {
|
|||
|
display: flex;
|
|||
|
flex-wrap: nowrap;
|
|||
|
justify-content: space-between;
|
|||
|
padding: 5px 0;
|
|||
|
flex-grow: 1;
|
|||
|
width: 1px;
|
|||
|
}
|
|||
|
.gw-decline-block-actions .gw-decline-block-btn,
|
|||
|
.gw-review-ad-buttons .gw-decline-buttons .gw-decl-btn {
|
|||
|
font-size: 12px;
|
|||
|
line-height: 16px;
|
|||
|
padding: 6px 8px;
|
|||
|
font-weight: 500;
|
|||
|
color: var(--text-color);
|
|||
|
background-color: #fff;
|
|||
|
box-shadow: inset 0 0 0 1px rgba(0,0,0,.14);
|
|||
|
transition: all .2s ease;
|
|||
|
}
|
|||
|
.gw-review-ad-buttons .gw-decline-buttons .gw-decl-btn:hover {
|
|||
|
color: #cc3f3f;
|
|||
|
background-color: rgba(204, 63, 63, .2);
|
|||
|
box-shadow: inset 0 0 0 0 rgba(0,0,0,.14);
|
|||
|
}
|
|||
|
.gw-decline-block-actions .gw-decline-block-btn {
|
|||
|
margin: 7px 0 2px;
|
|||
|
}
|
|||
|
.gw-decline-block-actions .gw-decline-block-btn:hover {
|
|||
|
background-color: rgba(192, 192, 192, .2);
|
|||
|
}
|
|||
|
.gw-review-ad-buttons .gw-decline-buttons > .review-btn {
|
|||
|
flex-grow: 1;
|
|||
|
width: 1px;
|
|||
|
margin-left: 7px !important;
|
|||
|
}
|
|||
|
.gw-review-ad-buttons .gw-decline-buttons > .gw-dropdown-wrap {
|
|||
|
flex-grow: 0;
|
|||
|
width: 28px;
|
|||
|
}
|
|||
|
.gw-review-ad-buttons .gw-decline-buttons > .gw-dropdown-wrap .btn.dropdown-toggle:after {
|
|||
|
vertical-align: top;
|
|||
|
width: 13px;
|
|||
|
height: 16px;
|
|||
|
margin-left: 0;
|
|||
|
margin-right: -1px;
|
|||
|
background-position: center;
|
|||
|
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%23222%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');
|
|||
|
}
|
|||
|
.gw-review-ad-buttons .gw-decline-buttons > .gw-dropdown-wrap .btn.dropdown-toggle:hover: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%23cc3f3f%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');
|
|||
|
}
|
|||
|
.gw-review-ad-buttons .gw-decline-buttons > .review-btn .label {
|
|||
|
display: inline-block;
|
|||
|
width: 100%;
|
|||
|
overflow: hidden;
|
|||
|
vertical-align: top;
|
|||
|
text-overflow: ellipsis;
|
|||
|
}
|
|||
|
.gw-review-ad-buttons .review-block-btn {
|
|||
|
max-width: 100%;
|
|||
|
}
|
|||
|
.gw-review-ad-buttons .review-btn .btn {
|
|||
|
width: 100%;
|
|||
|
}
|
|||
|
.gw-review-ad-buttons .review-btn + .review-btn {
|
|||
|
margin-left: 14px;
|
|||
|
}
|
|||
|
.gw-review-ad-buttons .btn.dropdown-toggle {
|
|||
|
display: flex;
|
|||
|
justify-content: center;
|
|||
|
}
|
|||
|
.gw-review-ad-buttons .btn.dropdown-toggle .label {
|
|||
|
display: inline-block;
|
|||
|
text-overflow: ellipsis;
|
|||
|
overflow: hidden;
|
|||
|
}
|
|||
|
.gw-review-ad-buttons .btn.gw-btn-selected .label.sm {
|
|||
|
font-size: 12px;
|
|||
|
letter-spacing: -0.4px;
|
|||
|
}
|
|||
|
.gw-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');
|
|||
|
}
|
|||
|
.gw-review-ad-buttons .gw-del-btn.gw-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 .gw-review-ad-buttons .btn.dropdown-toggle:after {
|
|||
|
margin-right: 7px;
|
|||
|
margin-left: 0;
|
|||
|
}
|
|||
|
.gw-review-target-actions-column .gw-review-ad-buttons {
|
|||
|
padding: 6px 0;
|
|||
|
}
|
|||
|
@media screen and (min-width: 480px) {
|
|||
|
.gw-review-ad-preview {
|
|||
|
margin-left: 0;
|
|||
|
flex-grow: 0;
|
|||
|
}
|
|||
|
}
|
|||
|
@media screen and (min-width: 992px) {
|
|||
|
.gw-review-ad,
|
|||
|
.gw-review-target {
|
|||
|
padding-left: 0;
|
|||
|
padding-right: 0;
|
|||
|
}
|
|||
|
.gw-review-preview-column,
|
|||
|
.gw-review-content-column,
|
|||
|
.gw-review-target-content-column,
|
|||
|
.gw-review-target-actions-column {
|
|||
|
flex-grow: 0;
|
|||
|
flex-basis: auto;
|
|||
|
}
|
|||
|
.gw-review-preview-column {
|
|||
|
width: 375px;
|
|||
|
}
|
|||
|
.gw-review-content-column {
|
|||
|
width: 410px;
|
|||
|
}
|
|||
|
.gw-review-target-content-column {
|
|||
|
width: 470px;
|
|||
|
padding-left: 10px;
|
|||
|
}
|
|||
|
.gw-review-target-actions-column {
|
|||
|
width: 345px;
|
|||
|
}
|
|||
|
.gw-review-ad-adv-info {
|
|||
|
padding-left: 45px;
|
|||
|
}
|
|||
|
.gw-review-preview-column .gw-review-ad-content {
|
|||
|
padding-left: 45px;
|
|||
|
}
|
|||
|
}
|
|||
|
|
|||
|
.gw-page-tabs {
|
|||
|
display: flex;
|
|||
|
padding: 17px 15px 0;
|
|||
|
flex-wrap: wrap;
|
|||
|
justify-content: flex-end;
|
|||
|
}
|
|||
|
.gw-page-tabs .gw-tabs {
|
|||
|
padding-top: 7px;
|
|||
|
flex-grow: 1;
|
|||
|
flex-shrink: 0;
|
|||
|
}
|
|||
|
.gw-page-tabs .gw-links {
|
|||
|
padding-top: 7px;
|
|||
|
flex-shrink: 0;
|
|||
|
}
|
|||
|
.gw-page-tabs .gw-link-btn {
|
|||
|
line-height: 16px;
|
|||
|
margin: 6px 14px 5px;
|
|||
|
}
|
|||
|
.gw-page-tabs + .gw-form {
|
|||
|
padding-top: 16px;
|
|||
|
}
|
|||
|
@media (min-width: 768px) {
|
|||
|
.gw-page-tabs {
|
|||
|
padding: 24px 0 0;
|
|||
|
flex-direction: row;
|
|||
|
}
|
|||
|
.gw-page-tabs .gw-links {
|
|||
|
margin-top: 0;
|
|||
|
}
|
|||
|
}
|
|||
|
.gw-page-tabs .gw-links .gw-link-btn {
|
|||
|
font-weight: normal;
|
|||
|
}
|
|||
|
.gw-tabs > li+li {
|
|||
|
margin-left: 4px;
|
|||
|
}
|
|||
|
.gw-tabs > li > a,
|
|||
|
.gw-tabs > li > .gw-dropdown,
|
|||
|
.gw-radio-tab > .tab-label {
|
|||
|
display: inline-block;
|
|||
|
font-size: 14px;
|
|||
|
line-height: 16px;
|
|||
|
font-weight: 500;
|
|||
|
padding: 6px 14px 5px;
|
|||
|
transition: all .2s ease;
|
|||
|
border-radius: 16px;
|
|||
|
}
|
|||
|
.gw-radio-tab {
|
|||
|
color: var(--link-color);
|
|||
|
cursor: pointer;
|
|||
|
margin: 0;
|
|||
|
}
|
|||
|
.gw-tabs > li > a:hover,
|
|||
|
.gw-tabs > li > .gw-dropdown:hover,
|
|||
|
.gw-radio-tab > .tab-label:hover {
|
|||
|
background-color: #f0f6fa;
|
|||
|
}
|
|||
|
.gw-tabs li.active > a,
|
|||
|
.gw-tabs li.active > .gw-dropdown,
|
|||
|
.gw-radio-tab .radio-hidden:checked ~ .tab-label {
|
|||
|
background: var(--accent-color);
|
|||
|
color: #fff;
|
|||
|
}
|
|||
|
.gw-tabs li.active > .gw-dropdown .gw-dropdown-label {
|
|||
|
color: #fff;
|
|||
|
}
|
|||
|
.gw-tabs > li.gw-dropdown-wrap span.dropdown-menu {
|
|||
|
left: -2px;
|
|||
|
right: auto;
|
|||
|
}
|
|||
|
.gw-tabs li > .gw-dropdown .gw-dropdown-label:after {
|
|||
|
margin-right: -3px;
|
|||
|
}
|
|||
|
.gw-tabs li.active > .gw-dropdown .gw-dropdown-label: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%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');
|
|||
|
}
|
|||
|
|
|||
|
.deleted-title {
|
|||
|
color: #999;
|
|||
|
}
|
|||
|
|
|||
|
.gw-info-block,
|
|||
|
.gw-decline-block {
|
|||
|
position: relative;
|
|||
|
padding: 0 0 0 15px;
|
|||
|
margin: 0 15px;
|
|||
|
}
|
|||
|
.gw-decline-block {
|
|||
|
margin: 25px 13px 0px;
|
|||
|
transition: all .2s ease;
|
|||
|
}
|
|||
|
.gw-info-block:before,
|
|||
|
.gw-decline-block:before {
|
|||
|
content: '';
|
|||
|
position: absolute;
|
|||
|
left: 0;
|
|||
|
top: 0;
|
|||
|
bottom: 0;
|
|||
|
width: 2px;
|
|||
|
background-color: var(--accent-color);
|
|||
|
border-radius: 1px;
|
|||
|
box-shadow: 0 0 0 0.5px var(--accent-color);
|
|||
|
}
|
|||
|
.gw-decline-block:before {
|
|||
|
background-color: #d75959;
|
|||
|
box-shadow: 0 0 0 0.5px #d75959;
|
|||
|
}
|
|||
|
.gw-info-block-header,
|
|||
|
.gw-decline-block-header {
|
|||
|
color: var(--link-color);
|
|||
|
font-weight: 500;
|
|||
|
padding-bottom: 4px;
|
|||
|
}
|
|||
|
.gw-decline-block-header {
|
|||
|
color: #d75959;
|
|||
|
}
|
|||
|
.gw-decline-reason {
|
|||
|
font-weight: 500;
|
|||
|
}
|
|||
|
.gw-info-text,
|
|||
|
.gw-decline-reason,
|
|||
|
.gw-decline-reason-desc {
|
|||
|
font-size: 14px;
|
|||
|
}
|
|||
|
.gw-review-ad-content .gw-decline-block {
|
|||
|
margin: 10px 0 0;
|
|||
|
flex-basis: 100%;
|
|||
|
}
|
|||
|
.gw-review-ad-buttons .gw-decline-block {
|
|||
|
margin: 20px 0 0;
|
|||
|
flex-basis: 100%;
|
|||
|
}
|
|||
|
.gw-review-similar-status {
|
|||
|
margin-top: 10px;
|
|||
|
}
|
|||
|
.gw-review-similar-status .ad-similar-status {
|
|||
|
display: inline-block;
|
|||
|
vertical-align: top;
|
|||
|
padding: 5px 12px;
|
|||
|
font-size: 13px;
|
|||
|
line-height: 18px;
|
|||
|
font-weight: 500;
|
|||
|
-webkit-font-smoothing: antialiased;
|
|||
|
border-radius: 6px;
|
|||
|
}
|
|||
|
.gw-review-similar-column {
|
|||
|
padding: 15px 0;
|
|||
|
margin: 15px 0;
|
|||
|
/* border-top: 1px solid #dedede;*/
|
|||
|
/* border-bottom: 1px solid #dedede;*/
|
|||
|
border: 1px solid #dedede;
|
|||
|
border-radius: 12px;
|
|||
|
position: relative;
|
|||
|
flex-grow: 1;
|
|||
|
}
|
|||
|
.gw-review-similar-column:empty {
|
|||
|
display: none;
|
|||
|
}
|
|||
|
.gw-review-similar-column:before {
|
|||
|
content: '';
|
|||
|
position: absolute;
|
|||
|
display: inline-block;
|
|||
|
left: 50%;
|
|||
|
top: -10px;
|
|||
|
width: 27px;
|
|||
|
height: 10px;
|
|||
|
transform: translateX(-50%);
|
|||
|
background: url('data:image/svg+xml,%3Csvg%20height%3D%2210%22%20viewBox%3D%220%200%2027%2010%22%20width%3D%2227%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m0%2010h2.1c.71%200%201.38-.3%201.85-.82l6.08-6.71c.63-.69%201.48-1.08%202.35-1.14s1.77.2%202.49.8l8.75%207.29c.45.38%201.01.58%201.6.58h1.78%22%20fill%3D%22%23fff%22%20stroke%3D%22%23dedede%22%2F%3E%3C%2Fsvg%3E') no-repeat center;
|
|||
|
}
|
|||
|
@media (min-width: 992px) {
|
|||
|
.gw-review-similar-column {
|
|||
|
padding: 15px 15px;
|
|||
|
margin: 15px -15px;
|
|||
|
}
|
|||
|
.gw-review-similar-column:before {
|
|||
|
left: auto;
|
|||
|
right: 220px;
|
|||
|
transform: translateX(50%);
|
|||
|
}
|
|||
|
}
|
|||
|
.gw-review-ad-similar-buttons-wrap .gw-review-preview-column,
|
|||
|
.gw-review-ad-similar-buttons-wrap .gw-review-content-column,
|
|||
|
.gw-review-ad-similar-buttons-wrap .gw-review-ad-buttons {
|
|||
|
padding: 0;
|
|||
|
}
|
|||
|
|
|||
|
.gw-popup-account {
|
|||
|
display: block;
|
|||
|
margin: 15px 0;
|
|||
|
text-align: center;
|
|||
|
min-width: 240px;
|
|||
|
}
|
|||
|
a.gw-popup-account:hover {
|
|||
|
text-decoration: none;
|
|||
|
}
|
|||
|
.gw-popup-account-text {
|
|||
|
text-align: center;
|
|||
|
}
|
|||
|
.gw-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;
|
|||
|
}
|
|||
|
.gw-popup-account-photo img {
|
|||
|
position: absolute;
|
|||
|
top: 0;
|
|||
|
left: 0;
|
|||
|
width: 100%;
|
|||
|
}
|
|||
|
.gw-popup-account-photo .photo-char {
|
|||
|
font-size: 41px;
|
|||
|
vertical-align: middle;
|
|||
|
line-height: 77px;
|
|||
|
color: #999;
|
|||
|
}
|
|||
|
.gw-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;
|
|||
|
}
|
|||
|
.gw-popup-account-username {
|
|||
|
font-size: 14px;
|
|||
|
line-height: 21px;
|
|||
|
color: #808080;
|
|||
|
}
|
|||
|
|
|||
|
.gw-ad-media-wrap {
|
|||
|
padding: 1px 0 8px;
|
|||
|
}
|
|||
|
.gw-ad-media {
|
|||
|
position: relative;
|
|||
|
border-radius: 8px;
|
|||
|
padding-top: 56.25%;
|
|||
|
overflow: hidden;
|
|||
|
}
|
|||
|
.is-video .gw-ad-media {
|
|||
|
cursor: pointer;
|
|||
|
}
|
|||
|
.gw-ad-media .gw-ad-media-photo,
|
|||
|
.gw-ad-media .gw-ad-media-video {
|
|||
|
position: absolute;
|
|||
|
left: 0;
|
|||
|
right: 0;
|
|||
|
top: 0;
|
|||
|
bottom: 0;
|
|||
|
}
|
|||
|
.gw-ad-media-photo {
|
|||
|
background: no-repeat center;
|
|||
|
background-size: cover;
|
|||
|
}
|
|||
|
.gw-ad-media-video {
|
|||
|
width: 100%;
|
|||
|
height: 100%;
|
|||
|
object-fit: cover
|
|||
|
}
|
|||
|
.gw-ad-media-duration {
|
|||
|
position: absolute;
|
|||
|
left: 0;
|
|||
|
top: 0;
|
|||
|
font-size: 11px;
|
|||
|
line-height: 13px;
|
|||
|
padding: 3px 5px 2px;
|
|||
|
margin: 5px;
|
|||
|
border-radius: 6px;
|
|||
|
color: #fff;
|
|||
|
background-color: rgba(0, 0, 0, .35);
|
|||
|
transition: all ease .2s;
|
|||
|
pointer-events: none;
|
|||
|
}
|
|||
|
.gw-ad-media-play,
|
|||
|
.gw-ad-media-duration,
|
|||
|
.is-video .gw-ad-media-duration:empty,
|
|||
|
.is-video.is-playing .gw-ad-media-play,
|
|||
|
.is-video.file-loading .gw-ad-media-play,
|
|||
|
.is-video.file-loading .gw-ad-media-duration {
|
|||
|
opacity: 0;
|
|||
|
visibility: hidden;
|
|||
|
pointer-events: none;
|
|||
|
}
|
|||
|
.is-video .gw-ad-media-play,
|
|||
|
.is-video .gw-ad-media-duration {
|
|||
|
opacity: 1;
|
|||
|
visibility: visible;
|
|||
|
}
|
|||
|
.gw-ad-media-loader {
|
|||
|
position: absolute;
|
|||
|
left: 0;
|
|||
|
right: 0;
|
|||
|
top: 0;
|
|||
|
bottom: 0;
|
|||
|
margin: auto;
|
|||
|
}
|
|||
|
.gw-ad-media-play {
|
|||
|
position: absolute;
|
|||
|
left: 0;
|
|||
|
right: 0;
|
|||
|
top: 0;
|
|||
|
bottom: 0;
|
|||
|
width: 42px;
|
|||
|
height: 42px;
|
|||
|
margin: auto;
|
|||
|
border-radius: 21px;
|
|||
|
background-color: rgba(0, 0, 0, .35);
|
|||
|
transition: all ease .2s;
|
|||
|
cursor: pointer;
|
|||
|
}
|
|||
|
.gw-ad-media-play:before {
|
|||
|
content: '';
|
|||
|
display: inline-block;
|
|||
|
width: 24px;
|
|||
|
height: 24px;
|
|||
|
vertical-align: top;
|
|||
|
margin: 9px;
|
|||
|
background: 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%3Cpath%20d%3D%22m8.69%204.21%2011.07%206.65c.63.38.84%201.19.46%201.83-.11.18-.27.34-.46.45l-11.07%206.65c-.64.38-1.45.17-1.83-.46-.13-.21-.19-.44-.19-.68v-13.3c0-.73.59-1.33%201.33-1.33.24%200%20.48.07.69.19z%22%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E') no-repeat center;
|
|||
|
}
|
|||
|
.gw-ad-media-remove {
|
|||
|
position: absolute;
|
|||
|
right: 0;
|
|||
|
top: 0;
|
|||
|
width: 26px;
|
|||
|
height: 26px;
|
|||
|
margin: 5px;
|
|||
|
border-radius: 6px;
|
|||
|
background-color: rgba(0, 0, 0, .35);
|
|||
|
cursor: pointer;
|
|||
|
}
|
|||
|
.gw-ad-media-remove:before {
|
|||
|
content: '';
|
|||
|
display: inline-block;
|
|||
|
width: 18px;
|
|||
|
height: 18px;
|
|||
|
vertical-align: top;
|
|||
|
margin: 4px;
|
|||
|
background: url('data:image/svg+xml,%3Csvg%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20width%3D%2218%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m3.88%206%20.42%208.57c.04.8.7%201.43%201.5%201.43h6.65c.8%200%201.46-.63%201.5-1.43l.43-8.57m-11.6-2.5h12.56m-8.46%209.25v-5.5m2.25%205.5v-5.5m2.25%205.5v-5.5m-4.5-3.75v-1c0-.69.55-1.25%201.25-1.25h2c.69%200%201.25.56%201.25%201.25v1%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.25%22%2F%3E%3C%2Fsvg%3E') no-repeat center;
|
|||
|
}
|
|||
|
|
|||
|
.gw-form-column .gw-btn.gw-edit-media-button {
|
|||
|
padding: 10px 22px;
|
|||
|
}
|
|||
|
.gw-edit-media-button:before {
|
|||
|
content: '';
|
|||
|
display: inline-block;
|
|||
|
width: 20px;
|
|||
|
height: 20px;
|
|||
|
vertical-align: top;
|
|||
|
margin-right: 5px;
|
|||
|
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%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cmask%20id%3D%22a%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22m20%200v20h-20v-20zm-4%20.15h-.14c-1.08%200-1.95.87-1.95%201.95v.03h-.9c-1.07%200-1.95.87-1.95%201.95v.14c0%201.08.88%201.95%201.95%201.95h.9v.9c0%201.07.87%201.94%201.95%201.94h.14c1.08%200%201.95-.87%201.95-1.94v-.9h.03c1.07%200%201.94-.87%201.94-1.95v-.14c0-1.08-.87-1.95-1.94-1.95h-.03v-.03c0-1.08-.87-1.95-1.95-1.95z%22%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fmask%3E%3Cg%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20height%3D%227.28%22%20rx%3D%22.79%22%20width%3D%221.58%22%20x%3D%2215.14%22%20y%3D%22.51%22%2F%3E%3Crect%20height%3D%221.58%22%20rx%3D%22.79%22%20width%3D%227.28%22%20x%3D%2212.29%22%20y%3D%223.36%22%2F%3E%3Cpath%20d%3D%22m13.24%202.69c2.1%200%203.8%201.69%203.8%203.79v7.59c0%202.1-1.7%203.8-3.8%203.8h-7.59c-2.1%200-3.8-1.7-3.8-3.8v-7.59c0-2.1%201.7-3.79%203.8-3.79zm-1.21%207.19c-.17-.23-.51-.23-.69-.01l-2.5%202.74c-.12.13-.32.14-.44.02l-1.64-1.51c-.18-.21-.51-.2-.67.02l-1.85%202.74c-.23.28-.23%201.31.65%201.31h9.21c.8%200%20.8-1.02.58-1.31z%22%20mask%3D%22url%28%23a%29%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat center;
|
|||
|
}
|
|||
|
|
|||
|
.gw-schedule-input {
|
|||
|
padding: 10px 5px 15px 0;
|
|||
|
margin: 0 -14px;
|
|||
|
}
|
|||
|
.gw-schedule-input-mini {
|
|||
|
padding: 12px 0 0;
|
|||
|
}
|
|||
|
.gw-schedule-input-overview {
|
|||
|
display: block;
|
|||
|
font-size: 12px;
|
|||
|
line-height: 14px;
|
|||
|
text-align: center;
|
|||
|
padding: 6px 13px 0;
|
|||
|
cursor: pointer;
|
|||
|
}
|
|||
|
.gw-schedule-input-overview:empty {
|
|||
|
padding-top: 6px;
|
|||
|
}
|
|||
|
.gw-schedule-input-overview b {
|
|||
|
font-weight: 500;
|
|||
|
}
|
|||
|
.gw-schedule-input-overview .timezone {
|
|||
|
color: #999;
|
|||
|
}
|
|||
|
.gw-schedule-input-action {
|
|||
|
display: block;
|
|||
|
font-size: 13px;
|
|||
|
line-height: 18px;
|
|||
|
text-align: center;
|
|||
|
padding: 6px 0 0;
|
|||
|
cursor: pointer;
|
|||
|
}
|
|||
|
.gw-schedule-table-wrap {
|
|||
|
--cell-height: 16px;
|
|||
|
position: relative;
|
|||
|
max-width: 620px;
|
|||
|
box-shadow: inset 0 0 0 1px #d9d9d9;
|
|||
|
border-radius: 6px;
|
|||
|
}
|
|||
|
.gw-schedule-table-wrap.with-labels {
|
|||
|
--label-top: 24px;
|
|||
|
--label-left: 15px;
|
|||
|
--cell-height: 24px;
|
|||
|
margin-top: var(--label-top);
|
|||
|
margin-left: var(--label-left);
|
|||
|
min-width: 288px;
|
|||
|
}
|
|||
|
.gw-schedule-table {
|
|||
|
position: relative;
|
|||
|
z-index: 1;
|
|||
|
background: url('data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20240%2070%22%20preserveAspectRatio%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%2010%20240%2010ZM0%2020%20240%2020ZM0%2030%20240%2030ZM0%2040%20240%2040ZM0%2050%20240%2050ZM0%2060%20240%2060ZM10%200%2010%2070ZM20%200%2020%2070ZM30%200%2030%2070ZM40%200%2040%2070ZM50%200%2050%2070ZM60%200%2060%2070ZM70%200%2070%2070ZM80%200%2080%2070ZM90%200%2090%2070ZM100%200%20100%2070ZM110%200%20110%2070ZM120%200%20120%2070ZM130%200%20130%2070ZM140%200%20140%2070ZM150%200%20150%2070ZM160%200%20160%2070ZM170%200%20170%2070ZM180%200%20180%2070ZM190%200%20190%2070ZM200%200%20200%2070ZM210%200%20210%2070ZM220%200%20220%2070ZM230%200%20230%2070Z%22%20vector-effect%3D%22non-scaling-stroke%22%20stroke%3D%22rgba%28217%2C217%2C217%2C.4%29%22%20stroke-width%3D%220.5%22%20fill%3D%22none%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E') center no-repeat;
|
|||
|
cursor: pointer;
|
|||
|
}
|
|||
|
.gw-schedule-table-top-labels,
|
|||
|
.gw-schedule-table-left-labels {
|
|||
|
position: absolute;
|
|||
|
cursor: pointer;
|
|||
|
-webkit-user-select: none;
|
|||
|
user-select: none;
|
|||
|
}
|
|||
|
.gw-schedule-table-top-labels {
|
|||
|
height: var(--label-top);
|
|||
|
bottom: 100%;
|
|||
|
}
|
|||
|
.gw-schedule-table-top-labels td {
|
|||
|
font-size: 10px;
|
|||
|
text-align: center;
|
|||
|
}
|
|||
|
.gw-schedule-table-left-labels {
|
|||
|
width: var(--label-left);
|
|||
|
right: 100%;
|
|||
|
}
|
|||
|
.gw-schedule-table-left-labels td {
|
|||
|
font-size: 9px;
|
|||
|
text-align: center;
|
|||
|
}
|
|||
|
.gw-schedule-table-top-labels td > .label,
|
|||
|
.gw-schedule-table-left-labels td > .label {
|
|||
|
display: inline-block;
|
|||
|
transform: rotate(-90deg);
|
|||
|
pointer-events: none;
|
|||
|
}
|
|||
|
.gw-layer-schedule-popup .gw-new-form .gw-form-column {
|
|||
|
width: 100%;
|
|||
|
}
|
|||
|
.gw-layer-schedule-popup .gw-form {
|
|||
|
padding: 0;
|
|||
|
}
|
|||
|
.gw-layer-schedule-popup .gw-form .form-group {
|
|||
|
padding: 10px 0 0;
|
|||
|
}
|
|||
|
.gw-layer-schedule-popup .form-group > .form-label {
|
|||
|
margin-left: 0;
|
|||
|
margin-right: 0;
|
|||
|
}
|
|||
|
.gw-layer-schedule-popup .form-group .radio-group {
|
|||
|
padding: 1px 0 0;
|
|||
|
margin-left: 0;
|
|||
|
}
|
|||
|
.gw-layer-schedule-popup .form-group .radio-item-block {
|
|||
|
margin: 4px 0;
|
|||
|
}
|
|||
|
@media screen and (min-width: 480px) {
|
|||
|
.gw-schedule-input {
|
|||
|
margin: 0;
|
|||
|
}
|
|||
|
.gw-schedule-table-wrap.with-labels {
|
|||
|
--label-top: 30px;
|
|||
|
--label-left: 45px;
|
|||
|
--cell-height: 30px;
|
|||
|
}
|
|||
|
.gw-schedule-table-top-labels td {
|
|||
|
font-size: 11px;
|
|||
|
text-align: center;
|
|||
|
}
|
|||
|
.gw-schedule-table-left-labels td {
|
|||
|
font-size: 12px;
|
|||
|
text-align: right;
|
|||
|
padding-right: 15px;
|
|||
|
}
|
|||
|
.gw-schedule-table-top-labels td > .label,
|
|||
|
.gw-schedule-table-left-labels td > .label {
|
|||
|
transform: rotate(0deg);
|
|||
|
}
|
|||
|
}
|
|||
|
.gw-schedule-table td,
|
|||
|
.gw-schedule-table-top-labels td,
|
|||
|
.gw-schedule-table-left-labels td {
|
|||
|
height: var(--cell-height);
|
|||
|
width: 100px;
|
|||
|
}
|
|||
|
.gw-schedule-table-top-labels td {
|
|||
|
height: var(--label-top);
|
|||
|
}
|
|||
|
.gw-schedule-table tr:first-child > td:first-child {
|
|||
|
border-top-left-radius: 6px;
|
|||
|
}
|
|||
|
.gw-schedule-table tr:first-child > td:last-child {
|
|||
|
border-top-right-radius: 6px;
|
|||
|
}
|
|||
|
.gw-schedule-table tr:last-child > td:first-child {
|
|||
|
border-bottom-left-radius: 6px;
|
|||
|
}
|
|||
|
.gw-schedule-table tr:last-child > td:last-child {
|
|||
|
border-bottom-right-radius: 6px;
|
|||
|
}
|
|||
|
.gw-schedule-table td.selected {
|
|||
|
background-color: var(--accent-color);
|
|||
|
}
|
|||
|
.gw-schedule-table td.hover {
|
|||
|
background-color: rgba(17, 154, 245, .1);
|
|||
|
}
|
|||
|
.gw-schedule-table td.selected.hover {
|
|||
|
background-color: rgba(17, 154, 245, .8);
|
|||
|
}
|
|||
|
|
|||
|
|
|||
|
.date-picker-wrap {
|
|||
|
margin: 0 -23px;
|
|||
|
-webkit-user-select: none;
|
|||
|
user-select: none;
|
|||
|
}
|
|||
|
.date-picker-header {
|
|||
|
background: #f7f7f7;
|
|||
|
padding: 0 7px;
|
|||
|
}
|
|||
|
.date-picker-body {
|
|||
|
--row-height: 43px;
|
|||
|
--row-offset: 0;
|
|||
|
--prepend-offset: 0;
|
|||
|
--animation: .3s ease;
|
|||
|
padding: 0 7px;
|
|||
|
height: 265px;
|
|||
|
position: relative;
|
|||
|
overflow: hidden;
|
|||
|
}
|
|||
|
.date-picker-body:before,
|
|||
|
.date-picker-body:after {
|
|||
|
content: '';
|
|||
|
display: block;
|
|||
|
position: absolute;
|
|||
|
pointer-events: none;
|
|||
|
left: 0;
|
|||
|
right: 0;
|
|||
|
top: 0;
|
|||
|
height: 7px;
|
|||
|
background: -moz-linear-gradient(top, rgba(255,255,255,1) 15%, rgba(255,255,255,0) 100%);
|
|||
|
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 15%, rgba(255,255,255,0) 100%);
|
|||
|
background: linear-gradient(to bottom, rgba(255,255,255,1) 15%, rgba(255,255,255,0) 100%);
|
|||
|
z-index: 1;
|
|||
|
}
|
|||
|
.date-picker-body:after {
|
|||
|
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 85%);
|
|||
|
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 85%);
|
|||
|
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 85%);
|
|||
|
bottom: 0;
|
|||
|
top: auto;
|
|||
|
}
|
|||
|
.date-picker-header-content,
|
|||
|
.date-picker-body-content {
|
|||
|
display: grid;
|
|||
|
grid-template-columns: repeat(7, 1fr);
|
|||
|
justify-items: center;
|
|||
|
width: 350px;
|
|||
|
max-width: 100%;
|
|||
|
}
|
|||
|
.date-picker-header-content {
|
|||
|
padding: 7px 0;
|
|||
|
}
|
|||
|
.date-picker-body-content {
|
|||
|
padding: 7px 0 0;
|
|||
|
transition: transform var(--animation);
|
|||
|
transform: translateY(calc(var(--row-offset) * var(--row-height)));
|
|||
|
margin-top: calc(var(--prepend-offset) * var(--row-height));
|
|||
|
}
|
|||
|
.date-picker-cell {
|
|||
|
text-align: center;
|
|||
|
width: 36px;
|
|||
|
}
|
|||
|
.date-picker-header-content .date-picker-cell {
|
|||
|
font-size: 12px;
|
|||
|
line-height: 14px;
|
|||
|
color: #808080;
|
|||
|
}
|
|||
|
.date-picker-body-content .date-picker-cell {
|
|||
|
font-size: 13px;
|
|||
|
line-height: 36px;
|
|||
|
height: 36px;
|
|||
|
border-radius: 18px;
|
|||
|
margin: 0 0 7px;
|
|||
|
cursor: pointer;
|
|||
|
color: #999;
|
|||
|
transition: color var(--animation);
|
|||
|
}
|
|||
|
.date-picker-body-content .date-picker-cell.current {
|
|||
|
color: #000;
|
|||
|
}
|
|||
|
.date-picker-body-content .date-picker-cell.disabled {
|
|||
|
color: #999;
|
|||
|
pointer-events: none;
|
|||
|
}
|
|||
|
.date-picker-body-content .date-picker-cell.selected {
|
|||
|
font-weight: 500;
|
|||
|
background-color: var(--accent-color);
|
|||
|
color: #fff;
|
|||
|
}
|
|||
|
.date-picker-wrap + .popup-buttons {
|
|||
|
margin-top: 7px;
|
|||
|
}
|
|||
|
.gw-layer-date-picker-popup {
|
|||
|
position: relative;
|
|||
|
}
|
|||
|
.date-picker-controls {
|
|||
|
position: absolute;
|
|||
|
right: 12px;
|
|||
|
top: 12px;
|
|||
|
z-index: 1;
|
|||
|
}
|
|||
|
.date-picker-button-down,
|
|||
|
.date-picker-button-up {
|
|||
|
display: inline-block;
|
|||
|
width: 36px;
|
|||
|
height: 36px;
|
|||
|
vertical-align: top;
|
|||
|
border-radius: 50%;
|
|||
|
margin-left: 8px;
|
|||
|
background: no-repeat center;
|
|||
|
cursor: pointer;
|
|||
|
}
|
|||
|
.date-picker-button-down:hover,
|
|||
|
.date-picker-button-up:hover {
|
|||
|
background-color: var(--link-bghover);
|
|||
|
}
|
|||
|
.date-picker-button-up {
|
|||
|
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%3Cpath%20d%3D%22M6%2014.5%2011.86%208.64C11.93%208.56%2012.06%208.56%2012.14%208.64L18%2014.5%2018%2014.5%22%20fill%3D%22none%22%20stroke%3D%22%230288db%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.4%22%2F%3E%3C%2Fsvg%3E');
|
|||
|
}
|
|||
|
.date-picker-button-up.disabled {
|
|||
|
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%3Cpath%20d%3D%22M6%2014.5%2011.86%208.64C11.93%208.56%2012.06%208.56%2012.14%208.64L18%2014.5%2018%2014.5%22%20fill%3D%22none%22%20stroke%3D%22%23999%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.4%22%2F%3E%3C%2Fsvg%3E');
|
|||
|
pointer-events: none;
|
|||
|
}
|
|||
|
.date-picker-button-down {
|
|||
|
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%3Cpath%20d%3D%22M6%209.5%2011.86%2015.36C11.93%2015.44%2012.06%2015.44%2012.14%2015.36L18%209.5%22%20fill%3D%22none%22%20stroke%3D%22%230288db%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.4%22%2F%3E%3C%2Fsvg%3E');
|
|||
|
}
|
|||
|
.date-picker-button-down.disabled {
|
|||
|
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%3Cpath%20d%3D%22M6%209.5%2011.86%2015.36C11.93%2015.44%2012.06%2015.44%2012.14%2015.36L18%209.5%22%20fill%3D%22none%22%20stroke%3D%22%23999%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.4%22%2F%3E%3C%2Fsvg%3E');
|
|||
|
pointer-events: none;
|
|||
|
}
|
|||
|
|
|||
|
|
|||
|
.gw-article {
|
|||
|
padding: 0 15px;
|
|||
|
}
|
|||
|
#dev_page_content,
|
|||
|
#dev_page_content p {
|
|||
|
font-size: 14px;
|
|||
|
line-height: 1.36;
|
|||
|
}
|
|||
|
#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;
|
|||
|
}
|
|||
|
#dev_page_content > ul:not(.nav) li,
|
|||
|
#dev_page_content > ol:not(.nav) ul:not(.nav) li,
|
|||
|
#dev_page_content ul.bulleted li {
|
|||
|
background-position: 0px 7px;
|
|||
|
background-size: 6px 6px;
|
|||
|
padding-left: 16px;
|
|||
|
}
|
|||
|
|
|||
|
.gw-page-header-wrap {
|
|||
|
display: flex;
|
|||
|
flex-wrap: wrap;
|
|||
|
justify-content: flex-end;
|
|||
|
}
|
|||
|
.gw-page-header {
|
|||
|
font-size: 15px;
|
|||
|
line-height: 22px;
|
|||
|
font-weight: 600;
|
|||
|
-webkit-font-smoothing: antialiased;
|
|||
|
padding: 10px 13px;
|
|||
|
margin: 0;
|
|||
|
}
|
|||
|
.gw-page-graph-header {
|
|||
|
position: relative;
|
|||
|
top: 21px;
|
|||
|
z-index: 10;
|
|||
|
}
|
|||
|
.gw-page-header-wrap > .gw-page-header {
|
|||
|
flex-grow: 1;
|
|||
|
flex-shrink: 0;
|
|||
|
}
|
|||
|
.gw-page-header-wrap > .gw-tabs {
|
|||
|
flex-shrink: 0;
|
|||
|
}
|
|||
|
.gw-graph-wrap,
|
|||
|
.gw-table-wrap {
|
|||
|
margin: 0 0 30px;
|
|||
|
width: 100%;
|
|||
|
}
|
|||
|
.gw-graph-wrap .gw-tabs,
|
|||
|
.gw-table-wrap .gw-tabs {
|
|||
|
position: relative;
|
|||
|
float: right;
|
|||
|
padding: 7px 17px;
|
|||
|
z-index: 1;
|
|||
|
}
|
|||
|
.gw-graph-wrap .gw-tabs > li > a,
|
|||
|
.gw-table-wrap .gw-tabs > li > a {
|
|||
|
padding: 6px 12px;
|
|||
|
}
|
|||
|
.gw-graph-timezone {
|
|||
|
padding: 10px 15px 0;
|
|||
|
font-size: 12px;
|
|||
|
line-height: 16px;
|
|||
|
color: #70767b;
|
|||
|
}
|
|||
|
.gw-graph-timezone + .gw-graph-timezone {
|
|||
|
padding-top: 4px;
|
|||
|
}
|
|||
|
|
|||
|
.chart_wrap {
|
|||
|
position: relative;
|
|||
|
transition: all .3s ease;
|
|||
|
}
|
|||
|
.chart_wrap_loading {
|
|||
|
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: 3;
|
|||
|
opacity: 1;
|
|||
|
transition: all .2s ease;
|
|||
|
pointer-events: none;
|
|||
|
}
|
|||
|
|
|||
|
.gw-summary-count,
|
|||
|
.gw-budget-count {
|
|||
|
font-size: 23px;
|
|||
|
--line-height: 27px;
|
|||
|
line-height: var(--line-height);
|
|||
|
font-weight: 500;
|
|||
|
padding: 0 13px;
|
|||
|
}
|
|||
|
|
|||
|
.amount-sign {
|
|||
|
display: inline-block;
|
|||
|
font-family: monospace;
|
|||
|
padding-right: 3px;
|
|||
|
position: relative;
|
|||
|
top: -1px;
|
|||
|
}
|
|||
|
.amount-full .amount-frac {
|
|||
|
font-size: 80%;
|
|||
|
}
|
|||
|
.gw-table .amount-sign {
|
|||
|
font-weight: 600;
|
|||
|
-webkit-font-smoothing: antialiased;
|
|||
|
}
|
|||
|
.gw-amount {
|
|||
|
color: #777;
|
|||
|
}
|
|||
|
.gw-status-done,
|
|||
|
.gw-amount-incr {
|
|||
|
color: #249106;
|
|||
|
}
|
|||
|
.gw-status-fail,
|
|||
|
.gw-amount-decr {
|
|||
|
color: #d75959;
|
|||
|
}
|
|||
|
|
|||
|
.amount-currency.currency-euro,
|
|||
|
.amount-currency.currency-credits {
|
|||
|
letter-spacing: 0.17em;
|
|||
|
}
|
|||
|
.amount-currency.currency-ton,
|
|||
|
.amount-currency.currency-stars {
|
|||
|
position: relative;
|
|||
|
display: inline-block;
|
|||
|
vertical-align: top;
|
|||
|
width: 1.1em;
|
|||
|
height: var(--line-height, auto);
|
|||
|
margin-left: -1px;
|
|||
|
margin-right: 0.075em;
|
|||
|
white-space: nowrap;
|
|||
|
text-indent: -500%;
|
|||
|
overflow: hidden;
|
|||
|
}
|
|||
|
.amount-currency.currency-ton svg.currency-ton-icon,
|
|||
|
.amount-currency.currency-stars svg.currency-stars-icon {
|
|||
|
position: absolute;
|
|||
|
left: 0;
|
|||
|
top: 0;
|
|||
|
bottom: 0;
|
|||
|
margin: auto 0;
|
|||
|
display: inline-block;
|
|||
|
vertical-align: top;
|
|||
|
height: auto;
|
|||
|
}
|
|||
|
.amount-currency.currency-stars svg.currency-stars-icon use {
|
|||
|
display: none;
|
|||
|
}
|
|||
|
.amount-currency.currency-stars svg.currency-stars-icon {
|
|||
|
background: url('data:image/svg+xml,%3Csvg%20height%3D%2218%22%20viewBox%3D%220%200%2016%2018%22%20width%3D%2216%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22a%22%20x1%3D%2225%25%22%20x2%3D%2274.92%25%22%20y1%3D%22.825%25%22%20y2%3D%22107.86%25%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23ffd951%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ffb222%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22b%22%20x1%3D%2250%25%22%20x2%3D%2250%25%22%20y1%3D%220%25%22%20y2%3D%2299.795%25%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23e58f0d%22%2F%3E%3Cstop%20offset%3D%22.99963%22%20stop-color%3D%22%23eb7915%22%2F%3E%3C%2FlinearGradient%3E%3Cpath%20id%3D%22c%22%20d%3D%22m5.93%205.39%201.48-2.97c.17-.34.58-.48.92-.31.13.07.24.18.31.31l1.4%202.87c.11.23.34.39.59.42l2.93.36c.4.04.68.41.63.81-.01.16-.09.32-.21.44l-2.31%202.29c-.1.1-.14.23-.13.36l.39%203.1c.05.45-.26.85-.7.9-.16.03-.33-.01-.48-.08l-2.45-1.35c-.17-.1-.39-.1-.56-.01l-2.54%201.31c-.36.19-.79.04-.98-.32-.07-.14-.09-.29-.07-.44l.2-1.42c.1-.7.53-1.3%201.15-1.62l2.82-1.45c.07-.04.1-.13.06-.2-.03-.06-.09-.1-.16-.09l-3.44.5c-.53.08-1.06-.08-1.47-.41l-1.15-.94c-.33-.27-.38-.76-.11-1.09.12-.15.3-.25.5-.28l2.94-.38c.19-.02.35-.14.44-.31z%22%2F%3E%3Cfilter%20id%3D%22d%22%20height%3D%22111.7%25%22%20width%3D%22111.4%25%22%20x%3D%22-5.7%25%22%20y%3D%22-5.9%25%22%3E%3CfeOffset%20dx%3D%22.56%22%20dy%3D%22.84%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowOffsetInner1%22%2F%3E%3CfeComposite%20in%3D%22shadowOffsetInner1%22%20in2%3D%22SourceAlpha%22%20k2%3D%22-1%22%20k3%3D%221%22%20operator%3D%22arithmetic%22%20result%3D%22shadowInnerInner1%22%2F%3E%3CfeColorMatrix%20in%3D%22shadowInnerInner1%22%20type%3D%22matrix%22%20values%3D%220%200%200%200%201%20%20%200%200%200%200%201%20%20%200%200%200%200%201%20%200%200%200%200.65667938%200%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cuse%20fill%3D%22url%28%23a%29%22%20fill-rule%3D%22evenodd%22%20xlink%3Ahref%3D%22%23c%22%2F%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url%28%23d%29%22%20xlink%3Ahref%3D%22%23c%22%2F%3E%3Cuse%20stroke%3D%22url%28%23b%29%22%20stroke-width%3D%22.56%22%20xlink%3Ahref%3D%22%23c%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') center no-repeat;
|
|||
|
background-size: contain;
|
|||
|
}
|
|||
|
|
|||
|
|
|||
|
|
|||
|
.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: start;
|
|||
|
overflow-x: hidden;
|
|||
|
overflow-y: scroll;
|
|||
|
padding: 50px 0;
|
|||
|
-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;
|
|||
|
}
|
|||
|
|
|||
|
.popup-buttons {
|
|||
|
margin: 20px -9px -5px;
|
|||
|
text-align: right;
|
|||
|
}
|
|||
|
.gw-popup-edit-form .popup-buttons {
|
|||
|
margin-left: 0;
|
|||
|
margin-right: 0;
|
|||
|
}
|
|||
|
.popup-button {
|
|||
|
display: inline-block;
|
|||
|
vertical-align: top;
|
|||
|
font-size: 14px;
|
|||
|
font-weight: 500;
|
|||
|
padding: 7px 14px;
|
|||
|
border-radius: 5px;
|
|||
|
text-align: center;
|
|||
|
white-space: nowrap;
|
|||
|
background-color: transparent;
|
|||
|
transition: background-color .15s ease;
|
|||
|
color: var(--link-color);
|
|||
|
cursor: pointer;
|
|||
|
}
|
|||
|
.popup-button:hover {
|
|||
|
background: var(--link-bghover);
|
|||
|
}
|
|||
|
.popup-button:active {
|
|||
|
background: var(--link-bgactive);
|
|||
|
}
|
|||
|
.popup-button.submit-form-btn,
|
|||
|
.popup-button.popup-primary-btn {
|
|||
|
color: #fff;
|
|||
|
background: var(--accent-color);
|
|||
|
transition: background-color .2s ease;
|
|||
|
}
|
|||
|
.popup-button.submit-form-btn:hover,
|
|||
|
.popup-button.popup-primary-btn:hover {
|
|||
|
color: #fff;
|
|||
|
background: var(--accent-bghover);
|
|||
|
}
|
|||
|
.popup-button.submit-form-btn:active,
|
|||
|
.popup-button.popup-primary-btn:active {
|
|||
|
color: #fff;
|
|||
|
background: var(--accent-bgactive);
|
|||
|
}
|
|||
|
.popup-button-left {
|
|||
|
float: left;
|
|||
|
margin-bottom: -5px;
|
|||
|
}
|
|||
|
|
|||
|
.gw-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;
|
|||
|
}
|
|||
|
|
|||
|
.tgme_popup_buttons {
|
|||
|
display: flex;
|
|||
|
justify-content: flex-end;
|
|||
|
}
|
|||
|
.tgme_popup_button {
|
|||
|
line-height: 18px;
|
|||
|
--line-height: 18px;
|
|||
|
}
|
|||
|
|
|||
|
.toast-container {
|
|||
|
position: fixed;
|
|||
|
top: 0;
|
|||
|
bottom: 0;
|
|||
|
left: 0;
|
|||
|
right: 0;
|
|||
|
z-index: 201;
|
|||
|
padding: 0 45px;
|
|||
|
margin: auto;
|
|||
|
display: flex;
|
|||
|
align-items: center;
|
|||
|
justify-content: center;
|
|||
|
transition: all .2s ease;
|
|||
|
pointer-events: none;
|
|||
|
}
|
|||
|
.toast {
|
|||
|
max-width: 320px;
|
|||
|
max-height: 270px;
|
|||
|
background: rgba(14, 21, 33, 0.75);
|
|||
|
font-weight: 500;
|
|||
|
color: #fff;
|
|||
|
padding: 8px 24px;
|
|||
|
border-radius: 10px;
|
|||
|
font-size: 14px;
|
|||
|
line-height: 20px;
|
|||
|
text-align: center;
|
|||
|
}
|
|||
|
.toast a {
|
|||
|
color: #69C5FF;
|
|||
|
pointer-events: auto;
|
|||
|
}
|
|||
|
|
|||
|
.gw-form.gw-similar-channels-form {
|
|||
|
display: block;
|
|||
|
padding: 0;
|
|||
|
}
|
|||
|
.gw-similar-channels-list-wrap {
|
|||
|
position: relative;
|
|||
|
margin: 0 -23px;
|
|||
|
overflow: hidden;
|
|||
|
}
|
|||
|
.gw-similar-channels-message,
|
|||
|
.gw-similar-channels-list {
|
|||
|
max-width: 100%;
|
|||
|
width: 360px;
|
|||
|
padding: 0 23px;
|
|||
|
}
|
|||
|
.gw-similar-channels-message,
|
|||
|
.gw-similar-channels-empty {
|
|||
|
display: flex;
|
|||
|
align-items: center;
|
|||
|
justify-content: center;
|
|||
|
color: #808080;
|
|||
|
height: 120px;
|
|||
|
}
|
|||
|
.gw-similar-channels-list {
|
|||
|
min-height: 120px;
|
|||
|
max-height: calc(100vh - 262px);
|
|||
|
overflow: auto;
|
|||
|
overflow-x: hidden;
|
|||
|
-ms-overflow-style: -ms-autohiding-scrollbar;
|
|||
|
-webkit-overflow-scrolling: touch;
|
|||
|
}
|
|||
|
.gw-similar-channels-list:before,
|
|||
|
.gw-similar-channels-list:after {
|
|||
|
content: '';
|
|||
|
display: block;
|
|||
|
position: absolute;
|
|||
|
pointer-events: none;
|
|||
|
left: 0;
|
|||
|
right: 0;
|
|||
|
top: 0;
|
|||
|
border-top: 1px solid #000;
|
|||
|
transition: transform .1s ease;
|
|||
|
transform: scaleY(0);
|
|||
|
opacity: 0.11;
|
|||
|
z-index: 2;
|
|||
|
}
|
|||
|
.gw-similar-channels-list:after {
|
|||
|
bottom: 0;
|
|||
|
top: auto;
|
|||
|
}
|
|||
|
.gw-similar-channels-list.topscroll:before,
|
|||
|
.gw-similar-channels-list.bottomscroll:after {
|
|||
|
transform: scaleY(1);
|
|||
|
}
|
|||
|
.gw-form.gw-similar-channels-form .checkbox-item-block {
|
|||
|
display: flex;
|
|||
|
align-items: center;
|
|||
|
padding: 5px 0;
|
|||
|
margin: 0;
|
|||
|
}
|
|||
|
.checkbox-item input.checkbox ~ .checkbox-label.gw-similar-channel-item {
|
|||
|
display: flex;
|
|||
|
align-items: center;
|
|||
|
vertical-align: top;
|
|||
|
max-width: calc(100% - 34px);
|
|||
|
margin-left: 14px;
|
|||
|
flex-grow: 1;
|
|||
|
}
|
|||
|
.gw-similar-channel-photo {
|
|||
|
width: 38px;
|
|||
|
height: 38px;
|
|||
|
border-radius: 19px;
|
|||
|
margin-left: 0;
|
|||
|
float: none;
|
|||
|
order: 0;
|
|||
|
}
|
|||
|
.gw-similar-channel-content {
|
|||
|
display: block;
|
|||
|
margin-left: 9px;
|
|||
|
flex-shrink: 1;
|
|||
|
flex-grow: 1;
|
|||
|
width: 1%;
|
|||
|
}
|
|||
|
.gw-similar-channel-title,
|
|||
|
.gw-similar-channel-action {
|
|||
|
font-size: 14px;
|
|||
|
line-height: 20px;
|
|||
|
font-weight: 500;
|
|||
|
}
|
|||
|
.gw-similar-channel-desc {
|
|||
|
font-size: 12px;
|
|||
|
line-height: 18px;
|
|||
|
color: #808080;
|
|||
|
}
|
|||
|
.gw-similar-channel-title,
|
|||
|
.gw-similar-channel-desc {
|
|||
|
display: block;
|
|||
|
white-space: nowrap;
|
|||
|
overflow: hidden;
|
|||
|
text-overflow: ellipsis;
|
|||
|
}
|
|||
|
.gw-similar-channel-action {
|
|||
|
margin-left: 20px;
|
|||
|
}
|
|||
|
|
|||
|
.gw-layer-header {
|
|||
|
font-size: 16px;
|
|||
|
line-height: 20px;
|
|||
|
font-weight: 600;
|
|||
|
-webkit-font-smoothing: antialiased;
|
|||
|
margin: 0 0 16px;
|
|||
|
overflow: hidden;
|
|||
|
}
|
|||
|
.gw-layer-header-right-actions {
|
|||
|
font-size: 14px;
|
|||
|
line-height: 20px;
|
|||
|
font-weight: normal;
|
|||
|
padding: 1px 0 0 10px;
|
|||
|
float: right;
|
|||
|
}
|
|||
|
.gw-layer-subheader {
|
|||
|
font-size: 13px;
|
|||
|
line-height: 17px;
|
|||
|
font-weight: 500;
|
|||
|
margin: -18px 0 20px;
|
|||
|
text-overflow: ellipsis;
|
|||
|
white-space: nowrap;
|
|||
|
overflow: hidden;
|
|||
|
}
|
|||
|
.gw-layer-right-action {
|
|||
|
cursor: pointer;
|
|||
|
}
|
|||
|
.gw-layer-right-action.ohide {
|
|||
|
opacity: 0;
|
|||
|
visibility: hidden;
|
|||
|
pointer-events: none;
|
|||
|
}
|
|||
|
.gw-layer-text {
|
|||
|
font-size: 14px;
|
|||
|
line-height: 21px;
|
|||
|
}
|
|||
|
.gw-layer-popup {
|
|||
|
padding: 19px 23px;
|
|||
|
margin: auto 0;
|
|||
|
border-radius: 6px;
|
|||
|
background: #fff;
|
|||
|
box-shadow: 0 0 12px rgba(0, 0, 0, .3);
|
|||
|
flex-shrink: 1;
|
|||
|
max-width: 90%;
|
|||
|
max-width: calc(100vw - 30px);
|
|||
|
}
|
|||
|
.gw-layer-popup .gw-popup-edit-form .radio-item-block,
|
|||
|
.gw-layer-popup .gw-popup-edit-form .checkbox-item-block {
|
|||
|
margin-left: 9px;
|
|||
|
margin-right: 9px;
|
|||
|
}
|
|||
|
.gw-layer-edit-title,
|
|||
|
.gw-layer-edit-cpm,
|
|||
|
.gw-layer-edit-budget {
|
|||
|
width: 360px;
|
|||
|
}
|
|||
|
.gw-layer-edit-status {
|
|||
|
width: 235px;
|
|||
|
}
|
|||
|
.gw-layer-edit-status-extra {
|
|||
|
width: 330px;
|
|||
|
}
|
|||
|
.gw-layer-edit-advertiser {
|
|||
|
width: 520px;
|
|||
|
}
|
|||
|
.gw-layer-share-stats {
|
|||
|
width: 440px;
|
|||
|
}
|
|||
|
.gw-layer-delete-ad {
|
|||
|
width: 350px;
|
|||
|
}
|
|||
|
.gw-layer-delete-ad {
|
|||
|
width: 350px;
|
|||
|
}
|
|||
|
.gw-layer-delete-ad .popup-primary-btn {
|
|||
|
color: #d14e4e;
|
|||
|
background-color: transparent;
|
|||
|
}
|
|||
|
.gw-layer-delete-ad .popup-primary-btn:hover,
|
|||
|
.gw-layer-delete-ad .popup-primary-btn:focus,
|
|||
|
.gw-layer-delete-ad .popup-primary-btn:active {
|
|||
|
color: #d14e4e;
|
|||
|
background-color: #fcdfde;
|
|||
|
}
|
|||
|
|
|||
|
.gw-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;
|
|||
|
}
|