
.jn_cc_w {
	display: none;

	position: fixed;
	max-width: 30%;
	bottom: 10px;
	right: 10px;
	/*transform: translate(-50%, -50%);*/

    overflow: auto;
    z-index: 99999999999;
    font-size: 16px;

    background-color: #323232;
    color: #ffffff;
    padding: 2em;
}

.jn_cc_w .jn_cc_types { position: relative; display: none; margin-bottom: 10px; }
.jn_cc_w .jn_cc_types .jn_cc_item label {
	margin-left: 5px;
    color: #fff;
}

.jn_cc_w .jn_cc_types .jn_cc_item {
	display: inline-block;
	margin-right: 20px;
}

.jn_cc_w .jn_cc_types .jn_cc_item i {
	font-style: normal;
    border-radius: 50%;
    background: #59b227;
    font-size: 11px;
    width: 14px;
    height: 14px;
    display: inline-block;
    text-align: center;
    top: -5px;
    right: -5px;
    position: relative;
    cursor: pointer;
    line-height: 16px;
}
.jn_cc_w .jn_cc_types .jn_cc_item i:hover { background: #ffffff; color: #59b227; }

.jn_cc_w .jn_cc_intro_text {
	max-height: 300px;
    margin-bottom: 5px;
}
.jn_cc_w .jn_cc_buttons {}
.jn_cc_w .jn_cc_buttons .jn_cc_allow,
.jn_cc_w .jn_cc_buttons .jn_cc_edit_setting {
	display: inline-block;
    width: 50%;
    background: #59b227;
    text-align: center;
    font-size: 17px;
    text-transform: uppercase;
    margin: 0 auto;
    padding: 0.5em;
    font-weight: bold;
    cursor: pointer;
}
.jn_cc_w .jn_cc_buttons .jn_cc_allow:hover { background: #4a9122;  }


.jn_cc_w .jn_cc_buttons .jn_cc_edit_setting { background: #626262; text-transform: none; }
.jn_cc_w .jn_cc_buttons .jn_cc_edit_setting:hover { background: #4a4a4a; }

.jn_cc_w .jn_cc_buttons .jn_cc_edit_setting.jn_cc_inactive { opacity: 0; cursor:default; }


@media(max-width:1440px) {
	.jn_cc_w { max-width: 50%; }
}

@media(max-width:760px) {
	.jn_cc_w { max-width: 100%; width: 100%; bottom: 0; right: 0; left: 0; padding: 0.8em; }
	.jn_cc_w .jn_cc_buttons .jn_cc_allow,
	.jn_cc_w .jn_cc_buttons .jn_cc_edit_setting { width: 100%; font-size: 14px; padding: 0.2em; }
    .jn_cc_w .jn_cc_intro_text { font-size: 80%; }
}

#uniform-jn_cc_ch_necessary,
#jn_cc_ch_performance,
#jn_cc_ch_marketing {
    background: no-repeat;
    margin: 0 !important;
    display: inline-block;
}

.cc-setting-link { font-size: 12px; line-height: 25px; }