/*********************************
			NEW LASTPOS
*********************************/

@media only screen and (max-width: 900px) {
	
	#sitPageContent {
		overflow: hidden;
	}
	
	#panelLeft {
		height: calc(100% - 300px);
		width: 100%;
	}
	
	#panelRight {
		height: 300px;
		width: 100%;
		bottom: 0px;
		padding-bottom: 0px;
	}
	
	.panelLastpos {
		position:relative;
		display: block;
		width: 100%;
		transition: 0.3s;
	}

	#sitCardMap {
		transition: 0.3s;
		height: 55%;
	}
	


}

@media only screen and (min-width: 900px) {
	
	#panelLeft {
		float: left;
		width: calc(100% - 300px);
		height: 100%;
	}
	
	#panelRight {
		float: right;
		width: 300px;
		margin-right: 0px;
	}
	
	.panelLastpos {
		position:relative;
		display: inline-block;
		height: 100%;
		transition: 0.3s;
	}

	#sitCardMap {
		position: relative;
		transition: 0.3s;
		height: 100%;
		width: 100%;
	}
	
}


#divMap {
    width: 100%;
    height: 100%;
    animation: sit-fadeEffect .3s;
}

#pinDiv {
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size:32px;
  font-weight: bold;
}


#formMaster\:itPIN {
	font-size: 24px;
	font-weight: normal;
	text-align:center;
}

#formMaster\:itPIN:focus {
outline: none;
border-color: lightgrey;
-webkit-box-shadow: none;
box-shadow: none;
}


.sit-content {
	position: fixed;
	width: 100%;
	height: 100%;
	transition: 0.3s;
	overflow: auto;
}

.sit-card {
	width: calc(100% - 20px);
	border-left: 1px solid var(--vcolor-4);
	border-top: 1px solid var(--vcolor-4);
	margin-left: 10px;
	margin-top: 10px;
	box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, .2);
	overflow: auto;
}


/* .actionButton{ */
/* 	width: calc(50% - 4px); */
/* } */

.swModalFloatingFooterMap {
	border: none;
}

.swModalFloatingFooterMap {
	padding: 0px;
}