/*

    Page:       catproj_icons.css

    Created:    Feb 2022
    This Edit:  Feb 2022

    Created By: Tyson Day
    Contact:    

*/

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

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

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

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;
}

.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-catadmin                             {background-image:url('/_css/svg/cs-module/cs-module-catadmin.svg?v=20220419A');}/* TODO: We're missing a module icon for this!! */
.cs-module-accounts                             {background-image:url('/_css/svg/cs-module/cs-module-accounts.svg?v=20220419A');}
.cs-module-client                               {background-image:url('/_css/svg/cs-module/cs-module-client.svg?v=20220419A');}
.cs-module-consultant                           {background-image:url('/_css/svg/cs-module/cs-module-consultant.svg?v=20220419A');}
.cs-module-contacts                             {background-image:url('/_css/svg/cs-module/cs-module-contacts.svg?v=20220419A');}
.cs-module-estimate                             {background-image:url('/_css/svg/cs-module/cs-module-estimate.svg?v=20220419A');}
.cs-module-incoming                             {background-image:url('/_css/svg/cs-module/cs-module-incoming.svg?v=20220419A');}
.cs-module-leads                                {background-image:url('/_css/svg/cs-module/cs-module-leads.svg?v=20220419A');}
.cs-module-operations                           {background-image:url('/_css/svg/cs-module/cs-module-operations.svg?v=20220419A');}
.cs-module-plant                                {background-image:url('/_css/svg/cs-module/cs-module-plant.svg?v=20220419A');}
.cs-module-projects                             {background-image:url('/_css/svg/cs-module/cs-module-projects.svg?v=20220419A');}
.cs-module-purchase                             {background-image:url('/_css/svg/cs-module/cs-module-purchase.svg?v=20220419A');}
.cs-module-reporting                            {background-image:url('/_css/svg/cs-module/cs-module-reporting.svg?v=20220419A');}
.cs-module-safety                               {background-image:url('/_css/svg/cs-module/cs-module-safety.svg?v=20220419A');}
.cs-module-service                              {background-image:url('/_css/svg/cs-module/cs-module-service.svg?v=20220419A');}
.cs-module-sitediary                            {background-image:url('/_css/svg/cs-module/cs-module-sitediary.svg?v=20220419A');}
.cs-module-stock                                {background-image:url('/_css/svg/cs-module/cs-module-stock.svg?v=20220419A');}
.cs-module-subcontract                          {background-image:url('/_css/svg/cs-module/cs-module-subcontract.svg?v=20220419A');}
.cs-module-system                               {background-image:url('/_css/svg/cs-module/cs-module-system.svg?v=20220419A');}
.cs-module-time                                 {background-image:url('/_css/svg/cs-module/cs-module-time.svg?v=20220419A');}
.cs-module-trade-letting                        {background-image:url('/_css/svg/cs-module/cs-module-trade-letting.svg?v=20250721A');}
.cp-module-logo                                 {background-image:url('/_img/logo/cathead-light.svg?v=20220419A'); background-position-y: bottom; }

/* SVGs for inline datasheet icons */
.cs-datasheet-add                               {background-image:url('/_css/svg/cs-datasheet/cs-datasheet-add.svg');}
.cs-datasheet-calendar                          {background-image:url('/_css/svg/cs-datasheet/cs-datasheet-calendar.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-ticked                   {background-image:url('/_css/svg/cs-datasheet/cs-datasheet-document-ticked.svg?v=20220419A');}
.cs-datasheet-document-readonly                 {background-image:url('/_css/svg/cs-datasheet/cs-datasheet-document-readonly.svg?v=20220419A');}
.cs-datasheet-document-disabled                 {background-image:url('/_css/svg/cs-datasheet/cs-datasheet-document-readonly.svg?v=20220419A');}
.cs-datasheet-note                              {background-image:url('/_css/svg/cs-datasheet/cs-datasheet-note.svg?v=20220419A');}
.cs-datasheet-pencil                            {background-image:url('/_css/svg/cs-datasheet/cs-datasheet-pencil.svg?v=20220419A');}
.cs-datasheet-refresh                           {background-image:url('/_css/svg/cs-datasheet/cs-datasheet-refresh.svg?v=20220419A');}
.cs-datasheet-stickynote                        {background-image:url('/_css/svg/cs-datasheet/cs-datasheet-stickynote.svg?v=20220419A');}
.cs-datasheet-stickynoteticked                  {background-image:url('/_css/svg/cs-datasheet/cs-datasheet-stickynote-tick.svg?v=20220419A');}
.cs-datasheet-stickynote-ticked                 {background-image:url('/_css/svg/cs-datasheet/cs-datasheet-stickynote-tick.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-printer                           {background-image:url('/_css/svg/cs-datasheet/cs-datasheet-printer.svg?v=20220419A');}
.cs-datasheet-arrow-up                          {background-image:url('/_css/svg/cs-datasheet/cs-datasheet-up.svg?v=20220419A');}
.cs-datasheet-arrow-up-ticked                   {background-image:url('/_css/svg/cs-datasheet/cs-datasheet-up-ticked.svg?v=20220419A');}
.cs-datasheet-arrow-down                        {background-image:url('/_css/svg/cs-datasheet/cs-datasheet-down.svg?v=20220419A');}
.cs-datasheet-dropzone                          {background-image:url('/_css/svg/cs-datasheet/cs-datasheet-dropzone.svg?v=20220419A');}
.cs-datasheet-dropzone-green                    {background-image:url('/_css/svg/cs-datasheet/cs-datasheet-dropzone-green.svg?v=20220419A');}
.cs-datasheet-eye                               {background-image:url('/_css/svg/cs-datasheet/cs-datasheet-eye.svg?v=20250226A');}
.cs-datasheet-eye-green                         {background-image:url('/_css/svg/cs-datasheet/cs-datasheet-eye-green.svg?v=20250226A');}
.cs-datasheet-eye-red                           {background-image:url('/_css/svg/cs-datasheet/cs-datasheet-eye-red.svg?v=20250226A');}


.cs-datasheet-paw                               {background-image:url('/_css/svg/cs-datasheet/cs-datasheet-paw.svg?v=20220419A');}
.cs-datasheet-email                             {background-image:url('/_css/svg/cs-datasheet/cs-datasheet-email.svg?v=20220419A');}
.cs-datasheet-green-tick                        {background-image:url('/_css/svg/cs-datasheet/cs-datasheet-green-tick.svg?v=20220419A');}
.cs-datasheet-blue-tick                         {background-image:url('/_css/svg/cs-datasheet/cs-datasheet-blue-tick.svg?v=20220419A');}
.cs-datasheet-email-green-tick                  {background-image:url('/_css/svg/cs-datasheet/cs-datasheet-email-green-tick.svg?v=20220419A');}
.cs-datasheet-email-red-tick                    {background-image:url('/_css/svg/cs-datasheet/cs-datasheet-email-red-tick.svg?v=20220419A');}
.cs-datasheet-red-tick                          {background-image:url('/_css/svg/cs-datasheet/cs-datasheet-red-tick.svg?v=20220419A');}
.cs-datasheet-video                             {background-image:url('/_css/svg/cs-datasheet/cs-datasheet-video.svg?v=20220419A');}
.cs-datasheet-monitor                           {background-image:url('/_css/svg/cs-datasheet/cs-datasheet-computer.svg?v=20220419A');}
.cs-datasheet-truck                             {background-image:url('/_css/svg/cs-datasheet/cs-datasheet-truck.svg?v=20220419A');}
.cs-datasheet-weather                           {background-image:url('/_css/svg/cs-datasheet/cs-datasheet-weather.svg?v=20220419A');}
.cs-datasheet-image                             {background-image:url('/_css/svg/cs-datasheet/cs-datasheet-camera.svg?v=20220419A');}
.cs-datasheet-photo                             {background-image:url('/_css/svg/cs-datasheet/cs-datasheet-image.svg?v=20241204A');}
.cs-datasheet-recurring                         {background-image: url('/_css/svg/cs-datasheet/cs-datasheet-recurring.svg?v=20220419A');}
.cs-datasheet-link                              {background-image:url('/_css/svg/cs-datasheet/cs-datasheet-link.svg?v=20241204A');}
.cs-datasheet-donut-green                       {background-image:url('/_css/svg/cs-datasheet/cs-datasheet-donut-green.svg?v=20241219A');}
.cs-datasheet-donut-orange                      {background-image:url('/_css/svg/cs-datasheet/cs-datasheet-donut-orange.svg?v=20241219A');}
.cs-datasheet-donut-blue                        {background-image:url('/_css/svg/cs-datasheet/cs-datasheet-donut-blue.svg?v=20250915A');}
.cs-datasheet-donut-red                         {background-image:url('/_css/svg/cs-datasheet/cs-datasheet-donut-red.svg?v=20241219A');}
.cs-datasheet-publish                           {background-image:url('/_css/svg/cs-datasheet/cs-datasheet-publish.svg?v=20241219A');}
.cs-datasheet-history                           {background-image:url('/_css/svg/cs-datasheet/cs-datasheet-history.svg?v=20250508A');}
/* Tickboxes for Login page only */
.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');}
/* 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-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');}
/* Tickboxes for headers */
.cs-datasheet-header-tickbox                    {background-image:url('/_css/svg/cs-datasheet/cs-datasheet-header-tickbox.svg?v=20220419A');}
.cs-datasheet-header-tickbox-ticked             {background-image:url('/_css/svg/cs-datasheet/cs-datasheet-header-tickbox-ticked.svg?v=20220419A');}
.cs-datasheet-header-tickbox-readonly           {background-image:url('/_css/svg/cs-datasheet/cs-datasheet-tickbox-disabled.svg?v=20220419A');}
.cs-datasheet-header-tickbox-ticked-readonly    {background-image:url('/_css/svg/cs-datasheet/cs-datasheet-tickbox-ticked-disabled.svg?v=20220419A');}

.cs-datasheet-recurring-cross                   {background-image: url('/_css/svg/cs-datasheet/cs-datasheet-recurring-cross.svg?v=20220419A');}
.cs-datasheet-purchase-cross                    {background-image: url('/_css/svg/cs-datasheet/cs-datasheet-purchase-cross.svg?v=20220419A');}
.cs-datasheet-stock-cross                       {background-image: url('/_css/svg/cs-datasheet/cs-datasheet-stock-cross.svg?v=20220419A');}
.cs-datasheet-banking                           {background-image:url('/_css/svg/cs-datasheet/cs-datasheet-banking.svg?v=20220419A');}
.cs-datasheet-email-phone                       {background-image:url('/_css/svg/cs-datasheet/cs-datasheet-email-phone.svg?v=20220419A');}
.cs-datasheet-email-test                        {background-image:url('/_css/svg/cs-datasheet/cs-datasheet-email-test.svg?v=20220419A');}

.cs-datasheet-load-docket                       {background-image:url('/_css/svg/cs-datasheet/cs-datasheet-note.svg?v=20220419A');}
.cs-datasheet-load-docket-ticked                {background-image:url('/_css/svg/cs-datasheet/cs-datasheet-note-ticked.svg?v=20220419A');}/* TODO: Waiting for update icon */
.cs-datasheet-red-flag                          {background-image:url('/_css/svg/cs-datasheet/cs-datasheet-red-flag.svg?v=20220419A');}
.cs-datasheet-green-flag                        {background-image:url('/_css/svg/cs-datasheet/cs-datasheet-green-flag.svg?v=20220419A');}
.cs-datasheet-concrete-test                     {background-image:url('/_css/svg/cs-datasheet/cs-datasheet-concrete-test.svg?v=20220419A');}
.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-camera                            {background-image:url('/_css/svg/cs-datasheet/cs-datasheet-image.svg?v=20220419A');}
.cs-datasheet-camera:hover                      {background-image:url('/_css/svg/cs-datasheet/cs-datasheet-image-hover.svg?v=20220419A');}
.cs-datasheet-mailbox                           {background-image:url('/_css/svg/cs-datasheet/cs-datasheet-mailbox.svg?v=20220419A');}
.cs-datasheet-mailbox:hover                     {background-image:url('/_css/svg/cs-datasheet/cs-datasheet-mailbox-hover.svg?v=20220419A');}

.cs-datasheet-computer                          {background-image:url('/_css/svg/cs-datasheet/cs-datasheet-monitor.svg?v=20220419A');}
.cs-datasheet-computer:hover                    {background-image:url('/_css/svg/cs-datasheet/cs-datasheet-monitor-hover.svg?v=20220419A');}

.cs-datasheet-computer-square                   {background-image:url('/_css/svg/cs-datasheet/cs-datasheet-monitor-upload.svg?v=20220419A');}
.cs-datasheet-computer-square:hover             {background-image:url('/_css/svg/cs-datasheet/cs-datasheet-monitor-upload-hover.svg?v=20220419A');}
.cs-datasheet-computer-square-ticked            {background-image:url('/_css/svg/cs-datasheet/cs-datasheet-monitor-upload-ticked.svg?v=20220419A');}

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

.cs-datasheet-contact-single                    {background-image:url('/_css/svg/cs-datasheet/cs-datasheet-contact-single.svg?v=20220419A');}
.cs-datasheet-contact-single:hover              {background-image:url('/_css/svg/cs-datasheet/cs-datasheet-contact-single-hover.svg?v=20220419A');}

.cs-datasheet-distribution                          {background-image:url('/_css/svg/cs-datasheet/cs-datasheet-distribution.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');}

/* Preview POP Up */

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

/* CAT CHAT */
.cs-datasheet-sound-on {background-image:url('/_css/svg/cs-datasheet/cs-datasheet-catchat-sound-on.svg?v=20220419A');}
.cs-datasheet-sound-off {background-image:url('/_css/svg/cs-datasheet/cs-datasheet-catchat-sound-off.svg?v=20220419A');}

/* SVGs for quicklinks */
.cp-quicklinks {
    opacity: 0.5;
    width: 24px; 
    height: 24px;
    margin-left:auto;
    margin-right:auto;
    cursor:pointer;
}
.cp-quicklinks:hover {
    opacity: 1;
}
.cp-disabled {
    opacity: 0.2;
}
.cp-quicklinks-home                 {background-image:url('/_css/svg/cs-quicklinks/cs-quicklinks-home.svg?v=20220419A'); }
.cp-quicklinks-lion                 {background-image:url('/_css/svg/cs-quicklinks/cs-quicklinks-lion.svg?v=20220419A');}
.cp-quicklinks-contact              {background-image:url('/_css/svg/cs-quicklinks/cs-quicklinks-contact.svg?v=20220419A');}
.cp-quicklinks-note                 {background-image:url('/_css/svg/cs-quicklinks/cs-quicklinks-note.svg?v=20220419A');}
.cp-quicklinks-calculator           {background-image:url('/_css/svg/cs-quicklinks/cs-quicklinks-calculator.svg?v=20220419A');}
.cp-quicklinks-chat                 {background-image:url('/_css/svg/cs-quicklinks/cs-quicklinks-chat.svg?v=20220419A');}


/*  Reminders info icon on right of page    */
.cs-icon-right {
    margin-right:10px;
    float:right;
    z-index: 9999;
    cursor:pointer;
}