/* Stack transparent images */
.img-overlay{
  position: absolute;
  display: block;
  max-width: 100%;
  max-height: 100%;
}

/* Set column to fixed width */
.col-width-350 { 
  flex: 0 0 350px; 
}

/* Reduce vertical padding in table */
table td { 
  padding: .4rem .7rem .3rem .7rem !important;
}

/* Convenience class for hiding images */
.hide {
  visibility: hidden;
}

/* DAC colors */
.prepare {
  background-image: linear-gradient(140deg, #27ee36 , white);
}
.sign {
  background-image: linear-gradient(140deg, #d6fb00 , white);
}
.act {
  background-image: linear-gradient(140deg, #0bbff6 , white);
}
.manage {
  background-image: linear-gradient(140deg, #ff13f4 , white);
}
.integrate {
  background-image: linear-gradient(140deg, #d4d4d4 , white);
}

/* Convert checkbox to toggle switch */
.toggle {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 50px;
  height: 20px;
  display: inline-block;
  position: relative;
  border-radius: 50px;
  overflow: hidden;
  outline: none;
  border: none;
  cursor: pointer;
  background-color: #707070;
  transition: background-color ease 0.15s;
}
.toggle:before {
  content: "on off";
  display: block;
  position: absolute;
  z-index: 2;
  width: 16px;
  height: 16px;
  background: #fff;
  left: 2px;
  top: 2px;
  border-radius: 50%;
  font: 10px/18px Helvetica;
  text-transform: uppercase;
  font-weight: bold;
  text-indent: -24px;
  word-spacing: 28px;
  color: #fff;
  white-space: nowrap;
  transition: all cubic-bezier(0.3, 1.5, 0.7, 1) 0.15s;
}
.toggle:checked {
  background-color:#1b49a0;
}
.toggle:checked:before {
  left: 32px;
}
.customNav {
  background-color: #000032 !important;
  color: #f8f9fa;
  margin: 0;
  padding: .25rem 10px 0px 10px !important;
  align-content: center;
  justify-content: space-between;
}

#ds-logo {
  align-self: center;
}

.catalogText {
  align-self: center;
  font-size: 14px;
  text-decoration: none;
  padding-left: 5px;
  border-left: 1px solid #ffffff;
}

.catalogText:visited {
  color: white;
}

#dac-icon {
  align-self: center;
  padding-right: 5px;
}

.navLinks {
  align-self: center;
  justify-self: center;
  text-align: center;
  text-decoration: none;
  color: white;
  font-size: 12.8px;
  margin-left: 8px;
}

.navLinks:visited {
  color: white;
}

.navLinks:hover, .catalogText:hover {
  color: lightgray;
}

.dropIcon {
  color: #f8f9fa;
}

.toggleButton {
  border-color: #f8f9fa !important;
}

.navDropMenu {
  width: 50px !important;
  position: absolute !important;
}

.footer {
  position: relative;
  width: 100%;
  height: 24px;
  background-color :#646464;
  color: white;
  font-size: 12.8px;
  margin-top: auto
}

.body {
  width: 100%;
  margin: 0px;
  padding: 0px;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}