.tuenweb-cookies-box{    
    position: fixed;
    display: none;
    opacity: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
}
.tuenweb-cookies-box .cookies-box{background-color: #00516c;
    width: 45%;
    color: #FFF;
    font-size: 12px;
    padding: 20px;
    border-radius: 8px;
    margin: 0 0 20px 20px;
    display: flex;
    flex-direction: row; flex-wrap: wrap}
.tuenweb-cookies-box .break{  flex-basis: 100%;  height: 0;}
.tuenweb-cookies-box .zona-texto-cookies{}
.tuenweb-cookies-box .zona-texto-cookies p{text-align: justify}
.zona-botones-cookies{display: flex;
    flex-direction: row-reverse;
    width: 100%;
    font-size: 12px;}
.zona-botones-cookies .elem{border: none;
    background: #FFF;
    color: #242424;font-weight: bold;}
.zona-botones-cookies input[type=button]{
    padding: 4px 10px;
}
.elem + .elem {
    margin-right: 2%;
}
/*banner config*/
#modal_cookies{
    opacity: 0;
    display: none;
    position: fixed;
    background: #FFF;
    z-index: 999;
    width: 30%;
    font-size: .8em;
    font-weight: 100;
    padding: 12px;
    right: 0;
    height: auto;
    max-height: 100vh;
    overflow: auto;
    text-align: justify;
    padding-bottom:40px;
    bottom: 0;
    top: 0;
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
}
#modal_cookies .modal-content{border: none}
#modal_cookies .card-header b{font-weight: bold}
#modal_cookies .cookies_title{
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 0;
}
.switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 24px;
}

.switch input {display:none;}

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

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

input:checked + .slider_tuenweb {
  background-color: #df2c1f;
}

input:focus + .slider_tuenweb {
  box-shadow: 0 0 1px #2196F3;
}

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

/* Rounded slider_tuenwebs */
.slider_tuenweb.round {
  border-radius: 24px;
}

.slider_tuenweb.round:before {
  border-radius: 50%;
}
#accept-slices{background: #FFF;
        padding: 10px 20px;}
.switch{    margin-bottom: 0;
    vertical-align: middle;
    margin-right: 10px;}

/*cards*/
.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}
.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.125);
}
.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
}
.card-header p{margin:0}
.cookie_explain, .sub_explain{color: #2e2e2e;
    margin: 0;
    font-size: .9em;}
.card-body .card{margin-top:20px}
#cookies-btn-save-pref{
    display: block;
    border-style: solid;
    border-radius: 2px;
    background: rgba(0,51,255,0);
    box-shadow: none;
    text-shadow: none;
    color: #2e2e2e;
    border-width: 2px;
     border-color: #2e2e2e;
    font-style: normal;
    text-align: center;
    font-weight: 600;
    font-size: 14px;
    background-repeat: no-repeat; margin-top:20px}
#cookies-btn-save-pref:hover {
    background: rgba(0,39,204,1);
    background: #1c1c1b;
    box-shadow: none;
    color: #fff;
}
#cookies-btn-save-pref span{display: block;
    text-align: center;
    padding: 8px 8px 8px 8px;
    cursor: pointer;}

.cookies-btn{   display: inline-block;
    border-style: solid;
    /*border-radius: 2px;*/
    background: rgba(0,51,255,0);
    box-shadow: none;
    text-shadow: none;
    color: #FFF;
    border-width: 2px;
    border-color: #2e2e2e;
    font-style: normal;
    text-align: center;
    background-repeat: no-repeat;
    margin-top: 10px;padding: 5px 10px;cursor: pointer;
}
.green{border-color: #23a061;
    color: #23a061;
    background: #f6f6f6;}
.yellow{border-color: #dc781e;
    color: #dc781e;
    background: #f6f6f6;}
.red{border-color: #e20a13;
    color: #e20a13;
    background: #f6f6f6;}
#modal_cookies_mini a, #modal_cookies_mini a:hover{color: #FFF}
#modal_cookies .more-info-cookies{
    text-align: center;
    color: #000;
    font-size: 14px;
    margin-top: 10px;
    font-weight: 600;
}
.table-cookies-pol tbody{font-size: .8em}
@media (max-width: 768px){
    #modal_cookies{width:70%}
    #modal_cookies_mini{width: auto}
}

@media (max-width: 750px){
    .zona-botones-cookies{
        flex-direction: column-reverse;
    }
    .tuenweb-cookies-box .cookies-box{
        width: auto;
        margin: 20px;
    }
    .zona-botones-cookies .elem{
        width: 100%;
    }
    .elem + .elem {
        margin-bottom: 10px;
    }
}