
html,
body {
    height: 100%;
}

.container-box
{
	display:inline-block; 
	padding:10px; 
	background: rgba(255, 255, 255, .8);
	border: 1px solid #fff;	
	position: fixed;
  	top: 55%;
  	left: 0;

}

.modal-content
{
	background: rgba(255, 255, 255, .7);	
}


.rotated
{
	-moz-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    -o-transform:rotate(-90deg);
    -webkit-transform:rotate(-90deg);
    transform-origin: top left;  
}

.form_button {
    position: fixed;
    right: 0;
    top: 50%;
}

.form_button button.btn.btn-info.btn-lg.turned-button {
    transform: rotate(90deg);
    right: 0;
}

.form_button button.btn.btn-info.btn-lg.turned-button {
    transform: rotate(90deg);
    right: -35px;
    width: 100px;
    position: relative;
}


.blinking{
	animation:blinkingText 0.8s infinite;
}

@keyframes blinkingText{
	0%{		transform: scale(1.1);	}
	49%{	transform: scale(1.0);	}
	50%{	transform: scale(1.1);	}
	99%{	transform: scale(1.0);	}
	100%{	transform: scale(1.1);	}
}

