/**
 * 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; }

html>body .tabular p:has(.chosen-container) {overflow: auto !important;}
p div.choosen-container {position: absolute !important;}
p div.chosen-container-single {position: absolute !important; min-width: 150px !important;}
p a.assign-to-me-link { position: relative !important; left: calc(50% + 65px) !important; bottom: -4px !important;}
@media screen and (max-width: 899px) {
    p div.chosen-container-single{
        left: 117px;
        min-width: 250px !important;
    }
}
/*IMMIDIENT*/
tr.priority-7 a { color: #34568B; }
tr.odd.priority-7, table.list tbody tr.odd.priority-7:hover { color: #ad0808; font-weight:bold;}
tr.odd.priority-7 { background: rgba(255, 111, 97, 0.5);}
tr.even.priority-7 { background: rgba(255, 111, 97, 0.5);}
tr.even.priority-7, table.list tbody tr.even.priority-7:hover { color: #ad0808; font-weight:bold;}

/*URGENT*/
tr.priority-6 a { color: #34568B; }
tr.odd.priority-6, table.list tbody tr.odd.priority-6:hover { color: #559; }
tr.odd.priority-6 { background: rgba(255, 111, 97, 0.3);}
tr.even.priority-6 { background: rgba(255, 111, 97, 0.3);}
tr.even.priority-6, table.list tbody tr.even.priority-6:hover { color: #559; }

/*HIGH*/
tr.priority-5 a { color: #34568B; }
tr.odd.priority-5, table.list tbody tr.odd.priority-5:hover { color: #559; }
tr.odd.priority-5 { background: rgba(255, 111, 97, 0.1);}
tr.even.priority-5 { background: rgba(255, 111, 97, 0.1);}
tr.even.priority-5, table.list tbody tr.even.priority-5:hover { color: #559; }

/*NORMAL*/
tr.priority-4 a { color: #34568B; }
tr.odd.priority-4, table.list tbody tr.odd.priority-4:hover { color: #559; }
tr.odd.priority-4 { background: #fafafa;}
tr.even.priority-4 { background: #fafafa;}
tr.even.priority-4, table.list tbody tr.even.priority-4:hover { color: #559; }

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

.overdue {
	border: 2px solid #FB7766 !important;
}

/*pre tag fix*/
div.wiki pre {
  margin: 1em 1em 1em 1.6em;
  padding: 8px;
  padding-bottom: 24px;
  background-color: #fafafa;
  border: 1px solid #e2e2e2;
  border-radius: 3px;
  width:auto;
  overflow-x: auto;
  overflow-y: hidden;
}


/* Приоритет: Высокий (новый)*/
#roadmap .priority-5.status-1 {
color: red !important;
}

/* Приоритет: Срочный (новый) */
#roadmap .priority-6.status-1 {
color: red !important;
}

/* Приоритет: Немедленный (новый) */
#roadmap .priority-7.status-1 {
color: red !important;
}

/* #Приоритет: Высокий (в процессе) */
#roadmap .priority-5.status-2 {
color: red !important;
}

/* #Приоритет: Срочный (в процессе) */
#roadmap .priority-6.status-2 {
color: red !important;
}

/* #Приоритет: Немедленный (в процессе) */
#roadmap .priority-7.status-2 {
color: red !important;
}

#header, #top-menu { margin: 0; }
#header { background-color: #333; padding: 8px 8px 0 8px; height: 5.5em; }
#header h1 { margin: 0 20px; }
#header #quick-search { margin: 0 24px; }
#header .root { color: #ff8800 }
#top-menu { background-color: #000; font-size: 12px; 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: #ff8800; 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; }

/* query totals */
.query-totals {text-align:right;margin-top:-2px;}

/* various */
body.controller-issues h2.inline-flex {
    padding-right: 15px;
}


/* Headers */

h2 { background-color: rgb(237, 243, 254);  padding: 5px 5px; font-size: 15px; color: #000; }

.wiki h1 { font-family:"Trebuchet MS",Verdana,sans-serif; font-weight: bold; background-color: rgba(195,195,195,0.2);  padding: 5px 10px; font-size: 17px; color: #000; }

.wiki h2 { font-family:"Trebuchet MS",Verdana,sans-serif; font-weight: bold; background-color: rgba(195,195,195,0.2);  padding: 5px 10px; font-size: 17px; color: #000; }

.wiki h3 { font-family:"Trebuchet MS",Verdana,sans-serif; font-weight: bold; background-color: rgba(195,195,195,0.2);  padding: 5px 13px; font-size: 14px; color: #000; }

h1, h2, h3, h4 { font-family: "Lucida Grande",arial,sans-serif; }

h1 { font-size: 20px; 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;}

div.issue div.wiki h3 { text-decoration: underline; }

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

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; }


/* Badge */
.badge {
  position:relative;
  font-weight:bold;
  font-size: 10px;
  bottom: 2px;
  padding: 1px 3px;
  margin-right: 2px;
  margin-left: 15px;
  border-radius: 2px;
  text-transform: uppercase;
  text-decoration: none;
}

/* 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; }

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 { 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: 120%; width: 90%; }

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

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

.contextual { font-size: 0.9em; font-family:verdana; }

hr { background:#eee none repeat scroll 0% 0%; }

div.issue { background: #FFFFEC; }
div.splitcontentleft ol li, div.splitcontentleft ul li, div.wiki ol li, div.wiki ul li { padding: 4px 0; }
div.wiki ul.toc li { padding: 0; }
ol li ol li { list-style-type: lower-alpha; }
ol li ol li ol li { list-style-type: lower-roman; }

input.autocomplete {
	padding-left: 20px !important;
}

#relations {
	border-top: 1px solid gray;
}

#issue_tree {
	 border-top: 1px solid gray;
}
.select2-results__option--highlighted{
  color: #000000 !important;
}

.select2-results__option--highlighted[aria-selected]{
  color: #000000 !important;
}