/*
 * Globals
 */

/* Links */
a,
a:focus,
a:hover {
  color: #ab289f;
}

/* Custom default button */
.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus {
  color: #333;
  text-shadow: none;
  /* Prevent inheritance from `body` */
  background-color: #ab289f;
  border: .05rem solid #ab289f;
}


/*
 * Base structure
 */
body {
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  font-family: "Roboto", Arial;
  justify-content: center;
  align-items: center;
  background: #e4ecfa;
  text-shadow: none;
  color: #ab289f;
  background: #fae4e44f;
  color: #ab289f;
}

body .btn {
  margin: 0 12px;
}

body .dribbble {
  position: fixed;
  display: block;
  right: 20px;
  bottom: 20px;
}

body .dribbble img {
  display: block;
  height: 28px;
}

.cover-container {
  max-width: 42em;
}


/*
 * Header
 */
.masthead {
  margin-bottom: 2rem;
}

.masthead-brand {
  margin-bottom: 0;
  font-weight: 700;
  text-shadow: 0 .05rem .1rem rgba(0, 0, 0, 0.5);
}

[type="checkbox"].run_master {
  position: absolute;
  opacity: 1;
  pointer-events: auto !important;
  /* pointer-events: none;  /* this will lock the checkbox */
}

/* 
.select-wrapper input.select-dropdown{
  height: 2rem !important;
}
*/

.col-md-5 {
  margin-top: -4px;
}

.nav-masthead .nav-link {
  padding: .25rem 0;
  font-weight: 700;
  color: #ab289f;
  background-color: transparent;
  border-bottom: .25rem solid transparent;
  text-shadow: 0 .05rem .1rem rgba(0, 0, 0, 0.5);
}

.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus {
  border-bottom-color: #ab289f;
}

.nav-masthead .nav-link+.nav-link {
  margin-left: 1rem;
}

.nav-masthead .active {
  color: #ab289f;
  border-bottom-color: #ab289f;
  text-shadow: 0 .05rem .1rem rgba(0, 0, 0, 0.5);
}

.nav.nav-masthead.justify-content-center {
  box-shadow: none !important;
  background: none !important;
  line-height: 1.5;
  height: auto;
  color: #ab289f;
}

.nav.nav-masthead.justify-content-center .nav-link {
  text-decoration: none !important;
  color: #ab289f;
}

@media (min-width: 48em) {
  .masthead-brand {
    float: center;
  }

  .nav-masthead {
    float: center;
  }
}

@media (min-width: 768px) {
  .col-md-5 {
      flex: 0 0 auto;
      width: 48.666667%;
  }
}

/*
@media (min-width: 768px){
  .col-md-12 {
      width: 120%;
  }
}
*/

/*
 * Cover
 */
.cover {
  padding: 0 1.5rem;
}

.cover .btn-lg {
  padding: .75rem 1.25rem;
  font-weight: 700;
}


/*
 * Footer
 */
.mastfoot {
  color: #fff;
}

/*
 * Form-Control
 */
.input-style {
  padding: 10px;
  height: 30px;
  width: 100%;
  border: none;
  border-radius: 50px;
}

.form-control:focus {
  border-color: #ab289f;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #ab289f;
}

.btn.dark {
  --background: #2f3545;
  --shadow: 0 2px 8px -1px rgba(21, 25, 36, 0.32);
  --shadow-hover: 0 4px 20px -2px rgba(21, 25, 36, 0.5);
}

.btn.white {
  --background: #fff;
  --text: #ab289f;
  --shadow: 0 2px 8px -1px rgba(18, 22, 33, 0.04);
  --shadow-hover: 0 4px 20px -2px rgba(18, 22, 33, 0.12);
}

.btn.fast {
  --duration: 0.32s;
}

.btn {
  --background: #ab289f;
  --text: #fff;
  --font-size: 16px;
  --duration: 0.44s;
  --move-hover: -4px;
  --shadow: 0 2px 8px -1px rgba(39, 94, 254, 0.32);
  --shadow-hover: 0 4px 20px -2px rgba(39, 94, 254, 0.5);
  --font-shadow: var(--font-size);
  padding: 16px 32px;
  font-weight: 700;
  line-height: var(--font-size);
  border-radius: 24px;
  outline: none;
  text-decoration: none;
  font-size: var(--font-size);
  letter-spacing: 0.5px;
  background: var(--background);
  color: var(--text);
  box-shadow: var(--shadow);
  transform: translateY(var(--y)) translateZ(0);
  transition: transform var(--duration) ease, box-shadow var(--duration) ease;
}

.buttonInside {
  position: relative;
  margin-bottom: 10px;
}

.btninside {
  position: absolute;
  right: -20px;
  top: 7px;
  border: none;
  border-radius: 24px;
  outline: none;
  text-align: center;
  font-weight: bold;
  padding: 10px;
}

.btninside-run {
  right: -20px;
  top: 7px;
  border: none;
  border-radius: 24px;
  outline: none;
  text-align: center;
  font-weight: bold;
  padding: 10px;
  width: 200px;
}

.btn div {
  display: flex;
  overflow: hidden;
  text-shadow: 0 var(--font-shadow) 0 var(--text);
}

/*
a.run_UIautomation {
  text-align: center;
}
*/

input::placeholder {
  color: darkgray;
}

.btn div span {
  display: block;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  font-style: normal;
  transition: transform var(--duration) ease;
  transform: translateY(var(--m)) translateZ(0);
}

.btn div span:nth-child(1) {
  transition-delay: 0.05s;
}

.btn div span:nth-child(2) {
  transition-delay: 0.1s;
}

.btn div span:nth-child(3) {
  transition-delay: 0.15s;
}

.btn div span:nth-child(4) {
  transition-delay: 0.2s;
}

.btn div span:nth-child(5) {
  transition-delay: 0.25s;
}

.btn div span:nth-child(6) {
  transition-delay: 0.3s;
}

.btn div span:nth-child(7) {
  transition-delay: 0.35s;
}

.btn div span:nth-child(8) {
  transition-delay: 0.4s;
}

.btn div span:nth-child(9) {
  transition-delay: 0.45s;
}

.btn div span:nth-child(10) {
  transition-delay: 0.5s;
}

.btn div span:nth-child(11) {
  transition-delay: 0.55s;
}

.btn:hover {
  --y: var(--move-hover);
  --shadow: var(--shadow-hover);
  color: #fff
}

.btn:hover span {
  --m: calc(var(--font-size) * -1);
}

.btn.reverse {
  --font-shadow: calc(var(--font-size) * -1);
}

.btn.reverse:hover span {
  --m: calc(var(--font-size));
}

* {
  box-sizing: inherit;
}

*:before,
*:after {
  box-sizing: inherit;
}

/* .table {
  border-collapse: collapse;
  margin: 25px 0;
  font-size: 0.9em;
  min-width: 400px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}

.table thead tr {
  background-color: #ab289f;
  color: #ffffff;
} */

table {
  width: fit-content;
}

.darkPaletteInfoTable,
.darkPaletteInfoTable tbody tr,
.darkPaletteInfoTable tbody tr th,
.darkPaletteInfoTable tbody tr td {
  padding: 3px 5px;
  color: #ab289f;
  border-color: #000;
  border-style: double;
  border-width:4px;
  /* background-color: #ffffff; */
}

.darkPaletteInfoTable tr:hover {
  /* color: #ab289f; */
  border-color: #FF0000;
  border-style: double;
  background-color: #e8add0;
  border-width:4px;
}

.darkPaletteInfoTable th {
  /* color: #8e2085; */
  border-color: #000;
  border-style: double;
  /* font-style: #8e2085; */
  border-width:4px;
}

/*
.table th,
.table td {
  padding: 12px 15px;
}

.table th,
.table td {
  padding: 12px 15px;
}

.table th,
.table td {
  padding: 12px 15px;
}

 th:first-of-type {
  border-top-left-radius: 10px;
}

th:last-of-type {
  border-top-right-radius: 10px;
}

tr:last-of-type td:first-of-type {
  border-bottom-left-radius: 10px;
}

tr:last-of-type td:last-of-type {
  border-bottom-right-radius: 10px;
} */

.btn-transparent {
  background-color: Transparent;
  background-repeat: no-repeat;
  border: none;
  cursor: pointer;
  overflow: hidden;
  color: #ab289f;
  text-shadow: none;
  font-weight: 700;
}

h2 {
  text-shadow: 0 0.05rem 0.1rem rgb(0 0 0 / 50%);
}

button, input, optgroup, select, textarea{
  color: black;
}

/* .adminAreaPage{
  color: #f35f5a;
} */