img.centre {
  display: block;
  margin-left: auto;
  margin-right: auto }

.pdf {
    width: 100%;
    aspect-ratio: 4 / 3;
}

.pdf,
html,
body {
    height: 100%;
    margin: 0;
    padding: 0;
}  
.selectEmail
{ width:100%;
  text-align: center;
  line-height:21px; 
  white-space: pre-wrap;    
}

.selectEmailActive
{ background-color:#4169E1; 
  color:white; 
}

.selectEmailInactive
{ background-color:white;
  color:#4169E1; 
}

.listTable
{  border-radius: 0;
   background-color:  transparent;
   background-image: none;
   border-collapse: separate; 
   width: 100%; 
}

.listTableHead 
{
  display: block;
  overflow-y: auto;  
  overflow-x: hidden; 
  border-spacing: 0px 2px;
}
.listTableBody 
{
/*   height: 184px;  */
  display: block;
  overflow-y: auto;  
  overflow-x: hidden; 
  border-spacing: 0px 2px;
}

.APListTableBody /* Account Players */
{  height: 210px !important; }

.APHiddenListTableBody  /* Account Players */
{  height: 180px !important; }

.AGListTableBody /* Account Games */
{  height: 202px !important; }

.AGHiddenListTableBody  /* Account Games */
{  height: 180px !important; }

.AHListTableBody /* Account History Games */
{  height: 236px !important; }


.stopTextSelect{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.strikeThruWhite {
  background: linear-gradient(to top, #FFFFFF 0%, #FFFFFF 46%, #FF0000 49%, #FF0000 51%, #FFFFFF 54%, #FFFFFF 100%) !important;
  text-align: left;
  border-radius: 6px;
  border: 1px solid #A9A9A9;  /* dark gray */
  color: black;
  padding-left: 4px;
}   
.strikeThruWhite:focus
{
  border-radius: 6px;
  border: 2px solid #5C9AD1;  /* dark blue */
  outline: none;  
}

.strikeThruTransparent {
   background: linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0) 46%, #FF0000 49%, #FF0000 51%, rgba(0,0,0,0) 54%, rgba(0,0,0,0) 100%) !important;
}   

.editText
{ text-align: left;
  border-radius: 6px;
  border: 1px solid #A9A9A9;  /* dark gray */
  color: black;
  background-color: white; 
  padding-left: 4px;
}
.editText:focus
{
  border-radius: 6px;
  border: 2px solid #5C9AD1;  /* dark blue */
  outline: none;  
}

/* #2E6DA4;  dark blue */
/* #5C9AD1;  light blue */

.viewText
{ border-radius: 4px;
  text-align: left;
  background-color:rgba(192,192,192,0.8); 
  padding-left: 4px;
}

.textCentre
{ text-align: center;
  color: black;
}
.textCentreMiddle
{ text-align: center;
  vertical-align: middle;
}
.textLeft
{ text-align: left;
  color: black;
}
.textLeftMiddle
{ text-align: left;
  vertical-align: middle;
}
.textRightMiddle
{ text-align: right;
  vertical-align: middle;
}
.textRight
{ text-align: right;
}
.textDarkBlue
{ color: #2E6DA4 !important;  /* dark blue */
}
.textLightBlue
{ color: #5C9AD1 !important;  /* light blue */
}
.textGray
{ color: #A6A6A6 !important;  /* Gray */
}
.textLightGray
{ color: #B8B8B8 !important;  /* Light Gray */
}

.textNavy
{ color: #000080 !important;  /* Navy */
}
.selectCursor
{ cursor: pointer;
}

.noBottomBorder
{
  border-bottom:1pt solid #C7DCEF; /* #A9A9A9; */
}
.bottomBorder
{
  border-bottom:1pt solid #9DC2E3; /* #A9A9A9; */
  border-width:thin;
}
.bottomBorderMedium
{
  border-bottom:5pt groove #9DC2E3;
  border-width:medium;
}
.bottomBorderGray
{
  border-bottom:1pt dotted #CDCDCD; 
  border-width:thin;
}

.fontAwesomeCell
{
   height: 12px;
   width: 12px;
   margin-left: auto;
   margin-right: auto;
}
.fontAwesomeCell i
{
   display: inline-block;
   font-size: 12px;
   width: 12px;
   line-height: 12px; 

   vertical-align: top;
   text-align: center;
	
/*    color: #5C9AD1; */
/*   line-height: 16px; */
/*   cursor:pointer; */
}

/* ////////////////// */
.width10
{ max-width: 10px; 
  width: 10px; }
.width16
{ max-width: 16px; 
  width: 16px; }
.width20
{ max-width: 20px; 
  width: 20px; }
.width24
{ max-width: 24px; 
  width: 24px; }
.width26
{ max-width: 26px; 
  width: 26px; }
.width30
{ max-width: 30px; 
  width: 30px; }
.width33
{ max-width: 33px; 
  width: 33px; }
.width40
{ max-width: 40px;
  width: 40px; }
.width50
{ max-width: 50px;
  width: 50px; }
.width60
{ max-width: 60px;
  width: 60px; }
.width65
{ max-width: 65px;
  width: 65px; }
.width70
{ max-width: 70px;
  width: 70px; }
.width80
{ max-width: 80px;
  width: 80px; }
.width90
{ max-width: 90px;
  width: 90px; }
.width100
{ max-width: 100px;
  width: 100px; }
.width110
{ max-width: 110px;
  width: 110px; }
.width120
{ max-width: 120px;
  width: 120px; }
.width130
{ max-width: 130px;
  width: 130px; }
.width140
{ max-width: 140px;
  width: 140px; }
.width150
{ max-width: 150px;
  width: 150px; }
.width160
{ max-width: 160px;
  width: 160px; }
.width170
{ max-width: 170px;
  width: 170px; }
.width180
{ max-width: 180px;
  width: 180px; }
.width190
{ max-width: 190px;
  width: 190px; }
.width200
{ max-width: 200px;
  width: 200px; }
.width210
{ max-width: 210px;
  width: 210px; }
.width220
{ max-width: 220px;
  width: 220px; }
.width230
{ max-width: 230px;
  width: 230px; } 
.width240
{ max-width: 240px;
  width: 240px;  }
.width250
{ max-width: 250px;
  width: 250px;  }
.width260
{ max-width: 260px;
  width: 260px;  }
.width270
{ max-width: 270px;
  width: 270px;  }
.width280
{ max-width: 280px;
  width: 280px;  }  
.width300
{ max-width: 300px; 
  width: 300px; }
.width320
{ max-width: 320px; 
  width: 320px; }
.width340
{ max-width: 340px;
  width: 340px; }
.width350
{ max-width: 350px;
  width: 350px; }
.width400
{ max-width: 400px;
  width: 400px; }


.textTruncate
{ overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.textClip
{ overflow: hidden;
  text-overflow: clip;
  white-space: nowrap;
}

.separationrow
{
  line-height: 1px; 	
  padding: 0px;
}

.gradientBottomUp
{ background: linear-gradient(to top, #b1d5f5 0%, rgba(255,255,255,0.00) 50%);
}

.gradientTopDown
{ background: linear-gradient(to bottom, #b1d5f5 0%, rgba(255,255,255,0.00) 50%);
}
.transparentBG
{  background-color:  transparent;
}
.patternselected
{ -webkit-animation: phil---animate-box-shadow---lightblue 1000ms linear 0ms infinite normal both;
   -moz-animation: phil---animate-box-shadow---lightblue 1000ms linear 0ms infinite normal both;
   animation: phil---animate-box-shadow---lightblue 1000ms linear 0ms infinite normal both;
   border: 2px solid #FFA500 !important;
   border-radius: 6px !important;
}   


.signon_slideup
{
  top: 106px !important;            
  overflow-y: hidden;
 -webkit-transition: top 0.2s ease-in-out;
 -moz-transition: top 0.2s ease-in-out;
 -o-transition: top 0.2s ease-in-out;
 transition: top 0.2s ease-in-out;
}

.signon_slidedown 
{            
  top: 158px !important;                    
  overflow-y: hidden;
 -webkit-transition: top 0.2s ease-in-out;
 -moz-transition: top 0.2s ease-in-out;
 -o-transition: top 0.2s ease-in-out;
 transition: top 0.2s ease-in-out;
}

.signon_cover 
{            
  height: 238px !important;                    
  overflow-y: hidden;
 -webkit-transition: top 0.2s ease-in-out;
 -moz-transition: top 0.2s ease-in-out;
 -o-transition: top 0.2s ease-in-out;
 transition: top 0.2s ease-in-out;
}

.signon_coverdown 
{            
  height: 290px !important;                    
  overflow-y: hidden;
 -webkit-transition: top 0.2s ease-in-out;
 -moz-transition: top 0.2s ease-in-out;
 -o-transition: top 0.2s ease-in-out;
 transition: top 0.2s ease-in-out;
}

.aCombobox
{
   border: 1px solid #CCCCCC;
   border-radius: 4px;
   background-color: #FFFFFF;
   background-image: none;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   padding: 4px 4px 4px 4px;
   margin: 0;
   box-sizing: border-box;
   width:160px;
}
.aCombobox:focus
{
   border-color: #66AFE9;
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60);
   outline: 0;
}

.scaleElementIN
{  -webkit-animation: scale-in-horizontal-center 1000ms linear 0ms 1 normal both;
   -moz-animation: scale-in-horizontal-center 1000ms linear 0ms 1 normal both;
   animation: scale-in-horizontal-center 1000ms linear 0ms 1 normal both;
}
.scaleElementOUT
{  -webkit-animation: phil-scale-out-horizontal-center 1000ms linear 0ms 1 normal both;
   -moz-animation: phil-scale-out-horizontal-center 1000ms linear 0ms 1 normal both;
   animation: phil-scale-out-horizontal-center 1000ms linear 0ms 1 normal both;
}

#txtCorvid19
{ background-color: transparent;
  background-image: none;
  border: 0px solid #000000;
  padding: 0;
  margin: 0;
  text-align: center;
}

@media only screen and (max-width: 650px) /* 320 ok */
{
.width90
{ max-width: 180px;
  width: 180px; }  
}