/******************************************/
/*** ISL Overrides for MetaStorm Themes ***/
/*** File: zISLOverrides.css            ***/
/*** CSS added last to pages so it may  ***/
/*** override/extend the default styles ***/
/******************************************/


/***************************************************************/
/** Overriden MetaStorm/OpenText/Telerik css classes and id's **/
/***************************************************************/

.RadAjax .raDiv,
.RadAjax .raColor
{
    	width:100%;
    	height:100%;
    	margin:0;
    	padding:0;
}

/* Override the MetaStorm default to give space for widgets. */
.InsertColumnRight
{
    	background-position: -12px center;
}

/* Breathing space at the edges */
body {
    	padding: 5px;

}

/*html, body
{
	min-width: 700px !important;
}
*/

h1 
{
	margin:0 !important;
	padding:0 !important;
}

/********************************/
/** ISL added classes and id's **/
/********************************/



/* Panel look and feel */

.wrapper
{
    	height: 100%;
    	width: 100%;
	background: #666666 !important;
}

.radPaneColourRight
{
    	background: white;
    	border-radius: 25px;
	border: 2px solid #64028c;
}

.radPaneColourLeft
{
    	background: white;
    	border-radius: 25px;
	font-family: 'Segoe UI', Tahoma, arial, helvetica, sans-serif;
}

.radSplitter
{
    	margin-left: 4px;
    	margin-top: 3px;
}

.background
{
    	width: 100%;
}

.WebClientCombobox .rcbInputCell .rcbInput
{
    	visibility:hidden;
    	height:0px;
    	line-height:0px;
}

html, body
{
	margin: 0;
	padding: 0;	
	background: #666666;		
	height:100%;
	font-family: 'Segoe UI', Tahoma, arial, helvetica, sans-serif;
}

img
{
	border-width: 0; 
	transform: scale(1, 1) !important;
	-ms-transform: scale(1, 1) !important;
	-webkit-transform: scale(1, 1) !important;
	background: none;
}

.menu_icons
{
	border-width: 0; 
	transform: scale(0.7, 0.7) !important;
	-ms-transform: scale(0.7, 0.7) !important;
	-webkit-transform: scale(0.7, 0.7) !important;
	background: none;
}

.attachment_img
{
	border-width: 0; 
	transform: scale(1, 1) !important;
	-ms-transform: scale(1, 1) !important;
	-webkit-transform: scale(1, 1) !important;
	background:none;
}

toolbar_img
{
	border-width: 0; 
	transform: scale(0.6, 0.6);
	-ms-transform: scale(0.6, 0.6);
	-webkit-transform: scale(0.6, 0.6);
	background:none;
}

toolbar_img:hover
{
	background: #64028c;
}

a {
   outline: 0 !important;
}

.RadToolBar .rtbUL, .RadToolBar .rtbItem {
	height: unset;
}

.RadToolBarDropDown .rtbGroup {
    display: block;
    padding: 0;
    margin-top: 10px;
    /* margin: 0; */
}

.RadToolBarDropDown_Default .rtbWrap, .RadToolBarDropDown_Default .rtbTemplate {
    padding-left: 20px;
    margin-left: 2px;
    font: normal Tahoma, arial, helvetica, sans-serif;
    color: #000;
    font-size: 90%;
}

.wrapper 
{
	width: 100%;
	height: 100%;
}

.loginInfo
{	
	height: 100px;
	width: 100%;
	background: #ffffff;  
	font-size: 12px;
	color: #000000;
	border-radius: 25px;
    border: 2px solid #64028c;
	padding-top: 1px;
	margin-left: 5px;
	margin-right: 1px;
    	margin-top: 5px;
}

.loginInfo A
{
	text-decoration:underline;
	color:#000000;
}

.loginInfo A:hover
{
	text-decoration:underline;
	color:#6788be;
}

.topNav
{
	background-image: url('Images/ListButtons/nav-repeating.gif');
	background-repeat: repeat-x;	
	/*padding-left: 6px;*/
	height: 40px;					
	border-bottom: 1px solid #ccc;
}

.navWrapper
{
	width: 100%;
    	background-color: #666666;
}
	
.logo
{
	display:block;
	background:transparent url('Images/Common/bpm9ui_logo.gif') no-repeat;
	width:340px;
	height:80px;
	margin-left:0px;
	margin-top:10px;
	transform: scale(0.8, 0.8) !important;
	-ms-transform: scale(0.8, 0.8) !important;
	-webkit-transform: scale(0.8, 0.8) !important;
}

.map-logo
{
	display:block;
	background:transparent url('Images/Common/bpm9ui_logo.gif') no-repeat;
	width:340px;
	height:80px;
	margin-left:15px;
	margin-top:10px;
	transform: scale(0.8, 0.8) !important;
	-ms-transform: scale(0.8, 0.8) !important;
	-webkit-transform: scale(0.8, 0.8) !important;
}

.RadToolBar .rtbItem {
    margin: 0 1px;
    margin-left: 25px;
}

.contentWrapper  
{
	width: 100%;
	margin-left: 1px;
	padding-bottom: 20px;
	background:#666666;
}

.contentWrapperBg
{	
	width: 100%;
	height: 97%;
}

.watermarkBg
{
	background-color: #ffffff;	
	width: 100%;	
	text-align: center !important;		
	position: relative;	
	/*min-height:100%;*/
   	height: 100%;
}
.watermark
{	
	width: 100%;			
	height: 100%;
	position: relative;
}

.loginWrapper 
{ 
	width:100%;
	text-align:center;
	height: 50%;
	position: relative; 
}

td.gridBody
{
	background-color: White;
	white-space: nowrap;
}

.gridOuterContainer
{
	border-collapse:separate !important;
}

.gridFilter
{
    	padding-left: 8px;
	margin-top:25px;
	padding-top: 8px;    
	padding-bottom: 8px;
    	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e7eff7', endColorstr='#dce6f1');
	background-image: -moz-linear-gradient(rgb(231,239,247), rgb(220,230,241));
    	height: 34px;
    	border-color: #CCCCCC;
    	border-style: solid;
    	border-width: 0px 0px 1px 0px;
    	font-size: 85%;
}

.customListFilter
 {     
	float:left;
    	padding-left: 8px;
    	padding-right: 8px;
    	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e7eff7', endColorstr='#dce6f1');
    	background: -webkit-gradient(linear, left top, left bottom, from(#e7eff7), to(#dce6f1)); 
	background-image: -moz-linear-gradient(rgb(231,239,247), rgb(220,230,241));
    	height: 34px;
    	border-color: #CCCCCC;
    	border-style: solid;
    	border-width: 1px 1px 1px 1px;
    	padding-top: 2px;    
    	font-size: 85%;
 }

.RadToolBar 
{
    margin-top: 4px;
    margin-bottom: 10px;
    padding: 0;
    padding-left: 15px;
    width: 100%;
}

.RadToolBar .rtbWrap, .RadToolBar .rtbOut, .RadToolBar .rtbMid, .RadToolBar .rtbIn
{
	white-space: nowrap;
	vertical-align: top;
	height: 70px !important;
	display: -moz-inline-box;
	display: inline-block;
	zoom: 1;
	*display: block;
	*float: left;
}

.rtbIn
{
	margin-right:5px;
}


.RadToolBar_Default_Horizontal .rtbItem {
    padding-left: 15px !important;
}

.RadToolBar .rtbWrap
{
	height: 65px;
	text-decoration: none;
	vertical-align: top;
	outline: 0;
	cursor: pointer;
}

.RadToolBarDropDown .rtbWrap,
.RadToolBarDropDown .rtbTemplate
{
	line-height: 44px;
	position: relative;
}

.RadToolBarDropDown .rtbIcon
{
	border: 0;
	vertical-align: top;
	position: absolute;
	left: 5px;
	top: 2px;
	display: block;
	width: 40px;
	height: 40px;
}

.RadToolBarDropDown .rtbText
{
    	padding-left: 25px !important;
    	padding-right: 40px !important;
	display: block;
	*display: inline;
	zoom: 1;
	white-space:nowrap;
}

.rtbMain {
	line-height:70px !important;
}

.rtbMain .rtbText
{
    	color: #FFFFFF !important;
	margin-left: -10px;  
	font: normal Tahoma, arial, helvetica, sans-serif !important;
}

.rtbMainChecked .rtbText
{
    	color: #FFFFFF !important;	    
}

.navToolbar .rtbItem.rtbMainHovered > a
{
    	border-bottom: 5px solid #64028c;
}

.navToolbar .rtbItem.rtbDropDown.rtbItemFocused.rtbDropDownExpanded > a {
    border-bottom: 5px solid #64028c;
}

.navToolbar .rtbItem > a
{
    	border-bottom: 5px solid transparent;
}

/* Outline there instead of border if item is checked/ selected*/
.navToolbar .rtbItem.rtbMainChecked > a {
	border-bottom: none !important;}

.navToolbar .rtbItem.rtbMainHovered.rtbMainChecked > a {
	border-bottom: none !important;
}

.rtbMainChecked {
	background-color: rgb(100, 2, 140);
	margin-left: 10px !important;
	padding-right: 15px !important;
	border-radius: 10px;
	padding-right: 10px;
	border-width: 5px;
	border: solid white;
	animation: pulse 5s infinite;
}


div.RadToolBarDropDown_Default
{	
	/*border: 1px solid #6788be;*/
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	background: #666666;
	width: auto !important;
	opacity: 0.95 !important;
}

div.RadToolBarDropDown_Default .rtbItemHovered {
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    background: #666666 !important;;
    border-bottom-color: #666666 !important;;

}

.RadToolBarDropDown_Default .rtbItemFocused .rtbWrap
{
	background: #555555 !important;
	background-image: -moz-linear-gradient(bottom, #fff5d8 3%, #fff2cc 100%);
	border-bottom-color: #fce7aa !important;	
	border-bottom: #64028c 1px solid;
}

.RadToolBarDropDown_Default .rtbSeparator {
    border-color: #fff;
    background:none;
}

.rtbText { color: #ffffff; }
       
.rspSlideHeaderIconWrapper, .rspSlideTitleContainer
{         
	display: none !important;
}
          
.rspSlideTitle, .rspSlideTitleContainer
{
	background-image: none !important;
        height: 1px !important;
}

.RadSplitter_Default .rspResizeBar, .RadSplitter_Default .rspSlideContainerResize, .RadSplitter_Default .rspResizeBarOver, .RadSplitter_Default .rspSlideContainerResizeOver
{
    background-image: url('') !important;
    background-color: #666666 !important;
    border-right-color: #666666 !important;
    border-left-color: #666666 !important;
}


.gridHeader
{
    font-size: 130%;
}

/** Hide the first column of the ToDo, Admin and Watch lists as it says "open" and clicking on any part of the row also opens it
Taken out as also affects the custom lists, which have nothing else to open them with

.gridHeader:first-of-type
{
	display:none;
}

.gridRow td:first-of-type {
	display:none;
}

.altGridRow td:first-of-type  {
	display:none;
}

.gridSelectedRow td:first-of-type  {
	display:none;
}

*/

/* Font size in main table */
.met-Cell,
.met-CellDate
{
    font-size: 100%;
}


legend, textarea, label 
{
    font-size: 130%;
}


@keyframes pulse {
  0% {
    border-color: #cccccc;
  }
  50% {
    border-color: #ffffff;
  }
  100% {
    border-color: #cccccc;
  }
}

/*  BPMLists.css  */
/*-------------------------------------------*/
/* These classes are used in the BPM lists (Blank forms, ToDo list, Watch list, Admin forms and Reports)  */

/* Alert priority colors */
    
 .P0    {  }
 .altP0 {  }                             
           
 .P1    { color: red !important; }
 .altP1 { color: red !important; }           
           
 .P2    { color: darkorange !important; }
 .altP2 { color: darkorange !important; }
 
 .P3    { color: magenta !important; }
 .altP3 { color: magenta !important; }
 
 .P4    {  }
 .altP4 {  }

 .P5    { color: blue !important; }
 .altP5 { color: blue !important; }
 
 .P6    {  }
 .altP6 {  }
 
 .P7    {  }
 .altP7 {  }
               
 .P8    {  }
 .altP8 {  }
 
 .P9    {  }
 .altP9 {  }

.met-Cell, .met-CellDate {
	cursor: pointer;
	overflow: hidden !important;
	text-overflow: ellipsis;
	border-bottom: 1px solid #dddddd;
	color: inherit !important;
	font-size: 100%;
	height: 34px;
	line-height: 34px;
	padding-left: 10px;
}

.rtbIcon
{
    transform: scale(0.7, 0.7) !important; 
    -ms-transform: scale(0.7, 0.7) !important;
    -webkit-transform: scale(0.7, 0.7) !important;
}

*:focus { outline: 0 !important; }