html, body {
height: 100%;
}
.x-wrapper {
display: flex;
flex-direction: column;
height: 100%;
}
.footer-inner {
main {
flex: 1 0 auto;
}
}
body {
font-family: "Graphik LCG";
min-width: 320px;
background: #f3f5f9;
color: #2d2d3b;
font-weight: 500;
}
img {
max-width: 100%;
}
button:focus,
:focus {
outline: none;
}
a {
color: #6283ff;
}
a,
a:hover {
transition: all 0.5s;
color: #6283ff;
text-decoration: none;
}
/*a:focus,*/
/*a:active {*/
/* transition: all .5s;*/
/* color: #4B75FF;*/
/*}*/
#header {
padding: 0 0 50px;
background: #6283ff;
}
.h1,
h1 {
font-size: 1.75rem;
}
.h2,
h2 {
font-size: 1.25rem;
font-weight: 600;
}
.h3,
h3 {
font-size: 1.125rem;
}
.semibold {
font-size: 0.875rem;
font-weight: 600;
}
b,
strong {
font-weight: bold;
}
.strong {
font-size: 0.875rem;
}
.medium {
font-size: 0.875rem;
}
.regular {
font-size: 0.75rem;
font-weight: 500;
}
.custom-title {
color: #9f9fb1;
}
.btn {
position: relative;
transition: all 0.5s;
padding: 0.45rem 1.2rem;
border-radius: 1.25rem;
font-weight: 500;
}
.btn.subid-add {
padding: 0;
}
.btn-transparent {
color: #9f9fb1;
font-size: 1rem;
}
.btn-transparent:hover {
color: #6283ff;
}
.btn-transparent:focus,
.btn-transparent:active {
color: #4b75ff;
}
.btn svg {
max-width: 17px;
max-height: 17px;
position: relative;
top: -1px;
margin-right: 3px;
transition: all 0.5s;
}
.btn svg path,
.btn svg:hover path,
.btn svg:active path,
.btn svgfocus path,
.btn:hover,
.btn:active,
.btn:focus {
transition: all 0.5s;
}
.btn.small {
padding: 0.15rem 0.75rem;
border-radius: 1.25rem;
font-weight: 500;
font-size: 0.75rem;
}
.btn.dropdown {
padding-right: calc(1.2rem + 17px) !important;
font-size: 0.875rem;
}
.btn img {
position: relative;
top: -2px;
margin-right: 3px;
transition: all 0.5s;
}
.btn img + img {
position: absolute;
top: calc(0.45rem + 2px);
left: 1.2rem;
opacity: 0;
transition: all 0.5s;
}
.btn.focus,
.btn:focus {
outline: 0;
box-shadow: none;
}
.btn:active img,
.btn:focus img {
opacity: 0;
transition: all 0.5s;
}
.btn:active img + img,
.btn:focus img + img {
opacity: 1;
transition: all 0.5s;
}
.btn-blue-dark {
background: #6283ff;
color: #fff;
padding: 0.45rem 1.2rem;
}
.card-btn-connect {
display: flex;
align-items: center;
gap: 7px;
}
.btn-blue-dark svg {
max-height: 17px;
max-width: 17px;
position: relative;
top: -1px;
margin-right: 3px;
transition: all 0.5s;
}
.btn-blue-dark svg path {
fill: #fff;
transition: all 0.5s;
}
.btn-blue-dark:hover {
background: #4b75ff;
color: #fff;
text-decoration: none;
}
.btn-blue-dark:hover path {
fill: #fff;
transition: all 0.5s;
}
/*.btn-blue-dark:focus,*/
/*.btn-blue-dark:active {*/
/* background: #4B75FF;*/
/* color: #BDD0FF;*/
/* text-decoration: none;*/
/* box-shadow: none;*/
/*}*/
/*.btn-blue-dark:focus path,*/
/*.btn-blue-dark:active path {*/
/* fill: #BDD0FF;*/
/* transition: all .5s;*/
/*}*/
.btn-blue-dark.disabled {
background: #6283ff;
opacity: 0.2;
}
.btn-blue {
background: #e9ebff;
color: #6283ff !important;
cursor: pointer;
}
.btn-blue path {
fill: #6283ff;
transition: all 0.5s;
}
.btn-blue:hover {
background: #bdd0ff;
color: #4b75ff !important;
transition: all 0.5s;
}
.btn-blue:hover path {
color: #4b75ff;
transition: all 0.5s;
}
.btn-blue.disabled {
background: #e9ebff;
opacity: 0.3;
}
.btn-blue:active:active path,
.btn-blue:hover:active path,
.btn-blue:active path,
.btn-blue:focus path {
transition: all 0.5s;
fill: #6283ff;
}
/*.btn-blue:active,*/
/*.btn-blue:focus {*/
/* background: #4B75FF;*/
/* color: #BDD0FF !important;*/
/*}*/
/*.btn-blue.small:active,*/
/*.btn-blue.small:focus {*/
/* background: #6283FF;*/
/* color: #fff;*/
/*}*/
.btn-flat {
color: #9f9fb1;
}
.btn-flat:hover {
color: #6283ff;
}
.btn-flat:active,
.btn-flat:focus {
color: #4b75ff;
}
.btn-flat.disbled {
color: #dcdde0;
}
.btn-icon {
width: 24px;
height: 24px;
border-radius: 50%;
background-color: #fff;
padding: 0 !important;
display: inline-flex;
}
.btn-icon svg {
margin: auto;
}
.btn-icon path {
fill: #6283ff;
transition: all 0.5s;
}
.btn-icon.edit path {
fill: #6283ff;
transition: all 0.5s;
}
.btn-icon:hover {
background-color: #6283ff;
color: #ffffff;
}
/*.btn-icon:hover {*/
/* background-color: #F3F5F9;*/
/*}*/
/*.btn-icon.active,*/
/*.btn-icon:active,*/
/*.btn-icon:focus {*/
/* background-color: #6283FF;*/
/*}*/
/*.btn-icon.active path,*/
/*.btn-icon:active path,*/
/*.btn-icon:focus path,*/
.btn-icon:hover path {
fill: #fff;
transition: all 0.5s;
}
.btn-icon.edit.disabled path {
stroke: #dcdde0;
opacity: 1;
transition: all 0.5s;
}
.btn-icon svg {
max-width: 10px;
max-height: 10px;
margin: auto;
transition: all 0.5s;
top: 0;
}
.btn-icon.edit svg {
max-width: 12px;
max-height: 12px;
}
@media (min-width: 1400px) {
.container {
max-width: 1360px;
}
}
.navbar-main {
padding: 0;
}
.navbar-main .navbar-nav.nav-main .nav-link {
font-weight: 500;
letter-spacing: -0.01em;
color: #bdd0ff;
padding: 1.3rem 0.75rem;
border-bottom: 6px solid transparent;
}
.navbar-main .navbar-nav.nav-main .nav-link.disabled {
opacity: 0.5;
}
.navbar-main .navbar-nav.nav-main .nav-link:hover {
color: #fff;
}
/*.navbar-main .navbar-nav.nav-main .nav-link:active,*/
/*.navbar-main .navbar-nav.nav-main .nav-link:focus,*/
.navbar-main .navbar-nav.nav-main .active .nav-link {
border-bottom: 6px solid #abb4ff;
color: #fff;
}
.navbar-main .navbar-nav.nav-second .nav-link {
color: #fff;
font-weight: 500;
letter-spacing: -0.01em;
background: #4b75ff;
border-radius: 2rem;
padding: 0.5rem;
font-size: 0.875rem;
width: 40px;
height: 40px;
border: 2px solid #4b75ff;
}
.navbar-main .navbar-nav.nav-second .nav-link:hover {
background: #6d90ff;
border: 2px solid #6d90ff;
}
.navbar-main .navbar-nav.nav-second .nav-link:focus,
.navbar-main .navbar-nav.nav-second .nav-link:active {
color: #bdd0ff;
border: 2px solid #4b75ff;
background: #4b75ff;
}
.btn-blue-dark.balance {
padding: 0.55rem 1.2rem 0.51rem 50px;
}
.btn.dropdown:after {
content: "";
display: block;
width: 17px;
height: 15px;
background: url("/static/core/img/dd.svg") no-repeat center;
position: absolute;
right: 0.9rem;
top: calc(50% - 7.5px);
transition: all 0.5s;
}
.btn.dropdown:active:after,
.btn.dropdown:focus:after,
.btn.dropdown:hover:after {
background: url("/static/core/img/dd-white.svg") no-repeat center;
transition: all 0.5s;
}
.navbar-main .navbar-nav.nav-second .balance .nav-link {
padding: 0.6rem 1.2rem 0.6rem 50px;
width: auto;
position: relative;
}
.btn-blue-dark.balance:before,
.navbar-main .navbar-nav.nav-second .balance .nav-link:before {
content: "";
display: block;
width: 40px;
height: 40px;
background: #6d90ff url("/static/core/img/money.svg") no-repeat center center;
position: absolute;
left: -2px;
top: -2px;
border-radius: 50%;
transition: all 0.5s;
}
.navbar-main
.navbar-nav.nav-second
.balance
.nav-link.nav-link-lollipop:before {
background: #6d90ff url("/static/core/img/spiral.svg") no-repeat center center;
}
.btn-blue-dark.balance:active:before,
.btn-blue-dark.balance:focus:before,
.navbar-main .navbar-nav.nav-second .nav-link:focus:before,
.navbar-main .navbar-nav.nav-second .nav-link:active:before {
background: #4b75ff url("/static/core/img/money.svg") no-repeat center center;
}
.navbar-main .navbar-nav.nav-second li + li {
margin-left: 0.5rem;
}
.navbar-main .dropdown-toggle::after {
background: url("/static/core/img/dropdown.svg") no-repeat;
width: 18px;
height: 6px;
border: none;
margin: 0;
position: relative;
right: -10px;
top: 1px;
}
.btn-blue-dark.balance:hover:before {
background: rgba(189, 208, 255, 0) url("/static/core/img/money.svg") no-repeat
center center;
transition: all 0.5s;
}
.btn-blue-dark.balance:hover:focus:before,
.btn-blue-dark.balance:hover:active:before {
background: rgba(189, 208, 255, 0.3) url("/static/core/img/money.svg")
no-repeat center center;
transition: all 0.5s;
}
.page-header {
margin-top: -50px;
background: #fff;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
padding-top: 1.5rem;
border-bottom: 1px solid #ccccdb;
position: relative;
}
.page-header h1 {
font-weight: 500;
font-size: 1.75rem;
margin-bottom: 0.4rem;
margin-top: 0.4rem;
}
.page-header h1 span {
color: #dcdde0;
}
.page-menu {
list-style: none;
padding: 0;
margin: 0;
-ms-flex-direction: row;
flex-direction: row;
}
.page-menu li {
display: inline-block;
}
.page-menu a {
letter-spacing: -0.02em;
color: #9f9fb1;
padding: 1rem;
border-bottom: 4px solid transparent;
display: block;
font-size: 1.125rem;
white-space: nowrap;
}
.page-menu a:hover {
color: #6283ff;
text-decoration: none;
}
.page-menu button {
letter-spacing: -0.02em;
color: #9f9fb1;
padding: 1rem;
border-bottom: 4px solid transparent;
display: block;
font-size: 1.125rem;
white-space: nowrap;
background: none;
border: none;
outline: none;
}
.page-menu button:hover {
color: #6283ff;
text-decoration: none;
}
/*.page-menu a:active,*/
/*.page-menu a:focus,*/
.page-menu .active a {
color: #6283ff;
border-bottom: 4px solid #6283ff;
text-decoration: none;
}
.page-menu .active a:hover {
text-decoration: none;
}
.page-menu .active button {
color: #6283ff;
border-bottom: 4px solid #6283ff;
text-decoration: none;
}
.page-menu .active button:hover {
text-decoration: none;
}
.page-menu a.disabled {
opacity: 0.5;
pointer-events: none;
}
.page-menu button.disabled {
opacity: 0.5;
pointer-events: none;
}
.order-form {
margin: 1.5rem 0 1rem;
-ms-flex-direction: row;
flex-direction: row;
display: flex;
flex-wrap: wrap;
z-index: 99;
/* position: relative; */
}
.custom-dd {
position: relative;
display: inline-block;
margin-bottom: 0.5rem;
}
.custom-dd {
margin-right: 0.5rem;
}
.modal .custom-dd {
margin-right: 0;
}
.custom-dd:not(.active) {
/*z-index: 1; temporary commented for fixing a bug*/
}
.custom-dd.active {
/* z-index: 2; */
}
.custom-dd-title {
border: 1px solid #dcdde0;
padding: 0;
background: #fff;
border-radius: 1.5rem;
letter-spacing: -0.01em;
position: relative;
cursor: pointer;
font-size: 0.875rem;
transition: all 0.5s;
}
.custom-dd-title .title {
padding: 0.45rem 2rem 0.35rem 1rem;
}
.custom-dd-title.disabled {
background: #f3f5f9;
pointer-events: none;
color: #dcdde0;
}
.custom-dd-title.calendar:after,
.custom-dd-title .title:after {
content: "";
display: block;
position: absolute;
right: 0.6875rem;
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 6px solid #9f9fb1;
top: calc(50% - 3px);
transition: all 0.5s;
}
.custom-dd-title.disabled .title:after {
border-top: 6px solid #dcdde0;
}
.custom-dd-title.disabled:after {
border-top: 6px solid #dcdde0;
}
.has-choise .custom-dd-title .title:after,
.has-choise .custom-dd-title .title:before {
display: none;
}
.has-choise .custom-dd-title .clear {
position: absolute;
right: 5px;
top: 0;
bottom: 0;
width: 33px;
z-index: 9;
}
.modal-content .has-choise .custom-dd-title .clear {
z-index: 1;
}
#statistic-table .has-choise .custom-dd-title .clear {
z-index: 0;
}
.has-choise .custom-dd-title .clear:before,
.has-choise .custom-dd-title .clear:after {
display: none !important;
}
.has-choise .custom-dd-title .clear:after {
content: "";
border-top: 2px solid #6283ff;
border-left: none;
border-right: none;
width: 14px;
transform: rotate(45deg);
top: 16px;
left: 10px;
transition: all 0.2s;
display: block;
position: absolute;
border-radius: 5%;
}
.custom-dd-title .title:before {
content: "";
display: block;
position: absolute;
right: 0.5rem;
border-top: 2px solid #6283ff;
border-left: none;
border-right: none;
width: 0;
transform: rotate(-45deg);
top: 1rem;
transition: all 0.2s;
}
.has-choise .custom-dd-title .clear {
background: url("/static/core/img/clear.svg") no-repeat center;
}
.has-choise .custom-dd-title .clear:before {
content: "";
border-top: 2px solid #6283ff;
width: 14px;
transition: all 0.2s;
display: block;
transform: rotate(-45deg);
top: 16px;
left: 10px;
position: absolute;
border-radius: 5%;
}
.active > .custom-dd-title:hover,
.active > .custom-dd-title {
color: #6283ff;
transition: all 0.2s;
}
.has-choise .custom-dd-title {
background: #e9ebff;
color: #6283ff;
border: 1px solid #bdd0ff;
transition: all 0.2s;
}
.has-choise .custom-dd-title.lucky-designer,
.has-choise .custom-dd-title.lucky-designer .title {
color: #bdd0ff !important;
}
.has-choise .lucky-designer.control .title {
color: #bdd0ff !important;
}
.custom-dd-title:hover {
background: #fff;
color: #2d2d3b;
border: 1px solid #fff;
transition: all 0.2s;
}
.custom-dd-title.news:hover {
/*background: #E9EBFF;*/
background: #f3f5f9;
color: #2d2d3b;
border: 1px solid #fff;
transition: all 0.2s;
}
.custom-dd.has-choise .custom-dd-title:after {
display: none;
}
.custom-dd.has-choise .custom-dd-title:hover {
border: 1px solid #e9ebff;
background: #e9ebff;
color: #6283ff;
}
.custom-dd-title.calendar {
padding: 0.5rem 2rem 0.3rem 1rem;
}
.custom-dd-title.calendar:hover {
border: 1px solid #fff;
}
.active > .custom-dd-title.calendar {
background: #fff url("/static/core/img/calendar-blue.svg") no-repeat 1rem
center;
padding: 0.5rem 2rem 0.3rem 1rem;
}
.active > .custom-dd-title.calendar:hover {
background: #fff url("/static/core/img/calendar-blue.svg") no-repeat 1rem
center;
padding: 0.5rem 2rem 0.3rem 1rem;
}
.custom-dd-title.calendar svg {
width: 12px;
height: 13px;
position: relative;
top: -2px;
margin-right: 3px;
}
.custom-dd-title.calendar svg path {
fill: #2d2d3b;
}
.custom-dd-title.calendar.disabled svg path {
fill: #dcdde0;
}
.custom-dd-title.calendar.active span,
.custom-dd-title.calendar:active span,
.custom-dd-title.calendar:focus span {
color: #6283ff;
}
.custom-dd-title.calendar.active svg path,
.custom-dd-title.calendar:active svg path,
.custom-dd-title.calendar:focus svg path {
fill: #6283ff;
}
.custom-select {
border: 1px solid #dcdde0;
border-radius: 8px;
height: 42px;
font-weight: 500;
}
.form-control {
color: #9f9fb1;
border-radius: 8px;
background: #ffffff;
border: 1px solid #dcdde0;
color: #2d2d3b;
height: 40px;
font-weight: 500;
padding: 0.5rem 1rem;
box-shadow: none !important;
}
.form-control:not(".bootstrap-select"):hover {
border: 1px solid #bdd0ff;
box-shadow: none;
}
.custom-select:not(".bootstrap-select"):focus,
.form-control:not(".bootstrap-select"):active,
.form-control:not(".bootstrap-select"):focus {
border: 1px solid #6283ff;
box-shadow: none;
}
.form-control.disabled {
border: 1px solid #dcdde0;
color: #9f9fb1;
pointer-events: none;
opacity: 0.5;
}
.form-control.is-valid {
background: #fff;
}
.form-control.is-valid,
.form-control.is-valid:active,
.form-control.is-valid:focus {
border: 1px solid #b6ebcb;
box-shadow: none;
}
.form-control.is-invalid,
.was-validated .form-control:invalid {
/*border: 1px solid #FF5757;*/
background-image: none;
box-shadow: none !important;
}
.form-control.is-invalid.imp {
background: #ffcdcd;
color: #ff5757;
font-size: 0.875rem;
border: 1px solid #ffcdcd;
font-weight: 500;
}
.form-control::placeholder {
color: #9f9fb1;
font-size: 1rem;
}
textarea.form-control {
min-height: 130px;
}
.col-form-label {
color: #2d2d3b;
}
.col-form-label.disabled {
color: #96969d;
}
.invalid-feedback {
color: #ff5757;
font-weight: 500;
font-size: 0.875rem;
}
.dd-form-header {
background: #f3f5f9;
padding: 1.25rem 1.5rem 1rem;
position: relative;
width: 100%;
}
.dd-form-header .title {
margin-bottom: 1rem;
font-size: 1.125rem;
}
.custom-dd-form {
background: #ffffff;
box-shadow: 0px 8px 20px rgba(45, 45, 59, 0.24);
border-radius: 12px;
overflow: hidden;
position: absolute;
top: calc(100% + 0.5rem);
left: 0;
max-height: 0px;
transition: all 0.4s;
z-index: 0;
}
.to-right .custom-dd-form {
left: auto;
right: 0;
}
.ml-auto .custom-dd-form {
left: auto;
right: 0;
}
.active.custom-dd .custom-dd-form {
max-height: 600px;
transition: all 1s;
z-index: 3;
}
.static.custom-dd-form {
max-height: inherit;
position: relative;
}
.static.custom-dd-form .dd-form-content {
max-width: 100%;
width: 100%;
max-height: inherit;
margin: 0;
padding: 1rem 2rem 2rem;
}
.static.custom-dd-form .dd-form-content .form-check {
padding-right: 0;
}
.static.custom-dd-form .form-check label div {
text-overflow: none;
white-space: normal;
overflow: visible;
max-width: 100%;
color: #636379;
}
.static.custom-dd-form .form-check label div:hover {
color: #6283ff;
}
.static.custom-dd-form .dd-form-header .title {
font-size: 1.25rem;
font-weight: 600;
}
.static.custom-dd-form .dd-form-header {
padding: 2rem 2rem 1rem;
position: relative;
}
.dd-form-header .close {
width: 14px;
height: 14px;
position: absolute;
z-index: 4;
right: 1.5rem;
top: 1.5rem;
cursor: pointer;
opacity: 1 !important;
font-size: 0;
}
.dd-form-header .close svg {
width: 13px;
height: 13px;
}
.dd-form-header .close:hover {
opacity: 1 !important;
}
.dd-form-header .title span {
display: none;
background: #6283ff;
box-shadow: 0px 4px 12px rgba(76, 126, 255, 0.24);
color: #fff;
font-size: 0.875rem;
padding: 3px 4px 0px;
text-align: center;
width: 24px;
border-radius: 24px;
position: relative;
top: -1px;
margin-left: 0.5rem;
}
.dd-form-header .close svg path {
fill: #9f9fb1;
}
.dd-form-header .close:hover svg path {
fill: #6283ff;
}
.custom-dd.has-choise .dd-form-header .title span {
display: inline-block;
}
.form-control.search {
padding: 0.375rem 40px 0.375rem 1rem;
background: #fff url("/static/core/img/search.svg") no-repeat
calc(100% - 1rem) center;
height: 40px;
}
.form-control.search:focus,
.form-control.search:hover,
.form-control.search:active {
background: #fff url("/static/core/img/search-blue.svg") no-repeat
calc(100% - 1rem) center;
}
.form-control.active {
background: #fff !important;
}
input + .clear-input {
position: absolute;
background: url("/static/core/img/close-blue.svg") no-repeat center;
width: 0;
height: 40px;
z-index: 2;
top: 0;
right: 16px;
z-index: 3;
cursor: pointer;
}
input.active + .clear-input {
width: 40px;
}
.form-check {
padding-left: 0;
}
.form-check label {
position: relative;
padding-left: 30px;
cursor: pointer;
transition: all 0.5s;
width: 100%;
}
.form-check label div {
/*text-overflow: ellipsis;*/
white-space: nowrap;
overflow: hidden;
max-width: 100%;
color: #636379;
}
.form-check label:hover div,
.form-check label:hover {
color: #6283ff;
transition: all 0.5s;
}
.form-check label div:before {
content: "";
display: block;
background: #fff;
width: 18px;
height: 18px;
position: absolute;
left: 0;
top: 2px;
border: 1px solid #9f9fb1;
border-radius: 4px;
}
.form-check label input {
display: none;
}
.form-check label input:checked + div:before {
background: #6283ff url("/static/core/img/check.svg") no-repeat center;
border: 1px solid #6283ff;
}
.form-control.with-action {
padding: 0.5rem 40px 0.5rem 1rem;
}
.form-control.with-action.white {
background: #fff;
}
.form-control.with-action + .input-action {
position: absolute;
background: url("/static/core/img/copy.svg") no-repeat center;
width: 40px;
height: 40px;
z-index: 2;
top: 0;
right: 16px;
z-index: 1;
cursor: pointer;
transition: all 0.5s;
}
.form-control.with-action + .input-action:hover {
background: url("/static/core/img/copy-blue.svg") no-repeat center;
transition: all 0.5s;
}
.input-action-done {
position: absolute;
color: #fff;
background: rgba(45, 45, 59, 0.8);
box-shadow: 0px 8px 12px rgba(45, 45, 59, 0);
border-radius: 8px;
padding: 0 1rem;
white-space: nowrap;
font-size: 0.875rem;
bottom: 95%;
height: 0;
overflow: hidden;
}
.active > .input-action-done {
height: auto;
padding: 0.85rem 1rem;
box-shadow: 0px 8px 12px rgba(45, 45, 59, 0.08);
}
.check-slide {
color: #636379;
padding-left: 0;
height: 24px;
}
.check-slide label {
cursor: pointer;
padding-right: 50px;
padding-left: 0;
width: 100%;
}
.check-slide label input {
display: none;
}
.check-slide label div:before {
content: "";
display: block;
background: #dadae3;
width: 40px;
height: 16px;
border-radius: 16px;
position: absolute;
right: 0;
top: 4px;
left: auto;
border: none;
transition: all 0.5s;
}
.check-slide label:hover div:before {
background: #e9ebff;
transition: all 0.5s;
}
.check-slide input:checked + div:before {
background: #dcdde0 !important;
border: none !important;
}
.check-slide input:checked:hover + div:before {
background: #e9ebff !important;
border: none !important;
}
.check-slide label div:after {
content: "";
display: block;
width: 22px;
height: 22px;
border-radius: 50%;
position: absolute;
right: 18px;
top: 0;
background: #ffffff;
box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.24);
transition: all 0.5s;
left: auto;
}
.check-slide label input:checked + div:after {
background: #6283ff;
right: 0;
transition: all 0.5s;
}
.dd-form-content {
margin: 0.5rem 0 0.5rem 1rem;
/*max-height: 400px;*/
overflow-x: hidden;
overflow-y: scroll;
/*max-height: calc(100vh - 300px);*/
width: calc(100% - 1rem);
}
.separetor {
background: #f3f5f9;
height: 2px;
margin: 0.5rem 0;
display: none;
}
.form-check + .separetor {
display: block;
}
.form-check-selected {
border-bottom: 2px solid #f3f5f9;
margin-bottom: 1rem;
display: none;
}
.has-choise .form-check-selected {
display: block;
}
.dd-form-content .form-check {
margin: 0.3rem 0;
padding-right: 15px;
}
.only-it {
color: #6283ff;
position: absolute;
top: 0;
right: 5px;
cursor: pointer;
z-index: 5;
opacity: 0;
transition: all 0.5s;
background: #fff;
padding-left: 5px;
}
.only-it:hover,
.form-check label:hover + .only-it {
opacity: 1;
transition: all 0.5s;
}
.form-control:hover {
border: 1px solid #bdd0ff;
}
.form-control:focus {
box-shadow: none;
border-color: #6283ff;
}
.custom-dd-boxed::-webkit-scrollbar {
width: 0px;
height: 0px;
}
.mobile-menu::-webkit-scrollbar,
.overflow-auto::-webkit-scrollbar,
.bootstrap-select .dropdown-menu .inner::-webkit-scrollbar,
.select + .dropdown-menu::-webkit-scrollbar,
.navbar-offcanvas::-webkit-scrollbar,
.table::-webkit-scrollbar,
.dd-form-content::-webkit-scrollbar {
width: 12px;
height: 12px;
}
.mobile-menu::-webkit-scrollbar-track,
.overflow-auto::-webkit-scrollbar-track,
.bootstrap-select .dropdown-menu .inner::-webkit-scrollbar-track,
.select + .dropdown-menu::-webkit-scrollbar-track,
.navbar-offcanvas::-webkit-scrollbar-track,
.table::-webkit-scrollbar-track,
.dd-form-content::-webkit-scrollbar-track {
background-color: #999;
}
.mobile-menu::-webkit-scrollbar-track-piece,
.overflow-auto::-webkit-scrollbar-track-piece,
.bootstrap-select .dropdown-menu .inner::-webkit-scrollbar-track-piece,
.select + .dropdown-menu::-webkit-scrollbar-track-piece,
.navbar-offcanvas::-webkit-scrollbar-track-piece,
.table::-webkit-scrollbar-track-piece,
.dd-form-content::-webkit-scrollbar-track-piece {
background-color: #ffffff;
}
.mobile-menu::-webkit-scrollbar-thumb,
.overflow-auto::-webkit-scrollbar-thumb,
.bootstrap-select .dropdown-menu .inner::-webkit-scrollbar-thumb,
.select + .dropdown-menu::-webkit-scrollbar-thumb,
.navbar-offcanvas::-webkit-scrollbar-thumb,
.table::-webkit-scrollbar-thumb,
.dd-form-content::-webkit-scrollbar-thumb {
box-shadow: inset 0 0 14px 14px #bbbbbe;
border: solid 4px transparent;
}
.mobile-menu::-webkit-scrollbar-corner,
.overflow-auto::-webkit-scrollbar-corner,
.bootstrap-select .dropdown-menu .inner::-webkit-scrollbar-corner,
.select + .dropdown-menu::-webkit-scrollbar-corner,
.navbar-offcanvas::-webkit-scrollbar-corner,
.table::-webkit-scrollbar-corner,
.dd-form-content::-webkit-scrollbar-corner {
background-color: transparent;
}
.mobile-menu::-webkit-resizer,
.overflow-auto::-webkit-resizer,
.bootstrap-select .dropdown-menu .inner::-webkit-resizer,
.select + .dropdown-menu::-webkit-resizer,
.navbar-offcanvas::-webkit-resizer,
.table::-webkit-resizer,
.dd-form-content::-webkit-resizer {
background-color: #666;
}
.bootstrap-select .dropdown-menu .inner {
max-height: 300px !important;
}
.table {
width: 100%;
color: #2d2d3b;
margin-bottom: 2rem;
position: relative;
border-top-left-radius: 1rem;
border-top-right-radius: 1rem;
overflow: auto;
}
.table table {
width: 100%;
font-size: 0.875rem;
}
.table table tfoot,
.table table thead {
background: #f3f5f9;
color: #9f9fb1;
font-weight: 600;
}
.table tfoot th,
.table thead th {
font-weight: 600;
}
.table td,
.table th {
font-weight: 500;
}
.table thead th a {
color: #9f9fb1;
}
.table thead th a:hover {
color: #636379;
}
.table thead th a svg {
width: 12px;
height: 11px;
position: relative;
top: -1px;
margin-left: 3px;
opacity: 0;
transition: all 0.5s;
}
.table thead th a svg path {
fill: #9f9fb1;
}
.table thead th a:hover svg {
opacity: 1;
transition: all 0.5s;
}
/*.table thead th a:active,*/
/*.table thead th a:focus {*/
/* color: #6283FF;*/
/*}*/
.table thead th a:active svg path,
.table thead th a:focus svg path {
fill: #6283ff;
}
.table thead th a.active svg {
transform: scale(1, -1);
}
.content {
background: #ffffff;
border: 2px solid #dcdde0;
box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.08);
border-radius: 1rem;
margin-bottom: 2rem;
}
.table table tr th:first-child,
.table table tr td:first-child {
padding-left: 45px;
}
.table table tr th:last-child,
.table table tr td:last-child {
padding-right: 45px;
}
.table tr:first-of-type td,
.table tr:first-of-type th {
border-top: 0px solid #dee2e6;
}
.table thead th {
border-bottom: none;
padding: 1.1rem 0.75rem;
}
.table.empty {
margin-bottom: 0;
}
.table.empty td {
color: #9f9fb1;
padding: 1.5rem 0.75rem;
font-size: 16px;
}
.table.empty tbody tr:hover {
background: none;
}
.content span.status {
font-size: 0.75rem;
display: inline-block;
padding: 0.2rem 1rem 0.2rem 1.5rem;
position: relative;
border-radius: 1rem;
font-weight: 500;
}
.content.p-4 {
padding: 2rem !important;
height: calc(100% - 2rem);
}
.content.p-4 .h2 {
margin-bottom: 1rem;
}
.content span.status.green {
background: rgba(11, 188, 79, 0.3);
color: #0bbc4f;
}
.content span.status:before {
content: "";
display: block;
width: 8px;
height: 8px;
border-radius: 50%;
left: 0.5rem;
top: calc(50% - 4px);
position: absolute;
}
.content span.status.rekl:before {
content: "";
display: block;
position: absolute;
right: 0.7rem;
width: 0;
height: 0;
border-top: none;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 6px solid #0bbc4f;
top: calc(50% - 3px);
transition: all 0.5s;
pointer-events: none;
border-radius: 0;
background: transparent !important;
}
.content span.status.rekl.trans {
border: none;
background: transparent;
}
.content span.status.rekl.red:before {
content: "";
display: block;
position: absolute;
right: 0.7rem;
width: 0;
height: 0;
border-bottom: none;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 6px solid #ff5757;
top: calc(50% - 3px);
transition: all 0.5s;
pointer-events: none;
border-radius: 0;
background: transparent !important;
}
.content span.status.green:before {
background: #0bbc4f;
}
.content span.status.red {
background: rgba(255, 87, 87, 0.3);
color: #ff5757;
}
.content span.status.red:before {
background: #ff5757;
}
.content span.status.gray {
background: rgba(159, 159, 177, 0.3);
color: #9f9fb1;
}
.content span.status.gray:before {
background: #9f9fb1;
}
.content span.status.blue {
background: #e9ebff;
color: #6283ff;
}
.content span.status.blue:before {
background: #6283ff;
}
.content span.status.trans {
background: #fff;
color: #9f9fb1;
border: 1px solid #9f9fb1;
}
.content span.status.trans:before {
background: #9f9fb1;
}
.content span.status.yellow {
background: rgba(223, 196, 113, 0.3);
color: #dfc471;
}
.content span.status.yellow:before {
background: #dfc471;
}
.content span.status.yellow.icon1:before {
width: 12px;
height: 8px;
background: url("/static/core/img/lable2.svg") no-repeat;
border-radius: 0;
}
.content-footer {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
color: #8f8f9d;
}
.content-footer .d-lg-inline-block {
font-size: 0.875rem;
}
.pager {
color: #8f8f9d;
}
.dropdown .dropdown-toggle {
border: 1px solid #dcdde0;
border-radius: 8px;
}
.dropdown .dropdown-toggle:hover {
border: 1px solid #bdd0ff;
}
.dropdown .nav-link {
color: #9f9fb1;
padding: 0.45rem 2rem 0.426rem 1rem;
}
.input-group > .custom-select:not(:last-child),
.input-group > .form-control:not(:last-child) {
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
}
.dropdown .nav-link.selected {
color: #2d2d3b;
}
.dropdown .nav-link.selected:hover {
color: #2d2d3b;
}
.pager.dropdown .nav-link:hover {
color: #6283ff;
}
.dropdown .nav-link:hover {
color: #9f9fb1;
border: 1px solid #bdd0ff;
}
.dropdown .dropdown-menu a {
color: #2d2d3b;
font-weight: 500;
}
.dropdown .dropdown-menu a:hover {
background: rgba(233, 235, 255, 0.5);
color: #2d2d3b;
}
.dropdown .dropdown-menu a.current {
color: #6283ff;
background: #fff;
}
.pager .dropdown-toggle {
border: none !important;
padding-left: 0;
color: #2d2d3b;
}
.dropdown-menu {
border: 1px solid #dcdde0;
box-shadow: 0px 8px 20px rgba(45, 45, 59, 0.24);
border-radius: 8px;
min-width: 100%;
margin: 0;
}
/* dropdown-cuscom */
.select + .dropdown-menu {
top: 0 !important;
transform: none !important;
top: 0 !important;
transform: none !important;
max-height: 300px;
overflow: auto;
}
.dropdown-toggle::after {
position: absolute;
right: 1rem;
/*top: calc(50% - 2.4px);*/
top: 18px;
}
.pager .dropdown-toggle::after {
position: relative;
top: 3px;
right: 0;
transform: rotate(180deg);
}
.pager .dropdown-toggle:after {
border-bottom: 0.3em solid #2d2d3b;
}
.pager .dropdown-toggle:hover::after {
border-bottom: 0.3em solid #2d2d3b;
}
.pager .dropdown-item {
font-size: 0.875rem;
}
.pager .dropdown-menu {
margin-left: -1.5rem;
}
.page-link {
color: #636379;
border-radius: 8px !important;
width: 40px;
height: 40px;
text-align: center;
padding: 0.55rem;
}
.page-item + .page-item {
margin-left: 3px;
}
.page-link svg {
width: 7px;
}
.page-link svg path {
transition: all 0.5s;
fill: #636379;
}
.disabled > .page-link svg path {
transition: all 0.5s;
fill: #b1b1bc;
}
/*.page-link:hover,*/
/*.page-link:hover:focus,*/
/*.page-link:active,*/
/*.page-link:focus,*/
.page-item.active .page-link {
background: #6283ff;
box-shadow: none;
color: #fff;
}
.page-link:hover {
color: #4b75ff;
background: #fff;
}
.page-link.disabled {
opacity: 0.5;
color: #636379;
border: 1px solid #dcdde0;
pointer-events: none;
cursor: no-drop;
}
.page-link.last,
.page-link.first {
color: transparent !important;
position: relative;
}
/*.page-link.first:hover path,*/
/*.page-link.last:hover path {*/
/* fill: #4B75FF;*/
/* transition: all .5s;*/
/*}*/
/*.page-link.first.active,*/
/*.page-link.first:focus,*/
/*.page-link.first:active,*/
/*.page-link.last.active,*/
/*.page-link.last:focus,*/
/*.page-link.last:active*/
/*{*/
/* background: #6283FF;*/
/*}*/
/*.page-link.first.active path,*/
/*.page-link.first:focus path,*/
/*.page-link.first:active path,*/
/*.page-link.last.active path,*/
/*.page-link.last:focus path,*/
/*.page-link.last:active path*/
/*{*/
/* fill: #fff;*/
/* transition: all .5s;*/
/*}*/
a[data-toggle="collapse"]:after {
content: "";
display: inline-block;
width: 8px;
height: 8px;
border-top: 2px solid #6283ff;
border-right: 2px solid #6283ff;
transform: rotate(135deg);
position: relative;
top: -2px;
margin-left: 0.5rem;
}
a[data-toggle="collapse"][aria-expanded="true"]:after {
transform: rotate(-45deg);
top: 2px;
}
tbody tr:hover,
tr.blue {
background: #f4f5ff;
}
.target {
border-top: 1px solid rgba(220, 221, 224, 0.5);
padding-top: 0.3rem;
margin-top: 0.2rem;
}
td.targets {
min-width: 325px;
}
.nav-second {
-ms-flex-direction: row;
flex-direction: row;
margin-left: auto;
}
.nav-item.bar a {
font-size: 1.1rem !important;
text-align: center;
}
.bank-logo {
min-width: 32px;
}
.nowrap {
white-space: nowrap;
}
thead a img {
position: relative;
top: -2px;
}
thead a.up img {
transform: scale(1, -1);
}
.action.dropdown .nav-link {
background: rgba(253, 157, 72, 0.3);
border-radius: 50px;
padding: 0.25rem 2.2rem 0.25rem 1.5rem;
border: none;
color: #fd9d48;
font-size: 0.75rem;
}
.action.dropdown .nav-link:before {
content: "";
display: block;
width: 8px;
height: 8px;
border-radius: 50%;
left: 0.5rem;
top: calc(50% - 4px);
position: absolute;
}
.action.dropdown.blue .nav-link:before {
background: #4b75ff;
}
.action.dropdown.green .nav-link:before {
background: #0bbc4f;
}
.action.dropdown .dropdown-menu a.current {
position: relative;
padding: 0.25rem 2.2rem 0.25rem 1.5rem;
pointer-events: none;
}
.action.dropdown .dropdown-menu a.current:after,
.action.dropdown .nav-link.dropdown-toggle::after {
content: "";
width: 8px;
height: 8px;
border-top: 2px solid #fd9d48;
border-right: 2px solid #fd9d48;
border-left: 0px solid #fd9d48;
border-bottom: 0px solid #fd9d48;
opacity: 0.8;
transform: rotate(135deg);
top: calc(50% - 6px);
display: block;
position: absolute;
right: 1rem;
}
.action.dropdown .dropdown-menu a.current:after,
.action.dropdown .nav-link.dropdown-toggle.green::after {
content: "";
width: 8px;
height: 8px;
border-top: 2px solid #0bbc4f;
border-right: 2px solid #0bbc4f;
border-left: 0px solid #0bbc4f;
border-bottom: 0px solid #0bbc4f;
opacity: 0.8;
transform: rotate(135deg);
top: calc(50% - 6px);
display: block;
position: absolute;
right: 1rem;
}
.action.dropdown .dropdown-menu a.current:after {
right: 1rem;
}
.action.dropdown .nav-link:hover {
background: rgba(253, 157, 72, 0.2);
}
.action.dropdown .dropdown-menu a {
font-size: 0.75rem;
border-radius: 12px;
}
.action.dropdown .dropdown-menu .dropdown-item {
padding: 0.25rem 2.2rem 0.25rem 1.5rem;
}
.dropdown-item {
cursor: pointer;
padding: 0.5rem 1.5rem;
}
.action.dropdown .dropdown-menu a + a {
margin-top: 4px;
}
.action.dropdown .dropdown-menu a.current:hover,
.action.dropdown .dropdown-menu a.current {
color: #fd9d48;
background: rgba(253, 157, 72, 0.3);
}
.action.dropdown .dropdown-menu a:hover {
color: #636379;
background: #f3f5f9;
border-radius: 12px;
}
.action.dropdown .nav-link.disabled {
background: #f3f5f9;
color: #dcdde0;
}
.nav-link.disabled {
color: #9f9fb1;
}
.action.dropdown .nav-link.disabled.dropdown-toggle::after {
border-top: 2px solid #dcdde0;
border-right: 2px solid #dcdde0;
}
.action.dropdown.blue .dropdown-menu a.current:hover,
.action.dropdown.blue .dropdown-menu a.current,
.action.dropdown.blue .nav-link {
background: rgba(75, 117, 255, 0.3);
color: #4b75ff;
}
.action.dropdown.blue .nav-link:hover {
background: rgba(75, 117, 255, 0.2);
color: #4b75ff;
}
.action.dropdown.blue .dropdown-menu a.current:after,
.action.dropdown.blue .nav-link.dropdown-toggle:after {
border-top: 2px solid #4b75ff;
border-right: 2px solid #4b75ff;
border-left: 0px solid #4b75ff;
border-bottom: 0px solid #4b75ff;
}
.action.dropdown.blue .dropdown-menu a.current:before,
.action.dropdown .dropdown-menu a.curren:before {
content: "";
display: block !important;
width: 8px;
height: 8px;
border-radius: 50%;
left: 0.5rem;
top: calc(50% - 4px);
position: absolute;
background: #4b75ff;
}
.action.dropdown.green .dropdown-menu a.current:before,
.action.dropdown .dropdown-menu a.curren:before {
content: "";
display: block !important;
width: 8px;
height: 8px;
border-radius: 50%;
left: 0.5rem;
top: calc(50% - 4px);
position: absolute;
background: #0bbc4f;
}
.action.dropdown.orange .dropdown-menu a.current:hover,
.action.dropdown.orange .dropdown-menu a.current,
.action.dropdown.orange .nav-link {
background: #ffe2c9;
color: #fd9d48;
}
.action.dropdown.orange .nav-link:before {
background: #fd9d48;
}
.action.dropdown.orange .dropdown-menu a.current:after,
.action.dropdown.orange .nav-link.dropdown-toggle:after {
border-top: 2px solid #fd9d48;
border-right: 2px solid #fd9d48;
border-left: 0px solid #4b75ff;
border-bottom: 0px solid #4b75ff;
}
.action.dropdown.yellow .dropdown-menu a.current:hover,
.action.dropdown.yellow .dropdown-menu a.current,
.action.dropdown.yellow .nav-link {
background: rgba(223, 196, 113, 0.3);
color: #dfc471;
}
.action.dropdown.yellow .nav-link:before {
background: #dfc471;
}
.action.dropdown.yellow .dropdown-menu a.current:after,
.action.dropdown.yellow .nav-link.dropdown-toggle:after {
border-top: 2px solid #dfc471;
border-right: 2px solid #dfc471;
/*border-left: 0px solid #4B75FF;
border-bottom: 0px solid #4B75FF;*/
}
.action.dropdown .dropdown-menu a.current:before {
content: "";
display: block !important;
width: 8px;
height: 8px;
border-radius: 50%;
left: 0.5rem;
top: calc(50% - 4px);
position: absolute;
}
.action.dropdown.orange .dropdown-menu a.current:before {
background: #fd9d48;
}
.action.dropdown.yellow .dropdown-menu a.current:before {
background: #dfc471;
}
.action .dropdown-menu {
border-radius: 15px;
padding: 4px;
top: -5px !important;
left: -5px !important;
right: -5px !important;
transform: none !important;
}
.action.fast-action .dropdown-toggle {
padding: 0.5rem 2rem 0.5rem 1rem;
font-size: 0.875rem;
background: #fff;
border: 1px solid #dcdde0;
color: #2d2d3b;
}
.fast-action.action.dropdown .dropdown-menu a.current:after,
.fast-action.action.dropdown .nav-link.dropdown-toggle:after {
position: absolute;
right: 1rem;
top: calc(50% - 3.12px);
border-top: 6.25px solid #9f9fb1;
border-right: 0.3em solid transparent;
border-left: 0.3em solid transparent;
border-bottom: 0;
display: inline-block;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
transform: none;
opacity: 1;
width: 0;
height: 0;
}
.fast-action.action.dropdown .dropdown-menu a.current:after {
border-top: 6.25px solid #6283ff;
}
.action.fast-action .dropdown-toggle:hover {
background: #f3f5f9;
border: 1px solid #f3f5f9;
color: #2d2d3b;
}
.action.fast-action .dropdown-toggle.dropdown-toggle-white-bg:hover {
background: #fff;
}
.action.fast-action .dropdown-toggle.disabled {
color: #dcdde0;
background: #f3f5f9;
border: 1px solid #f3f5f9;
}
.fast-action.action.dropdown .nav-link.dropdown-toggle.disabled:after {
border-top: 6.25px solid #dcdde0 !important;
}
.fast-action.action.dropdown .dropdown-menu a {
padding: 0.5rem 2rem 0.5rem 1rem;
font-size: 0.875rem;
color: #636379;
background: #fff;
border: 1px solid #dcdde0;
border-radius: 20px;
}
.fast-action.action.dropdown .dropdown-menu a.current {
background: #e9ebff;
border: 1px solid #e9ebff;
color: #6283ff;
}
.fast-action.action .dropdown-menu {
border-radius: 20px;
}
.fast-action.action.dropdown .dropdown-menu a:hover {
background: #f3f5f9;
border: 1px solid #f3f5f9;
color: #2d2d3b;
}
.tooltip-inner {
text-align: left;
color: #fff;
font-size: 0.875rem;
padding: 0.8rem 1rem;
background: rgba(45, 45, 59, 0.8);
box-shadow: 0px 8px 12px rgba(45, 45, 59, 0.08);
border-radius: 8px;
}
.tooltip-inner > div {
color: #9f9fb1;
}
.tooltip .arrow {
display: none;
}
.alert-light {
color: #9f9fb1;
border-radius: 12px;
font-size: 0.75rem;
border: none;
}
.alert-secondary {
border-radius: 12px;
color: #9f9fb1;
font-size: 0.75rem;
background: rgba(248, 249, 255, 0.8);
border: none;
}
.content-gray {
background: #f3f5f9;
}
[data-toggle="collapse"] > div,
td a > div {
display: inline-block;
}
[aria-expanded="false"] > div:last-of-type {
display: none;
}
[aria-expanded="true"] > div:first-of-type {
display: none;
}
.active.ml-lg-auto .custom-dd-form {
left: auto;
right: 0;
}
tr > td > .edit-buttons {
opacity: 0;
transition: all 0.5s;
}
tr:hover > td > .edit-buttons {
opacity: 1;
transition: all 0.5s;
}
.modal-open .modal.show {
display: flex !important;
}
.modal-backdrop {
background-color: #2d2d3b;
}
.modal-backdrop.show {
opacity: 0.6;
}
.modal-open .modal > div {
margin: auto;
}
.modal-content {
padding: 2rem;
margin: 6rem 0 2rem;
}
.modal-header {
color: #2d2d3b;
font-size: 1.25rem;
font-weight: 600;
padding: 0 0 1rem;
border: none;
overflow-wrap: anywhere;
}
.alert {
margin-bottom: 1.5rem;
}
.modal-header .close {
padding: 1rem 1rem;
margin: 0;
position: absolute;
right: -2rem;
top: 0;
opacity: 1 !important;
padding: 0;
font-size: 0;
}
.modal-header .close:hover {
opacity: 1 !important;
}
.modal-header .close path {
fill: #fff;
transition: all 0.5s;
}
.modal-header .close:hover path {
fill: #6283ff;
transition: all 0.5s;
}
.modal-content {
border: 1px solid #dcdde0;
box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.08);
border-radius: 1rem;
}
.modal-body {
padding: 0;
}
.modal-body > div {
color: #9f9fb1;
}
th a:hover {
text-decoration: none;
color: #6283ff;
}
.added_sucsess {
background: #e9ebff;
width: 140px;
height: 140px;
border-radius: 50%;
position: relative;
margin: auto auto 1rem;
}
.added_sucsess:before {
content: "";
display: block;
border: 3px solid #bdd0ff;
width: 128px;
height: 128px;
position: absolute;
left: 6px;
top: 6px;
border-radius: 50%;
}
.added_sucsess svg {
margin: auto;
width: 46px;
height: auto;
}
.added_sucsess svg path {
fill: #6283ff;
}
.added_error {
background: #ffcdcd;
width: 140px;
height: 140px;
border-radius: 50%;
position: relative;
margin: auto auto 1rem;
}
.added_error:before {
content: "";
display: block;
border: 3px solid rgba(255, 87, 87, 0.5);
width: 128px;
height: 128px;
position: absolute;
left: 6px;
top: 6px;
border-radius: 50%;
}
.added_error svg {
margin: auto;
width: 46px;
height: auto;
}
.added_error svg path {
fill: #ff5757;
}
.hold-count {
color: #636379;
font-size: 1.75rem;
margin-bottom: 0.4rem;
}
dl {
display: flex;
margin-bottom: 0;
color: #9f9fb1;
position: relative;
}
dl:before {
content: "";
display: block;
position: absolute;
border-top: 1px solid rgba(220, 221, 224, 0.5);
left: 0;
right: 0;
bottom: 5px;
z-index: 1;
}
dl dd {
margin-left: auto;
margin-bottom: 0;
font-weight: 500;
font-size: 0.875rem;
background: #fff;
position: relative;
z-index: 2;
padding-left: 6px;
}
dl dt {
font-weight: 500;
font-size: 0.875rem;
background: #fff;
position: relative;
z-index: 2;
padding-right: 6px;
min-width: 35px;
}
dl dd a:hover {
color: #6283ff;
text-decoration: none;
}
.mb-20 {
margin-bottom: 2rem;
}
.p-20 {
padding: 2rem;
}
td .pay-icon {
position: relative;
top: -2px;
margin-right: 0.4rem;
}
td span.green {
color: #0bbc4f;
}
td span.red {
color: #ff5757;
}
.input-group input {
padding-right: 40px;
}
.input-group-append {
position: absolute;
top: 0;
bottom: auto;
right: 15px;
z-index: 3;
padding: 9px 0px;
min-width: 40px;
text-align: center;
margin-left: 0;
display: block;
color: #9f9fb1;
}
.comission-title {
color: #636379;
font-size: 0.875rem;
}
.comission {
color: #636379;
font-size: 1.25rem;
font-weight: 600;
}
.comission.blue {
color: #6283ff;
}
.row.row-5 {
margin-right: -5px;
margin-left: -5px;
}
.row.row-5 > div {
padding-right: 5px;
padding-left: 5px;
}
.row.row-12 {
margin-right: -12px;
margin-left: -12px;
}
.row.row-12 > div {
padding-right: 12px;
padding-left: 12px;
}
span.black {
color: #2d2d3b;
}
.content-24 .content {
margin-bottom: 24px;
}
.table-slide.check-slide label {
padding-right: 37px;
}
tr.disabled {
color: #9f9fb1;
}
.alert-fixed-right {
position: absolute;
right: 15px;
top: -2rem;
background: #ffffff;
box-shadow: 0px 8px 20px rgba(45, 45, 59, 0.24);
border-radius: 12px;
border: none;
color: #9f9fb1;
font-size: 0.875rem;
padding: 0;
width: 90%;
max-width: 360px;
z-index: 999;
}
.alert-fixed {
position: fixed;
z-index: 999;
bottom: 0.5rem;
left: 0.5rem;
right: 0.5rem;
}
.alert-link {
position: absolute;
top: 1rem;
right: 1rem;
}
svg:hover path,
svg path {
transition: all 0.5s;
}
.alert-link svg:hover path {
fill: #4b75ff;
transition: all 0.5s;
}
.alert-fixed-right h3 {
color: #2d2d3b;
}
.alert-danger {
color: #ff5757;
font-size: 0.875rem;
line-height: 1rem;
background: #ffcdcd;
border: 1px solid rgba(255, 87, 87, 0.4);
border-radius: 8px;
}
.alert-danger .close:hover svg path,
.alert-danger .close svg path {
fill: #ff5757;
}
.alert-success {
color: rgb(11, 188, 79);
background-color: rgba(11, 188, 79, 0.3);
font-size: 0.875rem;
line-height: 1rem;
border: 1px solid rgba(11, 188, 79, 0.4);
border-radius: 8px;
}
.alert-success .close:hover svg path,
.alert-success .close svg path {
fill: rgb(11, 188, 79);
}
a.gray {
color: #9f9fb1;
}
a.gray svg {
position: relative;
top: -1px;
}
a.gray:hover {
color: #6283ff;
}
a.gray:hover path {
fill: #6283ff;
}
a.gray:focus,
a.gray:active {
color: #4b75ff;
}
a.gray:focus path,
a.gray:active path {
fill: #4b75ff;
}
div.gray-color {
color: #9f9fb1;
}
.info-list-head {
padding: 2rem 2rem 1rem 2.5rem;
}
.no-content .info-list-head {
padding: 1.5rem 1.5rem 1rem 1.5rem;
}
.no-content .info-list {
padding: 0 1.5rem 0 1.5rem;
background: transparent;
}
.info-list.no-data {
background: transparent;
}
.info-list {
padding: 0 1.5rem 0 2.5rem;
background: rgba(243, 245, 249, 0.6);
position: relative;
}
.info-item {
padding: 1rem 0;
position: relative;
border-bottom: 1px solid #dcdde0;
}
.info-list .title a,
.info-list .title {
color: #2d2d3b;
font-weight: 600;
}
.info-item:before {
content: "";
display: block;
width: 8px;
height: 8px;
border-radius: 50%;
left: -1rem;
top: 1.37rem;
position: absolute;
}
.info-item.red:before {
background: #ff5757;
}
.info-item.green:before {
background: #0bbc4f;
}
.alert-dismissible .close {
position: absolute;
top: 1.7rem;
right: 1.7rem;
color: inherit;
padding: 0;
font-size: 0;
opacity: 1 !important;
}
.alert-dismissible .close svg {
width: 13px;
height: 13px;
}
#notification .alert-dismissible .close svg {
margin-top: 10px;
margin-right: 10px;
}
.alert-dismissible .close path {
fill: #9f9fb1;
}
.alert-dismissible .close:hover path {
fill: #6283ff;
}
.page-header .alert-dismissible .close {
top: 0.9rem;
right: 1rem;
}
.alert-fixed .close {
top: 0.9rem;
right: 1rem;
}
tr.no-read {
background: rgba(243, 245, 249, 0.5);
}
tr.no-read td {
font-weight: 600;
}
tr.no-read:hover {
cursor: pointer;
}
tr.no-read:hover td:last-of-type {
color: #6283ff;
}
.s-table {
padding-bottom: 3rem;
}
.s-table + .content-footer {
margin-top: -3rem;
}
/*.daterangepicker {*/
/* min-width: 300px;*/
/* background: #FFFFFF;*/
/* box-shadow: 0px 8px 20px rgba(45, 45, 59, 0.24);*/
/* border-radius: 12px;*/
/* padding: 1.5rem 150px 1.5rem 1.5rem;*/
/* overflow: hidden;*/
/*}*/
/*.custom-dd .daterangepicker {*/
/* top: 100% !important;*/
/* left: 0 !important;*/
/* right: auto !important;*/
/* width: 538px !important;*/
/*}*/
/*.custom-dd.ml-lg-auto .daterangepicker {*/
/* top: 100% !important;*/
/* left: auto !important;*/
/* right: 0 !important;*/
/* width: 538px !important;*/
/*}*/
/*.daterangepicker.show-calendar .ranges {*/
/* float: none;*/
/* width: 140px;*/
/* position: absolute;*/
/* right: 0;*/
/* bottom: 1rem;*/
/* top: calc(103px + 1rem);*/
/* border-left: 1px solid #F3F5F9;*/
/*}*/
/*.daterangepicker.show-calendar .ranges ul {*/
/* display: block;*/
/* width: 100% !important;*/
/*}*/
/*.daterangepicker .ranges {*/
/* margin-bottom: 1rem;*/
/* float: none;*/
/* width: 100%;*/
/*}*/
/*.daterangepicker .ranges li,*/
/*.daterangepicker.show-calendar .ranges ul li {*/
/* display: block;*/
/* margin-bottom: 5px;*/
/* font-weight: 500;*/
/* border: none;*/
/* padding: .35rem 1rem;*/
/*}*/
/*.daterangepicker.show-calendar .ranges ul li:hover {*/
/* color: #4B75FF;*/
/*}*/
/*.daterangepicker .drp-calendar {*/
/* display: block !important;*/
/*}*/
/*.daterangepicker .ranges ul {*/
/* width: 100% !important;*/
/* display: block !important;*/
/*}*/
/*[data-range-key="Свой диапазон"] {*/
/* display: none !important;*/
/*}*/
/*.daterangepicker:after {*/
/* display: none;*/
/*}*/
/*.daterangepicker:before {*/
/* content: 'Выбор периода';*/
/* display: block;*/
/* background: #F3F5F9;*/
/* position: relative;*/
/* border: none;*/
/* top: -1.5rem;*/
/* left: -1.5rem;*/
/* right: -150px !important;*/
/* padding: 1.5rem 1.5rem 4rem 1.5rem;*/
/* font-weight: 500;*/
/* font-size: 1.25rem;*/
/* color: #2D2D3B;*/
/* width: calc(100% + 150px + 1.5rem);*/
/*}*/
/*.daterangepicker .drp-selected {*/
/* display: none !important;*/
/*}*/
/*.daterangepicker td.in-range {*/
/* background: #E9EBFF !important;*/
/*}*/
/*.daterangepicker td.active,*/
/*.daterangepicker td.active:hover {*/
/* background: #6283ff !important;*/
/*}*/
/*.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {*/
/* color: #636379;*/
/* font-weight: 500;*/
/*}*/
/*.daterangepicker td.off {*/
/* color: #DCDDE0;*/
/*}*/
/*.daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {*/
/* color: #fff;*/
/*}*/
/*.daterangepicker .calendar-time {*/
/* text-align: center;*/
/* margin: 0;*/
/* line-height: 30px;*/
/* position: absolute;*/
/* top: 3.5rem;*/
/*}*/
/*.daterangepicker .calendar-time select {*/
/* background: #FFFFFF;*/
/* border: 1px solid #DCDDE0;*/
/* border-radius: 8px;*/
/* font-weight: 500;*/
/* font-size: .875rem;*/
/* padding: .4rem .7rem;*/
/* width: auto;*/
/*}*/
/*.daterangepicker .ranges li {*/
/* padding: .15rem .75rem;*/
/* border-radius: 1.25rem;*/
/* font-weight: 500;*/
/* font-size: .75rem;*/
/* background: #fff;*/
/* color: #2D2D3B;*/
/* border: 1px solid #DCDDE0;*/
/*}*/
/*.daterangepicker .ranges li:hover {*/
/* background: #fff;*/
/* color: #2D2D3B;*/
/* border: 1px solid #fff;*/
/*}*/
/*.daterangepicker .ranges li.active {*/
/* padding: .15rem .75rem;*/
/* border-radius: 1.25rem;*/
/* font-weight: 500;*/
/* font-size: .75rem;*/
/* background: #E9EBFF;*/
/* color: #6283FF;*/
/*}*/
/*.daterangepicker .drp-calendar.right,*/
/*.daterangepicker.show-ranges.ltr .drp-calendar.left {*/
/* border: none;*/
/* padding: 0;*/
/*}*/
/*.daterangepicker .drp-buttons {*/
/* position: absolute;*/
/* top: 1rem;*/
/* right: 1rem;*/
/* padding: 0;*/
/*}*/
/*.daterangepicker select.monthselect,*/
/*.daterangepicker select.yearselect {*/
/* color: #767C81;*/
/* font-weight: 500;*/
/* font-size: .75rem;*/
/* border: none;*/
/* pointer-events: none;*/
/* width: auto;*/
/*}*/
/*.daterangepicker td.end-date,*/
/*.daterangepicker td.start-date {*/
/* color: #fff;*/
/*}*/
/*.daterangepicker td.start-date {*/
/* border-radius: 20px 0 0 20px;*/
/*}*/
/*.daterangepicker td.end-date {*/
/* border-radius: 0 20px 20px 0;*/
/*}*/
/*.daterangepicker td.start-date.end-date*/
.table-svg-url svg {
width: 16px;
height: 16px;
}
.table-svg-url svg path {
fill: #6283ff;
}
.table-svg-url.disabled {
pointer-events: none;
}
.table-svg-url.disabled svg path {
fill: #000000;
}
.bold {
font-weight: 600;
}
.fs-14 {
font-size: 0.875rem;
}
.back-url {
font-size: 0.75rem;
margin-top: -0.5rem;
}
.back-url svg {
height: 10px;
width: 5px;
}
.back-url svg path {
fill: #9f9fb1;
}
.offer-logo {
position: relative;
}
.offer-logo.sponsor-logo .sponsor-button {
position: absolute;
bottom: 5%;
}
@media (min-width: 992px) {
.offer-logo.sponsor-logo .sponsor-button {
bottom: 1rem;
}
}
@media (min-width: 1400px) {
.offer-logo.sponsor-logo .sponsor-button {
bottom: 2rem;
}
}
.offer-logo.sponsor-logo.p-20 {
padding: 0 0;
overflow: hidden;
border-radius: 1rem;
}
.offer-logo.sponsor-logo .sponsor-image {
position: relative;
display: flex;
justify-content: center;
}
.offer-logo.sponsor-logo .sponsor-image a {
display: flex;
justify-content: center;
align-items: center;
}
.offer-logo.sponsor-logo .sponsor-image img {
width: 100%;
height: auto;
}
.offer-logo.sponsor-logo .lable {
background: url(/static/core/img/flag2.svg) no-repeat 12px center transparent;
border: 1px solid #8ed96b;
}
.offer-logo.sponsor-logo .lable.yellow {
background: url(/static/core/img/fire2.svg) no-repeat 12px center transparent;
border: 1px solid #fb9d4b;
}
.offer-logo.sponsor-logo .lable.blue {
background: url(/static/core/img/key2.svg) no-repeat 12px center transparent;
border: 1px solid #5f98e7;
}
.offer-logo.sponsor-logo .lable.lilac {
background: url(/static/core/img/lollipop.svg) no-repeat 12px center
transparent;
border: 1px solid #ff83f0;
}
.offer-logo.sponsor-logo .lable.white {
background: url(/static/core/img/key3.svg) no-repeat 12px center transparent;
border: 1px solid white;
color: white;
}
.offer-logo .lable {
background: #e7ffdc url("/static/core/img/lable.svg") no-repeat 12px center;
border-radius: 20px;
color: #8ed96b;
font-size: 0.75rem;
position: absolute;
padding: 7px 12px 7px 28px;
top: 4px;
left: 4px;
}
.offer-logo .image {
margin-top: 1.5rem;
}
.hr-12 {
margin-top: 0.75rem;
margin-bottom: 0.75rem;
}
.content.gray {
background: #f3f5f9;
box-shadow: none;
margin-bottom: 0;
border: none;
}
.page-menu.nav-tabs {
margin-bottom: 0;
padding: 0;
}
.page-menu.nav-tabs a.active {
color: #6283ff;
border-bottom: 4px solid #6283ff;
text-decoration: none;
}
.page-menu.nav-tabs {
border-bottom: 0px solid #ccccdb;
}
article {
font-weight: normal;
letter-spacing: -0.01em;
}
article strong {
font-weight: 500;
}
article ul {
list-style: none;
padding-left: 22px;
}
article ul li {
position: relative;
margin-bottom: 1rem;
}
article ul li:before {
content: "";
display: block;
width: 6px;
height: 6px;
border-radius: 50%;
background: #9f9fb1;
position: absolute;
left: -22px;
top: 8px;
}
article .h3 {
margin-bottom: 1rem;
}
.yes-no.table table tr th:last-child,
.yes-no.table table tr td:last-child {
padding-left: 45px;
}
.yes-no tr td:before {
content: "";
display: block;
position: absolute;
left: 1rem;
top: 1rem;
}
.yes-no tr td {
position: relative;
}
.yes-no tr td:not(.empty):first-child:before {
width: 13px;
height: 10px;
background: url("/static/core/img/ok-green.svg") no-repeat;
}
.yes-no tr td:not(.empty):last-child:before {
width: 10px;
height: 10px;
background: url("/static/core/img/close-red.svg") no-repeat;
}
.modal .form-check label div {
white-space: normal;
}
.promo {
border: 1px solid #dcdde0;
border-radius: 8px;
height: calc(100% - 24px);
margin-bottom: 24px;
}
.promo .btn.small {
padding: 0.15rem 0.5rem;
}
.promo-image {
position: relative;
}
.promo-image img {
width: 100%;
}
.promo-image a {
display: block;
}
.promo-image a .zoomer {
position: absolute;
top: calc(50% - 16px);
left: calc(50% - 16px);
z-index: 3;
opacity: 0;
transition: all 0.5s;
}
.promo-btns {
opacity: 0;
transition: all 0.5s;
padding: 1.5rem 0 0.5rem;
}
.promo:hover .promo-image a .zoomer,
.promo:hover .promo-btns {
opacity: 1;
transition: all 0.5s;
}
.kvadro {
padding: 0.45rem 0.67rem;
}
.kvadro svg {
margin-right: 0;
}
textarea.form-control.with-action + .input-action {
top: auto;
bottom: 1px;
}
textarea::-webkit-scrollbar {
width: 3px;
height: 3px;
}
textarea::-webkit-scrollbar-track {
background-color: #999;
}
textarea::-webkit-scrollbar-track-piece {
background-color: #ffffff;
}
textarea::-webkit-scrollbar-corner {
background-color: #999;
}
textarea.form-control.with-action {
min-height: 260px;
}
.input-group-append.remove {
display: flex;
top: 1rem;
cursor: pointer;
height: 40px;
}
.input-group-append.remove svg {
margin: auto;
}
.input-group-append.remove svg path {
fill: #636379;
}
.input-group-append.remove:hover svg path {
fill: #6283ff;
}
.col-form-label.blue {
color: #6283ff;
}
.modal-md.modal-dialog {
width: calc(100% - 2rem);
}
.bootstrap-select {
display: block !important;
width: 100% !important;
}
.bootstrap-select > .dropdown-toggle {
background: #fff;
}
.filter-option {
display: block !important;
}
.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select > select.mobile-device:focus + .dropdown-toggle {
outline: none !important;
}
.btn-light:not(:disabled):not(.disabled).active:focus,
.btn-light:not(:disabled):not(.disabled):active:focus,
.show > .btn-light.dropdown-toggle:focus {
box-shadow: none !important;
}
.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active {
color: #212529;
background-color: #fff;
border-color: #bdd0ff;
}
.show > .btn-light.dropdown-toggle[aria-expanded="true"]:hover {
color: #212529 !important;
}
.show > .btn-light.dropdown-toggle {
color: #212529;
background-color: #fff;
border-color: #6283ff;
}
.bootstrap-select .dropdown-item {
padding: 0.5rem 1rem;
}
.bootstrap-select .dropdown-item.active,
.bootstrap-select .dropdown-item:active {
color: #6283ff;
text-decoration: none;
background-color: #fff;
}
.bootstrap-select .dropdown-menu {
min-width: 100% !important;
padding-right: 0;
margin-top: 2px;
}
.bootstrap-select.bootstrap-select-custom .dropdown-menu {
min-width: 100% !important;
padding-right: 5px;
top: 0 !important;
transform: none !important;
}
.bootstrap-select > .dropdown-toggle {
padding: 0.5rem 2rem 0.5rem 1rem;
max-height: 40px;
}
.alert-secondary .alert-link svg {
width: 12px;
}
.alert-secondary .alert-link svg path {
fill: #6283ff;
}
.bootstrap-select > .dropdown-toggle.bs-placeholder:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder {
color: #9f9fb1;
}
.custom-dd.active .custom-dd-title .title {
color: #6283ff;
}
.custom-dd.has-choise .custom-dd-title .title {
color: #6283ff;
}
.modal .custom-dd .custom-dd-title .title {
color: #9f9fb1;
}
.modal .custom-dd.has-choise .custom-dd-title .title {
color: #6283ff;
}
.modal .custom-dd-title .title:after {
right: 1rem;
}
.dropup .dropdown-toggle::after {
border-top: 0 !important;
border-right: 4.5px solid transparent !important;
border-bottom: 6px solid !important;
border-left: 4.5px solid transparent !important;
}
.bootstrap-select > .dropdown-toggle:after {
border-top: 6px solid #636379 !important;
border-bottom: 0 !important;
}
.show>.btn-light.dropdown-toggle:after
/*.bootstrap-select>.dropdown-toggle:active:after,*/
/*.bootstrap-select>.dropdown-toggle:focus:after */ {
border-bottom: 0 !important;
border-top: 6.25px solid #6283ff !important;
}
.bootstrap-select > .dropdown-toggle.bs-placeholder:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder:focus {
border: 1px solid #6283ff;
}
.show.bootstrap-select .btn-light:not(:disabled):not(.disabled):hover {
border: 1px solid #6283ff;
color: #9f9fb1;
}
.bootstrap-select > .dropdown-toggle.bs-placeholder[aria-expanded="true"]:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder[aria-expanded="true"],
.bootstrap-select > .dropdown-toggle.bs-placeholder:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
.custom-dd.d-block.active .custom-dd-title {
border: 1px solid #6283ff;
color: #9f9fb1;
}
.modal .custom-dd.d-block.active .custom-dd-title:hover {
border: 1px solid #6283ff;
color: #9f9fb1;
}
.fast-order {
font-size: 1.25rem;
font-weight: 600;
}
.fast-order a {
color: #9f9fb1;
}
.fast-order a:hover,
.fast-order a.active {
color: #6283ff;
}
.fast-order a + a:before {
content: "";
display: inline-block;
width: 2px;
height: 24px;
background: #dcdde0;
position: relative;
top: 6px;
margin: 0 8px;
}
.table-with-bottom {
border-radius: 1rem;
}
.table.table-with-bottom table tr th:first-child,
.table.table-with-bottom table tr td:first-child {
padding-left: 2rem;
}
.table.table-with-bottom table tr th:last-child,
.table.table-with-bottom table tr td:last-child {
padding-right: 2rem;
}
.table.table-with-bottom thead tr th:first-child {
border-top-left-radius: 1rem;
}
.table.table-with-bottom tfoot tr th:first-child {
border-bottom-left-radius: 1rem;
}
.table.table-with-bottom tfoot tr th:last-child {
border-bottom-right-radius: 1rem;
}
.table tfoot th {
padding: 1.1rem 0.75rem;
}
.form-check ul {
list-style: none;
padding-left: 1.5rem;
margin: 0.5rem 0;
}
.form-check ul li {
position: relative;
display: block;
padding-right: 1rem;
}
.with-child .dd-form-content .form-check {
padding-right: 0;
}
.form-check ul.collapse .only-it {
display: none !important;
}
.form-check label input:indeterminate + div:before {
background: #6283ff;
border: 1px solid #6283ff;
}
.form-check label input:indeterminate + div:after {
content: "";
width: 10px;
height: 3px;
background: #fff;
top: calc(50% - 2px);
left: 4px;
display: block;
position: absolute;
}
.form-check .more {
position: absolute;
top: 0;
right: -3px;
z-index: 9;
padding: 0px 10px 0 0;
}
.form-check .more[data-toggle="collapse"]:after {
border-top: 2px solid rgba(159, 159, 177, 0.8);
border-right: 2px solid rgba(159, 159, 177, 0.8);
}
.form-check .more[data-toggle="collapse"]:hover:after {
border-top: 2px solid #6283ff;
border-right: 2px solid #6283ff;
}
.calendar-input {
position: relative;
}
.calendar-input input {
border: 1px solid #dcdde0;
padding: 0.5rem 2rem 0.3rem 2.5rem;
background: #fff url("/static/core/img/calendar.svg") no-repeat 1rem center;
border-radius: 1.5rem;
letter-spacing: -0.01em;
position: relative;
cursor: pointer;
font-size: 0.875rem;
transition: all 0.5s;
font-weight: 500;
font-size: 0.875rem;
}
.calendar-input input:focus,
.calendar-input input:active,
.calendar-input input:hover {
background: #fff url("/static/core/img/calendar-blue.svg") no-repeat 1rem
center;
color: #6283ff;
}
.time-input div.inp {
border: 1px solid #dcdde0;
padding: 0.5rem 2rem 0.3rem 2.5rem;
background: #fff url("/static/core/img/time.svg") no-repeat 1rem center;
border-radius: 1.5rem;
letter-spacing: -0.01em;
position: relative;
cursor: pointer;
font-size: 0.875rem;
transition: all 0.5s;
font-weight: 500;
font-size: 0.875rem;
display: inline-block;
}
.time-input div.inp:focus,
.time-input div.inp:active,
.time-input div.inp:hover {
background: #fff url("/static/core/img/time-blue.svg") no-repeat 1rem center;
color: #6283ff;
}
.time-input .inp:after,
.calendar-input:after {
content: "";
display: block;
position: absolute;
right: 0.7rem;
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 6px solid #9f9fb1;
top: calc(50% - 3px);
transition: all 0.5s;
pointer-events: none;
}
thead .green-mark:before {
content: "";
display: inline-block;
width: 8px;
height: 8px;
border-radius: 50%;
background: #0bbc4f;
margin-right: 5px;
position: relative;
top: -1px;
}
thead .gray-mark:before {
content: "";
display: inline-block;
width: 8px;
height: 8px;
border-radius: 50%;
background: #9f9fb1;
margin-right: 5px;
position: relative;
top: -1px;
}
thead .red-mark:before {
content: "";
display: inline-block;
width: 8px;
height: 8px;
border-radius: 50%;
background: #ff5757;
margin-right: 5px;
position: relative;
top: -1px;
}
tbody span.blue {
color: #6283ff;
}
.relative {
position: relative;
}
.timer {
color: #9f9fb1;
font-weight: 500;
font-size: 0.75rem;
position: relative;
}
.timer div {
display: inline-block;
color: #6283ff;
font-size: 1.25rem;
}
.timer > span {
width: calc(100% - 40px);
padding-left: 0.5rem;
margin: auto 0;
}
.timer.disabled {
color: #dcdde0;
}
.timer.disabled div {
color: #dcdde0;
}
.select-view div {
display: inline-flex;
padding: 0.5rem;
border: 2px solid #dcdde0;
margin-top: 1rem;
border-radius: 50%;
width: 40px;
height: 40px;
cursor: pointer;
}
.select-view div + div {
margin-left: 0.9rem;
}
.select-view div img {
margin: auto;
max-width: 100%;
max-height: 100%;
}
.select-view div.active {
border: 2px solid #6283ff;
}
.form-check-group {
border: 1px solid #dcdde0;
border-radius: 50px;
padding: 4px;
}
.form-check-group label {
padding: 0;
font-size: 0.875rem;
color: #9f9fb1;
}
.form-check-group label div:after,
.form-check-group label div:before {
display: none !important;
}
.form-check-group label input + div {
padding: 6px 10px 3px;
text-align: center;
color: #9f9fb1;
}
.form-check-group label input:checked + div {
background: #e9ebff;
border-radius: 50px;
color: #6283ff;
}
.form-radio label {
width: auto;
margin-right: 1rem;
}
.form-check.form-radio label div:before {
border-radius: 50%;
border: 1px solid #dcdde0;
}
.form-check.form-radio label input:checked + div:before {
border-radius: 50%;
border: 1px solid #6283ff;
background: #fff;
}
.form-check.form-radio label input:checked + div:after {
content: "";
display: block;
border-radius: 50%;
background: #6283ff;
width: 8px;
height: 8px;
left: 5px;
top: 7px;
position: absolute;
}
.s-step .h2 {
color: #2d2d3b;
margin: 2rem 0 1rem;
}
.bs-searchbox {
padding: 0.5rem 1rem;
}
.bs-searchbox input {
position: relative;
z-index: 3;
background: #fff url("/static/core/img/search.svg") no-repeat
calc(100% - 1rem) center;
}
.bs-searchbox input:focus {
background: #fff url("/static/core/img/search-blue.svg") no-repeat
calc(100% - 1rem) center;
}
.dd-form-header.white {
background: #fff;
padding: 1.25rem 1.5rem 0rem;
}
.custom-dd-title.control {
display: block;
border: 1px solid #dcdde0;
border-radius: 8px;
}
.custom-dd-title.control.is-invalid {
display: block;
border: 1px solid #ff5757;
border-radius: 8px;
}
.custom-dd-title.control .title {
padding: 0.5rem 2rem 0.5rem 1rem;
font-family: "Graphik LCG";
font-size: 1rem;
}
.custom-dd-title.control .title:after {
border-top: 6.25px solid #636379 !important;
border-bottom: 0 !important;
}
.custom-dd.active .custom-dd-title.control .title:after,
.custom-dd.has-choise .custom-dd-title.control .title:after {
border-top: 6.25px solid #6283ff !important;
border-bottom: 0 !important;
}
.custom-dd-title.control .disabled.title:after {
border-top: 6.25px solid #dcdde0 !important;
}
.custom-dd:not(.has-choise) .custom-dd-title.control:hover {
border: 1px solid #bdd0ff;
}
.has-choise .custom-dd-title.control .clear:after,
.has-choise .custom-dd-title.control .clear:before {
top: 20px;
left: 4px;
}
.control + .custom-dd-form .dd-form-content {
max-width: 100%;
}
.custom-dd .control + .custom-dd-form {
width: 100%;
top: 100%;
}
.up.custom-dd .control + .custom-dd-form {
width: 100%;
top: auto;
bottom: 100%;
}
.news-list .date {
color: #9f9fb1;
font-weight: 500;
font-size: 0.75rem;
}
.news-list .image {
display: block;
text-align: center;
margin-top: 3rem;
}
.news-list .title {
margin-bottom: 1rem;
}
.news-list .title a {
color: #2d2d3c;
font-size: 1.125rem;
}
.news-list .text {
font-weight: normal;
}
.news-list [data-toggle="collapse"] {
margin-top: 1rem;
display: inline-block;
font-size: 0.875rem;
}
.news-list hr {
margin: 1.5rem 0;
}
div.status {
border-radius: 16px;
border: 1px solid #dcdde0;
margin-top: 1.5rem;
padding: 2rem;
height: calc(100% - 1.5rem);
}
div.status.active {
background: #ffffff;
border: 1px solid #dcdde0;
box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.08);
}
.status .title {
color: #2d2d3c;
font-size: 1.25rem;
font-weight: 600;
}
.status .info {
color: #9f9fb1;
font-size: 1.25rem;
font-weight: 600;
margin-bottom: 1.5rem;
}
.status .descr {
color: #9f9fb1;
font-size: 0.875rem;
font-weight: 500;
}
.status.active .descr {
color: #2d2d3b;
}
.status ul {
margin-bottom: 0;
list-style: none;
padding: 0;
}
.status ul li {
position: relative;
padding-left: 1.5rem;
}
.status ul li:before {
content: "";
display: block;
position: absolute;
left: 0;
top: 6px;
width: 6px;
height: 6px;
background: #9f9fb1;
border-radius: 50%;
}
.stat-label {
background: #fff;
background: #ffffff;
border-radius: 20px;
padding: 0.5rem 1rem;
color: #9f9fb1;
font-size: 0.875rem;
white-space: nowrap;
}
.status.active .stat-label {
background: #e9ebff;
color: #6283ff;
}
.status .stat-label svg path {
fill: #9f9fb1;
}
.status.active .stat-label svg path {
fill: #6283ff;
}
.head .status {
margin-top: 0;
}
.fast-action.action.dropdown .nav-link.dropdown-toggle:after {
content: "";
display: block;
position: absolute;
right: 11px;
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 6px solid #9f9fb1;
top: 16px;
transition: all 0.5s;
}
.fast-action.action.dropdown .dropdown-menu a.current:after {
border-top: 6px solid #6283ff;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
right: 10px;
display: none;
}
.fw600 {
font-weight: 600;
}
/*.fast-action.action.dropdown.show .nav-link.dropdown-toggle:after {*/
/* z-index: 1002;*/
/* border-top: 6px solid #6283FF;*/
/* transition: none;*/
/*}*/
.btn-action {
cursor: pointer;
}
.mw-200 {
max-width: 200px;
}
.mw-300 {
max-width: 300px;
}
.minw-200 {
min-width: 200px;
}
.ellipsis {
text-overflow: ellipsis;
overflow: hidden;
}
.btn-action {
position: relative;
display: block;
width: 100%;
min-width: 40px;
}
.btn-action input {
display: none;
}
.btn-action input:checked + svg path,
.btn-action:focus svg path,
.btn-action:active svg path,
.btn-action:hover svg path {
fill: rgba(98, 131, 255, 0.8);
}
.form-text {
color: #9f9fb1;
font-weight: 500;
font-size: 0.875rem;
}
.pull-right {
float: right;
}
.form-control[type="password"] {
color: #bdd0ff;
letter-spacing: 3px;
}
.form-control[type="password"]::placeholder {
color: #a6a6bb;
letter-spacing: 0;
}
.modal .form-text {
color: #9f9fb1;
font-weight: 500;
font-size: 0.75rem;
}
.modal .invalid-feedback {
color: #ff5757;
font-weight: 500;
font-size: 0.75rem;
}
.modal .valid-feedback {
color: #0bbc4f;
font-weight: 500;
font-size: 0.75rem;
}
.input-group-append {
display: flex;
justify-content: center;
}
.input-group-append div {
min-width: 30px;
}
.invalid-info {
display: none;
cursor: pointer;
}
.is-invalid + div + .input-group-append .invalid-info {
display: block;
}
.is-valid + div + .input-group-append .show-pass,
.is-invalid + div + .input-group-append .show-pass {
min-width: 14px;
}
.sucess-info {
display: none;
}
.is-valid + div + .input-group-append .sucess-info {
display: block;
}
.table thead th {
white-space: nowrap;
}
.table td {
border-top: 1px solid #dcdde0;
}
.content.empty {
height: calc(100% - 2rem);
}
textarea + .input-action .input-action-done {
background: transparent;
}
.modal textarea + .input-action .input-action-done {
background: rgba(45, 45, 59, 0.8);
}
.textarea-box {
border: 1px solid #dcdde0;
border-radius: 8px;
}
.textarea-box textarea.form-control.with-files {
padding-right: 60px;
min-height: 65px;
border: 1px solid #fff;
border-radius: 8px;
resize: none;
}
.with-files + .input-files {
position: absolute;
top: 1rem;
right: 1rem;
background: #f3f5f9;
border-radius: 50%;
width: 32px;
height: 32px;
display: flex;
}
.with-files + .input-files svg {
margin: auto;
}
.with-files + .input-files:hover {
background: #e9ebff;
}
.with-files + .input-files:hover svg path {
fill: #6283ff;
}
.mh-800 {
max-height: 800px;
}
.dropzone-container {
text-align: center;
width: 100%;
background: #ffffff;
border: 1px solid #dcdde0;
font-size: 1rem;
color: #9f9fb1;
min-height: 171px;
border-radius: 8px;
}
.dropzone-container-error {
border-color: #ff5757;
transition: border-color 0.15s ease-in-out;
}
.dropzone-container-error:hover {
border-color: #dcdde0;
}
.dropzone-sign {
color: #9f9fb1;
font-weight: 500;
font-size: 0.75rem;
}
.dropZone {
height: auto;
text-align: center;
width: 100%;
background: #ffffff;
border-radius: 8px;
font-size: 1rem;
color: #9f9fb1;
border: 1px solid #dcdde0;
padding: 2rem 0;
}
.dropzone .dz-preview.dz-image-preview {
min-height: 0;
width: auto;
max-width: 30%;
}
.dropZone .dz-default {
height: 0;
}
.file-box {
min-height: 85px;
}
.dropZone input {
display: none;
}
.dropZone .image {
background: url("/static/core/img/upload.png") no-repeat center;
height: 60px;
}
.dropZone.hover .image {
background: none;
}
.dropZone.error {
background: #fff;
border-color: #ff5757;
color: #ff5757;
}
.dropZone.drop .image {
display: none;
}
.dropZone .dropzone-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.35);
display: flex;
align-items: center;
justify-content: center;
z-index: 10;
border-radius: 4px;
}
.dropZone .lds-spinner {
scale: 0.35;
}
.col-form-label span {
color: #a6a6bb;
}
.hold-info {
font-weight: 600;
font-size: 16px;
color: #9f9fb1;
display: flex;
}
.hold-info span {
font-weight: 500;
}
.hold-info span + span {
margin-left: 1rem;
}
.content-hold {
padding: 2rem 1.5rem 1rem 1.5rem;
}
.min-h-100 {
min-height: calc(100% - 1.5rem);
}
.content.graf-content {
padding: 2rem;
}
#legend li {
display: inline-block;
margin-right: 0.5rem;
font-weight: 500;
font-size: 12px;
border-radius: 50px;
padding: 0.2rem 12px.2rem 12px;
cursor: pointer;
}
#legend ul {
margin: 0;
}
#legend li:before {
content: "";
display: inline-block;
width: 8px;
height: 8px;
border-radius: 50%;
margin-right: 4px;
}
li[style="color: rgb(98, 131, 255); background-color: rgb(233, 235, 255);"]:before {
background: rgb(98, 131, 255);
}
li[style="background-color: rgba(201, 214, 255, 0);"] {
color: #4b75ff;
background: rgba(201, 214, 255, 1) !important;
}
li[style="color: rgb(232, 209, 140); background-color: rgb(255, 247, 223);"]:before {
background: rgb(232, 209, 140);
}
li[style="background-color: rgb(255, 247, 223);"] {
color: #e8d18c;
}
li[style="color: rgb(11, 188, 79); background-color: rgba(11, 188, 79, 0.3);"]:before {
background: rgb(11, 188, 79);
}
li[style="color: rgb(255, 87, 87); background-color: rgba(255, 87, 87, 0.3);"]:before {
background: #ff5757;
}
li[style="background-color: rgb(182, 235, 203);"] {
color: #0bbc4f;
}
#legend ul {
padding: 0;
}
#legend li.hidden {
opacity: 0.5;
}
#chartjs-tooltip {
background: rgba(51, 51, 51, 1);
color: #fff;
border-radius: 8px;
padding: 1rem !important;
font-size: 0.875rem !important;
font-family: "Navigo" !important;
}
#chartjs-tooltip thead {
font-size: 1rem;
font-weight: 500;
display: block;
margin-bottom: 5px;
}
#chartjs-tooltip tr {
display: block;
}
#chartjs-tooltip tr + tr {
margin-top: 5px;
}
.ref-url svg {
margin-right: 5px;
position: relative;
top: -2px;
}
.offer-slider {
font-size: 14px;
margin-right: -0.5rem;
margin-left: -0.5rem;
}
.offer-slider .slick-slide > div {
border: 1px solid #dcdde0;
box-sizing: border-box;
border-radius: 8px;
padding: 1rem;
margin: 0 0.5rem;
width: 100%;
}
.offer-slider .title {
font-weight: 500;
font-size: 18px;
color: #6283ff;
margin-bottom: 4px;
}
.offer-slider .date {
font-weight: 500;
font-size: 12px;
color: #9f9fb1;
margin-bottom: 1.2rem;
}
.offer-slider .info {
font-weight: 600;
font-size: 14px;
color: #9f9fb1;
}
.offer-slider img {
margin-left: auto;
}
.offer-slider .line-through {
font-size: 12px;
text-decoration: line-through;
}
.offer-slider a {
display: inline-block;
word-break: break-word;
}
.offer-table {
width: 100%;
}
.offer-table table {
width: 100%;
}
.offer-table tbody tr:hover,
.offer-table tr.blue {
background: #fff;
}
.slick-track {
display: flex;
}
.slick-track .slick-slide {
display: flex;
height: auto;
}
.slider-nav {
display: flex;
margin-left: auto;
margin-top: -10px;
}
.slider-nav > div {
border: 1px solid rgba(220, 221, 224, 0.5);
box-sizing: border-box;
border-radius: 8px;
width: 40px;
height: 40px;
display: flex;
cursor: pointer;
}
.slider-nav > div:hover {
border: 1px solid rgba(220, 221, 224, 1);
}
.slider-nav > div + div {
margin-left: 4px;
}
.slider-nav > div svg {
margin: auto;
}
.slider-nav > div svg path {
fill: rgba(99, 99, 121, 1);
}
.slider-nav > div:hover svg path {
fill: rgba(99, 99, 121, 1);
}
.content-hold .table {
border-radius: 0.5rem;
}
.content-hold .table table tr th:first-child,
.content-hold .table table tr td:first-child {
padding-left: 0.75rem;
}
.content-hold .table table tr th:last-child,
.content-hold .table table tr td:last-child {
padding-right: 0.75rem;
}
.content-hold .table thead {
font-size: 13px;
}
.d-news {
padding-bottom: 0.8rem;
border-bottom: 1px solid #dcdde0;
margin-bottom: 1rem;
}
.d-news .title {
margin-bottom: 0.5rem;
}
.d-news .title a {
color: #2d2d3b;
font-weight: 500;
font-size: 14px;
}
.content.row.mx-0 > div {
width: 100%;
}
.d-news .date {
font-weight: 500;
font-size: 14px;
color: #9f9fb1;
}
.d-news .status {
margin-bottom: 0.5rem;
}
td.py-0 {
padding: 0 0.75rem;
vertical-align: middle;
}
.content span.status.gray.light {
background: #fff;
color: #9f9fb1;
border: 1px solid #dcdde0;
}
#header .dropdown-menu {
padding: 0;
border-radius: 0.8rem;
overflow: hidden;
min-width: 350px;
right: 0;
left: auto;
margin-top: 0.5rem;
}
#header .dd-header {
background: #f3f5f9;
padding: 1.5rem;
}
#header .dd-header .dd-balance,
#header .dd-body .dd-balance {
color: #636379 !important;
font-size: 14px !important;
}
#header .dd-header .name {
font-weight: 500;
font-size: 18px;
color: #2d2d3b;
margin-bottom: 0.3rem;
}
#header .dd-header .info {
font-weight: 500;
font-size: 14px;
color: #636379;
margin-bottom: 0.75rem;
}
.mobile-page .stat a,
#header .dd-header .status {
display: inline-block;
padding: 0.2rem 1rem 0.2rem 1.5rem;
position: relative;
border-radius: 1rem;
font-weight: 500;
background: #4b75ff;
color: #fff;
}
#header .dd-header .status:hover {
background: #4b75ff !important;
color: #fff !important;
}
.mobile-page .stat svg,
#header .dd-header .status svg {
margin-left: 5px;
position: relative;
top: -1px;
}
.mobile-page .stat .status:before,
#header .dd-header .status:before {
content: "";
display: block;
width: 8px;
height: 8px;
border-radius: 50%;
left: 0.7rem;
top: calc(50% - 4px);
position: absolute;
}
.bronze.status:before {
background: #bdd0ff;
}
.silver.status:before {
background: #ccccdb;
}
.gold.status:before {
background: #e8d18c;
}
#header .dd-body {
padding: 1rem 1.5rem;
}
#header .dd-body ul {
padding: 0;
margin: 0;
list-style: none;
}
#header .dd-body ul li {
margin: 0;
}
#header .dd-body ul li a {
padding: 0.3rem 0;
display: block;
}
#header .dropdown .dropdown-menu a:hover {
background: transparent;
color: #4b75ff;
}
#header .gray {
color: #9f9fb1;
}
.navbar-main .navbar-nav.nav-second li {
position: relative;
}
#header .dropdown .image {
border-radius: 50%;
overflow: hidden;
}
#header .dropdown .icon {
width: 32px;
height: 32px;
border-radius: 50%;
background: #f3f5f9;
display: inline-flex;
margin-right: 5px;
position: relative;
top: 2px;
}
#header .dropdown .icon svg {
margin: auto;
}
#header .money {
font-weight: 600;
font-size: 20px;
color: #636379;
margin: 0.3rem 0;
}
.head-table {
font-weight: 500;
font-size: 16px;
color: #636379;
width: 100%;
}
.head-table table {
max-width: 100%;
}
.head-table span {
padding-right: 12px;
}
#header .dd-header .money-detail {
font-size: 17px;
font-weight: 600;
color: #636379;
margin: 0.3rem 0;
}
#chartjs-tooltip td > span:first-of-type {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 50%;
margin-right: 5px;
position: relative;
top: -1px;
}
#chartjs-tooltip td[data-class="rgba(201, 214, 255, 0)"] > span:first-of-type {
background: rgba(201, 214, 255, 1) !important;
}
#chartjs-tooltip th,
#chartjs-tooltip td {
font-family: "Graphik LCG";
}
.d-buttons {
border: 1px solid #dcdde0;
box-sizing: border-box;
border-radius: 50px;
margin-left: auto;
padding: 4px;
display: inline-block;
}
.d-buttons > div {
border-radius: 50px;
color: #9f9fb1;
font-weight: 500;
font-size: 14px;
display: inline-flex;
align-items: center;
line-height: 1;
padding: 8px 12px;
cursor: pointer;
}
.d-buttons > div.active {
color: #6283ff;
background: #e9ebff;
}
.slick-prev {
left: 5px;
z-index: 999;
}
.slick-next {
right: 5px;
z-index: 999;
}
.slick-prev:before,
.slick-next:before {
color: #6283ff;
}
.color-636379 {
color: #636379 !important;
}
.mobile-menu {
position: fixed;
width: 260px;
height: 100vh;
background: #fff;
top: 0;
left: -280px;
right: 0;
bottom: 0;
z-index: 9999;
overflow-y: auto;
overflow-x: hidden;
transition: all 0.5s;
}
.mobile-navbar-show {
overflow: hidden;
}
.mobile-navbar-show:before {
content: "";
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: hsla(240, 13%, 20%, 0.5);
z-index: 9990;
}
.mobile-navbar-show .mobile-menu {
left: 0;
transition: all 0.5s;
}
.mobile-nav {
background: #6283ff;
padding: 1rem;
}
.mobile-nav a {
color: #fff;
}
.mobile-nav .icon {
display: inline-flex;
background: #4b75ff;
width: 40px;
height: 40px;
border-radius: 50%;
margin-right: 0.5rem !important;
}
.mobile-nav .icon svg {
margin: auto;
}
.mobile-nav .nav-link {
display: flex;
position: relative;
padding: 6px 10px 6px 0;
}
.mobile-nav .nav-link span {
margin: auto 0;
}
.mobile-nav .nav-link:after {
content: "";
display: inline-block;
width: 8px;
height: 8px;
border-top: 2px solid #bdd0ff;
border-right: 2px solid #bdd0ff;
transform: rotate(45deg);
position: relative;
top: 1.4rem;
right: 0;
position: absolute;
}
.mobile-nav .user .nav-link .icon {
border: 2px solid #dfc471;
}
.mobile-nav-second ul {
list-style: none;
padding: 0;
margin: 0;
}
.mobile-nav-second ul li a {
color: #636379;
}
.mobile-nav-second ul li.active a {
border-left: 3px solid #6283ff;
color: #6283ff;
}
.mobile-page {
background: #fff;
position: fixed;
top: 0;
left: -280px;
bottom: 0;
width: 260px;
z-index: 1;
color: #2d2d3b;
transition: all 0.5s;
overflow-y: auto;
-ms-overflow-style: none;
scrollbar-width: none;
}
.mobile-page::-webkit-scrollbar {
display: none;
}
.mobile-navbar-show .mobile-page.active {
left: 0;
transition: all 0.5s;
}
.mobile-page-head {
background: #f3f5f9;
padding: 1.5rem 1rem;
}
.mobile-page-head .back {
color: #6283ff;
font-weight: 500;
}
.mobile-page-head .back svg {
position: relative;
top: -2px;
margin-right: 0.5rem;
}
.mobile-page-head .ava {
margin-top: 1rem;
}
.mobile-page-head .ava img {
width: 56px;
height: 56px;
border-radius: 50%;
}
.mobile-page-head .name {
font-size: 1.125rem;
margin-top: 1rem;
}
.mobile-page-head .dolz {
font-size: 0.875rem;
margin-top: 0.25rem;
color: #9f9fb1;
}
.mobile-page-body {
padding: 0.5rem 1rem;
}
.mobile-page-body a {
color: #636379;
display: flex;
margin: 1rem 0;
}
.mobile-page-body a span {
margin: auto 0;
}
.mobile-page-body a .icon {
display: inline-flex;
background: #f3f5f9;
width: 32px;
height: 32px;
border-radius: 50%;
margin-right: 0.5rem !important;
}
.mobile-page-body a .icon svg {
margin: auto;
}
.mobile-page-body a.gray {
color: #9f9fb1;
}
.mobile-page .stat {
margin-top: 0.75rem;
}
.mobile-page .stat a {
color: #fff;
background: #6283ff;
}
.ballance {
color: #6283ff;
font-weight: 600;
margin: 0.5rem 0 1rem;
font-size: 1.25rem;
}
.navbar-main .navbar-nav.nav-second li.bar svg {
position: relative;
top: -3px;
}
.mobile-menu-close {
position: fixed;
top: 0.5rem;
left: calc(260px + 1rem);
z-index: 9999;
display: none;
}
.mobile-menu-close:after,
.mobile-menu-close:before {
content: "";
border-top: 3px solid #fff;
width: 16px;
transition: all 0.2s;
display: block;
transform: rotate(45deg);
top: 1.5rem;
right: -1.5rem;
position: absolute;
}
.mobile-menu-close:after {
transform: rotate(-45deg);
}
.mobile-navbar-show .mobile-menu-close {
display: block;
}
.custom-dd-boxed {
display: flex;
}
.custom-dd.has-choise .custom-dd-title .title {
white-space: nowrap;
}
.form-check-label.has-children {
padding-right: 45px !important;
}
.fast-order .dropdown > a {
padding: 0 2rem 0 0;
border: none !important;
color: #6283ff;
}
.fast-order .dropdown > a:after {
top: 11px;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 6px solid #9f9fb1;
}
.mobile-nav-second {
padding-top: 2.5px;
}
.mobile-nav-second .nav-item {
margin: 6px 0;
}
.dd-table a:after {
display: none;
}
.dd-table .dropdown > a {
padding: 0;
border: none !important;
}
.custom-dd-title.control .title.disabled {
pointer-events: none;
color: #dcdde0;
}
.custom-dd-title.control.is-invalid {
border-color: #ff5757;
}
tr,
th {
white-space: nowrap;
}
.custom-cols .content {
margin-bottom: 1.5rem;
}
.content-hold.min-h-100 .row {
min-width: 100%;
}
.s-377 {
width: 377px;
max-width: 100%;
}
.short-manager .mb-2 {
padding-left: 40px;
position: relative;
min-height: 40px;
color: #636379;
}
.short-manager .mb-2 img {
position: absolute;
left: 0;
top: 0;
z-index: 1;
width: 32px;
height: 32px;
border-radius: 50%;
}
.time-box {
position: absolute;
top: calc(100% + 0.5rem);
right: 0;
background: #fff;
box-shadow: 0px 8px 20px rgba(45, 45, 59, 0.24);
border-radius: 16px;
min-width: 250px;
display: none;
overflow: hidden;
}
.time-box.active {
display: block;
z-index: 100500;
}
.time-box .time-header {
background: #f3f5f9;
padding: 1.5rem 1.5rem 1rem;
font-weight: 500;
font-size: 18px;
}
.time-box .time-header > div:first-of-type {
margin-bottom: 1rem;
padding-right: 1rem;
}
.time-box .time-header > div > div {
font-weight: 500;
font-size: 12px;
color: #636379;
cursor: pointer;
}
.time-box .time-header > div > div.active {
color: #6283ff;
}
.time-box .time-body {
padding: 1rem 1.5rem;
text-align: center;
}
.time-box input {
width: 42px;
border: 1px solid #dcdde0;
border-radius: 8px;
font-weight: 500;
font-size: 0.875rem;
text-align: center;
height: 32px;
color: #9f9fb1;
}
.time-box .time-body > div > div {
margin: auto 0;
}
.time-box .up,
.time-box .down {
cursor: pointer;
}
.time-box input::-webkit-outer-spin-button,
.time-box input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.time-box input[type="number"] {
-moz-appearance: textfield;
}
.time-box .close {
position: absolute;
margin: 0;
top: 1.5rem;
right: 1.5rem;
cursor: pointer;
}
.time-box .close svg {
width: 13px;
height: 13px;
}
.width-hide {
position: relative;
display: block;
white-space: nowrap;
padding-right: 22px;
overflow: hidden;
text-overflow: ellipsis;
}
.custom-dd .dd-form-content .form-check-label:before,
.width-hide:before {
content: "";
position: absolute;
display: block;
top: 0;
bottom: 0;
right: 22px;
background: linear-gradient(
270deg,
#ffffff 0%,
rgba(255, 255, 255, 0) 89.71%
);
width: 48px;
z-index: 2;
}
.custom-dd .dd-form-content .form-check-label:before {
right: 0;
}
tr:hover .width-hide:before {
background: linear-gradient(
270deg,
#f4f5ff 0%,
rgba(244, 245, 255, 0) 89.71%
);
}
.width-hide.with-tog {
cursor: pointer;
}
.width-hide.with-tog:after {
content: "";
display: inline-block;
width: 8px;
height: 8px;
border-top: 2px solid #9f9fb1;
border-right: 2px solid #9f9fb1;
transform: rotate(135deg);
position: relative;
top: 2px;
margin-left: 0;
position: absolute;
right: 3px;
}
.table-show .width-hide.with-tog:after {
transform: rotate(-45deg);
top: 7px;
}
.hide-tr {
display: none;
}
.tr-show {
display: table-row;
}
.table-show {
background: #fff !important;
}
.table-show td {
border-color: #fff;
}
.table-show .width-hide:before {
background: linear-gradient(
270deg,
#ffffff 0%,
rgba(255, 255, 255, 0) 89.71%
) !important;
}
.table-show + .hide-tr td {
border-color: #fff;
}
.tr-show .width-hide {
margin-right: 0;
padding-right: 0;
}
.tr-show .width-hide:before {
right: 0;
}
.table table.fs-12 {
font-size: 0.75rem;
}
.modal .active .custom-dd-form .dd-form-content {
max-height: 300px !important;
}
.modal .up .custom-dd-form.with-search.d-flex.flex-column {
margin-bottom: 2px !important;
}
.ellipsis {
text-overflow: ellipsis;
}
.p-404 {
text-align: center;
min-height: calc(100vh - 72px);
}
.p-404 lottie-player {
max-width: 280px;
margin: auto;
max-height: 200px;
margin-top: 72px;
margin-bottom: 2rem;
}
.p-404 h1 {
font-size: 72px;
margin-bottom: 1rem;
}
.p-404 .h2 {
font-weight: 500;
font-size: 28px;
margin-bottom: 8px;
}
.p-404 .h3 {
font-weight: 500;
font-size: 18px;
margin-bottom: 40px;
color: #636379;
}
#add_pb a[data-toggle="collapse"]:after {
display: none;
}
@media (min-width: 1400px) {
.order-form > div:first-child {
max-width: 880px;
}
}
@media (min-width: 851px) {
.order-form > div:first-child {
flex-wrap: wrap;
}
}
@media (min-width: 1200px) and (max-width: 1399px) {
.hold-count {
font-size: 1.5rem;
}
.custom-cols .col-xl-3 {
-ms-flex: 0 0 30%;
flex: 0 0 30%;
max-width: 30%;
}
.custom-cols .col-xl-9 {
-ms-flex: 0 0 70%;
flex: 0 0 70%;
max-width: 70%;
}
}
@media (min-width: 992px) {
.mobile-nav {
display: none;
}
.content-footer {
margin-bottom: 1.5rem;
}
.table-fixed-col {
position: initial;
}
.table-fixed-col table {
margin-left: 100px;
}
.table-fixed-col tr > th:first-of-type,
.table-fixed-col tr > td:first-of-type {
position: absolute;
width: 100px;
left: 1rem;
top: auto;
margin-top: 0;
background: #f3f5f9;
z-index: 9;
}
.table-fixed-col tr > td:first-of-type {
background: #fff;
border-top: 1px solid #dee2e6;
}
.table-fixed-col tr:hover > td:first-of-type,
.table-fixed-col tr:hover > th:first-of-type {
background: #f4f5ff;
}
.table-fixed-col tr:first-of-type td {
border-top: 0px solid #dee2e6;
}
.table-fixed-col table {
min-width: calc(100% - 100px);
width: auto;
}
}
@media (min-width: 992px) and (max-width: 1400px) {
#stats .col-sm-8.mb-4.text-center.text-sm-right {
max-width: 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
text-align: center !important;
}
#page_5 .content.p-4 {
height: calc(100% - 1.5rem);
margin-bottom: 1.5rem;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.page-menu a {
font-size: 1rem;
padding: 0.5rem;
}
.page-menu button {
font-size: 1rem;
padding: 0.5rem;
}
.page-header h1 {
margin-bottom: 0.7rem;
margin-top: 0;
}
}
@media (min-width: 768px) and (max-width: 991px) {
#page_5 .content.p-4 {
height: calc(100% - 1.5rem);
}
}
@media (min-width: 576px) and (max-width: 991px) {
.mr-sm-md-0 {
margin-right: 0 !important;
}
.ml-sm-md-0 {
margin-left: 0 !important;
}
}
@media (min-width: 576px) and (max-width: 767px) {
.d-md-inline-block.max-w-300.btn-blue-dark {
width: 300px;
margin-left: auto;
margin-right: auto;
}
}
@media (min-width: 1400px) {
.text-xxl-right {
text-align: right !important;
}
.mb-xxl-0 {
margin-bottom: 0 !important;
}
.col-xl-3-26 {
-ms-flex: 0 0 26%;
flex: 0 0 26%;
max-width: 26%;
}
.col-xl-9-74 {
-ms-flex: 0 0 74%;
flex: 0 0 74%;
max-width: 74%;
}
.col-xxl-8 {
-ms-flex: 0 0 65%;
flex: 0 0 65%;
max-width: 65%;
}
.col-xxl-4 {
-ms-flex: 0 0 35%;
flex: 0 0 35%;
max-width: 35%;
}
.col-xxl-33 {
-ms-flex: 0 0 33%;
flex: 0 0 33%;
max-width: 33%;
}
.col-xxl-22 {
-ms-flex: 0 0 22%;
flex: 0 0 22%;
max-width: 22%;
}
.d-xxl-block {
display: block !important;
}
#stats .m-image {
display: none;
}
.ml-xxl-auto {
margin-left: auto;
}
.page-menu a {
margin-right: 1rem;
}
.page-menu button {
margin-right: 1rem;
}
}
@media (min-width: 768px) {
.modal-580 {
max-width: 580px;
width: 580px;
}
}
@media (min-width: 768px) {
.modal-650 {
max-width: 650px;
width: 650px;
}
}
@media (min-width: 992px) {
.dd-table {
display: none;
}
.dd-table + th,
.dd-table + td {
padding-left: 45px !important;
}
}
@media (min-width: 1200px) {
.modal-md.modal-dialog {
width: 500px;
}
.col-xl-3-26 {
-ms-flex: 0 0 30%;
flex: 0 0 30%;
max-width: 30%;
}
.col-xl-9-74 {
-ms-flex: 0 0 70%;
flex: 0 0 70%;
max-width: 70%;
}
.custom-dd .custom-dd-form {
width: 350px;
}
}
@media (max-width: 1399px) {
#stats .m-image {
position: absolute;
width: 35px;
top: -5px;
right: 0;
}
#stats .m-image svg {
width: 100%;
height: auto;
}
.status .title,
.status .info {
padding-right: 20px;
}
.w-xxl-100 {
width: 100%;
}
}
@media (min-width: 576px) {
#page_7 .p-20 {
padding: 2rem;
}
}
@media (min-width: 1200px) {
.nav-item.bar {
display: none;
}
}
@media (max-width: 1199px) {
.navbar-nav .dropdown-menu {
position: absolute;
}
.table-fixed-col:after,
.table-fixed-col:before {
content: "";
display: block;
width: 12px !important;
height: 12px;
background: url("/static/core/img/123.png") no-repeat;
position: absolute;
bottom: 11px;
z-index: 99;
}
.table-fixed-col:before {
right: 1rem;
transform: rotate(180deg);
}
.table-fixed-col:after {
left: 1rem;
transform: rotate(270deg);
}
.navbar-main {
padding: 0.6rem 0;
}
.navbar-offcanvas {
background: #6283ff url("/static/core/img/logo.svg") no-repeat center 1rem;
position: fixed;
top: 0;
bottom: 0;
left: 0;
width: 280px;
z-index: 9999;
padding-top: 70px;
height: 100vh;
overflow: auto;
transform: translate(-280px, 0px);
transition: all 0.5s;
}
.navbar-show .navbar-offcanvas {
transform: translate(0px, 0px);
transition: all 0.5s;
}
.navbar-main .navbar-nav.nav-main .nav-link {
padding: 0.3rem 1rem;
}
.navbar-show:before {
content: "";
display: block;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.3);
z-index: 900;
}
.modal-md.modal-dialog {
max-width: 450px;
}
.navbar-nav .balance .dropdown-menu {
position: absolute;
}
.modal .custom-dd .dd-form-content .form-check-label:before {
display: none;
}
}
.payment_form_container .custom-dd .dd-form-content .form-check div:before {
display: none;
}
.payment_form_container .custom-dd .custom-dd-form .close {
display: none;
}
.payment_form_container .custom-dd {
margin-right: 0;
}
@media (max-width: 768px) {
.payment_form_container .custom-dd .custom-dd-form .close {
display: flex;
justify-content: end;
padding: 1rem 1rem 0;
}
}
@media (min-width: 768px) {
.payment_form_container .custom-dd .dd-form-content {
height: 300px;
}
}
.payment_form_container .custom-dd.active {
z-index: 100;
}
.payment_form_container .custom-dd .dd-form-content {
width: unset;
margin: 0.5rem 1rem;
}
.payment_form_container .custom-dd .dd-form-content .form-check-label {
font-size: 0.875rem;
color: #6c757d;
padding: 0.8rem 0 0;
}
.payment_form_container .custom-dd .dd-form-content .form-check label {
padding-left: unset;
}
.payment_form_container .custom-dd .dd-form-content .form-check-header {
border-bottom: 1px solid #e9ecef;
width: inherit;
}
.payment_form_container
.custom-dd
.dd-form-content
.form-check-header:last-child {
border-bottom: none;
}
.payment_form_container
.custom-dd
.dd-form-content
.form-check
.form-check-input-label {
font-weight: 500;
font-size: 1.125rem;
color: #2d2d3b;
padding: 0.5rem 1rem 0;
}
.payment_form_container
.custom-dd
.dd-form-content
.form-check
.form-check-input-label.checked {
color: #6283ff;
}
.payment_form_container input + .clear-input {
position: absolute;
background: url("/static/core/img/close-grey.svg") no-repeat center;
width: 0;
height: 40px;
z-index: 2;
top: 0;
right: 16px;
z-index: 3;
cursor: pointer;
}
.payment_form_container input.active + .clear-input {
width: 40px;
}
.payment_form_container .custom-dd .custom-dd-title.control {
max-height: 40px;
}
.payment_form_container .custom-dd input.active + .clear-input:hover {
position: absolute;
background: url("/static/core/img/close-blue.svg") no-repeat center;
width: 40px;
height: 40px;
z-index: 2;
top: 0;
right: 16px;
z-index: 3;
cursor: pointer;
}
.payment_form_container
.custom-dd
.dd-form-content
.form-check
.form-check-input-label:hover {
color: #6283ff;
transition: all 0.5s;
}
.payment_form_container .custom-dd .dd-form-content .form-check-label:before,
.width-hide:before {
top: 65px;
right: 5%;
}
@media (max-width: 767px) {
.payment_form_container .custom-dd .dd-form-content .form-check-label:before,
.width-hide:before {
display: none;
}
}
@media (min-width: 1600px) {
.container {
max-width: 1560px;
}
}
@media (max-width: 991px) {
.alert-fixed {
left: 0;
right: 0;
}
.p-404 .h2 {
font-weight: 600;
}
.p-404 lottie-player {
margin-top: 2rem;
}
.pager .dropdown-toggle {
padding: 0;
}
.container {
max-width: 100%;
}
.table.table-with-bottom table tr th:first-child,
.table.table-with-bottom table tr td:first-child {
padding-left: 1.5rem;
}
.page-menu-box {
width: 100%;
}
.page-header h1 {
font-size: 1.5rem;
margin-top: 0;
margin-bottom: 1rem;
}
.table table tr th:first-child,
.table table tr td:first-child {
padding-left: 0.75rem;
}
.table table tr th:last-child,
.table table tr td:last-child {
padding-right: 0.75rem;
}
.table table tr th:first-child,
.table table tr td:first-child {
padding-left: 35px;
}
.table table tr th:last-child,
.table table tr td:last-child {
padding-right: 35px;
}
.table:after,
.table:before {
width: 1.5rem;
}
.page-menu-box select {
padding: 0.5rem 1rem;
width: 100%;
margin-bottom: 1rem;
border: none;
font-weight: 500;
font-size: 1.5rem;
text-transform: lowercase;
color: #6283ff;
padding: 0.5rem 0;
background: #fff;
}
.page-menu-box select option {
font-size: 1rem;
color: #2d2d3b;
}
.page-header h1 {
font-size: 1.5rem;
display: inline-block;
font-weight: 600;
}
.fast-order {
font-size: 1.125rem;
font-weight: 600;
margin-top: -2px;
}
.page-menu a {
font-size: 1rem;
padding: 0.5rem 1rem 3px;
margin: auto;
}
.page-menu button {
font-size: 1rem;
padding: 0.5rem 1rem 3px;
margin: auto;
}
.page-menu-box.dropdown > a {
font-size: 1.5rem;
color: #6283ff;
border: none;
padding: 0rem 2rem 0rem 0.5rem;
text-transform: lowercase;
}
.page-menu li {
display: block;
}
.s-table + .content-footer {
margin-top: -1rem;
}
.s-table {
padding-bottom: 1rem;
}
.fast-order a + a:before,
.fast-order > a {
display: none;
}
.content {
background: #ffffff;
border: 1px solid #dcdde0;
box-shadow: none;
border-radius: 1rem;
margin-bottom: 1rem;
}
.table-fixed-col:after,
.table-fixed-col:before {
display: none;
}
tr > td > .edit-buttons {
display: none;
}
.table table tr th.dd-table:first-child,
.table table tr td.dd-table:first-child {
padding-left: 18px !important;
}
.hide-last-one.table table tr th:last-child,
.hide-last-one.table table tr td:last-child {
display: none !important;
}
.table {
margin-bottom: 1.5rem;
padding-bottom: 0;
}
.table.s-table {
margin-bottom: 1.5rem;
padding-bottom: 1.5rem;
}
.content-footer .d-lg-inline-block {
margin: 1.5rem auto !important;
}
.s-table + .content-footer > .d-lg-inline-block {
margin: 2.5rem auto 1.5rem !important;
}
.navbar-main {
padding: 5px 0;
}
.navbar-main .navbar-nav.nav-second .nav-link {
background: transparent !important;
border-color: transparent !important;
}
.table.yes-no th,
.table.yes-no td {
padding-left: 45px !important;
}
.time-box {
left: 0;
right: auto;
}
.content-footer .mb-4 {
display: block;
text-align: right;
}
#stats div.status {
padding: 1.5rem 1rem;
}
.table.yes-no td {
white-space: normal;
}
#stats .m-image {
right: 1rem;
}
.w-lg-100 {
width: 100%;
}
.p-404 h1 {
font-size: 50px !important;
margin-bottom: 1rem;
}
.p-404 .h2 {
font-size: 24px;
}
}
@media (max-width: 850px) {
.d-block-850 {
display: block;
}
}
@media (max-width: 767px) {
.p-20 {
padding: 1.5rem 1rem;
}
.pad-sm-0 {
padding: 0;
}
.content.p-4 {
padding: 1.5rem 1rem !important;
height: auto;
}
.table table tr th:first-child,
.table table tr td:first-child {
padding-left: 24px;
}
.table {
margin-bottom: 1.5rem;
padding-bottom: 0;
}
.content-footer .btn-blue {
display: block;
margin: auto;
}
.custom-dd-boxed {
width: 100%;
padding-bottom: 0;
margin-bottom: 0.5rem;
position: relative;
z-index: 2;
}
.modal-header .close {
top: 1rem;
right: 1rem;
}
.modal-header .close path {
fill: #9f9fb1;
}
.page-menu-box.dropdown > a {
text-transform: none;
color: #6283ff;
border-bottom: 4px solid #6283ff;
text-decoration: none;
border-radius: 0;
}
.page-menu-box .dropdown-menu {
top: 100% !important;
left: 0 !important;
right: 0 !important;
transform: none !important;
width: calc(100vw - 2rem);
max-width: 400px;
}
.page-menu-box.dropdown > a:hover {
border: none;
border-bottom: 4px solid #6283ff;
}
h1 + .page-menu-box {
margin-bottom: 0;
}
.custom-dd-form {
transition: none;
}
/*
.custom-dd {
position: initial;
}
*/
.order-form {
position: relative;
}
.news-list .image {
margin-top: 0rem;
margin-bottom: 1rem;
}
.custom-dd-form.d-flex.flex-column {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 2999;
border-radius: 0;
margin: 0 !important;
width: 100%;
}
.active.custom-dd .custom-dd-form {
max-height: 100%;
padding-bottom: 65px;
}
/*.dd-form-content {*/
/* max-height: inherit;*/
/* height: calc(100% - 240px);*/
/*}*/
.dd-form-header .close {
display: none;
}
.custom-dd-boxed {
flex-wrap: wrap;
}
.content.no-bg {
background: transparent;
box-shadow: none;
border: none;
}
.content.no-bg .empty thead {
display: none !important;
}
.content.no-bg .empty td {
padding: 0 !important;
}
/*.daterangepicker {*/
/* min-width: 300px;*/
/* width: calc(100% - 20px);*/
/* padding: 1rem;*/
/*}*/
/*.daterangepicker.show-calendar .ranges ul {*/
/* display: flex !important;*/
/* overflow: auto;*/
/*}*/
/*.daterangepicker .ranges li {*/
/* white-space: nowrap;*/
/* padding: .35rem 0;*/
/* margin-right: .5rem;*/
/*}*/
/*.daterangepicker.show-calendar .ranges {*/
/* float: none;*/
/* width: 100%;*/
/* position: relative;*/
/* right: 0;*/
/* bottom: 1rem;*/
/* top: 0;*/
/* border-left: 1px solid #F3F5F9;*/
/*}*/
/*.daterangepicker .drp-calendar.right, .daterangepicker.show-ranges.ltr .drp-calendar.left {*/
/* border: none;*/
/* padding: 0;*/
/* width: 50%;*/
/*}*/
.only-it {
display: none;
}
.dd-form-footer {
padding: 0.75rem 1rem;
border-top: 1px solid #dcdde0;
position: absolute;
bottom: 0;
right: 0;
left: 0;
}
.dd-form-content .form-check {
padding-right: 1rem;
}
.content.graf-content {
padding: 1.5rem 1rem;
}
.content-hold {
padding: 1.5rem 1rem;
}
.content-hold .table {
width: 100%;
}
.content.p-20 {
padding: 1.5rem 1rem;
}
.modal-header {
padding-right: 2rem;
}
.modal-header .close {
top: 1.8rem;
right: 1rem;
}
.content > .p-4 {
padding: 1.5rem 1rem !important;
}
.news-list .date {
font-weight: 500;
font-size: 14px;
color: #9f9fb1;
}
.btn-blue-dark + .alert {
display: none !important;
}
.modal .custom-dd-form.with-search.d-flex.flex-column {
position: absolute;
top: 100%;
bottom: auto;
}
.modal .up .custom-dd-form.with-search.d-flex.flex-column {
position: absolute;
top: auto;
bottom: 100%;
}
.modal .active.custom-dd .custom-dd-form {
max-height: inherit;
}
.modal .dd-form-footer {
display: none !important;
}
.modal .up .custom-dd-form.with-search.d-flex.flex-column {
border-radius: 1rem;
}
.modal .custom-dd-form.with-search.d-flex.flex-column {
padding-bottom: 0;
}
.news-list .image {
position: absolute;
right: 1rem;
top: -0.2rem;
width: 100px;
}
.news-list .head {
/*padding-right: 100px;*/
min-height: 1.5rem;
}
#page_7 .p-20 {
padding: 1.5rem 1rem;
}
#page_5 .content.p-4 {
margin-bottom: 1.5rem;
}
}
@media (max-width: 575px) {
.content-footer {
display: block;
text-align: center;
}
#legend {
width: 100%;
}
.select-view {
display: none;
}
.modal-content {
padding: 1.5rem 1rem;
margin: 2rem 0;
}
.check-phone-btn,
.timer {
margin-top: 1rem;
}
.offer-logo .btn-blue-dark {
width: 100%;
}
.order-form .ml-sm-auto {
width: 100%;
}
.offer-logo.p-20 {
padding: 1rem;
}
.s-377 {
width: 100%;
max-width: 100%;
}
#page_3_4 .btn.btn-blue {
width: 100%;
}
.offer-logo.sponsor-logo .btn {
margin-left: 1rem;
margin-right: 1rem;
width: auto;
display: block;
}
.offer-logo .image {
margin-top: 1rem;
margin-bottom: 1rem !important;
}
.offer-logo .image img {
max-width: 100px;
}
.offer-slider img {
margin-left: auto;
margin-top: -0.2rem;
margin-bottom: 0.2rem;
}
.slider-nav {
display: flex;
margin-left: auto;
margin-top: auto;
margin-bottom: auto;
padding-left: 1rem;
}
.h2.d-flex > span {
margin: auto 0;
}
.d-buttons {
margin-left: 0;
margin-top: 1rem;
}
.like-modal.active.custom-dd .custom-dd-form {
width: calc(100vw - 2rem);
top: 1rem;
position: fixed;
left: 1rem;
max-height: calc(100vh - 2rem);
z-index: 999;
transition: none;
}
.like-modal.custom-dd.active {
z-index: 999;
}
.no-scroll {
overflow: hidden;
}
.no-scroll:before {
content: "";
display: none;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(45, 45, 59, 0.6);
z-index: 990;
}
.like-modal .dd-form-content {
max-height: calc(100vh - 180px);
}
.dd-form-content {
width: calc(100% - 2rem);
max-width: calc(100% - 2rem);
}
.modal .dd-form-content {
width: calc(100% - 1rem);
max-width: calc(100% - 1rem);
}
.pager {
color: #8f8f9d;
}
.navbar-main .navbar-nav.nav-second .balance .nav-link {
font-size: 0;
padding: 0.6rem 0 0.6rem 0px;
width: 40px !important;
}
.navbar-main .balance .dropdown-toggle::after {
display: none;
}
.navbar-main .navbar-nav.nav-second .balance .nav-link:before {
background: url(/static/core/img/money.svg) no-repeat center center;
}
.order-form {
margin: 1.5rem 0 1rem;
}
.custom-dd {
margin-right: 0.3rem;
}
.custom-dd + .custom-dd {
margin-left: 0;
}
.page-menu-box.dropdown > a,
.page-menu-box select {
font-size: 1.3rem;
}
.drp-selected {
display: block !important;
margin-bottom: 0.5rem;
}
#stats .status {
margin-top: 1.5rem;
padding: 1.5rem;
height: calc(100% - 1.5rem);
}
table .status {
margin-top: 0;
}
.mh-800,
.navbar-main .navbar-nav.nav-second li {
position: initial;
}
#header .dropdown-menu {
min-width: 100%;
}
#header .dd-header .status {
margin-top: 0;
}
#header .dropdown-menu {
margin-top: -0.5rem;
}
/*.daterangepicker.show-calendar .ranges {*/
/* float: none;*/
/* width: 100%;*/
/* position: relative;*/
/* right: 0;*/
/* bottom: 0;*/
/* top: 0;*/
/* border-left: 0px solid #F3F5F9;*/
/*}*/
.dd-form-footer {
padding: 0.75rem 1rem;
border-top: 1px solid #dcdde0;
}
/*.daterangepicker {*/
/* min-width: 300px;*/
/* width: calc(100% - 20px);*/
/* padding: 1rem;*/
/*}*/
/*.daterangepicker.show-calendar .ranges ul {*/
/* display: flex !important;*/
/* overflow: auto;*/
/*}*/
/*.daterangepicker .ranges li {*/
/* white-space: nowrap;*/
/* padding: .35rem 0;*/
/* margin-right: .5rem;*/
/*}*/
/*.daterangepicker .drp-calendar {*/
/* display: none;*/
/* max-width: 100%;*/
/*}*/
/*.daterangepicker .drp-calendar.right, .daterangepicker.show-ranges.ltr .drp-calendar.left {*/
/* border: none;*/
/* padding: 0;*/
/* width: 100%;*/
/*}*/
/*.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {*/
/* height: 32px;*/
/*}*/
.max-w-xs-300 {
max-width: 300px;
margin-left: auto;
margin-right: auto;
}
.calendar-input {
margin-bottom: 0.5rem;
}
.calendar-input input {
width: 100%;
text-align: center;
}
.all-readed {
text-align: center;
width: 100%;
}
.modal-dialog {
width: calc(100% - 30px);
}
.order-form .calendar-input {
width: 100%;
}
.calendar-box {
width: 100%;
margin-right: 0 !important;
margin-bottom: 0;
}
}
@media (min-width: 420px) {
.logo-min {
display: none;
}
}
@media (max-width: 419px) {
.logo-large {
display: none;
}
}
.custom-dd.active .custom-dd-form.with-search.d-flex.flex-column {
margin-top: 2px;
z-index: 10;
}
.custom-dd:not(.active) .custom-dd-form.with-search.d-flex.flex-column {
z-index: 1;
}
/*.daterangepicker .drp-buttons {*/
/* border-top: 0;*/
/*}*/
.cursor-pointer {
cursor: pointer !important;
}
.dropzone-load-block {
font-weight: 500;
}
.dropzone-load-link {
color: #6283ff;
}
.top-banner {
color: #fff;
padding-top: 3rem;
padding-bottom: 1.5rem;
}
.top-banner .info {
font-size: 18px;
margin-bottom: 1.5rem;
font-weight: normal;
line-height: 115%;
}
.top-banner .text {
font-weight: 500;
font-size: 36px;
line-height: 115%;
}
.top-banner img {
max-width: 192px;
}
.top-banner .col-lg-3 {
margin-top: -30px;
}
#header .confe .dd-body .info,
#header .confe .dd-header .info {
font-weight: 500;
font-size: 14px;
color: #636379;
margin-bottom: 0.75rem;
}
.confe .price {
font-weight: 600;
font-size: 20px;
line-height: 28px;
letter-spacing: -0.01em;
color: #636379;
margin-bottom: 0.75rem;
}
.confe .price span {
font-weight: 500;
font-size: 18px;
}
.confe .price svg {
width: 18px;
height: 18px;
margin-right: 4px;
}
.mobile-page .stat {
margin-bottom: 0.75rem;
}
.confe .stat a::before {
display: none !important;
}
/*#header .confe .dd-header .stat a.status {*/
/* padding: .2rem 1rem .2rem 1rem;*/
/* font-weight: 400;*/
/*}*/
#header .confe .dd-body .info,
#header .confe .dd-header .info {
font-weight: 500;
font-size: 14px;
color: #636379;
margin-bottom: 0.75rem;
}
.mobile-menu-marketplace .ballance {
color: #636379;
}
.mobile-menu-marketplace .ballance span {
font-weight: 500;
font-size: 20px;
}
.mobile-menu-marketplace .status:before {
width: 0 !important;
height: 0 !important;
}
.table-label {
display: inline-block;
font-size: 12px;
letter-spacing: -0.01em;
color: #6283ff;
background: #e9ebff;
border-radius: 50px;
padding: 3px 12px;
margin: auto 10px;
}
.status.disabled {
opacity: 0.2;
pointer-events: none;
}
div.disabled {
color: #9f9fb1;
}
.no-news {
padding: 1rem 0.25rem;
color: #9f9fb1;
font-size: 16px;
}
.no-restore-lollipop {
font-family: Graphik LCG !important;
font-size: 14px !important;
color: #9f9fb1 !important;
}
.fast-action.action.dropdown .nav-link.dropdown-toggle:after {
content: "";
display: block;
position: absolute;
right: 11px;
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 6px solid #9f9fb1;
top: 12px;
transition: all 0.5s;
}
.text-align-center {
text-align: center;
}
.animation-text-container {
white-space: nowrap;
overflow: hidden;
span {
display: inline-block;
}
}
.text-animate {
position: relative;
animation: leftright infinite linear;
display: inline-block;
animation-delay: 0s;
animation-fill-mode: forwards;
}
.animation-duration-3 {
animation-duration: 3s;
}
.animation-duration-6 {
animation-duration: 6s;
}
.animation-duration-9 {
animation-duration: 9s;
}
.animation-duration-12 {
animation-duration: 12s;
}
.animation-duration-15 {
animation-duration: 15s;
}
.animation-duration-18 {
animation-duration: 18s;
}
.animation-text-container div {
position: relative;
}
/* .animation-text-container div:before {
display: none !important;
} */
/* .animation-text-container div:after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
background: linear-gradient(
270deg,
#f4f5ff 0%,
rgba(244, 245, 255, 0) 89.71%
);
width: 28px;
z-index: 2;
} */
@keyframes leftright {
0%,
5% {
transform: translateX(0%);
left: 0%;
}
80%,
100% {
transform: translateX(-100%);
left: 100%;
}
}
.running-string {
.width-hide {
padding-right: 0;
}
.link {
transition: all 0.5s;
color: #6283ff;
text-decoration: none;
cursor: pointer;
}
}
.svg-size-20 svg {
width: 20px;
height: 20px;
}
.offer__sale-description {
.offer__sale-item {
&::after {
content: "";
width: 100%;
display: block;
margin: 1rem auto;
border-bottom: 1px solid #dcdde0;
}
&:first-child {
&::after {
margin-top: 0;
}
}
&:last-child {
&::after {
border-bottom: 1px solid transparent;
margin-bottom: 0;
}
}
}
}
/* footer inner pages */
#footer a {
color: #fff;
}
#footer [class*="col-"] {
margin: auto 0;
}
footer.blue-bg {
background: #6283ff;
padding: 1.25rem 0;
color: #fff;
font-weight: normal;
font-size: 0.875rem;
flex: 0 0 auto;
}
footer .logo {
margin-bottom: 0.75rem;
}
footer .socials {
display: flex;
}
@media (max-width: 991px) {
footer .socials {
margin-top: 1.5rem;
}
}
footer .socials {
gap: .625rem;
}
.copyright {
font-weight: 500;
font-size: .75rem;
}
footer .title {
font-weight: 500;
font-size: 1rem;
color: #BDD0FF;
margin-bottom: .75rem;
text-transform: uppercase;
}
footer .poitics {
color: #BDD0FF;
}
footer ul {
list-style: none;
padding: 0;
margin: 0;
}
footer ul li {
margin-bottom: .75rem;
}
footer ul li a {
color: #fff;
}
footer ul li a:hover {
color: #BDD0FF;
}
@media (max-width: 757px) {
#footer .logo {
text-align: center;
margin-bottom: 1.5rem;
}
}
@media (max-width: 575px) {
footer.blue-bg {
padding: 2.5rem 0;
text-align: center;
}
footer .title__contacts {
margin-top: 0.75rem;
}
footer {
.logo {
margin-bottom: 2.5rem;
}
}
footer {
.socials {
justify-content: center;
}
}
}
#footer .logo,
.navbar-brand span {
font-weight: 300;
font-size: 1.5rem;
position: relative;
top: 2px;
}
footer {
@media (min-width: 1400px) {
.container {
max-width: 1360px;
}
}
}
footer .menu__list {
li {
margin-bottom: 0;
&:last-child {
margin-bottom: 0;
}
}
}
/* footer inner pages */
.forecast__selector {
border: 1px solid #dcdde0 !important;
padding: 0.5rem 2rem 0.3rem 2.5rem !important;
background: #fff url(/static/core/img/time.svg) no-repeat 1rem center !important;
border-radius: 1.5rem !important;
letter-spacing: -0.01em;
position: relative;
cursor: pointer;
transition: all 0.5s;
font-weight: 500;
font-size: 0.875rem !important;
display: inline-block;
}