html {
  font-size: 14px;
  font-family: 'Montserrat', sans-serif;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.minute-card a {
  color: #009FDF;
  text-decoration: none;
  font-weight: 600;
}

.minute-card a:hover {
  color: black !important;;
  text-decoration: none;
  font-weight: 600;
}

/* Footer */

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  line-height: 20px;
}

.footer p {
  margin-bottom: 24px;
  margin-top: 24px;
  font-size: 13px;
}

.footer a {
  color: white;
  text-decoration: none;
}

.footer a:hover {
  color: #009FDF !important;;
  text-decoration: none;
  font-weight: 600;
}



/* Navigation */

.navbar-light .navbar-nav .nav-link {
  color: black !important;
  font-size: 16px;
  font-weight: 800;
}

.navbar-light .navbar-nav .nav-link:hover {
  color: #009FDF !important;
}

.meee-dropdown-item:hover {
  background-color: #009FDF;
  color: white !important;
}

/* Datatables */

#tblData thead {
  background: #009FDF !important;
}

#tblDataNoHighlight thead {
  background: #009FDF !important;
}

#tblData th {
  font-weight: normal !important;
  padding-left: 10px !important;
  border-bottom: none;
}

#tblDataNoHighlight th {
  font-weight: normal !important;
  padding-left: 10px !important;
  border-bottom: none;
}

.data-table thead {
  background: #009FDF !important;
}

.data-table th {
  font-weight: normal !important;
  padding-left: 10px !important;
  border-bottom: none;
}

.dataTable thead {
  background: #009FDF !important;
}

.dataTable th {
  font-weight: normal !important;
  padding-left: 10px !important;
  border-bottom: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background: #D40F7D;
  border: none;
  color: white !important;
  margin-left: 2px;
  margin-right: 2px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
  border: none;
  background: #D40F7D;
  color: white !important;
  border-radius: 50%;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  border: none;
  background: #D40F7D;
  color: white !important;
  font-weight: bold;
  border-radius: 50%;
  margin-left: 1px;
  margin-right: 0px;
}

#tblData tbody tr:hover {
  background-color: #D40F7D !important;
  color: white !important;
  cursor: pointer;
}

#tblDataNoHighlight tbody tr:hover {
  background-color: transparent !important;
  color: black !important;
  cursor: pointer;
}

#noHighlight #tblData tbody tr:hover {

}


#tblData_filter label {
  margin-bottom: 0.5em;
}

#tblDataNoHighlight_filter label {
  margin-bottom: 0.5em;
}

.test-user {
  color: #D40F7D !important;
}

.magic-maker {
  color: #009FDF !important;
}

.user-not-started {
  background-color: red !important;
  color: white !important;
}

.user-completed {
  background-color: yellow !important;
  color: black !important;
}

/* Mobile */

.text-left-mobile-centered {
  text-align: left;
}

.text-right-mobile-centered {
  text-align: right;
}

.group-left-mobile-centered {
}

.hidden-on-mobile {
}

.hidden {
  display: none;
}

@media (max-width: 768px) {
  .text-left-mobile-centered {
    text-align: center;
  }

  .text-right-mobile-centered {
    text-align: center;
  }

  .group-left-mobile-centered {
    margin-left: auto;
    margin-right: auto;
  }

  .hidden-on-mobile {
    display: none;
  }
}

/* Bootstrap Button Overrides */

.btn-primary {
  background: #009FDF !important;
  border: none;
  cursor: pointer;
}

.btn-primary:hover {
  background: #D40F7D !important;
  border: none;
  cursor: pointer;
}

.btn-secondary {
  background: #D40F7D !important;
  border: none;
  cursor: pointer;
}

.btn-secondary:hover {
  background: #009FDF !important;
  border: none;
  cursor: pointer;
}

.btn-info {

}

.btn-outline-info:hover {

}

.btn-outline-info {

}

.form-check-input {
  width: 20px !important;
  height: 20px !important;
}

.form-check-label {
    margin-top: 2px !important;
}

/* Forms */

.form-group {
  margin-bottom: 0px;
}

select {
  /* Ensures the dropdown list value is black and not the secondary colour */
  color: black !important;
}

.form-control {
  color: black !important;
}

input[type=checkbox] {
  margin-top: 15px;
}

/* Survey */

.question {
  margin-left: auto;
  margin-right: auto;
}

.meee-red {
  color: #DA291C;
}

.matrix-cell-ct {
  text-align: center;
  border: solid black 2px;
  padding: 8px;
}

.matrix-cell-rt {
  text-align: left;
  border: solid black 2px;
  padding: 8px;
}

.matrix-cell {
  text-align: center;
  border: solid black 2px;
  padding: 8px;
}

.matrix-cell-view-ct {
  text-align: left;
  border: solid black 2px;
  padding: 8px;
  font-weight: bold;
  font-size: 18px;
}

.matrix-cell-view-rt {
  text-align: left;
  border: solid black 2px;
  padding: 8px;
  font-weight: bold;
  font-size: 18px;
  vertical-align: top;
  min-width: 100px;
}

.matrix-cell-view {
  border: solid black 2px;
  vertical-align: top;
}

.matrix-cell-view textarea {
  padding: 12px;
  border: none;
}

.matrix-cell-row-label {
  font-weight: normal;
  font-size: 14px;
}

.pageButton {
  width: 40px;
  background-color: gray !important;
}

.pageButtonCurrent {
  width: 40px;
  font-weight: bold;
}

.payment-desc {
  font-size: 22px !important;
}

.payment-value {
  font-weight: bold;
  font-size: 22px !important;
  margin-top: 12px;
  margin-bottom: 36px;
}

/* Ratings */


.rating-stars ul {
  list-style-type:none;
  padding:0;

  -moz-user-select:none;
  -webkit-user-select:none;
}
.rating-stars ul > li.star {
  display:inline-block;
}

/* Idle State of the stars */
.rating-stars ul > li.star {
  font-size:1.5em; /* Change the size of the stars */
  color:#009FDF; /* Color on idle state */
}

/* Hover state of the stars */
.rating-stars ul > li.star.hover {
  color:#D40F7D;
}

/* Selected state of the stars */
.rating-stars ul > li.star.selected {
  color:#D40F7D;
}

/* Meee Values Cards - as a service */

.blue-text-link {
  text-decoration: none; margin-right: auto; margin-left: auto; font-size: 18px; font-weight: bold; color: #009FDF;
}

.blue-text-link:hover {
  text-decoration: none; margin-right: auto; margin-left: auto; font-size: 18px; font-weight: bold; color: #D40F7D;
}

/* mwiam and mfiam */

.top-action-button
{
  position: absolute; right: 10px; top: 10px;
}

.rounded-button {
  font-weight: bold;
  border-radius: 20px;
  padding-left: 16px;
  padding-right: 16px;
}

.subscribe-button {
  font-weight: bold;
  border-radius: 20px;
  padding-left: 16px;
  padding-right: 16px;
  background: white !important;
  color: #757575 !important;
}

.subscribe-button:hover {
  color: white !important;
}

.footer-container {
  background-color: #757575;
  color: white;
  font-size: 16px;
  padding-bottom: 32px;
}

.footer-container p {
  font-size: 16px;
  padding-top: 0;
  margin-top: 0;
}

.footer-copy {
  font-size: 14px;
  font-weight: bold;
}

.footer-action {
  font-size: 18px;
  font-weight: bold;
}

.footer-social {
  font-size: 40px;
}

#fieldEmail {
  width: 300px;
  padding: 4px;
  padding-top: 6px;
  padding-bottom: 6px;
  background: white;
  border: 1px solid white;
  border-radius: 4px;
}

.chart-rounded {
  border-radius: 15px;
  overflow: hidden;
}