@charset "UTF-8";

.txt-red {
    color: red;
}

.txt-blue {
    color: blue;
}

.txt-bold {
    /* font-weight: bold;*/
}

.txt-uppercase {
    text-transform: uppercase;
}

.txt-center {
    text-align: center;
}

.txt-right {
    text-align: right;
}
.txt-left {
    text-align: left;
}

.pointer:hover {
     cursor: pointer;
    /*color: purple !important;*/
}

 .page-search .sec-search .result-tbl {
    overflow: auto;
}

.page-search .sec-search .result-tbl table {
    width: 100%;
}

/*Thêm icon các button a*/
.edit-btn-custom {
    background: #fff url(../../BCA/images/icons/ico_edit_blue.svg) no-repeat left 4px center !important;

}

.delete-btn-custom {
    background: #fff url(../../BCA/images/icons/ico_delete.svg) no-repeat left 4px center !important;
}

/*Định dạng khung chọn hình/file*/
.upload-list .item-inner {
    height: 100%;
}
.upload-list .item-inner .document {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f5f5f5;
    min-height: 100px;
}
/*Định dạng dịch vụ công quốc gia*/
 /*.modal-style {
            border-radius: 70px 0 !important;
            padding-bottom: 50px !important;
        }
        .modal-style .modal-content-inner * {
            text-align: center !important;
        }
        .modal-style .modal-content-inner .frm-register-confirm {
            border: 1px solid #e8e8e8;
            border-radius: 4px;
            padding: 15px 20px;
            margin-top: 20px;
        }
        .modal-style .modal-content-inner .frm-register-confirm .lbl-login {
            font-weight: 500;
            font-size: 20px;
            margin: 0;
        }
        .modal-style .modal-content-inner .frm-register-confirm .lbl {
            color: #2c67f6;
            margin-bottom: 20px !important;
        }
        .modal-style .modal-content-inner .frm-register-confirm a {
            display: block;
            height: 100%;
            border: 1px solid #ddd;
            border-radius: 4px;
            padding: 10px;
            font-size: 14px;
            cursor: pointer;
        }
        .modal-style .modal-content-inner .frm-register-confirm a:hover {
            border-color: #2c67f6;
        }
        .modal-style .modal-content-inner .frm-register-confirm a img {
            max-width: 80%;
            margin: 0 auto 15px;
            display: block;
        }*/  
 
.modal-style {
            border-radius: 70px 0 !important;
            padding-bottom: 50px !important;
            background: #fff;
            border-radius: 12px;
            -webkit-border-radius: 12px;
            -moz-border-radius: 12px;
            -o-border-radius: 12px;
            -webkit-box-shadow: 0 0 15px rgb(0 0 0 / 25%);
            box-shadow: 0 0 15px rgb(0 0 0 / 25%);
            font-size: 18px;
            margin: auto;
            width: 100%;
            height: auto;
            padding: 45px 15px 30px;
            text-align: center;
        }
        .modal-style .btn-close {
            background: url(../../BCA/images/icons/ico_close_blue.svg) no-repeat center center;
            border-radius: 12px;
            -webkit-border-radius: 12px;
            -moz-border-radius: 12px;
            -o-border-radius: 12px;
            opacity: 1!important;
            position: absolute;
            right: 8px;
            top: 8px;
        }
        .modal-style .modal-content-ttl {
            border-bottom: 1px solid #2c67f6;
            color: #2c67f6;
            font-size: 18px;
            font-weight: bolder;
            margin-bottom: 15px;
            padding-bottom: 15px;
            text-transform: uppercase;
        }
        .modal-style .modal-content-inner * {
            text-align: center !important;
        }
        .modal-style .modal-content-inner .frm-register-confirm {
            border: 1px solid #e8e8e8;
            border-radius: 4px;
            padding: 15px 20px;
            margin-top: 20px;
        }
        .modal-style .modal-content-inner .frm-register-confirm .lbl-login {
            font-weight: 500;
            font-size: 20px;
            margin: 0;
        }
        .modal-style .modal-content-inner .frm-register-confirm .lbl {
            color: #2c67f6;
            margin-bottom: 20px !important;
        }
        .modal-style .modal-content-inner .frm-register-confirm a {
            display: block;
            height: 100%;
            border: 1px solid #ddd;
            border-radius: 4px;
            padding: 10px;
            font-size: 14px;
            cursor: pointer;
        }
        .modal-style .modal-content-inner .frm-register-confirm a:hover {
            border-color: #2c67f6;
        }
        .modal-style .modal-content-inner .frm-register-confirm a img {
            max-width: 80%;
            margin: 0 auto 15px;
            display: block;
        }

/*Modal lựa chọn tài khoản*/
.modal-content-no-icon {
    padding-top: 40px !important;
}
.modal-content-no-icon:before {
    background: none !important;
}

.modal-dialog-big {
    max-width: 1000px !important;
}

.modal-content-custom-width {
    width: 80% !important;
}

/*Hiện icon Mã khách hàng*/
.input-qr {
            background: #f4f4f4 url(../../BCA/images/icons/ico_customer_search.svg) no-repeat left 2px center;
            -webkit-box-shadow: inset 0 0 4px rgb(91 91 91 / 25%);
            box-shadow: inset 0 0 4px rgb(91 91 91 / 25%);
            padding-left: 70px;
        }


/*Chức năng cuộc gọi trên website WebRTC1*/
.side-fixed {
    top: 50%;
}
.side-fixed {
    top: 50%;
}

/*Captcha box cho thanh toán trực tuyến*/
.capcha-box {
    margin: 0 auto;
    max-width: 400px;
    width: 100%;
    padding: 10px 0 20px;
    text-align: center;
}
.capcha-box img {
    margin-bottom: 8px;
    max-width: 233px;
    width: 100%;
}
.capcha-box a {
    color: #479e95;
    display: inline-block;
    font-size: 16px;
    margin-bottom: 18px;
    text-decoration: none;
}
.capcha-box input {
    height: 45px;
    max-width: 400px;
    margin: 0 auto;
    text-align: center;
}

/*Hiện file dữ liệu dân cư*/
.modal-provide.modal-file {
    max-width: 900px !important;
}
.modal-provide.modal-file .modal-content .modal-content-inner {
    width: 100% !important;
}
.modal-provide.modal-file .modal-content .modal-content-inner #pdfObject {
    height: 650px !important;
    width: 100% !important;
}

/*Modal cuộc thi tiết kiệm điện 2023*/
.modal-content{background:#fff;border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px;-o-border-radius:12px;-webkit-box-shadow:0 0 15px rgba(0,0,0,.25);box-shadow:0 0 15px rgba(0,0,0,.25);font-size:18px;margin:auto;width:100%;height:auto;padding:45px 15px 30px;text-align:center}
.modal-content .modal-content-inner{display:inline-block;margin:0 auto}
.modal-content .modal-content-ttl{border-bottom:1px solid #2c67f6;color:#2c67f6;font-size:18px;font-weight:bolder;margin-bottom:15px;padding-bottom:15px;text-transform:uppercase}
.modal-content .modal-content-txt{font-weight:400;margin-bottom:30px}
.modal-content .lbl{margin-bottom:0;text-align:left}
.modal-content textarea.form-control{background-color:#efefef;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.25)!important;box-shadow:inset 0 1px 2px rgba(0,0,0,.25)!important;border:1px solid transparent!important;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-o-border-radius:10px;height:65px;margin-bottom:25px;padding:18px 4px;text-align:center}
.modal-content textarea.form-control::placeholder{color:#9f9f9f}
.modal-content textarea.form-control:-ms-input-placeholder{color:#9f9f9f}
.modal-content textarea.form-control::-ms-input-placeholder{color:#9f9f9f}
.modal-content input[type=button]{background-color:#2c67f6;border-color:#2c67f6;-webkit-box-shadow:0 0 6px rgba(52,52,52,.25)!important;box-shadow:0 0 6px rgba(52,52,52,.25)!important;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-o-border-radius:10px;font-size:16px;font-weight:500;text-transform:uppercase;max-width:175px;width:100%}
.modal-content input[type=button]:hover{background:#fff;color:#2c67f6}
.modal-content .btn-close{background:url(../../BCA/images/icons/ico_close_blue.svg) no-repeat center center;border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px;-o-border-radius:12px;opacity:1!important;position:absolute;right:8px;top:8px}

/*.btn-history{background-color:transparent;color:#2c67f6}
.btn-history:hover{background-color:#2c67f6;color:#fff}*/

/*Định dạng nhận diện thương hiệu*/
.box-bg {
    position: relative;
}

    .box-bg .f-left {
        padding-bottom: 55px;
    }

    .box-bg .overlay-image {
        width: 130px;
        transform: rotate(-270deg);
        position: absolute;
        left: -26px;
        bottom: -66px;
        pointer-events: none;
    }

/*    Resonsive Table Hóa đơn*/

.invoice-table {
    width: 100%;
    overflow-x: auto;
}

    .invoice-table table {
        width: 100%;
        border-collapse: collapse;
        min-width: 800px;
    }

    .invoice-table th,
    .invoice-table td {
        padding: 10px;
        border: 1px solid #ddd;
        text-align: left;
        white-space: nowrap;
        background: #fff;
    }

    .invoice-table th {
        background-color: #f4f4f4;
        font-weight: bold;
    }

/* Mobile Responsive: Hiển thị dạng cuộn ngang */
@media (max-width: 768px) {
    .invoice-table {
        display: block;
        overflow-x: auto;
    }
}


/*Khác*/