* {
box-sizing:border-box;
-moz-box-sizing:border-box;
font-family:Arial;
font-size:12px;
color:#000;
scrollbar-arrow-color:#7A7B7F;
scrollbar-3dlight-color:#9A9DA1;
scrollbar-darkshadow-color:#7A7B7F;
scrollbar-face-color:#D8D8D8;
scrollbar-highlight-color:#FFF;
scrollbar-shadow-color:#C3C3C3;
scrollbar-track-color:#ECECEC;
outline:none;
}

BODY {
border:0;
margin:0;
padding:0;
height:100%;
}

TABLE {
border-collapse:collapse;
empty-cells:show;
}

TD {
margin:0;
padding:0;
}

IMG {
vertical-align:middle;
margin:0;
}

P {
margin:0;
padding:0;
}

XMP {
vertical-align:middle;
height:100%;
line-height:25px;
white-space:normal;
font-family:courier;
margin:0;
padding:4px;
}

BUTTON {
background-color:#DEDEDE;
}

.Centered {
text-align:0!important;
_text-align:center!important;
}

.PaddedBox {
padding:5px;
}

.ScrollerBox {
width:100%;
height:100%;
position:relative;
overflow:auto;
padding:10px;
}

body {
border:0;
padding:0;
}

BODY.RTL,.RTL {
direction:rtl;
}

BODY.RTL div#tabs ul.tabs {
left: -10px;
}

#Table1 TD {
border:1px solid #000;
}

.MainLayout {
border:1px solid #A7A7A7;
background-color:#F5F5F5;
width:100%;
height:100%;
padding:2px;
}

.Frame_Bottom_Left,.Frame_Bottom_Right {
width:5px;
height:7px;
background-position:center;
background-repeat:no-repeat;
}

.Frame_Top_Center {
background-position:center top;
background-repeat:repeat-x;
background-image:url(pageLayout/pageFrame/top_center.gif);
}

.Frame_Header {
background-position:top;
background-repeat:repeat-x!important;
background-image:url(pageLayout/pageFrame/header_bg_dark.gif);
}

.Frame_Header_Left,.Frame_Header_Right,.Frame_Body_Left,.Frame_Body_Right {
background-repeat:repeat-y;
}

.Frame_Bottom_Center {
background-position:center;
background-repeat:repeat-x;
background-image:url(pageLayout/pageFrame/bottom_center.gif);
}

.Page_Header {
height:83px;
background-position:top;
background-repeat:repeat-x!important;
background-image:url(pageLayout/images/page_header_bg.gif);
}

.Page_Header_Layout {
background-position:right 1px;
background-repeat:no-repeat;
background-image:url(pageLayout/images/page_header_bgImage.gif);
border-bottom:1px solid #C3C5CA;
}

.Page_Header_Layout td{
vertical-align:bottom;
}

.RTL
.Page_Header_Layout {
background-image:url(pageLayout/images/page_header_bgImage_rtl.gif);
background-position:left 1px;
}

.RTL
.Page_Header_Layout td{
vertical-align:bottom;
}

.logo {
width:140px;
white-space:nowrap;
padding:20px 12px 0;
}

#mainLogoImg {
	max-width: 200px;
	max-height: 30px;
}

.Header_Toolbar {
height:1px;
padding:10px 4px 2px 10px;
}

.Header_Toolbar TD {
padding-left:5px;
padding-right:5px;
color:#FFF;
}

.Header_Toolbar TD LABEL {
padding-bottom:5px;
}

.Page_Toolbar {
height:36px;
background-color:#F6F6F9;
}

.Page_Content {
/*background-color:#F6F6F9; */
padding:0 8px 2px 0;
vertical-align:top;
}

.RTL
.Page_Content {
padding:0 0 2px 8px;
vertical-align:top
}

.Pane {
padding:2px 0 0 4px;
vertical-align:top;
height:100%;
}

.RTL
.Pane {
padding:2px 4px 0 0;
vertical-align:top;
height:100%;
}

#MainPane {
width:100%;
padding-left:3px;
}

.RTL
#MainPane {
padding-right:8px;
padding-left:0;
}

#LeftPane,#RightPane {
width:180px!important;
padding-top:2px;
vertical-align:top;
}

.LeftPane .ScrollerBox {
background-color:#757897;
}

BODY.login #MainPane {
padding-top:44px;
}

.Login_BG {
background-image:url(pageLayout/login/loginPanel_bg.png);
background-repeat:no-repeat;
background-position:center center;
width:588px;
height:257px;
vertical-align:top;
}

#LoginForm {
position:relative;
}

.LoginWrapper {
position:absolute;
width:588px;
height:224px;
top:-239px;
left:0;
_left:-290px;
}

.LoginWrapper .Form_Ctrl {
float:none!important;
}

.LoginWrapper .Form_Ctrl .Form_Ctrl_Fields {
vertical-align:middle;
height:35px;
}

.LoginWrapper .Form_Ctrl .Form_Ctrl_Label,.LoginWrapper .Form_Ctrl .Form_Ctrl_Label * {
color:#3aac02;
}

.PaddingCells {
padding-bottom:1px;
}

.MainToolbar {
width:100%;
height:37px;
border-bottom:1px solid #000;
background-position:top;
background-repeat:repeat-x;
background-image:url(toolbar/images/mainToolbar_bg.gif);
}

.Toolbar_Left {
width:180px;
padding-right:0;
padding-left:2px;
}

.RTL
.Toolbar_Left {
padding-right:2px;
padding-left:0;
}

.Toolbar_Left LABEL {
font-weight:700;
color:#FFF;
padding:0 0 0 10px;
}

.Toolbar_Main {
padding-right:2px;
padding-left:4px;
}

.Toolbar_Main .ToobarTD {
white-space:nowrap;
}

.RTL
.LeftAlign .MainToolbar_ButtonSet {
white-space:nowrap;
float:right;
}

.RTL
.Toolbar_Main {
padding-right:4px;
padding-left:2px;
}

.Toolbar_Main_Layout {
height:37px;
}

.MainToolbar_ButtonSet {
height:33px;
display:inline;
white-space:nowrap;
}

.LeftAlign
.MainToolbar_ButtonSet {
margin:0 4px;
float:left;
margin-bottom:-1px;#margin-bottom:-3px;
}

.RTL
.Toolbar_Left
.MainToolbar_ButtonSet {
margin-right:4px;
margin-left:0;
float:right;
margin-bottom:-1px;#margin-bottom:-3px;
}

.ButtonSet_Filler {
width:3px;
height:33px;
background-position:center top;
background-repeat:repeat-x;
background-image:url(toolbar/images/btn_idle_center.gif);
}

.ButtonSet_Seperator {
background-position:center top;
background-repeat:no-repeat;
background-image:url(toolbar/images/btn_seperator.gif);
width:2px;
height:33px;
}

.ButtonSet_First,.ButtonSet_Last {
width:4px;
background-position:top;
background-repeat:no-repeat;
}

.ButtonSet_Center {
background-image:url(toolbar/images/btn_idle_center.gif);
cursor:pointer;
color:#FFF;
height:33px;
_width:33px;
min-width:33px;
text-align:0;
_text-align:center;
display:block;
white-space:nowrap;
padding:1px;
}

.Down
.ButtonSet_Center {
padding:2px 0 0 2px;
}

.ButtonSet_Icon {
width:1px;
height:33px;
cursor:pointer;
background-repeat:repeat-x;
background-position:center top;
background-image:url(toolbar/images/btn_idle_center.gif);
}

.ButtonSet_Icon IMG {
margin-top:1px;
vertical-align:top;
}

.ButtonSet_Center IMG {
vertical-align:top; /*FF*/
a_vertical-align:middle;
_margin-top:0;
}

.ButtonSet_Center LABEL {
color:#FFF;
font-weight:700;
cursor:pointer;
vertical-align:top; /*FF*/
_vertical-align:middle;
white-space:nowrap;
padding-left:5px;
text-align:left;
display:block;
width:100%;
line-height:32px;
_line-height:30px;
}

.ButtonSet_Center LABEL IMG {
vertical-align:baseline;
}

.Toolbar_Left
.MenuButtonSet
.MenuButton {
display:table;
width:180px;
}

.Toolbar_Left
.MenuButtonSet {
margin:0!important;
}

.MainToolbar_ButtonSet
.Form_Ctrl {
display:inline;
float:none!important;
height:100%;
margin:0 2px;
}

.MainToolbar_ButtonSet
.Form_Ctrl_Label * {
font-size:11px;
color:#FFF;
}

.FieldBox_Special
.FieldBox_First {
width:4px;
background-repeat:no-repeat;
background-image:url(toolbar/images/toolbarField_left.png);
background-position:center center;
}

.RTL
.FieldBox_Special
.FieldBox_First {
background-image:url(toolbar/images/toolbarField_right_rtl.png);
background-position:center center;
}

.MenuButtonSet {
position:relative;
display:inline;
z-index:999;
}

.MenuButton {
_float:none;
}

.ToolbarMenu {
display:none;
position:absolute;
left:0;
text-align:0;
_text-align:center;
-moz-user-select:none;
padding:0 6px;

}

.ToolbarMenu_padding {
display:none;
position: absolute;
left: 445px;
top: 247px;
_right:165px;
text-align:0;
_text-align:center;
-moz-user-select:none;
z-index:1000;
padding:0 6px;
}

.RTL
.ToolbarMenu_padding {
display:none;
position: absolute;
right: 413px;
top: 247px;
_right:165px;
text-align:0;
_text-align:center;
-moz-user-select:none;
z-index:1000;
padding:0 6px;
}

.ToolbarMenu_Item {
height:32px;
width:165px;
line-height:100%;
background-repeat:repeat-x;
cursor:pointer;
padding:0 9px;
}

.ToolbarMenu_Item,.ToolbarMenu_Item *,.ToolbarMenu_Item LABEL {
color:#2e3233;
font-weight:700;
}

.ToolbarMenu_Item_Icon {
border-bottom:1px solid #2e3233;
background-color:#FFF;
background-image:url(toolbar/menu/item_idle_center.png);
width:31px;
padding:0;
}

.ToolbarMenu_Item_Center {
border-bottom:1px solid #2e3233;
background-color:#FFF;
background-image:url(toolbar/menu/item_idle_center.png);
padding:0 3px;
}

.ToolbarMenu_Item_top_border {
border-top:1px solid #2e3233;
}

.ToolbarMenu_Item_First,.ToolbarMenu_Item_Last {
background-repeat:repeat-y;
background-position:center bottom;
width:7px;
}

.ToolbarMenu_LastItem {
height:35px;
}

.ToolbarMenu_LastItem
.ToolbarMenu_Item_First {
background-image:url(toolbar/menu/lastItem_idle_left.png);
_background-position:center top;
border-bottom:0;
}

.RTL
.ToolbarMenu_LastItem
.ToolbarMenu_Item_First {
background-image:url(toolbar/menu/lastItem_idle_right.png);
}

.ToolbarMenu_LastItem
.ToolbarMenu_Item_Icon,.ToolbarMenu_LastItem
.ToolbarMenu_Item_Center {
background-image:url(toolbar/menu/lastItem_idle_center.png);
background-color:Transparent;
border-bottom:0;
padding-bottom:3px;
}

.ToolbarMenu_LastItem
.ToolbarMenu_Item_Last {
background-image:url(toolbar/menu/lastItem_idle_right.png);
_background-position:center top;
border-bottom:0;
}

.RTL
.ToolbarMenu_LastItem
.ToolbarMenu_Item_Last {
background-image:url(toolbar/menu/lastItem_idle_left.png);
}

.Container_Header {
height:1px;
_border-bottom:1px solid #FAFAFA;
}

.Container_Header_First,.Container_Header_Last {
width:3px;
height:25px;
background-repeat:no-repeat;
background-position:center top;
}

.Container_Header_Center {
    background-image: url(container/1/header_center.gif);
    color: #75767A;
    font-size: 13px;
    font-weight: 700;
    padding: 0 7px;
}

.Container_Body {
    background-color: #FFF;
    vertical-align: top;
    /*height:100%; problem in PS PRoduct in my settings page*/
}

.Container .Container_Body .BorderFix_FF {
    height: 100%;
    padding: 10px 18px 8px;
}

table .Container .Container_Body .BorderFix_FF {
    padding: 0 18px 8px;
}

.Container .Container_Body .SubTabBorderFix_FF {
    border-left: #C3C3C3 1px solid;
    border-right: #C3C3C3 1px solid;
    _border: 0;
    height: 50%;
    padding: 2px 1px;
}

.Container_Bottom_First, .Container_Bottom_Last {
    width: 3px;
    height: 3px;
    background-repeat: no-repeat;
    background-position: center top;
    font-size: 1px;
}

.Container_Body .ButtonRow {
    padding-bottom: 20px;
}

.Container_Plain
.Container_Header {
    height: 1px;
    border: none;
}

.Container_Plain
.Container_Header_First, .Container_Plain
.Container_Header_Last {
    width: 4px;
    height: 4px;
    background-repeat: no-repeat;
    background-position: center top;
    border: none;
}

.Container_Plain
.Container_Header_First {
    background-image: url(container/2/header_left.gif);
}

.Container_Plain
.Container_Header_Last {
    background-image: url(container/2/header_right.gif);
}

.Container_Plain
.Container_Header_Center {
    background-image: none;
    background-color: #EDEDED;
    color: #75767A;
    font-size: 1px;
    font-weight: 700;
    padding: 0 7px;
}

.Container_Plain
.Container_Body {
    border: 0 !important;
    background-image: none;
    background-position: top;
    background-repeat: repeat-x;
    background-color: #EDEDED;
}

.Container_Plain
.Container_Body .BorderFix_FF {
    border: 0 !important;
    height: 100%;
    padding: 10px 18px 8px;
}

.Container_Body .SubTabBorderFix_FF {
    border: 0 !important;
    height: 50%;
    padding: 2px 1px;
}

.Container_Plain
.Container_Body P {
    color: #7D7676;
    line-height: 18px;
    margin-bottom: 15px;
}

.Container_Plain
.Container_Bottom_First, .Container_Plain
.Container_Bottom_Last {
    width: 4px;
    height: 4px;
    background-repeat: no-repeat;
    background-position: center;
    font-size: 1px;
}

.Container_Plain
.Container_Bottom_First {
    background-image: url(container/2/bottom_left.gif);
}

.Container_Plain
.Container_Bottom_Last {
    background-image: url(container/2/bottom_right.gif);
}

.Container_Plain
.Container_Bottom_Center {
    border-bottom: 0;
    background-color: #EDEDED;
    font-size: 1px;
}

.SidePanelContainer_Header_First {
    background-image: url(container/3/header_left.gif);
    background-position: right top;
    background-repeat: no-repeat;
}

.SidePanelContainer_Header_Last {
    background-image: url(container/3/header_right.gif);
    background-position: right top;
    background-repeat: no-repeat;
}

.SidePanelContainer_Bottom_First {
    background-image: url(container/3/bottom_left.gif);
    background-position: right top;
    background-repeat: no-repeat;
}

.SidePanelContainer_Bottom_Last {
    background-image: url(container/3/bottom_right.gif);
    background-position: left top;
    background-repeat: no-repeat;
}

FIELDSET {
    border: 1px solid #a2a2a2;
}

LEGEND {
    font-weight: 700;
    padding: 0 5px;
}

TEXTAREA {
    overflow: auto;
    border: 1px solid #a2a2a2;
    padding: 2px;
}

TEXTAREA.Maxed {
    _border-bottom-width: 2px;
}

INPUT[type=text], INPUT[type=password] {
    border: 1px solid #a2a2a2;
    height: 21px;
    padding: 3px 2px 0;
}

.Disabled INPUT {
    color: #adacac;
}

.FormRow {
    height: 1px;
    padding: 9px 0 0;
}

.Form_Ctrl {
    margin-left: 12px;
    float: left;
    /*_width:expression(this.FullWidth=='true'?"100%":"");
_margin-right:expression(this.FullWidth=='true'?"0px":"");*/
}

.RTL .Form_Ctrl {
    margin-right: 12px;
    float: right;
    /*_margin-left:expression(this.FullWidth=='true'?"0px":"");*/
}

.RightAlign .Form_Ctrl {
    float: right;
    margin-right: 0;
}

.RTL .RightAlign.Form_Ctrl {
    float: Left;
    margin-left: 0;
}

.Form_Ctrl[FullWidth=true] {
    display: table;
    margin-right: 0;
    width: 100%;
}

.RTL
.Form_Ctrl[FullWidth=true] {
    margin-left: 0;
}

.Form_Ctrl_Label {
    height: 17px;
    padding-right: 5px;
}

.RTL
.Form_Ctrl_Label {
    padding-left: 0;
}

.Form_Ctrl_LabelHeader { /*com*/
    color: #7A7B7F;
    font-weight: 700;
    line-height: 17px;
    font-size: 15px;
    padding-right: 0;
}

a.labelHeaderNoUnderline {
    text-decoration: none;
    color: #555a7c;
    font-weight: 700;
    line-height: 17px;
    font-size: 15px;
    padding-right: 0;
}

a.labelHeaderNoUnderline:hover {
    text-decoration: underline;
}

a.labelHeaderNoUnderline:active {
    text-decoration: none;
}

a.labelHeaderNoUnderline:visited {
    text-decoration: none;
}

a.labelNoUnderline {
    text-decoration: none;
}

a.labelNoUnderline:hover {
    text-decoration: underline;
}

a.labelNoUnderline:active {
    text-decoration: none;
}

a.labelNoUnderline:visited {
    text-decoration: none;
}

.Form_Ctrl
INPUT {
    /*_border:expression(this.type=='text'||this.type=='password'?"1px solid #a2a2a2":"");
_height:expression(this.type=='text'||this.type=='password'?"21px":"");
_width:expression(this.type=='text'||this.type=='password'?"140px":"");*/
    padding: 3px 2px 0;
}

.Form_Ctrl
INPUT[type=text], .Form_Ctrl
INPUT[type=password] {
    border: 1px solid #a2a2a2;
    height: 21px;
    min-width: 140px;
    width: 100%;
    padding: 3px 2px 0;
}

.Form_Ctrl
INPUT[type=image] {
    margin-bottom: 4px;
}

.Form_Ctrl .Input_Image {
    margin: 0 12px 0 3px;
}

.Form_Ctrl
SELECT {
    height: 21px;
    padding-top: 2px;
    padding-right: 0;
}

.Form_Ctrl .FieldBox {
    padding-top: 3px;
    _padding-top: 1px;
    height: 32px;
    _height: 1px;
    display: table-cell;
    padding-right: 2px;
}

.RTL
.Form_Ctrl .FieldBox {
    padding-left: 2px;
}

.Form_Ctrl .FieldBox .Button3Parts {
    _margin-top: 2px;
    display: block;
    margin: 3px 0 0 2px;
}

.RedLabel {
    color: red;
    font-size: 17px;
}

.Pager {
    direction: ltr;
    margin: 10px;
}

.Pager TD {
    padding: 2px;
}

.Pager INPUT, .Pager LABEL {
    vertical-align: middle;
    font-weight: 700;
    color: #7A7B7F;
}

.Pager INPUT {
    width: 14px;
}

.RTL
.RightAlign
.Pager {
    margin-left: 0;
    margin-right: 10px;
}

.RightAlign TD
.Pager {
    padding-left: 4px;
    padding-right: 0;
}

.Grid_Headers {
    height: 21px;
    _height: 22px;
    padding-top: 1px;
    _padding-top: 0;
}

.Grid_Headers_Layout {
    width: 100%;
    height: 100%;
    _table-layout: fixed;
}

.Grid_Headers TH {
    text-align: left;
    background-position: top;
    background-repeat: repeat-x;
    background-image: url(grid/images/grid_header_bg_idle.gif);
    border-top: 1px solid #A2A2A2;
    border-right: 1px solid #A2A2A2;
    font-size: 13px;
    font-weight: 700;
    color: #7a7b7f;
    padding: 0 11px;
}

.RTL
.Grid_Headers TH {
    text-align: right;
    border-right: 0;
    border-left: 1px solid #798EAB;
}

.Grid_Headers TH, .Grid_Headers TD {
    border-bottom: 1px solid #a2a2a2;
    height: 22px;
}

.Grid_Filters TH INPUT, .Grid_Filters TH SELECT {
    width: 100% !important;
    border: 0 !important;
    _height: 20px !important;
}

.Grid_Filters .Form_Ctrl {
    width: 100%;
    margin: 0 !important;
}

.Grid_Filters .Form_Ctrl .FieldBox {
    height: 20px;
    _height: 1px;
    padding: 0;
}

.Grid_Filters .Form_Ctrl .ButtonBox {
    width: 17px;
    vertical-align: top;
    padding: 0;
}

.Grid_Filters .Form_Ctrl .ButtonBox BUTTON {
    border: 1px solid #C2C2C2;
    color: #6C829F;
    height: 20px;
    font-weight: 700 !important;
    background-color: #F0F0F0;
    width: 100%;
    margin: 0;
}

.Grid_Filters .Form_Ctrl .ButtonBox INPUT /* Assuming is button */
{
    border: 1px solid #C2C2C2 !important;
    color: #6C829F !important;
    font-weight: 700 !important;
    height: 20px !important;
    background-color: #F0F0F0;
    line-height: 1px;
}

.Grid_Filters .Form_Ctrl TD {
    border: 0 !important;
    padding: 0 !important;
}

.Grid_Top_Left {
    background-position: left top;
    background-repeat: no-repeat;
    background-image: url(grid/images/grid_header_left.gif);
    border-bottom: 1px solid #A2A2A2;
    width: 3px;
    background-color: #E9E9E9;
}

.RTL
.Grid_Top_Left {
    background-position: right top;
    background-image: url(grid/images/grid_header_right_rtl.gif);
}

.Grid_Body {
    background-color: #FFF;
    vertical-align: top;
}

.GridScroller {
    width: 100%;
    height: 100%;
    _position: relative;
    border-left: 1px solid #A2A2A2;
}

.GridLeftBorder {
    border-left: 1px solid #A2A2A2;
}

.RTL
.GridScroller {
    width: 100%;
    height: 100%;
    _position: relative;
    border-right: 1px solid #A2A2A2;
}

.Grid_Body .Grid_Data .FF_Filler TD {
    /* This is a FF workaround */
    display: none;
    height: auto;
    empty-cells: hide;
}

.Grid_Body TD {
    border-right: 1px solid #A2A2A2;
    height: 25px;
    padding-right: 11px;
    padding-left: 11px;
    vertical-align: middle;
    border-bottom: 1px solid #A2A2A2;
    color: #3e3e3e;
}

.UI_Grid_Body TD {
    /*border-right:1px solid #A2A2A2;*/
    height: 25px;
    _padding-right: 11px;
    padding-left: 11px;
    vertical-align: middle;
    border-bottom: 1px solid #ccc;
}

.RTL
.UI_Grid_Body TD {
    _padding-right: 11px;
    _border-right: 1px solid #A2A2A2;
}

/*.UI_Grid_Body TR.RowSelected {*/
/*background-color:#E6F3E5 !important;*/
/*}*/

.GridCheckboxCell {
    width: 27px;
    text-align: 0;
    _text-align: center;
    padding: 0 !important;
}

.GridCheckbox {
    width: 13px;
    height: 13px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(grid/images/grid_checkbox_off.svg);
    cursor: pointer;
}

.GridCheckboxDisabled {
    width: 13px;
    height: 13px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(grid/images/grid_checkbox_disabled.svg);
}

.RowSelected
.GridCheckbox {
    background-image: url(grid/images/grid_checkbox_selected_tick.svg);
}

.Grid_Data TR {
    background-color: #FFF;
    cursor: default;
}

.Grid_Data TR.Hover * {
    color: #000;
    cursor: pointer;
}

.Grid_Data .New_TR TR {
    background-color: #FFF;
}

.Grid_Data TR.New_Header {
    background-color: #DDD;
    height: 35px;
}

.Grid_Data
.Grid_EvenRow {
    background-color: #f2f2f2;
}

.Grid_Body TR.RowSelected {
    background-repeat: repeat-x;
    background-position: top;
    background-color: #CAEAB9;
}

td.MultipleSelectionMenuTD {
    background-color: #E6F3E5;
    border-bottom: 1px solid #CCC;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
}

.MultipleSelectionMenu {
    /*border-collapse: separate;*/
    background-color: #ffffff;
    /*border:1px solid #A2A2A2;*/
    /*padding:2px;*/
}

a.MultipleSelectionMenuLink {
    text-decoration: none;
}

a.MultipleSelectionMenuLink:hover {
    text-decoration: underline;
}

a.MultipleSelectionMenuLink:active {
    text-decoration: none;
}

a.MultipleSelectionMenuLink:visited {
    text-decoration: none;
}

.SearchRoundCorner {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.dashWrapper {
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border: 1px solid #CCC;
    padding: 7px;
    background: #FFF;
    display: block;
}

.ListWrapper {
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border: 1px solid #CCC;
    padding: 0px 7px;
    background: #FFF;
    display: block;
}

.ListWrapper > table {
    width: 100%;
}

.ActionBarWrapper {
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border: 1px solid #CCC;
    background: url(grid/images/actionbar_bg.gif) repeat-x center bottom #e0e0e0;
    display: block;
    height: 38px;
    min-width: 600px;
}

.Grid_Body
.Grid_Body_Left {
    border-left: 2px solid #7C90AD;
    _border-left: 1px solid #7C90AD;
    border-right: 0 !important;
    padding: 0;
}

.RTL
.Grid_Body
.Grid_Body_Left {
    border-right: 2px solid #7C90AD;
    _border-right: 1px solid #7C90AD;
    border-left: 0 !important;
}

.Topper_Center {
    font-size: 1px;
    border-top: 1px solid #A2A2A2;
}

.Footer_Center {
    font-size: 1px;
    border-bottom: 1px solid #A2A2A2;
}

.NestedGrid .BorderFix_FF {
    padding: 0 !important;
}

.NestedGrid .Grid_Top_Left {
    background-position: left top;
    background-image: url(grid/images/grid_header_bg.gif);
    border-bottom: 2px solid #D6D6D6;
    border-top: 1px solid #8EA3BF;
    border-left: 0;
    display: none;
}

.NestedGrid
.Grid_Headers th, .NestedGrid
.Grid_Headers td {
    border-top: 0;
}

.GridCellInner {
    /*height:30px;*/
    padding: 8px 5px;
}

.UI_GridCellInner {
    height: 30px;
    padding: 2px 5px;
    line-height: 18pt;
}

#ShowAllTitle a {
    font-weight: normal;
}

.OverflowHidden {
    overflow: hidden;
    text-overflow: ellipsis;
}

.Table_Filter_First {
    /*background-image:url(grid/images/graylight_table_left.gif);*/
    height: 48px;
    width: 10px;
}

.RTL
.Table_Filter_First {
    /*background-image:url(grid/images/graylight_table_right.gif);*/
}

.Table_Filter_Center {
    /*background-image:url(grid/images/graylight_table_center.gif);
background-repeat:repeat-x;*/
    height: 48px;
}

.Table_Filter_Last {
    /*background-image:url(grid/images/graylight_table_right.gif);*/
    height: 48px;
    width: 10px;
}

.RTL
.Table_Filter_Last {
    /*background-image:url(grid/images/graylight_table_left.gif);*/
}

.Table_Header_Center {
    /*background-image:url(grid/images/graydark_table_center.gif);
background-repeat:repeat-x;*/
    background-color: #DDD;
    height: 55px;
}

.Table_Header_Center TH {
    border-top: 1px solid #A2A2A2;
    border-right: 1px solid #A2A2A2;
    font-size: 12px;
    padding: 0 11px;
}

.UI_Table_Header_Center {
    background-image: url(grid/images/actionbar_bg.gif);
    background-repeat: repeat-x;
    height: 30px;
}

.UI_Table_Header_Center TH {
    /*border-right:1px solid #A2A2A2;*/
    border: 1px solid #A2A2A2;
    border-bottom: 2px solid #000;
    font-size: 12px;
    padding: 0;
    width: 36px;
}

.RTL
.Table_Header_Center TH {
    text-align: right;
    border-right: 0;
    border-left: 1px solid #A2A2A2;
}

.Table_Header_Bold TH {
    font-weight: 700;
}

.ButtonRow {
    height: 1px;
    text-align: 0;
    _text-align: right;
    padding: 10px 0 0;
}

.RTL
.ButtonRow {
    text-align: 0;
    _text-align: left;
}

DIV.ButtonRow {
    height: 30px;
}

IMG.Icon {
    vertical-align: middle;
    margin: 1px;
}

IMG.IconSeperator {
    height: 16px;
    border-right: 1px solid #FFF;
    vertical-align: middle;
    color: #BABDDD;
    width: 1px;
    _font-size: 1px;
    margin: 1px;
}

.Button3Parts {
    display: inline;
    height: 24px;
    line-height: 20px;
    cursor: pointer;
    margin: 0 0 0 8px;
}

table.Button3Parts {
    display: table;
}

table.Button3Parts tr {
    display: table-row;
}

table.Button3Parts td,
table.Button3Parts td.ButtonFirst {
    display: table-cell;
}

.Button3Parts TR {
    display: table;
    _display: inherit;
}

.Grid .Button3Parts {
    margin-top: 2px;
    display: table;
    cursor: pointer;
    float: left;
}

.Button3Parts TD, .Grid .Button3Parts TD {
    height: 24px;
    line-height: 18px;
    border: 0;
    cursor: pointer;
    padding: 0;
}

.Button3Parts .ButtonLabel, .Grid .Button3Parts .ButtonLabel {
    background-image: url(buttons/button3Parts/default/btn_idle_center.png);
    vertical-align: middle;
    background-repeat: repeat-x;
    font-weight: 700;
    text-align: center;
    font-size: 12px;
    color: #FFF;
    width: 44px;
    white-space: nowrap;
    padding: 0 3px 3px 2px;
}

.TabStrip {
    _border-top: #C3C3C3 1px solid;
    border-bottom: #C3C3C3 1px solid;
    _border-left: #C3C3C3 1px solid;
    _border-right: #C3C3C3 1px solid;
    vertical-align: top;
    height: 32px;
}

.Container .TabStrip .BorderFix_FF {
    border-left: #C3C3C3 1px solid;
    border-right: #C3C3C3 1px solid;
    _border: 0;
    float: left;
}

.LTR .Tab {
    float: left;
    cursor: pointer;
    height: 25px;
    vertical-align: bottom;
    margin-left: -1px;
}

.RTL .Tab {
    float: right;
    cursor: pointer;
    height: 25px;
    vertical-align: bottom;
    margin-right: -1px;
}

div#tabs ul.tabs li.tabs-nav.ui-state-active {
    margin-bottom: -1px;
}

div#tabs ul.tabs {
    bottom: 0 !important;
}

div div#tabs ul.tabs li.tabs-nav {
    border-bottom: none;
    cursor: pointer;
}

div#tabs ul.tabs li.tabs-nav:hover {
    color: #3bb000;
}

div#tabs ul.tabs li.tabs-nav.ui-state-active:hover {
    color: #000;
    cursor: text;
}

.RTL
.Tab {
    float: right;
    margin-left: -1px;
}

.Tab TD {
    border: 0;
    padding: 0;
}

.TabStrip
.Selected {
    position: relative;
    margin-left: -2px;
    cursor: default;
    height: 32px;
    border: 0;
    margin-top: 7px;
    background-color: Transparent;
}

.Tab_First {
    font-size: 1px;
    width: 3px;
    background-repeat: no-repeat;
    height: 22px;
    _background-color: #F1F1F1;
    background-image: url(tabCtrl/default/tab_idle_leftmost.gif);
    background-position: left bottom;
}

.Tab_Last {
    border-right: 1px;
    font-size: 1px;
    width: 3px;
    background-repeat: no-repeat;
    height: 22px;
    _background-color: #F1F1F1;
    background-image: url(tabCtrl/default/tab_idle_rightmost.gif);
    background-position: right bottom;
}

.RTL
.Tab_First {
    height: 32px;
    border-right: #C3C3C3 1px solid;
    border-left: 0;
    background-position: right bottom;
    background-image: url(tabCtrl/default/tab_idle_rightmost.gif);
}

.RTL
.Tab_Last {
    height: 32px;
    border-left: #C3C3C3 1px solid;
    border-right: 0;
    background-position: left bottom;
    background-image: url(tabCtrl/default/tab_idle_leftmost.gif);
}

.Tab_Center {
    height: 32px;
    background-repeat: repeat-x;
    background-position: center bottom;
    background-image: url(tabCtrl/default/tab_idle_center.gif);
    _background-color: #F1F1F1;
    color: #9b9999;
    font-weight: 700;
    white-space: nowrap;
    text-align: <% = rb . getString(dir . left)% >;
    font-size: 13px;
}

.Selected .Tab_First {
    background-image: url(tabCtrl/default/tab_selected_left.gif) !important;
    width: 5px;
}

.Tab .Rightmost .Tab_Last {
    background-image: url(tabCtrl/default/tab_idle_rightmost.gif);
    background-repeat: no-repeat;
    border: 0;
    width: 3px !important;
    background-color: Transparent;
}

.Selected .Tab_Last {
    background-image: url(tabCtrl/default/tab_selected_right.gif) !important;
    width: 5px !important;
}

.Selected .Rightmost .Tab_Last {
    width: 5px !important;
    background-position: right bottom;
}

.TabEnabled_First, {
    font-size: 1px;
    width: 3px;
    background-repeat: no-repeat;
    height: 32px;
    _background-color: #F1F1F1;
    background-image: url(tabCtrl/default/tab_idle_center.gif);
}

.TabEnabled_Last {
    font-size: 1px;
    width: 17px;
    background-repeat: no-repeat;
    height: 32px;
    _background-color: #F1F1F1;
    border: 0;
    background-image: url(tabCtrl/default/tabenabled_idle_rightmost.gif);
    background-position: right bottom;
}

.RTL
.TabEnabled_First {
    border-left: 0;
    background-position: right bottom;
    background-repeat: repeat-x;
}

.RTL
.TabEnabled_Last {
    border: 0;
    background-position: left bottom;
    background-image: url(tabCtrl/default/tabenabled_idle_leftmost_rtl.gif);
}

.TabEnabled_Center {
    height: 32px;
    background-repeat: repeat-x;
    background-position: center bottom;
    background-image: url(tabCtrl/default/tab_idle_center.gif);
    _background-color: #F1F1F1;
    color: #9b9999;
    font-weight: 700;
    white-space: nowrap;
    text-align: <% = rb . getString(dir . left)% >;
    font-size: 13px;
    border: 0;
}

.Selected .TabEnabled_First {
    background-image: url(tabCtrl/default/tab_selected_center.gif) !important;
    background-repeat: repeat-x;
    width: 7px;
}

.Selected .Leftmost .TabEnabled_First {
    background-image: url(tabCtrl/default/tab_selected_left.gif) !important;
    background-repeat: repeat-x;
    width: 6px;
}

.Tab .Rightmost .TabEnabled_Last {
    background-image: url(tabCtrl/default/tabenabledlast_idle_rightmost.gif);
    background-repeat: no-repeat;
    border: 0;
    width: 14px !important;
    background-color: Transparent;
}

.RTL
.Tab .Rightmost .TabEnabled_Last {
    background-image: url(tabCtrl/default/tabenabled_idle_leftmost_rtl.gif);
    background-repeat: repeat-x;
}

.Selected .TabEnabled_Last {
    background-image: url(tabCtrl/default/tabenabled_selected_right.gif) !important;
    width: 24px !important;
    background-repeat: repeat-x;
}

.RTL
.Selected .TabEnabled_Last {
    background-image: url(tabCtrl/default/tabenabled_selected_left_rtl.gif) !important;
    width: 24px !important;
}

.Selected .Rightmost .TabEnabled_Last {
    background-image: url(tabCtrl/default/tabenabledlast_selected_right.gif) !important;
    width: 23px !important;
    background-position: right top;
}

.RTL
.Selected .Rightmost .TabEnabled_Last {
    background-image: url(tabCtrl/default/tabenabledlast_selected_left_rtl.gif) !important;
    width: 23px !important;
    background-position: left top;
}

.lastArrowEnabled {
    background-image: url(tabCtrl/default/tabenabledlast_idle_rightmost.gif) !important;
}

.RTL
.lastArrowEnabled {
    background-image: url(tabCtrl/default/tabenabledlast_idle_leftmost_rtl.gif) !important;
}

.Selected .lastArrowEnabled {
    background-image: url(tabCtrl/default/tabenabledlast_selected_right.gif) !important;
}

.RTL
.Selected .lastArrowEnabled {
    background-image: url(tabCtrl/default/tabenabledlast_selected_left_rtl.gif) !important;
    width: 23px !important;
}

.lastGrayOnGreen {
    background-image: url(tabCtrl/default/tabenabledlastgraygreen_idle_right.gif) !important;
}

.lastGrayOnGreenSelected {
    text-decoration: none;
    border-top: 0;
    height: 32px !important;
    width: 18px;
    background-image: url(tabCtrl/default/tabenabledlastgraygreenselected_idle_right.gif) !important;
}

.lastGrayOnGraySelected {
    text-decoration: none;
    border-top: 0;
    height: 32px !important;
    width: 18px;
    background-image: url(tabCtrl/default/tabenabledlastgraygrayselected_idle_right.gif) !important;
    margin-top: 0 !important;
}

.RTL
.lastGrayOnGraySelected {
    text-decoration: none;
    border-top: 0;
    height: 32px !important;
    width: 18px;
    background-image: url(tabCtrl/default/tabenabledlastgraygrayselected_idle_left_rtl.gif) !important;
}

.RTL
.lastGrayOnGreenSelected {
    text-decoration: none;
    border-top: 0;
    height: 32px !important;
    width: 18px;
    background-image: url(tabCtrl/default/tabenabledlastgraygreenselected_idle_left_rtl.gif) !important;
}

.RTL
.lastGrayOnGreen {
    background-image: url(tabCtrl/default/tabenabledlastgraygreen_idle_left_rtl.gif) !important;
}

.Selected .lastGrayOnGreen {
    background-image: url(tabCtrl/default/tabenabledlastgraygreen_selected_right.gif) !important;
}

.RTL
.Selected .lastGrayOnGreen {
    background-image: url(tabCtrl/default/tabenabledlastgraygreen_selected_left_rtl.gif) !important;
}

.leftBorder {
    background-image: url(tabCtrl/default/tab_idle_leftmost.gif) !important;
    background-repeat: repeat-x;
    width: 3px !important;
}

.RTL
.leftBorder {
    background-image: url(tabCtrl/default/tab_idle_rightmost.gif) !important;
    background-repeat: repeat-x;
    width: 3px !important;
}

.TabCompleted_First {
    font-size: 1px;
    width: 3px;
    background-repeat: no-repeat;
    height: 32px;
    _background-color: #F1F1F1;
    background-image: url(tabCtrl/default/tabcompleted_idle_center.gif);
}

.TabCompleted_Last {
    font-size: 1px;
    width: 17px;
    background-repeat: no-repeat;
    height: 32px;
    _background-color: #F1F1F1;
    border: 0;
    background-position: right bottom;
    background-image: url(tabCtrl/default/tabcompleted_idle_rightmost.gif);
}

.RTL
.TabCompleted_First {
    border-left: 0;
    background-position: right bottom;
    background-image: url(tabCtrl/default/tabcompleted_idle_leftmost_rtl.gif);
}

.RTL
.TabCompleted_Last {
    border: 0;
    background-position: left bottom;
    background-image: url(tabCtrl/default/tabcompleted_idle_leftmost_rtl.gif);
}

.TabCompleted_Center {
    height: 32px;
    background-repeat: repeat-x;
    background-position: center bottom;
    background-image: url(tabCtrl/default/tabcompleted_idle_center.gif);
    _background-color: #F1F1F1;
    color: #9b9999;
    font-weight: 700;
    white-space: nowrap;
    text-align: left;
    font-size: 13px;
    border: 0;
}

.TabCompleted_Center SPAN {
    white-space: nowrap;
    color: #FFF;
    font-size: 11px;
    font-family: Verdana !important;
    margin: 3px;
}

.Overdue SPAN {
    white-space: nowrap;
    color: #a92828;
    font-size: 11px;
    font-family: Verdana !important;
    margin: 3px;
}

.Selected .TabCompleted_Center {
    height: 32px;
    background-image: url(tabCtrl/default/tabcompleted_selected_center.gif);
    text-decoration: none;
    border-top: 0;
    width: 111px;
}

.Selected .TabCompleted_First {
    background-image: url(tabCtrl/default/tabcompleted_selected_center.gif) !important;
    width: 7px;
}

.Selected .Leftmost .TabCompleted_First {
    background-image: url(tabCtrl/default/tabcompleted_selected_leftmost.gif) !important;
    width: 6px;
}

.RTL
.Selected .TabCompleted_First {
    background-image: url(tabCtrl/default/tabcompleted_selected_rightmost_rtl.gif) !important;
}

.Tab .Leftmost .TabCompleted_First {
    background-image: url(tabCtrl/default/tabcompleted_idle_leftmost.gif);
    background-repeat: no-repeat;
    background-position: right bottom;
    border: 0;
    background-color: Transparent;
}

.RTL
.Tab .Leftmost .TabCompleted_First {
    background-image: url(tabCtrl/default/tabcompleted_idle_rightmost_rtl.gif);
    background-position: left bottom;
    width: 3px !important;
}

.Tab .Rightmost .TabCompleted_Last {
    background-image: url(tabCtrl/default/tabcompletedlast_idle_rightmost.gif);
    background-repeat: no-repeat;
    border: 0;
    width: 14px !important;
    background-color: Transparent;
}

.Selected .TabCompleted_Last {
    background-image: url(tabCtrl/default/tabcompletedlastgreengreen_selected_right.gif) !important;
    width: 24px !important;
}

.RTL
.Selected .TabCompleted_Last {
    background-image: url(tabCtrl/default/tabcompleted_selected_left_rtl.gif) !important;
    width: 24px !important;
}

.Selected .Rightmost .TabCompleted_Last {
    background-image: url(tabCtrl/default/tabcompletedlastgreengreen_selected_right.gif);
    width: 23px !important;
    background-position: right top;
}

.RTL
.Selected .Rightmost .TabCompleted_Last {
    background-image: url(tabCtrl/default/tabcompleted_selected_left_rtl.gif);
    width: 23px !important;
    background-position: left top;
}

.lastArrowCompleted {
    background-image: url(tabCtrl/default/tabcompletedlast_idle_rightmost.gif) !important;
}

.Selected .lastArrowCompleted {
    background-image: url(tabCtrl/default/tabcompletedlast_selected_right.gif) !important;
}

.RTL
.lastArrowCompleted {
    background-image: url(tabCtrl/default/tabcompletedlast_idle_leftmost_rtl.gif) !important;
}

.RTL
.Selected .lastArrowCompleted {
    background-image: url(tabCtrl/default/tabcompletedlast_selected_left_rtl.gif) !important;
}

.lastGreenOnGray {
    background-image: url(tabCtrl/default/tabcompletedgreengray_idle_right.gif) !important;
}

.lastGreenOnGraySelected {
    text-decoration: none;
    border-top: 0;
    height: 32px !important;
    width: 18px;
    background-image: url(tabCtrl/default/tabcompletedgreengrayselected_idle_right.gif) !important;
}

.lastGreenOnGreenSelected {
    text-decoration: none;
    border-top: 0;
    height: 32px !important;
    width: 18px;
    background-image: url(tabCtrl/default/tabcompletedgreengreenselected_idle_right.gif) !important;
}

.RTL
.lastGreenOnGray {
    width: 17px;
    background-image: url(tabCtrl/default/tabcompletedgreengray_idle_left_rtl.gif) !important;
    background-position: left bottom;
}

.RTL
.lastGreenOnGraySelected {
    text-decoration: none;
    border-top: 0;
    height: 32px !important;
    width: 18px;
    background-image: url(tabCtrl/default/tabcompletedgreengrayselected_idle_left_rtl.gif) !important;
}

.RTL
.lastGreenOnGreenSelected {
    text-decoration: none;
    border-top: 0;
    height: 32px !important;
    width: 18px;
    background-image: url(tabCtrl/default/tabcompletedgreengreenselected_idle_left_rtl.gif) !important;
}

.Selected .lastGreenOnGray {
    background-image: url(tabCtrl/default/tabcompletedgreengray_selected_right.gif) !important;
}

.RTL
.Selected .lastGreenOnGray {
    background-image: url(tabCtrl/default/tabcompletedgreengray_selected_left_rtl.gif) !important;
}

.leftCompletedBorder {
    background-image: url(tabCtrl/default/tabcompleted_idle_leftmost.gif) !important;
    width: 3px !important;
}

.Selected .leftCompletedBorder {
    background-image: url(tabCtrl/default/tabcompleted_selected_leftmost.gif) !important;
    width: 5px !important;
}

.TabPlus_Center {
    height: 32px;
    background-position: center bottom;
    background-image: url(tabCtrl/default/plus_idle_center.gif);
    background-repeat: repeat-x;
    _background-color: #F1F1F1;
    color: #7A7B7F;
    font-weight: 700;
    white-space: nowrap;
    text-align: <% = rb . getString(dir . left)% >;
    font-size: 13px;
    width: 28px;
}

.RTL
.TabPlus_Center {
    background-image: url(tabCtrl/default/plus_idle_center_rtl.gif);
    background-position: center bottom;
    background-repeat: repeat-x;
}

.Category3Parts {
    display: inline;
    height: 24px;
    line-height: 20px;
    cursor: pointer;
    margin: 0;
}

.Category3Parts TD, .Grid .Category3Parts TD {
    line-height: 18px;
    border: 0;
    cursor: pointer;
    padding: 0;
}

.Category3Parts .CategoryLast, .Category3Parts .CategoryFirst {
    width: 10px;
    background-repeat: no-repeat;
    display: block;
}

.Category3Parts .CategoryLabel, .Grid .Category3Parts .CategoryLabel {
    /* background-image:url(category/icons/calegory_center.gif);*/
    vertical-align: middle;
    background-repeat: repeat-x;
    font-weight: 700;
    text-align: center;
    font-size: 12px;
    color: #FFF;
    width: 10px;
    white-space: nowrap;
    padding: 0 3px 3px 2px;
}

.SidePanel {
    height: 100%;
    width: 175px;
}

.SidePanel_Top {
    height: 4px;
    display: none;
}

.SidePanel_Top_First, .SidePanel_Top_Center, .SidePanel_Top_Last, .SidePanel_Bottom_First, .SidePanel_Bottom_Center, .SidePanel_Bottom_Last {
    font-size: 1px;
}

.SidePanel_Top_First, .SidePanel_Top_Last {
    width: 4px;
    height: 4px;
    background-repeat: no-repeat;
    background-position: center;
}

.SidePanel_Top_Center {
    background-image: url(leftPane/images/frame_top_center.gif);
    font-size: 1px;
}

.SidePanel_Body {
    vertical-align: top;
    height: 100%;
    _height: auto;
}

.ClosedSidePanel .SidePanel_Body_Inner {
    background-color: #d8d8d8;
}

.SidePanel_Content_Top {
    vertical-align: top;
    background-color: transparent;
}

.SidePanel_Content_Bottom {
    vertical-align: bottom;
    border-left: 1px solid #a2a2a2;
    border-right: 1px solid #a2a2a2;
    background-color: #d8d8d8;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-image: url(leftPane/images/leftPanel_bottomBg.gif);
    height: 100%;
}

.SidePanel_Item_Menu {
    width: 178px;
    height: 100%;
}

.SidePanel_CollapseButton_X {
    position: relative;
    height: 100%;
    float: right;
}

.SidePanel_CollapseButton {
    position: absolute;
    top: 150px;
    left: -17px;
    height: 36px;
    width: 17px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(leftPane/images/btn_collapse_pointLeft_idle.gif);
    cursor: pointer;
    z-index: 950;
}

.RTL
.SidePanel_CollapseButton {
    left: 0;
    background-image: url(leftPane/images/btn_collapse_pointRight_idle.gif);
}

.SidePanel_Item {
    width: 100%;
    cursor: pointer;
}

.SidePanel_Item_First, .SidePanel_Item_Last {
    width: 5px;
    background-position: center top;
    background-repeat: no-repeat;
}

.SidePanel_Item_Center {
    color: #2e3233;
    background-position: center top;
    background-image: url(leftPane/images/item_idle_center.gif);
    height: 31px;
    line-height: 13px;
    padding: 0 8px;
}

.SidePanel_Item_Center_Disabled {
    color: #999;
    background-position: center top;
    background-image: url(leftPane/images/item_idle_center.gif);
    height: 31px;
    line-height: 13px;
    padding: 0 8px;
}

/*.First_SidePanel_Item
.SidePanel_Item_Center {
background-image:url(leftPane/images/topItem_idle_center.gif);
padding:8px;
}*/

.SidePanel_Item_Selected, .SidePanel_Item_Selected * {
    cursor: default !important;
    color: #FFF;
}

.SidePanel_Item_Seperator {
    background-position: center bottom;
    background-repeat: repeat-y;
    background-image: url(leftPane/images/item_seperator.gif);
    height: 1px;
    font-size: .01cm;
}

.SidePanel_Bottom_First, .SidePanel_Bottom_Last {
    width: 4px;
    height: 4px;
    background-repeat: no-repeat;
    background-position: bottom;
}

.SidePanel_Bottom_Center {
    background-color: #e3e4e5;
    background-image: url(leftPane/images/frame_bottom_center.gif);
    background-repeat: repeat-x;
    background-position: bottom;
    font-size: 1px;
}

.ClosedSidePanel
.SidePanel_Top {
    display: table-row;
    _display: block;
}

.ClosedSidePanel
.SidePanel_Top_Center {
    background-image: url(leftPane/images/frame_top_center_closed.gif);
    font-size: 1px;
}

.ClosedSidePanel
.SidePanel_Bottom_Center {
    background-image: url(leftPane/images/frame_bottom_center_closed.gif);
    font-size: 1px;
}

.ClosedSidePanel
.SidePanel_Body_Inner {
    display: table;
    height: 100%;
    border-right: 1px solid #A2A2A2;
    border-left: 1px solid #A2A2A2;
}

.ClosedSidePanel
.SidePanel_CollapseButton {
    background-image: url(leftPane/images/btn_collapse_pointRight_idle.gif);
    left: -19px;
    top: 146px;
}

.RTL
.ClosedSidePanel
.SidePanel_CollapseButton {
    background-image: url(leftPane/images/btn_collapse_pointLeft_idle.gif);
    left: 0;
}

.WithNewsWidget
.SidePanel_Body {
    background-image: none;
}

.NewsWidget {
    width: 100%;
    padding: 5px;
}

.SidePanel_Content_Top
.NewsWidget {
    border-left: 1px solid #a2a2a2;
    border-right: 1px solid #a2a2a2;
    background-color: #e2e3e4;
    width: 175px;
}

.News_Header_First, .News_Header_Last {
    width: 4px;
    height: 43px;
    background-repeat: no-repeat;
    background-position: top;
}

.News_Header_Center {
    background-repeat: repeat-x;
    background-position: top;
    background-image: url(newsWidget/images/title_center.gif);
    color: #FFF;
    font-weight: 700;
    padding: 0 5px;
}

.News_Body_First, .News_Body_Last {
    background-repeat: repeat-y;
    background-position: top;
    background-color: #838488;
    width: 2px;
}

.News_Body_Center {
    background-color: #838488;
    background-image: url(newsWidget/images/body_bg.gif);
    background-position: right top;
    background-repeat: no-repeat;
    color: #FFF;
    padding: 10px 5px;
}

.NewsItem {
    margin-bottom: 18px;
    word-wrap: break-word;
    width: 160px;
}

.NewsItem_Urgent {
    font-weight: 700;
    color: red;
}

.NewsItem_Title {
    color: #FFF;
    font-weight: 700;
}

.NewsItem_Content {
    color: #FFF;
}

.News_Footer {
    height: 1px;
    font-size: 1px;
}

.News_Footer_First, .News_Footer_Last {
    width: 4px;
    height: 4px;
    font-size: 1px;
    background-repeat: no-repeat;
    background-position: bottom;
}

.News_Footer_Center {
    background-repeat: repeat-x;
    background-position: bottom;
    /*background-image:url(newsWidget/images/bottom_center.gif);*/
    font-size: 1px;
    background-color: #838488;
}

html {
    width: 100%;
    height: 100%;
    border: none;
    margin: 0;
    padding: 0;
}

.blueBorder1px {
    border: 1px solid #01388A;
    width: 388px;
    height: 322px;
}

.whiteBorder2px {
    border: 2px solid #FFF;
    width: 388px;
    height: 322px;
}

#passwordReminder {
    background-attachment: fixed;
    background-color: #CFE4F4;
    width: 388px;
    height: 322px;
}

#mainTable100 {
    height: 100%;
    width: 100%;
    text-align: center;
}

#mainBorderBlue {
    height: 100%;
    width: 905px;
    border-color: #6D92BC;
    border-style: solid;
    border-width: 0 1px;
}

#mainBorderGray {
    height: 100%;
    width: 905px;
    border-color: #C4CED7;
    border-style: solid;
    border-width: 0 1px;
}

.ErrText {
    color: #c82828;
    font-weight: 700;
    font-size: 13px;
}

.GreenText {
    color: #09FF00;
    text-decoration: none;
    line-height: 23px;
}

.HeaderText {
    color: #F05000;
    font-weight: 700;
    font-size: 15px;
}

.HeaderGreen {
    font-weight: 700;
    font-size: 18px;
    color: #1ea707;
}

.HeaderGreenSmall {
    font-weight: 700;
    font-size: 14px;
    color: #1ea707;
}

.HeaderOrange {
    font-weight: 700;
    font-size: 18px;
    color: #F05000;
}

.HeaderGray {
    font-weight: 700;
    font-size: 14px;
    color: #414042;
}

.Title_Gray_First {
    background-image: url(login/images/gray_left.gif);
}

.Title_Gray_Center {
    background-image: url(login/images/gray_center.gif);
}

.Title_Gray_Last {
    background-image: url(login/images/gray_right.gif);
}

/* Added by Israel for disabled buttons
* Source styles without the "_Disabled" are located in toolbar/toolbar.css
*/
.ButtonSet_Disabled_First, .ButtonSet_Disabled_Last {
    width: 3px;
    background-position: top;
    background-repeat: no-repeat;
}

.ButtonSet_Disabled_Icon {
    width: 1px;
    height: 33px;
    background-image: url(toolbar/images/btn_idle_center.gif);
}

.Button3Parts_Disabled {
    display: inline;
    height: 24px;
    line-height: 20px;
    margin: 0 0 0 8px;
}

.Button3Parts_Disabled TD {
    height: 24px;
    line-height: 18px;
}

.Button3Parts_Disabled .ButtonLabel {
    background-image: url(buttons/button3Parts/default/btn_disabled_center.png);
    vertical-align: middle;
    background-repeat: repeat-x;
    font-weight: 700;
    text-align: center;
    font-size: 12px;
    color: #FFF;
    width: 44px;
    padding: 0 3px 3px 2px;
}

.Button3Parts_Disabled .ButtonLabel SPAN {
    white-space: nowrap;
    font-weight: 700;
    font-size: 12px;
    color: #FFF;
}

.Button3Parts_Disabled .Purple .ButtonLabel {
    background-image: url(buttons/button3Parts/default/btn_disabled_center.png);
    line-height: 15px;
}

.FrameHeader a:visited {
    color: #F05000;
}

/* Added by Firass for FAQ hint in submit SR inside end user portal */
.hintsClass {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000;
    text-align: left;
    overflow: auto;
    padding: 10px;
}

.hintsClass h3 {
    font-size: 12px;
    border: solid 0 #fff;
    color: #3bb000;
}

.hintsClass li {
    color: #176A9D;
    text-align: left;
    margin: 8px 0 7pt 40px;
}

.RTL
.hintsClass li {
    color: #176A9D;
    text-align: right;
    margin: 8px 0 7pt 40px;
}

.closeFAQ {
    float: right;
    cursor: pointer;
}

.RTL
.closeFAQ {
    float: left;
    cursor: pointer;
}

.RTL
.hintsClass em {
    color: #7A7B7F;
    font-weight: 700;
    line-height: 17px;
    font-size: 13px;
    padding-left: 0;
}

.closeChatsContainer {
    background-image: url(chat/../container/1/body_topSahdow.gif);
    background-position: top;
    background-repeat: repeat-x;
}

.chatTitle {
    font-family: Verdana bold;
    color: #5a5b5e;
    font-size: 12px;
    font-weight: 700;
}

div.scroll {
    height: 100%;
    width: 100%;
    overflow: auto;
    padding: 8px;
}

div.scrollClient {
    height: 100%;
    width: 300px;
    overflow: auto;
    padding: 8px;
}

div.borderLineRed {
    border: 2px solid red;
}

div.borderLineBlack {
    border: 2px solid #666;
}

div.borderLineGray {
    border: 2px solid #d2d3d5;
}

div.smallScroll {
    height: 79px;
    width: 212px;
    overflow: auto;
    border: 2px solid #d2d3d5;
    background-color: #FFF;
    padding: 8px;
}

.chatAdministratorLine {
    color: #1EA707;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 4px;
    margin-top: 0;
}

.cssChatAdministratorLine {
    color: #f17226;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 4px;
    margin-top: 0;
}

.chatEnduserLine {
    color: #000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 4px;
    margin-top: 0;
}

.hour {
    color: #d2d3d5;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 4px;
    margin-top: 0;
}

.operatorUserName {
    color: #1EA707;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: 700;
}

.cssOperatorUserName {
    color: #f17226;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: 700;
}

.enduserUserName {
    color: #000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: 700;
}

.statusLine {
    color: #787878;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 4px;
    margin-top: 0;
}

.errorMessage {
    font-size: 12px;
    font-weight: 700;
    color: red;
}

.chatSessionBody {
    background-image: url(chat/images/square-general-details.png);
    background-repeat: no-repeat;
    width: 574px;
    height: 536px;
}

.fontSize10 {
    font-family: Verdana bold;
    font-size: 10px;
    color: #5a5b5e;
}

.chatSessionTableLeft {
    background-image: url(chat/images/dashboard_gray_left.gif);
    background-repeat: no-repeat;
}

.chatSessionTableCenter {
    background-image: url(chat/images/dashboard_gray_center.gif);
    background-repeat: repeat-x;
}

.RTL
.chatSessionTableRight {
    background-image: url(chat/images/dashboard_gray_left.gif);
}

.chatSessionButtonCenter {
    background-image: url(chat/images/chat_button_center.gif);
    background-repeat: repeat-x;
    cursor: pointer;
    color: #FFF;
    font-weight: 700;
}

.Disabled
.chatSessionButtonCenter {
    background-image: url(chat/images/chat_button_center.gif);
    background-repeat: repeat-x;
    cursor: default !important;
    color: #D4D5D8 !important;
}

.chatSessionButtonSmallCenter {
    background-image: url(chat/images/chat_button_small_center.gif);
    background-repeat: repeat-x;
    cursor: pointer;
    color: #FFF;
    width: 2px;
    height: 17px;
}

.chatWelcomePageInput {
    width: 150px;
    border: 2px solid #d2d3d5;
}

.chatWelcomeButtonCenter {
    background-image: url(chat/images/chat_button_welcome_center.png);
    background-repeat: repeat-x;
    cursor: pointer;
    color: #FFF;
    font-weight: 700;
}

.chatWelcomeButtonArrowRight {
    background-image: url(chat/images/chat_button_welcome_arrow_right.png);
    background-repeat: no-repeat;
    width: 34px;
    height: 24px;
}

.chatSessionBackgroundUpperCenter {
    background-image: url(chat/images/upper_center.png);
    background-repeat: repeat;
    width: 14px;
    height: 14px;
}

.chatSessionBackgroundCenterCenter {
    background-image: url(chat/images/center.png);
    background-repeat: repeat;
    height: 100%;
    width: 100%;
}

.chatSessionBackgroundLowerCenter {
    background-image: url(chat/images/lower_center.png);
    background-repeat: repeat-x;
    width: 14px;
    height: 14px;
}

A IMG, .NestedGrid .GridScroller, .Tab .Leftmost .Over .Tab_First, .Tab .Rightmost .Over .Tab_Last, .Tab .Leftmost .Over .TabEnabled_First, .Tab .Rightmost .Over .TabEnabled_Last, .Tab .Leftmost .Over .TabCompleted_First, .Tab .Rightmost .Over .TabCompleted_Last {
    border: 0;
}

A, A:visited, .LookLikeLink {
    font-weight: 700;
    color: #555a7c;
}

.Maxed, .Grid_Body .Grid_Data {
    width: 100%;
    height: 100%;
}

/*.Maxed {*/
/*height: unset;*/
/*}*/

.Maxed_Width, .xMaxed, .SubTabBorderFix_FF, .Toolbar_Left .ButtonSet_Button, .Container_Header TABLE, .Container_Bottom TABLE, .Container_Plain
.Container_Header TABLE, .Container_Plain
.Container_Bottom TABLE, .News {
    width: 100%;
}

.yMaxed, .FieldBox_Special, .SidePanel_MenuCtrl {
    height: 100%;
}

.RightAlign, .RTL
.LeftAlign {
    text-align: 0 !important;
    _text-align: right !important;
}

.RTL
.RightAlign, .LeftAlign {
    text-align: 0 !important;
    _text-align: left !important;
}

.FitToContent, .Container_Bottom, .Container_Plain
.Container_Bottom, .SidePanel_Bottom, .News_Header {
    height: 1px;
}

.BorderFix_FF, .Toolbar_Left .ButtonSet_Button .ButtonSet_Center {
    width: auto;
}

.Frame_Top_Left, .Frame_Top_Right, .Grid_Topper, .Grid_Footer {
    height: 3px;
}

.Frame_Top_Left, .RTL
.Frame_Top_Right {
    background-image: url(pageLayout/pageFrame/top_left.gif);
    background-position: left top;
}

.RTL
.Frame_Top_Left, .Frame_Top_Right {
    background-image: url(pageLayout/pageFrame/top_right.gif);
    background-position: right top;
}

.Frame_Header_Left, .RTL
.Frame_Header_Right {
    background-position: left;
    background-image: url(pageLayout/pageFrame/header_left.gif);
}

.RTL
.Frame_Header_Left, .Frame_Header_Right {
    background-position: right;
    background-image: url(pageLayout/pageFrame/header_right.gif);
}

.Frame_Body_Left, .RTL
.Frame_Body_Right {
    background-position: left;
    background-image: url(pageLayout/pageFrame/body_left.gif);
}

.RTL
.Frame_Body_Left, .Frame_Body_Right {
    background-position: right;
    background-image: url(pageLayout/pageFrame/body_right.gif);
}

.Frame_Bottom_Left, .RTL
.Frame_Bottom_Right {
    background-image: url(pageLayout/pageFrame/bottom_left.gif);
    background-position: left top;
}

.RTL
.Frame_Bottom_Left, .Frame_Bottom_Right {
    background-image: url(pageLayout/pageFrame/bottom_right.gif);
    background-position: right top;
}

.Logo SPAN, .MainToolbar_Box {
    vertical-align: middle;
}

.Header_Toolbar TD *, .Toolbar_Button LABEL, .Grid .Hover .Button3Parts *, .Grid .Hover .Category3Parts * {
    color: #FFF;
}

.Header_Toolbar TD IMG, INPUT, SELECT, BUTTON, TEXTAREA, .Form_Ctrl_Fields {
    vertical-align: top;
}

.Form_Ctrl_Fields a, .Form_Ctrl_Fields a:hover, .Form_Ctrl_Fields a:visited, .Form_Ctrl_Fields a:active {
    text-decoration: underline;
}

.Toolbar_Left
.MainToolbar_ButtonSet, .RightAlign
.Pager {
    margin-right: 0;
}

.ButtonSet_Button_Wrapper, .RightAlign .ButtonSet_Button_Wrapper, .RTL
.SidePanel_CollapseButton_X, .ButtonSet_Disabled_Icon IMG, .ButtonSet_Disabled_Button {
    float: left;
}

.RTL
.ButtonSet_Center LABEL, .RTL
.hintsClass {
    text-align: right;
}

.ButtonSet_First, .RTL
.ButtonSet_Last, .ButtonSet_Disabled_First, .RTL
.ButtonSet_Disabled_Last {
    background-image: url(toolbar/images/btn_idle_left.gif);
}

.RTL
.ButtonSet_First, .ButtonSet_Last, .RTL
.ButtonSet_Disabled_First, .ButtonSet_Disabled_Last {
    background-image: url(toolbar/images/btn_idle_right.gif);
}

.RTL
.MenuButton, .RTL
.Container .TabStrip .BorderFix_FF, .RTL
.ButtonSet_Disabled_Button {
    float: right;
    _float: none;
}

.ToolbarMenu_Item_Center LABEL, .Grid_Filters TH {
    padding: 0;
}

.ToolbarMenu_Item_First, .RTL
.ToolbarMenu_Item_Last {
    background-image: url(toolbar/menu/item_idle_left.png);
}

.ToolbarMenu_Item_Last, .RTL
.ToolbarMenu_Item_First {
    background-image: url(toolbar/menu/item_idle_right.png);
}

.Container_Header_First, .RTL
.Container_Header_Last {
    background-image: url(container/1/header_left.gif);
}

.RTL
.Container_Header_First, .Container_Header_Last {
    background-image: url(container/1/header_right.gif);
}

.Container_Header_Center *, .Container_Plain
.Container_Header_Center * {
    color: #75767A;
    font-size: 13px;
    font-weight: 700;
}

.Container_Bottom_First, .RTL
.Container_Bottom_Last {
    background-image: url(container/1/bottom_left.gif);
}

.RTL
.Container_Bottom_First, .Container_Bottom_Last {
    background-image: url(container/1/bottom_right.gif);
}

.Container_Bottom_Center, .chatSessionTableBottomCenter {
    border-bottom: #C3C3C3 1px solid;
    background-color: #FFF;
    font-size: 1px;
}

.SidePanelContainer_Header_Center, .SidePanelContainer_Bottom_Center {
    background-image: none;
    background-color: #E2E3E4;
}

.Form_Ctrl_Label, .Form_Ctrl_Label *, .hintsClass em {
    color: #7A7B7F;
    font-weight: 700;
    line-height: 17px;
    font-size: 12px;
    padding-right: 0;
}

.Form_Ctrl_Label select {
    margin: 2px;
}

.UI_BreadCrumbs_Label {
    color: #000;
    line-height: 17px;
    font-size: 12px;
    padding: 4px 0;
}

.Form_Ctrl .FieldBox .Button3Parts .ButtonLabel, .RTL .SidePanel, .ClosedSidePanel {
    width: 20px;
}

.Grid_Body TD *, .Grid_Body TR.RowSelected * {
    color: #3e3e3e;
}

.Topper_Left, .Topper_Right, .Footer_Left, .Footer_Right {
    height: 3px;
    width: 3px;
    background-position: center;
    background-repeat: no-repeat;
}

.Topper_Left, .RTL
.Topper_Right {
    background-image: url(grid/images/grid_top_left.gif);
}

.Topper_Right, .RTL
.Topper_Left {
    background-image: url(grid/images/grid_top_right.gif);
}

.Footer_Left, .RTL
.Footer_Right {
    background-image: url(grid/images/grid_bottom_left.gif);
}

.Footer_Right, .RTL
.Footer_Left {
    background-image: url(grid/images/grid_bottom_right.gif);
}

.NestedGrid TFOOT, .ClosedSidePanel
.SidePanel_Content, .ClosedMenu
.News {
    display: none;
}

.hintSource {
    display: block;
}

.ImageBtn, .ImageBtn_WithHover, .ImageBtn_OnlyHover, .hintSource {
    cursor: pointer;
}

.Button3Parts .ButtonLast, .Button3Parts .ButtonFirst, .Button3Parts_Disabled .ButtonLast, .Button3Parts_Disabled .ButtonFirst {
    width: 3px;
    background-repeat: no-repeat;
    display: block;
}

.Button3Parts .ButtonLast, .RTL
.Button3Parts .ButtonFirst {
    background-image: url(buttons/button3Parts/default/btn_idle_right.png);
}

.Button3Parts .ButtonFirst, .RTL
.Button3Parts .ButtonLast {
    background-image: url(buttons/button3Parts/default/btn_idle_left.png);
    position: relative;
    left: 1px;
}

.Button3Parts .ButtonLabel SPAN, .Button3Parts .ButtonLabel LABEL, .Button3Parts .ButtonLabel DIV, .Category3Parts .CategoryLabel SPAN, .Category3Parts .CategoryLabel LABEL, .Category3Parts .CategoryLabel DIV {
    white-space: nowrap;
    font-weight: 700;
    font-size: 12px;
    color: #FFF;
    width: 100%;
}

.Button3Parts .Disabled, .Button3Parts .Disabled *, .Category3Parts .Disabled, .Category3Parts .Disabled * {
    cursor: default !important;
}

.Disabled .ButtonLabel, .Disabled .ButtonLabel *, .Disabled .CategoryLabel, .Disabled .CategoryLabel * {
    color: #D4D5D8 !important;
}

.Button3Parts .Down .ButtonLabel, .Button3Parts_Disabled .Down .ButtonLabel {
    padding: 1px 2px 2px 3px;
}

.Selected
.Tab_First, .Selected
.Tab_Last, .Selected
.TabEnabled_First, .Selected
.TabEnabled_Last, .Selected
.TabCompleted_First, .Selected
.TabCompleted_Last {
    height: 32px;
    border: 0;
    background-color: Transparent;
}

.Tab_Center SPAN, .TabEnabled_Center SPAN {
    white-space: nowrap;
    color: #7A7B7F;
    font-size: 11px;
    font-family: Verdana !important;
    margin: 3px;
}

.Disabled SPAN { /*to appear after Tab_Center SPAN,.TabEnabled_Center SPAN , in order to overwrite it*/
    white-space: nowrap;
    color: #adacac;
    font-size: 11px;
    font-family: Verdana !important;
    margin: 3px;
}

.Selected .Tab_Center, .Selected .TabEnabled_Center {
    height: 32px;
    background-image: url(tabCtrl/default/tab_selected_center.gif);
    text-decoration: none;
    border-top: 0;
    _width: 111px;
}

.Selected .Tab_Center SPAN, .Selected .TabEnabled_Center SPAN, .Selected .TabCompleted_Center SPAN {
    _text-decoration: none;
    _font-size: 13px;
    _margin: 3px;
}

.RTL
.Selected .Tab_First, .RTL
.Selected .Leftmost .TabEnabled_First {
    background-image: url(tabCtrl/default/tab_selected_right.gif) !important;
}

.Tab .Leftmost .Tab_First, .Tab .Leftmost .TabEnabled_First {
    background-image: url(tabCtrl/default/tab_idle_leftmost.gif);
    background-repeat: no-repeat;
    background-position: right bottom;
    border: 0;
    background-color: Transparent;
}

.RTL
.Tab .Leftmost .Tab_First, .RTL
.Tab .Leftmost .TabEnabled_First {
    background-image: url(tabCtrl/default/tab_idle_rightmost_rtl.gif);
    background-position: left bottom;
    width: 3px !important;
}

.Selected .Rightmost .Tab_First, .Selected .Rightmost .TabEnabled_First, .Selected .Rightmost .TabCompleted_First {
    width: 5px !important;
}

.RTL
.Tab .Rightmost .Tab_Last, .RTL
.Tab .Rightmost .TabCompleted_Last {
    background-image: url(tabCtrl/default/tab_idle_leftmost_rtl.gif);
}

.Selected .Rightmost .Tab_Center, .Selected .Rightmost .TabEnabled_Center, .Selected .Rightmost .TabCompleted_Center {
    width: 110px !important;
}

.RTL
.Selected .Tab_Last, .Selected .leftBorder {
    background-image: url(tabCtrl/default/tab_selected_left.gif) !important;
    background-repeat: repeat-x;
    width: 5px !important;
}

.RTL
.Selected .Rightmost .Tab_Last, .TabEnabled_First, .TabCompleted_First {
    background-position: left bottom;
}

.Selected
.TabEnabled_First, .Selected
.TabCompleted_First {
    width: 6px;
}

.Selected
.TabEnabled_Last, .Selected .Leftmost .TabEnabled_Last, .Selected
.TabCompleted_Last, .Selected .Leftmost .TabCompleted_Last {
    width: 24px;
}

.Category3Parts .CategoryLast, .RTL
.Category3Parts .CategoryFirst {
    /*background-image:url(category/icons/calegory_right.gif);*/
}

.Category3Parts .CategoryFirst, .RTL
.Category3Parts .CategoryLast {
    /*background-image:url(category/icons/calegory_left.gif);*/
}

.SidePanel_Top_First, .RTL
.SidePanel_Top_Last {
    /*background-image:url(leftPane/images/frame_top_left.gif);*/
}

.RTL
.SidePanel_Top_First, .SidePanel_Top_Last {
    background-image: url(leftPane/images/frame_top_right.gif);
}

.SidePanel_Item_First, .RTL
.SidePanel_Item_Last {
    background-image: url(leftPane/images/item_idle_left.gif);
}

.RTL
.SidePanel_Item_First, .SidePanel_Item_Last {
    background-image: url(leftPane/images/item_idle_right.gif);
}

.First_SidePanel_Item
.SidePanel_Item_First, .RTL
.First_SidePanel_Item
.SidePanel_Item_Last {
    background-image: url(leftPane/images/topItem_idle_left.gif);
}

.First_SidePanel_Item
.SidePanel_Item_Last, .RTL
.First_SidePanel_Item
.SidePanel_Item_First {
    background-image: url(leftPane/images/topItem_idle_right.gif);
}

.SidePanel_Bottom_First, .RTL
.SidePanel_Bottom_Last {
    background-image: url(leftPane/images/frame_bottom_left.gif);
}

.SidePanel_Bottom_Last, .RTL
.SidePanel_Bottom_First {
    background-image: url(leftPane/images/frame_bottom_right.gif);
}

.ClosedSidePanel
.SidePanel_Top_First, .RTL
.ClosedSidePanel
.SidePanel_Top_Last {
    background-image: url(leftPane/images/frame_top_left_closed.gif);
}

.RTL
.ClosedSidePanel
.SidePanel_Top_First, .ClosedSidePanel
.SidePanel_Top_Last {
    background-image: url(leftPane/images/frame_top_right_closed.gif);
}

.ClosedSidePanel
.SidePanel_Bottom_First, .RTL
.ClosedSidePanel
.SidePanel_Bottom_Last {
    background-image: url(leftPane/images/frame_bottom_left_closed.gif);
}

.RTL
.ClosedSidePanel
.SidePanel_Bottom_First, .ClosedSidePanel
.SidePanel_Bottom_Last {
    background-image: url(leftPane/images/frame_bottom_right_closed.gif);
}

.News_Header_First, .RTL
.News_Header_Last {
    background-image: url(newsWidget/images/title_left.gif);
}

.News_Header_Last, .RTL
.News_Header_First {
    background-image: url(newsWidget/images/title_right.gif);
}

.News_Body_First, .RTL
.News_Body_Last {
    background-image: url(newsWidget/images/body_left.gif);
}

.News_Body_Last, .RTL
.News_Body_First {
    background-image: url(newsWidget/images/body_right.gif);
}

.News_Footer_First, .RTL
.News_Footer_Last {
    background-image: url(newsWidget/images/bottom_left.gif);
}

.News_Footer_Last, .RTL
.News_Footer_First {
    background-image: url(newsWidget/images/bottom_right.gif);
}

a.GreenLink, a.GreenLink:visited, a.GreenLink:hover {
    color: #1ea707;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
}

a.GreenLink:hover {
    text-decoration: underline;
}

a.OrangeLink {
    color: #F05000;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
}

a.OrangeLink:hover {
    text-decoration: underline;
}

.DisabledLink {
    color: #b1b0b0;
    font-size: 12px;
    font-weight: 700;
    /*text-decoration:underline;*/
}

.Button3Parts_Disabled .ButtonLast, .RTL
.Button3Parts_Disabled .ButtonFirst, .Button3Parts_Disabled .Purple .ButtonLast, .RTL
.Button3Parts_Disabled .Purple .ButtonFirst {
    background-image: url(buttons/button3Parts/default/btn_disabled_right.png);
}

.Button3Parts_Disabled .ButtonFirst, .RTL
.Button3Parts_Disabled .ButtonLast, .Button3Parts_Disabled .Purple .ButtonFirst, .RTL
.Button3Parts_Disabled .Purple .ButtonLast {
    background-image: url(buttons/button3Parts/default/btn_disabled_left.png);
}

.chatSessionTableRight, .RTL
.chatSessionTableLeft {
    background-image: url(chat/images/dashboard_gray_right.gif);
    background-repeat: no-repeat;
}

.chatSessionTableBottomLeft, .RTL
.chatSessionTableBottomRight {
    background-image: url(chat/images/bottom_left.gif);
    background-repeat: no-repeat;
}

.chatSessionTableBottomRight, .RTL
.chatSessionTableBottomLeft {
    background-image: url(chat/images/bottom_right.gif);
    background-repeat: no-repeat;
}

.chatSessionButtonLeft, .RTL
.chatSessionButtonRight {
    background-image: url(chat/images/chat_button_left.gif);
    background-repeat: no-repeat;
    width: 8px;
    height: 24px;
}

.chatSessionButtonRight, .RTL
.chatSessionButtonLeft {
    background-image: url(chat/images/chat_button_right.gif);
    background-repeat: no-repeat;
    width: 8px;
    height: 24px;
}

.chatSessionButtonSmallLeft, .RTL
.chatSessionButtonSmallRight {
    background-image: url(chat/images/chat_button_small_left.gif);
    background-repeat: no-repeat;
    width: 6px;
    height: 17px;
}

.chatSessionButtonSmallRight, .RTL
.chatSessionButtonSmallLeft {
    background-image: url(chat/images/chat_button_small_right.gif);
    background-repeat: no-repeat;
    width: 6px;
    height: 17px;
}

.paddingChatSession, .paddingChatSessionLeft, .RTL
.paddingChatSessionRight {
    padding-left: 20px;
}

.RTL
.paddingChatSession, .RTL
.paddingChatSessionLeft, .paddingChatSessionRight {
    padding-right: 20px;
}

.chatWelcomeButtonLeft, .RTL
.chatWelcomeButtonRight, .RTL
.chatWelcomeButtonArrowRight {
    background-image: url(chat/images/chat_button_welcome_left.png);
    background-repeat: no-repeat;
    width: 8px;
    height: 24px;
}

.chatWelcomeButtonRight, .RTL
.chatWelcomeButtonLeft {
    background-image: url(chat/images/chat_button_welcome_right.png);
    background-repeat: no-repeat;
    width: 8px;
    height: 24px;
}

.chatSessionBackgroundUpperRight, .RTL
.chatSessionBackgroundUpperLeft {
    background-image: url(chat/images/upper_right.png);
    background-repeat: no-repeat;
    width: 14px;
    height: 16px;
}

.chatSessionBackgroundUpperLeft, .RTL
.chatSessionBackgroundUpperRight {
    background-image: url(chat/images/upper_left.png);
    background-repeat: no-repeat;
    width: 14px;
    height: 16px;
}

.chatSessionBackgroundCenterRight, .RTL
.chatSessionBackgroundCenterLeft {
    background-image: url(chat/images/right.png);
    background-repeat: repeat;
    width: 14px;
    height: 100%;
}

.chatSessionBackgroundCenterLeft, .RTL
.chatSessionBackgroundCenterRight {
    background-image: url(chat/images/left.png);
    background-repeat: repeat;
    width: 14px;
    height: 100%;
}

.chatSessionBackgroundLowerRight, .RTL
.chatSessionBackgroundLowerLeft {
    background-image: url(chat/images/lower_right.png);
    background-repeat: no-repeat;
    width: 14px;
    height: 14px;
}

.chatSessionBackgroundLowerLeft, .RTL
.chatSessionBackgroundLowerRight {
    background-image: url(chat/images/lower_left.png);
    background-repeat: no-repeat;
    width: 14px;
    height: 14px;
}

img.tcalIcon {
    cursor: pointer;
    margin-left: 1px;
    vertical-align: middle;
}

div#tcal {
    position: absolute;
    visibility: hidden;
    z-index: 100;
    width: 158px;
    padding: 2px 0 0 0;
}

div#tcal table {
    width: 100%;
    border: 1px solid silver;
    border-collapse: collapse;
    background-color: #e0f2cd;
}

div#tcal table.ctrl {
    border-bottom: 0;
}

div#tcal table.ctrl td {
    width: 15px;
    height: 20px;
}

div#tcal table.ctrl th {
    background-color: white;
    color: black;
    border: 0;
}

div#tcal th {
    border: 1px solid silver;
    border-collapse: collapse;
    text-align: center;
    padding: 3px 0;
    font-family: tahoma, verdana, arial;
    font-size: 10px;
    background-color: gray;
    color: white;
}

div#tcal td {
    border: 0;
    border-collapse: collapse;
    text-align: center;
    padding: 2px 0;
    font-family: tahoma, verdana, arial;
    font-size: 11px;
    width: 22px;
    cursor: pointer;
}

div#tcal td.othermonth {
    color: silver;
}

div#tcal td.weekend {
    background-color: #ACD6F5;
}

div#tcal td.today {
    border: 1px solid red;
}

div#tcal td.selected {
    background-color: #FFB3BE;
}

iframe#tcalIF {
    position: absolute;
    visibility: hidden;
    z-index: 98;
    border: 0;
}

div#tcalShade {
    position: absolute;
    visibility: hidden;
    z-index: 99;
}

div#tcalShade table {
    border: 0;
    border-collapse: collapse;
    width: 100%;
}

div#tcalShade table td {
    border: 0;
    border-collapse: collapse;
    padding: 0;
}

.imgSort {
    position: absolute;
    display: inline;
}

.imgSortNewUI {
    position: absolute;
    top: 5px;
    margin-right: 4px;
    left: 0px;
    cursor: pointer;
}

td.eupDescriptionText {
    padding-top: 20px;
}

.UI_Grid_Body TD img {
    margin: 0 0 0 -3px;
    padding: 0;
}

#ToggleAllGridCheckboxId {
    margin-left: 11px;
    margin-right: 11px;
}

/*#t .RowSelected #ToggleAllGridCheckboxId.GridCheckbox {*/
/*background-image: url(grid/images/grid_checkbox_on.svg);*/
/*}*/

.MultipleSelectionMenuTD .Button3Parts {
    display: block;
    margin: 5px 9px 0 8px;
}

#customView {
    display: inline;
    position: relative;
    padding-top: 3px;
    float: right;
}

.RTL
#customView {
    display: inline;
    position: relative;
    padding-top: 3px;
    left: -62px;
    float: left;
}

#loginForGuest {
    visibility: hidden;
}

#loginForGuest td {
    padding: 5px;
    padding-left: 30px;
}

#loginForGuest .Button3Parts td {
    padding: 0px;
}

#containerContentDivListFix {
    margin-top: -14px;
    position: relative;
}

.dashWrapper #iframe4 {
    height: 398px;
}

.noresizeable .resizable {
    display: none;
}

.RTL .ui-tabs .ui-tabs-nav li {
    float: right;
}

/* toolbars fix */
#MenuTemplate, #MenuTemplate1, #MenuTemplate2 {
    top: 35px;
}

#MenuTemplate1 .ToolbarMenu_Item {
    width: 260px;
}

.Toolbar_Left .ToolbarMenu table.ToolbarMenu_Item {
    width: 180px;
    white-space: normal;
}

.ToolbarMenu_Item {
    width: 180px;
}

.ToolbarMenu_Item .ToolbarMenu_Item_Center label {
    white-space: normal;
}

.ToolbarMenu {
    left: -8px;
}

.RTL #MenuTemplate1 {
    left: -219px;
}

.ToolbarMenu .ToolbarMenu_Item .ToolbarMenu_Item_Center {
    white-space: normal;
}

#composeMessage {
    left: 10px;
    position: absolute;
    top: 203px;
}

.RTL #composeMessage {
    position: absolute;
    top: 203px;
    right: 260px;
}

#categoryContainer {
    font-family: Arial;
    background: #cccccc;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    margin-top: 2px;
}

.RTL
#categoryContainer {
    direction: rtl;
}

#categoryContainer img {
    border: 0;
}

#categoryContainer td {
    padding: 10px;
}

#categoryContainer ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 1000px;
    margin: 0;
}

#categoryContainer #catTr ul li {
    list-style-type: none;
    float: left;
    height: 15px;
    width: 235px;
    margin: 0 14px 10px 0;
    font-size: 14px;
    font-family: Arial;
}

.RTL
#categoryContainer #catTr ul li {
    float: right;
}

#categoryContainer #catTr ul li a {
    max-width: 200px;
    overflow: hidden;
    white-space: nowrap;
    margin: 0;
    float: left;
    text-overflow: ellipsis;
    margin-right: 2px;
    text-decoration: none;
    color: black;
}

.RTL
#categoryContainer #catTr ul li a {
    float: right;
    margin-left: 2px;
    margin-right: 0;
}

#categoryContainer #catTr ul li a:hover {
    text-decoration: underline;
}

#categoryContainer #searchTr input {
    width: 250px;
    border: #a2a2a2 1px solid;
    height: 23px;
    font-size: 22px;
    color: #646464;
    padding: 3px;
    vertical-align: top;
}

#categoryContainer #searchTr td {
    padding: 0;
    padding-left: 9px;
    padding-top: 8px;
}

.RTL
#categoryContainer #searchTr td {
    padding-right: 22px;
    padding-left: 0;
}

#categoryContainer #searchTr img {
    cursor: pointer;
    margin-left: -4px;
}

.RTL
#categoryContainer #searchTr img {
    margin-right: -4px;
    margin-left: 0;
}

#categoryContainer #cursorTd {
    margin: 0;
    padding: 0;
    padding-right: 11px;
    text-align: right;
}

.RTL
#categoryContainer #cursorTd {
    padding-left: 11px;
    text-align: left;
    padding-right: 0;
}

#categoryContainer #cursorTd span img {
    padding-bottom: 5px;
    cursor: pointer;
}

#categoryContainer #catTitle {
    font-size: 16px;
    font-weight: bold;
    color: #404040;
    padding: 0;
    padding-left: 11px;
    padding-top: 5px;
}

.RTL
#categoryContainer #catTitle {
    padding-right: 22px;
    padding-left: 0;
}

#categoryContainer #catTitle li {
    float: left;
    font-size: 12px;
    padding-right: 4px;
}

.RTL
#categoryContainer #catTitle li {
    float: right;
    padding-left: 4px;
}

#categoryContainer #catTitle li a {
    width: auto;
    font-size: 16px;
    font-weight: bold;
    color: #404040;
    margin: 0;
    text-decoration: none;
    color: black;
}

#categoryContainer #catTitle ul li a:hover {
    text-decoration: underline;
}

#categoryContainer #catTitle li.last {
    font-size: 16px;
    font-weight: normal;
    font-style: italic;
    color: #6c6c6c;
}

#closureInformationTable td {
    padding-left: 85px;
}

.RTL #closureInformationTable td {
    padding-right: 85px;
}

#displayClosureInformationMessage {
    padding: 19px;
    color: red;
}

#catHint {
    width: 660px;
}

a.switchKbUi:link {
    text-decoration: none;
}

a.switchKbUi:hover {
    text-decoration: underline;
}

a.switchKbUi {
    color: #3BB000;
    float: right;
    font-weight: normal;
}

.RTL a.switchKbUi {
    color: #3BB000;
    float: left;
    font-weight: normal;
}

.MDMLabel {
    width: 72%;
    white-space: nowrap;
    padding-right: 100px;
}

.Form_Ctrl input[type="text"].inputTextMDMFields {
    width: 182px;
}

#txtHint .hintsClass ul {
    display: none;
}

.RTL #txtHint .hintsClass ul {
    display: none;
}

.MDMLabel .labelText {

}

.MDMLabel .subLabelText {
    font-size: 11px;
    font-weight: normal;
    white-space: normal;
}

#MenuTemplate2 .ToolbarMenu_Item label div {
    white-space: nowrap;
}

.ActionBarWrapper #ViewMechanism select {
    max-width: 260px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*#ListContentDivOld {*/
/*background-color: #fff;*/
/*}*/

#ListContentDivOld > table {
    width: 100%;
}

#ListContentDiv > table {
    width: 100%;
}

#t {
    width: 100%;
}

#t .th-wrapper table tr td {
    white-space: nowrap;
}

.countPatchesHref {
    text-decoration: underline;
}

.align-inputs input, .align-inputs select {
    float: right;
}

.align-inputs a {
    white-space: nowrap;
}

#patchDisableText {
    margin-right: 20px;
}

.matrix #mainFrame {
    display: table;
}

#customView tbody .Form_Ctrl {
    margin-right: 0;
}

#buggy-table #tabs {
    bottom: -3px;
    z-index: 1;
}

#OverlayDiv {
    z-index: 2;
}

.weight-filtered {
    text-indent: 34px;
}

.weight-unfiltered {
    text-indent: 34px;
}

#actionChangeApproval {
    margin: 20px auto;
    width: 30%;
    border: 1px solid black;
    min-height: 50px;
    text-align: center;
}

.stealthy {
    left: 0;
    margin: 0;
    max-height: 1px;
    max-width: 1px;
    opacity: 0;
    outline: none;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: -1;
}

.linkDisabled {
    pointer-events: none;
    cursor: default;
    color: #9c9c9c;
}

.comboDisabled {
    pointer-events: none;
    cursor: default;
    color: #9c9c9c;
    background-color: #EBEBE4;
}

/*new design style lifting */

#ListContentDiv.Maxed .GridScroller #t {
    border: 1px solid #ccc;
    border-bottom: 0;
}

#ListContentDiv.Maxed .GridScroller #t .UI_Table_Header_Center {
    background-color: #e1e1e1;
    height: 50px;
    font-size: 14px;
    background-image: none;
}

#ListContentDiv.Maxed .GridScroller #t .UI_Table_Header_Center TH {
    padding: 0 10px;
    border-bottom: 1px solid #ccc;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    height: 50px;
    border-right: 1px solid #ccc;
}

.RTL #ListContentDiv.Maxed .GridScroller #t .UI_Table_Header_Center TH {
    padding: 0 18px 0 0;
    border-bottom: 1px solid #e1e1e1;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    height: 50px;
    border-left: 1px solid #ab9e99;
}

#ListContentDiv.Maxed .GridScroller #t .UI_Table_Header_Center TH,
#ListContentDiv.Maxed .GridScroller #t .UI_Table_Header_Center TH span.defaultText,
#ListContentDiv.Maxed .GridScroller #t .UI_Table_Header_Center .UI_Grid_Body TD,
#ListContentDiv.Maxed .GridScroller #t .UI_Table_Header_Center .th-wrapper table tbody td {
    color: #666666;
    font-size: 13px;
    font-weight: bold !important;
    white-space: nowrap;
    padding-right: 0;
}

.RTL #ListContentDiv.Maxed .GridScroller #t .UI_Table_Header_Center TH,
.RTL #ListContentDiv.Maxed .GridScroller #t .UI_Table_Header_Center TH span.defaultText,
.RTL #ListContentDiv.Maxed .GridScroller #t .UI_Table_Header_Center .UI_Grid_Body TD,
.RTL #ListContentDiv.Maxed .GridScroller #t .UI_Table_Header_Center .th-wrapper table tbody td {
    color: #666666;
    font-size: 13px;
    font-weight: bold !important;
    white-space: nowrap;
    padding-left: 0 !important;
    direction: rtl;
}

/*.RTL .Maxed text{*/
/*direction: rtl;*/
/*}*/

#ListContentDiv.Maxed .GridScroller #t .UI_GridCellInner {
    height: 45px;
    padding: 2px 5px;
    line-height: 45px;
}

#ListContentDiv.Maxed .GridScroller #t .UI_GridCellInner img {
    display: block;
    margin: 15px auto;
}

#ListContentDiv.Maxed .GridScroller #t .UI_GridCellInner label img {
    margin-top: 12px;
    display: inline;
    padding-right: 2px;
}

.RTL #ListContentDiv.Maxed .GridScroller #t .UI_GridCellInner label img {
    padding-left: 2px;
}

.UI_Grid_Body TR.RowSelected {
    background-color: #E6F8E7 !important;
    font-weight: 700;
}

td.MultipleSelectionMenuTD {
    background-color: #f4faf2 !important;
}

.ListWrapper .table-x-scroll {
    max-width: 95vw;
    overflow: auto !important;
    height: 80vh !important;
}

#MainPane.Pane #ListContentDivOld .ListWrapper table.Maxed, #Popup_Layout .ListWrapper table.Maxed, #Popup_Layout #ListContentDivOld table.Maxed, #MainFrame #ListContentDivOld table.Maxed {
    height: unset;
}

.table-x-scroll table.Maxed .NestedGrid #ListContentDiv.Maxed tr.Grid_EvenRow {
    background-color: #f2f2f2;
}

.RTL #ListContentDiv.Maxed .GridScroller #t .UI_Table_Header_Center TH, .imgSortNewUI {
    right: -16px;

}

.ListWrapper .table-x-scroll table.Maxed .NestedGrid #ListContentDiv.Maxed {
    max-width: 92vw;
    max-height: 79vh;
}

#Popup_Layout .ListWrapper .table-x-scroll {
    height: 660px;
    max-width: unset;
    overflow: auto !important;
    height: 80vh !important;
}

.selectUsers #Popup_Layout .ListWrapper .table-x-scroll {
    width: unset;
    max-width: 92vw;

}

.selectCategories #Popup_Layout .ListWrapper .table-x-scroll {
    width: unset;
    max-width: 92vw;
}

#Popup_Layout .ListWrapper .table-x-scroll table.Maxed .NestedGrid #ListContentDiv.Maxed {
    max-width: unset;
    max-height: 79vh;
}

/*.UI_BreadCrumbs_Label  {*/
/*display: none;*/
/*}*/

.Maxed.Container .UI_BreadCrumbs_Label {
    display: table-cell;
}

#t .GridCheckbox {
    background-image: url(grid/images/checkbox-empty.svg);
}

#t #ToggleAllGridCheckboxId {
    margin: 0 6px 0 0;
}

.RTL #t #ToggleAllGridCheckboxId {
    margin: 0 0 0 6px;
}

#t .RowSelected .GridCheckbox {
    background-image: url(grid/images/grid_checkbox_selected_tick.svg);
}

.RTL #t TD .GridCheckbox {
    margin: 0 20px 0 0;
}

#t .GridCheckboxDisabled {
    background-image: url(grid/images/checkbox-disabled.svg);
}

/*new design style lifting  breadcrumbs*/

.breadcrumbs-wrapper {
    font-size: 14px;
    margin-bottom: 10px;
    font-family: 'Helvetica-Bold', 'Helvetica Bold', 'Helvetica';
    /*background-color: #f2f2f2;*/

}

.breadcrumbs-wrapper .breadcrumbs-wrapper-title {
    width: 100%;
    font-weight: 500;
    font-style: normal;
    color: #797979;
    line-height: 30px;
    padding: 0;
    /*text-transform: uppercase;*/
}

#top_row .breadcrumbs-wrapper-title {
    float: left;
    font-weight: 500;
    font-style: normal;
    color: #797979;
    line-height: 16px;
    padding: 0;
}

.RTL #top_row .breadcrumbs-wrapper-title {
    float: right;
}

.RTL #top_row .breadcrumbs-wrapper-title span {
	font-size: 14px;
	font-weight: bold;
}

.RTL #top_row .breadcrumbs-wrapper-title span a {
    font-size: 14px;
    font-weight: bold;
}

#top_row #pagination_wrapper {
    line-height: 16px;
}

.RTL #top_row #pagination_wrapper div{
	font-size: 14px;
	font-weight: bold;
}

.RTL #top_row #pagination_wrapper div span{
	font-size: 14px;
	font-weight: bold;
}


.breadcrumbs-wrapper .breadcrumbs-wrapper-title .breadcrumbs-wrapper-title-1 {
    color: #BCBCBC;
}

.breadcrumbs-wrapper .breadcrumbs-wrapper-title .breadcrumbs-wrapper-title-1 IMG {
    margin: -2px 3px 2px 3px;
    height: 10px;
}

.breadcrumbs-wrapper .breadcrumbs-wrapper-title .breadcrumbs-wrapper-title-2 {
    color: #333;
}

.breadcrumbs-wrapper .breadcrumbs-wrapper-content {
    height: 43px;
    /*background-color: #f2f2f2;*/
    border-top: 1px #cdc solid;
    border-bottom: 1px #cdd solid;
    border-left: none;
    border-right: none;
    padding: 0;
    position: relative;
    font-family: 'Helvetica-Bold', 'Helvetica Bold', 'Helvetica';
}

.breadcrumbs-wrapper .breadcrumbs-wrapper-content .breadcrumbs-wrapper-content-title {
    font-weight: 600;
    font-style: normal;
    line-height: 43px;
    float: left;
    cursor: pointer;
    font-size: 14px;
    font-family: 'Helvetica-Bold', 'Helvetica Bold', 'Helvetica';
}

.breadcrumbs-wrapper .breadcrumbs-wrapper-content .breadcrumbs-wrapper-content-title IMG {
    margin: -2px 0 0 5px;
}

.breadcrumbs-wrapper-content-popup:not(.hide) ~ .breadcrumbs-wrapper-content-title IMG {
    transform: scale(-1);
}

.LTR .breadcrumbs-wrapper .breadcrumbs-wrapper-content .breadcrumbs-wrapper-content-links-buttons {
    float: right;
    padding-top: 7px;
    margin-right: 15px;
}

.RTL .breadcrumbs-wrapper .breadcrumbs-wrapper-content .breadcrumbs-wrapper-content-links-buttons {
    float: left;
    padding-top: 7px;
    margin-left: 15px;
}

.breadcrumbs-wrapper .breadcrumbs-wrapper-content .breadcrumbs-wrapper-content-links-buttons a {
    padding: 0 5px;
    color: #3bb000;
    text-decoration-line: none;
    font-family: 'Helvetica-Bold', 'Helvetica Bold', 'Helvetica';
}

.breadcrumbs-wrapper .breadcrumbs-wrapper-content .breadcrumbs-wrapper-content-links-buttons button, #editDashboerdSubmit {
    height: 27px;
    background-color: #3bb000;
    padding: 0 15px;
    box-sizing: border-box;
    border: 1px #391 solid;
    border-radius: 0 2px;
    font-family: 'Arial-BoldMT', 'Arial Bold', 'Arial';
    font-weight: 700;
    font-style: normal;
    color: #fff;
    cursor: pointer;
    margin: 0;
    border-radius: 3px;
}

.LTR .breadcrumbs-wrapper .breadcrumbs-wrapper-content .breadcrumbs-wrapper-content-links-buttons button {
    margin-right: 15px;
}

.RTL .breadcrumbs-wrapper .breadcrumbs-wrapper-content .breadcrumbs-wrapper-content-links-buttons button {
    margin-left: 15px;
}

.LTR .breadcrumbs-wrapper .breadcrumbs-wrapper-content .breadcrumbs-wrapper-content-links-buttons button.breadcrumbs-wrapper-new-button {
    height: 27px;
    line-height: 27px;
    background-color: #fff;
    padding: 0 15px 0 25px;
    box-sizing: border-box;
    border: 1px #cecece solid;
    font-family: 'Arial-BoldMT', 'Arial Bold', 'Arial';
    font-weight: 700;
    font-style: normal;
    color: #1f73b7;
    cursor: pointer;
    border-radius: 20px;
    background-image: url(icons/control-add-new2.svg);
    background-repeat: no-repeat;
    background-position: 10px 7px;
    background-size: 12px 12px;
}

.LTR .breadcrumbs-wrapper .breadcrumbs-wrapper-content .breadcrumbs-wrapper-content-links-buttons button.breadcrumbs-wrapper-new-button:hover {
    height: 27px;
    line-height: 27px;
    background-color: #3bb000;
    padding: 0 15px 0 25px;
    box-sizing: border-box;
    border: 1px #391 solid;
    font-family: 'Arial-BoldMT', 'Arial Bold', 'Arial';
    font-weight: 700;
    font-style: normal;
    color: #fff;
    cursor: pointer;
    border-radius: 20px;
    background-image: url(icons/control-add-new.svg);
    background-repeat: no-repeat;
    background-position: 10px 7px;
    background-size: 12px 12px;
}

.RTL .breadcrumbs-wrapper .breadcrumbs-wrapper-content .breadcrumbs-wrapper-content-links-buttons button.breadcrumbs-wrapper-new-button {
    height: 27px;
    line-height: 27px;
    background-color: #fff;
    padding: 0 15px 0 25px;
    box-sizing: border-box;
    border: 1px #391 solid;
    font-family: 'Arial-BoldMT', 'Arial Bold', 'Arial';
    font-weight: 700;
    font-style: normal;
    color: #1f73b7;
    cursor: pointer;
    border-radius: 20px;
    background-image: url(icons/control-add-new2.svg);
    background-repeat: no-repeat;
    background-position: 10px 7px;
    background-size: 12px 12px;
}

.RTL .breadcrumbs-wrapper .breadcrumbs-wrapper-content .breadcrumbs-wrapper-content-links-buttons button.breadcrumbs-wrapper-new-button:hover {
    height: 27px;
    line-height: 27px;
    background-color: #3bb000;
    padding: 0 15px 0 25px;
    box-sizing: border-box;
    border: 1px #391 solid;
    font-family: 'Arial-BoldMT', 'Arial Bold', 'Arial';
    font-weight: 700;
    font-style: normal;
    color: #fff;
    cursor: pointer;
    border-radius: 20px;
    background-image: url(icons/control-add-new.svg);
    background-repeat: no-repeat;
    background-position: 10px 7px;
    background-size: 12px 12px;
}

.breadcrumbs-wrapper .breadcrumbs-wrapper-content .breadcrumbs-wrapper-content-links-buttons button span {
    color: #fff !important;
}

.breadcrumbs-wrapper .breadcrumbs-wrapper-content .breadcrumbs-wrapper-content-popup {
    position: absolute;
    top: 33px;
    border: 1px #aaa solid;
    color: #556;
    max-width: 540px;
    font-size: 14px;
    background-color: #fff;
    z-index: 40000;
    min-width: 13vw;
    border-radius: 4px;
    box-shadow: 0 0 12px rgba(102, 102, 102, 0.5);
    padding: 8px 0 0 0 !important;
    max-height: 515px;
    overflow-y: auto;
    overflow-x: hidden;
}

.breadcrumbs-wrapper .breadcrumbs-wrapper-content .breadcrumbs-wrapper-content-popup .search-breadcrumbs-wrapper {
    display: flex;
    padding: 5px 10px;
    clear: both;
}

.breadcrumbs-wrapper .breadcrumbs-wrapper-content .breadcrumbs-wrapper-content-popup .search-breadcrumbs-wrapper #search_input_wrapper {
    display: inline-block;
}

.breadcrumbs-wrapper .breadcrumbs-wrapper-content .breadcrumbs-wrapper-content-popup .search-breadcrumbs-wrapper #search_input_wrapper input#searchFieldListViews {
    color: rgb(128, 128, 128);
    padding: 5px;
    width: 180px;
    height: 34px;
    vertical-align: middle;
    border: 1px #aaaaaa solid;
    border-radius: 3px 0 0 3px;
}

.RTL .breadcrumbs-wrapper .breadcrumbs-wrapper-content .breadcrumbs-wrapper-content-popup .search-breadcrumbs-wrapper #search_input_wrapper input#searchFieldListViews {
    border-left: none;
}

.LTR .breadcrumbs-wrapper .breadcrumbs-wrapper-content .breadcrumbs-wrapper-content-popup .search-breadcrumbs-wrapper #search_input_wrapper input#searchFieldListViews {
    border-right: none;
}

.breadcrumbs-wrapper .breadcrumbs-wrapper-content .breadcrumbs-wrapper-content-popup .search-breadcrumbs-wrapper .button-wrapper {
    border-radius: 0 3px 3px 0;
    display: inline-block;
    height: 34px;
    width: 30px;
    cursor: pointer;
    background-color: rgb(255, 255, 255);
    border: 1px rgb(188, 188, 188) solid;
    border-image: initial;
    padding: 4px;

}

.LTR .breadcrumbs-wrapper .breadcrumbs-wrapper-content .breadcrumbs-wrapper-content-popup .search-breadcrumbs-wrapper .button-wrapper {
    border-left: none;
}

.RTL .breadcrumbs-wrapper .breadcrumbs-wrapper-content .breadcrumbs-wrapper-content-popup .search-breadcrumbs-wrapper .button-wrapper {
    border-right: none;
    margin-right: -3px;
}

.breadcrumbs-wrapper .breadcrumbs-wrapper-content .breadcrumbs-wrapper-content-popup .search-breadcrumbs-wrapper #search_button_wrapper img#breadcrumbs_search_button {
    height: 24px;
    width: 20px;
}

.breadcrumbs-wrapper .breadcrumbs-wrapper-content .breadcrumbs-wrapper-content-popup .search-breadcrumbs-wrapper #search_button_wrapper.hide,
.breadcrumbs-wrapper .breadcrumbs-wrapper-content .breadcrumbs-wrapper-content-popup .search-breadcrumbs-wrapper #clear_button_wrapper.hide {
    display: none;
}

.breadcrumbs-wrapper .breadcrumbs-wrapper-content .breadcrumbs-wrapper-content-popup .search-breadcrumbs-wrapper #clear_button_wrapper IMG {
    width: 17px;
}

.LTR .breadcrumbs-wrapper .breadcrumbs-wrapper-content .breadcrumbs-wrapper-content-popup .search-breadcrumbs-wrapper #clear_button_wrapper IMG {
    margin-left: 5px;
}

.RTL .breadcrumbs-wrapper .breadcrumbs-wrapper-content .breadcrumbs-wrapper-content-popup .search-breadcrumbs-wrapper #clear_button_wrapper IMG {
    margin-right: 5px;
}

.breadcrumbs-wrapper .breadcrumbs-wrapper-content .breadcrumbs-wrapper-content-popup .breadcrumbs-wrapper-content-popup-subject {
    line-height: 2em;
    font-size: 12px;
    color: #1f73b7;
    cursor: pointer;
}

.breadcrumbs-wrapper .breadcrumbs-wrapper-content .breadcrumbs-wrapper-content-popup .breadcrumbs-wrapper-content-popup-subject.disable {
    cursor: default;
    opacity: .5;
}

.LTR .breadcrumbs-wrapper .breadcrumbs-wrapper-content .breadcrumbs-wrapper-content-popup .breadcrumbs-wrapper-content-popup-subject {
    padding-right: 12px;
    float: right;
}

.RTL .breadcrumbs-wrapper .breadcrumbs-wrapper-content .breadcrumbs-wrapper-content-popup .breadcrumbs-wrapper-content-popup-subject {
    padding-left: 12px;
    float: left;
}

.breadcrumbs-wrapper .breadcrumbs-wrapper-content .breadcrumbs-wrapper-content-popup .breadcrumbs-wrapper-content-popup-title {
    border-bottom: solid 1px #cccccc;;
    height: 2.4em;
    padding-bottom: 5px;
    margin: 0 10px;
}

.breadcrumbs-wrapper .breadcrumbs-wrapper-content .breadcrumbs-wrapper-content-popup ul {
    clear: both;
    list-style: none;
    padding-left: 0;
    margin-top: 0;
}

.breadcrumbs-wrapper .breadcrumbs-wrapper-content .breadcrumbs-wrapper-content-popup ul > li {
    line-height: 20px;
}

.breadcrumbs-wrapper .breadcrumbs-wrapper-content .breadcrumbs-wrapper-content-popup ul > li p {
    padding: 0 20px;
    margin: 4px auto;
    font-size: 12px;
}

.breadcrumbs-wrapper .breadcrumbs-wrapper-content .breadcrumbs-wrapper-content-popup ul > li:hover {
    background-color: #1f73b7;
    font-weight: 400;
    cursor: pointer;
}

.breadcrumbs-wrapper .breadcrumbs-wrapper-content .breadcrumbs-wrapper-content-popup ul > li:hover p,
.breadcrumbs-wrapper .breadcrumbs-wrapper-content .breadcrumbs-wrapper-content-popup ul > li:hover p .listCustomViewItem {
    cursor: pointer;
    color: #fff;
    font-family: 'Helvetica-Bold', 'Helvetica Bold', 'Helvetica';
    font-size: 12px;
}

.breadcrumbs-wrapper .breadcrumbs-wrapper-content .breadcrumbs-wrapper-content-popup .breadcrumbs-wrapper-content-popup-title .breadcrumbs-wrapper-content-popup-title-caption {
    /*text-decoration: underline;*/

    /*text-transform: uppercase;*/
    font-weight: 600;
    padding: 10px;
    font-family: 'Helvetica-Bold', 'Helvetica Bold', 'Helvetica';
    font-size: 14px;
    line-height: 14px;
}

.breadcrumbs-wrapper .breadcrumbs-wrapper-content .breadcrumbs-wrapper-content-popup .breadcrumbs-wrapper-content-popup-title .breadcrumbs-wrapper-content-popup-title-icon {
    /*float: right;*/
    /*cursor: pointer;*/
    /*padding: 10px;*/
    display: none;
}

.breadcrumbs-wrapper .breadcrumbs-wrapper-content .breadcrumbs-wrapper-content-popup .breadcrumbs-wrapper-content-popup-no-match-message {
    height: 10em;
    display: table-cell;
    vertical-align: middle;
    max-width: 108px;
    text-align: center;
    position: relative;
    opacity: .5;
}

.LTR .breadcrumbs-wrapper .breadcrumbs-wrapper-content .breadcrumbs-wrapper-content-popup .breadcrumbs-wrapper-content-popup-no-match-message {
    left: 50%;
}

.RTL .breadcrumbs-wrapper .breadcrumbs-wrapper-content .breadcrumbs-wrapper-content-popup .breadcrumbs-wrapper-content-popup-no-match-message {
    right: 50%;
}

.breadcrumbs-wrapper .breadcrumbs-wrapper-content .hide,
.breadcrumbs-wrapper .breadcrumbs-wrapper-content .breadcrumbs-wrapper-content-popup .breadcrumbs-wrapper-content-popup-no-match-message.hide {
    display: none;
}

.RTL .breadcrumbs-wrapper .breadcrumbs-wrapper-content .breadcrumbs-wrapper-content-title {
    float: right;
}

.RTL .breadcrumbs-wrapper .breadcrumbs-wrapper-content .breadcrumbs-wrapper-content-title IMG {
    margin: -2px 5px 0 0;
}

.RTL .breadcrumbs-wrapper .breadcrumbs-wrapper-content .breadcrumbs-wrapper-content-popup {
    right: 20px;
}

.RTL .breadcrumbs-wrapper .breadcrumbs-wrapper-content .breadcrumbs-wrapper-content-popup .breadcrumbs-wrapper-content-popup-title .breadcrumbs-wrapper-content-popup-title-icon {
    float: left;
}

.RTL .breadcrumbs-wrapper .breadcrumbs-wrapper-content .breadcrumbs-wrapper-content-popup .breadcrumbs-wrapper-content-popup-title .breadcrumbs-wrapper-content-popup-title-icon {
    float: left;
}

.LTR .breadcrumbs-wrapper .breadcrumbs-wrapper-content .breadcrumbs-wrapper-content-popup .breadcrumbs-wrapper-content-popup-title .breadcrumbs-wrapper-content-popup-title-caption {
    float: left;
    margin-left: -12px;
}

.RTL .breadcrumbs-wrapper .breadcrumbs-wrapper-content .breadcrumbs-wrapper-content-popup .breadcrumbs-wrapper-content-popup-title .breadcrumbs-wrapper-content-popup-title-caption {
    float: right;
    margin-right: -12px;
}

.RTL .breadcrumbs-wrapper .breadcrumbs-wrapper-content .breadcrumbs-wrapper-content-popup ul {
    padding-right: 0;
}

button.green-facelifting-button, input.green-facelifting-button {
    height: 27px;
    background-color: #3bb000;
    padding: 0 15px;
    box-sizing: border-box;
    border: 1px #391 solid;
    border-radius: 0 2px;
    font-family: 'Arial-BoldMT', 'Arial Bold', 'Arial';
    font-weight: 700;
    font-style: normal;
    color: #fff;
    cursor: pointer;
    margin: 0 10px;
    border-radius: 3px;
}

input.green-facelifting-button.disable {
    background-color: #ccc;
    color: #fff;
    cursor: default;
    border: 1px #ccc solid;
}

a.blue-facelifting-link {
    color: blue;
    vertical-align: bottom;
    font-family: 'Helvetica-Bold', 'Helvetica Bold', 'Helvetica';
}

.grassStyle {
    font-family: 'ArialMT', 'Arial';
    position: relative;
    margin-top: 20px;
    clear: both;
    width: calc(74vw - 110px);
}

.grassTable {
    border: 1px solid #cfcfcf;
    border-collapse: collapse;
    width: 100%;
    font-style: normal;
    border-bottom: none;
    border-radius: 4px;
}

.grassTable tr {
    border-bottom: 1px solid #cfcfcf;
}

.grassTable td {
    padding: 8px;
    border-left: none;
    border-right: none;
}

.grassTable tbody tr:nth-child(odd):not(.tableHeaders) {
    background-color: #f2f2f2;
}

.grassTable tbody tr:not(.tableHeaders):hover {
    background-color: #ddd;
}

.grassTable tr.tableHeaders td,
.grassTable tr.tableHeaders th {
    /*padding-top: 8px;*/
    /*padding-bottom: 8px;*/
    text-align: left;
    font-family: 'Arial-BoldMT', 'Arial Bold', 'Arial';
    font-weight: 700;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    border-bottom: solid 1px #cfcfcf;
    color: #4a4a4a;
    padding: 8px;
}

.RTL .grassTable tr.tableHeaders td,
.RTL .grassTable tr.tableHeaders th {
    text-align: right;
}

.grassTable td {
    font-size: 12px;
}

.grassStyle .bold {
    font-family: 'Arial-BoldMT', 'Arial Bold', 'Arial';
    font-weight: 700;
    width: 100%;
}

.grassTable .subject {
    font-family: 'Arial-BoldMT', 'Arial Bold', 'Arial';
    font-weight: 700;
    width: 100%;
    text-decoration: none;
    color: #4a4a4a;
}

.grassTable .dt {
    text-decoration: none;
    width: 100%;
    font-weight: 400;
}

.grassTable .body {
    font-family: 'ArialMT', 'Arial';
    font-weight: 400;
    width: 100%;
    color: #797979;
    text-decoration: none;
}

.grassTable td a.user {
    text-decoration: underline;
    color: #4a4a4a;
    width: 100%;
    font-weight: 400;
}

.grassTable td a.user:hover,
.grassTable td a.subject:hover,
.grassTable td a.body:hover {
    color: #1F73B7;
}

/*scrollbar
todo: colors:
*/
.grassTable tfoot tr, .grassTable tfoot tr:hover {
    background-color: #f0f6f7;
}

.grassTable {
    width: 100%;
    display: block;
}

.grassTable tr.tableHeaders {
    background-color: #f0f6f7;
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 0;
}

.grassTable tbody tr {
    /* fallback */
    --width: 97%;
    /* minus scroll bar width */
    /*width: -webkit-calc(100% - 16px);
    width: -moz-calc(100% - 16px);*/
    --width: calc(100% - 16px);
    width: 100%;

}

.grassTable tr:after {
    content: ' ';
    display: block;
    visibility: hidden;
    clear: both;
}

.grassTable tbody {
    max-height: 510px;
    overflow-y: auto;
    display: block;
}

.grassTable tr {
    display: table;
    width: 100%;
    table-layout: fixed;
    white-space: nowrap;
}

.grassTable td {
    width: -webkit-calc((100% - 96px) / 6);
    width: -moz-calc(100% - 96px);
    width: calc((100% - 96px) / 6);
}

.grassTable tbody td.icon {
    text-align: center;
}

.grassTable tbody button.delIcon {
    cursor: pointer;
    width: 18px;
    height: 18px;
    background: url(../icons/sr/facelift/delete-icon.svg);
    background-repeat: no-repeat;
    background-color: transparent;
    border: none;
    background-size: contain;
}

.grassTable tbody button.delIcon[disabled] {
    opacity: 0.5;
    cursor: default;
}

.grassTable tbody td a {
    height: 14px;
}

.grassTable tbody td img {
    height: 15px;
}

[data-msg] .grassTable tbody td:nth-child(1), [data-msg] .grassTable thead th:nth-child(1) {
    width: 8%;
}

[data-msg] .grassTable tbody td:nth-child(2), [data-msg] .grassTable thead th:nth-child(2) {
    width: 8%;
}

[data-msg] .grassTable tbody td:nth-child(3), [data-msg] .grassTable thead th:nth-child(3) {
    width: 11%;
}

[data-msg] .grassTable tbody td:nth-child(4), [data-msg] .grassTable thead th:nth-child(4) {
    width: 11%;
}

[data-msg] .grassTable tbody td:nth-child(5), [data-msg] .grassTable thead th:nth-child(5) {
    width: 20%;
}

[data-msg] .grassTable tbody td:nth-child(6), [data-msg] .grassTable thead th:nth-child(6) {
    width: 42%;
}

.grassStyle[data-msg] .tabsContainer {
    width: calc(74vw - 110px);
}

.grassStyle .tabsContainer {
    width: 100%;
}

.grassTable .horizontalScroll {
    overflow-x: auto;
    white-space: nowrap;
}

[data-activities] .grassTable .col-1 {
    width: 60px;
}

[data-activities] .grassTable .col-2 {
    width: 150px;
}

[data-activities] .grassTable .col-3 {
    width: 150px;
}

[data-activities] .grassTable .col-4 {
    width: 150px;
}

[data-activities] .grassTable .col-5 {
    width: 60px;
}

[data-activities] .grassTable .col-6 {
    width: 30px;
}

[data-activities] .grassTable .opener {
    width: 20px;
}

[data-activities] .grassTable .col-7 {
    width: 580px;
}

[data-activities] .grassTable .customField {
    width: 160px;
}

[data-activities] .grassTable .activityTable_userName {
    font-size: 13px;
    height: 22px;
}

[data-activities] .grassTable .descriptionContainer {
    height: 38px;
    line-height: 16px;
}

.grass-activityUser-tooltip {
    white-space: pre;
    max-width: none;
    height: 55px;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    background-color: #787878 !important;
    font-size: 11px;
    border-radius: 4px;
}

.grass-activityUser-tooltip .ui-tooltip-content {
    color: #ffffff;
}

[data-activities] .grassTable .activityTable_startTime {

}

#SRedit_body .ui-dialog.ui-widget.ui-widget-content.activity-dialog {
    border-radius: 4px;
    box-shadow: 0 2px 4px 0 #cfcfcf;
    border: solid 1px #f1f1f1;
    background-color: #f9f9f9;
    background-image: url(../icons/sr/facelift/resize.svg);
    background-position: bottom right;
    background-repeat: no-repeat;

}

#SRedit_body .ui-dialog.ui-widget.ui-widget-content.activity-dialog .ui-dialog-titlebar {
    display: block;
}

#SRedit_body .ui-dialog.ui-widget.ui-widget-content.activity-dialog .ui-widget-header {
    border: none;
    background: none;
    padding-top: 2px;
    padding-bottom: 0px;
}

#SRedit_body .ui-dialog.activity-dialog {
    padding: 0;
}

#SRedit_body .activity-dialog .user {
    font-size: 18px;
    font-weight: bold;
    color: #4a4a4a;
    margin-bottom: 7px;
}

.LTR#SRedit_body .activity-dialog .user {
    padding-left: 37px;
}

.RTL#SRedit_body .activity-dialog .user {
    padding-right: 37px;
}

#SRedit_body .activity-dialog .dt {
    font-family: Arial;
    font-size: 12px;
    color: #4a4a4a;
    direction: ltr;
}

.LTR#SRedit_body .activity-dialog .dt {
    padding-left: 37px;
}

.RTL#SRedit_body .activity-dialog .dt {
    padding-right: 37px;
}

#SRedit_body .activity-dialog .content {

}

#SRedit_body .activity-dialog .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: none;
    border: none;
}

#SRedit_body .activity-dialog .ui-button .ui-icon {
    background-image: url(/images/lightslider/close.png);
    width: 14px;
    height: 14px;
    background-position: center;
    margin-top: 0px;
}

#SRedit_body .activity-dialog.ui-dialog .ui-dialog-content {
    padding: 0;
}

.LTR#SRedit_body .activity-dialog.ui-dialog .ui-dialog-content {

    margin: 15px 10px 20px 0;
}

.RTL#SRedit_body .activity-dialog.ui-dialog .ui-dialog-content {
    margin: 15px 0 20px 10px;
}

.RTL#SRedit_body .activity-dialog .ui-dialog-titlebar-close {
    left: .3em;
    right: auto;
}

#SRedit_body .activity-dialog .content {
    border-top: solid 2px #aeaeae;
    margin: 0;
    clear: both;
    padding: 0;
}

#SRedit_body .activity-dialog .content .textarea {
    font-family: Arial;
    font-size: 12px;
    line-height: 1.5;
    color: #4a4a4a;
    border: none;
    background: transparent;
    resize: none;
    width: calc(100% - 35px);
    overflow: auto;
    white-space: pre-line;
    overflow-wrap: break-word;
}

.LTR#SRedit_body .activity-dialog .content .textarea {
    margin: 22px 7px 22px 20px;
}

.RTL#SRedit_body .activity-dialog .content .textarea {
    margin: 22px 20px 22px 7px;
}

.LTR#SRedit_body .activity-dialog .role-header .btnsContainer {
    float: right;
    margin-right: 37px;
}

.RTL#SRedit_body .activity-dialog .role-header .btnsContainer {
    float: left;
    margin-left: 37px;
}

.LTR#SRedit_body .activity-dialog .role-header .info {
    float: left;
}

.RTL#SRedit_body .activity-dialog .role-header .info {
    float: right;
}

#SRedit_body .activity-dialog .role-header .pager {
    display: inline-block;
    height: 23px;
    border-radius: 11px;
    background-color: #d8d8d8;
    padding-top: 3px;

}

.RTL#SRedit_body .activity-dialog .role-header .pager .arrowLt,
.RTL#SRedit_body .activity-dialog .role-header .pager .arrowRt {
    transform: scale(-1);

}

#SRedit_body .activity-dialog .role-header .pager span {
    color: #4a4a4a;
    font-size: 14px;
}

#SRedit_body .activity-dialog .role-header button {
    background: none;
    border: none;
    cursor: pointer;
}

#SRedit_body .activity-dialog .role-header button.arrowLt {
    background: url(../images/lt.svg) center center no-repeat;
    height: 18px;
    width: 26px;
}

#SRedit_body .activity-dialog .role-header button.arrowRt {
    background: url(../images/rt.svg) center center no-repeat;
    height: 18px;
    width: 26px;
}

#SRedit_body .activity-dialog .role-header button.arrowLt[disabled],
#SRedit_body .activity-dialog .role-header button.arrowRt[disabled] {
    opacity: 0.5;
    cursor: default;
}

#SRedit_body .activity-dialog .role-header button.copyBtn {
    background-image: url(../icons/sr/facelift/copy.svg);
    background-repeat: no-repeat;
    --width: 86px;
    background-position: left;
    background-size: 1.8em;
    font-size: 14px;
    height: 28px;
    padding-left: 29px;
    padding-right: 20px;
}

.grassTable tr.tableHeaders {
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 15px;
    border-radius: 4px 4px 0 0;
    box-shadow: 0px 1px #cfcfcf;
}

.RTL .grassTable tr.tableHeaders {
    padding-left: 15px;
}

/*empty table*/
.grassTable tbody tr td.empty.empty, .grassStyle div.placeholderMsg {
    width: 100%;
    text-align: center;
    font-size: 16px;
    color: #4a4a4a;
}

.grassStyle div.placeholderMsg {
    width: 100%;
    text-align: center;
    font-size: 16px;
    color: #4a4a4a;
    border: solid 1px #cfcfcf;
    padding: 10px;
}

.grassTable tbody tr td.empty:hover {
    background-color: #ffffff;
}

/*end table*/

.grassStyle .truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}
.grassStyle .truncateCsvToUpload { /* to csv upload */
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
}

.grassTable .horizontalScroll .truncate {
    display: table-cell;
}

.grassTable .horizontalScroll .truncateCsvToUpload { /* to csv upload */
	display: table-cell;
}

.grassStyle .italic {
    font-style: italic;
}

.grassStyle a.expand {
    text-decoration: none;
    float: right;
    font-size: 12px;
    color: #5E5E5E;
    margin-right: 5px;
}

.RTL .grassStyle a.expand {
    float: left;
    margin-right: auto;
    margin-left: 5px;
}

.grassStyle a.expand::before {
    content: "";
    background-image: url(icons/open.png);
    display: inline-block;
    width: 14px;
    height: 12px;
    position: relative;
    top: 1px;
    right: 5px;
    background-repeat: no-repeat;
}

.RTL .grassStyle a.expand::before {
    left: 5px;
    right: auto;
}

.grassStyle a.expand[disabled] {
    pointer-events: none;
    opacity: 0.5;
}

.grassStyle .showHideContainer {
    font-size: 12px;
    color: #6B6B6B;
    position: absolute;
    right: 0px;
    top: 8px;
}

.RTL .grassStyle .showHideContainer {
    left: 16px;
    right: auto;
}

.grassStyle .formContainer.opened {
    margin-top: 5px;
}

.grassStyle .formContainer .newActivityLink {
    position: absolute;
    top: 0px;
    padding: 9px;
    /*border-width: 1px 1px 0 1px;*/
    /*border-style: solid;*/
    /*border-color: rgba(215, 215, 215, 1);*/
    /*border-radius: 4px 4px 0 0;*/
    cursor: pointer;
}

.grassStyle .formContainer.opened .newActivityLink {
    top: -6px;
}

.LTR .grassStyle .formContainer .newActivityLink {
    right: 0;
}

.RTL .grassStyle .formContainer .newActivityLink {
    left: 0;
}

.grassStyle .formContainer .newActivityLink span {
    color: #1f73b7;
    font-size: 12px;
    display: inline-block;
}

#newActivityDiv {
    border-width: 1px;
    border-style: solid;
    border-color: rgba(215, 215, 215, 1);
    border-radius: 4px;
    padding: 11px;
}

#newActivityDiv .fieldContainer {
    margin: 14px 51px 0 41px;
}

#newActivityDiv .activityField {
    display: inline-block;
    width: 25%;
    padding: 10px;
}

#newActivityDiv .activityField label {
    display: block;
    padding: 0 1px;
    font-size: 14px;
    font-weight: 400;
    color: #5E5E5E;
    margin-bottom: 4px;
    /* truncate */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#newActivityDiv .activityField > input {
    float: left;
    border-radius: 4px;
    width: 100%;
    height: 34px;
    border: solid 1px #cfcfcf;
    padding-left: 4px;
}

#newActivityDiv .activityField.comboBoxField .dropdown-wrapper {
    width: 100%;
}

.RTL #newActivityDiv .activityField input,
.RTL #newActivityDiv .activityField.comboBoxField .newListSelected {
    padding-right: 5px;
}

input[type='number'] {
    -moz-appearance: textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

#newActivityDiv .activityField.comboBoxField .newListSelected,
#newActivityDiv .activityField.comboBoxField .newListSelected .selectedTxt {
    height: 34px;
    position: static;
    width: 100%;
}

#newActivityDiv .activityField.comboBoxField .newListSelected span.defaultText {
    width: 93%;
}

#newActivityDiv .activityField.comboBoxField .newListSelected .autoSuggestInput {
    width: calc(100% - 18px) !important;
}

#newActivityDiv .activityField img {
    display: none;
}

#newActivityDiv .activityField.description {
    width: 50%;
    float: right
}

.RTL #newActivityDiv .activityField.description {
    float: left;
}

#newActivityDiv .activityField.description > textarea {
    height: 107px;
    width: 100%;
    border-radius: 4px;
    resize: none;
}

#newActivityDiv .activityField.dateField > input {
    background-image: url("../../images/list-icon-datepicker.svg");
    background-repeat: no-repeat;
    background-position: 98% 50%;
    background-size: 16px 16px;
}

.RTL #newActivityDiv .activityField.dateField > input {
    background-position: 2% 50%;
}

#newActivityDiv .activityField.dateField > input:focus {
    background-image: url("../images/list-icon-datepicker-hover.svg");
}

#newActivityDiv .buttonsRow {
    position: relative;
    padding: 8px;
    margin: 15px 0;
}

#newActivityDiv .buttonsRow .buttonsWrapper {
    position: absolute;
    top: 0;
    right: 0;
}

.RTL #newActivityDiv .buttonsRow .buttonsWrapper {
    left: 0;
}

#newActivityDiv .buttonsRow .buttonsWrapper > * {
    font-size: 12px;
    color: #515151;
    font-family: 'ArialMT', 'Arial';
    font-weight: 400;
    display: inline-block;
    padding: 5px;
    margin: auto 12px;
    cursor: pointer;
    vertical-align: middle;
}

#newActivityDiv .buttonsRow .buttonsWrapper #addBtn {
    background-color: rgba(240, 240, 240, 1);
    border-width: 1px;
    border-style: solid;
    border-color: rgba(215, 215, 215, 1);
    border-radius: 4px;
}

.activitiesTable [data-srid] {
    height: 55px;
}

/*================select override==================*/
.grassStyle .showHideContainer select {
    font-size: 12px;
    color: #6B6B6B;
    border: none;
    background-color: transparent;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    margin-right: -16px;
    padding-right: 16px;
    cursor: pointer;
}

.RTL .grassStyle .showHideContainer select {
    margin-left: -22px;
    padding-left: 16px;
}

.grassStyle .showHideContainer select::-ms-expand {
    display: none;
}

.grassStyle .showHideContainer .smallSlc:after {
    content: "";
    background-image: url(../images/dropdown-icon.svg);
    background-repeat: no-repeat;
    background-color: white;
    display: inline-block;
    width: 12px;
    height: 6px;
    position: relative;
    top: -1px;
    right: 0px;
    pointer-events: none;
    padding-left: 21px;
    cursor: pointer;
}

.RTL .grassStyle .showHideContainer .smallSlc:after {
    left: 0px;
    right: auto;
    padding-left: initial;
    padding-right: 0px;
}

.no-pointer-events .grassStyle .smallSlc:after {
    content: none;
}

/*=============jquery tabs style override==================*/

.grassStyle div[data-tabs] .ui-state-default,
.grassStyle div[data-tabs] .ui-widget-content .ui-state-default,
.grassStyle div[data-tabs] .ui-widget-header .ui-state-default,
.grassStyle div[data-tabs].ui-widget-content,
.grassStyle div[data-tabs] .ui-widget-header {
    border: none;
    background: none;
}

.grassStyle div[data-tabs] .ui-state-active a,
.grassStyle div[data-tabs] .ui-widget-content .ui-state-active a,
.grassStyle div[data-tabs] .ui-widget-header .ui-state-active a {
    border: none;
    color: #3bb000;
    border-bottom: solid 2px #3bb000;
}

.grassStyle div[data-tabs] .ui-widget-header .ui-state-active a.allItems {
    border: none;
}

.grassStyle div[data-tabs] .ui-widget-header .ui-state-active .countLabel {
    color: #3bb000;
    border-bottom: solid 2px #3bb000;
}

.ui-widget-content .newListSelected a {
    color: #555a7c;
}

.ui-dialog.user-name-dialog {
    background: transparent;
    border: none;
}

.ui-dialog.company-name-dialog {
    background: transparent;
    border: none;
}

.grassStyle div[data-tabs] a .count {
    background-color: rgba(59, 176, 0, 1);
    border-radius: 17px;
    font-size: 12px;
    color: #FFFFFF;
    padding: 0 5px;
    margin: 0 0px 0 12px;
    min-width: 20px;
    display: inline-block;
    text-align: center;
    height: 14px;
}

.RTL .grassStyle div[data-tabs] a .count {
    margin: 0 12px 0 0;
}

.grassStyle .ui-tabs .ui-tabs-panel {
    padding: 10px 0;
}

.grassStyle .ui-tabs .ui-tabs-nav {
    padding: 0;
    height: 21px;
}

.grassStyle .ui-tabs .ui-tabs-nav li a, .grassStyle .ui-tabs .ui-tabs-nav li a .countLabel {
    padding: 0 1px;
    font-size: 12px;
    font-weight: bold;
    color: #4E4E4E;
}

.grassStyle ul.ui-tabs-nav li.ui-state-default {
    margin-right: 10px;
}

.RTL .grassStyle ul.ui-tabs-nav li.ui-state-default {
    margin-left: 10px;
    margin-right: auto;
}

.grassStyle ul.ui-tabs-nav li.ui-state-default:first-child {
    border-right: solid 1px #000;
    border-radius: 0;
    padding-right: 19px;
    height: 18px;
    padding-bottom: 1px;
    margin-right: 17px;
}

.grassStyle ul.ui-tabs-nav li.ui-state-default:last-child {
    border: none;
}

.RTL .grassStyle ul.ui-tabs-nav li.ui-state-default:first-child {
    border-left: solid 1px #000;
    padding-left: 19px;
    margin-left: 17px;
    border-right: none;
    padding-right: inherit;
    margin-right: auto;
}

.RTL .grassStyle .ui-tabs {
    direction: rtl;
}

.RTL .grassStyle .ui-tabs .ui-tabs-nav li.ui-tabs-selected,
.RTL .grassStyle .ui-tabs .ui-tabs-nav li.ui-state-default {
    float: right;
}

.RTL .grassStyle .ui-tabs .ui-tabs-nav li a {
    float: right;
}

.grassStyle ul.noteList.hide {
    display: none;
}

/*======================= ShowMessage.jsp grassStyle ======================= */

.grassStyle .Container_Header_First {
    background-image: none;
}

.grassStyle .Container_Header_Center {
    background-image: none;
    display: block;
}

.grassStyle .Container_Header_Center p {
    text-align: center;
    font-family: 'ArialMT', 'Arial';
    font-size: 13px;
    color: #75767A;
    box-sizing: border-box;
}

.grassStyle .Container_Header_Last {
    background-image: none;
}

/*============= notes============*/
.LTR .grassStyle .addNewContainer {
    position: absolute;
    right: 0;
    top: 8px;
}

.RTL .grassStyle .addNewContainer {
    position: absolute;
    left: 0;
    top: 8px;
}

.grassStyle .btnAdd {
    border: none;
    background-color: #ffffff;
    cursor: pointer;
}

.grassStyle .btnAdd.exceeded {
	cursor: default;
}

.RTL .grassStyle .btnAdd {
    float: left;
}

.grassStyle .formContainer .newActivityLink .accordion-toggle {
    margin-top: -2px;
}

.grassStyle .btnAdd .iconAdd {
    background-image: url(../icons/icon-more.svg);
    background-repeat: no-repeat;
    width: 13px;
    height: 13px;
    border-radius: 200px;
    display: inline-block;
    margin-right: 5px;
    margin-left: 5px;
    top: 2px;
    position: relative;
    left: 7px;
}

.RTL .grassStyle .btnAdd .iconAdd {
    left: 3px;
}

.grassStyle .btnAdd .captionAdd {
    color: #1f73b7;
    font-size: 12px;
    display: inline-block;
    padding-left: 5px;
}

.grassStyle ul.noteList {
    list-style-type: none;
    font-family: 'ArialMT', 'Arial';
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    margin-top: 0;
}

.grassStyle ul.noteList li {
    border-radius: 2px;
    border: solid 1px #cfcfcf;
    border-top: none;
    padding: 11px 14px 2px 14px;
}

.grassStyle ul.noteList li:nth-child(even) {
    background-color: #f2f2f2;
}

.grassStyle ul.noteList li:first-child {
    border-top: solid 1px #cfcfcf;
}

.grassStyle ul.noteList li:hover {
    background-color: #ddd;
}

.RTL .grassStyle ul.noteList li {
}

.grassStyle .grassTable tr.activityOpener {
    display: none;
}

.grassStyle .opener,
.grassTable tbody tr:hover .activityOpener {
    background-image: url("../../images/view-icon.svg");
    background-repeat: no-repeat;
    height: 11px;
    cursor: pointer;
    position: relative;
    z-index: 300;
}

.grassTable tbody tr:hover .activityOpener {
    background-image: url("../../images/view-icon-hover.svg");
}

#popup1, #popup2, #popup3, #popup4 {
    z-index: 400;
}

.grassStyle ul.noteList .opener {
    height: 12px;
    margin-top: 13px;
    width: 20px;
    vertical-align: top;
    background-position: center;
    background-size: 18px 18px;
    margin-right: 25px;
    display: inline-block;
}

.grassStyle ul.noteList .details {
    width: 10%;
    display: inline-block;
    vertical-align: top;
}

.grassStyle ul.noteList .contentWrapper {
    display: inline-block;
    width: calc(90% - 4px);
    vertical-align: top;
}

.grassStyle ul.noteList .contentWrapper .content {
    height: 40px;
    width: calc(100% - 65px);
    display: inline-block;
    margin: 0;
    vertical-align: top;
    white-space: normal;
    vertical-align: top;
}

.grassStyle ul.noteList .content, .grassStyle ul.noteList .dt {
    font-weight: 400;
}

.grassStyle ul.noteList .dt {
    width: 100%;
}

.grassStyle ul.noteList li a.note {
    text-decoration: none;
    display: block;
}

[data-notes].grassStyle a.note .details .bold.truncate {
    margin-bottom: -5px;
}

[data-notes].grassStyle a.note .details .bold.truncateCsvToUpload { /* to csv upload */
	margin-bottom: -5px;
}

.grassStyle ul.noteList li.selectedNote, .grassStyle .grassTable tr.selectedRow {
    background-color: #ddd;
}

.grassStyle ul.noteList li.selectedNote .opener,
.grassStyle .grassTable tr.selectedRow .opener {
    background-image: url("../../images/view-icon-hover.svg");
}

.grassStyle ul.noteList .empty {
    width: 100%;
    text-align: center;
    font-size: 16px;
    color: #797979;
}

.grassStyle #allNotes {
    height: auto;
    max-height: 574px;
    overflow: auto;
}

.ui-dialog .ui-dialog-content.hintPopup {
    --outline: solid 1px red;
    padding: 7px 30px;
    background-color: transparent;
    display: none;
}

.hintPopupWrapper {
    background: #f9f9f9;
    font-family: 'ArialMT', 'Arial';
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    line-height: 18px;
    color: #333333;
    width: 428px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 15px 1px rgba(153, 153, 153, 0.75);
    -moz-box-shadow: 0px 0px 15px 1px rgba(153, 153, 153, 0.75);
    box-shadow: 0px 0px 15px 1px rgba(153, 153, 153, 0.75);
    padding: initial;
}

.hintPopupWrapper .user {
    font-size: 20px;
    padding: 19px 26px 0 26px;
    line-height: 1.3em;
}

.hintPopupWrapper .dt {
    font-size: 12px;
    padding: 11px 26px 12px 26px;
}

.hintPopupWrapper .content {
    border-top: solid 1px #999999;
    padding: 10px;
    margin-top: 0;
    word-break: break-word;
    white-space: pre;
}

.hintPopupWrapper .content textarea {
    resize: none;
    border: none;
    background: #f9f9f9;
    width: 100%;
    height: 210px;
}

#SRedit_body [aria-describedby="notePopup"] .ui-dialog-titlebar,
#SRedit_body [aria-describedby="hintPopup"] .ui-dialog-titlebar,
#SRedit_body .ui-dialog.ui-widget.ui-widget-content .ui-dialog-titlebar,
#SRedit_body #notePopup,
#SRedit_body #hintPopup,
#SRedit_body .userDialog {
    display: none;
}

#UserEdit_body .userDialog {
    display: none;
}

#EndUserEdit_body .userDialog {
    display: none;
}

#CompanyEdit_body .userDialog {
    display: none;
}

#SRedit_body [aria-describedby="notePopup"].ui-widget-content,
#SRedit_body [aria-describedby="hintPopup"].ui-widget-content,
#SRedit_body .ui-dialog.ui-widget.ui-widget-content.user-dialog,
#SRedit_body .ui-dialog.ui-widget.ui-widget-content {
    border: none;
    background-color: transparent;
    background: none;
}

#SRedit_body .ui-front {
    z-index: 400;
}

#SRedit_body .ui-front[aria-describedby="notePopup"],
#SRedit_body .ui-front[aria-describedby="hintPopup"] {
    z-index: 200;
}

/************user details dialog style***********/

#SRedit_body .ui-dialog .userDialog {
    background-color: transparent;
    display: none;
}

.userDialog .hintPopupWrapper .userDetails .header {
    border-bottom: solid 1px #cfcfcf;
    padding: 10px;
}

.userDialog .hintPopupWrapper .userDetails .details {
    padding: 10px;
}

.userDialog .hintPopupWrapper .userDetails .footer {
    padding: 10px;
}

.userControlWrapper {
    position: relative;
}

.userDialog .hintPopupWrapper {
    width: 321px;
}

.userDialog .hintPopupWrapper . {
    width: 321px;
}

.userDialog .header {
    display: table;
    width: 100%;
    height: 76px;
    padding: 16px 0 16px;
}

.userDialog .header .imageContainer {
    width: 30%;
    display: table-cell;
    padding: 0 10px;
}

.userDialog .header .imageContainer .avatar {
    background-color: #787878;
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
    border-radius: 100px;
    width: 55px;
    height: 55px;
    line-height: 56px;
    text-align: center;
    position: relative;
    background-size: contain;
    background-position: center;
}

.userDialog .header .imageContainer .indicator {
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 12px;
    width: 12px;
    height: 12px;
}

.userDialog .header .descriptionContainer {
    display: table-cell;
    vertical-align: middle;
}

.userDialog .header .descriptionContainer .name {
    font-size: 18px;
    color: #4a4a4a;
}

.userDialog .header .descriptionContainer .title {
    font-size: 12px;
    height: 16px;
    color: #979797;
}

.userDialog .header .descriptionContainer .action button {
    color: #1f73b7;
    font-size: 11px;
    padding: 0;
    background: transparent;
    border: none;
    cursor: pointer;
}

.userDialog .footerBtn {
    width: 100%;
    background: #e6e4e4;
    border: solid 1px #e6e4e4;
    border-radius: 10px;
    font-family: Arial;
    font-size: 11px;
    color: #4a4a4a;
    padding-top: 5px;
    padding-bottom: 5px;
    cursor: pointer;
}

.userDialog .footerBtn:hover {
    border: solid 1px #aeaeae;
}

.userDialog .detailRow {
    widht: 100%;
    display: block;
}

.userDialog .detailLabel {
    display: inline-block;
    width: 30%;
    padding: 0 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.userDialog .detailLabel label {
    color: #787878;
    font-size: 12px;
}

.userDialog .detailValue {
    display: inline-block;
}

.userDialog .detailValue a {
    text-decoration: none;
}

.userDialog .detailValue a.detailLink {
    color: #1f73b7;
}

.userDialog .detailValue a.detailTel {
    color: #4a4a4a;
}

.controlWrapper button.linkBtn,
.userDialog button.linkBtn {
    color: #1f73b7;
    background-color: transparent;
    border: none;
    display: inline-block;
    cursor: pointer;
}

.userDialog button.linkBtn {
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 9px;
    padding-left: 12px;
}

.RTL .userDialog button.linkBtn {
    background-position: right center;
    padding-right: 12px;
}

.userDialog button.linkBtn:disabled {
    color: #9d9c9c;
    cursor: default;
}

.userDialog .avatar:before {
    content: '';
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 13px;
    height: 13px;
    background-size: 100%
}

.RTL .userDialog .avatar:before {
    right: 42px;
}

.userDialog button.linkBtn.offline,
.userDialog .avatar.offline:before {
    background-image: url(../images/offline.svg);
}

.userDialog button.linkBtn.online,
.userDialog .avatar.online:before {
    background-image: url(../images/online.svg);
}

/************end user details dialog style***********/

/*============= lists action panel ============*/
.lists-actions-wrapper {
    font-size: 14px;
    font-family: 'Helvetica-Bold', 'Helvetica Bold', 'Helvetica';
    display: flex;
    height: 34px;
    padding-top: 2px;
}

.lists-actions-wrapper input[type="button"] {
    min-width: 93px;
    text-align: center;
    vertical-align: middle;
    height: 28px;
    background-color: #ffffff;
    border: 1px #9b9b9b solid;
    margin: 0 10px 0 0;
    padding: 0 30px;
    color: #000;
    cursor: pointer;
    border-radius: 4px;
}

.LTR .lists-actions-wrapper #lists-actions-button-set {
    border-radius: 0 4px 4px 0;
}

.RTL .lists-actions-wrapper #lists-actions-button-set {
    border-radius: 4px 0 0 4px;
}

.lists-actions-wrapper #lists-actions-button-set:hover {
    background-color: #f2f2f2;
}

.lists-actions-wrapper input[type="button"]:hover {
    border: 1px #000 solid;
}

.lists-actions-wrapper .buttons-wrapper {
    padding: 0;
    margin: 0 -10px;
}

.lists-actions-wrapper .selects-wrapper {
    border: 1px #bcbcbc solid;
    color: #797979;
    height: 26px;
    border-radius: 4px;
}

.lists-actions-wrapper .select-title {
    float: left;
    padding: 1px 2px 0 30px;
    line-height: 24px;
    color: #797979;
}

.RTL .lists-actions-wrapper .select-title {
    float: right;
    padding: 0 30px 0 2px;
}

.lists-actions-wrapper .buttons-wrapper input[type="button"] {
    margin: 0 0 0 10px;
}

.RTL .lists-actions-wrapper .buttons-wrapper input[type="button"] {
    margin: 0 10px 0 0;
}

.lists-actions-wrapper .selects-wrapper input[type="button"] {
    border: 0;
    margin: 0;
    height: 24px;
}

.lists-actions-wrapper .selects-wrapper .select-container {
    float: left;
    padding: 0 2px;
    line-height: 24px;
    border-right: 1px #bcbcbc solid;
}

.RTL .lists-actions-wrapper .selects-wrapper .select-container {
    float: right;
    border-right: 0;
    border-left: 1px #bcbcbc solid;
}

.lists-actions-wrapper .selects-wrapper .select-container select {
    border: 0;
    color: #797979;
}

.lists-actions-wrapper img.more-actions {
    float: left;
    width: 20px;
    margin-left: 15px;
    cursor: pointer;
    margin-top: 3px;
}

.RTL .lists-actions-wrapper img.more-actions {
    float: right;
    margin-right: 15px;
}

.lists-actions-wrapper .more-actions-wrapper {
    position: relative;
}

.lists-actions-wrapper .hide {
    display: none;
}

.lists-actions-wrapper .more-actions-popup {
    position: absolute;
    border: 1px #f2f2f2 solid;
    color: #556;
    width: 240px;
    font-size: 14px;
    background-color: #fff;
    z-index: 40000;
    box-shadow: 0 0 12px #bababa;
    border-radius: 3px;
    top: 15px;
}

.LTR .lists-actions-wrapper .more-actions-popup {
    right: -247px;
}

.RTL .lists-actions-wrapper .more-actions-popup {
    left: -240px;
}

.lists-actions-wrapper .more-actions-popup ul {
    clear: both;
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.RTL .lists-actions-wrapper .more-actions-popup ul {
    padding-right: 0;
}

.lists-actions-wrapper .more-actions-popup ul > li {
    line-height: 25px;
}

.lists-actions-wrapper .more-actions-popup ul > li p {
    padding: 0 20px;
    margin: 4px auto;
    font-size: 13px;
}

.lists-actions-wrapper .more-actions-popup ul > li:hover {
    background-color: #e4e4e4;
    font-weight: 400;
    cursor: pointer;
}

div.controls.controls {
    padding-top: 0;
    border-top: 1px #aaaaaa solid;
}

div.controls button {
    border: none;
    background-color: transparent;
    cursor: pointer;
    line-height: 2em;
    font-size: 12px;
    color: #1f73b7;
    margin: 4px;
}

.RTL div.controls button {
    float: none;

}

.listCloseWrapper {
    background: url(../../images/close-icon.svg) center left no-repeat;
    background-size: 0.9em;
    height: 20px;
    background-color: #1f73b7;
    color: #ffffff;
    font-weight: 700;
    visibility: hidden;
    border: none;
    float: right;
    margin-right: -19px;
    margin-top: 2px;
    cursor: pointer;
    width: 20px !important;
}

.RTL .listCloseWrapper {
    float: left;
}

.listCustomViewItem {
    float: left;
    width: 100%;
    margin-left: -19px;
    text-align: left;
    padding-left: 19px;
}

.RTL .listCustomViewItem {
    float: right;
    width: 100%;
    margin-right: -19px;
    text-align: right;
    padding-right: 19px;
}

.listCustomViewItem, listCloseWrapper {
    border: none;
    background: transparent;
    display: inline-block;
    line-height: 20px;
}

.breadcrumbs-wrapper .breadcrumbs-wrapper-content .breadcrumbs-wrapper-content-popup ul > li:hover .listCloseWrapper {
    visibility: visible;
}

/*combox*/

.lists-actions-wrapper .selects-wrapper .select-container .hiddendropdown.hover .newListSelected,
.lists-actions-wrapper .selects-wrapper .select-container .hiddendropdown.opened .newListSelected,
.lists-actions-wrapper .selects-wrapper .select-container .hiddendropdown.formField .newListSelected,
.lists-actions-wrapper .selects-wrapper .select-container .hiddendropdown.multipleSelectionInList .newListSelected {
    background: url(../images/combobox-new.gif) top left no-repeat;
}

.RTL .lists-actions-wrapper .selects-wrapper .select-container .hiddendropdown.hover .newListSelected,
.RTL .lists-actions-wrapper .selects-wrapper .select-container .hiddendropdown.opened .newListSelected,
.RTL .lists-actions-wrapper .selects-wrapper .select-container .hiddendropdown.formField .newListSelected,
.RTL .lists-actions-wrapper .selects-wrapper .select-container .hiddendropdown.multipleSelectionInList .newListSelected {
    background: url(../images/combobox-new.gif) top right no-repeat;
}

.lists-actions-wrapper .selects-wrapper .select-container .hiddendropdown.hover .newListSelected .selectedTxt,
.lists-actions-wrapper .selects-wrapper .select-container .hiddendropdown.opened .newListSelected .selectedTxt,
.lists-actions-wrapper .selects-wrapper .select-container .hiddendropdown.formField .newListSelected .selectedTxt,
.lists-actions-wrapper .selects-wrapper .select-container .hiddendropdown.multipleSelectionInList .newListSelected .selectedTxt {
    background: url(../images/combobox-new.gif) top right no-repeat;

}

.RTL .lists-actions-wrapper .selects-wrapper .select-container .hiddendropdown.hover .newListSelected .selectedTxt,
.RTL .lists-actions-wrapper .selects-wrapper .select-container .hiddendropdown.opened .newListSelected .selectedTxt,
.RTL .lists-actions-wrapper .selects-wrapper .select-container .hiddendropdown.formField .newListSelected .selectedTxt,
.RTL .lists-actions-wrapper .selects-wrapper .select-container .hiddendropdown.multipleSelectionInList .newListSelected .selectedTxt {
    background: url(../images/combobox-new.gif) top left no-repeat;
}

.lists-actions-wrapper .selects-wrapper .select-container .newListSelected {
    background: url(../images/combobox-new.gif) top left no-repeat;
}

.lists-actions-wrapper .selects-wrapper .select-container .newListSelected .containerContentDiv {
    min-width: 170px;
}

.LTR .lists-actions-wrapper .selects-wrapper .select-container .newListSelected .containerContentDiv {
    left: -3px
}

.RTL .lists-actions-wrapper .selects-wrapper .select-container .newListSelected .containerContentDiv {
    right: -3px
}

.RTL .lists-actions-wrapper .selects-wrapper .select-container .newListSelected {
    background: url(../images/combobox-new.gif) top right no-repeat;
}

.lists-actions-wrapper .selects-wrapper .select-container .newListSelected .selectedTxt {
    background: url(../images/combobox-new.gif) top right no-repeat;
}

.RTL .lists-actions-wrapper .selects-wrapper .select-container .newListSelected .selectedTxt {
    background: url(../images/combobox-new.gif) top left no-repeat;
}

/* list actions bar */
#actions_bar {
	margin-top: 10px;
    margin-bottom: 5px;
}

.LTR #actions_bar .actions_bar_wrapper {
    margin-right: 15px;
    position: relative;
}

.RTL #actions_bar .actions_bar_wrapper {
    margin-left: 15px;
    position: relative;
}

.LTR #actions_bar .actions_bar_wrapper {
    float: left;

}

.LTR #actions_bar #weight_wrapper {
    margin-right: 0;
}

.RTL #actions_bar #weight_wrapper {
    margin-left: 0;
}

.RTL #actions_bar .actions_bar_wrapper {
    float: right;

}

#actions_bar .actions_bar_wrapper INPUT[type=text] {
    border: 1px #bcbcbc solid;
    border-radius: 3px 0 0 3px;
}

.RTL #actions_bar .actions_bar_wrapper INPUT[type=text] {
    border-radius: 0 3px 3px 0;
}

#actions_bar .actions_bar_wrapper #search_button_wrapper {
    border-radius: 0 3px 3px 0;
}

.RTL #actions_bar .actions_bar_wrapper #search_button_wrapper {
    border-radius: 3px 0 0 3px;
    border-right: 0;
}

#actions_bar #searchField,
#actions_bar #search_button_wrapper {
    height: 30px;
    vertical-align: middle;
}

#actions_bar #searchField {
    padding: 5px;
    width: 250px;
}

#actions_bar .advanced_filters_header {
    font-weight: bold;
    text-decoration: underline;
}

.LTR #actions_bar .advanced_filters_header {
    float: left;
    padding-left: 20px;
}

.RTL #actions_bar .advanced_filters_header {
    float: right;
    padding-right: 15px;
}

.LTR #actions_bar #advanced_filters_edit {
    float: right;
    padding-right: 15px;
    font-size: 11px;
}

.RTL #actions_bar #advanced_filters_edit {
    float: left;
    padding-left: 15px;
    font-size: 11px;
}

#actions_bar .filters_header_action {
    cursor: pointer;
    color: #3bb000;
}

#actions_bar .filters_header_action.disabled {
    cursor: default;
    color: lightgray;
}

.LTR #actions_bar .filters_header_action {
    float: right;
    padding-right: 15px;
    font-size: 11px;
}

.RTL #actions_bar .filters_header_action {
    float: left;
    padding-left: 15px;
    font-size: 11px;
}

#actions_bar #selected_filters_section {
    border-bottom: 1px solid lightgray;
    margin-bottom: 10px;
}

#actions_bar #search_wrapper div {
    display: inline-block;
}

#actions_bar #search_button_wrapper {
    margin-left: -1px;
}

#actions_bar #search_button_wrapper,
#actions_bar #advanced_filters_toggle,
#actions_bar #weight_toggle {
    height: 30px;
    width: 30px;
    border: 1px #bcbcbc solid;
    padding: 4px;
    cursor: pointer;
    background-color: #ffffff;
    border-radius: 3px;
}

#ListContentDivOld #actions_bar #date_search_toggle {
    border: none;
    height: 28px;
    width: 30px;
    padding: 4px;
    cursor: pointer;

}

.LTR #ListContentDivOld #actions_bar #date_search_toggle #advanceDateSearchId IMG {
    position: relative;
    left: 1px;
}

.RTL #ListContentDivOld #actions_bar #date_search_toggle #advanceDateSearchId IMG {
    position: relative;
    right: 1px;
}

#actions_bar #search_button_wrapper img,
#actions_bar #date_search_toggle img,
#actions_bar #advanced_filters_toggle img {
    height: 20px;
    width: 20px;
}

.LTR #actions_bar #date_search_toggle,
.LTR #actions_bar #addFields {
    float: left;
}

.RTL #actions_bar #date_search_toggle,
.RTL #actions_bar #addFields {
    float: right;
}

#actions_bar #addFields table {
    height: 29px;
}

.LTR #actions_bar #addFields table {
    border-left: 1px #bcbcbc solid;

}

.RTL #actions_bar #addFields table {
    border-right: 1px #bcbcbc solid;

}

#actions_bar #addFields #data_search_label {
    padding: 0 5px;
}

#actions_bar #addFields #dateTypeAjax {
    margin-left: 10px;
}

#actions_bar #addFields #dateTypeAjax,
#actions_bar #addFields #fromDateAjax,
#actions_bar #addFields #toDateAjax {
    height: 25px;
    padding: 0;
    border: 1px #bcbcbc solid;
}

#actions_bar #addFields #dateTypeAjax {
    min-width: 120px;
}

#actions_bar #addFields #dateTypeAjax option {
    padding: 0 15px;
}

input::-ms-clear {
    display: none;
    height: 0;
    width: 0;
}

#actions_bar #addFields #fromDateAjax,
#actions_bar #addFields #toDateAjax {
    background-image: url("../images/list-icon-datepicker.svg");
    background-repeat: no-repeat;
    background-size: 14px 14px;
}

.LTR #actions_bar #addFields #fromDateAjax,
.LTR #actions_bar #addFields #toDateAjax {
    background-position: 99%;
    padding-left: 5px;
    padding-right: 10px;
}

.RTL #actions_bar #addFields #fromDateAjax,
.RTL #actions_bar #addFields #toDateAjax {
    background-position: 1%;
    padding-right: 5px;
    padding-left: 10px;
}

#actions_bar #addFields #fromDateAjax:focus,
#actions_bar #addFields #toDateAjax:focus {
    background-image: url("../images/list-icon-datepicker-hover.svg");
}

#actions_bar #addFields select option[disabled] {
    display: none;
}

#actions_bar #more_actions_toggle {
    padding-top: 6px;
    background-color: transparent;
    height: 30px;
    cursor: pointer;
    margin: 0 10px;
}

.LTR #actions_bar #more_actions_toggle {
    margin-left: 10px;
}

.RTL #actions_bar #more_actions_toggle {
    margin-right: 10px;
}

.clearfix {
    float: none;
    clear: both;
}

.svg-alert-icon {
    padding: 0;
    height: 10px;
}

.svg-type-icon {
    padding: 0;
    height: 12px;
}

#actions_bar INPUT {
    vertical-align: unset;
}

#actions_bar #more_actions_content, #more-actions-records, div[moreActionsRecords], div[filterSortByRecords] {
    display: block;
}

#actions_bar #more_actions_content.hide, #more-actions-records.hide, div[moreActionsRecords].hide, div[filterSortByRecords].hide {
    display: none;
}

#actions_bar #advanced_filters_content {
    display: block;
}

#actions_bar #advanced_filters_content.hide {
    display: none;
}

#actions_bar #more_actions_content, #actions_bar #advanced_filters_content, #more-actions-records, div[moreActionsRecords], div[filterSortByRecords] {
    position: absolute;
    top: 33px;
    border: 1px #aaa solid;
    color: #556;
    max-width: 540px;
    font-size: 14px;
    background-color: #fff;
    z-index: 40000;
    border-radius: 4px;
    box-shadow: 0 0 12px rgba(102, 102, 102, 0.5);
}

#more-actions-records, div[moreActionsRecords], div[filterSortByRecords] {
	margin-top: 5px;
}

#actions_bar #more_actions_content {
    min-width: 12vw;
}

.LTR #actions_bar ul, .LTR #more-actions-records ul, .LTR div[moreActionsRecords] ul, .LTR div[filterSortByRecords]{
    clear: both;
    list-style: none;
    padding-left: 0;
    margin: 0;

}

.RTL #actions_bar ul, .RTL #more-actions-records ul, .RTL div[moreActionsRecords] ul, .RTL div[filterSortByRecords] ul {
    clear: both;
    list-style: none;
    padding-right: 0;
    margin: 0;
    direction: rtl;
}

.LTR #actions_bar #selected_filters_list {
    padding-left: 10px;
}

.RTL #actions_bar #selected_filters_list {
    padding-right: 10px;
}

.LTR #actions_bar #advanced_filters_list {
    padding-left: 10px;
}

.RTL #actions_bar #advanced_filters_list {
    padding-right: 10px;
}

#actions_bar li, #more-actions-records li, div[moreActionsRecords] li, div[filterSortByRecords] li{
    line-height: 25px;
    cursor: pointer;
}

#actions_bar li p, #more-actions-records li p, div[moreActionsRecords] li p, div[filterSortByRecords] li p{
    padding: 0 20px;
    margin: 4px auto;
    font-size: 13px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#actions_bar li p.disabled, #more-actions-records li p.disabled, div[moreActionsRecords] li p.disabled, div[filterSortByRecords] li p.disabled {
    color: lightgrey;
    cursor: default;
}

#actions_bar #advanced_filters_content {
    padding: 8px 0px;
    margin: 4px auto;
    font-size: 14px;
    width: 300px;
}

#actions_bar #more_actions_list, #more-actions-records #more_actions_list, div[moreActionsRecords] #more_actions_list, div[filterSortByRecords] #filter-sort-by-options {
    margin: 0;
}

#actions_bar #more_actions_list li:hover, #more-actions-records #more_actions_list li:hover, div[moreActionsRecords] #more_actions_list li:hover, div[filterSortByRecords] #filter-sort-by-options li:hover {
    background-color: #e4e4e4;
    font-weight: 400;
    cursor: pointer;
}

/*#actions_bar #more_actions_list li:hover p {*/
/*color: #ffffff;*/
/*}*/

/*#ListContentDivOld {*/
/*background-color: #f2f2f2;*/
/*}*/

.helpDeskBody {
    background-color: #f2f2f2 !important;
}

#actions_bar .pagination_section {
    float: left;
    display: flex;
}

#actions_bar .pagination_section #pagination_toggle .morePagesIcon {
    background-image: url(../../css/pager/images/facelifting/i-pagination.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 12px 12px;
    width: 12px;
    height: 12px;
    margin: 0 5px;
}

#actions_bar .pagination_section #pagination_toggle .morePagesIcon .tooltipWrapper {
    display: none;
    background-color: #787878;
    position: absolute;
    width: max-content;
    width: -moz-max-content;
    padding: 12px;
    border-radius: 4px;
    font-family: Arial;
    font-size: 11px;
    color: #ffffff;
    top: 30px;
    height: 6em;
    z-index: 100;
}

.LTR #actions_bar .pagination_section #pagination_toggle .morePagesIcon .tooltipWrapper {
    right: -15px;
}

.RTL #actions_bar .pagination_section #pagination_toggle .morePagesIcon .tooltipWrapper {
    left: -15px;
}

#actions_bar .pagination_section #pagination_toggle .morePagesIcon:hover .tooltipWrapper {
    display: block;
}

#actions_bar .pagination_section #pagination_toggle .morePagesIcon .tooltipContent {
    color: inherit;
    width: 320px;

}

#actions_bar .pagination_section #pagination_toggle .morePagesIcon .triangle {
    width: 10px;
    height: 10px;
    transform: rotate(45deg);
    background-color: inherit;
    position: absolute;
    top: -2px;
}

.LTR #actions_bar .pagination_section #pagination_toggle .morePagesIcon .triangle {
    right: 15px;
}

.RTL #actions_bar .pagination_section #pagination_toggle .morePagesIcon .triangle {
    left: 105px;
}

#actions_bar #previous_btn, #actions_bar #next_btn, #actions_bar #previous_btn {
    cursor: pointer;
    width: 8px;
    position: relative;
    top: 1px;
}

#actions_bar #previous_btn.disable, #actions_bar #next_btn.disable {
    cursor: default;
}

.LTR #actions_bar #previous_btn {
    right: 15px;
}

.RTL #actions_bar #previous_btn {
    left: -15px;
}

.LTR #actions_bar #next_btn {
    left: 15px;
}

.RTL #actions_bar #next_btn {
    right: -20px;
}

#actions_bar #pagination_content {
    position: absolute;
    top: 20px;
    border: 1px #aaa solid;
    color: #556;
    max-width: 540px;
    font-size: 14px;
    background-color: #fff;
    z-index: 40000;
    min-width: 8vw;
    border-radius: 4px;
    box-shadow: 0 0 12px rgba(102, 102, 102, 0.5);
}

#actions_bar #pagination_content {
    display: block;
}

.LTR #actions_bar #pagination_content {
    right: 0;
}

.RTL #actions_bar #pagination_content {
    left: 0;
}

#actions_bar #pagination_content.hide {
    display: none;
}

#actions_bar #pagination_text_content_wrapper {
    position: relative;
    float: left;
    direction: ltr;
}

#actions_bar #pagination_toggle {
    color: #3bb000;
    cursor: pointer;
    position: relative;
    display: flex;
    padding: 0 5px;
}

#actions_bar #pagination_content p.disabled, #actions_bar #pagination_content li:hover p.disabled {
    color: lightgrey;
}

#actions_bar #pagination_content li.disabled:hover {
    cursor: default;
}

#actions_bar #pagination_content li:hover {
    background-color: #e4e4e4;
    font-weight: 400;
    cursor: pointer;
}

/*#actions_bar #pagination_content li:hover p {*/
/*color: #ffffff;*/
/*}*/

#actions_bar #date_search_wrapper {
    background-color: #ffffff;
    border: 1px #bcbcbc solid;
    border-collapse: separate;
    border-radius: 3px;
}

#actions_bar #pagination_wrapper {
    padding-top: 10px;
}

.LTR #actions_bar #pagination_wrapper {
    float: right;
    padding-right: 15px;
}

.RTL #actions_bar #pagination_wrapper {
    float: left;
    padding-left: 15px;
}

#actions_bar #date_search_btn {
    margin: 0 10px;
    color: #3bb000;
    text-decoration: none;
    font-weight: normal;
}

/***********top Panel *****************/

.topPanel .FitToContent {
    padding-bottom: 10px;
}

.topPanel .row {
    display: block;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 4px;
    height: 70px;
    width: calc(80vw - 110px);
}

.topPanel .controlWrapper {
    display: inline-block;
    width: 33.3333%;
    vertical-align: text-top;
}

.controlWrapper label {
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    color: #4a4a4a;
    margin-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    width: 300px;

}

.controlWrapper .requiredControl,
.controlWrapper .warningControl {
    color: #c53f52;
    margin: 3px;
}

/**************input style***********************/

.controlWrapper input[type="text"],
.controlWrapper input[type="password"],
.controlWrapper input[type="tel"],
.controlWrapper input[type="number"],
.controlWrapper input[readonly].notReadonly,
.controlWrapper select.controlSelect {
    border: 1px solid #cfcfcf;
    height: 21px;
    padding: 3px 8px 0;
    width: 300px;
    height: 34px;
    border-radius: 3px;
    font-family: Arial;
    font-size: 13px;
    font-weight: normal;
    color: #4a4a4a;
}

.controlWrapper input[readonly],
.controlWrapper input[disabled],
.controlWrapper input[readonly]:hover,
.controlWrapper input[readonly]:focus,
.controlWrapper input[disabled]:hover {
    border: 1px solid #cfcfcf;
    background-color: #f1f1f1;
}

.controlWrapper input[readonly].notReadonly,
.controlWrapper input[readonly].notReadonly:hover,
.controlWrapper input[readonly].notReadonly:focus {
    background-color: #ffffff;
}

.controlWrapper input:focus:focus,
.controlWrapper select.controlSelect:focus,
.controlWrapper input[readonly].notReadonly:focus {
    border: 1px solid #3bb000;
}

.controlWrapper input:hover,
.controlWrapper select.controlSelect:hover,
.controlWrapper input[readonly].notReadonly:hover {
    border: 1px solid #787878;
}

/********************datepicker override************************/
.controlWrapper .grassDatePicker input.hasDatepicker {
    background-image: url(../images/list-icon-datepicker.svg);
    background-repeat: no-repeat;
    background-size: 14px 14px;
    background-position: 98% center;
}

.RTL .controlWrapper .grassDatePicker input.hasDatepicker {
    background-position: 2% center;
}

.controlWrapper .grassDatePicker input.hasDatepicker:focus {
    background-image: url(../images/list-icon-datepicker-hover.svg);
}

/********************datepicker override************************/
.controlWrapper input.hasDatepicker {
    background-image: url(../images/list-icon-datepicker.svg);
    background-repeat: no-repeat;
    background-size: 14px 14px;
    background-position: 98% center;
}

.RTL .controlWrapper input.hasDatepicker {
    background-position: 2% center;
}

.controlWrapper input.hasDatepicker:focus {
    background-image: url(../images/list-icon-datepicker-hover.svg);
}

.controlWrapper .tcalIcon {
    visibility: hidden;
}

/********************end datepicker override************************/

/**************combobox style override***********************/

/*width for use in triplets */
.controlWrapper .newListSelected {
    width: 300px;
}

.controlWrapper .controlContainer .Category3Parts .formField .newListSelected {
    width: 300px;
}

.controlWrapper .newListSelected input.autoSuggestInput[style] {
    width: 270px !important;
}

#bottomPanelDiv .controlTable .Category3Parts .CategoryLabel {
    width: calc((80vw - 110px) / 3);
}

.controlWrapper .controlContainer .Category3Parts {
    display: block;
}

/*width of #top_bottom_container -  inner paddings and margins*/
.controlWrapper .controlContainer .controlTable.grass3Column .Category3Parts,
#bottomPanelDiv .controlTable .Category3Parts {
    width: calc(80vw - 110px);
    padding: 0;
}

.controlWrapper .controlContainer .controlTable.grass2Column .Category3Parts {
    width: calc((80vw - 110px) * (2 / 3));
}

.controlWrapper .controlContainer .controlTable.grass3Column .Category3Parts .CategoryLabel,
.controlWrapper .controlContainer .controlTable.grass2Column .Category3Parts .CategoryLabel {
    width: calc((80vw - 110px) / 3);
}

.controlWrapper .controlContainer .Category3Parts.Category3Parts tr {
    width: 100%;
}

.controlWrapper .controlContainer .Category3Parts .CategoryLast {
    display: none;
}

.controlWrapper .newListSelected {
    line-height: 24px;
    border: 1px solid #dedede;
    border-radius: 3px;
    padding-left: 8px;
    height: 34px;
}

.controlWrapper .newListSelected:hover {
    border: 1px solid #787878;
}

.controlWrapper .newListSelected .scroll_pane {
    border-radius: 3px;
}

.controlWrapper .hiddendropdown.opened .newListSelected.OpenedDown,
.controlWrapper .hiddendropdown.opened .newListSelected.OpenedUp,
.controlWrapper .newListSelected:focus,
.controlWrapper .newListSelected .scroll_pane {
    border: 1px solid #3bb000;

}

.controlWrapper .newListSelected .selectedTxt {
    height: 34px;
    margin-left: -3px;
    margin-right: 4px;
    padding-left: 8px;
}

.controlWrapper span.defaultText {
    line-height: 34px;
    width: 257px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

.RTL .controlWrapper .hiddendropdown.hover .newListSelected .selectedTxt,
.RTL .controlWrapper .hiddendropdown.opened .newListSelected .selectedTxt,
.RTL .controlWrapper .hiddendropdown.formField .newListSelected .selectedTxt,
.RTL .controlWrapper .hiddendropdown.multipleSelectionInList .newListSelected .selectedTxt,
.controlWrapper .hiddendropdown.hover .newListSelected .selectedTxt,
.controlWrapper .hiddendropdown.opened .newListSelected .selectedTxt,
.controlWrapper .hiddendropdown.formField .newListSelected .selectedTxt,
.controlWrapper .hiddendropdown.multipleSelectionInList .newListSelected .selectedTxt {
    background: url(../images/ddl.png) center right no-repeat;
}

.RTL .controlWrapper .hiddendropdown.hover .newListSelected .selectedTxt,
.RTL .controlWrapper .hiddendropdown.opened .newListSelected .selectedTxt,
.RTL .controlWrapper .hiddendropdown.formField .newListSelected .selectedTxt,
.RTL .controlWrapper .hiddendropdown.multipleSelectionInList .newListSelected .selectedTxt {
    background-position-x: left;
}

.controlWrapper .newListSelected input.autoSuggestInput,
.controlWrapper .newListSelected input.autoSuggestInput:hover,
.controlWrapper .newListSelected input.autoSuggestInput:focus {
    border: none;
    height: 26px;
}

.RTL .controlWrapper .hiddendropdown.hover .newListSelected,
.RTL .controlWrapper .hiddendropdown.opened .newListSelected,
.RTL .controlWrapper .hiddendropdown.formField .newListSelected,
.RTL .controlWrapper .hiddendropdown.multipleSelectionInList .newListSelected,
.controlWrapper .hiddendropdown.hover .newListSelected,
.controlWrapper .hiddendropdown.opened .newListSelected,
.controlWrapper .hiddendropdown.formField .newListSelected,
.controlWrapper .hiddendropdown.multipleSelectionInList .newListSelected {
    background: none;
}

.controlWrapper .formField .jScrollPaneContainer {
    min-width: 300px;
    left: -1px;
}

.RTL .controlWrapper .formField .jScrollPaneContainer {
    left: 0px;
}

.controlWrapper .newListSelected .scroll_pane {
    border: 1px solid #3bb000;
}

.controlWrapper .newListSelected ul {
    margin-top: 0;
}

.controlWrapper .newListSelected ul li:not(.newListOptionTitle):hover {
    background-color: #f0f0f0;
}

.controlWrapper .newListSelected .addedDescription {
    border: 1px solid #3bb000;
    border-top: 1px solid #cfcfcf;
    left: -1px;
    top: -1px;
    z-index: 1100;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.controlWrapper .newListSelected .addedDescription a::before {
    background: url(../images/search_icon_green.svg) top right no-repeat;
    width: 15px;
    height: 15px;
    content: ' ';
    display: inline-block;
    position: relative;
    top: 4px;
    margin-right: 5px;
}

.RTL .controlWrapper .newListSelected .addedDescription a::before {
    margin-left: 3px;
    margin-right: auto;
}

.controlWrapper .dropdown-wrapper {
    --margin-left: 3px;
}

.controlWrapper .OpenedDown .containerContentDiv[style] {
    top: 37px !important;
}

.controlWrapper .controlContainer .Category3Parts .CategoryLabel {
    padding-left: 0;
    cursor: default;
}

.controlWrapper .controlContainer .selectedTxt.disable.disable,
.RTL .controlWrapper .controlContainer .selectedTxt.disable.disable {
    background: #f1f1f1;
    border: solid 1px #cfcfcf;
    border-radius: 3px;
    margin-left: -9px;
    margin-right: -8px;
    color: #787878;
    margin-top: -1px;
    width: 300px;
}

.RTL .controlWrapper .controlContainer .selectedTxt.disable.disable {
    margin-right: -5px;
}

/**************end combobox style override***********************/

/**************************** readonly controls ****************/
.controlWrapper .controlContainer label {
    height: 34px;
}

/**************************end readonly*********************/
/*textarea*/
.controlWrapper .controlContainer textarea {
    margin: 0px;
    border: 1px solid #cfcfcf;
    border-radius: 3px;
    overflow: auto;
}

.controlWrapper .controlContainer textarea:hover {
    border: 1px solid #787878;
}

.controlWrapper .controlContainer textarea:focus {
    border: 1px solid #3bb000;
}

/*************Special Controls**********************/

.controlWrapper .complexControlWrapper {
    width: 300px;
    height: 34px;
    position: relative;
}

.controlWrapper .complexControlWrapper input[type="text"],
.controlWrapper .complexControlWrapper input[type="password"],
.controlWrapper .complexControlWrapper input[type="tel"],
.controlWrapper .complexControlWrapper input[type="number"] {
    padding-right: 36px;
}

.RTL .controlWrapper .complexControlWrapper input[type="text"],
.RTL .controlWrapper .complexControlWrapper input[type="password"],
.RTL .controlWrapper .complexControlWrapper input[type="tel"],
.RTL .controlWrapper .complexControlWrapper input[type="number"] {
    padding-right: 8px;
    padding-left: 36px;
}

.controlWrapper .userControlWrapper button.round,
.controlWrapper .complexControlWrapper button.round {
    background-position: center;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    border: none;
    background-color: transparent;
    cursor: pointer;
}

.controlWrapper .complexControlWrapper button.round:focus {
    --border: solid 1px #3bb000;
    --border-radius: 3px;
}

/*add btn inside input*/
.controlWrapper .complexControlWrapper button.round.add {
    background-image: url(../images/plus-grey.svg);
    background-size: 60%;
    position: absolute;
    top: 2px;
    right: 3px;
}

.RTL .controlWrapper .complexControlWrapper button.round.add {
    right: auto;
    left: 3px;
}

.controlWrapper .complexControlWrapper button.round.add.mainci {
    right: 25px;
}

.RTL .controlWrapper .complexControlWrapper button.round.add.mainci {
    right: auto;
    left: 25px;
}

.controlWrapper .complexControlWrapper button.round.remove {
    background-image: url(../images/x-grey.svg);
    background-size: 60%;
    position: absolute;
    top: 2px;
    right: 3px;
}

.RTL .controlWrapper .complexControlWrapper button.round.remove {
    right: auto;
    left: 3px;
}

.controlWrapper .userControlWrapper button.round.info,
.controlWrapper .complexControlWrapper button.round.info {
    background-image: url(../images/more.svg);
    position: absolute;
    top: -30px;
    right: 1px;
}

.RTL .controlWrapper .userControlWrapper button.round.info,
.RTL .controlWrapper .complexControlWrapper button.round.info {
    right: auto;
    left: 1px;
}

.controlWrapper .userControlWrapper .actionsWrapper .info,
.RTL .controlWrapper .userControlWrapper .actionsWrapper .info,
.controlWrapper .complexControlWrapper .actionsWrapper .info,
.RTL .controlWrapper .complexControlWrapper .actionsWrapper .info {
    right: 0px;
    top: auto;
}

.controlWrapper .userControlWrapper button.round.info:hover,
.controlWrapper .complexControlWrapper button.round.info:hover {
    background-image: url(../images/more.svg);
}

.controlWrapper .userControlWrapper .info:hover .tooltipWrapper,
.controlWrapper .complexControlWrapper .info:hover .tooltipWrapper {
    display: block;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .controlWrapper .userControlWrapper .info:hover .tooltipWrapper,
    .controlWrapper .complexControlWrapper .info:hover .tooltipWrapper {
        display: none;
    }
}

.controlWrapper .userControlWrapper .info .tooltipWrapper,
.controlWrapper .complexControlWrapper .info .tooltipWrapper {
    display: none;
    background-color: #787878;
    position: absolute;
    width: max-content;
    width: -moz-max-content;
    padding: 7px;
    border-radius: 4px;
    font-family: Arial;
    font-size: 11px;
    color: #ffffff;
    top: -30px;
    left: 2px;
    height: 100%;
    z-index: 100;
}

.controlWrapper .userControlWrapper .tooltipWrapper,
.controlWrapper .complexControlWrapper .tooltipWrapper {
    display: block;
    top: -47px
}

.controlWrapper .userControlWrapper .tooltipWrapper .tooltipContent,
.controlWrapper .complexControlWrapper .tooltipWrapper .tooltipContent {
    color: inherit;
    white-space: nowrap;
}

.controlWrapper .userControlWrapper .tooltipWrapper .triangle,
.controlWrapper .complexControlWrapper .tooltipWrapper .triangle {
    width: 10px;
    height: 10px;
    transform: rotate(45deg);
    background-color: inherit;
    position: absolute;
    left: 8px;
    bottom: -2px;
}

.controlWrapper .createWrapper button.linkBtn {
    float: right;
    margin-top: -21px;
    position: relative;
    z-index: 2;
}
.RTL .controlWrapper .createWrapper button.linkBtn{
    float: left;
}
.controlWrapper .createWrapper {
    width: 300px;
    height: 0px;
    clear: both;
}

.controlWrapper .complexControlWrapper .hide {
    display: none;
}

.controlWrapper .complexControlWrapper .actionsWrapper {
    display: inline-block;
    position: absolute;
    z-index: 100;
}

.RTL .controlWrapper .complexControlWrapper .actionsWrapper {
    right: auto;
    left: 0px;
    top: -30px;
}

.controlWrapper .complexControlWrapper .actionsWrapper .info {
    position: initial;
    top: initial;
    right: initial;
}

.controlWrapper .complexControlWrapper .actionsWrapper .actionBtn {
    background: transparent;
    border: none;
    margin: 2px 0;
    padding: 4px 11px;
    cursor: pointer;
    font-family: Arial;
    font-size: 11px;
    color: #4a4a4a;
    width: 100%;
    text-align: left;
    white-space: nowrap;
}

.RTL .controlWrapper .complexControlWrapper .actionsWrapper .actionBtn {
    text-align: right;
}

.controlWrapper .complexControlWrapper .actionsWrapper .actionBtn:hover {
    background: #f1f1f1;
}

.controlWrapper .complexControlWrapper .actionsWrapper .actionBtn[disabled] {
    color: #aeaeae;
}

.controlWrapper .complexControlWrapper .actionsWrapper .actionBtn[disabled]:hover {
    color: #aeaeae;
    background: transparent;
    cursor: default;
}

.controlWrapper .complexControlWrapper .actionsWrapper .actions ul {
    list-style: none;
    margin: 0;
}

.controlWrapper .complexControlWrapper .actions {
    border: solid 1px #cfcfcf;
    background-color: #ffffff;
    box-shadow: 0 2px 4px 0 #f1f1f1;
    position: absolute;
    border-radius: 3px;
    width: max-content;
    width: -moz-max-content;
    min-width: 100px;
    top: -3px;
    left: -29px;
}

.RTL .controlWrapper .complexControlWrapper .actions {
    top: 27px;
    left: -69px;
}

.controlWrapper .complexControlWrapper .inputWrapper {
    display: inline;
    position: relative;
}

.controlWrapper .complexControlWrapper .inputWrapper.online input {
    background: url(../images/online.svg);
}

.controlWrapper .complexControlWrapper .inputWrapper.offline input {
    background: url(../images/offline.svg);
}

.controlWrapper .complexControlWrapper .inputWrapper.online input,
.controlWrapper .complexControlWrapper .inputWrapper.offline input {
    background-repeat: no-repeat;
    background-position: 8px center;
    background-size: 9px;
}

.RTL .controlWrapper .complexControlWrapper .inputWrapper.online input,
.RTL .controlWrapper .complexControlWrapper .inputWrapper.offline input {
    background-position: 97% center;
}

.controlWrapper .complexControlWrapper input {
    padding-left: 11px;
}

.RTL .controlWrapper .complexControlWrapper input {
    padding-left: initial;
    padding-right: 11px;
}

.controlWrapper .complexControlWrapper .inputWrapper.online input,
.controlWrapper .complexControlWrapper .inputWrapper.offline input {
    padding-left: 25px;
}

.RTL .controlWrapper .complexControlWrapper .inputWrapper.online input,
.RTL .controlWrapper .complexControlWrapper .inputWrapper.offline input {
    padding-left: initial;
    padding-right: 25px;
}

/*********************Actions *****************************/

.controlWrapper .controlContainer .actionsControl a {
    font-family: Arial;
    font-size: 11px;
    color: #1f73b7;
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 14px;
    margin-right: 10px;
    display: inline-block;
    width: auto;
    font-weight: normal;
}

.RTL .controlWrapper .controlContainer .actionsControl a {
    background-position: right center;
    padding-left: auto;
    padding-right: 14px;
    margin-left: 10px;
    margin-right: 0px;
}

.controlWrapper .controlContainer .actionsControl a[disabled] {
    opacity: 0.5;
    cursor: default;
}

.controlWrapper .controlContainer .actionsControl .sendMsg {
    background-image: url(../icons/sr/facelift/sendMsg.svg);
}

.controlWrapper .controlContainer .actionsControl .asset {
    background-image: url(../icons/sr/facelift/asset.svg);
}

.controlWrapper .controlContainer .actionsControl .addToKB {
    background-image: url(../icons/sr/facelift/addToKB.svg);
}

.controlWrapper .controlContainer .actionsControl .searchInKB {
    background-image: url(../icons/sr/facelift/searchInKB.svg);
}

/*workflow actions in EUP hack*/
.Form_Ctrl_Fields .FieldBox .sendMsg {
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 38px;
    display: inline-block;
    background-image: url(../icons/sr/icon_sendMail.png);
}

/*********************Native Select ***********************/

#bottomPanelDiv .controlWrapper .controlContainer select.controlSelect[style] {
    width: calc((80vw - 110px) * (1 / 3) + 300px) !important;
}

#bottomPanelDiv .controlWrapper select.controlSelect {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    cursor: pointer;
}

#bottomPanelDiv .controlWrapper select.controlSelect::-ms-expand {
    display: none;
}

#bottomPanelDiv .controlWrapper .selectArrow {
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #000;
    position: relative;
    top: 21px;
    right: 24px;
    pointer-events: none;
    cursor: pointer;
}

.RTL #bottomPanelDiv .controlWrapper .selectArrow {
    right: -18px;
}

/******************End Native Select **********************/
/****************End Special Controls**********************/

#bottomPanelDiv .controlWrapper .controlContainer input#title,
#bottomPanelDiv .controlWrapper .controlContainer textarea {
    width: calc((80vw - 110px) * (1 / 3) + 300px);

}

#bottomPanelDiv .controlWrapper label.controlLabel {
    display: inline-block;
    margin-top: 17px;
}

#MainPane.Pane #ListContentDivOld .ListWrapper table.loadingTable {
    height: 100%;
    width: 95vw;
}

.RTL #ListContentDivOld .breadcrumbs-wrapper-title span {
	font-size: 14px;
	font-weight: bold;
}
/********** Form Header **********/

.LTR.innerIframe #FormHeader {
    margin-right: 10px;
    margin-left: 0;
}

.RTL.innerIframe #FormHeader {
    margin-left: 10px;
}

.LTR #FormHeader {
    margin-left: 10px;
}

.RTL #FormHeader {
    margin-right: 10px;
}

#FormHeader {
    margin-top: 5px;
}

#FormHeader #top_row {
    margin: 8px 0;
}

#FormHeader #pagination_wrapper,
#FormHeader #sr_actions,
#FormHeader #sr_form_actions {
    float: right;
}

.RTL #FormHeader #pagination_wrapper {
    float: left;
}

#FormHeader #pagination_wrapper #previous_btn,
#FormHeader #pagination_wrapper #next_btn {
    cursor: pointer;
}

#FormHeader #pagination_wrapper #previous_btn.disable,
#FormHeader #pagination_wrapper #next_btn.disable {
    cursor: default;
}

#FormHeader .sr_action_wrapper {
    float: left;
    margin-right: 7px;
    cursor: pointer;
}

#FormHeader #sr_details {
    float: left;
}

#FormHeader #sr_title {
    font-size: 18px;
    font-weight: bold;
}

#FormHeader #sr_form_actions {
    margin-right: 20px;
}

#FormHeader #sr_form_actions button {
    margin-right: 5px;
    vertical-align: middle;
    cursor: pointer;
}

#FormHeader #sr_form_actions button:last-of-type {
    margin-right: 0;
}

#FormHeader #cancel_btn {
    background-color: transparent;
    border: 0;
    text-decoration: underline;
}

#FormHeader #apply_btn,
#FormHeader #save_btn {
    border-radius: 5px;
    padding: 7px 25px;
}

#FormHeader #save_btn {
    background-color: #3bb000;
    border: 1px #3bb000 solid;
    color: #ffffff;
}

#FormHeader #apply_btn {
    background-color: #f2f2f2;
    border: 1px #bcbcbc solid;
}

#topPanelDiv {
    /*max-height: 25vh;*/
    margin-bottom: 10px;
    padding-right: 18px;
    padding-top: 10px;
}

#topPanelDiv.topPanelCollapsed {
    padding-top: 10px;
}

#bottomPanelDiv {
    overflow-x: hidden;
    overflow-y: auto;
    margin-top: 10px;
    height: calc(89vh - 295px); /* default .topPanelRowsNumber3 */
    padding-right: 18px;
}

.RTL #bottomPanelDiv {
    padding-left: 18px;
}

#bottomPanelDiv.topPanelRowsNumber0 {
    height: calc(89vh - 54px);
}

#bottomPanelDiv.topPanelRowsNumber1 {
    height: calc(89vh - 155px);
}

#bottomPanelDiv.topPanelRowsNumber2 {
    height: calc(89vh - 225px);
}

#bottomPanelDiv.topPanelRowsNumber4 {
    height: calc(89vh - 365px);
}

#bottomPanelDiv.topPanelRowsNumber5 {
    height: calc(89vh - 435px);
}

#top_bottom_container {
    width: 74vw;
}

#side_panel_container {
    width: 25vw;
    vertical-align: top;
}

.Frame_Body_Right .hide{
	display: none;
}

#automation_panel_wrapper {
	width: 28vw;;
	right: 1px;
	height: 89%;
	position: absolute;
	z-index: 1;
	background-color: #FFFFFF;
}

#automation_panel_wrapper_rtl{
	width: 28vw;;
	left: 1px;
	height: 89%;
	position: absolute;
	z-index: 1;
	background-color: #FFFFFF;
}

#automation_panel_iframe{
	width: 100%;
	height: 100%;
	border: solid 1px #979797;
}

.panel-slide-left {
	-webkit-animation: panel-slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	animation: panel-slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@-webkit-keyframes panel-slide-left {
	0% {
		-webkit-transform: translateX(100px);
		transform: translateX(100px);
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}
@keyframes panel-slide-left {
	0% {
		-webkit-transform: translateX(100px);
		transform: translateX(100px);
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

.panel-slide-left-exit {
	-webkit-animation: panel-slide-left-exit 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	animation: panel-slide-left-exit 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@-webkit-keyframes panel-slide-left-exit {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1;
		z-index: 1;
	}
	100% {
		-webkit-transform: translateX(-100px);
		transform: translateX(-100px);
		opacity: 0;
		z-index: -1;
	}
}
@keyframes panel-slide-left-exit {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1;
		z-index: 1;
	}
	100% {
		-webkit-transform: translateX(-100px);
		transform: translateX(-100px);
		opacity: 0;
		z-index: -1;
	}
}


.panel-slide-right {
	-webkit-animation: panel-slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	animation: panel-slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@-webkit-keyframes panel-slide-right {
	0% {
		-webkit-transform: translateX(-100px);
		transform: translateX(-100px);
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}
@keyframes panel-slide-right {
	0% {
		-webkit-transform: translateX(-100px);
		transform: translateX(-100px);
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

.panel-slide-right-exit {
	-webkit-animation: panel-slide-right-exit 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	animation: panel-slide-right-exit 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@-webkit-keyframes panel-slide-right-exit {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1;
		z-index: 1;
	}
	100% {
		-webkit-transform: translateX(100px);
		transform: translateX(100px);
		opacity: 0;
		z-index: -1;
	}
}
@keyframes panel-slide-right-exit {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1;
		z-index: 1;
	}
	100% {
		-webkit-transform: translateX(100px);
		transform: translateX(100px);
		opacity: 0;
		z-index: -1;
	}
}

#side_panel_widgets_container {
    overflow-y: hidden;
    height: 89vh;
    background-color: #f1f1f1;
}

#widgets_wrapper {
    overflow-y: auto;
    height: calc(89vh - 40px);
}

#side_panel_widgets_container .rightWidgetWrapper {
    margin: 0 10px 3px 10px;
    border-radius: 4px;
    padding: 1px;
    background-color: #ffffff;
}

#side_panel_widgets_container .refreshContainer {
    width: calc(100% - 20px);
    text-align: center;
    height: 34px;
    background-color: #f9f9f9;
    margin: 0 10px;
}

#side_panel_widgets_container .refreshContainer span {
    display: inline-block;
    margin-top: 7px;
    font-size: 14px;
    color: #4a4a4a;
    font-weight: bold;
}

#side_panel_widgets_container .refreshContainer button.refreshBtn {
    width: 30px;
    height: 30px;
    background-color: transparent;
    background: url(../images/path.svg) center center no-repeat;
    border: none;
    cursor: pointer;
}

#side_panel_widgets_container .rightWidgetWrapper g text tspan[dy] {
    font-size: inherit;
}

#SRedit_body {
    height: 95%;
    overflow-x: hidden;
}

#SRedit_body #MainFrame {
    height: 95%;
}

#SRedit_body #frmData,
#SRedit_body form[name="frm"],
#SRedit_body .Container_Body {
    height: 86%;

}

#tabs_panels_separator {
    display: none;
    background-color: #f1f1f1;
    height: 10px;
    position: absolute;
    left: 0;
    width: 100%;
    border-top: 1px solid #C3C3C3;
    border-bottom: 1px solid #C3C3C3;
}

#SRedit_body #tabs_panels_separator {
    display: block;
}

#panels_separator {
    background-color: #f1f1f1;
    height: 10px;
    position: absolute;
    left: 0;
    width: 100%;
    border-top: 1px solid #C3C3C3;
    border-bottom: 1px solid #C3C3C3;
}

#SRedit_body .Container_Body {
    position: relative;
}

#bottomPanelDiv .FormLayoutTable.Maxed {
    height: 1px;
}

/*sticky pane */
.sr-actions-wrapper {
    font-size: 14px;
    font-family: 'Helvetica-Bold', 'Helvetica Bold', 'Helvetica';
    height: 35px;
    border-top: 1px #cdd solid;
    padding-top: 7px;
}

.sr-actions-wrapper .sr_title {
    float: left;
    line-height: 35px;
    color: #000;
    font-size: 18px;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 50vw;
}

.RTL .sr-actions-wrapper .sr_title {
    float: right;
}

.sr-actions-wrapper .buttons-wrapper {
    float: right;
    display: flex;
    margin-bottom: 7px;
}

.RTL .sr-actions-wrapper .buttons-wrapper {
    float: left;
}

.sr-actions-wrapper .buttons-wrapper button,
.sr-actions-wrapper .buttons-wrapper #sr-actions-btn,
.hintPopupWrapper .footer #sr-jira-remove-yes,
.hintPopupWrapper .footer #sr-jira-remove-no {
    width: 93px;
    height: 28px;
    border-radius: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

}

.sr-actions-wrapper .buttons-wrapper #sr-actions-btn .text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 63px;
}

.LTR .sr-actions-wrapper .buttons-wrapper button {
    margin-right: 20px;
}

.RTL .sr-actions-wrapper .buttons-wrapper button {
    margin-left: 20px;
}

.sr-actions-wrapper .buttons-wrapper #sr-cancel-btn {
    background-color: transparent;
    border: 0;
    text-decoration: underline;
    cursor: pointer;
}

.sr-actions-wrapper .buttons-wrapper #sr-apply-btn,
.sr-actions-wrapper .buttons-wrapper #sr-spaces-template-synchronize,
.sr-actions-wrapper .buttons-wrapper #sr-design-btn,
.sr-actions-wrapper .buttons-wrapper #sr-actions-btn,
.sr-actions-wrapper .buttons-wrapper .sr-addon-btn,

.hintPopupWrapper .footer #sr-jira-remove-no {
    vertical-align: middle;
    cursor: pointer;
    border: 1px #9b9b9b solid;
    background-color: #ffffff;
    color: #000;
}

.sr-actions-wrapper .buttons-wrapper #sr-apply-btn:hover,
.sr-actions-wrapper .buttons-wrapper #sr-spaces-template-synchronize:hover,
.sr-actions-wrapper .buttons-wrapper #sr-design-btn:hover,
.sr-actions-wrapper .buttons-wrapper #sr-actions-btn:hover,
.sr-actions-wrapper .buttons-wrapper .sr-addon-btn:hover{
    vertical-align: middle;
    cursor: pointer;
    border: 1px #000 solid;
    background-color: #ffffff;
    color: #000;
}

.lists-actions-wrapper .buttons-wrapper #lists-actions-button-export-templates-1.disabled,
.lists-actions-wrapper .buttons-wrapper #lists-actions-button-export-templates-1[disabled],
.sr-actions-wrapper .buttons-wrapper #sr-actions-btn.disabled,
.sr-actions-wrapper .buttons-wrapper #sr-apply-btn[disabled],
.sr-actions-wrapper .buttons-wrapper #sr-spaces-template-synchronize[disabled],
.sr-actions-wrapper .buttons-wrapper #sr-actions-btn.disabled:hover,
.sr-actions-wrapper .buttons-wrapper #sr-apply-btn[disabled]:hover,
.sr-actions-wrapper .buttons-wrapper #sr-spaces-template-synchronize[disabled]:hover,
.sr-actions-wrapper .buttons-wrapper #sr-save-btn[disabled]:hover,
.sr-actions-wrapper .buttons-wrapper .sr-addon-btn[disabled],
.sr-actions-wrapper .buttons-wrapper .sr-addon-btn[disabled]:hover
{
    border: 1px #9b9b9b solid;
    opacity: .5;
    color: #9b9b9b;
    cursor: default;
}

.sr-actions-wrapper .buttons-wrapper #sr-save-btn[disabled],
.sr-actions-wrapper .buttons-wrapper #sr-save-btn[disabled]:hover {
    border: 1px #3bb000 solid;
    opacity: .5;
    color: #ffffff;
    cursor: default;
}

.sr-actions-wrapper .buttons-wrapper #sr-save-btn[disabled]:hover {
    border: 1px #9b9b9b solid;
    opacity: .5;
    color: #ffffff;
}

.sr-actions-wrapper .buttons-wrapper #sr-save-btn,
.hintPopupWrapper .footer #sr-jira-remove-yes {
    vertical-align: middle;
    cursor: pointer;
    background-color: #3bb000;
    border: 1px #3bb000 solid;
    color: #ffffff;
}

.sr-actions-wrapper .buttons-wrapper #sr-save-btn:hover {
    vertical-align: middle;
    cursor: pointer;
    background-color: #3bb000;
    border: 1px #3bb000 solid;
    color: #ffffff;
}

.sr-actions-wrapper .buttons-wrapper .empty-btn {
    width: 80px;
}

.sr-actions-wrapper .buttons-wrapper #sr-actions-btn {
    display: flex;
    line-height: 20px;
    padding: 3px 10px;
}

.sr-actions-wrapper img.more-actions {
    float: left;
    width: 5px;
    margin-left: 5px;
    cursor: pointer;
    height: 17px;
}

.RTL .sr-actions-wrapper img.more-actions {
    float: right;
    margin-right: 5px;
    margin-left: 0;
}

.sr-actions-wrapper .buttons-wrapper #sr-actions-btn.disabled .sr-actions-wrapper img.more-actions,
.sr-actions-wrapper .buttons-wrapper #sr-actions-btn.disabled:hover img.more-actions {
    cursor: default;
}

.sr-actions-wrapper .more-actions-wrapper img {
    position: relative;
    top: 1px;
}

.sr-actions-wrapper .hide {
    display: none;
}

.sr-actions-wrapper .more-actions-popup {
    position: absolute;
    border: 1px #f2f2f2 solid;
    color: #556;
    width: 240px;
    font-size: 14px;
    background-color: #fff;
    z-index: 40000;
    box-shadow: 0 0 12px #bababa;
    border-radius: 3px;
    top: 75px;
}

.LTR .sr-actions-wrapper .more-actions-popup {
    right: 5px;
}

.RTL .sr-actions-wrapper .more-actions-popup {
    left: -15px;
}

.sr-actions-wrapper .more-actions-popup ul {
    clear: both;
    list-style: none;
    padding-left: 0;
    margin: 10px auto;
}

.RTL .sr-actions-wrapper .more-actions-popup ul {
    padding-right: 0;
}

.sr-actions-wrapper .more-actions-popup ul > li {
    line-height: 25px;
}

.sr-actions-wrapper .more-actions-popup ul > li p {
    padding: 0 10px;
    margin: 4px auto;
    font-size: 13px;
    text-align: left;
}

.sr-actions-wrapper .more-actions-popup ul > li p img {
    padding: 0 5px;
    position: relative;
    top: -1px;
}

.RTL .sr-actions-wrapper .more-actions-popup ul > li p {
    text-align: right;
}

.sr-actions-wrapper .more-actions-popup ul > li:hover {
    background-color: #e4e4e4;
    font-weight: 400;
    cursor: pointer;
}

/********************loader**************************/
#side_panel_widgets_container .loaderContainer {
    position: relative;
    width: 100%;
    min-height: 205px;
    height: 100%;
    display: inline-block;
    background: url(/icons/ui/loading.gif) center no-repeat;
    background-size: 40%;
}

/****************end loader**************************/

/********************status override************************/
#tr_labelId_status .controlWrapper {
	float: left;
	margin-right: 15px;
}


.RTL #bottomPanelDiv #tr_labelId_status .controlWrapper {
	float: right;
	margin: 0 0 0 10px;
}

.closure_info_wrapper {
    float: left;
    clear: unset;
}

#topPanelDiv .closure_info_wrapper {
    float: none;
}

/****************end status**************************/

#buggy-table {
    margin-top: -2px;
}

/* hide side panel */
@media screen and (max-width: 1199px) {
    #top_bottom_container {
        width: 100%;
    }

    #top_bottom_container .row {
        width: calc(100vw - 135px);
    }

    /*top*/
    #top_bottom_container .controlTable.grass2Column .Category3Parts {
        width: calc((100vw - 135px) * (2 / 3));
    }

    /*top*/
    #top_bottom_container .controlTable.grass3Column .Category3Parts {
        width: calc(100vw - 135px);
    }

    .controlWrapper .controlContainer .controlTable.grass3Column .Category3Parts .CategoryLabel,
    .controlWrapper .controlContainer .controlTable.grass2Column .Category3Parts .CategoryLabel {
        width: calc((100vw - 135px) / 3);
    }

    .grassStyle[data-msg] .tabsContainer {
        width: calc(100vw - 135px);
    }

    #side_panel_container {
        width: 0;
    }

    #side_panel_widgets_container {
        display: none;
    }

    /*bottom*/
    #top_bottom_container #bottomPanelDiv .controlTable .Category3Parts .CategoryLabel {
        width: calc((100vw - 135px) / 3);
    }

    /*bottom*/
    #top_bottom_container #bottomPanelDiv .controlWrapper .controlContainer .controlTable .Category3Parts {
        width: calc(100vw - 135px);
    }

    .grassStyle {
        width: calc(100vw - 135px);
    }
}

#side_panel_container.no_active_widgets {
    width: 0;
}

#top_bottom_container.no_active_widgets {
    width: 100%;
}

#SRedit_body.innerIframe #top_bottom_container {
    width: 100%;
}

#SRedit_body.innerIframe #side_panel_container {
    width: 0;
}

#SRedit_body.innerIframe #side_panel_widgets_container {
    display: none;
}

/* end hide side panel */

#SRedit_body td[selectedtab] {
    height: auto;
}

#SRedit_body div#tabs ul.tabs {
    position: static;
    width: 100%;
    display: inline-block;
    border: none;
    background-color: transparent;

}

#SRedit_body div div#tabs ul.tabs li.tabs-nav {
    border-radius: 0;
    height: 30px;
    line-height: 20px;
    padding: 7px 10px;
    color: #969696;
    display: inline-block;
    float: none;
    vertical-align: bottom;
    border: none;
    background-color: transparent;
}

#SRedit_body div#tabs ul.tabs li.tabs-nav.ui-state-active {
    background: none;
    background-color: #3bb000;
    border-bottom: 5px #37a400 solid;
    text-decoration-color: #37a400;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
}

#SRedit_body.LTR .Container_Body div.BorderFix_FF {
    padding-right: 0px;
}

#SRedit_body.RTL .Container_Body div.BorderFix_FF {
    padding-left: 0px;
}

#SRedit_body #buggy-table {
    margin-top: -5px;
}

#SRedit_body #tr_labelId_linkedSRs > td > table.Form_Ctrl,
#SRedit_body #tr_labelId_history > td > table.Form_Ctrl,
#SRedit_body #tr_labelId_chats > td > table.Form_Ctrl {
    margin-left: 0;
}

#SRedit_body #ui-datepicker-div.ui-datepicker {
    z-index: 2000 !important;
}

/*************** Attachments *************************/

body .attachments.in,
body .attachments.hover {
    opacity: 0.4;
    height: 184px;
}

/*body.fade {*/
/*-webkit-transition: all 0.3s ease-out;*/
/*-moz-transition: all 0.3s ease-out;*/
/*-ms-transition: all 0.3s ease-out;*/
/*-o-transition: all 0.3s ease-out;*/
/*transition: all 0.3s ease-out;*/
/*opacity: 1;*/
/*}*/

.grassStyle {
    font-family: Arial;
}

.grassStyle .controlLabel .count {
    background-color: #3bb000;
    border-radius: 17px;
    color: #FFFFFF;
    padding: 0 5px;
    margin: 0 0px 0 12px;
    min-width: 20px;
    display: inline-block;
    text-align: center;
    height: 14px;
    font-size: 12px;
    font-weight: bold;
}

.grassStyle .header {
    margin-bottom: 10px;
}

#bottomPanelDiv .grassStyle .controlWrapper .header label.controlLabel.left {
    margin: 0;
}

.grassStyle .header .controlLabel {
    float: left;
}

.RTL .grassStyle .header .controlLabel {
    float: right;
}

.grassStyle .header .controlLabel .labelContent {
    color: #4A4A4A;
}

.grassStyle .header .uploaderWrapper {
    float: right;
}

.RTL .grassStyle .header .uploaderWrapper {
    float: left;
}

.grassStyle .header .uploaderWrapper {
    font-size: 13px;
    font-weight: bold;
    color: #4a4a4a;
}

.RTL .grassStyle .header .attachmentsFiltersWrapper {
	float: left;
}

.RTL .grassStyle .header .previewWrapper {
	float: right;
	margin-right: 2px;
}

.grassStyle .header .attachmentsFiltersWrapper, .filterTypeButton button{
    float: right;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;

}

.grassStyle .header .previewWrapper button{
	float: right;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;

}

.attachmentsFiltersWrapper .sortByName, .attachmentsFiltersWrapper .filterTypeName, .filterTypeButton .filterAttachmentImageButton{
    color: #5f94d5
}

.attachmentsFiltersWrapper, .sortByFilter, .sortByButton, .filterTypeButton{
    display: flex;
}

.sortByFilter{
    margin-right: 24px;
}

.RTL .sortByFilter{
	margin-left: 24px;
}

.sortName{
    margin-right: 6px;
}

.sortByName{
    margin-right: 9px;
}

.filterImage{
    margin-right: 10px;
}

.filterTypeButton img{
    height: 22px;
    width: 10px;
    margin-bottom: 16px;
}

/*.filterTypeButton #filterAttachmentLabel{*/
    /*width: 58px;*/
    /*margin-top: 6px;*/
/*}*/

/*.filterTypeButton #clearFilter{*/
    /*display: none;*/
    /*width: 10px;*/
/*}*/

.filterTypeButton #clearFilter:hover{
    vertical-align: middle;
    cursor: pointer;
    border: 1px #5f94d5 solid;
    background-color: #ffffff;
	display: inline-block;

}

.filterTypeButton .showFilterListButton{
    width: 78px;
    height: 28px;
    top: -5px;
    position: absolute;
}

.filterTypeButton button {
    width: 99px;
    height: 28px;
    margin-top: -6px;
    border: 1px #cfcfcf solid;
    background-color: #ffffff;
    border-radius: 4px;
}

.sortByButton .downArrow{
    margin-top: 1.5px;
}

.sortByButton:hover{
    cursor: pointer;
}

.grassStyle .controlWrapper #more-actions-records, .grassStyle .controlWrapper div[moreActionsRecords]{
	 margin-left: 92%;
 }

.RTL .grassStyle .controlWrapper div[moreActionsRecords]{
	margin-right: 92%;
}


.grassStyle .controlWrapper div[filterSortByRecords]{
    margin-left: 83%;
}

.RTL .grassStyle .controlWrapper div[filterSortByRecords]{
	margin-right: 83%;
}



.grassStyle .bottom .uploaderWrapper {
	float: right;
}

.RTL .grassStyle .bottom .uploaderWrapper {
	float: left;
}

.grassStyle .bottom .uploaderWrapper {
	font-size: 13px;
	font-weight: bold;
	color: #4a4a4a;
	margin-top: 8px;
}

.grassStyle .attachments {
    border-radius: 4px;
    border: dashed 1px #cfcfcf;
    background-color: #ffffff;
    height: 184px;
    overflow: auto;
    padding: 3px 10px;
    box-sizing: border-box;
}

.grassStyle .attachments.empty {
    height: 67px;
    position: relative;
}

.attachments.empty .uploaderWrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.attachments.empty .uploaderWrapper {
    font-size: 16px;
    font-weight: bold;
    color: #4a4a4a;
}

.attachments.empty .uploaderWrapper .fileUploadLink {
    font-size: 16px;

}

.attachments.empty .uploaderWrapper a,
.grassStyle .header .uploaderWrapper a,
.grassStyle .bottom .uploaderWrapper a{
    color: #1f73b7;
    text-decoration: none;
    border-bottom: solid 2px #1f73b7;
    cursor: pointer;
}

.attachments.empty.readonly .uploaderWrapper,
.attachments.empty.readonly .uploaderWrapper a {
    color: #d7d7d7;
}

.attachments.empty.readonly .uploaderWrapper span.fileUploadLink {
    color: #d7d7d7;
    border-bottom: solid 2px #d7d7d7;
    pointer-events: none;
    cursor: default;
}

.grassStyle .attachments .itemWrapper {
    position: relative;
    display: inline-block;
    width: calc(25% - 3px);
    padding: 5px;
    box-sizing: border-box;
}

.grassStyle .attachments .item {
    border-radius: 4px;
    border: solid 1px #dadada;
    background-color: #f3f5f8;
    height: 52px;
}

.grassStyle .attachments .item.loading {
    opacity: 0.4;
}

.grassStyle .attachments .item:hover {
    outline: none;
    border: solid 1px #787878;
}

.grassStyle .attachments .item .iconWrapper {
    float: left;
    margin: 10px;
    background-color: #ffffff;
    border: 1px solid #ffffff;
    border-radius: 4px;
}

.RTL .grassStyle .attachments .item .iconWrapper {
    float: right;
}

.grassStyle .attachments .item .iconWrapper .icon {
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1.6em;
}

.grassStyle .attachments .item .iconWrapper .icon.file {
    background-image: url(../images/attachments/file.svg);
}

.grassStyle .attachments .item .iconWrapper .icon.txt {
    background-image: url(../images/attachments/file-alt.svg);
}

.grassStyle .attachments .item .iconWrapper .icon.excel {
    background-image: url(../images/attachments/file-excel.svg);
}

.grassStyle .attachments .item .iconWrapper .icon.image {
    background-image: url(../images/attachments/file-image.svg);
}

.grassStyle .attachments .item .iconWrapper .icon.pdf {
    background-image: url(../images/attachments/file-pdf.svg);
}

.grassStyle .attachments .item .iconWrapper .icon.powerpoint {
    background-image: url(../images/attachments/file-powerpoint.svg);
}

.grassStyle .attachments .item .iconWrapper .icon.word {
    background-image: url(../images/attachments/file-word.svg);
}

.lSSlideOuter .img-container .file.icon.file {
	background-image: url(../images/attachments/icon-doc-generic.svg);
}

.lSSlideOuter .img-container .file.icon.txt {
	background-image: url(../images/attachments/icon-doc-text.svg);
}

.lSSlideOuter .img-container .file.icon.excel {
	background-image: url(../images/attachments/icon-doc-excel.svg);
}

.lSSlideOuter .img-container .file.icon.image {
	background-image: url(../images/attachments/icon-doc-image.svg);
}

.lSSlideOuter .img-container .file.icon.powerpoint {
	background-image: url(../images/attachments/icon-doc-ppt.svg);
}

.lSSlideOuter .img-container .file.icon.word {
	background-image: url(../images/attachments/icon-doc-word.svg);
}

.lSSlideOuter .img-container .file.icon.video {
	background-image: url(../images/attachments/icon-doc-video.svg);
}

.lSSlideOuter .img-container .file.icon.zip {
	background-image: url(../images/attachments/icon-doc-zip.svg);
}

.lSSlideOuter .img-container .file.icon {
	background-repeat: no-repeat;
    position: absolute;
    top: calc(50% + 26px);
    left: calc(50% + 27px);
    transform: translate(-50%, -50%);
    width: 270px;
    height: 300px;
}

.grassStyle .attachments .item .contentWrapper {
    float: left;
    height: 100%;
    width: calc(100% - 70px);
    padding: 10px;
    box-sizing: border-box;
}

.RTL .grassStyle .attachments .item .contentWrapper {
    float: right;
}

/* add truncate */
.grassStyle .attachments .item .contentWrapper a.docName {
    color: #1f73b7;
    text-decoration: none;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.5;
}

.grassStyle .attachments .item .contentWrapper .docDt {
    font-size: 11px;
    line-height: 1.64;
    color: #4a4a4a;
}

.grassStyle .attachments .item .contentWrapper .truncate {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

.grassStyle .attachments .item .contentWrapper .truncateCsvToUpload { /* to csv upload */
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
}

.grassStyle .attachments .item .actionsBtn {
    float: right;
    border: none;
    background-color: transparent;
    width: 15px;
    height: 15px;
    background: url(./images/more.svg);
    background-repeat: no-repeat;
    background-position-x: center;
    margin-top: 6px;
    cursor: pointer;
}

.RTL .grassStyle .attachments .item .actionsBtn {
    float: left;
}

.grassStyle .attachments .item.readonly .actionsBtn {
    opacity: 0.4;
    cursor: default;
}

.grassStyle .attachments .item .actionsWrapper {
    display: inline-block;
    position: relative;
    z-index: 100;
}

.grassStyle .attachments .item .actionsBtn {
    border: none;
    background-color: transparent;
    width: 15px;
    height: 15px;
    /*background: url(../icons/icon-more.svg);*/
    background: url(../images/more.svg);
    background-repeat: no-repeat;
    background-position-x: center;
    margin-top: 6px;
    cursor: pointer;
}

.grassStyle .attachments.readonly .item .actionsBtn {
    opacity: 0.4;
}

.grassStyle .attachments .item .actionsContent {
    border: solid 1px #cfcfcf;
    background-color: #ffffff;
    box-shadow: 0 2px 4px 0 #f1f1f1;
    position: absolute;
    border-radius: 3px;
    top: 5px;
    right: 40%;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
}

.RTL .grassStyle .attachments .item .actionsContent {
    right: -450%;
}

.grassStyle .attachments .item ul {
    list-style: none;
    margin: 0 0 0 -40px;
}

.grassStyle .attachments .item .actionBtn {
    background: transparent;
    border: none;
    margin: 2px 0;
    padding: 4px 11px;
    cursor: pointer;
    font-family: Arial;
    font-size: 11px;
    color: #4a4a4a;
    width: 100%;
    text-align: left;
    white-space: nowrap;
}

.RTL .grassStyle .attachments .item .actionBtn {
    text-align: right;
}

.grassStyle .attachments .item .actionBtn:hover {
    background-color: #ececec;
}

.grassStyle .fileupload {
    display: none;
}

.grassStyle .attachments .progress {
    position: absolute;
    height: 8px;
    border-radius: 4px;
    border: solid 1px #dadada;
    background-color: #ffffff;
    width: 70%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

.grassStyle .attachments .progress .bar {
    /*margin-top: 1px;*/
    height: 6px;
    border-radius: 4px;
    background-image: linear-gradient(to left, #447bb1, #26517a);
}

.grassStyle .attachments .hide,
.grassStyle .uploaderWrapper.hide {
    display: none;
}

.grass-tooltip {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    background-color: #787878 !important;
    font-size: 11px;
    height: 28px;
    border-radius: 4px;
}

.grass-tooltip .ui-tooltip-content {
    color: #ffffff;
}

#SRedit_body .ui-widget-overlay {
    background: none;
    background-color: #000;
    opacity: .5;
}

#SRedit_body .attachmentsBlockPage, .csvBlockPage {
    width: 100vw;
    height: 100vh;
    background-color: #000;
    position: fixed;
    top: 0px;
    left: 0;
    z-index: 1000;
    opacity: .5;
}

/**/
/*************** end Attachments *************************/

/*************** Workflow tabs *************************/
.Tab .Leftmost .Tab_First,
.Tab.Selected .Leftmost .TabEnabled_First,
.Tab .Leftmost .TabEnabled_First,
.Tab .Leftmost .Tab_Center,
.Tab .Leftmost .Tab_Last,
.Tab .leftBorder,
.Tab .TabEnabled_Center,
.Tab .TabEnabled_Last,
.Tab .Tab_Center,
.Tab .Tab_Last,
.Tab .lastGrayOnGraySelected,
.Tab .Leftmost .TabCompleted_First,
.Tab .TabCompleted_First,
.Tab .TabCompleted_Center,
.Tab .TabCompleted_Last,
.Tab .Selected .lastGreenOnGray,
.Tab .lastGreenOnGraySelected,
.Tab .lastGreenOnGreenSelected,
.Tab .lastGreenOnGray,
.RTL .Selected .TabEnabled_Last,
.RTL .Selected .TabCompleted_Last,
.RTL .Selected .lastGreenOnGray,
.RTL .Selected .lastGrayOnGreen,
.RTL .Selected .Tab_Last,
.RTL .Selected .Tab_First,
.RTL .lastGrayOnGreenSelected,
.lastGrayOnGreenSelected,
.Selected .Rightmost .TabEnabled_Last,
.RTL .Selected .Rightmost .TabEnabled_Last {
    background-image: none !important;
}

.RTL .Tab_First, .RTL .Tab_Last {
    border: none;
}

.TabStrip .Selected {
    margin-top: 0;
    margin-left: 0;
}

.Selected .Rightmost .Tab_Center,
.Selected .Rightmost .TabEnabled_Center,
.Selected .Rightmost .TabCompleted_Center,
.Selected .TabCompleted_Center {
    width: auto !important;
}

.Tab {
    margin-top: 0;
    margin-left: 0;
    margin-right: 10px;
}

.Tab .svg-alert-icon {
    margin-left: 12px;
}

.RTL .Tab .svg-alert-icon {
    margin-right: 12px;
}

.Tab .wf_tab_title {
    margin-left: 25px;
    margin-right: 25px;
}

.Tab .wf_item_arrow {
    margin-right: 12px;
}

.RTL .Tab .wf_item_arrow {
    margin-left: 12px;
}

.Selected .TabEnabled_Last,
.Selected .Leftmost .TabEnabled_Last,
.Selected .TabCompleted_Last,
.Selected .Leftmost .TabCompleted_Last {
    width: auto !important;
}

#SRedit_body #wf_tabs_wrapper,
#SRedit_body #req_tabs_wrapper,
#SRedit_body .TabStrip.wf_tabs,
#SRedit_body .TabStrip {
    background-color: #e1e1e1;
}

.Tab.Selected {
    border-bottom: 3px #37a400 solid;
    background-color: #3bb000;
}

.Tab.Selected .wf_tab_title {
    color: #ffffff;
}

.TabCompleted_Center SPAN {
    color: #555555;
}

.TabCompleted_Center .wf_item_arrow,
.TabEnabled_Center .wf_item_arrow {
    background-image: url(/images/tabArrow.svg) !important;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
}

.Tab.Selected .TabCompleted_Center .wf_item_arrow,
.Tab.Selected .TabEnabled_Center .wf_item_arrow {
    background-image: url(/images/breadcrumb-icon-white.svg) !important;
}

.RTL .Tab.Selected .TabCompleted_Center .wf_item_arrow, .RTL .Tab.Selected .TabEnabled_Center .wf_item_arrow {
    transform: rotate(180deg);
}

body.RTL .TabCompleted_Center .wf_item_arrow,
body.RTL .TabEnabled_Center .wf_item_arrow {
    background-image: url(/images/breadcrumb-icon-rtl.svg) !important;
}

.TabPlus_Center, .RTL .TabPlus_Center {
    background-image: url(/images/tabPlus.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.lastGreenOnGraySelected,
.lastGrayOnGraySelected,
.lastGreenOnGreenSelected,
.RTL .Selected .TabEnabled_Last,
.RTL .lastGrayOnGraySelected,
.RTL .Selected .lastGreenOnGray,
.RTL .Selected .TabCompleted_Last,
.RTL .lastGrayOnGreenSelected,
.Tab .TabEnabled_Last,
.RTL .lastGreenOnGray,
.lastGrayOnGreenSelected,
.TabCompleted_Last,
.Selected .Rightmost .TabEnabled_Last,
.RTL .Selected .Rightmost .TabEnabled_Last {
    width: 5px !important;
}

#wf_item_edit_icon {
    margin: 5px;
    display: inline-block;
    float: right;
}

body.RTL #wf_item_edit_icon {
    float: left;
}

.wf_tab_title {
    max-width: 97px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: middle;
    color: #5e5e5e;
}

#wf_no_permission_wrapper {
    padding: 8px 18px 0 0;
    width: 100%;
    text-align: center;
}

#wf_no_permission_image_text_wrapper {
    font-size: 16px;
    font-weight: bold;
    color: #555555;
}

#wf_no_permission_image_text_wrapper img {
    margin-right: 15px;
    padding: 15px 0;
}

.wf_action_btn {
    display: inline-block;
    margin-right: 15px;
    cursor: pointer;
    float: right;
    background-color: transparent;
    border: none;
}

body.RTL .wf_action_btn {
    float: left;
}

.wf_action_btn:disabled {
    cursor: default;
}

.wf_action_btn img {
    margin-right: 5px;
}

body.RTL .wf_action_btn img {
    margin-left: 5px;
    margin-right: 0;
}

.wf_action_btn span {
    font-size: 14px;
    text-decoration: underline;
    color: #447bb1;
    line-height: 34px;
}

.wf_action_btn:disabled span {
    text-decoration: none;
    color: #adacac;
}

.wf_action_btn#CompletedBtn, .wf_action_btn#ReopenBtn {
    background-color: white;
    border: 1px solid #cfcfcf;
    border-radius: 4px;
    padding: 10px;
    vertical-align: middle;
    cursor: pointer;
}

.wf_action_btn#CompletedBtn {
    background-color: #3bb000;
    border: #39b001 1px solid;
}

.wf_action_btn#CompletedBtn div {
    color: #ffffff;
}

.wf_action_btn#CompletedBtn.disabled, .wf_action_btn#ReopenBtn.disabled {
    background-color: transparent;
    border-color: #adacac;
    cursor: default;
}

.wf_action_btn#CompletedBtn.disabled div, .wf_action_btn#ReopenBtn.disabled div {
    color: #adacac;
}

/*************** End Workflow tabs *************************/

/*************** start group system administration*************************/
.group-permission-entity {
    width: 34px;
    height: 14px;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #4a4a4a;
}

.entity-select-rectangle {
    width: 300px;
    height: 34px;
    border-radius: 4px;
    border: solid 1px #cfcfcf;
    background-color: #ffffff;
}

.svg-tick-icon {
    width: 21px;
    height: 15px;
}

.svg-untick-icon {
    width: 20px;
    height: 3px;
}

/*************** end group system administration*************************/

#top_panel_toggle #toggle_btn {
    width: 100px;
    height: 12px;
    background-color: #d8d8d8;
    background-image: url(/icons/arrow_up.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    margin: 0 auto;
    cursor: pointer;
    border-radius: 5px 5px 0 0;
}

#topPanelDiv.topPanelCollapsed {
    margin-bottom: 0;
    padding-top: 0;
}

#top_panel_toggle #toggle_btn.topPanelCollapsed {
    background-image: url(/icons/arrow_down.svg);
}

#topPanelDiv .row.topPanelCollapsed {
    height: 0px;
    padding: 0;
}

#topPanelDiv .row.topPanelCollapsed * {
    display: none;
}

#bottomPanelDiv.topPanelCollapsed {
    height: 81.5vh;
}

#top_bottom_container #panels_separator.topPanelCollapsed {
    display: none;
}

/******************* tabs *********************/
#SRedit_body div#tabs {
    bottom: auto;
    background-color: #e1e1e1;
    height: 30px;
    border: none;
}

#SRedit_body #restOfTabs {
    font-family: Roboto Arial;
    font-size: 13px;
    color: #1f73b7;
    vertical-align: super;
    unicode-bidi: plaintext;
}

#SRedit_body div div#tabs ul.tabs li.tabs-nav {
    font-family: Arial;
    font-size: 12px;
    color: #5e5e5e;
    line-height: 18px;
}

#SRedit_body div#tabs ul.tabs {
    position: relative;
    left: -1px;
    width: auto;
}

#SRedit_body #topPanelButtons button {
    border: none;
    background: transparent;
    cursor: pointer;
    background-repeat: no-repeat;
    margin-left: 2px;
    margin-right: 2px;
}

#SRedit_body #topPanelButtons #nextSRUpperCapture {
    background-color: #e1e1e1;
    border: 0;
    color: #1f73b7;
    line-height: 20px;
    vertical-align: super;
}

#SRedit_body #topPanelButtons #nextSRUpperCapture {
    margin: 0;
    unicode-bidi: plaintext;
}

#SRedit_body #topPanelButtons button.handleTopPanel {
    height: 26px;
    padding: 0 10px 10px 30px;
    font-size: 13px;
    color: #1f73b7;
    background-image: url(../images/tabs/hodeTopPanel.svg);
}

#SRedit_body.RTL #topPanelButtons button.handleTopPanel {
    margin: 4px 10px 0 10px;
    padding: 0 30px 10px 10px;
    background-position-x: right;
}

#SRedit_body #topPanelButtons button.handleTopPanel.topPanelCollapsed {
    background-image: url(../images/tabs/showTopPanel.svg);
}

#SRedit_body #topPanelButtons button.backward {
    width: 24px;
    height: 20px;
    background-image: url(../images/tabs/ltward.svg);
    background-position: center;
}

#SRedit_body #topPanelButtons button.forward {
    width: 24px;
    height: 20px;
    background-image: url(../images/tabs/rtward.svg);
    background-position: center;
}

#SRedit_body.RTL #topPanelButtons button.forward,
#SRedit_body.RTL #topPanelButtons button.backward {
    transform: rotate(180deg);
}

#SRedit_body #topPanelButtons button.forward[disabled],
#SRedit_body #topPanelButtons button.backward[disabled] {
    opacity: 0.5;
    cursor: default;
}

#SRedit_body #topPanelButtons .handleTopPanelSeparator {
    width: 19px;
    height: 19px;
    border-left: solid 1px #979797;
    display: inline-block;
}

#SRedit_body #tabs .tabs-nav.end {
    margin-top: 0px;
    display: inline-block;
}

#SRedit_body #topPanelButtons .paginator {
    display: inline-block;
    position: relative;
}

#topPanelButtons {
    display: none;
}

.LTR #SRedit_body #wf_tabs_wrapper #topPanelButtons {
    height: 35px;
    padding-top: 6px;
    float: right;
    padding-right: 20px;
}

.RTL #SRedit_body #wf_tabs_wrapper #topPanelButtons {
    height: 35px;
    padding-top: 6px;
    float: left;
    padding-left: 20px;
}

#SRedit_body #topPanelButtons {
    display: inline-block;
    float: right;
    height: 30px;
    padding-top: 5px;
}

#SRedit_body.RTL #topPanelButtons {
    float: left;
}

#SRedit_body #tabsContainer {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    width: 1100px;
    float: left;
}

#SRedit_body.RTL #tabsContainer {
    float: right;
}

@media only screen and (min-width: 1875px) {
    #SRedit_body #tabsContainer {
        width: 1099px;
    }
}

@media only screen and (min-width: 1751px)and (max-width: 1874px) {
    #SRedit_body #tabsContainer {
        width: 989px;
    }
}

@media only screen and (min-width: 1601px ) and (max-width: 1750px) {
    #SRedit_body #tabsContainer {
        width: 879px;
    }
}

@media only screen and (min-width: 1400px ) and (max-width: 1600px) {
    #SRedit_body #tabsContainer {
        width: 769px;
    }
}

@media only screen and (max-width: 1399px) {
    #SRedit_body #tabsContainer {
        width: 659px;
    }
}

#SRedit_body .Container_Body div.BorderFix_FF {
    border: none;
}

#SRedit_body .tabs_panels_separator,
#SRedit_body #tabs_panels_separator,
#SRedit_body #panels_separator {
    border: none;
}

#SRedit_body #panels_separator.topPanelCollapsed {
    display: none;
}

#SRedit_body.RTL .Tab .wf_tab_title.wf_tab_title {
    font-family: Arial !important;
    font-size: 12px;
}

#SRedit_body .Tab_Center,
#SRedit_body .TabEnabled_Center,
#SRedit_body .TabEnabled_Last,
#SRedit_body .TabPlus_Center {
    height: 30px;
}

#SRedit_body .Selected .Tab_First,
#SRedit_body .Selected .Tab_Center,
#SRedit_body .Selected .Tab_Last,
#SRedit_body .Selected .TabEnabled_First,
#SRedit_body .Selected .TabEnabled_Last,
#SRedit_body .Selected .TabCompleted_First,
#SRedit_body .Selected .TabCompleted_Last,
#SRedit_body .TabStrip .Selected,
#SRedit_body .TabCompleted_Center,
#SRedit_body .TabCompleted_First,
#SRedit_body .Selected .TabEnabled_Center,
#SRedit_body .TabCompleted_Last {
    height: 28px;
}

#SRedit_body .TabStrip {
    border: none;
}

#SRedit_body .lastGrayOnGraySelected,
#SRedit_body .lastGreenOnGraySelected,
#SRedit_body .lastGreenOnGreenSelected,
#SRedit_body .lastGrayOnGreenSelected,
#SRedit_body.RTL .lastGrayOnGraySelected,
#SRedit_body.RTL .lastGreenOnGraySelected,
#SRedit_body.RTL .lastGreenOnGreenSelected,
#SRedit_body.RTL .lastGrayOnGreenSelected {
    height: 28px !important;
}

#SRedit_body #wf_item_edit_icon {
    padding: 3px;
    margin: 0;
}

#SRedit_body .Container .Container_Body .SubTabBorderFix_FF {
    padding: 0;
}

#SRedit_body .lastGreenOnGraySelected,
#SRedit_body .lastGrayOnGraySelected,
#SRedit_body .lastGreenOnGreenSelected,
#SRedit_body.RTL .TabEnabled_Last,
#SRedit_body.RTL .lastGrayOnGraySelected,
#SRedit_body.RTL .Selected .lastGreenOnGray,
#SRedit_body.RTL .Selected .TabCompleted_Last,
#SRedit_body.RTL .lastGrayOnGreenSelected,
#SRedit_body .Tab .TabEnabled_Last,
#SRedit_body.RTL .lastGreenOnGray,
#SRedit_body .lastGrayOnGreenSelected,
#SRedit_body .TabCompleted_Last,
#SRedit_body .Selected .Rightmost .TabEnabled_Last,
#SRedit_body.RTL .Selected .Rightmost .TabEnabled_Last,
#SRedit_body .Selected .TabEnabled_Last,
#SRedit_body .Selected .Leftmost .TabEnabled_Last,
#SRedit_body .Selected .TabCompleted_Last,
#SRedit_body .Selected .Leftmost .TabCompleted_Last,
#SRedit_body .Selected .Rightmost .Tab_Center,
#SRedit_body .Selected .Rightmost .TabEnabled_Center,
#SRedit_body .Selected .Rightmost .TabCompleted_Center,
#SRedit_body .Selected .TabCompleted_Center,
#SRedit_body .Tab .Leftmost .Tab_First,
#SRedit_body .Tab.Selected .Leftmost .TabEnabled_First,
#SRedit_body .Tab .Leftmost .TabEnabled_First,
#SRedit_body .Tab .Leftmost .Tab_Center,
#SRedit_body .Tab .Leftmost .Tab_Last,
#SRedit_body .Tab .leftBorder,
#SRedit_body .Tab .TabEnabled_Center,
#SRedit_body .Tab .TabEnabled_Last,
#SRedit_body .Tab .Tab_Center,
#SRedit_body .Tab .Tab_Last,
#SRedit_body .Tab .lastGrayOnGraySelected,
#SRedit_body .Tab .Leftmost .TabCompleted_First,
#SRedit_body .Tab .TabCompleted_First,
#SRedit_body .Tab .TabCompleted_Center,
#SRedit_body .Tab .TabCompleted_Last,
#SRedit_body .Tab .Selected .lastGreenOnGray,
#SRedit_body .Tab .lastGreenOnGraySelected,
#SRedit_body .Tab .lastGreenOnGreenSelected,
#SRedit_body .Tab .lastGreenOnGray,
#SRedit_body.RTL .Selected .TabEnabled_Last,
#SRedit_body.RTL .Selected .TabCompleted_Last,
#SRedit_body.RTL .Selected .lastGreenOnGray,
#SRedit_body.RTL .Selected .lastGrayOnGreen,
#SRedit_body.RTL .Selected .Tab_Last,
#SRedit_body.RTL .Selected .Tab_First,
#SRedit_body.RTL .lastGrayOnGreenSelected,
#SRedit_body .lastGrayOnGreenSelected,
#SRedit_body .Selected .Rightmost .TabEnabled_Last,
#SRedit_body.RTL .Selected .Rightmost .TabEnabled_Last {
    width: 0px !important;
}

#SRedit_body #restOfTabs.up::after,
#SRedit_body #nextSRUpperCapture.up::after {
    content: "";
    width: 8px;
    height: 8px;
    border: solid 4px transparent;
    border-top: solid 4px #5e5e5e;
    position: relative;
    top: 10px;
    left: 5px;
}

#SRedit_body #restOfTabs,
#SRedit_body #nextSRUpperCapture{
	width: auto;
	max-width: 55px;
}

#SRedit_body #restOfTabs.down::after,
#SRedit_body #nextSRUpperCapture.down::after{
    content: "";
    width: 8px;
    height: 8px;
    border: solid 4px transparent;
    border-bottom: solid 4px #5e5e5e;
    position: relative;
    top: -9px;
    left: 5px;
}

#SRedit_body #tabsDdl,
#SRedit_body #incidentsTabsDdl{
    width: 208px;
    max-height: 368px;
    border-radius: 4px;
    box-shadow: 0 0 11px 0 rgba(56, 62, 68, 0.09);
    border: solid 1px #e6e6e6;
    background-color: #fdfdfd;
    overflow: auto;
    position: absolute;
	z-index: 100;
}

#SRedit_body #tabsDdl ul,
#SRedit_body #incidentsTabsDdl ul {
    padding: 24px 0;
}

#SRedit_body #tabsDdl ul li,
#SRedit_body #incidentsTabsDdl ul li {
    padding: 3px 27px;
}
#SRedit_body #tabsDdl ul li:hover,
#SRedit_body #incidentsTabsDdl ul li:hover {
    background-color: #1f73b7;
}
#SRedit_body #tabsDdl ul li.active,
#SRedit_body #incidentsTabsDdl ul li.active {
    background-color: #3bb000;
}

#SRedit_body #tabsDdl ul li.active a,
#SRedit_body #incidentsTabsDdl ul li.active a{
    font-weight: 700;
    color: #ffffff;
}

#SRedit_body #tabsDdl ul li:hover a,
#SRedit_body #incidentsTabsDdl ul li:hover a {
    font-weight: 700;
    cursor: pointer;
    color: #ffffff;
}

#SRedit_body #tabsDdl ul li a,
#SRedit_body #incidentsTabsDdl ul li a {
    font-size: 13px;
    color: #5e5e5e;
    font-weight: normal;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    width: 100%;
}
#SRedit_body #tabsDdl.hide,
#SRedit_body #incidentsTabsDdl.hide{
    display: none;
}

.buttons-wrapper button.workflowDesigner {
	border-radius: 4px;
	border: solid 1px #999999;
	background-color: #ffffff;
	padding: 6px;
	padding-left: 30px;
	width: auto;
	font-size: 12px;
	letter-spacing: 0.3px;
	margin-right: 20px;
	background-image: url("../icons/new_sr/visual-workflow-designer.svg");
	background-repeat: no-repeat;
	background-position: 4% 53%;
    cursor:pointer;
}

.buttons-wrapper button.disabled.workflowDesigner,
.buttons-wrapper button.disabled.workflowDesigner:hover {
	opacity: .5;
	cursor: default;
}

.loaderImageClass{
	margin-top:3px;
	margin-left:110px;
	z-index:1600;
	position: absolute;
	width:26px;
	height:26px;
}

.buttonWrapperSr {
	border-radius: 17px;
	border: solid 1px #00b074;
	background-color: #ffffff;
	display: inline-block;
	padding: 0px 4px;
	width: 95px;
	height: 30px;
	position: relative;
	bottom: 1.5px;
	cursor: pointer;
}

.LTR .plusSign {
	display: inline-block;
	font-size: 26px;
	position: relative;
	bottom: 4px;
	left: 5px;
}

.RTL .plusSign {
	display: inline-block;
	font-size: 26px;
	position: relative;
	bottom: 4px;
	right: 4px;
}

.LTR .addNewRecordButtonName {
	font-size: 15px;
	font-family: 'Arial-BoldMT', 'Arial Bold', 'Arial';
	font-style: normal;
	display: inline-block;
	margin-right: 5px;
	position: relative;
	bottom: 7.5px;
	left: 10px;
}

.RTL .addNewRecordButtonName {
	font-size: 15px;
	font-family: 'Arial-BoldMT', 'Arial Bold', 'Arial';
	font-style: normal;
	display: inline-block;
	margin-right: 5px;
	position: relative;
	bottom: 7.5px;
	right: 5px;
}

.addNewRecordBtn, .showSrList {
	background-color: transparent;
	border: none;
	display: inline-block;
}

.showSrList {
	height: 20px;
	width: 20px;
	position: absolute;
	margin-top: 10px;
}

.LTR .separatorButtonRecord {
	display: inline-block;
	height: 29px;
	margin-bottom: -3px;
	margin-left: 11px;
	font-size: 29.5px;
	color: #d7d7d7;
	position: relative;
	bottom: 4.5px;
}

.RTL .separatorButtonRecord {
	display: inline-block;
	margin-left: 11px;
	font-size: 29.5px;
	color: #d7d7d7;
	position: relative;
	bottom: 4.5px;
	right: 12px;
}

.LTR .downArrow {
	width: 7px;
	font-weight: bold;
	height: 7px;
	border: solid 1.5px #25265e;
	transform: rotate(45deg);
	border-left: none;
	border-top: none;
	display: inline-block;
	margin-bottom: 8.5px;
	position: relative;
	left: 4px;
}

.RTL .downArrow {
	width: 7px;
	font-weight: bold;
	height: 7px;
	border: solid 1.5px #25265e;
	transform: rotate(45deg);
	border-left: none;
	border-top: none;
	display: inline-block;
	margin-bottom: 8.5px;
	position: relative;
	right: 5.5px;
}

.downArrow.toggle {
	transform: rotate(225deg);
	margin-top: 3px;
}

.newSrWrapper{
    display: inline-block;
}

.img-container canvas{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    max-height: calc(100% - 20px);
    max-width: calc(100% - 20px);
}
.canvas-slide{
    bottom: 15px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    max-height: calc(100% - 20px);
    max-width: calc(100% - 20px);
}

.filterAttachmentImageButton{
    background-image:url(../images/list-icon-filter.svg);
    background-repeat: no-repeat;
    background-size: 12px;
    background-position-x: 7px;
    background-position-y: 7px;
}

#attachmentCounter{
    width:130px;
}

#actions_bar.attachment_actions_bar{
    display: inline-flex;
    margin-top: -10px;
    margin-bottom: 0px;
}

#actions_bar.attachment_actions_bar #search_input_wrapper input[name="searchField"]{
    height: 30px;
    width: 250px;
    border: solid 1px #bcbcbc;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.ui-tabs .ui-tabs-nav li .exceeded{
	cursor: default;
}