.c-settings {
    position: fixed;
    line-height: 0;
    cursor: pointer;
    z-index: 99999;
    font-size: 0;
    color: #999;
    left: 10px;
    display: flex;
    flex-direction: row;
    opacity: 1;

    bottom: 10px;
    border-radius: 25px;
    padding: 3px;
    transition-duration: 500ms;
    box-shadow: 1px 2px 8px 0 rgb(0 0 0 / 20%);
    background: #2d2d2d;
}
.c-settings .cc-image,
.c-settings .cc-image .svg {
    width: 40px;
    height: 40px;
}
.c-settings .cc-text {
    text-transform: uppercase;
    font-weight: 600;
    font-family: 'Open Sans', Arial, 'Trebuchet MS', 'Segoe UI', 'Helvetica', sans-serif;
    overflow: hidden;
    transition-duration: 500ms;
    white-space: nowrap;
    padding-right: 0;
    color: #FFFFFF;
    font-size: 16px;
    line-height: 2.5;
    max-width: 0;
}

.c-settings:hover .cc-text {
    max-width: 300px;
    padding-right: 15px;
    padding-left: 12px;
}


.theme_cesta_dark {
--cc-bg: #181b1d;
--cc-text: #f9f9f9;
--cc-btn-primary-bg: #eb8f29;
--cc-btn-primary-text: #fff;
--cc-btn-primary-hover-bg: #EE7109;
--cc-btn-secondary-bg: #1682ef;
--cc-btn-secondary-text: #fff;
--cc-btn-secondary-hover-bg: #1682ef;

--cc-toggle-bg-off: #667481;
--cc-toggle-bg-on: var(--cc-btn-primary-bg);
--cc-toggle-bg-readonly: var(--cc-btn-primary-bg);

--cc-toggle-knob-bg: var(--cc-cookie-category-block-bg);
--cc-toggle-knob-icon-color: var(--cc-bg);

--cc-cookie-category-block-bg: #23272a;
--cc-cookie-category-block-bg-hover: #23272a;
--cc-section-border: #222a30;
--cc-block-text: #f9f9f9;
--cc-cookie-table-border: #2b3035;

--cc-overlay-bg: rgba(4, 6, 8, .85);
--cc-webkit-scrollbar-bg: #2c343a;
--cc-webkit-scrollbar-bg-hover: #384148;
}
.theme_turquoise{
--cc-bg: #161a1c;
--cc-text: #d8e5ea;
--cc-btn-primary-bg: #60fed2;
--cc-btn-primary-text: #000;
--cc-btn-primary-hover-bg: #4dd4ae;
--cc-btn-secondary-bg: #242c31;
--cc-btn-secondary-text: var(--cc-text);
--cc-btn-secondary-hover-bg: #2b353c;
--cc-toggle-bg-off: #667481;
--cc-toggle-bg-on: var(--cc-btn-primary-bg);
--cc-toggle-bg-readonly: #343e45;
--cc-toggle-knob-bg: var(--cc-cookie-category-block-bg);
--cc-toggle-knob-icon-color: var(--cc-bg);
--cc-cookie-category-block-bg: #1e2428;
--cc-cookie-category-block-bg-hover: #242c31;
--cc-section-border: #222a30;
--cc-block-text: #bac9cf;
--cc-cookie-table-border: #2b3035;
--cc-overlay-bg: rgba(4, 6, 8, .85);
--cc-webkit-scrollbar-bg: #2c343a;
--cc-webkit-scrollbar-bg-hover: #384148;
}

.theme_turquoise .cc_div a{
color: var(--cc-btn-primary-bg);
}

.theme_turquoise #cc_div #s-hdr{
border-bottom: none;
}

.theme_turquoise .cc_div #c-txt{
color: #b0b8c6!important;
}


.theme_cesta_light{
--cc-bg: #f9f9f9;
--cc-text: #3F4E66;
--cc-btn-primary-bg: #eb8f29;
--cc-btn-primary-text: #fff;
--cc-btn-primary-hover-bg: #EE7109;
--cc-btn-secondary-bg: #469CF2;
--cc-btn-secondary-text: #fff;
--cc-btn-secondary-hover-bg: #1682ef;

--cc-toggle-bg-off: #667481;
--cc-toggle-bg-on: var(--cc-btn-primary-bg);
--cc-toggle-bg-readonly: var(--cc-btn-primary-bg);

--cc-toggle-knob-bg: var(--cc-cookie-category-block-bg);
--cc-toggle-knob-icon-color: var(--cc-bg);
--cc-cookie-category-block-bg: #CEDEEE;
--cc-cookie-category-block-bg-hover: #CEDEEE;
--cc-section-border: #222a30;
--cc-block-text: #3F4E66;
--cc-cookie-table-border: #2b3035;
--cc-overlay-bg: rgba(4, 6, 8, .85);
--cc-webkit-scrollbar-bg: #2c343a;
--cc-webkit-scrollbar-bg-hover: #384148;
}

.theme_cesta_blue{
--cc-bg: #469CF2;
--cc-text: #f9f9f9;
--cc-btn-primary-bg: #eb8f29;
--cc-btn-primary-text: #fff;
--cc-btn-primary-hover-bg: #EE7109;
--cc-btn-secondary-bg: #1682ef;
--cc-btn-secondary-text: #fff;
--cc-btn-secondary-hover-bg: #1682ef;

--cc-toggle-bg-off: #667481;
--cc-toggle-bg-on: var(--cc-btn-primary-bg);
--cc-toggle-bg-readonly: var(--cc-btn-primary-bg);

--cc-toggle-knob-bg: var(--cc-cookie-category-block-bg);
--cc-toggle-knob-icon-color: var(--cc-bg);
--cc-cookie-category-block-bg: #1682ef;
--cc-cookie-category-block-bg-hover: #1682ef;
--cc-section-border: #222a30;
--cc-block-text: #f9f9f9;
--cc-cookie-table-border: #2b3035;

--cc-overlay-bg: rgba(4, 6, 8, .85);
--cc-webkit-scrollbar-bg: #2c343a;
--cc-webkit-scrollbar-bg-hover: #384148;
}

.cc_div {

font-family: "interface", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 16px;
}
#cm .c-bn {
margin: .625em 0 0 0;
width: 100%;
font-family: "effra", Georgia, "Times New Roman", Times, serif;
border-radius: 2px;
font-size: 16px;
padding: 12px 18px;
text-transform: uppercase;
}

.cc_div #c-ttl {
margin-bottom: .7em;
font-family: "effra", Georgia, "Times New Roman", Times, serif;
font-weight: bold;
line-height: 1.2;
font-size: 20px;
}

.cc_div  .cloud #c-txt {
font-size: 20px;
line-height: 1.2
}