.cc-icon {
	position:fixed;
	z-index:999999;
	bottom:10px;
	left:10px;
	background:#F8FAFF;
	width:40px;
	height:40px;
	font-family:arial,verdana;
	border-radius:20px !important;
	overflow:hidden;
	opacity: 0.70;
	cursor: pointer;
}
.cc-icon:hover {
	opacity: 1.0;
}
.cc-icon:active {
	bottom:9px;
}
	
.cc-icon img {
	width:30px;
	margin:5px;
}
.cc-config {
	position:fixed;
	z-index:999999;
	bottom:10px;
	left:10px;
	padding:10px;
	max-width:350px;
	width:98%;
	width:calc(100% - 10px);
	display:none;
}
.cc-layer.cc-hide {
	display: none;
}
.cc-layer {
	display: flex;
    justify-content: space-around;
    align-items: center;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index:1000000;
	background: rgba(0, 0, 0, 0.20);
}
.cc-layer .cc-padding {
	margin:1%;
	width:98%;
	height:98%;
}
.cc-help {
	max-height:800px;
	max-width:600px;
	height:98%;
	height:calc(100% - 10px);
	width:98%;
	width:calc(100% - 10px);
	display:none;
}
.cc-help-main {
	position:relative;
	height:100%;
	width:100%;
}
.cc-help-cont {
	height:88%;
	margin:15px;
	height:calc(100% - 75px);
	overflow:auto;
}
.cc-help-main .cc-footer {
	position:absolute;
	width:100%;
}
.cc-center {
	text-align:center;
	height:40px;
}
.cc-justify {
	-webkit-hyphens: auto; 
	-ms-hyphens: auto; 
	-moz-hyphens: auto; 
	hyphens: auto;
	text-align:justify;
	text-justify: inter-word;
}
.cc-request {
	max-width:500px;
	width:98%;
	width:calc(100% - 10px);
	margin:1%;
	padding:20px;
	display:none;
}
a.cc-link, a.cc-link:visited, a.cc-link:focus {
	color:#888888;
	text-decoration:underline !important;
}
a.cc-info, a.cc-info:visited, a.cc-info:focus {
	color:#000000;
	text-decoration:none;
}
a.cc-link:hover {
	color:#377DFF;
	text-decoration:underline !important;
}
a.cc-info:hover {
	text-decoration:underline;
}
.cc-row {
	color:#000000;
	display:table;
	margin-top:15px;
	width:100%;
}
.cc-col {
	display:table-cell;
	vertical-align:middle;
}
.cc-col.cc-left {
	padding-right:5px;
	text-align:left;
	width:50%;
}
.cc-col.cc-right {
	padding-left:5px;
	text-align:right;
	width:50%;
}
.cc-switch {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 17px;
}

.cc-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.cc-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.cc-slider:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 13px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .cc-slider {
  background-color: #377DFF;
}

input:focus + .cc-slider {
  box-shadow: 0 0 1px #377DFF;
}

input:checked + .cc-slider:before {
  -webkit-transform: translateX(13px);
  -ms-transform: translateX(13px);
  transform: translateX(13px);
}

.cc-slider.cc-round {
  border-radius: 17px !important;
}

.cc-slider.cc-round:before {
  border-radius: 50% !important;
}
.cc-btn {	
	border-radius:6px !important;
	display:inline-block;
	cursor:pointer;
	font-family:Arial;
	font-weight:bold;
	padding:6px 12px;
	text-decoration:none;
}
.cc-btn-default {
	background:linear-gradient(to bottom, #f9f9f9 10%, #e9e9e9 100%);
	background-color:#f9f9f9;
	border:1px solid #dcdcdc;
	color:#666666;
	text-shadow:0px 1px 0px #ffffff;
}
.cc-btn-default:hover {
	background:linear-gradient(to bottom, #f9f9f9 1%, #e9e9e9 100%);
	background-color:#e9e9e9;
}
.cc-btn-primary {
	background:linear-gradient(to bottom, #79bbff 10%, #378de5 100%);
	background-color:#378de5;
	border:1px solid #79bbff;
	color:#ffffff;
	text-shadow:0px 1px 0px #528ecc;
}
.cc-btn-primary:hover {
	background:linear-gradient(to bottom, #79bbff 1%, #378de5 100%);
	background-color:#378de5;
}
.cc-btn:active {
	position:relative;
	top:1px;
}

/* Stack consent actions on narrow mobile screens. */
@media (max-width: 479px) {
    .cc-request {
        box-sizing: border-box;
        max-height: calc(100vh - 20px);
        overflow-y: auto;
    }
    .cc-request .cc-row {
        display: block;
    }
    .cc-request .cc-col {
        display: block;
        width: 100%;
        padding: 0;
    }
    .cc-request .cc-col + .cc-col {
        margin-top: 15px;
    }
    .cc-request .btn, .cc-request .cc-btn {
        box-sizing: border-box;
        width: 100%;
        min-height: 44px;
        white-space: normal;
    }
}

.cc-unsaved { margin-top: 15px; padding-top: 10px; border-top: 1px solid #bbb; color: #333; }
.cc-unsaved[hidden] { display: none; }
.cc-unsaved-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.cc-unsaved-actions .btn, .cc-unsaved-actions .cc-btn { flex: 1 1 100%; min-height: 44px; }

.cc-config { max-height: calc(100vh - 20px); overflow-y: auto; box-sizing: border-box; }