/*************************************/
/*                                   */
/*         Style for Geo9            */
/*                                   */
/*************************************/

:root {
    --main-color: #72c02c;
    --btn-border-color: #72c02c;
    --breadcrumb-color: #F4F7F0;
    --round-border-color: #e8e8e8;
    --btn-secondary-color-1: #E9ECED;
}

#sidebar-wrapper .sidebar-profile {
    background-image: url(../logo/menu_banner/galvanic_banner.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.sidebar-profile-text a.dropdown-toggle {
    color: #ffffff;
}

.login-header {
    color: var(--main-color);
}

    .login-header .logo-inner {
        text-shadow: 0 1px 5px rgb(127, 255, 212);
    }


    .login-header .logo-text {
        --bs-text-opacity: 1;
        color: rgba(var(--main-color), var(--bs-text-opacity)) !important;
        margin-top: 15px;
    }

.is-charging-icon {
    color: var(--main-color);
}

a {
    text-decoration: none !important;
    color: var(--main-color);
}

.btn-primary {
    background-color: var(--main-color);
    border-color: var(--btn-border-color);
}

    .btn-primary:hover {
        background-color: var(--main-color);
        border-color: var(--btn-border-color);
    }

    .btn-primary:active {
        background-color: var(--main-color);
        border-color: var(--btn-border-color);
    }

    .btn-primary:focus {
        background-color: var(--main-color);
        border-color: var(--btn-border-color);
        box-shadow: none !important;
    }

    .btn-primary:disabled, .btn-primary.disabled {
        background-color: var(--main-color);
        border-color: var(--btn-border-color);
    }

.btn-primary-2 {
    background-color: var(--main-color);
    border-color: var(--main-color);
    height: 3rem;
    color: #ffffff;
}

    .btn-primary-2:hover {
        background-color: var(--main-color);
        border-color: var(--main-color);
        color: #ffffff;
    }

    .btn-primary-2:active {
        background-color: var(--main-color);
        border-color: var(--main-color);
        color: #ffffff;
    }

    .btn-primary-2:focus {
        background-color: var(--main-color);
        border-color: var(--main-color);
        color: #ffffff;
    }

    .btn-primary-2:disabled, .btn-primary.disabled {
        background-color: var(--main-color);
        border-color: var(--main-color);
        color: #ffffff;
    }

.btn-outline-primary {
    color: var(--main-color);
    border-color: var(--main-color);
}

    .btn-outline-primary:hover {
        background-color: var(--main-color);
        border-color: var(--btn-border-color);
        color: #fff;
    }

.text-primary {
    color: var(--main-color) !important;
}

tr.child > td.child {
    padding: 0
    /*background-color: rgb(244, 247, 240);*/
}

    tr.child > td.child > table > tr {
        border-color: #dee2e6;
        border-width:0.5px
    }

    tr.child > td.child > table > tr > td {
        padding:0.5rem;
    }

.custom-map-control-button {
    color: var(--main-color);
}

    .custom-map-control-button .map-control-my-location {
        fill: var(--main-color);
    }

.page-link {
    color: var(--main-color);
}

.page-item-dt-arrow:first-child .page-link {
    color: var(--main-color);
}

.page-item-dt-arrow:last-child .page-link {
    color: var(--main-color);
}

.page-item-dt.disabled.active .page-link {
    color: var(--main-color);
}

#sidebar-wrapper .list-group-item.active,
#sidebar-wrapper .list-group-item,
#sidebar-wrapper .list-group-item:hover {
    color: var(--main-color) !important;
}

.badge.bg-primary {
    background-color: var(--main-color) !important;
}
}

.cookies_inner_wrapper {
    background-color: var(--main-color);
}

.history-active-menu {
    background-color: var(--breadcrumb-color);
}

.card-deactivate-user {
    background-color: var(--default-box-background-color);
}

.form-control.text-box.single-line, input[type=text].form-control {
    border-radius: 1.5rem;
    line-height: 2rem;
}

.input-group input[type=password] {
    border-top-left-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
    line-height: 2rem;
}

.countryCodeInput-inner {
    border-radius: 1.5rem !important;
    line-height: 2rem;
}

.select2-container--default .select2-selection--single {
    border-radius: 1.5rem;
    line-height: 2rem !important;
    height: calc(2rem + 0.75rem + 2px);
}

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 2rem !important;
        margin-top: 4px;
        margin-left: 4px;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        top: 4px;
        right: 4px;
    }

.card.mt-3 {
    margin-bottom: 1rem;
}

#InformDetail {
    border-radius: 1rem;
}

/* Profile Edit */
.profile-edit-title {
    background-color: transparent;
    border: none;
    padding: 0px !important;
    margin-bottom: 0px;
    color: #8E8E8E;
}

.profile-edit-btn-submit {
    width: 100%;
}

.profile-edit-card {
    border-radius: 20px !important;
}

body {
    background-color: #fafafa;
}

/* Change Password */
.card.change-password, .card.reset-password, .card.register {
    border-radius: 20px !important;
}

    .card.change-password .btn-button-group,
    .card.reset-password .btn-button-group,
    .card.register .btn-button-group {
        border: 1px solid #ced4da;
        border-left-width: 0px;
        border-bottom-right-radius: 1.5rem;
        border-top-right-radius: 1.5rem;
    }

        .card.change-password .btn-button-group:hover,
        .card.reset-password .btn-button-group:hover,
        .card.register .btn-button-group:hover {
            background-color: transparent;
        }

    .card.change-password .form-control-button-group,
    .card.reset-password .form-control-button-group,
    .card.register .form-control-button-group {
        border-right-width: 0px;
    }

    .card.change-password .password-rule li,
    .card.reset-password .password-rule li,
    .card.register .password-rule li {
        color: #8E8E8E;
    }

    .card.register .countryCodeInput-inner {
        line-height: 2rem;
    }

    /* Problem Report */
    .card.report-problem-form {
        border-radius: 20px !important;
    }

    .card.report-problem-form li {
        color: #8E8E8E;
        font-size: smaller;
    }

.img-problem-list {
    width: 20px;
}

.txt-problem-detail {
    height: 10rem;
}

.btn-issue-report-index {
    width: 100%;
    height: 3rem;
}

.issue-report-index-container {
    border-radius: 1.5rem;
}

/* Profile Deactivate*/
.border-hide {
    border: none !important;
}

.bg-hide {
    background-color: transparent !important;
}

.card.deactivate-round-border {
    border: 1px solid #ced4da;
    border-radius: 20px !important;
    overflow: hidden;
}

.card-body.deactivate-round-border {
    background-color: #fff !important;
}

.deactivate-bullet-hide {
    list-style: none !important;
}

.deactivate-caution {
    padding-left: 0rem;
}

    .deactivate-caution .deactivate-user-message {
        font-size: 1.3rem;
    }

/* Tax Invoice */
.card.tax-invoice {
    border-width: 0px;
    background-color: #fafafa;
}

    .card.tax-invoice .card-body {
        padding: 0px;
    }

.tax-invoice .tax-invoice-customer-notice {
    background-color: #ED2929;
    text-align: center;
    border-radius: 1.5rem;
    color: #ffffff;
}

.tax-invoice .tax-invoice-due-date {
    background-color: #FFB700;
    text-align: center;
    border-radius: 1.5rem;
    color: #ffffff;
}

.tax-invoice-title {
    background-color: transparent;
    border: none;
    padding: 0px !important;
    margin-bottom: 0px;
    color: #8E8E8E;
}

.tax-invoice-transaction-detail {
    background-color: #ffffff;
    border: solid 1px #E8E8E8;
    border-radius: 1.5rem;
    padding: 1rem;
}

.tax-invoice-btn {
    height: 3rem;
}

/* Charging Chart */
.charging-chart-container {
    padding: 1.1rem;
    background-color: #ffffff;
    border: solid 1px var(--round-border-color);
    border-radius: 1.5rem;
}

.stats-interval-select {
    border-color: var(--main-color);
    padding: 0.2rem;
    border-radius: 0.5rem;
}

/* Vehicle */
.btn-add-vehicle {
    width: 100%;
    height: 3rem;
    padding-top: 0.8rem;
}

.vehicle-license-plate {
    border-radius: 1.5rem;
    border: solid 1px var(--round-border-color);
}

    .vehicle-license-plate .card-header {
        background-color: var(--main-color);
        border-top-left-radius: 1.5rem;
        border-top-right-radius: 1.5rem;
    }

    .vehicle-license-plate .card-footer {
        background-color: #ffffff;
        border-bottom-left-radius: 1.5rem;
        border-bottom-right-radius: 1.5rem;
    }

    .vehicle-license-plate .license-no {
        color: #ffffff;
    }

    .vehicle-license-plate .license-plate-inside {
        border: solid 2px var(--main-color);
        border-radius: 0.7rem;
    }

        .vehicle-license-plate .license-plate-inside .license-no-inside {
            color: var(--main-color);
            font-weight: bold;
        }

    .vehicle-license-plate .edit-vehicle-btn {
        height: 3rem;
        padding-top: 0.8rem;
    }

    .vehicle-license-plate .delete-vehicle-btn, .cancel-vehicle-btn {
        height: 3rem;
        background-color: var(--btn-secondary-color-1);
        border: none;
        color: #000000;
        font-weight: bold;
        padding-top: 0.8rem;
    }

.card.add-vehicle-form {
    border-radius: 1.5rem;
}

.master-vehicle-tag {
    background-color: #ffffff;
    color: var(--main-color);
}

.btn-vehicle-save {
    height: 3rem;
}

/* Custom Dialog */
.dialog-custom .bootbox-close-button.close {
    font-family: "Open Sans", sans-serif;
    color: #b3b3b3;
    z-index: 600;
    position: absolute;
    top: 0px;
    right: 10px;
}

.dialog-custom .modal-header {
    border-bottom: none;
    margin-bottom: -1rem;
    height: 56px;
    position: relative;
}

.dialog-custom .modal-footer {
    border-top: none;
    padding: 1rem;
}

.dialog-custom .alert-icon-image {
    width: 65px;
    height: 65px;
}

.dialog-custom .alert-content-display {
    padding: 1.5rem 1.5rem 0rem 1.5rem;
    font-size: 1.2rem;
}

.dialog-custom .modal-content {
    border-radius: 0.7rem;
    margin-left: 2rem;
    margin-right: 2rem;
}

.dialog-custom .btn-dialog-custom-alert-close {
    background-color: var(--btn-secondary-color-1);
    border: none;
    color: #000000;
    font-weight: bold;
    width: 100%;
    height: 3rem;
}

.dialog-custom .btn-dialog-custom-confirm-close {
    background-color: var(--btn-secondary-color-1);
    border: none;
    color: #000000;
    font-weight: bold;
    width: 40%;
    height: 3rem;
}

.dialog-custom .btn-dialog-custom-confirm-ok {
    width: 40%;
    height: 3rem;
}

.dialog-custom .modal-body {
    margin-top: -1.5rem;
}

.modal-backdrop.show {
    opacity: 0.9 !important;
}