html {overflow-y: scroll; scroll-behavior: smooth;}
body { margin: 0px; font:13px/1.231 Arial, sans-serif !important; background: #f5f8fa; background-position: center 90px; }
a { color: #326E9C; text-decoration: none;}
a:hover { color: #326E9C; text-decoration: none;}
img {border-style: none;}
select,input,button,textarea{font:99% Arial, helvetica, clean, sans-serif}
h1, h1, h3, h4, h5{ font-size:initial;}
/** QUANTCAST **/
#qc-cmp2-container{ height: 0px;}
#qc-cmp2-container .qc-cmp2-persistent-link{ display: none;}
.ui-autocomplete {z-index: 99999999 !important;}
.t-s{ position: fixed !important; /*top: 46px !important;*/}
#page-header{ background-color: #3C6E99; cursor:auto; box-shadow: 0 0 20px rgba(90, 90, 90, 0.75); margin-bottom: 100px;}
#header-top{ background-color: #447CAD; position: fixed; top: 0; width: 100%; z-index: 102; max-height: 56px; }
#header-top .top-wrapper{ height:56px; position: relative; padding-top: 10px;}
#header-top.christmas {background-image: url('/images/bannerFA.png'); background-position: center 0;}
#header-bottom{ border-top: 1px solid #4B89BF; border-bottom: 1px solid #325C80; position: absolute; top: 56px; width: 100%; background-color: #3C6E99; min-width: 980px;}
#header-bottom.christmas {background-image: url('/images/bannerFA.png'); background-position: center 43px;}
/* estilos para que los morphing no den el salto de color */
#page-header.morphing #header-top {background-color: #000;}
#page-header.morphing #header-bottom {background-color: #000; border-top: 1px solid #464646;}
#top-ad{ min-height: 200px; }
#sc-top{ max-height: 200px; }
#sc-top.fix-height{ max-height: 400px;}
.cpanel {width: 980px; margin: 0 auto; padding:0;}
.cpanel.main-panel{ display: flex; flex-direction: column; width: 980px; border: 1px solid #A0A0A0; box-shadow: 0 20px 20px rgba(90, 90, 90, 0.75)}
.cpanel.admin-content{ width: max-content; }
.cpanel .panel-news { position: relative; padding: 10px 15px; background: #FFFFFF; color: #333333; border: 1px solid #999999; margin-bottom: 5px; border-radius: 20px; align-items: center; box-shadow: 0 2px 10px rgba(90, 90, 90, 0.75)}
.cpanel .panel-news .close-alert{ cursor: pointer; position: absolute; top: 8px; right: 13px; }
.cpanel .panel-news .close-alert i{ font-size: 22px; color: #999999;}
.cpanel .pop-news{ position: absolute; background: #FFFFFF; color: #333333; border: 1px solid #999999; border-radius: 2px; align-items: center; box-shadow: 0 2px 10px rgba(90, 90, 90, 0.75); width: 300px; padding: 15px 40px 15px 15px; z-index: 101; line-height: 22px; display: none;}
.cpanel .pop-news.top-center{ top: 10px; left: 170px;}
.cpanel .pop-news.top-left{ top: 10px; left: 10px;}
.cpanel .pop-news.top-right{ top: 10px; right: 10px;}
.cpanel .pop-news.center-center{ top: 350px; left: 170px;}
.cpanel .pop-news.center-right{ top: 350px; right: 10px;}
.cpanel .pop-news.center-left{ top: 350px; left: 10px;}
.cpanel .pop-news.bottom-right{ bottom: 10px; right: 10px;}
.cpanel .pop-news.bottom-center{ bottom: 10px; left: 170px;}
.cpanel .pop-news.bottom-left{ bottom: 10px; left: 10px;}
.cpanel .pop-news .close-alert{ cursor: pointer; position: absolute; top: 8px; right: 13px; }
.cpanel .pop-news .close-alert i{ font-size: 22px; color: #999999;}
.cpanel .pop-news .progress { width: 100%; height: 4px; position: absolute; bottom: 0px; left: 0px;}
.cpanel .pop-news .progress .progress__bar { height: 100%; width: 0%; background-color: #447cad; animation: fill-bar 5000ms linear 1; }
@keyframes fill-bar {
from {width: 0%;}
to {width: 100%;}
}
.cpanel .pop-news:hover .progress .progress__bar, .cpanel .pop-news:focus .progress .progress__bar{
animation-play-state: paused;
}
.cpanel .pop-news .progress .progress__bar.full__bar{ animation: unset;}
.top-wrapper{ height:56px; position: relative; }
.adver-wrapper{ margin-top: 10px; margin-bottom: 10px; text-align: center; z-index: 2; position: relative; max-height: 1500px; overflow-y: hidden;}
.readonly-mode{ text-align: center; background-color: #fcf8e3; padding: 10px; margin-bottom: 10px;}
.readonly-mode i{ color: #FFA500; font-size: 18px;}
.readonly-adm-mode{ text-align: center; background-color: #FF0000; padding: 10px; margin-bottom: 10px; color: #FFF; font-weight: bold;}
.readonly-mode i{ color: #FFA500; font-size: 18px;}
.news-wrapper{ text-align:left; height:32px; }
.adver-wrapper{ margin-top: 10px; margin-bottom: 10px; text-align: center; }
/*.adv-300x250 { width:300px; background:#444; border: 5px solid #ddd;}*/
/*.adv-no-styles { width:300px; background:#444; border: 5px solid #ddd;}*/
.adv-300x250 { width:300px; margin: 0 auto;}
.adv-no-styles { width:300px; margin: 10px auto 0px;}
.adv-300x250-generic {width:300px; height:250px; background:#444; border: 5px solid #ddd;}
.mt-content-wrapper{ display: flex; flex-direction: column; flex-grow: 1;}
#main-content-table{ border-collapse: separate; border-spacing:0; background: #ffffff; cursor:auto; display: flex;}
#main-content-table > tbody > tr > td{ vertical-align: top; padding: 0;}
#mt-left-cell{ background: #F0F0F0; flex-basis: 150px; border-right: 1px solid #cddceb; flex-shrink: 1;}
#mt-content-cell{ padding:5px; border: 0px; background: #ffffff; position: relative; flex-grow: 1; display: flex; flex-direction: column; }
#mt-content-cell.admin-content{ width: 817px; overflow: initial;}
#mt-right-cell{ text-align: right;}
@media screen and (-webkit-min-device-pixel-ratio:0)
and (min-resolution:.001dpcm) {
#top-ad, #sc-top , .adver-wrapper{ transition: all 1s ease-in-out; }
}
#coca-promo{ margin-top: 2px; height: 30px; background-color: #EC3C3C; display: inline-block; line-height: 30px; font-size: 18px; cursor: pointer; margin-left: 117px;}
#bpanel {background: #555555; margin-top: 30px; color: #fff; padding: 4px; font-size: 12px; cursor:auto; box-shadow: 0 0 20px rgba(90, 90, 90, 0.75); min-width: 980px;}
#bpanel a{color: #fff; text-decoration: none; padding: 1px 4px; font-size: 93%; }
#bpanel .subtext{ font-size: 9px;}
#bpanel .text-center{ text-align: center;}
form {margin: 0px}
.fframe {border: 2px solid #e0e0e0; background-color: #f8f8f8; border-radius:4px; padding: 10px;}
.img-country{ position: relative; top: -2px;}
.fa, .fas, .fal{ color: #666666; font-size: 14px; vertical-align: middle;}
#fa-info{display: inline-block; vertical-align: top; width: 7%; font-size: 10px; padding: 5px; text-align: center; margin-top: 20px;}
#fa-info a{color: #ffffff; text-decoration: none;}
#logo-container{display: inline-block; vertical-align: top; width: 20%; padding-top: 0px; position: relative;}
#logo-container .logo-siteloc {position: absolute; right: 40px; bottom: -2px; color: #FDCC1A; font-style: italic; font-weight: bold; box-sizing: unset !important; }
#logo-container a{ display: block; height: 45px;}
#logo-container a img{ height: 44px; margin-top: -3px;}
#user-login-container{ display: inline-block; vertical-align: top; float: right; color: #CCC; text-align: right; position: relative; width: 250px; z-index: 0; margin-top: 0px;}
#user-login-container a{ color: #FFFFFF; text-decoration:none;}
#user-login-container a:hover{ text-decoration: none;}
#user-login-container #import{}
#user-login-container #import i{ color: #E9000A; font-size: 18px}
#user-login-container #import .close{ color: #333; font-size: 12px; padding: 2px 5px 5px 5px;}
#user-login-container #import .fa-info-pop{ background-color: #FFFF00; color: #333; padding: 10px; width: 220px;}
#user-login-container #import .fa-info-pop .news-top-icon{ float: left; margin-top: -5px;}
#user-login-container #import .fa-info-pop .news-top-icon i{ color: #1E90FF; font-size: 50px;}
#user-login-container #import .fa-info-pop .news-top-wrapper{ text-align: center; margin-bottom: 5px; margin-top: 4px;}
#user-login-container #import .fa-info-pop .news-top-wrapper2{ text-align: center; font-weight: bold;}
#user-login-container #import .fa-info-pop .news-signature{ text-align: center; font-size: 10px; margin-top: 15px;}
#user-login-container #login-register{ display: inline-block; margin-top: 5px;}
#user-login-container #login-register .sign-in{ color: #FFF; padding: 3px 4px; display: inline-block; outline:none; transition:color .1s ease-out, background .1s ease-out, border-color .1s ease-out; }
#user-login-container #login-register .register{ color: #fff; border-radius: 5px; padding: 4px 5PX; display: inline-block; }
#user-login-container #login-register a:hover{ color: #FDCC1A;}
#user-login-container #login-register .lr-w{ width: 210px; background-color: #FFFFFF; border: 1px solid #C3C3C3; position: absolute; top: 30px; right: 0; border-radius: 3px; text-align: center; padding: 10px; color: #333; display: none;}
#user-login-container #login-register .lr-w a{ color: #333; text-decoration: underline;}
#user-login-container #login-register .lr-w .fa-btn{ display: block; background-color: #447CAD; color: #FFF; padding: 5px; text-decoration: none; box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.075);}
#user-login-container #login-register .lr-w .fa-btn:hover{ text-decoration: underline;}
#user-login-container #login-register .lr-w small{ display: block; margin-top: 10px;}
#user-login-container #user-nick{ padding: 10px 5px 10px 10px; display: inline-block; margin-bottom: 10px;}
#user-login-container #user-nick a{}
#user-login-container #user-nick a:hover{ color: #FDCC1A;}
#user-login-container #user-nick i{ color: #ffffff; font-size: 20px}
#user-login-container #show-msg{ display: inline-block; padding: 10px 0px; margin-bottom: 10px;}
#user-login-container #show-msg a{ font-size: 12px; text-decoration: none; color: #333; font-weight: bold; position: relative;}
#user-login-container #show-msg a i{ color: #FFF; font-size: 16px; vertical-align: text-bottom}
#user-login-container #show-msg a .badge-nmr{ position: absolute; top: -8px; right: -10px; padding: 2px 5px; margin: 0px; background-color: #FDCC1A; font-size: 10px; line-height: 10px; border-radius: 10px; color: #333; text-align: center; opacity: .9}
#user-login-container .clicked{ background-color: #FFFFFF; color: #447CAD; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; padding: 10px;}
#user-login-container .clicked a{ color: #447CAD; }
#user-login-container .clicked i{ color: #447CAD !important; }
#user-login-container .user-menu-wr{ background-color: #fff; z-index: 9001; position: absolute; top: 40px; right: 4px; width: 250px; border: 1px solid #447CAD; display: none; border-top: 0px; -webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 0px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 0px; border-top-left-radius: 6px; border-top-right-radius: 0px;}
@media ( max-height: 600px ){
#user-login-container .user-menu-wr{ overflow-y: scroll; height: 350px;}
}
@media ( max-height: 400px ){
#user-login-container .user-menu-wr{ overflow-y: scroll; height: 200px;}
}
#user-login-container .user-menu-wr ul{ list-style: none; margin:0; padding: 0;}
#user-login-container .user-menu-wr ul li{ text-align: left;}
#user-login-container .user-menu-wr ul li .nbr-w{ float: right; display: block; height: 18px; line-height: 18px; color: #333; text-align: center; font-size: 12px; padding: 0px 5px; font-weight: bold; background-color: #FDCC1A; border-radius: 10px}
#user-login-container .user-menu-wr ul li .lg-out{ display: inline-block; width: 25px; height: 25px; border-radius: 10px; background-color: #E2E2E2; color: #FFF; text-align: right; margin-right: 10px; font-size: 12px}
#user-login-container .user-menu-wr ul li .lg-out i{ margin-right: 0px; color: #447CAD;}
#user-login-container .user-menu-wr ul li a{ display: block; padding: 8px 15px; color: #447CAD; font-size: 16px; text-decoration: none; }
#user-login-container .user-menu-wr ul li a .ic-w{ display: inline-block; width: 25px; height: 25px; border-radius: 10px; text-align: center; line-height: 20px; margin-right: 20px}
#user-login-container .user-menu-wr ul .lg-out-li{ text-align: right; background-color: #F2F2F2; font-size: 12px; }
#user-login-container .user-menu-wr ul .lg-out-li a{ font-size: 12px; padding: 5px;}
#user-login-container .user-menu-wr ul .lg-out-li a .ic-w{display: none;}
#user-login-container .user-menu-wr ul li:hover{ background-color: #e2e2e2; }
#user-login-container .user-menu-wr ul li:hover:first-child{ -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 3px;
border-top-left-radius: 6px; border-top-right-radius: 3px;}
#user-login-container .user-menu-wr ul li:hover a{ color: #666;}
#user-login-container .user-menu-wr ul li:hover:not(.lg-out-li) a .ic-w{ display: inline-block; width: 25px; height: 25px; border-radius: 20px; background-color: #447CAD; color: #FFF; text-align: center; line-height: 20px}
#user-login-container .user-menu-wr ul li:hover a .ic-w i{ margin-top: 2px; margin-right: 0px; color: #FFF;}
#topsearch {display: inline-block; vertical-align: top; width: 40%; text-align: center; margin-left: 40px; font-size: 0; padding-bottom: 10px; text-align: right; padding-top: 0px;}
#topsearch form {padding: 2px; width: 350px; display: inline-block; vertical-align: top; position: relative;}
#topsearch form label{ position: absolute; top: 7px; right: 14px;}
#topsearch form label i{ color: #333; font-size: 18px}
#topsearch input{border:0; padding: 5px; margin: 0 0 0 10px; font-size: 12px; color: #222; background: #ccc; background-image: none; height: 25px;}
#topsearch input[name="stext"] { width: 320px; background-color: #FFFFFF; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; vertical-align: top; height: 19px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: border linear .2s,box-shadow linear .2s; transition: border linear .2s,box-shadow linear .2s; padding: 5px 0px 5px 5px; font-size: 18px; border: 0;}
#topsearch .clear-search{position: absolute; top: 4px; right: 40px; color: #c2c2c2; font-size: 22px; display: none; cursor: pointer;}
#topsearch #button-search{ display: inline-block; vertical-align: top; background: transparent; height: 31px; line-height: 30px; width: 30px; border-radius: 0px 3px 3px 0px; margin: 0; border: 0; position: absolute; top: 0; right: 2px; cursor: pointer}
#topsearch .advsearch{ display: inline-block; vertical-align: top; font-size: 13px; line-height: 10px; margin-top: 0px;}
#topsearch .advsearch a{color: #fff; text-decoration:none; font-size: 10px; display: block;}
#topsearch .advsearch a i{color: #fff; font-size: 10px; vertical-align: top}
.easy-autocomplete-container{ left: 25px !important; width: unset !important;}
.easy-autocomplete-container ul li, .easy-autocomplete-container ul .eac-category{ padding: 4px !important;}
.easy-autocomplete-container ul li div{ text-align: left;}
.easy-autocomplete-container ul li.selected .title{ font-weight: bold !important;}
.easy-autocomplete-container ul li.selected .name{ font-weight: bold !important;}
.easy-autocomplete-container ul li div.separator{ padding: 2px 5px; color: #666; background-color: #EEE; font-weight: bold; text-align: left;}
.easy-autocomplete-container ul li div.theater-ac{ border-bottom-width: 0px; padding: 5px; text-align: left;}
.easy-autocomplete-container ul li div.see-all{ padding-left: 10px; color: #666; line-height: 18px; padding: 5px; background-color: #EEE; text-align: left;}
.easy-autocomplete-container ul li div.see-all #q-s{ font-weight: bold;}
.easy-autocomplete-container ul li div.see-all i{ font-size: 10px;}
.t-s .theater-ac {border-bottom-width: 0px; padding: 5px;}
.t-s .separator {padding: 2px 5px; color: #666; background-color: #EEE; font-weight: bold;}
.t-s .see-all{ padding-left: 10px; color: #666; line-height: 18px; padding: 5px; background-color: #EEE}
.t-s .see-all #q-s{ font-weight: bold; }
.t-s .see-all i{ font-size: 10px;}
#info-fa-top {margin:0; padding:0; color: #fff;}
#info-fa-top > div{ display: inline-block; font-weight: bold; padding: 0 4px;}
#info-fa-top > div a{color: #f1a410; text-decoration:none;}
#trmenu {list-style:none; vertical-align: top; margin:0; padding:0; color: #fff; display: inline-block; float: right; margin-top: -5px; padding-top: 10px;}
#trmenu .social-logo {display: inline-block; vertical-align:top;}
#trmenu .social-logo a {display: block; height: 22px; width: 22px; text-decoration: none; line-height: 20px; font-size: 16px; color: #FFF; border: 1px solid #447cad; text-align: center;}
#trmenu .social-logo a i {color: inherit; vertical-align: middle;}
#trmenu #fb-top-logo a:hover {background: #3b5998;}
#trmenu #tw-top-logo a:hover {background: #1da1f2;}
#trmenu #in-top-logo a:hover {background: #FFF; color: #333;}
#trmenu .mobile-version-link{ display: inline-block; margin-top: 5px;}
#trmenu .mobile-version-link a{ color: #fff; text-decoration: none;}
#english-site{ display: inline-block; float: right; padding: 8px 4px;}
#english-site {padding: 0px; display: block;}
#english-site > a {display: block; margin: 5px 2px 0px 15px; color: #FFF; height: 24px; line-height: 24px; padding: 0 5px; text-shadow: 1px 1px #333;}
#english-site > a:hover {text-decoration: underline;}
.version-selector {position: relative; float: right; width: 140px; height: 24px; margin-right: 10px; z-index: 100;}
.version-selector ul.version {list-style-type: none; padding: 0; font-weight: bold; margin: 6px 0; position: absolute; right: 0; font-size: 12px;}
.version-selector ul.version.slide {z-index: 8000;}
.version-selector ul.version > li {padding: 6px 10px; display: none; cursor: pointer; text-align: right; background: #F2F2F2; color: #333; border-bottom: 1px solid #DDD;}
.version-selector ul.version > li.fixed {background: #3C6E99; display: block; padding: 2px 5px; color: #FFF; border: 1px solid #447cad; font-size: 13px;}
.version-selector ul.version > li.fixed:hover {background: #4B8CC2; }
.version-selector ul.version > li.fixed.selected {background: #F2F2F2; color: #3C6E99; text-shadow: none; border-bottom-width: 1px;}
.version-selector ul.version > li i {color: inherit; vertical-align: baseline; font-size: 10px;}
.version-selector ul.version > li.info {text-align: center; padding: 1px;}
.version-selector ul.version > li.info i {font-size: 16px; color: #4B8CC2;}
.version-selector ul.version > li:hover {background: #FFF;}
.page-versions-pop {display: none; position: absolute !important; z-index: 105; width: 320px; margin: 8px 15px 8px 600px; background: #FFF;}
.page-versions-pop #vmap {float: left;}
.page-versions-pop .country-names {margin: 10px 10px 40px 10px; display: flex; text-align: left;}
.page-versions-pop .country-names ul {margin: 0; padding: 0; list-style: none;}
.page-versions-pop .continents {margin-right: 10px !important;}
.page-versions-pop .continents > li .header {font-size: 16px; }
.page-versions-pop .continents .map-zoom {visibility: hidden; color: #CCC;}
.page-versions-pop .continents .go-to-version {display: none; color: #CCC;}
.page-versions-pop .continents .countries {margin: 5px 0 10px 10px;}
.page-versions-pop .continents .countries > li {margin: 5px 0 5px 10px; cursor: pointer;}
.page-versions-pop .more-info {position: absolute; bottom: 0; right: 0; display: block; background: #FDCC1A; width: 100%; padding: 10px; box-sizing: border-box; text-align: center;}
.jqvmap-label {z-index: 106;}
.version-reminder {position: absolute; top: 5px; right: 75px; z-index: 9000; padding: 3px; background: #FFF; -webkit-border-radius: 8px; -moz-border-radius: 4px; border-radius: 4px; border: #333 solid 2px; width: 400px; color: #333;}
.version-reminder .body {margin: 10px 5px 10px; font-size: 12px; color: #555; text-align: center;}
.version-reminder .body .fa-button{ margin: 10px auto; width: 150px; border-radius: 6px; background: #1E90FF; color: #fff; text-align: center; height: 20px; line-height: 20px; display: block;}
.version-reminder .body .fa-button i{ color: #fff;}
.version-reminder .body .fa-button:hover{ text-decoration: underline; }
.version-reminder .body .disclosure{ margin-top: 15px; font-size: 10px; cursor: pointer;}
.version-reminder .body .disclosure:hover{ text-decoration: underline; }
.version-reminder .body span{ color: #1E90FF;}
.version-reminder .close {position: absolute; top: 0; left: 3px; cursor: pointer; color: #222;}
.version-reminder .close i {color: #777; font-size: 12px}
#lsmenu{ width: 150px;}
#lsmenu .lsmheader { padding: 6px 2px 0px 0px; color: #666666; margin: 5px 0 0 5px; font-size:1.2em;}
#lsmenu .cat-container{ padding-bottom: 10px; margin: 0px;}
#lsmenu .my-container{ margin-left: 15px;}
#lsmenu ul {list-style:none; margin:0; padding:0; }
#lsmenu li {margin:0; padding: 5px 2px 0px 3px; }
#lsmenu li a{color: #326E9C; text-decoration:none; display:block; padding-left: 5px;}
#lsmenu li a:hover {border-left: 2px solid #666; margin-left: -2px; padding-left: 5px; }
.admheader {background-color: #9BB781; font-weight: bold; font-style: italic; font-size: 1em; padding: 6px 2px 0px 3px; color: #FFF;}
#admmenu { background-color: #9BB781; color: #000; font-weight: bold;}
#admmenu ul {list-style:none; margin:0; padding:0 2px 4px 2px; }
#admmenu li {margin:0; padding: 2px 1px 3px 1px; font-size: 0.9em;}
#admmenu li a{ color: #FFF; text-decoration:none; font-weight: normal;}
#admmenu li a:hover{background:#849C6F;}
#awardsmenu {list-style:none; margin:0; padding:0; color: #FCCB1A; display: inline-block; vertical-align: top; margin-top:9px;}
#awardsmenu li {display: inline; padding: 0 4px;}
#awardsmenu li a {color: #FFFFFF; text-decoration:none; }
#awardsmenu li a:hover {color: #FCCB1A; }
#awardsmenu .h2text {color: #FFF; font-weight: bold; }
#awardsmenu .fcy a{ color: #FCCB1A}
#awardsmenu .sep{ padding: 0px;}
#awardsmenu .sep:last-child {display: none;}
.pager {font-size: 16px; margin: 8px 2px; color:#555555; text-align: center; line-height: 26px;}
.pager .current, .pager a {padding: 4px 6px; border:1px solid #e0e0e0;}
.pager .current {color: #3C6E99; border-color: #447CAD; font-weight: bold; padding: 4px 8px;}
.pager a {color:inherit; text-decoration: none; }
.pager a:hover {border-color: #447CAD}
.addl { padding: 4px 2px; }
.flat {border: 1px solid #888888; background-color: #eeeeee; cursor: pointer}
.fa-frame{ margin: 0px; background: #eee; border:1px solid #888; padding: 5px;}
.mini-user-icon{ background: none repeat scroll 0 0 #e2e2e2; border-radius: 20px; display: inline-block; height: 25px; line-height: 25px;
text-align: center; width: 25px; }
.mini-user-icon i{ font-size: 16px;}
.adm-btn-edit {display: inline-block; width: 20px; height: 20px; line-height: 20px; text-align: center; color: #FFF; border-radius: 3px; background: #9BB781; font-size: 12px;}
/****************************** smsrec ************************************/
.wrat {font-size: 20px; color: #ffffff; font-weight: bold;}
.w {color: #ffffff;}
.bw {font-size: 13px; color: #ffffff;}
.z-smsrec > .sub-ex{ margin: 5px 5px 40px 5px;}
.z-smsrec > .fframe{ border: 0px; background: #EDEBEC; position: relative; padding: 20px 30px; margin-top: 30px; margin-bottom: 30px;}
.z-smsrec > .fframe .sub-text1{ width: 70px; }
.z-smsrec > .fframe .sub-text2{ width: 100px; }
.z-smsrec > .fframe .sub-text2{ display: inline-block; width: 145px; margin-left: 20px; }
.z-smsrec > .fframe .sub-text2{ display: inline-block; width: 140px; margin-left: 5px; }
.z-smsrec .ex-bt{ margin-top: 20px; padding-top: 20px; border-top: 1px solid #999;}
.z-smsrec .ex-bt > div{ margin-left: 25px;}
.z-smsrec > .fframe .tab-form{ position: absolute; top: -30px; left: 0; background: #EDEBEC; padding: 10px 30px; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; text-align: center;}
.z-smsrec .ui-selectmenu-button{ background-image: none; background-color: #FFF; color: #555;}
.z-smsrec .ui-state-active{ background-image: none; background-color: #777; color: #FFF;}
.z-smsrec .ui-state-hover,
.z-smsrec .ui-widget-content .ui-state-hover,
.z-smsrec .ui-widget-header .ui-state-hover,
.z-smsrec .ui-state-focus,
.z-smsrec .ui-widget-content .ui-state-focus,
.z-smsrec .ui-widget-header .ui-state-focus{ background-image: none; background-color: #1565C0; color: #FFF;}
.z-smsrec #submit-form{ border: 1px solid #e2e2e2; background: #337ab7; color: #FFF;}
.sm-modal-bg{ height: 100%; overflow: hidden; position: absolute; top: 0; width: 100%; background: #e2e2e2; opacity: .6; z-index: 1000;}
.sm-modal-bg.closed{ display: none; }
.sm-loading-wrapper{ width: 600px; max-width: 100%; height: 200px; border-radius: 20px; max-height: 100%;position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: white; box-shadow: 0 0 60px 10px rgba(0, 0, 0, 0.9);
display: flex; justify-content: center; align-items: center; z-index: 1001; }
.sm-loading-wrapper .sm-load-text{font-size: 30px; color: #777; margin-right: 20px;}
.sm-loading-wrapper .fa-3x i{font-size: 50px; color: #447cad;}
.sm-loading-wrapper.closed { display: none; }
/*********************************** movie cards section ************************************/
.nflag{ height: 14px;}
.f-text{ display: inline-block; left: 120px; background: #fff; padding: 5px; border-radius: 3px; border: 1px solid #447cad; color: #447cad; font-size: 16px}
.movie-card-container{ float: left; }
.moviecard-cont{ padding: 0 0 0 5px;}
.moviecard-section-wrapper {display: flex; margin-bottom: 50px;}
.moviecard-section-wrapper .right-panel {min-width: 300px;}
.moviecard-section-wrapper .moviecard-section-container {margin: 0;}
.moviecard-section-wrapper .moviecard-section-container > div {display: flex; }
.moviecard-section-wrapper .moviecard-section-container .movie-card {width: 100%;}
.moviecard-section-wrapper .moviecard-section-container .stats {text-align: center; min-width: 90px; margin: 0 10px;}
.moviecard-section-wrapper .moviecard-section-container .stats .avg-rating {width: 60px; height: 60px; line-height: 60px; font-size: 30px; padding: 0; border-radius: 10px; margin: auto auto 10px auto;}
.moviecard-section-wrapper .moviecard-section-container .stats .rat-count {margin-bottom: 15px; font-size: 14px; color: #333;}
.moviecard-section-wrapper .moviecard-section-container .stats .rat-count div {display: inline-block;}
.moviecard-section-wrapper .moviecard-section-container .stats .rat-count i {color: inherit; margin-right: 2px;}
.moviecard-section-wrapper .moviecard-section-container .stats .rat-count.countcat {font-weight: bold; font-size: 18px;}
.moviecard-section-wrapper .moviecard-section-container .avg-rating-sm {width: 60px; height: 50px; line-height: 50px; font-size: 24px; padding: 0; border-radius: 10px; margin: 0 auto 5px auto; background: #990000; color: #FFF; font-weight: bold;}
.moviecard-section-wrapper .moviecard-section-container .movie-card {margin-bottom: 10px;}
.moviecard-section-wrapper .moviecard-section-container .synop {margin-right: 15px; text-align: justify;}
.moviecard-section-wrapper .moviecard-section-container .genres {font-weight: bold; }
.moviecard-section-wrapper .moviecard-section-container .genres::after {content: " | ";}
.moviecard-section-wrapper .moviecard-section-container .mc-cast {line-height: 22px; margin-bottom: 0;}
.moviecard-section-wrapper .moviecard-section-container .mc-director {margin: 15px 0 3px 0;}
.moviecard-section-wrapper .moviecard-section-container .mc-info-container img {vertical-align: text-top;}
.moviecard-section-wrapper .moviecard-section-container .otitle {font-size: 14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.float-right{ float: right;}
.float-left{ float: left;}
.fa-shadow{ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1)}
.fa-shadow-nb:before { content : ""; position: absolute; left: 65px; bottom: 0; height: 1px; width: 75%; border-bottom: 1px solid #DDD; }
.fa-box-b { border: 1px solid #a2a2a2; border-radius: 5px; cursor: pointer; display: inline-block; font-size: 14px; margin-right: 5px; padding: 5px; text-align: center; color: #333; background: #FFF;}
.fa-box-b i{font-size: 14px; color: #333; }
.reset-actions {margin: 0 -10px 20px -10px; padding: 10px;}
.reset-actions .reset-info {margin-bottom: 10px;}
.reset-actions .reset-info i {font-size: 20px; margin-right: 5px; vertical-align: middle;}
/*********************************** movie reviews ************************************/
.reviews-wrapper{ margin: 0 10px; }
.review-separator{ border-bottom: 3px solid #E2E2E2; margin: 15px auto 20px; }
.user-review-item{ margin: 5px 5px 40px 5px; padding: 10px; background: #FFFFFF; border-radius: 3px; border: 1px solid #ffffff; -webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; outline: none;}
.review-status-revised {background: #FE8D09;}
.review-border-status-revised {border: 2px solid #FE8D09;}
.review-status-pending-revision {background: #FBD072;}
.review-border-status-pending-revision {border: 2px solid #FBD072;}
.review-status-invalid {background: red; color: #FFF;}
.review-border-status-invalid {border: 2px solid red;}
.review-status-pending-validation {background: #FFF100;}
.review-border-status-pending-validation {border: 2px solid #FFF100;}
.review-status-explanation {margin: 20px -10px; padding: 10px 20px;}
.user-reviews-highlight-up{ box-shadow: 0px 0px 5px 5px #4CAF50; border: 1px solid #4CAF50; }
.user-reviews-highlight-down{ box-shadow: 0px 0px 5px 5px #F44336; border: 1px solid #F44336; }
.user-reviews-highlight-fav{ box-shadow: 0px 0px 5px 5px #FFC107; border: 1px solid #FFC107; }
.filter-reviews-container{ margin: 10px 10px 10px 0px; padding: 10px 0px;}
.filter-reviews-container > div{ display: inline-block; vertical-align: top;}
.filter-reviews-container .pager{ margin-left: 150px;}
.movie-reviews-wrapper{ background: #f2f2f2;margin: 0 5px; padding: 5px;}
.movie-review-wrapper{ background: #ffffff; border: 1px solid #ffffff; border-radius: 3px; margin: 5px 5px 20px; outline: medium none; padding: 10px; transition: all 0.3s ease-in-out 0s;}
.movie-review-wrapper .mr-user-info-wrapper .mr-user-nick{ display: inline-block; margin-top: 7px;}
.movie-review-wrapper .mr-user-info-wrapper .mr-user-nick a{ font-size: 15px; color: #333333;}
.movie-review-wrapper .mr-user-info-wrapper .mr-user-nick a:hover{ text-decoration: underline;}
.movie-review-wrapper .mr-user-info-wrapper .mr-user-country{ display: inline-block; font-size: 10px; margin-right: 20px;}
.movie-review-wrapper .mr-user-info-wrapper .user-reviews-movie-rating{ display: inline-block; vertical-align: top; float: right; border-radius: 3px; width: 30px; height: 30px; font-size: 20px; line-height: 30px; text-align: center; background: #FFF; color: #990000; font-weight: bold; border: 1px solid #990000;}
.movie-review-wrapper .mr-user-info-wrapper .mr-user-rat-rev{ color: #777; font-size: 12px; margin-top: 5px;}
.movie-review-wrapper .mr-user-info-wrapper .mr-user-rat-rev span{ margin-right: 5px;}
.movie-review-wrapper .mr-user-info-wrapper .mr-user-rat-rev i{ font-size: 6px; margin-right: 5px; color: #d2d2d2;}
.mr-user-info-wrapper.sn .mini-user-icon {float: left; width: 40px; height: 40px; line-height: 40px;}
.mr-user-info-wrapper.sn .mini-user-icon i {font-size: 22px;}
.mr-user-info-wrapper.sn .user-info {margin-left: 50px;}
.mr-user-info-wrapper.sn .user-info .mr-user-nick {display: inline-block; margin-top: 0px;}
.mr-user-info-wrapper.sn .user-info .snets {margin-top: 5px;}
.mr-user-info-wrapper.sn .user-info .snets a {margin-right: 5px; vertical-align: top;}
.mr-user-info-wrapper.sn .user-info .snets i {font-size: 18px}
/******************************** full credits *****************************************/
.wrapper-full-cast{ display: inline-flex; width: 100%; margin: 0px 10px;}
.wrapper-full-cast .column-wrapper{width: 49%;}
.wrapper-full-cast .column-wrapper h3{font-size: 20px; margin-bottom: 0px;}
.wrapper-full-cast .column-wrapper h3 .badge{font-size: 14px; color: #777777;}
.wrapper-full-cast .column-wrapper .credit-li img{ box-shadow: 2px 3px 4px #BBBBBB; border-radius: 5px; }
.wrapper-full-cast .column-wrapper .credit-li .no-picture.no-picture-200{ box-shadow: 2px 3px 4px #BBBBBB; border-radius: 5px; border: 1px solid #e2e2e2;}
.wrapper-full-cast .column-wrapper .credit-li .no-picture.no-picture-250{ box-shadow: 2px 3px 4px #BBBBBB; border-radius: 5px; border: 1px solid #e2e2e2;}
.wrapper-full-cast .column-wrapper .credit-li .credit-link {padding: 5px; font-size: 16px; display: flex; align-items: center;}
.wrapper-full-cast .column-wrapper .credit-li .credit-link .credit-info{ display: inline-block; margin-left: 15px;}
.wrapper-full-cast .column-wrapper .credit-li .credit-link .credit-info .role{ font-size: 12px; color: #777777;}
/******************************** table reviews *****************************************/
.trev{ border: solid #999999; border-width: 1px 0px 1px 0px; background: #F2F2F2;}
.trev th {padding: 5px 2px; font-weight: normal; font-size: 14px; background: #326e9c; color: #FFFFFF; text-align: left;}
.trev td {border-bottom: 1px solid #dddddd; vertical-align: baseline}
.trev .rwtitle { width: 475px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-left: 5px}
.trev .rwtitle a{ text-decoration:none; font-size: 14px;}
.trev .rmtitle {margin: 0px 0px 0px 5px;}
.trev .rmtitle a{ text-align:left; font-size: 12px; color:#777777; text-decoration:none}
.trev .rwdate{ font-size: 14px; color: #777777; margin-bottom: 5px;}
.trev .rwuseful{ font-size: 11px; color: #666666; float: right; clear: both;}
.trev .revrat{ color: #990000; font-size: 18px; text-align: right;}
.trev .revuser{ width: 150px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.trev .is-fav{ color: #FFC107}
/*******************************************************************************************/
.review-title{ color:#326e9c; display: inline-block; margin-left: 10px; max-width: 700px; overflow-x: hidden;}
.review-title a{ font-size: 20px !important; text-decoration: none; color:#326e9c;}
.review-title a:hover{ text-decoration: underline; }
.review-date{ color: #888888; font-size: 77%; display: inline-block; margin: 0px 15px 0 10px;}
.review-useful{ display: inline-block; color: #888888; font-size: 77%; margin-left: 15px;}
.review-text1{padding: 20px 15px; color:#444444; font-size: 14px; line-height: 22px;}
.review-text2{padding: 20px 15px; color:#444444; font-size: 14px; line-height: 22px;}
.review-spoiler-info{ padding: 4px; font-size: 77%;}
.review-user-nick{ padding: 4px; font-style: italic; text-align:right;}
.rfavd{ font-size: 85%;}
.padding-user-review{ position: relative;}
.rate-review{ text-align: right; }
.rate-review .review-info{ font-size: 12px; font-weight: normal; display: inline-block;}
.rate-review a{ color: #666666; font-style: normal; text-decoration: none;}
.rate-review a:hover{ text-decoration: underline; font-style: normal;}
.approve-review{ display: inline-block; border: 1px solid #e2e2e2; height:18px; width:24px; background: #fff;}
.approve-review:hover{ background: #e2e2e2;}
.disapprove-review{ display: inline-block; border: 1px solid #e2e2e2; height:18px; width:24px; background: #fff;}
.disapprove-review:hover{ background: #e2e2e2;}
.share-review{ text-align: center; padding: 3px 0px 0px 0px;}
.share-review a{font-size: 77%; text-decoration: none; color: #666666}
.share-review a:hover{ text-decoration: underline;}
.center-pager{ text-align: center;}
.center-pager table{ margin: 0 auto; text-align: left;}
.rate-review .info-template .loading {text-align: center;}
.rate-review .info-template {position: relative; display: none;}
.rate-review .info-template .pop-box {font-style: normal; line-height: 20px;}
.rate-review .info-template .pop-box .header {font-weight: bold;}
.rate-review .info-template .pop-box ul {list-style-type: none; margin: 0px; padding: 0px; font-size: 11px;}
.rate-review .info-template .pop-box ul > li {margin: 8px 0px;}
.rate-review .info-template .pop-box ul > li {margin: 8px 0px;}
.user-review-control-wrapper{ padding: 0px 5px; margin: 0px 5px; position: relative; text-align: right;}
.user-review-control-wrapper .user-reviews-order{ padding: 5px 0px; margin: 5px 0px; display: inline-block;}
.user-review-control-wrapper .user-reviews-page-info{ position:absolute; top: 15px; left: 0px;}
.user-review-control-wrapper .my-reviews-page-info{ position:absolute; top: 30px; left: 0px;}
.user-reviews-movie-rating{ display: inline-block; vertical-align: top; float: right; border-radius: 3px; width: 30px; height: 30px; font-size: 20px; line-height: 30px; text-align: center; background: #FFF; color: #990000; font-weight: bold; border: 1px solid #990000;}
.info-icon {cursor: pointer; display: inline-block; color: #FFF; font-size: 16px; }
.info-icon i{ color: #447CAD}
.pop-box {position: absolute; background: #FFF; z-index: 1; width: 400px; bottom: 5px; box-shadow: 2px 2px 15px 0px #444; padding: 10px; text-align: left;}
.ebox{ margin: 10px 0px;}
.reviews-useful-bar {height: 8px; width: 200px; display: inline-block; vertical-align: middle; background: #DDD; border-radius: 5px; margin-left: 15px;}
.reviews-useful-bar > div {height: 8px; width: 0; background: #4CAF50; border-radius: 5px;}
/*************************************** boxoffice ***********************************************************/
/* este estilo tb se utiliza en admin */
.box-office-wrapper {
.header {font-size: 16px;
.date {font-size: 13px; color: #555; margin-top: 5px;}
}
table.box-office {
thead {background: #F5F5F5;}
tr > td.yellow {background: #ffff00;}
}
}
/*
.wcap {text-align: left; padding: 3px; color: #FFFFFF;}
.box-office-wrapper {padding: 10px;}
.box-office-wrapper .header {font-size: 16px;}
.box-office-wrapper .header .date {font-size: 13px; color: #555; margin-top: 5px;}
table.box-office {width: 100%; border-width: 0px !important; margin-top: 10px;}
table.box-office thead {background: #F5F5F5;}
table.box-office tr > th {text-align: left; border-width: 0px !important; padding: 5px !important;}
table.box-office .center {text-align: center;}
table.box-office .right {text-align: right; padding-right: 20px !important;}
table.box-office td:nth-child(1) {width: 60px; text-align: center;}
table.box-office th:nth-child(1) {text-align: center;}
table.box-office tr > td.yellow {background: #ffff00;}
table.box-office.all td:nth-child(4) {text-align: right; padding-right: 20px !important;}
table.box-office.all2 td:nth-child(2) {width: 350px;}
table.box-office.all2 td:nth-child(3),
table.box-office.all2 td:nth-child(4),
table.box-office.all2 td:nth-child(5) {text-align: right; padding-right: 20px !important;} */
/************************************* mcalc ******************************************/
.rate-review-wrapper{ display: inline-block; float: left;}
.share-review-wrapper{ display: inline-block; }
.rate-review a{ }
.rate-review a:hover{ text-decoration: none;}
.user-review-usefull-icon{ padding: 5px; text-align: center; border-radius: 5px; border: 1px solid #A2A2A2; display: inline-block; margin-right: 5px; font-size: 14px; cursor: pointer; color: #e8e8e8;}
.user-review-usefull-icon i{ color: #a2a2a2}
.user-review-info{ padding: 5px; text-align: center; border-radius: 5px; border: 1px solid #a2a2a2; display: inline-block; font-size: 14px; cursor: pointer; }
.user-review-info i{ color: #a2a2a2;}
.user-review-info:hover{ color: #777777; border: 1px solid #777777; text-decoration: none !important;}
.user-review-info:hover i{ color: #777777;}
.user-review-info-text{ display:none; position: absolute; top: 0px; left: 240px; padding: 5px; text-align: center; font-size: 20px; cursor: pointer; font-size: 12px;}
.thumb-up:hover{ border: 1px solid #4CAF50 }
.thumb-up:hover i{ color: #4CAF50}
.thumb-down:hover{ border: 1px solid #F44336 }
.thumb-down:hover i{ color: #F44336}
.user-review-share-icon{ display: inline-block; padding: 5px; font-size: 14px; text-align: center; border-radius: 4px; border: 1px solid #a2a2a2; cursor: pointer;}
.user-review-share-icon i{ color: #a2a2a2}
.user-review-share-icon:hover{ color: #777777; border: 1px solid #777777; text-decoration: none !important;}
.user-review-share-icon:hover i{ color: #777777; text-decoration: none !important;}
.user-review-add-fav{ padding: 5px; text-align: center; border-radius: 5px; border: 1px solid #A2A2A2; display: inline-block; margin-right: 5px; font-size: 14px; cursor: pointer; color: #e8e8e8;}
.user-review-add-fav i{ color: #a2a2a2}
.user-review-add-fav .is-fav{ color: #FFC107}
.user-review-add-fav:hover{ border: 1px solid #FFC107;}
.user-review-add-fav:hover i{ color: #FFC107;}
.rwuseful{ display:none; position: absolute; top: 0px; left: 240px; padding: 5px; text-align: center; font-size: 20px; cursor: pointer; font-size: 12px; background: #4CAF50 !important; color: #FFFFFF !important;}
.not-rwuseful{ display:none; position: absolute; top: 0px; left: 240px; padding: 5px; text-align: center; font-size: 20px; cursor: pointer; font-size: 12px; background: #F44336 !important; color: #FFFFFF !important; }
/************************************* mcalc ******************************************/
.mcalc-container{ padding:2px; }
.mcalc-movie{ margin-left: 0px; padding: 3px 0px; width: 280px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #666;}
.mcalc-movie a{ font-size: 100%; text-decoration: none; color: #4682B4}
.mcalc-movie a:hover{ text-decoration: underline}
.mcalc-movie .mcalc-movie-pos{ width: 15px; text-align: right; display: inline-block; margin-right: 10px;}
/********************************** minitours **************************************/
.mini-tours ul {list-style: none; margin: 0 2px; padding: 0; text-align: justify; display: flex; flex-wrap: wrap;}
.mini-tours ul > li {display: inline-block; background: #F0F0F0; margin: 8px 5px; border-left: 4px solid #447CAD;}
.mini-tours ul > li:nth-child(2n) {border-color: #FCCB1A;}
.mini-tours ul > li > a {padding: 8px 12px; display: inline-block;}
/*********************************** tours *******************************************/
.tours .tours-wrapper {background: #F2F2F2; margin: 10px; padding: 1px;}
.tours .tours-wrapper ul {list-style: none; margin: 0; padding: 5px;}
.tours .tours-wrapper ul > li {background: #FFF; margin: 5px; display: inline-block; width: 248px; text-align: center;}
.tours .tours-wrapper ul > li.ad {background: none; display: block; width: auto;}
.tours .tours-wrapper ul > li .posters {margin: 15px 0;}
.tours .tours-wrapper ul > li .posters img {border-radius: 5px; box-shadow: 0px 2px 5px 0px #888;}
.tours .tours-wrapper ul > li .posters > img {width: 160px; height: 237px; margin-bottom: 4px;}
.tours .tours-wrapper ul > li .posters .small-posters img {width: 77px; height: 113px;}
.tours .tours-wrapper ul > li .posters .small-posters img:first-child {margin-right: 4px;}
.tours .tours-wrapper ul > li > a {padding: 15px; display: block;}
.tours .tours-wrapper ul > li .ttitle {font-size: 16px; text-align: left; font-weight: bold; height: 38px; line-height: 18px;}
.tours .tours-wrapper ul > li .count {text-align: center; font-size: 14px;}
.tour-explanation{ text-align:center; margin: 10px 0; color: #666666;}
.tour-main-wrapper{ padding: 5px; margin: 10px; background: #F2F2F2; padding: 5px;}
#adm-link{ text-align: right; }
.tour-desc-item{ padding: 10px; margin:10px; background: #FFFFFF;}
.tour-sub-item{ font-style: italic; margin-left: 20px; color: #666666; }
.tour-bottom-link{ text-align:center; margin: 12px 0; }
#tour-wrapper .movie-tour-wrapper{ background: #ffffff; position: relative; margin: 10px; padding: 10px; border-bottom: 1px solid #CCC;}
#tour-wrapper .movie-tour-wrapper .movie-tour-item{ margin-right: 220px; }
#tour-wrapper .movie-tour-wrapper .tour-rating-box{ position: absolute; top: 0; right: 0px;}
#tour-wrapper .view-pager-filter-bar .top-info-wrapper-content {grid-template-columns: auto auto; }
#tour-wrapper .view-pager-filter-bar .applied-sort .content {cursor: initial;}
.tour-expla{ padding: 10px; margin: 10px; font-size: 13px; color: #666666; background: #F2F2F2; border-radius: 3px; }
.tour-expla i{ vertical-align: text-top; font-size: 13px; color: #666666;}
.info-tour-bottom{ font-size: 14px; font-weight: bold; text-align: center;}
.info-tour-bottom a{ display: block; margin-bottom: 10px;}
.info-tour-bottom a:hover{ text-decoration: underline;}
.info-tour-bottom .sub-info{ font-size: 13px; font-weight: normal; color: #777777;}
.vm.view-mode-buttons {float: right;}
.tour .fa-shadow {box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5) !important;}
.tour .view-pager-filter-bar .top-info-wrapper-content {grid-template-columns: auto auto; }
.tour .view-pager-filter-bar .applied-sort .content {cursor: initial;}
.tour .wrapper {background: #F2F2F2; margin: 15px 0; padding: 0; position: relative;}
.tour .wrapper.main-wrapper {background: #fff;}
.tour .title {font-size: 16px; margin: 40px 0 0 10px;}
.tour .title span {font-size: 13px;}
.tour .other-tours {margin: 5px;}
.tour .other-tours a:first-child {float: right;}
.tour .other-tours a:hover {text-decoration: underline;}
.tour .other-tours a i {color: inherit; }
.tour .ar {background: #FFF; color: #CCC; width: 65px; height: 65px; line-height: 62px; text-align: center; margin: 3px; cursor: pointer; position: absolute; z-index: 10; border-radius: 35px; top: 100px; border: 5px solid #FFF;
-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.tour .ar:hover {background: #DDD; color: #FFF;}
.tour .ar i {font-size: 30px; color: inherit; vertical-align: middle;}
.tour .ar.ar-l {left: 10px;}
.tour .ar.ar-r {right: 10px;}
.tour .ar.press {background: #CCC;}
.tour .window {width: 710px; overflow-x: clip; display: inline-block; margin: 0 50px;}
.tour ul {list-style: none; margin: 0; padding: 0; display: inline-block; vertical-align: top; }
.tour ul.full-list {white-space: nowrap; letter-spacing: 0; position: relative; left: 0;}
.tour ul.full-list > li {display: inline-block; width: 160px; white-space: normal; vertical-align: top; background: #FFF; margin: 2px; padding: 5px; position: relative; left: 0;}
.tour ul.full-list > li .mposter {position: relative;}
.tour ul.full-list > li .mposter a > img {width: 160px; height: 237px;}
.tour ul.full-list > li .mdetails {width: 160px; height: 237px; overflow: hidden; position: absolute; top: 0; left: 0; background: #FFF; display: none;}
.tour ul.full-list > li .mdetails > div {margin-bottom: 5px; color: #555; font-style: italic;}
.tour ul.full-list > li .mdetails dl {margin: 0; padding: 0;}
.tour ul.full-list > li .mdetails dl > dd {margin: 0 0 5px 15px; padding: 0; font-size: 12px;}
.tour ul.full-list > li .mdetails dl > dd.synopsis {color: #555;}
.tour ul.full-list > li .minfo {position: absolute; top: 228px; right: 0px; background: #888; color: #FFF; border: 2px solid #FFF; width: 22px; height: 22px; border-radius: 12px; text-align: center; cursor: pointer;}
.tour ul.full-list > li .minfo i {color: inherit; vertical-align: initial;}
.tour ul.full-list > li .minfo i.fa-file-image {display: none; font-size: 10px;}
.tour ul.full-list > li .mtitle {display: block; padding: 2px; text-align: center; font-size: 14px; height: 32px; overflow: hidden; margin: 10px 0 15px 0;}
.tour ul.full-list > li .rate-movie-box {padding: 0; margin: 0;}
.tour ul.full-list > li .title-box {position: relative;}
.tour ul.full-list > li .addl {position: absolute; top: -20px; left: 0px; background: #888; color: #FFF; border: 2px solid #FFF; width: 22px; height: 22px; border-radius: 12px; text-align: center; cursor: pointer; padding: 0;}
.tour ul.full-list > li .addl i {color: inherit; vertical-align: initial; font-size: 11px;}
.tour ul.full-list > li .rate-wrapper {margin-bottom: 0;}
.tour ul.full-list > li.addl-selected .addl {width: 40px; height: 40px; line-height: 45px; border-radius: 25px; top: -40px; background: #3C6E99;}
.tour ul.full-list > li.addl-selected .addl i {font-size: 22px;}
.tour .unique-lists-box {position: relative;}
.tour .unique-lists-box .recent-lists {top: -120px; left: 202px; right: auto;}
.tour ul.small-list {display: inline-block; margin: 8px;}
.tour ul.small-list > li {display: inline-block; text-align: center; background: #FFF; padding: 4px; margin: 3px 2px; height: 125px; vertical-align: top; cursor: pointer;}
.tour ul.small-list > li:nth-child(10n + 1) {margin-left: 4px;}
.tour ul.small-list > li img {width: 64px; height: 94px;}
.tour ul.small-list > li .rating {position: relative; margin: -10px auto 0 auto; z-index: 10; border-radius: 3px; width: 30px; height: 30px; font-size: 20px; line-height: 30px; text-align: center; background: #990000; color: #ffffff; font-weight: bold; box-shadow: 0px 2px 5px 0px #888;}
.tour ul.small-list > li.selected {background: #447CAD; opacity: 0.9;}
/*************************************** topics tabs*********************************/
.margin-tabs{ margin: 20px 0;}
.clear-movie-topic{ clear:both; padding-bottom:10px; margin-bottom: 10px; border-bottom: 1px solid #e2e2e2;}
.margin-ntabs{ margin: 10px 12px 15px 5px}
ul.ntabs {padding:0; margin:0; list-style: none; border-bottom: 1px solid #4682B4; font-size: 14px;}
ul.ntabs li {display: inline-block; padding:0; margin: 0 4px 0 0;}
ul.ntabs li > a {display: block; padding: 4px 8px; color: #47566E; border-bottom: 3px solid transparent; text-decoration: none; cursor: pointer;}
ul.ntabs li.active a, ul.ntabs li > a:hover {border-bottom-color: #4682B4}
ul.ntabs em {font-size: 85%; color: #999; font-style: normal;}
.ntabs .new{ position: relative;}
#tooltip-new {
color: #FFFFFF; text-shadow: #BBBBBB 0.2em 0.2em 0.2em; padding: 1px 4px; font-size: 11px; right: -5px; position: absolute; top: -7px; -moz-border-radius: 5px;
border-radius: 5px; line-height: 0.8; background: #ffa84c; /* Old browsers */ background: -moz-linear-gradient(top, #ffa84c 52%, #ff7b0d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(52%,#ffa84c), color-stop(100%,#ff7b0d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffa84c 52%,#ff7b0d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffa84c 52%,#ff7b0d 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffa84c 52%,#ff7b0d 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffa84c 52%,#ff7b0d 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=0 ); /* IE6-9 */
}
.tooltip-new{color: #333333; text-shadow: #BBBBBB 0.2em 0.2em 0.2em; padding: 1px 4px; font-size: 11px; -moz-border-radius: 5px;
border-radius: 5px; line-height: 0.8; background: #ffa84c; /* Old browsers */ background: -moz-linear-gradient(top, #ffa84c 52%, #ff7b0d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(52%,#ffa84c), color-stop(100%,#ff7b0d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffa84c 52%,#ff7b0d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffa84c 52%,#ff7b0d 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffa84c 52%,#ff7b0d 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffa84c 52%,#ff7b0d 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=0 ); /* IE6-9 */}
#movie-categories{ margin-left: auto; display:block; color: #666666; cursor: pointer; font-size: 12px; font-style: italic; position:relative;}
#movie-categories a{ color: #3583BE; text-decoration: none;}
#movie-categories .first-category{ width: 125px; text-align: right; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: inline-block; vertical-align: middle;}
#movie-categories strong {display: inline-block; margin-left: 5px; color: #666; font-size: 11px;}
#more-categories{ display: inline-block; padding: 5px 3px;}
.hidden-menu{position:absolute; overflow: visible; background: #ffffff; text-align: left; height: auto; border: 2px solid #888888; z-index: 10000; display: none; cursor: pointer; right: 0;}
.hidden-menu ul{ margin:0; padding:0; list-style: none;}
.hidden-menu ul li{ padding: 5px 6px; float: none; display: list-item; border: 0px; text-align: right; white-space: nowrap;}
.hidden-menu ul li a {color: #3583BE; text-decoration: none;}
.hidden-menu ul li a:hover{text-decoration: underline !important;}
.hidden-menu ul li a strong:hover{text-decoration: underline !important;}
.hidden-menu ul li:hover{ background: #f2f2f2;}
.margin-ntabs.movie-tabs{display: flex; align-items: center; border-bottom: 1px solid #4682B4;}
.margin-ntabs.movie-tabs .ntabs{border-bottom: 0px;}
/********************************** rating count ******************************/
.avg-rating {font-size: 138.5%; text-align: center; font-weight: bold; color: #ffffff; background: #4682B4; width:2em; padding: .2em 0;}
.rat-count {font-size: 85%; color: #666666;}
.rate-wrapper{ margin: 0px 0px 5px 0px; padding:10px 0px; background-color: #F0F0F0; border-radius: 2px; border: 1px solid #CDDCEB;}
.rt-wr-sd{ padding: 2px; font-size: 85%; margin-bottom: 5px;}
.rt-box{ background-color: #FFFFFF; border: 1px solid #CDDCEB; color: #4682B4; font-size: 85%; padding: 5px; margin: 0 10px;}
.rt-box a{ color: #326E9C; font-size: 12px;}
.rt-box a:hover{ text-decoration: underline;}
.rating-select{ width: 100px;}
.rate-wrapper .rate-title{ height: 25px;}
.rate-wrapper .ui-widget{ font-size: 14px !important;}
.rate-wrapper .ui-selectmenu-button.ui-button{ padding-top: 4px; padding-left: 4px; padding-bottom: 4px;}
.rate-wrapper .sh-rat-wrapper{ position: absolute; top: 5px; right: 19px; display: flex; justify-content: center; visibility: hidden; width: 1.5em; height: 1.5em; border-radius:10px; background: #447cad; align-items: center; box-shadow: 1px 2px 5px rgba(0,0,0,0.5)}
.rate-wrapper .sh-rat-wrapper:hover{ box-shadow: 0px 0px 0px 0px rgba(131,136,153,1) }
.rate-wrapper .sh-rat-wrapper i{ color:#FFFFFF; font-size: 12px;}
.rate-wrapper .in-block{ display: inline-block; vertical-align: bottom;}
.rate-wrapper .ts-rat{ margin-top: 5px; height: 20px}
.rate-wrapper .ui-selectmenu-button.ui-button{ padding-right: 0px;}
.rate-wrapper .ui-selectmenu-icon.ui-icon{ margin-top: 5px !important;}
.rate-wrapper .ui-selectmenu-text{ display: inline-flex; align-items: center; }
.rat-avg .ui-menu-item{ padding: 1px 0px; font-size: 12px !important; list-style-image: none !important;}
.rat-avg .ui-menu-item-wrapper{ display: inline-flex; align-items: center; width: 100%; width: -moz-available; }
.rat-avg .avg-text{ display: flex; align-items: center;}
.avg-rat-wrapper{
display: flex; font-size: 16px; width: 1em; height: 1.6em; width: 2em; letter-spacing: -1px; color: #fff;
border-radius: .3em; box-sizing: border-box; font-weight: normal; margin-right: 5px; border: 1px solid #900; background: #900; font-weight: bold;
justify-content: center; align-items: center;
}
.ui-selectmenu-button .avg-rat-wrapper{ font-size: 16px;}
.rat-avg .ui-menu-item .avg-rat-wrapper{ font-size: 12px; }
.rate-wrapper .ui-selectmenu-button.ui-button:hover{ -webkit-box-shadow: 0px 0px 2px 2px rgba(199,226,255,1); -moz-box-shadow: 0px 0px 2px 2px rgba(199,226,255,1);
box-shadow: 0px 0px 2px 2px rgba(199,226,255,1); }
.rat-avg .ui-state-active{ background: #1E90FF !important; color: #FFF !important;}
.zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-fill-mode: both;
animation-fill-mode: both; }
@-webkit-keyframes zoomIn {
0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); }
50% { opacity: 1; }
}
@keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); }
90% { opacity: 1;}
}
.zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; -webkit-animation-duration: .5s; animation-duration: .5s;
-webkit-animation-fill-mode: both; animation-fill-mode: both; }
@-webkit-keyframes zoomOut { 0% { opacity: 1; }
50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); }
100% { opacity: 0; }
} @keyframes zoomOut { 0% { opacity: 1; }
50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); }
100% { opacity: 0; }
}
/**************************************************************************************/
#wrapper-cat{ background: none repeat scroll 0 0 #f2f2f2; padding: 5px; margin: 5px 10px;}
.home-main-wrapper{display: flex;}
.home-main-wrapper .home-cat-container{ display: inline-block; width: 490px; vertical-align: top; margin-top: 5px; margin-left: 6px; margin-bottom:30px;}
.home-main-wrapper .home-cat-container .catrd-container{ display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 5px;}
.home-main-wrapper .home-cat-container .catrd-title a{ display: flex; align-items: center;}
.home-main-wrapper .home-cat-container .catrd-title a img{ margin-right: 10px; height: 40px;}
.home-main-wrapper .home-right-container{ margin-top: 40px; flex: 1 0 305px; overflow: hidden;}
.right-box-container{ margin-bottom: 25px;}
.amz-wrapper{ background: none repeat scroll 0 0 #FFFFFF; border: 5px solid #ddd; min-height: 250px; width: 300px; text-align: center;}
.amz-wrapper iframe{ margin: 0 10px; }
#main-title{ color: #333333; font-weight: normal; margin: 5px; padding: 0; text-decoration: none; width: fit-content; display: flex; align-items: center; font-size: 25px;}
#main-title a{ color: #333333; font-weight: normal; margin: 0; padding: 0; text-decoration: none; text-decoration: none;}
.movie-type{ display: flex; align-items: center; margin-left: 10px;}
.movie-type .type{ display: inline-block; border: 1px solid #557CAD; border-radius: 3px; padding: 2px 5px; font-size: 14px; color: #447cad; margin-left: 5px;}
.user-title-sec{ display: flex; font-size: 20px; color: #666666; margin: 15px 5px 20px; padding: 0; text-decoration: none; align-items: center; justify-content: space-between; }
.user-title-sec .cv-wrapper{margin: 0px 15px 0px 0px; padding: 0px; margin-left: auto;}
.user-title-sec .cv-wrapper .cv-btn{height: 30px; width: 30px; text-align: center; padding: 0px; font-size: 15px; line-height: 30px;}
.padding-movie-catrd{ display: inline-block; vertical-align: top; padding: 3px 3px 3px 0px;}
.catrd-title {margin-bottom:10px;}
.catrd-title a{ color: #333; font-size: 20px; text-decoration: none; font-weight: normal; }
.catrd-title a:hover{ text-decoration: underline;}
.catrd-title img{ vertical-align: text-bottom;}
.movie-mini-trailer{ padding: 3px; display: inline-block; vertical-align: top;}
.movie-mini-trailer img{width: 64px; height: 94px; box-shadow: 2px 3px 4px #BBBBBB; border-radius: 5px;}
.title-right-box{ margin-left: 20px;}
.title-right-box a{ color: #333; font-size: 20px; text-decoration: none; font-weight: normal; text-decoration: none;}
.title-right-box a:hover{ text-decoration: underline;}
.see-more-catrd{ text-align:right; display: block; padding: 5px 5px 0px 5px; grid-column: 3;}
.see-more-catrd a{ font-size: 85%; color: #3583BE; text-decoration: none;}
.see-more-catrd a:hover{ text-decoration: underline;}
.twtr-widget {border: 1px solid #AAAAAA !important;}
#twitter-fa { height: 290px;}
#facebook-fa{ height: 220px;}
.fa-button-cookie{ font-size: 13px; color: #444444; padding: 6px 10px; background: #f3f3f3; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #949494; }
.fa-button-cookie:hover{ color: #222222; background: #e8e8e8;}
#top-anch {display: none; position: fixed; bottom: 35px; right: 50px; background: #F0F0F0; width: 26px; height: 24px; text-align: center; border-radius: 5px; border: 1px solid #CDDCEB;}
.padding-list{ margin: 8px 2px 8px 10px;}
.no-margin{ margin: 0;}
.no-margin-top{ margin-top: 0 !important;}
.no-margin-bottom{ margin-bottom: 0 !important;}
.clearfix{ clear: both;}
.home-cat-container .scroller{ margin: 0px 5px;}
.home-cat-container .scroller .item-scroller{ position: relative;}
.home-cat-container .scroller .item-scroller .movie-poster{ padding: 0px 4px;}
.home-cat-container .scroller .item-scroller .item-date{ margin-bottom: 3px; color: #333333; background: #FFFFFF; width: fit-content; position: relative; padding: 0px 5px; z-index: 2;}
.home-cat-container .scroller .item-scroller .item-date-hidden{ visibility: hidden; height: 20px;}
.home-cat-container .scroller .item-scroller .line-wrapper{ border-top: 2px solid #333333; position: absolute; top: 7px; width: 95%; z-index: 1;}
.home-cat-container .scroller .item-scroller .line-wrapper.line{ width: 102%; left: -8px;}
.home-cat-container .scroller .item-scroller .stream-offer{ position: absolute; bottom: -10px; left: 45px; box-shadow: 1px 5px 5px #E2E2E2; height: 29px;}
.home-cat-container .scroller .item-scroller .stream-offer:hover div{ box-shadow: 0px 0px 5px 5px #e2e2e2;}
.home-cat-container .scroller .item-scroller .stream-offer img{ border: 1px solid #e2e2e2; height: 30px;}
.home-cat-container .scroller .item-scroller .calendar-link{ border: 1px solid #e2e2e2; position: absolute; bottom: -10px; left: 45px; box-shadow: 1px 5px 5px #E2E2E2; height: 29px; width: 29px; background: #000000; display: flex; align-items: center; justify-content: center;}
.home-cat-container .scroller .item-scroller .calendar-link i{ color: #FFFFFF;}
.home-cat-container .scroller .thumb-see-more{ width: 110px !important; height: 160px; background: #f2f2f2; text-align: center; border: 1px solid #E2E2E2; border-radius: 5px; box-shadow: 2px 3px 4px #BBBBBB; display: flex; align-items: center; font-weight: bold; margin: 20px 4px 0px;}
.home-cat-container .scroller .thumb-see-more:hover{ text-decoration: underline;}
.home-cat-container .scroller .slick-prev::before, .home-cat-container .scroller .slick-next::before { color: #333333;}
.home-cat-container .scroller .slick-arrow.arrow-left, .home-cat-container .scroller .slick-arrow.arrow-right{ position: absolute; top: 95px; cursor: pointer; padding: 10px;}
.home-cat-container .scroller .slick-arrow.arrow-left{ left: -22px;}
.home-cat-container .scroller .slick-arrow.arrow-right{ right: -25px}
.home-cat-container .scroller .slick-arrow i{ font-size: 20px;}
.home-cat-container .scroller .slick-arrow.arrow-left.slick-disabled, .slick-arrow.arrow-right.slick-disabled{ display: none !important;}
.home-cat-container .scroller .slick-list.draggable .slick-track{ margin: 15px 0px;}
.home-cat-container .city-theaters {position: relative;}
.home-cat-container .city-theaters .search {font-size: 16px; background: #EEE; padding: 10px; color: #FFF; position: relative; margin-right: 5px;}
.home-cat-container .city-theaters .search span {display: inline-block; margin-top: 3px;}
.home-cat-container .city-theaters .search input {width: 100%; border: none; padding: 3px 25px 3px 3px; border-radius: 3px; box-sizing: border-box;}
.home-cat-container .city-theaters .search input:focus {outline: none;}
.home-cat-container .city-theaters .search .fa-search {position: absolute; right: 15px; top: 13px;}
.home-cat-container .city-theaters .links {margin-top: -4px;}
.home-cat-container .city-theaters .links a { font-size: 10px;}
.home-cat-container .city-theaters .links a i {color: inherit; vertical-align: baseline;}
.home-cat-container .city-theaters .links .left {float: left; margin-top: 3px;}
.home-cat-container .city-theaters .links .fa-star {color: #FDCC1A;}
.home-cat-container .city-theaters .badge {color: #666; font-weight: bold; border-radius: 3px; font-size: 10px; margin-left: 5px;}
.home-cat-container .city-theaters .templates {display: none;}
.home-cat-container .fav-theaters-info {left: 135px; background: #EDF2F8; width: 350px; margin-top: -8px; display: none;}
.home-cat-container .fav-theaters-info a.register {float: right;}
.home-cat-container .fav-theaters-info > div {margin-bottom: 10px;}
.name-ac {display: flex !important;}
.name-ac .name-image {width: 50px; }
.name-ac .info .name {font-size: 14px; font-weight: bold; color: #555;}
.name-ac .akas {display: flex; margin-bottom: 10px;}
.name-ac .akas .label {color: #888; margin-right: 5px;}
.name-ac .akas ul {list-style: none; margin: 0; padding: 0;}
.name-ac .main-role {list-style: none; margin: 5px 0; padding: 0; display: inline-block important!; background: #EEE; border-radius: 3px;}
.name-ac .main-role > li {display: inline-block; border-left: 1px solid #CCC; padding: 2px 5px;}
.name-ac .main-role > li:first-child {border-width: 0;}
.name-ac .main-movie {color: #888; font-style: italic;}
.theater-ac {border-bottom: 1px solid #CCC;}
.theater-ac .icon {width: 40px; float: left; text-align: center;}
.theater-ac .icon i {font-size: 20px; margin-top: 5px; color: #555;}
.theater-ac .info {margin-left: 45px;}
.theater-ac .name {font-size: 14px; font-weight: bold;}
.precision {text-align: center; background: #EEE; padding: 5px;}
/*********************************** lists tip ************************************************************/
.lists-box {padding: 0px !important;}
.recent-lists:not(.recent-lists-resp) {position: absolute; margin-top: 1px; right: 20px; background: #FFF; box-shadow: 2px 2px 15px 0px #444; z-index: 1; width: 500px;}
.recent-lists:not(.recent-lists-resp) > .header {background: #447CAD; color: #FFF; line-height: 24px; position: relative; text-align: left; padding: 10px 15px; margin-bottom: 10px; font-size: 15px;}
.recent-lists:not(.recent-lists-resp) > .header > i {padding: 2px; cursor: pointer; position: absolute; right: 15px; top: 10px; color: #FFF;}
.recent-lists:not(.recent-lists-resp) > .subheader{ text-align: left; margin-left: 15px; padding-bottom: 10px; color: #888; font-weight: bold;}
.recent-lists:not(.recent-lists-resp) > table { border-spacing: 0; border-collapse: collapse; margin: 0px 10px 15px 10px; min-width: 490px; }
.recent-lists:not(.recent-lists-resp) > table > tbody > tr > td {text-align: left; vertical-align: middle;}
.recent-lists:not(.recent-lists-resp) > table > tbody > tr > td > input {cursor: pointer;}
.recent-lists:not(.recent-lists-resp) > table > tbody > tr > td > .list-name {width: 400px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer; padding: 7px 0px; margin: 0px; font-size: inherit; color: #447CAD;}
.recent-lists:not(.recent-lists-resp) > table > tbody > tr > td > .list-name:hover {text-decoration: underline;}
.recent-lists:not(.recent-lists-resp) > table > tbody > tr > td > .list-link{ margin-right: 10px;}
.recent-lists:not(.recent-lists-resp) > table > tbody > tr > td > .priv{ width: 20px;}
.recent-lists:not(.recent-lists-resp) > table > tbody > tr > td > .priv-public i{color: #1E90FF}
.recent-lists:not(.recent-lists-resp) > table > tbody > tr > td > .priv-private i{ color: #BD1010}
.recent-lists:not(.recent-lists-resp) > table > tbody > tr > td > .priv-friends i{ color: #478BCE}
.recent-lists:not(.recent-lists-resp) > .no-lists {padding: 10px 20px; width: 200px; text-align: left;}
.recent-lists:not(.recent-lists-resp) > .no-lists.error-loading {height: 60px;}
.recent-lists:not(.recent-lists-resp) > .bottom {background: #FFF; text-align: right; border-top: 1px solid #CCC; padding: 10px 5px;}
.recent-lists:not(.recent-lists-resp) > .bottom > a {display: inline-block; padding: 5px 8px; font-weight: bold;}
.recent-lists:not(.recent-lists-resp) > .bottom > a:hover {text-decoration: underline;}
.recent-lists:not(.recent-lists-resp) > .error-box {display: none; text-align: center;}
.recent-lists:not(.recent-lists-resp) > .error-box > .layer {background: #DDD; opacity: 0.5; filter: alpha(opacity=50); width: 100%; height: 100%; position: absolute; top: 0px; left: 0px;}
.recent-lists:not(.recent-lists-resp) > .error-box > .msg-content {background: #FFF; color: #900; font-weight: bold; text-align: center; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; margin: 20% auto; width: 90%;}
.recent-lists:not(.recent-lists-resp) > .error-box > .msg-content > div:first-child {text-align: right;}
.recent-lists:not(.recent-lists-resp) > .error-box > .msg-content > div:first-child > img {cursor: pointer;}
#hidden-template{ display: none;}
.mc-shadow {box-shadow: -3px 0px 8px #AAA !Important;}
.movie-card {position: relative; }
.movie-card .recent-lists:not(.recent-lists-resp) {top: 25px; margin-top: 0px; margin-right: 5px;}
.movie-card .recent-lists:not(.recent-lists-resp) .magic-checkbox+label:before, .magic-radio+label:before{ top: -12px;}
.movie-card .recent-lists:not(.recent-lists-resp) .magic-checkbox+label:after{ top: -9px;}
.recent-lists:not(.recent-lists-resp) .error-lst-md{ padding: 10px; background-color: #FFD484; color: #333; font-weight: bold;}
/********************************* usercard *****************************************/
.add-friend-wrapper{ }
#user-profile-wrapper{ margin-top: 10px; margin-bottom: 20px;}
.user-profile-main{ text-align: center; }
.user-profile-main h2{ margin: 0; padding: 0; font-weight: normal; text-align: center; font-size: 25px;}
.user-profile-main .fa-user-icon {display: inline-block; vertical-align: top; background: #EDF2F8; width: 60px; height: 60px; line-height: 64px; border-radius: 40px; text-align: center; margin: 10px 0 0 0px;}
.user-profile-main .fa-user-icon i {color: #447CAD; font-size: 40px;}
.user-profile-main .fa-user-affinity{ display: inline-block; vertical-align: top; width: 40px; height: 40px; line-height: 40px; font-size: 12px; border-radius: 18px; text-align: left; margin: 10px 0 0 0; padding-left: 3px; color: #333333; font-weight: bold;}
.user-profile-main .user-nick-wrapper{ margin: 10px; display: inline-block; padding: 0 10px;}
.user-profile-main .user-nick-wrapper .user-friend-alias-wrapper{ font-size: 12px; text-align: center; color: #666666; border-bottom: 1px solid #e2e2e2; color: #333333; padding: 5px 0px;}
.user-profile-main .user-other-info-wrapper{ margin-left: 10px; padding-top: 5px; color: #666666; font-size: 12px;}
.user-profile-main .btn-add-friend{ display: inline-block; vertical-align:top; border-radius: 3px; text-align: center; cursor: pointer; width: 60px; height: 60px; border-radius: 30px; line-height: 60px; margin: 10px 0 0 20px;}
.user-profile-main .btn-add-friend i{ font-size: 30px; color: #FFFFFF; margin: 0;}
.user-profile-main .btn-add-friend:hover{ opacity: 1}
.user-profile-main .add-friend-wrapper{ background: #90CAF9; color: #FFFFFF; }
.user-profile-main .is-friend-wrapper{ background: #64B5F6; color: #FFFFFF; }
.user-profile-info-wrapper{ text-align: center; border-bottom: 2px solid #E8E8E8;}
.user-profile-info-wrapper > a{ display: inline-block; width: 12%; padding: 5px 10px 5px 40px; margin: 5px 5px 0px 5px; font-size: 15px; color: #666666; text-align: left; border-bottom: 3px solid #FFFFFF}
.user-profile-info-wrapper > a:hover:not(.inactive-link){ border-bottom: 3px solid #4682B4}
.user-profile-info-wrapper .active-tab{ border-bottom: 3px solid #4682B4 }
.user-profile-info{ }
.user-profile-info a{ color: #FFFFFF; }
.user-profile-info span i{ float: left; color: #999999; font-size: 25px; margin-top: 5px; margin-right: 10px; vertical-align: bottom;}
.user-profile-info:hover{ }
.user-profile-info:hover span i{ }
.user-pro-icon{ }
.user-pro-icon i{ font-size: 18px !important; margin: 1px 5px 0px 0px!important;}
.up-num-info{ font-size: 20px; font-weight: bold; color: #447cad}
.up-subnum-info{ font-size: 12px;}
.up-subnum-info a{ color: #666666; }
.inactive-link{ cursor: default; }
.inactive-link .up-num-info{ color: #777777; }
#user-see-more-st{ float: right; margin: 5px 10px 0px 0px; position: relative; padding: 10px; cursor: pointer;}
#user-see-more-st i{ font-size: 26px;}
.user-link-items{ display: inline-block; margin: 0 3px;}
.user-link-items i{ font-size: 20px !important; color: #999999;}
.user-link-items:hover i{ color: #555555;}
.user-social-items{ display: inline-block; margin: 0 3px;}
.user-social-items i{ font-size: 20px !important; color: #999999;}
.user-social-items:hover i{ color: #555555;}
.groups-fix{ width: 16% !important;}
.user-settings{ position: absolute; top: 50px; left:-190px; background: #FFFFFF; border: 1px solid #e8e8e8; padding: 10px 30px; box-shadow: 2px 2px 15px 0 #444; z-index: 1; text-align: left; cursor: default;}
.user-settings ul{ margin:0; padding: 0;}
.user-settings ul li{ list-style: none; white-space: nowrap; margin: 20px 10px; font-size: 13px;}
.user-settings ul li a{ color: #326e9c; font-weight: bold; margin: 0;}
.user-settings ul li a:hover{ text-decoration: underline; font-weight: bold; margin: 0;}
.user-settings ul li .mini-header-user{ color: #777777; margin-bottom: 5px;}
.user-circle-info{ display: inline-block; vertical-align: top; width: 50px; height: 50px; line-height: 50px; text-align: center; border-radius: 40px; font-size: 20px; color: #FFFFFF; margin: 15px 0 0 0px; position: relative; cursor: pointer;}
.user-circle-info:hover{ }
.user-circle-info i{ font-size: 26px !important; color: #FFFFFF; }
.user-circle-info2{ display: inline-block; vertical-align: top; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 30px; font-size: 20px; color: #FFFFFF; margin: 15px 0 0 0px; position: relative; cursor: pointer;}
.user-circle-info2:hover{ }
.user-circle-info2 i{ font-size: 26px !important; color: #FFFFFF; }
.affinity-bk{ background: #FFCA28; font-size: 15px; font-weight: bold; color: #777777; line-height: 40px; cursor: default;}
.affinity-bk .mini-label{ position: absolute; top: -2px; left: 0px; width: 50px; text-align:center; font-size: 10px; font-weight: bold; color: #555555; }
.affinity-bk .affinity-per{ position: absolute; top: 11px; left: 0px; width: 50px; text-align:center; font-size: 14px; font-weight: bold; color: #555555;}
.add-friend-bk{ background: #447cad;}
.add-friend-bk:hover{ background: #4b89bf;}
.add-friend-bk .mini-label{ position: absolute; top: 0; left: 0px; width: 50px; text-align:center; font-size: 14px; font-weight: bold; color: #777777;}
.add-friend-bk i{ color: #FFFFFF;}
.edit-friend-bk{ background: #447cad; }
.edit-friend-bk:hover{ background: #4b89bf; }
.edit-friend-bk .mini-label{ position: absolute; top: -5px; left: 0px; width: 50px; text-align:center; font-size: 14px; font-weight: bold; color: #FFFFFF;}
.edit-friend-bk i{ position: absolute; top: 10px; left: -4px; width: 50px; text-align:center; font-size: 30px !important;}
.edit-friend-bk .friend-icon{ z-index: 100; text-shadow: 1px -1px rgb(102, 102, 102);}
.edit-friend-bk .friend-icon-shadow{ color: #e2e2e2; margin-left: 8px; top: 6px;}
.total-groups-bk{ font-weight: bold; line-height: 40px; font-weight: bold; color: #777777; border: 1px solid #AAAAAA; cursor: default;}
.mini-label{ position: absolute; top: 15px; left: 0px; width: 50px; text-align:center; font-size: 9px; font-weight: bold;}
#go-to-url {font-size: 13px;}
#go-to-url .link {text-align: center; margin-top: 30px;}
#go-to-url .link a {text-decoration: underline;}
#go-to-url .ui-dialog-title {font-size: 13px;}
/********************************************************************************************************************************************/
@keyframes progress {
0% {
stroke-dasharray: 0 100;
}
}
.user-card-profile2 {margin-top: 15px;}
.user-card-profile2 .collabor {width: 250px; height: 26px; background: #FDCC1A; position: relative; margin: 10px auto 20px auto; font-size: 18px; text-align: center; line-height: 26px;}
.user-card-profile2 .collabor:after {content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 0; border-left: 10px solid #FFF; border-top: 13px solid transparent; border-bottom: 13px solid transparent;}
.user-card-profile2 .collabor:before {content: ''; position: absolute; right: 0; bottom: 0; width: 0; height: 0; border-right: 10px solid #FFF; border-top: 13px solid transparent; border-bottom: 13px solid transparent;}
.user-card-profile2 .avatar-row .resume .res-val > div {font-size: 22px; font-weight: bold;}
.user-card-profile2 .avatar-wrapper2 {display: flex; padding: 10px;}
.user-card-profile2 .avatar-wrapper2 .avatar .icon {display: block; width: 90px; position: relative;}
.user-card-profile2 .avatar-wrapper2 .avatar .icon .circular-chart {display: block; border-radius: 30px; }
.user-card-profile2 .avatar-wrapper2 .avatar .icon .circle-bg {fill: var(--bs-primary); stroke: var(--bs-gray-300); stroke-width: 3.8;}
.user-card-profile2 .avatar-wrapper2 .avatar .icon .circle {fill: none; stroke-width: 2.8; stroke-linecap: round; animation: progress 1s ease-out forwards; stroke: #FECD19;}
.user-card-profile2 .avatar-wrapper2 .avatar .icon .svg-icon {position: absolute; bottom: 15px; left: 19px;}
.user-card-profile2 .avatar-wrapper2 .avatar .icon .svg-icon i {font-size: 50px; color: #FFF;}
.user-card-profile2 .avatar-wrapper2 .avatar .icon .popover {width: 300px;}
.user-card-profile2 .avatar-wrapper2 .avatar-data {margin-left: 10px; }
.user-card-profile2 .avatar-wrapper2 .nick {font-size: 20px; font-weight: bold;}
.user-card-profile2 .avatar-wrapper2 .nick #alias {font-weight: normal; font-size: 18px;}
.user-card-profile2 .avatar-wrapper2 .friends {font-size: 13px; font-weight: normal; padding: 1px 5px; vertical-align: text-bottom; }
.user-card-profile2 .avatar-wrapper2 .friends i {font-size: 20px; color: inherit; margin-right: 5px;}
.user-card-profile2 .avatar-wrapper2 .soulmate {font-size: 13px; font-weight: normal; background: #FECD19; border: 1px solid #FECD19; padding: 1px 5px; vertical-align: text-bottom; }
.user-card-profile2 .avatar-wrapper2 .soulmate a {color: inherit;}
.user-card-profile2 .avatar-wrapper2 .soulmate i {font-size: 20px; color: inherit; margin-right: 5px; color: inherit;}
.user-card-profile2 .avatar-wrapper2 .in-block {margin-left: 5px; padding-left: 5px; vertical-align: sub; display: inline-block;}
.user-card-profile2 .avatar-wrapper2 .in-block .sn-icon {margin: 0 5px; display: inline-block; cursor: pointer;}
.user-card-profile2 .avatar-wrapper2 .in-block .sn-icon.hide {display: none;}
.user-card-profile2 .avatar-wrapper2 .in-block .sn-icon i {font-size: 18px; color: var(--bs-secondary);}
.user-card-profile2 .avatar-wrapper2 .in-block .sn-icon i:hover{ color: var(--bs-primary); }
.user-card-profile2 .avatar-wrapper2 .avatar-templates {display: none;}
.avatar-card-sm-explan .no-logged > div {margin-top: 10px; text-align: center;}
.user-card-profile2 .pop-menu {position: relative;}
.user-card-profile2 .pop-menu .menu {display: none; min-width: 350px; position: absolute; z-index: 101; box-shadow: 2px 3px 4px #BBBBBB; right: 20px; background: #FFF; top: 50px; border-top: 1px solid #EEE; font-size: 16px;}
.user-card-profile2 .pop-menu ul .icon-btn {padding: 0px 5px; margin: 0 0 0 5px;}
.user-card-profile2 .pop-menu i {font-size: 16px;}
.user-card-profile2 .pop-menu .sn-icon {cursor: pointer;}
.user-card-profile2 .pop-menu .switch-menu i {font-size: 25px; color: inherit;}
.user-card-profile2 .pop-menu .angle {width: 0; height: 0;}
.user-card-profile2 .pop-menu .angle:after,
.user-card-profile2 .pop-menu .angle:before {border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 12px solid #fff; top: -12px; content: ''; right: 2px; margin-left: -12px; position: absolute;}
.user-card-profile2 .pop-menu .angle:before {border-left: 13px solid transparent; border-right: 13px solid transparent; border-bottom: 13px solid #CCC; top: -13px; right: 1px; margin-left: -13px;}
.user-card-profile2 .templates {display: none;}
.user-card-profile2 .templates-modals #blog-ext-link .link {text-align: center; margin: 30px 0;}
/* comentar esta cuando esté activa la 2*/
.user-card-profile {margin: 15px 0 0 0; border-bottom: 1px solid #CCC;}
.user-card-profile .avatar-wrapper{ text-align: center; margin: 0 auto;}
.user-card-profile .avatar-wrapper .avatar { float: none; margin:0 auto;}
.user-card-profile .avatar-wrapper .avatar .icon {background: #3C6E99; width: 60px; height: 60px; line-height: 65px; text-align: center; border-radius: 30px; display: inline-block;}
.user-card-profile .avatar-wrapper .avatar .icon i {font-size: 45px; color: #FFF;}
.user-card-profile .avatar-wrapper .avatar .affinity {display: inline-block; vertical-align: middle; text-align: center; margin-top: 10px;}
.user-card-profile .avatar-wrapper .avatar .affinity .medal { height: 65px; text-align: center; font-size: 12px; display: inline-block; color: #888;}
.user-card-profile .avatar-wrapper .avatar .affinity .medal i {font-size: 40px; color: #FECD19; margin-top: 5px;}
.user-card-profile .avatar-wrapper .avatar .affinity .medal em {display: block; margin-top: -5px;}
.user-card-profile .main-info { position: relative; margin-left: 0px; border-left: 0px solid #CCC; padding-left: 0px;}
.user-card-profile .avatar-wrapper .nick { margin-left: 15%;}
.user-card-profile .avatar-wrapper .nick > span {font-size: 26px; padding-right: 10px;}
.user-card-profile .avatar-wrapper .nick > span a {color: #333;}
.user-card-profile .avatar-wrapper .nick #alias {font-size: 18px; color: #888; display: inline-block; vertical-align: middle;}
.user-card-profile .avatar-wrapper .nick #alias:before {content: ' | ';}
.user-card-profile .avatar-wrapper .nick .friends { display: inline-block; vertical-align: baseline; padding-left: 15px; color: #FFF; cursor: pointer; border: 1px solid #447cad;
color: #4b89bf; padding: 4px 6px; border-radius: 3px; font-weight: bold;}
.user-card-profile .avatar-wrapper .nick .friends:hover{ background: #D1E9FF; }
.user-card-profile .avatar-wrapper .nick .friends a{ color: #447cad;}
.user-card-profile .avatar-wrapper .nick .friends i {font-size: 20px; color: #FFF;}
.user-card-profile .avatar-wrapper .nick .friends .fa-add-friends-o-fa {margin-right: 10px;}
.user-card-profile .avatar-wrapper .city {color: #888; margin-top: 10px;}
.user-card-profile .avatar-wrapper .city > img {margin-right: 5px;}
.user-card-profile .main-info .values {border-top: 0px solid #CCC; padding: 9px 0; margin-top: 10px; position: relative;}
.user-card-profile .main-info .values .value-box {display: inline-block; height: 55px; width: 18%; margin-right: 10px; text-align: center; vertical-align: top; position: relative; color: #828282}
.user-card-profile .main-info .values .value-box a{ color: #828282 }
.user-card-profile .main-info .values .value-box .number {font-size: 22px; margin-top: 0px; color: #326E9C; font-weight: bold;}
.user-card-profile .main-info .values .value-box .number i {color: #828282; margin-right: 5px; font-size: 16px; margin-bottom: 5px; vertical-align: middle;}
.user-card-profile .main-info .values .value-box .number .fa {font-weight: normal;}
.user-card-profile .main-info .values .value-box .number .fa-recommendations-fa{ font-size: 22px; color: #326E9C;}
.user-card-profile .city{ display: inline-block; }
.user-card-profile .in-block{ display: inline-block; border-left: 1px solid #999; padding-left: 5px;}
.user-card-profile .in-block .sn-icon i{ font-size: 18px; color: #a2a2a2;}
.user-card-profile .in-block .sn-icon i:hover{ color: #333; }
.user-card-profile .main-info .values .value-box .angle {width: 0; height: 0;}
.user-card-profile .main-info .values .value-box .angle:after,
.user-card-profile .main-info .values .value-box .angle:before {border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 12px solid #fff; bottom: -10px; content: ''; left: 50%; margin-left: -12px; position: absolute;}
.user-card-profile .main-info .values .value-box .angle:before {border-left: 13px solid transparent; border-right: 13px solid transparent; border-bottom: 13px solid #CCC; bottom: -10px; margin-left: -13px;}
.user-card-profile .main-info .values .pop-menu {position: absolute; right: 0; bottom: 15px;}
.user-card-profile .main-info .values .pop-menu .switch-menu {font-size: 26px; cursor: pointer; padding: 5px; color: #888; margin-right: 14px;}
.user-card-profile .main-info .values .pop-menu .switch-menu > i {color: inherit; padding: 5px; border: 1px solid #FFF; border-radius: 5px;}
.user-card-profile .main-info .values .pop-menu .switch-menu.visible > i {border-color: #CCC;}
.user-card-profile .main-info .values .pop-menu .menu {width: 350px; background: #FFF; position: absolute; right: 0; border: 1px solid #CCC; z-index: 30; margin-top: 10px; display: none;}
.user-card-profile .main-info .values .pop-menu .angle {width: 0; height: 0;}
.user-card-profile .main-info .values .pop-menu .angle:after,
.user-card-profile .main-info .values .pop-menu .angle:before {border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 12px solid #fff; top: -12px; content: ''; right: 15px; margin-left: -12px; position: absolute;}
.user-card-profile .main-info .values .pop-menu .angle:before {border-left: 13px solid transparent; border-right: 13px solid transparent; border-bottom: 13px solid #CCC; top: -13px; right: 14px; margin-left: -13px;}
.user-card-profile .main-info .values .pop-menu .menu ul {list-style: none; padding: 0; margin: 0; position: relative;}
.user-card-profile .main-info .values .pop-menu .menu ul > li {border-top: 1px solid #CCC;}
.user-card-profile .main-info .values .pop-menu .menu ul > li:first-child {border-top-width: 0;}
.user-card-profile .main-info .values .pop-menu .menu ul > li > a {display: block; padding: 15px 20px;}
.user-card-profile .main-info .values .pop-menu .menu ul > li.contact {padding-left: 20px;}
.user-card-profile .main-info .values .pop-menu .menu ul > li.contact a {display: inline-block; padding: 15px 20px;}
.user-card-profile .main-info .values .pop-menu .menu ul > li.contact a i {font-size: 18px; color: inherit;}
.user-card-profile .main-info .values .pop-menu .menu ul > li.sn { padding: 10px 0px 10px 20px;}
.user-card-profile .main-info .values .pop-menu .menu ul > li.sn .sn-icon {display: inline-block; padding: 5px 8px; cursor: pointer;}
.user-card-profile .main-info .values .pop-menu .menu ul > li.sn .sn-icon > i {font-size: 25px;}
.user-card-profile .main-info .collaborator {position: absolute; right: 50px; top: -145px; width: 60px; height: 85px; text-align: center; color: #555;}
.user-card-profile .main-info .collaborator div {position: relative; z-index: 10;}
.user-card-profile .main-info .collaborator .fa-bookmark-o-fa {font-size: 90px; position: absolute; right: -13px; top: 0; color: #FECD19;}
.user-card-profile .main-info .collaborator .collaborator-fa-text {font-size: 20px; margin-top: 3px; font-weight: bold; z-index: 10;}
.user-card-profile .main-info .collaborator .stars i {font-size: 8px; color: inherit; margin: 0 3px 3px 0; vertical-align: baseline;}
.user-card-profile .main-info .collaborator .stars {margin-top: -3px;}
.user-card-profile .main-info .collaborator .text {font-size: 10px;}
.go-to-url {font-size: 13px;}
.go-to-url .link {text-decoration: underline; text-align: center; margin-top: 20px;}
.deleted-user-profile .card {margin: 30px 15px;}
.deleted-user-profile .card .icon {float: left; background: #3C6E99; width: 80px; height: 80px; line-height: 85px; border-radius: 40px; text-align: center;}
.deleted-user-profile .card .icon i {font-size: 60px; color: #FFF;}
.deleted-user-profile .card .text {margin-left: 100px; font-size: 15px;}
/********************************* usercard-mini *****************************************/
.mini-user-profile .user-icon {display: inline-block; vertical-align: middle; background: #CCC; width: 40px; height: 40px; margin: 2px; text-align: center; line-height: 40px; font-size: 20px; border-radius: 20px;}
.mini-user-profile .user-icon i {vertical-align: sub; font-size: 28px;}
.mini-user-profile .user-data {height: 44px; line-height: 22px; margin-left: 5px; display: inline-block; vertical-align: middle;}
.mini-user-profile .user-data .user-nick {font-weight: bold; font-size: 14px; text-align: left;}
.mini-user-profile .user-data .profile a {margin-right: 8px;}
.mini-user-profile .user-data .profile i {vertical-align: middle; font-size: 18px;}
/****************************************************** LOGIN *****************************************/
#login-wrapper{ display: inline-block; vertical-align:top; width: 360px; margin: 30px auto; padding: 20px 0px; background: #F2F2F2; border-radius: 5px; border: 1px solid #e2e2e2; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);}
#login-wrapper h1{ margin: 10px 0px;}
#login-wrapper .field{ margin: 10px;}
::-webkit-input-placeholder { /* WebKit browsers */ color: #A2A2A2; }
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #A2A2A2; }
::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #A2A2A2; }
:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #A2A2A2; }
#login-wrapper #login-title{ padding: 5px 0px; color: #447CAD; margin-bottom: 10px;}
#login-wrapper .cf-turnstile{margin-top: 20px;}
#login-wrapper #g-recaptcha-id{ display: flex; justify-content: center; margin-top: 20px;}
.login-btn{ background: #4b89bf; width: 80%; border: 0; color: #FFFFFF; height: 35px; line-height: 35px; font-size: 20px; border-radius: 3px; margin: 20px 0px; cursor: pointer;}
.login-btn:hover{ background: #4B7CBF; }
#user-profile-icon{ background: #FFF; border-radius: 60px; display: inline-block; height: 80px; line-height: 88px; margin: 0px 0 10px 0; text-align: center; vertical-align: top; width: 80px;}
#user-profile-icon i{ font-size: 60px; color: #447CAD;}
#registerbenefits{ display: inline-block; vertical-align:top; width: 360px; margin: 10px auto; text-align: center;}
#registerbenefits ul{ margin: 0 0 0 30px; padding: 0 0 0 10px; text-align: left;}
#registerbenefits ul li{ list-style: none; font-size: 14px; margin: 17px 5px; color: #333333;}
#registerbenefits ul li i{ font-size: 7px !important; color: #b2b2b2; opacity: 0.9; margin-right: 10px; vertical-align: middle;}
#registerbenefits ul li .mini-expla{ margin-left: 22px; font-size: 10px; color: #666666;}
#register-btn{ background: #4b89bf; width: 300px; border: 0; color: #FFFFFF; height: 35px; line-height: 35px; font-size: 20px; border-radius: 3px; margin: 20px 0px; display: block;}
#register-btn:hover{ background: #4B7CBF;}
.rememberme input{ background: #fff; border: 1px solid #c6c6c6; border-radius: 1px; box-sizing: border-box; cursor: pointer; display: inline-block; height: 13px; margin: 0;
position: relative; vertical-align: bottom; width: 13px;}
/****************************************************** BESTS *****************************************/
.mc-tables .nav {position: relative; margin: 30px 10px 15px 10px;}
.mc-tables .nav .change-days {display: block; position: absolute; right: 0; bottom: 5px; border: 1px solid #CCC; padding: 2px 5px; border-radius: 5px; font-size: 11px; color: #333;}
.mc-tables .nav .change-days:hover {background: #EEE;}
.mc-tables .wrapper {margin: 10px;}
.mc-tables .wrapper ul {list-style: none; margin: 0px; padding: 1px;}
.mc-tables .wrapper ul > li {margin: 10px 0px; padding: 10px 5px; position: relative;}
.mc-tables .wrapper ul > li:before{ content: ""; position: absolute; left: 35px; bottom: 0; height: 1px; width: 90%; border-bottom: 1px solid #DDD;}
.mc-tables .wrapper ul > li:nth-child(2) {margin-top: 0px;}
.mc-tables .wrapper ul > li > div {display: inline-block; vertical-align: middle; margin-left: 10px;}
.mc-tables .wrapper ul > li > div:first-child {margin-left: 0px;}
.mc-tables .wrapper ul > li .pos {width: 20px; text-align: center; font-size: 20px; vertical-align: top;}
.mc-tables .wrapper ul > li .rat {width: 80px; padding: 22px 0; text-align: center; }
.mc-tables .wrapper ul > li .rat .avgrat { text-align: center; color: #FFFFFF; letter-spacing: -1px; width: 2em; height: 2em; line-height: 2em; margin: 0 auto; border-radius: .3em; box-sizing: border-box; font-weight: normal; font-size: 24px; background: #4682B4;}
.mc-tables .wrapper ul > li .rat .avgrat2 {text-align: center; color: #4682B4; border: 1px solid #4682B4; letter-spacing: -1px; width: 2em; height: 2em; line-height: 2em; margin: 0 auto; border-radius: .3em; box-sizing: border-box; font-weight: normal; font-size: 24px; background: #FFF;}
.mc-tables .wrapper ul > li .rat .votes {color:#666666; font-size: 12px; margin-top: 10px;}
.mc-tables .wrapper ul > li .mc {width: 550px;}
.mc-tables .wrapper ul > li.th {height: 40px; margin: 5px 0px; padding: 5px;}
.mc-tables .wrapper ul > li.th:before{ border: 0;}
.mc-tables .wrapper ul > li.th .rat-desc {width: 80px; text-align: center; font-weight: bold; color: #555; vertical-align: bottom;}
/*********************************************** HISTORY BOTTOM *****************************************/
.hb-wrapper{ position: relative; height: 150px;}
.history-wrapper{ padding: 10px 20px; margin-top: auto; max-width: 780px; display: none; height: 140px;}
.history-wrapper h5{ margin-bottom: 5px; margin-top: 20px; font-size: 11px; font-weight: bold;}
.history-wrapper .history-scroll .histmcard { text-align:left; font-size: 10px; padding: 5px; width: 160px;}
.history-wrapper .history-scroll .histmcard .poster {float:left; padding:2px 4px;}
.history-wrapper .history-scroll .histmcard .poster a img { box-shadow: 2px 3px 4px #BBBBBB; border-radius: 3px;}
.history-wrapper .history-scroll .histmcard .mtitle { font-weight: bold; font-size: 10px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: hidden; color: #447cad;}
.history-wrapper .history-scroll .histmcard .mtitle a{ text-decoration: none; color: #447cad;}
.history-wrapper .history-scroll .histmcard .mtitle a:hover{ text-decoration: underline;}
.history-wrapper .history-scroll .histmcard .year { color: #777777; margin-top: 2px;}
.history-wrapper .history-scroll .histmcard .director {color:#666666; margin-bottom: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.history-wrapper .history-scroll .histmcard .ratings { font-size: 12px; text-align: center; color: #FFFFFF; width: 2em; height: 1.6em; line-height: 1.6em; margin: 0 auto; border-radius: .3em; box-sizing: border-box; font-weight: normal; display: inline-block; margin-right: 5px; border: 1px solid #447CAD; background: #447CAD; font-weight: bold;}
.history-wrapper .history-scroll .arrow-left.slick-arrow{ position: absolute; top: 35px; left: -13px;}
.history-wrapper .history-scroll .arrow-right.slick-arrow{ position: absolute; top: 35px; right: -13px;}
.history-wrapper .history-scroll .slick-track{ margin-left: unset;}
.history-wrapper .history-scroll .see-more-his{height: 80px;display: flex; align-items: center; justify-content: center; }
.history-wrapper .history-scroll .see-more-his .text-wrapper{ width: 80%; text-align: center; border-radius: 6px; background: #f9f9f9; height: 75px; cursor: pointer; display: flex; align-items: center; justify-content: center;}
.history-wrapper .history-scroll .see-more-his .text-wrapper:hover{ background: #e9e9e9; border: 1px solid #447cad; color: #447cad;}
.history-wrapper .history-scroll .see-more-his .text-wrapper i{ margin-left: 3px;}
.history-wrapper .history-scroll .arrow-left.slick-arrow.slick-disabled{ display: none !important;}
.history {background: #FFF; padding-top: 40px;}
.history ul { display: flex; justify-content: space-between; padding: 0px; margin: 0px;}
.history ul > li {display: inline-block; vertical-align: top; width: 170px; min-height: 100px; background: #FFF; margin: 5px; }
.history ul > li.big {width: 180px;}
.history ul > li.small {width: 180px;}
.history ul > li.more {display: inline-block; vertical-align: top; width: 26px; padding: 0px;}
.history ul > li.more > a {display: block; width: 26px; height: 83px; line-height: 84px; text-align: center;}
.history .histmcard { text-align:left; font-size: 10px; padding: 5px;}
.history .histmcard .poster {float:left; padding:2px 4px;}
.history .histmcard .poster a img { box-shadow: 2px 3px 4px #BBBBBB; border-radius: 3px;}
.history .histmcard .mtitle { font-weight: bold; font-size: 10px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: hidden; color: #447cad;}
.history .histmcard .mtitle a{ text-decoration: none; color: #447cad;}
.history .histmcard .mtitle a:hover{ text-decoration: underline;}
.history .histmcard .year { color: #777777; margin-top: 2px;}
.history .histmcard .director {color:#666666; margin-bottom: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.history .histmcard .ratings { font-size: 12px; text-align: center; color: #FFFFFF; width: 2em; height: 1.6em; line-height: 1.6em; margin: 0 auto; border-radius: .3em; box-sizing: border-box; font-weight: normal; display: inline-block; margin-right: 5px; border: 1px solid #447CAD; background: #447CAD; font-weight: bold;}
/*********************************************** MY B LIST *****************************************/
.myblist .filter {text-align: right; margin-right: 15px;}
.myblist .filter form {margin: 5px 0;}
.myblist .content {background: #F2F2F2; margin: 10px;}
.myblist .content > ul {list-style: none; margin: 0px; padding: 1px;}
.myblist .content > ul > li {margin: 15px; padding: 10px; background-color: #FFF;}
.myblist .content > ul > li > div {display: inline-block; vertical-align: middle;}
.myblist .content > ul > li > .mc {width: 650px;}
.myblist .content > ul > li > .del {float: right; }
.myblist .content > ul > li > .del > a {border: 1px solid #CCC; padding: 2px 5px; border-radius: 5px;}
.myblist .content > ul > li > .del > a:hover {background: #EEE;}
/*********************************************** ABOUT SM Y TOPICS *****************************************/
.about-sm > ul {list-style-type: none; padding: 0px; margin: 0px;}
.about-sm > ul > li {margin: 20px;}
.about-topics > ul {list-style-type: none; margin: 0; padding: 0;}
.about-topics > ul > li {margin: 20px;}
/*********************************************** ADVERTISE *****************************************/
.advertise .wrapper {background: none repeat scroll 0 0 #f2f2f2; margin: 10px 10px 15px 10px; padding: 5px;}
.advertise .wrapper .top-header {text-align: center; margin: 30px 0;}
.advertise .wrapper .top-header span {font-size: 18px; display: block; margin-bottom: 5px;}
.advertise .wrapper .nav {text-align: right; margin: 0 10px;}
.advertise .wrapper .nav > a {margin-left: 5px;}
.advertise .wrapper .box {margin: 30px 10px; padding: 10px; position: relative; background: #FFFFFF;}
.advertise .wrapper .box.first {margin-top: 10px !Important;}
.advertise .wrapper .box:last-child {margin-bottom: 10px !Important;}
.advertise .wrapper .box .header {font-size: 18px;}
.advertise .wrapper .box .content {margin-top: 20px; line-height: 25px; font-size: 14px; color: #555;}
.gs-wrapper{ text-align: center; width: 100%; padding: 2px 0; margin: 10px 0px; background: #f2f2f2;}
.gs-wrapper-sky-left {position: fixed; right: 50%; margin-right: 500px;}
.gs-wrapper-sky-right {position: fixed; left: 50%; margin-left: 500px;}
/*********************************************** MOVIE GROUP *****************************************/
.movie-group .recent-lists{ width: 520px;}
.movie-group .recent-lists > table{ width: 470px;}
/*********************************************** CONTACT US *****************************************/
.contact-us {margin-top: 30px;}
.contact-us > ul {list-style-type: none; padding: 0px; margin: 20px auto; width: 650px; }
.contact-us > ul > li {margin: 20px 0; padding: 20px;}
.contact-us > ul > li:first-child {border-bottom: 3px solid #EEE; padding-bottom: 30px;}
.contact-us > ul > li img {vertical-align: middle;}
.contact-us > ul > li > div {display: inline-block; vertical-align: middle; margin-left: 20px; width: 520px;}
.contact-us > ul > li > div > a, .contact-us > ul > li > div > span {display: inline-block; font-size: 18px; margin-bottom: 10px;}
/*********************************************** COOKIES INFO *****************************************/
.info-main-wrapper{ padding: 10px;}
.info-wrapper{ margin: 5px 0px; font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; font-size: 14px; margin-top: .5em; color: #666;}
.info-wrapper .info-title{color:#4E443C; font-weight: 600; margin-bottom: 5px;}
.info-wrapper ul li{ margin: 5px 0px;}
/*********************************************** FAQ *****************************************/
.faq .wrapper {background: none repeat scroll 0 0 #f2f2f2; margin: 10px 10px 15px 10px; padding: 5px;}
.faq .wrapper .box {margin: 50px 10px; padding: 10px; position: relative; background: #FFFFFF; }
.faq .wrapper .box:first-child {margin-top: 15px;}
.faq .wrapper .box:last-child {margin-bottom: 15px;}
.faq .wrapper .box .header {font-size: 18px;}
.faq .wrapper .box .info {margin-top: 15px; font-size: 14px; line-height: 25px;}
.faq .wrapper .box.menu {margin-bottom: 30px; font-size: 13px; line-height: 22px;}
.faq .wrapper .box.menu ul {list-style-type: none; margin: 0; padding: 0;}
.faq .go-up {position: absolute; bottom: -15px; right: 0px; background: #F5F5F5; font-size: 11px; padding: 1px 3px; -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.1); box-shadow: 0 2px 4px rgba(0,0,0,0.1);}
/*********************************************** LISTS EXPL *****************************************/
.lists-exp > .header {font-size: 18px; margin: 35px 0 0 10px;}
.lists-exp .wrapper {background: none repeat scroll 0 0 #f2f2f2; margin: 10px 10px 15px 10px; padding: 5px;}
.lists-exp .wrapper > .header {font-size: 16px; margin: 25px 0 0 10px;}
.lists-exp .wrapper .box {margin: 15px 10px; padding: 10px; position: relative; background: #FFFFFF; }
.lists-exp .wrapper .box .index {font-size: 60px; width: 60px; float: left; text-align: center; color: #888; margin-top: -10px;}
.lists-exp .wrapper .box .content {margin-left: 70px;}
.lists-exp .wrapper .box .content .header {font-size: 18px;}
.lists-exp .wrapper .box .info {margin-top: 5px; font-size: 14px; line-height: 25px;}
.lists-exp .wrapper .box .info.notes {font-size: 11px !Important; line-height: 20px;}
.lists-exp .wrapper .box .info.notes ul {list-style-type: none; margin: 0; padding: 0;}
.lists-exp .wrapper .box .info.notes ul > li {margin-top: 20px;}
.lists-exp .wrapper .box .info.notes ul > li:first-child {margin: 0 !important;}
.share-header{ color: #777777; margin-right: 3px;}
.fa-explanation {background: #EDF2F8; padding: 30px 20px;}
.fa-explanation .title {font-size: 16px; color: #447CAD;}
.fa-explanation .title:before {font-family: 'fa-icons'; content: "\e009"; color: #333; margin-right: 5px;}
.view-mode-buttons a, .view-mode-buttons span {display: inline-block;}
.view-mode-buttons i {margin: 1px 5px; color: #CCC; font-size: 20px;}
.view-mode-buttons i:hover, .view-mode-buttons i.active {color: #3C6E99;}
/*********************************************** FA INTERNATIONAL *****************************************/
.fa-international .map {text-align: center; margin: 20px auto; width: 744px; height: 423px; background: url('/images/mapamundi.png');}
.fa-international .map .title {text-align: center; margin-top: 5px; font-size: 18px;}
.fa-international .map .title span {color: #FFF; font-weight: bold; font-size: 24px;}
.fa-international .map .welcome {text-align: center; margin-top: 60px; font-size: 18px; color: #FFF; font-weight: bold;}
.fa-international .map .coming {text-align: center; margin-top: 10px; font-size: 14px; color: #FFF; }
.fa-international .map .sites {text-align: center; margin-top: 20px;}
.fa-international .map .sites .site {display: inline-block; margin: 20px 20px; position: relative;}
.fa-international .map .sites .site .logo-siteloc {position: absolute; right: 18px; bottom: -2px; color: #FDCC1A; font-style: italic; font-weight: bold; font-size: 11px;}
.fa-international #vmap {margin: 15px auto;}
.fa-international .av-sitelocs {list-style: none; margin: 0; padding: 10px; display: flex; }
.fa-international .av-sitelocs .header {font-weight: bold; margin-bottom: 10px;}
.fa-international .av-sitelocs .sitelocs > div {width: 130px; display: inline-block; margin: 5px 0; cursor: pointer;}
.fa-international .explanation {margin-top: 50px;}
.fa-international .explanation .heading {text-align: center; font-size: 18px;}
.fa-international .explanation .heading > div {color: #447CAD;}
.fa-international .explanation .text {margin: 30px 40px;}
/************************************* CATEGORIES AND CATEGORIES TABS *****************************************/
#main-title{ position: relative;}
#main-title .np-cat{ position: absolute; top: 2px; right: 10px; font-size: 10px; border-radius: 6px; display: inline-block;
padding: 5px; border: 1px solid #e2e2e2; box-shadow: 0 1px 5px #e2e2e2; background-color: #557CAD}
#main-title a .np-cat{ color: #FFF; }
#main-title .np-cat i{ color: #FFF; }
#main-title .np-cat i{ vertical-align: text-top; margin-left: 4px; margin-right: 4px;}
#main-title .np-cat:hover{ background: #F0F0F0; color: #333; }
#main-title a:hover .np-cat{ color: #333;}
#main-title .np-cat:hover i{ color: #333; margin-left: 4px; margin-right: 4px;}
.np-cat-wrapper{ margin-top: 10px;}
.np-cat-wrapper div{ width: 300px; font-size: 16px; display: block; padding: 10px; border-radius: 6px; text-align: center; margin: 0px auto; background: #557CAD; box-shadow: 0 1px 5px #777;}
.np-cat-wrapper a{ color: #fff;}
.np-cat-wrapper a:hover{ text-decoration: underline;}
.np-cat-wrapper i{ vertical-align: text-top; color: #fff;}
.margin-ntabs {position: relative;}
.cat-nl-top {position: absolute; top: -35px; right: 0;}
.cat-nl-top .np-cat{font-size: 10px; border-radius: 6px; display: inline-block; padding: 5px; border: 1px solid #e2e2e2; box-shadow: 0 1px 5px #e2e2e2; background-color: #557CAD;}
.cat-nl-top a .np-cat{ color: #FFF; }
.cat-nl-top .np-cat i{ color: #FFF; vertical-align: text-top; margin-left: 4px; margin-right: 4px;}
.cat-nl-top .np-cat:hover{ background: #F0F0F0; color: #333; }
.cat-nl-top a:hover .np-cat{ color: #333;}
.cat-nl-top .np-cat:hover i{ color: #333; margin-left: 4px; margin-right: 4px;}
.fa-info-pop {background: #FFF; border: 2px solid #DDD; border-radius: 4px; padding: 5px; position: absolute; box-shadow: 2px 3px 4px #BBBBBB; text-align: left; z-index: 10;}
.fa-info-pop i.close {position: absolute; font-size: 12px; cursor: pointer;}
.fa-info-pop.tl, .fa-info-pop.bl, .fa-info-pop.lt, .fa-info-pop.lb {padding-left: 15px;}
.fa-info-pop.tr, .fa-info-pop.br, .fa-info-pop.rt, .fa-info-pop.rb {padding-right: 15px;}
.fa-info-pop.tl i.close, .fa-info-pop.lt i.close {top: 2px; left: 2px;}
.fa-info-pop.tr i.close, .fa-info-pop.rt i.close {top: 2px; right: 2px;}
.fa-info-pop.bl i.close, .fa-info-pop.lb i.close {bottom: 2px; left: 2px;}
.fa-info-pop.br i.close, .fa-info-pop.rb i.close {bottom: 2px; right: 2px;}
.fa-info-pop .corner {width: 0; height: 0; border-style: solid; position: absolute;}
.fa-info-pop .corner.tl {border-width: 0 10px 10px 10px; border-color: transparent transparent #DDD transparent; top: -10px;}
.fa-info-pop .corner.tr {border-width: 0 10px 10px 10px; border-color: transparent transparent #DDD transparent; top: -10px; right: 10px;}
.fa-info-pop .corner.rt {border-width: 10px 0 10px 10px; border-color: transparent transparent transparent #DDD; right: -10px;}
.fa-info-pop .corner.rb {border-width: 10px 0 10px 10px; border-color: transparent transparent transparent #DDD; right: -10px; bottom: 10px;}
.fa-info-pop .corner.lt {border-width: 10px 10px 10px 0; border-color: transparent #DDD transparent transparent; left: -10px;}
.fa-info-pop .corner.lb {border-width: 10px 10px 10px 0; border-color: transparent #DDD transparent transparent; left: -10px; bottom: 10px;}
.fa-info-pop .corner.bl {border-width: 10px 10px 0 10px; border-color: #DDD transparent transparent transparent; bottom: -10px;}
.fa-info-pop .corner.br {border-width: 10px 10px 0 10px; border-color: #DDD transparent transparent transparent; bottom: -10px; right: 10px;}
.last-boxoffice-top {width: 300px}
.last-boxoffice-top h2 {margin: 10px 0 0 0; padding: 0; font-weight: normal; font-size: 18px;}
.last-boxoffice-top h2 > em {font-size: 11px;}
.last-boxoffice-top ul {list-style: none; margin: 10px 0 0 0; padding: 0; text-align: right;}
.last-boxoffice-top ul > li {display: inline-block; margin: 5px 3px;}
.last-boxoffice-top ul > li a {display: inline-block;}
.last-boxoffice-top ul > li img {width: 140px; height: 208px; vertical-align: middle;}
.last-boxoffice-top .boxoffice-data {padding: 5px; color: #FFF; background: #447CAD;}
.last-boxoffice-top .boxoffice-data .index {float: left; font-size: 30px; color: #FDCC1A;}
.last-boxoffice-top .boxoffice-data em {font-size: 11px;}
.last-boxoffice-top .full-boxoffice {text-align: right; margin-top: 5px;}
.last-boxoffice-top .full-boxoffice i {color: inherit;}
.snet-main-icon {display: inline-block; width: 18px; height: 18px; line-height: 18px; text-align: center; border: 1px solid #CCC; border-radius: 3px;}
.ui-selectmenu-menu ul {font-size: 13px;}
.ui-selectmenu-button {font-size: 14px !important;}
.ui-selectmenu-button.ui-button {padding-top: 4px; padding-left: 4px; padding-bottom: 4px;}
.ui-selectmenu-button .ui-selectmenu-text {display: inline-flex; align-items: center;}
.info .bias .pos{ color: #4CAF50; font-size: 16px; vertical-align: top;}
.info .bias .neg{ color: #F44336; font-size: 16px; vertical-align: top;}
.info .bias .neu{ color: #FFBF00; font-size: 16px; vertical-align: top;}
.info .bias .default {color: #9E9E9E; font-size: 16px; vertical-align: top;}
.ms-wrapper{ grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);}
.main-search-wrapper .nav-header {margin: 20px 0; text-align: right;}
.main-search-wrapper .nav-header .ntabs .filter {padding: 5px 7px 6px 7px; position: relative; margin-right: 5px; float: left; color: #666; background: #EEE; border-top-right-radius: 5px;}
.main-search-wrapper .nav-header .ntabs .filter i {color: inherit;}
.main-search-wrapper .nav-header .ntabs .filter .angle {position: absolute; top: 0; right: -15px; width: 0; height: 0; border-top: 14px solid transparent; border-left: 15px solid #EEE; border-bottom: 14px solid transparent;}
.main-search-wrapper .nav-header .ntabs li .count {font-size: 12px; font-weight: bold; margin-left: 3px;}
/*
.main-search-wrapper .nav-header .ntabs li .count {font-size: 12px; background: #E5E5E5; padding: 2px 5px; border-radius: 3px; color: #000;}
.main-search-wrapper .nav-header .ntabs li .count {color: #AAA;}
.main-search-wrapper .nav-header .ntabs li .count:before {content: "[";}
.main-search-wrapper .nav-header .ntabs li .count:after {content: "]";}
*/
.main-search-wrapper .nav-header .ntabs li.disabled {color: #CCC;}
.main-search-wrapper .nav-header .ntabs li.disabled a {color: inherit;}
.main-search-wrapper .nav-header .ntabs li.disabled span {color: inherit;}
.main-search-wrapper .nav-header .ntabs li.disabled > span {display: inline-block; padding: 4px 8px;}
.main-search-wrapper .sub-header-search {font-size: 18px; color: #555; margin-left: 5px;}
.main-search-wrapper .sub-header-search .button-group {font-size: 13px; float: right; }
.main-search-wrapper .sub-header-search .button-group .bg-desc {display: inline-block; padding: 5px 10px; }
.main-search-wrapper .sub-header-search .button-group ul {border: 1px solid #CCC; border-radius: 5px; display: inline-block; list-style: none; margin: 0; padding: 0; vertical-align: middle;}
.main-search-wrapper .sub-header-search .button-group li {float: left;}
.main-search-wrapper .sub-header-search .button-group span.bg-item {background: #DDD;}
.main-search-wrapper .sub-header-search .button-group .bg-item {padding: 5px 10px; display: inline-block; border-left: 1px solid #CCC; float: left;}
.main-search-wrapper .sub-header-search .button-group .bg-item:first-child {border-left-width: 0px;}
.main-search-wrapper .sub-header-search .button-group .bg-item.active {background: #EEE; box-shadow: inset 0 1px 3px #ddd;}
.main-search-wrapper .main-search-result-wrapper {margin-bottom: 40px;}
.main-search-wrapper .results-buttons {text-align: right; display: inline-block; margin-left: 15px; padding: 5px 0px 10px; }
.main-search-wrapper .results-buttons i {color: #326E9C; vertical-align: baseline;}
.main-search-wrapper .results-buttons strong {display: block; }
.main-search-wrapper .last-result-button {border-right: 0px;}
.main-search-wrapper .item-search{ margin: 10px 10px 10px 10px; padding: 10px; background-color:#ffffff; }
.main-search-wrapper .admin-no-img{ border: 1px solid #900; }
.main-search-wrapper .buttons-wrapper{ text-align:center; padding: 10px;}
.main-search-wrapper .see-all-button{ background-color: #fff; border-left: 1px solid #E2E2E2; border-radius: 5px; border-right: 1px solid #E2E2E2; border: 1px solid #E2E2E2; display: inline-block; padding: 6px; font-weight: bold;}
.main-search-wrapper a .see-all-button{ text-decoration: none; color: #000; font-weight: bold;}
.main-search-wrapper a:hover .see-all-button{ background-color: #f2f2f2; color: #000;}
.main-search-wrapper .movie-card-1 .mc-poster img{ box-shadow: 2px 3px 4px #BBBBBB}
.main-search-wrapper .z-search .mt{ margin-top: 30px;}
.main-search-wrapper .z-search .se-it{ position: relative;}
.main-search-wrapper .z-search .se-it.is-adm {padding-bottom: 15px;}
.main-search-wrapper .z-search .se-it .ye-w{ width: 40px; text-align: center; position: absolute; top: 0; bottom: 0; background: #EDEBEC; margin-left: 5px; padding-top :10px; font-size: 14px; font-weight: bold;}
.main-search-wrapper .z-search .se-it .item-search{ vertical-align: top; margin: 0; padding: 10px 0px 10px 5px; }
.main-search-wrapper .z-search .se-it .item-search .movie-card-1{ margin-left: 60px; }
.main-search-wrapper .z-search .se-it .adm-actions {box-shadow: inset 0 0 20px #9BB781; border: 1px solid #9BB781; margin: 0 0 0 60px;}
.main-search-wrapper .z-search .se-it .adm-actions .vod {margin: 5px;}
.main-search-wrapper .z-search .se-it .adm-actions .vod .vod-button {background: #1E90FF; font-size: 10px; color: #FFF; padding: 2px;}
.main-search-wrapper .z-search .se-it .adm-actions .vod .providers {display: inline-block;}
.main-search-wrapper .z-search .se-it .adm-actions .vod .providers > div {display: inline-block; margin: 1px 3px; background: #D4F5FF; font-size: 8px; padding: 1px;}
.main-search-wrapper .z-search .se-it .adm-actions .movie-id {display: inline-block; margin: 5px; font-weight: bold;}
.main-search-wrapper .z-search .se-it .adm-actions .unmatched {display: inline-block; width: 18px; height: 18px; line-height: 18px; text-align: center; background: #9BB781; margin-right: 5px;}
.main-search-wrapper .z-search .se-it .adm-actions .synop {display: inline-block; margin-top: 5px; background: #DDD; font-size: 10px; padding: 2px;}
.main-search-wrapper .z-search .th-row {display: block;}
.main-search-wrapper .z-search .th-row:first-of-type {margin-top: 30px;}
.main-search-wrapper .z-search .th-row:last-of-type .theater-ac {border-bottom-width: 0;}
.main-search-wrapper .z-search .th-row .theater-ac {padding: 10px;}
.main-search-wrapper .z-search .name-row {display: block; border-bottom: 1px solid #CCC; padding: 10px; position: relative;}
.main-search-wrapper .z-search .name-row:first-of-type {margin-top: 30px;}
.main-search-wrapper .z-search .name-row .name-image img {box-shadow: 2px 3px 4px #BBBBBB; border-radius: 5px;}
.main-search-wrapper .z-search .name-row .no-picture {box-shadow: 2px 3px 4px #BBBBBB; border-radius: 5px;}
.main-search-wrapper .z-search .name-row .name {font-size: 16px; font-weight: normal;}
.name-ac7 {display: flex;}
.name-ac7 .name {font-size: 16px; font-weight: normal;}
.name-ac7 .name-image {width: 80px;}
.name-ac7 .name-image img {box-shadow: 2px 3px 4px #BBBBBB; border-radius: 5px;}
.name-ac7 .no-picture {box-shadow: 2px 3px 4px #BBBBBB; border-radius: 5px;}
.name-ac7 .info {margin-left: 20px;}
.name-ac7 .akas {margin: 5px 0 0 10px;}
.name-ac7 .akas ul {list-style: none; margin: 0; padding: 0; display: inline-block;}
.name-ac7 .akas ul > li {display: inline-block;}
.name-ac7 .akas ul > li::before {content: " / "}
.name-ac7 .akas ul > li:first-child::before {content: "";}
.name-ac7 .main-movies {margin-top: 15px; line-height: 20px;}
.name-ac7 .main-movies .main-movie {display: inline-block;}
.name-ac7 .main-movies .year {color: #666;}
.name-ac7 .main-movies .year::after {content: ','; color: #222;}
.name-ac7 .main-movies .main-movie:last-child .year::after {content: ''}
.name-ac7 .main-movies .main-role {list-style: none; margin: 0; padding: 0; display: inline-block;}
.name-ac7 .main-movies .main-role i {display: none;}
.name-ac7 .main-movies .main-role a {color: #666; font-weight: bold;}
.name-ac7 .main-movies .full-filmo {font-size: 12px; position: absolute; bottom: 10px; right: 10px;}
.name-ac1 {display: flex;}
.name-ac1 .name-image img {box-shadow: 2px 3px 4px #BBBBBB; border-radius: 5px; }
.name-ac1 .name-image .no-picture {box-shadow: 2px 3px 4px #BBBBBB; border-radius: 5px; }
.name-ac1 .info {margin-left: 15px;}
.name-ac1 .name {font-size: 18px;}
.main-search-wrapper .movie-in-theaters-2 {display: inline-block; background: #FFF; width: 28px; height: 28px; line-height: 32px; text-align: center; border-radius: 15px; margin-left: 140px; margin-top: -25px; z-index: 10; position: relative; vertical-align: top; /*position: absolute; bottom: 5px; left: 145px;*/ box-shadow: 2px 0px 2px #CCC; border: 2px solid #FDCC1A;}
.main-search-wrapper .movie-in-theaters-2:hover {background: #FDCC1A;}
.main-search-wrapper .movie-in-theaters-2 i {font-size: 18px;}
.search-right-adver-wrapper { display: flex; justify-content: flex-end;}
.search-right-adver-wrapper .filter {margin: 0 0 20px 15px;}
.search-right-adver-wrapper .filter .filter-option {display: block; float: left; width: 20%; border: 1px solid #EEE; padding: 3px 0 3px 10px; border-left-width: 0;}
.search-right-adver-wrapper .filter .filter-option:first-child {border-left-width: 1px; border-radius: 3px 0 0 3px;}
.search-right-adver-wrapper .filter .filter-option:last-of-type {border-radius: 0 3px 3px 0;}
.search-right-adver-wrapper .filter span {background: #EEE; color: #888;}
.search-right-adver-wrapper .filter span i {color: inherit;}
.search-max-limit .wrapper {background: #EEE; padding: 15px; margin-top: 25px;}
.search-max-limit .box {background: #FFF; padding: 15px;}
/************************************************************/
@-webkit-keyframes nkoin {
from {
top: 0px; right: -70px; -webkit-transform: scale(0 , 0); transform: scale(0 , 0);
}
to {
top: 5px; right: 35px; -webkit-transform: scale(1 , 1); transform: scale(1 , 1);
}
}
@keyframes nkoin {
from {
top: 0px; right: -70px; -webkit-transform: scale(0 , 0); transform: scale(0 , 0);
}
to {
top: 5px; right: 35px; -webkit-transform: scale(1 , 1); transform: scale(1 , 1);
}
}
.nkoin{
-webkit-animation-name: nkoin;
animation-name: nkoin;
-webkit-animation-duration: .3s;
animation-duration: .3s;
animation-timing-function: ease;
-webkit-animation-timing-function: ease;
}
@-webkit-keyframes nkoout {
from {
top: 5px; right: 35px; -webkit-transform: scale(0 , 0); transform: scale(1 , 1);
}
to {
top: 0px; right: -70px; -webkit-transform: scale(1 , 1); transform: scale(0 , 0);
}
}
@keyframes nkoout {
from {
top: 5px; right: 35px; -webkit-transform: scale(1 , 1); transform: scale(1 , 1);
}
to {
top: 0px; right: -70px; -webkit-transform: scale(0 , 0); transform: scale(0 , 0);
}
}
.nkoout{
-webkit-animation-name: nkoout;
animation-name: nkoout;
-webkit-animation-duration: .3s;
animation-duration: .3s;
animation-timing-function: ease;
-webkit-animation-timing-function: ease;
}
#sh-pos-abs{ position: absolute; top: 15px; right: 20px; z-index: 10; cursor: pointer;}
#sh-pos-abs i{ font-size: 20px;}
.hd-sh-main-wrapper{ position: relative; z-index: 100;}
.hd-sh-main-wrapper .hd-sh-wrapper{ display: none; position: absolute; top: 5px; right: 35px;}
.hd-sh-main-wrapper .hd-sh-wrapper a{ display: inline-block; margin-right: 5px; }
.hd-sh-main-wrapper .hd-sh-wrapper .share-icon{ display: inline-block; width: 20px; padding: 6px; text-align: center; border-radius: 4px; border: 1px solid #a2a2a2; cursor: pointer; box-sizing: unset;}
.hd-sh-main-wrapper .hd-sh-wrapper .share-icon i{ color: #fff; font-size: 20px;}
.hd-sh-main-wrapper .hd-sh-wrapper #copy-to-clip .share-icon{ background: #e2e2e2 }
.hd-sh-main-wrapper .hd-sh-wrapper #copy-to-clip:hover .share-icon{ opacity: .6;}
.hd-sh-main-wrapper .hd-sh-wrapper #copy-to-clip i{ color: #333;}
.hd-sh-main-wrapper .hd-sh-wrapper .fb-sh .share-icon{ background: #3b59b6 }
.hd-sh-main-wrapper .hd-sh-wrapper .fb-sh:hover .share-icon{ opacity: .6 }
.hd-sh-main-wrapper .hd-sh-wrapper .tw-sh .share-icon{ background: #4099ff; }
.hd-sh-main-wrapper .hd-sh-wrapper .tw-sh:hover .share-icon{ opacity: .6; }
.hd-sh-main-wrapper .hd-sh-wrapper .wh-sh .share-icon{ background: #4dbf47; }
.hd-sh-main-wrapper .hd-sh-wrapper .wh-sh:hover .share-icon{ opacity: .6; }
.hd-sh-main-wrapper .hd-sh-wrapper .wh-sh .share-icon i{ font-weight: bold; }
.hd-sh-main-wrapper .hd-sh-wrapper .goo-sh .share-icon i{ font-size: 20px; }
.hd-sh-main-wrapper .hd-sh-wrapper .goo-sh .share-icon{ padding-right: 8px; background: #db4437; padding-right: 8px;}
.hd-sh-main-wrapper .hd-sh-wrapper .goo-sh:hover .share-icon{ opacity: .6}
.fa-review .mcs {margin: 0 10px 30px 10px;}
.fa-review .review {padding: 15px; margin: 10px; background: #FFF;}
.fa-review .review .header {margin-bottom: 20px; border-bottom: 3px solid #E2E2E2; padding-bottom: 15px; position: relative;}
.fa-review .review .header .icon {background: #E2E2E2; width: 50px; height: 50px; text-align: center; line-height: 50px; border-radius: 25px; font-size: 28px; color: #666; float: left; }
.fa-review .review .header .fa-logo {width: 28px; height: 28px; line-height: 27px; border-radius: 15px; border: 2px solid #FFF; text-align: center; background: #E2E2E2; position: absolute; bottom: 10px; left: 30px;}
.fa-review .review .header .fa-logo img {width: 18px; vertical-align: middle;}
.fa-review .review .header .critic-data {margin-left: 70px;}
.fa-review .review .header .critic-data a {font-weight: bold; font-size: 16px;}
.fa-review .review .header .rating {position: absolute; top: 0; right: 0; text-align: center;}
.fa-review .review .header .rating .bias {font-size: 25px; text-shadow: 2px 2px 5px #CCC;}
.fa-review .review .pub-date {color: #888; font-size: 10px;}
.fa-review .review .title {font-size: 20px;}
.fa-review .review .text {font-size: 16px; text-align: justify; line-height: 26px; margin-top: 20px;}
.fa-review .review .text img {width:100%;}
.fa-review .review .text-tiny {display: none;}
.fa-review .review .by {text-align: right; font-style: italic; margin-top: 15px;}
.fa-review .nav {display: flex; justify-content: space-between; margin: 15px; }
.z-top-movies > .fframe {border: 0px; background: #EDEBEC; position: relative; padding: 10px; margin: 30px 0 0 0;}
.z-top-movies > .fframe table{ width: 100%;}
.z-top-movies > .fframe table td { padding: 5px 0;}
.z-top-movies > .fframe .flags {list-style: none; margin: 0; padding: 0;}
.z-top-movies > .fframe .flags > li {display: inline-block; background: #FFF; border: 1px solid #CCC; border-radius: 3px; margin-right: 10px;}
.z-top-movies > .fframe .flags > li > div {float: right; width: 25px; height: 25px; line-height: 25px; text-align: center; border-left: 1px solid #CCC; cursor: pointer;}
.z-top-movies > .fframe .flags > li > div.include.active {background: green; color: #FFF;}
.z-top-movies > .fframe .flags > li > div.exclude.active {background: red; color: #FFF;}
.z-top-movies > .fframe .flags > li > div.include.active ~ span {color: green;}
.z-top-movies > .fframe .flags > li > div.exclude.active ~ span {text-decoration:line-through; color: red;}
.z-top-movies > .fframe .flags > li > span {display: inline-block; padding: 0 5px; height: 25px; line-height: 25px; cursor: pointer; color: #666;}
.z-top-movies > .fframe .rc-slider {width: 300px; margin: 0 5px;}
.z-top-movies > .fframe .rating-count-box {width: 40px; text-align: center; font-size: 14px; background: green; color: #FFF;}
.z-top-movies > .fframe > #filter_top .sub-text1{ width: 70px; }
.z-top-movies > .fframe > #filter_top .sub-text2{ width: 100px; }
.z-top-movies > .fframe > #filter_top .sub-text3{ display: inline-block; width: 145px; margin-left: 20px; }
.z-top-movies > .fframe > #filter_top .sub-text4{ display: inline-block; width: 140px; margin-left: 5px; }
.z-top-movies #top-movies .position{ text-align: left;}
.z-top-movies #top-movies .content{ width: 600px; border-right: 1px solid #DDD; padding-right: 10px;}
.z-top-movies #top-movies .data{ width: 120px; margin-top: 30px;}
.z-top-movies #top-movies > li > ul:before{ width: 93%;}
.z-top-movies #top-movies > .no-movies{ padding: 10px 0px; font-size: 16px;}
.z-top-movies #top-movies .movie-card-0 .mc-title a{ font-weight: bold;}
.z-top-movies #top-movies .avg-rating { text-align:center; color:#FFFFFF; letter-spacing: -1px; width:2em; margin: 0 auto; border-radius: .3em; box-sizing: border-box; border:1px solid #447CAD; font-weight: normal; font-size: 24px;}
.z-top-movies #top-movies .rat-count{ font-size: 12px; margin-top: 10px;}
.z-top-movies #top-movies .position{ font-weight: bold; color: #333;}
.z-top-movies #top-movies .avgrat-box-ur{ font-size: 16px; text-align: center; color: #FFFFFF; letter-spacing: -1px; width: 2em; height: 1.6em; line-height: 1.6em;
margin: 0 auto; border-radius: .3em; box-sizing: border-box; font-weight: normal; display: inline-block; border: 1px solid #900;
background: #900; font-weight: bold; margin-top: 10px;}
.z-top-movies #top-movies .rate-date small{ color: #777;}
.z-top-movies .ui-selectmenu-button{ background-image: none; background-color: #FFF; color: #555;}
.z-top-movies .ui-state-active{ background-image: none; background-color: #777; color: #FFF;}
.z-top-movies .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus{ background-image: none; background-color: #1565C0; color: #FFF;}
.z-top-movies #submit-form{ border: 1px solid #e2e2e2; background: #337ab7; color: #FFF; font-size: 14px; padding: 5px 10px; border-radius: 3px;}
.z-top-movies #load-more-bt{ text-align: center; margin: 0 auto; padding: 1px 30px; width: 100px; cursor: pointer;}
.z-top-movies #load-more-bt:hover{ border: 1px solid #337ab7; border-radius: 6px; padding: 0px 30px;}
.z-top-movies #load-more-bt i{ color: #337ab7; font-size: 36px;}
.z-top-movies #load-more-bt:hover i{ color: #337ab7; }
.z-top-movies .nav {display: flex; justify-content: space-between; margin-top: 15px;}
.z-top-movies .templates{display: none;}
.names-pager-bar {background: #F5F5F5; text-align: right; margin: 20px 10px; position: relative;}
.names-pager-bar .pager-bar-content {display: flex; justify-content: space-between; align-items: center;}
.names-pager-bar .pager {margin: 10px; }
.names-pager-bar .pager a {background: #FFF;}
.names-pager-bar .pager span {background: #FFF;}
.name-card {padding: 10px; display: flex; /*position: -webkit-sticky; position: sticky; top: 46px;*/ background: #FFF; margin-bottom: 20px;}
.name-card .name {margin-bottom: 10px; font-size: 18px;}
.name-card .name-image img {vertical-align: middle; box-shadow: 2px 3px 4px #BBBBBB; transition: width 300ms, height 300ms; border-radius: 5px;}
.name-card .name-image .movies-count {display: block; text-align: center; padding: 10px 0; font-size: 14px;}
.name-card .name-image .movies-count strong {font-size: 18px;}
.name-card .name-data {margin-left: 20px; flex-grow: 2;}
.name-card .name-data .main-info {margin-bottom: 10px; font-size: 14px;}
.name-card .name-data .main-role {list-style: none; margin: 0; padding: 0; display: inline-block; }
.name-card .name-data .main-role > li {display: inline-block; border: 1px solid #557CAD; border-radius: 3px; padding: 2px 5px; margin-right: 5px; margin-bottom: 5px;}
.name-card .name-data .main-role > li.hidden {display: none; }
.name-card .name-data .main-role > li.see-more {cursor: pointer;}
.name-card .name-data .nacionality-mini {margin-top: 10px;}
.name-card .name-data .nacionality {list-style: none; margin: 0; padding: 0; display: inline-block;}
.name-card.full .main-info .nacionality {display: none;}
.name-card .name-data .nacionality > li {display: inline-block;}
.name-card .name-data .nacionality img {vertical-align: middle;}
.name-card .name-data .birth-death {display: inline-block;}
.name-card .name-data .bio {margin: 0; opacity: 1; height: auto; }
.name-card .name-data .bio dt {float: left; text-align: left; font-weight: bold; margin: 0 5px 10px 0;}
.name-card .name-data .bio dd {margin: 0 5px 10px 0;}
.name-card .name-data .bio img {vertical-align: middle;}
.name-card .name-data .bio .years-old {white-space: nowrap;}
.name-card .name-data .bio .snets > a {display: inline-block; margin-right: 5px;}
.name-card .name-data .bio .snets > a i {font-size: 18px;}
.name-card .name-data .known-for-wrapp {position: relative; min-height: 140px; }
.name-card .name-data .known-for-wrapp .slider-skeleton ul {list-style: none; margin: 0px; padding: 0;}
.name-card .name-data .known-for-wrapp .slider-skeleton ul > li {width: 80px; height: 120px; margin: 0 8px; display: inline-block;}
.name-card .name-data .known-for-wrapp .known-for-slider {display: none; position: absolute; top: 0; }
.name-card .name-data .known-for-wrapp .slick-list {width: 300px;}
.name-card .name-data .known-for { margin: 20px 0 -1px 0;}
.name-card .name-data .known-for ul {list-style: none; margin: 0; padding: 0; width: 300px; }
.name-card .name-data .known-for ul li {display: inline-block; width: 80px !important; vertical-align: top; margin: 0 10px; }
.name-card .name-data .known-for ul li img {box-shadow: 2px 3px 4px #BBBBBB; border-radius: 5px; }
.name-card .name-data .known-for .title {text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-align: left; }
.name-card .name-data .known-for .slick-slider {position: relative;}
.name-card .name-data .known-for .slick-slider .slick-disabled {display: none !important;}
.name-card .name-data .known-for .slick-slider .slick-arrow {position: absolute; top: 0; bottom: 0; width: 20px; line-height: 120px; font-size: 18px; cursor: pointer; z-index: 10; text-align: center;}
.name-card .name-data .known-for .slick-slider .slick-arrow:hover {background: #F5F5F5;}
.name-card .name-data .known-for .slick-slider .arrow-left {left: -13px; border-radius: 15px 3px 3px 15px;}
.name-card .name-data .known-for .slick-slider .arrow-right {right: -13px; border-radius: 3px 15px 15px 3px;}
.name-card .no-picture {box-shadow: 2px 3px 4px #BBBBBB; border-radius: 5px;}
.name-card .name-data .known-for-wrapp .slick-slider .slick-slide .poster.oposter{height: 120px; background: #000; border-radius: 5px; display: flex; align-items: center; justify-content: center; color: #fff; overflow: hidden; box-shadow: 2px 3px 4px #BBBBBB}
.name-card .name-data .known-for-wrapp .slick-slider .slick-slide .poster.oposter a{font-weight: bold; color: #FFF;}
/*
.name-card .name-data .rel-pack {display: none; margin: 10px 20px 10px 0; opacity: 1; height: auto;}
.name-card .name-data .rel-pack .rel-name {border-bottom: 1px solid #CCC; margin-bottom: 10px; font-weight: bold;}
.name-card .name-data .relations {list-style: none; margin: 0; padding: 0; display: inline-block;}
.name-card .name-data .relations > li {display: inline-block; text-align: center; width: 60px; vertical-align: top;}
.name-card .name-data .relations > li img {box-shadow: 2px 3px 4px #BBBBBB;}
.name-card .name-data .ntabs {display: none; margin: 20px 0 -1px 0;}
*/
/*
.name-card.sticky {box-shadow: 0px 3px 4px #BBB; z-index: 20; padding: 10px 0 0 10px; margin-bottom: 10px; border-bottom: 1px solid #4682B4;}
.name-card.sticky .name {display: block;}
.name-card.sticky .bio {display: none;}
.name-card.sticky .nacionality {display: inline-block !important;}
.name-card.sticky .rel-pack {display: none;}
.name-card.sticky .name-image img {width: 50px; height: 75px;}
.name-card.sticky .ntabs {display: block;}
*/
.bottom-name-tabs {margin: 50px 10px 0 10px;}
.bottom-name-tabs > div {font-size: 14px;}
.bottom-name-tabs > ul {list-style: none; margin: 10px 0 0 0; padding: 0; display: flex; }
.bottom-name-tabs > ul > li {margin-right: 10px;}
.bottom-name-tabs a {background: #557CAD; padding: 5px 10px; color: #FFF; border-radius: 5px; display: inline-block;}
.bottom-name-tabs a i {margin-left: 5px;}
.name-profile-tabs {margin: 10px 10px 5px 10px; position: relative;}
.name-profile-tabs li.adm {position: absolute; right: 25px; top: -30px;}
.name-profile-tabs li.adm > div {display: inline-block;}
.name-profile-tabs li.adm .refresh-cache {border-radius: 5px; background: #9BB781; padding: 2px; text-align: center; width: 22px; height: 22px; color: #FFF; line-height: 22px;}
.name-profile-image-pop #cboxLoadedContent {margin-bottom: 100px;}
.name-profile-image-pop #cboxTitle {padding-top: 15px;}
.name-profile-image-pop #cboxTitle .image-author-disclaimer {font-size: 10px; margin: 15px;}
.image-full-profile.no-picture-wrapper { display: block; width: 110px; height: 160px;}
.image-full-profile.no-picture-wrapper .no-picture.no-picture-200{ width: 110px !important; height: 160px !important; line-height: 160px !important;}
.image-full-profile.no-picture-wrapper .no-picture.no-picture-200 i{ font-size: 50px !important;}
.image-full-profile.no-picture-wrapper .no-picture.no-picture-250{ width: 125px !important; height: 150px !important;}
.image-full-profile.no-picture-wrapper .no-picture.no-picture-250 i{ font-size: 80px !important;}
.image-full-profile.no-picture-wrapper { display: block; width: 110px; height: 160px;}
.image-full-profile.no-picture-wrapper .no-picture.no-picture-200{ width: 110px !important; height: 160px !important; line-height: 160px !important;}
.image-full-profile.no-picture-wrapper .no-picture.no-picture-200 i{ font-size: 50px !important;}
.image-full-profile.no-picture-wrapper .no-picture.no-picture-250{ width: 125px !important; height: 150px !important;}
.image-full-profile.no-picture-wrapper .no-picture.no-picture-250 i{ font-size: 80px !important;}
.name-profile .no-picture {box-shadow: 2px 3px 4px #BBBBBB; border-radius: 5px;}
.name-profile .edit-btn {display: inline-block; font-size: 13px; border: 1px solid #CCC; padding: 2px 10px !important; border-radius: 3px;}
.name-profile .movies {margin-top: 40px;}
.name-profile .movies h3 {margin: 0 10px; position: relative;}
.name-profile .movies h3 a {color: inherit;}
.name-profile .movies h3 .full-list {font-size: 12px; position: absolute; right: 0; bottom: 0;}
.name-profile .movies h3 .full-list i {font-size: 10px;}
.name-profile .movies .cols {display: flex;}
.name-profile .movies .cols > div {width: 100%;}
.name-profile .movies > div {padding: 10px 0; background: #FFF; margin: 20px 0;}
.name-profile .movies .row > ul {list-style: none; margin: 0; padding: 0; display: flex;}
.name-profile .movies .row > ul > li {background: #FFF; margin: 0 10px; padding: 10px; width: 123px; text-align: center; /*box-shadow: 2px 3px 4px #BBBBBB;*/}
.name-profile .movies .row .title {margin-top: 5px;}
.name-profile .movies .ctog {margin-bottom: 5px;}
.name-profile .movies .rdate {margin-bottom: 5px;}
.name-profile .movies .rdate .in-theaters{ white-space: nowrap;}
.name-profile .movies .relname {margin-bottom: 5px;}
.name-profile .movies .poster {position: relative; text-align: center;}
.name-profile .movies .poster a {display: inline-block;}
.name-profile .movies .poster img {box-shadow: 2px 3px 4px #BBBBBB; border-radius: 5px; vertical-align: middle; }
.name-profile .movies .poster .in-theaters {border: 2px solid #FDCC1A; border-radius: 15px; width: 25px; height: 25px; line-height: 25px; position: absolute; bottom: 45px; right: -10px; background: #FFF;}
.name-profile .movies .poster .see-trailer {border-radius: 15px; width: 29px; height: 29px; line-height: 28px; position: absolute; bottom: -15px; right: -10px; background: #FFF; cursor: pointer;}
.name-profile .movies .poster .see-trailer i {font-size: 25px; color: #4682B4;}
.name-profile .movies .poster .jw-offers {position: absolute; margin-left: -15px; left: 50%; bottom: -10px; border: 1px solid #e2e2e2; cursor: pointer;}
.name-profile .movies .poster .jw-offers img {border-radius: 0px; width: 30px; height: 30px;}
.name-profile .movies .poster .jw-offers img:hover {box-shadow: 1px 5px 5px #e2e2e2;}
.name-profile .movies .title-jw {margin-top: 15px !important; }
.name-profile .movies .stream-offer{display: block;}
.name-profile .movies ul.reviews > li {width: 50%; text-align: left; position: relative;}
.name-profile .movies ul.reviews .movie-image {float: left; }
.name-profile .movies ul.reviews .movie-image img {box-shadow: 2px 3px 4px #BBBBBB; border-radius: 5px;}
.name-profile .movies ul.reviews .info {margin-left: 130px;}
.name-profile .movies ul.reviews .pub-date {color: #666; font-size: 11px; margin: 10px 0;}
.name-profile .movies ul.reviews .title a {font-size: 16px; }
.name-profile .movies ul.reviews .pro-review {margin-bottom: 20px;}
.name-profile .movies ul.reviews .pro-review > span, .name-profile .movies ul.reviews .pro-review > a {display: block; text-align: justify; line-height: 20px; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden;}
.name-profile .movies ul.reviews .author {position: absolute; bottom: 10px; right: 10px;}
.name-profile .movies ul.ratings > li {/*margin-top: -8px; background: #F5F5F5;*/ margin: 0 !important;}
.name-profile .movies ul.tickets > li {margin-top: -8px; padding: 0 10px; background: #FDCC1A; }
.name-profile .movies ul.tickets > li > a {display: block; padding: 10px 0; width: 100%;}
.name-profile .movies ul.reviews-count > li {margin-top: -8px; background: #F5F5F5;}
.name-profile .movies .related-names ul{ justify-content: space-between;}
.name-profile .movies .related-names .poster {margin: 0 !important;}
.name-profile .movies .movies-slider ul {list-style: none; margin: 0 20px; padding: 0; width: 735px;}
.name-profile .movies .movies-slider ul .slick-slide {margin: 0 10px; padding: 10px; text-align: center;}
.name-profile .movies .movies-slider .slick-slider {position: relative;}
.name-profile .movies .movies-slider .slick-slider .slick-slide {width: 123px !important;}
.name-profile .movies .movies-slider .slick-slider .arrow-left {position: absolute; top: 40%; left: -10px; font-size: 18px; cursor: pointer; z-index: 15;}
.name-profile .movies .movies-slider .slick-slider .slick-disabled {display: none !important;}
.name-profile .movies .movies-slider .slick-slider .arrow-right {position: absolute; top: 40%; right: -20px; font-size: 18px; cursor: pointer; z-index: 15;}
.name-profile .movies .main-role {list-style: none; margin: 0; padding: 0; display: inline-block; }
.name-profile .movies .main-role > li {display: inline-block; padding: 2px 5px; color: #888; font-size: 11px;}
.name-profile .movies .mr-rating { padding: 5px; }
.name-profile .movies .mr-rating .avgrat-box {margin: 0;}
.name-profile .reg-login {background: #F5F5F5; margin: 10px; padding: 10px; text-align: center;}
.name-profile .reg-login .btn {display: inline-block; background: #4682B4; padding: 5px 15px; border-radius: 3px; color: #FFF; margin-top: 15px;}
.name-profile .awards-resume-box {display: grid; grid-template-columns: repeat(2, auto);}
.name-profile .awards-resume {margin: 0 0 25px 10px;}
.name-profile .awards-resume:nth-child(2) {border-left: 1px solid #CCC; margin-left: 20px; padding-left: 20px;}
.name-profile .awards-resume h3 {margin: 0 0 15px 0;}
.name-profile .awards-resume ul {list-style: none; margin: 0; padding: 0;}
.name-profile .awards-resume .awards-resume-list a > span {color: #000;}
.name-profile .awards-resume .awards-resume-list > li {padding: 3px 0;}
.name-profile .awards-resume .wins {color: #689f38;}
.name-profile .awards-resume .wins.noms-after::after {content: ' - '; color: #333;}
.name-profile .awards-resume .see-full { margin-top: 10px; font-weight: bold;}
.name-profile .awards-resume .see-full a {color: #000;}
.name-profile .awards-resume .bm-award {display: inline-block; width: 12px; height: 12px; line-height: 10px; color: #333; border: 1px solid #666; border-radius: 6px; text-align: center; vertical-align: text-bottom;}
.name-profile .awards-resume .bm-award i {color: inherit; font-size: 8px; }
.name-profile .best-rankings > ul {list-style: none; margin: 15px 0 0 0; padding: 0; display: grid !important; grid-template-columns: repeat(3, 33%); text-align: center;}
.name-profile .best-rankings > ul > li {padding: 0;}
.name-profile .best-rankings .title {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; text-align: center;}
.name-profile .best-rankings .group-movies {list-style: none; margin: 10px 0 0 0; padding: 0; }
.name-profile .best-rankings .group-movies > li {display: inline-block; vertical-align: top;}
.name-profile .best-rankings .group-movies > li img {box-shadow: 2px 3px 4px #BBBBBB; border-radius: 5px;}
.name-profile .best-rankings .group-movies > li .top100 {font-weight: bold;}
.name-profile .user-rating {margin-bottom: 5px;}
.name-profile .movies .see-all {float: right;}
.name-profile .movies .see-all a {display: block; padding: 0px 5px;}
.name-profile .movies-graph {position: relative;}
.name-profile .movies-graph .graph-wrapper {position: relative; margin: 30px 15px 0 30px;}
.name-profile .movies-graph .graph-wrapper .canvas-content {background: #FFF; overflow-x: scroll; width: 770px;}
.name-profile .movies-graph .graph-wrapper > canvas {position: absolute; left: 0; top: 0; pointer-events: none; background: #FFF; padding-right: 10px;}
.name-profile .movies-graph .avg-tooltip {position: absolute; background: #888; padding: 2px 5px; color: #FFF; border-radius: 5px; left: -25px; min-width: 25px; text-align: center;}
.name-profile .movies-graph .legend {font-style: italic; margin: 10px 0 30px 30px; color: #666;}
.name-profile .movies-graph .legend .movie-types {list-style: none; margin: 10px 0 0 0; padding: 0;}
.name-profile .movies-graph .legend .movie-types > li {display: inline-block; margin-right: 15px;}
.name-profile .movies-graph .legend .movie-types .example {display: inline-block; width: 15px; height: 15px; vertical-align: middle;}
.name-profile .movies-graph .legend .exclude {float: right; margin: 10px 15px 0 0;}
.name-profile #graph-tooltip {background: #FFF; padding: 10px; margin: -8px 10px 10px 10px;}
.chartjs-tooltip {background: #FFF; box-shadow: 2px 3px 4px #888; border: 1px solid #08C; display: none;}
.chartjs-tooltip:hover {background: #F5F5F5;}
.chartjs-tooltip:hover .title {color: #3C6E99;}
.name-profile .filmo-button {text-align: center; margin-top: 30px;}
.name-profile .filmo-button > a {background: #557CAD; padding: 10px 20px; color: #FFF; border-radius: 5px; font-size: 16px;}
.name-profile .filmo-button-top {text-align: center; margin-top: 5px;}
.name-profile .filmo-button-top > a {background: #557CAD; padding: 5px 10px; color: #FFF; border-radius: 5px; font-size: 14px;}
.name-profile .best-movies.row ul{ justify-content: space-between;}
.name-profile .extra-info .tickets {background: #FDCC1A; margin: 10px -10px -10px -10px;}
.name-profile .extra-info .tickets a {display: block; padding: 5px 0; }
.name-profile .extra-info .icons {display: flex; margin: 10px -10px -10px -10px; border-top: 1px solid #CCC; }
.name-profile .extra-info .icons > div {width: 50%; font-size: 16px;}
.name-profile .extra-info .icons > div:first-child {border-right: 1px solid #CCC;}
.name-profile .extra-info .icons a {display: block; padding: 3px 0 2px 0;}
.name-profile .extra-info .icons span {display: block; padding: 3px 0 2px 0;}
.name-profile .extra-info .icons .disabled {color: #BBB;}
.name-profile .popular-groups {margin-top: 40px;}
.name-profile .popular-groups > ul {display: grid !important; grid-template-columns: repeat(3, 33%);}
.name-profile .popular-groups > ul > li {width: auto !important; margin: 0 auto;}
.name-profile .popular-groups .group-movies {list-style: none; margin: 0; padding: 0;}
.name-profile .popular-groups .group-movies > li {display: inline-block; margin-left: -30px; vertical-align: top; position: relative;}
.name-profile .popular-groups .group-movies > li:first-child {margin: 0;}
.name-profile .popular-groups .group-movies img {box-shadow: 2px 3px 4px #BBBBBB; border-radius: 5px;}
.name-profile .mc-oposter.no-image{ height: 171px; width: 115px;}
.name-profile .mc-oposter .wrapper-info-no-image .title-no-image{ font-size: 14px;}
.name-profile .mc-oposter .wrapper-info-no-image .director-no-image{ font-size: 10px;}
.name-movies .edit-btn {display: inline-block; font-size: 13px; border: 1px solid #CCC; padding: 2px 10px !important; border-radius: 3px;}
.name-movies .name-tabs {margin: 10px 10px 5px 10px;}
.name-movies .name-tabs .adm {float: right; }
.name-movies .name-tabs .adm.refresh-cache {border-radius: 5px; background: #9BB781; padding: 2px; text-align: center; width: 22px; height: 22px; color: #FFF; line-height: 22px;}
.name-movies .names-pager-bar .pager-bar-content {display: grid; grid-template-columns: auto auto auto; justify-content: stretch;}
.name-movies .names-pager-bar .pager-bar-content > div:first-child {justify-self: start;}
.name-movies .names-pager-bar .pager-bottom {grid-column: 1 / span 3; justify-self: center !important;}
.name-movies .related-names {margin: 30px 10px; border: 1px solid #CCC; border-radius: 5px; box-shadow: 2px 3px 4px #BBBBBB; padding: 15px 5px;}
.name-movies .related-names ul {list-style: none; margin: 0; padding: 0;}
.name-movies .related-names ul > li {text-align: center; display: inline-block; margin: 0 10px;}
.name-movies .related-names .poster {position: relative; text-align: center; margin: 5px 0;}
.name-movies .related-names .poster a {display: inline-block;}
.name-movies .related-names .poster img {box-shadow: 2px 3px 4px #BBBBBB; border-radius: 5px; vertical-align: middle; }
.name-movies .related-names .main-role {font-size: 11px; margin-top: 5px;}
.name-movies .movies-content-empty {padding: 15px; font-size: 14px;}
.name-movies .movies-content {display: flex;}
.name-movies .adv-no-styles {margin: 0;}
.name-movies .movies {list-style: none; margin: 0 15px 0 10px; padding: 0; width: 100%;}
.name-movies .movies > li {padding: 10px; position: relative; padding-bottom: 30px;}
.name-movies .movies.date .year {background: #EDEBEC; width: 40px; position: absolute; left: 0px; top: 0; bottom: 0; padding-top: 10px; font-weight: bold; text-align: center;}
.name-movies .movies.date > li.start .year {top: 10px;}
.name-movies .movies.date > li {text-align: right;}
.name-movies .movies.date > li .movie-card {text-align: left; margin-left: 50px;}
.name-movies .movies.date > li.start .movie-card {margin-top: 10px;}
.name-movies .movies.slist .group-col {background: #EDEBEC; width: 40px; position: absolute; left: 0px; top: 0; bottom: 0; padding-top: 10px; font-weight: bold; text-align: center;}
.name-movies .movies.slist > li.start .group-col {top: 10px;}
.name-movies .movies.slist > li {padding-bottom: 10px;}
.name-movies .movies.slist > li .movie-title {text-align: left; margin-left: 40px;}
.name-movies .movies.slist > li .movie-title img {vertical-align: middle; margin-left: 5px;}
.name-movies .movies.slist > li .movie-title .rating-count {display: inline-block; margin-left: 5px; color: #888;}
.name-movies .movies.slist > li .movie-title .movie-type{ margin-left: 0px;}
.name-movies .movies.slist > li .movie-title .movie-type .type{ font-size: 10px;}
.name-movies .movies.slist > li.start .movie-title { margin-top: 10px;}
.name-movies .movies.slist.count > li .movie-title {margin-left: 85px;}
.name-movies .movies.slist.count .group-col {width: 75px; text-align: right; padding-right: 10px;}
.name-movies .movies.slist.avg .group-col {background: #447CAD; color: #FFF;}
.name-genres .edit-btn {display: inline-block; font-size: 13px; border: 1px solid #CCC; padding: 2px 10px !important; border-radius: 3px;}
.name-genres .name-tabs {margin: 10px 10px 5px 10px;}
.name-genres .name-tabs .adm {float: right; }
.name-genres .name-tabs .adm.refresh-cache {border-radius: 5px; background: #9BB781; padding: 2px; text-align: center; width: 22px; height: 22px; color: #FFF; line-height: 22px;}
.name-genres .cat-list {margin: 0 !important;}
.name-genres .top-anchors {margin: 0 10px; text-align: center;}
.name-genres .top-anchors a {margin: 2px 5px; display: inline-block;}
.name-genres .top-anchors .active {background: #447CAD; color: #FFF;}
.name-genres .top-anchors small {background: #888; color: #FFF; border-radius: 5px; display: inline-block; padding: 2px 5px; margin-left: 3px;}
.name-genres .top-anchors .active small {background: #FFF; color: #666;}
.name-genres .top-anchors a:hover small {background: #FFF; color: #666;}
.name-genres .names-pager-bar {display: grid; grid-template-columns: auto auto; justify-items: start;}
.name-genres .names-pager-bar .count-movies {display: inline-block; background: #FFF; height: 26px; line-height: 26px;}
.name-genres .names-pager-bar .pager {display: inline-block;}
.name-genres .names-pager-bar .full-types {justify-self: end; align-self: center; background: #FFF; border-radius: 3px; display: inline-block; padding: 5px 10px; border: 1px solid #CCC; margin: 10px;}
.name-genres .genre-avg {float: right; font-size: 12px;}
.name-genres .genre-avg a {display: inline-block; border: 1px solid #CCC; border-radius: 3px; width: 18px; height: 18px; line-height: 18px; text-align: center; margin-left: 5px;}
.name-genres .genre-avg a:hover {background: #447CAD; color: #FFF;}
.name-genres .wrapper .title {font-size: 16px;}
/*.name-rankings .content {display: grid; grid-template-columns: auto 300px; width: 100%;}*/
.name-rankings .edit-btn {display: inline-block; font-size: 13px; border: 1px solid #CCC; padding: 2px 10px !important; border-radius: 3px;}
.name-rankings .name-tabs {margin: 10px 10px 5px 10px;}
.name-rankings .name-tabs .adm {float: right; }
.name-rankings .name-tabs .adm.refresh-cache {border-radius: 5px; background: #9BB781; padding: 2px; text-align: center; width: 22px; height: 22px; color: #FFF; line-height: 22px;}
.name-rankings .cat-list {margin: 0 !important;}
.name-rankings .mc-wrapper-cat {position: relative; }
.name-rankings .mc-wrapper-cat .pos {position: absolute; top: -10px; left: -10px; font-weight: bold; text-align: center; font-size: 14px; background: #F5F5F5; width: 30px; height: 30px; line-height: 30px; border-radius: 15px; box-shadow: 1px 1px 2px #888;}
.name-rankings .wrapper .title {border-bottom: 2px solid #CCC; font-size: 16px;}
.name-rankings .cbg-wrapper .slick-arrow.arrow-left, .name-rankings .cbg-wrapper .slick-arrow.arrow-right{ top: 100px !important;}
/*.name-groups .content {display: grid; grid-template-columns: auto 300px; width: 100%;}*/
.name-groups .edit-btn {display: inline-block; font-size: 13px; border: 1px solid #CCC; padding: 2px 10px !important; border-radius: 3px;}
.name-groups .name-tabs {margin: 10px 10px 5px 10px;}
.name-groups .name-tabs .adm {float: right; }
.name-groups .name-tabs .adm.refresh-cache {border-radius: 5px; background: #9BB781; padding: 2px; text-align: center; width: 22px; height: 22px; color: #FFF; line-height: 22px;}
.name-groups .cat-list {margin: 0 !important;}
.name-groups .mc-wrapper-cat {position: relative; }
.name-groups .mc-wrapper-cat .pos {position: absolute; top: -10px; left: -10px; font-weight: bold; text-align: center; font-size: 14px; background: #F5F5F5; width: 30px; height: 30px; line-height: 30px; border-radius: 15px; box-shadow: 1px 1px 2px #888;}
.name-groups .wrapper .title {border-bottom: 2px solid #CCC; font-size: 16px;}
.name-groups .cbg-wrapper .slick-arrow.arrow-left, .name-groups .cbg-wrapper .slick-arrow.arrow-right{ top: 100px !important;}
.name-right-panel .content-anchors {padding: 5px; width: 300px; box-sizing: border-box; margin-top: 15px; background: #FFF;}
.name-right-panel .content-anchors ul {list-style: none; margin: 0; padding: 0;}
.name-right-panel .content-anchors ul > li {margin: 10px; background: #FFF; box-shadow: 2px 3px 4px #BBBBBB;}
.name-right-panel .content-anchors ul > li a {display: block; padding: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.name-right-panel .content-anchors ul > li i {font-size: 11px; margin-right: 5px;}
.name-right-panel .content-anchors > div {font-size: 16px; margin: 5px 10px;}
.name-awards .edit-btn {display: inline-block; font-size: 13px; border: 1px solid #CCC; padding: 2px 10px !important; border-radius: 3px;}
.name-awards .name-tabs {margin: 10px 10px 5px 10px;}
.name-awards .name-tabs .adm {float: right; }
.name-awards .name-tabs .adm.refresh-cache {border-radius: 5px; background: #9BB781; padding: 2px; text-align: center; width: 22px; height: 22px; color: #FFF; line-height: 22px;}
.name-awards .content {display: grid; grid-template-columns: auto 320px; width: 100%; }
.name-awards .header {font-size: 16px; margin: 0 0 15px 15px;}
.name-awards .main-content ul {list-style: none; margin: 0; padding: 0;}
.name-awards .awards-list {margin-left: 10px;}
.name-awards .awards-list .award-box {margin-bottom: 15px; padding: 15px;}
.name-awards .awards-list .award-box .resume {display: inline-block; margin-left: 10px;}
.name-awards .awards-list .award-box .resume .wins {color: #689f38;}
.name-awards .awards-list .award-box .resume .wins.noms-after::after {content: ' - '; color: #333;}
.name-awards .awards-list .award-box > a {font-size: 14px; font-weight: bold;}
.name-awards .editions-list {margin-left: 10px; padding-left: 10px;}
.name-awards .editions-list > li {margin: 15px 0; display: grid; grid-template-columns: 50px auto; gap: 0 5px;}
.name-awards .editions-list .year {border-right: 1px solid #888; font-weight: bold; justify-self: right; padding-right: 5px;}
.name-awards .categories-list > li {margin-top: 5px;}
.name-awards .categories-list > li:first-child {margin-top: 0;}
.name-awards .categories-list .award-movie::before {content: ' - '; color: #333;}
.name-awards .categories-list .winner {background: #689f38; color: #FFF; display: inline-block; padding: 0 3px; margin-left: 5px;}
.name-awards .bm-title {display: inline-block; margin-top: 15px; margin-left: 15px; font-weight: bold;}
.name-awards .main-award-explanation .info-icon {display: inline-block; width: 12px; height: 12px; line-height: 5px; color: #333; border: 1px solid #666; border-radius: 6px; text-align: center; vertical-align: text-bottom;}
.name-awards .main-award-explanation .info-icon i {color: inherit; font-size: 8px; }
.name-awards .nom-explan {font-style: italic; font-size: 11px;}
.name-awards .name-awards-right-panel {margin: 0 10px;}
.name-awards .movies-panel {padding: 0 10px 10px 10px;}
.name-awards .movies-panel .panel-header {font-size: 16px; margin-bottom: 30px;}
.name-awards .movies-panel ul {list-style: none; margin: 0; padding: 0;}
.name-awards .movies-panel ul li {display: grid; grid-template-columns: 60px auto; margin-bottom: 15px;}
.name-awards .movies-panel .movie-title {display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 5px; width: 220px}
.name-awards .movies-panel img {box-shadow: 0 2px 5px #CCC; border-radius: 5px;}
.name-awards .movies-panel .wins {color: #689f38;}
.name-awards .movies-panel .wins.noms-after::after {content: ' - '; color: #333;}
.name-awards .movies-panel .full-list {margin-top: 15px; text-align: right;}
.name-movies-awards .edit-btn {display: inline-block; font-size: 13px; border: 1px solid #CCC; padding: 2px 10px !important; border-radius: 3px;}
.name-movies-awards .name-tabs {margin: 10px 10px 5px 10px;}
.name-movies-awards .name-tabs .adm {float: right; }
.name-movies-awards .name-tabs .adm.refresh-cache {border-radius: 5px; background: #9BB781; padding: 2px; text-align: center; width: 22px; height: 22px; color: #FFF; line-height: 22px;}
.name-movies-awards .content {display: grid; grid-template-columns: auto 320px; width: 100%;}
.name-movies-awards .header {font-size: 16px; margin: 0 0 15px 15px;}
.name-movies-awards .pager {margin-top: 30px;}
.name-movies-awards .main-content .movies-list {list-style: none; margin: 30px 0 0 0; padding: 0;}
.name-movies-awards .main-content .movies-list > li {margin-bottom: 30px; padding: 10px; padding-bottom: 5px;}
.name-movies-awards .awards-data {border-left: 1px solid #CCC; margin: 10px 0;}
.name-movies-awards .awards-data .full-awards {padding: 10px; border-bottom: 1px solid #CCC; }
.name-movies-awards .awards-data .full-awards .wins {color: #689f38;}
.name-movies-awards .awards-data .full-awards .wins.noms-after::after {content: ' - '; color: #333;}
.name-movies-awards .awards-data .full-awards > a {float: right; }
.name-movies-awards .name-awards-data {padding: 10px; }
.name-movies-awards .name-awards-data .name-full-awards {font-weight: bold;}
.name-movies-awards .name-awards-data ul {list-style: none; margin: 0; padding: 0;}
.name-movies-awards .name-awards-data .editions {margin: 10px 0 10px 0;}
.name-movies-awards .name-awards-data .editions > li {margin: 15px 0;}
.name-movies-awards .name-awards-data .cats {margin-left: 20px;}
.name-movies-awards .name-awards-data .cats li {margin: 5px 0;}
.name-movies-awards .name-awards-data .cats i {margin-right: 10px;}
.name-movies-awards .name-awards-data .cats .winner {background: #689f38; display: inline-block; margin-left: 5px; color: #FFF; padding: 0 5px;}
.name-movies-awards .awards-panel {padding: 0 10px 10px 10px;}
.name-movies-awards .awards-panel .panel-header {font-size: 16px; margin-bottom: 30px;}
.name-movies-awards .awards-panel ul {list-style: none; margin: 0; padding: 0; }
.name-movies-awards .awards-panel ul li {margin-top: 15px;}
.name-movies-awards .awards-panel ul li > div {margin-left: 20px;}
.name-movies-awards .awards-panel .wins {color: #689f38;}
.name-movies-awards .awards-panel .wins.noms-after::after {content: ' - '; color: #333;}
.name-movies-awards .awards-panel .full-list {margin-top: 15px; text-align: right;}
.names-together ul {list-style: none; margin: 0; padding: 0;}
.names-together .names {display: flex; justify-content: space-between; margin: 30px 10px; gap: 20px;}
.names-together .names > li {width: 50%; border: 1px solid #CCC; padding: 10px; border-radius: 5px; position: relative;}
.names-together .names .change-name {width: 26px; height: 26px; position: absolute; top: -5px; right: -5px; background: #AAA; text-align: center; line-height: 25px; border-radius: 13px; cursor: pointer;}
.names-together .names .search-name {font-size: 14px;}
.names-together .names .search-name input {margin: 10px 0; width: 80%;}
.names-together .main-role {list-style: none; margin-top: 15px; padding: 0; display: inline-block;}
.names-together .main-role > li {display: inline-block; display: inline-block; border: 1px solid #557CAD; border-radius: 3px; margin-right: 5px; padding: 2px 5px;}
.names-together .sep {padding: 10px; border: 1px solid #999999; border-radius: 6px; margin: 15px 5px 30px 5px;}
.names-together .movies {margin: 15px 10px;}
.names-together .movies > li {margin: 0 0 30px 0;}
.names-together .bottom-pager {margin-top: 50px;}
.names-together .templates {display: none;}
.name-disclaimer {text-align: center; margin-top: 100px;}
.name-suggest .edit-btn {display: inline-block; font-size: 13px; border: 1px solid #CCC; padding: 2px 10px !important; border-radius: 3px;}
.name-suggest .name-tabs {margin: 10px 10px 5px 10px;}
.name-suggest .name-tabs .adm {float: right; }
.name-suggest .name-tabs .adm.refresh-cache {border-radius: 5px; background: #9BB781; padding: 2px; text-align: center; width: 22px; height: 22px; color: #FFF; line-height: 22px;}
.name-suggest .header {font-size: 16px; border-bottom: 1px solid #CCC;}
.name-suggest .suggestions {margin: 15px;}
.name-suggest form {display: grid; grid-template-columns: 120px auto; margin: 15px 0; gap: 20px 10px; align-items: center;}
.name-suggest form label {margin-bottom: 0;}
.name-suggest form .label {text-align: right;}
.name-suggest form input.form-control {display: inline-block; margin-right: 5px;}
.name-suggest form .gender label {margin-right: 15px;}
.name-suggest form .death-data {display: none;}
.name-suggest form .date input {width: 150px;}
.name-suggest form .input-explain {font-style: italic; color: #666;}
.name-suggest form input[type="checkbox"] {width: 17px; height: 17px; vertical-align: middle; margin-right: 5px;}
.name-suggest form [name="who"] {display: inline-block; width: 250px;}
.name-suggest form [name="height"] {width: 150px;}
.name-suggest form [name="image-author"] {width: 250px;}
.name-suggest form [name="new-image-link"] {width: 100%;}
.name-suggest form .evidences {align-self: start;}
.name-suggest form .evidences textarea {height: 100px;}
.name-suggest form .evidences textarea.border-danger {border-width: 2px;}
.name-suggest form .submit {grid-column: span 2; width: 200px; justify-self: center;}
.name-suggest .bottom-disclaimer {margin-top: 40px; font-size: 10px;}
.name-suggest .templates {display: none;}
.sort-pop-templates {display: none;}
.sort-pop {text-align: left; background: #FFF; display: none; position: absolute; right: 10px; z-index: 101;}
.sort-pop .pop-layout {z-index: 10; position: relative; background: #FFF; padding: 15px; box-shadow: 2px 3px 4px #BBBBBB;}
.sort-pop .header {font-size: 16px; margin-bottom: 10px; background: #FFF; text-align: left;}
.sort-pop .sort-pop-cols {display: flex;}
.sort-pop .sort-pop-cols > div:first-child {margin-right: 50px;}
.sort-pop ul.options {display: block; margin: 0 0 15px 0; padding: 0;}
.sort-pop ul.options > li {display: block; font-size: 14px; padding: 5px 10px; white-space: nowrap; color: #666; cursor: pointer; margin: 2px 5px; border-radius: 5px;}
.sort-pop ul.options > li label {margin: 0; padding: 0;}
.sort-pop ul.options > li i {width: 20px; display: none;}
.sort-pop ul.options > li.active {background: #D6E3F9;}
.sort-pop ul.options > li.active i {display: inline-block;}
.sort-pop ul.options > li.active.disabled {background: #EEE;}
.sort-pop ul.options > li.disabled label {text-decoration: line-through;}
.sort-pop .badge {background: #888; color: #FFF; padding: 1px 5px; border-radius: 10px; font-size: 11px; font-weight: normal; margin-left: 5px;}
.sort-pop .apply {text-align: right; margin-top: 30px;}
.sort-pop .apply .cancel {display: inline-block; padding: 5px 10px; cursor: pointer; margin-right: 5px;}
.sort-pop .apply .clear {display: inline-block; padding: 5px 10px; cursor: pointer; margin-right: 5px; display: none;}
.sort-pop .apply .btn {background: #3C6E99; display: inline-block; border-radius: 5px; color: #FFF; padding: 5px 10px; cursor: pointer;}
.sort-pop-reminder {right: -45px !important; left: auto !important; top: 90px !important; }
.sort-pop-reminder .popover-arrow {transform: translate(12px, -25px) !important; rotate: -90deg !important;}
.sort-pop-reminder .popover-arrow:after {border-left-color: #f0f0f0 !important}
.sort-pop-reminder .sort-pop-reminder-title {position: relative;}
.sort-pop-reminder .sort-pop-reminder-title .close-sort-pop-reminder {position: absolute; right: 0; top: 0; padding: 0px 5px; cursor: pointer;}
.top-info-wrapper .fa-signal.reminder {font-weight: bold; color: orange !important;}
.media-critics .edit-btn {display: inline-block; font-size: 13px; border: 1px solid #CCC; padding: 2px 10px !important; border-radius: 3px;}
.media-critics .name-tabs {margin: 10px 10px 5px 10px;}
.media-critics .name-tabs .ntabs {margin-top: 0;}
.media-critics .filter {margin: 20px 10px;}
.media-critics .filter .counts {float: left;}
.media-critics .filter .counts ul {border-width: 0px;}
.media-critics .filter .counts ul li {border-width: 0px;}
.media-critics .filter .counts i {margin-left: 10px;}
.media-critics .main-name .info {padding: 0 5px; position: relative;}
.media-critics .main-name .info h1 {margin: 0 0 10px 0 !important;}
.media-critics .main-name .info h1 .edit-name {border: 1px solid #CCC; width: 20px; height: 20px; line-height: 20px; display: inline-block; vertical-align: middle; text-align: center;}
.media-critics .main-name .info h1 .edit-name i {font-size: 14px;}
.media-critics .main-name .info .snets {position: absolute; top: 0; right: -8px; padding: 5px 10px; border-radius: 3px 0 0 3px; white-space: nowrap; border: 2px solid #FDCC1A; border-right-width: 0; box-shadow: 0 2px 5px #CCC; font-size: 16px; text-align: center; background: #FFF; z-index: 10;}
.media-critics .main-name .info .snets .sep {border-bottom: 1px solid #CCC; margin: 5px 0;}
.media-critics .main-name .info .snets ul {list-style: none; margin: 0; padding: 0; display: inline-block;}
.media-critics .main-name .info .snets ul > li {display: inline-block; margin: 0 5px;}
.media-critics .main-name .info .snets i {font-size: 20px;}
.media-critics .main-name .info .counts {margin: 10px 0;}
.media-critics .main-name .info .counts ul {list-style: none; margin: 0 20px; padding: 0; display: inline;}
.media-critics .main-name .info .counts ul > li {display: inline-block; margin-right: 10px;}
.media-critics .main-name .info .main-names {margin-top: 5px; }
.media-critics .main-name .info .main-names > ul {list-style: none; margin: 0; padding: 0; display: inline;}
.media-critics .main-name .info .main-names > ul > li {display: inline-block; margin: 3px 3px 3px 0;}
.media-critics .main-name .info .main-names > ul > li a {border: 1px solid #CCC; padding: 3px; display: inline-block;}
.media-critics .main-name .info .main-names > ul > li a:hover {background: #EEE;}
.media-critics .main-name .info .main-names > ul > li a:hover span {background: #FFF;}
.media-critics .main-name .info .main-names > ul > li span {background: #EEE; padding: 3px; font-size: 11px; border-radius: 3px; margin-left: 5px;}
.media-critics .ntabs {margin-top: 30px;}
.media-critics .ntabs .button {float: right; color: #FFF;}
.media-critics .ntabs .button a {color: inherit; background: #4682B4; border-width: 0;}
.media-critics .ntabs .button a:hover {color: #FDCC1A;}
.media-critics .names-pager-bar .counts {margin-bottom: 5px; font-size: 12px;}
.media-critics .names-pager-bar .counts ul {list-style: none; margin: 0; padding: 0; display: inline-block;}
.media-critics .names-pager-bar .counts ul > li {display: inline-block;}
.media-critics .names-pager-bar .applied-sort .content {cursor: pointer; font-size: 11px; text-align: right;}
.media-critics .names-pager-bar .applied-sort .content > i {float: right; font-size: 25px; margin-top: 5px; color: #666;}
.media-critics .names-pager-bar .applied-sort .content > div {margin-right: 40px; color: #666;}
.media-critics-reviews .pro-reviews {margin-top: 20px; display: flex;}
.media-critics-reviews .pro-reviews > ul {list-style: none; margin: 0 15px 0 10px; padding: 0;}
.media-critics-reviews .pro-reviews > ul > li {padding: 10px; position: relative; margin-bottom: 30px;}
.media-critics-reviews .pro-reviews .movie-image {float: left;}
.media-critics-reviews .pro-reviews .movie-image img {box-shadow: 2px 3px 4px #BBBBBB; border-radius: 5px;}
.media-critics-reviews .pro-reviews .info {margin-left: 105px;}
.media-critics-reviews .pro-reviews .info .title a {font-size: 16px;}
.media-critics-reviews .pro-reviews .info .pro-review {font-size: 14px; color: #555; margin: 10px 0 15px 0; color: inherit; line-height: 20px;}
.media-critics-reviews .pro-reviews .info .pro-review .pub-date {color: #555; font-style: italic; font-size: 12px; margin-bottom: 5px;}
.media-critics-reviews .pro-reviews .info .pro-review .pub-date i {vertical-align: baseline; font-size: 14px; margin-right: 5px;}
.media-critics-reviews .pro-reviews .info .author {margin-top: 15px; position: absolute; bottom: 5px; right: 5px;}
.media-critics-reviews .pro-reviews .info .author .fa-user {vertical-align: baseline;}
.media-critics-names .no-picture {box-shadow: 2px 3px 4px #BBBBBB; border-radius: 5px;}
.media-critics-names .names-count {margin: 10px;}
.media-critics-names .names > ul {list-style: none; margin: 0 10px; padding: 0;}
.media-critics-names .names > ul > li {padding: 10px; position: relative; margin-bottom: 15px;}
.media-critics-names .names > ul .name-image {float: left;}
.media-critics-names .names > ul .name-image img {box-shadow: 2px 3px 4px #BBBBBB; border-radius: 5px;}
.media-critics-names .names > ul .name-data {margin-left: 65px;}
.media-critics-names .names > ul .name-data .name {font-size: 16px;}
.media-critics-names .names > ul .name-data .reviews-count {margin: 10px 0;}
.media-critics-names .names > table {width: 100%; border-collapse: collapse; margin-top: 20px;}
.media-critics-names .names > table tr {border-bottom: 1px solid #CCC;}
.media-critics-names .names > table th {padding: 5px; text-align: left;}
.media-critics-names .names > table td {padding: 5px;}
.media-critics-names .names > table .right {text-align: right;}
.media-critics-names .names > table .count span {background: #EEE; border-radius: 3px; padding: 1px 3px;}
.media-critics-names .names > table thead {background: #EEE;}
.media-critics-names .names .all {text-align: right; margin-top: 10px;}
.media-critics-names .names .all a {background: #EEE; border-radius: 3px; padding: 3px 10px;}
.media-critics-names .names .last-review em {font-size: 12px; color: #555;}
.media-critics-all {margin-top: 20px;}
.media-critics-all .orderby {text-align: right;}
.media-critics-all .orderby .options {border: 1px solid #CCC; border-radius: 3px; display: inline-block; vertical-align: middle; margin-left: 5px;}
.media-critics-all .orderby .options a {padding: 3px 5px; display: inline-block; border-left: 1px solid #CCC; float: left;}
.media-critics-all .orderby .options a:first-child {border-left-width: 0;}
.media-critics-all .orderby .options a:hover {box-shadow: inset 0 0 5px #666; color: #666;}
.media-critics-all .orderby .options a.active {box-shadow: inset 0 0 5px #666; color: #666;}
.media-critics-all .all-type {background: #4682B4; color: #FFF; padding: 5px 10px; margin-left: 20px; border-radius: 3px;}
.media-critics-all .pager {margin: 30px 0;}
.media-critics-all .names {list-style: none; margin: 0; padding: 0;}
.media-critics-all .names > li {display: inline-block; margin: 5px 3px; vertical-align: top; position: relative; height: 110px; border: 1px solid #CCC; }
.media-critics-all .names > li > a {display: block; width: 150px; height: 60px; text-align: center; font-size: 16px; padding: 10px 5px; box-sizing: border-box;}
.media-critics-all .names .snets {height: 30px;}
.media-critics-all .names .snets > ul {list-style: none; margin: 0; padding: 0; text-align: center;}
.media-critics-all .names .snets > ul > li {display: inline-block; margin-left: 5px;}
.media-critics-all .names .snets > ul > li i {font-size: 16px;}
.media-critics-all .names .bottom-line {position: absolute; bottom: 0px; text-align: left; width: 150px; background: #EEE; padding: 5px 0;}
.media-critics-all .names .bottom-line .country {float: left; width: 30px; text-align: center;}
.media-critics-all .names .bottom-line .country img {vertical-align: middle;}
.media-critics-all .names .bottom-line .count {margin-left: 30px; margin-right: 20px; text-align: center;}
.media-critics-all .names .bottom-line .gender {float: right; width: 20px; text-align: center;}
.media-critics-all .names .bottom-line .gender i {font-weight: bold; font-size: 14px; margin-right: 3px;}
/************************ photoswippe ************************************/
.photo-header{ position: absolute; top: 0; height: 35px; width: 100%; background: #333; z-index: 1; opacity: .8; text-align: center; border-bottom: 1px solid #e2e2e2;}
.photo-header > div{ width: 980px; margin: 2px auto; display: flex; justify-content: space-between;}
.photo-header .logo-wrapper{ text-align: left; position: relative;}
.photo-header .movie-link-wrapper{ line-height: 2em;}
.photo-header .movie-link-wrapper a{ color: #FFF;}
.photo-header .movie-link-wrapper a:hover{ text-decoration: underline; font-weight: bold;}
.photo-header .close-photo{ cursor: pointer;}
.photo-header .close-photo i{ font-size: 30px; color: #fff; }
.description-wrapper{ position: absolute; bottom: 0; height: 115px; width: 100%; background: #333; z-index: 1; opacity: .8; text-align: center; border-top: 1px solid #e2e2e2; padding-top: 3px;}
.description-wrapper > div{ width: 980px; margin: 5px auto; text-align: left;}
.description-wrapper .count{ color: #fff; font-size: 18px; text-align: left; display: inline-block;}
.description-wrapper .description{ display: inline-block; margin-left: 20px; color: #e2e2e2; vertical-align: text-bottom;}
.description-wrapper .description span{ font-size: 16px; color: #FFF;}
.description-wrapper .thumb{ text-align: right;}
.description-wrapper .thumb img{ margin-right: 5px; border-radius: .5em; opacity: .4}
.description-wrapper .thumb .current{ opacity: 1;}
.description-wrapper .thumb img:hover{ opacity: .9; cursor: pointer;}
.pswp--zoom-allowed .pswp__img { cursor: move !important; text-align: center;}
.pswp__zoom-wrap{ text-align: center;}
/***************************** bar top news *******************************/
.news-wrapper-top{ background: #FFF; color: #333; align-items: center; font-size: 15px; border-bottom: 1px solid #A0A0A0;}
.news-wrapper-top .news-wrapper{ display: flex; padding: 10px; align-items: center; justify-items: center;}
.news-wrapper-top .news-wrapper i{ color: #333; font-size: 16px;}
.news-wrapper-top .news-wrapper .fa-info-square{ margin-right: 5px;}
.news-wrapper-top .news-wrapper .close{ cursor: pointer; margin-left: auto;}
.news-wrapper-top .news-wrapper .n-w-text-top{ text-align: center; margin: 0 auto;}
.news-wrapper-top .news-wrapper .n-w-text-top a{ margin-left: 3px;}
/****************** flags ************************/
.fa-flags{ background-image: url('../imgs/countries2/sprites.png'); background-repeat: no-repeat; background-size: cover; margin-right: 5px;}
.fa-flags.es-flag{ display: inline-block; width: 25px; height: 18px; background-position: 0px -1044px;}
/****************** change view ******************/
.cv-wrapper{ padding: 10px; margin: 10px 0px 0px 10px; text-align: right; display: flex; justify-content: flex-end;}
.cv-wrapper .cv-btn{ padding: 8px; border: 1px solid #e2e2e2; border-radius: 3px; margin-right: 3px; cursor: pointer;}
.cv-wrapper .cv-btn i{font-size: 16px;}
.cv-wrapper .cv-btn.active{ border: 1px solid #447cad; }
.cv-wrapper .cv-btn.active i{ color:#447cad; }
.cv-wrapper .cv-btn:hover{ background: #447cad; color: #FFFFFF;}
.cv-wrapper .cv-btn:hover i{ color: #FFFFFF;}
/***************** calendar tv-show *************** */
.cat-list.calendar-tv .chv-wrapper-primary{ position: absolute; top: 25px; right: 20px; z-index: 100;}
.cat-list.calendar-tv .margin-ntabs{ margin: 10px 10px 15px 10px;}
.cat-list.calendar-tv ul.ntabs li > a{ text-transform: capitalize;}
.cat-list.calendar-tv .rdate-cat{ position: sticky; top: 47px; z-index: 100; display: flex; background: #ffffff; color: #333333; border-bottom: 1px solid #333333; font-size: 18px;}
.cat-list.calendar-tv .rdate-cat .day-text{ margin-left: 5px;}
.cat-list.calendar-tv .rdate-cat.today {background: #447CAD; color: #FFFFFF; border-bottom: 0px;}
.cat-list.calendar-tv .rdate-cat .today-box {margin-left: auto; font-weight: bold;}
.cat-list.calendar-tv .main-wrapper-calendar .d-flex-inline .cal-tv-title-wrapper{ width: 100%; padding: 10px;}
.cat-list.calendar-tv .main-wrapper-calendar .d-flex-inline .cal-tv-title-wrapper .movie-info-streaming-prov .jw-wrapper-link{ display: inline-block;}
.cat-list.calendar-tv .main-wrapper-calendar .d-flex-inline .cal-tv-title-wrapper .movie-info-streaming-prov .jw-wrapper-alone{ display: inline-block;}
.cat-list.calendar-tv .d-flex-inline{ display: flex; flex-wrap: wrap;}
.cat-list.calendar-tv .nav-tabs > li > a{ position: relative; display: block; padding: 10px 15px; border-bottom: 3px solid transparent;}
.cat-list.calendar-tv .nav-tabs > li.active a{ border-bottom: 3px solid #4682B4; }
.cat-list.calendar-tv .nav-tabs > li a:hover{ border-bottom-color: #4682B4;}
.cat-list.calendar-tv .no-shows-wrapper{ margin: 30px 10px; text-align: center;}
.cat-list.calendar-tv .no-shows-wrapper > div{ color: #777777;}
.cat-list.calendar-tv .platforms-wrapper{ min-height: 34px; margin: 0px 10px;}
.cat-list.calendar-tv .platforms-wrapper .nav.nav-tabs{ border-bottom: 0px; }
.cat-list.calendar-tv .platforms-wrapper .nav-tabs > li{ }
.cat-list.calendar-tv .platforms-wrapper .nav-tabs > li:first-child{ padding: 0px 0px 0px 6px;}
.cat-list.calendar-tv .platforms-wrapper .nav-tabs > li.active a{ color: #FFFFFF; background: #447cad;}
.cat-list.calendar-tv .platforms-wrapper .nav-tabs > li:hover a{ color: #ffffff; background: #447cad;}
.cat-list.calendar-tv .platforms-wrapper .nav-tabs > li:hover a .bg-primary{ background: #FFFFFF !important; color: #447cad; transition: unset;}
.cat-list.calendar-tv .platforms-wrapper .nav-tabs > li a{ padding: 6px; border: 1px solid #999999; border-radius: 6px; margin-left: 5px;}
.cat-list.calendar-tv .platforms-wrapper .nav-tabs > li a .badge{ transition: unset;}
.cat-list.calendar-tv .platforms-wrapper .nav-tabs > li a .badge-rec{ display: none; background: #FDCC1A; color: #447cad; }
.cat-list.calendar-tv .platforms-wrapper .nav-tabs > li.active a .badge-rec{ color: #447cad;}
.cat-list.calendar-tv .other-links-wrapper{ padding: 5px 10px 10px 10px; margin: 5px 10px 10px 10px; text-align: center; display: flex; align-items: center; justify-content: center;}
.cat-list.calendar-tv .other-links-wrapper a{ padding: 6px; border: 1px solid #999999; border-radius: 6px; margin-left: 5px;}
.cat-list.calendar-tv .other-links-wrapper a:hover{ background: #447cad; color: #FFFFFF;}
.cat-list.calendar-tv .other-links-wrapper #show-recs, .cat-list.calendar-tv .other-links-wrapper #show-recs-no-log{ background: #FDCC1A; border: 1px solid #447cad;}
.cat-list.calendar-tv .other-links-wrapper #show-recs:hover, .cat-list.calendar-tv .other-links-wrapper #show-recs-no-log:hover{ background: #447cad; color: #FFFFFF;}
.cat-list.calendar-tv .other-links-wrapper #show-recs:hover i, .cat-list.calendar-tv .other-links-wrapper #show-recs-no-log:hover i{ color: #FFFFFF;}
.cat-list.calendar-tv .other-links-wrapper #show-recs i, .cat-list.calendar-tv .other-links-wrapper #show-recs-no-log i{ color: #447CAD;}
.cat-list.calendar-tv .other-links-wrapper #show-recs.active{ background: #447cad; border: 1px solid #FDCC1A; color: #FFFFFF;}
.cat-list.calendar-tv .other-links-wrapper #show-recs.active i{ color: #FDCC1A;}
.cat-list.calendar-tv .wrapper-no-rec{ margin: 10px;}
.cat-list.calendar-tv .wrapper-no-rec h3{ font-size: 16px;}
.cat-list.calendar-tv .platforms-wrapper .scrtabs-tab-scroll-arrow{ border: 0px; padding-top: 0px; height: 34px}
.cat-list.calendar-tv .platforms-wrapper .scrtabs-tab-scroll-arrow > span{ font-size: 30px;}
.cat-list.calendar-tv .platforms-wrapper .scrtabs-tab-container{ height: 34px}
.cat-list.calendar-tv .platforms-wrapper .scrtabs-tabs-fixed-container{ height: 36px}
.cat-list.calendar-tv .platforms-wrapper .nav li a:hover img{ opacity: 1;}
.cat-list.calendar-tv .platforms-wrapper .nav li a img{ border-radius: 3px; border: 1px solid #777777; box-shadow: 0px 0px 5px 5px #e2e2e2; width: 30px; height: 30px;}
.cat-list.calendar-tv .platforms-wrapper .nav li a i{position: absolute; bottom: -10px; left: 44%;}
.cat-list.calendar-tv .platforms-wrapper .nav li.selected img{ opacity: 1; height: 44px; width: 44px;}
.cat-list.calendar-tv .platforms-wrapper .nav li:not(.selected) a i{display: none}
.cat-list.calendar-tv .main-wrapper-calendar .ad-wrapper{ width: 100%; display: flex; align-items: center;justify-content: center;}
.cat-list.calendar-tv .main-wrapper-calendar .ad-wrapper #smartIntxt{ width: 100%; }
.movie-card-adm .mc-info-container .has-image {text-decoration: underline !important;}
.movie-card-adm .mc-info-container .is-creator {font-weight: bold !important;}
.movie-card-adm .mc-info-container .many-credits {background: #fffdec;}
/******************************* catbygenre *******************************/
.cbg-wrapper .top-anchors{ margin-top: 5px; margin-bottom: 15px; text-align: center; }
.cbg-wrapper .top-anchors a{ padding: 6px; border: 1px solid #999999; border-radius: 6px; margin-left: 5px; display: inline-block; margin-top: 5px;}
.cbg-wrapper .top-anchors a:hover{ color: #ffffff; background: #447cad;}
.cbg-wrapper .cat-list{ max-width: 740px; margin: 0 20px;}
.cbg-wrapper .cat-list .wrapper{ margin: 0px 20px 20px 20px;}
.cbg-wrapper .cat-list .wrapper .title{ text-align: left;}
.cbg-wrapper .cat-list .wrapper .mc-wrapper-cat{ margin: 20px 10px;}
.cbg-wrapper .slick-track{ margin-left: 0 !important;}
.cbg-wrapper .slick-prev::before, .slick-next::before { color: #333333;}
.cbg-wrapper .slick-arrow.arrow-left, .slick-arrow.arrow-right{ position: absolute; top: 166px; cursor: pointer;}
.cbg-wrapper .slick-arrow.arrow-left{ left: -15px;}
.cbg-wrapper .slick-arrow.arrow-right{ right: -10px}
.cbg-wrapper .slick-arrow i{ font-size: 30px;}
.cbg-wrapper .slick-arrow.arrow-left.slick-disabled, .slick-arrow.arrow-right.slick-disabled{ display: none !important;}
/**************************** similar movies ***************************************/
.similar-movies .view-pager-filter-bar .top-info-wrapper-content{ display: flex; justify-content: space-between; align-items: center;}
/**************************** fix images more width than height *******************/
.horizontalImage{ width: 100px; height: 148px; display: flex; justify-content: center; align-items: center; background: #000000; border-radius: 5px;}
.horizontalImage img{ width: inherit; height: auto;}
.poster-list-grid .horizontalImage{ width: 150px; height: 224px;}
.poster-list-grid .horizontalImage img{ height: auto; box-shadow: unset; border-radius: 0px;}
.z-top-movies.ranking .poster-list-grid .horizontalImage{ width: 100px; height: 148px;}
.name-card .name-data .known-for ul li .horizontalImage{ width: 80px; height: 119px;}
.name-card .name-data .known-for ul li .horizontalImage img{ box-shadow: unset; border-radius: 0px;}
.now-movies.row.movies-slider li .horizontalImage{ width: 115px; height: 171px;}
.now-movies.row.movies-slider li .horizontalImage img{ box-shadow: unset; border-radius: 0px;}
.recent-nominee-movies li .horizontalImage{ width: 60px; height: 88px;}
.recent-nominee-movies li .horizontalImage{ box-shadow: unset; border-radius: 0px;}
.mc-flex .mc-poster .horizontalImage img{ box-shadow: unset; border-radius: 0px;}
.easy-autocomplete .horizontalImage{ width: 40px; height: 60px; margin-right: 10px;}
.easy-autocomplete .horizontalImage > img{box-shadow: unset; border-radius: 0px;}
.aw-mc2 .poster .horizontalImage{ width: 92px; height: 134px;}
.aw-mc2 .poster .horizontalImage img{ width: 100%; height: auto;}
.latestevideos .mc .poster .horizontalImage{ width: 64px; height: 95px;}
.latestevideos .mc .poster .horizontalImage img{ box-shadow: unset; border-radius: 0px;}
.movie-card-ac.mc-flex.ui-menu-item-wrapper .horizontalImage{ width: 40px; height: 60px; margin-right: 5px;}
.movie-card-ac.mc-flex.ui-menu-item-wrapper .horizontalImage img{ width: 100%; height: auto;}
.history .histmcard .horizontalImage{ width: 50px; height: 72px;}
.history-scroll .histmcard .horizontalImage{ width: 50px; height: 72px;}
.tour ul.full-list .horizontalImage{ width: 160px; height: 237px;}
.tour .small-list .horizontalImage{ width: 64px; height: 94px;}
.tour .small-list .horizontalImage img{ width: 100%; height: auto;}
.home-cat-container .wrapper-scroller{ width: 465px;}
@media screen and (max-width: 710px) {
.home-cat-container .wrapper-scroller{ width: 360px;}
}
.home-cat-container .wrapper-scroller .item-scroller .movie-poster .horizontalImage{ width: 112px; height: 162px;}
.home-cat-container .wrapper-scroller .item-scroller .movie-poster .horizontalImage img{ width: 100%; height: auto; box-shadow: unset; border-radius: 0px;}
.catrd-container .padding-movie-catrd .movie-card-13 .mc-image .horizontalImage{ width: 155px; height: 234px; box-shadow: 2px 3px 4px #bbbbbb;}
.catrd-container .padding-movie-catrd .movie-card-13 .mc-image .horizontalImage img{ width: 100%; height: auto; box-shadow: unset; border-radius: 0px; aspect-ratio: 16/9}
.movie-groups-all .section-content ul > li > a .posters .small-images .horizontalImage{ width: 70px; height: 104px; display: inline-flex; vertical-align: top;}
.movie-groups-all .section-content ul > li > a .posters .small-images .horizontalImage img{ width: 100%; height: auto; margin: 0px;}
.adm-movie-group .wrap-movies .group-movies > li .mc .horizontalImage{ width: 40px; height: 60px; margin-right: 5px;}
.adm-movie-group .wrap-movies .group-movies > li .mc .horizontalImage img{ width: 100%; height: auto;}
.adm-movie-poster .movie-card-adm .mc-poster .horizontalImage img{ width: 100%; height: auto;}
.main-wrapper-calendar .movie-card.movie-card-4 .horizontalImage{ width: 120px; height: 178px;}
.main-wrapper-calendar .movie-card.movie-card-4 .horizontalImage img{ box-shadow: unset; border-radius: 0px;}
.z-movie #right-column #movie-main-image-container a .horizontalImage{ width: 160px; height: 232px; display: flex; justify-content: center; align-items: center; background: #000000; border-radius: 5px; margin: auto;}
.z-movie #right-column #movie-main-image-container a .horizontalImage img{ box-shadow: unset; border-radius: 0px; border: 0px;}
.user-lists > li .ls-imgs .img-hr .horizontalImage{ width: 80px; height: 120px; display: flex;}
.user-lists > li .ls-imgs .img-hr:nth-child(2) .horizontalImage{ height: 115px;}
.user-lists > li .ls-imgs .img-hr:nth-child(3) .horizontalImage{ height: 110px;}
.user-lists > li .ls-imgs .img-hr .horizontalImage img{ box-shadow: unset;}
.name-awards-right-panel .movies-panel .name-movie-award-image .horizontalImage{width: 50px; height: 70px;}
.adm-related-movies .mc-flex.movie-card-ac{ overflow: hidden; height: auto;}
.adm-related-movies .movie-card-ac a img{ margin-right: 5px;}
.adm-related-movies .movie-card-ac .horizontalImage{width: 80px; height: 100px; margin-right: 5px;}
.adm-name .movie-card-ac.mc-flex .horizontalImage{width: 40px; height: 60px; margin-right: 5px;}
.film-right-box .poster-rels .horizontalImage{ margin: 0 auto;}
.results-panel ul li .horizontalImage{ width: 40px; height: 60px;}
.results-panel ul li .horizontalImage img{ width: 40px; height: auto;}
.right-box-container .movie-mini-trailer .horizontalImage{ width: 64px; height: 97px;}
.right-box-container .movie-mini-trailer .horizontalImage img{ width: 64px; height: auto; box-shadow: unset; border-radius: 0px;}
.summary-awards-wrapper .more-nominees .horizontalImage{ width: 49px; height: 71px}
.summary-awards-wrapper .more-nominees .horizontalImage img{ width: 49px; height: auto;}
.award-edition .summary-awards-wrapper ul > li{ vertical-align: top;}
.more-winners ul.flex li .horizontalImage{ width: 49px; height: 71px}
.more-winners ul.flex li .horizontalImage img{ width: 49px; height: auto;}
.awards-body-container .full-content .win-row .aw-mc .horizontalImage{ width: 64px; height: 94px;}
.awards-body-container .full-content .win-row .aw-mc .horizontalImage img{ width: 64px; height: auto;}
.awards-history-new .wrapper .winners .horizontalImage{ width: 64px; height: 94px; }
.awards-history-new .wrapper .winners .horizontalImage img{ width: 64px; height: auto;}
.z-top-movies.ranking .poster-list-grid.posterview .horizontalImage{ width: 150px; height: 221px;}
.z-top-movies.ranking .poster-list-grid.posterview .horizontalImage img{ width: 150px; height: auto;}
.movie-group .bottom-links .rel-group-movies li .horizontalImage{ width: 70px; height: 104px;}
.movie-group .bottom-links .rel-group-movies li .horizontalImage img{ width: 70px; height: auto; box-shadow: unset; border-radius: 0px;}
.movie-groups-all .section-content ul > li > a .posters .main-image .horizontalImage{ width: 146px; height: 225px; margin: 0 auto;}
.movie-groups-all .section-content ul > li > a .posters .main-image .horizontalImage img{ width: 146px; height: auto;}
.aw-mc-new .poster a .horizontalImage{ width: 100px; height: auto; aspect-ratio: 3/4.4;}
.aw-mc-new .poster a .horizontalImage img{ border-radius: 0px; box-shadow: none;}
#awards-decade .wrapper .content .aw-mc2.big-poster .poster .horizontalImage{ width: 100%; height: 192px;}
.name-profile .best-rankings .group-movies .horizontalImage{ width: 70px; height: 104px;}
.name-profile .best-rankings .group-movies .horizontalImage img{ border-radius: 0px; box-shadow: unset;}
.d-flex.recent-movies-ad .mc-oposter .horizontalImage{ height: 270px; width: 180px;}
.d-flex.recent-movies .mc-oposter .horizontalImage{ height: 270px; width: 180px;}
.d-flex.recent-movies-ad .mc-oposter .horizontalImage img{border-radius: 0px; box-shadow: unset; aspect-ratio: unset;}
.d-flex.recent-movies .mc-oposter .horizontalImage img{border-radius: 0px; box-shadow: unset; aspect-ratio: unset;}
.now-movies.movies-slider ul li .poster .horizontalImage{ width: 115px; height: 171px;}
.now-movies.movies-slider ul li .poster .horizontalImage img{ box-shadow: none;}
.recent-nom-movie.m-1 .horizontalImage{ width: 60px; height: 85px;}
.evideos {padding: 0 0 0 5px;}
.evideos .top-nav {text-align: right; padding: 4px;}
.evideos .bottom-nav {text-align: right; padding: 4px;}
.evideos .evideo-wrapp {background-color: #000000; margin: 20px 4px; padding: 1px; width: 800px; height: auto; position: relative; overflow: hidden;}
.evideos .evideo-box { padding-top: 10px;}
.evideos .div-er-opt {display: none;}
.evideos .div-er-opt-box {margin: 8px; padding: 4px; border: 1px solid #888; text-align: left; color: #FFF; background: #333}
.evideos .div-er-opt-box .header {margin: 2px;}
.evideos .div-er-opt-box .lnkerrorlist span {color: #bbbbbb; text-decoration: none; padding: 1px; cursor: pointer;}
.evideos .div-er-opt-box .lnkerrorlist span:hover {color: #ffcc00; text-decoration: underline}
.evideos .div-er-pst {margin: 8px; padding: 4px; border: 1px solid #888888; text-align: center; color: #ffffff;}
.evideos .div-er-pst-ok {margin: 8px; padding: 4px; border: 1px solid #888888; text-align: center; color: #ccffcc;}
.evideos .div-er-pst-error {margin: 8px; padding: 4px; border: 1px solid #888888; text-align: center; color: #ffcccc;}
.evideos .need-login {margin: 8px; padding: 4px; border: 1px solid #888888; text-align: center; color: #ffffff;}
.evideos .show-hide {text-align: right; margin: 6px 2px 0px 2px;}
.evideos .show-hide.show {display: none;}
.evideos .show-hide span {background-color: #221100; color: #aaaaaa; text-decoration: none; border: 1px solid #aaaaaa; padding: 2px; cursor: pointer;}
.evideos .video-title {margin: 0 0 10px 5px; font-size: 16px; color: #ffffff;}
.evideos .divec { text-align: center;}
.evideos .er-info {padding:4px; color: #cccccc}
.evideos .er-info a {color: inherit;}
.evideos .lnkpr {color: #ffcc00 !important; text-decoration: underline; cursor: pointer;}
.evideos .no-videos {margin: 20px 10px; font-size:14px;}
.evideos .templates {display: none;}
.evideos .diverzone{ position: absolute; bottom: 0;}
/*************** User links navs bottom *************************************************/
.user-bottom-nav {margin: 50px 10px 0 10px;}
.user-bottom-nav > div {font-size: 14px;}
.user-bottom-nav > ul {list-style: none; margin: 10px 0 0 0; padding: 0; display: flex; }
.user-bottom-nav > ul > li {margin-right: 10px;}
.user-bottom-nav a {background: #557CAD; padding: 5px 10px; color: #FFF; border-radius: 5px; display: inline-block;}
.user-bottom-nav a i {margin-left: 5px;}
/************* bara de vista, paginador y filtro ***********************************/
.view-pager-filter-bar {display: flex; justify-content: space-between; align-items: center; text-align: right; position: relative; margin: 20px 5px 15px 5px; padding: 10px; background: #F5F5F5;}
.view-pager-filter-bar .top-info-wrapper-content {display: grid; grid-template-columns: auto auto auto; justify-content: stretch; width: 100%;}
.view-pager-filter-bar .top-info-wrapper-content > div:first-child {justify-self: start;}
.view-pager-filter-bar .cv-wrapper {margin: 0; padding: 0;}
.view-pager-filter-bar .pager {margin: 5px 0;}
.view-pager-filter-bar .pager > span, .view-pager-filter-bar .pager > a {background: #FFF;}
.view-pager-filter-bar .cv-btn {background: #FFF;}
.view-pager-filter-bar .options > li {margin: 2px 0;}
.view-pager-filter-bar .applied-sort .content {cursor: pointer; font-size: 11px;}
.view-pager-filter-bar .applied-sort .content .active-filter {font-size: 14px; font-weight: bold; margin-bottom: 5px; color: #447cad;}
.view-pager-filter-bar .applied-sort .content .active-filter .text {display: inline-block; overflow: hidden; text-overflow: ellipsis; max-width: 250px; white-space: nowrap; vertical-align: middle;}
.view-pager-filter-bar .applied-sort .content > i {float: right; font-size: 25px; margin-top: 5px; color: #447cad;}
.view-pager-filter-bar .applied-sort .content .badge {background: #447cad; vertical-align: middle;}
.view-pager-filter-bar .applied-sort .content > div {margin-right: 40px; color: #666;}
.view-pager-filter-bar .applied-sort .badge {background: #666; color: #FFF; padding: 1px 5px; border-radius: 10px; font-size: 11px; font-weight: normal;}
/************** most visited **************/
.z-mc-mv .subhd{ text-align: right; margin: 5px 15px; }
.z-mc-mv #wrapper-cat{ background: transparent}
.z-mc-mv .top-movie{ position: relative; padding: 15px 0;}
.z-mc-mv .top-movie:before{content: ""; position: absolute; left: 35px; bottom: 0; height: 1px; width: 90%; border-bottom: 1px solid #DDD;}
.z-mc-mv .position{ display: inline-block; vertical-align: top; width: 30px; text-align: center; font-size: 16px; color: #333; margin-left: 3px;}
.z-mc-mv .content{ display: inline-block; vertical-align: top; width: 90%; }
/************* user recent movies ************/
.d-flex.recent-movies-ad{ margin-right: 30px; margin-top: 10px; align-items: center; padding-left: 10px;}
.d-flex.recent-movies-ad .mc-oposter:first-child{ margin-right: 10px;}
.d-flex.recent-movies-ad #sc-mpu-top{ margin-left: auto;}
.d-flex.recent-movies-ad .mc-oposter img{ border-radius: 6px; margin: 5px; aspect-ratio: 2/3;}
.recent-movies{ display: grid; grid-template-columns: repeat(4, 24%); padding: 5px; gap: 5px;}
.recent-movies .mc-oposter img{ border-radius: 6px; margin: 5px; aspect-ratio: 2/3;}
/**************** pass-recovery ***************/
#prf{ margin: 10px 5px; padding: 20px;}
#prf .cf-turnstile{margin-top: 20px;}
/**************** sndactcode ******************/
#psd{ margin: 10px 5px; padding: 20px;}
/************* adver border *****************/
.adver-bor{border: 2px solid #900}
/************** helper classes **************/
.d-flex{ display: flex;}
.d-grid{ display: grid;}
.flex-dir-row{ flex-direction: row;}
.flex-dir-col{ flex-direction: column;}
.mt-20{ margin-top: 20px;}
.mt-15{ margin-top: 15px;}
.mt-10{ margin-top: 10px;}
.mt-5{ margin-top: 5px;}
.mt-0{ margin-top: 0px;}
.mb-5{ margin-bottom: 5px;}
.mb-10{ margin-bottom: 10px;}
.mb-15{ margin-bottom: 15px;}
.mb-20{ margin-bottom: 20px;}
.mb-0{ margin-bottom: 0px;}
.pt-5{ padding-top: 5px;}
.pt-10{ padding-top: 10px;}
.pt-20{ padding-top: 10px;}
.pb-5{ padding-bottom: 5px;}
.pb-10{ padding-bottom: 10px;}
.pb-20{ padding-bottom: 20px; }
/************* skeleton **********************/
.skeleton-history{ position: absolute; top: 35px; width: 90%; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0px 20px; height: 120px;}
.skeleton-history .line{ background-image: linear-gradient(90deg, #e0e0e0 0px, #ededed 30px, #e0e0e0 60px); background-size: calc(440px); animation: refresh 1s infinite ease-out; -webkit-box-flex: 1;
-ms-flex: 1 0 10%; flex: 1 0 10%; padding: 0px; margin-right: 10px;}
@keyframes refresh {
0% {
background-position: calc(-100px);
}
40%, 100% {
background-position: 140px;
}
}
