/*.container{
	padding: 20px;
 }
 h1{
	font-size: 23px;
    color: #666;
 }*/
 .content{
	width: 100%;
	float: left;
    margin-top: 20px;
 }
 
/* Star Rating */
.myrating {
    float: left;
    height: 46px;
    text-align: left;
}
.myrating:not(:checked) > input {
    position:absolute;
    /*top:-9999px;*/
	display: none;
}
.myrating:not(:checked) > label {
    float:right;
    width:1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:40px;
    color:#ccc;
}
.myrating:not(:checked) > label:before {
    /*content: 'â˜… ';*/
	content: "\2605";
}
.myrating > input:checked ~ label, .myrating input[checked="checked"] ~ label {
    color: #ffc700;    
}
.myrating:not(:checked) > label:hover,
.myrating:not(:checked) > label:hover ~ label {
    color: #deb217;  
}
.myrating > input:checked + label:hover,
.myrating > input:checked + label:hover ~ label,
.myrating > input:checked ~ label:hover,
.myrating > input:checked ~ label:hover ~ label,
.myrating > label:hover ~ input:checked ~ label {
    color: #c59b08;
}

.overall-rating{
	width: 100%;
	float: left;
	font-size: 14px;
	margin-top: 5px;
	color: #8e8d8d;
}

.statusMsg{
	font-size: 16px;
	padding: 10px !important;
	border: 1.5px dashed;
}
.statusMsg.errordiv{
	color: #ff4040;
}
.statusMsg.succdiv{
	color: #00bf6f;
}

.lmtooltip {
    display:inline-block;
    position:relative;
    text-align:left;
}

.lmtooltip .lmright {
    min-width:400px; 
    max-width:600;
    top:50%;
    left:100%;
    margin-left:20px;
    transform:translate(0, -50%);
    padding:10px 20px;
    color:#FFFFFF;
    background-color:#333333;
    font-weight:normal;
    font-size:13px;
    border-radius:8px;
    position:absolute;
    z-index:99999999;
    box-sizing:border-box;
    visibility:hidden; opacity:0; transition:opacity 0.8s;
}

.lmtooltip:hover .lmright {
    visibility:visible; opacity:1;
}

.lmtooltip .lmright i {
    position:absolute;
    top:50%;
    right:100%;
    margin-top:-8px;
    width:8px;
    height:16px;
    overflow:hidden;
}

.lmtooltip .lmright i::after {
    content:"";
    position:absolute;
    width:8px;
    height:8px;
    left:0;
    top:50%;
    transform:translate(50%,-50%) rotate(-45deg);
    background-color:#333333;
}

@keyframes lm-sale-image-swing {
    0% {
        transform: rotate(3deg)
    }

    50% {
        transform: rotate(-3deg)
    }

    100% {
        transform: rotate(3deg)
    }
}

.lm-sale-image {
    position: absolute;
    top: -5px;
    right: 0px;
    width: 115px;
    height: 115px;
    z-index: 1;
    cursor: pointer;
    animation: lm-sale-image-swing 2s ease-in-out forwards infinite;
    transform-origin: 50% 0;
    transition: top 150ms ease-in-out, opacity 150ms ease-in-out
}