@charset "UTF-8";
/* Custom Styles for Lab on Demand Drupal 9 theme */


body {
 font-family: "Roboto", Helvetica, Arial, sans-serif;
font-size: 16px;
  font-weight: 400;
  color: #000;
  background: #fff;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6, button {
 font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-weight: 500;
}

h1 {
    font-size: 40px;
    line-height: 52px;
    padding: 0;
}

b, strong {
  font-weight: 600;
}

html,
body {
  overflow-x: hidden; /* Prevent scroll on narrow devices */
}


a, .nav a:hover, a.btn:hover, a.nav-item:hover, a.dropdown-item:hover, .accordion-item a:hover {
    text-decoration: none;
}


a:hover {
    text-decoration: underline;
}


/* MASTHEAD LOGO */
.masthead-logo {
display: inline-block;
height: auto;
vertical-align: middle;
width: 350px;
}

.masthead-logo-icon {
fill: #101820;
}

.masthead-logo-text {
fill: #101820;
font-size: 14px;
}
/* END MASTHEAD LOGO */

/* over ride light grey background in main nav
.bg-light {
  background-color: white !important;
}
 */


/* 2023 NetApp Colors */


.netapp-black {
    background-color: #101820;
}


/* SECONDARY COLORS AND TINTS */

.netapp-green {
    background-color: #65D097;
}

.netapp-green-tint {
    background-color: #BEEAD3;
}

.netapp-blue {
    background-color: #5CC4FF;
}

.netapp-blue-tint {
    background-color: #BBE5FF;
}

.netapp-peach {
    background-color: #FFBCA3;
}

.netapp-peach-tint {
    background-color: #FFE0D6;
}

.netapp-yellow {
    background-color: #FFF746;
}

.netapp-yellow-tint {
    background-color: #FFFFB0;
}

.netapp-purple {
    background-color: #B486FF;
}

.netapp-purple-tint {
    background-color: #E7CBFF;
}

.netapp-gray {
    background-color: #A2AAAD;
}

.netapp-gray-tint {
    background-color: #EDEDED;
}

.netapp-deep-green {
    background-color: #205C40;
}

.text-bg-netapp-black {
    background-color: #101820;
}


/* SECONDARY COLORS AND TINTS */

.text-bg-netapp-green {
    background-color: #65D097;
}

.text-bg-netapp-green-tint {
    background-color: #BEEAD3;
}

.text-bg-netapp-blue {
    background-color: #5CC4FF;
}

.text-bg-netapp-blue-tint {
    background-color: #BBE5FF;
}

.text-bg-netapp-peach {
    background-color: #FFBCA3;
}

.text-bg-netapp-peach-tint {
    background-color: #FFE0D6;
}

.text-bg-netapp-yellow {
    background-color: #FFF746;
}

.text-bg-netapp-yellow-tint {
    background-color: #FFFFB0;
}

.text-bg-netapp-purple {
    background-color: #B486FF;
}

.text-bg-netapp-purple-tint {
    background-color: #E7CBFF;
}

.text-bg-netapp-gray {
    background-color: #A2AAAD;
}

.text-bg-netapp-gray-tint {
    background-color: #EDEDED;
}

.text-bg-netapp-deep-green {
    background-color: #205C40;
}


.btn-netapp-deep-green {
  color: #fff;
  background-color: #205C40;
  border-color: #205C40;
}

.btn-netapp-deep-green:hover {
  color: #fff;
  background-color: #003300;
  border-color: #003300;
}

.netapp-rich-blue {
    background-color: #0057B7;
}

.text-netapp-rich-blue {
    color: #0057B7;
}

.btn-netapp-rich-blue {
  color: #fff;
  background-color: #0057B7;
  border-color: #0057B7;
}

.btn-netapp-rich-blue:hover {
  color: #fff;
  background-color: #003399;
  border-color: #003399;
}

.netapp-orange {
    background-color: #FF7500;
}

.btn-netapp-orange {
  color: #fff;
  background-color: #FF7500;
  border-color: #FF7500;
}

.btn-netapp-orange:hover {
  color: #fff;
  background-color: #cc6600;
  border-color: #cc6600;
}

.netapp-red {
    background-color: #EF3340;
}

.btn-netapp-red {
  color: #fff;
  background-color: #EF3340;
  border-color: #EF3340;
}

.btn-netapp-red:hover {
  color: #fff;
  background-color: #CC0000;
  border-color: #CC0000;
}


.btn-netapp-yellow {
  color: #fff;
  background-color: #FFF746;
  border-color: #FFF746;
}

.btn-netapp-yellow:hover {
  color: #fff;
  background-color: #cccc33;
  border-color: #cccc33;
}


.netapp-deep-purple {
    background-color: #753BBD;
}

.btn-netapp-purple {
  color: #fff;
  background-color: #753BBD;
  border-color: #753BBD;
}

.btn-netapp-purple:hover {
  color: #fff;
  background-color: #663399;
  border-color: #663399;
}


.bg-netapp-blue {
	background-color: #0067C5 !important;
}

.bg-dark-blue {
	background-color: #0A2D6C !important;
}



/* 2024 NetApp Primary color palette */


.text-bg-netapp-violet {
	background-color: #7b27ff !important;
	color: #ffffff !important;
}

.text-bg-netapp-dark-violet {
	background-color: #25006d !important;
	color: #ffffff !important;
}

.text-bg-netapp-crimson {
	background-color: #ff2e4e !important;
	color: #ffffff !important;
}

.text-bg-netapp-dark-crimson {
	background-color: #590011 !important;
	color: #ffffff !important;
}

.text-bg-netapp-gold {
	background-color: #ffbd29 !important;
	color: #000000 !important;
}




/* 2024 NetApp Accent colors palette */


.text-bg-netapp-cyan {
	background-color: #00DDF4 !important;
	color: #000000 !important;
}

.text-bg-netapp-purple-insight {
	background-color: #722fa0 !important;
	color: #ffffff !important;
}

.text-bg-netapp-peach-insight {
	background-color: #f6c7ab !important;
	color: #000000 !important;
}

.text-bg-netapp-legacy-blue {
	background-color: #0054D7 !important;
	color: #ffffff !important;
}

.text-bg-netapp-magenta {
	background-color: #E424FF !important;
	color: #ffffff !important;
}

.text-bg-netapp-dark-magenta {
	background-color: #540063 !important;
	color: #ffffff !important;
}

.text-bg-netapp-lime {
	background-color: #B2F000 !important;
	color: #000000 !important;
}

.text-bg-netapp-dark-green {
	background-color: #316200 !important;
	color: #ffffff !important;
}

.fs-table-small {
  font-size: .8rem !important;
}

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


@media (max-width: 991.98px) {
  .offcanvas-collapse {
    position: fixed;
    top: 56px; /* Height of navbar */
    bottom: 0;
    left: 100%;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    overflow-y: auto;
    visibility: hidden;
    background-color: #343a40;
    transition: visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out, visibility .3s ease-in-out;
    transition: transform .3s ease-in-out, visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
  }
  .offcanvas-collapse.open {
    visibility: visible;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

.nav-scroller {
  position: relative;
  z-index: 2;
  height: 2.75rem;
  overflow-y: hidden;
}

.nav-scroller .nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding-bottom: 1rem;
  margin-top: -1px;
  overflow-x: auto;
  color: rgba(255, 255, 255, .75);
  text-align: center;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

.nav-underline .nav-link {
  padding-top: .75rem;
  padding-bottom: .75rem;
  /* font-size: .875rem; */
  color: #6c757d;
    font-weight: 500;
}

.nav-underline .nav-link:hover {
  color: #007bff;
}

.nav-underline .active {
  font-weight: 500;
  color: #343a40;
}

.text-white-50 { color: rgba(255, 255, 255, .5); }

.bg-purple { background-color: #6f42c1; }

.lh-100 { line-height: 1; }
.lh-125 { line-height: 1.25; }
.lh-150 { line-height: 1.5; }


footer {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

footer p {
  margin-bottom: .25rem;
}


.br-theme-bars-square .br-widget {
  height: 15px;
  white-space: nowrap;
	margin: 0 auto;
}
.br-theme-bars-square .br-widget a {
  display: block;
  width: 30px;
  height: 30px;
  float: left;
  border: 2px solid #bbcefb;
  background-color: white;
  margin: 2px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 400;
  line-height: 2;
  text-align: center;
  color: #bbcefb;
  font-weight: 600;
	margin: 0 auto;
}

.br-theme-bars-square .br-widget a.br-active,
.br-theme-bars-square .br-widget a.br-selected {
  border: 2px solid #4278F5;
  color: #4278F5;

  background-color: #4278f5;
  color: #fff;
}

.br-theme-bars-square .br-widget a.br-selected.br-current {
  background-color: #1E4A93;
}

.br-theme-bars-square .br-widget a.br-active:hover,
.br-theme-bars-square .br-widget a.br-selected:hover {
  color: #fff;
}

.br-theme-bars-square .br-widget .br-current-rating {
  clear: both;
  width: 330px;
  text-align: center;
  font-weight: 600;
  display: block;
  padding: .5em 0;
  color: #646464;
}
.br-theme-bars-square .br-readonly a {
  cursor: default;
}
.br-theme-bars-square .br-readonly a.br-active,
.br-theme-bars-square .br-readonly a.br-selected {
  border: 2px solid #729bf8;
  color: #729bf8;
}
@media print {
  .br-theme-bars-square .br-widget a {
    border: 2px solid #b3b3b3;
    color: #b3b3b3;
  }
  .br-theme-bars-square .br-widget a.br-active,
  .br-theme-bars-square .br-widget a.br-selected {
    border: 2px solid black;
    color: black;
  }
}

#block-lod-survey-survey-block h2 {
  display: none;
}


/* 
#block-lod-survey-survey-block  #lodsurvey {
  margin: 10px 150px;
  padding: 10px 40px;
  background: #A5BFED;
  border: 1px solid #0A2D6C;
  text-align: center;
}
*/

#lod-survey-form #lodsurvey {
  margin: 10px 150px;
  padding: 10px 40px;
  xbackground: #A5BFED;
  xborder: 1px solid #0A2D6C;
  text-align: center;
}




header li a.nav-link {
	height: auto;
	line-height: normal;
	margin: 0 4px 0 0;
	padding: 10px 16px;
	color: #1A1A1A;
	font-weight: 500;
	font-size: 16px;
	border-radius: 0;
}


header li a:hover, header li a.nav-link:active, header li a.nav-link:focus {
  color: #000000;
  background: #F2F4F5;
  border-radius: 4px;
}

div.lablist .accordion-item {
}

div.lablist .accordion-item h6 {
  position: relative;
  top: 12px;
  left: 12px;
  z-index: 99;
}

div.lablist .accordion-button {
  padding: 0;
  top: -10px;
}
div.lablist .accordion-button:not(.collapsed) {
  background-color: inherit;
  box-shadow: none;
}

div.lablist .accordion-button:focus {
  box-shadow: none;
  border: none;
}

/* Making images in lab nodes scalable */
div#labnode-content img {
  max-width: 100%;
  height: auto;
}

.lod-taxo-select-form .form-item {
  margin-top: 0.7em;
  margin-bottom: 0.7em;
}

table {
  --bs-table-striped-color: transparent;
}

table.dataTable tr.unpublished, 
table.dataTable tr.unpublished td {
  background-color: #fff4f4;
  --bs-table-accent-bg: transparent;
}

.card-header-title {
  margin-bottom: 0;
}

.card-subtitle {
  display: block;
  text-transform: uppercase;
  color: #8c98a4;
  font-size: .7109375rem;
  margin-bottom: .25rem;
}


/*

.bg-custom {
	background: rgb(74,35,145);
    background: linear-gradient(135deg, rgba(74,35,145,1) 0%, rgba(63,43,162,1) 38%, rgba(40,58,197,1) 100%);
}

.bg-custom-image {
	xxbackground: rgb(74,35,145);
    zxbackground: linear-gradient(135deg, rgba(74,35,145,1) 0%, rgba(63,43,162,1) 38%, rgba(40,58,197,1) 100%);
	working-background: linear-gradient(180deg,#26016d 1.94%,#1d0a57 10.84%,#450db0 50.89%,#25006d 99.83%);
	background: url("images/vert-bg.jpg") no-repeat center center fixed, -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.39, rgba(74,35,145, 1)),
    color-stop(0.73, rgba(63,43,162, 1))
);
}

*/

.bg-custom {
    background-color: rgba(0, 0, 0, 0.03);
}


.table .poollabs {
	background-color: #CCC;
}
.table .assignedlabs {
	background-color: #BBB;
}

/* replacing with table-sm in code 
.lod-provision-form .form-control {
  padding: 0;
}


#lod-provision-form .nonzero {
  font-weight: bold;
  color: #F44;
}
*/