/* Roboto regular */
@font-face {
    font-family: "Roboto";
    src: url("/fonts/Roboto-Thin.eot");
    src: url("/fonts/Roboto-Thin.eot?#iefix") format('embedded-opentype'),
    url("/fonts/Roboto-Thin.woff2") format('woff2'),
    url("/fonts/Roboto-Thin.woff") format('woff'),
    url("/fonts/Roboto-Thin.ttf") format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: "Roboto";
    src: url("/fonts/Roboto-Light.eot");
    src: url("/fonts/Roboto-Light.eot?#iefix") format('embedded-opentype'),
    url("/fonts/Roboto-Light.woff2") format('woff2'),
    url("/fonts/Roboto-Light.woff") format('woff'),
    url("/fonts/Roboto-Light.ttf") format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "Roboto";
    src: url("/fonts/Roboto-Regular.eot");
    src: url("/fonts/Roboto-Regular.eot?#iefix") format('embedded-opentype'),
    url("/fonts/Roboto-Regular.woff2") format('woff2'),
    url("/fonts/Roboto-Regular.woff") format('woff'),
    url("/fonts/Roboto-Regular.ttf") format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Roboto";
    src: url("/fonts/Roboto-Medium.eot");
    src: url("/fonts/Roboto-Medium.eot?#iefix") format('embedded-opentype'),
    url("/fonts/Roboto-Medium.woff2") format('woff2'),
    url("/fonts/Roboto-Medium.woff") format('woff'),
    url("/fonts/Roboto-Medium.ttf") format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "Roboto";
    src: url("/fonts/Roboto-Bold.eot");
    src: url("/fonts/Roboto-Bold.eot?#iefix") format('embedded-opentype'),
    url("/fonts/Roboto-Bold.woff2") format('woff2'),
    url("/fonts/Roboto-Bold.woff") format('woff'),
    url("/fonts/Roboto-Bold.ttf") format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "Roboto";
    src: url("/fonts/Roboto-Black.eot");
    src: url("/fonts/Roboto-Black.eot?#iefix") format('embedded-opentype'),
    url("/fonts/Roboto-Black.woff2") format('woff2'),
    url("/fonts/Roboto-Black.woff") format('woff'),
    url("/fonts/Roboto-Black.ttf") format('truetype');
    font-weight: 900;
    font-style: normal;
}

/* Roboto italic */

@font-face {
    font-family: "Roboto";
    src: url("/fonts/Roboto-ThinItalic.eot");
    src: url("/fonts/Roboto-ThinItalic.eot?#iefix") format('embedded-opentype'),
    url("/fonts/Roboto-ThinItalic.woff2") format('woff2'),
    url("/fonts/Roboto-ThinItalic.woff") format('woff'),
    url("/fonts/Roboto-ThinItalic.ttf") format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: "Roboto";
    src: url("/fonts/Roboto-LightItalic.eot");
    src: url("/fonts/Roboto-LightItalic.eot?#iefix") format('embedded-opentype'),
    url("/fonts/Roboto-LightItalic.woff2") format('woff2'),
    url("/fonts/Roboto-LightItalic.woff") format('woff'),
    url("/fonts/Roboto-LightItalic.ttf") format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: "Roboto";
    src: url('/fonts/Roboto-Italic.eot');
    src: url('/fonts/Roboto-Italic.eot?#iefix') format('embedded-opentype'),
    url('/fonts/Roboto-Italic.woff2') format('woff2'),
    url('/fonts/Roboto-Italic.woff') format('woff'),
    url('/fonts/Roboto-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: "Roboto";
    src: url("/fonts/Roboto-MediumItalic.eot");
    src: url("/fonts/Roboto-MediumItalic.eot?#iefix") format('embedded-opentype'),
    url("/fonts/Roboto-MediumItalic.woff2") format('woff2'),
    url("/fonts/Roboto-MediumItalic.woff") format('woff'),
    url("/fonts/Roboto-MediumItalic.ttf") format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: "Roboto";
    src: url("/fonts/Roboto-BoldItalic.eot");
    src: url("/fonts/Roboto-BoldItalic.eot?#iefix") format('embedded-opentype'),
    url("/fonts/Roboto-BoldItalic.woff2") format('woff2'),
    url("/fonts/Roboto-BoldItalic.woff") format('woff'),
    url("/fonts/Roboto-BoldItalic.ttf") format('truetype');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: "Roboto";
    src: url("/fonts/Roboto-BlackItalic.eot");
    src: url("/fonts/Roboto-BlackItalic.eot?#iefix") format('embedded-opentype'),
    url("/fonts/Roboto-BlackItalic.woff2") format('woff2'),
    url("/fonts/Roboto-BlackItalic.woff") format('woff'),
    url("/fonts/Roboto-BlackItalic.ttf") format('truetype');
    font-weight: 900;
    font-style: italic;
}

/* Using new font names for Condensed as font-stretch is not supported on some browsers */
/* Roboto Condensed */
@font-face {
    font-family: "Roboto Condensed";
    src: url("/fonts/RobotoCondensed-Light.ttf") format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "Roboto Condensed";
    src: url("/fonts/RobotoCondensed-Regular.ttf") format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Roboto Condensed";
    src: url("/fonts/RobotoCondensed-Bold.ttf") format('truetype');
    font-weight: 700;
    font-style: normal;
}

/* Roboto Condensed Italic */
@font-face {
    font-family: "Roboto Condensed";
    src: url("/fonts/RobotoCondensed-LightItalic.ttf") format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: "Roboto Condensed";
    src: url("/fonts/RobotoCondensed-Italic.ttf") format('truetype');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: "Roboto Condensed";
    src: url("/fonts/RobotoCondensed-BoldItalic.ttf") format('truetype');
    font-weight: 700;
    font-style: italic;
}

/* Older Custom named fonts */
/* These should be removed - but would need all references removed as well */
@font-face {
    font-family: 'Roboto-Thin';
    src: url("/fonts/Roboto-Thin.eot");
    src: url("/fonts/Roboto-Thin.eot?#iefix") format('embedded-opentype'),
    url("/fonts/Roboto-Thin.woff2") format('woff2'),
    url("/fonts/Roboto-Thin.woff") format('woff'),
    url("/fonts/Roboto-Thin.ttf") format('truetype');
    font-weight: normal;
}

@font-face {
    font-family: 'Roboto-Light';
    src: url("/fonts/Roboto-Light.eot");
    src: url("/fonts/Roboto-Light.eot?#iefix") format('embedded-opentype'),
    url("/fonts/Roboto-Light.woff2") format('woff2'),
    url("/fonts/Roboto-Light.woff") format('woff'),
    url("/fonts/Roboto-Light.ttf") format('truetype');
    font-weight: normal;
}

@font-face {
    font-family: 'Roboto-Regular';
    src: url("/fonts/Roboto-Regular.eot");
    src: url("/fonts/Roboto-Regular.eot?#iefix") format('embedded-opentype'),
    url("/fonts/Roboto-Regular.woff2") format('woff2'),
    url("/fonts/Roboto-Regular.woff") format('woff'),
    url("/fonts/Roboto-Regular.ttf") format('truetype');
    font-weight: normal;
}

@font-face {
    font-family: 'Roboto-Medium';
    src: url("/fonts/Roboto-Medium.eot");
    src: url("/fonts/Roboto-Medium.eot?#iefix") format('embedded-opentype'),
    url("/fonts/Roboto-Medium.woff2") format('woff2'),
    url("/fonts/Roboto-Medium.woff") format('woff'),
    url("/fonts/Roboto-Medium.ttf") format('truetype');
    font-weight: normal;
}

@font-face {
    font-family: 'Roboto-Condensed';
    src: url("/fonts/RobotoCondensed-Regular.ttf") format('truetype');
    font-weight: normal;
}

@font-face {
    font-family: 'Roboto-Bold-Condensed';
    src: url("/fonts/RobotoCondensed-Bold.ttf") format('truetype');
    font-weight: normal;
}

table {
    border-collapse: unset !important;
}

body {
    background: #fff;
    direction: ltr;
    overflow: hidden;
    font-family: 'Roboto-Regular',Verdana, Tahoma, Arial, Helvetica, Geneva, sans-serif;
    font-size: 11px;
    line-height: 1.5;
}

.top-container * {
    box-sizing: content-box;
}

.vrm-dashboard-wrapper-content * {
    box-sizing: border-box;
}



a, a:visited {
    color: #0066cc;
    text-decoration: none;
}

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

hr {
    height: 1px;
    background-color: #d6d6d6;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    margin-top: 0!important;
    margin-bottom: 0 !important;
}

.SubmitCancelBar button {
    /* margin-bottom: 5px !important; */
    /* padding-bottom: 10px; */
    margin-top: 6px;
    margin-left: 10px;
    height: 28px;
}
.gwt-SplitLayoutPanel-HDragger {
    background: #e6e7e8 url(../images/splitter/resize-tree.svg) center center no-repeat;
    cursor: col-resize;
    border-top: 1px solid rgba(171, 171, 171, 0.33);
}

.gwt-SplitLayoutPanel-VDragger {
    background: rgb(240, 240, 240) url(../images/splitter/resize-tree.svg) center center no-repeat;
    cursor: row-resize;
}

.DownFrame {
    width: 100%;
    height: 100%;
    background-color: #191a1dbf;
    z-index: 1001;
    text-align: center;
    visibility: visible;
}

.DownFrame-SingleDevice {
    z-index: 1; /*Lower than tree_triangle_menu_xxx */
}

.DownFrame-Processing {
    background-color: rgba(255, 255, 255, 0.5);
}

.DownFrameTitle, .DownFrameMessage {
    font-size: 24px;
    color: #FFF;
    text-shadow: 0px 0px 20px rgb(0, 0, 0);
    text-align: center;
    font-weight: bold;
    margin-top: 51px;
}

.DownFrameMessage {
    font-size: 22px;
    margin-top: 10px;
}

.DownFrame-Processing .DownFrameTitle, .DownFrame-Processing .DownFrameMessage {
    color: #888;
    text-shadow: 0px 0px 20px #f7c633;
}

.MessagesFrame, .gwt-PopupPanelGlass {
    /* background: radial-gradient(ellipse at center,#4e545a 0%,#494e54 25%,#181d22 100%); */
    z-index: 1000;
    background: -webkit-radial-gradient(ellipse at center,#4e545a 0%,#494e54 25%,#181d22 100%);
    background-size: cover;
}

/*Comes with DialogBox_OpenScreen*/
.gwt-PopupPanel, .compareDeviceBackupPanel {
    border-radius: 4px;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.75);
    background-color: rgb(212, 212, 212);
    width: 570px;
    /* height: 280px; */
}

.compareDeviceBackupPanel {
    width: 660px;
}

.compareDeviceBackupPanel .DialogBox_OpenScreen {
    width: 780px;
}

.backupFileCompareTextBox {
    margin-right: 2px;
    margin-left: 5px !important;
}

.fileUploadNoLabel {
    margin-left: 0px !important;
}

.DialogBox, .DialogBox_OpenScreen {
    position: relative;
    padding: 4px;
    width: 560px;
    height: auto;
    border-radius: 4px;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.75);
    border-style: none;
    /* background-color: #d4d4d4; */
    margin-left: auto;
    margin-right: auto;
    background: #fafafa;
}

.DialogBox_OpenScreen {
    width: auto;
    height: auto;
    margin-top: 0%;
    z-index: 100;
}

.DownFrame .DialogBox {
    top: 30%;
    position: absolute !important;
    left: 30%;
    right: 30%;
    text-align: start;
}

.LoginDialog {
    z-index: 1000;
    background: none;
    left: 85px!important;
    /* height: 460px; */
    position: absolute!important;
    top: 50%!important;
    transform: translate(0, -50%);
    box-shadow: none;
    left: 70px !important;
    right: 70px !important;
    bottom: 0;
    width: auto;
}

.LoginDialogContent {
    width: 35%;
    padding-right: 7px;
    margin-left: 33px;
    /* margin-right: 50px; */
}

.LoginDialogContent .gwt-Label {
    padding-bottom: 5px;
    font-size: 2.769em;
    font-weight: 300;
    margin-bottom: 20px;
    color: #414042;
    /* padding-left: 50px; */
    /* text-overflow:  ellipsis; */
    /* min-width: 302px; */
    /* width: 302px; */
    /* display: block; */
    /* white-space: nowrap; */
}

.LoginDialogContent .gwt-Label.CapsLock {
    left: 10px;
    color: red;
    font-size: 12px;
    /* top: 8px; */
    /* padding-bottom: 0px; */
    margin-bottom: 0px;
}

.LoginDialogContent .gwt-MenuItem {
    background: url(../images/ic_laguage_switch.png) no-repeat 3px 3px;
    width: 18px;
    top: 8px;
    position: relative;
    right: 20px;
}

.LoginDialogContent .subMenuIcon {
    display: none;
}

.loginLanguageBarPopup {
    z-index: 1000 !important;
}

.DialogContent {
    margin-top: 20px;
    margin-right: 50px;
}

.DialogContentNoImage {
    margin-left: 50px;
}

.DialogContent .ScreenComposite {
    background-color: #fafafa;
}

.DialogIcon {
    margin-top: 20px;
    margin-left: 25px;
}

.orange_line, .red_line, .blue_line, .gray_line, .green_line, .DialogHeader {
    height: 9px;
    margin: 5px 7px;
}

.orange_line {
    background-color: #ff7e00;
}

.red_line {
    background-color: #be1e2d;
}

.blue_line {
    background-color: rgb(53, 106, 140);
}

.gray_line {
    background-color: rgb(189, 190, 192);
}

.green_line {
    /* background-color: #6abc45; */
}

.DialogHeader:hover {
    cursor: pointer;
}

.DialogHeader:active {
    cursor: move;
}

.DialogSouthPanel {
    width: 100%;
    padding: 0px 7px;
    height: 100%;
}

.DialogSouthPanel .gwt-Button {
    float: right;
    margin-left: 15px;
    margin-bottom: 7px;
    /* min-width: 70px; */
    /* padding-bottom: 20px; */
    /* margin-bottom: 20px; */
    /* bottom: 20px; */
    height: 27px;
}

.DialogButtonSeparator {
    background-color: #afafaf;
    height: 1px;
    margin-bottom: 6px;
}

.signInContainer .DialogButtonSeparator {
    width: calc(35% - 7px);
    float:left;
}
.LoginMessage {
    border-top: 1px solid #008546;
    border-bottom: 1px solid #008546;
    font-weight: bold;
    background-color: #fff;
    width: 35%;
    margin-bottom: 6px;
    /* float:left; */
    right: 7px;
    /* margin-right: 20px; */
    /* padding-right: 10px; */
    position: relative;
    height: 26px;
}

.LoginMessage-error {
    border-top: 1px solid #e30000;
    border-bottom: 1px solid #e30000;
}

.LoginMessage .gwt-Image {
    padding-top: 2px;
    margin-bottom: -1px;
    float: left;
    padding-left: 20px;
}

.gwt-MenuBarPopup {
    z-index: 100; /* in floating tree the popup is below the tree.. if it affect something badly try to find better solution for this */
}

/* Remove underline from header */
.gwt-DisclosurePanel .header, .gwt-DisclosurePanel .header a, .gwt-DisclosurePanel .header td {
    text-decoration: none;
    color: #00589f;
    /*background: #f4fafe;*/
    cursor: pointer;
    cursor: hand;
}

.message_area .gwt-DisclosurePanel .header, .message_area .gwt-DisclosurePanel .header a, .message_area .gwt-DisclosurePanel .header td {
    text-decoration: none;
    color: black;
    cursor: pointer;
    cursor: hand;
    padding-left: 0px;
}

.message_area .gwt-DisclosurePanel .header td:nth-child(even) {
    padding-left: 10px;
}

.message_area .gwt-DisclosurePanel .header td:nth-child(odd) {
    padding-left: 20px;
}

/*.gwt-DisclosurePanel .content {
        border-left: 3px solid #f4fafe;
        padding: 4px 0px 4px 8px;
        margin-left: 6px;
    }*/

.grid {
    width: 150px;
    height: 50px;
    padding: 5px;
    position: absolute;
    left: 220px;
    top: 350px;
}

.grid_header, .grid_Multi_header, .grid_header_nopadding, .grid_Single_header, .expandedGridHeader, .grid_header_nopadding_scheduler {
    color: #d2d3d5;
    /* background-image: linear-gradient(180deg, #ebf7f7 0%, #c7d3da 100%); */
    /* height: 50px !important;*/
    background-color: #d2d3d5;
    position: relative;
    width: 100%;
    clear: right;
    border-bottom: 1px solid #ababab;
    box-shadow: -1px 3px 6px 0px rgb(200, 200, 200);
    -moz-box-shadow: -1px 3px 6px 0px rgb(200, 200, 200);
    /* -webkit-box-shadow: -1px 3px 6px 0px rgb(200, 200, 200); */
    font-family: Roboto-Medium !important;
    font-size: 14px;
    text-transform:uppercase;
    color: #404040;
    /* font-weight: bold; */
    text-transform: capitalize;
    /* font-weight: bold; */
}

.grid_header_nocapitalize {
    color: #13235e;
    /* background-image: linear-gradient(180deg, #ebf7f7 0%, #c7d3da 100%); */
    /* height: 50px !important;*/
    background-color: rgb(210, 211, 213);
    position: relative;
    width: 100%;
    clear: right;
    border-bottom: 1px solid #ababab;
    box-shadow: -1px 3px 6px 0px rgb(200, 200, 200);
    -moz-box-shadow: -1px 3px 6px 0px rgb(200, 200, 200);
    /* -webkit-box-shadow: -1px 3px 6px 0px rgb(200, 200, 200); */
    font-family: Roboto-Medium !important;
    font-size: 14px;
    color: #404040;
    /* font-weight: bold; */
    /* font-weight: bold; */
}

.grid_header_search, .grid_Multi_header_search, .grid_header_nopadding_search, .grid_Single_header_search, .expandedGridHeader_search, .grid_header_nopadding_scheduler_search {
    color: #13235e;
    background-color: rgb(180, 199, 212);
    position: relative;
    width: 100%;
    clear: right;
    border-bottom: 1px solid #ababab;
    box-shadow: -1px 3px 6px 0px rgb(200, 200, 200);
    -moz-box-shadow: -1px 3px 6px 0px rgb(200, 200, 200);
    /* -webkit-box-shadow: -1px 3px 6px 0px rgb(200, 200, 200); */
    font-family: Roboto !important;
    font-size: 14px;
    text-transform: uppercase;
    color: #404040;
    font-weight: bold;
    text-transform: capitalize;
    font-weight: bold;
    /* padding: 10px!important; */
}



.grid_header_nopadding_search {
    padding: 4px 0px 4px 0px !important;
    width: 100% !important;
    /* padding: 10px !important; */
}

.grid_Multi_header, .grid_Multi_header_search {
    padding-top: 4px;
    width: 110%;
    height: 100%;
    margin-top: -4px;
    margin-left: -10px;
}

.mdc_grid_header {
    color: #13235e;
    background-image: linear-gradient(180deg, #ebf7f7 0%, #c7d3da 100%);
}

.grid_header {
    /* width: 100% !important;*/
    /* height: 25px !important;*/
    padding: 10px !important;
}

.expandedGridHeader {
    line-height: 41px;
}

.grid_header_nopadding, .grid_header_nopadding_scheduler {
    padding: 4px 0px 4px 0px !important;
    width: 100% !important;
}

.grid_header_nopadding .gwt-InlineHTML {
    padding: 4px 3px 4px 5px;
}

.grid_header_nopadding .GNWQWH3PKC {
    height: 40% !important;

}

.grid_header_nopadding_scheduler {
    height: 49px !important;
}

.grid_header_nopadding_scheduler .gwt-InlineHTML {
    padding: 4px 3px 4px 5px;
}

.grid_header_nopadding_scheduler .GNWQWH3PKC {
    height: 40% !important;
}

.grid_Single_header {
    top: 30px !important;
    position: absolute !important;
}

.grid_search_container, .tree_sreach_container, .quick_search_container { /*Search*/
    border-top: 1px solid #ababab;
    background-color: #e6e6e6;
    height: 20px;
    padding: 3px 0px 2px 0px;
    margin-left: -1px;
    margin-right: 0px;
    margin-top: 5px;
    width: 100%;
    font-family: Roboto-Regular;
    font-size: 12px;
}

.tree_sreach_container {
    margin-top: 2px;
}

.aria-search, .tree-area-search, .area-search-headerSingle, .quick_aria-search {
    font-style: italic;
    position: absolute;
    top: 33px;
    left: 4px;
    z-index: 1;
    color: rgb(102, 102, 102);
    background-color: transparent;
    white-space: nowrap;
    cursor: text;
}

.area-search-headerSingle {
    top: 29px;
}

.tree-area-search {
    top: -18px;
    position: relative;
}

.grid_search_container_left, .grid_search_container_left .aria-search, .quick_aria-search {
    padding-left: 4px;
}

.grid_search_container_left .grid_search_control {
    padding-left: 0px;
    height: 22px;
}

.grid_search_container_right {
    padding-right: 2px;
    width: 98%;
}

.grid_search_control, .quick_search_control { /*Text and Combo Container*/
    -moz-user-select: text !important;
    -webkit-user-select: initial !important;
    -khtml-user-select: initial !important;
    border: 1px solid #dce8eb;
    background-color: #FFF;
    color: black;
    vertical-align: top;
    height: 21px;
    padding-left: 2px;
    margin: 0px;
    width: 100%;
}

.grid_search_control input {
    border: none !important;
    background-image: none !important;
    font-size: 11px;
    color: #13235e;

}

.grid_search_container input {
    background-image: none;
}

.grid_search_control-readonly {
    background-color: #EFEFEF;
    border-color: #CCC;
}

select.grid_search_control { /* Combo Container*/
    height: 19px;
    padding: 0px;
}

.grid_Multi_header {
    padding-top: 4px;
    width: 110%;
    height: 100%;
    margin-top: -4px;
    margin-left: -10px;
}

.column_name {
    float: left;
    position: relative;
    margin-right: 7px;
    margin-top: 3px;
    text-shadow: 0px 1px 0px rgb(255, 255, 255);
    padding: 0px !important;
    padding-left: 2px !important;
    line-height: 13px !important;
    width: 100%;
    font-family: 'Roboto';
    font-size: 14px;
    color: #404040;
    padding: 10px !important;
}

.grid_row {
    height: 22px;
}

.grid_cell {
    /*color: rgb(19, 35, 94);*/
    color: #404040;
    height: 33px;
}

.grid_cell_conditional {
    color: red !important;
    font-weight: bold !important;
    height: 33px;
}

.grid_cell_future_license {
    color: #404040 !important;
    font-weight: bold !important;
    height: 33px;
}

.grid_rows_border {
    /* border: 0px solid rgb(240, 240, 240);
    border-radius: 2px;*/
}

.grid_border {
    border: 1px solid rgba(194, 194, 194, 0.3);
    /* border-radius: 3px; */
}

.grid_border_error {
    border: 1px solid red;
    border-radius: 3px;
}

.unselected_dualList_grid {
    top: 7px;
}

/*
    .grid_doubleRow{
        background-color: #f4f5f7 !important;
    }

    .grid_nonDoubleRow {
        background-color: white !important;
    }*/

.data_row {
    height: 22px;
    cursor: pointer;
}

.data_row:hover {
    /*background-color: #FEF1D8 !important;*/
    background-color:#feeba9 !important;
}

.data_row:active {
    background-color: #FC9 !important;
}

.data_row:focus {
    background-color: #FC9 !important;
    cursor: pointer !important;
}

.ListBoxPrespective {
    width: 100%;
    height: 100%;
    font-weight: bold;
    background-color: #A4C7FF;
    border: 1px solid #000000;
}

.Table-Panel-Outline {
    border-style: solid;
    border-width: 1px;
}

/* ------------------------------------------------  */
/* ------------ Header/User........ ---------------  */
/* ------------------------------------------------  */
/*top menu bar*/

.Radware_Logo_container {
    float: left;
    /* height: 60px; */
    /* position: relative; */
    /* background-color: #be1e2d; */
    background-image: url(../images/globaltoolbar/logoBackground.png);
    width: 223px;
    height: 50px;
}

.Radware_Logo_container:hover {
    float: left;
    /* height: 60px; */
    /* position: relative; */
    background-image: url(../images/globaltoolbar/logoBackgroundHover.png);

    cursor: pointer;
    width: 223px;
    height: 60px;

}

.loginPage .Radware_Logo_container {
    width: 100%;
    height: 50px;
}
.Radware_Logo, .Radware_Logo:hover {
    /* background-color: #be1e2d; */
    font-size: 1.7em;
    color: #fff !important;
    min-width: 230px;
    /* padding: 8px 13px 24px 65px; */
    /*! height: 82px; */
    line-height: 20px;
    text-decoration: none;
    /* padding-top: 5px; */
    /* padding-bottom: 10px; */
    padding-left: -5px;
    margin-top: 10px;
    top: 10px;
}

.loginToolBar .Radware_Logo:before {
    content: '';
    display: block;
    background-image: url(../images/globaltoolbar/radware-icon.svg);
    background-repeat: no-repeat;
    padding-left: 70px;
    background-position-y: top;
    background-position-x: 26px;
    height: 50px;
    position: absolute;
    left: 0px;
}

.Radware_Logo:before {
    content: '';
    display: block;
    background-image: url(../images/globaltoolbar/radware-icon.svg);
    background-repeat: no-repeat;
    padding-left: 70px;
    background-position-y: 13px;
    background-position-x: 26px;
    height: 50px;
    position: absolute;
    left: 0px;
}

.loginPage .Radware_Logo, .loginPage .Radware_Logo:hover {
    background-color: #A33345;
    font-size: 2.0em;
    color: #fff !important;
    width: 100%;
    padding: 16px 13px 23px 76px;
    height: auto;
    line-height: 20px;
    text-decoration: none;
    position: absolute;
    margin-top: 0px;
    top: 0px;
}

.Radware_Logo:after {
    clear:both;
}

.WelcomePage_Logo {
    background: #be1e2d url(../images/globaltoolbar/radware-icon.svg) no-repeat left top;
    position: absolute !important;
    top: 50% !important;
    left: 40% !important;
}

.HeaderPanel {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    color: #ffffff;
    clear: right;
    right: 0px;
    background-color: #4F4F4F;
    font-family: 'Roboto-Regular',Verdana, Tahoma, Arial, Helvetica, Geneva, sans-serif;
    font-size: 11px;
}

.HeaderPanel .gwt-MenuItemSeparator {
    padding-top: 5px;
    width: 5px;
}

.AnchorsHeaderMiddlePanel {
    margin-top: 14px;
}

.HeaderLeftPanel {
    float: left;
    /* margin-left: 175px; */
    height: 50px;
}

.HeaderRightPanel {
    float: right;
    /* margin-top: 6px; */
    /* width: 600px; */
    /* min-width: 800px; */
    height: 50px;
}

a.HeaderItem, a.HeaderItem:visited {
    white-space: nowrap;
    margin-right: 5px;
    color: #333333;
}

.HeaderItem {
    /* padding: 7px 5px 11px 0px; */
    white-space: nowrap;
    font-size: 1.2em;
    /* border-bottom: 6px solid black; */
    color: #fff;
    /* margin-left: 5px; */
    float: right;
    /* margin-right: 5px; */
    height: 50px;
    border-left: 1px solid rgba(218, 218, 218, 0.9);
    /* height: 100%; */
    padding-top: 12px;
    /* padding-right: 30px; */
    /* padding-left: 5px; */
    /* border-left: none; */
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    font-size: 16px;
    text-align: center;
    padding-top: 15px;
}

.HeaderItem-WithIcon {
    background-repeat: no-repeat;
    padding-left: 50px; /*For images*/
    background-position: 3px 3px;
    /* margin-left: 10px; */
    /* padding-left: 35px; */
    /* padding-right: 35px; */
    padding-right: 16px;
}

.HeaderItem-dateItem {
    border: none;
    margin-right: 16px;
    border-left: 1px solid rgba(218, 218, 218, 0.9);
    padding-left: 16px;
}
.HeaderItem-NoText {
    padding-left: 45px; /*For images*/
    padding-right: 13px;
}

.HeaderItem-WithIcon, .HeaderItem-Link, .Link {
    cursor: pointer;
}

.HeaderItem-WithIcon:hover, .HeaderItem-Link:hover, .Link:hover {
    /* text-decoration: underline; */
}

.alertButton {
    background: rgb(242, 101, 34);
    border-radius:50px;
    /* margin-left: 30px; */
    float: right;
    /* margin-right: 5px; */
    width: 31px;
    height: 31px;
    /* padding: 7px 5px 11px 0px; */
    /* left: 20px; */
    /* position: absolute; */
    position: relative;
    margin-top: 0px;
    /* border-left: 1px solid rgba(218, 218, 218, 0.9); */
}
.HeaderItem-DeviceControlBarItem-Bell {
    background: url(../images/globaltoolbar/nav_alerts-yes.svg) no-repeat center 6px;
    cursor: pointer;
    /* -webkit-animation: ring 60s .7s ease-in-out infinite; */
    -webkit-transform-origin: 50% 4px;
    /* -moz-animation: ring 60s .7s ease-in-out infinite; */
    -moz-transform-origin: 50% 4px;
    /* animation: ring 60s .7s ease-in-out infinite; */
    transform-origin: 50% 4px;
    padding-left: 0px;
    padding-top: 7px;
    background-size:21px 21px;
    position: relative;
    width: 12px;
    /* top: 0px; */
    border-left: none;
    padding-right: 20px;
}


@-webkit-keyframes ring {
    0% { -webkit-transform: rotateZ(0); }
    0.2% { -webkit-transform: rotateZ(30deg); }
    0.4% { -webkit-transform: rotateZ(-28deg); }
    0.6% { -webkit-transform: rotateZ(34deg); }
    0.8% { -webkit-transform: rotateZ(-32deg); }
    1% { -webkit-transform: rotateZ(30deg); }
    1.2% { -webkit-transform: rotateZ(-28deg); }
    1.4% { -webkit-transform: rotateZ(26deg); }
    1.6% { -webkit-transform: rotateZ(-24deg); }
    1.8% { -webkit-transform: rotateZ(22deg); }
    2% { -webkit-transform: rotateZ(0); }
    100% { -webkit-transform: rotateZ(0); }
}

@-moz-keyframes ring {
    0% { -moz-transform: rotate(0); }
    0.2% { -moz-transform: rotate(30deg); }
    0.4% { -moz-transform: rotate(-28deg); }
    0.6% { -moz-transform: rotate(34deg); }
    0.8% { -moz-transform: rotate(-32deg); }
    1% { -moz-transform: rotate(30deg); }
    1.2% { -moz-transform: rotate(-28deg); }
    1.4% { -moz-transform: rotate(26deg); }
    1.6% { -moz-transform: rotate(-24deg); }
    1.8% { -moz-transform: rotate(22deg); }
    2% { -moz-transform: rotate(0); }
    100% { -moz-transform: rotate(0); }
}

@keyframes ring {
    0% { transform: rotate(0); }
    0.2% { transform: rotate(30deg); }
    0.4% { transform: rotate(-28deg); }
    0.6% { transform: rotate(34deg); }
    0.8% { transform: rotate(-32deg); }
    1% { transform: rotate(30deg); }
    1.2% { transform: rotate(-28deg); }
    1.4% { transform: rotate(26deg); }
    1.6% { transform: rotate(-24deg); }
    1.8% { transform: rotate(22deg); }
    2% { transform: rotate(0); }
    100% { transform: rotate(0); }
}


.HeaderItem-DeviceControlBarItem-Bell-disabled {
    background: url(../images/globaltoolbar/nav_alerts-no.svg) no-repeat 6px 6px;
    padding-left: 16px;
    /* padding-top: 7px; */
    background-size: 21px 21px;
    cursor: pointer;
    border-left: none;

}
.HeaderItem-Dpm {
    background-image: url(../images/ic_dpm.png);
}

.HeaderItem-Dpm:hover {
    background-image: url(../images/ic_dpm_hov.png);
}

.HeaderItem-vDirect {
    background-image: url(../images/vdirect4.png);
    /* padding-left: 0px; */
}

.HeaderItem-vDirect:hover {
    background-image: url(../images/vdirect4_hover.png);
}

.HeaderItem-Avr {
    background-image: url(../images/ic_avr.png);
}

.HeaderItem-Avr:hover {
    background-image: url(../images/ic_avr_hover.png);
}

.HeaderItem-Apm {
    background-image: url(../images/ic_apm.png);
}

.HeaderItem-Apm:hover {
    background-image: url(../images/ic_apm_hover.png);
}

.HeaderItem-DPipe {
    background-image: url(../images/defensePipe_ic.png);
    background-position: 5px 3px;
}

.HeaderItem-DPipe:hover {
    background-image: url(../images/defensePipe_ic_hover.png);
}

.HeaderItem-Scheduler {
    background: url(../images/globaltoolbar/Scheduler.svg) no-repeat 16px 12px;
}

.HeaderItem-Scheduler:hover {
    background: #717171 url(../images/globaltoolbar/Scheduler_over.svg) no-repeat 16px 12px;
    color: #dddfe0;

}
.HeaderItem-Scheduler:active {
    background: #A33345 url(../images/globaltoolbar/Scheduler_over.svg) no-repeat 16px 12px;
}
.HeaderItem-Scheduler-Triggered {
    background: #A33345 url(../images/globaltoolbar/Scheduler_over.svg) no-repeat 16px 12px;
}

.HeaderItem-Scheduler-Triggered:hover {
    background: #A33345 url(../images/globaltoolbar/Scheduler_over.svg) no-repeat 16px 12px;
}

.HeaderItem-Scheduler-Triggered, .HeaderItem-Templates-Triggered {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    /* background-color: rgb(228, 227, 228); */
    /* height: 28px; */
    /* color: black; */
}

.HeaderItem-Refresh {
    background: url(../images/globaltoolbar/Refresh-Reload.svg) no-repeat center 12px;
    /* margin-left: 5px; */
    /* border-left: none; */
    border-left: none;
}

.HeaderItem-Refresh:hover {
    background-image: url(../images/globaltoolbar/Refresh-Reload_over.svg);
    border-left: none;
}

.HeaderItem-RotateRefresh {
    -webkit-transform-origin: 47% 44%;
    -moz-transform-origin: 47% 44%;
    -ms-transform-origin: 47% 44%;
    -o-transform-origin: 47% 44%;
    transform-origin: 50% 37%;
    background-image: url(../images/globaltoolbar/Refresh-Reload.svg);
    animation: spinnerRotate 0.9s infinite linear;
    -webkit-animation: spinnerRotate 0.9s infinite linear;
    -moz-animation: spinnerRotate 0.9s infinite linear;
    -o-animation: o-spinnerRotate 0.9s infinite linear;
    border-left: none;
}

.HeaderItem-RotateRefresh:hover {
    background-image: url(../images/globaltoolbar/Refresh-Reload.svg);
}

.HeaderItem-VisionSettings {
    background: url(../images/globaltoolbar/vision-settings.svg)  no-repeat 16px 12px;
    padding-left: 37px;
    padding-left: 66px;
    padding-right: 30px;
    border-right: 1px solid rgba(218, 218, 218, 0.9);
}

.HeaderItem-VisionSettings:hover {
    background: #717171 url(../images/globaltoolbar/vision-settings_over.svg) no-repeat 16px 12px;
    color: #dddfe0;
    /* background-size: 22px 22px; */
    /* color: black; */
}

.HeaderItem-VisionSettings:active {
    background: #A33345  url(../images/globaltoolbar/vision-settings_over.svg) no-repeat 16px 12px;
    /* background-size: 22px 22px; */
}


.HeaderItem-VisionSettings-selected {
    background: #A33345 url(../images/globaltoolbar/vision-settings_over.svg) no-repeat 16px 12px;
    /* background-size: 22px 22px; */
}

.HeaderItem-df-no-pending-tasks {
    display: none;
    border-left: none;
}

.HeaderItem-df-no-pending-tasks:hover {
    display: none;
    border-left: none;
    cursor:default;
}

.HeaderItem-df-no-pending-tasks-selected {
    display: none;
    border-left: none;
    cursor: default;
}

.HeaderItem-df-pending-tasks, .HeaderItem-df-pending-tasks:hover, .HeaderItem-df-pending-tasks-selected {
    background: #4F4F4F url(../images/globaltoolbar/DF_over.svg) no-repeat center 32%;
    cursor: pointer;
}

.HeaderItem-defenseFlow {
    background-image: url(../images/globaltoolbar/DF.svg);
    background-position: 5px 3px;
}

.HeaderItem-defenseFlow_disabled {
    color: #3C4144;
    border: none;
    /* text-align: center; */
    padding: 6px;
    padding-bottom: 8px;
    margin-right: 10px;
    margin-left: 10px;
    margin-top: 8px;
    height: 20px;
    float: none;
    border-bottom: 1px solid #C4C4C4;
    font-size: 12px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    font-size: 12px;
    text-align: -webkit-auto;/* text-transform: uppercase; */
     opacity: 0.6;
    padding-left: 26px;
}

.HeaderItem-defenseFlow_disabled:hover, .HeaderItem-defenseFlow_disabled-selected {
    background-color: #eae7e7;
    cursor: default;
    opacity: 0.6;
}

.HeaderItem-defenseFlow:hover, .HeaderItem-defenseFlow-selected {
    background: #fff url(../images/globaltoolbar/DF_over.svg) no-repeat left center;
    color: black;
    cursor: pointer;
}

.HeaderItem-defenseFlow-pendingActions {
    background: #ffffff url(../images/globaltoolbar/DF.svg) no-repeat 2px 1px;
    background-position: 5px 3px;
    color: #A33345;
}

.HeaderItem-defenseFlow-pendingActions:hover {
    background: #fff url(../images/globaltoolbar/DF_over.svg) no-repeat;
    background-position: 5px 3px;
}

.HeaderItem-Templates {
    /* border: 1px solid #fff; */
}

.HeaderItem-Templates {
    background: url(../images/globaltoolbar/Toolbox.svg) no-repeat 16px 12px;
    /* filter: brightness(0.2) sepia(1) hue-rotate(180deg) saturate(5); */
    /* fill: green; */
}

.HeaderItem-Templates:hover {
    background: #717171 url(../images/globaltoolbar/Toolbox_over.svg) no-repeat 16px 12px;
    color: #dddfe0;
    /* color: black; */
}

.HeaderItem-Templates:active {
    background: #A33345 url(../images/globaltoolbar/Toolbox_over.svg) no-repeat 16px 12px;
}

.HeaderItem-Templates-selected {
    background: #A33345 url(../images/globaltoolbar/Toolbox_over.svg) no-repeat 16px 12px;
}

.HeaderItem-Templates-selected:hover {background: #A33345 url(../images/globaltoolbar/Toolbox_over.svg) no-repeat 16px 12px;}

.HeaderItem-Vrm {
    background: url(../images/globaltoolbar/nav_VRM_not-selected.svg) no-repeat 16px 15px;
    /* padding-left: 18px; */
}

.HeaderItem-Vrm:hover {
    background: #717171 url(../images/globaltoolbar/nav_VRM_over.svg) no-repeat 16px 15px;
    color: #dddfe0;
}

.HeaderItem-Vrm:active {
    background: #A33345 url(../images/globaltoolbar/nav_VRM_over.svg) no-repeat 16px 15px;
}


.HeaderItem-Vrm-selected {
    background-image: url(../images/globaltoolbar/nav_VRM_selected.svg);
}

.HeaderItem-VisionSettings-selected, .HeaderItem-VisionSettings-selected:hover,
.HeaderItem-defenseFlow-selected, .HeaderItem-defenseFlow-selected:hover,
.HeaderItem-Templates-selected, .HeaderItem-Templates-selected:hover,
.HeaderItem-Vrm-selected, .HeaderItem-Vrm-selected:hover{
    /* color: black; */
    /* background: #A33345 url(../images/globaltoolbar/vision-settings_over.svg) no-repeat 16px 12px; */
}

.HeaderItem-UserRole {
    color: #999;
    width: 100px;
}

.HeaderItem-UserName {
    background: url(../images/usermenu/User.svg) no-repeat 15px 12px;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    background-repeat: no-repeat;
    padding-left: 47px; /*For images*/
    /* border-left: none; */
    /* margin-right: 5px; */
}

.HeaderItem-applicationMenuItem {padding-right: 25px;padding-left: 35px;}
.HeaderItem-SSC {
    background: url(../images/globaltoolbar/SCC.svg) no-repeat 3px 3px;
}

.HeaderItem-SSC:hover {
    background: url(../images/globaltoolbar/SCC_over.svg) no-repeat 3px 3px;
}

.HeaderItem-licenseAlert {
    background: url(../images/license/license_expired.png) no-repeat 3px 3px;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    background-repeat: no-repeat;
    padding-left: 29px; /*For images*/
    float: right;
    border-top-color: red;
    border-top-style: solid;
    padding-right: 4px;
    animation: licenseBlink 0.5s linear infinite;
    /*animation-iteration-count: 1000;*/
    -webkit-animation: licenseBlink 1s linear infinite;
    /*-webkit-animation-iteration-count: 1000;*/
}

.HeaderItem-diskSpaceOn {
    background: url(../images/license/license_expired.png) no-repeat 3px 3px;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    background-repeat: no-repeat;
    padding-left: 29px;
    background-color: #fddd9e;
    border-top-color: #990000;
    border-top-style: solid;
    padding-right: 4px;
    height: 15px;
    color: black;
    padding-top: 4px;
    float: right;
    font-size: 12px;
}
.HeaderItem-diskSpaceOff {
    display: none;
}
@keyframes licenseBlink {
    50% {
        border-top-color: #f7c633;
    }
    /*#F6D0A5;*/
}

.HeaderItem-diskSpaceOn:hover {
    cursor: default;
}

.HeaderItem-licenseAlert:hover {
    background: url(../images/license/license_expired_over.png) no-repeat 3px 3px;
    padding-left: 29px; /*For images*/

    background-color: #f7c633;
    border-top-color: red;
    border-top-style: solid;
    cursor: pointer;

}

.HeaderItem-licenseAboutToExpire {
    background: url(../images/license/sand_clock_blue.png) no-repeat 3px 3px;
    padding-left: 29px; /*For images*/
    background-color: #c0d9e3;
    border-top-color: #2a2e6a;
    border-top-style: solid;
    padding-right: 4px;
}

.HeaderItem-licenseAboutToExpire:hover {
    cursor: pointer;
}

.HeaderItem-timebasedlicenseAboutToExpire90 {
    background: url(../images/license/sand_clock_blue.png) no-repeat 3px 3px;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    background-repeat: no-repeat;
    padding-left: 29px; /*For images*/
    background-color: #c0d9e3;
    border-top-color: #2a2e6a;
    border-top-style: solid;
    padding-right: 4px;
    margin-left: 20px;
}

.HeaderItem-timebasedlicenseAboutToExpire90:hover {
    cursor: pointer;
}

.HeaderItem-timebasedlicenseAboutToExpire30 {
    background: url(../images/license/sand_clock_red.png) no-repeat 3px 3px;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    background-repeat: no-repeat;
    padding-left: 29px;
    background-color: #fddd9e;
    border-top-color: #990000;
    border-top-style: solid;
    padding-right: 4px;
    height: 28px;
    color: black;
    padding-top: 2px;
    font-size: 12px;
    float: right;
    margin-left: 20px;
}

.HeaderItem-timebasedlicenseAboutToExpire30:hover {
    cursor: pointer;
}

.HeaderItem-timebasedlicenseExpired {
    background: url(../images/license/license_expired.png) no-repeat 3px 3px;
    /* max-width: 139px; */
    overflow: hidden;
    text-overflow: ellipsis;
    background-repeat: no-repeat;
    padding-left: 43px; /*For images*/
    background-color: #be1e2d;
    border-top-color: #860101;
    border-top-style: solid;
    color: white;
    font-weight: bold;
    /* padding-right: 5px; */
    height: 22px;
    padding-top: 8px;
    right: 9px;
    position: relative;
    float: right;
    width: 100px;
    margin-left: 20px;
}

.HeaderItem-timebasedlicenseExpired:after {
    clear:both;
    content: '';
    display: block;
}

.HeaderItem-timebasedlicenseExpired:hover {
    cursor: pointer;
}

.HeaderItem-rtulicenseAboutToExpire90 {
    background: url(../images/license/license_expired.png) no-repeat 3px 3px;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    background-repeat: no-repeat;
    padding-left: 35px; /*For images*/
    background-color: #fddd9e;
    border-top-color: red;
    border-top-style: solid;
    padding-right: 4px;
}

.HeaderItem-rtulicenseAboutToExpire90:hover {
    cursor: pointer;
}

/* ------------------------------------------------  */
/* ------------ gwt-MenuItems ---------------  */
/* ------------------------------------------------  */
.DeviceControlBar {
    width: 100%;
    background-color: #fafafa;
    height: 100%;
    /* padding-top: 6px; */
    /* border-top: 1px solid rgb(245, 245, 245); */
}

.DeviceControlBarItem {
    color: black;
    cursor: pointer;
    min-width: 100px;
    text-align: center;
    padding-top: 28px;
    height: 20px;
    border-bottom: 3px solid rgb(243,243,243);
    font-size: 12px;
    font-family: Roboto-Regular;
}

.DeviceVisionControlBarItem {
    color: rgb(19, 35, 94);
    cursor: pointer;
    min-width: 100px;
    text-align: center;
    padding-top: 34px;
    border-bottom: 6px solid rgb(243,243,243);
}

.DeviceControlBarItem-Right {
    float: right;
    position: fixed;
    right: 0px;
}

.DeviceControlBarItem-Apply {
    background: url(../images/operationsBar/apply.svg) no-repeat center 4px;
}

.DeviceControlBarItem-Apply:hover {
    background-image: url(../images/operationsBar/apply_over_selected.svg);
}

.DeviceControlBarItem-Apply_Disabled {
    background: url(../images/operationsBar/apply_da.svg) no-repeat center 4px;
    cursor: default;
}

/** Admin Scripts icons **/
.DeviceControlBarItem-triangleDown {
    background: url("../images/operatortoolbar/more_regular.png") no-repeat 0px 0px;
    position: absolute;
    height: 40px;
    margin-left: -15px;
    cursor: pointer;
    width: 20px;
    min-width: 20px
}

.DeviceControlBarItem-triangleDown_Disabled {
    background: url("../images/operatortoolbar/more_regular.png") no-repeat 0 0;
    position: absolute;
    top: 4px;
    height: 40px;
    margin-left: -15px;
    cursor: default;
    width: 20px;
    min-width: 20px
}

.DeviceControlBarItem-triangleDown:hover {
    background: url("../images/operatortoolbar/more_over.png") no-repeat 0 0;
}

.DeviceControlBarItem-triangleDown-selected {
    background: url("../images/operatortoolbar/more-in.png") no-repeat 0 0;
    position: absolute;
    height: 40px;
    margin-left: -15px;
    cursor: pointer;
}

.DeviceControlBarItem-c01 {
    background: url(../images/operatortoolbar/c01.png) no-repeat center 4px;
}

.DeviceControlBarItem-c01:hover {
    background-image: url(../images/operatortoolbar/c01_hover.png);
}

.DeviceControlBarItem-c01_Disabled {
    background: url(../images/operatortoolbar/c01_disabled.png) no-repeat center 4px;
    cursor: default;
}

.DeviceControlBarItem-c02 {
    background: url(../images/operatortoolbar/c02.png) no-repeat center 4px;
}

.DeviceControlBarItem-c02:hover {
    background-image: url(../images/operatortoolbar/c02_hover.png);
}

.DeviceControlBarItem-c02_Disabled {
    background: url(../images/operatortoolbar/c02_disabled.png) no-repeat center 4px;
    cursor: default;
}

.DeviceControlBarItem-c03 {
    background: url(../images/operatortoolbar/c03.png) no-repeat center 4px;
}

.DeviceControlBarItem-c03:hover {
    background-image: url(../images/operatortoolbar/c03_hover.png);
}

.DeviceControlBarItem-c03_Disabled {
    background: url(../images/operatortoolbar/c03_disabled.png) no-repeat center 4px;
    cursor: default;
}

.DeviceControlBarItem-c04 {
    background: url(../images/operatortoolbar/c04.png) no-repeat center 4px;
}

.DeviceControlBarItem-c04:hover {
    background-image: url(../images/operatortoolbar/c04_hover.png);
}

.DeviceControlBarItem-c04_Disabled {
    background: url(../images/operatortoolbar/c04_disabled.png) no-repeat center 4px;
    cursor: default;
}

.DeviceControlBarItem-c05 {
    background: url(../images/operatortoolbar/c05.png) no-repeat center 4px;
}

.DeviceControlBarItem-c05:hover {
    background-image: url(../images/operatortoolbar/c05_hover.png);
}

.DeviceControlBarItem-c05_Disabled {
    background: url(../images/operatortoolbar/c05_disabled.png) no-repeat center 4px;
    cursor: default;
}

.DeviceControlBarItem-c06 {
    background: url(../images/operatortoolbar/c06.png) no-repeat center 4px;
}

.DeviceControlBarItem-c06:hover {
    background-image: url(../images/operatortoolbar/c06_hover.png);
}

.DeviceControlBarItem-c06_Disabled {
    background: url(../images/operatortoolbar/c06_disabled.png) no-repeat center 4px;
    cursor: default;
}

.DeviceControlBarItem-c07 {
    background: url(../images/operatortoolbar/c07.png) no-repeat center 4px;
}

.DeviceControlBarItem-c07:hover {
    background-image: url(../images/operatortoolbar/c07_hover.png);
}

.DeviceControlBarItem-c07_Disabled {
    background: url(../images/operatortoolbar/c07_disabled.png) no-repeat center 4px;
    cursor: default;
}

.DeviceControlBarItem-c08 {
    background: url(../images/operatortoolbar/c08.png) no-repeat center 4px;
}

.DeviceControlBarItem-c08:hover {
    background-image: url(../images/operatortoolbar/c08_hover.png);
}

.DeviceControlBarItem-c08_Disabled {
    background: url(../images/operatortoolbar/c08_disabled.png) no-repeat center 4px;
    cursor: default;
}

.DeviceControlBarItem-c09 {
    background: url(../images/operatortoolbar/c09.png) no-repeat center 4px;
}

.DeviceControlBarItem-c09:hover {
    background-image: url(../images/operatortoolbar/c09_hover.png);
}

.DeviceControlBarItem-c09_Disabled {
    background: url(../images/operatortoolbar/c09_disabled.png) no-repeat center 4px;
    cursor: default;
}

.DeviceControlBarItem-c10 {
    background: url(../images/operatortoolbar/c10.png) no-repeat center 4px;
}

.DeviceControlBarItem-c10:hover {
    background-image: url(../images/operatortoolbar/c10_hover.png);
}

.DeviceControlBarItem-c10_Disabled {
    background: url(../images/operatortoolbar/c10_disabled.png) no-repeat center 4px;
    cursor: default;
}

.DeviceControlBarItem-c11 {
    background: url(../images/operatortoolbar/c11.png) no-repeat center 4px;
}

.DeviceControlBarItem-c11:hover {
    background-image: url(../images/operatortoolbar/c11_hover.png);
}

.DeviceControlBarItem-c11_Disabled {
    background: url(../images/operatortoolbar/c11_disabled.png) no-repeat center 4px;
    cursor: default;
}

.DeviceControlBarItem-c12 {
    background: url(../images/operatortoolbar/c12.png) no-repeat center 4px;
}

.DeviceControlBarItem-c12:hover {
    background-image: url(../images/operatortoolbar/c12_hover.png);
}

.DeviceControlBarItem-c12_Disabled {
    background: url(../images/operatortoolbar/c12_disabled.png) no-repeat center 4px;
    cursor: default;
}

.DeviceControlBarItem-c13 {
    background: url(../images/operatortoolbar/c13.png) no-repeat center 4px;
}

.DeviceControlBarItem-c13:hover {
    background-image: url(../images/operatortoolbar/c13_hover.png);
}

.DeviceControlBarItem-c13_Disabled {
    background: url(../images/operatortoolbar/c13_disabled.png) no-repeat center 4px;
    cursor: default;
}

.DeviceControlBarItem-c14 {
    background: url(../images/operatortoolbar/c14.png) no-repeat center 4px;
}

.DeviceControlBarItem-c14:hover {
    background-image: url(../images/operatortoolbar/c14_hover.png);
}

.DeviceControlBarItem-c14_Disabled {
    background: url(../images/operatortoolbar/c14_disabled.png) no-repeat center 4px;
    cursor: default;
}

.DeviceControlBarItem-c15 {
    background: url(../images/operatortoolbar/c15.png) no-repeat center 4px;
}

.DeviceControlBarItem-c15:hover {
    background-image: url(../images/operatortoolbar/c15_hover.png);
}

.DeviceControlBarItem-c15_Disabled {
    background: url(../images/operatortoolbar/c15_disabled.png) no-repeat center 4px;
    cursor: default;
}

.DeviceControlBarItem-c16 {
    background: url(../images/operatortoolbar/c16.png) no-repeat center 4px;
}

.DeviceControlBarItem-c16:hover {
    background-image: url(../images/operatortoolbar/c16_hover.png);
}

.DeviceControlBarItem-c16_Disabled {
    background: url(../images/operatortoolbar/c16_disabled.png) no-repeat center 4px;
    cursor: default;
}

.DeviceControlBarItem-c17 {
    background: url(../images/operatortoolbar/c17.png) no-repeat center 4px;
}

.DeviceControlBarItem-c17:hover {
    background-image: url(../images/operatortoolbar/c17_hover.png);
}

.DeviceControlBarItem-c17_Disabled {
    background: url(../images/operatortoolbar/c17_disabled.png) no-repeat center 4px;
    cursor: default;
}

.DeviceControlBarItem-c18 {
    background: url(../images/operatortoolbar/c18.png) no-repeat center 4px;
}

.DeviceControlBarItem-c18:hover {
    background-image: url(../images/operatortoolbar/c18_hover.png);
}

.DeviceControlBarItem-c18_Disabled {
    background: url(../images/operatortoolbar/c18_disabled.png) no-repeat center 4px;
    cursor: default;
}

.DeviceControlBarItem-c19 {
    background: url(../images/operatortoolbar/c19.png) no-repeat center 4px;
}

.DeviceControlBarItem-c19:hover {
    background-image: url(../images/operatortoolbar/c19_hover.png);
}

.DeviceControlBarItem-c19_Disabled {
    background: url(../images/operatortoolbar/c19_disabled.png) no-repeat center 4px;
    cursor: default;
}

.DeviceControlBarItem-c20 {
    background: url(../images/operatortoolbar/c20.png) no-repeat center 4px;
}

.DeviceControlBarItem-c20:hover {
    background-image: url(../images/operatortoolbar/c20_hover.png);
}

.DeviceControlBarItem-c20_Disabled {
    background: url(../images/operatortoolbar/c20_disabled.png) no-repeat center 4px;
    cursor: default;
}

.DeviceControlBarItem-c21 {
    background: url(../images/operatortoolbar/c21.png) no-repeat center 4px;
}

.DeviceControlBarItem-c21:hover {
    background-image: url(../images/operatortoolbar/c21_hover.png);
}

.DeviceControlBarItem-c21_Disabled {
    background: url("../images/operatortoolbar/c21_disabled.png") no-repeat center 4px;
    cursor: default;
}

/***End ***/

.DeviceControlBarItem-ApplyRequired {
    background: url("../images/operationsBar/apply_rqwrd1.svg") no-repeat center 4px;
    -webkit-animation: applyBlink 6s infinite; /* Safari 4.0 - 8.0 */
    animation: applyBlink 6s infinite;

}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes applyBlink {
    0%   { background: url("../images/operationsBar/apply_rqwrd1.svg") no-repeat center 4px;}
    90%  { background: url("../images/operationsBar/apply_rqwrd1.svg") no-repeat center 4px;}
    100% { background: url("../images/operationsBar/apply_rqwrd2.svg") no-repeat center 4px;}

}

@keyframes applyBlink {
    0% { background: url("../images/operationsBar/apply_rqwrd1.svg") no-repeat center 4px;}
    90%  { background: url("../images/operationsBar/apply_rqwrd1.svg") no-repeat center 4px;}
    100% { background: url("../images/operationsBar/apply_rqwrd2.svg") no-repeat center 4px;}
}

.DeviceControlBarItem-ApplyRequired:hover {
    background: url("../images/operationsBar/apply_rqwrd1_over_selected.svg") no-repeat center 4px;

    /* padding-top: 19px; */
}

.DeviceControlBarItem-ApplyRequired:active {
    background: url("../images/operationsBar/apply_rqwrd1_over_selected.svg") no-repeat center 4px;
    border-bottom: 3px solid rgb(53, 106, 140);
}


.DeviceControlBarItem-ApplyRequired_Disabled {
    background: url("../images/operationsBar/apply_rqwrd1.svg") no-repeat center 4px;
    cursor: default;
    color: darkgray

}

.DeviceControlBarItem-Save {
    background: url("../images/operationsBar/save.svg") no-repeat center 4px;
}

.DeviceControlBarItem-Save:hover {
    background: url("../images/operationsBar/save_over_selected.svg") no-repeat center 4px;

    color: darkgray;
    cursor: default;
}

.DeviceControlBarItem-Save_Disabled {
    background: url("../images/operationsBar/save_da.svg") no-repeat center 4px;
    cursor: default;
}

.DeviceControlBarItem-SaveRequired {
    background: url("../images/operationsBar/save_rqwrd1.svg") no-repeat center 4px;
    -webkit-animation: saveBlink 6s infinite; /* Safari 4.0 - 8.0 */
    animation: saveBlink 6s infinite;

}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes saveBlink {
    0%   { background: url("../images/operationsBar/save_rqwrd1.svg") no-repeat center 4px;}
    90%  { background: url("../images/operationsBar/save_rqwrd1.svg") no-repeat center 4px;}
    100% { background: url("../images/operationsBar/save_rqwrd2.svg") no-repeat center 4px;}

}

@keyframes saveBlink {
    0% { background: url("../images/operationsBar/save_rqwrd1.svg") no-repeat center 4px;}
    90%  { background: url("../images/operationsBar/save_rqwrd1.svg") no-repeat center 4px;}
    100% { background: url("../images/operationsBar/save_rqwrd2.svg") no-repeat center 4px;}
}

.DeviceControlBarItem-SaveRequired:hover {
    background: url("../images/operationsBar/save_rqwrd1_over_selected.svg") no-repeat center 4px;

}

.DeviceControlBarItem-SaveRequired:active {
    background: url("../images/operationsBar/save_rqwrd1_over_selected.svg") no-repeat center 4px;
    border-bottom: 3px solid rgb(53, 106, 140);
}

.DeviceControlBarItem-SaveRequired_Disabled {
    background: url("../images/operationsBar/save_rqwrd1.svg") no-repeat center 4px;
    color: darkgray;
    cursor: default;
}

.DeviceControlBarItem-Revert_Single {
    background: url("../images/operationsBar/revert.svg") no-repeat center 4px;
}

.DeviceControlBarItem-Revert_Single:hover {
    background: url("../images/operationsBar/revert_over_selected.svg") no-repeat center 4px
}

.DeviceControlBarItem-Revert_Disabled_Single {
    background: url("../images/operationsBar/revert_da.svg") no-repeat center 4px;
}

.DeviceControlBarItem-Revert, .DeviceControlBarItem-RevertApply {
    background: url("../images/operationsBar/revert.svg") no-repeat center 4px, url("../images/ic_triangle_down_menu.png") no-repeat 80% 40%;
}

.DeviceControlBarItem-Revert:hover, .DeviceControlBarItem-RevertApply:hover {
    background: url("../images/operationsBar/revert_over_selected.svg") no-repeat center 4px, url("../images/ic_triangle_down_menu_hover.png") no-repeat 80% 40%;

}

.DeviceControlBarItem-Revert:active, .DeviceControlBarItem-RevertApply:active {
    background: url("../images/operationsBar/revert_over_selected.svg") no-repeat center 4px, url("../images/ic_triangle_down_menu_hover.png") no-repeat 80% 40%;
    border-bottom: 3px solid rgb(53, 106, 140);
}


.DeviceControlBarItem-Revert_Disabled {
    background: url("../images/operationsBar/revert_da.svg") no-repeat center 4px, url("../images/ic_triangle_down_menu_disabled.png") no-repeat 80% 40%;
    cursor: default;
}

.DeviceControlBarItem-Sync {
    background: url("../images/operationsBar/sync.svg") no-repeat center 4px;
}

.DeviceControlBarItem-Sync:hover {
    background-image: url("../images/operationsBar/sync_over_selected.svg");

}
.DeviceControlBarItem-Sync:active {
    border-bottom: 3px solid rgb(53, 106, 140);
}

.DeviceControlBarItem-Sync_Disabled, .DeviceControlBarItem-Sync_Disabled_Disabled /*workaround!!!*/
{
    background: url("../images/operationsBar/sync_da.svg") no-repeat center 4px;
    cursor: default;
    coolor: darkgray;
}

.DeviceControlBarItem-SyncRequired {
    background: url("../images/operationsBar/sync_rqwrd1.svg") no-repeat center 4px;
    -webkit-animation: syncBlink 6s infinite; /* Safari 4.0 - 8.0 */
    animation: syncBlink 6s infinite;

}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes syncBlink {
    0%   { background: url("../images/operationsBar/sync_rqwrd1.svg") no-repeat center 4px;}
    90%  { background: url("../images/operationsBar/sync_rqwrd1.svg") no-repeat center 4px;}
    100% { background: url("../images/operationsBar/sync_rqwrd2.svg") no-repeat center 4px;}

}

@keyframes syncBlink {
    0% { background: url("../images/operationsBar/sync_rqwrd1.svg") no-repeat center 4px;}
    90%  { background: url("../images/operationsBar/sync_rqwrd1.svg") no-repeat center 4px;}
    100% { background: url("../images/operationsBar/sync_rqwrd2.svg") no-repeat center 4px;}
}

.DeviceControlBarItem-SyncRequired:hover {
    background: url("../images/operationsBar/sync_over_selected.svg") no-repeat center 4px;

}

.DeviceControlBarItem-SyncRequired:active {
    background: url("../images/operationsBar/sync_over_selected.svg") no-repeat center 4px;
    border-bottom: 3px solid rgb(53, 106, 140);
}

.DeviceControlBarItem-SyncRequired_Disabled {
    background: url("../images/operationsBar/sync_da.svg") no-repeat center 4px;
    cursor: default;
    color: darkgray;
}

.DeviceControlBarItem-Operations_Single {
    background: url("../images/operationsBar/operations.svg") no-repeat center 4px;
}

.DeviceControlBarItem-Operations_Single:hover {
    background: url("../images/operationsBar/operations_over_selected.svg") no-repeat center 4px;
}

.DeviceControlBarItem-Operations_Disabled_Single {
    background: url("../images/operationsBar/operations_da.svg") no-repeat center 4px;
}

.DeviceControlBarItem-Operations {
    background: url("../images/operationsBar/operations.svg") no-repeat center 4px, url("../images/ic_triangle_down_menu.png") no-repeat 80% 40%;
}

.DeviceControlBarItem-Operations:hover {
    background: url("../images/operationsBar/operations_over_selected.svg") no-repeat center 4px, url("../images/ic_triangle_down_menu_hover.png") no-repeat 80% 40%;

}

.DeviceControlBarItem-Operations:active {
    background: url("../images/operationsBar/operations_over_selected.svg") no-repeat center 4px, url("../images/ic_triangle_down_menu_hover.png") no-repeat 80% 40%;
    border-bottom: 3px solid rgb(53, 106, 140);
}

.DeviceControlBarItem-Operations_Disabled {
    background: url("../images/operationsBar/operations_da.svg") no-repeat center top, url("../images/ic_triangle_down_menu_disabled.png") no-repeat 80% 40%;
    cursor: default;
    color: darkgray;
}

.DeviceControlBarItem-Diff, .DeviceControlBarItem-DiffFlash, .DeviceVisionControlBarItem-Diff, .DeviceControlBarItem-Compare, .DeviceVisionControlBarItem-Compare {
    background: url("../images/operationsBar/diff.svg") no-repeat center 7px;
    /* border-bottom: 6px solid red; */
}

.DeviceControlBarItem-Diff_Disabled, .DeviceControlBarItem-DiffFlash_Disabled, .DeviceVisionControlBarItem-Diff_Disabled, .DeviceControlBarItem-Compare_Disabled, .DeviceVisionControlBarItem-Compare_Disabled {
    background: url("../images/ic_diff_disabled.png") no-repeat center top;
    cursor: default;
}

.DeviceControlBarItem-Diff, .DeviceControlBarItem-Diff_Disabled {
    min-width: 70px;
    right: 110px;
}

.DeviceVisionControlBarItem-Diff, .DeviceVisionControlBarItem-Diff_Disabled {
    min-width: 60px;
    right: 120px;
    position: absolute;
    padding-top: 33px;
}

.DeviceControlBarItem-Diff:hover, .DeviceVisionControlBarItem-Diff:hover {
    /* background-image: url(images/operationsBar/diff.svg); */
    background: url("../images/operationsBar/diff_over_selected.svg") no-repeat center 9px, rgb(237, 245, 248) no-repeat center 8px;
    border-bottom: 6px solid rgb(180, 199, 212);
    top: 0px;
    padding-top: 34px;
}

.DeviceControlBarItem-Dump, .DeviceVisionControlBarItem-Dump, .DeviceVisionControlBarItem-Dump_Disabled {
    background: url("../images/operationsBar/dump.svg") no-repeat center 7px;
    right: 50px;
    min-width: 60px;
}

.DeviceControlBarItem-Compare, .DeviceVisionControlBarItem-Compare, .DeviceVisionControlBarItem-Compare_Disabled, .DeviceControlBarItem-Compare_Disabled {
    right: 60px;
    min-width: 70px;
    position: absolute;
}

.DeviceControlBarItem-Compare_Disabled .DeviceVisionControlBarItem-Compare_Disabled {
    cursor: default;
}

.DeviceControlBarItem-Dump_Disabled, .DeviceVisionControlBarItem-Dump_Disabled {
    background: url("../images/operationsBar/dump.svg") no-repeat center top;
    cursor: default;
    right: 50px;
    min-width: 70px;
}

.DeviceVisionControlBarItem-Dump, .DeviceVisionControlBarItem-Dump_Disabled {
    min-width: 60px;
    right: 60px;
    position: absolute;
    padding-top: 33px;
}

.DeviceControlBarItem-Dump:hover, .DeviceVisionControlBarItem-Dump:hover {
    background: url("../images/operationsBar/dump_over_selected.svg") no-repeat center 7px, rgb(237, 245, 248) no-repeat center 0px;
    border-bottom: 6px solid rgb(180, 199, 212);
    top: 2px;
    padding-top: 32px;
}

.DeviceControlBarItem-Switch {
    background: url("../images/ic_switch_dp.png") no-repeat center 4px;
}

.DeviceControlBarItem-Switch:hover {
    background-image: url("../images/ic_switch_dp_hover.png");
}

.DeviceControlBarItem-Switch_Disabled {
    background: url("../images/ic_switch_dp_disabled.png") no-repeat center top;
    cursor: default;
}

.DeviceControlBarItem-Bell {
    background: url("../images/bell.png") no-repeat center top;
}

.DeviceControlBarItem-Bell:hover {
    background: url("../images/bell_hover.png") no-repeat center top;
}

.DeviceControlBarItem-Bell_Disabled {
    background: url("../images/bell_disabled.png") no-repeat center top;
    cursor: default;
}

/* .gwt-MenuBar {
        background: #E3E8F3;
    }

    .DeviceControlBar .gwt-MenuItem {
        padding: 15px 10px;
    }

    */

.gwt-MenuItem {
    color: rgb(75, 75, 75);
    font-weight: bold;
    line-height: 2;
    cursor: pointer;
    background: #E3E8F3;
    padding: 5px 10px;
    border-radius: 6px;
}

.loginToolBar .gwt-MenuItem {
    background: url("../images/localization/Earth.png") no-repeat 3px 3px;
    /* width: 80px; */
    top: 17px;
    position: fixed;
    right: 40px;
    /* float: right; */
    width: 45px !important;
    height: 24px !important;
    background-size: 24px 24px;
    color: #fff;
    padding-left: 36px;
}

.gwt-MenuItem-disabled {
    text-shadow: 0px 1px 0px rgb(255, 255, 255);
}

.triangle_menu, .triangle_menu_help {
    /* 	margin-bottom: 8px;
            background-image: url("images/ic_triangle_down_menu.png");
            margin-left: 4px;
            background-repeat: no-repeat;
            position: fixed;
            top: 66px;
            background-position: 0px 0px;
            min-width: 12px;
            cursor: pointer;
            margin-left: -35px;
         */
    background: url("../images/ic_triangle_down_menu.png") no-repeat 0px 0px;
    position: absolute;
    top: 20px;
    margin-left: -30px;
    min-width: 12px;
    cursor: pointer;

}

.triangle_menu_help {
    right: 10px;
}

.triangle_menu:hover {
    background-image: url("../images/ic_triangle_down_menu_hover.png");
}

.triangle_menu_Disabled {
    background-image: url("../images/ic_triangle_down_menu_disabled.png");
    cursor: default;
}

.SubMenu {
    background-color: #fafafa;
    border-color: #808080;
    line-height: 22pt; /* Fixme : Doc says pt as unit*/
    cursor: pointer;
    font-family: Roboto-Regular, Arial, sans-serif;
    font-size: 11px;
    border-bottom: 1px solid #d0d0d0;
    width: 100%;
    color: #000000;
    /* margin-right: 2px; */
    padding-right: 2px;
    padding-left: 2px;
}

.SubMenu:hover {
    /* font-family: Roboto-Medium; */
    color: #231f20;
    background-color: #e3e8eb;
}

.SubMenuContainer, .HelpSubMenuContainer, .TableToolbarSubMenuContainer, .LanguageSubMenuContainer, .LoginLanguageSubMenuContainer, .TreeSubMenuContainer {
    border: 1px solid #808080;
    box-shadow: 4px 4px 4px #bfbfbf;
    background-color: #f1f1f1;
    margin-top: -30px;
    padding-left: 2px;
    padding-right: 2px;
}

.HelpSubMenuContainer {
    margin-left: -20px;
    margin-right: 10px;

}
.TreeSubMenuContainer {
    margin-top: 0px;
    left: 40px;
    position: absolute;
    width: 105px;
}

.AdminScriptMenuBar {
    max-height: 400px;
    overflow-y: auto;
}

.MoreOperationsMenu {
    mergin-left: 0px;
    top: 22px;
}

.LanguageSubMenuContainer {
    margin: -12px 130px 0px -90px;
}

.LoginLanguageSubMenuContainer {
    /* margin: 20px 40px 0px -12px; */
    margin-top: 20px;
    width: 100px;
}

.LanguageSubMenuContainer .HeaderItem, .LoginLanguageSubMenuContainer .HeaderItem {
    padding: 5px 0px 1px 3px;
}

.LanguageSubMenuContainer .HeaderItem:hover {
    background-image: linear-gradient(180deg, rgb(244, 223, 151) 0%, rgb(244, 223, 151) 71%, rgb(247, 198, 51) 100%);
}

/*.HelpSubMenuContainer {
    margin: -15px 200px 0px -130px;
}*/

.TableToolbarSubMenuContainer {
    margin-top: 0px;
}

.SubMenu-Operations_Disabled {
    color: #898989;
}

.SubMenu-Operations_Disabled:hover {
    /* background-image: url(../images/bg_memu_selection_disabled.png); */
    cursor: default;
    background-color: #f1f1f1;
    color: #898989;
}

/* ------------------------------------------------  */
/* ------------ gwt-Stack/Accordion ---------------  */
/* ------------------------------------------------  */
.gwt-StackLayoutPanel {
    /* border-style: solid; */
    /* border-width: 1px; */
    /* border-color: rgb(137, 137, 137); */
    /* border-radius: 0px; */
    background-color: #fafafa;
    width: auto;
    height: auto;
    /* border-radius: 3px; */
    margin: 2px;
    padding: 4px;
    margin-top: 4px;
    margin-bottom: 4px;
}

.gwt-StackLayoutPanel .gwt-StackLayoutPanelHeader {
    /* font-weight: normal; */
    /* text-align: left; */
    /* padding-top: 3px; */
    padding-left: 15px;
    /* background-image: linear-gradient(180deg, #ecf8f8 0%, #c6d3d9 100%); */
    width: 100%;
    height: auto;
    /* zoom: 1; */
    cursor: pointer;
    background: rgb(210, 211, 213);
    border-left: 6px solid rgb(180, 199, 212);
    /* border-bottom: 1px solid #ffffff; */
    font-size: 16px;
    line-height: 2.5;
    margin-bottom: 2px;
}

.gwt-StackLayoutPanel .gwt-StackLayoutPanelHeader-selected { /* TBD */
    color: rgb(0, 0, 0);
    /* font-weight: bold; */
    /* background-image: linear-gradient(180deg, #ccf4ff 0%, #9ab4d7 100%); */
    /* box-shadow: 1.5px 2.598px 5px 0px rgb(0, 0, 0); */
    zoom: 1;
    background: rgb(189, 190, 192);
    border-left: 6px solid rgb(53, 106, 140);
    font-family: Roboto-Medium;
}

/* ------------------------------------------------  */
/* --------------- gwt-Tree -------------------  */
/* ------------------------------------------------  */
.gwt-Tree, .gwt-TreeItem {
    margin-left: 5px;
    margin-top: 5px;
    font-size: 14px;
}

.toolboxAreaFrame .gwt-Tree{}

.gwt-TreeItem {
    padding: 5px 5px;
    white-space: nowrap;
    cursor: pointer;
}

.gwt-TreeItem:hover {
    background-color: rgb(132, 217, 229);
}

.DeviceTree {
    margin-left: 0px;
    margin-top: 0px;
    padding: 0px 0px;
    min-height: 100px;
}

.tree_triangle_menu_down, .tree_triangle_menu_up {
    background: url("../images/devicestree/ic_tree_triangle_dwn.png") no-repeat 0px 0px;
    position: relative;
    width: 16px;
    cursor: pointer;
    top: -5px;
    z-index: 2; /*Larger than DownFrame-SingleDevice*/
}

.tree_triangle_menu_down:hover {
    background-image: url("../images/devicestree/ic_tree_triangle_dwn_hover.png");
}

.tree_triangle_menu_up {
    background-image: url("../images/devicestree/ic_tree_triangle_up.png");
}

.tree_triangle_menu_up:hover {
    background-image: url("../images/devicestree/ic_tree_triangle_up_hover.png");
}

.close_tree, .close_device_edit_dialog {
    background: url("../images/devicestree/x_close.png") no-repeat 0px 0px;
    position: absolute;
    width: 16px;
    cursor: pointer;
    top: 4px;
    height: 14px;
}

.close_tree:hover, .close_device_edit_dialog:hover {
    background-position: 0px -14px;
}

.close_device_edit_dialog {
    top: 10px;
}

.DeviceTreeNode .gwt-TreeItem .gwt-Tree {
    margin-left: 0px;
    margin-top: 0px;
    padding: 0px 0px;
}

.gwt-TreeItem-selected {
    background: #9bb1c9;
    font-weight: bold;
}

/* .-TopicNode_folder,.TopicNode_folder,.-TopicNode_folder_expanded,.TopicNode_folder_expanded,.-TopicNode_folder_expanded,.TopicNode_folder_expanded
        {
        list-style-type: none;
        padding-left: 44px;
        margin-bottom: 3px;
    } */
.-TopicNode_folder, .TopicNode_folder, .-TopicNode_folder_expanded, .TopicNode_folder_expanded {
    background: #FAFAFA url(../images/accordion/folder.svg) no-repeat left top;
    height: 100%;
    margin: 4px;
}

.-TopicNode_folder:hover, .TopicNode_folder:hover, .-TopicNode_folder_expanded:hover, .TopicNode_folder_expanded:hover {
    background: #fafafa url(../images/accordion/folder_over_selected.svg) no-repeat left top;
    cursor: pointer;
}

.FloatingAreaStyle .-TopicNode_folder, .FloatingAreaStyle .TopicNode_folder, .FloatingAreaStyle .-TopicNode_folder_expanded, .FloatingAreaStyle .TopicNode_folder_expanded {
    background: #fafafa  url(../images/accordion/folder.svg) no-repeat left top;
    height: 100%;
    margin: 4px;
}

.-TopicNode_folder:hover, .TopicNode_folder:hover, .-TopicNode_folder_expanded:hover, .TopicNode_folder_expanded:hover {
    background: #fafafa url(../images/accordion/folder_over_selected.svg) no-repeat left top;
    cursor: pointer;
}



.-TopicNode_leaf, .TopicNode_leaf {
    background: #fafafa url(../images/accordion/file.svg) no-repeat left top;
    list-style-type: none;
    margin-bottom: 4px;
    margin: 6px;
    padding-left: 23px !important;
    padding-right: 3px !important;
    padding-bottom: 0px !important;
    padding-top: 0px !important;
    height: 22px;
}

.FloatingAreaStyle .-TopicNode_leaf, .TopicNode_leaf {
    background: #fafafa url(../images/accordion/file.svg) no-repeat left top;
}
.-TopicNode_leaf-selected, .-TopicNode_leaf-selected:hover {
    background: #fafafa url(../images/accordion/file_over_selected.svg) no-repeat left top;
    font-weight: bold;
    cursor: pointer;
}

.FloatingAreaStyle .-TopicNode_leaf-selected, .FloatingAreaStyle .-TopicNode_leaf-selected:hover {
    background: #fafafa  url(../images/accordion/file_over_selected.svg) no-repeat left top;
}

/* ------------------------------------------------  */
/* --------------- gwt-Controls -------------------  */
/* ------------------------------------------------  */
.gwt-RadioButton, .gwt-CheckBox/*, .DualListTitle*/ {
    color: #6d6d6d;
    height: 16px;
    width: 16px;
    border-width: 1px;
    border-color: #6d6d6d;
    border-radius: 8px;
    margin: 4px;
}

.gwt-RadioButton label, .gwt-CheckBox label, .DualListTitle {
    color: #595a5c;
    font-weight: 400;
    font-size: 13px;
    position: relative;
}

.gwt-TextBox, .gwt-PasswordTextBox, .gwt-TextArea, .gwt-DateBox {
    height: 19px;
    color: #404040;
    padding: 5px;
    vertical-align: top;
    border-style: solid;
    border-width: 1px;
    border-color: #808285;
    border-radius: 2px;
    float: left;
    margin-left: 3px;
    margin-right: 4px;
    margin-bottom: 6px;
    position: relative;
    background-color: white;
    font-family: Roboto-Regular;
    font-size: 14px;
}

.gwt-TextBox, .gwt-PasswordTextBox, .gwt-DateBox {
    width: 228px;
    /*height: 20px;
    background-image: linear-gradient(180deg, rgb(223, 222, 212) 0%, rgb(255, 253, 241) 21%, rgb(255, 253, 241) 58%, rgb(255, 255, 255) 100%);
}

.gwt-PasswordTextBox-CapsLock {
    /*background: url("images/caps-lock.png") no-repeat right center, linear-gradient(180deg, rgb(223, 222, 212) 0%, rgb(255, 253, 241) 21%, rgb(255, 253, 241) 58%, rgb(255, 255, 255) 100%);*/
}

.gwt-TextArea {
    /*padding-top: 1px;*/
    width: 350px;
    height: 230px;

    resize: both;
    /*background-image: linear-gradient(180deg, rgb(223, 222, 212) 0%, rgb(255, 253, 241) 5px, rgb(255, 253, 241) 58%, rgb(255, 255, 255) 100%);*/
}

.gwt-TextBox-mandatory, .gwt-PasswordTextBox-mandatory, .gwt-TextArea-mandatory {
    /*border-color: rgb(39, 46, 118) !important;*/
}

.gwt-TextArea-error, .gwt-PasswordTextBox-error, .gwt-TextBox-error {
    color: #be1e2d;
    border-width: 1px;
    border-color: #be1e2d;
    background-color: #ffd7d9;
    font-family: Roboto-Regular;
    font-size: 14px;
}

.gwt-TextArea-error label, .gwt-PasswordTextBox-error label, .gwt-TextBox-error label{
    color: #be1e2d;
}

.gwt-TextBox-error, .gwt-PasswordTextBox-error {
    /*background-image: linear-gradient(180deg, rgb(223, 212, 212) 0%, rgb(255, 241, 241) 21%, rgb(255, 241, 241) 58%, rgb(255, 255, 255) 100%);*/
}

.gwt-PasswordTextBox-error.gwt-PasswordTextBox-CapsLock {
    /*background: url("images/caps-lock.png") no-repeat right center, linear-gradient(180deg, rgb(223, 212, 212) 0%, rgb(255, 241, 241) 21%, rgb(255, 241, 241) 58%, rgb(255, 255, 255) 100%);*/
}

.gwt-TextArea-error {
    /*background-image: linear-gradient(180deg, rgb(223, 212, 212) 0%, rgb(255, 241, 241) 5px, rgb(255, 241, 241) 58%, rgb(255, 255, 255) 100%);*/
}

.gwt-TextBox-error, .gwt-PasswordTextBox-error,
.gwt-TextBox:hover, .gwt-TextBox:focus, .gwt-TextBox:active,
.gwt-PasswordTextBox:hover, .gwt-PasswordTextBox:focus, .gwt-PasswordTextBox:active,
.gwt-DateBox:hover, .gwt-DateBox:active, .gwt-DateBox:focus {
    /*padding-left: 3px;
    border-width: 2px;
    width: 227px;
    height: 18px;*/
}

.gwt-TextArea-error, .gwt-TextArea:hover, .gwt-TextArea:focus, .gwt-TextArea:active {
    padding-top: 4px;
    padding-left: 4px;
    border-width: 2px;
    width: 348px;
    height: 228px;
}

.gwt-TextBox-disabled, .gwt-PasswordTextBox-disabled, .gwt-TextArea-disabled, .gwt-DateBox-disabled {
    background-color: #e6e7e8;
    border-color: #bcbec0;
}

.gwt-TextBox-disabled label, .gwt-PasswordTextBox-disabled label, .gwt-TextArea-disabled label, .gwt-DateBox-disabled label {
}

.gwt-TextBox-readonly, .gwt-PasswordTextBox-readonly, .gwt-TextArea-readonly, .gwt-DateBox-readonly {
    background-color: #e6e7e8;
    border-color: #bcbec0;
    /*padding-left: 4px;
    border-width: 1px;*/
    background-image: none;
}

/*.gwt-TextBox-readonly, .gwt-PasswordTextBox-readonly {
    width: 228px;
    height: 20px;
}*/

.gwt-TextBox-readonly label, .gwt-PasswordTextBox-readonly label {
    font-family: Roboto-Regular;
    font-size: 11px;
    color: #404040;
}

.gwt-TextArea-readonly {
    width: 350px;
    height: 230px;
}

.gwt-ListBox {
    color: #13235e;
    /* text-shadow: 0px 1px 0px rgb( 255, 255, 255 ); */
    padding-left: 3px;
    vertical-align: top;
    border-style: solid;
    border-width: 1px;
    border-color: rgb(191, 191, 191);
    border-radius: 4px;
    background-image: linear-gradient(180deg, rgb(223, 222, 212) 0%, rgb(251, 249, 233) 24%, rgb(223, 223, 222) 100%);
    width: 235px;
    height: 26px;
    float: left;
    margin-left: 10px;
    position: relative;
    padding-top: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
    background-color: #FAFAF1;
}

.gwt-ListBox-mandatory {
    border-color: rgb(39, 46, 118);
}

.gwt-ListBox-error {
    color: #750000;
    border-color: rgb(207, 85, 85);
    background-image: linear-gradient(180deg, rgb(255, 202, 202) 0%, rgb(255, 234, 234) 24%, rgb(255, 192, 192) 100%);
    background-color: #f6dcdc;
}

.gwt-ListBox-error, .gwt-ListBox:hover, .gwt-ListBox:focus, .gwt-ListBox:active {
    padding-left: 2px;
    padding-top: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    border-width: 2px;
}

.gwt-ListBox.gwt-ListBox-readonly {
    color: #818181;
    background-color: #EFEFEF;
    border-color: #CCC;
    padding-left: 4px;
    padding-top: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
    border-width: 1px;
    width: 235px;
    height: 26px;
    background-image: none;
}

.gwt-Label {
    font-family: Roboto-Regular;
    font-size: 12px;
    color: black;
    float: left;
    position: relative;
    margin-top: 7px;
    height: 20px;
    padding-left: 5px;
    margin-top: 7px;
    margin-left: 0px;
    margin-right: 4px;
    margin-bottom: 0px;
}

.gwt-Label-mandatory, .vertical_tab-mandatory {
    font-weight: bold;
    /* color: red; */
}

div.gwt-Label[id^="gwt-debug-deviceSetup.deviceAccess"] {
    max-width: 180px;
}

input#gwt-debug-rsNetFloodProfileUserDefinedRateLimit_Widget {
    margin-top: 4px;
}

.gwt-Label-readonly, .gwt-CheckBox-readonly label, .gwt-RadioButton-readonly label, .gwt-CheckBox-disabled label, .gwt-RadioButton-disabled label {
    border-color: #e6e6e6;
    color: #bcbcbc;
    /* background-color: #e6e6e6; */
}

.gwt-Label-error {
    color: rgb(194, 0, 0);
}

.gwt-Label-modified::after, .gwt-CheckBox-modified::after {
    content: "*";
    size: 7px;
    color: #f26522;
    margin-left: 0px;
    margin-right: 4px;
    margin-top: 0px;
    margin-bottom: 7px;
}

.message_area .gwt-HTML {
    padding-left: 41px;
}

.message_area .gwt-DisclosurePanel .gwt-HTML {
    padding-left: 55px;
}

.modified, .modified::after {
    font-style: italic;
    content: '*';
}

.gwt-Label-modifiedCJKT, .gwt-CheckBox-modifiedCJKT {
    border-bottom: 1px dashed #000f9c;
    height: 25px;
}

.modifiedCJKT {
    border-bottom: 1px dashed #000f9c !important;
}

.gwt-CheckBox label, .gwt-RadioButton label {
    margin-left: 3px;
    vertical-align: 2px;
}

.RadioPanel {
    margin-left: 12px;
}

.gwt-RadioButton {
    margin-right: 8px;
}

.TableFilterSearch {
    cursor: pointer;
    color: rgb(19, 35, 94);
    height: 27px;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 1px;
    text-align: center;
    white-space: nowrap;

    background-color: #F5F5F5;
    background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(232, 232, 232) 100%);
    border-radius: 3px;
    border-width: 1px;
    border-style: solid;
    border-top-color: #e3e7eb;
    border-right-color: #8096b2;
    border-bottom-color: #8096b2;
    border-left-color: #bfc9d1;
}

.gwt-Button, .SubmitButton {
    display: inline-block;
    cursor: pointer;
    color: #fff;
    min-width: 60px;
    padding: 3px 8px;
    font-size: 15px;
    text-align: center;
    white-space: nowrap;
    background-color: #6c6e70;
    border: 1px solid;
    outline: none;
    margin-bottom: 7px;
    height: 26px;
    border-radius: 2px;
}

.gwt-Button:hover, .SubmitButton:hover {
    background-color: #2C3B42;
}

.gwt-Button:active, .SubmitButton:active {
    position: relative;
    top: 1px;
}

form .gwt-Button {
    margin-left: 10px;
}

.WidgetOnly {
    margin-left: 0;
}

.TextWidgetOnly {
    margin-left: 25px;
}

.MultiLineTextWidgetOnly {
    margin-left: 90px;
}

.gxt-Control {
    margin-left: 10px;
}

.gwt-Button-Browse {
    width: auto !important;
    height: 27px !important;
    padding-left: 0px;
    top: 1px;
}

.gwt-Button-Browse .gwt-Label {
    /* margin-top: 1px; */
    color: white;
}

.BrowseLabel {
    white-space: nowrap;
    width: 120px;
    max-width: 120px;
    overflow: hidden;
}

.gwt-Button-QuickAdd {
    background: url(../images/ic-add-enb.png) no-repeat center center, linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(232, 232, 232) 100%);
}

.gwt-Button-QuickAdd:hover {
    background: url(../images/ic-add-hov.png) no-repeat center center, linear-gradient(0deg, rgb(205, 232, 245) 0%, rgb(230, 244, 250) 11%, rgb(255, 255, 255) 95%, rgb(205, 232, 245) 100%);
}

/* ------------------------------------------------  */
/* -------------- gwt-Tabs/Folders ----------------  */
/* ------------------------------------------------  */
.SubmitCancelBar {
    width: 100%;
    float: left;

}

.CancelButton {
    color: #000000;
    /* background: #ffffff; */
    /* border: 1px; */
    /* border-style: solid; */
    padding-top: 3px;
    padding-bottom: 3px;
    filter: none;
    height: 34px;
    background-color: initial;
}

.SubmitButtonDisabled {
    cursor: default;
}

.gwt-Button-readonly, .SubmitButton-readonly, .gwt-Button-readonly:hover {
    cursor: default;
    color: #00000099;
    position: relative;
    text-align: center;
    font-size: 15px;
    display: inline-block;
    background-color: #E9E9E9;
    border: none;
    border-radius: 3px;
    outline: none;
    padding: 3px 8px;
    min-width: 60px;
    /* left: 50px; */
}

.CancelButton:hover {
    background: none;
    text-decoration: underline;
    filter: none;
}

.CancelButton:active {
    position: relative;
    top: 1px;
}

.Copyright {
    position: relative;
    left: 11px;
    margin-bottom: 18px;
    color: #333333;
    font-family:"Roboto";
    font-size:11px;
}

.ScreenComposite-Help, .DeviceControlBarItem-Help, .DeviceVisionControlBarItem-Help {
    background: url(../images/operationsBar/help.svg) no-repeat 1px 10px;
    /* background-color: rgb(236, 236, 236); */
    min-width: 25px;
    height: 0px;
    right: 10px;
    padding-top: 48px;
    /* border: 1px solid #CCC; */
    /* border-radius: 50%; */
    z-index: 2;
    top: 0px;
}

.DeviceVisionControlBarItem-Help {
    right: 25px;
    float: right;
    position: absolute;
}

/* .DeviceControlBarItem-Help .triangle_menu {
        right: 71px;
    } */
.ScreenComposite-Help {
    cursor: pointer;
    position: absolute;
    top: 10px;
}

.AlertsView .ScreenComposite-Help {
    visibility: hidden;
}

.div {
    background-color: red;
}

.ScreenComposite-Help:hover, .DeviceControlBarItem-Help:hover, .DeviceVisionControlBarItem-Help:hover {
    background: url(../images/operationsBar/help_over.svg) no-repeat 1px 10px;
    /* background: url(images/operationsBar/dump.svg) no-repeat center 9px, rgb(237, 245, 248) no-repeat center 8px; */
    /* border-bottom: 6px solid rgb(180, 199, 212); */
    top: 0px;
    padding-top: 48px;
}

.ScreenComposite {
    background: #fafafa;
    width: 100%;
    padding-right: 20px;
    font-family:"Roboto";
    font-size:11px;
    padding-left: 20px;
    padding-top: 16px;
}

.AlertsView .ScreenComposite {
}

.EmptyScreen {
    width: 100%;
    background: #fafafa;
    padding: 10px;
    color: #666666;
    font-weight: bold;

}

.vertical_tab_container {
    margin-top: 12px;
}

.vertical_tab_bar {
    width: 200px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 5px;
    /* margin-right: 25px; */
    z-index: 3;
    /* position: relative; */
    /* min-width: 150px; */
}

.vertical_tab {
    margin-bottom: 7px;
    /* border: 1px solid #CCC; */
    /* border-right-color: rgb(255, 255, 255); */
    padding: 7px 7px 5px;
    /* border-radius: 6px 0px 0px 6px; */
    /* background-color: rgb(245, 245, 245); */
    cursor: pointer;
    min-height: 17px;
    /* width: 100%; */
    color: #000000c7;
    font-size: 14px;
}

.vertical_tab:hover {
    background-color: rgb(203, 229, 239);
}

.vertical_tab:active, .vertical_tab:focus {
    /* border-top-color: rgb(210, 210, 210); */
    /* border-bottom-color: rgb(210, 210, 210); */
    /* border-left-color: #97a7c7; */
    /* background-image: linear-gradient(90deg, rgb(219, 231, 237) 0%, rgb(255, 255, 255) 87%); */
}

.vertical_tab_selected, .vertical_tab_selected:hover {
    /* border-width: 1px; */
    /* border-style: solid; */
    /* border-color: rgb(151, 167, 199) rgb(255, 255, 255) rgb(210, 210, 210) rgb(151, 167, 199); */
    /* background-image: linear-gradient(90deg, rgb(205, 232, 245) 0%, rgb(230, 244, 250) 33%, rgb(255, 255, 255) 85%, rgb(250, 250, 250) 95%); */
    /* box-shadow: -1px 3px 2px 0px rgb(190, 190, 190); */
    z-index: 3;
    font-weight: bold;
    /* border-bottom: 1px solid lightgray; */
    color: black;
    font-size: 14px;
    background: #9bb1c9;
    padding-right: 31px;
    font-size: 14px;
}

.vertical_tab_selected:after {
    content: '';
    width: 4px;
    left: 185px;
    height: 22px;
    margin-top: -7px;
    padding-bottom: 7px;
    /* background: rgb(250, 250, 250); */
    position: absolute;
}

.vertical_tab_error {
    /*padding-left: 3px;*/
    border-left-width: 6px;
    border-bottom-color: #F18D8D;
    border-left-color: #cc1919;
    color: #cc1919;
    background-color: #f6dcdc;
}

.vertical_tab_center_panel {
    /* width: 80%;
        height: 105%;
        position: absolute;
        left: 124px;
        z-index: 0; */
    border-style: solid;
    border-width: 0 0 0px 1px;
    /* border-top-right-radius: 6px; */
    /* border-bottom-right-radius: 6px; */
    /* border-top-left-radius: 6px; */
    /* border-bottom-left-radius: 6px; */
    border-color: rgb(210, 210, 210);
    color: rgb(0, 0, 0);
    line-height: 2;
    text-align: left;
    /* padding-left: 8px; */
    margin-left: 0px;
    vertical-align: top;
}

.FadingDown {
    /* width: 100%; */
    /* height: 20px; */
    border-radius: 6px 6px 0px 0px;
    /* background-image: linear-gradient(0deg, rgb(250, 250, 250) 0%, rgb(237, 236, 236) 100%); */
}

.FadingUp {
    width: 100%;
    height: 20px;
    border-radius: 0px 0px 6px 6px;
    background-image: linear-gradient(180deg, rgb(250, 250, 250) 0%, rgb(237, 236, 236) 100%);
}

.SectionTitle {
    padding-left: 10px;
    padding-right: 10px;
    /*color: rgb(103, 103, 103);*/
    float: left;
    position: relative;
    font-weight: bold;
    font-family: "Roboto-Regular";
    font-size: 11px;
    color: #58595b;
    text-transform:  uppercase;
    BORDER-COLOR: #808080;
}

.SectionTitleWithinSeparator {
    background: #fafafa;
    left: 20px;
    top: -12px;
    line-height: 2;
    text-transform: uppercase;
    font-family: "Roboto-Regular";
    font-size: 11px;
    color: #58595b;
}

.SectionSeparator, .SectionSeparatorWithTitle {
    /*background-color: #D2D2D2;*/
    background-color: #808080;
    height: 1px;
    margin: 0px 5px;
    padding-top: 1px;
    /* width: 100%; */
}

.SectionSeparatorWithTitle {
    margin-top: 20px;
    margin-bottom: 10px;
}

.SectionNoSeparator {
    background-color: unset;
}

.panel_title {
    margin-top: 20px;
    margin-left: 5px;
}

.panel_title.table {
    width: 100%;
}

.panel_title_leftLine, .panel_title_leftline_hr {
    width: 20px;
}

.panel_title_text {
    font-size: 11px;
    font-style: oblique;
    color: rgb(0, 0, 0);
    line-height: 2;
    text-align: center;
}

.panel_title_rightline, .panel_title_rightline_hr {
    width: 100%;
}

/* ------------------------------------------------  */
/* -------------- Table and Icons  ----------------  */
/* ------------------------------------------------  */

.TableContainer {
    width: 100%;
    height: 100%;
    /* margin-left: 12px; */
}

.TableContainer .gwt-Label {
    height: 12px;
    left: 5px;
}

.TableToolBar {
    margin-top: 6px;
}

.Table_Tool_Item {
    width: 14px;
    height: 14px;
    padding: 0px 5px;
    background: transparent no-repeat scroll center center;
    white-space: nowrap;
}

.Table_Tool_Item:hover {
    cursor: pointer;
}

.Table_Tool_Item-disabled, .Table_Tool_Item-disabled:hover {
    cursor: default;
}

.HeaderItem-Link.Table_Tool_Item {
    color: rgb(127, 127, 127);
    width: auto;
}

.Link.Table_Tool_Item {
    padding: 0px 7px;
}

.Link {
    /* color: blue;*/
    color: #2d348e;
    text-decoration: underline;
    margin-top: 13px;
}

.Link-disabled, .Link-disabled:hover {
    color: gray;
    cursor: default;
    text-decoration: none;
}

.CheckBoxLink {
    top: -2px;
}

.PagingToolBar {
    color: #404040;
    text-shadow: 0px 1px 0px rgb(255, 255, 255);
    /*background-image: linear-gradient(180deg, #ebf7f7 0%, #c7d3da 100%);*/
    position: relative;
    width: auto;
    clear: right;
    /* border-bottom: 1px solid #ababab; */
    border-top: 1px solid rgb(194, 194, 194);
    box-shadow: -1px 3px 6px 0px rgb(200, 200, 200);
    -moz-box-shadow: -1px 3px 6px 0px rgb(200, 200, 200);
    -webkit-box-shadow: -1px 3px 6px 0px rgb(200, 200, 200);
    background-color: #d2d3d5 ;
    height: 35px;
}
.Table_New {
    background-image: url('../images/ic-add.png');
    background-position: center -14px;
}

.Table_New:hover {
    background-position: center -28px;
}

.Table_New-disabled, .Table_New-disabled:hover {
    background-position: center 0px;
    cursor: default;
}

.Table_New-DropDown {
    background: url('../images/ic-add-enb.png') no-repeat 20% center, url('../images/downtriangle.png') no-repeat 80% 55%;
    width: 35px;
}

.Table_New-DropDown-hover {
    background: url('../images/ic-add-hov.png') no-repeat 20% center, url('../images/downtriangle.png') no-repeat 80% 55%;
}

.Table_New-DropDown_Disabled, .Table_New-DropDown-disabled, .Table_New-DropDown_Disabled:hover, .Table_New-DropDown-disabled:hover {
    background: url('../images/ic-add-dis.png') no-repeat 20% center, url('../images/downtriangle_disabled.png') no-repeat 80% 55%;
    cursor: default;
}

.Table_fast {
    background-image: url('../images/ic_wrench.png');
}

.Table_fast:hover {
    background-image: url('../images/ic_wrench_hover.png');
}

.Table_fast-disable, .Table_fast-disable:hover {
    background-image: url('../images/ic_wrench.png');
    cursor: default;
}

.Table_flush {
    background-image: url('../images/ic_flush.png');
}

.Table_flush:hover {
    background-image: url('../images/ic_flush_hover.png');
}

.Table_flush-disabled, .Table_flush-disabled:hover {
    background-image: url('../images/ic_flush.png');
    cursor: default;
}

.Table_flush_all {
    background-image: url('../images/ic_flush_all.png');
}

.Table_flush_all:hover {
    background-image: url('../images/ic_flush_all_hover.png');
}

.Table_flush_all-disabled, .Table_flush_all-disabled:hover {
    background-image: url('../images/ic_flush_all.png');
    cursor: default;
}

.Table_Edit {
    background-image: url('../images/ic-edit.png');
    background-position: center -14px;
}

.Table_Edit:hover {
    background-position: center -28px;
}

.Table_Edit-disabled, .Table_Edit-disabled:hover {
    background-position: center -0px;
    cursor: default;
}

.Table_Edit-DropDown {
    background: url('../images/ic-edit-enb.png') no-repeat 20% center, url('../images/downtriangle.png') no-repeat 80% 55%;
    width: 35px;
}

.Table_Edit-DropDown:hover {
    background: url('../images/ic-edit-hov.png') no-repeat 20% center, url('../images/downtriangle.png') no-repeat 80% 55%;
}

.Table_Edit-DropDown_Disabled, .Table_Edit-DropDown-disabled, .Table_Edit-DropDown_Disabled:hover, .Table_Edit-DropDown-disabled:hover {
    background: url('../images/ic-edit-dis.png') no-repeat 20% center, url('../images/downtriangle_disabled.png') no-repeat 80% 55%;
    cursor: default;
}

.Table_Delete {
    background-image: url('../images/ic-delete.png');
    background-position: center -14px;
}

.Table_Delete:hover {
    background-position: center -28px;
}

.Table_Delete-disabled, .Table_Delete-disabled:hover {
    background-position: center 0px;
    cursor: default;
}

.Table_Delete-DropDown {
    background: url('../images/ic-delete.png') no-repeat 20% center, url('../images/downtriangle.png') no-repeat 80% 55%;
    width: 35px;
}

.Table_Delete-DropDown:hover {
    background: url('../images/ic-delete-hov.png') no-repeat 20% center, url('../images/downtriangle.png') no-repeat 80% 55%;
}

.Table_Delete-DropDown_Disabled, .Table_Delete-DropDown-disabled, .Table_Delete-DropDown_Disabled:hover, .Table_Delete-DropDown-disabled:hover {
    background: url('../images/ic-delete-dis.png') no-repeat 20% center, url('../images/downtriangle_disabled.png') no-repeat 80% 55%;
    cursor: default;
}

.Table_DeleteAll {
    background-image: url('../images/alerts/ic_table_toolbar_delete_all.png');
    cursor: default;
}

.Table_DeleteAll:hover {
    background-image: url('../images/alerts/ic_table_toolbar_delete_all_hover.png');
}

.Table_DeleteAll_Disabled, .Table_DeleteAll-disabled, .Table_DeleteAll_Disabled:hover, .Table_DeleteAll-disabled:hover {
    background-image: url('../images/alerts/ic_table_toolbar_delete_all.png');
    cursor: default;
}

.Table_Export_Csv {
    background-image: url('../images/ic_export_CSV_set.png');
    background-position: center -14px;
}

.Table_Export_Csv:hover {
    background-position: center -28px;
}

.Table_Export_Csv-disabled, .Table_Export_Csv-disabled:hover {
    background-position: center 0px;
    cursor: default;
}

.Table_Copy {
    background-image: url('../images/ic-copy.png');
    background-position: center -14px;
}

.Table_Copy:hover {
    background-position: center -28px;
}

.Table_Copy-disabled, .Table_Copy-disabled:hover {
    background-position: center 0px;
    cursor: default;
}

.Table_Import {
    background-image: url('../images/ic_import.png');
}

.Table_Import:hover {
    background-image: url('../images/ic_import_hov.png');
}

.Table_Import-disabled, .Table_Import-disabled:hover {
    background-image: url('../images/ic_import_dis.png');
    cursor: default;
}

.Table_Export {
    background-image: url('../images/ic_save_small.png');
}

.Table_Export:hover {
    background-image: url('../images/ic_save_small_hov.png');
}

.Table_Export-disabled, .Table_Export-disabled:hover {
    background-image: url('../images/ic_table_toolbar_save_disabled.png');
    cursor: default;
}

.Backup_Compare {
    background-image: url('../images/ic_Backup_comparison.png');
}

.Backup_Compare:hover {
    background-image: url('../images/ic_Backup_comparison_hov.png');
}

.Backup_Compare-disabled, .Backup_Compare-disabled:hover {
    background-image: url('../images/ic_Backup_comparison_dis.png');
    cursor: default;
}

.Table_Post {
    background-image: url('../images/ic-copy.png');
    background-position: center -14px;
}

.Table_Post:hover {
    background-position: center -28px;
}

.Table_Post-disabled, .Table_Post-disabled:hover {
    background-position: center 0px;
    cursor: default;
}

.Table_Enable {
    background-image: url('../images/ic_OK.png');
}

.Table_Enable:hover {
    background-image: url('../images/ic_OK_hover.png');
}

.Table_Enable-disabled, .Table_Enable-disabled:hover {
    background-image: url('../images/ic_OK_dis.png');
    cursor: default;
}

.Table_EnableAll {
    background-image: url('../images/alerts/ic_table_toolbar_ack_all.png');
}

.Table_EnableAll:hover {
    background-image: url('../images/alerts/ic_table_toolbar_ack_all_hover.png');
}

.Table_EnableAll-disabled, .Table_EnableAll-disabled:hover {
    background-image: url('../images/alerts/ic_table_toolbar_ack_all.png');
    cursor: default;
}

.Table_Revoke, .Table_Disable {
    background-image: url('../images/ic_revoke.png');
}

.Table_Revoke:hover, .Table_Disable:hover {
    background-image: url('../images/ic_revoke_hover.png');
}

.Table_Revoke-disabled, .Table_Revoke-disabled:hover, .Table_Disable-disabled, .Table_Disable-disabled:hover {
    background-image: url('../images/ic_revoke_dis.png');
    cursor: default;
}

.Table_UnAck {
    background-image: url('../images/ic_unack.png');
}

.Table_UnAck:hover {
    background-image: url('../images/ic_unack_hover.png');
}

.Table_UnAck-disabled, .Table_UnAck-disabled:hover {
    background-image: url('../images/ic_unack_dis.png');
    cursor: default;
}

.Table_Unlock {
    background-image: url('../images/ic_unlock.png');
}

.Table_Unlock:hover {
    background-image: url('../images/ic_unlock_hover.png');
}

.Table_Unlock-disabled, .Table_Unlock-disabled:hover {
    background-image: url('../images/ic_unlock_dis.png');
    cursor: default;
}


.Table_moveUp {
    background-image: url('../images/table/ic_row-up-enb.png');
}

.Table_moveUp:hover {
    background-image: url('../images/table/ic_row-up-hov.png');
}

.Table_moveUp-disabled, .Table_moveUp-disabled:hover {
    background-image: url('../images/table/ic_row-up-dis.png');
    cursor: default;
}


.Table_moveDown {
    background-image: url('../images/table/ic_row-dwn-enb.png');
}

.Table_moveDown:hover {
    background-image: url('../images/table/ic_row-dwn-hov.png');
}

.Table_moveDown-disabled, .Table_moveDown-disabled:hover {
    background-image: url('../images/table/ic_row-dwn-dis.png');
    cursor: default;
}





.Table_Key {
    background-image: url('../images/ic_key.png');
}

.Table_Key:hover {
    background-image: url('../images/ic_key_hover.png');
}

.Table_Key-disabled, .Table_Key-disabled:hover {
    background-image: url('../images/ic_key_dis.png');
    cursor: default;
}

.Table_Search {
    background-image: url('../images/ic_search.png');
}

.Table_Search:hover {
    background-image: url('../images/ic_search_hover.png');
}

.Table_Search-disabled, .Table_Search-disabled:hover {
    background-image: url('../images/ic_search_dis.png');
    cursor: default;
}

.DDTable_update {
    background-image: url('../images/ic_dd_update.png');
}

.DDTable_update:hover {
    background-image: url('../images/ic_dd_update_hov.png');
}

.DDTable_update-disabled, .DDTable_update-disabled:hover {
    background-image: url('../images/ic_dd_update_dis.png');
    cursor: default;
}

.DDTable_update2latest {
    background-image: url('../images/ic_dd_update2latest.png');
}

.DDTable_update2latest:hover {
    background-image: url('../images/ic_dd_update2latest_hov.png');
}

.DDTable_update2latest-disabled, .DDTable_update2latest-disabled:hover {
    background-image: url('../images/ic_dd_update2latest_dis.png');
    cursor: default;
}

.DDTable_revert {
    background-image: url('../images/ic_dd_revert.png');
}

.DDTable_revert:hover {
    background-image: url('../images/ic_dd_revert_hov.png');
}

.DDTable_revert-disabled, .DDTable_revert-disabled:hover {
    background-image: url('../images/ic_dd_revert_dis.png');
    cursor: default;
}

.DDTable_upload {
    background-image: url('../images/ic_dd_update.png');
}

.DDTable_upload:hover {
    background-image: url('../images/ic_dd_upload_hov.png');
}

.DDTable_upload-disabled, .DDTable_upload-disabled:hover {
    background-image: url('../images/ic_dd_update_dis.png');
    cursor: default;
}

.DDTable_update_all2latest {
    background-image: url('../images/ic_dd_update_all2latest.png');
}

.DDTable_update_all2latest:hover {
    background-image: url('../images/ic_dd_update_all2latest_hov.png');
}

.DDTable_update_all2latest-disabled, .DDTable_update_all2latest-disabled:hover {
    background-image: url('../images/ic_dd_update_all2latest_dis.png');
    cursor: default;
}

.RunNow_Enable {
    background-image: url('../images/ic_table_toobar_run.png');
}

.RunNow_Enable:hover {
    background-image: url('../images/ic_table_toobar_run_hover.png');
}

.RunNow_Enable-disabled, .RunNow_Enable-disabled:hover {
    background-image: url('../images/ic_table_toobar_run_disabled.png');
    cursor: default;
}

.Exec_Log_Enable {
    background-image: url('../images/ic_table_toolbar_exec_log.png');
}

.Exec_Log_Enable:hover {
    background-image: url('../images/ic_table_toolbar_exec_log.png');
}

.Exec_Log_Enable-disabled, .Exec_Log_Enable-disabled:hover {
    background-image: url('../images/ic_table_toolbar_exec_log_disabled.png');
}

/*noinspection CssOptimizeSimilarProperties*/
.ManageVadc {
    background-image: url('../images/devicestree/ic_manage_vADC.png');
    background-position: center -14px;
}

.ManageVadc:hover {
    background-position: center -28px;
}

.ManageVadc-disabled, .ManageVadc-disabled:hover {
    background-position: center 0px;
    cursor: default;
}

.addIconLabelContainer {
    float: left;
    width: 100%;
}

.createDPCluster, .breakDPCluster {
    background-image: url('../images/devicestree/ic_cluster.png');
}

.createDPCluster {
    background-position: center 0px;
}

.createDPCluster:hover {
    background-position: center -14px;
}

.breakDPCluster {
    background-position: center -28px;
}

.breakDPCluster:hover {
    background-position: center -42px;
}

.addIconLabel, .editIconLabel {
    margin-top: 7px;
    float: right;
}

.gwt-MenuItemSeparator {
    width: 3px;
    position: relative;
    border-left-width: 1px;
    border-left-style: dotted;
    border-left-color: #b6b6b6;
}

.TableFilter {
    float: right;
    margin-bottom: 2px;
    position: relative;
}

.TableFilter .CancelButton {
    /* padding-top: 4px; */
    /* padding-bottom: 0px; */
    /* padding-right: 5px; */
    height: 26px;
    min-width: 40px;
    background-color: transparent;
    filter: none;
}

.TableFilterSearch {
    margin-left: 10px;
    height: 25px;
    width: 40px;
    background: url('../images/ic_search14.png') no-repeat center 5px, linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(232, 232, 232) 100%);
    filter: none;
}

.TableFilterSearch-readonly {
    border-color: rgb(227, 231, 235);
    background-color: rgb(232, 232, 232);
    background: url('../images/ic_search14.png') no-repeat center 5px;
}

.TableFilterSearch-readonly:hover {
    border-color: rgb(227, 231, 235);
}

.TableFilterSearch:hover {
    background: url('../images/ic_search14.png') no-repeat center 5px, linear-gradient(0deg, rgb(205, 232, 245) 0%, rgb(230, 244, 250) 11%, rgb(255, 255, 255) 95%, rgb(205, 232, 245) 100%);
    filter: none;
}

.TableFilterSearch-disabled {
    background-image: none;
    cursor: default;
}

.TableFilter .waitingIndication {
    float: right;
    position: absolute;
    right: -6px;
}

/* .TableFilter .gwt-TextBox{
        background-image: -moz-linear-gradient(-90deg, rgb(213, 214, 223) 0%, rgb(241, 243, 255) 21%, rgb(241, 243, 255) 58%, rgb(255, 255, 255) 100%);
        background-image: -webkit-linear-gradient(-90deg, rgb(213, 214, 223) 0%, rgb(241, 243, 255) 21%, rgb(241, 243, 255) 58%, rgb(255, 255, 255) 100%);
        background-image: -ms-linear-gradient(-90deg, rgb(213, 214, 223) 0%, rgb(241, 243, 255) 21%, rgb(241, 243, 255) 58%, rgb(255, 255, 255) 100%);
        width: 140px;
    }

    .TableFilter .gwt-TextBox:hover, .TableFilter .gwt-TextBox:active, .TableFilter .gwt-TextBox:focus{
        width: 139px;
    }

    .TableFilter .gwt-TextBox-readonly{
        padding-right: 30px;
        width: 110px;
    } */

/* ------------------------------------------------  */
/* -------------- gwt - Dialog Box ----------------  */
/* ------------------------------------------------  */
.gwt-DialogBox .Caption {
    background: #F1F1F1;
    padding: 4px 8px 4px 4px;
    cursor: default;
    font-weight: bold;
    border-bottom: 1px solid #bbbbbb;
    border-top: 1px solid #D2D2D2;
}

.gwt-DialogBox {
    z-index: 1;
}

.gwt-DialogBox .dialogMiddleCenter {
    padding: 3px;
    background: white;
}

.gwt-DialogBox .dialogBottomCenter {
    background: url(../images/hborder.png) repeat-x 0px -2945px;
    -background: url(../images/hborder_ie6.png) repeat-x 0px -2144px;
}

.gwt-DialogBox .dialogMiddleLeft {
    background: url(../images/vborder.png) repeat-y -31px 0px;
}

.gwt-DialogBox .dialogMiddleRight {
    background: url(../images/vborder.png) repeat-y -32px 0px;
    -background: url(../images/vborder_ie6.png) repeat-y -32px 0px;
}

.gwt-DialogBox .dialogTopLeftInner {
    width: 10px;
    height: 8px;
    zoom: 1;
}

.gwt-DialogBox .dialogTopRightInner {
    width: 12px;
    zoom: 1;
}

.gwt-DialogBox .dialogBottomLeftInner {
    width: 10px;
    height: 12px;
    zoom: 1;
}

.gwt-DialogBox .dialogBottomRightInner {
    width: 12px;
    height: 12px;
    zoom: 1;
}

.gwt-DialogBox .dialogTopLeft {
    background: url(../images/circles.png) no-repeat -20px 0px;
    -background: url(../images/circles_ie6.png) no-repeat -20px 0px;
}

.gwt-DialogBox .dialogTopRight {
    background: url(../images/circles.png) no-repeat -28px 0px;
    -background: url(../images/circles_ie6.png) no-repeat -28px 0px;
}

.gwt-DialogBox .dialogBottomLeft {
    background: url(../images/circles.png) no-repeat 0px -36px;
    -background: url(../images/circles_ie6.png) no-repeat 0px -36px;
}

.gwt-DialogBox .dialogBottomRight {
    background: url(../images/circles.png) no-repeat -8px -36px;
    -background: url(../images/circles_ie6.png) no-repeat -8px -36px;
}

* html .gwt-DialogBox .dialogTopLeftInner {
    width: 10px;
    overflow: hidden;
}

* html .gwt-DialogBox .dialogTopRightInner {
    width: 12px;
    overflow: hidden;
}

* html .gwt-DialogBox .dialogBottomLeftInner {
    width: 10px;
    height: 12px;
    overflow: hidden;
}

* html .gwt-DialogBox .dialogBottomRightInner {
    width: 12px;
    height: 12px;
    overflow: hidden;
}

.gwt-TabLayoutPanelTabs {
    padding-left: 40px;
    height: 23px;
    background-color: #fafafa;
    border-bottom: 1px solid rgb(218, 218, 218);
    border-top: 5px solid rgb(171, 171, 171);
}

.ScrollLeft, .ScrollRight {
    cursor: pointer;
    margin-top: 2px;
    margin-left: 11px;
    width: 18px;
    height: 19px;
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

.ScrollLeft:hover, .ScrollRight:hover, .ScrollLeft:focus, .ScrollRight:focus {
    background-position: 0px -19px;
}

.ScrollLeft:active, .ScrollRight:active {
    background-position: 0px -38px;
}

.ScrollLeft-readonly, .ScrollLeft-readonly:hover, .ScrollLeft-readonly:focus, .ScrollLeft-readonly:active,
.ScrollRight-readonly, .ScrollRight-readonly:hover, .ScrollRight-readonly:focus, .ScrollRight-readonly:active {
    background-position: 0px -57px;
    cursor: default;
    visibility: hidden;
}

.ScrollLeft {
    background-image: url(../images/left_spin-all.png);
}

.ScrollRight {
    background-image: url(../images/right_spin-all.png);
}

/*
    .ScrollLeftPanel,.ScrollRightPanel{
        box-shadow: ;
    }
    */
.ScrollLeftPanel {
    /* background-image: linear-gradient(90deg, rgb(199, 199, 199) 0%, white 100%); */
}

.ScrollRightPanel {
    /* background-image: linear-gradient(270deg, rgb(199, 199, 199) 0%, rgb(237, 236, 236) 100%); */
}

.gwt-TabLayoutPanelContentContainer {
    background-color: #fafafa;
    border-bottom: 1px solid rgb(214, 214, 214);
}

.gwt-TabLayoutPanelTab {
    position: relative;
    display: inline-block;
    /*color: rgb(19, 35, 94);*/
    text-align: center;
    /* padding-left: 12px; */
    /* padding-right: 12px; */
    padding-top: 1px;
    /* margin: 0px 8px; */
    border-style: solid;
    border-width: 1px;
    border-color: rgb(237, 236, 236);
    border-bottom-color: rgb(214, 214, 214);
    height: 21px;
    background-color: rgb(230, 231, 233);
    cursor: pointer;
    font-family: 'Roboto-Regular';
    font-size:14px;
    color: black;
    /* height: 155px; */
}

.gwt-TabLayoutPanelTab:hover {
    /* background-image: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(237, 236, 236) 100%); */
    /* color: rgb(121, 144, 162); */
}

.gwt-TabLayoutPanelTab:hover, .gwt-TabLayoutPanelTab-selected, .gwt-TabLayoutPanelTab-selected:hover {
    border-style: solid;
    border-color: #fafafa;
    /* border-radius: 4px 4px 0px 0px; */
}

.gwt-TabLayoutPanelTab-selected {
    cursor: default;
}

.gwt-TabLayoutPanelTab-selected, .gwt-TabLayoutPanelTab-selected:hover {
    height: 23px;
    font-weight: bold;
    border-bottom-width: 0px;
    border-top:2px;
    /* border-top-color: #97a7c7;*/
    border-top-color:#296d97;
    /* background-image: linear-gradient(180deg, rgb(205, 232, 245) 0%, rgb(230, 244, 250) 11%, rgb(250, 250, 250) 45%, rgb(250, 250, 250) 83%); */
    color:#296d97;
    background: #fafafa;
    border-left: 1px solid rgb(218, 218, 218);
    border-right: 1px solid rgb(218, 218, 218);
}

.gwt-TabLayoutPanelTab-error, .gwt-TabLayoutPanelTab-error:hover {
    border-radius: 4px 4px 0px 0px;
    border-top-width: 2px;
    border-left-color: #F18D8D;
    border-right-color: #F18D8D;
    border-top-color: #cc1919;
    /*color: #cc1919;*/
    background-color: #f6dcdc;
    padding-top: 0px;
    border:0px;
    color:#be1e2d;
}

.gwt-TabLayoutPanelTab-dirty, .gwt-TabLayoutPanelTab-dirty .gwt-Label:after, .gwt-TabLayoutPanelTab-dirty:hover .gwt-Label:after {
    font-style: italic;
    content: '*';
    display: inline;
    Border:0;
    color:#58595b;
}

.gwt-TabLayoutPanelTab-dirtyCJKT {
    border-bottom: 1px dashed #000f9c;
    /*content: '*';*/
    display: inline;
    height: 21px;
}

.gwt-TabLayoutPanelTab .gwt-Label {
    margin-top: 0px;
    line-height: normal;
    padding-top: 4px;
    color: #000000cc;
    /* font-weight: normal; */
}

.gwt-TabLayoutPanelTab .gwt-Label:hover {
    color: rgb(43,115,178);
    cursor: pointer;
}

.gwt-TabLayoutPanelTab-error .gwt-Label {
    color: #cc1919;
}

.SmallClose {
    position: relative;
    float: right;
    cursor: pointer;
    background: url("../images/ic_x_close_tab.png") no-repeat center center;
    width: 10px;
    height: 10px;
    /* margin: 3px -7px 2px 6px; */
    visibility: hidden;
}

.SmallClose:hover {
    background-image: url("../images/ic_x_close_tab_hov.png");
}

.gwt-TabLayoutPanelTab-selected .SmallClose, .gwt-TabLayoutPanelTab:hover .SmallClose {
    visibility: visible;

}

/*****datepicker *************/
.gwt-DateBox {
    padding: 5px 4px;
    border: 1px solid #ccc;
    border-top: 1px solid #999;
    font-size: 100%;
    height: 14px;
    width: 226px;
}

.gwt-DateBox:hover, .gwt-DateBox:active, .gwt-DateBox:focus {
    height: 12px;
    width: 225px;
}

.gwt-DateBox input {
    width: 8em;
}

.dateBoxFormatError {
    background: #ffcccc;
}

.dateBoxPopup {
    z-index: 1000;
}

.gwt-DatePicker {
    border: 1px solid #929497;
    border-top: 1px solid #999;
    cursor: default;
    box-shadow: 4px 4px 4px #bfbfbf;
}

.gwt-DatePicker td,
.datePickerMonthSelector td:focus {
    outline: none;
}

.datePickerDays {
    width: 100%;
    background: white;
}

.datePickerDay,
.datePickerWeekdayLabel,
.datePickerWeekendLabel {
    font-size: 85%;
    text-align: center;
    padding: 4px;
    outline: none;
    font-weight: bold;
    color: #333;
    border-right: 1px solid #EDEDED;
    border-bottom: 1px solid #EDEDED;
}

.datePickerWeekdayLabel,
.datePickerWeekendLabel {
    background: #fff;
    padding: 0px 4px 2px;
    cursor: default;
    color: #595959;
    font-family: 'Roboto-Medium';
    font-size: 12pt;
    font-weight: normal;
    text-transform:uppercase
}

.datePickerDay {
    padding: 4px 7px;
    cursor: hand;
    cursor: pointer;
    background-color: #f1f1f2;
    font-family: 'Roboto-Medium';
    font-size: 12pt;
    color:#595959;
}

.datePickerDayIsWeekend {
    /* background: #f7f7f7; */
    background: #e6e7e8;
}
/* Disabled Date*/
.datePickerDayIsFiller {
    color: #bbbdbf;
    font-weight: normal;
    background-color: #ffffff;
    font-family: 'Roboto-Medium';
    font-size: 12pt;
}

.datePickerDayIsValue {
    /*background: #d7dfe8;*/
    background: #296c96;
    font-family: 'Roboto-Medium';
    font-size: 12pt;
    color:#ffffff;
}

.datePickerDayIsDisabled {
    color: #AAAAAA;
    font-style: italic;
}

.datePickerDayIsHighlighted {
    background: #F0E68C;
}

.datePickerDayIsValueAndHighlighted {
    background: #d7dfe8;
}
/*Today*/

.datePickerDayIsToday {
    padding: 3px;
    /* color: #fff; */
    /* background: url(images/hborder.png) repeat-x 0px -2607px; */
    background-color: #d0d2d3;
    font-family: 'Roboto-Medium';
    font-size: 12pt;
    color:#595959;
}

.datePickerMonthSelector {
    width: 100%;
    padding: 1px 0 5px 0;
    background: #fff;
}

td.datePickerMonth {
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    font-size: 100%;
    font-weight: bold;
    color: #595959;
    background-color: #F1F1F2;
    text-transform: uppercase;
    /* background-color: white; */
    font-family: 'Roboto-Medium';
    font-size: 12pt;
}

.datePickerPreviousButton,
.datePickerNextButton {
    font-size: 15pt;
    line-height: 1em;
    color: #3a6aad;
    cursor: hand;
    cursor: pointer;
    font-weight: bold;
    padding: 0px 4px;
    outline: none;
}

.message_area, .message_area_hidden {
    background-color: rgb(255, 255, 204);
    /*z-index: 1000;*/
    padding: 4px 10px;
    border: 1px solid rgb(255, 204, 0);
    border-radius: 3px 3px 3px 3px;
    opacity: 0.95;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.25);
    line-height: 16px;
    position: absolute !important;
    right: 1px;
    bottom: 0px;
    /*width: 100%;*/
    left: 0px;
}

@keyframes messageAreaOpen {
    from {
        bottom: -100px;
    }
    to {
        bottom: 0px;
    }
}

@-webkit-keyframes messageAreaOpen {
    from {
        bottom: -100px;
    }
    to {
        bottom: 0px;
    }
}

.message_area {
    height: auto;
    animation: messageAreaOpen 0.3s;
    -webkit-animation: messageAreaOpen 0.3s;
    max-height: 85%;
}

@keyframes messageAreaClose {
    from {
        bottom: 0px;
    }
    to {
        bottom: -100px;
    }
}

@-webkit-keyframes messageAreaClose {
    from {
        bottom: 0px;
    }
    to {
        bottom: -100px;
    }
}

.message_area_hidden {
    height: 60px;
    bottom: -100px;
    animation: messageAreaClose 0.3s;
    -webkit-animation: messageAreaClose 0.3s;
}

.message_area_hidden * {
    display: none;
}

.message, .message_last {
    color: #333;
    margin-top: -4px;
    margin-bottom: 3px;
    padding-top: 2px;
    padding-bottom: 4px;
    overflow: auto;
    max-height: 500px;
}

.message {
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #FC9;
}

.message_close {
    height: 14px;
    width: 14px;
    margin-right: 10px;
    margin-top: 4px;
    background-image: url(../images/ic_x_close.png);
    background-repeat: no-repeat;
    background-position: center 0px;
    float: left;
    cursor: pointer;
}

.message_close:hover {
    background-position: center -14px;
}

.deleteIconOnRow_placeHolder {
    height: 14px;
    width: 14px;
    margin-right: 10px;
    cursor: pointer;
    position: absolute;
}

.hoverIconOnRow_placeHolder {
    height: 16px;
    width: 14px;
    margin-right: 10px;
    cursor: pointer;
    position: absolute;
}

.addIconOnRow_placeHolder {
    height: 14px;
    width: 14px;
    margin-right: 10px;
    cursor: pointer;
    position: absolute;
}

.deleteIconOnRow {
    height: 14px;
    width: 14px;
    cursor: pointer;
    position: absolute;
    background-image: url(../images/ic_table_toolbar_delete.png);
    background-repeat: no-repeat;
    background-size: 90%;
    background-position: left center;

}

.deleteIconOnRow:hover {
    height: 14px;
    width: 14px;
    cursor: pointer;
    position: absolute;
    background-image: url(../images/ic_table_toolbar_delete_hover.png);
    background-repeat: no-repeat;
    background-size: 90%;
    background-position: left center;
}

.hoverIconOnRow {
    height: 16px;
    width: 14px;
    cursor: pointer;
    position: absolute;
    background : url(../images/toolbox/tools-icon.svg);
    background-repeat: no-repeat;
    background-size: 90%;
    background-position: left center;

}

.hoverIconOnRow:hover {
    height: 16px;
    width: 14px;
    cursor: pointer;
    position: absolute;
    background : url(../images/toolbox/tools-icon.svg);
    background-repeat: no-repeat;
    background-size: 90%;
    background-position: left center;
}

.addIconOnRow {
    height: 14px;
    width: 14px;
    cursor: pointer;
    position: absolute;
    background-image: url(../images/ic-add-enb.png);
    background-repeat: no-repeat;
    left: 15px;
    background-size: 80%;
    background-position: left center;
}

.addIconOnRow:hover {
    height: 14px;
    width: 14px;
    cursor: pointer;
    position: absolute;
    background-image: url(../images/ic-add-hov.png);
    background-repeat: no-repeat;
    background-size: 80%;
    background-position: left center;
}

.message_control {
    padding-right: 12px;
    float: right;
}

.message_control_wrapper {
    background-color: #ffed8b;
    border: 1px solid #ffed8b;
    border-radius: 9px;
    left: 0px;
    right: 0px;
    text-align: right;
    margin-top: 4px;
    margin-bottom: 4px;
    padding-right: 3px;
    padding-left: 3px;
    width: 100%;
    float: right;
    position: relative;;
}

.message_control .gwt-Label {
    float: right;
}

.alerts_area {
    background-color: white;
    z-index: 1000;
    opacity: 0.95;
    right: 2px;
    height: 100%;
    visibility: visible;
    width: 100%;
    position: absolute;
    border: 1px solid rgb(190, 190, 190);
    padding: 4px 10px;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.25);
    line-height: 16px;
}

.alerts_area_hidden {
    height: 0%;
    visibility: hidden;
}

.alerts_message_new, .alerts_message_old {
    color: #333;
    margin-top: -4px;
    margin-bottom: 3px;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #FC9;
    padding-top: 2px;
    padding-bottom: 4px;
}

.alerts_message_new {
    background: yellow;
}

.alerts_message_old {
    background: white;

}

.alerts_control_wrapper {
    width: 100%;
}

.alert_control {
    padding-right: 12px;
}

.closeAlerts {
    float: right;
    padding-left: 10px;
    padding-right: 10px;
    cursor: hand;
}

.autoRefreshButton {
    float: right;
    padding-left: 10px;
    padding-right: 30px;
}

.autoRefreshButton_Enabled {
    background: url(../images/ic_pause.png) no-repeat center center;
}

.autoRefreshButton_Disabled {
    background: url(../images/ic_play.png) no-repeat center center;
}

.autoRefreshButton_Enabled:hover {
    background-image: url(../images/ic_pause_hover.png);
}

.autoRefreshButton_Disabled:hover {
    background-image: url(../images/ic_play_hover.png);
}

.maximizeAlerts {
    float: right;
    padding-left: 10px;
    padding-right: 10px;
}

.device {
    position: relative;
    margin-left: 37px;
    margin-top: 8px;
    left: 0px;
    top: 0px;
    z-index: 1;
}

.device_name, .defenseflow_name {
    font-size: 14px;
    color: #444444;
    position: absolute;
    /*overflow: hidden;*/
    text-overflow: ellipsis;
    right: 4px;
    left: 30px;
    top: 6px;
}

.defenseflow_name {
    left: 16px;
}

.locked {
    position: absolute;
    z-index: 12;
    background-image: url(../images/ic_locked.png);
    height: 40px;
    width: 34px;
    left: 158px;
    bottom: 102px;
}


.status_maintenance {
    background-image: url(../images/ic-status-maintenance-16.png);
    position: absolute;
    z-index: 11;
    height: 16px;
    width: 16px;
    left: 194px;
    bottom: 107px;
}

.status_online {
    background-image: url(../images/ic-status-running-16.png);
    position: absolute;
    z-index: 11;
    height: 16px;
    width: 16px;
    left: 171px;
    bottom: 107px;
}

.status_down {
    background-image: url(../images/ic-status-down-16.png);
    position: absolute;
    z-index: 11;
    height: 16px;
    width: 16px;
    left: 171px;
    bottom: 107px;
}

.status_warning {
    background-image: url(../images/ic-status-warning-16.png);
    position: absolute;
    z-index: 11;
    height: 16px;
    width: 16px;
    left: 194px;
    bottom: 107px;
}

.call_tree {
    float: left;
    height: 22px;
    width: 22px;
    position: relative;
    z-index: 2;
    left: 4px;
    top: 0px;
    cursor: pointer;
    display: block;
    background-image: url(../images/ic_browse_tree_triangle_set.png);
}

.deviceTreeTriangleToolbox {
    top: 1px;
}

.deviceTreeTriangleToolboxWidth {
    width: 30px;
}

.RequiresReboot {
    background-color: #fff28c;
    border: solid 1px black;
    position: relative;
    right: 85px;
    top: 9px;
    padding: 0px 2px;
}

.device_image, .assetManagementDevice_image, .mixedMultiDeviceImage {
    float: left;
    position: relative;
    top: 9px;
    left: 25px;
}

.defenseFlow_image {
    float: left;
    position: relative;
    top: 6px;
    left: 5px;
}

.shutdownAndReset {
    background: url("../images/ic_turnoff.png") no-repeat center -24px;
    width: 24px;
    height: 24px;
    position: absolute;
    left: 162px;
    top: 30px;
    cursor: pointer;
    z-index: 1;
}

.shutdownAndReset:hover {
    background-position: center -48px;
}

.shutdownAndReset-disabled, .shutdownAndReset-disabled:hover {
    background-position: center 0px;
    cursor: default;
}

.SubMenuContainer-shutdownAndReset {
    margin-top: 0px;
    margin-left: 5px;
}

.info {
    background: #fafafa;
}

.DeviceAreaPanel .info {
    border-bottom: none;
    min-width: 0px;
    margin-left: 4px;
    background: inherit;
}

.DeviceAreaPanel .gwt-MenuItem {
    background: url(../images/ic_menu_black.svg) no-repeat;
    width: 16px;
    top: 14px;
    left: 20px;
    position: relative;
    opacity: 0.6;
}

.devices_panel_floating_single .gwt-MenuItem, .devices_panel_floating .gwt-MenuItem {
    background: url(../images/ic_menu_black.svg) no-repeat;
    width: 7px;
    top: 22px;
    left: 20px;
    position: absolute;
    opacity: 0.6;
}

.DeviceAreaPanel .gwt-MenuItem:hover , .devices_panel_floating .gwt-MenuItem:hover, .devices_panel_floating_single .gwt-MenuItem:hover {
    background: url(../images/ic_menu_black.svg) no-repeat;
    opacity: 0.8;
}

.devices_panel_floating .subMenuIcon, .devices_panel_floating_single .subMenuIcon, .DeviceAreaPanel .subMenuIcon  {
    display: none;
}

/*.devices_panel_floating_single .gwt-MenuItem {
    background: url(images/ic_menu_black.svg) no-repeat;
    width: 7px;
    left: 7px;
    position: relative;
    opacity: 0.6;
}

.devices_panel_floating_single .gwt-MenuItem:hover {
    background: url(images/ic_menu_black.svg) no-repeat;
    opacity: 0.8;
}

.devices_panel_floating_single .subMenuIcon {
    display: none;
}*/

.devices_panel_floating_single .treeSelectionLabel {
    top: 23px;
    left: 40px;
    margin-top: 0px;
}
.call_tree:hover, .call_tree:focus {
    background-position: 0 -22px;
}

.call_tree:active {
    background-position: 0 -44px;
}

.left_side, .devices_panel, .devices_panel_floating, .devices_panel_floating_single {
    background-color: #fafafa;
    border-top: 1px solid rgba(171, 171, 171, 0.33);
}

.left_side_dockLayout {
    position: static !important;
}

.devices_panel {
    width: 100%;
    height: 100%;
    background: rgb(230,231,233);
}

.devices_panel_floating, .devices_panel_floating_single {
    width: 100%;
    height: 100%;
    background: #fafafa;
    -webkit-box-shadow: 4px 4px 15px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 4px 4px 15px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 4px 4px 15px 0px rgba(0, 0, 0, 0.25);
    border-right: 1px solid rgba(171, 171, 171, 0.33);
}

.device_brief_properties .gwt-Label {
    font-size: 10px;
    color: #444444;
    clear: left;
    float: left;
    margin-top: -7px;
    position: relative;
    left: 0px;
    top: 0px;
    width: 0px;
}

.device_brief_properties {
    font-size: 10px;
    color: rgb(68, 68, 68);
    margin-left: 4px;
    height: 55px;
    padding-bottom: 5px;
    padding-top: 4px;
}

.device_brief_properties .gwt-DisclosurePanel {
    margin-top: -8px;
    margin-left: -2px;
}

.gwt-DisclosurePanel .header {
    margin-bottom: 4px;
}

.PropLabel, .PropValue {
    height: 17px;
    text-overflow: ellipsis;
    white-space: nowrap;
    /*overflow: hidden;*/
    color: rgb(68, 68, 68);
    margin-top: -4px;
    font-size: 10px;
}

.PropLabel {
    width: 90px;
    overflow: hidden;
}

.PropValue {
    width: 500px;
    margin-left: 5px;
}

.perspectives {
    border-top: 1px solid #aaadaf;
    padding-left: 1px;
    /* padding-top: 1px; */
    background-color: #d1d3d4;
}
.perspectives:after {
    clear:both;
    display: block;
    content: '';
}

.perspective_button {
    font-size: 10px;
    color: rgb(68, 68, 68);
    /* border: 1px solid darkgray; */
    position: relative;
    /* height: 37px; */
    width: 33%; /*for now... later we will have it dynamic by code. */
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center 2px;
    /* padding: 29px 2px 7px; */
    vertical-align: bottom;
    text-align: center;
    white-space: nowrap;
    background-color: #d1d3d4;
    height: 41px;
    /* border-bottom: 6px solid rgb(243, 243, 243); */
    float: left;
    /* background-color: #d1d3d4; */
}

.configuration_button_icon_selected,
.multi_config_button_icon_selected,
.monitoring_button_icon_selected,
.security_monitoring_button_icon_selected,
.preferences_button_icon_selected,
.dashboards_button_icon_selected,
.toolbox_button_icon_selected,
.advanced_button_icon_selected {
    /* border: 1px solid #a9bfd0; */
    /* border-radius: 3px; */
    background-color: rgb(189,190,192);
    width: 33%;
    padding: 0;

    height: 43px;
    /* height: 35px; */
}

.perspective_button:active {
    /* border: 1px solid #95a3ae; */
    /* border-radius: 3px; */
}

.configuration_button_icon {
    background: url(../images/perspectives/p_system.svg) no-repeat center center;;
    width: 33% !important;
;
}

.configuration_button_icon:hover{
    background: url(../images/perspectives/p_system_over_selected.svg) no-repeat center center;
}

.configuration_button_icon_selected {
    background: rgb(189, 190, 192) url(../images/perspectives/p_system_over_selected.svg) no-repeat center center;
}


.multi_config_button_icon {
    background: url(../images/perspectives/p_system.svg) no-repeat center center;
    width: 33% !important;

    /* height: 43px; */
}

.multi_config_button_icon:hover {
    background: url(../images/perspectives/p_system_over_selected.svg) no-repeat center center;
}

.multi_config_button_icon_selected {
    background: rgb(189, 190, 192) url(../images/perspectives/p_system_over_selected.svg) no-repeat center center;
}

.monitoring_button_icon {
    background: url(../images/perspectives/p_monitoring.svg)  no-repeat center center;;

}

.monitoring_button_icon:hover {
    background:  url(../images/perspectives/p_monitoring_over_selected.svg) no-repeat center center;
    width: 33%!important;
}

.monitoring_button_icon_selected {
    background: rgb(189, 190, 192) url(../images/perspectives/p_monitoring_over_selected.svg) no-repeat center center;
    width: 33%!important;
}

.preferences_button_icon {
    background: url(../images/perspectives/p_preferences.svg)  no-repeat center center;;
    width:33%!important;
}

.preferences_button_icon:hover{
    background: url(../images/perspectives/p_preferences_over_selected.svg) no-repeat center center;;
    width: 33% !important;

}

.preferences_button_icon_selected {
    background: rgb(189, 190, 192)url(../images/perspectives/p_preferences_over_selected.svg) no-repeat center center;;
    width: 33% !important;
}
.security_monitoring_button_icon {
    background: url(../images/perspectives/p_security-monitoring.svg)  no-repeat center center;;
}

.security_monitoring_button_icon:hover {
    background: url(../images/perspectives/p_security-monitoring_over_selected.svg) no-repeat center center;
    width: 33%!important;
}

.security_monitoring_button_icon_selected {
    background: rgb(189, 190, 192) url(../images/perspectives/p_security-monitoring_over_selected.svg) no-repeat center center;
    width: 33%!important;
}
.dashboards_button_icon {
    background: url(../images/perspectives/p_dashboards.svg)  no-repeat center center;;
    width:33%!important;
}

.dashboards_button_icon:hover{
    background: url(../images/perspectives/p_dashboards_over_selected.svg)  no-repeat center center;;
    width: 33%!important;
}

.dashboards_button_icon_selected {
    background: rgb(189, 190, 192) url(../images/perspectives/p_dashboards_over_selected.svg)  no-repeat center center;;
    width: 33%!important;
}

.advanced_button_icon {
    background: url(../images/toolbox/perspectives/advanced.svg) no-repeat center 17px;
    /* filter: saturate(0) brightness(1); */
    /* bottom: 9px; */
    border-bottom: 6px solid rgb(243,243,243);
    padding: 0px;
    height: 45px;
    width:  55px;
    /* padding-bottom: 2px; */
}

.advanced_button_icon_selected {
    background: rgb(189, 190, 192) url(../images/toolbox/perspectives/advanced_over_selected.svg) no-repeat center 17px;
    /* filter: saturate(0) brightness(1); */

    height: 45px;
    width: 55px;
}

.toolbox_button_icon {
    background: url(../images/globaltoolbar/Toolbox.svg) no-repeat center 17px;
    /* filter: saturate(0) brightness(1); */
    /* -webkit-filter: saturate(0) brightness(1); */
    border-bottom: 6px solid rgb(243,243,243);
    height: 45px;
    width:  55px;
    padding: 0;
}

.toolbox_button_icon_selected {
    background: rgb(189, 190, 193) url(../images/globaltoolbar/Toolbox_selected.svg) no-repeat center 17px;
    /* filter: saturate(0) brightness(1); */
    /* -webkit-filter: saturate(0) brightness(1); */
    /* bottom: 12px; */

    height: 45px;
    width:  55px;
}

.advanced_button_icon:hover {
    background: url(../images/toolbox/perspectives/advanced_over_selected.svg)  no-repeat center 17px;;

}

.toolbox_button_icon:hover {
    background: url(../images/globaltoolbar/Toolbox_selected.svg)  no-repeat center 17px;;
}

.grid_search {
    float: right;
    position: absolute;
    width: auto;
}

.gwt-PushButton-up,
.gwt-PushButton-up-hovering,
.gwt-PushButton-up-disabled,
.gwt-PushButton-down,
.gwt-PushButton-down-hovering,
.gwt-PushButton-down-disabled {
    margin: 0;
    text-decoration: none;
    background-image: url("../images/ic_search.png");
    background-repeat: repeat-x;
    background-position-x: 0px;
    background-position-y: -27px;
    border-radius: 2px;
    -moz-border-radius: 2px;
}

.gwt-PushButton-up,
.gwt-PushButton-up-hovering,
.gwt-PushButton-up-disabled {
    padding: 3px 5px 3px 5px;
}

.gwt-PushButton-up {
    border: 1px solid #bbb;
    border-bottom: 1px solid #a0a0a0;
    cursor: pointer;
    cursor: hand;
}

.gwt-PushButton-up-hovering {
    border: 1px solid;
    border-color: #939393;
    cursor: pointer;
    cursor: hand;
}

.gwt-PushButton-up-disabled {
    border: 1px solid #bbb;
    cursor: default;
    opacity: .5;
    filter: alpha(opacity=45);
    zoom: 1;
}

.gwt-PushButton-down,
.gwt-PushButton-down-hovering,
.gwt-PushButton-down-disabled {
    padding: 4px 4px 2px 6px;
    outline: none;
}

.gwt-PushButton-down {
    border: 1px inset #666;
    cursor: pointer;
    cursor: hand;
}

.gwt-PushButton-down-hovering {
    border: 1px solid #939393;
    border-top: 1px solid #333333;
    cursor: pointer;
    cursor: hand;
}

.gwt-PushButton-down-disabled {
    border: 1px outset #ccc;
    cursor: default;
    opacity: 0.5;
    filter: alpha(opacity=45);
    zoom: 1;
}

.messageLinkStyle {
    cursor: pointer;
    padding-left: 4px;
}

.messageLabelStyle {
    cursor: auto;
}

.browser_frame {
    width: 100%;
    height: 650px;
    border-top: 0px;
    border-left: 0px;
}

.contentAreaMainContainer {
    position: absolute !important;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.contentArea {
    background: #fafafa;
    width: 100%;
    height: 100%;
    min-width: 0px;
    /* border-left: 1px solid rgb(171, 171, 171); */
    font-size: 11px;
    color: black;
    border: 0px;
    padding: 0px;
    direction: ltr;
    overflow: hidden;
    font-family: 'Roboto-Regular',Verdana, Tahoma, Arial, Helvetica, Geneva, sans-serif;
}

.FloatLeft.contentArea {
    border-left: 1px solid rgba(171, 171, 171, 0.33);
}

.statusbarArea {
    width: 100%;
    height: 100%;
    background: #ececec;
}

.statusbarArea-animateStatusBar {
    animation: blinker 0.5s linear infinite;
    animation-iteration-count: 10;
    -webkit-animation: blinker 1s linear infinite;
    -webkit-animation-iteration-count: 10;
}

.TabFolderManager, .TabFolderManagerDeviceTree {
    width: 100%;
    position: absolute !important;
    left: 0px;
    top: 0px;
    height: 100%;
}

.TabFolderManagerDeviceTree {
    top: 60px;
    background: #fafafa;
    margin-left: -1px;
    border-top: 1px solid #ababab;
    padding-top: 4px;
}

#gwt-debug-FloatDeviceMngPanel .TabFolderManagerDeviceTree {
    height: 98.5%;
}

.TabFolderManagerDeviceTree .gwt-TabLayoutPanelContentContainer {
    background-color: #fafafa;
    margin-left: 10px;
}

.TabFolderManagerDeviceTree .gwt-MenuBar {
    /* margin-top: 3px;*/
    height: 23px;
}

.TabFolderManagerDeviceTree .gwt-TabLayoutPanelTabs {
    background-color: #fafafa;
    border-top: none;
    border-bottom-color: #ababab;
}

.TabFolderManagerDeviceTree .gwt-TabLayoutPanelTab {
    background: rgb(230,231,233);
    border-top-color: rgb(230,231,233);
    border-right-color: rgb(230,231,233);
    border-left-color: rgb(230,231,233);
    border-bottom-color: #ababab;
    right: 24px;
}

.TabFolderManagerDeviceTree .gwt-TabLayoutPanelTab:hover {
    background-image: linear-gradient(180deg, #FFFFFF 39%, rgb(230,231,233) 100%);
}

.TabFolderManagerDeviceTree .gwt-TabLayoutPanelTab-selected {
    border-top-color: #ababab;
    border-right-color: #ababab;
    border-left-color: #ababab;
    background-image: linear-gradient(180deg, #FFFFFF 25%, rgb(230,231,233) 75%);
}

.TabFolderManagerDeviceTree .gwt-TabLayoutPanelTab .gwt-Label {
    font-weight: normal;
    color: black !important;
}

.TabFolderManagerDeviceTree .gwt-TabLayoutPanelContent TabLayoutPanelContent {
    height: 98%;
}

/* Sliding/Fancy Tool items  */
/* ---------------- */

.DeviceControlBarItem-Triggered, .DeviceVisionControlBarItem-Triggered {
    /* height: 13px; */
    /* margin-top: -9px; */
    padding-top: 35px;
    background-color: #e4e3e4;
    border-radius: 4px;
}

.DeviceControlBarItem-Diff.DeviceControlBarItem-Triggered, .DeviceControlBarItem-Compare.DeviceControlBarItem-Triggered {
    background: url(../images/operationsBar/diff.svg) no-repeat center 8px, linear-gradient(180deg, #d0ebf6 0%, #ffffff 20%, #e4e3e4 40%) no-repeat center 0px;
}

.DeviceControlBarItem-Diff.DeviceControlBarItem-Triggered:hover, .DeviceControlBarItem-Compare.DeviceControlBarItem-Triggered:hover {
    background: url(../images/operationsBar/diff.svg) no-repeat center 8px, linear-gradient(180deg, #d0ebf6 0%, #ffffff 20%, #e4e3e4 40%) no-repeat center 0px;
}

.DeviceControlBarItem-Dump.DeviceControlBarItem-Triggered {
    background: url(../images/operationsBar/dump.svg) no-repeat center 8px, linear-gradient(180deg, #d0ebf6 0%, #ffffff 20%, #e4e3e4 40%) no-repeat center 0px;
}

.DeviceControlBarItem-Dump.DeviceControlBarItem-Triggered:hover {
    background: url(../images/operationsBar/dump.svg) no-repeat center 8px, linear-gradient(180deg, #d0ebf6 0%, #ffffff 20%, #e4e3e4 40%) no-repeat center 0px;
}

.DeviceVisionControlBarItem-Diff.DeviceVisionControlBarItem-Triggered, .DeviceVisionControlBarItem-Compare.DeviceVisionControlBarItem-Triggered {
    background: url(../images/operationsBar/diff.svg) no-repeat center 8px, rgb(212, 227, 234) no-repeat center 0px;
    border-bottom: 6px solid rgb(53, 106, 140);
    top: 2px;
    padding-top: 32px;
}

.DeviceVisionControlBarItem-Diff.DeviceVisionControlBarItem-Triggered:hover, .DeviceVisionControlBarItem-Compare.DeviceVisionControlBarItem-Triggered:hover {
    background: url(../images/operationsBar/diff.svg) no-repeat center 8px, rgb(212, 227, 234) no-repeat center 1px;
    top: 2px;
    padding-top: 32px;
}

.DeviceVisionControlBarItem-Dump.DeviceVisionControlBarItem-Triggered {
    background: url(../images/operationsBar/dump.svg) no-repeat center 8px, rgb(212, 227, 234) no-repeat center 0px;
    border-bottom: 6px solid rgb(53, 106, 140);
    padding-top: 32px;
    top: 2px;
}

.DeviceVisionControlBarItem-Dump.DeviceVisionControlBarItem-Triggered:hover {
    background: url(../images/operationsBar/dump.svg) no-repeat center 8px, rgb(212, 227, 234) no-repeat center 0px;
    top: 2px;
    padding-top: 32px;
}

@keyframes slidingAreaOpen {
    from {
        right: -522px;
    }
    to {
        right: 0px
    }
}

@-webkit-keyframes slidingAreaOpen {
    from {
        right: -522px;
    }
    to {
        right: 0px
    }
}

@keyframes operationsSlidingArea {
    from {
        top: -522px;
    }
    to {
        top: 0px
    }
}

@-webkit-keyframes operationsSlidingArea {
    from {
        top: -522px;
    }
    to {
        top: 0px
    }
}

.SlidingArea, .SlidingArea_hidden, .OperationsSlidingArea, .OperationsSlidingArea_hidden {
    width: 500px;
    /* height: 97%; */
    right: 0px;
    top: 0px;
    bottom: 3px;
    display: block;
    position: absolute;

    background-color: rgb(228, 227, 228);
    border-width: 10px;
    border-left-width: 0px;
    border-color: rgb(228, 227, 228);
    border-style: solid;
    z-index: 800;
    box-shadow: -3px 7px 6px 1px rgb(200, 200, 200);
}

.SlidingArea {
    animation: slidingAreaOpen 0.3s;
    -webkit-animation: slidingAreaOpen 0.3s;
}

.OperationsSlidingArea {
    animation: operationsSlidingArea 0.3s;
    -webkit-animation: operationsSlidingArea 0.3s;
}

.OperationsSlidingArea {
    width: 1200px;
    height: 535px;
}

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

@keyframes slidingAreaClose {
    from {
        right: 0px;
    }
    to {
        right: -500px;
    }
}

@-webkit-keyframes slidingAreaClose {
    from {
        right: 0px;
    }
    to {
        right: -500px;
    }
}

@keyframes operationsSlidingAreaClose {
    from {
        top: 0px;
    }
    to {
        top: -500px;
    }
}

@-webkit-keyframes operationsSlidingAreaClose {
    from {
        top: 0px;
    }
    to {
        top: -500px;
    }
}

/*keyframes works without the display none.
    But then the sliding area and all of it's content
    stays resposive to keyboard and TAB navigation.
    For that the elements under the SlidingArea_hidden
    will be hidden with display: none; */

.SlidingArea_hidden {
    right: -522px;
    /* width: 0px; */
    height: 585px;
    animation: slidingAreaClose 0.3s;
    -webkit-animation: slidingAreaClose 0.3s;
}

.OperationsSlidingArea_hidden {
    top: -950px;
    height: 615px;
    width: 1200px;
    animation: operationsSlidingAreaClose 0.3s;
    -webkit-animation: operationsSlidingAreaClose 0.3s;
}

.SlidingArea_hidden * {
    display: none;
}

.OperationsSlidingArea_hidden * {
    display: none;
}

.SlidingAreaFrame, .FloatingDialogSlidingAreaFrame, .toolboxAreaFrame {
    background-color: #fafafa;
    position: absolute !important;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    border-radius: 4px;
    padding: 4px 8px 8px 8px;
    /*height: 100%;*/
}

.FloatingDialogSlidingAreaFrame {
    height: 100%;
    padding: 5px;
}

.toolboxAreaFrame {
    pading: 0px;
}

.SlidingAreaSpecialPanel {
    min-height: 25px;
    overflow: hidden;
}

.SlidingAreaSpecialPanel .gwt-PasswordTextBox {
    width: auto;
    min-width: 100px;
}

.SlidingAreaSpecialPanel .gwt-ListBox {
    margin-left: 0px;
}

.SlidingAreaTooBar {
    min-height: 25px;
    margin-top: 5px;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #d6d6d6;
}

.SlidingAreaTooBar .CancelButton {
    padding-top: 0px;
    padding-bottom: 0px;
    height: 17px;
}

.TextAreaStyle, .CompareHTMLAreaStyle, .TextHTMLAreaStyle, .TextHTMLAreaStyleNoAlteon {
    position: absolute;
    right: 8px;
    left: 8px;
    bottom: 19px;
    top: 80px;
}

.CompareHTMLAreaStyle {
    top: 15px;
    position: absolute !important;
    border: 1px solid;
    border-color: #ababab;
    background-color: white;
    padding-left: 5px;
    padding-top: 4px;
}

.TextHTMLAreaStyle {
    top: 132px;
    bottom: 0px;
}

.TextHTMLAreaStyleNoAlteon {
    top: 92px;
    bottom: 0px;
}

.CompareHtmlExtraHeight {
    top: 148px;
}

.CompareHtmlExtraHeightNoAlteon {
    top: 122px;
}

.TextAreaStyle textarea {
    width: 97%;
    height: 100%;
    padding: 5px;
}

.DefaultItemSmall {
    /* width: 27px;
        height: 15px; */
    cursor: pointer;
    margin-right: 10px;
    margin-top: 5px;
    float: left;
}

.DefaultItemSmall-Right {
    float: right;
    margin-right: 3px;
    padding-right: 0px;
    padding-left: 0px;
}

.SaveItemSmall {
    background: url(../images/ic_save_small.png) no-repeat left center;
    padding-left: 17px;
}

.SaveItemSmall:hover {
    background-image: url(../images/ic_save_small_hov.png);
}

.ShowItemSmall {
    background: url(../images/ic_show.png) no-repeat left center;
    padding-left: 23px;
}

.treeOperationsPanel .ShowItemSmall {
    padding-right: 5px;
}

.LockSmall {
    background: url(../images/ic_lock14x14.png) no-repeat center center;
}

.LockSmall:hover {
    background: url(../images/ic_lock14x14_hover.png) no-repeat center center;
}

.Table_Tool_Item.ShowItemSmall {
    padding-left: 0px;
}

.ShowItemSmall:hover {
    background-image: url(../images/ic_show_hov.png);
}

.ShowItemSmall-disabled {
    background-image: url(../images/ic_show_dis.png);
    background-position: center 0px;
}

.DefaultItemSmall.CancelButton:active {
    top: 0px;
    position: static;
}

.ExportLogFile {
    background: url(../images/ic_save_small.png) no-repeat center center;
}

.ExportLogFile:hover {
    background-image: url(../images/ic_save_small_hov.png);
}

.AlertsView {
    width: 100% !important;
    height: 100%;
    background-color: #ffffff;
}

.AlertsView table {
    width: 100%;
}

.maximize, .emptyAlertsTable {
    background: url(../images/alerts/alerts_new-alerts.svg) no-repeat center center;
    background-size: 65px 65px;
    /* float: right;
        margin-right: 3px; */
    width: 65px;
    height: 65px;
    cursor: pointer;
    position: fixed;
    right: 30px;
    bottom: 30px;
    z-index: 1;
}

.emptyAlertsTable {
    background: url(../images/alerts/alerts_no-alerts.svg) no-repeat center center;
    background-size: 65px 65px;
}

.AlertsTableLabel {
    height: 20px;
    margin-left: -2px;
    margin-top: -2px;
    padding-left: 5px;
    padding-top: 5px;
    width: 200%;
    background-color: rgb(236, 236, 236);
    position: absolute;
    top: 0px;
}

.AlertsView .ScreenComposite {
    /* margin-top: -23px; */
    margin-left: -26px;
    background: none;
    width: 100%;
    position: absolute;
    top: -2px;
}

.AlertsView .grid_border {
    border: none;
    border-radius: unset;
    width: 100% !important;
}

.FloatLeft {
    float: left;
}

.FloatRight {
    float: right;
}

.waitingIndication {
    height: 26px;
    /* width: 20px; */
    padding-left: 50px;

}

.waitingIndication-rotate {
    background: url(../images/ic_busy.png) no-repeat center top;
    animation: spinnerRotate;
    animation-duration: 0.7s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation: spinnerRotate;
    -webkit-animation-duration: 0.7s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
}

.gwt-Button .waitingIndication-rotate {
    height: 25px;
    left: 30px;
    top: 0px;
    position: relative;
}

.processing {
    position: relative;
    top: -20px;
    left: -10px;
}

@keyframes spinnerRotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes spinnerRotate {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes spinnerRotate {
    from {
        -moz-transform: rotate(0deg);
    }
    to {
        -moz-transform: rotate(360deg);
    }
}

@-o-keyframes spinnerRotate {
    from {
        -o-transform: rotate(0deg);
    }
    to {
        -o-transform: rotate(360deg);
    }
}

.fileUpload {
    color: rgb(19, 35, 94);
    /* line-height: 2; */
    text-align: left;
    width: auto !important;
}

.ha_active, .ha_standAlone, .ha_activePartially, .ha_init, .ha_holdoff {
    position: absolute;
    z-index: 12;
    height: 40px;
    width: 34px;
    left: 50px;
    bottom: 100px;
}

.ha_active {
    background: url(../images/ic_status_ha_active16.png) no-repeat center center;
}

.ha_standBy {
    background: url(../images/ic_status_ha_standby16.png) no-repeat center center;
}

.ha_activePartially {
    background: url(../images/ic_status_ha_active_both16.png) no-repeat center center;
}

.ha_init {
    background: url(../images/ic_status_ha_init16.png) no-repeat center center;
}

.ha_holdoff {
    background: url(../images/ic_status_ha_holdoff16.png) no-repeat center center;
}

.dialogFrameTitle {
    padding-left: 2px;
}

.DualListTitle {
    text-align: left;
    padding-left: 2px;
}

.DualList-Selected-Button, .DualList-UnSelected-Button {
    background-color: #F5F5F5;
    border-radius: 3px;
    border: 1px solid #8096b2;
    border-top-color: #e3e7eb;
    border-left-color: #bfc9d1;
    padding: 3px 6px;
    height: 20px;
    width: 30px;
    margin-top: 5px;
    cursor: pointer;
}

.DualList-Selected-Button {
    margin-top: 35px;
    background: url(../images/ic_dual_list_right.png) no-repeat center center, linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(232, 232, 232) 100%);
}

.DualList-Selected-Button:hover {
    background: url(../images/ic_dual_list_right.png) no-repeat center center, linear-gradient(0deg, rgb(205, 232, 245) 0%, rgb(230, 244, 250) 11%, rgb(255, 255, 255) 95%, rgb(205, 232, 245) 100%);
}

.DualList-UnSelected-Button {
    background: url(../images/ic_dual_list_left.png) no-repeat center center, linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(232, 232, 232) 100%);
}

.DualList-UnSelected-Button:hover {
    background: url(../images/ic_dual_list_left.png) no-repeat center center, linear-gradient(0deg, rgb(205, 232, 245) 0%, rgb(230, 244, 250) 11%, rgb(255, 255, 255) 95%, rgb(205, 232, 245) 100%);
}

.DualList-Selected-Button:active, .DualList-UnSelected-Button:active {
    position: relative;
    top: 1px;
}

.DualList-Selected-Button-disabled, .DualList-Selected-Button-disabled:hover {
    background: url(../images/ic_dual_list_right.png) no-repeat center center;
}

.DualList-UnSelected-Button-disabled, .DualList-UnSelected-Button-disabled:hover {
    background: url(../images/ic_dual_list_left.png) no-repeat center center;
}

.DualList-Selected-Button-disabled, .DualList-UnSelected-Button-disabled, .DualList-Selected-Button-disabled:active, .DualList-UnSelected-Button-disabled:active {
    cursor: default;
    top: 0px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.siteIcon {
    background: url(../images/ic_site.png) no-repeat left top;
    font-size: 14px;
}

.adcCluster {
    background: url(../images/ic_adc_cluster.png) no-repeat left top;
    font-size: 14px;
}

.groupIconValid {
    background: url(../images/ic_group.svg) no-repeat left top;
}

.groupIconInValid {
    background: url(../images/ic__invalid_group.svg) no-repeat left top;
}

.alteonOK, .vADC, .lpOK {
    background: url(../images/devices/tree-alteon/alteon.svg) no-repeat left 2px;
}

.alteonOKUNLICENSED, .vADCUNLICENSED, .lpOKUNLICENSED {
    background: url(../images/devices/tree-alteon/alteon_unlicensed.svg) no-repeat left 2px;
}

.alteonOKHA, .lpOKHA {
    background: url(../images/devices/tree-alteon/alteon_HA.svg) no-repeat left 2px;
}

.alteonOKHAUNLICENSED, .lpOKHAUNLICENSED {
    background: url(../images/devices/tree-alteon/alteon_HA_unlicensed.svg) no-repeat left 2px;
}

.alteonOKHALocked, .lpOKHALocked {
    background: url(../images/ic_status_locked.png), url(../images/devices/tree-alteon/alteon_HA.svg);
    background-position: left 2px, left 2px;
    background-repeat: no-repeat, no-repeat;
}

.alteonOKHALockedUNLICENSED, .lpOKHALockedUNLICENSED {
    background: url(../images/ic_status_locked.png), url(../images/devices/tree-alteon/alteon_HA_unlicensed.svg);
    background-position: left 2px, left 2px;
    background-repeat: no-repeat, no-repeat;
}

.alteonOKLocked, .lpOKLocked {
    background: url(../images/ic_status_locked.png), url(../images/devices/tree-alteon/alteon.svg);
    background-position: left 2px, left 2px;
    background-repeat: no-repeat, no-repeat;
}

.alteonOKLockedUNLICENSED, .lpOKLockedUNLICENSED {
    background: url(../images/ic_status_locked.png), url(../images/devices/tree-alteon/alteon_unlicensed.svg);
    background-position: left 2px, left 2px;
    background-repeat: no-repeat, no-repeat;
}

.alteonFAILED, .lpFAILED {
    background: url(../images/ic_status_down_off-line.png), url(../images/devices/tree-alteon/alteon.svg);
    background-position: left 2px, left 2px;
    background-repeat: no-repeat, no-repeat;
}

.alteonFAILEDUNLICENSED, .lpFAILEDUNLICENSED {
    background: url(../images/ic_status_down_off-line.png), url(../images/devices/tree-alteon/alteon_unlicensed.svg);
    background-position: left 2px, left 2px;
    background-repeat: no-repeat, no-repeat;
}

.alteonMAINTENANCE, .lpMAINTENANCE {
    background: url(../images/ic_status_busy_not-responding_maintenance.png), url(../images/devices/tree-alteon/alteon.svg);
    background-position: left top, left top;
    background-repeat: no-repeat, no-repeat;
}

.alteonMAINTENANCEUNLICENSED, .lpMAINTENANCEUNLICENSED {
    background: url(../images/ic_status_busy_not-responding_maintenance.png), url(../images/devices/tree-alteon/alteon_unlicensed.svg);
    background-position: left top, left top;
    background-repeat: no-repeat, no-repeat;
}

.alteonUNKNOWN, .lpUNKNOWN {
    background: url(../images/ic_status_unknown.png), url(../images/devices/tree-alteon/alteon.svg);
    background-position: left top, left top;
    background-repeat: no-repeat, no-repeat;
}

.alteonUNKNOWNUNLICENSED, .lpUNKNOWNUNLICENSED {
    background: url(../images/ic_status_unknown.png), url(../images/devices/tree-alteon/alteon_unlicensed.svg);
    background-position: left 2px, left 2px;
    background-repeat: no-repeat, no-repeat;
}

.alteonOFFLINE, .lpOFFLINE {
    background: url(../images/ic_status_down_off-line.png), url(../images/devices/tree-alteon/alteon.svg);
    background-position: left top, left 2px;
    background-repeat: no-repeat, no-repeat;
}

.alteonOFFLINEUNLICENSED, .lpOFFLINEUNLICENSED {
    background: url(../images/ic_status_down_off-line.png), url(../images/devices/tree-alteon/alteon_unlicensed.svg);
    background-position: left 2px, left 2px;
    background-repeat: no-repeat, no-repeat;
}

.alteonVXOK, .lpVXOK {
    background: url(../images/devices/tree-alteonVX/alteonVX.svg);
    background-position: left top;
    background-repeat: no-repeat;
}

.alteonVXOKUNLICENSED, .lpVXOKUNLICENSED {
    background: url(../images/devices/tree-alteonVX/alteonVX_unlicensed.svg);
    background-position: left top;
    background-repeat: no-repeat;
}

.alteonVXOKHA, .lpVXOKHA {
    background: url(../images/devices/tree-alteon/alteon_HA.svg);
    background-position: left top;
    background-repeat: no-repeat;
}

.alteonVXOKHAUNLICENSED, .lpVXOKHAUNLICENSED {
    background: url(../images/devices/tree-alteon/alteon_HA.svg);
    background-position: left top;
    background-repeat: no-repeat;
}

.alteonVXOKHALocked, .lpVXOKHALocked {
    background: url(../images/ic_status_locked.png), url(../images/devices/tree-alteon/alteon_HA.svg);
    background-position: left 2px, left 2px;
    background-repeat: no-repeat, no-repeat;
}

.alteonVXOKHALockedUNLICENSED, .lpVXOKHALockedUNLICENSED {
    background: url(../images/ic_status_locked.png), url(../images/alteon_HA_unlicensed.svg);
    background-position: left 2px, left 2px;
    background-repeat: no-repeat, no-repeat;
}

.alteonVXOKLocked, .lpVXOKLocked {
    background: url(../images/ic_status_locked.png), url(../images/devices/tree-alteonVX/alteonVX.svg);
    background-position: left 2px, left 2px;
    background-repeat: no-repeat, no-repeat;
}

.alteonVXOKLockedUNLICENSED, .lpVXOKLockedUNLICENSED {
    background: url(../images/ic_status_locked.png), url(../images/devices/tree-alteonVX/alteonVX_unlicensed.svg);
    background-position: left 2px, left 2px;
    background-repeat: no-repeat, no-repeat;
}

.alteonVXFAILED, .lpVXFAILED {
    background: url(../images/ic_status_down_off-line.png), url(../images/devices/tree-alteonVX/alteonVX.svg);
    background-position: left 2px, left 2px;
    background-repeat: no-repeat, no-repeat;
}

.alteonVXFAILEDUNLICENSED, .lpVXFAILEDUNLICENSED {
    background: url(../images/ic_status_down_off-line.png), url(../images/devices/tree-alteonVX/alteonVX_unlicensed.svg);
    background-position: left 2px, left 2px;
    background-repeat: no-repeat, no-repeat;
}

.alteonVXMAINTENANCE, .lpVXMAINTENANCE {
    background: url(../images/ic_status_busy_not-responding_maintenance.png), url(../images/devices/tree-alteonVX/alteonVX.svg);
    background-position: left 2px, left 2px;
    background-repeat: no-repeat, no-repeat;
}

.alteonVXMAINTENANCEUNLICENSED, .lpVXMAINTENANCEUNLICENSED {
    background: url(../images/ic_status_busy_not-responding_maintenance.png), url(../images/devices/tree-alteonVX/alteonVX_unlicensed.svg);
    background-position: left 2px, left 2px;
    background-repeat: no-repeat, no-repeat;
}

.alteonVXUNKNOWN, .lpVXUNKNOWN {
    background: url(../images/ic_status_unknown.png), url(../images/devices/tree-alteonVX/alteonVX.svg);
    background-position: left 2px, left 2px;
    background-repeat: no-repeat, no-repeat;
}

.alteonVXUNKNOWNUNLICENSED, .lpVXUNKNOWNUNLICENSED {
    background: url(../images/ic_status_unknown.png), url(../images/devices/tree-alteonVX/alteonVX_unlicensed.svg);
    background-position: left 2px, left 2px;
    background-repeat: no-repeat, no-repeat;
}

.alteonVXOFFLINE, .lpVXOFFLINE {
    background: url(../images/ic_status_down_off-line.png), url(../images/devices/tree-alteonVX/alteonVX.svg);
    background-position: left 2px, left 2px;
    background-repeat: no-repeat, no-repeat;
}

.alteonVXOFFLINEUNLICENSED, .lpVXOFFLINEUNLICENSED {
    background: url(../images/ic_status_down_off-line.png), url(../images/devices/tree-alteonVX/alteonVX_unlicensed.svg);
    background-position: left 2px, left 2px;
    background-repeat: no-repeat, no-repeat;
}

.dpOK {
    background: url(../images/devices/tree-defensePro/defensePro.svg) no-repeat left top;
}

.dpOKUNLICENSED {
    background: url(../images/devices/tree-defensePro/defensePro_unlicensed.svg);
    background-position: left top;
    background-repeat: no-repeat;
}

.dpOKUSEDBY {
    background: url(../images/devices/tree-defensePro/defensePro.svg) no-repeat left 2px, url(../images/ic_status_used_by.png) no-repeat left 2px;
    padding-bottom: 2px;
}

.dpOKUSEDBYUNLICENSED {
    background: url(../images/devices/tree-defensePro/defensePro_unlicensed.svg) no-repeat left top, url(../images/ic_status_used_by.png) no-repeat left top;
    padding-bottom: 2px;
}

.dpOKHA {
    background: url(../images/devices/tree-defensePro/defensePro_HA_master.svg) no-repeat left top;
}

.dpOKHAUNLICENSED {
    background: url(../images/devices/tree-defensePro/defensePro_HA_master_unlicensed.svg) no-repeat left top;
}

.dpOKHAUSEDBY {
    background: url(../images/devices/tree-defensePro/defensePro_HA_master.svg) no-repeat left top, url(../images/ic_status_used_by.png) no-repeat left top;
    padding-bottom: 2px;
}

.dpOKHAUSEDBYUNLICENSED {
    background: url(../images/devices/tree-defensePro/defensePro_HA_master_unlicensed.svg) no-repeat left top, url(../images/ic_status_used_by.png) no-repeat left top;
    padding-bottom: 2px;
}

.dpOKHAACTIVE {
    background: url(../images/devicestree/ic_status_dp_active.png), url(../images/devices/tree-defensePro/defensePro_HA_master.svg);
    background-position: left 2px, left 2px;
    background-repeat: no-repeat, no-repeat;
}

.dpOKHAACTIVEUNLICENSED {
    background: url(../images/devicestree/ic_status_dp_active.png), url(../images/devices/tree-defensePro/defensePro_HA_master_unlicensed.svg);
    background-position: left 2px, left 2px;
    background-repeat: no-repeat, no-repeat;
}

.dpOKHAACTIVEUSEDBY {
    background: url(../images/devicestree/ic_status_dp_active.png), url(../images/devices/tree-defensePro/defensePro_HA_master.svg), url(../images/ic_status_used_by.png) no-repeat left top;
    background-position: left 2px, left 2px;
    background-repeat: no-repeat, no-repeat;
    padding-bottom: 2px;
}

.dpOKHAACTIVEUSEDBYUNLICENSED {
    background: url(../images/devicestree/ic_status_dp_active.png), url(../images/devices/tree-defensePro/defensePro_HA_master_unlicensed.svg), url(../images/ic_status_used_by.png) no-repeat left top;
    background-position: left 2px, left 2px;
    background-repeat: no-repeat, no-repeat;
    padding-bottom: 2px;
}

.dpOKHAACTIVELocked {
    background: url(../images/devicestree/ic_status_dp_locked_active.png), url(../images/devices/tree-defensePro/defensePro_HA_master.svg);
    background-position: left bottom, left top, right top;
    background-repeat: no-repeat, no-repeat;
}

.dpOKHAACTIVELockedUNLICENSED {
    background: url(../images/devicestree/ic_status_dp_locked_active.png), url(../images/devices/tree-defensePro/defensePro_HA_master_unlicensed.svg);
    background-position: left bottom, left top, right top;
    background-repeat: no-repeat, no-repeat;
}

.dpOKHAACTIVELockedUSEDBY {
    background: url(../images/devicestree/ic_status_dp_locked_active.png), url(../images/devices/tree-defensePro/defensePro_HA_master.svg), url(../images/ic_status_used_by.png) no-repeat left top;
    background-position: left bottom, left top, right top;
    background-repeat: no-repeat, no-repeat;
    padding-bottom: 2px;
}

.dpOKHAACTIVELockedUSEDBYUNLICENSED {
    background: url(../images/devicestree/ic_status_dp_locked_active.png), url(../images/devices/tree-defensePro/defensePro_HA_master_unlicensed.svg), url(../images/ic_status_used_by.png) no-repeat left top;
    background-position: left bottom, left top, right top;
    background-repeat: no-repeat, no-repeat;
    padding-bottom: 2px;
}

.dpOKACTIVE {
    background: url(../images/devicestree/ic_status_dp_active.png), url(../images/devices/tree-defensePro/defensePro.svg);
    background-position: left 2px, left 2px;
    background-repeat: no-repeat, no-repeat;
}

.dpOKACTIVEUNLICENSED {
    background: url(../images/devicestree/ic_status_dp_active.png), url(../images/devices/tree-defensePro/defensePro_unlicensed.svg);
    background-position: left 2px, left 2px;
    background-repeat: no-repeat, no-repeat;
}

.dpOKACTIVEUSEDBY {
    background: url(../images/devicestree/ic_status_dp_active.png), url(../images/devices/tree-defensePro/defensePro.svg), url(../images/ic_status_used_by.png) no-repeat left top;
    background-position: left 2px, left 2px;
    background-repeat: no-repeat, no-repeat;
    padding-bottom: 2px;
}

.dpOKACTIVEUSEDBYUNLICENSED {
    background: url(../images/devicestree/ic_status_dp_active.png), url(../images/devices/tree-defensePro/defensePro_unlicensed.svg), url(../images/ic_status_used_by.png) no-repeat left top;
    background-position: left 2px, left 2px;
    background-repeat: no-repeat, no-repeat;
    padding-bottom: 2px;
}

.dpOKACTIVELocked {
    background: url(../images/devicestree/ic_status_dp_locked_active.png), url(../images/devices/tree-defensePro/defensePro.svg);
    background-position: left top, left top, right top;
    background-repeat: no-repeat, no-repeat;
}

.dpOKACTIVELockedUNLICENSED {
    background: url(../images/devicestree/ic_status_dp_locked_active.png), url(../images/DefensePro_unlicensed.png);
    background-position: left top, left top, right top;
    background-repeat: no-repeat, no-repeat;
}

.dpOKACTIVELockedUSEDBY {
    background: url(../images/devicestree/ic_status_dp_locked_active.png), url(../images/devices/tree-defensePro/defensePro.svg), url(../images/ic_status_used_by.png) no-repeat left top;
    background-position: left top, left top, right top;
    background-repeat: no-repeat, no-repeat;
    padding-bottom: 2px;
}

.dpOKACTIVELockedUSEDBYUNLICENSED {
    background: url(../images/devicestree/ic_status_dp_locked_active.png), url(../images/devices/tree-defensePro/defensePro_HA_master_unlicensed.svg), url(../images/ic_status_used_by.png) no-repeat left top;
    background-position: left top, left top, right top;
    background-repeat: no-repeat, no-repeat;
    padding-bottom: 2px;
}

.dpOKHALocked {
    background: url(../images/ic_status_locked.png), url(../images/devices/tree-defensePro/defensePro_HA_master.svg);
    background-position: left 2px, left 2px;
    background-repeat: no-repeat, no-repeat;
}

.dpOKHALockedUNLICENSED {
    background: url(../images/ic_status_locked.png), url(../images/devices/tree-defensePro/defensePro_HA_master_unlicensed.svg);
    background-position: left 2px, left 2px;
    background-repeat: no-repeat, no-repeat;
}

.dpOKHALockedUSEDBY {
    background: url(../images/ic_status_locked.png), url(../images/devices/tree-defensePro/defensePro_HA_master.svg), url(../images/ic_status_used_by.png) no-repeat left top;
    background-position: left 2px, left 2px;
    background-repeat: no-repeat, no-repeat;
    padding-bottom: 2px;
}

.dpOKHALockedUSEDBYUNLICENSED {
    background: url(../images/ic_status_locked.png), url(../images/devices/tree-defensePro/defensePro_HA_master_unlicensed.svg), url(../images/ic_status_used_by.png) no-repeat left top;
    background-position: left 2px, left 2px;
    background-repeat: no-repeat, no-repeat;
    padding-bottom: 2px;
}

.dpOKLocked {
    background: url(../images/ic_status_locked.png), url(../images/devices/tree-defensePro/defensePro.svg);
    background-position: left 2px, left 2px;
    background-repeat: no-repeat, no-repeat;
}

.dpOKLockedUNLICENSED {
    background: url(../images/ic_status_locked.png), url(../images/devices/tree-defensePro/defensePro_unlicensed.svg);
    background-position: left 2px, left 2px;
    background-repeat: no-repeat, no-repeat;
}

.dpOKLockedUSEDBY {
    background: url(../images/ic_status_locked.png), url(../images/devices/tree-defensePro/defensePro.svg), url(../images/ic_status_used_by.png) no-repeat left top;
    background-position: left 2px, left 2px;
    background-repeat: no-repeat, no-repeat;
    padding-bottom: 2px;
}

.dpOKLockedUSEDBYUNLICENSED {
    background: url(../images/ic_status_locked.png), url(../images/devices/tree-defensePro/defensePro_unlicensed.svg), url(../images/ic_status_used_by.png) no-repeat left top;
    background-position: left 2px, left 2px;
    background-repeat: no-repeat, no-repeat;
    padding-bottom: 2px;
}

.dpFAILED {
    background: url(../images/ic_status_down_off-line.png), url(../images/devices/tree-defensePro/defensePro.svg);
    background-position: left 2px, left 2px;
    background-repeat: no-repeat, no-repeat;
}

.dpFAILEDUNLICENSED {
    background: url(../images/ic_status_down_off-line.png), url(../images/devices/tree-defensePro/defensePro_unlicensed.svg);
    background-position: left 2px, left 2px;
    background-repeat: no-repeat, no-repeat;
}

.dpFAILEDUSEDBY {
    background: url(../images/ic_status_down_off-line.png), url(../images/devices/tree-defensePro/defensePro.svg), url(../images/ic_status_used_by.png) no-repeat left top;
    background-position: left 2px, left 2px;
    background-repeat: no-repeat, no-repeat;
    padding-bottom: 2px;
}

.dpFAILEDUSEDBYUNLICENSED {
    background: url(../images/ic_status_down_off-line.png), url(../images/devices/tree-defensePro/defensePro_unlicensed.svg), url(../images/ic_status_used_by.png) no-repeat left top;
    background-position: left 2px, left 2px;
    background-repeat: no-repeat, no-repeat;
    padding-bottom: 2px;
}

.dpMAINTENANCE {
    background: url(../images/ic_status_busy_not-responding_maintenance.png), url(../images/devices/tree-defensePro/defensePro.svg);
    background-position: left 2px, left 2px;
    background-repeat: no-repeat, no-repeat;
}

.dpMAINTENANCEUNLICENSED {
    background: url(../images/ic_status_busy_not-responding_maintenance.png), url(../images/devices/tree-defensePro/defensePro_unlicensed.svg);
    background-position: left 2px, left 2px;
    background-repeat: no-repeat, no-repeat;
}

.dpMAINTENANCEUSEDBY {
    background: url(../images/ic_status_busy_not-responding_maintenance.png), url(../images/devices/tree-defensePro/defensePro.svg), url(../images/ic_status_used_by.png) no-repeat left top;
    background-position: left 2px, left 2px;
    background-repeat: no-repeat, no-repeat;
    padding-bottom: 2px;
}

.dpMAINTENANCEUSEDBYUNLICENSED {
    background: url(../images/ic_status_busy_not-responding_maintenance.png), url(../images/devices/tree-defensePro/defensePro_unlicensed.svg), url(../images/ic_status_used_by.png) no-repeat left top;
    background-position: left 2px, left 2px;
    background-repeat: no-repeat, no-repeat;
    padding-bottom: 2px;
}

.dpUNKNOWN {
    background: url(../images/ic_status_unknown.png), url(../images/devices/tree-defensePro/defensePro.svg);
    background-position: left 2px, left 2px;
    background-repeat: no-repeat, no-repeat;
}

.dpUNKNOWNUNLICENSED {
    background: url(../images/ic_status_unknown.png), url(../images/devices/tree-defensePro/defensePro_unlicensed.svg);
    background-position: left 2px, left 2px;
    background-repeat: no-repeat, no-repeat;
}

.dpOFFLINE {
    background: url(../images/ic_status_down_off-line.png), url(../images/devices/tree-defensePro/defensePro.svg);
    background-position: left 2px, left 2px;
    background-repeat: no-repeat, no-repeat;
}

.dpOFFLINEUNLICENSED {
    background: url(../images/ic_status_down_off-line.png), url(../images/devices/tree-defensePro/defensePro_unlicensed.svg);
    background-position: left 2px, left 2px;
    background-repeat: no-repeat, no-repeat;
}

.dpOFFLINEUSEDBY {
    background: url(../images/ic_status_down_off-line.png), url(../images/devices/tree-defensePro/defensePro.svg), url(../images/ic_status_used_by.png) no-repeat left top;
    background-position: left 2px, left 2px;
    background-repeat: no-repeat, no-repeat;
    padding-bottom: 2px;
}

.dpOFFLINEUSEDBYUNLICENSED {
    background: url(../images/ic_status_down_off-line.png), url(../images/devices/tree-defensePro/defensePro_unlicensed.svg), url(../images/ic_status_used_by.png) no-repeat left top;
    background-position: left 2px, left 2px;
    background-repeat: no-repeat, no-repeat;
    padding-bottom: 2px;
}

.dpCluster {
    background: url(../images/ic_dp_cluster.png) no-repeat left top;
}

.dpClusterUNLICENSED {
    background: url(../images/ic_dp_cluster.png) no-repeat left top;
}

.awClusterOK {
    background: url(../images/ic_aw_cluster.png) no-repeat left top;
}

.awClusterOKUNLICENSED {
    background: url(../images/AppWall_AppDirector_HA_unlicensed.svg) no-repeat left top;
}

.awClusterMAINTENANCE {
    background: url(../images/ic_status_busy_not-responding_maintenance.png), url(../images/ic_aw_cluster.png);
    background-position: left 2px, left 2px;
    background-repeat: no-repeat, no-repeat;
}

.awClusterMAINTENANCEUNLICENSED {
    background: url(../images/ic_status_busy_not-responding_maintenance.png), url(../images/ic_aw_cluster.png);
    background-position: left 2px, left 2px;
    background-repeat: no-repeat, no-repeat;
}

.awClusterOFFLINE, .awClusterFAILED {
    background: url(../images/ic_status_down_off-line.png), url(../images/ic_aw_cluster.png);
    background-position: left 2px, left 2px;
    background-repeat: no-repeat, no-repeat;
}

.awClusterOFFLINEUNLICENSED, .awClusterFAILEDUNLICENSED {
    background: url(../images/ic_status_down_off-line.png), url(../images/ic_aw_cluster.png);
    background-position: left 2px, left 2px;
    background-repeat: no-repeat, no-repeat;
}

.awClusterUNKNOWN {
    background: url(../images/ic_status_unknown.png), url(../images/ic_aw_cluster.png);
    background-position: left 2px, left 2px;
    background-repeat: no-repeat, no-repeat;
}

.awClusterUNKNOWNUNLICENSED {
    background: url(../images/ic_status_unknown.png), url(../images/ic_aw_cluster.png);
    background-position: left 2px, left 2px;
    background-repeat: no-repeat, no-repeat;
}

.awClusterOKLocked {
    background: url(../images/ic_status_locked.png), url(../images/ic_aw_cluster.png);
    background-position: left 2px, left 2px;
    background-repeat: no-repeat, no-repeat;
}

.awClusterOKLockedUNLICENSED {
    background: url(../images/ic_status_locked.png), url(../images/ic_aw_cluster.png);
    background-position: left 2px, left 2px;
    background-repeat: no-repeat, no-repeat;
}

.adOK {
    background: url(../images/ic_ad.png) no-repeat left top;
}

.adOKUNLICENSED {
    background: url(../images/appWall_AppDirector_unlicensed.svg) no-repeat left top;
}

.adOKLocked {
    background: url(../images/ic_status_locked.png), url(../images/ic_ad.png);
    background-position: left 2px, left 2px;
    background-repeat: no-repeat, no-repeat;
}

.adOKLockedUNLICENSED {
    background: url(../images/ic_status_locked.png), url(../images/appWall_AppDirector_unlicensed.svg);
    background-position: left 2px, left 2px;
    background-repeat: no-repeat, no-repeat;
}

.adFAILED {
    background: url(../images/ic_status_down_off-line.png), url(../images/ic_ad.png);
    background-position: left 2px, left 2px;
    background-repeat: no-repeat, no-repeat;
}

.adFAILEDUNLICENSED {
    background: url(../images/ic_status_down_off-line.png), url(../images/appWall_AppDirector_unlicensed.svg);
    background-position: left 2px, left 2px;
    background-repeat: no-repeat, no-repeat;
}

.adMAINTENANCE {
    background: url(../images/ic_status_busy_not-responding_maintenance.png), url(../images/ic_ad.png);
    background-position: left 2px, left 2px;
    background-repeat: no-repeat, no-repeat;
}

.adMAINTENANCEUNLICENSED {
    background: url(../images/ic_status_busy_not-responding_maintenance.png), url(../images/appWall_AppDirector_unlicensed.svg);
    background-position: left 2px, left 2px;
    background-repeat: no-repeat, no-repeat;
}

.adUNKNOWN {
    background: url(../images/ic_status_unknown.png), url(../images/ic_ad.png);
    background-position: left 2px, left 2px;
    background-repeat: no-repeat, no-repeat;
}

.adUNKNOWNUNLICENSED {
    background: url(../images/ic_status_unknown.png), url(../images/appWall_AppDirector_unlicensed.svg);
    background-position: left 2px, left 2px;
    background-repeat: no-repeat, no-repeat;
}

.adOFFLINE {
    background: url(../images/ic_status_down_off-line.png), url(../images/ic_ad.png);
    background-position: left 2px, left 2px;
    background-repeat: no-repeat, no-repeat;
}

.adOFFLINEUNLICENSED {
    background: url(../images/ic_status_down_off-line.png), url(../images/appWall_AppDirector_unlicensed.svg);
    background-position: left 2px, left 2px;
    background-repeat: no-repeat, no-repeat;
}

.awOK {
    background: url(../images/ic_ad.png) no-repeat left top;
}

.awOKUNLICENSED {
    background: url(../images/appWall_AppDirector_unlicensed.svg) no-repeat left top;
}

.awOKLocked {
    background: url(../images/ic_status_locked.png), url(../images/ic_ad.png);
    background-position: left 2px, left 2px;
    background-repeat: no-repeat, no-repeat;
}

.awOKLockedUNLICENSED {
    background: url(../images/ic_status_locked.png), url(../images/appWall_AppDirector_unlicensed.svg);
    background-position: left 2px, left 2px;
    background-repeat: no-repeat, no-repeat;
}

.awFAILED {
    background: url(../images/ic_status_down_off-line.png), url(../images/ic_ad.png);
    background-position: left 2px, left 2px;
    background-repeat: no-repeat, no-repeat;
}

.awFAILEDUNLICENSED {
    background: url(../images/ic_status_down_off-line.png), url(../images/appWall_AppDirector_unlicensed.svg);
    background-position: left 2px, left 2px;
    background-repeat: no-repeat, no-repeat;
}

.awMAINTENANCE {
    background: url(../images/ic_status_busy_not-responding_maintenance.png), url(../images/ic_ad.png);
    background-position: left 2px, left 2px;
    background-repeat: no-repeat, no-repeat;
}

.awMAINTENANCEUNLICENSED {
    background: url(../images/ic_status_busy_not-responding_maintenance.png), url(../images/appWall_AppDirector_unlicensed.svg);
    background-position: left 2px, left 2px;
    background-repeat: no-repeat, no-repeat;
}

.awUNKNOWN {
    background: url(../images/ic_status_unknown.png), url(../images/ic_ad.png);
    background-position: left 2px, left 2px;
    background-repeat: no-repeat, no-repeat;
}

.awUNKNOWNUNLICENSED {
    background: url(../images/ic_status_unknown.png), url(../images/appWall_AppDirector_unlicensed.svg);
    background-position: left 2px, left 2px;
    background-repeat: no-repeat, no-repeat;
}

.awOFFLINE {
    background: url(../images/ic_status_down_off-line.png), url(../images/ic_ad.png);
    background-position: left 2px, left 2px;
    background-repeat: no-repeat, no-repeat;
}

.awOFFLINEUNLICENSED {
    background: url(../images/ic_status_down_off-line.png), url(../images/appWall_AppDirector_unlicensed.svg);
    background-position: left 2px, left 2px;
    background-repeat: no-repeat, no-repeat;
}

.ConfigurationTabScrollPanel {
    overflow: auto;
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
}

@keyframes floatingTreeOpen {
    from {
        left: -500px;
    }
    to {
        left: 0px
    }
}

@-webkit-keyframes floatingTreeOpen {
    from {
        left: -500px;
    }
    to {
        left: 0px
    }
}

.treeAreaMultiSelection {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(137, 137, 137);
    border-radius: 0px;
    background-color: rgb(255, 255, 255);
    width: auto;
    height: auto;
    border-radius: 3px;
    margin: 2px;
    background: white;
}

.propertiesTextAreaMultiDevice {
    bottom: 0px;
    /*position: absolute;*/
}

.summarizeNote {
    margin-left: 4px;
}

.orange_triangle {
    background: url(../images/devicestree/ic_attention_16x16.png) no-repeat left bottom;
    width: 14px;
    height: 17px;
    padding-right: 6px;
}

.treeGlassPanel {
    background-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: 0px;
    height: 100%;
    width: 100%;
}

.treeGlassPanel-Inactive {
    z-index: -1;
}

.treeGlassPanel-Active {
    z-index: 1000;
}

.device_propertiesLock, .device_propertiesLockByOthers, .device_propertiesLockByOthersAdmin,
.device_propertiesPartiallyLock, .device_propertiesUnLock, .device_propertiesPartiallyUnLock {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 22px;
    top: 50px;
    cursor: pointer;
}

.device_propertiesLock, .device_propertiesLockByOthers, .device_propertiesLockByOthersAdmin {
    background: url("../images/locking/ic_locked.png") no-repeat center 0px;
}

.device_propertiesLock {
    background-position: center -48px;
}

.device_propertiesLock:hover {
    background-position: center -72px;
}

.device_propertiesLockByOthers, .device_propertiesLockByOthersAdmin {
    background-position: center 0px;
}

.device_propertiesLockByOthersAdmin:hover {
    background-position: center -24px;
}

.device_propertiesLockByOthers {
    cursor: default;
}

.device_propertiesPartiallyLock {
    background: url("../images/locking/ic_locked_parially.png") no-repeat center 0px;
}

.device_propertiesPartiallyLock:hover {
    background-position: center -24px;
}

.device_propertiesUnLock, .device_propertiesPartiallyUnLock {
    background: url("../images/locking/ic_unlocked.png") no-repeat center 0px;
}

/*.device_propertiesUnLock {
        background-position: center 0px;
    }*/
.device_propertiesUnLock:hover {
    background-position: center -24px;
}

.device_propertiesPartiallyUnLock {
    background-position: center -48px;
}

.device_propertiesPartiallyUnLock:hover {
    background-position: center -72px;
}

.FloatingTabFolderDialog {
    border-radius: 4px;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.75);
    background-color: rgb(212, 212, 212);
    width: 1100px;
    height: 615px;
    z-index: 100;
}

.gwt-TabLayoutPanel-ScheduledTasks {
    width: 950px;
    height: 615px;
}

.FloatingTabFolderDialog .TabFolderManager {
    top: 5px;
}

.FloatingTabFolderDialog .Copyright {
    display: none;
}

.treeNodelabelTextArea {
    font-family: Roboto-Regular;
    font-size: 11px;
    color: #000000;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 1px solid;
    border-radius: 3px;
    border-color: #808080;
    background-color: #fffcde;
    -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.5);
    cursor: text;
    position: relative;
    z-index: 100;
}

.treeNodelabelTextArea::selection {
    background: #ffcc99; /* WebKit/Blink Browsers selection for tooltip */
}

.treeNodelabelTextArea::-moz-selection {
    background: #ffcc99; /* Gecko Browsers  selection for tooltip*/
}

.gxt_ComboBox_ListView {
    background-color: white;
    color: #13235e;
}

.gxt_ComboBox, .gxt_TimeControl {
    height: 19px;
    color: #404040;
    padding: 5px;
    vertical-align: top;
    border-style: solid;
    border-width: 1px;
    border-color: #808285;
    border-radius: 2px;
    float: left;
    margin-left: 4px;
    margin-right: 4px;
    margin-bottom: 6px;
    position: relative;
    background-color: white;
    margin-top: 4px;
    padding-left: 0px;
}

.gxt_TimeControl {
    width: 145px;
}

.gxt_TimeControl-mandatory, .gxt_TimeControl-mandatory .comboTriggerButton, .gxt_ComboBox-mandatory, .gxt_ComboBox-mandatory .comboTriggerButton {
    border-color: rgb(39, 46, 118);
}

.gxt_ComboBox .comboTriggerButton, .grid_search_control .comboTriggerButton, .gxt_TimeControl .comboTriggerButton {
    background: url(../images/downtriangle.png) 2px 6px no-repeat !important;
    border-width: 0px;
}

.comboSortableTriggerButton {
    background: url(../images/downtriangle.png) 2px 6px no-repeat !important;
    border-width: 0px;
    padding-left: 7px;
}

.gxt_ComboBox-error, .gxt_TimeControl-error {
    color: #750000;
    border-color: rgb(207, 85, 85);
    /*background-image: linear-gradient(180deg, rgb(255, 202, 202) 0%, rgb(255, 234, 234) 24%, rgb(255, 192, 192) 100%);*/
    background-color: #f6dcdc;
}

.gxt_ComboBox-error, .gxt_ComboBox:hover, .gxt_ComboBox:focus, .gxt_ComboBox:active, .comboSelected {
    /*border-width: 2px;*/
    /* width: 231px;*/
    /*
    height: 24px;
    padding: 0px 0px 3px 1px;
    */
}

.grid_search_control.comboSelected {
    border-width: 1px;
    height: 17px;
    padding-left: 2px;
}

.gxt_TimeControl-error, .gxt_TimeControl:hover, .gxt_TimeControl:focus, .gxt_TimeControl:active, .TimeSelected {
    padding-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    border-width: 2px;
    width: 144px;
    height: 18px;
    padding-left: 1px;
    padding-bottom: 4px;
}

.gxt_ComboBox.gxt_ComboBox-readonly, .gxt_TimeControl.gxt_TimeControl-readonly {
    background-color: #e6e7e8;
    border-color: #bcbec0;
    background-image: none;
    border-width: 1px;
    background-image: none;
    opacity: 1;
}

.gxt_ComboBox-readonly:hover, .gxt_TimeControl-readonly:hover, .gxt_ComboBox-readonly:active, .gxt_TimeControl-readonly:active , .gxt_ComboBox-readonly:focus, .gxt_TimeControl-readonly:focus {
    /*    padding-left: 2px;
        padding-bottom: 6px;*/
    border-color: #bcbec0;
}

.gxt_ComboBox-readonly .comboTriggerButton, .grid_search_control .comboTriggerButton, .gxt_TimeControl-readonly .GF2DXX1DP {
    color: #818181;
    background: url(../images/downtriangle.png) 2px 6px no-repeat !important;
    border-width: 0px;
}

.grid_search_control .comboTriggerButton {
    background: url(../images/downtriangle.png) 6px 6px no-repeat !important;
}

.gxt_ComboBox-error .comboTriggerButton, .gxt_TimeControl-error .comboTriggerButton {
    color: #750000;
    background: url(../images/downtriangle.png) 2px 6px no-repeat !important;
    border-width: 0px;
}

.gxt_ComboBox input, .gxt_TimeControl input {
    /* background-image: linear-gradient(180deg, rgb(223, 222, 212) 0%, rgb(255, 253, 241) 21%, rgb(255, 253, 241) 58%, rgb(255, 255, 255) 100%); */
    color: #404040;
    vertical-align: top;
    /* border-style: solid; */
    /*border-width: 1px !important;*/
    /*border-color:#808285 !important;*/
    /* border-radius: 2px; */
    /*border-color:#FAFAF1;*/
    float: left;
    position: relative;
    font-size: 11px;
    background: white;
    background-color: white;
    border-color: white;
    height: 24px;
    /* margin-left: 4px; */
    margin-right: 4px;
    margin-bottom: 6px;
    /* padding: 5px; */
    padding-right: 10px;
    /*width:  231px;*/
    height: 18px;
}

.gxt_ComboBox input:hover, .gxt_TimeControl input:hover, .gxt_ComboBox input:active, .gxt_TimeControl input:active, .gxt_ComboBox input:focus, .gxt_TimeControl input:focus {
    border-color: #FAFAF1;
}

.gxt_ComboBox-readonly input:hover, .gxt_TimeControl-readonly input:hover, .gxt_ComboBox-readonly input:active, .gxt_TimeControl-readonly input:active, .gxt_ComboBox-readonly input:focus, .gxt_TimeControl-readonly input:focus {
    /*border-color: #bcbec0;
    background-image: none;
    background-color: #bcbec0;*/
    background-color: #e6e7e8;
    border-color: #e6e7e8;
    background-image: none;
}

.gxt_ComboBox-readonly input, .gxt_TimeControl-readonly input {
    background-color: #e6e7e8;
    border-color: #e6e7e8;
}

.x-view-highlightrow:hover {
    background: #F1F1F1;
}

.x-boundlist-selected {
    background: #1E90FF;
/ / define your own color
}

.x-combo-list-item {
    overflow: visible !important;
}

.hide_message_option {
    margin-left: 24px;
}

.FloatingAreaStyle {
    background-color: #e6e7e8;
    position: static !important;
    height: 100%;
    width: 100%;
}

.FloatingAreaStyle .vertical_tab_container {
    background: #fafafa;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: rgb(228, 227, 228);
    margin-top: 0px;
    height: 558px;
}

.FloatingWestSidePanel {
    width: 100%;
    background: #fafafa;
}

.FloatingWestSidePanelCloseButton {
    padding-left: 20px;
    padding-bottom: 10px;
}

.FloatingBottomSidePanelCloseButton {
    margin-top: 6px;
    margin-left: 4px;
}

.FloatingBottomSidePanelCloseBar {
    width: 100%;
    background: rgb(250, 250, 250);
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: rgb(214, 214, 214);
}

.AppShapesToolBarStyle {
    height: 20px;
    background-color: rgb(237, 236, 236);
    border-bottom: 1px solid rgb(214, 214, 214);
    border-top: 1px solid rgb(214, 214, 214);
    padding-top: 3px;
}

.gwt-debug-DeviceControlBar_Apply_updatePolicies {
    min-width: 142px;
}

.quick_aria-search {
    position: relative;
    top: -16px;
    left: 2px;
    padding-left: 0px;
    color: rgb(172, 172, 172);
    margin-right: 22px;
}

.gridActionButton .gwt-label, .gridActionButton {
    margin-left: 2px;
    width: 20px;
    height: 18px;
    cursor: pointer;
}

.gridActionButton-Enabled {
    background: url('../images/ic_filter.png') no-repeat center;
    cursor: pointer;
}

.gridActionButton-Enabled:hover {
    background: url('../images/ic_filter_nover.png') no-repeat center;
}

.gridActionButton-Disabled {
    background: url('../images/ic_filter_disabled.png') no-repeat center;
    cursor: default;
}

.gridActionButton-Clear {
    background: url('../images/ic_filter_clear.png') no-repeat center;
}

.gridActionButton-Clear:hover {
    background: url('../images/ic_filter_clear_hover.png') no-repeat center;
}

.gridActionButton-InProgress {
    background: url('../images/ic_filter_busy.png') no-repeat center;
    animation: spinnerRotate;
    animation-duration: 0.7s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation: spinnerRotate;
    -webkit-animation-duration: 0.7s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
}

.gridActionButton-InProgress:hover {
    background: url('../images/ic_filter_clear.png') no-repeat center;
    animation: none;
}

.quick_search_control {
    height: 18px;
}

div.quick_search_control {
    border: none;
}

.quick_search_control-Text {
    height: 16px;
}

::-webkit-input-placeholder { /* WebKit browsers */
    font-style: italic;
}

::-moz-placeholder { /* Firefox */
    color: rgb(102, 102, 102);
    font-style: italic;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: rgb(102, 102, 102);
    font-style: italic;
}

input:-moz-placeholder {
    color: rgb(102, 102, 102);
    font-style: italic;
}

.dynamicViewTotals {
    height: 20px;
    bottom: 20px;
    position: absolute;
    left: 2px;
    right: 10px;
    border-right: 1px solid rgb(171, 171, 171);
    border-bottom: 1px solid rgb(171, 171, 171);
    border-left: 1px solid rgb(171, 171, 171);
    background-color: rgb(237, 235, 236);
}

.quickFilterPanel {
    background-color: #e7f9ff;
    position: relative;
    border: 1px solid rgb(171, 171, 171);
    margin-left: 1px;
    /* width: 100%; */
    height: 18px;
    margin-top: 0px;
}

.quickFilterPanel-Clear {
    background-color: #c7bfff;
    border-color: #b8aeff;
}

.OperationsSlider {
    width: 100%;
    height: 100%;
    cursor: row-resize;
    background: url("../images/thumb_horz.png") no-repeat scroll center center rgb(228, 227, 228);
}

.OperationsWidthSlider {
    width: 100%;
    height: 100%;
    cursor: col-resize;
    background: url("../images/thumb_vertical.png") no-repeat scroll center center rgb(228, 227, 228);
}

.backgroundTasksSummary {
    background: rgb(236, 236, 236);
    border-radius: 0px;
    z-index: 10001;
    box-shadow: -3px -4px 10px rgba(0, 0, 0, 0.25);
}

/*.gwt-PopupPanel-Expanded {
        box-shadow: -3px 4px 10px rgba(0, 0, 0, 0.25);
    }*/

/*.gwt-PopupPanel-Collapsed {
        box-shadow: none;
    }*/

.backgroundTasksSummaryText {
    width: 120px;
    margin-left: 8px;
    cursor: pointer;
}

.summaryTaskBar {
    position: relative;
    top: -7px;

}

.backgroundTasksProgressArea {
    width: 100%;
    /*height: 100%;*/
}

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

@keyframes blinker {
    50% {
        background-color: rgb(228, 163, 79);
    }
    /*#F6D0A5;*/
}

.backgroundTasksSummaryAreaArrowCollapsed {
    background: url('../images/ic_collapsed.png') no-repeat right 8px;
    width: 20px;
}

.backgroundTasksSummaryAreaArrowExpanded {
    background: url('../images/ic_expanded_up.png') no-repeat right 8px;
    width: 20px;
}

.backgroundTasksSummaryAreaInfinityProgress {
    background: url('../images/ic_filter_busy.png') no-repeat center;
    animation: spinnerRotate;
    animation-duration: 0.7s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation: spinnerRotate;
    -webkit-animation-duration: 0.7s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    width: 20px;
    margin-right: 4px;
}

.backgroundTasksSummaryAreaInfinityProgressIdle {
    background: none;
    width: 20px;
}

.backgroundTasksProgressAreaTaskDesc {
    width: 100%;
    text-align: left;
    white-space: nowrap;
    margin-right: 5px;
    margin-left: 5px;
}

.backgroundTasksProgressAreaTaskAbort {
    background: url('../images/ic_filter_clear.png') no-repeat right;
    width: 15px;
}

.backgroundTasksProgressAreaTaskAbort:hover {
    background: url('../images/ic_filter_clear_hover.png') no-repeat right;
    width: 15px;
}

.alertsPageText {
    width: 70px !important;
}

.MultiSelectionTabStyle .gwt-TabLayoutPanelTabs {
    padding-left: 40px;
    height: 23px;
    background-color: #fafafa;
    border-bottom: 1px solid rgb(214, 214, 214);
    border-top: 1px solid rgb(214, 214, 214);
}

.MultiSelectionTabStyle .ScrollLeftPanel {
    background-image: linear-gradient(90deg, rgb(53, 106, 140) 0%, rgb(180, 199, 212) 100%);
}

.MultiSelectionTabStyle .ScrollRightPanel {
    background-image: linear-gradient(270deg, rgb(53, 106, 140) 0%, rgb(180, 199, 212) 100%);
}

.MultiDeviceCfgNote {
    width: 100%;
    border-top: 1px solid red;
    border-bottom: 1px solid red;
}

.LeadDeviceSelectionView table {
    width: 100%;
}

.MultiDeviceConfigLabel {
    padding-top: 10px;
}

.dropdown-header {
    border-width: 0 0 1px 0;
    text-transform: uppercase;
}

.dropdown-header > span {
    display: inline-block;
    padding: 10px;
}

.dropdown-header > span:first-child {
    width: 50px;
}

.selected-value {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    background-size: 100%;
    margin-right: 5px;
    border-radius: 50%;
}

#adminscripts_icon-list .k-item {
    line-height: 1em;
}

/* Material Theme padding adjustment*/

.k-material #adminscripts_icon-list .k-item,
.k-material #adminscripts_icon-list .k-item.k-state-hover,
.k-materialblack #adminscripts_icon-list .k-item,
.k-materialblack #adminscripts_icon-list .k-item.k-state-hover {
    padding-left: 5px;
    border-left: 0;
}

.k-list .k-item:hover {
    border: 1px solid;
}

.k-dropdown .k-input {
    height: 100% !important;
    width: 100% !important;
    min-height: 30px;
    min-width: 50px;
}

IMG.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.numberOfPendingActions {
    background-color: #c20000;
    width: 13px;
    height: 13px;
    position: absolute;
    top: 2px;
    left: 156px;
    border-radius: 13px;
    color: white;
}
.numberOfPendingActionsTwoNumbers {
    width: 17px;
}

.numberOfPendingActionsThreeNumbers {
    width: 30px;
}

.numberOfPendingActionsFourNumbers {
    width: 34px;
}

.deviceToolBarMessage {
    min-width: 700px;
    position: absolute;
    top: -2px;
    left: 70px;
    color: red;
    font-weight: bold;
    text-align: left;
    cursor: default;
}

.DeviceControlBarItem-LicenseAlertMsg {
    background: url(../images/bell.png) no-repeat center top;
    position: absolute;
    cursor: default;
    top: 14px;
}

.DeviceControlBarItem-LicenseAlertMsg:hover {
    background: url(../images/bell_hover.png) no-repeat center top;
    position: absolute;
    cursor: default;
}

.DeviceControlBarItem-LicenseAlertMsg_Disabled {
    cursor: default;
}

.numberOfViolatedDevices {
    background-color: #c20000;
    width: 14px;
    height: 15px;
    position: absolute;
    top: -4px;
    left: 50px;
    border-radius: 13px;
    color: white;
}

.numberOfViolatedDevicesTwoNumbers {
    width: 17px;
}

.numberOfViolatedDevicesThreeNumbers {
    width: 30px;
}

.numberOfViolatedDevicesFourNumbers {
    width: 34px;
}

.operationsBar {
    width: 100%;
    /*background-color: rgb(221, 226, 236);*/
    border-top-width: 1px;
    border-bottom-width: 0px;
    border-top-style: solid;
    border-right-style: none;
    border-bottom-style: none;
    border-top-color: #d6d6d6;
    height: 56px;
}

/* toolbox */
.toolboxDashboardArea {
    width: 100%;
    height: 100%;
    background-color: #fafafa;
}

.vrmDashboardArea {
    width: 100%;
    height: 100%;
    background-color: #f4f6f9;
}

.vrmDashboardArea table {
    width: 100%;
    height: 100%;
}

.toolboxDashboardItem {
    border: 1px solid #a8a8a8;
    border-radius: 3px;
    background-color: #ffffff;
    width: auto;
    height: 111px;
    min-width: 111px;
    position: relative;
    display: inline-table;
    margin-top: 20px;
    vertical-align: top;
}

.toolboxDashboardItemComponentNonDraggable:hover > div {
    display: block !important;
}

.toolboxDashboardItemComponent:hover .toolboxDashboardItem {
    border: 1px solid #4c4c4c;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,bbccea+100 */
    background-color: #bbccea; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #bbccea 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%, #bbccea 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%, #bbccea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#bbccea', GradientType=0); /* IE6-9 */
}

.toolboxDashboardItemComponent:hover > div {
    display:block !important;
    cursor: move;
}
.toolboxDashboardItemComponent:hover .toolboxDashboardItem {
    border: 1px solid #4c4c4c;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,bbccea+100 */
    background-color: #bbccea; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #bbccea 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%, #bbccea 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%, #bbccea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#bbccea', GradientType=0); /* IE6-9 */
    cursor: move;
}

.toolboxDashboardVP {
    height: 100%;
    width: 100%;
    margin: 10px;
    background-color: #fafafa;
}

.toolboxDashboardItemComponent, .toolboxDashboardItemComponentNonDraggable {
    position: relative;
    width: 111px;
    display: inline-block;
    vertical-align: top;
    padding-left: 20px;

}

.toolboadDashboardContainer {
    position: relative;
    width: 437px;
    height: 400px;
    display: inline-block;
    vertical-align: top;
    background-color: white;
    margin-left: 30px;
    /* padding-right: 20px; */
    margin-bottom: 30px;
    border: 1px solid #a8a8a8;
}

.toolboadDashboardContainer:hover {

    border: 1px solid #4c4c4c;
}
.toolboxContainerItemsArea {
    position: relative;
    width: 435px;
    height: 348px;
    display: inline-block;
    vertical-align: top;
    background-color: white;
    /* padding-right: 18px; */
    /* margin-bottom: 15px; */
}
.containerTitleArea .gwt-Label{
    /* margin-bottom: 0px; */
    padding-left: 20px;
    width: 400px;
    height: 37px;
    font-family: .SFNSDisplay;
    font-size: 29px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-align: left;
    color: #000000;
    margin-top: 0;
    /* padding-bottom: 12px; */
}

.toolboxDashboardItemComponent .gwt-Label {
    float: right;
    text-align: center;
    word-wrap: break-word;
    height: auto;
    font-size: 8px;
    line-height: 8px;
    font-weight: bold;
    left: -10px;
}

.toolboxDashboardActionPanel {
    border: 1px solid;
    border-radius: 4px;
    border-color: #bfbfbf;
    background-color: rgba(65, 190, 255, 0.51); /* Old browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#bbccea', GradientType=0); /* IE6-9 */
    position: absolute;
    z-index: 100;
    top: 20px;
    width: 111px;
    height: 111px;
    opacity: 0.75;
}

.toolboxDashboardActionPanel div {width:36px;height:36px; position:absolute;  border-radius:50%;cursor: pointer; background-image: url(../images/toolbox/dashboard/Toolbox_UI_Library.svg);}
.toolboxDashboardActionPanel div:nth-child(1) {
    top:8px;
    left: 9px;
    background-position: -480px -233px;
}
.toolboxDashboardActionPanel div:nth-child(1):hover {
    top:8px;
    left: 9px;
    background-position: -480px -294px;
}
.toolboxDashboardActionPanel div:nth-child(1):active {
    top:8px;
    left: 9px;
    background-position: -480px -355px;
}
.toolboxDashboardActionPanel div:nth-child(2) {
    top:8px;
    right: 9px;
    background-position: -364px -233px;
}
.toolboxDashboardActionPanel div:nth-child(2):hover {
    /* Schedule script */
    top:8px;
    right: 9px;
    background-position: -364px -294px;
}
.toolboxDashboardActionPanel div:nth-child(2):active {
    /* Delete script */
    top:8px;
    right: 9px;
    background-position: -364px -355px;
}
.toolboxDashboardActionPanel div:nth-child(3) {
    /* Run script */
    top: 38px;
    left: 37.5px;
    background-position: -596px -233px;
    /*transform: translate(-50%,-50%);*/
    /* background-repeat: no-repeat; */
    /* zoom: 1; */
}

.toolboxDashboardActionPanel div:nth-child(3):hover {
    /* Run script */
    top: 38px;
    left: 37.5px;
    background-position: -597px -294px;
}

.toolboxDashboardActionPanel div:nth-child(3):active {
    /* Run script */
    top: 38px;
    left: 37.5px;
    background-position: -597px -355px;
}

.toolboxDashboardActionPanel div:nth-child(4) {
    /* Run script  without parameters*/
    bottom:8px; left: 9px;
    background-position: -422px -233px;
}

.toolboxDashboardActionPanel div:nth-child(4):hover {
    /* Run script without parameters */
    bottom:8px; left: 9px;
    background-position: -424px -294px;
}

.toolboxDashboardActionPanel div:nth-child(4):active {
    /* Run script without parameters*/
    bottom:8px; left: 9px;
    background-position: -422px -355px;
}

/* do not delete this is for next versoin 3.95
.toolboxDashboardActionPanel div:nth-child(4) { bottom:0; left: 0; }
.toolboxDashboardActionPanel div:nth-child(5) {  bottom:0; right: 0; }
*/

.toolboxContainerIcon {
    background-image: url(../images/toolbox/dashboard/Toolbox_UI_Library.svg);
    width: 35px;
    height: 33px;
    margin-top: 17px;
    margin-left: 19px;
}

.toolboxContainerIcon-recentlyUsed {
    background-position: -56px -60px;
}

.toolboxContainerIcon-Favorites {
    background-position: -116px -60px;
}

.toolboxContainerIcon-Configuration {
    background-position: -176px -60px;
}

.toolboxContainerIcon-DataExport {
    background-position: -353px -58px;
}
.toolboxContainerIcon-Emergency {
    background-position: -300px -133px;
}
.toolboxContainerIcon-HA {
    background-position: -150px -131px;
}
.toolboxContainerIcon-Monitoring {
    background-position: -296px -60px;
}

.toolboxContainerIcon-Operations {
    background-position: -236px -57px;
}

.DynamicComboBox .k-dropdown .k-dropdown-wrap {
    height: auto;
    width: auto;
    min-width: 145px;
    min-height: 135px;
}

.StaticComboBox .k-dropdown .k-dropdown-wrap {
    height: auto;
    width: auto;
    min-width: 60px;
    min-height: 30px;
}

.k-popup .k-list .k-item, .k-fieldselector .k-list .k-item, .k-list-optionlabel, .k-popup > .k-group-header, .k-popup > .k-virtual-wrap > .k-group-header {
    background-color: white;
    padding: 1px 5px 1px 5px;
    line-height: 1.8em;
    min-height: 1.8em;
}

.imageColumn {
    height: auto;
    width: auto;
    max-width: 124px;
    max-height: 124px;
}

body.busy * {
    cursor: wait !important;
}

.HeaderItem-userMenuItem {
    background: url('../images/usermenu/user-menu.svg') no-repeat right 12px;
    right: 25px;
    top: 8px;
    background-size:10px 10px;
    filter: brightness(150%);
    position: relative;
    border-left: none;
}

.HeaderItem-userMenuItem:hover, .HeaderItem-userMenuItem:active {
    background: url('../images/usermenu/user-menu_over_selected.svg') no-repeat right 12px;
    background-size:10px 10px;
    filter: brightness(150%);
}

.HeaderItem-applicationMenuItem {
    background: url('../images/globaltoolbar/appMenu.png') no-repeat center 12px;
    position: relative;
    /* top: 0px; */
    /* padding-left: 20px; */
    /* padding-right: 10px; */
    /* border-left: none; */
    /* padding-right: 26px; */
    /* padding-left: 16px; */
    border-right: 1px solid rgba(218, 218, 218, 0.9);
}

.HeaderItem-applicationMenuItem:hover, .HeaderItem-applicationMenuItem:active {
    background: url('../images/globaltoolbar/appMenu.png') no-repeat center 12px;
    position: relative;
    filter:brightness(150%);
}

.User_Popup {
    min-width: 227px;
    max-width: 330px;
    right: 1px !important;
    top: 43px !important;
    left: auto !important;
    padding-top: 4px;
    padding-bottom: 8px;
    border-radius: 4px;
    z-index: 1000;
    background: #F6F6F6;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3), 0px 0px 4px rgba(0, 0, 0, 0.25);
    border: none;
}

.LanguageSwitch {
    background: url(../images/usermenu/language_ic.png) no-repeat 50% 35%;
    width: 24px;
    height: 24px;
    position: relative;
    padding-bottom: 10px;
    padding-left: 14px;
}

.TreeSelectionSwitch {
    background: url(../images/usermenu/language_ic.png) no-repeat 50% 35%;
    width: 24px;
    height: 24px;
    position: relative;
    padding-bottom: 10px;
    padding-left: 30px;
}

.User_Popup .popupContent .gwt-HTML {
    padding-left: 10px;
    padding-top: 7px;
}

.LanguageSwitch:hover {
    /*background: url(images/ic_laguage_switch_hover.png) no-repeat 50% 35%;*/
}

.Logout_Img {
    background: url(../images/usermenu/logout_ic.png) no-repeat 50% 35%;
    width: 100%;
    height: 24px;
    position: relative;
    padding-bottom: 10px;
    padding-left: 7px;
    cursor: pointer;
}

.gwt-HTML-logoutText {
    padding-left: 0px !important;
    padding-top: 0px !important;
    cursor: pointer;
}

.logoutPanel {
    width: 100%;
}

.logoutPanel:hover {
    /* background-image: linear-gradient(180deg, rgb(244, 223, 151) 0%, rgb(244, 223, 151) 71%, rgb(247, 198, 51) 100%); */
    background: rgb(182, 227, 250);
}

.RTUCheckboxLabel {
    font-style: italic;
    font-weight: bold;
    padding-left: 4px;
}

.RTUCheckbox {
    padding-top: 4px;
    float: left;
    padding-left: 20px;
}

.gwtQuickTipIconTextArea {
    border: 1px solid #000000;
    border-radius: 4px;
    border-color: #bfbfbf;
    background-color: #eff6fa;
    -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.5);
    cursor: text;
    position: relative;
    z-index: 100;
}

#ContentDiv {
    padding-top: 8px;
    padding-right: 8px;
    padding-left: 8px;
    padding-bottom: 8px;
}

#LearnMoreDiv {
    text-align: center;
    padding-bottom: 8px;
    margin-left: 220px;
}

.gwtQuickTipIcon {
    float: left;
    background: url(../images/quick_tip.png) center center no-repeat;
    cursor: pointer;
    margin-left: 1px;
    margin-bottom: 16px;
    width: 9px;
}

.gwtQuickTipIcon:hover {
    background: url(../images/quick_tip_hover.png) center center no-repeat;
}

.Group_New {
    background-image: url('../images/add_group.svg');
    background-position: center;
}

.Group_New:hover {
    background-image: url('../images/add_group_over.svg');
    background-position: center;
}

.Group_New-disabled, .Group_New-disabled:hover {
    background-image: url('../images/add_group_disabled.svg');
    background-position: center;
    cursor: default;
}

.treeSelectionMenu {
    background: url(../images/ic_menu_black.svg) no-repeat;
    margin-left: 20px;
    padding-left: 20px;
}

.treeSelectionLabel {
    color: black;
    float: left;
    position: absolute;
    margin-top: 0px;
    /* padding-right: 200px; */
    width: 140px;
    left: 40px;
}

.treeSelectionLabel .gwt-Label {
    color: rgb(19, 35, 94);
    float: left;
    position: absolute;
    margin-top: 17px;
    padding-right: 200px;
    width: 112px;
}

.devices_panel_floating .treeSelectionLabel {
    top:23px;
}
.Add-Scripts  {
    width: 180px;
    height: 37px;
    font-family: .SFNSDisplay;
    font-size: 30px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-align: left;
    color: #000000;
    padding-bottom: 13px;
    padding-left: 19px;
}
.Output-Scripts  {
    width: 180px;
    height: 37px;
    font-family: .SFNSDisplay;
    font-size: 30px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-align: left;
    color: #000000;
    padding-bottom: 13px;
    padding-left: 19px;
}

.close-button {
    width: 38px;
    height: 38px;
    object-fit: contain;
    background: url(../images/toolbox/dashboard/Toolbox_UI_Library.svg);
    background-position: -246px -232px;
    right: 17px;
    position: absolute;
    top: 13px;
}

.close-button:hover {
    background-position: -246px -293px;
    cursor: pointer;
}

.close-button:active {
    background-position: -246px -354px;
    cursor: pointer;
}

.toolBoxPopup-suggestBox {
    width: 404px;
    height: 44px;
    object-fit: contain;
    border: solid 1px #a2a7aa;
    padding-left: -11px;
    margin-left: 19px;
    /* margin-right: 19px; */
    margin-top: 11px;
    /* position: relative; */
    font-size: 16px;
    padding-left: 24px;
}

.toolBoxDashBoardContainerItem {
    width: 162px;
    /* height: 70px; */
    background-color: #edf9ff;
    /* position: absolute; */
    /* margin-right: 20px; */
    /* padding-right: 20px; */
    /* display: block; */
}

.toolBoxDashBoardContainerItem:hover {
    width: 162px;
background-color: #edf9ff;
    cursor: pointer;
}

.toolBoxDashBoardContainerItem-Selected {
    /* width: 443px; */
    /* height: 70px; */
    /*background-color: #009dd2;*/
    background: #009dd2 url(/images/toolbox/dashboard/toolBoxDashBoardContainerItemSelection.svg)no-repeat;
    background-position: right;
    cursor: pointer;
}

.toolBoxDashBoardContainerMenuBar {
    width: 4px;
    height: 18px;
    object-fit: contain;
    background: url(/images/toolbox/dashboard/toolBoxDashBoardMenubar.svg)no-repeat;
    right: 38px;
    top: 22px;
    position: absolute;
}

.toolBoxDashBoardContainerMenuBar:hover {
    width: 4px;
    height: 18px;
    object-fit: contain;
    background: url(/images/toolbox/dashboard/toolBoxDashBoardMenubar.svg)no-repeat;
    cursor: pointer;
}

.toolBoxDashBoardContainerMenuBar .gwt-MenuItem {
    background: none;
}
.toolBoxDashBoardContainerMenuBar .subMenuIcon {
    display : none;
}
.toolboxAddScriptIcon {
    width: 38px;
    height: 38px;
    object-fit: contain;
    background: url(../images/toolbox/dashboard/Toolbox_UI_Library.svg);
    right: 19px;
    top: 12px;
    position: absolute;
    background-position: -130px -232px;
}

.toolboxAddScriptIcon:hover {
    background-position: -130px -293px;
    cursor: pointer;
}

.toolboxAddScriptIcon:active {
    background-position: -130px -354px;
    cursor: pointer;
}

.containerTitleArea {

    height: 48px;
}
.toolBoxDashBoardContainerItem-ScriptName {
    width: 377px;
    height: auto;
    font-family: .AppleSystemUIFont;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-align: left;
    color: #000000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bolder;
}

.toolBoxDashBoardContainerItem-desc {
    width: 336px;
    height: auto;
    font-family: .AppleSystemUIFont;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.33;
    text-align: left;
    color: #000000;
}

.toolBoxPopup-ContentArea{/* top: 32px; *//* position: absolute; *//* height: 577px; */width: 414px;/* margin-top: 14px; *//* padding-left: 19px; */margin-left: 19px;margin-right: 19px;/* position: absolute; */height: 600px;/* overflow-x: scroll; */display: block;}

.toolBoxDashBoardContainerItem-category {
    width: 100px;
    height: 18px;
    font-family: .AppleSystemUIFont;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-align: left;
    color: #000000;
}

.toolBoxPopup-CancelButton {
    width: 90px;
    height: 37px;
    object-fit: contain;
    border-radius: 2px;
    border: solid 1px #1d2022;
    /* right: -41px; */
    float: right;
    position: relative;
    left: 84px;
    background-color: white;
}

.toolBoxPopup-CancelButton:hover {
    width: 90px;
    height: 37px;
    object-fit: contain;
    border-radius: 2px;
    border: solid 2px #009dd2;
    color: #009dd2;
    cursor: pointer;
}

.toolBoxPopup-SelectButton{
    width: 173px;
    height: 37px;
    object-fit: contain;
    border-radius: 2px;
    border: solid 1px #1d2022;
    right: 18px;
    position: relative;
    float: right;
    background-color: white;
}

.toolBoxPopup-SelectButton:hover{
    width: 173px;
    height: 37px;
    object-fit: contain;
    border-radius: 2px;
    border: solid 2px #009dd2;
    color: #009dd2;
    cursor: pointer;
}

.toolBoxPopup {
    width: 468px;
    height: 780px;
    border-radius: 5px;
    background-color: #ffffff;
    box-shadow: 0 0 17px 0 rgba(0, 0, 0, 0.36);
    margin-top: 40px;
}

.outputPopup {
    width: 700px;
    height: 82%;
    border-radius: 5px;
    background-color: #ffffff;
    box-shadow: 0 0 17px 0 rgba(0, 0, 0, 0.36);
    /*    margin-top: -7%;
        margin-left: 10%;*/
    z-index: 1;
    /* min-height: 612px;*/
}

.outputPopup-CancelButton {
    width: 90px;
    height: 37px;
    object-fit: contain;
    border-radius: 2px;
    border: solid 1px #1d2022;
    /* right: -41px; */
    position: relative;
    right: -2%;
    background-color: white;
}

.outputPopup-CancelButton:hover {
    border: solid 2px #009dd2;
    color: #009dd2;
    cursor: pointer;
}

.outputPopup-Line {
    width: 592px;
    height: 3px;
    border: solid 1px #1d2022;
}
.toolboxContainerIcon-Mail {
    background-image: url(../images/toolbox/dashboard/Toolbox_UI_Library.svg);
    width: 35px;
    height: 33px;
    margin-top: 17px;
    background-position: -940px -828px;
    margin-left:35%
}
.toolboxContainerIcon-copytoClipBoard {
    background-image: url(../images/toolbox/dashboard/Toolbox_UI_Library.svg);
    width: 99px;
    height: 33px;
    background-position: -1061px -828px;
    margin-left: 202px;
    margin-top: -36px;
}

.toolboxContainerIcon-copytoClipBoard:hover {
    cursor: pointer;
    background-position: -1061px -891px;
}

.toolboxContainerIcon-sendtoFile {
    background-image: url(../images/toolbox/dashboard/Toolbox_UI_Library.svg);
    width: 81px;
    height: 32px;
    background-position: -1198px -828px;
    margin-left: 61px;
    /* margin-bottom: 10px; */
    /* margin-top: -23px; */
}

.toolboxContainerIcon-sendtoFile:hover {
    cursor: pointer;
    background-position: -1198px -891px;
}

.toolboxAddScriptHeader {
    width: 446px;
    height: 60px;
}

.outputPopupHeader {
    width: 446px;
    height: 60px;
}
.outputPopup-scriptName  {
    /* width: 44px; */
    /* height: 37px; */
    font-family: .SFNSDisplay;
    font-size: 18px;
    /* font-weight: normal; */
    /* font-style: normal; */
    /* font-stretch: normal; */
    /* text-align: left; */
    color: #000000;
}

.outputPopupHR {width:175%;}
.toolboxAddScriptHR {margin-left:19px;margin-right:19px;margin-top: 6px;position:relative;}
.outputPopupHRDetail {margin-left:19px;margin-right:19px;margin-top: 6px;position:relative;}

.toolboxAddScriptDisclousure {
    position: relative;
    color: black;
    font-size: 20px;
}

.toolboxAddButtonPanel {
    position: absolute;
    margin-top: 15px;
    width: 100%;
    bottom: 10px;
}

.outputPopupCloseButtonPanel {
    position: absolute;
    width: 100%;
    bottom: 10px;
}
.suggestPopupContent {
    background-color: #ffffff;
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.22);
}

.inProgress {
    background: url('../images/ic_busy.png') no-repeat center;
    animation: spinnerRotate;
    animation-duration: 0.7s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation: spinnerRotate;
    -webkit-animation-duration: 0.7s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    width: 20px;
    height: 20px;
    margin-left: -43px;
}

.DualList_Delete_Link {
    float: right;
    margin-bottom: 2px;
    position: relative;
    cursor: pointer;
    right: -50px;
    padding-top: 4px;
    padding-bottom: 0px;
    padding-right: 5px;
    height: 20px;
    min-width: 40px;
    background-color: transparent;
    filter: none;
    text-decoration: underline;
    color: blue;
}

/** Vision Dashboards CSS Override **/
.dpScopeWrapper {
    top: 10px;
    position: relative;
}

.dp-scope-container {
    width: 62px;
}

.dp-dns-filter-bar-direction-container {
    width: 116px;
    position: relative;
    padding-right: 20px;
}

.dropdown > div:first-child a {
    display: block;
    border: 1px solid #e7e7e8;
    border-radius: 0;
    color: #13235e;
    /* line-height: 1; */
    height: 17px;
    /* padding-top: 5px; */
    vertical-align: middle;
    padding-top: 5px;
    padding-left: 5px;
}

.dp-fqdn-time-range {
    text-align: left;
    width: 80px;
    position: relative;
    padding-right: 25px;
}

.popup-wrapper {
    background-color: #fff;
    padding: 20px;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;min-height: 400px;
    height: 80%;width: 700px;
    box-shadow: 3px 3px 20px silver;
    border-radius: 5px;z-index: 1001;
}

.popup-close {
    width: 38px;
    height: 38px;
    position: absolute;
    top:16px;
    right:19px;
    background: url(../images/toolbox/dashboard/Toolbox_UI_Library.svg);
    background-position: -246px -232px;
}

.popup-close:hover {
    cursor: pointer;
}
.popup-header{
    padding-bottom:20px;
    position:relative;
    font-size:30px;
    width:91%;
}
.popup-header:after {
    position:absolute;
    bottom:0px;
    left:-20px;
    right:-20px;
    height:1px;
    background-color:#1d2022;
    content:'';
    display:block;
}

.popup-content-options {
    padding: 30px;
}

.popup-content-header {
    font-size: 25px;
}

.popup-content-item-label {
    margin-bottom: 5px;
}

.popup-content-item-content {
    background-color: #e2e5e9;
    padding: 10px;
    max-height: 190px;
    overflow: auto;
}
.popup-content-text-area-item-content{
    background-color: #e2e5e9;
    padding: 9px;
    max-height: 190px;
    overflow: auto;
    width:680px;
    color: black;
    border: 0px;
    margin-left:1px;
}
.popup-content-text-area-item-content:hover,.popup-content-text-area-item-content:active, .popup-content-text-area-item-content:focus {
    background-color: #e2e5e9;
    padding: 9px;
    max-height: 190px;
    overflow: auto;
    width:678px;
    color: black;
    border: 0px;
    margin-left:1px;
}
.popup-wrapper .popup-content .popup-content-content .popup-content-item{
    margin-bottom:10px;
}

.popup-wrapper .popup-content .popup-content-content * {
    font-size: 13px !important;
}

.popup-content {
    height: calc(100% - 75px);
}

.popup-content-content {
    height: calc(100% - 90px);
    overflow: auto;
}

.popup-content-options-sendtoFilelabel {
    margin-left: -21px;
    margin-top: 20px;
    /* margin-bottom: 10px; */
    /* width: 62px; */
}

.popup-content-options-copytoClipboardlabel {
    margin-top: 23px;
    margin-left: -20px;
}

.ldap-attr-ul {
    list-style-type: none;
    margin-left: 0px;
}
.popup-content-options-icons{
    height: 57px;
    margin-top: 20px;
}

.multiple-devices-summary {
    margin: 5px;
}

.multiple-devices-summary .grid_border {
    border: 1px solid rgb(194, 194, 194);
    border-radius: 3px;
}

.framesContainer {
    position: static !important;
}

.statusLabel {
    padding-top: 5px;
    padding-left: 50px;
}

.LoginDialogContent .gwt-Button {
    background: #A33345 !important;
    width: calc(100% - 80px) !important;
    height: 63px;
    margin-left: 2px;
}

.LoginDialogContent .gwt-Button:hover {
    background-color: #9c0000 !important;
}

.LoginDialogContent .gwt-PasswordTextBox, .LoginDialogContent .gwt-TextBox {
    width: calc(100% - 95px);
    padding-left: 23px;
}

.LoginDialogContent .gwt-TextBox.userName {
    background:url(../images/login/user_icon.svg) 5px center no-repeat;
}

.LoginDialogContent .gwt-PasswordTextBox {
    background:url(../images/login/password_icon.svg) 5px center no-repeat;
}

.sign-in-footer {
    position: absolute;
    left: 25px;
}

.signInContainer {
    background: #fff;
    width: 35%;
    height: 100%;
    float: left;
    min-height: 360px;
}

.loginContainer {
    height: 100%;
}

.loginContainer:after {
    clear:both;
    content: '';
    display: block;
}

.popupContent {
    height:  100%;
}

.welcomeToRadware {
    width: 65%;
    height: 100%;
    left:  20px;
    /* margin-left: 20px; */
    position: relative;
    float: right;
}

.icon.login-icon {
    width: 100px;
    height: 100px;
    background-size: cover;
    background-image: url(images/login/vision_logo.svg);
    margin-bottom: 14px;
}

.sign-in-instructions-content {
    color: #939598;
    font-size: 2.0em;
    padding-bottom: 20px;
    border-bottom: 2px solid #939598;
}

.loginPage {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: -moz-radial-gradient(ellipse at center,#4e545a 0%,#494e54 25%,#181d22 100%);
    background: -o-radial-gradient(ellipse at center,#4e545a 0%,#494e54 25%,#181d22 100%);
    background: -webkit-radial-gradient(ellipse at center,#4e545a 0%,#494e54 25%,#181d22 100%);
    background: radial-gradient(ellipse at center,#4e545a 0%,#494e54 25%,#181d22 100%);
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6181d22',endColorstr='#e6181d22',GradientType=1);
    z-index: 1000;
}
.gwt-MenuBarPopup.loginLanguageBarPopup {
    right: 6px !important;
    top: 12px !important;
    position: fixed !important;
    left: initial !important;
}

.gwt-MenuBarPopup.loginLanguageBarPopup {
    right: 49px !important;
    top: 25px !important;
    position: fixed !important;
    left: initial !important;
    width: 100px;
}

.Korean, .Chinese, .Japanese, .English {
    left: 0px;
    background-size: 24px 24px !important;
    padding-left: 33px;
    /* padding-top: 0; */
    margin-bottom: 3px;
    padding-bottom: 3px;
    width: 100px;
}


.Applications_Popup, .Analytics_Popup {
    position: fixed!important;
    top: 50px!important;
    right: 242px !important;
    left: initial !important;
    /* background-color: #E5E5E5; */
    /* border: 1px solid #ababab; */
    box-shadow: 0 2px 10px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.2);
    /* width: 238px; */
    /* color: black; */
    z-index: 2;
    /* border-radius: 10px; */
    background: #F6F6F6;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3), 0px 0px 4px rgba(0, 0, 0, 0.25);
}

.Analytics_Popup {
    left: 225px!important;
    width: 133px;
    /* height: 66px; */
    background: #F6F6F6;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3), 0px 0px 4px rgba(0, 0, 0, 0.25);
    border: none;
}

.Analytics_Popup .HeaderItem {
    text-align: center !important;
    padding-left: 0px !important;
    /* background-color: #F6F6F6; */
}

.applicationsMenu .HeaderItem {
    color: #3C4144;
    border: none;
    /* text-align: center; */
    padding: 6px;
    padding-bottom: 8px;
    margin-right: 10px;
    margin-left: 10px;
    margin-top: 8px;
    height: 20px;
    float: none;
    border-bottom: 1px solid #C4C4C4;
    font-size: 12px;
    font-family: Roboto, Arial, sans-serif;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    font-size: 12px;
    text-align: -webkit-auto;/* text-transform: uppercase; */
   /* opacity: 0.8;*/
    padding-left: 26px;
}

.applicationsMenu .HeaderItem:hover {
    background-color: #eae7e7;
    /* margin: 0px; */
    /* margin-top: 10px; */
    /*opacity: 0.2;*/
    z-index: 999;
}

.applicationsMenu .HeaderItem:active {
    background-color: #ccd5de;
    /* margin: 0px; */
    /* margin-top: 10px; */
    font-weight: bold;
    z-index: 999;
}

.HeaderItem-DPM_MENU {
    border-bottom: none !important;
}

.applicationsMenu tr {
    display: block;
}


table.policyPanelVisible .policyScrollPanel{
    left: 0;
}
.policyScrollPanel {
    position: absolute!important;
    top: 0;
    bottom: 0px;
    background: #fafafa;
    padding: 10px;
    /* left: -100%; */
    transition: 1s;
    box-shadow: 8px -9px 24px -8px;
    max-width: 75%;
    right: 0px;
}
.policyPanelVisible {
    /* position: absolute !important; */
    /* top: 0; */
    /* bottom: 0px; */
    /* display: block; */
    /* width: auto; */
}
.policyPanelVisible .closeButtonPanel {
    left:580px;
}
.closeButtonPanel {
    position: absolute;
    top: 10px;
    left: -1000px;
    z-index: 999;
    transition:1s;
}

.closeButtonPanel button {
    color: transparent !important;
    background: transparent !important;
    border: none !important;
}

.closeButtonPanel button:after{
    content: 'X';
    color: #565656;
    display:block;
    font-size: 25px;
    font-family: calibri;
    border: 1px solid #565656;
    border-radius: 50%;
    opacity: 0.7
}

.closeButtonPanel:hover button:after {
    cursor: pointer;
    opacity: 1
}

a:not([href]):not([tabindex]) {
    text-decoration: initial;
}

input[type='radio'], input[type='checkbox'] {
    accent-color: #1890ff !important;
}

textarea#gwt-debug-agAccessPwscritMessage_local_Widget {
    margin-left: 80px !important;
}

/*

input[type="checkbox" i] {
    background-color: rgb(22, 190, 117);
    width: 20px;
    height: 20px;
    border: 0px solid;
    -webkit-appearance:  none;
    color: white;
    display:inline-block;
!* cursor: pointer; *!
}


input[type="checkbox" i]:checked {
                            background-color: rgb(22, 190, 117);
                            width: 15px;
                            height: 15px;
                            border: 0px solid;
                            -webkit-appearance:  none;
                            color: white;
                            display:inline-block;
                            !* cursor: pointer; *!
                        }

input[type="checkbox" i]:checked:after {
                            content: '\2714';
                            font-size: 12px;
                            position: relative;
                            top: 0px;
                            left: 3px;
                            color: #fff;
                        }

*/

.Radware_Logo > span {padding-top: 15px;/* background-color: #be1e2d; */position: absolute;width: 171px;height: 100%;padding-left: 75px;}

.loginToolBar .Radware_Logo > span {
    top: 5px;
    position: relative;
    width: 200px;
    padding-left: 0px;
}

.vrmApplicationWrapper{
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
}

.menuBalloon {
    background: #F6F6F6;
    transform: matrix(0.71, 0.62, -0.8, 0.71, 0, 0);
    position: absolute;
    top: -2px;
    width: 20px;
    height: 20px;
    margin-left: 20px;
}

.alert-Container {
    white-space: nowrap;
    font-size: 1.2em;
    color: #fff;
    float: right;
    height: 50px;
    /* border-left: 1px solid rgba(218, 218, 218, 0.9); */
    padding-top: 8px;
    padding-right: 16px;
    padding-left: 16px;
    border-left: 1px solid rgba(218, 218, 218, 0.9);
}