/* html {
  height: 100%;
}

body {
  min-height: 100%;
} */

nav {
  background-color: #34568B;
}

/* main {
  min-height: -moz-max-content;
  min-height: max-content;
} */

/* .content {
  min-height: 89vh;
} */

footer {
  background-color: #534c46;
  color: #fff;
}

.dropdown {
  z-index: 1021;
}

.table-fixed tbody {
  display: block;
  height: 80vh;
  overflow: auto;
}

.table-fixed thead,
.table-fixed tbody tr {
  display: table;
  width: 100%;
  table-layout: fixed;
  text-align: center;
}

.table-fixed tbody::-webkit-scrollbar {
  display: none;
}

.errors {
  padding: 1em;
  border: 1px solid red;
  background-color: lightyellow;
  color: red;
  margin-bottom: 1em;
  overflow: auto;
}
.errors ul {
  margin-left: 1em;
}

.material-symbols-outlined {
  font-variation-settings:
  'FILL' 1,
  'wght' 400,
  'GRAD' 0,
  'opsz' 20
}

.box {
  cursor: move;
}

.box.over {
  border: 3px dotted #666;
}

.my-handle {
  cursor: -webkit-grabbing;
  cursor: move;
}

/* ghostClass */
.ghost {
  opacity: .5;
  background: #C8EBFB;
}

.lPool {
  max-height: 70vh;
}

.rList {
  max-height: 70vh;
}

#rankList::-webkit-scrollbar {
  width: 0px;
}

#listPool::-webkit-scrollbar {
	width: 0px;
}

.multiGameEdit {
  max-height: 36vh;
  overflow: hidden;
}

#multiPlat {
  max-height: 36vh;
  overflow: auto;
}

#multiFran {
  max-height: 36vh;
  overflow: auto;
}

#multiPlat::-webkit-scrollbar {
  width: 0px;
}

#multiFran::-webkit-scrollbar {
	width: 0px;
}

.customCarouselOptions {
  height: 15rem; 
  overflow: hidden;
}

.customCarouselOverlay {
  height:15rem;
  position:relative;
  background-image: radial-gradient(circle,rgba(255,0,0,0), rgba(33,37,41,1) 98%);
}

.homeTodo {
  height: 30rem;
  overflow: hidden;
}

.truncate {
  width: 250px;
  overflow-x: hidden;
  text-overflow: ellipsis;
}

button#toggle-password {
  background: none;
  border: none;
  cursor: pointer;
  /* Media query isn't shown here. */
  font-size: var(--mobile-font-size);
  font-weight: 300;
  padding: 0;
  /* Display at the top right of the container */
  position: absolute;
  top: 0;
  right: 0;
}