/* load the default Redmine stylesheet */
@import url(../../../stylesheets/application.css);

/*--------------------------------------------
 OVERRIDE DEFAULT COLORS
--------------------------------------------*/ 

/***** Layout *****/
#top-menu {background: #fe6f61;}
#header {background-color:#F5F5F5;color:#6b6b6b;}
#header a {color:#6b6b6b;}
#main-menu {background-color:#F5F5F5;}
#main-menu li a {color: #fe6f61;}
#main-menu li a:hover {background:#fe6f61;}
#main-menu li a.new-object { background-color:#fe6f61; color: white }
#main-menu .menu-children {border: 1px solid #182B30;}
#main-menu .menu-children li a {color: #fe6f61; }
#main-menu .menu-children li a:hover {color: #fff;}

/***** Links *****/
a, a:link, a:visited{ color: #182B30; }
a:hover, a:active{ color: #fe6f61; }
#sidebar a.selected {background-color:#fe6f61; }

/***** Tables *****/
tr.group span.count {background:#fe6f61;}
table.list tbody tr:hover { background-color:#DDD; }

div.journal ul.details a {color: #9fcf9f;}

.pagination ul.pages li.current {
    background-color: #fe6f61;
    border-color: #fe6f61;
}

.check_box_group {border:1px solid #9fcf9f;}

#content .tabs ul li a:hover {
    background-color: #ddd;
}

div.wiki ul.toc {
    background-color: #ddd;
}

#main-menu .menu-children li a {
    color: #fe6f61;
}
#main-menu .menu-children li a:hover {background-color: #fe6f61;}


/*--------------------------------------------
 LAYOUT CUSTOMIZATION
--------------------------------------------*/ 
h1, h2, h3, h4 { font-family: "Trebuchet MS", Verdana, sans-serif;}
h1 {margin:0; padding:0; font-size: 24px; color: #6b6b6b;}
h2, .wiki h1 {font-size: 26px;padding: 2px 10px 1px 0px;margin: 15px 0 25px 0; color: #6b6b6b;font-weight: 400;}
h3, .wiki h2 {font-size: 16px;padding: 2px 10px 1px 0px;margin: 0 0 10px 0; border-bottom: 0px solid #bbbbbb; color: #6b6b6b; font-weight: 400;}
h4, .wiki h3 {font-size: 13px;padding: 2px 10px 1px 0px;margin-bottom: 5px; border-bottom: 1px dotted #bbbbbb; color: #444;}

/***** Layout *****/
#top-menu {
    height: 40px;
    font-size: 0.9em;
    padding: 2px 2px 0px 6px;
    line-height: 34px;
}

#header {
    height: 6.3em;
    margin: 0;
    background-color: #F5F5F5;
    color: #f8f8f8;
    padding: 4px 8px 55px 6px;
    position: relative;
    /* border-bottom: 1px #FFF solid; */
}
#header a {color:#6b6b6b;}
#header h1 a.ancestor { font-size: 80%; }
#quick-search {float:right; margin-top: 23px;}

#main-menu li a {
    display: block;
    color: #fe6f61;
    text-decoration: none;
    font-weight: 400;
    margin: 0 15px 0 0 ;
    padding: 15px 15px 15px 15px;
}
#main-menu li a:hover {background:#fe6f61;}
#main-menu li a.new-object { background-color:#fe6f61; color:white;}
#main-menu li a.selected, 
#main-menu li a.selected:hover {
    color: #fe6f61;
    font-weight: 700;
}

#main-menu .menu-children {
    border: 1px solid #fe6f61;
}
#main-menu .menu-children li a {
    color: #fe6f61;
}
#main-menu .menu-children li a:hover {background-color: #fe6f61;}

#quick-search {
    float: right;
    margin-top: 23px;
}

/*body,#wrapper,#main { background-color:#EEEEEE; }
*/
/* Header Logo*/
body.controller-my #header, 
body.controller-welcome #header, 
body.controller-projects #header {
    background: url(../images/logo-interaktiv.png) #F5F5F5 no-repeat scroll 28px 20px;
    padding-left:170px;
}

/*Project title */
#header h1 {
    /*margin-top: 10px;*/
    color: #6B6B6B; 
    font-weight: normal; 
    white-space: nowrap; 
    text-overflow: ellipsis; 
    overflow: hidden; 
    padding-right: 10px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
body.controller-my #header h1, 
body.controller-welcome #header h1, 
body.controller-projects #header h1 {
   display: none;
}


/* Content */
#content {width: 78%;/* margin-top: 22px; */border-top: 0px #DDD solid;}
/*body.controller-my #content,
body.controller-welcome #content,
body.action-login #content,
body.controller-projects.action-index #content,
body.controller-users.action-show #content {margin-top: 0px !important;}
body.controller-issues .autoscroll {overflow-x: inherit}*/


/* Sidebar */
#sidebar{width: 20%;}
#sidebar a.selected {background-color: #fe6f61;}
#sidebar a.selected {padding: 5px;}

#sidebar h3 {color: #fe6f61; font-weight: bold;}
#sidebar li {line-height: 1.8rem}

/* Content Images */
div.wiki img{
  max-width: 100%;
  padding: 2px;
  background-color: #fafafa;
  border: 1px solid #dadada;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
  width: auto;
}
div.wiki .contextual img{
    max-width: initial;
    padding: initial;
    background-color: initial;
    border: initial;
    box-sizing: initial;
    width: initial;
}

/* Developer Notes */
p.devnote {
    border: 1px dotted #bbbbbb;
    padding: 5px;
    background-color: beige;
    font-weight: bold;
    margin-top: 6px;
    margin-bottom: 6px;
    display: inline-block;
}

p.devnote.full {
  display: block;
}

img.gravatar {
    padding: 2px;
    border: solid 1px #d5d5d5;
    background: #fff;
}
div.issue > img.gravatar {
    float: right;
    margin: 0 0 0 1em;
    padding: 5px;
}



/***** Progress bar *****/
table.progress {
    border: 1px solid #D7D7D7;
    border-collapse: collapse;
    border-spacing: 0pt;
    empty-cells: show;
    text-align: center;
    float:left;
    margin: 1px 6px 1px 0px;
}

table.progress td { height: 0.9em; }
table.progress td.closed { background: #84D53E none repeat scroll 0%; }
table.progress td.done { background: #DEF0DE none repeat scroll 0%; }
table.progress td.open { background: #FFF none repeat scroll 0%; }
p.pourcent {font-size: 80%;}
p.progress-info {clear: left; font-style: italic; font-size: 80%;}


/***** Tables *****/
table.list { border: 1px solid #e4e4e4;  border-collapse: collapse; width: 100%; margin-bottom: 4px; }
table.list th {  background-color:#f5f5f5; padding: 4px; white-space:nowrap; }
table.list td { vertical-align: top; padding-top: 5px !important; padding-bottom: 5px !important; }
table.list td.id { width: 2%; text-align: center;}
table.list td.checkbox { width: 15px; padding: 0px;}
table.list td.buttons { width: 15%; white-space:nowrap; text-align: right; }
table.list td.buttons a { padding-right: 0.6em; }
table.list caption { text-align: left; padding: 0.5em 0.5em 0.5em 0; }

tr.project td.name a { white-space:nowrap; }

tr.project.idnt td.name a {background: url(../../../images/bullet_arrow_right.png) no-repeat 0 50%; padding-left: 16px;}
tr.project.idnt-1 td.name {padding-left: 0.5em;}
tr.project.idnt-2 td.name {padding-left: 2em;}
tr.project.idnt-3 td.name {padding-left: 3.5em;}
tr.project.idnt-4 td.name {padding-left: 5em;}
tr.project.idnt-5 td.name {padding-left: 6.5em;}
tr.project.idnt-6 td.name {padding-left: 8em;}
tr.project.idnt-7 td.name {padding-left: 9.5em;}
tr.project.idnt-8 td.name {padding-left: 11em;}
tr.project.idnt-9 td.name {padding-left: 12.5em;}

tr.issue { text-align: center; white-space: nowrap; }
tr.issue td.subject, tr.issue td.category, td.assigned_to { white-space: normal; }
tr.issue td.subject { text-align: left; }
tr.issue td.done_ratio table.progress { width: 50px !important; margin-left: 14px !important;}
tr td.todo { background: #FFF; padding-top: 5px !important; padding-bottom: 5px !important; width: 44px !important;}


tr.issue.idnt td.subject a {background: url(../../../images/bullet_arrow_right.png) no-repeat 0 50%; padding-left: 16px;}
tr.issue.idnt-1 td.subject {padding-left: 0.5em;}
tr.issue.idnt-2 td.subject {padding-left: 2em;}
tr.issue.idnt-3 td.subject {padding-left: 3.5em;}
tr.issue.idnt-4 td.subject {padding-left: 5em;}
tr.issue.idnt-5 td.subject {padding-left: 6.5em;}
tr.issue.idnt-6 td.subject {padding-left: 8em;}
tr.issue.idnt-7 td.subject {padding-left: 9.5em;}
tr.issue.idnt-8 td.subject {padding-left: 11em;}
tr.issue.idnt-9 td.subject {padding-left: 12.5em;}

tr.entry { border: 1px solid #f8f8f8; }
tr.entry td { white-space: nowrap; }
tr.entry td.filename { width: 30%; }
tr.entry td.size { text-align: right; font-size: 90%; }
tr.entry td.revision, tr.entry td.author { text-align: center; }
tr.entry td.age { text-align: right; }
tr.entry.file td.filename a { margin-left: 16px; }

tr span.expander {background-image: url(../../../images/bullet_toggle_plus.png); padding-left: 8px; margin-left: 0; cursor: pointer;}
tr.open span.expander {background-image: url(../../../images/bullet_toggle_minus.png);}

tr.changeset td.author { text-align: center; width: 15%; }
tr.changeset td.committed_on { text-align: center; width: 15%; }

table.files tr.file td { text-align: center; }
table.files tr.file td.filename { text-align: left; padding-left: 24px; }
table.files tr.file td.digest { font-size: 80%; }

table.members td.roles, table.memberships td.roles { width: 45%; }

tr.message { height: 2.6em; }
tr.message td.subject { padding-left: 20px; }
tr.message td.created_on { white-space: nowrap; }
tr.message td.last_message { font-size: 80%; white-space: nowrap; }
tr.message.locked td.subject { background: url(../../../images/locked.png) no-repeat 0 1px; }
tr.message.sticky td.subject { background: url(../../../images/bullet_go.png) no-repeat 0 1px; font-weight: bold; }

tr.version.closed, tr.version.closed a { color: #999; }
tr.version td.name { padding-left: 20px; }
tr.version.shared td.name { background: url(../../../images/link.png) no-repeat 0% 70%; }
tr.version td.date, tr.version td.status, tr.version td.sharing { text-align: center; }

tr.user td { width:13%; }
tr.user td.email { width:18%; }
tr.user td { white-space: nowrap; }
tr.user.locked, tr.user.registered { color: #aaa; }
tr.user.locked a, tr.user.registered a { color: #aaa; }

tr.time-entry { text-align: center; white-space: nowrap; }
tr.time-entry td.subject, tr.time-entry td.comments { text-align: left; white-space: normal; }
td.hours { text-align: right; font-weight: bold; padding-right: 0.5em; }
td.hours .hours-dec { font-size: 0.9em; }

table.plugins td { vertical-align: middle; }
table.plugins td.configure { text-align: right; padding-right: 1em; }
table.plugins span.name { font-weight: bold; display: block; margin-bottom: 6px; }
table.plugins span.description { display: block; font-size: 0.9em; }
table.plugins span.url { display: block; font-size: 0.9em; }

table.list tbody tr.group td { padding: 0.8em 0 0.5em 0.3em; font-weight: bold; border-bottom: 1px solid #ccc; }
table.list tbody tr.group span.count {background: #50A10A; /*color: #aaa; font-size: 80%;*/ }

table.list tbody tr:hover { background-color:#DDD; }
table.list tbody tr.group:hover { background-color:inherit; }
table td {padding:2px;}
table p {margin:0;}
.odd {background-color:#f6f7f8;}
.even {background-color: #fff;}

a.sort { padding-right: 16px; background-position: 100% 50%; background-repeat: no-repeat; }
a.sort.asc  { background-image: url(../../../images/sort_asc.png); }
a.sort.desc { background-image: url(../../../images/sort_desc.png); }

table.attributes { width: 100% }
table.attributes th { vertical-align: top; text-align: left; }
table.attributes td { vertical-align: top; }

table.boards a.board, h3.comments { background: url(../../../images/comment.png) no-repeat 0% 50%; padding-left: 20px; }

td.center {text-align:center;}


/*----------------------------------------*\
  RESPONSIVE CSS
\*----------------------------------------*/
@media all and (max-width: 899px)
{   
    /* Header background color */
    #wrapper #header {
      background-color: #fe6f61;
      background-image: none;
    }

    #wrapper #header #quick-search select option {
        color: #6b6b6b;
      }

    /* Flyout menu colors */
    #wrapper .flyout-menu {
      background-color: #005f00;
    }

    /* Flyout menu headings background */
    #wrapper .flyout-menu h3 {
      border-top: 1px solid #9fcf9f;
      border-bottom: 1px solid #9fcf9f;
      background-color: #50A10A;
    }
}