/*

    Page:       catdocs_icons.css

    Created:    March 2025
    This Edit:  March 2025

    Created By: Minh Huynh
    Contact:    

*/

.cs-icon-16 {
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    height: 16px !important;
    width: 16px !important;
    cursor: pointer;
    margin-left: 5px !important;
    margin-top: 3px;
}

.no-hover{
    cursor: default !important;
}

.cs-icon-20 {
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    height: 20px !important;
    width: 20px !important;
    margin-left: 10px !important;
}

.cs-icon-24 {
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    height: 24px;
    width: 24px;
    margin-left: 3px !important;
}

img {
    border: 0;
}

.cs-icon-27 {
    height: 27px !important;
    width: 27px !important;
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    padding: 0;
    margin: 0;
    margin-left: 3px !important;
}

.cs-icon-32 {
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    height: 32px !important;
    width: 32px !important;
}

.cs-icon-64 {
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    height: 64px;
    width: 64px;
}

.cs-icon-92 {
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    height: 92px !important;
    width: 92px !important;
    max-height: 92px;
    max-width: 92px;
}

.cs-icon-120 {
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    max-height: 120px;
    max-width: 150px;
}

/* Special cases */
.cs-icon-disabled {
    cursor: no-drop;
}

.cs-icon-faded {
    opacity: 0.3;
}

/*  Main Menu icons */
.cs-menu {
    overflow: hidden;
    width: 55px;
    font-family: "Trebuchet MS", "Helvetica", "sans-serif";
    font-size: 7pt;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 3px;
    text-align: center;
}

/* Icon on title on the middle*/

.tblMainTitle .cs-icon-32 {
    margin-top: 5px !important;
    margin-left: -5px !important;
}

/* SVGs for module icons - menu, headers */
.cs-module-cat-admin {
    background-image: url('/css/svg/cs-module/cs-module-catadmin.svg?v=20220419A');
}

.cs-module-cat-admin-white {
    background-image: url('/css/svg/cs-module/cs-module-catadmin-white.svg?v=20220419A');
}

.cs-module-site-admin {
    background-image: url('/css/svg/cs-module/cs-module-system.svg?v=20220419A');
}

.cs-module-contact {
    background-image: url('/css/svg/cs-module/cs-module-contacts.svg?v=20220419A');
}

.cs-module-proj-admin {
    background-image: url('/css/svg/cs-module/cs-module-project-admin.svg?v=20220419A');
}

.cs-module-projects {
    background-image: url('/css/svg/cs-module/cs-module-projects.svg?v=20220419A');
}

.cs-module-service {
    background-image: url('/css/svg/cs-module/cs-module-service.svg?v=20220419A');
}

.cs-module-support {
    background-image: url('/css/svg/cs-datasheet/cs-datasheet-information.svg?v=20220419A');
}

.cs-module-tender {
    background-image: url('/css/svg/cs-module/cs-module-estimate.svg?v=20220419A');
}

.cs-module-construction {
    background-image: url('/css/svg/cs-module/cs-module-construction.svg?v=20220419A');
}

.cs-module-communication {
    background-image: url('/css/svg/cs-datasheet/cs-datasheet-email.svg?v=20220419A');
}

.cs-module-cat-locker {
    background-image: url('/css/svg/cs-datasheet/cs-datasheet-holder.svg?v=20220419A');
}

.cs-module-trade-letting {
    background-image: url('/css/svg/cs-module/cs-module-trade-letting.svg?v=20250318A');
}


.cs-datasheet-world {
    background-image: url('/css/svg/cs-datasheet/cs-datasheet-holder.svg?v=20220419A');
}

.cs-datasheet-email-phone {
    background-image: url('/css/svg/cs-datasheet/cs-datasheet-email-phone.svg?v=20220419A');
}

/* SVGs for inline datasheet icons */
.cs-datasheet-add {
    background-image: url('/css/svg/cs-datasheet/cs-datasheet-add.svg');
}

.cs-datasheet-file {
    background-image: url('/css/svg/cs-datasheet/cs-datasheet-folder.svg?v=20220419A');
}

.cs-datasheet-file-hover {
    background-image: url('/css/svg/cs-datasheet/cs-datasheet-folder-hover.svg?v=20220419A');
}

.cs-datasheet-view {
    background-image: url('/css/svg/cs-datasheet/cs-datasheet-view.svg?v=20220419A');
}

.cs-datasheet-save {
    background-image: url('/css/svg/cs-datasheet/cs-datasheet-save.svg?v=20220419A');
}

.cs-datasheet-information {
    background-image: url('/css/svg/cs-datasheet/cs-datasheet-information.svg?v=20220419A');
}

.cs-datasheet-delete {
    background-image: url('/css/svg/cs-datasheet/cs-datasheet-delete.svg?v=20220419A');
}

.cs-datasheet-document {
    background-image: url('/css/svg/cs-datasheet/cs-datasheet-document.svg?v=20220419A');
}

.cs-datasheet-document-readonly {
    background-image: url('/css/svg/cs-datasheet/cs-datasheet-document-readonly.svg?v=20220419A');
}

.cs-datasheet-pencil {
    background-image: url('/css/svg/cs-datasheet/cs-datasheet-pencil.svg?v=20220419A');
}

.cs-datasheet-truck {
    background-image: url('/css/svg/cs-datasheet/cs-datasheet-truck.svg?v=20220419A');
}

.cs-datasheet-arrow-up {
    background-image: url('/css/svg/cs-datasheet/cs-datasheet-up.svg?v=20220419A');
}

.cs-datasheet-email {
    background-image: url('/css/svg/cs-datasheet/cs-datasheet-email.svg?v=20220419A');
}

.cs-datasheet-green-ticked {
    background-image: url('/css/svg/cs-datasheet/cs-datasheet-green-tick.svg?v=20220419A');
}

.cs-datasheet-green-box-ticked {
    background-image: url('/css/svg/cs-datasheet/cs-datasheet-green-ticked.svg?v=20250402B');
}


.cs-datasheet-green-fill-ticked {
    background-image: url('/css/svg/cs-datasheet/cs-datasheet-green-fill-ticked.svg?v=20220419A');
}

.cs-datasheet-grey-green-fill-ticked {
    background-image: url('/css/svg/cs-datasheet/cs-datasheet-grey-fill-ticked.svg?v=20250328A');
}

.cs-datasheet-grey-out-ticked {
    background-image: url('/css/svg/cs-datasheet/cs-datasheet-grey-out-ticked.svg?v=20250402A');
}

.cs-datasheet-grey-fill {
    background-image: url('/css/svg/cs-datasheet/cs-datasheet-grey-fill.svg?v=20220419A');
}

.cs-datasheet-grey-fill-ticked {
    background-image: url('/css/svg/cs-datasheet/cs-datasheet-grey-fill-ticked.svg?v=20220419A');
}

.cs-datasheet-red-fill-ticked {
    background-image: url('/css/svg/cs-datasheet/cs-datasheet-red-fill-ticked.svg?v=20220419A');
}

.cs-datasheet-pdf {
    background-image: url('/css/svg/cs-datasheet/cs-datasheet-document-pdf.svg?v=20220419A');
}

.cs-datasheet-pdf-red {
    background-image: url('/css/svg/cs-datasheet/cs-datasheet-pdf-red.svg?v=20220419A');
}

.cs-datasheet-publish {
    background-image: url('/css/svg/cs-datasheet/cs-datasheet-publish.svg?v=20220419A');
}

.cs-datasheet-arrow-down-red {
    background-image: url('/css/svg/cs-datasheet/cs-datasheet-up-down-red.svg?v=20220419A');
}

.cs-datasheet-flag-red {
    background-image: url('/css/svg/cs-datasheet/cs-datasheet-flag-red.svg?v=20220419A');
}

/* circle color */
.cs-datasheet-donut-red {
    background-image: url('/css/svg/cs-datasheet/cs-datasheet-donut-red.svg?v=20220419A');
}

.cs-datasheet-donut-green {
    background-image: url('/css/svg/cs-datasheet/cs-datasheet-donut-green.svg?v=20220419A');
}

.cs-datasheet-donut-orange {
    background-image: url('/css/svg/cs-datasheet/cs-datasheet-donut-orange.svg?v=20220419A');
}

.cs-datasheet-donut-blue {
    background-image: url('/css/svg/cs-datasheet/cs-datasheet-donut-blue.svg?v=20250912A');
}

/* chevron color */
.cs-datasheet-chevron-red {
    background-image: url('/css/svg/cs-datasheet/cs-datasheet-chevron-red.svg?v=20220419A');
}

.cs-datasheet-chevron-green {
    background-image: url('/css/svg/cs-datasheet/cs-datasheet-chevron-green.svg?v=20220419A');
}

.cs-datasheet-chevron-orange {
    background-image: url('/css/svg/cs-datasheet/cs-datasheet-chevron-orange.svg?v=20220419A');
}

.cs-datasheet-red-flag {
    background-image: url('/css/svg/cs-datasheet/cs-datasheet-red-flag.svg?v=20220419A');
}


/* Standard Tickboxes */
.cs-datasheet-tickbox {
    background-image: url('/css/svg/cs-datasheet/cs-datasheet-tickbox.svg?v=20220419A');
}

.cs-datasheet-tickbox-ticked {
    background-image: url('/css/svg/cs-datasheet/cs-datasheet-tickbox-ticked.svg?v=20220419A');
}

.cs-datasheet-login-tickbox {
    background-image: url('/css/svg/cs-datasheet/cs-datasheet-login-tickbox.svg?v=20220419A');
}

.cs-datasheet-login-tickbox-ticked {
    background-image: url('/css/svg/cs-datasheet/cs-datasheet-login-tickbox-ticked.svg?v=20220419A');
}

.cs-datasheet-tickbox-readonly {
    background-image: url('/css/svg/cs-datasheet/cs-datasheet-tickbox-disabled.svg?v=20220419A');
}

.cs-datasheet-tickbox-ticked-readonly {
    background-image: url('/css/svg/cs-datasheet/cs-datasheet-tickbox-ticked-disabled.svg?v=20220419A');
}


.cs-datasheet-note {
    background-image: url('/css/svg/cs-datasheet/cs-datasheet-note.svg?v=20220419A');
}

.cs-datasheet-note-ticked {
    background-image: url('/css/svg/cs-datasheet/cs-datasheet-note-ticked.svg?v=20220419A');
}

.cs-datasheet-stickynote {
    background-image: url('/css/svg/cs-datasheet/cs-datasheet-stickynote.svg?v=20220419A');
}

.cs-datasheet-stickynote-ticked {
    background-image: url('/css/svg/cs-datasheet/cs-datasheet-stickynote-tick.svg?v=20220419A');
}

/* SVGs for mobile icons (mobile web) */
.cs-mobile-add-solid {
    background-image: url('/css/svg/cs-mobile/cs-mobile-add-solid.svg?v=20220419A');
}

.cs-mobile-catchat-solid {
    background-image: url('/css/svg/cs-mobile/cs-mobile-catchat-solid.svg?v=20220419A');
}

.cs-mobile-contacts-solid {
    background-image: url('/css/svg/cs-mobile/cs-mobile-contacts-solid.svg?v=20220419A');
}

.cs-mobile-filenote-solid {
    background-image: url('/css/svg/cs-mobile/cs-mobile-filenote-solid.svg?v=20220419A');
}

.cs-mobile-home-solid {
    background-image: url('/css/svg/cs-mobile/cs-mobile-home-solid.svg?v=20220419A');
}

.cs-mobile-info-solid {
    background-image: url('/css/svg/cs-mobile/cs-mobile-info-solid.svg?v=20220419A');
}

.cs-mobile-logout-solid {
    background-image: url('/css/svg/cs-mobile/cs-mobile-logout-solid.svg?v=20220419A');
}

.cs-mobile-photos-solid {
    background-image: url('/css/svg/cs-mobile/cs-mobile-photos-solid.svg?v=20220419A');
}

.cs-mobile-thisweekstarget-solid {
    background-image: url('/css/svg/cs-mobile/cs-mobile-thisweekstarget-solid.svg?v=20220419A');
}

.cs-mobile-timeclock-solid {
    background-image: url('/css/svg/cs-mobile/cs-mobile-timeclock-solid.svg?v=20220419A');
}


.cs-datasheet-history {
    background-image: url('/css/svg/cs-datasheet/cs-datasheet-history.svg?v=20250506A');
}


/* Preview POP Up */

.cs-preview-arrow-down {background-image:url('/css/svg/cs-preview/cs-preview-arrow-down.svg?v=20250420A');}
.cs-preview-catplan {background-image:url('/css/svg/cs-preview/cs-preview-catplan.svg?v=20250419A');}
.cs-preview-email {background-image:url('/css/svg/cs-preview/cs-preview-arrow-down.svg?v=20250419A');}
.cs-preview-email-edit {background-image:url('/css/svg/cs-preview/cs-preview-email-edit.svg?v=20250419A');}
.cs-preview-printer {background-image:url('/css/svg/cs-preview/cs-preview-printer.svg?v=20250419A');}
.cs-preview-save {background-image:url('/css/svg/cs-preview/cs-preview-save.svg?v=20250419A');}