*
{
   font-family: Helvetica, sans-serif;
}

body
{
   background: #FFFFFA;
   margin: 0.5rem 3rem;
   overflow-y: scroll;
}

h1
{
   margin: 4px 0;
}

h2, h3
{
   margin: 2px 0;
}

table
{
   border-collapse: collapse;
}

thead
{
   font-weight: bold;
}

td
{
   border: 1px solid #9b9b9b;
   padding: 3px;
}

.branchVsBasesGrid
{
   width: 100%;
}

.branchVsBasesGrid tbody .hash
{
   font-family: monospace;
   max-width: fit-content;
}

.branchVsBasesGrid .vsBase
{
   text-align: center;
   width: 100px;
   min-width: 100px;
}

.branchVsBasesGrid .log
{
   width: 100%;
}

.moreLastFetchDataTooltipWrapper
{
   position: absolute;
   padding-top: 0.5rem;
   cursor: default;
   right: 0;
}

.moreLastFetchDataTooltip
{
   width: 400px;
   overflow-x: auto;
   background: white;
   padding: 0.5rem;
   border: 1px solid gray;
   border-radius: 0.5rem;
   color: black;
   font-weight: normal;
   line-height: 1.2;
}

.moreLastFetchDataTooltip .mono
{
   white-space: pre;
}

.blue
{
   color: #1963ff;
}

.true,
.green
{
   color: #00b300;
}

.false,
.red
{
   color: #e00000;
}

.branchSummaryGrid
{
   display: grid;
   width: max-content;
   border-left: 1px solid black;
   border-top: 1px solid black;
}

.branchSummaryGrid .gridHead
{
   background: #e1e1e1;
   font-weight: 600;
}

.branchSummaryGrid > div
{
   padding: 10px;
   border-right: 1px solid black;
   border-bottom: 1px solid black;
   text-align: center;
   background: white;
}

.branchSummaryGrid .commitCell
{
   text-align: left;
   display: flex;
   align-items: baseline;
   gap: 8px;
}

.branchSummaryGrid .commitCell,
.branchSummaryGrid .commitVsBase
{
   background: #F0F0F0;
}

.branchSummaryGrid .hash
{
   width: 64px;
}

.branchSummaryGrid .author
{
   width: 150px;
   text-align: center;
}

.branchSummaryGrid .date
{
   width: 80px;
   text-align: center;
   font-weight: 300;
   color: #404040;
}

.branchSummaryGrid .dateRange
{
   width: 140px;
   text-align: center;
   font-weight: 300;
   color: #404040;
}

.branchSummaryGrid .commitMessage
{
   white-space: pre;
   font-family: monospace;
   font-size: 12px;
   width: 400px;
   overflow-x: hidden;
   text-overflow: ellipsis;
}

.light
{
   color: #808080;
   font-weight: 300;
}

.mono
{
   font-family: monospace;
}

.link-icon
{
   color: #3b3b3b;
   cursor: pointer;
}

.link-icon:hover
{
   color: #1963ff;
}

.toggle-commits-icon-and-link
{
   display: inline-block;
   width: 50px;
   color: #9b9b9b;
}

.action-icon
{
   cursor: pointer;
   color: #9b9b9b;
}

.action-icon:hover
{
   color: #2ba2de;
}

.sortControl,
.filterControl
{
   margin: 0 12px;
   font-weight: 500;
   display: inline-block;
   position: relative;
   top: -3px;
   font-size: 14px;
}

.sortControl select,
.filterControl input
{
   margin-left: 4px;
   border-radius: 8px;
   border: 1px solid black;
   line-height: 1.5;
   height: 24px;
   padding: 0 4px;
}