/* ==UserStyle==
@name			pac-styling
==/UserStyle== */

/* ==UserStyle==
@name			pac-styling
==/UserStyle== */

a {
	color: #3f3f3f;
}

a:hover {
	color: #339c3c
}

.col-sm-offset-1 {
	margin-left: 0px;
}

p {
	font-size: 16px;
}

body{font-family: Helvetica!important;}

small{font-size: 16px;}

.alert-success{background-color: #eef4ec!important;}

/* =HEADER ------------------------------------- */

.header-con {
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: auto;
	z-index: 1000
}

.header-top-bar-con {
	border: 10px solid #ffffff;
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	border-bottom: -0px;
	background-color: #ffffff
}

.top-header-bar-side-con, .top-header-bar-middle-con, .top-headerbar-side-box {
	border-radius: 10px;
	background-color: #ebebe5;
	border: none
}

.navbar-brand img {
	max-width: 80px !important;
	height: auto !important
}

.nav-button {
	top: 20px;
	right: 30px;
}

.nav-button a {
	border-radius: 10px;
	padding: 6px 10px 4px;
	font-size: 14px;
	line-height: 18px;
	font-weight: 400
}


.header-con .navbar-default .navbar-nav {
	margin-right: 0px;
}

.header-con .navbar-default .navbar-nav li {
	margin-left: 40px;
	margin-right: 0px;
}

.navbar-main .navbar-nav .open .dropdown-menu>li>a {
	color: #3f3f3f;
}

.navbar-header {
	border-radius: 10px;
}


/* =FOOTER ------------------------------------- */

.footer-main-section {
	border-radius: 10px;
	border: none;
	margin: 10px !important;
	margin-bottom: 10px !important
}



/* =NAVBAR ------------------------------------- */

section#main-menu {
	position: fixed;
	top: 172px;
	left: 0px;
	right: 0px;
	z-index: 999;
	background-color: #ebebe5;
	margin-left: 10px;
	margin-right: 10px;
	border-radius: 10px;
}

#main-menu .navbar-main {
	padding-left: 0px;
	padding-right: 0px;
}

.navbar-main .navbar-nav>li>a {
	text-transform: uppercase;
}

.navbar-main .navbar-nav>li>a:hover, .navbar-main .navbar-nav>li.dropdown.open>a {
	background-color: transparent;
	color: #339c3c;
}


/* =DROPDOWN MENU ------------------------------------- */

.navbar-main .dropdown-menu {
	padding;
	0px 0px !important
}

ul.dropdown-menu a {
	font-size: 20px;
	text-transform: uppercase;
}

ul.dropdown-menu a:hover {
	background-color: #ffffff !important;
	color: #339c3c !important
}

.navbar-main li.account {
	background-color: transparent;
}

.navbar-main li.account a {
	color: #339c3c !important
}

.navbar-main li.account ul.dropdown-menu a {
	color: #3f3f3f !important;
}

.navbar-main li.account ul.dropdown-menu a:hover {
	color: #339c3c !important;
}

.navbar-main .navbar-nav>li>a {
	padding-top: 12px;
}



/* =MAIN ------------------------------------- */

#main-body {
	padding-top: 250px !important;
}

p {
	font-family: helvetica !important;
	font-weight: 400 !important
}

.container {
	width: calc(100% - 10px);
	padding-left: 10px;
	padding-right: 10px;
}

.container .header-lined h1 {
	border-bottom: 2px dashed #3f3f3f;
}

.form-group h3 {
	color: #339c3c !important;
}

.label-success, .label-info, .label-danger, .label-warning {
	float: none !important;
	font-size: 16px !important;
	font-weight: 400;
	margin-bottom: 10px;
	display: inline-block;
	background-color: #339c3c;
}

.label-danger{background-color: red!important}

.label-warning{background-color: orange!important;}

.label-success:after {
	font-family: "Font Awesome 6 Pro";
	content: '\f00c';
	font-weight: 700;
	margin-left: 20px
}

.alert-warning {
	color: #000000;
	font-weight: 400
}

.alert-warning:before {
	font-family: "Font Awesome 6 Pro";
	content: '\f071';
	padding-right: 10px;
}


.info-text-sm:before{content: none!important}
strong {
	font-weight: 400;
}

/* =LOGIN ------------------------------------- */

.logincontainer {
	border-radius: 10px;
	max-width: 600px;
	padding: 20px;
	border: 2px dashed #3f3f3f;
	margin-bottom: 0px
}

.logincontainer .header-lined h1, .header-lined h1 {
	display: flex;
	justify-content: space-between;
	text-transform: uppercase;
	color: #339c3c !important;
	align-items: center
}

.logincontainer .header-lined h1 small, .header-lined small {
	line-height: 1.5;
	color: #3f3f3f;
	font-size: 50%
}

.logincontainer .form-group label, .form-group label {
	font-weight: 400
}

.logincontainer .form-group label:before {
	content: 'Your ';
}

.logincontainer .form-group input, .form-group input {
	border-color: #3f3f3f;
	font-size: 18px;
	height: auto;
}

.logincontainer input#login, .logincontainer form .form-group button.btn, .form-group input.btn, p input.btn, .label-success, a.twofa-config-link, .sitejet-actions-item button.div-service-item, button.btn, .card-body a.btn, .label-info, .label-danger, .label-warning, .alert-warning .pull-right a, .account-paymentmethods-body p a.btn, .account-paymentmethods-manage-body a[data-target="#modalBillingAddress"], .account-paymentmethods-manage-body .submit-container .col-sm-offset-4 button, .account-paymentmethods-manage-body .submit-container .col-sm-offset-4 a, .logincontainer form .btn-default, input#openTicketSubmit, .supportticketsubmit-steptwo-body form p.text-center a.btn-default, .account-user-management-body table.table tbody tr td:last-child a, #Primary_Sidebar-Ticket_Information-Ticket_Sensitive_Data a, .clientareaemails-body .listtable td:last-child .btn, .clientareadomainregisterns-body .form-horizontal p input.btn {
	border-radius: 10px;
	padding: 12px 30px 10px;
	font-family: 'DINCondensedRegular';
	text-transform: uppercase;
	font-size: 20px!important;
	line-height: 22px;
	float: left;
	border: none;
	opacity: 1;
}

input#openTicketSubmit, .supportticketsubmit-steptwo-body form p.text-center a.btn-default{float: none;}



a.btn-default, #SitebuilderLogin .panel-body button:last-child {
	background-color: #ebebe6;
}

a.btn-success, #cPanelExtrasPurchasePanel button.btn, .alert-warning .pull-right a, #SitebuilderLogin .panel-body button:first-child, .account-paymentmethods-manage-body a[data-target="#modalBillingAddress"], .account-paymentmethods-manage-body .submit-container .col-sm-offset-4 button, input#openTicketSubmit, .clientareadomaindetails-body .text-center input.btn, form[action="/account/users/invite"] button, #SitebuilderLogin .btn-service-sso, .clientareaemails-body .listtable td:last-child .btn, .clientareadomainregisterns-body .form-horizontal p input.btn {
	background-color: #339c3c;
	color: #ffffff
}

.clientareadomainregisterns-body .form-horizontal p input.btn{float: none}

a.btn-success:hover, a.btn-default:hover, #cPanelExtrasPurchasePanel button.btn:hover, #SitebuilderLogin .panel-body button:hover, .account-paymentmethods-body p a.btn:hover, .account-paymentmethods-manage-body a[data-target="#modalBillingAddress"]:hover, .account-paymentmethods-manage-body .submit-container .col-sm-offset-4 button:hover, .account-paymentmethods-manage-body .submit-container .col-sm-offset-4 a:hover, input#openTicketSubmit:hover, .clientareadomaindetails-body .text-center input.btn:hover, form[action="/account/users/invite"] button:hover, #SitebuilderLogin .btn-service-sso:hover, .clientareaemails-body .listtable td:last-child .btn:hover, .clientareadomainregisterns-body .form-horizontal p input.btn:hover {
	background-color: #3f3f3f;
	color: #ffffff
}

.logincontainer input#login:hover, .logincontainer form .form-group button.btn:hover, a.twofa-config-link:hover {
	background-color: #3f3f3f;
}

.logincontainer form .form-group.text-center {
	text-align: left;
}

.logincontainer form .form-group button.btn, a.twofa-config-link {
	float: none;
}

.logincontainer form .btn-default {
	float: right;
}




/* =SIDEBAR ------------------------------------- */

.panel-sidebar {
	border: 2px solid #3f3f3f;
	border-radius: 10px;
	overflow: hidden;
}

.main-content, .sidebar {
	
}

.panel-heading, .products .product header {
	background-color: #ebebe6 !important;
	border-radius: 10px 10px 0px 0px; margin: 0px;
}

.panel-heading h3.panel-title, .form-group h3, .main-content h2, .promo-container h3, .cpanel-package-details h4, #tabAddons h3, .affiliate-referral-link h3, h3, h4, .products .product header span {
	font-size: 24px!important;
	font-family: 'DINCondensedRegular';
	text-transform: uppercase;
	color: #3f3f3f
}

.panel-info>.panel-heading {
	border: none !important;
}

.panel-heading i.fas, .panel-heading i.far {
	color: #339c3c !important;
	font-weight: 700;
}

.panel-sidebar .list-group a {
	font-size: 18px;
	text-transform: uppercase;
	line-height: auto !important;
	padding-top: 10px;
	background-color: transparent
}



.panel-sidebar .list-group a:hover, .panel-sidebar .list-group a.focus, .panel-sidebar .list-group a.active {
	background-color: transparent !important;
	border-color: transparent !important;
	color: #339c3c
}

.panel-sidebar .list-group a.active:after {
	font-family: "Font Awesome 6 Pro";
	content: '\f061';
	float: right
}

.panel-sidebar .list-group a i {
	color: #339c3c !important;
}

.panel-sidebar .list-group .badge {
	font-size: 20px;
	font-weight: 400;
	padding: 0px;
	margin-top: 0px;
	color: #339c3c;
	text-align: right
}

.panel-footer {
	border-radius: 0px 0px 10px 10px;
	background-color: #ffffff !important;
}


/* =BREADCRUMB ------------------------------------- */

.breadcrumb {
	font-size: 14px;
	text-transform: uppercase;
	color: #3f3f3f !important;
	padding-top: 10px
}

.breadcrumb li.active {
	color: #3f3f3f !important;
	font-family: 'DINCondensedRegular';
	font-size: 18px;
}

.breadcrumb a {
	color: #339c3c !important;
	font-family: 'DINCondensedRegular';
	font-size: 18px;
}



/* =CHOOSE ACCOUNT ------------------------------------- */

.col-sm-offset-2 {
	margin-left: 0px !important;
	width: 100%
}

.select-account a {
	padding-left: 0px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	color: #3f3f3f !important
}

.label-info {
	border-radius: 6px;
	display: inline-block;
	line-height: 1;
	text-transform: uppercase;
	font-weight: 400;
	background-color: #339c3c
}

.select-account a:hover {
	background-color: #ffffff !important;
	color: #339c3c !important;
}



/* =PROFILE ------------------------------------- */


.form-group input.btn, p input.btn {
	float: none;
}

.form-group input.btn:hover, p input.btn:hover {
	background-color: #3f3f3f
}

.form-group input.btn:last-child, p input.btn:last-child {
	background-color: #f2f2f2;
	
}

.panel-sidebar {
	font-size: 16px;
	font-family: helvetica;
}

.panel-sidebar a{
	font-family: 'DINCondensedRegular';
	font-size: 20px!important;
}


.panel-footer a.btn {
	border-radius: 10px;
	padding: 12px 30px 10px;
	font-family: 'DINCondensedRegular';
	text-transform: uppercase;
	font-size: 20px;
	line-height: 22px;
	background-color: #339c3c;
	color: #ffffff
}

.panel-footer a.btn:hover {
	background-color: #3f3f3f !important;
}

table.table-list tbody td {
	font-family: 'DINCondensedRegular';
}

/* =DATA TABLES ------------------------------------- */

.dataTables_wrapper .dataTables_info {
	border-radius: 10px;
	background-color: #ebebe6;
	font-weight: 700 !important;
	color: #3f3f3f;
	text-transform: none;
	font-size: 16px;
	line-height: 20px;
}

.tiles .row {
	border: 0px solid #3f3f3f;
	border-radius: 10px;
	overflow: hidden;
}

.tiles .tile {
	border-color: #ffffff;
	border-width: 3px;
	background-color: #ebebe6
}

.tiles .tile .stat {
	color: #339c3c;
	font-family: 'DINCondensedRegular';
}

.tiles .tile .title {
	color: #3f3f3f;
	font-size: 20px;
	font-weight: 400;
	font-family: 'DINCondensedRegular';
}

.tiles .tile:hover {
	background-color: #eef4ec !important;
}



.card, .panel, .products .product {
	border-radius: 10px!important;
	border: 2px solid #ebebe6 !important;
	box-shadow: none
}


/* =SERVICES ------------------------------------- */

.status-custom{padding: .2em .6em .3em;}

.status, .status-custom {
	font-weight: 400;
	padding-top: 8px;
	text-transform: uppercase;
	border-radius: 10px;
	color: #ffffff;
	border: none
}



.status-active, .status-completed {
	background-color: #339c3c;
}

.status-terminated {
	background-color: #3f3f3f;
}

.status-fraud, .status-unpaid, .status-payment-pending {
	background-color: orange;
}

.status-cancelled {
	background-color: #aaaaaa;
}

.status-pending, .status-pending-transfer, .status-pending-registration {
	background-color: #df7829;
}

#registration input.btn{background-color: #339c3c}

#registration input.btn:hover{background-color: #3f3f3f}

.status-suspended, .status-grace, .status-redemption, .status-expired, .status-transferred-away {
	background-color: red;
}

.div-service-status {
	width: auto !important;
}

#servicesPanel .list-group .list-group-item {
	padding-top: 8px;
}

#servicesPanel .div-service-name {
	font-size: 18px;
	font-weight: 400
}

#servicesPanel .text-domain {
	font-size: 16px;
	color: #339c3c
}

.panel-title .pull-right a {
	font-size: 16px;
	background-color: transparent;
	color: #3f3f3f !important
}

.panel-title .pull-right a:hover {
	color: #339c3c !important;
}

.promo-banner {
	border-width: 2px;
	border-radius: 10px;
}


.btn-group-secondary button {
	border: 2px solid #339c3c !important;
	border-radius: 10px 0px 0px 10px !important;
	font-size: 20px !important;
	line-height: 22px;
	padding: 6px 10px 4px !important
}

.btn-group-secondary .btn-group-sm button {
	border-left: none !important;
	border-radius: 0px 10px 10px 0px !important
}

.panel-sidebar a.list-group-item.active i, .panel-sidebar a.list-group-item.active:focus i, .panel-sidebar a.list-group-item.active:hover i {
	color: #3f3f3f !important;
	font-weight: 700
}

.div-service-buttons {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
}

.div-service-buttons ul.dropdown-menu{border: 2px solid #339c3c; border-radius: 10px; padding: 0px; overflow: hidden}

.div-service-buttons ul.dropdown-menu li{font-size: 16px; font-weight: normal; text-transform: uppercase; padding-top: 8px; background-color: transparent!important; color: #222222!important}

.div-service-buttons ul.dropdown-menu li:hover{color: #339c3c!important;}


.footer-btn a span:first-child{font-family: 'DINCondensedRegular'!important;}

.div-service-buttons .btn-view-details {
	order: 1;
	background-color: #339c3c;
	color: #ffffff
}

.div-service-buttons .btn-group-secondary {
	order: 2;
}

.div-service-buttons button.btn, .div-service-buttons .btn-group button.btn-custom-action {
	font-size: 16px !important;
	padding-top: 10px;
	padding-bottom: 7px;
}


div.dataTables_wrapper div.dataTables_info {
	padding: 24px 30px 18px !important;
}


.table thead th {
	background-color: #ffffff !important;
	font-size: 14px;
	text-align: left !important;
	border-bottom: 2px solid #3f3f3f !important;
	text-transform: uppercase !important
}

.table tbody td a {
	color: #339c3c;
}

.table tbody td {
	text-align: left !important;
}

td.text-center {
	text-align: left;
}

.dataTables_wrapper .dataTables_length {
	background-color: #ffffff;
}

.dataTables_length label {
	padding-left: 0px !important;
	font-size: 20px !important;
	font-weight: 400 !important;
	text-transform: uppercase;
	color: #3f3f3f
}

.dataTables_wrapper .dataTables_paginate {
	padding-right: 0px !important;
	padding-top: 0px !important
}

ul.pagination {
	font-size: 20px !important;
	border: 2px solid #339c3c;
	text-transform: uppercase;
	border-radius: 10px;
	overflow: hidden
}

ul.pagination li a {
	padding-bottom: 0px !important;
	padding-top: 6px !important;
	font-family: 'DINCondensedRegular'!important;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
	background-color: #339c3c !important;
	border-color: #339c3c;
	font-family: 'DINCondensedRegular'!important;
}

select, select.form-control {
	border: 2px solid #339c3c !important;
	-webkit-appearance: none;
	height: auto !important;
	font-size: 20px !important;
	line-height: 26px !important;
	border-radius: 10px !important;
	background-image: url('https://billing.pacwebhosting.uk/templates/pac-24-live/assets/images/dropdown.svg')!important;
	background-position: center right!important;
	background-repeat: no-repeat!important;
	background-size: 24px!important; 
	padding-right: 32px!important;
}

.dataTables_wrapper .dataTables_length label .form-control {
	padding: 6px 20px 2px;
	margin: 0px 10px
}

.div-service-name>span{font-family: 'DINCondensedRegular'!important; text-transform: uppercase}


/* =RENEW SERVICES ------------------------------------- */

.service-renewals h4, .div-renewal-period-label {
	color: #339c3c !important;
}

.div-renewal-period-label, .service-renewals .pull-left {
	font-size: 18px !important;
}

.service-renewals .service-renewal:nth-child(even) {
	background-color: #f4f4f4;
	: none !important
}

.service-renewals .label {
	padding: 10px 20px 6px;
	font-size: 20px !important;
	font-weight: 400;
	text-transform: uppercase;
	display: inline-block
}

.service-renewals button.btn, button.service-renewals-quick-filter {
	background-color: #339c3c;
	color: #ffffff
}

.service-renewals button.btn:hover, button.service-renewals-quick-filter:hover {
	background-color: #3f3f3f;
	color: #ffffff
}

button.service-renewals-quick-filter {
	margin-left: 10px;
}

.addon-renewals>div {
	border-radius: 10px !important;
	border: 2px solid #3f3f3f;
	overflow: hidden
}



/* =SERVICES QUICK EMAIL ------------------------------------- */

#cPanelBillingOverviewPanel {}



/* =SITEJET ------------------------------------- */

.sitejet-actions-item>div {
	width: 100%;
	font-weight: 400 !important;
	text-transform: uppercase
}

.alert {
	border-radius: 10px;
	border: none;
	color: #3f3f3f
}

.alert-info, .alert-warning {
	background-color: #eef4ec;
	color: #3f3f3f;
	border: none;
	border-radius: 10px
}

.alert-info a, .alert-warning a {
	color: #339c3c;
}

.alert-warning{display: flex; flex-wrap: wrap; align-items: center; gap: 10px}

.alert-warning .pull-right{order: 10; flex: 1; text-align: right}

.alert-warning .pull-right a{float: none;}

.alert-warning a{color: #339c3c;}

#cPanelPackagePanel .col-sm-6 p {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 20px
}

#cPanelPackagePanel .col-sm-6 p a {
	flex: 1;
}

#cPanelPackagePanel .col-sm-6 p button {
	width: 100%;
	background-color: #339c3c
}

#cPanelPackagePanel .col-sm-6 p button:hover {
	background-color: #3f3f3f;
}

.text-info {
	color: #339c3c;
}

.sitejet-actions-item button#sitejetSsoButton, .sitejet-actions-item select#sitejetServiceSelect {
	flex: 1;
}

.sitejet-actions-item .btn-primary:hover {
	background-color: #3f3f3f;
}


/* =REGISTER DOMAN PANEL ------------------------------------- */

#registerDomainPanel .input-group, #registerDomainPanel .input-group-btn {
	display: flex !important;
	flex-wrap: wrap !important;
}

#registerDomainPanel input[type=text] {
	width: 100%;
	border: 2px solid #3f3f3f !important;
	border-radius: 10px;
	margin-bottom: 10px
}

#registerDomainPanel .input-group-btn {
	width: 100%;
	gap: 10px
}

#registerDomainPanel .input-group-btn input, .viewticket-body form#frmAddCcEmail .input-group .input-group-btn .btn, .products-body .product footer a.btn {
	flex: 1;
	border-radius: 10px;
	font-family: 'DINCondensedRegular';
	text-transform: uppercase;
	padding: 12px 30px 10px;
	font-size: 20px;
	line-height: 22px;
	border: none;
}

#registerDomainPanel .input-group-btn input.btn-success, .viewticket-body form#frmAddCcEmail .input-group .input-group-btn .btn {
	background-color: #339c3c
}

#registerDomainPanel .input-group-btn input.btn-default, .supportticketsubmit-steptwo-body form .row.form-group .col-sm-3 button {
	background-color: #ebebe6
}

#registerDomainPanel .input-group-btn input.btn:hover, .supportticketsubmit-steptwo-body form .row.form-group .col-sm-3 button:hover, .viewticket-body form#frmAddCcEmail .input-group .input-group-btn .btn:hover {
	background-color: #3f3f3f;
	color: #ffffff
}

/* =SEARCH ------------------------------------- */

.home-kb-search input {
	border-radius: 10px;
	border: 2px solid #3f3f3f !important
}

.home-kb-search i {
	margin-top: -32px;
}



/* =CPANEL PACKAGE ------------------------------------- */

.cpanel-package-details em {
	font-style: normal !important;
	text-transform: uppercase;
	color: #339c3c
}

.card-body a {
	float: none !important; text-transform: uppercase;}
}

#cPanelExtrasPurchasePanel button.btn {
	margin-top: 20px;
}

#cPanelExtrasPurchasePanel select{width: 100%; margin-bottom: 10px;}

/* =USAGE STATS ------------------------------------- */

#diskUsage strong {
	text-transform: uppercase;
	font-size: 18px
}

#diskUsage {
	font-size: 24px;
	line-height: 26px
}

.cpanel-usage-stats .text-info {
	text-transform: uppercase;
}



/* =SUPPORT ------------------------------------- */

.ticket-number {
	font-style: normal;
	color: #3f3f3f !important;
	text-decoration: none !important
}

.table-list>tbody>tr:nth-child(even)>td {
	background-color: #eef4ec;
	border-top: none !important;
	border-bottom: none !important
}

.clientareadomains-body #tableDomainsList td{color: #3f3f3f!important}

.status-closed, .status-paid, .status-answered {
	background-color: #339c3c;
}

.status-refunded, .status-custom, .status-customer-reply, .status-open {
	background-color: #f0ad4e;
}

.status-custom{color: #ffffff!important;}

.ticket-reply {
	border-radius: 10px;
	border: 2px solid #ebebe6 !important;
	overflow: hidden
}

.ticket-reply .user {
	padding-top: 10px;
	padding-bottom: 10px
}

.ticket-reply .user .name {
	text-transform: uppercase;
	display: flex;
	gap: 20px;
	align-items: center;
	font-size: 26px
}

.ticket-reply .user .name .label {
	padding: 10px 20px 6px;
	border-radius: 10px;
	background-color: #339c3c;
	font-weight: 400;
	margin-top: -4px;
	font-size: 16px
}

.ticket-reply.staff {
	border-color: #339c3c !important;
}

.ticket-reply.staff .date{color: #ffffff!important;}

.ticket-reply .rating span.star:hover:before, .ticket-reply .rating span.star:hover~span.star:before, .ticket-reply .rating-done span.star.active:before{color: #339c3c;}

.ticket-reply.staff .user {
	background-color: #339c3c;
}

.ticket-reply .user .type {
	padding-top: 10px;
	font-weight: 400;
	font-size: 20px !important;
	color: #339c3c
}

.ticket-reply .user i {
	color: #339c3c !important;
}

.ticket-reply.staff .user i {
	color: #ffffff !important;
}

.ticket-reply.staff .user .type {
	color: #ffffff;
}

.ticket-reply.staff .user .name .label {
	background-color: #ffffff;
	color: #3f3f3f;
}



.btn-toolbar button.btn {
	font-size: 14px !important;
	padding: 4px 8px !important;
	border-radius: 4px !important;
	border: 1px solid #3f3f3f
}



/* =SUPPORT PANEL ------------------------------------- */

.panel#ticketsPanel .list-group a {
	font-size: 20px;
	padding-top: 8px
}

.panel#ticketsPanel .list-group a:hover {
	background-color: #eef4ec;
}

.panel#ticketsPanel .list-group a label {
	float: right;
	font-weight: 400;
	text-transform: uppercase;
	background-color: #339c3c !important;
	padding: 8px 10px 4px;
	border-radius: 10px;
	font-family: 'DINCondensedRegular';
}

#kvm-console-launcher small{width: 100%; display: block; clear: both}

#kvm-console iframe{min-width: 100%;}

.product-details-tab-container #domain .module-client-area{display: block;}

.product-details-tab-container #domain .module-client-area .row:last-child{display: block!important;}

.product-details-tab-container #domain .module-client-area .row:last-child .col-md-6{width: 100%;}

a.btn, .nav-button a{font-family: 'DINCondensedRegular'!important;}

.viewticket-body form#frmAddCcEmail .input-group{display: flex; flex-wrap: wrap;}

.viewticket-body form#frmAddCcEmail .input-group input{border: 2px solid #339c3c; border-radius: 10px; font-size: 16px; height: auto}

.viewticket-body form#frmAddCcEmail .input-group .input-group-btn{width: 100%; margin-top: 10px}

.viewticket-body form#frmAddCcEmail .input-group .input-group-btn .btn{width: 100%; color: #ffffff}

.viewticket-body form#frmAddCcEmail .input-group .input-group-btn .btn:before{font-family: "Font Awesome 6 Pro"; content:'\2b'; font-weight: 700; margin-right: 10px}

.footer-copyright-txt p{font-size: 12px!important;}


.panel[menuitemname="Ticket Information"] .list-group-item{text-transform: uppercase;}

.panel[menuitemname="Ticket Information"] .label{font-size: 16px; padding: 8px 10px 4px; font-weight: 400; float: right; border-radius: 10px; margin-top: -4px;}

.panel[menuitemname="Ticket Information"] .panel-footer .row{margin-left: 0px; margin-right: 0px;}

#Primary_Sidebar-Ticket_Information-Ticket_Sensitive_Data a{background-color: #3f3f3f; margin-bottom: 10px}

#Primary_Sidebar-Ticket_Information-Ticket_Sensitive_Data a:hover{background-color: #339c3c!important; color: #ffffff!important}


.modal-footer{display: flex!important;}

.modal-footer button{flex: 1}

.modal-footer button{background-color: #ebebe6!important; color: #ffffff; color: #3f3f3f}

.modal-footer button:last-child{background-color: #339c3c!important; color: #ffffff}

.modal-footer button:hover{background-color:#3f3f3f!important; color: #ffffff!important;}

/* =SUPPORT OPEN TICKET ------------------------------------- */

.supportticketsubmit-stepone-body .main-content .row{margin-left: 0px; margin-right: 0px;}

.supportticketsubmit-stepone-body .main-content .col-sm-offset-1{padding: 0px!important; width: 100%}

.supportticketsubmit-stepone-body .main-content .col-sm-offset-1 .row{display: flex; gap: 20px; flex-wrap: wrap}

.supportticketsubmit-stepone-body .main-content .col-sm-offset-1 .row:before, .supportticketsubmit-stepone-body .main-content .col-sm-offset-1 .row .clearfix{display: none;}

.supportticketsubmit-stepone-body .row .col-md-6{border: 2px solid #ebebe6; flex: 1; text-align: center; border-radius: 10px}

.supportticketsubmit-stepone-body .row .col-md-6 a{display: block; margin-top: 20px; text-transform: uppercase; font-size: 24px;}

.supportticketsubmit-stepone-body .row .col-md-6 a i{display: block;}


/* =BILLING PAYMENT METHODS ------------------------------------- */

#payMethodList tr:first-child {
	background-color: #ebebe6 !important;
	border-radius: 10px !important
}

#payMethodList tr:first-child th:first-child {
	border-radius: 10px 0px 0px 10px;
}

#payMethodList tr:first-child th:last-child {
	border-radius: 0px 10px 10px 0px;
}

#payMethodList tr:first-child th {
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 400
}

#payMethodList td {
	font-size: 20px;
	vertical-align: middle
}

#payMethodList td:last-child {
	display: flex;
	gap: 10px
}

#payMethodList td:last-child a {
	flex: 1;
	font-size: 18px;
	text-transform: uppercase;
	border-radius: 10px;
	border: none;
	padding-top: 10px;
	background-color: #339c3c;
	color: #ffffff
}

#payMethodList td:last-child a:hover {
	background-color: #3f3f3f;
}


/* =BILLING PAYMENT METHOD EDIT ------------------------------------- */

#frmManagePaymentMethod .form-group {
	display: flex;
	flex-wrap: wrap;
}

#frmManagePaymentMethod .form-group label {
	width: 20%;
	font-weight: 300;
	font-family: din-condensed, sans-serif !important;
}

#frmManagePaymentMethod .col-sm-8 {
	flex: 1;
}

#frmManagePaymentMethod .col-sm-8 .row>div {
	width: 100%;
}

#innerBillingContactsContainer .radio-inline {
	width: 90% !important;
}


/* =AFFILIATES ------------------------------------- */

.affiliate-stat {
	border-radius: 10px;
	background-color: #ebebe5;
	color: #3f3f3f;
	text-transform: uppercase
}

.affiliate-stat.alert-warning:before {
	display: none !important;
}

.affiliate-stat i {
	color: #339c3c;
}


.affiliate-referral-link span {
	border: 2px dashed #3f3f3f;
	border-radius: 10px;
	color: #339c3c
}


.footer-box li a{font-family: 'DINCondensedRegular'!important}


.affiliate-stat{text-align: center!important; justify-content:center}

.affiliate-stat i{float: none; margin: 0px auto; font-size: 30px}

.affiliate-stat span{font-size: 60px;; line-height: 70px; width: 100%}

/* =CART ------------------------------------- */

.cart-sidebar {
	display: none;
}

.cart-body {
	width: 100% !important;
}

.cart-body .addon-products .panel-addon{font-size: 16px!important;}

.domain-selection-options .option label{font-size: 16px!important;}

.addon-renewals .service-renewal, .domain-renewals, .service-renewals {
	background-color: #ffffff;
}

.domain-renewal {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.domain-renewal h3 {
	color: #339c3c;
}

.domain-renewals .domain-renewal .label, .service-renewals .service-renewal .label {
	border-radius: 10px;
}

.domain-renewal .form-horizontal .form-group {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-top: 20px
}

.domain-renewal .form-horizontal .form-group label {
	width: auto;
	text-align: left;
	font-size: 18px !important
}

.domain-renewal .form-horizontal .form-group .col-sm-6 {
	flex: 1;
}

.domain-renewal .text-right button {
	float: none;
	background-color: #339c3c;
	color: #ffffff
}

.domain-renewal .text-right button:hover {
	background-color: #3f3f3f;
}


.order-summary {
	border: 2px solid #3f3f3f !important;
	border-radius: 10px !important;
	overflow: hidden
}

.order-summary h2 {
	text-align: left !important;
	background-color: #3f3f3f;
}

.summary-container {
	border-radius: 0px !important;
}

.summary-totals {
	font-size: 20px;
}

.summary-totals .pull-left, .summary-totals .pull-right {
	font-family: din-condensed, sans-serif !important;
	font-weight: 300
}

.summary-totals .pull-right {
	font-weight: 400;
	color: #339c3c;
}

.total-due-today {
	color: #339c3c;
}

.total-due-today span:not(.amt) {
	color: #3f3f3f;
	font-size: 16px
}





#orderSummary a {
	width: 100%;
	border-radius: 10px;
	text-transform: uppercase;
	background-color: #339c3c;
	padding-top: 14px;
	border: none
}

#orderSummary a:hover {
	background-color: #3f3f3f;
}

a.btn-view-more {
	font-size: 16px !important;
	padding-top: 8px
}

.summary-container .product-name {
	font-size: 20px !important;
	font-weight: 400 !important
}

.summary-container span {
	font-size: 20px;
}

.summary-container .pull-right a {
	background-color: transparent !important;
}

a.btn-continue-shopping {
	background-color: transparent !important;
	font-size: 16px !important;
}

a.btn-checkout {
	font-size: 26px !important;
}

.view-cart-items-header {
	border-radius: 10px !important;
	font-size: 14px !important;
	background-color: #ebebe6 !important;
	padding-top: 14px !important
}

.view-cart-items-header .col-sm-7, .view-cart-items-header .col-sm-4 {
	font-size: 14px !important;
	text-transform: uppercase;
	color: #3f3f3f
}

.view-cart-items .item-price{display: flex; flex-wrap: wrap; justify-content: center}

.view-cart-items .item-price span:first-child{order: 1;}

.view-cart-items .item-price span{width: 100%; text-align: center}

.view-cart-items .item-price button{background-color: #ebebe6!important; margin-bottom: 10px}

.view-cart-items .item-price button span{width: 8px; }

.view-cart-items .view-cart-empty{font-size: 20px; font-family: din-condensed, sans-serif !important;
font-weight: 300 !important; text-transform: uppercase}

.view-cart-items .item-title, .view-cart-items .item-domain {
	font-size: 20px !important
}

.view-cart-items-header .text-right{text-align: center!important;}

.view-cart-items .item-title a{background-color: #339c3c; color: #ffffff; text-transform: uppercase; padding: 4px 8px 0px; border-radius: 6px; margin-left: 10px; font-size: 14px; text-decoration: none}

.view-cart-items .item-title a:hover{background-color:#3f3f3f;}

.view-cart-items .item-domain, .item-price span:not(.cycle) {
	color: #339c3c !important;
}

.item-price span.cycle {
	font-size: 16px !important;
}

#order-standard_cart .view-cart-items {
	border-bottom: 2px dashed #3f3f3f;
	margin-bottom: 20px !important
}

.empty-cart button {
	float: none;
	margin-top: 20px !important;
	padding: 12px 30px 10px !important;
	border-radius: 10px !important;
	background-color: #3f3f3f !important;
	text-decoration: none !important
}

.empty-cart button:hover {
	background-color: #339c3c !important;
}



.view-cart-tabs {
	border: 2px solid #339c3c;
	margin-top: 20px !important;
	border-radius: 10px;
	overflow: hidden
}

.view-cart-tabs .nav-tabs {
	border-bottom: none;
	padding-left: 0px !important
}

.view-cart-tabs .nav-tabs li a {
	font-size: 20px;
	background-color: #ffffff !important;
	border: none !important;
	text-transform: uppercase
}

.view-cart-tabs .tab-content {
	background-color: #ffffff !important;
}

.view-cart-tabs button {
	float: none;
	background-color: #ebebe6;
	margin-top: 20px
}

.view-cart-tabs button:hover {
	background-color: #339c3c;
	color: #ffffff;
}


.configuredomains-body .col-sm-6 a{padding: 12px 30px 8px; text-transform: uppercase; border-radius: 10px; color: #ffffff!important; text-decoration: none}

.configuredomains-body .col-sm-6 a:hover{background-color: #339c3c!important;}


.configuredomains-body .alert-danger{font-size: 20px;}

.configuredomains-body .alert-danger ul{margin-left: 20px;}


.configuredomains-body .text-center.pt-4 button{background-color:#339c3c!important ;}

.configuredomains-body .text-center.pt-4 button:hover{background-color: #3f3f3f!important}

/* =ADD ON PRODUCTS ------------------------------------- */

.products .product .product-desc-full-width{width: 100%!important;}

.products .product .text-right{width: 100%!important; display: flex; flex-wrap: wrap; justify-content: space-between; padding-left: 14px; padding-right: 14px; align-items: center; gap: 10px}

.products .product .text-right .product-pricing{margin-bottom: 0px!important; font-size: 24px!important ; color: #339c3c; text-transform: uppercase}

.products .product .text-right .product-pricing span{font-size: 24px!important;}

#order-standard_cart .products .product header{margin: 0px;}

.products .product .text-right button{background-color: #339c3c;}

.products .product .text-right button:hover{background-color: #3f3f3f;}


/* =SITE BUILDER ------------------------------------- */

#SitebuilderLogin .panel-heading{text-align: center; background-color: #ffffff!important;}

#SitebuilderLogin .panel-body{padding: 10px 0px!important; }

#SitebuilderLogin .panel-body form .actions{display: flex; flex-wrap: wrap; gap: 20px}

#SitebuilderLogin .panel-body button{flex: 1;}

#SitebuilderLogin .panel-default > div{width: calc(100% - 170px);}

#SitebuilderLogin .btn-service-sso{width: 100%;}

#SitebuilderLogin small{display: block; padding-top: 10px; text-align: center; float: none; clear: both}


/* =PAYMENT METHODS ------------------------------------- */

.account-paymentmethods-body p a.btn{margin-bottom: 20px;}

.account-paymentmethods-manage-body .form-group label{text-align: left!important; text-transform: uppercase}

.account-paymentmethods-manage-body .fieldgroup-auxfields .col-sm-8{display: flex; flex-wrap: wrap; gap: 10px; align-items: center}

.account-paymentmethods-manage-body .fieldgroup-auxfields .col-sm-8 input{flex: 1; }

.account-paymentmethods-manage-body .fieldgroup-auxfields .col-sm-8 input, input.cc-number-field, .cc-details input, .supportticketsubmit-steptwo-body form .row .form-group input, .supportticketsubmit-steptwo-body .md-editor, .supportticketsubmit-steptwo-body form .row.form-group .col-sm-9 input{border: 2px solid #339c3c!important; border-radius: 10px!important}


label[for=inputBillingAddress]{width: 100%!important}
.account-paymentmethods-manage-body a[data-target="#modalBillingAddress"]{width: 100%!important;}

label[for=inputBillingAddress]{width: 100%!important}
.account-paymentmethods-manage-body a[data-target="#modalBillingAddress"]:before{font-family: "Font Awesome 6 Pro"; content: '\f055'; margin-right: 10px; font-weight: 700}


.account-paymentmethods-manage-body .submit-container .col-sm-offset-4{margin-left: 0px; justify-content: center}

#billingContactsContainer{width: 100%!important;}

#innerBillingContactsContainer label{font-size: 18px; text-transform: none; letter-spacing: 0px!important}

#innerBillingContactsContainer label strong{text-transform: uppercase;}



/* =OPEN TICKET ------------------------------------- */

.supportticketsubmit-steptwo-body form .row{display: flex; flex-wrap: wrap; gap: 20px}

.supportticketsubmit-steptwo-body form .row .form-group{padding-left: 0px; padding-right: 0px; flex: 1}

.supportticketsubmit-steptwo-body .md-editor{overflow: hidden}

.supportticketsubmit-steptwo-body .md-editor .md-header, .supportticketsubmit-steptwo-body .md-editor .md-footer{background-color: #ebebe6!important; }

.supportticketsubmit-steptwo-body .md-editor .md-footer .small-font{font-size: 16px; color: #000000}


.supportticketsubmit-steptwo-body form .row.form-group .col-sm-9, .supportticketsubmit-steptwo-body form .row.form-group .col-sm-3{width: 100%;}

#ticketsdfields{width: 100%!important;}

#ticketsdfields .row{margin-left: 15px; margin-right: 15px; background-color: #339c3c!important; border-radius: 10px; color: #ffffff}

#ticketsdfields .row p, #ticketsdfields .row label, #ticketsdfields .row small{color: #ffffff!important; font-size: 18px!important;}

#ticketsdfields .row label{font-size: 22px!important;}

#ticketsdfields .row small{padding-top: 10px!important; display: block}



/* =CONTACTS ------------------------------------- */

.account-contacts-manage-body .alert-info .row{display: flex; align-items: center}

.account-contacts-manage-body .alert-info .row label{width: auto!important; text-transform: uppercase; font-weight: 400}

.account-contacts-manage-body .alert-info .row .col-sm-6{flex: 1;}

.account-contacts-manage-body .alert-info .row button{background-color: #339c3c; color: #ffffff}

.account-contacts-manage-body .alert-info .row button:hover{background-color:#3f3f3f;}



/* =MY DOMAINS ------------------------------------- */

.clientareadomains-body #tableDomainsList td .btn-group{display: flex; }

.clientareadomains-body #tableDomainsList td .btn-group .btn:first-child{border-radius: 10px 0px 0px 10px; border: 2px solid #339c3c; border-right: 0px}

.clientareadomains-body #tableDomainsList td .btn-group button.btn{border: 2px solid #339c3c; border-left: 0px; border-radius: 0px 10px 10px 0px!important}

.clientareadomains-body .btn-group i{margin-top: 10px;}


/* =USER MANAGEMENT ------------------------------------- */

.account-user-management-body table{border: 2px solid #339c3c!important; border-radius: 10px; display: block!important; overflow: hidden}


.account-user-management-body table.table tbody{width: 100%!important; display: flex!important; flex-wrap: wrap; }

.account-user-management-body table.table tbody tr{width: 100%; display: flex}

.account-user-management-body table.table tbody tr th, .account-user-management-body table.table tbody tr td{width: 50%; display: flex; flex-wrap: wrap; align-items: center; gap: 20px}

.account-user-management-body table.table tbody tr th:last-child{justify-content: flex-end}

.account-user-management-body table.table tbody tr td .label{margin-bottom: 0px;}

.account-user-management-body table.table tbody tr td small{display: block; width: 100%; font-size: 18px}

.account-user-management-body table.table tbody tr td:last-child{justify-content: flex-end;}

.account-user-management-body table.table tbody tr th{font-size: 16px; font-weight: 400; text-transform: uppercase;}

.account-user-management-body table.table tbody tr td:last-child a:first-child{background-color:#339c3c; color: #ffffff;}

.account-user-management-body table.table tbody tr td:last-child a:last-child{background-color: red; color: #ffffff;}

.account-user-management-body table.table tbody tr td:last-child a:hover{background-color: #3f3f3f;}


form[action="/account/users/invite"]{text-align: center;}

form[action="/account/users/invite"] input{border: 2px solid #339c3c; border-radius: 10px}

form[action="/account/users/invite"] .form-group{display: flex; flex-wrap: wrap; gap: 10px; align-items: center}

form[action="/account/users/invite"] .form-group label.radio-inline{flex:1; position: relative; padding: 10px 10px 8px; text-align: center; text-transform: uppercase}

form[action="/account/users/invite"] .form-group label.radio-inline input[type='radio']{-webkit-appearance: none; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; ; margin: 0px; border-color: #ebebe6}

form[action="/account/users/invite"] .form-group label.radio-inline input[type='radio']:checked{border-color: #3f3f3f;}


#invitePermissions{border: none; border-radius: 10px; background-color: #ebebe6; text-align: left}


form[action="/account/users/invite"] button.btn{float: none;}


/* =DNS MANAGEMENT ------------------------------------- */

.clientareadomaindetails-body .form-group{display: flex; flex-wrap: wrap; gap: 20px; align-items: center}

.clientareadomaindetails-body .form-group label{width: auto;}

.clientareadomaindetails-body .form-group .col-sm-7, .clientareadomaindetails-body .form-group .col-sm-5{flex: 1;}

.clientareadomaindetails-body .form-group .col-sm-7 input, .clientareadomaindetails-body .form-group .col-sm-5 input, .clientareadomaincontactinfo-body .row .form-group input{border-radius: 10px; border:2px solid #339c3c ;}


.clientareadomaindetails-body h2.text-center{display: flex; flex-wrap: wrap; gap: 20px; align-items: center; justify-content: center}



.-modules-addons-br_dnsmanager-templates-clientarea-body h1{text-transform: uppercase; font-family: 'DINCondensedBold'; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center}

.-modules-addons-br_dnsmanager-templates-clientarea-body h1 small{color: #3f3f3f; display: inline-block; padding: 10px 10px 6px; border: 2px solid #339c3c; border-radius: 10px; font-size: 20px}


.-modules-addons-br_dnsmanager-templates-clientarea-body #filters{display: flex; flex-wrap: wrap; gap: 10px; background-color: #e7e7e7; justify-content: center; padding: 10px; border-radius: 10px; margin-top: 20px; text-transform: uppercase}

table#br-dns-records{margin-top: 20px;}

table#br-dns-records thead{display: flex!important;}

table#br-dns-records thead tr, table#br-dns-records tbody tr{width: 100%!important; display: flex!important; align-items: center}

table#br-dns-records thead tr th, table#br-dns-records tbody tr td{display: block!important; padding-left: 0px; padding-right: 0px}

table#br-dns-records thead tr th:nth-child(5), table#br-dns-records tbody tr td:nth-child(5){width: 15%!important;}

form[name='br-dnsrecord-manager'] table thead tr th{font-weight: 400; font-size: 16px}

table#br-dns-records tbody tr:nth-of-type(odd) td, table#br-dns-records tbody tr:nth-of-type(odd){background-color: #eef4ec!important;}

table#br-dns-records tbody tr{padding: 10px 0px;}

table#br-dns-records tbody tr td{padding: 0px 10px!important; border: none!important}

table#br-dns-records tbody tr td:first-child{padding-left: 0px!important}

table#br-dns-records tbody tr td input{border: 2px solid green; width: 100%!important}


table#br-dns-records thead tr th:last-child, table#br-dns-records tbody tr td:last-child{text-align: right!important;}


table#br-dns-records tbody tr td:nth-child(4){display: flex!important; gap: 10px; align-items: center}

table#br-dns-records tbody tr td:nth-child(4) input{width: auto; flex: 1;}

table#br-dns-records tbody tr td:nth-child(5) button{background-color: red; width: 100%;}

form[name='br-dnsrecord-manager'] p.textcenter{text-align: center!important;}

form[name='br-dnsrecord-manager'] p.textcenter input.btn-info{background-color: #ebebe6!important; color: #3f3f3f!important;}

form[name='br-dnsrecord-manager'] p.textcenter input.btn-primary{color: #3f3f3f;}

form[name='br-dnsrecord-manager'] p.textcenter input:first-child{color: #ffffff!important; background-color: #339c3c!important}

form[name='br-dnsrecord-manager'] p.textcenter input:first-child:hover, form[name='br-dnsrecord-manager'] p.textcenter input.btn-primary:hover{background-color: #3f3f3f!important; color: #ffffff!important}

form[name='br-dnsrecord-manager'] p.textcenter input.btn-danger{background-color: red!important;}

form[name='br-dnsrecord-manager'] p.textcenter input.btn-info:hover, form[name='br-dnsrecord-manager'] p.textcenter input.btn-danger:hover{background-color: #3f3f3f!important; color: #ffffff!important;}

form[name='br-dnsrecord-manager'] #new_table tr td input{width: 100%!important;}

form[name='br-dnsrecord-manager'] #new_table tr td:first-child, form[name='br-dnsrecord-manager'] #new_table tr td:last-child div{display: flex; align-items: center; gap:5px}

form[name='br-dnsrecord-manager'] #new_table tr td:first-child input, form[name='br-dnsrecord-manager'] #new_table tr td input{border: 2px solid green; flex: 1}


form[name='br-dnsrecord-manager'] #new_table tr td select{font-size: 16px!important; padding: 2px 10px; border-width: 2px!important}


/* =CONTACT INFORMATION ------------------------------------- */


.clientareadomaincontactinfo-body .row .col-md-6{width: 100%;}

.clientareadomaincontactinfo-body .row .col-xs-offset-1{margin-left: 0px; width: 100%}

.clientareadomaincontactinfo-body .row .form-group{display: flex; flex-wrap: wrap; align-items: center; gap: 20px}

.clientareadomaincontactinfo-body .row .form-group label{margin-bottom: 0px; min-width: 100px}

.clientareadomaincontactinfo-body .row .form-group select, .clientareadomaincontactinfo-body .row .form-group input, .clientareadomaincontactinfo-body .row .form-group .intl-tel-input{flex: 1; width: auto;}

.clientareadomaincontactinfo-body .row .form-group .intl-tel-input input{width: 100%;}



/* DOMAINS CONFIGURATION ------------------------------------- */

.configuredomains-body .sub-heading{margin-top: 40px; border-top: 0px!important; text-align: left!important; border-bottom:2px dashed #3f3f3f; height: 11px!important}

.configuredomains-body .sub-heading span{color: #339c3c!important; text-transform: uppercase; font-size: 24px!important; padding-left: 0px!important}

.cart-body .form-group{font-size: 18px!important;}

.cart-body .row .col-sm-6{text-align: center;}

.cart-body .row .col-sm-6 label, .cart-body .row .col-sm-4 label{font-size: 20px!important; margin-right: 0px!important; text-transform: uppercase; color: #3c3c3c!important}

.cart-body .row .col-sm-6 .form-group{font-size: 24px!important;}

.cart-body .row .col-sm-6 .form-group a{background-color: red;}

.cart-body .form-group.row{display: inline-block; align-items: center; width: 49.8%; margin: 0px 0px 20px!important}

.cart-body .form-group.row .col-sm-4{width: 100%!important; text-transform: uppercase}

.cart-body .form-group.row .col-sm-8{width: 100%; margin-top: 10px}

.cart-body .form-group.row .col-sm-8 input, .cart-body .row .col-sm-4 input, #containerNewUserSignup input, textarea[name="notes"]{border: 2px solid #3c3c3c!important; border-radius: 10px!important; width: 100%!important}

/* SSL CERTIFICATES ------------------------------------- */

.store-ssl-index-body .hero{padding-top: 0px;}

.store-ssl-index-body .hero h2{font-size: 40px!important}



/* QUICK CREATE EMAIL ------------------------------------- */

form#frmCreateEmailAccount .row{display: flex; gap: 20px;}

form#frmCreateEmailAccount .row .col-md-6, form#frmCreateEmailAccount .row .col-md-3{padding: 0px!important;}

form#frmCreateEmailAccount .input-group.mb-1 input{padding: 7px 12px 6px; font-size: 20px!important;}

form#frmCreateEmailAccount .input-group.mb-1 input, form#frmCreateEmailAccount .col-md-3 input{border: 2px solid #333333; height: auto}

form#frmCreateEmailAccount .col-md-3 input{border-radius: 10px;}

form#frmCreateEmailAccount .col-md-3 input{font-size: 20px; padding: 6px 12px}

form#frmCreateEmailAccount .input-group.mb-1 input{border-right: 0px; border-radius: 10px 0px 0px 10px}

form#frmCreateEmailAccount .input-group.mb-1 .input-group-addon{border: 2px solid #333333; border-left: 0px; border-radius: 0px 10px 10px 0px}

form#frmCreateEmailAccount .input-group.mb-1 .input-group-addon small{ font-size: 20px}

form#frmCreateEmailAccount .col-md-3 button{background-color: #339c3c;}

form#frmCreateEmailAccount .col-md-3 button:hover{background-color: #3f3f3f;}



/* ACCOUNT DETAILS ------------------------------------- */

.clientareadetails-body input{border: 2px solid #339c3c; border-radius: 10px}

.marketing-email-optin p{font-family: din-condensed, sans-serif !important;
font-weight: 300 !important;}




.account-contacts-manage-body .form-group{display: flex; flex-wrap: wrap; gap: 20px}

.account-contacts-manage-body .form-group .btn{flex: 1;}

.account-contacts-manage-body .form-group .btn-default{background-color: #ebebe6;}

.account-contacts-manage-body .form-group .btn-default:hover{color: #ffffff;}



/* BOOTSTRAP SWITCH ------------------------------------- */

.bootstrap-switch-container{width: 240px!important; margin-left: -80px!important}

.bootstrap-switch{width: 162px!important; border: 2px solid #339c3c; border-radius: 10px}

.bootstrap-switch-handle-on{background-color: #339c3c!important;}

.bootstrap-switch-handle-off{background-color: #ebebe6!important;}

.bootstrap-switch-handle-on, .bootstrap-switch-label, .bootstrap-switch-handle-off{width: 80px!important; font-size: 20px!important; line-height:30px!important; padding-bottom: 2px!important; text-transform: uppercase}

.bootstrap-switch-on .bootstrap-switch-container{margin-left: 0px!important;}


/* ACCOUNT EMAIL HISTORY ------------------------------------- */

.clientareaemails-body .listtable td:last-child .btn{width: 100%;}


/* PRODUCTS PAGE ------------------------------------- */

.products-body .product-desc p{display: none!important;}

.products-body .product-desc{width: 100%!important}

.products-body .product-desc ul li{width: 50%; display: inline-block; float: left; font-size: 18px; font-family: din-condensed, sans-serif !important; font-weight: 300!important; padding-left: 30px; margin-top: 10px; position: relative}

.products-body .product-desc ul li:before{font-family: "Font Awesome 6 Pro"; content: '\f058'; position: absolute; left: 0px; top: 0px; font-weight: 600; color: #339c3c}

.products-body .product-desc ul li span{font-family: 'DINCondensedBold'; font-weight: 400!important; font-size: 22px}

.products-body .product-desc ul li span br:nth-child(2){display: none!important}

.products-body .product footer{width: 100%!important; display: flex; flex-wrap: wrap; gap: 20px; align-items: center; padding: 0px 20px}

.products-body .product footer .product-pricing, .products-body .product footer a.btn{width: calc(50% - 10px); font-size: 18px!important}

.products-body .product footer .product-pricing .price{color: #339c3c;}

.products-body .product footer a.btn{text-transform: uppercase;}


/* DOMAIN SEARCH ------------------------------------- */

#tabHeading-register{text-transform: uppercase!important;}


/* CHECKOUT ------------------------------------- */

#order-standard_cart .sub-heading span{font-size: 24px!important; text-transform: uppercase!important; top: -13px!important; color: #339c3c!important}

#order-standard_cart .account-select-container{border-radius: 10px; border: 2px solid #ebebe6!important; overflow: hidden; margin-bottom: 40px!important}

#order-standard_cart .account-select-container .col-sm-6 .account{background-color: #ebebe6!important}

#order-standard_cart .account-select-container .col-sm-6 .account.active{background-color: #ffffff!important;}

#order-standard_cart .account-select-container .col-sm-6 .account .label{background-color: transparent; color: #339c3c; padding: 0px}

#order-standard_cart .account-select-container .col-sm-12 .account.border-bottom{background-color: #ebebe6; text-align: center;}

#order-standard_cart .account-select-container .col-sm-12 .account.border-bottom .radio-inline{border-radius: 10px; padding: 12px 30px 10px;
font-family: 'DINCondensedRegular'; text-transform: uppercase; font-size: 20px!important; line-height: 22px; background-color: #339c3c; margin-top: 10px; margin-bottom: 10px; color: #ffffff}

#order-standard_cart .account-select-container .col-sm-12 .account.border-bottom .radio-inline .iradio_square-blue{display: none!important;}

#containerNewUserSignup .field-container .row{text-align: center;}

#containerNewUserSignup .field-container .row .col-sm-6{float: none!important; margin-left: auto; margin-right: auto; margin-top: 40px;}

#order-standard_cart p.text-muted{text-align: center; font-size: 18px!important; color: #3f3f3f!important}

#order-standard_cart .alert-success{font-size: 24px; text-transform: uppercase}

#order-standard_cart .alert-success #totalCartPrice{display: block!important; font-size: 30px!important; color: #339c3c}

#order-standard_cart .sub-heading{margin-top: 40px!important;}


#paymentGatewaysContainer .text-center{display: flex; flex-wrap: wrap; gap: 20px; justify-content: center}

#paymentGatewaysContainer .text-center .radio-inline{margin: 0px; padding: 10px; flex: 1; font-size: 20px; text-transform: uppercase; position: relative}

#paymentGatewaysContainer .text-center .radio-inline .iradio_square-blue{background-image: none!important; position: absolute!important; top: 0px; left: 0px; right: 0px; bottom: 2px; width: 100%!important; height: auto!important; border: 2px solid #ebebe6; border-radius: 10px; overflow: hidden!important}

#paymentGatewaysContainer .text-center .radio-inline .iradio_square-blue.hover{border-color: #3f3f3f!important;}

#paymentGatewaysContainer .text-center .radio-inline .iradio_square-blue.checked{border-color: #339c3c!important;}


.cc-input-container{background-color: #eef4ec!important; border: none!important; border-radius: 10px}

.cc-input-container ul li{text-align: center; font-size: 16px!important}

.cc-input-container ul li label{font-size: 20px!important; text-transform: uppercase}

.cc-input-container ul li label .iradio_square-blue{display: none!important;}

#newCardSaveSettings{margin-top: 20px; display: flex!important}

#newCardSaveSettings .new-card-container{width: 100%; text-align: center!important}

#newCardSaveSettings #inputDescriptionContainer{margin-left: auto!important; float: none!important; margin-right: auto!important}

#order-standard_cart textarea[name="notes"]{font-size: 18px;}

button#btnCompleteOrder{float: none!important; background-color: #339c3c!important}

button#btnCompleteOrder:hover{background-color: #3f3f3f!important;}

#order-standard_cart label.checkbox-inline{font-size: 18px!important; color: #3f3f3f!important}


.checkout-security-msg{justify-content: center; font-size: 18px!important;}

.checkout-security-msg:before{display: none!important;}

.checkout-security-msg i{font-size: 20px!important; margin-right: 20px; margin-top: -6px; color: #339c3c!important}


#existingCardsContainer{border-bottom: 2px solid #339c3c; width: 100%!important; font-size: 20px!important; margin-bottom: 20px}


h3.spotlight-section-title{text-transform: uppercase!important;}



.affiliatessignup-body .main-content ul{margin-left: 24px;}

.affiliatessignup-body .main-content input#activateAffiliate{background-color: #339c3c!important;}

.affiliatessignup-body .main-content input#activateAffiliate:hover{background-color: #3f3f3f !important;}



#autoAnswerSuggestions{background-color: #eef4ec!important; border: none!important; border-radius: 10px}

#autoAnswerSuggestions a{font-weight: 400;}



.user-invite-accept-body .invite-box .text-center button.btn, .user-invite-accept-body .invite-box .input-group .input-group-btn button, .user-invite-accept-body form button.btn{float: none!important; background-color: #40a942!important; color:#ffffff}

.user-invite-accept-body .invite-box .text-center button.btn:hover, .user-invite-accept-body .invite-box .input-group .input-group-btnbutton button:hover, .user-invite-accept-body form button.btn:hover{background-color: #3f3f3f!important;}

.user-invite-accept-body .invite-box .input-group{display: flex; flex-wrap: wrap;}

.user-invite-accept-body .invite-box .input-group input.form-control{flex: 2;}

.user-invite-accept-body .invite-box .input-group .input-group-btn{flex:1;}

.domainregister-body .domain-checker-result-headline .domain-price{text-align: center}

.domainregister-body .domain-checker-result-headline .domain-price .price{display: block!important;}

.domainregister-body .domain-checker-result-headline .domain-price button.btn{float: none!important; margin-top: 10px}

.domainregister-body .domain-checker-result-headline .domain-price button.btn:hover{background-color:#3f3f3f;}

.spotlight-tlds{background-color: #ebebe6!important;}

.spotlight-tlds-container .spotlight-tld{border: none; border-radius: 10px; font-size: 20px}

.spotlight-tlds-container .spotlight-tld button{width: 100%!important; background-color: background-color: #339c3c!important}

.domain-lookup-result .domain-available, .domain-lookup-result .domain-price{font-size: 24px!important;}

.suggested-domains{font-size: 18px!important;}



.upgrade-body tbody select{font-size: 14px!important; padding: 5px 32px 5px 5px!important}

.upgrade-body .btn, .upgradesummary-body .btn{background-color: #339c3c!important;}

.upgrade-body .btn:hover, .upgradesummary-body .btn:hover, .invoice-payment-body #btnSubmitContainer .text-center .btn:hover{background-color:#3f3f3f!important;}

.invoice-payment-body #btnSubmitContainer, .invoice-payment-body #btnSubmitContainer .text-center{text-align: center;}

.invoice-payment-body #btnSubmitContainer .text-center .btn{float: none;}



.domain-selection-options .domain-input-group .row{display: flex; justify-content: space-between; flex-wrap: wrap}

.domain-selection-options .domain-input-group .row .col-sm-8{flex: 1;}

.domain-selection-options .domain-input-group .row:before, .domain-selection-options .domain-input-group .row:after{display: none;}

.domain-selection-options .domain-input-group .row button.btn:hover, .configureproductdomain-body .text-center button:hover, #btnCompleteProductConfig:hover{background-color: #3f3f3f;}

.configureproductdomain-body .text-center button{float: none!important;}


#order-standard_cart .info-text-sm{font-size: 18px; line-height 20px}

#btnCompleteProductConfig{width: 100%;}


.secondary-cart-sidebar{position: sticky!important; top: 230px;}


.field-container-additional{padding-top:40px}

#order-standard_cart .field-help-text{font-size: 18px!important}



.view-cart-items-header{color: #3f3f3f!important;}

.view-cart-items .item-qty button.btn{width: 100%; background-color: #339c3c; color: #ffffff}


.clientareaproductdetails-body .main-content .product-icon, .clientareaproductdetails-body .product-details{background-color: #ebebe5!important; border-radius: 10px}

.clientareaproductdetails-body .main-content .product-icon{border-radius: 10px 10px 0px 0px}

.clientareaproductdetails-body .product-details .row{display: flex; flex-wrap: wrap; align-items: center}

.clientareaproductdetails-body .product-details .row .text-center{flex: 1}

.clientareaproductdetails-body .product-details .product-actions-wrapper{display: flex; gap: 20px; padding: 0px 20px 20px; margin-left:0px!important; margin-right:0px!important}

.clientareaproductdetails-body .product-details .product-actions-wrapper .col-xs-12{flex: 1; padding: 0px; align-items: flex-start; margin: 0px!important}

.clientareaproductdetails-body .product-details .product-actions-wrapper .col-xs-12 a{text-transform: uppercase; border: none!important; border-radius: 10px!important; padding-top:10px; font-size: 16px}

.clientareaproductdetails-body .product-details .product-actions-wrapper .col-xs-12 a.btn-success{background-color: #339c3c}

.clientareaproductdetails-body .product-details .product-actions-wrapper .col-xs-12 a.btn-primary{background-color: #3f3f3f}

.clientareaproductdetails-body .product-details .product-actions-wrapper .col-xs-12 a.btn-danger{background-color: red}

.product-status-text{border-left: 24px solid #ebebe5; border-right: 24px solid #ebebe5; padding-top:10px}

.clientareaproductdetails-body .product-details h4{color: #339c3c}


.clientareaproductdetails-body .product-details-tab-container{border: 2px solid #ebebe5!important; border-top: none!important; border-radius: 0px 0px 10px 10px!important}

.clientareaproductdetails-body .product-details-tab-container a{background-color: #339c3c; border-radius: 10px; text-transform: uppercase; font-family: 'DINCondensedBold'; font-size: 16px!important; color: #ffffff; display: inline-block; padding: 14px 30px 10px; border: none!important}

.clientareaproductdetails-body .product-details-tab-container a:last-child{background-color: #3f3f3f !important}

.clientareaproductdetails-body .main-content .fa-circle{color: #339c3c}

.clientareaproductdetails-body .product-details .product-actions-wrapper:before, .clientareaproductdetails-body .product-details .product-actions-wrapper:after{display: none!important}



.product-details-tab-container p{display: inline-block; text-align: left}

.product-details-tab-container .module-client-area{display: inline-block; text-align: right; padding-left:0px; padding-right:0px}

.product-details-tab-container .row{display: flex;}

.product-details-tab-container .row .text-right{width: auto; color: #339c3c; min-width: 200px; text-align: left}

.product-details-tab-container .row .text-left{width: auto; flex: 1}

@media (max-width:991px) {
	div#primary-nav {
		width: 100% !important;
		right: 0px !important;
		background-color: #ebebe5;
		border-radius: 0px 0px 10px 10px
	}

	section#main-menu {
		top: 168px;
	}

	.main-content, .sidebar {
		position: relative;
		top: 0px;
	}

	.main-content {
		margin-bottom: 0px;
	}

	.order-summary {
		width: 100% !important;
	}

	.view-cart-items .col-sm-7 {
		width: 66%;
		display: inline-block
	}

	.view-cart-items .col-sm-4 {
		width: 30%;
		display: inline-block;
	}

	.view-cart-items .col-sm-1 {
		width: 100%;
	}
	
	
	.clientareaproducts-body #tableServicesList_filter, #tableDomainsList_filter, #tableTicketsList_filter, #tableAffiliatesList_filter{float: none!important;}
	
	#tableServicesList_filter, #tableDomainsList_filter, #tableTicketsList_filter, #tableAffiliatesList_filter{margin-top: 0px;}
	
	.clientareaproducts-body #tableServicesList_filter label, .clientareadomains-body #tableDomainsList_filter label, #tableTicketsList_filter label, #tableAffiliatesList_filter label{margin: 0px!important; padding: 10px; background-color: #ebebe6!important; border-radius: 10px 10px 0px 0px}
	
	#tableServicesList_info, #tableDomainsList_info, #tableTicketsList_info, #tableAffiliatesList_info{padding: 10px!important; border-radius: 0px 0px 10px 10px}
	
	#tableServicesList, #tableServicesList tr, #tableServicesList td, #tableDomainsList, #tableDomainsList tr, #tableDomainsList td,
	#tableTicketsList, #tableTicketsList tr, #tableTicketsList td,
	#tableAffiliatesList, #tableAffiliatesList tr, #tableAffiliatesList td{display: block!important;}
	
	#tableServicesList thead, #tableDomainsList thead, #tableTicketsList thead, #tableAffiliatesList thead{display: none!important;}
	
	#tableServicesList tbody, #tableDomainsList tbody, #tableTicketsList tbody, #tableAffiliatesList tbody{width: 100%!important; display: block}
	
	#tableServicesList tbody tr:nth-child(even), #tableDomainsList tbody tr:nth-child(even){background-color:#eff4ed;}
	
	#tableServicesList td, #tableDomainsList td, #tableTicketsList td, #tableAffiliatesList td{border-top: none!important;}
	
	#tableServicesList td.ssl-info, #tableDomainsList td.ssl-info{display: inline-block!important; width: 40px;}
	
	#tableServicesList td:nth-child(2){display: inline-block!important; width: calc(100% - 100px);}
	
	#tableServicesList td:nth-child(3){display: flex!important; justify-content: space-between}
	
	#tableServicesList td:nth-child(3) br{display: inline-block!important; width: 10px}
	
	#tableServicesList td:nth-child(4):before{content: "Next due date: ";}
	
	#tableServicesList td.responsive-edit-button a{border-radius: 10px; padding: 12px 30px 10px; font-family: 'DINCondensedRegular'; text-transform: uppercase; font-size: 20px!important; line-height: 22px; float: none; border: none; opacity: 1; background-color: #3f3f3f; color: #ffffff}
	
	
	#tableDomainsList td:first-child{display: inline-block!important; width: 10px;}
	
	#tableDomainsList td:nth-child(3){width: calc(100% - 150px); display: inline-block!important}
	
	#tableDomainsList td:nth-child(4):before{content: "Reg Date: ";}
	
	#tableDomainsList td:nth-child(5):before{content: "Next Due: ";}
	
	#tableDomainsList td:nth-child(6):before{content: "Auto Renew: ";}
	
	#tableDomainsList td:last-child .btn-group{width: 100%!important;}
	
	#tableDomainsList td:last-child .btn-group a{width: calc(100% - 20px)!important;}
	
	
	#tableTicketsList td:first-child:before{content: "Department: ";}
	
	#tableTicketsList td:nth-child(2) a{border-left: none; padding-left: 0px;}
	
	#tableTicketsList td:last-child:before{content: "Last Updated: ";}
	
	
	#tableAffiliatesList td:first-child:before{content: "Signup Date: ";}
	
	#tableAffiliatesList td:nth-child(2):before{content: "Product / Service: "; display: block}
	
	#tableAffiliatesList td:nth-child(3):before{content: "Amount: ";}
	
	#tableAffiliatesList td:nth-child(4):before{content: "Commission: ";}
	
	
	
	ul.dropdown-menu a:hover{background-color: transparent!important;}
	
	.clientareadomaindetails-body .panel-heading i.pull-right, .clientareaproducts-body .panel-heading i.pull-right{display: none!important;}
	
	.clientareadomaindetails-body .list-group-tab-nav, .clientareaproducts-body .list-group{display: block!important;}
	
	
	.tiles .tile:nth-child(1), .tiles .tile:nth-child(2){border-bottom: 4px solid #ffffff!important}
	
	.domain-renewal .pull-right{float: none!important; text-align: center}
	
	.domain-renewal label.control-label, .domain-renewal .form-group, .domain-renewal .col-sm-6{width: 100%!important; padding-left: 0px; padding-right: 0px!important}
	
	.domain-renewal .text-right{text-align: center;}
	
	.domain-renewal:nth-child(even){padding-left: 10px!important; padding-right: 10px!important;}
	
	
	.affiliates-body .row .col-sm-4{margin-bottom: 10px;}
	
	
	#frmManagePaymentMethod .form-group label, #frmManagePaymentMethod .form-group .col-sm-7, #frmManagePaymentMethod .col-sm-2{width: 100%}
	
	
	.domain-selection-options .domain-input-group .row .col-sm-8, .domain-selection-options .domain-input-group .row .col-sm-2{flex: none; width: 100%;}
	
	.domain-selection-options .domain-input-group .row .col-sm-8 .col-xs-9{width: 100%;}
	
	.domain-selection-options .domain-input-group .row .col-sm-8 .col-xs-3{width: 100%; margin-top: 10px}
	
	
	.view-cart-items .item-title, .item-group{text-align: left!important; display: block!important;}
	
	.view-cart-items .item-title a.btn{display: inline-block; float: right; }
	
	.view-cart-items .item-title .visible-xs-inline{display: block!important; width: 100%!important}
	
	button.btn-remove-from-cart{width:100%;}
	
	.view-cart-items .item-price{width: 100%; padding-top: 20px; font-size: 20px}
	
	.item .col-sm-7{width: 100%!important;}
	
	
	
	.product-details-tab-container p, .product-details-tab-container .module-client-area{width: 100%; text-align: center}
	
	.product-details-tab-container .row{display: block}
	
	.product-details-tab-container .row .text-right{width: 100%}
	
	.product-details-tab-container .row .text-left{width: 100%}
}