body {
	line-height: 1.2;
}

h1, h1.header-warning {
	margin-left: 6px;
	margin-right: 6px;
	font-style: italic;
	font-size: 20px;
	text-align:center;

}

h1.header-warning{
	background: repeating-linear-gradient(
		45deg,
		#f6f309,
		#f6f309 15px,
		#000000 15px,
		#000000 30px
	);
}

h2.input-data{
	text-align: center;
}

span.stress{
	font-weight: bold;
}

a.header{
	color:inherit;
}

@media only screen and (min-width: 1080px){
	#content {
		grid-area: content;
		position: relative;
		width: 1076px;
		height: 750px;
	}
}

@media only screen and (max-width: 1080px){
	#content {
		grid-area: content;
		position: relative;
		width: 800px;
		min-height: 500px;
	}
}

/**Header**/
#header{
	grid-area: header;
	position:relative;
	display: flex;
	justify-content: center;
	flex-direction: column;
	line-height: 1;
}

@media only screen and (min-width: 1230px){
	#logo{
		display: block;
		max-width:230px;
		max-height:50px;
		width: auto;
		height: auto;
		position: absolute;
		left:20px;
	}
}

@media only screen and (max-width: 1230px){
	#logo{
		display: block;
		max-width:230px;
		max-height:40px;
		width: auto;
		height: auto;
		position: absolute;
		left:20px;
		top: 8px;
	}
}

.menu-quick-icon{
	padding-right: 7px;
	width: 20px;
	height: 20px;
}

#menu-quick{
	position:absolute;
	bottom:3px;
	left:5px;
	
	position:absolute;

}

@media only screen and (min-width: 1230px){
	#menu-quick{
		display: none;
	}
}

.login-logout-link{
	position: absolute;
	top: 8px;
	right: 10px;
	font-size: 10px;
	font-weight: bold;
}


#login-link:hover{
	cursor: pointer;
}

div.page-header{
	grid-area:header;
	position:absolute;
	right: 10px;
	top: 21px;
	font-size: 10px;
}


/**Photobar**/
@media only screen and (min-width: 1360px) {
	#photobar{
		grid-area: photos;
		 max-height: 768px;
		 overflow: auto;
	}
}
@media only screen and (max-width: 1360px) {
	#photobar{
		display: none;
	}
}
.photobar{
	width:127px;
}

div.badaccess{
	margin-left: 10px;
	margin-top: 5px;
	padding-top:40px;
	font-size: medium;
	font-weight: bold;
}

a {text-decoration: none}


/**Navigation**/
#menu{
	font-weight: bold;
	z-index: 2;
	padding-right: 5px;
}
@media only screen and (min-width: 1230px){
	#menu{
		grid-area: menu;
		margin-top: 30px;
		margin-left: 5px;
	}
}
@media only screen and (max-width: 1230px){
	#menu{
		display: none;
		position: absolute;
	}
}

.navigace a {
	border: 0;
}

.navigace, ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.navigace span {
	display: block;
}
.navigace span a {
	display: block;
}
.navigace > span {
	position: relative;
	margin-bottom: .2em;
	border: 1px solid transparent;
	padding: 4px;
	padding-left: 5px;
}
.navigace > span:hover { 
	z-index: 2
}

.navigace > span:hover > a {
	z-index: 11
}
.navigace span ul {
	display: none;
	position: absolute;
	left: 140px;
	top: -1px;
	width: 120px;
	padding-left:0px; 
}
span.menuitem{
	width:130px;
}

.navigace span ul{
	left: 139px;
}

.navigace span:hover ul {
	display: block;
}

.navigace ul li {
	display: block;
	float: left;
}
.navigace ul a {
	float: left;
	width: 120px;
	text-align: center;
	padding: 4px;
}
.navigace ul a:hover {
	text-decoration: none;
}

a.various, a.fancy-namedplace, a.fancy-authors, a.fancy-id{
	text-decoration: none;
}




#ajax-spinner {
	margin: 15px 0 0 15px;
	padding: 13px;
	background: white url('../images/spinner.gif') no-repeat 50% 50%;
	font-size: 0;
	z-index: 123456;
	display: none;
}


html.js .jshidden {
	display: none;
}

#login-inf {
	font-size: 11px;
}


.hidden {
	display:none;
}

.warning {
	font-weight:bold;
}

#footer{
	grid-area: footer;
	margin-top: 10px;
	text-align: right;
}

td.list{
	text-indent: -15px;
	padding-left: 20px;
	padding-top: 5px;
}
td.list:hover{
	cursor: pointer;
}

/**User**/
#user-data-cont{
	overflow:auto;
	height: 615px;
}
[for=frm-userAddForm-username],[for=frm-userAddForm-password],[for=frm-userAddForm-password2],[for=frm-userAddForm-firstname],[for=frm-userAddForm-surname],[for=frm-userAddForm-email],[for=frm-userAddForm-address],[for=frm-userAddForm-role],[for=frm-userEditForm-username],[for=frm-userEditForm-password],[for=frm-userEditForm-password2],[for=frm-userEditForm-firstname],[for=frm-userEditForm-surname],[for=frm-userEditForm-email],[for=frm-userEditForm-address],[for=frm-userEditForm-role]{
	height:25px;
}
[for=frm-userAddForm-active],[for=frm-userEditForm-active]{
	width:110px;
}
@media only screen and (min-width: 1080px){
	#user-data-cont{
		width: 1050px;
	}
	.userForm{
		width:920px;
	}
}
@media only screen and (max-width: 1080px){
	#user-data-cont{
		width: 800px;
	}
	#user-default{
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: 45px 55px 1fr 20px;
	}
	.userForm{
		width:650px;
	}
}
#username{
	width:130px;
}

#user-rolename{
    width:103px;
}

#user-firstname{
    width:130px;
}

#user-surname{
	width:130px;
}

#user-address{
	width:185px;
}

#user-email{
	width:190px;
}

/**User settings**/

@media only screen and (max-width: 1080px){
	#frm-schedaForm-scheda_title_value{
		width:625px;
	}
}
#frm-settingForm-authors_sel,#frm-settingForm-author-sug{
	width: 200px;
}
#frm-settingForm-authors_method{
	position: absolute;
	left:110px;
}

/**Import checklist**/
#externalchecklist{
	position:relative;
	left: 5px;
	height: 40px;
}

#countexternalchecklist{
	font-weight: bold;
}

/**System settings**/
#frm-systemSettingForm-name{
	resize: none;
}



#systemsetting_checklist_add{
	padding-top: 5px;
}

#frm-systemSettingForm-checklist_www{
	
}

@media only screen and (max-width: 1080px){
	#frm-systemSettingForm-name{
		width: 520px;
	}
	.systemsetting-menu{
		width: 300px;
	}
	
	#systemsetting_checklist_url, #frm-systemSettingForm-checklist_www{
	width:670px;
}
}
@media only screen and (min-width: 1080px){
	.systemsetting-menu{
		width: 564px;
	}
	#frm-systemSettingForm-name{
		width: 780px;
	}
	
	#systemsetting_checklist_url, #frm-systemSettingForm-checklist_www{
	width:800px;
}
}

/**Named place**/
#place-data-cont{
	overflow:auto;
	height: 615px;
}
[for=frm-namedPlaceEditForm-common]{
	width:110px;
}
@media only screen and (max-width: 1080px){
	#namedplace-default{
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: 45px 55px 1fr 20px;
	}
	#place-data-cont{
		width: 800px;
	}
}
@media only screen and (min-width: 1080px){
	#place-data-cont{
		width: 1050px;
	}
}
#namedplace-edit-prop{
	display: grid;
	grid-template-columns:60px 1fr 20px 50px 1fr;
	grid-template-rows:repeat(4, 25px);
}
#frm-namedPlaceEditForm-name-label{
	grid-column:1/2;
	grid-row: 1/2;
}
#frm-namedPlaceEditForm-name{
	grid-column: 2/4;
	grid-row: 1/2;
}
#frm-namedPlaceEditForm-country-label{
	grid-column: 4/5;
	grid-row: 1/2;
}
#frm-namedPlaceEditForm-country{
	grid-column: 5/6;
	grid-row: 1/2;
}
[for=frm-namedPlaceEditForm-ownername]{
	grid-column: 3/4;
	grid-row: 3/4;
}
#frm-namedPlaceEditForm-ownername{
	grid-column: 4/5;
	grid-row: 3/4;	
}
#place-name{
	width:350px;
}
#place-village{
	width:370px;
}
#place-district{
	width:200px;
}
#place-country{
	width:200px;
}

/**District**/
@media only screen and (max-width: 1080px){
	#district-default{
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: 45px 55px 1fr 20px;
	}
	#place-data-cont{
		width: 800px;
	}
}
@media only screen and (min-width: 1080px){
	#place-data-cont{
		width: 1050px;
	}
}
#namedplace-edit-prop{
	display: grid;
	grid-template-columns:60px 1fr 20px 50px 1fr;
	grid-template-rows:repeat(4, 25px);
}
#frm-namedPlaceEditForm-name-label{
	grid-column:1/2;
	grid-row: 1/2;
}
#frm-namedPlaceEditForm-name{
	grid-column: 2/4;
	grid-row: 1/2;
}
#frm-namedPlaceEditForm-country-label{
	grid-column: 4/5;
	grid-row: 1/2;
}
#frm-namedPlaceEditForm-country{
	grid-column: 5/6;
	grid-row: 1/2;
}
[for=frm-namedPlaceEditForm-ownername]{
	grid-column: 3/4;
	grid-row: 3/4;
}
#frm-namedPlaceEditForm-ownername{
	grid-column: 4/5;
	grid-row: 3/4;	
}

#geoname-org{
	position: relative;
	float: right;
}
#district-form{
	position:relative;
	float:left;
}

#frm-districtEditForm{
	height:200px;
}
td.countryCode, td.toponymName, td.countryName{
	font-weight: bold;
}
td.countryCode,td.toponymName:hover{
	cursor: pointer;
}
th.geoname{
	text-align: left;
	font-style: italic;
}

/**Project**/
#project-data-cont{
	overflow:auto;
	width: 1050px;
	height: 615px;
}
[for=frm-projectEditForm-name],[for=frm-projectEditForm-description],[for=frm-projectEditForm-ownername],[for=frm-projectEditForm-id]{
	height: 25px;
}
[for=frm-projectEditForm-active],[for=frm-projectEditForm-common]{
	width: 110px;
}
@media only screen and (max-width: 1080px){
	#project-default{
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: 45px 55px 1fr 20px;
	}
	#project-data-cont{
		width: 800px;
	}
	.projectForm{
		width: 723px;
	}
}
@media only screen and (min-width: 1080px){
	#project-data-cont{
		width: 1050px;
	}
	.projectForm{
		width: 995px;
	}
}
#project-description{
	width:380px;
}

#project-name{
	width:220px;
}

#project-list{
	overflow:auto;
	width: 300px;
	height: 300px;
}


#source-list, #person-list{
	overflow:auto;
	width: 700px;
	height: 500px;
}


/**Person**/
#person-data-cont{
	overflow:auto;
	height: 615px;
}
[for=frm-personEditForm-surname],[for=frm-personEditForm-firstname],[for=frm-personEditForm-suffix],[for=frm-personEditForm-address],[for=frm-personEditForm-email],[for=frm-personEditForm-ownername],[for=frm-personEditForm-id]{
	height: 25px;
}
@media only screen and (max-width: 1080px){
	#person-default{
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: 45px 55px 1fr 20px;
	}
	#person-data-cont{
		width: 800px;
	}
	.personForm{
		width: 715px;
	}
}
@media only screen and (min-width: 1080px){
	#person-data-cont{
		width: 1050px;
	}
	.personForm{
		width: 990px;
	}
}

#person-title{
    width:45px;
}

#person-firstname{
	width:120px;
}

#person-surname{
	width:110px;
}

#person-address{
	width:185px;
}

#person-email{
	width:165px;
}

/**Source**/
#source-data-cont{
	overflow:auto;
	height: 615px
}
[for=frm-sourceEditForm-authors],[for=frm-sourceEditForm-year],[for=frm-sourceEditForm-publisher],[for=frm-sourceEditForm-periodical],[for=frm-sourceEditForm-pages],[for=frm-sourceEditForm-ownername],[for=frm-sourceEditForm-id]{
	height:25px;
}
[for=frm-sourceEditForm-title]{
	height: 58px;
}
#frm-sourceEditForm-title{
	resize: none;
}
[for=frm-sourceEditForm-common]{
	width: 110px;
}
@media only screen and (max-width: 1080px){
	#source-default{
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: 45px 55px 1fr 20px;
	}
	#source-data-cont{
		width: 800px;
	}
}
@media only screen and (min-width: 1080px){
	#source-data-cont{
		width: 1050px;
	}
}
#source-data-table{
	width: 1800px;
}

#source-year{
	width:35px;
}

#source-title{
	width:350px;
}

#source-authors{
	width:180px;
}

#source-publisher{
	width:200px;
}

#source-pages{
	width:50px;
}

#source-uri{
	width:400px;
}

#source-periodical{
	width:160px;
}

@media only screen and (max-width: 1080px){
	.sourceForm{
		width: 695px;
	}
}
@media only screen and (min-width: 1080px){
	 .sourceForm{
		width: 970px;
	}
}

/**Suggest container**/
.suggest{
	position:absolute;
	z-index: 10;
}

.suggest-cont{
	position: absolute;
	z-index: 10;
}

.close-suggest{
	vertical-align: top;
}

/**Sign form**/
#sign-form{
	font-size: 10px;
	z-index: 3;
	display: none;
	position: absolute;
}

#frm-signInForm #frm-signInForm-username {
	font-size: 11px;
}

#frm-signInForm-password{
	font-size: 11px;
}

.button-sign{
	font-size:11px;
	border: solid 1px;
}


/**Position, Map**/
div.position{
	height: 700px;
	width: 1076px;
}
div.position2{
	height: 645px;
	width: 1076px;
}

#frm-coordFormG, #frm-coordForm{
	position:absolute;
	top:8px;
}

#frm-coordForm-submit,#frm-coordFormOSM-submit{
	position:absolute;
	top:5px;
}

#coordForm{
	position:absolute;
	top: -2px;
	left:0px;
}

#map-localities-back, #map-map-back{
	display: flex;
}

#frm-coordForm-map, #map{
	position:absolute;
	top: 30px;
	left: 4px;
}

#frm-coordForm-locality{
	position: absolute;
	top: 5px;
	left: 80px;
}

#map {
	height: 720px;
}

@media only screen and (min-width: 1080px){
	#map, #frm-coordForm-map {
		width: 1068px;
	}
	#frm-coordForm-locality{
		width:996px;
	}
}

@media only screen and (max-width: 1080px){
	#map, #frm-coordForm-map {
		width: 800px;
	}
	#frm-coordForm-locality{
		width:720px;
	}
}
div.fill { 
	width: 100%;
	height: 100%;
}

#layer-select{
	position:absolute;
	top:680px;
	left:10px
}

#frm-map4Form-netmap{
	display: none;
}

#speciesstat-taxon{
	font-style: italic;
}

 #popup-content {
	position: absolute;
	background-image: url("../images/marker.png");
	height: 32px;
	width: 32px;
	left:-16px;
	bottom:0px;
}

/**Species info page**/
#map-species-cont{
	height:  inherit;
}
#map-species{
	height: 676px;
}
#speciesstat-countowner{
	display: grid;
	grid-template-columns: 150px 150px;
	grid-template-rows: repeat(9,19px);
	width:350px;
}
#countowner-owner0{
	grid-column: 1/2;
	grid-row: 1/2;
	text-align: left;
}
#countowner0{
	grid-column: 2/3;
	grid-row: 1/2;
}
#countowner-owner1{
	grid-column: 1/2;
	grid-row: 2/3;
	text-align: left;
}
#countowner1{
	grid-column: 2/3;
	grid-row: 2/3;
}
#countowner-owner2{
	grid-column: 1/2;
	grid-row: 3/4;
	text-align: left;
}
#countowner2{
	grid-column: 2/3;
	grid-row: 3/4;
}
#countowner-owner3{
	grid-column: 1/2;
	grid-row: 4/5;
	text-align: left;
}
#countowner3{
	grid-column: 2/3;
	grid-row: 4/5;
}
#countowner-owner4{
	grid-column: 1/2;
	grid-row: 5/6;
	text-align: left;
}
#countowner4{
	grid-column: 2/3;
	grid-row: 5/6;
}
#countowner-owner5{
	grid-column: 1/2;
	grid-row: 6/7;
	text-align: left;
}
#countowner5{
	grid-column: 2/3;
	grid-row: 6/7;
}
#countowner-owner6{
	grid-column: 1/2;
	grid-row: 7/8;
	text-align: left;
}
#countowner6{
	grid-column: 2/3;
	grid-row: 7/8;
}
#countowner-owner7{
	grid-column: 1/2;
	grid-row: 8/9;
	text-align: left;
}
#countowner7{
	grid-column: 2/3;
	grid-row: 8/9;
}
#countowner-owner8{
	grid-column: 1/2;
	grid-row: 9/10;
	text-align: left;
}
#countowner8{
	grid-column: 2/3;
	grid-row: 9/10;
}
#countowner-owner9{
	grid-column: 1/2;
	grid-row: 10/11;
	text-align: left;
}
#countowner9{
	grid-column: 2/3;
	grid-row: 10/11;
}
#speciesstat-countowner-note{
	grid-column: 1/3;
	grid-row: 9/10;
}
#speciesstat-timeintervals{
	grid-column: 1/2;
	display: grid;
	grid-template-columns: 150px 150px;
	grid-template-rows: repeat(8,19px);
}
#speciesstat-altintervals{
	display: grid;
	grid-template-columns: 150px 150px;
	grid-template-rows: repeat(9,19px);
}

@media only screen and (min-width: 1080px){
	#frm-searchTaxonStatistic{
		margin-left:20px;
	}
	#map-species-cont{
		display:grid;
		grid-template-columns: 1fr 350px;
		grid-template-rows: 50px auto 1fr;
	}
	#speciesstat-taxon{
		grid-column: 1/3;
		grid-row: 1/2;
		text-align: center;
	}
	#speciesstat-buttons{
		grid-column: 1/2;
		grid-row: 2/3;
	}
	#frm-searchTaxonStatistic{
		grid-column: 2/3;
		grid-row: 2/3;
	}
	#map-species{
		grid-column: 1/2;
		grid-row: 3/4;
	}
	#speciesstat{
		grid-column: 2/3;
		grid-row: 3/4;
		padding-left: 20px;
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: auto auto auto auto auto;
	}
	#speciesstat-count{
		grid-column: 1/2;
		grid-row: 1/2;
	}
	#speciesstat-countowner{
		grid-column: 1/2;
		grid-row: 2/3;
	}
	
	#speciesstat-timeintervals{
		grid-column: 1/2;
		grid-row: 3/4;
		margin-top:10px;
	}
	
	#speciesstat-altintervals{
		grid-column: 1/2;
		grid-row: 4/5;
		margin-top:10px;
	}
	
}

@media only screen and (max-width: 1080px){
	#map-species-cont{
		display:grid;
		grid-template-columns: 510px 290px;
		grid-template-rows: 50px auto 1fr auto;
	}
	#speciesstat-taxon{
		grid-column: 1/3;
		grid-row: 1/2;
		text-align: center;
	}
	#speciesstat-buttons{
		grid-column: 1/2;
		grid-row: 2/3;
	}
	#map-species{
		grid-column: 1/3;
		grid-row: 3/4;
	}
	#speciesstat{
		grid-column: 1/2;
		grid-row: 4/5;
		padding-top: 10px;
		width: 800px;
		display: grid;
		grid-template-columns: 2fr;
		grid-template-rows: auto auto auto;
	}
	#speciesstat-count{
		margin-top:10px;
		grid-column: 1/3;
		grid-row: 1/2;
	}
	#speciesstat-countowner{
		margin-top:10px;
		grid-column: 1/2;
		grid-row: 2/3;
	}
	#speciesstat-timeintervals{
		margin-top:10px;
		grid-column: 2/3;
		grid-row: 2/3;
	}
	#speciesstat-altintervals{
		margin-top:10px;
		grid-column: 1/2;
		grid-row: 3/4;
	}
}

#taxonsuggest-s{
	position: absolute;
}

div.infograph{
	display: inline;
	position:relative;
	width:150px;
	float:right;
	border-style: solid;
	border-color:gray;
	border-width: 1px;
	height: 16px
}
span.graphcolumncontenet{
	font-size: 10px;
}
div.graphcolumn{
	background: #0099FF;
	height: 16px;
}

#frm-searchTaxonStatistic{
	position: relative;
	top: -3px;
	width: 290px;
}
#frm-searchTaxonStatistic-key{
	display: none;
}

#frm-searchTaxonStatistic-submit{
	height: 26px;
	width: 26px;
	background-image: url(../images/magnifier16-g.svg)
}

#frm-searchTaxonStatistic-param{
	width:240px;
}

div.speciesstat-newold{
	display: inline;
	position:relative;
	width:180px;
	float:right;
	text-align: left;
}
/**Detail of record**/
#info-container{
	margin-left:40px;
	overflow:auto;
	width: 990px;
	height: 650px
}

table.info-table{
	width: 973px;
	border-spacing: 0px;
	padding-top: 20px;
}
td.info-table{
}

.info-table-header{
	font-weight: bold;
	text-align: left;
	padding-left: 100px;
}
div.info-table-header{
	margin-bottom: 5px;
}

th.info-table{
	width: 200px;
	text-align: left;
}


table.data{
	margin-left:auto; 
	margin-right:auto;
}

table.data td{
	padding-left: 3px;
	padding-right: 3px;
}

div.paginator{
	position:absolute;
	top:730px;
	left:0px;
	right:0px;
	text-align: center;   
}



span.paginator-num{
	border-style: none; 
	border-width: 1px;
	padding: 2px;
}

span.paginator-num:hover{
	cursor: pointer;
}


/**Comments**/
#comment-group{
	padding: 5px;
}

#comment-info{
	padding: 8px;
}
#frm-commentEditForm-comment{
	resize: none;
}
#comment-default-comments{
	overflow:auto;
	height: 455px;
}
@media only screen and (max-width: 1080px){
	#frm-commentEditForm-comment{
		width: 800px;
	}
	#comment-default-comments{
		width: 800px;
	}
}
@media only screen and (min-width: 1080px){
	#frm-commentEditForm-comment{
		width: 1076px;
	}
	#comment-default-comments{
		width: 1076px;
	}
}

/**Export**/
span.downloadFile:hover{
	cursor: pointer;
	text-decoration: underline;
}

/**Occurence**/
td.nooccur{
	text-decoration: line-through; 
}
#frm-occurenceEditForm-list{
	background-image: url(../images/note16-g.svg);
	background-repeat: no-repeat;
	background-position: center;
	min-width:21px;
}
#frm-occurenceEditForm-photos-add{
	background-image: url(../images/pictureadd16-g.svg);
	background-repeat: no-repeat;
	background-position: center;
	min-width:21px;
}

#frm-occurenceEditForm-photos-del{
	background-image: url(../images/picturedel16-g.svg);
	background-repeat: no-repeat;
	background-position: center;
	min-width:21px;
}

#frm-editForm-viewhistory, #frm-localityEditForm-viewhistory{
	background-image: url(../images/hourglass16-g.svg);
	background-repeat: no-repeat;
	width:21px;
	background-position: center;
	background-color: rgba(0,0,0,0);
	border-style: none;
}

#history{
	position:relative;
	float:right;
	z-index: 2;
}

#user-history{
	position:relative;
	float:right;
	top:-35px;
}

#occurenceslocality{
	overflow: auto;
	width: 700px;
	height: 500px;
}

#occurence-data-cont{
	overflow: auto;
}

#occurence-authorsample-occur{
	height: 16px;
}

.occurence-edit-photo-prew{
	height: 200px;
}

#refresh-checklist{
	height: 16px;
	width: 16px;
	padding-top: 4px;
}

@media only screen and (min-width: 1080px){
	#occurence-data-cont{
		width: 1070px;
	}
	[for=frm-occurenceEditForm-taxon], [for=frm-occurenceEditForm-date],[for=frm-occurenceEditForm-source],[for=frm-occurenceEditForm-project]{
		height:25px;
	}
	[for=frm-occurenceEditForm-authors]{
		height: 90px;
	}
	#occurence-edit-finder-label{
		height: 25px;
	}
	
	#occurence-edit-taxon{
		display:grid;
		grid-template-columns: 50px 1fr 20px 100px 100px 120px 1fr 90px 100px;
		grid-template-rows: 25px;
	}
	#occurence-edit-author{
		display: grid;
		grid-template-columns: 50px 1fr 20px 20px 55px 1fr;
		grid-template-rows: 90px;
	}
	#occurence-edit-date{
		display: grid;
		grid-template-columns: 130px 120px 80px 120px 20px 30px 100px 120px 50px 1fr ;
		grid-template-rows: 25px;
	}
	[for=frm-occurenceEditForm-status]{
		grid-column: 7/8;
		grid-row: 1/2;
	}
	#frm-occurenceEditForm-status{
		grid-column: 8/9;
		grid-row: 1/2;
	}
	[for=frm-occurenceEditForm-owner]{
		grid-column: 9/10;
		grid-row: 1/2;
	}
	#frm-occurenceEditForm-owner{
		grid-column: 10/11;
		grid-row: 1/2;
	}
	#occurence-edit-source{
		display: grid;
		grid-template-columns: 50px 1fr 20px 20px 60px 1fr 20px 20px;
		grid-template-rows: 25px;
	}
	#occurence-edit-other{
		display: grid;
		grid-template-columns: 70px 1fr 70px 1fr 70px 1fr  55px 1fr 35px;
		grid-template-rows: 25px 25px 25px;
	}
	[for=frm-occurenceEditForm-abund]{
		grid-column: 1/2;
		grid-row: 1/2;
	}
	#frm-occurenceEditForm-abund{
		grid-column: 2/3;
		grid-row: 1/2;
	}
	[for=frm-occurenceEditForm-authordet]{
		grid-column: 3/4;
		grid-row: 1/2;
	}
	#frm-occurenceEditForm-authordet{
		grid-column: 4/5;
		grid-row: 1/2;
	}
	[for=frm-occurenceEditForm-authorrev]{
		grid-column: 5/6;
		grid-row: 1/2;
	}
	#frm-occurenceEditForm-authorrev{
		grid-column: 6/7;
		grid-row: 1/2;
	}
	
	[for=frm-occurenceEditForm-herbarium]{
		grid-column: 7/8;
		grid-row: 1/2;
	}
	#frm-occurenceEditForm-herbarium{
		grid-column: 8/10;
		grid-row: 1/2;
	}
	[for=frm-occurenceEditForm-biotope]{
		grid-column: 1/2;
		grid-row: 2/3;
	}
	#frm-occurenceEditForm-biotope{
		grid-column: 2/3;
		grid-row: 2/3;
	}
	
	[for=frm-occurenceEditForm-schedanote]{
		grid-column: 3/4;
		grid-row: 2/3;
	}
	#frm-occurenceEditForm-schedanote{
		grid-column: 4/9;
		grid-row: 2/3;
	}
	[for=frm-occurenceEditForm-schedacount]{											  
		display: none;
	}
	#frm-occurenceEditForm-schedacount{
		grid-column: 9/10;
		grid-row: 2/3;
	}
	[for=frm-occurenceEditForm-note]{
		grid-column: 1/2;
		grid-row: 3/4;
	}
	#frm-occurenceEditForm-note{
		grid-column: 2/10;
		grid-row: 3/4;
	}
	#frm-occurenceEditForm-schedacount{
		width: 19px;
		height: 15px;
	}
	#frm-occurenceEditForm-herbarium{
		width:164px;
	}
}
@media only screen and (max-width: 1080px){
	#occurence-data-cont{
		width: 800px;
	}
	#occurence-edit-taxon{
		display:grid;
		grid-template-columns: 0.5fr 0.5fr 120px 1fr;
		grid-template-rows: 19px 25px 25px;
	}
	#frm-occurenceEditForm-taxon-cont{
		grid-column:1/3;
		grid-row:1/2;
	}
	[for=frm-occurenceEditForm-taxon]{
		width:100%;
		text-align: center;
		height: 19px;
	}
	#frm-occurenceEditForm-taxon{
		grid-column:1/3;
		grid-row:2/3;
	}
	[for=frm-occurenceEditForm-abbrev]{
		grid-column: 3/4;
		grid-row: 1/2;
		text-align: center;
	}
	#frm-occurenceEditForm-abbrev{
		grid-column: 3/4;
		grid-row: 2/3;
	}
	[for=frm-occurenceEditForm-originalname]{
		grid-column: 4/5;
		grid-row: 1/2;
		text-align:center;
	}
	#frm-occurenceEditForm-originalname{
		grid-column: 4/5;
		grid-row: 2/3;
	}
	[for=frm-occurenceEditForm-negative]{
		grid-column: 1/2;
		grid-row: 3/4;
	}
	[for=frm-occurenceEditForm-private]{
		grid-column: 2/3;
		grid-row: 3/4;
	}
	#frm-occurenceEditForm-negative, #frm-occurenceEditForm-private{
		width:10px;
	}
	#occurence-edit-author{
		display: grid;
		grid-template-columns: 1fr 20px 20px 1fr;
		grid-template-rows: 19px 65px;
	}
	#occurence-edit-finder-label{
		grid-column:1/2;
		grid-row:1/2;
		text-align: center;
	}
	#frm-occurenceEditForm-authors-cont{
		grid-column:4/5;
		grid-row:1/2;
	}
	[for=frm-occurenceEditForm-authors]{
		height: 19px;
		text-align: center;
	}
	#occurence-authorsample-occur{
		grid-column:1/2;
		grid-row:2/3;
	}
	#frm-occurenceEditForm-authors{
		grid-column:4/5;
		grid-row:2/3;
	}
	#frm-occurenceEditForm-ownerid-link{
		grid-column: 2/3;
		grid-row: 2/3;
	}
	#frm-occurenceEditForm-personbut-cont{
		grid-column: 3/4;
		grid-row: 2/3;
	}
	#occurence-edit-date{
		display:grid;
		grid-template-columns: 125px 125px 20px 20px 100px 1fr;
		grid-template-rows:19px 25px;
	}
	#frm-occurenceEditForm-date-label{
		grid-column:1/2;
		grid-row:1/2;
	}
	#frm-occurenceEditForm-date{
		grid-column:1/2;
		grid-row:2/3;
	}
	[for=frm-occurenceEditForm-date2]{
		grid-column:2/3;
		grid-row:1/2;
		text-align: center;
	}
	#frm-occurenceEditForm-date2{
		grid-column:2/3;
		grid-row:2/3;
	}
	[for=frm-occurenceEditForm-owner]{
		grid-column:6/7;
		grid-row:1/2;
		text-align: center;
	}
	#frm-occurenceEditForm-owner{
		grid-column:6/7;
		grid-row:2/3;
	}
	#frm-occurenceEditForm-photos-add-link{
		grid-column:3/4;
		grid-row:2/3;
	}
	#frm-occurenceEditForm-photos-del-link{
		grid-column:4/5;
		grid-row:2/3;
	}
	[for=frm-occurenceEditForm-status]{
		grid-column: 5/6;
		grid-row:1/2;
	}
	#frm-occurenceEditForm-status{
		grid-column:5/6;
		grid-row:2/3;
	}
	#occurence-edit-source{
		display: grid;
		grid-template-columns:1fr 20px 20px 1fr 20px 20px;
		grid-template-rows:19px 25px;
	}
	#frm-occurenceEditForm-source-label{
		grid-column: 1/2;
		grid-row: 1/2;
	}
	[for=frm-occurenceEditForm-source]{
		text-align: center;
	}
	#frm-occurenceEditForm-source{
		grid-column: 1/2;
		grid-row: 2/3;
	}
	#frm-occurenceEditForm-listsource-link{
		grid-column: 2/3;
		grid-row: 2/3;
	}
	#frm-occurenceEditForm-sourcebut-cont{
		grid-column: 3/4;
		grid-row: 2/3;
	}
	#frm-occurenceEditForm-project-label{
		grid-column: 4/5;
		grid-row: 1/2;
	}
	[for=frm-occurenceEditForm-project]{
		text-align: center;
	}
	#frm-occurenceEditForm-project{
		grid-column: 4/5;
		grid-row: 2/3;
	}
	#frm-occurenceEditForm-listproject-link{
		grid-column: 5/6;
		grid-row: 2/3;
	}
	#frm-occurenceEditForm-projectbut-cont{
		grid-column: 6/7;
		grid-row: 2/3;
	}
	#occurence-edit-other{
		display: grid;
		grid-template-columns:repeat(3,1fr);
		grid-template-rows: 19px 25px 19px 25px 19px 25px;
	}
	[for=frm-occurenceEditForm-abund]{
		grid-column: 1/2;
		grid-row: 1/2;
		text-align: center;
	}
	#frm-occurenceEditForm-abund{
		grid-column: 1/2;
		grid-row: 2/3;
	}
	[for=frm-occurenceEditForm-authordet]{
		grid-column: 2/3;
		grid-row: 1/2;
		text-align: center;
	}
	#frm-occurenceEditForm-authordet{
		grid-column: 2/3;
		grid-row: 2/3;
	}
	[for=frm-occurenceEditForm-authorrev]{
		grid-column: 3/4;
		grid-row: 1/2;
		text-align: center;
	}
	#frm-occurenceEditForm-authorrev{
		grid-column: 3/4;
		grid-row: 2/3;
	}
	[for=frm-occurenceEditForm-herbarium]{
		grid-column: 1/2;
		grid-row: 3/4;
		text-align: center;
	}
	#frm-occurenceEditForm-herbarium{
		grid-column: 1/2;
		grid-row: 4/5;
	}
	[for=frm-occurenceEditForm-biotope]{
		grid-column: 2/3;
		grid-row: 3/4;
		text-align: center;
	}
	#frm-occurenceEditForm-biotope{
		grid-column: 2/3;
		grid-row: 4/5;
	}
	[for=frm-occurenceEditForm-schedanote]{
		grid-column: 3/4;
		grid-row: 3/4;
		text-align: center;
	}
	#frm-occurenceEditForm-schedanote{
		grid-column: 3/4;
		grid-row: 4/5;
	}
	[for=frm-occurenceEditForm-note]{
		grid-column: 1/3;
		grid-row: 5/6;
		text-align: center;
	}
	#frm-occurenceEditForm-note{
		grid-column: 1/3;
		grid-row: 6/7;
	}
	[for=frm-occurenceEditForm-schedacount]{
		grid-column: 3/4;
		grid-row: 5/6;
		text-align: center;
	}
	#frm-occurenceEditForm-schedacount{
		grid-column: 3/4;
		grid-row: 6/7;
	}
	
}

/**Locality**/
#frm-localityFindForm-suggest, #frm-localityFindForm-suggest2{
	position:absolute;
	z-index: 10;
}
#locality-data-table{
	overflow:auto;
	height: 615px;
}
#locality-default-paginator{
	margin-top: 3px;
	text-align: center;
}
#frm-localityEditForm-note{
	resize: none;
}
#frm-localityEditForm-locality{
	resize: none;
}


@media only screen and (min-width: 1080px){
	#locality-default{
		width: 1050px;
		display:grid;
		grid-template-columns: 1fr;
		grid-template-rows: 45px 30px 1fr 15px;
	}
	[for=frm-localityEditForm-latitudeformat], [for=frm-localityEditForm-longitudeformat], [for=frm-localityEditForm-coordaccuracy],[for=frm-localityEditForm-coordsource],[for=frm-localityEditForm-phytochorion],[for=frm-localityEditForm-namedplace],[for=frm-localityEditForm-owner]{
		height:25px;
	}
	
	#locality-default-title{
		grid-column: 1/2;
		grid-row: 1/2;
		text-align: center;
	}
	#locality-default-forms{
		grid-column: 1/2;
		grid-row: 2/3;
		display: flex;
	}
	#frm-locality2MapForm-map{
		margin-left:0px;
	}
	#locality-data-table{
		grid-column: 1/2;
		grid-row: 3/4;
		width:1076px;
	}
	#locality-default-paginator{
		grid-column: 1/2;
		grid-row: 4/5;
	}
	
	#locality-occurence-cont-2{
		width: 1076px;
	}
	
	[for=frm-localityEditForm-locality]{
		height: 65px;
	}
	#frm-localityEditForm-locality{
		grid-column: 2/6;
		grid-row: 2/3;
	}
	#locality-edit-coords{
		display:grid;
		grid-template-columns: 150px 1fr 150px 1fr 20px 20px 20px 150px 50px 20px;
		grid-template-rows:  25px 25px;
	}

	#frm-editForm-coordaccuracy{
		width:95%;
	}
	#locality-edit-area{
		display: grid;
		grid-template-columns:100px 1fr 150px 100px 20px 100px 1fr 20px;
		grid-template-rows:25px;
	}
	#locality-edit-locality{
		display: grid;
		grid-template-columns:100px 1fr 20px 20px 125px 20px;
		grid-template-rows:25px 65px;
	}
	#locality-edit-other{
		display: grid;
		grid-template-columns:100px 1fr 120px 50px 230px 20px;
		grid-template-rows: 65px;
	}
	#locality2place_distance{
		position: absolute;
		top: 180px;
		left: 8px;
	}
}
@media only screen and (max-width: 1080px){
	#locality-default{
		width: 800px;
		display:grid;
		grid-template-columns: 1fr;
		grid-template-rows: 45px 55px 1fr 20px;
	}
	[for=frm-localityEditForm-latitudeformat], [for=frm-localityEditForm-longitudeformat], [for=frm-localityEditForm-coordaccuracy],[for=frm-localityEditForm-coordsource],[for=frm-localityEditForm-phytochorion],[for=frm-localityEditForm-locality],[for=frm-localityEditForm-namedplace],[for=frm-localityEditForm-owner]{
		height:20px;
	}
	#locality-default-title{
		grid-column: 1/2;
		grid-row: 1/2;
		text-align: center;
	}
	#locality-default-forms{
		grid-column: 1/2;
		grid-row: 2/3;
		display: flex;
	}
	#frm-locality2MapForm-map{
		margin-left:65px;
	}
	#frm-localityFindForm{
		width:680px;
	}
	#locality-data-table{
		grid-column: 1/2;
		grid-row: 3/4;
		width:800px;
	}
	#locality-default-paginator{
		grid-column: 1/2;
		grid-row: 4/5;
	}
	#locality-occurence-cont-2{
		width:800px;
	}
	#locality-edit-coords{
		display:grid;
		grid-template-columns: 1fr 20px 0.5fr 0.5fr 20px 20px 20px;
		grid-template-rows: 19px 25px 19px 25px;
	}
	#frm-localityEditForm-latitudeformat-cont{
		grid-column:1/2;
		grid-row:1/2;
	}
	[for=frm-localityEditForm-latitudeformat]{
		text-align: center;
	}
	#frm-localityEditForm-longitudeformat-cont{
		grid-column:3/5;
		grid-row:1/2;
	}
	[for=frm-localityEditForm-longitudeformat]{
		text-align: center;
	}
	#frm-localityEditForm-latitudeformat{
		grid-column:1/2;
		grid-row: 2/3;
	}
	#frm-localityEditForm-longitudeformat{
		grid-column:3/5;
		grid-row:2/3;
	}
	#frm-localityEditForm-coordbut-cont{
		grid-column:5/6;
		grid-row:2/3;
	}
	#frm-localityEditForm-coordbutosm-cont{
		grid-column:6/7;
		grid-row:2/3;
	}
	#frm-localityEditForm-coordbutcam-cont{
		grid-column:7/8;
		grid-row:2/3;
	}
	[for=frm-localityEditForm-altitude]{
		grid-column: 1/2;
		grid-row: 3/4;
		text-align: center;
	}	
	#frm-localityEditForm-altitude{
		grid-column: 1/2;
		grid-row: 4/5;
	}
	#frm-localityEditForm-findAltitude-cont{
		grid-column: 2/3;
		grid-row: 4/5;
	}

	#frm-localityEditForm-coordsource-cont{
		grid-column: 3/4;
		grid-row: 3/4;
	}
	[for=frm-localityEditForm-coordsource]{
		text-align: center;
	}
	#frm-localityEditForm-coordsource{
		grid-column:3/4;
		grid-row:4/5;
	}
	#frm-localityEditForm-coordaccuracy-cont{
		grid-column:4/5;
		grid-row:3/4;
	}
	[for=frm-localityEditForm-coordaccuracy]{
		text-align: center;
	}
	#frm-localityEditForm-coordaccuracy{
		grid-column:4/5;
		grid-row:4/5;
	}
	#frm-localityEditForm-mapycz{
		grid-column:5/6;
		grid-row:4/5;
	}
	#frm-editForm-coordaccuracy{
		width:95%;
	}
	#locality-edit-area{
		display: grid;
		grid-template-columns:1fr 1fr 20px 1fr 20px;
		grid-template-rows:25px;
	}
	[for=frm-localityEditForm-area]{
		grid-column: 1/2;
		grid-row: 1/2;
		text-align: center;
	}
	#frm-localityEditForm-area{
		grid-column: 1/2;
		grid-row: 2/3;
	}
	[for=frm-localityEditForm-netmaparea]{
		grid-column: 2/3;
		grid-row: 1/2;
		text-align: center;
	}
	#frm-localityEditForm-netmaparea{
		grid-column: 2/3;
		grid-row: 2/3;
	}
	#frm-localityEditForm-findNetMapArea-cont{
		grid-column: 3/4;
		grid-row: 2/3;
	}
	#frm-localityEditForm-phytochorion-cont{
		grid-column: 4/5;
		grid-row: 1/2;
	}
	[for=frm-localityEditForm-phytochorion]{
		text-align: center;
	}
	#frm-localityEditForm-phytochorion{
		grid-column: 4/5;
		grid-row: 2/3;
	}
	#frm-localityEditForm-findPhytochor-cont{
		grid-column: 5/6;
		grid-row: 2/3;
	}
	
	#locality-edit-locality{
		display: grid;
		grid-template-columns:1fr 20px 20px 125px 20px;
		grid-template-rows:19px 25px 19px 65px;
	}
	#frm-localityEditForm-namedplace-cont{
		grid-column: 1/2;
		grid-row:1/2;
	}
	[for=frm-localityEditForm-namedplace]{
		text-align: center;
	}
	#frm-localityEditForm-namedplace{
		grid-column:1/2;
		grid-row:2/3;
	}
	#frm-localityEditForm-namedplacebut-cont{
		grid-column:2/3;
		grid-row:2/3;
	}
	#frm-localityEditForm-namedplaceeditbut-cont{
		grid-column:3/4;
		grid-row:2/3;
	}
	#locality-edit-distance{
		grid-column:4/5;
		grid-row:2/3;
	}
	#frm-localityEditForm-findPlace-cont{
		grid-column:5/6;
		grid-row:2/3;
	}
	#frm-localityEditForm-locality-cont{
		grid-column:1/2;
		grid-row:3/5;
	}
	[for=frm-localityEditForm-locality]{
		text-align: center;
	}
	#frm-localityEditForm-locality{
		grid-column:1/5;
		grid-row:4/5;
	}
	#locality-edit-other{
		display: grid;
		grid-template-columns:1fr 200px;
		grid-template-rows: 19px 25px 19px 25px;
	}
	[for=frm-localityEditForm-note]{
		grid-column:1/2;
		grid-row: 1/2;
		text-align: center;
	}
	#frm-localityEditForm-note{
		grid-column:1/2;
		grid-row: 2/5;
		height:95%
	}
	[for=frm-localityEditForm-common]{
		grid-column:2/3;
		grid-row: 2/3;
		margin-bottom: 25px;
	}
	[for=frm-localityEditForm-owner]{
		grid-column:2/3;
		grid-row: 3/4;
	}
	#frm-localityEditForm-owner{
		grid-column:2/3;
		grid-row: 4/5;
	}
	#locality2place_distance{
		position: absolute;
		top: 270px;
		left: 13px;
	}
}

#frm-localityEditForm-owner{
	height: 23px;
}



#locality-editlocicon,#locality-editoccicon,#locality-delicon,#locality-list-header-icons,#locality-placename,#locality-list-header-placename,#locality-phytochorion,#locality-list-header-phytochorionid,#locality-netmaparea,#locality-list-header-netmaparea,#locality-count-occurences,#locality-list-header-count,#locality-list-header-common,div.common,#locality-list-header-updated,div.format-date,#locality-locality,#locality-list-header-locality,#locality-coord,#locality-list-header-longitude,#locality-list-header-latitude,#locality-alt,#locality-list-header-altitude,#locality-accuracy,#locality-list-header-coordaccuracy,#locality-list-header-coordsource,#locality-coordsource,#locality-list-header-note,#locality-note{
	padding-bottom: 1px;
	padding-top: 1px;
	padding-left:1px;
	padding-right: 1px;
	border-style: solid;
	border-width: 1px;
}
#locality-list-header-placename,#locality-list-header-phytochorionid,#locality-list-header-netmaparea,#locality-list-header-count,#locality-list-header-common,#locality-list-header-updated,#locality-list-header-locality,#locality-list-header-longitude,#locality-list-header-latitude,#locality-list-header-altitude,#locality-list-header-coordaccuracy,#locality-list-header-coordsource,#locality-list-header-note{
	font-weight: bold;
	text-align: center;
}

#locality-list-header-end1{
	height: 40px;
	width: 0px;
}

#locality-list-end1,#locality-list-header-end2{
	height: 22px;
	width: 0px;
}
div.locality-list-row-0, div.locality-list-row-0d, div.locality-list-row-1, div.locality-list-row-1d,#locality-list-header{
	width:1043px;
}
#locality-list-header-icons{
	width:56px;
	max-width: 56px;
	height: 36px;
	position:relative;
	float: left;
}

#locality-editlocicon,#locality-editoccicon,#locality-delicon{
	position:relative;
	float: left;
	height: 18px;
}

#locality-placename,#locality-list-header-placename{
	width: 403px;
	position:relative;
	float: left;
}
#locality-placename{
	height: 18px;
}
#locality-list-header-placename{
	width: 416px;
	height: 36px;
}

#locality-placeicon{
	height: 16px;
	position:relative;
	float:left;
}

#locality-phytochorion,#locality-list-header-phytochorionid{
	width: 246px;
	position:relative;
	float: left;
}
#locality-phytochorion{
	height: 18px;
}
#locality-list-header-phytochorionid{
	height: 36px;
}

#locality-netmaparea,#locality-list-header-netmaparea{
	width: 96px;
	position:relative;
	float: left;
}
#locality-list-header-netmaparea{
	height: 36px
}
#locality-netmaparea{
	height: 18px;
}
#locality-count-occurences,#locality-list-header-count{
	width:56px;
	position:relative;
	float: left;
}
#locality-count-occurences{
	height: 18px;
}
#locality-list-header-count{
	height: 36px
}

#locality-list-header-common{
	height: 36px;
	width: 56px;
	position:relative;
	float: left;
}
div.common{
	position:relative;
	float: left;
	height: 18px;
	width: 56px;
}

#locality-list-header-updated,div.format-date{
	position:relative;
	float: left;
	width:86px;
}
#locality-list-header-updated{
	height: 36px;
}
div.format-date{
	height: 18px;
}

#locality-locality,#locality-list-header-locality{
	width:1020px;
	position:relative;
	float: left;
	height: 18px;
}

#locality-localityicon{
	height: 16px;
	position:relative;
	float:left;
}

#locality-coord,#locality-list-header-longitude,#locality-list-header-latitude{
	width: 96px;
	position:relative;
	float: left;
}
#locality-list-header-latitude,#locality-list-header-longitude{
	height: 36px;
}

#locality-coord{
	height: 18px;
}

#locality-alt,#locality-list-header-altitude{
	width: 90px;
	position:relative;
	float: left;
}
#locality-alt{
	height: 18px;
}
#locality-list-header-altitude{
	height: 36px;
}

#locality-accuracy,#locality-list-header-coordaccuracy{
	width: 176px;
	position:relative;
	float: left;
}
#locality-accuracy{
	height: 18px;
}
#locality-list-header-coordaccuracy{
	height: 36px;
}

#locality-list-header-coordsource,#locality-coordsource{
	position:relative;
	float: left;
	width: 196px;
}
#locality-list-header-coordsource{
	height: 36px;
}
#locality-coordsource{
	height: 18px;
}

#locality-list-header-note,#locality-note{
	position:relative;
	float: left;
	width: 365px;
}
#locality-list-header-note{
	height: 36px;
}
#locality-note{
	height: 18px;
}

#locality-list-bottom-line{
	height:5px;
	width:1043px;
}
#locality-occurence-cont-1{
	overflow:auto;
	width: 1076px;
	height: 249px
}

#locality-occurence-cont-2{
	overflow:auto;
	height: 280px
}

#locality-occurence-table{
	width: 1350px;
}



input.find{
	background-image: url(../images/magnifier16-g.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-color: rgba(0,0,0,0);
	border: none;
	height: 23px;
	width: 20px;
	margin-left:0px;
}

#frm-editForm-note{
	width: 550px
}

#locality-info{
	position:absolute;
	top: 40px;
	left:30px;
}

#locality-info-map{
	position:absolute;
	top: 190px;
	width: 1020px;
	height:500px;
}

#locality-info-link{
	position: absolute;
	top: 700px;
}

.icon-link{
	position:relative;
	top: 4px;
	/*left:8px;*/
}

[name=filtersimplesend]{
	height: 26px;
	width: 26px;
	background-image: url(../images/magnifier16-g.svg)
}

#frm-searchTaxon-key, #frm-searchNamedPlace-key, #frm-searchNetMapField-key{
	display: none;
}

#frm-searchNetMapField-map{
	width:25px;
	height: 25px;
}

#frm-searchNetMapField-param{
	width:375px;
	
}

#frm-searchTaxon-param, #frm-searchNamedPlace-param{
	width: 400px;
}

#table-result-simple, #table-result-full{
	font-size: 13px;
}

#result-logged{
	overflow:auto;
	height: 685px
}
@media only screen and (min-width: 1080px){
	#result-logged{
		width: 1050px;
	}
}
@media only screen and (max-width: 1080px){
	#result-logged{
		width: 80s0px;
	}
}


#result-unlogged{
	position:absolute;
	top: 33px;
	left: 5px;
	overflow:auto;
	width: 1050px;
	height: 693px
}

#table-result-simple{
	width: 1050px;
}
@media only screen and (min-width: 1080px){
	#table-result-simple{
		width: 1050px;
	}
}
@media only screen and (max-width: 1080px){
	#table-result-simple{
		width: 800px;
	}
}

#table-result-full{
	width: 5100px;
}

#data-result-netmaparea{
	width:100px;
}

#data-result-collectors{
	width:260px;
}

#data-result-taxon{
	width: 250px;
	font-style: italic;
	font-weight: bold;
	opacity: 0.9
}

#data-result-origtaxon{
	width: 250px;
}

#data-result-phytochorion{
	width: 250px;
}

#data-result-date{
	width:100px;
}

#data-result-namedplace{
	width: 220px;
}

#data-result-coordaccuracy{
	width:130px;
}

#data-result-coordsource{
	width:200px;
}

#data-result-occurencestatus{
	width:76px;
}

#data-result-altitude{
	width:80px;
}

#data-result-localitynote{
	width:240px;
}

#data-result-determine{
	width:240px;
}

#data-result-revise{
	width:240px;
}

#data-result-biotope{
    width:160px;
}

#data-result-quantity{
	width:100px;
}

#data-result-source{
	width:600px;
}

#data-result-project{
	width:240px;
}

#data-result-owner{
	width:250px;
}

#data-result-locality{
	width:1130px;
}

#frm-mapForm,#frm-backForm-new_search,#frm-backForm-edit_search,#frm-backForm-map,#frm-backForm-schedae {
	position: absolute;
	top:4px
}
#frm-backForm-new_search{
	left: 40px
}

#frm-backForm-map{
	left: 370px
}

#frm-backForm-schedae{
	left: 436px;
}

#frm-mapForm{
	left: 370px
}
#frm-backForm-edit_search{
	left: 200px
}


div.paginator-info{
    text-align: center;   
}

/**Taxon**/
#taxonsoverview{
	width:1020px;
	height: 710px;
	position:absolute;
	top:40px;
	left:30px
}
#taxonsoverview-columns{
	overflow: auto;
	width:1020px;
	height: 650px;
}

a.taxonsoverview{
	color:#0d6d34;
}

a.taxonsoverview:hover{
	text-decoration: underline;
}

div.taxonsoverview-column{
	width:330px;
	position:relative;
	float:left;
}

/**Scheda**/

#schedae{
	border-color: #c3c3c3;
	border-width: 1px;
	border-style: dotted;
	height: 104mm;
	width:126mm;
	padding-left: 6mm;
}
#schedae-cont{
	width:126mm;
}

#schedae_line1{
	position:relative;
	top:10mm;
}
#schedae_line2{
	position:relative;
	top:28mm;
}
#schedae_line3{
	position:relative;
	top:91mm;
}

#schedae_title{
	position:relative;
	font-weight: bold;
	text-align: center;
	width:120mm;
	height:10mm;
	top:-17px;
	left:0px;
	float:left;
}

#schedae_flora_full{
	position:relative;
	top:12mm;
	float:left;
	top:-6mm;
	width: 110mm;
}

#schedae_taxon{
	font-weight: bold;
	position:relative;
	top:3mm;
	float:left;
}
#schedae_locality_full{
	position:relative;
	top:6mm;
	width:120mm;
	float:left;
	height: 20mm;
	overflow: hidden;
}
#schedae_frequency_full{
	position:relative;
	top:2mm;
	float:left;
	width:120mm;
}
#schedae_note_full{
	position:relative;
	top:2mm;
	float:left;
	width:120mm;
	padding-top: 1mm;
}
#schedae_coord_full{
	position:relative;
	top:2mm;
	float:left;
	width:120mm;
	padding-top: 1mm;
}
#schedae_netmaparea_full{
	position:relative;
	top:2mm;
	float:left;
	width:120mm;
	padding-top: 1mm;
}
#schedae_phytogeo_full{
	position:relative;
	top:2mm;
	float:left;
	width:120mm;
	padding-top: 1mm;
}
#schedae_date_full{
	position:relative;
	top:2mm;
	float:left;
	width:38mm;
	padding-top: 1mm;
}
#schedae_collected_full{
	position:relative;
	top:2mm;
	width:81mm;
	height: 15mm;
	float:right;
	padding-top: 1mm;
	padding-right: 5mm
}
#schedae_foot{
	font-size: 8px;
	position:relative;
	top:6mm;
	width:120mm;
	float:left;
}



/*Scheda little*/
body.schedaelittle{
	width:200mm
}

#schedaelittle{
	position:relative;
	top:1.5mm;
	left:1.5mm;
	float: left;
	border-color: black;
	border-width: 1px;
	border-style: solid;
	margin-bottom: 3mm;
	height: 65mm;
	width:92mm;
	padding-left: 2mm;
}

#schedaelittle-cont{
	position:relative;
	float:left;
	width:98mm;
	border-color: #c3c3c3;
	border-width: 1px;
	border-style: dotted;
}

#schedaelittle-cut{
	position:relative;
	border-color: #c3c3c3;
	border-width: 1px;
	border-style: dotted;
	height: 72mm;
	width:98mm;
}

#schedaelittle_line{
	position:absolute;
	top:22mm;
	left:2mm;
}

#schedaelittle-header{
	position:absolute;
	width: 90mm;
	height: 10mm;
	top:2mm;
}

#schedaelittle_title{
	position:relative;
	font-weight: bold;
	text-align: center;
	width:92mm;
	height:9mm;
	top:1mm;
	left:0px;
	float:left;
}

#schedaelittle_id{
	position: absolute;
	top: 6mm;
	right:1mm;
	width: 80mm;
	text-align: right;
}

#schedaelittle_taxon{
	position:absolute;
	font-weight: bold;
	top:13mm;
	left:2mm;
	width:92mm;
	font-size: 3mm;
	text-align: center;
	height:8mm;
}    
#schedaelittle_locality_full{
	position:absolute;
	top:23mm;
	left:2mm;
	width:90mm;
	height: 16mm;
	overflow: hidden;
	
}

#schedaelittle_coord_full{
	position:absolute;
	top:40mm;
	width:92mm;
}

#schedaelittle_netmaparea_full{
	position:absolute;
	top:44mm;
	width:92mm;
}
#schedaelittle_quadrant{
	position:relative;
	float:right;
	padding-right: 10mm;
}
#schedaelittle_phytogeo_full{
	position:absolute;
	top:48mm;
	width:92mm;
}
#schedaelittle_date_collect{
	position:absolute;
	top:51mm;
	float:left;
	padding-top: 1mm;
}

#schedaelittle_date_full{
	position:relative;
	float:left;
}

#schedaelittle_collected_full{
	position:relative;
	float:left;
}

#schedaelittle_collected_value{
	position:relative;
	float:right;
	width:50mm;
	height: 8mm;
	overflow: hidden;
}

#schedaelittle_collected_key{
	position:relative;
	float:right;
}

#schedaelittle_note_full{
	position:absolute;
	top:55mm;
	width:90mm;
	padding-top: 1mm;
	height: 6mm;
	overflow:hidden;
}

#scheda-back{
	position:relative;
	width:30px;
}

/**Photo**/
#source-list, #photo-list{
	overflow:auto;
	width: 775px;
	height: 580px;
}

/**Import**/
#java-applet{
	border-style: none
}

/**Forms generaly**/
input, textarea, select{
	margin-right: 6px;
	margin-left: 6px;
	margin-top: 3px;
	margin-bottom: 3px;
	border: solid 1px;
}
.button-submit{
	border: solid 1px;
	background-color: rgba(0,0,0,0);
	margin-left: 0px;
}

.button-icon{
	border: none;
	background-color: rgba(0,0,0,0);
	background-repeat: no-repeat;
	background-position: center center;
	margin-right: 0px;
	margin-left:0px;
	margin-bottom: 0px;
}
label{
	text-align: left;
	padding-left:2px;
	display: flex;
	justify-content: center;
	flex-direction: column;
	line-height: 1;
	height: 100%;
}


.required-input,#frm-addForm-username,#frm-addForm-password, #frm-addForm-password2,#frm-addForm-surname,#frm-addForm-email,#frm-addForm-role, #frm-editForm-name, #frm-editForm-country, #frm-editForm-surname, #frm-editForm-username, #frm-editForm-email, #frm-editForm-role, #frm-editPersonForm-surname, #frm-editForm-authors, #frm-editForm-title, #frm-editForm-year{
	border-width: 1px;
}

.id-input{
	/*background-color: rgba(0,0,0,0);*/
	/*border-style: none;*/
}

#frm-occurenceEditForm-personbut, #frm-occurenceEditForm-sourcebut, #frm-occurenceEditForm-projectbut,#frm-searchForm-addauthor,#frm-editForm-namedplacebut,#frm-localityEditForm-namedplacebut,#frm-settingForm-personadd{
	background-image: url(../images/plus16-g.svg);
	background-repeat: no-repeat;
	background-position: center;
	width:21px;
}

#frm-localityEditForm-namedplaceeditbut{
	background-image: url(../images/edit16-g.svg);
	background-repeat: no-repeat;
	background-position: center;
	width:21px;
}

#frm-editForm-delauthor, #frmSearch-delauthor{
	background-image: url(../images/minus16-g.svg);
	background-repeat: no-repeat;
	background-position: center;
}

#frm-localityEditForm-coordbutosm, #frmSearch-coordg, #frm-usersettingForm-coord, #frm-searchNetMapField-map{
	background-image: url(../images/globe16-g.svg);
}

#date-value{
	font-weight:bold
}

div.form-group{
	border-width: 1px;
	padding:5px;
	border-style: solid;
}

@media only screen and (min-width: 1080px){
	div.form-groupt {
		width: 1060px;
	}
}

@media only screen and (max-width: 1080px){
	div.form-group {
		width: 790px;
	}
}

form th {
	text-align: right;
}

form .required label {
	font-weight: bold;
}

.required {
	font-weight: bold;
	font-style:normal;  
}

form .error {
	font-weight: bold;
	display: block;
}

form th, form td {
	vertical-align: top;
	font-weight: normal;
}

/**Advance search form**/
#frmsearchgroup-date{
	display: flex;
}
[for=frm-searchForm-date1], #frm-searchForm-date1,[for=frm-searchForm-date2],#frm-searchForm-date2{
	width:130px;
	height: unset;
}
@media only screen and (min-width: 1080px){
	#frmsearchgroup-taxon{
		display: grid;
		grid-template-columns: 75px 1fr 160px 1fr 75px 1fr;
		grid-template-rows: 25px;
	}
}
@media only screen and (max-width: 1080px){
	#frmsearchgroup-taxon{
		display: grid;
		grid-template-columns:  repeat(3,1fr);
		grid-template-rows: 15px 25px;
	}
	[for=frm-searchForm-taxonsample]{
		grid-column: 1/2;
		grid-row: 1/2;
		text-align: center;
	}
	[for=frm-searchForm-originaltaxon]{
		grid-column: 2/3;
		grid-row: 1/2;
		text-align: center;
	}
	[for=frm-searchForm-negative]{
		grid-column: 3/4;
		grid-row: 1/2;
		text-align: center;
	}
	#frm-searchForm-taxonsample{
		grid-column: 1/2;
		grid-row: 2/3;
	}
	#frm-searchForm-originaltaxon{
		grid-column: 2/3;
		grid-row: 2/3;
	}
	#frm-searchForm-negative{
		grid-column: 3/4;
		grid-row: 2/3;
	}
}
@media only screen and (min-width: 1080px){
	#frmsearchgroup-locality{
		display: grid;
		grid-template-columns: 110px 100px 110px 100px 20px 20px 75px 75px 75px 1fr;
		grid-template-rows: 25px;
	}
	#frm-searchForm-namedplacesample{
		grid-column: 2/7;
		grid-row: 2/3;
	}
	#frm-searchForm-country{
		width: 338px;
	}
}
@media only screen and (max-width: 1080px){
	#frmsearchgroup-locality{
		display: grid;
		grid-template-columns: 100px 100px 20px 20px 75px 1fr;
		grid-template-rows: 30px 25px 15px 25px;
	}
	[for=frm-searchForm-latitudeformat]{
		grid-column: 1/2;
		grid-row: 1/2;
		text-align: center;
		line-height: 1;
	}
	[for=frm-searchForm-longitudeformat]{
		grid-column: 2/3;
		grid-row: 1/2;
		text-align: center;
		line-height: 1;
	}
	[for=frm-searchForm-distance]{
		grid-column: 5/6;
		grid-row: 1/2;
		text-align: center;
	}
	[for=frm-searchForm-locality]{
		grid-column: 6/7;
		grid-row: 1/2;
		text-align: center;
	}
	
	#frm-searchForm-latitudeformat{
		grid-column: 1/2;
		grid-row: 2/3;
	}
	#frm-searchForm-longitudeformat{
		grid-column: 2/3;
		grid-row: 2/3;
	}
	#frmSearch-coordm{
		grid-column: 3/4;
		grid-row: 2/3;
	}
	#frmSearch-coordg{
		grid-column: 4/5;
		grid-row: 2/3;
	}
	#frm-searchForm-distance{
		grid-column: 5/6;
		grid-row: 2/3;
	}
	#frm-searchForm-locality{
		grid-column: 6/7;
		grid-row: 2/3;
	}
	
	[for=frm-searchForm-namedplacesample]{
		grid-column: 1/5;
		grid-row: 3/4;
		text-align: center;
	}
	[for=frm-searchForm-netmaparea]{
		grid-column: 5/6;
		grid-row: 3/4;
		text-align: center;
	}
	[for=frm-searchForm-phytochorion]{
		grid-column: 6/7;
		grid-row: 3/4;
		text-align: center;
	}
	
	#frm-searchForm-namedplacesample{
		grid-column: 1/5;
		grid-row: 4/5;
	}
	#frm-searchForm-netmaparea{
		grid-column: 5/6;
		grid-row: 4/5;
	}
	#frm-searchForm-phytochorion{
		grid-column: 6/7;
		grid-row: 4/5;
	}
	[for=frm-searchForm-country]{
		grid-column: 1/5;
		grid-row: 5/6;
		text-align: center;
	}
	#frm-searchForm-country{
		grid-column: 1/5;
		grid-row: 6/7;
		text-align: center;
	}
}
#frmsearchgroup-collectors{
	display: grid;
	grid-template-columns: 380px 390px 16px 1fr;
	grid-template-rows: 16px 70px 15px;
}
[for=frm-searchForm-author]{
	grid-column: 1/2;
	grid-row: 1/2;
	text-align: center;
}
#frm-searchForm-author{
	grid-column: 1/2;
	grid-row: 2/3;
}
#frm-searchForm-authors{
	grid-column: 2/3;
	grid-row: 2/3;
}
[for="frm-searchForm-authors"]{
	grid-column: 2/3;
	grid-row: 3/4;
	text-align: left;
}
#frmSearch-delauthor{
	grid-column: 3/4;
	grid-row: 2/3;
}
[for="frm-searchForm-authors_2"]{
	grid-column: 2/3;
	grid-row: 1/2;
	text-align: center;
}

@media only screen and (min-width: 1080px){
	#frmsearchgroup-other{
		display: grid;
		grid-template-columns: 90px 1fr 75px 200px 75px 200px;
		grid-template-rows: 25px 25px 25px;
	}
	[for=frm-searchForm-source]{
		grid-column: 1/2;
		grid-row: 1/2;
	}
	#frm-searchForm-source{
		grid-column: 2/7;
		grid-row: 1/2;
	}
}
@media only screen and (max-width: 1080px){
	#frmsearchgroup-other{
		display: grid;
		grid-template-columns: repeat(3,1fr);
		grid-template-rows: 16px 25px 15px 25px 15px 25px;
	}
	[for=frm-searchForm-source]{
		grid-column: 1/4;
		grid-row: 1/2;
		text-align: center;
	}
	#frm-searchForm-source{
		grid-column: 1/4;
		grid-row: 2/3;
		text-align: center;
	}
	[for="frm-searchForm-project"]{
		grid-column: 1/2;
		grid-row: 3/4;
		text-align: center;
	}
	#frm-searchForm-project{
		grid-column: 1/2;
		grid-row: 4/5;
	}
	[for="frm-searchForm-id"]{
		grid-column: 2/3;
		grid-row: 3/4;
		text-align: center;
	}
	#frm-searchForm-id{
		grid-column: 2/3;
		grid-row:4/5;
	}
	[for="frm-searchForm-id2"]{
		grid-column: 3/4;
		grid-row: 3/4;
		text-align: center;
	}
	#frm-searchForm-id2{
		grid-column: 3/4;
		grid-row: 4/5;
	}
	[for="frm-searchForm-owner"]{
		grid-column: 2/4;
		grid-row: 5/6;
		text-align: center;
	}
	#frm-searchForm-owner{
		grid-column: 2/4;
		grid-row: 6/7;
	}
	[for="frm-searchForm-typeview"]{
		grid-column: 1/2;
		grid-row: 5/6;
		text-align: center;
	}
	#frm-searchForm-typeview{
		grid-column: 1/2;
		grid-row: 6/7;
	}
	[for="frm-searchForm-deleted"]{
		grid-column: 2/3;
		grid-row: 5/6;
		text-align: center;
	}
	#frm-searchForm-deleted{
		grid-column: 2/3;
		grid-row: 6/7;
	}
}


#frm-searchForm-author{
	width:368px;
	height: 25px;
}
#frm-searchForm-authors{
	width:378px;
}

#frm-searchForm-date1, #frm-searchForm-date2{
	width:100px;
}

#frm-searchForm-project{
	width: 410px;
}

#frm-localityEditForm-coordbut,#frmSearch-coordm{
	background-image: url(../images/mapy_cz.png);
}

#frm-searchForm-originaltaxon,[for=frm-searchForm-originaltaxon]{
	position:relative;
}
#frm-searchForm-taxonsample, #frm-searchForm-family{
	position:relative;
}

/**Simple search form**/
.simple-search{
	width: 700px;
	margin-left:auto;
	margin-right: auto;
}

[for=frm-searchNetMapField-param], [for=frm-searchTaxon-param], [for=frm-searchNamedPlace-param]{
	display: inline-block;
	width: 170px;
}


/**Table general**/
td.icon,div.icon, div.locality-list-header-icon,div.locality-list-header-icon-height{
	width:16px;
}

img.row-icon, img.delete-icon, img.undelete-icon{
	position: relative;
	top:3px;
	z-index:0;
}

a.table-header:hover {text-decoration: underline}

td.format-date,span.format-date{
	width:80px;
}

td.common,span.common{
	width:68px;
	text-align: center;
}

td.owner,span.owner{
	width:200px;
}

td.active{
	width:50px;
	text-align: center;
}

td{
	height: 100%
}

tr{
	height: 100%
}


/**Tool tip**/
/* Add this attribute to the element that needs a tooltip */
[data-tooltip],[data-tooltip2],[data-tooltip3],[data-tooltip4],[data-tooltip5]  {
	position: relative;
}

/* Hide the tooltip content by default */
[data-tooltip]:before, [data-tooltip2]:before, [data-tooltip3]:before,[data-tooltip4]:before,[data-tooltip5]:before,
[data-tooltip]:after, [data-tooltip2]:after, [data-tooltip3]:after, [data-tooltip4]:after, [data-tooltip5]:after {
	visibility: hidden;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	opacity: 0;
	pointer-events: none;
}

/* Position tooltip above the element */
[data-tooltip]:before, [data-tooltip2]:before, [data-tooltip3]:before, [data-tooltip4]:before, [data-tooltip5]:before {
	position: absolute;
	bottom: 150%;
	left: 50%;
	padding: 7px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-align: center;
	line-height: 1.2;
}

[data-tooltip]:before{
	margin-left: -150px;
	content: attr(data-tooltip);
	margin-bottom: 5px;
	font-size: 14px;
	width: 160px;
}

[data-tooltip2]:before{
	margin-left: -10px;
	content: attr(data-tooltip2);
	margin-bottom: 5px;
	font-size: 14px;
	width: 160px;
	z-index: 10;
}

[data-tooltip3]:before{
	margin-left: -60px;
	content: attr(data-tooltip3);
	margin-bottom: -50px;
	font-size: 11px;
	width: 120px;
	font-style:normal;
	z-index: 10;
}

[data-tooltip4]:before{
	margin-left: -10px;
	content: attr(data-tooltip4);
	margin-bottom: 5px;
	font-size: 14px;
	width: 250px;
	z-index: 10;
}

[data-tooltip5]:before{
	margin-left: -253px;
	content: attr(data-tooltip5);
	margin-bottom: 5px;
	font-size: 14px;
	width: 250px;
}
/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after, [data-tooltip2]:after,[data-tooltip4]:after,[data-tooltip5]:after {
	position: absolute;
	bottom: 150%;
	left: 50%;
	margin-left: -5px;
	width: 0;
	border-top: 5px solid white;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	content: " ";
	font-size: 0;
	line-height: 0;
}

[data-tooltip3]:after {
	position: absolute;
	top: 75%;
	left: 50%;
	margin-left: -5px;
	width: 0;
	border-bottom: 5px solid white;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	content: " ";
	font-size: 0;
	line-height: 0;
}

/* Show tooltip content on hover */
[data-tooltip]:hover:before, [data-tooltip2]:hover:before, [data-tooltip3]:hover:before, [data-tooltip4]:hover:before,[data-tooltip5]:hover:before,
[data-tooltip]:hover:after, [data-tooltip2]:hover:after, [data-tooltip3]:hover:after, [data-tooltip4]:hover:after, [data-tooltip5]:hover:after {
	visibility: visible;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	opacity: 1;
}

/**Flash message**/
div.flash {
	position: absolute;
	border: 1px solid;
	padding: 1em;
	margin: 1em 0;
	padding-right: 30px;
	z-index: 1;
}

div.flash.error {
	font-weight:bold;
	border: 1px solid;
	padding: 1em;
	margin: 1em 0;
	z-index: 1;
}

em.error-stress{
	font-style: italic;
	font-weight: bold;
}

em.info-stress{
	font-style: italic;
	font-weight: bold;
}

#flash-cancel{
	position:absolute;
	top:0px;
	right: 0px;
}

#flash-icon{
	position:absolute;
	top:4px;
}

span.flash-text{
	padding-left: 40px;
}

/**Install, update form**/
#wrap-install {
	width: 500px;
	margin-left: auto;
	margin-right: auto;
}

#update-install-error{
	color:red;
	padding: 5px;
	border: red;
	margin:3px;
	background-color: #FCDA9D
}

#update-install-info{
	background-color: #FCDA9D;
	padding: 3px;
	border: red;
	margin:3px;
	margin-top:8px;
}

.install-next{
	color:white;
	font-size: 18px;
	font-weight: bold;
	position:relative;
	float:right;
	text-shadow:
	-1px -1px 0 #4e9e08,
	1px -1px 0 #4e9e08,
	-1px 1px 0 #4e9e08,
	1px 1px 0 #4e9e08;  
}

#install-next-img{
	vertical-align: middle;
}

a.install{
	color:green;
}

#dbversion{
	font-weight: bold;
}

#pending-image{
	width:400px;
	display:none;
}

.install-next:hover{
	cursor: pointer;
}