/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

#idxrcookies div#buttons {
    display: flex;
    justify-content: space-between;
}
#idxrcookies #idxrcookiesOK{
    order: 3;
    /* margin-left: auto; */
    background: #999;
    color: #fff;
}

.btn-cookies{
	display: flex;
    align-items: center;
    justify-content: center;
}

/*#idxrcookies #cookiesConf{
    margin-left: auto;
}*/


#idxrcookies .contenido{
    background-color: #fff!important;
    color: #000
    
}

#idxrcookies .btn-cookies{
    background: #999 50%;
    /*color: #fff;*/
}

/* Cookie Banner CSS adjustments */

span#cookiesConf span {
    visibility: hidden;
    font-size: 0px;
    position: relative;
}
span#cookiesConf span.cookies-conf:after {
    content: 'Configuracion';
    font-size: 12px;
    visibility: visible;
    position: absolute;
    left: 0px;
    width: 100%;
} 
#idxrcookies div#buttons {
    display: flex;
    justify-content: space-between;
}
#idxrcookies #buttons span {
    min-width: 120px;
}
#idxrcookiesOK {
    order: 3;
    background: #999;
    color: #000000;
    /*border: solid 1px #000000;*/
}
#idxrcookiesKO {
    order: 1;
    background: rgb(56, 56, 56);
    color: lightgray;
    border: solid 1px lightgray;
}
#cookiesConf {
    order: 2;
    background: rgb(56, 56, 56);
    color: lightgray;
    border: solid 1px lightgray;
}
span#idxrcookiesKO {
    margin-right: auto;
}
#idxrcookies a {
    color: lightgrey;
}

#idxrcookies .btn-cookies{
    background: #fff;
}
.cookie-button-right {
    bottom: 20px;
    left: 20px;
    right: auto;
}
@media screen and (max-width: 768px) {
	#idxrcookies #cookiesConf {
        width: 35px;
        min-width: 35px!important;
       
    }
    #idxrcookies #cookiesConf span{
         color:  lightgray!important;
    }

	#idxrcookies #cookiesConf span.cookies-icon {
	    visibility: visible;
	    font-size: 12px;
	}

	#idxrcookies .withRejectButton #cookiesConf {
	    margin-right: 5px!important;
	}
}