/* General CSS */
.paoc-clearfix:before, .paoc-clearfix:after, .paoc-row:before, .paoc-row:after{content: "";display: table;}
.paoc-clearfix::after, .paoc-row::after{clear: both;}
.paoc-clear{clear: both;}
.paoc-cnt-wrap, .paoc-cnt-wrap *{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none;}
.paoc-right{float:right;}
.paoc-hide{display: none;}
.paoc-center{text-align: center;}
.paoc-no-lr-padding{padding-left: 0 !important; padding-right: 0 !important;}
.paoc-pad-top-20{padding:20px 0 0 0;}
.paoc-no-padding{padding: 0 !important;}
.paoc-no-margin{margin: 0 !important;}
.paoc-notice{ background-color: #f2dede; border: 1px solid #ebccd1; color: #a94442; font-weight: 600; padding: 10px; }
.paoc-success{background-color: #dff0d8; border: 1px solid #d6e9c6; color: #3c763d; font-weight: 600; padding: 10px; text-align:left; margin: 0 0 10px 0;}
.paoc-error{background-color: #f2dede; border: 1px solid #ebccd1; color: #a94442; font-weight: 600; padding: 10px; text-align:left; margin: 0 0 10px 0;}
.paoc-info{background-color: #d9edf7; border: 1px solid #bce8f1; color:#31708f; font-weight: 600; padding: 10px; text-align:left; margin: 0;}
.paoc-dashicons-icon{cursor: pointer; height: auto; width: auto; margin: 0 4px; color: #525252;}
.paoc-dashicons-icon-success{color: #0073aa;}
.paoc-dashicons-icon-error{color: #999999;}
.paoc-success.paoc-no-radius, .paoc-error.paoc-no-radius, .paoc-info.paoc-no-radius{border-radius: 0;}
.paoc-success p, .paoc-error p, .paoc-info p{margin:0 0 10px 0 !important;}
.paoc-success p:last-child, .paoc-error p:last-child, .paoc-info p:last-child{margin:0 !important;}
.paoc-sub-sett-title{border-bottom: 2px solid #ccc; padding: 0 0 6px; line-height: normal;}
.paoc-sett-wrap .paoc-resett-sett-btn{margin: 0 0 0 5px;}
.paoc-pro-shortcode-preview{background-color: #e7e7e7; font-weight:600; padding: 2px 5px; display: inline-block; margin:0 0 2px 0;}
.paoc-copy-clipboard{-webkit-touch-callout: all; -webkit-user-select: all; -khtml-user-select: all; -moz-user-select: all; -ms-user-select: all; user-select: all;}
.wp-list-table .row-actions .paoc_pro_id{color:#999;}
.paoc-pro-post-sett-tbl .form-table{margin:0;}
.paoc-pro-post-sett-tbl .paoc-pro-select-box{max-width: 200px; width: 100%;}
.paoc-pro-post-sett-tbl .paoc-pro-no-padding{padding:0;}
.paoc-img-view{line-height:0; max-height: 150px; max-width: 150px;}
.paoc-img-view img{max-width:150px; max-height:150px; border: 1px solid #ccc; padding: 3px; margin: 5px 0 0 0; box-sizing:border-box;}
.paoc-pro-sub-sett-title{border-bottom: 2px solid #ccc; padding: 0 0 6px;}
.paoc-pro-post-sett-tbl .paoc-pro-hide{display: none;}
.paoc-pro-ggl-anlyc-tbl.form-table th{width:0px !important;}
.red-text{color:#F00000;}
.paoc-medium-text,
select.paoc-select{max-width:200px; width: 100%;}
select.paoc-select-mul{max-width:250px; width: 100%; height:100px !important;}
.paoc-select2,
.paoc-post-title-sugg{width:220px;}
.paoc-select2-medium{width: 310px;}
.paoc-select2-mul{width:100%;}
.paoc-post-title-sugg + .select2-container{vertical-align: top;}
.paoc-select2-mul + .select2-container .select2-search,
.paoc-select2-mul + .select2-container .select2-search__field{min-height: auto; line-height: normal; width: 97% !important;}
.select2-container ul li {margin-bottom: 0;}
.paoc-post-title-sugg + .select2-container--default .select2-selection--single .select2-selection__clear{line-height: 24px;}
.paoc-post-title-sugg + .select2-container--default .select2-selection--multiple .select2-selection__choice{padding: 4px; padding-left: 25px;}
.paoc-post-title-sugg + .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{padding: 4px; top: -1px;}
.paoc-post-title-sugg + .select2-container .select2-selection--single{height: 30px;}
.paoc-loop-irow{display:inline-block; max-width:200px; width:100%; margin:0 0 5px 0;}
.paoc-code-tag-wrap{line-height: 22px;}
input.paoc-url{max-width: 60%; width: 100%;}
.paoc-btn-large{max-width: 620px; width: 100%;}
.paoc-textarea{height: 100px;}
#wp-admin-bar-paoc-preview-menu .ab-item{background-color: #2271b1; cursor: pointer;}
#popupaoc-post-sett .inside{margin:0; padding:0;}
#popupaoc-post-sett .inside .paoc-vtab-wrap{border: 0;}
#popupaoc-post-sett .form-table th{width: 170px;}

/* Form Field CSS */
.form-table td.paoc-action-btn-wrp{vertical-align: top;}
.paoc-action-btn{display: inline-block;}
.paoc-action-btn i{height: auto; width: auto; font-size:23px; cursor: pointer;}
.paoc-action-btn.paoc-action-add-btn i{color: #46b450;}
.paoc-action-btn.paoc-action-del-btn i{color: #dc3232;}

/* Pro Feature CSS */
.paoc-pro-tag {padding: 4px 7px 4px 5px;background-color:#cdd9f3;color: #1e2b48; position: relative; font-size: 10px; margin: 0 0 0 10px; display: inline-block; line-height: 1.1;}
.paoc-pro-tag::before { content: ""; left: -10px; top: 0; border-top: 9px solid transparent;border-right: 10px solid #cdd9f3;border-bottom: 10px solid transparent; position: absolute;}
.paoc-pro-feature { opacity: 0.5;}
.paoc-pro-feature:hover{opacity: 0.7;}
.paoc-disabled{pointer-events: none; cursor: default;}
.paoc-pro-notice{background-color: #fcecce; font-weight: 600; padding: 10px; line-height: normal;}
.paoc-pro-disabled{position: relative;}
.paoc-pro-disabled:before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3;}
.paoc-pro-tab-wrap .paoc-pro-upgrade-link{display: block; padding: 12px 6px; width: 100%; text-decoration: none; box-shadow: none; border-width: 1px; border-color: #e2dddb; border-style: none solid solid none; -webkit-transition: box-shadow 0.2s ease-in-out; transition: box-shadow 0.2s ease-in-out; background-color: #fcecce; font-weight: 600;}

/* Report Side Box CSS */
.paoc-stats-box-wrap{margin-bottom: 15px;}
.paoc-stats-box-wrap:last-child{margin: 0;}
.paoc-stats-box-wrap .paoc-stats-box-title{display: inline-block; vertical-align: middle; word-break: break-all; word-wrap: break-word; width: 80px;}
.paoc-stats-box-wrap .paoc-stats-box{display: inline-block; min-width: 80px; vertical-align: middle;}

/***** Vertical Tabs CSS *****/
.paoc-vtab-wrap, .paoc-vtab-wrap *{-webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box; outline:none;}
.paoc-vtab-wrap{background-color: #f5f5f5; border:1px solid #e2dddb;}
.paoc-vtab-wrap .form-table{clear: none; margin: 0;}
.paoc-vtab-wrap .paoc-tab-info-wrap{border-bottom: 1px solid #e2dddb; padding: 0 0 5px 0;}
.paoc-vtab-wrap .paoc-tab-title{font-size: 14px; font-weight: 600;}
.paoc-vtab-wrap .paoc-tab-desc{font-size: 13px; font-style: italic; margin: 5px 0 0 0; display: block;}
.paoc-vtab-nav-wrap{float: left; list-style: outside none none; padding: 0 !important; position: relative; width: 180px; word-wrap: break-word; margin: 0 !important; background-color: #f5f5f5;}
.paoc-vtab-nav-wrap .paoc-vtab-nav{display: block; margin: 0; padding: 0; position: relative; width: 100%;}
.paoc-vtab-nav-wrap .paoc-vtab-nav a {color: #222; display: block; padding: 12px 6px; width: 100%; text-decoration: none; box-shadow: none; border-width: 1px; border-color: #e2dddb; border-style: none solid solid none; -webkit-transition: box-shadow 0.2s ease-in-out; transition: box-shadow 0.2s ease-in-out;}
.paoc-vtab-nav-wrap .paoc-vtab-nav a:hover{box-shadow:3px 0 0 0 #222 inset;}
.paoc-vtab-nav.paoc-active-vtab a{border-style: none none solid none; background-color:#fff; box-shadow:3px 0 0 0 #222 inset;}
.paoc-vtab-cnt-wrp{background-color: #fff; margin-left: 179px; padding: 10px 20px 10px 20px; min-height: 225px; border-left: 1px solid #e2dddb;}
.paoc-vtab-cnt{display: none;}

/* Preview Popup */
.paoc-popup-modal,
.paoc-popup-tags{position: fixed; top: 25px; left: 25px; right: 25px; bottom: 25px; z-index: 160000; min-height: 300px; background-color: #fff; display: none;}
.paoc-popup-modal-title-wrp{height: 40px; position: relative;}
.paoc-popup-modal-title{padding: 8px 10px 8px 15px; font-size: 18px; margin: 0; color: #23282d; font-weight: 600; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.paoc-popup-modal-cnt{margin: 0; padding: 12px; overflow: auto; background-color: #fff; border-top: 1px solid #ddd; position: absolute; left: 0; right: 0; bottom: 0; top: 40px; height: auto; width: auto;}
.paoc-popup-modal-cnt .paoc-preview-frame{height: 100%; width: 100%; display: block;}
.paoc-popup-modal-overlay{position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #000; opacity: 0.7; z-index: 159900; display: none;}
.paoc-popup-modal-act-btn-wrp{float: right; position: relative; z-index: 1;}
.paoc-popup-modal-act-btn-wrp .paoc-popup-modal-act-btn{cursor: pointer; color: #72777c; background-color: transparent; height: 40px; width: 40px; text-align: center; border-left: 1px solid #ddd; transition: color .1s ease-in-out,background .1s ease-in-out; display: inline-block;}
.paoc-popup-modal-act-btn i{line-height: 40px; display: inline-block; height: auto; width: auto;}
.paoc-popup-modal-act-btn:hover i{color: #23282d;}
.paoc-popup-modal-loader{display: none; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: url("../images/spinner.gif") center center no-repeat; background-color: #fff; background-position: center center;}
.paoc-preview-btn-wrp{margin: 20px 0; text-align: center;}

/* Tags Popup Modal */
.paoc-show-popup-tags{cursor: pointer;}
.paoc-medium-popup-modal{max-width: 750px; margin: auto;}
.paoc-tags-tbl{border: 0 !important;}
.paoc-tags-tbl.widefat tr:nth-child(1) td{border-top: 1px solid #e7e7e7;}
.paoc-tags-tbl.widefat tr td{border-bottom: 1px solid #e7e7e7;}
.paoc-popup-tags .paoc-modal-sub-title{font-size: 14px; margin-bottom: 15px;}
.paoc-tags-tbl.widefat tr td:nth-child(1){width: 23%;}

/* Popup Goal & Type Box CSS */
.paoc-behav-box-wrp .paoc-radio{display: none;}
.paoc-behav-box-wrp .paoc-radio:checked + .paoc-behav-block{border: 2px solid #32373c;}
.paoc-behav-block{border: 2px solid #dcdcdc; padding: 10px 8px; text-align: center; color: #525252; cursor: pointer; display: block; border-radius: 4px;}
.paoc-behav-block .paoc-behav-title{font-weight: 600; font-size: 15px; display: block; margin: 5px 0 0 0;}
.paoc-behav-block i{height: auto; width: auto; font-size: 30px; line-height: normal;}

/* Custom CSS Editor */
.paoc-sett-wrap .CodeMirror,
.paoc-sett-tbl .CodeMirror{border: 1px solid #e2dddb; height: 300px;}
.wpos-code-editor{height: 300px;}

/* ColorPicker CSS */
.paoc-colorpicker-wrap .wp-color-result-text{position: relative; z-index: 1;}
.paoc-colorpicker-wrap .wp-picker-clear{display: inline-block !important;}

/************** Start - Solutions & Features Page CSS ****************/
.popupaoc-center{text-align:center;}
.aoc_popup_page_paoc-solutions-features #wpwrap { background: #f7faff;}
.popupaoc-sf-wrap{max-width: 860px;margin: 0 auto;}
.popupaoc-heading{font-size: 28px;font-weight: 700;letter-spacing: -1px;text-align: center;margin-top: 30px; margin-bottom:5px;}
.popupaoc-image{margin:25px 0 15px 0;}
.popupaoc-sf-cont {color: #000; font-size:15px;}
.popupaoc-top-rsn p, .popupaoc-sf-testimonial-wrap p{color: #000; font-size:15px;}
.popupaoc-left{text-align:left;}
.popupaoc-feature__text h3{font-size: 22px;font-weight: 700;margin:0;}
.popupaoc-solutions-box-grid	{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;
flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.popupaoc-team{margin-bottom:50px; border-radius: 10px;border: 1px solid #e5ecf6; padding:10px 30px 30px 30px;}
.popupaoc-blue{color:#6c63ff; font-weight:bold;}
.aoc_popup_page_paoc-solutions-features #wpcontent{padding: 0 0 40px; line-height: normal;}
.popupaoc-sf-wrap .popupaoc-sf-inr{padding: 30px 40px 0;}
.popupaoc-sf-wrap .popupaoc-sf-welcome-wrap{ margin-bottom:50px; position: relative;  -webkit-box-sizing: border-box;  box-sizing: border-box;  background: #fff;  padding: 30px;  border-radius: 10px;  border: 1px solid #e5ecf6; }

.popupaoc-sf-subtitle{color: #6c7781; font-size: 16px; font-weight: 600; margin-bottom: 6px;}
.popupaoc-sf-title{font-size: 32px; font-weight: 600; color: #23282d; margin-top: 0; margin-bottom: 20px;}
.popupaoc-sf-ttl{font-size: 23px; font-weight: 600; color: #23282d; margin-top: 0; margin-bottom: 20px;}
.popupaoc-sf-content{margin: 0 0 20px; font-size: 22px;  color: #646970;}
.popupaoc-sf-btn{display: inline-block; font-size: 18px; padding: 10px 25px; border-radius: 100px;  background-color: #46b450; border-color: #46b450; color: #fff !important; font-weight: 600; text-decoration: none;}
.popupaoc-sf-btn-orange{ background-color: #FF1000; border-color: #FF1000 ;}
.popupaoc-sf-btn:hover,
.popupaoc-sf-btn:focus{background-color: #3fa548; border-color: #3fa548;}
.popupaoc-sf-btn-orange:hover,
.popupaoc-sf-btn-orange:focus {background-color: #D01003 ; border-color: #D01003 ;}
.popupaoc-sf-fp-ttl{font-size: 23px; line-height: 1.4em; margin-bottom: 10px; font-weight: 600; text-align: center;}
.popupaoc-sf-fp-box-wrp{display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 10px;}
.popupaoc-sf-fp-box-wrp .popupaoc-sf-fp-box{position: relative; border: 1px solid #c3e6cb; padding: 10px; text-align: center;}
.popupaoc-sf-fp-box-wrp .popupaoc-sf-pro-box{border: 1px solid #f5c6cb;}
.popupaoc-sf-fp-box-wrp>*{flex: 0 0 26.8%;}
.popupaoc-sf-fp-box-wrp i.dashicons{font-size: 25px; display: inline-block; color: #528bfa; width: 30px; height: 30px; line-height: 30px;}
.popupaoc-sf-fp-box-wrp .popupaoc-sf-box-ttl{font-size: 16px;}
.popupaoc-sf-tag{position: absolute; display: inline-block; top: 0; right: 0; background-color: #d4edda; color: #155724; padding: 1px 8px; text-transform: uppercase; font-size: 12px; }
.popupaoc-sf-pro-box .popupaoc-sf-tag{background-color: #f8d7da; color: #721c24;}

.popupaoc-rc-wrap{max-width: 550px; margin: 15px auto 0 auto; text-align: left;}
.popupaoc-rc-wrap .popupaoc-rc-inr{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 15px;}
.popupaoc-rc-wrap .popupaoc-rc-icon{margin-right: 15px; width: 60px; height: 60px;}
.popupaoc-rc-wrap .popupaoc-rc-icon img{width: 100%; height: 100%;}
.popupaoc-rc-wrap .popupaoc-rc-inr h3{font-size: 16px; margin: 0 0 5px 0;}
.popupaoc-rc-wrap .popupaoc-rc-inr p{margin: 0;}
.popupaoc-rc-wrap .popupaoc-rc-bg-box{ background-color:#f1f1f1; border: 1px solid #d1d1d1; padding: 5px 10px; }

.popupaoc-solutions-section{margin-bottom: 20px;}
.popupaoc-solutions-box-wrap{display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 15px; margin-top:50px;}
.popupaoc-solutions-box-wrap>*{flex: 1 0 21%;}

.popupaoc-solutions-box-wrap .popupaoc-box-ttl{background-color: #cce5ff; color: #004085; font-size: 16px; padding: 10px;}
.popupaoc-solutions-box-wrap ul{padding: 0 10px; margin: 0;}
.popupaoc-solutions-box-wrap ul li{position: relative; font-size: 14px; border-bottom: 1px solid #e7e7e7; margin: 0; padding: 8px 0;}
.popupaoc-solutions-box-wrap ul li:last-child{border-bottom: none;}

.popupaoc-sf-welcome-wrap{margin-top:30px;}
.popupaoc-features-ttl{margin-top:45px; margin-bottom: 15px;}
.popupaoc-features-ttl h2{margin-bottom: 5px; color: #155724;}

.popupaoc-features-section .popupaoc-features-section-inr{padding: 15px 30px; margin-bottom:30px; text-align:center;}
.popupaoc-features-section ul.popupaoc-features-box-grid{margin:0px;display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 15px; list-style: none !important; margin-bottom:15px;}
ul.popupaoc-features-box-grid>*{flex: 1 0 21%; text-align:center; font-size:13px; font-weight:bold;}
ul.popupaoc-features-box-grid li{border:1px solid #f1f1f1; padding:10px 0;}

.popupaoc-testimonial-section-inr{text-align:center;}
.popupaoc-testimonial-box-wrap{margin-bottom:35px;}
.popupaoc-testimonial-box-wrap{display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 15px;}
.popupaoc-testimonial-box-wrap>*{flex: 1 0 21%;}
.popupaoc-testimonial-box-wrap .popupaoc-testimonial-box-grid{border: 1px solid #ddd;background:#fff;  box-shadow: 0 3px 2px rgba(0,0,0,.05);
padding: 30px;text-align: center;display: flex;flex-direction: column;align-items: center;}
.popupaoc-testimonial-box-wrap h3{margin-top:0px;}
.popupaoc-testimonial-clnt{margin:15px 0 0 0; font-size:16px; font-weight:bold;}
.bg-highlight{background:#bde1f9;color:#000;padding: 0 5px; display:inline-block;}
/************** End - Solutions & Features Page CSS ****************/

/***** Column grid *****/
.paoc-row{margin: 0 -15px;}
.paoc-columns-margin .paoc-columns, .paoc-columns-margin .paoc-icolumns{margin: 0 0 20px 0;}
.paoc-icolumns-wrap{font-size:0.001px;}
.paoc-icolumn, .paoc-icolumns{padding-left: 15px; padding-right: 15px; display:inline-block; width:100%; vertical-align:top; font-size: 13px;}
.paoc-column, .paoc-columns{position: relative; padding-left: 15px; padding-right: 15px; float: left; width:100%;}

@media only screen and (min-width: 640px) {
	.paoc-medium-1{width: 8.33333%;}
	.paoc-medium-2{width: 16.66667%;}
	.paoc-medium-3{width: 25%;}
	.paoc-medium-4{width: 33.33333%;}
	.paoc-medium-5{width: 41.66667%;}
	.paoc-medium-6{width: 50%;}
	.paoc-medium-7{width: 58.33333%;}
	.paoc-medium-8{width: 66.66667%;}
	.paoc-medium-9{width: 75%;}
	.paoc-medium-10{width: 83.33333%;}
	.paoc-medium-11{width: 91.66667%;}
	.paoc-medium-12{width: 100%;}
}