/* USER PROFIL */
div.user-profile {border-left:1px dotted #888; border-right:1px dotted #888; overflow:hidden; margin:0; padding:10px 0 0 0px; height:100%}
div.user-profile.noborders{border:none;}
div.user-profile div.actions{border-right:1px dotted #888; background: #fff;}
div.user-profile div.actions h1{line-height:33px; font-size:16px; /*background:url(https://www.mafab.hu/img/icon_my_profile_big.png) no-repeat 0 center; padding-left:45px;*/ font-weight:400; margin:15px 0 25px 0; position: relative; padding-left: 20px;}
div.user-profile div.actions ul{list-style:none; margin:20px 0; padding:0; float:left; width:100%}
div.user-profile div.actions ul li{padding:4px 2px; }
div.user-profile div.actions ul li a{text-decoration:none;}
div.user-profile div.actions ul li a:hover{text-decoration:underline;}
div.user-profile div.actions ul li.active{background:#ededed url(../img/user-actions-active.png) scroll no-repeat 98% center;}
div.user-profile div.actions ul li small{margin-left:4px;}

div.user-profile div.actions .user-image {height:170px; overflow: hidden; width: 148px; position:relative; float:left}
div.user-profile div.actions .user-image img {display: inline-block; position: absolute; top: 0; bottom: 0; left: 0; max-height: 100%; max-width: 100%; right: 0; margin: auto; vertical-align:middle}
div.user-profile div.actions .user-image .upload-edit {background-color:#ccc; bottom:1em; color:#000; display:none; opacity:.8; position:absolute; text-align:center; vertical-align:middle; width: 100%;}
div.user-profile div.actions .user-image:hover .upload-edit {display:inline-block;}
div.user-profile div.actions .user-image .upload-edit  {text-decoration:none;}


/* user profile content */
div#profile-content{float:left; width:732px; padding:0; height:100%; border-left:1px dotted #888}
div#profile-content h2{color:#000; margin:0 0 10px 0; padding:0; font-size:18px; font-weight:100}       



div#profile-content a.btn {display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.4; text-align: center; white-space:nowrap; vertical-align: middle; cursor: pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none; user-select:none; background-image:none; border: 1px solid transparent; border-radius: 4px; text-decoration:none; color:#000 }
div#profile-content a.btn:focus{outline:none;}
div#profile-content a.btn-default {text-shadow: 0 1px 0 #fff;
	background-image: -webkit-linear-gradient(top,#fff 0,#e0e0e0 100%);
	background-image: -o-linear-gradient(top,#fff 0,#e0e0e0 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#e0e0e0));
	background-image: linear-gradient(to bottom,#fff 0,#e0e0e0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	background-repeat: repeat-x;
	border-color: #dbdbdb;
	border-color: #ccc;
}
div#users-profile-content a.btn {display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.4; text-align: center; white-space:nowrap; vertical-align: middle; cursor: pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none; user-select:none; background-image:none; border: 1px solid transparent; border-radius: 4px; text-decoration:none; color:#000 }
div#users-profile-content a.btn:focus{outline:none;}
div#users-profile-content a.btn-default {text-shadow: 0 1px 0 #fff;
	background-image: -webkit-linear-gradient(top,#fff 0,#e0e0e0 100%);
	background-image: -o-linear-gradient(top,#fff 0,#e0e0e0 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#e0e0e0));
	background-image: linear-gradient(to bottom,#fff 0,#e0e0e0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	background-repeat: repeat-x;
	border-color: #dbdbdb;
	border-color: #ccc;
}


#users-profile-content input, div#profile-content input{outline:none;}
#users-profile-content input:focus, div#profile-content input:focus{outline:none;}

#users-profile-content div#profile-form, div#profile-content div#profile-form {}

#users-profile-content div#profile-form label, div#profile-content div#profile-form label {display:block; margin:5px 0 0;}
#users-profile-content div#profile-form form#ProfileEditForm div.submit-btn, div#profile-content div#profile-form form#ProfileEditForm div.submit-btn{text-align:right; margin:12px 0px 0 0;}
#users-profile-content div#profile-form form#ProfileEditForm div.submit-btn input[type=submit], div#profile-content div#profile-form form#ProfileEditForm div.submit-btn input[type=submit], div.submit-btn .addforummaintheme{background:#015F7F; border:none; color:#fff; padding:5px 30px; cursor: pointer;}


#users-profile-content div.user-form div.error, div#profile-content div.user-form div.error {background-color:#d70b52; color:#fff; margin-top:9px; padding:8px 11px;}


#users-profile-content form#ProfileChangePasswordForm, div#profile-content form#ProfileChangePasswordForm{margin:25px 0 15px 0;}
#users-profile-content form#ProfileChangePasswordForm div.submit-btn, div#profile-content form#ProfileChangePasswordForm div.submit-btn{text-align:right; }
#users-profile-content form#ProfileChangePasswordForm div.submit-btn input[type=submit], div#profile-content form#ProfileChangePasswordForm div.submit-btn input[type=submit]{background:#015F7F; border:none; color:#fff; padding:5px 30px; cursor: pointer;}

.text-red {
    color: #E30613 !important;
}


div.user-actionsfan a.fav {background: url("../img/icon-sprite_favorites.png") no-repeat center top; display: inline-block; height: 32px; width: 39px; position:absolute; right:5px; top:5px }
div.user-actionsfan a.fav.active{background-position:center bottom;}

/* users-profile-conetnt */
div#users-profile-content{    border-left: 1px dotted #888; margin-left:-1px;}
div#users-profile-content h2, div#profile-content h2 {  }
div#users-profile-content  .stars li{font-style:normal; color:#aaa; display:inline-block; letter-spacing:0; margin:0; padding:0; text-align:center;}
div#users-profile-content  .stars li:after {font-size:13px; font-style:normal; content: '\2605';}
div#users-profile-content div.paginate{padding:15px 25px; text-align:center;}

.photo a {height:0; padding-bottom:130%; display:block; background-size:contain; background-repeat:no-repeat; background-position:center; margin-bottom:5px;}

li.highlighted{color: #015F7F!important;}


div.user-profile div.actions .display-aboutme {background:url(/static/icons/icon_user.png) no-repeat left; background-position:0px -2px; padding-left:20px; background-size:18px;}

div.user-profile div.actions .display-settings {background:url(/static/icons/icon_settings.png) no-repeat left; background-position:0px -2px; padding-left:20px; background-size:18px;}

div.user-profile div.actions .ertekelesek {background:url(/static/icons/icon_rating.png) no-repeat left; background-position:0px -3px; padding-left:20px; background-size:18px;}

div.user-profile div.actions .display-discussions {background:url(/static/icons/icon_comments.png) no-repeat left; background-position:0px -3px; padding-left:20px; background-size:18px;}

div.user-profile div.actions .display-wish-list {background:url(/static/icons/icon_tosee.png) no-repeat left; background-position:0px -3px; padding-left:20px; background-size:18px;}

div.user-profile div.actions .display-chart-list {background:url(/static/icons/mafab_user_icons.png) no-repeat left; background-position:0px -3px; padding-left:20px; background-size:18px;}

div.user-profile div.actions .favmoviesM {background:url(/static/icons/icon_favmovie.png) no-repeat left; background-position:0px -3px; padding-left:20px; background-size:18px;}

div.user-profile div.actions .favseriesM {background:url(/static/icons/icon_favtv.png) no-repeat left; background-position:0px -3px; padding-left:20px; background-size:18px;}

div.user-profile div.actions .favperson {background:url(/static/icons/icon_favceleb.png) no-repeat left; background-position:0px -3px; padding-left:20px; background-size:18px;}

div.user-profile div.actions .who-checked {background:url(/static/icons/icon_loveme.png) no-repeat left; background-position:0px -3px; padding-left:20px; background-size:18px;}

div.user-profile div.actions .ilove {background:url(/static/icons/icon_mesearch.png) no-repeat left; background-position:0px -3px; padding-left:20px; background-size:18px;}

div.user-profile div.actions .favusers {background:url(/static/icons/icon_favuser.png) no-repeat left; background-position:0px -3px; padding-left:20px; background-size:18px;}

div.user-profile div.actions .interestingsM {background:url(/static/icons/icon_curious.png) no-repeat left; background-position:0px -2px; padding-left:20px; background-size:18px;}

div.user-profile div.actions .biosmenu {background:url(/static/icons/icon_usercv.png) no-repeat left; background-position:0px -2px; padding-left:20px; background-size:18px;}

div.user-profile div.actions .moviebiosmenu {background:url(/static/icons/icon_filmtartalmat.png) no-repeat left; background-position:0px -2px; padding-left:20px; background-size:18px;}

div#users-profile-content div.favoritesokraj, div#profile-content div.favoritesokraj{border-bottom:1px dotted #595C63; padding-bottom:20px;}
div#users-profile-content div.favorites2, div#profile-content div.favorites2{ border:none;  padding:5px 8px; position:relative; float:left; width:100px; text-align:center}
div#users-profile-content div.favorites2 div.photo, div#profile-content div.favorites2 div.photo{width:93px; height:125px; margin-bottom:5px;  }
div#users-profile-content div.favorites2 div.photo img, div#profile-content div.favorites2 div.photo img{width:100%; height:100%;}
div#users-profile-content div.favorites2 a, div#profile-content div.favorites2 a{margin:0;  font-size:11px; text-decoration:none;}
div#users-profile-content div.favorites2 a:hover, div#profile-content div.favorites2 a:hover{ text-decoration:underline;}

/* Kedvenc felhasznalok */
div.fav-users {padding:0 8px;}
div.fav-users:nth-child(1) {border-right: 1px dotted #888;}
div#profile-content div.favorites.short{padding:15px 20px 10px 10px; margin:0;}
div#profile-content div.favorites div.uphoto{float:left; width:95px; margin:0 10px 0 0; height:95px;}
div#profile-content div.favorites div.uphoto img{width:100%; height:100%;}
div#profile-content div.favorites div.favuser {float:left; max-width:211px; color:#333;line-height:1.4;}
div#profile-content div.favorites div.favuser div{}
div#profile-content div.favorites div.favuser div a{text-decoration:none;}
div#profile-content div.favorites div.favuser div a:hover{text-decoration:underline;}
div#profile-content div.favorites div.favuser a.unick{color:#015F7F; font-size:14px; text-decoration:none; margin-bottom:4px}
div#profile-content div.favorites div.favuser a.unick:hover{text-decoration:underline;}


div#users-profile-content table.my-ratings {
    width: 100%;
}



div#users-profile-content table.my-ratings td:first-of-type {
    padding-left: 15px;
}
div#users-profile-content table.my-ratings td {
    padding: 0 2px;
    vertical-align: middle;
    height: 26px;
    text-align: left;
    border-bottom: 1px solid #fafafa;
}


div#users-profile-content div.comment {
    border-bottom: 1px dotted #595C63;
    margin-right: 15px;
    padding: 10px 0;
}


.comments .comment:nth-child(odd) {background-color:#fff;}

#submitmovie {
    background: #ed044e;
    border: none;
    color: #fff;
    padding: 5px 30px;
    cursor: pointer;
}

 #user-charts-edit li {
  list-style: none;
  margin: 0 0 4px 0;
  padding: 10px;
  background-color: #ededed;
  cursor: move;
}
#user-charts-edit .chart_userreview-li-numb  { font-size:36px;  }

#user-charts-edit .chart_userreview-li-pic { padding:0 5px;}
#user-charts-edit .chart_userreview-li-pic img {width:100%;}

#user-charts-edit .chart_userreview-li-title {}

#user-charts-edit .chart_userreview-li-del {}

a.editpencil {
    background: url("../img/icon_edit.png") no-repeat center top;
    display: inline-block;
    height: 24px;
    width: 28px;
    background-size: 100%;
    background-position: 0px -23px;
}

a.deletepencil {
    background: url("../img/icon_edit_delete.png") no-repeat center top;
    display: inline-block;
    height: 24px;
    width: 28px;
    background-size: 100%;
    background-position: 0px -23px;
}

div#users-profile-content div.comment div.head {
    display: table;
    height: 30px;
    width: 100%;
}

div#users-profile-content div.comment div.text {
    margin: 5px 0;
}

div#users-profile-content div.comment div.head div {
    display: table-cell;
    vertical-align: middle;
    height: 30px;
}

div#users-profile-content div.comment div.filmtitle {
    padding: 0;
    min-width: 250px;
}



div#users-profile-content div.favorites {
    border-bottom: 1px dotted #595C63;
    padding: 15px 0px 10px ;
    position: relative;
    cursor: default;
    clear:both;
    float:none;
}










.toggle-profile span{font-size:24px;}
.toggle-profile:hover,.toggle-profile:visited, .toggle-profile:focus{text-decoration:none;}


div.addcomentrow a.newBtn001, a.newBtn001 {
    background: url(/css/icons/icon_add_message.png) 4px center #b8b8b8 no-repeat;
    padding: 9px 12px 9px 30px;
    font-style: normal;
    color: #fff;
    text-decoration: none;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    margin-left: 205px;
}

div.addcomentrow a.newBtn001:hover, a.newBtn001:hover {
    background-color: rgba(160,160,160,1);
}


@media screen and (max-width: 767px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
         -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
  }

  .row-offcanvas-right {
    right: 0;
  }

  .row-offcanvas-left {
    left: 0;
  }

  .row-offcanvas-right
  .sidebar-offcanvas {
    right: -5%%; /* 6 columns */
  }

  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -50%; /* 6 columns */
  }

  .row-offcanvas-right.active {
    right: 50%; /* 6 columns */
  }

  .row-offcanvas-left.active {
    left: 50%; /* 6 columns */
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 50%; /* 6 columns */
  }
}