.clearfix:after 
{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix 
{
	display: block;
}
html[xmlns] .clearfix 
{
	display: block;
}
* html .clearfix 
{
	height: 1%;
}
.ldc-ul_cont
{
	position:relative;
	background-color: #E0E0E0;
	background-image: linear-gradient(to bottom, #FAFAFA 0px, #DCDCDC 100%); 
 	border-color: #CCCCCC #CCCCCC #AAAAAA;
 	box-shadow: 0 0 1px #FFFFFF inset; 
 	text-shadow: 0 1px 0 #FFFFFF; 
 	border-radius: 2px 2px 2px 2px; 
 	border-style: solid; 
 	border-width: 2px; 
 	cursor: pointer; 
 	font-size: 13px; 
 	font-weight: bold; 
 	height: 2.0em; 
 	margin-bottom: 15px; 
 	outline: 0 none; 
 	padding: 0 0.91em; 
 	position: relative; 
 	vertical-align: middle; 
 	white-space: nowrap; 
 	word-wrap: normal; 
 	float:left; 
 } 
.ldc-ul_cont img{
	background: none repeat scroll 0 0 transparent;
    box-shadow: none;
    margin: 0 3px;
    position: relative;
    top: 3px;
}
    .like-dislike-row {
        position: relative;
        display: flex;
        justify-content: center;
        padding: 10px 0;
        margin-bottom: 15px;
        display: flex;
        gap: 8px;
        justify-content: center;
        border-top:1px solid #ececec; 
        border-bottom: 1px solid #ececec;
    }

    .like-dislike-action {
        display: -ms-flexbox;
        display: flex;
        margin: 0 0 0 -6px;
        gap: 15px;
    }

    .like-dislike-subbutton {
        display: inline-block;
        background: transparent;
        border: 1px solid #016fba;
        box-shadow: none;
        padding: 6px 10px;
        border-radius: 8px;
        font-size: 18px;
        color: #999;
        cursor: pointer;
    }
    .like-dislike-subbutton.active{
        background-color: #016fba;
    }
    .like-dislike-subbutton:hover{
        background-color: #016fba;
        color: white;
        /* filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(300%) !important; */

    }
    
 
    .like-dislike-thumbsup {
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%23016fba" class="bi bi-hand-thumbs-up-fill" viewBox="0 0 16 16"><path d="M6.956 1.745C7.021.81 7.908.087 8.864.325l.261.066c.463.116.874.456 1.012.965.22.816.533 2.511.062 4.51a10 10 0 0 1 .443-.051c.713-.065 1.669-.072 2.516.21.518.173.994.681 1.2 1.273.184.532.16 1.162-.234 1.733q.086.18.138.363c.077.27.113.567.113.856s-.036.586-.113.856c-.039.135-.09.273-.16.404.169.387.107.819-.003 1.148a3.2 3.2 0 0 1-.488.901c.054.152.076.312.076.465 0 .305-.089.625-.253.912C13.1 15.522 12.437 16 11.5 16H8c-.605 0-1.07-.081-1.466-.218a4.8 4.8 0 0 1-.97-.484l-.048-.03c-.504-.307-.999-.609-2.068-.722C2.682 14.464 2 13.846 2 13V9c0-.85.685-1.432 1.357-1.615.849-.232 1.574-.787 2.132-1.41.56-.627.914-1.28 1.039-1.639.199-.575.356-1.539.428-2.59z"/></svg>');
        margin-right: 2px;
        width: 26px;
        height: 26px;
        vertical-align: top;
        display: inline-block;
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 100%;
    }
    .like-dislike-subbutton:hover .like-dislike-thumbsup{
        filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(300%) !important;
    }
    .like-dislike-subbutton.active .like-dislike-thumbsup{
        filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(300%) !important;
    }
    .like-dislike-subbutton.active span{
        color: white;        
    }
    .like-dislike-thumbsdown {
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%23016fba" class="bi bi-hand-thumbs-down-fill" viewBox="0 0 16 16"><path d="M6.956 14.534c.065.936.952 1.659 1.908 1.42l.261-.065a1.38 1.38 0 0 0 1.012-.965c.22-.816.533-2.512.062-4.51q.205.03.443.051c.713.065 1.669.071 2.516-.211.518-.173.994-.68 1.2-1.272a1.9 1.9 0 0 0-.234-1.734c.058-.118.103-.242.138-.362.077-.27.113-.568.113-.856 0-.29-.036-.586-.113-.857a2 2 0 0 0-.16-.403c.169-.387.107-.82-.003-1.149a3.2 3.2 0 0 0-.488-.9c.054-.153.076-.313.076-.465a1.86 1.86 0 0 0-.253-.912C13.1.757 12.437.28 11.5.28H8c-.605 0-1.07.08-1.466.217a4.8 4.8 0 0 0-.97.485l-.048.029c-.504.308-.999.61-2.068.723C2.682 1.815 2 2.434 2 3.279v4c0 .851.685 1.433 1.357 1.616.849.232 1.574.787 2.132 1.41.56.626.914 1.28 1.039 1.638.199.575.356 1.54.428 2.591"/></svg>');
        margin-right: 2px;
        width: 26px;
        height: 26px;
        vertical-align: top;
        display: inline-block;
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 100%;
    }
    .like-dislike-subbutton:hover .like-dislike-thumbsdown{
        filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(300%) !important;
    }
    .like-dislike-subbutton.active .like-dislike-thumbsdown{
        filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(300%) !important;
    }
    .total-like-dislike{
        font-size: 16px;
        top: 4px;
        position: relative;
        color: #016fba;
    }
    .like-dislike-subbutton:hover .total-like-dislike{
        color: white;
    }