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

/***** 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%;}
}