html{
  color-scheme:light;
  -webkit-text-size-adjust:100%;
}

/* LOGINPAGE ################################################################ */
/* Password */
/* ──────────────────────── ANNOTATOR LAYOUT ─────────────────────── */

/* ==========  LAYOUT  ========== */
#annotator{display:flex;align-items:flex-start}

.sidebar {
    width: 260px;
    margin: 0 1.4rem 0 1rem;
    flex-shrink: 0;
    /* Add padding to push content below the header */
    padding-top: 70px;
    box-sizing: border-box;
}

/* Sidebar vertical spacing for annotator */
.sidebar-section, .mb-section { margin-bottom: 1.2rem !important; }
.mt-navbar { margin-top: 2.0rem !important; }  /* or adjust to taste */

/* To prevent double margins, you can add: */
.sidebar .mb-section:last-child { margin-bottom: 0 !important; }

#example-wrapper{
    width:260px;height:220px;background:#000;
    overflow:hidden;border:1px solid #444
}
#example-wrapper img{width:100%;height:100%;object-fit:contain;display:block}

#example-desc{
    height:30px;padding:4px 6px;margin:8px 0;
    background:#daf7b4;color:#294900;font-size:.85rem;
    overflow:hidden;border:1px solid #aacb86
}

.chk-hotkeys{color:#fff;margin-bottom:6px}

/* feature list ---------------------------------------------------- */
#feature-buttons{display:flex;flex-direction:column}

.feat-btn{
    display:flex;align-items:center;
    border-left:6px solid transparent;border-radius:0;
    text-align:left;white-space:nowrap
}
.feat-btn:first-child{border-top:1px solid #888;border-top-left-radius:4px;border-top-right-radius:4px}
.feat-btn:last-child {border-bottom:1px solid #888;border-bottom-left-radius:4px;border-bottom-right-radius:4px}

.feat-btn.available{background:#b1db7c}
.feat-btn.full     {background:#da7a7a}

.btn-dot  {width:10px;height:10px;border-radius:50%;margin:0 6px 2px 4px}
.btn-label{margin-left:.35rem}

#btn-non-cattle{background:#F7D255;color:#000}
#btn-save-next {margin-top:.8rem;width:100%}

/* viewer ----------------------------------------------------------- */
.viewer{
    flex:1;height:calc(100vh - 70px);
    background:rgba(0,0,0,.25);backdrop-filter:blur(8px);
    overflow:hidden
}
.viewer canvas{background:transparent}

/* overlay markers -------------------------------------------------- */
.osd-marker{position:absolute;pointer-events:none;transform:translate(-4px,-4px)}
.osd-marker .dot{width:8px;height:8px;border-radius:50%;display:block}
.osd-marker .lbl {
    position: absolute;
    left: 10px; top: -9px;
    font: bold 16px/1 Arial, sans-serif;
    color: #fff;
    /* Thicker white text, thinner black outline: */
    -webkit-text-stroke: 0.5px #fff;
    text-shadow:
        -2px -2px 0 #000,
         2px -2px 0 #000,
        -2px  2px 0 #000,
         2px  2px 0 #000;
    padding: 1px 6px;
    background: transparent;
}


#password-showhide{
    color: #294900;
}
#password-showhide:hover{
    cursor: pointer;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 20px 0px #294900;
    -moz-box-shadow:    0px 0px 20px 0px #294900;
    box-shadow:         0px 0px 20px 0px #294900;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
/* Interface */
.login_centered{
  margin-top: 15px;
}
.login-error > p{
  color:red;
  font-size: 10px;
}
.captcha-div{
  margin: 20px 0px 20px 0px;
}
/* ########################################################################## */

/* ABOUTPAGE ################################################################ */
.aboutPanel{
  padding-top: 20px;
  background-color: #daf7b4;
}
.aboutImgContainer{
  overflow: hidden;
  width: 100%;
  height: 400px;
  margin:0;
}
.aboutImg{
  display:block;
  width:100%;
}
.about-bio{
  font-family: arial;
  font-size: 16px;
  line-height: 32px;
}
hr{
  border: 0.5px solid green;
}

/* ########################################################################## */

/* REVIEWPAGE ############################################################### */
/* Photos */
.Blurry,.Blurry:hover,.Blurry:focus{
  border:1px solid red;
  background: red;
}
.Cutoff,.Cutoff:hover,.Cutoff:focus{
  border: 1px solid #42006b;
  background: #42006b;
}
.Glare,.Glare:hover,.Glare:focus{
  border: 1px solid orange;
  background: orange;
}
.Obstructed,.Obstructed:hover,.Obstructed:focus{
  border: 1px solid blue;
  background: blue;
}
.projectPhotoNumber{
  position: absolute;
  top: 0px;
  left: 10px;
  width: 100%;
  z-index: +1;
  color: white;
  width: 100px;
}
.projectPhoto{
  margin:1px 1px 1px 1px;
  position: relative;
  width: 100%;
  height:100%;
  padding: 0px 1px 0px 0px;
}
.projectPhoto:hover,.projectPhoto:focus{
  box-shadow: 1px 1px;
}
.container > img{
  margin-bottom:-50px;
}
/* Menu */
.dropdown-submenu {
  position: relative;
}
.fullres-menu{
  position:absolute!important;
  /* z-index:-1!important; */
}
.photo_option{
  cursor: pointer;
  padding: 3px 20px;
  color: #333;
}
/* Panels */
.left-panel, .right-panel{
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
}
/* Photo-zooming */
#slideContainer{
  width:100%;
  height:100%;
  overflow:hidden;
}
#slide{
  width:100%;
  height:100%;
}
/* Opening full resolution photo */
.fullres {
  width:auto;
  height:auto;
  max-width:100%;
}
.main-fullres-container {
  width:100%;
  height:100%;
  display: flex;
}
.middle-fullres-container {
  width: 100%;
  height:100%;
}
.side-arrows{
  height:100%;
  width: auto;
  background-color: white;
  border: 1px solid white;
}
.side-arrows:hover{
  background-color: #daf7b4;
}
.side-arrows:active{
  background-color: #294900;
}
.side-arrows:focus{
  border: 1px solid #294900;
}
.side-arrows:disabled{
  height: 0px;
  width:0px;
  background-color: white;
  border: 1px solid white;
}
/* Project stats */
.project-rating{
  margin-left:1%;
  margin-top:50px;
}
/* Submission */
.reviewsubmit{
  margin-top: 30px;
}
/* ########################################################################## */

/* NAVIGATIONBAR/BASEPAGE ################################################### */
/* Collapseable */
.navbar-toggle:hover .span,
.navbar-toggle:focus .span{
  color: #366100;
  background-color: #e8ffc9;
}
/* Body */
body{
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, Helvetica, sans-serif;
  color: #183d1d;
  /* Background image: fill horizontal dimension, anchor bottom, allow top to crop */
  background-image: url("/static/images/PVXbg.jpg");
  /* Ensure the image always spans full viewport width; height scales proportionally */
  /* Using cover + bottom position crops from the top if aspect ratios differ */
  background-size: cover; /* alternatively 100% auto; but cover handles very wide screens */
  background-position: bottom center; /* keep bottom of image visible */
  background-repeat: no-repeat;
  background-attachment: fixed; /* optional parallax-style; remove if undesired */
  overflow-x: hidden;
  min-height:100vh;
}
/* Credits */
.credit{
  font-size: 12px;
  color: #daf7b4;
}
.app-version{
  color: #daf7b4;
  font-size: 10px;
  text-align: right;
}
.credit_container{
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 0px;
}
/* Navigation buttons */
.login{
    background-color: Transparent;
    background-repeat:no-repeat;
    border: none;
    cursor:pointer;
    overflow: hidden;
    color: #294900;
    width: auto;
    font-size: 18px;
}
.navbar-nav ul{
  margin-top: 0px;
  margin-bot: 0px;
}
.navbar{
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  z-index:2;
  min-height: 64px;
  margin-bottom: 0;
  border: 0;
  border-radius: 0;
  box-shadow: 0 2px 10px rgba(24,61,29,.12);
}
.navbar-default {
    background-color: #daf7b4;
}
.navbar-default .navbar-brand{
    color: #294900;
    font-weight: bold;
    height: 64px;
    margin: 0;
    display: flex;
    align-items: center;
}
.navbar-brand-group{
  display: inline-flex;
  align-items: center;
  min-height: 64px;
  gap: 4px;
}
.info-icon-navbar{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: 1px solid #9dcc79;
  border-radius: 50%;
  background: #e6ffcc;
  color: #256029;
  font-size: 16px;
  font-weight: 700;
  font-style: normal;
  text-decoration: none;
}
.info-icon-navbar:hover,
.info-icon-navbar:focus{
  color: #183d1d;
  background: #f2ffe4;
  text-decoration: none;
}
.mobile-login-actions,
.mobile-auth-navigation{
  display:none;
}
.navbar-right{
    color: #294900;
    margin-top: 10px
}
/*link*/
.navbar-default .navbar-nav > li > a {
    color: #294900;
    min-height: 64px;
    padding: 22px 15px;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #366100;
    background-color: #e8ffc9;
} /*when it is .active*/
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: #447a00;
    background-color: #e8ffc9;
} /*when it is .open*/
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    color: #466d14;
    background-color: #daf7b4;
}
/* ########################################################################## */

/* ERRORPAGES ############################################################### */
.error_div{
  width: 80%;
  margin-top: 120px;
  margin-left: 10%;
  margin-right: 10%;
}
/* ########################################################################## */

/* MANUALBOOK ################################################################*/
.pdf_div{
  margin-top: 10px;
}
.manual_book{
  top: 0px;
  opacity: 0.95;
  background-color: #daf7b4;
}
/* ########################################################################## */

/* PROJECTSPAGE ############################################################# */
#table-wrapper {
  position:relative;
}
#table-scroll {
  height:150px;
  overflow:auto;
  margin-top:20px;
}
#table-wrapper table {
  width:100%;

}
#table-wrapper table * {
  color:black;
}
#table-wrapper table thead th .text {
  position:absolute;
  top:-20px;
  z-index:2;
  width:35%;
}
.searched_str{
  background-color: #daf7b4;
}
/* ########################################################################## */

/* SITESPAGE ################################################################ */
#add_animal_btn  {
    position: relative;
}
#add_animal_btn:hover:after {
    position: absolute;
    top: 0;
    left: 75%;
    width: 100%;
    content: attr(title);
    background-color: #ffa;
    color: #000;
    line-height: 1.4em;
    border: 1px solid #000;
}
/* ########################################################################## */

/* PAGESUNDERCONSTRUCTION ################################################### */
.construction{
  color:yellow;
}
/* ########################################################################## */

/* MEASUREMENTSPAGE ######################################################### */
.measurement_buttons{
  margin-top: -10px;
  margin-bottom: -10px;
}
/* ########################################################################## */

/* MAPPAGES ################################################################# */
.map_container{
  margin-left: 25%;
  margin-right: 25%;
}
/* ########################################################################## */

/* INDEX/HOMEPAGE ########################################################### */
.intro_page{
  background-color: white;
  border-radius: 28px;
  overflow: hidden;
}
.news_page{
  background-color:white;
  border-radius: 28px;
  overflow: hidden;
}
.home-panels{
  width:90%;
  max-width:1440px;
  margin:108px auto 80px;
  display:flex;
  align-items:flex-start;
  gap:26px;
}
.home-panel{
  min-width:0;
  margin:0;
  padding:32px 30px;
  background-color:rgba(236,255,211,.88);
  color:#183d1d;
  box-shadow:0 12px 34px rgba(20,51,24,.16);
}
.intro_page{flex:1.35 1 0;}
.updates_page{flex:.8 1 0;border-radius:28px;overflow:hidden;}
.news_page{flex:1 1 0;}
.news-content{
  padding:0;
}
.home-logo-wrap{
  display:flex;
  justify-content:center;
  margin-bottom:24px;
}
.home-logo{
  display:block;
  width:100%;
  max-width:520px;
  height:auto;
}
.home-copy{
  margin:0;
  text-align:left;
}
.home-subheading,
.home-section-title{
  margin:0;
  color:#183d1d;
  font-family:inherit;
  font-weight:700;
  letter-spacing:-.02em;
  text-align:center;
}
.home-subheading{
  font-size:20px;
  margin-bottom:14px;
}
.home-section-title{
  font-size:28px;
}
.body-metrics{
  margin:0;
  padding:0;
  text-align:center;
}
.notification-item + .notification-item{
  margin-top:24px;
  padding-top:24px;
  border-top:1px solid rgba(41,73,0,.28);
}
.notification-headline{
  margin:0 0 12px;
  color:#183d1d;
  font-family:inherit;
  font-size:18px;
  font-weight:700;
  line-height:1.2;
  text-align:left;
}
.notification-body{
  margin:0;
  font-family:inherit;
  font-size:16px;
  line-height:1.55;
  text-align:left;
}
.notification-meta{
  margin:14px 0 0;
  color:#416344;
  font-family:inherit;
  font-size:13px;
  line-height:1.4;
  text-align:left;
}
.newsImgContainer{
  margin:0 0 16px;
}
.newsImg{
  display:block;
  width:100%;
  height:auto;
  border-radius:12px;
}
.release-version{
  color:#2d6526;
  font-size:20px;
  font-weight:700;
  text-align:center;
}
.release-changes{
  margin:0;
  padding-left:24px;
  font-family:inherit;
  font-size:16px;
  line-height:1.55;
}
.release-changes li{margin-bottom:14px;}
@media (max-width:1100px){
  .home-panels{width:92%;flex-wrap:wrap;}
  .home-panel{flex:1 1 44%;}
}
@media (max-width:767px){
  .navbar-header{
    display:flex;
    align-items:center;
    width:100%;
    min-width:0;
  }
  .navbar-brand-group{
    flex:0 0 auto;
    order:1;
  }
  .navbar-toggle{
    display:none;
  }
  .navbar-collapse{
    display:none!important;
  }
  .guest-nav-collapse{
    display:none!important;
  }
  .mobile-login-actions{
    float:none;
    display:flex;
    align-items:center;
    min-height:64px;
    margin-left:auto;
    gap:6px;
    order:2;
  }
  .mobile-auth-navigation{
    display:flex;
    align-items:center;
    min-width:0;
    min-height:64px;
    margin-left:auto;
    overflow-x:auto;
    overscroll-behavior-x:contain;
    scrollbar-width:none;
    white-space:nowrap;
    order:2;
  }
  .mobile-auth-navigation::-webkit-scrollbar{display:none;}
  .mobile-nav-link{
    display:inline-flex;
    flex:0 0 auto;
    align-items:center;
    min-height:40px;
    padding:8px 8px;
    border-radius:7px;
    color:#294900;
    font-size:13px;
    font-weight:600;
    line-height:1;
    text-decoration:none;
  }
  .mobile-nav-link:hover,
  .mobile-nav-link:focus{
    background:rgba(255,255,255,.42);
    color:#183d1d;
    text-decoration:none;
  }
  .mobile-access-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:40px;
    padding:8px 12px;
    border:1px solid #548634;
    border-radius:8px;
    font-size:14px;
    font-weight:600;
    line-height:1;
    text-decoration:none;
  }
  .mobile-cloud-button,
  .mobile-cloud-button:hover,
  .mobile-cloud-button:focus{
    background:#246b24;
    color:#fff;
    text-decoration:none;
  }
  .mobile-control-button:disabled{
    background:rgba(255,255,255,.42);
    color:#64805c;
    cursor:not-allowed;
    opacity:1;
  }
  .navbar-nav{
    margin-top:0;
    margin-bottom:0;
  }
  .navbar-default .navbar-nav > li > a{
    min-height:48px;
    padding:14px 20px;
  }
  body{
    background-attachment:scroll;
    background-position:center top;
  }
  .home-panels{
    width:auto;
    margin:80px 12px 40px;
    display:flex;
    flex-direction:column;
    gap:16px;
  }
  .home-panel{
    width:100%;
    margin:0;
    padding:24px 20px;
    border-radius:18px;
  }
  .home-logo-wrap{margin-bottom:16px;}
  .home-section-title{font-size:25px;}
  .notification-headline{font-size:18px;}
  .notification-body{font-size:16px;line-height:1.5;}
  .lead,
  .jumbotron > p{font-size:16px;line-height:1.55;}
  .credit_container{margin:0 14px 8px;}
  .credit,
  .app-version{float:left;width:50%;}
}
.lead, .jumbotron > p{
  font-size: 16px;
  font-family: inherit;
}
.lead > li{
  text-align: justify;
  text-align-last: center;
  list-style: inside;
  list-style-type: none;
  margin-left: 0px;
  margin-right:30px;
  padding-left: 0px;
}
.body-metrics > li{
  margin:0;
  text-align:center;
}
/* ########################################################################## */

/* CLOUD LOGIN ############################################################## */
.login-page{
  min-height:calc(100vh - 42px);
  padding:96px 16px 28px;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  box-sizing:border-box;
}
.login-card{
  width:100%;
  max-width:560px;
  margin:0;
  padding:32px;
  border-radius:24px;
  background:rgba(236,255,211,.92);
  box-shadow:0 12px 34px rgba(20,51,24,.2);
}
.login-title{
  margin:0;
  color:#183d1d;
  font-size:28px;
  font-weight:700;
  line-height:1.2;
  text-align:center;
}
.login-field{
  margin-bottom:20px;
}
.login-field label{
  display:block;
  margin-bottom:7px;
  font-size:15px;
  font-weight:600;
}
.login-field .form-control{
  width:100%;
  height:48px;
  padding:10px 12px;
  border:1px solid #779769;
  border-radius:8px;
  color:#183d1d;
  font-size:16px;
}
.password-field{
  position:relative;
}
.password-field .form-control{
  padding-right:52px;
}
.password-toggle{
  position:absolute;
  top:4px;
  right:4px;
  width:40px;
  height:40px;
  padding:0;
  border:0;
  border-radius:6px;
  background:transparent;
  color:#294900;
  font-size:18px;
}
.captcha-container{
  width:100%;
  margin:24px 0;
  display:flex;
  justify-content:center;
  overflow:hidden;
}
.login-error{
  text-align:center;
}
.login-submit{
  width:100%;
  min-height:48px;
  margin-top:4px;
  font-size:17px;
  font-weight:600;
}
@media (max-width:767px){
  .login-page{
    min-height:calc(100vh - 40px);
    padding:80px 12px 20px;
  }
  .login-card{
    max-width:none;
    padding:24px 20px;
    border-radius:18px;
  }
  .login-title{
    font-size:24px;
  }
}
/* ########################################################################## */

/* TIPS ##################################################################### */
#project_tip{
  position: absolute;
  display:none;
  text-align: center;
  opacity:0.9;
  background-color: #daf7b4;
}
/* ########################################################################## */

/* REGISTRATIONPAGE ######################################################### */
.registration_field > p{
  font-size:14px;
  font-weight: bold;
}
.registration_field > p > span:hover{
  cursor: pointer;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 20px 0px #294900;
  -moz-box-shadow:    0px 0px 20px 0px #294900;
  box-shadow:         0px 0px 20px 0px #294900;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
/* ########################################################################## */

/* IMAGES ################################################################### */
img{
  margin: 0px 0px 0px 0px;
}
/* ########################################################################## */

/* GENERAL ################################################################## */
.content{
  z-index:1;
}
.jumbotron{
  top: 100px;
  opacity: 0.95;
  background-color: #daf7b4;
}
.form{
  margin: 10px 0px 10px 0px;
  border: 0px 0px 0px 0px;
}
.welcome{
  size: auto;
  margin-left: 25%;
}
.container{
  margin-bottom: 80px;
}
.titlePanel{
  margin-left: 5%;
  margin-right: 5%;
  margin-top: 100px;
}
.rowPanel{
  margin-left: 5%;
  margin-right: 5%;
  margin-top: 20px;
}
.innerPanel1{
  margin-left: -12px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}
.innerPanel2{
  margin-left: 0px;
  margin-right: -12px;
  margin-top: 0px;
  margin-bottom: 0px;
}
.innerPanel3{
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}
/* #warning-heading{
  background-color: #ffd4d4;
}
#warning-panel{
  border-color:red;
} */
.reviewbuttons{
  margin-left: 1%;
  margin-bottom: 20px;
}
.radio{
  margin-left: 30px;
  margin-top: 0px;
}
.select_body .select_rows{
  opacity:0.7;
}
.menu_headers{
  color:#294900;
}

.subtle_info > p{
  font-size:10px;
  font-weight:normal;
  line-height: 0px;
}
.subtle_input{
  font-weight:normal;
}
select{
  cursor: pointer;
}
button:focus,
input:focus,
select:focus{
  border-color: #294900;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #294900;
  outline: 0 none;
}

select:focus >
option:checked{
  background: #c3e398;
}

select:focus >
option:hover{
  background: #294900;
}

.styled_input > input{
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border: 1px solid #6bcf71;
	outline: none;
	color: #6bcf71;
	padding: 5px 8px 5px 8px;
	box-shadow: inset 1px 1px 4px #acffa3;
	-moz-box-shadow: inset 1px 1px 4px #acffa3;
	-webkit-box-shadow: inset 1px 1px 4px #acffa3;
	background: #f0fff1;
	width:50%;
}
.styled_input > input:disabled{
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border: 1px solid #FFC2DC;
	outline: none;
	color: #F072A9;
	padding: 5px 8px 5px 8px;
	box-shadow: inset 1px 1px 4px #FFD5E7;
	-moz-box-shadow: inset 1px 1px 4px #FFD5E7;
	-webkit-box-shadow: inset 1px 1px 4px #FFD5E7;
	background: #FFEFF6;
	width:50%;
}
.styled_input > input[type="number"]::-webkit-outer-spin-button,
.styled_input > input[type="number"]::-webkit-inner-spin-button {
    cursor: pointer;
}
.btn-primary{
  background-color: #255c47;
  border-color: #255c47;
}
.btn-primary:hover{
  background-color: #06493d;
  border-color: #255c47;
}
.btn-primary:focus,
.btn-primary:active{
  background-color: #00312e;
  border-color: #255c47;
}
.btn-danger{
  background-color:#5e1616;
  border-color:#5e1616;
}
.btn-danger:hover{
  background-color: #400000;
  border-color: #5e1616;
}
.btn-danger:focus,
.btn-danger:active{
  background-color: #3c0303;
  border-color: #5e1616;
}
.btn-success{
  background-color: #246b24;
  border-color: #246b24;
}
.btn-success:hover{
  background-color: #126723;
  border-color: #246b24;
}
.btn-success:focus,
.btn-success:active{
  background-color: #065517;
  border-color: #246b24;
}
.btn-warning{
  background-color: #bf9d34;
  border-color: #bf9d34;
}
.btn-warning:hover{
  background-color: #a97524;
  border-color: #bf9d34;
}
.btn-warning:focus,
.btn-warning:active{
  background-color: #a15421;
  border-color: #bf9d34;
}
.panel > .panel-heading{
  background-color: #daf7b4;
}
.panel{
  border: 2px solid #294900;
  opacity: 0.92;
  filter: saturate(125%);
}
input:disabled{
  background-color: #ebebeb;
}
/* ########################################################################## */

/* SPECIESPAGES ############################################################# */
.new_species{
  size: auto;
  margin-left: 25%;
}
/* ########################################################################## */

/* QUEUEPAGE ################################################################ */
.busy_check{
  outline:1px solid #ff0000;
}
/* ########################################################################## */

/* STAFFLOBBY ############################################################### */
.process_arrows{
  margin-top: 20px;
  color:#294900;
  margin-bottom: 20px;
}
.process_arrow_icons{
  height:20px;
}
/* ########################################################################## */