:root{
	--header-height: 40px;
	--main-container-height: 100%;
}

/* Utils */


p {
    margin: 0 !important;
}

a:-webkit-any-link {
	text-decoration: none;
}
.social-indicator {
    /*background-color: #f8f9fa !important;*/
    background-color: #fff !important;
    padding: 0 !important;
    margin: 0 !important;
}

.social-indicator button, 
.social-indicator a,
.social-indicator,
.complaint,
.complaint a {
    color: #000 !important;
    font-size: 0.6rem !important;
    font-weight: 600 !important;
}

.span-social-icons, .span-social-icons, .span-social-icons i, i.fas.fa-bullhorn, i.fas.fa-euro-sign, i.fas.fa-location-arrow {
    font-size: 1rem;
}

button.open-map-btn,
button.complaint-btn,
button.share-btn,
button.share-modal-btn,
button.like-btn {
/*    padding: 10px; */
/*    background: #cccccc;*/
    border-radius:10px; 
    transition: 0.3s;
    background: #f3ae2d !important;
    color: #fff !important;
}
button.open-map-btn:hover,
button.complaint-btn:hover,
button.share-btn:hover,
button.share-modal-btn:hover,
button.like-btn:hover {
    background: #fac460;
    opacity: 1;
    /*transition: background-color 400ms linear;*/
    background-color: #fff !important;
    color: #fac460 !important;
}

.text-bg-light {
    color: #000 !important;
    background-color: RGBA(248,249,250,var(--bs-bg-opacity,1))!important;
}

.divtopbar {
    height: 50px;
}

.d-flex {
	display: flex!important;
}
.justify-content-between {
	justify-content: space-between!important;
}

.text-center { text-align: center !important;}

.p-2 { 
	padding: 0.5rem!important;
}

.pointer {cursor: pointer;}

.rounded {
    border-radius: 0.25rem !important;
}

span.text.text-success {
	color: #79b51c !important;
}

body {
	padding-top: 0;
}

/* CUSTOM STYLE */

.divtop, .divtop-no-img {
	background-color: #f2a23f; /* Used if the image is unavailable */
	background-position: center; /* Center the image */
	background-repeat: no-repeat; /* Do not repeat the image */
	background-size: cover; /* Resize the background image to cover the entire container */
	left: 0;
	top: 0;
	width: 100%;
	height: auto;
}

.divtop {
	background-image: url("../images/new_design/bg-example.jpg"); /* The image used */
}

.divtop-no-img {
	background-image: non; /* No image used */
}


/* TOP BUTTONS */

.navbar-btn {
    display: flex;
    border: none;
    justify-content: center;
    color: #ffffff;
    font-size: 1rem;
    line-height: 1;
    align-items: center;
    background-color: transparent;
    transition: background-color 400ms linear;
    text-decoration: none;
}
.navbar-btn .fa, .far, .fas {
    font-size: 1.5rem;
}

/* HEADER SLOGAN */

.div-slogan {
	line-height:1.2;
}
.sl-line-1 {
	color: #fff;
	font-size: 3rem;
	font-weight: 600;
}
.sl-line-2 {
	color: #fff;
	font-size: 3rem;
}
.sl-line-3 {
	border-top: 1px solid #fff;
	color: #fff;
	font-size: 0.9rem;
	padding: 0 50px 0 50px;
}


/* SEARCH */

.div-search {
	border: 1px solid #ffffff;
}

.div-search-field {
    background-color: #ffffff;
}

.div-grid {
    display:grid; 
    grid-template-columns: 90% 10%;
}

.home-8-cat {
    display:grid; 
    grid-template-columns: 10% 10% 10% 10% 10% 10% 10% 10%;
    align-items: center;
    align-content: space-between;
    justify-content: space-around;
    margin-top: 0px !important;
}

.home-8-div {
	background: #e9e9e9;
	border: 1px solid #fff;
    text-align:center;
     transition-duration: 0.4s;
}
.home-8-div:hover {
	background: #fff;
	border: 1px solid #ccc;
}
.cat-selected.categ-election.new.main {
    background-color: transparent !important;
}

.cat-sections {
    border: 0 !important;
}

a.btn-filters-search.main {
    background-color: white !important;
    border-radius:0;
    color: #fdad32 !important;
    font-size: 0.8rem;
    text-decoration: none;
    text-transform: uppercase;
    padding: 5px 10px 5px 10px !important;
}
button.btn-filters-search.main {
    background-color: white !important;
    border-radius:0;
    border: 2px solid #d78e06;
    color: #000000 !important;
    font-size: 0.8rem;
    font-weight: 600 !important;
    height: 34px;
    padding: 5px 10px !important;
    text-decoration: none;
    text-transform: uppercase;
}

button.btn-filters-search.second {
    background-color: #ffffff;
    border: 1px solid #d78e06;
    color: #d78e06 !important;
    border-radius: 5px;
    font-weight: 600;
    padding: 5px 10px !important;
}

.bootstrap-tagsinput {
    background-color: transparent !important;
    border: none !important;
    border-radius: 0px !important;
    overflow: hidden !important;
    box-shadow: none !important;
    padding-top: 8px !important;
    height: 35px;
}

.cat-tree-arrow.new {
    background-color: transparent !important;
}
i.fas.fa-angle-down {
    color: #fff;
}
i.fas.fa-angle-up.yw,
i.fas.fa-angle-down.yw {
    color: #fdad32;
    font-size: 0.8rem;
}

.svg-inline--fa {
    /*
    color: white;
    font-size: 1.5rem;
    */
    color: #fdad32;
}

.date-start { border-right: 7px solid transparent !important; }
.date-end { border-left: 7px solid transparent !important; }
/*.b-transp { border: 1px solid transparent !important; }*/

.sub-01 {}
.sub-02 {}
.sub-03 {}
.sub-04 {
    display: flex;
    height: 40px;
    justify-content: center;
    align-items: center;
}
.sub-02, .sub-03 {
    border: none;
    height: 40px;
}
.sub-01, .sub-04 {
    width:100%;
    border: none;
}
.sub-05 input.form-control {
    width:100%;
    border: none;
    border-radius: 0;
    font-size: 0.8rem;
    color: #000 !important;
}
.sub-05 input {
    color: red !important;
    
}

.free-btn, .online-btn, .kms-btn {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    height: 40px !important;
    margin-top:0px !important;
    /*border: 2px solid #d78e06;*/
}

.kms-btn {
    border: 2px solid #d78e06;
}
.even-name-btn {
    height: 100%;
    margin-top:0px !important;
    border: 2px solid #d78e06;
    height: 40px !important;
}
.even-name-btn input {
    font-size: 0.8rem !important;
    margin-top: 4px;
}
.even-name-btn input,
input.search.form-control {
	background-color: transparent;
	border: none;
	border-radius: 0px;
}
.cat-tree,
.cat-tree select,
#city-autoselect input {
    font-size: 0.8rem;
    border: none !important;
}

input[type="search"]::placeholder { color: #ffffff; }
input[type="text"]::placeholder { color: #fdad32; }
input[type="checkbox"]::placeholder { color: #fdad32; }


.col-1.cat-sect-input-.pt-2 label.container {
	padding-left:0px !important;
	width: 30px !important;
	height: 30px !important;
}

button.btn.search {
	background-color: #fff;
	border-radius: 0px;
	color: #fdad32;
	font-size: 0.8rem;
	font-weight: 600;
	text-transform: uppercase;
}
.btn.search-filter:hover, input.btn.search-filter:hover, select.btn.search-filter:hover,
.btn.search-filter, input.btn.search-filter, select.btn.search-filter {
	background-color: #fff;
	border-radius: 0px;
	color: #fdad32;
	font-size: 0.75rem;
	font-weight: 600;
	text-align: left;
}
select.btn.search-filter option {
	color: #333333;
}

.toggle-btn, input.inputDate {
    border:1px solid white !important;
    width: 100%;
}

.div-search-filters-grid-1 {
	display: grid;
	grid-template-columns: 28% 28% 10% 10% 24%;
}
.div-search-filters-grid-2 {
	display: grid;
	grid-template-columns: 15% 15% 15% 15% 15% 15%;
}
.div-search-filters-grid-3 {
	display: grid;
	grid-template-columns: 18% 18% 60%;
}
.div-icon-cat-grid {
	display: grid;
	grid-template-columns: 12% 12% 12% 12% 12% 12% 12% 12%;
}



.cat-selected.categ-election.new.main {
    background-color: transparent !important;
}

.cat-sections {
    border: 0 !important;
}

a.btn-filters-search.main {
    background-color: white !important;
    border-radius:0;
    color: #fdad32 !important;
    font-size: 0.8rem;
    text-decoration: none;
    text-transform: uppercase;
    padding: 5px 10px 5px 10px !important;
}
button.btn-filters-search.main {
    background-color: white !important;
    border-radius:0;
    border: 2px solid #d78e06;
    color: #000000 !important;
    font-size: 0.8rem;
    font-weight: 600 !important;
    height: 34px;
    padding: 5px 10px !important;
    text-decoration: none;
    text-transform: uppercase;
}

button.btn-filters-search.second {
    background-color: #ffffff;
    border: 1px solid #d78e06;
    color: #d78e06 !important;
    border-radius: 5px;
    font-weight: 600;
    padding: 5px 10px !important;
}

.bootstrap-tagsinput {
    background-color: transparent !important;
    border: none !important;
    border-radius: 0px !important;
    overflow: hidden !important;
    box-shadow: none !important;
    padding-top: 8px !important;
    height: 35px;
}

.cat-tree-arrow.new {
    background-color: transparent !important;
}
i.fas.fa-angle-down {
    color: #fff;
}
i.fas.fa-angle-up.yw,
i.fas.fa-angle-down.yw {
    color: #fdad32;
    font-size: 0.8rem;
}

.svg-inline--fa {
    /*
    color: white;
    font-size: 1.5rem;
    */
    color: #fdad32;
}

.date-start { border-right: 7px solid transparent !important; }
.date-end { border-left: 7px solid transparent !important; }
/*.b-transp { border: 1px solid transparent !important; }*/

.sub-01 {}
.sub-02 {}
.sub-03 {}
.sub-04 {
    display: flex;
    height: 40px;
    justify-content: center;
    align-items: center;
}
.sub-02, .sub-03 {
    border: none;
    height: 40px;
}
.sub-01, .sub-04 {
    width:100%;
    border: none;
}
.sub-05 input.form-control {
    width:100%;
    border: none;
    border-radius: 0;
    font-size: 0.8rem;
    color: #000 !important;
}
.sub-05 input {
    color: red !important;
    
}

.free-btn, .online-btn, .kms-btn {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    height: 40px !important;
    margin-top:0px !important;
    /*border: 2px solid #d78e06;*/
}

.kms-btn {
    border: 2px solid #d78e06;
}
.even-name-btn {
    height: 100%;
    margin-top:0px !important;
    border: 2px solid #d78e06;
    height: 40px !important;
}
.even-name-btn input {
    font-size: 0.8rem !important;
    margin-top: 4px;
}
.even-name-btn input,
input.search.form-control {
	background-color: transparent;
	border: none;
	border-radius: 0px;
}

.field-detail {
    color: #f99837 !important;
}

.field-detail.text-bg-light {
    color: #f99837 !important;
    background-color: RGBA(248,249,250,var(--bs-bg-opacity,1))!important;
}



span.litte-title {
    color: #000;
    font-size: 11px;
    font-weight: 600 !important;
    line-height: 2;
}

.cat-tree,
.cat-tree select,
#city-autoselect input {
    font-size: 0.8rem;
    border: none !important;
}

input[type="search"]::placeholder { color: #ffffff; }
input[type="text"]::placeholder { color: #fdad32; }
input[type="checkbox"]::placeholder { color: #fdad32; }


.col-1.cat-sect-input-.pt-2 label.container {
	padding-left:0px !important;
	width: 30px !important;
	height: 30px !important;
}

button.btn.search {
	background-color: #fff;
	border-radius: 0px;
	color: #fdad32;
	font-size: 0.8rem;
	font-weight: 600;
	text-transform: uppercase;
}
.btn.search-filter:hover, input.btn.search-filter:hover, select.btn.search-filter:hover,
.btn.search-filter, input.btn.search-filter, select.btn.search-filter {
	background-color: #fff;
	border-radius: 0px;
	color: #fdad32;
	font-size: 0.75rem;
	font-weight: 600;
	text-align: left;
}
select.btn.search-filter option {
	color: #333333;
}

.toggle-btn, input.inputDate {
    border:1px solid white !important;
    width: 100%;
}

.div-search-filters-grid-1 {
	display: grid;
	grid-template-columns: 28% 28% 10% 10% 24%;
}
.div-search-filters-grid-2 {
	display: grid;
	grid-template-columns: 15% 15% 15% 15% 15% 15%;
}
.div-search-filters-grid-3 {
	display: grid;
	grid-template-columns: 18% 18% 60%;
}
.div-icon-cat-grid {
	display: grid;
	grid-template-columns: 12% 12% 12% 12% 12% 12% 12% 12%;
}
.btn-icon {
	color: #000000;
	font-size: 0.7rem !important;
	font-weight: 600 !important;
}

/* SEARCH RESULTS */

#search-results {
	border: none;
}

.event-container {
    border:2px solid green;
}

.events-list-new {
/*	border: 1px solid green;*/
}

.event-single-content-new {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-betweeno;
	background-color: white;
	margin-bottom: 15px;
/*	border: 1px solid #dfddfd;*/
	border-radius: 5px;
	line-height: 1.1;
}
.rib-container {
	position: relative;
}

.new-single-event {
	display:grid; 
	grid-template-columns: 40% 60%;
}

.new-single-event-details {
	display:grid; 
	grid-template-columns: 30% 70%;
}

.event-img, 
.event-img img {
	height: 180px !important;
	object-fit: cover;
/*	border:1px solid blue;*/
}

.event-info {
	padding: 0 20px 0 20px;
	letter-spacing: -1px;
}

.event-time,
.event-time span {
	color: #000;
	font-size: 26px;
    font-weight: 600;
}

.event-date {
	color: #f99837;
	font-size: 12px;
	font-weight: 600;
    line-height: 0.5;
}

.event-cat {
	margin-top: 15px;
}

span.category-badge {
	background: none;
	font-weight: normal;
	color: #333;
	border-radius: none;
	padding: 0;
	margin-right: 0px;
	font-size: small;
}

.event-title {
	margin-top: 1px;
}

.event-title a {
	color: #333;
	font-size: 16px;
	letter-spacing: -1px;
	line-height: 1.1;
	text-transform: uppercase;
}

.event-place {
	color: #f99837;
	font-size: 12px;
}

.event-price {
	color: #000;
	font-size: 20px !important;
	letter-spacing: -1px;
}
.icon-box-online {
	display: flex;
	box-sizing: border-box;
	justify-content: flex-start;
	background-color: white;
	transition: width 200ms ease-out height 200ms ease-in;
}

span.event-weekday {
   background-color: #fff;
    padding:0px;
    border: 1px solid #fff;
    color: #f99837;
    font-size: 12px;
    font-weight: 600;

}

/* END SEARCH RESULTS */





/* TOWNS SLOGAN */

.row.div-slogan-towns {
	line-height:1.2;
    margin-top: 2.5em;
}

.slt-line-1 {
	color: #fdad32;
	font-size: 2.8rem;
	font-weight: 600;
}
.slt-line-2 {
	color: #000000;
	font-size: 1rem;
	line-height: 1.8;
}

/* CITY PHOTOS IN FRONT */

.row.gallery-towns {
    width: 90%;
    margin: auto !important;
}

.city-front {
	margin-bottom: 15px;
}
.city-image {
	overflow: hidden;
	width: 100%;
	height: 200px;
}
.city-image img {
	width: 100%;
	height: 200px;
	object-fit: cover;
}
.city-name {
	background-color: #000000;
	color: #fff;
	font-size: 1rem;
	font-weight:600;	
	opacity: 0.6;
	text-align: center;
	margin-top: -40px;
	border-radius: 0 0 0.375rem 0.375rem;
}

/* PUBLICATION STEPS */

.div-publication-steps {
	line-height:1.2;
	background-color: #f2f2f2;
}

.div-steps img {
    width: 50%;
}

a.btn-upgrade-account img {
    width: 100%;
}

/* BLOG */

.div-news {}

.blog-image {
	overflow: hidden;
	width: 100%;
	height: 300px;
}
.blog-image img {
	width: 100%;
	height: 300px;
	object-fit: cover;
}

.blog-title {
    color: #000000;
    font-size: 1.3em;
    font-weight: 600;
    line-height:1;
    text-transform: uppercase;
}
.blog-desc {
    color: #333333;
    font-size: 0.9em;
    line-height:1.1;
}
.blog-desc span {
    text-decoration: none;
}

/** Blog Extended **/
.blog-title-extended {
    color: #fdad32;
    font-size: 2em;
    font-weight: 600;
    line-height:1;
    text-transform: uppercase;
}
.blog-desc-extended {
    color: #333333;
    font-size: 1em;
    line-height:1.1;
}
.blog-desc-extended p {
}
.blog-desc-extended-1 h1, .blog-desc-extended-2 h1 {
    background: #f7f7f7;
    color: #000000;
    font-size: 1.8em;
    font-weight: 600;
    text-transform: uppercase;
    border-bottom: 5px solid white;
    padding: 10px;
}
.blog-desc-extended-3 {
    background: #f7f7f7;
    color: #000000;
}
.blog-desc-extended-3 h1 {
    font-size: 1.8em;
    font-weight: 600;
    text-transform: uppercase;
    padding: 10px;
}

.blog-desc-extended-3 p {
    margin: 0;
    padding: 5px 10px 5px 10px;
}

.blog-desc-extended-3 h2 {
    background-color: #fdad32;
    font-weight: 600;
    padding: 10px;
    text-transform: uppercase;
}
.blog-desc-extended-3 h2 a {
    color: #000000;
    text-decoration: none;
}

/* FOOTER */

section#footer.new-design {
	background-color: #fdad32 !important;
	border-width: 1px 0 0 0 !important;
	border-color: #fff !important;
}

.footer	{
	background-color: #fdad32;
	text-align: left;
	color: #ffffff;
    justify-content: unset !important;
}
.footer-logo img {
    width: 56px;
    height: auto;
}

.footer ul {
	padding: 0;
}
.footer ul li {
	list-style: none;
	line-height: 1;
}
.footer ul li a {
	font-size: 0.8em;
	text-decoration: none;
	color: #ffffff;
}
.footer ul li a:hover,
.footer a:hover {
    color: #000000 !important;
}

/************************************/
/* CITIES HOME */
/************************************/

.divtop-cities {
/*	background-image: url("../images/new_design/bg-example.jpg");*/ /* The image used */
	background-color: #f2a23f; /* Used if the image is unavailable */
	background-position: center; /* Center the image */
	background-repeat: no-repeat; /* Do not repeat the image */
	background-size: cover; /* Resize the background image to cover the entire container */
	left: 0;
	top: 0;
	width: 100%;
	height: auto;
}


/* CITIES HEADER SLOGAN */

.div-slogan-cities {
	line-height:1.2;
}
.sl-line-1-cities {
	color: #fff;
	font-size: 1.8rem;
	font-weight: 600;
}
.sl-line-1-cities h2 {
	font-size: 1.8rem !important;
	text-transform: uppercase;
	font-weight: 600;
}

.sl-line-2-cities {
	color: #fff;
	font-size: 3rem;
	font-weight: 600;
}
.sl-line-3-cities {
	color: #fff;
	font-size: 0.8rem;
}

.sl-line-1-cities p {
	font-size: 1rem;
	font-weight: 400;
}

/* NEWS */

.div-events-cities {

}

.events-cities-title {
    color: #000000;
    font-size: 1.3em;
    font-weight: 600;
    line-height:1;
}
.events-cities-desc {
    color: #333333;
    font-size: 0.8em;
    line-height:1.1;
}

.autocomplete{
	width: 100%;
	display: block;
	position:relative;

}

.autocomplete input[type="text"]{
	display: block;
	width: 100%;
}


.autocomplete .chev-down{
	position: absolute;
	top: 10px;
	left: 94%;
	font-size: 1rem;

}

/*the container must be positioned relative:*/
.autocomplete {
  position: relative;
  display: inline-block;

  z-index: 0; /* esto hace que no se vea la ciudad encima de la capa de categorias*/
}

.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 90%;
  /*left: 2%;
  right: 2%;*/
  max-height: 400px;
  overflow-y: auto;

  top: 115%;
  left: -0.1%;
}
.autocomplete-active span {
  color: #fdad32 !important;
  font-weight: 600;
}

.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff !important;
  border-bottom: 1px solid #d4d4d4;
}

/*when hovering an item:*/
.autocomplete-items div:hover {
  background-color: #e9e9e9;
}

/*when navigating through the items using the arrow keys:*/
.autocomplete-active {
  background-color: var(--primary) !important;
  color: #ffffff;
}

.navbar-brand img {
    object-fit: cover;
    height: var(--header-height);
    padding: 0px;
}
.navbar-btn {
    font-size: 3rem;
}
.navbar-btn .fa, .far, .fas {
    font-size: 1.5rem;
}
.img-top {
    width: 75%;
}
.row.div-slogan-towns {
    margin-top: 1.5em;
}
/*
.slt-line-1 {
    font-size: 1.5rem;
}
.slt-line-2 {
    font-size: 0.9rem;
    line-height: 1.3;
}
*/
.sl-line-1 {
    font-size: 1.8rem;
    letter-spacing: -1px;
    line-height: 1.1;
}
.sl-line-2 {
    color: #fff;
    font-size: 1rem;
    line-height: 1;
}
.sl-line-2 span#main-locality-name {
	font-size: 1.5rem !important;
}

.row.gallery-towns {
    margin-top: 1.3em;
}
.div-steps img {
    width: 100%;
}

.row.gallery-towns {
    width: 100%;
}

.row.gallery-towns {
   width: 98%;
   margin:auto !important;
}

.city-front {
    margin-bottom: 15px;
}
.city-image {
    overflow: hidden;
    width: 100%;
    height: 200px;
}
.city-image img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}
.city-name {
    font-size: 0.9rem;
    margin-top: -35px;
}
.row.main-search {
    border: none;
}

.sp-input-group {
    background: #ffffff;
    border: 2px solid #d78e06;
}

.yw-b {
    border: 2px solid #d78e06;
}

button.btn-black-btn,
button#search-form-btn.btn-filters-search.main.black-btn {
    background: #000 !important;
    color: #fdad32 !important;
    line-height: 1;
    height: 68px;
    width: 100%;
}
.kms-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 15px ;
    height: 100%;
}


/************************************/
/* SINGLE EVENT STYLE */
/************************************/





/************************************/
/* MOBILE STYLE */
/************************************/

@media screen and (min-width: 601px)
{
	.l-nospa {
		padding-left: 0px !important;
	}
 }

@media only screen and (max-width: 400px)
{
	.col-1.cat-sect-input-.pt-2 label.container {
		width: 30px !important;
		height: 30px !important;
	}
	.l-nospa {
		padding-left: 30px !important;
	}
      		button.btn-filters-search.main {
		color: #000000 !important;
		font-size: 0.59rem !important;
	}	
	.slt-line-1 {
		color: #fdad32;
		font-size: 1.5rem;
		font-weight: 600;
	}
	.upgrade-account img {
		width: 100%;
	}
	.blog-image {
		overflow: hidden;
		width: 100%;
		height: 200px;
	}
	.blog-image img {
		width: 100%;
		height: 200px;
		object-fit: cover;
	}
	.footer, .footer a {
		color: #000 !important;
	}

	.event-info {
		padding: 0 5px 0 5px;
	}
	.event-time {
		font-size: 16px;
	}

	.event-title a {
		font-size: 13px;
	}

	.event-date {
		font-size: 11px;
	}
	span.category-badge {
		font-size: 11px;
	}
	
	.event-img img {
		height: 180px !important;
		object-fit: cover;
		
	.event-info {
		padding: 0 10px 0 10px;
		letter-spacing: -1px;
	}
	.home-8-cat {
	    display:grid; 
	    grid-template-columns: 8% 8% 8% 8% 8% 8% 8% 8%;
	    align-items: center;
	    align-content: space-between;
	    justify-content: space-around;
	    margin-top: -20px !important;
	}

}



.selected-category:before {
    font-family: "font awesome 5 free";
    content: "\f00a";
    font-size: .6rem;
    font-weight: 900;
    margin-right: 10px;
    color: var(--main-color);
    color: red !important;
    background-color: white
}

.selected-category {
    width: 100%;
    color: var(--sidebar-text-color);
    color: red !important;
    padding: 10px;
    margin-right: 0.5rem;
    border-radius: 6px
}