#recurrence-area .recurrence-timeline { height: 5px; margin: 25px auto 10px; position: relative; width: 95%;}
#recurrence-area .recurrence-timeline-line { display: flex; justify-content: space-between; list-style: none; position: relative; z-index: 1; }
#recurrence-area .recurrence-timeline-dots { border-radius: 50%; height: 15px; margin-top: -5px; width: 15px; }
#recurrence-area li.recurrence-timeline-dots.last-dot { background: #cecece; }
#recurrence-area .recurrence-timeline-info-container { display: flex; justify-content: space-between; list-style: none; }
#recurrence-area .recurrence-timeline-info { display: table; text-align: center; white-space: nowrap; width: 60px; }
#recurrence-area .recurrence-timeline-line:after { border-top: 5px dotted #cecece; content: ""; position: absolute; right: -25px; width: 30px; z-index: -1; }
#recurrence-area .status-recurrence span { background-color: #28a745; color: white; font-weight: 600; margin-left: 5px; padding: 2px 11px; vertical-align: sub; }
#recurrence-area .status-recurrence span.inactive { background-color: #dc3545; }
#recurrence-area li.recurrence-timeline-dots-x i { background: #dc3545; border-radius: 50%; color: white; height: 15px; position: absolute;; text-align: center; top: -5px; width: 15px; }
#recurrence-area li.recurrence-timeline-info.canceled { color: #dc3545; }
#recurrence-area .row.recurrence-item { margin: 0; }
table#recurrence-table thead{ display: none; }
div#recurrence-table_length { text-align: right; }
.dataTables_paginate { float: right; padding-top: 0.25em; text-align: right; }
#recurrence-area .recurrence-product-image{margin: 0 auto}
.dataTables_paginate .paginate_button { border: 1px solid #f2f2f2; }
.dataTables_wrapper table#recurrence-table { margin-bottom: 15px; }
#recurrence-area .block-prazo{ display: block; float: left;text-align: initial; width: 100%;}
#recurrence-area .block-prazo .subtitle{ color: #666; font-weight: 600; }
#recurrence-area .block-prazo span { color: grey; font-size: var(--size-12); margin-bottom: 0; }
.recurrence-item .product-item button { border-radius: 0; }


/* GRID */
/* =================================================== */
.area-recurrence { display: block; float: left; margin-top: 10px; width: 100%; }
.area-recurrence .label-discount, .area-recurrence .label-discount .label-discount,.area-recurrence .price-recurrence { display: block; float: left; width: 100%; }
.area-recurrence .price-recurrence {margin-top: 5px;}
.area-recurrence span { font-size: var(--size-14); font-weight: 800; }
.area-recurrence span i { margin-right: 4px;}
/* FIM GRID */
/* =================================================== */

/* PRODUTO */
/* =================================================== */
.product-view .area-recurrence {margin: 5px 0 0px;}
.product-view .product-shop .area-recurrence .price-recurrence {margin: 0;}
.product-view .area-recurrence .price-recurrence .price { display: table; float: left; font-size: var(--size-25); font-weight: 600; line-height: 1; margin-right: 3px;width: auto;}
.product-view .area-recurrence .price-recurrence .block-price-and-discount { display: block; float: left;width: 100%;}
.product-view .area-recurrence .text {display: block;float: left;line-height: 1;width: 100%;}
.product-view .area-recurrence .link-recurrence {display: block;float: left;margin-top: 5px;width: 100%;}
.product-view .area-recurrence .price-recurrence .block-price-and-discount .discount { font-weight: 600; margin-left: 5px;padding: 2px 5px; vertical-align: sub;}
.product-view .area-recurrence .link-recurrence a { font-weight: 600;text-decoration: underline;}
.product-view .area-recurrence .text span {font-size: var(--size-12);}

/* BOTAO RECORRENCIA */
.product-view .area-btn-recurrence { margin: 15px 0px;width: 100%;}
.product-view.three_columns .area-btn-recurrence{ margin: 10px 0px 0px; }
.product-view .area-btn-recurrence select {border: 1px solid #e7e7e7;border-radius: 0;box-shadow: 0px 1px 2px 0px #e7e7e7;-moz-box-shadow: 0px 1px 2px 0px #e7e7e7;cursor: pointer;transition: all 0.3s;}
.product-view .area-btn-recurrence .btn-recurrence-product {border: 1px;border-radius: 0;font-weight: 600;height: 40px;line-height: 40px;padding: 0px;width: 100%;}
.product-view .area-btn-recurrence .btn-recurrence-product span {font-size: var(--size-16);}
.product-view .area-btn-recurrence .btn-recurrence-product:after { display: none; }
.product-view .area-btn-recurrence .btn-recurrence-product i { margin-left: 5px; transition: all 0.3s; }
.product-view .area-btn-recurrence.show .btn-recurrence-product i { transform: rotate(180deg); }
.product-view .area-btn-recurrence .dropdown-menu.show {border: 1px solid;border-radius: 0;float: left;margin-top: 0px;max-height: 152px;overflow: auto;padding: 0;right: 0;}
.product-view .area-btn-recurrence .dropdown-menu.show a:active { background-color: #fff; }
.product-view .area-btn-recurrence .dropdown-menu.show a {border:1px solid;border-bottom:0;border-left: 0;font-size: var(--size-14);}
.product-view .area-btn-recurrence .dropdown-menu.show::-webkit-scrollbar {width:4px; }
.product-view .area-btn-recurrence .dropdown-menu.show::-webkit-scrollbar-track { background-color: #f7f7f7; }
/* FIM BOTAO RECORRENCIA */

@media screen and (max-width:1199px){
    .block-recurrence { flex: 0 0 100%; max-width: 100%; }
    .three_columns .block-recurrence { max-width: 50%; }
}
@media screen and (max-width:767px){
    .block-recurrence { flex: 0 0 50%; max-width: 50%; }
}
@media screen and (max-width:575px){
    .product-view .area-recurrence .price-recurrence .price { display: inline-block; float: unset; }
    .product-view .area-recurrence .price-recurrence .block-price-and-discount .discount { vertical-align: text-bottom; }
    .block-recurrence { flex: 0 0 100%; max-width: 100%; }
    .three_columns .block-recurrence { max-width: 100%; }
    .product-view.three_columns .area-btn-recurrence{ max-width: 100%; }

    #recurrence-area .recurrence-timeline-info { display: block; float: left; margin-bottom: 10px; white-space: unset; width: 100%; }
    #recurrence-area .recurrence-timeline-info-container { display: block; float: left; width: 100%; }
    div#recurrence-table_length label { display: none; }
    #recurrence-area .block-prazo { text-align: center; }
}
@media screen and (max-width:380px){
  .product-view .area-recurrence .price-recurrence .block-price-and-discount .discount { display: inline; float: unset; width: auto; }
}
/* FIM PRODUTO */
/* =================================================== */

/* CARRINHO */
/* =================================================== */
#content-cart .link-create-recurrence  {font-weight: 600;}
#content-cart .recurrence-discount { font-weight: 600; margin-left: 5px;padding: 2px 5px;}
#content-cart .row.vendor-list {border-bottom: 1px solid #e0e0e0; margin-bottom: 4px; padding-bottom: 5px;}
#content-cart .product-cart-info .input-group select {border: 1px solid #e9e9e9;max-width: 230px;}
/* FIM CARRINHO */
/* =================================================== */