/*#main-content {
  background-color: whitesmoke;
}*/
body {
  color: #03355F;
}

.progress{
  background-color: #D5D5D5;
}

#nav_container_fluid{
  min-width: 1053px;
}

.navbar{
  margin-bottom: 0px;
}

.navbar-default{
  border-bottom: 11px solid rgb(3, 53, 95);
}

.navbar-brand {
  height: auto;
}

.toggle-icon {
  margin-top: 7px;
  float: right;
  display: none;
  cursor: pointer;
}

img.active {
  display: block;
}

#sponsor-text {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 18px;
  padding-top: 7px;
}

.title-text {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 18px;
  padding-top: 7px;
}

#sponsor-picture {
  background-image: url(../images/lansdowne.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/*Non responsive*/
.container .navbar-header,
.container .navbar-collapse {
margin-right: 0;
margin-left: 0;
}

/* Always float the navbar header */
.navbar-header {
float: left;
}

/* Undo the collapsing navbar */
.navbar-collapse {
display: block !important;
height: auto !important;
padding-bottom: 0;
overflow: visible !important;
}

.navbar-toggle {
display: none;
}
.navbar-collapse {
border-top: 0;
}

.navbar-brand {
margin-left: -15px;
}

/* Always apply the floated nav */
.navbar-nav {
float: left;
margin: 0;
}
.navbar-nav > li {
float: left;
}
.navbar-nav > li > a {
padding: 15px;
font-size: 14px;
font-weight: bold;
}

/* Redeclare since we override the float above */
.navbar-nav.navbar-right {
float: right;
}

/* Undo custom dropdowns */
.navbar .navbar-nav .open .dropdown-menu {
position: absolute;
float: left;
background-color: #fff;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, .15);
border-width: 0 1px 1px;
border-radius: 0 0 4px 4px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
        box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
color: #333;
}
.navbar .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar .navbar-nav .open .dropdown-menu > li > a:focus,
.navbar .navbar-nav .open .dropdown-menu > .active > a,
.navbar .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #fff !important;
background-color: #428bca !important;
}
.navbar .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.navbar .navbar-nav .open .dropdown-menu > .disabled > a:focus {
color: #999 !important;
background-color: transparent !important;
}

.modal-body p {
  font-size: 14px;
}

.team-name {
  cursor: pointer;
}

#comment_section {
  border-top: 11px solid #FC0000;
  background-color: #333;
  color: #cfcfcf;
}

textarea{
  background-color: whitesmoke;
}

#id_author {
  background-color: whitesmoke;
  color: rgb(51, 51, 51);
}

#submit-button {
  border: solid 1px white;
  border-radius: 5px;
  color: rgb(51, 51, 51);
  background-color: whitesmoke;
  padding: 3px 8px 3px 8px;
  transition: 0.2s;
}

#submit-button:hover {
  color: whitesmoke;
  background-color: rgb(51, 51, 51);
} 

#delete-button {
  border: solid 1px white;
  border-radius: 5px;
  color: rgb(51, 51, 51);
  background-color: whitesmoke;
  padding: 3px 8px 3px 8px;
  transition: 0.2s;
}

#delete-button:hover {
  color: whitesmoke;
  background-color: rgb(51, 51, 51);
}

.body a {
  color:#FC0000;
}

.time {
  margin-bottom:10px;
  background-color: #cfcfcf;;
  padding: 5px 10px 5px 10px;
  color: rgb(51, 51, 51);
  border-radius: 2px;
}

.dataTables_filter {
  float: right;
}

select#id_metabo-group {
  width:200px;
}

select#id_metabo-column {
  width:200px;
}

select#id_metabo-instrument {
  width:200px;
}

select#id_metabo-client {
  width:200px;
}

select#id_type {
  width:200px;
}

select#id_mix {
  width:200px;
}

select#id_mix-type {
  width:200px;
}

select#id_metabo-pi {
  width:200px;
}

select#id_list {
  width:200px;
}

select#id_assigned_to {
  width:200px;
}

select#id_list-group {
  width:200px;
}

select#id_list-column {
  width:200px;
}

select#id_list-instrument {
  width:200px;
}

select#id_list-client {
  width:200px;
}

select#id_list-pi {
  width:200px;
}

select.select_polarity {
  width:200px;
}

select#metabo_project_type {
  width:200px;
}

select#laboratory {
  width:200px;
}

select#id_list-sample_info{
  width:200px;
}

select#id_list-sample_prep{
  width:200px;
}

select#id_list-instrument{
  width:200px;
}

select#id_list-analysis{
  width:200px;
}

select#id_list-quantitation{
  width:200px;
}

select#id_proteo-client{
  width:200px;
}

select#id_proteo-pi{
  width:200px;
}

select#id_proteo-sample_info{
  width:200px;
}

select#id_proteo-sample_prep{
  width:200px;
}

select#id_proteo-instrument{
  width:200px;
}

select#id_proteo-analysis{
  width:200px;
}

select#id_proteo-quantitation{
  width:200px;
}

select#id_geno-client{
  width:200px;
}

select#id_geno-pi{
  width:200px;
}

select#id_geno-read_length{
  width:200px;
}

select#id_geno-library_prep{
  width:200px;
}

select#id_geno-instrument{
  width:200px;
}

select#geno_project_type{
  width:200px;
}

select#geno_bioinfo{
  width:200px;
}

select#id_list-read_length{
  width:200px;
}

select#id_list-library_prep{
  width:200px;
}

select#id_data-client{
  width:200px;
}

select#id_data-pi{
  width:200px;
}

select#id_data-area{
  width:200px;
}

#lab-selector-div span{
  float: right;
}

.badge {
  vertical-align: sub;
  background-color: #CD0000;
  padding: 3px 4px;
  font-size: 9px;
}


.ui-widget-header {
  border: none; 
  background: none; 
  color: #333333;
  font-weight: bold;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  border: none; 
  background: none; 
  border-radius: 5px;
  font-weight: normal;
  color: #454545;
}

.ui-widget-content .ui-state-hover {
  border: none;
  background-color: whitesmoke;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  background: #7CB5F0;
  border-radius: 5px;
  color: #FFFFFF;
}

.ui-datepicker td span, .ui-datepicker td a {
display: block;
padding: .4em;
text-align: center;
text-decoration: none;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
border: none;
background: rgb(66, 139,202);
font-weight: normal;
color: #ffffff;
}

a.switchborad {
  text-decoration: none;
  color: #03355F;
}

a.switchborad:hover {
  text-decoration: none;
  color: #03355F;
}

.retention_time_field {
  margin-bottom: 10px;
}

.polarity_field {
  margin-bottom: 10px;
}

.project-shortcut a {
  background-color: #3071a9;
}

.client-shortcut a {
  background-color: #5cb85c;
}

#account_icon:hover {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
}

.right-border {
  border-right: solid 2px rgb(223, 223,223);
}

.btn-round {
    background-color: #db4437;
    border-radius: 999em;
    width: 56px;
    height: 56px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    line-height: 1;
    font-size: 36px;
    position: relative;
    cursor: pointer;
    
}

.btn-round span {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    text-align: center;
    margin-top: -15px;
    color: #FFF;
    font-size: 26px;
    font-weight: 200;
}

.btn-round:hover {
    box-shadow: 0 5px 7px 0 rgba(0, 0, 0, 0.26);
    background-color: #db4437;
    
}
.btn:hover {
  border: none;
}
.details-icon{
  opacity: 0.2;
  cursor: pointer;
}

.btn-round-edit {
    background-color: #db4437;
    border-radius: 999em;
    width: 56px;
    height: 56px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    line-height: 1;
    font-size: 36px;
    position: relative;
    cursor: pointer;
}

.btn-round-edit span {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    text-align: center;
    margin-top: -10px;
    color: #FFF;
    font-size: 19px;
    font-weight: 100;
}

.btn-round-edit:hover {
  background-color: #db4437;
    box-shadow: 0 5px 7px 0 rgba(0, 0, 0, 0.26);
    
}

#na_mod_wind {
    font-size: 45px;
    font-weight: bold;
    text-align: center;
    color: #C1C1C1;
    box-shadow: black;
    text-shadow: 0px 1px 1px rgba(0,0,12,.5);
}

a.download_form_small:after {
  content: "\e197";
  font-family: 'Glyphicons Halflings';
  cursor: pointer;
  font-size: 15px;
}

.file-input {
  max-width: 450px;
}

#ui-datepicker-div {
  z-index: 10 !important; 
}