/* settings hero */
.bin_user_push_info_settings_hero { box-sizing:border-box; width:100%; padding:0.25rem; background:white; border-radius:1rem; background:linear-gradient(rgba(132,32,32,1), rgba(0,0,0,1)); }
.bin_user_push_info_settings_hero .bin_user_push_info_settings_hero_inner { box-sizing:border-box; display:block; width:100%; padding:1rem; border-radius:0.75rem; background:transparent url('../images/hero_background.jpg') center center; background-size:cover; }
.bin_user_push_info_settings_hero .bin_user_push_info_settings_hero_inner h1 { color:#fff; font-size:2.4rem; font-weight:bold; margin:0; padding:0; }
.bin_user_push_info_settings_hero .bin_user_push_info_settings_hero_inner img { display:block; height:100px; max-width:100%; }

/* settings linklist */
.bin_user_push_info_banner_linklist { display:flex; align-items:center; margin:5px -5px 0 -5px; }
.bin_user_push_info_banner_linklist a { color:#842020; text-decoration:none; margin:0 5px; }

/* settings grid */
.bin_user_push_info_settings_grid { display:flex; flex-wrap:wrap; margin:-0.5rem; }

.bin_user_push_info_settings_grid .bin_user_push_info_settings_grid_left { box-sizing:border-box; width:100%; margin:0.5rem; }
.bin_user_push_info_settings_grid .bin_user_push_info_settings_grid_right { box-sizing:border-box; width:100%; margin:0.5rem; }

@media only screen and (min-width:576px) {
	.bin_user_push_info_settings_grid .bin_user_push_info_settings_grid_left  { width:calc(50% - 1rem); }
	.bin_user_push_info_settings_grid .bin_user_push_info_settings_grid_right  { width:calc(50% - 1rem); }
}

.bin_user_push_info_settings_grid .bin_user_push_info_settings_grid_block { box-sizing:border-box; width:100%; margin:1rem 0; padding:0.25rem; background:white; border-radius:1rem; background:#ececec; }
.bin_user_push_info_settings_grid .bin_user_push_info_settings_grid_block[data-disabled] { position:relative; }
.bin_user_push_info_settings_grid .bin_user_push_info_settings_grid_block[data-disabled]::before { content:'disabled'; text-transform:uppercase; font-size:1.5rem; font-weight:bolder; color:rgba(0,0,0,0.35); position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(255,255,255,0.75); border-radius:1rem; display:flex; justify-content:center; align-items:center; z-index:13; }
.bin_user_push_info_settings_grid .bin_user_push_info_settings_grid_block .bin_user_push_info_settings_grid_block_inner { box-sizing:border-box; height:100%; background:#ffffff; padding:1rem; border-radius:0.75rem; }
.bin_user_push_info_settings_grid .bin_user_push_info_settings_grid_block .bin_user_push_info_settings_grid_block_inner h3 { margin-top:0; font-weight:bold; }
.bin_user_push_info_settings_grid .bin_user_push_info_settings_grid_block .bin_user_push_info_settings_grid_block_inner p { margin:0.25rem 0; }
.bin_user_push_info_settings_grid .bin_user_push_info_settings_grid_block .bin_user_push_info_settings_grid_block_inner select { width:100%; }
.bin_user_push_info_settings_grid .bin_user_push_info_settings_grid_block .bin_user_push_info_settings_grid_block_inner input { width:100%; }
.bin_user_push_info_settings_grid .bin_user_push_info_settings_grid_block .bin_user_push_info_settings_grid_block_inner .bin_user_push_info_settings_grid_block_inner_setting { display:flex; }
.bin_user_push_info_settings_grid .bin_user_push_info_settings_grid_block .bin_user_push_info_settings_grid_block_inner .bin_user_push_info_settings_grid_block_inner_setting:not(:first-of-type) { margin-top:1rem; border-top:1px #efefef solid; padding-top:1rem; }
.bin_user_push_info_settings_grid .bin_user_push_info_settings_grid_block .bin_user_push_info_settings_grid_block_inner .bin_user_push_info_settings_grid_block_inner_setting > p { margin:0.25rem 0 0 0; width:100px; font-weight:bold; }
.bin_user_push_info_settings_grid .bin_user_push_info_settings_grid_block .bin_user_push_info_settings_grid_block_inner .bin_user_push_info_settings_grid_block_inner_setting > div { margin:0 0 0 20px; width:calc(100% - 120px); }
.bin_user_push_info_settings_grid .bin_user_push_info_settings_grid_block .bin_user_push_info_settings_grid_block_inner .bin_user_push_info_settings_grid_block_inner_setting > div p { margin:0.25rem 0 0 0; }
.bin_user_push_info_settings_grid .bin_user_push_info_settings_grid_block .bin_user_push_info_settings_grid_block_inner .bin_user_push_info_settings_grid_block_inner_setting > div input { width:100%; }
.bin_user_push_info_settings_grid .bin_user_push_info_settings_grid_block .bin_user_push_info_settings_grid_block_inner .bin_user_push_info_settings_grid_block_inner_setting > div textarea { width:100%; min-height:140px; }
.bin_user_push_info_settings_grid .bin_user_push_info_settings_grid_block .bin_user_push_info_settings_grid_block_inner .bin_user_push_info_settings_grid_block_inner_setting > div select { width:100%; }

@media only screen and (min-width:576px) {
	.bin_user_push_info_settings_grid .bin_user_push_info_settings_grid_block.bin_user_push_info_settings_grid_block_half { width:calc(50% - 1rem); margin:0.5rem; }
}

/* condition */
.bin_user_push_info_condition_hidden { display:none !important; }

/* select image */
.bin_user_push_info_media_select .bin_user_push_info_media_field { display:flex; align-items:center; margin:0.25rem 0; }
.bin_user_push_info_media_select .bin_user_push_info_media_field .bin_user_push_info_empty_field { text-decoration:none; }

/* switch */
.bin_user_push_info_switch { position:relative; display:inline-block; width:60px; height:34px; }
.bin_user_push_info_switch input { display:none; }

.bin_user_push_info_switch .slider { position:absolute; cursor:pointer; top:0; left:0; right:0; bottom:0; background-color:#ccc; transition:.4s; border-radius:34px; }
.bin_user_push_info_switch .slider:before { position:absolute; content:""; height:26px; width:26px; left:4px; bottom:4px; background-color:white; transition:.4s; border-radius:50%; }
.bin_user_push_info_switch input:checked + .slider { background-color:#0073aa; }
.bin_user_push_info_switch input:focus + .slider { box-shadow:0 0 1px #0073aa; }
.bin_user_push_info_switch input:checked + .slider:before { transform:translateX(26px); }
.bin_user_push_info_switch input:disabled + .slider { opacity:0.5; }

.bin_user_push_info_switch_list .bin_user_push_info_switch_list_item { display:flex; align-items:center; }
.bin_user_push_info_switch_list .bin_user_push_info_switch_list_item:not(:last-of-type) { margin-bottom:0.5rem; }
.bin_user_push_info_switch_list .bin_user_push_info_switch_list_item .bin_user_push_info_switch_list_item_label { margin-left:0.5rem; }

/* meta */
.bin_user_push_info_form_group { margin:0 0 10px 0; }
.bin_user_push_info_form_group .bin_user_push_info_form_label { margin:0 0 10px 0; font-weight:bold; }

/* log */
.bin_user_push_info_log_item { border:2px #F9F9F9 solid; }
.bin_user_push_info_log_item:not(:last-of-type) { margin-bottom:10px; }
.bin_user_push_info_log_item .bin_user_push_info_log_item_subject { display:flex; background:#F9F9F9; color:#444; padding:10px; text-decoration:none; }
.bin_user_push_info_log_item .bin_user_push_info_log_item_subject:hover { background:#0073AA; color:#fff; }
.bin_user_push_info_log_item .bin_user_push_info_log_item_subject .bin_user_push_info_log_item_subject_title { font-weight:bold; }
.bin_user_push_info_log_item .bin_user_push_info_log_item_subject .bin_user_push_info_log_item_subject_date { flex:1; margin-left:0.5rem; }
.bin_user_push_info_log_item .bin_user_push_info_log_item_subject .bin_user_push_info_log_item_subject_trigger { margin-left:auto; }
.bin_user_push_info_log_item .bin_user_push_info_log_item_subject .bin_user_push_info_log_item_subject_trigger .dashicons-arrow-up { display:none; }
.bin_user_push_info_log_item .bin_user_push_info_log_item_subject .bin_user_push_info_log_item_subject_trigger .dashicons-arrow-down { display:block; }
.bin_user_push_info_log_item .bin_user_push_info_log_item_content { display:none; }
.bin_user_push_info_log_item .bin_user_push_info_log_item_content .bin_user_push_info_log_item_meta { background:#F9F9F9; padding:10px; }
.bin_user_push_info_log_item .bin_user_push_info_log_item_content .bin_user_push_info_log_item_meta .bin_user_push_info_log_item_meta_item { display:flex; }
.bin_user_push_info_log_item .bin_user_push_info_log_item_content .bin_user_push_info_log_item_meta .bin_user_push_info_log_item_meta_item .bin_user_push_info_log_item_meta_label { width:240px; font-weight:bold; padding:2px 0; }
.bin_user_push_info_log_item .bin_user_push_info_log_item_content .bin_user_push_info_log_item_meta .bin_user_push_info_log_item_meta_item .bin_user_push_info_log_item_meta_value { display:flex; }
.bin_user_push_info_log_item .bin_user_push_info_log_item_content .bin_user_push_info_log_item_message { padding:10px;  }

.bin_user_push_info_log_item.active .bin_user_push_info_log_item_content { display:block; }
.bin_user_push_info_log_item.active .bin_user_push_info_log_item_subject { background:#0073AA; color:#fff; }
.bin_user_push_info_log_item.active .bin_user_push_info_log_item_subject .bin_user_push_info_log_item_subject_trigger .dashicons-arrow-up { display:block; }
.bin_user_push_info_log_item.active .bin_user_push_info_log_item_subject .bin_user_push_info_log_item_subject_trigger .dashicons-arrow-down { display:none; }