/**Common Arco Doma Css. Do not modify*/

html{height:100%;margin:0}

body,form
{
height:100%;
margin:0;
font-family:Lucida Sans Regular,Lucida Sans Unicode,Lucida Grande; 
font-size:7.5pt;
color:#000000;
}

th
{
   white-space:nowrap;
   text-align:left;
}

.GroupingPanel .Spacer {
    background-color: #FFFFFF !important;
    border-top: 0px !important;
}

A{text-decoration:none;color:inherit;}

#disableWindow {position:absolute;width:100%;top:0;left:0;z-index:10000;opacity:.55; -moz-opacity: .55;filter: alpha(opacity=55);
                background-color:rgb(170,170,170); }
 
img, input[type=Image] {border:0;vertical-align:middle;}


::-ms-clear { width : 0; height: 0; } 
::-ms-reveal { width : 0; height: 0; }

div.RadListBox .rlbText,
 div.RadListBox .rlbItem,
 div.RadListBox .rlbButtonText,
 div.RadListBox .rlbEmptyMessage {  
    line-height:15px; 
 }

.rspPaneHorizontal
{
    border-right-width:0!important;
    border-bottom-width:0!important;
}

.rspResizeBar
{
	border-color: #624451 !important; 
}
textarea.RadInputMgr, textarea
{
    height: auto;
    resize: none;
    white-space: pre-wrap;
}
.RadSearchBox{border:1px solid black;}
.RadSearchBox .rsbInner{border-color: transparent !important;}
.RadToolBarDropDown .rtbText{white-space:nowrap !important;}
.RadSplitter_Default{font-size:inherit!important;}

.RadMenu{outline: 0;}
/*BUTTONS ON FOLDERS AND DOCUMENTS*/
 .RadToolBar .rtbInner .rtbUL .rtbBtn{border: 1px solid black !important;}
/** end buttons*/

 .RadToolBar .rtbOuter
{
	padding:0 !important;
    border-width:0 !important;
    border-style:none !important;
}

.RadComboBoxDropDown_Default .rcbMoreResults a {
    background-image: none!important;
}
.RadComboBox .rcbInput
{
    color:#000000!important;
    font-weight:normal!important;
}
div.RadTabStrip .rtsLevel .rtsIn, 
    div.RadTabStrip .rtsLevel .rtsTxt { 
        padding: 0; 
    } 


.ruAdd, .ruBrowse 
  { 
    background-position: 0 -46px !important; 
    width: 122px !important; 
 }
        
.multipleRowsComboBox .rcbItem,
.multipleRowsComboBox .rcbHovered
{
    float:left;
    margin:0 1px;
    min-height:13px;
    overflow:hidden;
    padding:2px 19px 2px 6px;
    width:100px;
} 

a.FolderLink, .FolderLink
{  
	float: left;
	display: block;
	line-height: 2;
	white-space: nowrap;	
}

input.chk {height:13px; width:13px; margin:0;border:0}

.NoOverFlowClass{overflow:hidden !important}
.OverFlowClass{overflow:visible !important}

.LayoutTable, .DetailTable , .Panel, .SubList, .List, .ListNoHL, .GroupingTable, .MainMenuTable{width:100%}

.LayoutTable, .MainMenuTable
{
    border-spacing:0;
}
.LayoutTable td
{  
    vertical-align:top;
}
.Panel,.SubList, .List, .ListNoHL {border-collapse:collapse}
.SubList {clear:both}


/**Detail Form*/
.LabelCell,.RowCell,.ReadOnlyFieldCell, .FieldCell
{
vertical-align:top;
text-align:left;
}

.DetailTable .LabelCell,.ReadOnlyFieldCell, .FieldCell
{
padding:3px;
}
.LabelCell
{    
white-space:nowrap;
width:200px;
min-width:200px;
}
.FieldCell{white-space:nowrap}

.ReadOnlyFieldCell
{
min-width:200px;
}
.RowCell
{
padding-left:0;
width:100%;
}
.ReadOnly{width:inherit}

.ClosingCell{width:100%}

/**End Detail Form*/

/**Grouping Panel*/
.GroupingPanel
{
    margin-bottom:10px;   
}
.GroupingPanel .Content
{
    overflow:auto;
}
.GroupingPanel .Item {
    padding:2px 0 3px 5px;  
}

.GroupingPanel .Header
{       
    padding:5px 0 3px 5px;  
    height:20px;
    width:auto;
}

.GrouperLink {
    white-space:nowrap;
}

/**End Grouping Panel*/


.ImageListContent{vertical-align:top;cursor: default;padding: 2px 0}
.ImageListContent td{padding:4px}

#imagepreview{
position:absolute;
border:1px solid #ccc;
background:#333;
padding:5px;
display:none;
color:#fff;
}
      

/**Tooltp*/  
#ajax_tooltipObj{
	z-index:10000;
	text-align:left;
}
#ajax_tooltipObj div{
	position:relative;
}
#ajax_tooltipObj .ajax_tooltip_arrow{	/* Left div for the small arrow */
	background-image:url('Images/arrow.gif');
	width:20px;
	position:absolute;
	left:0;
	top:0;
	background-repeat:no-repeat;
	background-position:center left;
	z-index:10005;
	height:60px;
}
#ajax_tooltipObj .ajax_tooltip_content{
	border:2px solid #317082;	/* Border width */
	left:18px;	/* Same as border thickness */
	top:0;
	position:absolute;
	width:400px;	/* Width of tooltip content */
	height:300px;	/* Height of tooltip content */
	background-color:#FFF;	/* Background color */
	padding:5px;	/* Space between border and content */
	font-size:0.8em;	/* Font size of content */
	overflow:auto;	/* Hide overflow content */
	z-index:10001;
}	
/**End tooltip*/

/* Simple tooltip */
#tt {position:absolute; display:block;}
#tttop {display:block; height:5px; margin-left:5px;  overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background: infobackground; color:infotext;border:1px solid black}
#ttbot {display:block; height:5px; margin-left:5px; overflow:hidden}
/* End Simple tooltip */


div.HiddenDatePicker .inputCell , input.HiddenDatePicker 
{  
    padding:0 !important;  
    width:1px !important;  
}  
  
input.HiddenDatePicker  
{     
    border:0 !important;     
    visibility:hidden !important;  
}  

/**Buttons*/
.buttons a, .buttons button, .buttons .ArcoButton
{    
    float:right;
}
.ArcoButton
{   
    float:left;
}
/**End buttons*/

.MainMenu_RightNav{   
	float:right;
	margin-right:5px;
    padding:10px;
}

.InlineHelp
{
    font-size:7pt;
    margin:3px;
}


.LicenceMessage
{
    font-size:2em;    
    color:red;
}


fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

fieldset legend {
display: none;
}
    
fieldset ol {
padding: 0;
list-style: none;
}

fieldset ol li {
    padding-bottom: 5px;
    display:inline-block;
}


.PanelPage
{
    align-items:center;
 
     display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
      display: -ms-flexbox;      /* TWEENER - IE 10 */
      display: -webkit-flex;     /* NEW - Chrome */
      display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */

    flex-flow:column nowrap;    
    height:100%; 
    justify-content:center;
   
}
.Panel .Header
{    	
	width:100%;   
}

.Panel.Centered .Label
{
    display:block!important;  
    padding-bottom:5px;   
    font-size:12px;
    font-weight:bold;
   
}

.Panel.Centered .Side
{                
    width:150px;
    float:left;      
}
.Panel.Centered .Content
{        
    width:400px;
    float:right;
}
.Panel.Centered
{            
     width:550px;                  
}



.FormLabel{width:200px;text-align:left}


/** Grids */
.ListFilter input,.SubListFilter input
{
    min-width:100px;
    width:100%
}
.Wrap {            
    white-space:nowrap  
}


.List td {            
    vertical-align:top;
    
}

.List td, List th {
    padding: 0 5px;
    line-height:24px;
    white-space:nowrap;
}
.SubList td
{
    padding: 3px 3px 3px 5px; 
    white-space:nowrap;
}

.ListFooter
{
    background-color:white;
}

.ListFooter td
{
    text-align:center;
}

/** End Grids */

td.CenterAlign {
   text-align:center; 
}
td.RightAlign {
    text-align:right;
  
}

.List .RightAlign {
    margin-right:2px;
}

.mainmenu_img_wrapper
{
    display:inline-block;
    cursor:pointer;
    height:24px;
    width:24px;
    position:relative;
    margin-left:5px;
    margin-right:5px;
}

.mainmenu_img
{
    position:absolute;
    height:24px;
    width:24px;  
    top:0;
    left:0;
}
.mainmenu_img_wrapper[data-badge]:after {    
   content:attr(data-badge);
   position:absolute;
   top:-10px;
   right:-10px;
   font-size:.7em;
   background:red;
   color:white;
   width:18px;height:18px;
   text-align:center;
   line-height:18px;
   border-radius:50%;
   box-shadow:0 0 1px #333;
}


.profile_img
{   
    height:100px;
    width:100px;
}


.stepgroup
 {
  margin:auto;
  width:100%;
  overflow: hidden;
  position: relative;
  margin-top: 20px; 
  margin-bottom: 20px;
 
}
.stepgroup-progress {  
  position: absolute;
  top: 34px; 
  width: 100%;
  height: 1px;
  background: #ddd; }

.stepgroup-progress-line {
  position: absolute;
  top: 0;
  left: 0;
  height: 1px;
 }
.stepgroup-step {
  position: relative;
  float: left; 
  padding: 0 10px;    
 }

.stepgroup-step-icon {
  display: inline-block;
  width: 60px;
  height: 60px;
  margin-top: 4px; 
  background: #ddd; 
  color: #fff;
 
  line-height: 60px;
  text-align: center; 
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%; }

.stepgroup-step.active .stepgroup-step-icon {
  width: 68px;
  height: 68px;
  margin-top: 0;

  
  line-height: 68px; }

.stepgroup-step p {  
  color: #ccc; }


.SideHeader {
    height:100%;	   
}

.SideHeader .SideMenu
{			
    margin-bottom:15px;
    margin-left:5px;
	cursor:pointer;	
  
}
.SideHeaderCell
{
    vertical-align:text-top;
}

.SideHeader .SideMenu img
{
    margin-left: auto;
	
}

.SideHeader .SideMenu.Selected
{		

    font-weight:bold;
}