.embed-placeholder-no-cookies{
    border:1px solid grey;
    padding:1em;
    display:block;
    margin-bottom:1em;
}


#cookieControlWrapper{

    position:fixed;
    background-color:rgba(0,0,0,0.3);
    top:0;
    left:0;
    bottom:0;
    right:0;
    z-index: 9999999;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
    font: 16px/20px "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
    text-align:left;
}

#cookieControlBanner{
    background-color:rgba(0,0,0,0.8);
    width:100%;
    max-width: 1000px;
    color:white;
    padding:30px;
    position:fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#cookieControlBanner a{
    color:white;
    text-decoration: underline;
    border:none;
}
#cookieControlBanner a:hover{
    color:white;
    text-decoration: none;
}

#cookieControlBannerContent{
    max-width: 90%;
    margin:0px auto;
    text-align: center;
}
#cookieControlBannerManage{
    /*max-width: 90%;*/
    margin:0px auto;
    display:none;
    /*
    height:100%;
    position: relative;
    background-color: #fff;
    transform: translateZ(0);
    display: flex;
    flex-direction: column;
    width: 100%;
    max-height: 100%;
    transform: translateY(100%);
    transition: transform 0.5s ease;
    transition-delay: 0.2s;*/

    
    
}
#cookieControlBanner.manageScreen #cookieControlBannerContent{
    display:none;
}
#cookieControlBanner.manageScreen #cookieControlBannerManage{
    display:block;
}

#cookieControlBanner p{
    font-size:16px;
    line-height: 20px;
    font: 16px/20px "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
    color:#FFFFFF;
    margin:0 0 20px 0;
    padding:0;
}

#cookieControlBanner p:last-of-type{
    margin:0;
}

#cookieControlBanner p.cookieControlTitle{
    font-size:22px;
    line-height: 30px;
    text-align: center;
}

#cookieControlBanner a.cookieControlBannerButton{
    display:inline-block;
    padding:14px 24px;
    background-color: white;
    text-decoration: none;
    border-radius: 3px;
    border:1px solid white;
    margin:5px 5px;
    width:150px;
    transition:all 0.2s;
    color:black;
    text-align: center;
}

#cookieControlBanner a.cookieControlBannerButton:hover{
    opacity:0.8;
}

#cookieControlBanner a.cookieControlBannerButton.ghost{
    background-color:transparent;
    color:white;
}
/* The switch - the box around the slider */
.cookieControlSwitch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
    float:left;
    margin:0;
    padding:0;
}

/* Hide default HTML checkbox */
.cookieControlSwitch input {
  opacity: 0;
  width: 0;
  height: 0;
}

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

.cookieControlSlider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .cookieControlSlider {
  background-color: #000;
}

input:focus + .cookieControlSlider {
  box-shadow: 0 0 1px #000;
}

input:disabled + .cookieControlSlider {
    opacity:0.5;
}

input:checked + .cookieControlSlider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.cookieControlSlider.round {
  border-radius: 34px;
}

.cookieControlSlider.round:before {
  border-radius: 50%;
}



p.cookieControlCentre{
    text-align:center;
}


#cookieControlBanner.manageScreen{
    background-color:white;
    width:100%;
    max-width: calc(100% - 60px);
    color:black;
    max-height:calc(100% - 60px);
    overflow-y:auto;
}

#cookieControlBanner.manageScreen p{
    color:black;
}

@media screen and (min-width: 800px) {
    #cookieControlBanner.manageScreen{
        max-width:800px;
    }
}

#cookieControlBanner.manageScreen a{
    color:black;
}

#cookieControlBanner.manageScreen a.cookieControlBannerButton{
    background-color: black;
    border:1px solid black;
    color:white;
}

#cookieControlBanner.manageScreen a.cookieControlBannerButton:hover{
    opacity:0.8;
}

#cookieControlBanner.manageScreen a.cookieControlBannerButton.ghost{
    background-color:transparent;
    color:black;
}



#cookieControlBanner div.cookieControlOption{
    clear:both;
    padding-bottom:10px;
}

#cookieControlBanner span.labelTitle{
    display:block;
    font-size:20px;
    float:right;
    width:calc(100% - 80px);
    padding-bottom:10px;
}
#cookieControlBanner span.labelContent{
    display:block;
    font-size:16px;
    line-height: 20px;
    float:right;
    width:calc(100% - 80px);   
    padding-bottom:20px;
}