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