﻿.SeattleBlue { background-color: #336699 ; color:white} 
.SeattleGreen { background-color: #669933 ; color:white } 
.SeattleBlueFont {  color:#336699}
.SeattleGreenFont {  color:#669933 }  
.myRedFont {  color:darkred }  
.myCellHighlight { background-color:yellow ; color:black }
.Liability {
	line-height:80%;
	font-size:8.0pt; 
}
.ui-datepicker-month { color:black }
.ui-datepicker-year { color:black }
.myTiny {
    font-size: 8pt !important;
    display: block;
    line-height: 1.15 !important;
}
.mySize12b {
    font-size: 12pt;
    font-weight: bold;
} 
.mySize14 {font-size:14pt;}
.mySize16 { font-size: 16pt; }
.mySize16b {  font-size: 16pt; font-weight:bold; } 
.mySize20 {font-size:20pt;} 
.mySize22 {font-size:22pt;}

.MyHighlightBackground {
    background-color: Moccasin !important;
    color: black
}
.MyHighlightBackground2 {
    background-color: PaleTurquoise !important;
    color: black
} 

.myCenter {justify-content:center;text-align:center;} 
 
table.myTableX {width:100%;}
table.myTable, table.myTable tr th, table.myTable tr td {
    
    padding: 5px;
    border-collapse: collapse; /* Merges adjacent borders */
    border: 1px solid black;
    border-bottom-width: 1px;

    border: 1px solid #ccc; /* Add a border around the whole table */
    border-radius: 5px; /* Rounds all four corners of the table */
    border-collapse: separate; /* Essential: allows border-radius to work */
    border-spacing: 0; /* Removes space between cells for a continuous border effect */
    overflow: hidden; /* Ensures content/internal borders don't bleed through corners */
}
table.myTableCenter tr th, table.myTableCenter tr td {
    text-align: center;
}
table.myTableTop tr th, table.myTableCenter tr td {
     vertical-align:text-top;
} 
table.myMenuTable tr th , table.myMenuTable tr td {
    font-size:14px; color:darkslategray; 
    border-spacing: 0px; 
    border-collapse:collapse;
    margin:0px;
    padding: 0px;  
    vertical-align: middle;  
}
input[type=checkbox], input[type=radio] {
    transform: scale(1.5);
    margin: 6px 6px 6px 6px;
}