body {
    background-color: #1e2630;
    color: #edecf2;
    font-family: "Roboto Mono", serif;
}

.message-error {
    color: #ff4c4c;
}

.message-success {
    color: #0dcd0d;
}

.message-warning {
    color: #ffa639;
}

.message-info {
    color: #1ed9ff;
}

.hide {
    display: none !important;
}

.aaa {
    color: #3cff52
}

.menu-bottom {
    border-top: 1px solid rgb(233 236 239 / 30%);
}

    .menu-bottom a {
        color: #edecf2;
    }

    .menu-bottom .title {
        font-size: 10px;
    }

.btn.active {
    background-color: hsl(210deg 15.79% 92.55% / 89%) !important;
    color: #333 !important;
}

#textareaBin {
    background-color: #1e2630;
    color: #edecf2;
    width: 85%;
    margin: 0 auto;
}

    #textareaBin::placeholder {
        color: #edecf2;
        opacity: 0.8;
        font-size: 12px;
        line-height: 1.5;
    }

#buttonSearch {
    font-size: 12px;
}

#divMessage {
    font-size: 12px;
}

.add-to-card {
    color: #edecf2;
    padding: 0 10px;
}

    .add-to-card.disabled {
        pointer-events: none;
        color: #3cff52;
        cursor: not-allowed;
        text-decoration: none;
        opacity: 1;
    }

#spanCartCountItem {
    font-size: 10px;
}

.form-select-sm, div.dt-container div.dt-search input {
    font-size: .7rem !important;
}

div.dt-container div.dt-length label {
    font-size: 10px !important;
}

.pagination li button {
    font-size: 10px !important;
}

table tr {
    vertical-align: middle;
}

label[for="CheckBoxWarrantyPrice"] {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.bg-yellow-100 {
    background-color: #E7C454;
    color: #333;
}

.bg-orange-100 {
    background-color: #F58C54;
    color: #333;
}

.bg-green-100 {
    background-color: #64C890;
    color: #333;
}

.bg-red-100 {
    background-color: #D54453;
    color: #fff;
}

.bg-gray-100 {
    background-color: #646f76;
    color: #e9ecef;
}