.x-window-default, .x-panel-default-framed {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    border-width: 2px !important;
}

#tabPanel .x-box-inner {
    top: 2px !important;
    left: 2px !important;
    right: 2px !important;
}

.header {
    height: 70px;
    width: 100%;
    background-color: #000000 !important; /*400C24*/
    float: left;
    color: #000000;
}

.BorderedWindow {
    border: none;
    /*border-width: 0px;*/
    /*border-color: #ffffff;*/
    border-radius: 10px;
}

.myReadOnly {
    background-color: silver !important;
}

.x-form-trigger .x-form-trigger-default .x-form-date-trigger .x-form-date-trigger-default {
    background-color: red !important;
    color: white !important;
}

.linkClass {
    cursor: pointer;
    text-decoration: underline;
}
/*.x-header{
    background-color: #15b4f0; /*400C24*/
/*  border-color:#15b4f0!important;
}*/
.cellLink {
    text-decoration: underline;
}

.x-panel {
    //border-color:#15b4f0 !important;
}

.x-tab-bar-default-top .x-box-scroller-tab-bar-default {
    margin-top: -16px !important;
    background-color: #808080;
}

.x-tab-bar-top > .x-tab-bar-strip-default {
    background-color: #ffffff !important;
}

.x-tab-bar-top > .x-tab-bar-body-default {
    padding-bottom: 0px !important;
}

.x-tab-bar-top > .x-tab-bar-strip-default {
    border-style: solid;
    border-color: #231f20;
    background-color: #231f20;
    height: 4px !important;
}

.x-btn-default-small {
    border-width: 0px !important;
    background-color: #231f20 !important;
    background-image: none !important;
}

.x-toolbar-footer {
    background-color: transparent;
}

.x-btn-default-large {
    border-color: #126daf;
}

/*NEW*/
.x-window-header-default {
    font-size: 13px;
    border-color: #231f20;
    background-color: #231f20;
}

.x-tab-default {
    border-color: #231f20;
    cursor: pointer;
}

.x-tab-default-top {
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    -moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    /*border-color: #ffffff;*/
    padding: 4px 12px 6px 12px;
    border-width: 1px;
    border-style: solid;
    background-color: #808080;
    top: 1px !important;
}

.x-tab-default-top-disabled {
    background-color: red !important;
}

.x-box-scroller-body-vertical, .x-box-scroller-body-horizontal {
    background-color: #231f20;
}
/*.x-tab.x-tab-active.x-tab-default {
    border-color: #231f20;
    background-color: #000000;
   
}*/

/*TEXTFIELDS*/
.x-form-trigger-wrap-default {
    /*border-color: yellow !important;*/
    /*border-color: #a5a7aa !important;*/
}

.x-form-trigger-wrap-focus {
    border-color: #808080;
}

.x-form-trigger-wrap-invalid {
    border-color: #cf4c35 !important;
}
/*GRIDS*/
.x-panel-default-outer-border-trl {
    border-right-color: #231f20;
    border-top-color: #231f20;
    border-left-color: #231f20;
}

.x-panel-default-outer-border-rbl {
    border-right-color: #231f20;
    border-bottom-color: #231f20;
    border-left-color: #231f20;
}
/*TABS*/
.x-window-default, .x-panel-default-framed {
    border-width: 0px !important;
    border-radius: 8px !important;
}

.x-tab.x-tab-active.x-tab-default {
    border-color: #ffffff;
    background-color: #fff;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

    .x-tab.x-tab-active.x-tab-default .x-tab-inner-default {
        color: #0c0c0c;
    }

.x-tab.x-tab-disabled.x-tab-default {
    border-width: 0px;
    background-color: #333333 !important;
}
/*on selection */
.x-tab.x-tab-selected.x-tab-default {
    border-color: #b8b6b7;
    background-color: #b8b6b7;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

    .x-tab.x-tab-selected.x-tab-default .x-tab-inner-default {
        color: #656162;
    }

/*on focus */
.x-tab.x-tab-over.x-tab-default {
    border-color: #231f20;
    background-color: #DFD9DB;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

    .x-tab.x-tab-over.x-tab-default .x-tab-inner-default {
        color: #656162;
    }

/*header tab click*/
.x-keyboard-mode .x-tab-focus.x-tab-active.x-tab-default {
    border-color: #fff;
    background-color: #fff;
}

.x-panel-header-default-horizontal.x-header-noborder {
    background-color: #231f20;
}

.x-boundlist-item-over {
    background-color: #f0f0f1;
}

.x-boundlist-selected {
    background-color: #dadada;
}

.x-border-box, .x-border-box * {
    /*ADD ', .x-border-box *' FOR INPUT FIELDS BORDERS*/
    /*color: #000000;*/
    /*border-color: #231f20;*/
    /*background-color: #000000;*/
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
/*.my-tree .x-grid-row .x-grid-cell {
    background-color: #f5f5f5 !important;
}*/

/*grid rows*/
.x-grid-item.x-grid-item-selected {
    background-color: #E0E0E1;
    border-color: #E0E0E1;
}

.x-grid-item.x-grid-item-over {
    background-color: #f0f0f1;
    border-color: #f0f0f1;
}

.x-grid-cell-inner {
    border-color: #f0f0f1;
}


/*close button in window*/
.x-window-header-default .x-tool-img {
    background-color: transparent;
}

.x-panel-header-default .x-tool-tool-el {
    background-color: transparent;
}

.x-box-scroller .x-box-scroller-right .x-box-scroller-tab-bar .x-box-scroller-tab-bar-default .x-unselectable {
    background-color: transparent;
}
/*  TreePanel color and font*/
#exampleTree-body {
    padding-top: 7px;
    padding-bottom: 7px;
}

    #exampleTree-body .x-tree-node-text {
        color: #f0f0f1;
        font-family: OpenSansRegular;
        font-size: 14px;
    }

    #exampleTree-body .x-grid-item-selected .x-tree-node-text {
        color: #E0E0E1;
        border-color: #E0E0E1;
    }

    #exampleTree-body:after {
        content: "";
        background-color: #f0f0f1;
        display: block;
        width: 1px;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
    }

.x-grid-cell-inner-treecolumn {
    padding: 6px 5px 6px 6px;
}

.x-tree-icon {
    color: #f0f0f1;
    font-size: 15px !important;
    line-height: 34px !important;
    margin-right: 6px;
}


.x-btn-default-large {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    padding: 3px 3px 3px 3px;
    border-width: 1px;
    border-style: solid;
    background-image: none;
    background-color: #000000 !important;
    background-image: -webkit-gradient(linear, top, bottom, color-stop(0%, #4c9dd8), color-stop(50%, #000000), color-stop(51%, #358bc9), color-stop(0%, #000000));
    /* background-image: -webkit-linear-gradient(top, #4c9dd8, #000000 50%, #358bc9 51%, #000000); */
    background-image: -moz-linear-gradient(top, #4c9dd8, #000000 50%, #358bc9 51%, #000000);
    background-image: -o-linear-gradient(top, #4c9dd8, #000000 50%, #358bc9 51%, #000000);
    background-image: -ms-linear-gradient(top, #4c9dd8, #000000 50%, #358bc9 51%, #000000);
    background-image: linear-gradient(top,#4c9dd8, #000000 50%, #358bc9 51%, #000000);
}

.x-btn-over.x-btn-default-large {
    background-color: #4c9dd8 !important;
}

.x-title.x-rtl {
    font-weight: bold;
}



/*TWO COLUMN PANELS SELECTOR*/
.x-panel-default-outer-border-trl {
    border-top-color: #e6e6e6 !important;
    border-top-width: 1px !important;
    border-right-color: #e6e6e6 !important;
    border-right-width: 1px !important;
    border-left-color: #e6e6e6 !important;
    border-left-width: 1px !important;
    /*background-color: #808080;*/
}

.x-panel-default-outer-border-rbl {
    border-top-color: #e6e6e6 !important;
    border-top-width: 1px !important;
    border-right-color: #e6e6e6 !important;
    border-right-width: 1px !important;
    border-left-color: #e6e6e6 !important;
    border-left-width: 1px !important;
    border-bottom-color: #e6e6e6 !important;
    border-bottom-width: 1px !important;
}

.x-panel-default-outer-border-rl {
    border-left: 1px #e6e6e6 solid !important;
    border-right: 1px #e6e6e6 solid !important;
    border-top: 1px #e6e6e6 solid !important;
    border-bottom: 1px #e6e6e6 solid !important;
}

.x-form-invalid-icon-default {
    margin: 0px !important;
}

.x-form-error-wrap-default.x-form-error-wrap-side {
    width: 18px !important;
}

#tabPanel-body {
    top: 36px !important;
}

#tabPanel .x-tab-bar-default {
    padding-top: 3px;
}

#block_container {
    text-align: center;
}

#bloc1, #bloc2 {
    float: right;
    display: inline;
}

.genericButton {
    /*width: 180px;*/
    height: 25px;
    margin-left: 5px;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 6px;
    border: 1px solid #231f20;
    background-size: 0px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #231f20 !important;
    color: #ffffff;
}

    .genericButton:hover {
        border: 1px solid #231f20;
        background-size: 0px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
        color: #ffffff;
    }

    .genericButton:focus {
        border: 1px solid #231f20;
        background-size: 0px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
        color: #ffffff;
    }

    .genericButton:active {
        border: 1px solid #231f20;
        background-size: 0px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
        color: #ffffff;
    }

    .genericButton:disabled {
        border: 1px solid #231f20;
        background-size: 0px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
        color: #ffffff;
    }

.addButton {
    width: 40px;
    height: 25px;
    border: 1px solid #4eb558;
    border-radius: 6px;
    background-image: url("../Images/Tools/add.png") !important;
    background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: transparent !important;
    margin-left: 5px;
}

    .addButton:hover {
        border: 1px solid #4eb558;
        background-image: url("../Images/Tools/add.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: transparent !important;
    }

    .addButton:focus {
        border: 1px solid #4eb558;
        background-image: url("../Images/Tools/add.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: transparent !important;
    }

    .addButton:active {
        border: 1px solid #4eb558;
        background-image: url("../Images/Tools/add.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: transparent !important;
    }

    .addButton:disabled {
        border: 1px solid #4eb558;
        background-image: url("../Images/Tools/add.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: transparent !important;
    }

.parameterButton {
    width: 40px;
    height: 25px;
    border: 1px solid #231f20;
    border-radius: 6px;
    background-image: url("../Images/Tools/parameters.png") !important;
    background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #231f20 !important;
    margin-left: 5px;
}

    .parameterButton:hover {
        border: 1px solid #231f20;
        background-image: url("../Images/Tools/parameters.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .parameterButton:focus {
        border: 1px solid #231f20;
        background-image: url("../Images/Tools/parameters.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .parameterButton:active {
        border: 1px solid #231f20;
        background-image: url("../Images/Tools/parameters.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .parameterButton:disabled {
        border: 1px solid #231f20;
        background-image: url("../Images/Tools/parameters.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

.goButton {
    width: 40px;
    height: 25px;
    border: 1px solid #231f20;
    border-radius: 6px;
    background-image: url("../Images/Tools/go.png") !important;
    background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #231f20 !important;
    margin-left: 5px;
}

    .goButton:hover {
        border: 1px solid #231f20;
        background-image: url("../Images/Tools/go.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .goButton:focus {
        border: 1px solid #231f20;
        background-image: url("../Images/Tools/go.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .goButton:active {
        border: 1px solid #231f20;
        background-image: url("../Images/Tools/go.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .goButton:disabled {
        border: 1px solid #231f20;
        background-image: url("../Images/Tools/go.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

.btnApprovals {
    width: 40px;
    height: 25px;
    border: 1px solid #231f20;
    border-radius: 6px;
    background-image: url("../Images/Tools/approve-all.png") !important;
    background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #231f20 !important;
    margin-left: 5px;
}

    .btnApprovals:hover {
        border: 1px solid #231f20;
        background-image: url("../Images/Tools/approve-all.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .btnApprovals:focus {
        border: 1px solid #231f20;
        background-image: url("../Images/Tools/approve-all.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .btnApprovals:active {
        border: 1px solid #231f20;
        background-image: url("../Images/Tools/approve-all.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .btnApprovals:disabled {
        border: 1px solid #231f20;
        background-image: url("../Images/Tools/approve-all.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

.btnApprovalAll {
    width: 40px;
    height: 25px;
    border: 1px solid #231f20;
    border-radius: 6px;
    background-image: url("../Images/Tools/approve-all.png") !important;
    background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #231f20 !important;
    margin-left: 5px;
}

    .btnApprovalAll:hover {
        border: 1px solid #231f20;
        background-image: url("../Images/Tools/approve-all.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .btnApprovalAll:focus {
        border: 1px solid #231f20;
        background-image: url("../Images/Tools/approve-all.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .btnApprovalAll:active {
        border: 1px solid #231f20;
        background-image: url("../Images/Tools/approve-all.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .btnApprovalAll:disabled {
        border: 1px solid #231f20;
        background-image: url("../Images/Tools/approve-all.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

.btnReject {
    width: 40px;
    height: 25px;
    border: 1px solid #231f20;
    border-radius: 6px;
    background-image: url("../Images/Tools/dismiss-all.png") !important;
    background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #231f20 !important;
    margin-left: 5px;
}

    .btnReject:hover {
        border: 1px solid #231f20;
        background-image: url("../Images/Tools/dismiss-all.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .btnReject:focus {
        border: 1px solid #231f20;
        background-image: url("../Images/Tools/dismiss-all.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .btnReject:active {
        border: 1px solid #231f20;
        background-image: url("../Images/Tools/dismiss-all.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .btnReject:disabled {
        border: 1px solid #231f20;
        background-image: url("../Images/Tools/dismiss-all.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

.Approved {
    width: 40px;
    height: 25px;
    border: 1px solid #231f20;
    border-radius: 6px;
    background-image: url("../Images/Tools/approve-all.png") !important;
    background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #4eb558 !important;
    margin-left: 5px;
}

    .Approved:hover {
        border: 1px solid #231f20;
        background-image: url("../Images/Tools/approve-all.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #4eb558 !important;
    }

    .Approved:focus {
        border: 1px solid #231f20;
        background-image: url("../Images/Tools/approve-all.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #4eb558 !important;
    }

    .Approved:active {
        border: 1px solid #231f20;
        background-image: url("../Images/Tools/approve-all.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #4eb558 !important;
    }

    .Approved:disabled {
        border: 1px solid #231f20;
        background-image: url("../Images/Tools/approve-all.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #4eb558 !important;
    }

.Rejected {
    width: 40px;
    height: 25px;
    border: 1px solid #231f20;
    border-radius: 6px;
    background-image: url("../Images/Tools/dismiss-all.png") !important;
    background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #f44336 !important;
    margin-left: 5px;
}

    .Rejected:hover {
        border: 1px solid #231f20;
        background-image: url("../Images/Tools/dismiss-all.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #f44336 !important;
    }

    .Rejected:focus {
        border: 1px solid #231f20;
        background-image: url("../Images/Tools/dismiss-all.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #f44336 !important;
    }

    .Rejected:active {
        border: 1px solid #231f20;
        background-image: url("../Images/Tools/dismiss-all.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #f44336 !important;
    }

    .Rejected:disabled {
        border: 1px solid #231f20;
        background-image: url("../Images/Tools/dismiss-all.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #f44336 !important;
    }

.selectAllButton {
    width: 100px;
    height: 25px;
    border: 1px solid #231f20;
    border-radius: 6px;
    background-size: 0px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: transparent !important;
    margin-left: 5px;
}

    .selectAllButton:hover {
        border: 1px solid #231f20;
        background-size: 0px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: transparent !important;
    }

    .selectAllButton:focus {
        border: 1px solid #231f20;
        background-size: 0px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: transparent !important;
    }

    .selectAllButton:active {
        border: 1px solid #231f20;
        background-size: 0px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: transparent !important;
    }

    .selectAllButton:disabled {
        border: 1px solid #231f20;
        background-size: 0px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: transparent !important;
    }

.unSelectAllButton {
    width: 100px;
    height: 25px;
    border: 1px solid #231f20;
    border-radius: 6px;
    background-size: 0px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: transparent !important;
    margin-left: 5px;
}

    .unSelectAllButton:hover {
        border: 1px solid #231f20;
        background-size: 0px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: transparent !important;
    }

    .unSelectAllButton:focus {
        border: 1px solid #231f20;
        background-size: 0px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: transparent !important;
    }

    .unSelectAllButton:active {
        border: 1px solid #231f20;
        background-size: 0px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: transparent !important;
    }

    .unSelectAllButton:disabled {
        border: 1px solid #231f20;
        background-size: 0px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: transparent !important;
    }

.buttonIcon {
    border: 0px;
    background-image: none;
    background-color: #ffffff !important;
}

    .buttonIcon:hover {
        border: 0px;
        background-image: none;
        background-color: #ffffff !important;
    }

    .buttonIcon:focus {
        border: 0px;
        background-image: none;
        background-color: #ffffff !important;
    }

    .buttonIcon:active {
        border: 0px;
        background-image: none;
        background-color: #ffffff !important;
    }

    .buttonIcon:disabled {
        border: 0px;
        background-image: none;
        background-color: #ffffff !important;
    }

.infoButton {
    width: 40px;
    height: 25px;
    border: 0px;
    border-radius: 6px;
    background-image: url("../Images/Tools/info.png") !important;
    background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #4355a5 !important;
    margin-left: 5px;
}

    .infoButton:hover {
        background-image: url("../Images/Tools/info.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #4355a5 !important;
    }

    .infoButton:focus {
        background-image: url("../Images/Tools/info.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #4355a5 !important;
    }

    .infoButton:active {
        background-image: url("../Images/Tools/info.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #4355a5 !important;
    }

    .infoButton:disabled {
        background-image: url("../Images/Tools/info.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #4355a5 !important;
    }


.returnButton {
    width: 40px;
    height: 25px;
    border: 0px;
    border-radius: 6px;
    background-image: url("../Images/Tools/return.png") !important;
    background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #2C7693 !important;
    margin-left: 5px;
}

    .returnButton:hover {
        background-image: url("../Images/Tools/return.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #2C7693 !important;
    }

    .returnButton:focus {
        background-image: url("../Images/Tools/return.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #2C7693 !important;
    }

    .returnButton:active {
        background-image: url("../Images/Tools/return.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #2C7693 !important;
    }

    .returnButton:disabled {
        background-image: url("../Images/Tools/return.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #2C7693 !important;
    }

.remarksButton {
    width: 40px;
    height: 25px;
    border: 0px;
    border-radius: 6px;
    background-image: url("../Images/Tools/notes.png") !important;
    background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #90278e !important;
    margin-left: 5px;
}

    .remarksButton:hover {
        background-image: url("../Images/Tools/notes.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #90278e !important;
    }

    .remarksButton:focus {
        background-image: url("../Images/Tools/notes.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #90278e !important;
    }

    .remarksButton:active {
        background-image: url("../Images/Tools/notes.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #90278e !important;
    }

    .remarksButton:disabled {
        background-image: url("../Images/Tools/notes.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #90278e !important;
    }

.previewButton {
    width: 40px;
    height: 25px;
    border: 0px;
    border-radius: 6px;
    background-image: url("../Images/Tools/preview.png") !important;
    background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #231f20 !important;
    margin-left: 5px;
}

    .previewButton:hover {
        background-image: url("../Images/Tools/preview.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .previewButton:focus {
        background-image: url("../Images/Tools/preview.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .previewButton:active {
        background-image: url("../Images/Tools/preview.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .previewButton:disabled {
        background-image: url("../Images/Tools/preview.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

.printButton {
    width: 40px;
    height: 25px;
    border: 0px;
    border-radius: 6px;
    background-image: url("../Images/Tools/print.png") !important;
    background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #231f20 !important;
    margin-left: 5px;
}

    .printButton:hover {
        background-image: url("../Images/Tools/print.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .printButton:focus {
        background-image: url("../Images/Tools/print.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .printButton:active {
        background-image: url("../Images/Tools/print.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .printButton:disabled {
        background-image: url("../Images/Tools/print.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

.syncButton {
    width: 40px;
    height: 25px;
    border: 0px;
    border-radius: 6px;
    background-image: url("../Images/Tools/sync.png") !important;
    background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #231f20 !important;
    margin-left: 5px;
}

    .syncButton:hover {
        background-image: url("../Images/Tools/sync.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .syncButton:focus {
        background-image: url("../Images/Tools/sync.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .syncButton:active {
        background-image: url("../Images/Tools/sync.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .syncButton:disabled {
        background-image: url("../Images/Tools/sync.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

.glButton {
    width: 40px;
    height: 25px;
    border: 0px;
    border-radius: 6px;
    background-image: url("../Images/Tools/gl.png") !important;
    background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #231f20 !important;
    margin-left: 5px;
}

    .glButton:hover {
        background-image: url("../Images/Tools/gl.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .glButton:focus {
        background-image: url("../Images/Tools/gl.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .glButton:active {
        background-image: url("../Images/Tools/gl.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .glButton:disabled {
        background-image: url("../Images/Tools/gl.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

.billingButton {
    width: 40px;
    height: 25px;
    border: 0px;
    border-radius: 6px;
    background-image: url("../Images/Tools/billing.png") !important;
    background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #231f20 !important;
    margin-left: 5px;
}

    .billingButton:hover {
        background-image: url("../Images/Tools/billing.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .billingButton:focus {
        background-image: url("../Images/Tools/billing.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .billingButton:active {
        background-image: url("../Images/Tools/billing.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .billingButton:disabled {
        background-image: url("../Images/Tools/billing.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

.shippingButton {
    width: 40px;
    height: 25px;
    border: 0px;
    border-radius: 6px;
    background-image: url("../Images/Tools/shipping.png") !important;
    background-size: 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #231f20 !important;
    margin-left: 5px;
}

    .shippingButton:hover {
        background-image: url("../Images/Tools/shipping.png") !important;
        background-size: 20px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .shippingButton:focus {
        background-image: url("../Images/Tools/shipping.png") !important;
        background-size: 20px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .shippingButton:active {
        background-image: url("../Images/Tools/shipping.png") !important;
        background-size: 20px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .shippingButton:disabled {
        background-image: url("../Images/Tools/shipping.png") !important;
        background-size: 20px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

.clearButton {
    width: 40px;
    height: 25px;
    border: 0px;
    border-radius: 6px;
    background-image: url("../Images/Tools/clear.png") !important;
    background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #f44336 !important;
    margin-left: 5px;
}

    .clearButton:hover {
        background-image: url("../Images/Tools/clear.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #f44336 !important;
    }

    .clearButton:focus {
        background-image: url("../Images/Tools/clear.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #f44336 !important;
    }

    .clearButton:active {
        background-image: url("../Images/Tools/clear.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #f44336 !important;
    }

    .clearButton:disabled {
        background-image: url("../Images/Tools/clear.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #f44336 !important;
    }

.clearImageButton {
    width: 30px;
    height: 25px;
    border: 0px;
    border-radius: 6px;
    background-image: url("../Images/Tools/clear.png") !important;
    background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #f44336 !important;
    margin-left: 5px;
}

    .clearImageButton:hover {
        background-image: url("../Images/Tools/clear.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #f44336 !important;
    }

    .clearImageButton:focus {
        background-image: url("../Images/Tools/clear.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #f44336 !important;
    }

    .clearImageButton:active {
        background-image: url("../Images/Tools/clear.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #f44336 !important;
    }

    .clearImageButton:disabled {
        background-image: url("../Images/Tools/clear.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #f44336 !important;
    }

.removeButton {
    width: 40px;
    height: 25px;
    border: 0px;
    border-radius: 6px;
    background-image: url("../Images/Tools/cancelWhite.png") !important;
    background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #0A4164 !important;
    margin-left: 5px;
}

    .removeButton:hover {
        background-image: url("../Images/Tools/cancelWhite.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #0A4164 !important;
    }

    .removeButton:focus {
        background-image: url("../Images/Tools/cancelWhite.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #0A4164 !important;
    }

    .removeButton:active {
        background-image: url("../Images/Tools/cancelWhite.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #0A4164 !important;
    }

    .removeButton:disabled {
        background-image: url("../Images/Tools/cancelWhite.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #0A4164 !important;
    }

.clearAllButton {
    width: 40px;
    height: 25px;
    border: 0px;
    border-radius: 6px;
    background-image: url("../Images/Tools/clear.png") !important;
    background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #2874A6 !important;
    margin-left: 5px;
}

    .clearAllButton:hover {
        background-image: url("../Images/Tools/clear.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #2874A6 !important;
    }

    .clearAllButton:focus {
        background-image: url("../Images/Tools/clear.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #2874A6 !important;
    }

    .clearAllButton:active {
        background-image: url("../Images/Tools/clear.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #2874A6 !important;
    }

    .clearAllButton:disabled {
        background-image: url("../Images/Tools/clear.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #2874A6 !important;
    }

.applyButton {
    width: 40px;
    height: 25px;
    border: 0px;
    border-radius: 6px;
    background-image: url("../Images/Tools/apply.png") !important;
    background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #4eb558 !important;
    margin-left: 5px;
}

    .applyButton:hover {
        background-image: url("../Images/Tools/apply.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #4eb558 !important;
    }

    .applyButton:focus {
        background-image: url("../Images/Tools/apply.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #4eb558 !important;
    }

    .applyButton:active {
        background-image: url("../Images/Tools/apply.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #4eb558 !important;
    }

    .applyButton:disabled {
        background-image: url("../Images/Tools/apply.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #4eb558 !important;
    }

.unapplyButton {
    width: 40px;
    height: 25px;
    border: 0px;
    border-radius: 6px;
    background-image: url("../Images/Tools/cancelWhite.png") !important;
    background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #A02F13 !important;
    margin-left: 5px;
}

    .unapplyButton:hover {
        background-image: url("../Images/Tools/cancelWhite.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #A02F13 !important;
    }

    .unapplyButton:focus {
        background-image: url("../Images/Tools/cancelWhite.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #A02F13 !important;
    }

    .unapplyButton:active {
        background-image: url("../Images/Tools/cancelWhite.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #A02F13 !important;
    }

    .unapplyButton:disabled {
        background-image: url("../Images/Tools/cancelWhite.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #A02F13 !important;
    }

.saveButton {
    width: 40px;
    height: 25px;
    border: 0px;
    border-radius: 6px;
    background-image: url("../Images/Tools/save.png") !important;
    background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #4eb558 !important;
    margin-left: 5px;
}

    .saveButton:hover {
        background-image: url("../Images/Tools/save.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #4eb558 !important;
    }

    .saveButton:focus {
        background-image: url("../Images/Tools/save.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #4eb558 !important;
    }

    .saveButton:active {
        background-image: url("../Images/Tools/save.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #4eb558 !important;
    }

    .saveButton:disabled {
        background-image: url("../Images/Tools/save.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #4eb558 !important;
    }

.attachementButton {
    width: 40px;
    height: 25px;
    border: 0px;
    border-radius: 6px;
    background-image: url("../Images/Tools/attachment.png") !important;
    background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #9B1944 !important;
    margin-left: 5px;
}

    .attachementButton:hover {
        background-image: url("../Images/Tools/attachment.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #9B1944 !important;
    }

    .attachementButton:focus {
        background-image: url("../Images/Tools/attachment.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #9B1944 !important;
    }

    .attachementButton:active {
        background-image: url("../Images/Tools/attachment.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #9B1944 !important;
    }

    .attachementButton:disabled {
        background-image: url("../Images/Tools/attachment.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #9B1944 !important;
    }

.SerialLotButton {
    width: 40px;
    height: 25px;
    border: 0px;
    border-radius: 6px;
    background-image: url("../Images/Tools/lotrtracking-icon.png") !important;
    background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #F2F3F4 !important;
    margin-left: 5px;
}

    .SerialLotButton:hover {
        background-image: url("../Images/Tools/lotrtracking-icon.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #F2F3F4 !important;
    }

    .SerialLotButton:focus {
        background-image: url("../Images/Tools/lotrtracking-icon.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #F2F3F4 !important;
    }

    .SerialLotButton:active {
        background-image: url("../Images/Tools/lotrtracking-icon.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #F2F3F4 !important;
    }

    .SerialLotButton:disabled {
        background-image: url("../Images/Tools/lotrtracking-icon.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #F2F3F4 !important;
    }

.startJobButton {
    width: 40px;
    height: 25px;
    border: 0px;
    border-radius: 6px;
    background-image: url("../Images/Tools/play.png") !important;
    background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #4eb558 !important;
    margin-left: 5px;
}

    .startJobButton:hover {
        background-image: url("../Images/Tools/play.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #4eb558 !important;
    }

    .startJobButton:focus {
        background-image: url("../Images/Tools/play.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #4eb558 !important;
    }

    .startJobButton:active {
        background-image: url("../Images/Tools/play.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #4eb558 !important;
    }

    .startJobButton:disabled {
        background-image: url("../Images/Tools/play.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #4eb558 !important;
    }

.copyButton {
    width: 40px;
    height: 25px;
    border: 0px;
    border-radius: 6px;
    background-image: url("../Images/Tools/copy.png") !important;
    background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #CD5C5C !important;
    margin-left: 5px;
}

    .copyButton:hover {
        background-image: url("../Images/Tools/copy.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #CD5C5C !important;
    }

    .copyButton:focus {
        background-image: url("../Images/Tools/copy.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #CD5C5C !important;
    }

    .copyButton:active {
        background-image: url("../Images/Tools/copy.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #CD5C5C !important;
    }

    .copyButton:disabled {
        background-image: url("../Images/Tools/copy.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #CD5C5C !important;
    }

.verifyButton {
    width: 40px;
    height: 25px;
    border: 0px;
    border-radius: 6px;
    background-image: url("../Images/Tools/checkmark-icon.png") !important;
    background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #047DFA !important;
    margin-left: 5px;
}

    .verifyButton:hover {
        background-image: url("../Images/Tools/checkmark-icon.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #047DFA !important;
    }

    .verifyButton:focus {
        background-image: url("../Images/Tools/checkmark-icon.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #047DFA !important;
    }

    .verifyButton:active {
        background-image: url("../Images/Tools/checkmark-icon.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #047DFA !important;
    }

    .verifyButton:disabled {
        background-image: url("../Images/Tools/checkmark-icon.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #047DFA !important;
    }

.unverifyButton {
    width: 40px;
    height: 25px;
    border: 0px;
    border-radius: 6px;
    background-image: url("../Images/Tools/unverify-icon.png") !important;
    background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #047DFA !important;
    margin-left: 5px;
}

    .unverifyButton:hover {
        background-image: url("../Images/Tools/unverify-icon.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #047DFA !important;
    }

    .unverifyButton:focus {
        background-image: url("../Images/Tools/unverify-icon.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #047DFA !important;
    }

    .unverifyButton:active {
        background-image: url("../Images/Tools/unverify-icon.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #047DFA !important;
    }

    .unverifyButton:disabled {
        background-image: url("../Images/Tools/unverify-icon.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #047DFA !important;
    }

.SaveClearButton {
    width: 40px;
    height: 25px;
    border: 0px;
    border-radius: 6px;
    background-image: url("../Images/Tools/saveclear.png") !important;
    background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #231f20 !important;
    margin-left: 5px;
}

    .SaveClearButton:hover {
        background-image: url("../Images/Tools/saveclear.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .SaveClearButton:focus {
        background-image: url("../Images/Tools/saveclear.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .SaveClearButton:active {
        background-image: url("../Images/Tools/saveclear.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .SaveClearButton:disabled {
        background-image: url("../Images/Tools/saveclear.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

.postButton {
    width: 40px;
    height: 25px;
    border: 0px;
    border-radius: 6px;
    background-image: url("../Images/Tools/post.png") !important;
    background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #231f20 !important;
    margin-left: 5px;
}

    .postButton:hover {
        background-image: url("../Images/Tools/post.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .postButton:focus {
        background-image: url("../Images/Tools/post.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .postButton:active {
        background-image: url("../Images/Tools/post.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .postButton:disabled {
        background-image: url("../Images/Tools/post.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

.lockButton {
    width: 40px;
    height: 25px;
    border: 0px;
    border-radius: 6px;
    background-image: url("../Images/Tools/lock.png") !important;
    background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #231f20 !important;
    margin-left: 5px;
}

    .lockButton:hover {
        background-image: url("../Images/Tools/lock.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .lockButton:focus {
        background-image: url("../Images/Tools/lock.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .lockButton:active {
        background-image: url("../Images/Tools/lock.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .lockButton:disabled {
        background-image: url("../Images/Tools/lock.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

.unlockButton {
    width: 40px;
    height: 25px;
    border: 0px;
    border-radius: 6px;
    background-image: url("../Images/Tools/unlock.png") !important;
    background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #231f20 !important;
    margin-left: 5px;
}

    .unlockButton:hover {
        background-image: url("../Images/Tools/unlock.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .unlockButton:focus {
        background-image: url("../Images/Tools/unlock.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .unlockButton:active {
        background-image: url("../Images/Tools/unlock.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .unlockButton:disabled {
        background-image: url("../Images/Tools/unlock.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

.lockSiteButton {
    width: 40px;
    height: 25px;
    border: 0px;
    border-radius: 6px;
    background-image: url("../Images/Tools/lock.png") !important;
    background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #231f20 !important;
    margin-left: 5px;
}

    .lockSiteButton:hover {
        background-image: url("../Images/Tools/lock.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .lockSiteButton:focus {
        background-image: url("../Images/Tools/lock.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .lockSiteButton:active {
        background-image: url("../Images/Tools/lock.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .lockSiteButton:disabled {
        background-image: url("../Images/Tools/lock.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

.unlockSiteButton {
    width: 40px;
    height: 25px;
    border: 0px;
    border-radius: 6px;
    background-image: url("../Images/Tools/unlock.png") !important;
    background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #231f20 !important;
    margin-left: 5px;
}

    .unlockSiteButton:hover {
        background-image: url("../Images/Tools/unlock.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .unlockSiteButton:focus {
        background-image: url("../Images/Tools/unlock.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .unlockSiteButton:active {
        background-image: url("../Images/Tools/unlock.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .unlockSiteButton:disabled {
        background-image: url("../Images/Tools/unlock.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

.cancelButton {
    width: 40px;
    height: 25px;
    border: 0px;
    border-radius: 6px;
    background-image: url("../Images/Tools/cancelWhite.png") !important;
    background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #808080 !important;
    margin-left: 5px;
}

    .cancelButton:hover {
        background-image: url("../Images/Tools/cancelWhite.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #808080 !important;
    }

    .cancelButton:focus {
        background-image: url("../Images/Tools/cancelWhite.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #808080 !important;
    }

    .cancelButton:active {
        background-image: url("../Images/Tools/cancelWhite.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #808080 !important;
    }

    .cancelButton:disabled {
        background-image: url("../Images/Tools/cancelWhite.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #808080 !important;
    }

.mcrButton {
    width: 25px;
    height: 25px;
    border: 0px;
    border-radius: 6px;
    background-image: url("../Images/Tools/mcr.png") !important;
    background-size: 14px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #231f20 !important;
    margin-left: 5px;
}

    .mcrButton:hover {
        background-image: url("../Images/Tools/mcr.png") !important;
        background-size: 14px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .mcrButton:focus {
        background-image: url("../Images/Tools/mcr.png") !important;
        background-size: 14px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .mcrButton:active {
        background-image: url("../Images/Tools/mcr.png") !important;
        background-size: 14px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .mcrButton:disabled {
        background-image: url("../Images/Tools/mcr.png") !important;
        background-size: 14px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }


.terminateButton {
    width: 40px;
    height: 25px;
    border: 0px;
    border-radius: 6px;
    background-image: url("../Images/Tools/cancelWhite.png") !important;
    background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #ff0001 !important;
    margin-left: 5px;
}

    .terminateButton:hover {
        background-image: url("../Images/Tools/cancelWhite.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #ff0001 !important;
    }

    .terminateButton:focus {
        background-image: url("../Images/Tools/cancelWhite.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #ff0001 !important;
    }

    .terminateButton:active {
        background-image: url("../Images/Tools/cancelWhite.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #ff0001 !important;
    }

    .terminateButton:disabled {
        background-image: url("../Images/Tools/cancelWhite.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #ff0001 !important;
    }


.customCombo {
    outline: none !important;
    border-radius: 6px;
    border: px solid #231f20 !important;
    margin-left: 5px;
}

.customInput {
    outline: none !important;
    border: 0px solid blue !important;
    border-radius: 6px;
    background: none !important;
    background-image: none !important;
}

.wfButton {
    width: 40px;
    height: 25px;
    border: 0px;
    border-radius: 6px;
    background-image: url("../Images/Tools/workflow.png") !important;
    background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #231f20 !important;
    margin-left: 5px;
}

    .wfButton:hover {
        background-image: url("../Images/Tools/workflow.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .wfButton:focus {
        background-image: url("../Images/Tools/workflow.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .wfButton:active {
        background-image: url("../Images/Tools/workflow.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .wfButton:disabled {
        background-image: url("../Images/Tools/workflow.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

.consignmentButton {
    width: 40px;
    height: 25px;
    border: 0px;
    border-radius: 6px;
    background-image: url("../Images/Tools/consignment.png") !important;
    background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #231f20 !important;
    margin-left: 5px;
}

    .consignmentButton:hover {
        background-image: url("../Images/Tools/consignment.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .consignmentButton:focus {
        background-image: url("../Images/Tools/consignment.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .consignmentButton:active {
        background-image: url("../Images/Tools/consignment.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .consignmentButton:disabled {
        background-image: url("../Images/Tools/consignment.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

.invoiceButton {
    width: 40px;
    height: 25px;
    border: 0px;
    border-radius: 6px;
    background-image: url("../Images/Tools/invoice.png") !important;
    background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #231f20 !important;
    margin-left: 5px;
}

    .invoiceButton:hover {
        background-image: url("../Images/Tools/invoice.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .invoiceButton:focus {
        background-image: url("../Images/Tools/invoice.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .invoiceButton:active {
        background-image: url("../Images/Tools/invoice.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .invoiceButton:disabled {
        background-image: url("../Images/Tools/invoice.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

.orderButton {
    width: 40px;
    height: 25px;
    border: 0px;
    border-radius: 6px;
    background-image: url("../Images/Tools/order.png") !important;
    background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #231f20 !important;
    margin-left: 5px;
}

    .orderButton:hover {
        background-image: url("../Images/Tools/order.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .orderButton:focus {
        background-image: url("../Images/Tools/order.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .orderButton:active {
        background-image: url("../Images/Tools/order.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .orderButton:disabled {
        background-image: url("../Images/Tools/order.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

.importGridButton {
    width: 25px;
    height: 25px;
    border: 0px;
    border-radius: 6px;
    background-image: url("../Images/Tools/import.png") !important;
    background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #231f20 !important;
    margin-left: 5px;
}

    .importGridButton:hover {
        background-image: url("../Images/Tools/import.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .importGridButton:focus {
        background-image: url("../Images/Tools/import.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .importGridButton:active {
        background-image: url("../Images/Tools/import.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .importGridButton:disabled {
        background-image: url("../Images/Tools/import.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

.importButton {
    width: 40px;
    height: 25px;
    border: 0px;
    border-radius: 6px;
    background-image: url("../Images/Tools/import.png") !important;
    background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #231f20 !important;
    margin-left: 5px;
}

    .importButton:hover {
        background-image: url("../Images/Tools/import.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .importButton:focus {
        background-image: url("../Images/Tools/import.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .importButton:active {
        background-image: url("../Images/Tools/import.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .importButton:disabled {
        background-image: url("../Images/Tools/import.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

.importAllButton {
    width: 40px;
    height: 25px;
    border: 0px;
    border-radius: 6px;
    background-image: url("../Images/Tools/importAll.png") !important;
    background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #231f20 !important;
    margin-left: 5px;
}

    .importAllButton:hover {
        background-image: url("../Images/Tools/importAll.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .importAllButton:focus {
        background-image: url("../Images/Tools/importAll.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .importAllButton:active {
        background-image: url("../Images/Tools/importAll.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .importAllButton:disabled {
        background-image: url("../Images/Tools/importAll.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

.previewQTI {
    width: 40px;
    height: 25px;
    border: 0px;
    border-radius: 6px;
    background-image: url("../Images/Tools/quotation-icon.png") !important;
    background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #3D6186 !important;
    margin-left: 5px;
}

    .previewQTI:hover {
        background-image: url("../Images/Tools/quotation-icon.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #3D6186 !important;
    }

    .previewQTI:focus {
        background-image: url("../Images/Tools/quotation-icon.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #3D6186 !important;
    }

    .previewQTI:active {
        background-image: url("../Images/Tools/quotation-icon.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #3D6186 !important;
    }

    .previewQTI:disabled {
        background-image: url("../Images/Tools/quotation-icon.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #3D6186 !important;
    }

.intAccountButton {
    width: 40px;
    height: 25px;
    border: 0px;
    border-radius: 6px;
    background-image: url("../Images/Tools/intAccount.png") !important;
    background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #231f20 !important;
    margin-left: 5px;
}

    .intAccountButton:hover {
        background-image: url("../Images/Tools/intAccount.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .intAccountButton:focus {
        background-image: url("../Images/Tools/intAccount.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .intAccountButton:active {
        background-image: url("../Images/Tools/intAccount.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .intAccountButton:disabled {
        background-image: url("../Images/Tools/intAccount.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

.ivTrxButton {
    width: 40px;
    height: 25px;
    border: 0px;
    border-radius: 6px;
    background-image: url("../Images/Tools/invTransaction.png") !important;
    background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #A76035 !important;
    margin-left: 5px;
}

    .ivTrxButton:hover {
        background-image: url("../Images/Tools/invTransaction.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #A76035 !important;
    }

    .ivTrxButton:focus {
        background-image: url("../Images/Tools/invTransaction.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #A76035 !important;
    }

    .ivTrxButton:active {
        background-image: url("../Images/Tools/invTransaction.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #A76035 !important;
    }

    .ivTrxButton:disabled {
        background-image: url("../Images/Tools/invTransaction.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #A76035 !important;
    }


.SATrxButton {
    width: 40px;
    height: 25px;
    border: 0px;
    border-radius: 6px;
    background-image: url("../Images/Tools/invTransaction.png") !important;
    background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #8C0446 !important;
    margin-left: 5px;
}

    .SATrxButton:hover {
        background-image: url("../Images/Tools/invTransaction.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #8C0446 !important;
    }

    .SATrxButton:focus {
        background-image: url("../Images/Tools/invTransaction.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #8C0446 !important;
    }

    .SATrxButton:active {
        background-image: url("../Images/Tools/invTransaction.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #8C0446 !important;
    }

    .SATrxButton:disabled {
        background-image: url("../Images/Tools/invTransaction.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #8C0446 !important;
    }


.FITrxButton {
    width: 40px;
    height: 25px;
    border: 0px;
    border-radius: 6px;
    background-image: url("../Images/Tools/invTransaction.png") !important;
    background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #3E048C !important;
    margin-left: 5px;
}

    .FITrxButton:hover {
        background-image: url("../Images/Tools/invTransaction.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #3E048C !important;
    }

    .FITrxButton:focus {
        background-image: url("../Images/Tools/invTransaction.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #3E048C !important;
    }

    .FITrxButton:active {
        background-image: url("../Images/Tools/invTransaction.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #3E048C !important;
    }

    .FITrxButton:disabled {
        background-image: url("../Images/Tools/invTransaction.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #3E048C !important;
    }

.agingButton {
    width: 40px;
    height: 25px;
    border: 0px;
    border-radius: 6px;
    background-image: url("../Images/Tools/invTransaction.png") !important;
    background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #A95C68 !important;
    margin-left: 5px;
}

    .agingButton:hover {
        background-image: url("../Images/Tools/invTransaction.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #A95C68 !important;
    }

    .agingButton:focus {
        background-image: url("../Images/Tools/invTransaction.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #A95C68 !important;
    }

    .agingButton:active {
        background-image: url("../Images/Tools/invTransaction.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #A95C68 !important;
    }

    .agingButton:disabled {
        background-image: url("../Images/Tools/invTransaction.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #A95C68 !important;
    }

.dmgButton {
    width: 40px;
    height: 25px;
    border: 0px;
    border-radius: 6px;
    background-image: url("../Images/Tools/invTransaction.png") !important;
    background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #C91E1E !important;
    margin-left: 5px;
}

    .dmgButton:hover {
        background-image: url("../Images/Tools/invTransaction.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #C91E1E !important;
    }

    .dmgButton:focus {
        background-image: url("../Images/Tools/invTransaction.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #C91E1E !important;
    }

    .dmgButton:active {
        background-image: url("../Images/Tools/invTransaction.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #C91E1E !important;
    }

    .dmgButton:disabled {
        background-image: url("../Images/Tools/invTransaction.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #C91E1E !important;
    }

.generateInvButton {
    width: 40px;
    height: 25px;
    border: 0px;
    border-radius: 6px;
    background-image: url("../Images/Tools/generateInv.png") !important;
    background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #231f20 !important;
    margin-left: 5px;
}

    .generateInvButton:hover {
        background-image: url("../Images/Tools/generateInv.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .generateInvButton:focus {
        background-image: url("../Images/Tools/generateInv.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .generateInvButton:active {
        background-image: url("../Images/Tools/generateInv.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .generateInvButton:disabled {
        background-image: url("../Images/Tools/generateInv.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

.generateQTN {
    width: 40px;
    height: 25px;
    border: 0px;
    border-radius: 6px;
    background-image: url("../Images/Tools/generateQTN.png") !important;
    background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #231f20 !important;
    margin-left: 5px;
}

    .generateQTN:hover {
        background-image: url("../Images/Tools/generateQTN.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .generateQTN:focus {
        background-image: url("../Images/Tools/generateQTN.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .generateQTN:active {
        background-image: url("../Images/Tools/generateQTN.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .generateQTN:disabled {
        background-image: url("../Images/Tools/generateQTN.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

.generateButton {
    width: 40px;
    height: 25px;
    border: 0px;
    border-radius: 6px;
    background-image: url("../Images/Tools/generateIcon.png") !important;
    background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #F2F3F4 !important;
    margin-left: 5px;
}

    .generateButton:hover {
        background-image: url("../Images/Tools/generateIcon.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #F2F3F4 !important;
    }

    .generateButton:focus {
        background-image: url("../Images/Tools/generateIcon.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #F2F3F4 !important;
    }

    .generateButton:active {
        background-image: url("../Images/Tools/generateIcon.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #F2F3F4 !important;
    }

    .generateButton:disabled {
        background-image: url("../Images/Tools/generateIcon.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #F2F3F4 !important;
    }

.attachmentButton {
    width: 40px;
    height: 25px;
    border: 0px;
    border-radius: 6px;
    background-image: url("../Images/Tools/attachment.png") !important;
    background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #231f20 !important;
    margin-left: 5px;
}

    .attachmentButton:hover {
        background-image: url("../Images/Tools/attachment.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .attachmentButton:focus {
        background-image: url("../Images/Tools/attachment.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .attachmentButton:active {
        background-image: url("../Images/Tools/attachment.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .attachmentButton:disabled {
        background-image: url("../Images/Tools/attachment.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

.historyButton {
    width: 40px;
    height: 25px;
    border: 0px;
    border-radius: 6px;
    background-image: url("../Images/Tools/history.png") !important;
    background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #231f20 !important;
    margin-left: 5px;
}

    .historyButton:hover {
        background-image: url("../Images/Tools/history.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .historyButton:focus {
        background-image: url("../Images/Tools/history.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .historyButton:active {
        background-image: url("../Images/Tools/history.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .historyButton:disabled {
        background-image: url("../Images/Tools/history.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

.rebuildButton {
    width: 40px;
    height: 25px;
    border: 0px;
    border-radius: 6px;
    background-image: url("../Images/Tools/rebuild.png") !important;
    background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #231f20 !important;
    margin-left: 5px;
}

    .rebuildButton:hover {
        background-image: url("../Images/Tools/rebuild.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .rebuildButton:focus {
        background-image: url("../Images/Tools/rebuild.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .rebuildButton:active {
        background-image: url("../Images/Tools/rebuild.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .rebuildButton:disabled {
        background-image: url("../Images/Tools/rebuild.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }








.loginCon {
    border-radius: 6px;
    box-shadow: hsla(224, 82%, 20%, 0.1) 0px 8px 10px;
}

.loginInput {
    background-color: transparent !important;
    outline: none;
}

.footerNew {
    z-index: 0;
    position: absolute;
    bottom: 0;
    width: 100vw;
    height: 60px;
    align-items: center;
    text-align: center;
    line-height: 6vh;
    font-size: 16px;
    color: #000000;
    background-color: transparent;
}

.formSaveButton {
    width: 60px;
    height: 25px;
    border: 0px;
    border-radius: 6px;
    border: 1px solid #4eb558;
    background-size: 0px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #4eb558 !important;
}

    .formSaveButton:hover {
        border: 1px solid #4eb558;
        background-size: 0px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #4eb558 !important;
    }

    .formSaveButton:focus {
        border: 1px solid #4eb558;
        background-size: 0px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #4eb558 !important;
    }

    .formSaveButton:active {
        border: 1px solid #4eb558;
        background-size: 0px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #4eb558 !important;
    }

    .formSaveButton:disabled {
        border: 1px solid #4eb558;
        background-size: 0px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #4eb558 !important;
    }

.inputPanel {
    border-bottom: 1px solid #666666 !important;
}

.loginGenericButton {
    height: 30px;
    margin-left: 5px;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #666666;
    border-radius: 4px;
    background-size: 0px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #666666 !important;
}

    .loginGenericButton:hover {
        border: 1px solid #231f20;
        background-size: 0px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .loginGenericButton:focus {
        outline: none !important;
        border: 1px solid #231f20;
        background-size: 0px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .loginGenericButton:active {
        outline: none !important;
        border: 1px solid #231f20;
        background-size: 0px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .loginGenericButton:disabled {
        border: 1px solid #000000;
        background-size: 0px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #000000 !important;
    }

.resetPwdButton {
    height: 30px;
    margin-left: 5px;
    padding-left: 10px;
    padding-right: 10px;
    border: 0px;
    border-radius: 6px;
    background-size: 0px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: transparent !important;
}

    .resetPwdButton:hover {
        background-size: 0px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: transparent !important;
    }

    .resetPwdButton:focus {
        background-size: 0px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: transparent !important;
    }

    .resetPwdButton:active {
        background-size: 0px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: transparent !important;
    }

    .resetPwdButton:disabled {
        background-size: 0px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: transparent !important;
    }


.delButton {
    width: 40px;
    height: 25px;
    border: 0px;
    border-radius: 6px;
    background-image: url("../Images/Tools/delBtn.png") !important;
    background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #f44336 !important;
    margin-left: 5px;
}

    .delButton:hover {
        background-image: url("../Images/Tools/delBtn.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #f44336 !important;
    }

    .delButton:focus {
        background-image: url("../Images/Tools/delBtn.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #f44336 !important;
    }

    .delButton:active {
        background-image: url("../Images/Tools/delBtn.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #f44336 !important;
    }

    .delButton:disabled {
        background-image: url("../Images/Tools/delBtn.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #f44336 !important;
    }

.linkBtn {
    /*height: 30px;*/
    /*margin-left: 5px;*/
    padding-left: 10px;
    padding-right: 10px;
    border: 0px;
    border-radius: 6px;
    background-size: 0px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: transparent !important;
}

    .linkBtn:hover {
        background-size: 0px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: transparent !important;
    }

    .linkBtn:focus {
        background-size: 0px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: transparent !important;
    }

    .linkBtn:active {
        background-size: 0px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: transparent !important;
    }

    .linkBtn:disabled {
        background-size: 0px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: transparent !important;
    }

.x-tab .x-unselectable .x-box-item .x-tab-default .x-top x-tab-top .x-tab-default-top {
    opacity: 1;
    background-color: red;
}

.treeButton {
    width: 40px;
    height: 25px;
    border: 0px;
    border-radius: 6px;
    background-image: url("../Images/Tools/tree.png") !important;
    background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #231f20 !important;
    margin-left: 5px;
}

    .treeButton:hover {
        background-image: url("../Images/Tools/tree.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .treeButton:focus {
        background-image: url("../Images/Tools/tree.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .treeButton:active {
        background-image: url("../Images/Tools/tree.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .treeButton:disabled {
        background-image: url("../Images/Tools/tree.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }


.damageButton {
    width: 40px;
    height: 25px;
    border: 0px;
    border-radius: 6px;
    background-image: url("../Images/Tools/damage.png") !important;
    background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #C60303 !important;
    margin-left: 5px;
}

    .damageButton:hover {
        background-image: url("../Images/Tools/damage.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #C60303 !important;
    }

    .damageButton:focus {
        background-image: url("../Images/Tools/damage.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #C60303 !important;
    }

    .damageButton:active {
        background-image: url("../Images/Tools/damage.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #C60303 !important;
    }

    .damageButton:disabled {
        background-image: url("../Images/Tools/damage.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #C60303 !important;
    }


.previewBtn {
    width: 40px;
    height: 25px;
    border: 0px;
    border-radius: 6px;
    background-image: url("../Images/Tools/preview.png") !important;
    background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #231f20 !important;
    margin-left: 5px;
}

    .previewBtn:hover {
        background-image: url("../Images/Tools/preview.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .previewBtn:focus {
        background-image: url("../Images/Tools/preview.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .previewBtn:active {
        background-image: url("../Images/Tools/preview.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .previewBtn:disabled {
        background-image: url("../Images/Tools/preview.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

.delConfirmButton {
    height: 30px;
    margin-right: 4px;
    margin-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    border: 0px;
    border-radius: 6px;
    background-color: #231f20 !important;
}

    .delConfirmButton:hover {
        background-color: #231f20 !important;
    }

    .delConfirmButton:focus {
        background-color: #231f20 !important;
    }

    .delConfirmButton:active {
        background-color: #231f20 !important;
    }

    .delConfirmButton:disabled {
        background-color: #231f20 !important;
    }

.closeWindowButton {
    width: 20px;
    height: 20px;
    border: 0px;
    border-radius: 10px;
    background-image: url("../Images/Tools/cancelBlack.png") !important;
    background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: transparent !important;
    margin-left: 5px;
}

    .closeWindowButton:hover {
        background-image: url("../Images/Tools/cancelBlack.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: transparent !important;
    }

    .closeWindowButton:focus {
        background-image: url("../Images/Tools/cancelBlack.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: transparent !important;
    }

    .closeWindowButton:active {
        background-image: url("../Images/Tools/cancelBlack.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: transparent !important;
    }

    .closeWindowButton:disabled {
        background-image: url("../Images/Tools/cancelBlack.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: transparent !important;
    }

.switchoffblackButton {
    width: 40px;
    height: 25px;
    border: 1px solid #000000 !important;
    border-radius: 6px;
    background-image: url("../Images/Tools/switchoffblack.png") !important;
    background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: transparent !important;
    margin-left: 5px;
}

    .switchoffblackButton:hover {
        border: 1px solid #000000;
        background-image: url("../Images/Tools/switchoffblack.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: transparent !important;
    }

    .switchoffblackButton:focus {
        border: 1px solid #000000;
        background-image: url("../Images/Tools/switchoffblack.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: transparent !important;
    }

    .switchoffblackButton:active {
        border: 1px solid #000000;
        background-image: url("../Images/Tools/switchoffblack.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: transparent !important;
    }

    .switchoffblackButton:disabled {
        border: 1px solid #000000;
        background-image: url("../Images/Tools/switchoffblack.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: transparent !important;
    }

.switchoffgreenButton {
    width: 40px;
    height: 25px;
    border: 1px solid #01a437 !important;
    border-radius: 6px;
    background-image: url("../Images/Tools/switchoffgreen.png") !important;
    background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: transparent !important;
    margin-left: 5px;
}

    .switchoffgreenButton:hover {
        border: 1px solid #000000;
        background-image: url("../Images/Tools/switchoffgreen.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: transparent !important;
    }

    .switchoffgreenButton:focus {
        border: 1px solid #000000;
        background-image: url("../Images/Tools/switchoffgreen.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: transparent !important;
    }

    .switchoffgreenButton:active {
        border: 1px solid #000000;
        background-image: url("../Images/Tools/switchoffgreen.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: transparent !important;
    }

    .switchoffgreenButton:disabled {
        border: 1px solid #000000;
        background-image: url("../Images/Tools/switchoffgreen.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: transparent !important;
    }

.accountBalanceButton {
    width: 40px;
    height: 25px;
    border: 0px;
    border-radius: 6px;
    background-image: url("../Images/Tools/accountBalanceWhite.png") !important;
    background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #90278e !important;
    margin-left: 5px;
}

    .accountBalanceButton:hover {
        background-image: url("../Images/Tools/accountBalanceWhite.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #90278e !important;
    }

    .accountBalanceButton:focus {
        background-image: url("../Images/Tools/accountBalanceWhite.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #90278e !important;
    }

    .accountBalanceButton:active {
        background-image: url("../Images/Tools/accountBalanceWhite.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #90278e !important;
    }

    .accountBalanceButton:disabled {
        background-image: url("../Images/Tools/accountBalanceWhite.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #90278e !important;
    }


.x-datepicker-month .x-btn-inner {
    color: #ffffff !important;
}

.metalsButton {
    width: 40px;
    height: 25px;
    border: 0px;
    border-radius: 6px;
    background-image: url("../Images/Tools/metals-icon.png") !important;
    background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #ADD8E6 !important;
    margin-left: 5px;
}

    .metalsButton:hover {
        background-image: url("../Images/Tools/metals-icon.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #ADD8E6 !important;
    }

    .metalsButton:focus {
        background-image: url("../Images/Tools/metals-icon.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #ADD8E6 !important;
    }

    .metalsButton:active {
        background-image: url("../Images/Tools/metals-icon.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #ADD8E6 !important;
    }

    .metalsButton:disabled {
        background-image: url("../Images/Tools/metals-icon.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #ADD8E6 !important;
    }

.backButton {
    width: 40px;
    height: 25px;
    border: 0px;
    border-radius: 6px;
    background-image: url("../Images/Calendar/back-arrow-icon.png") !important;
    background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #177080 !important;
    margin-left: 5px;
}

    .backButton:hover {
        background-image: url("../Images/Calendar/back-arrow-icon.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #177080 !important;
    }

    .backButton:focus {
        background-image: url("../Images/Calendar/back-arrow-icon.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #177080 !important;
    }

    .backButton:active {
        background-image: url("../Images/Calendar/back-arrow-icon.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #177080 !important;
    }

    .backButton:disabled {
        background-image: url("../Images/Calendar/back-arrow-icon.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #177080 !important;
    }




.sampleButton {
    width: 40px;
    height: 25px;
    border: 0px;
    border-radius: 6px;
    background-image: url("../Images/Tools/sample-icon.png") !important;
    background-size: 12px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #231f20 !important;
    margin-left: 5px;
}

    .sampleButton:hover {
        background-image: url("../Images/Tools/sample-icon.png") !important;
        background-size: 12px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .sampleButton:focus {
        background-image: url("../Images/Tools/sample-icon.png") !important;
        background-size: 12px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .sampleButton:active {
        background-image: url("../Images/Tools/sample-icon.png") !important;
        background-size: 12px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .sampleButton:disabled {
        background-image: url("../Images/Tools/sample-icon.png") !important;
        background-size: 12px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }


.undoTermBtn {
    width: 40px;
    height: 25px;
    border: 0px;
    border-radius: 6px;
    background-image: url("../Images/Tools/undoIcon.png") !important;
    background-size: 16px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #bf1e2e !important;
    margin-left: 5px;
}

    .undoTermBtn:hover {
        background-image: url("../Images/Tools/undoIcon.png") !important;
        background-size: 16px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #bf1e2e !important;
    }

    .undoTermBtn:focus {
        background-image: url("../Images/Tools/undoIcon.png") !important;
        background-size: 16px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #bf1e2e !important;
    }

    .undoTermBtn:active {
        background-image: url("../Images/Tools/undoIcon.png") !important;
        background-size: 16px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #bf1e2e !important;
    }

    .undoTermBtn:disabled {
        background-image: url("../Images/Tools/undoIcon.png") !important;
        background-size: 16px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #bf1e2e !important;
    }

.rightButton {
    width: 10px;
    height: 16px;
    border: 0px;
    border-radius: 8px;
    background-image: url("../Images/Tools/right-icon.png") !important;
    background-size: 8px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: transparent !important;
}

    .rightButton:hover {
        background-image: url("../Images/Tools/right-icon.png") !important;
        background-size: 8px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: transparent !important;
    }

    .rightButton:focus {
        background-image: url("../Images/Tools/right-icon.png") !important;
        background-size: 8px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: transparent !important;
    }

    .rightButton:active {
        background-image: url("../Images/Tools/right-icon.png") !important;
        background-size: 8px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: transparent !important;
    }

    .rightButton:disabled {
        background-image: url("../Images/Tools/right-icon.png") !important;
        background-size: 8px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: transparent !important;
    }

.leftButton {
    width: 10px;
    height: 16px;
    border: 0px;
    border-radius: 8px;
    background-image: url("../Images/Tools/left-icon.png") !important;
    background-size: 8px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: transparent !important;
}

    .leftButton:hover {
        background-image: url("../Images/Tools/left-icon.png") !important;
        background-size: 8px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: transparent !important;
    }

    .leftButton:focus {
        background-image: url("../Images/Tools/left-icon.png") !important;
        background-size: 8px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: transparent !important;
    }

    .leftButton:active {
        background-image: url("../Images/Tools/left-icon.png") !important;
        background-size: 8px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: transparent !important;
    }

    .leftButton:disabled {
        background-image: url("../Images/Tools/left-icon.png") !important;
        background-size: 8px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: transparent !important;
    }

.invInstallementsButton {
    width: 40px;
    height: 25px;
    border: 0px;
    border-radius: 8px;
    background-image: url("../Images/Tools/invoice-installements.png") !important;
    background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #49732F !important;
    margin-left: 5px;
}

    .invInstallementsButton:hover {
        background-image: url("../Images/Tools/invoice-installements.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #49732F !important;
    }

    .invInstallementsButton:focus {
        background-image: url("../Images/Tools/invoice-installements.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #49732F !important;
    }

    .invInstallementsButton:active {
        background-image: url("../Images/Tools/invoice-installements.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #49732F !important;
    }

    .invInstallementsButton:disabled {
        background-image: url("../Images/Tools/invoice-installements.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #49732F !important;
    }

.genDelButton {
    width: 40px;
    height: 25px;
    border: 1px solid #000000 !important;
    border-radius: 6px;
    background-image: url("../Images/Tools/deltruckicon.png") !important;
    background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: transparent !important;
    margin-left: 5px;
}

    .genDelButton:hover {
        border: 1px solid #000000;
        background-image: url("../Images/Tools/deltruckicon.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: transparent !important;
    }

    .genDelButton:focus {
        border: 1px solid #000000;
        background-image: url("../Images/Tools/deltruckicon.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: transparent !important;
    }

    .genDelButton:active {
        border: 1px solid #000000;
        background-image: url("../Images/Tools/deltruckicon.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: transparent !important;
    }

    .genDelButton:disabled {
        border: 1px solid #000000;
        background-image: url("../Images/Tools/order.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: transparent !important;
    }

.refreshForm {
    width: 40px;
    height: 25px;
    border: 0px;
    border-radius: 6px;
    background-image: url("../Images/Tools/refreshIcon.png") !important;
    background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #231f20 !important;
    margin-left: 5px;
}

    .refreshForm:hover {
        background-image: url("../Images/Tools/refreshIcon.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .refreshForm:focus {
        background-image: url("../Images/Tools/refreshIcon.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .refreshForm:active {
        background-image: url("../Images/Tools/refreshIcon.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }

    .refreshForm:disabled {
        background-image: url("../Images/Tools/refreshIcon.png") !important;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #231f20 !important;
    }