:root {
    --accent-color: #003366;
}
.autogrid_row.item{
	margin-bottom:5px;
}
.autogrid_row .column .level, .mobile-label{
	border-bottom: 1px solid var(--accent-color);
	margin-bottom: .7em;
}
.autogrid_row .column h3, .autogrid_row .column p{
	margin-bottom:5px;
}
.autogrid_row .column .option-btns input{
	padding:12px;
	padding: 12px;
    margin: 1px 10px 10px 10px;
    width: 50%;
	text-align: center;
	line-height: normal;
}
.autogrid_row .column .option-btns{
	display: flex;
	justify-content: space-between;
	margin-bottom:25px;
}
.autogrid_row .column .option-btns button.disable{
	background:#989898;
}
.autogrid_row .column .option-btns button{
	min-width: auto;
	width: auto;
	padding: 15px;
	display: inline-block;
    height: 48px;
    cursor: pointer;
    transition: all 0.2s ease-out 0s;
    color: #fff;
    border-radius: 3px;
    font-weight: 700;
    font-size: .8rem;
    text-align: center;
    position: relative;
    -webkit-appearance: none;
}
.autogrid_row .column .option-btns button.submit i:before{
	margin-right:0px;
}

.access-submit{
	text-align:right;
}
.access-submit button{
	width:auto;
}
.total-price .column .level{
	margin-top: 20px;
	border-top: 1px solid var(--accent-color);
	margin-bottom: 20px;
	text-align: right;
}
.total-price .column .level strong{
	margin-right: 10px;
	display: block;
}
.manage-domain .domain-container input{
	margin-bottom:5px;
	width: 100%;
	padding: 10px;
}
.level.mobile-version{
	display: none;
}

@media (max-width:999px){
	.level.desktop-version{
		display: none;
	}
	.level.mobile-version{
		display: block;
	}
}

/* Order Process Page */

.overview-package, .overview-billing-address, .domains{
	padding: 15px 20px;
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.16);
    border-radius: 10px;
    background-color: rgb(247, 247, 247);
	margin-bottom:15px;
}

.mb-2{
	margin-bottom:2%;
}
.bg-gray{
	background-color: #989898;
}
.d-flex{
	display: flex;
	flex-wrap: wrap;
}
.pl-1{
	padding-left:1%;
}
.pl-2{
	padding-left:2%;
}
.pr-2{
	padding-right: 2%;
}
.mx-0{
	margin-left: 0px !important;
	margin-right: 0px !important;
}
.ml-1{
	margin-left: 1% !important;
}
.br-2{
	border-radius: 10px;
}
.color-orenge{
	color:var(--accent-color);
}
.access-key{
	width: 85%;
	word-wrap: break-word;
	line-height: 1.5;
}
.py-2{
	padding-top: 2% !important;
	padding-bottom: 2% !important;
}
.pl-0{
	padding-left: 0px !important;
}
.pr-0{
	padding-right: 0px !important;
}
.hidden{
	display: none;
}
.text-center-flex{
	display: flex;
	align-items: center;
	justify-content: center;
}
.d-flex{
	display: flex;
	flex-wrap: nowrap;
}
.align-items-center{
	align-items: center;
}
.align-items-start{
	align-items: flex-start;
}
.justify-content-center{
	justify-content: center;
}
.copy:hover{
	border:0px !important;
}
.copy{
	cursor: pointer;
	background-color: transparent;
	margin-left: 1%;
}
.copy .fa-check{
	color: green;
	font-size: 120%;
}
.mobile-label{
	display: none;
}
.remove_package{
	border: 1px solid #5555558c;
    padding: 5px 15px;
    border-radius: 15px;
	transition: all 0.5s ease-in-out;
}
.remove_package:hover{
	background-color:var(--accent-color);
	border-color: var(--accent-color);
	color: #fff;
}
@media (max-width:1000px) {
	.mobile-d-none{
		display: none !important;
	}
	.mobile-label{
		display: block;

	}
	.px-sm-4{
		padding-left: 4% !important;
		padding-right: 4% !important;
	}
	.text-center-flex{
		display: block;
	}
	.mobile-text-center-flex{
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.ml-1{
		margin-left: 1% !important;
	}
}
/* Checkout Final */

.download-pdf{
	padding: 12px 20px;
    border-radius: 15px;
    margin-bottom: 25px;
	border: 1px solid #8080800f;
	cursor: pointer;
}
input.submit[type="submit"], button.submit[type="submit"] {
    background: var(--accent-color);
	color: #ffffff;
}
.submit-more {
	padding: 10px;
    width: 100%;
    margin-bottom: 10px;

}
.submit-more button{
	border: none;
    width: 100%;
    padding: 8px;
    border-radius: 4px;
}