/* @import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap"); */
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap");

:root {
  /* Base family */
  --font-sans: "Montserrat", -apple-system, BlinkMacSystemFont,
               "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  /* Body text */
  --font-body-family: var(--font-sans);
  --font-body-weight: 300;
  --font-body-size: 0.8;   /* 15px */
  --font-body-line-height: 1.6;
  --font-body-letter-spacing: 0;

  /* Navigation / UI labels */
  --font-nav-family: var(--font-sans);
  --font-nav-weight: 400;
  --font-nav-size: 0.875rem;     /* 14px */
  --font-nav-line-height: 1.4;
  --font-nav-letter-spacing: 0.02em;

  /* Headings */
  --font-heading-family: var(--font-sans);
  --font-heading-weight: 400;
  --font-heading-line-height: 1.25;
  --font-heading-letter-spacing: -0.01em;
	
  /* === PRIMARY BRAND TEALS === */
  --ark-teal-1: #E9F0F2;   /* very light background */
  --ark-teal-4: #3494AA;   /* mid complementary teal */
  --ark-teal-5: #2A8296;   /* secondary teal */
  --ark-teal-6: #236A7D;   /* primary brand teal */
  --ark-teal-7: #0F5666;   /* darker teal */
  --ark-teal-8: #12424E;   /* deep accent teal */
  --ark-teal-9: #0F353F;   /* near-navy dark teal */

  /* === ACCENT COLORS === */
  --ark-green-flr: #A9FE3F;  /* fluorescent green (CTA / highlight) */
  --ark-lime-green: #B1D235; /* alternative accent for warnings */
  --ark-light-green: #8ABDB6; /* complementary light green accent */
  --ark-light-blue: #4BA2C3; /* complementary blue accent */
  --ark-dark-blue: #2E63A6;  /* deep link blue */

  /* === NEUTRALS === */
  --ark-white: #FFFFFF;
  --ark-black: #000000;
  --ark-gray-100: #F8F8F8;
  --ark-gray-200: #E8E8E8;
  --ark-gray-300: #D7D7D7;
  --ark-gray-400: #9C9C9C;
  --ark-gray-500: #7D7D7D;
  --ark-gray-600: #4A4A4A;
  --ark-gray-700: #303030;
  --ark-gray-800: #26282A;

  /* === STATUS / FUNCTIONAL === */
  --ark-status-new: var(--ark-teal-6);
  --ark-status-waiting: var(--ark-teal-7);
  --ark-status-replied: var(--ark-teal-8);
  --ark-status-resolved: var(--ark-teal-5);
  --ark-status-onhold: var(--ark-gray-400);
  --ark-status-error: #E64342;    /* retain pure red for alerts */
  --ark-status-success: var(--ark-green-flr);
  --ark-status-warning: var(--ark-lime-green);

  /* === BACKGROUND GRADIENTS / PANELS === */
  --ark-bg-main: var(--ark-teal-1);
  --ark-bg-panel: var(--ark-white);
  --ark-bg-header: var(--ark-teal-7);
  --ark-bg-sidebar: var(--ark-teal-8);
  --ark-bg-table-header: var(--ark-teal-6);
  --ark-bg-table-row: var(--ark-white);
  --ark-bg-table-row-alt: var(--ark-teal-1);

  /* === TEXT COLORS === */
  --ark-text-primary: var(--ark-gray-700);
  --ark-text-secondary: var(--ark-gray-500);
  --ark-text-inverse: var(--ark-white);
  --ark-link: var(--ark-dark-blue);
  --ark-link-hover: var(--ark-teal-5);

  /* === BUTTONS === */
  --ark-btn-primary-bg: var(--ark-teal-6);
  --ark-btn-primary-hover: var(--ark-teal-7);
  --ark-btn-secondary-bg: var(--ark-light-blue);
  --ark-btn-secondary-hover: var(--ark-teal-5);
  --ark-btn-success-bg: var(--ark-green-flr);
  --ark-btn-danger-bg: var(--ark-status-error);

  /* === BORDERS & DIVIDERS === */rem auto
  --ark-border-light: var(--ark-gray-300);
  --ark-border-dark: var(--ark-gray-600);

  /* === HIGHLIGHTS === */
  --ark-highlight-bg: var(--ark-green-flr);
  --ark-highlight-text: var(--ark-black);
}


/* === CUSTOM FONT === */
body, h2.ArticlesCard__articleCardTitle {
  color: var(--ark-dark-blue);          /* match sidebar link blue */
  font-weight: var(--font-body-weight);
  font-size: 0.95rem;     /* closer to Popular Articles */
  line-height: 1;
  text-decoration: none;
}
body, .portalContainer, html
{
  font-family: var(--font-body-family);
  font-weight: var(--font-body-weight);
  font-size: var(--font-body-size);
  line-height: var(--font-body-line-height);
  letter-spacing: var(--font-body-letter-spacing);
}

Header__headerNav {
  font-family: var(--font-nav-family);
  font-weight: var(--font-nav-weight);
  font-size: var(--font-nav-size);
  line-height: var(--font-nav-line-height);
  letter-spacing: var(--font-nav-letter-spacing);
}

h1, h2, h3, h4, h5 {
  font-family: var(--font-heading-family);
  font-weight: var(--font-heading-weight);
  line-height: var(--font-heading-line-height);
  letter-spacing: var(--font-heading-letter-spacing);
}



/* === SPACING TWEAKS === */


#headerContainer {
  margin-bottom: 32px;
}

#headerRow > div.Header__headerBrand > div > div.Header__brandName {
  font-family: var(--font-heading-family);
  font-weight: var(--font-heading-weight);
  line-height: var(--font-heading-line-height);
  letter-spacing: var(--font-heading-letter-spacing);
}


#headerContainer .Header__headerContainer .Header__headerNav  a,
#headerContainer .Header__headerContainer .Header__headerNav  button {
/* Reduce  height of nav bar contents to reduce nav bar height*/
  padding-top: 6px;
  padding-bottom: 6px;
  line-height: 1.2;
}

.Header__tabsTab.Header__tabsTabActive {
  /* active tab */
  box-shadow: inset 0 -0.3em 0 var( --ark-green-flr);
}

.CategoryBlock__kbCategory {
  /* Release Notes, FAQs, User Guide */
  padding: 0.4rem 0;
  margin: 0 0 ; /* top/bottom left/right */
}

.CategoryBlock__kbCategory:last-child {
	margin-bottom: 0.8em;
}

.CategoryBlock__kbCategoryImg {
  /* text block to right of icon ie User Guide \\n Integrated Busiess planning... */
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center !important;
}

.CategoryBlock__kbCategory {
  /* Release Notes, FAQs, User Guide */
  padding: 0.4rem 0;
  margin: 0 0 ; /* top/bottom left/right */
}

.MediaObject__mediaObject.CommonStyle__disFlex.MediaObject__alignTop {
  /* ICON TITLE DESCRIPTION vertically centered in CategoryBlock__kbCategory */
  align-items: center;
}

.CategoryBlock__kbCategoryImg {
  /* Icon vertically centered */
  padding: 0;
}

.Feed__feedHeader {
  /* Recent Articles ie */
  padding: 0.8rem;
}

.Feed__feedContent {
  padding-left
}

.ArticlesCard__articleCard {
  /* Items in Recent Articles ie */
  background-color: #f3f0eb00;
  padding: .4rem 0.8rem;
}
.ArticleWidgets__menuTitle {
  margin: 0 0 0.4rem 0;
}

.Menu__vertical .Menu__itemLink {
  padding: .3rem 0 .3rem .9rem;
  line-height: 1;
  margin-left: 0.8em !important;
}


/**/


.ArticlesCard__articleCard {
  /* Items in Recent Articles ie */
  background-color: #f3f0eb00;
  padding: .4rem 0.8rem;
}
.ArticleWidgets__menuTitle {
  margin: 0 0 0.4rem 0;
}

.Menu__vertical .Menu__itemLink {
  padding: .3rem 0 .3rem .9rem;
  line-height: 1;
  margin-left: 0.8em !important;
}

.ArticlesCard__articleCard {
  border: none !important;
  padding: 0 1.6em;
}

.ArticlesCard__articleCard:hover {
    background-color: rgb( 255 255 255 / 0) !important;
}

.ArticlesCard__articleLink h2 {
  color: var(--ark-dark-blue);
}

.ArticlesCard__articleLink h2:hover {
  color: var(--ark-light-green);
}

.ArticlesCard__articleCard nav {
  /* Supress duplicate title above title in Recent Articles */
  display: none;
}

h2.ArticlesCard__articleCardTitle {
  color: var(--ark-dark-blue);          /* match sidebar link blue */
  font-weight: 400;
  font-size: 0.95rem;     /* closer to Popular Articles */
  line-height: 1;
  text-decoration: none;
}

#NewTicketWidget a {
    color: var(--ark-dark-blue);
    font-family: Montserrat, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    padding: 6px 15px;
    text-align: center;
    text-wrap: nowrap;
}

/*  Submit a ticket page cleanup  */

div.Layout__layout1 {
  width:80% !important;
  left:10%;
}   

xdiv.Layout__layout2 {
  width:0 !important;
  left:10%;
}   
.Layout__twoColumn {
    display: flex;
    flex-direction: row;
    justify-content: center;}

div#field_priority input#priority_CRITICAL:checked+label {
  /* border:4px dotted green; */
  background-color: #D32F2F !important;
}

div#field_priority input#priority_High:checked+label {
  /* border:4px dotted green; */
  background-color: #F57C00 !important;
}

div#field_priority input#priority_Normal:checked+label {
  /* border:4px dotted green; */
  background-color: #1976D2 !important;
}

div#field_priority input#priority_Lower:checked+label {
  /* border:4px dotted green; */
  background-color: #388E3C !important;
}

div#field_priority input:checked+label {
  box-shadow: none;
}