#payByQrModal .modal-body{
        height: 530px;
    }

    #payByQrModal .title{
        font-size: 30px;
        text-align: center;
        padding-bottom: 15px;
        color: #FF8515;
    }

     #payByQrModal .copyBtn {
        color: #FFF;
        background: #ff8515ab;
        border-radius: 5px;
        cursor: pointer;
        text-align: center;
        margin-left: 5px;
        width: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
     }

     #payByQrModal .copyBox input {
        width: 75%;
     }

     #payByQrModal .copyBox {
        display: flex;
     }

     #payByQrModal .info {
        display: flex;
        align-items: center;
        /* border: 1px solid #FF8515; */
        border-radius: 8px;
        min-height: 300px;
     }

    #payByQrModal .required  {
        color: red;
     }

    #payByQrModal .box-action {
        display: flex;
        justify-content: center;
        margin: 16px;
     }

    #payByQrModal .btn-paid {
        color: #FFF;
        background-color: #FF8515;
        margin-right: 16px;
        border: none;
    }

    #payByQrModal .form-control {
        background: #fff;
    }

    @media (max-width: 768px) {
        #payByQrModal .title{
            font-size: 20px;
            text-align: center;
            padding-bottom: 15px;
            color: #FF8515;
        }
		#payByQrModal .info {
            display: flex;
            align-items: center;
            flex-direction: column;
            font-size: 12px;
        }

        #payByQrModal .info .col-md-6, #payByQrModal .info .col-md-8, #payByQrModal .info .col-md-4  {
            padding: 3px;
        }

        #payByQrModal .modal-body{
            height: fit-content;
        }

        #payByQrModal .form-group{
           margin-bottom: 0px;
        }

        #payByQrModal .info .box-qr  {
            border-top: 1px solid #FF8515;
        }
	}