body {
  font-size: .875rem;
}

.feather {
  width: 16px;
  height: 16px;
  vertical-align: text-bottom;
}

/* Navbar */

.navbar-brand {
  font-size: 1.25rem;
  margin-right: 0.5rem;
  --background-color: rgba(0, 0, 0, .25);
  --box-shadow: inset -1px 0 0 rgba(0, 0, 0, .25);
}

.navbar {
  line-height: 1;
  padding: 0.25rem;
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.75);
}

.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
    color: rgba(255, 255, 255, 0.90);
}

.navbar .nav-item {
  font-size: 1rem;
  padding: 0;
  border-width: 0;
  border-radius: 0;
}

.navbar .nav-link {
  padding: 0.1rem;
}

/* .. */

.table-hover tbody tr:hover {
  color: rgba(255, 255, 255);
  background-color: rgba(0, 123, 255);
}

.form-control-dark {
  color: #fff;
  background-color: rgba(255, 255, 255, .1);
  border-color: rgba(255, 255, 255, .1);
}

.form-control-dark:focus {
  border-color: transparent;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, .25);
}

/* .. */

.round-corners
{
 -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/;
 -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/;
 -khtml-border-bottom-left-radius: 4px/*{cornerRadius}*/;
 border-bottom-left-radius: 4px/*{cornerRadius}*/;
}

nav .btn-group
{
  padding: 0.1rem 0.20rem;
}

nav .btn
{
  padding: 0.05rem 0.35rem;
  color: #bbbbbb;
}

nav .navbar-right-icons
{
  color: #ffffff;
}

#titleCompetition
{
  padding: 0.35rem 0.35rem;
  margin: 0;
  color: #ffffff;
}

.parscores
{
 margin: 0px;
 padding 2px;
}

div.pardetails 
{
  font-family: Arial, Helvetica, sans-serif;
}
 
div.pardetails table.results
{
 font-size: 1.05em; /*12pt;*/
 background-color: #ffffff;/*#E7E7FF;*/
 color: #000000;
 border-top: 1px solid #a2a2a2; /* #7070FF;*/
 border-left: 1px solid #e6e6e6; /* #7070FF;*/
 border-bottom: 0;
 border-right: 0;
}

div.pardetails table.results tr:nth-child(even)
{
 background-color: #f3f3f3;
}

div.pardetails table.results th
{
 font-size: 0.9em; /*10pt;*/
 background-color: #737373;/*#4040C0;*/
 color: #FFFFFF;
 border-top: 0;
 border-left: 0;
 border-bottom: 1px solid #d2d2d2;/* #7070FF;*/
 border-right: 1px solid #a2a2a2;/* #7070FF;*/
 text-align: center;
}

div.pardetails table.results th.chscore
{
 width: 31px;
}

div.pardetails table.results th.chsoff
{
 width: auto;
}

div.pardetails table.results th.chtot
{
 width: 48px;
}

div.pardetails table.results td
{
 text-align: right;
 border-top: 0;
 border-left: 0;
 border-bottom: 1px solid #e6e6e6;/* #7070FF;*/
 border-right: 1px solid #f2f2f2;/* #7070FF;*/
 padding: 0px 5px 0px 0px;
}

div.pardetails table.results tr td span
{
 position: relative;
 left: 2px;
 top: 2px;
 padding: 0;
 margin: 0;
}

div.pardetails table.results span.st
{
 font-size: 0.75em; /*8pt;*/
}

div.pardetails table.results td.ss
{
 background-color: #618eff;
 color: #ffffff;
}

div.pardetails table.results td.ssoff
{
 width: 32px;
 color: #4f3faf;
}

div.pardetails table.results td.sit
{
 background-color: #d4ffe0;
}

div.pardetails table.results tr:nth-child(even) td.sit
{
 background-color: #c0ffc9;
}


div.pardetails table.results td.stot
{
 /* font-weight: 600; */
 /* padding-left: 4px; */
 /*background-color: #f0f0f0;*/
}

div.pardetails table.results td.tot
{
 font-size: 14pt;
 font-weight: bold;
 background-color: #E0E0E0;
}

div.pardetails .total 
{
  float: right;
  margin: 0;
  padding: 0 4px 0 1px;
  display: inline-block;
  width: 68px;
  text-align: right;
  font-weight: bold;
  font-size: 14pt;
}

div.pardetails .estimate {
  margin: 0;
  padding: 0 1px 0 1px;
  display: inline-block;
  width: 78px;
  text-align: right;
  font-style: italic;
  font-size: 14pt;
}

.partop
{
 min-height: 53px;
 background-color: #f0f0f0;
 border-style: solid;
 border-width: 1px 1px 0px 1px;
 border-color: #d7d7d7;
 padding: 0;
 border-top-left-radius: 5px;
 border-top-right-radius: 5px;
}

.parheader 
{
 padding: 0 4px 0 4px;
 line-height: 1.75em;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
}

.parmain
{
 vertical-align: top;
}

.parbody 
{
 margin: 0px 0px -4px 0px;
 padding: 2px;
}

.parbodyleft
{
 display: inline-block; 
 margin: 0;
 padding: 0;
}

.pardetails
{
 display: inline-block;
 vertical-align: top;
 padding-left: 2px;
 /*
 border-style: solid;
 border-width: 1px;
 border-color: #a7ffa7;
 */
}

.parbodyleftfooter
{
 background-color: #fafafa;
 border-style: solid;
 border-width: 0px 1px 1px 1px;
 border-color: #e4e4e4;
 margin: 0px 2px 4px 0px;
}

.partarget 
{
 border-style: solid;
 border-width: 1px;
 border-color: #eaeaea;
 width: 222px;
 height: 222px;
}

.parlastshot
{
  margin: 0;
  padding: 0 0 0 4px;
  display: block;
  text-align: left;
  /*font-weight: bold;*/
  color: #00008a;
}

.parseries 
{
  margin: 0;
  padding: 0;
  line-height: 16px;
  height: 32px;
  vertical-align: middle;
}

.parserie 
{
  margin: 0;
  padding: 0 4px 0 0;
  display: inline-block;
  width: 48px;
  text-align: right;
}

.parsmserie 
{
  margin: 0;
  padding: 0 4px 0 0;
  display: inline-block;
  width: 48px;
  text-align: right;
}

.partotals
{
  /*line-height: 14px;*/
  /*background-color: #f7f7f7;*/
}

div.partotals .total 
{
  float: right;
  margin: 0;
  padding: 0 4px 0 1px;
  display: inline-block;
  width: 48px;
  text-align: right;
  font-weight: bold;
}

div.partotals .estimate {
  margin: 0;
  padding: 0 1px 0 1px;
  display: inline-block;
  width: 68px;
  text-align: right;
  font-style: italic;
}

#overallcontainer
{
 /*min-width: 1300px;*/
 /* padding: 0px 5px 0px 5px; */
}

#favourites
{
  /*min-width: 1300px;*/
 background-color: #ffffff;
 padding: 0 0 0.25rem 0;
}

.favourite 
{
 /*
 border-top-color: #f5f8fb;
 border-left-color: #e8f4ff;
 border-right-color: #89c3fd;
 border-bottom-color: #89c3fd;
 */
/*
 border-style: solid;
 border-width: 1px;
 border-color: #ebf5ff;
*/ 
 border: 0;
 width: 228px;
 padding: 0;
 margin: 1px 4px 4px 1px; 
 border-top-left-radius: 5px;
 border-top-right-radius: 5px;
 border-bottom-left-radius: 5px;
 border-bottom-right-radius: 5px;
 background-color: #f4f9ff;
 box-shadow: 0 0.125rem 0.15rem rgba(0, 0, 0, 0.05) !important;
}

.favourite .partop 
{
 background-color: #d7ebff;
 border-color: #c9e4ff;
}

.favbuttons
{
 float: right;
 width: 26px;
 height: 36px;
}

.favbi
{
 /*line-height: 122px;*/
 vertical-align: top;
}

.favbtnx,
.favbtnexpand,
.favbtncollapse
{
 display: block;
 /*line-height: 1.5em;*/
 /*float: right;*/
 /*vertical-align: top;*/
 /*text-align: center;*/
 padding: 1px;
 margin: 1px 1px 1px 1px;
 width: 24px;
 height: 24px;
}

.favico
{
  color: #738fac;
}

.favico-sel
{
  color: #3e90e6;
}

#resultlistTable
{
  font-family: Arial, Helvetica, sans-serif;
}

#resultlistTable th,
#resultlistTable td
{
  padding: 0.2rem;
}

#resultlistTable .cn-favourite
{
  width: 26px;
}

#resultlistTable .cn-favourite,
#resultlistTable .cn-rk,
#resultlistTable .cn-ln,
#resultlistTable .cn-ss-1,
#resultlistTable .cn-ss-2,
#resultlistTable .cn-ss-3,
#resultlistTable .cn-ss-4,
#resultlistTable .cn-ss-5,
#resultlistTable .cn-ss-6,
#resultlistTable .cn-ss-7,
#resultlistTable .cn-ss-8,
#resultlistTable .cn-ss-9,
#resultlistTable .cn-ss-10,
#resultlistTable .cn-it,
#resultlistTable .cn-tot,
#resultlistTable .cn-est
{
  text-align: right;
} 

#resultlistTable .ital
{
  font-style: italic;
}

#resultlistTable td.vag
{
  color: rgba(105, 105, 105);	
}

#resultlistTable tr:hover td.vag
{
  color: rgba(200, 200, 200);	
  background-color: rgba(0, 123, 255);
}

#resultlistTable tr:hover .favico,
#resultlistTable tr:hover .favico-sel
{
  color: rgba(239, 239, 239);	
}

#resultlistTable tr:hover .downloadico
{
  color: rgba(228, 228, 228);	
}


.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top:0;
    left:2rem; /* 10rem is the min-width of dropdown-menu */
    margin-top:1.5rem;
}

/* rotate caret on hover */
.dropdown-menu > li > a:hover:after {
    text-decoration: underline;
    transform: rotate(-90deg);
} 

.dropdown-menu.show {
  /*max-height: 80vh;*/
  /*overflow-y: auto;*/
}

/*
#menuItems {
  max-height: 80vh;
  overflow-y: auto;
}
*/

#mainMenuItems ul.dropdown-menu {
  max-height: 80vh;
  overflow-y: auto;
  overscroll-behavior-y: contain;
}

#resultlistForm
{
 height: 2.5rem;
 padding: 0.25rem 0rem 0.25rem 0rem;
}

#resultlistForm .form-control,
#resultlistForm .input-group-text
{
 padding: 0.1rem 0.5rem 0.1rem 0.5rem;
 height: 2rem;
}