/* 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+ */
}

/* montserrat-regular - latin */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	src: local(''),
	url('https://fonts-static.group-cdn.one/fonts/google/montserrat/montserrat-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('https://fonts-static.group-cdn.one/fonts/google/montserrat/montserrat-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* montserrat-500 - latin */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 500;
	src: local(''),
	url('https://fonts-static.group-cdn.one/fonts/google/montserrat/montserrat-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('https://fonts-static.group-cdn.one/fonts/google/montserrat/montserrat-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* montserrat-600 - latin */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	src: local(''),
	url('https://fonts-static.group-cdn.one/fonts/google/montserrat/montserrat-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('https://fonts-static.group-cdn.one/fonts/google/montserrat/montserrat-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* ******* General CSS ******* */
.toplevel_page_onecom-vcache-plugin #wpcontent{
	padding-left: 0px;
}
#onecom-wrap {
	color: #3c3c3c;
	font-family: 'Open Sans', sans-serif;
	margin: 27px 40px 40px 20px;
	-webkit-font-smoothing: antialiased; /* to match font weight exactly like figma in mac) */
}
#onecom-wrap,
#onecom-wrap p:not(.error.default-password-nag p),
#onecom-wrap .inner-wrap .oc-show-hide a {
	font-size: 16px;
	line-height: 24px;
}
/*to retain the original css of notice instead of getting overrided by the #one-wrap CSS  */
#onecom-wrap .notice.notice-warning > ul
{
	font-size: 13px;
	line-height: 1.4em;
}
#onecom-wrap p:last-child:not(.error.default-password-nag p) {
	margin-bottom: 0;
}
#onecom-wrap .page-description {
	margin-top: 16px;
	margin-bottom: 49px;
	padding: 0;
	max-width: 580px;
	font-weight: 400;
	line-height: 24px;
}
#onecom-wrap h1,
#onecom-wrap h2,
#onecom-wrap h3 {
	margin: 0;
	padding: 0;
	color: #3C3C3C;
}
#onecom-wrap h2 {
	font-size: 24px;
	line-height: 32px;
}
#onecom-wrap .oc-block {
	padding-bottom: 24px;
}
#onecom-wrap .oc-block:last-child {
	padding-bottom: 0;
}
#onecom-wrap .main-heading span {
	font-size: 12px;
	line-height: 20px;
	font-weight: 500;
	font-family: 'Montserrat', sans-serif;
	border: 1px solid #0078C8;
	border-radius: 4px;
	display: inline-block;
	color: #0078C8;
	vertical-align: top;
	padding: 1px 8px;
	background-color: #fff;
	margin-left: 12px;
	margin-top: 7px;
	letter-spacing: .2px;
}
#onecom-wrap .hide,
#onecom-wrap .inner-wrap .oc-show-hide a {
	display: none
}
#onecom-wrap .oc_sticky_footer {
	display: none
}
#onecom-wrap .inner-wrap a.oc-link,
#onecom-wrap .inner-wrap a.oc-link:focus {
	outline: none;
	text-decoration: none;
	box-shadow: none;
	color: #0078C8;
	font-size: 16px;
}
.one_wrap a:not(.error.default-password-nag p a) {
	border-bottom: 1px solid transparent;
	color: #0078C8;
}
#onecom-wrap .one-hr {
	margin-top: 2.5em;
}
.one_wrap,
.one-logo .textleft,
.wrap_inner .nav-tab {
	font-family: 'Open Sans', sans-serif;
}
.one-logo {
	padding: 0 !important;
	display: flex;
}

/********  Starts: one.com common styles (re-design) ********/
#onecom-wrap .oc-page-header {
	margin-top: 27px;
}
#onecom-wrap .main-heading {
	font-family: 'Open Sans', sans-serif;
	font-size: 32px;
	font-style: normal;
	font-weight: 600;
	line-height: 40px;
	letter-spacing: -0.60px;
	text-align: left;
}
#onecom-wrap .inner-wrap {
	background-color: #ffffff;
	padding: 24px;
}
#onecom-wrap .inner-wrap .main-heading {
	margin-left: 18px;
}
#onecom-wrap .oc-btn,
#onecom-wrap .oc-btn:focus,
#onecom-wrap .oc-btn:active,
#onecom-wrap a.oc-btn {
	outline: none;
	box-shadow: none;
	border: none;
	display: inline-block;
	font-size: 14px;
	cursor: pointer;
	border-radius: 42px;
	vertical-align: middle;
	text-decoration: none;
	line-height: 32px;
	box-sizing: border-box;
}
#onecom-wrap .oc-btn-primary,
#onecom-wrap a.oc-btn-primary,
#onecom-wrap a.oc-btn-primary:active,
#onecom-wrap a.oc-btn-primary:hover,
#onecom-wrap a.oc-btn-primary:focus {
	background-color: #0078C8;
	padding: 4px 23px;
	color: #ffffff;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
#onecom-wrap .oc-btn.oc-btn-secondary,
#onecom-wrap .oc-btn.oc-btn-secondary:hover,
#onecom-wrap .oc-btn.oc-btn-secondary:focus,
#onecom-wrap .oc-btn.oc-btn-secondary:active {
	background-color: #ffffff;
	padding: 3px 23px;
	color: #0078C8;
	border: 1px solid #0078C8;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
}
#onecom-wrap .oc-btn.oc-btn-primary:hover,
#onecom-wrap .oc-btn.oc-btn-secondary:hover {
	opacity: 0.7;
}
#onecom-wrap .oc-row {
	display: flex;
	flex-direction: row;
	width: 100%;
}
#onecom-wrap .oc-column {
	flex-direction: column;
	flex: 0 0 50%;
}
#onecom-wrap .oc-pcache > .oc-left-column,
#onecom-wrap .oc-cdn > .oc-left-column {
	flex-grow: 2;
	flex-shrink: 1;
}
#onecom-wrap .oc-pcache > .oc-right-column {
	flex-basis: 354px;
	margin-left: 9%;
}
#onecom-wrap .oc-cdn > .oc-right-column {
	flex-basis: 368px;
	margin-left: 9%;
}
#onecom-wrap .oc-right-column .pc-settings {
	padding-right: 0;
}
#onecom-wrap .oc-flex {
	display: flex;
}
#onecom-wrap .oc-flex-center {
	display: flex;
	align-items: center;
}
#onecom-wrap .oc-flex-start {
	display: flex;
	align-items: flex-start;
}
#onecom-wrap .oc-flex-fields {
	display: flex;
}
#onecom-wrap .oc-flex-fields input,
#onecom-wrap .oc-flex-fields select {
	height: 48px;
}
#onecom-wrap .oc-flex-fields > div:first-child {
	margin-right: 24px;
}
#onecom-wrap .oc-form-footer {
	margin-top: 32px;
}
/* CDN page - hide save button by default, enable via JS accordingly */
#onecom-wrap .oc-cdn .oc-form-footer {
	display: none;
}
#onecom-wrap input,
#onecom-wrap textarea {
	max-width: 100%;
}
.oc-hide {
	display: none;
}
/********  Ends: one.com common styles (re-design) ********/

/********  Start: Gravity re-design  ********/

.gv-activated .vcache-wrap {
	max-width: 1440px;
	margin: auto;
}

.oc-cache-ttl gv-icon{
	width: 20px;
	height: 20px;
	margin-left:5px
}
.label-tooltip {
	position: relative; /* Makes the tooltip position relative to this label */
	display: inline-flex;
	align-items: center;
}
#oc-dev-mode-hrs{
	max-width: 134px;
}
.oc-hours-wrap, .oc-exclude-data{
	margin-left: 32px;
}
.gv-activated .gv-form-option .gv-option-inline .gv-label.oc-dev-hrs{
	font-weight: 600;
	font-size: 14px;
}
#oc-exclude-cdn-list{
	min-height: 215px;
}
.gv-activated .vcache-wrap .gv-button:focus{
	opacity: 1;
}
.gv-activated .oc-hours-wrap .gv-input.gv-input-number button{
	line-height: 20px;
}

.gv-activated .oc-cdn-disabled{
	background:  #FFFFFFE5;
	pointer-events: none;
	cursor: default;
}
.oc-vcache-desc{
	max-width: 700px;
}

.cdn-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, .9);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 10;
	flex-direction: column;
}
.cdn-container{
	position: relative;
	width: 100%;
}
.cdn-overlay .gv-button-cta{
	pointer-events: auto;
}
.oc-cdn-disabled #oc-exclude-cdn-list{
	height: 140px;
	min-height: 140px;
}

/*skeleton loaders*/
.skeleton {
	background: #e2e2e2;
	border-radius: 4px;
	margin: 8px 0;
	animation: pulse 1.5s infinite;
}

.skeleton-radio {
	width: 16px;
	height: 16px;
	border-radius: 50%;
	display: inline-block;
	margin-right: 8px;
}

.skeleton-label {
	width: 80px;
	height: 16px;
	display: inline-block;
}

.skeleton-button {
	width: 100px;
	height: 40px;
}

.heading-skeleton{
	width: 115px
}
.gv-textarea-skeleton{
	height:135px
}

@keyframes pulse {
	0% {
		background-color: #e0e0e0;
	}
	50% {
		background-color: #d6d6d6;
	}
	100% {
		background-color: #e0e0e0;
	}
}
.cdn-settings-container {
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
}

.cdn-settings-container.ready {
	opacity: 1;
}
/* skeleton loaders end */


.label-tooltip gv-icon:hover .gv-tooltip {
	opacity: 1;
	visibility: visible;
}
.oc-header-wrap{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.label-tooltip:hover .gv-tooltip,
gv-icon:hover + .gv-tooltip {
	opacity: 1;
	visibility: visible;
}
.gv-option-inline input[type="radio"]:checked::before{
	height:0;
	margin: 0;
}
/********  Gravity re-design ********/


/******* Performance Cache - All pages common css *******/
#onecom-wrap .oc_notice {
	margin-bottom: 32px;
}
#onecom-wrap .oc-mobile-view {
	display: none;
}
#onecom-wrap .oc-pcache p:not(:last-child),
#onecom-wrap .oc-cdn p:not(:last-child),
#onecom-wrap .oc-wp-rocket p:not(:last-child) {
	margin-bottom: 24px;
}
#onecom-wrap .oc-icon-box {
	margin-bottom: 28px;
}
/******** Starts: Checkbox switch **********/
.oc_cb_switch {
	position: relative;
	display: inline-block;
	width: 44px;
	height: 24px;
	margin-right: 16px;
}
.oc_cb_switch input {
	opacity: 0;
	width: 0;
	height: 0;
}
.oc_cb_slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #BBBBBB;
	border-radius: 100px;
	border: 1px solid #3C3C3C;
}
.oc_cb_slider:before {
	position: absolute;
	content: "";
	height: 16px;
	width: 16px;
	left: 4px;
	bottom: 3px;
	background-color: white;
	border-radius: 100px;
}
input:checked+.oc_cb_slider {
	background-color: #76B82A
}
input:checked+.oc_cb_slider.oc_warn {
	background-color: #F3A333;
	box-shadow: 0 0 1px #F3A333;
}
input:checked+.oc_cb_slider:before {
	transform: translateX(16px);
	left: 6px;
}
.oc-label {
	font-weight: 600;
}
.oc_cb_spinner {
	margin-top: 0px;
	margin-left: 24px;
}
/******** Ends: Checkbox switch **********/

/*** Tooltip - http://www.menucool.com/tooltip/css-tooltip ****/
.oc-tooltip {
	display:inline-block;
	position:relative;
	text-align:left;
	vertical-align: middle;
}
.oc-tooltip .tip-content {
	width:240px;
	height: auto;
	padding:8px 16px;
	color:#ffffff;
	background-color:#3C3C3C;
	font-size:12px;
	position:absolute;
	z-index:99999999;
	box-sizing:border-box;
	display:none;
	font-family: 'Montserrat', sans-serif;
	letter-spacing: 0.2px;
}
.oc-tooltip:hover .tip-content {
	display:block;
}
.oc-tooltip .tip-content i::after {
	content:'';
	position:absolute;
	width:12px;
	height:12px;
	transform:translate(50%,-50%) rotate(-45deg);
	background-color:#3C3C3C;
}
.oc-tooltip .right {
	top:50%;
	left:100%;
	margin-left:15px;
	transform:translate(0, -50%);
}
.oc-tooltip .right i {
	position:absolute;
	top:50%;
	right:100%;
	margin-top:-12px;
	width:12px;
	height:24px;
	overflow:hidden;
}
.oc-tooltip .right i::after {
	left:0;
	top:50%;
}
.oc-tooltip .top {
	width:300px;
	top:-15px;
	left:50%;
	transform:translate(-30%,-100%);
}
.oc-tooltip .top i {
	position:absolute;
	top:100%;
	left:30%;
	margin-left:-15px;
	width:30px;
	height:15px;
	overflow:hidden;
}
.oc-tooltip .top i::after {
	left:50%;
	transform:translate(-50%,-50%) rotate(45deg);
}

.oc-tooltip .left {
	top:50%;
	right:100%;
	margin-left:15px;
	transform:translate(0, -50%);
}
.oc-tooltip .left i {
	position:absolute;
	top:50%;
	left:100%;
	margin-top:-12px;
	width:12px;
	height:24px;
	overflow:hidden;
}
.oc-tooltip .left i::after {
	left:0;
	top:50%;
	transform:translate(-50%,-50%) rotate(45deg);
}

/****** performance cache page CSS *******/
#onecom-wrap .oc_vcache_ttl,
#onecom-wrap #dev_mode_duration {
	width: 165px;
}
#onecom-wrap .oc-vcache-ttl-select {
	width: 165px;
	background-position-x: 95%;
}
#onecom-wrap p:not(.error.default-password-nag p) {
	margin: 12px 0;
	padding: 0;
}
#onecom-wrap .oc-descripton-spacing {
	margin: 36px 0 40px 0;
}
/****** CDN page CSS *******/
#onecom-wrap .oc-cdn .mwp-promo,
#onecom-wrap .oc-cdn .mwp-promo a {
	font-size: 14px;
	line-height: 22px;
	margin-top: 8px;
}
#onecom-wrap .oc-cdn .mwp-promo span {
	margin-left: 8px;
}
#onecom-wrap .oc-cdn .oc_vcache_decription,
#onecom-wrap .oc-cdn .oc_vcache_ttl_label {
	max-width: 336px;
}

/****** WP Rocket *******/
#onecom-wrap .oc-wp-rocket .oc-left-column {
	flex: 1 1 auto;
}
#onecom-wrap .oc-wp-rocket .oc-right-column {
	flex: 0 0 342px;
}
#onecom-wrap .oc-wp-rocket .inner-left-column {
	margin-right: 40px;
}
#onecom-wrap .oc-wp-rocket h2 {
	margin-right: 40px;
	margin-left: 16px;
}
#onecom-wrap .oc-main-content {
	max-width: 702px;
}
#onecom-wrap .oc-wp-rocket p:not(.error.default-password-nag p) {
	margin: 16px 0
}
#onecom-wrap .wp-rocket-desc {
	margin-bottom: 26px;
}
#onecom-wrap .oc-wp-rocket .oc-discount-badge {
	font-family: 'Montserrat', sans-serif;
	background: #f56f46;
	color: #ffffff;
	overflow-wrap: break-word;
	padding: 5px 15px;
	text-decoration: none;
	height: 28px;
	font-size: 15px;
	letter-spacing: 0.1px;
}
#onecom-wrap .oc-wp-rocket ul li {
	background: url('../images/check-list.svg') no-repeat 4.75px 7.5px;
	padding-left: 40px;
	margin: 16px auto;
}
#onecom-wrap .oc-wp-rocket strong {
	font-weight: 700;
}
.toplevel_page_onecom-vcache-plugin > .wp-menu-image{
	display:flex !important;
	align-items: center;
	justify-content: center;
}

#onecom-wrap .oc-wp-rocket .wp-rocket-btn {
	margin-top: 40px;
}
#onecom-wrap .btn,
#onecom-wrap .btn:focus,
#onecom-wrap .btn:active {
	outline: none;
	box-shadow: none;
}
#onecom-wrap .btn.button_1,
#onecom-wrap .btn.button_3 {
	padding: 8px 32px;
	border-radius: 0;
	text-decoration: none;
	display: inline-block;
	font-size: 13px;
	font-weight: 400;
	border-width: 1px;
	border-style: solid;
	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;
}
#onecom-wrap .btn.button_1:hover,
#onecom-wrap .btn.button_3:hover {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
#onecom-wrap .btn.button_1 {
	background-color: #2386ea;
	color: #ffffff;
	margin: 0 15px 0 20px;
	border-color: #2386ea
}
#onecom-wrap .btn.button_1:hover {
	background-color: #2386ea;
	border-color: #2386ea;
}
#onecom-wrap .btn.button_3 {
	background-color: #fff;
	color: #396fc9;
	border-color: #396fc9;
}
#onecom-wrap .btn.button_3:hover {
	background-color: #396fc9;
	color: #fff;
}
#onecom-wrap .btn.btn_arrow {
	background-color: #ffffff;
	color: #666666;
	padding: 3px;
	cursor: pointer;
	display: inline-block;
	vertical-align: top;
	border: 1px solid #bdbdbd;
}

#onecom-wrap .btn.button_2 {
	background-color: #ffffff;
	color: #252525;
	padding: 15px 20px 9px 18px;
	margin: 23px 2px 0px 10px;
	cursor: pointer;
	vertical-align: bottom;
	display: inline-block;
	box-shadow: inset 0 0 0 #4d4d4d;
	font-size: 12px;
	font-weight: 300;
	border: 1px solid #ececec;
	min-width: 70px;
	text-align: center;
}

#onecom-wrap .btn.button_2 .dashicons,
#onecom-wrap .dashicons-before:before {
	vertical-align: middle;
}

#onecom-wrap .btn.inactive {
	opacity: 0.6 !important;
	cursor: not-allowed !important;
}
#onecom-wrap .btn.button_1.inactive:hover {
	background-color: #396fc9 !important;
}
#onecom-wrap .btn.button_2.inactive:hover {
	background-color: #fff !important;
}

#onecom-wrap .no-top-margin {
	margin-top: 0 !important
}
#onecom-wrap .no-bottom-margin {
	margin-bottom: 0 !important
}
#onecom-wrap .no-left-margin {
	margin-left: 0 !important
}
#onecom-wrap .no-right-margin {
	margin-right: 0 !important
}

#onecom-wrap .text-center {
	text-align: center;
}

.wrap.onecom-varnish .form-table th {
	width: 100px
}

.wrap.onecom-varnish tr.hide-th th {
	display: none;
}

.wrap.onecom-varnish tr.hide-th td {
	padding-left: 0;
	width: 180px;
}

.wrap.onecom-varnish th {
	font-weight: normal;
	color: #444
}

.wrap.onecom-varnish p.submit {
	float: left;
	padding-top: 0;
	margin-right: 15px;
}
#pc_enable_settings span.oc-tooltip .dashicons,
#exclude_cdn_enable_settings span.oc-tooltip .dashicons,
#dev_mode_enable_settings span.oc-tooltip .dashicons {
	color: #ffffff;
	margin-left: 8px;
	background-color: #8A8989;
	border-radius: 50%;
	font-size: 14px;
	height: 14px;
	width: 14px;
	vertical-align: initial;
}
.oc_vcache_ttl_label {
	display: inline-block;
	margin-bottom: 8px;
}
#pc_enable_settings button.oc-btn-primary:disabled,
#cdn_settings button.oc-btn-primary:disabled {
	cursor: not-allowed;
	opacity: 0.6;
}
.ab-top-menu #wp-admin-bar-purge-all-varnish-cache .ab-icon:before,
.ab-top-menu #wp-admin-bar-onecom-staging .ab-item .ab-icon:before{
	top: 2px;
}
.one-card-staging-content {
	width: calc(100% - 15em);
	margin-left: 24px;
}
input#dev_mode_duration.oc_error,
textarea#exclude_cdn_data.oc_error
{
	border: 1px solid red;
}
input#oc_vcache_ttl.oc_error {
	border: 1px solid #D20019;
}
#pc_enable_settings .oc-ttl-error-msg,
#cdn_settings .oc-ttl-error-msg{
	margin-top: 4px;
	color: #D20019;
	line-height: 22px;
	font-size: 14px;
	display: none;
}

/* WPR page css */
.wpr-section-header {
	background: #E5F1F9 !important;
}

.key-benefits li {
	position: relative;
	padding-left: 32px;
	list-style: none;
}

.key-benefits li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 24px;
	height: 24px;
	background: url(../images/check.svg) no-repeat center center;
}

.one-com_page_onecom-wp-rocket button.gv-notice-close img {
	min-width: 24px;
	min-height: 24px;
}

.wpr-container.gv-activated .gv-layout-product {
	row-gap: 24px;
	column-gap: 48px;
}

.wpr-img-container :last-child {
	display: none !important;
}

.wrap2.gv-activated {
	max-width: 1440px;
	margin: auto;
}

.gv-activated.wrap2 .inner-wrapper {
	padding-left: 28px;
}

@keyframes spin {
	to { transform: rotate(360deg); }
}
img.custom-spinner {
	animation: spin 0.9s linear infinite;
}
@media screen and (max-width: 786px) {
	.one-com_page_onecom-wp-rocket div#wpbody-content {
		padding-bottom: 0;
	}

}

/* Tablet-specific styles go here */
@media (width: 1024px) and (orientation: portrait) {

	.wpr-img-container :last-child {
		display: block !important;
	}

	.wpr-img-container :first-child {
		display: none !important;
	}
}

@media (max-width: 1024px) {
	.gv-activated.wrap2 .inner-wrapper {
		padding-left: 14px;
	}
}

/* WPR page css End */

@media screen and ( max-width: 782px ) {
	.one-logo {
		flex-direction: column-reverse;
		margin-bottom: 1em !important;
	}
	.one-logo .textleft,
	.one-logo .textright {
		text-align: center;
	}
	.wrap.onecom-varnish tr.hide-th td {
		width: auto;
	}
}

/* Workaround to avoid the vertical overflow of "Performance cache" in admin menu for mobile devices */
@media only screen and (max-width: 960px){.auto-fold #adminmenu a.menu-top.toplevel_page_onecom-vcache-plugin{height: 55px;}}

/* CDN CSS */
.wrap {
	margin: 10px 20px 0 2px;
}

.one_wrap,
.one-logo .textleft,
.wrap_inner .nav-tab,
.theme-overlay,
.image-filter,
.theme-filters,
#preview_box {
	font-family: 'Open Sans', sans-serif;
}

.one-logo {
	padding: 0 !important;
	display: flex;
	align-items: center;
}
.one-logo .textleft,
.one-logo .textright {
	flex: 1;
	line-height: initial;
}

.one-card {
	background: #fff;
	padding: 24px;
	padding-bottom: 0;
	box-shadow: 0 0 2px 3px #efefef;
	position: relative;
}

.one-card-cdn {
	margin-top: 40px;
	padding-bottom: 0;
}
.textright {
	text-align: right;
}
.one-card-inline-block {
	display: inline-block;
	vertical-align: top;
}
.one-card .one-card-staging-create-icon {
	width: 10em;
	float: left;
	vertical-align: top;
	margin-right: 3em;
}
.no-top-margin {
	margin-top: 0 !important;
}
a.help_link {
	font-size: 13px;
	display: inline-block;
	border: none;
	text-decoration: none;
}
.one-card-action {
	margin-top: 2em;
}
.btn.button_1,
.btn.button_3 {
	padding: 8px 32px;
	border: 0;
	border-radius: 0;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	font-weight: 400;
	border-width: 1px;
	border-style: solid;
	cursor: pointer;
	line-height: 24px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.btn.button_1 {
	background-color: #2386ea;
	color: #ffffff;
	margin: 0 15px 0 20px;
	border-color: #2386ea;
}
.no-left-margin {
	margin-left: 0 !important;
}
.one-button.one-button-create-staging {
	margin-right: 10px !important;
}
.one-button.one-button-create-staging {
	vertical-align: middle;
}
input.oc_vcache_ttl{
	border-radius: 0;
}
.btn.button_1.oc_vcache_btn,
.btn.button_1.oc_dev_mode_btn,
.btn.button_1.oc_cdn_exclude_btn
{
	margin-left: 7px;
	vertical-align: middle;
	border-radius: 8px;
}
.btn.button_1.oc_vcache_btn:hover,
.btn.button_1.oc_dev_mode_btn:hover,
.btn.button_1.oc_cdn_exclude_btn:hover
{
	border: 1px solid #284f90;
}
.btn.button_1.oc_cdn_exclude_btn
{
	margin-left: 0;
	margin-top: 12px;
}
.oc_cb_spinner {
	float: none;
	width: 18px;
	height: 18px;
	background-size: 18px 18px;
}
.spinner.oc_cb_spinner.is_active{
	visibility: visible;
}
.spinner.oc_cb_spinner.success:not(.is-active) {
	background-image: url(../images/ok-icon.svg);
	visibility: visible;
	animation: 0s linear 2.3s forwards delayedHide;
}
@keyframes delayedHide {
    to {
	visibility: hidden;
    }
}
#oc_vcache_ttl,
#dev_mode_duration,
#exclude_cdn_data
{
	border: 1px solid #ccc;
	box-shadow: none !important;
	line-height: 26px;
	font-size: 16px;
	padding: 8px 12px;
	border-radius: 8px;
	box-sizing: border-box;
	vertical-align: bottom;
}
.oc_cdn_data_save_spinner {
	vertical-align: inherit;
	vertical-align: middle;
}
#pc_enable_settings select {
	border: 1px solid #ccc;
	width: 165px;
	vertical-align: bottom;
	line-height: 24px;
	font-size: 16px;
	padding: 8px 12px;
	border-radius: 8px;
	box-sizing: border-box;
}
#pc_enable_settings select:hover {
	color: initial;
}
#onecom-wrap #exclude_cdn_data {
	width: 368px;
	height: 93px;
	margin-top: 10px;
	font-size: 16px;
	line-height: 26px;
}
#onecom-wrap #exclude_cdn_data::placeholder {
	font-size: 12px;
	line-height: 18px;
}
#dev_mode_enable_settings,
#exclude_cdn_enable_settings {
	margin-top: 20px;
}

/* Premium features restrictions */
.oc-non-premium input[readonly],
.oc-non-premium button:disabled,
.oc-non-premium textarea:disabled {
	cursor: not-allowed;
}
.oc-non-premium button:disabled {
	opacity: 0.6;
}
@media only screen and (max-width: 1024px){
	#onecom-wrap {
		margin-left: 10px;
		margin-right: 20px;
	}
}
@media(max-width:630px){
	#onecom-wrap .one-card{
		padding: 24px;
		padding-bottom: 0;
	}
	#onecom-wrap .one-staging-entry.staging-entry{
		display: block;
	}
	#onecom-wrap .onecom-staging-logo{
		float: none;
		width:auto;
		display: block;
		text-align: center;
	}
	#onecom-wrap .onecom-staging-logo #oc-performance-icon,
	#onecom-wrap .onecom-staging-logo #oc-performance-icon-active,
	#onecom-wrap .onecom-staging-logo #oc-cdn-icon,
	#onecom-wrap .onecom-staging-logo #oc-cdn-icon-active{
		float: none;
		margin:0 0 20px 0;
		max-width: 100%;
	}
	#onecom-wrap .entry-name{
		text-align: center;
	}
	#onecom-wrap .one-card-staging-content{
		width:auto;
		margin: auto;
	}
	#onecom-wrap .entry-link p{
		margin: 0;
		padding: 10px 0;
		word-break: break-all;
	}
	#onecom-wrap .entry-link p br{
		display: none;
	}
	#onecom-wrap .entry-link p a{border:none;}
	.one-logo .textleft{margin-right:0;}
	.btn.button_1.oc_vcache_btn{
		margin:10px 0 4px;
	}
	.oc_vcache_ttl{
		margin: 0;
	}
}

/*** Responsive style ***/
@media screen and (max-width: 1200px) {
	#onecom-wrap .oc-pcache > .oc-right-column {
		margin-left: 5%;
	}
	#onecom-wrap .oc-content-column {
		flex-direction: row;
		flex: 100%;
		flex-wrap: wrap;
		align-items: flex-start;
	}
}

@media screen and ( max-width: 959px ) {
	#onecom-wrap .oc-page-header {
		margin-top: 45px;
	}
	#onecom-wrap .page-description {
		margin-bottom: 34px;
	}
	#onecom-wrap .oc-right-column .pc-settings {
		padding: 0;
	}
	#onecom-wrap .oc-pcache > .oc-right-column,
	#onecom-wrap .oc-cdn > .oc-right-column {
		margin: 40px 0 0 0;
		max-width: 100%;
	}
	#onecom-wrap .oc-row {
		flex-wrap: wrap;
	}
	#onecom-wrap .oc-column {
		flex-direction: row;
		flex: 100%;
	}
	#exclude_cdn_data {
		width: 365px;
	}
	#onecom-wrap .oc-wp-rocket .inner-left-column img,
	#onecom-wrap .oc-wp-rocket .inner-right-column img {
		width: 76px;
		height: 76px;
	}
}

@media screen and (max-width: 575px) {
	#onecom-wrap,
	#onecom-wrap p:not(.error.default-password-nag p),
	#onecom-wrap .inner-wrap .oc-show-hide a,
	#onecom-wrap .inner-wrap a.oc-link {
		font-size: 18px;
		line-height: 24px;
	}
	#onecom-wrap .oc-btn,
	#onecom-wrap .oc-btn:focus,
	#onecom-wrap .oc-btn:active,
	#onecom-wrap a.oc-btn {
		font-size: 16px;
	}
	.toplevel_page_onecom-vcache-plugin #wpbody-content,
	.one-com_page_onecom-cdn #wpbody-content {
		padding-bottom: 60px;
	}
	#onecom-wrap .oc-page-header {
		margin-top: 38px;
	}
	#onecom-wrap .page-description {
		margin-bottom: 40px;
	}
	#onecom-wrap .inner-wrap .oc-icon-box {
		/* flex-wrap: wrap; */
		flex-direction: column;
		align-items: flex-start;
		margin-bottom: 8px;
	}
	#onecom-wrap .oc-wp-rocket .oc-icon-box {
		/* flex-wrap: wrap; */
		flex-direction: row;
		align-items: flex-start;
		margin-bottom: 8px;
	}
	#onecom-wrap .oc-wp-rocket .oc-icon-box > div {
		flex-direction: column;
		align-items: flex-start;
	}

	#onecom-wrap .inner-wrap .main-heading {
		margin-left: 0;
		margin-top: 10px;
	}
	#onecom-wrap .oc-descripton-spacing {
		margin-top: 24px;
	}
	#onecom-wrap .oc-tooltip .tip-content {
		width: 240px;
	}
	#onecom-wrap .oc-desktop-view,
	#onecom-wrap .oc-tooltip,
	#onecom-wrap .oc-hidden-content {
		display: none;
	}
	#onecom-wrap .oc-mobile-view,
	#onecom-wrap .inner-wrap .oc-show-hide a {
		display: block;
	}
	#onecom-wrap .oc-wp-rocket .inner-right-column .oc-flex-center {
		flex-wrap: wrap;
	}
	#onecom-wrap .oc-wp-rocket .inner-right-column .oc-flex-center a {
		flex: 1 1 100%;
	}
	#onecom-wrap .oc-wp-rocket .oc-flex > .inner-left-column {
		display: none;
	}
	#onecom-wrap .oc-wp-rocket .inner-right-column .oc-hide {
		display: flex;
	}
	#onecom-wrap .oc-wp-rocket .inner-left-column {
		margin-right: 20px;
	}
	#onecom-wrap .oc-wp-rocket h2 {
		margin-right: 0;
	}
	#onecom-wrap .oc-wp-rocket .inner-right-column .oc-hide {
		margin-right: 20px;
	}
	#onecom-wrap .oc-wp-rocket .inner-right-column .oc-discount-badge {
		margin-top: 20px;
	}
	#onecom-wrap .oc-cdn .mwp-promo span {
		margin-left: 4px;
	}
	.oc_notice div .inline_icon, .oc_notice span {
		width: 224px;
	}
	#onecom-wrap .page-description {
		width: 288px;
	}
	#onecom-wrap .save-box {
		flex-flow: column-reverse;
		flex-wrap: wrap;
		text-align: center;
		justify-content: space-around;
	}
	/* Mobile sticky footer with submit button */
	#onecom-wrap .oc_sticky_footer {
		display: block;
		position: fixed;
		bottom: 0;
		padding: 0 24px 24px 24px;
		left: 0;
		background: #FFF;
		right: 0;
		text-align: center;
		z-index: 200;
		margin: 0 20px;
	}
	#onecom-wrap .oc_sticky_footer .oc-btn-primary {
		margin-top: 0;
	}
	/* showing sticky footer submit instead of regular submit */
	#onecom-wrap .oc-desktop-view {
		display: none !important;
	}
	#pc_enable_settings .oc-flex-fields {
		flex-wrap: wrap;
		align-items: flex-start;
		flex-direction: column;
	}
	#onecom-wrap .oc-flex-fields > div:first-child {
		margin-bottom: 24px;
	}
	#onecom-wrap .oc-form-footer {
		margin-top: 0;
	}
	#pc_enable_settings .oc-flex-fields > div,
	#onecom-wrap .oc_vcache_ttl,
	#onecom-wrap .oc-vcache-ttl-select,
	#onecom-wrap #dev_mode_duration,
	#onecom-wrap #exclude_cdn_data {
		width: 100%;
		max-width: 100%;
	}
	#onecom-wrap .save-box .oc_cb_spinner {
		margin: 16px 0;
	}
	#onecom-wrap .oc-wp-rocket .oc-right-column {
		flex: 0 0 100%;
	}
	#onecom-wrap .oc-btn,
	#onecom-wrap .oc-btn.oc-btn.oc-btn-secondary,
	#onecom-wrap .oc-btn:focus,
	#onecom-wrap .oc-btn:active {
		width: 100%;
		text-align: center;
		padding: 8px 23px;
	}
	/* #onecom-wrap .oc-cdn-feature-box .oc-block {
		padding-bottom: 20px;
	} */
}
/* CDN CSS END */

@media screen and (max-width: 390px) {
	#onecom-wrap .oc-wp-rocket .oc-icon-box > div {
		margin-bottom: 16px;
	}
	#onecom-wrap .oc-wp-rocket .oc-icon-box {
		flex-wrap: wrap;
	}
	#onecom-wrap #oc_dev_mode_switch_spinner {
		margin-left: 12px;
	}
}