.btnAdd {
    background-image: url("/XenUI/uibuttons/blueOpal/icon-add.png");
    background-repeat:no-repeat;
    margin-right: 5px;
    min-width: 45px;
    min-height: 45px;
   
}

    .btnAdd:hover {
        background-image: url("/XenUI/uibuttons/blueOpal/icon-add-hover.png");
        background-repeat:no-repeat;
    }

.btnEdit {
    background-image: url("/XenUI/uibuttons/blueOpal/icon-edit.png");
    background-repeat:no-repeat;
    margin-right: 5px;
    min-width: 45px;
    min-height: 45px;
}

    .btnEdit:hover {
        background-image: url("/XenUI/uibuttons/blueOpal/icon-edit-hover.png");
        background-repeat:no-repeat;
    }

.btnDelete {
    background-image: url("/XenUI/uibuttons/blueOpal/icon-delete.png");
    background-repeat:no-repeat;
    margin-right: 5px;
    min-width: 45px;
    min-height: 45px;
}

    .btnDelete:hover {
        background-image: url("/XenUI/uibuttons/blueOpal/icon-delete-hover.png");
        background-repeat:no-repeat;
    }


.btnClear {
    background-image: url('/XenUI/uibuttons/blueOpal/icon-clear.png');
    background-repeat:no-repeat;
    margin-right: 5px;
    min-width: 45px;
    min-height: 45px;
}

    .btnClear:hover {
        background-image: url('/XenUI/uibuttons/blueOpal/icon-clear-hover.png');
        background-repeat:no-repeat;
    }

.btnRefresh {
    background-image: url("/XenUI/uibuttons/blueOpal/icon-refresh.png");
    background-repeat:no-repeat;
    margin-right: 5px;
    min-width: 45px;
    min-height: 45px;
}

    .btnRefresh:hover {
        background-image: url("/XenUI/uibuttons/blueOpal/icon-refresh-hover.png");
        background-repeat:no-repeat;
    }

.btnSave {
    background-image: url("/XenUI/uibuttons/blueOpal/icon-save.png");
    background-repeat:no-repeat;
    margin-right: 5px;
    min-width: 45px;
    min-height: 45px;
    cursor:pointer;
}

    .btnSave:hover {
        background-image: url("/XenUI/uibuttons/blueOpal/icon-save-hover.png");
        background-repeat:no-repeat;
    }

.btnCancel {
    background-image: url("/XenUI/uibuttons/blueOpal/icon-cancel.png");
    background-repeat:no-repeat;
    margin-right: 5px;
    min-width: 45px;
    min-height: 45px;
    cursor:pointer;
}

    .btnCancel:hover {
        background-image: url("/XenUI/uibuttons/blueOpal/icon-cancel-hover.png");
        background-repeat:no-repeat;
    }

.btnCopy {
    background-image: url("/XenUI/uibuttons/blueOpal/icon-copy.png");
    background-repeat: no-repeat;
    margin-right: 5px;
    min-width: 45px;
    min-height: 45px;
}

    .btnCopy:hover {
        background-image: url("/XenUI/uibuttons/blueOpal/icon-copy-hover.png");
        background-repeat: no-repeat;
    }

    .btnRoleCopy {
    background-image: url("/XenUI/uibuttons/blueOpal/icon-copy.png");
    background-repeat: no-repeat;
    margin-right: 5px;
    min-width: 45px;
    min-height: 45px;
}

    .btnRoleCopy:hover {
        background-image: url("/XenUI/uibuttons/blueOpal/icon-copy-hover.png");
        background-repeat: no-repeat;
    }

.btnView {
    background-image: url("/XenUI/uibuttons/blueOpal/icon-view.png");
    background-repeat:no-repeat;
    margin-right: 5px;
    min-width: 45px;
    min-height: 45px;
}

    .btnView:hover {
        background-image: url("/XenUI/uibuttons/blueOpal/icon-view-hover.png");
        background-repeat:no-repeat;
    }

.btnReset {
    background-image: url("/XenUI/uibuttons/blueOpal/icon-reset.png");
    background-repeat: no-repeat;
    margin-right: 5px;
    min-width: 45px;
    min-height: 45px;
}

    .btnReset:hover {
        background-image: url("/XenUI/uibuttons/blueOpal/icon-reset-hover.png");
        background-repeat: no-repeat;
    }

    .btnDownloadPDF {
    background-image: url("/XenUI/uibuttons/blueOpal/icon-reset.png");
    background-repeat: no-repeat;
    margin-right: 5px;
    min-width: 45px;
    min-height: 45px;
}

    .btnDownloadPDF:hover {
        background-image: url("/XenUI/uibuttons/blueOpal/icon-reset-hover.png");
        background-repeat: no-repeat;
    }

.btnSaveContinue {
    background-image: url("/XenUI/uibuttons/blueOpal/icon-save-continue.png");
    background-repeat: no-repeat;
    margin-right: 5px;
    min-width: 45px;
    min-height: 45px;
}

    .btnSaveContinue:hover {
        background-image: url("/XenUI/uibuttons/blueOpal/icon-save-continue-hover.png");
        background-repeat: no-repeat;
    }

     .btnSubmit {
    background-image: url("/XenUI/uibuttons/blueOpal/icon-submit.png");
    background-repeat: no-repeat;
    margin-right: 5px;
    min-width: 45px;
    min-height: 45px;
}

    .btnSubmit:hover {
        background-image: url("/XenUI/uibuttons/blueOpal/icon-submit-hover.png");
        background-repeat: no-repeat;
    }

    .btnGenerate {
    background-image: url("/XenUI/uibuttons/blueOpal/icon-generate.png");
    background-repeat: no-repeat;
    margin-right: 5px;
    min-width: 45px;
    min-height: 45px;
}

    .btnGenerate:hover {
        background-image: url("/XenUI/uibuttons/blueOpal/icon-generate-hover.png");
        background-repeat: no-repeat;
    }

     .btnGenerateSmall {
    background-image: url("/XenUI/uibuttons/blueOpal/small-icon-generate.png");
    background-repeat: no-repeat;
    margin-right: 5px;
    min-width: 28px;
    min-height: 28px;
    cursor:pointer;
}

    .btnGenerateSmall:hover {
        background-image: url("/XenUI/uibuttons/blueOpal/small-icon-generate-hover.png");
        background-repeat: no-repeat;
    }

     .btnImport {
    background-image: url("/XenUI/uibuttons/blueOpal/icon-import.png");
    background-repeat: no-repeat;
    margin-right: 5px;
    min-width: 45px;
    min-height: 45px;
}

    .btnImport:hover {
        background-image: url("/XenUI/uibuttons/blueOpal/icon-import-hover.png");
        background-repeat: no-repeat;
    }

    .btnApprove {
    background-image: url("/XenUI/uibuttons/blueOpal/icon-approve.png");
    background-repeat: no-repeat;
    margin-right: 5px;
    min-width: 45px;
    min-height: 45px;
}

    .btnApprove:hover {
        background-image: url("/XenUI/uibuttons/blueOpal/icon-approve-hover.png");
        background-repeat: no-repeat;
    }
     .btnReject {
    background-image: url("/XenUI/uibuttons/blueOpal/icon-reject.png");
    background-repeat: no-repeat;
    margin-right: 5px;
    min-width: 45px;
    min-height: 45px;
}

    .btnReject:hover {
        background-image: url("/XenUI/uibuttons/blueOpal/icon-reject-hover.png");
        background-repeat: no-repeat;
    }
     /*.btnPDF {
    background-image: url("/XenUI/uibuttons/blueOpal/icon-pdf.png");
    background-repeat: no-repeat;
    margin-right: 5px;
    min-width: 45px;
    min-height: 45px;
}

    .btnPDF:hover {
        background-image: url("/XenUI/uibuttons/blueOpal/icon-pdf-hover.png");
        background-repeat: no-repeat;
    }*/

     .btnImportSmall {
    background-image: url("/XenUI/uibuttons/blueOpal/small-icon-import.png");
    background-repeat: no-repeat;
    margin-right: 5px;
    min-width: 28px;
    min-height: 28px;
    cursor:pointer;
}

    .btnImportSmall:hover {
        background-image: url("/XenUI/uibuttons/blueOpal/small-icon-import-hover.png");
        background-repeat: no-repeat;
    }
    .btnImportDisabledSmall {
    background-image:  url("/XenUI/uibuttons/blueOpal/small-icon-import.png");
    background-repeat: no-repeat;
    background-color: #E3F0F7; /*!important;*/
    border-radius: 50%;
    margin-right: 5px;
    min-width: 28px;
    min-height: 28px;
    filter: blur(2px);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='2');
    -webkit-filter: blur(1px);
    -moz-filter: blur(2px);
    -o-filter: blur(2px);
    overflow:hidden;
    cursor:pointer;
}

.btnSubmitDisabled {
    background-image: url("/XenUI/uibuttons/blueOpal/icon-submit.png");
    background-repeat: no-repeat;
    background-color: #E3F0F7 !important;
    border-radius: 50%;
    margin-right: 5px;
    min-width: 45px;
    min-height: 45px;
    filter: blur(2px);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='2');
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -o-filter: blur(2px);
    overflow:hidden;
    cursor:pointer;
}

.btnSubmitDisabledSmall {
    background-image: url("/XenUI/uibuttons/blueOpal/small-icon-submit.png");
    background-repeat: no-repeat;
    background-color: #E3F0F7 !important;
    border-radius: 50%;
    margin-right: 5px;
    min-width: 28px;
    min-height: 28px;
    filter: blur(2px);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='2');
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -o-filter: blur(2px);
    overflow:hidden;
    cursor:pointer;
}

.btnAddDisabledSmall {
    background-image: url("/XenUI/uibuttons/blueOpal/small-icon-add.png");
    background-repeat: no-repeat;
    background-color: #E3F0F7; /*!important;*/
    border-radius: 50%;
    margin-right: 5px;
    min-width: 28px;
    min-height: 28px;
    filter: blur(2px);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='2');
    -webkit-filter: blur(1px);
    -moz-filter: blur(2px);
    -o-filter: blur(2px);
    overflow:hidden;
    cursor:pointer;
}
       .btnSearch {
    background-image: url("/XenUI/uibuttons/blueOpal/icon-search.png");
    background-repeat: no-repeat;
    margin-right: 5px;
    min-width: 45px;
    min-height: 45px;
    cursor:pointer;
}

    .btnSearch:hover {
        background-image: url("/XenUI/uibuttons/blueOpal/icon-search-hover.png");
        background-repeat: no-repeat;
    }

      .btnSearchSmall {
    background-image: url("/XenUI/uibuttons/blueOpal/small-icon-search.png");
    background-repeat: no-repeat;
    margin-right: 5px;
    min-width: 28px;
    min-height: 28px;
    cursor:pointer;
}

    .btnSearchSmall:hover {
        background-image: url("/XenUI/uibuttons/blueOpal/small-icon-search-hover.png");
        background-repeat: no-repeat;
    }

.btnShield {
    background-image: url("/XenUI/uibuttons/blueOpal/shield/icon-shield.png");
    background-repeat: no-repeat;
    margin-right: 5px;
    min-width: 45px;
    min-height: 45px;
    cursor:pointer;
}

  .btnAddSmall {
    background-image: url("/XenUI/uibuttons/blueOpal/small-icon-add.png");
    background-repeat: no-repeat;
    margin-right: 5px;
    min-width: 28px;
    min-height: 28px;
    cursor:pointer;
}

    .btnAddSmall:hover {
        background-image: url("/XenUI/uibuttons/blueOpal/small-icon-add-hover.png");
        background-repeat: no-repeat;
    }

     .btnEditSmall {
    background-image: url("/XenUI/uibuttons/blueOpal/small-icon-edit.png");
    background-repeat: no-repeat;
    margin-right: 5px;
    min-width: 28px;
    max-height: 28px;
    cursor:pointer;
}

    .btnEditSmall:hover {
         background-position: 0 -51px;
        background-image: url("/XenUI/uibuttons/blueOpal/small-icon-edit-hover.png");
        background-repeat: no-repeat;
    }

     .btnDeleteSmall {
    background-image: url("/XenUI/uibuttons/blueOpal/small-icon-delete.png");
    background-repeat: no-repeat;
    margin-right: 5px;
    min-width: 28px;
    min-height: 28px;
    cursor:pointer;
}

    .btnDeleteSmall:hover {
       background-image: url("/XenUI/uibuttons/blueOpal/small-icon-delete-hover.png");
       background-repeat: no-repeat;
    }

.btnSubmitSmall {
    background-image: url("/XenUI/uibuttons/blueOpal/small-icon-submit.png");
    background-repeat: no-repeat;
    margin-right: 5px;
    min-width: 28px;
    min-height: 28px;
    cursor:pointer;
}

    .btnSubmitSmall:hover {
        background-image: url("/XenUI/uibuttons/blueOpal/small-icon-submit-hover.png");
        background-repeat: no-repeat;
    }


.btnCancelSmall {
    background-image: url("/XenUI/uibuttons/blueOpal/small-icon-cancel.png");
    background-repeat: no-repeat;
    margin-right: 5px;
    min-width: 28px;
    min-height: 28px;
    cursor:pointer;
}

    .btnCancelSmall:hover {
        background-image: url("/XenUI/uibuttons/blueOpal/small-icon-cancel-hover.png");
        background-repeat: no-repeat;
    }

    .preloaderImageDiv {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    background-color:#000000;
    z-index: 100;
    opacity: 0.50;
}

.preloaderImage1 {
    /*background-image: url('../uibuttons/blueOpal/preloader/Newloder.GIF');*/
    background-image: url('../uibuttons/loading-gif-50x50.gif');
    /*background-image: url('../../../../XenUI/uibuttons/blueOpal/preloader/Blueopal.GIF');*/
    background-repeat: no-repeat;
    left: 40%;
    top: 40%;
    /*width: 20% !important;
    height: 30% !important;*/
    width:50px!important;
    height:50px!important;
    position: absolute !important;
    z-index: 200 !important;
    opacity: 1;
}

.preloaderImage {
    background-image: url('../uibuttons/loading-gif-50x50.gif');
    background-repeat: no-repeat;
    left: 50%;
    top: 50%;  
    width:50px!important;
    height:50px!important;
    position: absolute!important;
    z-index: 200 !important;
    opacity: 1;
    margin-left: -25px; 
    margin-top: -25px; 
}
.red {  
  color: red;
}
.yellow {  
  color: #FF8000;
}

.blue {  
  color: blue;
}

.green {  
  color: green;
}