clairelee/directable

/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any styles
 * defined in the other CSS/SCSS files in this directory. It is generally better to create a new
 * file per style scope.
 *
 *= require_tree .
 *= require_self
 */

@import "bootstrap-sprockets";
@import "bootstrap";

#mainNav {
    background: #2C3E50;
    font-weight: 700;
    border: none;
}

.navbar-brand {
    color: white !important;
}

.navbar-right {
    color: white !important;
}

.footer-above {
    // background-color: #edf6ff !important;
    background-color: #2C3E50;
}

.footer-below {
    background-color: #2C3E50 !important;
}

.navbar-green {
    color: white !important;
}

.footer-title {
    color: #ffffff !important;
}

h3 {
    color: #2C3E50 !important;
}

.btn-social {
    color: #2C3E50 !important;
}

a {
    color: #ffffff
}


table {
    width: 80%;
    padding: 10px;
}

th {
    font-size: 18px;
    height: 50px;
    background-color: #2C3E50;
    color: white;
}


th, td {
    padding: 15px;
    text-align: left;
}

.table a, .table a:hover {
    color: #2C3E50;   
}

#table a {
    color: #000000;
}


.ui-autocomplete {
  position: absolute;
  
  min-width: 160px;
  _width: 160px;

  padding: 4px 0;
  margin: 2px 0 0 0;
  list-style: none;
  background-color: #ffffff;
  border-color: #ccc;
  border-color: rgba(0, 0, 0, 0.2);
  border-style: solid;
  border-width: 1px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;

  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  
  .ui-menu-item {
    display: block;
    padding: 3px 15px;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    color: #555555;
    white-space: nowrap;

    .ui-state-active, .ui-state-hover {
      color: #ffffff;
      text-decoration: none;
      background-color: #0088cc;
      border-radius: 0;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      background-image: none;
    }

  }
}

#buttons-centered {
    //display: inline-block;
    padding: 12px 24px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    //text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    padding-right: 40px;
    padding-left: 40px;
    // margin-right: auto;
    // margin-left: auto;
    // margin: auto;
    // display: block;
    border-color: white;
    border-width: medium;
    font-size: large;
    color: #2C3E50;
}