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

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

	#sitCardMap {
		transition: 0.3s;
		height: 55%;
	}
	
	.swModalFloatingContent {
		max-height: 360px;
	}
	
	#cardPanelLeftFooter {
		position:relative;
	}

}

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

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

@media only screen and (min-height: 500px) and (max-height:700px) and (min-width: 384px){
	.iconOrbitar {
		top: 22vh !important;
	}
}

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

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



.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;
} 

.form-control {
  -webkit-transition: none;
  transition: none;
  width: 40px;
  height: 52px;
  text-align: center;
  border-color: lightgray;
  background-image:none;
}

.form-control:focus {
  color: #3F4254;
  background-color: #ffffff;
  border-color: #DC3545;
  caret-color: #DC3545;
  outline: 0;
}

.form-control.form-control-solid {
  border-color: lightgray;
  color: #3F4254;
  font-size: 14px;
  transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
  background-image:none;
  text-transform: uppercase;
}

.form-control.form-control-solid:active,
.form-control.form-control-solid.active,
.form-control.form-control-solid:focus,
.form-control.form-control-solid.focus {
  border-color: #DC3545;
  caret-color: #DC3545;
  background-color: #FFEFE5;
  color: #3F4254;
  transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
  --tw-ring-color: none;
  --tw-ring-offset-shadow: none;
  --tw-ring-shadow: none;
}