.revrat {color: #880000; font-size: 12px; font-weight: bold}
.rwtitle {}
.rwtitle a:link, .rwtitle a:visited { text-decoration:none}
.rmtitle {padding-top: 5px; font-style:italic;}
.rmtitle a:link, .rmtitle a:visited { text-align:left; font-size:10px; font-weight: bold; color:#666666; text-decoration:none} .rmtitle a:hover {color:#BBBBBB;}
.review-main-container{ background: #F2F2F2; margin: 15px 10px; padding: 5px;}

.review-text{ background: #FFFFFF; border: 1px solid #ffffff; border-radius: 3px; margin: 5px; padding: 10px;}

.rate-review2{ border-top: 2px solid #cccccc; margin-top: 15px; padding-top: 15px; margin-left: 5px;}
.review-fav{ text-align: right; margin-top: 5px;}

.rev-inval-reason{ padding: 4px;}
.rev-text-main{ padding: 20px 50px 0 0px; color:#333; font-size: 12px; line-height: 1.625;}
.rev-spoiler-container{ display: none; padding: 4px}
.rev-spoiler-link{ padding: 4px 0px; font-size: 9px;}
.rev-spoiler-text{ padding: 4px 50px 0 0px; color:#333; font-size: 12px; line-height: 1.625;}

.rfavd a{text-decoration: none; color: #888;}
.rfavd a:hover{ text-decoration: underline; color: #888;}

.see-more-reviews-wrapper{ margin-top: 15px;}
.see-more-reviews-link {margin: 3px 0px; text-align: right;}
.see-more-reviews-link a{text-decoration: none; color: #888;}
.see-more-reviews-link a:hover{text-decoration: underline; color: #888;}


.review-title{ padding: 0px 4px 4px 4px; color:#000000}
.review-title a{ font-size: 138.5%; text-decoration: none; color: #666;}
.review-title a:hover{ text-decoration: underline; }


.titlnk:link, .titlnk:visited, .titlnk:hover {color: #326E9C; text-decoration: none; font-size: 13px;}
.titlnk:hover {text-decoration: underline;}
.criticlnk:link, .criticlnk:visited, .criticlnk:hover {font-size: 13px; color: #666666; text-decoration: none; }
.criticlnk:hover {text-decoration: underline;}
.movielnk:link, .movielnk:visited, .movielnk:hover {color: #555555; text-decoration: none; font-weight: bold;}
.movielnk:hover {text-decoration: underline;}



.fav-reviews .top-row {margin: 10px 15px;}
.fav-reviews .top-row .count {float: right;}
.fav-reviews .top-row .count i {color: #FFC107;}
.fav-reviews ul {list-style: none; margin: 15px 10px; padding: 1px;}
.fav-reviews ul > li {background: #FFF; padding: 15px; margin: 20px 0 0 0; position: relative; border: 1px solid #FFF;}
.fav-reviews ul > li.fa-shadow {box-shadow: 0 3px 5px #AFAFAF;}
.fav-reviews ul > li.deleted {background: #F5CF89;}
.fav-reviews ul > li #fav-review-ck {width: 30px; position: absolute; top: 0; bottom: 0; left: 0; text-align: center; border-right: 1px dashed #DDD;}
.fav-reviews ul > li.deleted #fav-review-ck {border-right-color: #FFF;}
.fav-reviews ul > li #fav-review-ck input {margin-top: 15px;}
.fav-reviews ul > li #review-date-container {position: absolute; right: 5px; top: 2px; font-style: italic; color: #555;}
.fav-reviews ul > li .fav-rev-data {margin-right: 50px;}
.fav-reviews ul > li .fav-rev-data #movie-container {font-size: 18px; margin-bottom: 10px;}
.fav-reviews ul > li .fav-rev-data #movie-container a {color: #555 !important;}
.fav-reviews ul > li .fav-rev-data #movie-container i {vertical-align: initial;}
.fav-reviews ul > li .fav-rev-data #movie-container .fa-filter {font-size: 12px; vertical-align: text-top; margin-left: 5px;}
.fav-reviews ul > li .fav-rev-data .review-title-container > a {font-size: 16px;}
.fav-reviews ul > li .fav-rev-data .review-title-container .text {margin-top: 10px;}
.fav-reviews ul > li #critic-name {text-align: right; margin-top: 10px;}
.fav-reviews ul > li #critic-name b {font-style: italic;}
.fav-reviews ul > li.selected {border: 1px solid #fad42e; box-shadow: 0 2px 4px rgba(251,236,136, 0.8) !important;}
.fav-reviews .fa-filter {background-color: #EEE; padding: 3px; border-radius: 5px;}
.fav-reviews .fa-filter:hover {background-color: #DDD;}
.fav-reviews .actions {margin: 0 15px 30px 15px;}
.fav-reviews .actions .delete {float: right;}
.fav-reviews .actions .flat {background: #EEE; border: 1px solid #DDD; border-radius: 5px;}
.fav-reviews .actions .flat:hover {background: #CCC;}
.fav-reviews .actions > span {cursor: pointer; color: #326E9C;}
.fav-reviews .actions > span:hover {text-decoration: underline;}
.fav-reviews .expl {margin: 50px 15px;}
.fav-reviews .expl i {border: 1px solid #CCC; border-radius: 5px; padding: 3px;}
.fav-reviews .expl .is-fav {color: #FFC107;}
.fav-reviews .return {margin: 15px;}
.fav-reviews .no-reviews {padding: 15px; background: #F2F2F2; margin: 15px;}
.fav-reviews .no-reviews > div {background: #FFF; padding: 15px;}
.fav-reviews .view-pager-filter-bar {margin: 0 10px;}
.fav-reviews .view-pager-filter-bar .all-fav-reviews {text-align: left;}
.fav-reviews .view-pager-filter-bar .pager-box {grid-column: 1 / span 2;}
.fav-reviews .view-pager-filter-bar .all-fav-reviews + .pager-box {grid-column: 2 / span 1;}
.fav-reviews .view-pager-filter-bar ul {background: none; }
.fav-reviews .view-pager-filter-bar .active-filter i {color: #FFC107;}



/********************** user rating **********************************/
.review-tabs {float: right;}
.review-tabs > ul {list-style: none; margin: 5px 10px; padding: 0; display: inline-block;}
.review-tabs > ul > li {border: 1px solid #CCC; padding: 5px 10px; display: inline-block; border-radius: 5px; cursor: pointer;}
.review-tabs > ul > li.active {background: #EEE;}
.review-box {display: none;}
.review-box.active {display: block;}

.user-rating-review-admin {float:right; width: 160px; margin:5px; padding:2px; border: 1px solid #888; background-color:#F4F4F4; text-align: center;}
.user-rating-review-admin .title {border-bottom: 1px solid #888; background-color:#fff; padding:0px;font-weight: bold;}
.user-rating-review-admin .log {display: block; background: #CCC; text-align: center; padding: 2px;}
.user-rating-review-admin .review-val-box {display: none;}
.user-rating-review-admin .adm-dialogs {display: none;}
.user-rating-review-admin .btn {display: inline-block; padding: 10px; margin-left: 10px; border: 1px solid #CCC; border-radius: 5px; font-size: 16px; cursor: pointer; box-shadow: 2px 2px 5px #CCC;}
.user-rating-review-admin .invalidate {background: #F12727; color: #FFF; margin: 10px 0;}



/********************** user reviews 1 y 2 ****************************/
.user-review-control-wrapper-top {padding: 5px 10px;}
.user-review-control-wrapper-top .pending-reviews-link {margin-bottom: 20px; text-align: right; border-radius: 5px; border: 1px solid #e2e2e2; padding: 10px; margin: 10px 0px 15px 0px; text-align: left;}
.user-review-control-wrapper-top .user-reviews-order {float: right;}
.user-review-control-wrapper-top .other-langs a {border: 1px solid #CCC; padding: 0 2px; border-radius: 5px;}
.user-review-control-wrapper-top .other-langs span {padding: 1px 2px;}
.user-review-control-wrapper-top .other-langs a:hover {background: #EEE;}
.user-title-sec, #main-title {position: relative;}
.view-mode-buttons { text-align: right;margin-bottom: 10px;}
.view-mode-buttons .title{font-weight: bold;}
.view-mode-buttons div{ width: 70px; display: inline-block;}
.user-title-sec .view-mode-buttons {position: absolute; right: 50px; top: 15px;}
.no-reviews {padding: 10px; background-color: #EEE; margin: 20px 10px;}
.fa-explanation {margin: 20px 0;}

.review-admin-templates .review-val-box {display: none;}
.review-admin-templates .adm-dialogs {display: none;}


/********************** latest reviews **********************************/
.latest-reviews .main-box {background: #f2f2f2; margin: 10px; padding: 1px;}
.latest-reviews .main-box .rev-row {background: #FFF; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important; margin: 15px; padding: 10px;}
.latest-reviews .main-box .rev-row .pub-date {text-align: right; color: #888888; font-size: 12px;}
.latest-reviews .main-box .rev-row .movie > a {font-size: 18px; vertical-align: middle; color: #333;}
.latest-reviews .main-box .rev-row .movie > i {font-size: 16px; vertical-align: middle;}
.latest-reviews .main-box .rev-row .movie > img {vertical-align: middle;}
.latest-reviews .main-box .rev-row .review {padding: 15px 10px 5px 21px;}
.latest-reviews .main-box .rev-row .review .title {font-size: 16px;}
.latest-reviews .main-box .rev-row .review .text {margin: 10px 0;}
.latest-reviews .main-box .rev-row .review .author {text-align: right;}
.latest-reviews .main-box .rev-row .review .author > b {font-style: italic;}


.latest-reviews .nav {position: relative; margin: 30px 10px 15px 10px;}
.latest-reviews .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;}
.latest-reviews .nav .change-days:hover {background: #EEE;}




/********************** add / edit / del review  **********************************/
.rev-frm .top-rules {text-align: center; padding: 5px; font-size: 10px; margin: 15px 10px;}
.rev-frm .wrapper {background: #F2F2F2; padding: 1px; margin: 15px 10px;}
.rev-frm .fa-shadow {background: #FFF; margin: 15px; padding: 15px;}
.rev-frm form .mc-box .rate {float: right; width: 200px;}
.rev-frm form .mc-box .rate .rate-movie-box {padding: 0; margin: 0;}
.rev-frm form .mc-box .mc {width: 600px;}
.rev-frm form .row {margin-top: 20px;}
.rev-frm form .row:first-child {margin-top: 50px;}
.rev-frm form .lbl {font-size: 16px; color: #555;}
.rev-frm form .lbl > span {font-size: 10px; display: block;}
.rev-frm form .inpt {margin-top: 10px;}
.rev-frm form .inpt > input, .rev-frm form .inpt > textarea {width: 730px; height: 40px; padding: 8px; font-size: 16px; line-height: 15px; color: #666; border: 1px solid #C3C3C3;
                    -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background: #FBFBFB;}
.rev-frm form .inpt > textarea {height: auto; font-size: 14px; line-height: 20px;}
.rev-frm form .inpt:focus {border: 1px solid #cddceb; box-shadow: 0 0 5px #cddceb;}
.rev-frm form .sbmt {text-align: center;}
.rev-frm form input[type="submit"] {background: #4b89bf; width: 200px; border: 0; color: #FFFFFF; height: 25px; line-height: 25px; font-size: 14px; border-radius: 3px; cursor: pointer;}
.rev-frm form input[type="submit"]:hover{ background: #4B7CBF; }
.rev-frm form .error {padding: 5px;}
.rev-frm .rules-exp {margin-top: 50px;}

/* para el js de alerta de longitud */
.rev-frm .inpt {position: relative;}
.rev-frm .inpt.tl-warning textarea {box-shadow: inset 0 0 10px #FBEC88;}
.rev-frm .inpt.tl-warning .warning {display: inline-block; background: #FBEC88; color: #363636;}
.rev-frm .inpt.tl-error textarea {box-shadow: inset 0 0 10px #F00;}
.rev-frm .inpt.tl-error .warning {display: inline-block; background: #F00; color: #FFF;}
.rev-frm .inpt .warning {display: none; position: absolute; bottom: 5px; right: 1px;  padding: 1px 3px; font-weight: normal; font-size: 11px; border-top-left-radius: 5px;}
.rev-frm .inpt .warning .alert-text {margin-right: 10px;}
.rev-frm .inpt .warning i {color: inherit; margin-left: 10px;}



.add-review-explanation {padding: 5px;}
.add-review-explanation > ul {font-size: 11px;}
.add-review-explanation > ul > li {margin: 8px;}
.add-review-explanation > ul > li li {margin: 5px;}
.add-review-explanation > .go-up {text-align: right;}


.del-review .wrap {background: #F2F2F2; margin: 15px; padding: 15px;}
.del-review .wrap .fa-shadow {background: #FFF; padding: 15px;}
.del-review .title {margin: 50px 0 20px 0; font-size: 16px;}
.del-review .text {margin: 20px 0; }
.del-review .discard-changes {background: #FBD072; font-size: 16px; padding: 10px;}


.reset-reviews {background: #EEE; border-radius: 3px; padding: 5px 10px 10px 10px; margin-bottom: 20px; position: relative;}
.reset-reviews .header {margin-left: 30px;}
.reset-reviews .icon {position: absolute; top: 0; left: 0; font-size: 18px; width: 30px; height: 30px; line-height: 30px; text-align: center; color: #FFF; border-radius: 0 0 3px 0}
.reset-reviews .icon i {color: inherit;}
.reset-reviews ul {margin: 20px 0 0 0; padding: 0; list-style: none;}
.reset-reviews ul li {background: #FFF; padding: 10px 50px 10px 10px; position: relative; margin-bottom: 2px; }
.reset-reviews ul li:last-child {margin-bottom: 0; }
.reset-reviews ul li .title {font-weight: bold; color: #333; font-size: 16px; margin-bottom: 5px;}
.reset-reviews ul li .rr {margin: 5px 0 15px 0; font-style: italic; color: #666; font-size: 12px; margin-left: 10px; font-weight: normal;}
.reset-reviews ul li .go-to-review {position: absolute; right: 15px; top: 15px; display: inline-block; border: 1px solid #CCC; border-radius: 3px; width: 30px; height: 30px; line-height: 30px; text-align: center;}
.reset-reviews ul li .go-to-review:hover {background: #EEE;}
/*
.reset-reviews {background: #EEE; border: 2px solid #447CAD; border-radius: 3px; padding: 10px; margin-bottom: 20px; position: relative;}
.reset-reviews .header {margin-left: 35px;}
.reset-reviews .icon {background: #447CAD; position: absolute; top: 0; left: 0; font-size: 25px; width: 35px; height: 35px; text-align: center; color: #FFF; border-radius: 0 0 3px 0}
.reset-reviews .icon i {color: inherit;}
.reset-reviews ul {margin: 20px 0 10px 0; padding: 0; list-style: none;}
.reset-reviews ul li {background: #FFF; padding: 10px; position: relative; margin-bottom: 2px;}
.reset-reviews ul li .movie-poster {float: left;}
.reset-reviews ul li .row-data {margin-left: 110px;}
.reset-reviews ul li .movie-title {font-size: 16px; margin-bottom: 10px;}
.reset-reviews ul li .movie-title .year {font-size: 13px;}
.reset-reviews ul li .title {font-weight: bold; color: #333; font-size: 16px;}
.reset-reviews ul li .rr {margin: 5px 0 15px 0; font-style: italic; color: #666;}
.reset-reviews ul li .actions {text-align: right; margin-top: 15px;}
.reset-reviews .btn {border: 1px solid #CCC; background: #FFF; border-radius: 3px; display: inline-block; padding: 3px 5px; cursor: pointer; margin-left: 5px;}
.reset-reviews .reset-all {text-align: right;}
.reset-reviews .templates {display: none;}
*/