/* PADRÕES */
.zoom { display: block; position: relative; }
.zoom:after { content:''; display:block; width:33px; height:33px; position:absolute; top:0; right:0; }
.zoom img { display: block; }
.zoom img::selection { background-color: transparent; }
#ex2 img:hover { cursor: url(grab.cur), default; }
#ex2 img:active { cursor: url(grabbed.cur), default; }

.img-secondary { display: none; }
.show-img:hover .img-primary { display: none; }
.show-img:hover .img-secondary { display: block; }

.table-hover tbody tr:hover td, .table-hover tbody tr:hover th { background-color: #333333; }
.uk-progress::-moz-progress-bar { background-color: #21BEB3!important; }

.discount {
    align-self: center;
    right: 5px;
    top: 5px;
    position: absolute;
    padding: 2px;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: bold;
    font-size: medium;
    background-color: white;
}

.favorite {
    align-self: center;
    left: 0px;
    top: 0px;
    position: absolute;
    padding: 2px;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: bold;
    font-size: medium;
    background-color: white;
}

.badge {
    font-weight: normal!important;
    text-transform: uppercase;    
}

.icon-default {
    font-size: 24px;
}

input[type="date"]:before {
    content: attr(placeholder) !important;
    color: #aaa;
    margin-right: 0.5em;
}

input[type="date"]:focus:before,
input[type="date"]:valid:before {
    content: "";
}

ul.timeline {
    list-style-type: none;
    margin: 0px;
    position: relative;
}

ul.timeline:before {
    content: ' ';
    background: #d4d9df;
    display: inline-block;
    position: absolute;
    left: 29px;
    width: 2px;
    height: 100%;
    z-index: 400;
}

ul.timeline.active:before {    
    background: #22c0e8;    
}

ul.timeline > li {
    padding-bottom: 10px;
    padding-left: 20px;
}

ul.timeline > li:before {
    content: ' ';
    background: white;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #22c0e8;
    left: 20px;
    width: 20px;
    height: 20px;
    z-index: 400;
}

ul.timeline.active > li:before {        
    border: 10px solid #22c0e8;
}

ul.timeline.inactive > li:before {
    border: 3px solid #d4d9df;
}

a.disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

input[type="date"]::-webkit-input-placeholder {
    visibility: hidden !important;
}

/* Page Loader ================================= */
.page-loader-wrapper {
	z-index: 99999999;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: #eee;
    opacity: 0.35;
	overflow: hidden;
	text-align: center;
}

	.page-loader-wrapper p {
		font-size: 13px;
		margin-top: 10px;
		font-weight: bold;
		color: #444;
	}

	.page-loader-wrapper .loader {
		position: relative;
		top: calc(50% - 30px);
	}

/********** AVALIAÇÕES **********/
.vote label { cursor: pointer; }
.vote label input { display: none; }
.rating .fas.fa-star.active { color:#FFD300; }
.rating .far.fa-star.active { color:#FFD300; }
.rating .fas.fa-star { color: gray; }

.rating-list .rating-bar .rating-percent {
    height: 100%;
    background-color: var(--primary);
    border-radius: .3rem;
}

.rating-list .rating-bar {
    display: inline-block;
    vertical-align: middle;
    height: 14px;
    width: 45%;
    margin: 0 1rem;
    background-color: #f8f8f8;
    border-radius: .3rem;
}

/********** CARRINHO LIVE **********/
.pinkBg {    
    background-image: linear-gradient(90deg, #fd5581, #fd8b55);
}

.intro-banner-vdo-play-mobile-btn {
    height: 20px;
    width: 20px;
    position: fixed;
    right: 20px;
    top: 20px;
    text-align: center;
    border-radius: 100px;
    z-index: 1
}

.intro-banner-vdo-play-desktop-btn {
    height: 20px;
    width: 20px;
    position: absolute;
    left: 25px;
    top: 25px;
    text-align: center;
    border-radius: 100px;
    z-index: 1
}

    .intro-banner-vdo-play-btn i {
        line-height: 56px;
        font-size: 30px
    }

    .intro-banner-vdo-play-btn .ripple {
        position: absolute;
        width: 80px;
        height: 80px;
        z-index: -1;
        left: 50%;
        top: 50%;
        opacity: 0;
        margin: -40px 0 0 -40px;
        border-radius: 100px;
        -webkit-animation: ripple 1.8s infinite;
        animation: ripple 1.8s infinite
    }

    .intro-banner-vdo-play-btn .ripple-live {                
        text-align: center;        
        margin: 23px 0 0 -18px;
        color: white;
    }

@-webkit-keyframes ripple {
    0% {
        opacity: 1;
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes ripple {
    0% {
        opacity: 1;
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.intro-banner-vdo-play-btn .ripple:nth-child(2) {
    animation-delay: .3s;
    -webkit-animation-delay: .3s
}

.intro-banner-vdo-play-btn .ripple:nth-child(3) {
    animation-delay: .6s;
    -webkit-animation-delay: .6s
}