        <style>
            .info-box {
                border: 1px solid #ddd;
                border-radius: 4px;
                padding: 10px;
                margin-bottom: 20px;
            }

            .info-box-icon {
              border-top-left-radius: 2px;
              border-top-right-radius: 0;
              border-bottom-right-radius: 0;
              border-bottom-left-radius: 2px;
              display: block;
              float: left;
              height: 60px;
              width: 60px;
              text-align: center;
              font-size: 45px;
              line-height: 60px;
            }

            .info-box-text {
                font-size: 14px;
                margin-bottom: 5px;
            }

            .info-box-number {
                display: block;
                font-size: 24px;
                font-weight: bold;
            }

            .bg-aqua {
                background-color: #00c0ef;
            }

            .bg-green {
                background-color: #00a65a;
            }

            .bg-yellow {
                background-color: #f39c12;
            }
            .bg-pink {
                background-color: #ac58ff;
            }
            .bg-light-red {
                background-color: #ff4040;
            }
            .bg-light-beige {
                background-color: #f2d4c2;
            }
            .bg-dark-brown {
                background-color: #d26700;
            }
            .bg-light-white {
                background-color: #dbdbdb;
            }
            .white-text {
                color: #fff;
            }
            .green {
                background-color: green;
            }
            .sales-table {
                width: 100%;
                border-collapse: collapse;
            }

            .sales-table th,
            .sales-table td {
                padding: 10px;
                text-align: left;
                border: 1px solid #ddd;
            }

            .sales-table th {
                background-color: #f5f5f5;
                font-weight: bold;
            }

            .sales-table tr.green {
                background-color: #c1f9d7;
            }

            .sales-center-table {
                width: 100%;
                border-collapse: collapse;
            }

            .sales-center-table th,
            .sales-center-table td {
                padding: 10px;
                text-align: center;
                border: 1px solid #ddd;
            }

            .sales-center-table th {
                background-color: #f5f5f5;
                font-weight: bold;
            }

            .sales-center-table tr.green {
                background-color: #c1f9d7;
            }

        td.details-control {
            background: url("/back/img/details_open.png")  no-repeat center center;
            cursor: pointer;
        }
        
        tr.details td.details-control {
            background: url("/back/img/details_close.png")  no-repeat center center;
        }
        .details-table {
        margin-right: 60px; /* Adjust the value as needed */
    }


        </style>