input {
    border: 0px;
}

#overlay {
    background-color: rgba(0, 0, 0, 0.2);
}
#search > .header > input {
    border: 1px solid #e0e0e0;
}
#search > .header > input,
#options > .text {
    color: #181818;
}
#options, #box,
.bottomSheet,
.page.hnb > .footer {
    background-color: #ffffff;
}
#options > .buttons > button[key='no'],
.page > .notifications {
    background-color: #0373f3;
}
.page.hasMenu > .menu {
    background: linear-gradient(160deg, #52a0fa 0%, #1b85ff 10%, #0373f3 40%);
}
#options > .buttons > button[key='no'],
.page.hasMenu > .menu > .header > div,
.page.hasMenu > .menu > .content .button > .title,
.page.hasMenu > .menu > .footer > .button > .name,
.page.hasMenu > .menu > .footer > .button > .company,
.page.hasMenu > .menu > .footer > .button > .image {
    color: #ffffff;
}
#options > .buttons > .button[key='upload'],
.page.hnb > .footer > .navi.active > .text {
    color: #0373f3;
}
#options[ids='productOptions'] > .buttons > .button,
#options[ids='navigationApp'] > .buttons > .button,
#options[ids='helpCourier'] > .buttons > .button,
#options[ids='chooseDownloadType'] > .buttons > .button {
    background-color: #f1f2f4;
}
#options[ids='order'] > .text > .transfer {
    background-color: rgba(255, 186, 0, 0.4);
}
#options[ids='order'] > .text > .transfer > .button {
    background-color: #ffba00;
    color: #ffffff;
}
#options[ids='order'] > .text > .content > .formWrapper > .fForm > .fields > .field[key='items'] {
    border-bottom: 1px solid #e0e0e0;
}
#options[ids='order'] > .buttons {
    border-top: 1px solid #e0e0e0;
}
#options[ids='order'] > .buttons > .button[key='deliveredAt'],
#options[ids='order'] > .buttons > .button[key='deliveryTime'],
#options[ids='order'] > .buttons > .button[key='deliveryAt'] {
    border-right: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
}
#options[ids='order'] > .buttons > .button[key='cancel'] {
    color: #ff0000;
}
#options[ids='supportRequest'],
#options[ids='demand'] {
    border: 2px solid rgba(13, 110, 253, 0.3);
}
#options[ids='supportRequest'] > .text > .content > .client > .side:first-child > .image,
#options[ids='demand'] > .text > .content > .client > .side:first-child > .image {
    background-color: #ff0200;
    color: #ffffff;
}
#options[ids='supportRequest'] > .text > .content > .client > .side:last-child > .phone,
#options[ids='demand'] > .text > .content > .client > .side:last-child > .phone {
    color: #939393;
}
#options[ids='supportRequest'] > .buttons,
#options[ids='demand'] > .buttons {
    border-top: 1px solid #e0e0e0;
}
#options[ids='supportRequest'] > .buttons > .button:first-child,
#options[ids='demand'] > .buttons > .button:first-child {
    color: #ff0000;
}
#options[ids='supportRequest'] > .buttons > .button:last-child,
#options[ids='demand'] > .buttons > .button:last-child {
    color: #54a12a;
}
#search > .content > .group > div,
.page > .bottomSheet[key='inventory'] > .content > .tableWrapper > .fTable > .content > table > tbody > tr.group > td[key='productKey'] > div {
    background-color: #002a5a;
    color: #ffffff;
}
#search > .content > .carboy.plastic > div,
.page > .bottomSheet[key='inventory'] > .content > .tableWrapper > .fTable > .content > table > tbody > tr.carboy.plastic > td[key='productKey'] > div {
    border: 2px dashed #adadad;
}
#search > .content > .carboy.glass > div,
.page > .bottomSheet[key='inventory'] > .content > .tableWrapper > .fTable > .content > table > tbody > tr.carboy.glass > td[key='productKey'] > div {
    border: 2px dashed #ffb502;
}
#search > .content > .carboyWater > div,
#search > .content > .water > div,
.page > .bottomSheet[key='inventory'] > .content > .tableWrapper > .fTable > .content > table > tbody > tr.carboyWater > td[key='productKey'] > div,
.page > .bottomSheet[key='inventory'] > .content > .tableWrapper > .fTable > .content > table > tbody > tr.water > td[key='productKey'] > div {
    background-color: #0077ff;
    color: #ffffff;
}
#search > .content > .carboyWater.plastic > div,
.page > .bottomSheet[key='inventory'] > .content > .tableWrapper > .fTable > .content > table > tbody > tr.carboyWater.plastic > td[key='productKey'] > div {
    outline: 2px dashed #adadad;
}
#search > .content > .carboyWater.glass > div,
.page > .bottomSheet[key='inventory'] > .content > .tableWrapper > .fTable > .content > table > tbody > tr.carboyWater.glass > td[key='productKey'] > div {
    outline: 2px dashed #ffb502;
}
#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-color: #0373f3;
    color: #ffffff;
}
#panel[ids='takeBackProducts'] > .content > .formWrapper > .fForm > .fields > .field > .seperator {
    background-color: #e0e0e0;
}
#panel[ids='takeBackProducts'] > .content > .formWrapper > .fForm > .fields > .field > label,
#panel[ids='takeBackProducts'] > .content > .formWrapper > .fForm > .fields > .field > input::placeholder {
    color: #181818;
}
#panel[ids='takeBackProducts'] > .content > .formWrapper > .fForm > .fields > .field > input,
#panel[ids='takeBackProducts'] > .content > .formWrapper > .fForm > .fields > .field > select {
    background-color: #f1f2f4;
}
#panel[ids='takeBackProducts'] > .content > .button {
    background-color: #0373f3;
    color: #ffffff;
}
.fForm > .fields > .field.image .remove {
    background-color: #ff0000;
    color: #ffffff;
}
.page.hasMenu > .menu > .footer {
    background-color: #0066dc;
}
.page > .bottomSheet[key='inventory'] > .content > .header > .side.last > .button {
    color: #0373f3;
}
.page > .bottomSheet[key='inventory'] > .content > .tableWrapper > .fTable > .content > table > tbody > tr:not(:last-child) > div {
    border-bottom: 1px solid #e0e0e0;
}
.page > .bottomSheet[key='inventory'] > .content > .title,
.page > .bottomSheet[key='inventory'] > .content > .tableWrapper > .fTable > .content > table > tbody > tr > div {
    color: #181818;
}
.page.hnb > .footer {
    box-shadow: 0px -5px 20px 0px rgba(0, 0, 0, 0.10);
}
.page.hnb > .footer > .navi:not(.active) > .text {
    color: #555555;
}
.page.hnb > .footer > .navi > .quantity {
    background-color: #f23002;
    color: #ffffff;
}
.page.hnb > .bottomSheet[key='orders'] > .content > .tableWrapper > .fTable > .content > table > tbody > tr:not(:first-child) {
    border-top: 1px solid #e0e0e0;
}
.page.hnb > .bottomSheet[key='orders'] > .content > .tableWrapper > .fTable > .content > table > tbody > tr > td:not([colspan]) {
    border-bottom: 1px solid #e0e0e0;
}
.page.hnb > .bottomSheet[key='orders'] > .content > .tableWrapper > .fTable > .content > table > tbody > tr > td > .side:last-child > .top > .button {
    color: #4a99fd;
    border: 1px solid #4a99fd;
}
.page.hnb > .bottomSheet[key='orders'] > .content > .tableWrapper > .fTable > .content > table > tbody > tr > td > .side:last-child > .bottom {
    color: #181818;
}
.page.hnb > .bottomSheet[key='orders'] > .content > .tableWrapper > .fTable > .content > table > tbody > tr > td > .side:last-child > .bottom > .information > .deliveryAt {
    color: #939393;
}
.page.hasMenu > .menu > .content > .bundle.open,
.page.hasMenu > .menu > .content .active {
    background-color: rgba(255, 255, 255, 0.12);
}
.page.hasMenu > .menu > .content .active {
    border-left: 3px solid #ffffff;
}
.page.hasMenu > .menu > .footer > .button > .image {
    background-color: #ff0000;
}
.fTable > .footer > .pagination > div:not(.active) {
    color: #666666;
}
.fTable > .content > table > thead > .filterFields {
    border-bottom: 1px solid #e0e0e0;
}
.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,
.fTable > .content > table > thead > .filterFields > th,
.fTable > .content > table > thead > .filterFields > th > input,
.fTable > .content > table > thead > .filterFields > th > select {
    background-color: #f1f2f4;
}
.fTable > .content > table > thead > .filterFields > th > input::placeholder {
    color: #555555;
}
.fTable > .content > table > tbody > tr > td > span[onclick],
.fForm > .fields > .field > .relation > .value > span[onclick],
.fForm > .fields > .field > .value > span[onclick] {
    color: #0373f3;
}

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