@charset "utf-8";

/* CSS Document */

	div.ap_settings_div {
		/*background:url("../images/icon-128x128.png") no-repeat right 45px;*/
		/*background-size:100px 100px;*/
	}
	div.ap_settings_div b{
		font-weight:normal;
	}
	div.ap_settings_div ul.nav-tab-wrapper {
		margin: 12px 0 0 0;
		padding: 0;
	}
	div.ap_settings_div ul.nav-tab-wrapper li{
		float:left;
		margin:0;
		position:relative;
	}
	div.ap_settings_div ul.nav-tab-wrapper li i {
		font-size: 20px;
		top: 10px;
		left: 12px;
		color: #cccccc;
	}
	div.ap_settings_div ul.nav-tab-wrapper li a.nav-tab-active{
		background: #e6e6e6;
	}
	div.ap_settings_div ul.nav-tab-wrapper li a.nav-tab-active i,
	div.ap_settings_div ul.nav-tab-wrapper li a:hover i{
		color: #dc3545;
	}
	div.ap_settings_div ul.nav-tab-wrapper li a:hover{
		text-decoration:none;
	}
	div.ap_settings_div .form-table td{
		vertical-align: top;
	}
	div.ap_settings_div .form-table {
	}
	
	div.ap_settings_div .form-table th {
		background-color:#ccc;
		padding:20px 10px;
	}
	
	div.ap_shortcode {
		background-color:#ff4f4f;
		overflow-y: auto;
		width: 100%;
	}
	
	div.ap_shortcode code {
		color:#fff;
		background-color:#00b4ddf2;
		position:relative;
	}
	div.ap_shortcode code > a.video-tutorial{
		position: absolute;
		right: 0;
		top: 10px;
		display:block;
	}
	div.ap_shortcode code > a.video-tutorial > i{
		color:#FFF;
		font-size:24px;
	}
	div.ap_shortcode code:hover {
		background-color:#24bbf0;
	}
	
	div.ap_shortcode h4 {
		color:#252525;
		background-color:#f9cb49;
		font-size:16px;
	}
	
	div.ap_shortcode,
	.alphabets_section,
	.ap_numeric_sign,	
	.ap_reset_sign,
	.ap_wc_div{
		border-left: 4px solid #44062f66;
		padding: 10px 10px 20px 10px;
	}
		
	.alphabets_section {
		background-color: #f9b41a1c;
		border: 1px solid #f9b41a;
	}
	
	.alphabets_section ul li{
		position:relative;
	}
	.alphabets_section ul li a {
		display: table-cell;
		position: relative;
		width: auto;
		padding: 3px 30px;
	}
	.alphabets_section ul li a i:before{
		position: absolute;
		right: -14px;
		font-size: 20px;
		color: #fff;
		top: 4px;
	}
	div.ap_settings_div .nav-tab-content select.apc_style{
		padding:0;
		height:31px;
		
	}		
	select.ap_taxes[multiple],
	select.ap_langs[multiple],
	select.ap_taxes_types[multiple],
	select.ap_taxes_types_x[multiple],
	select.ap_auto_post_types,
	select.ap_auto_post_statuses{
		height: 100px;
		width: 100%;
		max-width: 100%;
		font-weight:normal;
	}
	

	select.ap_taxes_types[multiple],
	select.ap_taxes_types_x[multiple],
	select.ap_auto_post_types[multiple],
	select.ap_auto_post_statuses[multiple]{
		width:49%;
		padding:0;
		height: 100px;
	}
	select.ap_auto_post_types option[selected="selected"]{
		color:#fff;
		background-color:#999;
	}
	
	.ap_auto_more{
	}
	.ap_auto_more strong{
		font-size:12px;
	}
	.ap_auto_more div{
		margin:10px 0 0 0;
	}
	
	select.ap_auto_post_statuses option[selected="selected"]{
		background-color:#999; 
		color:#fff;
	}
	#ap_allowed_pages,
	.ap_post_types {
		border-left: 4px solid #25bcf0;
		width:100%;
		max-width:100%;
		padding:0;
	}
	div.ap_settings_div .hide{
		display:none;
	}
	
	div.ap_settings_div .doms{
		display:block;
		height:60px;
	}
	
	div.ap_settings_div .doms .dom_options{
	}
	div.ap_settings_div .doms .dom_options a,
	.premium-alert a {
		line-height: 6px;
		font-size: 10px;
	}
	div.ap_settings_div div.ap_notes{
		clear: both;
		font-size: 12px;
		line-height: 22px;
		margin: 0px 0 10px 0px;
	}
	div.ap_shortcode > a {
		color: #000;
		float: right;
		font-weight: bold;
		margin-right: 14px;
		text-decoration: underline;
		font-size:12px;
		border-radius: 20px;
	}
	div.ap_settings_div div.ap_caption{
		font-size: 10px;
	}
	
	.ap_numeric_sign {
		background-color: #d8ca9e;
		margin-bottom:15px;
		/*padding-top:18px;*/
	}
	
	.ap_reset_sign {
		background-color: #FCC;
		margin-bottom:15px;
	}	
	
	
	.ap_wc_div{
		background-color:#25bcf0;
		clear:both;
	}

	
	.ap_wc_div label,
	.ap_wc_div b,
	.ap_wc_div small{	
		color:#FFF;
	}

	.ap_wc_div{
		background-color:#B15C93;
	}		
	
	
	
	ul.ap_premium {
		padding:0px;
		width:98%;
	}
	ul.ap_premium li{
		background:url("../images/pagi-item-bg.png") no-repeat center center;
		height:36px;
		line-height:26px;
		text-align:center;
		width:42px;
		padding:0;
		margin:0px;
	}
	
	ul.ap_premium li a,
	ul.ap_premium li a:visited {
		color:#fff;
		display:block;
	}
	
	ul.layout_H.ap_premium li {
		display:inline-block;
		float:none;
	}
	
	ul.layout_V.ap_premium {
		overflow: hidden;
		width: 28px;	
	}
	ul.layout_V.ap_premium li{
		padding:2px 2%;
		margin:0px;
		width:98%;
	}
	
	
	ul.ap_premium li a:hover,
	ul.ap_premium li a.selected,
	ul.ap_premium li a:hover,
	ul.ap_premium li a.selected{
		color:#000;
		font-weight:bold; 
		text-decoration:none;
	}
	


	.numeric_reset > div {
		font-size: 12px;
	}	
	
	.numeric_reset > div:first-child {
		/*margin-right: 1%;*/
	}	
	.numeric_reset > div:last-child {
		/*float:right;*/
	}
	
	.numeric_reset > div img {
		height: 20px;
		position: relative;
		top: -2px;
	}
		
	.ap_reset {		
		background-size: 80%;
		background-position: center center;
		cursor:pointer;
	}
	.ap_reset.dark{
		background: rgba(0, 0, 0, 0) url("../images/reset-dark.png") no-repeat scroll 0 0;
	}
	.ap_reset.light {
		background: rgba(0, 0, 0, 0) url("../images/reset-light.png") no-repeat scroll 0 0;
	}
	
	.ap_preview, .apt_preview {
		display: none;
		float: right;
	}
	.ap_preview img,
	.apt_preview img {
	 	width: 360px;
	}
	
	.alphabets_label {
		float: left;
		font-weight: normal;
		line-height: 36px;
		width: 14%;
	}	
	div.ap_settings_div i.fas,
	div.ap_settings_div i.fab {
		color: #8a760b;
		font-size: 30px;
		float: right;
		position: absolute;
		right: 22px;
		top: 0;
	}
	div.ap_settings_div i.faded{
		opacity:0.2;
	}
	div.ap_settings_div fieldset {
		position: relative;
		margin: 10px 0;
		width:100%;
	}
	div.ap_settings_div .premium-alert{
		display:none;
	}
	div.ap_settings_div .alphabets_settings {
		width: 86%;
	}	
	
	div.ap_settings_div .ab-ap-qrcode-body{
		position: absolute;
		right : 10px;
		top: 22px;
	}

	div.ap_settings_div .nav-tab-content.permissions .ap_post_types{		
		width: 100%;
		max-width: 100%;
	}
	div.ap_settings_div .nav-tab-content.permissions input[name^="ap_query"]{
		margin-bottom: 20px;
		clear:both;
	}
	div.ap_settings_div .nav-tab-content input[type="number"]{
	}


	div.ap_settings_div .ap_numeric_label{
		height: 21px;
	}

	div.ap_settings_div .alphabets_cases p{
		margin-bottom: 0;
	}

	div.ap_settings_div .alphabets_cases fieldset{
		margin-bottom: 0;
		padding-top : 5px;
	}

	div.ap_settings_div .alphabets_settings .select{
		width: 100%;
	}

	div.ap_settings_div select[name="ap_where_meta"]{
		width: 100%;
		max-width: 100%;
	}

	div.ap_settings_div input[type="text"][name="ap_dom"] {
		margin: 6px 0;
	}

	div.ap_settings_div select[name="ap_dom"]{
		width: 100%;
		max-width: 85%;
		margin-right: 10px;
	}
	
	div.ap_settings_div #ap_lang_selector {
		width: 100%;
		background: transparent;
		margin: 10px 0;
		border: 1px solid #b3980624;
	}

	div.ap_settings_div .ap_side_label span{
		font-weight: normal;
	}

	div.ap_settings_div .ap_video_slide{
		width: 650px;
		text-align: right;
		height: 400px;
		background-color: white;
		border: 1px solid #ccc;
		padding:0 48px 62px 46px;
	}
	div.ap_settings_div .ap_video_slide h3{
		text-align:left;
	}
	div.ap_settings_div .apc_style,
	div.ap_settings_div .apc_template
	{
		width: 100%;
		height: 32px;
	}

	div.ap_settings_div ul.ap_pagination li.ap_reset {
		width: 25px;
		position: relative;
		left: -6px;
	}	
	div.ap_settings_div input[name="ap_submit_settings"]{
		height:56px;
	}
	/* #Tablet 780px - Mobile 320px */

    @media only screen and (min-width: 320px) and (max-width: 780px) {
		
		div.ap_settings_div {
			background-position:right 15px;
			background-size:50px 50px;
		}
		
		div.ap_settings_div.wrap h2 {
			width:75%;
		}
		
		div.ap_settings_div .form-table {
			margin-top:50px;
		}
		
	}



	@media only screen and (max-width: 800px) {
		.ap_side_label{
			background: white;
		}
	}