/* Google fonts loading from one.com CDN */
/* open-sans-regular - latin */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: local(''),
	url('https://fonts-static.group-cdn.one/fonts/google/open-sans/open-sans-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('https://fonts-static.group-cdn.one/fonts/google/open-sans/open-sans-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-600 - latin */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	src: local(''),
	url('https://fonts-static.group-cdn.one/fonts/google/open-sans/open-sans-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('https://fonts-static.group-cdn.one/fonts/google/open-sans/open-sans-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* one.com UI Enhancement */
:root {
	--onecom-dark: #3C3C3C;
}

#onecom-ui {
	color: #3c3c3c;
	font-family: 'Open Sans', sans-serif;
	margin-left: 20px;
	margin-right: 40px;
	-webkit-font-smoothing: antialiased; /* to match font weight exactly like figma in mac) */
}

#onecom-ui,
#onecom-ui p:not(.error.default-password-nag p),
#onecom-ui textarea.regular-text,
#onecom-ui input.regular-text,
#onecom-ui select.regular-text,
#onecom-ui input[type="button"].wpsa-browse {
	font-size: 16px;
	line-height: 24px;
	font-weight:400;
}
#onecom-ui .regular-text,
#onecom-ui input[type="text"].regular-text,
#onecom-ui input[type="url"],
#onecom-ui input[type="button"].wpsa-browse {
	padding: 11px;
	box-sizing: border-box;
	border: 1px solid #CECECE;
	border-radius: 8px;
}
#onecom-ui input[type="button"].wpsa-browse {
	border: 1px solid #0078C8;
	box-sizing: border-box;
	border-radius: 42px;
	width: 150px;
	margin-left: 20px;
	background: #fff;
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	color: #0078C8;
	height: 40px;
	vertical-align: middle;
	padding: 0;
}
#onecom-ui input[type="text"].regular-text,
#onecom-ui input[type="url"].regular-text,
#onecom-ui select.regular-text,
#onecom-ui textarea.regular-text {
	width: 556px;
	max-width: 100%;
}
#onecom-ui input[type="text"].wp-color-picker {
	width: 4rem;
	padding: 0 5px;
	border-radius: 4px;
	font-size: 12px;
}
#onecom-ui select:hover {
	color: #3c3c3c;
}
#onecom-ui .page-subtitle {
	margin-top: 16px;
	margin-bottom: 49px;
	padding: 0;
	max-width: 580px;
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
}
/* #onecom-ui .textleft {
	max-width: 580px;
}*/
#onecom-ui h1,
#onecom-ui h2,
#onecom-ui h3,
#onecom-ui p:not(.error.default-password-nag p) {
	color: #3c3c3c;
}
#onecom-ui h2 {
	font-size: 24px;
	margin-bottom: 24px;
}
#onecom-ui .one-title {
	font-size: 32px;
	font-weight: 600;
	line-height: 40px;
	letter-spacing: -0.60px;
	margin-top: 27px;
	padding: 0;
}
#onecom-ui .oc-heading-label {
	font-size: 12px;
	line-height: 48px;
	font-weight: 500;
	font-family: 'Montserrat', sans-serif;
	border: 1px solid #0078C8;
	border-radius: 4px;
	color: #0078C8;
	padding: 3px 8px;
	margin-left: 12px;
	letter-spacing: .2px;
	vertical-align: middle;
}
#onecom-ui input[type=checkbox] {
	width: 20px;
	height: 20px;
	-webkit-appearance: none;
	padding: 9px;
	display: inline-block;
	position: relative;
	background: #FFF;
	border: 1.3px solid #3C3C3C;
	/* vertical-align: top; */
	outline: 0;
	border-radius: 0;
	margin-right: 16px;
}
#onecom-ui input[type=checkbox]:checked {
	background: #76B82A;
	border: 1.3px solid #3C3C3C;
	box-sizing: border-box;
}
#onecom-ui input[type=checkbox]:checked:before{
	content: none;
}
#onecom-ui input[type=checkbox]:focus {
	box-shadow: none;
}
#onecom-ui input[type=checkbox]:checked:after{
	content: url(../images/tick-10x8.png);
	position: absolute;
	left: 4px;
	top: 5px;
	max-width: 8px;
}
#onecom-ui input[type=radio] {
	width: 20px;
	height: 20px;
	-webkit-appearance: none;
	padding: 9px;
	display: inline-block;
	position: relative;
	background: #FFF;
	border: 1.3px solid #3C3C3C;
	outline: 0;
	margin-right: 10px;
}
#onecom-ui input[type=radio]:checked {
	background: #76B82A;
	border: 1px solid #3C3C3C;
	box-sizing: border-box;
}
#onecom-ui input[type=radio]:checked:before{
	content: none;
}
#onecom-ui input[type=radio]:focus {
	box-shadow: none;
}
#onecom-ui input[type=radio]:checked:after{
	top: 5px;
	left: 5px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
	content: "";
	position: absolute;
	box-sizing: border-box;
}
#onecom-ui .onecom_tab {
	display: inline-block;
	margin-right: 28px;
	height: 41px;
	padding: 0 24px;
	position: relative;
	top: 1px;
	cursor: pointer;
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
	letter-spacing: 0;
	color: #8A8989;
}
.onecom_tabs_container a:hover {
	color: #3c3c3c;
	border-bottom: none;
}
.onecom_tabs_container a:active,
.onecom_tabs_container a.active {
	color: #3c3c3c;
	border-bottom-color: #3c3c3c;
}
#onecom-ui .onecom_hr {
	border-bottom: 1px solid #CECECE;
}
#onecom-ui .button.oc-uc-btn[disabled]{
	transition: none;
	background-color: #EDEDED !important;
	cursor: not-allowed;
}
#onecom-ui .form-table td {
	font-size: 14px;
	padding: 20px 10px;
}
/* Ends: one.com UI Enhancement */

/* ******* Admin settings - header branding ******* */
.one_uc_wrap .one-logo {
	padding: 0 !important;
	display: flex;
	align-items: center;
}
.one_uc_wrap .uc_hide {
	display: none !important;
}
.one_uc_wrap .one-logo .textleft,
.one_uc_wrap .one-logo .textright {
	flex: 1;
	line-height: initial;
}
.one_uc_wrap .one-logo .textright img {
	max-height: 16px;
}
.one_uc_wrap .form-table {
	display: inline-block;
	font-size: 16px;
	/* border: 1px solid #ccd0d4; */
	border-top: 0;
	/* box-shadow: 0 1px 1px rgba(0,0,0,.04); */
	background: #fff;
	margin-top: 0;
	/* padding: 8px 12px; */
	/* margin-bottom: 20px; */
	box-sizing: border-box;
}
.one_uc_wrap .form-table th,
.one_uc_wrap .form-wrap label {
	font-size: 16px;
	color: #3c3c3c;
}
.one_uc_wrap .postbox-header {
	border-bottom: 1px solid #ccd0d4;
	margin-bottom: 0;
	padding: 8px 12px;
	margin-top: 0;
	font-size: 15px;
}
.one_uc_wrap .one-logo .textright {
	padding-right: 2px;
}
.one_uc_wrap .one-logo .textleft {
	font-size: 32px;
	letter-spacing: 0;
	line-height: 1.3em;
	margin-right: 1em;
}
.one_uc_wrap .one-logo .textleft span {
	display: block;
	color: #000;
	font-size: 18px;
	line-height: initial;
	letter-spacing: 0;
	font-weight: 300;
}
.one_uc_wrap .one-logo .textleft span .uc_spinner {
	display: inline-block;
}
.one_uc_wrap .one-logo .topRightLogo img {
	height: 16px;
	max-width: 130px;
}
.one_uc_wrap h2.one-logo {
	margin: 17px 0;
}

/* ******* Starts: convert radio button into images ******* */
#onecom-ui .button.oc-uc-btn {
	padding: 8px 32px;
	border-radius: 100px;
	text-decoration: none;
	display: inline-block;
	line-height: 22px;
	font-size: 14px;
	cursor: pointer;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	border: none;
	background-color: #0078C8;
	color: #ffffff;
	font-weight: 600;
}
#onecom-ui .button.oc-uc-btn:hover {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	background-color: #284f90;
	border: none;
	color: #ffffff;
}

#onecom-ui .ocp-radio-image {
	max-width: 800px;
}
#onecom-ui  .form-table td .ocp-radio-image div {
	position: relative;
	overflow: hidden;
	margin-right: 25px !important;
	display:inline-block;
	width: 200px;
	height: 150px;
}
#onecom-ui .ocp-radio-image [type=radio] {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
}
#onecom-ui .ocp-radio-image [type=radio]+img {
	cursor: pointer;
	max-width: 200px;
	border: 1px solid #ccc;
	padding: 2px;
	box-sizing: border-box;
}
#onecom-ui .ocp-radio-image [type=radio]+img:hover {
	opacity: 0.7;
}
#onecom-ui .ocp-radio-image [type=radio]:checked+img {
	border: 5px solid #76B82A;
}

/* ******* Ends: change radio button into images ******* */

/* ******* Settings fields ******* */
.one_uc_wrap input[readonly].picker-datetime {
	background-color: #ffffff;
	cursor: pointer;
}
.one_uc_wrap input[type=text],
.one_uc_wrap textarea,
.one_uc_wrap select {
	/* border: 1px solid #ccc; */
}
.one_uc_wrap .oc-uc-btn {
	color: #fff;
	background-color: #2386ea;
	line-height: 1;
	font-size: 13px;
	/* font-weight: 700; */
	padding: 4px 25px;
	border: 1px solid transparent;
	min-width: 120px;
	cursor: pointer;
	-webkit-appearance: none;
}
.one_uc_wrap .oc-uc-btn:hover {
	opacity: 0.8;
	color: #fff;
	background-color: #2386ea;
}
#onecom-ui .form-table td fieldset label {
	margin: 0;
}
.one_uc_wrap .uc-submit-button {
	min-height: 33px;
	margin-bottom: 0;
	margin-top: 52px;
	border-radius: 4px;
}
.one_uc_wrap .uc-submit-button:disabled {
	cursor: not-allowed;
}
/* float submit button */
.one_uc_wrap .oc-uc-float-btn {
	min-height: 33px;
	margin-bottom: 0;
	margin-top: 8px;
	position: fixed;
	bottom: 30px;
	right: 80px;
	background-color:none;
	color:#FFF;
	border-radius:50px;
	text-align:center;
	opacity: 0.9;
}
.oc_sticky_footer {
	display: none;
}
.one_uc_wrap p.submit {
	padding: 0;
	margin: 0;
}
#onecom-ui .form-table .uc_submit td {
	padding-top: 0;
	padding-bottom: 0;
}
#onecom-ui .uc_timer td {
	padding-top: 0;
}
/* @todo - check if following works or description css required */
#onecom_under_construction_info-uc_description_ifr {
	font-family: sans-serif;
	font-size: 15px;
}
/* *******  Settings Tabs ******* */
.one_uc_wrap .uc_spinner {
	background: url(../images/spinner.gif) no-repeat;
	display: inline-block;
	vertical-align: text-bottom;
	opacity: 0.7;
	filter: alpha(opacity=70);
	width: 20px;
	height: 20px;
	margin-left: 5px;
}

.one_uc_wrap .ocuc-setting-wrap h2 {
	display: none;
}
.one_uc_wrap .nav-tab-active,
.one_uc_wrap .nav-tab-active:focus,
.one_uc_wrap .nav-tab-active:focus:active,
.one_uc_wrap .nav-tab-active:hover {
	background: #ffffff;
	color: #000;
	border-bottom: none;
}

.one_uc_wrap .nav-tab-wrapper,
.one_uc_wrap .wrap h2.nav-tab-wrapper,
.one_uc_wrap h1.nav-tab-wrapper {
	border-bottom: none !important;
}

/* ******* Convert checkbox into switch ******* */
.one_uc_wrap .oc_uc_switch {
	position: relative;
	display: inline-block;
	width: 40px;
	height: 24px;
	/* vertical-align: -1px; */
	margin-right: 20px;
}
.one_uc_wrap .oc_uc_switch input {
	opacity: 0;
	width: 0;
	height: 0;
}
.one_uc_wrap .oc_uc_slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #BBBBBB;
	border-radius: 100px;
	width: 44px !important;
	border: 1.3px solid #3C3C3C;
	box-sizing: border-box;
}
.one_uc_wrap .oc_uc_slider:before {
	position: absolute;
	content: "";
	height: 16px;
	width: 16px;
	left: 3px;
	bottom: 3px;
	background-color: white;
	border-radius: 100px;
}
.one_uc_wrap input:checked+.oc_uc_slider {
	background-color: #76B82A;
}
.one_uc_wrap input:focus+.oc_uc_slider {
	/* box-shadow: 0 0 1px #2386ea; */
}
.one_uc_wrap input:checked+.oc_uc_slider:before {
	transform: translateX(19px);
	bottom:3px;
}
#onecom-ui .form-table td p.description,
#onecom-ui .form-table td fieldset span.description {
	color: #8A8989;
	font-size: 14px;
	line-height: 22px;
	max-width: 574px;
	width: 100%;
}
#onecom-ui .form-table td p.description span {
	margin-right: 20px;
}
#onecom-ui .form-table td p.description .inline_badge {
	margin-left: 0 !important;
}

#onecom-ui .form-table .oc_switch_label span.description {
	font-size: 14px;
	line-height: 22px;
	font-weight: 600;
	color: #3C3C3C;
}
.one_uc_wrap .form-table td fieldset .oc_switch_label {
	/*line-height: 24px;*/
}

/* Upload Image */
.one_uc_wrap .img-box {
	position: relative;
	display: inline-block;
}
.one_uc_wrap .img-box:empty {
	display: none;
}
.one_uc_wrap .image-thumb {
	max-height: 150px;
	height: auto;
	max-width: 100%;
	margin-top: 5px;
	border-radius: 0;
	border: 1px solid #EDEDED;
}
.one_uc_wrap .img-delete {
	position: absolute;
	cursor: pointer;
	text-decoration: none;
	font: 300 21px/20px sans-serif;
	background: transparent;
	border: 1px solid #fff;
	color: #3C3C3C;
}

/* premium features disable */
.one_uc_wrap a:not(.error.default-password-nag p a){
	text-decoration: none;
}
.one_uc_wrap option:disabled:hover {
	cursor: not-allowed;
}
.one_uc_wrap .uc_whitelisted_roles input[readonly]+.oc_uc_slider {
	border-color: #ccc;
	background-color: #ccc;
	cursor: not-allowed;
}
.one_uc_wrap input[readonly],
.one_uc_wrap .button:disabled,
.one_uc_wrap .ocp-radio-image [type=radio][disabled]+img,
.one_uc_wrap .uc_whitelisted_roles .oc_uc_switch,
.one_uc_wrap .r-tabs-state-disabled a {
	cursor: not-allowed;
}
.one_uc_wrap input:disabled,
.one_uc_wrap textarea:disabled {
	background-color: #F7F7F7;
	border: 1px solid #cecece;
	cursor: not-allowed;
}
#onecom-ui .uc_whitelisted_roles .oc_uc_slider:after {
	background-color: #fff;
	border: 2px solid #ccc;
	cursor: not-allowed;
}
#onecom-ui .uc_whitelisted_roles .form-table td fieldset label {
	margin: 0 !important;
}
#onecom-ui .form-table td fieldset label {
	margin-bottom: 12px;
}
/* select2 multiselect customize */
.uc_exclude_pages .select2-container--default .select2-selection--multiple .select2-selection__choice {
	line-height: 32px;
	padding: 0 28px 0 18px;
	margin: 3px 10px 3px 0;
	height: 32px;
	background: #EDEDED;
	color: #3c3c3c;
	border-radius: 16px;
	border: none;
	white-space: normal;
}
.uc_exclude_pages .select2-container {
	width: 556px;
	max-width: 100%;
}
.uc_exclude_pages .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	height: 32px;
	padding: 0 9px 0 9px;
	font-size: 1.3em;
	left: initial;
	right: 0;
	border-right: 0;
}
.uc_exclude_pages .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
	padding: 0;
}
.uc_exclude_pages .select2-container--default .select2-search--inline .select2-search__field {
	vertical-align: super;
	margin-bottom: 2px;
}
.uc_exclude_pages .select2-container--default .select2-selection--multiple {
	border: 1px solid #CECECE;
	border-radius: 8px;
	padding: 5px 12px;
	width: 556px;
}

/* plugin redesign css start */
#responsiveTabsDemo table tr {
	display: flex;
	flex-wrap: wrap;
}

#responsiveTabsDemo table tr td,
#responsiveTabsDemo table tr th {
	width: 100%;
}
#onecom-ui #responsiveTabsDemo table tr td,
#onecom-ui #responsiveTabsDemo .r-tabs-panel{
	padding:0;
}
#responsiveTabsDemo {
	padding: 49px 22px 40px 26px;
	background: #fff;
}

#responsiveTabsDemo .onecom_tabs_panels {
	margin: 24px 0 0 0;
}

#responsiveTabsDemo .onecom_tab {
	display: inline-block;
	height: 40px;
	padding: 0 24px;
	position: relative;
	cursor: pointer;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 40px;
	letter-spacing: 0;
	color: var(--onecom-light-grey);
	border-bottom: 1px solid #E5E5E5;
	margin-bottom: -1px;
}

#responsiveTabsDemo .onecom_tab.active {
	color: var(--onecom-dark);
	border-bottom: 2px solid var(--onecom-dark);
	margin-bottom: -1px;
}

#responsiveTabsDemo .oc_hidden {
	display: none;
}

#responsiveTabsDemo .h-parent{
	width:100%;
	position: relative;
	overflow-x: scroll !important;
	overflow-y: hidden;
	white-space: nowrap;
	-ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: none;  /* Firefox */
}

/* Hide scrollbar for Chrome, Safari and Opera */
#responsiveTabsDemo .h-parent::-webkit-scrollbar {
	display: none;
}

#responsiveTabsDemo .h-child{
	width: max-content;
	white-space: nowrap;
	overflow-y: hidden;
	min-width: 100%;
}
#responsiveTabsDemo .h-parent .onecom_tabs_container {
	border-bottom: 1px solid #E5E5E5;
}
#responsiveTabsDemo .h-parent-wrap {
	position: relative;
	width: 100%;
}
/*
Need separate CSS to menu scroll for touch or mobile devices
https://ferie.medium.com/detect-a-touch-device-with-only-css-9f8e30fa1134
*/
@media (hover: none) and (pointer: coarse) {
	#responsiveTabsDemo .h-child{
		width: 100%;
		overflow-x: scroll;
		background: transparent;  /* Optional: just make scrollbar invisible */
		-ms-overflow-style: none;  /* Internet Explorer 10+ */
		scrollbar-width: none;  /* Firefox */
	}
	#responsiveTabsDemo .h-child::-webkit-scrollbar {
		display: none;  /* Safari and Chrome */
	}
}
#responsiveTabsDemo .h-parent-wrap:after {
	content: '';
	background: linear-gradient(
			270deg
			, #F0F0F1 0%, rgba(240, 240, 241, 0) 100%);
	width: 40px;
	position: absolute;
	right: 0;
	height: 40px;
	top: 0;
}
#responsiveTabsDemo .oc-flex-center.oc-icon-box {
	display: inline-flex;
	align-items: center;
}
#responsiveTabsDemo .oc-flex-center.oc-icon-box img {
	margin-right: 18px;
}

#responsiveTabsDemo h2.main-heading {
	display: block;
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 32px;
	line-height: 48px;
	letter-spacing: -0.6px;
	margin: 0;
}

#responsiveTabsDemo .wrap-head-desc p {
	max-width: 580px;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 24px;
	color: #3C3C3C;
	margin-bottom: 40px;
	margin-top:12px;
}
.one_uc_wrap .form-table tr.uc_status,
.one_uc_wrap .form-table tr.uc_logo th,
.one_uc_wrap .form-table tr.uc_page_bg_color th{
	padding-top: 10px;
}

.one_uc_wrap .form-table tr.uc_status th,
.one_uc_wrap .form-table tr.uc_submit th,
.one_uc_wrap .form-table tr.uc_subscribe_form th,
.one_uc_wrap .form-table tr.uc_timer_switch th,
.one_uc_wrap .form-table tr.uc_timer th{
	display: none;
}
.one_uc_wrap .form-table th label,
.one_uc_wrap .form-table tr.uc_status td label {
	font-weight: 600;
	font-size: 18px;
	letter-spacing: -0.6px;
	color: #3C3C3C;
}
.one_uc_wrap .form-table th label{
	line-height: 40px;
}
.onecom_tabs_panel .form-table th{
	padding:40px 10px 8px 0;
}
.one_uc_wrap .form-table tr.uc_status td label span.description,
.one_uc_wrap .form-table tr.uc_timer_switch td label span.description,
.one_uc_wrap .form-table tr.uc_subscribe_form td label span.description{
	font-size: 18px !important;
}
.one_uc_wrap .form-table tr.uc_exclude_pages td label {
	font-weight: 600 !important;
}
.one_uc_wrap .form-table tr.uc_timer_switch,
.one_uc_wrap .form-table tr.uc_subscribe_form {
	padding-top: 40px;
}
.onecom_tabs_panel .form-table tr.uc_whitelisted_roles td fieldset label.oc_switch_label {
	margin-bottom: 15px !important;
}
.onecom_tabs_panel .form-table td fieldset label{
	line-height: inherit;
	margin-bottom:0 !important;
}
.onecom_tabs_panel tr.uc_timer_switch {
	padding-bottom: 12px;
}
.onecom_tabs_panel tr.uc_exclude_pages label {
	padding-bottom: 12px;
}
.onecom_tabs_panel .form-table input.regular-text:not(.wp-color-picker){
	width:556px;
	max-width:100%;
}
#onecom-ui.one_uc_wrap .form-table tbody{
	display:block;
}
.ocp-radio-image div label {
	display: inline-block;
}

.ocp-radio-image div,p.tag_badge{
	display: inline-block;
}
#onecom-ui.one_uc_wrap p.tag_badge span,
#onecom-ui.one_uc_wrap p.tag_badge span a{
	font-size: 14px !important;
	line-height: 22px !important;
	font-weight: 400 !important;
}

#onecom-ui.one_uc_wrap p.tag_badge span a {
	color: #0078C8 !important;
}
#onecom-ui.one_uc_wrap p.tag_badge span em.inline_icon{
	background:url(../images/topmenu-upgrade.svg) no-repeat !important;
}
.onecom_tab.disabled-tab{
	opacity: 0.5;
	cursor: no-drop !important;
}
#onecom-ui.one_uc_wrap textarea:disabled::placeholder {
	color: #BBBBBB;
}
/* plugin redesign css end */

@media only screen and (min-width: 768px){
	#responsiveTabsDemo .h-parent-wrap:after{
		display:none;
	}
}

@media screen and (max-width: 767px) {
	#onecom-ui input[type="text"].regular-text,
	#onecom-ui input[type="url"].regular-text,
	#onecom-ui select.regular-text,
	#onecom-ui textarea.regular-text,
	#onecom-ui .select2-container {
		width: 100%;
	}
	/* Mobile sticky footer with submit button */
	.oc_sticky_footer {
		display: block;
		position: fixed;
		bottom: 0;
		padding: 16px;
		left: 0;
		background: #FFF;
		right: 0;
		text-align: center;
		z-index: 200;
	}
	.oc_sticky_footer .uc-submit-button {
		margin-top: 0;
	}
	/* showing sticky footer submit instead of regular submit */
	.oc-regular-submit {
		display: none !important;
	}

	/* select2 mobile width fix */
	.uc_exclude_pages .select2-container {
		display: block;
		width:100% !important;
	}
	/* responsive plugin redesign */
	#onecom-ui .onecom_tab{
		margin-right:0;
	}
	#onecom-ui.one_uc_wrap {
		margin-right: 20px;
		margin-left: 8px;
	}
	#onecom-ui.one_uc_wrap label.oc_switch_label {
		display: table-cell;
	}

	#onecom-ui.one_uc_wrap span.oc_uc_switch {
		float: left;
	}
	#responsiveTabsDemo .oc-flex-center.oc-icon-box{
		display:block;
	}
	#responsiveTabsDemo .oc-flex-center.oc-icon-box img{
		margin-bottom:10px;
	}
	#onecom-ui input[type="button"].wpsa-browse {
		width: 100%;
		margin: 27px 0 14px 0;
	}
	#onecom-ui.one_uc_wrap span.color-alpha {
		width: 40px !important;
	}
	#onecom-ui .button.oc-uc-btn{
		float:left;
	}
	p.tag_badge span {
		display: inline-block !important;
	}

	p.tag_badge span.inline_badge {
		margin-left: 0 !important;
	}
	#onecom-ui .form-table td p.description,
	#onecom-ui .form-table td fieldset span.description{
		width:99%;
	}
	.uc_exclude_pages .select2-container--default .select2-selection--multiple {
		width: 100%;
		max-width:556px;
	}
	#onecom-ui .ocp-radio-image .slick-dots li button:before {
		font-size: 14px;
		color: #EDEDED;
		opacity: 1;
	}
	#onecom-ui tr.uc_theme td p.description {
		padding-top: 20px;
	}
	.ocp-radio-image div label,
	#onecom-ui .form-table td .ocp-radio-image div{
		width:300px;
		height:230px;
	}
	.slick-slide.slick-current.slick-active{
		margin:0 !important;
	}
	#onecom-ui .ocp-radio-image [type=radio]+img{
		width:300px;
		height:230px;
		max-width:328px !important;
		margin:0 !important;
	}
	#responsiveTabsDemo{
		padding: 49px 22px 40px 22px;
	}
	/* responsive plugin redesign css */
}

/* Responsive Tabs - UI upgrades */
.one_uc_wrap .form-table label {
	font-size: 16px;
	font-weight: 400;
}
.one_uc_wrap .r-tabs .r-tabs-accordion-title .r-tabs-anchor,
.one_uc_wrap .r-tabs .r-tabs-nav .r-tabs-anchor {
	color: #3c3c3c;
	font-weight: 600;
	font-size: 16px;
}
.r-tabs .r-tabs-nav .r-tabs-tab .r-tabs-anchor {
	height: auto;
}
@media screen and (min-width: 769px) {

	.one_uc_wrap .r-tabs .r-tabs-nav .r-tabs-anchor {
		font-size: 16px;
	}
	.one_uc_wrap .r-tabs .r-tabs-nav .r-tabs-tab:not(:last-child) {
		border-right: none;
	}
	.one_uc_wrap .r-tabs-nav, .r-tabs-accordion-title,
	.one_uc_wrap .r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
		background-color: transparent;
	}
	.one_uc_wrap .r-tabs .r-tabs-panel {
		margin-top: 24px;
	}
	.one_uc_wrap .r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor,
	.one_uc_wrap .r-tabs .r-tabs-accordion-title .r-tabs-anchor,
	.one_uc_wrap .r-tabs .r-tabs-nav .r-tabs-tab .r-tabs-anchor {
		padding: 0 24px 16px 24px;
		color: #8A8989;
	}
	.one_uc_wrap .r-tabs .r-tabs-nav .r-tabs-tab .r-tabs-anchor:hover {
		color: #3c3c3c;
	}
	.one_uc_wrap .r-tabs .r-tabs-nav .r-tabs-state-disabled .r-tabs-anchor:hover {
		color: #8A8989;
	}

	.one_uc_wrap .r-tabs .r-tabs-nav {
		border-bottom: 1px solid #e5e5e5;
	}
	.one_uc_wrap .r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
		border-bottom: 1px solid #3C3C3C;
		color: #3c3c3c;
		margin-bottom: -1px;
	}
}
@media (min-width: 768px) and (max-width: 1023px) and (orientation: portrait) {

	/* CSS */
	#onecom-ui .form-table td .ocp-radio-image div{
		margin-right:14px !important;
	}
	#onecom-ui input[type="button"].wpsa-browse {
		margin-left: 0;
		margin-top: 27px;
		min-width: 255px;
	}
	.one_uc_wrap .img-box {
		margin-top: 40px;
	}
	#onecom-ui .form-table span.color-alpha {
		width: 40px !important;
	}
}


/*------------------------Multisite Banner Styles-------------------------------------------------*/
.wrap-top-onecom-heading-desc .onecom-main-heading {
	font-size: 32px;
	font-style: normal;
	font-weight: 600;
	line-height: 40px;
	letter-spacing: -0.6px;
	color: #3C3C3C;
	margin-top: 27px;
}
.wrap-top-onecom-heading-desc p.onecom-main-desc {
	margin-top: 16px;
	margin-bottom: 49px;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	letter-spacing: 0px;
}
.oc_multisite_container {
	padding: 24px;
	background: #ffffff;
	margin-top: 0;
}
.wrap.ocsh-wrap {
	color: #3C3C3C;
	font-family: 'Open Sans', sans-serif;
	margin-left: 20px;
	margin-right: 40px;
	-webkit-font-smoothing: antialiased;
	font-size: 14px;
	line-height: 22px;
}
.onecom_head {
	margin: 0 0 0 0;
}
.onecom_head, .onecom_head_right {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
.oc_left_multisite {
	flex: 0.45;
}
.oc-small-screen {
	display: none;
}
.onecom_head__inner.onecom_head_right_multisite {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	flex: 1.03;
	margin-left: 48px;
}
.oc_multisite_container .oc_multisite {
	margin-bottom: 0;
	margin-top: 0;
	font-weight: 400;
}
.onecom_heading {
	font-size: 32px;
	font-style: normal;
	font-weight: 600;
	line-height: 40px;
	letter-spacing: -0.6px;
	color: #3C3C3C;
}
.one_wrap p.oc-last-scan {
	font-size: 14px;
	line-height: 22px;
	font-weight: 400;
	letter-spacing: 0.25px;
	margin-top: 8px;
	margin-bottom: 0;
}
.oc-uc-wrap{
	max-width: 1440px;
	margin: auto;
}

.gv-activated .gv-input.gv-input-select{
	max-width: 470px;
}
.toplevel_page_onecom-wp-under-construction #wpcontent{
	padding-left:0;
}

.gv-activated button.wp-switch-editor {
	float: left;
	box-sizing: content-box;
	position: relative;
	top: 1px;
	background: #f0f0f1;
	color: #646970;
	cursor: pointer;
	font-size: 13px;
	line-height: 1.46153846;
	height: 20px;
	margin: 5px 0 0 5px;
	padding: 3px 8px 4px;
	border: 1px solid #dcdcde;
}
#wp-oc_mm_editor-wrap {
	display: block !important;
	min-height: 250px;
}
span.wp-media-buttons-icon:before
{
	content: "\f104";
	font: normal 18px / 1 dashicons;

}
.gv-activated .gv-button-secondary.oc-editor-btn{
	color: #2271b1;
	border-color: #2271b1;
	background: #f6f7f7;
	vertical-align: top;
	padding:5px;
	max-width: 140px;
	margin-bottom: 8px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	flex: 0 1 auto;
	justify-content: flex-start;
}
span.wp-media-buttons-icon {
	display: inline-block;
	width: 20px;
	height: 20px;
	line-height: 1;
	margin: 0 2px;
	color: #2271b1;
	border-color: #2271b1;
	background: #f6f7f7;
	vertical-align: top;
}

/* Remove grid and unwanted spacing from the internal input */
.oc-mm-exclude__input {
	grid-area: unset !important;
	min-width: 1px !important;
	width: auto !important;
	border: none !important;
	padding: 0 !important;
	margin: 0 !important;
	outline: none !important;
	font: inherit !important;
	background: transparent !important;
	box-shadow: none !important;
}
.gv-activated .oc-mm-exclude__multi-value{
	background: #EDEDED;
}
.gv-activated .oc-mm-exclude__multi-value__remove:hover{
	background-color: #f1f1f1;
	color: #333;
}
.gv-activated .oc-mm-exclude__control--is-focused,.gv-activated .oc-mm-exclude__control:hover{
	border-color: #0066aa;
	box-shadow: 0 0 0 1px #0066aa
}
.gv-activated .oc-input-wrap{
	max-width: 480px;
}

.gv-activated .gv-image-upload-container{
	width: 480px;
}
.gv-activated .image-actions span{
	height: 30px;
	width: 30px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 4px;
	cursor:pointer;
}
.gv-activated .gv-flex.oc-color-picker{
	width: 111px;
	height: 30px;
	border: 1px solid rgb(204, 204, 204);
	border-radius: 4px;
	background-color: rgb(246, 247, 247);
	cursor: pointer;
	gap: 0;
}
.gv-activated .oc-color-input{
	visibility: hidden;
	position: absolute;
	width: 0;
	height: 0;
	padding: 0;
	margin: 0;
	border: none;
}
.gv-activated .oc-color-pallete{
	width: 28px;
	height: 30px;
	background-color: rgb(34, 73, 38);
	border: 1px solid rgb(153, 153, 153);
	border-left: none;
	border-bottom-left-radius: 2px;
	border-top-left-radius: 2px;
}
.gv-activated .gv-color-picker-wrap span.oc-select-color{
	font-size: 11px;
	color: rgb(80, 87, 94);
	padding: 0px 5px;
}
.gv-activated .oc-text-wrap{
	max-width:400px
}

.gv-activated .oc-image-upload{
	max-width: 124px;
}
.gv-activated .gv-toggle input[type="checkbox"]:checked::before ,.gv-activated .gv-form-option input[type="radio"]:checked:before{
	display:none!important;
}
.gv-activated .oc-selected-image {
	border: 2px solid rgb(0, 102, 170);
	border-radius: 4px;
	display: block;
	position: relative;
	box-shadow: none;
	overflow:hidden

}
.gv-activated .oc-unselected-image {
	border-radius: 4px;
	overflow: hidden;
	display:flex;
}

.gv-activated .oc-image-wrap img.oc-theme-image{
	height: auto;
	display:block;
}
.gv-activated a.oc-selected-image .oc-selected-icon{
	 position: absolute;
	 top: 8px;
	 right: 8px;
	 width: 20px;
	 height: 20px;
	 background-color: rgb(0, 102, 170);
	 border-radius: 50%;
	 padding: 2px;
	 border: 1px solid rgb(255, 255, 255);

}

.gv-activated .oc-premium-badge {
	position: absolute;
	top: 8px;
	right: 8px;
}

.gv-activated .gv-input .gv-items-center {
	align-items: center;
}

.gv-activated .oc-colorpicker-popup {
	position: absolute;
	z-index: 1000;
	top: 100%;
	margin-top: 8px;
	right: 0;
	max-width: calc(100vw - 32px);
	box-sizing: border-box;
}
.gv-mwp-favicon {
	text-align: center;
}
@media only screen and (max-width: 1024px){
	.gv-activated .oc-text-wrap{
		max-width:310px
	}
	.gv-activated .gv-image-upload-container{
		width: 368px;
	}
	.oc_left_multisite.onecom_head_left {
		margin-bottom: 0;
	}
	.onecom_head__inner {
		margin: 0 0 40px 0;
	}
	img.oc-large-screen {
		display: none;
	}
	img.oc-small-screen {
		display: block;
	}
	.onecom_head .onecom_head__inner.onecom_head_right_multisite {
		margin-bottom: 0;
		margin-left: 0;
	}
	h2.onecom_heading.oc_multisite {
		font-size: 16px;
		font-style: normal;
		font-weight: 500;
		line-height: 22px;
		letter-spacing: 0.3px;
		margin-top: 8px;
	}
	.onecom_head_right_multisite p.oc-last-scan {
		margin-bottom: 0;
	}
	.onecom_head {
		display: block;
	}
}

@media only screen and (max-width: 730px) {
#oc-maintenance-mode-root .gv-flex.gv-justify-between.gv-items-start.gv-gap-lg.gv-max-mob-flex-col
{
	flex-direction: column;
}
}

	@media only screen and (max-width: 600px)
	{
		.gv-activated .gv-image-upload-container{
			width: 100%;
		}
		.gv-activated .oc-text-wrap{
			max-width:100%
		}
		.wrap.ocsh-wrap {
			margin-left: 10px;
			margin-right: 20px;
		}
		.gv-activated .oc-image-wrap img.oc-theme-image {
			max-width: 100%;
			width: 100% !important;
		}
		.gv-activated .oc-input-wrap {
			max-width: 100%;
			width: 100%;
		}
	}
}