﻿/*Needed to support font-awesome icons in k-buttons*/
/*.k-button .fa, .k-button .fas {
    font-size: inherit;
    line-height: inherit;
    width: auto;
    height: auto;
    margin-left: 0;
}*/

.btn-20
{
    width: 20px !important;
    height: 20px !important;
    padding: 2px !important;
    min-height: 20px !important;
    min-width: 20px !important;
}

/* Grid Toolbar button size */
.btn-24
{
    width: 24px !important;
    height: 24px !important;
    padding: 2px !important;
    min-height: 24px !important;
    min-width: 24px !important;
}

/* Placed next to drop down list */
.btn-29 {
    width: 24px !important;
    height: 29px !important;
    padding: 2px !important;
    min-height: 29px !important;
    min-width: 24px !important;
}

/* Form Toolbar button size */
.btn-32 {
    width: 32px !important;
    height: 32px !important;
    padding: 2px !important;
    min-height: 32px !important;
    min-width: 32px !important;
}

/* Form Toolbar icon button size */
/*.ico-24 {
    background-size: 24px 24px !important;
}*/

/*.btn-32 > .ico-24 {
    height: 24px;
    width: 24px;
}*/

.ico-20 {
    background-size: 20px 20px !important;
    opacity: 1 !important;
}

.btn-32 > .ico-20 {
    height: 20px;
    width: 20px;
}

.ico-16-upload-black, .ico-16-upload-black:hover, .ico-16-upload-black:focus
{
    background-image: url("Image/1400562817_519623-122_CloudUpload.png");
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: center
}

.ico-16-upload-white-small, .ico-16-upload-white-small:hover, .ico-16-upload-white-small:focus
{
    background-image: url("Image/cloud81.png");
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: center
}

.ico-16-upload-white-large, .ico-16-upload-white-large:hover, .ico-16-upload-white-large:focus
{
    background-image: url("Image/Cloud-Upload.png");
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: center
}

.ico-16-pdf, .ico-16-pdf:hover, .ico-16-pdf:focus {
    background-image: url("Image/UltimateGnome/1463614093_application-pdf.png");
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: center
}

.ico-16-excel, .ico-16-excel:hover, .ico-16-excel:focus {
    background-image: url("Image/UltimateGnome/1463614080_application-vnd.ms-excel.png");
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: center
}

.ico-16-refresh, .ico-16-refresh:hover, .ico-16-refresh:focus {
    background-image: url("Image/UltimateGnome/1463614087_gtk-refresh.png");
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: center
}

.ico-16-add, .ico-16-add:hover, .ico-16-add:focus {
    background-image: url("Image/UltimateGnome/1463614066_gnome-app-install.png");
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: center
}

.ico-16-delete, .ico-16-delete:hover, .ico-16-delete:focus {
    background-image: url("Image/UltimateGnome/1463614385_Gnome-Edit-Delete-32.png");
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: center
}

.ico-16-edit, .ico-16-edit:hover, .ico-16-edit:focus {
    background-image: url("Image/1463599663_edit.png");
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: center
}

.ico-16-save, .ico-16-save:hover, .ico-16-save:focus {
    background-image: url("Image/UltimateGnome/1463614090_filesave.png");
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: center
}

.ico-16-cancel, .ico-16-cancel:hover, .ico-16-cancel:focus {
    background-image: url("Image/UltimateGnome/1463614085_gtk-close.png");
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: center
}

.ico-16-cancel2, .ico-16-cancel2:hover, .ico-16-cancel2:focus {
    background-image: url("Image/1372718870_cancel.png");
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: center
}

.ico-16-list, .ico-16-list:hover, .ico-16-list:focus {
    background-image: url("Image/UltimateGnome/1464377422_document-properties.png");
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: center
}

.ico-16-list2, .ico-16-list2:hover, .ico-16-list2:focus {
    background-image: url("Image/UltimateGnome/1464377422_document-properties2.png");
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: center
}

.ico-16-signin, .ico-16-signin:hover, .ico-16-signin:focus {
    background-image: url("Image/1382270972_list-accept.png");
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: center
}

.ico-16-howto, .ico-16-howto:hover, .ico-16-howto:focus {
    background-image: url("Image/1395964406_How-to.png");
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: center
}

.ico-16-move, .ico-16-move:hover, .ico-16-move:focus {
    background-image: url("Image/UltimateGnome/1464394287_stock_folder-move.png");
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: center
}

.ico-16-search, .ico-16-search:hover, .ico-16-search:focus {
    background-image: url("Image/UltimateGnome/1466464953_file-manager.png");
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: center
}

.ico-16-duplicate, .ico-16-duplicate:hover, .ico-16-duplicate:focus {
    background-image: url("Image/1391570257_tab_duplicate.png");
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: center
}

.ico-24-userinfo, .ico-24-userinfo:hover, .ico-24-userinfo:focus {
    background-image: url("Image/UltimateGnome/1489024630_user-info.png");
    background-repeat: no-repeat;
    background-size: 24px 24px;
    background-position: center
}

.ico-16-dollarsign, .ico-16-dollarsign:hover, .ico-16-dollarsign:focus {
    background-image: url('Image/1491503838_dollarsign.png');
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: center;
}

.ico-16-waiver, .ico-16-waiver:hover, .ico-16-waiver:focus {
    background-image: url('Image/UltimateGnome/1492644580_document-revert.png');
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: center;
}

.ico-16-undowaiver, .ico-16-undowaiver:hover, .ico-16-undowaiver:focus {
    background-image: url('Image/UltimateGnome/undo_return.png');
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: center;
}

.ico-16-envelope, .ico-16-envelope:hover, .ico-16-envelope:focus {
    background-image: url('Image/UltimateGnome/1495477854_mail_generic.png');
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: center;
}

.ico-16-envelope2, .ico-16-envelope2:hover, .ico-16-envelope2:focus {
    background-image: url('Image/UltimateGnome/28391_fwd_mail_icon.png');
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: center;
}

.ico-16-scan, .ico-16-scan:hover, .ico-16-scan:focus {
    background-image: url('Image/UltimateGnome/1495650797_gtk-sort-ascending.png');
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: center;
}

.ico-16-nsf, .ico-16-nsf:hover, .ico-16-nsf:focus {
    background-image: url('Image/UltimateGnome/nsf.png');
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: center;
}

.ico-16-refund, .ico-16-refund:hover, .ico-16-refund:focus {
    background-image: url('Image/UltimateGnome/refund.png');
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: center;
}

.ico-16-editrefund, .ico-16-editrefund:hover, .ico-16-editrefund:focus {
    background-image: url("Image/1463599663_edit.png");
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: center
}

.ico-16-add-multi, .ico-16-add-multi:hover, .ico-16-add-multi:focus {
    background-image: url('Image/UltimateGnome/add-multi.png');
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: center;
}

.ico-16-lock, .ico-16-lock:hover, .ico-16-lock:focus {
    background-image: url('Image/1497635570_lock.png');
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: center;
}

.ico-16-unlock, .ico-16-unlock:hover, .ico-16-unlock:focus {
    background-image: url('Image/unlock_40877.png');
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: center;
}

.ico-16-view, .ico-16-view:hover, .ico-16-view:focus {
    background-image: url('Image/1498857367_view6.png');
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: center;
}

.ico-16-go, .ico-16-go:hover, .ico-16-go:focus {
    background-image: url('Image/UltimateGnome/if_forward_28385.png');
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: center;
}

.ico-16-back, .ico-16-back:hover, .ico-16-back:focus {
    background-image: url('Image/UltimateGnome/if_back_28385.png');
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: center;
}

.ico-16-green-square, .ico-16-green-square:hover, .ico-16-green-square:focus {
    background-image: url('Image/UltimateGnome/emblem-green_28821.png');
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: center;
}

.ico-16-green-square-star, .ico-16-green-square-star:hover, .ico-16-green-square-star:focus {
    background-image: url('Image/UltimateGnome/emblem-green_star_28821.png');
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: center;
}

.ico-16-blue-square, .ico-16-blue-square:hover, .ico-16-blue-square:focus {
    background-image: url('Image/UltimateGnome/if_emblem-cool_28821.png');
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: center;
}

.ico-16-blue-square-star, .ico-16-blue-square-star:hover, .ico-16-blue-square-star:focus {
    background-image: url('Image/UltimateGnome/if_emblem-cool_star_28821.png');
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: center;
}

.ico-16-checkin, .ico-16-checkin:hover, .ico-16-checkin:focus {
    background-image: url('Image/checkin.png');
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: center;
}

.ico-16-checkout, .ico-16-checkout:hover, .ico-16-checkout:focus {
    background-image: url('Image/checkout.png');
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: center;
}

.ico-16-checkout-cancel, .ico-16-checkout-cancel:hover, .ico-16-checkout-cancel:focus {
    background-image: url('Image/checkout-cancel.png');
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: center;
}

.ico-16-download-file, .ico-16-download-file:hover, .ico-16-download-file:focus {
    background-image: url('Image/download-file.png');
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: center;
}

.ico-16-scanner, .ico-16-scanner:hover, .ico-16-scanner:focus {
    background-image: url('Image/1381775977_scanner.png');
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: center;
}

.ico-16-star, .ico-16-star:hover, .ico-16-star:focus {
    background-image: url('Image/UltimateGnome/if_emblem-new_28834.png');
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: center;
}

.ico-16-gear, .ico-16-gear:hover, .ico-16-gear:focus {
    background-image: url('Image/UltimateGnome/if_applications-system_28736.png');
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: center;
}

.ico-16-printer, .ico-16-printer:hover, .ico-16-printer:focus {
    background-image: url('Image/printer.png');
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: center;
}

.ico-16-terminal, .ico-16-terminal:hover, .ico-16-terminal:focus {
    background-image: url('Image/UltimateGnome/if_gnome-terminal_28672.png');
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: center;
}

.ico-16-copymove, .ico-16-copymove:hover, .ico-16-copymove:focus {
    background-image: url('Image/UltimateGnome/if_gtk-fullscreen_28421.png');
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: center;
}

.ico-16-wrench, .ico-16-wrench:hover, .ico-16-wrench:focus {
    background-image: url('Image/if_wrench_383193.png');
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: center;
}

/*.ico-16-wrench::before {
    content: '<i class="fa-solid fa-wrench" aria-hidden="true"></i>'
}*/

.toolbar {
    width: 100%;
    display: flex;
    gap: 4px;
    vertical-align: inherit;
}

.kendo-toolbar {
    width: 100%;
    display: flex;
    gap: 4px;
    align-items: center;
}

.searchOnlyBox {
    width: 100%!important;
}

.toolbarFlexRight {
    display: flex;
    margin-left: auto;
    order: 2;
}

.toolbar-groove {
    border: 1px solid lightgray;
    display: inline-block;
    height: 100%;
}

.kendo-grid-button-notext {
    min-width:20px !important;
    margin:0 5px 0 0 !important;
    padding:0 !important;
    padding-left:10px !important;
    padding-right:5px !important;
}

.ico-16-folder, .ico-16-folder:hover, .ico-16-folder:focus {
    background-image: url('Image/UltimateGnome/folder.png');
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: center;
}

.ico-16-clone, .ico-16-clone:hover, .ico-16-clone:focus {
    background-image: url('Image/UltimateGnome/if_editcopy_28359.png');
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: center;
}

.ico-16-file-upload, .ico-16-file-upload:hover, .ico-16-file-upload:focus {
    background-image: url('Image/Custom/file-upload.png');
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: center;
}

.ico-16-file-checkout, .ico-16-file-checkout:hover, .ico-16-file-checkout:focus {
    background-image: url('Image/Custom/file-checkout.png');
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: center;
}

.ico-16-checked-box, .ico-16-checked-box:hover, .ico-16-checked-box:focus {
    background-image: url('Image/UltimateGnome/1493834973_stock_check-filled.png');
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: center;
}

.ico-attention, .ico-attention:hover, .ico-attention:focus {
    background-image: url('Image/1461868377_143_Attention.png');
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: center;
}

.ico-16-unapply-payment, .ico-16-unapply-payment:hover, .ico-16-unapply-payment:focus {
    background-image: url('Image/UltimateGnome/1496179406_edit-undo.png');
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: center;
}

.ico-16-calendar, .ico-16-calendar:hover, .ico-16-calendar:focus {
    background-image: url('Image/UltimateGnome/calendar_icon.png');
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: center;
}
