/* These styles are generated from project.scss. */
body {
  font-size: 1.8rem;
}

.alert-debug {
  color: black;
  background-color: white;
  border-color: #d6e9c6;
}

.alert-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

/* Display django-debug-toolbar.
   See https://github.com/django-debug-toolbar/django-debug-toolbar/issues/742
   and https://github.com/pydanny/cookiecutter-django/issues/317
*/
[hidden][style="display: block;"] {
  display: block !important;
}

.brand {
  font-family: 'Lora', sans-serif;
}

.font-2 {
  font-size: 1.4em;
}

button.btn.submit-button {
  background-color: #1e764c;
  border-color: #1e764c;
}

.login-content h1 {
  font-family: 'Lora', sans-serif;
  color: white;
}

.login-content p {
  color: white;
}

.profile-info {
  /*font-size: 1.3em;*/
  color: black;
}

.profile-info label {
  font-size: 1.3em;
  font-weight: 500;
}

/*.profile-info span {*/
/*padding-left: 1em;*/
/*}*/

.required-field label:after {
  content: " *";
  color: red;
}

td.details-control {
  background: url('../images/details_open.png') no-repeat center center !important;
  cursor: pointer;
}

tr.shown td.details-control {
  background: url('../images/details_close.png') no-repeat center center !important;
}

a.details-control {
  background: url('../images/details_open.png') no-repeat center center !important;
  cursor: pointer;
}

.collapsable-table-header {
  vertical-align: middle;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 1%;
  border-bottom: solid 2px grey;
}

.outdoor-icon {
  display: inline;
  height: 40px;
  width: auto;
  position: absolute;
  top: 5px;
  /*left:15;*/
}

#myModal .close {
  opacity: 1;
  color: #fff;
  font-size: 3em;
  margin-top: -10px;
  margin-bottom: -10px;
}

#myModal .modal-header {
  background-color: #1e764c;
  border-color: rgba(242, 225, 169, 1)
}

.modal-icon {
  display: inline;
  width: 5%;
}

.table-text-wrap {
  width: 25%;
}

.profile-tabs-content {
  box-shadow: inset 0px -1px 10px -2px #333;
}

.profile-tabs {
  background-color: white;
}

.profile-tabs.nav > li > a {
  color: #000;
  background-color: lightgrey;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
  background-color: #1e764c;
  color: white;
}

@media (max-width: 425px) {
  .modal-icon {
    display: inline;
    width: 10%;
  }
}

.col-round-robins {
  min-height: 400px;
}

@media (max-width: 992px) {
  .col-round-robins {
    min-height: 100% !important;
  }
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: black;
  /* font-size: 1.6em; */
  border-right: none;
  border-left: 1px solid black;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  margin-right: 0;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: transparent;
  border: 0px solid white;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px !important;
  padding: 0 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #999;
}

/***** Videos *****/
.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}

.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.title-video {
  color: white;
  text-align: center;
  font-size: 1.6em;
}

.col-video {
  margin-bottom: 50px;
}

@media (max-width: 1200px) {
  .col-video {
    width: 100% !important;
    max-width: 100% !important;
    flex: 100% !important;
    margin-top: 30px;
  }

}

@media (max-width: 992px) {

  .col-videos-title {
    float: none !important;
  }

}

#video-bg {
  background-color: darkcyan;
}

/***RESPONSIVENESS***/

.row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/***NAV***/
.nav li {
  font-size: 18px;
}

.sidebar .nav > li > a i {
  float: left;
  margin-right: 15px;
  width: 14px;
  text-align: center;
  line-height: 20px;
  font-size: 16px;
  color: white;
  font-weight: bold;
}

.sidebar .nav > li > a {
  padding: 8px 20px;
  line-height: 20px;
  color: #ffffff;
  font-weight: bold;
}

@media (max-width: 360px) {

  .navbar-brand {
    margin-right: 0px;
    font-size: 16px;
  }

}

/***EDIT RESERVATION***/

.select2-container {
  width: 100% !important;
}

.panel-title {
  line-height: 30px;
}

.btn-round-robins {
  margin-top: 10px;
}

.panel-invoice {
  min-height: 205px !important;
}

@media (min-width: 992px) {
  .col-full-width {
    width: 80% !important;
  }
}

@media (max-width: 1879px) {
  .btn-edit {
    margin-bottom: 10px;
  }
}

@media (max-width: 1820px) {
  .panel-invoice {
    min-height: 224px !important;
    max-width: 800px;
  }

  .col-invoice {
    width: 100% !important;
  }
}

@media (max-width: 1650px) {
  .btn-reservation {
    display: block;
    margin: 20px auto !important;
    max-width: 230px;
  }

  .btn-reservation2 {
    display: block;
    margin: 15px 0 !important;
    width: 100%;
    max-width: 170px;
  }

  .col-court {
    width: 100% !important;
  }

  .btn-court-edit {
    margin-bottom: 10px;
  }

  .col-dates {
    width: 100%;
  }

  .col-dates2 {
    width: 100%;
  }

  .res-no-display {
    display: none !important;
  }

  .col-membership2 {
    width: 100% !important;
    margin-top: 25px;
  }

  .col-membership3 {
    width: 100% !important;
  }
}

@media (max-width: 1366px) {
  .col-register {
    width: 80%;
  }

  .col-register2 {
    width: 100%;
  }

  .col-demographics {
    width: 100%;
  }

  .col-financial {
    width: 50%;
  }
}

@media (max-width: 1366px) {
  .col-round-robins {
    width: 50% !important;
    max-width: 50% !important;
    flex: 50% !important;
  }
}

@media (max-width: 1200px) {
  .col-no-offset {
    margin-left: 0 !important;
  }

  .col-round-robins {
    width: 50% !important;
  }

  .col-invoice {
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .container-invoice {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  #bar-chart {
    max-height: 450px !important;
  }

  #scatter-chart {
    max-height: 450px !important;
  }

  #radar-chart {
    max-height: 450px !important;
  }

  #donut-chart {
    max-height: 450px !important;
  }

  #bar-chart-yoy {
    max-height: 450px !important;
  }

}

@media (max-width: 992px) {
  .col-reservation {
    width: 100% !important;
  }

  .panel img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    margin: 25px auto !important;
  }

  .panel img.outdoor-icon {
    display: inline !important;
    height: 40px !important;
    width: auto !important;
    position: absolute !important;
    top: 5px !important;
    margin: 0 !important;
  }

  .col-user {
    width: 100% !important;
    padding-left: 0 !important;
  }

  .profile-right {
    margin-left: 0 !important;
  }

  .profile-left {
    width: 100% !important;
    float: none;
  }

  .profile-image {
    height: auto !important;
  }

  .profile-image img {
    display: block;
    max-width: 250px;
    width: 100%;
    margin: 0 auto;
  }

  .profile-info h2 {
    margin-bottom: 25px;
  }

  .col-round-robins {
    width: 100% !important;
  }

  .col-register {
    width: 100%;
  }

  .col-register {
    width: 100%;
  }

  .col-dashboard {
    width: 100% !important;
  }

  .col-dates {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-bottom: 0;
  }

  .col-dates2 {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-bottom: 25px;
  }

  .table-titles-invoice {
    font-size: 12px;
  }

  .col-boxes-compliance {
    width: 100%;
  }

  .col-financial {
    width: 100%;
  }

  .col-membership {
    width: 100%;
  }

}

@media (max-width: 768px) {
  div.dataTables_length {
    margin-top: 10px;
  }

  .btn-court-edit {
    margin-bottom: 0;
  }

  .btn-edit {
    margin-bottom: 0;
  }

  .table-titles-invoice {
    font-size: 16px;
  }

  .container-invoice {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

}

@media (max-width: 480px) {
  .content {
    padding: 20px 0 !important;
  }

  .page-header {
    margin: 0 10px 20px;
  }

  .btn-upload {
    margin-top: 10px;
  }

  #bar-chart {
    max-height: 350px !important;
  }

  #scatter-chart {
    max-height: 350px !important;
  }

  #radar-chart {
    max-height: 350px !important;
  }

  #donut-chart {
    max-height: 350px !important;
  }

  #bar-chart-yoy {
    max-height: 350px !important;
  }

}

.reconciliation-date-text {
  text-align: center;
  font-size: 2em;
}

.reconciliation-date-text span {
  color: red;
}

.no-waiver {
  color: white;
  font-weight: bold;
  background-color: red;
  padding: 3px 5px;
  border-radius: 0 5px 5px 0;
}

.waiver {
  color: white;
  font-weight: bold;
  background-color: green;
  padding: 3px 5px;
  border-radius: 0 5px 5px 0;
}

.guest-pro-select2 {
  color: white;
  font-weight: bold;
  background-color: darkblue;
  padding: 3px 5px;
  border-radius: 0 5px 5px 0;
}

.big-checkbox {
  width: 2em;
  height: 2em;
}

.dt-button {
  color: #fff;
  background: #348fe2;
  border-color: #348fe2;
}

.dt-button:last-child {
  display: none;
}

.border {
  border: 1px solid #1e764c;
  border-radius: 5px;
  padding: 0 1rem;
}

.border h3 {
  margin-top: 1rem;
  color: #1e764c;
}

.round-robin-blocks {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: stretch;
  grid-gap: 2rem;
}

.unfilled-courts-title {
  margin-top: 15px;
}

.col-robins-two {
  margin-top: 15px !important;
}

.btn-robins {
  margin-top: 10px !important;
  display: inline-block !important;
}

@media (max-width: 1600px) {
  .col-robins-two {
    width: 100% !important;
    max-width: 100% !important;
    flex: 100% !important;
  }

}

@media (max-width: 992px) {
  .upcoming-round-title {
    font-size: 2em;
  }

  .unfilled-courts-title {
    font-size: 1.4em;
  }

  .plr-0-res {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

}

@media (max-width: 480px) {
  .upcoming-round-title {
    font-size: 1.6em;
  }

  .unfilled-courts-title {
    font-size: 1.2em;
  }

  .btn-robins {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
  }

}

#ballot-form input[type="checkbox" i] {
  color: black;
  background: black;
  border: 1px solid black;
}

#ballot-form .question h3 {
  font-size: 2.2rem;
  font-weight: bolder;
}

#ballot-form .answer {
  font-size: 2.2rem;
  font-weight: bolder;
}

#ballot-form .select2-results__option {
  font-size: 2.2rem !important;
  padding: 6px;
  user-select: none;
  -webkit-user-select: none;
}

#ballot-form .select2-container {
  border: 2px solid black
}

#ballot-form .vote-options option {
  cursor: pointer;
  font-size: 2rem !important;
}

.supporting-documents a {
  font-size: 1.8rem;
}

.proxy-assignment, .proxy-assignment .btn {
  font-size: 2.2rem;
  font-weight: bolder;
}

.proxy-assignment .select2-container {
  max-width: 30%;
  border: 1px solid black
}

.election-analytic-detail p {
  font-size: 14px;
}

.election-analytic-detail .question {
  font-size: 16px;
  font-weight: bolder;
}

.election-analytic-detail .answer {
  font-size: 14px;
}

.election-count-box p {
  color: white;
  font-size: 18px;
  text-transform: uppercase;
}

.election-count-box p span {
  color: white;
  font-size: 26px;
  text-align: center;
}

.election-count-box {
  padding: 3rem !important;
}

.election-count-box i {
  position: absolute;
  top: 25%;
  right: 10%;
  font-size: 75px;
  opacity: .25;
  color: white;
}

.election-analytic-detail .dataTables_wrapper .dataTables_paginate .paginate_button {
  padding: 0;
}

.vote-pages {
  font-size: 2.2rem;
}

.vote-pages .btn {
  font-size: 2.2rem;
  font-weight: bolder;
}

.dashboard-new-members {
  font-size: 16px !important;
}

.daily-tracking table {
  font-size: 1.4rem !important;
}

.daily-tracking .table > thead > tr > th,
.daily-tracking .table > tbody > tr > th,
.daily-tracking .table > tfoot > tr > th,
.daily-tracking .table > thead > tr > td,
.daily-tracking .table > tbody > tr > td,
.daily-tracking .table > tfoot > tr > td,
.guest-list .table > thead > tr > th,
.guest-list .table > tbody > tr > th,
.guest-list .table > tfoot > tr > th,
.guest-list .table > thead > tr > td,
.guest-list .table > tbody > tr > td,
.guest-list .table > tfoot > tr > td {
  font-size: 1.4rem;
}