/* STISLA CUSTOM */
.form-control, .input-group-text, .custom-select, .custom-file-label {
    background-color: #fdfdff;
    border-color: #e4e6fc;
}

.select2-container .select2-selection--multiple, .select2-container .select2-selection--single {
    background-color: #fdfdff;
    border-color: #e4e6fc;
}

/* Navbar */
.navbar .dropdown-menu-right button[type=submit]:hover {
    background-color: #f8fafb;
}

/* Sidebar */
body:not(.sidebar-mini) .sidebar-style-2 .sidebar-menu li.active ul.dropdown-menu li a,
.main-sidebar .sidebar-menu li ul.dropdown-menu li a {
    padding-left: 15px;
}

body:not(.sidebar-mini) .sidebar-style-2 .sidebar-menu li.active ul.dropdown-menu li a {
    background-color: unset;
    line-height: 20px;
}

.main-sidebar .sidebar-menu li ul.dropdown-menu li {
    transition: .3s;
}

.main-sidebar .sidebar-menu li ul.dropdown-menu li:hover {
    background-color: #6777efd5;
}

.main-sidebar .sidebar-menu li ul.dropdown-menu li:hover > a {
    color: #fff;
}

.main-sidebar .sidebar-menu li ul.dropdown-menu li.active > a {
    font-weight: 700;
}

.main-sidebar .sidebar-menu li ul.dropdown-menu li a {
    height: 45px;
}

.main-sidebar .sidebar-menu li ul.dropdown-menu .dropdown-title:hover {
    background-color: unset;
}

body.sidebar-mini .main-sidebar .sidebar-menu li:hover > ul.dropdown-menu li:hover > a {
    background-color: #6777efd5;
}

body.sidebar-mini .main-sidebar .sidebar-menu > li ul.dropdown-menu li a {
    height: 50px;
}

/* Navbar landing Page */
body.layout-3 .main-content {
    padding-top: 100px;
}

.layout-3 .navbar-bg {
    height: 70px;
    transition: .3s;
}

@media (max-width: 991px) {
    .layout-3 .navbar-bg {
        height: 115px;
    }
}

/* Dashboard Content */
.card.card-statistic-1 > a .card-icon,
.card.card-statistic-1 > a .card-icon i {
    transition: .3s;
}

.card.card-statistic-1 > a:hover .card-icon i {
    font-size: 24px;
}

.card.card-statistic-1 > a .card-icon {
    box-shadow: 0 2px 6px #acb5f6;
}

.card.card-statistic-1 > a:hover .card-icon {
    box-shadow: 0 0 0 #fff;
}

.card.card-hero-warning .card-header {
    background-image: linear-gradient(to bottom, #ffa426, #ffa426b0);
}

.card-hero-warning .card-icon {
    color: #ffa426 !important;
}

.card.card-hero-danger .card-header {
    background-image: linear-gradient(to bottom, #fc544b, #fc544bb0);
}

.card-hero-danger .card-icon {
    color: #fc544b !important;
}

a:hover {
    text-decoration: none;
}

.summary .summary-info {
    padding: 31px 0;
}

/* Landing Page */
.ellipsis-1 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
}

.landing-pagination {
    text-align: center;
}

.landing-pagination nav {
    display: inline-block;
}

.landing-pagination .pagination {
    align-items: center;
}

.landing-pagination .page-item:first-child,
.landing-pagination .page-item:last-child {
    font-size: 25px;
}

.landing-pagination .page-item:first-child .page-link,
.landing-pagination .page-item:last-child .page-link {
    background-color: transparent;
}

.landing-pagination .page-item:first-child .page-link:hover,
.landing-pagination .page-item:last-child .page-link:hover {
    background-color: #6777ef;
}

#table-detail th {
    width: 35%;
}

#table-detail td:nth-child(2) {
    width: 3%;
}

.btn-village-search {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    box-shadow: 0 2px 6px #acb5f6;
    background-color: #6777ef;
    border-color: #6777ef;
    color: #fff;
}

#landing-page .navbar-bg {
    background-color: #fafdfb;
}

#landing-page .nav-link {
    color: #000;
    font-weight: 400;
    transition: .3s;
}

#landing-page .nav-link:hover {
    color: #6777ef;
}

/* Register Page */
.wizard-steps .wizard-step.wizard-step-finish {
    background-color: #6777efb5;
    box-shadow: 0 2px 6px #acb5f6;
    color: #fff;
}

/* Customer Button */
.btn-excel {
    box-shadow: 0 2px 6px #34733c75;
    background-color: #34733ce0;
    color: #fff;
}

.btn-excel:hover,
.btn-excel:focus {
    background-color: #34733C !important;
    color: #fff;
}

.add-customer-icon {
    transform: rotate(0deg);
    transition: .3s;
}

.add-customer-btn:hover .add-customer-icon {
    transform: rotate(90deg);
}

.add-customer-dropdown .dropdown-item:hover {
    background-color: #6777efd5;
    color: #fff;
}

.add-customer-dropdown.show {
    top: 12px !important;
    left: -31px !important;
    min-width: 222px;
}

.btn-light {
    color: inherit;
    background-color: #fff;
    border-color: #e3e6f0;
 }

.label-required {
    color: #dc3545;
}

.card-custom {
    border: 1px solid #e3e6f0;
    border-radius: 15px !important;
}

.btn {
    border-radius: 5px !important;
}

.btn-reset {
    font-weight: 600;
    color: #6777efd5;
}

.btn-reset:hover {
    font-weight: 600;
    color: #6777efd5;
}

.sort-button {
    background-color: transparent;
    color: inherit;
    border: none;
}

.sort-button:active {
    background-color: transparent;
    color: inherit;
    border: none;
}

i.inactive {
    color: #CCCCCC !important;
}

div select.is-invalid + span span.select2-selection {
    border-color: #dc3545; /* Change this to the desired border color */
}

.select2-hidden-accessible {
    width: 5px !important;
}

.table-basic > tbody > tr {
    border-bottom: 1px solid #e3e6f0 !important;
}

.reset-meter-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.custom-alert {
    border-radius: 5px;
}

.custom-prepend {
    border-right: none;
}

.input-custom-prepend {
    border-left: none;
}

.is-invalid.input-custom-prepend {
    border-left: 1px solid #dc3545;
}