.title {
	border-bottom: 2px solid #323232;
	width: 100%;
	display: block;
	text-align: left;
	font-size: 20px;
	font-weight: 200;
	padding-bottom: 5px;
}

.sidecontain {
	display: inline-block;
	width: 250px;
	vertical-align: top;
	padding: 20px 40px;
}

.sidecontain:first-child {
	width: 480px;
}

.sidecontain .title {
	border: none;
}

.halfcontain {
	display: inline-block;
	width: 250px;
	vertical-align: middle;
	padding: 20px 40px;
}

.halfcontain:last-child {
	border-left: 2px solid #565656;
}

.contentcontain {
	width: 963px;
	margin: 0 auto;
	padding: 20px;
	text-align: center;
}

.container {
	width: 100%;
	background: -webkit-linear-gradient(#ffffff 0%, #cecece 100%);
}

.rules .modal > span:last-child {
	text-align: center;
	margin-top: 10px;
	display: block;
}

.confirm, .deny {
	display: inline-block;
	text-align: center;
	padding: 5px 10px;
	font-size: 16px;
	background-color: #444;
	color: white;
	border-radius: 3px;
	text-decoration: none;
	text-transform: uppercase;
	margin: 0px 10px;
}

.confirm:visited, .deny:visited {
	color: white;
}

.confirm:hover, .deny:hover {
	color: white;
}

.confirm:hover {
	background-color: #0ee00e;
}

.deny:hover {
	background-color: #e70e0e;
}

input {
	width: 236px;
	font-size: 15px;
	color: #323232;
	border: none;
	padding: 7px;
	display: block;		
	border-bottom: 1px solid #fff;
	transition: 0.2s ease-out;
}
input:focus {
	outline: none;
}

label {
	color: #aeaeae;
	font-size: 15px;
	font-weight: normal;
	position: absolute;
	pointer-events: none;
	top: 7px;
	left: 7px;
	transition: 0.2s ease-out;
}

input:focus ~ label, input:valid ~ label, input.notEmpty  ~label{
	top: -16px;
	font-size: 12px;
	color: #565656;
}

input:focus, input.valid {
	border-bottom: 1px solid #323232;
}

.group {
	position: relative;
	margin-top: 20px;
}

.group a, .group input {
	display: inline-block;
}

.group input[type="checkbox"] {
	width: auto;
}

#wrongpass {
	color: red;
	margin-bottom: -10px;
	display: block;
}

#activated {
	color: green;
	margin-bottom: -10px;
	display: block;
}

#forgot {
	text-transform: uppercase;
	font-size: 12px;
	text-decoration: none;
	float: left;
	margin-top: 10px;
	
}

.button {
	padding: 5px 10px;
	margin-top: 10px;
	display: inline-block;
	font-size: 16px;
	background-color: #444;
	color: #fff;
	border-radius: 3px;
	text-decoration: none;
}

.button:hover {
	color: white;
}
.button:visited {
	color: white;
}
.submit {
	float: right;
	background-color: #E70E0E;
}

.regheader {
	margin-top: 20px;
}
.regheader, .regrow {
	display: block;
	font-weight: 300;
	
}
.regheader div, .regrow div {
	display: inline-block;
}

.regheader div {
	text-align: center;
	font-size: 13px;
	font-weight: 400;
}

.regrow div {
	text-align: left;
	vertical-align: top;
	font-size: 15px;
}

.regrow {
	margin-top: 10px;
	min-height: 50px;
	padding: 5px 0px;
	cursor: pointer;
}

.regrow:hover {
	background-color: #ddd;
}
.regrow .groupfield .invoices {
	margin-top: 10px;
}
.groupfield {
	width: 170px;
}
.next {
	width: 170px;
}
.status {
	width: 80px;
}
.sub {
	display: block;
	font-size: 75%;
}

.green {
	color: green;
}
.red {
	color: red;
}

.modal {
	position: fixed;
	top: 100px;
	width: 500px;
	padding: 20px;
	left: 50%;
	margin-left: -250px;
	background-color: white;
	z-index: 1000001;
}

.largemodal {
	width: 800px;
	margin-left: -400px;
}

.modal-overlay {
	display: none;
	z-index: 1;
}

.modal-overlay:before {
	z-index: 1000000;
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	content: '';
	background: rgba(1,1,1,0.3);
}

.cancelsub:before {
	z-index: 2000000;
}

.cancelsub .modal {
	z-index: 2500000;
}

.cancelsub .button {
	float: right;
	margin-right: 10px;
}


.modal-header {
	background-color: #444;
	color: white;
	padding: 10px 20px;
	position: absolute;
	width: 800px;
	left: 0;
	top: 0;
}

.modal-header .title {
	text-transform: uppercase;
	padding: 0;
	margin-bottom: -3px;
}

.modal-header .sub {
	text-transform: uppercase;
	font-size: 12px;
	text-align: left;
}

.modal-header a {
	position: absolute;
	color: white;
	text-decoration: none;
	font-size: 20px;
	right: 10px;
	top: 0px;
	
}

.modal-content {
	margin-top: 70px;
	text-align: left;
}

.modal-content>div:last-child {
	margin-top: 30px;
}

.modal-content .title {
	font-size: 16px;
}

.halfwidth {
	display: inline-block;
	width: 49%;
	vertical-align: top;
}

.halfwidth:first-child {
	width: 60%;
}

.halfwidth:last-child {
	width: 39%;
}

.cancel {
	text-align: center;
}

.cancel span {
	display: block;
	font-size: 12px;
}

.rules .modal {
	height: 70%;
	overflow: scroll;
}

.modal-content table {
	width: 100%;
	text-transform: uppercase;
	margin-top: 10px;
}

.modal-content table tr td:last-child {
	font-size: 12px;
}

.modal-content table tr {
	height: 24px;
}

.paymenthistory div:nth-child(5) {
	opacity: 0.5;
}

.paymenthistory div:nth-child(6) {
	opacity: 0.2;
}

@media (max-width: 900px) {
	.contentcontain {
		width: 90%;
		padding: 5%;
	}
	.sidecontain, .sidecontain:first-child {
		display: block;
		width: 90%;
		padding: 5%;
	}
	.modal-header {
		width: 90%;
		padding: 2% 5%;
	}
	.sidecontain:last-child {
		margin-top: 30px;
	}
	.halfcontain {
		display: block;
		width: 90%;
		padding: 5%;
	}
	
	.halfcontain:last-child {
		border-left: none;
		margin-top: 30px;
	}
	
	.modal {
		left: 0;
		margin-left: 0;
		width: 90%;
		padding: 5%;
		position: absolute;
	}
	
	input, .group input {
		width: 100%;
		display: block;
	}
	
	.group input[type="checkbox"] {
		width: auto;
		display: inline;
	}
	
	.regrow div {
		width: 30%;
		text-align: center;
	}
	
	.regheader div {
		width: 30%;
	}
	
	.regrow {
		height: auto;
	}
	
	.halfwidth table td {
		padding: 5px 10px;
	}
	
	.halfwidth:first-child, .halfwidth:last-child {
		width: 100%;
		display: block;
	}
	
	.title {
		text-align: center;
	}
	
	.modal-header .title {
		text-align: left;
	}
	
	.status {
		width: auto;
		text-align: center;
	}
	
	.add_scheduler .submit {
		float: none;
	}
	
	.paymenthistory {
		text-align: center;
	}
}
.checkbox-row,
.checkbox-header {
	width: 20px;
}
.regheader .groupfield {
    width: 150px;
}
.regheader .checkbox-header {
    width: 20px;
}
.checkbox-row input {
	width: 15px;
}

.regrow .checkbox-row input[type=checkbox] {
    -ms-transform: scale(1.25); /* IE */
    -moz-transform: scale(1.25); /* FF */
    -webkit-transform: scale(1.25); /* Safari and Chrome */
    -o-transform: scale(1.25); /* Opera */
    transform: scale(1.25);
    position: relative;
    top: 4px;
}

.regrow div,
.regheader div {

}

.submit-new-repeat {
	background-color: #E70E0E;
	border-radius: 4px;
	color: #fff;
	text-align: center;
	font-weight: 600;
	border:0;
	height: 40px;
	width: 170px;
	margin-top: 25px;
	cursor: pointer;
}

.submit-new-repeat.disabled {
	background-color: #ccc;
	color: #0A1A23;
	cursor: not-allowed;
}

.item-cart-repeat .comment {
	margin-top: 15px;
}
.wrap-repeat-items {
	padding-left: 0;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-content: flex-start;
	align-content: flex-start;
	-webkit-align-items: stretch;
	align-items: stretch;
}
.item-cart-repeat {
	border: 1px solid #7E7E7F;
	border-radius: 8px;
	background: #fff;
	width: 48%;
	margin-top: 25px;
	padding-bottom: 20px;
	flex: 0 0 48%;
	outline: 1px solid;
}
.item-cart-repeat .column .inputs {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-content: center;
	align-content: center;
	-webkit-align-items: center;
	align-items: center;
	margin-top: 25px;
}
.item-cart-repeat .schedules_wrap .selects {
	margin: 0;
}

.item-cart-repeat .schedules_wrap .selects select {
	width: 270px;
	color: #858585;
	font: 14px / 20px 'Oswald';
	height: 38px;
	border: 1px solid #DBDBDB;
	padding-left: 8px;
	padding-right: 8px;
}
.item-cart-repeat .schedules_wrap .selects select option{

}
.item-cart-repeat .schedules_wrap .selects select,
.item-cart-repeat .schedules_wrap .selects .selectbox
{
	margin-bottom: 10px;
}
.item-cart-repeat .selectbox .select {
	width: 215px;
	height: 38px;
	padding-left: 0;
}
.item-cart-repeat .selectbox .select .text {
	font-size: 16px;
	line-height: 38px;
	text-align: left;
	padding-left: 14px;
}
.item-cart-repeat .selectbox .trigger {
	top: 16px;
}
.item-cart-repeat input {
	padding: 10px 14px;
	border: 1px solid #DBDBDB;
	margin-bottom: 10px;
	height: 18px;
	width: 240px;
	color: #858585;
	font: 14px / 20px 'Oswald';
	text-transform: uppercase;
	display: block;
}
.repeat-button {
	width: 100%;
	margin-top: 25px;
	text-align: center;
}
.add-to-cart-repeat {
	background: url(../images/cart-icon.svg);
	background-color: #FF2828;
	background-position: right 22px center;
	background-size: 24px 24px;
	background-repeat: no-repeat;
	border: 0;
	height: 48px;
	min-width: 209px;
	text-align: center;
	font: 18px / 48px 'Oswald';
	color: #fff;
	padding: 0 47px 0 40px;
	-webkit-transition: background 0.25s ease;
	-moz-transition: background 0.25s ease;
	transition: background 0.25s ease;
	cursor: pointer;
}

.item-cart-repeat .schedules_wrap.error {
	border: 2px solid #FF2828;
}
.item-cart-repeat .schedules_wrap {
	padding: 0 25px 0 25px;
}
.item-cart-repeat .schedule_item {
	width: 100%;
	border: 1px solid #c0c7ca;
	border-radius: 8px;
	cursor: pointer;
	margin-bottom: 10px;
	padding-bottom: 10px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-content: stretch;
	align-content: stretch;
	-webkit-align-items: stretch;
	align-items: stretch;
}
.item-cart-repeat .schedule_item.active {
	background: #b3e19d;
}
.item-cart-repeat .schedule_item .time-wrap {
	-webkit-order: 0;
	order: 0;
	-webkit-flex: 0 1 auto;
	flex: 0 1 auto;
	-webkit-align-self: auto;
	align-self: auto;
	width: 140px;
	text-align: left;
	padding-left: 35px;
	padding-top: 8px;
	background: url("../images/calendar.svg");
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: 8px 10px;
	font-size: 13px;
}
.item-cart-repeat .schedule_item .time-wrap .time > div {
	display: inline-block;
}
.item-cart-repeat .schedule_item .info {
	-webkit-order: 0;
	order: 0;
	-webkit-flex: 1 1 auto;
	flex: 1 1 auto;
	-webkit-align-self: auto;
	align-self: auto;
	padding: 8px 8px;
	font-size: 13px;

	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-content: flex-start;
	align-content: flex-start;
	-webkit-align-items: stretch;
	align-items: stretch;
}
.item-cart-repeat .schedule_item .info > div {
	-webkit-order: 0;
	order: 0;
	-webkit-flex: 1 1 33%;
	flex: 0 0 33%;
	-webkit-align-self: auto;
	align-self: auto;
	width: 33%;
}

.item-cart-repeat .schedule_item .info > div.style {
	flex: 1 0 33%;
}

.item-cart-repeat .schedules_wrap h3 {
	margin-bottom: 0px;
}
.custom-calendar {
	margin: 0 auto;
}
.sidecontain.sidecontain-repeat:first-child {
	width: 100%;
}

.contentcontain.contentcontain-repeat {
	width: 50%;
}
.item-cart-repeat .wrap_checkbox {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-content: stretch;
	align-items: stretch;
}
.item-cart-repeat .wrap_price_selector {
	margin-top: 20px;
}
.item-cart-repeat .wrap_checkbox input {
	width: 20px;
	flex: 0 1 20px;
	align-self: auto;
	display: inline-block;
	position: relative;
	top: 6px;
}
.item-cart-repeat .wrap_checkbox label {
	flex: 1 1 calc(100% - 40px);
	align-self: auto;
	position: relative;
	top: 2px;
	left: 0px;
	padding-left: 10px;
	font-size: 10px;
}

.item-cart-repeat .wrap_checkbox label .title {
	font-size: 14px;
}

.schedules_wrap h3 {
	font-size: 16px;
}

.container form .item-cart-repeat .hidden-input-already-filled {
	display: none;
}

.item-cart-repeat .wrap_checkbox.wrap_checkbox-price-period label {
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-content: stretch;
	align-content: stretch;
	-webkit-align-items: stretch;
	align-items: stretch;
}

.item-cart-repeat .btn-show-unfilled-info,
.item-cart-repeat .btn-show-full-info {
	background: #ff2222;
	color: #fff;
	font-weight: bold;
	font-size: 10px;
	border: none;
	margin: 12px auto;
	text-align: center;
	height: 28px;
	padding: 5px 15px 5px 40px;
	width: auto;
	background-image: url("../images/pen.svg");
	background-repeat: no-repeat;
	background-position: center left 10px;
	background-size: 16px 16px;
}

.item-cart-repeat .btn-show-unfilled-info {
	display: none;
}

.btn-show-full-info-wrap {
	text-align: center;
	margin: 0 auto;
}

.item-cart-repeat .wrap_checkbox.wrap_checkbox-price-period label .price_wrap,
.item-cart-repeat .wrap_checkbox.wrap_checkbox-price-period label .title
{
	-webkit-order: 0;
	order: 0;
	-webkit-flex: 1 1 20px;
	flex: 1 1 20px;
	-webkit-align-self: auto;
	align-self: auto;
}
.item-cart-repeat .wrap_checkbox.wrap_checkbox-subscription label .subtitle {
	line-height: 15px;
}
.item-cart-repeat .wrap_checkbox.wrap_checkbox-price-period label .price_wrap {
	line-height: 35px;
}
.item-cart-repeat .wrap_checkbox.wrap_checkbox-subscription label > .title > .subtitle,
.item-cart-repeat .wrap_checkbox.wrap_checkbox-price-period label > .title > .subtitle {
	display: inline-block;
	font-size: 12px;
}
.item-cart-repeat .wrap_checkbox.wrap_checkbox-price-period label .price_wrap {
	-webkit-order: 0;
	order: 0;
	-webkit-flex: 0 1 100px;
	flex: 0 1 100px;
	-webkit-align-self: auto;
	align-self: auto;
	text-align: right;
	padding-right: 10px;
}

.item-cart-repeat .load-more-items-holders {
	display: block;
	cursor: pointer;
}
.item-cart-repeat .hide-more-items-holders {
	display: block;
	cursor: pointer;
}
.item-cart-repeat .schedules_wrap .selects select.error {
	border: 2px solid #f00;
}
#product-select {
    width: 100%;
    height: 32px;
}

.select-product-info .product-select-prices .wrap_checkbox-subscription {
    margin-top: 20px;
}
.select-product-info .product-select-prices {
    margin-top: 20px;
}

.select-product-info .product-select-prices #price_period-checkbox {
    position: relative;
    width: 16px;
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.select-product-info .product-select-prices label {
    position: relative;
    width: 85%;
    top: 0px;
    text-align: center;
    color: #000;
}
.select-product-info .product-select-prices #subscription-checkbox {
    position: relative;
    width:  16px;
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

a.download-pdf-invoice-cabinet {
	padding-left: 40px;
	background-image: url("../images/pdf.png");
	background-position: left center;
	background-size: 28px 32px;
	background-repeat: no-repeat;
	display: block;
	height: 32px;
}

@media only screen and (max-width: 1325px){
	.item-cart-repeat {
		width: 100%;
		flex: 0 0 100%;
	}

	.item-cart-repeat .schedules_wrap .selects select {
		width: 100%;
	}

	.item-cart-repeat .column .inputs {

	}

	.item-cart-repeat input {
		width: 80%;
	}

	.item-cart-repeat .schedule_item .info > div {
		-webkit-flex: 1 1 100%;
		flex: 0 0 100%;
		width: 100%;
	}
}

.modal-content .halfwidth .status,
.modal-content .halfwidth .add_scheduler .selectbox,
.modal-content .halfwidth .add_scheduler select.product-modal-select {
    width: 100%;
}

.modal-content .halfwidth .add_scheduler .selectbox .select {
    width: calc(100% - 52px);
}

.modal-content .halfwidth .add_scheduler .selectbox .dropdown {
    padding-left: 0;
}

.modal-content .halfwidth .selectbox .select .text,
.modal-content .halfwidth .selectbox li
{
    font: 14px / 32px system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: 200;
}

.modal-content .halfwidth .selectbox .select {
    height: 30px;
    padding-left: 7px;
    padding-right: 45px;
}

.modal-content .halfwidth .selectbox .trigger {
    top: 12px;
}

.modal-content .halfwidth .selectbox ul.dropdown {
    top: 30px !important;
    left: 1px;
    position: relative;
}