/*html{overflow-y: scroll; overflow-x: auto;}*/
body{padding-right: 0 !important;}
img {max-width: 100%; width: auto; height: auto;}
.tooltip {position: fixed;}
.table_pad_lr_null {padding: 8px 0!important;}
.wrap {display: block; min-width: 960px;}
.one{height: 90px; position: relative;}
.wrapper{width: 960px; margin: 0 auto;}
.mainContent{width: 480px; float: left; margin: 0 0 15px 10px; padding-top: 10px;}
.RightBar{width: 270px; height: 100%; float: right; padding-top: 10px; margin: 0 0 0 10px;}
.DialogBar{width: 270px; height: 100%; float: left; padding-top: 10px; margin: 0 0 0 10px;}
.sel_lang {text-align: center;}
.av {
display: block;
height: 180px;
width: 180px;
border: 1px solid #fff;
border-radius: 4px;
box-shadow: 0 0 5px rgba(0,0,0,.15);
cursor: pointer;
overflow: hidden;
}
.av img {
width: 100%;
}
.tv {
display: block;
float: left;
height: 180px;
width: 180px;
border: 1px solid #fff;
border-radius: 4px;
box-shadow: 0 0 5px rgba(0,0,0,.15);
cursor: pointer;
overflow: hidden;
text-align: center;
}
.tv img { width: 100%; }
.tv i {font-size: 35px; display: block; margin: 40px 0 10px 0;}
.le_v {
display: block;
height: 150px;
width: 150px;
box-shadow: 0 0 5px rgba(0,0,0,.15);
cursor: pointer;
overflow: hidden;
text-align: center;
}
.le_v img { width: 100%; }
.le_v i {font-size: 35px; display: block; margin: 40px 0 10px 0;}
.avatar-body {
text-align: center;
color: #000;
}
.avatar-body .select-top {
margin-bottom: 0!important;
}
.avatar-upload {
overflow: hidden;
}
.avatar-upload label {
display: block;
float: left;
clear: left;
width: 100px;
}
.avatar-upload input {
display: block;
margin: 0 auto;
}
.avatar-alert {
margin-top: 10px;
margin-bottom: 10px;
}
.avatar-wrapper {
height: 364px;
width: 100%;
margin: 0 15px 10px 0;
overflow: hidden;
display: none;
}
.avatar-wrapper img {
display: block;
height: auto;
max-width: 100%;
}
.avatar-preview {
float: left;
margin: 5px 5px 0 0;
border: 1px solid #eee;
border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
background-color: #fff;
overflow: hidden;
display: inline-block;
display: none;
}
.avatar-preview:hover {
box-shadow: 0 0 5px rgba(0,0,0,.15);
}
.avatar-preview img {
width: 100%;
}
.preview-lg, .preview-md, .preview-sm {
float: left;
}
.preview-lg {
border-radius: 0;
height: 75px;
width: 240px;
}
.preview-md {
height: 40px;
width: 40px;
margin-left: 15px;
}
.preview-sm {
height: 32px;
width: 32px;
}
@media (min-width: 992px) {
.avatar-preview {
float: none;
}
}
.loading {
display: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #fff url("img/loader.GIF") no-repeat center center;
opacity: .75;
filter: alpha(opacity=75);
z-index: 99999;
}
/* ==========================================================================
= Profile PAGE
============================================================================*/
/* Header ------------------------------------------------------------------*/
.h-wrap{position: fixed; top: 0; left: 0; z-index: 550; width: 100%; background: #95b9ca;}
.header{width: 960px; margin: 0 auto;}
.header-logo{display: block; margin: 15px 130px 0 0; width: 70px; height: 20px; background: url("img/logo.png") no-repeat; float: left;}
.search-header{position: relative; float: left; margin-top: 15px;}
.h-search{font-size: 12px; width: 188px; height: 18px; padding-left: 13px; padding-right: 25px; border-radius: 50px; border: solid 1px #c8e2e4; background: #fff;}
.h-search:focus{outline: none;}
.h-search_button{position: absolute; top: 3px; right: 12px; width: 12px; height: 12px; border: 0; background: url("img/searchbtn.png") no-repeat;}
.user-h{height: 35px; width: 220px; float: right; margin: 8px 0 8px 0; padding: 0; text-align: right;}
.user-h .last-name-h, .user-h .name-h, .user-h .avatar-h, .user-h .dropdown{display: inline-block; vertical-align: middle;}
.last-name-h, .name-h{font-size: 12px; font-weight: 700; color: #fff;}
.avatar-h{width: 32px; height: 32px; margin: 0 6px; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; border: 1px solid #c8e2e4; overflow: hidden;}
.avatar-h img {width: 100%; height: auto; min-height: 100%; }
.user-h .caret{color: #4a697c;}
.drp-btn{cursor: pointer; width:15px; height:30px; display: block; text-align: left; padding-top:5px;}
.user-h .dropdown-menu{top:30px; left: -160px;}
.user-h .dropdown-menu:before, .gr-menu:before{position: absolute; top: -7px; right: 5px; display: inline-block; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-left: 7px solid transparent; border-bottom-color: rgba(255,255,255,1); content: '';}
.m-menu-fixed .dropdown-menu:before, .gr-menu:before{position: absolute; top: -7px; right: 30px; display: inline-block; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-left: 7px solid transparent; border-bottom-color: rgba(255,255,255,1); content: '';}
.user-h .dropdown-menu li a {text-transform: uppercase; font-weight: 700; font-size: 10px;}
.user-h .dropdown-menu li span{font-size: 12px; margin-right: 10px; color: #c0d1db;}
.user-h .dropdown-menu li a{padding: 5px 15px;}
/* Main menu ----------------------------------------------------------------------------*/
.m-menu-fixed{position: fixed; top: 50px; left: 0; width: 100%; z-index: 500; background: #e5edf1; border-bottom: 1px solid #c0d1db;}
.menu {width: 964px; margin: 0 auto; padding-left:0; }
.menu li{display: inline-block; height: 40px; padding: 12px 5px 0 5px;}
.menu a {display: inline-block; text-decoration: none; color: #636363; text-transform: uppercase; font-weight: 700; font-size: 10px; }
.menu li:hover{background: #cadbe3;}
.menu i{width: 20px; margin: -3px 4px 0 0; height: 20px; float: left; background: url("img/mm-ico.png") no-repeat;}
.menu li .a{ background-position: -20px 0;}
.menu li .b{ background-position: -40px 0;}
.menu li .c{ background-position: -60px 0;}
.menu li .d{ background-position: -80px 0;}
.menu li .e{ background-position: -100px 0;}
.menu li .f{ background-position: -120px 0;}
.menu li .g{ background-position: -140px 0;}
.menu li .h{ background-position: -160px 0;}
.menu li .i{ background-position: -180px 0;}
.menu li .s{ background-position: -200px 0;}
.menu li .ss{ background-position: -220px 0;}
/* USER MENU ----------------------------------------------------------------------------*/
.userBar{position: relative; float: left; margin-bottom: 15px; height: auto; width: 190px; background: #1d334f url("img/pm-bg.gif") top no-repeat; color: #fff; border-radius: 0 0 4px 4px;}
.userBarGuest{position: relative; float: left; margin-bottom: 15px; height: auto; width: 190px;}
/*User Status - ONLINE*/
.userBar .user-status{display:block; font-weight: 700; font-size: 12px; text-align: center; width: 100%; margin: 10px 0;}
.userBar .user-status i{display: inline-table; width: 10px; height: 10px; border:2px solid #71bc48; border-radius: 50px; margin-right: 4px;}
/*User Status - OFFLINE*/
.userBar .user-status-off{display:block; font-weight: 300; font-size: 12px; text-align: center; width: 100%; margin: 10px 0; color:#c0d1db;}
.userBar .user-status-off i{display: inline-table; width: 5px; height: 5px; background: #c0d1db; border-radius: 50px; margin-right: 4px; vertical-align: middle;}
/* Main avatar
----------------------------------------------------------------------------*/
.main-pic{width: 180px; height: auto; background:#dee6eb; margin: 0 auto; border:none;}
.main-pic a{display: inline-table;}
.main-pic .avatar-img img{width: 100%; min-width: 180px; height: auto;}
/*Caption styles*/
.caption {
display: block !important;
position: relative !important;
}
.caption .span {
background: rgba(5,25,50,0.8);
color: white !important;
display: none;
text-align: center;
position: absolute !important;
bottom: 0 !important;
left: 0 !important;
z-index: 100;
}
.caption .span a{color: #7a98bd; font-size: 12px;}
.userBar .caption .span a i{font-size: 40px; margin: 50px 10px 10px; display: block;}
.caption .span a:hover{text-decoration: none; color:#fff;}
/* Action buttons
----------------------------------------------------------------------------*/
.action-btn{width: 180px; height: 40px; border-top:1px solid #136fa0; border-radius: 0 0 4px 4px; background:#1a81b7; margin: 0 auto; box-shadow: 0px 1px 10px 0px rgba(5, 25, 50, 0.75); -webkit-box-shadow: 0px 1px 5px 0px rgba(5, 25, 50, 0.75); -moz-box-shadow: 0px 1px 5px 0px rgba(5, 25, 50, 0.75);}
.action-btn span, .action-btn input{display: block; float: left; border: none;}
.action-btn .report{height: 39px; width: 59px; border-right:1px solid #136fa0; background: url("img/report-ico.png") no-repeat center center;}
.action-btn .send-msg{height: 39px; width: 59px; border-right:1px solid #136fa0; border-left:1px solid #3898cb; background: url("img/message-ico.png") no-repeat center center;}
.action-btn .addfriend{height: 39px; width: 60px; border-left:1px solid #3898cb; background: url("img/add-friend-ico.png") no-repeat center center;}
.action-btn .delfriend{height: 39px; width: 60px; border-left:1px solid #3898cb; background: url("img/del-friend-ico.png") no-repeat center center;}
.action-btn .report:hover{background: url("img/report-ico.png") no-repeat center center #136fa0; border-radius: 0 0 0 4px;}
.action-btn .send-msg:hover{background: url("img/message-ico.png") no-repeat center center #136fa0;}
.action-btn .addfriend:hover{background: url("img/add-friend-ico.png") no-repeat center center #136fa0; border-radius: 0 0 4px 0;}
.action-btn .delfriend:hover{background: url("img/del-friend-ico.png") no-repeat center center #136fa0; border-radius: 0 0 4px 0;}
/* User name
----------------------------------------------------------------------------*/
.userName{padding: 15px 0 15px 24px; border-bottom: 1px solid #0a496d;}
.userName span{display: block; font-size: 16px; clear: both; line-height: 22px;}
.userName .profileTipe{font-size: 12px; color: #b5d892;}
.userName .profileTipe i{font-style: normal;}
/* Main avatar mini
----------------------------------------------------------------------------*/
.main-pic-mini{margin: 10px 0; display: block; clear: both; height: 40px; width: 100%;}
.main-pic-mini .mp{margin: 0 10px; float:left; width: 40px; height: 40px; border:2px solid #c8e2e4; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; overflow: hidden;}
.main-pic-mini img{width: 100%; height: auto; min-height: 100%; }
.main-pic-mini span{display: block; font-size: 12px;}
/* Profile menu list
----------------------------------------------------------------------------*/
.ProfileMenu{border-top: 1px solid #0d2638;}
.ProfileMenu .profileMenuList{padding: 0;}
.ProfileMenu .profileMenuList li {padding-left: 22px; display: block; height: 35px; border-bottom: 1px solid #0d2638;}
.ProfileMenu .profileMenuList li a{display: block; font-size: 12px; font-weight: 700; text-decoration: none; color: #fff; padding-top: 9px;}
.ProfileMenu .profileMenuList li:hover{height: 35px; background:#0d304a; border-left:5px solid #06a8e6; border-bottom:none; padding:0 0 1px 17px;}
.ProfileMenu .profileMenuList li i{display: block; float: left; width: 30px; height: 34px; margin-top: -9px;}
.ProfileMenu .profileMenuList li .profile{background: url("img/profile-ico.png") 5px center no-repeat;}
.ProfileMenu .profileMenuList li .friend{background: url("img/friends-ico.png") 3px center no-repeat;}
.ProfileMenu .profileMenuList li .msg{background: url("img/msg-ico.png") 3px center no-repeat;}
.ProfileMenu .profileMenuList li .myteams{background: url("img/team-ico.png") 4px center no-repeat;}
.ProfileMenu .profileMenuList li .myleagues{background: url("img/league-ico.png") 2px center no-repeat;}
.ProfileMenu .profileMenuList li .mytournamets{background: url("img/tourn-ico.png") 2px center no-repeat;}
.ProfileMenu .profileMenuList li .mystad{background: url("img/stad-ico.png") left center no-repeat;}
.ProfileMenu .profileMenuList li .myschool{background: url("img/scool-ico.png") 3px center no-repeat;}
.ProfileMenu .profileMenuList li .myvideo{background: url("img/video-ico.png") 1px center no-repeat;}
.ProfileMenu .profileMenuList li .myphoto{background: url("img/photo-ico.png") 1px center no-repeat;}
.ProfileMenu .profileMenuList li .myevents{background: url("img/event-ico.png") 3px center no-repeat;}
.ProfileMenu .profileMenuList li .mycalendar{background: url("img/calendar-ico.png") 2px center no-repeat;}
.ProfileMenu .profileMenuList li .myshop{background: url("img/shop-ico.png") 1px center no-repeat;}
.ProfileMenu .profileMenuList li .mypub{background: url("img/pub-ico.png") 1px center no-repeat;}
/*profile edit*/
.prof-s a{float: left;}
.ProfileMenu .profileMenuList li .profile_edit{float: right; height: 100%; width: 12px; background: url("img/profile-edit-ico.png") no-repeat center center; margin-right: 17px;}
.ProfileMenu .profileMenuList li .profile_edit:hover{background: url("img/profile-edit-ico-hover.png") no-repeat center center;}
/*Counter*/
.count-wr{float: right; display: block; margin-right:13px; }
.count-wr .count{display: block; font-size: 11px; font-weight: 700; margin: 0; padding: 1px 5px; background: #de3b3e; border-radius: 4px;}
/*Button "Create"*/
.btnCreate{display: block; margin: 15px auto; width: 160px; height: 30px; background: #71bc48; border-radius: 4px;}
.btnCreate span{display: inline-block; height: 20px; vertical-align: middle; margin-top: 8px;}
.btnCreate .create-t{margin: 8px 60px 0 25px; text-align: left; font-size: 13px; font-weight: 700; text-decoration: none; color: #fff; line-height: 12px;}
.btnCreate .arrRight{width: 5px; background: url("img/create-arr.png") no-repeat center 2px;}
.btnCreate:hover{background: #489937; cursor: pointer;}
.ProfileMenu .dropdown-menu{top:-210px; left: 192px;}/*top:-207px*/
.ProfileMenu .dropdown-menu:before{position: absolute; left: -7px; bottom: 8px; display: inline-block; border-bottom: 7px solid transparent; border-right: 7px solid #ccc; border-top: 7px solid transparent; border-right-color: rgba(255,255,255,1); content: '';}
.ProfileMenu .dropdown-menu li button, .ProfileMenu .dropdown-menu li a {text-align: center; text-transform: uppercase; font-weight: 700; font-size: 10px; border: none; width: 100%; color: #333; background: none; padding: 5px 0; }
.ProfileMenu .dropdown-menu li button:hover, .ProfileMenu .dropdown-menu li a:hover{background: #71bc48; color: #fff;}
.ProfileMenu .dropdown-menu li span{font-size: 12px; margin-right: 10px; color: #c0d1db;}
/* Indicators --------------------------------------------------------------*/
.hide{display: none;}
.mainContent .indicators{text-align: center;}
.mainContent .indicator-box{width: 90px; display: inline-block; text-align: center; vertical-align: top;}
.mainContent .indicator-box label{font-size: 10px; text-transform: uppercase; font-weight: 700; margin: 10px 0 0 0; }
.lvl-ind{display:block; padding-top:5px; margin: 10px 10px 0 10px; border-top: 1px solid #c0d1db;}
/*Tooltips global preference*/
.tooltip{text-transform: none; position: absolute; z-index: 9999;}
/* Panel left\right padding
----------------------------------------------------------------------------*/
.mainContent .panel-body{padding: 0 20px;}
/* Panel shadow
----------------------------------------------------------------------------*/
.panel{box-shadow: 0px 1px 5px 0px rgba(93, 103, 110, 0.75); -webkit-box-shadow: 0px 1px 5px 0px rgba(93, 103, 110, 0.75); -moz-box-shadow: 0px 1px 5px 0px rgba(93, 103, 110, 0.75);}
/* Titles
----------------------------------------------------------------------------*/
.title-black{color: #484848; font-weight: 700; font-size: 12px; text-transform: uppercase;}
.title-white{color: #fff; font-weight: 700; font-size: 12px; text-transform: uppercase;}
.title-gray-smal{color: #b7b6b6; font-weight: 700; font-size: 10px; text-transform: uppercase; width:180px;}
.title-black-smal{color: #484848; font-weight: 700; font-size: 10px; text-transform: uppercase;}
.title-white-smal{color: #fff; font-weight: 700; font-size: 10px; text-transform: uppercase;}
/* Panel title out
----------------------------------------------------------------------------*/
.panel-title-out-content{display: block; padding: 15px 0; border-radius: 4px; border:1px solid #1a81b7; margin-bottom: 7px;}
.panel-title{margin-bottom: -9px; text-align: center;}
.panel-title span{padding: 0 10px; background: #f3f7f9;}
/* Panel information
----------------------------------------------------------------------------*/
.information .table td{border-color: #ececec;}
.information .caret{float: right; margin-top: 7px; color: #0a496d;}
.information .panel-heading:hover{cursor: pointer;}
#stats .title-gray-smal{width:175px;}
#possible-positions span{border:1px solid #71bc48; border-radius:5px; padding: 3px 5px; margin: 3px; text-transform: uppercase; font-size: 9px; font-weight: 700; color:#0a496d;}
/* ============================================================================
= PROFILE SETTINGS
=============================================================================*/
.page-title {display: block; margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px solid #1a81b7;}
.page-title span {font-size: 13px; color: #a7c0ce; }
.page-title span::before{content: "(";}
.page-title span::after{content: ")";}
.page-title-rb {display: block; margin:0 0 5px 0; padding-bottom: 1px; border-bottom: 1px solid #1a81b7;}
.page-title h4{margin-top: 0; text-transform: uppercase; color: #484848;}
.page-title h5, .page-title-rb h5{margin-top: 3px; text-transform: uppercase; color: #484848;}
.inner-title {display: block; margin: 20px 0 10px 0; border-bottom: 1px solid #dee6eb; color:#a7c0ce; text-transform: uppercase; }
.sub-title {display: block; margin: 20px 0 10px 0; border-bottom: 1px solid #c0d1db; color: #5d676e; font-weight: 600;}
/*Settings form*/
.profile-settings form .col-sm-2{width: 125px; text-align: right; float: left; margin-right: 20px;}
.profile-settings form .col-sm-left-push {float: left; margin-right: 20px;}
.profile-settings .form-control{width: 210px;}
.profile-settings .bigger{width: 80%;}
.profile-settings button{margin-top: 15px;}
.profile-settings textarea{resize:none;}
.profile-settings .birthday select{padding: 0 0 0 5px; }
.profile-settings .birthday select,
.profile-settings .birthday input{ width: 68px; display: inline-table; vertical-align: top;}
.additio-type{margin-bottom: 30px;}
/*indicator-small*/
.indicators-set-block {padding-top: 10px;}
.indicator-small{float: left;}
.indicators-set-block .col-sm-2{text-align: left!important; margin-right: 10px !important; padding-left:15px; }
.border-bot{border-bottom:1px solid #dee6eb; padding: 5px 0;}
/*navigation rb*/
.rb-nav{padding-bottom: 8px;}
.rb-nav li{width: 100%; margin-bottom: 2px;}
.rb-nav li a{padding: 9px 9px; border-radius: 0; border-color: #f3f7f9 #f3f7f9 #f3f7f9 #C0D1DB;}
.rb-nav li a:hover{border-color: #eff4f6 #eff4f6 #eff4f6 #1A81B7}
/* ============================================================================
= TEAM LISTS
=============================================================================*/
.team-wrapper {position:relative; width: 160px; height: 160px; float: left;}
.team-wrapper:hover {opacity: 0.9;}
.team-wrapper img, .team-wrapper .img-wr{width: 160px; height: 160px; position: absolute;}
.team-wrapper img{z-index: 0;}
.team-wrapper .img-wr {display:block; z-index: 1; background: transparent linear-gradient(transparent 50%, rgba(0, 0, 0, 0.75) 100%) repeat scroll 0% 0%;}
.team-wrapper .t-d {position: absolute; top: 5px; right: 5px; z-index: 3; padding: 0 5px; border: 1px solid #C0D1DB; color: #C0D1DB; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px;}
.team-wrapper .t-m {position: absolute; top: 32px; right: 5px; z-index: 3; padding: 4px 5px; border: 1px solid #C0D1DB; color: #C0D1DB; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; font-size: 11px;}
.team-wrapper .up-info {padding: 5px; position: absolute; z-index: 3; bottom: 1px;}
.team-wrapper .up-info p{color: #fff; margin-bottom: 0;}
.team-wrapper .up-info p a{color: #fff;}
.team-wrapper .up-info p:first-child{font-weight: bold;}
.team-wrapper .up-info p:last-child{color:#eee02f}
/* ============================================================================
= LEAGUE LISTS
=============================================================================*/
.league-wrapper {position:relative; width: 160px; height: 160px; float: left;}
.league-wrapper:hover {opacity: 0.9;}
.league-wrapper img, .league-wrapper .img-wr{width: 160px; height: 160px; position: absolute;}
.league-wrapper img{z-index: 0;}
.league-wrapper .img-wr {display:block; z-index: 1; background: transparent linear-gradient(transparent 40%, rgba(0, 0, 0, 0.45) 100%) repeat scroll 0% 0%;}
.league-wrapper .t-d {position: absolute; top: 5px; right: 5px; z-index: 3; padding: 0 5px; border: 1px solid #C0D1DB; color: #C0D1DB; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px;}
.league-wrapper .t-m {position: absolute; top: 32px; right: 5px; z-index: 3; padding: 4px 5px; border: 1px solid #C0D1DB; color: #C0D1DB; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; font-size: 11px;}
.league-wrapper .up-info {padding: 5px; position: absolute; z-index: 3; bottom: 1px;}
.league-wrapper .up-info p{color: #fff; margin-bottom: 0;}
.league-wrapper .up-info p a{color: #fff;}
.league-wrapper .up-info p:first-child{font-weight: bold;}
.league-wrapper .up-info p:last-child{color:#eee02f}
/* ============================================================================
= PEOPLE LISTS
=============================================================================*/
.user-wrapper {position:relative; width: 160px; height: 160px; float: left;}
.user-wrapper:hover {opacity: 0.9;}
.user-wrapper img, .user-wrapper .img-wr{width: 160px; height: 160px; position: absolute;}
.user-wrapper img{z-index: 0;}
.user-wrapper .img-wr {display:block; z-index: 1; background: transparent linear-gradient(transparent 50%, rgba(0, 0, 0, 0.75) 100%) repeat scroll 0% 0%;}
.user-wrapper .u-d {position: absolute; top: 5px; right: 5px; z-index: 3; padding: 0 5px; border: 1px solid #C0D1DB; color: #C0D1DB; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px;}
.user-wrapper .u-m {position: absolute; top: 32px; right: 5px; z-index: 3; padding: 4px 5px; border: 1px solid #C0D1DB; color: #C0D1DB; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; font-size: 11px;}
.user-wrapper .up-info {padding: 5px; position: absolute; z-index: 3; bottom: 1px;}
.user-wrapper .up-info p{color: #fff; margin-bottom: 0;}
.user-wrapper .up-info p a{color: #fff;}
.user-wrapper .up-info p:first-child{font-weight: bold;}
.user-wrapper .up-info p:last-child{color:#eee02f}
/* People request -----------------------------------------------------------*/
.p-re-wrapper {position:relative; width: 270px; float: left; border-bottom: 1px solid #C0D1DB; padding-bottom: 10px; margin-bottom: 10px;}
.p-re-wrapper img, .p-re-wrapper .p-re-i, .p-re-wrapper .p-re-b {display: block;}
.p-re-wrapper img{position:absolute; width:70px; height: 70px; border: 2px solid #C0D1DB; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px;}
.p-re-wrapper .p-re-i, .p-re-wrapper .p-re-b {margin-left: 80px;}
.p-re-wrapper .p-re-i {padding-bottom: 5px; margin-bottom: 5px; font-weight: 600;}
/* ============================================================================
= DIALOGS LISTS
=============================================================================*/
.messages-chat {margin-top: -10px}
.messages-chat .panel{background: none;}
.messages-chat .dialog-inner{height: 419px; width: 480px; overflow: hidden; padding: 10px 0!important;}
.messages-chat .dialog-wrap{height: 419px; width: 500px; overflow: auto;}
.messages-chat .media .users-name, .messages-chat .media span{display: inline-block; margin-top: 7px;}
.messages-chat .media-object{width: 40px; height: 40px; border: 1px solid #C0D1DB; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px;}
.messages-chat .fr-u {width: 33px; height: 33px; border: 2px solid #C0D1DB; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px;}
.messages-chat .msg-from{height: 40px; background: #DEE6EB; padding: 5px 20px 3px 20px;}
.messages-chat .dialog-inner{padding: 20px; min-height: 280px;}
.messages-chat .upl-wr{margin-left:0; }
.messages-chat .add-p_button-wr{margin-right: 0;}
.messages-chat textarea{resize:none; height: 50px;}
.messages-chat .data{color:#c0d1db; display: block;}
/*author*/
.messages-chat .author-wr {display: block; margin-bottom: 10px; padding: 5px 20px;}
.messages-chat .author-wr:last-child{margin-bottom: 20px;}
.messages-chat .author-wr .media-object,
.messages-chat .author-wr .author-text,
.messages-chat .author-wr .data{display: inline-block; vertical-align: middle;}
.messages-chat .author-wr .data{font-size:10px; text-align: right; vertical-align: top;}
.messages-chat .author-wr .media-object{margin: 0 10px 0 0;}
.messages-chat .author-wr .author-text{width: 310px; padding-right: 10px;}
/* new message */
.new-d-msg{background: #EBF0F3!important;}
.new-d-msg-out:hover{background: #EBF0F3!important;}
.new-d-msg-in{border-left: 2px solid #de3b3e; border-right: 2px solid #de3b3e; background: #f4f2e9!important;}
.new-d-msg-my{color: #de3b3e; font-size: 15px; position: relative; top: 0; left: -60px; margin-right: -18px; text-shadow: 1px 1px 1px #f3e1e1;}
/* Dialogs bar
----------------------------------------------------------------------------*/
.mesages-row .mesage{margin: 0; padding: 0; max-height: 518px; width: 270px; overflow: hidden;}
.mesages-row .media-object{width: 50px; height: 50px; float:left; margin-right:10px; display: inline-table; border: 2px solid #C0D1DB; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px;}
.mesages-row .list-group{margin-bottom: 0; max-height: 518px; width: 287px; overflow: auto;}
.mesages-row .close{color: #9fb2be;}
.mesages-row .list-group-item{position: static; margin:0; width: 270px; height: 74px; padding: 10px; overflow: auto; background: none; border-bottom: 1px solid #C0D1DB; border-top: none;}
.mesages-row .active-d{background: #DEE6EB!important; border-left: 2px solid #1A81B7; border-right: 2px solid #1A81B7;}
.a_di{position:relative; margin-bottom:-20px; top:7px; left:250px;}
.mesages-row .users-name {color: #1A81B7;}
/* ============================================================================
= RIGHT BAR PANELS
=============================================================================*/
.rb-block-wrap{overflow: auto; margin-bottom: 17px; padding-bottom: 7px; border-bottom: 1px solid #C0D1DB;}
/* If panel empty
----------------------------------------------------------------------------*/
.empty{text-align: center; color: #91b7c5;}
.empty_rb{text-align: center; color: #91b7c5; padding: 13px 0;}
/* Photos block
----------------------------------------------------------------------------*/
.photos-rb{padding: 0; margin: 0; text-align: center; overflow: hidden;}
.photos-rb img{width: 90px; height: 80px; margin-bottom: 0; padding: 0;}
/* Friends block
----------------------------------------------------------------------------*/
.user-wrapper-rb {position:relative; width: 90px; height: 90px; float: left;}
.user-wrapper-rb img, .user-wrapper-rb .img-wr-rb{width: 90px; height: 90px; position: absolute;}
.user-wrapper-rb img{z-index: 0;}
.user-wrapper-rb .img-wr-rb {display:block; z-index: 1; background: transparent linear-gradient(transparent 50%, rgba(0, 0, 0, 0.75) 100%) repeat scroll 0% 0%;}
.user-wrapper-rb .up-info-rb {padding: 5px; position: absolute; z-index: 3; bottom: 1px;}
.user-wrapper-rb .up-info-rb p{color: #fff; margin-bottom: 0;}
.user-wrapper-rb .up-info-rb p a{color: #fff;}
.user-wrapper-rb .up-info-rb p:first-child{}
.user-wrapper-rb .up-info-rb p:last-child{color:#eee02f; font-size: 10px;}
.teamusers-wr {position:relative; width: 96px; height: 96px; float: left;}
.teamusers-wr img, .teamusers-wr .img-wr-rb{width: 96px; height: 96px; position: absolute;}
.teamusers-wr img{z-index: 0;}
.teamusers-wr .img-wr-rb {display:block; z-index: 1; background: transparent linear-gradient(transparent 50%, rgba(0, 0, 0, 0.75) 100%) repeat scroll 0% 0%;}
.teamusers-wr .up-info-rb {padding: 5px; position: absolute; z-index: 3; bottom: 1px;}
.teamusers-wr .up-info-rb p{color: #fff; margin-bottom: 0;}
.teamusers-wr .up-info-rb p a{color: #fff;}
.teamusers-wr .up-info-rb p:first-child{}
.teamusers-wr .up-info-rb p:last-child{color:#eee02f; font-size: 10px;}
/*Amount - for friends & photos*/
.amount{text-decoration: none; font-weight: 700; font-size: 12px; color:#9fb6c3; margin-left: 5px;}
.amount:hover{text-decoration: none;}
.amount::before{content: "(";}
.amount::after{content: ")";}
/*Add option panel*/
.add-plus{float: right; color:#91b7c5; margin-right: -10px;}
/* Information block
----------------------------------------------------------------------------*/
.RightBar .inf {padding: 5px 0; border-bottom: 1px solid #E5EDF1;}
.RightBar .inf:last-child {border-bottom: none;}
/* ==========================================================================
= logIN PAGE
============================================================================*/
.wrapper{}
.line_top{background: transparent; padding: 20px 0; position: absolute; width: 100%; z-index: 9;}
.line_top_wr{display: table; width: 100%; min-width: 960px; margin: 0px auto; padding: 0 30px;}
.h-logo{display: block; margin:5px 0; width: 70px; height: 20px; background: url("img/logo.png") no-repeat; float: left;}
.login_form{display: block; float: right;}
.login_form .form-control{width: 155px; opacity: 0.8; }
.login_form .login_error{color: #dd5d5f;}
.login_form .checkbox{margin: 3px;}
.login_form .checkbox input{margin-right: 5px;}
/*.chb_login{color: #fff;}*/
.btn-login{background: #00AFF8; color: #fff; width: 80px; height: 30px; margin-left: 15px; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px;}
.btn-login:hover{background: #009fe1; color: #fff;}
.out_style {display: block; background: url("img/main-page-bg2.jpg") 50% 50% no-repeat scroll; background-size: cover; position: relative;}
.btn-guest{background: #f4cd60; color: #636363; width: 80px; height: 30px; margin-left: 15px; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px;}
.btn-guest:hover{background: #D8B553; color: #636363;}
.btn-reg-main{background: #4FBC78; color: #fff; padding: 20px 30px!important; font-size: 15px!important; width: auto; height: 30px; line-height: 0; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px;}
.btn-reg-main:hover{background: #26935A; color: #fff;}
.btn-reg{background: #4FBC78; color: #fff; width: 100%; height: 30px; line-height: 20px; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px;}
.btn-reg:hover{background: #26935A; color: #fff;}
/* Registration ------------------------------------------------------------*/
.register_cover{position: relative; display: table; width: 100%; background: url("img/main-page-bg2.jpg") 50% 50% no-repeat scroll; background-size: cover; padding: 0px 0px 35px;}
.register_content_wr {display: table; width: 960px; margin: 0 auto; padding: 80px 0 0;}
.register_form{width: 100%; text-align: center;}
.register_form_wr{width: 314px; margin: 0px auto;}
.register_form_wr label, .register_form_wr h2{color: #fff;}
.register_form_wr .register_error{color: #ff9065;}
.register_content, .register_form_wr{display: block;}
.register_content{width: 100%; color: #ffffff; text-align: center; }
.register_content h3{font-weight: 300; font-size: 30px; line-height: 35px;}
.register_content h4{font-weight: 300; font-size: 16px; line-height: 25px;}
.register_content h2{font-weight: 600; font-size: 18px; color: #f4cd60;}
.logo_b{height: 190px; margin: 20px 0;}
/* Register Form -----------------------------------------------------------*/
.register_form_wr input, .register_form_wr select{width: 155px; opacity: 0.8; }
.register_form_wr .form-group{padding-left:0px; padding-right:0px;}
.register_form_wr button {margin-top: 10px; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; background: #4FBC78; border: none; font-size: 14px; padding: 10px 20px;}
.register_form_wr button:hover{background: #26935A;}
/* Capabilities ------------------------------------------------------------*/
.capabilities{display: table; width: 100%; margin: 30px 0 0;}
.capabilities_wr{width: 960px; margin: 0 auto;}
.capabilities_wr .cap{display: inline-block; width: 317px; vertical-align: text-top; text-align: center;}
/*.capabilities_wr .c-two{border-left: solid 1px #95b9ca; border-right: solid 1px #95b9ca;}*/
.capabilities_wr ul{text-align: left;}
.capabilities_wr ul li{margin-bottom: 7px;}
.capabilities_wr h4, .capabilities_wr h3{font-weight: 300; color: #fff; }
.capabilities_wr h3{font-weight: 700;}
.capabilities_wr h4{line-height: 25px;}
.capabilities_wr .cap img{width: 70px; height: 70px; margin-top: 20px;}
/* FOOTER
============================================================================*/
.foo_wrap{text-align: left; margin-top: 15px; display: table; clear: both; margin-bottom: 20px; width: 100%;}
.footer{width: 960px; margin: 0px auto; border-top: 1px solid #95b9ca; padding-top: 10px; display: table;}
.footer ul{padding: 0;}
.footer .about li,
.footer .lang li{display: inline-block; font-size: 11px; margin: 0 3px; clear: both; }
.footer .lang li{vertical-align: top;}
.copyright{display: block; font-size: 11px; padding: 0 4px; width: 960px; margin: 0 auto;}
/* ==========================================================================
= MODALS
============================================================================*/
/* Modal form style
----------------------------------------------------------------------------*/
.modal-form .modal-header{padding: 10px 20px; background: #71bc48; border-radius: 4px 4px 0 0; border-bottom: 1px solid #71bc48;}
.modal-form .modal-header .close{margin-top: 0px;}
.modal-form .modal-body {padding: 0;}
.modal-form .modal-footer{padding: 20px; margin-top: 10px;}
.btn{padding: 4px 10px; font-size: 11px;}
.btn-default{background: #fff; color: #484848;} .btn-default:hover{background: #E4F1F6; color: #484848;}
.modal-form .select-top {background: #ececec; width: 100%; display: block; padding: 10px 0; margin-bottom: 10px;}
.form-group{padding: 5px 20px 5px 20px; margin-bottom: 0;}
.modal-form .form-group label,
.modal-form .form-group input,
.modal-form .select-event select,
.modal-form .select-event textarea {display: inline-block; resize: none;}
.modal-form .select-event label{text-align: right; width: 90px;}
.modal-form .select-event input, .modal-form .select-event select, .modal-form .select-event textarea{width: 240px; margin-left: 24px;}
.modal-form .select-event .vt{vertical-align: top; margin-top: 5px;}
.modal-form .select-event .locate-ico{background: url('img/locate-ico.gif') 5px center no-repeat; padding-left: 20px;}
.modal-form .select-event .data-ico{background: url('img/date-ico.gif') 5px center no-repeat; padding-left: 25px;}
.modal-form .select-event .time-ico{background: url('img/time-ico.gif') 5px center no-repeat; padding-left: 20px;}
.modal-form .select-event .form-date input{width: 106px;}
.datepicker{z-index:1151 !important;}
.cr_form {margin: 10px 0;}
.modal-title{color:#fff;}
/* Upload input ------------------------------------------------------------*/
.uld-label {display: block; position: relative; left: 40%;}
.uld-input {visibility: hidden; cursor: pointer; display: block; position: absolute;}
/* WALL
_______________________________________________________________________________________*/
/* Add post panel
----------------------------------------------------------------------------*/
.add-post .panel-body{padding: 15px 20px;}
.add-post .panel-footer{padding: 0;}
.upl-wr{float: left; margin-left: 5px;}
.doc, .pic, .sml{width: 40px; height: 40px; float: left;}
.doc{background: url("img/doc.png") center center no-repeat;}
.pic{background: url("img/pic.png") center center no-repeat;}
.sml{background: url("img/smile.png") center center no-repeat;}
.doc:hover{background: #cedce5 url("img/doc.png") center center no-repeat;}
.pic:hover{background: #cedce5 url("img/pic.png") center center no-repeat;}
.sml:hover{background: #cedce5 url("img/smile.png") center center no-repeat;}
.add-p_button-wr{margin-right: 20px; padding: 7px 0; float: right;}
.add-p_button{
border-radius: 4px;
border:1px solid #106b9a;
background:#1a81b7;
font-size: 12px;
font-weight: 700;
color: #fff;
padding: 2px 15px;
}
.add-p_button:hover{background: #136fa0;}
/* ==========================================================================
= TEAM PAGE
============================================================================*/
.team-rbh-wr {
width: 100%;
height: auto;
text-align: center;
}
.team-logo-wr{
margin: 0 auto;
display: block;
width: 180px;
height: 180px;
}
.team-logo-wr img{width: 100%;}
.team-info-wr{
width: 100%;
background-color: #E5EDF1;
display: block;
padding: 10px;
margin: 10px 0;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
.team-info-wr h4{margin-top: 0; padding-bottom: 5px; font-size: 16px; border-bottom: 1px solid #c0d1db;}
.nopadding{padding: 0 !important;}
.nopadding .table{text-align: center; height:100%; margin-bottom: 0;}
.nopadding thead, .nopadding .tfoo{font-weight: 700;}
.nopadding thead{background: #ebf0f3;}
.nopadding .tfoo{background: #f8f9fa;}
.nopadding .tfoo .filterInput{background: #f8f9fa;}
.title-white a{font-size: 16px;color:#357328;}
.title-white a:hover{color: #5c9a47; text-decoration: none;}
.filterInput{margin: 0;padding-left:0;width: 40px;height: 40px;border: none; }
.filterInput2{ margin: 0; padding-left:0;max-width: 27px;border: none; }
.filterInput3{margin: 0;padding-left:0;max-width: 130px;border: none; }
.filterInput4{margin: 0;padding-left:0; max-width: 70px; border: none; }
.filterInput5{margin: 0;padding-left:0; max-width: 50px; border: none; }
.filterInput4{
margin: 0;
padding-left:0;
max-width: 70px;
border: none;
}
.edit-team .input{
margin: 0;
padding: 0 !important;
text-align: center;
}
.ress2{
text-align: center;
background: #efedcf;
font-weight: 700;
padding: 10px;
}
/*Страница настроек лиги*/
.remove{color:#de3b3e;}
.remove:hover{color:#d4bbbc;}
.add, .remove{display: inline; margin: 2px; padding: 0;}
/* ==========================================================================
= LEAGUE PAGE
============================================================================*/
.ch_p_wr {width: 960px; height: 180px; background: #0E4466; }
.ch_p_wr .cover {position: absolute; z-index: 0; min-width: 960px; max-height: 180px;}
.ch_p_wr .img-wr{position: absolute; width: 960px; height: 180px;}
.ch_p_wr .img-wr {display:block; z-index: 0; background: transparent linear-gradient(transparent 50%, rgba(0, 0, 0, 0.45) 100%) repeat scroll 0% 0%;}
.ch_p_wr .t_ch{position: absolute; z-index: 9; max-width: 725px; height: 136px;}
.ch_p_wr .t_ch a{color:#fff;}
.ch_p_wr .t_ch a:hover{color:#fff; text-decoration: underline;}
.ch_p_wr h3{color: #fff; position: absolute; width: 725px; bottom: 10px; left: 20px;}
.champ_breadcrumbs{height: 33.5px; padding: 0 20px;}
.header_btn_block, .ch_p_wr .header_btn_block {width: 270px; position: relative; z-index: 9; padding: 20px 0 0 20px;}
.ch_p_wr .header_btn_block .btn_set_wr{ background: rgba(5,25,50,0.5); padding: 3px 7px; overflow: auto; border-radius: 50px; }
.ch_p_wr .header_btn_block .btn_settings {display: inline-block;}
.ch_p_wr .header_btn_block .btn_settings i {font-size: 15px; color: #C0D1DB; padding: 0 3px;}
.ch_p_wr .header_btn_block .btn_settings:hover{opacity: 0.5;}
.ch_p_wr .header_btn_block a {display: inline-block; vertical-align: middle;}
.ch_p_wr .emblem {display: block; float: right; width: 150px; height: 150px; background: #F8F9FA; margin: 63px 63px 0; position: inherit; z-index: 10; box-shadow: 0px 1px 5px 0px rgba(93, 103, 110, 0.75); -webkit-box-shadow: 0px 1px 5px 0px rgba(93, 103, 110, 0.75); -moz-box-shadow: 0px 1px 5px 0px rgba(93, 103, 110, 0.75);}
.ch_p_wr .emblem .ch_emblem {background: #E5EDF1;}
.leftBar{position: relative; float: left; height: auto; width: 190px; padding: 10px 0;}
.leftBar .nav-pills > li > a{border-radius: 0; padding: 3px 15px;}
.leftBar .nav-pills > li > a:hover{border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px;}
.leftBar .nav-pills > li > .active{background-color: #1a81b7; color: #fff; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px;}
.leftBar .left_beck_btn {display: block; width: 100%; padding: 4px; background: #1a81b7; text-align: center; color: #fff; text-decoration: none; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px;}
.leftBar .left_beck_btn:hover{background: #105274;}
/* Champ_preview -----------------------------------------------------------------------------------------------------*/
.champ_prev_wr{background: #EDF3F7; color:#484848; max-width: 480px; padding: 5px 0 0; text-align: center; margin-bottom: 7px; border: 1px solid #E5EDF1; overflow: auto;} /*background: #06a8e6;*/
.champ_prev_wr .ch_p_title {padding: 0 20px; text-align: left; text-transform: uppercase;}
.champ_prev_wr .ch_p_title hr {border-color: #1A81B7; margin: 10px 0;}
.champ_prev_wr .ch_p_bl {display: inline-block; width: 156px; font-weight: 300; font-size: 10px; text-transform: uppercase; vertical-align: text-top; margin-bottom: 5px;}
.champ_prev_wr .ch_p_bl .ch_p_circle {display: block; padding: 5px 0; font-weight: 800; font-size: 15px; }
.champ_prev_wr .ch_p_bl .ch_p_date {display: block; padding: 5px 0; font-weight: 800; font-size: 12px; text-transform: none;}
.champ_prev_wr .ch_p_more {background: #DEE6EB; color: #484848; text-align: left; padding: 10px 20px;}
.champ_prev_wr .ch_p_go {background: #71bc48; color: #fff; text-align: left; padding: 10px 20px;}
.champ_prev_wr .ch_p_more:hover{background: #C5D5E0;}
.champ_prev_wr .ch_p_go:hover{background: #489937;}
.champ_prev_wr .ch_p_body {background: #fff; text-align: left;}
.champ_prev_wr .ch_p_body table{margin: 0; color:#484848;}
.champ_prev_wr .ch_p_body table tr td{padding: 8px 20px; border-top: 1px solid #dee6eb;}
.champ_prev_wr .ch_p_body table tr td:last-child{text-align: right; font-size: 12px; font-weight: 800;}
.champ_prev_wr .ch_p_body .ch_p_serv{padding: 20px;}
.champ_prev_wr .ch_p_body .ch_p_serv .label{display: inline-block; font-size: 10px; padding: 3px 7px 5px; margin: 2px 0;}
.more_serv{width: 100%;}
.more_serv tr td {font-weight: 300!important; text-align: left!important; width: 100%;}
.ch_list_wr {box-shadow: none; border-radius: 0; border-bottom: 1px solid #1a81b7;}
.ch_list_wr img {width: auto; height: 100%;}
.ch_list_wr > li {background: none;}
.ch_list_wr > li:hover {background: #edf3f6;}
.ch_name_list{display: inline-block; max-width: 405px;}
.add_ch_btn_wr {background: #E5EDF1; width: 100%; height: 40px;}
.add_ch_btn_wr span{display: inline-block; margin: 15px 0 0 15px;}
.add_ch_btn {width: 25%; height: 100%; float: right; background: #71bc48; border: none;}
.add_ch_btn:hover {background: #489937;}
.ch_list_wr .mem_i{width: 50px; height: 50px; margin: 0 10px 0 0; display: inline-block; text-align: center;}
/* Social btn --------------------------------------------------------------------------------------------------------*/
.ch_sob, .ch_sob a{display: inline-block;}
.ch_sob {float: right;}
.ch_sob a{width: 20px; height: 20px;}
.ch_sob .f_l{background: url("img/f_ico.gif") no-repeat;}
.ch_sob .vk_l{background: url("img/vk_ico.gif") no-repeat;}
.ch_sob .y_l{background: url("img/you_ico.gif") no-repeat;}
/* Modal form --------------------------------------------------------------------------------------------------------*/
.ch_modal_form_wr .top_inp{padding-bottom: 15px; overflow: auto;}
.ch_modal_form_wr .mid_inp{background: #E5EDF1; padding-bottom: 15px; overflow: auto;}
.ch_modal_form_wr .form-control {width: 100%; margin-bottom: 5px;}
.ch_modal_form_wr .inner-title {margin-top: 10px;}
.ch_modal_form_wr .ch_pull_l {margin-right: 10px;}
.ch_modal_form_wr .ch_pull_l:last-child {margin-right: 0;}
/* Mini profile menu -------------------------------------------------------------------------------------------------*/
.min_pr_menu{display:block; position: fixed; left: 0; top:0; background: #E5EDF1; height: 100%; padding-top: 105px;}
.min_pr_menu li {padding: 0 5px 0 10px; display: block; height: 35px;}
.min_pr_menu li a{display: block; font-size: 12px; font-weight: 700; text-decoration: none; color: #fff; padding-top: 9px;}
.min_pr_menu li i:hover{opacity: 1;}
.min_pr_menu li i{opacity: 0.4; display: block; float: left; width: 25px; height: 34px; margin-top: -9px;}
.min_pr_menu li .profile{background: url("img/profile-ico.png") 5px center no-repeat;}
.min_pr_menu li .friend{background: url("img/friends-ico.png") 3px center no-repeat;}
.min_pr_menu li .msg{background: url("img/msg-ico.png") 3px center no-repeat;}
.min_pr_menu li .myteams{background: url("img/team-ico.png") 4px center no-repeat;}
.min_pr_menu li .myleagues{background: url("img/league-ico.png") 2px center no-repeat;}
.min_pr_menu li .mytournamets{background: url("img/tourn-ico.png") 2px center no-repeat;}
.min_pr_menu li .mystad{background: url("img/stad-ico.png") left center no-repeat;}
.min_pr_menu li .myschool{background: url("img/scool-ico.png") 3px center no-repeat;}
.min_pr_menu li .myvideo{background: url("img/video-ico.png") 1px center no-repeat;}
.min_pr_menu li .myphoto{background: url("img/photo-ico.png") 1px center no-repeat;}
.min_pr_menu li .myevents{background: url("img/event-ico.png") 3px center no-repeat;}
.min_pr_menu li .mycalendar{background: url("img/calendar-ico.png") 2px center no-repeat;}
.min_pr_menu .count-wr{margin: 0;}
.min_pr_menu .count-wr .count{position: relative; left: -19px; top: 9px; padding: 2.5px; border-radius: 50px; font-size: 0px; border: 2px solid #F3F7F9;}
@media (max-width: 1060px) {
.min_pr_menu {
display: none;
}
}
/* Standings Table ---------------------------------------------------------------------------------------------------*/
.standings-table{text-align: center;}
.standings-table > thead > tr{background-color: #E8EFF3;}
.standings-table > thead > tr > th {text-align: center;}
.standings-table > tbody > tr{background-color: #F3F7F9;}
/* Cards Table ---------------------------------------------------------------------------------------------------*/
.card_t_wr {background-color: #4F6EA6;}
.card_t_wr span {color: #fff;}
.bom_t_wr {background-color: #BA5B52;}
.bom_t_wr span {color: #fff;}
.timt_t_wr {background-color: #448899;}
.timt_t_wr span {color: #fff;}
.card-table > thead > tr{background-color: #F3F7F9; }
.card-table > tbody > tr{background-color: #F3F7F9;}
.card-table tbody tr td {padding: 8px!important;}
.card_t_place {font-size: 18px; font-weight: 800; color:#484848; line-height: 30px;}
.td_add{text-align: center; background-color: #71bc48!important;}
.td_add:hover{background-color: #489937!important; cursor: pointer;}
.card-set-list{margin-bottom: 0;}
.card-set-list li{padding: 10px 0;}
.card-set-wr{display: inline-block; vertical-align: top; margin-right: 15px;}
.card-set{width: 24px; height: 30px; border-radius: 4px; position: relative; font-size: 8px; float: left; margin: 0 5px; }
.card{font-size: 8px; padding: 4px; margin: 1px; text-transform: uppercase; position: relative;}
.card span {font-size: 12px; font-weight: 800;}
.card-r{background-color: #FF4343;}
.card-y{background-color: #F7B728;}
.card-yry{background-color: #FF4343;}
.card-add{padding: 7px 5px 8px 5px; background-color: #AFCBDD; vertical-align: top;}
.card-add:hover{background-color: #DEE6EB;}
.card-add a{color: #1A81B7;}
.card-yry:after{
content: "2";
position: absolute;
top:-3px;
right: -3px;
color: #000000;
border: 1px solid #F3F7F9;
border-radius: 3px;
padding: 2px;
background-color: #F7B728;
}
.btn_scores{background: #BA5B52;}
.btn_cards{background: #4F6EA6;}
.btn_scores:hover{background: #8F352D;}
.btn_cards:hover{background: #2E4268;}
.hexagon {
width: 40px;
height: 35px;
position: relative;
top: -2px;
left: 6px;
text-align: center;
float: left;
box-shadow: 0 0 5px rgba(0,0,0,.15);
}
.hexagon p{margin: 0; font-size: 18px; margin-bottom: -5px; font-weight: 800;}
.hexagon b{text-transform: uppercase; font-size: 10px;}
.hexagon:before {
content: "";
position: absolute;
top: 0px;
left: 0;
width: 0;
height: 0;
}
.hexagon:after {
content: "";
position: absolute;
bottom: -15px;
left: 0;
width: 0;
height: 0;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
}
.hex-green {background: #55C13E; color: #fff;}
.hex-green:after {border-top: 15px solid #55C13E;}
.hex-dp {background: #2E4268; color: #fff;}
.hex-dp:after {border-top: 15px solid #2E4268;}
.hex-dr {background: #8F352D; color: #fff;}
.hex-dr:after {border-top: 15px solid #8F352D;}
.hex-db {background: #1A5B6B; color: #fff;}
.hex-db:after {border-top: 15px solid #1A5B6B;}
/* Timetable ---------------------------------------------------------------------------------------------------------*/
.timt-game-wr{display: block; margin: 7px 0; border-left: 3px solid #95B9CA; border-right: 3px solid #95B9CA; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
.t_game_wr {padding: 5px 0; overflow: auto; width:100%;}
.t_game_wr .timt_team {display: inline-block;}
.t_game_wr .timt_team img{width: 30px; max-height: 30px; margin: 0 5px; vertical-align: top;}
.t_game_wr .timt_team .title-black-smal {display: inline-block; width: 165px;}
.score-wr {display: inline-block; margin: 0 5px;}
.score-wr .timt_score {color:#484848; font-weight: 800; font-size: 15px;}
.timt_date_wr span i{font-size: 13px;}
.timt_date_wr {padding: 5px 10px; background: #E5EDF1;}
.timt_date_wr span {display: inline-block; margin: 0 2px;}
.timt_date_wr .time, .timt_date_wr .date, .timt_date_wr .palace {font-size: 11px; color: #484848;}
.timt_date_wr .game-video{font-size: 9px;}
.timt_date_wr .game-video i {font-size: 9px!important; color:#fff; line-height: 9px; vertical-align: text-top;}
.timt_date_wr .game-video:hover {cursor: pointer; background-color: #D61D20;}
/* INCH_sett
----------------------------------------------------------------------------------------------------------------------*/
.inch_sett_btn_wr {background: #E5EDF1; width: 100%; padding: 10px;}
.inch_sett_btn_wr span{display: inline-block; margin: 15px 0 0 15px;}
/* Members groups ---------------------------------------------------------------------------------------------------*/
.mem_g_t_wr {padding: 5px 15px; background-color: #CDDEEB; margin: 7px 0 0 0; border-radius: 4px 4px 0 0;}
.stand_g_t_wr {padding: 5px 15px; background-color: #1A81B7; margin: 7px 0 0 0; border-radius: 4px 4px 0 0;}
.add_mem {color: #7F9EB6; background:none; border: none; font-size: 15px; }
.add_mem:hover{opacity: 0.4;}
.mem_i_gr {display: inline-block; margin: 0 10px 0 0;}
.mem_i_gr img {width: 25px;}
.mod-list .ch_list_wr{border-bottom: none; margin: 0 0 -10px 0;}
/****************** LIGHT THEME **************************/
.scroll_tabs_theme_light { height: 55px; }
.scroll_tabs_theme_light div.scroll_tab_inner span {
padding: 0 20px;
text-align: center;
vertical-align: top;
height: 55px;
font-size: 14px;
background-color: #E5EDF1;
border-left: 1px solid #95B9CA;
cursor: pointer;
}
.scroll_tabs_theme_light div.scroll_tab_inner span .tour-name {font-size: 10px;}
.scroll_tabs_theme_light div.scroll_tab_inner span div p{margin: 0; font-size: 18px; margin-bottom: -5px; font-weight: 800;}
.scroll_tabs_theme_light div.scroll_tab_inner span div b{text-transform: uppercase; font-size: 10px;}
.scroll_tabs_theme_light div.scroll_tab_inner span.scroll_tab_first{ border-left: 0px; }
.scroll_tabs_theme_light div.scroll_tab_inner span.scroll_tab_left_finisher,
.scroll_tabs_theme_light div.scroll_tab_inner span.scroll_tab_right_finisher { padding: 0px; width: 1px; background-color: #95B9CA; }
.scroll_tabs_theme_light div.scroll_tab_inner span.scroll_tab_right_finisher { border-left: none; }
.scroll_tabs_theme_light div.scroll_tab_inner span.scroll_tab_over { background-color: #B7CBD5; }
.scroll_tabs_theme_light .scroll_tab_left_button {
height: 55px;
background-color: #E5EDF1;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.scroll_tabs_theme_light .scroll_tab_left_button i { line-height: 55px; padding-left: 7px; }
.scroll_tabs_theme_light .scroll_tab_left_button_over { background-color: #B7CBD5; }
.scroll_tabs_theme_light .scroll_tab_left_button_disabled { color: #AAAAAA; background-color: #ECF2F5; }
.scroll_tabs_theme_light .scroll_tab_right_button {
height: 55px;
background-color: #E5EDF1;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.scroll_tabs_theme_light .scroll_tab_right_button i { line-height: 55px; padding-left: 7px; }
.scroll_tabs_theme_light .scroll_tab_right_button_over { background-color: #B7CBD5; }
.scroll_tabs_theme_light .scroll_tab_right_button_disabled{ color: #AAAAAA; background-color: #ECF2F5; }
.scroll_tabs_theme_light div.scroll_tab_inner span.tab_selected{ background-color: #95B9CA; }
/* Tour setup --------------------------------------------------------------------------------------------------------*/
.tour_set {cursor: pointer; padding: 10px 10px 10px 0;}
.tour_set:hover {background: none!important;}
.tour_set span {display: inline-block;}
.tour_set .t-num {padding: 5px 0; margin-right: 10px; width: 50px; text-align: center; color: #484848; line-height: 8px; border-right: 1px solid #c0d1db;}
.tour_set .t-num p {font-size: 18px; font-weight: 800; }
.tour_set .t-num b{text-transform: uppercase; font-size: 10px;}
.tour_set .title-black-smal {line-height: 8px;}
.a-pub-hide {color: #c0d1db;}
.a-pub {color: #EB9316;}
.a-rem {color: #de3b3e;}
.a-add {color: #71bc48;}
.tour-c-wr{}
.tour-c-wr .tour-c {padding: 7px 5px; margin-left: 49px; border-left: 1px solid #c0d1db;}
.tour-c-wr .tour-c:hover {background: #EDF3F6;}
.tour-c-wr .tour-c:before {
content: "";
display: inline-block;
position: relative;
left: -10px;
width: 9px;
height: 9px;
background: #F3F7F9;
border: 1px solid #c0d1db;
border-radius: 50px;
}
.tour-c-wr .tour-c:hover:before {content: ""; background-color: #71bc48;}
.tour-c-wr .tour-c .tour-name, .tour-c-wr .tour-c .empty {text-transform: uppercase; font-size: 10px;}
.btn_title{font-weight: normal; text-transform: none;}
/* Publications ------------------------------------------------------------------------------------------------------*/
.publication-list-wr{box-shadow: none;}
.pub_body{padding: 0; margin:15px 0; border: 1px solid #E5EDF1; }
.pub_img {width: 480px; height: 200px; position: relative; overflow: hidden; }
.pub_img img{
position: absolute;
left: 50%;
top: 50%;
width: 100%;
width: auto;
margin-left: -2px;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
.pub_title{padding: 10px 15px; color: #636363;}
.pub_title p{line-height: 18px; color: #636363; border-bottom: 1px solid #E5EDF1; padding: 0 0 10px 0;}
.pub_title h4 a {line-height: 20px; color: #636363;}
.pub_title_in{color: #636363;}
.pub_title_in h4 {line-height: 20px;}
.pub_in_img {width: 480px; margin: 15px 0;}
.pub_in_img img{ width: 100%; width: auto;}
.pub_at_wr {line-height: 18px; border-bottom: 1px solid #E5EDF1; margin: 10px 0 10px 0;}
.pub_at_wr iframe{max-width: 480px; max-height: 250px; border: none;}
.pub-news{background:#26CBC5 ;}
.pub-announcement{background:#E38A54 ;}
.pub-analyse{background:#DE4D6C ;}
.pub-article{background:#54A6E8 ;}
.pub_cover_exist{background: #40366B;}
.cr_p_title{width: 100%; margin-bottom: 10px;}
.cr_p_cover, .cr_p_type{display:inline-block; vertical-align: text-top;}
.cr_p_type{width: 240px; margin-right: 10px;}
.cr_p_cover{border:1px solid #E5EDF1; padding: 5px; width: 225px; overflow: hidden;}
.cr_p_body{width: 100%; margin: 10px 0;}
.cr_p_author{width: 100%; margin-bottom: 10px;}
.pub_cover_preview{width: 214px; height: 96px; overflow: hidden;}
.RightBar .back_to_fr_prof{display: block; background: #EDF3F7; padding: 2px 0; text-decoration: none; color: #484848;}
.RightBar .back_to_fr_prof:hover{background: #DEE6EB;}
#advance_search{padding-bottom: 10px; margin-bottom: 15px;}
#advance_search .form-group{padding: 2px 15px;}
#advance_search .form-control{padding: 2px 5px; height: 25px; opacity: 0.7;}
/* Recovery
----------------------------------------------------------------------------------------------------------------------*/
.recovery_btn {display:block; /*color:#fff;*/ padding: 6px 0; float: left;}
.recovery_btn:hover{/*color:#fff;*/ text-decoration: underline;}
.rec_form_wr{background: #E5EDF1; width: 350px; margin: 15px auto; padding: 15px 20px;}
.rec_form_wr .btn{display: block; margin: 10px auto 0 auto;}
.g_intro_wr{display: inline-block; width: 715px; text-align: center; padding: 15px 0 0;}
.guest_r_img_intro{text-align: center;}
.guest_r_img_intro img {width: 600px;}
.guest_r_intro{display: inline-block; color: #222; width: 220px; margin: 0 5px; vertical-align: text-top; text-align: left;}
.guest_r_intro h3 {font-size: 14px; font-weight: 600;}
.guest_r_intro h4 {font-size: 12px; font-weight: normal; line-height: 1.42857143;}
/* Video
----------------------------------------------------------------------------------------------------------------------*/
.lazyYT-container {
position: relative;
display: inline-block;
height: 0;
padding: 0 0 56.25% 0;
margin: 0 1px;
overflow: hidden;
background-color: #000000;
}
.lazyYT-container iframe {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
/*
* Video Title (YouTube style)
*/
.ytp-gradient-top {
bottom: 0;
z-index: 21;
width: 100%;
height: 98px;
position: absolute;
pointer-events: none;
background: transparent linear-gradient(transparent 40%, rgba(0, 0, 0, 0.6) 100%) repeat scroll 0% 0%;
-webkit-transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1);
-moz-transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1);
transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1);
}
.ytp-chrome-top {
position: absolute;
left: 12px;
right: 10px;
top: 0;
color: #eee;
text-align: left;
direction: ltr;
font-size: 11px;
line-height: 1.3;
-webkit-font-smoothing: antialiased;
text-shadow: 0 0 2px rgba(0,0,0,.5);
z-index: 60;
-moz-transition: opacity .25s cubic-bezier(0.0,0.0,0.2,1);
-webkit-transition: opacity .25s cubic-bezier(0.0,0.0,0.2,1);
transition: opacity .25s cubic-bezier(0.0,0.0,0.2,1);
}
.ytp-title {
position: relative;
top: 115px;
font-size: 120%;
overflow: hidden;
padding-right: 20px;
white-space: nowrap;
}
.ytp-title-text {
padding-top: 10px;
display: inline-block;
line-height: 1.1;
vertical-align: top;
max-width: 90%;
margin-left: 0;
}
.ytp-title-link {
max-width: 100%;
overflow: hidden;
color: #eee;
text-decoration: none;
white-space: nowrap;
word-wrap: normal;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
float: left;
}
.ytp-title-link:hover {
color: #eee;
text-decoration: underline;
}
/*
* Thumbnail
*/
.ytp-thumbnail {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 12;
cursor: pointer;
background-position: 50% 50%;
background-repeat: no-repeat;
-moz-transition: opacity .5s cubic-bezier(0.0,0.0,0.2,1);
-webkit-transition: opacity .5s cubic-bezier(0.0,0.0,0.2,1);
transition: opacity .5s cubic-bezier(0.0,0.0,0.2,1);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.lazyYT-image-loaded .ytp-spinner {
display: none;
}
.ytp-thumbnail button.ytp-button {
visibility: hidden;
}
.ytp-thumbnail.lazyYT-image-loaded button.ytp-button {
visibility: visible;
}
/*
* Spinner pre-loader
*/
.ytp-spinner {
position: absolute;
left: 45%;
top: 45%;
width: 10%;
height: 10%;
z-index: 16;
}
.ytp-spinner-message {
position: absolute;
left: 50%;
top: 100%;
width: 300px;
font-size: 127%;
line-height: 182%;
margin-left: -150px;
display: none;
text-align: center;
background-color: black;
opacity: .5
}@keyframes ytp-spinner-dot-fade{0%{opacity:.5;-moz-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);transform:scale(1.2,1.2)}50%{opacity:.15;-moz-transform:scale(.9,.9);-ms-transform:scale(.9,.9);-webkit-transform:scale(.9,.9);transform:scale(.9,.9)}
to {
opacity: .15;
-moz-transform: scale(.85,.85);
-ms-transform: scale(.85,.85);
-webkit-transform: scale(.85,.85);
transform: scale(.85,.85)
}}@-moz-keyframes ytp-spinner-dot-fade{0%{opacity:.5;-moz-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);transform:scale(1.2,1.2)}50%{opacity:.15;-moz-transform:scale(.9,.9);-ms-transform:scale(.9,.9);-webkit-transform:scale(.9,.9);transform:scale(.9,.9)}
to {
opacity: .15;
-moz-transform: scale(.85,.85);
-ms-transform: scale(.85,.85);
-webkit-transform: scale(.85,.85);
transform: scale(.85,.85)
}}@-webkit-keyframes ytp-spinner-dot-fade{0%{opacity:.5;-moz-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);transform:scale(1.2,1.2)}50%{opacity:.15;-moz-transform:scale(.9,.9);-ms-transform:scale(.9,.9);-webkit-transform:scale(.9,.9);transform:scale(.9,.9)}
to {
opacity: .15;
-moz-transform: scale(.85,.85);
-ms-transform: scale(.85,.85);
-webkit-transform: scale(.85,.85);
transform: scale(.85,.85)
}}
.ytp-spinner-dot {
-moz-animation: ytp-spinner-dot-fade .8s ease infinite;
-webkit-animation: ytp-spinner-dot-fade .8s ease infinite;
animation: ytp-spinner-dot-fade .8s ease infinite;
opacity: 0;
fill: #ccc;
-moz-transform-origin: 4px 4px;
-ms-transform-origin: 4px 4px;
-webkit-transform-origin: 4px 4px;
transform-origin: 4px 4px
}
.ytp-spinner-dot-1 {
-moz-animation-delay: .1s;
-webkit-animation-delay: .1s;
animation-delay: .1s
}
.ytp-spinner-dot-2 {
-moz-animation-delay: .2s;
-webkit-animation-delay: .2s;
animation-delay: .2s
}
.ytp-spinner-dot-3 {
-moz-animation-delay: .3s;
-webkit-animation-delay: .3s;
animation-delay: .3s
}
.ytp-spinner-dot-4 {
-moz-animation-delay: .4s;
-webkit-animation-delay: .4s;
animation-delay: .4s
}
.ytp-spinner-dot-5 {
-moz-animation-delay: .5s;
-webkit-animation-delay: .5s;
animation-delay: .5s
}
.ytp-spinner-dot-6 {
-moz-animation-delay: .6s;
-webkit-animation-delay: .6s;
animation-delay: .6s
}
.ytp-spinner-dot-7 {
-moz-animation-delay: .7s;
-webkit-animation-delay: .7s;
animation-delay: .7s
}
/*
* Play button (YouTube style)
*/
.ytp-button:focus,
.ytp-button {
border: none;
outline: 0;
color: inherit;
text-align: inherit;
font-size: 100%;
font-family: inherit;
cursor: default;
line-height: inherit;
/* margin: 0; */
padding: 0;
background: transparent;
}
.ytp-large-play-button {
position: absolute;
left: 50%;
top: 50%;
width: 68px;
height: 48px;
margin-left: -34px;
margin-top: -24px;
-moz-transition: opacity .25s cubic-bezier(0.0,0.0,0.2,1);
-webkit-transition: opacity .25s cubic-bezier(0.0,0.0,0.2,1);
transition: opacity .25s cubic-bezier(0.0,0.0,0.2,1);
}
.ytp-button:not([aria-disabled=true]):not([disabled]):not([aria-hidden=true]) {
cursor: pointer;
}
.ytp-large-play-button-bg {
-moz-transition: fill .1s cubic-bezier(0.4, 0.0, 1, 1), opacity .1s cubic-bezier(0.4, 0.0, 1, 1);
-webkit-transition: fill .1s cubic-bezier(0.4, 0.0, 1, 1), opacity .1s cubic-bezier(0.4, 0.0, 1, 1);
transition: fill .1s cubic-bezier(0.4, 0.0, 1, 1), opacity .1s cubic-bezier(0.4, 0.0, 1, 1);
fill: #1f1f1f;
opacity: .9
}
.ytp-thumbnail:hover .ytp-large-play-button-bg {
-moz-transition: fill .1s cubic-bezier(0.0, 0.0, 0.2, 1), opacity .1s cubic-bezier(0.0, 0.0, 0.2, 1);
-webkit-transition: fill .1s cubic-bezier(0.0, 0.0, 0.2, 1), opacity .1s cubic-bezier(0.0, 0.0, 0.2, 1);
transition: fill .1s cubic-bezier(0.0, 0.0, 0.2, 1), opacity .1s cubic-bezier(0.0, 0.0, 0.2, 1);
fill: #cc181e;
opacity: 1
}
/*
* Video time (YouTube style)
*/
.video-time {
position: absolute;
right: 5px;
bottom: 10px;
height: 14px;
padding: 0 4px;
font-size: 11px;
font-weight: bold;
line-height: 14px;
color: #fff !important;
background-color: #000;
opacity: .75;
filter: alpha(opacity=75);
zoom: 1;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
}
.video-modal-lg {
margin-top: 5%;
width: 850px;
}
.video-content-modal {
background: transparent;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
}
.video-content-modal .video-cont {
padding: 0;
height: 480px;
}
.video-content-modal .video-close {
float: none;
position: absolute;
right: -30px;
font-size: 40px;
}
.video-content-modal .video-close:hover {
color:#ccc;
}
.video-content-modal .video-cont iframe {
width: 100%;
height: 100%;
border: 0;
}
.control-video-btn {
position: absolute;
z-index: 70;
top:5px;
right: 5px;
}
.control-video-btn button {
font-size: 80%;
color: #fff;
background-color: #222;
border: none;
padding: 3px 5px;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
opacity: 0.5;
margin: 0 1px;
}
.control-video-btn button:hover {
opacity: 0.8;
}
.video-wr {
position:relative; width: 250px; height:150px; display: inline-block; margin: 0 1px;
}
.album-wr {
padding: 10px;
margin-bottom: 20px;
background: #E5EDF1;
}
.album-wr .album {
width: 368px;
height: 208px;
display: inline-block;
overflow: hidden;
margin: 0 1px;
position: relative;
}
.album-wr .album img {
width: 100%;
height: auto;
min-width: 100%;
z-index: 0;
}
.album-wr .album .img-wr {display:block; z-index: 1; background: transparent linear-gradient(transparent 40%, rgba(0, 0, 0, 0.45) 100%) repeat scroll 0% 0%;}
.album-wr .album .img-wr{width: 368px; height: 208px; position: absolute;}
.album-wr .album-info {
position: absolute;
bottom: 0;
z-index: 2;
width: 368px;
padding: 10px;
color: #fff;
font-weight: 600;
}
.album-wr .album-info p {
display: inline-block;
}
.album-wr .album-info p:first-child{ max-width: 300px;}
.album-wr .album-info p:last-child{position: absolute; bottom: 10px; right: 10px;}
.album-wr .album-info p a {
color: #fff;
}
.album-inside-title {
display: block;
width: 100%;
text-align: center;
color: #484848;
margin-bottom: 20px;
}
.album_manage {
position: absolute;
z-index: 3;
top:10px;
right: 10px;
}
.album_manage button {
color: #fff;
background-color: #222;
border: none;
padding: 3px 8px;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
opacity: 0.5;
}
.album_manage button:hover{
opacity: 0.8;
}
.album-inside-title h3 {
color: #484848;
text-transform: uppercase;
}
/* album-ch */
.album-wr .album-ch {
width: 228px;
height: 128px;
display: inline-block;
overflow: hidden;
margin: 0 1px;
position: relative;
}
.album-wr .album-ch img {
width: 100%;
height: auto;
min-width: 100%;
z-index: 0;
}
.album-wr .album-ch .img-wr {display:block; z-index: 1; background: transparent linear-gradient(transparent 40%, rgba(0, 0, 0, 0.45) 100%) repeat scroll 0% 0%;}
.album-wr .album-ch .img-wr{width: 228px; height: 128px; position: absolute;}
.album-wr .album-info-ch {
position: absolute;
bottom: 0;
z-index: 2;
width: 228px;
padding: 10px;
color: #fff;
font-weight: 600;
}
.album-wr .album-info-ch p {
display: inline-block;
}
.album-wr .album-info-ch p:first-child{ max-width: 190px; margin-bottom: 0;}
.album-wr .album-info-ch p:last-child{position: absolute; bottom: 0px; right: 10px;}
.album-wr .album-info-ch p a {
color: #fff;
}
.album_manage-ch {
position: absolute;
z-index: 3;
top:10px;
right: 10px;
}
.album_manage-ch button {
color: #fff;
background-color: #222;
border: none;
padding: 1px 4px;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
opacity: 0.5;
}
.album_manage-ch button:hover{
opacity: 0.8;
}
/* end */
.breadcrumbs-wr {
width: 100%;
background-color: #E5EDF1;
padding: 10px;
}
.add_ch_alb_btn {background-color: #1a81b7; width: 25%; height: 100%; float: right; border: none;}
.add_ch_alb_btn:hover {background-color: #105274;}
/* Photos
----------------------------------------------------------------------------------------------------------------------*/
.f-light-box {
z-index:9999;
height: auto;
left: 0;
min-height: 100%;
position: absolute;
right: 0;
top: 0;
}
.f-light-box-b {
background: rgba(4, 25, 50, 0.95);
bottom: 0;
left: 0;
position: fixed;
right: 0;
top: 0;
}
.f-light-box-in {
display: block;
text-align: center;
vertical-align: middle;
width: 100%;
}
.f-light-box .f-ph-nav {
position: fixed;
z-index: 2;
font-size: 30px;
color: #fff;
opacity: 0.7;
}
.f-light-box .f-ph-nav:hover{
opacity: 1;
}
.f-light-box .next {
top:45%;
right: 30px;
}
.f-light-box .previous {
top: 45%;
left: 30px;
}
.f-light-box .close {
top:30px;
right: 30px;
font-size: 20px;
}
.f-ph-box-wr{
display: inline-block;
margin: 30px;
position: relative;
text-align: left;
}
.f-ph-container{
position: relative;
}
.stage {
display: block;
height: 100%;
position: relative;
text-align: center;
width: 100%;
}
.f-ph-wrap{
display: block;
background-color: #000;
height: 100%;
position: relative;
text-align: center;
-moz-user-select: none;
}
.f-img-wr {
max-width: 1020px;
display: block;
margin: 0 auto;
vertical-align: middle;
}
.f-img-wr img {
height: auto;
image-rendering: optimizeQuality;
max-height: 100%;
max-width: 100%;
vertical-align: middle;
width: auto;
}
.f-img-info {
width: 100%;
position: absolute;
bottom: 0;
padding: 10px 15px;
background-color: rgba(0, 0, 0, 0.7);
text-align: left;
}
.f-img-desc {
color: #fff;
}
.photo-box-wr {
position: relative;
width: 150px;
height: 150px;
display: block;
float: left;
margin: 1px;
}
.photo-box-wr a{
position: absolute;
z-index: 10;
}
.photo-box {
width: 150px;
height: 150px;
}
.photo-box:hover {
opacity: .9;
}
.album-wr .ph-album {
width: 244px;
height: 244px;
}
.album-wr .ph-album .album-info {
width: 244px;
}
.album-wr .ph-album .img-wr{width: 244px; height: 244px; position: absolute;}
.album-wr .ph-album .album-info p:first-child{ max-width: 185px;}
.thumbimage {
float:left;
width:92px;
height: 70px;
overflow: hidden;
position:relative;
padding:5px;
}
.sel-c-photo-box {
width: 87px;
height: 87px;
margin: 1px;
display: inline-block;
}
.sel-c-photo-box:hover {
opacity: 0.8;
cursor: pointer;
}
.rb-photo-box {
width: 88px;
height: 88px;
float:left;
margin: 1px;
}
.rb-photo-box:hover {
opacity: 0.8;
cursor: pointer;
}
/* Let's Play
----------------------------------------------------------------------------------------------------------------------*/
.lp-block {
position: relative;
padding: 10px;
background: #E5EDF1;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
margin: 0 0 17px 0;
}
.lp-block input {
margin: 10px 0;
}
.lp-block span, .lp-block i{
display: inline-block;
vertical-align: middle;
}
.lp-block span {
margin-left: 5px;
width: 210px;
}
.lp-block i {
font-size: 30px;
color:#C0D1DB;
}
.lp-block a {
background: #4FBC78;
border: none;
border-radius: 50px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
text-transform: uppercase;
font-size: 13px;
padding: 10px 0;
width: 100%;
}
.lp-block button:hover {
background: #26935A;
}
.city-result{
position: absolute;
z-index: 450;
width: 250px;
margin-top: -8px;
background: #fff;
display:none;
}
.city-result-wr {
display: block;
width: 250px;
padding: 5px;
}
.city-result-wr:hover{
cursor: pointer;
background: #1979AC;
color:#fff;
}
.lp-load{
display: block;
text-align: center;
}
.lp-load img {
width: 30px;
}
.lp-title { position: relative; height: auto; padding: 7px 15px; overflow: auto; border-bottom: 1px solid #C0D1DB}
.lp-place { position: absolute; right: 15px; top:5px;}
.lp-title h5{text-transform: uppercase;}
.lp-place div, .lp-place i{
display: inline-block;
vertical-align: middle;
}
.lp-place div {
margin-left: 5px;
vertical-align: middle;
line-height: 14px;
}
.lp-place i {
font-size: 30px;
text-shadow: 0 2px 1px rgba(164,51,22,0.9);
color:#E44C24;
}
.lp-post {
position: relative;
background: #E5EDF1;
padding: 10px 15px;
margin: 10px 0;
}
.lp-user-img, .lp-user-info{
display: inline-block;
vertical-align: middle;
}
.lp-user-img{
width: 50px;
height: 50px;
margin-right: 10px;
border-radius: 50px;
overflow: hidden;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border: 2px solid #95B9CA;
}
.lp-user-img img {
width: 100%;
height: auto;
min-height: 100%;
}
.lp-post-content {
display: block;
margin: 10px 0;
}
.lp-cico-wr {
display: inline-block;
font-weight: 800;
font-size: 18px;
color: #95B9CA;
}
.lp-cico-wr i {
position: absolute;
top:28px;
right: 8px;
background: #E5EDF1;
padding: 5px;
font-size: 15px;
color:#95B9CA;
border-radius: 50px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
}
.lp-comment {
text-align: center;
position: absolute;
top:10px;
right: 15px;
display: block;
width: 42px;
height: 42px;
padding: 12px 0;
border: 1px solid #C0D1DB;
border-radius: 50px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
line-height: 14px;
}
.lp-user-img-comment, .lp-user-info-comment{
display: inline-block;
vertical-align: text-top;
}
.lp-user-info-comment {
width: 395px;
}
.lp-user-img-comment{
width: 40px;
height: 40px;
margin-right: 10px;
border-radius: 50px;
overflow: hidden;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border: 2px solid #95B9CA;
}
.lp-user-img-comment img {
width: 100%;
height: auto;
min-height: 100%;
}
.lp-comment-body {
margin-bottom: 5px;
padding-top: 10px;
border-top: 1px solid #C0D1DB;
}
.lp-more-comment {
display: block;
}
.lp-more-comment button {
background: #D6E2E8;
color: #1a81b7;
padding: 5px 0;
border: none;
width: 100%;
border-radius: 50px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
}
.lp-more-comment button:hover {
background: #C0D1DB;
}
.lp-type-wr {
background: #E5EDF1;
padding: 10px 15px;
overflow: auto;
}
.lp-type-wr textarea {
margin: 7px 0;
}
.lp-type-wr button{
float: right;
}
.lp-type-comment{
position: relative;
top:-10px;
background: #D6E2E8;
}
.lp-type-comment input {
background: transparent;
box-shadow: none;
border: none;
height: 40px;
padding: 5px 50px 5px 15px;
}
.lp-type-comment input:focus{
box-shadow: none;
border: none;
}
.lp-type-comment button {
position: absolute;
top: 5px;
right:15px;
border: none;
width: 30px;
height: 30px;
border-radius: 50px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
background: #00AFF8;
color:#fff;
}
.lp-type-comment button:hover {
background: #009FE1;
}
.lp-ctrl {
text-align: center;
position: absolute;
top:17px;
right: 65px;
display: block;
width: 25px;
height: 25px;
padding: 5px 0;
border: 1px solid #C0D1DB;
border-radius: 50px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
line-height: 14px;
}
.lp-ctrl button {
border: none;
background: transparent;
color:#95B9CA;
}
.lp-ctrl button:hover {
color:#C0D1DB;
}
.lp-del-comment {
border:none;
background: none;
float: right;
color: #95B9CA;
}
.lp-del-comment:hover{
color: #C0D1DB;
}
.shop-cover{
position: relative;
max-width: 760px;
max-height: 180px;
width:760px;
height: 180px;
float: right;
background-color: #ccc;
}
.shop-cover-info-wr img {
max-width: 100%; width: auto; height: auto;
}
.shop-cover-info-wr{
position: absolute;
bottom: 0;
left: 0;
padding: 10px 15px;
}
.shop-cover-info-wr h3{
text-shadow: 1px 1px 2px black;
color: #fff;
}
.shop-cover .header_btn_block {width: 270px; position: absolute; top:0; left: 0; z-index: 9; padding: 20px 0 0 20px;}
.shop-cover .header_btn_block .btn_set_wr{ background: rgba(5,25,50,0.5); padding: 3px 7px; overflow: auto; border-radius: 50px; }
.shop-cover .header_btn_block .btn_settings {display: inline-block;}
.shop-cover .header_btn_block .btn_settings i {font-size: 15px; color: #C0D1DB; padding: 0 3px;}
.shop-cover .header_btn_block .btn_settings:hover{opacity: 0.5;}
.shop-cover .header_btn_block a {display: inline-block; vertical-align: middle;}
.shop-describe{
width: 100%;
background-color: #E5EDF1;
display: block;
padding: 10px 15px;
margin: 10px 0;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
.welcome-menu {display: inline; margin-left: 15px;}
.welcome-menu li{display: inline-block; padding: 12px 10px;}
.welcome-menu a {display: inline-block; text-decoration: none; color: #fff; text-transform: uppercase; font-weight: 700; font-size: 10px; }
.welcome-menu li:hover{border-bottom:1px solid #cadbe3;}
.welcome-menu i{width: 20px; margin: -3px 4px 0 0; height: 20px; float: left; background: url("img/mm-ico.png") no-repeat;}
.welcome-menu li .a{ background-position: -20px 0;}
.welcome-menu li .b{ background-position: -40px 0;}
.welcome-menu li .c{ background-position: -60px 0;}
.welcome-menu li .d{ background-position: -80px 0;}
.welcome-menu li .e{ background-position: -100px 0;}
.welcome-menu li .f{ background-position: -120px 0;}
.welcome-menu li .g{ background-position: -140px 0;}
.welcome-menu li .h{ background-position: -160px 0;}
.welcome-menu li .i{ background-position: -180px 0;}
.welcome-menu li .s{ background-position: -200px 0;}
.welcome-menu li .ss{ background-position: -220px 0;}