.main-container .listing{ width: 100%;}
.main-container .listing h2,
.main-container .start h2 {
    margin-top: 30px;
    color:var(--thumbBG);
    font-size: 1.8rem;
}

.main-container .listing ul {
    margin-top: 30px;
}

.main-container .listing.submenu ul {
    margin-top: 20px;
}

.main-container .listing ul li{
    margin: 0 0px;
    padding: 0px;
    height: 136px;
    display: flex;
    justify-content: flex-start;
    margin-bottom: 25px;
}


.main-container .listing ul li .report_product_list_box{
    width: calc(100% - 169px);
    border-top-right-radius: 0.6rem;
    border-bottom-right-radius: 0.6rem;
    background-color: #fff;
    padding: 28px 0 0 36px;
    color: #888f98;
}

.main-container .listing ul li .report_product_list_box p{
    margin-bottom: 2px;
}
.main-container .listing ul li .report_product_list_box p.title{
    color: var(--color-product-bg) ;
    font-weight: 700;
    margin-bottom: 9px;
    margin-top: 7px;
}

.main-container .listing ul li .report_product_list_box p.title.result{
    margin-bottom: 0px;
    margin-top:0px;
    font-size: 1.1em;
}

.main-container .listing ul li .report_product_list_box p.info{
    margin-top: 10px;
}

.main-container .listing ul li .report_product_list_bg{
    width: 169px;
    background-color: var(--color-product-bg);
/*    background-image: url(../img/bg_reports.jpg);*/
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    border-top-left-radius: 0.6rem;
    border-bottom-left-radius: 0.6rem;
}

.main-container .listing article ul li{
    margin: 0 0px;
    padding: 0px;
    height: auto;
    display: block;
    justify-content: normal;
    margin-bottom: auto;
}

/*------- hangout -------*/

.main-container .listing ul li.hangout .report_product_list_box{
    width: calc(100% - 99px);
    padding: 28px 0 0 0px;
}

.main-container .listing ul li.hangout .report_product_list_bg{
    width: 99px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
}
.main-container .listing ul li.hangout .report_product_list_bg i.fa-file-excel{
    color: var(--thumbBG);
}

.main-container .listing ul li.hangout .report_product_list_bg .rounded-circle{
    width: 62px;
    height: 62px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.main-container .listing ul li.hangout .report_product_list_bg i{
    font-size: 2em;
}


/*------- videos -------*/

.main-container .listing ul li.videos{
    margin: 0 0 20px 0px;
    justify-content: initial;
    display: initial;
    height: auto;
    padding: 0 15px;
}

.main-container .listing ul li.videos .report_product_list_box{
    width: 100%;
    padding: 5px 23px 0 23px;
    border-top-left-radius: 0rem;
    border-top-right-radius: 0rem;
    border-bottom-left-radius: 0.6rem;
    border-bottom-right-radius: 0.6rem;
    height: 115px /*201px;*/
}
.main-container .listing ul li.videos .report_product_list_box .date{
    margin: 5px 0 0 0;
}
.main-container .listing ul li.videos .report_product_list_bg{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #555555;
    border-top-left-radius: 0.6rem;
    border-top-right-radius: 0.6rem;
    border-bottom-left-radius: 0rem;
    height: 181px;
    background-size: 100%; /* 135% 135%; */
    background-position: center center;
    position: relative;
}
.main-container .listing ul li.videos .report_product_list_bg .rounded-circle{
    width: 62px;
    height: 62px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
}
.main-container .listing ul li.videos .report_product_list_bg .rounded-circle a i{
    color: #ffffff !important;
}
.main-container .listing ul li.videos .report_product_list_bg .rounded-circle a:hover i{
    color: #ffffff !important;
}
.main-container .listing ul li.videos .report_product_list_bg .bg{
    width: 100%;
    position: absolute;
    z-index: 0;
    height: 100%;
    background-color: black;
    opacity: 0.3;
    border-top-left-radius: 0.6rem;
    border-top-right-radius: 0.6rem;
}
.main-container .listing ul li.videos .report_product_list_bg i{
    font-size: 2.5em;
}

/*---- planilha interna -----*/

.main-container .listing ul li.plaint{
    padding: 0px 15px;
}

.main-container .listing ul li.hangout.plaint .report_product_list_box{
    display: flex;
    align-items: center;
    padding-top: 0;
    flex-wrap: wrap;
    align-content: center;
}


.main-container .listing ul li.padrao{
    padding: 0 15px;
}

.main-container .products_list li.planilhas,
.main-container .products_list li.col-12.col-lg-12.planilhas {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: -15px;
}

.main-container .products_list li.planilhas a{
    font-weight: 600;
}

.main-container .products_list li.planilhas i.fa-file-excel{
    margin-right: 10px;
    color: #00afaa;
    font-size: 1.3em;
}

/*----- pagination -----*/

.main-container .listing .pagination ul,
.main-container .listing .pagination,
.main-container .pagination ul,
.main-container .pagination {
    width: 50%;
    margin: 65px auto 0 auto;
    display: flex;
    justify-content: center;
    /*background-color: #fff;*/
}

.main-container .listing .pagination ul li,
.main-container .pagination ul li{
    font-size: 1em;
    height: auto;
    
    margin: 0 0px;
    padding: 0px;
    display: flex;
    justify-content: flex-start;
    margin-bottom: 25px;
}

.main-container .listing .pagination ul li.arrow a,
.main-container .pagination ul li.arrow a{
    font-size: 1.5em;
    color: #fff;
    position: relative;
    line-height: 17px;
    /*top: -5px;*/
}

.main-container .listing .pagination a.next,
.main-container .listing .pagination a.prev,
.main-container .pagination a.next,
.main-container .pagination a.prev{
    font-size: 1.5em;
    color: #fff;
    position: relative;
    line-height: 17px;
}

.main-container .listing .pagination ul li a,
.main-container .pagination ul li a{
    color: #888f98;
    padding: 22px 25px;
    border-radius: 7px;
    text-decoration: none;
}

.main-container .listing .pagination ul li a:hover,
.main-container .pagination ul li a:hover{
    color: #fff;
    background-color: var(--color-primary);
}

.main-container .listing .pagination span,
.main-container .pagination span{
    display: block;
    background-color: var(--color-primary);
    color: #fff;
}

.main-container .listing .pagination a,
.main-container .pagination a{
    color: #888f98;
}

.main-container .listing .pagination a,
.main-container .listing .pagination span,
.main-container .pagination a,
.main-container .pagination span{
    padding: 22px 25px;
    border-radius: 7px;
    text-decoration: none;
    font-size: 1em;
    height: auto;
}

.main-container .listing .pagination a:hover,
.main-container .pagination a:hover{
    color: #fff;
    background-color: var(--color-primary);
}


.main-container ul.accordion .card-header{
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color:initial;
    border-bottom: none;
}

.main-container ul.accordion h2 .btn{
    padding: .375rem .75rem 0 0;
    font-size: 1.4rem;
    font-weight: bold;
    color: #000000;
}

  /* closed state */
  .main-container ul.accordion h2 .btn::after,  
  .main-container ul.accordion h2 .btn[aria-expanded="false"]::after{
    content: "\f0da";
    font-family: "Font Awesome 5 Free";
    display: inline;
    text-align: right;
    padding-left: 5px;
    font-weight: 900;
    color: #00afaa;
    text-decoration: none;
    float: right;
    margin-right: 0px;
    font-size: 1.2em;
  }
  
  .main-container ul.accordion h2 .btn[aria-expanded="true"]::after {
    content: "\f0d7";
    font-family: "Font Awesome 5 Free";
    display: inline;
    text-align: right;
    padding-left: 5px;
    font-weight: 900;
    color: #00afaa;
    text-decoration: none;
    float: right;
    margin-right: 0px;
    font-size: 1.2em;
  }