@import url('https://fonts.googleapis.com/css?family=Raleway&display=swap');
body{
	font-family: 'Raleway', sans-serif;
}

#mainCam{
}
.btn-capture{
	color: #FCFCFC;
	width: 100%;
	border-radius: 2px;
}
.btn:hover{
	color: #fff;
}

.btn-primary{
	color: #FCFCFC;
	width: 100%;
	border-radius: 2px;

}



.btn-upload:hover{
	background-color: #ff9083;
	border-color: #ff9083;
}

.btn-upload:visited{
	background-color: #ff9083;
	border-color: #ff9083;	
}

.btn-tweet{
	background-color: #00acee;
}

.main-content{
	margin: auto;
	text-align: center;

}
.inst-header{
	margin: auto;
	text-align: center;	
}
.posted_area{
	margin: auto;
	text-align: center;

}

.inst-inside{
	z-index: 60000;
}
.contain{
	position: relative;
}

.posted_area{
	background-color: #545454;
	padding: 12px;
	padding-bottom: 0px;
	white-space: nowrap;
	overflow-x: scroll;
}

.sum_img_footer{
	color: #FCFCFC;
	padding: 5px;
	margin-bottom: 0px;
	margin-top: 3px;
	font-weight: 800;
}

.sum_wrapper{
	cursor: pointer;
}

.filter_thum{
	width: 50px;
	border-radius: 10px;
	cursor: pointer;	
}


.frame_thum{
	width: 50px;	
	border-radius: 10px;
	cursor: pointer;	
}


.footer{
	text-align: center;
	margin: auto;
}


.form-control{

}
.form-control{
	border-radius: 2px;
	border-color: #FE9B91;

}
.form-control:focus{
	border: 1px solid #FE9B91;
 	box-shadow: inset 8px 0px 0px #FE9B91, 0 0 0px #FE9B91;
}

.count{
	color: #56a3a5;
}

.frame_thum{
	border: 1px solid #56a3a5;
}


.select-frame-area{
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	z-index: 60001;
	display: none;
}

.slide-donw-btn{
	color: #FFF;
	width: 100%;
	cursor: pointer;
	height: 30px;
	position: fixed;
}

.flash{
	display: none;
	background-color: #ffffff;
	width: 100%;
	height: 1600px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 60002;
	overflow: hidden;
}

.fa-sync-alt{
	color: #FFF;
	text-align: right;
	z-index: 60002;
	right: 0px;
}

.under_position{
	text-align: right;	
}

video {
    transform: scale(-1, 1);
}