/* Basecamp stylesheet, based on "alternate"
 *
 * author: Peter Theill, Commanigy - http://commanigy.com
 *
 * @2009-11-16 - fix #3069
 * @2009-11-12 - styling "password" fields as well with a simple border (similar to other fields)
 *
 */

@import url(../../../stylesheets/application.css);

body, #wrapper { background-color:#eee; font-family:"Lucida Grande", verdana, arial, helvetica, sans-serif; }

a:hover { text-decoration: underline; }
a:hover, a:active { color: #2A5685; }

#header, #top-menu { margin: 0; }
#header { background-color: #333; padding: 8px 8px 0 8px; height: 5.5em; }
#header h1 { margin: 0 24px; }
#header #quick-search { margin: 0 24px; }
#top-menu { background-color: #000; font-size: 10px; position: relative; padding: 0; height: 21px }
#top-menu ul { padding: 0 21px; }
#top-menu li, #top-menu #loggedas { color: #ddd; line-height: 21px; margin-right: 4px; }
#top-menu li a { color: #999; font-weight: normal; padding:4px 5px; }
#top-menu li a:hover { color: #fff; text-decoration: none; }
#main { background: #EEEEEE; margin: 8px 24px 0px 24px; }
#content, #main.nosidebar #content { background: #fff; border-right: 1px solid #bbb; border-bottom: 1px solid #bbb; overflow: auto; -moz-box-shadow: #bbb 1px 1px 2px; -webkit-box-shadow: 1px 1px 2px #bbb; }
#content { width: 70%; }
#content .wiki img { max-width: 98%; }
#main.nosidebar #content { width: auto; }
#sidebar { width: 26%; }
#footer { background-color:#EEEEEE; border: 0px; clear: left; color:#666666; font-size:9px; margin:4px 0 20px 20px; padding-bottom:15px; text-align:left; }
#footer a:hover { background:#666666 none repeat scroll 0 0; color:#FFFFFF !important;}
#footer a:link, #footer a:visited { color:#666666; }

/* Headers */
h1, h2, h3, h4 { font-family: "Lucida Grande",arial,sans-serif; }
h1 { font-size: 24px; font-weight: normal; margin:0pt 0pt 0pt 0.25em; padding:0pt 0pt 10px; text-align:left; }
h2, h3, h4, .wiki h1, .wiki h2, .wiki h3 { border-bottom: 0px;}

h2, .wiki h1 { background-color: #edf3fe; margin: -6px -10px 10px; padding: 10px 20px; font-size: 14px; color: #000; }
.wiki h1 { font-family:"Trebuchet MS",Verdana,sans-serif; font-weight: bold;}
.wiki h2 { background-color: transparent; }
div.issue div.wiki h3 { text-decoration: underline; }

h3, h4 { font-weight: normal; }
div.wiki h3, div.wiki h4 { font-weight: bold; }

#sidebar h3 { border-bottom:1px solid #DCDCDC; padding:6px 8px; }

div.journal h4 { background-color: #EDF3FE; border-left: 3px solid #9FBFFA; padding: 10px;}

div.splitcontentleft h2 { background-color: transparent; padding: 0; margin: 20px 0 5px 0; }

/* Links */
#sidebar a:hover { background-color:#003399; color:#FFFFFF; text-decoration: none;}

/* Menu */
#main-menu { margin: 0 24px; }
#main-menu li a { background-color: #666; font-weight: normal; padding:4px 8px 6px; }
#main-menu li a:hover { background: #999; text-decoration: none; }
#main-menu li a.selected, #main-menu li a.selected:hover { background-color:#EEEEEE; color: #111; font-weight:bold; }

/* Tables */
table.list { border: none; }
table.list th { background-color: #fff; }
table.list tbody td, table.list tbody tr td, table.list tbody tr td.checkbox { border-bottom: solid 1px #ddd; font-size: 11px; padding:4px 10px 4px 3px; }
table.list thead th {
	border: none;
	border-bottom:1px solid #999999;
	font-size:9px;
	font-weight:normal;
	padding:0pt 3px 3px;
	text-transform:uppercase;
}

table.list thead th a { color: #000; }
table.list thead th a:hover { color: #000; }

/* Issues grid styles by priorities (provided by Wynn Netherland) */
table.list tr.issue a { color: #333; }

/*adjust the css according to your priority ids, for Redmine 2.1*/
tr.odd.priority-8, table.list tbody tr.odd.priority-8:hover { color: #559; }
tr.odd.priority-8 { background: #eaf7ff; }
tr.even.priority-8, table.list tbody tr.even.priority-8:hover { color: #559; }
tr.even.priority-8 { background: #f2faff; }
tr.priority-8 a { color: #559; }
tr.odd.priority-8 td, tr.even.priority-8 td { border-color: #add7f3; }

/*Immediate*/
tr.odd.priority-5, table.list tbody tr.odd.priority-5:hover { color: #900; font-weight: bold; }
tr.odd.priority-5 { background: #ffc4c4; }
tr.even.priority-5, table.list tbody tr.even.priority-5:hover { color: #900; font-weight: bold; }
tr.even.priority-5 { background: #ffd4d4; }
tr.priority-5 a, tr.priority-5:hover a { color: #900; }
tr.odd.priority-5 td, tr.even.priority-5 td { border-color: #ffb4b4; }

/*Urgent*/
tr.odd.priority-4, table.list tbody tr.odd.priority-4:hover { color: #900; }
tr.odd.priority-4 { background: #ffc4c4; }
tr.even.priority-4, table.list tbody tr.even.priority-4:hover { color: #900; }
tr.even.priority-4 { background: #ffd4d4; }
tr.priority-4 a { color: #900; }
tr.odd.priority-4 td, tr.even.priority-4 td { border-color: #ffb4b4; }

/*Medium*/
tr.odd.priority-10, table.list tbody tr.odd.priority-10:hover { color: #900; }
tr.odd.priority-10 { background: #fee; }
tr.even.priority-10, table.list tbody tr.even.priority-10:hover { color: #900; }
tr.even.priority-10 { background: #fff2f2; }
tr.priority-10 a { color: #900; }
tr.odd.priority-10 td, tr.even.priority-10 td { border-color: #fcc; }

/*Low*/
tr.odd.priority-1, table.list tbody tr.odd.priority-1:hover { color: #559; }
tr.odd.priority-1 { background: #eaf7ff; }
tr.even.priority-1, table.list tbody tr.even.priority-1:hover { color: #559; }
tr.even.priority-1 { background: #f2faff; }
tr.priority-1 a { color: #559; }
tr.odd.priority-1 td, tr.even.priority-1 td { border-color: #add7f3; }

tr.odd.priority-1, table.list tbody tr.odd.priority-1:hover { color: #559; }
tr.odd.priority-1 { background: #eaf7ff; }
tr.even.priority-1, table.list tbody tr.even.priority-1:hover { color: #559; }
tr.even.priority-1 { background: #f2faff; }
tr.priority-1 a { color: #559; }
tr.odd.priority-1 td, tr.even.priority-1 td { border-color: #add7f3; }

p.breadcrumb {
	background-color:#EEEEEE;
	border-bottom:1px solid white;
	font-size:0.9em;
	margin:-6px -10px 6px;
	padding:6px;
	text-indent:15px;
}

/* Fields */
input[type="text"], input[type="password"], textarea, select { padding: 2px; border: 1px solid #d7d7d7; }
input[type="text"], input[type="password"] { padding: 3px; }
input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus { border: 1px solid #888866; }
option { border-bottom: 1px dotted #d7d7d7; }
input#issue_subject { font-size: 200%; width: 90%; }

textarea.wiki-edit { font-family: Cambria, Verdana, Serif; font-size: larger; }

/* Misc */
.box { background-color: #fcfcfc; }


.controller-issues #content object
{
	float: left;
	margin-right : 10px;
	margin-top:5px;
}


#top-menu a span.count, span.count {
	top: 0px !important;
	font-weight: normal !important;
}

#top-menu a span.count.unread {
  background-color: #f85209 !important;
}

#top-menu a span.count.updated {
  background-color: #76a8d7 !important;
}

#main-menu .menu-children
{
	z-index: 9999;
}

.current-project
{
	margin-top: -1px;
    display: block;
    font-size: 21px;
}

.copy_to_clipboard
{
	border: 0;
	width: 16px;
	height: 16px;
	background-color: transparent;
	float: left;
	margin: 5px 10px 0 0;
	cursor: pointer;

	
}

.copy_to_clipboard:focus,.copy_to_clipboard:active
{
	opacity: 0.2;
}

.clipboard
{
	background-image: url('../../../images/cliboard.png');
}

.branch
{
	background-image: url('../../../images/branch.png');		
}

#startdiv, #enddiv
{
	position: absolute;
	right: 75px;
}

#clockin, #clockout
{
	width: 30px;
	padding-top: 5px;
}

#appendlabel > br:first-child
{
	display: none;
}

#appendlabel
{
	padding-top: 5px;
}

.bitloop_task img
{
	width: 10px;
}

.bitloop_task
{
	padding-left: 100px !important;
}

	.bitloop_task > span > a
	{
		padding-left: 0 !important;
		padding-right: 0 !important;
		margin-right: 0 !important;
	}
	
	
@media (max-width: 1280px) {
  .bitloop_task {
    padding-left: 5px !important;
  }
}	

@media screen and (max-width: 1160px) {
  .bitloop_task {
    display: none !important;
  }
  
  #appendlabel, #startdiv, #enddiv, .tabs-buttons
  {
	  display: none !important;
  }
}
		


.start_timer
{
	background-image: url('../../../images/start.png');
	border: 0;
    width: 16px;
    height: 16px;
    background-color: transparent;
    float: left;
    margin: 5px 10px 0 0;
    cursor: pointer;
}

.stop_timer
{
	background-image: url('../../../images/stop.png');
	border: 0;
    width: 14px;
    height: 14px;
    background-color: transparent;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
}

.bit_cancel
{
	background-image: url('../../../images/bitcancel.png');
	border: 0;
    width: 14px;
    height: 14px;
    background-color: transparent;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
}

.bit_branch
{
	background-image: url('../../../images/branch.png');
	border: 0;
    width: 14px;
    height: 14px;
    background-color: transparent;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
}

.bit_comment
{
	background-image: url('../../../images/comment.png');
	border: 0;
    width: 14px;
    height: 14px;
    background-color: transparent;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
}




#ws_task
{
    margin-top: 5px;
    float: left;
    vertical-align: middle;
    padding-right: 20px;
    margin-right: 10px;
	max-width: 450px;
	width: 430px;
}

#main-menu
{
	display: none;
}

@media screen and (min-width: 900px) {

	#header #quick-search 
	{
		 position: relative; 
		 z-index: 999; 
		
	}

}

.select2-container
{
    float: left;
    padding-right: 20px;
}

.select2-results__options li:first-child
{
	display: none;
}

.task_subject
{
	max-width: 170px;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    margin: 0;
    line-height: 8px;
}

.task_lists
{
	list-style: none;
	margin-top:20px;	
}

.task_lists li
{
	padding-bottom: 10px;
}

.task_lists .start_timer
{
	float: none;
	margin-right: 0px;
}

.task_lists .copy_to_clipboard
{
	float: none;
		margin-right: 0px;
}

.task_lists input
{
	width: 200px;
	height: 20px;
	border-radius: 5px;
}