AppStateESS/InternshipInventory

/*****************************
 * Twitter Typeahead Styling *
 *****************************/
.twitter-typeahead {
    width: 100%;
}

.tt-hint {
  color: #999;
}

.tt-menu {
  width: 422px;
  margin-top: 4px;
  padding: 4px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
     -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
          box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.tt-suggestion {
  padding: 3px 20px;
  line-height: 24px;
}

.tt-suggestion:hover {
  background-color: #ddd;
}

.tt-suggestion p {
  margin: 0;
}

.tt-suggestion.tt-cursor {
  color: #fff;
  background-color: #0097cf;

}
/***** End Typeahead Styles *****/

/***** Creation Interface Transitions *****/
.example-enter {
  opacity: 0.01;
}

.example-enter.example-enter-active {
  opacity: 1;
  transition: opacity .3s ease-in;
}
.example-leave {
  opacity: 1;
}

.example-leave.example-leave-active {
  opacity: 0.01;
  transition: opacity .1s ease-in;
}


/* Turns off underline on icons in links */
i[class^="icon-"]:before {
    display: inline-block;
    text-decoration: none;
}

a {
    cursor: pointer;
    text-decoration: none;
}

/**** Spinner *****/
div .spinner {
    margin-left: 70px;
}

/* Required field labels marked with splat */
form .required label:after {
    color: #e32;
    content: '*';
    display:inline;
}

#intern-totals {
    /*font-weight: bold;*/
    padding-top: 30px;
    font-size: 10pt;
    margin-bottom: -10px;
}

.edit-prog {
    color: #0A759B;
    cursor: pointer;
}

.hidden-prog {
    font-style: italic;
    color: #888888;
}

/******************************************
 * Styles for the add/edit internshp form *
 *****************************************/

/*** Change log styles ***/
#changelog h3 {
    border-bottom: 1px solid #D6D6D6;
    font-size:100%;
    font-weight:normal;
}

#changelog .exact-date {
    float:right;
}

#changelog .comment {
    margin-left: 2em;
}

/*** Formatting ***/
.form-align {
  left: 25.7%;
  width: 32.5%;
}
#small-button1 {
  width: 9%;
  background: white;
  border: .1em black solid;
  border-radius: .3em;
  margin-left: 10px;
  padding: 1px 0;
  transition: .25s ease;
}
#small-button2 {
  width: 9%;
  background: white;
  border: .1em black solid;
  border-radius: .3em;
  margin-left: 15px;
  padding: 1px 0;
  transition: .25s ease;
}
#small-button1:hover, #small-button2:hover {
  background: black;
  color: white;
  transition: .25s ease;
}

/*** Request Sub Host ***/
.select-sub-host {
  width: 70.1% !important;
  margin-left: 1em !important;
}

/****** Search Results Styles **************/
tr.result-row td {
  padding: 0;
  white-space: nowrap;
}

tr.result-row td a {
    display:block;
    height:100%;
    width:100%;
    padding: 8px;
    color:#000;
    text-decoration:none;
}

.ui-autocomplete {
    width: 100px;
}

.offset-right-inline {
  margin-left: 73.5%;
}

.host-container {
    overflowY: 'scroll';
    height: 600;
    maxWidth: 210;
    marginTop: 75;
    scrollbarWidth: 'thin';
    marginBottom: 10;
}

@media only screen and (max-width: 992px){
    .form-align{
        left: 2%;
        width: 96.3%;
    }
    #small-button1{
        width: 6%;
    }
    #small-button2{
        width: 6%;
    }
}

.host-overflow {
    overflow-y: auto;
    height: auto;
    max-height: 800px;
    overscroll-behavior: auto;
}
.host-add-overflow {
    overflow-y: auto;
    height: auto;
    max-height: 100px;
    overscroll-behavior: auto;
}
.bottom-host-ul {
    margin-bottom: 0 !important;
}