body {/*font-size:1.3em;*/ font-family:Verdana,Arial,Sans-Serif;} /*UX-SHSUH-2580*/
a {color:#11578F;}
ul, li {padding: 0;}
/* Colors */
.color-yellow {background:#fff;}
.color-red    {background:#fff;}
.color-blue   {background:#fff;}
.color-white  {background:#fff;}
.color-orange {background:#fff;}
.color-green  {background:#fff;}
.color-yellow h3,
.color-white h3,
.color-green h3
	{color:#000;}
.color-red h3,
.color-blue h3,
.color-orange h3
	{color:#FFF;}
/* End Colors */

/* Head section */
#head {
    height: 100px;
}
#head h1 {
    line-height: 100px;
	color: #000;
	font-weight: bold;
    text-align: center;
}
/* End Head Section */

#dashboardsettings {
	/*border-bottom:1px solid #CDCDCD;*/
	width: 100%;
	/*display:none;*/
	background: #FFF4BF;
	box-shadow: 0px 2px 2px #ccc;
  	-moz-box-shadow: 0px 2px 2px #ccc;
  	-webkit-box-shadow: 0px 2px 2px #ccc;
    height:101px;
}
#dashboardsettings h4{
	padding: 0 10px;
}
#feeds{
	width: 67%;
	float: left;
	clear: both;
}
#layouts{
	width: 32%;
	float: right;
}
#layouts a{
	margin-left: 10px;
	color: #333;
	text-decoration: none;
}

#layouts div a
{
	text-decoration: underline;
}
#layouts div
{
	float: right;
	padding: 5px 10px;
}
#feeds ul{
	clear: both;
}
#feeds ul li{
	display:block;
	height:30px;
	line-height:30px;
	float:left;
	/*padding-left:35px;*/
	border: 1px solid #b4cce0;
	box-shadow: 0px 2px 2px #ccc;
  	-moz-box-shadow: 0px 2px 2px #ccc;
  	-webkit-box-shadow: 0px 2px 2px #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	overflow:hidden;
}
#pagesettings {
	width:100%;
	clear:both;
}
.widget-disabled{
   background: #efefef !important;
   color: #9f9f9f;
   border: 1px solid #cfcfcf !important;
}

.widget-error {
	background:#dd0000;
	font-size:0.9em;
	font-family:Arial,Verdana,Sans-Serif;
	font-weight: bold;
	text-align: center;
}

/* Columns section */
#columns .column {
	float: left;
    /*width: 33%;*/
	border-right: 2px solid #fff;
	border-top: 2px solid #fff;
		/* Min-height: */
		min-height: 200px;
		height: auto !important;
		height: 200px;
}

.outlineColumns .column{
	border-right:2px dashed #CCC !important;
	border-top:2px dashed #CCC !important;
}

.panelRow{
	display:block;
	width:100%;
	clear:both;
}

.layout1 #column1{width:33%; clear:left;}
.layout1 #column2{width:66%; clear:right;}
.layout1 #column3{width:33%; clear:left;}
.layout1 #column4{width:33%;}
.layout1 #column5{width:33%; clear:right;}

.layout2 #column1{width:33%; clear:left;}
.layout2 #column2{width:33%;}
.layout2 #column3{width:33%; clear:right;}
.layout2 #column4{width:66%; clear:left;}
.layout2 #column5{width:33%; /*clear:right;*/}

.layout3 #column1{width:49.5%; clear:left;}
.layout3 #column2{width:49.5%; /*clear:right;*/}
.layout3 #column3{width:33%; clear:left;}
.layout3 #column4{width:33%;}
.layout3 #column5{width:33%; /*clear:right;*/}

.layout4 #column1{width:33%; clear:left;}
.layout4 #column2{width:33%;}
.layout4 #column3{width:33%; clear:right;}
.layout4 #column4{width:49.5%; clear:left;}
.layout4 #column5{width:49.5%; /*clear:right;*/}

/*#columns .column-large {
    width: 66%;
}*/
/* Column dividers (background-images) :

#columns #column1 .widget { margin: 20px 25px 0 15px; }
#columns #column3 .widget { margin: 20px 25px 0 15px; }
#column2 {clear:right;}
#column5 {clear:right;}
*/

#columns .widget {
    margin: 10px 10px 0 10px;
	border: 1px solid #ccc;
   	/*
    padding: 2px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    */
	  box-shadow: 4px 4px 4px #ececec;
  -moz-box-shadow: 4px 4px 4px #ececec;
  -webkit-box-shadow: 4px 4px 4px #ececec;
}
#columns .widget .widget-head {
    color: #000;
    overflow: hidden;
    width: 100%;
    height: 25px;
    line-height: 25px;
	background:#cdd5dc url(../images/dashboard/widget-head.png) repeat-x top;
}
#columns .widget .widget-head h3 {
    padding: 0 5px;
    float: left;
	font-size:1.1em;
	color: #333;
	margin: 0;
}
.widgetButtons{
	display:none;
	margin: 0px 3px;
}
#columns .widget .widget-content {
    background: #fff;
    padding: 0;
    color: #000;
    font-size: 12px; /*UX-SHSUH-2580*/
	/*
    -moz-border-radius-bottomleft: 2px;
    -moz-border-radius-bottomright: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
	*/
    line-height: 1.2em;
   /* overflow: hidden;*/
}
#columns .widget .widget-content p {
    padding: 0.8em 0;
}
#columns .widget .widget-content pre {
    padding: 0.5em 5px;
    color: #EEE;
    font-size: 12px;
}
#columns .widget .widget-content ul {
    padding:0px;
    list-style: disc;
}
#columns .widget .widget-content ul li {padding: 3px 0;}
#columns .widget .widget-content ul.images {
    padding: 7px 0 0 0;
    list-style: none;
    height: 1%;
}
#columns .widget .widget-content ul.images li {
    display: inline;
    float: left;
}
#columns .widget .widget-content ul.images img {
    display: inline;
    float: left;
    margin: 0 0 7px 7px;
}
/* End Columns section */

/*div.loading {
    background-image: url(../images/poc/progress.gif);
    background-repeat: no-repeat;
    background-position: 5px 5px;
    padding: 5px 5px 5px 25px;

}
*/

#maximizedPanel{
	display:none;
	padding: 0;
}
#maximizedPanel.ui-dialog-content.ui-widget-content
{
	position: relative;
}
/* JS-Enabled CSS */

.widget-head a.remove  {
    float: right;
    display: inline;
    background: url(../images/dashboard/buttons.gif) no-repeat -24px 0;
    width: 14px;
    height: 14px;
    margin: 4px 2px 8px 2px;
    text-indent: -9999em;
    outline: none;
}

.widget-head a.edit  {
    float: right;
    display: inline;
    background: url(../images/dashboard/buttons.gif) no-repeat;
    width: 14px;
    height: 14px;
    text-indent: -9999em;
    margin: 4px 2px 8px 2px;
    outline: none;
}

.widget-head a.collapse  {
    float: right;
    display: inline;
    background: url(../images/dashboard/buttons.gif) no-repeat -52px 0;
    width: 14px;
    height: 14px;
    text-indent: -9999em;
    margin: 4px 2px 8px 2px;
    outline: none;
}
.widget-head a.maximize {
    float: right;
    display: inline;
    background: url(../images/dashboard/buttons.gif) no-repeat -66px 0;
    width: 14px;
    height: 14px;
    text-indent: -9999em;
    margin: 4px 2px 8px 2px;
    outline: none;
}
.widget-head a.refresh {
    float: right;
    display: inline;
    background: url(../images/dashboard/buttons.gif) no-repeat -80px 0;
    width: 14px;
    height: 14px;
    text-indent: -9999em;
    margin: 4px 2px 8px 2px;
    outline: none;
}


.collapsed .widget-head a.collapse {background-position:-38px 0;}
.collapsed .widget-content {display:none !important;}

.widget-placeholder { border: 2px dashed #999; margin:10px; min-height:20px;}

.widget-helper {
	border: 1px solid #ccc;
	width: 100px !important;
	height: 100px !important;
	box-shadow: 2px 2px 2px #ececec;
  	-moz-box-shadow: 2px 2px 2px #ececec;
  	-webkit-box-shadow: 2px 2px 2px #ececec;
}
.widget-helper-head {
	color: #000;
    overflow: hidden;
    width: 100%;
    height: 25px;
    line-height: 25px;
	background:#cdd5dc url(../images/dashboard/widget-head.png) repeat-x top;
}
.widget-helper-content {
	background: #fff;
    padding: 0;
    color: #000;
	width: 100%;
    line-height: 1.2em;
    overflow: hidden;
}

/*#column1 .widget-placeholder { margin: 30px 35px 0 25px; }
#column2 .widget-placeholder { margin: 30px 20px 0 20px; }
#column3 .widget-placeholder { margin: 30px 25px 0 35px; }*/

.edit-box {
    overflow: hidden;
    background: #CACACA url(../images/dashboard/widget-content-bg.png) repeat-x;
    margin-bottom: 2px;
    padding: 10px 0;
}

.edit-box li.item {
    padding: 5px 0;
    overflow: hidden;
    float: left;
    width: 100%;
    clear: both;
}


.edit-box label {
	overflow: hidden;
    float: left;
    text-align: right;
    margin-right: 10px;
    width: 150px;
    color: #333;
    padding: 0 0 0 20px;
	font-weight:bold;
}

/*TODO widget styles*/

.editTodo{
    display:inline;
    font-size:0.8em;
    padding-left:9px;
}


.editTodo a{
	    font-weight:bold;
	}

.toDoDescription{
    border:1px solid #CCCCCC;
    color:#666666;
    font-family:Arial,Helvetica,sans-serif;
    font-size:0.725em;
    padding:3px 4px;
    width:30%;
}

#newTaskText{
	    border:1px solid #CCCCCC;
    color:#666666;
    font-family:Arial,Helvetica,sans-serif;
    font-size:0.725em;
    padding:3px 4px;
    width:30%;

	}

.inputAssignTo {
	margin: 10px 10px;
	display:inline;
	}
.inputText {
	display:inline;
	}
	.addToDo {
		display:inline;
	}

	#newListItem {
		margin-left:40px;
	}


#maximizedPanel .todoList, #maximizedPanel .addmore {
	margin-left: 7px;
	}

	#maximizedPanel a.saveToDo, #maximizedPanel a.cancelToDo {
	color:#3F67BA;
	}

	#maximizedPanel .completedTodoList .taskitem {
	/*width:85%;*/
	margin-left:50px;
	}
ul .todoList {
	width: 95%;
	float:left;
	list-style-type: none;
	}

.todoitem {
	height:25px;
	}

.taskAssignTo {
	font-size:.8em;
	margin-left:20px;
	background-color:#F4D788;
}

.taskitem {
	float:left;
	width: 80%;
	}
.cursorstyle {
	cursor: hand;
	}

	.addmore {
		width:95%;
		float:left;
		list-style-type: none;
	}
.undoaction, .deleteaction, .checkaction{
	float:left;
	width: 5%;
	}

.completedTodoList {
	font-size:.9em;
	color:grey;
	width: 100%;
	float:left;
	list-style-type: none;
	}

a.saveToDo {
	color:#3F67BA;
	text-decoration:none;
	}
a.cancelToDo {
	color:#3F67BA;
	text-decoration:none;
	}

a.saveNewToDo {
	color:#3F67BA;
	text-decoration:none;
	}
a.cancelNewToDo {
	color:#3F67BA;
	text-decoration:none;
	}

.userPrefButtons {
	float: right;
	margin-right:20px;
	}

#savePrefs {
	margin-right: 10px;
	}

/*TODO widget styles ends*/

.chartTitle {
	margin: 10px 10px 10px 6px;
	text-align: center;
	font-weight: 900;
	font-size: 12px; /*UX-SHSUH-2580*/
	}

/* -----------------JQ Theme Override ----------------------------------- */



.widget .ui-corner-tl, .widget .ui-corner-tr, .widget .ui-corner-bl, .widget .ui-corner-bl, .widget .ui-corner-br, .widget .ui-corner-top, .widget .ui-corner-bottom, .widget .ui-corner-right, .widget .ui-corner-left, .widget .ui-corner-all{
	-moz-border-radius: 0px !important; -webkit-border-radius: 0px !important;
	}

	.todoList li{
	border-bottom:1px solid #DFDFDF;
	margin-bottom:3px;
}
/*export styles*/
.exportMessageDB .FusionCharts
{

}
.exportMessageDB
{
	float: left;
	padding: 2px;
}
.exportSelectDB .ui-buttonset .ui-button-icon-primary
{
	float: left;
	width: 16px;
}

.exportSelectDB .ui-buttonset .ui-button-text
{
	float: left;
	width: 59px;
}
.exportSelectDB .ui-buttonset button
{
	width: 95px;
}
.exportSelectDB
{
	float: right;
    position: relative;
    right: 45px;
    width: 95px;
}
.exportSelectDB .ui-menu
{
	width: 93px !important;
}
.exportSelectDB li
{
	padding: 0 !important;
	margin: 0;
}

.exportSelectDB li a
{
	display: block;
	text-decoration: none;
	padding: 2px 25px ;
	font-size: .9em;
}

.exportSelectDB li a:hover
{
	color: #3283BB;
	background: none;
	background-color: #e5f4ff;
	border: none;
}
.exportSelectDB button
{

}
.exportPrintDB
{
 float: right;
    left: 95px;
    position: relative;
}

.ui-dialog{
	position: absolute !important;
    top: 223px !important;
}	
.ui-dialog .ui-widget-header {
		border: 1px solid #7d8082 !important;
		background: #222c80 url("../../../../vendors/ui-branding-core/assets/images/icons/ui-bg_gloss-wave_20_34a2da_500x100.png") 50% 50% repeat-x !important;
		color: #ffffff !important;
		font-weight: bold !important;
}
.ui-dialog .ui-widget-content a {
		color: #3283BB !important;
}
.ui-dialog  .ui-widget-content .logos table, td{
	display: table-cell !important;
}

.ui-dialog .ui-widget-header.ui-dialog-titlebar{
	background: #222C80 !important;
}

.ui-dialog.disclaimerPopup {	
	height: auto !important;
}

.ui-dialog.disclaimerPopup .ui-dialog-content.ui-widget-content {
	padding: 20px 0;
	height: auto !important;
} 

/* UHGP-2499: For dashboard pop up */
.blockUI.blockOverlay {
	opacity: 0.6 !important;	
    background-color: rgb(0, 0, 0) !important;
   	z-index: 2500 !important;
}

.blockMsg {
    opacity: 1 !important;
}

.blockMsg .loader_dashboard {
    background: rgba(255,255,255,.8)!important;
    color: #404040;
    text-align: center;
    padding: 30px;
    z-index: 2000;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    position: absolute;
}

.blockMsg .loader_dashboard .loader__message {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    height: 66px;
    margin: auto;
    width: 120px;
}
.blockMsg .loader_dashboard .loader__message .loader__indicator {
    color: #408080;
    font-size: 36px;
    height: 36px;
    margin: 0 auto 10px;
    width: 36px;
}
.blockMsg .loader_dashboard .loader__message .loader__indicator .loader__text {
    font-weight: 700;
}