@media only screen and (min-height:740px){
    #layout-clocking-dialog .modal-body
    {
        font-size:120%;
        text-align: center;
        padding-top:2em;
        padding-bottom:2em;
    }
    #layout-clocking-dialog i.fa-check-circle,
    #layout-clocking-dialog i.fa-times-circle
    {
        font-size:2em;
        position:relative;
        top:6px;
    }
}
@media only screen and (max-height:740px)
{
    #layout-clocking-dialog .modal-body
    {
        font-size:100%;
        text-align: center;
        padding-top:0;
        padding-bottom:0;
    }
    #layout-clocking-dialog .modal-title
    {
        font-size:18px;
    }
    .clk-gui-large-only
    {
        display:none;
    }
    #layout-clocking-dialog .modal-header
    {
        padding-top:0;
        padding-bottom:0;
    }

}