@font-face {
    font-family: "Montserrat-Regular";
    src: url("../fonts/Montserrat-Regular.woff");
    font-weight: 400;
}

@font-face {
    font-family: "BebasNeue";
    src: url("../fonts/BebasNeue.woff");
}

a {
    color: #141414;
}

/* Adjust scrollbar width if necessary */
::-webkit-scrollbar {
    background-color: #ebebeb;
}

::-webkit-scrollbar-thumb {
    background-color: #afafaf;
}

    ::-webkit-scrollbar-thumb:hover {
        background-color: rgba(24, 93, 183, 0.5333333333);
    }

.account-select:hover, .account-select.aria-expanded,
.location-select:hover,
.location-select.aria-expanded {
    background-color: #fafafa;
    color: #646464;
}

.ba-sidebar {
    box-shadow: 3px 0px 6px 0px rgba(0, 0, 0, 0.1607843137);
    background-image: linear-gradient(to right, #d7d7d7, #ebebeb);
    background-color: #ededed;
    color: #3e3e3e;
}

    .ba-sidebar .ba-sidebar-btn-list {
        color: #3e3e3e;
    }

        .ba-sidebar .ba-sidebar-btn-list .ba-sidebar-btn {
            color: #141414;
            border-bottom: 1px solid rgba(0, 0, 0, 0.06);
            transition: background 0.5s;
        }

            .ba-sidebar .ba-sidebar-btn-list .ba-sidebar-btn:hover {
                background-color: #d7d7d7;
                border-bottom: 1px solid rgba(0, 0, 0, 0.06);
            }

            .ba-sidebar .ba-sidebar-btn-list .ba-sidebar-btn.ba-active {
                color: #ffffff;
                background-image: linear-gradient(to bottom, #0a1931, #253653);
            }

                .ba-sidebar .ba-sidebar-btn-list .ba-sidebar-btn.ba-active .ba-sidebar-btn-icon {
                    filter: invert(98%) sepia(44%) saturate(0%) hue-rotate(36deg) brightness(112%) contrast(98%);
                }

    .ba-sidebar.ba-sidebar-collapse .ba-sidebar-btn-list {
        color: #3e3e3e;
    }

        .ba-sidebar.ba-sidebar-collapse .ba-sidebar-btn-list .ba-sidebar-btn {
            color: #141414;
        }

            .ba-sidebar.ba-sidebar-collapse .ba-sidebar-btn-list .ba-sidebar-btn:hover {
                background-color: #d7d7d7;
                border-bottom: 1px solid rgba(0, 0, 0, 0.06);
            }

            .ba-sidebar.ba-sidebar-collapse .ba-sidebar-btn-list .ba-sidebar-btn.ba-active {
                color: #ffffff;
                background-image: linear-gradient(to bottom, #0a1931, #253653);
                border-radius: 8px;
                box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2509803922);
            }

                .ba-sidebar-btn-shape, .ba-sidebar .ba-sidebar-btn-list .ba-sidebar-btn.ba-active:before, .ba-sidebar.ba-sidebar-collapse .ba-sidebar-btn-list .ba-sidebar-btn.ba-active:before {
                    background-image: linear-gradient(to bottom, #0a1931, #253653);
                }

.ba-sidebar-btn-shape-collapse {
    background-image: linear-gradient(to bottom, #0a1931, #253653);
}

.signout-btn:hover {
    background-color: #d7d7d7;
}

.signout-btn.focus:focus {
    background-color: #9b9b9b;
}

.ba-nav {
    box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.16);
}

.nav-dropdown-list ul li a:hover {
    background-color: #d7d7d7;
}

.nav-dropdown-select {
    border: #3c3c3c solid 1px;
    box-shadow: 0px 2px 6px 0.3px rgba(0, 0, 0, 0.1) inset;
}

    .nav-dropdown-select:hover {
        background-color: #ebebeb 80%;
        border: 1px solid #888;
        box-shadow: 0px 2px 2px 0.3px rgba(0, 0, 0, 0.16) inset;
    }

.DRP-nav {
    box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.16);
    border: 1px solid gray;
}

.ba-notification:hover {
    background-color: #d7d7d7;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.06) inset;
}

.notification-btn {
    color: #3e3e3e;
}

.theme-btn:hover {
    background-color: #d7d7d7;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.06) inset;
}

.progress-fill.ba-active {
    background-color: #3c76db;
}

.ba-footer {
    box-shadow: 0px -1px 3px 0px rgba(0, 0, 0, 0.16);
}

.ba-footer-link {
    color: #185db7;
}

.custom-form-control {
    color: #212529;
    background-color: var(--bs-body-bg);
    border: 2px solid #dee2e6;
}

    .custom-form-control:focus {
        border-color: #9b9b9b;
    }

    .custom-form-control:hover {
        box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.6392156863) inset;
    }

.testbtn {
    background-image: linear-gradient(to bottom, #0a1931, #253653);
    color: #ebebeb;
    box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, 0.16);
}

    .testbtn:hover {
        color: #ffffff;
        background-image: linear-gradient(to bottom, #253653, #253653);
        box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, 0.16) inset;
    }

.permission-checkbox,
.complexe-checklist {
    color: #141414;
}

    .permission-checkbox:hover,
    .complexe-checklist:hover {
        background-color: #ebebeb;
    }

    .permission-checkbox:checked,
    .complexe-checklist:checked {
        color: #185db7;
    }

/**/
/*.role-level-section.ba-disabled .permission-checkbox:hover {
    background-color: transparent !important;
}
.role-level-section.ba-disabled .permissions-card {
    background-color: #d7d7d7;
    background-image: none;*/
    /*color: #9b9b9b;*/
/*}*/

.form-check-input:checked {
    background-color: #253653;
    border-color: #253653;
}

.complexe-checklist.ba-active {
    background-image: linear-gradient(to bottom, #0a1931, #253653);
    color: #ffffff;
}

    .complexe-checklist.ba-active:hover {
        background-color: #253653 !important;
    }

.update-role-btn {
    background-image: linear-gradient(to bottom, #185db7, #3480f3);
    color: #ffffff;
}

    .update-role-btn:hover {
        background-image: linear-gradient(to bottom, #3480f3, #185db7);
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.262745098);
    }

    .update-role-btn.ba-disabled:hover {
        background-image: linear-gradient(to bottom, #185db7, #3480f3);
    }

.cancel-role-btn {
    background-image: linear-gradient(to bottom, #505050, #646464);
    color: #ffffff;
}

    .cancel-role-btn:hover {
        background-image: linear-gradient(to bottom, #646464, #505050);
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.262745098);
    }

    .cancel-role-btn.ba-disabled:hover {
        background-image: linear-gradient(to bottom, #505050, #646464);
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.262745098);
    }

.descriptive-card,
.permissions-card {
    background: linear-gradient(to right, transparent, #f2f2f2, transparent);
}

.ba-btn.ba-primary-btn {
    background-image: linear-gradient(to bottom, #3480f3, #185db7);
    color: #ffffff;
}

    .ba-btn.ba-primary-btn.ba-disabled {
        background-color: #b2b3b6;
        background-image: none;
    }

    .ba-btn.ba-primary-btn:hover {
        background-image: none;
        background-color: #3480f3;
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.262745098);
    }

.ba-btn.bulk-delete-btn {
    background-image: linear-gradient(to bottom, #b73d3f, #9c1f21);
    color: #ffffff;
}

    .ba-btn.bulk-delete-btn:hover {
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.262745098);
        background-image: linear-gradient(to bottom, #b73d3f, #b73d3f);
    }

.ba-btn.modal-add-btn {
    background-image: linear-gradient(to bottom, #185db7, #3480f3);
    color: #ffffff;
}

    .ba-btn.modal-add-btn:hover {
        background-image: linear-gradient(to bottom, #3480f3, #185db7);
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.262745098);
    }

.ba-btn.modal-cancel-btn {
    background-image: linear-gradient(to bottom, #3c3c3c, #646464);
    color: #ffffff;
}

    .ba-btn.modal-cancel-btn:hover {
        background-image: linear-gradient(to bottom, #646464, #3c3c3c);
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.262745098);
    }

.modal-content {
    background-image: linear-gradient(to bottom left, #efefef 20%, #f8f8f8 50%, #efefef 90%);
}

.validation-error {
    color: #ea868f;
}

.form-label {
    color: #555;
}

.custom-hr {
    border-bottom: 1px solid #dee2e6;
}

.popup {
    background-color: #efefef;
    color: #333;
    box-shadow: 0 0px 8px rgba(0, 0, 0, 0.25);
}

.modal-select {
    border: 1px solid #838383;
}

.modal-input,
.modal-select {
    border: 1px solid #141414;
}

    .modal-input.ba-disabled,
    .modal-select.ba-disabled {
        background-color: transparent;
        box-shadow: 0px 2px 6px 0px hsla(0, 0%, 0%, 0.25) inset;
        border: 1px solid #afafaf;
    }

.pdf-export-btn {
    color: #e4282b;
    background-color: #eeeeee;
    border: 1px solid transparent;
}

    .pdf-export-btn:hover {
        background-color: #e4282b;
        color: #ffffff;
    }

.excel-export-btn {
    color: #1d6f42;
    background-color: #eeeeee;
    border: 1px solid transparent;
}

    .excel-export-btn:hover {
        background-color: #1d6f42;
        color: #ffffff;
    }

.ba-table {
    background: #ffffff;
}

    .ba-table caption,
    .ba-table td,
    .ba-table th {
        border-top: 1px solid rgba(0, 0, 0, 0.1294117647);
    }

    .ba-table caption {
        background-color: white;
    }

    .ba-table th {
        border-top: 1px solid #aaa;
        border-bottom: 1px solid #aaa;
        background-color: #ffffff;
    }

        .ba-table th.arrow-up-down:after {
            color: #afafaf;
            text-shadow: 0px 0px 1px #afafaf;
        }

        .ba-table th.arrow-up-down.ba-active:after {
            color: #000000;
            text-shadow: 0px 0px 1px #000000;
        }

        .ba-table th.arrow-up-down.ba-active-down:after {
            color: #000000;
            text-shadow: 0px 0px 1px #000000;
        }

    .ba-table tr:nth-of-type(2n) {
        background-color: #ffffff;
        color: #141414;
    }

    .ba-table tr:nth-of-type(2n + 1) {
        background-color: #fafafa;
        color: #141414;
    }

.responsive-table-container .page-wrapper tr:nth-of-type(2n) {
    background-image: linear-gradient(to right, #eeeeee, #afafaf);
    color: #141414;
}

.action-btn:hover,
.note-btn:hover {
    background-color: rgba(0, 0, 0, 0.1254901961);
    box-shadow: 0px 0px 2px 0px #000000;
}

.note-btn img.ba-active {
    filter: invert(43%) sepia(99%) saturate(2472%) hue-rotate(195deg) brightness(81%) contrast(97%);
}

.page-link {
    color: #3480f3;
}

    .page-link:hover {
        background-color: rgba(201, 102, 35, 0.4666666667);
        color: #ffffff;
        box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2666666667) inset;
    }

    .page-link:focus {
        background-color: #185db7;
        color: #ffffff;
        box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.262745098);
    }

tr.hovered {
    background: radial-gradient(circle at center, #ebebeb 20%, #dfdfdf 40%, #ebebeb 60%);
}

tr.tr-checked {
    background: radial-gradient(circle at center, rgba(52, 128, 243, 0.1254901961) 10%, rgba(52, 128, 243, 0.0823529412) 40%, rgba(52, 128, 243, 0.1450980392) 70%);
}

.form-check-input {
    border: 1px solid #9b9b9b;
}

.row-page-select:hover {
    border: 1px solid #000000;
}

.row-page-select.test-page {
    border: 1px solid #282828;
}

.pager__item.active .pager__link {
    background-image: linear-gradient(to bottom, #0a1931, #253653);
    color: #fff;
}

.pager__item.ba-disabled .pager__link {
    color: #9b9b9b;
}

.pager__item.ba-disabled .pager__link-next img,
.pager__item.ba-disabled .pager__link-prev img {
    filter: invert(1);
}

.pager__link {
    color: #2f3640;
}

    .pager__link.ba-active {
        background-image: linear-gradient(to bottom, #0a1931, #253653);
        color: #fff;
    }

        .pager__link.ba-active:hover {
            color: #ffffff;
        }

        .pager__link.ba-active img {
            filter: invert(1);
        }

    .pager__link:hover {
        color: #0a1931;
        text-shadow: 0px 0px 2px #0a1931;
    }

input::-moz-placeholder {
    color: #c3c3c3 !important;
}

input::placeholder {
    color: #c3c3c3 !important;
}

.form-check-input[type="checkbox"]:indeterminate {
    background-color: #001630;
    border-color: #001630;
}

.tank {
    background-color: #fff;
    border: 5px solid #aaa;
}

    .tank .wave {
        background-color: #4973ff;
        box-shadow: 0 0 50px rgba(0, 0, 0, 0.5) inset;
    }

        .tank .wave:before, .tank .wave:after {
            box-shadow: 0px 0px 10px 0.3px rgba(255, 255, 255, 0.4) inset;
        }

        .tank .wave:before {
            background: rgba(255, 255, 255, 0.8);
        }

        .tank .wave:after {
            background: rgba(255, 255, 255, 0.5);
            box-shadow: 0px 0px 10px 0.3px rgba(0, 0, 0, 0.4);
        }

    .tank .wave-text {
        color: #ffffff;
    }

.water-state {
    background-color: #f4f4f4;
}

.version-card {
    border: 1px solid #ccc;
}

    .version-card.version-super-access:hover {
        box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2666666667);
    }

.radio-container input:checked ~ .dotmark {
    background-color: rgb(187, 0, 0);
}

.radio-container .dotmark:after {
    background: white;
}

.dotmark {
    background-color: #eee;
}

.release-date {
    color: #777;
}

.current-version {
    color: white;
    background-image: linear-gradient(to bottom right, #3d882b, #29a025);
}

.descriptive-card {
    background: linear-gradient(to right, transparent, #f2f2f2, transparent);
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1450980392);
}

@keyframes gradient-slide {
    0% {
        background-position: 100% 0;
    }

    50% {
        background-position: 0 0;
        box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.4);
    }

    100% {
        background-position: 100% 0;
    }
}

.tab-list .tab-button:hover {
    background-color: #f7f7f7;
}

.tab-list .tab-button-active {
    border-bottom: 2px solid #0a1931;
    color: #253653;
    background-color: rgba(24, 93, 183, 0.0823529412);
}

    .tab-list .tab-button-active:hover {
        background-color: rgba(24, 93, 183, 0.0823529412);
    }

.gradient-border-black {
    border-image-source: linear-gradient(to left, #afafaf, #000000, #afafaf);
}

.gradient-border-black-transparent {
    border-image-source: linear-gradient(to bottom, #000000 1%, transparent);
}

.calibration-group .calibration-text-input,
.calibration-group .motor-text-input,
.motor-group .calibration-text-input,
.motor-group .motor-text-input {
    border: 1px solid #d7d7d7;
    color: #000000;
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.267) inset;
}

    .calibration-group .calibration-text-input:focus,
    .calibration-group .motor-text-input:focus,
    .motor-group .calibration-text-input:focus,
    .motor-group .motor-text-input:focus {
        outline: solid 1px #888888;
    }

.date-picker {
    border: 1px solid rgba(52, 69, 67, 0.2705882353);
}

.custom-switch-btn {
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.4039215686) inset;
}

.water-tank:hover {
    border: 4px solid #d7d7d7;
}

.water-tank.selected-water-tank {
    border: 4px solid #0a1931;
}

    .water-tank.selected-water-tank::after {
        color: white;
    }

    .water-tank.selected-water-tank::before {
        border-left-color: #0a1931;
        border-top-color: #0a1931;
    }

.pass-eye::before {
    color: #000000;
}

.pass-eye.hide:before {
    color: #000000;
}

.shining-button {
    background-image: linear-gradient(to bottom, #000000, #282828);
}

    .shining-button::before {
        background-image: linear-gradient(to bottom, #ffffff, #d7d7d7);
    }

    .shining-button.active::before {
        left: 152%;
    }

.is-modify {
    color: #303a2d;
    background-color: rgba(29, 31, 28, 0.1333333333);
}

.restor-previous-btn {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #185db7dd, #3480f3dd);
}

    .restor-previous-btn:hover {
        background-image: linear-gradient(to bottom, #3480f3dd, #185db7dd);
    }

.is-applied {
    color: #206a0b;
    background-color: rgba(32, 106, 11, 0.1333333333);
}

.is-pending {
    color: rgb(57, 57, 57);
    background-color: rgba(151, 146, 0, 0.1333333333);
}

.device-state {
    color: #ffffff;
}

    .device-state.ba-active {
        box-shadow: 4px 0px 3px 0px rgba(0, 0, 0, 0.2666666667) inset;
    }

    .device-state.is-offline {
        background-color: #d43f3f;
    }

    .device-state.is-online {
        background-color: #3ca34d;
    }

    .device-state.is-sync {
        background-color: #444343;
    }

.exit-btn:hover,.refresh-btn:hover {
    background-color: rgba(0, 0, 0, 0.6);
    color: white;
}

.swal2-confirm {
    background-image: linear-gradient(to bottom, #185db7, #3480f3) ;
    color: #ffffff ;
}

    .swal2-confirm:hover {
        background-image: linear-gradient(to bottom, #3480f3, #185db7) ;
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.262745098);
    }

.network-divider {
    border-right: 1px solid rgba(0, 0, 0, 0.6);
}

.checkbox-select1,
.checkbox-select2,
.checkbox-select3 {
    border: 1px #dadada solid;
}

    .checkbox-select1 label:hover,
    .checkbox-select2 label:hover,
    .checkbox-select3 label:hover {
        background-color: #1e90ff;
    }

.basic-crud-item.ba-active {
    background: rgba(52, 128, 243, 0.1254901961) 30%;
    border-color: rgba(52, 128, 243, 0.1254901961) 30%;
}

    .basic-crud-item.ba-active input {
        color: #000000 !important;
    }

    .basic-crud-item.ba-active .role-text-input,
    .basic-crud-item.ba-active .basic-crud-text-input {
        color: #ffffff;
    }

.basic-crud-item .role-text-input.edit-role-name,
.basic-crud-item .basic-crud-text-input.edit-role-name {
    background-color: inherit;
    color: #000;
}

    .basic-crud-item .role-text-input.edit-role-name:focus,
    .basic-crud-item .basic-crud-text-input.edit-role-name:focus {
        outline: #185db7;
        border-color: #888;
    }

.add-basic-crud-li {
    background-color: #ebebeb;
}

    .add-basic-crud-li .add-role-btn-container .add-role-btn,
    .add-basic-crud-li .add-role-btn-container .add-basic-crud-li-btn,
    .add-basic-crud-li .add-basic-crud-li-btn-container .add-role-btn,
    .add-basic-crud-li .add-basic-crud-li-btn-container .add-basic-crud-li-btn {
        color: #3c3c3c;
    }

.role-page-card,
.basic-crud-page-card {
/*    background-color: #ffffff;*/
    border-bottom: 1px solid #282828;
}

.role-action-btn {
    color: #9b9b9b;
    background-color: #ffffff;
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1333333333);
}

    .role-action-btn:hover i {
        color: #ebebeb;
    }

    .role-action-btn.edit-role-btn, .role-action-btn.delete-role-btn {
        transition: 0.3s;
    }

        .role-action-btn.edit-role-btn:hover, .role-action-btn.delete-role-btn:hover {
            background-color: rgba(0, 0, 0, 0.1254901961);
            box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2666666667);
        }

            .role-action-btn.edit-role-btn:hover .fa-solid, .role-action-btn.delete-role-btn:hover .fa-solid {
                filter: invert(1);
            }

.entity-info-card,
.user-role-card {
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2666666667);
}

.entity-info-card-body #entityImgLable,
.user-role-card-body #entityImgLable {
    border: 2px solid black;
    box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.2666666667);
}

.entity-info-card-body .entity-cancel-btn:hover,
.entity-info-card-body .general-info-cancel-btn:hover,
.user-role-card-body .entity-cancel-btn:hover,
.user-role-card-body .general-info-cancel-btn:hover {
    background-image: linear-gradient(to bottom, #9c1f21, #b73d3f);
    color: #ffffff;
}

.entity-info-card-body .entity-save-btn:hover,
.entity-info-card-body .general-info-save-btn:hover,
.user-role-card-body .entity-save-btn:hover,
.user-role-card-body .general-info-save-btn:hover {
    background-image: linear-gradient(to bottom, #185db7, #3480f3);
    color: #ffffff;
}

.ba-edit #entityImgLable {
    background-color: rgba(226, 226, 226, 0.8666666667);
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2666666667) inset;
}

    .ba-edit #entityImgLable:hover {
        box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.4) inset;
    }

.ba-edit.clean-img #entityImgLable {
    background-color: transparent;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2666666667) inset;
}

    .ba-edit.clean-img #entityImgLable:hover {
        box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.4) inset;
        background-color: rgba(226, 226, 226, 0.3764705882);
    }

.ba-edit input,
.ba-edit span {
    border: 1px solid #dee2e6;
}

.entity-action-btn,
.general-info-action-btn {
    color: #535353;
}

    .entity-action-btn:hover,
    .general-info-action-btn:hover {
        background-color: rgba(0, 0, 0, 0.1254901961);
        box-shadow: 0px 0px 2px 0px #000000;
    }

.basic-crud-item .description-text {
    opacity: 0;
    transition: 0.3s;
}

.basic-crud-item:hover {
    background-color: #eee;
}

.basic-crud-item.ba-active {
    color: #282828;
}

    .basic-crud-item.ba-active .description-text {
        opacity: 1;
    }

.basic-crud-item-img-container {
    border: 1px solid black;
    background-color: white;
    box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.2666666667);
}

.popup-content {
    background-color: #fff;
}

.loader-wrapper {
    background: #fff;
}

.loader h3 {
    color: rgba(0, 170, 255, 0.19);
}

.collapse-btn-container .collapse-action-btn {
    color: #9b9b9b;
}

.collapse-btn-container:hover {
    background-color: rgba(0, 0, 0, 0.1254901961);
}

.custom-card-header {
    background-color: #f3f3f3;
    border-top: 1px solid #282828;
}

.side-section-setting {
    background: #ebebeb;
}

    .side-section-setting .side-section-btn {
        color: #3c3c3c;
    }

.side-section-setting {
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2666666667);
}

.description-text {
    color: #9b9b9b;
}

.border-up {
    border-color: #888;
}

.btn-secondary {
    background-color: #ededed;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2666666667);
}

    .btn-secondary:hover {
        background-color: #282828;
        color: #d7d7d7;
    }

.save-profile-setting {
    color: white;
    background-image: linear-gradient(to bottom, #185db7, #3480f3);
}

    .save-profile-setting:hover {
        background-image: linear-gradient(to bottom, #3480f3, #185db7);
        color: white;
        box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2509803922);
    }

.text-input-error {
    border: 1px solid rgba(255, 0, 0, 0.7529411765) !important;
}

    .text-input-error:focus {
        box-shadow: 0 0 0 0.2rem rgba(255, 0, 0, 0.2509803922) !important;
    }

.static-ip-mode.ba-disabled {
    color: #9b9b9b;
}

    .static-ip-mode.ba-disabled input,
    .static-ip-mode.ba-disabled #ipv15,
    .static-ip-mode.ba-disabled .ip-input-container {
        background-color: #ebebeb;
    }

        .static-ip-mode.ba-disabled input i,
        .static-ip-mode.ba-disabled #ipv15 i,
        .static-ip-mode.ba-disabled .ip-input-container i {
            background-color: #9b9b9b;
        }

/*# sourceMappingURL=styles-light.css.map */


input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    border: 1px solid #dee2e6;
    -webkit-text-fill-color: #343434;
    -webkit-box-shadow: 0 0 0px 1000px #ffffff inset !important;
    box-shadow: 0 0 0 1000px #ffffff inset !important;
    background-image: linear-gradient(#fff,#fff);
    transition: background-color 10000s ease-in-out 0s;
}