.card{
	margin-top:30vh;
}

.card-body{
	padding:30px;
	text-align:center;
	border-radius:0px;
}

.vignette {
	box-shadow: 0 0 10px rgba(255, 0, 0, 1) inset;
	animation: pulse 3s infinite;
}

@keyframes pulse {
	0% {
		box-shadow: 0 0 90px rgba(255, 0, 0, 0.9) inset;
		animation-timing-function:cubic-bezier(1,0,0.75,1);
		-webkit-animation-timing-function:cubic-bezier(1,0,0.75,1);
	}
	45% {
		box-shadow: 0 0 120px rgba(255, 0, 0, 1) inset;
		animation-timing-function:cubic-bezier(0.25,0,0,1);
		-webkit-animation-timing-function:cubic-bezier(0.25,0,0,1);
	}
	90% {box-shadow: 0 0 90px rgba(255, 0, 0, 0.9) inset;}
	100% {box-shadow: 0 0 90px rgba(255, 0, 0, 0.9) inset;}
}

.vignette-death {
	box-shadow: 0 0 100px rgba(0, 0, 0, 1) inset;
	animation: death 2s;
}

@keyframes death {
	0% {
		box-shadow: 0 0 100px rgba(255, 0, 0, 1) inset;
		animation-timing-function:cubic-bezier(1,0,0.75,1);
		-webkit-animation-timing-function:cubic-bezier(1,0,0.75,1);
	}
	100% {box-shadow: 0 0 100px rgba(0, 0, 0, 1) inset;}
}

#pvSlider{
	width: 50px;
	height: 450px;
	top: 100px;
	right: 0;
	position: fixed;
	display: none;
	background-color: #fff;
	z-index: 99;
	text-align: center;
}

#pvRange{
	width: 400px;
	height: 50px;
	margin-left:-175px;
	margin-top:200px;
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-o-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	transform:rotate(90deg);
}

#verSenha{
	height: 100%;
	font-size:1.35em;
}

#loading {
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   position: fixed;
   display: none;
   opacity: 0.7;
   background-color: #fff;
   z-index: 99;
   text-align: center;
}

#spinner {
	position: absolute;
	top: 50%;
	left: 50%;	
	width:16em;
	height:16em;
	margin-top: -8em; /*set to a negative number 1/2 of your height*/
	margin-left: -8em; /*set to a negative number 1/2 of your width*/			  
	z-index: 100;
}

.h3, h3{
	font-size: 1.25rem;
	font-variant: small-caps;
}

.h4, h4{
	font-size: large;
}

.h3copy {
	font-size: 1.75rem;
    font-weight: 500;
    line-height: 1.2;
    margin-top: 0;
    margin-bottom: .5rem;
    display: block;
}

.h6copy {
	font-variant: small-caps;
	font-size: 1rem;
    font-weight: 500;
    line-height: 1.2;
}

.lacuna{
	width:120px;
	padding:0px;
	border-radius:0px;
	border:0px;
	border-bottom:1px;
	border-style: solid;
}

.lacuna-bold{
	padding:0px;
	border-radius:0px;
	border:0px;
	border-bottom:2px;
	border-style: solid;
}

.autoresize {
	display:block;
	width:100%;
	box-sizing: border-box;
	resize: none;
	padding:0px;
	border-radius:0px;
	border:0px;
}

.secao {
    margin-top:-75px;
	margin-bottom:75px;
}

.navegacao{
   display: none!important;
}

.grabbable{
	cursor: move; /* fallback if grab cursor is unsupported */
	cursor: -webkit-grab;
	cursor: -moz-grab;
	cursor: -o-grab;
	cursor: -ms-grab;
	cursor: grab;
}

.ui-sortable-helper .cardEquip{
	-webkit-transition-property: transform,box-shadow!important; /* Safari */
	-webkit-transition-duration: 0.2s!important; /* Safari */
	transition-property: transform,box-shadow!important;
	transition-duration: 0.2s!important;
}

.ui-sortable-helper .cardEquip:active{
	-webkit-box-shadow: 20px 25px 25px rgba(0,0,0,0.5),0px 0px 3px rgba(0,0,0,0.5)!important;
	box-shadow: 20px 25px 25px rgba(0,0,0,0.5),0px 0px 3px rgba(0,0,0,0.5)!important;
	-ms-transform: scale(1.03)!important; /* IE 9 */
	-webkit-transform: scale(1.03)!important; /* Safari 3-8 */
	transform: scale(1.03)!important;
	-webkit-transition-property: transform,box-shadow!important; /* Safari */
	-webkit-transition-duration: 0.2s!important; /* Safari */
	transition-property: transform,box-shadow!important;
	transition-duration: 0.2s!important;
}

.ui-sortable-placeholder{
	visibility:visible!important;
	/*background-color: #ecf0f1;
	border: 1px inset #ffffff;*/
	background-color: rgba(0,0,0,0.3);
	border-radius: 5px;
	-webkit-box-shadow: 0px 0px 25px 25px rgba(255,255,255,1) inset!important;
	box-shadow: 0px 0px 25px 25px rgba(255,255,255,1) inset!important;
}

@media (orientation: portrait){
	
	.card{
		margin-top:15vh;
	}
		
	.navegacao{
		display: block!important;
	}
}