/*
	The Team Management Custom CSS is for guides that display outside the context of a knowledge base.
	This affects:
		1.	A guide loaded in a widget with the Content Type set to ""Article", "Guide" or "Guided tour". For an example,
			see the "PROD - How to Launch Glide Health Help - Banner" widget.
		2.	The guide editor preview pane and when previewing an unpublished guide in a new window.
*/

/* ONTADA PRODUCTS */
  /* CONTENT FEEDBACK */
    /* Align Right 
      [class*="ContentRating__Canvas"] {
        align-items: flex-end;
      }
    */

  /* TIPS AND WARNINGS */
  .content-text aside.tip {
    border-color: #1E394E !important;
		border-left-width: 16px !important;
    background-color: #F2F6FA !important;
  }
	.content-text aside.tip:before {
    content: url(https://stonly.com/resources/icons/tip.svg);
    filter: brightness(0) invert(1);
    position: absolute;
    left: -16px;
    top: 50%;
    transform: translateY(-50%) scale(0.7);
	}
	
  .content-text aside.warning {
    border-color: #FF5B42 !important;
		border-left-width: 16px !important;
    background-color: #fb5c451a;
  }
	.content-text aside.warning:before {
    content: url(https://stonly.com/resources/icons/warning.svg);
    filter: brightness(0) invert(1);
    position: absolute;
    left: -16px;
    top: 50%;
    transform: translateY(-50%) scale(0.7);
	}

	*, *:before, *:after {
			box-sizing: inherit;
	}


	/* NEXT STEPS */
		/* In-Line Default State */ a[data-step-connection-id],
    /* Macros Table Hyperlink */ .guide-5lFXrWCDeI a[target="_blank"]
    {
      padding: 3px;
      border-radius: 4px;
      text-decoration: none !important;
      font-weight: 700;
      transition: background-color 0.2s, color 0.2s !important;
      background-color: rgba(0, 124, 193, 0.06) !important;
      color: rgb(0, 124, 193) !important;
    }
		/* In-Line Hover State */ a[data-step-connection-id]:hover,
    /* Macros Table Hyperlink Hover State */ .guide-5lFXrWCDeI a:hover[target="_blank"]
    {
      transition: background-color 0.2s, color 0.2s !important;
      background-color: rgb(0, 124, 193) !important;
      color: rgb(255, 255, 255) !important;
    }

		/* Tile Default State */ a.tile
    {
      background-color: #FFFFFF;
      border: 1px solid #007CC1;
      color:#007CC1;
    }
		/* Tile Image Default State */ a.tile img, a.tile svg
    {
      -webkit-filter: sepia(1) hue-rotate(165deg) saturate(300%);
      filter: sepia(1) hue-rotate(165deg) saturate(300%);
    }

		/* Tile Hover State */ a.tile:hover
    {
      border: 1px solid #00669E;
      color: #00669E;
      background-color: #F6F2FA;
    }
		/* Tile Image Hover State */ a.tile:hover img, a.tile:hover svg, img[alt="external link"]
    {
      -webkit-filter: sepia(1) hue-rotate(165deg) saturate(300%) brightness(82%);
      filter: sepia(1) hue-rotate(165deg) saturate(300%) brightness(82%);
    }

    /* "Set Up Okta (Federated)" guide, "Which Screen Do You See?" step Tile Image Default and Hover States */ .guide-mcwfJo33wl .step-3303999 a.tile img, .guide-mcwfJo33wl .step-3303999 a.tile svg, .guide-mcwfJo33wl .step-3303999 img, .guide-mcwfJo33wl .step-3303999 a.tile:hover img, .guide-mcwfJo33wl .step-3303999 a.tile:hover svg,
    /* "Set Up Okta (Federated)" guide, "What Screen Do You See?" step Tile Image Default and Hover States */ .guide-mcwfJo33wl .step-3304002 a.tile img, .guide-mcwfJo33wl .step-3304002 a.tile svg, .guide-mcwfJo33wl .step-3304002 img, .guide-mcwfJo33wl .step-3304002 a.tile:hover img, .guide-mcwfJo33wl .step-3304002 a.tile:hover svg,
    /* "Log Into iKnowMed" guide, "Which Screen Do You See?" step Tile Image Default and Hover States */ .guide-XMrEYBqA59 .step-3303999 a.tile img, .guide-XMrEYBqA59 .step-3303999 a.tile svg, .guide-XMrEYBqA59 .step-3303999 img, .guide-XMrEYBqA59 .step-3303999 a.tile:hover img, .guide-XMrEYBqA59 .step-3303999 a.tile:hover svg,
    /* "Log Into iKnowMed" guide, "What Screen Do You See?" step Tile Image Default and Hover States */ .guide-XMrEYBqA59 .step-3304002 a.tile img, .guide-XMrEYBqA59 .step-3304002 a.tile svg, .guide-XMrEYBqA59 .step-3304002 img, .guide-XMrEYBqA59 .step-3304002 a.tile:hover img, .guide-XMrEYBqA59 .step-3304002 a.tile:hover svg
    {
      -webkit-filter: none;
      filter: none;
      cursor: pointer;
    }

    /* Buttons Default State */ .button-wrap button, [class*="Button__Canvas"] button
    {
      background: #ffffff;
      border: 1px solid #007CC1;
      border-radius: 6px;
      color: #007CC1;
    }

    /* Buttons Hover State */ .button-wrap button:hover, [class*="Button__Canvas"] button:hover
    {
      background: #007CC1;
      border: 1px solid #007CC1;
      color: #ffffff;
    }

		/* Back Button Default State */ .button-wrap .back-button, [class*="Button__Canvas"] .back-button
    {
      padding: 0px 7px;
      background: #ffffff;
      border: 1px solid #627386;
      border-radius: 6px;
      fill: #627386;
    }

    /* Back Button Hover State */ .button-wrap .back-button:hover, [class*="Button__Canvas"] .back-button:hover
    {
      background: #1E394E;
      border: 1px solid #1E394E;
      color: #ffffff;
    }

    /* Back Button Hover State Arrow Color */ .button-wrap .back-button:hover svg path, [class*="Button__Canvas"] .back-button:hover svg path
    {
      fill: #ffffff;
    }

    /* Drop-down Field Default State */ .ston-dropdown-trigger
    {
      outline: 1px solid #007CC1;
    }
    /* Drop-down Field Text Default State */ .ston-dropdown-trigger > span
    {
      color: #007CC1;
    }

    /* Drop-down Field Hover State */ .ston-dropdown-trigger:hover
    {
      outline: 2px solid #00669E;
    }
    /* Drop-down Field Text Hover State */ .ston-dropdown-trigger:hover > span
    {
      color: #00669E;
    }

  /* MEDIA */
		/* Previous and Next Arrow Image Default Pulse Effect */
			[class*="IllustrationImage__StyledPrevGalleryButton"], [class*="IllustrationImage__StyledNextGalleryButton"] {
				box-shadow: 0 0 0 0 rgba(52, 172, 224, 1);
				transform: scale(1) !important;
				animation: pulse 2s infinite !important;
				background-color: rgb(0, 124, 193) !important;
			}
			@keyframes pulse {
				0% {
					transform: scale(0.95);
					box-shadow: 0 0 0 0 rgba(52, 172, 224, 0.7);
				}

				70% {
					transform: scale(1);
					box-shadow: 0 0 0 10px rgba(52, 172, 224, 0);
				}

				100% {
					transform: scale(0.95);
					box-shadow: 0 0 0 0 rgba(52, 172, 224, 0);
				}
			}
		
		/* Previous and Next Arrow Image Hover Pulse Effect */
			[class*="IllustrationImage__StyledPrevGalleryButton"]:hover, [class*="IllustrationImage__StyledNextGalleryButton"]:hover {
				box-shadow: 0 0 0 0 rgba(255, 0, 0, 1) !important;
			}

	/* CHANGE TABLE CONTENT */
		/* Content Width is 100% */ [class*="Steps-styles__ContentWrap"]
    {
      width: 100%;
      padding-right:0;
      padding-left:0;
    }

		/* Table Width is 100% */ [class*="Steps-styles__ContentWrap"] table
    {
      width: 100% !important;
    }
		
		/* Table Column Width is 50 pixels */ [class*="Steps-styles__ContentWrap"] table td
    {
      min-width: 50px !important;
      max-width: 50px !important;
		}

		/* Table Column Header Colors */ [class*="Steps-styles__ContentWrap"] table th
    {
      background-color: #1D577B !important;
      color: white !important;
		}
    
    /* Change the Color of Images in Table Cells */ td figure[style="width:30px"] img
    {
      -webkit-filter: sepia(1) hue-rotate(165deg) saturate(300%) !important;
      filter: sepia(1) hue-rotate(165deg) saturate(300%) !important;
      cursor: default !important;
      pointer-events: none;
    }

/* SPECIAL BUTTON CSS FOR PRINTABLE ASSETS */
  /* Printed View Only */ @media print {
    /* Hide Elements Via Javascript (See Custom Code) */ .no-print
    {
      display: none !important;
    }
  }
  /* Buttons Hover State */ button.no-print:hover
  {
    background: #007CC1;
    border: 1px solid #007CC1;
    color: #ffffff;
  }
  /* Buttons Default State */ button.no-print
  {
    background: #ffffff;
    border: 1px solid #007CC1;
    border-radius: 6px;
    color: #007CC1;
    padding: 5px;
    cursor: pointer;
  }

/* FORCE CHECKBOX LIST INTO 2 COLUMNS */
  /* Typical Permissions steps */ .ston-contact-form-inputs:has([class^="FieldCheck-styles"])
  {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
    gap: 1rem;
  }

/* MAKE THE CONTENT AREA AS WIDE AS POSSIBLE */
  /* Macros Table */ .guide-5lFXrWCDeI .step-content-wrap,
  /* Report Permissions */ .guide-JyP33mYEpE .step-content-wrap
  {
    max-width: none !important;
    width: 100% !important;
  }

/* MAKE THE TABLE SCROLLABLE */
  /* Report Permissions */ .guide-JyP33mYEpE .table-wrapper
  {
    overflow: auto;
    max-height: 600px;
  }

/* SET TABLE AND COLUMN WIDTHS */
  /* Macros Table */ .guide-5lFXrWCDeI  table colgroup col
  {
    width: 50% !important;
  }
  /* Report Permissions */ .guide-JyP33mYEpE table
  {
    max-width: 800px !important;
  }
  /* Report Permissions */ .guide-JyP33mYEpE table colgroup col
  {
    min-width: 145px !important;
  }
  /* Report Permissions */ .guide-JyP33mYEpE table colgroup col:nth-of-type(1)
  {
    width: 15% !important;
  }
  /* Chart Alerts */ .guide-c1Mko33sdc .step-2833855  table colgroup col:nth-of-type(3),
  /* Chart Alerts */ .guide-c1Mko33sdc .step-2833855  table colgroup col:nth-of-type(4),
  /* Chart Alerts */ .guide-c1Mko33sdc .step-2833855  table colgroup col:nth-of-type(5)
  {
    width: 12% !important;
  }
  /* Typical Role Permissions: APP */ .step-5917934 table colgroup col:nth-of-type(2), .step-5917934 table colgroup col:nth-of-type(3), .step-5917934 table colgroup col:nth-of-type(4), .step-5917934 table:not(:has(details)) colgroup col:nth-of-type(1), .step-5917934 details table colgroup col:nth-of-type(1), .step-5917934 details table th:nth-of-type(1),
  /* Typical Role Permissions: APP Read-Only */ .step-5917947 table colgroup col:nth-of-type(2), .step-5917947 table colgroup col:nth-of-type(3), .step-5917947 table colgroup col:nth-of-type(4), .step-5917947 table:not(:has(details)) colgroup col:nth-of-type(1), .step-5917947 details table colgroup col:nth-of-type(1), .step-5917947 details table th:nth-of-type(1),
  /* Typical Role Permissions: Business Office */ .step-5918123 table colgroup col:nth-of-type(2), .step-5918123 table colgroup col:nth-of-type(3), .step-5918123 table colgroup col:nth-of-type(4), .step-5918123 table:not(:has(details)) colgroup col:nth-of-type(1), .step-5918123 details table colgroup col:nth-of-type(1), .step-5918123 details table th:nth-of-type(1),
  /* Typical Role Permissions: Business Office Manager */ .step-5918147 table colgroup col:nth-of-type(2), .step-5918147 table colgroup col:nth-of-type(3), .step-5918147 table colgroup col:nth-of-type(4), .step-5918147 table:not(:has(details)) colgroup col:nth-of-type(1), .step-5918147 details table colgroup col:nth-of-type(1), .step-5918147 details table th:nth-of-type(1)
  {
    width: 60px !important;
  }
  /* Typical Role Permissions: APP */ .step-5917934 details table colgroup col:nth-of-type(2), .step-5917934 table:not(:has(details)) colgroup col:nth-of-type(2),
  /* Typical Role Permissions: APP Read-Only */ .step-5917947 details table colgroup col:nth-of-type(2), .step-5917947 table:not(:has(details)) colgroup col:nth-of-type(2),
  /* Typical Role Permissions: Business Office */ .step-5918123 details table colgroup col:nth-of-type(2), .step-5918123 table:not(:has(details)) colgroup col:nth-of-type(2),
  /* Typical Role Permissions: Business Office Manager */ .step-5918147 details table colgroup col:nth-of-type(2), .step-5918147 table:not(:has(details)) colgroup col:nth-of-type(2)
  {
    width: auto !important;
  }

/* MAKE THE FIRST TABLE COLUMN STICKY */
  /* Report Permissions */ .guide-JyP33mYEpE table th:first-child, .guide-JyP33mYEpE table td:first-child
  {
    position: sticky !important;
    left: 0;
    background: white;
    z-index: 2;
  }

/* MAKE THE FIRST TABLE ROW STICKY */
  /* Report Permissions */ .guide-JyP33mYEpE tbody tr:nth-child(1)
  {
    position: sticky !important;
    top: 0;
    z-index: 3;
  }

/* RAISE THE FIRST CELL IN A TABLE HEADER ROW */
  /* Report Permissions */ .guide-JyP33mYEpE tbody tr:nth-child(1) th:first-child
  {
    left: 0;
    z-index: 6;
  }
  /* Report Permissions */ .guide-JyP33mYEpE tbody tr:nth-child(2) th:first-child
  {
    left: 0;
    z-index: 5;
  }

/* VERTICALLY ALIGN CONTENT AT THE TOP OF TABLE CELLS */
  /* Macros Table */ .guide-5lFXrWCDeI table td, .guide-5lFXrWCDeI table th,
  /* Typical Role Permissions: APP */ .step-5917934 table td, .step-5917934 table th,
  /* Typical Role Permissions: APP Read-Only */ .step-5917947 table td, .step-5917947 table th,
  /* Typical Role Permissions: Business Office */ .step-5918123 table td, .step-5918123 table th,
  /* Typical Role Permissions: Business Office Manager */ .step-5918147 table td, .step-5918147 table th
  {
    vertical-align: top;
  }

/* VERTICALLY ALIGN CONTENT IN THE MIDDLE OF TABLE CELLS */
  /* Report Permissions */ .guide-JyP33mYEpE table td, .guide-JyP33mYEpE table th
  {
    vertical-align: middle;
  }