/* Cookie Banner Prestashop module
 * Copyright 2018, Prestaddons
 * Author: Prestaddons
 * Website: http://www.prestaddons.fr
 */

/* Styles de la page Settings du module Cookie Banner */
#module-cookiebanner-settings section#content {
  
    background: #fff;
    padding: 1rem;
    font-size: .875rem;
    color: #7a7a7a;
}
.module-blocked-categories {
	padding: 15px;
	margin: 25px 0;
	background: #F5F5F5;
	border-bottom: solid 3px #ddd;
}
.module-blocked-categories h3,
.module-blocked-categories .module-name{
    color:#232323;
}
.module-blocked-categories > .form-group.all-modules > h3 {
	margin: auto auto auto 0;
        
   color: #5c5d5d;
    font-family: 'Omnes-Semibold';
    font-size: 16px; 
}
.module-blocked-categories > .form-group {
	display: flex;
}
.module-blocked-categories > .form-group > hr {
	margin: auto 20px;
	flex: 1;
	border: solid 1px #ddd;
}
.module-blocked-categories > .form-group:last-child {
	margin: 0;
}
.module-blocked-categories .btn-switch {
	margin: auto 0 auto auto;
}
.module-blocked-categories .image-wrapper {
	margin: auto 15px auto 0;
}
.module-blocked-categories .module-infos {
	margin: auto auto auto 0;
}
.module-blocked-categories .module-infos span {
	display: block;
}
.module-blocked-categories .module-learn-more a {
	color: #00AFF0;
}
.module-blocked-categories .module-learn-more span {
	font-size: .875rem;
}
.module-blocked-categories .module-learn-more a .material-icons {
    font-size: 1rem;
    margin-left:-5px;
}
.module-blocked-categories > h3 {
	margin: 0 0 30px 0;
}

/* Switch buttons on right */
#module-cookiebanner-settings .btn-switch{
    font-size: 1em;
	position: relative;
	display: inline-block;		
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	min-width: 123px;
}
#module-cookiebanner-settings .btn-switch__radio {
	display: none;
}
#module-cookiebanner-settings .btn-switch__label {
	display: inline-block;
    padding: .75em .5em .75em .75em;
	padding: .75em 0 .75em 0;
	vertical-align: top;
	font-size: 1em;
	font-weight: 700;
	line-height: 1.5;
	color: #fff;
    cursor: pointer;
	transition: color .2s ease-in-out;
    margin:0;
    width:4.25em;
}
#module-cookiebanner-settings .btn-switch__label + .btn-switch__label {
    padding-right: .75em;
    /*padding-right: 0;*/
	padding-left: 0;
    /*text-align:right;*/
}
#module-cookiebanner-settings .btn-switch__txt {
	position: relative;
	z-index: 2;
    display: inline-block;
    min-width: 1.5em;
	opacity: 1;
	pointer-events: none;
	transition: opacity .2s ease-in-out;
}
#module-cookiebanner-settings .btn-switch__label_yes .btn-switch__txt {
    left:.75em;
}
#module-cookiebanner-settings .btn-switch__label_no .btn-switch__txt {
    right:1em;
}
#module-cookiebanner-settings .btn-switch__radio_no:checked ~ .btn-switch__label_yes .btn-switch__txt,
#module-cookiebanner-settings .btn-switch__radio_yes:checked ~ .btn-switch__label_no .btn-switch__txt {
	opacity: 0;
}
#module-cookiebanner-settings .btn-switch__label:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #e74c3c;
	border-radius: 1.5em;
	box-shadow: inset 0 .0715em .3572em rgba(43,43,43,.05);
	transition: background .2s ease-in-out;
}
#module-cookiebanner-settings .btn-switch__radio_yes:checked ~ .btn-switch__label:before {
	background: #27ae60;
}
#module-cookiebanner-settings .btn-switch__label_no:after {
	content: "";
	position: absolute;
	z-index: 2;
	top: .5em;
	bottom: .5em;
	left: .5em;
	width: 2em;
	background: #fff;
	border-radius: 1em;	
	pointer-events: none;
	box-shadow: 0 .1429em .2143em rgba(43,43,43,.2), 0 .3572em .3572em rgba(43,43,43,.1);
	transition: left .2s ease-in-out, background .2s ease-in-out;
}
#module-cookiebanner-settings .btn-switch__radio_yes:checked ~ .btn-switch__label_no:after {
	left: calc(100% - 2.5em);
	background: #fff;
}
#module-cookiebanner-settings .btn-switch__radio_no:checked ~ .btn-switch__label_yes:before,
#module-cookiebanner-settings .btn-switch__radio_yes:checked ~ .btn-switch__label_no:before {
	z-index: 1;
}
#module-cookiebanner-settings .btn-switch__radio_yes:checked ~ .btn-switch__label_yes {
	color: #fff;
}
#module-cookiebanner-settings .button-exclusive{
    border: none;
    background: none;
    padding: 0;
    font-size: 17px;
    font-weight: bold;
    color: #333;
    margin: 9px 0 0 0;
    text-align:left;
}