html, body {
	padding: 0;
	margin: 0;
}
.wrapper_rama {

	width: 100%;
	max-width: 800px;
	margin: 0 auto;
	border: 10px solid #1E90FF;
	box-sizing: border-box;
	padding: 5px;
}
#top-bar {
	position: relative;
	
}
#content-bar {
	position: relative;
}
.number {
	position: relative;
	display: inline-block;
	height: 55px;
	width: 130px;
	border: 1px solid gray;
	margin: 3px 5px !important;
	font-size: 20px !important;
	text-align: center;
	color: white !important;
}
#img_shag1, #img_shag3 {
	margin-top: 10px;
	margin-bottom: 15px;
	width: 100%;
}
.image_shag2 {
	width: 100%;
}
#top_shag1 {
	background-color: green;
}
#top_shag2, #top_shag3, #top_shag5 {
	background-color: #778899;
}
.number>span {
	color: #FAEBD7;
}

.input-group>span {
	background-color: #1E90FF !important;
	color: white !important;
}
#btn-next1 {
	float: right;
}
#shag2, #shag3, #shag5 {
	display: none;
}
.iconka {
	width: 30px;
	height: 30px;
}
.iconka2 {

	float: right;
	width: 210px;
	height: 210px;
}

.shag4_left {
	width: 350px;
	float: left;
}

#shag3>.row>.col-sm-6>.input-group>.ico-span {
	background-color: white !important;
	padding: 0 10px !important;
}
.button_plus, .button_minys {
	padding: 7px !important;
}
table {
	text-align: center;
}
table tr, table td, table th {
	text-align: center !important;
	vertical-align: middle !important;
}
.output-danger {
	color: red !important;
	font-weight: bold;
}
.output-success {
	color: green !important;
	font-weight: bold;
}
@media (max-width: 500px) {
	.input-group-addon {
		padding: 5px !important;
	}
	.wrapper_rama {
	border: 5px solid #1E90FF;
	box-sizing: border-box;
	padding: 2px;
	}
	table {
		font-size: 0.9em;

	}
	
}
@media (max-width: 460px) {

	table {
		font-size: 0.8em;
	}
	tr, th, thead, td {
		padding: 2px !important;
	}
}
@media (max-width: 400px) {

	table {
		font-size: 0.7em;
	}
}