/* -------------------------------------------------- */
/* Bootstrap Sticky footer styles  */
/* -------------------------------------------------- */

/* CSS code from Bootply.com editor------------------ */

html,body
{
    height: 100%;  /* The html and body elements cannot have any padding or margin. */
}

body.wait *, body.wait
{
    cursor: wait !important;
}

/* Wrapper for page content to push down footer */
#wrap
{  
    min-height: 100%;  height: auto !important;  height: 100%;  
    /* Negative indent footer by its height */  
    margin: 0 auto -303px; /* margin: 0 auto -60px;*/
    /* Pad bottom by footer height */
    /*padding: 0 0 60px;*/
    padding: 0 0 303px;
    
    background-color:#E1E9F2; /* Light blue in the middle, largest section */
}

.top_navbar
{
	font-size:1.1em;
	background-color: #F8EC58;
	margin-top:6px;
	padding:4px;
	display:inline-block;
	border-radius:6px;
	width:76px;
	text-align:center;
}

.top_navbar:hover
{
	background-color: #FCF585;
}

.top_navbar_link
{
	color:#394640;
}

/* Set the fixed height of the footer here */
#footer
{
    height: 303px;
    background-color: #37453f;
    background-image: url('/images/Footer_Background.png');
    background-repeat: repeat-x;
}

/* Custom page CSS-------------------------------------------------- */
/* Not required for template or sticky footer method. */
#wrap > .container 
{
    padding: 110px 15px 0; 
}

.container .credit 
{
    margin: 20px 0;
}

#footer > .container 
{
    padding-left: 15px;  padding-right: 15px;
}

code
{
    font-size: 80%;
}

.btn-primary
{
    background-color: #4674ab;
    border-color: #4674ab; /* 357ebd */
    color: #fff;
}
input[type=button]:disabled 
{
    background-color:#E0E1E2;
    cursor:auto;
    color:gray;
}
input[type=submit]:disabled 
{
    background-color:#E0E1E2;
    cursor:auto;
    color:gray;
}
body {
	background-color: #b0c4de;
}
/* In pages with table of contents, this is the div for the rest of the page*/
#mainbody
{
	float:right; 
	width:945px;
	margin-bottom: 10px;
}
p.breadcrumbs {
	font-size:.9em;
	text-align: right;
}
.emphasis {
	font-size:1em;
	font-weight: bold;
	color: red;
}

/* Heading definitions*/

h1 {
	color:#37453f; 
	font-size:1.25em; /* 1.25em*/
	line-height:20px; /* 16px */
	font-weight:bold;
	
	border-bottom-color:#4674ab;
	border-bottom-width:2px;
	border-bottom-style:solid;
	
	background-color:#E1E9F2;
	/*border-radius:6px 6px 0px 0px;*/
	padding: 2px 0px;
}

h2
{
	color:#37453f;
	font-size: 16px !important;
	font-weight:bold;

	border-bottom-color: #9FB7D4 ; /* #3B526A */
	border-bottom-width:1.5px;
	border-bottom-style:solid;

}
h3
{
	color: #55615C;
	font-size:1em;
	font-weight:bold;
}

h4
{
	color: #55615C;
	font-size:1em;
	padding-top: 1em;
}
.icon
{
	display: inline-block; 
	height: 22px;
	width: 25px;  
	padding-right: 4px;
	padding-left:2px;
	fill: #394640; /* #F8EC58 ffffff was #4674ab */
	margin-top:2px;
	margin-bottom:0px;
}
.icon-headernav
{
	display: inline-block; 
	height: 18px; 
	width: 25px;  
	padding-right: 5px;
	fill: #37453f;
}
.icon-footernav
{
	display: inline-block; 
	height: 15px;
	width: 20px;  
	padding-right: 5px;
	fill: #4674ab;
}

.icon-dashboardHeading
{
	display: inline-block; 
	height: 22px;
	width: 25px;  
	padding-right: 4px;
	padding-left:2px;
	fill: #ffffff; /* #F8EC58 ffffff was #4674ab */
	margin-top:2px;
	margin-bottom:0px;
}

/* Lists */
ul.nav-footer {
	list-style-type: none;
}

ul.msg {
	text-align:center; 
	list-style-type:none; 
	font-weight: bold;
	padding-left:0;
}

ol {
	
}
/* Tables */

table.data
{
	width: 100%;
}

th
{
	padding:2px;
}

thead.data
{
	background-color:#4674ab;	
	color: #FFFFFF;
}

tr.data
{
	background-color:#E1E9F2;
}

tr.data:nth-child(odd)
{ 
	background: #FFFFFF;
	border-bottom:solid 1px #ddd;
}

tr.data:nth-child(even)
{
	background: #F9F9F9; /* was #E1E9F2; */
	border-bottom:solid 1px #ddd;
}

td.form {
	padding: 2px;
}

.dt-type-numeric {
	text-align: left !important;
}

.dt-type-date {
	text-align: left !important;
}

.datatable td, th {
	padding: 7px 4px !important;
}


/* Stack "View Details" button on top of "Delete" button (if present) */
td input:first-child {
	display: block;
	margin-bottom: 3px;
}


.anchor {
	display: block;
	position: relative;
	top: -30vh;
	visibility: hidden;
}



.dashboard
{
	background-color: #E1E9F2;
	margin-bottom: 6px;
	padding: 6px;
}

.dashboardHeading
{
	color:#ffffff; /* was #37453f */
	font-size:1.15em; /* 1.25em*/
	line-height:14px; /* 16px */
	font-weight:bold;
	
	border-bottom-color:#394640; /* F8EC58 4674ab */
	border-bottom-width:2px;
	border-bottom-style:solid;
	
	background-color:#4674ab; /* was #E1E9F2 */
	border-radius:6px 6px 0px 0px;
	padding: 0px 0px 4px;;
	margin-bottom:0px;
}

.paragraphSection
{
	margin:0px;
	padding:4px;
	border: solid 1px #E1E9F2;
}

.sectionContainerParent
{
	display:block;
	width:100%;
	border-radius: 6px;
	padding:4px;
	margin-top: 24px; /* 6px */
	background-color: #ECE1A5; /* #F9F9F9; #E1E9F2;*/
}

.sectionContainer
{
	display:block;
	width:100%;
	border-radius: 6px;
	padding:4px;
	border: solid 1px #E1E9F2;
	margin-top:6px;
	background-color: #ffffff;
}

.sectionHeader1
{
	color:#fff; /* #37453f */
	font-size:1.0em; /* 1.25em*/
	line-height:20px; /* 16px */
	font-weight:bold;
	
	border-bottom-color:#394640;
	border-bottom-width:0px;
	border-bottom-style:solid;
	border-radius:6px 6px 0px 0px;
	
	
	background-color: #394640; /* #89844A; #536353; #E1E9F2 */
	padding: 2px;
	
	margin-bottom:6px;
}

.sectionHeader2
{
	color:#37453f; 
	font-size:1.00em; /* 1.25em*/
	line-height:16px; /* 16px */
	font-weight:bold;
	
	border-bottom-color:#E1E9F2;
	border-bottom-width:1px;
	border-bottom-style:solid;
	
	background-color:#ffffff;
	padding: 2px 0px;
	margin-bottom:6px;
}


 td {font-size:14px}
 th {font-size:14px}

/*Styling for Batch Upload Analysis Page*/

/* The Modal (background) */
.bu-modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	padding-top: 300px; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(1, 1, 1); /* Fallback color */
	background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
}

/* Modal Content */
.bu-modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 300px;
    height: 155px;
}

  
.loader {
    border: 7px solid #f3f3f3; /* Light grey */
    border-top: 7px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 35px;
    height: 35px;
    animation: spin 1s linear infinite;
}

.glyphicon-refresh-animate {
	animation: spin 1s linear infinite;
}

.processing-btn {
	width:100px;
	height:25px;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* The Overlay (background) */
.overlay {
	height: 100%;
	width: 100%;
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	left: 0;
	top: 70;
	right:20;
	background-color: rgb(0, 0, 0); /* Black fallback color */
	background-color: rgba(0, 0, 0, 0.9); /* Black w/opacity */
	overflow: auto;
	transition: 0.5s;
}
/*modal */
.modal-backdrop {
  z-index: -1;
}
/*Circle with lines*/
.p-circle li {
	width: 2em !important;
	height: 2em! important;
	text-align: center !important;
	line-height: 2em !important;
	border-radius: 1em !important;
	background: dodgerblue !important;
	margin: 0 1em !important;
	display: inline-block !important;
	color: white !important;
	position: relative !important;
}

.p-circle li::before {
	content: '' !important;
	position: absolute !important;
	top: .9em !important;
	left: -4em !important;
	width: 4em !important;
	height: .2em !important;
	background: dodgerblue !important;
	z-index: -1 !important;
}

.p-circle li:first-child::before {
	display: none !important;
}

.p-circle .p-active {
	background: dodgerblue !important;
}

.p-circle .p-active ~ li {
	background: lightblue !important;
}

.p-circle .p-active ~ li::before {
	background: lightblue !important;
}

.p-highlight {
    font-weight: bold;
    font-style:italic;
}


/* Current Worksheet */
.curr-worksheet{
    font-weight: bold;
    font-style: italic;
    background-color: #F8EC58;
}

/*styling for pop ups*/
.pop-up-span-s{
	display:inline-block;
	width:50px;
	overflow:hidden;
}

.pop-up-span-yr{
	display:inline-block;
	width:70px;
	overflow:hidden;
}

.pop-up-span-date{
	display:inline-block;
	width:200px;
	overflow:hidden;
}

.pop-up-span-m{
	display:inline-block;
	width:150px;
	overflow:hidden;
}

.pop-up-span-l{
	display:inline-block;
	width:400px;
	overflow:hidden;
}
.pop-up-div-s{
      display:block;
      float:left; 
      background-color:#D3D3D3;
      width:20px;
      height:20px;
      padding: 2px 5px 2px 2px;
      white-space: nowrap; 
     }
  
.pop-up-div-yr{
      display:block;
      float:left; 
      background-color:#D3D3D3;
      width:40px;
      height:20px;
      padding: 2px 5px 2px 2px;
      white-space: nowrap; 
     }
 
 .pop-up-div-date{
      display:block;
      float:left; 
      background-color:#D3D3D3;
      width:170px;
      height:20px;
      padding: 2px 5px 2px 2px;
      white-space: nowrap; 
     }
        
  .pop-up-div-m{
      display:block;
      float:left; 
      background-color:#D3D3D3;
      width:120px;
      height:20px;
      padding: 2px 5px 2px 2px;
      white-space: nowrap; 
     }
     

     
    .pop-up-div-l{
      display:block;
      float:left; 
      background-color:#D3D3D3;
      width:370px;
      height:20px;
      padding: 2px 5px 2px 2px;
      white-space: nowrap; 
     }    
     
.pop-up-btn{
       display:block;
       float:left;
       margin:0px;
       height:20px;
       border-radius:0px;
    }
    

/*Editable Cell styling*/
.editable-cell{
	display: inline-block; 
	width:100%;
}

.editable-cell-error{
	display: inline-block; 
	width:100%;
	background-color: #ffad99;
}

.err-cell-color{
		background-color: #ffad99;
}
/**/

.upload-flag-div{
	background-color:#ccd8ff;
	border-radius:2px;
}
/*Styling for error dropdowns*/

.err-dropdown {
  position: relative;
  display: inline-block;
}

.err-dropdown-content {
  position: absolute;
  background-color: #f1f1f1;
  font-size: 9pt;
  padding: 9px;
  min-width: 175px;
  max-width: auto;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  top:100%;
  z-index: 9999; /* Sit on top */
  float: none;
}

.dropdown-hide {
display:none;
}

/* Change color of dropdown links on hover */

.err-dropdown-content option:hover {
  background-color: #D8D8D8;
}

.err-dropdown:hover .err-dropdown-content {
  display: block;
}

.dropdown-options {
  background: #f1f1f1;
  width: 100%;
  height:100%;
}

.upload-details {
	background-color: #ECE1A5;
}
/* Datatables 
	   #uploadErrorsListRareFish td:nth-child(1) { 
		     nth-child(1) is the first column, change to fit your needs 
	vertical-align: center;
		}
	
table.dataTable tbody td {
  vertical-align: center;
}
	*/
	
.individual-flags {
  background-color:#a3accc;	
  border-radius:5px;
  padding:10px;

}

/*Styling for database rules div - in manage upload page*/

.db-rules-div{
  display: inline-block;
  width:100%;
  overflow:hidden;
  }

.saveStatus-msg{
  height:30px !important;
  width:100%;
}

.override-btn{
    background-color: #4674AB;
    color: white;
    font-weight: bold;	
}


.bodyHeader{
	
	margin-top:15px;
	font-size: 16px !important;
    font-weight: bold;
    border-bottom-color: #9FB7D4;
    border-bottom-width: 1.5px;
    border-bottom-style: solid;
}

.testback{
	background-color:#4674ab;
}

.personalfield {
	border-radius: 8px;
	width: 100px;
	text-align: start;
}


.modal-body {
	height: 85%;
	overflow-y: scroll;
	-ms-overflow-style: none; /* Internet Explorer 10+ */
	scrollbar-width: none; /* Firefox */
	align-content: center;
	max-height:800px;
}

.modal-dialog{
	width:650px;
	align-content:center;
}

.container::-webkit-scrollbar {
	display: none; /* Safari and Chrome */
}


.modal-header{
	cursor:move;
}

.forcetablewidth{
}

.studyremoveitem {
	display: flex;
	flex-direction: row;
	justify-content: end;
	gap: 30px;
	margin-bottom: 2px;
	border: 1px dotted;
	height: 33px;
	padding: 2px;
	align-items: baseline;
}

.attributeButton {
	background-color: #d2d2d27a;
	width: 55px;
	text-align: center;
	padding: 3px 0px 3px 0px;
	border: 1px solid black;
}

.attributeButton a {
	text-decoration: none;
	color: black;
}

.attributeButton a:hover {
	font-weight:bold;
}