* 
{
    font-family: 'Noto Sans', sans-serif;
    font-size: small;
}

a
{
    color: #555555; /* 839ce7 */
    text-decoration: underline;
}
a:hover
{
    color: #000099;
    text-decoration: underline;
}

a.menu
{
    display: inline-block;
    padding-left: 12px;
    padding-bottom:5px;
    background: url("images/forth.gif") no-repeat 0px 5px;
}
/*
input:single-button
{
    cursor:pointer;
}
*/
input[type=submit] 
{
    cursor: pointer;
}

.grid a {
    color: white; /* 839ce7 */
    background-color: #006699;
}
.grid a:hover
{
    color: white;
    text-decoration: underline !important;
}

li
{
    padding: 5px 5px 5px 5px;
}

/*	Global classes	*/
.DDMainHeader
{
	font: small-caps bold 1.6em 'Josefin Sans', sans-serif;
	color:#888;
	padding-bottom: 32px;
    border-bottom: 1px dotted #bbbbbb;
}

.DDMainHeader a
{
    color: #555555; /* 839ce7 */
    text-decoration: none;
    background-color: #fff;
    margin-top: 8px;
    padding-right: 8px;
    top: -.2em;
    left: .25em;
}

.DDSubHeader
{
	margin-bottom: 10px;
    font:1.2em 'Josefin Sans', sans-serif;
    color: #888;
}

.DD 
{
	padding: 0px 8px;
    font: .75em 'Josefin Sans', sans-serif;
    color: #666;
}

.DDLightHeader
{
	font-weight: bold;
	background-color: #F7F7FF;
} 

.DDTextBox, .DDDropDown
{
	color: #666;
	font: .95em 'Josefin Sans', Sans-Serif;
	border: solid 1px #dcdcdc;
	background-color: #FEFEFE;
}

.DDDropDown
{
	padding:2px;
}

.DDFilter
{
	font: .95em 'Josefin Sans', Sans-serif;
	color:#666;
}

.DDControl
{
    padding: 0px;
    font: .95em 'Josefin Sans', Sans-Serif;
    color: #666;
}

.DDFloatLeft
{
	float:left;
}

.DDFloatRight
{
	float:right;
}

.DDFooter
{
	background-color: #dbddff;
}

.DDSelected
{
	background-color: #fdffb8;
}

div.DDNoItem
{
	color:Red;
	font-family:'Josefin Sans', sans-serif;
}

.DDValidator
{
	color:Red;
	font-family:'Josefin Sans', sans-serif;
}


/*	Navigation	*/

td.DDNavigation
{
	font:1em 'Josefin Sans', Sans-Serif;
	/*
	position: relative;
    top: -38px;
    margin-bottom: -10px;
	*/
    padding: 3px 5px 0px 0px;
}

td.DDNavigation img
{
    position: relative;
    margin-top: .6em;
    padding: 0px 2px;
    border: none;
    background-color: #fff;
}
td.DDNavigation a
{
    color: #555555; /* 839ce7 */
    /*
    text-decoration: none;
	*/
    background-color: #fff;
    margin-top: 3px;
    padding-right: 8px;
    top: -.2em;
    left: .25em;
}
td.DDNavigation a:hover
{
    color: #000099;
    text-decoration: underline !important;
}


/*	Details VIEW/EDIT	*/
table.DDDetailsTable
{
	color: #666;
	background-color: #FCFDFE;
	border: 1px solid #dbddff;
	border-bottom-width: 3px;
}

table.DDDetailsTable a
{
	color:#718ABE;
	text-decoration: none;
	padding-right: 6px;
}

table.DDDetailsTable a:hover
{
    color: #000099;
    text-decoration: underline !important;
}

table.DDDetailsTable .td
{
	padding: 3px 6px;
	border: 1px solid #dbddff;
	border-bottom-style: dotted;
	font-size: .7em;
	font-family:'Josefin Sans', Sans-Serif;
}


/*	DDGridView/DDListView	*/
table.DDGridView, table.DDListView
{
	color: #666;
	border:solid 1px #dbddff;
	font: 1em 'Josefin Sans', Sans-Serif;
}

table.DDGridView .th, table.DDGridView .td, table.DDListView .th, table.DDListView .td
{
	white-space: nowrap;
}

table.DDGridView .th, table.DDListView .th
{
	background: url(DynamicData/Content/Images/header_back.gif) repeat-x;
	line-height:1.3em;
	text-align: left;
	font-size: 1em;
	border:solid 1px #dbddff;
}

table.DDGridView .th a, table.DDListView .th a
{
	color: #666;
	text-decoration: none;
}

table.DDGridView .td, table.DDListView .td
{
	border: dotted 1px #dbddff;
	border-left-width:0px;
	border-right-width:0px;
	padding: 6px;
}

table.DDGridView .td a, table.DDListView .td a
{
	color: #718ABE;
    text-decoration: none;
    margin-right: 6px;
	
}

table.DDGridView .DDSelected a, table.DDListView .DDSelected a
{
	color: #718ABE;
    text-decoration: none;
    margin-right: 6px;
	
}

table.DDGridView .DDSelected a:hover, table.DDListView .DDSelected a:hover
{
	color: #000099;
	text-decoration: underline;
}

table.DDGridView .td a:hover, table.DDListView .td a:hover
{
	color: #000099;
	text-decoration: underline;
}

/*	DataPager	*/
div.DDPager
{
    padding: 0px 6px;
}


/* Bottom hyperlink design*/
div.DDBottomHyperLink
{	
    font: .75em 'Josefin Sans', Sans-Serif;
}
div.DDBottomHyperLink a
{
    color: #555555; /* 839ce7 */
    text-decoration: none;
}
div.DDBottomHyperLink a:hover
{
    color: #000099;
    text-decoration: underline !important;
}
div.DDBottomHyperLink img
{
    padding-right: 5px;
    border: none;
}

/* multiple header lines on jqgrid */
th.ui-th-column div{
    white-space:normal !important;
    height:auto !important;
    padding:2px;
}

/* word wrap */
 .ui-jqgrid tr.jqgrow td {
 white-space: normal !important;
 padding: 2px !important;
}

 /* pinned footer */
div#PinnedFooter { width: 98.5%; height:auto; position: fixed; left: 1px; bottom: 1px; background-color:#DDDDDD; padding: 4px 8px 4px 8px; border: 2px solid #888888;}
div#Footer { width: 100%; height:30px; background-color:#FFFFFF; }

.ui-search-toolbar .ui-th-column input {
    background-color: white;
    background-image: url("../Images/Filter.png");
    background-repeat: no-repeat;
    background-size: 150px 20px;
    font-weight: bold;
}

.ui-search-toolbar .ui-th-column input:focus {
    background-color: white;
    background-image: none;
}

.livelink {
    color: blue; /* 839ce7 */
    text-decoration: underline;
}

.livelink:hover {
    color: blue;
    font-weight: 600;
    text-decoration: underline;
}

/* choosen */
.chosen-single {
    text-align: left;
}

.oci-button {
    background-color: #007bff; /* Button color */
    color: #fff; /* Text color */
    border: none; /* Remove default border */
    border-radius: 6px; /* Rounded corners */
    padding: 5px 10px; /* Size */
    font-size: 13px; /* Readable text */
    font-weight: 500; /* Slightly bold */
    cursor: pointer; /* Pointer cursor on hover */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); /* Raised effect */
    transition: all 0.2s ease-in-out; /* Smooth hover/active effects */
}

.oci-button:hover {
    background-color: #0056b3; /* Darker shade on hover */
    box-shadow: 0 6px 8px rgba(0, 0, 0, 0.25);
}

.oci-button:active {
    transform: translateY(2px); /* Pressed down effect */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

input[type="checkbox"] {
    accent-color: #007bff; /* blue */
    width: 15px;
    height: 15px;
}

input[type="radio"] {
    accent-color: #007bff; /* blue */
    width: 15px;
    height: 15px;
}