body {
	margin:  0px 0px 0px 0px;
	background-color: #fff;
	font-family: Arial, Tahoma,  sans-serif; 
	text-align: left;
	scrollbar-3dlight-color: #849084;
	scrollbar-arrow-color: #849084;
	scrollbar-darkshadow-color: #E3ECF5;
	scrollbar-face-color: #DDE9F8;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #849084;
	scrollbar-track-color: #DDE9F8;
}

div
{
	color: #000000; 
	font-family: Tahoma;
	font-size: 11px;
	font-weight: normal; 
	text-decoration : none;
}

h1 {
	font-family: Arial, Tahoma,  sans-serif; 
	font-size: 15px; 
	vertical-align: middle;  
	margin-bottom:0px; 
}

a{
	text-decoration: none;
	color: #253856;
}

a:hover{
	text-decoration: underline;
	color: #253856;
}

a.footerLink
{
	font-family: Arial, Tahoma,  sans-serif; 
	font-size: 12px; 
	font-weight:bold;
	text-decoration: none;
	color: #fff;
}

a.footerLink:hover
{
	font-family: Arial, Tahoma,  sans-serif; 
	font-size: 12px; 	
	font-weight:bold;
	text-decoration: underline;
	color: #fff;
}

img
{
    border:0px 0px 0px 0px;
}
/*********************************************************
 End Global
 *********************************************************/









/*********************************************************
 Text 
 *********************************************************/
.bold {
    font-weight: bold;
}
 .text {
	font-family: Arial, Tahoma,  sans-serif; 
	font-size: 12px; 
	margin: 0px 0px 0px 0px;
 }
 .TextInputDDL {
    FONT-SIZE: 8pt;
    FONT-FAMILY:  Arial, Tahoma,  sans-serif;
    BACKGROUND-COLOR: #ffffff;
    
   } 
/*********************************************************
 End Text 
 *********************************************************/







 
 
/*********************************************************
 Layout 
 *********************************************************/
 /* General Layout items *******************************************/





 /* Main Table *******************************************/
 /* Main Table */
.mainTable{
	width: 800px;
	height: 100%;
	
}

 /* Center cell of the main table */
.mainTableMainCell{
	text-align: center;
	vertical-align: middle;
	height: 100%;
	padding-top: 3px;
	padding-bottom: 6px;
}

 /* Center cell of the main table */
.mainTableMainCellCorners{
	height: 100%;
	width: 100%;
}

 /* Main Table Corners ***********************************/
 /* Center cell of the main table - top left corner */
.mainTableMainCellLeftTopCorner{
	background-image: url(../../Images/Lookup/corner_top_left.gif);
	width: 6px;
	height: 6px;
}

 /* Center cell of the main table - top right corner */
.mainTableMainCellRightTopCorner{
	background-image: url(../../Images/Lookup/corner_top_right.gif);
	width: 6px;
	height: 6px;
}

 /* Center cell of the main table - bottom left corner */
.mainTableMainCellLeftBottomCorner{
	background-image: url(../../Images/Lookup/corner_bottom_left.gif);
	width: 6px;
	height: 6px;
}

 /* Center cell of the main table - bottom right corner */
.mainTableMainCellRightBottomCorner{
	background-image: url(../../Images/Lookup/corner_bottom_right.gif);
	width: 6px;
	height: 6px;
}


 /* Main Table Lines **************************************/
 /* Center cell of the main table - bottom line */
.mainTableMainCellBottomLine{
	border-bottom: 1px solid #C6C6C6;
	background-color: #FFF;
	height: 6px;
	line-height: 1px;
}

 /* Center cell of the main table - top line */
.mainTableMainCellTopLine{
	border-top: 1px solid #C6C6C6;
	background-color: #FFF;
	height: 6px;
	line-height: 1px;
}

 /* Center cell of the main table - left line */
.mainTableMainCellLeftLine{
	border-left: 1px solid #C6C6C6;
	background-color: #FFF;
	height: 6px;
	line-height: 1px;
	font-size: 16px;
}

 /* Center cell of the main table - right line */
.mainTableMainCellRightLine{
	border-right: 1px solid #C6C6C6;
	background-color: #FFF;
	height: 6px;
	line-height: 1px;
	font-size: 17px;
}


 /* Center cell of the main table - center area */
.mainTableMainCellCenter{
	background-color: #FFF;
	text-align: center;
	vertical-align: top;
	padding-top: 10px;
	padding-bottom: 10px;	
	height: 100%;
}






/* Footer *******************************************/
/* Footer table Left Top Corner */
.footerTableLeftTop{
	background-image: url(../../Images/Footer/footer_left.gif);
	width: 6px;
	height: 6px;
	line-height: 1px;
	font-size: 1px;
}

 /* Footer table Right Top Corner */
.footerTableRightTop{
	background-image: url(../../Images/Footer/footer_right.gif);
	width: 6px;
	height: 6px;
	line-height: 1px;
	font-size: 1px;
}

/* Footer table background */
.footerTableBackground{
	background-color: #A9A9A9;
}
.footerTableBackgroundInverse{
	background-color: #96AAB6;
	color: #FFFFFF;
	font-family: Arial; 
	font-size: 12px; 
	font-weight:bold;
	text-decoration: none;
	text-align:left;
}


/* Footer Link Td */
.footerTableLinkTd{
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;	
	width: 1px;
	vertical-align:middle;
	height:30px;
}

 /* Main Lookup Table *******************************************/
 /* Lookup table containing the main tabbed section */
.mainLookupTabedTable{
	width: 700px;
	height: 400px;
}



/* Main Lookup Table Corners ***********************************/
/* Lookup Bottom table Left Top Corner */
.mainLookupTabedTableBottomTableLeftTop{
	background-image: url(../../Images/Lookup/corner_inside_top_left.gif);
	width: 6px;
	height: 6px;
	line-height: 1px;
	font-size: 1px;
}

 /* Lookup Bottom table Right Top Corner */
.mainLookupTabedTableBottomTableRightTop{
	background-image: url(../../Images/Lookup/corner_inside_top_right.gif);
	width: 6px;
	height: 6px;
}

 /* Lookup Bottom table Left Bottom Corner */
.mainLookupTabedTableBottomTableLeftBottom{
	background-image: url(../../Images/Lookup/corner_inside_bottom_left.gif);
	width: 6px;
	height: 6px;
	line-height: 1px;
	font-size: 1px;	
}

 /* Lookup Bottom table Right Bottom Corner */
.mainLookupTabedTableBottomTableRightBottom{
	background-image: url(../../Images/Lookup/corner_inside_bottom_right.gif);
	width: 6px;
	height: 6px;
}


 /* Main Lookup Table Lines *************************************/
 /* Lookup Bottom table Bottom Line */
.mainLookupTabedTableBottomTableBottomLine{
	border-bottom: 1px solid #949494;
	background-color: #F3F3F3;
	height: 6px;
	line-height: 1px;
}

 /* Lookup Bottom table Top Line */
.mainLookupTabedTableBottomTableTopLine{
	border-top: 1px solid #949494;
	background-color: #F3F3F3;
	height: 4px;
	line-height: 1px;
}

 /* Lookup Bottom table Left Line */
.mainLookupTabedTableBottomTableLeftLine{
	border-left: 1px solid #949494;
	background-color: #F3F3F3;
	height: 6px;
	line-height: 1px;
	font-size: 6px;
}

 /* Lookup Bottom table Right Line */
.mainLookupTabedTableBottomTableRightLine{
	border-right: 1px solid #949494;
	background-color: #F3F3F3;
	height: 6px;
	line-height: 1px;
	font-size:18px;
}

 /* Lookup Bottom Table - Center */
.mainLookupTabedTableBottomTableCenter{
	background-color: #F3F3F3;
	text-align: center;
	vertical-align: top;
}

/* Lookup table left line of the bottom section */
.mainLookupTabedTableBottomLeftCell{
	border-left: 1px solid #949494;
	background-color: #FBFBFB;
	line-height: 1px;
	font-size: 1px;	
}

/* Lookup table right line of the bottom section */
.mainLookupTabedTableBottomRightCell{
	border-right: 1px solid #949494;
	background-color: #FBFBFB;
	line-height: 1px;
	font-size: 1px;	
}

/* Lookup table bottom main cel */
.mainLookupTabedTableBottomMainCell{

	background-color: #FBFBFB;
}

/* Left Bottom cell of the tabbed table  */
.mainLookupTabedTableLeftBottomCorner{
	background-image: url(../../Images/Tab/corner_outside_bottom_left.gif);
	width: 6px;
	height: 6px;
}

/* Right Bottom cell of the tabbed table  */
.mainLookupTabedTableRightBottomCorner{
	background-image: url(../../Images/Tab/corner_outside_bottom_right.gif);
	width: 6px;
	height: 6px;
}

/* Bottom Line of the tabbed table  */
.mainLookupTabedTableBottomLine{
	border-bottom: 1px solid #949494;
	background-color: #FBFBFB;
	height: 6px;
	line-height: 1px;
}

 /* Lookup Bottom Table - Info Section */
.mainLookupTabedTableBottomTableInfoCol{
	
}

/* Lookup Bottom Table - Buttons Section */
.mainLookupTabedTableBottomTableBtnCol{
	width:1px;
	padding:20px 0px 10px 10px;
	vertical-align:middle;

}

/* Lookup Bottom Table - Mode Section */
.mainLookupTabedTableBottomTableModeCol{
	width:1px;
	padding: 5px 0px 0px 0px;
	vertical-align:middle;
}

/* Lookup Bottom Table - Info Section */
.mainLookupTabedTableBottomTableInfoColLabelTd{
	width: 1px;	
}

/* Lookup Bottom Table - Info Section */
.mainLookupTabedTableBottomTableInfoColInfoTd{
	padding-left:5px;
	font-weight:bold;
}

 /* Lookup table containing the main tabbed section */
.mainLookupTabedTableMainCell{
	padding: 5px 5px 5px 5px 5px;
	height: 100%;
	text-align: left;
	vertical-align: top;
	border-left: 1px solid #949494;
	border-right: 1px solid #949494;	
	background-color: #FBFBFB;
}

 /* Lookup table - left section of a selected tab */
.mainLookupTabedTableLeftTabOn{
	background-image: url(../../Images/Tab/tab_on_left.gif);	
	width: 6px;
	height: 23px;
	line-height: 1px;
	font-size: 16px;
	background-repeat: no-repeat;	
}

 /* Lookup table - right section of a selected tab */
.mainLookupTabedTableRightTabOn{
	background-image: url(../../Images/Tab/tab_on_right.gif);	
	width: 6px;
	height: 23px;
	line-height: 1px;
	font-size: 20px;
	background-repeat: no-repeat;	
}

 /* Lookup table - center section of a selected tab */
.mainLookupTabedTableCenterTabOn{
	background-image: url(../../Images/Tab/tab_on_line.gif);	
	height: 23px;
	background-repeat: repeat-x;	
	font-family: Arial, Tahoma,  sans-serif; 
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	color: #253856;
}

 /* Lookup table - space between tabs */
.mainLookupTabedTableTabSpace{
	background-image: url(../../Images/Tab/space.gif);	
	height: 23px;
	background-repeat: repeat-x;	
	width: 1px;
}

/* Lookup table - left section of a not selected tab */
.mainLookupTabedTableLeftTabOff{
	background-image: url(../../Images/Tab/tab_off_left.gif);	
	width: 6px;
	height: 23px;
	line-height: 1px;
	font-size: 1px;
	background-repeat: no-repeat;	
}

 /* Lookup table - right section of a not selected tab */
.mainLookupTabedTableRightTabOff{
	background-image: url(../../Images/Tab/tab_off_right.gif);	
	width: 6px;
	height: 23px;
	line-height: 1px;
	font-size: 1px;
	background-repeat: no-repeat;	
}

 /* Lookup table - center section of a not selected tab */
.mainLookupTabedTableCenterTabOff{
	background-image: url(../../Images/Tab/tab_off_line.gif);	
	height: 23px;
	background-repeat: repeat-x;	
	font-family: Arial, Tahoma,  sans-serif; 
	text-align: center;
	font-size: 13px; 
	font-weight: bold;	
	color: #253856;	
}

 /* Shipment Informatio items *************************************/
 /* Origin Adress Table */
.shInfoOrgAddrTable{
	width:100%
}
/* Origin Adress Td */
.shInfoOrgAddrTd{
	padding-top:6px;
	padding-right:3px;
	width:50%;
	vertical-align:top; 
}
 /* Dest Adress Table */
.shInfoDestAddrTable{
	width:100%
}
/* Dest Adress Td */
.shInfoDestAddrTd{
	padding-top:6px;
	padding-left:3px;
	width:50%;
}

/* Group box center cell table *************************************/
/* Center Table */
.groupBoxCenterCellTable{
	width:100%;
}
/* Title Td */
.groupBoxTitleTd{
	text-align:center;
	vertical-align:top; 
	height:1px;
}

/*********************************************************
 End Lookup 
 *********************************************************/





/*********************************************************
 Input 
 *********************************************************/
.TextInputMandatory 
{
	border: #616161 1px solid;
    font-size: 9pt;
    font-family:  Arial;
	font-weight: normal;
	text-decoration : none;
    background-color: #E1EAF1;
}        

.TextInput80 {
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    FONT-SIZE: 9pt;
    BORDER-LEFT: black 1px solid;
    BORDER-BOTTOM: black 1px solid;
    FONT-FAMILY:  Arial, Tahoma,  sans-serif;
    BACKGROUND-COLOR: #ffffff;
    WIDTH: 80px;
   }
.TextInput80highlight {
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    FONT-SIZE: 9pt;
    BORDER-LEFT: black 1px solid;
    BORDER-BOTTOM: black 1px solid;
    FONT-FAMILY:  Arial, Tahoma,  sans-serif;
    BACKGROUND-COLOR: #FFFFCC;
    WIDTH: 80px;
   }
.TextInput80error {
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    FONT-SIZE: 9pt;
    BORDER-LEFT: black 1px solid;
    BORDER-BOTTOM: black 1px solid;
    FONT-FAMILY:  Arial, Tahoma,  sans-serif;
    BACKGROUND-COLOR: #FFCCCC;
    WIDTH: 80px;
   }
.TextInput248 {
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    FONT-SIZE: 9pt;
    BORDER-LEFT: black 1px solid;
    BORDER-BOTTOM: black 1px solid;
    FONT-FAMILY:  Arial, Tahoma,  sans-serif;
    BACKGROUND-COLOR: #ffffff;
    WIDTH: 248px;
   }   
.TextInput30 {
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    FONT-SIZE: 9pt;
    BORDER-LEFT: black 1px solid;
    BORDER-BOTTOM: black 1px solid;
    FONT-FAMILY:  Arial, Tahoma,  sans-serif;
    BACKGROUND-COLOR: #ffffff;
    WIDTH: 40px;
   }
.TextInputCheckBox {
    WIDTH: 17px;
    HEIGHT: 17px;
   }
.TextInput200 {
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    FONT-SIZE: 9pt;
    BORDER-LEFT: black 1px solid;
    BORDER-BOTTOM: black 1px solid;
    FONT-FAMILY:  Arial, Tahoma,  sans-serif;
    BACKGROUND-COLOR: #ffffff;
    WIDTH: 200px;
   }   
.TextInput185 {
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    FONT-SIZE: 9pt;
    BORDER-LEFT: black 1px solid;
    BORDER-BOTTOM: black 1px solid;
    FONT-FAMILY:  Arial, Tahoma,  sans-serif;
    BACKGROUND-COLOR: #ffffff;
    WIDTH: 185px;
   }   
.TextInput100pr {
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    FONT-SIZE: 9pt;
    BORDER-LEFT: black 1px solid;
    BORDER-BOTTOM: black 1px solid;
    FONT-FAMILY:  Arial, Tahoma,  sans-serif;
    BACKGROUND-COLOR: #ffffff;
    WIDTH: 100%;
   }   
.TextInput70 {
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    FONT-SIZE: 9pt;
    BORDER-LEFT: black 1px solid;
    BORDER-BOTTOM: black 1px solid;
    FONT-FAMILY:  Arial, Tahoma,  sans-serif;
    BACKGROUND-COLOR: #ffffff;
    WIDTH: 70px;
   } 
.TextInput {
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    FONT-SIZE: 9pt;
    BORDER-LEFT: black 1px solid;
    BORDER-BOTTOM: black 1px solid;
    FONT-FAMILY:  Arial, Tahoma,  sans-serif;
    BACKGROUND-COLOR: #ffffff;
   }        
/*********************************************************
 List Screen
 *********************************************************/
.ListTBLHeader
{
   	background-color: #B0B0B0;
	color: #243956; 
	font-family: Arial; 
	font-size: 12px; 
	font-weight:bold;
	text-decoration: none;
	text-align:center;
}

.ListTBLHeaderLeft{
    border-top : 1px solid white;
    border-left : 1px solid #B6C2CE;

   	background-color: #E3ECF5;
	color: #243956; 
	font-family: Arial; 
	font-size: 12px; 
	font-weight: bold; 
	text-decoration : none;
}

.ListTBLHeaderMiddle{
    border-top : 1px solid white;
    border-left : 1px solid white;

   	background-color: #E3ECF5;
	color: #243956; 
	font-family: Arial; 
	font-size: 12px; 
	font-weight: bold; 
	text-decoration : none;
}

.ListTBLHeaderRight{
    border-top : 1px solid white;
    border-left : 1px solid white;
    border-right : 1px solid #B6C2CE;

   	background-color: #E3ECF5;
	color: #243956; 
	font-family: Arial; 
	font-size: 12px; 
	font-weight: bold; 
	text-decoration : none;
}

.BackGroundLevel {
   	background-color: #F3F3F3;
}

.ListTableItem {
    border-left : 1px solid #B0B0B0;
    border-top : 1px solid #B0B0B0;
    border-right : 1px solid #B0B0B0;
    border-bottom : 1px solid #B0B0B0;
}

.ListTableItem td{
   	background-color: #F3F3F3;
	color: black; 
	font-family: Arial; 
	font-size: 12px; 
	font-weight: normal;
	text-decoration : none;
}

.ListTableItemAlignRight {
	padding-right: 10px;
}


.ListTableItemDrk {
    border-left : 1px solid #B0B0B0;
    border-top : 1px solid #B0B0B0;
    border-right : 1px solid #B0B0B0;
    border-bottom : 1px solid #B0B0B0;
}

.ListTableItemDrk td{
   	background-color: #DDE9F8;
	color: black; 
	font-family: Arial; 
	font-size: 12px; 
	font-weight: normal;
	text-decoration : none;
}

.ListTableItemH {
    border-left : 1px solid #B0B0B0;
    border-right : 1px solid #B0B0B0;
    border-top : 1px solid #B0B0B0;
}

.ListTableItemH td{
   	background-color: #F3F3F3;
	color: black; 
	font-family: Arial; 
	font-size: 12px; 
	font-weight: normal;
	text-decoration : none;
}

.BackGroundLevel3 {
   	background-color: #FEF8E7;
}

.ListTableItemLevel3 {
    border-left : 1px solid #B0B0B0;
    border-top : 1px solid #B0B0B0;
    border-right : 1px solid #B0B0B0;
    border-bottom : 1px solid #B0B0B0;
}


.ListTableItem31 {
    border-left : 1px solid #B0B0B0;
    border-top : 1px solid #B0B0B0;
    border-right : 1px solid #B0B0B0;
    border-bottom : 1px solid #B0B0B0;
}

.ListTableItem31 td{
   	background-color: #FEF8E7;
	color: black; 
	font-family: Arial; 
	font-size: 12px; 
	font-weight: normal;
	text-decoration : none;
}

.ListTableItemLevel3 td{
   	background-color: #FEF8E7;
	color: black; 
	font-family: Arial; 
	font-size: 12px; 
	font-weight: normal;
	text-decoration : none;
	height : 20px;
}

.ListTableItemLevel4 {
    border-left : 1px solid #B0B0B0;
    border-top : 1px solid #B0B0B0;
    border-right : 1px solid #B0B0B0;
    border-bottom : 1px solid #B0B0B0;
}

.ListTableItemLevel4 td{
   	background-color: #e8f2ff;
	color: black; 
	font-family: Arial; 
	font-size: 12px; 
	font-weight: normal;
	font-style : normal;
	text-decoration : none;
}

.ListTableItemFromExcelEdit {
    border-left : 1px solid #B0B0B0;
    border-top : 1px solid #B0B0B0;
    border-right : 1px solid #B0B0B0;
    border-bottom : 1px solid #B0B0B0;
    color: green ; 
}
.ListTableItemFromExcelEdit td{
   	background-color: #E7EAEE;
	color: black; 
	font-family: Arial; 
	font-size: 12px; 
	font-weight: normal;
	font-style : normal;
	text-decoration : none;
}

.ScrollTable
{
   	background-color: #F3F3F3;
	color: #4C6180; 
	font-family: Arial; 
	font-size: 12px; 
	text-decoration : none;
}

.ScrollTable td
{
	border-bottom : 1px solid #B6C2CE;
   	background-color: #F3F3F3;
	color: #4C6180; 
	font-family: Arial; 
	font-size: 12px; 
	text-decoration : none;
	padding-right:30;
}

.ListPagerTD{
   	background-color: #DBDBDB;
	color: #243956; 
	font-family: Arial; 
	font-size: 12px; 
	text-decoration : none;
	PADDING-top:3PX;
}

.ListPagerLeftTop{
   	background-image: url(../../Images/tab/pager_corner_left_up_2.jpg);
	width: 10px;
	height: 6px;
	line-height:1px;
	font-size:20px;
}

.ListPagerRightTop{
   	background-image: url(../../Images/tab/pager_corner_right_up_2.jpg);
	width: 10px;
	height: 6px;
	line-height:1px;
	font-size:20px;
}

/*********************************************************
 Links
 *********************************************************/

A.PagerLink:link {font-family:Arial; font-size:8pt; font-weight: bold; color:#4C6180; text-decoration:none;}
A.PagerLink:visited {font-family:Arial; font-size:8pt; font-weight: bold; color:#4C6180; text-decoration:none;}
A.PagerLink:hover {font-family:Arial; font-size:8pt; font-weight: bold; color:#4C6180; text-decoration:none;}
A.PagerLink:active {font-family:Arial; font-size:8pt; font-weight: bold; color:#4C6180; text-decoration:none;}

A.DependencyLink:link {font-family:Arial; font-size:8pt; font-weight: bold; color:#0000FF ; text-decoration:none;}
A.DependencyLink:visited {font-family:Arial; font-size:8pt; font-weight: bold; color:#0000FF; text-decoration:none;}
A.DependencyLink:hover {font-family:Arial; font-size:8pt; font-weight: bold; color:#0000FF; text-decoration:none;}
A.DependencyLink:active {font-family:Arial; font-size:8pt; font-weight: bold; color:#181A28; text-decoration:none;}

A.MainLink:link {font-family:Arial; font-size:8pt; font-weight: bold; color:#336FAB;}
A.MainLink:visited {font-family:Arial; font-size:8pt; font-weight: bold; color:#336FAB;}
A.MainLink:hover {font-family:Arial; font-size:8pt; font-weight: bold; color:#336FAB; text-decoration:none;}
A.MainLink:active {font-family:Arial; font-size:8pt; font-weight: bold; color:#336FAB;}

A.WhiteLink:link {font-family:Arial; font-size:8pt; font-weight: bold; color:#FFFFFF; text-decoration:none;}
A.WhiteLink:visited {font-family:Arial; font-size:8pt; font-weight: bold; color:#FFFFFF; text-decoration:none;}
A.WhiteLink:hover {font-family:Arial; font-size:8pt; font-weight: bold; color:#FFFFFF; text-decoration:none;}
A.WhiteLink:active {font-family:Arial; font-size:8pt; font-weight: bold; color:#FFFFFF; text-decoration:none;}

A.MainLinkWithSpaces:link {font-family:Arial; font-size:8pt; font-weight: bold; color:#336FAB; margin-left:10px;}
A.MainLinkWithSpaces:visited {font-family:Arial; font-size:8pt; font-weight: bold; color:#336FAB; margin-left:10px;}
A.MainLinkWithSpaces:hover {font-family:Arial; font-size:8pt; font-weight: bold; color:#336FAB; margin-left:10px;}
A.MainLinkWithSpaces:active {font-family:Arial; font-size:8pt; font-weight: bold; color:#336FAB; margin-left:10px;}

A.MainLinkWithBackground:link {font-family:Arial; font-size:8pt; font-weight: bold; color:#181A28; text-decoration:none; margin-left:10px; background-color: #f3f3f3; border: solid 1px #3d0A07; padding: 3px; margin: 2px; line-height: 12px; border-color:#999999; width:90px;display:inline-block; text-align:center;}
A.MainLinkWithBackground:visited {font-family:Arial; font-size:8pt; font-weight: bold; color:#181A28; text-decoration:none; margin-left:10px; background-color: #f3f3f3; border: solid 1px #3d0A07; padding: 3px; margin: 2px; line-height: 12px; border-color:#999999; width:90px;display:inline-block; text-align:center;}
A.MainLinkWithBackground:hover {font-family:Arial; font-size:8pt; font-weight: bold; color:#181A28; text-decoration:none; margin-left:10px; background-color: #DBDBDB; border: solid 1px #3d0A07; padding: 3px; margin: 2px; line-height: 12px; border-color:#999999; width:90px;display:inline-block; text-align:center;}
A.MainLinkWithBackground:active {font-family:Arial; font-size:8pt; font-weight: bold; color:#181A28; text-decoration:none; margin-left:10px; background-color: #f3f3f3; border: solid 1px #3d0A07; padding: 3px; margin: 2px; line-height: 12px; border-color:#999999; width:90px;display:inline-block; text-align:center;}

A.MainLinkWithBackgroundForCriteriaDetailsScreen:link {font-family:Arial; font-size:9pt; font-weight: bold; color:#336FAB; text-decoration:none; text-align:center; vertical-align:middle; margin-left:10px; background-color: #DDE9F8; border: solid 1px #3d0A07; padding: 3px; margin: 2px; line-height: 12px; border-color:#999999; width:150px; height:25px; display:inline-block; text-align:center;}
A.MainLinkWithBackgroundForCriteriaDetailsScreen:visited {font-family:Arial; font-size:9pt; font-weight: bold; color:#336FAB; text-decoration:none; text-align:center; vertical-align:middle; margin-left:10px; background-color: #DDE9F8; border: solid 1px #3d0A07; padding: 3px; margin: 2px; line-height: 12px; border-color:#999999; width:150px; height:25px; display:inline-block; text-align:center;}
A.MainLinkWithBackgroundForCriteriaDetailsScreen:hover {font-family:Arial; font-size:9pt; font-weight: bold; color:#336FAB; text-decoration:none; text-align:center; vertical-align:middle; margin-left:10px; background-color: #DDE9F8; border: solid 1px #3d0A07; padding: 3px; margin: 2px; line-height: 12px; border-color:#999999; width:150px; height:25px; display:inline-block; text-align:center;}
A.MainLinkWithBackgroundForCriteriaDetailsScreen:active {font-family:Arial; font-size:9pt; font-weight: bold; color:#336FAB; text-decoration:none; text-align:center; vertical-align:middle; margin-left:10px; background-color: #DDE9F8; border: solid 1px #3d0A07; padding: 3px; margin: 2px; line-height: 12px; border-color:#999999; width:150px; height:25px; display:inline-block; text-align:center;}

A.AssignmentMainLink:link {font-family:Arial; font-size:8pt;  text-decoration:none;}
A.AssignmentMainLink:visited {font-family:Arial; font-size:8pt;  text-decoration:none;}
A.AssignmentMainLink:hover {font-family:Arial; font-size:8pt;  text-decoration:none;}
A.AssignmentMainLink:active {font-family:Arial; font-size:8pt;  text-decoration:none;}

.showDependency
{
	font-family:Arial; 
	font-size:8pt; 
	font-weight: bold; 
	color:red; 
	text-decoration:none;
	background-color : #BCDAAF;
}

.hideDependency
{
	font-family:Arial; 
	font-size:8pt; 
	font-weight: bold; 
	color:#336FAB;
	text-decoration:none;
}
/*********************************************************
 Divs
 *********************************************************/

/* divScroll is used in the last 2 tabs. Should be the same height & width */
.divScroll
{
    height:250px;
    width:350px;
    position:fixed;
    overflow-y:scroll;
    border-top: 1px solid #949494;
    border-bottom: 1px solid #949494;
    border-left: 1px solid #949494;
    border-right: 1px solid #949494;
}

.iframeDesign
{
	BORDER-RIGHT: #949494 1px solid; 
	BORDER-TOP: #949494 1px solid; 
	BORDER-LEFT: #949494 1px solid; 
	BORDER-BOTTOM: #949494 1px solid; 
	DISPLAY: none; 
	Z-INDEX: 100; 
	WIDTH: 0px; 
	POSITION: absolute; 
	HEIGHT: 0px;
    border-radius: 4px;
}

.ListTBLIframeHeader
{
   	background-color: #FFFFFF;
	color: #243956; 
	font-family: Arial; 
	font-size: 12px; 
	font-weight:bold;
	text-decoration: none;
	text-align:center;
}
.txtBlack12
{
	color: #000000; 
	font-family: Arial, Tahoma, Sans-Serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration : none;
}
.txtBlack11
{
	color: #000000; 
	font-family: Arial, Tahoma, Sans-Serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration : none;
}
.ListTableItemAlignRight {
	padding-right: 10px;
}

.chkItemStyle
{
    width:17px; 
    height:17px; 
    border:0px; 
    background-color: #F3F3F3;   
}

.chkHeaderItemStyle
{
    width:17px; 
    height:17px; 
    border:0px; 
    background-color:  #B0B0B0;   
}

.txtWhite12
{
	color: #FFFFFF; 
	font-family: Arial, Tahoma, Sans-Serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration : none;
}
/* --------------------------- */
body {
}

.grvHeaderStyle1
{
	background-color: #DDE9F8;
	color: #000000; 
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	text-decoration : none;
	text-align: center;
	/*background-image: url('../../Images/List/title.jpg'); */
}

.grvRowStyle1
{
	background-color: #DDE9F8;
	color: #000000; 
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	text-decoration : none;
	text-align: left;
}

.grvRowStyle1 td
{
	border-left: solid 1px #B2C5DC;
	padding-left: 5px;
	padding-right: 5px;
}
.grvRowStyle1:hover
{
	background-color: #CCDBE3;
	color: #000000; 
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	text-decoration : none;
	text-align: left;
}

.grvRowStyle2
{
	background-color: #FFFFFF;
	color: #000000; 
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	text-decoration : none;
	text-align: left;
}
.grvRowStyle2 td
{
	border-left: solid 1px #B2C5DC;
	padding-left: 5px;
	padding-right: 5px;
}

.grvRowStyle2:hover
{
	background-color: #CCDBE3;
	color: #000000; 
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	text-decoration : none;
	text-align: left;
}

.grvHeaderStyleAsc1
{
	background-color: #F1F1F1;
	color: #000000; 
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	text-decoration : none;
	text-align: center;
	background-image: url('../../Images/List/ascending2.jpg'); 
}

.grvHeaderStyleDesc1
{
	background-color: #F1F1F1;
	color: #000000; 
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	text-decoration : none;
	text-align: center;
	background-image: url('../../Images/List/descending2.jpg'); 
}

a.linkBlackBold13:link, a.linkBlackBold13:visited, a.linkBlackBold13:active, a.linkBlackBold13:hover {
	color: #000000;
	font-family: Arial; 
	font-size: 13px; 
	font-weight: bold; 
	text-decoration: none;
}

.txtRed11 {
	color: #D22121; 
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	text-decoration : none;
}

a.linkBlackBold10:link, a.linkBlackBold10:visited, a.linkBlackBold10:active, a.linkBlackBold10:hover {
	color: #000000;
	font-family: Arial; 
	font-size: 10px; 
	font-weight: bold; 
	text-decoration: none;
}

.txtBlack10Bold {
	color: #000000; 
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	text-decoration : none;
}

.text2BlueBold
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    COLOR: #003366;
    FONT-FAMILY: arial, helvetica, sans-serif
}

.text2DarkHeader
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    COLOR: #212121;
    FONT-FAMILY: arial, helvetica, sans-serif
}

.text2DarkHeader2
{
	FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    COLOR: #FFFFFF;
    FONT-FAMILY: arial, helvetica, sans-serif
}

.warning
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #f00;
    FONT-FAMILY: verdana, arial, helvetica, sans-serif
}

.ChkStyle
{
	font-family:Arial;
	font-size:8pt;
	font-weight: bold;
}

.assignItem{
    position: relative;
    border: 1px solid #B4BBCD;
    width: 230px;
    height: 10px;
    background-color: white;
    font-weight: normal !important;
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    font-size: 13px;    
    outline: none;
    vertical-align: bottom;    
    padding: 5px;
}​

.CompletionListElement
{
    margin : 0px !important;
    padding: 2px;
    visibility : hidden;
    margin : 0px !important;
    background-color : #f0f0f0;
    color : windowtext;
    border : buttonshadow;
    border-width : 1px;
    border-style : solid;
    cursor : default;
    overflow : auto;
    text-align : left; 
    list-style-type : none;
}

.AutoExtender
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: .8em;
	margin : 0px;
    font-weight: normal; 
    border:solid 1px #006699;
	line-height:20px;
    padding:0px;
    background-color:White;
    visibility : hidden;
    z-index: 99999;
}

@media screen and (-webkit-min-device-pixel-ratio:0)
{
	.CompletionListElement
	{
		margin : 0px !important;
		padding: 0px;
		visibility : hidden;
		background-color : #f0f0f0;
		color : windowtext;
		border : buttonshadow;
		border-width : 1px;
		border-style : solid;
		cursor : default;
		overflow : auto;
		text-align : left; 
		list-style-type : none;
		font-size: small; 
	}
}

.input
{
    letter-spacing:-1px;
}

#scroll { 
    overflow: hidden;
}

#scroll:hover {
    overflow-y: scroll;
}

#scrollTeams {
	overflow:hidden;
}

#scrollTeams:hover {
	overflow-y:scroll;
}

.ManagerStyle
{
	font-size:10pt;
	font-weight:bold;
	color:#E5A231;
}

.DashboardTextStyle
{
	color:#FFFFFF;
	font-size:9pt;
	vertical-align:middle;
}

.ShadowStyle
{
    width:12px;
    height:25px;
    background-image:url('../../Images/Dashboard/shadow.png');
}

A.RegisterHereStyle {font-family:Arial; font-size:8pt; font-weight: bold; color:#9B9B9B;}
A.ForgotPasswordStyle { font-family:Arial; font-size:8pt; font-weight: bold; color:#336FAB; }
A.LoginStyle { font-family:Arial; font-size:10pt; font-weight:bold; color:#FFFFFF; text-decoration:none; }

/**** todolist *****/
.taskListStatus,
.ListName
{
	height:27px;
	text-align: left;
	color: #525252;
	width: 100%;
    font-size: 12px;
    font-weight: bold;
}
.ListName .status
{
    display: inline-block;
    height: 18px;
    width: 18px;
    vertical-align: middle;
    margin-left: 5px;
    margin-right: 5px;
}

.list-title
{
	width: 955px;
	text-align:left;
	font-size: 22px;
    padding-bottom: 10px;
}
.jquery-todolist
{
    clear: both;
	float:left;
	width:100%;
	position: relative;
	min-width: 15em;
	border: 1px solid #DDDDDD;
}
.jquery-todolist *, .jquery-todolist *:before, .jquery-todolist *:after
{
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.jquery-todolist .jquery-todolist-title.no-border-bottom,
.jquery-todolist .jquery-todolist-items.no-border-bottom
{
	border-bottom: none;
}
.jquery-todolist .jquery-todolist-title-box
{
    float: left;
    height: 45px;
    display: table;
}
.jquery-todolist .jquery-todolist-items
{
	position:relative;
    border-bottom: 1px solid #111111;
}

.jquery-todolist .jquery-todolist-title-box:first-child
{
	width:40px;
}

.jquery-todolist .jquery-todolist-title-box:nth-child(2)
{
	width: 300px;
}
.jquery-todolist .jquery-todolist-title-box:nth-child(3)
{
	width: 150px;
}
.jquery-todolist .jquery-todolist-title-box:nth-child(4)
{
	width: 150px;
}
.jquery-todolist .jquery-todolist-title-box:nth-child(5)
{
	width: 88px;
}
.jquery-todolist .jquery-todolist-title-box:nth-child(6)
{
	width: 142px;
}
.jquery-todolist .jquery-todolist-title
{
	/*position: relative;*/
	max-height: 5em;
	overflow: hidden;
	border: none;
	height: 45px;	
}

.jquery-todolist .jquery-todolist-title-text,
.action-button-title-text
{
	width: 100%;
	display: table-cell;
    vertical-align: middle;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}
.jquery-todolist .jquery-todolist-title-text .orderby
{
	cursor:pointer;
}
.jquery-todolist .jquery-todolist-title-text .orderby .image-icon 
{
    margin-left: 5px;
    margin-top: -8px;
}
.jquery-todolist .jquery-todolist-title-text .orderby .image-icon.icon-down
{
    margin-top: -27px;
}
.jquery-todolist .jquery-todolist-title-text .orderby .image-icon.icon-up
{
    margin-top: -5px;
}
.jquery-todolist .jquery-todolist-menu-box
{
	text-align: center;
	float: left;
	width: 8.9%;
	height: 45px;
	display: table;
}

.jquery-todolist .jquery-todolist-sort-box
{
	text-align: center;
	float: left;
	width: 40px;
	height: 45px;
	display: table;
}


.jquery-todolist .jquery-todolist-menu-show
{
	right: -1px;
	top: -1px;
	cursor: pointer;
	vertical-align: middle;
	padding: .2em .2em .2em 2em;
	margin-left:20px;
	border: none;
    font-size: 12px;
    font-weight: bold;
}

/* Old Lists revamp start*/

.jquery-todolist th .jquery-todolist-menu-show
{
   padding: 5px 9px 5px 35px;
}
.no-border
{
    border:0;
}
.jquery-todolist table .separator
{
    width: 1px;
    background-image: none;
    /*border: 0.5px solid #DDD;*/
}
.jquery-todolist .jquery-todolist-footer td .jquery-todolist-add-button
{
    margin-top: 0;
}
.jquery-todolist th
{
    border: none;
    font-size: 12px;
}
.jquery-todolist th.grvHeaderStyleAsc1,
.jquery-todolist th.grvHeaderStyleDesc1
{
   background-image: none;
   background-color: transparent;
}
.jquery-todolist th, 
.jquery-todolist th a
{
    color: #525252;
}
.jquery-todolist table.jquery-todolist-items tbody:nth-child(1)
{
    border-top: none;
}
.jquery-todolist .jquery-todolist-item .MainLink
{
    font-size: 12px;
}
.jquery-todolist .jquery-todolist-item  td
{
    padding: 0 0.9em; 
    height: 37px;
    border-left: 0;
}
.jquery-todolist .jquery-todolist-item > td
{
    border-right: 1px solid #DDDDDD;
    border-bottom: 1px solid #ddd;
}
.jquery-todolist .jquery-todolist-item.even td
{
   background-color: #FFFFFF; 
}
.jquery-todolist .jquery-todolist-item.odd td 
{
   background-color: #F9F9F9;
}

.jquery-todolist .jquery-todolist-item td:last-child {
    border-right: 0;
}
.jquery-todolist div.jquery-todolist-item:hover > div,
.jquery-todolist div.jquery-todolist-item:hover .jquery-todolist-item-title > div,
.jquery-todolist tr.jquery-todolist-item:hover td,
.jquery-todolist tr.jquery-todolist-item.newItem td
{
    background-color: #eeeeee !important;
    border-right-color: #FFF !important;
}
.jquery-todolist div.jquery-todolist-item:hover .jquery-todolist-item-title
{
    border-left-color: #FFF !important;
}
.jquery-todolist div.jquery-todolist-item:hover,
.jquery-todolist tr.jquery-todolist-item:hover
{
    border-bottom-color: #FFF !important;
}
.jquery-todolist div.jquery-todolist-item.collapsibleHeader:hover > div,
.jquery-todolist div.jquery-todolist-item.collapsibleHeader:hover .jquery-todolist-item-title > div
{
    background-color:  #FFF !important;
}
.jquery-todolist div.jquery-todolist-item.collapsibleHeader:hover > div
{
    border-bottom: 1px solid #ddd !important;
}
.jquery-todolist .jquery-todolist-title.grvHeaderStyle1
{
    height: 40px;
}
td .jquery-todolist-title-text .icon-options
{
     display:inline-block;
}
.jquery-todolist .jquery-todolist-title th 
{
    white-space:nowrap;
    padding: 0 10px;
}
.jquery-todolist .jquery-todolist-title th input[type=checkbox],
.jquery-todolist .jquery-todolist-item td input[type=checkbox]
{
    background-repeat: no-repeat;
    display: inline-block;
    text-indent: -1000px;
    text-align: center;
    overflow: hidden;
    height: 26px;
    width: 20px;
    /*background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAh0lEQ…LZSKSgggoqqKCC/oEAshGgn9BrX/lD5YRLOXmtbn02eLxAHkhQNNgPmtd0AAAAAElFTkSuQmCC);*/ 
    opacity: .7;
    cursor: pointer;
}
.jquery-todolist table .jquery-todolist-add-input-text
{
    margin: 0;
    float: none;
}
.jquery-todolist-filter-group .jquery-todolist-filter-group-item-input.error,
.jquery-todolist .jquery-todolist-add-input-text.error,
.jquery-todolist-add-input-text.error,
.dialog-user-reports input.error,
.jquery-todolist-snooze-task input.error {
    border: 1px solid #f00;
}
.jquery-todolist-filter-group .jquery-todolist-filter-group-item-input.error:focus,
.jquery-todolist .jquery-todolist-add-input-text.error:focus,
.jquery-todolist-add-input-text,
.dialog-user-reports input.error:focus,
.jquery-todolist-snooze-task input.error:focus
{
    box-shadow: 0px 0px 1px #f00;
    outline-style: none;
}
.jquery-todolist-snooze-task .snooze-label {
    margin: 5px;
    padding: 5px;
    font-weight: bold;
    display: inline-block;
    width: 50px;
}
.jquery-todolist-snooze-task .snooze-options {
    display: inline-block;
}
.jquery-todolist-snooze-task .snooze-timeframe {
    border: 1px solid black;
    margin: 5px;
    padding: 5px;
    font-weight: bold;
    cursor: pointer;
    width: 15px;
    display: inline-block;
}
.jquery-todolist-snooze-task .snooze-timeframe:hover {
    background-color: #ff8e00;
    color: #FFF;
}
.jquery-todolist-snooze-task .snooze-until {
    padding: 5px;
    font-weight: bold;
}
.jquery-todolist-snooze-task .snooze-date {
    width: 99px;
    margin-right: 0;
    text-align: center;
}
.jquery-todolist-snooze-task .snooze-time {
    width: 50px;
    margin-left: -1px;
    text-align: center;
}
.jquery-todolist .jquery-todolist-footer td {
    height: 40px;
}
.jquery-todolist .jquery-pager .pagerStyle 
{
    color: #000000;
    background-color: #FFFFFF;
}
.grvThingSwitchList td
{
    border-top:0;
}
.iframe-modal-header 
{
    height: auto;   
    display: block; 
    border:0px;
    background: #FFFFFF;
    padding: .2em;
    width: 99.4%;
    margin: 0 auto 10px;
}
.iframe-modal-header .titlebar
{
    border: none!important;
    padding: 0.5em 1em;
    position: relative;
    border-radius: 4px;
    font-weight: bold;
    height: 15px;
}
.iframe-modal-header .titlebar .title
{
    float: none;
    margin: .1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #FFF;
}
.iframe-modal-header .titlebar .close
{
    border-radius: 50%;
    font-weight: normal;
    color: #555555;
    font-size: 1em;
    position: absolute;
    right: .3em;
    top: 50%;
    width: 20px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 20px;
    border: none!important;
    background-color: #FFFFFF!important;
    background-image: none!important;
    cursor:pointer;
}
.iframe-modal-header .titlebar .close .ui-icon 
{
   display: inline-block;
}
.item-label
{
    color: #636363;
    text-align: right;
    padding-right: 10px;
    width:100px;
}
.item-mandatory
{
    color: red;
}
.jquery-todolist .SaveFilterAs
{
    display: table;
    height: 44px;
    width: 100%;
}
.jquery-todolist .SaveFilterAs .item-label
{
    width: 126px;
    display: table-cell;
    vertical-align: middle;
}
.jquery-todolist .SaveFilterAs .jquery-todolist-add-input-text
{
    margin: 8.5px 0;
}
.jquery-todolist .jquery-todolist-actions 
{
    margin: 5px 15px 15px;
    height: 30px;
}
.jquery-todolist .jquery-todolist-actions .jquery-todolist-action
{
    width: 52px;
    margin-left: 10px;
    border-radius: 4px;
    margin-top: 2px;
    padding: 0 10px;
    cursor: pointer;
    color: #FFF;
    line-height: 26px;
    font-size: 11px;
    display: inline-block;
}
#divOwnerButtons 
{
    position:absolute; 
    visibility:hidden; 
    width: 100px; 
    border-width:1px; 
    border-color:#949494; 
    border-style:solid; 
    background-color: #FFFFFF;
    z-index:999;  
}
#divOptions
{
    position:absolute; 
    visibility:hidden; 
    width: 120px; 
    border-width:1px; 
    border-color:#949494; 
    border-style:solid; 
    background-color: #FFFFFF;
    z-index:999;  
}
#divThingOptions 
{
    position:absolute; 
    visibility:hidden; 
    width: 150px; 
    border-width:1px;
    border-color:#949494; 
    border-style:solid; 
    background-color: #FFFFFF;
 
}
#divXLS 
{
    position:absolute; 
    visibility:hidden; 
    width: 120px; 
    border-width:1px; 
    border-color:#949494; 
    border-style:solid; 
    background-color: #FFFFFF;
    z-index:999;  
}
.HighlightTrOnHover tr:hover, 
.HighlightOnHover:hover
{
    background-color: #eeeeee;
}
.PlaceholderParent
{
   position: relative;
}
.Placeholder
{
    color: grey;
    position: absolute;
    top: 0;
    left: 0;
}
.jquery-todolist-add-input-text::-ms-clear,
.Placeholder::-ms-clear 
{
    display: none;
    width:0;
    height:0;
}
.ContainerWithBackground
{
    background-color: rgba(245, 245, 245, 0.5); 
    padding: 10px 0;
}

/* Ajax Tabs start */
.ajax__tab_xp .ajax__tab_header > span
{
    top: 0;
    margin: 1px .2em 0 0;
    border-bottom-width: 0;
    padding: 0;
    white-space: nowrap;
}
.ajax__tab_container .ajax__tab_outer
{
    height: 28px !important; 
}
.ajax__tab_container .ajax__tab_active .ajax__tab_outer
{
    height: 29px !important;
    border-bottom: transparent;
}
.ajax__tab_xp .ajax__tab_outer,
.ajax__tab_xp .ajax__tab_inner,
.ajax__tab_xp .ajax__tab_tab,
.ajax__tab_xp .ajax__tab_active .ajax__tab_outer,
.ajax__tab_xp .ajax__tab_active .ajax__tab_inner,
.ajax__tab_xp .ajax__tab_active .ajax__tab_tab
{
    background-image: none !important;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    color: #636363;
    font-weight: bold;
}
.ajax__tab_xp .ajax__tab_active .ajax__tab_outer,
.ajax__tab_xp .ajax__tab_active .ajax__tab_inner,
.ajax__tab_xp .ajax__tab_active .ajax__tab_tab 
{
    background-color: #FFF !important;
}
.ajax__tab_xp .ajax__tab_tab
{
    padding: 7px 4px !important;
}



.roundedPanels,
.roundedPanels > div
{
    background-color: #ffffff !important;
    border: none !important;
}
.ajax__tab_xp .ajax__tab_header
{
    background: none !important;
}
.ajax__tab_xp .ajax__tab_outer, 
.ajax__tab_xp .ajax__tab_inner, 
.ajax__tab_xp .ajax__tab_tab 
{
    background-color: #f5f5f5 !important;
}
.ajax__tab_xp .ajax__tab_body
{
    border: solid 1px #dcdadc !important;
    margin-top: -1px !important;
}
.ajax__tab_container .ajax__tab_outer
{
    border: solid 1px #dcdadc !important;
    border-bottom: none !important;
}
/* Ajax Tabs end */

/* Old Lists revamp end*/
.jquery-todolist .jquery-todolist-menu
{
	position: absolute;
	top: 84px;
	right: 0px;
	width: 200px;
	padding: .2em;
	z-index: 1;
    display: none;
}
.jquery-todolist .jquery-todolist-menu.processing-queue
{
    top:45px;
}
.structureSQL
{
    display: none;
}
.structureSQL .structureSQL-header,
.structureSQL .structureSQL-item
{
    padding: 3px 3px 3px 20px;
}
.structureSQL .structureSQL-header
{
    padding-left:0;
}
.jquery-todolist .jquery-todolist-sortmenu
{
	position: absolute;
	top: 84px;
	left: 0px;
	width: 200px;
	padding: .2em;
	z-index: 1;
}

.jquery-todolist .jquery-todolist-details
{
	z-index: 1;
	height: 173px;
	width: 100%;	
}
.jquery-todolist .jquery-todolist-details-header
{
    background: inherit;
    display: table;
    width: 100%;
}
.jquery-todolist .jquery-todolist-details-header span
{
    height: 32px;
    text-align: left;
    font-weight: bold;
    display: table-cell;
    vertical-align: middle;
    /*padding-left: 20px;*/
}
.jquery-todolist .jquery-todolist-details-header-actions
{
    background: inherit;
    float: right;
	height: 30px;
	/*width: 156px;*/	
    width: 182px;	
}
.jquery-todolist .jquery-todolist-details-header-actions a
{
	height: 30px;
	width: 26px;
	float: left;
}
.jquery-todolist .jquery-todolist-details-header-actions a img
{
	margin: 6px 5px;
}
.jquery-todolist .jquery-todolist-details-content
{
	padding: 20px 0 30px;
	height: 125px;
}
.jquery-todolist .jquery-todolist-detail-content-header, .jquery-todolist .jquery-todolist-details-content-info
{
	width: 144px;
	margin: 0px;
	float: left;
	height:100%;
	font-size: 12px;
}
.jquery-todolist .jquery-todolist-detail-content-header
{
	text-align: right;
	padding-right: 10px;
}

.jquery-todolist .jquery-todolist-details-content-info
{
	text-align: left;
	padding-left: 10px;
}
.jquery-todolist .jquery-todolist-detail-content-header p, .jquery-todolist .jquery-todolist-details-content-info p
{
	padding: 0 0 6px 0;
	height:20px;
}
.jquery-todolist .jquery-todolist-details-content-info p#orderNumber
{
	color: #636363;   
}

.jquery-todolist .jquery-todolist-details-edit
{
	float:right;
	height: 30px;
	padding:0px 20px;
	display:table;
	cursor: pointer;
	text-align: center;
}
.jquery-todolist .jquery-todolist-details-edit span
{
	display: table-cell;
	vertical-align: middle;
	font-size: 12px;
    font-weight: bold;
}

.jquery-todolist .jquery-todolist-menu-actions
{
	position: absolute;
	right: .2em;
	top: .2em;
}
.jquery-todolist .jquery-todolist-sortmenu-actions
{
	position: absolute;
	right: .2em;
	top: .2em;
}
.jquery-todolist .jquery-todolist-menu-items-group div
{
	background-color: #DCDCDC;
	color: #040404;
	height: 22px;
	font-weight: bold;	
	text-align: left;
	padding: 3px 0 0 14px;
	clear: both;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.jquery-todolist-menu-items-group a.listActionImage
{
	float: left;
	width: 25%;
}

.jquery-todolist .jquery-todolist-menu-actions .jquery-todolist-action,
.jquery-todolist .jquery-todolist-sortmenu-actions .jquery-todolist-action
{
	padding: .2em;
	display: inline-block;
}

.jquery-todolist .jquery-todolist-menu-items,
.jquery-todolist .jquery-todolist-sortmenu-items
{
	overflow-y: auto;
	margin: 2em 0em 1em;
}
.jquery-todolist .jquery-todolist-menu-items a,
.jquery-todolist .jquery-todolist-sortmenu-items div.jquery-todolist-sortmenu-item
{
	display: block;
	padding: .2em;
	padding-left:15px;
	margin-bottom: 0.5em;
	font-weight: bold;
	text-align:left;
}
.jquery-todolist .jquery-todolist-menu-items a .text,
.jquery-todolist .jquery-todolist-sortmenu-items div.jquery-todolist-sortmenu-item .text
{
    vertical-align: middle;
}
.jquery-todolist .jquery-todolist-sortmenu-items .orderby
{
	margin:0px 0px 0px 5px;
}
.jquery-todolist .jquery-todolist-sortmenu-items
{
    min-height: 190px;
}
.jquery-todolist .jquery-todolist-footer
{
	position: relative;
	border:none;
	height: 40px;
}
.jquery-todolist .jquery-todolist-action,
.action-button-link
{
	cursor: pointer;
	text-decoration: none;
	display: table-cell;
    vertical-align: middle;
}
.jquery-todolist .jquery-todolist-button
{
	display: inline-block;
}
.jquery-todolist .jquery-todolist-button-confirm
{
	display: inline-block;
	padding: .2em;
	height: 6em;
	border-top: none;
	border-bottom: none;
	border-right: none;
}
.jquery-todolist .jquery-todolist-button-cancel
{
	display: inline-block;
	padding: .2em;
	height: 6em;
}
.jquery-todolist .jquery-todolist-add
{
	padding: 1px;
	position: relative;
	border: none !important;
	height: 40px;
}
.jquery-todolist .jquery-todolist-add-input, 
.jquery-todolist .jquery-todolist-add-action,
.action-button-link
{
	line-height: 1.5em;
	display: inline-block;
}
.jquery-todolist .jquery-todolist-add-input
{
	border: none;
	float: left;
	width: 91%;
}

.jquery-todolist .jquery-todolist-add-input-text,
.jquery-todolist-add-input-text,
.jquery-todolist div.input,
.ui-dialog input,
.ui-dialog textarea 
{
    width: 99%;
    text-align: left;
    display: inline-block;
    background-color: -moz-field;
    font: -moz-field;
    font: -webkit-small-control;
    margin-top: 5px;
    padding: 4px 3px;
    height: 25px;
    max-height: 25px;
    float: left;
    margin-left: 5px;
}
.jquery-todolist select.jquery-todolist-add-input-text,
select.jquery-todolist-add-input-text
{
    /*-moz-appearance: menulist;
    -webkit-appearance: menulist;*/
    float:none;
    vertical-align: middle;
    padding: 3px;
}
.jquery-todolist textarea.jquery-todolist-add-input-text
{
    height: 100px;
    max-height: 100px;
}
.jquery-todolist .jquery-todolist-add-input-text .placeholder,
.jquery-todolist-add-input-text .placeholder
{
    /*font-style: italic;*/
    position: relative;
    font: -moz-field;
    font: -webkit-small-control;
}

.jquery-todolist .jquery-todolist-add-button,
.action-button
{
	float: left;
    width: 8%;
    margin-left: 5px;
    border-radius: 4px;    
    margin-top: 4px;
    padding: 0 10px;
    cursor: pointer;
}
.action-button
{
    padding:0px;
}
.action-button .action-button-link:hover
{
    text-decoration: none;
}
.jquery-todolist .jquery-todolist-add-action,
.action-button-link
{
	line-height: 26px;
	font-weight: bold;
	font-size: 12px;
}
.jquery-todolist .jquery-todolist-edit
{
	position: relative;
	padding: 0.5em;
	height: 37px;
}
.jquery-todolist .jquery-todolist-edit-input
{
	width: 100%;
	padding-right: 40px;
}
.jquery-todolist .jquery-todolist-edit-input div
{
	margin: 0px;
}
.jquery-todolist .jquery-todolist-edit-input input
{
	width: 100%;
	padding: .5em;
	line-height: 1.5em;
}
.jquery-todolist .jquery-todolist-edit-save
{
	background-repeat: no-repeat;
	display: inline-block;
	text-indent: -1000px;
	overflow: hidden;
	position: absolute;
	right: 12px;
	top: 0px;
	width: 25px;
	text-align: center;
	line-height: 2em;
	cursor: pointer;
	
}
.jquery-todolist .jquery-todolist-item, .jquery-todolist .jquery-todolist-noitem
{
	/*position: relative;*/
	/*overflow: hidden;*/
	border-bottom: 1px solid #DDDDDD;
    height: 38px;
}

.jquery-todolist .jquery-todolist-noitem
{
	background-color:#FFFFFF;
	height:30px;
	padding:10px 0px;
}

.jquery-todolist .jquery-todolist-noitem td
{
    text-align: center;
}

.jquery-todolist .jquery-todolist-item .jquery-todolist-item-menu
{
	display: table;
	float: left;
    width: 8.1%;
    height: 37px;
}
.jquery-todolist .jquery-todolist-item .jquery-todolist-item-menu a
{
    width: 10px;
    text-align: center;
}

.jquery-todolist .jquery-todolist-item-title
{
	border-bottom: medium none;
	border-top: medium none;
	border-right: medium none;
	line-height: 1.5em;
	max-height: 6em;
	overflow: hidden;
	width: 72%;
	float: left;
	margin: 0px !important;
	
}
.jquery-todolist .jquery-todolist-item-title .jquery-todolist-item-title-text, 
.jquery-todolist .jquery-todolist-item-title .jquery-todolist-item-title-assigneduser,
.jquery-todolist .jquery-todolist-item-title .jquery-todolist-item-title-assignedteam,
.jquery-todolist .jquery-todolist-item-title .jquery-todolist-item-title-date
{	
	float: left; 
	padding: 0.9em;
	height: 37px;
}
.jquery-todolist .jquery-todolist-item-title .jquery-todolist-item-title-text, 
.jquery-todolist .jquery-todolist-item-title .jquery-todolist-item-title-assigneduser,
.jquery-todolist .jquery-todolist-item-title .jquery-todolist-item-title-assignedteam,
.jquery-todolist .jquery-todolist-item-title .jquery-todolist-item-title-date,
.jquery-todolist .jquery-todolist-item-feed
{	
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.jquery-todolist .jquery-todolist-item-title .jquery-todolist-item-title-text .leavempty
{
    display: none;
}
.jquery-todolist .jquery-todolist-item-title .jquery-todolist-item-title-text 
{
	width: 300px; 
}
.jquery-todolist .jquery-todolist-item-title .jquery-todolist-item-title-assigneduser,
 .jquery-todolist .jquery-todolist-item-title .jquery-todolist-item-title-assignedteam
{
	width: 150px;
}
.jquery-todolist .jquery-todolist-item-title .jquery-todolist-item-title-date
{
	width: 85px;
}

.jquery-todolist .jquery-todolist-item-title .jquery-todolist-item-title-text
{
	display: inline-block;
	text-align:left;
}

.jquery-todolist .jquery-todolist-item-title .jquery-todolist-item-title-assigneduser .jquery-todolist-item-title-assignedUserName,
 .jquery-todolist .jquery-todolist-item-title .jquery-todolist-item-title-assignedteam .jquery-todolist-item-title-assignedTeamName
{
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.jquery-todolist .jquery-todolist-item-feed
{	
	float: left; 
	padding: 0.9em;
	height: 37px;
    width: 150px;
}
.jquery-todolist-item-feed .link
{
    /*cursor: pointer;*/
    font-family: Arial;
    font-size: 8pt;
    font-weight: bold;
    color: #636363;
    display: inline-block;
}

.jquery-todolist .jquery-todolist-item-actions-left
{
	padding-top: .5em;
	padding-bottom: .5em;
	float: left;	
	width: 40px;
    height: 37px;
}
.jquery-todolist .jquery-todolist-item-actions-right
{
	display: inline-block;
	position: absolute;
	top: 0px;
	right: 0px;
	height: 6em;
}
.jquery-todolist .jquery-todolist-item-action-remove
{
	background-repeat: no-repeat;
	display: inline-block;
	text-indent: -1000px;
	text-align: center;
	overflow: hidden;
	background-image: url("../../Images/Icons/delete.gif");
	position: absolute;
	right: 5px;
	top: .5em;
	height: 17px;
	width: 17px;
	cursor: pointer;
}
.jquery-todolist .jquery-todolist-item-action-remove-confirm
{
	background-repeat: no-repeat;
	text-indent: -1000px;
	text-align: center;
	overflow: hidden;
	display: inline-block;
	padding: .2em;
	width: 19px;
	height: 24px;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAYCAYAAAAYl8YPAAACTUlEQVQ4T62VS0iVURSFVRpYGCnlxKIGUdBLbRA9zGgmaYI0SKVhEWVENCjTgVGgUhhElBrmSAslGvlqJhg9iAbaAyVKpHQghqFYEkH2LTkH9v05XW/ggcVZe+91193/Oec/f3JS/JFCeZWR/IT/+ddPkuN4qTYCthrNG/ieeGYTFLOW6DCR8rj+fQqsS0S9hGZKZmkgdRnM5mWmRf4IVjhDLfB2MAxU/wV2gE+uPsu8G3w2DXxXzm/AV4INprgGrrVU1zJLB/OuLm0+GDP6d/Bsb/aKYK8pboS/BOsDZu/JnQBDRv8UfsSbPSE4Zoq74J1Ajxvt7Dm5KjBg9K3wU97sDsF5UzwIvwkOBMx6yDWDLqO/Dr/qzS4T3DDFo/Bzaj1g9ohcH2gz+tPwFm+mNWg3RcXFoCxg1kTuA7hr9EXwXm92mKDfFCvg2eBMwKye3ByoNfpc+JA320Kgs+ZHNUTHozJgdoXcWnDJ6DPh37yZboYfpqj1mwF1AbOz5HRotU4a2u2VYMHeGtMkMpxAu/UWNAbMysmVgFKnHWXeLG7NdIp3OkEHs7b+YcCskNwFUOC0z5gPRc10ir1AW38PdAfM8sjdAvvMH6vbmM4eEJ90ghfMWnz9a/QNUPePwTanbWBe3Az7mNeIa5xA50hnTI8eNdOF8Br4C/Ui/HbUTLtz35npxtgPvgTMVpObBP7bcNx1GtOZFlbvnYY+HFo/PeZvoCtHN8sC0DdA3wI/9P7qhokxyyEeNKJE6Sb3BDFmOtVaq/8Z6lR3n7pP+guXqYbxgVDCfwAAAABJRU5ErkJggg==");
}
.jquery-todolist input[type=checkbox].jquery-todolist-item-checkbox,
.jquery-todolist input[type=checkbox].jquery-todolist-item-checkbox-reoccurence,
.jquery-todolist-templateEdit-item input[type=checkbox].jquery-todolist-item-checkbox {
    background-repeat: no-repeat;
    display: inline-block;
    text-indent: -1000px;
    text-align: center;
    overflow: hidden;
    height: 26px;
    width: 20px;
    /*background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAh0lEQVRIie3WsQ3DMAxEUY6gUT6OC2hDjeZRNILdhEYgpwlMu+IBbPUoNTozMwOapCFpuvueMZKmpAE0C8Tdtyzgx2xAM0nja4sBdLsZoK/nWjyXpHEXWBOYpGmhZtxkDUCcf0LZSKSgggoqqKCC/oEAshGgn9BrX/lD5YRLOXmtbn02eLxAHkhQNNgPmtd0AAAAAElFTkSuQmCC");*/
    opacity: .7;
    cursor: pointer;
    border: none;
}

.jquery-todolist .jquery-todolist-item-done input[type=checkbox].jquery-todolist-item-checkbox
{
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAABIUlEQVRIib3WYZGDMBQE4CcBCZWws2sACUg4CZVwDiKlEpCAhEpAwt0fwnC59yCdpGWGP5DkS5aQxMzMAAwkE8lV0k+Pm+RKMgEYLCOSll6Acy8ABiOZDr1IAEZrvACMZbuW4yKZWoHyyhjJ1bLaOhIAIPm9f5PtWW5/hxqR4ZDMKmnK77pCkh7lJOgOSZqcmTZ3hY6RHf8fALeukBcZyXtRpg26iqwLVBNZFbQ19OefKCp7kX0FZX2oWPuWEiN5dyJ7RKMPIWeB3TEAtyAyd+SnEMlntAJLmp13U4RcRQdvXwr2qjCyS+gMeyWyKqgSO42sGrrALiN7CfIwks+ayEIIAM4wSfOGhOWceuMOfWwrf9PhBP8OJx87bm09ePsB8hfZBPJdtEbBiQAAAABJRU5ErkJggg==");
}
.jquery-todolist .jquery-todolist-hide-done .jquery-todolist-item-done
{
	display: none;
}
.jquery-todolist input[type=checkbox].jquery-todolist-item-checkbox-reoccurence {
    margin: -3.5px 5px;
}
.jquery-todolist .group-reoccurence-frequency .reoccurence-frequency {
    display: inline;
    color: blue;
}

.ui-dialog-reoccurence-frequency .frequency-items .frequency-item {
    padding: 5px;
    color: #636363;
    font-weight: bold;
    cursor: pointer;
}
.ui-dialog-reoccurence-frequency .frequency-items .frequency-item:hover {
    background-color: #eaeaea;
}

/**** Autocomplete assign team and user ****/
.autocomplete {
    position: absolute;
    background: #FFFFFF;
    z-index: 20;
    display: none;
    float: left;
    width: 330px;
}

.autocomplete div
{	
    border:1px solid #BABABA;
    border-bottom:0px;
    cursor:pointer;
}

.autocomplete div:last-child
{	
    border:1px solid #BABABA;
}

.autocomplete .assignItem {
    position: relative;
    width: 330px;
    height: 10px;
    height:26px;
    background-color: white;
    font-weight: normal !important;
    font-family: "lucida grande" ,tahoma,verdana,arial,sans-serif;
    font-size: 13px;
    outline: none;
    vertical-align: bottom;
    padding: 5px;
}

.autocomplete .selectedItem {
    position: relative;
    width: 330px;
    height: 10px;
    background-color: #FFF3DD;
    height:26px;
    font-weight: normal !important;
    font-family: "lucida grande" ,tahoma,verdana,arial,sans-serif;
    font-size: 13px;
    outline: none;
    vertical-align: bottom;
    padding: 5px;
}

/*Filter*/
.jquery-todolist .jquery-todolist-filter
{
	position: absolute;
	width: 180px;
	/*height: 100%;*/
    left: -190px;	
}
.jquery-todolist .jquery-todolist-filter.hidden,
.jquery-todolist-filters-applied.hidden
{
    display: none;
}
.jquery-todolist-filter-group
{
	border: 1px solid #E5E5E5;
	border-radius: 4px;
	margin-bottom: 10px;
    position: relative;
}
.jquery-todolist-filter-group .jquery-todolist-filter-group-title,
.jquery-todolist-filter-applied .jquery-todolist-filter-applied-group-title
{
	  background-image: url('../../Images/Icons/down.png');
	  background-repeat: no-repeat;
	  background-position: 8px 11px;				
}
.jquery-todolist-filter-group .icon-filter-apply,
.jquery-todolist-filter-applied .icon-filter-apply
{
	display: none;
}
.jquery-todolist-filter-group.jquery-todolist-filter-to-apply .icon-filter-apply
{
    /*
    top: -8px;
    */
    height: 32px;
    width: 30px;
     margin-right: 0;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
}
.jquery-todolist-filter-group.jquery-todolist-filter-to-apply .icon-filter-apply::after
{
    top: 8px;   
}
.jquery-todolist-filter-applied .jquery-todolist-filter-group-items
{
    clear: both;
    position: relative;
    z-index: 1001;    
    border: 1px solid #CCCCCC;
    border-top: 0px;    
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    margin-bottom: 10px;
    left: -1px;
    top: -1px;
    width: 100%;
}
.jquery-todolist-filter-applied .icon-filter-apply
{
    padding: 0;
    top: 9px;
    margin-right: 3px;
}
.jquery-todolist-filter-applied .icon-filter-apply::after
{
    font-size: 14px;
}
.jquery-todolist-filter-applied .icon-filter-remove
{
    float:right;
    top: 3px;
    margin-right: 3px;
}
.jquery-todolist-filter-group .jquery-todolist-filter-group-title, 
.jquery-todolist-filter-applied-group-title
{
	font-size: 12px;
	text-align: left;
	padding: 9px 0 9px 30px;
	font-weight: bold;
	cursor: pointer;
}
.jquery-todolist-filter-group .jquery-todolist-filter-group-items
{
	margin: 0 0 15px 0;
	padding: 0;
    clear: both;
}
.jquery-todolist-filter-group .jquery-todolist-filter-group-items.date-items
{
    height: 83px;
}
.jquery-todolist-filter-group .jquery-todolist-filter-group-item
{
	height: 20px;	
}
.jquery-todolist-filter-group .jquery-todolist-filter-group-item,
.jquery-todolist-filter-group .jquery-todolist-filter-group-item-search
{	
	text-align: left;
    padding-left: 17px;	
}
.jquery-todolist-filter-applied .jquery-todolist-filter-group-item
{
    padding-left: 15px;	
}
.jquery-todolist-filter-group .jquery-todolist-filter-group-item:first-child
{
	height: 30px;
	padding-top: 10px;
}
.jquery-todolist-filter-group .jquery-todolist-filter-group-item:last-child
{
	height: 35px;
	padding-bottom: 14px;
}
.jquery-todolist-filter-applied .jquery-todolist-filter-group-item:first-child
{
	height: 20px;
}
.jquery-todolist-filter-applied .jquery-todolist-filter-group-item:last-child
{
	height: 20px;
}
.jquery-todolist-filter-group .jquery-todolist-filter-group-item-search,
.jquery-todolist-filter-group .jquery-todolist-filter-group-item-date
{
	padding-top:  9px;
	padding-bottom: 9px;	
}
.jquery-todolist-filter-group .jquery-todolist-filter-group-item-search 
{
	height: 54px !important;
}
.jquery-todolist-filter-group .jquery-todolist-filter-group-item-checkbox
{
	float: left;
	margin-top: 4px;
}
.jquery-todolist-filter-group .jquery-todolist-filter-group-item-title
{
	width: 90%;
	margin: 0;
	float: left;
	padding: 4px 0 4px 5px;
	cursor: pointer;
}
.jquery-todolist-filter-applied .jquery-todolist-filter-group-item-title
{
    width: 84%;
}
.jquery-todolist-filter-group .jquery-todolist-filter-group-item-search,
.jquery-todolist-filter-group .jquery-todolist-filter-group-item-date
{
	 padding-left: 0px;	
	 height: 30px;
	 text-align: center;
}
.jquery-todolist-filter-group .jquery-todolist-filter-group-item-module:first-child 
{
    height: 35px !important;
}
.jquery-todolist-filter-group .jquery-todolist-filter-group-item-date {
    width: 100%;
    margin: 0;
    float: left;
}
.jquery-todolist-filter-group .jquery-todolist-filter-group-item-input
{
	width: 93%;
    text-align: left;
    background-color: #FFFFFF !important;
    margin: 5px;
    padding: 5px;
    height: 25px;
    max-height: 25px;
    float: left;
}
.jquery-todolist-filter-group .jquery-todolist-filter-group-item-input:focus
{
	outline: 1px solid transparent;
}
.jquery-todolist-filter-group .jquery-todolist-filter-group-item-input.hasDatepicker
{
    width:68%;
    margin-right: 0;
    text-align: right;
}
.jquery-todolist-filter-group .jquery-todolist-filter-group-item-input.hasTimepicker
{
    width:26%;
    margin-left: -1px;
}
.icon-filter-apply
{
	  font-size: 11px;
	  padding: 0 5px 0 15px; 
	  margin-top:-1px;
	  margin-right: 3px;
	  float: right;
	  height: 16px;
	  background-repeat: no-repeat;	
}
.jquery-todolist-filter-applied
{
	border: 1px solid #CCCCCC;
	height: 32px;
	border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
	padding: 0px;
	text-align: left;
	float: left;
	position: relative;
	margin-right: 5px;
	margin-bottom: 2px;
	cursor: pointer;
    min-width: 175px;
    max-width: 50%;
    white-space: nowrap;
}
.jquery-todolist-filter-applied.bottom-corners-rounded
{
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.jquery-todolist-filter-applied-group-title
{
	font-size: 11px;
	padding: 9px 0px 9px 30px;
	float: left;
}
.jquery-todolist-filter-applied-item-title
{
	color: #525252;
	font-size: 11px;
	font-weight: bold;
	/*float: left;*/
    margin-right: 25px;
    padding: 9px 0px 9px 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.jquery-todolist-filter-applied-item-remove
{
    cursor: pointer;
    position: absolute;
    height: 100%;
    top: 0px;
    width: 25px;
    right: 0;
}
.jquery-todolist-filters-applied .jquery-todolist-filter-group .jquery-todolist-filter-group-item-date
{
    height: 10px;
}


/*Pager*/
.jquery-pager
{
	width: 100%;	
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select:none;
	user-select:none;
	-o-user-select:none
}
.jquery-pager .jquery-pager-itemsPerPage
{
	width: 117px;
}
.jquery-pager .jquery-pager-itemsPerPage .jquery-pager-itemsPerPage-select
{
    height: 20px;
}
.jquery-pager .jquery-pager-goTo
{
	float: right;
	padding: 1em 1em 1em 0;
	width: 90px;  
	text-align: right;
}
.jquery-pager .jquery-pager-itemsPerPage span,
.jquery-pager .jquery-pager-goTo span
{
    padding: 3.5px 0;
    display: inline-block;
}
.jquery-pager .jquery-pager-goTo .jquery-pager-goToPage
{
    height: 20px;
	width: 40px;	
	float: right;
	margin-left: 0.5em;
}
.jquery-pager .jquery-pager-summary,
.jquery-pager .jquery-pager-controls div
{
	color: #333333;	
	font-size: 12px;
}
.jquery-pager .jquery-pager-summary, .jquery-pager .jquery-pager-itemsPerPage
{
	float: left;
	padding: 1em;
	text-align: left;
}
.jquery-pager .jquery-pager-summary
{
	text-align: center;
	/*width: 520px;*/
}
.jquery-pager .jquery-pager-controls
{
	float: right;
	padding: 0.5em 1em 1em 0;
	width: 260px;
} 
.jquery-pager .jquery-pager-controls .jquery-pager-control-pages,
.jquery-pager .jquery-pager-controls .jquery-pager-control-pages .jquery-pager-control-page
{
	float: left;
}
.jquery-pager .jquery-pager-controls .jquery-pager-control-first,
.jquery-pager .jquery-pager-controls .jquery-pager-control-prev,
.jquery-pager .jquery-pager-controls .jquery-pager-control-next,
.jquery-pager .jquery-pager-controls .jquery-pager-control-last
{
	padding: 0.5em 0;	
	cursor: pointer;
	background-size: 14px 14px;
	width: 15px;
    height: 15px;
    float: left;	
    margin-top: 7px;  
    background-repeat: no-repeat;      
}
.jquery-pager .jquery-pager-controls .jquery-pager-control-prev
{
	margin-right: 0 !important;
	background-image: url('../../Images/Icons/previous.png');
}
.jquery-pager .jquery-pager-controls .jquery-pager-control-next
{
	margin-left: 0 !important;
	background-image: url('../../Images/Icons/next.png');
}
.jquery-pager .jquery-pager-controls .jquery-pager-control-first
{
	background-image: url('../../Images/Icons/first.png');
}
.jquery-pager .jquery-pager-controls .jquery-pager-control-last
{	
	background-image: url('../../Images/Icons/last.png');
}
.jquery-pager .jquery-pager-controls .jquery-pager-control-pages
{
	padding: 0px;
}
.jquery-pager .jquery-pager-controls .jquery-pager-control-pages .jquery-pager-control-page
{
	cursor: pointer;
	width: 30px;
	height: 30px;
	padding: 6px 0;
	margin: 0 3px;
	text-align: center;
}
.jquery-pager .jquery-pager-controls .jquery-pager-control-pages .jquery-pager-control-page-active
{
	border: 1px solid #CACACA;
	background: linear-gradient(#FFFFFF, #DDDDDD);
	width: 35px;
}
 /*Dialog*/
 .ui-dialog-user-or-team,
 .dialog-info-content
 {
	height: 35px;
	padding: 10px 0;
	width: 100%;
 }

 .ui-dialog-user-or-team input
 {
 	width:85%;
    text-align: left;
    background-color: #FFFFFF !important;
    margin: 5px 0;
    padding: 5px;
    height: 25px;
    max-height: 25px;
    float:left;
 }
.ui-dialog-user-or-team label, 
.dialog-info-content label
 {
 	text-align:right;
 	float: left;
 	margin: .1em 0;
 	width: 30px;
 	margin: 5px 0;
 	padding: 2px 5px 2px 0;
 	height: 20px;
 }
.dialog-info-content label.template
{
    width: 50px;
}
input.ui-dialog-template
{
    width: 300px;
}

.dialog-user-reports
{
    float: left;
    width: 100%;
    /*margin: 55px 0 40px;*/
    margin: 15px 0 20px;
}
.dialog-user-reports .row,
.dialog-user-reports .label,
.dialog-user-reports .content,
.dialog-user-reports .error-message
{
    float:left;
}
.dialog-user-reports .user-row,
.dialog-user-reports .date-row,
.dialog-user-reports .when-row
{
    width: 100%;
}
.dialog-user-reports .changes-row,
.dialog-user-reports .when-row.default
{
    width: 50%;
    margin-top: 2px;
}
.dialog-user-reports .label
{
    padding: 5px 10px;
    width:50px;
    margin-top: 5px;
    text-align: right;
}
.dialog-user-reports .changes-row .label
{
     width: 57px;
}
.dialog-user-reports .content
{
}
.dialog-user-reports .content input
{
    width: 360px;
}

.dialog-user-reports .item
{
    height: 30px;
    float: left;
    cursor: pointer;
    border-bottom: 1px solid #DDDDDD;
    margin: 0 5px;
    text-align:center;
}
.dialog-user-reports .item > div
{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 8px 0;
}
.dialog-user-reports .item > div.input
{
    padding: 5px;
    letter-spacing: 0px;
}
.dialog-user-reports .item-number
{
    width: 65px;
    padding: 0 5px;
    margin-left: 0;
}
.dialog-user-reports .item-number .ui-spinner
{
    height: 23px;
    margin-top: 3px;
}
.dialog-user-reports .item-number input
{
    outline: none;
    height: 27px;
    text-align: center;
    width: 72%;
    margin-top: 3px;
}
.dialog-user-reports .item-unit,
.dialog-user-reports .item-unit > div,
.dialog-user-reports .item-default-unit > div,
.dialog-user-reports .item-changes > div
{
    width: 95px;
}
.dialog-user-reports .item-default-unit,
.dialog-user-reports .item-changes
{
    width: 107px;
}
.dialog-user-reports .item-default-unit,
.dialog-user-reports .item-changes
{
    border-bottom: none;
}
.dialog-user-reports .item-default-unit .input,
.dialog-user-reports .item-changes .input
{
    margin-top:3px;
}
.dialog-user-reports .item-constraint,
.dialog-user-reports .item-constraint > div
{
    width: 53px;
}
.dialog-user-reports .item-date
{
    width:107px;
    padding: 0 5px;
}
.dialog-user-reports .item-date input
{
     margin-top: 3px;
     margin-left: 0;
     text-align:center;
     width: 100%;
}
.dialog-user-reports .list
{
    display:table;
}
.dialog-user-reports .list .list-item 
{
    max-height: 16px;
    text-align:center;
}
.dialog-user-reports .error-message
{
    width: 96%;
    padding: 10px;
    text-align: center;
    /*max-height: 30px;*/
    height: 30px;
    overflow-y: auto;
}

/* Template AddEdit TaskNew*/
#taskTemplatesAddEdit 
{   
	width: 720px;
	max-width: 720px;
	height: 250px;
	max-height:250px;
	overflow: auto;
	border: 1px solid #949494;
	font-size:11pt;
    
}    

[contenteditable]:focus  
{
    outline: 0px solid transparent;
}
    
#link_Save, #link_Cancel {
    font-family: Arial;
    font-size: 8pt;
    font-weight: bold;
    color: #336FAB;
    margin-left: 10px;
    text-decoration: none;
}

.loadingDiv
{
    background-color: rgba(30, 30, 30, 0.05);
    position: absolute;
    z-index: 200;
    top: 0;
}
.loadingDiv img
{
    margin: 0 auto;
    display: block;
}
.HowDoIContainer
{
    margin-top: 5px;
    padding: 10px 0;
    background-color: rgba(245, 245, 245, 0.5);
}
.HowDoIHeader
{
 padding: 0 10px;
}
.HowDoIItems
{
    margin: 10px 0;
}
.HowDoIItem
{
    font-size: 9pt;
    line-height: 20px;
    padding: 0 10px;
}

/* Themes changes */
.SubMenuButton
{
    /*color: #336FAB;*/
    color: #636363;
    font-family:Arial; 
    font-size:9pt; 
    font-weight: bold; 
    text-decoration:none; 
    text-align:center; 
    vertical-align:middle; 
    margin-left:0px; 
    cursor:pointer; 
    padding: 0px; margin: 0px; 
    line-height: 25px; 
    width:140px; 
    height:25px; 
    position:relative;
    background-color:#f5f5f5;
    border: solid 1px #dddddd;
    display: inline-block;
}

.SubMenuButtonWrapper
{
    font-family:Arial; 
    font-size:9pt; 
    text-decoration:none; 
    word-wrap:break-word; 
    position:absolute; 
    background-color:#FBD596;
    height:80px;
    width:180px; 
    visibility:hidden;
    box-shadow: 2px 2px 2px #888888;  
    margin-left:auto; margin-right:auto;
    z-index:2;
    background-color:#f5f5f5;
    border: solid 1px #dddddd;
}

.SubMenuButtonWrapper .SubMenuButton
{
     display: block;
     margin-left:-1px;
}

.ui-dialog .ui-dialog-buttonpane button
{
	text-transform: uppercase!important;
    font-size: 12px!important;
    font-weight: bold!important;
}
.ui-dialog .ui-dialog-buttonpane button a
{
    color: #FFFFFF;
}

.show-hide-filter {
    display: none;
    /*background-image: url(../../Images/Icons/filter.png);*/
    /*background-repeat: no-repeat;*/
    /*background-position: center;*/
    float: left;
    height: 15px;
    width: 30px;
    cursor: pointer;
}
.hide-filter {
    display: none;
    color: #888888;
    font-weight: bold;
    font-size: 12px;
    margin-top: -12px;
    margin-right: -8px;
    float: right;
    cursor: pointer;
}

@media only screen and (max-width: 1335px) {
    .show-hide-filter.showOnSmallScreens, .hide-filter.showOnSmallScreens {
        display: block;
    }

    .jquery-todolist .jquery-todolist-filter.hideOnSmallScreens
    {
        display: none;
    }

    .jquery-todolist .jquery-todolist-filter 
    {
        width: 200px;
        left: -1px;
        top: -1px;
        z-index: 1000;
        background-color: #FFF;
        padding: 9px;
        border: 1px solid #E5E5E5;
    }
}

.menu-thing-switcher
{
    /*width: 15px;
    height: 15px;*/
    position: absolute; 
    top: 0; 
    right: 0; 
    padding-top: 3px;
}
.divThingOptions
{
    margin-left: 2px;
    position:absolute; 
    visibility:hidden;
    z-index:999; 
    display: none;
}
.MenuLeft td,
.MenuRight td,
.divThingOptions td.table-cell
{
    font-family: Arial;
    font-size: 14px;
    width:115px;
    height: 58px;
    display: inline-block;
    cursor: pointer;
    border: 1px solid #FFFFFF;
    border-left: 0;
}
.MenuLeft td .content,
.MenuRight td .content,
.divThingOptions td.table-cell .content
{
    display:inline-block; 
    max-width:110px; 
    overflow:hidden; 
    text-overflow:ellipsis; 
    white-space:nowrap;
    margin-top:5px; 
    cursor:pointer; 
}
.divThingOptions td.table-cell .content
{
   margin-left: 1px;
}
.MenuLeft img,
.MenuRight img,
.divThingOptions img
{
    margin-bottom:4px;
}
.divThingOptions img
{
    height: 32px;
}
#divModal
{
    position: fixed !important;
    z-index:100;
    width:100% !important;
    height:100% !important;
    background: #aaaaaa !important;
    opacity: .3;
    filter: Alpha(Opacity=30);
    display: none;
}

.image-icon
{
    width: 20px;
    height: 18px;
    background-repeat: no-repeat;
    background-color: transparent !important;
    background-position: center;
    -o-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.jquery-todolist .jquery-todolist-criteria .edit-item > div.image-icon:first-child
{
    width: 20px;
    height: 18px;
}
.jquery-todolist .jquery-todolist-criteria .edit-item > div.icon-down:first-child
{
    margin-top: -14px;
}
/*Font Awesome Icos start*/
.fa-icon
{
    background-repeat: no-repeat;
    background-color: transparent !important;
    background-position: center;
    -o-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -ms-user-select: none;
    user-select: none;

    text-align: center;
    font-size: 9px;

    /* .fa-stack */
    display: inline-block;
    /*height: 2em;*/
    line-height: 2em;
    position: relative;
    vertical-align: middle;
    /*width: 2.5em;*/
}
.fa-icon::before,
.fa-icon::after
{
    display: inline-block;
    text-rendering: auto;
   
     /* .fal */
    font-family: 'Font Awesome\ 5 Pro';
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;

    /* .fa-stack-1x, .fa-stack-2x */
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}

.fa-icon::after
{
    font-size: 18px;
}
.fa-menu-icon
{
    width: 100px;
    height: 30px;
    margin-bottom: 4px;
    margin-top: 2px;
}
.icon-details::before 
{
    content: "\f0c9"; /* .fa-bars */
    line-height: inherit; /* .fa-stack-1x */
}
.icon-details::after
{
    content: "\f111"; /* .fa-circle */
}
.icon-history::after 
{
    content: "\f1da"; /* .fa-history */
    font-size: 17px;
    margin-top: 1px;
    cursor:pointer;
}
.icon-history-Insert::after
{
    content: '\f067';
    font-size: 17px;
    margin-top: 1px;
}
.icon-history-Update::after
{
    content: '\f040';
    font-size: 17px;
    margin-top: 1px;
}
.icon-history-Delete::after
{
    content: '\f1f8';
    font-size: 17px;
    margin-top: 1px;
}
.icon-user-history::after 
{
    content: "\f4fd"; /* .fa-user-clock */
    font-size: 17px;
    margin-top: 1px;
}

.icon-reset-filters::after {
    content: "\f0e2"; /* .fa-undo */
    font-size: 17px;
    margin-top: 1px;
}

.icon-snooze-task::after {
    content: "\f017"; /* .fa-clock-o */
    font-size: 17px;
    margin-top: 1px;
}
td .icon-history
{
    margin:auto;
    width: 100%;
}
.icon-note::after 
{
    content: "\f14b"; /* .fa-pen-square */
    font-size: 20px;
    margin-top: -1px;
}
.icon-url::after 
{
  content: "\f0c1"; /* .fa-link */
}
.icon-document::after 
{
  content: "\f0c6"; /* .fa-paperclip */
}
.icon-document-generic,
.icon-document-excel,
.icon-document-word,
.icon-document-archive,
.icon-document-pdf
{
    width: 100%;
    height: 17px;
}
.icon-document-generic::after 
{
    content: '\f15b';
    color: #383f47;    
}
.icon-document-excel::after 
{
    content: '\f1c3';
    color: #217346;
}
.icon-document-word::after 
{
    content: '\f1c2';
    color: #2b579a;
}
.icon-document-archive::after 
{
    content: '\f1c6';
    color: #ff8d14;
}
.icon-document-pdf::after 
{
    content: '\f1c1';
    color: #a01319;
}
.icon-document-generic::after,
.icon-document-excel::after, 
.icon-document-word::after,
.icon-document-archive::after,
.icon-document-pdf::after
{
    font-size: 28px;
    top: -5px;
}

.icon-feed::after
{
   content: "\f574"; /* .fa-file-upload */
   font-size: 19px;
}
.icon-feed-switch::after 
{
    content: "\f56f"; /* .fa-file-import */
}
.icon-current-feed::before 
{
  content: "\f00b"; /* .fa-th-list */
  line-height: inherit; /* .fa-stack-1x */
  font-size: 15px;
  padding: 11px 0;
}
.icon-current-feed::after 
{
  content: "\f15b"; /* .fa-file */
}
.icon-add::after 
{
    content: "\f067"; /* .fa-plus*/
}
.icon-add-feed::after 
{
  content: "\f319"; /* .fa-file-plus */
}
.icon-edit-feed::after 
{
  content: "\f31c"; /* .fa-file-edit */
}
.icon-manage-feeds::before 
{
    content: "\f013"; /* .fa-cog */
    line-height: inherit; /* .fa-stack-1x */
    font-size: 13px;
    padding: 4px;
}
.icon-manage-feeds::after
{
    content: "\f0c5"; /* .fa-copy */
}
.icon-manage-feed::before 
{
    content: "\f013"; /* .fa-cog */
    line-height: inherit; /* .fa-stack-1x */
    font-size: 10px;
    padding: 3px;
    font-weight: 400;
}
.icon-manage-feed::after
{
    content: "\f15b"; /* .fa-file */
    font-weight: 400;
    font-size: 20px;
}
.icon-duedaterule::after
{
    content: "\f5ed"; /* .fa-draw-circle */
    font-size: 20px;
    margin-top: -1px;
}
.icon-criteria::after
{
    content: "\f058"; /* .fa-check-circle */
}
.icon-completion-criteria::after {
    font-size: 20px;
    margin-top: -1px;
    content: "\f14a"; /* .fa-check-square */
}
.icon-group-remove::after
{
    content: "\f057"; /* .fa-times-circle */
    font-size: 19px;
    margin-top: -1px;
}
.icon-assign-criteria::after
{
    content: "\f4fe"; /* .fa-user-cog */
}
.icon-up::after
{
    content: "\f0de"; /* .fa-sort-up */
    font-size: 23px;
}
.icon-down::after
{
    content: "\f0dd"; /* .fa-sort-down */
    font-size: 23px;
}
.icon-orderbydefault::after
{
    content: "\f0dc"; /* .fa-sort */
    font-size: 15px;
}
.icon-sort-show::before 
{
    content: "\f357"; /* .fa-arrow-alt-up */    
    top: 14px;
    margin-left: -3px;
}
.icon-sort-show::after
{
    content: "\f354"; /* .fa-arrow-alt-down */
    left: 5px;
    top: 21px;
}
.icon-sort-show::before,
.icon-sort-show::after
{
    font-size: 12px;
    font-weight: 900;
}
.icon-filter-apply::after
{
    content: "\f0b0"; /* .fa-filter */
}
.icon-filter::after
{
    content: "\f0b0"; /* .fa-filter */
}
.icon-insert-paranthesis::before
{
    content: "\f067"; /* .fa-plus */
    line-height: inherit; /* .fa-stack-1x */
    font-size: 9px;
    padding: 2px 7.5px;
}
.icon-insert-paranthesis::after
{
    content: "\f111"; /* .fa-circle */
    font-size: 22px;
}
.icon-remove-paranthesis::before
{
    content: "\f068"; /* .fa-minus */
    line-height: inherit; /* .fa-stack-1x */
    font-size: 9px;
    padding: 2px 7.5px;
}
.icon-remove-paranthesis::after
{
    content: "\f111"; /* .fa-circle */
    font-size: 22px;
}
.icon-url-parameters::before
{
    content: "\f013"; /* .fa-cog */
    line-height: inherit; /* .fa-stack-1x */
    font-size: 13px;
    margin-left: 9px;
    margin-top: 7px;
    font-weight: 400;
}
.icon-url-parameters::after
{
    content: "\f0c1"; /* .fa-circle */
}
.icon-note-template::before
{
    content: "\f46d"; /* .fa-clipboard-list */
    content: "\f328"; /* .fa-clipboard */
}
.icon-note-template::after
{
    content: "\f007"; /* .fa-user */
}
.icon-note-task::before
{
    content: "\f46c"; /* .fa-clipboard-check */
    /*content: "\f732";*/ /* .fa-ballot */
}
.icon-note-task::after
{
    content: "\f007"; /* .fa-user */
}
.icon-note-template-task::before
{
    content: "\f737"; /* .fa-clipboard-list-check */
    content: "\f46d"; /* .fa-clipboard-list */
}
.icon-note-template-task::after
{
    content: "\f007"; /* .fa-user */
}
.icon-note-template::after,
.icon-note-task::after,
.icon-note-template-task::after
{
    font-weight: 900;
    font-size: 30px;
}
.icon-note-template::before,
.icon-note-task::before,
.icon-note-template-task::before
{
    font-size: 22px;
    top: 24px;
}
/*.icon-note-task::before
{
    font-size: 18px;
}*/
.icon-show::after
{
    content: "\f06e"; /* .fa-eye */
    font-weight: 400;
    top: 2px;
}
.icon-hide::after
{
    content: "\f070"; /* .fa-eye-slash */
    font-weight: 400;
}
.icon-column-featured::after {
    content: "\f0c8"; /* .fa-square  */
    font-weight: 400;
    top: 2px;
}

.icon-column-not-featured::after {
    content: "\f00c"; /* .fa-check */
    font-weight: 400;
}
.icon-locked::after
{
    content: "\f30d"; /* .fa-lock-alt */
    font-weight: 400;
}
.icon-sql:after
{
    content: "\f1c0"; /* .fa-database */
    font-weight: 900;
    top: 1px;
}
.icon-reference-data-items:after
{
    content: "\f0e8"; /* .fa-sitemap */
}
.icon-reference-data-items-mini:after
{
    content: "\f0e8"; /* .fa-sitemap */
    font-size: 15px;
    top: 2px;
}
.icon-reference-data-items-deleted::before
{
    content: "\f00d"; /* .fa-times */
    left: 12px;
    font-weight: 900;
    top: -1px;
}
.icon-reference-data-items-deleted::after
{
    content: "\f0e8"; /* .fa-sitemap */
    font-size: 15px;
    top: 2px;
}
.icon-selected::after
{
    content: "\f14a"; /* .fa-check-square */
    font-size: 21px;
}
.icon-help::after
{
    /* content: "\f059"; */ /* .fa-question-circle */
    content: "\f05a"; /* .fa-info-circle */
    font-weight: 900;
    cursor: pointer;
}
.icon-help-question::after
{
    content: "\f2fd"; /* .fa-question-square */
    font-weight: 900;
    cursor: pointer;
}
.icon-support::after
{
    content: "\f128"; /* .fa-question */
    cursor: pointer;
    color: #FFFFFF;
    font-size: 15px;
    top: 1px;
}
.icon-support-notification
{
    top: -10px;
    display:none;
}
.SubMenuButton .icon-support-notification
{
    position: absolute;
    right: -6px;
    top: -15px;
}
.icon-support-notification::after
{
    content: "\f075"; /* .fa-comment */
}
.icon-support-notification .counter
{
    display:inline-block;
    margin-top: -1px;
}
.Header .icon-support-notification .counter
{
   color: #FFF !important;
}
.SubMenuButton .icon-support-notification .counter
{
    color: #636363;
    position: absolute;
    width: 15px;
    left: 2px;
    text-align: center;
}
.icon-support-ticket::after
{
    content: "\f145"; /* .fa-ticket */
    font-size: 16px;
    top: 2px;
}
.icon-support-ticket-assigned::after
{
    content: "\f3ff"; /* .fa-ticket-alt */
    font-size: 16px;
    top: 2px;
}
.icon-chat-history::after
{
    content: "\f086"; /* .fa-comments */
    font-size: 16px;
    top: 2px;
    cursor: pointer;
}
.icon-chat-play::after
{
    content: "\f04b"; /* .fa-play */
    font-size: 14px;
    top: 1px;
    font-weight: 900;
    font-weight: 900;
}
.icon-email::after
{
     content: "\f0e0"; /* .fa-envelope */
     font-weight: 900;
}
.icon-attention::after
{
    content: "\f071"; /* .fa-exclamation-triangle */
    font-size: 16px;
}
.icon-template::after
{
     content: "\f328"; /* .fa-clipboard */
}
.icon-template-add::before
{
    content: "\f067"; /* .fa-plus */
    top: 8px;
    font-weight: 900;
}
.icon-template-add::after
{
    content: "\f328"; /* .fa-clipboard */
    font-size: 22px;
}
.icon-template-activate::after
{
    content: "\f46c"; /* .fa-clipboard-check */
    font-size: 22px;
}
.icon-template-mini::after
{
    content: "\f46d"; /* .fa-clipboard-list */
}
.icon-group-mini::after
{
    content: "\f247"; /* .fa-object-group */
}
.icon-template-map::after
{
    content: "\f14c"; /* .fa-external-link-square */
}
.icon-filter-remove::before
{
   content: "\f715"; /* .fa-slash */ 
   font-weight: 400;
   font-size: 12px;
   top: -3px;
   left: -1px;
}
.icon-filter-remove::after
{
    content: "\f0b0"; /* .fa-filter */
    font-size: 16px;
}
.icon-move-up::after
{
    content: "\f357";  /* .fa-arrow-alt-up */
    font-size: 16px;
}
.icon-move-down::after
{
    content: "\f354";  /* .fa-arrow-alt-down */
    font-size: 16px;
}
.icon-move-to::before 
{
    content: "\f355"; /* .fa-arrow-alt-left */  
    top: 9px;
    margin-left: -3px;
}
.icon-move-to::after
{
    content: "\f356"; /* .fa-arrow-alt-right */  
    left: 5px;
    top: 2px;
}
.icon-move-to::before,
.icon-move-to::after
{
    font-size: 12px;
    font-weight: 900;
}
.icon-move-to-top::after
{
    content: "\f34d"; /* .fa-arrow-alt-to-top */
    font-weight: 400;
    top: 1px;
}
.icon-user-views::before
{
    content: "\f06e"; /* .fa-eye */
    font-weight: 400;
}
.icon-user-views::after
{
    content: "\f007"; /* .fa-user */  
}
.icon-user-enable::after 
{
    content: "\f007"; /* .fa-user */  
    font-size: 16px;
    top: 2px;
}
.icon-user-disable::after 
{
    content: "\f506"; /* .fa-user-slash */  
    font-size: 16px;
    top: 2px;
}
.icon-user-permissions::after
{
    content: "\f505"; /* .fa-user-shield */ 
    font-weight: 400;
    font-size: 16px;
}
.icon-user-manager::after
{
    content: "\f508"; /* .fa-user-tie */ 
    font-weight: 900;
}
.icon-team-enable::after 
{
    content: "\f0c0"; /* .fa-users */  
    font-size: 16px;
    top: 2px;
}
.icon-team-disable::before 
{
   content: "\f715"; /* .fa-slash */ 
   font-size: 16px;
   top: 2px;
}
.icon-team-disable::after 
{
    content: "\f0c0"; /* .fa-users */ 
    font-size: 16px;
    top: 2px; 
}
.icon-team-delete::before  
{
   content: "\f00d"; /* .fa-times */
   font-weight: 900;
   left: 14px;
}
.icon-team-delete::after  
{
   content: "\f0c0"; /* .fa-users */
    font-size: 15px;
    top: 3px;
}
.icon-logout::after 
{
    content: "\f2f5"; /* .fa-sign-out-alt */  
    color: #FFFFFF;
}
.icon-status::after 
{
    content: "\f0c8"; /* .fa-square */  
    font-weight: 900;
    font-size: 20px;
}
.icon-back::after 
{
    content: "\f0a8"; /* .fa-arrow-circle-left */  
}
.icon-back-arrow::after 
{
    /*content: "\f323";*/ /* .fa-chevron-double-left */
    content: "\f060"; /* .fa-arrow-left */
}
.icon-all-tasks::after 
{
    content: "\f2fb"; /* .fa-rectangle-portrait */
}
.icon-open-tasks::after 
{
    content: "\f0ca"; /* .fa-list-ul */  
    font-size: 16px;
    top:2px;
}
.icon-opened-tasks::before 
{
    content: "\f0ca"; /* .fa-list-ul */  
    font-size: 13px;
    top: 11px;
    top: 9px;
    font-weight: 400;
}
.icon-opened-tasks::after 
{
    content: "\f328"; /* .fa-clipboard */  
    content: "\f2fb"; /* .fa-rectangle-portrait */
    font-size: 25px;
    top: 3px;
}
.icon-opened-tasks-mini::before 
{
    content: "\f0ca"; /* .fa-list-ul */  
    font-size: 10px;
    top: 5px;
    font-weight: 400;
}
.icon-opened-tasks-mini::after 
{
    content: "\f328"; /* .fa-clipboard */  
    content: "\f2fb"; /* .fa-rectangle-portrait */
    font-size: 19px;
}
.icon-complete-tasks::after 
{
    content: "\f0ae"; /* .fa-tasks */  
    font-size: 16px;
    top:2px;
}
.icon-completed-tasks::before 
{
    content: "\f0ae"; /* .fa-tasks */  
    font-size: 13px;
    top: 11px;
    top: 9px;
    font-weight: 400;
}
.icon-completed-tasks::after 
{
    content: "\f737"; /* .fa-clipboard-list-check */  
    content: "\f2fb"; /* .fa-rectangle-portrait */
    font-size: 25px;
    top: 3px;
}
.icon-completed-tasks-mini::before 
{
    content: "\f0ae"; /* .fa-tasks */  
    font-size: 10px;
    top: 5px;
    font-weight: 400;
    left: 8px;
}
.icon-completed-tasks-mini::after 
{
    content: "\f2fb"; /* .fa-rectangle-portrait */
    top: 3px;
}
.icon-cancel-tasks::after 
{
    content: "\f05e"; /* .fa-ban */ 
    font-size: 16px;
    top:2px;
}
.icon-cancelled-tasks::before 
{
    content: "\f05e"; /* .fa-ban */ 
    font-size: 13px;
    top: 11px;
    top: 9px;
    font-weight: 400;
}
.icon-cancelled-tasks::after 
{
    content: "\f328"; /* .fa-clipboard */  
    content: "\f2fb"; /* .fa-rectangle-portrait */
    font-size: 25px;
    top: 3px;
}
.icon-delete-tasks::after 
{
    content: "\f057"; /* .fa-times-circle */ 
    content: "\f2ed"; /* .fa-trash-alt */
    font-size: 16px;
    top:2px;
}
.icon-deleted-tasks::before 
{
    content: "\f057"; /* .fa-times-circle */ 
    content: "\f00d"; /* .fa-times */
    font-size: 13px;
    top: 11px;
    top: 9px;
    font-weight: 400;
}
.icon-deleted-tasks::after 
{
    content: "\f328"; /* .fa-clipboard */  
    content: "\f2fb"; /* .fa-rectangle-portrait */
    font-size: 25px;
    top: 3px;
}
.icon-restore-tasks::after 
{
    content: "\f01e"; /* .fa-redo */
    font-size: 16px;
    top:2px;
}
.icon-upload:before 
{
    content: "\f07b"; /* .fa-folder */  
    top: 8px;
    font-size: 25px;
    left: 1.5px;
    font-weight: 900;
}
.icon-upload::after 
{
    content: "\f357"; /* .fa-arrow-alt-up */  
    top: 18px;
    color: #FFFFFF;
    font-weight: 900;
    font-size: 13px;
    left: 8px;  
}
.dz-remove-file::before
{
    font-size: 18px;
    top: 1px;
}
.dz-file::before
{
    font-size: 21px;
    width: 35px;
    top: 8px;
}
.icon-expand::after
{
    /*content: "\f078";*/ /* .fa-chevron-down */  
    content: "\f13a"; /* .fa-chevron-circle-down */  
}
.icon-collapse::after
{
    /*content: "\f077";*/ /* .fa-chevron-up */ 
    content: "\f139"; /* .fa-chevron-circle-up */  
}
.icon-save::after
{
    content: "\f0c7"; /* .fa-save */
}
.icon-save-check::after
{
    content: "\f00c"; /* .fa-check */
}
.icon-add-plus::after
{
   content: "\f067"; /* .fa-plus */
}
.icon-delete-bin::after
{
    content: "\f2ed"; /* .fa-trash-alt */
    font-size: 16px;
    top: 2px;
}
.icon-delete-times::after
{
    content: "\f00d"; /* .fa-times */
    font-size: 10px;
    font-weight: 900;
}
.icon-refresh::after
{
    content: "\f2f1"; /* .fa-sync-alt */
    font-size: 15px;
    FONT-WEIGHT: 400;
}
.icon-reorder::before
{
    content: "\f357";  /* .fa-arrow-alt-up */
    margin-left: -3px;
}
.icon-reorder::after
{
    content: "\f354"; /* .fa-arrow-alt-down */
    left: 5px;
    top: 7px;
}
.icon-reorder::before, 
.icon-reorder::after 
{
    font-size: 13px;
    font-weight: 400;
}
.icon-deleted-templates::before 
{
    content: "\f057"; /* .fa-times-circle */ 
    content: "\f00d"; /* .fa-times */
    font-size: 10px;
    top: 6px;
    font-weight: 400;
}
.icon-deleted-templates::after 
{
    content: "\f328"; /* .fa-clipboard */  
    font-size: 19px;
}
.icon-deleted-groups::before 
{
    content: "\f057"; /* .fa-times-circle */ 
    content: "\f00d"; /* .fa-times */
    font-size: 10px;
    top: 4px;
    font-weight: 400;
}
.icon-deleted-groups::after 
{
    content: "\f5cb"; /* .fa-vector-square */  
}
.icon-import::after  
{
     content: "\f093"; /* .fa-upload */  
}
.icon-export::after  
{
     content: "\f019"; /* .fa-download */  
}
.icon-edit::after 
{
    content: "\f044"; /* .fa-edit */ 
    font-size: 17px;
    left: 2px;
}
.fa-menu-icon::after
{
    font-size: 30px;
}
.icon-connection-code::after
{
      content: "\f2f7"; /* .fa-shield-check */ 
      content: "\f464"; /* .fa-barcode-read */ 
}
.icon-feed-structure::after
{
      content: "\f0ce"; /* .fa-table */ 
      font-size: 20px;
}
.icon-bridge-downlod::before
{
    content: "\f019"; /* .fa-download */ 
    left: 18px;
    font-size: 12px;
    top: 10px;
}
.icon-bridge-downlod::after
{
    content: "\f557"; /* .fa-archway */ 
}
.icon-bridge-settings::before
{
    content: "\f7d9"; /* .fa-tools */ 
    left: 18px;
    font-size: 12px;
    top: 10px;
}
.icon-bridge-settings::after
{
     content: "\f557"; /* .fa-archway */ 
}
.icon-bridge-run::before
{
    content: "\f144"; /* .fa-play-circle */ 
    left: 18px;
    font-size: 12px;
    top: 10px;
    font-weight: 900;
}
.icon-bridge-run::after
{
     content: "\f557"; /* .fa-archway */ 
}
.icon-bridge-status-hold::before
{
    content: "\f00c"; /* .fa-check */ 
    left: 18px;
    font-size: 9px;
    top: 10px;
    font-weight: 900;
}
.icon-bridge-status-hold::after
{
     content: "\f557"; /* .fa-archway */ 
}
.icon-bridge-status-error::before
{
    content: "\f00d"; /* .fa-times */ 
    left: 18px;
    font-size: 10px;
    top: 10px;
    font-weight: 900;
}
.icon-bridge-status-error::after
{
    content: "\f557"; /* .fa-archway */ 
}
.icon-bridge-status-change::before
{
    content: "\f021"; /* .fa-refresh */ 
    left: 18px;
    font-size: 10px;
    top: 10px;
    font-weight: 900;
}
.icon-bridge-status-change::after
{
     content: "\f557"; /* .fa-archway */ 
}
.icon-bridge-status-deactivated::before {
    content: "\f05e"; /* .fa-ban */
    left: 18px;
    font-size: 10px;
    top: 10px;
    font-weight: 900;
}

.icon-bridge-status-deactivated::after {
    content: "\f557"; /* .fa-archway */
}

.icon-task-processor::after
{ 
    content: "\f085"; /* .fa-cogs */   
    font-size: 20px;   
}
.icon-task-processor .fa-icon::before
{
    top: 4px;
    left: 2px;
    font-weight: 400;
}
/*Font Awesome Icos end*/
.action-button .icon-save-check,
.action-button .icon-back-arrow,
.jquery-todolist-add-button .icon-add-plus
{
    left: -4px;
}
.action-button .fa-icon::after,
.jquery-todolist-add-button .fa-icon::after
{
    color: #ffffff !important;
    font-weight: 900;
}
.action-button .icon-save-check,
.action-button .icon-back-arrow
{
    top: 1px;
}
.action-button .fa-icon::after
{
     font-size: 13px;
}
.jquery-todolist-add-button .icon-add-plus
{
    top: 3px;
}
.jquery-todolist-add-button .fa-icon::after
{
     font-size: 10px;
}
.show-hide-inactive-tab .icon-expand::after,
.show-hide-inactive-tab .icon-collapse::after
{
    top: 6px;
    font-size: 20px;
}
.icon-upload-image
{
    margin-top: -10px;
    height: 50px;
}
.icon-upload-image i
{
    font-size: 40px;
}
.jquery-todolist .jquery-todolist-document .jquery-todolist-document-items .jquery-todolist-document-item .jquery-todolist-document-item-view::after 
{
    top: 6px;
}
.image-icon.icon-delete,
.jquery-todolist .jquery-todolist-notes .jquery-todolist-notes-items .jquery-todolist-notes-item .jquery-todolist-note,
.jquery-todolist .jquery-todolist-criteria .edit-item .image-icon
{
     background-position: unset;
}
td .image-icon.icon-delete 
{
     background-position: center;
}
.jquery-todolist-title .jquery-todolist-title-box .image-icon,
.jquery-todolist-title th .image-icon,
.jquery-todolist .jquery-todolist-things .jquery-todolist-things-search .sort .image-icon
{
    display: inline-block;
    vertical-align: middle;
    width:14px;
    height:8px;
}
.jquery-todolist-title th .image-icon
{
    margin-top: -8px;
}
.jquery-todolist-title th .image-icon.icon-down
{
    margin-top: -27px;
}
.jquery-todolist-title th .image-icon.icon-up
{
     margin-top: -5px;
}
.jquery-todolist-item td .image-icon.icon-down
{     
     margin-top: -14px;
}
.jquery-todolist-item td .image-icon.icon-up
{    
     margin-top: 8px;
}
.jquery-todolist-item td .image-icon.icon-attention
{
     margin-top: 3px;
}
.jquery-todolist-item td .image-icon.icon-move-up::after,
.jquery-todolist-item td .image-icon.icon-move-down::after
{
    font-weight: 400;
    top: 4px;
}
.jquery-todolist .jquery-todolist-things .jquery-todolist-things-search .sort .image-icon::after
{
    font-size: 30px;
}
.jquery-todolist .jquery-todolist-things .jquery-todolist-things-search .sort .image-icon.icon-down
{
   margin-top: -16px
}
.jquery-todolist .jquery-todolist-things .jquery-todolist-things-search .sort .list-item .image-icon.icon-down
{
    margin-top: -35px;
}
.jquery-todolist .jquery-todolist-things .jquery-todolist-things-search .sort .list-item .image-icon.icon-up
{
    margin-top: -10px;
}
.jquery-todolist .jquery-todolist-things .jquery-todolist-things-search .sort .list-item .image-icon
{
    margin-right: 8px
}
.jquery-todolist .jquery-todolist-item .jquery-todolist-item-menu .image-icon
{
     margin: 0 auto;
}
.jquery-todolist .jquery-todolist-sortmenu-items .orderby .image-icon.icon-down::after
{
    margin-top: -11px;
}
.jquery-todolist .jquery-todolist-details-header-actions .image-icon
{
    background-position: center;
    width: 100%;
    height: 100%;
}
.jquery-todolist .jquery-todolist-details-header-actions .fa-icon
{
    padding: 6px;
}
.jquery-todolist .jquery-todolist-details-header-actions .fa-icon.icon-show::after
{
    top: 7px;
}
.jquery-todolist .jquery-todolist-things .jquery-todolist-things-action-view-feed-history
{
    vertical-align: middle;
    margin-left: 5px;
    display: inline-block;
}
.jquery-todolist .jquery-todolist-notes .jquery-todolist-notes-items .jquery-todolist-notes-item .jquery-todolist-note .image-icon
{
    width: 40px;
    height: 40px;
}
.jquery-todolist .jquery-todolist-notes .jquery-todolist-notes-items .jquery-todolist-notes-item .jquery-todolist-note .image-icon.left
{
    float: left;
    margin-left: -65px;
    margin-top: -10px;
}
.jquery-todolist .jquery-todolist-notes .jquery-todolist-notes-items .jquery-todolist-notes-item .jquery-todolist-note .image-icon.left::before
{
    left: 17px;
}
.jquery-todolist .jquery-todolist-notes .jquery-todolist-notes-items .jquery-todolist-notes-item .jquery-todolist-note .image-icon.left::after
{
    margin-top: 5px;
    margin-left: -6px;
}
.jquery-todolist .jquery-todolist-notes .jquery-todolist-notes-items .jquery-todolist-notes-item .jquery-todolist-note .image-icon.right
{
    float: right;
    margin-right: -65px;
    margin-top: -10px;
}
.jquery-todolist .jquery-todolist-notes .jquery-todolist-notes-items .jquery-todolist-notes-item .jquery-todolist-note .image-icon.right::before
{
    left: -17px;
}
.jquery-todolist .jquery-todolist-notes .jquery-todolist-notes-items .jquery-todolist-notes-item .jquery-todolist-note .image-icon.right::after
{
    margin-top: 5px;
    margin-left: 6px;
}
.jquery-todolist .jquery-todolist-criteria .jquery-todolist-criteria-content-editable .legend .icon-insert-paranthesis
{
    vertical-align: middle;
    margin-top: -5px;
    display: inline-block;
    margin-right: 1px;
}
.jquery-todolist .jquery-todolist-criteria .edit-item .edit-item-criteria-string .edit-criteria-string-actions div.icon-insert-paranthesis,
.jquery-todolist .jquery-todolist-criteria .edit-item .edit-item-criteria-string .edit-criteria-string-actions div.icon-remove-paranthesis
{
    margin-top: -4px;
}
.icon-insert-paranthesis .fa-chevron-left::before,
.icon-insert-paranthesis .fa-chevron-right::before,
.icon-remove-paranthesis .fa-chevron-left::before,
.icon-remove-paranthesis .fa-chevron-right::before
{
    font-size: 14px;
}
.icon-insert-paranthesis .fa-chevron-left,
.icon-insert-paranthesis .fa-chevron-right,
.icon-remove-paranthesis .fa-chevron-left,
.icon-remove-paranthesis .fa-chevron-right
{
    margin-top: 4px;
}
.icon-insert-paranthesis .fa-chevron-left,
.icon-remove-paranthesis .fa-chevron-left
{
    margin-left: -2px;
    margin-right: -1px;
}
.legend .icon-insert-paranthesis .fa-chevron-left
{
    margin-left: 1px;
}
.jquery-todolist .jquery-todolist-url .jquery-todolist-url-items .jquery-todolist-url-item .jquery-todolist-url-item-parameters .image-icon
{
    display: inline-block;
}
.jquery-todolist .jquery-todolist-item .jquery-todolist-item-menu a .image-icon
{
   width: 35px;
}

.menu-thing-switcher .image-icon
{
    display:inline-block;
}
.jquery-todolist-filter-applied-item-remove .icon-filter-remove::before
{
    font-size: 12px;
    top: 2px;
}
.jquery-todolist-filter-applied-item-remove .icon-filter-remove::after
{
    font-size: 14px;
    top: 5px;
}
.jquery-todolist .jquery-todolist-menu-items-group div.icon-opened-tasks,
.jquery-todolist .jquery-todolist-menu-items-group div.icon-completed-tasks,
.jquery-todolist .jquery-todolist-menu-items-group div.icon-cancelled-tasks,
.jquery-todolist .jquery-todolist-menu-items-group div.icon-deleted-tasks
{
    height: 30px;
}
.jquery-todolist .jquery-todolist-menu-items-group div.jquery-todolist-menu-item
{
   margin-bottom: 0.5em;
}
.jquery-todolist .jquery-todolist-menu-item .fa-icon 
{
    margin-right: 10px;
}
 .jquery-todolist .jquery-todolist-url .jquery-todolist-url-items .jquery-todolist-url-item div:last-child .fa-icon, 
 .jquery-todolist .jquery-todolist-document .jquery-todolist-document-items .jquery-todolist-document-item p .fa-icon, 
 .jquery-todolist .jquery-todolist-document .jquery-todolist-document-items .jquery-todolist-document-item div:last-child .fa-icon, 
 .jquery-todolist .jquery-todolist-url .jquery-todolist-url-parameters-items .jquery-todolist-url-parameters-item div:last-child .fa-icon,
 .jquery-todolist .jquery-todolist-criteria .jquery-todolist-criteria-items .jquery-todolist-criteria-item > div:last-child .fa-icon
 {
        top: -3px;
        left: -10px;
 }
.jquery-todolist .jquery-todolist-document .jquery-todolist-document-items .jquery-todolist-document-item p .fa-icon::after
{
    top: 1px;
    left: 8px;
}
.jquery-todolist .jquery-todolist-criteria .jquery-todolist-criteria-string-action-help.fa-icon::after,
.jquery-todolist .jquery-todolist-criteria .jquery-todolist-criteria-action-help.fa-icon::after,
.jquery-todolist .jquery-todolist-duedaterule .jquery-todolist-duedaterule-content-action-help.fa-icon::after
{
    font-size: 27px;
    font-size: 27px;
    text-align: right;
}
/* Move to Themes */
.icon-delete 
{
    background-image: url(../../Images/Icons/delete.gif);
}
.icon-assign-criteria-on
{
    /*background-image: url(../../Images/Icons/td_assign_criteria_on.png);*/
}
.icon-assign-criteria-off
{
    /*background-image: url(../../Images/Icons/td_assign_criteria_off.png);*/
}
.icon-criteria
{
    /*background-image: url(../../Images/Icons/td_group_criteria_on.png);*/
}
.icon-criteria-off
{
    /*background-image: url(../../Images/Icons/td_group_criteria_off.png);*/
}
.icon-group-remove
{
    /*background-image: url(../../Images/Icons/td_remove_on.png);*/
}
.icon-duedaterule 
{
     /*background-image: url(../../Images/Icons/td_duedaterule_dep_on.png);*/
}
.icon-duedaterule-off 
{
     /*background-image: url(../../Images/Icons/td_duedaterule_dep_off.png);*/
}
.icon-up
{
     /*background-image: url(../../Images/Icons/up2_on.png);*/
}
.icon-up-off
{
     /*background-image: url(../../Images/Icons/up2_off.png);*/
}
.icon-up-dark-off
{
     /*background-image: url(../../Images/Icons/up2dark_off.png);*/
}
.icon-down
{
     /*background-image: url(../../Images/Icons/down2_on.png);*/
}
.icon-down-off
{
     /*background-image: url(../../Images/Icons/down2_off.png);*/
}
.icon-down-dark-off
{
     /*background-image: url(../../Images/Icons/down2dark_off.png);*/
}
.icon-orderbydefault
{
     /*background-image: url(../../Images/Icons/orderbydefault.png);*/
}
.icon-details 
{
     /*background-image: url(../../Images/Icons/details2.png);*/
}
.icon-note 
{
     /*background-image: url(../../Images/Icons/td_note_on.png);*/
}
.icon-note-off 
{
     /*background-image: url(../../Images/Icons/td_note_off.png);*/
}
.icon-document 
{
     /*background-image: url(../../Images/Icons/td_docs_on.png);*/
}
.icon-document-off 
{
     /*background-image: url(../../Images/Icons/td_docs_off.png);*/
}
.icon-url 
{
     /*background-image: url(../../Images/Icons/td_url_on.png);*/
}
.icon-url-off 
{
     /*background-image: url(../../Images/Icons/td_url_off.png);*/
}
.icon-feed-switch 
{
     /*background-image: url(../../Images/Icons/feed_on.png);*/
}
.icon-history 
{
     /*background-image: url(../../Images/Icons/history.png);*/
}
.icon-history-olds 
{
     /*background-image: url(../../Images/Icons/history.gif);*/
}
.icon-opened-tasks
{
    /*background-image: url(../../Images/Icons/opened2.png);*/
}
.icon-completed-tasks
{
    /*background-image: url(../../Images/Icons/completed2.png);*/
}
.icon-cancelled-tasks
{
    /*background-image: url(../../Images/Icons/cancelled2.png);*/
}
.icon-deleted-tasks
{
    /*background-image: url(../../Images/Icons/deleted2.png);*/
}
.icon-insert-paranthesis
{
    /*background-image: url(../../Images/Icons/insert_paranthesis.png);*/
}
.icon-remove-paranthesis
{
    /*background-image: url(../../Images/Icons/remove_paranthesis.png);*/
}
.icon-note-template
{
    /*background-image: url(../../Images/Icons/note_template.png);*/
}
 .icon-note-task
{
    /*background-image: url(../../Images/Icons/note_task.png);*/
}
.icon-note-template-task
{
    /*background-image: url(../../Images/Icons/note_templatetask.png);*/
}
.icon-feed-history
{
    /*background-image: url(../../Images/Icons/order_history.gif);*/
}
.icon-url-parameters
{
    /*background-image: url(../../Images/Icons/url_icon.png);*/
}
.icon-show
{
    /*background-image: url(../../Images/Icons/show.gif);*/
}
.icon-hide
{
    /*background-image: url(../../Images/Icons/hide.gif);*/
}
.icon-locked
{
    /*background-image: url(../../Images/Icons/locked.gif);*/
}
.icon-options
{
    /*background-image: url(../../Images/List/options.png);*/
}
.icon-add
{
    /*background-image: url(../../Images/List/add.png);*/
}
.icon-sql
{
    /*background-image: url(../../Images/Icons/sql.png);*/
}
.icon-settings 
{
    /*background-image: url(../../Images/Icons/settings.png);*/
}
.icon-selected 
{
    /*background-image: url(../../Images/Icons/isselected.gif);*/
}
.icon-help
{
    /*background-image: url(../../Images/icons/help.gif);*/
}
.icon-move-to-top
{
    /*background-image: url(../../Images/icons/up.gif);*/ 
}
.jquery-todolist .jquery-todolist-sort-show
{
    /*background: #F5F5F5 url("../../Images/Icons/ordermenu2.png") no-repeat left 12px center;
    color: #525252;*/
}

.jquery-todolist .jquery-todolist-sort-show.asc
{
    /*background: #F5F5F5 url("../../Images/Icons/up_arrow2.png") no-repeat left 12px center;
    color: #525252;*/
}

.jquery-todolist .jquery-todolist-sort-show.desc
{
    /*background: #F5F5F5 url("../../Images/Icons/down_arrow2.png") no-repeat left 12px center;
    color: #525252;*/
}
.jquery-todolist-filter-apply
{
	  /*background-image: url('../../Images/Icons/filter.png');*/
}
.icon-attention
{
     /*background-image: url('../../Images/Icons/bullet_error.png');*/
}
.icon-filter-remove
{
    /*background-image: url('../../Images/Icons/page_white_find.png');*/
}
.icon-filter-advanced
{
    /*background-image: url('../../Images/Icons/find.png');*/
}
.icon-template-mini
{
    /*background-image: url('../../Images/Icons/template.gif');*/
}
.icon-move-to
{
    /*background-image: url('../../Images/Icons/move_to.gif');*/
}
.icon-team-enable
{
    /*background-image: url('../../Images/Icons/enable_team.png');*/
}
.icon-team-disable
{
    /*background-image: url('../../Images/Icons/disable_team.png');*/
}
.icon-logout
{
    /*background-image: url('../../Images/Icons/logout.png');*/
}
.icon-upload
{
      /*background-image: url('../../Images/Icons/upload-icon.png');*/
}
/* Feed step by step start */
.info-dialog .ui-dialog-content
{
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow: hidden;
} 
.info-dialog .tabs 
{
    background-color:#FFFFFF;
    border: 0;    
}
.info-dialog .tabs .ui-tabs-nav
{
    background: #FFFFFF !important;
    padding: 0 5px 0 0 !important;
    height: 41px;
}
.info-dialog .tabs .ui-tabs-nav li
{
    border: 1px solid #dddddd !important;
}
.info-dialog .tabs .ui-tabs-nav li.ui-state-active
{
    background: url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x rgb(255, 255, 255);
    border-bottom: transparent  !important;
}
.info-dialog .tabs .ui-tabs-nav a
{
    outline: none;
    padding: 8px 15px;
}
.info-dialog .tab-content
{
    height: 591px;
    /*overflow-x: hidden;
    overflow-y: auto;*/
    width: 904px;
    border: 1px solid #dddddd !important;
    margin-top: -9px;
    padding-top: 0 !important;
}
.info-dialog .tab-content .containers
{
    overflow-x: hidden;
    overflow-y: auto;
    height: 602px;
    width: 920px;
}
.info-dialog .tab-content .container:last-child
{
    margin-bottom: 10px;
}
.info-dialog .tab-content .container .header
{
    border-bottom: 1px solid #CCCCCC;
    height: 30px;
    margin-top: 10px;
    margin-bottom: 10px;
    clear: both;
    background-image: none;
    width: 893px;
}
.info-dialog .tab-content .container .header .title
{
    float: left;
    font-weight: bold;
    font-size: 14px;
}
.info-dialog .tab-content .container .header .path
{
   float: right;
   font-size: 13px;
}
.info-dialog .tab-content .container .header .title,
.info-dialog .tab-content .container .header .path
{
   padding: 9px;
}
.info-dialog .tab-content .container .content .section-item
{
   clear: both;
   min-height: 23px;
}
.info-dialog .tab-content .container .content .section-item .title
{
   float: left;
   font-weight:bold;
   width: 270px;
   text-align: right;
   margin-right: 10px;
}
.info-dialog .tab-content .container .content .section-item .description
{
   float: left;
   width: 611px;
}
.info-dialog .tab-content .container .content .section-item .title,
.info-dialog .tab-content .container .content .section-item .description
{
  padding: 5px 0;
}
.info-dialog .tab-content .container .list .list-item
{
    width: 98%;
    clear: both;
    text-align: justify;
}
.info-dialog .tab-content .container .list .list-item .bullet
{
    width: 10px;
    height: 10px;
    float: left;
    margin: 7px 10px 7px 0;
}
.info-dialog .tab-content .container .list .list-item .bullet.number
{
    width: 16px;
    height: 15px;
    color: #FFF;
    text-align: center;
    padding-top: 1px;
    margin-top: 5px;
}
.info-dialog .tab-content .container .list .list-item .description
{
    padding: 5px 5px 5px 20px;
}
.info-dialog .tab-content .container .note
{
    background-color: rgba(245, 245, 245, 0.5); 
    padding: 10px 0;
    margin: 0px 10px 0px 70px;
}
.info-dialog .tab-content .container .note .note-item
{
    margin-left: 70px;
    padding: 5px 10px 5px 0px;
}
.info-dialog .tab-content .container .note .note-item .description
{
    text-align: justify;
}
.info-dialog .tab-content .container .title,
.info-dialog .tab-content .container .description
{
   font-size: 12px;
}
.info-dialog .tab-content .container .header .title,
.info-dialog .tab-content .container .header .path,
.info-dialog .tab-content .container .content .section-item .title 
{
    /*color: #525252;*/
    color: #636363;
}
/* Feed step by step end */

/* Dialog */
.ui-dialog.ui-widget-content
{
    z-index:9999;
}
.ui-dialog .ui-widget-header {
    border: none!important;
    color: #FFF!important;
    padding: 0.5em 1em;
}

.ui-dialog .ui-dialog-titlebar-close {
    border-radius: 50%;
}
.ui-dialog .ui-button:focus 
{
    outline:none;
}
.count-widget-security
{
    margin-top:50px; 
    padding: 5px; 
    height: 65px; 
    overflow-y: auto;
    word-break: break-word;
}
.task-widget-security
{
    margin-top:50px; 
    padding: 5px;
    height: 65px; 
    overflow-y: auto; 
    word-break: break-word;
}
.module-permissions th
{
    padding-left:0px;
    padding-right:0px;
    background-color: #F5F5F5;
}

.disabled
{
    cursor: default;
    pointer-events: none;
}
input.disabled,
input[type=text].disabled,
textarea.disabled,
.jquery-todolist-details-priority.disabled,
.jquery-todolist-details-lookup.disabled,
.jquery-todolist-details-lookup-selected.disabled,
.jquery-todolist-details-category-lookup.disabled,
.jquery-todolist-details-category-lookup-selected.disabled,
.jquery-todolist-template-status.disabled {
    /*background-color: #DDDDDD;*/
    background-color: #f9f9f9 !important;
    pointer-events: none;
}

.assign-feed-info,
.dialog-info
{
    text-align: center;
    line-height: 18px;  
    padding-top: 15px;
}
.dialog-info
{
        height: 25px;
}
.assign-feed-info
{
    height: 65px;
}
.assign-feed-info span:first-child,
.assign-feed-info span:last-child,
.dialog-info span:first-child
{
    color: #525252;
    font-weight: bold;
    font-size: 12px;
}
.assign-feed-info span.error,
.dialog-info span.error,
.dialog-user-reports .error-message
{
    color: #f00;
}
.dialog-info span.error,
.dialog-user-reports .error-message
{
   font-weight: bold;
}
.confirmation-message
{
    width:100%; 
    position:absolute; 
    display:none; 
    vertical-align:middle; 
    z-index:1000; 
    line-height:25px; 
    font-weight:bold; 
    font-size:11px;
}
.emptyCheckboxDiv
{
    width: 20px;
}

/* Vertical Tabs start */
.ui-tabs.ui-tabs-vertical {
    padding: 0;
}
.ui-tabs.ui-tabs-vertical .ui-widget-header {
    border: none;
}
.ui-tabs.ui-tabs-vertical div.tab-list-wrapper
{
    overflow-y: auto;
    position: absolute;
    max-width: 577px;
    max-height: 645px;    
    z-index: 2;
} 
.ui-tabs.ui-tabs-vertical .ui-tabs-nav {
    float: left;
    min-width: 15em;
    /*border-radius: 4px 0 0 4px;*/
    border-radius: 4px;
    height: fit-content;  
    width: fit-content;
    max-width: 555px;
}
.ui-tabs.ui-tabs-vertical .show-hide-inactive-tab,
.ui-tabs.ui-tabs-vertical .search-content
{
    position: absolute;
}
.ui-tabs.ui-tabs-vertical .show-hide-inactive-tab
{
    float:left;
    margin-left: 3px;
}
.ui-tabs.ui-tabs-vertical .search-content
{
    right: 2px;
}
.ui-tabs.ui-tabs-vertical .search-content input
{
    width: 300px;
}
.ui-tabs.ui-tabs-vertical .ui-tabs-nav li {
    clear: left;
    width: 100%;
    /*margin: 0.2em 0;*/
    margin: 1px;
    overflow: hidden;
    position: relative;
    right: -1px;
    z-index: 2;
    height: 29px;
}
.ui-tabs.ui-tabs-vertical .ui-tabs-nav.expanded li.hidden
{
    display: none !important;
}
.ui-tabs.ui-tabs-vertical .ui-tabs-nav li a 
{
    overflow: hidden;
    text-overflow: ellipsis;
    width: 96%;
    /*color: #525252;*/
    color: #636363;
    font-weight: bold;
}
.ui-tabs.ui-tabs-vertical .ui-tabs-nav.collapsed li.ui-state-default 
{
    display: none;
}
.ui-tabs.ui-tabs-vertical .ui-tabs-nav.collapsed li.ui-state-active
{
    display: block;
}
.ui-tabs.ui-tabs-vertical .ui-tabs-nav.expanded li.ui-state-default 
{
    display: block;
    border-radius: 4px;
}
.ui-tabs.ui-tabs-vertical .ui-tabs-nav.expanded li.ui-state-active
{
    border-bottom: 1px solid#DDDDDD !important;
}
.ui-tabs.ui-tabs-vertical .ui-tabs-panel {
    float: left;
    position: relative;
    left: 2px;
    margin-top: 32px;
}
/* Vertical Tabs end */

.icon-counter
{
    display: inline-block;
    position: absolute;
    z-index: 1;
    margin-top: -6px;
    margin-left: -25px;
    font-size: 8px;
    width: 15px;
    text-align: right;
}

/* Stepped Timeline start */
.stepped-timeline
{

}
.stepped-timeline.timeline-vertical
{
	position: absolute;
	width: 180px;
}
.stepped-timeline.timeline-horizontal 
{
    position:relative;
	max-width: 870px;
    min-height: 100px;
	height: 100px;	
}
.stepped-timeline.thing-add.timeline-horizontal 
{
    margin: 0 auto;    
    /*width: fit-content;*/
}
.stepped-timeline.current-feed.timeline-horizontal 
{
    max-width: 955px;
}
.stepped-timeline.template-details.timeline-vertical,
.stepped-timeline.thing-add.timeline-vertical
{
    position: absolute;
    left: -190px;
}
.stepped-timeline.timeline-vertical .timeline-step
{
    height: 50px;
}
.stepped-timeline.timeline-horizontal .timeline-step
{
    height:100px;
    /*width:108px;*/ /* 9 items */
    /*width: 87px;*/ /* 10 items */
    width: 79px; /* 11 items */
    float:left;
    text-align:center;
}
.stepped-timeline.current-feed.timeline-horizontal .timeline-step
{
    width: 86.5px;
}
.stepped-timeline.thing-add.timeline-horizontal .timeline-step
{
    /*width: 100px;*/
    width: 20%;
}
.stepped-timeline.timeline-horizontal .timeline-step .step-title.border-right
{
    border-right: 1px solid #dcdadc;
}
.stepped-timeline.timeline-horizontal .timeline-step .step-title.border-left
{
    border-left: 1px solid #dcdadc;
}
.stepped-timeline .timeline-step .step-title
{
    color: #525252;    
    color: #636363;
    font-size: 12px;
    font-weight: bold;
    /*text-overflow: ellipsis;
    white-space: nowrap;*/
    overflow: hidden;
}
.stepped-timeline.timeline-vertical .timeline-step .step-title
{
    text-align: right;
    width: 77%;
    padding-right: 15px;
}
.stepped-timeline.timeline-horizontal .timeline-step .step-title
{
    padding-top: 15px;
    word-break: break-word;
    font-size: 10px;
}
.stepped-timeline .timeline-step .step-track 
{
     background-color: #dcdadc;
}
.stepped-timeline.timeline-vertical .timeline-step .step-track 
{
     width: 5px;
     margin-top: -41px;
}
.stepped-timeline.timeline-horizontal .timeline-step .step-track 
{
    height: 5px;
    width: 50%;
    display: inline-block;
}
.stepped-timeline.timeline-vertical .timeline-step .step-icon
{
    width: 20%;
    text-align: center;
} 
.stepped-timeline.timeline-horizontal .timeline-step .step-icon
{
     padding: 15px 0;
}
.stepped-timeline.timeline-vertical .timeline-step .step-title,
.stepped-timeline.timeline-vertical .timeline-step .step-track ,
.stepped-timeline.timeline-vertical .timeline-step .step-icon
{
    float: left;
    height: 50px;
}
.stepped-timeline .timeline-step .step-link
{
     cursor: pointer;
}
/* Stepped Timeline end */

/* Tabbed Menu start */
.tabbed-menu
{
    position:relative; 
    width:955px; 
    height: 31px; 
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 0;
}
.tabbed-menu .ui-tabs-nav
{
    background: #FFF; 
    border: none;
    max-height: 30px;
    max-width: 955px;
    width: fit-content;
    float: left;
    padding-left: 0;
    border-bottom: 1px solid #dcdadc;
}
.tabbed-menu .ui-widget-header .ui-state-default
{
    height: 28px;
}
.tabbed-menu .ui-widget-header .ui-state-default.ui-state-active
{
    background-color: transparent;
    border: 1px solid #DDDDDD;
    background: url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x rgb(255, 255, 255);
    border-bottom: transparent;
}
.tabbed-menu .ui-widget-header .ui-state-default a
{
    color: #525252;
    font-size: 12px;
    font-weight: bold;
    overflow: hidden;
}
/* Tabbed Menu end */

/* Spinner start */
.ui-spinner 
{
    height:27px;
    border-radius: 0px !important;
    background-color: #FFF !important;
}
.ui-spinner input
{
    border:none !important;
    padding: 5px;
    margin: 0px !important;
    width: 100%;
    float: left;
}
.ui-spinner .ui-spinner-button
{
    cursor: pointer;
    border: none;
    border-radius: 0px;
    background: linear-gradient(#FFFFFF, #DDDDDD) !important;
    border-left: 1px solid #FFF !important;
}

.ui-spinner .ui-spinner-button:hover
{
    background: linear-gradient(#FFFFFF, #b6b2b2) !important;
}

/* Spinner end */


/* Support */
.panel
{
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.panel-info
{
    border-color: #CECECE;
}
.panel-heading 
{
    padding: 10px 15px;
}

/* <Tooltip> */
#tooltip {
    display: none;
    position: absolute;
    padding: 2px 4px 2px 4px;
    font-size: 1em;
    z-index: 9999;
    text-align: justify;
}

    #tooltip.error {
        background-color: #FADFDF;
        border: 1px solid #DE7A7B;
        color: #CC0000;
        padding: 5px 10px;
        font-size: 14px;
        text-align: left;
        list-style: none;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: 1px solid #ccc;
        border: 1px solid rgba(0, 0, 0, .15);
        border-radius: 4px;
        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
        box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    }

    #tooltip.info {
        background-color: #ABDAFE;
        padding: 5px 10px;
        font-size: 14px;
        text-align: left;
        list-style: none;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: 1px solid #ccc;
        border: 1px solid rgba(0, 0, 0, .15);
        border-radius: 4px;
        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
        box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    }

/* </Tooltip> */

.hidden
{
    display: none !important;
}

.input-group-btn {
    position: relative;
    white-space: nowrap;
    float: none;
    display: inline-block;
    width: 70px;
    height: 25px;
    top: -1px;
    margin-right: -10px;
    margin-left: 5px;
    text-align: center;
    color: white;
    font-weight: bold;
    cursor:pointer;
}
.input-group-btn.button-left
{
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.input-group-btn.button-right
{
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    left: -4px;
    margin-left: 0;
}
.btn-primary
{
   display: inline-block;
    width: 100%;
    margin: 5px 0;
    color: white;
}

.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;

    margin-bottom: 0;
    z-index: 999;
}
.thumbnail, .img-thumbnail {
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
}

.thumbnail > img, 
.thumbnail a > img {
    margin-right: auto;
    margin-left: auto;
        display: block;
    max-width: 100%;
    height: auto;
}