/****************** movie ***************************/

.date-cat-info{display: flex; justify-content: center; border-radius: 6px; padding: 5px; border: 1px solid #e2e2e2; margin: 15px auto 0px; width: fit-content; background-color: #e2e2e2; border: 1px solid #447cad;}

#main-movie-title-w{ margin: 0px 0px 10px 0px;}
#main-movie-title-w .col-xs-11{ padding-left: 0px;}
#main-movie-title-w .main-movie-title{ font-size: 22px; }
#main-movie-title-w .movie-year{ font-size: 16px; color: #999; margin-left: 2px; margin-right: 2px;}
#main-movie-title-w #share-fa-m i{color: #777; font-size: 16px;}

#main-movie-title{ margin: 5px 0px 15px 0px; font-size: 20px;}
#main-movie-title a{ font-size: 20px; color: #333;}
#main-movie-title span{ font-size: 16px; color: #999;}

#main-poster img{border: 0; box-shadow: 1px 2px 5px rgba(0,0,0,0.5); width: 100%; height: auto; max-width: 300px; border-radius: 5px;}

#main-poster.no-video img{ border-radius: 5px;}

.duration-wrapper{ margin-top: 10px; text-align: center;}

.item-prov-wrapper{display: flex;}

.pswp__caption a{ color: #fff;}

.play-trailer{ box-shadow: 1px 2px 5px rgba(0,0,0,0.5); max-width: 300px; text-align: center; width: 100%; display: inline-block; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
.play-trailer div{ color: #337ab7; border: 0; border-top-left-radius: 0px; border-top-right-radius: 0px;  background: #fff; padding: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}

.mt-actions{ margin-top: 10px;}
.mt-actions .add-to-list small i{ border: 1px solid #e2e2e2; background: #fff; color: #333;}
.mt-actions .add-review-btn small i{ color: #333333; margin-right: 5px;}
.mt-actions a{ font-size: 14px; color: #FFF;}
.a-l-nl{ margin-top: 10px; max-width: 300px;}
.a-l-nl .btn{ color: #333333;}
.a-l-nl .btn small{ font-size: 14px; }
.a-l-nl .btn i{ margin-right: 5px; }


.add-review-wrapper{ background-color: #FDCC1A; border: 1px solid #e2e2e2; border-radius: 4px;}
.add-review-wrapper .add-review-btn{ color: #333; display: flex; align-items: center; justify-content: center; width: 100%;}
.add-review-wrapper .add-review-btn .tooltip-new{ background: unset; background-color: unset; background-color: #fff; color: #333; border: 1px solid #d6a801; text-shadow: unset; padding: 3px; margin-left: 5px; line-height: 11px; display: block; font-size: 11px;}
.add-to-list{ border: 1px solid #e2e2e2; background: #fff; color: #333;}
.add-to-list, .add-to-list a{ color: #333;}

.evideos-wrapper .panel-body{ padding: 0px;}
.evideos-wrapper h6{ padding: 10px; margin: 0px;}
.evideos-wrapper .panel-body .mt-15.pull-right.font-sm{ padding: 0px 10px 10px 10px;}

.mt{-webkit-transition: all 0.30s ease-out; -moz-transition: all 0.30s ease-out; -ms-transition: all 0.30s ease-out; -o-transition: all 0.30s ease-out; outline: none;}
.mt .jw-scroller{ width: 100%; overflow: scroll; height: 40px;}
.mt .jw-scroller .fa-scroller{ width: max-content}
.mt .jw-scroller .fa-scroller a{ display: inline-block; white-space: nowrap; color: #999999; margin-right: 5px;}
.mt .jw-scroller .fa-scroller a:after{ color: #666666; content: "|";}
.mt .alert-dismissible{ padding-top: 5px; padding-bottom: 5px; margin-right: -15px; margin-left: -15px; margin-top: -15px; border-radius: 0;}
.hl-b{ box-shadow: inset 0px 0px 3px 3px #1E90FF; }
.hl-b-i{ box-shadow: inset 0px 0px 3px 3px #1E90FF;}

#stars-movie{ margin: 10px 0px 20px 0px;}
.wr-desc{ margin-left: 5px; }
.wr-desc-sh{ margin-left: 5px; vertical-align: baseline;}
.tx-rat{ color: #888; font-size: 16px;}

.rat-chart-wrapper{width: 100%; margin-top: 10px; max-width: 200px;}
.rat-chart-wrapper .rat-chart{ border: 1px solid rgb(205, 220, 235); max-height: 130px; height: 130px; padding-right: 10px;}


.r-share{ color: #A2A2A2; padding: 3px; border: 1px solid #e2e2e2; text-align: center; background: #f6f6f6; width: 60px; height: 20px; font-size: 14px; border-radius: 10px; display: inline-block; line-height: 14px;}
.r-share > i{ font-size: 14px !important;}
.r-share:hover{ background: #A6A6A6; color: #FFF}
.r-share:hover i{ color: #FFF}

.lnk-style{ display: inline-block; margin: 2px 0px; white-space: nowrap; padding: 3px; border: 1px solid #f2f2f2; border-radius: 3px;}

dl{ margin-bottom: 0px;}

dt{ margin-top: 10px;}
dd .list-group-item { padding: 5px 8px; display: flex; align-items: center;}
dd .g-t-item{ display: inline-block; margin: 4px 2px; padding: 3px 5px; border: 1px solid #e2e2e2; border-radius: 6px; white-space: nowrap; }
dd .g-t-item:hover{ background: #337ab7; color: #FFF !important;}

dd #see-full-cast{ color: #333;}
dd #see-full-cast i{ color: #337ab7}
#see-full-info{ color: #337ab7}
#see-full-categories{ color: #337ab7}

.m-in-w dd a{ display: block; color: #337ab7; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%;}
.m-in-w .card-genres a{ display: inline-block; width: auto;}
.m-in-w .f-dc .list-group-item, .m-in-w .f-cs .list-group-item{ padding: 0px;}
.m-in-w .f-dc .list-group-item a, .m-in-w .f-cs .list-group-item a{ display: block; padding: 5px 8px; width: 100%;}
.m-in-w .f-dc .list-group-item a img, .m-in-w .f-cs .list-group-item a img{ border-radius: 5px; box-shadow: 1px 2px 5px rgba(0,0,0,0.5); width: auto; height: 80px; margin-right: 15px;}
.m-in-w .f-dc .list-group-item a .no-picture.no-picture-200, .m-in-w .f-cs .list-group-item a .no-picture.no-picture-200{ display: inline-block; height: 80px !important; width: 55px !important; line-height: 80px !important; border-radius: 5px; box-shadow: 1px 2px 5px rgb(0 0 0 / 50%); margin-right: 10px;}
.m-in-w .f-dc .list-group-item a .subfix{ color: #777; font-size: 13px;}
.m-in-w .f-cs .list-group-item a .subfix{ color: #777; font-size: 13px; margin-left: 3px; display: inline-block;}
.m-in-w .list-group-item .subfix{ color: #777; font-size: 13px; margin-left: 3px;}
.m-in-w .f-cs .list-group-item a .narrator-role{ display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: bold; color: #777777;
                                                line-height: 1; vertical-align: middle; white-space: nowrap; text-align: center; border-radius: 10px; border: 1px solid #777777; margin-left: 3px;}
.m-in-w .f-cs .list-group-item .prefix, .m-in-w .f-dc .list-group-item .prefix{ color: #777; font-size: 13px; display: block; padding: 5px 8px;}
.m-in-w .f-cs .list-group-item .prefix{ color: #777; font-size: 13px; display: block;}
.m-in-w .f-dc .list-group-item.special-name, .m-in-w .f-cs .list-group-item.special-name{ padding: 5px 8px}
.m-in-w .f-dc .list-group-item.special-name .no-picture.no-picture-200, .m-in-w .f-cs .list-group-item.special-name .no-picture.no-picture-200{ display: inline-block; height: 60px !important; width: 40px !important; line-height: 70px !important; border-radius: 5px; box-shadow: 1px 2px 5px rgb(0 0 0 / 50%); margin-right: 10px; }

.m-in-w .f-dc #see-full-director, .m-in-w .f-cs #see-full-cast{ display: block; padding: 5px 8px}
.m-in-w .f-dc .see-more-credits, .m-in-w .f-cs .see-more-credits{ display: block; padding: 5px 8px}
.m-in-w .f-dc .see-more-credits i, .m-in-w .f-cs .see-more-credits i{ margin-right: 30px; margin-left: 8px;}

.m-in-w .credits.list-group .list-group-item a .name{ display: inline-block;}
.m-in-w .credits.list-group .list-group-item a .subfix:first-child{ margin-left: 5px;}
.m-in-w .credits.list-group .list-group-item a .subfix:first-child::before { content: "(";}
.m-in-w .credits.list-group .list-group-item a .subfix:last-child::after { content: ")";}
.m-in-w .credits.list-group .list-group-item a .subfix{ color: #777; font-size: 13px;}
.m-in-w .credits.list-group .list-group-item a .role{ display: inline-block; color: #777; font-size: 13px; margin-left: 5px;}
.m-in-w .card-producer .list-group-item a .subfix{ color: #777; font-size: 13px; margin-left: 5px;}
.m-in-w .web-url{ display: flex;}
.m-in-w .web-url a{ margin-top: 10px; margin-right: 10px; display: inline-block; padding: 3px 5px 0px 5px; border: 1px solid #e2e2e2; border-radius: 6px; }

.m-in-w #sc-mpu-top{ text-align: center; margin: 10px 0px;}

.m-aw-w .list-group-item a strong{ color: #337ab7;}
.m-aw-w .list-group-item a{ color: #333;}
.m-aw-w #see-full-awards{ color: #337ab7;}

.list-group.m-aw-w .list-group-item{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.arrow-right{ position: absolute; top: 75px; right: 0; z-index: 3;}
.arrow-left{ position: absolute; top: 75px; left: 0; z-index: 3;}
.arrow i{ color: #A2A2A2; opacity: .6; font-size: 30px;}

.wrapper-tabs{ margin: 10px 0px;}

.all-awards .list-group-item a{ color: #333;}
.all-awards .list-group-item a strong{ color: #4682B4}

.header-jw{ display: flex; border-bottom: 1px solid #CCCCCC; font-weight: bold; padding-top: 10px; justify-content: space-between; align-items: center;;}
.header-jw span{ margin-left: 10px; font-size: 12px;}
.header-jw .jw-logo{ text-align: right; }
.header-jw .jw-logo img{ display: inline-block; width: 62px; height: auto; margin-right: 10px;}

.jw-wrapper-top{margin-top: -10px;}
.jw-wrapper-top .btn-group{display: flex; align-items: center; padding-top: 10px;}
.jw-wrapper-top .btn-group .jw-scroller{ overflow-x: scroll; overflow-y: hidden; white-space: nowrap;}
.jw-wrapper-top .btn-group .jw-scroller .mone-wrapper{display: inline-block;}
.jw-wrapper-top .btn-group .jw-icon-provider{ margin-right: 8px;}
.jw-wrapper-top .btn-group .jw-icon-provider img{ border: 1px solid #e2e2e2; box-shadow: 2px 3px 3px #c2c2c2; height: 30px;}
.jw-wrapper-top .btn-group .jw-icon-provider img.icon-1{ height: 40px;}
.jw-wrapper-top .btn-group .jw-icon-provider img.icon-2{ height: 35px;}
.jw-wrapper-top .btn-group .jw-icon-provider img.icon-3{ height: 35px;}
.jw-wrapper-top .btn-group .jw-icon-provider img.icon-4{ height: 35px;}


.list-rat{ border: 0px;}

.r-ty-w{ color: #333; padding: 5px 0px;}

.hd-txt-md{ color: #FFF;}

#a-no-s{ top: 25%;}

.rat-ov{ position: absolute; top: 0; width: 100%; text-align: center; background: #fff; height: 100%; opacity: 0.9;}
.rat-ov .r-info{ color: #000; margin-top: 50%; }
.rat-ov .r-info i{ margin-top: 20px; font-size: 50px;}

#wr-rat{ max-width: 200px;}
#wr-rat-nolg{display: block; margin-top: 10px; max-width: 200px;}
.panel-body.mt .row .rate-movie-link.in-block{ display: inline-block; }
.panel-body.mt .row .rate-movie-link{ display: inline-block; }
.panel-body.mt .row .no-rate{ display: block !important; font-size: 20px; display: block; height: 2.5em; line-height: 2.5em; text-align: center; color: #333; border: 1px solid #e2e2e2; border-radius: 6px;}

#r-modal .modal-content{ background-color: transparent;}
#r-modal .modal-content .list-group-item:first-child{ border-top-right-radius: 0px; border-top-left-radius: 0px; }
#r-modal .modal-content .list-group-item:last-child{ border-bottom-right-radius: 0px; border-bottom-left-radius: 0px;}
#r-modal .list-rat{ background-color: #FFF; opacity: .85;}
#r-modal .list-group-item{ margin-bottom: 0px;}

.ls-top-w .ls-pos{ display: inline-block; text-align: center; font-size: 12px; font-weight: bold; font-style: normal; color: #999; background: #fafafa; width: 26px; padding: 0; border: 1px solid #eee; vertical-align: middle;}
.ls-top-w .badge{ vertical-align: middle;}
.ls-top-w .ls-txt{display: inline-block; width: 90%; white-space: nowrap; overflow: hidden; vertical-align: middle; text-overflow: ellipsis;}
.ls-top-w.full-lists .ls-txt{width: 75%;}

.mvusrw-wrapper .list-group .list-group-item i{ color: #ddd;}

.relations-wrapper .panel-body .row a{ margin-bottom: 20px;}
.relations-wrapper .panel-body .row a img{ max-width: 140px; border-radius: 5px; box-shadow: 0 1px 5px rgba(0,0,0,0.5);}

#fa-news{ margin-top: 20%;}
#fa-news .modal-header{ background: #FDCC1A}
#fa-news .modal-header .modal-title{ color: #333333}
#fa-news .modal-body .fa-info-text{ margin: 20px 0px 30px 0px; }
#fa-news .modal-body .img-wrapper{ margin: 10px 0px; text-align: center;}
#fa-news .modal-body .img-wrapper img{ box-shadow: 1px 3px 5px #e2e2e2; width: 100%; max-width: 300px;}

.btf-adver{ margin: 0 auto 20px; text-align: center;}

.swiper.group-wrapper{ margin-bottom: 25px;}
.swiper.group-wrapper .swiper-slide{ display: flex; justify-content: center;}
.swiper.group-wrapper .swiper-slide .loading-movie{ width: 94.6px; height: 140px; background-color: #f0f0f0; border-radius: 6px;
                                      display: flex; align-items: center; justify-content: center;} 
.swiper.group-wrapper .swiper-slide img{ width: 94.6px; height: 140px; border-radius: 6px;}                                      
.swiper.group-wrapper .swiper-slide .see-more-movies{ width: 94.6px; height: 140px; background-color: #f0f0f0; border-radius: 6px;
                                      display: flex; align-items: center; justify-content: center;}

.swiper.group-wrapper .swiper-slide a .horizontalImage{width: 100px; height: 138px;}
.swiper.group-wrapper .swiper-slide a .horizontalImage img{width: inherit; height: auto;}                                      

/*************** movie-awards ****************/

.mov-aw-wrapper{ padding: 0px;}
.mov-aw-wrapper .list-group.awards-list{}
.mov-aw-wrapper .list-group.awards-list > .list-group-item{ border: 0px; margin-top: 15px;}
.mov-aw-wrapper .list-group.awards-list > .list-group-item:first-child{ margin-top: 0px;}
.mov-aw-wrapper .list-group.awards-list .list-group-item .edition{ color: #333333; font-weight: bold;}
.mov-aw-wrapper .list-group.awards-list .list-group-item .winner{ font-size: 10px; color: #FFFFFF; background: #689f38; border-radius: 3px; padding: 3px; font-weight: bold; white-space: nowrap; height: 18px; text-align: center;}
.mov-aw-wrapper .list-group.awards-list .list-group-item .nom{ font-size: 10px; color: #333333; background: #E2E2E2; border-radius: 3px; padding: 3px; font-weight: bold; white-space: nowrap; height: 18px; display: flex; justify-content: center; margin-left: 25px; align-items: center;}
.mov-aw-wrapper .list-group.awards-list .list-group-item .list-group.cats{ margin-bottom: 0px;}
.mov-aw-wrapper .list-group.awards-list .list-group-item .list-group.cats .list-group-item{ border: 0px; padding-left: 0px; display: inline-flex; flex-wrap: wrap; width: 100%;}
.mov-aw-wrapper .list-group.awards-list .list-group-item .list-group.cats .list-group-item .wrapper-link{ flex-grow: 2; margin-left: 10px; flex-basis: 70%;}
.mov-aw-wrapper .list-group.awards-list .list-group-item .list-group.cats .info-noms-wrapper{ width: 50px; text-align: right;}


/**************** user review ********************/

.write-your-review .add-review-title{ font-size: 12px; font-weight: bold; margin-left: 10px; margin-bottom: 5px;}
.write-your-review .add-review-wrapper{ background-color: unset; border: 0px;}
.write-your-review .add-review-wrapper .revtext{ display: flex; flex-direction: column;  font-size: 14px; line-height: 20px;
                                                border: 1px solid #333; text-align: left; border-radius: 4px; resize: none; margin-bottom: 5px; padding: 5px; cursor: pointer;}
.write-your-review .add-review-wrapper .revtext small{ display: block; margin-top: 10px; }

.movie-info .myreview .user-review-text-wrapper{padding: 0px 10px;}
.movie-info .myreview .user-review-text-spoiler{padding: 0px 10px;}


/****************  graph ****************************/

#movie-ratings-evolution-modal{}
#movie-ratings-evolution-modal .canvas-wrap, .movie-history-avg-chart .canvas-wrap{ border: 1px solid #dee2e6; border-radius: 0.375rem; margin-right: 5px;}
#movie-ratings-evolution-modal .btn-group.btn-sm.d-flex.batches, .movie-history-avg-chart .btn-group.btn-sm.d-flex.batches{ padding: 0px; margin-top: 10px;}
#movie-ratings-evolution-modal .btn-group.btn-sm.d-flex.batches .btn.btn-default, .movie-history-avg-chart .btn-group.btn-sm.d-flex.batches .btn.btn-default{ padding: 0px;}
#movie-ratings-evolution-modal .btn-group.btn-sm.d-flex.batches .btn.btn-default .trend, .movie-history-avg-chart .btn-group.btn-sm.d-flex.batches .btn.btn-default .trend{ display: block; padding: 2px 10px; background: #adb5bd; font-size: 10px;}
#movie-ratings-evolution-modal .btn-group.btn-sm.d-flex.batches .btn.btn-default .trend i, .movie-history-avg-chart .btn-group.btn-sm.d-flex.batches .btn.btn-default .trend i{ color: #fff; display: none;}
#movie-ratings-evolution-modal .btn-group.btn-sm.d-flex.batches .btn.btn-default .trend.up i.up, .movie-history-avg-chart .btn-group.btn-sm.d-flex.batches .btn.btn-default .trend.up i.up{ display: inline-block;}
#movie-ratings-evolution-modal .btn-group.btn-sm.d-flex.batches .btn.btn-default .trend.down i.down, .movie-history-avg-chart .btn-group.btn-sm.d-flex.batches .btn.btn-default .trend.down i.down{ display: inline-block;}
#movie-ratings-evolution-modal .btn-group.btn-sm.d-flex.batches .btn.btn-default .trend.eq i.right, .movie-history-avg-chart .btn-group.btn-sm.d-flex.batches .btn.btn-default .trend.eq i.right{ display: inline-block;}
#movie-ratings-evolution-modal .btn-group.btn-sm.d-flex.batches .btn.btn-default.active, .movie-history-avg-chart .btn-group.btn-sm.d-flex.batches .btn.btn-default.active{ background: #447cad; color: #fff;}
#movie-ratings-evolution-modal .btn-group.btn-sm.d-flex.batches .btn.btn-default.active .avg.avgrat-box, .movie-history-avg-chart .btn-group.btn-sm.d-flex.batches .btn.btn-default.active .avg.avgrat-box{ background-color: #fff; color: #447cad;}

#movie-ratings-evolution-modal .chart-wrap .d-flex .rating-now, .movie-history-avg-chart .chart-wrap .d-flex .rating-now{ font-size: 12px; border: 1px solid #adb5bd; border-radius: 6px; display: flex; flex-direction: column; justify-content: center; padding: 0px;}
#movie-ratings-evolution-modal .chart-wrap .d-flex .rating-now.active.down, .movie-history-avg-chart .chart-wrap .d-flex .rating-now.active.down{ border: 1px solid #dc3545; box-shadow: inset 0 0 0.3rem 0.1rem rgba(220, 53, 69, 0.3)}
#movie-ratings-evolution-modal .chart-wrap .d-flex .rating-now.active.up, .movie-history-avg-chart .chart-wrap .d-flex .rating-now.active.up{ border: 1px solid #4CAF50; box-shadow: inset 0 0 0.3rem 0.1rem #4CAF50}
#movie-ratings-evolution-modal .chart-wrap .d-flex .rating-now.active.eq, .movie-history-avg-chart .chart-wrap .d-flex .rating-now.active.eq{ border: 1px solid #adb5bd; box-shadow: inset 0 0 0.3rem 0.1rem #adb5bd}
#movie-ratings-evolution-modal .chart-wrap .d-flex .rating-now .header, .movie-history-avg-chart .chart-wrap .d-flex .rating-now .header{ margin-top: 10px;}
#movie-ratings-evolution-modal .chart-wrap .d-flex .rating-now.active .header, .movie-history-avg-chart .chart-wrap .d-flex .rating-now.active .header{ font-weight: bold;}
#movie-ratings-evolution-modal .chart-wrap .d-flex .rating-now .rating-wrap, .movie-history-avg-chart .chart-wrap .d-flex .rating-now .rating-wrap{ font-weight: bold; margin-top: 10px;}
#movie-ratings-evolution-modal .chart-wrap .d-flex .rating-now .rating-wrap .fa-avg-rat-box .avgrat-box, .movie-history-avg-chart .chart-wrap .d-flex .rating-now .rating-wrap .fa-avg-rat-box .avgrat-box{ display: block; height: 40px; line-height: 38px; font-weight: bold; font-size: 24px; border: 0px;}
#movie-ratings-evolution-modal .chart-wrap .d-flex .rating-now .rating-wrap .count-wrap, .movie-history-avg-chart .chart-wrap .d-flex .rating-now .rating-wrap .count-wrap{ margin-top: 5px; font-weight: normal;}
#movie-ratings-evolution-modal .chart-wrap .d-flex .rating-now.active .rating-wrap .count-wrap, .movie-history-avg-chart .chart-wrap .d-flex .rating-now.active .rating-wrap .count-wrap{ font-weight: bold;}
#movie-ratings-evolution-modal .chart-wrap .d-flex .rating-now .trend, .movie-history-avg-chart .chart-wrap .d-flex .rating-now .trend{ margin-top: auto; font-weight: bold;}
#movie-ratings-evolution-modal .chart-wrap .d-flex .rating-now .trend i, .movie-history-avg-chart .chart-wrap .d-flex .rating-now .trend i{ display: none; color: #fff;}
#movie-ratings-evolution-modal .chart-wrap .d-flex .rating-now .trend.down, .movie-history-avg-chart .chart-wrap .d-flex .rating-now .trend.down{ background: #dc3545}
#movie-ratings-evolution-modal .chart-wrap .d-flex .rating-now .trend.up, .movie-history-avg-chart .chart-wrap .d-flex .rating-now .trend.up{ background: #4CAF50}
#movie-ratings-evolution-modal .chart-wrap .d-flex .rating-now .trend, .movie-history-avg-chart .chart-wrap .d-flex .rating-now .trend{ background: #adb5bd}

#movie-ratings-evolution-modal .chart-wrap .d-flex .rating-now .trend.down .down, .movie-history-avg-chart .chart-wrap .d-flex .rating-now .trend.down .down{ display: inline-block;}
#movie-ratings-evolution-modal .chart-wrap .d-flex .rating-now .trend.up .up, .movie-history-avg-chart .chart-wrap .d-flex .rating-now .trend.up .up{ display: inline-block;}
#movie-ratings-evolution-modal .chart-wrap .d-flex .rating-now .trend.eq .right, .movie-history-avg-chart .chart-wrap .d-flex .rating-now .trend.eq .right{ display: inline-block;}

#movie-ratings-evolution-modal .btn-group.full-width, .movie-history-avg-chart .btn-group.full-width{ display: flex !important; width: 100%; flex-wrap: nowrap;}
#movie-ratings-evolution-modal .btn-group.full-width .btn, .movie-history-avg-chart .btn-group.full-width .btn{ flex: 1 1 0; float: none;}
#movie-ratings-evolution-modal .btn-group.full-width .btn,  .movie-history-avg-chart .btn-group.full-width .btn{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#movie-ratings-evolution-modal .btn-group.btn-sm.batches .btn.btn-default .trend.down, .movie-history-avg-chart .btn-group.btn-sm.batches .btn.btn-default .trend.down{ background: #dc3545}
#movie-ratings-evolution-modal .btn-group.btn-sm.batches .btn.btn-default .trend.up, .movie-history-avg-chart .btn-group.btn-sm.batches .btn.btn-default .trend.up{ background: #4CAF50}
#movie-ratings-evolution-modal .btn-group.btn-sm.batches .btn.btn-default .fa-avg-rat-box.rat-box-sm, .movie-history-avg-chart .btn-group.btn-sm.batches .btn.btn-default .fa-avg-rat-box.rat-box-sm{ font-size: 10px; padding: 10px 5px;}
#movie-ratings-evolution-modal .btn-group.btn-sm.batches .btn.btn-default .fa-avg-rat-box.rat-box-sm .avg.avgrat-box, .movie-history-avg-chart .btn-group.btn-sm.batches .btn.btn-default .fa-avg-rat-box.rat-box-sm .avg.avgrat-box{font-size: 12px;}
#movie-ratings-evolution-modal .modal-title{ display: flex;}
#movie-ratings-evolution-modal .modal-title .mini-movie-poster img{ width: 50px; border-radius: 6px; aspect-ratio: 3 / 4.4;}
#movie-ratings-evolution-modal .modal-title .mini-movie-info{ display: flex; flex-direction: column; margin-left: 10px;}
#movie-ratings-evolution-modal .modal-title .mini-movie-info .type{display: inline-block; vertical-align: top; border: 1px solid #557CAD; border-radius: 3px; padding: 0px 3px; font-size: 12px; color: #447cad; margin-left: 5px;}
#movie-ratings-evolution-modal .modal-title .mini-movie-info .type:first-child {margin-left: 0;}
#movie-ratings-evolution-modal .modal-title .mini-movie-info .mini-year-country{ display: flex; justify-content: left; align-items: center; font-size: 12px; color: #777;}
#movie-ratings-evolution-modal .modal-title .mini-movie-info .mini-year-country .nflag{ margin-left: 5px;}
#movie-ratings-evolution-modal .modal-title .mini-movie-info .mini-year-country .sep{color: #aaa; margin-left: 5px;}
#movie-ratings-evolution-modal .modal-footer{ display: flex; justify-content: space-between; align-items: center;}
#movie-ratings-evolution-modal .modal-footer .powered{ font-size: 9px;}
#movie-ratings-evolution-modal .modal-footer .ml-auto{ margin-left: auto;}