@tailwind base;
@tailwind components;
@tailwind utilities;
/*
SCSS for Shared Functionality
*/
/* Clearfix */
.clearfix {
  zoom: 1;
}
.clearfix:before, .clearfix:after {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}
.clearfix:after {
  clear: both;
}

#noty_top_layout_container a {
  color: #FFFFFF;
}

body {
  height: 100%;
}
body .icon-bar {
  background-color: #428bca;
}
body #wrap {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -60px;
  padding: 0 0 60px;
}
body #footer {
  height: 60px;
}
body #footer .credit {
  margin: 20px;
}

.auth form.form-signin {
  width: 330px;
  padding: 15px;
  margin: 0 auto;
}
.auth form.form-signin .remember-me {
  margin: 10px 0px 10px 0px;
}

#home .home_box#coachbox {
  width: inherit;
  height: 160px;
  overflow: hidden;
}
#home .home_box#coachbox .float_list li {
  width: 160px;
}
#home .home_box#coachbox .float_list li img {
  border: 1px solid #CCCCCC;
  margin: 0px auto;
}
#home .home_box#coachbox .float_list li div.image_box {
  width: 102px;
  height: 102px;
  border: 1px solid #CCCCCC;
  padding: 2px;
  margin: 0px auto;
}

#invite .panel-body#facebook {
  text-align: center;
}

.password_resets form {
  width: 330px;
  padding: 15px;
  margin: 0 auto;
}

.rating {
  margin: 5px 0px 10px 5px;
}
.rating .actions {
  font-size: 14px;
}
.rating .actions .btn {
  min-width: 85px;
}

#notice {
  color: green;
}

.field_with_errors {
  padding: 2px;
  background-color: red;
  display: table;
}

#error_explanation {
  width: 450px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 0;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}
#error_explanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  margin-bottom: 0px;
  background-color: #c00;
  color: #fff;
}
#error_explanation ul li {
  font-size: 12px;
  list-style: square;
}

form.schedule input {
  display: none;
}

#search form .time-select select {
  width: 90px;
}

.spaces #show #address .btn {
  width: 100%;
  margin: 5px 0px;
}
.spaces #show ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
.spaces #show ul li {
  display: inline-block;
  vertical-align: bottom;
  text-align: left;
}
.spaces #show ul li img {
  max-height: 50px;
}
.spaces #show .admin-only {
  margin-top: 20px;
}

.users #show a#back_to {
  font-size: 10px;
  float: right;
  vertical-align: bottom;
}
.users #show ul#experience-list {
  list-style-type: none;
}
.users #show #email .btn {
  width: 100px;
}
.users #show #twitter {
  vertical-align: middle;
  display: inline-block;
  padding: 8px;
}

.result {
  text-decoration: none;
  padding: 5px 10px 5px 5px;
}
.result a:hover {
  color: #000000;
}
.result h3 {
  font-size: 20px;
  margin: 5px 0px 5px 5px;
}
.result .image_box {
  float: left;
  margin-right: 10px;
  width: 100px;
  height: 100px;
  border: 1px solid #CCC;
  text-align: center;
}
.result .image_box:hover {
  text-decoration: none;
}
.result .updated_at {
  float: right;
  font-size: 10px;
  text-decoration: none;
}