/*--------------------- *
	 * TABLES               *
	 * UPDATED: 2025-04-02  *
	 * -------------------- */



	/* AUTO-TABLE OVERRIDE
	----------------------------------------------- */
	.autoTable { 
	    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	    font-size: 14px; 
	    font-weight: normal; 
	    color: #000; 
	    background-color: #f6f6f6;     
	    padding: 0px;
	}

	/* =Table Specific
	----------------------------------------------- */
	.autoTableData a { color: #000; text-decoration: none; }
	.autoTableData a:visited { color: #000; border-color: #899 }
	.autoTableData a:hover { color: #000; }


	.autoTable,  .autoTable { 
	    border: 0px solid #333; 
	    border-spacing: 0px; 
	    border-collapse: collapse;
	}

	.autoTableData, .autoTableData { 
	    padding: 4px 4px 4px 4px; 
	    /* border-color: #333;  */
	    border: 0px solid #333; 
	    max-width: 300px;
	    word-wrap: break-word;
	    color: #000; 
	}

	.rowTop .autoTableData { 
	    font-size: 14px;
	    color: #888; 
	    background-color: #ddd; 
	    text-transform: capitalize;
	    text-align: center; 
	    font-weight: bold; 

	}

	.rowTop a { 
	    color: #888; 
	    text-decoration: none;
	}

	.rowDark  { 
	    /* background-color: #D8EFC7; */
	    background-color: rgba(28,191,209,0.2);
	    color: #000; 
	    border-top: 2px solid #fff; 
	    border-bottom: 2px solid #fff; 
	    -webkit-border-radius: 30px;
	    border-radius: 30px;

	}

	.rowLight  { 
	    background-color: #fff; 
	    color: #000; 
	    border-top: 2px solid #fff; 
	    border-bottom: 2px solid #fff; 
	    -webkit-border-radius: 3px;
	    border-radius: 3px;

	}

	.rowPast  { 
	    background-color: #fdd; 
	    color: #000; 
	    border-top: 2px solid #fff; 
	    border-bottom: 2px solid #fff; 
	    -webkit-border-radius: 3px;
	    border-radius: 3px;

	}

	.rowHigh  { 
	    background-color: rgba(150,32,152,0.2); 
	    color: #000; 
	    border-top: 2px solid #fff; 
	    border-bottom: 2px solid #fff; 
	    -webkit-border-radius: 3px;
	    border-radius: 3px;

	}

	.paginator  { 
			float: right;
			margin-right: 20px;
	    font-size: 14px; 
	    font-weight: 800; 
	    color: #333; 
	    text-align: right;
	    position: relative; 
	    min-width: 100px;
	}

	.paginator a {
	    color: #963684;
	    font-size: 14px;
	    font-weight: 800;
	    text-decoration: none;
	}

	.tableMessage  { 
			float: right;
			margin-right: 20px;
	    font-size: 14px; 
	    font-weight: 800; 
	    color: #333; 
	    text-align: right;
	    position: relative; 
	    min-width: 100px;
	    color: var(--themeColor3);
	    font-size: 14px;
	    font-weight: 800;
	}

	.pageBreakNav  { 
	    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	    font-size: 11px; 
	    font-weight: normal; 
	    color: #000; 
	    text-align: right;
	    position: relative; 
	    width: 85%;
	    min-width: 450px;
	    margin: 10px 0px 0px 0px;
	}

	.pageBreakNav a {
	    text-decoration: none;
	    color: #963684;
	}

	.rowCount {
		float: right;
		width: 150px;
		height: 18px;
		line-height: 18px;
		font-size: 14px;
		text-align: right;
		color: #1cbfd1;
		font-weight: 800;
	}


	.auxValue  {
	    z-index: 87; 
	    position: absolute; 
	    top: 48px; 
	    left: 300px; 
	    width: 400px; 
	    height: 20px; 
	    padding: 0px;
	}

	.sortOn {
	    font-weight: bold;
	    color: #fff; 
	    background-color: #024364;     
	}

	.footNoteText {
	    font-size: 14px; 
	    font-weight: 800; 
	    color: #1cbfd1; 
	    margin-top: 4px;
	}

	.tableTextbox { 
	    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	        font-size: 11px; 
	    color: #009900;
	    width: 100px; 
	    height: 14px; 
	    border: 1px solid #bdc7d8; 
	    padding: 2px; 
	    margin-left: 0px;
	}

	.tableTextboxRed { 
	    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	        font-size: 11px; 
	    color: #990000;
	    width: 100px; 
	    height: 14px; 
	    border: 1px solid #bdc7d8; 
	    padding: 2px; 
	    margin-left: 0px;
	}


	.aboveRight {
		position: absolute;
		left: calc(100% - 180px);
		min-width: 90px;
		min-height: 50px;
		text-align: right;
    z-index: 999;
	}


	.circleBase {
	    border-radius: 50%;
	    behavior: url(PIE.htc); /* remove if you don't care about IE8 */
	    width: 50px;
	    height: 30px;
	    color: white;
	    font-family: "Open Sans", Arial, Helvetica, sans-serif;
	    font-size: 24px;
	    font-weight: 500;
	    text-transform:capitalize;

	    padding: 15px 0px 5px 0px;
	    text-align: center;
	                
	}

	.colorM { color: #963684;	}
	.colorF { color: #fc3b7f;	}

	.typeM {
	    background: #963684;
	    border: 3px solid #963684;
	}
	.typeF {
	    background: #fc3b7f;
	    border: 3px solid #fc3b7f;
	}
	.typeX {
	    background: #A0A0A0;
	    border: 3px solid #A0A0A0;
	}






	/* =Calendar
	----------------------------------------------- */
	#calzone {
		background-color: #FFF;
		z-index: 9999;
	}
	table.cpBorder {  
		border: 0px solid #FF0000; 
		font-size: 8px; 
		margin-top: 10px;
		line-height: 16px;
	}
	.cpYearNavigation, .cpMonthNavigation {
	    background-color:#305595;
	    text-align:center;
	    /* vertical-align:center; */
	    text-decoration:none;
	    color:#fff;
	    font-weight:bold;
	}
	.cpDayColumnHeader, .cpYearNavigation, .cpMonthNavigation, .cpCurrentMonthDate, .cpCurrentMonthDateDisabled,
	.cpOtherMonthDate, .cpOtherMonthDateDisabled, .cpCurrentDate, .cpCurrentDateDisabled, .cpTodayText,
	.cpTodayTextDisabled, .cpText {
	    font-family:"Open Sans", Arial;
	    font-size:8pt;
	}
	TD.cpDayColumnHeader {
	    text-align:right;
	    background-color:#E0E0E0;
	    border:solid thin #E0E0E0;
	    /* border-width:0 0 1 0; */
	    border-top: 0px;
	    border-right: 0px;
	    border-bottom: 1px;
	    border-left: 0px;
	}
	.cpCurrentMonthDate, .cpOtherMonthDate,	.cpCurrentDate {
	    text-align:right;
	    text-decoration:none;
	}
	.cpCurrentMonthDateDisabled, .cpOtherMonthDateDisabled, .cpCurrentDateDisabled {
	    color:#D0D0D0;
	    text-align:right;
	    text-decoration:line-through;
	}
	.cpCurrentMonthDate {
	    color:#305595;
	    font-weight:bold;
	}
	.cpCurrentDate {
	    color: #FF0000;
	    font-weight:bold;
	}
	TD.cpCurrentDate {
	    text-align: center;
	    color:#000;
	    border: 1px solid red;
	    background-color: #fff;
	    border-radius: 50%;
	}
	TD.cpCurrentDateDisabled {
	    border-width: 1px;
	    border:solid thin #FFAAAA;
	}
	.cpOtherMonthDate { color:#808080; }

	TD.cpTodayText, TD.cpTodayTextDisabled {
	    background-image: url('/ocean/skin/images/cal_today.gif');   
	    /* border:solid thin #6677DD; */
	    /* border-width:1 0 0 0; */
	}
	A.cpTodayText,	SPAN.cpTodayTextDisabled { height:20px;	}
	A.cpTodayText {
	    color:#000;
	    font-weight:bold;
	}
	SPAN.cpTodayTextDisabled { color:#D0D0D0; }
	.cpBorder { border:solid 0px #00FF00; }