[data-cellid="footer_c1"][data-page="_global_remind"][data-cellid="footer_c1"][data-page="_global_remind"][data-cellid="footer_c1"][data-page="_global_remind"] {
  width: 33.33333333%;
}
[data-cellid="footer_c2"][data-page="_global_remind"][data-cellid="footer_c2"][data-page="_global_remind"][data-cellid="footer_c2"][data-page="_global_remind"] {
  width: 66.66666667%;
}
[data-page="_global_remind"][data-itemid="page_image_ash8f23hr"] {
  width: 400px;
}


:root {
    --white: #fff;
    --black: #000;
    --gray-0: #f6f7f7;
    --gray-5: #dcdcde;
    --gray-10: #c3c4c7;
    --gray-20: #a7aaad;
    --gray-30: #8c8f94;
    --gray-40: #787c82;
    --gray-50: #646970;
    --gray-60: #50575e;
    --gray-70: #3c434a;
    --gray-80: #2c3338;
    --gray-90: #1d2327;
    --gray-100: #101517;
    --gray: #646970;
    --blue-0: #ddebf438;
    --blue-5: #bbe0fa;
    --blue-10: #91caf2;
    --blue-20: #68b3e8;
    --blue-30: #399ce3;
    --blue-40: #1689db;
    --blue-50: #0675c4;
    --blue-60: #055d9c;
    --blue-70: #044b7a;
    --blue-80: #02395c;
    --blue-90: #01283d;
    --blue-100: #001621;
    --blue: #0675c4;
    --purple-0: #f2e9ed;
    --purple-5: #ebcee0;
    --purple-10: #e3afd5;
    --purple-20: #d48fc8;
    --purple-30: #c475bd;
    --purple-40: #b35eb1;
    --purple-50: #984a9c;
    --purple-60: #7c3982;
    --purple-70: #662c6e;
    --purple-80: #4d2054;
    --purple-90: #35163b;
    --purple-100: #1e0c21;
    --purple: #984a9c;
    --pink-0: #f5e9ed;
    --pink-5: #f2ceda;
    --pink-10: #f7a8c3;
    --pink-20: #f283aa;
    --pink-30: #eb6594;
    --pink-40: #e34c84;
    --pink-50: #c9356e;
    --pink-60: #ab235a;
    --pink-70: #8c1749;
    --pink-80: #700f3b;
    --pink-90: #4f092a;
    --pink-100: #260415;
    --pink: #c9356e;
    --red-0: #f7ebec;
    --red-5: #facfd2;
    --red-10: #ffabaf;
    --red-20: #ff8085;
    --red-30: #f86368;
    --red-40: #e65054;
    --red-50: #d63638;
    --red-60: #b32d2e;
    --red-70: #8a2424;
    --red-80: #691c1c;
    --red-90: #451313;
    --red-100: #240a0a;
    --red: #d63638;
    --orange-0: #f5ece6;
    --orange-5: #f7dcc6;
    --orange-10: #ffbf86;
    --orange-20: #faa754;
    --orange-30: #e68b28;
    --orange-40: #d67709;
    --orange-50: #b26200;
    --orange-60: #8a4d00;
    --orange-70: #704000;
    --orange-80: #543100;
    --orange-90: #361f00;
    --orange-100: #1f1200;
    --orange: #b26200;
    --yellow-0: #f5f1e12e;
    --yellow-5: #f5e6b3;
    --yellow-10: #f2d76b;
    --yellow-20: #f0c930;
    --yellow-30: #deb100;
    --yellow-40: #c08c00;
    --yellow-50: #9d6e00;
    --yellow-60: #7d5600;
    --yellow-70: #674600;
    --yellow-80: #4f3500;
    --yellow-90: #320;
    --yellow-100: #1c1300;
    --yellow: #9d6e00;
    --green-0: #e6f2e8;
    --green-5: #b8e6bf;
    --green-10: #68de86;
    --green-20: #1ed15a;
    --green-30: #00ba37;
    --green-40: #00a32a;
    --green-50: #008a20;
    --green-60: #007017;
    --green-70: #005c12;
    --green-80: #00450c;
    --green-90: #003008;
    --green-100: #001c05;
    --green: #008a20;
    --celadon-0: #e4f2ed;
    --celadon-5: #a7e8d3;
    --celadon-10: #66deb9;
    --celadon-20: #31cc9f;
    --celadon-30: #09b585;
    --celadon-40: #009e73;
    --celadon-50: #008763;
    --celadon-60: #007053;
    --celadon-70: #005c44;
    --celadon-80: #004533;
    --celadon-90: #003024;
    --celadon-100: #001c15;
    --celadon: #008763;
    --st-blue-0: #ebf4fa;
    --st-blue-5: #c4e2f5;
    --st-blue-10: #88ccf2;
    --st-blue-20: #5ab7e8;
    --st-blue-30: #24a3e0;
    --st-blue-40: #1490c7;
    --st-blue-50: #0277a8;
    --st-blue-60: #036085;
    --st-blue-70: #02506e;
    --st-blue-80: #02384d;
    --st-blue-90: #022836;
    --st-blue-100: #021b24;
    --st-blue: #24a3e0;
    --rnr-blue-0: #e6f1f5;
    --rnr-blue-5: #bedae6;
    --rnr-blue-10: #98c6d9;
    --rnr-blue-20: #6ab3d0;
    --rnr-blue-30: #3895ba;
    --rnr-blue-40: #187aa2;
    --rnr-blue-50: #006088;
    --rnr-blue-60: #004e6e;
    --rnr-blue-70: #003c56;
    --rnr-blue-80: #002c40;
    --rnr-blue-90: #001d2d;
    --rnr-blue-100: #00101c;
    --rnr-blue: #006088;
    --php-blue-0: #e9ecf5;
    --php-blue-5: #ced9f2;
    --php-blue-10: #abc1f5;
    --php-blue-20: #84a4f0;
    --php-blue-30: #618df2;
    --php-blue-40: #4678eb;
    --php-blue-50: #3361cc;
    --php-blue-60: #1d4fc4;
    --php-blue-70: #113ead;
    --php-blue-80: #0d2f85;
    --php-blue-90: #09205c;
    --php-blue-100: #05102e;
    --php-blue: #3361cc;
    --my-purple-0: #f7edf7;
    --my-purple-5: #e5cfe8;
    --my-purple-10: #d6b4e0;
    --my-purple-20: #c792e0;
    --my-purple-30: #af7dd1;
    --my-purple-40: #9a69c7;
    --my-purple-50: #7f54b3;
    --my-purple-60: #674399;
    --my-purple-70: #533582;
    --my-purple-80: #3c2861;
    --my-purple-90: #271b3d;
    --my-purple-100: #140e1f;
    --my-purple: #7f54b3;
    --my-green-0: #f0f2eb;
    --my-green-5: #d0e6b8;
    --my-green-10: #9dd977;
    --my-green-20: #64ca43;
    --my-green-30: #2fb41f;
    --my-green-40: #069e08;
    --my-green-50: #008710;
    --my-green-60: #007117;
    --my-green-70: #005b18;
    --my-green-80: #004515;
    --my-green-90: #003010;
    --my-green-100: #001c09;
    --my-green: #069e08;
  }
  
  body {
      font-family: 'Work Sans', sans-serif;
      font-weight: 400;
      font-size: 12px;
  }
  
  .nav > li > a {
      padding: 14px 8px;
      font-weight:400;
  }
  
  h1, h2, h3, h4, h5, h6 {
      font-family: 'Poppins', sans-serif;
      font-weight: 200;
  }
  
  .dropdown-menu > li > a {
        font-weight: normal;
        line-height: 1.45857143;
        color: #111111;
        white-space: nowrap;
        width: 250px;
        font-family: Open sans;
}
  
#ctlSearchFor1 {
  height: 30px !important;
  width: 16vw;
  margin-top: 2px;
  border: 1px dotted var(--gray-10) !important;
  color: #ddd !important;
}

#searchButtTop1, #showAll1 {
  padding-top: 8px;
  padding-bottom: 6px;
  border: 1px dotted var(--gray-10);
  font-size: 10px !important;
  margin-top: 2px;
} 
  
  
.fa {margin-right: 2px;}


  textarea#value_notes_1 {
      height:205px !important;
      background: #fff !important;
  }
  
  .iconic-in-grid {
      color: goldenrod;
      font-size: 14px;
      --ionicon-stroke-width: 20px;
      margin-top: 0;
      margin-right:0; 
      margin-left:2px;
      filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, .5));
  }
  
  .swal2-popup {
      font-size: 1.5rem !important;
  }
  
  .swal2-title {
      font-size:1.6em !important;
  }
  
  .swal2-html-container {
      font-size:0.95em !important;
  }
  
  .swal2-footer {
      font-size: 13px !important;   
  }
  

  
  /*----bread crumbs ----*/
  ol.breadcrumb {
  margin-top:25px;
  }
  
  .form-tabs {
      width:99%;   
  }
  
  .chosen-container-multi .chosen-choices .search-choice {
      font-size: 1.08rem !important;
  }
  
  .btn-primary {
      font-size: 12px !important;
      padding: 7px 30px 6px 30px;
  }
  
  .btn-default {
     font-size: 12px !important;
     padding: 7px 20px 6px 20px;
  }
  

  #recordspp1 {
      height: 33px !important;
  }
  
  #search_suggest { display: none;}
  
  .tooltip {
      opacity: 1 !important;
      font-family: inherit !important;
      font-size: inherit !important;
      font-weight:inherit !important;
  }
  
  .my-page-header {
      font-size: 16px;
      color:rgba(0,0,0,.7);
      line-height:0;
      font-weight:400;
      margin-left:24px;
    }
  
  .my-page-header-subtext {
      font-size: 11px;
      font-weight: 300;
      color: rgba(38,33,27,1);
      /*vertical-align: text-top;*/
      padding-left: 2px;
      letter-spacing: 0px;
      line-height:2;
  }
  
  .page-header-icons {
      color: rgba(0,0,0,.8);
      font-size: 32px;
      --ionicon-stroke-width: 9px;
      margin-right:2px; 
      filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, .45));
      vertical-align:middle;
  }
  
  .page-header-seperator-icons {
      color: rgba(0,0,0,.8);
      font-size: 20px;
      --ionicon-stroke-width: 20px;
      margin-right:2px; 
      filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, .45));
      vertical-align:middle;
  }
  
  .my-subtext-icons {
      color: rgba(0,0,0,.8);
      font-size: 20px;
      --ionicon-stroke-width: 20px;
      margin-right:2px; 
      filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, .45));
      vertical-align:middle;
  }
  
  div.inline {float:left;}
  
  .r-vbar-page .r-left {
    font-family: "Poppins" !important;
  }
  
  /* to change the off-white background on dashboard page */
  .r-topbar-page { background: #fff;}
  
  
  label {
  font-weight: 300 !important;
  font-family: Poppins, Arial;
  font-size: 12px;
}
  
  
  /*  SETS LABEL WIDTH WHEN LABELS IN LINE WITH FIELDS */
  @media print, (min-width: 768px) {
  .r-horizontal-field .r-edit-label {
    width: 30% !important;
  }
}
  
  .chosen-container-multi .chosen-choices.chosen-choices {
      min-height: 38px !important;
      font-size: 12px;
      background-color:var(--yellow-0);
  }
  
  select {
      font-family:Poppins, Arial !important;
  }
  
  select[size] {
    height: 38px !important;
  }
  
  .chosen-results.chosen-results {
    font-size: 12px;
  }
  
  .form-control[disabled], .form-control[readonly] {
      background-color: var(--yellow-0) !important;
  }
  
  /* CENTER PAGE CONT (STANDARD) */

  .r-body {
    padding-top: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px!important;
    margin-top:140px !important;
  }
  
  .function-list .r-grid {
     padding-left:5vw !important;
     padding-right:4vw !important;
  }
  
  .function-add .r-grid {
     /* padding-left: 100px !important;
      padding-right: 100px !important;*/
    border: 1px solid var(--gray-20);
    padding: 30px 70px 30px 80px;
    border-radius:4px;
    max-width:90vw;
    min-width:90vw;
  }
  

  .function-edit .r-grid {
      border: 1px solid var(--gray-20);
      border-radius:4px;
      padding: 30px 70px 30px 80px;
      max-width:90vw;
      min-width:90vw;
  }
  
  .function-view .r-grid {
      max-width:90vw;
      min-width:90vw;
  }
  
  .function-view .r-above {
      margin-left: -1vw;
  }
  
  .function-list .r-below {
     max-width:90vw;
     min-width:90vw;
  }
  
  .function-list .r-top {
      max-width:90vw;
      min-width:90vw;
  }
   
  .function-list .r-above {
      padding-left:1vw;
      padding-right:0.5vw;
  }
  
  .function-view .r-body {
      max-width:90vw;
      min-width:90vw;
  }
  
  .function-view .r-above {
      margin-left: -1vw;
  }
  
  .function-edit .r-body {
      max-width:90vw;
      min-width:90vw;
  }
  
  .function-edit .r-topbar-page {
    margin-left: 4vw; 
  }
  
  .function-add .r-body {
      max-width:90vw;
      min-width:90vw;
  }
  
  .row {
      margin-left:0px;
      margin-right:0px;
  }
  
  
  /*---- LINK BUTTONS ON TOP OF ADD / EDIT / VIEW RECORD SCREENS --- */
  a#resetButton1.btn.btn-link {
      color: rgba(38,33,27,.7);
      font-size:16px;
      line-height:2;
      padding: 2px 14px 2px 14px;
      border: 1px solid var(--gray-10);
  }
  
  #saveButton1.btn.btn-link {
      color: rgba(38,33,27,.7);
      font-size:16px;
      border: 1px solid var(--gray-10);
  }
  
  #backButton1.btn.btn-link {
      color: rgba(38,33,27,.7);
     padding: 8px 12px 7px 12px;
      border: 1px solid var(--gray-10);
  }
  
  #Add_New_Record_Button_4 {
      color: rgba(38,33,27,.7) !important;
      padding: 8px 12px 7px 12px;
      border: 1px solid var(--gray-10);
  }
  
  #addrec_show_sidebar_4 {
    color: var(--red-40) !important;
    padding: 11px 14px 10px 14px;
    border: 1px solid var(--gray-10);
    font-size: 14px;
    border-radius: 4px;
    vertical-align: middle;
    text-decoration:none;
  }
  
  /*--- EDIT SIDE NAVIGATION BAR ----*/
  r-vbar-page .r-left {
    box-shadow: 0 7px 18px rgba(0, 0, 0, 0.44), 0 10px 10px rgba(0, 0, 0, 0.05);
    padding-bottom: 15px;
    width: 250px;
    min-height: calc(100vh - 20px);
  }
  
    .r-vbar-page .r-left {
    box-shadow: 0 7px 18px rgba(0, 0, 0, 0.42), 0 10px 10px rgba(0, 0, 0, 0.05);
    padding-bottom: 15px;
    width: 250px;
    min-height: calc(100vh - 20px);
    flex: 0 0 250px;
    border-right: none !important; /* 1px solid #3333334f !important;*/
    border-top: none !important; /*1px solid #111 !important;*/
  }
  
  @media print, (min-width: 768px) {
  .r-vbar-page .r-content-col .r-body > .r-grid {
    max-width: 79vw;
    min-width: 79vw;
  }
}

@media print, (min-width: 768px) {
  .r-left-collapsed.r-left-collapsed.r-left-collapsed.r-left-collapsed + .r-content-col > .r-body > div {
 /*    max-width: 100vw;
     width: 100% !important;*/
     max-width: calc(100vw - 60px - 20px - (30px * 0.75) - 10px);
  }
}
  
  /*-- BUTTON SETTINGS ON NAVIGATION BAR (USER BUTTON ETC.) --*/
  .navbar .btn.btn.btn {
    color: inherit;
    background: transparent;
    border: none;
    outline: none;
    box-shadow: none;
    font-family: inherit;
    font-size: 12px;
    text-shadow:none;
  }
  
  /*---- TABS STYLING ----*/
  /*----------------------*/
  .nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid RGBA(38,33,27,.4);
    border-radius: 4px 4px 0 0;
    COLOR: #1E2022;
    border-bottom: transparent;
    margin-bottom: -1px;
    -webkit-transition: letter-spacing 0.4s ease-out;
    -moz-transition: letter-spacing 0.4s ease-out;
    -o-transition: letter-spacing 0.4s ease-out;
    transition: letter-spacing 0.4s ease-out;
  }
  
  .nav-tabs > li > a:hover {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid RGBA(38,33,27,.4);
    border-radius: 4px 4px 0 0;
    font-weight:500;
    border-bottom: transparent;
    margin-bottom: -1px;
   font-weight:500;
   letter-spacing:1px;
  }
  
  .panel-default {
    border-color: var(--gray-20);
  }
  
  /*   TURN OFF UNDERLINE WHEN MOUSE MOVES OVER HYPERLINK */
  .panel-title > a {
      text-decoration:none;
  }
  
  .nav-tabs > li.active > a {
    color: #222 !important;
    background-color: #bbe0fa5e !important;
    border: 1px solid RGBA(38,33,27,.4) !important;
      border-bottom-color: rgba(38, 33, 27, 0.4);
    border-bottom-color: #fff !important;
    padding-bottom: 11px;
    cursor: default;
  }
  
  .panel-default > .panel-heading {
    /*background: linear-gradient(120deg, rgba(0, 0, 0, 0.93) 11.2%, rgb(63, 61, 61) 78.9%);*/
    background-color: #fff !important;
    background-image: none !important;
    background-repeat: no-repeat;
  }
  
  /*--- EDIT LOGO BACKGROUND AND OTHER LOGO SETTINGS ----*/
  .r-vbar-page .r-left [data-logo-cell][data-logo-cell] {
    color: rgba(255, 255, 255, 0.75);
    border: none;
    display: flex;
    align-items: stretch;
    align-self: stretch;
    flex-grow: 1;
    justify-content: center;
    background-image: -webkit-linear-gradient(#c20016, #990011 60%, #85000f);
    background-image: -o-linear-gradient(#c20016, #990011 60%, #85000f);
    background-image: linear-gradient(#c20016, #990011 60%, #85000f);
    background-repeat: no-repeat;
  }
  
  .navbar-brand {
    float: left;
    padding: 7px 7px;
    font-size: 18px;
    line-height: 20px;
    height: 50px;
  }
  

  /* HEADER ROW OF TABLE GRID ON THE LIST PAGE */
  .table > thead > tr > th {
    text-transform: uppercase;
  }
  
  table.table>tbody>tr:hover td,
  table.table>tbody>tr:hover th {
    background-color: #F0EADE !important;
  }
  
  .form-control {
      background-color: var(--yellow-0);
      font-size:13px !important;
      height:38px !important;
      color:#222 !important;
      padding: 7px 12px !important;
      font-family: Poppins, Arial !important;
  }
  
  
  .form-control-static {
  font-size: 12px;
  margin-bottom: 0;
  min-height: 38px;
  border: 0.25px dotted var(--gray-30);
  border-radius: 4px;
  padding-left: 10px;
  background: var(--gray-0);
  width: 100%;
  font-family: Poppins, Arial !important;
}
  
  .dropdown-menu {
    list-style: none;
    font-size: 12px;
    text-align: left;
  }
  
  .navbar-form > .breadcrumb {
    font-size: 13px;
  }
  
  
  .r-vbar-page .r-left {
    font-family: "Poppins" !important;
    background: linear-gradient(120deg, rgba(0, 0, 0, 0.93) 11.2%, rgb(63, 61, 61) 78.9%);
    background-color: rgba(0, 0, 0, 0);
  }
  
  .r-left:not(.r-left-collapsed) .r-menu [data-menu-top], .r-left:not(.r-left-collapsed) .r-menu [data-menu-inline] {
    font-size: 12px;
    padding: 0;
    font-size: 16px;
    padding: 4px 8px;
    margin: 0px 8px;
    margin-bottom: 3px;
    border-radius: 4px;
  }
  
  .r-left .r-menu [data-menu-link] {
    color: #ccc;
  }
  
  .r-left .r-menu li.active.active.active > [data-menu-link] {
    background: rgba(0,0,0,.4);
    box-shadow: rgba(0, 0, 0, 0.08) 0px 1px 3px 0px, rgba(248, 242, 242, 0.24) 0px 1px 2px 0px;
    color: white;
  }
  
  /* SET THE PADDING BETWEEN LIST ITEMS ON THE SIDEBAR MENU */
  .r-left:not(.r-left-collapsed) .r-menu [data-menu-top], .r-left:not(.r-left-collapsed) .r-menu [data-menu-inline] {
    font-size: 12px;
    padding-top: 7px;
    padding-bottom: 7px;
  }
  
  .r-vbar-page [data-menu-top][data-menu-v] > :not(.r-menu-collapsed) > .r-menu-title, 
  .r-vbar-page [data-menu-v][data-menu-inline] > :not(.r-menu-collapsed) > .r-menu-title {
    color: rgba(251,251,251,0.8);
  }
  
  
  /* -- LOGO ON SIDE BAR ---*/
  .r-vbar-page .r-left [data-logo-cell][data-logo-cell] > [data-itemid]:not([data-hidden]) {
    float: none;
    flex-grow: 1;
    display: flex;
    /*align-items: center;*/
    justify-content: center;
    padding: 0;
    padding-top: 6px;
  }
  
  
  /*-- INLINE ADD & EDIT FIELD WIDTHS  --*/
  @media print, (min-width: 768px) {
    .r-edit-form[data-body-align="left"] > * > tr > [data-cellid][data-fullwidth] > * > .r-integrated-field.r-vertical-field:not([data-compact]) > .r-edit-label,
    .r-edit-form[data-body-align="left"] > * > tr > [data-cellid][data-fullwidth].r-ori-vert > * > .r-edit-label,
    .r-edit-form[data-body-align="left"] > * > tr > [data-cellid][data-fullwidth] > * > .r-integrated-field.r-vertical-field:not([data-compact]) > .r-edit-field,
    .r-edit-form[data-body-align="left"] > * > tr > [data-cellid][data-fullwidth].r-ori-vert > * > .r-edit-field,
    .r-edit-form[data-body-align="left"] > * > tr > [data-cellid][data-fullwidth] > * > .r-integrated-field.r-vertical-field:not([data-compact]) > .r-edit-tooltip,
    .r-edit-form[data-body-align="left"] > * > tr > [data-cellid][data-fullwidth].r-ori-vert > * > .r-edit-tooltip {
      width: 100%;
      margin-left: 0;
    }
  }
  
  /* HOVER ON SIDEBAR */
  .r-left .r-menu [data-menu-link]:hover {
      color: #212529;
      background: rgba(251, 251, 251, 0.2);
  }
  
  /*UPDOWN THINGY ON MENU HEADING TO INDICATE SUB-ITEMS*/
  .r-vbar-page [data-menu-top][data-menu-v][aria-expanded="true"], .r-vbar-page [data-menu-v][data-menu-inline][aria-expanded="true"] {
      color:#f1baba; 
  }
  
  
  
  .function-add .rnr-dragndrop-area {height: 50px;}
  
   /*--- CODE SNIPET STYLING ---*/
  .snip_title {
  color: #8b92a9;
      text-align: right;
      font-family: 'Roboto';
      font-size: 14px;
  }    
      
  .snip_body {
  color: #606477;
      text-align: right;
      font-family: 'Roboto';
      font-size: 25px;
  }    
  
  .snip_link {
  color: #a9afbbd1;;
      text-align: right;
      font-family: 'Roboto';
      font-size: 12px;
  }
  
  input[type=checkbox] {accent-color: rgb(48,53,57);}
  input[type=radio] {accent-color: rgb(48,53,57);}
  
  
  /*------------------------------------------------------------------------------*/
  /*  LIGHTBOX DISPLAY SETTINGS TO ENLARGE IMAGE IN PDF PREVIEW OF VIEW RECORD    */
  /*------------------------------------------------------------------------------*/
  .pdfpreview {
      display: flex;
      justify-content:center;
  }
  
  
  .gallery {
      display: flex;
      justify-content:center;
  }
  
  .gallery img {
      width: 60vw;
      height:auto;
      margin: 10px;
      cursor: pointer;
      transition: 0.3s;
  }
  
  .gallery img:hover {
      opacity: 0.7;
  }
  
  /* Lightbox styles */
  .lightbox {
      display: none;
      position: fixed;
      z-index: 999;
      padding-top: 60px;
      padding-bottom: 50px;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      overflow: auto;
      background-color: rgba(0,0,0,0.85);
  }
  
  .lightbox-content {
      margin: auto;
      display: block;
      width: 95%;
      height:auto;
      max-width: 2400px;
      margin-bottom: 50px;
      border-radius:8px;
  }
  
  #caption {
      margin: auto;
      display: block;
      width: 95%;
      text-align: center;
      color: #ccc;
      padding: 10px 0;
  }
  
  .close {
      position: absolute;
      top: 20px;
      right: 35px;
      color: #fff;
      font-size: 40px;
      font-weight: bold;
      transition: 0.3s;
  }
  
  .close:hover,
  .close:focus {
      color: orange;
      text-decoration: none;
      cursor: pointer;
  }
  
  /*---- FADE IN EFFECT FOR LIGHTBOX ---*/
 .fadeIn {
       -webkit-animation-name: fadeIn;
        animation-name: fadeIn;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }
    
    @-webkit-keyframes fadeIn {
         0% {opacity: 0;}
        100% {opacity: 1;}
    }
    
    @keyframes fadeIn {
         0% {opacity: 0;}
         100% {opacity: 1;}
    } 
  
  /*----- FADE OUT WHEN USER CLICKS CLOSE BUTTON ------*/
  .fadeOut {
        -webkit-animation-name: fadeOut;
         animation-name: fadeOut;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }
    
    @-webkit-keyframes fadeOut {
         0% {opacity: 1 ;}
         100% {opacity: 0 ;}
    }
    
    @keyframes fadeOut {
         0% {opacity: 1;}
        100% {opacity: 0 ;}
    }
  /*-------------------- END OF IMAGE LIGHBOX DISPLAY SETTINGS -------------------*/
  
  
  /* ---------------- NO PREVIEW / NO DATA NOTICE ----------------------*/
  .cct-center-in-block { margin-top:4px;
      font-size:12.5px;
      background-color: rgba(0,0,0,.07);
      box-shadow: 0 3px 5px 0 rgb(0 0 0 / 8%);
      width:100%;
      padding:30px 0; text-align: center;
      border-radius:2.5px;
  }
  
  .bg-Scale {animation: myAnim-Bg 2.5s ease 0s 1 normal forwards;}
  .icn-Slide1 {animation: myAnim-sl1 1s ease 0s 1 normal forwards;}
  .icn-Slide2 {animation: myAnim-sl1 1.8s ease 0s 1 normal forwards;}
  .icn-Slide3 {animation: myAnim-sl1 3.2s ease 0s 1 normal forwards;}
  
  @keyframes myAnim-Bg{
      0% {
          opacity: 0;
      }
  
      100% {
          opacity: 1;
      }
  }
  
  @keyframes myAnim-sl1 {
      0% {
          opacity: 0;
          transform: translateY(150px);
      }
  
      100% {
          opacity: 1;
          transform: translateY(0);
      }
  }
  
  .cct-construction-pillar-icons {font-size: 34px; padding-right:0px;  font-weight: 900;color: rgba(73,73,73,1);}
  
  
  div.editable {
      width: 100%px;
      height: 400px;
      border: 1px solid var(--gray-20);
      padding: 5px;
  }
  /* ------------ END OF NO-PREVIEW NOTICE -------*/
  
  .break {
    flex-basis: 100%;
    height: 0;
  }
  
  .record-status-pills {
    color: #fff;
    letter-spacing: 1px;
    padding: 5px 12px;
    border-radius: 4px;
    font-size: 10px;
    font-weight: 400;
  }
  
  .stakeholder-and-tag-pills {
    padding: 4px 8px 4px 8px;
    border-radius: 50px;
    margin-right: 2px;
    margin-bottom: 3px;
    font-size: 11px;
  }
  
  /* ########  settings for horizontal radio buttons  ####### */
  .rnr-horizontal-lookup {
      padding: 0px 7px;
    }
    
.rnr-vertical-lookup.rnr-vertical-lookup.rnr-vertical-lookup > span {
    font-family: Poppins, Arial;
    font-weight:400;
    margin-left: 40px;
}

.form-control[disabled] {
  background-color: #f5f1e18a !important;
}


/* REMOVE REQUIRED FIELD ASTERISK
.icon-required {
    display: none;
}
*/

.rnr-radio-label {
  color: #000;
  font-family: Poppins,Arial;
  font-weight: 400;
}

/*.form-control[readonly] {
  background-color: #f5f1e18a !important;
}
*/

/*  ##################### 
    styling for step nav pills on add new application --
    ##################### */
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
  color: #fff;
  background-color: var(--gray-70);
}

.nav-justified > li {
  display: table-cell;
  width: auto;
}

.nav-justified > li > a {
  text-align: left;
  margin-bottom: 5px;
  color: #333;
  font-family: Poppins;
}

.nav-pills > li > a {
  border-radius: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  padding: 8px 15px !important;
  margin-right: 1px;
  background: var(--gray-5);
}

#stepnav1 {
    margin-bottom:-12px;
}

.my-nav-pill-icons {
    color: rgba(0,0,0,.6);
    font-size: 16px;
    margin-right:3px; 
    filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, .45));
    vertical-align:middle;
    margin-bottom:3px;
    --ionicon-stroke-width: 9px;
}


.mynav-pillicons-outline {
  color: rgba(0,0,0,.8);
  font-size: 15px;
  vertical-align:middle;
  margin-right:4px;
  /*margin-bottom: 5px;*/
     filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, .45));
     
  --ionicon-stroke-width: 36px;
}

/* ##### end OF NAV PILLS ##### */
  
.toggle-off.btn-sm {
  margin-left: 7px !important;
}

.toggle-on {
    margin-left: -10px !important;
}

.slideControlHandle {
    width: 20px !important;
    height: 15px !important;
}

.slideControlContainer {
    height: 6px !important;
    width:250px !important;
}


/*
@media print, (min-width: 768px) {
  .r-edit-form > * > tr > [data-cellid]:not(.r-ori-vert):not([data-fullwidth]) > [edit-form-cell] > .r-edit-label {
    width: 15%;
    text-align: right;
  }
}
*/


/* ------- only for student applications -------*/
.function-list .r-grid {
     padding-left:3vw !important;
     padding-right:2vw !important;
  }
  
  .function-add .r-grid {
     /* padding-left: 100px !important;
      padding-right: 100px !important;*/
    border: 1px solid var(--gray-20);
    padding: 30px 70px 30px 80px;
    border-radius:4px;
    max-width:90vw !important;
    min-width:90vw !important;
  }
  

  .function-edit .r-grid {
      border: 1px solid var(--gray-20);
      border-radius:4px;
      padding: 30px 70px 30px 80px;
      max-width:90vw;
      min-width:90vw;
  }
  
  .function-view .r-grid {
      max-width:90vw;
      min-width:90vw;
  }
  
  .function-view .r-above {
      margin-left: -1vw;
  }
  
  .function-list .r-below {
     max-width:90vw;
     min-width:90vw;
  }
  
  .function-list .r-top {
      max-width:90vw;
      min-width:90vw;
  }
   
  .function-list .r-above {
      padding-left:1vw;
      padding-right:0.5vw;
  }
  
  .function-view .r-body {
      max-width:90vw;
      min-width:90vw;
  }
  
  .function-view .r-above {
      margin-left: -1vw;
  }
  
  .function-edit .r-body {
      max-width:90vw;
      min-width:90vw;
  }
  
  .function-add .r-body {
      max-width:90vw;
      min-width:90vw;
  }
  
  .row {
      margin-left:0px;
      margin-right:0px;
  }/* Put  your custom CSS code here */

 .navbar-default .navbar-nav > .active > a {
	color: #fff;
	background: var(--red-70) !important;
}

.panel-primary > .panel-heading {
  background-image: -webkit-linear-gradient(top, #555 0%, #222 100%) !important;
  background-image: -o-linear-gradient(top, #555 0%, #222 100%) !important;
  background-image: linear-gradient(to bottom, #555 0%, #222 100%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555', endColorstr='#222', GradientType=0);
}


.btn-primary {
  background-image: -webkit-linear-gradient(top, #337ab7 0%, #265a88 100%);
  background-image: -o-linear-gradient(top, #337ab7 0%, #265a88 100%);
  background-image: linear-gradient(to bottom, #555 0%, #222 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #222;
}

.panel-primary {
 border: 1px solid var(--gray-20) !important;   
}
    
.btn-primary:hover {
 background: #444 !important;   
}



.btn {font-size: 11px !important;}

.btn-info {
  background-image: -webkit-linear-gradient(top, #b32d2e 0%, #8a2424 100%);
  background-image: -o-linear-gradient(top, #b32d2e 0%, #8a2424 100%);
  background-image: linear-gradient(to bottom, #b32d2e 0%, #8a2424 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b32d2e', endColorstr='#8a2424', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #8a2424;
  padding-top:7px;
  padding-left:20px;
  padding-right:20px;
  padding-bottom:7px;
}

.btn-info:hover, btn-info:focus {
 background: var(--red-60) !important;   
}