@CHARSET "ISO-8859-1";

/* GENERAL STYLES */
	
.bootstrap-wpadmin {
}
.bootstrap-wpadmin .row {
	margin-left: 0;
}
#pluginlogo_32 {
	background: url("../images/pluginlogo_32x32.png") no-repeat 0px 3px transparent;
}
.pluginlogo_16 {
	background: url("../images/pluginlogo_16x16.png") no-repeat 0px 3px transparent;
}
.page-header .header-icon32 {
	display: inline-block;
	float: left;
	height: 40px;
	vertical-align: middle;
	width: 48px;
}
.plugin_update_message {
	color: #dd3333;
}
.wrap .icon32 {
	width: 32px;
}
.bootstrap-wpadmin .page-header {
	padding-bottom: 17px;
	margin: 18px 0 0;
	border-bottom: 1px solid #EEE;
}
/* Form elements */
.bootstrap-wpadmin form fieldset {
	width: 80%;
}
.bootstrap-wpadmin .label {
	vertical-align: baseline !important;
}
.shortcode-usage {
	border-bottom: 1px solid #bbbbbb;
	margin-bottom: 10px;
}
p.code-description {
	font-style: italic;
}
/* Worpit promo */
#worpit_button {
	background: url("../images/bright_squares.png") #EFEFEF;
}
#worpit_button {
	border: 1px solid #cccccc;
	border-radius: 4px;
	height: 190px;
}
#worpit_button:hover {
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4);
	border: 1px solid transparent;
}
.row#developer_channel_promo #developer_channel_description .well {
	height: 275px;
}
.row#developer_channel_promo #developer_channel_form {
	border: 1px solid #EEE;
	border-radius: 6px;
	height: 315px; /* 275px + 20px-padding-x2 */
}
.row#developer_channel_promo #developer_channel_form h3 {
	padding: 10px 20px;
}

.row.option_section_row {
	margin-left: 0px;
}
.row.option_section_row.primary_section {
	background-color: #f9f9f9;
	border: 1px solid transparent;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
	margin-bottom: 20px;
	padding-bottom: 30px;
}
/*
.row.option_section_row.primary_section > div {
	background-color: #f9f9f9;
	border: 1px solid #ddd;
	margin-bottom: 30px;
	margin-top: 10px;
	padding: 5px 30px 30px;
}
.row.option_section_row.non_primary_section > div {
	margin-left: 0px;
}*/

.well.admin_access_restriction_form {
	background-color: #fbfbfb;
	border: 1px solid #ccc;
	box-shadow: none;
}

.well.admin_access_restriction_form .form-actions {
	background-color: #fbfbfb;
}

/** LESS PAGE **/
.enabled_section {
	opacity: 1.0;
}
.disabled_section {
	opacity: 0.5;
}
/* BOOSTRAP SETTINGS PAGE STYLES */
.wrap .icon32 {
	width: 32px;
}
.submit span {
	font-size: smaller;
	font-style: italic;
}
.form-horizontal legend {
	border-bottom: 1px dashed #aaa;
	margin-bottom: 8px;
	padding-top: 10px;
}
.form-horizontal .item_group .control-group {
	margin-bottom: 0;
}
.form-horizontal .item_group {
	border-radius: 4px;
	box-sizing: border-box;
	margin-bottom: 10px;
	padding: 20px 20px 20px 0;
 }
.form-horizontal .selected_item_group {
	border: 1px solid rgba(135, 232, 38, 0.55);
	background-color: rgba(135, 232, 38, 0.1);
}
.option_section {
	background-color: rgba(0, 0, 0, 0.008);
	border: 1px solid #E6E6E6;
	border-radius: 4px;
	padding: 8px 10px;
}
.option_section label {
	background-color: transparent;
}
.selected_item label {
	font-weight: bold;
}
.nonselected_item {
	background-color: transparent;
}
.nonselected_item label {
	font-weight: normal;
}
.option_section:hover {
	background-color: #ffffff;
	border: 1px dashed #BBBBBB;
	cursor: pointer;
}

.option_section.active {
	background-color: #f6f6f6;
	border-color: #dddddd;
}
table.table th {
	border-bottom: 1px solid #777777;
}

table.tbl_tbs_options {
	width: 100%;
	border: 1px solid transparent;
}
table.tbl_tbs_options tr td {
	width: 49%;
	border: 1px solid transparent;
}

select#hlt_bootstrap_option {
	padding: 5px;
	border-radius:6px 6px 6px 6px;
	line-height: auto;
	height: 30px;
	width: 200px;
}

table#tbl_tbs_options_javascript td {
	vertical-align: top;
	width: 50%;
}

/** OPTIONS PAGES **/
.bootstrap-wpadmin .row.row_number_1 {
	padding-top: 18px;
}

label input[type=checkbox] {
	height: 16px !important;
}

.assigned-state {
}
.assigned-state .the-key {
	background-color: #FFFFFF;
	border: 1px solid #AAAAAA;
	border-radius: 4px 4px 4px 4px;
	font-family: "courier new",sans-serif;
	letter-spacing: 1px;
	margin: 10px 10px 3px 10px;
	padding: 5px 8px;
	display: inline-block;
}
.assigned-state #isNotAssigned {
	margin: 15px;
}
a#signupLinkIcwp {
	font-size: smaller;
	font-weight: normal;
	text-decoration: underline;
}
.assigned-state #isAssigned {
	color: #00A500;
	padding-left: 25px;
	margin-bottom: 15px;
}
.reset-authentication input,
.enable-handshake-authentication input {
	float: left;
	margin-right: 4px !important;
}
.cant-handshake { opacity: 0.5; }

/* ---- ADMIN PAGE CARD REDESIGN ---- */

/* Cards — blue left accent on all by default */
.icwp-options-page .well {
    background-color: #fff;
    border: 1px solid #dcdcde;
    border-left: 3px solid #2271b1;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.06);
    padding: 20px 24px;
    margin-bottom: 16px;
}

/* Override accent colour for specific section types */
.icwp-options-page .well.card-pairing-open {
    border-left-color: #d97706;
}
.icwp-options-page .well.card-reset {
    border-left-color: #d63638;
}

/* Section headings — small-caps label style */
.icwp-options-page .well h3 {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #646970;
    margin-top: 0;
    margin-bottom: 16px;
    padding-bottom: 8px;
    border-bottom: 1px solid #f0f0f1;
}

/* Pairing status row — sits inside a tinted strip */
.icwp-options-page .pairing-status {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
    padding: 9px 12px;
    background: #f6f7f7;
    border-radius: 3px;
}
.icwp-options-page .pairing-status .status-label {
    font-weight: 600;
    color: #646970;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
.icwp-options-page .status-open {
    display: inline-block;
    padding: 2px 9px;
    border-radius: 10px;
    background-color: #f0b849;
    color: #3d2800;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}
.icwp-options-page .status-closed {
    display: inline-block;
    padding: 2px 9px;
    border-radius: 10px;
    background-color: #dcdcde;
    color: #50575e;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}
.icwp-options-page .status-expires {
    color: #646970;
    font-size: 12px;
    margin-left: auto;
}

/* Access key display */
.icwp-options-page .assigned-state .the-key {
    background: #f6f7f7;
    border: 1px solid #c3c4c7;
    border-radius: 3px;
    font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
    font-size: 16px;
    letter-spacing: 3px;
    margin: 8px 0 16px;
    padding: 12px 16px;
    display: block;
    color: #1d2327;
    word-break: break-all;
}

/* "Connected" h3 — undo generic h3 rules, render as WP success notice */
.icwp-options-page .well .assigned-state #isAssigned {
    text-transform: none;
    letter-spacing: normal;
    border-bottom: none;
    border: 1px solid #8dba91;
    padding: 10px 14px;
    font-size: 14px;
    font-weight: 600;
    color: #00a32a;
    background: #edfaef;
    border-radius: 3px;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}
.icwp-options-page .well .assigned-state #isAssigned::before {
    content: "✓";
    font-size: 16px;
    font-weight: 700;
    flex-shrink: 0;
}

/* "Waiting for connection" note */
.icwp-options-page .well .assigned-state #isNotAssigned {
    margin: 10px 0 0;
    color: #50575e;
    font-size: 13px;
    font-weight: normal;
}

/* Reset section */
.icwp-options-page .reset-authentication p strong {
    color: #d63638;
}
.icwp-options-page .reset-authentication label {
    display: flex !important;
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 14px;
    font-weight: normal !important;
    color: #50575e;
    font-size: 13px;
}
.icwp-options-page .reset-authentication label input[type=checkbox] {
    float: none !important;
    margin: 2px 0 0 !important;
    flex-shrink: 0;
}

/* Form labels */
.icwp-options-page .well label {
    display: block;
    margin-bottom: 14px;
    font-weight: 500;
    color: #3c434a;
    font-size: 13px;
}
.icwp-options-page .well label input[type=text] {
    margin-top: 5px;
    display: block;
    width: 100%;
    max-width: 420px;
    box-sizing: border-box;
}

/* Fieldset */
.icwp-options-page .well fieldset {
    border: none;
    padding: 0;
    margin: 0 0 16px;
}
.icwp-options-page .well fieldset legend {
    font-weight: 600;
    color: #3c434a;
    font-size: 13px;
    margin-bottom: 12px;
    padding: 0;
}

/* About section */
.icwp-options-page .well h2 {
    font-size: 16px;
    font-weight: 600;
    color: #1d2327;
    margin-top: 0;
    margin-bottom: 6px;
}
.icwp-options-page .well ul {
    padding-left: 18px;
    color: #50575e;
    line-height: 1.8;
    margin-top: 0;
}
.icwp-options-page .well ul li {
    margin-bottom: 2px;
}

/* Page header */
.icwp-options-page .page-header {
    margin-bottom: 20px;
}
.icwp-options-page .page-header h2 {
    font-size: 23px;
    font-weight: 400;
    color: #1d2327;
}
.icwp-options-page .page-header .feature-tagline {
    color: #50575e;
    font-size: 14px;
}