/*MIF admin css*/

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/material-icons.woff2) format('woff2');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}


%transition{  -webkit-transition: all ease-in-out 1s;
  -moz-transition:all ease-in-out 1s;
  -o-transition:all ease-in-out 1s;
  transition: all ease-in-out 1s;}

		.mif-auth-app-noti{    
						float: left; width: 98%; border-left: 6px solid #80c7a7; padding: 10px 60px 10px 10px;     position: relative; 
						.material-icons{    
							position: absolute; right: 10px; top: 10px; cursor: pointer;
							}
					}
.mif_wrap{
		
		.btn:focus{color:#fff;}

		.modal{       width: 30%;   top: 30% !important;
				.mif-close-modal{
				    position: absolute;
				    right: 10px;
				    top: 10px;
				}

				.mif-modal-content{
				    float: none;
				    margin: 0 auto;
				    display: table;
				    padding-top: 30px;
				    text-align: center;

				    h5{font-size: 40px;}
				    p{    font-size: 15px;     line-height: 1.8;}

				    .mif-lock-icon .material-icons{
				        color: #26a69a;
    					    font-size: 50px;
				    }
				    input[type=email]::placeholder {color:#444;}
				    .btn 
				    {
				  border-radius: 0;
				    }
				}
			}
		
	
		    float: left;
		    clear: both;
		    position: relative;
		    width: 98%;
		    overflow: hidden;
		    background-color: #fff;
		 	margin-top: 40px;
	.mif_wrap_inner{
			    float: left;
			    width: 100%;
			    clear: both;
			    position:relative;
			.mif_loader_wrap{
			    position: absolute;
			    z-index: 9;
			    background-color: #f9f9f9;
			    width: 100%;
			    height: 100%;
		    	.fa{
		    		    position: absolute;
					    top: 42%;
					    left: 46%;
					    font-size: 50px;
					    color: #26a69a;
					    text-align: center;
		    	}
			}    
		.mif_tabs_header{
			   background-color: #6ab995;
			    color: #fff;
			    padding: 5px 0px;
			    height: 56px;
			    float: left;
			    width: 100%;

			    .mif_tabs_right{
				float: right;
			    margin-right: 20px;
			    margin-top: 12px;
			    	a{
			    	color: #fff;
    				font-size: 17px;
			    	}
				}
			.mif_design_tab{
				display: table;
			    text-align: center;
			    line-height: 48px;
			    height: 48px;
			    padding: 0;
			    margin: 0;
			    text-transform: uppercase;
			    color:#fff;
			        padding: 0 24px;
    			font-size: 14px;

    			.material-icons{
					   		    display: table-cell;
							    vertical-align: middle;
							    float: none;
							    width: 100%;
					   		}
			}    
			   #mif_tabs{
			   		    background-color: transparent;
					    float: left;
					    width: auto; 
					    margin-left: 17px;
					    padding-right: 17px;

			   		.indicator{  
			   		background-color: #1bf1e9;margin-bottom: 0px;
			   		} 
				   		a{ 
				   			color: #fff; @extend %transition; 
				   		    display: inline-block;
						    float: left;
					   		&:hover{
					   		@extend %transition;opacity:.8;
					   				}
					   		span{
					   		text-transform: capitalize;
					   		}		
					   		.material-icons{
							    vertical-align: middle;
							    margin-right: 5px;
					   		}		
				   		}
			   		}
		    
		}
		#mif-help {

			.mif_faqs_wrap, .mif_more_help_wrap{
				h5{
				    font-size: 31px;
				    border-bottom: 1px solid #e0e0e0;
				    padding-bottom: 20px;
				}
				h4{
					font-size: 22px;
				}
			}

			.mif_more_help_wrap {
				h5{
					padding-top: 20px;
				}
			}

		}
		.mif_tab_c_holder{
			padding: 15px;float: left;width: 100%; 
			.mif_tab_c{    
		        width: 100%;
			display: inline-block;

				.mif_auth_notice{
				background: rgba(241, 241, 12, 0.4392156863);
				padding: 10px;
					a{
					color: #000;
    				text-decoration: underline;
					}
				}
			}
		.row.auth-row{
		margin-bottom: 0;
		}	
		.efbl_all_pages{
		padding:0;

			.collection.with-header{
			margin-bottom: 0;
			}
		}	


		.mif_support_holder{
			    width: 18%;
   			display: inline-block;
    		vertical-align: top;

    			.card{
    			    padding: 0;
    			}
    			.card-image{
    			    background-color: #26a69a;

    				.mif_confused_img{
					    height: auto;
					    width: auto;
					    margin: 0 auto;
    				}
    			}
    			.card-content{
    			    padding: 16px;

    			    .card-title{
    			        border-bottom: 1px solid #9e9e9e;
					    margin: 0 0 10px;
					   padding: 0 0 10px 0;
    			    }
    			    .btn{
    			        margin: 0 auto;
					    display: table;
					    margin-top: 15px;
    			    }
    			}
    		}


			   .mif_shortocode_genrator_wrap{
					  		
					  		 float: left;
						    width: 100%;
						    margin-bottom: 30px;
					   		.form_fields{
					   		    float: left;
   							 margin-right: 25px;

					   		}

					   		.mif-shortcode-block{
					   		    float: left;
							    background-color: #26a69a;
							    color: #fff;
							    padding: 15px;
							    font-size: 14px;
							    margin-top: 0;
							    border-color: #6fc2ba;}
					   		
   							 	h5{
   							 	 margin-top:0px;
   							 	}
   							 	h5,p{
   							 	     float: left;
   								 width: 100%;
   							 	}
   							 	.mif_copy_shortcode{
   							 	    float: left;
								    border-radius: 0;
								    box-shadow: none;
								    height: auto;
								    background-color: #25a69aad;
								    padding: 6px 20px;

								    i{    margin: 0;}
   							 	}

   							 .select-wrapper.mif_skin_id, .select-wrapper.mif_cache_duration, .select-wrapper.mif_multiple_users{
   							 	.select-dropdown{
   							 	    color: #9e9e9e;
    								
   							 	}
   							 
   							 }	

   							 .select-wrapper.mif_multiple_users {
	   							 li.disabled{

	   							 		input[type=checkbox]:disabled, label{    opacity: 0;}
	   							 }
	   							 label{top: -15px;}
   							 }
   							     

   							 .input-field.col label{
   							 left:0;
   							 }
					   		.mif_username_field, .mif_hashtag_field{
					   		    float: left;
							    clear: both;
							    width: 100%;
							    display:none;
					   		}

					   		.mif_fields{
					   			float: left;
							    clear: both;
							    width: 100%;
					   		}

					   		.mif_shortocode_genrator{
					   		    float: left;
							    width: 100%;
							    margin-top: 10px;
					   		}
					   		.mif_generated_shortcode{
					   		    float: left;
							    width: 100%;
							    clear: both;
							    margin-top: 10px;
							    display:none;
					   		}
					   }

				.collapsible{
				    float: left;
			    width: 100%;
			    margin-top: 10px;
			    .collapsible-header{    position: relative;}
			    	.mif-pro-badge{
			    	        position: absolute;
						    right: 30px;
						    padding: 8px 16px;
						    line-height: normal;
						    height: auto;
						    top: 10px;
						    font-weight: bold;
			    	}

				}	   
				.mif_new_skin {
				display:none;
				}



				.mif_all_skins {
				    padding-left: 0px;
				        margin-top: 20px;

				    .mif_single_skin{
				       margin: 0px 0px 20px 20px;

				    }  
				    .mif_single_skin:nth-child(4n), .mif_single_skin:first-child{
				    margin-left:0px;
				    }  
				    .card 
				    {
					    .card-image {
						    img{
						    height:150px;
						    }
						  margin-top: 15px;
						}    

					    .card-content{
					        border-bottom: 1px solid #baa5a5;
   						 padding-bottom: 10px;
					    }

					    .mif_cta_holder{
					        float: left;
						    margin-top: 20px;
						    margin-bottom: 20px;
						    width: 100%;

						    .mif_copy_skin_id{
						        float: left;
							    width: 100%;
							    margin-top: 20px;
						    	}
						    a:hover, a:focus{
						   	color:#fff;
						    }
					    }
					} 
					
				.mif_create_skin{

					float:left;
					margin: 20px 0px;
					color:#fff;

					&:hover{
						color:#fff;
					}
		
				#mif_new_skin_details{

						#mif_skin_feat_img_btn
							{
							
						    width: auto;
						    margin-left: 0px;
							}
					}

   
				}   

				 

				.mif-shortcode_wrap{
					    margin-left: 9px;

					  

					    h5{
					        border-bottom: 1px solid #E5E5E5;
						    padding-bottom: 20px;
						    margin-bottom: 0px;
					    }
					    p{
					    font-size: 15px;
					    }
					    blockquote{
					        padding-top: 10px;
						    padding-bottom: 10px;
						    font-weight: 600;
						    border-left: 5px solid #26a69a;
					    }
					   .collapsible{
					   		.mif_detail_head{
					   		font-size: 15px;
					   		font-weight:bold;
					   		}
					   		.collapsible-body{
					   			    padding: 1.5rem;

					   			p{
					   			    margin: 0px;
					   			}    
					   		}
					   } 

					   
				}    
			}
			.input-field{
			margin-bottom: 10px;
			} 
			.mif_auth_form{display:none;     width: 100%;}



			.mif_all_users_holder.mif_no_user .collection{    border: none;}
			.mif_all_users_holder {
			 float: left; width: 100%;
				h5{    margin-bottom: 20px;}
				.collection-item .badge {    color: #fff;padding: 5px 10px;height: auto; margin-bottom: 10px;}
			
			
				.collection-item.mif_is_primary .mif_make_primary{ display:none;}
				.mif_user_meta{    float: left; img.circle{    width: 50px; height: 50px;}}
					.mif_users_auth_actions{    float: right;     margin-top: 10px; 
						.secondary-content{
						    position: relative;
						        margin-top: 2px;
						    float: left;
						    font-size: 18px;
						    top:0;
						    right:0;
						        margin-left: 5px;

						    .material-icons{font-size: 30px;}
						}
					}
				}
			.mif_auth_btn_st{
				   padding: 12px 20px 12px 12px;
			    height: auto;
			    line-height: 2.5;
			    float: left;
			    text-transform: capitalize;
			    margin-bottom: 20px;
				img {
							height: 30px;
			    margin-right: 10px;
			    float: left;
			    margin-top: 4px;
				}    
				 &:hover, &:active{
				color:#fff;}
						}
			.mif_show_token_form { display:none; margin-bottom:20px; float:right;     background-color: #1b97f3;}		
		} 
			
	}	

		.mif_noti_holder{
		    position: relative;
		    display:none;

		    .mif_arrow{
		       position: absolute;
		    left: 32%;
		    top: -2px;
		    width: 15%;
		    }

    	.tap-target-wrapper.open{
    	    left: auto;
		    position: absolute;
		    right: -238px;
		    top: -100px;
		        color: #fff;
    	}

    	.tap-target-content{
    	       width: 440px;
			    height: 400px;
			    top: 10px;
			    right: auto;
			    bottom: 0px;
			    left: 60px;
			    padding: 40px;
			    vertical-align: bottom;
    	}

    	.tap-target{
    	    background-color: rgba(237, 109, 98, .9);
    	}
	}

	.mif_noti_holder.mif_green_noti{ 
		.mif_arrow{ display:none;}
		.tap-target{      background-color: rgba(38, 166, 154, 0.9); 

			.tap-target-content{
				p{font-size:15px;}
			}
		}
	}

}	
#toast-container {
  top: auto !important;
  right: auto !important;
      bottom: 0;
      left:50%;  
  color: #7FC6A6 !important;
  	.toast{
  		    background-color: #26a69a;
		    padding: 15px 60px;
		    font-size: 18px;
  	}
}
.material-tooltip{
	 padding: 10px 20px;
 .backdrop{
       
       
     }
}
.btn:hover, .btn-large:hover{
	    color: #fff;
}
.disabled {
   pointer-events: none;
   cursor: default;
}
.toplevel_page_mif.wp-has-submenu ul li:last-child{display:none}
.mif_wrap.fta_empty_at #mif-general .auth-row{
	margin:0;
}