/* Base Button Style */
/* Make sure when you add a new button you also add it in the default.skin page or it won't
   work properly.  Also make sure the image is put in the image folder.  If the image doesn't 
   show up on your new button try clearing your browser cache.  You can also try refreshing
   the browser and it will sometimes load too. - Dan C   */
.buttons {
    background-color: #F2F2F2;
    border: 1px solid #b39d9d;
    text-decoration: none;
    color: #565656;
    cursor: pointer;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin: 3px;
    padding: 0.3rem 0.9rem; /* TRouBLe */
    white-space: nowrap;
    font-size: 1em;
    font-weight: bold;
    font-family: Calibri, Arial, sans-serif;
    display: inline-block
}

    .buttons:hover, .buttons:focus {
        background-color: #EAEAEA;
        border: 1px solid #797676;
        color: #336699;
    }

    .buttons:active {
        background-color: #6299c5;
        border: 1px solid #797676;
        color: #fff;
    }

/* Positive Override Style */
.positive {
    color: #529214;
}

    .positive:hover, .positive:focus {
        background-color: #E6EFC2;
        color: #529214;
    }

    .positive:active {
        background-color: #529214;
        color: #fff;
    }

/* Negative Override Style  */
.negative {
    color: #d12f19;
}

    .negative:hover, .negative:focus {
        background-color: #fbe3e4;
        color: #d12f19;
    }

    .negative:active {
        background-color: #d12f19;
        color: #fff;
    }


/* Positive Buttons */
/* Save Button Override Style */
.save_button {
    position: relative;
    padding-left: 25px;
    /*background-image: url(../Images/tick.png);
	background-repeat: no-repeat;
	background-position: 5px center;*/
}

    .save_button:before {
        font-family: "Font Awesome 5 Free";
        content: "\f00c"; /* check */
        left: 8px;
        position: absolute;
        top: 6px;
    }





/* Edit Button Override Style */
.edit_button {
    position: relative;
    padding-left: 25px;
    /*background-image: url(../Images/edit.png);
	background-repeat: no-repeat;
	background-position: 5px center;*/
}

    .edit_button:before {
        font-family: "Font Awesome 5 Free";
        content: "\f044"; /* edit */
        left: 8px;
        position: absolute;
        top: 6px;
    }


/* New Row Override Style */
.new_button {
    position: relative;
    padding-left: 25px;
    /*background-image: url(../Images/add_16x16.gif);
	background-repeat: no-repeat;
	background-position: 5px center;*/
}

    .new_button:before {
        font-family: "Font Awesome 5 Free";
        content: "\f067"; /* plus */
        left: 8px;
        position: absolute;
        top: 6px;
    }


/* Transfer Override Style */
/*.transfer_button
{
}*/

/* Negative Buttons */
/* Cancel Button Override Style */
.cancel_button {
    position: relative;
    padding-left: 25px;
    /*background-image: url(../Images/cancel.png);
    background-repeat: no-repeat;
    background-position: 5px center;*/
}

    .cancel_button:before {
        font-family: "Font Awesome 5 Free";
        content: "\f060"; /* arrow-left */
        left: 8px;
        position: absolute;
        top: 6px;
    }

/* Delete Button Override Style */
.delete_button {
    position: relative;
    padding-left: 25px;
    /*background-image: url(../Images/cross.png);
	background-repeat: no-repeat;
	background-position: 5px center;*/
}

.delete_basic_button {
    position: relative;
    padding-left: 25px;
    /*background-image: url(../Images/cross.png);
	background-repeat: no-repeat;
	background-position: 5px center;*/
}

    .delete_button:before {
        font-family: "Font Awesome 5 Free";
        content: "\f2ed"; /* trash-alt */
        left: 8px;
        position: absolute;
        top: 6px;
    }




/* Clear Button Override Style */
.clear_button {
    position: relative;
    padding-left: 25px;
    /*background-image: url(../Images/eraser.png);
	background-repeat: no-repeat;
	background-position: 5px center;*/
}

    .clear_button:before {
        font-family: "Font Awesome 5 Free";
        content: "\f12d"; /* eraser */
        left: 8px;
        position: absolute;
        top: 6px;
    }





/* Neutral Buttons - Base Style only */
/* Calendar Show/Hide */
.calendar_button {
    position: relative;
    padding-left: 25px;
    /*background-image: url(../Images/calendar.gif);
	background-repeat: no-repeat;
	background-position: 5px center;*/
    /*margin-bottom: 10px;*/
}

    .calendar_button:before {
        font-family: "Font Awesome 5 Free";
        content: "\f783"; /* calendar-day */
        left: 8px;
        position: absolute;
        top: 6px;
    }

/* Email Button Override Style */
.email_button {
    position: relative;
    padding-left: 25px;
    /*background-image: url(../Images/mail.png);
	background-repeat: no-repeat;
	background-position: 5px center;*/
}

    .email_button:before {
        font-family: "Font Awesome 5 Free";
        content: "\f0e0"; /* envelope */
        left: 8px;
        position: absolute;
        top: 6px;
    }


/* Find Button Override Style */
.find_button {
    position: relative;
    padding-left: 25px;
    /*background-image: url(../Images/find.png);
	background-repeat: no-repeat;
	background-position: 5px center;*/
}

    .find_button:before {
        font-family: "Font Awesome 5 Free";
        content: "\f002"; /* search */
        left: 8px;
        position: absolute;
        top: 6px;
    }

/* Open Button Override Style */
.open_button {
    padding-left: 30px;
    background-image: url(../Images/open.png);
    background-repeat: no-repeat;
    background-position: 5px center;
}

/* Vehicle CheckOut Button Override Style */
.vehCheckOut_button {
    position: relative;
    padding-left: 25px;
    /*background-image: url(../Images/car--plus.png);
	background-repeat: no-repeat;
	background-position: 5px center;*/
}

    .vehCheckOut_button:before {
        font-family: "Font Awesome 5 Free";
        content: "\f1b9"; /* car */
        left: 8px;
        position: absolute;
        top: 6px;
    }


/* Vehicle Return Button Override Style */
.vehReturn_button {
    position: relative;
    padding-left: 25px;
    /*background-image: url(../Images/car--minus.png);
    background-repeat: no-repeat;
    background-position: 5px center;*/
}

    .vehReturn_button:before {
        font-family: "Font Awesome 5 Free";
        content: "\f1b9"; /* car */
        left: 8px;
        position: absolute;
        top: 6px;
    }


/* Vehicle Log Button Override Style */
.vehLog_button {
    position: relative;
    padding-left: 25px;
    /*background-image: url(../Images/report.png);
	background-repeat: no-repeat;
	background-position: 5px center;*/
}

    .vehLog_button:before {
        font-family: "Font Awesome 5 Free";
        content: "\f0c6"; /* paperclip */
        left: 8px;
        position: absolute;
        top: 6px;
    }

/* Vehicle Start Recurring button */
.vehRecurringStart_button {
    position: relative;
    padding-left: 25px;
    /*background-image: url(../Images/arrow-circle.png);
	background-repeat: no-repeat;
	background-position: 5px center;*/
}

    .vehRecurringStart_button:before {
        font-family: "Font Awesome 5 Free";
        content: "\f2f1"; /* sync-alt */
        left: 8px;
        position: absolute;
        top: 6px;
    }


/* Vehicle Stop Recurring button */
.vehRecurringStop_button {
    position: relative;
    padding-left: 25px;
    /*background-image: url(../Images/arrow-circle.png);
	background-repeat: no-repeat;
	background-position: 5px center;*/
}

    .vehRecurringStop_button:before {
        font-family: "Font Awesome 5 Free";
        content: "\f2f1"; /* sync-alt */
        left: 8px;
        position: absolute;
        top: 6px;
    }

/* Cart Button Override Style */
.cart_button {
    position: relative;
    padding-left: 25px;
    /*background-image: url(../Images/shopping-basket-plus.png);
	background-repeat: no-repeat;
	background-position: 5px center;*/
}

    .cart_button:before {
        font-family: "Font Awesome 5 Free";
        content: "\f217"; /* cart-plus */
        left: 8px;
        position: absolute;
        top: 6px;
    }

/* Document PDF Button Override Style */
.pdf_button {
    position: relative;
    padding-left: 25px;
    /*background-image: url(../Images/document-pdf.png);
	background-repeat: no-repeat;
	background-position: 5px center;*/
}

    .pdf_button:before {
        font-family: "Font Awesome 5 Free";
        content: "\f1c1"; /* file-pdf */
        left: 8px;
        position: absolute;
        top: 6px;
    }


/* Up Button Override Style */
.up_button {
    position: relative;
    padding-left: 25px;
    /*background-image: url(../Images/up.gif);
	background-repeat: no-repeat;
	background-position: 5px center;*/
}

    .up_button:before {
        font-family: "Font Awesome 5 Free";
        content: "\f062"; /* arrow-up */
        left: 8px;
        position: absolute;
        top: 6px;
    }



/* Down Button Override Style */
.down_button {
    position: relative;
    padding-left: 25px;
    /*background-image: url(../Images/down.gif);
	background-repeat: no-repeat;
	background-position: 5px center;*/
}


    .down_button:before {
        font-family: "Font Awesome 5 Free";
        content: "\f063"; /* arrow-down */
        left: 8px;
        position: absolute;
        top: 6px;
    }





/* Left Button Override Style */
.left_button {
    position: relative;
    padding-left: 25px;
    /*background-image: url(../Images/left.gif);
	background-repeat: no-repeat;
	background-position: 5px center;*/
}

    .left_button:before {
        font-family: "Font Awesome 5 Free";
        content: "\f060"; /* arrow-left */
        left: 8px;
        position: absolute;
        top: 6px;
    }


/* Left Button Arrow Override Style */
.left_button_arrow {
    position: relative;
    padding-left: 25px;
    /*background-image: url(../Images/left.gif);
	background-repeat: no-repeat;
	background-position: 5px center;*/
}

    .left_button_arrow:before {
        font-family: "Font Awesome 5 Free";
        content: "\f060"; /* arrow-left */
        left: 8px;
        position: absolute;
        top: 6px;
    }


/* Right Button Arrow Override Style */
.right_button_arrow {
    position: relative;
    padding-left: 25px;
    /*background-image: url(../Images/right.gif);
	background-repeat: no-repeat;
	background-position: 5px center;*/
}

    .right_button_arrow:before {
        font-family: "Font Awesome 5 Free";
        content: "\f061"; /* arrow-right */
        left: 8px;
        position: absolute;
        top: 6px;
    }


/* Waiting List */
.clock {
    position: relative;
    padding-left: 25px;
    /*background-image: url(../Images/alarm-clock.png);
	background-repeat: no-repeat;
	background-position: 5px center;*/
    margin-bottom: 10px;
}

    .clock:before {
        font-family: "Font Awesome 5 Free";
        content: "\f4fd"; /* user-clock */
        left: 8px;
        position: absolute;
        top: 6px;
    }


/* Reviewed Info */
.reviewed_info_button {
    position: relative;
    padding-left: 25px;
    /*background-image: url(../Images/document-task.png);
	background-repeat: no-repeat;
	background-position: 5px center;*/
}

    .reviewed_info_button:before {
        font-family: "Font Awesome 5 Free";
        content: "\f0ae"; /* tasks */
        left: 8px;
        position: absolute;
        top: 6px;
    }





/* dollar */
.dollar_button {
    position: relative;
    padding-left: 20px;
    /*background-image: url(../Images/Green_Dollar_Icon_16.png);
	background-repeat: no-repeat;
	background-position: 5px center;*/
}

    .dollar_button:before {
        font-family: "Font Awesome 5 Free";
        content: "\f155"; /* dollar-sign */
        left: 8px;
        position: absolute;
        top: 6px;
    }


/* calculator */
.calculator_button {
    position: relative;
    padding-left: 25px;
    /*background-image: url(../Images/Calculator_Icon_16.png);
	background-repeat: no-repeat;
	background-position: 5px center;*/
}

    .calculator_button:before {
        font-family: "Font Awesome 5 Free";
        content: "\f1ec"; /* calculator */
        left: 8px;
        position: absolute;
        top: 6px;
    }


/* about */
.about_button {
    position: relative;
    padding-left: 25px;
    /*background-image: url(../Images/about.png);
	background-repeat: no-repeat;
	background-position: 5px center;*/
}

    .about_button:before {
        font-family: "Font Awesome 5 Free";
        content: "\f05a"; /* info-circle */
        left: 8px;
        position: absolute;
        top: 6px;
    }




/* view */
.view_button {
    background-image: url(../Images/view.png);
    height: 12px;
    width: 10px;
    background-repeat: no-repeat;
    background-position: 5px center;
}

    .view_button:hover {
        transform: scale(1.1);
    }

.print_button {
    position: relative;
    padding-left: 25px;
    /*background-image: url(../Images/print.gif);
	background-repeat: no-repeat;
	background-position: 5px center;*/
}

    .print_button:before {
        font-family: "Font Awesome 5 Free";
        content: "\f02f"; /* print */
        left: 8px;
        position: absolute;
        top: 6px;
    }

.sign_button {
    position: relative;
    padding-left: 25px;
}

    .sign_button:before {
        font-family: "Font Awesome 5 Free";
        content: "\f573"; /* file-signature */
        left: 8px;
        position: absolute;
        top: 6px;
    }


.copy_button {
    position: relative;
    padding-left: 25px;
}

    .copy_button:before {
        font-family: "Font Awesome 5 Free";
        content: "\f0c5"; /* copy */
        left: 8px;
        position: absolute;
        top: 6px;
    }


.filter_button {
    position: relative;
    padding-left: 25px;
}

    .filter_button:before {
        font-family: "Font Awesome 5 Free";
        content: "\f0b0"; /* filter */
        left: 8px;
        position: absolute;
        top: 6px;
    }


.goback_button {
    position: relative;
    padding-left: 25px;
}

    .goback_button:before {
        font-family: "Font Awesome 5 Free";
        content: "\f04a"; /* backward */
        left: 8px;
        position: absolute;
        top: 6px;
    }


.run_button {
    position: relative;
    padding-left: 25px;
}

    .run_button:before {
        font-family: "Font Awesome 5 Free";
        content: "\f70c"; /* running */
        left: 8px;
        position: absolute;
        top: 6px;
    }



.hand_selector_button > td:first-child:before {
    font-family: "Font Awesome 5 Free";
    content: "\f0a4";
    /*left: 38px;
    position: relative;
    top: 6px;*/
    font-size: 1.5em;
}


.export_button {
    position: relative;
    padding-left: 25px;
}

    .export_button:before {
        font-family: "Font Awesome 5 Free";
        content: "\f56e"; /* file-export */
        left: 8px;
        position: absolute;
        top: 6px;
    }

.distribution_button {
    position: relative;
    padding-left: 25px;
    color: #5381bf;
    /*background-image: url(../Images/node-select-all.png);
    background-repeat: no-repeat;
    background-position: 5px center;*/
}

    .distribution_button:before {
        font-family: "Font Awesome 5 Free";
        content: "\f542";
        left: 8px;
        position: absolute;
        top: 6px;
    }

.close_button {
    position: relative;
    padding-left:25px;
   
}

    .close_button:before {
        font-family: "Font Awesome 5 Free";
        content: "\f410"; /* Close Window */
        left: 8px;
        position: absolute;
        top: 6px;
    }