@charset "UTF-8";
/* UCI HEALTH TALLYPOP

uci.tallypop.com

Designed & Developed by A&M Media
© A&M Media
=======================================*/

/* Site Color Palette
=======================================
DARK GREY: #575959 - rgba(88,90,90,1)
MEDIUM GREY: #797a7a - rgba(120,120,120,1)
LIGHT GREY: #cbd4d8 - rgba(204,212,217,1)
IVORY: #e5ebe7 - rgba(230,235,232,1)
TEAL: #00a79d - rgba(0,167,157,1)
TEAL SHADE: #008e85
YELLOW: #fff100 - rgba(255,242,0,1)
=======================================*/

/* CSS Font Styles
=======================================
CLOUD-HOSTED, HOEFLER & CO. (typography.com) VIA A&M MEDIA
GOTHAM LIGHT = font-family: "Gotham SSm A", "Gotham SSm B"; font-style: normal; font-weight: 300;
GOTHAM BOOK = font-family: "Gotham SSm A", "Gotham SSm B"; font-style: normal; font-weight: 400;
GOTHAM BOLD = font-family: "Gotham SSm A", "Gotham SSm B"; font-style: normal; font-weight: 700;
GOTHAM BLACK = font-family: "Gotham SSm A", "Gotham SSm B"; font-style: normal; font-weight: 800;
=======================================*/

/* Table of Contents
=======================================
1) GLOBAL
  a) BASE STYLES
  b) TOP MENU
  c) SITE FOOTER
  d) COLUMN STRUCTURE
    aa) TWO COLUMNS
    bb) ONE COLUMN
  e) SITE FOOTER
2) PROFILE
3) PEER EVALUATION
4) PERFORMANCE EVALUATION
5) LOGIN
6) MANAGER
7) EXCELLENCE
8) DETAIL
9) MAGNET SANDBOX
10) EXCELLENCE INDICATORS
11) MAGNET DOCUMENT
12) DEMOGRAPHICS
13) RESEARCH MANAGER
14) REPORT COMPOSER
15) DISCREPANCY DASHBOARD

5) RESPONSIVE (possible separate stylesheet?)
 a) > 640px
 b) > 670px
 c) > 768px
=======================================*/

/*##############################################################################################################################################
##############################################################################################################################################*/

/* 1) GLOBAL */
  /* a) BASE STYLES */
  h1 {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, Arial, san-serif; font-style: normal; font-weight: 800; 
  }
  h2 {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, Arial, san-serif; font-style: normal; font-weight: 700; 
  }
  h3 {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, Arial, san-serif; font-style: normal; font-weight: 400; 
  }
  h4 {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, Arial, san-serif; font-style: normal; font-weight: 300; 
  }
  h5, p {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, Arial, san-serif; font-style: normal; font-weight: 200; 
  }
  h6 {
    font-family: "Sentinel SSm A", "Sentinel SSm B"; font-style: normal; font-weight: 700; text-rendering: geometricPrecision;
  }
  .sentinel-300 {
    font-family: "Sentinel SSm A", "Sentinel SSm B"; font-style: normal; font-weight: 300; text-rendering: geometricPrecision;
  } 
  .sentinel-300i {
    font-family: "Sentinel SSm A", "Sentinel SSm B"; font-style: italic; font-weight: 300; text-rendering: geometricPrecision;
  }
  .sentinel-400 {
    font-family: "Sentinel SSm A", "Sentinel SSm B"; font-style: normal; font-weight: 400; text-rendering: geometricPrecision;
  } 
  .sentinel-400i {
    font-family: "Sentinel SSm A", "Sentinel SSm B"; font-style: italic; font-weight: 400; text-rendering: geometricPrecision;
  }
  .sentinel-700 {
    font-family: "Sentinel SSm A", "Sentinel SSm B"; font-style: normal; font-weight: 700; text-rendering: geometricPrecision;
  } 
  .sentinel-700i {
    font-family: "Sentinel SSm A", "Sentinel SSm B"; font-style: italic; font-weight: 700; text-rendering: geometricPrecision;
  }

  body { background-color:#e5ebe7 !important; overflow:auto !important; height: auto; min-height: 100%; }
  strong { font-weight:700; }
  a { text-decoration:none; color:#000000; transition: all .2s ease-in-out; }
  ul { list-style:none; }
  .wrapper { margin:auto; width:100%; height:100%; padding:0; }
  .inline { display:inline !important; } 
  .display_none { display:none; } 

  .padding-top-1 { padding-top:1%; }
  .padding-top-2 { padding-top:2%; }
  .padding-top-3 { padding-top:3%; }
  .padding-top-4 { padding-top:4%; }
  .padding-top-6 { padding-top:6%; }
  .padding-top-8 { padding-top:8%; }
  .padding-top-10 { padding-top:10%; }
  .padding-btm-1 { padding-bottom:1%; }
  .padding-btm-2 { padding-bottom:2%; }
  .padding-btm-3 { padding-bottom:3%; }
  .padding-btm-4 { padding-bottom:4%; }
  .padding-btm-6 { padding-bottom:6%; }
  .padding-btm-8 { padding-bottom:8%; }
  .padding-btm-10 { padding-bottom:10%; }
  .margin-top-1 { margin-top:1%; }
  .margin-top-2 { margin-top:2%; }
  .margin-top-3 { margin-top:3%; }
  .margin-top-4 { margin-top:4%; }
  .margin-top-6 { margin-top:6%; }
  .margin-top-8 { margin-top:8%; }
  .margin-top-10 { margin-top:10%; }
  .margin-btm-0 { margin-bottom:0 !important; }
  .margin-btm-1 { margin-bottom:1%; }
  .margin-btm-2 { margin-bottom:2%; }
  .margin-btm-3 { margin-bottom:3%; }
  .margin-btm-4 { margin-bottom:4%; }
  .margin-btm-6 { margin-bottom:6%; }
  .margin-btm-8 { margin-bottom:8%; }
  .margin-btm-10 { margin-bottom:10%; }

  /* b) FORM OVERRIDES */
    input:focus { outline: none; }
    textarea:focus { outline: none; }
    select:focus { outline: none; }
    ::-webkit-input-placeholder { color: #797A7A; }
    :-moz-placeholder { color: #797A7A; opacity:  1; }
    ::-moz-placeholder {  opacity:  1; }
    :-ms-input-placeholder { color: #797A7A; }
    input, textarea, button { font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, Arial, san-serif; font-style: normal; font-weight: 300; transition: all .2s ease-in-out; }

  /* b) TOP MENU */ 
  .responsive-nav-container { display:none; }
  .top-menu { display:block; width:100%; background-color:#575959; }
    .top-menu img { float:left; height:24px; padding:18px; }
    .top-menu ul { display:block; width:100%; height:60px; }
      .top-menu li { float:right; text-align:center; }
      .top-menu li > a { display:block; font-size: 12px; line-height:14px; padding:17px 17px 15px 17px; color:#FFFFFF; }
      .top-menu li > a:hover { background-color:#797a7a; }
      #top-menu-active { background-color:#00a79d; }
    .sandbox-menu { position:relative; transition: all .2s ease-in-out; }
    .sandbox-menu ul { position:absolute; /*top:-94px;*/ display:none; z-index:109; }
    .sandbox-menu:hover ul { /*top:60px;*/ display:block; }
    .sandbox-menu ul li { border-bottom:1px solid #e5ebe7;  }
    .sandbox-menu ul li:last-child {  border:none; }
    .sandbox-menu ul li a { background-color:#00c1b5; padding:10px 0 9px 0; font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, Arial, san-serif; font-style:normal; font-weight:300; font-size:10px; }
    .sandbox-menu ul li a:hover { background-color:#008E85; }
    .top-menu.research li > a { padding: 23px 18px 23px 18px; }


  /* c) SITE FOOTER */
  .site-footer { bottom:0; height:auto; overflow:auto; width:100%; background-color:#575959; }
    .site-footer .site-footer-logout { float:right; padding:12px; }
    .site-footer .site-footer-terms { float:left; padding:12px; }
    .site-footer a { font-size:12px; color:#FFFFFF; }
    .site-footer a:hover { color:#fff100; }

  /* d) COLUMN STRUCTURE */
    /* aa) TWO COLUMNS */
    .two-col { display:block; width:94%; height:auto; max-width:1200px; margin:auto; padding:3%; }
      .two-col header { display:block; }
      .two-col > article { display:inline-block; margin-right:-4px; padding-right:4%; width:70%; }
      .two-col > section { display:inline-block; margin-right:-4px; padding-right:4%; width:70%; }
      .two-col aside { display:inline-block; margin-right:-4px; width:26%; vertical-align:top; }
      .two-col footer { display:block; width:100%; }

    /* aa) ONE COLUMN */
    .one-col { display:block; width:94%; height:auto; max-width:1200px; margin:auto; padding:3% 3% 5% 3%; }
      .one-col header { display:block; }
      .one-col > article { display:block; width:100%; }
      .one-col > section { display:block; width:100%; }
      .one-col footer { display:block; width:100%; }

    /* DATEDROPPER THEME */
    div.datedropper.tallypop-datedropper {

      --dd-color1: #00a79d;
      --dd-color2: #ffffff;
      --dd-color3: #575959;
      --dd-color4: #ffffff;

      --dd-radius:0px;
      --dd-width:220px;
      --dd-shadow:5px 5px 24px 0px rgba(0, 0, 0, 0.4);
      font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, Arial, san-serif; font-style: normal;

    }
/*##############################################################################################################################################
##############################################################################################################################################*/

  /* 2) PROFILE [DEPRECIATED DESIGN ON 06/01/18]
  .profile header { padding:0 0 3% 0; text-align:center; color:#575959; position:relative; }
    .profile header h2 { font-size:2.2em; padding-bottom:10px; }
    .profile header h4 { font-size:1em; line-height:1.3em; width:60%; margin:0 20%; }
    .profile button { position:absolute; top:0; right:0; padding:2%; color:#FFFFFF; font-size:1em; background-color:#00A79D; border:none; cursor:pointer; }
    .profile button:hover { background-color:#008e85; }
  .profile article { overflow:auto; }
  .profile-columns { float:left; width:32%; margin-right:2%; }
  .profile-columns:last-of-type { margin-right:0; }
    .profile-item { width:100%; margin-bottom:6%; display:block; background-color:#FFFFFF; }
      .profile-item > header { width:100%; margin:auto; padding:10px 0; background-color:#898a8a; color:#FFFFFF; font-size:.9em; }
      .profile-item > .form-container { width:84%; padding:8% 8% 0 8%; }
        .profile-item label { display:block; width:100%; padding-bottom:4px; text-align:center; color:#575959; font-size:.7em;  }
        .profile-item input[type="text"] { text-align:center; width:88%; padding:6%; border:none; margin-bottom:8%; background-color:#E5EBE7; color:#575959; font-size:1em; font-family: "Gotham SSm A", "Gotham SSm B"; font-style: normal; font-weight: 300; }
        .profile-item input[type="button"] { text-align:center; width:100%; padding:6%; border:none; margin-bottom:8%; background-color:#E5EBE7; color:#575959; font-size:1em; font-family: "Gotham SSm A", "Gotham SSm B"; font-style: normal; font-weight: 300; }
        .profile-item input[type="button"]:hover { background-color:#cbd4d8; }
        .profile-item input:hover { background-color:#cbd4d8; }
        .profile-item input:placeholder { color:#797A7A; }
        .profile-item input:-webkit-input-placeholder { color:#797A7A; }
        .profile-item textarea { text-align:left; width:88%; padding:6%; border:none; margin-bottom:8%; background-color:#; color:#575959; font-size:1em; font-family: "Gotham SSm A", "Gotham SSm B"; font-style: normal; font-weight: 300; }
        .styled-select { overflow:hidden; height:48px; width:100%; margin-bottom:8%; background: url('assets/art/static/select-arrow.svg') no-repeat right #E5EBE7; }
        .profile-item select { background: transparent; padding-left:8% !important; height: 48px; -webkit-appearance:none; -moz-appearance:none; appearance:none; width:107%; border:0; border-radius:0; color:#575959; font-size:1em; font-family: "Gotham SSm A", "Gotham SSm B"; font-style: normal; font-weight: 300; }
        .profile-form-button { width:100%; margin-bottom:8%; overflow:auto; }
          .profile-form-button li { float:left; width:48%; margin-right:4%; height:48px; position:relative; }
          .profile-form-button li:last-of-type { margin-right:0; }
          .profile-form-button input, .profile-form-button label { display:block; position:absolute; top:0; left:0; right:0; bottom:0; }
          .profile-form-button input[type=radio] { opacity:0.011; z-index:100; width:100%; height:100%; cursor:pointer; padding:0; margin:0; border:none; }
          .profile-form-button input[type=radio]:checked + label { background:#00A79D;color:#FFFFFF; }
          .profile-form-button label { text-align:center; cursor:pointer; padding:17px 0; border:none; background-color:#E5EBE7; color:#575959; font-size:1em; font-family: "Gotham SSm A", "Gotham SSm B"; font-style: normal; font-weight: 300; z-index:90; }
          .profile-form-button label:hover {  background:#cbd4d8; }
    #profile-category { height:100px!important; margin-bottom:8%; font-size:.65em; color:#575959; background-color:#E5EBE7; padding:3%; width:100%; }
    .profile-item select[multiple] { width:90%; min-height:200px; white-space:normal !important; word-break: break; }
    .profile-username { text-align:center; width:88%; padding:6%; margin-bottom:8%; background-color:#E5EBE7; color:#575959; font-size:1em; font-family:"Gotham SSm A", "Gotham SSm B"; font-style:normal; font-weight:300; }
    .profile-textarea { text-align:left; width:88%; padding:6%; margin-bottom:8%; background-color:#ffffff; color:#575959; font-size:1em; font-family:"Gotham SSm A", "Gotham SSm B"; font-style:normal; font-weight:300; }
    .ancc-cert-box { width:100%; border-bottom:6px solid #E5EBE7; margin-bottom:8%; }
    .fa-asterisk { color:#B20000; font-size:.7em; vertical-align: top; }
    .ancc-review-button { margin:8% 0; }
      .ancc-review-button a { display:inline-block; text-align:center; font-size:.7em; line-height:1.3em; padding:2%; width:96%; background-color:#00A79D; color:#fff; }
      .ancc-review-button a:hover { background-color:#008E85; }
    .profile-form-static-button li { height:50px; }
    .profile-form-static-button h1 { text-align:center; padding:17px 0; border:none; background-color:#E5EBE7; color:#575959; font-size:1em; font-family:"Gotham SSm A", "Gotham SSm B"; font-style:normal; font-weight:300; z-index:90; }
    .profile-static-return a { position:absolute; top:0; right:0; padding:2%; color:#FFFFFF; font-size:1em; background-color:#00A79D; border:none; }
    .profile-static-return a:hover { background-color: #008E85; }
    
  .profile {  }
    .profile header { padding:0 0 3% 0; text-align:center; color:#575959; position:relative; }
      .profile header h2 { font-size:2.2em; padding-bottom:10px; }
      .profile header h4 { font-size:1em; line-height:1.3em; width:60%; margin:0 20%; }
      .profile button { position:absolute; top:0; right:0; padding:2%; color:#FFFFFF; font-size:1em; background-color:#00A79D; border:none; cursor:pointer; }
      .profile button:hover { background-color:#008e85; }
      .profile article { overflow:auto; }
        .profile-form-button { width:100%; overflow:auto; }
          .profile-form-button li { float:left; width:48%; margin-right:4%; height:60px; position:relative; }
          .profile-form-button li:last-of-type { margin-right:0; }
          .profile-form-button li:hover { background:#cbd4d8; }
          .profile-form-button input, .profile-form-button label { display:block; position:absolute; top:0; left:0; right:0; bottom:0; }
          .profile-form-button input[type=radio] { opacity:0.011; z-index:100; width:100%; height:100%; cursor:pointer; padding:0; margin:0; border:none; }
          .profile-form-button input[type=radio]:checked + label { background:#00A79D;color:#FFFFFF; }
          .profile-form-button label { text-align:center; cursor:pointer; padding:22px 0; border:none; background-color:#E5EBE7; color:#575959; font-size:1em; font-family: "Gotham SSm A", "Gotham SSm B"; font-style: normal; font-weight: 300; z-index:99; transition: all .2s ease-in-out; }
          .profile-form-button label:hover { background-color:#cbd4d8; }
        .profile-item input[type="text"] { text-align:center; width:100%; height:17px; padding:22px 0; border:none; background-color:#E5EBE7; color:#575959; font-size:1em; font-family: "Gotham SSm A", "Gotham SSm B"; font-style: normal; font-weight: 300; }
        .profile-item input[type="date"] { text-align:left; width:90%; height:17px; padding:22px 5%; border:none; background-color:#E5EBE7; color:#575959; font-size:1em; font-family: "Gotham SSm A", "Gotham SSm B"; font-style: normal; font-weight: 300; }
        .profile-item input[type="button"] { text-align:center; width:100%; padding:6%; border:none; margin-bottom:8%; background-color:#E5EBE7; color:#575959; font-size:1em; font-family: "Gotham SSm A", "Gotham SSm B"; font-style: normal; font-weight: 300; }
        .profile-item input[type="button"]:hover { background-color:#cbd4d8; }
        .profile-item input:hover { background-color:#cbd4d8; }
        .profile-item input:placeholder { color:#797A7A; }
        .profile-item input:-webkit-input-placeholder { color:#797A7A; }
        .profile-item textarea { text-align:left; width:88%; padding:6%; border:none; margin-bottom:8%; background-color:#; color:#575959; font-size:1em; font-family: "Gotham SSm A", "Gotham SSm B"; font-style: normal; font-weight: 300; }
        .styled-select { overflow:hidden; height:60px; width:100%; background: url('/assets/art/static/select-arrow.svg') no-repeat right #E5EBE7; }
        .profile-item select { background: transparent; padding-left:8% !important; height:60px; -webkit-appearance:none; -moz-appearance:none; appearance:none; width:107%; border:0; border-radius:0; color:#575959; font-size:1em; font-family: "Gotham SSm A", "Gotham SSm B"; font-style: normal; font-weight: 300; }
        .profile-form-button { width:100%; overflow:auto; }
        .fa-asterisk { color:#B20000; font-size:.7em; vertical-align: top; }
        .profile-username { text-align:center; width:100%; height:17px; padding:22px 0; background-color:#E5EBE7; color:#575959; font-size:1em; font-family:"Gotham SSm A", "Gotham SSm B"; font-style:normal; font-weight:300; }
        .profile-region { width:100%; background:#fff; border-top:4px solid #00a79d; margin-bottom:4%; }
          .profile-row { width:95%; padding:2.5% 2.5% 2.3% 2.5%; border-bottom:2px solid #e5ebe7; }
            .profile-row h1 { text-transform:uppercase; padding-bottom:2.75%; text-align:center; color:#575959; font-size:.65em; }
          .profile-row-norule { border:none; padding-bottom:0; }
            .profile-row .profile-row-header { text-align:center; text-transform:uppercase; color:#575959; font-size:2em; }
              .profile-row .profile-row-header h5 { margin-top:0; margin-bottom:0; }
            .profile-item-subcat { width:100%; background-color:#aeafaf; padding:.75% 0; margin-bottom:2%; color:#fff; text-align:center; font-size:.75em; }
            .profile-row-1-col { overflow:auto; }
              .profile-row-1-col .profile-item { width:100%; }
              .profile-row-1-col .profile-form-button li { width:49.25%; margin-right:1.5%; }
              .profile-row-1-col .profile-form-button li:last-child { margin-right:0; }
              .profile-row-1-col h1 { padding-bottom:1%; }
            .profile-row-2-col { overflow:auto; }
              .profile-row-2-col .profile-item { float:left; width:48.25%; margin-right:3.5%; }
              .profile-row-2-col .profile-item:last-child {  margin-right:0; }
            .profile-row-3-col { overflow:auto; }
              .profile-row-3-col .profile-item { float:left; width:31%; margin-right:3.5%; }
              .profile-row-3-col .profile-item:last-child {  margin-right:0; }

  .profile {  }
    .profile header { padding:0 0 3% 0 !important; text-align:center !important; color:#575959 !important; position:relative !important; }
      .profile header h2 { font-size:2.2em !important; padding-bottom:10px !important; }
      .profile header h4 { font-size:1em !important; line-height:1.3em !important; width:60% !important; margin:0 20% !important; }
      .profile button { position:absolute !important; top:0 !important; right:0 !important; padding:2% !important; color:#FFFFFF !important; font-size:1em !important; background-color:#00A79D !important; border:none !important; cursor:pointer !important; }
      .profile button:hover { background-color:#008e85 !important; }
      .profile article { overflow:auto !important; }
        .profile-form-button { width:100% !important; overflow:auto !important; }
          .profile-form-button li { float:left !important; width:48% !important; margin-right:4% !important; height:60px !important; position:relative !important; }
          .profile-form-button li:last-of-type { margin-right:0 !important; }
          .profile-form-button li:hover { background:#cbd4d8 !important; }
          .profile-form-button input, .profile-form-button label { display:block !important; position:absolute !important; top:0 !important; left:0 !important; right:0 !important; bottom:0 !important; }
          .profile-form-button input[type=radio] { opacity:0.011 !important; z-index:100 !important; width:100% !important; height:100% !important; cursor:pointer !important; padding:0 !important; margin:0 !important; border:none !important; }
          .profile-form-button input[type=radio]:checked + label { background:#00A79D !important;color:#FFFFFF !important; }
          .profile-form-button label { text-align:center !important; cursor:pointer !important; padding:22px 0 !important; border:none !important; background-color:#E5EBE7 !important; color:#575959 !important; font-size:1em !important; font-family: "Gotham SSm A", "Gotham SSm B" !important; font-style: normal !important; font-weight: 300 !important; z-index:99 !important; transition: all .2s ease-in-out !important; }
          .profile-form-button label:hover { background-color:#cbd4d8 !important; }
        .profile-item input[type="text"] { text-align:center !important; width:100% !important; height:17px !important; padding:22px 0 !important; border:none !important; background-color:#E5EBE7 !important; color:#575959 !important; font-size:1em !important; font-family: "Gotham SSm A", "Gotham SSm B" !important; font-style: normal !important; font-weight: 300 !important; }
        .profile-item input[type="date"] { text-align:left !important; width:90% !important; height:17px !important; padding:22px 5% !important; border:none !important; background-color:#E5EBE7 !important; color:#575959 !important; font-size:1em !important; font-family: "Gotham SSm A", "Gotham SSm B" !important; font-style: normal !important; font-weight: 300 !important; }
        .profile-item input[type="button"] { text-align:center !important; width:100% !important; padding:6% !important; border:none !important; margin-bottom:8% !important; background-color:#E5EBE7 !important; color:#575959 !important; font-size:1em !important; font-family: "Gotham SSm A", "Gotham SSm B" !important; font-style: normal !important; font-weight: 300 !important; }
        .profile-item input[type="button"]:hover { background-color:#cbd4d8 !important; }
        .profile-item input:hover { background-color:#cbd4d8 !important; }
        .profile-item input:placeholder { color:#797A7A !important; }
        .profile-item input:-webkit-input-placeholder { color:#797A7A !important; }
        .profile-item textarea { text-align:left !important; width:88% !important; padding:6% !important; border:none !important; margin-bottom:8% !important; background-color:# !important; color:#575959 !important; font-size:1em !important; font-family: "Gotham SSm A", "Gotham SSm B" !important; font-style: normal !important; font-weight: 300 !important; }
        .styled-select { overflow:hidden !important; height:60px !important; width:100% !important; background: url('/assets/art/static/select-arrow.svg') no-repeat right #E5EBE7 !important; }
        .profile-item select { background: transparent !important; padding-left:8% !important !important; height:60px !important; -webkit-appearance:none !important; -moz-appearance:none !important; appearance:none !important; width:107% !important; border:0 !important; border-radius:0 !important; color:#575959 !important; font-size:1em !important; font-family: "Gotham SSm A", "Gotham SSm B" !important; font-style: normal !important; font-weight: 300 !important; }
        .profile-form-button { width:100% !important; overflow:auto !important; }
        .fa-asterisk { color:#B20000 !important; font-size:.7em !important; vertical-align: top !important; }
        .profile-username { text-align:center !important; width:100% !important; height:17px !important; padding:22px 0 !important; background-color:#E5EBE7 !important; color:#575959 !important; font-size:1em !important; font-family:"Gotham SSm A", "Gotham SSm B" !important; font-style:normal !important; font-weight:300 !important; }
        .profile-region { width:100% !important; background:#fff !important; border-top:4px solid #00a79d !important; margin-bottom:4% !important; }
          .profile-row { width:95% !important; padding:2.5% 2.5% 2.3% 2.5% !important; border-bottom:2px solid #e5ebe7 !important; }
            .profile-row h1 { text-transform:uppercase !important; padding-bottom:2.75% !important; text-align:center !important; color:#575959 !important; font-size:.65em !important; }
          .profile-row-norule { border:none !important; padding-bottom:0 !important; }
            .profile-row .profile-row-header { text-align:center !important; text-transform:uppercase !important; color:#575959 !important; font-size:2em !important; }
              .profile-row .profile-row-header h5 { margin-top:0 !important; margin-bottom:0 !important; }
            .profile-item-subcat { width:100% !important; background-color:#aeafaf !important; padding:.75% 0 !important; margin-bottom:2% !important; color:#fff !important; text-align:center !important; font-size:.75em !important; }
            .profile-row-1-col { overflow:auto !important; }
              .profile-row-1-col .profile-item { width:100% !important; }
              .profile-row-1-col .profile-form-button li { width:49.25% !important; margin-right:1.5% !important; }
              .profile-row-1-col .profile-form-button li:last-child { margin-right:0 !important; }
              .profile-row-1-col h1 { padding-bottom:1% !important; }
            .profile-row-2-col { overflow:auto !important; }
              .profile-row-2-col .profile-item { float:left !important; width:48.25% !important; margin-right:3.5% !important; }
              .profile-row-2-col .profile-item:last-child {  margin-right:0 !important; }
            .profile-row-3-col { overflow:auto !important; }
              .profile-row-3-col .profile-item { float:left !important; width:31% !important; margin-right:3.5% !important; }
              .profile-row-3-col .profile-item:last-child {  margin-right:0 !important; }*/


     .profile {  }
        .profile header { padding:0 0 3% 0 !important; text-align:center !important; position:relative !important; }
          .profile header h2 { font-size:2.2em !important; padding-bottom:10px !important; color:#575959 !important; }
          .profile header h4 { font-size:1em !important; line-height:1.3em !important; width:60% !important; margin:0 20% !important; color:#575959 !important; }
          .profile button { position:fixed; bottom:30px; right:30px; z-index:109; box-shadow:2px 2px 10px #575959; -moz-box-shadow:2px 2px 10px #575959; -webkit-box-shadow:2px 2px 10px #575959; padding:2% !important; color:#FFFFFF !important; font-size:1em !important; background-color:#00A79D !important; border:none !important; cursor:pointer !important; }
          .profile button:hover { background-color:#008e85 !important; }
          .profile article { overflow:auto !important; }
            .profile-form-button { width:100% !important; }
              .profile-form-button li { float:left !important; width:48% !important; margin-right:4% !important; height:60px !important; position:relative !important; }
              .profile-form-button li:last-of-type { margin-right:0 !important; }
              .profile-form-button li:hover { background:#cbd4d8 !important; }
              .profile-form-button input, .profile-form-button label { display:block !important; position:absolute !important; top:0 !important; left:0 !important; right:0 !important; bottom:0 !important; border:none !important; box-shadow:0 !important; box-sizing:initial !important; border-radius:none !important; }
              .profile-form-button input[type=radio] { opacity:0.011 !important; z-index:100 !important; width:100% !important; height:100% !important; cursor:pointer !important; padding:0 !important; margin:0 !important; border:none !important; }
              .profile-form-button input[type=radio]:checked + label { background:#00A79D !important;color:#FFFFFF !important; }
              .profile-form-button label { text-align:center !important; cursor:pointer !important; padding:22px 0 !important; border:none !important; background-color:#E5EBE7 !important; color:#575959 !important; font-size:1em !important; font-family: "Gotham SSm A", "Gotham SSm B" !important; font-style: normal !important; font-weight: 300 !important; z-index:99 !important; transition: all .2s ease-in-out !important; }
              .profile-form-button label:hover { background-color:#cbd4d8 !important; }
            .profile-item input[type="text"] { text-align:center !important; width:100% !important; height:60px !important; padding:22px 0 !important; border:none !important; background-color:#E5EBE7 !important; color:#575959 !important; font-size:1em !important; font-family: "Gotham SSm A", "Gotham SSm B" !important; font-style: normal !important; font-weight: 300 !important; }
            .profile-item input[type="file"] { text-align:center !important; width:100% !important; box-sizing:border-box; height:60px !important; padding:20px 0 22px 22px !important; border:none !important; background-color:#E5EBE7 !important; color:#575959 !important; font-size:1em !important; font-family: "Gotham SSm A", "Gotham SSm B" !important; font-style: normal !important; font-weight: 300 !important; }
            .profile-item input[type="date"] { text-align:left !important; width:90% !important; height:60px !important; padding:22px 5% !important; border:none !important; background-color:#E5EBE7 !important; color:#575959 !important; font-size:1em !important; font-family: "Gotham SSm A", "Gotham SSm B" !important; font-style: normal !important; font-weight: 300 !important; }
            .profile-item input[type="button"] { text-align:center !important; width:100% !important; padding:6% !important; border:none !important; margin-bottom:8% !important; background-color:#E5EBE7 !important; color:#575959 !important; font-size:1em !important; font-family: "Gotham SSm A", "Gotham SSm B" !important; font-style: normal !important; font-weight: 300 !important; }
            .profile-item input[type="button"]:hover { background-color:#cbd4d8 !important; }
            .profile-item input:hover { background-color:#cbd4d8 !important; }
            .profile-item input:placeholder { color:#797A7A !important; }
            .profile-item input:-webkit-input-placeholder { color:#797A7A !important; }
            .profile-item textarea { text-align:left !important; width:88% !important; border:none !important; color:#575959 !important; font-size:1em !important; font-family: "Gotham SSm A", "Gotham SSm B" !important; font-style: normal !important; font-weight: 300 !important; }
            .styled-select { overflow:hidden !important; height:60px !important; width:100% !important; background: url('/assets/art/static/select-arrow.svg') no-repeat right #E5EBE7 !important; }
            .profile-item select { background: transparent !important; padding-left:8% !important; height:60px !important; -webkit-appearance:none !important; -moz-appearance:none !important; appearance:none !important; width:107% !important; border:0 !important; border-radius:0 !important; color:#575959 !important; font-size:1em !important; font-family: "Gotham SSm A", "Gotham SSm B" !important; font-style: normal !important; font-weight: 300 !important; }
            .fa-asterisk { color:#B20000 !important; font-size:.7em !important; vertical-align: top !important; }
            .profile-username { text-align:center !important; width:100% !important; height:17px !important; padding:22px 0 !important; background-color:#E5EBE7 !important; color:#575959 !important; font-size:1em !important; font-family:"Gotham SSm A", "Gotham SSm B" !important; font-style:normal !important; font-weight:300 !important; }
            .profile-region { width:100% !important; background:#fff !important; border-top:4px solid #00a79d !important; margin-bottom:4% !important; }
            .profile-region:last-child { margin-bottom:0 !important; }
              .profile-row { width:95% !important; padding:2% 2.5% 1.7% 2.5% !important; border-bottom:2px solid #e5ebe7 !important; }
                .profile-row h1 { text-transform:uppercase !important; padding-bottom:2.75% !important; text-align:center !important; color:#575959 !important; font-size:.65em !important; }
              .profile-row-norule { border:none !important; padding-bottom:0 !important; }
                .profile-row .profile-row-header { text-align:center !important; text-transform:uppercase !important; }
                  .profile-row .profile-row-header h5 { margin-top:0 !important; margin-bottom:0 !important; color:#575959 !important; font-size:2.4em !important; }
                .profile-item-subcat { width:100% !important; background-color:#aeafaf !important; padding:.75% 0 !important; margin-bottom:2% !important; color:#fff !important; text-align:center !important; font-size:.75em !important; }
                .profile-row-1-col { overflow:auto !important; }
                  .profile-row-1-col .profile-item { width:100% !important; }
                  .profile-row-1-col .profile-form-button li { width:49.25% !important; margin-right:1.5% !important; }
                  .profile-row-1-col .profile-form-button li:last-child { margin-right:0 !important; }
                  .profile-row-1-col h1 { padding-bottom:1% !important; }
                .profile-row-2-col { overflow:auto !important; }
                  .profile-row-2-col .profile-item { float:left !important; width:48.25% !important; margin-right:3.5% !important; }
                  .profile-row-2-col .profile-item:last-child {  margin-right:0 !important; }
                  .profile-row-2-col h1 { padding-bottom:1.75% !important; }
                .profile-row-3-col { overflow:auto !important; }
                  .profile-row-3-col .profile-item { float:left !important; width:31% !important; margin-right:3.5% !important; }
                  .profile-row-3-col .profile-item:last-child {  margin-right:0 !important; }
                .profile-row-4-col  { overflow:auto !important; }
                  .profile-row-4-col .profile-item { float:left !important; width:22.75% !important; margin-right:3% !important; }
                  .profile-row-4-col .profile-item:last-child {  margin-right:0 !important; }
                .profile-back-to-top { width:94%; margin:0 3% 4% 3%; text-align:center; }
                  .profile-back-to-top button { width:100%; padding:2% 0; background-color:#fff100; border:none; font-size:1em; color:#575959; cursor:pointer; text-decoration:none; }
                  .profile-back-to-top button:hover { background-color:#fffa9d; }
                  .profile-back-to-top button:focus { outline:0; }
        .profile-error { box-sizing:border-box; width:100%; background:red; color:#ffffff; text-align:center; padding:10px; margin-bottom:10px; }
          .profile-error h2 { color:#ffffff; }
        .term_left_bhsf, .term_changed_entity { display:none; }
        .term p { font-weight:300; }
        .profile.term button {
            position: initial;
            bottom: auto;
            right: 30px;
            z-index: 109;
            box-shadow: none;
            -moz-box-shadow: none;
            -webkit-box-shadow: none;
            box-sizing:border-box;
            width:100%;
            padding: 2% !important;
            color: #FFFFFF !important;
            background-color: #00A79D !important;
            border: none !important;
            cursor: pointer !important; }
          .profile.term button:hover { background-color: #008e85 !important; }
          .profile.term button h5 { font-size:1.2em !important; }
        .term .ddct-return-button h5 { padding-bottom:8px; }

        #cform .profile-item-upload { display:block; width:95%; border-bottom:2px solid #e5ebe7; padding:2% 2.5% 1.7% 2.5%; overflow:auto; }
          #cform .profile-item-upload h4 { font-weight:400; color:#575959; font-size:1em; text-align:center; }
          #cform .profile-item-upload a { color:#000; font-size:1em; }
          #cform .profile-item-upload p { font-weight:400 !important; }
        #cform .profile-item .filename { width:100%; border:none; padding:0; margin:0; background-color:#E5EBE7; height:60px; }
        #cform .profile-item .file_set p { font-weight:400 !important; }
        #cform .profile-item .filename a { padding-top:3px; font-size:.6em; color:red; }

        .profile-row-reintate-instruction { color:#575959; text-align:center; padding-bottom:2%; }
          #cform .profile-row-reintate-instruction h2 { font-size:1.4em; padding-bottom:1%; }
          #cform .profile-row-reintate-instruction h4 { font-size:1em; line-height:1.3em; }
          #cform .profile-row-reintate .profile-form-button li { width:100% !important; }
          .profile-row-reintate-profile-update { box-sizing:border-box; width:94%; margin:3%; padding:2%; box-shadow:1px 1px 8px 4px #cbd4d8; border-top:solid 4px #00a79d; transition: all .2s ease-in-out; text-align:center; line-height:1.3em; }
          .profile-row-reintate-profile-update:hover { box-shadow:1px 1px 16px 4px #aebcc2; }
          #cform .profile-row-reintate-profile-update h4 { margin-bottom:8px; color:#575959; }
          #cform .profile-row-reintate-profile-update a { display:inline-block; padding:2%; background-color:#00a79d; color:#fff; }
          #cform .profile-row-reintate-profile-update a:hover { background-color:#008e85; }
          #cform .search-entity-warning { display:flex; justify-content:center; align-items:center; margin-bottom:8px; overflow:initial !important; }
            #cform .search-entity-warning h3 { text-align:center; color:#575959; font-size:1em !important; background-color:#ffffd4 !important; }


/*##############################################################################################################################################
##############################################################################################################################################*/

  /* 3) PEER EVALUATION */
   .peer {  }
      .peer header { padding:0 0 3% 0; text-align:center; color:#575959; }
        .peer header h2 { font-size:2.2em; padding-bottom:10px; }
        .peer header h4 { font-size:1em; line-height:1.3em; }
      .peer-header { display:block; width:100%; }
        .peer-header h5 { display:block; width:100%; padding:8px 0; font-size:1em; color:#FFFFFF; text-align:center; background-color:#00A79D; }
        .peer-header-input-container { padding:3%; background-color:#CBD4D8; }
        .peer-header input { text-align:center; border:none; width:88%; padding:6%; background-color:#E5EBE7; color:#575959; font-size:1.4em; font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, Arial, san-serif; font-style: normal; font-weight: 300; }
        .peer-header input:hover { background-color:#FFFFFF; }
      .eval-legend { width:96%; background-color:#FFFFFF; padding:2%; overflow:auto; }
        .eval-legend h2 { display:block; width:100%; margin-bottom:1%; text-align:center; font-size:.65em; text-transform:uppercase; color:#575959; }
        .eval-legend ul { width:100%; }
          .eval-legend li { float:left; margin-right:1%; width:19.2%; height:auto; }
          .eval-legend li:last-of-type { margin-right:0; }
            .legend-left { display:inline-block; margin-right:-5px; padding:6% .5%; background-color:#575959; width:17%; height:4em; text-align:center; vertical-align:top; }
              .legend-left h1 { color:#FFFFFF; font-size:2em; vertical-align: middle; }
            .legend-right { display:inline-block; padding:6%; width:70%; height:4em; background-color:#CBD4D8; }
              .legend-right p { font-size:10px; font-weight:400; }
              .legend-right p:last-child { padding-top:3px; }
      .peer-content-container { width:96%; padding:0 2% 2% 2%; background-color:#FFFFFF; overflow:auto; }
      .peer-content-container:last-child { padding-bottom:0; }
        .peer-content-header { display:block; width:100%; padding:8px 0 7px 0; background-color:#575959; text-align:center; }
          .peer-content-header h4 { font-size:.9em; color:#FFFFFF; text-transform:uppercase; }
        .peer-content { width:94%; padding:3%; background-color:#E5EBE7; overflow:auto; }
          .peer-content-left { float:left; width:43%; padding:3%; margin-right:2%; background-color:#FFFFFF; color:#575959; line-height:1.3em; }
            .peer-content-left h2 { font-size:1em!important; padding-bottom:5%; }
            .peer-content-left p { padding-bottom:2.5%; margin:0!important; font-weight:400; }
          .peer-content-right { float:right; width:43%; padding:3%; background-color:#FFFFFF; }
            .peer-content-right ul { width:100%; margin-bottom:4%; overflow: auto; }
            .peer-content-right li { float:left; width:18%; margin-right:2.5%; height:66px; padding-bottom:0!important; position:relative; font-weight:800; }
            .peer-content-right li:last-of-type { margin-right:0; }
            .peer-content-right textarea { border:none; padding:0; width:100%; min-height:300px; background-color:#ffffff; font-size:1em; color:#575959; }
            /*.peer-content-right textarea:hover { background-color:#E5EBE7; }*/
            .peer-content-right input, .peer-content-right label { cursor:pointer; display:block; position:absolute; top:0; left:0; right:0; bottom:0; }
            .peer-content-right input[type=radio] { opacity:0.011; z-index:100; }
            .peer-content-right input[type=radio]:checked + label { background:#00A79D;color:#FFFFFF; }
            .peer-content-right label { text-align:center; cursor:pointer; padding:17px 0; border:none; background-color:#E5EBE7; color:#575959; font-size:2em; font-family: "Gotham SSm A", "Gotham SSm B"; font-style: normal; font-weight: 800; z-index:90; transition: all .2s ease-in-out; }
            .peer-content-right label:hover {  background:#cbd4d8; }
        .peer-content-submit-button { width:100%; margin:2% 0; overflow:auto; }
          .peer-content-submit-left { float:left; width:49%; margin-right:1%; cursor:pointer; border:none; padding:3%; background-color:#00A79D; color:#FFFFFF; font-size:1.3em; }
          .peer-content-submit-right { float:left; width:49%; margin-left:1%; cursor:pointer; border:none; padding:3%; background-color:#00A79D; color:#FFFFFF; font-size:1.3em; }
          .peer-content-submit-button button:hover { background-color:#008E85; }
        .peer-content-submit { width:100%; margin-top:2%; }
          .peer-content-submit button { margin-bottom:2%; cursor:pointer; border:none; width:100%; padding:3%; background-color:#00A79D; color:#FFFFFF; font-size:1.3em; }
          .peer-content-submit button:hover { background-color:#008E85; }
      .peer-peformed-option { display:block; width:94%; padding:3% 3% 1% 3%; background-color:#FFFFFF; }
        .peer-peformed-option h1 { font-size:1.3em; text-align:center; padding-bottom:1%; }
        .peer-peformed-option ul { width:100%; padding-bottom:3%; border-bottom:solid 2px #CBD4D8; overflow: auto; }
        .peer-peformed-option li { float:left; width:32.5%; margin-right:1%; height:50px; position:relative; font-weight:800; }
        .peer-peformed-option li:last-of-type { margin-right:0; }
        .peer-peformed-option input, .peer-peformed-option label { cursor:pointer; display:block; position:absolute; top:0; left:0; right:0; bottom:0; }
        .peer-peformed-option input[type=radio] { opacity:0.011; z-index:100; }
        .peer-peformed-option input[type=radio]:checked + label { background:#00A79D;color:#FFFFFF; }
        .peer-peformed-option label { text-align:center; cursor:pointer; padding:17px 0; border:none; background-color:#E5EBE7; color:#575959; font-size:1em; font-family:"Gotham SSm A", "Gotham SSm B"; font-style:normal; font-weight:400; z-index:90; transition: all .2s ease-in-out; }
        .peer-peformed-option label:hover {  background:#cbd4d8; }
      /*.peer-content-submit { width:100%; margin-top:2%; }
        .peer-content-submit button { float:left; width:44%; cursor:pointer; border:none; padding:3%; background-color:#00A79D; color:#FFFFFF; font-size:1.3em; }
        .peer-content-submit button:hover { background-color:#008E85; }*/
      .peer-member-list { width:96%; margin:2% 0; background:#ffffff; padding:2%; }
        .peer-member-list h2 { width:100%; color:#fff; text-align:center; padding:12px 0 10px 0; background-color:#797A7A; line-height:1.3em; font-size:.9em; margin-bottom:2%; }
        .awesomplete { width:100%; font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, Arial, san-serif; font-style: normal; font-weight: 400; }
        .awesomplete > input { display:block; width:96%; padding:2%; }
        .awesomplete > ul { font-size:1.3em; padding:2% 0; text-align:center; z-index:199; }
        .awesomplete > ul > li { padding:1.4% 0; }
        .awesomplete > ul:before { left:50%; }
        .awesomplete > ul > li:hover { background:#CBD4D8; }
        .awesomplete > ul > li[aria-selected="true"] { background:#00A79D; }

/*##############################################################################################################################################
##############################################################################################################################################*/

  /* 4) PERFORMANCE EVALUATION */
    .performance {  }
      .performance header { padding:0 0 3% 0; text-align:center; color:#575959; }
        .performance header h2 { font-size:2.2em; padding-bottom:10px; }
        .performance header h4 { font-size:1em; line-height:1.3em; }
      md-tabs-canvas { background-color:#575959; font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, Arial, san-serif; font-style: normal; font-weight: 400; }
      .md-tab { padding:12px; font-size:13px; }
      .md-tab:hover { padding:12px; font-size:13px; background-color:#797A7A; }
      md-tabs.md-default-theme .md-tab, md-tabs .md-tab { background-color:#575959; color:#FFFFFF; }
      .md-tab.md-active { color:#FFFFFF !important; background-color:#00A79D; }
      md-tabs md-ink-bar { background-color:#FFF100; color:#FFF100; }
      .md-padding { padding:0; }
      .md-content.md-default-theme, md-content { background:none; }
    .performance-content-header { width:96%; padding:2%; background-color:#CBD4D8; margin-bottom:3%; text-align:center; font-size:1.2em; line-height:1.3em; color:#575959; }
    .mid-year .performance-content-header { margin-bottom:0; }
    .performance-content-header h2 { font-size:1.8em; margin:0 0 1.5% 0; color:#575959; }
    .performance-content { display:block; width:100%; margin-bottom:3%; overflow:auto; height:auto; }
    .performance-content-three-col { float:left; width:32.5%; margin-right:1.25%; background-color:#FFFFFF; overflow: auto; }
    .performance-content-two-col { float:left; width:66.25%; margin-right:2%; background-color:#FFFFFF; overflow: auto; }
    .performance-content-two-col-overall { float:left; width:49%; margin-right:2%; background-color:#FFFFFF; overflow: auto; }
    .performance-content-one-col-overall { display:block; width:100%; background-color:#FFFFFF; overflow: auto; }
    .performance-content-one-col { display:block; width:100%; background-color:#FFFFFF; overflow: auto; }
    .performance-content-three-col:last-of-type { margin-right:0; }
    .performance-content-two-col:last-of-type { margin-right:0; }
    .performance-content-two-col-overall:last-of-type { margin-right:0; }
    .performance-content-two-col-unitrating { float:left; width:49%; margin-right:2%; margin-bottom:2%; background-color:#FFFFFF; overflow: auto; }
    .performance-content-two-col-unitrating:nth-of-type(2n) { margin-right:0; }
      .performance-content-subhead { width:100%; padding:8px 0; background-color:#CBD4D8; color:#575959; text-transform:uppercase; font-size:.6em; text-align:center; }
      .performance-content ul { width:84%; padding:8%; }
        .performance-content li { display:block; padding-bottom:6px; color:#575959; }
        .performance-content li:last-child { padding-bottom:0; }
        .performance-content li h2 { font-size:1.6em; }
        .performance-content li p { font-size:1em; font-weight:400; line-height:1.3em; margin-bottom:4%; }
      .performance-content .performance-content-form { width:88%; padding:6%; }
       .performance-content .performance-content-form p { line-height:1.3em; margin-top:6%; padding:0; width:100%; min-height:200px; background-color:#FFFFFF; font-size:1em; color:#575959; font-family:"Gotham SSm A", "Gotham SSm B", Helvetica, Arial, san-serif; font-style:normal; font-weight:300; }
      .performance-content .performance-content-form li h1 { text-align:center; padding:13px 0; background-color:#E5EBE7; color:#575959; font-size:2em; }
      .performance-content .performance-content-form-one-col { width:94%; padding:3%; }
       .performance-content .performance-content-form-one-col p { line-height:1.3em; margin-top:6%; padding:0; width:100%; min-height:300px; background-color:#FFFFFF; font-size:1em; color:#575959; font-family:"Gotham SSm A", "Gotham SSm B", Helvetica, Arial, san-serif; font-style:normal; font-weight:300; }
      .performance-content .performance-content-form-one-col li h1 { text-align:center; padding:13px 0; background-color:#E5EBE7; color:#575959; font-size:2em; }
        .performance-content textarea { width:100%; border:none; min-height:240px; color:#575959; padding:0; }
        /*.performance-content textarea:hover { background-color:#E5EBE7; }*/
      .performance-content h3 { width: 100%; padding:1.25% 0 1% 0; margin: 3% 0 1% 0; text-align: center; background-color:#575959; text-transform: uppercase; color: #fff; }
      .performance-legend ul { width:100%; padding:0; }
      .performance-legend li { float:left; width:18%; margin-right:2.5%; height:50px; position:relative; font-weight:800; }
      .performance-legend li:last-of-type { margin-right:0; padding-bottom:6px; }
      .performance-legend textarea { line-height:1.3em; margin-top:6%; padding:0; border:none; width:100%; min-height:380px; background-color:#FFFFFF; font-size:1em; color:#575959; }
      .mid-year .performance-legend textarea { margin-top:0; min-height:260px; }
      .mid-year .performance-legend .performance-content-form textarea { margin-top:0; }
      .mid-year .accept-fields h1 { font-size:1.5em; width:90%; height:auto; padding-top:1.5%; }
      .mid-year .accept-fields h4 { float:right; margin-right:2%; padding-top:4px; }
      .performance-legend input, .performance-legend label { display:block; position:absolute; top:0; left:0; right:0; bottom:0; }
      .performance-legend input[type=radio] { opacity:0.011; z-index:100; }
      .performance-legend input[type=radio]:checked + label { background:#00A79D;color:#FFFFFF; }
      .performance-legend label { text-align:center; cursor:pointer; padding:13px 0; border:none; background-color:#E5EBE7; color:#575959; font-size:2em; font-family: "Gotham SSm A", "Gotham SSm B"; font-style: normal; font-weight: 800; z-index:90; transition: all .2s ease-in-out; }
      .performance-legend label:hover {  background:#cbd4d8; }
      .sp-left { float:left; width:49%; margin-right:2%; }
        .sp-left ul { vertical-align:top; }
      .sp-right { float:right; width:49%; }
        .sp-right ul { vertical-align:top; }
      .strategic-planning-radio { width:88%; padding:2% 6%; overflow:auto; }
        .strategic-planning-radio p { text-align:center; padding:13px 0; background-color:#E5EBE7; color:#575959; font-size:2em !important; font-family:"Gotham SSm A", "Gotham SSm B"; font-style:normal; font-weight:800 !important; line-height:1em !important; }
      .display_none { display:none !important; }
      .secondary-manager input { position:static; width:96%; padding:2%; margin-bottom:2%; border:none; background-color:#E5EBE7; color:#797A7A; }
      .secondary-manager input:hover { background-color:#fff; }
      .secondary-manager h4, .action-plan h4 { display:block; width:100%; color:#797A7A; text-align:center; font-size:1.2em; text-transform:uppercase; }
      .action-plan input { position:static; width:96%; padding:2%; margin-bottom:2%; border:none; background-color:#E5EBE7; color:#797A7A; }
      .action-plan input:hover, .action-plan textarea:hover { background-color:#fff; }
      .action-plan label { display:block; position:static; width:100%; color:#797A7A; background:none; text-align:center; font-weight:400; font-size:.9em; text-transform:uppercase; }
      .action-plan label:hover { background:none; }
      .action-plan textarea { padding:2%; width:96%; margin-top:0; background-color:#E5EBE7; }
      .action-plan p { margin-top:0 !important; }
      .rn3-accept p { padding:3% 3% 0 3%; line-height:1.3em; font-size:1.1em; }

    /* PERFORMANCE PROGRESS */
    .performance-progress { width:100%; margin-top:2.5%; padding-top:1.5%; border-top:3px solid #fff; border-bottom:3px solid #fff; padding-bottom:1.5%; }
      .performance-progress h5 { display:block; width:100%; text-align:center; color:#000; font-size:.8em; padding-bottom:6px; font-weight:400; }
      .performance-progress ul { width:100%; overflow:auto; }
       .performance-progress ul li { float:left; width:33%; margin-right:.5%; padding:.65% 0% .65% 0; }
       .performance-progress ul li h1 { color:#FFFFFF; font-size:.5em; text-align:center; font-weight:400; }
       .performance-progress ul li:last-child { margin-right:0; }
       .performance-progress ul li#performance-progress-complete { background-color:#00a79d; }
       .performance-progress ul li#performance-progress-incomplete { background-color:#a7000a; }

    /* MID-YEAR EMERGENCY DEPT. QUESTIONS */
    .mid-year-er h2 { text-align:left; font-size:1.1em; color:#575959; padding-bottom:2%; border-bottom:solid 2px #e5ebe7; }
    .mid-year-er input { display:block; position:initial; text-align:left; width:100%; padding:3% 0; border:none; background-color:#fff; color:#575959; font-size:1em; font-family:"Gotham SSm A", "Gotham SSm B"; font-style:normal; font-weight:300; border-bottom:solid 2px #e5ebe7; }
    .mid-year-er .performance-legend .performance-content-form textarea { margin-top:2%; min-height:180px; }
    .mid-year-er .performance-content-form { padding:4%; width:92%; }
    .mid-year-er .performance-content-one-col { margin-bottom:2%; }

    /* ICARE */
    .icare-legend { width:100%; text-align:center; }
      .icare-legend .performance-content-subhead { margin-bottom:1%; }
      .icare-legend ul { float:left; width:16.2%; margin-right:1%; padding:1.5%; background-color:#FFFFFF; }
      .icare-legend ul:last-child { margin-right:0; }
        .icare-legend li { display:block; }
          .icare-legend li h2 { display:block; padding-bottom:6%; margin-bottom:3%; border-bottom:2px solid #CBD4D8; font-size:1.1em;}
          .icare-legend li p { font-size:.8em; }
    .icare-choice-box { width:94%; padding:3%; background-color:#FFFFFF; margin-bottom:2%; }
    .icare-choice-box:last-child { margin-bottom:0; }
      .icare-choice-box h4 { text-align:center; padding-bottom:2%; }
      .icare-choice-box .profile-item select { padding-left:2% !important; }
      .icare-choice-box .performance-content:last-child { margin-bottom:0; }
      .icare-choice-box .performance-content .performance-content-form { padding:2%; width:96%; }
      .icare-choice-box .performance-content .performance-content-two-col { width:48%; }

    /* UNIVERSAL STANDARDS */
    .performance-standards { width:100%; width:97.4%; padding:1%; margin-bottom:2%; border-left:4px solid #00a79d; }
    .performance-standards label { font-weight:400; padding:20px 0; font-size:1.2em; }
      .performance-standards .performance-standards-right { float:right; width:20%; }
      .performance-standards .performance-standards-left { float:left; width:77%; padding:0 2% 0 1%; }
      .performance-standards h4 { padding-top:1.3%; font-size:1em; line-height:1.2em; color:#575959; }
      .performance-standards li { width:48%; }
      .performance-standards-right-static li { padding:20px 0 !important; height:auto; font-size:1.2em; text-align:center; background-color:#E5EBE7; }


/*##############################################################################################################################################
##############################################################################################################################################*/

/* 5) LOGIN */
    .login { padding-top:3%; text-align:center; }
      .login .site-footer { position:fixed; bottom:0; }
      .login img { height:200px; padding-bottom:6%; max-width:500px; }
      .login h1 { font-size:4em; color:#575959; padding-bottom:2%; text-transform:uppercase; }
      .login h4 { font-size:1.2em; color:#575959; padding-bottom:2%; }
      .login h5 { padding-top:4%; font-size:12px; }
        .login h5 a:hover { text-decoration:underline; }
      .login-start-buttons {  }
        .login-start-buttons ul { width:100%; margin:auto; }
          .login-start-buttons li { display:inline-block; height:auto; width:240px; margin-right:10px; }
          .login-start-buttons li:last-child { margin-right:0; margin-left:-4px; }
          .login-start-buttons h4 { padding:0; margin:0; }
          .login-start-buttons a { display:block; padding:20px; background-color:#FFFFFF; color:#575959; font-size:1em; }
          .login-start-buttons a:hover { background-color:#CBD4D8; }
      .login-form { display:block; width:300px; margin:auto; }
        .login input[type="text"], .login input[type="password"] { margin:auto; display:block; text-align:center; width:100%; padding:8% 0; border:none; margin-bottom:4%; background-color:#FFFFFF; color:#575959; font-size:1em; font-family: "Gotham SSm A", "Gotham SSm B"; font-style: normal; font-weight: 300;  }
        .login input[type="text"]:hover, .login input[type="password"]:hover { background-color:#CBD4D8; }
        .login input[type="submit"] { cursor:pointer; margin:0; display:block; text-align:center; width:100%; padding:8% 0; border:none; background-color:#00A79D; color:#FFFFFF; font-size:1em; font-family: "Gotham SSm A", "Gotham SSm B"; font-style: normal; font-weight: 300;  }
        .login input[type="submit"]:hover { background-color:#008E85; }
      .login-form label h4 { padding:0; color:#797A7A; font-size:.8em; margin:8% 0 2% 0; }

/*##############################################################################################################################################
##############################################################################################################################################*/

  /* 6) MANAGER */
  .manager-staff {  }
    .manager-staff ul { width:94%; padding:3%; background-color:#FFFFFF; }
      .manager-staff li { width:96%; padding:2% 2% 1.9% 2%; background-color:#E5EBE7; margin-bottom:1.5%; overflow:hidden; font-size:.9em; }
      .manager-staff li:last-of-type { margin-bottom:0; }
        .manager-staff p { float:left; font-weight:300; margin-right:2%; }
        .manager-staff h3 { float:left; max-width:26%; font-weight:300; font-weight:300;  }
        .manager-staff h4 { color:#00A79D; float:right; max-width:23%; margin-right:2%; text-transform:capitalize; text-align:right; font-weight:300; }
        .manager-staff h5 { color:#00A79D; float:right; max-width:23%; text-transform:capitalize; text-align:right; font-weight:300; }
        .manager-staff a { color:#00A79D;  }
        .manager-staff a:hover { color:#008E85; text-decoration:underline; }
          #incomplete { background-color:#b20000; }
  .dashboard ul { width:100%; padding:3% 0; background-color:#FFFFFF; }
    .dashboard-detail { width:96%; padding:2%; margin-bottom:0; overflow:auto; border-bottom:2px solid #cbd4d8; }
      .dashboard-detail:nth-child(2n)  { background-color:rgba(230,235,232,.4); }
    .dashboard-detail:first-child { border-top:2px solid #cbd4d8; }
      .dashboard-detail-name { float:left; width:36%; margin-right:2%; height:100px; }
        .dashboard-detail-name h5 { display:block; font-size:2.3em; color:#575959; padding-bottom: 2%; }
        .dashboard-detail-name h2 { display:block; font-size:.9em; color:#575959 }
    .dashboard-detail-detail { float:left; padding-left:1.8%; padding-top:0; border-left:2px solid #cbd4d8; margin-right:1.8%; height:100px; }
      .dashboard-detail-detail h3 { text-transform:capitalize; font-size:11px; display:block; padding:0; height:22.5px; font-weight:700; color:#575959; }
      .dashboard-detail-detail a { text-decoration:underline; color:#575959; }
      .dashboard-detail-detail a:hover { text-decoration:none; }
    .dashboard-detail-button { float:right; height:100px; width:28%; overflow:auto; text-align:center; }
      .dashboard-detail-button h3 { padding:0; display:block; font-size:11px; font-weight:800; float:left; width:49%; height:48px; padding:0; margin-left:2px; }
      .dashboard-detail-button a { display:block; height: 29px; background-color:rgba(230,235,232,.6); padding:19px 0 0 0; transition: all .2s ease-in-out; color:#575959; }
      .dashboard-detail-button a:hover{ background-color:#cbd4d8; }


    /* OLD DASHBOARD
    .dashboard ul { width:94%; padding:3%; background-color:#FFFFFF; }
    .dashboard-detail { width:100%; margin-bottom:2%; }
    .dashboard-detail:last-child { margin-bottom:0; }
      .dashboard-detail h4 { font-size:1em; color:#575959; padding:0; margin:0; }
      .dashboard-detail h3 { display:inline-block; font-size:12px; font-weight:700; color:#575959; text-transform:uppercase; padding:11px 0 0 10px; }
      .dashboard-detail strong { font-weight:700; margin-right:6px; }
      .dashboard-top-box { display:block; margin:0; padding:1.5% 2%; width:96%; background-color:#CBD4D8; overflow:auto; }
        .dashboard-top-box .dashboard-name { float:left; }
        .dashboard-top-box .dashboard-session { float:right; }
      .dashboard-bottom-box { display:block; padding:1.5% 2%; width:96%; background-color:#E5EBE7; overflow:auto; }
        .dashboard-bottom-box i { display:inline-block; width:24px; height:24px; padding:8px 0 0 8px; color:#fff; background-color:#00A79D; vertical-align:top; }
        .dashboard-bottom-box a { color:#575959; }
        .dashboard-bottom-box a:hover { text-decoration:underline; }
        .dashboard-bottom-box .dashboard-demo { float:left; width:33%; height:32px; margin-right:2%; background:#fff; vertical-align:top; }
        .dashboard-bottom-box .dashboard-peer { float:left; width:25%; height:32px; background:#fff; vertical-align:top; }
        .dashboard-bottom-box .dashboard-eval { float:left; width:38%; height:32px; margin-left:2%;  background:#fff; vertical-align:top; } */

  .manager-overall .performance-content-two-col { margin-bottom:2%; }
  .manager-overall .performance-content-two-col:nth-child(odd) { margin-right:0; }
  .manager-overall h2 { font-size:1.4em; text-transform:uppercase; margin:0; }
  .manager-overall select {  background:transparent; padding-left:2% !important; height:48px; -webkit-appearance: none; -moz-appearance: none; appearance: none; width:107%; border:0; border-radius:0; color:#575959; font-size:1em; font-family:"Gotham SSm A", "Gotham SSm B"; font-style:normal; font-weight:300; }
  .manager-accordion {  }
    div.manager-accordion { display:block; background-color:#00A79D;color:#FFFFFF; cursor:pointer; padding:1.3% 2%; width:96%; border:none; text-align:left; outline:none; transition:0.4s; }
    .manager-accordion h2 { display:inline-block; margin-right:2%; color:#FFFFFF; font-size:.9em !important; font-weight:300; text-transform:uppercase; }
      #manager-accordion-h2-short { width:95%; }
    .manager-accordion i { color:#FFFFFF; font-size:.9em; padding-right:2px; }
    #manager-accordian-title-grey { color:#575959; }
    div.manager-accordion.active, button.accordion:hover, div.accordian.h2 {  }
    div.manager-accordion:after { content:'\02795'; font-size:13px; color:#FFFFFF; float:right; margin-left:5px; margin-top:3px; }
    div.manager-accordion.active:after { content: "\2796"; }
    div.manager-panel { display:none; background-color:#E5EBE7; overflow:hidden; transition:0.8s ease-in-out; }
    div.manager-panel.show { display:block; padding:0; margin:0; width:100%; }
    div.manager-panel.show h4 { margin-bottom:2%; background-color:#797A7A; padding:10px 0; text-align:center; color:#fff; }
  .dashboard-send-hr { display:block; }
    .dashboard-send-hr h1 { text-transform:uppercase; }
    .dashboard-send-hr a { display:inline-block; font-size:.8em; padding:1% 0; width:100%; text-align:center; background-color:#CBD4D8; color:#575959; }
      .dashboard-send-hr a:hover { background-color:#B6C2C7; }


/*##############################################################################################################################################
##############################################################################################################################################*/

  /* 7) EXCELLENCE */
  .excellence {  }
  .excellence form { overflow:auto; width:96%; padding:2%; background-color:#FFFFFF; }
  .excellence label { display:block; width:100%; padding-bottom:4px; text-align:center; color:#575959; font-size:.7em; }
  .excellence .styled-select { height:89px; height:100% !important; }
  .excellence header { background-color:#797A7A; padding:1.4%; font-size:1.4em; color:#ffffff; }

  .excellence-name { display:inline-block; width:49%; margin-right:-4px; }
  .excellence-name input { text-align:center; width:88%; padding:26px 6%; border:none; background-color:#E5EBE7; color:#575959; font-size:32px; font-family:"Gotham SSm A", "Gotham SSm B"; font-style:normal; font-weight:300; }
  .excellence-name input:hover { background-color:#cbd4d8; }

  .excellence-dept { float:right; width:49%; margin-left:2%; }
  .excellence-dept select { background:transparent; padding-left:8%; height:89px; -webkit-appearance:none; -moz-appearance:none; appearance:none; width:107%; border:0; border-radius:0; color:#575959; font-size:1em; font-family:"Gotham SSm A", "Gotham SSm B"; font-style:normal; font-weight:300; }
  .excellence-dept select:hover { background-color:#cbd4d8; }

  .excellence-comment { display:block; width:100%; margin-top:4%; }
  .excellence-comment input { text-align:center; width:88%; padding:26px 6%; border:none; background-color:#E5EBE7; color:#575959; font-size:32px; font-family:"Gotham SSm A", "Gotham SSm B"; font-style:normal; font-weight:300; }
  .excellence-comment input:hover { background-color:#cbd4d8; }
  .excellence-comment textarea { padding:0; border:none; padding:3%; width:94%; min-height:400px; background-color:#E5EBE7; font-size:1em; color:#575959; }
  .excellence-comment textarea:hover { background-color:#cbd4d8; }

  .excellence button { float:left; width:100%; margin-top:2%; cursor:pointer; border:none; padding:2.6%; background-color:#00A79D; color:#FFFFFF; font-size:1.3em; }
  .excellence button:hover { background-color:#008E85; }
  .excellence-comment input[type='file' i] { font-size:1em; }


/*##############################################################################################################################################
##############################################################################################################################################*/

  /* 8) DETAIL */
  .detail {  }
    .detail header { padding:0 2%; width:96%; height:100px; background-color:#CBD4D8; overflow:auto; position:relative; margin-bottom:2%; }
      .detail header h4 { text-align:center; text-transform:uppercase; font-size:56px; padding-top:22px; color:#000000; line-height:1em; }
      .detail header > a { position:absolute; left:2%; bottom:19px; padding:15px; display:inline-block; background-color:#00A79D; color:#FFFFFF; text-transform:uppercase; }
      .detail header > a:hover { background-color:#008E85; }
      .detail .performance-content { margin-top:2%; padding:2%; width:96%; background-color:#FFFFFF; }
      .detail .performance-content form { width:100%; padding:0; }
      .detail .performance-content-header { margin-bottom:2%; }
      .detail .performance-content-header h4 { font-size:1.4em; }
      .detail .performance-content header { height:auto; overflow:auto; padding:1%; width:98%; background-color:#00A79D; color:#FFFFFF; margin-bottom:2%; }
        .detail .performance-content h2 { font-size:.9em; padding:0; }
        .detail-peer-header-left { float:left; }
        .detail-peer-header-right { float:right; }
        #yellow { color:#FFF100; font-weight:700; }
      .detail .peer-content-container { width:100%; padding:0 0 2% 0; }
      .detail .peer-content-container:last-of-type { padding:0; }
      .detail .performance-content ul { width:100%; padding:0; }
      .detail .performance-content ul h1 { font-size:1.3em; line-height:1.3em; color:#797A7A; text-align:center; margin:0 20%; width:60%; }
      .detail .performance-content ul li { padding-bottom:1%; }
      .detail .performance-content ul li:last-child { padding-bottom:0; }
      .detail .peer-content-right textarea { border:none; padding:5%; width:90%; min-height:300px; background-color:#E5EBE7; font-size:1em; color:#575959; }

      .peer-accordion {  }
        div.peer-accordion { display:block; background-color:#00A79D;color:#FFFFFF; cursor:pointer; padding:1.3% 2%; width:96%; border:none; text-align:left; outline:none; transition:0.4s; }
        .peer-accordion h2 { display:inline-block; margin-right:2%; color:#FFFFFF; font-size:.9em !important; font-weight:300; text-transform:uppercase; }
          #peer-accordion-h2-short { width:95%; }
        .peer-accordion i { color:#FFFFFF; font-size:.9em; padding-right:2px; }
        #peer-accordian-title-grey { color:#575959; }
        div.peer-accordion.active, button.accordion:hover, div.accordian.h2 {  }
        div.peer-accordion:after { content:'\02795'; font-size:13px; color:#FFFFFF; float:right; margin-left:5px; margin-top:3px; }
        div.peer-accordion.active:after { content: "\2796"; }
        div.peer-panel { display:none; background-color:#E5EBE7; overflow:hidden; transition:0.8s ease-in-out; }
        div.peer-panel.show { display:block; padding:2%; margin:0; width:96%; }
        .peer-detail-right { float:right; width:43%; padding:3%; background-color:#FFFFFF; }
          .peer-detail-right ul { width:100%; margin-bottom:4%; overflow:auto; }
          .peer-detail-right li { overflow:auto; float:left; width:18%; margin-right:2.5%; height:66px; position:relative; font-weight:800; }
            .peer-detail-right li:last-child { margin-right:0; }
            .peer-detail-right li p { line-height:1em; margin-bottom:0!important; text-align:center; padding:17px 0; background-color:#E5EBE7; color:#575959; font-size:2em; font-family:"Gotham SSm A", "Gotham SSm B"; font-style:normal; font-weight:800; }
        .peer-detail-right-comment { padding:0; width:100%; min-height:300px; background-color:#ffffff; }
          .peer-detail-right-comment p { font-family:"Gotham SSm A", "Gotham SSm B", Helvetica, Arial, san-serif; font-style:normal; font-weight:300!important; font-size:1em!important; color:#575959; }


   .accept .performance-content-header { background-color:#797A7A; color:#FFFFFF; margin-top:3%; margin-bottom:0; }
   .accept .performance-content p { font-size:1.4em; color:#575959; padding-bottom:2%; text-align:center; line-height:1.4em; }
     .accept-fields { width:100%; padding:2% 0; }
       .accept-fields-name { float:left; width:59%; margin-right:2%; }
       .accept-fields-name input[type="text"] { padding:28px 3% 25px 3%; width:94%; text-align: center; border:none; background-color:#E5EBE7; color:#575959; font-size:21px; }
       .accept-fields-name input:hover { background-color:#cbd4d8; }
       .accept-fields-radio { position:relative; float:right; width:76px; height:76px; }
       .accept-fields-radio input, .accept-fields-radio label { display:block; position:absolute; top:0; left:0; right:0; bottom:0; }
       .accept-fields-radio input[type=checkbox] { opacity:0.011; z-index:100; width:100%; height:100%; margin:0; border:none; cursor:pointer; transition:all .2s ease-in-out; }
       .accept-fields-radio input[type=checkbox]:checked + label { background:#00A79D; }
       .accept-fields-radio label { z-index:90; text-align:center; cursor:pointer; border:none; background-color:#E5EBE7; transition:all .2s ease-in-out; }
       .accept-fields-radio label:hover { background:#cbd4d8; }
       .accept-fields-radio1 { background:#00A79D; }
       .accept-fields h1 { float:right; width:20%; height:22px; margin-right:2%; text-align:right; padding:2% 0 0 0; border:none; color:#575959; font-size:1.1em; font-family: "Gotham SSm A", "Gotham SSm B"; font-style: normal; font-weight: 800; z-index:90; }
       .accept-fields button { display:block; clear:both; width:100%; margin-top:2%; cursor:pointer; border:none; padding:2.6%; background-color:#00A79D; color:#FFFFFF; font-size:1.3em; }
       .accept-fields button:hover { background-color:#008E85; }
    .accept-download-button { width:100%; padding:0; font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, Arial, san-serif; font-style: normal; font-weight: 300; }
    .accept-download-button a { display:block; text-align:center; border:none; padding:2.6%; background-color:#00A79D; color:#FFFFFF; font-size:1.3em; }
    .accept-download-button a:hover { background-color:#008E85; }

/*##############################################################################################################################################
##############################################################################################################################################*/

  /* 9) MAGNET SANDBOX */
   .magnet-sandbox { width:100%; }
      .performance-content-one-col > .magnet-sandbox { background:none; }
      .magnet-sandbox ul { width:97.5%; padding:1.25%; margin-bottom: 1%; background: #fff }
      .magnet-sandbox li { padding-bottom:2%; }
      .accordion {  }
        div.sandbox-accordion { display:block; background-color:#e5ebe7; color:#575959; cursor:pointer; padding:1.3% 2%; width:96%; border:none; text-align:left; outline:none; transition:0.4s; }
        div.sandbox-accordion:hover { background-color:#c8d5cc; }
        #cform .sandbox-accordion h2 { display:inline-block; padding-right:2%; color:#000; font-size:1.3em !important; }
        #cform .sandbox-accordion h3 { font-size:.7em !important; color:#575959; padding-bottom:4px; }
        .sandbox-accordion h2 { display:inline-block; padding-right:2%; color:#00A79D; font-size:.9em !important; }
        .sandbox-accordion h3 { font-size:.7em; color:#575959; padding-bottom:4px; }
          #sandbox-accordion-h2-short { width:95%; }
        .sandbox-accordion i { color:#000000; font-size:.9em; padding-right:2px; }
        #accordian-title-grey { color:#575959; }
        div.sandbox-accordion.active, button.accordion:hover, div.accordian.h2 {  }
        div.sandbox-accordion:after { content:'\02795'; font-size:13px; color:#777; float:right; margin-left:5px; margin-top:3px; }
        div.sandbox-accordion.active:after { content: "\2796"; }
        div.sandbox-panel { display:none; background-color:#E5EBE7; overflow:hidden; transition:0.8s ease-in-out; }
        div.sandbox-panel.show { display:block; padding:2%; margin:0; width:96%; background-color:#f3f6f4; }
      .magnet-sandbox form { overflow:auto; width:100%; padding:0; }
      .magnet-component-nav { width:100%; margin:0 0 2% 0; overflow:auto; background:none; }
        .magnet-component-nav h3 { width:100%; padding:1% 0 .9% 0; background-color:#575959; font-size:.7em; color:#FFFFFF; margin:0 0 1% 0; }
        .magnet-component-nav > .styled-select { float:left !important; width:18% !important; margin:1% 2.5% 0 0 !important; background-color:#cbd4d8 !important; }
        .magnet-component-nav > .styled-select:last-child { margin-right:0 !important; }
      .magnet-sandbox input[type="text"] { display:block; width:96%; padding:2%; font-size:2em; background-color:#FFFFFF; margin:0 0 2% 0; border:none; }
      .magnet-sandbox textarea { width:96%; padding:2%; background:#FFFFFF; font-weight:400; }
      .magnet-sandbox textarea:hover { background:#FFFFFF; }
      .magnet-sandbox button { cursor:pointer; margin-top:2%; border:none; width:100%; padding:2%; background-color:#00A79D; color:#FFFFFF; font-size:1.3em; }
      .magnet-sandbox button:hover { background-color: #008E85; }
      .sandbox-panel h2 { text-transform:uppercase; text-align:center; padding-bottom:2%; display:block; margin-right:4%; font-size:1.1em !important; }
      #green { color:#00a79d; } 
      .magnet-sandbox strong { font-size:.96em; }
      .performance-content .magnet-sandbox  li p { margin-bottom:1%; }

      .component-detail h3 { text-transform:uppercase; width:100%; padding:1% 0 .9% 0; background-color:#575959; font-size:.7em; color:#FFFFFF; margin:0; }
      .component-overview { width:100%; margin-bottom:2%; }
        .component-overview-detail { display:block; width:96%; padding:2% 2% 0 2%; background-color:#FFFFFF; }
        .component-overview-detail:last-child { padding-bottom:2%;  }
          .performance-content .component-overview-detail h2 { width:100%; text-transform:none; line-height:1.3em; display:block; color:#575959; padding-bottom:1%; font-size:1.1em; }
          .performance-content .component-overview-detail h4 { text-align:center; padding-bottom:1%; line-height:1.2em; }
          .performance-content .component-overview-detail h1 { display:block; width:100%; padding:1% 0; background-color:#CBD4D8; text-align:center; font-weight:700; font-size:1em; margin-top:2%; }
          .performance-content .component-overview-detail h4:last-child { padding:0; }
          .performance-content .component-overview-detail h4 i { font-size:.8em; color:#CBD4D8; }
      .component-existing { width:100%; margin-bottom:2%; }
      .component-existing a { display:block; border:none; width:96%; padding:2%; background-color:#00A79D; color:#FFFFFF; font-size:1.3em; text-align:center; }
      .component-existing a:hover { background-color:#008E85; }
      .component-new { width:100%; }
      .component-new a { display:block; border:none; width:96%; padding:2%; background-color:#00A79D; color:#FFFFFF; font-size:1.3em; text-align:center; }
      .component-new a:hover { background-color:#008E85; }
      .component-add { width:100%; }
        .component-add input[type="text"] { display:block; width:94%; padding:3%; background-color:#FFFFFF; margin:2% 0; border:none; }
          .component-add input:placeholder, .component-add textarea:placeholder { color:#999999; }
        .component-add-upload-box { display:block; width:100%; overflow:auto; }
          .magnet-sandbox .component-add textarea { display:block; width:94%; padding:3%; background-color:#ffffff; margin-bottom:2%; }
          .component-add-upload { display:block; width:94%; padding:3%; background-color:#cbd4d8; }
          .component-detail-edit a { display:block; width:96%; text-align:center; cursor:pointer; margin-top:2%; border:none; padding:2%; background-color:#00A79D; color:#FFFFFF; font-size:1.3em; }
          .component-detail-edit a:hover { background-color: #008E85; }
            .inputfile { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; }
            .inputfile + label { padding:2% 3%; text-align:center; width:94%; text-transform:uppercase; font-size: 1.4em; line-height:1.1em; color:#ffffff; background-color:#d3394c; display: inline-block; font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, Arial, san-serif; font-style: normal; font-weight: 700; transition: all .2s ease-in-out; }
            .inputfile:focus + label,
            .inputfile + label:hover { background-color:#722040; }
            .inputfile + label { cursor: pointer; }
            .inputfile:focus + label { outline: 1px dotted #000; outline: -webkit-focus-ring-color auto 5px; }
            .inputfile + label * { pointer-events: none; }
            .js .inputfile { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; }
            .no-js .inputfile + label { display: none; }
            .inputfile-1 + label { color: #ffffff;  background-color: #d3394c; }
            .inputfile + label svg { fill:currentColor; }
            .magnet-sandbox-new .component-overview h3 { margin-top:0; }
        .sandbox-inline-error { padding:1%; width:98%; background-color:red; color:#fff; margin-bottom:1%; text-align:center; font-family: "Gotham SSm A", "Gotham SSm B"; font-style: normal; font-weight:400; font-size:.9em; }


      .magnet-detail {  }
        .magnet-detail header h5 { position:absolute; right:4%; top:38px; font-size:1.6em; }
        .magnet-detail-person-date { margin-bottom:2%; }
        .magnet-detail-person-date h4 { display:inline-block; padding-right:2%; color:#00A79D; font-size:.9em !important; text-transform:uppercase; font-weight:400; }
        .magnet-detail-person-date i { color:#000000; font-size:.9em; padding-right:6px; }
        .magnet-detail-comment { margin-bottom:2%; }
          .magnet-detail-comment h1 { font-size:2.8em; padding:2% 0; display:block; }
          .magnet-detail-comment h3 { margin-bottom:1%; }
        .magnet-detail-file-list { margin-bottom:2%; }
          .magnet-detail-file-list ul { padding:2% 0; background:0; width:100%; }
          .magnet-detail-file-list a { font-size:1.3em; text-decoration:none; }
            .magnet-detail-file-list a:hover { text-decoration:underline; }

      .magnet-sandbox .magnet-sandbox-edit-staff a { display:block; margin-top:2%; border:none; width:96%; padding:2%; background-color:#00A79D; color:#FFFFFF; font-size:1.3em; text-align:center; }
      .magnet-sandbox .magnet-sandbox-edit-staff a:hover { background-color:#008E85; }
      .magnet-sandbox .magnet-sandbox-edit-staff h1 { padding:2% 0; font-size:2.8em; }
      #magnet-sandbox-h2-float-left { float:left; margin:0; }
      #magnet-sandbox-h2-float-right { float:right; margin:0; }

      .magnet-staff-edit-header, .magnet-snapshot-header { display: block; background-color:#CBD4D8; color:#575959; cursor:pointer; padding:1.3% 2%; width:96%; border:none; text-align:left; outline:none; transition:0.4s; }
      .magnet-staff-edit-header h2, .magnet-snapshot-header h2 { display:inline-block; text-transform:uppercase; padding-right:2%; color:#00A79D; font-size:.9em !important; }
      .magnet-staff-edit-header i, .magnet-snapshot-header i { color: #000000; font-size:.9em; }
      .magnet-sandbox-edit-staff { background-color:#E5EBE7; overflow:auto; padding:3%; width:94%; }
      .magnet-sandbox-edit-staff h2 { text-transform:uppercase; text-align:center; padding-bottom:2%; display:block; margin-right:4%; font-size:.9em !important; }

      .sandbox-nocat {  }
        .sandbox-nocat ul { width:96%; padding:2%; background-color:#ffffff; }
          .sandbox-nocat li { width:100%; overflow:auto; margin-bottom:1.6%; padding-bottom:1.6%; border-bottom:1px solid #CBD4D8; }
            .sandbox-nocat li:last-child { margin-bottom:0; padding-bottom:0 !important; border-bottom:none;}
          .sandbox-nocat li h2 { font-size:1em; }
          .sandbox-nocat h4 { font-size:1em; }
          .sandbox-nocat a { text-decoration:none; color:#575959; }
            .sandbox-nocat a:hover { text-decoration:underline; }
          .sandbox-nocat .nocat-left { float:left; width:80%; }
          .sandbox-nocat .nocat-right { float:right; width:20%; text-align:right; }
          .sandbox-nocat h1 { text-align:center; padding:8px 10%; width:80%; background-color:#575959; color:#fff; line-height:1.3em; }


      .magnet-sandbox-edit-admin { background-color:#fff; padding:3%; width:94%; }
        .magnet-sandbox-edit-admin-accept-right { margin-left:1%; display:inline-block; vertical-align:top; max-width:80%; }
          .magnet-sandbox-edit-admin-accept-right h1 { font-size:1.2em !important; color:#575959 !important; font-weight:700 !important; }
          .magnet-sandbox-edit-admin-accept-right h5 { color:red !important; text-transform:uppercase; text-align:left; padding:1.5% 0 !important; font-size:1em !important;  }
        .magnet-sandbox-edit-admin .accept-fields-radio { float:none; display:inline-block; max-width:20%; }

      .upload-array {  }
        .upload-array .performance-content-header { margin-bottom:0; }
        .upload-array .performance-content-header h1 { font-size:2em; padding-bottom:1%; line-height:initial; }
        .upload-array .performance-content-header p { font-size:1em; }
        .upload-array ul { width:96%; padding:2%; background-color:#fff; }
        .upload-array li { width:100%; padding:2% 0; border-bottom:1px solid #CBD4D8; overflow:auto; }
        .upload-array li:first-child { padding-top:0; }
        .upload-array li:last-child { border-bottom:none; }
        .upload-array li .upload-array-file-name { float:left; margin-right:16px; padding:0; }
        .upload-array li .upload-array-file-name a { text-decoration:underline; color:#575959 }
        .upload-array li .upload-array-file-name a:hover { text-decoration:none; color:#777777; }
        .upload-array li .upload-array-date,
          .upload-array li .upload-array-author { float:right; margin-right:16px; padding:0; }
          .upload-array li .upload-array-component { float:right; padding:0; margin:0; }
        .upload-array li i { font-size:.8em; color:#000; padding-right:8px; }
          .upload-array li h2 { color:#575959; font-size:.8em; background:none; width:auto; }
          .upload-array li h3 { color:#575959; font-size:.75em; background:none; width:auto; padding:0; margin:0; text-transform:none; }
            .upload-array li h3 a { text-decoration:underline; color:#575959; } 
            .upload-array li h3 a:hover { text-decoration:none; color:#797A7A; } 

      .performance-content li .eo-participants p { margin-bottom:1%; padding-bottom:1%; border-bottom:1px solid #797A7A; }
      .performance-content li .eo-participants p:last-child { margin-bottom:4%; padding-bottom:0; border:none; }
      .unit-rating-p p { width:94%; padding:3%; font-size:1em; font-weight:400; line-height:1.3em; margin-bottom:4%; color:#575959; }
      .unit-rating-perf-p p {  min-height:initial !important; padding-bottom:8px !important; margin-top:0 !important; }
      .unit-rating-edit { width:100%; margin-top:2%; overflow:auto; } 
        .unit-rating-edit h3 { background:none; padding:0; font-size:1em; margin:0; }
        .unit-rating-edit a { float:left; width:43%; margin-right:2%; padding:3%; font-size:1.3em; color:#fff; background-color:#00A79D; }
        .unit-rating-edit a:last-child { margin-right:0; }
        .unit-rating-edit a:hover { background-color:#008E85; }

      .magnet-sandbox .magnet-content-inline-image { margin-bottom:2%; }
      .magnet-sandbox .magnet-content-inline-image:last-child { margin-bottom:6%; }
      .magnet-sandbox .magnet-content-inline-image h2 { font-size:1.1em; padding-bottom:0; font-weight:600; width:60%; text-align:left; text-transform:none; }
      .magnet-sandbox .magnet-content-inline-image p { font-size:.9em; line-height:1.2em; padding-bottom:0; font-weight:300; font-style:italic; width:60%; }
      .magnet-sandbox .magnet-content-inline-image img { padding:10px 0; width:60%; }
      .magnet-sandbox .magnet-content-inline-image a:focus { outline:0; }

    html, body { -webkit-font-smoothing:initial; }

    .magnet-snapshot { width:97.5%; padding:1.25%; margin-bottom:1%; background:#fff; }
      .magnet-snapshot-header { text-align:center; }
      .magnet-snapshot-glance-container { margin-top:1.25%; width:100%; }
        .magnet-snapshot-glance-container ul { display:block; width:100%; padding:0; overflow:auto; }
        .magnet-snapshot-glance-container li { float:left; width:45.5%; margin-right:1%; background-color:#e5ebe7; padding:2%; vertical-align:top; }
        .magnet-snapshot-glance-container li:last-child { margin-right:0; padding-bottom:2%; }
          .magnet-snapshot-glance-container li h2 { text-align:center; text-transform:uppercase; font-size:.9em; padding-bottom:4%; }
          .magnet-snapshot-glance-inner { width:92%; background-color:#fff; padding:4%; }
            .magnet-snapshot-glance-inner ul {  }
            .magnet-snapshot-glance-inner li { width:100%; padding:0; background-color:#fff; display:block; padding-bottom:4%; margin-bottom:4%; border-bottom:2px solid #e5ebe7; }
            .magnet-snapshot-glance-inner li:last-child { padding-bottom:0; margin-bottom:0; border:none; }
            .magnet-snapshot-glance-top h1 { font-size:5em; text-align:center; }
            .magnet-snapshot-glance h1 { font-size:.9em; padding-bottom:6px; }
            .magnet-snapshot-glance em { font-style:italic; }
            .magnet-snapshot-glance-inner h3, .magnet-snapshot-glance h3 { width:100%; padding:0; margin:0; text-align:left; background-color:#fff; text-transform:initial; color:#575959; line-height: 1.2em; }
            .magnet-snapshot-glance-top h3 { text-align:center; }
            .magnet-snapshot-glance h3 { font-size:.8em; }
            .magnet-snapshot-glance-inner a { text-decoration:underline; color:#575959; }
            .magnet-snapshot-glance-inner a:hover { text-decoration:none; }
            #snapshot-red { color:#ed1c24; }
            #snapshot-green { color:#00A79D; }
            #snapshot-orange { color:#ffa500; }
            .snapshot-view-document { text-align:center }
              .snapshot-view-document a { display:inline-block; background-color:#00A79D; color:#fff; padding:4% 0; width:100%; text-decoration:none;  }
              .snapshot-view-document a:hover { background-color:#008E85; }
              .snapshot-view-document h4  {  }

      .magnet-snapshot-domain { margin-top:1.25%; width:96%; background-color:#e5ebe7; padding:2%; }
        .magnet-snapshot-domain h2 { text-align:center; text-transform:uppercase; font-size:.9em; padding-bottom:1.8%; color:#575959; }
        .magnet-snapshot-domain ul { display:block; width:100%; padding:0; }
          .magnet-snapshot-domain li { width:96%; padding:2%; margin-bottom:2%; background-color:#fff; display:block; overflow:auto }
          .magnet-snapshot-domain li:last-child { padding-bottom:2%; margin-bottom:0; }
          .magnet-snapshot-domain li h3 { width:92%; padding:0 4%; margin:0; text-align:center; background-color:#fff; font-size: .9em; text-transform:initial; color:#575959; padding-bottom:1%; margin-bottom:1%; border-bottom:2px solid #e5ebe7; }

            .magnet-snapshot-domain li a { float:left; margin-right:1.25%; width:19%; margin-bottom:1%; padding:1.25% 0 1.15% 0; display:inline-block; text-align:center; color:#fff; }
            .magnet-snapshot-domain li a:nth-child(5n+1) { margin-right:0; }
            .magnet-snapshot-domain li #component-red { background-color:#ed1c24; }
            .magnet-snapshot-domain li #component-red:hover { background-color:#af0e14; }
            .magnet-snapshot-domain li #component-green { background-color:#00A79D; }
            .magnet-snapshot-domain li #component-green:hover { background-color:#008E85; }
            .magnet-snapshot-domain li #component-no-entry { background-color:#CBD4D8; }
            .magnet-snapshot-domain li #component-no-entry:hover { background-color:#b6bec2; }


/*##############################################################################################################################################
##############################################################################################################################################*/


  /* 10) EXCELLENCE INDICATORS */
    /* INDICATOR DASHBOARD */
    .reports-index-header { padding:2.5% 0 2% 0; margin-bottom:2%; background-color:#CBD4D8; text-align:center; position:relative; }
      .reports-index-header h5 { color:#575959;font-size:4vw;margin:0;}
    .reports-index { width:100%; overflow:auto; position:relative; }
    .reports-index-chart { padding-top:36px; }
      .reports-index h3 { position:absolute; top:0; width:100%; padding:7px 0 6px 0; background-color:#CBD4D8; color:#575959; text-transform:uppercase; font-size:.8em; text-align:center; }
      .reports-index p { width:88%; padding:0 6% 8px 6%; text-align:center; }
      .reports-index-container-single-left { float:left; width:49%; margin-right:1%; overflow:auto; }
      .reports-index-container-single-right { float:left; width:49%; margin-left:1%; overflow:auto; }
      .reports-index-container-multi { float:left; width:49.5%; overflow:auto; }
        .reports-single-right { width:100%; position:relative; margin-bottom:4%; padding-bottom:2%;  background-color:#fff;  }
        .reports-single-left { width:100%; position:relative; margin-bottom:4%; padding-bottom:2%;  background-color:#fff;  }
        .reports-multi-right { float:left; width:49%; margin-bottom:2%; height:282px; position:relative;  }
        .reports-multi-right:nth-of-type(odd) { margin-right:2%; width:49%; }
        .reports-multi-left { float:left; width:49%; margin-bottom:2%; height:282px; position:relative; }
        .reports-multi-left:nth-of-type(odd) { margin-right:2%; width:49%; }
        .reports-single-right a, .reports-single-left a { width:100%; padding:7px 0 6px 0; background-color:#CBD4D8; color:#575959; text-transform:uppercase; font-size:.8em; text-align:center; position:absolute;
    bottom:0; }
        .reports-single-right a:hover, .reports-single-left a:hover { background-color:#a2a9ac; }

    /* SINGLE PAGE INDICATOR */
    .reports-header { padding:1%; margin-bottom:2%; background-color:#CBD4D8; text-align:center; height:72px; position:relative; }
      .reports-header a { position:absolute; left:1%; padding:1%; background-color:#00a79d; color:#fff; }
      .reports-header a:hover { background-color: #008E85; }
      .reports-header h3 { color:#575959;font-size:2.5vw;margin:0;padding-top:20px; }
    .reports-page-chart { min-width:70%;max-width:70%;margin: 0 auto; padding:0 15%; }
    .reports-printout { padding:0 10%; width:80%; }
      .reports-printout h1 { text-align:center; width:100%; color:#575959; background-color:#CBD4D8; padding:1.5% 0 1% 0; margin:6% 0 3% 0; }
      .reports-printout p { padding-bottom:1.5%; }
      .reports-printout-rule { border-bottom:1px dotted #575959;margin-bottom:2%;padding-bottom:.5%; }
      .reports-rule { border-bottom:2px solid #575959;margin-bottom:3%;padding-bottom:2%; }



/*##############################################################################################################################################
##############################################################################################################################################*/


  /* 11) MAGNET DOCUMENT */
    /* TOP MENU */
    .magnet .top-menu { position:fixed; z-index:10;  }
      .magnet .top-menu img { padding:24px; }
      .magnet .top-menu ul { height:74px; z-index:10; }
        .magnet .top-menu li { float:right; text-align:center;  }
        .magnet .top-menu li > a { height:57px; padding-bottom:0; }
        .magnet .top-menu li > a:hover { background-color:#797a7a; }
        .magnet .top-menu .two-deck { padding-top:24px; height:50px;}
        .magnet .top-menu li ul { display:none; position:absolute; padding:2% 4%; width:92%; z-index:8; height:auto; overflow:auto; background-color:rgba(0,0,0,.8); top:74px; left:0; transition: all .2s ease-in-out; }
        .magnet .top-menu li:hover > ul { display:block; }
          .magnet .top-menu li ul li { float:left; width:16.66%; color:#fff; }
            .magnet .top-menu li ul li a { height:auto; padding-bottom:0; text-decoration:none; padding:6% 0; font-size:1em; display:inline-block; }
            .magnet .top-menu li ul li a:hover { text-decoration:underline; background:none;  }

      /* MAGNET COMPONENT */
      .magnet section { width:100%; padding:74px 0 0 0; margin:0; } 
        .magnet-content {  }
          .magnet-content header { width:100%; padding:2% 0 0 0; background-color:#cbd4d8; text-align:center; transition: all .2s ease-in-out; }
            .magnet-content header h3 { font-size:1em; color:#797a7a; text-transform:uppercase; padding-bottom:1%; transition: all .2s ease-in-out; }
            .magnet-content header h5 { font-size:3.4vw; color:#575959; text-transform:uppercase; transition: all .2s ease-in-out; }
              .magnet-content header h5 strong { font-weight:800; }
            .magnet-content header .manual-desc { width:70%; padding:1.8% 15%; margin-top:1.5%; background-color:#fff; color:#797a7a; transition: all .2s ease-in-out; text-align:left; }
            .magnet-content header h3.scrolled { float:left; padding-left:2%; padding-bottom:0; }
            .magnet-content header h5.scrolled { float:right; font-size:1em; padding-right:2%; font-weight:600; }
            .magnet-content header .manual-desc.scrolled { display:none; /* height:0; padding:0; overflow:hidden;*/ }
            .magnet-content article.scrolled { padding-top:12%; }
              .manual-desc h2 { font-size:1.2em; line-height:1.2em; }
              .manual-desc h4 { font-size:1em; font-weight:300; padding-top:1%; line-height:1.2em; }
              .manual-desc i { font-size:.8em; color:#cbd4d8; }
          .magnet-content article { width:70%; max-width:1000px; padding:4% 15% 8% 15%; text-align:left; position:relative; z-index:1; margin:auto; }
            .magnet-content article h3 { font-size:1.1em; padding-bottom:1%; font-weight:600; line-height:1.3em; }
            .magnet-content article p { font-size:18px; line-height:1.35em; padding-bottom:2%; font-weight:300; line-height:1.5em; }
            .magnet-content article p strong u { padding-top:2%; display:block; line-height:1.3em; }
              .magnet-content article p a { text-decoration:underline; transition: all .2s ease-in-out; }
                .magnet-content article p a:hover { text-decoration:none; }
            .magnet-content article img { width:100%; }
            .inline-evidence { display:inline-block; margin:1% 0; width:100%; }
            .magnet-content .magnet-evidence-list ul { width:100; }
              .magnet-content .magnet-evidence-list ul li { padding:0 0 2% 0; margin-bottom:2%; border-bottom:dotted 1px #999; margin-left:0; }
                .magnet-content .magnet-evidence-list li:last-child { padding:0; margin-bottom:0; border-bottom:none; }
                .magnet-content .magnet-evidence-list li p { padding:0; font-size:18px; }
                .magnet-content .magnet-evidence-list li i  { font-size:.85em; color:#797a7a; font-style:initial; }
          .evidence-drawer-wrapper { position:fixed; left:-180px; top:290px; margin:0; padding:0; z-index:3; transition: all .2s ease-in-out; }
          .evidence-drawer-wrapper:hover { left:0; z-index:500 !important; }
            .evidence-drawer-tab { display:inline-block; margin-left:-4px; vertical-align:top; width:34px; padding:8px 0 8px 2px; font-size:20px; text-align:center; background-color:rgba(0,167,157,.7); border-radius:0 6px 6px 0; }
              .evidence-drawer-tab i { color:#fff; padding-right:4px; }
            .evidence-drawer { display:inline-block; padding:20px; width:140px; background-color:#FFFFFF; border-radius:0 0 6px 0; text-align: center; }
              .evidence-drawer i { font-size:.85em; color:#797a7a; }
              .evidence-drawer h3 { font-size:.9em; color:#797a7a; padding-bottom:4%; margin-bottom:10%; border-bottom:2px solid #797a7a; }
              .evidence-drawer-evidence { margin-bottom:24%; }
              .evidence-drawer .evidence-drawer-evidence a { padding:0 0 8% 0; margin-bottom:8%; border-bottom:dotted 1px #999; display:block; }
              .evidence-drawer .evidence-drawer-evidence a:hover { text-decoration:underline; }
              .evidence-drawer .evidence-drawer-evidence a:last-child { padding:0; margin-bottom:0; border-bottom:none; }
              .evidence-drawer-download {  }
                .evidence-drawer-download a { padding:8% 0 7% 0; width:100%; background-color:#00a79d; color:#fff; display:inline-block; }
                .evidence-drawer-download a:hover { background-color:#008e85; }
          .zoom { width: 8px; height: 8px; border-radius: 8px; display: inline-block; position: relative; border: 2px solid currentColor; }
          .zoom:before { content: ''; width: 1px; height: 6px; background: currentColor; display: block; top: 1px; left: 3px; position: absolute; }
          .zoom:after { content: ''; height: 1px; width: 5px; background: currentColor; display: block; top: 3px; left: 1px; position: absolute; }
          .zoom-inner { width: 6px; height: 3px; display: block; background: currentColor; position: absolute; top: 7px; left: 7px; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
          .magnet-content article h2 { font-size:1.6em; line-height:1.3em; padding-bottom:6%; }
          .magnet-content article table h3 { padding-bottom:0; }
          .magnet-content article table { width:100%; font-size:.9em; margin-bottom:4%; }
          .magnet-content article table h4 { font-weight:300; font-size:1.2em; }
          .magnet-content article table, .magnet-content article th, .magnet-content article td { border:1px solid #b6bec2; padding:2%; }
          .magnet-content article th { width:25%; vertical-align: middle; }
          .magnet-content article b { font-weight:700; }
          .magnet-content article i { font-style:italic; }
          .magnet-content-styles { box-sizing:border-box; padding:5%; background:#fff; }
          .magnet-evidence-list { box-sizing:border-box; padding:0 5% 5% 5%; background:#fff; }
          .magnet-content .magnet-content-styles ul { width:100%; display:block; padding-bottom:2%; }
          .magnet-content .magnet-content-styles ol { width:100%; display:block; padding-bottom:2%; list-style-type:decimal; }
          .magnet-content .magnet-content-styles ul li { font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, Arial, san-serif; font-style: normal; font-weight: 300; margin-left:4%; list-style-position:inside; list-style:disc; padding-bottom:2%; font-size:18px; line-height:1.5em; }
          .magnet-content .magnet-content-styles ol li { font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, Arial, san-serif; font-style: normal; font-weight: 300; margin-left:4%; display:list-item; padding-bottom:2%; font-size:18px; line-height:1.5em; }
          .magnet-content .magnet-content-styles ul li:last-child, .magnet-content .magnet-content-styles ol li { padding-bottom:0; }
          .magnet-content .magnet-content-styles ol li strong { font-size:18px; padding-bottom:1%; display:block; }
          .magnet-content-no-entry { width:92%; padding:4%; background-color:#ed1c24; text-align:center; }
          .magnet-content-no-entry h1 { font-size:1.4em; color:#fff; line-height:1.3em; }
          .magnet-content-no-entry a { display:block; text-decoration:underline; color:#fff; font-weight:300;}
          .magnet-content-no-entry a:hover { text-decoration:none; }
          .magnet-admin-bar { position:fixed; text-align:center; width:100%; z-index:10; }
          .magnet-admin-bar h3 { font-size:12px;  }
          .magnet-admin-bar i { font-size:10px; }
          .magnet-admin-bar a { color:#e5ebe7; width:98%; padding:6px 1%; height:12px; background-color:#000; display:inline-block; }
          .magnet-admin-bar a:hover { color:#fff; background-color:#323232; }
          .magnet-content article .magnet-content-inline-image { margin-bottom:4%; }
          .magnet-content article .magnet-content-inline-image:last-child { margin-bottom:6%; }
          .magnet-content article .magnet-content-inline-image h2 { font-size:1.1em; padding-bottom:0; font-weight:600; }
          .magnet-content article .magnet-content-inline-image p { font-size:.9em; line-height:1.2em; padding-bottom:0; font-weight:300; font-style:italic; }
          .magnet-content article .magnet-content-inline-image a:focus { outline:0; }

          .magnet-detail-comment h2 { font-size:1.5em; line-height:1.2em; padding-bottom:6%; }
          .magnet-detail-comment table h3 { padding-bottom:0; }
          .magnet-detail-comment table { width:100%; font-size:.9em; margin-bottom:4%; }
          .magnet-detail-comment table h4 { font-weight:500; }
          .magnet-detail-comment table, .magnet-content th, .magnet-content td { border:1px solid #b6bec2; padding:2%; }
          .magnet-detail-comment th { width:25%; vertical-align: middle; }
          .magnet-detail-comment b { font-weight:700; }
          .magnet-detail-comment i { font-style:italic; }
          .magnet-detail-comment ul { display:block; width:96%; margin:0 4% 4% 0; padding:0; background:none; }
          .magnet-detail-comment ol { width:100%; display:block; list-style-type:decimal; }
          .magnet-detail-comment ul li { font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, Arial, san-serif; font-style: normal; padding:0; font-weight: 400; font-size:1em; line-height:1.2em; margin-left:4%; list-style-position:inside; list-style:disc; display:list-item; }
          .magnet-detail-comment ol li { font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, Arial, san-serif; font-style: normal; padding:0; font-weight: 400; font-size:1em; line-height:1.2em; display:list-item; list-style-position:inside; list-style:decimal; margin-left:6%; }

          .magnet-measure-label { width:100%; padding:1.4% 0; margin-top:2%; background-color:#cbd4d8; text-align:center; }
            .magnet-measure-label h1 { color:#575959; }

          .magnet-content-item { padding-bottom:2%; } 

      /* MAGNET DOMAIN */
      .magnet-domain { font-size:1.2em; text-align:center; }
        .magnet-domain ul { width:100%; }
        .magnet-domain li { margin:2% 0; display:block; width:100%; padding:0; border-bottom:none; }
        .magnet-domain h3 { display:inline-block; padding:0; font-size:1.2em; }
        .magnet-domain h5 { display:inline-block; padding-right:6px; text-transform:uppercase; font-size:1.1em; }
        .magnet-domain a { display:inline-block; padding:2%; width:96%; background-color:#fff; }
        .magnet-domain a:hover { background-color:#cbd4d8; color:#fff; }


/*##############################################################################################################################################
##############################################################################################################################################*/


  /* 12) DEMOGRAPHICS */
    /* DASHBOARD */
    .ddct { width:96%; height:auto; padding:2%; background:#fff; }
      .ddct header {  }
        .ddct header h2 { display:block; width:100%; padding:1.4% 0 1.2% 0; margin-bottom:2%; text-align:center; text-transform:uppercase; color:#575959; font-size:1.1em; background-color:#cbd4d8; }
      .ddct header .ddct-dash-nav { width:96%; padding:2% 2% 0 2%; background-color:#e5ebe7; }
      .ddct header .ddct-dash-nav ul { overflow:auto; }
      .ddct header .ddct-dash-nav li { float:left; width:32%; margin-right:2%; margin-bottom:2%; }
        .ddct header .ddct-dash-nav li:nth-of-type(3n) { margin-right:0; }
        .ddct header .ddct-dash-nav li h3 { color:#ffffff; }
        .ddct header .ddct-dash-nav li a { display:block; background-color:#00a79d; padding:5% 0; }
        .ddct header .ddct-dash-nav li a:hover { background-color:#008e85; }
        .ddct-dash-nav-four ul li:nth-of-type(4), .ddct-dash-nav-four ul li:nth-of-type(5), .ddct-dash-nav-four ul li:nth-of-type(6), .ddct-dash-nav-four ul li:nth-of-type(7) { width:23.5%; }
        .ddct-dash-nav-four ul li:nth-of-type(4) a, .ddct-dash-nav-four ul li:nth-of-type(5) a, .ddct-dash-nav-four ul li:nth-of-type(6) a, .ddct-dash-nav-four ul li:nth-of-type(7) a { padding:6% 0; }
        .ddct-dash-nav-five ul li:nth-of-type(4), .ddct-dash-nav-five ul li:nth-of-type(5), .ddct-dash-nav-five ul li:nth-of-type(6), .ddct-dash-nav-five ul li:nth-of-type(7), .ddct-dash-nav-five ul li:nth-of-type(8) { width:23.5%; }
        .ddct-dash-nav-five ul li:nth-of-type(4) a, .ddct-dash-nav-five ul li:nth-of-type(5) a, .ddct-dash-nav-five ul li:nth-of-type(6) a, .ddct-dash-nav-five ul li:nth-of-type(7) a, .ddct-dash-nav-five ul li:nth-of-type(8) a { padding:7% 0; }
        .ddct header .ddct-dash-nav-four ul li:nth-of-type(6) { margin-right:2%; }
        .ddct header .ddct-dash-nav-four ul li:nth-of-type(7) { margin-right:0; }
        .ddct header .ddct-dash-nav-five ul li:nth-of-type(6) { margin-right:2%; }
        .ddct header .ddct-dash-nav-five ul li:nth-of-type(7) { margin-right:0; }
        .ddct header .ddct-dash-nav-five ul li:nth-of-type(8) { margin-right:0; }

      .ddct section { width:96%; padding:2%; margin-bottom:3%; background-color:#e5ebe7; }
        .ddct section:last-child { margin-bottom:0; }
        .ddct section .ddct-section-header h3 { display:block; padding-bottom:1.25%; color:#575959; text-align:center; text-transform:uppercase; font-size:1.1em; }
        .ddct section .ddct-section-header p { display:block; padding-bottom:1.25%; color:#575959; text-align:center; font-size:.8em; }
      .ddct-dash-overview { width:96%; padding:2%; background-color:#ffffff; margin-bottom:2%; overflow:auto; }
        .ddct-dash-overview .ddct-dash-overview-left { float:left; width:14%; height:184px; padding:44px 3% 0 3%; text-align:center; }
          .ddct-dash-overview .ddct-dash-overview-left h3 { font-size:22px; color:#797a7a; }
          .ddct-dash-overview .ddct-dash-overview-left h1 { font-size:72px; color:#575959; }

        .ddct-dash-overview .ddct-dash-overview-row-container { float:left; width:80%; }
          .ddct-dash-overview-row { display:block; width:100%; height:113px; border-bottom:solid 2px #575959; }
            .ddct-dash-overview-row:last-child { border-bottom:none; }
            .ddct-dash-overview-row ul { overflow:auto; text-align:center; }
            .ddct-dash-overview-row li { float:left; width:22.7%; height:89px; padding:24px 1% 0 1%; border-left:solid 2px #575959; }
              .ddct-dash-overview-row li h3 { font-size:14px; color:#797a7a;  }
              .ddct-dash-overview-row li h2 { font-size:52px; color:#575959; }

        .ddct-dash-graph-container { width:96%; padding:2%; background-color:#ffffff; overflow:auto; }
          .ddct-dash-graph-container h2 { display:block; padding-bottom:2%; color:575959; text-align:center; font-size:1em; }

      .ddct-dept-dash {  }
        .ddct-dept-dash header { padding-bottom:2%; position:relative; }
        .ddct-dept-dash header h2 { margin-bottom:0; color:#ffffff; background-color:#797a7a; }
        .ddct-dept-dash header .ddct-manager-dash-download a { color:#ffffff; position:absolute; right:0; top:0; display:inline-block; padding:1.5% 1.2% 1.15% 1.2%; background-color:#00a79d; }
        .ddct-dept-dash header .ddct-manager-dash-download a:hover { background-color:#008e85; }
        .ddct-dept-dash .ddct-dash-overview { padding:2% 0; width:100%; }
        .ddct-dept-dash .ddct-dept-dash-overview { margin-bottom:3%; }
        .ddct-dept-dash .ddct-dept-dash-overview ul, .ddct-dept-dash .ddct-dash-utilization ul { width:100%; text-align:center; }
          .ddct-dept-dash .ddct-dept-dash-overview li { float:left; width:19.8%; border-right:2px solid #cbd4d8; }
          .ddct-dept-dash .ddct-dept-dash-overview li:last-child { border:none; }
            .ddct-dept-dash .ddct-dept-dash-overview h4 { color:#797a7a; font-weight:400; font-size:.9em; padding-bottom:6px; }
            .ddct-dept-dash .ddct-dept-dash-overview h2 { color:#575959; font-weight:800; font-size:4em; }
        .ddct-dept-graph { float:left; width:100%; height:auto; }
          #ddct-dept-graph-left { margin-right:1%; width:49.5%; }
          #ddct-dept-graph-right { width:49.5%; }
        /*.ddct-dept-dash .ddct-dash-utilization {  }
            .ddct-dept-dash .ddct-dash-utilization li { float:left; width:16.5%; border-right:2px solid #cbd4d8; }
            .ddct-dept-dash .ddct-dash-utilization li:last-child { border:none; }
              .ddct-dept-dash .ddct-dash-utilization h4 { color:#797a7a; font-weight:400; font-size:.9em; padding-bottom:6px; }
              .ddct-dept-dash .ddct-dash-utilization h2 { color:#575959; font-weight:800; font-size:3em; }*/
        .ddct-dept-dash .ddct-dash-utilization {  }
            .ddct-dept-dash .ddct-dash-utilization li { float:left; width:16.5%; border-right:2px solid #cbd4d8; }
            .ddct-dept-dash .ddct-dash-utilization li:last-child { border:none; }
            .ddct-dept-dash .ddct-dash-utilization-eight li { box-sizing:border-box; float:left; width:14%; border-right:2px solid #cbd4d8; }
            .ddct-dept-dash .ddct-dash-utilization-eight li:last-child { border:none; }
              .ddct-dept-dash .ddct-dash-utilization h4 { color:#797a7a; font-weight:400; font-size:12px; padding-bottom:6px; }
              .ddct-dept-dash .ddct-dash-utilization h2 { color:#575959; font-weight:800; font-size:28px; }
              .ddct-dept-dash .ddct-dash-utilization h2 a { display:block; box-sizing:border-box; width:80%; margin:0 10%; padding:4px; color:#575959; background-color:#fff; }
              .ddct-dept-dash .ddct-dash-utilization h2 a:hover { background-color:#00a79d; color:#ffffff; }
              .ddct-dept-dash .ddct-dash-9 li { box-sizing:border-box; width:11%; }
              .ddct-dept-dash .ddct-dash-9 li h4 { font-size:12px; }
        .ddct header .ddct-dept-dash-nav { width:96%; padding:2%; background-color:#e5ebe7; margin-bottom:1%; }
        .ddct header .ddct-dept-dash-nav ul { overflow:auto; }
        .ddct header .ddct-dept-dash-nav li { float:left; width:32%; margin-right:2%;  }
          .ddct header .ddct-dept-dash-nav li:last-child { margin-right:0; }
          .ddct header .ddct-dept-dash-nav li h3 { color:#ffffff; }
          .ddct header .ddct-dept-dash-nav li a { display:block; background-color:#00a79d; padding:5% 0; }
            .ddct header .ddct-dept-dash-nav li a:hover { background-color:#008e85; }

        .ddct header .ddct-dept-dash-nav-four { width:96%; padding:2%; background-color:#e5ebe7; margin-bottom:1%; font-size:.85em;line-height: 1.3em; }
        .ddct header .ddct-dept-dash-nav-four ul { overflow:auto; }
        .ddct header .ddct-dept-dash-nav-four li { float:left; width:23.5%; margin-right:2%;  }
          .ddct header .ddct-dept-dash-nav-four li:last-child { margin-right:0; }
          .ddct header .ddct-dept-dash-nav-four li h3 { color:#ffffff; }
          .ddct header .ddct-dept-dash-nav-four li a { display:block; background-color:#00a79d; padding:5% 0; }
            .ddct header .ddct-dept-dash-nav-four li a:hover { background-color:#008e85; }
        .ddct header .ddct-dept-dash-nav-five li { float:left; width:19.2%; margin-right:1%;  }
          .ddct header .ddct-dept-dash-nav-five li:last-child { margin-right:0; }
        .ddct header .ddct-dept-dash-nav-six li { float:left; width:15.83%; margin-right:1%;  }
          .ddct header .ddct-dept-dash-nav-six li:last-child { margin-right:0; }
        .ddct header .ddct-dept-dash-nav-three li { float:left; width:32%; margin-right:2%;  }
          .ddct header .ddct-dept-dash-nav-three li:last-child { margin-right:0; }
          .ddct header .ddct-dept-dash-nav-three li a { padding:3% 0; }


        .ddct-dept-dash-fte-array {  }
          .ddct-dept-dash-fte-array ul { width:100%; background: #fff }
          .ddct-dept-dash-fte-array li { padding-bottom:2%; }
          /* .ddct-dept-dash-fte-array li:last-child { padding-bottom:0; } */
          .ddct-dept-dash-fte-array li ul li:last-child { margin-bottom:2%; }
          .accordion {  }
            div.fte-array-accordion { display:block; background-color:#CBD4D8; color:#575959; cursor:pointer; padding:1.3% 2%; width:96%; border:none; text-align:left; outline:none; transition:0.4s; }
            .fte-array-accordion h2 { display:inline-block; padding-right:2%; color:#575959; font-size:.9em !important; text-transform:uppercase; }
              #fte-array-accordion-h2-short { width:95%; }
            .fte-array-accordion i { color:#000000; font-size:.9em; padding-right:2px; }
            #fte-array-title-grey { color:#575959; }
            div.fte-array-accordion.active, button.accordion:hover, div.accordian.h2 {  }
            div.fte-array-accordion:after { content:'\02795'; font-size:13px; color:#777; float:right; margin-left:5px; margin-top:3px; }
            div.fte-array-accordion.active:after { content: "\2796"; }
            div.fte-array-panel { display:none; overflow:hidden; transition:0.8s ease-in-out; }
            div.fte-array-panel.show { display:block; margin:0; width:100%; }
        .fte-array {  }
        .fte-array ul {  }
          .fte-array li { padding:1% 1% .9% 1%; width:98%; overflow:auto; }
          .fte-array li:nth-child(2n) { background-color:#e5ebe7; padding:.9% 1% .8% 1%; }
            .fte-array h3 { text-align:justify; font-size:.9em; line-height:1.3em; color:#797a7a; padding:2% 0; border-bottom:1px solid #e5ebe7; }
            .fte-array h4 { float:left; font-size:1.2em; }
            .fte-array h1 { float:right; font-size:1.2em; }
            .fte-array h2 { text-align:center; color:#C21807; padding:0 8%; font-size:1.2em; }
            .fte-array h2 a { color:#C21807; text-decoration:underline; }
            .fte-array h2 a:hover { text-decoration:none; }
        .ddct-utlization { padding:4%; }
          .ddct-utlization header { padding:0; }

        /* CONTEXTUAL INFORMATION */
        .ddct-contextual-info .detail header h4 { text-align:right !important; }
        .ddct-ci-content { width:94% !important; padding:3% !important; background-color:#FFFFFF !important; overflow:auto !important; }
        .ddct-ci-content {  }
          .ddct-ci-content label { display:block; text-align:center !important; width:100% !important; color:#575959 !important; font-size:1em !important; font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, Arial, san-serif !important; font-style: normal !important; font-weight: 400 !important; text-transform:uppercase !important; }
          .ddct-ci-content input { box-shadow:none !important; border-radius:initial !important; display:block; background-color:#e5ebe7 !important; border:none !important; margin-top:8px !important; text-align:center !important; }
          .ddct-ci-content select { box-shadow:none !important; border-radius:initial !important; display:block; border:none !important; margin-top:8px !important; text-align:left !important; }
          .ddct-ci-content input:hover { background-color:#FFFFFF !important; /*background-color:#cbd4d8;*/ }
          .ddct-ci-content h4 { text-align:center !important; font-style:italic !important; color:#575959 !important; margin-top:4px !important; font-size:.6em !important; }
          .ddct-ci-content .peer-content-submit h4 { font-style:normal; color:#FFFFFF !important; margin-top:0 !important; font-size:inherit !important; }
          .ddct-ci-content .peer-content-submit button { margin-bottom:0 !important; }
          .ddct-ci-content .styled-select { height:63px !important; margin-top:8px !important; margin-bottom:0 !important; }

          .performance-content .ddct-ci-content ul { width:100% !important; padding:0; margin-top:8px !important; }
          .performance-content .ddct-ci-content .profile-form-button li { padding-bottom:0 !important; }
          .ddct-ci-content .profile-form-button { margin-bottom:0 !important; }
          .ddct-ci-content .profile-form-button li { width:49% !important; margin-right:2% !important; height:63px !important; }
          .ddct-ci-content .profile-form-button li:last-child { margin-right:0 !important; }
          .ddct-ci-content .profile-form-button label { padding:22px 0 !important; font-size:16px !important; font-weight:300 !important; }

          .ddct-ci-one-col { width:100%; display:block; overflow:auto; }
            .ddct-ci-one-col .ddct-ci-input { width:100 !important%; margin-bottom:3% !important; font-size:16px !important; }
              .ddct-ci-one-col .ddct-ci-input input { box-sizing:border-box; padding:22px 2% !important; width:100% !important; font-size:16px !important; color:#575959 !important; }
              .ddct-ci-one-col .ddct-ci-input select { background:transparent !important; margin-top:0 !important; padding-left:8% !important; height:63px; -webkit-appearance:none; -moz-appearance:none; appearance:none !important; width:107% !important; border:0 !important; border-radius:0; color:#575959 !important; font-size:1em !important; font-family: "Gotham SSm A", "Gotham SSm B" !important; font-style: normal !important; font-weight: 300 !important; color:#575959 !important; }

          .ddct-ci-two-col { width:100%; display:block; overflow:auto; }
            .ddct-ci-two-col .ddct-ci-input { float:left; width:49%; margin-bottom:3%; margin-right:2%; }
            .ddct-ci-two-col .ddct-ci-input:nth-of-type(2n)  { margin-right:0; }
              .ddct-ci-two-col .ddct-ci-input input { box-sizing:border-box; padding:22px 4% !important; width:100% !important; font-size:16px !important; color:#575959 !important; }
              .ddct-ci-two-col .ddct-ci-input select { background:transparent !important; margin-top:0 !important; padding-left:8% !important; height:63px; -webkit-appearance:none; -moz-appearance:none; appearance:none !important; width:107% !important; border:0 !important; border-radius:0; color:#575959 !important; font-size:1em !important; font-family: "Gotham SSm A", "Gotham SSm B" !important; font-style: normal !important; font-weight: 300 !important; color:#575959 !important; }

          .ddct-ci-three-col { width:100%; display:block; overflow:auto; }
            .ddct-ci-three-col .ddct-ci-input { float:left; width:32%; margin-bottom:3%; margin-right:2%; color:#575959; }
            .ddct-ci-three-col .ddct-ci-input:nth-of-type(3n)  { margin-right:0; }
              .ddct-ci-three-col .ddct-ci-input input { box-sizing:border-box; padding:22px 6% !important; width:100% !important; font-size:16px !important; color:#575959 !important; } 
              .ddct-ci-three-col .ddct-ci-input select { background:transparent !important; margin-top:0 !important; padding-left:8% !important; height:63px; -webkit-appearance:none; -moz-appearance:none; appearance:none !important; width:107% !important; border:0 !important; border-radius:0; color:#575959 !important; font-size:1em !important; font-family: "Gotham SSm A", "Gotham SSm B" !important; font-style: normal !important; font-weight: 300 !important; color:#575959 !important; }

          .ddct-ci-four-col { width:100%; display:block; overflow:auto; box-sizing:border-box; }
            .ddct-ci-four-col .ddct-ci-input { float:left; width:23.5%; margin-bottom:3%; margin-right:2%; color:#575959; }
            .ddct-ci-four-col .ddct-ci-input:nth-of-type(4n)  { margin-right:0; }
              .ddct-ci-four-col .ddct-ci-input input { box-sizing:border-box; padding:22px 6%; width:100%; font-size:16px; color:#575959; } 
              .ddct-ci-four-col .ddct-ci-input select { background:transparent !important; margin-top:0 !important; padding-left:8% !important; height:63px; -webkit-appearance:none; -moz-appearance:none; appearance:none !important; width:107% !important; border:0 !important; border-radius:0; color:#575959 !important; font-size:1em !important; font-family: "Gotham SSm A", "Gotham SSm B" !important; font-style: normal !important; font-weight: 300 !important; color:#575959 !important; }

          .ddct-ci-five-col { width:100%; display:block; overflow:auto; box-sizing:border-box; }
            .ddct-ci-five-col .ddct-ci-input { float:left; width:18.4%; margin-bottom:3%; margin-right:2%; color:#575959; }
            .ddct-ci-five-col .ddct-ci-input:nth-of-type(5n)  { margin-right:0; }
              .ddct-ci-five-col .ddct-ci-input input { box-sizing:border-box; padding:22px 6%; width:100%; font-size:16px; color:#575959; } 
              .ddct-ci-five-col .ddct-ci-input select { background:transparent !important; margin-top:0 !important; padding-left:8% !important; height:63px; -webkit-appearance:none; -moz-appearance:none; appearance:none !important; width:107% !important; border:0 !important; border-radius:0; color:#575959 !important; font-size:1em !important; font-family: "Gotham SSm A", "Gotham SSm B" !important; font-style: normal !important; font-weight: 300 !important; color:#575959 !important; }


          .ddct-ci-pp-header { width:100%; display:block; padding-top:3%; padding-bottom:2%; border-top:solid 2px #797a7a; }
            .ddct-ci-pp-header h2 { width:100% !important; display:block; padding:12px 0 11px 0 !important; text-align:center; background-color:#cbd4d8 !important; color:#575959 !important; }

          .ddct-ci-units-roles .ddct-ci-one-col .ddct-ci-input:last-child { margin-bottom:0; }
          .ddct-ci-units-roles .ddct-ci-one-col .ddct-ci-input select { padding-left:2% !important; }
          .ddct-ci-units-roles .ddct-ci-pp-header { padding:2% 0; margin-bottom:4%; margin-top:0; border:none; background-color:#cbd4d8; }
          .ddct-ci-units-roles .ddct-ci-pp-header h2 { font-size:1.3em; padding-top:0; }
          .ddct-ci-units-roles .ddct-ci-pp-header h5 { font-size:1em; padding-bottom:0; font-weight:400; }
          .ddct-ci-units-roles .ddct-ci-pp-header ul { text-align:center; margin-top:3px; }
          .ddct-ci-units-roles .ddct-ci-pp-header li { padding-bottom:6px; }
          .ddct-ci-units-roles .ddct-ci-pp-header li:last-child { padding-bottom:0; }
          .ddct-ci-units-roles .ddct-ci-pp-header strong { font-weight:700; color:red; }

          .ddct-return-button { position:relative; }
            .ddct-return-button a { position:absolute; left:0; top:0; padding:1%; background:#00a79d; color:#ffffff; font-size:.9em; line-height:1em;}
            .ddct-return-button a:hover { position:absolute; left:0; top:0; padding:1%; background:#008e85; }
            .ddct-return-button .ddct-return-button-clear a { text-decoration:underline; position:relative; left:auto; top:auto; padding:0; background:none; color:inherit; font-size:inherit; line-height:inherit;}
            .ddct-return-button .ddct-return-button-clear a:hover { text-decoration:none; position:relative; left:auto; top:auto; padding:auto; background:none; }

            .ddct-return-button h4 { width:70%; margin:0 15%; }

          .ddct-department-list-popper a { display:block; padding:3% 0; background-color:#00a79d; text-align:center; color:#ffffff; }
          .ddct-department-list-popper a:hover { background-color:#008e85; }
          .ddct-department-list-popper .ddct-ci-input { float:none; width:auto; margin-bottom:0; margin-right:0; }
          .ddct-department-list-popper li { float:left; width:49%; margin-bottom:1%; margin-right:2%; }
          .ddct-department-list-popper li:nth-of-type(2n)  { margin-right:0; }

          .ddct-staff-list-popper a { display:block; padding:3% 0; background-color:#00a79d; text-align:center; color:#ffffff; }
          .ddct-staff-list-popper a:hover { background-color:#008e85; }
          .ddct-staff-list-popper .ddct-ci-input { float:left; width:32%; margin-bottom:1%; margin-right:2%; }
          .ddct-staff-list-popper .ddct-ci-input:nth-of-type(3n)  { margin-right:0; }

        .ddct-fte-edit {  }
          .ddct-fte-edit .dashboard-detail-detail { height:58px; }
          .ddct-fte-edit .dashboard-detail-name { width:30%; height:53px; padding-top:0; }
          .ddct-fte-edit .dashboard-detail-name h5 { font-size:1.6em; padding-bottom:1%; }
          .ddct-fte-edit .dashboard-detail-name h2 { font-size:.9em; padding-bottom:3%; }
          .ddct-fte-edit .dashboard-detail-name h3 { font-size:.8em; }
        
          .ddct-fte-edit .fte-edit-count-detail { padding:0 0 0 1.8%; text-align:center; height:58px; }
            .fte-edit-count-detail h4 { font-size:11px; padding-bottom:4px; color:#797a7a; font-weight:400; }
            .fte-edit-count-detail h1 { font-size:42px; color:#575959; }
          .fte-edit-linkbox { float:right; height:55px; }
            .fte-edit-linkbox h3 {  }
            .fte-edit-linkbox a { display:inline-block; padding:23px 22px 21px 22px; font-size:16px; text-align:center; color:#ffffff; background-color:#00a79d; }
            .fte-edit-linkbox a:hover { background-color:#008e85; }

        .ddct-fte-edit .ddct-local-role { width:47%; height:auto; padding-top:0; margin-right:0; }
        .ddct-fte-edit .ddct-ancc-role { width:32%; margin-left:2%; padding-left:2%; border-left:2px solid #cbd4d8; padding-top:0; margin-right:0; }
          .ddct-fte-edit .ddct-local-role h1, .ddct-fte-edit .ddct-ancc-role h1 { color:#575959; }
          .ddct-fte-edit .ddct-local-role h5, .ddct-fte-edit .ddct-ancc-role h5 { font-size:.7em; text-transform:uppercase; padding-bottom:8px; margin-bottom:9px; border-bottom:1px dotted #cbd4d8; }
        .ddct-fte-edit .fte-edit-linkbox { height:auto; }
        .ddct_role_align h5 { font-size:1em !important; padding-bottom:10px; margin-bottom:11px; border-bottom:1px dotted #cbd4d8; text-transform:uppercase; }

        .dashboard-search { margin-bottom:0; }
          .dashboard-search > .ddct-dash-overview { margin-bottom:0; width:96%; padding:2%; }
          .dashboard-search input[type='text'] { border:none; width:90%; box-sizing:border-box; background:#e5ebe7; padding:2%; float:left; color:#575959; }
          .dashboard-search input[type='submit'] { border:none; box-sizing:border-box; background-color:#00a79d; color:#fff; width:10%; margin:0; padding:0; float:left; padding:2%; }
          .dashboard-search input[type='submit']:hover { background-color:#008e85; }
          .dashboard-search h1 { text-align:center; color:#575959; font-size:1.4em; margin-bottom:12px; }
          .dashboard-search h4 { text-align:center; color:#575959; font-size:1em; margin-bottom:12px; }
          .dashboard-search a { color:#575959; text-decoration:underline; }
          .dashboard-search a:hover { text-decoration:none; }

        .ddct-dept-dash .ddct-dash-count-region { padding:2%; box-sizing:border-box; border-top:3px solid #00a79d; text-align:center; }
          .ddct-dash-count-region h4 { color:#797a7a; font-weight:400; font-size:12px; padding-bottom:6px; }
          .ddct-dash-count-region h5 { color:#575959; font-size:2.4em; padding-bottom:3%; }
          .ddct-dash-count-region p { color:#939393; font-size:.8em; width:60%; margin:0 20%; line-height:1.3em; font-weight:400; padding-bottom:3%; }
          .ddct-dash-count-region h2 { color:#575959; font-weight:800; }
          .ddct-dash-count-region h2 a { display:block; box-sizing:border-box; width:80%; margin:0 10%; padding:4px; color:#575959; background-color:#fff; }
          .ddct-dash-count-region h2 a:hover { background-color:#00a79d; color:#ffffff; }
          .ddct-dash-count-region h3 { width:100%; padding-bottom:.5%; margin:0 0 1.5% 0; border-bottom:solid 2px #cbd4d8; color:#575959; font-weight:700; font-size:.9em;} 
          .ddct-dash-count-region ul { width:100%; text-align:center; }

          .ddct-dash-count-region-3 { box-sizing:border-box; width:100%; padding:0 0 4% 0; overflow:auto; }
          .ddct-dash-count-region .ddct-dash-count-region-3 li { float:left; width:33%; border-right:2px solid #cbd4d8; box-sizing:border-box; }
          .ddct-dash-count-region .ddct-dash-count-region-3 li:last-child { border:none; }

          .ddct-dash-count-region-4 { box-sizing:border-box; width:100%; padding:0 0 4% 0; overflow:auto; }
          .ddct-dash-count-region .ddct-dash-count-region-4 li { float:left; width:25%; border-right:2px solid #cbd4d8; box-sizing:border-box; }
          .ddct-dash-count-region .ddct-dash-count-region-4 li:last-child { border:none; }

          .ddct-dash-count-region-5 { box-sizing:border-box; width:100%; padding:0 0 4% 0; overflow:auto; }
          .ddct-dash-count-region .ddct-dash-count-region-5 li { float:left; width:20%; border-right:2px solid #cbd4d8; box-sizing:border-box; }
          .ddct-dash-count-region .ddct-dash-count-region-5 li:last-child { border:none; }

          .ddct-dash-count-region-6 { box-sizing:border-box; width:100%; padding:0 0 4% 0; overflow:auto; }
          .ddct-dash-count-region-6:last-child { padding:0.5%; }
          .ddct-dash-count-region .ddct-dash-count-region-6 li { float:left; width:16.66%; border-right:2px solid #cbd4d8; box-sizing:border-box; }
          .ddct-dash-count-region .ddct-dash-count-region-6 li h4 { font-size:12px; }
          .ddct-dash-count-region .ddct-dash-count-region-6 li:last-child { border:none; }

          .ddct-dash-count-region-6-large { box-sizing:border-box; width:100%; padding:0 0 4% 0; overflow:auto; }
          .ddct-dash-count-region-6-large:last-child { padding:0; }
          .ddct-dash-count-region .ddct-dash-count-region-6-large li { float:left; width:16.66%; border-right:2px solid #cbd4d8; box-sizing:border-box; }
          .ddct-dash-count-region .ddct-dash-count-region-6-large li h4 { font-size:12px; }
          .ddct-dash-count-region .ddct-dash-count-region-6-large li:last-child { border:none; }

          .ddct-dash-count-region-7 { box-sizing:border-box; width:100%; padding:0 0 4% 0; overflow:auto; }
          .ddct-dash-count-region-7:last-child { padding:0; }
          .ddct-dash-count-region .ddct-dash-count-region-7 li { float:left; width:14.25%; border-right:2px solid #cbd4d8; box-sizing:border-box; }
          .ddct-dash-count-region .ddct-dash-count-region-7 li h4 { font-size:12px; }
          .ddct-dash-count-region .ddct-dash-count-region-7 li:last-child { border:none; }

          .ddct-dash-count-region-9 { box-sizing:border-box; width:100%; padding:0 0 4% 0; overflow:auto; }
          .ddct-dash-count-region-9:last-child { padding:0; }
          .ddct-dash-count-region .ddct-dash-count-region-9 li { float:left; width:11.1%; border-right:2px solid #cbd4d8; box-sizing:border-box; }
          .ddct-dash-count-region .ddct-dash-count-region-9 li h4 { font-size:12px; }
          .ddct-dash-count-region .ddct-dash-count-region-9 li:last-child { border:none; }

          .ddct-dash-count-region-5 h2, .ddct-dash-count-region-4 h2, .ddct-dash-count-region-6-large h2, .ddct-dash-count-region-3 h2 { font-size:42px; }
          .ddct-dash-count-region-9 h2, .ddct-dash-count-region-7 h2, .ddct-dash-count-region-6 h2 { font-size:24px; }

          .ddct-dash-count-region-6-second-line h2 { font-size:36px; }
          .ddct-dash-count-region-6-first-line h2 { font-size:36px; }


    /* DISSEMINATION */      
    .performance-content.dissemination ul { width:100%; padding:2%; }
    .performance .dissemination header { padding-bottom:2%; }
    .ddct.dissemination header h2 { margin-bottom:0; }
    .dissemination { box-sizing:border-box; padding:2%;  }
      .dissemination ul { box-sizing:border-box; background-color:#ffffff; }
      .dissemination .dashboard-detail-name { height:initial; width:75%; }
      .performance-content.dissemination h3 { background-color:initial; }
      .dissemination .dashboard-detail-name h2 { font-size:1.6em; padding-bottom:8px; font-weight:300; }
      .dissemination .dashboard-detail { padding:2% 0; width:100%; }
      .performance-content.dissemination li p { margin-bottom:0; font-size:.8em; font-weight:200; }
      .dissemination-type-header { text-align:center; color:#575959; padding:2% 0 0 0; background-color:#ffffff; }
      .dissemination-type-header h5 { font-size:3em; }
      .dissemination-type-header p { font-size:1em; line-height:1.3em; padding-top:8px; }
      .dissemination-type-header a, .dissemination-budget-error a  { text-decoration:underline; color:#575959; }
      .dissemination-type-header a:hover, .dissemination-budget-error a:hover { text-decoration:none; }
      .dissemination .fte-edit-linkbox { height:initial; }
      .dissemination .fte-edit-linkbox a { padding:16px; }
      .performance-content.dissemination li:last-child { padding-bottom:2%; }
      .dissemination .dashboard-detail:nth-child(2n) { background-color:#ffffff; }
      .dissemination-org-error, .dissemination-budget-error { box-sizing:border-box; width:100%; background-color:red; color:#ffffff; overflow:auto; }
        .dissemination-org-error-left { box-sizing:border-box; float:left; width:80%; padding:2%; }
          .dissemination-org-error-left p { font-weight:400; width:70%; line-height:1.3em; }
        .dissemination-org-error a { box-sizing:border-box; float:right; width:20%; background-color:#F7941D; padding:2% 0; text-align:center; color:#ffffff; line-height:1.3em;  }
        .dissemination-org-error a:hover { background-color:#FBB040; }
        .dissemination-org-error h4 { font-weight:600; }
      .dissemination-budget-error { margin-top:2%; padding:2%; }
      .dissemination-budget-error p { font-weight:400; line-height:1.3em; padding-bottom:1.5%; }
      .performance-content.dissemination .dissemination-budget-error li:last-child { padding-bottom:0; }
      .dissemination-budget-error a { font-size:1.2em; }


/*##############################################################################################################################################
##############################################################################################################################################*/


* 13) RESEARCH MANAGER */
    /* STYLE FIXES */
    .top-menu.research li > a { padding: 23px 18px 23px 18px; }


    /* INDEX DASHBOARD */
    .research {  }
      .research header a { color:#575959; text-decoration:underline; display:inline-block; }
      .research header a:hover { text-decoration:none; }
      .research-dash-2-col { width:100%; display:block; padding-bottom:2%; overflow:auto; }
        .research-dash-2-col-box { float:left; width:45%; height:320px; margin-right:2%; padding:30px 2%; background-color:#fff; text-align:center; }
        .research-dash-2-col-box:last-child { margin-right:0; }
          .research-dash-2-col-box h3 { text-transform:uppercase; color:#797a7a; font-size:.9em; padding-bottom:4%; }
          .research-dash-2-col-box ul { width:100%; height:33%; padding-bottom:6%; border-bottom:2px solid #cbd4d8; overflow:auto; }
          .research-dash-2-col-box ul:last-child { margin-bottom:0; padding-top:8%; border-bottom:none; padding-bottom:0; }
          .research-dash-2-col-box li { float:left; width:45.7%; padding-right:4%; margin-right:4%; border-right:2px solid #cbd4d8; }
          .research-dash-2-col-box li:last-child { padding-right:0; margin-right:0; border-right:none; }
          .research-dash-2-col-box h4 { color:#797a7a; font-weight:400; font-size:.9em; padding-bottom:6px; }
          .research-dash-2-col-box h2 { color:#575959; font-weight:800; font-size:4.4em; }
      .research section .ddct-section-header h1 { display:block; padding-bottom:1.25%; color:#575959; text-align:center; text-transform:uppercase; font-size:1.8em; font-weight:400; }
      .research .research-dash-ed-opp-list-8 li { width:12.5%; box-sizing:border-box; }
      .research .research-dash-ed-opp-list-7 li { width:14.25%; box-sizing:border-box; }


    /* PROJECT OVERVIEW */
    .research .performance-content { background-color:#fff; padding:2%; width:96%; }
    .research .performance-content ul { width:100%; padding:0; }
    .research.performance header { padding:0 0 2% 0; }
    .research.performance header h5 { font-size:1.2em; }
    .research .performance-content li { padding-bottom:1%; }
    .research .performance-content li:last-child { padding-bottom:0; padding-top:1%; }
    .research .sandbox-accordion h2 { color:#575959; }
    .research .performance-content h3 { margin-top:2%; font-size:.9em; background-color:#797a7a; padding:8px 0;}
    .sandbox-accordion h5 { display:inline-block; font-weight:700; font-size:.85em; padding-bottom:1px; }
    .sandbox-accordion h5 svg { font-size:.8em; padding-bottom:1px; }

    .research-panel {  }
      .research-panel-header {  }
      .research-panel-header h4 { font-size:.9em; text-transform:uppercase; font-weight:400; }
      .research-panel-header #research-panel-header-green { color:#00a79d; }
        .research-panel-header-left { float:left; width:75%; }
          .research-panel-header-left h4 { display:inline-block; margin-right:16px; }
          .research-panel-header-left h4:last-child { margin-right:0; }
        .research-panel-header-right { float:right; width:25%; text-align:right; }
          .research-panel-header-right h4 { font-weight:700; }
            .research-panel-header-right svg { color:#00a79d; }

      .research-panel-content {  }
        .research-panel-content a { display:block; border:none; width:96%; padding:2%; background-color:#00A79D; color:#FFFFFF; font-size:1em; text-align:center; }
        .research-panel-content a:hover { background-color:#008E85; }
        .research-panel-content .research-panel-element-two-buttons a { width:45%; margin-right:2%; float:left; }
        .research-panel-content .research-panel-element-two-buttons a:last-child { margin-right:0; }
        .research-panel-content-buttons a { box-sizing:border-box; width:49%; margin-right:2%; float:left; font-size:1em; }
        .research-panel-content-buttons-single a { width:100%; }
        .research-panel-content-buttons a:last-child { margin-right:0; }
        .research-panel-one-col { width:100%; display:block; overflow:auto; }
          .research-panel-one-col .research-panel-input { box-sizing:border-box; width:100%; padding:2%; border-left:4px solid #00a79d; margin-bottom:1%; font-size:16px; background-color:#FFFFFF; }
            
        .research-panel-two-col { width:100%; display:block; overflow:auto; }
          .research-panel-two-col .research-panel-input { float:left; box-sizing:border-box; width:49.5%; padding:2%; border-left:4px solid #00a79d; margin-bottom:1%; margin-right:1%; background-color:#FFFFFF; }
          .research-panel-two-col .research-panel-input:nth-of-type(2n)  { margin-right:0; }

        .research-panel-three-col { width:100%; display:block; overflow:auto; }
          .research-panel-three-col .research-panel-input { float:left; box-sizing:border-box; width:32.66%; padding:2%; border-left:4px solid #00a79d; margin-bottom:1%; margin-right:1%; background-color:#FFFFFF; }
          .research-panel-three-col .research-panel-input:nth-of-type(3n)  { margin-right:0; }

        .research-panel-four-col { width:100%; display:block; overflow:auto; }
          .research-panel-four-col .research-panel-input { float:left; box-sizing:border-box; width:24.25%; padding:2%; border-left:4px solid #00a79d; margin-bottom:1%; margin-right:1%; background-color:#FFFFFF; }
          .research-panel-four-col .research-panel-input:nth-of-type(4n)  { margin-right:0; }

        .research-panel-element { text-align:left; }
          .research-panel-element h4 { font-size:.85em; color:#797a7a; display:block; font-weight:700; padding-bottom:6px; text-transform:uppercase; }
          .research-panel-element h5 { font-size:1.1em; color:#000; display:block; font-weight:700; }

        .research-accordian-note { display:inline-block; }
        .research-accordian-note h4 { font-size:.9em; text-transform:uppercase; font-weight:300; }
        .research-accordian-note svg { color:#00a79d; }
        .research .performance-content li p { margin-bottom:0; font-size:.95em; line-height:1.5em; color:#000; }
        .research-file-list a { width:100%; background:none; font-size:1em; text-decoration:underline; text-align:left; padding:.5% 0 1% 0; color:initial; }
        .research-file-list a:hover { background:none; text-decoration:none; }
        .research-file-list a:last-child { padding-bottom:0; }

        .research-participant-list {  }
          .research-participant-list ul { box-sizing:border-box; width:100%; border-bottom:1px solid #CBD4D8; overflow:auto; }
            .research-participant-list li { float:left; box-sizing:border-box; padding:1% 0 1% 1%; border-right:1px solid #CBD4D8; width:20%; }
            .research-participant-list li:last-child { border-right:none; }
            .research-participant-list li:first-child { padding-left:0; }
            .research-participant-list li h4  { padding-bottom:0; }
            .research-participant-list li p {  }

      /* RESEARCH NEW ENTRY */
      .research-new-nocat {  }
        .performance-content .magnet-sandbox .research-new-nocat h1 { text-align:center; padding-top:0; }
        .performance-content .magnet-sandbox .research-new-nocat p { margin-bottom:2%; text-align:center; font-size:1.3em;  }
        .research-new-nocat ul { width:100%; overflow:auto; box-sizing:border-box; }
        .research-new-nocat li { float:left; width:100%; margin-right:0; padding:0; }
        .magnet-sandbox .research-new-nocat a { width:100%; margin-top:0; padding:2% 0 !important; }
        .magnet-sandbox .research-new-nocat a:hover {  }

        .research-new-entry-one-col { width:100%; display:block; overflow:auto; padding-top:3%; }
        .research-new-entry-one-col:first-child { padding-top:0; }
        .research-new-entry-one-col { width:100%; display:block; overflow:auto; }
          .research-new-entry-one-col .research-panel-input { box-sizing:border-box; width:100%; font-size:16px; }
            
        .research-new-entry-two-col { width:100%; display:block; overflow:auto; padding-top:3%; }
        .research-new-entry-two-col:first-child { padding-top:0; }
          .research-new-entry-two-col .research-panel-input { float:left; box-sizing:border-box; width:49%; margin-right:2%; }
          .research-new-entry-two-col .research-panel-input:nth-of-type(2n)  { margin-right:0; }

        .research-new-entry-three-col { width:100%; display:block; overflow:auto; padding-top:3%; }
        .research-new-entry-three-col:first-child { padding-top:0; }
          .research-new-entry-three-col .research-panel-input { float:left; box-sizing:border-box; width:32%; margin-right:2%; }
          .research-new-entry-three-col .research-panel-input:nth-of-type(3n)  { margin-right:0; }

        .research-new-entry-four-col { width:100%; display:block; overflow:auto; padding-top:3%; }
        .research-new-entry-four-col:first-child { padding-top:0; }
          .research-new-entry-four-col .research-panel-input { float:left; box-sizing:border-box; width:23.5%; margin-right:2%; }
          .research-new-entry-four-col .research-panel-input:nth-of-type(4n)  { margin-right:0; }

        .research-panel-input .accept-fields-radio label { padding-top:20px !important; }
        .magnet-sandbox-edit-admin .research-panel-input .accept-fields-radio { width:100%; max-width:100%; height:57px; float:inherit; }
        .research-panel-input .accept-fields-radio input[type=checkbox]:checked + label { background: #00A79D !important; color:#FFFFFF !important; }

        .accept-fields-radio-two { position:relative; float:left; width:76px; height:76px; }
        .accept-fields-radio-two input, .accept-fields-radio-two label { display:block; position:absolute; top:0; left:0; right:0; bottom:0; }
        .accept-fields-radio-two input[type=checkbox] { opacity:0.011; z-index:100; width:100%; height:100%; margin:0; border:none; cursor:pointer; transition:all .2s ease-in-out; }
        .accept-fields-radio-two input[type=checkbox]:checked + label { background:#00A79D; }
        .accept-fields-radio-two label { z-index:90; text-align:center; cursor:pointer; border:none; background-color:#E5EBE7; transition:all .2s ease-in-out; }
        .accept-fields-radio-two label:hover { background:#cbd4d8; }
        .research-panel-input .accept-fields-radio-two label { padding-top:20px !important; }
        .magnet-sandbox-edit-admin .research-panel-input .accept-fields-radio-two { width:49%; margin-right:2%; max-width:100%; height:57px; }
        .magnet-sandbox-edit-admin .research-panel-input .accept-fields-radio-two:last-child { margin-right:0; }
        .research-panel-input .accept-fields-radio-two input[type=checkbox]:checked + label { background: #00A79D !important; color:#FFFFFF !important; }

      .research-no-results { width:100%; padding:0 0 2% 0; text-align:center; }
        .research-no-results h1 { font-size:1.2em; line-height:1.3em; color:#575959; }
        .research-no-results a { text-decoration:none; color:#575959; }
        .research-no-results a:hover { text-decoration:underline; }

      #cform .poster-submit-keywords { width:100%; }
        #cform .research-panel-input .poster-submit-keywords { margin-left:0; }
        #cform .research-panel-input .poster-submit-keywords li { list-style:none; float:left; width:23.5%; margin-right:2%; margin-bottom:1%; height:30px; position:relative; }
        #cform .poster-submit-keywords li:nth-child(4n) { margin-right:0; }
        #cform .poster-submit-keywords li:hover { background:#FFFFFF; }
        #cform .poster-submit-keywords input, .poster-submit-keywords label { display:block; position:absolute; top:0; left:0; right:0; bottom:0; border:none; box-shadow:0; box-sizing:initial; border-radius:none; }
        #cform .poster-submit-keywords input[type=checkbox] { opacity:0.011; z-index:100; width:100%; height:100%; cursor:pointer; padding:0; margin:0; border:none; }
        #cform .poster-submit-keywords input[type=checkbox]:checked + label { background:#00a79d;color:#FFFFFF !important; }
        #cform .poster-submit-keywords input[type=radio] { opacity:0.011; z-index:100; width:100%; height:100%; cursor:pointer; padding:0; margin:0; border:none; }
        #cform .poster-submit-keywords input[type=radio]:checked + label { background:#00a79d;color:#FFFFFF !important; }
        #cform .poster-submit-keywords label { text-align:center; cursor:pointer; padding-top:9px; border:none; background-color:#E5EBE7; color:#575959; font-size:13px; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight:400; z-index:99; transition: all .2s ease-in-out; }
        #cform .poster-submit-keywords label:hover { background-color:#FFFFFF; }

      #cform .research-department-colums ul { float:left; width:24%; margin-right:1%;}
      #cform .research-department-colums ul:last-child { margin-right:0;}
        #cform .research-department-colums .poster-submit-keywords li { float:none; width:100%; margin-bottom:8px; }

        #cform .research_entry_error { margin:2% 0; padding:2%; background-color:red; text-align:center;}
        #cform .research_entry_error h2 { color:#fff; padding-bottom:12px; font-size:1.3em; text-transform:initial; }
        #cform .research_entry_error h1 { color:#fff; padding-bottom:12px; font-size:1em; text-transform:initial; font-weight:700; }
        #cform .research_entry_error h1:last-child { padding-bottom:0; }

        .my-popper { padding:20px; background-color:red; }
        .noSelect { -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-tap-highlight-color: transparent; }
        .tippy-tooltip { position:relative; color:#fff; border-radius:0; border:3px #00a79d; font-size:.8rem; padding:1rem 1.2rem; line-height:1.4; text-align:left; will-change:transform; background-color:#00a79d; }
        .tippy-tooltip a { display:block; color:#263F69; border-bottom:2px solid #E7ECF6; }
        .tippy-tooltip a:last-child { border:none; }
        .tippy-tooltip a:hover { color:#426CB4; }
        .tippy-tooltip h1 { font-size:1.2em; margin-bottom:6px; }
        .tippy-tooltip ul { margin-bottom:8px; }
          .tippy-tooltip li { list-style:initial; margin-left:12px; margin-bottom:3px; }
          .tippy-tooltip li:last-child { margin-bottom:0; }
        .tippy-popper[x-placement^=bottom] .tippy-arrow { border-bottom:8px solid #00a79d; }
        .tippy-popper[x-placement^=top] .tippy-arrow { border-top:8px solid #00a79d; }
        .tippy-popper[x-placement^=right] .tippy-arrow { border-right:8px solid #00a79d; }
        .tippy-popper[x-placement^=left] .tippy-arrow { border-left:8px solid #00a79d; }
        .tippy-content h2 { display:block; padding:8px; color:#263F69; border-bottom:2px solid #E7ECF6; }
        .tippy-content h2:last-child { border-bottom:none; }
        .popper_trigger { font-size:1em; color:#fff; cursor:pointer; display:inline-block; }
        .popper_trigger:focus { outline:none !important; }

        .profile-form-button-research-single .profile-form-button li { margin-right:2% !important; width:49% !important; }
        .profile-form-button-research-single .profile-form-button li:last-child { margin-right:0 !important; }
        #cform .profile-form-button-research-three ul { margin-bottom:3%; overflow:auto; }
        #cform .profile-form-button-research-three li { width:32% !important; margin-right:2% !important; }
        #cform .profile-form-button-research-three li:last-child { margin-right:0 !important; }
        #cform .profile-form-button-research-four ul { margin-bottom:3%; overflow:auto; }
        #cform .profile-form-button-research-four li { width:49% !important; margin-right:2% !important; margin-bottom:2% !important; }
        #cform .profile-form-button-research-four li:last-child { margin-right:0 !important; }
        #cform .profile-form-button-research-four li:nth-child(2) { margin-right:0 !important; }
        #cform .profile-form-button-research-four li:nth-child(3), #cform .profile-form-button-research-four li:nth-child(4) { margin-bottom:0 !important; }

      #cform .research-delete { background-color:#fff; padding:2%; margin-bottom:2%; border-top:3px solid #00a79d; text-align:center; }
        #cform .research-delete h2 { color:#575959; font-size:2.3em; padding-bottom:1.5%; }
        #cform .research-delete p { color:#575959; font-size:1.2em; margin-bottom:2%; }
        #cform .research-delete button { display:block; border:none; width:96%; padding:2%; background-color:#00A79D; color:#FFFFFF; font-size:1.3em; }
        #cform .research-delete button:hover { background-color:#008E85; }

      .research-delete { background-color:#fff; padding:2%; margin-bottom:0; border-top:3px solid #00a79d; text-align:center; overflow:auto; margin-bottom:2%; }
        .research-delete h2 { color:#575959; font-size:2.3em; padding-bottom:1.5%; }
        .research-delete p { color:#575959; font-size:1em; line-height:1.3em; width:80%; margin:0 10% 2% 10%; font-weight:400; }
        .research-delete button { display:block; border:none; width:100%; padding:2%; background-color:#00A79D; color:#FFFFFF; font-size:1.3em; margin-top:2%; cursor:pointer; }
        .research-delete button:hover { background-color:#008E85; }
        .profile-form-button { overflow:auto; }
        .profile-form-button li { width:49% !important; margin-right:2% !important; }
        .profile-form-button li:last-of-type { margin-right:0 !important; }
        .research-delete a { box-sizing: border-box; width:49%; margin-right:2%; float:left; font-size:1em; padding:2%; background-color:#00A79D; color:#FFFFFF; font-size:1em; text-align:center; }
        .research-delete a:hover { background-color:#008e85; }
        .research-delete a:last-child { margin-right:0; }

      .research-new-entry-green-input input[type="text"] {  }
      .research-new-header-details { background-color:#fff; margin-bottom:2%; border-top:3px solid #00a79d; }
        .research-new-header-details h3 { width:100%; font-size:.7em; text-align:center; color:#575959; padding-top:1%; padding-bottom:1%; margin-bottom:1%; border-bottom:1px solid #e5ebe7; }
        .research-new-header-details .research-new-header-details-explanation ul { padding:1% 2% 1% 2%; overflow:auto; color:#575959; }
          .research-new-header-details .research-new-header-details-explanation li { float:left; box-sizing:border-box; width:32%; margin-right:2%; padding-right:2%; border-right:solid 1px #e5ebe7; }
          .research-new-header-details .research-new-header-details-explanation li:last-child { margin-right:0; padding-right:0; border:none; }
            .research-new-header-details .research-new-header-details-explanation li h1 { padding-bottom:6px; }
            .research-new-header-details .research-new-header-details-explanation li p { line-height:1.3em; font-weight:400; font-size:.9em; }

        .research-new-header-details-process { padding-bottom:1%; border-bottom:1px solid #e5ebe7; }
          .research-new-header-details .research-new-header-details-process ul { padding:0 2% 0 2%; overflow:auto; }
            .research-new-header-details .research-new-header-details-process li { float:left; box-sizing:border-box; width:15%; margin-right:2%; font-size:.6em; background-color:#00a79d; padding:8px; border-radius:4px; color:#fff; text-align:center; }
            .research-new-header-details .research-new-header-details-process li:last-child { margin-right:0; }

        .research-new-header-details-contact { padding:1% 2% 1% 2%; border-top:1px solid #e5ebe7; text-align:center; }
          .research-new-header-details-contact h2, .research-new-header-details-contact svg, .research-new-header-details-contact i { color:#575959; }
          .research-new-header-details-contact a { color:#575959; font-size:.9em; background-color:yellow; display:inline-block; }
          .research-new-header-details-contact a:hover { color:#797a7a; }

        #cform .research-panel-input .research-approved-opportunities { background-color:#ffffd4; padding:2%; text-align:center; margin-bottom:2%; }
          #cform .research-panel-input .research-approved-opportunities h2 { font-weight:700 !important; font-size:1.1em  !important; padding-bottom:6px; }
          #cform .research-panel-input .research-approved-opportunities p { font-size:.9em  !important; }

        .entity_id { display:none; }

        #cform .research-delete-button {  }
          #cform .research-delete-button a { display:block; border:none; width:96%; padding:2%; background-color:#00A79D; color:#FFFFFF; font-size:1.3em; text-decoration:none !important; }
          #cform .research-delete-button a h4 { color:#fff; }
          #cform .research-delete-button a:hover { background-color:#008E85; }

        #cform .research_results_outcome_detail select, #cform .research_results_outcome_detail input[type="text"] { width:100% !important; overflow:hidden !important; box-sizing:border-box; }
        .research-results-box { margin:2% 0 1% 0; }
        
        .research_results_outcome_detail [data-column-id="148"], .research_results_outcome_detail [data-column-id="153"], .research_results_outcome_detail [data-column-id="150"], .research_results_outcome_detail [data-column-id="154"] { width:50px; }
        .research_results_outcome_detail [data-column-id="159"], .research_results_outcome_detail [data-column-id="160"], .research_results_outcome_detail [data-column-id="56"], .research_results_outcome_detail [data-column-id="161"], .research_results_outcome_detail [data-column-id="162"] { width:100px; }
        .research_results_outcome_detail [data-column-id="161"] .file_field, .research_results_outcome_detail [data-column-id="162"] .file_field { width:100px; }
        #research_to_research_conference1 { display:none; }

    .performance header.profile h5 { font-size:initial; line-height:initial; color:#fff; font-weight:initial; padding-bottom:initial; }
    .magnet-sandbox .profile button { cursor: pointer; margin-top:initial; border:initial; width:initial; padding:initial; background-color:initial; color:#FFFFFF; font-size:initial; }
    .magnet-sandbox .profile button h5 { color:#fff; }
    #cform .profile h5 { color:#fff; }

    .research_learn {  }
      .research_learn_item { box-sizing:border-box; padding:2%; background:#fff; border-top:3px solid #00a79d; margin-bottom:4%; }
        .research_learn_header { padding-bottom:1.5%; margin-bottom:2%; border-bottom:1px solid #cbd4d8; }
        .research_learn_item .research_learn_header h5 { text-align:center; font-size:2.4em; color:#575959;  }
        .research_learn_content {  }
          .research_learn_content a { box-sizing:border-box; width:100%; padding:2%; background-color:#00a79d; color:#fff; text-align:center; font-size:1.2em; display:block; margin-top:2%; } 
          .research_learn_content a:hover { background-color:#008e85; } 

      .research-dashboard-mentor-label { width:100%; text-align:center; }
        .research-dashboard-mentor-label h2 { text-align:center; margin:12px 0 6px 0; background-color:#ffffe0; display:inline-block; }

      .sandbox-accordion-status .popper_trigger svg { color:#575959; }
      .sandbox-accordion-status { display:block; padding-top:10px; margin-top:10px; border-top:1px solid #fff; }
        .sandbox-accordion-status h1 { font-size:.65em; font-weight:400; display:inline; }
        .sandbox-nocat .sandbox-accordion-status h1 { text-align: initial; padding:0; width:initial; background-color:initial; color: #575959; line-height:initial; }
        .sandbox-accordion-status h5 { color:#134f5c; font-size:.75em; }
        .sandbox-accordion-status-intital-item { float:left; box-sizing:border-box; }
        .sandbox-accordion-status-opp-item { float:left; box-sizing:border-box; margin-left:10px; padding-left:10px; border-left:1px solid #fff; margin-right:10px; padding-right:10px; border-right:1px solid #fff; }
          .sandbox-accordion-status-opp-item a, .sandbox-accordion-status-advancement-item a { color:#134f5c; text-decoration:underline; }
          .sandbox-accordion-status-opp-item a:hover, .sandbox-accordion-status-advancement-item a:hover { text-decoration:none; }
        .sandbox-accordion-status-advancement-item { float:left; box-sizing:border-box; }

    /* PROJECT NAVIGATOR */
    .project-navigator { box-sizing:border-box; margin:0 0 2% 0; }
    .project-navigator h3 { font-size:.8em; color:#575959; }
    .project-navigator ul { padding:0; font-size:0; overflow:hidden; display:inline-block; width:100%; margin-top:6px; }
    .project-navigator li { display:inline-block; width:14.28%; }
    .project-navigator li a { box-sizing:border-box; width:100%; font-size:.6rem; color:#575959; position:relative; display:inline-block; background:#cbd4d8; text-decoration:none; padding:9px 20px 8px 8px; text-align:center; }
    .project-navigator a:after,
    .project-navigator a:before { position:absolute; content:""; height:0; width:1px; top:50%; left:-24px; margin-top: -24px; border: 24px solid #cbd4d8; border-right: 0 !important; border-left-color: transparent !important; transition: all .2s ease-in-out; }
    .project-navigator a:before { left:-26px; border: 24px solid #fff; }

    /* HOVER STYLES */
    .project-navigator a:hover { background: #aebcc2; }
    .project-navigator a:hover:after { border-color:#aebcc2; }

    /* ACTIVE STYLES */
    .project-navigator a.active { background: #8DC63F; color:#fff; cursor:default; }
    .project-navigator a.active:after { border-color:#8DC63F; color:#fff; cursor:default }
    .project-navigator a.active:hover { background: #8DC63F; color:#fff; cursor:default; }
    .project-navigator a.active:after:hover { border-color:#8DC63F; color:#fff; cursor:default; }

    /* COMPLETED STYLES */
    .project-navigator a.completed { background: #00a79d; color:#fff; }
    .project-navigator a.completed:after { border-color:#00a79d; color:#fff; }
    .project-navigator a.completed:hover { background: #008e85; color:#fff;  }
    .project-navigator a:hover.completed:after { border-color:#008e85; color:#fff; }
    .project-navigator .project-basic-info-navigator a.active:after { border-color:#cbd4d8; }
      
    /* PROJECT FORM STYLES */ 
    #cform .project label h2 { text-align:center; color:#575959; font-size:1.1em; text-transform:uppercase; font-weight:400; padding-bottom:4px; }
    #cform .project .profile-item p { text-align:center; color:#575959; padding-bottom:12px; }
    #cform .project .profile-item input[type="text"] { height:initial !important; }
    .profile #cform .project button { position:initial; box-sizing:border-box; width:96%; margin:2%; box-shadow:none; font-size:1.4em !important; }
    #cform .project #project_h2_padding_bottom h2 { padding-bottom:10px; }

    .project-activity-overview { overflow:auto; padding:2%; }
      .project-activity-overview-left { float:left; box-sizing:border-box; width:86%; margin-right:4%; }
      .project-activity-overview-right { float:right; box-sizing:border-box; width:10%; }
      .project-activity-overview h3 { font-size:.7em; color:#575959; padding-bottom:4px; }
      .project-activity-overview h1 { text-align:left; font-size:1.3em; }
      .project-activity-overview h2 {  }
      .project-activity-overview a { display:block; color:#fff; padding:16px; text-align:center; background-color:#00a79d; }
      .project-activity-overview a:hover { background-color:#008e85; }

      .project .profile-row .profile-row-header p { text-transform:initial; color:#575959; padding-top:8px; line-height:1.2em; }

    #cform .research-opp-grid { margin-bottom:3%; }
      #cform .research-opp-grid ul { box-sizing:border-box; width:100%; }
      .magnet-sandbox-edit-staff .research-opp-grid h2 { text-align:left; display:inline-block; }
      .magnet-sandbox-edit-staff #cform .research-opp-grid h4 { font-weight:700 !important; padding:1.5% 0; }
      .magnet-sandbox-edit-staff .research-opp-grid svg { color:#575959; }
      .research-opp-grid div.sandbox-panel.show { box-sizing:border-box; width:100%; padding:0; }
      #cform .research-opp-grid-new-row a { box-sizing:border-box; width:100%; padding:1%; background-color:#00a79d; color:#fff; display:block; margin-top:1%; font-size:1.2em; text-decoration:none !important; text-align:center; }
      #cform .research-opp-grid-new-row a:hover { background-color:#008e85; }
      #cform .research-opp-grid-new-row h2 { font-size:1.4em; color:#fff; }
      #cform .research-opp-grid-new-row svg { font-size:.9em; color:#fff; }
      .research-opp-grid-buttons { margin:auto; text-align:center;  }
        #cform .research-opp-grid-edit a { box-sizing:border-box; width:100%; padding:1%; background-color:#00a79d; color:#fff; display:block; font-size:1.2em; text-decoration:none !important; }
        #cform .research-opp-grid-edit svg { font-size:.9em; color:#fff; }
        #cform .research-opp-grid .research-opp-grid-edit h4  { margin:0 0 1% 0; padding:0 0 2% 0; border-bottom:solid 2px #fff; }
        #cform .research-opp-grid-edit a:hover {  }
        #cform .research-opp-grid li { margin-bottom:1%; }
        .research-opp-grid .sandbox-accordion { background-color:#cbd4d8; }


    .project-opp-grid div.sandbox-accordion { box-sizing:border-box; padding:2% 2% 1.9% 2%; width:100%; }
      .project-opp-grid .sandbox-accordion h2 { font-size:1.3em !important; color:#000; text-transform:initial; }
      .project-opp-grid .sandbox-accordion h3 { font-size:.7em; color:#575959; padding-bottom:4px; }

    .project-opp-grid ul li { margin-bottom:1.2%; }
    .project-opp-grid ul li:last-child { margin-bottom:0; }

    .project-panel-content { box-sizing:border-box; background-color:#fff; }
      .project-panel-content .project-panel-three-col { box-sizing:border-box; }
      .project-panel-content .project-panel-three-col:last-child { box-sizing:border-box; }
      .project-panel-content .project-panel-four-col { box-sizing:border-box; }
        .project-panel-content .project-panel-item-wrapper { padding:2%; border-bottom:solid 2px #f3f6f4; overflow:auto; }
        .project-panel-one-col .project-panel-item { float:left; width:100%; }
        .project-panel-four-col .project-panel-item { float:left; width:25%; }
        .project-panel-three-col .project-panel-item { float:left; width:33%; }
        .project-panel-content .project-panel-item h3 { font-size:.7em; color:#575959; padding-bottom:4px; }
        .project-panel-content .project-panel-item h2 { font-size:1.3em; color:#000; text-transform:initial; text-align:left; }
        .project-panel-content .research-opp-grid-edit a { text-align:center; }
        #cform .research-opp-grid-new-row.project-opp-grid-new-row a { font-size:1em; margin-top:2%; }

      .project-dashboard-filters { box-sizing:border-box; width:100%; padding:2%; margin-bottom:2%; background-color:#fff; }
        .project-dashboard-filters-header {  }
          .project-dashboard-filters-header h3 { width:100%; }
        .project-dashboard-filters-box { width:100%; overflow:auto; margin-bottom:20px; }
        .project-dashboard-filters-box:last-child { margin:0 }
          .project-dashboard-filters-item { box-sizing:border-box; float:left; width:23.5%; margin-right:2%; }
          .project-dashboard-filters-item:last-child { margin-right:0; }
          .sandbox-panel .project-dashboard-filters-item h2 { font-size:.7em !important; padding-bottom:4px; text-align:left; }
        .project-dashboard-filters-desc { box-sizing:border-box; padding:1.3%; background-color:#fff; margin-bottom:2%; }
          .project-dashboard-filters-desc h3 { text-align:center; font-size:1.3em; text-transform:uppercase; }
          .project-dashboard-filters-desc a { display:inline-block; text-align:center; color:#be0000; }
          .project-dashboard-filters-desc a:hover { color:#8b0000; }
          .project-dashboard-filters-desc h1 { font-size:1em; text-align:center; width:100%; margin-top:8px; }
      .project-dashboard-filters-desc-export { position:absolute; top:0; right:0;  }
        .project-dashboard-filters-desc-export a { box-sizing:border-box; padding:6px; background-color:#00A79D; color:#fff; font-size:.7em; line-height:1.2em; text-transform:initial; display:block; }
        .project-dashboard-filters-desc-export a:hover { background-color:#008e85; }



/*##############################################################################################################################################
##############################################################################################################################################*/




/* 14) REPORT COMPOSER */

      .composer header { padding:0 0 3% 0; text-align:center; color:#575959; }
      /*.composer.composer-results header { padding:0; } */
        .composer header h2 { font-size:2.2em; padding-bottom:10px; }
        .composer header h4  { font-size:1em; line-height:1.3em; }
        
      /* .site-footer { position:absolute; } */
      .composer {  }
        .composer section { box-sizing:border-box; width:100%; padding:0; background-color:#fff; margin-bottom:6%; }
        .composer section.composer-results { padding:1% 0 1% 0; }
        .composer section.composer-keywords { padding:3% 3% 2.8% 3%; }
        /* .composer .child { display:none; } */

        .composer-filters {  }
          .composer-filters .composer-filters-type-chooser { overflow:auto; margin-bottom:3%; padding:0 3%; }
            .composer-filters .composer-filters-type-chooser h2, .composer-filters .composer-filters-search h2 { font-size:.8em; color:#797a7a; margin:0 0 2% 0; text-align:center; }
            .composer-filters .composer-filters-detail h2 { font-size:1.2em; color:#797a7a; margin:0 0 1% 0; text-align:center; }
            .composer-filters .composer-filters-type-chooser .profile-form-button li { width:32% !important; margin-right:2% !important; }
            .composer-filters .composer-filters-type-chooser .profile-form-button li:last-child { margin-right:0 !important; }
            .composer-filters .profile-form-button { overflow:auto; }
            .composer .profile-item input[type="text"] { height:auto !important; }
            .profile-form-button input[type=checkbox] { opacity: 0.011 !important; z-index: 100 !important; width: 100% !important; height: 100% !important; cursor: pointer !important; padding: 0 !important; margin: 0 !important; border: none !important; }
            .profile-form-button input[type=checkbox]:checked + label { background:#00A79D !important;color:#FFFFFF !important; }
            .composer-filters .composer-filters-detail { border-top:solid 2px #e5ebe7; padding:2% 0 0 0;  }
            .profile-item input[type="search"] { text-align:center; width:100%; padding:22px 0; border:none; background-color:#E5EBE7; color:#575959; font-size:1em; font-family:"Gotham SSm A", "Gotham SSm B"; font-style:normal; font-weight:300; }
            .composer-filters input[type="submit"] { cursor:pointer; margin:0; display:block; text-align:center; width:100%; padding:2% 0; border:none; background-color:#00A79D; color:#FFFFFF; font-size:1em; font-family: "Gotham SSm A", "Gotham SSm B"; font-style: normal; font-weight: 300;  }
            .composer-filters input[type="submit"]:hover { background-color:#008E85; }

          .composer-filters-inner-container { height:auto; }
          .composer-filters-item { box-sizing:border-box; background-color:#fff; margin-bottom:6%; border-top:solid 4px #00a79d; box-shadow:0px 0px 10px 1px #ccc; padding:0 7% 7% 7%; transition: all .2s ease-in-out; }
            .composer-filters-item-single { padding:0 2% 2% 2%; overflow:auto; }
            .composer-filters-item:hover { box-shadow:3px 4px 16px 2px #a9b8bf; }
            .composer-filters-item:last-child { margin-bottom:0; }
            .composer-filters-item h4 { box-sizing:border-box; font-size:.6em; color:#fff; background-color:#00a79d; text-align:center; padding:6px 8px; border-radius:0 0 4px 4px; margin:auto; width:fit-content; }
            .composer-filters-item h5 { text-align:center; font-size:.7em; color:#797a7a; padding-bottom:4px; text-transform:uppercase; font-weight:400; }
            .composer-filters-type-chooser select { background: transparent !important; padding-left:2% !important; height:60px !important; -webkit-appearance:none !important; -moz-appearance:none !important; appearance:none !important; width:107% !important; border:0 !important; border-radius:0 !important; color:#575959 !important; font-size:1em !important; font-family: "Gotham SSm A", "Gotham SSm B" !important; font-style: normal !important; font-weight: 300 !important; }
            .composer-filters-item select{ background: transparent !important; padding-left:8% !important; height:60px !important; -webkit-appearance:none !important; -moz-appearance:none !important; appearance:none !important; width:107% !important; border:0 !important; border-radius:0 !important; color:#575959 !important; font-size:1em !important; font-family: "Gotham SSm A", "Gotham SSm B" !important; font-style: normal !important; font-weight: 300 !important; }
            .composer-filters .composer-filters-item .profile-form-button.single li { width:100% !important; }
            .composer-filters-select { padding:6% 0 6% 0 ; border-bottom:1px solid #e5ebe7; }
            .composer-filters-select:last-child { border:none; padding-bottom:0; }
            .composer-filters-dates, .composer-filters-search, .composer-filters-select-2-inline, .composer-filters-select-3-inline { padding:2% 0 0 0 ; }
          .composer-filters-container-3, .composer-filters-container-4, .composer-filters-container-1, .composer-filters-container-2 { width:100%; overflow:auto; padding:1% 2% 2% 2%; box-sizing:border-box; }
            .composer-filters-container-2 .composer-filters-inner-container { width:49%; float:left; margin-right:2%; }
            .composer-filters-container-3 .composer-filters-inner-container { width:32%; float:left; margin-right:2%; }
            .composer-filters-container-4 .composer-filters-inner-container { width:23.5%; float:left; margin-right:2%; }
            .composer-filters-container-3 .composer-filters-inner-container:last-child, .composer-filters-container-4 .composer-filters-inner-container:last-child, .composer-filters-container-2 .composer-filters-inner-container:last-child { margin-right:0; }
            .composer-filters-container-1 .composer-filters-inner-container { width:100%;  }
            .composer-filters-container-1 .composer-filters-item .composer-filters-dates { width:23.5%; margin-right:2%; float:left; }
            .composer-filters-container-1 .composer-filters-item .composer-filters-dates:last-child { margin-right:0; }
            .composer-filters-container-1 .composer-filters-item .composer-filters-select-2-inline { width:49%; margin-right:2%; float:left; }
            .composer-filters-container-1 .composer-filters-item .composer-filters-select-2-inline:last-child { margin-right:0;}
            .composer-filters-container-1 .composer-filters-item .composer-filters-select-3-inline { width:32%; margin-right:2%; float:left; }
            .composer-filters-container-1 .composer-filters-item .composer-filters-select-3-inline:last-child { margin-right:0;}
            .composer-filters-container-submit .composer-filters-item { border:none; }
            .composer-filters-container-submit { box-sizing:border-box; width:100%; padding:0 2% 2% 2%; }
            .composer-filters-container-submit { box-shadow:none; }

        .composer-results-header h3 { width:100%; padding:0 0 1% 0; text-align:center; font-size:1.3em; font-weight:600; color:#575959; }
        .composer-results .composer-results-header h3 { padding:1% 0; background-color:#797a7a; color:#fff; font-size:1em; }
        .composer-results {  }
          .composer-results-no-results h3 { box-sizing:border-box; width:100%; padding:2% 0 0 0 ; text-align:center; font-size:1.5em; color:#575959; }
          .composer-results-no-results h3:last-child { padding-bottom:2%; }
          .composer-results-no-results a:hover { text-decoration:underline; }

          .composer-results ul { box-sizing:border-box; padding:1% 2%; width:100%; }
            .composer-results ul li { box-sizing:border-box; box-shadow:0px 0px 10px 1px #ccc; height:auto; padding:2%; border-left:solid 4px #00a79d; overflow:auto; transition: all .2s ease-in-out; }
            .composer-results ul li:hover { box-shadow:3px 4px 16px 2px #a9b8bf; }
            
              .composer-results-title { float:left; width:65%; box-sizing:border-box; }
                .composer-results-title h3 { text-transform:uppercase; font-size:.7em; padding:2px 0 6px 0; color:#797a7a; font-weight:600; }
                .composer-results-title h1 { font-size:1.2em; color:#000; display:inline-block; margin-right:1%; }
                .composer-results-title h4 { font-size:.9em; color:#575959; display:inline-block; font-weight:300; padding-bottom:4px; }
                .composer-results-title-author-box { box-sizing:border-box; width:100%; margin-top:8px; }
                  .composer-results-title-author-item { display:block; margin-right:16px; }
                    .composer-results-title-author-box svg { display:inline-block; height:9px; bottom:1px; color:#797a7a; position:relative; }
                    .composer-results-title-author-box h5 { display:inline-block; font-size:10px; color:#575959; font-weight:400; }
                    .composer-results-title-author-box h2 { display:inline-block; font-size:10px; color:#00a79d; }
                .composer-results-title-author-box-bottom { margin-top:4px; }

              .composer-results-details { float:left; width:23%; box-sizing:border-box; border-left:solid 2px #e5ebe7; padding-left:1%; margin-left:1%; }
                  .composer-results-details h3 { font-size:11px; color:#000; padding-bottom:7px; }
                  .composer-results-details h3:last-child { padding-bottom: 0; }
                  .composer-results-details h3 .fa-asterisk { font-size:8px !important; color:#00a79d !important; padding-top:2px; }

              .composer-results-view { float:left; width:11%; box-sizing:border-box; display:flex; padding-top:31px; justify-content:flex-end; }
                .composer-results-view a { box-sizing:border-box; display:inline-block; background-color:#fff; overflow:auto; float:right; }
                .composer-results-view a:hover h5 { color:#00a79d; }
                  .composer-results-view h5 { float:right; padding-right:12px; font-weight:400; font-size:13px; background-color:none; line-height:16px; color:#575959; text-align:right; transition: all .2s ease-in-out; }
                  .composer-results-view img { float:right; height:28px; transition: all .2s ease-in-out; }

          .composer-keywords { overflow:auto; display:flex; flex-wrap:wrap; }
            .composer-keywords-count, .composer-keywords-clear, .composer-keywords-keywords { display:flex; flex:1 0 auto; flex-direction:column; text-align:center; }
            .composer-keywords-filters { width:30%; box-sizing:border-box; padding-right:1.5%; margin-right:1.5%; border-right:solid 1px #e5ebe7; text-align:center; }
            .composer-keywords-count { display:flex; align-items:center; justify-content:center; width:14%; box-sizing:border-box; padding-right:1.5%; margin-right:1.5%; border-right:solid 1px #e5ebe7; }
            .composer-keywords-clear { display:flex; align-items:center; justify-content:center; width:20%; box-sizing:border-box; padding-left:1.5%; margin-left:1.5%; border-left:solid 1px #e5ebe7; }
            .composer-keywords-keywords { display:flex; align-items:center; justify-content:center; width:30%; box-sizing:border-box; }
            .composer-keywords h4 { font-size:.7em; text-transform:uppercase; color:#797a7a; display:block; padding-bottom:8px; }
            .composer-keywords h2 { width:fit-content; font-size:9px; text-transform:uppercase; color:#fff; display:inline-block; padding:6px; background-color:#00a79d; border-radius: 4px; margin:0 6px 6px 0; }
            .composer-keywords-count h1 { font-size:3em; color:#575959; }
            .composer-keywords-clear a { width:100%; box-sizing:border-box; padding:6% 0 5% 0; color:#fff; background-color:#00a79d; font-size:1em; margin-bottom:3%; }
            .composer-keywords-clear a:last-child { margin-bottom:0; }
            .composer-keywords-clear a:hover { background-color:#008e85; }
            .composer-keywords-dates { width:100%; box-sizing:border-box; padding-top:2%; margin-top:2%; border-top:solid 1px #e5ebe7; }
              .composer-keywords-dates-item { box-sizing:border-box; width:32.66%; float:left; margin-right:1%; border-right:solid 1px #e5ebe7; padding-right:1%; text-align: center; }
              .composer-keywords-dates-item:last-child { margin-right:0; border-right:none; }
            .composer-keywords-keywords h3, .composer-keywords-filters h3, .composer-keywords-dates h3 { color:#575959; }
            #composer-keywords-no-results { background-color:#ffffd4; display:inline; }
            #composer-keywords-results { font-weight:700; }
            .composer-results-params-detail { float:left; width:100%; box-sizing:border-box; margin-top:1.5%; padding-top:1.5%; border-top:1px solid #ccc; }
              .composer-results-params-detail h4 { color:#797a7a; font-size:.7em; padding-bottom:4px; }
              .composer-results-params-detail h1 { font-size:1em; color:#575959; padding-bottom:6px; }
                .composer-results-params-detail h1:last-child { padding-bottom:0; }

          .composer-keywords input[type="text"] { text-align:center; width:88%; padding:6%; border:none; background-color:#E5EBE7; color:#575959; font-size:1em; font-family: "Gotham SSm A", "Gotham SSm B"; font-style: normal; font-weight: 300; }
          .composer-keywords input:hover { background-color:#cbd4d8; }




/*##############################################################################################################################################
##############################################################################################################################################*/


/* 15) DISCREPANCY DASHBOARD */
  .discrepancies { box-sizing:border-box; background-color:#fff; }
    .discrepancies header, .discrepancies-list header { box-sizing:border-box; padding:2% 2% 0 2%; }
    .discrepancies section { box-sizing:border-box; padding:0; }
    .discrepancies header h2, .discrepancies-list header h2 { margin-bottom:0; color:#ffffff; background-color:#797a7a; display:block; width:100%; padding:1.4% 0 1.2% 0; text-align:center; text-transform:uppercase; font-size:1.1em; }
    .discrepancies-list header p { font-weight:400; margin-top:2%; line-height:1.4em; }
    .discrepancies-overview {  }
      .discrepancies-overview ul { width:100%; overflow:auto; padding:2% 2% 2% 2%; box-sizing:border-box; }
        .discrepancies-overview ul:first-child { padding-bottom:1.5% }
        .discrepancies-overview ul:last-child { padding-top:1%; }
      .discrepancies-overview li { box-sizing:border-box; width:13%; margin-right:1.5%; background-color:#fff; height:200px; float:left; border-top:4px solid #00a79d; position:relative; transition: all .2s ease-in-out; box-shadow:0px 0px 10px 1px #ccc; cursor:pointer; overflow:hidden; }
       .discrepancies-overview li:hover { box-shadow:3px 4px 16px 2px #a9b8bf; }
        .discrepancies-overview li:nth-child(7) { margin-right:0; }
        .discrepancies-overview li h3 { box-sizing:border-box; text-transform:uppercase; font-size:.5em; color:#fff; background-color:#00a79d; text-align:center; padding:6px 8px; border-radius:0 0 4px 4px; margin:auto; width:fit-content; }
        .discrepancies-overview li h2 { font-size:5em; text-align:center; color:#575959; padding-top:24%; }
        .discrepancies-overview .discrepancies-overview-progress { position:absolute; bottom:0; box-sizing:border-box; width:100%; padding:12px 0; text-align:center;}
          .discrepancies-overview .discrepancies-overview-progress h5 { font-size:.6em; color:#575959; font-weight:400; }
          .discrepancies-overview .discrepancies-overview-progress h5 svg { color:#00a79d; }
      .discrepancies-overview-desc { box-sizing:border-box; width:100%; padding:6% 8% 8% 8%; background-color:#00a79d; height:200px; position:absolute; top:-200px; z-index:1; text-align:center; transition: all .3s ease-in-out; }
        .discrepancies-overview li:hover > .discrepancies-overview-desc { top:0; }
        .discrepancies-overview-desc svg { color:#fff; padding-bottom:6px; display:inline-block; }
        .discrepancies-overview-desc h4 { font-size:.9em; color:yellow; padding-bottom:6px; }
        .discrepancies-overview-desc p { font-size:.65em; color:#fff; font-weight:400; line-height:1.3em; }
        .discrepancies-overview-desc a { width:100%; height:100%; display:inline-block; }
    .discrepancies-list { margin-top: 3%; box-sizing:border-box; background-color:#fff;  }
    .discrepancies-list .dashboard-detail { box-sizing:border-box; width:100%; padding:1% 2%; display:flex; }
    .discrepancies-list .ddct-fte-edit .dashboard-detail-name { height:auto; width:70%; }
    .discrepancies-list .ddct-fte-edit .dashboard-detail-name h5 { padding:0; margin-right:2%; float:left; font-weight:300; }
    .discrepancies-list .ddct-fte-edit .dashboard-detail-name h2 { padding:0; float:left; font-weight:400; }
    .discrepancies-list .fte-edit-linkbox { margin-left:auto; }
    .discrepancies-list .fte-edit-linkbox a { padding:8px 16px; }
    .discrepancies-list .dashboard-detail-name { display:flex; align-items:center; }
    .discrepancies-list .ddct-fte-edit h1 { color:#575959; font-size:2em; text-align:center; }
    .discrepancies-list .ddct-fte-edit h1 svg { color:#00a79d; }
    .discrepancy-top-link { transition: all .25s ease-in-out; position: fixed; bottom: 0; right: 0; display: inline-flex; cursor: pointer; align-items: center; justify-content: center; margin: 0 .75em .75em 0; padding:8px; border-radius:8px; background-color:#ffb91a; box-shadow:3px 4px 16px 2px #a9b8bf; }
    .discrepancy-top-link:hover { background-color:#ffb100; }
    .discrepancy-top-link svg { color:#fff; font-size:2em; }
    .discrepancy-show { visibility:visible; opacity:1; }
    .discrepancy-hide { visibility:hidden; opacity:0; }
    .discrepancy-screen-reader-text { position:absolute; clip-path:inset(50%); margin:-1px; border:0; padding:0; width:1px; height:1px; overflow:hidden; word-wrap:normal !important; clip:rect(1px, 1px, 1px, 1px);            
      &:focus { display:block; top:5px; left:5px; z-index:100000; clip-path:none; background-color:#eee; padding:15px 23px 14px; width:auto; height:auto; text-decoration:none; line-height:normal; color:#444; font-size:1em; clip:auto !important; } }
    .discrepancies-header { position:relative; }
    .discrepancies-header svg { color:#fff; }
    .discrepancies-header a { position:absolute; top:0; right:0; padding: 1.4% 1.4% 1.1% 1.4%; margin: 2% 2% 0 0; background-color:#9fa0a0; }
    .discrepancies-header a:hover { background-color:#b9b9b9; }
    .discrepancies-header h3 { color:#fff; }
    

/*##############################################################################################################################################
##############################################################################################################################################*/


/* 16) ACCESS MANAGER */
  .access { box-sizing:border-box; width:100%; padding:4%; overflow:auto; background-color:#e5ebe7; }
    .access aside { box-sizing:border-box; width:24%; margin-right:2%; background-color:#fff; box-shadow:3px 4px 16px 2px #a0a1a1; float:left }
    .access aside svg { margin-right:6px; }
    .access-nav { height:auto; z-index:1; overflow-x:hidden; }
    .access-nav a, .dropdown-btn { box-sizing: border-box; padding:18px; text-decoration:none; color:#575959; display:block; border:none; background:none; width:100%; text-align:left; cursor:pointer; outline:none; font-size:.9em; font-weight:400; border-bottom:2px solid #e5ebe7; -webkit-transition:none; -moz-transition:none; -o-transition:none; transition:none; }
    .access-nav a { border-bottom:2px solid #e5ebe7; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
    .access-nav a:hover { background-color:#f1f3f3; } 
    .dropdown-btn:hover { background-color:#f3f6f4; }
    .active { background-color:#cbd4d8; color:#575959; border-left:4px solid #00a79d;  -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
    .active:hover { background-color:#c8d5cc; }
    #access-current { background-color:#cbd4d8; }
    .dropdown-container { display:none; border-left:4px solid #00a79d; }
    .access-nav .dropdown-container a { font-size:.8em; padding:18px; background-color:#f1f3f3; }
    .access-nav .dropdown-container a:hover { background-color:#eaeaea; }
    .fa-caret-down { float:right; padding-right:8px; }
    .access-rotated { transform:rotate(90deg); -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -o-transform:rotate(90deg); }
    .access aside svg { font-size:.75em; }

  .access article { box-sizing:border-box; width:74%; background-color:#fff; box-shadow:3px 4px 16px 2px #a0a1a1; float:right; }
    .access article header { box-sizing:border-box; padding:3%; width:100%; text-align:center; }
      .access article header h2 { font-size:2em; color:#575959; padding-bottom:8px; }
      .access article header p { font-size:.9em; line-height:1.2em; color:#575959; font-weight:400; }
    .access .access-overview ul { box-sizing:border-box; width:100%; padding:2%; border-bottom:2px solid #e5ebe7; overflow:auto; display:flex; align-items: center; }
      .access .access-overview li:nth-child(5) { margin-right:0; }
      .access .access-overview ul:last-child { border-bottom:none; }
      .access .access-overview ul:nth-child(2n) { background-color:#f1f3f3; }

      .access .access-overview li { float:left; box-sizing:border-box; width:20%; }
        .access .access-overview li:nth-child(1) { width:35%; }
        .access .access-overview li:nth-child(2),
        .access .access-overview li:nth-child(3) { width:21%; text-align:center; }
        .access .access-overview li:nth-child(4) { width:23%; }
          .access .access-overview li:nth-child(2) h1,
          .access .access-overview li:nth-child(3) h1,
          .access .access-overview li:nth-child(4) h1 { text-align:center; }
          .access .access-overview h2, .access .access-overview h4 { display:inline; }
          .access .access-overview h2,
          .access .access-overview h3 { font-size:1em; color:#575959; }
          .access .access-overview h2 { text-align:center; }
          .access .access-overview ul.access-overview-table-header { background-color:#9fa0a0; padding:1% 2%; border-bottom:none; }
            .access .access-overview h1 { text-transform:uppercase; font-size:.6em; color:#fff; }
          .access .access-overview .popper_trigger { float:right; background-color:#00a79d; color:#fff; box-sizing:border-box; padding:6px; display:inline-block; text-align:center; cursor:pointer; }
            .access .access-overview .popper_trigger h3 { font-size:.7em; color:#fff; }
            .access .access-overview .popper_trigger:hover { background-color:#008e85; }
            .popper_trigger:focus { outline:none !important; }
            .noSelect { -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-tap-highlight-color: transparent; }
            .tippy-tooltip { position:relative; color:#fff; border-radius:0; font-size:.7rem; padding:.4rem 1rem; line-height:1.4; text-align:center; will-change:transform; background-color:#00a79d; }
            .tippy-tooltip i { font-size:.7em; }
            .tippy-tooltip a { display:block; color:#fff; border-bottom:1px solid #e5ebe7; }
            .tippy-tooltip a:last-child { border:none; }
            .tippy-tooltip a:hover { color:#fff100; }
            .tippy-popper[x-placement^=bottom] .tippy-arrow { border-bottom:8px solid #00a79d; }
            .tippy-popper[x-placement^=top] .tippy-arrow { border-top:8px solid #00a79d; }
            .tippy-popper[x-placement^=left] .tippy-arrow { border-left:8px solid #00a79d; }
            .tippy-content h2 { display:block; padding:8px; border-bottom:2px solid #fff; }
            .tippy-content h2:last-child { border-bottom:none; }
      .access-lists {  }
      .access .access-overview .accessList li:nth-child(1) { width:75%; }
      .access .access-overview .accessList li:nth-child(2) { width:25%; margin-right:0; }
      #accessSuccess { display:none; box-sizing:border-box; width:96%; padding:2% 2% 1.7% 2%; margin:0 2% 2% 2%; background-color:#90ee90; position:relative; }
        #accessSuccess h3 { font-size:1em; color:#575959; }
        #accessSuccess svg { float:right; color:#575959; }
      #accessSuccessClose { cursor:pointer; }
      .accessList a { cursor:pointer; text-align:right; }
      .accessList svg { font-size:.9em; }