/**
 * TW-Style theme version 2.0.1, Copyright (C) 2024 Tomy Shen
 *
 * Author: Tomy Shen (tomy843012@hotmail.com)
 * Website: https://redmine-tw.net
 * @2024-01-13
 * @license https://opensource.org/license/mit/
 *
 */

 @import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css");
 @import url("../../../stylesheets/application.css");
 /* #3E5B76 */
 #top-menu li { padding-right: 5px; }
 #top-menu a  { font-weight: unset; }
 #header { background-color: white; min-height: 4.4em;box-shadow: 0px 5px 10px -5px lightgray; }
 #header h1 { color: black; margin-top: 5px; font-family: "Courier Prime", monospace , system-ui, "Trebuchet MS", Verdana, sans-serif; }
 #header a { color: black; }
 #quick-search { margin-top: 8px; }
 #main-menu li a { color: black; font-weight:normal; border-bottom: 3px solid transparent; }
 /* #main-menu li a:hover { background: #fff; color: black; border-bottom: 3px solid lightcoral; } */
 #main-menu li a:hover { background: #fff; color: black; border-bottom: 3px solid #628DB6; }
 #main-menu li a.new-object { background-color: transparent; }
 #main-menu li a.new-object:hover { background: #fff; color: black; border-bottom: 3px solid transparent; }
 /* #main-menu li a.selected, #main-menu li a.selected:hover { background: lightcoral; color: white; border-bottom: 0 solid transparent; border-radius: 50em; } */
 #main-menu li a.selected, #main-menu li a.selected:hover { background: #628DB6; color: white; border-bottom: 0 solid transparent; border-radius: 50em; }
 #main-menu .menu-children li a { border-bottom: 3px solid transparent; }
 #main-menu .menu-children li a:hover { border-bottom: 3px solid transparent; }
 #main       { border-top: 1px solid lightgray; }
 #sidebar    { background: whitesmoke; }
 #projects-index { column-width: unset; -webkit-column-width: unset; margin:-5px; }
 #projects-index ul.projects.root { display: flex ;flex-wrap: wrap; }
 #projects-index ul.projects li.root { box-shadow: 0 3px 9px rgba(0,0,0,.2); border-radius: 8px; margin: 8px; width: calc(25% - 10px); }
 #projects-index a.icon-user.icon-bookmarked-project { background-image: url(icons/bookmarked-project.png), url(icons/user.png); }
 #history .tab-content { padding: 0 12px; box-shadow: 0 1px 3px rgba(0,0,0,.07); border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; }
 #content .tabs ul li a { border: 1px solid transparent; }
 #document-list .document-group { padding: 18px; border: 1px solid lightgray; box-shadow: 0 1px 3px rgba(0,0,0,.07); }
 #footer::after { content:"\A LONDRINET Telecomunicações © 2024"; white-space: pre-wrap; }
 #login-form { border: 1px solid transparent; background-color: transparent; }
 input#login-submit { color: white;background: #3E5B76; border: 0px; }
 input#username, input#password { border-top: 0px;border-left: 0px; border-right: 0px; border-radius: 0px; }
 
 body { font-size: 14px; }
 table { border-spacing: 0; border-collapse: collapse; }
 table.list, .table-list { border-collapse: collapse; line-height: 22px; }
 table.list th a, table.list .table-list-header a { color: #212136; }
 table.list th, .table-list-header { background-color: transparent; border-bottom: 1px solid lightgray; padding-bottom: 8px; }
 table.list th.activity, table.list th.assigned_to, table.list th.attachments, table.list th.author, table.list th.category, table.list th.comments, table.list th.description, table.list th.fixed_version, table.list th.last_notes, table.list th.last_updated_by, table.list th.name, table.list th.parent-subject, table.list th.priority, table.list th.relations, table.list th.roles, table.list th.status, table.list th.string, table.list th.subject, table.list th.text, table.list th.tracker, table.list th.user, table.list td.activity, table.list td.assigned_to, table.list td.attachments, table.list td.author, table.list td.category, table.list td.comments, table.list td.description, table.list td.fixed_version, table.list td.last_notes, table.list td.last_updated_by, table.list td.name, table.list td.parent-subject, table.list td.priority, table.list td.relations, table.list td.roles, table.list td.status, table.list td.string, table.list td.subject, table.list td.text, table.list td.tracker, table.list td.user {
     text-align: left;
 }
 table.list:not(.odd-even) tbody tr:nth-child(odd):hover, .odd:hover, #issue-changesets div.changeset:nth-child(odd):hover, table.list:not(.odd-even) tbody tr:nth-child(even):hover, .even:hover, #issue-changesets div.changeset:nth-child(even):hover {
     background-color: #FEFBE7;
 }
 table.boards a.board { background: url(icons/icon-forum.png) no-repeat 0% 50%; }
 td.subject.icon { background: url(icons/icon-topic.png) no-repeat 0% 50%; }
 div.issue { padding:20px; margin-top: 2px; background: cornsilk; box-shadow: 0 3px 9px rgba(0,0,0,.2); }
 div#history { margin-top: 18px; }
 div#replies { padding-left: 28px; }
 a.atom { background-image: url(icons/feed.png); padding-top: 4px; padding-left: 18px; }
 legend { margin-left: 8px; }
 
 #project-jump .drdn-trigger { padding-left: 10px; background: #fff url(icons/Arrow_down.png) no-repeat 97% 50%; border-radius: 25px; }
 #project-jump .drdn-content { padding: 2px; margin-top: 4px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; }
 input.autocomplete { background: #fff url(icons/magnifier.png) no-repeat 4px 50%; padding-left:24px !important; }
 
 .document-item    { padding-bottom: 10px; padding-left: 38px; }
 .box              { border-radius: 8px; padding: 12px; }
 .nodata, .warning { background-color: #fff3cd; border-color: #ffecb5; }
 
 /* Submit button */
 input[type="submit"] { background-color: #4169E1; color: #FFF; border: none; padding: 0 12px; border: 1px solid #A7C7E7; }
 input[type="submit"]:hover { background-color: #A7C7E7; }
 /* Button style */
 .contextual > :not(:first-child) { margin-left: 3px; }
 .contextual  .icon.icon-zoom-out, .icon.icon-zoom-in {
   padding-left: 26px;
   padding-right: 10px;
   display: inline-block;
   height: 22px;
   line-height: 22px;
   vertical-align: middle;
   background-color: #eeeeee;
   border-radius: 3px;
   background-position: 15% 50%;
 }
 /* Badge */
 .badge { padding: 2px 5px; font-size: 11px; }
 /* Icons */
 .icon-add               { background-image: url(icons/add.png); }
 .icon-checked           { background-image: url(icons/check.png); }
 .icon-reload            { background-image: url(icons/reload.png); }
 .icon-save              { background-image: url(icons/save.png); }
 .icon-time-add          { background-image: url(icons/time-add.png); }
 .icon-settings          { background-image: url(icons/settings.png); }
 .icon-bookmark          { background-image: url(icons/bookmark.png); }
 .icon-bookmark-off      { background-image: url(icons/bookmark-off.png); }
 .icon-edit              { background-image: url(icons/edit.png); }
 .icon-group             { background-image: url(icons/group.png); }
 .icon-help              { background-image: url(icons/help.png); }
 .icon-user              { background-image: url(icons/user.png); }
 .icon-time              { background-image: url(icons/time.png); }
 .icon-list              { background-image: url(icons/list.png); }
 .icon-del               { background-image: url(icons/del.png); }
 .icon-import            { background-image: url(icons/import.png); }
 .icon-copy              { background-image: url(icons/copy.png); }
 .icon-copy-link         { background-image: url(icons/copy-link.png); }
 .icon-view              { background-image: url(icons/view.png) !important; }
 .icon-lock              { background-image: url(icons/lock.png); }
 .icon-locked            { background-image: url(icons/lock.png); }
 .icon-zoom-in           { background-image: url(icons/zoom-in.png); }
 .icon-zoom-out          { background-image: url(icons/zoom-out.png); }
 .icon-sort-handle       { background-image: url(icons/sort-handle.png); }
 .icon-download          { background-image: url(icons/download.png); }
 .icon-attachment        { background-image: url(icons/attachment.png); }
 .icon-history           { background-image: url(icons/history.png); }
 .icon-comment           { background-image: url(icons/comment.png); }
 .icon-email-add         { background-image: url(icons/email-add.png); }
 .icon-passwd            { background-image: url(icons/passwd.png); }
 .icon-news              { background-image: url(icons/news.png); }
 .icon-projects          { background-image: url(icons/project.png); }
 .icon-package           { background-image: url(icons/package.png); }
 .icon-issue             { background-image: url(icons/issue.png); }
 .icon-issue-edit        { background-image: url(icons/issue-edit.png); }
 .icon-workflows         { background-image: url(icons/workflows.png); }
 .icon-plugins           { background-image: url(icons/plugins.png); }
 .icon-roles             { background-image: url(icons/roles.png); }
 .icon-custom-fields     { background-image: url(icons/custom-fields.png); }
 .icon-bookmarked-project{ background-image: url(icons/bookmarked-project.png); }
 
 /* Website LOGO */
 div#top-menu {
     background-color: #343875;
     background-image: url("icons/logoLondrinet.png");
     background-size: 140px 50px;
     background-repeat: no-repeat;
     background-position: relative;
     padding-left: 130px;
     padding-top: 20px;
     color: #268adb;
 }
 /* Responsive RWD */
 @media screen and (max-width: 899px) {
     #header {background-image: url("icons/logoLondrinet.png"); background-size: 140px 50px; background-color: #343875 !important; padding-left: 130px; padding-top: 20px; background-repeat: no-repeat; text-align: end; }
     .flyout-menu { background-color: #628DB6 !important; }
     .flyout-menu h3 { background-color: #003153 !important; }
 }
 @media screen and (max-width: 1080px) {
     #projects-index ul.projects li.root { width: calc(33.333% - 10px); }
 }
 @media screen and (max-width: 880px) {
     #projects-index ul.projects li.root { width: calc(50% - 10px); }
 }
 @media screen and (max-width: 600px) {
     #projects-index ul.projects li.root { width: calc(100% - 10px); }
 }
 /* Page transition */
 #main {
     animation: fadeInAnimation ease-in-out 0.6s;
     animation-iteration-count: 1;
     animation-fill-mode: forwards;
 }
 @keyframes fadeInAnimation {
     0% {opacity: 0;}
     100% {opacity: 1;}
 }
 /* Fixed header
 #wrapper { width:100%; height: 100vh; }
 #main { display: flex; flex: 1 1 auto; overflow: auto;}
 */
 /*
 div#top-menu {
     position: fixed;
     top: 0px;
     left: 0px;
     right: 0px;
     z-index: 10100;
 }
 #header { margin-top: 44px; }
 */
 
 /* Global */
 h1, h2, h3, h4, h5, h6 { font-family: system-ui, "Trebuchet MS", Verdana, sans-serif; }
 /* Top MENU #5B7493 */
 #top-menu { background-color: #5B7493; font-size: 1em; padding: 6px 14px; height: unset; line-height: 1.8em; }
 #top-menu a { 
    background-color: none;
    /* opacity: 30%;  */
    border-color: #628db6; 
    border-radius: 10px 100px / 120px;
    margin: 2px;
    padding: 4px;

  }
 #top-menu a:hover { color: red; background-color: #999999; opacity: 6.6; text-decoration: none; margin: 2px; font-size: 1em;  height: unset; line-height: 1.8em; border-color: #628db6; border-radius: 10px 100px / 120px; padding: 4px; }
  
 /* Search Bar */
 #quick-search form label a { visibility: hidden; position: sticky; }
 #quick-search form label a::after {
     visibility: visible;
     font-family: FontAwesome; 
     font-size: 16px; 
     display: inline-block; 
     content: '\f002';
     top: 0;
     left: 0;
 }
 #quick-search form { margin-right: 4px; }
 #quick-search #q { margin-left: -32px; border-radius: 25px; }
 #quick-search #project-jump { box-shadow: 0 0px 3px rgba(0,0,0,.1);border-radius: 25px; }
 input#q.small { padding-left: 24px; box-shadow: 0 0px 3px rgba(0,0,0,.1); } /* dialog cursor position*/
 #quick-search #q:focus { border: 1px solid rgb(202, 0, 0); } 
 /* Settings section */
 #content .tabs ul li a { font-weight: unset; }
 #content .tabs ul li a.selected { font-weight: bold; color: #169; }
 .tabular label { font-weight: unset; }
 .box legend { font-weight: bold; }
 /* Overview module */

 /* Minha Página */
 .mypage-box {
     padding: 12px;
     background-color: #dadada;
     border: 1px solid #e4e4e4;
     border-radius: 8px;
     box-shadow: 0 1px 3px rgba(0,0,0,.07);
 }
 /* Activity module */
 /*  Modulo Atividade */
 div#activity h3 { background-color: transparent; margin-bottom: 0px; }
 div#activity dd .description, #search-results dd .description { font-style: normal; }
 div#activity dl {
     margin-left: 0px;
     padding: 0px 20px;
     background-color: #dadada;
     border: 1px solid #e4e4e4;
     border-radius: 10px;
     border-left: 0px;
     border-right: 0px;
     margin-top: 2px;
 }
 /* Roadmap percentage bar*/ 
 /* Barra de porcentagem do roteiro*/
 #roadmap { margin-left: 10px; }
 table.progress td:first-child { border-top-left-radius: 6px; border-bottom-left-radius: 6px; }
 table.progress td:last-child { border-top-right-radius: 6px; border-bottom-right-radius: 6px; }
 table.progress td.closed { background: #00c600 none repeat scroll 0%; }
 .version-overview table.progress td, table.progress td { Height: .5em; }
 /* Calendar module */
 /* Módulo calendário */
 table.cal          { border: 0 !important; border-width: 0px !important; } /* Table border */
 table.cal thead th { background-color: transparent !important; padding-bottom: 8px !important; } /* Table top row */
 table.cal td.week-number { border: 0 none !important; background-color: transparent !important; } /* Table left column  */
 table.cal td       { border: 1px solid #adb5e4 !important; border-radius: 8px;} /* every td border */
 table.cal td.today { background: rgb(255, 222, 91) !important; border-radius: 8px;} /* Today's background color */
 
 ul.cal             { border: 0; } /* compatible with Redmine 5.1*/
 .cal .calbody      { margin-right: -1px; margin-top: -1px; border-bottom: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7; }
 .cal .week-number  { background-color: transparent; }
 .cal .calhead      { background-color: transparent; margin-bottom: 4px; }
 .cal div.issue     { padding:unset; background: rgb(216, 215, 131);padding: 4px; border-radius: 16px;}
 /* News module */
 article.news-article {
     padding: 18px;
     background-color: #ebebeb;
     border: 1px solid #c2c2c2;
     border-radius: 8px;
     box-shadow: 0 1px 3px rgba(0,0,0,.07);
     margin-bottom: 15px;
 }
 h3.comments {
     padding-top: 2px;
     padding-bottom: 3px;
     background-image: url(icons/comment.png);
     background-position: 0% 50%;
     background-repeat: no-repeat;
     padding-left: 20px;
 }
 /* Gantt moudle*/
 .task_late { background: #f66; }
 .task_done { background: #00c600; }
 /* Wiki module */
 div.wiki h1, div.wiki .h1, div.wiki h2, div.wiki .h2, div.wiki h3, div.wiki .h3, div.wiki h4, div.wiki .h4, div.wiki h5, div.wiki .h5, div.wiki h6, div.wiki .h6 {
     margin-top: 1.1em; margin-bottom: 0.25em; font-weight: 300;
 }
 div.wiki h1, div.wiki .h1 {
     padding-bottom: 0.3em;
     border-bottom: 1px solid #dadce6;
     font-size: 2.45em;
     line-height: 1.2;
 }
 div.wiki h2, div.wiki .h2 {
     padding-bottom: 0.3em;
     border-bottom: 1px solid #dadce6;
     font-size: 1.75em;
     line-height: 1.225;
 }
 div.wiki h3, div.wiki .h3 { padding-bottom: .2em; font-size: 1.25em; font-weight: 500; }
 div.wiki .toc { line-height: unset; padding: 10px 18px 14px 18px; border-radius: 15px; font-size: 1em; }
 div.wiki ul.toc a { font-size: 1.25em; }
 div.wiki ul.toc a:hover { text-decoration: none; }
 div.wiki ul.toc {
     padding: 12px 20px;
     margin-bottom: 20px;
     background-color: #f9fafb;
     border: 1px solid #e3e5ec;
     box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.3);
 }
 /* Plugin redmine-agile */
 body .issue-card { background-color: cornsilk; }
 div.agile-board.autoscroll { background-color: whitesmoke; }
 .agile-board table.list.issues-board tbody tr { background-color: whitesmoke !important; }
 .planning-board .column-header { text-align: center; }
 .planning-board { background-color: whitesmoke; }
 /* Plugin additionals */
 .active-dashboards ul,.recently-updated ,.dashboards { max-height: 100%; }
 #sidebar a.dashboard.selected { line-height: 1.7em; padding: 3px 12px 4px 11px; background-color: #C8C8C8; border-radius: 18px; }
 a.dashboard { line-height: 1.7em; padding: 3px 12px 4px 11px; margin-left: -2px; }
 /* Plugin local_avatars */
 body.avatars-on div.journal h4 img.gravatar { margin-left: -32px; }
 body.avatars-off div.journal h4 img.gravatar { margin-left: 0px; }
 img.gravatar, div.gravatar-with-child > img.gravatar:nth-child(2) { 
     border-radius: 160px; -moz-border-radius: 160px; -webkit-border-radius: 160px;
 }
 /* Collapsible sidebar toggle  */
 #main #sidebar { padding: 20px 20px; }
 #sidebar {
     will-change: margin;
     transition: margin .5s;
     flex: 0 0 250px;
     order: -1;
 }
 #sidebar.sidebar-hidden { display: none; }
 #sidebar.sidebar-hiding { margin-right: -291px; }
 .sidebar-toggler.sidebar-hidden { background-image: url(icons/ArrowBack.png); }
 .sidebar-toggler {
     display: block;
     position: absolute;
     z-index: 2;
     bottom: -3px;
     width: 14px;
     height: 16px;
     transform: translateY(100%);
     background-color: #eff0f4;
     background-position: center;
     line-height: 1;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     right: 0;
     background-image: url(icons/ArrowForward.png);
 }