

<style>
    .btn {
        font-weight: bolder;
        border-radius: 7px;
        padding: 8px 10px;
        margin-bottom: 5px;
        -webkit-font-smoothing: subpixel-antialiased;
        -webkit-transition: border 0.25s linear, color 0.25s linear, background-color 0.25s linear;
        transition: border 0.25s linear, color 0.25s linear, background-color 0.25s linear;
        /* background-image: linear-gradient(135deg, #f5f7fa 10%, #c3cfe2 100%); */
        background-color: white;
        border: 1px solid #C3CFE2;
        /* border: 1px solid #E2EBF0; */
        color: black;
    }

    .btn:hover {
        background-color: transparent;
       color:red !important; 
    }
    .btn:active {
        background-color: transparent !important;
       /*color:red !important;*/ 
    }
    .btn:before {
        height: 0%;
        width: 1.5px;
    }

    .btn:hover {
        box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, .5),
            7px 7px 20px 0px rgba(0, 0, 0, .1),
            4px 4px 5px 0px rgba(0, 0, 0, .1);
    }
    .fa {
        font-size: 20px !important;
        margin-top: -5px;
    }
    </style>


<div style="overflow: auto; ">

    <table class="table-condensed" style="margin: 0 auto;">

        <tr>

            <td class=" buttonform tooltip-bottom" id="sexcel" style="display: <? Echo $exceldisabled ?>" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Excel">

                <button id='excel' type='submit' name='excel' class="btn btn-pad btn-square" >

                    <i class="fa fa-file-excel-o" style="color:#34a853;" title="Excel"></i>

                </button>

            </td>

            <td class=" buttonform tooltip-bottom" id="ssubmit" style="display: <? Echo $savedisabled ?>" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="View">

                <button id='view' type='submit' formtarget="_blank" name='view' class="btn btn-pad btn-square" >

                    <i class="fa fa-desktop" style="color:#05B2EA"></i>

                </button>

            </td>

<!--            <td class=" buttonform tooltip-bottom" id="ssubmit" style="display: <? Echo $savedisabled ?>" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="View Chart">

                <button id='graph' type='submit' formtarget="_blank" name='graph' class="btn btn-pad btn-square" style="background-color:red; ">

                    <i class="fa fa-download" style="color:#ffffff"></i>

                </button>

            </td>-->

            <td class=" buttonform tooltip-bottom" id="scancel" style="display: <? Echo $canceldisabled ?>" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Close">

                <button id='cancel' type="reset" class="btn btn-pad btn-square "  onClick="window.location.href = '<?= 'default.php' ?>'">

                    <i class="fa fa-power-off" style="color:red"></i>

                </button>

            </td>

        </tr>

    </table>

</div>