html, body{
    font-family: 'Open Sans ','Cabin', sans-serif;
    font-size: 14px;
	background: #e0e0e0;
    color:dimgrey;
}
.btmBorder
{
    border-bottom: 2px solid #ffb400;
    margin-bottom:10px;

}
.GrdTable{
     border-right: 1px solid #cccccc;
          border-top: none;
          width:100%;
}
.GrdTable td{
    padding:4px;
    border-left: 1px solid #cccccc;
       border-bottom: 1px solid #cccccc;
         border-right: none;
          border-top: none;
}
.formTable td{
    padding:4px;
   
}
.GrdTable th a{
   
          color:white;
}
.GrdTable th{
    padding:4px;
    border-left: 1px solid #55acee;
       border-bottom: 1px solid #55acee;
         border-right: none;
          border-top:  1px solid #55acee;
          background-color:#55acee;
          color:white;
          text-align:center;
}
.btnOK{
    border: 1px solid #8BC34A;
    background-color:#8BC34A;
    color:white;
    padding:5px;
     min-width:100px;
}
.btnOK:hover{
    border: 1px solid #8BC34A;
    background-color:#8BC34A;
    color:white;
    padding:5px;
    
}
.btnX{
    border: 1px solid #dc4e41;
    background-color:#dc4e41;
    color:white;
    padding:5px;
    min-width:100px;
}
.btnX:hover{
    border: 1px solid #dc4e41;
    background-color:#dc4e41;
    color:white;
    padding:5px;
}
.mainBody
{
    padding:20px;
}
.activityBox
{
    border:1px solid #cccccc;
    margin-bottom:10px;
    background-color:#fff;
    width:100%;
}
.activityBoxhead2{
    padding: 2px;
    margin: 0;
     background-color: #ffffff;
    color: #333333;
    padding-left:15px;
    border-bottom: 1px solid #cccccc;  

}
.formTable td
{
    padding:5px;
}

.activityBoxhead{
    padding: 5px;
    margin: 0;
     background-color: #F1F1F1;
    color: #333333;
    padding-left:15px;
    border-bottom: 1px solid #cccccc;  

}
.divContent{
    padding: 15px;
}
h3{
    font-size: 2em;
    color: #999;
    margin: 0 0 10px;
}
.topMenu
{
   background-color:#000;
    right:0px;
    top:0px;
     border: 1px solid #cccccc; 
     padding:10px;
     color:white;
     height:40px;
}
.topMenu a{
    color:white;
    font-weight:bold;
}
.btnGray{
    border: 1px solid #cccccc;
    background-color:#e0e0e0;
    color:#333333;
    padding:5px;
    min-width:100px;
}
.btnGray:hover{
    border: 1px solid #cccccc;
    background-color:#cccccc;
    color:white;
    padding:5px;
}
.defaultTable {
    width:100%;
}
.defaultTable td{
    padding:4px;
}

 .labelFormWidth {
            width: 180px;
        }
 .pw{
     background-color:white;
 }
 .yellowBox{
     background-color:#FFCA28;
     padding:10px;
     width:200px;
     float:right;
     
 }
 .bigWhite
 {
     color:white;
     font-size:40px;
     font-weight:bold;
     text-align:center;
 }







 .divEdit
{
    float:left;
    padding-left:10px;
    width:80px;
}
.divName
{
    float:left;
    width:300px;
}
.divTeam
{
    float:left;
    width:400px;
}
 .divRow
            {
                border-bottom: 1px solid #cccccc;
                padding-bottom:3px;
                margin-bottom:4px;
            }
 .filterBox
 {
       border-bottom: 1px solid #cccccc;
       background-color:#e0e0e0;
       color:black;

 }
  .filterBox input 
 {
      
color:#696969;

 }


  /*Main Display Scores*/
.rankTable
{
    width:100%;
    font-size:17px;
    border-right: 1px solid #b4b4b4;
       border-bottom: 1px solid #b4b4b4;
       border: 1px solid #196387;
           background-color:#fff;
}
.rankCol {
    text-align:center;
     vertical-align:middle;
     font-weight:bold;
     width:100px;
}
.teamCol
{
    font-weight:bold;
    padding-left:20px;

}
.playerScore
{
     font-weight:bold;
    text-decoration:underline;
}
.individualScore 
{
    text-align:center;
    width:45px;
}
.teamScore 
{
     text-align:center;
     vertical-align:top;
     padding-top:10px;
     width:60px;
}
.width100
{
    width:100px;
}
.teamScore  strong
{
    text-decoration:underline;
    font-weight:bold;
}
.totalScore 
{
     text-align:center;
     vertical-align:top;
     padding-top:10px;
     width:60px;
     font-weight:bold;
     font-size:20px;
     text-decoration:underline;
     color:#ff0000;
}
.grayScore
{
    color:#b4b4b4;
}

.leftBorder 
{
    border-left: 1px solid #b4b4b4;
       border-bottom: 1px solid #b4b4b4;
}
    .pad20 {
        padding:5px;
    }
   .rowDivider{
        border-bottom: 1px solid #196387;
   }
.rankTable th
{
   background-color: #004e75;
   color:white;
   font-weight:bold;
   text-align:center;
   padding:5px;
    border-right: 1px solid #767676;
    border-bottom: 3px solid #ffb400;
}
.rankTable .subhead1
{
   background-color: #dc4e41;
   color:white;
   font-weight:bold;
   text-align:center;
    border-right: 1px solid #9b0e01;
}
.rankTable .subhead2
{
   background-color: #ffb400;
   color:white;
   font-weight:bold;
   text-align:center;
   border-bottom: 3px solid #ffb400;
    border-right: 1px solid #815b00;
}

.mainTable
{
    width:100%;
}
.mainTable td{
   padding: 10px 10px 10px 10px;
   vertical-align:top;
}

.blueBtn{
    
    color: #fff;
    background: #0c73c2;
    border: none;
    padding: 0.7em 1em 0.7em 1em;
    margin-top: 0.5em;
    outline: none;
    border-radius: 4px;
    cursor: pointer;
}
.redBtn{
    
    color: #fff;
    background: #ff0000;
    border: none;
    padding: 0.7em 1em 0.7em 1em;
    margin-top: 0.5em;
    outline: none;
    border-radius: 4px;
    cursor: pointer;
}
/*--*/



   .topMenuBar
{
     border-bottom: 2px solid #a0a0a0;
     background-color:#e9e9e9
    
}


/*score details*/
.tblDisplay
{
    width:100%;
    background-color:#fff;
}
.rowHeaderMain
{
        background-color: #196387;
   color:white;
   font-weight:bold;
   padding:5px;
    border-right: 1px solid #767676;
    border-bottom: 1px solid #767676;
}
.colValTotal{
     border-right: 1px solid #767676;
    border-bottom: 1px solid #767676;
    text-align:center;
    vertical-align:middle ;

}
.colVal{
     border-right: 1px solid #767676;
    border-bottom: 1px solid #767676;
    text-align:center;
}
.colHeader {
       background-color: #359acc;
   color:white;
   font-weight:bold;
   padding:5px;
    border-right: 1px solid #767676;
    border-bottom: 1px solid #767676;
    text-align:center;
}
.colHeaderMain
{
         background-color: #196387;
   color:white;
   font-weight:bold;
   padding:5px;
    border-right: 1px solid #767676;
    border-bottom: 1px solid #767676;
    text-align:center;

}
.pnlty
{
    font-size:12px;
    font-weight:normal;
    text-decoration:none !important;
    color:red;
}
.rowHeader
{
    
       background-color: #35cc99;
   color:white;
   font-weight:bold;
   padding:5px;
    border-right: 1px solid #767676;
    border-bottom: 1px solid #767676;
}
.colLeftRight
{
    padding:5px;
     border-left: 1px solid #767676;
 border-right: 1px solid #767676;
}

.divBtn:hover {
    cursor:pointer;
}

.btnTable
{
    width:100%;
}
.btnTable td{
    padding: 10px 10px 0px 0px;
}
.gridTable{
    border:1px solid #333333;
    width:100%;
}
.gridTable td{
    border-bottom:1px solid #333333;
     border-right:1px solid #333333;
     padding:5px;
}
.teeTimes
{
    font-size:11px;
      border:solid 1px #333333;
      width:100%;
}
.teeTimes td
{
    border-right:solid 1px #333333;
       border-bottom:solid 1px #333333;
       padding:5px;
}
.colTeams
{
    font-size:16px;
    padding:5px;
    padding-left:20px;
}

.subTitle
{
     font-size:22px;
    font-weight:bold;
    font-style:italic;
    color:#ff0000
}
.divTeamRow
{
 background-color:white;
 border-bottom: 1px solid #CCCCCC;
 height:66px;
 padding:10px;
 width:100%;
}
.divPlayer
{
 clear: both; 
 background-color:white;
 border-bottom: 1px solid #808080;
 height:60px;
}
.teamBtn
{
    background-color:#0c73c2;
    height:45px;
    width:80px;
    float:left;
    margin-right:10px;padding:5px;
    text-align:center;
    margin-bottom:5px;
    border-radius:4px;
    color: white;
    font-weight:bold;
    padding-top:2px;
     cursor:pointer;
}
    .teamBtn a {
        color: white;
    }
    .smallFont
    {font-size:12px;}



.icon-container {
    width: 30px;
    height: 30px;
    background-size: contain;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-family: Arial, sans-serif;
    margin: 0 auto;
}

.icon-value{
    font-size: 15px;
    color: dimgrey;
}

.icon-bogey {
    background-image: url('../images/square.svg');
/*    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;*/
}

.icon-dbl-bogey-above {
    background-image: url('../images/square2.svg');
    /*    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;*/
}

.icon-birdie {
    background-image: url('../images/circle.svg');
    /*    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;*/
}

.icon-eagle-above {
    background-image: url('../images/circle2.svg');
    /*    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;*/
}

.legends-container{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 8px;
}

.legends-item{
    display: flex;
    gap: 3px;
}