/**
 * All of the CSS for your admin-specific functionality should be
 * included in this file.
 */
.connect-btn-wrapper{display:flex;padding:0 30px; padding-top:10px;max-width:480px;justify-content:center;}
.switch-btn-wrapper{display:flex;padding:30px 20px 0px;max-width:300px;justify-content:center;}
.switch-btn-wrapper .connection-status{margin-bottom:10px;text-align:center; font-weight: bold; font-size: 15px;}
.switch-btn-wrapper .connection-status .dashicons-info-outline{color:red !important;}
.switch-btn-wrapper .connection-status .dashicons-yes-alt{color:green!important;}
.switch-btn-wrapper .switch{margin-bottom:0px;}
.switch-btn{text-align:center;width: 100px; float: left; border: 1px solid; border-radius: 20px; background:#bbb; color: #fff;  padding: 8px 10px;}
.active-switch{background: #2271b1 !important;}

#woog-admin-settings-frm #submit{padding: 5px 30px; font-size: 1.2em;}
.woogsquare-refresh-token-p{margin-top:30px;}
.woogsquare-refresh-token .dashicons-update{line-height:28px;}
.woog-square-connect-btn, .woog-square-disconnect-btn {padding: 5px 15px !important; font-size: 1.2em !important;}
.woog-extra-settings {padding: 10px 12px; font-weight: 600; font-size: 16px;background:rgb(34, 113, 177); color:#fff;}
.woog-text{width:80% !important;}
#switch-connection-notification{color:crimson;}

#woog-admin-settings-frm .dashicons{margin-right:5px;}
#woog-admin-settings-frm .dashicons-arrow-right-alt2{padding-top:5px;}
.woog-square-connect-btn .woog-loader{margin-top:10px;}
.sandbox-connection-hint {padding-bottom:10px;}
.sandbox-connection-hint p{color:red;}
.square-connection-success {color:green;font-weight:500;}
.square-connection-success span{font-size:1rem;}
.woog-sep{margin-top:20px;border-bottom:2px solid #f6f7f7 !important;}

.slpr-main-wrapper{display:flex;}
.slpr-main-wrapper .col-one{width:69%; margin-right:1%;}
.slpr-main-wrapper .col-two{width:30%;margin-top:50px; /*max-width: 280px;*//*height:230px;*/}
.slpr-sidebar{height: auto; border-radius: 5px;}
.slpr-sidebar .sidebar-element{height:auto;margin-bottom:15px;background: #fff;padding: 25px;box-shadow:0 0 0 1px rgb(0 0 0 / 7%), 0 1px 1px rgb(0 0 0 / 4%);}
.slpr-sidebar p {font-size:1.2em;}
.slpr-sidebar .button-primary{margin-top:30px;background:darkcyan;}
.tealcolor{color:darkcyan;}
.slpr-sidebar p .tealcolor {font-size:1.1em;}

.slpr-tip{padding: 10px 15px;background: #eee;max-width: 600px; margin: 0; border: 1px solid #ddd; border-radius: 5px;margin-top:20px;}
.slpr-tip p{margin:0;font-size:1.1em;}
.slpr-tip p .heading{font-size:1.2em;}
#wpfooter{position:relative;}
.youtube-link{margin-left: 20px;text-decoration: none;font-size:15px;line-height:45px;}
.youtube-link .dashicons-bell{line-height:45px;}
.youtube-link:hover{color:green;text-decoration:underline;}
.youtube-link:hover .dashicons-bell{text-decoration:none;line-height:45px;}

.slpr-tabbed-section {display:none;}
.slpr-main-wrapper .slpr-tabs ul{margin-bottom:2px;}
.slpr-main-wrapper .slpr-tabs li {display: inline-block; margin-right: 10px;margin-top: 10px;}
.slpr-main-wrapper .slpr-tabs a{padding: 11px 15px; font-size:15px; background: #ddd; color: #000; text-decoration: none; border: 1px solid #ddd;border-bottom:none!important;position: relative;z-index: 98;}
.slpr-main-wrapper .slpr-tabs a.slpr-active{padding:11px 15px;border-bottom:none!important; background: #fff;z-index: 100;}
.slpr-main-wrapper .slpr-tabs a:focus{box-shadow: unset !important;}
.slpr-main-wrapper .slpr-tabs .slpr-tab-content{display:block;position:absolute;z-index:1;}
.slpr-tab-content-active{display:block;position:relative;z-index:99;background:#fff;border:1px solid #ddd;padding:10px 15px;}
.slpr-hidden{visibility:hidden;}
.active-switch input[type=radio]:checked {
    background: darkcyan;
border-color: aliceblue;}

.woog-loader-blue {
	float:left;
	margin-top:4px;
	margin-right:10px;
	width: 20px;
	padding: 4px;
	aspect-ratio: 1;
	border-radius: 50%;
	background: #2271b1;
	--_m:
	conic-gradient(#0000 10%,#000),
	linear-gradient(#000 0 0) content-box;
	-webkit-mask: var(--_m);
			mask: var(--_m);
	-webkit-mask-composite: source-out;
			mask-composite: subtract;
	animation: l3 1s infinite linear;
}

.woog-loader {
	float:left;
	margin-top:4px;
	margin-right:10px;
	width: 20px;
	padding: 2px;
	aspect-ratio: 1;
	border-radius: 50%;
	background: #fff;
	--_m:
	conic-gradient(#0000 10%,#000),
	linear-gradient(#000 0 0) content-box;
	-webkit-mask: var(--_m);
			mask: var(--_m);
	-webkit-mask-composite: source-out;
			mask-composite: subtract;
	animation: l3 1s infinite linear;
}
@keyframes l3 {to{transform: rotate(1turn)}}


.premium-key-features {background:#fff;}
.pro-feature-row .upgrade-notice-box p{font-weight:normal;font-size:14px; letter-spacing:0.5px;font-style:italic;}
.pro-feature-row .upgrade-notice-box .offer{font-weight:600;font-size:14px;}
.plugin-price{font-size:2em!important;font-weight:bold!important;color:teal !important;}
.upgrade-notice-box h3{background:#fafafa;color:teal;padding:5px;text-align:center;font-size:1.5rem;font-style:italic;margin:1.8rem 0;}
.upgrade-notice-box .moneyback-guarentee .dashicons-awards{color:teal;font-size:2rem;margin-right:15px;}
.upgrade-notice-box .moneyback-guarentee {font-weight:600 !important;}
.upgrade-notice-box .dashicons-dismiss{position: absolute; right: 10px; top: 0px; font-size: 2rem;}
.upgrade-notice-box .dashicons-dismiss:hover{color:#039999;}

.pro-feature-row:hover .locked-icon:before{text-decoration:underline; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
.upgrade-notice-box .button-class {float:left;width:100%;padding-top:0;}
.upgrade-notice-box .button-class a {color:#fff;}

.upgrade-notice-box .upgrade-buttton {float:left;background: teal; color: #fff;  padding: 10px 20px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
.upgrade-notice-box .single-upgrade-button{font-size:1.2rem;margin:20px 10px;line-height:1.5rem;display:flex;justify-content:center;float:none !important;}
.upgrade-notice-box  .button-right{float:right;background: teal; color: #fff;  padding: 10px 20px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
.upgrade-notice-box .upgrade-buttton:hover, .upgrade-notice-box .button-right:hover{background:#039999;-webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}

.premium-feature-section {display:flex;}
.premium-feature-section table.form-table td{display:none;}
.premium-feature-section h3{text-align:center;line-height:1.8rem;font-size:1.5rem;margin-bottom:5px;}
.premium-feature-section h4{font-size:1.3em;line-height:1.6em;}
.premium-feature-section p{font-size:15px;margin-top:10px;font-weight:400;}
.premium-feature-section .feature-left {width: 46%;float: left; padding:0 2%;}
.premium-feature-section .feature-right {width: 46%;float: right; padding:0 2%;}
.premium-feature-section  ul li{margin-left:40px;}
.premium-feature-section ul li:before{content: "\f12a"; position: absolute; margin-left: -35px; color: #00A821; font-family: dashicons; font-size: 1.5rem; line-height: 2.1rem;}
.premium-feature-section .upgrade-notice-box {text-align: center;  max-width: 700px; margin: 0 auto;}
.premium-feature-section .upgrade-notice-box a{text-decoration:none;}
.premium-feature-section .dashicons-star-filled{line-height:35px;color:#ffb900;}
@media only screen and (max-width: 764px){
.premium-feature-section{width:100%;}
.premium-feature-section .feature-left {float:none;width: 100%; padding:0 2%;}
.premium-feature-section .feature-right {float:none;width: 100%; padding:0 2%;}
}

@media screen and (max-width: 600px) {
	.woog-text{width:100% !important;}
	
	.slpr-main-wrapper{display:block;}
	.slpr-main-wrapper .col-one{width:100%;}
	.slpr-main-wrapper .col-two{height:300px;}
}