/* Common */
.panel-with-tabs { border-top:0px; border-top-left-radius:0px; border-top-right-radius:0px; }
.navbar { min-width:970px !important; }
.clickable { cursor:pointer; }

.se-glyphicons { font-family:'Glyphicons Regular' !important; }
.panel-primary-light { border-color:#62abea; }
.panel-primary-light > .panel-heading { background-color:#62abea; border-color:#62abea; }
.panel-success-dark { border-color:#86c996; }
.panel-success-dark > .panel-heading { background-color:#86c996; border-color:#86c996; }
.panel-success-dark2 { border-color:#a6d9b6; }
.panel-success-dark2 > .panel-heading { background-color:#a6d9b6; border-color:#a6d9b6; }
.panel-danger-dark { border-color:#a94442; }
.panel-danger-dark > .panel-heading { background-color:#a94442; border-color:#a94442; }
.panel-danger-dark2 { border-color:#c96462; }
.panel-danger-dark2 > .panel-heading { background-color:#c96462; border-color:#c96462; }
.panel-heading button {
	position: relative;
	top: -5px;
}

/* Dashboard */
.dashboard { }

/* Box */
.box { border: 1px #000 solid; }
.box-title { background:#000; padding:2px 5px 2px 5px; color:#fff;  }
.box-content { padding: 20px; }

/* Login */
.form-signin { max-width: 330px; padding: 15px; margin: 0 auto; }
.form-signin .form-signin-heading,
.form-signin .checkbox { margin-bottom: 10px; }
.form-signin .checkbox { font-weight: normal; }
.form-signin .form-control { position: relative; height: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px; font-size: 16px; }
.form-signin .form-control:focus { z-index: 2; }
.form-signin input[type="text"] { margin-bottom: -1px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
.form-signin input[type="password"] { margin-bottom: 10px; border-top-left-radius: 0; border-top-right-radius: 0; }

/* Players */
.player-profile-image	{ width:160px; height:160px; background-size:contain; background:#eee; border:1px #ccc solid; background-position:50% 50%; background-repeat:no-repeat; }

.player-bigprofile-image	{ width:280px; height:160px; background-size:contain; background:#eee; border:1px #ccc solid; background-position:50% 50%; background-repeat:no-repeat; }

.player-profile-small { width: 18px; height: 18px; border-radius:10px; }
.player-profile-small > .player-profile-image { width: 16px; height: 16px; border:1px #fff solid; border-radius:9px; background-size:16px 16px; }

td.players-marketvalue { text-align: right; }
.player-status-checkboxes input { vertical-align: top; }
.player-status-checkboxes .checkbox { margin:0px 0px 0px 0px; }

.player-status-removed { color:#ccc; }
.player-status-danger { color:#f00; }
.player-status-toggle  { cursor:pointer; }

/* Teams */
.team-profile-image	{ width:160px; height:160px; background-size:contain; background:#eee; border:1px #ccc solid; background-position:50% 50%; background-repeat:no-repeat; }

.team-profile-small { width: 18px; height: 18px; border-radius:10px; }
.team-profile-small > .team-profile-image { width: 16px; height: 16px; border:1px #fff solid; border-radius:9px; background-size:16px 16px; }

.team-cover				{ width:320px; height:160px; min-width:320px; min-height:160px; border:1px #ccc solid; background:#eee; background-size; :contain; background-repeat:no-repeat; background-position:50% 50%; }

/* Users */
.user-profile-image	{ width:160px; height:160px; background-size:contain; background:#eee; border:1px #ccc solid; background-position:50% 50%; background-repeat:no-repeat; }

.user-profile-small { width: 18px; height: 18px; border-radius:10px; }
.user-profile-small > .user-profile-image { width: 16px; height: 16px; border:1px #fff solid; border-radius:9px; background-size:16px 16px; }

.user-cover				{ width:320px; height:160px; min-width:320px; min-height:160px; border:1px #ccc solid; background:#eee; background-size:contain; background-repeat:no-repeat; background-position:50% 50%; }
.user-status-checkboxes input { vertical-align: top; }
.user-status-checkboxes .checkbox { margin:0px 0px 0px 0px; }
.user-attribute-checkboxes input { vertical-align: top; }
.user-attribute-checkboxes .checkbox { margin:0px 0px 0px 0px; }

/* Seasons */
tr.current_season > td { background-color: #ccffcc !important; }
td.season_without_optaid { background-color: #ffcccc !important; }

/* Settings */
.marketValueEntry { display:inline-block; background:#eee; }
.marketValueEntry.alternate { background:#ddd; }
.marketValueEntry .boundary { }
.marketValueEntry > div { padding:5px; }
.marketValueEntry input { width:88px; }

/* Reporting */
.reporting_overview_widget { position:relative; height:120px; }
.reporting_overview_widget .panel-heading { height:100px; padding-top:20px; }
.reporting_overview_widget .icon { text-align:center; font-size:32px; position:absolute; left:30px; top:30px; color:#fff; }
.reporting_overview_widget .icon .glyphicons { vertical-align:top; }
.reporting_overview_widget .value { color:#fff; text-align:center; font-size:32px; font-weight:bold; height:32px; }
.reporting_overview_widget .value > img { max-height:24px; }
.reporting_overview_widget .value > .subvalue { font-size:11px; }
.reporting_overview_widget .description { text-align:center; color:#fff; margin-top:10px; }
.reporting_overview_widget .description2 { text-align:center; margin-top:14px; font-size:11px; }
.reporting_overview_widget.panel-success .value { color:#000; }
.reporting_overview_widget.panel-success .description { color:#000; }
.reporting_overview_widget.panel-success .icon { color:#000; }
.reporting_overview_widget.panel-warning .value { color:#000; }
.reporting_overview_widget.panel-warning .description { color:#000; }
.reporting_overview_widget.panel-warning .icon { color:#000; }
.reporting_overview_widget.panel-info .value { color:#000; }
.reporting_overview_widget.panel-info .description { color:#000; }
.reporting_overview_widget.panel-info .icon { color:#000; }
.reporting_overview_widget.panel-default .value { color:#000; }
.reporting_overview_widget.panel-default .description { color:#000; }
.reporting_overview_widget.panel-default .icon { color:#000; }

/* Queues */
.queue_overview_widget { position:relative; height:180px; }
.queue_overview_widget .panel-heading { height:160px; padding-top:20px; }
.queue_overview_widget .value { color:#000; text-align:center; font-size:32px; font-weight:bold; height:32px; }
.queue_overview_widget.has_items .value { color:#f00 !important; }
.queue_overview_widget .value > img { max-height:24px; }
.queue_overview_widget .value > .subvalue { font-size:11px; }
.queue_overview_widget .description { text-align:center; color:#000; margin-top:10px; }
.queue_overview_widget .detail { text-align:center; color:#000; margin-top:10px; font-size:10px; word-wrap:break-word; white-space:normal; }
.queue_overview_widget .clear_queue { position: absolute; right: 10px; top: 10px; cursor: pointer; }

/* Achievements */
.achievement-disabled div { color:#ccc; }
.achievement-disabled .label { opacity:0.33; }
.achievement-disabled .label-danger { opacity:1.0; }

/* News */
#news_picture > .image_view { height:150px; border:1px #ccc solid; margin-bottom:5px; border-radius:3px; }
.suggested-pictures { margin-top:5px; }
.suggested-pictures .suggested-picture { display:inline-block; width:100px; height:80px; margin-right:5px; margin-bottom:5px; border:1px #ccc solid; background-repeat:no-repeat; background-position:50% 50%; background-size:contain; cursor:pointer; }

/*  Image selector & view */
.image_selector { }
.image_selector > .image_view	{  }
.image_selector > .progress		{ height:5px; margin:5px 0px 5px 0px; opacity:0.0; }
.image_selector > .actions		{  }

.image_view { border: 1px solid #ccc; border-radius:5px; }
.image_view { background-size: contain; background-repeat:no-repeat; background-position:50% 50%; }

.image_view_activity { background-image:url("../images/loading.gif") !important; background-size:auto; }

.m-l-sm {margin-left:5px;}
.m-r-sm {margin-right:5px;}
.m-t-md {margin-top:15px;}

.user_delete {position:absolute;right:3px;top:3px;}
.user_edit_panel > .panel-heading {position:relative;}

/* Analysis */
#analysis_top11 h3 { text-align:center; }
.lineup-field { padding: 50px 0px 50px 0px; background: #000; }
.lineup-players-row { margin-bottom: 30px; text-align:center; }
.lineup-players-row:last-child { margin-bottom: 0px; }
.lineup-player { position: relative; width: 12%; margin-left: 10px; margin-right: 10px; display: inline-block; vertical-align:top; }
.lineup-player-image { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; border-radius: 50%; margin-bottom: 5px; border: 2px #fff solid; background-color: #ccc; }
.lineup-player-image:after { display: block; content: ''; padding-top: 100%; }
.lineup-player-title { word-break: break-all; text-transform: uppercase; font-size: 9px; color: #fff; }
.lineup-player-points { position: absolute; right: 0; top: 0; background: #777; color:#fff; padding: 2px 4px 2px 4px; font-size: 10px; font-weight: bold; }
.lineup-player-points.lineup-player-points-mvp { background:#ff0000; }

.topusers-user { border-bottom: 1px #ccc solid; }
.topusers-user:last-child { border-bottom: none; }
.topusers-user-header { padding: 10px; height: 100px; position: relative; cursor: pointer; }
.topusers-user-image { position: absolute; left: 10px; top:10px; width:80px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; border-radius: 50%; margin-bottom: 5px; border: 2px #fff solid; background-color: #ccc; }
.topusers-user-image:after { display: block; content: ''; padding-top: 100%; }
.topusers-user-title { font-weight: bold; padding-left: 100px; padding-right: 100px; padding-top: 20px; font-size: 16px; }
.topusers-user-title a { margin-left: 10px; font-size: 12px; }
.topusers-user-info { padding-left: 100px; padding-right: 100px; }
.topusers-user-points { position: absolute; right: 10px; top: 30px; font-size: 24px; font-weight: bold; }
.topusers-user-lineup { height: 0; overflow: hidden; position: relative;}
.topusers-user-lineup h3 { position: absolute; right: 10px; top: 10px; color: #fff; font-size: 16px; padding: 0; margin: 0; }
.topusers-user-expanded .topusers-user-lineup { overflow: auto; height: auto; }

.insight-row { border-bottom: 1px #ccc solid; padding: 10px; }
.insight-row-title { font-weight: bold; margin-bottom: 4px; }
.insight-row:last-child { border-bottom: none; }

.insight-player { display: inline-block; width: 80px; max-width: 25%; margin-right: 10px; }
.insight-player-image { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; border-radius: 50%; margin-bottom: 5px; border: 2px #ccc solid; background-color: #ccc; }
.insight-player-image:after { display: block; content: ''; padding-top: 100%; }
.insight-player-title { text-align:center; white-space: nowrap; word-break:break-all; overflow: hidden; font-size:10px; text-transform:uppercase; }
.insight-player-count { text-align:center; margin-bottom: 5px; }
.insight-player-count > span { display:inline-block; padding: 2px 4px 2px 4px; border-radius: 3px; background:#777; color:#fff; font-weight: bold; }

.text-translucent { opacity: 0.5; }
.text-translucent:hover { opacity: 1.0; }

/* General */
.kb-input-actions { margin-top: 5px; }

/* Status */
.kb-status-container { margin-top: 10px; margin-bottom: 10px; }

/* Text */
.kb-subtitle { font-size: 0.75em; }

/* News */
.news-item-todo .fa-pencil {
    color: #f00;
}

#news_editor .actions button.pull-right { margin-left: 10px; }
#kb_news_image .image_view,
    .image_selector .image_view { min-height: 120px; max-width: 240px; }

.kb-content-editor {
	border: 3px solid #444;
}

.kb-content-editor .gjs-cv-canvas {
  top: 40px;
  width: 100%;
  height: 90%;
}

.kb-content-editor-blocks .gjs-block-label {
	font-size: 12px;
}
.kb-content-editor-blocks .gjs-block-label .fa {
	font-size: 24px;
	margin-bottom: 10px;
	margin-top: 10px;
}
.kb-content-editor-blocks .gjs-blocks-cs {
	background: #fff;
}
.kb-content-editor-blocks .gjs-block {
	margin: 0 4px 4px 0;
	background: #444;
}

#news_editor span.twitter-typeahead {
	display: block !important;
}

.kb-news-reference {
	margin-bottom: 4px;
	margin-right: 4px;
	background: #eee;
	padding: 4px 32px 4px 4px;
	border-radius: 4px;
	display: inline-block;
	position: relative;
}

.kb-news-reference-left {
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
}

.kb-news-reference-right {
	display: inline-block;
	vertical-align: top;
}

.kb-news-reference-icon {
	width: 60px;
	height: 60px;
	border-radius: 30px;
	background-size: cover;
	background-position: 50% 50%;
	background-color: #ccc;
	background-repeat: no-repeat;
}

.kb-news-reference-remove {
	background: #777;
	color: #fff;
	width: 24px;
	height: 24px;
	cursor: pointer;
	border-radius: 12px;
	font-size: 12px;
	position: absolute;
	right: 5px;
	top: 5px;
	text-align: center;
	padding-top: 4px;
}