html[data-theme=light] {
--bodyBg: #E6E6E6;
--textColor: #09233C;
--border: #ddd;
--headerBg: #FFFFFF;
--headerColor: #09233C;
--headerLogo: #09233C;
--sidebarBg: #FFFFFF;
--sidebarText: #09233C;
--sidebarIcon: #7B61FF;
--sidebarLine: #828282;
--sidebarLinkHover: #F2F2F2;
--sidebarLinkSVG: #7B61FF;
--cardBg: #FFFFFF;
--inputTitleColor: rgba(0, 0, 0, 0.6);
--inputColor: rgba(0, 0, 0, 0.7);
--inputBackground: #FFFFFF;
--inputBorder: rgba(0, 0, 0, 0.6);
--inputIcon: #4D4D4D;
--checkboxBorder: #000000;
--dropdownSettingsBg: #FFFFFF;
--loaderBg: #FFFFFF;
--dropdownSettingsBorder: #CCCDCA;
--dropdownSettingsfill: #7B61FF;
--profileHistoryDate: rgba(0, 0, 0, 0.5);
--profileHistorySum: rgba(0, 0, 0, 0.75);
--newsColor: rgba(0, 0, 0, 0.6);
}
html[data-theme=light] .themeSwitcher__moon {
position: relative;
transform: translate3d(0, 0, 0) rotate(0);
transition: transform ease 0.3s, opacity ease 0.3s;
opacity: 1;
}
html[data-theme=light] .themeSwitcher__sun {
position: relative;
transform: translate3d(25px, 10px, 0) rotate(5deg);
transition: transform ease 0.3s, opacity ease 0.3s;
opacity: 0;
}
@media screen and (max-width: 768px) {
html[data-theme=light] .tableMobDropdown::after {
background: url(../img/icons/downward.svg) center center no-repeat;
}
}
html[data-theme=dark] {
--bodyBg: #333333;
--textColor: #fff;
--border: #E6E6E6;
--headerBg: #29282D;
--headerColor: #fff;
--headerLogo: #fff;
--sidebarBg: #14131A;
--sidebarText: #09233C;
--sidebarIcon: #7B61FF;
--sidebarLine: #828282;
--sidebarLinkHover: #2B2B2B;
--sidebarLinkSVG: #fff;
--cardBg: #14131A;
--inputTitleColor: #FFFFFF;
--inputColor: #fff;
--inputBackground: #3F3F44;
--inputBorder: #FFFFFF;
--inputIcon: #fff;
--checkboxBorder: #fff;
--dropdownSettingsBg: #3F3F44;
--dropdownSettingsBorder: #CCCDCA;
--dropdownSettingsfill: #fff;
--profileHistoryDate: #F2F2F2;
--profileHistorySum: #FFFFFF;
--newsColor: #E0E0E0;
--loaderBg: #FFFFFF;
}
html[data-theme=dark] .themeSwitcher__moon {
position: relative;
transform: translate3d(-25px, 10px, 0) rotate(5deg);
transition: transform ease 0.3s, opacity ease 0.3s;
opacity: 0;
}
html[data-theme=dark] .themeSwitcher__sun {
position: relative;
transform: translate3d(-25px, 0, 0) rotate(0);
transition: transform ease 0.3s, opacity ease 0.3s;
opacity: 1;
}
@media screen and (max-width: 768px) {
html[data-theme=dark] .tableMobDropdown::after {
background: url('../img/icons/downward-white.svg') center center no-repeat;
}
}
html[data-theme=dark] .data-search .inputBlock input {
background-image: url('../img/icons/calendar-white.svg');
background-position: right 10px center;
background-repeat: no-repeat;
}
@font-face {
font-family: "Inter";
src: url("../fonts/Inter-BoldItalic.eot");
src: local("Inter Bold Italic"), local("Inter-BoldItalic"), url("../fonts/Inter-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Inter-BoldItalic.woff2") format("woff2"), url("../fonts/Inter-BoldItalic.woff") format("woff"), url("../fonts/Inter-BoldItalic.ttf") format("truetype");
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: "Inter";
src: url("../fonts/Inter-MediumItalic.eot");
src: local("Inter Medium Italic"), local("Inter-MediumItalic"), url("../fonts/Inter-MediumItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Inter-MediumItalic.woff2") format("woff2"), url("../fonts/Inter-MediumItalic.woff") format("woff"), url("../fonts/Inter-MediumItalic.ttf") format("truetype");
font-weight: 500;
font-style: italic;
}
@font-face {
font-family: "Inter";
src: url("../fonts/Inter-ThinItalicBETA.eot");
src: local("Inter Thin Italic BETA"), local("Inter-ThinItalicBETA"), url("../fonts/Inter-ThinItalicBETA.eot?#iefix") format("embedded-opentype"), url("../fonts/Inter-ThinItalicBETA.woff2") format("woff2"), url("../fonts/Inter-ThinItalicBETA.woff") format("woff"), url("../fonts/Inter-ThinItalicBETA.ttf") format("truetype");
font-weight: 100;
font-style: italic;
}
@font-face {
font-family: "Inter";
src: url("../fonts/Inter-Regular.eot");
src: local("Inter Regular"), local("Inter-Regular"), url("../fonts/Inter-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Inter-Regular.woff2") format("woff2"), url("../fonts/Inter-Regular.woff") format("woff"), url("../fonts/Inter-Regular.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Inter";
src: url("../fonts/Inter-Black.eot");
src: local("Inter Black"), local("Inter-Black"), url("../fonts/Inter-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/Inter-Black.woff2") format("woff2"), url("../fonts/Inter-Black.woff") format("woff"), url("../fonts/Inter-Black.ttf") format("truetype");
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: "Inter";
src: url("../fonts/Inter-BlackItalic.eot");
src: local("Inter Black Italic"), local("Inter-BlackItalic"), url("../fonts/Inter-BlackItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Inter-BlackItalic.woff2") format("woff2"), url("../fonts/Inter-BlackItalic.woff") format("woff"), url("../fonts/Inter-BlackItalic.ttf") format("truetype");
font-weight: 900;
font-style: italic;
}
@font-face {
font-family: "Inter";
src: url("../fonts/Inter-LightBETA.eot");
src: local("Inter Light BETA"), local("Inter-LightBETA"), url("../fonts/Inter-LightBETA.eot?#iefix") format("embedded-opentype"), url("../fonts/Inter-LightBETA.woff2") format("woff2"), url("../fonts/Inter-LightBETA.woff") format("woff"), url("../fonts/Inter-LightBETA.ttf") format("truetype");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "Inter";
src: url("../fonts/Inter-SemiBold.eot");
src: local("Inter Semi Bold"), local("Inter-SemiBold"), url("../fonts/Inter-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Inter-SemiBold.woff2") format("woff2"), url("../fonts/Inter-SemiBold.woff") format("woff"), url("../fonts/Inter-SemiBold.ttf") format("truetype");
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: "Inter";
src: url("../fonts/Inter-ExtraBoldItalic.eot");
src: local("Inter Extra Bold Italic"), local("Inter-ExtraBoldItalic"), url("../fonts/Inter-ExtraBoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Inter-ExtraBoldItalic.woff2") format("woff2"), url("../fonts/Inter-ExtraBoldItalic.woff") format("woff"), url("../fonts/Inter-ExtraBoldItalic.ttf") format("truetype");
font-weight: 800;
font-style: italic;
}
@font-face {
font-family: "Inter";
src: url("../fonts/Inter-Bold.eot");
src: local("Inter Bold"), local("Inter-Bold"), url("../fonts/Inter-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Inter-Bold.woff2") format("woff2"), url("../fonts/Inter-Bold.woff") format("woff"), url("../fonts/Inter-Bold.ttf") format("truetype");
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: "Inter";
src: url("../fonts/Inter-ExtraLightItalicBETA.eot");
src: local("Inter Extra Light Italic BETA"), local("Inter-ExtraLightItalicBETA"), url("../fonts/Inter-ExtraLightItalicBETA.eot?#iefix") format("embedded-opentype"), url("../fonts/Inter-ExtraLightItalicBETA.woff2") format("woff2"), url("../fonts/Inter-ExtraLightItalicBETA.woff") format("woff"), url("../fonts/Inter-ExtraLightItalicBETA.ttf") format("truetype");
font-weight: 200;
font-style: italic;
}
@font-face {
font-family: "Inter";
src: url("../fonts/Inter-ExtraLightBETA.eot");
src: local("Inter Extra Light BETA"), local("Inter-ExtraLightBETA"), url("../fonts/Inter-ExtraLightBETA.eot?#iefix") format("embedded-opentype"), url("../fonts/Inter-ExtraLightBETA.woff2") format("woff2"), url("../fonts/Inter-ExtraLightBETA.woff") format("woff"), url("../fonts/Inter-ExtraLightBETA.ttf") format("truetype");
font-weight: 200;
font-style: normal;
}
@font-face {
font-family: "Inter";
src: url("../fonts/Inter-ExtraBold.eot");
src: local("Inter Extra Bold"), local("Inter-ExtraBold"), url("../fonts/Inter-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Inter-ExtraBold.woff2") format("woff2"), url("../fonts/Inter-ExtraBold.woff") format("woff"), url("../fonts/Inter-ExtraBold.ttf") format("truetype");
font-weight: 800;
font-style: normal;
}
@font-face {
font-family: "Inter";
src: url("../fonts/Inter-ThinBETA.eot");
src: local("Inter Thin BETA"), local("Inter-ThinBETA"), url("../fonts/Inter-ThinBETA.eot?#iefix") format("embedded-opentype"), url("../fonts/Inter-ThinBETA.woff2") format("woff2"), url("../fonts/Inter-ThinBETA.woff") format("woff"), url("../fonts/Inter-ThinBETA.ttf") format("truetype");
font-weight: 100;
font-style: normal;
}
@font-face {
font-family: "Inter";
src: url("../fonts/Inter-LightItalicBETA.eot");
src: local("Inter Light Italic BETA"), local("Inter-LightItalicBETA"), url("../fonts/Inter-LightItalicBETA.eot?#iefix") format("embedded-opentype"), url("../fonts/Inter-LightItalicBETA.woff2") format("woff2"), url("../fonts/Inter-LightItalicBETA.woff") format("woff"), url("../fonts/Inter-LightItalicBETA.ttf") format("truetype");
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: "Inter";
src: url("../fonts/Inter-Italic.eot");
src: local("Inter Italic"), local("Inter-Italic"), url("../fonts/Inter-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/Inter-Italic.woff2") format("woff2"), url("../fonts/Inter-Italic.woff") format("woff"), url("../fonts/Inter-Italic.ttf") format("truetype");
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: "Inter";
src: url("../fonts/Inter-SemiBoldItalic.eot");
src: local("Inter Semi Bold Italic"), local("Inter-SemiBoldItalic"), url("../fonts/Inter-SemiBoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Inter-SemiBoldItalic.woff2") format("woff2"), url("../fonts/Inter-SemiBoldItalic.woff") format("woff"), url("../fonts/Inter-SemiBoldItalic.ttf") format("truetype");
font-weight: 600;
font-style: italic;
}
@font-face {
font-family: "Inter";
src: url("../fonts/Inter-Medium.eot");
src: local("Inter Medium"), local("Inter-Medium"), url("../fonts/Inter-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Inter-Medium.woff2") format("woff2"), url("../fonts/Inter-Medium.woff") format("woff"), url("../fonts/Inter-Medium.ttf") format("truetype");
font-weight: 500;
font-style: normal;
}
.inputBlockRow {
display: flex;
flex-direction: column;
width: 100%;
}
.offersBlock {
display: flex;
flex-direction: column;
justify-items: center;
justify-content: space-around;
width: 100%;
}
.offersBlock__row {
display: flex;
flex-direction: row;
justify-content: space-between;
align-content: center;
}
.offersBlock__input input {
width: 100px;
}
.inputBlock {
display: flex;
flex-direction: column;
position: relative;
width: 100%;
}
.inputBlock + .inputBlock {
margin-top: 36px;
}
.inputBlock__serch {
position: absolute;
top: 50%;
right: 8px;
transform: translate3d(0, -50%, 0);
fill: var(--inputIcon);
transition: fill ease 0.3s;
}
.inputBlock__serch ~ input {
padding-right: 36px;
}
.select2 {
order: 2;
}
input:not(.form-control-sm),
.select2-container .select2-selection--single,
textarea {
height: 46px;
width: 100%;
padding: 0 10px;
font-weight: 400;
font-size: 14px;
line-height: 38px;
color: var(--inputColor);
background: var(--inputBackground);
border: 1px solid var(--inputBorder);
border-radius: 8px;
order: 2;
}
input:focus,
.select2-container .select2-selection--single:focus,
textarea:focus {
border: 1px solid #7B61FF;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
font-weight: 400;
font-size: 14px;
line-height: 38px;
color: var(--inputColor);
background: var(--inputBackground);
border: 1px solid var(--inputBorder);
border-radius: 8px;
order: 2;
margin-top: 1rem;
}
.tag-input,
.tag-input .error,
.tagsinput div input {
height: 46px;
width: 100%;
padding: 0 10px;
font-weight: 400;
font-size: 14px;
line-height: 38px;
color: var(--inputColor);
background: var(--inputBackground);
border: 1px solid var(--inputBorder);
border-radius: 8px;
order: 2;
}
input:not(.form-control-sm),
.select2-container .select2-selection--multiple,
.select2-search__field
textarea {
height: 46px;
width: 100%;
padding: 0 10px;
font-weight: 400;
font-size: 14px;
line-height: 38px;
color: var(--inputColor);
background: var(--inputBackground);
border: 1px solid var(--inputBorder);
border-radius: 8px;
order: 2;
}
input:focus,
.select2-container .select2-selection--multiple:focus,
.select2-search__field:focus
textarea:focus {
border: 1px solid #7B61FF;
}
textarea {
padding-top: 15px;
padding: 15px;
height: 140px;
resize: none;
}
.select2-container .select2-selection--multiple {
display: flex;
align-items: center;
}
.select2-container--default .select2-selection--multiple .select2-selection__arrow {
top: 50%;
transform: translate3d(0, -50%, 0);
}
.select2-container .select2-selection--single {
display: flex;
align-items: center;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
top: 50%;
transform: translate3d(0, -50%, 0);
}
.select2-container .select2-selection--multiple {
display: flex;
align-items: center;
}
.select2-container--default .select2-selection--multiple .select2-selection__arrow {
top: 50%;
transform: translate3d(0, -50%, 0);
}
.inputBlock__title {
margin-bottom: 4px;
font-weight: 600;
font-size: 12px;
/*line-height: 38px;*/
color: var(--inputTitleColor);
order: 1;
}
.inputBlock__description {
margin-top: 5px;
font-weight: 600;
font-size: 12px;
line-height: 38px;
color: #6C757D;
order: 3;
}
.checkbox {
cursor: pointer;
}
.checkbox input {
display: none;
}
.checkbox input:checked + span {
background: url(../img/icons/checkbox.svg) center center no-repeat;
opacity: 1;
}
.checkbox span {
display: block;
width: 20px;
height: 20px;
border: 1px solid var(--checkboxBorder);
border-radius: 3px;
opacity: 0.5;
transition: opacity ease 0.3s;
}
.inputError {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
padding-top: 25px;
}
.btn:not(.btn-sm) {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 46px;
font-weight: 400;
font-size: 16px;
line-height: 38px;
border-radius: 10px;
border: 1px solid transparent;
transition: background ease 0.3s, border ease 0.3s, color ease 0.3s;
}
.btn.btn_primary {
background: #7B61FF;
border: 1px solid #7B61FF;
color: #fff;
}
.btn.btn_primary:hover {
background: transparent;
border: 1px solid #7B61FF;
color: #7B61FF;
}
.btn.btn_secondary {
border: 1px solid #7B61FF;
color: #7B61FF;
}
.btn.btn_secondary:hover {
background: #7B61FF;
border: 1px solid #7B61FF;
color: #fff;
}
.btn.btn_add {
width: 56px;
min-width: 56px;
background: #02C58F;
border-radius: 8px;
z-index: 99;
position: relative;
}
.btn.btn_add:after {
content: '+';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50% , -50%);
font-size: 32px;
color: white;
}
.btn.btn_change {
width: 56px;
min-width: 56px;
background: #7B61FF;
border-radius: 8px;
}
.avatar.cursor {
cursor: pointer;
}
/* new cards */
.cards {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
list-style: none;
margin-top: 1.5rem;
margin-left: 1.5rem;
padding: 0;
}
@media screen and (max-width: 550px) {
.cards {
margin-left: 6rem;
}
}
@media screen and (max-width: 420px) {
.cards {
margin-left: 2rem;
}
}
@media screen and (max-width: 399px) {
.cards {
margin-left: 0.8rem;
}
}
@media screen and (max-width: 376px) {
.cards {
margin-left: 0.6rem;
}
}
@media screen and (max-width: 366px) {
.cards {
margin-left: 0;
}
}
.cards__item {
display: flex;
flex: 0 1 305px;
padding: 0.5rem;
}
@media (min-width: 40rem) {
.cards__item {
width: 50%;
}
}
@media (min-width: 56rem) {
.cards__item {
width: 33.3333%;
}
}
.card_item {
cursor: pointer;
width: 305px;
height: 305px;
background-color: var(--cardBg);
box-shadow: 0 20px 40px -14px rgba(0, 0, 0, 0.25);
display: flex;
flex-direction: column;
overflow: hidden;
border-radius: 16px;
margin-bottom: 1rem;
}
.card_item:hover .card__image {
filter: contrast(100%);
}
.card__image {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
filter: contrast(65%);
/*filter: saturate(180%);*/
overflow: hidden;
position: relative;
transition: filter 0.5s cubic-bezier(.43, .41, .22, .91);;
border-radius: 16px 16px 0 0;
}
.card__image:before {
content: "";
display: block;
padding-top: 56.25%; /* 16: 9 aspect ratio */
}
@media (min-width: 40rem) {
.card__image:before {
padding-top: 66.6%; /* 3:2 aspect ratio */
}
}
.card__content {
display: flex;
justify-content: center;
align-content: center;
flex: 1 0 auto;
flex-wrap: wrap;
flex-direction: column;
padding: 1rem;
background: var(--cardBg);
}
.card__title {
text-align: center;
padding: 1rem;
font-weight: 500;
font-size: 1.25rem;
letter-spacing: 2px;
text-transform: uppercase;
}
.card {
background: var(--cardBg);
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
border-radius: 16px;
}
.popup {
display: none;
width: 100%;
height: 100vh;
position: fixed;
top: 0;
left: 0;
z-index: 101;
overflow: auto;
background: rgba(92, 90, 90, 0.3);
}
.popup.open.hidden {
filter: blur(10px);
}
.popup__container {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
min-height: 100vh;
padding: 20px;
}
.popup__content {
width: 100%;
max-width: 407px;
padding: 20px;
}
.popup__top {
display: flex;
align-items: center;
justify-content: space-between;
}
.popup__close {
display: block;
}
.popup__close svg {
fill: var(--dropdownSettingsfill);
}
.popup__form {
display: flex;
align-items: center;
flex-direction: column;
margin-top: 41px;
}
.popup__form.flex-start{
align-items: flex-start;
}
.popup__form .btn {
max-width: 219px;
/*margin-top: 25px;*/
}
.popup__line {
display: flex;
justify-content: space-between;
width: 100%;
margin-bottom: -30px;
}
.next_line {
display: flex;
justify-content: center;
width: 100%;
margin-bottom: 5px;
}
.popup__line label {
display: flex;
flex-direction: column;
align-items: center;
font-weight: 300;
font-size: 16px;
line-height: 38px;
color: #007BFF;
cursor: pointer;
}
.popup__line .avatar {
width: 106px;
height: 106px;
margin-bottom: 20px;
}
.popup__form__add {
display: flex;
/*flex: 1 auto;*/
flex-direction: row;
justify-content: center;
align-items: center;
width: 100%;
/*margin: 36px 0;*/
}
.popup__form__add > * {
width: 100%;
}
.popup__form__add > * + * {
margin-left: 20px;
}
.popup__form__add:first-child {
margin-top: 0;
}
.popup__form__add .btn {
margin-top: 0.6rem;
}
@media screen and (max-width: 560px) {
.popup__form__add {
flex-direction: column;
}
.popup__form__add .btn {
margin-top: 0;
}
.popup__form__add > * + * {
margin-left: 0;
}
}
.popup_post .popup__content {
max-width: 776px;
}
.popup_post__time {
margin-top: 10px;
margin-bottom: 10px;
font-weight: 500;
font-size: 12px;
line-height: 38px;
color: var(--newsColor);
}
.popup_post__info p {
font-weight: 400;
font-size: 16px;
line-height: 38px;
}
.popup_post__info p + p {
margin-top: 20px;
}
.popup_post__info iframe {
width: 100%;
height: 350px;
border-radius: 16px;
}
.preloader {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 110;
}
.preloader__loader {
display: block;
position: relative;
width: 250px;
height: 250px;
}
.preloader__loader__image {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.preloader__loader__image svg {
position: absolute;
bottom: 0;
left: 0;
fill: var(--loaderBg);
}
.preloader__loader__image:last-child {
height: 0;
-webkit-animation: load 5s ease infinite;
animation: load 5s ease infinite;
}
@-webkit-keyframes load {
from {
height: 0;
}
to {
height: 100%;
}
}
@keyframes load {
from {
height: 0;
}
to {
height: 100%;
}
}
* {
padding: 0;
margin: 0;
outline: none;
font-family: "Inter";
text-decoration: none;
box-sizing: border-box;
-webkit-tap-highlight-color: none;
border: 0;
color: inherit;
background: none;
transition: text-color ease 0.3s, background ease 0.3s;
transition-delay: 0;
list-style: none;
}
button,
a {
cursor: pointer;
color: var(--inputColor);
}
body {
min-height: 100vh;
padding-top: 56px;
color: var(--textColor);
background: var(--bodyBg);
}
body.hidden {
overflow: hidden;
}
body.hidden > .header,
body.hidden > .page {
filter: blur(10px);
}
#create-streams.hidden {
filter: blur(10px);
}
#stream-edit_modal.hidden {
filter: blur(10px);
}
@media screen and (max-width: 1600px) {
body {
padding-top: 56px;
}
}
h2 {
font-weight: 700;
font-size: 26px;
line-height: 14px;
}
h3 {
font-weight: 600;
font-size: 16px;
line-height: 14px;
}
h5 {
font-weight: 600;
font-size: 14px;
line-height: 14px;
}
.page {
display: flex;
position: relative;
margin-bottom: 1rem;
}
.breadcrumbs {
display: flex;
align-items: center;
margin-top: 6px;
}
@media screen and (max-width: 1200px) {
.breadcrumbs {
justify-content: center;
margin-top: 15px;
}
}
.breadcrumbs__item {
display: flex;
align-items: center;
}
.breadcrumbs__item + .breadcrumbs__item::before {
content: "/";
display: block;
margin: 0 5px;
}
.breadcrumbs__item:last-child .breadcrumbs__link {
color: #7B61FF;
}
.breadcrumbs__link {
font-weight: 600;
font-size: 14px;
line-height: 17px;
text-transform: capitalize;
color: #828282;
}
.dropdownSettings {
position: relative;
}
@media screen and (max-width: 768px) {
.dropdownSettings {
width: 100%;
height: 100%;
}
}
.dropdownSettings__btn {
display: flex;
align-items: center;
justify-content: center;
width: 20px;
height: 20px;
}
.dropdownSettings__btn svg {
fill: var(--textColor);
transition: fill ease 0.3s;
}
@media screen and (max-width: 768px) {
.dropdownSettings__btn {
width: 20px;
height: 100%;
}
}
.dropdownSettings__dropdown {
display: none;
width: 154px;
padding: 15px 17px;
position: absolute;
bottom: -5px;
right: -5px;
background: var(--dropdownSettingsBg);
border: 1px solid var(--dropdownSettingsBorder);
transform: translate3d(0, 100%, 0);
border-radius: 8px;
z-index: 1;
}
.dropdownSettings__dropdown svg {
fill: var(--dropdownSettingsfill);
transition: fill ease 0.3s;
}
.dropdownSettings__dropdown a {
display: flex;
font-weight: 500;
font-size: 12px;
line-height: 15px;
text-transform: none;
}
.dropdownSettings__dropdown a svg {
min-width: 16px;
margin-right: 12px;
}
.dropdownSettings__dropdown a + a {
margin-top: 10px;
}
@media screen and (max-width: 768px) {
.dropdownSettings__dropdown {
top: 50%;
bottom: unset;
right: 20px;
transform: translate3d(0, -50%, 0);
}
}
.avatar {
display: flex;
align-items: center;
justify-content: center;
width: 50px;
min-width: 50px;
height: 50px;
font-weight: 200;
font-size: 24px;
line-height: 24px;
background: linear-gradient(180deg, #02C58F 0%, #7B61FF 100%);
color: #fff;
border-radius: 50%;
overflow: hidden;
}
.avatar img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.data-search {
display: flex;
align-items: center;
justify-content: flex-end;
min-width: 550px;
}
.data-search .inputBlock {
max-width: 200px;
margin-top: -19px;
}
.data-search .inputBlock + .inputBlock {
margin-left: 20px;
}
.data-search .inputBlock input {
/*background-image: url(../img/icons/calendar.svg);*/
background-position: right 10px center;
background-repeat: no-repeat;
}
.data-search .btn {
margin-left: 20px;
width: 100%;
max-width: 220px;
}
@media screen and (max-width: 560px) {
.data-search > .inputBlock:first-child .iinputBlock__input {
width: 27rem;
}
.data-search {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.data-search > .inputBlock {
flex: 1 0 50%;
}
.data-search .inputBlock + .inputBlock {
margin-top: 1px;
margin-left: 0;
}
.data-search > .inputBlock:first-child {
flex: 1 0 100%;
}
.data-search .btn {
width: 46px;
min-width: 46px;
margin-top: 1rem;
}
.data-search .btn:hover {
background: #7B61FF center center no-repeat;
}
}
@media screen and (max-width: 420px) {
.data-search > .inputBlock:first-child .iinputBlock__input {
width: 19rem;
}
}
@media screen and (max-width: 380px) {
.data-search > .inputBlock:first-child .iinputBlock__input {
width: 16.8rem;
}
}
@media screen and (max-width: 368px) {
.data-search > .inputBlock:first-child .iinputBlock__input {
width: 15.8rem;
}
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: var(--textColor);
}
.select2-selection.select2-selection--single {
border-radius: 8px !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
color: var(--textColor);
}
.select2-selection.select2-selection--multiple {
border-radius: 8px !important;
}
.select2-dropdown {
background: var(--inputBackground);
}
.select2-dropdown {
border-radius: 8px !important;
border: 1px solid var(--border) !important;
overflow: hidden;
color: var(----dropdownSettingsBorder);
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
background: none;
color: var(----dropdownSettingsBorder);
}
.select2-container--default .select2-results__option--selected {
background: var(--sidebarIcon) !important;
color: #fff !important;
}
.select2-search.select2-search--dropdown input {
height: 32px;
}
.heaader__buttons__item .select2-container {
min-width: 70px;
}
.heaader__buttons__item .select2-container .select2-selection.select2-selection--single {
justify-content: center;
padding: 0;
text-align: center;
}
.apexcharts-text {
fill: var(--textColor);
}
.apexcharts-yaxis line,
.apexcharts-xaxis line {
stroke: var(--textColor) !important;
stroke-dasharray: 5px !important;
}
.apexcharts-tooltip.apexcharts-theme-light {
background: var(--cardBg) !important;
border: 1px solid var(--border) !important;
}
.apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
background-color: #7B61FF !important;
color: #fff !important;
}
.apexcharts-xaxistooltip {
background-color: #7B61FF !important;
color: #fff !important;
border: 1px solid var(--border);
border-radius: 8px !important;
}
.header {
width: 100vw;
position: fixed;
top: 0;
left: 0;
background: var(--headerBg);
color: var(--headerColor);
z-index: 100;
}
.header__content {
display: flex;
align-items: center;
height: 56px;
padding-right: 122px;
}
@media screen and (max-width: 1600px) {
.header__content {
height: 56px;
}
}
@media screen and (max-width: 1200px) {
.header__content {
padding-right: 25px;
}
}
@media screen and (max-width: 768px) {
.header__content {
justify-content: space-between;
padding-right: 15px;
}
}
.header__logo {
height: 42px;
margin-left: 60px;
}
.header__logo svg {
height: 100%;
}
.header__logo picture {
height: 100%;
}
.header__logo picture img {
display: block;
height: 100%;
}
@media screen and (max-width: 1200px) {
.header__logo {
margin-left: 15px;
}
}
.logo-icon {
stroke: var(--headerLogo);
transition: stroke ease 0.3s;
}
.logo-text {
fill: var(--headerLogo);
transition: fill ease 0.3s;
}
.header__burger svg {
width: 60px;
min-width: 60px;
fill: var(--headerColor);
transition: fill ease 0.3s;
}
@media screen and (max-width: 1600px) {
.header__burger svg {
width: 36px;
min-width: 36px;
}
}
.header__burger + .header__logo {
margin-left: auto;
padding-left: 120px;
}
@media screen and (max-width: 768px) {
.header__burger {
margin-right: 26px;
}
.header__burger + .header__logo {
margin-left: 0;
padding-left: 0;
}
}
.header__buttons {
display: flex;
align-items: center;
margin-left: auto;
margin-bottom: 0;
}
@media screen and (max-width: 768px) {
.header__buttons {
margin-left: 1.8rem;
}
}
.heaader__buttons__item .select2-container .select2-selection--single {
background: none;
border: 0;
}
.heaader__buttons__item .select2-container .select2-selection--single .select2-selection__rendered {
padding: 0;
font-weight: 600;
font-size: 14px;
line-height: 24px;
color: var(--headerColor);
text-align: center;
}
.heaader__buttons__item .select2-container .select2-selection--single .select2-selection__arrow {
display: none;
}
.heaader__buttons__item .select2-container .select2-selection--multiple {
background: none;
border: 0;
}
.heaader__buttons__item .select2-container .select2-selection--multiple .select2-selection__rendered {
padding: 0;
font-weight: 600;
font-size: 14px;
line-height: 24px;
color: var(--headerColor);
text-align: center;
}
.heaader__buttons__item .select2-container .select2-selection--multiple .select2-selection__arrow {
display: none;
}
.heaader__buttons__item + .heaader__buttons__item {
margin-left: 5px;
}
.themeSwitcher {
display: flex;
width: 25px;
height: 25px;
overflow: hidden;
}
.themeSwitcher svg {
width: 25px;
min-width: 25px;
height: 25px;
}
.heaader__user {
margin-left: 15px;
position: relative;
}
@media screen and (max-width: 768px) {
.heaader__user {
display: none;
}
}
.heaader__user__info {
display: flex;
align-items: center;
cursor: pointer;
}
.heaader__user__avatar {
display: flex;
align-items: center;
justify-content: center;
width: 50px;
min-width: 50px;
height: 50px;
margin-right: 20px;
font-weight: 200;
font-size: 24px;
line-height: 24px;
background: linear-gradient(180deg, #02C58F 0%, #7B61FF 100%);
color: #fff;
border-radius: 50%;
overflow: hidden;
}
.heaader__user__avatar img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media screen and (max-width: 1600px) {
.heaader__user__avatar {
width: 42px;
min-width: 42px;
height: 42px;
margin-right: 20px;
font-weight: 200;
font-size: 20px;
line-height: 20px;
}
}
.heaader__user__dropdown {
display: none;
width: 154px;
padding: 15px;
position: absolute;
bottom: -20px;
background: var(--headerBg);
border: 1px solid #CCCDCA;
border-radius: 8px;
transform: translate3d(0, 100%, 0);
}
.heaader__user__links a {
display: flex;
align-items: center;
font-weight: 500;
font-size: 12px;
line-height: 15px;
}
.heaader__user__links a svg {
width: 16px;
min-width: 16px;
margin-right: 12px;
}
.heaader__user__links li + li {
margin-top: 15px;
}
.header__social {
display: flex;
align-items: center;
margin-left: 25px;
margin-bottom: 0rem;
}
.header__social li a {
display: flex;
align-items: center;
font-weight: 400;
font-size: 16px;
line-height: 28px;
color: #007BFF;
}
.header__social li a svg {
margin-right: 10px;
}
@media screen and (max-width: 768px) {
.header__social {
display: none;
}
}
.sidebar {
width: 267px;
height: calc(100vh - 56px);
padding: 40px 0;
position: -webkit-sticky;
position: sticky;
top: 56px;
left: 0;
background: var(--sidebarBg);
/*transition: background ease 0.5s, top ease 0.5s 0.5s, transform ease 0.5s;*/
/*transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);*/
transition: width ease 0.5s, top ease 0.5s 0.5s, transform ease 0.5s;
z-index: 99;
}
/*.sidebar__user,*/
/*.sidebar__links__item,*/
/*.sidebar__navigation,*/
/*.menu_animation {*/
/* transition: width 1s cubic-bezier(0.77,0.2,0.05,1.0);*/
/*}*/
/*.menu_animation.active {*/
/* transform: translate3d(-10%, 0, 0);*/
/*}*/
/*.sidebar.collapse .sidebar__links__item {*/
/* transition: transform 1s cubic-bezier(0.77,0.2,0.05,1.0);*/
/*}*/
.sidebar.collapse .sidebar__navigation {
margin-top: 81px;
}
.menu_animation.active .sidebar .sidebar__navigation {
margin-top: 81px;
}
@media screen and (max-width: 1600px) {
.sidebar {
height: calc(100vh - 56px);
top: 56px;
}
}
@media screen and (min-width: 993px) {
.menu_animation.active .sidebar + .content {
width: calc(100% - 267px);
}
.sidebar + .content {
width: calc(100% - 267px);
}
.menu_animation.active .sidebar {
width: 60px;
}
.sidebar.collapse {
width: 60px;
}
.menu_animation.active .sidebar .sidebar__user {
display: none;
}
.sidebar.collapse .sidebar__user {
display: none;
}
.menu_animation.active .sidebar .sidebar__links__item a svg {
margin-right: 0;
}
.sidebar.collapse .sidebar__links__item a svg {
margin-right: 0;
}
.menu_animation.active .sidebar .sidebar__links__item a > span {
display: none;
}
.sidebar.collapse .sidebar__links__item a > span {
display: none;
}
.menu_animation.active .sidebar + .content {
width: calc(100% - 60px);
}
.sidebar.collapse + .content {
width: calc(100% - 60px);
}
}
@media screen and (max-width: 992px) {
.sidebar {
position: fixed;
top: 76px;
transform: translate3d(-100%, 0, 0);
}
.sidebar.active {
transform: translate3d(0, 0, 0);
}
}
@media screen and (max-width: 768px) {
.sidebar {
height: calc(100vh - 56px);
top: 56px;
}
}
.sidebar__user {
display: flex;
flex-direction: column;
align-items: center;
}
.sidebar__user__name {
font-weight: 400;
font-size: 16px;
line-height: 20px;
letter-spacing: -0.05px;
color: var(--textColor);
}
.sidebar__user__balance {
display: flex;
align-items: center;
justify-content: center;
padding: 3px 20px 2px;
margin-top: 10px;
font-weight: 700;
font-size: 16px;
line-height: 16px;
color: #F2F2F2;
background: #7B61FF;
border-radius: 8px;
}
.sidebar__user__balance.lessfifty {
background: #FF3A00;
}
.sidebar__user__balance.lesszero {
background: #db5d5d;
}
.sidebar__navigation {
transition: transform 2s cubic-bezier(0.77, 0.2, 0.05, 1.0);
transform: translate3d(0, 0, 0);
margin-top: 30px;
}
.sidebar__links__item a {
display: flex;
align-items: center;
position: relative;
padding: 5px 20px;
font-weight: 500;
font-size: 14px;
line-height: 20px;
}
.sidebar__links__item a svg {
margin-right: 10px;
fill: var(--sidebarLinkSVG);
transition: fill ease 0.3s;
}
.sidebar__links__item #admin-icon {
margin-right: 10px;
color: var(--sidebarLinkSVG);
fill: var(--sidebarLinkSVG);
transition: fill ease 0.3s;
}
a .fa-infinity,
a .fa-infinity:before,
a .fa-infinity:after,
a .fa-infinity:hover {
text-decoration: none !important;
}
a .fa-,
a .fa-cogs:before,
a .fa-cogs:after,
a .fa-cogs:hover {
text-decoration: none !important;
}
.sidebar__links__item a::before {
content: "";
display: block;
width: 3px;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: transparent;
}
.sidebar__links__item a:hover {
background: var(--sidebarLinkHover);
}
.sidebar__links__item.active a {
background: var(--sidebarLinkHover);
}
.sidebar__links__item.active a::before {
background: #7B61FF;
}
.sidebar__links__item + .sidebar__links__item {
margin-top: 10px;
}
.sidebar__links__item hr {
height: 1px;
margin: 20px 10px;
background: var(--sidebarLine);
}
.content {
width: 100%;
min-height: calc(100vh - 56px);
padding: 40px 50px 40px 20px;
transition: width ease 0.3s;
}
@media screen and (max-width: 1600px) {
.content {
padding: 40px 20px;
}
}
.auth {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
min-height: calc(100vh - 76px);
padding: 20px 16px;
}
@media screen and (max-width: 768px) {
.auth {
min-height: calc(100vh - 56px);
}
}
.login {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
max-width: 440px;
padding: 50px 57px;
}
.login h3 {
margin-bottom: 20px;
text-align: center;
}
.login > * {
width: 100%;
}
@media screen and (max-width: 1600px) {
.login {
max-width: 380px;
padding: 30px 30px;
}
}
.auth__buttons {
width: 100%;
max-width: 286px;
margin-top: 46px;
}
.auth__buttons > * + * {
margin-top: 19px;
}
.auth__link {
display: none;
}
@media screen and (max-width: 768px) {
.auth__link {
display: flex;
align-items: center;
margin-top: 22px;
font-weight: 400;
font-size: 24px;
line-height: 24px;
color: #007BFF;
}
.auth__link svg {
margin-right: 16px;
}
}
.profile {
display: flex;
align-items: flex-start;
}
@media screen and (max-width: 1200px) {
.profile {
flex-direction: column;
}
}
.profile__left {
width: 511px;
min-width: 511px;
}
@media screen and (max-width: 1600px) {
.profile__left {
width: 400px;
min-width: 400px;
}
}
@media screen and (max-width: 1200px) {
.profile__left {
width: 100%;
min-width: 100%;
}
}
.profile__info {
display: flex;
flex-direction: column;
align-items: center;
padding: 40px;
}
@media screen and (max-width: 1200px) {
.profile__info {
padding: 24px;
}
}
.profile__avatar {
display: flex;
align-items: center;
justify-content: center;
width: 106px;
min-width: 106px;
height: 106px;
margin-top: 40px;
font-weight: 200;
font-size: 48px;
line-height: 24px;
background: linear-gradient(180deg, #02C58F 0%, #7B61FF 100%);
color: #fff;
border-radius: 50%;
overflow: hidden;
}
.profile__avatar img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.profile__info__list {
margin-top: 40px;
}
.profile__info__list li {
display: flex;
align-items: center;
}
.profile__info__list li h6 {
margin-right: 20px;
font-size: 16px;
line-height: 24px;
margin-bottom: 0;
}
.profile__info__list li + li {
margin-top: 50px;
}
@media screen and (max-width: 1600px) {
.profile__info__list li + li {
margin-top: 30px;
}
}
@media screen and (max-width: 1200px) {
.profile__info__list li + li {
margin-top: 20px;
}
}
.profile__settings {
display: flex;
flex-direction: column;
align-items: center;
padding: 30px;
margin-top: 20px;
}
@media screen and (max-width: 1200px) {
.profile__settings {
padding: 24px;
}
}
.profile__settings__links {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
margin-top: 17px;
}
.profile__settings__link {
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #007BFF;
}
.profile__settings__link + .profile__settings__link {
margin-top: 10px;
}
.profile__right {
width: 100%;
margin-left: 20px;
}
@media screen and (max-width: 1200px) {
.profile__right {
margin-top: 20px;
margin-left: 0;
}
}
.profile__history {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
height: 100%;
padding: 40px 0 0;
}
.profile__history__scroll {
width: 100%;
height: 705px;
margin-top: 20px;
}
@media screen and (max-width: 1600px) {
.profile__history__scroll {
height: 625px;
}
}
@media screen and (max-width: 768px) {
.profile__history__scroll {
height: auto;
}
}
.profile__history__list {
width: 100%;
}
.profile__history__list__item {
display: grid;
grid-template-columns: 0.7fr 0.8fr 1.5fr;
padding: 18px 0;
border-top: 1px solid #E6E6E6;
}
.profile__history__list__item.profile__history__list__item_title {
position: -webkit-sticky;
position: sticky;
top: 0;
background: var(--cardBg);
}
.profile__history__list__item.profile__history__list__item_title .profile__history__date,
.profile__history__list__item.profile__history__list__item_title .profile__history__sum,
.profile__history__list__item.profile__history__list__item_title .profile__history__comment {
font-weight: 700;
font-size: 20px;
line-height: 24px;
color: var(--textColor);
text-transform: uppercase;
}
@media screen and (max-width: 1600px) {
.profile__history__list__item.profile__history__list__item_title .profile__history__date,
.profile__history__list__item.profile__history__list__item_title .profile__history__sum,
.profile__history__list__item.profile__history__list__item_title .profile__history__comment {
font-size: 16px;
line-height: 120%;
}
}
@media screen and (max-width: 768px) {
.profile__history__list__item.profile__history__list__item_title {
display: none;
}
}
@media screen and (max-width: 768px) {
.profile__history__list__item {
grid-template-columns: 1fr 1fr;
}
}
.profile__history__comment {
padding: 0 30px;
}
@media screen and (max-width: 768px) {
.profile__history__comment {
grid-column-start: 1;
grid-column-end: 3;
text-align: center;
margin-top: 18px;
}
}
.profile__history__date,
.profile__history__comment {
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: var(--profileHistoryDate);
}
@media screen and (max-width: 1600px) {
.profile__history__date,
.profile__history__comment {
font-size: 14px;
line-height: 120%;
}
}
.profile__history__date,
.profile__history__sum {
text-align: center;
}
@media screen and (max-width: 768px) {
.profile__history__date,
.profile__history__sum {
font-weight: 500;
font-size: 16px;
line-height: 19px;
color: var(--textColor);
}
}
.profile__history__sum {
font-weight: 500;
font-size: 16px;
line-height: 19px;
color: var(--profileHistorySum);
}
@media screen and (max-width: 1600px) {
.profile__history__sum {
font-size: 14px;
line-height: 120%;
}
}
.push__top {
display: flex;
align-items: center;
justify-content: space-between;
}
.push__top h2 {
margin-bottom: 0;
}
@media screen and (max-width: 560px) {
.push__top {
flex-direction: column;
align-items: center;
}
}
.push__searchForm {
display: flex;
align-items: center;
justify-content: flex-end;
width: 100%;
margin-left: 30px;
}
.push__searchForm .inputBlock {
width: 100%;
max-width: 567px;
margin-bottom: 0;
}
.push__searchForm .btn {
margin-left: 20px;
width: 100%;
max-width: 65px;
}
@media screen and (max-width: 560px) {
.push__searchForm {
margin-top: 30px;
margin-left: 0;
}
.push__searchForm .btn {
width: 46px;
min-width: 46px;
background-image: url(../img/icons/search-white.svg);
background-position: center center;
background-repeat: no-repeat;
}
.push__searchForm .btn span {
display: none;
}
.push__searchForm .btn:hover {
background: #7B61FF url(../img/icons/search-white.svg) center center no-repeat;
}
}
.push__list {
display: flex;
flex-wrap: wrap;
list-style: none;
margin-top: 40px;
}
/*@media screen and (max-width: 1600px) {*/
/* .push__list {*/
/* grid-gap: 20px;*/
/* }*/
/*}*/
/*@media screen and (max-width: 1200px) {*/
/* .push__list {*/
/* grid-template-columns: repeat(2, 1fr);*/
/* }*/
/*}*/
/*@media screen and (max-width: 560px) {*/
/* .push__list {*/
/* grid-template-columns: 1fr;*/
/* }*/
/*}*/
.push__item__info {
display: flex;
flex-direction: column;
align-items: center;
padding: 30px 25px;
}
.push__item__info h5 {
font-weight: 500;
font-size: 16px;
line-height: 14px;
text-align: center;
}
@media screen and (max-width: 1600px) {
.push__item__info h5 {
font-size: 16px;
line-height: 20px;
}
}
.push__item__info .btn {
max-width: 170px;
margin-top: 36px;
}
@media screen and (max-width: 1600px) {
.push__item__info .btn {
margin-top: 15px;
}
}
@media screen and (max-width: 1400px) {
.push__item__info {
padding: 15px;
}
}
.push__item__img {
display: flex;
align-items: center;
justify-content: center;
height: 276px;
border-radius: 16px 16px 0 0;
overflow: hidden;
}
.push__item__img img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media screen and (max-width: 1600px) {
.push__item__img {
height: 220px;
}
}
@media screen and (max-width: 1400px) {
.push__item__img {
height: 180px;
}
}
.push__pagination {
display: flex;
align-items: center;
justify-content: center;
margin-top: 60px;
}
.push__pagination li + li {
margin-left: 20px;
}
@media screen and (max-width: 560px) {
.push__pagination li + li {
margin-left: 10px;
}
}
.push__pagination__item {
display: flex;
align-items: center;
justify-content: center;
width: 56px;
height: 46px;
font-weight: 400;
font-size: 16px;
line-height: 19px;
color: #fff;
background: #7B61FF;
border-radius: 8px;
}
.push__pagination__item:hover, .push__pagination__item.active {
background: #5C3CFF;
}
.push__pagination__icon svg {
fill: #7B61FF;
}
.push__pagination__icon:hover svg {
fill: #5C3CFF;
}
.geo__top {
display: flex;
align-items: center;
justify-content: space-between;
}
.geo__title {
font-weight: 600 !important;
font-size: 14px;
line-height: 17px;
text-align: center;
text-transform: uppercase;
}
@media screen and (max-width: 1400px) {
.geo__top > .btn {
position: fixed;
right: 16px;
bottom: 16px;
z-index: 10;
}
}
@media screen and (max-width: 768px) {
.geo__title {
display: none;
}
}
.geo__list {
margin-top: 18px;
}
@media screen and (max-width: 768px) {
.geo__list {
background: none;
box-shadow: none;
}
}
.geo__card {
display: grid;
grid-template-columns: 64px 1fr 1fr 1fr 1fr 1fr 64px;
}
.geo__card li {
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
}
@media screen and (max-width: 768px) {
.geo__card {
grid-template-columns: 1fr 20px;
}
.geo__card li {
padding: 25px 15px;
}
.geo__card li > * {
width: 100%;
}
.geo__card li [data-title] {
text-align: left;
display: flex;
align-items: center;
}
.geo__card li [data-title]::before {
content: attr(data-title);
display: block;
width: 140px;
margin-right: 8px;
font-weight: 600;
font-size: 14px;
line-height: 17px;
text-transform: uppercase;
}
/*.geo__card li:first-child {*/
/* display: none;*/
/*}*/
.geo__card input {
width: 20px;
height: 20px;
}
.geo__card li:last-child {
padding: 0;
grid-column-start: 2;
grid-row-start: 1;
grid-row-end: 6;
border-left: 1px solid var(--border);
border-top: 0 !important;
}
}
.geo__card {
text-align: center;
font-size: 12px;
line-height: 15px;
}
@media screen and (max-width: 768px) {
.geo__card li + li {
border-top: 1px solid var(--border);
}
}
.geo__item {
border-top: 1px solid var(--border);
}
@media screen and (max-width: 768px) {
.geo__item {
background: var(--cardBg);
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
border-radius: 16px;
border-top: 0;
}
.geo__item + .geo__item {
margin-top: 16px;
}
}
.geo__city {
display: inline-block;
position: relative;
}
@media screen and (min-width: 768px) {
.geo__city__title:hover + .geo__city__all {
display: block;
}
}
.geo__city__all {
display: none;
width: 224px;
padding: 15px;
position: absolute;
right: -5px;
bottom: 3px;
text-align: left;
background: var(--dropdownSettingsBg);
border: 1px solid var(--dropdownSettingsBorder);
border-radius: 8px;
transform: translate3d(100%, 0, 0);
}
@media screen and (max-width: 768px) {
.geo__city__all {
margin-top: 25px;
padding: 0;
width: 100%;
position: unset;
transform: none;
border: 0;
}
}
.tableMobDropdown {
position: relative;
}
.tableMobDropdown::after {
content: "";
display: block;
width: 24px;
height: 24px;
position: absolute;
right: -10px;
top: calc(50% - 2px);
transform: translate3d(0, -50%, 0);
}
.localization__top {
display: flex;
align-items: center;
justify-content: space-between;
}
.localization__top h2 {
text-align: center;
}
@media screen and (max-width: 1200px) {
.localization__top {
flex-direction: column;
align-items: center;
}
}
.localization__title {
font-weight: 600 !important;
font-size: 14px;
line-height: 17px;
text-align: center;
text-transform: uppercase;
}
@media screen and (max-width: 768px) {
.localization__title {
display: none;
}
}
.localization__list {
margin-top: 18px;
}
@media screen and (max-width: 768px) {
.localization__list {
background: none;
box-shadow: none;
}
}
.localization__card {
display: grid;
grid-template-columns: 0.5fr 1fr 1fr 64px;
}
.localization__card li {
display: flex;
/*align-items: baseline;*/
justify-content: center;
padding: 20px;
}
.localization__dropdown {
align-items: center;
justify-content: center;
}
/*.localization__card li:nth-child(2), .localization__card li:nth-child(3) {*/
/* justify-content: flex-start;*/
/* text-align: left;*/
/*}*/
@media screen and (max-width: 768px) {
.localization__card {
grid-template-columns: 1fr 20px;
}
.localization__card li {
padding: 25px 15px;
}
.localization__card li > * {
width: 100%;
}
.localization__card li [data-title] {
text-align: left;
display: flex;
align-items: center;
}
.localization__card li [data-title]::before {
content: attr(data-title);
display: block;
width: 100px;
margin-right: 8px;
font-weight: 600;
font-size: 14px;
line-height: 17px;
text-transform: uppercase;
}
.localization__card li:last-child {
padding: 0;
grid-column-start: 2;
grid-row-start: 1;
grid-row-end: 6;
border-left: 1px solid var(--border);
border-top: 0 !important;
}
}
.localization__card {
text-align: center;
font-size: 12px;
line-height: 15px;
}
@media screen and (max-width: 768px) {
.localization__card li:nth-child(n+1) + li {
border-top: 1px solid var(--border);
}
}
.localization__item {
border-top: 1px solid var(--border);
}
@media screen and (max-width: 768px) {
.localization__item {
background: var(--cardBg);
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
border-radius: 16px;
border-top: 0;
}
.localization__item + .localization__item {
margin-top: 16px;
}
}
.localization__city {
display: inline-block;
position: relative;
}
.localization__text {
font-weight: 400;
font-size: 12px;
line-height: 24px;
}
@media screen and (max-width: 768px) {
.localization__text span {
width: 120px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}
.localization__city__all {
display: none;
width: 224px;
padding: 15px;
position: absolute;
right: -5px;
bottom: 3px;
text-align: left;
background: var(--dropdownSettingsBg);
border: 1px solid var(--dropdownSettingsBorder);
border-radius: 8px;
transform: translate3d(100%, 0, 0);
}
@media screen and (max-width: 768px) {
.localization__city__all {
margin-top: 25px;
padding: 0;
width: 100%;
position: unset;
transform: none;
border: 0;
}
}
.tableMobDropdown {
position: relative;
}
.tableMobDropdown::after {
content: "";
display: block;
width: 24px;
height: 24px;
position: absolute;
right: -10px;
top: calc(50% - 2px);
transform: translate3d(0, -50%, 0);
}
.localization__buttons {
display: flex;
}
.localization__buttons > * + * {
margin-left: 20px;
}
.localization__buttons .btn_change {
margin-left: 54px;
}
@media screen and (max-width: 1200px) {
.localization__buttons {
margin-top: 20px;
}
}
@media screen and (max-width: 768px) {
.pushDetails__block {
background: none;
box-shadow: none;
}
}
.pushDetails__top {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 1.5rem;
}
.pushDetails__top h2 {
text-align: center;
}
.pushDetails__top.push__top {
max-width: 300px;
}
@media screen and (max-width: 992px) {
.pushDetails__top {
flex-direction: column;
align-items: center;
}
}
.pushDetails__title {
font-weight: 600 !important;
font-size: 14px;
line-height: 17px;
text-align: center;
text-transform: uppercase;
}
@media screen and (max-width: 768px) {
.pushDetails__title {
display: none;
}
}
.pushDetails__list {
margin-top: 0;
}
.pushDetails__card {
display: grid;
grid-template-columns: repeat(7, 1fr);
/*grid-template-columns: repeat(10, 1fr);*/
}
.pushDetails__card li {
display: flex;
align-items: center;
justify-content: center;
/*padding: 20px;*/
padding: 20px 5px 20px 5px;
}
/*.pushDetails__card li:nth-child(1) {*/
/* justify-content: flex-start;*/
/* padding-left: 74px;*/
/*}*/
@media screen and (max-width: 1200px) {
.pushDetails__card li:nth-child(1) {
padding-left: 25px;
}
}
@media screen and (max-width: 768px) {
.pushDetails__card li:nth-child(1) {
padding-left: 15px;
}
}
@media screen and (max-width: 768px) {
.pushDetails__card {
grid-template-columns: 1fr;
}
.pushDetails__card li {
padding: 25px 15px;
}
.pushDetails__card li > * {
width: 100%;
}
.pushDetails__card li [data-title] {
text-align: left;
display: flex;
align-items: center;
}
.pushDetails__card li [data-title]::before {
content: attr(data-title);
display: block;
width: 120px;
margin-right: 8px;
font-weight: 600;
font-size: 14px;
line-height: 17px;
text-transform: uppercase;
}
.pushDetails__card li.pushDetails__status {
display: none;
}
}
.pushDetails__card {
text-align: center;
font-size: 12px;
line-height: 15px;
}
@media screen and (max-width: 768px) {
.pushDetails__card li:nth-child(n+1) + li {
border-top: 1px solid var(--border);
}
}
.pushDetails__item {
border-top: 1px solid var(--border);
}
@media screen and (max-width: 768px) {
.pushDetails__item {
background: var(--cardBg);
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
border-radius: 16px;
border-top: 0;
}
.pushDetails__item + .pushDetails__item {
margin-top: 16px;
}
}
.pushDetails__city {
display: inline-block;
position: relative;
}
.pushDetails__text {
font-weight: 400;
font-size: 12px;
line-height: 24px;
}
@media screen and (max-width: 768px) {
.pushDetails__text span {
width: 120px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}
.pushDetails__city__all {
display: none;
width: 224px;
padding: 15px;
position: absolute;
right: -5px;
bottom: 3px;
text-align: left;
background: var(--dropdownSettingsBg);
border: 1px solid var(--dropdownSettingsBorder);
border-radius: 8px;
transform: translate3d(100%, 0, 0);
}
@media screen and (max-width: 768px) {
.pushDetails__city__all {
margin-top: 25px;
padding: 0;
width: 100%;
position: unset;
transform: none;
border: 0;
}
}
.tableMobDropdown {
position: relative;
}
.tableMobDropdown::after {
content: "";
display: block;
width: 24px;
height: 24px;
position: absolute;
right: -10px;
top: calc(50% - 2px);
transform: translate3d(0, -50%, 0);
}
.pushDetails__buttons {
display: flex;
}
.pushDetails__buttons > * + * {
margin-left: 20px;
}
.pushDetails__buttons .btn_change {
margin-left: 54px;
}
@media screen and (max-width: 1200px) {
.pushDetails__buttons {
margin-top: 20px;
}
}
.pushDetails__status::before {
content: "";
display: block;
width: 24px;
height: 24px;
}
.pushDetails__filter {
display: flex;
align-items: center;
justify-content: flex-end;
}
.pushDetails__filter .inputBlock .first {
width: 170px;
}
.pushDetails__filter .inputBlock .next {
max-width: 200px;
}
.pushDetails__filter .sendbtn {
max-width: 65px;
}
.pushDetails__filter .inputBlock + .inputBlock {
margin-left: 25px;
margin-top: 0;
}
@media screen and (max-width: 560px) {
.pushDetails__filter {
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-direction: row;
flex-wrap: wrap;
}
.pushDetails__filter > .inputBlock {
flex: 1 0 20%;
}
.pushDetails__filter > .inputBlock:first-child {
flex: 1 0 100%;
}
.pushDetails__filter > .inputBlock:first-child select {
width: 318px;
}
.pushDetails__filter > .inputBlock.next select {
width: 229px;
}
.pushDetails__filter .inputBlock + .inputBlock {
margin-top: 1px;
margin-left: 0;
}
.pushDetails__filter .btn {
width: 46px;
min-width: 46px;
margin-left: 2.6rem;
}
.pushDetails__filter .btn:hover {
background: #7B61FF center center no-repeat;
}
}
@media screen and (max-width: 992px) {
.pushDetails__filter {
margin-top: 25px;
}
}
.success .pushDetails__status::before {
background: url(../img/icons/succes.svg) center center no-repeat;
}
.success h2 {
text-align: center;
}
@media screen and (max-width: 768px) {
.success {
border: 2px solid #02C58F;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
border-radius: 16px;
}
}
.decline .pushDetails__status::before {
background: url(../img/icons/decline.svg) center center no-repeat;
}
@media screen and (max-width: 768px) {
.decline {
border: 2px solid #FF0000;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
border-radius: 16px;
}
}
.pushDetails__paginations {
display: flex;
align-items: center;
justify-content: flex-end;
padding: 15px 30px;
border-top: 1px solid var(--dropdownSettingsBorder);
}
@media screen and (max-width: 768px) {
.pushDetails__paginations {
border: none;
}
}
.pushDetails__paginations__info {
margin-bottom: 0.4rem;
font-weight: 400;
font-size: 12px;
line-height: 14px;
opacity: 0.54;
}
.pushDetails__paginations__item {
transition: opacity ease 0.3s;
}
.pushDetails__paginations__item a svg {
fill: var(--textColor);
transition: fill ease 0.3s;
}
.pushDetails__paginations__item:hover {
opacity: 0.5;
}
.offers__top {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 1.5rem;
}
.offers__top h2 {
display: flex;
align-items: center;
}
.offers__top h2 .faq-link {
margin-left: 15px;
}
.offers__top .push__searchForm {
max-width: 900px;
margin: 0 15px;
}
@media screen and (max-width: 1200px) {
.offers__top {
flex-direction: column;
align-items: center;
}
.offers__top .btn_add {
position: fixed;
bottom: 16px;
right: 16px;
}
.offers__top .push__searchForm {
max-width: 100%;
margin: 50px 0 0;
}
.offers__top .push__searchForm .inputBlock {
max-width: 100%;
}
}
.offers__title {
font-weight: 600 !important;
font-size: 14px;
line-height: 17px;
text-align: center;
text-transform: uppercase;
}
@media screen and (max-width: 768px) {
.offers__title {
display: none;
}
}
.offers__list {
margin-top: 0;
}
@media screen and (max-width: 768px) {
.offers__list {
background: none;
box-shadow: none;
}
}
.offers__card {
display: grid;
grid-template-columns: 0.8fr 1fr 1fr 1fr 64px;
}
.offers__card li {
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
}
/*.offers__card li:nth-child(2), .offers__card li:nth-child(3) {*/
/* justify-content: flex-start;*/
/* text-align: left;*/
/*}*/
@media screen and (max-width: 768px) {
.offers__card {
grid-template-columns: 1fr 20px;
}
.offers__card li {
padding: 25px 15px;
}
.offers__card li > * {
width: 100%;
}
.offers__card li [data-title] {
text-align: left;
display: flex;
align-items: center;
}
.offers__card li [data-title]::before {
content: attr(data-title);
display: block;
width: 100px;
margin-right: 8px;
font-weight: 600;
font-size: 14px;
line-height: 17px;
text-transform: uppercase;
}
.offers__card li:last-child {
padding: 0;
grid-column-start: 2;
grid-row-start: 1;
grid-row-end: 6;
border-left: 1px solid var(--border);
border-top: 0 !important;
}
}
.offers__card {
text-align: center;
font-size: 12px;
line-height: 15px;
}
@media screen and (max-width: 768px) {
.offers__card li:nth-child(n+1) + li {
border-top: 1px solid var(--border);
}
}
.offers__item {
border-top: 1px solid var(--border);
}
@media screen and (max-width: 768px) {
.offers__item {
background: var(--cardBg);
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
border-radius: 16px;
border-top: 0;
}
.offers__item + .offers__item {
margin-top: 16px;
}
}
.offers__paginations {
display: flex;
align-items: center;
justify-content: flex-end;
padding: 15px 30px;
border-top: 1px solid var(--dropdownSettingsBorder);
}
@media screen and (max-width: 768px) {
.offers__paginations {
border: none;
}
}
.offers__paginations__info {
margin-bottom: 0.4rem;
font-weight: 400;
font-size: 12px;
line-height: 14px;
opacity: 0.54;
}
.offers__paginations__item {
transition: opacity ease 0.3s;
}
.offers__paginations__item a svg {
fill: var(--textColor);
transition: fill ease 0.3s;
}
.offers__paginations__item:hover {
opacity: 0.5;
}
.offers__cell {
display: inline-block;
position: relative;
}
.offers__text {
font-weight: 400;
font-size: 12px;
line-height: 24px;
}
@media screen and (max-width: 768px) {
.offers__text span {
width: 120px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}
.offers__city__all {
display: none;
width: 224px;
padding: 15px;
position: absolute;
right: -5px;
bottom: 3px;
text-align: left;
background: var(--dropdownSettingsBg);
border: 1px solid var(--dropdownSettingsBorder);
border-radius: 8px;
transform: translate3d(100%, 0, 0);
}
@media screen and (max-width: 768px) {
.offers__city__all {
margin-top: 25px;
padding: 0;
width: 100%;
position: unset;
transform: none;
border: 0;
}
}
.offers__buttons {
display: flex;
}
.offers__buttons > * + * {
margin-left: 20px;
}
.offers__buttons .btn_change {
margin-left: 54px;
}
@media screen and (max-width: 1200px) {
.offers__buttons {
margin-top: 20px;
}
}
@media screen and (max-width: 1200px) {
.streams__block {
background: none;
box-shadow: none;
}
}
.singleSearchForm {
display: contents;
}
.streams__top {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 1.5rem;
}
.streams__top h2 {
white-space: nowrap;
display: flex;
align-items: center;
}
.streams__top h2 .faq-link {
margin-left: 15px;
white-space: nowrap;
}
.streams__top .push__searchForm {
max-width: 590px;
}
.streams__top .data-search {
margin-left: 30px;
margin-right: 30px;
margin-bottom: 0;
}
.streams__top .data-search .inputBlock {
margin-bottom: 0;
}
.streams__top .data-search .btn {
max-width: 65px;
}
@media screen and (max-width: 1400px) {
.streams__top {
flex-wrap: wrap;
flex-direction: column;
align-items: center;
}
/*.streams__top h2 {*/
/* width: 100%;*/
/*}*/
.streams__top .push__searchForm,
.streams__top .data-search {
margin: 30px 0 0;
width: 100%;
/*max-width: calc(50% - 15px);*/
/*min-width: calc(50% - 15px);*/
max-width: 100%;
min-width: 100%;
}
.streams__top .push__searchForm .inputBlock,
.streams__top .data-search .inputBlock {
max-width: 100%;
}
.streams__top > .btn {
position: fixed;
right: 16px;
bottom: 16px;
z-index: 10;
}
}
@media screen and (max-width: 1200px) {
.streams__top {
flex-direction: column;
align-items: center;
}
.streams__top .push__searchForm,
.streams__top .data-search {
margin: 30px 0 0;
width: 100%;
max-width: 100%;
min-width: 100%;
}
.streams__top .push__searchForm .inputBlock,
.streams__top .data-search .inputBlock {
max-width: 100%;
}
.streams__top h2 {
display: flex;
align-items: center;
}
}
.streams__title {
font-weight: 600 !important;
font-size: 14px;
line-height: 17px;
text-align: center;
text-transform: uppercase;
}
@media screen and (max-width: 1200px) {
.streams__title {
display: none;
}
}
.streams__list {
margin-top: 0;
}
.streams__card {
display: grid;
grid-template-columns: 120px repeat(3, 1fr) repeat(4, 100px) 64px;
}
.ustreams__card {
display: grid;
grid-template-columns: 140px repeat(3, 1fr) repeat(1, 100px) 4px;
}
.streams__card li {
display: flex;
align-items: center;
padding: 20px;
/*text-align: left;*/
justify-content: center;
}
.ustreams__card li {
display: flex;
align-items: center;
padding: 20px;
/*text-align: left;*/
justify-content: center;
}
.streams__card .row {
display: flex;
align-items: center;
text-align: center;
justify-content: center;
}
.ustreams__card .row {
display: flex;
align-items: center;
text-align: center;
justify-content: center;
}
/*.streams__card li:nth-child(1), .streams__card li:nth-child(5), .streams__card li:nth-child(7), .streams__card li:nth-child(8) {*/
/* justify-content: center;*/
/*}*/
@media screen and (max-width: 1200px) {
.streams__card {
grid-template-columns: 1fr 20px;
}
.streams__card li {
padding: 25px 15px;
}
.streams__card li > * {
width: 100%;
}
.streams__card li [data-title] {
text-align: left;
display: flex;
align-items: flex-start;
}
.streams__card .row {
display: flex;
align-items: flex-start;
justify-content: flex-start;
}
.streams__card li [data-title]::before {
content: attr(data-title);
display: block;
width: 120px;
margin-right: 8px;
font-weight: 600;
font-size: 14px;
line-height: 17px;
text-transform: uppercase;
}
.streams__card li.streams__status {
display: none;
}
.streams__card li:last-child {
padding: 0;
grid-column-start: 2;
grid-row-start: 1;
grid-row-end: 10;
border-left: 1px solid var(--border);
border-top: 0 !important;
}
.ustreams__card {
grid-template-columns: 1fr 20px;
}
.ustreams__card li {
padding: 25px 15px;
}
.ustreams__card li > * {
width: 100%;
}
.ustreams__card li [data-title] {
text-align: left;
display: flex;
align-items: center;
}
.ustreams__card .row {
display: flex;
align-items: flex-start;
justify-content: flex-start;
}
.ustreams__card li [data-title]::before {
content: attr(data-title);
display: block;
width: 120px;
margin-right: 8px;
font-weight: 600;
font-size: 14px;
line-height: 17px;
text-transform: uppercase;
}
.ustreams__card li.streams__status {
display: none;
}
.ustreams__card li:last-child {
padding: 0;
grid-column-start: 2;
grid-row-start: 1;
grid-row-end: 10;
border-left: 1px solid var(--border);
border-top: 0 !important;
}
}
.streams__card {
text-align: center;
font-size: 12px;
line-height: 15px;
}
.ustreams__card {
text-align: center;
font-size: 12px;
line-height: 15px;
}
@media screen and (max-width: 1200px) {
.streams__card li:nth-child(n+1) + li {
border-top: 1px solid var(--border);
}
.ustreams__card li:nth-child(n+1) + li {
border-top: 1px solid var(--border);
}
}
.streams__item {
border-top: 1px solid var(--border);
}
@media screen and (max-width: 1200px) {
.streams__item {
background: var(--cardBg);
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
border-radius: 16px;
border-top: 0;
}
.streams__item + .streams__item {
margin-top: 16px;
}
}
.streams__city {
display: inline-block;
position: relative;
}
.streams__text {
font-weight: 400;
font-size: 12px;
line-height: 24px;
}
@media screen and (max-width: 1200px) {
.streams__text span {
width: 120px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}
.streams__city__all {
display: none;
width: 224px;
padding: 15px;
position: absolute;
right: -5px;
bottom: 3px;
text-align: left;
background: var(--dropdownSettingsBg);
border: 1px solid var(--dropdownSettingsBorder);
border-radius: 8px;
transform: translate3d(100%, 0, 0);
}
@media screen and (max-width: 1200px) {
.streams__city__all {
margin-top: 25px;
padding: 0;
width: 100%;
position: unset;
transform: none;
border: 0;
}
}
.streams__buttons {
display: flex;
}
.streams__buttons > * + * {
margin-left: 20px;
}
.streams__buttons .btn_change {
margin-left: 54px;
}
@media screen and (max-width: 1200px) {
.streams__buttons {
margin-top: 20px;
}
}
.streams__status::before {
content: "";
display: block;
width: 24px;
height: 24px;
}
.streams__filter {
display: flex;
align-items: center;
}
.streams__filter .inputBlock {
width: 170px;
}
.streams__filter .inputBlock + .inputBlock {
margin-left: 25px;
}
@media screen and (max-width: 1200px) {
.streams__filter {
margin-top: 25px;
}
}
.streams .success .streams__status::before {
background: url(../img/icons/succes.svg) center center no-repeat;
}
@media screen and (max-width: 1200px) {
.streams .success {
border: 2px solid #02C58F;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
border-radius: 16px;
}
}
.streams .decline .streams__status::before {
background: url(../img/icons/decline.svg) center center no-repeat;
}
@media screen and (max-width: 1200px) {
.streams .decline {
border: 2px solid #FF0000;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
border-radius: 16px;
}
}
.streams__paginations {
display: flex;
align-items: center;
justify-content: flex-end;
padding: 15px 30px;
border-top: 1px solid var(--dropdownSettingsBorder);
}
@media screen and (max-width: 1200px) {
.streams__paginations {
border: none;
}
}
.streams__paginations__info {
margin-right: 35px;
font-weight: 400;
font-size: 12px;
line-height: 14px;
opacity: 0.54;
}
.streams__paginations__item {
transition: opacity ease 0.3s;
}
.streams__paginations__item a svg {
fill: var(--textColor);
transition: fill ease 0.3s;
}
.streams__paginations__item:hover {
opacity: 0.5;
}
.statistick__block {
margin-top: 0;
}
@media screen and (max-width: 768px) {
.statistick__block {
background: none;
box-shadow: none;
}
}
.offers__block {
margin-top: 0;
}
@media screen and (max-width: 768px) {
.offers__block {
background: none;
box-shadow: none;
}
}
.statistick__top {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 1.5rem;
}
.statistick__top h2 {
white-space: nowrap;
}
.statistick__top .push__searchForm {
max-width: 590px;
}
.statistick__top .data-search {
margin-left: 30px;
}
.statistick__top .data-search .btn {
max-width: 65px;
}
@media screen and (max-width: 1400px) {
.statistick__top {
flex-wrap: wrap;
}
.statistick__top h2 {
width: 100%;
}
.statistick__top .push__searchForm,
.statistick__top .data-search {
margin: 30px 0 0;
width: 100%;
max-width: calc(50% - 15px);
min-width: calc(50% - 15px);
}
.statistick__top > .btn {
position: fixed;
right: 16px;
bottom: 16px;
z-index: 10;
}
}
@media screen and (max-width: 1200px) {
.statistick__top {
flex-direction: column;
align-items: center;
}
.statistick__top .push__searchForm,
.statistick__top .data-search {
margin: 30px 0 0;
width: 100%;
max-width: 100%;
min-width: 100%;
}
.statistick__top .push__searchForm .inputBlock,
.statistick__top .data-search .inputBlock {
max-width: 100%;
}
.statistick__top h2 {
text-align: center;
}
}
.statistick__title {
font-weight: 600 !important;
font-size: 14px;
line-height: 17px;
text-align: center;
text-transform: uppercase;
}
@media screen and (max-width: 768px) {
.statistick__title {
display: none;
}
}
.statistick__card {
display: grid;
grid-template-columns: repeat(5, 1fr);
}
.statistick__card li {
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
}
/*.statistick__card li:nth-child(2) {*/
/* justify-content: flex-start;*/
/*}*/
@media screen and (max-width: 768px) {
.statistick__card {
grid-template-columns: 1fr;
}
.statistick__card li {
padding: 25px 15px;
}
.statistick__card li > * {
width: 100%;
}
.statistick__card li [data-title] {
text-align: left;
display: flex;
align-items: center;
}
.statistick__card li [data-title]::before {
content: attr(data-title);
display: block;
width: 120px;
margin-right: 8px;
font-weight: 600;
font-size: 14px;
line-height: 17px;
text-transform: uppercase;
}
.statistick__card li.statistick__status {
display: none;
}
}
.statistick__card {
text-align: center;
font-size: 12px;
line-height: 15px;
}
@media screen and (max-width: 768px) {
.statistick__card li:nth-child(n+1) + li {
border-top: 1px solid var(--border);
}
}
.statistick__item {
border-top: 1px solid var(--border);
}
@media screen and (max-width: 768px) {
.statistick__item {
background: var(--cardBg);
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
border-radius: 16px;
border-top: 0;
}
.statistick__item + .statistick__item {
margin-top: 16px;
}
}
.statistick__city {
display: inline-block;
position: relative;
}
.statistick__text {
font-weight: 400;
font-size: 12px;
line-height: 24px;
}
@media screen and (max-width: 768px) {
.statistick__text span {
width: 120px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}
.statistick__city__all {
display: none;
width: 224px;
padding: 15px;
position: absolute;
right: -5px;
bottom: 3px;
text-align: left;
background: var(--dropdownSettingsBg);
border: 1px solid var(--dropdownSettingsBorder);
border-radius: 8px;
transform: translate3d(100%, 0, 0);
}
@media screen and (max-width: 768px) {
.statistick__city__all {
margin-top: 25px;
padding: 0;
width: 100%;
position: unset;
transform: none;
border: 0;
}
}
.tableMobDropdown {
position: relative;
}
.tableMobDropdown::after {
content: "";
display: block;
width: 24px;
height: 24px;
position: absolute;
right: -10px;
top: calc(50% - 2px);
transform: translate3d(0, -50%, 0);
}
.statistick__buttons {
display: flex;
}
.statistick__buttons > * + * {
margin-left: 20px;
}
.statistick__buttons .btn_change {
margin-left: 54px;
}
@media screen and (max-width: 1200px) {
.statistick__buttons {
margin-top: 20px;
}
}
.statistick__status::before {
content: "";
display: block;
width: 24px;
height: 24px;
}
.statistick__filter {
display: flex;
align-items: center;
}
.statistick__filter .inputBlock {
width: 170px;
}
.statistick__filter .inputBlock + .inputBlock {
margin-left: 25px;
}
@media screen and (max-width: 1200px) {
.statistick__filter {
margin-top: 25px;
}
}
.success .statistick__status::before {
background: url(../img/icons/succes.svg) center center no-repeat;
}
@media screen and (max-width: 768px) {
.success {
border: 2px solid #02C58F;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
border-radius: 16px;
}
}
.decline .statistick__status::before {
background: url(../img/icons/decline.svg) center center no-repeat;
}
@media screen and (max-width: 768px) {
.decline {
border: 2px solid #FF0000;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
border-radius: 16px;
}
}
.statistick__paginations {
display: flex;
align-items: center;
justify-content: flex-end;
padding: 15px 30px;
border-top: 1px solid var(--dropdownSettingsBorder);
}
@media screen and (max-width: 768px) {
.statistick__paginations {
border: none;
}
}
.statistick__paginations__info {
margin-bottom: 0.4rem;
font-weight: 400;
font-size: 12px;
line-height: 14px;
opacity: 0.54;
}
.statistick__paginations__item {
transition: opacity ease 0.3s;
}
.statistick__paginations__item a svg {
fill: var(--textColor);
transition: fill ease 0.3s;
}
.statistick__paginations__item:hover {
opacity: 0.5;
}
.dashboard {
display: grid;
grid-template-columns: calc(100% - 380px) 360px;
grid-gap: 20px;
width: calc(100% + 40px);
max-width: calc(100% + 40px);
margin-top: 40px;
margin-left: -20px;
margin-right: -20px;
padding: 0 20px 10px;
transition: width ease 0.3s;
overflow: hidden;
}
@media screen and (max-width: 1800px) {
.dashboard {
grid-template-columns: 800px calc(100% - 820px);
}
}
@media screen and (max-width: 1600px) {
.dashboard {
grid-template-columns: 700px calc(100% - 720px);
}
}
@media screen and (max-width: 1500px) {
.dashboard {
grid-template-columns: 600px calc(100% - 620px);
}
}
@media screen and (max-width: 1300px) {
.dashboard {
grid-template-columns: 500px calc(100% - 520px);
}
}
@media screen and (max-width: 1200px) {
.dashboard {
grid-template-columns: 100%;
grid-gap: 20px 0;
}
}
.dashboard__statistick .swiper {
width: 100%;
overflow: unset;
}
.dashboard__statistick .swiper-pagination {
margin-top: 16px;
position: unset;
}
.dashboard__statistick .swiper-pagination-bullet {
background: #BDBDBD;
opacity: 1;
}
.dashboard__statistick .swiper-pagination-bullet-active {
background: #828282;
}
@media screen and (max-width: 1800px) {
.dashboard__statistick {
grid-column-start: 1;
grid-column-end: 3;
}
}
@media screen and (max-width: 1200px) {
.dashboard__statistick {
grid-column-start: 1;
grid-column-end: 2;
}
}
.dashboard__statistick__card {
display: flex;
width: 100%;
height: 162px;
background: var(--cardBg);
border-radius: 16px;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
overflow: hidden;
}
.dashboard__statistick__card + .dashboard__statistick__card {
margin-left: 20px;
}
@media screen and (max-width: 1200px) {
.dashboard__statistick__card + .dashboard__statistick__card {
margin-left: unset;
}
}
@media screen and (max-width: 1800px) {
.dashboard__statistick__card {
height: 90px;
}
}
.dashboard__statistick__card__info {
display: flex;
flex-direction: column;
justify-content: space-between;
width: 100%;
height: 100%;
padding: 10px 20px;
}
.dashboard__statistick__card__info h4 {
font-weight: 600;
font-size: 24px;
line-height: 24px;
color: var(--profileHistoryDate);
}
.dashboard__statistick__card__info h5 {
font-weight: 600;
font-size: 64px;
line-height: 64px;
}
@media screen and (max-width: 1800px) {
.dashboard__statistick__card__info h4 {
font-weight: 600;
font-size: 16px;
line-height: 18px;
color: var(--profileHistoryDate);
}
.dashboard__statistick__card__info h5 {
font-weight: 600;
font-size: 36px;
line-height: 36px;
}
}
.dashboard__statistick__card__icon {
display: flex;
align-items: center;
justify-content: center;
width: 64px;
min-width: 64px;
height: 100%;
}
.dashboard__chart {
height: 647px;
overflow: hidden;
}
.dashboard__chart > * {
width: 100%;
max-width: 100%;
height: 100%;
}
.dashboard__chart .apexcharts-canvas {
width: 100%;
max-width: 100%;
}
@media screen and (max-width: 1500px) {
.dashboard__chart {
height: 500px;
}
}
@media screen and (max-width: 768px) {
.dashboard__chart {
height: 360px;
}
}
.dashboard__news {
grid-column-start: 2;
grid-row-start: 1;
grid-row-end: 3;
}
@media screen and (max-width: 1800px) {
.dashboard__news {
height: 647px;
grid-column-start: 2;
grid-row-start: 2;
grid-row-end: 3;
}
}
@media screen and (max-width: 1500px) {
.dashboard__news {
height: 500px;
}
}
@media screen and (max-width: 1200px) {
.dashboard__news {
height: 600px;
grid-column-start: 1;
grid-row-start: 3;
grid-row-end: 3;
}
}
.dashboard__news__title {
display: flex;
align-items: center;
justify-content: center;
height: 85px;
padding: 5px 10px;
border-bottom: 1px solid #E6E6E6;
}
.dashboard__news__title h3 {
font-weight: 600;
font-size: 24px;
line-height: 24px;
}
.dashboard__news__content {
height: calc(100% - 85px);
}
.dashboard__news__item {
display: flex;
flex-direction: column;
align-items: center;
padding: 20px;
text-align: center;
}
.dashboard__news__item h6 {
margin-bottom: 20px;
font-weight: 500;
font-size: 16px;
line-height: 19px;
color: var(--newsColor);
}
.dashboard__news__item h5 {
margin-bottom: 20px;
font-weight: 600;
font-size: 20px;
line-height: 24px;
}
.dashboard__news__item p {
margin-bottom: 20px;
font-weight: 300;
font-size: 16px;
line-height: 24px;
}
.dashboard__news__item iframe {
width: 100%;
height: 236px;
margin-bottom: 20px;
border-radius: 16px;
}
.dashboard__news__item + .dashboard__news__item {
border-top: 1px solid #E6E6E6;
}
@media screen and (max-width: 1600px) {
.dashboard__news__item h6 {
margin-bottom: 20px;
font-weight: 500;
font-size: 14px;
line-height: 16px;
color: var(--newsColor);
}
.dashboard__news__item h5 {
margin-bottom: 20px;
font-weight: 600;
font-size: 18px;
line-height: 20px;
}
.dashboard__news__item p {
margin-bottom: 20px;
font-weight: 300;
font-size: 14px;
line-height: 18px;
}
}
.dashboard__news__link {
font-weight: 500;
font-size: 16px;
line-height: 19px;
color: var(--newsColor);
text-decoration: underline;
}
.faq {
margin-top: 40px;
}
.faq__card {
background: var(--cardBg);
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
border-radius: 16px;
}
.faq__card.active .faq__card__top svg {
transform: rotate(180deg);
}
.faq__card + .faq__card {
margin-top: 20px;
}
.faq__card__top {
display: flex;
align-items: center;
justify-content: space-between;
padding: 20px;
cursor: pointer;
}
.faq__card__top h4 {
font-weight: 700;
font-size: 20px;
line-height: 24px;
}
.faq__card__top svg {
min-width: 24px;
fill: var(--textColor);
transition: fill ease 0.3s, transform ease 0.3s;
}
.faq__card__content {
display: none;
padding: 0 20px 20px;
}
.faq__card__content p {
font-weight: 400;
font-size: 12px;
line-height: 24px;
}
.faq__card__content p + p {
margin-top: 20px;
}
.faq__card__content iframe {
width: 100%;
height: 435px;
margin-top: 20px;
border-radius: 16px;
}
@media screen and (max-width: 560px) {
.faq__card__content iframe {
height: 350px;
}
}
.faq_2 {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: space-between;
}
.faq_2 .faq__card {
width: calc(50% - 10px);
margin: 0 0 20px 0;
}
.faq_2 .faq__card__top h4 {
font-weight: 700;
font-size: 18px;
line-height: 20px;
}
@media screen and (max-width: 1200px) {
.faq_2 {
flex-direction: column;
}
.faq_2 .faq__card {
width: 100%;
}
}
/*# sourceMappingURL=style.css.map */
.localization__img {
height: 65px;
border-radius: 100px; /* Радиус скругления */
width: 65px;
object-fit: scale-down;
margin: 0 5px 0 5px;
}
/*Моя иконка*/
.my__icon {
width: 50px;
height: 50px;
border-radius: 100px; /* Радиус скругления */
}
.actives {
border: 3px solid #00a8e1;
}
.alert-danger {
color: red;
font-size: 16px;
}
/*Balance color*/
.balance-zero {
color: #db5d5d;
}
.balance-negative {
color: #FF3A00;
}
.bootstrap-select.form-control {
border-radius: 8px !important;
}
.dropdown {
height: 46px;
color: var(--inputColor);
background: var(--inputBackground);
border: 1px solid var(--inputBorder) !important;
}
.dropdown-menu {
color: var(--inputColor);
background: var(--inputBackground);
border: 1px solid var(--inputBorder);
}
.dropdown-menu .text {
color: var(--inputColor);
}
.btn.dropdown-toggle.btn-light {
height: 44px;
margin-top: 0;
color: var(--inputColor);
background: var(--inputBackground);
border: none !important;
}
.dropdown-toggle .filter-option-inner-inner {
margin-bottom: 10px;
}
.popup__form .btn {
max-width: 100%;
}
.dropdown-toggle::after {
/*display: inline-block;*/
/*width: 0;*/
/*height: 0;*/
margin-left: 20em;
margin-top: 5px;
}
.alert {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
.
ul {
margin-bottom: 0;
}
.collapse {
display: flex;
}
.tags {
padding: 0 10px;
font-weight: 400;
font-size: 14px;
line-height: 38px;
color: var(--inputColor);
background: var(--inputBackground);
border: 1px solid var(--inputBorder);
}
.select2-container--default .select2-selection--multiple .select2-selection__arrow {
top: 50%;
transform: translate3d(0, -50%, 0);
}
.select2-container--default .select2-selection--multiple .select2-selection__arrow {
height: 26px;
position: absolute;
top: 1px;
right: 1px;
width: 20px;
}
.offersBlock__number {
flex: 2 2 0;
font-size: 1.25rem;
font-weight: 700;
color: var(--inputColor);
margin-top: 5px;
}
.offersBlock__input {
flex: 1 1 0;
justify-self: center;
margin-top: 5px;
}
.col-md-auto {
flex: 1 1 0;
-moz-box-flex: 1;
width: auto;
}
.offersBlock__cross {
flex: 1 1 0;
justify-self: flex-end;
}
.close {
font-size: 2.5rem;
color: var(--inputColor);
background: var(--inputBackground);
border: 1px solid var(--inputBorder);
}
.select2-results__option--selectable {
text-align: center;
}
.text-title {
resize: none;
overflow: hidden;
min-height: 25px;
max-height: 50px;
line-height: 24px;
padding: 5px 10px !important;
}