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'] {
    background-color: #0373f3;
    color: #ffffff;
}
#options > .buttons > .button[key='upload'] {
    background-color: #272727;
    color: #ffffff;
}
#options[ids='signOut'] > .buttons > .button[key='no'],
#options[ids='deleteAccount'] > .buttons > .button[key='no'] {
    background-color: #2993ce;
    color: #ffffff;
}
#panel[ids='filter'] > .content > .formWrapper > .fForm > .fields > .field > label {
    color: #2c3a4b;
}
#panel[ids='filter'] > .content > .formWrapper > .fForm > .fields > .field > textarea {
    background-color: #ffffff;
    border: 1px solid #ebeef2;
}
#panel[ids='filter'] > .content > .formWrapper > .fForm > .fields > .field > .value {
    background-color: #ebeef2;
}
#panel[ids='filter'] > .content > .formWrapper > .fForm > .fields > .field > textarea::placeholder {
    color: #dadee3;
}
#panel[ids='filter'] > .content > .formWrapper > .fForm > .fields > .field > input {
    background-color: #f1f2f4;
}
#panel[ids='filter'] > .content > .button {
    color: #ffffff;
    background-color: #2993ce;
}
#panel[ids='address'] > .content > .tableWrapper > .fTable > .content > table > tbody > tr > td {
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
}
#text > .button {
    background-color: #2993ce;
}
#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: #2e8b03;
    color: #ffffff;
}
.fForm > .fields > .field.relation > .name {
    background-color: #f1f2f4;
}
.fForm > .fields > .field.image .remove {
    background-color: #dc143c;
    color: #ffffff;
}
.page.hnb > .footer {
    box-shadow: 0px -5px 20px 0px rgba(0, 0, 0, 0.10);
}
.page.hnb > .footer > .button.active > div {
    color: #2993ce;
}
.page.hnb > .footer > .navi > .text {
    color: #555555;
}
.page.hnb > .footer > .navi > .quantity {
    background-color: #f23002;
    color: #ffffff;
}
.fTable > .footer > .pagination > div:not(.active) {
    color: #666666;
}
.fTable > .content > table > thead > .filterFields {
    border-bottom: 1px solid #e0e0e0;
    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: #9ba0a6;
}
.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 > .value > span[onclick] {
    color: #0373f3;
}
.fForm > .fields > .field input::placeholder,
.fForm > .fields > .field > select::placeholder,
.fForm > .fields > .field > textarea::placeholder {
    color: #cccccc;
}

::-webkit-scrollbar-track {
    background-color: #f1f2f4;
}
::-webkit-scrollbar-thumb {
    background-color: #a6adb9;
}
::-webkit-scrollbar-thumb:hover {
    background-color: #53565b;
}