/*
Theme Name: Technique Starter Theme
Theme URI: https://www.techniquewebdesign.co.uk
Author: techniqueweb
Author URI: https://www.techniqueweb.co.uk
Description: A simple Gutenberg ready WordPress theme.
Version: 1.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: technique-theme
Tags: translation-ready
*/

.page-template-addTaxon input[type="text"]{	
padding:10px !important;
}


.invent-listing .button-section {
    display: flex;
	width:auto;
	align-items: center;
}

.inventory-top {
    display: flex;
	justify-content: space-between;
    align-items: center;
}
table#invent-table{
	margin: 10px auto 80px auto;
	overflow: visible;
}

.invent-listing button#myBtn {
    background: none;
    color: #0A6582;
}

.inventory-form {
    margin: 40px auto 80px auto !important;
	
}


table#invent-table img {
    width: 18px;
}
.taxon-name h3 {
    font-size: 38px;
    color: #0a6582;
    font-family: 'Adobe Clean', sans-serif;
    margin: 0px 0px 0px 0px;
	    padding: 0px 0px;
}

/* popup css */

.modal-popop {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  background-color: #0000007a;
 
}
.modal-popopinvent {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  background-color: #0000007a;
 
}

.modal-popop .close       {
	
	transition: all 200ms;
    font-size: 22px;
    font-weight: bold;
    text-decoration: none;
    color: #333;
					  }
					  
.modal-popop .close:hover {
	color: orange;
	}
	
.modal-popop .content    
 { max-height: 30%; 
 overflow: auto; 
 }
 
 /**/
 
.inventory-form .attribute-section {
    background: #fff;
    margin: 10px 30px;
}
.inventory-form .steps-form {
    display: inherit;
	padding-top:0px;
	padding-bottom:0px;
}
img.edit-inventbtn {
    cursor: pointer;
}
.invent-listing button#myBtn:hover {
    background: #0a6582;
    color: #fff;
}
h2.formtitle {
    text-align: center;
    color: #0073aa;
	font-family: 'Adobe Clean', sans-serif;
	font-weight:600;
	margin:0px;
}
.inventory-form .form-attribute {
    display: grid;
	position: relative;
}

/* accession page css */

/* .coordinate {
    width: 25%;
    float: left;
    padding: 0px 8px;
    
} */

div#accessionbtn {
    justify-content: end;
}

div#accessionbtn button#myBtn {
    background: #0a6582;
    color: #fff;
}
.newbtn-accession {
    padding: 0.7rem 1.5rem;
    border: 1px solid #0A6582 !important;
    background-color: #fff !important;
    color: #0A6582!important;
    cursor: pointer;
    border-radius: 5px;
    font-size: 1.125rem;
    font-family: 'Adobe Clean', sans-serif;
}

.newbtn-accession:hover {
    padding: 0.7rem 1.5rem;
    border: 1px solid #0A6582 !important;
    background-color: #0A6582 !important;
    color: #fff!important;
    cursor: pointer;
    border-radius: 5px;
    font-size: 1.125rem;
    font-family: 'Adobe Clean', sans-serif;
}

/* accession popup*/

.modal-popopaccess {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  background-color: #0000007a;
 
}
.modal-popopaccess1 {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  background-color: #0000007a;
 
}

.modal-popopaccess .close {
	
	transition: all 200ms;
    font-size: 22px;
    font-weight: bold;
    text-decoration: none;
    color: #333;
					  }
					  .modal-popopaccess1 .close {
	
	transition: all 200ms;
    font-size: 22px;
    font-weight: bold;
    text-decoration: none;
    color: #333;
					  }
					  
.modal-popopaccess .close:hover {
	color: orange;
	}
	
.modal-popopaccess .content    
 { max-height: 30%; 
 overflow: auto; 
 }
 
 .modal-popopaccess1 .close:hover {
	color: orange;
	}
	
.modal-popopaccess1 .content    
 { max-height: 30%; 
 overflow: auto; 
 }
 #myModalaccess .attribute-section {
    padding: 0px 30px;
}
#myModalaccess1 .attribute-section {
    padding: 0px 30px;
}
 #myModalaccess1 .attribute-section {
    padding: 0px 30px;
}

h2.access-title	{
	   text-align: center;
    color: #0073aa;
	font-family: 'Adobe Clean', sans-serif;
	font-weight:600;
	margin: 0px 0px 10px 0px;
}

#myModalaccess .upload-file {
 padding: 5px 25px;
    display: inherit;
    width: 100%;
	position:relative;
	z-index:999999;
	margin:0px 0px 10px 0px;
}
#myModalaccess1 .upload-file {
 padding: 5px 25px;
    display: inherit;
    width: 100%;
	position:relative;
	z-index:999999;
	margin:0px 0px 10px 0px;
}
section#taxon-accession {
    background: #ffffff;
	overflow:auto;
	height:600px;
   
}

#myModalaccess .upload__box {
    width: 100%;
}
#myModalaccess1 .upload__box {
    width: 100%;
}
table#accession-table {
    width: 80%;
    margin: 30px auto;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 8px 0px;
	overflow:visible;
}
.accession-listing {
    width: 80%;
    margin: 0 auto 10px auto;
}
table#accession-table th {
    font-size: 16px;
    padding: 10px;
    background: #293D57;
    color: #fff;
    font-family: 'Adobe Clean', sans-serif;
	
}
#accession-table td {
    font-size: 16px;
    color: #283D57;
    padding: 5px;
    font-family: 'Adobe Clean', sans-serif;
 
}
.accession-listing h2 {
    margin: 20px 0px 0px 0px;
    padding: 0px;
    
	  font-family: 'Adobe Clean', sans-serif;
}
.accession-listing .button-section {
    width: auto;
}

.accession-number {
    display: flex;
    justify-content: space-between;
    width: 80%;
    align-items: center;
    margin: 0 auto;
} 
.accession-number h4 {
    margin: 15px 0px 0px 0px;
    padding: 0;
    font-size: 26px;
    color: #0a6582;
    font-family: 'Adobe Clean', sans-serif;
}
.accession-total h4 {
    color: #B7B7B7;
}

.accession-totalone h4 {
    color: #313131;
	font-weight:600;
}

.accession-totaltwo h4 {
    color: #313131;
	font-weight:600;
}

.accession-listing h3{
	margin:10px 0px;
}
td.accession-popup {
    text-align: center;
}
td.accession-popup img {
    width: 18px;
	cursor: pointer;
}
section#taxon-accession .attribute-section {
    border: unset;
    border-radius: unset;
 
}
#taxon-accession label.upload__btn {
    margin: 10px 0px;
}
table.ui-datepicker-calendar th {
    color: #ffffff;
	background: #0a6582;
}
div#suggesstion-box ul#taxon_name_list li {
 
    cursor: pointer;
}

section#taxon-accession .form-attribute {
    padding: 0px 10px;
	position: relative;
	padding: 10px 10px;
    position: relative;
    width: 33.333%;
    float: left;
   
	
}

.page-template-image-gallery .innertitle h1 {
    font-family: 'Adobe Clean', sans-serif;
}

label.checkbox-inline {
    width: 100%;
    margin-top: 30px;
}

section#taxon-accession .form-attribute h3 {
    font-size: 1.125rem;
    font-weight: 600;
    color: #313131;
    margin: 0px;
    font-family: 'Adobe Clean', sans-serif;
    margin-top: 8px;
}

section#taxon-accession img.calender-img {
    width: 20px;
    position: absolute;
    right: 15px !important;
    top: 50px !important;
}

img.accession-popup {
    width: 20px;
 
}
.access-coordinate {
    display: flex;
    justify-content: space-between;
}
/* div#coordinate-attribute {
    display: inline-block !important;
    width: 50% !important;
} */
.accession-table-width {
    margin: 30px auto !important;
}
img.calender-img {
    width: 18px;
    right: 20px;
    position: absolute;
    top: 50px !important;
}
#myModalaccess .upload-file::before {
    border: 2px solid #B7B7B7;
    content: "";
    position: absolute;
    width: 99%;
    top: 22%;
    height: 73px;
    left: 10px;
    display: block;
    border-radius: 5px;
    z-index: -111;
}
.file {
    margin: 0px 20px;
}
#myModalaccess1 .upload-file::before {
    border: 2px solid #B7B7B7;
    content: "";
    position: absolute;
    width: 99%;
    top: 24px;
    height: 73px;
    left: 10px;
    display: block;
    border-radius: 5px;
    z-index: -111;
}

.accession-table-width .upload__btn-box {
    padding: 0px 10px;
}

div#image-section h3 {
    margin-top: 3px !important;
}

#taxon-accession div#image-section label.checkbox-inline {
    margin: 10px 0px !important;
}

div#coordinate-attribute {
    width: 66.333% !important;
}
.accession-table-width label.checkbox-inline input[type="checkbox"]:nth-child(1) {
    margin: 0px;
}

/*listing edit view */
button.accordion.active {
    margin: 0px 0px 0px 0px;
    font-family: 'Adobe Clean', sans-serif;
    background: none;
    color: #000 !important;
	font-size:26px;
	font-weight:600;
	padding:20px;
}
button.accordion {
    margin:0px;
    font-family: 'Adobe Clean', sans-serif;
    background: none;
    color: #000 !important;
	font-size:26px;
	font-weight:600;
}

.accordion_main {
    border: 2px solid #B7B7B7;
    display: inline-block;
    border-radius: 5px;
    margin: 0px;
    width: 100%;
	margin-top: 30px;
	
}
.page-id-1895 table#invent-table{

    margin: 0px auto 0px auto !important;
	padding: 10px 10px 20px 10px;
}

button.accordion img {
    width: 35px;
    padding: 0px 10px 0px 0px;
}
button.accordion.active img {
      transform: rotate(180deg);
    width: 35px;
    padding: 0px 0px 0px 10px;
}
.accession-listing label {
    font-size: 1.125rem;
    font-weight: 600;
    color: #313131;
    font-family: 'Adobe Clean', sans-serif;
}
button.accordion{
transition: unset;
}
.page-template-inventory td.photo-container span {
    visibility: hidden;
    position: absolute;
        left: -25px;
    top: 20px;
    background: #ffffff;
    font-size: 0.8em;
    padding: 0.3em;
    cursor: default;
    line-height: 1.4;
    z-index: 999999;
    color: #293d57;
    pointer-events: none;
    width: 80px;
}
.page-template-accession td.photo-container span {
    visibility: hidden;
    position: absolute;
     left: -25px;
    top: 20px;
    background: #ffffff;
    font-size: 0.8em;
    padding: 0.3em;
    cursor: default;
    line-height: 1.4;
    z-index: 999999;
    color: #293d57;
    pointer-events: none;
    width: 80px;
}
td.photo-container img {
    cursor: pointer;
}
.photo-container img {
    width:20px !Important;
}

.page-template-accession .photo-container a:hover span {
    visibility: visible;
}

.page-template-inventory .photo-container a:hover span {
    visibility: visible;
}


.page-template-editTaxon img.calender-img {
    top: 62px !important;
}

a.btn.active {
    background: unset;
    color: #0a6582 !important;
}




/* mobile devices */

@media only screen and (max-width: 768px) {
	.invent-listing h2 {
    text-align: center;
    line-height: 1.2em;
}

.taxon-name h3 {
    margin: 0px;
    font-size: 26px;
}

table#invent-table {
    border-collapse: collapse;
	margin: 10px auto;
	overflow-x: auto !important;
    overflow-y: hidden !important;
    display: block;
	table-layout: auto;
}

.accession-number {
    display: block;
    text-align: center;
}
.accession-listing h2{
	text-align: center;
    line-height: 1.2em
}
table#accession-table{
	 border-collapse: collapse;
	margin: 10px auto;
	
}

.accession-number h4{
	margin:0px;
}
div#myModalaccess .form-attribute {
    width: 100% !important;
}

.access-coordinate {
    display: inline !important;
}
h2.access-title {
    font-size: 20px;
}
#myModalaccess .upload-file::before
{
	display:none;
	
}
#myModalaccess .attribute-section {
    padding: 0px 10px;
}
.inventory-form .attribute-section {
    margin: 10px 0px;
    height: 600px;
    overflow: auto;

}
h2.formtitle {
    font-size: 20px;
}
div#header-listing h3 a {
    float: none !important;
}
.site-branding .col-1-7.logo img {
    width: auto;
}

.thankyou-btn {
    display: block;
}
.form-stepper .form-stepper-completed .label {

    font-size: 12px !important;
}
.last-step{
	    padding: 10px;
		
}
.last-step h2{
	font-size:22px;
}
.last-step p{
	font-size:22px;
}
.upload__img-box {
    width: 100%;
    margin: 30px;
}
div#header-listing .col-1-7.logo {	
  
    width: 50% !important;
	
}
.inventory-top {
    display: block !important;
    text-align: center !important;
}
.inventory-top .button-section {
    margin: 0 auto !important;
    display: block !important;
}
.invent-listing button#myBtn{
	margin:0 auto !important;
}
.steps-form {
    padding: 10px 0px;
}

}

@media only screen and (max-width: 963px) {

section#taxon-accession .form-attribute h3{
font-size:12px;
}
.last-form-step {
    width: 100%;
    padding: 40px;
}
.last-step h2 {
    font-size: 50px;
}

}

/**/

div#date-palnting img.calender-img {
    top: 60px !important;
}

.page-template-accession div#image-section label.checkbox-inline {
    top: 0px !important;
}

div#pagination span {
   
    font-size: 20px;
    padding: 10px;
	    font-family: 'Adobe Clean', sans-serif;
		font-weight: 400;
}
div#pagination a.link {
   font-weight: 400;
    font-size: 20px;
    padding: 10px;
	    font-family: 'Adobe Clean', sans-serif;
}
span.dot {
    border: unset !important;
}


input#radioone {
    -webkit-appearance: none;
    border-radius: unset;
}
input#radioone:checked {
    background: #0a6582;
}
label#radio-checked {
    margin: 0px;
}


li.active {
    background: none;
}

/* checkbox */
span.Published {
    display: block;
}

span.Draft {
    display: block;
}

.Draft:after {
   content: '✕';
    position: absolute;
    top: 23px;
    left: 0;
    font-size: 1.375em;
    color: #0a6582;
    line-height: 0;
    transition: all .2s;
	right:0;
	display:inline-block;
    
}
.Draft:before {
  content: '';
    width: 1.4em;
    height: 1.4em;
    border: 1px solid #0a6582;
    background: #fff0;
    border-radius: 0.2em;
    display: inline-block;
    margin: 10px 0px;
}


.Published:after {
   content: '✓';
    position: absolute;
    top: 23px;
    left: 0;
    font-size: 1.375em;
    color: #0a6582;
    line-height: 0;
    transition: all .2s;
	right:0;
	display:inline-block;
  
}
.Published:before {
content: '';
    width: 1.4em;
    height: 1.4em;
    border: 1px solid #0a6582;
    background: #fff0;
    border-radius: 0.2em;
    display: inline-block;
    margin: 10px 0px;
}



/* pagination */

div#pagination span.link.first.disabled {
    position: relative;
    top: -2px;
}

/**/

.page-id-1919 .listing-step {
    width: 80%;
    margin: 0 auto;
}

button#myBtn {
    margin: 0px 10px;
}

#supplier-typeone{
	display:none;
}


#species-blockone{
	
	display:none;
}

button.newbtn-accession {
    margin: 0px 10px;
}


div#nursery {
    position: relative;
    top: 0px;
}
.testbtn {
    background: unset;
    color: #0a6582;
}

.sub-attribute.one-specise {
    width: 40%;
}

.sub-attribute.two-specise {
    width: 60%;
}
.select-infa {
    display: flex;
	margin-top:5px;
}
section#step-3 .form-attribute h3{
	margin-top:9px;
}


.page-template-accession img.accession-popup {
    margin: 0px 5px;
}


/* collection page */

span.link.first.disabled {
    color: #000;
    border: unset;
}

div#pagination span.link.disabled {
    border: unset;
}
div#pagination a.link {
    border: unset;
}

.current {
    background: none !important;
    border: unset !important;
    color: #0a6582 !important;
}

.selectize-input.items.not-full.has-options {
    height: 40px;
	text-transform: capitalize;
	position:relative;
}

.selectize-input.items.full.has-options.has-items {
    height: 40px;
	text-transform: unset;
	position: relative;
}
.sub-attribute.one-specise .selectize-input.items.full.has-options.has-items{
	 height: 40px;	
}

.selectize-input.items.not-full.has-options input[type="text"] {
    top: 0px;
    position: absolute !important;
	left: 10px !important
	
}

.page-template-addTaxon .selectize-input.items.not-full.has-options input[type="text"] {
    top: 0px;
    position: absolute !important;
	left: 0px !important
	
}
.selectize-input.items.full.has-options.has-items input[type="text"] {
    top: -10px;
    position: relative !important;
	
}
.selectize-dropdown-content .option:hover {
    background: #0A6582 !important;
}

.selectize-input.items.has-options.full.has-items .item {
   position: absolute;
    top: 10px;
	font-size: 1.125rem;
    font-family: 'Adobe Clean', sans-serif;
}
label#radio-checked {
    display: flex;
    margin: 10px 0px;
}

/* accesion page */

.inventory-top .option {
    font-size: 18px !important;
}

.inventory-top .option:hover {
    background: #0A6582 !important;
}

.inventory-top .option:active {
    background: #0A6582 !important;
}
.inventory-top .item {
    font-size: 18px;
}
.inventory-top .selectize-input.items.not-full.has-options input[type="text"]{
	top:0px ;
	position: unset !important;
	
}
.inventory-top .selectize-input.items.has-options.full.has-items .item {
    position: relative;
    top: 0px;
}
.option.selected {
    font-size: 18px;
}
.option {
    font-size: 18px;
}


div#authority .item {
    font-size: 16px;
    color: #303030;
}

.page-template-inventory .selectize-input.items.has-options.full.has-items .item {
    position: relative;
    top: -8px;
    font-size: 18px;
}
.inventory-top .selectize-input.items.has-options.full.has-items .item {
    top: 0;
}
.page-template-accession .selectize-input.items.has-options.full.has-items .item {
    position: absolute;
    top: 8px;
    font-size: 18px;
}
.accession-listing .selectize-input.items.has-options.full.has-items .item {
    top: 0;
	position:unset;
}

.page-template-accession .selectize-input.items.not-full.has-options {
    display: block;
}

.selectize-dropdown .active {
    color: #fff !important;
    background-color: #456d85 !important;
}

.page-template-accession .selectize-control {
    position: relative;
    display: flex;
}


.selectize-dropdown [data-selectable], .selectize-dropdown .optgroup-header {
 
}

.selectize-input.items.not-full {
    height: 40px;
    position: relative;
}

.selectize-input.items.not-full input[type="text"] {
 position: absolute !important;
    top: 0px;
    left: unset !important;
}
.page-template-accession button.newbtn-accession {
    white-space: nowrap;
    text-align: center;
}



/* view accession popup */

.modalview {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  background-color: #0000007a;
  overflow: scroll;
}

div#image-modaltext {
    width: 80%;
    margin: 30px auto 0px auto;
}
.page-id-1917 .entry-content {
    width: 80%;
    margin: 0 auto;
    background: #ffffff;
}
.page-id-1917 .entry-content > * {
    margin: 0px auto;
}
.modalview .content    
 { max-height: 30%; 
 overflow: auto; 
 }
 
 .testing-modal {
    width: 80%;
    margin: 50px auto;
}
.page-template-accession a#myBtn {
    background: none;
    color: #0A6582;
    margin: 0px 10px;
    padding: 0.2rem 1.3rem;
}
.page-template-accession a#myBtn:hover {
    color: #fff;
    background: #0A6582;
}
.page-template-accession a#myBtn:focus {
    color: #0a6582 !important;
	background:none;
}

.page-template-inventory a#myBtn {
    background: none;
    color: #0A6582;
    margin: 0px 10px;
    padding: 0.2rem 1.3rem;
}
.page-template-inventory a#myBtn:hover {
    color: #fff;
    background: #0A6582;
}
.page-template-inventory a#myBtn:focus {
    color: #0a6582 !important;
	background:none;
  
}

.images-section button.accordion {
    background: #0a6582;
    color: #ffff !important;
    border-color: #0a6582;
}

.images-section button.accordion:hover {
    background: none;
    color: #0a6582 !important;
	border-color: #0a6582;
}
.images-section {
    width: 80%;
    margin: 0 auto;
}
.images-section .search1 {
    width: 100% !important;
}
.page-template-image-gallery .col-1-5.image-container {
    border: 1px solid #283d57;
    padding: 10px;
}

.page-template-image-gallery .listing-list h3 {
    font-size: 38px;
    color: #0a6582;
    font-family: 'Adobe Clean', sans-serif;
    padding: 0px 0px;
}
label#tags_gallery {
    display: block;
    text-align: center;
    font-size: 20px;
	 font-family: 'Adobe Clean', sans-serif;
}
div#images-setup img {
    width: 100%;
    height: 220px;
    object-fit: contain;
	cursor: pointer;
}

div#invent-btn button#submitbtn{
	margin:20px 0px;
}
div#mega-menu-wrap-menu-1 ul#mega-menu-menu-1 li a:focus {
    color: #ffffff !important;
	background:#0a6582 !important;
}
.page-id-1982 h3 {
    font-size: 38px;
    color: #0a6582;
       font-family: 'Adobe Clean', sans-serif;
    padding: 0px 0px;
}
.coll-coor {
   display: inline-flex;
}
.page-id-1982 .col-1-5.image-container {
    padding: 0;
}
.page-id-1915 .innertitle {
    
    font-family: 'Adobe Clean', sans-serif;
}
a.button.btn-navigate-form-step.next1.testbtn {
    margin: 0px 10px;
}
.page-id-1982 .search1 input#keyword::placeholder {
    font-family: adobe-jenson-pro, serif;
}
.page-id-1982 .search1 button {
 
    font-family: adobe-jenson-pro, serif !important;
}
.page-template-accession label#radio-checked {
    margin: 0px 0px;
}
.page-template-image-gallery label.fileupload b {
    font-size: 1.125rem;
}
.page-template-image-gallery .buytickets {
    display: none;
}
.page-template-image-gallery .footer-widgets-area {
    display: none;
}

.page-template-image-gallery button.accordion.button.btn-navigate-form-step.sub-validation {
    font-size: 1.125rem;
}
.page-template-image-gallery input#uploads {
    font-size: 16px !important;
}
input#title_text:focus-visible {
    outline: unset;
}
.page-template-editTaxon .selectize-input.items.not-full.has-options input[type="text"] {
    top: 0px;
    position: absolute !important;
    left: 10px !important;
}
th {
    word-break: break-word;
}

nav#site-navigation ul.sub-menu li a:hover{
	color:#fff !Important;
}

.page-template-editTaxon .form-attribute {
    margin: 0px 0 !important;
}

.page-template-addTaxon .form-attribute {
    margin: 0px 0 !important;
}

.order-list a.active {
    background: none;
    color: #283d57 !important;
    font-weight: 900;
}

.imagesgen{
	
}

div#multi-step-form-container .form-attribute {
    margin: 0px;
}

.form-attribute ul{
	border-color:#ccc !Important;
	border-radius: 3px !Important;
	
}
.form-attribute ul li {
    line-height: unset !Important;
	    font-size: 1.125rem !important;
		
}

.page-template-accession section#taxon-accession img.calender-img {
    top: 60px !important;
}





.mobile-menu{
    display: none;
}
@media only screen and (min-width: 800px){
    .desktop-menu{
        display: block !important;
    }
    .mobile-menu{
        display: none !important;
    }
}

@media only screen and (max-width: 799px){
    .desktop-menu{
        display: none !important;
    }
    .mobile-menu{
        display: block !important;
    }
}






@media only screen and (max-width: 767px) {
.page-template-image-gallery .col-1-5.image-container {
     width: 41%;
    display: block;
    margin: 10px 10px;
    float: left;
}
th {
    word-break: normal;
}
.page-template-editTaxon label.fileupload b {
    font-size: 14px;
}
.page-id-1915 .col-1-1.detailbox {
    width: 100%;
}
.attribute-section.popouter {
    width: 100%;
    padding: 30px;
}
.page-template-singletaxon [class*='col-'] {
    width: 100% !important;
}
}
@media only screen and (max-width: 963px) {
.inventory-form img.calender-img {
 
    top: 35px !important;
}
div#date-palnting img.calender-img {
    top: 62px !important;
}
.imagesgen {
    justify-content: center;
}
.coll-coor {
    display: block;
}
.file {
    margin: 0px 0px;
}
.topleft a.button2 {
    display: inline-block;
    position: relative;
    margin: 20px 0px;
	padding: 3px 15px !important;	
}
.site-branding .col-5-12.topleft {
    height: auto !important;
}
}

@media only screen and (max-width: 796px) {
.page-template-editTaxon .button-section {
    display: block;
}
.page-template-editTaxon a.button.testbtn {
    width: 100%;
    display: inline-block;
    margin: 10px auto;
	text-align: center;
	padding: 5px;
}
.page-template-editTaxon button#myBtn {
    width: 100%;
    margin: 10px auto;
}
.page-template-editTaxon .form-attribute {
    margin: 0px 0;
}
.page-template-addTaxon .button-section {
    display: block;
}
.page-template-addTaxon a.button.testbtn {
    width: 100%;
    display: inline-block;
    margin: 10px auto;
	text-align: center;
	padding: 5px;
}
.page-template-addTaxon button#myBtn {
    width: 100%;
    margin: 10px auto;
}
.page-template-addTaxon .form-attribute {
    margin: 0px 0;
}
.detailbox .piccon{
	display:block !important;
	min-height:auto !important;
	margin: 30px 0px 0px 0px;
}
.detailbox .piccon img{
	max-height:unset !important;
}
label.fileupload {
    font-size: 16px;
}
.upload-file::before {
    left: 5px !important;
   
}
}

@media only screen and (max-width: 830px) {
.page-template-accession .taxon-name h3{
    font-size: 25px !Important;
}	
	
}