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; }