input {
    border: 0px;
}
::-webkit-scrollbar-track {
    background-color: #f1f2f4;
}
::-webkit-scrollbar-thumb {
    background-color: #a6adb9;
}
::-webkit-scrollbar-thumb:hover {
    background-color: #53565b;
}
#overlay {
    background-color: rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
}
#search > .header > input {
    border: 1px solid #e0e0e0;
}
#search > .header > input,
#options > .text {
    color: #181818;
}
#options, #box,
.bottomSheet,
.page.hasNavigationBar > .footer {
    background-color: #ffffff;
}
#options > .buttons > button[key='no'],
.page > .notifications {
    background-color: #0373f3;
}
#options > .buttons > button[key='no'],
.page.management > .menu > .header > div,
.page.management > .menu > .content .button > .title {
    color: #ffffff;
}
.page.management > .menu > .footer > .button > .name {
    color: #3a383f;;
}
#options > .buttons > .button[key='upload'] {
    background-color: #272727;
    color: #ffffff;
}
#options[ids='signOut'] > .buttons > .button[key='no'] {
    background-image: linear-gradient(90deg, #e40a7b 0%, #980ae4 100%);
    color: #ffffff;
}
#panel[ids='clientInformation'] > .content > .formWrapper > .fForm > .fields > .field > .value {
    background-color: #f1f2f4;
}
#panel[ids='clientInformation'] > .content > .formWrapper > .fForm > .fields > .field > img {
    width: 65px;
    height: 65px;
    display: block;
    margin-top: 8px;
    border-radius: 50%;
    object-fit: cover;
}
#text > .button {
    background-color: #272727;
}
#panel > .content > div > .fTable > .content > table > tbody > tr > td.operations > .button,
.fTable > .footer > .pagination > div.active,
.fForm > .fields > .field > .relation > .button,
.fTable > .content > table > thead > .buttons > th > .button {
    background-image: linear-gradient(90deg, #e40a7b 0%, #980ae4 100%);
    color: #ffffff;
}
#panel[ids='send'] > .content > .formWrapper > .fForm > .fields > .field > input,
#panel[ids='send'] > .content > .formWrapper > .fForm > .fields > .field > textarea {
    background-color: #f1f2f4;
}
#panel[ids='send'] > .content > .button {
    background-color: #272727;
    color: #ffffff;
}
#panel[ids='trialMeetingRequest'] > .content > .description {
    color: #4a4f78;
}
#panel[ids='trialMeetingRequest'] > .content > .formWrapper > .fForm > .fields > .field > label,
#panel[ids='trialMeetingRequest'] > .content > .formWrapper > .fForm > .fields > .field > .inputWrapper > input,
#panel[ids='trialMeetingRequest'] > .content > .formWrapper > .fForm > .fields > .field > input::placeholder {
    color: #4a4f78;
}
#panel[ids='trialMeetingRequest'] > .content > .formWrapper > .fForm > .fields > .field > input,
#panel[ids='trialMeetingRequest'] > .content > .formWrapper > .fForm > .fields > .field > .inputWrapper > input,
#panel[ids='trialMeetingRequest'] > .content > .formWrapper > .fForm > .fields > .field > select {
    background-color: #ffffff;
    color: #15172b;
    border: 1.5px solid rgba(40, 38, 90, 0.12);
}
#panel[ids='trialMeetingRequest'] > .content > .formWrapper > .fForm > .fields > .field[key='requestedMeetingKey'] > .tabs {
    background: rgba(62, 58, 142, 0.07);
}
#panel[ids='trialMeetingRequest'] > .content > .formWrapper > .fForm > .fields > .field[key='requestedMeetingKey'] > .tabs > .button.active {
    background-color: #ffffff;
}
#panel[ids='trialMeetingRequest'] > .content > .formWrapper > .fForm > .fields > .field[key='requestedMeetingKey'] > .meetings > .selected {
    background: linear-gradient(135deg, #ff3a9a, #e5047b);
    color: #ffffff;
    border: 1px solid rgb(255 4 177);
}
#panel[ids='trialMeetingRequest'] > .content > .formWrapper > .fForm > .fields > .field[key='requestedMeetingKey'] > .meetings > .button[status='available']:not(.selected) > .status {
    background: rgba(109, 212, 158, 0.18);
    color: #1f6a44;
}
#panel[ids='trialMeetingRequest'] > .content > .formWrapper > .fForm > .fields > .field[key='requestedMeetingKey'] > .meetings > .button[status='full'] {
    background: rgba(20, 22, 50, 0.03);
    border: 1px solid #c6bcbc;
}
#panel[ids='trialMeetingRequest'] > .content > .formWrapper > .fForm > .fields > .field[key='requestedMeetingKey'] > .meetings > .button[status='full'] > .status {
    background: rgba(229, 4, 123, 0.10);
    color: #b8035f;
}
#panel[ids='trialMeetingRequest'] > .content > .formWrapper > .fForm > .fields > .field[key='requestedMeetingKey'] > .meetings > .button[status='available']:not(.selected) {
    border: 1px solid #363636;
}
#panel[ids='trialMeetingRequest'] > .content > .formWrapper > .fForm > .fields > .field[key='requestedMeetingKey'] > .meetings > .button:hover {
    border: 1px solid rgb(255, 4, 177);
}
#panel[ids='trialMeetingRequest'] > .content > .button[key='nextOrSave'] {
    background: linear-gradient(180deg, #E35C97 0%, #E6087B 100%);
    color: #ffffff;
}
#panel[ids='trialMeetingRequest'] > .content > .button[key='back'] {
    border: 1px solid #363636;
    color: #363636;
}
#panel[ids='meetingRequestSuccess'] > .content > .imageWrapper {
    background: linear-gradient(180deg, #6dd49e, #2a8a5a);
}
#panel[ids='meetingRequestSuccess'] > .content > .main > div {
    border: 1px solid rgba(20, 22, 50, 0.10);
    background-color: #3e3a8e0a;
}
#panel[ids='meetingRequestSuccess'] > .content > .main > div:first-child > .imageWrapper {
    background: linear-gradient(0deg, #3e3a8e, #28265a);
}
#panel[ids='meetingRequestSuccess'] > .content > .main > div:not(:first-child):not(:last-child) > .imageWrapper {
    background: linear-gradient(0deg, #1c8fb5, #4ad6ff);
}
#panel[ids='meetingRequestSuccess'] > .content > .main > div:last-child > .imageWrapper {
    background: linear-gradient(0deg, #ff3a9a, #e5047b);
}
#panel[ids='meetingRequestSuccess'] > .content > .button {
    background: linear-gradient(180deg, #E35C97 0%, #E6087B 100%);
    color: #ffffff;
}
#panel[ids='aiButton'] > .content > .button {
    background: linear-gradient(180deg, #E35C97 0%, #E6087B 100%);
    color: #ffffff;
}
.fForm > .fields > .field.image .remove {
    background-color: #ff0000;
    color: #ffffff;
}
.page.hasNavigationBar > .footer {
    box-shadow: 0px -5px 20px 0px rgba(0, 0, 0, 0.10);
}
.page.hasNavigationBar > .footer > .navi > .text {
    color: #555555;
}
.page.hasNavigationBar > .footer > .navi > .quantity {
    background-color: #f23002;
    color: #ffffff;
}
.page.hasMegaMenu > .header.web > .offer {
    background: linear-gradient(90deg, #405898 0%, #22ab67 100%);
}
.page.hasMegaMenu > .header.web > .offer > .wrapper > .text {
    color: #ffffff;
}
.page.hasMegaMenu > .header.web > .offer > .wrapper > .button[key='order'] {
    background-color: #ffffff;
    color: #2a4698;
}
.page.hasMegaMenu > .header.web > .section > .center > .search > .inputWrapper > input {
    background-color: #ffffff;
}
.page.hasMegaMenu > .header.web > .section > .center > .search > .inputWrapper > input::placeholder {
    color: #b0b0b0;
}
.page.hasMegaMenu > .header.web > .section > .side:last-child > .button {
    background-color: #ffffff;
}
.page.hasMegaMenu > .header.web > .section[key='menu'] > .wrapper {
    background-color: #ffffff;
}
.page.hasMegaMenu > .header.web > .section[key='menu'] > .wrapper > div[key='all'] > div {
    background: linear-gradient(90deg, #405898 0%, #22ab67 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.page.hasMegaMenu > .header.web > .section[key='menu'] > .wrapper > .group > a:not([href='/quotation']) {
    color: #8f847e;
}
.page.hasMegaMenu > .header.web > .section[key='menu'] > .wrapper > .group > a[href='/quotation'] {
    background-image: linear-gradient(90deg, #e40a7b 0%, #980ae4 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.page.hasMegaMenu > .header.web > .section > .side:last-child > .button[key='setting'] {
    background-color: #eaeaea;
}
.page.hasMegaMenu > .header.web > .section > .side:last-child > .button[key='basket'] > .quantity {
    background-color: #ec4899;
    color: #ffffff;
}
.page.hasMegaMenu > .header.web > .megaMenu > .wrapper {
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(16px) saturate(180%);
    -webkit-backdrop-filter: blur(16px) saturate(180%);
    border: 1px solid rgba(255, 255, 255, 0.25);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
}
.page.hasMegaMenu > .header.web > .megaMenu > .wrapper > .side:not(:first-child) {
    border-left: 0.5px dashed #8c97a3;
}
.page.hasMegaMenu > .header.web > .megaMenu > .wrapper > .side > .title {
    color: #8f847e;
}
.page.hasMegaMenu > .header.web > .megaMenu > .wrapper > .side > .content > .button:hover {
    background-color: rgba(234, 234, 234, 0.5);
}
.page.hasMegaMenu > .content .footer,
.page[name='product'] > .footer,
.page[name='chat'] > .footer {
    background-image: linear-gradient(195deg, #ffffff 80%, #b0e1d9);
}
.page.hasMegaMenu > .content .footer > .top > .buttons > div > .button,
.page.hasMegaMenu > .content .footer > .top > .buttons > div > a,
.page[name='product'] > .footer > .top > .buttons > div > .button,
.page[name='product'] > .footer > .top > .buttons > div > a,
.page[name='chat'] > .footer > .top > .buttons > div > .button,
.page[name='chat'] > .footer > .top > .buttons > div > a {
    color: #8f847e;
}
.fTable > .footer > .count,
.page.hasMegaMenu > .content .footer > .bottom > div,
.page[name='product'] > .footer > .bottom > div,
.page[name='chat'] > .footer > .bottom > div {
    background-image: linear-gradient(90deg, #e40a7b 0%, #980ae4 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.page.management {
    background-color: #f5f4ff;
}
.page.management > .header {
    background-color: #ffffff;
}
.page.management > .header > .side:last-child > .button {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.06);
}
.page.management > .header > .center > div {
    color: #1c1c35;
}
.page.management > .menu {
    background-color: #ffffff;
}
.page.management > .menu > .content .button.active {
    background-color: #f5f4ff;
}
.page.management > .menu > .content .button > .text {
    color: #1c1c35;
}
.page.management > .menu > .footer > .button > .imageWrapper {
    background-color: #dddddd;
}
.page.management > .content > .tableWrapper {
    background-color: #ffffff;
}
.page.hnb {
    background-color: #ffffff;
}
.page.hnb > .topBar {
    background-color: #050616;
}
.page.hnb > .topBar > .wrapper > .contact > div > span {
    color: #ffffff;
}
.page.hnb > .headerDesktop {
    box-shadow: 0 4px 20px -16px rgba(40, 38, 90, 0.20);
    background: rgba(255, 255, 255, 0.97);
}
.page.hnb > .headerDesktop > nav > .menu > .button:hover {
    background: rgba(62, 58, 142, 0.06);
}
.page.hnb > .headerDesktop > nav > .menu > .button.active {
    background-color: #e7e7f1;
}
.page.hnb > .headerDesktop > nav > .buttons > .button {
    color: #ffffff;
}
.page.hnb > .headerDesktop > nav > .buttons > .button:first-child {
    background-color: #2b246b;
}
.page.hnb > .headerDesktop > nav > .buttons > .button:last-child {
    background: linear-gradient(180deg, #E35C97 0%, #E6087B 100%);
}
.page.hnb > .menu {
    background-color: #ffffff;
}
.page.hnb > .content > div > .breadcrumb > .crumb:not([key='current']) {
    color: #8d899d;
}
.page.hnb > .content > div > .breadcrumb > .crumb[key='current'] {
    color: #292541;
}
.page.hnb > .content > .aiButton > .button:hover {
    box-shadow: 0 0 30px 0 rgba(222, 20, 194, 0.70);
}
.page.hnb > .content > .aiButton > .button {
    border: 2px solid #ffffff;
    background: linear-gradient(180deg, #f2147a 0%, #d114f2 100%);
}
.page.hnb > .footer {
    color: #ffffff;
    background-color: #17143d;
    background-image: linear-gradient(115deg, #24235d 0%, #151437 100%);
}
.page.hnb > .footer > .shell > .overview > .brand > .name {
    color: #ffffff;
}
.page.hnb > .footer > .shell > .overview > .socials > .button {
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.08);
}
.page.hnb > .footer > .shell > .overview > .stores > .button {
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.13);
}
.page.hnb > .footer > .shell > .overview > .stores > .button > .label > .prefix {
    color: #aaa6c3;
}
.page.hnb > .footer > .shell > .overview > .slogan,
.page.hnb > .footer > .shell > .links > .column > .title,
.page.hnb > .footer > .shell > .links > .column > .button {
    color: #ffffff;
}
.page.hnb > .footer > .shell > .links > .column > .button:hover {
    background-color: rgb(255 255 255 / 6%);
}
.page.hnb > .footer > .shell > .legal {
    color: #ffffff;
    border-top-color: rgba(255, 255, 255, 0.1);
}
.view.management {
    background-color: #ffffff;
}
.view.management > .header {
    border-bottom: 1px solid #e0e0e0;
}
.view.management > .header > .side:last-child > .button {
    background-image: linear-gradient(90deg, #e40a7b 0%, #980ae4 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.view.management > .header > .center > div {
    color: #444444;
}
.fTable > .footer > .pagination > div:not(.active) {
    color: #666666;
}
.fTable > .content > table > thead > .filterFields {
    background-color: #ffffff;
}
.fTable > .content > table > thead,
.fTable > .content > table > thead > .filterFields > th > input,
.fTable > .content > table > thead > .filterFields > th > select {
    color: #181818;
}
.fTable > .content > table > thead > .fields {
    border-bottom: 1px solid #f1f2f4;
}
.fTable > .content > table > thead > .fields > th {
    color: #606072;
}
.fTable > .content > table > thead > .filterFields > th,
.fTable > .content > table > thead > .filterFields > th > input,
.fTable > .content > table > thead > .filterFields > th > select {
    background-color: #f6f7f9;
}
.fTable > .content > table > thead > .filterFields > th > input::placeholder {
    color: #444444;
}
.fTable > .content > table > tbody > tr > td > span.relation,
.fForm > .fields > .field > .relation > .value > span.relation,
.fForm > .fields > .field > .value > span.relation {
    background-image: linear-gradient(90deg, #e40a7b 0%, #980ae4 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* overrides 
.mdtoast {
    border: 2px solid rgba(255, 255, 255, 0.3);
    box-shadow: 0px 7px 12px 2px rgba(0, 0, 0, 0.1);
}

@media (min-width: 480px) {
     .view.management {
        box-shadow: 3px 4px 20px 0 rgba(0, 0, 0, 0.10);
    }
}
@media (max-width: 1200px) {
    .page.hnb > .headerMobile {
        background: rgba(255, 255, 255, 0.92);
    }
}
@media (min-width: 1201px) {
}