header .container
{
	border-bottom: solid 1px rgba(255, 255, 255, 0.1);
	height: 100%;
}

#rotateButtons{
	display: inline;
}
#rotateButtonsLabel{
	color: #ffab40;
	text-transform: uppercase;
}
#btnRotateRight, #btnRotateLeft{
	margin-right: 0px !important;
}
/*#imageHolderCardAction{
	display:flex;
	justify-content: space-between;
}*/
#imageHolderCard , #faceCanvasCard{
	margin: 0rem 0 1rem 0 !important;
}

/*.imageHolderCardActionHorizontal{
	display:flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: column;
}*/
.cropButtonHorizontal{
	margin-right: 0px !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
}

#editFaceRectBtn{
		overflow: visible;
		height: unset !important;
		/*line-height: unset !important;*/
		width: 100%;
	}
#rotateButtonsLabel{
		display: block;
	}

#rotateButtons{
	margin-top: 10px;
	width:100%;
}

#rotateButtons .btn{
		width:48%;
}

#imgsContainer, #imageHolderCol, #faceCanvasCol{
		padding: 0px;
	}
#rotateButtonsContainer{
	display: flex;
	justify-content: space-between;
}

#modalP5Content{
	display:flex !important;
	/*flex-direction: row;*/


}

#p5-modal{
	max-height: unset !important;
	/*overflow:hidden;*/
	/*overflow:visible;*/

}

#p5-modal-footer{
	border-radius: 0 0 2px 2px;
	background-color: #fafafa;
	padding: 4px 6px;
	/* height: 56px; */
	/* width: 100%; */
	text-align: right;
	display:flex;
	flex-direction:	column;
	justify-content: flex-end;
}

.modalP5ContentHorizontal{
	flex-direction:	row;
}

.modalP5ContentVertical{
	flex-direction:	column;	
}


.modalP5FooterHorizontal{

}

.modalP5FooterVertical{

}

#p5ModalOK, #p5ModalCancel{
	width:100%;
	margin-bottom: 10px;
}

/*#showRightButtonIcon{
	top: 50%;
	position: relative;
}
#showRightButton{
	position:absolute;
	top:0%;
	right:0px;	
	height:100%;
	background-color:#9e9e9e9e;
	padding-left:8px;
	padding-right:8px;
}
#showDownButton{
	position:absolute;
	bottom: 0px;
	background-color:#9e9e9e9e;
	width:100%; 
}
*/

@media only screen and (max-width: 600px) {
	#emailLabel:not(.active) {
		transform: translateY(0px);
		-webkit-transform: translateY(0px);
	}
	#emailLabel.active{
		transform: translateY(-30px) scale(0.8) !important;
		-webkit-transform: translateY(-30px) scale(0.8) !important;
	}
	#emailInputWraper{
		margin-top: 2rem !important;
	}

	

	#imageInfo, #faceImgInfo{
		padding: 13px !important;
	}
	
	#imageHolderCardAction{
		padding-left: 12px;
		padding-right: 12px;
	}

}