﻿
@charset "utf-8";

@media screen
{
	/*********WP Search Container + Resets for Global Styles*************/
	.content table
	{
		margin-bottom: 5px;
		border: none;
		border-collapse: inherit;
	}

		.content table td
		{
			border: none;
			text-align: left;
			padding: 5px;
		}

		.content table th
		{
			border: none;
			text-align: center;
			padding: 5px;
		}

		.content table tbody
		{
			border: none;
			text-align: center;
			padding: 0px;
		}

		.content table td h2
		{
			margin-left: 5px;
		}

	.content h1, .content h2, .content h3
	{
		font-family: "DroidSansBold", Arial, Helvetica, sans-serif;
		padding: 4px 0;
		display: block;
		line-height: 1.5;
		color: #052d53;
		font-weight: bold;
	}

	#chk_lst_status
	{
		border: none;
		text-align: left;
	}

	.chkbox table td
	{
		margin-right: 0px;
	}

	/** Auto complete list style **/
	.autocomplete_completionListElement
	{
		margin: 0px!important;
		background-color: white;
		color: windowtext;
		border: buttonshadow;
		border-width: 0px;
		border-style: solid;
		overflow: auto;
		height: 200px;
		font-family: Tahoma;
		font-size: small;
		text-align: left;
		list-style-type: none;
	}

	/* AutoComplete highlighted item */

	.autocomplete_highlightedListItem
	{
		background-color: #ffff99;
		color: black;
		padding: 1px;
	}

	/* AutoComplete item */
	.autocomplete_listItem
	{
		background-color: window;
		color: windowtext;
		padding: 1px;
	}


	/** Override tr td size to fix AJAX calendar issue **/
	.ajax__calendar_days table tr td
	{
		padding: 0;
		margin: 0;
	}

	.ajax__calendar_months table tr td
	{
		padding: 0;
		margin: 0;
	}

	.ajax__calendar_years table tr td
	{
		padding: 0;
		margin: 0;
	}

	/*********WP Gridviews*************/


	/*********WP Typography*************/

	/** A.5 form **/
	.data_form
	{
		font-family: Times New Roman;
		font-size: 14px;
		font-weight: normal;
		color: blue;
		border-width: 1px;
		width: 100%;
		text-align: left;
		vertical-align: top;
	}

	.watermarked
	{
		font-family: Times New Roman;
		font-size: 14px;
		font-weight: normal;
		color: Gray;
		border-width: 1px;
		width: 100%;
		text-align: left;
		vertical-align: top;
	}
	
	.data_form_locked
	{
		font-family: Times New Roman;
		font-size: 14px;
		font-weight: normal;
		color: black;
		border-width: 0;
		background-color: #e6e6e6;
		width: 100%;
		text-align: left;
	}

	.label_form
	{
		font-family: Times New Roman;
		font-size: 14px;
		font-weight: bold;
		color: black;
		text-align: left;
		vertical-align: top;
	}
	
	.form 
	{
		width: 800px;
		text-align: center;		
	}

	.gridpager table
	{
		width: 1%;
		float: left;
	} 

	.gridpager td
	{
		background-color: white;
	} 
	
/*Added by A. UGALE to remove search box on top 2016.03.07*/
    .header-search-replace {
        padding: 82px 0 0 0;
        float: right;
    }

/* Added by SC to add New label for inviting user to use WP from MyWorkspace 2025-03*/
	.new-label {
		font-family: Arial, sans-serif; /* Choose a font that is clear and easy to read */
		color: #FFFFFF; /* White text */
		background-color: #FF0000; /* Red background for high visibility */
		padding: 5px 10px;
		border-radius: 5px; /* Rounded corners */
		font-weight: bold; /* Make the font bold */
		font-size: 1em; /* Adjust the size as needed */
		display: inline-block; /* For proper positioning */
		margin: 5px; /* Add some space around the label */
	}

	.new-app-linkbutton {
		position: relative;
		display: inline-block; /* Allows centering and setting a relative position for the pseudo-element */
		padding-right: 40px; /* Adjust based on your design, leave room for the New label */
	}

		.new-app-linkbutton::after {
			content: "Search from MyWorkspace";
			position: absolute;
			/*top: 50%;*/
			right: -20px; /* Adjust based on your design */
			/*transform: translateY(-50%);  Center the label vertically */
			background-color: #FF0000;
			color: #FFFFFF;
			padding: 5px 10px;
			border-radius: 5px;
			font-weight: bold;
			font-size: 0.8em; /* Smaller font size for the label */
		}  


}

