/* ajax bouncer*/
.bin_opt_in_ajax { position:relative; }
.bin_opt_in_ajax_spinner { position:absolute; top:50%; margin-top:-8px; left:50%; margin-left:-8px; border:4px solid #F1F1F1; border-top:4px solid #3498db; border-radius:50%; width:10px; height:10px; animation:bin_opt_in_spin 2s linear infinite; }
@keyframes bin_opt_in_spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* status column */
.wp-list-table .column-opt-in { text-align:left; }
.wp-list-table .column-opt-in .badge-outer { display:inline-flex; align-items:center; }
.wp-list-table .column-opt-in .badge-outer .badge { margin-left:auto; border-radius:2px; padding:0.15rem 0.5rem; font-size:0.75em; line-height:1; color:#fff; border:1px #555 solid; color:#555; }
.wp-list-table .column-opt-in .badge-outer .badge-unregistered {}
.wp-list-table .column-opt-in .badge-outer .badge-confirming { color:#c18911; border-color:#c18911; }
.wp-list-table .column-opt-in .badge-outer .badge-pending { color:#c18911; border-color:#c18911; }
.wp-list-table .column-opt-in .badge-outer .badge-registered { color:#20840b; border-color:#20840b; }

/* settings hero */
.bin_opt_in_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_opt_in_settings_hero .bin_opt_in_settings_hero_inner { box-sizing:border-box; display:block; width:100%; padding:1rem; border-radius:0.75rem; background:transparent; background-size:cover; }
.bin_opt_in_settings_hero .bin_opt_in_settings_hero_inner h1 { color:#fff; font-size:2.4rem; font-weight:bold; margin:0; padding:0; }
.bin_opt_in_settings_hero .bin_opt_in_settings_hero_inner img { display:block; height:100px; max-width:100%; }

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

/* settings tabs */
#bin_opt_in_tab_nav { padding:0.25rem; border-radius:1rem; background:#ececec; }
#bin_opt_in_tab_nav > ul { display:flex; align-items:center; list-style:none; margin:0; padding:1rem; border-radius:1rem; background:#fff; }
#bin_opt_in_tab_nav > ul > li { margin:0; padding:0; }
#bin_opt_in_tab_nav > ul > li > a { display:block; padding:10px 10px 12px 10px; text-decoration:none; color:#646970; transition: 0.4s all; }
#bin_opt_in_tab_nav > ul > li > a:hover { color:#000; background:rgba(255,255,255,0.5); }
#bin_opt_in_tab_nav > ul > li > a.bin_opt_in_tab_nav_active { box-shadow:0 2px #842020 inset; color:#000; background:#fff; }

#bin_opt_in_tab_content {}
#bin_opt_in_tab_content .bin_opt_in_tab { display:none; }
#bin_opt_in_tab_content .bin_opt_in_tab.bin_opt_in_tab_active { display:block; }

/* settings table */
.bin_opt_in_settings_table { border-collapse:collapse; width:100%; }
.bin_opt_in_settings_table tr:nth-child(odd) { background:#ececec; }
.bin_opt_in_settings_table tr:hover { background:#2271b1; color:#fff; }
.bin_opt_in_settings_table tr > th { text-align:left; padding:5px; }
.bin_opt_in_settings_table tr > td { text-align:left; padding:5px; }

/* settings repeater */
.bin_opt_in_input_fields_wrap .bin_opt_in_input_field { display:flex; align-items:center; margin:0.25rem 0; }
.bin_opt_in_input_fields_wrap .bin_opt_in_input_field .bin_opt_in_remove_field { text-decoration:none; }

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

.bin_opt_in_settings_grid .bin_opt_in_settings_grid_left { box-sizing:border-box; width:100%; margin:0.5rem; }
.bin_opt_in_settings_grid .bin_opt_in_settings_grid_right { box-sizing:border-box; width:100%; margin:0.5rem; }

@media only screen and (min-width:576px) {
	.bin_opt_in_settings_grid .bin_opt_in_settings_grid_left  { width:calc(50% - 1rem); }
	.bin_opt_in_settings_grid .bin_opt_in_settings_grid_right  { width:calc(50% - 1rem); }
}

.bin_opt_in_settings_grid .bin_opt_in_settings_grid_block { box-sizing:border-box; width:100%; margin:1rem 0; padding:0.25rem; background:white; border-radius:1rem; background:#ececec; }
.bin_opt_in_settings_grid .bin_opt_in_settings_grid_block[data-disabled] { position:relative; }
.bin_opt_in_settings_grid .bin_opt_in_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_opt_in_settings_grid .bin_opt_in_settings_grid_block .bin_opt_in_settings_grid_block_inner { box-sizing:border-box; height:100%; background:#ffffff; padding:1rem; border-radius:0.75rem; }
.bin_opt_in_settings_grid .bin_opt_in_settings_grid_block .bin_opt_in_settings_grid_block_inner h3 { margin-top:0; font-weight:bold; }
.bin_opt_in_settings_grid .bin_opt_in_settings_grid_block .bin_opt_in_settings_grid_block_inner p { margin:0.25rem 0; }
.bin_opt_in_settings_grid .bin_opt_in_settings_grid_block .bin_opt_in_settings_grid_block_inner .bin_opt_in_settings_grid_block_inner_setting { display:flex; }
.bin_opt_in_settings_grid .bin_opt_in_settings_grid_block .bin_opt_in_settings_grid_block_inner .bin_opt_in_settings_grid_block_inner_setting:not(:first-of-type) { margin-top:1rem; border-top:1px #efefef solid; padding-top:1rem; }
.bin_opt_in_settings_grid .bin_opt_in_settings_grid_block .bin_opt_in_settings_grid_block_inner .bin_opt_in_settings_grid_block_inner_setting > p { margin:0.25rem 0 0 0; width:100px; font-weight:bold; }
.bin_opt_in_settings_grid .bin_opt_in_settings_grid_block .bin_opt_in_settings_grid_block_inner .bin_opt_in_settings_grid_block_inner_setting > div { margin:0 0 0 20px; width:calc(100% - 120px); }
.bin_opt_in_settings_grid .bin_opt_in_settings_grid_block .bin_opt_in_settings_grid_block_inner .bin_opt_in_settings_grid_block_inner_setting > div p { margin:0.25rem 0 0 0; }
.bin_opt_in_settings_grid .bin_opt_in_settings_grid_block .bin_opt_in_settings_grid_block_inner .bin_opt_in_settings_grid_block_inner_setting > div input { width:100%; }
.bin_opt_in_settings_grid .bin_opt_in_settings_grid_block .bin_opt_in_settings_grid_block_inner .bin_opt_in_settings_grid_block_inner_setting > div textarea { width:100%; min-height:140px; }
.bin_opt_in_settings_grid .bin_opt_in_settings_grid_block .bin_opt_in_settings_grid_block_inner .bin_opt_in_settings_grid_block_inner_setting > div select { width:100%; }

.bin_opt_in_settings_grid .bin_opt_in_settings_grid_block .bin_opt_in_settings_grid_block_inner .bin_opt_in_settings_grid_block_inner_setting > div .quicktags-toolbar input { width:auto; }
.bin_opt_in_settings_grid .bin_opt_in_settings_grid_block .bin_opt_in_settings_grid_block_inner .bin_opt_in_settings_grid_block_inner_setting > div .quicktags-toolbar textarea { width:auto; }
.bin_opt_in_settings_grid .bin_opt_in_settings_grid_block .bin_opt_in_settings_grid_block_inner .bin_opt_in_settings_grid_block_inner_setting > div .quicktags-toolbar select { width:auto; }

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

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

/* image */
.bin_opt_in_media_select .bin_opt_in_media_field { display:flex; align-items:center; margin:0.25rem 0; }
.bin_opt_in_media_select .bin_opt_in_media_field .bin_opt_in_empty_field { text-decoration:none; }

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

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