/*Hide the wordpress-post editor div*/
#postdivrich{
	display: none;
}

#ig-admin-tabs .wp-picker-container{
	display: inline-block;
	margin-right: 1rem;
}

.ig_preview_button{
	display: none;
	padding: 10px 10px 0;
    /*text-align: right;*/
}

.campaign_preview {
	/*float: right;*/
	/*margin-right: 1em !important;*/
}
.campaign_target_rules_panel .options_group {
	border-bottom: 1px dashed #D3D3D3;
}

.campaign_target_rules_panel .options_group:last-child {
	border-bottom-style: none;
}

.campaign_target_rules_panel .options_group .form-field .options_header {
	display: inline-block;
	width: 30%;
	vertical-align: top;
}

.campaign_target_rules_panel .options_group p label input[type=checkbox], .campaign_target_rules_panel .options_group p label input[type=radio] {
	width: 0;
}

.campaign_target_rules_panel .options_group p label input[type=date] {
	width: auto;
	margin-left: 10px;
}

.user_roles p label input[type=checkbox], .user_roles p label input[type=radio] {
	margin-left: 3px;
}

.campaign_target_rules_panel .options_group .form-field #icegram_messages {
	width: 300px;
	text-align: center;
}

.empty_campaign {
	margin: 1em;
	font-style: italic;
}

.handle em {
	font-weight: normal;
	font-size: 85%;
	margin-left: 1em;
	color: #777;
}

h3 .chosen-container {
	font-weight: 500;
}

.thickbox_edit_message {
	/*padding: 0 1em;*/
	/*border-bottom: 1px solid #D3D3D3;*/
}

.messages-list-sortable {
	margin-top: 30px;
}

.messages_list_table {
	font-size: 1em;
	width: 100%;
	border-collapse: separate;
	border-spacing: 3px;
}

th.message_header {
	text-align: center !important;
}

.message_title {
	text-align: left;
}

.message_headline {
	text-align: left;
	padding-left: 1.2em;
}

.message_seconds, .action_links {
	/*width: 75px !important;
	text-align: center;*/
}

.message_seconds input {
	text-align: right;
}

.message-row .seconds-text {
	width: 70px !important;
	text-align: center;
}

.message-sort-placeholder {
	background-color: #D3D3D3;
}

.device {
	width: auto;
	line-height: 5em;
	vertical-align: baseline;
}

.device:after {
	font-family: dashicons;
	font-size: 3em;
}

.device input {
	position: relative;
	left: 2.5em;
	top: 1.5em;
}

.admin_field_icon {
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	width: 18px;
	height: 18px;
	font: 400 18px/1 dashicons;
	color: #888 !important;
	vertical-align: text-top;
	margin: 0 2px;
}



.shortcode_description:before {
	content: "\f348";
}

.shortcode_description.light{
	content: "\f348";
	color: #777;
}

.campaign_shortcode {
	display: inline-block;
	width: 45%;
	color:#777;
}

.campaign_shortcode.light {
	/*margin-left: 30%;*/
    border: 1px dashed #CCC;
    padding-left: 0.6%;
    padding-right: 0.2%;
    /* position: absolute; */
    /*margin-top: 0.5em;*/
}

.campaign_shortcode.light code{
	color: #777;
	
}

label[for=device_mobile] {
	margin-left: -2em;
}

label[for=device_mobile]:after {
	content: "\f470";
}

label[for=device_tablet]:after {
	content: "\f471";
}

label[for=device_laptop]:after {
	content: "\f472";
}

.date_picker:after {
	font-family: dashicons;
	content: "\f145";
	position: relative;
	top: 5px;
	font: normal 20px/1 dashicons;
	vertical-align: top;
}

.date_picker {
	margin-left: 1em;
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	appearance: none;
	margin: 0;
}

.date-picker {
	max-width: 15%;
}

.campaign_target_rules_panel .options_group .messages-list .form-field .message_header {
	width: 75px !important;
	text-align: right;
}

.disable {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
}

.enable {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

.message_edit:after {
	/*content: "\f464";*/
}

.message_delete:after {
	content: "\f158";
}

.actions:after {
	font-family: dashicons;
	font-size: 1.4em;
}

.actions {
	text-decoration: none;
	color: #444;
	padding-right: 3px;
	cursor: pointer;
}

.actions:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.action_links {
	vertical-align: middle;
}

.message_header_label {
	color: #fff;
	text-align: center;
	font-size: 0.7em !important;
	margin: 0 !important;
	padding: 3px 5px;
	cursor: auto;
	text-transform: uppercase;
}
.message_header_label.ig_unknown{
	color: #343232;
	border: 1px solid #000;
}
.message_label {
	float: left;
	width: 25%;
	padding: 0;
}

.message_field {
	width: 65%;
	display: inline-block;
}
.message_field.message_custom_css,
.message_field.message_custom_js{
	font-family: Consolas, Monaco, monospace;
	font-size: 12px;
}

.message_image_button .image-buttons-icon{
	margin: 0 2px;
}
.message_image_button .image-buttons-icon:before {
	content: "\f128";
}

.message_headline_button, .message_image_button {
	vertical-align: top !important;
}
.message_headline_button .headline-buttons-icon {
	margin: 2px;
}

.message_headline_button .headline-buttons-icon:before {
	content: "\f130";
}

.help_tip:after {
	content: "\f223";
}

.help_tip {
	float: right;
	margin: 4px 0;
	cursor: help;
	text-decoration: none;
}

.chosen-container {
	width: 70% !important;
}

.message_row.position {
	height: 110px;
}
.location-selector input[type=radio]:checked + label span {
	background-color: #2ea2cc;
}

.location-selector {
	width: 128px;
	height: 115px;
	position: absolute;
	display: block;
	margin-left: 24.3%;
	background-image: url(../images/desktop.png);
	background-position: 0 -19px;
}

.location-selector .location {
	background-color: #ddd;
	cursor: pointer;
	position: absolute;
}

.location-selector .location:hover {
	background-color: #ccc;
}

.location-selector .location.top, .location-selector .location.bottom, .location-selector .location.middle {
	height: 14%;
	width: 14%;
	right: 42%;
}

.location-selector .location.top {
	top: 13px;
}

.location-selector .location.middle {
	top: 30%;
}

.location-selector .location.bottom {
	bottom: 43px;
}

.location-selector .location.right, .location-selector .location.left {
	height: 14%;
	width: 14%;
	margin-left: 0;
	margin-right: 0;
}

.location-selector .location.right {
	right: 15px;
}

.location-selector .location.left {
	left: 15px;
}

.wp-editor-container {
	margin-left: 25%;
}

.message-setting-fields #upload_image, .message-setting-fields #message_title {
	width: 58%;
}

.wp-editor-container span .mceLayout {
	width: 50%;
}

#ui-datepicker-div,
#wp-admin-bar-view,
#edit-slug-box,
.empty_campaign,
.location-selector input[type=radio] {
	display: none;
}

#the-list .message_thumbnail img {
	max-width: 200px;
	max-height: 100px;
}

#icegram_messages + .chosen-container-single .chosen-search input[type=text] {
	width: 100% !important;
}
.message_theme + .chosen-container.chosen-container .chosen-results {
	max-height: 30em !important;
}

.message_theme + .chosen-container-single .chosen-single span {
	background-repeat: no-repeat !important;
	background-position: 100% 50% !important;
} 

.message_theme + .chosen-container .chosen-results li {								
	margin: 0% 0% 2% 2%;
	background-position: 0.5em 2em !important;
	-webkit-background-size: 95% !important;
	background-size: 95% !important;
	border: 2px solid #EEE !important;
	font-weight: 700 !important;
	display: inline-block !important;
	text-align: center !important;
	background-repeat: no-repeat !important;
}

.message_theme + .chosen-container .chosen-results li.highlighted {
	color: #000 !important;
	border: 2px solid #2ea2cc !important;
	background-color: #EAEFFF !important;
}

/************* jQuery TipTip ************/
#tiptip_holder {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99999;
}
#tiptip_holder.tip_top {
    padding-bottom: 5px;
}
#tiptip_holder.tip_top #tiptip_arrow_inner {
    margin-top: -7px;
    margin-left: -6px;
    border-top-color: #464646;
}
#tiptip_holder.tip_bottom {
    padding-top: 5px;
}
#tiptip_holder.tip_bottom #tiptip_arrow_inner {
    margin-top: -5px;
    margin-left: -6px;
    border-bottom-color: #464646;
}
#tiptip_holder.tip_right {
    padding-left: 5px;
}
#tiptip_holder.tip_right #tiptip_arrow_inner {
    margin-top: -6px;
    margin-left: -5px;
    border-right-color: #464646;
}
#tiptip_holder.tip_left {
    padding-right: 5px;
}
#tiptip_holder.tip_left #tiptip_arrow_inner {
    margin-top: -6px;
    margin-left: -7px;
    border-left-color: #464646;
}
#tiptip_content, .chart-tooltip {
    font-size: 11px;
    color: #fff;
    padding: .5em;
    background: #464646;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, .1);
    -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, .1);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .1);
    text-align: center;
    max-width: 150px;
}
#tiptip_content code, .chart-tooltip code {
    background: #888;
    padding: 1px;
}
#tiptip_arrow, #tiptip_arrow_inner {
    position: absolute;
    border-color: transparent;
    border-style: solid;
    border-width: 6px;
    height: 0;
    width: 0;
}
/************* jQuery TipTip ************/
/**
Support
**/
table#icegram_post_query_table {
    padding: 5px;
}
table#icegram_post_query_table tr td {
    padding: 5px;
}
input.sm_text_field {
    padding: 5px;
}
#icegram_post_query_table label {
    font-weight: bold;
}

/**
CSS for landing page and Help and Support
**/
.icegram-dashicons:before {
    font-family: dashicons;
	position: relative;
	font-family: dashicons;
    font-style: normal;
	vertical-align: middle;
    font-size: 2em;
}

.about-wrap.icegram h2{
    color: #3754a8;
}

.about-wrap.icegram h2{
    padding-top: 19px;
    font-weight: 600;
}

.icegram-dashicons-testimonial h4{
    font-size: 1.5em;
}

.icegram-badge {
	background: #3754a8 url(../images/icegram-logo-branding-64-white.png) no-repeat;
	background-position: center 24px;
	color: #FFF;
	font-size: 12px;
	text-align: center;
	font-weight: 600;
	margin: 5px 0 0;
	padding-top: 120px;
	height: 24px;
	display: inline-block;
	width: 150px;
	text-rendering: optimizeLegibility;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
	box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}


.about-wrap .icegram-badge {
	position: absolute;
	top: 0;
	right: 0;
}
.icegram-support{
    font-size: 14px;
    color: black;
    margin: 15px 0 0;
    height: 10px;
    width: 180px;
    text-align: center;
    text-rendering: optimizeLegibility;
    /*-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2);*/
    /*box-shadow: 0 1px 3px rgba(0,0,0,0.2);*/
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 178px;
    text-align: right;
}
.icegram-contact-us{
    font-size: 20px;
    line-height: 1.5em;
    font-weight: 800;
    /*margin-right: 18px;*/
    margin-right: 20px;
}  
.feature-section.col > div{
	  position: relative;
	  width: 29.95%;
	  margin-right: 4.999999999%;
	  float: left;
}
.about-wrap.icegram .feature-section{
	display: block !important;
}
.about-wrap [class$=col] .last-feature{
	  margin-right: 0;
}
form[name="klawoo_subscribe"] {
	margin-right: 150px;
}
form[name="klawoo_subscribe"] input[name="email"]{
	width:20em;
}
.icegram-contact-us a{
    color: #3754a8;
}  



/* Addons Page*/
/*.ig_addons_wrap .addons {
    overflow: hidden;
}
.ig_addons_wrap .addons li {
    float: left;
    margin: 0 2em 2em 0!important;
    padding: 0;
    vertical-align: top;
    width: 300px;
}
.ig_addons_wrap .addons li a {
    text-decoration: none;
    color: inherit;
    border: 1px solid #ddd;
    display: block;
    min-height: 220px;
    overflow: hidden;
    background: #f5f5f5;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), inset 0 -1px 0 rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), inset 0 -1px 0 rgba(0, 0, 0, .1);
}
.ig_addons_wrap .addons li a img {
	max-width: 100px;
	max-height: 100px;
	margin-right: -15px;
	margin-top: -30px;
	float: right;
}
.ig_addons_wrap .addons li a h3 {
    margin: 0!important;
    padding: 20px!important;
    background: #FFF;
    height: 60px;
}
.ig_addons_wrap .addons li a p {
    padding: 20px!important;
    margin: 0!important;
    border-top: 1px solid #f1f1f1;
}
.ig_addons_wrap .addons li a:focus, .ig_addons_wrap .addons li a:hover {
    background-color: #fff;
}
.ig_addons_wrap .addons li .ig_addon_category {
	margin-top: -3.5em;
	float: right;
	text-transform: capitalize;
	font-style: normal;
	margin-right: 1em;
	font-size: 80%;
}
.ig_addons_wrap .addons li .ig_addon_category span {
	margin-left: 1.2em;
	padding: 2px 3px;
	background-color: #DEDEDE;
    -webkit-border-radius: .3em;
	-moz-border-radius: .3em;
    border-radius: .3em;
}
.ig_addons_wrap .addons li .ig_addon_category span.free {
	background-color: #C3D3FF;
	color: #3754a8;
}*/
.ig_addons_wrap .addons li.installed:before{
	/*font-family: dashicons;
	content: "\f147";
	display: inline-block;
	font-size: 3em;
	vertical-align: middle;
	color: #008000;
	position: absolute;
	margin: -2px -15px;*/
}
.ig_addons_wrap .addons .addon_btn{
	/*margin-top: 25px;*/
}
.ig_addons_wrap .addons .pill{
	/*font-size: 12px;
	margin-top: 30px;
	position: absolute;
	padding: .15em .7em;
	background-color: #aaa;
	color: #FFF;
	box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);*/
}
/*.ig_addons_special_message {
	font-size: 60%;
	line-height: 60%;
	margin-left: 3em;
	padding: 3px 10px;
	background-color: #FCF0AD;
	border: 1px solid #CCC;
}
*/
.upgrade_page{
	text-align: center;
}

.upgrade_page h1 {
	font-size: 2.3em;
  	color: #333;
  	text-align: center;
	padding: 1em;
  	font-weight: bold;
}

.upgrade_page table{
  border-collapse: collapse;
  border: 1px solid #d3d3d3; 
  font-size: 1.3em;
  margin: 0 auto;
}
.upgrade_page tr{
	padding: 0;
}
.upgrade_page th, .upgrade_page td{
	border-right: 1px solid #d3d3d3; 
	line-height: 1.5;
	vertical-align: top;
	padding: .5em;
}
.upgrade_page th{
	font-size: 1.2em;
	padding-bottom: 0;
}
.upgrade_page td{
	padding: .5em 1em .5em;
}
.feat_list{
	text-align:left; 
	font-size: 1em;
}
.td_data{
	padding-top: 1em; 
}
.plan_title{
	font-size: 1.4em;
	display: block;
	width: 100%;
	margin-bottom: -.2em; 
}
.plan_price{
	color: #0e74b2; 
	font-size: 1.8em;
	font-weight: normal;  
	/*font-family: "Arial, sans-serif;";*/
	
}
.sm_hr{
	position: relative;
}
.sm_hr:before{
	position: absolute;
	content: '';
	width: 80%;
	left: 10%;
	border-bottom: 1px dashed #d3d3d3;
}
.td_list_icon {
	font-size: 1.2em;
	color: #11772d;
	margin-right: .3em;
}
/*.button.alt{
    background-color: #00870c;
    border-color: #00870c;
    color: #ffffff;
    font-size: 1.5em;
    padding-top: 0.5em;
    padding-bottom: 1.5em;
}
.button.alt:hover, input[type="button"].alt, 
input[type="reset"].alt:hover, 
input[type="submit"].alt:hover, 
.button.alt:hover, 
.added_to_cart.alt:hover, 
.widget-area .widget a.button.alt:hover, .added_to_cart:hover, .widget a.button.checkout:hover {
    background-color: #11772d;
    border-color: #00870c;
    color: #ffffff;
    font-size: 1.5em;
    padding-top: 0.5em;

}*/

.upgrade_page .button-primary{
	text-shadow:none;
	font-size: 1.15em !important;
	line-height: 1em !important;
	height: 2.5em !important;
	padding: .75em 1.5em !important;
	/*background: #038703 !important;
	border-color: #038703 !important;*/
}

.upgrade_page .button-primary:focus,
.upgrade_page .button-primary:visited,
.upgrade_page .button-primary:hover,
.upgrade_page .button-primary:active{
	/*color: #fff;*/
	/*background: #038703 !important;*/
	/*-webkit-box-shadow: inset 0 2px 0 #038703!important;*/
	/*box-shadow: inset 0 2px 0 #038703!important;*/
}

/** Embed Form CSS - Start**/
#popup_container {
	width: 550px;
	background-color: #FFF;
	margin: 0 auto;
	padding: .5em 1em 1em 1em;
}
#popup_container input[value="ig_vertical"]{
	margin-left: 3%;
}
#popup_container select{
	width:30%;
}
#popup_container #embed_howto_link {
	float: right;
	font-size: .8em;
	font-weight: normal;
}
/** Embed Form CSS - End**/


/** Fix to keep the message setting row indepenent of other themes **/ 
.campaign_target_rules_panel .messages_list_table p.inline{
	display: block;
	margin: 1em 0;
}

.campaign_target_rules_panel .form-field .delete-url:before{
	font-family: dashicons;
	content: "\f182";
	cursor: pointer;
}
.campaign_target_rules_panel .form-field .url_input_field{
	width:65% !important;
}


.campaign_target_rules_panel #valid-field{
	/*margin-left: 92%;*/
}

.campaign_target_rules_panel #valid-field.error{
	font-family: dashicons;
	font-size: 1.5em;
	color: #ff0000;
	vertical-align: middle;
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	cursor: help;
}

.campaign_target_rules_panel #valid-field.error:after{
	content: "\f223";
}

.campaign_target_rules_panel #add-url-icon:after{
	font-family: dashicons;
	content: "\f132";
	vertical-align: middle;
}
.message_colors_options_container p{
	margin-top: .3em !important;
	margin-bottom: .3em !important;
}
.message_colors_options_container p span.message_label{
	/*font-size:12px;*/
	margin-top: 2px;
}

/* chosen fix: Start */
.message-setting-fields .chosen-container-single .chosen-single 
{ 
	z-index:initial!important; 
} 
.message-setting-fields .chosen-container-single.chosen-single div b { 
	background: url(../images/chosen-sprite.png)no-repeat 0 2px!important; 
} 
.ig_get_more,
.message_theme + .chosen-container .chosen-results li.ig_get_more ,.message_animation + .chosen-container .chosen-results li.ig_get_more{
  height: 1.5em !important;
  background: rgba(255, 231, 180, 0.47) !important;
  border: 1px dashed rgb(180, 0, 0) !important;
  line-height: 1.5em;
  color: rgb(128, 0, 0)!important;
  border-radius: 0.5em;
  width: 92% !important;
}
.message_animation + .chosen-container .chosen-results li.ig_get_more{
  height: 1em !important;
  line-height: 1em;
  margin-bottom: 0.1em;
  text-align: center;
}
.message_theme + .chosen-container .chosen-results li.ig_get_more:after ,.message_animation + .chosen-container .chosen-results li.ig_get_more:after{
	content: " \2192";
}
.message_theme + .chosen-container .chosen-results li.ig_get_more:focus,
.message_theme + .chosen-container .chosen-results li.ig_get_more:hover,
.message_animation + .chosen-container .chosen-results li.ig_get_more:focus,
.message_animation + .chosen-container .chosen-results li.ig_get_more:hover{
  /*box-shadow: inset 0 0 1.5em rgba(0, 0, 0, 0.15);*/
  box-shadow: inset 0 0 1.5em rgba(253, 214, 131, 0.62);
}
/* chosen fix : End */


/****************** Embed Form: Start *******************/

.message_form_options{
	/*width: 75%;*/
	/*margin-left: 25%;*/
}
.message_form_options label.message_label{
	/*display: none;*/
}
.message_form_options textarea{
	resize:none;
	/*width: 86%;*/
}
.message_form_options p > input,
.message_form_options p > textarea,
.message_form_options p > div{
	/*margin-left: 25%;*/
}
.message_form_options p > div.form_radio_group{
	width: 86%;
}
.message_form_options span.message_label{
	width: 100%;
	/*padding-bottom: .3em;*/
}
.message_form_options .form_inline_shortcode{
	margin-left: 0;
	margin-top: 1em;
	position: relative;
	width: inherit;
}

.message_form_html_original{
	font-family: Consolas,Monaco,monospace;
	font-size: .8em;
}

.form_radio_group .location{
	display: inline-block;
	width: 104px;
	height: 100px;
	padding: 3px;
	margin-right: .8em;
	border: 1px solid transparent;
}
.form_radio_group .location label{
	background: url(../images/from_layouts.png) no-repeat;
	display: block;
	width: 95px;
	height: 100px;
	/*border: 1px solid transparent;*/
}
.form_radio_group .location:hover{
	border: 1px solid #2EA2CC;
}

#message_form_style + .chosen-container-single .chosen-single, #message_countdowntimer_style + .chosen-container-single .chosen-single { 
	height: 6em !important;
}
#message_form_style + .chosen-container-single .chosen-single span, #message_countdowntimer_style + .chosen-container-single .chosen-single span {
	background-size: 9em !important;
	line-height: 6em !important;
	background-repeat: no-repeat;
	background-position: 100% 50% !important;
} 
#message_form_style + .chosen-container .chosen-results li, #message_countdowntimer_style + .chosen-container .chosen-results li {
	/*width: 92% !important;*/
	width: 43% !important;
	/*height: 80px !important;*/
	height: 10em !important;
	margin: 0% 0% 2% 2%;
	/*background-position: 0.5em 2em !important;*/
	-webkit-background-size: 95% !important;
	background-size: 100% !important;
	border: 2px solid #EEE !important;
	font-weight: 700 !important;
	display: inline-block !important;
	text-align: center !important;
	background-repeat: no-repeat !important;
	background-position: 0% 100% !important;
	color: transparent;
}
#message_form_style + .chosen-container .chosen-results li.highlighted, #message_countdowntimer_style + .chosen-container .chosen-results li.highlighted {
	color: transparent !important;
	border: 2px solid #2ea2cc !important;
	background-color: #EAEFFF !important;
}
.message_form_options .chosen-container{
	/*width: 86% !important;*/
}
#message_form_style + .chosen-container .chosen-results li:first-child {
	/*color: inherit;*/
	/*height: 1.5em !important;*/
}
/****************** Embed Form: End *******************/

/********** changes for about-icegram page ************/
.feature-section.col.two-col > div{
	width: 45.95%;
	/*margin-right: 4.999999999%;*/
}
.feature-section.col img{
	width: 150px;
	border: none;
}
.feature-section.col p{
	margin-bottom: 1.5em;
}
.about-wrap.icegram{
	max-width: 100%;
}

.about-wrap.icegram h2{
    margin-bottom: 0.5em;
}
.about-wrap .feature-section h4{
	margin-top: .4em;
}
.about-header .about-text{
	margin-top: 0;
	margin-bottom: 1.5em;
}
.changelog .about-text{
	margin-bottom: 0;
	margin-top: 1.5em;
}
.about-wrap .icegram-badge {
	/*top: 1em;*/
	right: 1.3em;
	color: #3754a8;
	background-color: transparent;
	padding-top: 100px;
	box-shadow: none;
	-webkit-box-shadow: none;
	background-image: url(../images/icegram-logo-branding-64.png);
}
.about-header .wrap{
	background-color: white;
  	/*padding: .4em 1em;*/
  	border-top: 1px dotted #ddd;
  	/*margin: 0 0 20px 0;*/
}
.about-header .wrap table{
	margin-top: 0.5em;
}
.about-header th{
	font-size: 1.1em;
	color: inherit;
	width: 170px;
}
.about-header{
	background-color: #FFF;
	padding: 1em 1em 0.5em 1em;
	-webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, .2);
	box-shadow: 0 0 7px 0 rgba(0, 0, 0, .2);
}
.icegram-support{
    padding-right: 1em;
    margin-top: 140px;
}
.icegram-actions a,
.icegram-actions a:active{
	vertical-align: middle !important;
	font-size: 1.15em;
	color: #3754a8;
}
.icegram-actions .button-primary{
	text-shadow:none;
	font-size: 1.15em !important;
	line-height: 1em !important;
	height: 2.5em !important;
	padding: .75em 1.5em !important;
	background: #038703 !important;
	border-color: #038703 !important;
}

.icegram-actions .button-primary:focus,
.icegram-actions .button-primary:focus,
.icegram-actions .button-primary:visited,
.icegram-actions .button-primary:hover,
.icegram-actions .button-primary:active{
	color: #fff;
	background: #038703 !important;
	-webkit-box-shadow: inset 0 2px 0 #038703!important;
	box-shadow: inset 0 2px 0 #038703!important;
	/*vertical-align: middle;*/
}
.icegram-dashicons:before {
	margin-right: .1em;
}


/***** Tabs custom css ******/

#ig-admin-tabs{
	padding-top: 0;
}

#ig-admin-tabs a:focus{
	box-shadow: none;
}
.ig-admin-tabs-nav {
	padding: 0 15px 0 10px;
	margin: 0;
}

.ig-admin-tabs-nav li {
	display: inline-block;
	list-style: none;
	border: 1px solid #aaa;
	padding: 0;
	margin: 0 4px -1px;
	background-color: #eee;
}

#ig-admin-tabs .ig-admin-nav-last{
    background-color: #d6e3ef;
}

#ig-admin-tabs .ig-admin-nav-last:hover{
	background-color: #c5daef;
}

#ig-admin-tabs .ig-admin-nav-last.current,
.ig-admin-tabs-nav li:hover,
.ig-admin-tabs-nav li.current,
.ig-admin-tabs-nav li.current:hover{
    background-color: #FFF;
    border: 1px solid #aaa;
    border-bottom: 1px solid #fff;
    color: #444;
}

.ig-admin-tabs-nav li.current {
    border-bottom: 1px solid #fff;
    z-index: 5;
    color: #444;
}

.ig-admin-tabs-nav li a {
	padding: 6px 10px;
	font-size: 14px;
	font-weight: normal;
	line-height: 30px;
	color: #333;
	text-decoration: none;
	/*float: none !important;*/
}

.ig-admin-tabs-nav li.current a{
    text-decoration: none!important;
    font-weight: bold;
}

.ig-admin-tabs-nav li a:hover {
	color: #333;
}

#ig-admin-tabs .ig-admin-tab {
	padding: 16px;
	display: none;
}

/** tab CSS : ends **/

.message_label.sub_option_label{
	/*width: 6em;*/
	width: 10%;
	padding-top: .3em;
}
.message_label.sub_option_label + .message_field{
	width: 62%
}
.message_alt_cta_container{
	/*margin-bottom: 1em;*/
}
.message_row .ig_admin_hr{
    border-top: 1px dashed rgba(0,0,0,.2);
    width: 75%;
    display: block;
    margin: .5em 0;
    margin-left: 25%;
}
.message_row .option_title{
	text-decoration: underline;
}

			
#campaign_stats_upsale .handlediv, #campaign_stats_upsale .ui-sortable-handle{
	display: none;
}
#campaign_stats_upsale{
	background: transparent;
	border: none;
	box-shadow: none;
}
#campaign_stats_upsale .inside{
	padding-left:0;
}
#campaign_stats_upsale .inside img{
	width: 100%;
}
.ig_bt_upsale{
	margin-left: -1em;
}
.ig_cta_upsale img{
	margin-left: 24.5%;
}

@media only screen and (max-width: 1024) {
  .ig_cta_upsale img {
    width: 70%;
  }
}

.ig_message_upsale{
	display:inline-block;
	line-height:1.25rem;
	letter-spacing: 0.025em;
	font-weight:400;
	color: rgba(75, 85, 99,1);
}

.ig_upsale_premium_code{
	padding:0.15rem 0.375rem;
	background-color: rgba(253,246,178,1);
	border-radius: 0.375rem;
	border-width: 2px;
	border-style: dotted;
	border-color: rgba(165, 180, 252, 1);
	user-select: all;
}

/* Start: All campaigns list table */

.ig-check-toggle{
	position: absolute;
	opacity: 0;
	height: 0;
	width: 0;
}
.ig-campaign-status-toggle-label{
	display: inline-flex;
	align-items: center;
	cursor: pointer;
}
.ig-check-toggle:checked ~ .ig-mail-toggle-line {
  background-color: #5850ec;
  background-color: rgba(88, 80, 236, 1);
}

.ig-check-toggle:checked ~ .ig-mail-toggle-dot {
  --transform-translate-x: 0;
  --transform-translate-y: 0;
  --transform-rotate: 0;
  --transform-skew-x: 0;
  --transform-skew-y: 0;
  --transform-scale-x: 1;
  --transform-scale-y: 1;
  -webkit-transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
          transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
  --transform-translate-x: 100%;
}

.ig-mail-toggle-line {
  width: 2.25rem;
  height: 1.25rem;
  display: block;
  --bg-opacity: 1;
  background-color: #d2d6dc;
  background-color: rgba(210, 214, 220, 1);
  border-radius: 9999px;
  box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
}
.ig-mail-toggle-dot {
  width: 0.9rem;
  height: 0.9rem; 
  margin-left: 0.25rem;
  position: absolute;
  top: 2.25px;
  bottom: 0px;
  display: block;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms; 
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  background-color: #ffffff;
  border-radius: 9999px;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);;
}
.ig-mail-toggle-dot:focus-within {
  -webkit-box-shadow: 0 0 0 3px rgba(118, 169, 250, 0.45);
  box-shadow: 0 0 0 3px rgba(118, 169, 250, 0.45);
}

/* End: All campaigns list table */

/* Start: Admin UI */

.post-type-ig_campaign .campaign_preview, .post-type-ig_campaign .ig_campaign_switch_draft, .post-type-ig_campaign .ig_campaign_publish , .post-type-ig_campaign .ig_campaign_update {
	margin-left: 0.5rem;
}

.post-type-ig_campaign.post-php #post-body-content{
	margin-bottom: 0px;
}

.post-type-ig_campaign.post-php #poststuff #post-body.columns-2{
	margin-right: 0px;
}

.post-type-ig_campaign.post-php .wrap{
	margin: 10px 63px 0 0px;
}

.post-type-ig_campaign.post-php #wpcontent{ 
	padding-left:0px;
}

.post-type-ig_campaign.post-php #postbox-container-1, .message-tabs{
	display: none;
}

.post-type-ig_campaign.post-php #postbox-container-2, .post-type-ig_campaign.post-php #titlediv, .icegram_tw input[type="radio"]:checked::before{
	background-color: white;
}

.post-type-ig_campaign.post-php #titlediv, .post-type-ig_campaign.post-php #postbox-container-2{
	padding:1rem;
}

.post-type-ig_campaign.post-php #titlediv {
	border-radius: 4px 4px 0 0;
}

.post-type-ig_campaign.post-php #titlewrap {
	border-radius: 4px 4px 0 0;
}

.post-type-ig_campaign.post-php #ig-campaign-overview, .post-type-ig_campaign.post-php #postbox-container-2 {
	margin-left:45px;
	width:98%;
}

.post-type-ig_campaign.post-php #postbox-container-2{
	border-radius: 0 0 4px 4px;
}

.post-type-ig_campaign.post-php #titlediv{
	padding-bottom: 20px;
	margin-top:3rem;
}

.post-type-ig_campaign #campaign_stats{
	border: 1px solid #d2d6dc;
	border-radius: 4px;
}

#tab-contents .active{
	display:block;
}
#tab-menu li a.active{
	background-color: rgba(244, 245, 247, 1);
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	margin-bottom: -1px;
	font-weight: 700;
}

.icegram_tw input[type="checkbox"]:checked::before{
	content: '';
}

#tab-menu li a.active svg, #tab-menu li a.active{
	color: rgba(88, 80, 236, 1);
}
.icegram_tw input[type="checkbox"]:checked::before, input[type="radio"]:checked::before {
	content: '';
}

.icegram_tw .message_label span{
	--text-opacity: 1;
    color: #4b5563;
    color: rgba(75, 85, 99, var(--text-opacity));
}
.icegram_tw .wp-switch-editor{
	padding: 3px 8px 4px;
	margin: 5px 0 0 5px;
}

.icegram_tw .form-input{
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
	
}
.icegram_tw .form-input, .icegram_tw .form-select, .icegram_tw .form-textarea{
	font-size:0.9rem;
} 
.ig-top-nav{
    width: calc(100% - 160px);
    top: 32px;
    z-index: 99;
}
.ig-top-nav h1{
    padding: 0 42px 0 42px;
    flex: 1 auto;
    height: 60px;
    /*background-color: rgb(240, 240, 241);*/
}
.ig-es-tabs {
	padding-left:45px;
}

.post-type-ig_campaign.post-php .wrap{
	display: none;
}
.post-type-ig_campaign.post-php .handle-actions{
	display: none;
}

.campaign_ctas #publish{
	/*padding: 0.375rem 0.75rem;*/
	font-weight: 500 !important;
	background-color: rgba(88, 80, 236, 1) !important;
}

.active-message-edit {
	background-color: rgba(210, 214, 220, 1);
}

.message_header_label, .ig_variation_winner_label, .ig_baseline{
	border-radius: 0.25rem;
}

.icegram_tw .wp-picker-holder {
	position: absolute;
    z-index: 999;
}

.post-type-ig_campaign.post-php .wp-heading-inline, .post-type-ig_campaign.post-php .page-title-action{
	display: none;
} 

.display-rules-add-url{
	width:0 !important;
}

.post-type-ig_campaign.post-php .icegram_tw .notice:first-of-type{
	margin-top:4rem;
	margin-left:2.5rem;
}

.post-type-ig_campaign.post-php #save-post, .post-type-ig_campaign.post-php .ig_campaign_publish,.post-type-ig_campaign.post-php .campaign_preview,.post-type-ig_campaign.post-php .load_display_rules{
	float: right;
}
#load-rules-main-container{
 width:45%;
}
	
/* End: Admin UI */

.ig-primary-button, .ig-title-button {
	font-size: 0.875rem;
  	font-weight: 500;
  	display: inline-flex;
    justify-content: center;
}
.ig-primary-button {
  border: 1px transparent;  
  border-radius: 0.375rem;
  margin-top:0.5rem;
  padding: 0.25rem 1rem;
  color: rgba(255, 255, 255, 1) !important;
  background-color: rgba(88, 80, 236, 1) !important;
}
.ig-primary-button:hover{
	color: white;
}

.ig-title-button {
  color: rgba(55, 65, 81, 1);
  padding: 0.25rem 0.75rem;
}

.ig_select_wrapper {
  width: 10%;
  display: inline-block;
  position: relative;
}

.ig_wrapper__select {
  width: auto;
  opacity: 0;
}

.ig_wrapper__dropdown {
  width: auto;
  height: 100%;  
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}

.ig_wrapper__select__dropdown {
  height: 100%;
  box-sizing: border-box;
  display: none;
}
.ig_wrapper__select__dropdown.is-visible {
  display: inline-block;
}

.post-type-ig_campaign .column-title{
	width:20%;
}
.post-type-ig_campaign .column-display_rules_summary{
	width:24%;
}
.post-type-ig_campaign .colulmn-ig_analytics{
	width:12%;
}
.post-type-ig_campaign .column-status{
	width:7%;
}

.post-type-ig_campaign .column-display_rules_summary ul{
	margin-block-end: 5px;
	margin-block-start: 0px;
}
.post-type-ig_campaign .column-display_rules_summary svg{
	width:1rem;
	height: 1rem;
	display: inline;
	position: relative;
	top: 3px;

}
.post-type-ig_campaign #ig_form_font_family + .ig_wrapper__dropdown svg{
	width: 25px;
}