.color-marca {color: hsl(76, 94%, 45%) !important;}

            .bg-color-marca {background: linear-gradient(100deg, hsl(76, 94%, 45%) 35%, hsl(76, 94%, 39%)) !important;}

            .hover-color-marca:hover {
                background-color: hsl(76, 94%, 45%) !important;
                color: white !important;
                border: solid 1px hsl(76, 94%, 45%) !important;
            }

            .hover-color-marca.selected {
                background-color: hsl(76, 94%, 45%) !important;
                color: white !important;
            } 
            
            .color-video {color: hsl(240, 33%, 54%) !important;}

            .bg-color-video {background: linear-gradient(100deg, hsl(240, 33%, 54%) 35%, hsl(240, 33%, 48%)) !important;}

            .hover-color-video:hover {
                background-color: hsl(240, 33%, 54%) !important;
                color: white !important;
                border: solid 1px hsl(240, 33%, 54%) !important;
            }

            .hover-color-video.selected {
                background-color: hsl(240, 33%, 54%) !important;
                color: white !important;
            } 
            
            .color-imagen {color: hsl(208, 37%, 40%) !important;}

            .bg-color-imagen {background: linear-gradient(100deg, hsl(208, 37%, 40%) 35%, hsl(208, 37%, 34%)) !important;}

            .hover-color-imagen:hover {
                background-color: hsl(208, 37%, 40%) !important;
                color: white !important;
                border: solid 1px hsl(208, 37%, 40%) !important;
            }

            .hover-color-imagen.selected {
                background-color: hsl(208, 37%, 40%) !important;
                color: white !important;
            } 
            
            .color-archivo {color: hsl(351, 69%, 49%) !important;}

            .bg-color-archivo {background: linear-gradient(100deg, hsl(351, 69%, 49%) 35%, hsl(351, 69%, 43%)) !important;}

            .hover-color-archivo:hover {
                background-color: hsl(351, 69%, 49%) !important;
                color: white !important;
                border: solid 1px hsl(351, 69%, 49%) !important;
            }

            .hover-color-archivo.selected {
                background-color: hsl(351, 69%, 49%) !important;
                color: white !important;
            } 
            
            .color-proveedor {color: hsl(196, 28%, 38%) !important;}

            .bg-color-proveedor {background: linear-gradient(100deg, hsl(196, 28%, 38%) 35%, hsl(196, 28%, 32%)) !important;}

            .hover-color-proveedor:hover {
                background-color: hsl(196, 28%, 38%) !important;
                color: white !important;
                border: solid 1px hsl(196, 28%, 38%) !important;
            }

            .hover-color-proveedor.selected {
                background-color: hsl(196, 28%, 38%) !important;
                color: white !important;
            } 
            
            .color-link {color: hsl(169, 10%, 34%) !important;}

            .bg-color-link {background: linear-gradient(100deg, hsl(169, 10%, 34%) 35%, hsl(169, 10%, 28%)) !important;}

            .hover-color-link:hover {
                background-color: hsl(169, 10%, 34%) !important;
                color: white !important;
                border: solid 1px hsl(169, 10%, 34%) !important;
            }

            .hover-color-link.selected {
                background-color: hsl(169, 10%, 34%) !important;
                color: white !important;
            }