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