/*! it.css custom styles for bootstrap 4 within UWIT */
   body {
     margin: 0;
     font-family: "Helvetica Neue", Arial, "Noto Sans", sans-serif;
     font-size: 1.5rem;
     font-weight: 300;
     line-height: 1.4;
     color: #212529;
     text-align: left;
     background-color: #fff;
 }


 #it-pagecontent a:link {color:#205493;font-weight:600;text-decoration:underline}
 #it-pagecontent a:link.btn, #it-pagecontent a:visited {color:#205493;font-weight:600;text-decoration:none}
 #it-pagecontent a:hover {text-decoration:none}

 #deptname a:link, #deptname a:visited {color:#FFF}
 #deptname a:hover {color:#FFC424;text-decoration:none}
 #uwit .btn {font-size:110%}
 #top-mlab h2 {font-size:140%}
 .btn {white-space: normal}
 a img.hs {
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity: 1.0;}
a:hover img.hs {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;}

.hrule {border:0;background-color:#575A62;border-top:4px dotted #FFC424;margin:2rem 0}
a:hover.return {color:#FFF}

  /* knock down uwim nav blowout sizes */
 #uwim-nav-wrapper {font-size:82%}
 #expanderContent {font-size:1.3rem;font-weight:300}
 ul.imtopnav {font-size:65%;color:red}

   /* Move down content because we have a fixed navbar that is 3.5rem tall */
 #uwit {position:relative;margin-top:0px}
 #mlabhome {}


 #uwit-badgetext {
   float:left;
   margin:2rem 0 3rem 4%;
   padding:1.8rem 4rem 1.1rem 1.9rem;
   position:relative;
   color:#FFF;
   background-color: #575A62
 }
 
#labphoto {margin-top:0rem;
  margin-bottom:0rem;
  padding-bottom:0rem;
  height:230px;
  background-image: url("../img/lab-bg.jpg");
  background-position: bottom;
  background-repeat:no-repeat;
  background-size:cover;
  max-width:100%;
}

 #uwit-badgetext h1 {color:#FFF;font-size:4.8rem;line-height: 4rem;letter-spacing: .6rem;}
 #uwit-badgetext h2 {color:#FFF;font-size:1.8rem}
 #uwit-badge {margin:3rem 0 3rem 6rem}  /*when using the image itbadge, not being used currently*/
 #uwit h1, #uwit h2, #uwit h3, #uwit h4, #uwit h5, #uwit h6 {font-weight:bold;}

 /* utilities for quick adjust */
 .hide {display:none}
 .bold {font-weight:bold}
 .wh {color:#FFF}
 .red {color:#CD2026} /* this red on white background is accessible contrast */
 .bg-agreen {background-color:#2E8540}  /* this green on white background is accessible contrast */
 .blue {color:#205493} /* this blue on white background is accessible contrast */
 .bgblue {background-color:#205493}
 .ltblu {color:#B3EFFF}
 .uwbeige {color:#DCDBC6}
 .uwbeigebg {background-color:#DCDBC6}
 .brightblu {color:#00CFFF}
 .bgbrightblu {background-color:#02BFE7}
 .msblu {color:#0071BC}
 .bgmsblue {background-color:#0071BC}
 .gold {color:#FFC424}
 .bggold {background-color:#FFC424}
 .brn {color:#492F24}
 .bgbrn {background-color:#492F24}
 .blk {color:#000}
 .uwdarkblue {color:#2A3E60}
 .coolgra {color:#CBCCCD}
 .bgcoolgra {background-color:#575A62}
 .ltbeige {color:#D4CBC6}
 .slate {color:#79706C}
 .bgslate {background-color:#79706C}
 .crock {color:#874917}
 .cboot {color:#9A651E}
 .leaf {color:#A2A42C}
 .gras {color:#7E7615}
 .bggras {background-color:#7E7615}
 .wheat {color:#A7933C}
 .drkgra {color:#575A62}
 .bgdrkgra {background-color:#343A40}
 .red2 {color:#CD2026}
 .oran {color:#FF9912}
 .bgoran {background-color:#FF9912}
 .cblu {color:#02BFE7}
 .lime {color:#CCCC00}
 .bglime {background-color:#CCCC00}
 .tsize1-7 {font-size:1.7rem}
 .tsize1-6 {font-size:1.5rem}
 .tsize-1 {font-size:1rem}
 .tsize-2 {font-size:.7rem}
 .tsize-b {font-size:1.2rem}
 .tsize {font-size:1.3rem}
 .tsize1 {font-size:2rem}
 .tsize2 {font-size:3rem}
 .tsize3 {font-size:4rem}
 .tsize4 {font-size:5rem}
 .tsize5 {font-size:6rem}
 .tsize6 {font-size:7rem}
 .tsize7 {font-size:8rem}
 .tsize8 {font-size:9rem}
 .tsize9 {font-size:10rem}

  /* #mlabhome main section (big 4) styles */

  #uwit-topbg {margin-top:0rem;
  background-image: url("../img/coecomplab.jpeg");
  background-position: center;
  background-repeat:no-repeat;
  background-size:cover;
  max-width:100%;
  height:auto;
}

  #uwit-top {margin-top:0rem}
  .main-mlabox1* {padding:3rem;border-top:4px solid #FFC424;background-color:none;backdrop-filter: blur(50px);}
  .main-mlabox* {padding:3rem;backdrop-filter: blur(40px);-webkit-backdrop-filter: blur(70px);}
  .main-mlabox* {color:#FFF;padding:3rem;border-top:4px solid #FFC424;background-color:none;backdrop-filter: blur(5px);}
 
  .main-mlabox1* {padding:3rem;border-top:4px solid #FFC424;background: rgba(73, 47, 36, 0.8);}
  .main-mlabox* {color:#FFF;padding:3rem;border-top:4px solid #FFC424;background: rgba(73, 47, 36, 0.8);} 
  
  .main-mlabox1top {color:#000;padding:3rem;border-top:6px solid #FFC424;background: rgba(255, 255, 255, 0.9);}
  .main-mlabox1 {color:#000;padding:3rem;background: rgba(255, 255, 255, 0.5);backdrop-filter: blur(40px);-webkit-backdrop-filter: blur(1px);}
  .addon {border-top:6px solid #FFC424;}
  .main-mlabox {color:#000;padding:3rem;border-top:6px solid #FFC424;background: rgba(255, 255, 255, 0.6);} 
  .main-mlabox1-extra {background: rgba(255, 255, 255, 1);border-left:9px solid #FFC424;padding:2rem 3rem;padding-bottom:.3rem;b}
  
  .middletop* {margin-top:2.7rem}
  .endtop* {margin-top:5.2rem}


  .main-mlabox1 .linkbtn1 {postion:relative;display:block;background-color:#575A62;margin:.9rem 0;padding:.9rem;}
  .main-mlabox .linkbtn {position:relative;display:block;background-color:#575A62;margin:.9rem 0;padding:.9rem;}

  .main-mlabox1 a.linkbtn1 {color:#FFF;text-decoration:none;font-size:1.7rem;}
  .main-mlabox1 a:hover.linkbtn1 {color:#FFC424;text-decoration:none;font-size:1.7rem;}

  .main-mlabox a.linkbtn {color:#FFF;text-decoration:none;font-size:1.7rem;}
  .main-mlabox a:hover.linkbtn {color:#FFC424;text-decoration:none;font-size:1.7rem;}

  #big4 {display:flex;flex-wrap:wrap}
  .big4-unit {}

  #top-mlab h5.wireless {color:#FFC425;font-size:2.4rem;font-weight:bold}
  #chardware a.badge-dark {color:#FFF}
  #chardware a:hover.badge-dark {color:#FFC424}
  #chardware a:visited.badge-dark {color:#FFF}

  a:hover.go {color:blue}

    .linkbtn1 .divider {margin-right:.6rem;
  padding:.3rem;
  background-color:#5B90F6;
  border-radius:2rem;
}

  .linkbtn .divider {margin-right:.6rem;
  padding:.3rem;
  background-color:#CCC000;
  border-radius:2rem;
}

.linkbtn .dividerp {margin-right:.6rem;
  padding:.3rem;
  background-color:#FF9912;
  border-radius:2rem;
}
.list-unstyled{padding-left:0;list-style:none}
/* RSS system status feed look control */
    .feedEkList{width:100%; list-style:none outside none;background-color:#FFFFFF; border:1px solid #D3CAD7; padding:4px 6px; color:#3E3E3E;}
    .feedEkList li{border-bottom:1px solid #D3CAD7; padding:5px;}
    .feedEkList li:last-child{border-bottom:none;}
    .itemTitle a{font-weight:bold; color:#205493 !important; text-decoration:none }
    .itemTitle a:hover{ text-decoration:underline }
    .itemDate{font-size:11px;color:#AAAAAA;}

 /* UWIT Help Bar style */
#uwit-helpbar {margin:0;background-color:#FFF}
#uwit-helpbar li.hbox {padding: 1.2rem .9rem;background-color:#492F24}
#uwit-helpbar li.hbox a, #uwit-helpbar li.hbox a:link, #uwit-helpbar li.hbox a:visited {color:#FFF;font-weight:bold;padding:1rem;border:none;text-decoration:none}
#uwit-helpbar li.hbox a:hover {color:#FFC424;text-decoration:none;border:none;background:none}

/*tests below */

#uwit-helpbar li.hbox2 {padding:.1rem}
#uwit-helpbar li.hbox2 a {color:#FFF;padding:.4rem;border:2px solid #79706C;}
#uwit-helpbar li.hbox2 a:hover {color:lime;text-decoration:none;border:2px solid #FFF;background:none}

#uwit-helpbar li.hbox3 {padding:.4rem}
#uwit-helpbar li.hbox3 a {color:#FFF;padding:.4rem;border-bottom:2px solid #79706C;border-right:5px solid #79706C;}
#uwit-helpbar li.hbox3 a:hover {color:lime;text-decoration:none;border-bottom:2px solid #FFF;border-right:5px solid lime;background:none}

/* showcase section */
section#showcase {margin:0;padding:0;background-color:#FFF;}
#showcase-inner {margin:0;padding:0;background-color:#FFF}
#showcase-split {position:relative;float:left;display:inline}


 /* UWIT footer styles */
 #uwitfoot {background-color:#575A62}
 #uwitfoot address {font-size:1.3rem;}
 #uwitfoot li {color:#FFF;font-size:1.5rem}
 #uwitfoot li a {color:#FFF;text-decoration:none}
 #uwitfoot li a:hover {color:#FFC422;text-decoration:underline}


 /* UWIT secondary pages template styles */

  #uwit-topbg2 {background-image: url("https://microlab.uwyo.edu/img/lab-bg2nd.jpg");
  background-position: bottom center;
  background-repeat:no-repeat;
  background-attachment:;
  background-size:cover;}

  #minimenu .card-header {color:#FFC424;font-weight:bold;background-color:#343A40}
  #minimenu a.nav-link {color:#FFF}
  #minimenu a:hover.nav-link {color:#FFF;background-color:#575A62}
  #minimenu a.nav-link.active {color:#222;background-color:#FCC424}

  #microlab-content {padding-top:2rem;padding-bottom:4rem}
  #lab-dates {margin-top:.7rem}

  .table .closed {color:#FFF;background-color:#5B616B}
  .table .hlit {background-color:#EEE}
  #hourstables h3 {margin-top:2rem;border-top:4px solid #FFC424;padding:2rem;background-color:#2A3E60;color:#FFF}
  .cwide {width:500px;}
  .card {box-shadow: none}

/* UWIT Nav Menu slide out left style */

#microlab-nav-menu {background-color:#575A62;}
#microlab-nav-menu2 {background-color:#FFF}
#deptname {color:#492F24;font-size:2.1rem}
#deptname a {color:#492F24;font-size:2.1rem}
#deptname a:link {color:#492F24}
#deptname a:visited {color:#492F24}

header {color:#492F24;
  padding: 22px;
  display: flex;
  align-items: baseline;
}
.contentmenunav {margin: 0;padding:.5rem 1rem .5rem 2rem}
.contentmenunav h1 {margin-left:2rem;color:#492F24}
.burgs {border:1.1px solid #FFC424;color:#492F24;font-size:3rem;line-height:.7rem;padding:.2rem .9rem}
.burgs:link {color:#492F24}
.burgs:hover {border:1.1px solid #FFC424;color:#9A651E;text-decoration:none}
.burgs:active {border:1.1px solid #A2A42C;color:#CDCCCD;}
.burgs:visited {border:1.1px solid #FFF;color:#FFC424;text-decoration:none;background-color:none}
.hamburger {
  position: relative;
  margin: 0px;
  z-index: 2;
  cursor: pointer;
}
#closerx {margin-top:-4.5rem}
.menu {
  width: 320px;
  height: 100%;
  background: #492F24;
  position: fixed;
  top: 0;
  left: -320px;
  z-index:90;
  transition: left .3s;
}
.menu-item:first-child {
  margin-top: 180px;
}
.menu--open {
  left: 0;
}
.menu-item {
  color: #fff;
  width: 100%;
  font-weight:bold;
}
.menu-item a:link {position:relative;
  display:block;
  color: #FFF !important;
  width: 100%;
  margin-bottom:.6rem;
  padding: .5rem 1rem .5rem 2.5rem;
  text-decoration: none;
}
.menu-item a:hover {color:#FFC424;
  cursor: pointer;
  text-decoration:none;
  }
.menu-item a:hover .icon-home7, .menu-item a:hover .icon-cogs, .menu-item a:hover .icon-display3, .menu-item a:hover .icon-printer3, .menu-item a:hover .icon-users2, .menu-item a:hover .icon-office {color:#D4CBC6}

.help-split {display:inline}
.help-split-even {display:inline}
.software-split {display:inline}

ul.secmenu li a.nav-link, ul.secmenu li a.nav-link:link, ul.secmenu li a.nav-link:visited {color:#FFF;font-size:1.4rem;background-color:none}
ul.secmenu li a.nav-link:active {color:#FFC424}
/* media queries to fix responsive issues */

/* == first trips at med and lower == */
@media (max-width: 767.98px) {
.help-split-even {display:block;margin-left:auto !important;margin-right:auto !important;}
}


@media (max-width: 991.98px) {
  #uwit-topbg, #uwit-topbg2 {margin-top:-.5rem;}
  #split2rows3 {display:block}
  .navbar-brand {display:block;margin-bottom:-2rem;margin-left:auto !important;margin-right:auto !important;}
  ul.imtopnav {margin-left:auto !important;margin-right:auto !important;}
  .text-end {display:block;margin-top:-4rem;margin-left:auto !important;margin-right:auto !important;}
  .help-split {display:block;margin-left:auto !important;margin-right:auto !important;}
  }
  
@media (max-width: 1039.98px) {
.software-split {display:block;margin-left:auto !important;margin-right:auto !important;}
}
  
// Large devices (desktops, less than 1200px)
@media (max-width: 1199.98px) {

 }

/* == added this override to fix flex compression  == */
#accordion_software .show {width:100%;height:100%}