/**
 * Place your custom styles here.
 */
@import 'https://fonts.googleapis.com/css?family=Roboto:300,400';
@import 'https://fonts.googleapis.com/css?family=Droid+Sans:400';
@import 'https://fonts.googleapis.com/css?family=Crimson+Text:400,800';

/* Note: Calibri = Roboto and Minion Pro = Crimson Text */

body {
    padding-top: 120px!important;
    min-height: 100%;
}

.navbar-inverse {
    background-image: -webkit-linear-gradient(top,#1f5c7c 0,#18596F 100%);
    background-image: -o-linear-gradient(top,#1f5c7c 0,#18596F 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#1f5c7c),to(#18596F));
    background-image: linear-gradient(to bottom,#1f5c7c 0,#18596F 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1f5c7c', endColorstr='#ff18506F', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
}

.navbar-development-version {
    background-image: -webkit-linear-gradient(top,#7D1F1F 0,#701919 100%);
    background-image: -o-linear-gradient(top,#7D1F1F 0,#701919 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#7D1F1F),to(#701919));
    background-image: linear-gradient(to bottom,#7D1F1F 0,#701919 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7D1F1F', endColorstr='#ff701919', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}


.navbar-demo-version {
    background-image: -webkit-linear-gradient(top,#481F7D 0,#3D1970 100%);
    background-image: -o-linear-gradient(top,#481F7D 0,#3D1970 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#481F7D),to(#3D1970));
    background-image: linear-gradient(to bottom,#481F7D 0,#3D1970 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff481F7D', endColorstr='#ff3D1970', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.footer {
    background-color: #222;
    margin-bottom: 0px;
    margin-top: 20px;
    color: #fff;
    padding-bottom: 10px;
    padding-top: 0px;
}

.footer-content {
    margin-top: 10px;
}

.footer p {
    margin-bottom: 0px;
}

.footer a, .footer a:hover, .footer a:visited, .footer a:active {
    color: #fff;
}

.footer h3 {
    margin-top: 0px;
    margin-bottom: 5px;
    font-family: Roboto;
    font-weight: 300;
}

/*
.footer-inverse {
    background-image: -webkit-linear-gradient(top,#1f5c7c 0,#18596F 100%);
    background-image: -o-linear-gradient(top,#1f5c7c 0,#18596F 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#1f5c7c),to(#18596F));
    background-image: linear-gradient(to bottom,#1f5c7c 0,#18596F 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1f5c7c', endColorstr='#ff18506F', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
}

.footer-development-version {
    background-image: -webkit-linear-gradient(top,#3c3c3c 0,#222 100%);
    background-image: -o-linear-gradient(top,#3c3c3c 0,#222 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#3c3c3c),to(#222));
    background-image: linear-gradient(to bottom,#3c3c3c 0,#222 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    background-image: -webkit-linear-gradient(top,#7D1F1F 0,#701919 100%);
    background-image: -o-linear-gradient(top,#7D1F1F 0,#701919 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#7D1F1F),to(#701919));
    background-image: linear-gradient(to bottom,#7D1F1F 0,#701919 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7D1F1F', endColorstr='#ff701919', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}


.footer-demo-version {
    background-image: -webkit-linear-gradient(top,#481F7D 0,#3D1970 100%);
    background-image: -o-linear-gradient(top,#481F7D 0,#3D1970 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#481F7D),to(#3D1970));
    background-image: linear-gradient(to bottom,#481F7D 0,#3D1970 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff481F7D', endColorstr='#ff3D1970', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
*/

h1 {
    /*font-family: Crimson Text;*/
    font-family: Roboto;
    font-weight: 300;
    margin-bottom: 35px;
}

.search-results h4 {
    margin-top: 3px;
    margin-bottom: 3px;
    padding: 0px;
}

.search-results p {
    margin-bottom: 2px;
}

.search-results p.final {
    margin-bottom: 30px;
}

.search-results p.search-info {
    margin-bottom: 20px;
    font-size: 12px;
    color: #888888;
}

.search-results p.search-empty {
    margin-top: 50px;
    text-align: center;
    color: #888888;
    font-size: 24px;
}

.search-results p.missing {
    color: #666666;
    font-style: italic;
}

.search-results p.identity-info {
    color: #666666;
    font-size: 10px;
    margin-bottom: 2px;
}

.search-results p.identity-info span {
    margin-right: 15px;
}

.search-side a {
    font-size: 12px;
}
.search-side h4.panel-title {
    font-size: 14px;
}

.faceted-search .form-group {
    margin-bottom: 3px;
}

.snac-name-header {
    font-family: "Crimson Text";
    font-weight: 800;
    font-size: 35px;
    line-height: .5em;
}
.snac-fullname-header {
    font-family: Roboto;
    font-weight: 300;
    font-size: 15px;
    line-height: .5em;
    padding-top: 15px;
    padding-bottom: 15px;

    color: #fff;
}
.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-nav li a {
    color: #D6E5F4;
}

.navbar-inverse .dropdown-menu li a {
    color: #333;
}

.theme-dropdown .dropdown-menu {
    position: static;
    display: block;
    margin-bottom: 20px;
}

.snac > p > .btn {
    margin: 5px 0;
}

.source {
    color:#999999;
    font-size:80%;
    margin-bottom:5px
}

.snac-hidden {
    display: none;
}

div.snac {
    min-height: 815px;
}

.snac .navbar .container {
    width: auto;
    padding-bottom: 30px;
}

.control-label-subtext {
    font-size: 12px;
    font-weight: normal;
}

.name-component-type {
    text-align: right!important;
}

.snac-options-list {
    text-align: center!important;
    font-size: 10px;
}

.snac-system-notice {
    text-align: center!important;
    background-color: #ebccd1;
    margin-top: -16px;
    color: #a94442;
}

.tab-pane {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-radius: 0px 0px 5px 5px;
    padding: 10px;
    margin-bottom: 20px;
}

.nav-tabs {
    margin-bottom: 0;
}

.scm-modal {
    color: #000000;
}

.date-modal .modal-dialog {
    color: #000000;
    width: 790px;
}

.ui-autocomplete {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    display: none;
    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-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;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
}
.ui-menu-item > a.ui-corner-all {
    display: block;
    padding: 3px 15px;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    color: #555555;
    white-space: nowrap;
}
&.ui-state-hover, &.ui-state-active {
    color: #ffffff;
    text-decoration: none;
    background-color: #0088cc;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    background-image: none;
}

.select2-container--bootstrap {
    display: inline-block;
    margin-bottom: 5px;
}

.select2-bootstrap-append .form-control-static {
    width: 100%;
    padding-right: 10px;
    display: table;
    text-align: left;
    table-layout: fixed;
    float:left;
}

.relation-icon {
    font-size: 32px;
}

.relation-icon-caption {
    font-size: 10px;
}

.geoterm-heading {
    line-height: 1em;
}

.geoterm-caption {
    font-size: 11px;
    font-style:italic;
    color: #777777;
    margin-top: 0px;
    padding-top: 0px;
    margin-bottom: 5px;
}

.rotated-header {
    /* Safari */
    -webkit-transform: rotate(-90deg);
    /* Firefox */
    -moz-transform: rotate(-90deg);
    /* IE */
    -ms-transform: rotate(-90deg);
    /* Opera */
    -o-transform: rotate(-90deg);
    /* Internet Explorer */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

td.rotate {
    /* Something you can count on */
    height: 140px;
    white-space: nowrap;
}

td.rotate > div {
    transform:
    /* Magic Numbers */
    translate(25px, 51px)
    /* 45 is really 360 - 45 */
    rotate(315deg);
    width: 30px;
}
td.rotate > div > span {
    border-bottom: 1px solid #ccc;
    padding: 5px 10px;
}


.geoplace-map {
    height: 300px;
}


.move-handle {
    border: 0;
    background: transparent;
    cursor: grab;
}

/* centered columns styles */
.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
}

.subtext {
    margin-left: 22px;
    font-size: 11px;
}

.bioghist-text {
    margin-bottom: 15px;
}

.scm-source-panel {
    margin-bottom: 0px;
}

.form-group .well p, .form-group p.form-control-static {
    word-wrap: break-word;
}

.btn-sm, .btn-sm:hover, .btn-sm:active, .btn-sm:visited, .btn-sm:link {
    text-decoration: none;
}

/* Advanced Search Information */
#advancedSearchText dl {
    margin-left: 25px;
    margin-right: 25px;
}

#advancedSearchText dl dt {
    min-width: 25px;
    display: inline-block;
}

#advancedSearchText dl dd:after {
    display: block;
    content: "";
}

#advancedSearchText dd {
    display: inline;
}



/* override JQuery Ui for autocomplete */
.ui-widget {
    font-family: inherit;
    font-size: inherit;
}

.ui-menu .ui-menu-item {
    padding: 4px;
    margin: 2px;
}

.ui-state-focus, .ui-widget-content .ui-state-focus {
    background: #337ab7;
    border: 0px;
    color: #fff;
}

.ui-autocomplete, .ui-widget-content {
    margin-left: 0px;
}


.list-group-constellationlist {
    width:70%;
    margin-left: auto;
    margin-right: auto;
}

.list-group-constellationlist a {
    text-align: center;
}

/* Use the following to make other colors of list items */
.list-group-item-download {
    color: #7a3583;
    background-color: #ecdef2;
}
a.list-group-item-download,
button.list-group-item-download {
    color: #7a3583;
}
a.list-group-item-download .list-group-item-heading,
button.list-group-item-download .list-group-item-heading {
    color: inherit;
}
a.list-group-item-download:hover,
button.list-group-item-download:hover,
a.list-group-item-download:focus,
button.list-group-item-download:focus {
    color: #7a3583;
    background-color: #e1cceb;
}
a.list-group-item-download.active,
button.list-group-item-download.active,
a.list-group-item-download.active:hover,
button.list-group-item-download.active:hover,
a.list-group-item-download.active:focus,
button.list-group-item-download.active:focus {
    color: #fff;
    background-color: #7a3583;
    border-color: #7a3583;
}

.list-group-item-visualize {
    color: #3C7668;
    background-color: #D8F0E8;
}
a.list-group-item-visualize,
button.list-group-item-visualize {
    color: #3C7668;
}
a.list-group-item-visualize .list-group-item-heading,
button.list-group-item-visualize .list-group-item-heading {
    color: inherit;
}
a.list-group-item-visualize:hover,
button.list-group-item-visualize:hover,
a.list-group-item-visualize:focus,
button.list-group-item-visualize:focus {
    color: #3C7668;
    background-color: #CDEBDB;
}
a.list-group-item-visualize.active,
button.list-group-item-visualize.active,
a.list-group-item-visualize.active:hover,
button.list-group-item-visualize.active:hover,
a.list-group-item-visualize.active:focus,
button.list-group-item-visualize.active:focus {
    color: #fff;
    background-color: #3C7668;
    border-color: #3C7668;
}

.list-group-item-history {
    color: #2A6D88;
    background-color: #E0E9F3;
}
a.list-group-item-history,
button.list-group-item-history {
    color: #2A6D88;
}
a.list-group-item-history .list-group-item-heading,
button.list-group-item-history .list-group-item-heading {
    color: inherit;
}
a.list-group-item-history:hover,
button.list-group-item-history:hover,
a.list-group-item-history:focus,
button.list-group-item-history:focus {
    color: #2A6D88;
    background-color: #C7DAEE;
}
a.list-group-item-history.active,
button.list-group-item-history.active,
a.list-group-item-history.active:hover,
button.list-group-item-history.active:hover,
a.list-group-item-history.active:focus,
button.list-group-item-history.active:focus {
    color: #fff;
    background-color: #2A6D88;
    border-color: #2A6D88;
}


.list-group-item-review {
    color: #AE5A0B;
    background-color: #F3ECE0;
}
a.list-group-item-review,
button.list-group-item-review {
    color: #AE5A0B;
}
a.list-group-item-review .list-group-item-heading,
button.list-group-item-review .list-group-item-heading {
    color: inherit;
}
a.list-group-item-review:hover,
button.list-group-item-review:hover,
a.list-group-item-review:focus,
button.list-group-item-review:focus {
    color: #AE5A0B;
    background-color: #EBD9CD;
}
a.list-group-item-review.active,
button.list-group-item-review.active,
a.list-group-item-review.active:hover,
button.list-group-item-review.active:hover,
a.list-group-item-review.active:focus,
button.list-group-item-review.active:focus {
    color: #fff;
    background-color: #AE5A0B;
    border-color: #AE5A0B;
}

.list-group-item-merge {
    color: #AB307C;
    background-color: #F3E0EF;
}
a.list-group-item-merge,
button.list-group-item-merge {
    color: #AB307C;
}
a.list-group-item-merge .list-group-item-heading,
button.list-group-item-merge .list-group-item-heading {
    color: inherit;
}
a.list-group-item-merge:hover,
button.list-group-item-merge:hover,
a.list-group-item-merge:focus,
button.list-group-item-merge:focus {
    color: #AB307C;
    background-color: #EBCDE1;
}
a.list-group-item-merge.active,
button.list-group-item-merge.active,
a.list-group-item-merge.active:hover,
button.list-group-item-merge.active:hover,
a.list-group-item-merge.active:focus,
button.list-group-item-merge.active:focus {
    color: #fff;
    background-color: #AB307C;
    border-color: #AB307C;
}

.list-group-item-sources {
    color: #5158b8;
    background-color: #e7e3ff;
}
a.list-group-item-sources,
button.list-group-item-sources {
    color: #5158b8;
}
a.list-group-item-sources .list-group-item-heading,
button.list-group-item-sources .list-group-item-heading {
    color: inherit;
}
a.list-group-item-sources:hover,
button.list-group-item-sources:hover,
a.list-group-item-sources:focus,
button.list-group-item-sources:focus {
    color: #5158b8;
    background-color: #cecae6;
}
a.list-group-item-sources.active,
button.list-group-item-sources.active,
a.list-group-item-sources.active:hover,
button.list-group-item-sources.active:hover,
a.list-group-item-sources.active:focus,
button.list-group-item-sources.active:focus {
    color: #fff;
    background-color: #5158b8;
    border-color: #5158b8;
}


/* Use the following to define new panel styles */
.panel-review {
    border-color: #FBDECE;
}
.panel-review > .panel-heading {
    color: #B84905;
    background-color: #FCE0CD;
    border-color: #FBDECE;
}
.panel-review > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #FBDECE;
}
.panel-review > .panel-heading .badge {
    color: #FCE0CD;
    background-color: #B84905;
}
.panel-review > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #FBDECE;
}


.loading-box {
    margin-top: 80px;
}

.loading-box p {
    font-size: 15px;
}

.loading-box i {
    font-size: 55px;
}

.table-noborder tr {
    border: none;
}
.table-noborder tbody tr td {
    border: none;
}

/* Fix the width of font-awesome icons so their text aligns nicely beside them */
/*.fa {
    width: 1.2em;
}*/

#message_list tbody {
    cursor: pointer;
}
.viewing {
    background-color: #c4e3f3!important;
}

#message_list p {
    margin: 0px;
}

.panel-fullscreen {
    display: block;
    z-index: 9999;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    overflow: auto;
}
.panel-actions {
  margin-top: -20px;
  margin-bottom: 0;
  text-align: right;
}
.panel-actions a {
  color:#333;
}

/* Phones */
@media (max-width: 767px) {
    .footer {
        text-align: center;
    }
}

/* Tablets */
@media (max-width: 991px) and (min-width: 768px) {
    ul.nav li a {
        padding: 15px 10px;
    }

    .navbar-hideable {
        display: none !important;
    }

    .footer {
        text-align: center;
    }
}

/* Computers */
@media (min-width: 992px) {
    .affix {
        position: fixed;
        top: 62px;
        right: 0px;
        padding-right: 5%;
        z-index: 1000;
        display: block;
        overflow-x: hidden;
        overflow-y: hidden; /*auto; /* Scrollable contents if viewport is shorter than content. */
    }

    .affix-bottom {
        position: fixed;
        right: 0px;
        padding-right: 5%;
        z-index: 1000;
        display: block;
        overflow-x: hidden;
        overflow-y: hidden; /*auto; /* Scrollable contents if viewport is shorter than content. */
    }
}

.search-box .search-entity-type-select,
.search-box .select2 {
    width: 18%;
}

.search-box .search-box-text {
    width: 82%;
}

/* Search box doesn't look good below 700px */
@media (max-width: 700px) {
    .search-box .search-entity-type-select,
    .search-box .select2 {
        width: 38%;
    }

    .search-box .search-box-text {
        width: 62%;
    }
}

/* Really streamline when below 426px for phones */
@media (max-width: 426px) {
    .azgrid .row {
       margin-left: auto;
       margin-right: auto;
    }
    .azgrid .row .thumbnail {
        text-align: center;
    }
    .azgrid .row .thumbnail .wikipedia_thumbnail {
       margin-left: auto;
       margin-right: auto;
    }
   .search-box .search-entity-type {
      display: none;
      visibility: hidden;
    }
   .search-box .search-box-text {
      width: 100%;
    }
}

.list-group-super .list-group-item:last-child {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}
.list-group-sub .list-group-item:first-child {
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}


/* DRUPAL */

#toolbar {
    top: 50px;
}