.af_fg_rule_meta_field_div{
/*	clear: both; */
/*	width: 98%; */
	display: flex; 
/*	margin: 1%;*/
	width: 100%
}

.af_fg_rule_meta_field_div_head{
	/*width: 30%; margin: 1%; 
	text-align: left; 
	padding:0px 10px; 
	box-sizing: border-box;*/
	width: 30%; float: left; text-align: center;
}

.af_fg_rule_meta_field_div_desc{
	/*width: 70%; 
	margin: 1%; 
	text-align: left; 
	padding:0px 10px; 
	box-sizing: border-box;*/
	width: 70%; float: right;
}

.af_fg_rule_meta_field_div_desc input[type="text"], .af_fg_rule_meta_field_div_desc input[type="number"], .af_fg_rule_meta_field_div_desc select{
	width: 100%;
	height: 40px;
}

.af_fg_gift_based_on_h,
.af_fg_apply_bogo_on_h{
	text-align: center;
}

.af_fg_rule_prprty td{
	width: 50%;
}
#gift_rule_type_h{
	margin: 0px;
	padding: 6px 6px 6px 6px;
}
.af_fg_rule_prprty label{
	font-size: 14px;
	line-height: 24px;
	font-weight: 600;
}
.af_fg_creta_rule select{
	width: 85%;
	height: 40px;
} 
.af_fg_rules_detail	 input{
	width: 85%;
	height: 40px;
}
.af_fg_creta_rule textarea{
	width: 85%;
	height: 100px
}

.af_fg_creta_rule{
	width: 100%;
	height: auto;
	/*position: relative;*/
	display: grid;
}

.af_fg_rules_detail{
	width: 100%;
	height: auto;

}
.af_fg_rules_label{
	width: 30%;
	height: 100%;
	float: left;

}
.af_fg_rules_label_inputs{
	width: 70%;
	height: 100%;
	float: right;
}

.af_fg_add_rules{
	box-sizing: border-box;
	width: 100%;
	display: block;
	margin: 45px 0px 0px;
	height: auto;
}
.af_fg_add_rules_selection{
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: auto;
	padding: 10px 10px 10px 10px;
	display: flex;
	background-color: #e7e9ea;
}
.af_fg_add_rules_selection_lbl{
	width: 100%;
}
.af_fg_add_rules_selection_slct{
	position: absolute;
	right: 5px;
	top: 20px;
}
.af_fg_add_rules_selection_slct select{
	width: 250px;
	height: 40px;
}
.af_fg_add_rules_description{
	bottom:  0;
	width: 100%;
	height: auto;
	box-sizing: border-box;
}
.af_fg_add_rules_description_coupon{
		bottom:  0;
	width: 100%;
	height: 82%;
	border: 1px solid;	
	/*background-color: blue;*/

}
.af_fg_add_rules_tab{
	float: left;
	height: 100%;
	width: 24%;
}
.af_fg_rule_tab_btn{
	width: 100%;
	height: 19%;
	padding: 5px 6px 5px 7px;
	margin-top: 2px;
}
.af_fg_add_rules_tab_descp{
	float: right;
	height: auto;
	padding: 20px 15px;
	box-sizing: border-box;
	width: 100%;
}

.af_fg_add_rules_tab_descp label{
	font-size: 14px;
	line-height: 22px;
	font-weight: 600;
}
.af_fg_add_rules_tab_descp p, .af_fg_add_rules_tab_descp span {
	font-size: 10px;
}
.af_fg_add_rules_tab_descp td{
	vertical-align: top;
}
#af_fg_chs_opt{
	margin-top: 4px;
}

.af_fg_rule_tab_gen_view{
	/*background-color: yellow;*/
	width: 100%;
	height: 100%;

}

.af_fg_rule_tab_ris_view{
	/*background-color: green;*/
	width: 100%;
	height: 100%;

}


.af_fg_rule_tab_ris_view input[type="text"], .af_fg_rule_tab_ris_view input[type="date"], .af_fg_rule_tab_ris_view select{
	width: 60%;
}

.af_fg_rule_tab_cri_view{
	/*background-color: black;*/
	width: 100%;
	height: 100%;

}

.af_fg_rule_tab_cri_view input[type="text"], .af_fg_rule_tab_cri_view input[type="number"], .af_fg_rule_tab_cri_view select{
	width: 60%;
}

.af_fg_rule_tab_fil_view{
	/*background-color: pink;*/
	width: 100%;
	height: 100%;

}

.af_fg_rule_tab_fil_view input[type="text"], .af_fg_rule_tab_fil_view input[type="number"], .af_fg_rule_tab_fil_view select{
	width: 60%;
}

.af_fg_rule_tab_not_view{
	/*background-color: white;*/
	width: 100%;
	height: 100%;

}
.tab_menu{
	height: 94%;
}
.my_css li{
	color: #555;
	position: relative;
	background-color: #eee;
	margin: 0;
	border-bottom: 1px solid #00000012;
	border-right: 1px solid #00000012;
}
.my_css li a {
	margin: 0;
	padding: 20px;
	display: block;
	box-shadow: none;
	text-decoration: none;
	line-height: 20px!important;
	border-bottom: 1px solid #eee;
}
.af_fg_add_gift{
	padding: 5px 8px !important;
	display: inline-block !important;
	font-size: 14px !important;
	line-height: 24px !important;
	font-weight: 600 !important;
	margin: 5px 5px 5px 5px !important;
	text-align: center !important;
	width: 100%;
	max-width: 125px;
	text-align: center;
}

@media all and (max-width: 480px){
	.af_fg_creta_rule tr,
	#icl_mcs_details tr{
		display: block;
	}

	.af_fg_creta_rule td,
	#icl_mcs_details td{
		display: block;
		width: 100%;
		text-align: left;
	}

	.af_fg_creta_rule td label,
	#icl_mcs_details td label,
	.af_fg_add_rules_tab_descp{
		display: block !important;
		width: 100% !important;
		text-align: left;
	}

	.af_fg_creta_rule{
		width: 100% !important;
		text-align: left;
	}

	.af_fg_add_rules_tab {
		float: left;
		height: 100%;
		width: 100%;
	}
	.af_fg_add_rules_tab_descp {
	 	float: left; 
		height: auto;
		/* padding: 20px 15px; */
		box-sizing: border-box;
		width: 75%;
	}

	.select2-container,
	.af_fg_creta_rule select,
	.af_fg_rules_detail input,
	.af_fg_creta_rule textarea,
	.af_fg_rule_tab_cri_view input,
	.af_fg_rule_tab_ris_view input{
		width: 100% !important;
	}

	.af_fg_add_rules_selection_slct{
		width: 45% !important;
	}
}

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}