body 
{
    margin: 0;
    overflow-x:hidden;
    margin:0;
    background-color: #f5f5f5;
    position:relative;
    font-family: "Inter", sans-serif !important;
    font-style: normal;
}
a
{
    color: #108f64;
}
.logo_wrapper img
{
    display: inline-block;
    height: 35px;
}
.login_body {
    background-color:#fff
}
.register_body {
    background-color:#1a9e82
}
.full_width {
	width: 100%;
}
/* Login Form */
.login_form_container_inner 
{
    background-color:#fff;
    padding:50px;
    max-width: 560px;
    margin-left:auto;
    margin-right:auto;
    display:block;
    width:100%;
}
.login_form_container_inner form .form-group {
    margin-bottom:20px;
}
.login_form_container_inner form .form-group:last-child {
    margin-bottom: 0;
}
.login_form_container_inner .heading_container {
    position:relative;
    display:block;
    margin-bottom:38px;
}
.login_form_container_inner .heading_container h2 {
    text-align:center;
    margin-top:0;
    margin-bottom:0;
    font-weight:500;
    font-size:30px;
}
.login_form_actions,
.social_login_buttons {
    display:flex;
    align-items:center;
    margin-left:-15px;
    margin-right:-15px;
}
.login_form_actions .item,
.social_login_buttons .item {
    width:100%;
    padding-left:15px;
    padding-right:15px;
}
.social_login_buttons .item a {
    display:flex;
    align-items:flex-end;
}
.login_form_actions .item a {
    color:#737373;
    font-size:13px;
    text-decoration:none;
    display:inline-block;
    white-space:nowrap;
}
.login_form_actions .item a:hover {
    text-decoration:underline;
}
.login_form_actions .item:last-child {
    text-align:right;
}
.password_input_login input
{
    width: 100%;
    padding-left: 2rem;
}
.login_form_container_inner .heading_container p
{
    margin-top: 12px;
    margin-bottom: 0;
    font-size: 18px;
    line-height: 1.4;
    color: #444;
}
.text-center {
	text-align: center;
}
@media only screen and (max-width:767px) {
    .login_form_container_inner {
        padding:50px 20px;
    }
    .login_form_container {
        padding:25px 0!important;
    }
    .login_form_account_container,
    .login_form_container_inner_confirm_password,
    .login_form_container_inner_forgot,
    .team_member_account_form_inner {
        padding:30px 10px!important;
    }
    .login_form_container_inner .heading_container h2 {
        font-size: 24px;
    }
    .login_form_container_inner .heading_container p {
        font-size: 16px;
    }
}
.auth_links_wrapper
{
    color: #737373;
    font-size: 13px;
    text-decoration: none;
    display: inline-block;
    line-height: 1.6;
}
.full_width_button
{
    display: flex;
    justify-content: center;
}

.google_icon_login .p-button-icon.pi-google {
	font-size: 0 !important;
	background-image: url(../images/google-color-icon.svg);
	width: 17px;
	height: 17px;
	background-size: contain;
	background-repeat: no-repeat;
}
.full_width_button .p-button-label {
	flex: initial;
}
.logo_container_login
{
    margin-bottom: 50px;
}
.user_invite_form_row .form-group label {
	display: inline-block;
	font-weight: 500;
	color: #333;
	font-size: 14px;
	margin-bottom: 8px;
	cursor: pointer;
}
.content_wrapper 
{
    padding: 100px 0 70px;
}
@media only screen and (max-width:991px) {
    .content_wrapper {
      padding:100px 0 45px
    }
}
.top_nav_bar {
	position: fixed;
	top: 0;
	bottom: auto;
	right: 0;
	width: 100%;
	height: auto;
	background-color: #222222;
	padding: 15px 0;
    z-index: 100;
}
.top_page_heading
{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: rgb(143, 143, 143);
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.3;
    margin: 0px;
    font-size: 0.875rem;
    font-weight: 700;
}
.website_card_wrapper
{
    outline: 0px;
    text-decoration: none;
    color: rgb(0, 0, 0);
    box-sizing: border-box;
    border-radius: 1rem;
    position: relative;
    overflow: hidden;
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 24px 0px;
    padding: 1rem;
    display: flex;
	align-items: center;
	gap: 20px;
	padding: 1.4rem;
}
.website_card_wrapper .col_item
{
    width: 100%;
    max-width: 100%;
}
.website_card_wrapper .col_item:first-child
{
    width: auto;
}
.website_card_wrapper .col_item .image_wrapper 
{
	position: relative;
	width: 122px;
	border-radius: 10px;
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	height: 105px;
}
.website_card_wrapper .col_item .image_wrapper > div * 
{
    line-height: 0 !important;
    display: block;
}
.website_card_wrapper .col_item .image_wrapper img
{
    width: 100%;
    object-fit: cover;
    display: block;
}
.website_card_wrapper .data_wrapper 
{
	display: flex;
	flex-direction: column;
	gap: 8px;
    width: 100%;
}
.website_card_wrapper .data_wrapper .link_wrapper
{
    position: relative;
}
.website_card_wrapper .data_wrapper .link_wrapper a {
	display: inline-block;
	font-size: 1.125rem;
	color: #19ac8c;
	font-weight: 600;
}
.website_card_wrapper .data_wrapper .link_wrapper a span 
{
	position: relative;
    top: 6px;
}
.website_card_wrapper .data_wrapper .title_wrapper
{
    position: relative;
    padding: 3px 0;
}
.website_card_wrapper .data_wrapper .title_wrapper h3 
{
	text-align: left;
	margin-top: 0;
	margin-bottom: 0;
	font-weight: 600;
	color: rgb(43, 58, 71);
	font-size: 1.625rem;
}
.flex 
{
    display: flex;
}
.website_card_wrapper .actions_wrapper {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	min-width: 275px;
}
.website_card_wrapper .data_wrapper .status_wrapper
{
    color: rgb(16, 143, 100);
    background-color: rgb(207, 233, 224);
    border-radius: 1.5rem;
    width: 1rem;
    min-width: 1rem;
    height: 1rem;
    position: relative;
}
.website_card_wrapper .data_wrapper .status_wrapper::after
{
    content: "";
    display: block;
    position: absolute;
    width: calc(-6px + 1rem);
    height: calc(-6px + 1rem);
    top: 3px;
    left: 3px;
    background-color: rgb(16, 143, 100);
    border-radius: 50%;
    opacity: 1;
}
.website_card_wrapper .data_wrapper .status_wrapper.maintenance_status
{
    background-color: rgba(253, 146, 63, 0.3);
}
.website_card_wrapper .data_wrapper .status_wrapper.maintenance_status::after
{
    background-color: rgb(253, 146, 63);
}
.website_card_wrapper .data_wrapper .website_status 
{
	gap: 6px;
	color: #888;
	font-size: 0.8125rem;
	text-transform: uppercase;
	font-weight: 600;
}
.website_card_wrapper .data_wrapper .website_status .status_text small {
	text-transform: initial;
	font-weight: 400;
	font-size: 12px;
	margin-left: 4px;
}
.website_card_wrapper .data_wrapper .website_status .website_status_text
{
    color: #333333;
	text-transform: initial;
} 
.action_dropdown
{
    position: relative;
    box-shadow: none !important;
}
.action_dropdown:focus,
.action_dropdown:active
{
    border: none;
    outline: none;
    box-shadow: none;
}
.action_dropdown .p-button-icon
{
    font-size: 22px;
}
.website_widgets
{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.add_website_menu 
{
	display: flex;
	justify-content: flex-end;
	gap: 25px;
}
.wp_admin_icon {
	position: relative;
	top: 0px;
	margin-right: 6px;
	line-height: 0;
}
.profile_image_wrapper
{
    cursor: pointer;
    user-select: none;
}
.profile_image_wrapper.p-avatar.p-avatar-lg 
{
	width: 2.4rem;
	height: 2.4rem;
	font-size: 1.1rem;
}
.profile_nav_link {
	display: block;
	padding: 12px 20px !important;
	font-size: 16px;
	color: #333;
	text-decoration: none;
}
#user_overlay_menu
{
    width: 15rem !important;
}
.account_details 
{
	position: relative;
	padding: 14px 15px;
	display: flex;
	flex-direction: column;
	gap: 7px;
}
.account_details .name_account {
	text-align: center;
	font-size: 16px;
	color: #000000;
	font-weight: 500;
}
.account_details .websites_count {
	text-align: center;
	font-size: 14px;
	color: #666;
}
.tabs_wrapper
{
    position: relative;
}
.tabs_wrapper ul
{
    margin-top: 0;
    margin-bottom: 0;
    text-align: center;
    padding: 0;
}
.tabs_wrapper ul li
{
    display: inline-block;
    margin-right: 35px;
}
.tabs_wrapper ul li:last-child
{
    margin-right: 0;
}
.tabs_wrapper ul li a {
	color: #555555;
	text-decoration: none;
	font-size: 18px;
	padding: 23px 2px;
}
.tabs_wrapper ul li a.active 
{
    color: #108f64;
    font-weight: 600;
    border-bottom: 3px solid #108f64;
}
.tabs_wrapper_row
{
    border-bottom: 1px solid #ededed;
    padding: 10px 0 26px;
}
.notifications_wrapper_row
{
    margin-top: 25px;
}
.notifications_wrapper {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 15px;
	padding: 0px 30px;
}
.notifications_wrapper .item 
{
	background-color: #f5f5f5;
	padding: 25px 25px;
	border-radius: 15px;
	overflow: hidden;
    display: flex;
    align-items: center;
}
.notifications_wrapper .item .col_item
{
    width: 100%;
}
.notifications_wrapper .item .col_item:first-child
{
    padding-right: 70px;
}
.notifications_wrapper .item .col_item:last-child
{
    width: auto;
}
.notifications_wrapper .item .label_wrapper 
{
    position: relative;
    margin-bottom: 16px;
}
.notifications_wrapper .item .label_wrapper h3 {
	margin-top: 0;
	margin-bottom: 0;
	color: rgb(92, 95, 102);
	font-size: 1.125rem;
}
.notifications_wrapper .item .desc_wrapper p {
	margin-top: 0;
	margin-bottom: 0;
	color: rgb(43, 58, 71);
	line-height: 1.5;
	font-size: 1.125rem;
}
.account_profile_wrapper {
	position: relative;
	padding: 0 40px;
}
.account_profile_wrapper .avatar_wrapper {
	text-align: center;
	margin-bottom: 28px;
}
.profile_image_wrapper_large.p-avatar.p-avatar-lg {
	width: 8rem;
	height: 8rem;
	font-size: 3.4rem;
}
.account_profile_wrapper .avatar_name
{
    position: relative;
    margin-bottom: 25px;
}
.account_profile_wrapper .avatar_name h3
{
    text-align: center;
    font-size: 30px;
    color: #2b3a47;
    margin-top: 0;
    margin-bottom: 0;
}
.account_profile_wrapper .websites_count_wrapper
{
    position: relative;
    margin-bottom: 40px;
}
.account_profile_wrapper .websites_count_wrapper p
{
    margin-top: 0;
    margin-bottom: 0;
    text-align: center;
}
.account_wrapper_row
{
    margin-top: 35px;
}
.account_settings_list {
	position: relative;
	background-color: #f5f5f5;
	padding: 0 35px;
	overflow: hidden;
	border-radius: 15px;
}
.account_settings_list ul
{
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    font-size: 18px;
}
.account_settings_list ul li {
	display: flex !important;
	align-items: center;
	margin: 0 -15px;
	padding: 18px 0;
	border-bottom: 1px solid #ccc;
    gap: 15px;
}
.account_settings_list ul li:last-child
{
    border-bottom: 0;
}
.account_settings_list ul li .col_item
{
    width: 100%;
}
.account_settings_list ul li .col_item label {
	position: relative;
	font-weight: 600;
	min-width: 175px;
	display: block;
}
.account_settings_list ul li .col_item p 
{
	margin-top: 0;
	margin-bottom: 0;
	font-weight: 400;
	gap: 8px;
}
.account_settings_list ul li .col_item p span
{
    color: #108f64;
    font-weight: bold;
}
.account_settings_list ul li .col_item:first-child
{ 
    width: auto;
}
.account_settings_list ul li .col_item .action_wrapper
{
    text-align: right;
}
.logo_wrapper
{
    position: relative;
}
.logo_wrapper a
{
    display: inline-block;
}
.account_settings_list ul li .col_item .action_wrapper button
{
    font-weight: 500;
    white-space: nowrap;
    font-size: 18px;
}
.website_card_wrapper_large 
{
	position: relative;
	box-shadow: none;
	padding: 0px 25px 32px;
	border-bottom: 1px solid #e2e2e2;
	border-radius: 0;
}
.website_card_wrapper.website_card_wrapper_large .data_wrapper .title_wrapper h3
{
    font-size: 2.1rem;
}
.website_card_wrapper.website_card_wrapper_large .col_item .image_wrapper {
	width: 148px;
	height: 100px;
}
.website_card_wrapper.website_card_wrapper_large
{
    gap: 28px;
}
.website_card_wrapper.website_card_wrapper_large .data_wrapper .link_wrapper {
	position: relative;
	margin-bottom: 10px;
}
.tabs_wrapper_overview
{
    padding: 24px 0;
    display: block;
    border-bottom: 1px solid #e2e2e2;
}
.content_single_website {
	padding: 45px 70px;
	display: flex;
	flex-direction: column;
	gap: 55px;
}
.content_single_website .heading_desc_wrapper
{
    position: relative;
}
.content_single_website .heading_desc_wrapper h3 
{
	font-size: 26px;
	margin-bottom: 15px;
	margin-top: 0;
    display: flex;
    align-items: center;
    white-space: nowrap;
}
.content_single_website .heading_desc_wrapper h3 span {
	font-size: 14px;
	color: gray;
	font-weight: 400;
	width: 100%;
	display: flex;
	justify-content: flex-end;
	position: relative;
	top: 5px;
}
.content_single_website .heading_desc_wrapper p {
	font-size: 18px;
	line-height: 1.5;
	margin-top: 0;
	margin-bottom: 0;
}
.content_single_website .item 
{
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.account_settings_list ul li .col_item label.small_width 
{
    min-width: 75px;
}
.card_info_wrapper {
	position: relative;
	display: flex;
	align-items: center;
	background-color: #f5f5f5;
	padding: 20px 20px;
	border-radius: 15px;
}
.card_info_wrapper .col_item
{
    width: 100%;
    display: block;
}
.card_info_wrapper .col_item label {
	position: relative;
	font-weight: 600;
	font-size: 18px;
}
.card_info_wrapper button 
{
    font-size: 18px;
}
.card_info_wrapper .col_item:last-child
{
    display: flex;
    justify-content: flex-end;
}
.card_wrapper
{
    display: flex;
    flex-direction: column;
    height: 100%;
    background-color: #f5f5f5;
    overflow: hidden;
    border-radius: 15px;
}
.wordpress_version_wrapper {
	display: flex;
	gap: 10px;
	align-items: baseline;
	padding: 10px 20px;
	height: 100%;
	justify-content: flex-start;
}
.wordpress_version_wrapper span:first-child
{
    font-size: 33px;
}
.wordpress_version_wrapper span:last-child {
	font-size: 16px;
	color: gray;
	font-size: 16px;
}
.card_info_wrapper .col_item label span.block_span {
	display: block;
	color: gray;
	font-size: 16px;
	margin-top: 24px;
	font-weight: 400;
}
.wordpress_version_wrapper1 span:first-child
{
    font-size: 36px;
}
.wordpress_version_wrapper2
{
    padding-top: 0;
    padding-bottom: 0;
    align-items: flex-start;
    padding-left: 0;
    padding-right: 0;
}
.wordpress_version_wrapper1
{
    padding-left: 0;
    padding-right: 0;
}
.card_info_wrapper2
{
    align-items: flex-start;
}
.wordpress_version_wrapper2 div.info_wrapper 
{
    position: relative;
    font-size: 18px;
    color: rgb(43, 58, 71);
}
.progressbar_wrapper {
	padding: 4px 20px 23px;
}
.p-progressbar .p-progressbar-value {
	background: #108f64;
}
.p-progressbar
{
    height: 1.3rem;
}
.p-progressbar.p-component
{
    font-size: 0;
}
.account_settings_list ul li .col_item label > div 
{
	gap: 9px;
}
.account_settings_list ul li .col_item label > div span
{
    cursor: pointer;
}
.tooltip_wrapper
{
    font-size: 14px;
    color: #e2e2e2;
    line-height: 1.38;
    display: block;
}
.card_info_wrapper_input
{
    flex-direction: column;
    align-items: flex-start;
}
.card_info_wrapper_input label {
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 15px;
	padding-left: 10px;
}
.empty_title_wrapper_table
{
    text-align: center;
    font-size: 20px;
    padding: 40px 15px;
}
.empty_title_wrapper_table span {
	width: 100%;
	line-height: 0;
	display: block;
	margin-bottom: 15px;
	opacity: 0.4;
}
.empty_title_wrapper_table span svg
{
    width: 100px;
}
.card_wrapper_access
{
    height: auto;
    margin-bottom: 18px;
}
.learn_more_link_wrapper
{
    position: relative;
    margin-top: 23px;
}
.learn_more_link_wrapper a
{
    font-size: 16px;
    color: gray;
    gap: 10px;
    display: inline-block;
    text-decoration: none;
}
.learn_more_link_wrapper a > div
{
    gap: 6px;
}
.learn_more_link_wrapper a > div span
{
    text-decoration: none;
}
.learn_more_link_wrapper a > div span:last-child
{
    text-decoration: underline;
}
.pi-external-link
{
    font-size: 16px;
    font-weight: 900 !important;
}
.logs_wrapper
{
    background-color: #282c34;
    width: 100%;
    height: 400px;
    overflow-y: auto;
}
.logs_wrapper .logs_wrapper_inner
{
    color: #f3f3f3;
    padding: 20px;
    font-size: 16px;
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
}
.radio_buttons_wrapper
{
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.radio_buttons_wrapper .item label {
	display: flex;
	background-color: #f5f5f5;
	gap: 13px;
	font-weight: bold;
	padding: 22px 20px;
	border-radius: 15px;
    cursor: pointer;
}
.radio_buttons_wrapper .item label span.title {
	text-align: left;
	font-size: 18px;
	display: flex;
	margin-bottom: 0;
	line-height: 1.4;
	align-items: baseline;
	gap: 10px;
}
.radio_buttons_wrapper .item label span.desc {
	text-align: left;
	font-weight: 400;
	font-size: 18px;
	display: block;
	margin-top: 10px;
	line-height: 1.4;
}
.radio_buttons_wrapper .item label .p-radiobutton
{
    margin-top: 3px;
}
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon
{
    width: 9px;
    height: 9px;
}
.footer_modal_buttons
{
    display: flex;
    justify-content: flex-end;
    padding: 30px 0 0;
    gap: 15px;
}
.radio_buttons_wrapper .item label span.highlighted_wrapper 
{
    background-color: rgba(0, 0, 0, 0.06);
    padding: 15px 15px;
    display: block;
    margin-top: 15px;
    font-weight: 400;
    font-size: 18px;
    border-radius: 10px;
}
.radio_buttons_wrapper .item label span.desc.small_text
{
    font-size: 16px;
}
ul.list_actions {
	display: block;
	padding-left: 0;
}
ul.list_actions li 
{
	display: block;
	margin-bottom: 24px;
}
ul.list_actions li:last-child
{
    margin-bottom: 0;
}
ul.list_actions li h3 {
	margin-top: 0;
	margin-bottom: 10px;
	display: block;
	font-size: 18px;
}
ul.list_actions li p 
{
	display: block;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.6;
    margin-top: 0;
    margin-bottom: 0;
}
.radio_buttons_wrapper .item label > ul.list_actions
{
    margin-top: 30px;
}
.check_domain_wrapper
{
    margin-top: 25px;
}
.radio_buttons_wrapper .item label .wrapper_action
{
    margin-top: 10px;
}
.default_cursor
{
    cursor: default !important;
}
.radio_buttons_wrapper .item label span.title > span {
	text-transform: uppercase;
	font-weight: 600;
	color: gray;
	font-size: 14px;
}
.logout_loading {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 80px 0;
    flex-direction: column;
    gap: 30px;
}
.logout_loading span {
    text-align: center;
    font-size: 14px;
}

.overlay_loading
{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.65);
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
}
.website_card_wrapper.pending .image_wrapper img
{
    filter: grayscale(50%);
}
.website_card_wrapper.pending .data_wrapper .title_wrapper h3
{
    color: #8f8f8f;
}
@media only screen and (min-width: 992px) 
{
    .text_not_wrap
    {
        white-space: nowrap;
    }
}

.logs_wrapper_inner span 
{
	display: block;
	margin-bottom: 6px;
	color: #abb2bf;
}
.logs_wrapper_inner span:last-child
{
    margin-bottom: 0;
}
.logs_wrapper .logs_wrapper_inner > div
{
    padding-bottom: 20px;
}
.logs_wrapper_inner span > span
{
    display: inline;
}
.p-component-overlay {
	background-color: rgba(255, 255, 255, 0.8);
	transition-duration: 0.2s;
}
.p-datatable-loading-overlay svg 
{
    color: #4caf50;
}
.content_single_website .heading_desc_wrapper *:last-child
{
    margin-bottom: 0;
}
.p-datatable.p-datatable-gridlines .p-paginator-bottom
{
    display: flex;
    justify-content: flex-end;
}
.p-paginator
{
    padding: 1rem 0rem;
}
.p-datatable .p-datatable-thead > tr > th
{
    background: #f5f5f5;
}
.modal_desc_content
{
    position: relative;
}
.modal_desc_content p
{
    font-size: 16px;
    color: #666;
    margin-top: 0;
    margin-bottom: 15px;
    line-height: 1.4;
}
.modal_desc_content p:last-child
{
    margin-bottom: 0;
}
.modal_desc_content 
{
	display: flex;
	flex-direction: column;
	gap: 25px;
}
.modal_desc_content label {
	font-weight: bold;
	color: #333;
	margin-bottom: 14px;
	display: block;
}
.create_website_wrapper 
{
	position: relative;
	border: none;
	padding: 50px 50px;
	border-radius: 20px;
	background-color: rgba(76, 175, 80, 0.07);
	display: flex;
	flex-direction: column;
	text-align: center;
	gap: 25px;
}
.create_website_wrapper .heading_wrapper
{
    position: relative;
}
.create_website_wrapper .heading_wrapper h2
{
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 28px;
    color: #333333;
}
.create_website_wrapper .desc_wrapper
{
    position: relative;
}
.create_website_wrapper .desc_wrapper p {
	text-align: center;
	margin-top: 0;
	margin-bottom: 0;
	font-size: 18px;
	line-height: 1.5;
    color: #666666;
}
.create_website_wrapper .button_wrapper {
	text-align: center;
	margin-top: 10px;
}

.create_website_form_content 
{
	padding: 25px 40px 10px;
}
.create_website_form_content .heading_wrapper
{
    position: relative;
    margin-bottom: 0;
}
.create_website_form_content .heading_wrapper h2
{
    text-align: left;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 33px;
    color: #333333;
    margin-bottom: 15px;
}
.create_website_form_content .desc_wrapper
{
    position: relative;
    margin-bottom: 28px;
}
.create_website_form_content .desc_wrapper p 
{
	text-align: left;
	margin-top: 0;
	margin-bottom: 0;
	font-size: 18px;
	line-height: 1.5;
    color: #666666;
}
.create_website_form_content .label_wrapper {
	position: relative;
	margin-bottom: 28px;
}
.create_website_form_content .label_wrapper label {
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 8px;
	display: block;
	padding-left: 0px;
	position: relative;
	border-radius: 100px;
	overflow: hidden;
}
.create_website_form_content .label_wrapper .label_desc {
	font-size: 16px;
	padding: 10px 0 6px;
}
.create_website_form_content .label_wrapper > label > span
{
    color: rgb(134, 142, 150);
    font-size: 14px;
    font-weight: 400;
}
.selection_list_wrapper
{
    position: relative;
}
.selection_list_wrapper ul 
{
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	list-style: none;
}
.selection_list_wrapper ul li
{
    margin-right: 5px !important;
}
.selection_list_wrapper ul li > label
{
    cursor: pointer;
    user-select: none;
}
.selection_list_wrapper ul li > label input 
{
    position: absolute;
    left: -9999999px;
}
.selection_list_wrapper ul li > label > span 
{
	background-color: #f1f3f5;
	padding: 12px 20px;
	display: inline-block;
	color: #333;
	font-size: 14px;
	font-weight: 400;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border-radius: 30px;
}
.selection_list_wrapper ul li > label > span:hover
{
    background-color: rgba(75, 173, 79, 0.35);
}
.selection_list_wrapper ul li > label input:checked + span 
{
    color: #fff;
    background-color: #4bad4f;
}
.create_website_form_content .selection_list_wrapper
{
    margin-top: 20px;
}
.create_website_actions {
    display: flex;
	border-top: 1px solid #ccc;
	padding-top: 30px;
}
.create_website_actions > .item
{
    width: 100%;
    display: block;
}
.justify-content-right
{
    justify-content: flex-end;
}
.website_create_progress 
{
	display: flex;
	align-items: center;
	gap: 15px;
	padding: 10px 40px;
}
.website_create_progress .item:first-child
{
    min-width: 130px;
}
.website_create_progress .item:last-child
{
    position: relative;
}
.p-progressbar.website_create_progress_bar {
	height: 0.5rem;
}
.messages_wrapper
{
    padding: 0 0;
}
.p-message .p-message-icon
{
    margin-right: 1rem;
}
.plans_wrapper {
	display: flex;
	align-items: stretch;
	margin: 0 -15px;
	padding: 30px 0;
}
.plans_wrapper > .item_plan {
	width: 100%;
	padding: 0 15px;
	display: flex;
}
.plans_wrapper .plan_wrapper 
{
	position: relative;
	background-color: #f5f5f5;
	padding: 30px 20px 20px;
	border-radius: 10px;
	display: flex;
	flex-direction: column;
	gap: 40px;
    border: 1px solid #cccccc;
}
.plans_wrapper .plan_wrapper .heading_wrapper
{
    position: relative;
}
.plans_wrapper .plan_wrapper .heading_wrapper h3 {
	display: flex;
	font-size: 27px;
	margin-top: 0;
	margin-bottom: 0;
	flex-direction: column;
	gap: 13px;
}
.plans_wrapper .plan_wrapper .heading_wrapper h3 span {
	font-weight: 400;
	display: inline-block;
	font-size: 16px;
	line-height: 1.4;
}
.plans_wrapper .plan_wrapper .pricing_wrapper {
	display: flex;
	flex-direction: column;
	gap: 9px;
}
.plans_wrapper .plan_wrapper .pricing_wrapper
{
    font-size: 28px;
    font-weight: 400;
}
.plans_wrapper .plan_wrapper .pricing_wrapper span {
	font-size: 14px;
	font-weight: 600;
	display: flex;
	flex-direction: column;
	gap: 3px;
}
.plans_wrapper .plan_wrapper .pricing_wrapper > div > span
{
    font-size: 16px;
    font-weight: 400;
    display: inline-block;
}
.plans_wrapper .plan_wrapper .includes_wrapper 
{
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 15px;
}
.plans_wrapper .plan_wrapper .includes_wrapper h4
{
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
}
.plans_wrapper .plan_wrapper .includes_wrapper ul {
	padding-left: 0;
	margin-top: 0;
	margin-bottom: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
    gap: 10px;
}
.plans_wrapper .plan_wrapper .includes_wrapper ul li
{
    display: flex;
    align-items: flex-start;
    gap: 5px;
}
.plans_wrapper .plan_wrapper .includes_wrapper ul li span
{
    line-height: 0;
    position: relative;
    top: 1px;
}
.p-component
{
    font-family: inherit !important;
}
.continue_to_purchase
{
    display: flex;
    height: 100%;
    align-items: flex-end;
    margin-top: 10px;
}
.p-selectbutton .p-button.p-highlight {
	background: #fff;
	color: #333333;
	border: none;
	border-radius: 10px;
    box-shadow: 1px 2px 5px 1px rgba(0, 0, 0, 0.1);
    font-weight: 600;
}
.p-selectbutton .p-button.p-highlight:hover
{
    background: #fff;
	border-color: #fff;
	color: #333333;
}
.p-selectbutton .p-button
{
    background-color: transparent;
    border: none;
    cursor: pointer;
}
.select_button_wrapper {
	display: inline-block;
	background-color: #f1f3f5;
	padding: 8px 8px;
	border-radius: 15px;
}
.website_widgets_inner
{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.payment_load_wrapper
{
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 1001;
    background-color: rgba(0, 0, 0, 0.75);
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.payment_load_wrapper .payment_load_wrapper_inner
{
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.payment_load_wrapper .payment_load_wrapper_inner span
{
    text-align: center;
    color: #f3f3f3;
}
.spinner {
    width: 62px;
    height: 62px;
    border-radius: 50%;
    background: conic-gradient(#0000 10%, #fff);
    -webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 9px),#000 0);
    animation: spinner-zp9dbg 1s infinite linear;
}
.custom_spinner2
{
    display: flex;
    justify-content: center;
}
@keyframes spinner-zp9dbg {
    to {
        transform: rotate(1turn);
    }
}
.expires_widget_text p
{
    margin-top: 0;
    margin-bottom: 0;
}
.date_payment_text
{
    display: flex;
    flex-wrap: wrap;
    line-height: 1.4;
}
.change_plan_form
{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.change_plan_form .form-group label {
	font-weight: 600;
	color: #333333;
	font-size: 14px;
	margin-bottom: 9px;
	display: block;
}
.change_plan_form .form-group
{
    width: 100%;
}
.change_plan_form .form-group:last-child
{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.plan_popup_info {
	position: relative;
	background-color: #f5f5f5;
	padding: 15px 15px;
}
.popup_pricing_info
{
    background-color: #f5f5f5;
	padding: 20px 15px;
    border-top: 1px solid #ccc;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.plan_popup_info h3 
{
	font-size: 17px;
	color: #333;
	font-weight: 600;
	margin-top: 0;
	margin-bottom: 8px;
}
.plan_popup_info ul
{
    margin-bottom: 0;
    padding-left: 0;
    margin-top: 0;
}
.plan_popup_info ul li {
	list-style: none;
	color: #333;
	margin-bottom: 5px;
	font-size: 15px;
}
.plan_popup_info ul li:last-child
{
    margin-bottom: 0;
}
.popup_pricing_info {
	margin-bottom: 0;
	display: flex;
	align-items: flex-end;
	text-align: right;
}
.popup_pricing_info .inner_wrapper 
{
	display: flex;
	flex-direction: column;
	gap: 4px;
}
.popup_pricing_info .inner_wrapper .price_text {
	font-weight: 400;
	font-size: 21px;
	display: flex;
	text-align: right;
	width: 100%;
	justify-content: flex-end;
    margin-bottom: 4px;
}
.popup_pricing_info .inner_wrapper .bottom_text
{
    font-weight: bold;
    font-size: 14px;
}
.popup_pricing_info .inner_wrapper .bottom_text span
{
    display: block;
}
.popup_pricing_info .inner_wrapper .price_text span:first-child
{
    display: flex;
    align-items: baseline;
    gap: 3px;
}
.cancel_plan_wrapper
{
    display: flex;
    flex-direction: column;
}
.p-message-secondary
{
    background-color: #eee;
    border: 1px solid #ccc;
}
.website_not_found {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 40px;
	flex-direction: column;
	padding: 25px 0;
}
.website_not_found .heading_wrapper
{
    position: relative;
}
.website_not_found .heading_wrapper h3
{
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 30px;
}
.account_settings_list_setup ul li
{
    padding: 15px 0;
    font-size: 16px;
}
.account_settings_list_setup ul li .col_item .action_wrapper button
{
    font-size: 16px;
}
.website_card_wrapper.pending .col_item .image_wrapper
{
    filter: grayscale(100%);
    opacity: 0.6;
}
.p-button 
{
    white-space: nowrap;
}
@media only screen and (min-width: 992px) {
    .notifications_wrapper
    {
        padding: 0px 40px;
    }
}
@media only screen and (max-width: 991px) {
    .website_overview_card_inner
    {
        min-width: 850px;
    }
    .p-card-content
    {
        overflow-y: auto;
    }
    .content_single_website
    {
        padding: 45px 25px;
    }
    .p-button 
    {
        white-space: nowrap;
    }
    .website_card_wrapper
    {
        min-width: 870px;
    }
    .website_widgets_inner .container
    {
        overflow-y: auto;
    }
    .account_profile_wrapper {
        position: relative;
        padding: 0 15px;
    }
}

@media only screen and (max-width: 767px)
{
    .mobile_new_site_btn
    {
        box-shadow: none;
        font-size: 0;
        padding: 10px 5px 10px 13px;
    }
    .create_website_form_content {
        padding: 25px 5px 10px;
    }
    .create_website_form_content .label_wrapper label
    {
        border-radius: 0;
    }
    .account_profile_wrapper
    {
        min-width: 700px;
        padding: 0 20px;
    }
    .notifications_wrapper
    {
        padding: 0px 10px;
    }
    .notifications_wrapper .item .col_item:first-child {
        padding-right: 30px;
    }
    .notifications_wrapper .item
    {
        padding: 25px 20px;
    }
}