.mgPopup div.title h1 { margin: 0 40px 0 0; }

.mgPopup .grey { background-color: #F4F7F9; }

/*.mgPopup form > h3:first-child { margin-top: 0; }*/

/* progress */
.mgPopup .progress {
	white-space: nowrap;
	text-align: center;
}

.mgPopup .progress a {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 2px solid #292254;
    border-radius: 50%;
    text-decoration: none;
    vertical-align: middle;
}

.mgPopup .progress a.disabled {
    color: #999;
    cursor: default;
}

.mgPopup .progress a.current,
.mgPopup .progress a:hover:not(.disabled) {
    background-color: #292254;
    color: #FFF;
}

.mgPopup .progress a.current { cursor: default; }

.mgPopup .progress a:hover:not(.disabled) { cursor: pointer; }

.mgPopup .progress span:not(:first-child)::before,
.mgPopup .progress span:not(:last-child)::after {
    display: inline-block;
    vertical-align: middle;
    content: '';
    width: 10px;
    height: 2px;
    background-color: #292254;
}
/* *** */

.mgPopup .mgNumber {
	border: 1px solid #ccc;
	/*width: 150px;*/
	/*display: flex;
	justify-content: space-between;*/
	border-radius: 5px;
	display: inline-block;
	white-space: nowrap;
}

.mgPopup .mgNumber input {
	width: 60px;
	text-align: center;
	border: 1px solid #eee;
	font-size: 15px;
	vertical-align: middle;

	font-family: sans-serif;

	margin: 0;
	padding: 4px 8px;
	line-height: 24px;
	border-radius: 5px;
	color: #000;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.mgPopup .mgNumber a {
	display: inline-block;
	text-decoration: none;
	width: 40px;
	height: 38px;
	text-align: center;
	font-size: 25px;
	line-height: 36px;
	font-weight: 400;
	vertical-align: middle;

	-webkit-touch-callout: none; /* iOS Safari */
	  -webkit-user-select: none; /* Safari */
	   -khtml-user-select: none; /* Konqueror HTML */
	     -moz-user-select: none; /* Old versions of Firefox */
	      -ms-user-select: none; /* Internet Explorer/Edge */
	          user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}


/* buttons */
.mgPopup .right .buttons { text-align: center; }

/* !!! dublirano */
.mgPopup .right .buttons a {
    display: inline-block;
    margin: 5px;
    text-align: center;
    text-decoration: none;
    box-sizing: border-box;
    background-color: #e2001a;
    color: #FFF;
    font-weight: bold;
    border: 5px solid #f6b2ba;
    border-radius: 25px;
}

.mgPopup .right .buttons a.back {
	background-color: #f6b2ba;
	background-image: url(../svg/back-button.svg);
	background-repeat: no-repeat;
	background-position: center;
	min-height: 49px;
	vertical-align: top;
	padding: 10px 25px;
}
/* *** */

.mgPopup form .f2 {
	display: flex;
	justify-content: space-between;
	gap: 10px;
}

.mgPopup form .f2 > div { flex: 1; }

.mgPopup form input[type=text] { width: 100%; }

@media all and (max-width: 600px) {
    .mgPopup > div.right { width: 100%; }

    .mgPopup div.title,
    .mgPopup .grey,
	.mgPopup > div.right .buttons { padding: 20px; }

	.mgPopup > div.right .mgClose { right: 15px; }
 
	.mgPopup > div.right .buttons a { padding: 10px 50px; }
}

@media all and (min-width: 601px) {
	.mgPopup > div.right { width: 600px; }

	/*.mgPopup div.title,
	.mgPopup .grey,
	.mgPopup .buttons { padding: 40px; }*/

	.mgPopup > div.right .mgClose { margin: 25px 0; }

	.mgPopup > div.right .buttons a.next { padding: 10px 70px; }
}