.content {
    background: #FAFAFA;
}
.sticky-footer-wrapper {
    background: #FAFAFA;
}
.container {
    max-width: 1000px !important;
}
ul {
    list-style: none;
}
#logo {
    display: block;
    text-align: center;
    height: 80px;
    margin: 40px 0 50px 0;
}
#logo-img {
    height: 80px;
    margin: 0;
}
#myform {
    font-size: 14px;
}
.tag-line {
    font-size: 16pt;
    color: #E6C100;
}
.country-line {
    font-size: 12pt;
    color: silver;
    margin-top: -2pt;
    display: none;
}
#search_button {
    float: right;
    height: 80px;
    margin: 0 0 0 6px;
}

/*because search btn overlaps text input, don't use opacity to indicate disabled state. Desaturate color for same effect instead*/
#search_btn[disabled] {
    opacity: 1;
    background: #5C88B2;
}

#file-upload {
    /* make it overlap button */
    width: 148px;
    position: absolute;
    z-index: 2;
    top: -4px;
    left: -12px;
    filter: alpha(opacity=0);
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
    opacity: 0;
    background-color: transparent;
    color: transparent;
}
#options {
    padding: 10px;
    margin-top: 25px;
    padding: 5px 0;
}

#options .checkbox {
    margin-left: 20px;
}
#options label {
    font-weight: 300;
}
.well {
    padding: 10px 10px;
    margin: 10px 0 10px 0;
    overflow: hidden;
}
.step-num {
    display: inline;
    padding-right: 4px;
}
.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1010;
    display: none;
    max-width: 200px;
    padding: 1px;
    text-align: left;
    white-space: normal;
    background-color: #ffffff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}
.popover.right {
    margin-left: 16px;
}
.popover.left {
    margin-left: -15px;
}
.demo {
    background: #eee;
    border: solid 2px #ddd;
    border-radius: 0px;
    padding: 0.6em;
    width: auto;
    margin-bottom: 14px;
}
.demo input {
    margin-bottom: 4px;
}
#crop-group input {
    width: 60px;
}
.opt-group {
    display: none;
    padding: 10px 20px !important;
    margin: 5px 0 10px 0 !important;

    padding: 5px 10px !important;
    margin: 5px 0 10px 0 !important;
    background: #fefefe;
    border: solid 1px #ddd;
        font-size: 13px;
}
#status-group ul {
    margin: 0;
    list-style: none;
    float: left;
}
#status-group ul li input {
    float: left;
}
#advanced-group ul {
    margin: 0;
    list-style: none;
    float: left;
}
#advanced-group ul li input {
    float: left;
    margin-right: 5px;
}
.no-decor {
    overflow-x: hidden;
    white-space: nowrap;
    width: 100%;
    list-style: none;
    float: left;
    margin: 0;
}
.no-decor li {
    display: inline;
    font-size: 8pt;
}
.no-decor li input {
    margin: 0 5px 0 0;
    width: auto;
}
.details {
    display: inline;
    font-size: 7pt;
    color: gray;
}
#classes-group th {
    font-size: 110%;
    font-weight: 300;
    text-align: left;
    padding-left: 0.1em;
    width: 50%;
}
#classes-group td {
    padding-right: 10px
}
#classes-group ul {
    margin: 0;
    list-style: none;
    float: left;
}
#classes-group ul li {
    margin: 1px 0;    /* for showing first line only */
    max-height: 20px;
    line-height: 20px;
    overflow: hidden;
    word-break: break-all;    /* for showing ellipsis and more button at end */
    position: relative;    /*for animating the expand/collapse*/

    /*this duration is for collapsing, the expanding one is set on .expanded*/

    transition: .1s ease-out;
}

/*#classes-group*/
#classes-group ul li input {
    float: left;
    width: auto;
    margin-right: 5px;
}
#classes-group ul li p {
    padding: 0 50px 0 13px;    /*make room on right side for both ellipse and 'more' button*/
    font-size: 14px;
}
.more-info-toggle {
    position: absolute;
    right: 6px;
    top: 3px;
    opacity: 0.6;
    cursor: pointer;
    text-decoration: underline;
}
.more-info-toggle:hover {
    opacity: .8;
}

/*ellipse*/
#classes-group ul li:after {
    content: "...";
    position: absolute;
    right: 39px;    /*hacky positioning...*/
    bottom: 1px;
    overflow: hidden;
}

/*show full content when more button is clicked (via JS)*/
#classes-group ul .expanded {
    max-height: 999px;    /*for animation - has to be greater than real height*/
    transition-duration: 1s;
    word-break: normal;
}
#classes-group ul .expanded:after {
    content: "";
}

.suggestion {
    transition: all 200ms ease;
    display: inline-block;
    margin-right: 4px;
    color: #b4b4b4;
    cursor: pointer;
    border: 1px solid #498cc4;
    padding: 0 2px;
    border-radius: 4px;
    background: #ecf8fc;
    margin-bottom: 10px;
    font-size: 11pt;
}

/*typeahead autocomplete dropdown menu
-manually apply styles mimicking bootstrap*/
.twitter-typeahead {
    width: 100%;
}
.tt-dropdown-menu {
    width: 100%;
    text-align: left;
    background-color: #fff;
    padding-top: .5em;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    text-shadow: none;    /*make scrollable*/
    max-height: 250px;
    overflow-y: scroll;
}
.tt-suggestion {
    cursor: pointer;
    padding: 0 .5em;
}
.tt-suggestion small {
    float: right;
}
.tt-suggestion.tt-cursor {
    background-color: #27A0E5;
    background-image: linear-gradient(to bottom, #2FA4E7, #1A99E2);
    color: white;
}
#null_selection_warning{
    display: inline-block;
    font-size: 11pt;
    color: #ffa502;
    position: relative;
    top: -15px;
}
#loadingSuggestions {
    display: none;
    padding: 3px;
    background: none;
    border: none;
    font-size: .8em;
    padding-left: 0;
}

.select2.select2-container {
    width: 100% !important;
    height: 57px;

}
.select2-container--default .select2-selection--multiple {
    background-color: transparent;
    border: none;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
    background-color: transparent;
    border: none;
}
li.select2-search.select2-search--inline {
    line-height: 57px;
}
input.select2-search__field {
  height: 57px;
  margin: 0 !important;
  border-radius: 0;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
      margin-top: 17px;
}
.select2-container--open .select2-dropdown {
  left: 0;
  width: 575px !important;
  margin-left: -6px;
  margin-top: 2px;
}
.classelement {
    width: 50px;
    height: 40px;
    float: left;
    line-height: 40px;
}

p.nouser {
    color: #aaa !important;
}
p.nouser i {
    color: #aaa !important;
}